commit 72e2110987c1cd8bc9f1b53b0e008e7292f3e196
Author: wangziqi <wangziqi@gongxue100.com>
Date:   Tue Jun 23 11:56:23 2026 +0800

    chore: initial commit

diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 0000000..8c45d04
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1,5 @@
+**/node_modules/
+**/.node/
+**/dist/
+**/pnpm-lock.yaml
+
diff --git a/.github/ISSUE_TEMPLATE/bug.yml b/.github/ISSUE_TEMPLATE/bug.yml
new file mode 100644
index 0000000..d3a6daf
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/bug.yml
@@ -0,0 +1,71 @@
+name: BUG 提交
+description: 提交产品缺陷帮助我们更好的改进
+title: "[BUG] "
+labels: ["bug"]
+assignees: ["zrfit"]
+body:
+  - type: markdown
+    id: contacts_title
+    attributes:
+      value: "## 联系方式"
+  - type: input
+    id: contacts
+    validations:
+      required: false
+    attributes:
+      label: "联系方式"
+      description: "可以快速联系到您进一步沟通的方式：交流群号及昵称、邮箱等"
+  - type: markdown
+    id: environment
+    attributes:
+      value: "## 环境信息"
+  - type: input
+    id: version
+    validations:
+      required: true
+    attributes:
+      label: "Cordys CRM 版本"
+      description: "在系统右上角的下拉菜单中选择 `关于` 可查看当前 Cordys CRM 版本。"
+  - type: dropdown
+    id: database
+    validations:
+      required: true
+    attributes:
+      label: "使用外置数据库"
+      description: "如果使用外置数据库，请确认您的外置数据库版本，目前仅支持 MySQL 8.x 与 MariaDB 11.x。"
+      options:
+        - 否
+        - 是
+  - type: markdown
+    id: details
+    attributes:
+      value: "## 详细信息"
+  - type: textarea
+    id: what-happened
+    attributes:
+      label: "问题描述"
+      description: "简要描述您碰到的问题"
+    validations:
+      required: true
+  - type: textarea
+    id: how-happened
+    attributes:
+      label: "重现步骤"
+      description: "如果操作可以重现该问题"
+    validations:
+      required: true
+  - type: textarea
+    id: expect
+    attributes:
+      label: "期待的正确结果"
+  - type: textarea
+    id: logs
+    attributes:
+      label: "相关日志输出"
+      description: "请复制并粘贴任何相关的日志输出。 这将自动格式化为代码，因此无需反引号。"
+      render: shell
+  - type: textarea
+    id: additional-information
+    attributes:
+      label: "附加信息"
+      description: "如果你还有其他需要提供的信息，可以在这里填写（可以提供截图、视频等）。"
diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml
new file mode 100644
index 0000000..9af4394
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/config.yml
@@ -0,0 +1,8 @@
+blank_issues_enabled: false
+contact_links:
+  - name: 对 Cordys CRM 项目有其他问题
+    url: https://github.com/1Panel-dev/CordysCRM/
+    about: 如果想要进一步了解 Cordys CRM 项目，欢迎发送邮件到 support@fit2cloud.com 进行提问。
+  - name: 反馈安全问题 (Report Security Bug)
+    url: mailto://support@fit2cloud.com
+    about: 请通过邮箱 support@fit2cloud.com 反馈安全问题 (Please report security vulnerabilities to support@fit2cloud.com)
diff --git a/.github/ISSUE_TEMPLATE/feature.yml b/.github/ISSUE_TEMPLATE/feature.yml
new file mode 100644
index 0000000..0f24189
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/feature.yml
@@ -0,0 +1,43 @@
+name: 需求建议
+description: 提出针对本项目的想法和建议
+title: "[FEATURE] "
+labels: ["需求"]
+assignees: ["luty2018", "sakura1412"]
+body:
+  - type: markdown
+    id: environment
+    attributes:
+      value: "## 环境信息"
+  - type: input
+    id: version
+    validations:
+      required: true
+    attributes:
+      label: "Cordys CRM 版本"
+      description: "在系统右上角的下拉菜单中选择 `关于` 可查看当前 Cordys CRM 版本。"
+  - type: input
+    id: contacts
+    validations:
+      required: false
+    attributes:
+      label: "联系方式"
+      description: "可以快速联系到您进一步沟通的方式：交流群号及昵称、邮箱等"      
+  - type: markdown
+    id: details
+    attributes:
+      value: "## 详细信息"
+  - type: textarea
+    id: description
+    attributes:
+      label: "请描述您的需求或者改进建议"
+    validations:
+      required: true
+  - type: textarea
+    id: solution
+    attributes:
+      label: "请描述你建议的实现方案"
+  - type: textarea
+    id: additional-information
+    attributes:
+      label: "附加信息"
+      description: "如果你还有其他需要提供的信息，可以在这里填写（可以提供截图、视频等）。"
diff --git a/.github/ISSUE_TEMPLATE/question.yml b/.github/ISSUE_TEMPLATE/question.yml
new file mode 100644
index 0000000..59a3dd5
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/question.yml
@@ -0,0 +1,12 @@
+name: 问题咨询
+description: 提出针对本项目安装部署、使用及其他方面的相关问题
+title: "[QUESTION] "
+labels: ["question"]
+assignees: ["luty2018", "sakura1412"]
+body:
+  - type: textarea
+    id: description
+    attributes:
+      label: "请描述您的问题"
+    validations:
+      required: true
diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
new file mode 100644
index 0000000..1106f42
--- /dev/null
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -0,0 +1,9 @@
+#### What this PR does / why we need it?
+
+#### Summary of your change
+
+#### Please indicate you've done the following:
+
+- [ ] Made sure tests are passing and test coverage is added if needed.
+- [ ] Made sure commit message follow the rule of [Conventional Commits specification](https://www.conventionalcommits.org/).
+- [ ] Considered the docs impact and opened a new docs issue or PR with docs changes if needed.
\ No newline at end of file
diff --git a/.github/workflows/add-labels-for-pr.yml b/.github/workflows/add-labels-for-pr.yml
new file mode 100644
index 0000000..907ff13
--- /dev/null
+++ b/.github/workflows/add-labels-for-pr.yml
@@ -0,0 +1,38 @@
+on:
+  workflow_dispatch:
+
+name: Add Labels to PR
+
+jobs:
+  add_labels:
+    runs-on: ubuntu-latest
+
+    steps:
+      # Checkout the repository code
+      - name: Checkout code
+        uses: actions/checkout@v3
+
+      # Extract and format the labels from the comment as "username: label"
+      - name: Extract reviewer and labels
+        if: ${{ github.event_name == 'issue_comment' && github.event.issue.pull_request && startsWith(github.event.comment.body, '/') }}
+        id: extract_labels
+        run: |
+          comment_body="${{ github.event.comment.body }}"
+          reviewer="${{ github.event.comment.user.login }}"
+          # Clean up comment and extract labels
+          raw_labels=$(echo "$comment_body" | sed 's|^/||')
+          formatted_labels=$(echo "$raw_labels" | awk -v reviewer="$reviewer" '{split($0, arr, ","); for (i in arr) {gsub(/^ +| +$/, "", arr[i]); print reviewer ": " arr[i]}}')
+          
+          # Set the formatted labels as an environment variable (new way, not using set-output)
+          echo "labels=$formatted_labels" >> $GITHUB_ENV
+          
+          # Output labels for debugging
+          echo "Formatted labels: $formatted_labels"
+
+      # Add the extracted labels to the PR
+      - name: Add labels via PR comment
+        if: ${{ github.event_name == 'issue_comment' && github.event.issue.pull_request && startsWith(github.event.comment.body, '/') }}
+        uses: actions-ecosystem/action-add-labels@v1
+        with:
+          github_token: ${{ secrets.GH_TOKEN }}
+          labels: ${{ env.labels }}
diff --git a/.github/workflows/build-and-push-base.yml b/.github/workflows/build-and-push-base.yml
new file mode 100644
index 0000000..2cbd762
--- /dev/null
+++ b/.github/workflows/build-and-push-base.yml
@@ -0,0 +1,52 @@
+name: build-and-push-base
+
+
+on:
+  workflow_dispatch:
+    inputs:
+      architecture:
+        description: 'Architecture'
+        required: true
+        default: 'linux/amd64'
+        type: choice
+        options:
+          - linux/amd64
+          - linux/arm64
+          - linux/amd64,linux/arm64
+
+jobs:
+  build-and-push-base-to-ghcr:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          ref: main
+      - name: Prepare
+        id: prepare
+        run: |
+          DOCKER_IMAGE=ghcr.io/cordys-dev/cordys-base
+          DOCKER_PLATFORMS=${{ github.event.inputs.architecture }}
+          TAG_NAME=latest
+          DOCKER_IMAGE_TAGS="--tag ${DOCKER_IMAGE}:${TAG_NAME} --tag ${DOCKER_IMAGE}:latest"
+          echo ::set-output name=docker_image::${DOCKER_IMAGE}
+          echo ::set-output name=version::${TAG_NAME}
+          echo ::set-output name=buildx_args::--platform ${DOCKER_PLATFORMS} --no-cache \
+            --build-arg VERSION=${TAG_NAME} \
+            --build-arg BUILD_DATE=$(date -u +'%Y-%m-%dT%H:%M:%SZ') \
+            --build-arg VCS_REF=${GITHUB_SHA::8} \
+            ${DOCKER_IMAGE_TAGS} .
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v3
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+      - name: Login to GitHub Container Registry
+        uses: docker/login-action@v3
+        with:
+          registry: ghcr.io
+          username: ${{ github.actor }}
+          password: ${{ secrets.GH_TOKEN }}
+      - name: Docker Buildx (build-and-push)
+        run: |
+          docker buildx build --output "type=image,push=true" ${{ steps.prepare.outputs.buildx_args }} -f installer/Dockerfile.base
+
diff --git a/.github/workflows/build-and-push.yml b/.github/workflows/build-and-push.yml
new file mode 100644
index 0000000..8a464aa
--- /dev/null
+++ b/.github/workflows/build-and-push.yml
@@ -0,0 +1,108 @@
+name: build-and-push
+
+run-name: 构建镜像并推送仓库 ${{ github.event.inputs.dockerImageTag }} (${{ github.event.inputs.registry }})
+
+on:
+  workflow_dispatch:
+    inputs:
+      dockerImageTag:
+        description: 'Docker Image Tag'
+        default: 'dev'
+        required: true
+      architecture:
+        description: 'Architecture'
+        required: true
+        default: 'linux/amd64'
+        type: choice
+        options:
+          - linux/amd64
+          - linux/arm64
+          - linux/amd64,linux/arm64
+      registry:
+        description: 'Push To Registry'
+        required: true
+        default: 'fit2cloud-registry'
+        type: choice
+        options:
+          - fit2cloud-registry
+
+jobs:
+  build-and-push-to-fit2cloud-registry:
+    if: ${{ contains(github.event.inputs.registry, 'fit2cloud') }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout specific repository
+        uses: actions/checkout@v3
+        with:
+          repository: cordys-dev/cordys-crm
+          token: ${{ secrets.GH_TOKEN }}  # 使用 GitHub token
+
+      - name: Prepare
+        id: prepare
+        run: |
+          DOCKER_IMAGE=${{ secrets.FIT2CLOUD_REGISTRY_HOST }}/cordys/cordys-crm-ce
+          DOCKER_PLATFORMS=${{ github.event.inputs.architecture }}
+          TAG_NAME=${{ github.event.inputs.dockerImageTag }}
+          SHORT_SHA=$(git rev-parse --short HEAD)
+          
+          if [[ ${TAG_NAME} == *dev* ]]; then
+            DOCKER_IMAGE_TAGS="--tag ${DOCKER_IMAGE}:${TAG_NAME}"
+          else
+            DOCKER_IMAGE_TAGS="--tag ${DOCKER_IMAGE}:${TAG_NAME} --tag ${DOCKER_IMAGE}:latest"
+          fi
+          echo ::set-output name=buildx_args::--platform ${DOCKER_PLATFORMS} \
+            --build-arg DOCKER_IMAGE_TAG=${{ github.event.inputs.dockerImageTag }} --build-arg BUILD_AT=$(TZ=Asia/Shanghai date +'%Y-%m-%dT%H:%M') --build-arg GITHUB_COMMIT=${GITHUB_SHA::8} --no-cache \
+            --build-arg FIT2CLOUD_MAVEN_USERNAME=${{ secrets.FIT2CLOUD_MAVEN_USERNAME }} --build-arg FIT2CLOUD_MAVEN_PASSWORD=${{ secrets.FIT2CLOUD_MAVEN_PASSWORD }} \
+            --build-arg CRM_VERSION=${TAG_NAME}-${SHORT_SHA} \
+            ${DOCKER_IMAGE_TAGS} .
+
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v3
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Login to FIT2CLOUD Registry
+        uses: docker/login-action@v3
+        with:
+          registry: ${{ secrets.FIT2CLOUD_REGISTRY_HOST }}
+          username: ${{ secrets.FIT2CLOUD_REGISTRY_USERNAME }}
+          password: ${{ secrets.FIT2CLOUD_REGISTRY_PASSWORD }}
+
+      - name: Docker Buildx (build-and-push)
+        run: |
+          docker buildx build --output "type=image,push=true" ${{ steps.prepare.outputs.buildx_args }} -f installer/Dockerfile
+        # 创建或更新标签
+      - name: Create or Re-create Tag
+        if: success()
+        run: |
+          git config --global user.name 'fit2-zhao'
+          git config --global user.email 'yong.zhao@fit2cloud.com'
+
+          # 判断是否为dev标签，如果是则跳过打tag操作
+          if [[ "${{ github.event.inputs.dockerImageTag }}" == "dev" ]]; then
+            echo "当前为dev标签，跳过打tag操作"
+            exit 0
+          fi
+          
+          # 获取远程标签信息
+          git fetch --prune --tags
+          
+          # 检查标签是否存在（本地或远程）
+          if git ls-remote --tags origin refs/tags/${{ github.event.inputs.dockerImageTag }} | grep -q "${{ github.event.inputs.dockerImageTag }}" || git tag -l "${{ github.event.inputs.dockerImageTag }}" | grep -q "${{ github.event.inputs.dockerImageTag }}"; then
+            echo "标签 ${{ github.event.inputs.dockerImageTag }} 已存在，正在删除..."
+          
+            # 删除本地标签（如果存在）
+            git tag -d ${{ github.event.inputs.dockerImageTag }} || true
+          
+            # 删除远程标签并确认结果
+            git push --delete origin ${{ github.event.inputs.dockerImageTag }} || echo "远程标签可能不存在或已被删除"
+          
+            # 确认标签已被删除
+            sleep 2
+            git fetch --prune --tags
+          fi
+          
+          # 创建和推送新标签
+          git tag -a ${{ github.event.inputs.dockerImageTag }} -m "Release ${{ github.event.inputs.dockerImageTag }}"
+          git push origin ${{ github.event.inputs.dockerImageTag }}
\ No newline at end of file
diff --git a/.github/workflows/codecov.yml b/.github/workflows/codecov.yml
new file mode 100644
index 0000000..eb71a37
--- /dev/null
+++ b/.github/workflows/codecov.yml
@@ -0,0 +1,46 @@
+on:
+  pull_request:
+    branches:
+      - main
+    paths:
+      - "backend/**"
+      - "pom.xml"
+
+name: Code Coverage
+
+permissions:
+  pull-requests: write
+
+jobs:
+  generic_handler:
+    name: Code Coverage
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          token: ${{ secrets.GH_TOKEN }}
+
+      # Cache Maven dependencies
+      - name: Cache Maven dependencies
+        uses: actions/cache@v3
+        with:
+          path: ~/.m2/repository
+          key: ${{ runner.os }}-maven-${{ hashFiles('backend/pom.xml') }}
+          restore-keys: |
+            ${{ runner.os }}-maven-
+
+      - name: Set up JDK 21
+        uses: actions/setup-java@v3
+        with:
+          distribution: 'zulu'
+          java-version: 21
+          check-latest: false
+
+      - name: Build with Maven - other
+        run: mvn -B package -DskipAntRunForJenkins --file pom.xml -pl '!frontend'
+
+      - name: Upload coverage reports to Codecov
+        uses: codecov/codecov-action@v5
+        with:
+          token: ${{ secrets.CODECOV_TOKEN }}
+          slug: 1Panel-dev/CordysCRM
\ No newline at end of file
diff --git a/.github/workflows/create-pr-from-push.yml b/.github/workflows/create-pr-from-push.yml
new file mode 100644
index 0000000..5fdad02
--- /dev/null
+++ b/.github/workflows/create-pr-from-push.yml
@@ -0,0 +1,17 @@
+on:
+  push:
+    branches:
+      - 'pr@**'
+      - 'repr@**'
+
+name: Auto Create PR
+
+jobs:
+  generic_handler:
+    name: Auto Create PR
+    runs-on: ubuntu-latest
+    steps:
+      - name: Create pull request
+        uses: jumpserver/action-generic-handler@master
+        env:
+          GITHUB_TOKEN: ${{ secrets.GH_TOKEN }}
diff --git a/.github/workflows/frontend-build.yml b/.github/workflows/frontend-build.yml
new file mode 100644
index 0000000..21e159f
--- /dev/null
+++ b/.github/workflows/frontend-build.yml
@@ -0,0 +1,30 @@
+on:
+  pull_request:
+    branches:
+      - main
+    paths:
+      - "frontend/**"
+
+name: Frontend Code Checking
+
+permissions:
+  pull-requests: write
+
+jobs:
+  generic_handler:
+    name: Frontend Code Checking
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          token: ${{ secrets.GH_TOKEN }}
+      - name: Set up JDK 21
+        uses: actions/setup-java@v3
+        with:
+          distribution: 'zulu'
+          java-version: 21
+          cache: 'maven'
+          cache-dependency-path: '**/pom.xml' # optional
+          check-latest: true
+      - name: Build with Maven - only frontend
+        run: mvn -T 1C -B package --file pom.xml -pl frontend
diff --git a/.github/workflows/issue-close.yml b/.github/workflows/issue-close.yml
new file mode 100644
index 0000000..aba226a
--- /dev/null
+++ b/.github/workflows/issue-close.yml
@@ -0,0 +1,16 @@
+name: Issue Close Check
+
+on:
+  issues:
+    types: [closed]
+
+jobs:
+  issue-close-remove-labels:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Remove labels
+        uses: actions-cool/issues-helper@v2
+        if: ${{ !github.event.issue.pull_request }}
+        with:
+          actions: 'remove-labels'
+          labels: '待处理'
\ No newline at end of file
diff --git a/.github/workflows/issue-comment.yml b/.github/workflows/issue-comment.yml
new file mode 100644
index 0000000..73ff876
--- /dev/null
+++ b/.github/workflows/issue-comment.yml
@@ -0,0 +1,38 @@
+on:
+  issue_comment:
+    types: [created]
+
+name: Add issues workflow labels
+
+jobs:
+  add-label-if-is-author:
+    runs-on: ubuntu-latest
+    if: ${{ (github.event.issue.user.id == github.event.comment.user.id) && (!github.event.issue.pull_request) }}
+    steps:
+      - name: Add require handle label
+        uses: actions-cool/issues-helper@v2
+        with:
+          actions: 'add-labels'
+          labels: '待处理'
+
+      - name: Remove require reply label
+        uses: actions-cool/issues-helper@v2
+        with:
+          actions: 'remove-labels'
+          labels: '待用户反馈'
+
+  add-label-if-not-author:
+    runs-on: ubuntu-latest
+    if: ${{ (github.event.issue.user.id != github.event.comment.user.id) && (!github.event.issue.pull_request) && (github.event.issue.state == 'open') }}
+    steps:
+      - name: Add require replay label
+        uses: actions-cool/issues-helper@v2
+        with:
+          actions: 'add-labels'
+          labels: '待用户反馈'
+
+      - name: Remove require handle label
+        uses: actions-cool/issues-helper@v2
+        with:
+          actions: 'remove-labels'
+          labels: '待处理'
diff --git a/.github/workflows/issue-open.yml b/.github/workflows/issue-open.yml
new file mode 100644
index 0000000..869fe85
--- /dev/null
+++ b/.github/workflows/issue-open.yml
@@ -0,0 +1,16 @@
+name: Issue Open Check
+
+on:
+  issues:
+    types: [opened]
+
+jobs:
+  issue-open-add-labels:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Add labels
+        uses: actions-cool/issues-helper@v2
+        if: ${{ !github.event.issue.pull_request }}
+        with:
+          actions: 'add-labels'
+          labels: '待处理'
\ No newline at end of file
diff --git a/.github/workflows/issue-sync-to-tapd.yml b/.github/workflows/issue-sync-to-tapd.yml
new file mode 100644
index 0000000..a828495
--- /dev/null
+++ b/.github/workflows/issue-sync-to-tapd.yml
@@ -0,0 +1,109 @@
+name: Sync GitHub Issues to TAPD
+
+on:
+  issues:
+    types:
+      - assigned
+      - reopened
+
+permissions:
+  issues: write
+
+jobs:
+  sync-to-tapd:
+    runs-on: ubuntu-latest
+    concurrency:
+      group: sync-issue-${{ github.event.issue.number }}
+      cancel-in-progress: false
+
+    steps:
+      - name: Check if sync is needed (assignee + live labels)
+        id: check
+        run: |
+          ASSIGNEE="${{ github.event.issue.assignee.login }}"
+
+          # Fetch live labels from GitHub API (not the snapshot in the event)
+          LABELS=$(gh issue view ${{ github.event.issue.number }} \
+            --repo ${{ github.repository }} \
+            --json labels \
+            --jq '.labels[].name')
+
+          if [ -z "$ASSIGNEE" ] || [ "$ASSIGNEE" != "luty2018" ]; then
+            echo "Issue is not assigned to luty2018 or has no assignee, skipping sync"
+            echo "should_sync=false" >> $GITHUB_OUTPUT
+          elif echo "$LABELS" | grep -qx "tapd-synced"; then
+            echo "Issue already has the tapd-synced label, already synced, skipping"
+            echo "should_sync=false" >> $GITHUB_OUTPUT
+          else
+            echo "Issue is assigned to luty2018 and not yet synced, proceeding to sync"
+            echo "should_sync=true" >> $GITHUB_OUTPUT
+          fi
+        env:
+          GH_TOKEN: ${{ github.token }}
+
+      - name: Sync to TAPD
+        if: steps.check.outputs.should_sync == 'true'
+        env:
+          ISSUE_TITLE: ${{ github.event.issue.title }}
+          ISSUE_NUMBER: ${{ github.event.issue.number }}
+          ISSUE_URL: ${{ github.event.issue.html_url }}
+          ISSUE_BODY: ${{ github.event.issue.body }}
+          TAPD_WORKSPACE_ID: ${{ secrets.TAPD_WORKSPACE_ID }}
+          TAPD_PROJECT_ID: ${{ secrets.TAPD_PROJECT_ID }}
+          TAPD_ITERATION_ID: ${{ secrets.TAPD_ITERATION_ID }}
+          TAPD_API_USERNAME: ${{ secrets.TAPD_API_USERNAME }}
+          TAPD_API_PASSWORD: ${{ secrets.TAPD_API_PASSWORD }}
+          TAPD_API_OWNER: ${{ secrets.TAPD_API_OWNER }}
+        run: |
+          # Fallback for empty body
+          BODY="${ISSUE_BODY:-No description}"
+          TITLE="[GitHub Issue #${ISSUE_NUMBER}] ${ISSUE_TITLE}"
+
+          BODY_HTML="${BODY//$'\n'/<br>}"
+          DESCRIPTION="GitHub link: ${ISSUE_URL}<br><br>Description: ${BODY_HTML}"
+
+          JSON=$(jq -n \
+            --arg name "$TITLE" \
+            --arg desc "$DESCRIPTION" \
+            --arg proj "$TAPD_PROJECT_ID" \
+            --arg ws "$TAPD_WORKSPACE_ID" \
+            --arg iteration "$TAPD_ITERATION_ID" \
+            --arg user "$TAPD_API_USERNAME" \
+            --arg owner "$TAPD_API_OWNER" \
+            '{
+              name: $name,
+              description: $desc,
+              project_id: $proj,
+              workspace_id: $ws,
+              owner: $owner,
+              creator: $owner
+            } + if $iteration != "" then {iteration_id: $iteration} else {} end')
+
+          echo "Creating TAPD story..."
+          echo "Title: $TITLE"
+          echo "Description: $DESCRIPTION"
+
+          HTTP_CODE=$(curl -s -o /dev/stderr -w "%{http_code}" -X POST \
+            "https://api.tapd.cn/stories?workspace_id=${TAPD_WORKSPACE_ID}" \
+            -H "Content-Type: application/json" \
+            -u "${TAPD_API_USERNAME}:${TAPD_API_PASSWORD}" \
+            -d "$JSON")
+
+          if [ "$HTTP_CODE" -ne 200 ] && [ "$HTTP_CODE" -ne 201 ]; then
+            echo "::error::TAPD API returned HTTP ${HTTP_CODE}, check the response details above"
+            exit 1
+          fi
+
+          echo "::notice::Sync completed, TAPD story created"
+
+      - name: Add synced label
+        if: steps.check.outputs.should_sync == 'true'
+        uses: actions/github-script@v7
+        with:
+          script: |
+            github.rest.issues.addLabels({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              issue_number: context.issue.number,
+              labels: ['tapd-synced']
+            })
\ No newline at end of file
diff --git a/.github/workflows/llm-code-review.yml b/.github/workflows/llm-code-review.yml
new file mode 100644
index 0000000..9517db9
--- /dev/null
+++ b/.github/workflows/llm-code-review.yml
@@ -0,0 +1,41 @@
+name: LLM Code Review
+
+permissions:
+  contents: write
+  pull-requests: write
+
+on:
+  workflow_dispatch:
+
+jobs:
+  llm-code-review:
+    runs-on: ubuntu-latest
+
+    steps:
+      # 1️⃣ 拉代码
+      - name: Checkout code
+        uses: actions/checkout@v3
+
+      # 2️⃣ LLM Code Review（发表评论）
+      - name: Run LLM Code Review
+        id: llm-code-review
+        uses: fit2cloud/LLM-CodeReview-Action@main
+        env:
+          GITHUB_TOKEN: ${{ secrets.GH_TOKEN }}
+          OPENAI_API_KEY: ${{ secrets.ALIYUN_LLM_API_KEY }}
+          OPENAI_API_ENDPOINT: https://dashscope.aliyuncs.com/compatible-mode/v1
+          MODEL: qwen3-coder-plus
+          LANGUAGE: Chinese
+          PROMPT: |
+            你是资深代码审查专家，严格检查以下代码差异。
+
+            ⚠️【必须遵守】
+            - 只在代码质量存在问题时发表评论。
+            - 不要解释、不添加多余文本。
+            - 审查应专注于以下内容：逻辑错误、代码规范、可读性、性能优化等。
+
+          temperature: 0.2
+          top_p: 1
+          MAX_PATCH_LENGTH: 50000
+          IGNORE_PATTERNS: "/node_modules,*.md,/dist,/.github"
+          FILE_PATTERNS: "*.java"
diff --git a/.github/workflows/sync2gitee.yml b/.github/workflows/sync2gitee.yml
new file mode 100644
index 0000000..5ed1508
--- /dev/null
+++ b/.github/workflows/sync2gitee.yml
@@ -0,0 +1,15 @@
+name: Synchronize to Gitee
+on: [push]
+jobs:
+  repo-sync:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Mirror the Github organization repos to Gitee.
+        uses: Yikun/hub-mirror-action@master
+        with:
+          src: 'github/1Panel-dev'
+          dst: 'gitee/fit2cloud-feizhiyun'
+          dst_key: ${{ secrets.GITEE_PRIVATE_KEY }}
+          dst_token:  ${{ secrets.GITEE_TOKEN }}
+          static_list: "CordysCRM"
+          force_update: true
diff --git a/.github/workflows/typos-check.yml b/.github/workflows/typos-check.yml
new file mode 100644
index 0000000..6b76edc
--- /dev/null
+++ b/.github/workflows/typos-check.yml
@@ -0,0 +1,23 @@
+name: Typos Checking
+on:
+  push:
+    branches:
+      - '**'
+  pull_request:
+    types: [opened, synchronize, reopened]
+
+permissions:
+  pull-requests: write
+
+jobs:
+  run:
+    name: Spell Check with Typos
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Actions Repository
+        uses: actions/checkout@v2
+
+      - name: Check spelling
+        uses: crate-ci/typos@master
+        with:
+          config: .github/workflows/typos-extend-exclude.toml
diff --git a/.github/workflows/typos-extend-exclude.toml b/.github/workflows/typos-extend-exclude.toml
new file mode 100644
index 0000000..1fe3b49
--- /dev/null
+++ b/.github/workflows/typos-extend-exclude.toml
@@ -0,0 +1,2 @@
+[files]
+extend-exclude = ["*.json", "**/*.json", "**/*.js", "**/*.html", "**/*.xml", "**/config.ts", "**/*.sql", "**/*.conf", "**/en-US.ts", "OWNERS", "CODEOWNERS", "LICENSE", "NOTICE"]
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..9eaa70e
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,80 @@
+############################
+# Environment & Config
+############################
+
+# Local env files
+.env
+.env.local
+.env.*.local
+.venv
+
+# Maven
+.mvn
+!.mvn/maven-wrapper.properties
+.flattened-pom.xml
+
+############################
+# Logs
+############################
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-error.log*
+
+############################
+# IDE / Editor
+############################
+
+# macOS
+.DS_Store
+
+# IntelliJ IDEA
+.idea/*
+!.idea/icon.png
+**/*.iml
+
+# Eclipse
+.settings
+.project
+.classpath
+.factorypath
+
+# VS Code
+.vscode
+
+# Visual Studio
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+
+# Other
+*.sw?
+.history
+
+############################
+# Build Output
+############################
+
+target
+.jython_cache
+
+############################
+# Static Resources (ignored)
+############################
+
+src/main/resources/static
+src/main/resources/templates
+/backend/crm/src/main/resources/static/
+/backend/app/src/main/resources/static/
+
+############################
+# Custom Files
+############################
+
+qywx.json
+.gitattributes
+
+# Claude Code
+.claude
diff --git a/.typos.toml b/.typos.toml
new file mode 100644
index 0000000..1c0f02a
--- /dev/null
+++ b/.typos.toml
@@ -0,0 +1,12 @@
+[default.extend-words]
+AKE = "AKE"
+[default.extend-identifiers]
+maintain_column_froms = "maintain_column_froms"
+RegistCapi="RegistCapi"
+[files]
+extend-exclude = [
+  "frontend/public", 
+  "frontend/packages/web/src/components/business/crm-city-select/config.ts", 
+  "backend/crm/src/main/resources/region/region.json",
+  "iconfont.json"
+]
diff --git a/BUILD.md b/BUILD.md
new file mode 100644
index 0000000..3d7e21b
--- /dev/null
+++ b/BUILD.md
@@ -0,0 +1,49 @@
+# 构建过程说明
+
+本项目包含多个模块，构建分为基础配置安装、后端构建、前端构建和整体打包四个部分。
+
+---
+
+## 🔧 1. 安装基础 POM
+
+该命令会将 `parent pom` 安装到本地 Maven 仓库，使其他外部子工程可以获取最新的 `<properties>` 配置。
+
+```bash
+# 如果遇到网络问题，可以使用阿里云镜像加速
+./mvnw install -N
+```
+ 这是多模块项目的必要步骤，确保所有子模块能正确继承父POM的配置。
+---
+
+## 🖥️ 2. 后端构建
+
+执行以下命令构建后端模块（如 `backend` 中的 `framework`、`crm`、`app` 等）并安装到本地仓库：
+
+```bash
+./mvnw clean install -DskipTests -DskipAntRunForJenkins --file backend/pom.xml
+```
+
+> ✅ 参数说明：
+>
+> * `-DskipTests`: 跳过测试用例执行。
+> * `-DskipAntRunForJenkins`: 跳过 Jenkins 使用的 Ant 任务。
+
+---
+
+## 💻 3. 前端构建
+
+前端构建请参考 [`/frontend/REDEME.md`](./frontend/REDEME.md) 中的具体说明！
+
+> 📌 提示：确保运行环境已正确安装 Node.js 和依赖环境!
+
+---
+
+## 📦 4. 整体打包
+
+使用以下命令进行完整的构建与打包：
+
+```bash
+./mvnw clean package
+```
+> ✅ 备注：
+> mvnw 为项目自带打包工具，也可使用本地部署的 mvn
\ No newline at end of file
diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md
new file mode 100644
index 0000000..fd45c9e
--- /dev/null
+++ b/CODE_OF_CONDUCT.md
@@ -0,0 +1,128 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+We as members, contributors, and leaders pledge to make participation in our
+community a harassment-free experience for everyone, regardless of age, body
+size, visible or invisible disability, ethnicity, sex characteristics, gender
+identity and expression, level of experience, education, socio-economic status,
+nationality, personal appearance, race, religion, or sexual identity
+and orientation.
+
+We pledge to act and interact in ways that contribute to an open, welcoming,
+diverse, inclusive, and healthy community.
+
+## Our Standards
+
+Examples of behavior that contributes to a positive environment for our
+community include:
+
+* Demonstrating empathy and kindness toward other people 
+* Being respectful of differing opinions, viewpoints, and experiences
+* Giving and gracefully accepting constructive feedback
+* Accepting responsibility and apologizing to those affected by our mistakes,
+  and learning from the experience
+* Focusing on what is best not just for us as individuals, but for the
+  overall community
+
+Examples of unacceptable behavior include:
+
+* The use of sexualized language or imagery, and sexual attention or
+  advances of any kind
+* Trolling, insulting or derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or email
+  address, without their explicit permission
+* Other conduct which could reasonably be considered inappropriate in a
+  professional setting
+
+## Enforcement Responsibilities
+
+Community leaders are responsible for clarifying and enforcing our standards of
+acceptable behavior and will take appropriate and fair corrective action in
+response to any behavior that they deem inappropriate, threatening, offensive,
+or harmful.
+
+Community leaders have the right and responsibility to remove, edit, or reject
+comments, commits, code, wiki edits, issues, and other contributions that are
+not aligned to this Code of Conduct, and will communicate reasons for moderation
+decisions when appropriate.
+
+## Scope
+
+This Code of Conduct applies within all community spaces, and also applies when
+an individual is officially representing the community in public spaces.
+Examples of representing our community include using an official e-mail address,
+posting via an official social media account, or acting as an appointed
+representative at an online or offline event.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported to the community leaders responsible for enforcement at
+support@fit2cloud.com.
+All complaints will be reviewed and investigated promptly and fairly.
+
+All community leaders are obligated to respect the privacy and security of the
+reporter of any incident.
+
+## Enforcement Guidelines
+
+Community leaders will follow these Community Impact Guidelines in determining
+the consequences for any action they deem in violation of this Code of Conduct:
+
+### 1. Correction
+
+**Community Impact**: Use of inappropriate language or other behavior deemed
+unprofessional or unwelcome in the community.
+
+**Consequence**: A private, written warning from community leaders, providing
+clarity around the nature of the violation and an explanation of why the
+behavior was inappropriate. A public apology may be requested.
+
+### 2. Warning
+
+**Community Impact**: A violation through a single incident or series
+of actions.
+
+**Consequence**: A warning with consequences for continued behavior. No
+interaction with the people involved, including unsolicited interaction with
+those enforcing the Code of Conduct, for a specified period of time. This
+includes avoiding interactions in community spaces as well as external channels
+like social media. Violating these terms may lead to a temporary or
+permanent ban.
+
+### 3. Temporary Ban
+
+**Community Impact**: A serious violation of community standards, including
+sustained inappropriate behavior.
+
+**Consequence**: A temporary ban from any sort of interaction or public
+communication with the community for a specified period of time. No public or
+private interaction with the people involved, including unsolicited interaction
+with those enforcing the Code of Conduct, is allowed during this period.
+Violating these terms may lead to a permanent ban.
+
+### 4. Permanent Ban
+
+**Community Impact**: Demonstrating a pattern of violation of community
+standards, including sustained inappropriate behavior,  harassment of an
+individual, or aggression toward or disparagement of classes of individuals.
+
+**Consequence**: A permanent ban from any sort of public interaction within
+the community.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage],
+version 2.0, available at
+https://www.contributor-covenant.org/version/2/0/code_of_conduct.html.
+
+Community Impact Guidelines were inspired by [Mozilla's code of conduct
+enforcement ladder](https://github.com/mozilla/diversity).
+
+[homepage]: https://www.contributor-covenant.org
+
+For answers to common questions about this code of conduct, see the FAQ at
+https://www.contributor-covenant.org/faq. Translations are available at
+https://www.contributor-covenant.org/translations.
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
new file mode 100644
index 0000000..5c9e1e0
--- /dev/null
+++ b/CONTRIBUTING.md
@@ -0,0 +1,38 @@
+# Contributing
+
+As a contributor, please acknowledge and agree that:
+
+- The project maintainers may adjust the open-source license terms as necessary to make them either more strict or more relaxed.  
+- Any code you contribute may be used for commercial purposes, including but not limited to the project’s cloud-based operations.
+
+
+## Creating a Pull Request
+
+Pull requests (PRs) are always welcome — even small ones that fix typos or minor issues.  
+If your contribution involves significant work or new features, please open an issue first to start a discussion before you begin implementation.
+
+Please break down your changes into small, focused PRs whenever possible.  
+Large PRs with many features or extensive changes are difficult to review and may take longer to merge. Incremental submissions are strongly encouraged.
+
+These development guidelines provide information about the repository structure, how to set up your development environment, how to run the project, and more.
+
+**Note:** When splitting a feature into multiple PRs, please ensure that each individual PR can be safely merged into the `master` branch without breaking existing functionality.  
+If a PR introduces incomplete or non-functional changes, it will not be merged until the feature is complete.
+
+## Reporting Issues
+
+Reporting issues is a great way to contribute to the project.  
+Well-written and detailed bug reports are always appreciated! Please open a new issue and fill out all required information using the provided template.
+
+Before opening a new issue, please check the existing issue list to avoid duplicates.  
+If a similar issue already exists, you can subscribe to it to receive updates.  
+If you have additional information to share, please add it as a comment on that issue.
+
+When reporting an issue, please include the following information:
+
+- The version you are using  
+- Steps to reproduce the problem  
+- Screenshots or log files, if applicable
+
+Because all issues are public, please ensure that you remove any sensitive information (e.g., usernames, passwords, IP addresses, or company names) from your submissions.  
+Replace sensitive data with placeholders such as `REDACTED` or `****`.
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..c00a530
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,18 @@
+This project is distributed under the GNU General Public License, version 3 (GPLv3),
+with the following additional terms and conditions:
+
+1. Logos and Copyright  
+   You may not remove, alter, or hide any logos, trademarks, or copyright
+   notices displayed in the web interface or within the source code.
+
+2. Contributor Terms  
+   By contributing to this project, you agree that:  
+   a. The project maintainer may update or revise this open-source license
+      to make it more permissive or more restrictive as needed.  
+   b. Your contributions may be used for commercial purposes, including
+      but not limited to the project’s cloud and business operations.
+
+All other terms of the GNU General Public License, version 3 (GPLv3) remain in effect.
+Full text: https://www.gnu.org/licenses/gpl-3.0.html
+
+Copyright (c) 2026-present FIT2CLOUD.
diff --git a/OWNERS b/OWNERS
new file mode 100644
index 0000000..baa6b3f
--- /dev/null
+++ b/OWNERS
@@ -0,0 +1,21 @@
+reviewers:
+- fit2-zhao
+- xiaomeinvG
+- song-tianyang
+- AgAngle
+- ba1q1
+- song-cc-rock
+- WangXu10
+- fit2cloudwxx
+- 1myuan
+
+approvers:
+- fit2-zhao
+- xiaomeinvG
+- song-tianyang
+- AgAngle
+- ba1q1
+- song-cc-rock
+- WangXu10
+- fit2cloudwxx
+- 1myuan
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..ecbda1c
--- /dev/null
+++ b/README.md
@@ -0,0 +1,140 @@
+<h1 align="center">Cordys CRM</h1>
+<h3 align="center">新一代的开源 AI CRM 系统</h3>
+<p align="center">
+  <a href="https://trendshift.io/repositories/15469" target="_blank"><img src="https://trendshift.io/api/badge/repositories/15469" alt="1Panel-dev%2FCordysCRM | Trendshift" style="width: 240px; height: auto;" /></a>
+</p>
+<p align="center">
+  <a href="https://github.com/1Panel-dev/CordysCRM/releases"><img src="https://img.shields.io/github/v/release/1Panel-dev/CordysCRM" alt="Latest release"></a>
+  <a href="https://github.com/1Panel-dev/CordysCRM"><img src="https://img.shields.io/github/stars/1Panel-dev/CordysCRM?color=%231890FF&style=flat-square" alt="Stars"></a>    
+  <a href="https://hub.docker.com/r/1panel/cordys-crm"><img src="https://img.shields.io/docker/pulls/1panel/cordys-crm?label=downloads" alt="Download"></a><br/>
+</p>
+
+<hr/>
+
+## 什么是 Cordys CRM？
+
+**Cordys CRM** 是新一代的开源 AI CRM 系统，是集信息化、数字化、智能化于一体的「客户关系管理系统」，由 [飞致云](https://fit2cloud.com/) 匠心出品。
+
+Cordys CRM 能够帮助企业实现从线索到回款（L2C）的全流程精细化管理，覆盖线索获取、智能分配、客户与联系人管理、商机跟进、合同签约及回款执行，构建端到端的销售运营闭环。
+
+<img alt="Cordys CRM Overview" src="https://cordys.cn/images/cordyscrm-202606.png" />
+
+## 核心优势
+
+- **灵活配置 · 高效协同**：现代化架构，操作简洁流畅；精细权限与模块化配置，无缝集成主流办公平台，赋能团队高效协同；
+- **安全自主 · 深度可控**：为私有化部署而生，数据100%自主可控；开放API与标准接口，支持深度集成与定制开发，筑牢安全与发展基石；
+- **智能 BI · 决策赋能**：深度融合 DataEase 分析引擎，销售数据可视化呈现；支持自助探索与实时洞察，驱动精准决策与业绩增长；
+- **AI 赋能 · 智能提效**：开放 CRM Skills 接口，让 AI 深入销售每个环节！OpenClaw、WorkBuddy 等智能助手 7×24 小时在线，从线索筛选到成单分析，全流程提效。
+
+## 快速开始
+
+### 安装部署
+
+准备一台 Linux 服务器，安装好 [Docker](https://docs.docker.com/get-docker/) 后，执行以下一键安装脚本。
+
+```bash
+docker run -d \
+  --name cordys-crm \
+  --restart unless-stopped \
+  -p 8081:8081 \
+  -p 8082:8082 \
+  -v ~/cordys:/opt/cordys \
+  1panel/cordys-crm
+```
+
+你也可以通过 [1Panel 应用商店](https://cordys.cn/docs/installation/1panel_installtion/) 来安装部署 Cordys CRM。
+
+在无法联网的环境中，还可以通过 [离线安装包](https://cordys.cn/docs/installation/offline_installtion/) 来安装部署 Cordys CRM。
+
+### 访问方式
+
+- 在浏览器中打开: http://<你的服务器IP>:8081/
+- 用户名: `admin`
+- 密码: `CordysCRM`
+
+### 联系我们
+
+安装完成后，可以参考 [在线文档](https://cordys.cn/docs/) 来使用 Cordys CRM。
+
+你可以通过下方的微信交流群，与 Cordys CRM 开源项目组进行交流和反馈。
+
+<image height="150px" width="150px" alt="Cordys CRM QRCode" src="https://resource.fit2cloud.com/1panel/cordys-crm/img/wechat.png?v=20250904" />
+
+## UI 展示
+
+<table style="border-collapse: collapse; border: 1px solid black;">
+  <tr>
+    <td style="padding: 5px;background-color:#fff;"><img src= "https://resource.fit2cloud.com/1panel/cordys-crm/img/setting.png" alt="Settings" /></td>
+    <td style="padding: 5px;background-color:#fff;"><img src= "https://resource.fit2cloud.com/1panel/cordys-crm/img/rbac.png" alt="RBAC" /></td>
+  </tr>
+  <tr>
+    <td style="padding: 5px;background-color:#fff;"><img src= "https://resource.fit2cloud.com/1panel/cordys-crm/img/opportunity.png" alt="Opportunity List" /></td>
+    <td style="padding: 5px;background-color:#fff;"><img src= "https://resource.fit2cloud.com/1panel/cordys-crm/img/opportunity-detail.png" alt="Opportunity Detail" /></td>
+  </tr>
+  <tr>
+    <td style="padding: 5px;background-color:#fff;"><img src= "https://resource.fit2cloud.com/1panel/cordys-crm/img/bi.png" alt="BI" /></td>
+    <td style="padding: 5px;background-color:#fff;"><img src= "https://resource.fit2cloud.com/1panel/cordys-crm/img/ai.png" alt="AI" /></td>
+  </tr>  
+</table>
+
+## Star History
+
+[![Star History Chart](https://api.star-history.com/svg?repos=1Panel-dev/CordysCRM&type=date&legend=top-left)](https://www.star-history.com/#1Panel-dev/CordysCRM&type=date&legend=top-left)
+
+## Roadmap
+
+- [x] 2026.06: Cordys CRM 下载量突破 30 万次
+- [x] 2026.05.29：[v1.7.0 新增审批流、审批记录功能](https://github.com/1Panel-dev/CordysCRM/releases/tag/v1.7.0) 发布
+- [x] 2026.03.26：[v1.6.0 新增订单模块、计算组件函数功能增强](https://github.com/1Panel-dev/CordysCRM/releases/tag/v1.6.0) 发布
+- [x] 2026.03.11：[Cordys CRM Skills 正式发布](https://github.com/1Panel-dev/CordysCRM-skills)
+- [x] 2026.01.29：[v1.5.0 新增工商抬头管理、发票管理、回款管理](https://github.com/1Panel-dev/CordysCRM/releases/tag/v1.5.0)
+- [x] 2025.12.18：[v1.4.0 新增标讯、报价和合同模块](https://github.com/1Panel-dev/CordysCRM/releases/tag/v1.4.0)
+- [x] 2025.12.12：[v1.3.6](https://github.com/1Panel-dev/CordysCRM/releases/tag/v1.3.6) 发布
+- [x] 2025.12.04：[v1.3.5](https://github.com/1Panel-dev/CordysCRM/releases/tag/v1.3.5) 发布
+- [x] 2025.11.28：[v1.3.4](https://github.com/1Panel-dev/CordysCRM/releases/tag/v1.3.4) 发布
+- [x] 2025.11.21：[v1.3.3](https://github.com/1Panel-dev/CordysCRM/releases/tag/v1.3.3) 发布
+- [x] 2025.11.14：[v1.3.2](https://github.com/1Panel-dev/CordysCRM/releases/tag/v1.3.2) 发布
+- [x] 2025.11.05：[v1.3.1](https://github.com/1Panel-dev/CordysCRM/releases/tag/v1.3.1) 发布
+- [x] 2025.11.03：[v1.3.0](https://github.com/1Panel-dev/CordysCRM/releases/tag/v1.3.0) 发布，代码正式开源
+- [x] 2025.10.17：[v1.2.3](https://github.com/1Panel-dev/CordysCRM/releases/tag/v1.2.3) 发布
+- [x] 2025.10.11：[v1.2.2](https://github.com/1Panel-dev/CordysCRM/releases/tag/v1.2.2) 发布
+- [x] 2025.09.26：[v1.2.1](https://github.com/1Panel-dev/CordysCRM/releases/tag/v1.2.1) 发布
+- [x] 2025.09.22：Cordys CRM 下载量突破 10 万次
+- [x] 2025.09.19：[v1.2.0](https://github.com/1Panel-dev/CordysCRM/releases/tag/v1.2.0) 发布，开放 MCP Server，并完成和 MaxKB 的对接
+- [x] 2025.09.12：[v1.1.9](https://github.com/1Panel-dev/CordysCRM/releases/tag/v1.1.9) 发布
+- [x] 2025.09.05：[v1.1.8](https://github.com/1Panel-dev/CordysCRM/releases/tag/v1.1.8) 发布
+- [x] 2025.09.01：[v1.1.7](https://github.com/1Panel-dev/CordysCRM/releases/tag/v1.1.7) 发布
+- [x] 2025.08.27：[v1.1.6](https://github.com/1Panel-dev/CordysCRM/releases/tag/v1.1.6) 发布
+- [x] 2025.08.27：[v1.1.5](https://github.com/1Panel-dev/CordysCRM/releases/tag/v1.1.5) 发布，开始公测
+- [x] 2025.08：完成与 SQLBot 和 DataEase 的对接
+- [x] 2025.07：吃自己的狗粮，成功替换飞致云使用 7 年的 Salesforce CRM
+- [x] 2025.06：v1.0 开发完成
+- [x] 2024.09：写下第一行代码
+
+## 技术栈
+
+-  后端：[Spring Boot](https://spring.io/projects/spring-boot)
+-  前端：[Vue.js](https://vuejs.org/) 、[Naive-UI](https://www.naiveui.com/) 、[Vant-UI](https://vant-ui.github.io/)
+-  中间件：[MySQL](https://www.mysql.com/) , [Redis](https://redis.com/)
+-  基础设施：[Docker](https://www.docker.com/)
+
+## 飞致云旗下的其他明星项目
+
+- [JumpServer](https://github.com/jumpserver/jumpserver/) - 广受欢迎的开源堡垒机
+- [1Panel](https://github.com/1panel-dev/1panel/) - 现代化、开源的 Linux 服务器运维管理面板
+- [MaxKB](https://github.com/1panel-dev/MaxKB/) - 强大易用的企业级智能体平台
+- [DataEase](https://github.com/dataease/dataease/) - 人人可用的开源 BI 工具
+- [SQLBot](https://github.com/dataease/SQLBot/) - 基于大模型和 RAG 的智能问数系统
+- [MeterSphere](https://github.com/metersphere/metersphere/) - 新一代的开源持续测试工具
+- [Halo](https://github.com/halo-dev/halo/) - 强大易用的开源建站工具
+
+## License
+
+本仓库遵循 [FIT2CLOUD Open Source License](LICENSE) 开源协议，该许可证本质上是 GPLv3，但有一些额外的限制。
+
+你可以基于 Cordys CRM 的源代码进行二次开发，但是需要遵守以下规定：
+
+- 不能替换和修改 Cordys CRM 的 Logo 和版权信息；
+- 二次开发后的衍生作品必须遵守 GPL V3 的开源义务。
+
+如需商业授权，请联系：`support@fit2cloud.com`。
diff --git a/SECURITY.md b/SECURITY.md
new file mode 100644
index 0000000..9ff802b
--- /dev/null
+++ b/SECURITY.md
@@ -0,0 +1,17 @@
+# 安全说明
+
+如果您发现安全问题，请直接联系我们：
+
+- support@fit2cloud.com
+- 400-052-0755
+
+感谢您的支持！
+
+# Security Policy
+
+All security bugs should be reported to the contact as below:
+
+- support@fit2cloud.com
+- 400-052-0755
+
+Thanks for your support!
diff --git a/backend/.gitignore b/backend/.gitignore
new file mode 100644
index 0000000..fdf8ce7
--- /dev/null
+++ b/backend/.gitignore
@@ -0,0 +1,38 @@
+# Created by .ignore support plugin (hsz.mobi)
+.DS_Store
+node_modules
+node/
+/dist
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+*.iml
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+
+src/main/resources/static
+src/main/resources/public
+
+
+target
+.settings
+.project
+.classpath
+.factorypath
+/crm/src/main/resources/packages/
+/app/src/main/resources/static/
+/crm/src/test/resources/mockito-extensions/org.mockito.plugins.MockMaker
diff --git a/backend/app/pom.xml b/backend/app/pom.xml
new file mode 100644
index 0000000..02a2939
--- /dev/null
+++ b/backend/app/pom.xml
@@ -0,0 +1,123 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <parent>
+        <groupId>cn.cordys</groupId>
+        <artifactId>backend</artifactId>
+        <version>${revision}</version>
+    </parent>
+
+    <artifactId>app</artifactId>
+    <version>${revision}</version>
+    <name>app</name>
+
+    <dependencies>
+        <dependency>
+            <groupId>cn.cordys</groupId>
+            <artifactId>framework</artifactId>
+            <version>${revision}</version>
+        </dependency>
+        <dependency>
+            <groupId>cn.cordys</groupId>
+            <artifactId>crm</artifactId>
+            <version>${revision}</version>
+        </dependency>
+    </dependencies>
+
+    <build>
+        <resources>
+            <resource>
+                <directory>src/main/java</directory>
+                <includes>
+                    <include>**/*.properties</include>
+                    <include>**/*.xml</include>
+                    <include>**/*.json</include>
+                    <include>**/*.tpl</include>
+                    <include>**/*.js</include>
+                </includes>
+                <filtering>false</filtering>
+            </resource>
+            <resource>
+                <directory>src/main/resources</directory>
+                <includes>
+                    <include>**/*</include>
+                </includes>
+                <filtering>false</filtering>
+            </resource>
+        </resources>
+
+        <plugins>
+            <!-- Spring Boot 插件，支持 Spring Boot 应用的构建 -->
+            <plugin>
+                <groupId>org.springframework.boot</groupId>
+                <artifactId>spring-boot-maven-plugin</artifactId>
+                <configuration>
+                    <excludes>
+                        <exclude>
+                            <groupId>org.projectlombok</groupId>
+                            <artifactId>lombok</artifactId>
+                        </exclude>
+                    </excludes>
+                    <loaderImplementation>CLASSIC</loaderImplementation>
+                </configuration>
+            </plugin>
+
+            <!-- Maven Clean 插件，清理资源文件夹中的静态文件 -->
+            <plugin>
+                <artifactId>maven-clean-plugin</artifactId>
+                <configuration>
+                    <filesets>
+                        <fileset>
+                            <directory>src/main/resources/static</directory>
+                            <includes>
+                                <include>**</include>
+                            </includes>
+                            <followSymlinks>false</followSymlinks>
+                        </fileset>
+                    </filesets>
+                </configuration>
+            </plugin>
+
+            <!-- Maven Antrun 插件，用于复制前端资源到静态目录 -->
+            <plugin>
+                <groupId>org.apache.maven.plugins</groupId>
+                <artifactId>maven-antrun-plugin</artifactId>
+                <executions>
+                    <execution>
+                        <id>main-class-placement</id>
+                        <phase>generate-resources</phase>
+                        <configuration>
+                            <skip>${skipAntRunForJenkins}</skip>
+                            <target>
+                                <!-- 复制移动端资源到静态目录 -->
+                                <copy todir="src/main/resources/static/mobile" failonerror="false">
+                                    <fileset dir="../../frontend/packages/mobile/dist"/>
+                                </copy>
+                                <!-- 复制WEB端资源到静态目录 -->
+                                <copy todir="src/main/resources/static" failonerror="false">
+                                    <fileset dir="../../frontend/packages/web/dist"/>
+                                </copy>
+                            </target>
+                        </configuration>
+                        <goals>
+                            <goal>run</goal>
+                        </goals>
+                    </execution>
+                </executions>
+            </plugin>
+
+            <!-- Maven Surefire 插件，配置测试执行顺序 -->
+            <plugin>
+                <groupId>org.apache.maven.plugins</groupId>
+                <artifactId>maven-surefire-plugin</artifactId>
+                <configuration>
+                    <runOrder>alphabetical</runOrder>
+                    <argLine>${argLine} -Dfile.encoding=UTF-8</argLine>
+                </configuration>
+            </plugin>
+        </plugins>
+
+    </build>
+
+</project>
diff --git a/backend/app/src/main/java/cn/cordys/Application.java b/backend/app/src/main/java/cn/cordys/Application.java
new file mode 100644
index 0000000..15beb0f
--- /dev/null
+++ b/backend/app/src/main/java/cn/cordys/Application.java
@@ -0,0 +1,28 @@
+package cn.cordys;
+
+import org.springframework.boot.SpringApplication;
+import org.springframework.boot.autoconfigure.SpringBootApplication;
+import org.springframework.boot.autoconfigure.ldap.LdapAutoConfiguration;
+import org.springframework.boot.autoconfigure.neo4j.Neo4jAutoConfiguration;
+import org.springframework.boot.autoconfigure.quartz.QuartzAutoConfiguration;
+import org.springframework.boot.web.servlet.ServletComponentScan;
+import org.springframework.context.annotation.PropertySource;
+
+@SpringBootApplication(exclude = {
+        QuartzAutoConfiguration.class,
+        LdapAutoConfiguration.class,
+        Neo4jAutoConfiguration.class
+})
+@PropertySource(value = {
+        "classpath:commons.properties",
+        "file:/opt/cordys/conf/cordys-crm.properties",
+}, encoding = "UTF-8", ignoreResourceNotFound = true)
+@ServletComponentScan
+public class Application {
+
+    public static void main(String[] args) {
+        SpringApplication.run(Application.class, args);
+    }
+}
+
+
diff --git a/backend/app/src/main/java/cn/cordys/listener/AppListener.java b/backend/app/src/main/java/cn/cordys/listener/AppListener.java
new file mode 100644
index 0000000..b561b6b
--- /dev/null
+++ b/backend/app/src/main/java/cn/cordys/listener/AppListener.java
@@ -0,0 +1,108 @@
+package cn.cordys.listener;
+
+import cn.cordys.common.service.DataInitService;
+import cn.cordys.common.uid.impl.DefaultUidGenerator;
+import cn.cordys.common.util.HikariCPUtils;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.rsa.RsaKey;
+import cn.cordys.common.util.rsa.RsaUtils;
+import cn.cordys.crm.system.service.ExportTaskStopService;
+import cn.cordys.crm.system.service.ExtScheduleService;
+import cn.cordys.crm.system.service.SystemService;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.boot.ApplicationArguments;
+import org.springframework.boot.ApplicationRunner;
+import org.springframework.data.redis.core.StringRedisTemplate;
+import org.springframework.stereotype.Component;
+
+@Component
+@Slf4j
+class AppListener implements ApplicationRunner {
+    @Resource
+    private DefaultUidGenerator uidGenerator;
+
+    @Resource
+    private ExtScheduleService extScheduleService;
+
+    @Resource
+    private StringRedisTemplate stringRedisTemplate;
+
+    @Resource
+    private DataInitService dataInitService;
+
+    @Resource
+    private ExportTaskStopService exportTaskStopService;
+    @Resource
+    private SystemService systemService;
+
+    /**
+     * 应用启动后执行的初始化方法。
+     * <p>
+     * 此方法会依次初始化唯一 ID 生成器、MinIO 配置和 RSA 配置。
+     * </p>
+     *
+     * @param args 启动参数
+     */
+    @Override
+    public void run(ApplicationArguments args) {
+        log.info("===== 开始初始化配置 =====");
+
+        // 初始化唯一ID生成器
+        uidGenerator.init();
+
+        // 初始化RSA配置
+        log.info("初始化RSA配置");
+        initializeRsaConfiguration();
+
+        log.info("初始化定时任务");
+        extScheduleService.startEnableSchedules();
+
+        HikariCPUtils.printHikariCPStatus();
+
+        log.info("初始化默认组织数据");
+        dataInitService.initOneTime();
+
+        log.info("停止导出任务");
+        exportTaskStopService.stopPreparedAll();
+
+        log.info("清理表单缓存");
+        systemService.clearFormCache();
+
+        log.info("===== 完成初始化配置 =====");
+    }
+
+    /**
+     * 初始化 RSA 配置。
+     * <p>
+     * 此方法首先尝试加载现有的 RSA 密钥。如果不存在，则生成新的 RSA 密钥并保存到文件系统。
+     * </p>
+     */
+    private void initializeRsaConfiguration() {
+        String redisKey = "rsa:key";
+        try {
+            // 从 Redis 获取 RSA 密钥
+            String rsaStr = stringRedisTemplate.opsForValue().get(redisKey);
+            if (StringUtils.isNotBlank(rsaStr)) {
+                // 如果 RSA 密钥存在，反序列化并设置密钥
+                RsaKey rsaKey = JSON.parseObject(rsaStr, RsaKey.class);
+                RsaUtils.setRsaKey(rsaKey);
+                return;
+            }
+        } catch (Exception e) {
+            log.error("从 Redis 获取 RSA 配置失败", e);
+        }
+
+        try {
+            // 如果 Redis 中没有密钥，生成新的 RSA 密钥并保存到 Redis
+            RsaKey rsaKey = RsaUtils.getRsaKey();
+            stringRedisTemplate.opsForValue().set(redisKey, JSON.toJSONString(rsaKey));
+            RsaUtils.setRsaKey(rsaKey);
+        } catch (Exception e) {
+            log.error("初始化 RSA 配置失败", e);
+        }
+    }
+
+
+}
\ No newline at end of file
diff --git a/backend/app/src/main/java/cn/cordys/listener/CustomError.java b/backend/app/src/main/java/cn/cordys/listener/CustomError.java
new file mode 100644
index 0000000..57ad63c
--- /dev/null
+++ b/backend/app/src/main/java/cn/cordys/listener/CustomError.java
@@ -0,0 +1,25 @@
+package cn.cordys.listener;
+
+import org.springframework.boot.web.servlet.error.ErrorController;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.GetMapping;
+
+/**
+ * 自定义错误控制器类，用于处理应用中的错误页面请求。
+ * <p>
+ * 该控制器会将所有错误页面的请求重定向到网站的根页面（"/"）。
+ * </p>
+ */
+@Controller
+public class CustomError implements ErrorController {
+
+    /**
+     * 错误处理方法，当发生错误时，会将请求重定向到根页面。
+     *
+     * @return 重定向到根页面
+     */
+    @GetMapping("/error")
+    public String redirectRoot() {
+        return "redirect:/";
+    }
+}
diff --git a/backend/app/src/main/java/cn/cordys/listener/Index.java b/backend/app/src/main/java/cn/cordys/listener/Index.java
new file mode 100644
index 0000000..f23ea88
--- /dev/null
+++ b/backend/app/src/main/java/cn/cordys/listener/Index.java
@@ -0,0 +1,44 @@
+package cn.cordys.listener;
+
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.GetMapping;
+
+/**
+ * 主页控制器类，处理访问根页面（"/"）和登录页面（"/login"）的请求。
+ * <p>
+ * 该控制器负责将请求转发到 `index.html` 页面。
+ * </p>
+ */
+@Controller
+public class Index {
+    /**
+     * 处理根路径（"/"）的请求，并返回首页 `index.html` 页面。
+     *
+     * @return 返回首页的视图名称
+     */
+    @GetMapping("/web")
+    public String index() {
+        return "index.html";
+    }
+
+    /**
+     * 处理移动端根路径（"/"）的请求，并返回首页 `/mobile/index.html` 页面。
+     *
+     * @return 返回首页的视图名称
+     */
+    @GetMapping("/mobile")
+    public String mobileIndex() {
+        return "mobile/index.html";
+    }
+
+
+    /**
+     * 处理登录页面（"/login"）的请求，并返回 `index.html` 页面。
+     *
+     * @return 返回登录页面的视图名称
+     */
+    @GetMapping(value = "/login")
+    public String login() {
+        return "/index.html";
+    }
+}
diff --git a/backend/app/src/main/resources/banner.txt b/backend/app/src/main/resources/banner.txt
new file mode 100644
index 0000000..f02d80e
--- /dev/null
+++ b/backend/app/src/main/resources/banner.txt
@@ -0,0 +1,7 @@
+
+ ██████╗ ██████╗ ██████╗ ██████╗ ██╗   ██╗███████╗     ██████╗██████╗ ███╗   ███╗
+██╔════╝██╔═══██╗██╔══██╗██╔══██╗╚██╗ ██╔╝██╔════╝    ██╔════╝██╔══██╗████╗ ████║
+██║     ██║   ██║██████╔╝██║  ██║ ╚████╔╝ ███████╗    ██║     ██████╔╝██╔████╔██║
+██║     ██║   ██║██╔══██╗██║  ██║  ╚██╔╝  ╚════██║    ██║     ██╔══██╗██║╚██╔╝██║
+╚██████╗╚██████╔╝██║  ██║██████╔╝   ██║   ███████║    ╚██████╗██║  ██║██║ ╚═╝ ██║
+ ╚═════╝ ╚═════╝ ╚═╝  ╚═╝╚═════╝    ╚═╝   ╚══════╝     ╚═════╝╚═╝  ╚═╝╚═╝     ╚═╝
diff --git a/backend/app/src/main/resources/commons.properties b/backend/app/src/main/resources/commons.properties
new file mode 100644
index 0000000..404fadf
--- /dev/null
+++ b/backend/app/src/main/resources/commons.properties
@@ -0,0 +1,93 @@
+# Application Settings
+spring.application.name=cordys-crm
+server.port=8081
+
+# Compression Settings (gzip)
+server.compression.enabled=true
+server.compression.mime-types=application/json,application/xml,text/html,text/xml,text/plain,application/javascript,text/css,text/javascript,image/jpeg
+server.compression.min-response-size=2048
+
+# Logging Settings
+logging.file.path=/opt/cordys/logs/cordys-crm
+
+# DataSource Configuration (HikariCP)
+spring.datasource.type=com.zaxxer.hikari.HikariDataSource
+spring.datasource.hikari.maximum-pool-size=100
+spring.datasource.hikari.minimum-idle=10
+spring.datasource.hikari.idle-timeout=300000
+spring.datasource.hikari.auto-commit=true
+spring.datasource.hikari.pool-name=DatebookHikariCP
+spring.datasource.hikari.max-lifetime=1800000
+spring.datasource.hikari.connection-timeout=30000
+spring.datasource.hikari.connection-test-query=SELECT 1
+
+# Quartz Scheduler DataSource Settings
+quartz.enabled=true
+quartz.scheduler-name=cordys-crm-quartz
+quartz.thread-count=10
+quartz.properties.org.quartz.jobStore.acquireTriggersWithinLock=true
+
+spring.datasource.quartz.url=${spring.datasource.url}
+spring.datasource.quartz.username=${spring.datasource.username}
+spring.datasource.quartz.password=${spring.datasource.password}
+spring.datasource.quartz.hikari.maximum-pool-size=50
+spring.datasource.quartz.hikari.minimum-idle=10
+spring.datasource.quartz.hikari.idle-timeout=300000
+spring.datasource.quartz.hikari.auto-commit=true
+spring.datasource.quartz.hikari.pool-name=DatebookHikariCP
+spring.datasource.quartz.hikari.max-lifetime=1800000
+spring.datasource.quartz.hikari.connection-timeout=30000
+spring.datasource.quartz.hikari.connection-test-query=SELECT 1
+
+# MyBatis Configuration
+mybatis.configuration.cache-enabled=false
+mybatis.configuration.lazy-loading-enabled=false
+mybatis.configuration.aggressive-lazy-loading=true
+mybatis.configuration.use-column-label=true
+mybatis.configuration.auto-mapping-behavior=full
+mybatis.configuration.default-statement-timeout=25000
+mybatis.configuration.map-underscore-to-camel-case=true
+
+# Virtual Thread Settings (for Thread Management)
+spring.threads.virtual.enabled=true
+spring.mvc.log-request-details=false
+
+# Flyway Database Migration Configuration
+spring.flyway.enabled=true
+spring.flyway.baseline-on-migrate=true
+spring.flyway.locations=classpath:migration
+spring.flyway.table=cordys_crm_version
+spring.flyway.baseline-version=0
+spring.flyway.encoding=UTF-8
+spring.flyway.validate-on-migrate=false
+
+# File Upload Configuration
+spring.servlet.multipart.max-file-size=1024MB
+spring.servlet.multipart.max-request-size=1024MB
+
+# Redisson (Session Management with Redis)
+spring.session.timeout=43200s
+spring.session.redis.repository-type=indexed
+spring.cache.type=redis
+
+#spring.redis.redisson.file=file:/opt/cordys/conf/redisson.yml
+
+# Template Engines (Freemarker, Groovy)
+spring.freemarker.check-template-location=false
+spring.groovy.template.check-template-location=false
+
+# Swagger Configuration (API Documentation)
+springdoc.swagger-ui.enabled=true
+springdoc.api-docs.enabled=true
+springdoc.api-docs.groups.enabled=true
+
+# i18n
+spring.messages.basename=i18n/cordys-crm
+
+# Enable whitelist functionality, if not enabled, access will not be restricted.
+allowed.ip.ranges.enabled=false
+# Enable whitelist functionality, if not enabled, access will not be restricted.
+allowed.ip.ranges=
+
+# List of URLs that require XSS filtering, supports Ant-style path matching, e.g., /api/**. If no URLs need to be filtered, it can be left empty.
+# xss.protection.url.list=/account/follow/**,/announcement/add
\ No newline at end of file
diff --git a/backend/app/src/main/resources/logback-spring.xml b/backend/app/src/main/resources/logback-spring.xml
new file mode 100644
index 0000000..9db3abf
--- /dev/null
+++ b/backend/app/src/main/resources/logback-spring.xml
@@ -0,0 +1,185 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<configuration debug="true">
+
+    <property resource="commons.properties"/>
+    <property file="/opt/cordys/conf/cordys-crm.properties" ignoreResourceNotFound="true"/>
+
+    <!-- Console 输出 -->
+    <appender name="console" class="ch.qos.logback.core.ConsoleAppender">
+        <encoder>
+            <pattern>%d %5p %40.40c:%4L - %m%n</pattern>
+        </encoder>
+    </appender>
+
+    <!-- ===================== 文件 Appender ===================== -->
+
+    <appender name="traceAppender" class="ch.qos.logback.core.rolling.RollingFileAppender">
+        <filter class="ch.qos.logback.classic.filter.LevelFilter">
+            <level>TRACE</level>
+            <onMatch>ACCEPT</onMatch>
+            <onMismatch>DENY</onMismatch>
+        </filter>
+        <File>${logging.file.path}/trace.log</File>
+        <rollingPolicy class="ch.qos.logback.core.rolling.SizeAndTimeBasedRollingPolicy">
+            <FileNamePattern>${logging.file.path}/history/trace.%d{yyyyMMdd}-%i.log</FileNamePattern>
+            <maxHistory>${logger.max.history:-30}</maxHistory>
+            <maxFileSize>50MB</maxFileSize>
+        </rollingPolicy>
+        <encoder>
+            <charset>UTF-8</charset>
+            <Pattern>%d [%thread] %-5level %logger{36} %line - %msg%n</Pattern>
+        </encoder>
+    </appender>
+
+    <appender name="debugAppender" class="ch.qos.logback.core.rolling.RollingFileAppender">
+        <filter class="ch.qos.logback.classic.filter.LevelFilter">
+            <level>DEBUG</level>
+            <onMatch>ACCEPT</onMatch>
+            <onMismatch>DENY</onMismatch>
+        </filter>
+        <File>${logging.file.path}/debug.log</File>
+        <rollingPolicy class="ch.qos.logback.core.rolling.SizeAndTimeBasedRollingPolicy">
+            <FileNamePattern>${logging.file.path}/history/debug.%d{yyyyMMdd}-%i.log</FileNamePattern>
+            <maxHistory>${logger.max.history:-30}</maxHistory>
+            <maxFileSize>50MB</maxFileSize>
+        </rollingPolicy>
+        <encoder>
+            <charset>UTF-8</charset>
+            <Pattern>%d [%thread] %-5level %logger{36} %line - %msg%n</Pattern>
+        </encoder>
+    </appender>
+
+    <appender name="infoAppender" class="ch.qos.logback.core.rolling.RollingFileAppender">
+        <filter class="ch.qos.logback.classic.filter.LevelFilter">
+            <level>INFO</level>
+            <onMatch>ACCEPT</onMatch>
+            <onMismatch>DENY</onMismatch>
+        </filter>
+        <File>${logging.file.path}/info.log</File>
+        <rollingPolicy class="ch.qos.logback.core.rolling.SizeAndTimeBasedRollingPolicy">
+            <FileNamePattern>${logging.file.path}/history/info.%d{yyyyMMdd}-%i.log</FileNamePattern>
+            <maxHistory>${logger.max.history:-30}</maxHistory>
+            <maxFileSize>50MB</maxFileSize>
+        </rollingPolicy>
+        <encoder>
+            <charset>UTF-8</charset>
+            <Pattern>%d [%thread] %-5level %logger{36} %line - %msg%n</Pattern>
+        </encoder>
+    </appender>
+
+    <appender name="warnAppender" class="ch.qos.logback.core.rolling.RollingFileAppender">
+        <filter class="ch.qos.logback.classic.filter.LevelFilter">
+            <level>WARN</level>
+            <onMatch>ACCEPT</onMatch>
+            <onMismatch>DENY</onMismatch>
+        </filter>
+        <File>${logging.file.path}/warn.log</File>
+        <rollingPolicy class="ch.qos.logback.core.rolling.SizeAndTimeBasedRollingPolicy">
+            <FileNamePattern>${logging.file.path}/history/warn.%d{yyyyMMdd}-%i.log</FileNamePattern>
+            <maxHistory>${logger.max.history:-30}</maxHistory>
+            <maxFileSize>50MB</maxFileSize>
+        </rollingPolicy>
+        <encoder>
+            <charset>UTF-8</charset>
+            <Pattern>%d [%thread] %-5level %logger{36} %line - %msg%n</Pattern>
+        </encoder>
+    </appender>
+
+    <appender name="errorAppender" class="ch.qos.logback.core.rolling.RollingFileAppender">
+        <filter class="ch.qos.logback.classic.filter.LevelFilter">
+            <level>ERROR</level>
+            <onMatch>ACCEPT</onMatch>
+            <onMismatch>DENY</onMismatch>
+        </filter>
+        <File>${logging.file.path}/error.log</File>
+        <rollingPolicy class="ch.qos.logback.core.rolling.SizeAndTimeBasedRollingPolicy">
+            <FileNamePattern>${logging.file.path}/history/error.%d{yyyyMMdd}-%i.log</FileNamePattern>
+            <maxHistory>${logger.max.history:-30}</maxHistory>
+            <maxFileSize>50MB</maxFileSize>
+        </rollingPolicy>
+        <encoder>
+            <charset>UTF-8</charset>
+            <Pattern>%d [%thread] %-5level %logger{36} %line - %msg%n</Pattern>
+        </encoder>
+    </appender>
+
+    <!-- ===================== Async Appender ===================== -->
+
+    <appender name="traceAsyncAppender" class="ch.qos.logback.classic.AsyncAppender">
+        <filter class="ch.qos.logback.classic.filter.LevelFilter">
+            <level>TRACE</level>
+            <onMatch>ACCEPT</onMatch>
+            <onMismatch>DENY</onMismatch>
+        </filter>
+        <queueSize>10000</queueSize>
+        <appender-ref ref="traceAppender"/>
+    </appender>
+
+    <appender name="debugAsyncAppender" class="ch.qos.logback.classic.AsyncAppender">
+        <filter class="ch.qos.logback.classic.filter.LevelFilter">
+            <level>DEBUG</level>
+            <onMatch>ACCEPT</onMatch>
+            <onMismatch>DENY</onMismatch>
+        </filter>
+        <queueSize>10000</queueSize>
+        <appender-ref ref="debugAppender"/>
+    </appender>
+
+    <appender name="infoAsyncAppender" class="ch.qos.logback.classic.AsyncAppender">
+        <filter class="ch.qos.logback.classic.filter.LevelFilter">
+            <level>INFO</level>
+            <onMatch>ACCEPT</onMatch>
+            <onMismatch>DENY</onMismatch>
+        </filter>
+        <queueSize>10000</queueSize>
+        <appender-ref ref="infoAppender"/>
+    </appender>
+
+    <appender name="warnAsyncAppender" class="ch.qos.logback.classic.AsyncAppender">
+        <filter class="ch.qos.logback.classic.filter.LevelFilter">
+            <level>WARN</level>
+            <onMatch>ACCEPT</onMatch>
+            <onMismatch>DENY</onMismatch>
+        </filter>
+        <queueSize>10000</queueSize>
+        <includeCallerData>true</includeCallerData>
+        <appender-ref ref="warnAppender"/>
+    </appender>
+
+    <appender name="errorAsyncAppender" class="ch.qos.logback.classic.AsyncAppender">
+        <filter class="ch.qos.logback.classic.filter.LevelFilter">
+            <level>ERROR</level>
+            <onMatch>ACCEPT</onMatch>
+            <onMismatch>DENY</onMismatch>
+        </filter>
+        <queueSize>10000</queueSize>
+        <includeCallerData>true</includeCallerData>
+        <appender-ref ref="errorAppender"/>
+    </appender>
+
+    <!-- ===================== Logger ===================== -->
+
+    <!-- cn.cordys 模块日志 -->
+    <logger name="cn.cordys" additivity="false" level="${logback.level:INFO}">
+        <appender-ref ref="traceAsyncAppender"/>
+        <appender-ref ref="debugAsyncAppender"/>
+        <appender-ref ref="infoAsyncAppender"/>
+        <appender-ref ref="warnAsyncAppender"/>
+        <appender-ref ref="errorAsyncAppender"/>
+        <appender-ref ref="console"/>
+    </logger>
+
+    <!-- cn.cordys.Application 单独 INFO 输出 -->
+    <logger name="cn.cordys.Application" additivity="false" level="${logback.level:INFO}">
+        <appender-ref ref="infoAsyncAppender"/>
+    </logger>
+
+    <!-- 容器日志 -->
+    <logger name="org.eclipse.jetty.ee10.servlet.ServletChannel" level="ERROR"/>
+
+    <!-- ===================== Root ===================== -->
+    <root level="INFO">
+        <appender-ref ref="console"/>
+    </root>
+
+</configuration>
diff --git a/backend/crm/pom.xml b/backend/crm/pom.xml
new file mode 100644
index 0000000..7100ae7
--- /dev/null
+++ b/backend/crm/pom.xml
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+
+    <parent>
+        <groupId>cn.cordys</groupId>
+        <artifactId>backend</artifactId>
+        <version>${revision}</version>
+    </parent>
+
+    <artifactId>crm</artifactId>
+    <version>${revision}</version>
+
+    <dependencies>
+        <dependency>
+            <groupId>cn.cordys</groupId>
+            <artifactId>framework</artifactId>
+            <version>${revision}</version>
+        </dependency>
+    </dependencies>
+    <build>
+        <plugins>
+            <plugin>
+                <groupId>org.apache.maven.plugins</groupId>
+                <artifactId>maven-compiler-plugin</artifactId>
+                <configuration>
+                    <source>21</source>
+                    <target>21</target>
+                </configuration>
+            </plugin>
+        </plugins>
+    </build>
+</project>
diff --git a/backend/crm/src/main/java/cn/cordys/common/constants/BusinessModuleField.java b/backend/crm/src/main/java/cn/cordys/common/constants/BusinessModuleField.java
new file mode 100644
index 0000000..41ebcf0
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/constants/BusinessModuleField.java
@@ -0,0 +1,401 @@
+package cn.cordys.common.constants;
+
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.field.base.SubField;
+import lombok.Getter;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.util.*;
+import java.util.stream.Collectors;
+
+/**
+ * 业务模块字段（定义在主表中，有特定业务含义）(标准字段)
+ *
+ * @Author: jianxing
+ * @CreateTime: 2025-02-18  17:27
+ */
+@Getter
+public enum BusinessModuleField {
+
+    /*------ start: CUSTOMER ------*/
+    /**
+     * 客户名称
+     */
+    CUSTOMER_NAME("customerName", "name", Set.of("rules.required", "mobile", "readable"), FormKey.CUSTOMER.getKey()),
+    /**
+     * 负责人
+     */
+    CUSTOMER_OWNER("customerOwner", "owner", Set.of("rules.required", "mobile", "readable"), FormKey.CUSTOMER.getKey()),
+    /*------ end: CUSTOMER ------*/
+
+    /*------ start: CLUE ------*/
+    /**
+     * 线索名称
+     */
+    CLUE_NAME("clueName", "name", Set.of("rules.required", "mobile", "readable"), FormKey.CLUE.getKey()),
+    /**
+     * 负责人
+     */
+    CLUE_OWNER("clueOwner", "owner", Set.of("rules.required", "mobile", "readable"), FormKey.CLUE.getKey()),
+    /**
+     * 联系人
+     */
+    CLUE_CONTACT("clueContactName", "contact", Set.of(), FormKey.CLUE.getKey()),
+    /**
+     * 联系人电话
+     */
+    CLUE_CONTACT_PHONE("clueContactPhone", "phone", Set.of(), FormKey.CLUE.getKey()),
+    /**
+     * 意向产品
+     */
+    CLUE_PRODUCTS("clueProduct", "products", Set.of(), FormKey.CLUE.getKey()),
+    /*------ end: CUSTOMER ------*/
+
+    /*------ start: CUSTOMER_MANAGEMENT_CONTACT ------*/
+    /**
+     * 联系人客户id
+     */
+    CUSTOMER_CONTACT_CUSTOMER("contactCustomer", "customerId", Set.of(), FormKey.CONTACT.getKey()),
+    /**
+     * 联系人责任人
+     */
+    CUSTOMER_CONTACT_OWNER("contactOwner", "owner", Set.of("rules.required", "mobile", "readable"), FormKey.CONTACT.getKey()),
+    /**
+     * 联系人名称
+     */
+    CUSTOMER_CONTACT_NAME("contactName", "name", Set.of("rules.required", "mobile", "readable"), FormKey.CONTACT.getKey()),
+    /**
+     * 联系人电话
+     */
+    CUSTOMER_CONTACT_PHONE("contactPhone", "phone", Set.of(), FormKey.CONTACT.getKey()),
+    /*------ end: CUSTOMER_MANAGEMENT_CONTACT ------*/
+
+
+    /*------ start: OPPORTUNITY ------*/
+    /**
+     * 商机名称
+     */
+    OPPORTUNITY_NAME("opportunityName", "name", Set.of("rules.required", "mobile", "readable"), FormKey.OPPORTUNITY.getKey()),
+    /**
+     * 客户名称
+     */
+    OPPORTUNITY_CUSTOMER_NAME("opportunityCustomer", "customerId", Set.of(), FormKey.OPPORTUNITY.getKey()),
+    /**
+     * 商机金额
+     */
+    OPPORTUNITY_AMOUNT("opportunityPrice", "amount", Set.of(), FormKey.OPPORTUNITY.getKey()),
+    /**
+     * 可能性
+     */
+    OPPORTUNITY_POSSIBLE("opportunityWinRate", "possible", Set.of(), FormKey.OPPORTUNITY.getKey()),
+    /**
+     * 结束时间
+     */
+    OPPORTUNITY_END_TIME("opportunityEndTime", "expectedEndTime", Set.of(), FormKey.OPPORTUNITY.getKey()),
+    /**
+     * 意向产品
+     */
+    OPPORTUNITY_PRODUCTS("opportunityProduct", "products", Set.of(), FormKey.OPPORTUNITY.getKey()),
+    /**
+     * 联系人
+     */
+    OPPORTUNITY_CONTACT("opportunityContact", "contactId", Set.of(), FormKey.OPPORTUNITY.getKey()),
+
+    /**
+     * 负责人
+     */
+    OPPORTUNITY_OWNER("opportunityOwner", "owner", Set.of("rules.required", "mobile", "readable"), FormKey.OPPORTUNITY.getKey()),
+    /*------ end: OPPORTUNITY ------*/
+
+
+
+    /*------ start: FOLLOW_UP_RECORD ------*/
+    /**
+     * 跟进类型
+     */
+    FOLLOW_RECORD_TYPE("recordType", "type", Set.of("options", "rules.required", "mobile", "readable"), FormKey.FOLLOW_RECORD.getKey()),
+    /**
+     * 客户id
+     */
+    FOLLOW_RECORD_CUSTOMER("recordCustomer", "customerId", Set.of("rules.required", "mobile", "readable"), FormKey.FOLLOW_RECORD.getKey()),
+    /**
+     * 商机id
+     */
+    FOLLOW_RECORD_OPPORTUNITY("recordOpportunity", "opportunityId", Set.of(), FormKey.FOLLOW_RECORD.getKey()),
+    /**
+     * 线索id
+     */
+    FOLLOW_RECORD_CLUE("recordClue", "clueId", Set.of("rules.required", "mobile", "readable"), FormKey.FOLLOW_RECORD.getKey()),
+    /**
+     * 责任人id
+     */
+    FOLLOW_RECORD_OWNER("recordOwner", "owner", Set.of("rules.required", "mobile", "readable"), FormKey.FOLLOW_RECORD.getKey()),
+    /**
+     * 联系人id
+     */
+    FOLLOW_RECORD_CONTACT("recordContact", "contactId", Set.of(), FormKey.FOLLOW_RECORD.getKey()),
+    /**
+     * 跟进内容
+     */
+    FOLLOW_RECORD_CONTENT("recordDescription", "content", Set.of(), FormKey.FOLLOW_RECORD.getKey()),
+    /**
+     * 跟进时间
+     */
+    FOLLOW_RECORD_TIME("recordTime", "followTime", Set.of(), FormKey.FOLLOW_RECORD.getKey()),
+    /**
+     * 跟进方式
+     */
+    FOLLOW_METHOD("recordMethod", "followMethod", Set.of(), FormKey.FOLLOW_RECORD.getKey()),
+    /*------ end: FOLLOW_UP_RECORD ------*/
+
+
+    /*------ start: FOLLOW_UP_PLAN ------*/
+    /**
+     * 跟进类型
+     */
+    FOLLOW_PLAN_TYPE("planType", "type", Set.of("options", "rules.required", "mobile", "readable"), FormKey.FOLLOW_PLAN.getKey()),
+    /**
+     * 客户id
+     */
+    FOLLOW_PLAN_CUSTOMER("planCustomer", "customerId", Set.of("rules.required", "mobile", "readable"), FormKey.FOLLOW_PLAN.getKey()),
+    /**
+     * 商机id
+     */
+    FOLLOW_PLAN_OPPORTUNITY("planOpportunity", "opportunityId", Set.of(), FormKey.FOLLOW_PLAN.getKey()),
+    /**
+     * 线索id
+     */
+    FOLLOW_PLAN_CLUE("planClue", "clueId", Set.of("rules.required", "mobile", "readable"), FormKey.FOLLOW_PLAN.getKey()),
+    /**
+     * 责任人id
+     */
+    FOLLOW_PLAN_OWNER("planOwner", "owner", Set.of("rules.required", "mobile", "readable"), FormKey.FOLLOW_PLAN.getKey()),
+    /**
+     * 联系人id
+     */
+    FOLLOW_PLAN_CONTACT("planContact", "contactId", Set.of(), FormKey.FOLLOW_PLAN.getKey()),
+    /**
+     * 预计开始时间
+     */
+    FOLLOW_PLAN_ESTIMATED_TIME("planStartTime", "estimatedTime", Set.of(), FormKey.FOLLOW_PLAN.getKey()),
+    /**
+     * 预计沟通内容
+     */
+    FOLLOW_PLAN_CONTENT("planContent", "content", Set.of(), FormKey.FOLLOW_PLAN.getKey()),
+    /**
+     * 跟进方式
+     */
+    FOLLOW_PLAN_METHOD("planMethod", "method", Set.of(), FormKey.FOLLOW_PLAN.getKey()),
+
+
+    /*------ end: FOLLOW_UP_PLAN ------*/
+
+    /*------ start: PRODUCT ------*/
+    PRODUCT_NAME("productName", "name", Set.of("rules.required", "mobile", "readable"), FormKey.PRODUCT.getKey()),
+    PRODUCT_PRICE("productPrice", "price", Set.of(), FormKey.PRODUCT.getKey()),
+    PRODUCT_STATUS("productStatus", "status", Set.of("rules.required", "mobile", "readable"), FormKey.PRODUCT.getKey()),
+    /*------ end: PRODUCT ------*/
+
+    /**
+     * 价格表单 (修改价格子表格为自定义时, 注意处理对应详情解析逻辑)
+     */
+    PRICE_NAME("priceName", "name", Set.of("rules.required", "mobile", "readable"), FormKey.PRICE.getKey()),
+    PRICE_STATUS("priceStatus", "status", Set.of("rules.required", "mobile", "readable"), FormKey.PRICE.getKey()),
+    PRICE_PRODUCT_TABLE("priceProducts", "products", Set.of("mobile", "readable"), FormKey.PRICE.getKey()),
+    PRICE_PRODUCT("priceProduct", "product", Set.of("rules.required", "mobile", "dataSourceType", "readable"), FormKey.PRICE.getKey()),
+    PRICE_PRODUCT_AMOUNT("priceProductAmount", "amount", Set.of("rules.required", "mobile", "readable"), FormKey.PRICE.getKey()),
+
+    /**
+     * 报价单表单
+     */
+    QUOTATION_NAME("quotationName", "name", Set.of("rules.required", "mobile", "readable"), FormKey.QUOTATION.getKey()),
+    QUOTATION_OPPORTUNITY("quotationOpportunity", "opportunityId", Set.of("rules.required", "mobile", "dataSourceType", "readable"), FormKey.QUOTATION.getKey()),
+	QUOTATION_UNTIL_TIME("quotationUntilTime", "untilTime", Set.of("rules.required", "mobile", "readable"), FormKey.QUOTATION.getKey()),
+	QUOTATION_TOTAL_AMOUNT("quotationTotalAmount", "amount", Set.of("rules.required", "mobile", "readable"), FormKey.QUOTATION.getKey()),
+
+
+    /*------ start: CONTRACT_PAYMENT_PLAN ------*/
+    /**
+     * 负责人
+     */
+    CONTRACT_PAYMENT_PLAN_OWNER("contractPaymentPlanOwner", "owner", Set.of("rules.required", "mobile", "readable"), FormKey.CONTRACT_PAYMENT_PLAN.getKey()),
+    /**
+     * 合同
+     */
+    CONTRACT_PAYMENT_PLAN_CONTRACT("contractPaymentPlanContract", "contractId", Set.of("rules.required", "dataSourceType", "mobile", "readable"), FormKey.CONTRACT_PAYMENT_PLAN.getKey()),
+    /**
+     * 计划回款金额
+     */
+    CONTRACT_PAYMENT_PLAN_PLAN_AMOUNT("contractPaymentPlanPlanAmount", "planAmount", Set.of("rules.required", "mobile", "readable"), FormKey.CONTRACT_PAYMENT_PLAN.getKey()),
+    /**
+     * 计划回款时间
+     */
+    CONTRACT_PAYMENT_PLAN_PLAN_END_TIME("contractPaymentPlanPlanEndTime", "planEndTime", Set.of("rules.required", "mobile", "readable"), FormKey.CONTRACT_PAYMENT_PLAN.getKey()),
+    /**
+     * 回款计划名称
+     */
+    CONTRACT_PAYMENT_PLAN_NAME("contractPaymentPlanName", "name", Set.of("rules.required", "mobile", "readable"), FormKey.CONTRACT_PAYMENT_PLAN.getKey()),
+    /*------ end: CONTRACT_PAYMENT_PLAN ------*/
+
+
+    /*------ start: CONTRACT ------*/
+    /**
+     * 合同名稱
+     */
+    CONTRACT_NAME("contractName", "name", Set.of("rules.required", "mobile", "readable"), FormKey.CONTRACT.getKey()),
+
+    CONTRACT_CUSTOMER_NAME("contractCustomer", "customerId", Set.of("rules.required", "mobile", "readable", "dataSourceType"), FormKey.CONTRACT.getKey()),
+    CONTRACT_OWNER("contractOwner", "owner", Set.of("rules.required", "mobile", "readable"), FormKey.CONTRACT.getKey()),
+    CONTRACT_NO("contractNo", "number", Set.of("rules.required"), FormKey.CONTRACT.getKey()),
+    CONTRACT_START_TIME("contractStartTime", "startTime", Set.of("mobile", "readable"), FormKey.CONTRACT.getKey()),
+    CONTRACT_END_TIME("contractEndTime", "endTime", Set.of("mobile", "readable"), FormKey.CONTRACT.getKey()),
+    CONTRACT_TOTAL_AMOUNT("contractTotalAmount", "amount", Set.of("rules.required", "mobile", "readable"), FormKey.CONTRACT.getKey()),
+
+    /*------ end: CONTRACT ------*/
+
+    /**
+     * 发票
+     */
+    /*------ start: CONTRACT_INVOICE ------*/
+    INVOICE_NAME("invoiceName", "name", Set.of("rules.required", "mobile", "readable"), FormKey.INVOICE.getKey()),
+    INVOICE_OWNER("invoiceOwner", "owner", Set.of("rules.required", "mobile", "readable"), FormKey.INVOICE.getKey()),
+    INVOICE_AMOUNT("invoiceAmount", "amount", Set.of("rules.required", "readable", "mobile"), FormKey.INVOICE.getKey()),
+    INVOICE_CONTRACT_ID("invoiceContract", "contractId", Set.of("rules.required", "mobile", "readable", "dataSourceType"), FormKey.INVOICE.getKey()),
+    INVOICE_INVOICE_TYPE("invoiceType", "invoiceType", Set.of("rules.required", "readable", "mobile"), FormKey.INVOICE.getKey()),
+    INVOICE_TAX_RATE("invoiceTaxRate", "taxRate", Set.of("rules.required", "readable", "mobile"), FormKey.INVOICE.getKey()),
+    INVOICE_BUSINESS_TITLE_ID("invoiceBusinessTitle", "businessTitleId", Set.of("rules.required", "mobile", "readable", "dataSourceType"), FormKey.INVOICE.getKey()),
+    /*------ end: CONTRACT_INVOICE ------*/
+
+
+    /*------ start: CONTRACT_PAYMENT_RECORD 合同回款记录  ------*/
+    CONTRACT_PAYMENT_RECORD_NO("contractPaymentRecordNo", "no", Set.of("rules.required"), FormKey.CONTRACT_PAYMENT_RECORD.getKey()),
+    CONTRACT_PAYMENT_RECORD_NAME("contractPaymentRecordName", "name", Set.of("rules.required", "mobile", "readable"), FormKey.CONTRACT_PAYMENT_RECORD.getKey()),
+    CONTRACT_PAYMENT_RECORD_OWNER("contractPaymentRecordOwner", "owner", Set.of("rules.required", "mobile", "readable"), FormKey.CONTRACT_PAYMENT_RECORD.getKey()),
+    CONTRACT_PAYMENT_RECORD_CONTRACT("contractPaymentRecordContract", "contractId", Set.of("rules.required", "dataSourceType", "mobile", "readable"), FormKey.CONTRACT_PAYMENT_RECORD.getKey()),
+    CONTRACT_PAYMENT_RECORD_PLAN("contractPaymentRecordPlan", "paymentPlanId", Set.of("dataSourceType", "mobile", "readable"), FormKey.CONTRACT_PAYMENT_RECORD.getKey()),
+    CONTRACT_PAYMENT_RECORD_AMOUNT("contractPaymentRecordAmount", "recordAmount", Set.of("rules.required", "mobile", "readable"), FormKey.CONTRACT_PAYMENT_RECORD.getKey()),
+    CONTRACT_PAYMENT_RECORD_END_TIME("contractPaymentRecordEndTime", "recordEndTime", Set.of("rules.required", "mobile", "readable"), FormKey.CONTRACT_PAYMENT_RECORD.getKey()),
+    /*------ end: CONTRACT_PAYMENT_RECORD 合同回款记录  ------*/
+
+    /*------ start: ORDER ------*/
+    ORDER_NAME("orderName", "name", Set.of("rules.required", "mobile", "readable"), FormKey.ORDER.getKey()),
+    ORDER_CUSTOMER("orderCustomer", "customerId", Set.of("dataSourceType"), FormKey.ORDER.getKey()),
+    ORDER_CONTRACT("orderContract", "contractId", Set.of("dataSourceType"), FormKey.ORDER.getKey()),
+    ORDER_OWNER("orderOwner", "owner", Set.of(), FormKey.ORDER.getKey()),
+    ORDER_NO("orderNo", "number", Set.of("rules.required"), FormKey.ORDER.getKey()),
+    ORDER_TOTAL_AMOUNT("orderAmount", "amount", Set.of("rules.required", "mobile", "readable"), FormKey.ORDER.getKey()),
+    /*------ end: ORDER ------*/
+
+
+    /*------ start: ORDER ------*/
+    CUSTOM_FORM_DATA_NAME("customFormDataName", "name", Set.of("rules.required", "mobile", "readable"), null),
+    CUSTOM_FORM_DATA_OWNER("customFormDataNOwner", "owner", Set.of("rules.required", "mobile", "readable"), null),
+    /*------ end: ORDER ------*/
+
+    ;
+
+    /**
+     * 业务字段缓存
+     */
+    private static final Map<String, BusinessModuleField> INTERNAL_CACHE = new HashMap<>();
+
+    static {
+        for (BusinessModuleField field : values()) {
+            // 防止ofKey方法频繁调用
+            INTERNAL_CACHE.put(field.key, field);
+        }
+    }
+
+    /**
+     * 字段 key，field.json 中的 internalKey
+     */
+    private final String key;
+    /**
+     * 业务字段 key
+     */
+    private final String businessKey;
+    /**
+     * 禁止修改的参数列表
+     */
+    private final Set<String> disabledProps;
+    /**
+     * 表单 key
+     */
+    private final String formKey;
+
+    BusinessModuleField(String key, String businessKey, Set<String> disabledProps, String formKey) {
+        this.key = key;
+        this.businessKey = businessKey;
+        this.disabledProps = disabledProps;
+        this.formKey = formKey;
+    }
+
+    /**
+     * 判断业务字段是否被删除
+     *
+     * @param formKey 表单 key
+     * @param fields  字段集合
+     * @return 是否被删除
+     */
+    public static boolean isBusinessDeleted(String formKey, List<BaseField> fields) {
+        List<BusinessModuleField> formBusinessFields;
+        if (FormKey.ofKey(formKey) == null) {
+            // 如果不是内置表单，则校验自定义表单字段必须要名字和负责人
+            formBusinessFields = List.of(BusinessModuleField.CUSTOM_FORM_DATA_NAME, BusinessModuleField.CUSTOM_FORM_DATA_OWNER);
+        } else {
+            formBusinessFields = Arrays.stream(BusinessModuleField.values()).filter(field -> Strings.CS.equals(formKey, field.getFormKey())).toList();
+        }
+
+        if (CollectionUtils.isEmpty(formBusinessFields)) {
+            return false;
+        }
+        return formBusinessFields.stream()
+                .anyMatch(businessField ->
+                        fields.stream().noneMatch(field -> Strings.CS.equals(businessField.getKey(), field.getInternalKey()))
+                                && businessField.noneMatchOfSubFields(fields)
+                );
+    }
+
+    /**
+     * 判断子表字段中是否存在业务字段
+     *
+     * @param fields 字段集合
+     * @return 是否存在业务字段
+     */
+    private boolean noneMatchOfSubFields(List<BaseField> fields) {
+        boolean noneMatch = true;
+        for (BaseField field : fields) {
+            if (field instanceof SubField subField && CollectionUtils.isNotEmpty(subField.getSubFields())) {
+                noneMatch = subField.getSubFields().stream().noneMatch(sub -> Strings.CS.equals(this.getKey(), sub.getInternalKey()));
+                if (!noneMatch) {
+                    break;
+                }
+            }
+        }
+        return noneMatch;
+    }
+
+    /**
+     * 判断是否有重复的字段
+     *
+     * @param fields 字段集合
+     * @return 是否有重复的字段
+     */
+    public static boolean hasRepeatName(List<BaseField> fields) {
+        return fields.stream()
+                .collect(Collectors.groupingBy(BaseField::getName, Collectors.counting()))
+                .values().stream()
+                .anyMatch(count -> count > 1);
+    }
+
+    /**
+     * 通过Key查询业务字段
+     *
+     * @param internalKey 业务key
+     * @return 业务字段
+     */
+    public static BusinessModuleField ofKey(String internalKey) {
+        return INTERNAL_CACHE.get(internalKey);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/constants/BusinessSearchType.java b/backend/crm/src/main/java/cn/cordys/common/constants/BusinessSearchType.java
new file mode 100644
index 0000000..3228d8a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/constants/BusinessSearchType.java
@@ -0,0 +1,21 @@
+package cn.cordys.common.constants;
+
+/**
+ * 客户,线索,商机等业务数据的搜索类型
+ *
+ * @author jianxing
+ */
+public enum BusinessSearchType {
+    /**
+     * 全部数据
+     */
+    ALL,
+    /**
+     * 负责人是我的数据
+     */
+    SELF,
+    /**
+     * 有数据权限的部门的数据
+     */
+    DEPARTMENT
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/common/constants/ChartAggregateMethod.java b/backend/crm/src/main/java/cn/cordys/common/constants/ChartAggregateMethod.java
new file mode 100644
index 0000000..71b74eb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/constants/ChartAggregateMethod.java
@@ -0,0 +1,13 @@
+package cn.cordys.common.constants;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-10-14  10:11
+ */
+public enum ChartAggregateMethod {
+    SUM,
+    AVG,
+    COUNT,
+    MAX,
+    MIN
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/constants/CommonResultCode.java b/backend/crm/src/main/java/cn/cordys/common/constants/CommonResultCode.java
new file mode 100644
index 0000000..bab4791
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/constants/CommonResultCode.java
@@ -0,0 +1,35 @@
+package cn.cordys.common.constants;
+
+import cn.cordys.common.exception.IResultCode;
+
+/**
+ * 通用功能状态码
+ * 通用功能返回的状态码
+ *
+ * @author jianxing
+ */
+public enum CommonResultCode implements IResultCode {
+
+    FIELD_VALIDATE_ERROR(100001, "field_validate_error"),
+	FIELD_OPTION_VALUE_ERROR(100002, "field_option_value_error"),
+    APPROVAL_NOT_ENABLED_ERROR(100003, "approval.not.enabled");
+
+
+    private final int code;
+    private final String message;
+
+    CommonResultCode(int code, String message) {
+        this.code = code;
+        this.message = message;
+    }
+
+    @Override
+    public int getCode() {
+        return code;
+    }
+
+    @Override
+    public String getMessage() {
+        return message;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/constants/FormKey.java b/backend/crm/src/main/java/cn/cordys/common/constants/FormKey.java
new file mode 100644
index 0000000..27a7f2c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/constants/FormKey.java
@@ -0,0 +1,96 @@
+package cn.cordys.common.constants;
+
+import lombok.Getter;
+import org.apache.commons.lang3.Strings;
+
+import java.util.Arrays;
+import java.util.List;
+import java.util.stream.Collectors;
+
+/**
+ * @author song-cc-rock
+ */
+
+@Getter
+public enum FormKey {
+
+    /**
+     * 线索
+     */
+    CLUE("clue"),
+    /**
+     * 客户
+     */
+    CUSTOMER("customer"),
+    /**
+     * 联系人
+     */
+    CONTACT("contact"),
+    /**
+     * 跟进记录
+     */
+    FOLLOW_RECORD("record"),
+    /**
+     * 跟进计划
+     */
+    FOLLOW_PLAN("plan"),
+    /**
+     * 商机
+     */
+    OPPORTUNITY("opportunity"),
+    /**
+     * 产品
+     */
+    PRODUCT("product"),
+	/**
+	 * 价格
+	 */
+	PRICE("price"),
+	/**
+	 * 报价单
+	 */
+	QUOTATION("quotation"),
+    /**
+     * 合同
+     */
+    CONTRACT("contract"),
+    /**
+     * 发票
+     */
+    INVOICE("invoice"),
+	/**
+	 * 合同回款计划
+	 */
+	CONTRACT_PAYMENT_PLAN("contractPaymentPlan"),
+	/**
+	 * 回款记录
+	 */
+	CONTRACT_PAYMENT_RECORD("contractPaymentRecord"),
+    /**
+     * 订单
+     */
+    ORDER("order");
+
+    private final String key;
+
+    FormKey(String key) {
+        this.key = key;
+    }
+
+	public static List<String> allKeys() {
+		return Arrays.stream(FormKey.values()).map(FormKey::getKey).collect(Collectors.toList());
+	}
+
+	public static FormKey ofKey(String key) {
+		for (FormKey formKey : FormKey.values()) {
+			if (Strings.CI.equals(formKey.getKey(), key)) {
+				return formKey;
+			}
+		}
+		return null;
+	}
+
+	public boolean hasSnapshot() {
+		return Strings.CI.equalsAny(this.key, CONTRACT.getKey(), INVOICE.getKey(), QUOTATION.getKey(), ORDER.getKey());
+	}
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/constants/FormKeyConstants.java b/backend/crm/src/main/java/cn/cordys/common/constants/FormKeyConstants.java
new file mode 100644
index 0000000..de79537
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/constants/FormKeyConstants.java
@@ -0,0 +1,25 @@
+package cn.cordys.common.constants;
+
+import lombok.Getter;
+
+/**
+ * @author song-cc-rock
+ */
+
+@Getter
+public class FormKeyConstants {
+
+	public static final String ORDER = "order";
+	public static final String CLUE = "clue";
+	public static final String CUSTOMER = "customer";
+	public static final String CONTRACT = "contract";
+	public static final String CONTRACT_INVOICE = "contractInvoice";
+	public static final String CONTRACT_PAYMENT_PLAN = "contractPaymentPlan";
+	public static final String CONTRACT_PAYMENT_RECORD = "contractPaymentRecord";
+	public static final String OPPORTUNITY = "opportunity";
+	public static final String QUOTATION = "quotation";
+	public static final String FOLLOW_PLAN = "plan";
+	public static final String FOLLOW_RECORD = "record";
+
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/constants/HttpMethodConstants.java b/backend/crm/src/main/java/cn/cordys/common/constants/HttpMethodConstants.java
new file mode 100644
index 0000000..ebbb14c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/constants/HttpMethodConstants.java
@@ -0,0 +1,13 @@
+package cn.cordys.common.constants;
+
+public enum HttpMethodConstants {
+    GET,
+    HEAD,
+    POST,
+    PUT,
+    PATCH,
+    DELETE,
+    OPTIONS,
+    TRACE,
+    CONNECT
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/constants/InternalRole.java b/backend/crm/src/main/java/cn/cordys/common/constants/InternalRole.java
new file mode 100644
index 0000000..3990946
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/constants/InternalRole.java
@@ -0,0 +1,22 @@
+package cn.cordys.common.constants;
+
+import lombok.Getter;
+
+/**
+ * 系统内置角色ID
+ *
+ * @author jianxing
+ */
+@Getter
+public enum InternalRole {
+    ORG_ADMIN("org_admin"),
+    SALES_MANAGER("sales_manager"),
+    SALES_STAFF("sales_staff");
+
+    private final String value;
+
+    InternalRole(String value) {
+        this.value = value;
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/constants/InternalUserView.java b/backend/crm/src/main/java/cn/cordys/common/constants/InternalUserView.java
new file mode 100644
index 0000000..88a82a7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/constants/InternalUserView.java
@@ -0,0 +1,71 @@
+package cn.cordys.common.constants;
+
+
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.util.ArrayList;
+import java.util.Arrays;
+import java.util.List;
+import java.util.stream.Collectors;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-07-25  14:05
+ */
+public enum InternalUserView {
+    /**
+     * 全部视图
+     */
+    ALL,
+    /**
+     * 个人视图
+     */
+    SELF,
+    /**
+     * 部门视图
+     */
+    DEPARTMENT,
+    /**
+     * 协作客户视图
+     */
+    CUSTOMER_COLLABORATION,
+    /**
+     * 赢单视图
+     */
+    OPPORTUNITY_SUCCESS;
+
+    public static final String CURRENT_USER = "CURRENT_USER";
+
+
+    public static List<String> getCurrentUserArrayValue() {
+        List<String> values = new ArrayList<>(0);
+        values.add(CURRENT_USER);
+        return values;
+    }
+
+    public static boolean isInternalUserView(String viewId) {
+        if (StringUtils.isBlank(viewId)) {
+            return false;
+        }
+        return Arrays.stream(InternalUserView.values())
+                .map(InternalUserView::name)
+                .collect(Collectors.toSet()).contains(viewId);
+    }
+
+    public static boolean isAll(String searchType) {
+        return Strings.CS.equals(ALL.name(), searchType);
+    }
+
+    public static boolean isSelf(String searchType) {
+        return Strings.CS.equals(SELF.name(), searchType);
+    }
+
+    public static boolean isDepartment(String searchType) {
+        return Strings.CS.equals(DEPARTMENT.name(), searchType);
+    }
+
+    public static boolean isVisible(String searchType) {
+        return Strings.CS.equals(CUSTOMER_COLLABORATION.name(), searchType);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/constants/LinkScenarioKey.java b/backend/crm/src/main/java/cn/cordys/common/constants/LinkScenarioKey.java
new file mode 100644
index 0000000..dc7e012
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/constants/LinkScenarioKey.java
@@ -0,0 +1,50 @@
+package cn.cordys.common.constants;
+
+/**
+ * 联动场景
+ *
+ * @author song-cc-rock
+ */
+public enum LinkScenarioKey {
+
+    /**
+     * 线索转客户
+     */
+    CLUE_TO_CUSTOMER,
+	/**
+	 * 线索转联系人
+	 */
+	CLUE_TO_CONTACT,
+    /**
+     * 线索转商机
+     */
+    CLUE_TO_OPPORTUNITY,
+    /**
+     * 客户转商机
+     */
+    CUSTOMER_TO_OPPORTUNITY,
+    /**
+     * 线索转记录
+     */
+    CLUE_TO_RECORD,
+    /**
+     * 客户转记录
+     */
+    CUSTOMER_TO_RECORD,
+    /**
+     * 商机转记录
+     */
+    OPPORTUNITY_TO_RECORD,
+    /**
+     * 计划转记录
+     */
+    PLAN_TO_RECORD,
+	/**
+	 * 合同转发票
+	 */
+	CONTRACT_TO_INVOICE,
+	/**
+	 * 合同转订单
+	 */
+	CONTRACT_TO_ORDER,
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/constants/ModuleKey.java b/backend/crm/src/main/java/cn/cordys/common/constants/ModuleKey.java
new file mode 100644
index 0000000..787ca12
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/constants/ModuleKey.java
@@ -0,0 +1,46 @@
+package cn.cordys.common.constants;
+
+import lombok.Getter;
+
+@Getter
+public enum ModuleKey {
+
+    /**
+     * 首页
+     */
+    HOME("home"),
+    /**
+     * 线索管理
+     */
+    CLUE("clue"),
+    /**
+     * 客户管理
+     */
+    CUSTOMER("customer"),
+    /**
+     * 商机管理
+     */
+    BUSINESS("business"),
+    /**
+     * 产品管理
+     */
+    PRODUCT("product"),
+    /**
+     * 系统设置
+     */
+    SETTING("setting");
+
+
+    /**
+     * *******************************************
+     * 注意：
+     *      新增菜单不要在moduleKey中添加了
+     * *******************************************
+     */
+
+    private final String key;
+
+    ModuleKey(String key) {
+        this.key = key;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/constants/PermissionConstants.java b/backend/crm/src/main/java/cn/cordys/common/constants/PermissionConstants.java
new file mode 100644
index 0000000..e3d631d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/constants/PermissionConstants.java
@@ -0,0 +1,258 @@
+package cn.cordys.common.constants;
+
+/**
+ * @author jianxing
+ * @date 2025-01-03 11:31:40
+ */
+public class PermissionConstants {
+
+    /*------ start: SYSTEM_ROLE ------*/
+    public static final String SYSTEM_ROLE_READ = "SYSTEM_ROLE:READ";
+    public static final String SYSTEM_ROLE_ADD = "SYSTEM_ROLE:ADD";
+    public static final String SYSTEM_ROLE_UPDATE = "SYSTEM_ROLE:UPDATE";
+    public static final String SYSTEM_ROLE_DELETE = "SYSTEM_ROLE:DELETE";
+    public static final String SYSTEM_ROLE_ADD_USER = "SYSTEM_ROLE:ADD_USER";
+    public static final String SYSTEM_ROLE_REMOVE_USER = "SYSTEM_ROLE:REMOVE_USER";
+    /*------ end: SYSTEM_ROLE------*/
+
+
+    /*------ start: OPERATION_LOG ------*/
+    public static final String OPERATION_LOG_READ = "OPERATION_LOG:READ";
+    /*------ end: OPERATION_LOG ------*/
+
+    /*------ start: SYSTEM_NOTICE ------*/
+    public static final String SYSTEM_NOTICE_READ = "SYSTEM_NOTICE:READ";
+    public static final String SYSTEM_NOTICE_ADD = "SYSTEM_NOTICE:ADD";
+    public static final String SYSTEM_NOTICE_UPDATE = "SYSTEM_NOTICE:UPDATE";
+    public static final String SYSTEM_NOTICE_DELETE = "SYSTEM_NOTICE:DELETE";
+    /*------ end: SYSTEM_NOTICE ------*/
+
+    /*------ start: SYS_DEPARTMENT ------*/
+    public static final String SYS_ORGANIZATION_READ = "SYS_ORGANIZATION:READ";
+    public static final String SYS_ORGANIZATION_ADD = "SYS_ORGANIZATION:ADD";
+    public static final String SYS_ORGANIZATION_UPDATE = "SYS_ORGANIZATION:UPDATE";
+    public static final String SYS_ORGANIZATION_DELETE = "SYS_ORGANIZATION:DELETE";
+    public static final String SYS_ORGANIZATION_IMPORT = "SYS_ORGANIZATION:IMPORT";
+    public static final String SYS_ORGANIZATION_SYNC = "SYS_ORGANIZATION:SYNC";
+    public static final String SYS_ORGANIZATION_USER_RESET_PASSWORD = "SYS_ORGANIZATION_USER:RESET_PASSWORD";
+
+    /*------ end: SYS_DEPARTMENT ------*/
+
+    /*------ start: SYSTEM_SETTING ------*/
+    public static final String SYSTEM_SETTING_READ = "SYSTEM_SETTING:READ";
+    public static final String SYSTEM_SETTING_UPDATE = "SYSTEM_SETTING:UPDATE";
+    public static final String SYSTEM_SETTING_ADD = "SYSTEM_SETTING:ADD";
+    public static final String SYSTEM_SETTING_DELETE = "SYSTEM_SETTING:DELETE";
+    /*------ end: SYSTEM_SETTING ------*/
+
+    /**
+     * module setting permission
+     */
+    public static final String MODULE_SETTING_READ = "MODULE_SETTING:READ";
+    public static final String MODULE_SETTING_UPDATE = "MODULE_SETTING:UPDATE";
+
+
+    /*------ start: CUSTOMER_MANAGEMENT------*/
+    public static final String CUSTOMER_MANAGEMENT_READ = "CUSTOMER_MANAGEMENT:READ";
+    public static final String CUSTOMER_MANAGEMENT_ADD = "CUSTOMER_MANAGEMENT:ADD";
+    public static final String CUSTOMER_MANAGEMENT_UPDATE = "CUSTOMER_MANAGEMENT:UPDATE";
+    public static final String CUSTOMER_MANAGEMENT_TRANSFER = "CUSTOMER_MANAGEMENT:TRANSFER";
+    public static final String CUSTOMER_MANAGEMENT_RECYCLE = "CUSTOMER_MANAGEMENT:RECYCLE";
+    public static final String CUSTOMER_MANAGEMENT_DELETE = "CUSTOMER_MANAGEMENT:DELETE";
+    public static final String CUSTOMER_MANAGEMENT_EXPORT = "CUSTOMER_MANAGEMENT:EXPORT";
+    public static final String CUSTOMER_MANAGEMENT_IMPORT = "CUSTOMER_MANAGEMENT:IMPORT";
+    public static final String CUSTOMER_MANAGEMENT_MERGE = "CUSTOMER_MANAGEMENT:MERGE";
+    /*------ end: CUSTOMER_MANAGEMENT ------*/
+
+
+    /*------ start: CUSTOMER_MANAGEMENT_POOL ------*/
+    public static final String CUSTOMER_MANAGEMENT_POOL_READ = "CUSTOMER_MANAGEMENT_POOL:READ";
+    public static final String CUSTOMER_MANAGEMENT_POOL_UPDATE = "CUSTOMER_MANAGEMENT_POOL:UPDATE";
+    public static final String CUSTOMER_MANAGEMENT_POOL_DELETE = "CUSTOMER_MANAGEMENT_POOL:DELETE";
+    public static final String CUSTOMER_MANAGEMENT_POOL_PICK = "CUSTOMER_MANAGEMENT_POOL:PICK";
+    public static final String CUSTOMER_MANAGEMENT_POOL_ASSIGN = "CUSTOMER_MANAGEMENT_POOL:ASSIGN";
+    public static final String CUSTOMER_MANAGEMENT_POOL_EXPORT = "CUSTOMER_MANAGEMENT_POOL:EXPORT";
+    /*------ end: CUSTOMER_MANAGEMENT_POOL ------*/
+
+
+    /*------ start: CUSTOMER_MANAGEMENT_CONTACT ------*/
+    public static final String CUSTOMER_MANAGEMENT_CONTACT_READ = "CUSTOMER_MANAGEMENT_CONTACT:READ";
+    public static final String CUSTOMER_MANAGEMENT_CONTACT_ADD = "CUSTOMER_MANAGEMENT_CONTACT:ADD";
+    public static final String CUSTOMER_MANAGEMENT_CONTACT_UPDATE = "CUSTOMER_MANAGEMENT_CONTACT:UPDATE";
+    public static final String CUSTOMER_MANAGEMENT_CONTACT_DELETE = "CUSTOMER_MANAGEMENT_CONTACT:DELETE";
+    public static final String CUSTOMER_MANAGEMENT_CONTACT_EXPORT = "CUSTOMER_MANAGEMENT_CONTACT:EXPORT";
+    public static final String CUSTOMER_MANAGEMENT_CONTACT_IMPORT = "CUSTOMER_MANAGEMENT_CONTACT:IMPORT";
+    /*------ end: CUSTOMER_MANAGEMENT_CONTACT ------*/
+
+    /*------ start: PRODUCT_MANAGEMENT ------*/
+    public static final String PRODUCT_MANAGEMENT_READ = "PRODUCT_MANAGEMENT:READ";
+    public static final String PRODUCT_MANAGEMENT_ADD = "PRODUCT_MANAGEMENT:ADD";
+    public static final String PRODUCT_MANAGEMENT_UPDATE = "PRODUCT_MANAGEMENT:UPDATE";
+    public static final String PRODUCT_MANAGEMENT_DELETE = "PRODUCT_MANAGEMENT:DELETE";
+    public static final String PRODUCT_MANAGEMENT_IMPORT = "PRODUCT_MANAGEMENT:IMPORT";
+    /*------ end: PRODUCT_MANAGEMENT ------*/
+
+    /*------ start: OPPORTUNITY_MANAGEMENT ------*/
+    public static final String OPPORTUNITY_MANAGEMENT_READ = "OPPORTUNITY_MANAGEMENT:READ";
+    public static final String OPPORTUNITY_MANAGEMENT_ADD = "OPPORTUNITY_MANAGEMENT:ADD";
+    public static final String OPPORTUNITY_MANAGEMENT_UPDATE = "OPPORTUNITY_MANAGEMENT:UPDATE";
+    public static final String OPPORTUNITY_MANAGEMENT_TRANSFER = "OPPORTUNITY_MANAGEMENT:TRANSFER";
+    public static final String OPPORTUNITY_MANAGEMENT_DELETE = "OPPORTUNITY_MANAGEMENT:DELETE";
+    public static final String OPPORTUNITY_MANAGEMENT_EXPORT = "OPPORTUNITY_MANAGEMENT:EXPORT";
+    public static final String OPPORTUNITY_MANAGEMENT_RESIGN = "OPPORTUNITY_MANAGEMENT:RESIGN";
+    public static final String OPPORTUNITY_MANAGEMENT_IMPORT = "OPPORTUNITY_MANAGEMENT:IMPORT";
+    /*------ end: OPPORTUNITY_MANAGEMENT ------*/
+
+
+    /**
+     * clue permission
+     */
+    /*------ start: CLUE_MANAGEMENT ------*/
+    public static final String CLUE_MANAGEMENT_READ = "CLUE_MANAGEMENT:READ";
+    public static final String CLUE_MANAGEMENT_ADD = "CLUE_MANAGEMENT:ADD";
+    public static final String CLUE_MANAGEMENT_UPDATE = "CLUE_MANAGEMENT:UPDATE";
+    public static final String CLUE_MANAGEMENT_TRANSFER = "CLUE_MANAGEMENT:TRANSFER";
+    public static final String CLUE_MANAGEMENT_RECYCLE = "CLUE_MANAGEMENT:RECYCLE";
+    public static final String CLUE_MANAGEMENT_DELETE = "CLUE_MANAGEMENT:DELETE";
+    public static final String CLUE_MANAGEMENT_EXPORT = "CLUE_MANAGEMENT:EXPORT";
+    public static final String CLUE_MANAGEMENT_IMPORT = "CLUE_MANAGEMENT:IMPORT";
+    /*------ end: CLUE_MANAGEMENT ------*/
+
+
+    /*------ start: CLUE_MANAGEMENT_POOL ------*/
+    public static final String CLUE_MANAGEMENT_POOL_READ = "CLUE_MANAGEMENT_POOL:READ";
+    public static final String CLUE_MANAGEMENT_POOL_DELETE = "CLUE_MANAGEMENT_POOL:DELETE";
+    public static final String CLUE_MANAGEMENT_POOL_PICK = "CLUE_MANAGEMENT_POOL:PICK";
+    public static final String CLUE_MANAGEMENT_POOL_ASSIGN = "CLUE_MANAGEMENT_POOL:ASSIGN";
+    public static final String CLUE_MANAGEMENT_POOL_UPDATE = "CLUE_MANAGEMENT_POOL:UPDATE";
+    public static final String CLUE_MANAGEMENT_POOL_EXPORT = "CLUE_MANAGEMENT_POOL:EXPORT";
+    /*------ end: CLUE_MANAGEMENT_POOL ------*/
+
+    /**
+     * dashboard permission
+     */
+    public static final String DASHBOARD_READ = "DASHBOARD:READ";
+    public static final String DASHBOARD_ADD = "DASHBOARD:ADD";
+    public static final String DASHBOARD_EDIT = "DASHBOARD:UPDATE";
+    public static final String DASHBOARD_DELETE = "DASHBOARD:DELETE";
+
+    /*------ start: LICENSE ------*/
+    public static final String LICENSE_READ = "LICENSE:READ";
+    public static final String LICENSE_EDIT = "LICENSE:EDIT";
+    /*------ end: LICENSE ------*/
+
+
+    /*------ start: PERSON INFO ------*/
+    public static final String PERSONAL_API_KEY_READ = "PERSONAL_API_KEY:READ";
+    public static final String PERSONAL_API_KEY_ADD = "PERSONAL_API_KEY:ADD";
+    public static final String PERSONAL_API_KEY_UPDATE = "PERSONAL_API_KEY:UPDATE";
+    public static final String PERSONAL_API_KEY_DELETE = "PERSONAL_API_KEY:DELETE";
+    /*------ end: PERSON INFO ------*/
+
+
+    /*------ start: AGENT ------*/
+    public static final String AGENT_READ = "AGENT:READ";
+    public static final String AGENT_ADD = "AGENT:ADD";
+    public static final String AGENT_UPDATE = "AGENT:UPDATE";
+    public static final String AGENT_DELETE = "AGENT:DELETE";
+    /*------ end: AGENT ------*/
+
+    /**
+     * product price permission
+     */
+    public static final String PRICE_READ = "PRICE:READ";
+    public static final String PRICE_ADD = "PRICE:ADD";
+    public static final String PRICE_UPDATE = "PRICE:UPDATE";
+    public static final String PRICE_DELETE = "PRICE:DELETE";
+    public static final String PRICE_IMPORT = "PRICE:IMPORT";
+    public static final String PRICE_EXPORT = "PRICE:EXPORT";
+
+
+    /*------ start: OPPORTUNITY_QUOTATION ------*/
+
+    public static final String OPPORTUNITY_QUOTATION_READ = "OPPORTUNITY_QUOTATION:READ";
+    public static final String OPPORTUNITY_QUOTATION_ADD = "OPPORTUNITY_QUOTATION:ADD";
+    public static final String OPPORTUNITY_QUOTATION_UPDATE = "OPPORTUNITY_QUOTATION:UPDATE";
+    public static final String OPPORTUNITY_QUOTATION_DELETE = "OPPORTUNITY_QUOTATION:DELETE";
+    public static final String OPPORTUNITY_QUOTATION_DOWNLOAD = "OPPORTUNITY_QUOTATION:DOWNLOAD";
+    public static final String OPPORTUNITY_QUOTATION_VOIDED = "OPPORTUNITY_QUOTATION:VOIDED";
+    public static final String OPPORTUNITY_QUOTATION_APPROVAL = "OPPORTUNITY_QUOTATION:APPROVAL";
+
+    /*------ end: OPPORTUNITY_QUOTATION ------*/
+
+    /*------ start: CONTRACT ------*/
+    public static final String CONTRACT_READ = "CONTRACT:READ";
+    public static final String CONTRACT_ADD = "CONTRACT:ADD";
+    public static final String CONTRACT_UPDATE = "CONTRACT:UPDATE";
+    public static final String CONTRACT_DELETE = "CONTRACT:DELETE";
+    public static final String CONTRACT_EXPORT = "CONTRACT:EXPORT";
+    public static final String CONTRACT_APPROVAL = "CONTRACT:APPROVAL";
+    public static final String CONTRACT_STAGE = "CONTRACT:STAGE";
+    public static final String CONTRACT_PAYMENT = "CONTRACT:PAYMENT";
+
+    /*------ end: CONTRACT ------*/
+
+    /*------ start: CONTRACT_CONTRACT_PAYMENT_PLAN_ROLE ------*/
+    public static final String CONTRACT_PAYMENT_PLAN_READ = "CONTRACT_PAYMENT_PLAN:READ";
+    public static final String CONTRACT_PAYMENT_PLAN_ADD = "CONTRACT_PAYMENT_PLAN:ADD";
+    public static final String CONTRACT_PAYMENT_PLAN_UPDATE = "CONTRACT_PAYMENT_PLAN:UPDATE";
+    public static final String CONTRACT_PAYMENT_PLAN_DELETE = "CONTRACT_PAYMENT_PLAN:DELETE";
+    /*------ end: CONTRACT_CONTRACT_PAYMENT_PLAN_ROLE ------*/
+
+
+    /*------ start: TENDER ------*/
+    public static final String TENDER_READ = "TENDER:READ";
+    /*------ end: TENDER ------*/
+
+
+    /*------ start: CONTRACT_INVOICE_ROLE ------*/
+    public static final String CONTRACT_INVOICE_READ = "CONTRACT_INVOICE:READ";
+    public static final String CONTRACT_INVOICE_ADD = "CONTRACT_INVOICE:ADD";
+    public static final String CONTRACT_INVOICE_UPDATE = "CONTRACT_INVOICE:UPDATE";
+    public static final String CONTRACT_INVOICE_EXPORT = "CONTRACT_INVOICE:EXPORT";
+    public static final String CONTRACT_INVOICE_APPROVAL = "CONTRACT_INVOICE:APPROVAL";
+    public static final String CONTRACT_INVOICE_DELETE = "CONTRACT_INVOICE:DELETE";
+    /*------ end: CONTRACT_INVOICE_ROLE ------*/
+
+    /*------ start: BUSINESS_TITLE ------*/
+    public static final String CONTRACT_BUSINESS_TITLE_READ = "CONTRACT_BUSINESS_TITLE:READ";
+    public static final String CONTRACT_BUSINESS_TITLE_ADD = "CONTRACT_BUSINESS_TITLE:ADD";
+    public static final String CONTRACT_BUSINESS_TITLE_UPDATE = "CONTRACT_BUSINESS_TITLE:UPDATE";
+    public static final String CONTRACT_BUSINESS_TITLE_DELETE = "CONTRACT_BUSINESS_TITLE:DELETE";
+    public static final String CONTRACT_BUSINESS_TITLE_EXPORT = "CONTRACT_BUSINESS_TITLE:EXPORT";
+    public static final String CONTRACT_BUSINESS_TITLE_APPROVAL = "CONTRACT_BUSINESS_TITLE:APPROVAL";
+    public static final String CONTRACT_BUSINESS_TITLE_IMPORT = "CONTRACT_BUSINESS_TITLE:IMPORT";
+
+    /*------ end: BUSINESS_TITLE ------*/
+
+	/**
+	 * Contract payment record permission
+	 */
+	public static final String CONTRACT_PAYMENT_RECORD_READ = "CONTRACT_PAYMENT_RECORD:READ";
+	public static final String CONTRACT_PAYMENT_RECORD_ADD = "CONTRACT_PAYMENT_RECORD:ADD";
+	public static final String CONTRACT_PAYMENT_RECORD_UPDATE = "CONTRACT_PAYMENT_RECORD:UPDATE";
+	public static final String CONTRACT_PAYMENT_RECORD_DELETE = "CONTRACT_PAYMENT_RECORD:DELETE";
+	public static final String CONTRACT_PAYMENT_RECORD_IMPORT = "CONTRACT_PAYMENT_RECORD:IMPORT";
+	public static final String CONTRACT_PAYMENT_RECORD_EXPORT = "CONTRACT_PAYMENT_RECORD:EXPORT";
+
+    /*------ start: ORDER_ROLE ------*/
+    public static final String ORDER_READ = "ORDER:READ";
+    public static final String ORDER_ADD = "ORDER:ADD";
+    public static final String ORDER_UPDATE = "ORDER:UPDATE";
+    public static final String ORDER_DELETE = "ORDER:DELETE";
+    public static final String ORDER_DOWNLOAD = "ORDER:DOWNLOAD";
+    /*------ end: ORDER_ROLE ------*/
+
+    /*------ start: PROCESS_SETTING ------*/
+    public static final String PROCESS_SETTING_READ = "PROCESS_SETTING:READ";
+    public static final String PROCESS_SETTING_ADD = "PROCESS_SETTING:ADD";
+    public static final String PROCESS_SETTING_UPDATE = "PROCESS_SETTING:UPDATE";
+    public static final String PROCESS_SETTING_DELETE = "PROCESS_SETTING:DELETE";
+    /*------ end: PROCESS_SETTING ------*/
+
+    /*------ start: CUSTOM_FORM ------*/
+    public static final String CUSTOM_FORM_READ = "CUSTOM_FORM:READ";
+    public static final String CUSTOM_FORM_ADD = "CUSTOM_FORM:ADD";
+    /*------ end: CUSTOM_FORM ------*/
+}
+
diff --git a/backend/crm/src/main/java/cn/cordys/common/constants/RoleDataScope.java b/backend/crm/src/main/java/cn/cordys/common/constants/RoleDataScope.java
new file mode 100644
index 0000000..fc42062
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/constants/RoleDataScope.java
@@ -0,0 +1,26 @@
+package cn.cordys.common.constants;
+
+/**
+ * 角色的数据权限范围
+ *
+ * @Author: jianxing
+ * @CreateTime: 2025-01-07  16:42
+ */
+public enum RoleDataScope {
+    /**
+     * 全部数据权限
+     */
+    ALL,
+    /**
+     * 指定部门数据权限
+     */
+    DEPT_CUSTOM,
+    /**
+     * 部门及以下数据权限
+     */
+    DEPT_AND_CHILD,
+    /**
+     * 仅本人数据权限
+     */
+    SELF
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/common/constants/RuleValidatorConstants.java b/backend/crm/src/main/java/cn/cordys/common/constants/RuleValidatorConstants.java
new file mode 100644
index 0000000..6a6a037
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/constants/RuleValidatorConstants.java
@@ -0,0 +1,13 @@
+package cn.cordys.common.constants;
+
+public class RuleValidatorConstants {
+
+    /**
+     * 必填
+     */
+    public static final String REQUIRED = "required";
+    /**
+     * 唯一
+     */
+    public static final String UNIQUE = "unique";
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/constants/ThirdConfigTypeConstants.java b/backend/crm/src/main/java/cn/cordys/common/constants/ThirdConfigTypeConstants.java
new file mode 100644
index 0000000..fb88c80
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/constants/ThirdConfigTypeConstants.java
@@ -0,0 +1,53 @@
+package cn.cordys.common.constants;
+
+/**
+ * 部门来源类型
+ */
+public enum ThirdConfigTypeConstants {
+
+    /**
+     * 本地
+     */
+    INTERNAL,
+    /**
+     * 企业微信
+     */
+    WECOM,
+    /**
+     * 钉钉
+     */
+    DINGTALK,
+    /**
+     * 飞书
+     */
+    LARK,
+    /**
+     * DE
+     */
+    DE,
+    /**
+     * SQLBOT
+     */
+    SQLBOT,
+    /**
+     * maxKB
+     */
+    MAXKB,
+    /**
+     * tender
+     */
+    TENDER,
+    /**
+     * 企查查
+     */
+    QCC;
+
+    public static ThirdConfigTypeConstants fromString(String type) {
+        try {
+            return ThirdConfigTypeConstants.valueOf(type.toUpperCase());
+        } catch (Exception e) {
+            return null;
+        }
+    }
+
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/common/constants/ThirdDetailType.java b/backend/crm/src/main/java/cn/cordys/common/constants/ThirdDetailType.java
new file mode 100644
index 0000000..2b3212f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/constants/ThirdDetailType.java
@@ -0,0 +1,5 @@
+package cn.cordys.common.constants;
+
+public enum ThirdDetailType {
+    WECOM_SYNC, DINGTALK_SYNC, LARK_SYNC, DE_BOARD, SQLBOT_CHAT, SQLBOT_BOARD, MAXKB, TENDER, QCC
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/constants/TopicConstants.java b/backend/crm/src/main/java/cn/cordys/common/constants/TopicConstants.java
new file mode 100644
index 0000000..0630535
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/constants/TopicConstants.java
@@ -0,0 +1,25 @@
+package cn.cordys.common.constants;
+
+import java.util.List;
+
+public class TopicConstants {
+    /**
+     * 下载任务的 Redis 主题名称
+     */
+    public static final String DOWNLOAD_TOPIC = "download-topic";
+
+    /**
+     * sse 消息通知的Redis 主题名称
+     */
+    public static final String SSE_TOPIC = "sse-topic";
+
+    /**
+     * 所有 Redis 主题的集合
+     * 用于统一管理订阅和发布的主题
+     */
+    public static final List<String> ALL_TOPICS = List.of(DOWNLOAD_TOPIC, SSE_TOPIC);
+
+    private TopicConstants() {
+        // 私有构造函数，防止实例化
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/constants/UserSource.java b/backend/crm/src/main/java/cn/cordys/common/constants/UserSource.java
new file mode 100644
index 0000000..7fa0c1b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/constants/UserSource.java
@@ -0,0 +1,55 @@
+package cn.cordys.common.constants;
+
+/**
+ * 用户来源类型枚举类，用于标识用户的来源。
+ * <p>
+ * 此枚举类定义了不同的用户来源类型，包括本地、LDAP、CAS、OIDC、OAuth2 和二维码。
+ * </p>
+ */
+public enum UserSource {
+
+    /**
+     * 本地用户来源，表示用户通过本地系统注册和登录。
+     */
+    LOCAL,
+
+    /**
+     * LDAP 用户来源，表示用户通过 LDAP（轻量目录访问协议）系统认证。
+     */
+    LDAP,
+
+    /**
+     * CAS 用户来源，表示用户通过 CAS（中央认证服务）认证。
+     */
+    CAS,
+
+    /**
+     * OIDC 用户来源，表示用户通过 OIDC（开放ID连接）认证。
+     */
+    OIDC,
+
+    /**
+     * OAUTH2 用户来源，表示用户通过 企业微信OAUTH2 授权框架认证。
+     */
+    WECOM_OAUTH2,
+
+    /**
+     * OAUTH2 用户来源，表示用户通过 GitHub OAUTH2 授权框架认证。
+     */
+    GITHUB_OAUTH2,
+
+    /**
+     * 二维码用户来源，表示用户通过扫描二维码登录。
+     */
+    QR_CODE,
+
+    /**
+     * OAUTH2 用户来源，表示用户通过 钉钉OAUTH2 授权框架认证。
+     */
+    DINGTALK_OAUTH2,
+
+    /**
+     * OAUTH2 用户来源，表示用户通过 飞书OAUTH2 授权框架认证。
+     */
+    LARK_OAUTH2
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/context/CustomFunction.java b/backend/crm/src/main/java/cn/cordys/common/context/CustomFunction.java
new file mode 100644
index 0000000..79f6c6a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/context/CustomFunction.java
@@ -0,0 +1,6 @@
+package cn.cordys.common.context;
+
+@FunctionalInterface
+public interface CustomFunction<T, R> {
+    R apply(T t) throws InterruptedException;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/common/context/ExportTaskFunction.java b/backend/crm/src/main/java/cn/cordys/common/context/ExportTaskFunction.java
new file mode 100644
index 0000000..4c3340c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/context/ExportTaskFunction.java
@@ -0,0 +1,6 @@
+package cn.cordys.common.context;
+
+@FunctionalInterface
+public interface ExportTaskFunction {
+    void apply() throws Exception;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/context/OrganizationContextWebFilter.java b/backend/crm/src/main/java/cn/cordys/common/context/OrganizationContextWebFilter.java
new file mode 100644
index 0000000..e10516b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/context/OrganizationContextWebFilter.java
@@ -0,0 +1,42 @@
+package cn.cordys.common.context;
+
+import cn.cordys.context.OrganizationContext;
+import jakarta.servlet.FilterChain;
+import jakarta.servlet.ServletException;
+import jakarta.servlet.http.HttpServletRequest;
+import jakarta.servlet.http.HttpServletResponse;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.web.filter.OncePerRequestFilter;
+
+import java.io.IOException;
+
+/**
+ * 组织信息及请求来源的 Web 过滤器
+ * <p>
+ * 根据请求头自动设置组织上下文与请求来源，并在请求结束时清理资源。
+ *
+ * @author jianxing
+ */
+public class OrganizationContextWebFilter extends OncePerRequestFilter {
+
+    public static final String ORGANIZATION_ID_HEADER = "Organization-Id";
+
+    @Override
+    protected void doFilterInternal(HttpServletRequest request, HttpServletResponse response, FilterChain chain)
+            throws ServletException, IOException {
+        // 提取所有头信息
+        String organizationId = request.getHeader(ORGANIZATION_ID_HEADER);
+
+        // 设置组织 ID
+        if (StringUtils.isNotBlank(organizationId)) {
+            OrganizationContext.setOrganizationId(organizationId);
+        }
+
+        try {
+            chain.doFilter(request, response);
+        } finally {
+            // 保证上下文清理，避免内存泄漏
+            OrganizationContext.clear();
+        }
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/common/context/SourceDetailResolveContext.java b/backend/crm/src/main/java/cn/cordys/common/context/SourceDetailResolveContext.java
new file mode 100644
index 0000000..56d5a48
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/context/SourceDetailResolveContext.java
@@ -0,0 +1,68 @@
+package cn.cordys.common.context;
+
+import java.util.HashMap;
+import java.util.Map;
+
+/**
+ * 数据源详情解析上下文
+ *
+ * @author song-cc-rock
+ */
+public class SourceDetailResolveContext {
+
+	private static final ThreadLocal<Map<String, Map<String, Object>>> CONTEXT =
+			ThreadLocal.withInitial(HashMap::new);
+	private static final ThreadLocal<Integer> DEPTH =
+			ThreadLocal.withInitial(() -> 0);
+
+	public static Map<String, Map<String, Object>> getSourceMap() {
+		return CONTEXT.get();
+	}
+
+	public static boolean contains(String sourceId) {
+		return CONTEXT.get().containsKey(sourceId);
+	}
+
+	public static void putPlaceholder(String sourceId) {
+		CONTEXT.get().putIfAbsent(sourceId, new HashMap<>(8));
+	}
+
+	public static void put(String sourceId, Map<String, Object> detail) {
+		CONTEXT.get().put(sourceId, detail);
+	}
+
+	public static void start() {
+		DEPTH.set(DEPTH.get() + 1);
+	}
+
+	/**
+	 * 获取当前深度
+	 *
+	 * @return 当前深度
+	 */
+	public static int getDepth() {
+		return DEPTH.get();
+	}
+
+	public static void end() {
+		int depth = DEPTH.get() - 1;
+		if (depth <= 0) {
+			clear();
+			DEPTH.remove();
+		} else {
+			DEPTH.set(depth);
+		}
+	}
+
+	public static void clear() {
+		CONTEXT.remove();
+	}
+
+	public static void remove(String sourceId) {
+		CONTEXT.get().remove(sourceId);
+	}
+
+	private SourceDetailResolveContext() {
+
+	}
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/domain/BaseModel.java b/backend/crm/src/main/java/cn/cordys/common/domain/BaseModel.java
new file mode 100644
index 0000000..760ee61
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/domain/BaseModel.java
@@ -0,0 +1,24 @@
+package cn.cordys.common.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.io.Serial;
+import java.io.Serializable;
+
+@Data
+public class BaseModel implements Serializable {
+    @Serial
+    private static final long serialVersionUID = 1L;
+    @Schema(description = "ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+    @Schema(description = "创建人")
+    private String createUser;
+    @Schema(description = "修改人")
+    private String updateUser;
+    @Schema(description = "创建时间")
+    private Long createTime;
+    @Schema(description = "更新时间")
+    private Long updateTime;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/domain/BaseModuleFieldValue.java b/backend/crm/src/main/java/cn/cordys/common/domain/BaseModuleFieldValue.java
new file mode 100644
index 0000000..56f887f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/domain/BaseModuleFieldValue.java
@@ -0,0 +1,42 @@
+package cn.cordys.common.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+
+import java.io.Serial;
+import java.io.Serializable;
+import java.util.List;
+
+/**
+ * @author jianxing
+ */
+@Data
+@AllArgsConstructor
+@NoArgsConstructor
+public class BaseModuleFieldValue implements Serializable {
+
+    @Serial
+    private static final long serialVersionUID = 1L;
+
+    @Schema(description = "自定义属性id")
+    private String fieldId;
+
+    /**
+     * 可能是数组
+     */
+    @Schema(description = "自定义属性值")
+    private Object fieldValue;
+
+    public boolean valid() {
+        return switch (fieldValue) {
+            case null -> false;
+            case String fieldValueStr when StringUtils.isBlank(fieldValueStr) -> false;
+            case List fieldValueList when CollectionUtils.isEmpty(fieldValueList) -> false;
+            default -> true;
+        };
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/domain/BaseResourceField.java b/backend/crm/src/main/java/cn/cordys/common/domain/BaseResourceField.java
new file mode 100644
index 0000000..9fd22b9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/domain/BaseResourceField.java
@@ -0,0 +1,20 @@
+package cn.cordys.common.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+/**
+ * @author jianxing
+ */
+@Data
+@AllArgsConstructor
+@NoArgsConstructor
+public class BaseResourceField extends BaseModuleFieldValue {
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "资源ID")
+    private String resourceId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/domain/BaseResourceSubField.java b/backend/crm/src/main/java/cn/cordys/common/domain/BaseResourceSubField.java
new file mode 100644
index 0000000..08752eb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/domain/BaseResourceSubField.java
@@ -0,0 +1,24 @@
+package cn.cordys.common.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+/**
+ * @author song-cc-rock
+ */
+@Data
+@AllArgsConstructor
+@NoArgsConstructor
+public class BaseResourceSubField extends BaseResourceField {
+
+	@Schema(description = "关联子表格ID")
+	private String refSubId;
+
+	@Schema(description = "行ID")
+	private String rowId;
+
+	@Schema(description = "行唯一标识")
+	private String bizId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/BasePageRequest.java b/backend/crm/src/main/java/cn/cordys/common/dto/BasePageRequest.java
new file mode 100644
index 0000000..4db8d3b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/BasePageRequest.java
@@ -0,0 +1,35 @@
+package cn.cordys.common.dto;
+
+import cn.cordys.common.dto.condition.BaseCondition;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.Valid;
+import jakarta.validation.constraints.Max;
+import jakarta.validation.constraints.Min;
+import lombok.Data;
+
+/**
+ * <p>表示分页请求的 DTO 类，继承自 {@link BaseCondition} 类，包含了分页参数和排序字段。</p>
+ * <p>用于分页查询时传递当前页码、每页条数和排序信息。</p>
+ */
+@Data
+public class BasePageRequest extends BaseCondition {
+
+    /**
+     * 当前页码，最小值为 1
+     */
+    @Min(value = 1, message = "当前页码必须大于0")
+    @Schema(description = "当前页码")
+    private int current;
+
+    /**
+     * 每页显示条数，范围为 1 到 500
+     */
+    @Min(value = 1, message = "每页显示条数必须不小于1")
+    @Max(value = 500, message = "每页显示条数不能大于500")
+    @Schema(description = "每页显示条数")
+    private int pageSize;
+
+    @Valid
+    @Schema(description = "排序字段")
+    private SortRequest sort;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/BatchUpdateDbParam.java b/backend/crm/src/main/java/cn/cordys/common/dto/BatchUpdateDbParam.java
new file mode 100644
index 0000000..9e73aa8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/BatchUpdateDbParam.java
@@ -0,0 +1,26 @@
+package cn.cordys.common.dto;
+
+import cn.cordys.common.util.JSON;
+import lombok.Data;
+
+import java.util.List;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-09-25  11:37
+ */
+@Data
+public class BatchUpdateDbParam {
+    private List<String> ids;
+    private String fieldName;
+    private Object fieldValue;
+    private String updateUser;
+    private Long updateTime;
+
+    public Object getFieldValue() {
+        if (fieldValue != null && fieldValue instanceof List) {
+            return JSON.toJSONString(fieldValue);
+        }
+        return fieldValue;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/BusinessDataPermission.java b/backend/crm/src/main/java/cn/cordys/common/dto/BusinessDataPermission.java
new file mode 100644
index 0000000..edb67cb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/BusinessDataPermission.java
@@ -0,0 +1,11 @@
+package cn.cordys.common.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class BusinessDataPermission extends DeptDataPermissionDTO {
+
+    @Schema(description = "数据来源表")
+    private String sourceTable;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/ChartAnalysisDbRequest.java b/backend/crm/src/main/java/cn/cordys/common/dto/ChartAnalysisDbRequest.java
new file mode 100644
index 0000000..75c42ca
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/ChartAnalysisDbRequest.java
@@ -0,0 +1,33 @@
+package cn.cordys.common.dto;
+
+import cn.cordys.common.dto.chart.ChartCategoryAxisDbParam;
+import cn.cordys.common.dto.chart.ChartValueAxisDbParam;
+import cn.cordys.common.dto.condition.CombineSearch;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-10-13  14:34
+ */
+@Data
+public class ChartAnalysisDbRequest extends ChartAnalysisRequest {
+
+    @Schema(description = "过滤条件")
+    private CombineSearch viewFilterCondition;
+
+    /**
+     * x轴查询参数
+     */
+    private ChartCategoryAxisDbParam categoryAxisParam;
+
+    /**
+     * x轴子类别查询参数
+     */
+    private ChartCategoryAxisDbParam subCategoryAxisParam;
+
+    /**
+     * y轴查询参数
+     */
+    private ChartValueAxisDbParam valueAxisParam;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/ChartAnalysisRequest.java b/backend/crm/src/main/java/cn/cordys/common/dto/ChartAnalysisRequest.java
new file mode 100644
index 0000000..fc39844
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/ChartAnalysisRequest.java
@@ -0,0 +1,28 @@
+package cn.cordys.common.dto;
+
+import cn.cordys.common.dto.chart.ChartConfig;
+import cn.cordys.common.dto.condition.CombineSearch;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.Valid;
+import jakarta.validation.constraints.NotNull;
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-10-13  14:34
+ */
+@Data
+public class ChartAnalysisRequest {
+
+    @Schema(description = "视图ID")
+    private String viewId;
+
+    @Schema(description = "过滤条件")
+    @Valid
+    private CombineSearch filterCondition;
+
+    @Schema(description = "搜索条件，支持组合搜索")
+    @NotNull
+    @Valid
+    private ChartConfig chartConfig;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/DeptDataPermissionDTO.java b/backend/crm/src/main/java/cn/cordys/common/dto/DeptDataPermissionDTO.java
new file mode 100644
index 0000000..b9e3623
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/DeptDataPermissionDTO.java
@@ -0,0 +1,38 @@
+package cn.cordys.common.dto;
+
+import cn.cordys.common.constants.InternalUserView;
+import lombok.Data;
+
+import java.util.HashSet;
+import java.util.Set;
+
+/**
+ * 部门的数据权限
+ *
+ * @author jianxing
+ */
+@Data
+public class DeptDataPermissionDTO {
+
+    /**
+     * 搜索类型(ALL/SELF/DEPARTMENT/VISIBLE)
+     * {@link InternalUserView}
+     */
+    private String viewId;
+    /**
+     * 是否可查看全部数据
+     */
+    private Boolean all = false;
+    /**
+     * 是否可查看自己的数据
+     */
+    private Boolean self = false;
+    /**
+     * 是否被设置为可见
+     */
+    private Boolean visible = false;
+    /**
+     * 可查看的部门Id
+     */
+    private Set<String> deptIds = new HashSet<>();
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/EnableFieldValue.java b/backend/crm/src/main/java/cn/cordys/common/dto/EnableFieldValue.java
new file mode 100644
index 0000000..3ae2ed5
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/EnableFieldValue.java
@@ -0,0 +1,25 @@
+package cn.cordys.common.dto;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+import org.apache.commons.lang3.BooleanUtils;
+
+/**
+ * @author jianxing
+ */
+@Data
+@AllArgsConstructor
+@NoArgsConstructor
+public class EnableFieldValue extends BaseModuleFieldValue {
+
+
+    @Schema(description = "是否启用")
+    private Boolean enable;
+
+    public boolean valid() {
+       return super.valid() && BooleanUtils.isTrue(enable);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/ExportDTO.java b/backend/crm/src/main/java/cn/cordys/common/dto/ExportDTO.java
new file mode 100644
index 0000000..f69456d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/ExportDTO.java
@@ -0,0 +1,33 @@
+package cn.cordys.common.dto;
+
+import lombok.Builder;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Locale;
+
+@Data
+@Builder
+public class ExportDTO {
+    private String userId;
+    private String orgId;
+    /**
+     * {@link cn.cordys.crm.system.constants.ExportConstants.ExportType}
+     */
+    private String exportType;
+    private String logModule;
+    private Locale locale;
+    private String fileName;
+    private List<ExportHeadDTO> headList;
+    private DeptDataPermissionDTO deptDataPermission;
+    private BasePageRequest pageRequest;
+    private List<String> selectIds;
+    private ExportSelectRequest selectRequest;
+	private String formKey;
+	/**
+	 * 导出字段参数 (通用参数无需设置)
+	 */
+	private ExportFieldParam exportFieldParam;
+	private List<String> mergeHeads;
+	private List<FieldExportMeta> exportMetas;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/ExportFieldParam.java b/backend/crm/src/main/java/cn/cordys/common/dto/ExportFieldParam.java
new file mode 100644
index 0000000..b7e5893
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/ExportFieldParam.java
@@ -0,0 +1,32 @@
+package cn.cordys.common.dto;
+
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import lombok.Builder;
+import lombok.Data;
+
+import java.util.Map;
+import java.util.Set;
+
+/**
+ * @author song-cc-rock
+ */
+@Data
+@Builder
+public class ExportFieldParam {
+
+	/**
+	 * 子表格ID集合
+	 */
+	private Set<String> subIds;
+
+	/**
+	 * 字段配置
+	 */
+	private Map<String, BaseField> fieldConfigMap;
+
+	/**
+	 * 表单配置
+	 */
+	private ModuleFormConfigDTO formConfig;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/ExportHeadDTO.java b/backend/crm/src/main/java/cn/cordys/common/dto/ExportHeadDTO.java
new file mode 100644
index 0000000..7889fd2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/ExportHeadDTO.java
@@ -0,0 +1,19 @@
+package cn.cordys.common.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+@Data
+@NoArgsConstructor
+@AllArgsConstructor
+public class ExportHeadDTO {
+
+    @Schema(description = "key")
+    private String key;
+    @Schema(description = "表头名称")
+    private String title;
+	@Schema(description = "字段类型")
+	private String columnType;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/ExportSelectRequest.java b/backend/crm/src/main/java/cn/cordys/common/dto/ExportSelectRequest.java
new file mode 100644
index 0000000..8fe7fc7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/ExportSelectRequest.java
@@ -0,0 +1,22 @@
+package cn.cordys.common.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotEmpty;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class ExportSelectRequest {
+
+    @Schema(description = "文件名")
+    private String fileName;
+
+    @Schema(description = "表头信息")
+    @NotEmpty(message = "{export_head_list_is_empty}")
+    private List<ExportHeadDTO> headList;
+
+    @Schema(description = "勾选的数据id集合")
+    @NotEmpty(message = "{export_select_ids_is_empty}")
+    private List<String> ids;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/FieldExportMeta.java b/backend/crm/src/main/java/cn/cordys/common/dto/FieldExportMeta.java
new file mode 100644
index 0000000..967e847
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/FieldExportMeta.java
@@ -0,0 +1,27 @@
+package cn.cordys.common.dto;
+
+import cn.cordys.common.resolver.field.AbstractModuleFieldResolver;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import lombok.Data;
+
+/**
+ * 导出字段元数据 (预处理)
+ * @author song-cc-rock
+ */
+@Data
+public class FieldExportMeta {
+
+	private String head;
+
+	private BaseField field;
+
+	private AbstractModuleFieldResolver<?> resolver;
+
+	private boolean noResource;
+
+	private String fieldId;
+
+	private String businessKey;
+
+	private String prefixId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/RedisMessage.java b/backend/crm/src/main/java/cn/cordys/common/dto/RedisMessage.java
new file mode 100644
index 0000000..0b90ee9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/RedisMessage.java
@@ -0,0 +1,11 @@
+package cn.cordys.common.dto;
+
+import lombok.Data;
+
+@Data
+public class RedisMessage {
+    /**
+     * redis 发布订阅消息主体
+     */
+    private String message;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/ResourceTabEnableDTO.java b/backend/crm/src/main/java/cn/cordys/common/dto/ResourceTabEnableDTO.java
new file mode 100644
index 0000000..782392d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/ResourceTabEnableDTO.java
@@ -0,0 +1,33 @@
+package cn.cordys.common.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+/**
+ * 客户、商机、线索是否显示所有数据和部门数据 tab
+ *
+ * @Author: jianxing
+ * @CreateTime: 2025-05-15  14:54
+ */
+@Data
+public class ResourceTabEnableDTO {
+    @Schema(description = "是否显示所有数据tab")
+    private Boolean all = false;
+    @Schema(description = "是否显示部门数据tab")
+    private Boolean dept = false;
+
+    /**
+     * 合并权限
+     *
+     * @param other 其余数据权限配置
+     *
+     * @return 合并后的数据权限配置
+     */
+    public ResourceTabEnableDTO or(ResourceTabEnableDTO other) {
+        if (other != null) {
+            all |= other.all;
+            dept |= other.dept;
+        }
+        return this;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/SortRequest.java b/backend/crm/src/main/java/cn/cordys/common/dto/SortRequest.java
new file mode 100644
index 0000000..876afa0
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/SortRequest.java
@@ -0,0 +1,66 @@
+package cn.cordys.common.dto;
+
+import cn.cordys.common.utils.SqlInjectionChecker;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.Pattern;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+
+/**
+ * @author jianxing
+ */
+@Data
+@NoArgsConstructor
+@AllArgsConstructor
+public class SortRequest {
+
+    @Pattern(regexp = "^[A-Za-z0-9]+$")
+    @Schema(description = "排序字段")
+    private String name;
+
+    @Schema(description = "排序类型(asc/desc)")
+    private String type;
+
+    public static String camelToUnderline(String camelCase) {
+        if (camelCase == null || camelCase.isEmpty()) {
+            return camelCase;
+        }
+
+        // 使用正则表达式将驼峰转换为下划线
+        String underline = camelCase.replaceAll("([A-Z])", "_$1").toLowerCase();
+
+        // 如果开头有下划线，去掉
+        if (underline.startsWith("_")) {
+            underline = underline.substring(1);
+        }
+
+        return underline;
+    }
+
+    public String getName() {
+        if (SqlInjectionChecker.containsSqlInjectionRisk(name)) {
+            return "1";
+        }
+        return camelToUnderline(name);
+    }
+
+    public String getType() {
+        if (Strings.CI.equals(type, "asc")) {
+            return "asc";
+        } else {
+            return "desc";
+        }
+    }
+
+    /**
+     * mapper 中调用
+     *
+     * @return
+     */
+    public boolean valid() {
+        return StringUtils.isNotBlank(name) && !SqlInjectionChecker.containsSqlInjectionRisk(name);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/UserDeptDTO.java b/backend/crm/src/main/java/cn/cordys/common/dto/UserDeptDTO.java
new file mode 100644
index 0000000..88c5844
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/UserDeptDTO.java
@@ -0,0 +1,24 @@
+package cn.cordys.common.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+/**
+ * @author jianxing
+ */
+@Data
+@NoArgsConstructor
+@AllArgsConstructor
+public class UserDeptDTO {
+
+    @Schema(description = "用户ID")
+    private String userId;
+
+    @Schema(description = "部门ID")
+    private String deptId;
+
+    @Schema(description = "部门名称")
+    private String deptName;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/chart/ChartCategoryAxisConfig.java b/backend/crm/src/main/java/cn/cordys/common/dto/chart/ChartCategoryAxisConfig.java
new file mode 100644
index 0000000..acf72bf
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/chart/ChartCategoryAxisConfig.java
@@ -0,0 +1,16 @@
+package cn.cordys.common.dto.chart;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-10-13  14:54
+ */
+@Data
+public class ChartCategoryAxisConfig {
+    @NotBlank
+    @Schema(description = "字段ID")
+    private String fieldId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/chart/ChartCategoryAxisDbParam.java b/backend/crm/src/main/java/cn/cordys/common/dto/chart/ChartCategoryAxisDbParam.java
new file mode 100644
index 0000000..239b2f7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/chart/ChartCategoryAxisDbParam.java
@@ -0,0 +1,23 @@
+package cn.cordys.common.dto.chart;
+
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-10-13  14:54
+ */
+@Data
+public class ChartCategoryAxisDbParam extends ChartCategoryAxisConfig {
+    /**
+     * 是否要查blob表
+     */
+    private Boolean blob = false;
+    /**
+     * 是否是业务字段
+     */
+    private Boolean businessField = false;
+    /**
+     * 业务字段名称
+     */
+    private String businessFieldName;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/chart/ChartConfig.java b/backend/crm/src/main/java/cn/cordys/common/dto/chart/ChartConfig.java
new file mode 100644
index 0000000..ceb1fd5
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/chart/ChartConfig.java
@@ -0,0 +1,31 @@
+package cn.cordys.common.dto.chart;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.Valid;
+import jakarta.validation.constraints.NotNull;
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-10-13  14:34
+ */
+@Data
+public class ChartConfig {
+
+    @Schema(description = "图表类型")
+    private String chatType;
+
+    @Schema(description = "类别轴配置")
+    @NotNull
+    @Valid
+    private ChartCategoryAxisConfig categoryAxis;
+
+    @Schema(description = "子类别轴配置")
+    @Valid
+    private ChartCategoryAxisConfig subCategoryAxis;
+
+    @Schema(description = "值轴配置")
+    @NotNull
+    @Valid
+    private ChartValueAxisConfig valueAxis;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/chart/ChartResult.java b/backend/crm/src/main/java/cn/cordys/common/dto/chart/ChartResult.java
new file mode 100644
index 0000000..0ac6651
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/chart/ChartResult.java
@@ -0,0 +1,16 @@
+package cn.cordys.common.dto.chart;
+
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-10-15  11:40
+ */
+@Data
+public class ChartResult {
+    private String categoryAxis;
+    private String categoryAxisName;
+    private String subCategoryAxis;
+    private String subCategoryAxisName;
+    private Object valueAxis;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/chart/ChartValueAxisConfig.java b/backend/crm/src/main/java/cn/cordys/common/dto/chart/ChartValueAxisConfig.java
new file mode 100644
index 0000000..1698a64
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/chart/ChartValueAxisConfig.java
@@ -0,0 +1,29 @@
+package cn.cordys.common.dto.chart;
+
+import cn.cordys.common.constants.ChartAggregateMethod;
+import cn.cordys.common.constants.EnumValue;
+import cn.cordys.common.uid.utils.EnumUtils;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-10-13  14:54
+ */
+@Data
+public class ChartValueAxisConfig {
+    @Schema(description = "字段ID")
+    private String fieldId;
+
+    @EnumValue(enumClass = ChartAggregateMethod.class)
+    @Schema(description = "聚合方式")
+    private String aggregateMethod;
+
+    public String getAggregateMethod() {
+        if (this.aggregateMethod == null) {
+            return ChartAggregateMethod.COUNT.name();
+        }
+        // 避免mapper中sql注入
+        return EnumUtils.valueOf(ChartAggregateMethod.class, this.aggregateMethod).name();
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/chart/ChartValueAxisDbParam.java b/backend/crm/src/main/java/cn/cordys/common/dto/chart/ChartValueAxisDbParam.java
new file mode 100644
index 0000000..ed440ab
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/chart/ChartValueAxisDbParam.java
@@ -0,0 +1,24 @@
+package cn.cordys.common.dto.chart;
+
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-10-13  14:54
+ */
+@Data
+public class ChartValueAxisDbParam extends ChartValueAxisConfig {
+    /**
+     * 是否要查blob表
+     */
+    private Boolean blob = false;
+    /**
+     * 是否是业务字段
+     */
+    private Boolean businessField = false;
+
+    /**
+     * 业务字段名称
+     */
+    private String businessFieldName;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/condition/BaseCondition.java b/backend/crm/src/main/java/cn/cordys/common/dto/condition/BaseCondition.java
new file mode 100644
index 0000000..b3871e0
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/condition/BaseCondition.java
@@ -0,0 +1,70 @@
+package cn.cordys.common.dto.condition;
+
+import cn.cordys.common.utils.ConditionFilterUtils;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.Valid;
+import lombok.Data;
+import org.apache.commons.lang3.Strings;
+
+import java.util.List;
+
+/**
+ * 表示 CRM 系统中的基础条件类，用于支持过滤和搜索操作。
+ */
+@Data
+public class BaseCondition {
+
+    @Schema(description = "视图ID")
+    private String viewId;
+
+    @Schema(description = "关键字，用于搜索匹配")
+    private String keyword;
+
+    @Schema(description = "筛选条件列表，用于定义多个搜索条件")
+    @Valid
+    private List<FilterCondition> filters;
+
+    @Schema(description = "高级搜索条件，支持组合搜索")
+    @Valid
+    private CombineSearch combineSearch;
+
+    private CombineSearch viewCombineSearch;
+
+    /**
+     * 转义关键字中的特殊字符。
+     *
+     * @param keyword 输入的关键字
+     *
+     * @return 转义后的关键字
+     */
+    public static String transferKeyword(String keyword) {
+        if (Strings.CS.contains(keyword, "\\") && !Strings.CS.contains(keyword, "\\\\")) {
+            keyword = Strings.CS.replace(keyword, "\\", "\\\\");
+        }
+        // 判断是否已经转义过，未转义才进行转义。
+        if (Strings.CS.contains(keyword, "%") && !Strings.CS.contains(keyword, "\\%")) {
+            keyword = Strings.CS.replace(keyword, "%", "\\%");
+        }
+        if (Strings.CS.contains(keyword, "_") && !Strings.CS.contains(keyword, "\\_")) {
+            keyword = Strings.CS.replace(keyword, "_", "\\_");
+        }
+        return keyword;
+    }
+
+    public CombineSearch getCombineSearch() {
+        return combineSearch == null ? new CombineSearch() : combineSearch;
+    }
+
+    public List<FilterCondition> getFilters() {
+        return ConditionFilterUtils.getValidConditions(filters);
+    }
+
+    /**
+     * 初始化关键字，直接设置字段值。
+     *
+     * @param keyword 初始化的关键字
+     */
+    public void initKeyword(String keyword) {
+        this.keyword = keyword;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/condition/CombineSearch.java b/backend/crm/src/main/java/cn/cordys/common/dto/condition/CombineSearch.java
new file mode 100644
index 0000000..9594d90
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/condition/CombineSearch.java
@@ -0,0 +1,109 @@
+package cn.cordys.common.dto.condition;
+
+import cn.cordys.common.constants.EnumValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.Valid;
+import lombok.Data;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.util.ArrayList;
+import java.util.Iterator;
+import java.util.List;
+import java.util.stream.Collectors;
+
+/**
+ * 表示组合搜索条件，用于支持复杂的搜索逻辑。
+ * 包含匹配模式（所有/任一）和筛选条件列表。
+ */
+@Data
+public class CombineSearch {
+
+    @Schema(description = "匹配模式，支持“所有”或“任一”", allowableValues = {"AND", "OR"})
+    @EnumValue(enumClass = SearchMode.class)
+    private String searchMode = SearchMode.AND.name();
+
+    @Schema(description = "筛选条件列表，用于定义多个搜索条件")
+    @Valid
+    private List<FilterCondition> conditions;
+
+    public List<FilterCondition> getConditions() {
+        if (CollectionUtils.isEmpty(conditions)) {
+            return new ArrayList<>();
+        }
+        return conditions.stream()
+                .filter(FilterCondition::valid)
+                .collect(Collectors.toList());
+    }
+
+    /**
+     * 获取当前的匹配模式。如果未设置，则默认返回 "AND"。
+     *
+     * @return 当前的匹配模式
+     */
+    public String getSearchMode() {
+        return StringUtils.isBlank(searchMode) ? SearchMode.AND.name() : searchMode;
+    }
+
+    public CombineSearch convert() {
+        if (CollectionUtils.isEmpty(conditions)) {
+            return this;
+        }
+
+        Iterator<FilterCondition> iterator = conditions.iterator();
+        while (iterator.hasNext()) {
+            FilterCondition condition = iterator.next();
+            if (!condition.valid()) {
+                iterator.remove();
+                continue;
+            }
+
+            Object value = condition.getCombineValue();
+            boolean isBetween = Strings.CS.equals(condition.getCombineOperator(), FilterCondition.CombineConditionOperator.BETWEEN.name());
+
+            if (value instanceof List<?> valueList) {
+                if (CollectionUtils.isEmpty(valueList)) {
+                    /*
+                     * 兜底处理, 防止前端[EMPTY, NOT_EMPTY]条件产生脏数据导致报错
+                     */
+                    iterator.remove();
+                    continue;
+                }
+                // 多值处理
+                if (!condition.expectMulti()) {
+                    condition.setValue(valueList.getFirst());
+                }
+                if (isBetween) {
+                    Object first = valueList.getFirst();
+                    condition.setValue(List.of(first, first));
+                }
+            } else {
+                // 单值处理
+                if (condition.expectMulti()) {
+                    if (isBetween) {
+                        condition.setValue(List.of(value, value));
+                    } else {
+                        condition.setValue(List.of(value));
+                    }
+                }
+            }
+        }
+        return this;
+    }
+
+    /**
+     * 枚举：搜索模式，定义了“所有”与“任一”两种匹配模式。
+     */
+    public enum SearchMode {
+        /**
+         * 所有条件都匹配（“与”操作）
+         */
+        AND,
+
+        /**
+         * 任一条件匹配（“或”操作）
+         */
+        OR
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/condition/FilterCondition.java b/backend/crm/src/main/java/cn/cordys/common/dto/condition/FilterCondition.java
new file mode 100644
index 0000000..2364839
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/condition/FilterCondition.java
@@ -0,0 +1,472 @@
+package cn.cordys.common.dto.condition;
+
+import cn.cordys.common.constants.EnumValue;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.utils.SqlInjectionChecker;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotNull;
+import lombok.Data;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.time.*;
+import java.time.temporal.TemporalAdjusters;
+import java.util.ArrayList;
+import java.util.List;
+
+/**
+ * 表示组合条件，用于支持复杂的过滤和查询逻辑。
+ * 包含字段名、操作符和期望值等信息。
+ */
+@Data
+public class FilterCondition {
+
+    /**
+     * 系统字段为字段名
+     * 模块字段为字段ID
+     */
+    @Schema(description = "条件的参数名称")
+    @NotNull
+    private String name;
+
+    @Schema(description = "期望值，若操作符为 BETWEEN, IN, NOT_IN 时为数组，其他操作符为单个值")
+    private Object value;
+
+    @Schema(description = "是否是多选值")
+    @NotNull
+    private Boolean multipleValue = false;
+
+    @Schema(description = "操作符",
+            allowableValues = {"IN", "NOT_IN", "BETWEEN", "GT", "LT", "GE", "LE", "COUNT_GT", "COUNT_LT", "EQUALS", "NOT_EQUALS", "CONTAINS", "NOT_CONTAINS", "EMPTY", "NOT_EMPTY"})
+    @EnumValue(enumClass = CombineConditionOperator.class)
+    private String operator;
+
+    @Schema(description = "类型")
+    private String type;
+
+    @Schema(description = "包含新增子部门集合")
+    private List<String> containChildIds;
+
+    public String getName() {
+        if (SqlInjectionChecker.containsSqlInjectionRisk(name)) {
+            throw new GenericException("condition name illegal");
+        }
+        return name;
+    }
+
+    /**
+     * 校验条件是否合法，检查字段名称、操作符和值的有效性。
+     *
+     * @return 如果条件合法则返回 true，否则返回 false
+     */
+    public boolean valid() {
+        if (StringUtils.isBlank(name) || StringUtils.isBlank(operator) || SqlInjectionChecker.containsSqlInjectionRisk(name)) {
+            return false;
+        }
+
+        // 针对空值判断操作符
+        if (Strings.CS.equalsAny(operator, CombineConditionOperator.EMPTY.name(), CombineConditionOperator.NOT_EMPTY.name(), CombineConditionOperator.NOT_EQUAL_ORIGINAL.name())) {
+            return true;
+        }
+
+        if (value == null) {
+            return false;
+        }
+
+        // 针对值为集合类型的校验
+        if (value instanceof List<?> valueList && CollectionUtils.isEmpty(valueList)) {
+            return false;
+        }
+
+        // 针对值为字符串的校验
+        return !(value instanceof String valueStr) || !StringUtils.isBlank(valueStr);
+    }
+
+    public boolean expectMulti() {
+        return Strings.CS.equalsAny(operator, CombineConditionOperator.IN.name(), CombineConditionOperator.NOT_IN.name(), CombineConditionOperator.BETWEEN.name(), CombineConditionOperator.DYNAMICS.name());
+    }
+
+
+    public Object getCombineValue() {
+        if (Strings.CI.equals(operator, CombineConditionOperator.DYNAMICS.name())) {
+            // value 转为string 类型
+            String strValue = (String) value;
+            String[] split = strValue.split(",");
+            if (split.length == 1) {
+                String dateValue = split[0];
+                switch (dateValue) {
+                    case "TODAY" -> {
+                        List<Long> todayList = new ArrayList<>();
+                        // 获取今天的日期
+                        LocalDate today = LocalDate.now();
+                        long timestamp = getTimestamp(today.atStartOfDay());
+                        todayList.add(timestamp);
+                        long timestampEnd = getTimestamp(today.atTime(23, 59, 59, 999_000_000));
+                        todayList.add(timestampEnd);
+                        return todayList;
+                    }
+                    case "YESTERDAY" -> {
+                        List<Long> yesterdayList = new ArrayList<>();
+                        LocalDate yesterday = LocalDate.now().minusDays(1);
+                        long timestamp = getTimestamp(yesterday.atStartOfDay());
+                        yesterdayList.add(timestamp);
+                        long timestampEnd = getTimestamp(yesterday.atTime(23, 59, 59, 999_000_000));
+                        yesterdayList.add(timestampEnd);
+                        return yesterdayList;
+                    }
+                    case "TOMORROW" -> {
+                        List<Long> tomorrowList = new ArrayList<>();
+                        LocalDate tomorrow = LocalDate.now().plusDays(1);
+                        long timestamp = getTimestamp(tomorrow.atStartOfDay());
+                        tomorrowList.add(timestamp);
+                        long timestampEnd = getTimestamp(tomorrow.atTime(23, 59, 59, 999_000_000));
+                        tomorrowList.add(timestampEnd);
+                        return tomorrowList;
+                    }
+                    case "WEEK" -> {
+                        List<Long> weeks = new ArrayList<>();
+                        LocalDate startOfWeek = LocalDate.now().with(java.time.DayOfWeek.MONDAY);
+                        long timestamp = getTimestamp(startOfWeek.atStartOfDay());
+                        weeks.add(timestamp);
+                        LocalDate now = LocalDate.now().with(DayOfWeek.SUNDAY);
+                        long timestampEnd = getTimestamp(now.atTime(23, 59, 59, 999_000_000));
+                        weeks.add(timestampEnd);
+                        return weeks;
+                    }
+                    case "LAST_WEEK" -> {
+                        List<Long> lastWeeks = new ArrayList<>();
+                        LocalDate startOfLastWeek = LocalDate.now().minusWeeks(1).with(java.time.DayOfWeek.MONDAY);
+                        long timestamp = getTimestamp(startOfLastWeek.atStartOfDay());
+                        lastWeeks.add(timestamp);
+                        LocalDate startOfLastWeekEnd = LocalDate.now().minusWeeks(1).with(DayOfWeek.SUNDAY);
+                        long timestampEnd = getTimestamp(startOfLastWeekEnd.atTime(23, 59, 59, 999_000_000));
+                        lastWeeks.add(timestampEnd);
+                        return lastWeeks;
+                    }
+                    case "NEXT_WEEK" -> {
+                        List<Long> nextWeeks = new ArrayList<>();
+                        LocalDate startOfNextWeek = LocalDate.now().plusWeeks(1).with(java.time.DayOfWeek.MONDAY);
+                        long timestamp = getTimestamp(startOfNextWeek.atStartOfDay());
+                        nextWeeks.add(timestamp);
+                        LocalDate startOfNextWeekEnd = LocalDate.now().plusWeeks(1).with(DayOfWeek.SUNDAY);
+                        long timestampEnd = getTimestamp(startOfNextWeekEnd.atTime(23, 59, 59, 999_000_000));
+                        nextWeeks.add(timestampEnd);
+                        return nextWeeks;
+                    }
+                    case "MONTH" -> {
+                        List<Long> months = new ArrayList<>();
+                        LocalDate startOfMonth = LocalDate.now().withDayOfMonth(1);
+                        long timestamp = getTimestamp(startOfMonth.atStartOfDay());
+                        months.add(timestamp);
+                        LocalDate now = LocalDate.now().with(TemporalAdjusters.lastDayOfMonth());
+                        long timestampEnd = getTimestamp(now.atTime(23, 59, 59, 999_000_000));
+                        months.add(timestampEnd);
+                        return months;
+                    }
+                    case "LAST_MONTH" -> {
+                        List<Long> lastMonths = new ArrayList<>();
+                        LocalDate startOfLastMonth = LocalDate.now().minusMonths(1).withDayOfMonth(1);
+                        long timestamp = getTimestamp(startOfLastMonth.atStartOfDay());
+                        lastMonths.add(timestamp);
+                        LocalDate startOfLastMonthEnd = LocalDate.now().minusMonths(1).with(TemporalAdjusters.lastDayOfMonth());
+                        long timestampEnd = getTimestamp(startOfLastMonthEnd.atTime(23, 59, 59, 999_000_000));
+                        lastMonths.add(timestampEnd);
+                        return lastMonths;
+                    }
+                    case "NEXT_MONTH" -> {
+                        List<Long> nextMonths = new ArrayList<>();
+                        LocalDate startOfNextMonth = LocalDate.now().plusMonths(1).withDayOfMonth(1);
+                        long timestamp = getTimestamp(startOfNextMonth.atStartOfDay());
+                        nextMonths.add(timestamp);
+                        LocalDate startOfNextMonthEnd = LocalDate.now().plusMonths(1).with(TemporalAdjusters.lastDayOfMonth());
+                        long timestampEnd = getTimestamp(startOfNextMonthEnd.atTime(23, 59, 59, 999_000_000));
+                        nextMonths.add(timestampEnd);
+                        return nextMonths;
+                    }
+                    case "LAST_SEVEN" -> {
+                        List<Long> lastSevens = new ArrayList<>();
+                        LocalDate startOfLastSevenDays = LocalDate.now().minusDays(7);
+                        long timestamp = getTimestamp(startOfLastSevenDays.atStartOfDay());
+                        lastSevens.add(timestamp);
+                        long timestampEnd = getTimestamp(LocalDate.now().atStartOfDay());
+                        lastSevens.add(timestampEnd);
+                        return lastSevens;
+                    }
+                    case "SEVEN" -> {
+                        List<Long> sevens = new ArrayList<>();
+                        LocalDate startOfNextSevenDays = LocalDate.now().plusDays(6);
+                        long timestamp = getTimestamp(LocalDate.now().atStartOfDay());
+                        sevens.add(timestamp);
+                        long timestampEnd = getTimestamp(startOfNextSevenDays.atTime(23, 59, 59, 999_000_000));
+                        sevens.add(timestampEnd);
+                        return sevens;
+                    }
+                    case "THIRTY" -> {
+                        List<Long> thirty = new ArrayList<>();
+                        LocalDate startOfNextThirtyDays = LocalDate.now().plusDays(29);
+                        long timestamp = getTimestamp(LocalDate.now().atStartOfDay());
+                        thirty.add(timestamp);
+                        long timestampEnd = getTimestamp(startOfNextThirtyDays.atTime(23, 59, 59, 999_000_000));
+                        thirty.add(timestampEnd);
+                        return thirty;
+                    }
+                    case "LAST_THIRTY" -> {
+                        List<Long> lastThirty = new ArrayList<>();
+                        LocalDate startOfLastThirtyDays = LocalDate.now().minusDays(30);
+                        long timestamp = getTimestamp(startOfLastThirtyDays.atStartOfDay());
+                        lastThirty.add(timestamp);
+                        long timestampEnd = getTimestamp(LocalDate.now().atStartOfDay());
+                        lastThirty.add(timestampEnd);
+                        return lastThirty;
+                    }
+                    case "SIXTY" -> {
+                        List<Long> sixty = new ArrayList<>();
+                        LocalDate startOfNextSixtyDays = LocalDate.now().plusDays(59);
+                        long timestamp = getTimestamp(LocalDate.now().atStartOfDay());
+                        sixty.add(timestamp);
+                        long timestampEnd = getTimestamp(startOfNextSixtyDays.atTime(23, 59, 59, 999_000_000));
+                        sixty.add(timestampEnd);
+                        return sixty;
+                    }
+                    case "LAST_SIXTY" -> {
+                        List<Long> lastSixty = new ArrayList<>();
+                        LocalDate startOfLastSixtyDays = LocalDate.now().minusDays(60);
+                        long timestamp = getTimestamp(startOfLastSixtyDays.atStartOfDay());
+                        lastSixty.add(timestamp);
+                        long timestampEnd = getTimestamp(LocalDate.now().atStartOfDay());
+                        lastSixty.add(timestampEnd);
+                        return lastSixty;
+                    }
+                    //本季度
+                    case "QUARTER" -> {
+                        List<Long> quarters = new ArrayList<>();
+                        LocalDate now = LocalDate.now();
+                        int currentMonth = now.getMonthValue();
+                        int startMonth = (currentMonth - 1) / 3 * 3 + 1;
+                        LocalDate startOfQuarter = LocalDate.of(now.getYear(), startMonth, 1);
+                        long timestamp = getTimestamp(startOfQuarter.atStartOfDay());
+                        quarters.add(timestamp);
+                        LocalDate endOfQuarter = startOfQuarter.plusMonths(2).with(TemporalAdjusters.lastDayOfMonth());
+                        long timestampEnd = getTimestamp(endOfQuarter.atTime(23, 59, 59, 999_000_000));
+                        quarters.add(timestampEnd);
+                        return quarters;
+                    }
+                    //上季度
+                    case "LAST_QUARTER" -> {
+                        List<Long> lastQuarters = new ArrayList<>();
+                        LocalDate now = LocalDate.now();
+                        int currentMonth = now.getMonthValue();
+                        int startMonth = (currentMonth - 1) / 3 * 3 + 1;
+                        LocalDate startOfLastQuarter = LocalDate.of(now.getYear(), startMonth, 1).minusMonths(3);
+                        long timestamp = getTimestamp(startOfLastQuarter.atStartOfDay());
+                        lastQuarters.add(timestamp);
+                        LocalDate endOfLastQuarter = startOfLastQuarter.plusMonths(2).with(TemporalAdjusters.lastDayOfMonth());
+                        long timestampEnd = getTimestamp(endOfLastQuarter.atTime(23, 59, 59, 999_000_000));
+                        lastQuarters.add(timestampEnd);
+                        return lastQuarters;
+                    }
+                    //下季度
+                    case "NEXT_QUARTER" -> {
+                        List<Long> nextQuarters = new ArrayList<>();
+                        LocalDate now = LocalDate.now();
+                        int currentMonth = now.getMonthValue();
+                        int startMonth = (currentMonth - 1) / 3 * 3 + 1;
+                        LocalDate startOfNextQuarter = LocalDate.of(now.getYear(), startMonth, 1).plusMonths(3);
+                        long timestamp = getTimestamp(startOfNextQuarter.atStartOfDay());
+                        nextQuarters.add(timestamp);
+                        LocalDate endOfNextQuarter = startOfNextQuarter.plusMonths(2).with(TemporalAdjusters.lastDayOfMonth());
+                        long timestampEnd = getTimestamp(endOfNextQuarter.atTime(23, 59, 59, 999_000_000));
+                        nextQuarters.add(timestampEnd);
+                        return nextQuarters;
+                    }
+                    //本年度
+                    case "YEAR" -> {
+                        List<Long> years = new ArrayList<>();
+                        LocalDate startOfYear = LocalDate.now().withDayOfYear(1);
+                        long timestamp = getTimestamp(startOfYear.atStartOfDay());
+                        years.add(timestamp);
+                        LocalDate now = LocalDate.now().with(TemporalAdjusters.lastDayOfYear());
+                        long timestampEnd = getTimestamp(now.atTime(23, 59, 59, 999_000_000));
+                        years.add(timestampEnd);
+                        return years;
+                    }
+                    //上年度
+                    case "LAST_YEAR" -> {
+                        List<Long> lastYears = new ArrayList<>();
+                        LocalDate startOfLastYear = LocalDate.now().minusYears(1).withDayOfYear(1);
+                        long timestamp = getTimestamp(startOfLastYear.atStartOfDay());
+                        lastYears.add(timestamp);
+                        LocalDate startOfLastYearEnd = LocalDate.now().minusYears(1).with(TemporalAdjusters.lastDayOfYear());
+                        long timestampEnd = getTimestamp(startOfLastYearEnd.atTime(23, 59, 59, 999_000_000));
+                        lastYears.add(timestampEnd);
+                        return lastYears;
+                    }
+                    //下年度
+                    case "NEXT_YEAR" -> {
+                        List<Long> nextYears = new ArrayList<>();
+                        LocalDate startOfNextYear = LocalDate.now().plusYears(1).withDayOfYear(1);
+                        long timestamp = getTimestamp(startOfNextYear.atStartOfDay());
+                        nextYears.add(timestamp);
+                        LocalDate startOfNextYearEnd = LocalDate.now().plusYears(1).with(TemporalAdjusters.lastDayOfYear());
+                        long timestampEnd = getTimestamp(startOfNextYearEnd.atTime(23, 59, 59, 999_000_000));
+                        nextYears.add(timestampEnd);
+                        return nextYears;
+                    }
+
+                }
+
+            } else {
+                String dateValue = split[1];
+                String dateUnit = split[2];
+                int dateNumber = Integer.parseInt(dateValue);
+                switch (dateUnit) {
+                    case "BEFORE_DAY" -> {
+                        LocalDateTime startOfLastDays = LocalDateTime.now().minusDays(dateNumber);
+                        return getTimestamp(startOfLastDays);
+                    }
+                    case "AFTER_DAY" -> {
+                        LocalDateTime startOfNextDays = LocalDateTime.now().plusDays(dateNumber);
+                        return getTimestamp(startOfNextDays);
+                    }
+                    case "BEFORE_WEEK" -> {
+                        LocalDateTime startOfLastWeeks = LocalDateTime.now().minusDays(dateNumber * 7L);
+                        return getTimestamp(startOfLastWeeks);
+                    }
+                    case "AFTER_WEEK" -> {
+                        LocalDateTime startOfNextWeeks = LocalDateTime.now().plusDays(dateNumber * 7L);
+                        return getTimestamp(startOfNextWeeks);
+                    }
+                    case "BEFORE_MONTH" -> {
+                        LocalDateTime startOfLastMonths = LocalDateTime.now().minusMonths(dateNumber);
+                        return getTimestamp(startOfLastMonths);
+                    }
+                    case "AFTER_MONTH" -> {
+                        LocalDateTime startOfNextMonths = LocalDateTime.now().plusMonths(dateNumber);
+                        return getTimestamp(startOfNextMonths);
+                    }
+                }
+            }
+        }
+        return value;
+    }
+
+    public String getCombineOperator() {
+        if (Strings.CI.equals(operator, CombineConditionOperator.DYNAMICS.name())) {
+            String strValue = (String) value;
+            String[] split = strValue.split(",");
+            if (split.length == 1) {
+                return CombineConditionOperator.BETWEEN.name();
+            } else {
+                String dateUnit = split[2];
+                switch (dateUnit) {
+                    case "BEFORE_DAY", "BEFORE_WEEK", "BEFORE_MONTH" -> {
+                        return CombineConditionOperator.LT.name();
+                    }
+                    case "AFTER_DAY", "AFTER_WEEK", "AFTER_MONTH" -> {
+                        return CombineConditionOperator.GT.name();
+                    }
+                }
+            }
+
+        }
+        return operator;
+    }
+
+
+    private long getTimestamp(LocalDateTime today) {
+        // 使用系统默认时区
+        ZonedDateTime zonedEndOfDay = today.atZone(ZoneId.systemDefault());
+        // 转为时间戳（毫秒）
+        return zonedEndOfDay.toInstant().toEpochMilli();
+    }
+
+    /**
+     * 枚举：组合条件操作符，定义了各种可能的查询操作符。
+     */
+    public enum CombineConditionOperator {
+        /**
+         * 动态
+         */
+        DYNAMICS,
+        /**
+         * 属于某个集合
+         */
+        IN,
+
+        /**
+         * 不属于某个集合
+         */
+        NOT_IN,
+
+        /**
+         * 区间操作
+         */
+        BETWEEN,
+
+        /**
+         * 大于
+         */
+        GT,
+
+        /**
+         * 小于
+         */
+        LT,
+
+        /**
+         * 大于等于
+         */
+        GE,
+
+        /**
+         * 小于等于
+         */
+        LE,
+
+        /**
+         * 数量大于
+         */
+        COUNT_GT,
+
+        /**
+         * 数量小于
+         */
+        COUNT_LT,
+
+        /**
+         * 等于
+         */
+        EQUALS,
+
+        /**
+         * 不等于
+         */
+        NOT_EQUALS,
+
+        /**
+         * 包含
+         */
+        CONTAINS,
+
+        /**
+         * 不包含
+         */
+        NOT_CONTAINS,
+
+        /**
+         * 为空
+         */
+        EMPTY,
+
+        /**
+         * 不为空
+         */
+        NOT_EMPTY,
+        /**
+         * 不等于原值（用户审批时的条件判断）
+         */
+        NOT_EQUAL_ORIGINAL
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/condition/FilterDBCondition.java b/backend/crm/src/main/java/cn/cordys/common/dto/condition/FilterDBCondition.java
new file mode 100644
index 0000000..8442eb0
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/condition/FilterDBCondition.java
@@ -0,0 +1,30 @@
+package cn.cordys.common.dto.condition;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+/**
+ * 表示组合条件，用于支持复杂的过滤和查询逻辑。
+ * 包含字段名、操作符和期望值等信息。
+ */
+@Data
+public class FilterDBCondition extends FilterCondition {
+
+    @Schema(description = "是否是自定义字段")
+    private Boolean customField = false;
+
+    @Schema(description = "是否是大字段")
+    private Boolean blob = false;
+
+    @Schema(description = "是否是显示字段")
+    private Boolean refFiled = false;
+
+    @Schema(description = "显示字段的主字段是否是自定义字段")
+    private Boolean refMainCustomField = false;
+
+    @Schema(description = "显示字段的主字段名称或ID")
+    private String refMainFieldName;
+
+    @Schema(description = "显示字段的主表名")
+    private String refMainTableName;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/stage/CirculationFieldValue.java b/backend/crm/src/main/java/cn/cordys/common/dto/stage/CirculationFieldValue.java
new file mode 100644
index 0000000..3f0ac21
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/stage/CirculationFieldValue.java
@@ -0,0 +1,15 @@
+package cn.cordys.common.dto.stage;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class CirculationFieldValue extends BaseModuleFieldValue {
+
+    @Schema(description = "是否必填")
+    private Boolean required;
+
+    @Schema(description = "默认值类型")
+    private String valueType;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/stage/CirculationSetting.java b/backend/crm/src/main/java/cn/cordys/common/dto/stage/CirculationSetting.java
new file mode 100644
index 0000000..67b5eaa
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/stage/CirculationSetting.java
@@ -0,0 +1,19 @@
+package cn.cordys.common.dto.stage;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class CirculationSetting {
+
+    @Schema(description = "源id")
+    private String originId;
+
+    @Schema(description = "源id对应的行目标ids")
+    private List<Target> targets;
+
+    @Schema(description = "模块类型(order-订单/contract-合同)")
+    private String moduleType;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/stage/StageAddRequest.java b/backend/crm/src/main/java/cn/cordys/common/dto/stage/StageAddRequest.java
new file mode 100644
index 0000000..a310df1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/stage/StageAddRequest.java
@@ -0,0 +1,20 @@
+package cn.cordys.common.dto.stage;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class StageAddRequest {
+
+    @Schema(description = "值")
+    private String name;
+
+    @Schema(description = "类型")
+    private String type;
+
+    @Schema(description = "添加的位置（取值：-1，,1。 -1：源节点之前，1：源节点之后）", requiredMode = Schema.RequiredMode.REQUIRED)
+    private int dropPosition;
+
+    @Schema(description = "源节点")
+    private String targetId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/stage/StageAdvancedConfigRequest.java b/backend/crm/src/main/java/cn/cordys/common/dto/stage/StageAdvancedConfigRequest.java
new file mode 100644
index 0000000..b291a61
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/stage/StageAdvancedConfigRequest.java
@@ -0,0 +1,16 @@
+package cn.cordys.common.dto.stage;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class StageAdvancedConfigRequest {
+
+    @Schema(description = "流转配置类型")
+    private String circulationType;
+
+    @Schema(description = "高级流转设置")
+    private List<CirculationSetting> circulationSettings;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/stage/StageConfigResponse.java b/backend/crm/src/main/java/cn/cordys/common/dto/stage/StageConfigResponse.java
new file mode 100644
index 0000000..f6f9392
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/stage/StageConfigResponse.java
@@ -0,0 +1,32 @@
+package cn.cordys.common.dto.stage;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class StageConfigResponse {
+
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "状态")
+    private String name;
+
+    @Schema(description = "类型")
+    private String type;
+
+    @Schema(description = "进行中回退设置")
+    private Boolean afootRollBack;
+
+    @Schema(description = "完结回退设置")
+    private Boolean endRollBack;
+
+    @Schema(description = "顺序")
+    private Long pos;
+
+    @Schema(description = "当前阶段是否存在数据")
+    private Boolean stageHasData = false;
+
+    @Schema(description = "流转类型")
+    private String circulationType;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/stage/StageConfigsResponse.java b/backend/crm/src/main/java/cn/cordys/common/dto/stage/StageConfigsResponse.java
new file mode 100644
index 0000000..e3dc9c4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/stage/StageConfigsResponse.java
@@ -0,0 +1,25 @@
+package cn.cordys.common.dto.stage;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class StageConfigsResponse {
+
+    @Schema(description = "订单状态流配置列表")
+    List<StageConfigResponse> stageConfigList;
+
+    @Schema(description = "进行中回退设置")
+    private Boolean afootRollBack = true;
+
+    @Schema(description = "完结回退设置")
+    private Boolean endRollBack = false;
+
+    @Schema(description = "流转配置类型")
+    private String circulationType;
+
+    @Schema(description = "高级流转设置")
+    private List<CirculationSetting> advancedConfigs;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/stage/StageRollBackRequest.java b/backend/crm/src/main/java/cn/cordys/common/dto/stage/StageRollBackRequest.java
new file mode 100644
index 0000000..cdc1572
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/stage/StageRollBackRequest.java
@@ -0,0 +1,14 @@
+package cn.cordys.common.dto.stage;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class StageRollBackRequest {
+
+    @Schema(description = "进行中回退设置")
+    private Boolean afootRollBack;
+
+    @Schema(description = "完结回退设置")
+    private Boolean endRollBack;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/stage/StageSortRequest.java b/backend/crm/src/main/java/cn/cordys/common/dto/stage/StageSortRequest.java
new file mode 100644
index 0000000..d1f737d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/stage/StageSortRequest.java
@@ -0,0 +1,21 @@
+package cn.cordys.common.dto.stage;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.crm.system.dto.request.NodeMoveRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class StageSortRequest extends NodeMoveRequest {
+
+    @NotBlank
+    @Schema(description = "阶段", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String stage;
+
+    @Schema(description = "更新字段")
+    private List<BaseModuleFieldValue> fields;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/stage/StageUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/common/dto/stage/StageUpdateRequest.java
new file mode 100644
index 0000000..972f998
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/stage/StageUpdateRequest.java
@@ -0,0 +1,16 @@
+package cn.cordys.common.dto.stage;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class StageUpdateRequest {
+
+    @Schema(description = "id")
+    private String id;
+
+    @Schema(description = "状态名称")
+    private String name;
+
+}
+
diff --git a/backend/crm/src/main/java/cn/cordys/common/dto/stage/Target.java b/backend/crm/src/main/java/cn/cordys/common/dto/stage/Target.java
new file mode 100644
index 0000000..c58e575
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/dto/stage/Target.java
@@ -0,0 +1,19 @@
+package cn.cordys.common.dto.stage;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class Target {
+
+    @Schema(description = "目标id")
+    private String targetId;
+
+    @Schema(description = "是否允许流转")
+    private Boolean enable;
+
+    @Schema(description = "字段配置")
+    private List<CirculationFieldValue> circulationFieldValues;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/handler/BaseTypeHandler.java b/backend/crm/src/main/java/cn/cordys/common/handler/BaseTypeHandler.java
new file mode 100644
index 0000000..9634503
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/handler/BaseTypeHandler.java
@@ -0,0 +1,45 @@
+package cn.cordys.common.handler;
+
+import org.apache.ibatis.type.JdbcType;
+import org.apache.ibatis.type.TypeHandler;
+import org.apache.ibatis.type.TypeReference;
+
+import java.sql.CallableStatement;
+import java.sql.PreparedStatement;
+import java.sql.ResultSet;
+import java.sql.SQLException;
+
+public abstract class BaseTypeHandler<T> extends TypeReference<T> implements TypeHandler<T> {
+
+    @Override
+    public void setParameter(PreparedStatement ps, int i, T parameter, JdbcType jdbcType) throws SQLException {
+        if (parameter == null) {
+            ps.setNull(i, jdbcType.TYPE_CODE);
+        } else {
+            setNonNullParameter(ps, i, parameter, jdbcType);
+        }
+    }
+
+    @Override
+    public T getResult(ResultSet rs, String columnName) throws SQLException {
+        return getNullableResult(rs, columnName);
+    }
+
+    @Override
+    public T getResult(ResultSet rs, int columnIndex) throws SQLException {
+        return getNullableResult(rs, columnIndex);
+    }
+
+    @Override
+    public T getResult(CallableStatement cs, int columnIndex) throws SQLException {
+        return getNullableResult(cs, columnIndex);
+    }
+
+    public abstract void setNonNullParameter(PreparedStatement ps, int i, T parameter, JdbcType jdbcType) throws SQLException;
+
+    public abstract T getNullableResult(ResultSet rs, String columnName) throws SQLException;
+
+    public abstract T getNullableResult(ResultSet rs, int columnIndex) throws SQLException;
+
+    public abstract T getNullableResult(CallableStatement cs, int columnIndex) throws SQLException;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/handler/ListTypeHandler.java b/backend/crm/src/main/java/cn/cordys/common/handler/ListTypeHandler.java
new file mode 100644
index 0000000..c147a8c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/handler/ListTypeHandler.java
@@ -0,0 +1,98 @@
+package cn.cordys.common.handler;
+
+
+import com.fasterxml.jackson.annotation.JsonAutoDetect;
+import com.fasterxml.jackson.annotation.PropertyAccessor;
+import com.fasterxml.jackson.core.JsonParser;
+import com.fasterxml.jackson.core.StreamReadConstraints;
+import com.fasterxml.jackson.core.json.JsonReadFeature;
+import com.fasterxml.jackson.databind.DeserializationFeature;
+import com.fasterxml.jackson.databind.ObjectMapper;
+import com.fasterxml.jackson.databind.SerializationFeature;
+import com.fasterxml.jackson.databind.json.JsonMapper;
+import com.fasterxml.jackson.databind.type.CollectionType;
+import com.fasterxml.jackson.databind.type.TypeFactory;
+import com.fasterxml.jackson.datatype.jsr310.JavaTimeModule;
+import io.micrometer.common.util.StringUtils;
+import org.apache.ibatis.type.JdbcType;
+
+import java.io.IOException;
+import java.sql.CallableStatement;
+import java.sql.PreparedStatement;
+import java.sql.ResultSet;
+import java.sql.SQLException;
+import java.util.ArrayList;
+import java.util.List;
+
+public class ListTypeHandler extends BaseTypeHandler<List<String>> {
+    public static final int DEFAULT_MAX_STRING_LEN = Integer.MAX_VALUE;
+    private static final ObjectMapper objectMapper = JsonMapper.builder()
+            .enable(JsonReadFeature.ALLOW_UNESCAPED_CONTROL_CHARS)
+            .build();
+    private static final TypeFactory typeFactory = objectMapper.getTypeFactory();
+
+    static {
+        objectMapper.configure(DeserializationFeature.FAIL_ON_UNKNOWN_PROPERTIES, false);
+        // 支持json字符中带注释符
+        objectMapper.configure(JsonParser.Feature.ALLOW_COMMENTS, true);
+        // 自动检测所有类的全部属性
+        objectMapper.setVisibility(PropertyAccessor.FIELD, JsonAutoDetect.Visibility.ANY);
+        // 如果一个对象中没有任何的属性，那么在序列化的时候就会报错
+        objectMapper.disable(SerializationFeature.FAIL_ON_EMPTY_BEANS);
+        objectMapper.configure(DeserializationFeature.ACCEPT_SINGLE_VALUE_AS_ARRAY, true);
+        // 设置JSON处理字符长度限制
+        objectMapper.getFactory()
+                .setStreamReadConstraints(StreamReadConstraints.builder().maxStringLength(DEFAULT_MAX_STRING_LEN).build());
+        // 处理时间格式
+        objectMapper.registerModule(new JavaTimeModule());
+
+    }
+
+    public static String toJSONString(Object value) {
+        try {
+            return objectMapper.writeValueAsString(value);
+        } catch (IOException e) {
+            throw new RuntimeException(e);
+        }
+    }
+
+    public static <T> List<T> parseArray(String content, Class<T> valueType) {
+        CollectionType javaType = typeFactory.constructCollectionType(List.class, valueType);
+        try {
+            return objectMapper.readValue(content, javaType);
+        } catch (IOException e) {
+            throw new RuntimeException(e);
+        }
+    }
+
+    @Override
+    public void setNonNullParameter(PreparedStatement ps, int i, List<String> parameter, JdbcType jdbcType) throws SQLException {
+        String d = toJSONString(parameter);
+        ps.setString(i, d);
+    }
+
+    @Override
+    public List<String> getNullableResult(ResultSet rs, String columnName) throws SQLException {
+        String values = rs.getString(columnName);
+        return getResults(values);
+    }
+
+    @Override
+    public List<String> getNullableResult(ResultSet rs, int columnIndex) throws SQLException {
+        String values = rs.getString(columnIndex);
+        return getResults(values);
+    }
+
+    @Override
+    public List<String> getNullableResult(CallableStatement cs, int columnIndex) throws SQLException {
+        String values = cs.getString(columnIndex);
+        return getResults(values);
+    }
+
+    private List<String> getResults(String values) {
+        if (StringUtils.isNotBlank(values)) {
+            return parseArray(values, String.class);
+        }
+        return new ArrayList<>();
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/interceptor/SystemInterceptor.java b/backend/crm/src/main/java/cn/cordys/common/interceptor/SystemInterceptor.java
new file mode 100644
index 0000000..702695b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/interceptor/SystemInterceptor.java
@@ -0,0 +1,51 @@
+package cn.cordys.common.interceptor;
+
+import cn.cordys.common.util.CompressUtils;
+import cn.cordys.config.MybatisInterceptorConfig;
+import cn.cordys.crm.contract.domain.ContractInvoiceSnapshot;
+import cn.cordys.crm.contract.domain.ContractSnapshot;
+import cn.cordys.crm.opportunity.domain.OpportunityQuotationSnapshot;
+import cn.cordys.crm.system.domain.*;
+import org.springframework.context.annotation.Bean;
+import org.springframework.context.annotation.Configuration;
+
+import java.util.ArrayList;
+import java.util.List;
+
+/**
+ * 系统拦截器配置类
+ * <p>
+ * 该类用于配置 MyBatis 的拦截器，特别是字段压缩等功能的配置。
+ * </p>
+ */
+@Configuration
+public class SystemInterceptor {
+
+    /**
+     * 配置系统拦截器列表
+     *
+     * @return 返回 MyBatis 拦截器配置列表，目前支持字段压缩等功能。
+     */
+    @Bean
+    public List<MybatisInterceptorConfig> systemCompressConfigs() {
+        List<MybatisInterceptorConfig> configList = new ArrayList<>();
+
+        configList.add(new MybatisInterceptorConfig(MessageTask.class, "template", CompressUtils.class, "zip", "unzip"));
+        configList.add(new MybatisInterceptorConfig(Announcement.class, "content", CompressUtils.class, "zip", "unzip"));
+        configList.add(new MybatisInterceptorConfig(Announcement.class, "receiver", CompressUtils.class, "zip", "unzip"));
+        configList.add(new MybatisInterceptorConfig(Announcement.class, "receiveType", CompressUtils.class, "zip", "unzip"));
+        configList.add(new MybatisInterceptorConfig(OrganizationConfigDetail.class, "content", CompressUtils.class, "zip", "unzip"));
+        configList.add(new MybatisInterceptorConfig(Notification.class, "content", CompressUtils.class, "zip", "unzip"));
+
+        configList.add(new MybatisInterceptorConfig(OperationLogBlob.class, "originalValue", CompressUtils.class, "zip", "unzip"));
+
+        configList.add(new MybatisInterceptorConfig(OpportunityQuotationSnapshot.class, "quotationProp", CompressUtils.class, "zipString", "unzipString"));
+        configList.add(new MybatisInterceptorConfig(ContractSnapshot.class, "contractProp", CompressUtils.class, "zipString", "unzipString"));
+        configList.add(new MybatisInterceptorConfig(ContractInvoiceSnapshot.class, "invoiceProp", CompressUtils.class, "zipString", "unzipString"));
+
+
+        // 添加自定义拦截器配置，例如压缩和解压缩功能
+        // configList.add(new MybatisInterceptorConfig(TestResourcePoolBlob.class, "configuration", CompressUtils.class, "zip", "unzip"));
+        return configList;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/interceptor/UserDesensitizationInterceptor.java b/backend/crm/src/main/java/cn/cordys/common/interceptor/UserDesensitizationInterceptor.java
new file mode 100644
index 0000000..cca4f7b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/interceptor/UserDesensitizationInterceptor.java
@@ -0,0 +1,87 @@
+package cn.cordys.common.interceptor;
+
+import cn.cordys.crm.system.domain.User;
+import org.apache.ibatis.cache.CacheKey;
+import org.apache.ibatis.executor.Executor;
+import org.apache.ibatis.mapping.BoundSql;
+import org.apache.ibatis.mapping.MappedStatement;
+import org.apache.ibatis.plugin.*;
+import org.apache.ibatis.session.ResultHandler;
+import org.apache.ibatis.session.RowBounds;
+
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Properties;
+
+/**
+ * 用户密码字段脱敏的拦截器。
+ * 该拦截器会在查询结果中去除 User 对象的密码字段，以避免敏感信息泄露。
+ */
+@Intercepts({
+        @Signature(type = Executor.class, method = "query", args = {MappedStatement.class, Object.class, RowBounds.class, ResultHandler.class}),
+        @Signature(type = Executor.class, method = "query", args = {MappedStatement.class, Object.class, RowBounds.class, ResultHandler.class, CacheKey.class, BoundSql.class}),
+})
+public class UserDesensitizationInterceptor implements Interceptor {
+
+    /**
+     * 拦截 query 方法，脱敏 User 对象中的密码字段。
+     *
+     * @param invocation 方法调用对象
+     *
+     * @return 脱敏后的结果
+     *
+     * @throws Throwable 如果执行方法时发生错误
+     */
+    @Override
+    public Object intercept(Invocation invocation) throws Throwable {
+        // 执行原始方法
+        Object returnValue = invocation.proceed();
+
+        // 如果返回值是 List 类型，处理其中的每个元素
+        if (returnValue instanceof List<?>) {
+            List<Object> list = new ArrayList<>();
+            boolean isDecrypted = false;
+
+            for (Object val : (List<?>) returnValue) {
+                if (val instanceof User) {
+                    isDecrypted = true;
+                    // 将密码字段置为 null，进行脱敏处理
+                    ((User) val).setPassword(null);
+                }
+                list.add(val);
+            }
+
+            // 如果有任何脱敏操作，则返回修改后的列表，否则返回原始结果
+            return isDecrypted ? list : returnValue;
+        }
+
+        // 如果返回值是单个 User 对象，脱敏其密码字段
+        if (returnValue instanceof User) {
+            ((User) returnValue).setPassword(null);
+        }
+
+        return returnValue;
+    }
+
+    /**
+     * 将目标对象包装成拦截器对象。
+     *
+     * @param target 需要包装的目标对象
+     *
+     * @return 包装后的目标对象
+     */
+    @Override
+    public Object plugin(Object target) {
+        return Plugin.wrap(target, this);
+    }
+
+    /**
+     * 设置拦截器的属性。
+     *
+     * @param properties 拦截器的属性
+     */
+    @Override
+    public void setProperties(Properties properties) {
+        // 本拦截器不需要设置属性
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/mapper/CommonMapper.java b/backend/crm/src/main/java/cn/cordys/common/mapper/CommonMapper.java
new file mode 100644
index 0000000..b21c0d7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/mapper/CommonMapper.java
@@ -0,0 +1,61 @@
+package cn.cordys.common.mapper;
+
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface CommonMapper {
+    boolean checkAddExist(@Param("tableName") String tableName,
+                          @Param("fieldName") String fieldName,
+                          @Param("fieldValue") String fieldValue,
+                          @Param("orgId") String orgId);
+
+    boolean checkUpdateExist(@Param("tableName") String tableName,
+                             @Param("fieldName") String fieldName,
+                             @Param("fieldValue") String fieldValue,
+                             @Param("orgId") String orgId,
+                             @Param("excludeIds") List<String> excludeIds);
+
+    /**
+     * 获取表属性值集合
+     *
+     * @param tableName 表
+     * @param fieldName 值
+     * @param orgId     组织ID
+     *
+     * @return 值集合
+     */
+    List<String> getCheckValList(@Param("tableName") String tableName,
+                                 @Param("fieldName") String fieldName, @Param("orgId") String orgId);
+
+    /**
+     * 校验字段值是否重复
+     *
+     * @param dataTable  数据表
+     * @param fieldTable 字段表
+     * @param fieldId    字段ID
+     * @param fieldValue 字段值
+     * @param orgId      组织ID
+     *
+     * @return 是否重复
+     */
+    String checkFieldRepeatName(@Param("dataTable") String dataTable, @Param("fieldTable") String fieldTable,
+                                @Param("fieldId") String fieldId, @Param("fieldValue") String fieldValue, @Param("orgId") String orgId);
+
+    List<String> getCheckFieldValList(@Param("dataTable") String dataTable, @Param("fieldTable") String fieldTable,
+                                      @Param("fieldId") String fieldId, @Param("orgId") String orgId);
+
+    /**
+     * 校验业务字段是否重复
+     *
+     * @param dataTable    数据表
+     * @param businessName 业务字段名
+     * @param value        值
+     * @param orgId        组织ID
+     *
+     * @return 是否重复
+     */
+    String checkInternalRepeatName(@Param("dataTable") String dataTable, @Param("businessName") String businessName,
+                                   @Param("value") String value, @Param("orgId") String orgId);
+}
+
diff --git a/backend/crm/src/main/java/cn/cordys/common/mapper/CommonMapper.xml b/backend/crm/src/main/java/cn/cordys/common/mapper/CommonMapper.xml
new file mode 100644
index 0000000..d8407a0
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/mapper/CommonMapper.xml
@@ -0,0 +1,598 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="cn.cordys.common.mapper.CommonMapper">
+
+    <sql id="moduleFieldCondition">
+        <choose>
+            <when test="condition.multipleValue != null and condition.multipleValue">
+                <include refid="cn.cordys.common.mapper.CommonMapper.arrayValueCondition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="${column}"/>
+                </include>
+            </when>
+            <otherwise>
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="${column}"/>
+                </include>
+            </otherwise>
+        </choose>
+    </sql>
+
+    <sql id="arrayValueCondition">
+        <trim prefix="(" suffix=")">
+            <choose>
+                <!-- JSON_OVERLAPS 处理数组匹配 -->
+                <when test="${condition}.operator == 'CONTAINS'">
+                    <if test="${condition}.type == 'LINK'">
+                        ${column} like CONCAT('%', #{condition.value},'%')
+                    </if>
+                    <if test="${condition}.type != 'LINK'">
+                        JSON_OVERLAPS(${column}, JSON_ARRAY(
+                        <foreach collection="${condition}.value" item="valueItem" separator=",">
+                            #{valueItem}
+                        </foreach>))
+                    </if>
+                </when>
+
+                <when test="${condition}.operator == 'NOT_CONTAINS'">
+                    <if test="${condition}.type == 'LINK'">
+                        ${column} not like CONCAT('%', #{condition.value},'%')
+                        or ${column} is null
+                    </if>
+                    <if test="${condition}.type != 'LINK'">
+                        ${column} is null or ${column} = '[]' or
+                        NOT JSON_OVERLAPS(${column}, JSON_ARRAY(
+                        <foreach collection="${condition}.value" item="valueItem" separator=",">
+                            #{valueItem}
+                        </foreach>))
+                    </if>
+                </when>
+
+                <when test="${condition}.operator == 'IN'">
+                    JSON_OVERLAPS(${column}, JSON_ARRAY(
+                    <foreach collection="${condition}.value" item="tag" separator=",">
+                        #{tag}
+                    </foreach>))
+                </when>
+
+                <when test="${condition}.operator == 'NOT_IN'">
+                    ${column} is null or ${column} = '[]' or
+                    NOT JSON_OVERLAPS(${column}, JSON_ARRAY(
+                    <foreach collection="${condition}.value" item="tag" separator=",">
+                        #{tag}
+                    </foreach>))
+                </when>
+
+                <!-- COUNT_GT 和 COUNT_LT -->
+                <when test="${condition}.operator == 'COUNT_GT'">
+                    JSON_LENGTH(${column}) &gt; #{condition.value}
+                </when>
+
+                <when test="${condition}.operator == 'COUNT_LT'">
+                    <choose>
+                        <when test="${condition}.value == 0">
+                            false
+                        </when>
+                        <otherwise>
+                            (JSON_LENGTH(${column}) &lt; #{condition.value} OR ${column} is null OR ${column} = '[]')
+                        </otherwise>
+                    </choose>
+                </when>
+
+                <!-- EMPTY / NOT_EMPTY -->
+                <when test="${condition}.operator == 'EMPTY'">
+                    (${column} IS NULL OR ${column} = '[]')
+                </when>
+
+                <when test="${condition}.operator == 'NOT_EMPTY'">
+                    (${column} IS NOT NULL AND ${column} != '[]')
+                </when>
+
+                <when test="${condition}.operator == 'EQUALS'">
+                    ${column} = #{condition.value}
+                </when>
+                <when test="${condition}.operator == 'NOT_EQUALS'">
+                    ${column} != #{condition.value}
+                    or ${column} is null
+                </when>
+
+            </choose>
+        </trim>
+    </sql>
+
+    <sql id="condition">
+        <trim prefix="(" suffix=")">
+            <choose>
+                <when test="${condition}.refMainTableName == 'business_title' and ${condition}.name == 'company_number'">
+                    <if test="condition.operator == 'CONTAINS'">
+                        CONCAT('CO.NO.', LPAD(${column}, 8, '0'))
+                        LIKE CONCAT('%', #{condition.value}, '%')
+                    </if>
+                    <if test="condition.operator == 'NOT_CONTAINS'">
+                        CONCAT('CO.NO.', LPAD(${column}, 8, '0'))
+                        NOT LIKE CONCAT('%', #{condition.value}, '%')
+                        or combine_0.company_number is null
+                    </if>
+                    <if test="condition.operator == 'EMPTY'">
+                        ${column} IS NULL OR ${column} = ''
+                    </if>
+                    <if test="condition.operator == 'NOT_EMPTY'">
+                        ${column} IS NOT NULL AND ${column} != ''
+                    </if>
+                    <if test="condition.operator == 'EQUALS'">
+                        CONCAT('CO.NO.', LPAD(${column}, 8, '0')) = #{condition.value}
+                    </if>
+                    <if test="condition.operator == 'NOT_EQUALS'">
+                        CONCAT('CO.NO.', LPAD(${column}, 8, '0')) != #{condition.value}
+                        or ${column} is null
+                    </if>
+                </when>
+                <otherwise>
+                    <choose>
+                        <when test="${condition}.operator == 'CONTAINS'">
+                            <foreach collection="${condition}.value.split(' ')" item="item" separator="and">
+                                ${column} like CONCAT('%', #{item},'%')
+                            </foreach>
+                        </when>
+                        <when test="${condition}.operator == 'NOT_CONTAINS'">
+                            <foreach collection="${condition}.value.split(' ')" item="item" separator="and">
+                                ${column} not like CONCAT('%', #{item},'%')
+                                or ${column} is null
+                            </foreach>
+                        </when>
+                        <when test="${condition}.operator == 'IN'">
+                            <choose>
+                                <when test="${condition}.type != null and ${condition}.type == 'LOCATION'">
+                                    <foreach collection="${condition}.value" item="v" open="(" separator=" OR "
+                                             close=")">
+                                        <if test="v == 'CHN'">
+                                            ${column} REGEXP '^[0-9]{6}(-.*)?$' or ${column} = 'CHN-'
+                                        </if>
+                                        <if test="v != 'CHN'">
+                                            <if test="'${column}' == 'value'">
+                                                `value`
+                                            </if>
+                                            <if test="'${column}' != 'value'">
+                                                ${column}
+                                            </if>
+                                            LIKE CONCAT(#{v}, '%')
+                                        </if>
+                                    </foreach>
+                                </when>
+                                <otherwise>
+                                    <if test="'${column}' == 'value'">
+                                        `value`
+                                    </if>
+                                    <if test="'${column}' != 'value'">
+                                        ${column}
+                                    </if>
+                                    in
+                                    <foreach collection="${condition}.value" item="v" separator="," open="(" close=")">
+                                        #{v}
+                                    </foreach>
+                                </otherwise>
+                            </choose>
+                        </when>
+                        <when test="${condition}.operator == 'NOT_IN'">
+                            <choose>
+                                <when test="${condition}.type != null and ${condition}.type == 'LOCATION'">
+                                    (!(
+                                    <foreach collection="${condition}.value" item="v" open="(" separator=" OR "
+                                             close=")">
+                                        <if test="v == 'CHN'">
+                                            ${column} REGEXP '^[0-9]{6}(-.*)?$'
+                                        </if>
+                                        <if test="v != 'CHN'">
+                                            <if test="'${column}' == 'value'">
+                                                `value`
+                                            </if>
+                                            <if test="'${column}' != 'value'">
+                                                ${column}
+                                            </if>
+                                            LIKE CONCAT(#{v}, '%')
+                                        </if>
+                                    </foreach>
+                                    )
+                                    <foreach collection="${condition}.value" item="v">
+                                        <if test="v == 'CHN'">
+                                            AND ${column} != 'CHN-'
+                                        </if>
+                                    </foreach>
+                                    )
+                                    or ${column} is null
+                                </when>
+                                <otherwise>
+                                    !(
+                                    <if test="'${column}' == 'value'">
+                                        `value`
+                                    </if>
+                                    <if test="'${column}' != 'value'">
+                                        ${column}
+                                    </if>
+                                    in
+                                    <foreach collection="${condition}.value" item="v" separator="," open="(" close=")">
+                                        #{v}
+                                    </foreach>
+                                    )
+                                    or ${column} is null
+                                </otherwise>
+                            </choose>
+                        </when>
+                        <when test="${condition}.operator == 'BETWEEN' || ${condition}.operator == 'DYNAMICS'">
+                            ${column} between #{condition.value[0]} and #{condition.value[1]}
+                        </when>
+                        <when test="${condition}.operator == 'GT'">
+                            ${column} is not null and ${column} &gt; #{condition.value}
+                        </when>
+                        <when test="${condition}.operator == 'LT'">
+                            ${column} is not null and ${column} &lt; #{condition.value}
+                        </when>
+                        <when test="${condition}.operator == 'GE'">
+                            ${column} is not null and ${column} &gt;= #{condition.value}
+                        </when>
+                        <when test="${condition}.operator == 'LE'">
+                            ${column} is not null and ${column} &lt;= #{condition.value}
+                        </when>
+                        <when test="${condition}.operator == 'EMPTY'">
+                            ${column} is null or ${column} = ''
+                        </when>
+                        <when test="${condition}.operator == 'NOT_EMPTY'">
+                            ${column} is not null and ${column} != ''
+                        </when>
+                        <when test="${condition}.operator == 'EQUALS'">
+                            ${column} = #{condition.value}
+                        </when>
+                        <when test="${condition}.operator == 'NOT_EQUALS'">
+                            ${column} != #{condition.value}
+                            or ${column} is null
+                        </when>
+                    </choose>
+                </otherwise>
+            </choose>
+
+
+        </trim>
+    </sql>
+
+
+
+    <sql id="dataSourceCondition">
+        <trim prefix="(" suffix=")">
+            <choose>
+                <when test="${condition}.operator == 'IN'">
+                    ${column} in (
+                    <foreach collection="${condition}.value" item="valueItem" separator=",">
+                        #{valueItem}
+                    </foreach>)
+                </when>
+
+                <when test="${condition}.operator == 'NOT_IN'">
+                    ${column} NOT IN (
+                    <foreach collection="${condition}.value" item="valueItem" separator=",">
+                        #{valueItem}
+                    </foreach>)
+                    OR ${column} IS NULL
+                </when>
+
+                <!-- EMPTY / NOT_EMPTY -->
+                <when test="${condition}.operator == 'EMPTY'">
+                    (${column} IS NULL OR ${column} = '')
+                </when>
+
+                <when test="${condition}.operator == 'NOT_EMPTY'">
+                    (${column} IS NOT NULL AND ${column} != '')
+                </when>
+
+            </choose>
+        </trim>
+    </sql>
+
+    <sql id="searchMode">
+        <choose>
+            <when test="${searchMode} == 'AND'">
+                AND
+            </when>
+            <when test="${searchMode} == 'OR'">
+                OR
+            </when>
+        </choose>
+    </sql>
+
+    <sql id="filterInWrapper">
+        <foreach collection="values" item="value" separator="," open="(" close=")">
+            #{value}
+        </foreach>
+    </sql>
+
+    <sql id="filterMultipleWrapper">
+        JSON_OVERLAPS(${column},
+        <choose>
+            <when test="values != null and values.size() > 1">
+                JSON_ARRAY(
+                <foreach collection="values" item="value" separator=",">
+                    CAST(#{value} AS SIGNED)
+                </foreach>)
+            </when>
+            <otherwise>
+                JSON_ARRAY(CAST(#{values[0]} AS SIGNED))
+            </otherwise>
+        </choose>)
+    </sql>
+
+    <sql id="sort">
+        <choose>
+            <when test="${sort} != null and ${sort}.valid()">
+                <bind name="sortName" value="${sort}.name"/>
+                <bind name="sortType" value="${sort}.type"/>
+                order by
+                <choose>
+                    <when test="'${prefix}' != null and '${prefix}' != ''">
+                        ${prefix}.${sortName} ${sortType}
+                    </when>
+                    <otherwise>
+                        ${sortName} ${sortType}
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                <if test="'${defaultSort}' != null and '${defaultSort}' != ''">
+                    order by
+                    <choose>
+                        <when test="'${prefix}' != null and '${prefix}' != ''">
+                            ${prefix}.${defaultSort}
+                        </when>
+                        <otherwise>
+                            ${defaultSort}
+                        </otherwise>
+                    </choose>
+                </if>
+            </otherwise>
+        </choose>
+    </sql>
+    <select id="checkAddExist" resultType="java.lang.Boolean">
+        select count(1)
+        from `${tableName}`
+        where `${fieldName}` = #{fieldValue} and organization_id = #{orgId}
+        <if test="tableName == 'clue'">
+            and (transition_type != 'CUSTOMER' or transition_type is null)
+        </if>
+        limit 1
+    </select>
+    <select id="checkUpdateExist" resultType="java.lang.Boolean">
+        select count(1)
+        from `${tableName}`
+        where `${fieldName}` = #{fieldValue} and organization_id = #{orgId} and id not in
+        <foreach collection="excludeIds" item="id" separator="," open="(" close=")">
+            #{id}
+        </foreach>
+        <if test="tableName == 'clue'">
+            and (transition_type != 'CUSTOMER' or transition_type is null)
+        </if>
+        limit 1
+    </select>
+
+    <select id="getCheckValList" resultType="java.lang.String">
+        select `${fieldName}`
+        from `${tableName}` t
+        where organization_id = #{orgId}
+        <if test="tableName == 'clue'">
+            and (t.transition_type != 'CUSTOMER' or t.transition_type is null) and t.in_shared_pool = false
+        </if>
+    </select>
+
+    <select id="checkFieldRepeatName" resultType="java.lang.String">
+        select d.name from `${fieldTable}` f join `${dataTable}` d on f.resource_id = d.id
+        where f.field_id = #{fieldId} and f.field_value = #{fieldValue} and d.organization_id = #{orgId}
+        <if test="dataTable == 'clue'">
+            and (d.transition_type != 'CUSTOMER' or d.transition_type is null)
+        </if>
+        limit 1
+    </select>
+
+    <select id="getCheckFieldValList" resultType="java.lang.String">
+        select f.field_value from `${fieldTable}` f join `${dataTable}` d on f.resource_id = d.id
+        where f.field_id = #{fieldId} and d.organization_id = #{orgId}
+        <if test="dataTable == 'clue'">
+            and (d.transition_type != 'CUSTOMER' or d.transition_type is null)
+        </if>
+    </select>
+
+    <select id="checkInternalRepeatName" resultType="java.lang.String">
+        select d.name from `${dataTable}` d
+        where d.`${businessName}` = #{value} and d.organization_id = #{orgId}
+        <if test="dataTable == 'clue'">
+            and (d.transition_type != 'CUSTOMER' or d.transition_type is null)
+        </if>
+        limit 1
+    </select>
+
+    <sql id="chartSelect">
+        <if test="request.categoryAxisParam.businessField">
+            <if test="request.categoryAxisParam.blob">
+                categoryAxis_multiple.id
+            </if>
+            <if test="!request.categoryAxisParam.blob">
+                <if test="request.categoryAxisParam.businessFieldName == 'department_id'">
+                    categoryAxis.department_id
+                </if>
+                <if test="request.categoryAxisParam.businessFieldName != 'department_id'">
+                    ${mainTable}.${request.categoryAxisParam.businessFieldName}
+                </if>
+            </if>
+        </if>
+        <if test="!request.categoryAxisParam.businessField">
+            <if test="request.categoryAxisParam.blob">
+                categoryAxis_multiple.id
+            </if>
+            <if test="!request.categoryAxisParam.blob">
+                categoryAxis.field_value
+            </if>
+        </if>
+        as categoryAxis,
+
+        <if test="request.subCategoryAxisParam != null">
+            <if test="request.subCategoryAxisParam.businessField">
+                <if test="request.subCategoryAxisParam.blob">
+                    subCategoryAxis_multiple.id
+                </if>
+                <if test="!request.subCategoryAxisParam.blob">
+                    <if test="request.subCategoryAxisParam.businessFieldName == 'department_id'">
+                        subCategoryAxis.department_id
+                    </if>
+                    <if test="request.subCategoryAxisParam.businessFieldName != 'department_id'">
+                        ${mainTable}.${request.subCategoryAxisParam.businessFieldName}
+                    </if>
+                </if>
+            </if>
+            <if test="!request.subCategoryAxisParam.businessField">
+                <if test="request.subCategoryAxisParam.blob">
+                    subCategoryAxis_multiple.id
+                </if>
+                <if test="!request.subCategoryAxisParam.blob">
+                    subCategoryAxis.field_value
+                </if>
+            </if>
+            as subCategoryAxis,
+        </if>
+
+        ${request.valueAxisParam.aggregateMethod}(
+            <if test="request.valueAxisParam.aggregateMethod == 'COUNT'">
+             1
+            </if>
+            <if test="request.valueAxisParam.aggregateMethod != 'COUNT'">
+                <if test="request.valueAxisParam.businessField">
+                    ${mainTable}.${request.valueAxisParam.businessFieldName}
+                </if>
+                <if test="!request.valueAxisParam.businessField">
+                    valueAxis.field_value
+                </if>
+            </if>
+        ) as valueAxis
+    </sql>
+
+    <sql id="chartGroupBy">
+        group by
+        <if test="request.categoryAxisParam.businessField">
+            <if test="request.categoryAxisParam.blob">
+                categoryAxis_multiple.id
+            </if>
+            <if test="!request.categoryAxisParam.blob">
+                <if test="request.categoryAxisParam.businessFieldName == 'department_id'">
+                    categoryAxis.department_id
+                </if>
+                <if test="request.categoryAxisParam.businessFieldName != 'department_id'">
+                    ${mainTable}.${request.categoryAxisParam.businessFieldName}
+                </if>
+            </if>
+        </if>
+        <if test="!request.categoryAxisParam.businessField">
+            <if test="request.categoryAxisParam.blob">
+                categoryAxis_multiple.id
+            </if>
+            <if test="!request.categoryAxisParam.blob">
+                categoryAxis.field_value
+            </if>
+        </if>
+        <if test="request.subCategoryAxisParam != null">
+            ,
+            <if test="request.subCategoryAxisParam.businessField">
+                <if test="request.categoryAxisParam.blob">
+                    subCategoryAxis_multiple.id
+                </if>
+                <if test="!request.categoryAxisParam.blob">
+                    <if test="request.subCategoryAxisParam.businessFieldName == 'department_id'">
+                        subCategoryAxis.department_id
+                    </if>
+                    <if test="request.subCategoryAxisParam.businessFieldName != 'department_id'">
+                        ${mainTable}.${request.subCategoryAxisParam.businessFieldName}
+                    </if>
+                </if>
+
+            </if>
+            <if test="!request.subCategoryAxisParam.businessField">
+                <if test="request.categoryAxisParam.blob">
+                    subCategoryAxis_multiple.id
+                </if>
+                <if test="!request.categoryAxisParam.blob">
+                    subCategoryAxis.field_value
+                </if>
+            </if>
+        </if>
+        limit 500
+    </sql>
+
+    <sql id="chartAxisJoin">
+        <if test="${axisParam}.businessField and ${axisParam}.businessFieldName == 'products'">
+            left join JSON_TABLE(
+                ${mainTablePrefix}.products,
+                    '$[*]' COLUMNS (
+                    id VARCHAR(50) PATH '$'
+                )
+            ) AS ${tablePrefix}_multiple on true
+        </if>
+        <if test="!${axisParam}.businessField and ${axisParam}.fieldId != null and ${axisParam}.fieldId != ''">
+            <if test="${axisParam}.blob">
+                left join ${mainTable}_field_blob ${tablePrefix}
+                on ${mainTablePrefix}.id = ${tablePrefix}.resource_id and ${tablePrefix}.field_id = #{${axisParam}.fieldId}
+                left join JSON_TABLE(
+                    ${tablePrefix}.field_value,
+                    '$[*]' COLUMNS (
+                        id VARCHAR(50) PATH '$'
+                    )
+                ) AS ${tablePrefix}_multiple on true
+            </if>
+            <if test="!${axisParam}.blob">
+                left join ${mainTable}_field ${tablePrefix}
+                on ${mainTablePrefix}.id = ${tablePrefix}.resource_id and ${tablePrefix}.field_id = #{${axisParam}.fieldId}
+            </if>
+        </if>
+        <if test="${axisParam}.businessFieldName == 'department_id'">
+            left join sys_organization_user ${tablePrefix}
+            on ${tablePrefix}.user_id = ${mainTablePrefix}.owner
+        </if>
+    </sql>
+    
+    <sql id="refFieldConditionJoin">
+        <if test="!condition.refMainCustomField">
+            <if test="!condition.customField">
+                left join ${condition.refMainTableName} ${fieldTable}
+                on ${mainTableAlias}.${condition.refMainFieldName} = ${fieldTable}.id
+            </if>
+            <if test="condition.customField">
+                left join ${condition.refMainTableName} ${fieldTable}_main
+                on ${mainTableAlias}.${condition.refMainFieldName} = ${fieldTable}_main.id
+                left join
+                <if test="condition.blob">
+                    ${condition.refMainTableName}_field_blob
+                </if>
+                <if test="!condition.blob">
+                    ${condition.refMainTableName}_field
+                </if>
+                ${fieldTable}
+                on ${fieldTable}_main.id = ${fieldTable}.resource_id and ${fieldTable}.field_id = #{condition.name}
+            </if>
+        </if>
+        <if test="condition.refMainCustomField">
+            left join ${mainTable}_field ${fieldTable}_custom
+            on ${mainTableAlias}.id = ${fieldTable}_custom.resource_id and ${fieldTable}_custom.field_id = #{condition.refMainFieldName}
+            <if test="!condition.customField">
+                left join ${condition.refMainTableName} ${fieldTable}
+                on ${fieldTable}_custom.field_value = ${fieldTable}.id
+            </if>
+            <if test="condition.customField">
+                left join ${condition.refMainTableName} ${fieldTable}_main
+                on ${fieldTable}_custom.field_value = ${fieldTable}_main.id
+                left join
+                <if test="condition.blob">
+                    ${condition.refMainTableName}_field_blob
+                </if>
+                <if test="!condition.blob">
+                    ${condition.refMainTableName}_field
+                </if>
+                ${fieldTable}
+                on ${fieldTable}_main.id = ${fieldTable}.resource_id and ${fieldTable}.field_id = #{condition.name}
+            </if>
+        </if>
+    </sql>
+</mapper>
diff --git a/backend/crm/src/main/java/cn/cordys/common/permission/CsBatchPermission.java b/backend/crm/src/main/java/cn/cordys/common/permission/CsBatchPermission.java
new file mode 100644
index 0000000..a81a942
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/permission/CsBatchPermission.java
@@ -0,0 +1,33 @@
+package cn.cordys.common.permission;
+
+import java.lang.annotation.ElementType;
+import java.lang.annotation.Retention;
+import java.lang.annotation.RetentionPolicy;
+import java.lang.annotation.Target;
+
+/**
+ * 批量操作权限校验注解
+ * <p>
+ * 仅校验角色权限位和数据权限，不校验待办和审批状态权限
+ * 状态权限业务代理里有校验，待办没有批量操作
+ */
+@Target({ElementType.METHOD})
+@Retention(RetentionPolicy.RUNTIME)
+public @interface CsBatchPermission {
+
+    /**
+     * 权限码，如 "ORDER:UPDATE"
+     */
+    String value();
+
+    /**
+     * 资源ID的SpEL表达式，支持解析为单个ID或List<String>
+     * 为空时仅校验角色权限位
+     */
+    String resourceId() default "";
+
+    /**
+     * 表单类型，如 "order"，用于数据权限校验
+     */
+    String formType() default "";
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/permission/CsPermission.java b/backend/crm/src/main/java/cn/cordys/common/permission/CsPermission.java
new file mode 100644
index 0000000..a176b0b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/permission/CsPermission.java
@@ -0,0 +1,38 @@
+package cn.cordys.common.permission;
+
+import java.lang.annotation.ElementType;
+import java.lang.annotation.Retention;
+import java.lang.annotation.RetentionPolicy;
+import java.lang.annotation.Target;
+
+/**
+ * 自定义权限校验注解
+ * 该注解可以替换 @RequiresPermissions，支持更复杂的权限校验逻辑，包括资源ID和审批状态权限。
+ * 注：该注解不支持校验多个权限码，多个请使用 @RequiresPermissions 注解。
+ * <p>
+ * 四个判断依据：当前资源是你待办的资源 or (角色的权限位 && 角色的数据权限 && 审批流的状态权限)
+ * <p>
+ * 当 resourceId 为空时，仅校验角色权限位；
+ * 指定 resourceId 时，若 approvalTaskId 不为空，则校验审批状态权限；否则校order验(角色的权限位 && 角色的数据权限 && 审批流的状态权限)。
+ */
+@Target({ElementType.METHOD})
+@Retention(RetentionPolicy.RUNTIME)
+public @interface CsPermission {
+
+    /**
+     * 权限码，如 "ORDER:READ"
+     */
+    String value();
+
+    /**
+     * 资源ID的SpEL表达式，如 "{#id}" 或 "{#request.id}"
+     * 为空时仅校验角色权限位
+     */
+    String resourceId() default "";
+
+    /**
+     * 表单类型，如 "order"，用于审批状态权限校验
+     * 为空时跳过审批状态权限校验
+     */
+    String formType() default "";
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/permission/CsPermissionAspect.java b/backend/crm/src/main/java/cn/cordys/common/permission/CsPermissionAspect.java
new file mode 100644
index 0000000..87927c2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/permission/CsPermissionAspect.java
@@ -0,0 +1,159 @@
+package cn.cordys.common.permission;
+
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.security.SessionUtils;
+import jakarta.annotation.Resource;
+import org.aspectj.lang.JoinPoint;
+import org.aspectj.lang.annotation.Aspect;
+import org.aspectj.lang.annotation.Before;
+import org.aspectj.lang.reflect.MethodSignature;
+import org.springframework.core.StandardReflectionParameterNameDiscoverer;
+import org.springframework.expression.EvaluationContext;
+import org.springframework.expression.ExpressionParser;
+import org.springframework.expression.spel.standard.SpelExpressionParser;
+import org.springframework.expression.spel.support.StandardEvaluationContext;
+import org.springframework.stereotype.Component;
+
+import java.lang.reflect.Method;
+import java.util.List;
+import java.util.Objects;
+
+/**
+ * @CsPermission 注解切面
+ * <p>
+ * 拦截标注了 @CsPermission 的方法，执行权限校验
+ */
+@Aspect
+@Component
+public class CsPermissionAspect {
+
+    private final ExpressionParser parser = new SpelExpressionParser();
+    private final StandardReflectionParameterNameDiscoverer discoverer = new StandardReflectionParameterNameDiscoverer();
+
+    @Resource
+    private ResourcePermissionService resourcePermissionService;
+
+
+    @Before("@annotation(cn.cordys.common.permission.CsPermission)")
+    public void checkPermission(JoinPoint joinPoint) {
+        MethodSignature signature = (MethodSignature) joinPoint.getSignature();
+        Method method = signature.getMethod();
+        CsPermission annotation = method.getAnnotation(CsPermission.class);
+        if (annotation == null) {
+            return;
+        }
+
+        String permission = annotation.value();
+        String resourceIdExpr = annotation.resourceId();
+
+        if (resourceIdExpr.isEmpty()) {
+            // 仅校验角色权限位
+            resourcePermissionService.checkPermission(permission);
+        } else {
+            String formType = annotation.formType();
+            String userId = SessionUtils.getUserId();
+            String orgId = OrganizationContext.getOrganizationId();
+            // 从方法参数中解析资源ID
+            String resourceId = resolveResourceId(method, joinPoint.getArgs(), resourceIdExpr);
+            // 校验 (1 && 2 && 3)
+            resourcePermissionService.checkResourcePermission(permission, resourceId, formType, userId, orgId);
+        }
+    }
+
+    /**
+     * 从方法参数中解析资源ID（支持SpEL表达式）
+     */
+    private String resolveResourceId(Method method, Object[] args, String expression) {
+        String[] params = discoverer.getParameterNames(method);
+        if (params == null || args == null) {
+            return null;
+        }
+
+        EvaluationContext context = new StandardEvaluationContext();
+        for (int i = 0; i < params.length; i++) {
+            context.setVariable(params[i], args[i]);
+        }
+
+        try {
+            var exp = parser.parseExpression(expression);
+            Object value = exp.getValue(context, Object.class);
+            if (value == null) {
+                return null;
+            }
+            if (value instanceof List<?> list) {
+                return list.isEmpty() ? null : list.getFirst().toString();
+            }
+            return value.toString();
+        } catch (Exception e) {
+            return null;
+        }
+    }
+
+    /**
+     * 批量操作权限校验：仅校验角色权限位 + 数据权限，不校验待办和审批状态权限
+     */
+    @Before("@annotation(cn.cordys.common.permission.CsBatchPermission)")
+    public void checkBatchPermission(JoinPoint joinPoint) {
+        MethodSignature signature = (MethodSignature) joinPoint.getSignature();
+        Method method = signature.getMethod();
+        CsBatchPermission annotation = method.getAnnotation(CsBatchPermission.class);
+        if (annotation == null) {
+            return;
+        }
+
+        String permission = annotation.value();
+        String resourceIdExpr = annotation.resourceId();
+        String formType = annotation.formType();
+        String userId = SessionUtils.getUserId();
+        String orgId = OrganizationContext.getOrganizationId();
+
+        if (resourceIdExpr.isEmpty()) {
+            resourcePermissionService.checkPermission(permission);
+        } else {
+            List<String> resourceIds = resolveResourceIds(method, joinPoint.getArgs(), resourceIdExpr);
+            resourcePermissionService.checkBatchResourcePermission(permission, resourceIds, formType, userId, orgId);
+        }
+    }
+
+    /**
+     * 从方法参数中解析资源ID列表（支持SpEL表达式，结果为List<String>）
+     * <p>
+     * SpEL {expr} 会将结果包一层 list，如 {#request.ids} 中 ids 为 List 时，
+     * 结果为 List<List<String>>，需要展平内层
+     */
+    private List<String> resolveResourceIds(Method method, Object[] args, String expression) {
+        String[] params = discoverer.getParameterNames(method);
+        if (params == null || args == null) {
+            return List.of();
+        }
+
+        EvaluationContext context = new StandardEvaluationContext();
+        for (int i = 0; i < params.length; i++) {
+            context.setVariable(params[i], args[i]);
+        }
+
+        try {
+            var exp = parser.parseExpression(expression);
+            Object value = exp.getValue(context, Object.class);
+            if (value == null) {
+                return List.of();
+            }
+            if (value instanceof List<?> list) {
+                // SpEL {expr} 包了一层 list，如果唯一元素也是 list，则展平
+                if (list.size() == 1 && list.getFirst() instanceof List<?> inner) {
+                    return inner.stream()
+                            .filter(Objects::nonNull)
+                            .map(Object::toString)
+                            .toList();
+                }
+                return list.stream()
+                        .filter(Objects::nonNull)
+                        .map(Object::toString)
+                        .toList();
+            }
+            return List.of(value.toString());
+        } catch (Exception e) {
+            return List.of();
+        }
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/permission/Permission.java b/backend/crm/src/main/java/cn/cordys/common/permission/Permission.java
new file mode 100644
index 0000000..cccd53f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/permission/Permission.java
@@ -0,0 +1,29 @@
+package cn.cordys.common.permission;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.io.Serial;
+import java.io.Serializable;
+
+/**
+ * 权限信息
+ *
+ * @author jianxing
+ */
+@Data
+@Schema(description = "权限信息")
+public class Permission implements Serializable {
+
+    @Serial
+    private static final long serialVersionUID = 1L;
+
+    @Schema(description = "权限ID")
+    private String id;
+    @Schema(description = "权限名称")
+    private String name;
+    @Schema(description = "是否启用该权限")
+    private Boolean enable = false;
+    @Schema(description = "是否是企业权限")
+    private Boolean license = false;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/permission/PermissionCache.java b/backend/crm/src/main/java/cn/cordys/common/permission/PermissionCache.java
new file mode 100644
index 0000000..f36b81b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/permission/PermissionCache.java
@@ -0,0 +1,72 @@
+package cn.cordys.common.permission;
+
+import cn.cordys.common.dto.RoleDataScopeDTO;
+import cn.cordys.common.dto.RolePermissionDTO;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.crm.system.domain.RolePermission;
+import cn.cordys.crm.system.service.RoleService;
+import org.apache.commons.collections.CollectionUtils;
+import org.springframework.cache.annotation.CacheEvict;
+import org.springframework.cache.annotation.Cacheable;
+import org.springframework.stereotype.Component;
+
+import java.util.*;
+import java.util.stream.Collectors;
+
+/**
+ * 权限缓存
+ *
+ * @author jianxing
+ */
+@Component
+public class PermissionCache {
+
+    @Cacheable(value = "permission_cache", key = "#userId + ':' +  #orgId")
+    public List<RolePermissionDTO> getRolePermissions(String userId, String orgId) {
+        RoleService roleService = CommonBeanFactory.getBean(RoleService.class);
+        // 获取角色
+        List<RoleDataScopeDTO> roleOptions = Objects.requireNonNull(roleService).getRoleOptions(userId, orgId);
+        List<String> roleIds = roleOptions.stream()
+                .map(RoleDataScopeDTO::getId).collect(Collectors.toList());
+
+        if (CollectionUtils.isEmpty(roleIds)) {
+            return new ArrayList<>(0);
+        }
+
+        // 获取角色权限
+        List<RolePermission> permissions = roleService.getPermissions(roleIds);
+        Map<String, List<RolePermission>> rolePermissionMap = permissions.stream()
+                .collect(Collectors.groupingBy(RolePermission::getRoleId));
+
+        // 缓存角色和权限
+        return roleOptions.stream()
+                .map(roleDataScopeDTO -> {
+                    RolePermissionDTO rolePermission = BeanUtils.copyBean(new RolePermissionDTO(), roleDataScopeDTO);
+                    List<RolePermission> rolePermissions = rolePermissionMap.get(roleDataScopeDTO.getId());
+                    if (CollectionUtils.isEmpty(rolePermissions)) {
+                        rolePermission.setPermissions(Set.of());
+                        return rolePermission;
+                    }
+                    rolePermission.setPermissions(
+                            rolePermissions
+                                    .stream()
+                                    .map(RolePermission::getPermissionId)
+                                    .collect(Collectors.toSet())
+                    );
+                    return rolePermission;
+                }).collect(Collectors.toList());
+    }
+
+    public Set<String> getPermissionIds(String userId, String orgId) {
+        List<RolePermissionDTO> rolePermissions = Objects.requireNonNull(CommonBeanFactory.getBean(PermissionCache.class)).getRolePermissions(userId, orgId);
+        return rolePermissions.stream()
+                .flatMap(rolePermissionDTO -> rolePermissionDTO.getPermissions().stream())
+                .collect(Collectors.toSet());
+    }
+
+    @CacheEvict(value = "permission_cache", key = "#userId + ':' +  #orgId", beforeInvocation = true)
+    public void clearCache(String userId, String orgId) {
+        // do nothing
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/permission/PermissionDefinitionItem.java b/backend/crm/src/main/java/cn/cordys/common/permission/PermissionDefinitionItem.java
new file mode 100644
index 0000000..0e32d00
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/permission/PermissionDefinitionItem.java
@@ -0,0 +1,26 @@
+package cn.cordys.common.permission;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+/**
+ * @author jianxing
+ */
+@Data
+@Schema(description = "权限设置菜单项")
+public class PermissionDefinitionItem {
+    @Schema(description = "菜单项ID")
+    private String id;
+    @Schema(description = "菜单项名称")
+    private String name;
+    @Schema(description = "是否是企业版菜单")
+    private Boolean license = false;
+    @Schema(description = "菜单是否全选")
+    private Boolean enable = false;
+    @Schema(description = "菜单下的权限列表")
+    private List<Permission> permissions;
+    @Schema(description = "子菜单")
+    private List<PermissionDefinitionItem> children;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/permission/PermissionUtils.java b/backend/crm/src/main/java/cn/cordys/common/permission/PermissionUtils.java
new file mode 100644
index 0000000..ab810d7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/permission/PermissionUtils.java
@@ -0,0 +1,58 @@
+package cn.cordys.common.permission;
+
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.constants.RoleDataScope;
+import cn.cordys.common.dto.ResourceTabEnableDTO;
+import cn.cordys.common.dto.RolePermissionDTO;
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.security.SessionUser;
+import cn.cordys.security.SessionUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.util.List;
+import java.util.Objects;
+import java.util.Set;
+
+/**
+ * @author jianxing
+ */
+public class PermissionUtils {
+    public static boolean hasPermission(String permission) {
+        PermissionCache permissionCache = CommonBeanFactory.getBean(PermissionCache.class);
+        String userId = SessionUtils.getUserId();
+        String organizationId = OrganizationContext.getOrganizationId();
+        Set<String> permissionIds = Objects.requireNonNull(permissionCache).getPermissionIds(userId, organizationId);
+        SessionUser user = Objects.requireNonNull(SessionUtils.getUser());
+        if (Strings.CS.equals(InternalUser.ADMIN.getValue(), user.getId())) {
+            // admin 用户拥有所有权限
+            return true;
+        }
+        // 判断是否拥有权限
+        return permissionIds.contains(permission);
+    }
+
+    public static ResourceTabEnableDTO getTabEnableConfig(String userId, String permission, List<RolePermissionDTO> rolePermissions) {
+        ResourceTabEnableDTO resourceTabEnableDTO = new ResourceTabEnableDTO();
+        if (Strings.CS.equals(userId, InternalUser.ADMIN.getValue())) {
+            resourceTabEnableDTO.setAll(true);
+            resourceTabEnableDTO.setDept(true);
+        }
+        for (RolePermissionDTO rolePermission : rolePermissions) {
+            if (!rolePermission.getPermissions().contains(permission)) {
+                // 判断权限
+                continue;
+            }
+            if (Strings.CS.equalsAny(rolePermission.getDataScope(), RoleDataScope.ALL.name(), RoleDataScope.DEPT_CUSTOM.name())) {
+                // 数据权限为全部或指定部门，显示所有tab
+                resourceTabEnableDTO.setAll(true);
+            }
+            if (Strings.CS.equalsAny(rolePermission.getDataScope(), RoleDataScope.ALL.name(), RoleDataScope.DEPT_CUSTOM.name(),
+                    RoleDataScope.DEPT_AND_CHILD.name())) {
+                // 数据权限为全部或部门，显示部门tab
+                resourceTabEnableDTO.setDept(true);
+            }
+        }
+        return resourceTabEnableDTO;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/permission/ResourceAccessContext.java b/backend/crm/src/main/java/cn/cordys/common/permission/ResourceAccessContext.java
new file mode 100644
index 0000000..09bc5b6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/permission/ResourceAccessContext.java
@@ -0,0 +1,20 @@
+package cn.cordys.common.permission;
+
+import lombok.Data;
+
+/**
+ * 资源访问上下文，包含权限校验所需的资源信息
+ */
+@Data
+public class ResourceAccessContext {
+
+    /**
+     * 资源负责人ID
+     */
+    private String ownerId;
+
+    /**
+     * 审批状态
+     */
+    private String approvalStatus;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/permission/ResourceAccessContextProvider.java b/backend/crm/src/main/java/cn/cordys/common/permission/ResourceAccessContextProvider.java
new file mode 100644
index 0000000..9ab66c5
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/permission/ResourceAccessContextProvider.java
@@ -0,0 +1,37 @@
+package cn.cordys.common.permission;
+
+import java.util.List;
+import java.util.Map;
+
+/**
+ * 资源访问上下文提供者
+ * <p>
+ * 各业务模块实现此接口，提供资源负责人和审批状态信息
+ */
+public interface ResourceAccessContextProvider {
+
+    /**
+     * 返回此提供者处理的表单类型，如 "order"、"contract"
+     */
+    String getFormType();
+
+    /**
+     * 获取资源访问上下文
+     *
+     * @param resourceId 资源ID
+     * @param orgId      组织ID
+     * @return 资源访问上下文，资源不存在时返回 null
+     */
+    ResourceAccessContext getAccessContext(String resourceId, String orgId);
+
+    /**
+     * 批量获取资源负责人ID
+     * <p>
+     * 默认逐条调用 getAccessContext，子类可重写以优化为批量查询
+     *
+     * @param resourceIds 资源ID列表
+     * @param orgId       组织ID
+     * @return 资源ID -> 负责人ID 的映射，不包含负责人为空的资源
+     */
+    Map<String, String> batchGetOwnerIds(List<String> resourceIds, String orgId);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/permission/ResourcePermissionService.java b/backend/crm/src/main/java/cn/cordys/common/permission/ResourcePermissionService.java
new file mode 100644
index 0000000..d670a5b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/permission/ResourcePermissionService.java
@@ -0,0 +1,211 @@
+package cn.cordys.common.permission;
+
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.response.result.CrmHttpResultCode;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.crm.approval.constants.ApprovalStatus;
+import cn.cordys.crm.approval.domain.ApprovalInstance;
+import cn.cordys.crm.approval.domain.ApprovalTask;
+import cn.cordys.crm.approval.service.ApprovalFlowService;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import jakarta.servlet.http.HttpServletRequest;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.stereotype.Service;
+import org.springframework.web.context.request.RequestContextHolder;
+import org.springframework.web.context.request.ServletRequestAttributes;
+
+import java.util.List;
+import java.util.Map;
+
+/**
+ * 资源权限校验服务
+ * <p>
+ * 校验逻辑：(角色权限位 && 角色数据权限 && 审批状态权限)
+ */
+@Service
+public class ResourcePermissionService {
+
+    @Resource
+    private DataScopeService dataScopeService;
+    @Resource
+    private ApprovalFlowService approvalFlowService;
+    @Resource
+    private BaseMapper<ApprovalTask> approvalTaskMapper;
+    @Resource
+    private BaseMapper<ApprovalInstance> approvalInstanceMapper;
+
+    /**
+     * 仅校验角色权限位
+     */
+    public void checkPermission(String permission) {
+        if (!PermissionUtils.hasPermission(permission)) {
+            throw new GenericException(CrmHttpResultCode.FORBIDDEN);
+        }
+    }
+
+    /**
+     * 完整权限校验：(角色权限位 && 角色数据权限 && 审批状态权限)
+     *
+     * @param permission 权限码
+     * @param resourceId 资源ID
+     * @param formType   表单类型
+     * @param userId     当前用户ID
+     * @param orgId      组织ID
+     */
+    public void checkResourcePermission(String permission, String resourceId, String formType, String userId, String orgId) {
+        if (StringUtils.isBlank(resourceId)) {
+            checkPermission(permission);
+            return;
+        }
+
+        // 从HTTP请求中获取待办任务ID
+        String approvalTaskId = resolveApprovalTaskId();
+        // 如果传了待办任务ID，只校验当前用户是否是该待办的所有人
+        if (StringUtils.isNotBlank(approvalTaskId)) {
+            if (!isTaskOwner(approvalTaskId, resourceId, userId)) {
+                throw new GenericException(CrmHttpResultCode.FORBIDDEN);
+            }
+            return;
+        }
+
+        ResourceAccessContextProvider provider = getProvider(formType);
+        ResourceAccessContext context = provider != null ? provider.getAccessContext(resourceId, orgId) : null;
+        boolean permitted = checkRoleAndDataAndStatusPermission(permission, formType, userId, orgId, context);
+
+        if (!permitted) {
+            throw new GenericException(CrmHttpResultCode.FORBIDDEN);
+        }
+    }
+
+    /**
+     * 校验当前用户是否是指定待办任务的所有人，且该任务关联的资源与请求资源一致
+     */
+    private boolean isTaskOwner(String approvalTaskId, String resourceId, String userId) {
+        if (StringUtils.isBlank(approvalTaskId) || StringUtils.isBlank(userId)) {
+            return false;
+        }
+
+        ApprovalTask task = approvalTaskMapper.selectByPrimaryKey(approvalTaskId);
+        if (task == null || !userId.equals(task.getApproverId())) {
+            return false;
+        }
+
+        // 校验任务关联的审批实例资源是否与当前请求的资源一致
+        ApprovalInstance instance = approvalInstanceMapper.selectByPrimaryKey(task.getInstanceId());
+        return instance != null && resourceId.equals(instance.getResourceId());
+    }
+
+    /**
+     * 从HTTP请求中提取待办任务ID
+     * 优先从请求头 X-Pending-Task-Id 获取，其次从查询参数 pendingTaskId 获取
+     */
+    private String resolveApprovalTaskId() {
+        ServletRequestAttributes attributes = (ServletRequestAttributes) RequestContextHolder.getRequestAttributes();
+        if (attributes == null) {
+            return null;
+        }
+        HttpServletRequest request = attributes.getRequest();
+        String pendingTaskId = request.getHeader("Approval-Task-Id");
+        if (pendingTaskId == null || pendingTaskId.isBlank()) {
+            pendingTaskId = request.getParameter("approvalTaskId");
+        }
+        return (pendingTaskId != null && !pendingTaskId.isBlank()) ? pendingTaskId.trim() : null;
+    }
+
+    /**
+     * 批量权限校验：仅校验角色权限位 + 数据权限（跳过审批状态权限）
+     */
+    public void checkBatchResourcePermission(String permission, List<String> resourceIds, String formType, String userId, String orgId) {
+        if (!PermissionUtils.hasPermission(permission)) {
+            throw new GenericException(CrmHttpResultCode.FORBIDDEN);
+        }
+
+        if (StringUtils.isNotBlank(formType) && CollectionUtils.isNotEmpty(resourceIds)) {
+            ResourceAccessContextProvider provider = getProvider(formType);
+            if (provider == null) {
+                return;
+            }
+            Map<String, String> ownerMap = provider.batchGetOwnerIds(resourceIds, orgId);
+            List<String> ownerIds = ownerMap.values().stream()
+                    .filter(StringUtils::isNotBlank)
+                    .distinct()
+                    .toList();
+            if (!ownerIds.isEmpty()) {
+                dataScopeService.checkDataPermission(userId, orgId, ownerIds, permission);
+            }
+        }
+    }
+
+    /**
+     * 校验角色权限位 + 数据权限 + 审批状态权限：(1 && 2 && 3)
+     */
+    private boolean checkRoleAndDataAndStatusPermission(String permission, String formType,
+                                                        String userId, String orgId, ResourceAccessContext context) {
+
+        String ownerId = context != null ? context.getOwnerId() : null;
+        String approvalStatus = context != null ? context.getApprovalStatus() : null;
+
+        // Check 1: 角色权限位
+        if (!PermissionUtils.hasPermission(permission)) {
+            return false;
+        }
+
+        // Check 2: 角色的数据权限
+        if (ownerId != null && !dataScopeService.hasDataPermission(userId, orgId, ownerId, permission)) {
+            return false;
+        }
+
+        // Check 3: 审批流的状态权限
+        if (StringUtils.isNotBlank(formType) && !checkStatusPermission(permission, formType, approvalStatus, orgId)) {
+            return false;
+        }
+
+        return true;
+    }
+
+    /**
+     * 校验审批状态权限
+     * 如果审批状态为 NONE 或无审批流配置，默认允许
+     */
+    private boolean checkStatusPermission(String permission, String formType, String approvalStatus, String orgId) {
+        if (StringUtils.isBlank(approvalStatus) || ApprovalStatus.NONE.name().equals(approvalStatus)) {
+            return true;
+        }
+
+        // 查询状态权限配置
+        var setting = approvalFlowService.getStatusPermissionsByFormType(formType, orgId);
+        if (setting == null || CollectionUtils.isEmpty(setting.getStatusPermissions())) {
+            return true;
+        }
+
+        // 查找当前审批状态对应的权限配置
+        for (var sp : setting.getStatusPermissions()) {
+            if (permission.equals(sp.getPermission()) && approvalStatus.equals(sp.getApprovalStatus())) {
+                return Boolean.TRUE.equals(sp.getEnabled());
+            }
+        }
+
+        // 未找到对应配置，默认允许
+        return true;
+    }
+
+    /**
+     * 根据 formType 获取对应的 ResourceAccessContextProvider
+     */
+    private ResourceAccessContextProvider getProvider(String formType) {
+        if (StringUtils.isBlank(formType)) {
+            return null;
+        }
+        Map<String, ResourceAccessContextProvider> providers = cn.cordys.common.util.CommonBeanFactory
+                .getBeansOfType(ResourceAccessContextProvider.class);
+        if (providers == null) {
+            return null;
+        }
+        return providers.values().stream()
+                .filter(p -> formType.equals(p.getFormType()))
+                .findFirst()
+                .orElse(null);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/redis/MessagePublisher.java b/backend/crm/src/main/java/cn/cordys/common/redis/MessagePublisher.java
new file mode 100644
index 0000000..205ddf4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/redis/MessagePublisher.java
@@ -0,0 +1,42 @@
+package cn.cordys.common.redis;
+
+import cn.cordys.common.constants.TopicConstants;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.data.redis.core.StringRedisTemplate;
+import org.springframework.data.redis.listener.ChannelTopic;
+import org.springframework.stereotype.Service;
+
+@Service
+@Slf4j
+public class MessagePublisher {
+
+    private final StringRedisTemplate redisTemplate;
+
+    public MessagePublisher(StringRedisTemplate redisTemplate) {
+        this.redisTemplate = redisTemplate;
+    }
+
+    /**
+     * 发布消息到默认主题
+     *
+     * @param message 要发布的消息内容
+     */
+    public void publish(String message) {
+        publish(TopicConstants.DOWNLOAD_TOPIC, message);
+    }
+
+    /**
+     * 发布消息到指定主题
+     *
+     * @param topicName 主题名称
+     * @param message   要发布的消息内容
+     */
+    public void publish(String topicName, String message) {
+        try {
+            ChannelTopic topic = new ChannelTopic(topicName);
+            redisTemplate.convertAndSend(topic.getTopic(), message);
+        } catch (Exception e) {
+            log.error("发布消息到主题失败", e);
+        }
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/common/redis/MessageSubscriber.java b/backend/crm/src/main/java/cn/cordys/common/redis/MessageSubscriber.java
new file mode 100644
index 0000000..ec40cae
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/redis/MessageSubscriber.java
@@ -0,0 +1,65 @@
+package cn.cordys.common.redis;
+
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.data.redis.connection.Message;
+import org.springframework.data.redis.connection.MessageListener;
+import org.springframework.stereotype.Service;
+
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+/**
+ * Redis消息订阅处理器
+ * 负责接收并处理来自Redis频道的消息
+ */
+@Service
+@Slf4j
+public class MessageSubscriber implements MessageListener {
+
+    /**
+     * 所有Topic的消费者集合
+     */
+    static Map<String, TopicConsumer> consumerMap = new HashMap<>();
+
+
+    public MessageSubscriber(List<TopicConsumer> consumers) {
+        consumers.forEach(consumer -> consumerMap.put(consumer.getChannel(), consumer));
+    }
+
+    /**
+     * 处理从Redis接收的消息
+     *
+     * @param message Redis消息对象
+     * @param pattern 订阅的模式
+     */
+    @Override
+    public void onMessage(Message message, byte[] pattern) {
+        try {
+            String channel = new String(pattern);
+            String messageBody = new String(message.getBody());
+            // 处理消息
+            processMessage(messageBody, channel);
+        } catch (Exception e) {
+            log.error("处理订阅消息时发生异常", e);
+        }
+    }
+
+    /**
+     * 处理解析后的消息
+     *
+     * @param message 消息内容
+     * @param channel 消息来源频道
+     */
+    private void processMessage(String message, String channel) {
+        // 根据频道区分不同的业务逻辑处理
+        TopicConsumer consumer = consumerMap.get(channel);
+        if (consumer == null) {
+            log.error("未找到对应的消费者处理频道: {}", channel);
+            return;
+        }
+        consumer.consume(message);
+    }
+
+
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/common/redis/TopicConsumer.java b/backend/crm/src/main/java/cn/cordys/common/redis/TopicConsumer.java
new file mode 100644
index 0000000..2946cc9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/redis/TopicConsumer.java
@@ -0,0 +1,11 @@
+package cn.cordys.common.redis;
+
+/**
+ * redis 各种topic消费者的公共接口
+ */
+public interface TopicConsumer {
+
+    String getChannel();
+
+    void consume(String message);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/request/LoginRequest.java b/backend/crm/src/main/java/cn/cordys/common/request/LoginRequest.java
new file mode 100644
index 0000000..e17ef29
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/request/LoginRequest.java
@@ -0,0 +1,78 @@
+package cn.cordys.common.request;
+
+import cn.cordys.common.util.rsa.RsaKey;
+import cn.cordys.common.util.rsa.RsaUtils;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Getter;
+import lombok.Setter;
+
+/**
+ * <p>登录请求的 DTO 类。</p>
+ * <p>包含用户名、密码以及认证信息。用户名和密码经过 RSA 解密后使用。</p>
+ */
+@Getter
+@Setter
+public class LoginRequest {
+
+    /**
+     * 用户名，不能为空，最大长度为 256。
+     */
+    @NotBlank(message = "{user_name_is_null}")
+    @Size(max = 256, message = "{user_name_length_too_long}")
+    private String username;
+
+    /**
+     * 密码，不能为空，最大长度为 256。
+     */
+    @NotBlank(message = "{password_is_null}")
+    @Size(max = 256, message = "{password_length_too_long}")
+    private String password;
+
+    /**
+     * 认证信息，可选字段。
+     */
+    private String authenticate;
+
+    /**
+     * 登录地，可选字段。
+     */
+    private String loginAddress;
+
+    /**
+     * 平台
+     */
+    @NotBlank(message = "{platform_is_null}")
+    private String platform;
+
+    /**
+     * 获取解密后的用户名。
+     * <p>如果解密失败，将返回原始的用户名。</p>
+     *
+     * @return 解密后的用户名
+     */
+    public String getUsername() {
+        try {
+            RsaKey rsaKey = RsaUtils.getRsaKey();
+            return RsaUtils.privateDecrypt(username, rsaKey.getPrivateKey());
+        } catch (Exception e) {
+            // 解密失败，返回原始用户名
+            throw new RuntimeException("解密用户名失败", e);
+        }
+    }
+
+    /**
+     * 获取解密后的密码。
+     * <p>如果解密失败，将返回原始的密码。</p>
+     *
+     * @return 解密后的密码
+     */
+    public String getPassword() {
+        try {
+            RsaKey rsaKey = RsaUtils.getRsaKey();
+            return RsaUtils.privateDecrypt(password, rsaKey.getPrivateKey());
+        } catch (Exception e) {
+            throw new RuntimeException("解密密码失败", e);
+        }
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/resolver/field/AbstractModuleFieldResolver.java b/backend/crm/src/main/java/cn/cordys/common/resolver/field/AbstractModuleFieldResolver.java
new file mode 100644
index 0000000..eb025c4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/resolver/field/AbstractModuleFieldResolver.java
@@ -0,0 +1,142 @@
+package cn.cordys.common.resolver.field;
+
+
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.field.base.OptionProp;
+import org.apache.commons.lang3.StringUtils;
+
+import java.util.Arrays;
+import java.util.List;
+import java.util.Set;
+import java.util.stream.Collectors;
+
+import static cn.cordys.common.constants.CommonResultCode.FIELD_OPTION_VALUE_ERROR;
+import static cn.cordys.common.constants.CommonResultCode.FIELD_VALIDATE_ERROR;
+
+
+/**
+ * @author jainxing
+ */
+public abstract class AbstractModuleFieldResolver<T extends BaseField> {
+
+    /**
+     * 校验参数是否合法
+     *
+     * @param customField
+     * @param value
+     */
+    abstract public void validate(T customField, Object value);
+
+    /**
+     * 将数据库的字符串值转换为对应的参数值
+     *
+     * @param value
+     * @return
+     */
+    public Object convertToValue(T selectField, String value) {
+        return value;
+    }
+
+    /**
+     * 将数据库的字符串值转换为对应的参数值
+     *
+     * @param value
+     * @return
+     */
+    public Object transformToValue(T selectField, String value) {
+        return value;
+    }
+
+    /**
+     * 字段文本 => 值
+     *
+     * @param field 字段
+     * @param text  文本
+     * @return 字段值
+     */
+    public Object textToValue(T field, String text) {
+        return text;
+    }
+
+
+    /**
+     * 将对应的参数值转换成字符串
+     *
+     * @param value
+     * @return
+     */
+    public String convertToString(T selectField, Object value) {
+        return value == null ? null : value.toString();
+    }
+
+    protected void throwValidateException(String name) {
+        throw new GenericException(FIELD_VALIDATE_ERROR, Translator.getWithArgs(FIELD_VALIDATE_ERROR.getMessage(), name));
+    }
+
+	protected void throwOptionException(String name) {
+		throw new GenericException(FIELD_OPTION_VALUE_ERROR, Translator.getWithArgs(FIELD_OPTION_VALUE_ERROR.getMessage(), name));
+	}
+
+    protected void validateRequired(T customField, Object value) {
+        // 移动端，不一定需要校验必填，暂时不校验
+    }
+
+    protected void validateArray(String name, Object value) {
+        if (value == null) {
+            return;
+        }
+        if (value instanceof List<?> list) {
+            list.forEach(v -> validateString(name, v));
+        } else {
+            throwValidateException(name);
+        }
+    }
+
+    protected void validateString(String name, Object v) {
+        if (v != null && !(v instanceof String)) {
+            throwValidateException(name);
+        }
+    }
+
+    // 校验选项值是否合法,空值，"",不校验
+    protected void validateOptions(String name, Object value, List<OptionProp> options) {
+        if (value == null || StringUtils.isBlank(value.toString())) {
+            return;
+        }
+        if (options == null) {
+            options = List.of();
+        }
+        Set<String> values = options.stream()
+                .map(OptionProp::getValue)
+                .collect(Collectors.toSet());
+        if (!values.contains(value)) {
+			throwOptionException(name);
+        }
+    }
+
+    protected String getStringValue(Object value) {
+        return value == null ? null : value.toString();
+    }
+
+    protected Object parse2Array(String value) {
+        return value == null ? null : JSON.parseArray(value);
+    }
+
+    protected Object parse2Long(String value) {
+        return value == null ? null : Long.valueOf(value);
+    }
+
+    protected String getJsonString(Object value) {
+        return value == null ? null : JSON.toJSONString(value);
+    }
+
+    protected List<String> parseFakeJsonArray(String content) {
+        return Arrays.stream(content.replaceAll("^\\[|]$", "").replaceAll("['\"]", "").split(","))
+                .map(String::trim)
+                .filter(s -> !s.isEmpty())
+                .toList();
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/resolver/field/AttachmentFieldResolver.java b/backend/crm/src/main/java/cn/cordys/common/resolver/field/AttachmentFieldResolver.java
new file mode 100644
index 0000000..8b95b15
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/resolver/field/AttachmentFieldResolver.java
@@ -0,0 +1,54 @@
+package cn.cordys.common.resolver.field;
+
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.system.dto.field.AttachmentField;
+import cn.cordys.crm.system.mapper.ExtAttachmentMapper;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.util.List;
+import java.util.Objects;
+
+public class AttachmentFieldResolver extends AbstractModuleFieldResolver<AttachmentField> {
+
+
+    private static final ExtAttachmentMapper extAttachmentMapper;
+
+    static {
+        extAttachmentMapper = CommonBeanFactory.getBean(ExtAttachmentMapper.class);
+    }
+
+    @Override
+    public void validate(AttachmentField customField, Object value) {
+
+    }
+
+    @Override
+    public String convertToString(AttachmentField attachmentField, Object value) {
+        return getJsonString(value);
+    }
+
+    @Override
+    public Object convertToValue(AttachmentField attachmentField, String value) {
+        return parse2Array(value);
+    }
+
+    @Override
+    public Object transformToValue(AttachmentField attachmentField, String value) {
+        if (StringUtils.isBlank(value) || Strings.CS.equals(value, "[]")) {
+            return StringUtils.EMPTY;
+        }
+        List<String> ids = JSON.parseArray(value, String.class);
+
+        List<String> names = Objects.requireNonNull(extAttachmentMapper).selectNameByIds(ids);
+
+        if (CollectionUtils.isNotEmpty(names)) {
+            return String.join(",", JSON.parseArray(JSON.toJSONString(names), String.class));
+        }
+
+        return StringUtils.EMPTY;
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/resolver/field/CheckBoxResolver.java b/backend/crm/src/main/java/cn/cordys/common/resolver/field/CheckBoxResolver.java
new file mode 100644
index 0000000..1c9d67b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/resolver/field/CheckBoxResolver.java
@@ -0,0 +1,77 @@
+package cn.cordys.common.resolver.field;
+
+
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.system.dto.field.CheckBoxField;
+import cn.cordys.crm.system.dto.field.base.OptionProp;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+
+/**
+ * @author jianxing
+ */
+public class CheckBoxResolver extends AbstractModuleFieldResolver<CheckBoxField> {
+
+    @Override
+    public void validate(CheckBoxField checkBoxField, Object value) {
+        // 校验必填
+        validateRequired(checkBoxField, value);
+
+        // 校验值类型
+        validateArray(checkBoxField.getName(), value);
+    }
+
+    @Override
+    public String convertToString(CheckBoxField checkBoxField, Object value) {
+        return JSON.toJSONString(value);
+    }
+
+    @Override
+    public Object convertToValue(CheckBoxField checkBoxField, String value) {
+        return parse2Array(value);
+    }
+
+    @Override
+    public Object transformToValue(CheckBoxField checkBoxField, String value) {
+        if (StringUtils.isBlank(value) || Strings.CS.equals(value, "[]")) {
+            return StringUtils.EMPTY;
+        }
+        List<String> list = JSON.parseArray(value, String.class);
+        List<String> result = new ArrayList<>();
+        Map<String, String> optionValueMap = checkBoxField.getOptions().stream().collect(Collectors.toMap(OptionProp::getValue, OptionProp::getLabel));
+        list.forEach(item -> {
+            if (optionValueMap.containsKey(item)) {
+                result.add(optionValueMap.get(item));
+            }
+        });
+        return String.join(",", JSON.parseArray(JSON.toJSONString(result)));
+    }
+
+    @Override
+    public Object textToValue(CheckBoxField field, String text) {
+        if (StringUtils.isBlank(text) || Strings.CS.equals(text, "[]")) {
+            return StringUtils.EMPTY;
+        }
+        try {
+            List<String> texts = parseFakeJsonArray(text);
+            if (CollectionUtils.isEmpty(texts)) {
+                return StringUtils.EMPTY;
+            }
+            Map<String, String> optionMap = field.getOptions().stream()
+                    .collect(Collectors.toMap(OptionProp::getLabel, OptionProp::getValue, (v1, v2) -> v1));
+            List<String> values = texts.stream()
+                    .filter(item -> item != null && optionMap.containsKey(item))
+                    .map(optionMap::get)
+                    .collect(Collectors.toList());
+            return CollectionUtils.isEmpty(values) ? texts : values;
+        } catch (Exception e) {
+            return StringUtils.EMPTY;
+        }
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/resolver/field/DatasourceMultipleResolver.java b/backend/crm/src/main/java/cn/cordys/common/resolver/field/DatasourceMultipleResolver.java
new file mode 100644
index 0000000..9bd5f7a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/resolver/field/DatasourceMultipleResolver.java
@@ -0,0 +1,225 @@
+package cn.cordys.common.resolver.field;
+
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.clue.domain.Clue;
+import cn.cordys.crm.clue.service.ClueService;
+import cn.cordys.crm.contract.domain.BusinessTitle;
+import cn.cordys.crm.contract.domain.Contract;
+import cn.cordys.crm.contract.domain.ContractPaymentPlan;
+import cn.cordys.crm.contract.domain.ContractPaymentRecord;
+import cn.cordys.crm.contract.service.BusinessTitleService;
+import cn.cordys.crm.contract.service.ContractPaymentPlanService;
+import cn.cordys.crm.contract.service.ContractPaymentRecordService;
+import cn.cordys.crm.contract.service.ContractService;
+import cn.cordys.crm.customer.domain.Customer;
+import cn.cordys.crm.customer.domain.CustomerContact;
+import cn.cordys.crm.customer.service.CustomerContactService;
+import cn.cordys.crm.customer.service.CustomerService;
+import cn.cordys.crm.form.domain.CustomFormData;
+import cn.cordys.crm.form.service.CustomFormDataService;
+import cn.cordys.crm.opportunity.domain.Opportunity;
+import cn.cordys.crm.opportunity.domain.OpportunityQuotation;
+import cn.cordys.crm.opportunity.service.OpportunityQuotationService;
+import cn.cordys.crm.opportunity.service.OpportunityService;
+import cn.cordys.crm.order.domain.Order;
+import cn.cordys.crm.order.service.OrderService;
+import cn.cordys.crm.product.domain.Product;
+import cn.cordys.crm.product.domain.ProductPrice;
+import cn.cordys.crm.product.service.ProductPriceService;
+import cn.cordys.crm.product.service.ProductService;
+import cn.cordys.crm.system.constants.FieldSourceType;
+import cn.cordys.crm.system.dto.field.DatasourceMultipleField;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.util.List;
+import java.util.Objects;
+
+public class DatasourceMultipleResolver extends AbstractModuleFieldResolver<DatasourceMultipleField> {
+
+    private static final CustomerService customerService;
+    private static final OpportunityService opportunityService;
+    private static final ClueService clueService;
+    private static final CustomerContactService contactService;
+    private static final ProductService productService;
+    private static final ProductPriceService productPriceService;
+    private static final OpportunityQuotationService opportunityQuotationService;
+	private static final ContractPaymentPlanService contractPaymentPlanService;
+	private static final ContractPaymentRecordService contractPaymentRecordService;
+	private static final BusinessTitleService businessTitleService;
+	private static final OrderService orderService;
+	private static final ContractService contractService;
+	private static final CustomFormDataService customFormDataService;
+
+	public static final String EMPTY_ARRAY_STRING = "[]";
+
+    static {
+        customerService = CommonBeanFactory.getBean(CustomerService.class);
+        opportunityService = CommonBeanFactory.getBean(OpportunityService.class);
+        clueService = CommonBeanFactory.getBean(ClueService.class);
+        contactService = CommonBeanFactory.getBean(CustomerContactService.class);
+        productService = CommonBeanFactory.getBean(ProductService.class);
+        productPriceService = CommonBeanFactory.getBean(ProductPriceService.class);
+        opportunityQuotationService = CommonBeanFactory.getBean(OpportunityQuotationService.class);
+		contractPaymentRecordService = CommonBeanFactory.getBean(ContractPaymentRecordService.class);
+		contractPaymentPlanService = CommonBeanFactory.getBean(ContractPaymentPlanService.class);
+		businessTitleService = CommonBeanFactory.getBean(BusinessTitleService.class);
+        orderService = CommonBeanFactory.getBean(OrderService.class);
+		contractService = CommonBeanFactory.getBean(ContractService.class);
+        customFormDataService = CommonBeanFactory.getBean(CustomFormDataService.class);
+    }
+
+    @Override
+    public void validate(DatasourceMultipleField customField, Object value) {
+
+    }
+
+    @Override
+    public Object convertToValue(DatasourceMultipleField customField, String value) {
+        return parse2Array(value);
+    }
+
+    @Override
+    public String convertToString(DatasourceMultipleField customField, Object value) {
+        return getJsonString(value);
+    }
+
+
+    @Override
+    public Object transformToValue(DatasourceMultipleField datasourceMultipleField, String value) {
+        if (StringUtils.isBlank(value) || Strings.CS.equals(value, EMPTY_ARRAY_STRING)) {
+            return StringUtils.EMPTY;
+        }
+        var list = JSON.parseArray(value, String.class);
+
+        if (Strings.CI.equals(datasourceMultipleField.getDataSourceType(), FieldSourceType.CUSTOMER.name())) {
+            return Objects.requireNonNull(customerService).getCustomerNameByIds(list);
+        }
+
+        if (Strings.CI.equals(datasourceMultipleField.getDataSourceType(), FieldSourceType.CONTACT.name())) {
+            return Objects.requireNonNull(contactService).getContactNameByIds(list);
+        }
+
+        if (Strings.CI.equals(datasourceMultipleField.getDataSourceType(), FieldSourceType.OPPORTUNITY.name())) {
+            return Objects.requireNonNull(opportunityService).getOpportunityNameByIds(list);
+        }
+
+        if (Strings.CI.equals(datasourceMultipleField.getDataSourceType(), FieldSourceType.CLUE.name())) {
+            return Objects.requireNonNull(clueService).getClueNameByIds(list);
+        }
+
+        if (Strings.CI.equals(datasourceMultipleField.getDataSourceType(), FieldSourceType.PRODUCT.name())) {
+            return Objects.requireNonNull(productService).getProductNameByIds(list);
+        }
+
+        if (Strings.CI.equals(datasourceMultipleField.getDataSourceType(), FieldSourceType.PRICE.name())) {
+            return Objects.requireNonNull(productPriceService).getProductPriceNameByIds(list);
+        }
+
+        if (Strings.CI.equals(datasourceMultipleField.getDataSourceType(), FieldSourceType.QUOTATION.name())) {
+            return Objects.requireNonNull(opportunityQuotationService).getQuotationNameByIds(list);
+        }
+
+		if (Strings.CI.equals(datasourceMultipleField.getDataSourceType(), FieldSourceType.CONTRACT_PAYMENT_RECORD.name())) {
+			return Objects.requireNonNull(contractPaymentRecordService).getRecordNameByIds(list);
+		}
+
+		if (Strings.CI.equals(datasourceMultipleField.getDataSourceType(), FieldSourceType.PAYMENT_PLAN.name())) {
+			return Objects.requireNonNull(contractPaymentPlanService).getPlanNameByIds(list);
+		}
+
+		if (Strings.CI.equals(datasourceMultipleField.getDataSourceType(), FieldSourceType.BUSINESS_TITLE.name())) {
+			return Objects.requireNonNull(businessTitleService).getTitleNameByIds(list);
+		}
+        if (Strings.CI.equals(datasourceMultipleField.getDataSourceType(), FieldSourceType.ORDER.name())) {
+            return Objects.requireNonNull(orderService).getOrderNameByIds(list);
+        }
+		if (Strings.CI.equals(datasourceMultipleField.getDataSourceType(), FieldSourceType.CONTRACT.name())) {
+			return Objects.requireNonNull(contractService).getContractNameByIds(list);
+		}
+
+        return Objects.requireNonNull(customFormDataService).getNameStrByIds(list);
+    }
+
+    @Override
+    public Object textToValue(DatasourceMultipleField field, String text) {
+        if (StringUtils.isBlank(text) || Strings.CS.equals(text, EMPTY_ARRAY_STRING)) {
+            return StringUtils.EMPTY;
+        }
+        List<String> names = parseFakeJsonArray(text);
+
+        if (Strings.CI.equals(field.getDataSourceType(), FieldSourceType.CUSTOMER.name())) {
+            List<Customer> customerList = Objects.requireNonNull(customerService).getCustomerListByNames(names);
+            List<String> ids = customerList.stream().map(Customer::getId).toList();
+            return CollectionUtils.isEmpty(ids) ? names : ids;
+        }
+        if (Strings.CI.equals(field.getDataSourceType(), FieldSourceType.OPPORTUNITY.name())) {
+            List<Opportunity> opportunityList = Objects.requireNonNull(opportunityService).getOpportunityListByNames(names);
+            List<String> ids = opportunityList.stream().map(Opportunity::getId).toList();
+            return CollectionUtils.isEmpty(ids) ? names : ids;
+        }
+        if (Strings.CI.equals(field.getDataSourceType(), FieldSourceType.CLUE.name())) {
+            List<Clue> clueList = Objects.requireNonNull(clueService).getClueListByNames(names);
+            List<String> ids = clueList.stream().map(Clue::getId).toList();
+            return CollectionUtils.isEmpty(ids) ? names : ids;
+        }
+        if (Strings.CI.equals(field.getDataSourceType(), FieldSourceType.CONTACT.name())) {
+            List<CustomerContact> contactList = Objects.requireNonNull(contactService).getContactListByNames(names);
+            List<String> ids = contactList.stream().map(CustomerContact::getId).toList();
+            return CollectionUtils.isEmpty(ids) ? names : ids;
+        }
+        if (Strings.CI.equals(field.getDataSourceType(), FieldSourceType.PRODUCT.name())) {
+            List<Product> productList = Objects.requireNonNull(productService).getProductListByNames(names);
+            List<String> ids = productList.stream().map(Product::getId).toList();
+            return CollectionUtils.isEmpty(ids) ? names : ids;
+        }
+
+		if (Strings.CI.equals(field.getDataSourceType(), FieldSourceType.PRICE.name())) {
+			List<ProductPrice> prices = Objects.requireNonNull(productPriceService).getProductPriceListByNames(names);
+			List<String> ids = prices.stream().map(ProductPrice::getId).toList();
+			return CollectionUtils.isEmpty(ids) ? names : ids;
+		}
+
+		if (Strings.CI.equals(field.getDataSourceType(), FieldSourceType.QUOTATION.name())) {
+			List<OpportunityQuotation> quotations = Objects.requireNonNull(opportunityQuotationService).getQuotationListByNames(names);
+			List<String> ids = quotations.stream().map(OpportunityQuotation::getId).toList();
+			return CollectionUtils.isEmpty(ids) ? names : ids;
+		}
+
+		if (Strings.CI.equals(field.getDataSourceType(), FieldSourceType.CONTRACT_PAYMENT_RECORD.name())) {
+			List<ContractPaymentRecord> records = Objects.requireNonNull(contractPaymentRecordService).getRecordListByNames(names);
+			List<String> ids = records.stream().map(ContractPaymentRecord::getId).toList();
+			return CollectionUtils.isEmpty(ids) ? names : ids;
+		}
+
+		if (Strings.CI.equals(field.getDataSourceType(), FieldSourceType.PAYMENT_PLAN.name())) {
+			List<ContractPaymentPlan> plans = Objects.requireNonNull(contractPaymentPlanService).getPlanListByNames(names);
+			List<String> ids = plans.stream().map(ContractPaymentPlan::getId).toList();
+			return CollectionUtils.isEmpty(ids) ? names : ids;
+		}
+
+		if (Strings.CI.equals(field.getDataSourceType(), FieldSourceType.BUSINESS_TITLE.name())) {
+			List<BusinessTitle> titles = Objects.requireNonNull(businessTitleService).getBusinessTitleListByNames(names);
+			List<String> ids = titles.stream().map(BusinessTitle::getId).toList();
+			return CollectionUtils.isEmpty(ids) ? names : ids;
+		}
+
+        if (Strings.CI.equals(field.getDataSourceType(), FieldSourceType.ORDER.name())) {
+            List<Order> orders = Objects.requireNonNull(orderService).getOrderListByNames(names);
+            List<String> ids = orders.stream().map(Order::getId).toList();
+            return CollectionUtils.isEmpty(ids) ? names : ids;
+        }
+
+		if (Strings.CI.equals(field.getDataSourceType(), FieldSourceType.CONTRACT.name())) {
+			List<Contract> contracts = Objects.requireNonNull(contractService).getContractListByNames(names);
+			List<String> ids = contracts.stream().map(Contract::getId).toList();
+			return CollectionUtils.isEmpty(ids) ? names : ids;
+		}
+
+        List<CustomFormData> contracts = Objects.requireNonNull(customFormDataService).selectByNames(names);
+        List<String> ids = contracts.stream().map(CustomFormData::getId).toList();
+        return CollectionUtils.isEmpty(ids) ? names : ids;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/resolver/field/DatasourceResolver.java b/backend/crm/src/main/java/cn/cordys/common/resolver/field/DatasourceResolver.java
new file mode 100644
index 0000000..0fa79b9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/resolver/field/DatasourceResolver.java
@@ -0,0 +1,193 @@
+package cn.cordys.common.resolver.field;
+
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.crm.clue.domain.Clue;
+import cn.cordys.crm.clue.service.ClueService;
+import cn.cordys.crm.contract.domain.BusinessTitle;
+import cn.cordys.crm.contract.domain.Contract;
+import cn.cordys.crm.contract.domain.ContractPaymentPlan;
+import cn.cordys.crm.contract.domain.ContractPaymentRecord;
+import cn.cordys.crm.contract.service.BusinessTitleService;
+import cn.cordys.crm.contract.service.ContractPaymentPlanService;
+import cn.cordys.crm.contract.service.ContractPaymentRecordService;
+import cn.cordys.crm.contract.service.ContractService;
+import cn.cordys.crm.customer.domain.Customer;
+import cn.cordys.crm.customer.domain.CustomerContact;
+import cn.cordys.crm.customer.service.CustomerContactService;
+import cn.cordys.crm.customer.service.CustomerService;
+import cn.cordys.crm.form.domain.CustomFormData;
+import cn.cordys.crm.form.service.CustomFormDataService;
+import cn.cordys.crm.opportunity.domain.Opportunity;
+import cn.cordys.crm.opportunity.domain.OpportunityQuotation;
+import cn.cordys.crm.opportunity.service.OpportunityQuotationService;
+import cn.cordys.crm.opportunity.service.OpportunityService;
+import cn.cordys.crm.order.domain.Order;
+import cn.cordys.crm.order.service.OrderService;
+import cn.cordys.crm.product.domain.Product;
+import cn.cordys.crm.product.domain.ProductPrice;
+import cn.cordys.crm.product.service.ProductPriceService;
+import cn.cordys.crm.product.service.ProductService;
+import cn.cordys.crm.system.constants.FieldSourceType;
+import cn.cordys.crm.system.dto.field.DatasourceField;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.util.List;
+import java.util.Objects;
+
+public class DatasourceResolver extends AbstractModuleFieldResolver<DatasourceField> {
+
+    private static final CustomerService customerService;
+    private static final OpportunityService opportunityService;
+    private static final ClueService clueService;
+    private static final CustomerContactService contactService;
+    private static final ProductService productService;
+    private static final ProductPriceService productPriceService;
+    private static final OpportunityQuotationService opportunityQuotationService;
+	private static final ContractService contractService;
+	private static final ContractPaymentPlanService contractPaymentPlanService;
+	private static final ContractPaymentRecordService contractPaymentRecordService;
+	private static final BusinessTitleService businessTitleService;
+    private static final OrderService orderService;
+    private static final CustomFormDataService customFormDataService;
+
+    static {
+        customerService = CommonBeanFactory.getBean(CustomerService.class);
+        opportunityService = CommonBeanFactory.getBean(OpportunityService.class);
+        clueService = CommonBeanFactory.getBean(ClueService.class);
+        contactService = CommonBeanFactory.getBean(CustomerContactService.class);
+        productService = CommonBeanFactory.getBean(ProductService.class);
+        productPriceService = CommonBeanFactory.getBean(ProductPriceService.class);
+        opportunityQuotationService = CommonBeanFactory.getBean(OpportunityQuotationService.class);
+		contractService = CommonBeanFactory.getBean(ContractService.class);
+		contractPaymentRecordService = CommonBeanFactory.getBean(ContractPaymentRecordService.class);
+		contractPaymentPlanService = CommonBeanFactory.getBean(ContractPaymentPlanService.class);
+		businessTitleService = CommonBeanFactory.getBean(BusinessTitleService.class);
+        orderService = CommonBeanFactory.getBean(OrderService.class);
+        customFormDataService = CommonBeanFactory.getBean(CustomFormDataService.class);
+    }
+
+    @Override
+    public void validate(DatasourceField customField, Object value) {
+
+    }
+
+
+    @Override
+    public Object transformToValue(DatasourceField datasourceField, String value) {
+        if (StringUtils.isBlank(value)) {
+            return StringUtils.EMPTY;
+        }
+
+        if (Strings.CI.equals(datasourceField.getDataSourceType(), FieldSourceType.CUSTOMER.name())) {
+            return Objects.requireNonNull(customerService).getCustomerName(value);
+        }
+
+        if (Strings.CI.equals(datasourceField.getDataSourceType(), FieldSourceType.CONTACT.name())) {
+            return Objects.requireNonNull(contactService).getContactName(value);
+        }
+
+        if (Strings.CI.equals(datasourceField.getDataSourceType(), FieldSourceType.OPPORTUNITY.name())) {
+            return Objects.requireNonNull(opportunityService).getOpportunityName(value);
+        }
+
+        if (Strings.CI.equals(datasourceField.getDataSourceType(), FieldSourceType.CLUE.name())) {
+            return Objects.requireNonNull(clueService).getClueName(value);
+        }
+
+        if (Strings.CI.equals(datasourceField.getDataSourceType(), FieldSourceType.PRODUCT.name())) {
+            return Objects.requireNonNull(productService).getProductName(value);
+        }
+
+        if (Strings.CI.equals(datasourceField.getDataSourceType(), FieldSourceType.PRICE.name())) {
+            return Objects.requireNonNull(productPriceService).getProductPriceName(value);
+        }
+
+        if (Strings.CI.equals(datasourceField.getDataSourceType(), FieldSourceType.QUOTATION.name())) {
+            return Objects.requireNonNull(opportunityQuotationService).getQuotationName(value);
+        }
+
+		if (Strings.CI.equals(datasourceField.getDataSourceType(), FieldSourceType.PAYMENT_PLAN.name())) {
+			return Objects.requireNonNull(contractPaymentPlanService).getPlanName(value);
+		}
+
+		if (Strings.CI.equals(datasourceField.getDataSourceType(), FieldSourceType.CONTRACT_PAYMENT_RECORD.name())) {
+			return Objects.requireNonNull(contractPaymentRecordService).getRecordNameById(value);
+		}
+
+		if (Strings.CI.equals(datasourceField.getDataSourceType(), FieldSourceType.BUSINESS_TITLE.name())) {
+			return Objects.requireNonNull(businessTitleService).getBusinessTitleName(value);
+		}
+        if (Strings.CI.equals(datasourceField.getDataSourceType(), FieldSourceType.ORDER.name())) {
+            return Objects.requireNonNull(orderService).getOrderName(value);
+        }
+		if (Strings.CI.equals(datasourceField.getDataSourceType(), FieldSourceType.CONTRACT.name())) {
+			return Objects.requireNonNull(contractService).getContractName(value);
+		}
+
+        return Objects.requireNonNull(customFormDataService).getNameById(value);
+    }
+
+    @Override
+    public Object textToValue(DatasourceField field, String text) {
+        if (StringUtils.isBlank(text)) {
+            return StringUtils.EMPTY;
+        }
+        if (Strings.CI.equals(field.getDataSourceType(), FieldSourceType.CUSTOMER.name())) {
+            List<Customer> customerList = Objects.requireNonNull(customerService).getCustomerListByNames(List.of(text));
+            return CollectionUtils.isEmpty(customerList) ? StringUtils.EMPTY : customerList.getFirst().getId();
+        }
+        if (Strings.CI.equals(field.getDataSourceType(), FieldSourceType.OPPORTUNITY.name())) {
+            List<Opportunity> opportunityList = Objects.requireNonNull(opportunityService).getOpportunityListByNames(List.of(text));
+            return CollectionUtils.isEmpty(opportunityList) ? StringUtils.EMPTY : opportunityList.getFirst().getId();
+        }
+        if (Strings.CI.equals(field.getDataSourceType(), FieldSourceType.CLUE.name())) {
+            List<Clue> clueList = Objects.requireNonNull(clueService).getClueListByNames(List.of(text));
+            return CollectionUtils.isEmpty(clueList) ? StringUtils.EMPTY : clueList.getFirst().getId();
+        }
+        if (Strings.CI.equals(field.getDataSourceType(), FieldSourceType.CONTACT.name())) {
+            List<CustomerContact> contactList = Objects.requireNonNull(contactService).getContactListByNames(List.of(text));
+            return CollectionUtils.isEmpty(contactList) ? StringUtils.EMPTY : contactList.getFirst().getId();
+        }
+        if (Strings.CI.equals(field.getDataSourceType(), FieldSourceType.PRODUCT.name())) {
+            List<Product> productList = Objects.requireNonNull(productService).getProductListByNames(List.of(text));
+            return CollectionUtils.isEmpty(productList) ? StringUtils.EMPTY : productList.getFirst().getId();
+        }
+		if (Strings.CI.equals(field.getDataSourceType(), FieldSourceType.PRICE.name())) {
+			List<ProductPrice> productPrices = Objects.requireNonNull(productPriceService).getProductPriceListByNames(List.of(text));
+			return CollectionUtils.isEmpty(productPrices) ? StringUtils.EMPTY : productPrices.getFirst().getId();
+		}
+		if (Strings.CI.equals(field.getDataSourceType(), FieldSourceType.QUOTATION.name())) {
+			List<OpportunityQuotation> quotations = Objects.requireNonNull(opportunityQuotationService).getQuotationListByNames(List.of(text));
+			return CollectionUtils.isEmpty(quotations) ? StringUtils.EMPTY : quotations.getFirst().getId();
+		}
+		if (Strings.CI.equals(field.getDataSourceType(), FieldSourceType.CONTRACT.name())) {
+			List<Contract> contracts = Objects.requireNonNull(contractService).getContractListByNames(List.of(text));
+			return CollectionUtils.isEmpty(contracts) ? StringUtils.EMPTY : contracts.getFirst().getId();
+		}
+		if (Strings.CI.equals(field.getDataSourceType(), FieldSourceType.PAYMENT_PLAN.name())) {
+			List<ContractPaymentPlan> plans = Objects.requireNonNull(contractPaymentPlanService).getPlanListByNames(List.of(text));
+			return CollectionUtils.isEmpty(plans) ? StringUtils.EMPTY : plans.getFirst().getId();
+		}
+		if (Strings.CI.equals(field.getDataSourceType(), FieldSourceType.CONTRACT_PAYMENT_RECORD.name())) {
+			List<ContractPaymentRecord> records = Objects.requireNonNull(contractPaymentRecordService).getRecordListByNames(List.of(text));
+			return CollectionUtils.isEmpty(records) ? StringUtils.EMPTY : records.getFirst().getId();
+		}
+		if (Strings.CI.equals(field.getDataSourceType(), FieldSourceType.BUSINESS_TITLE.name())) {
+			List<BusinessTitle> businessTitles = Objects.requireNonNull(businessTitleService).getBusinessTitleListByNames(List.of(text));
+			return CollectionUtils.isEmpty(businessTitles) ? StringUtils.EMPTY : businessTitles.getFirst().getId();
+		}
+        if (Strings.CI.equals(field.getDataSourceType(), FieldSourceType.ORDER.name())) {
+            List<Order> orders = Objects.requireNonNull(orderService).getOrderListByNames(List.of(text));
+            return CollectionUtils.isEmpty(orders) ? StringUtils.EMPTY : orders.getFirst().getId();
+        }
+		if (Strings.CI.equals(field.getDataSourceType(), FieldSourceType.CONTRACT.name())) {
+			List<Contract> contracts = Objects.requireNonNull(contractService).getContractListByNames(List.of(text));
+			return CollectionUtils.isEmpty(contracts) ? StringUtils.EMPTY : contracts.getFirst().getId();
+		}
+
+        List<CustomFormData> customFormDataList = Objects.requireNonNull(customFormDataService).selectByNames(List.of(text));
+        return CollectionUtils.isEmpty(customFormDataList) ? StringUtils.EMPTY : customFormDataList.getFirst().getId();
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/resolver/field/DateTimeResolver.java b/backend/crm/src/main/java/cn/cordys/common/resolver/field/DateTimeResolver.java
new file mode 100644
index 0000000..9237179
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/resolver/field/DateTimeResolver.java
@@ -0,0 +1,81 @@
+package cn.cordys.common.resolver.field;
+
+import cn.cordys.common.util.TimeUtils;
+import cn.cordys.crm.system.dto.field.DateTimeField;
+import org.apache.commons.lang3.Strings;
+
+import java.time.*;
+import java.time.format.DateTimeFormatter;
+import java.time.format.DateTimeFormatterBuilder;
+import java.time.format.DateTimeParseException;
+import java.time.temporal.TemporalAccessor;
+
+/**
+ * @author jianxing
+ */
+public class DateTimeResolver extends AbstractModuleFieldResolver<DateTimeField> {
+
+    public static final String DATE = "date";
+    public static final String DATETIME = "datetime";
+    public static final String MONTH = "month";
+
+    @Override
+    public void validate(DateTimeField dateTimeField, Object value) {
+        validateRequired(dateTimeField, value);
+
+        validateLong(dateTimeField.getName(), value);
+    }
+
+    protected void validateLong(String name, Object value) {
+        if (value != null && !(value instanceof Long)) {
+            throwValidateException(name);
+        }
+    }
+
+    @Override
+    public Object convertToValue(DateTimeField dateTimeField, String value) {
+        return parse2Long(value);
+    }
+
+    @Override
+    public Object transformToValue(DateTimeField dateTimeField, String value) {
+        if (Strings.CI.equals(dateTimeField.getDateType(), DATE)) {
+            return TimeUtils.getDateStr(Long.valueOf(value));
+        }
+        if (Strings.CI.equals(dateTimeField.getDateType(), DATETIME)) {
+            return TimeUtils.getDateTimeStr(Long.valueOf(value));
+        }
+        if (Strings.CI.equals(dateTimeField.getDateType(), MONTH)) {
+            return TimeUtils.getMonthStr(Long.valueOf(value));
+        }
+        return value;
+    }
+
+    @Override
+    public Object textToValue(DateTimeField field, String text) {
+        DateTimeFormatter formatter = new DateTimeFormatterBuilder()
+                .appendOptional(DateTimeFormatter.ofPattern("yyyy-M-d H:m:s"))
+                .appendOptional(DateTimeFormatter.ofPattern("yyyy/M/d H:m:s"))
+                .appendOptional(DateTimeFormatter.ofPattern("yyyy-M-d H:m"))
+                .appendOptional(DateTimeFormatter.ofPattern("yyyy/M/d H:m"))
+                .appendOptional(DateTimeFormatter.ofPattern("yyyy-M-d"))
+                .appendOptional(DateTimeFormatter.ofPattern("yyyy/M/d"))
+                .appendOptional(DateTimeFormatter.ofPattern("yyyy-M"))
+                .appendOptional(DateTimeFormatter.ofPattern("yyyy/M"))
+                .toFormatter();
+
+        TemporalAccessor parsed = formatter.parseBest(text,
+                LocalDateTime::from,
+                LocalDate::from,
+                YearMonth::from);
+
+        Instant instant = switch (parsed) {
+            case LocalDateTime localDateTime -> localDateTime.atZone(ZoneId.systemDefault()).toInstant();
+            case LocalDate localDate -> localDate.atStartOfDay(ZoneId.systemDefault()).toInstant();
+            case YearMonth yearMonth -> yearMonth.atDay(1).atStartOfDay(ZoneId.systemDefault()).toInstant();
+            default -> throw new DateTimeParseException("无法解析日期时间: " + text, text, 0);
+        };
+
+        return instant.toEpochMilli();
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/resolver/field/DefaultModuleFieldResolver.java b/backend/crm/src/main/java/cn/cordys/common/resolver/field/DefaultModuleFieldResolver.java
new file mode 100644
index 0000000..173638a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/resolver/field/DefaultModuleFieldResolver.java
@@ -0,0 +1,25 @@
+package cn.cordys.common.resolver.field;
+
+import cn.cordys.crm.system.dto.field.base.BaseField;
+
+import java.util.List;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-03-06  16:07
+ */
+public class DefaultModuleFieldResolver extends AbstractModuleFieldResolver {
+    @Override
+    public void validate(BaseField customField, Object value) {
+        // 校验必填
+        validateRequired(customField, value);
+    }
+
+    @Override
+    public String convertToString(BaseField selectField, Object value) {
+        if (value instanceof List) {
+            return getJsonString(value);
+        }
+        return getStringValue(value);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/resolver/field/DepartmentMultipleResolver.java b/backend/crm/src/main/java/cn/cordys/common/resolver/field/DepartmentMultipleResolver.java
new file mode 100644
index 0000000..a635171
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/resolver/field/DepartmentMultipleResolver.java
@@ -0,0 +1,66 @@
+package cn.cordys.common.resolver.field;
+
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.system.dto.field.DepartmentMultipleField;
+import cn.cordys.crm.system.mapper.ExtDepartmentMapper;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.util.List;
+import java.util.Objects;
+
+public class DepartmentMultipleResolver extends AbstractModuleFieldResolver<DepartmentMultipleField> {
+
+    private static final ExtDepartmentMapper extDepartmentMapper;
+
+    static {
+        extDepartmentMapper = CommonBeanFactory.getBean(ExtDepartmentMapper.class);
+    }
+
+    @Override
+    public void validate(DepartmentMultipleField departmentField, Object value) {
+        validateRequired(departmentField, value);
+        validateArray(departmentField.getName(), value);
+    }
+
+    @Override
+    public String convertToString(DepartmentMultipleField departmentField, Object value) {
+        return getJsonString(value);
+    }
+
+    @Override
+    public Object convertToValue(DepartmentMultipleField departmentField, String value) {
+        return parse2Array(value);
+    }
+
+    @Override
+    public Object transformToValue(DepartmentMultipleField departmentMultipleField, String value) {
+        if (StringUtils.isBlank(value) || Strings.CS.equals(value, "[]")) {
+            return StringUtils.EMPTY;
+        }
+        List<String> ids = JSON.parseArray(value, String.class);
+
+        List<String> names = Objects.requireNonNull(extDepartmentMapper).getNameByIds(ids);
+
+        if (CollectionUtils.isNotEmpty(names)) {
+            return String.join(",", JSON.parseArray(JSON.toJSONString(names), String.class));
+        }
+
+        return StringUtils.EMPTY;
+    }
+
+    @Override
+    public Object textToValue(DepartmentMultipleField field, String text) {
+        if (StringUtils.isBlank(text) || Strings.CS.equals(text, "[]")) {
+            return StringUtils.EMPTY;
+        }
+        List<String> names = parseFakeJsonArray(text);
+        List<String> ids = Objects.requireNonNull(extDepartmentMapper).getIdsByNames(names);
+        if (CollectionUtils.isNotEmpty(ids)) {
+            return ids;
+        }
+        return names;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/resolver/field/DepartmentResolver.java b/backend/crm/src/main/java/cn/cordys/common/resolver/field/DepartmentResolver.java
new file mode 100644
index 0000000..52e84cc
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/resolver/field/DepartmentResolver.java
@@ -0,0 +1,63 @@
+package cn.cordys.common.resolver.field;
+
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.system.dto.field.DepartmentField;
+import cn.cordys.crm.system.mapper.ExtDepartmentMapper;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+
+import java.util.List;
+import java.util.Objects;
+
+public class DepartmentResolver extends AbstractModuleFieldResolver<DepartmentField> {
+
+    private static final ExtDepartmentMapper extDepartmentMapper;
+
+    static {
+        extDepartmentMapper = CommonBeanFactory.getBean(ExtDepartmentMapper.class);
+    }
+
+    @Override
+    public void validate(DepartmentField departmentField, Object value) {
+        validateRequired(departmentField, value);
+        validateString(departmentField.getName(), value);
+    }
+
+    @Override
+    public String convertToString(DepartmentField selectField, Object value) {
+        return getStringValue(value);
+    }
+
+    @Override
+    public Object convertToValue(DepartmentField selectField, String value) {
+        return getStringValue(value);
+    }
+
+
+    @Override
+    public Object transformToValue(DepartmentField departmentField, String value) {
+        if (StringUtils.isBlank(value)) {
+            return StringUtils.EMPTY;
+        }
+
+        List<String> names = Objects.requireNonNull(extDepartmentMapper).getNameByIds(List.of(value));
+        if (CollectionUtils.isNotEmpty(names)) {
+            return String.join(",", JSON.parseArray(JSON.toJSONString(names), String.class));
+        }
+
+        return StringUtils.EMPTY;
+    }
+
+    @Override
+    public Object textToValue(DepartmentField field, String text) {
+        if (StringUtils.isBlank(text)) {
+            return StringUtils.EMPTY;
+        }
+        List<String> ids = Objects.requireNonNull(extDepartmentMapper).getIdsByNames(List.of(text));
+        if (CollectionUtils.isNotEmpty(ids)) {
+            return ids.getFirst();
+        }
+        return text;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/resolver/field/FormulaResolver.java b/backend/crm/src/main/java/cn/cordys/common/resolver/field/FormulaResolver.java
new file mode 100644
index 0000000..bc698c8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/resolver/field/FormulaResolver.java
@@ -0,0 +1,47 @@
+package cn.cordys.common.resolver.field;
+
+import cn.cordys.crm.system.dto.field.FormulaField;
+import org.apache.poi.ss.formula.FormulaParseException;
+
+import java.math.BigDecimal;
+
+/**
+ * @author jianxing
+ */
+public class FormulaResolver extends AbstractModuleFieldResolver<FormulaField> {
+
+    @Override
+    public void validate(FormulaField numberField, Object value) {
+        validateRequired(numberField, value);
+
+        if (value != null && !(value instanceof Number) && !(value instanceof String)) {
+            throwValidateException(numberField.getName());
+        }
+    }
+
+    @Override
+    public Object convertToValue(FormulaField numberField, String value) {
+        return transformToValue(numberField, value);
+    }
+
+    @Override
+    public Object transformToValue(FormulaField numberField, String value) {
+        if (value == null) {
+            return null;
+        }
+        try {
+            return new BigDecimal(value);
+        } catch (Exception e) {
+            return value;
+        }
+    }
+
+    @Override
+    public Object textToValue(FormulaField field, String text) {
+        try {
+            return new BigDecimal(text);
+        } catch (NumberFormatException e) {
+            throw new FormulaParseException("无法解析数值类型: " + text);
+        }
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/resolver/field/IndustryResolver.java b/backend/crm/src/main/java/cn/cordys/common/resolver/field/IndustryResolver.java
new file mode 100644
index 0000000..e5c14c1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/resolver/field/IndustryResolver.java
@@ -0,0 +1,25 @@
+package cn.cordys.common.resolver.field;
+
+import cn.cordys.common.utils.IndustryUtils;
+import cn.cordys.crm.system.dto.field.IndustryField;
+
+/**
+ * @author song-cc-rock
+ */
+public class IndustryResolver extends AbstractModuleFieldResolver<IndustryField> {
+
+    @Override
+    public void validate(IndustryField customField, Object value) {
+
+    }
+
+    @Override
+    public Object transformToValue(IndustryField field, String value) {
+        return IndustryUtils.codeToParentLabel(value);
+    }
+
+    @Override
+    public Object textToValue(IndustryField field, String text) {
+        return IndustryUtils.nameToCodeOnlyLeaf(text);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/resolver/field/LocationResolver.java b/backend/crm/src/main/java/cn/cordys/common/resolver/field/LocationResolver.java
new file mode 100644
index 0000000..4f06a73
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/resolver/field/LocationResolver.java
@@ -0,0 +1,33 @@
+package cn.cordys.common.resolver.field;
+
+import cn.cordys.common.utils.RegionUtils;
+import cn.cordys.crm.system.dto.field.LocationField;
+
+/**
+ * @author song-cc-rock
+ */
+public class LocationResolver extends AbstractModuleFieldResolver<LocationField> {
+
+    public static final String PCD_D = "detail";
+    public static final String PCD = "PCD";
+    public static final String PC = "PC";
+    public static final String P = "P";
+    public static final String C = "C";
+    public static final String CN = "CN";
+
+    @Override
+    public void validate(LocationField customField, Object value) {
+
+    }
+
+
+    @Override
+    public Object transformToValue(LocationField locationField, String value) {
+        return RegionUtils.codeToName(value, locationField);
+    }
+
+    @Override
+    public Object textToValue(LocationField field, String text) {
+        return RegionUtils.mapping(text, true);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/resolver/field/MemberMultipleResolver.java b/backend/crm/src/main/java/cn/cordys/common/resolver/field/MemberMultipleResolver.java
new file mode 100644
index 0000000..7eb97ad
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/resolver/field/MemberMultipleResolver.java
@@ -0,0 +1,72 @@
+package cn.cordys.common.resolver.field;
+
+
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.system.dto.field.MemberMultipleField;
+import cn.cordys.crm.system.mapper.ExtUserMapper;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.util.List;
+import java.util.Objects;
+
+/**
+ * @author jianxing
+ */
+public class MemberMultipleResolver extends AbstractModuleFieldResolver<MemberMultipleField> {
+
+    private static final ExtUserMapper extUserMapper;
+
+    static {
+        // 从 CommonBeanFactory 获取 ExtUserMapper 实例
+        extUserMapper = CommonBeanFactory.getBean(ExtUserMapper.class);
+    }
+
+    @Override
+    public void validate(MemberMultipleField memberField, Object value) {
+        validateRequired(memberField, value);
+        validateArray(memberField.getName(), value);
+    }
+
+    @Override
+    public String convertToString(MemberMultipleField memberField, Object value) {
+        return getJsonString(value);
+    }
+
+    @Override
+    public Object convertToValue(MemberMultipleField memberField, String value) {
+        return parse2Array(value);
+    }
+
+
+    @Override
+    public Object transformToValue(MemberMultipleField memberMultipleField, String value) {
+        if (StringUtils.isBlank(value) || Strings.CS.equals(value, "[]")) {
+            return StringUtils.EMPTY;
+        }
+        List<String> ids = JSON.parseArray(value, String.class);
+
+        List<String> names = Objects.requireNonNull(extUserMapper).selectUserNameByIds(ids);
+
+        if (CollectionUtils.isNotEmpty(names)) {
+            return String.join(",", JSON.parseArray(JSON.toJSONString(names), String.class));
+        }
+
+        return StringUtils.EMPTY;
+    }
+
+    @Override
+    public Object textToValue(MemberMultipleField field, String text) {
+        if (StringUtils.isBlank(text) || Strings.CS.equals(text, "[]")) {
+            return StringUtils.EMPTY;
+        }
+        List<String> names = parseFakeJsonArray(text);
+        List<String> ids = Objects.requireNonNull(extUserMapper).selectUserIdsByNames(names);
+        if (CollectionUtils.isNotEmpty(ids)) {
+            return ids;
+        }
+        return names;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/resolver/field/MemberResolver.java b/backend/crm/src/main/java/cn/cordys/common/resolver/field/MemberResolver.java
new file mode 100644
index 0000000..a24407b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/resolver/field/MemberResolver.java
@@ -0,0 +1,68 @@
+package cn.cordys.common.resolver.field;
+
+
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.system.dto.field.MemberField;
+import cn.cordys.crm.system.mapper.ExtUserMapper;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+
+import java.util.List;
+import java.util.Objects;
+
+/**
+ * @author jianxing
+ */
+public class MemberResolver extends AbstractModuleFieldResolver<MemberField> {
+
+    private static final ExtUserMapper extUserMapper;
+
+    static {
+        // 从 CommonBeanFactory 获取 ExtUserMapper 实例
+        extUserMapper = CommonBeanFactory.getBean(ExtUserMapper.class);
+    }
+
+    @Override
+    public void validate(MemberField memberField, Object value) {
+        validateRequired(memberField, value);
+        validateString(memberField.getName(), value);
+    }
+
+    @Override
+    public String convertToString(MemberField memberField, Object value) {
+        return getStringValue(value);
+    }
+
+    @Override
+    public Object convertToValue(MemberField memberField, String value) {
+        return getStringValue(value);
+    }
+
+    @Override
+    public Object transformToValue(MemberField memberField, String value) {
+        if (StringUtils.isBlank(value)) {
+            return StringUtils.EMPTY;
+        }
+
+        List<String> names = Objects.requireNonNull(extUserMapper).selectUserNameByIds(List.of(value));
+
+        if (CollectionUtils.isNotEmpty(names)) {
+            return String.join(",", JSON.parseArray(JSON.toJSONString(names), String.class));
+        }
+
+        return StringUtils.EMPTY;
+    }
+
+    @Override
+    public Object textToValue(MemberField field, String text) {
+        if (StringUtils.isBlank(text)) {
+            return StringUtils.EMPTY;
+        }
+        List<String> ids = Objects.requireNonNull(extUserMapper).selectUserIdsByNames(List.of(text));
+        if (CollectionUtils.isNotEmpty(ids)) {
+            return ids.getFirst();
+        }
+        return text;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/resolver/field/ModuleFieldResolverFactory.java b/backend/crm/src/main/java/cn/cordys/common/resolver/field/ModuleFieldResolverFactory.java
new file mode 100644
index 0000000..be72534
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/resolver/field/ModuleFieldResolverFactory.java
@@ -0,0 +1,54 @@
+package cn.cordys.common.resolver.field;
+
+import cn.cordys.crm.system.constants.FieldType;
+
+import java.util.HashMap;
+
+/**
+ * @author jainxing
+ */
+public class ModuleFieldResolverFactory {
+
+    private static final HashMap<String, AbstractModuleFieldResolver<?>> resolverMap = new HashMap<>();
+
+    private static final DefaultModuleFieldResolver defaultModuleFieldResolver = new DefaultModuleFieldResolver();
+
+    static {
+        resolverMap.put(FieldType.RADIO.name(), new RadioResolver());
+
+        resolverMap.put(FieldType.CHECKBOX.name(), new CheckBoxResolver());
+
+        resolverMap.put(FieldType.INPUT.name(), new TextResolver());
+        resolverMap.put(FieldType.TEXTAREA.name(), new TextResolver());
+
+        resolverMap.put(FieldType.INPUT_MULTIPLE.name(), new TextMultipleResolver());
+
+        resolverMap.put(FieldType.DATE_TIME.name(), new DateTimeResolver());
+
+        resolverMap.put(FieldType.INPUT_NUMBER.name(), new NumberResolver());
+        resolverMap.put(FieldType.PICTURE.name(), new PictureResolver());
+
+        resolverMap.put(FieldType.SELECT.name(), new SelectResolver());
+        resolverMap.put(FieldType.SELECT_MULTIPLE.name(), new SelectMultipleResolver());
+
+        resolverMap.put(FieldType.MEMBER.name(), new MemberResolver());
+        resolverMap.put(FieldType.MEMBER_MULTIPLE.name(), new MemberMultipleResolver());
+
+        resolverMap.put(FieldType.DATA_SOURCE.name(), new DatasourceResolver());
+        resolverMap.put(FieldType.DATA_SOURCE_MULTIPLE.name(), new DatasourceMultipleResolver());
+
+        resolverMap.put(FieldType.DEPARTMENT.name(), new DepartmentResolver());
+        resolverMap.put(FieldType.DEPARTMENT_MULTIPLE.name(), new DepartmentMultipleResolver());
+
+        resolverMap.put(FieldType.LOCATION.name(), new LocationResolver());
+        resolverMap.put(FieldType.INDUSTRY.name(), new IndustryResolver());
+        resolverMap.put(FieldType.PHONE.name(), new PhoneResolver());
+        resolverMap.put(FieldType.ATTACHMENT.name(), new AttachmentFieldResolver());
+        resolverMap.put(FieldType.FORMULA.name(), new FormulaResolver());
+    }
+
+    public static AbstractModuleFieldResolver<?> getResolver(String type) {
+        var moduleFieldResolver = resolverMap.get(type);
+        return moduleFieldResolver == null ? defaultModuleFieldResolver : moduleFieldResolver;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/resolver/field/NumberResolver.java b/backend/crm/src/main/java/cn/cordys/common/resolver/field/NumberResolver.java
new file mode 100644
index 0000000..c5961b0
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/resolver/field/NumberResolver.java
@@ -0,0 +1,86 @@
+package cn.cordys.common.resolver.field;
+
+import cn.cordys.crm.system.dto.field.InputNumberField;
+import org.apache.commons.lang3.BooleanUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.apache.poi.ss.formula.FormulaParseException;
+
+import java.math.BigDecimal;
+import java.math.RoundingMode;
+
+/**
+ * @author jianxing
+ */
+public class NumberResolver extends AbstractModuleFieldResolver<InputNumberField> {
+
+    public static final String PERCENT_FORMAT = "percent";
+    public static final String PERCENT_SUFFIX = "%";
+
+    @Override
+    public void validate(InputNumberField numberField, Object value) {
+        validateRequired(numberField, value);
+
+        if (value != null && !(value instanceof Number)) {
+            throwValidateException(numberField.getName());
+        }
+    }
+
+    @Override
+    public Object convertToValue(InputNumberField numberField, String value) {
+        return value == null ? null : new BigDecimal(value);
+    }
+
+    @Override
+    public Object transformToValue(InputNumberField numberField, String value) {
+		BigDecimal actualDecimal = new BigDecimal(value).stripTrailingZeros();
+		if (BooleanUtils.isTrue(numberField.getDecimalPlaces())) {
+			actualDecimal = actualDecimal.setScale(numberField.getPrecision(), RoundingMode.HALF_UP);
+		}
+		String formatActualVal;
+		if (BooleanUtils.isTrue(numberField.getShowThousandsSeparator())) {
+			formatActualVal = InputNumberField.formatThousands(actualDecimal);
+		} else {
+			formatActualVal = actualDecimal.toPlainString();
+		}
+		return formatActualVal + (Strings.CI.equals(numberField.getNumberFormat(), "percent") ? "%" : "");
+	}
+
+    @Override
+    public Object textToValue(InputNumberField field, String text) {
+        if (Strings.CS.equals(field.getNumberFormat(), PERCENT_FORMAT)) {
+            text = text.replace(PERCENT_SUFFIX, StringUtils.EMPTY);
+        }
+		if (BooleanUtils.isTrue(field.getShowThousandsSeparator())) {
+			text = text.replace(",", StringUtils.EMPTY).replace("，", StringUtils.EMPTY);
+		}
+        try {
+			BigDecimal bd = new BigDecimal(text);
+			boolean illegal = checkIllegalDecimal(bd);
+			if (illegal) {
+				throw new FormulaParseException("数值超出范围, 整数不超过9位, 小数不超过4位;");
+			}
+			return bd;
+        } catch (NumberFormatException e) {
+            throw new FormulaParseException("无法解析数值类型: " + text);
+        }
+    }
+
+	/**
+	 * 是否非法的数值范围 (整数不超过9位, 小数不超过4位)
+	 * @param value 数值
+	 * @return 是否非法
+	 */
+	private boolean checkIllegalDecimal(BigDecimal value) {
+		if (value == null) {
+			return false;
+		}
+		// 小数位
+		int scale = value.scale();
+		int precision = value.precision();
+		// 整数位
+		int integerDigits = precision - scale;
+
+		return integerDigits > 9 || scale > 4;
+	}
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/resolver/field/PhoneResolver.java b/backend/crm/src/main/java/cn/cordys/common/resolver/field/PhoneResolver.java
new file mode 100644
index 0000000..c9fd585
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/resolver/field/PhoneResolver.java
@@ -0,0 +1,21 @@
+package cn.cordys.common.resolver.field;
+
+import cn.cordys.crm.system.dto.field.PhoneField;
+import org.apache.commons.lang3.StringUtils;
+
+public class PhoneResolver extends AbstractModuleFieldResolver<PhoneField> {
+
+    @Override
+    public void validate(PhoneField field, Object value) {
+        validateRequired(field, value);
+        validateString(field.getName(), value);
+    }
+
+    @Override
+    public Object textToValue(PhoneField field, String text) {
+        if (StringUtils.isEmpty(text)) {
+            return text;
+        }
+        return text.replaceAll("（", "(").replaceAll("）", ")").replaceAll("\\s+", "");
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/resolver/field/PictureResolver.java b/backend/crm/src/main/java/cn/cordys/common/resolver/field/PictureResolver.java
new file mode 100644
index 0000000..ddfac9f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/resolver/field/PictureResolver.java
@@ -0,0 +1,20 @@
+package cn.cordys.common.resolver.field;
+
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.system.dto.field.PictureField;
+
+/**
+ * @author song-cc-rock
+ */
+public class PictureResolver extends AbstractModuleFieldResolver<PictureField> {
+
+    @Override
+    public void validate(PictureField customField, Object value) {
+
+    }
+
+    @Override
+    public Object convertToValue(PictureField selectField, String value) {
+        return JSON.parseArray(value, String.class);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/resolver/field/RadioResolver.java b/backend/crm/src/main/java/cn/cordys/common/resolver/field/RadioResolver.java
new file mode 100644
index 0000000..1b9a3ab
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/resolver/field/RadioResolver.java
@@ -0,0 +1,54 @@
+package cn.cordys.common.resolver.field;
+
+
+import cn.cordys.crm.system.dto.field.RadioField;
+import cn.cordys.crm.system.dto.field.base.OptionProp;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+
+/**
+ * @author jianxing
+ */
+public class RadioResolver extends AbstractModuleFieldResolver<RadioField> {
+
+    @Override
+    public void validate(RadioField radioField, Object value) {
+
+        // 校验必填
+        validateRequired(radioField, value);
+
+        // 校验值类型
+        validateString(radioField.getName(), value);
+
+        // 校验选项正确
+        validateOptions(radioField.getName(), value, radioField.getOptions());
+    }
+
+    @Override
+    public String convertToString(RadioField radioField, Object value) {
+        return getStringValue(value);
+    }
+
+    @Override
+    public Object convertToValue(RadioField selectField, String value) {
+        return super.convertToValue(selectField, value);
+    }
+
+    @Override
+    public Object transformToValue(RadioField radioField, String value) {
+        return radioField.getOptions().stream()
+                .filter(option -> Strings.CI.equals(option.getValue(), value))
+                .map(OptionProp::getLabel)
+                .findFirst()
+                .orElse(StringUtils.EMPTY);
+    }
+
+    @Override
+    public Object textToValue(RadioField field, String text) {
+        return field.getOptions().stream()
+                .filter(option -> Strings.CI.equals(option.getLabel(), text))
+                .map(OptionProp::getValue)
+                .findFirst()
+                .orElse(text);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/resolver/field/SelectMultipleResolver.java b/backend/crm/src/main/java/cn/cordys/common/resolver/field/SelectMultipleResolver.java
new file mode 100644
index 0000000..52fc8f1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/resolver/field/SelectMultipleResolver.java
@@ -0,0 +1,89 @@
+package cn.cordys.common.resolver.field;
+
+
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.system.dto.field.SelectMultipleField;
+import cn.cordys.crm.system.dto.field.base.OptionProp;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+
+/**
+ * @author jianxing
+ */
+public class SelectMultipleResolver extends AbstractModuleFieldResolver<SelectMultipleField> {
+
+    @Override
+    public void validate(SelectMultipleField selectField, Object value) {
+        // 校验必填
+        validateRequired(selectField, value);
+
+        // 校验值类型
+        validateArray(selectField.getName(), value);
+    }
+
+    @Override
+    public String convertToString(SelectMultipleField selectField, Object value) {
+        return getJsonString(value);
+    }
+
+    @Override
+    public Object convertToValue(SelectMultipleField selectField, String value) {
+        return parse2Array(value);
+    }
+
+    @Override
+    public Object transformToValue(SelectMultipleField selectMultipleField, String value) {
+        if (StringUtils.isBlank(value) || Strings.CS.equals(value, "[]")) {
+            return StringUtils.EMPTY;
+        }
+
+        try {
+            List<String> list = JSON.parseArray(value, String.class);
+            if (list == null || list.isEmpty()) {
+                return StringUtils.EMPTY;
+            }
+
+            Map<String, String> optionValueMap = selectMultipleField.getOptions().stream()
+                    .collect(Collectors.toMap(OptionProp::getValue, OptionProp::getLabel, (a, b) -> a));
+
+            List<String> result = list.stream()
+                    .filter(item -> item != null && optionValueMap.containsKey(item))
+                    .map(optionValueMap::get)
+                    .collect(Collectors.toList());
+
+            return String.join(",", result);
+        } catch (Exception e) {
+            return StringUtils.EMPTY;
+        }
+    }
+
+    @Override
+    public Object textToValue(SelectMultipleField field, String text) {
+        if (StringUtils.isBlank(text) || Strings.CS.equals(text, "[]")) {
+            return StringUtils.EMPTY;
+        }
+
+        try {
+            List<String> texts = parseFakeJsonArray(text);
+            if (CollectionUtils.isEmpty(texts)) {
+                return StringUtils.EMPTY;
+            }
+
+            Map<String, String> optionMap = field.getOptions().stream()
+                    .collect(Collectors.toMap(OptionProp::getLabel, OptionProp::getValue, (v1, v2) -> v1));
+            List<String> values = texts.stream()
+                    .filter(item -> item != null && optionMap.containsKey(item))
+                    .map(optionMap::get)
+                    .collect(Collectors.toList());
+
+            return CollectionUtils.isEmpty(values) ? texts : values;
+        } catch (Exception e) {
+            return StringUtils.EMPTY;
+        }
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/resolver/field/SelectResolver.java b/backend/crm/src/main/java/cn/cordys/common/resolver/field/SelectResolver.java
new file mode 100644
index 0000000..9506db9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/resolver/field/SelectResolver.java
@@ -0,0 +1,54 @@
+package cn.cordys.common.resolver.field;
+
+
+import cn.cordys.crm.system.dto.field.SelectField;
+import cn.cordys.crm.system.dto.field.base.OptionProp;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+
+/**
+ * @author jianxing
+ */
+public class SelectResolver extends AbstractModuleFieldResolver<SelectField> {
+
+    @Override
+    public void validate(SelectField selectField, Object value) {
+
+        // 校验必填
+        validateRequired(selectField, value);
+
+        // 校验值类型
+        validateString(selectField.getName(), value);
+
+        // 校验选项正确
+        validateOptions(selectField.getName(), value, selectField.getOptions());
+    }
+
+    @Override
+    public String convertToString(SelectField selectField, Object value) {
+        return getStringValue(value);
+    }
+
+    @Override
+    public Object convertToValue(SelectField selectField, String value) {
+        return super.convertToValue(selectField, value);
+    }
+
+    @Override
+    public Object transformToValue(SelectField selectField, String value) {
+        return selectField.getOptions().stream()
+                .filter(option -> Strings.CI.equals(option.getValue(), value))
+                .findFirst()
+                .map(OptionProp::getLabel)
+                .orElse(StringUtils.EMPTY);
+    }
+
+    @Override
+    public Object textToValue(SelectField field, String text) {
+        return field.getOptions().stream()
+                .filter(option -> Strings.CI.equals(option.getLabel(), text))
+                .findFirst()
+                .map(OptionProp::getValue)
+                .orElse(text);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/resolver/field/TextMultipleResolver.java b/backend/crm/src/main/java/cn/cordys/common/resolver/field/TextMultipleResolver.java
new file mode 100644
index 0000000..5c52949
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/resolver/field/TextMultipleResolver.java
@@ -0,0 +1,65 @@
+package cn.cordys.common.resolver.field;
+
+
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.system.dto.field.InputMultipleField;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.util.List;
+
+public class TextMultipleResolver extends AbstractModuleFieldResolver<InputMultipleField> {
+
+    public static final String ARR_SQUARE = "[]";
+
+    @Override
+    public void validate(InputMultipleField inputMultipleField, Object value) {
+        validateRequired(inputMultipleField, value);
+        validateArray(inputMultipleField.getName(), value);
+    }
+
+    @Override
+    public String convertToString(InputMultipleField inputMultipleField, Object value) {
+        return getJsonString(value);
+    }
+
+    @Override
+    public Object convertToValue(InputMultipleField inputMultipleField, String value) {
+        return parse2Array(value);
+    }
+
+    @Override
+	@SuppressWarnings("unchecked")
+    public Object transformToValue(InputMultipleField inputMultipleField, String value) {
+        if (StringUtils.isEmpty(value)) {
+            return StringUtils.EMPTY;
+        }
+        return String.join(",", JSON.parseArray(value));
+    }
+
+    @Override
+    public Object textToValue(InputMultipleField field, String text) {
+        if (StringUtils.isBlank(text) || Strings.CS.equals(text, ARR_SQUARE)) {
+            return null;
+        }
+        List<String> textList = parseFakeJsonArray(text);
+        List<String> correctTags = getCorrectFormatInput(textList);
+        return CollectionUtils.isEmpty(correctTags) ? null : correctTags;
+    }
+
+    /**
+     * 要求标签最多10个, 且每个标签长度不超过64个字符
+     * @param textList 标签列表
+     * @return 符合要求的标签集合
+     */
+    public List<String> getCorrectFormatInput(List<String> textList) {
+        return textList.stream()
+                .map(String::trim)
+                .filter(StringUtils::isNotBlank)
+                .filter(text -> text.length() <= 64)
+                .distinct()
+                .limit(10)
+                .toList();
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/resolver/field/TextResolver.java b/backend/crm/src/main/java/cn/cordys/common/resolver/field/TextResolver.java
new file mode 100644
index 0000000..3435514
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/resolver/field/TextResolver.java
@@ -0,0 +1,31 @@
+package cn.cordys.common.resolver.field;
+
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import org.apache.commons.lang3.StringUtils;
+
+/**
+ * @author jainxing
+ */
+public class TextResolver extends AbstractModuleFieldResolver<BaseField> {
+
+    @Override
+    public void validate(BaseField baseField, Object value) {
+        validateRequired(baseField, value);
+
+		if (value != null && !(value instanceof Number) && !(value instanceof String)) {
+			throwValidateException(baseField.getName());
+		}
+    }
+
+	/**
+	 * 要求文本长度不超过255个字符
+	 * @param text 文本
+	 * @return 符合要求的文本
+	 */
+	public String getCorrectInputString(String text) {
+		if (StringUtils.isEmpty(text)) {
+			return null;
+		}
+		return text.length() > 255 ? text.substring(0, 255) : text;
+	}
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/schedule/BaseScheduleJob.java b/backend/crm/src/main/java/cn/cordys/common/schedule/BaseScheduleJob.java
new file mode 100644
index 0000000..d5661f4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/schedule/BaseScheduleJob.java
@@ -0,0 +1,64 @@
+package cn.cordys.common.schedule;
+
+
+import lombok.extern.slf4j.Slf4j;
+import org.quartz.Job;
+import org.quartz.JobDataMap;
+import org.quartz.JobExecutionContext;
+import org.quartz.JobKey;
+
+/**
+ * 基础调度任务类，所有调度任务都应该继承此类，并实现具体的业务逻辑。
+ * <p>
+ * 本类提供了调度任务执行所需的资源信息，并通过抽象方法 {@link #businessExecute(JobExecutionContext)}
+ * 让子类实现具体的业务逻辑。
+ * </p>
+ *
+ * @since 1.0
+ */
+@Slf4j
+public abstract class BaseScheduleJob implements Job {
+
+    /**
+     * 资源 ID，表示该任务所关联的资源。
+     */
+    protected String resourceId;
+
+    /**
+     * 用户 ID，表示该任务执行的用户。
+     */
+    protected String userId;
+
+    /**
+     * 调度表达式，用于任务的调度规则。
+     */
+    protected String expression;
+
+    /**
+     * 执行调度任务时调用，提取任务所需的信息并调用子类的业务执行方法。
+     *
+     * @param context 任务执行的上下文对象
+     */
+    @Override
+    public void execute(JobExecutionContext context) {
+        // 从 JobDataMap 中获取任务所需的资源信息
+        JobKey jobKey = context.getTrigger().getJobKey();
+        JobDataMap jobDataMap = context.getJobDetail().getJobDataMap();
+        this.resourceId = jobDataMap.getString("resourceId");
+        this.userId = jobDataMap.getString("userId");
+        this.expression = jobDataMap.getString("expression");
+
+        // 记录日志，显示当前任务的执行情况
+        log.info(jobKey.getGroup() + " Running: " + resourceId);
+
+        // 调用子类实现的业务逻辑
+        businessExecute(context);
+    }
+
+    /**
+     * 子类需要实现该方法，定义任务执行的具体业务逻辑。
+     *
+     * @param context 任务执行的上下文对象
+     */
+    protected abstract void businessExecute(JobExecutionContext context);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/schedule/ScheduleManager.java b/backend/crm/src/main/java/cn/cordys/common/schedule/ScheduleManager.java
new file mode 100644
index 0000000..9104e7a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/schedule/ScheduleManager.java
@@ -0,0 +1,230 @@
+package cn.cordys.common.schedule;
+
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.crm.system.domain.Schedule;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.quartz.*;
+
+/**
+ * 定时任务管理器，用于管理调度任务的添加、修改、删除等操作。
+ * 提供了对简单任务和 Cron 表达式任务的支持。
+ * <p>
+ * 主要功能包括：
+ * <ul>
+ *   <li>添加和删除定时任务</li>
+ *   <li>修改 Cron 表达式</li>
+ *   <li>启动和关闭调度器</li>
+ * </ul>
+ * </p>
+ *
+ * @since 1.0
+ */
+@Slf4j
+public class ScheduleManager {
+
+    @Resource
+    private Scheduler scheduler;
+
+    /**
+     * 启动调度器。
+     *
+     * @param schedule 调度器
+     */
+    public static void startJobs(Scheduler schedule) {
+        try {
+            schedule.start();
+        } catch (Exception e) {
+            log.error("启动调度器失败", e);
+            throw new RuntimeException("启动调度器失败", e);
+        }
+    }
+
+    /**
+     * 添加一个简单的定时任务。
+     *
+     * @param jobKey             任务标识
+     * @param triggerKey         触发器标识
+     * @param cls                任务类
+     * @param repeatIntervalTime 任务重复间隔时间（单位：小时）
+     * @param jobDataMap         任务数据
+     *
+     * @throws SchedulerException 如果调度失败
+     */
+    public void addSimpleJob(JobKey jobKey, TriggerKey triggerKey, Class<? extends Job> cls, int repeatIntervalTime, JobDataMap jobDataMap)
+            throws SchedulerException {
+
+        JobBuilder jobBuilder = JobBuilder.newJob(cls).withIdentity(jobKey);
+        if (jobDataMap != null) {
+            jobBuilder.usingJobData(jobDataMap);
+        }
+
+        SimpleTrigger trigger = TriggerBuilder.newTrigger().withIdentity(triggerKey)
+                .withSchedule(SimpleScheduleBuilder.simpleSchedule().withIntervalInHours(repeatIntervalTime).repeatForever())
+                .startNow().build();
+
+        scheduler.scheduleJob(jobBuilder.build(), trigger);
+    }
+
+    /**
+     * 添加一个 Cron 表达式定时任务。
+     *
+     * @param jobKey     任务标识
+     * @param triggerKey 触发器标识
+     * @param jobClass   任务类
+     * @param cron       Cron 表达式
+     * @param jobDataMap 任务数据
+     */
+    public void addCronJob(JobKey jobKey, TriggerKey triggerKey, Class<? extends Job> jobClass, String cron, JobDataMap jobDataMap) {
+        try {
+            log.info("addCronJob: {},{}", triggerKey.getName(), triggerKey.getGroup());
+            JobBuilder jobBuilder = JobBuilder.newJob(jobClass).withIdentity(jobKey);
+            if (jobDataMap != null) {
+                jobBuilder.usingJobData(jobDataMap);
+            }
+
+            TriggerBuilder<Trigger> triggerBuilder = TriggerBuilder.newTrigger();
+            triggerBuilder.withIdentity(triggerKey);
+            triggerBuilder.startNow();
+            triggerBuilder.withSchedule(CronScheduleBuilder.cronSchedule(cron));
+            CronTrigger trigger = (CronTrigger) triggerBuilder.build();
+            scheduler.scheduleJob(jobBuilder.build(), trigger);
+
+        } catch (Exception e) {
+            log.error(e.getMessage(), e);
+            throw new GenericException("定时任务配置异常: " + e.getMessage(), e);
+        }
+    }
+
+    /**
+     * 添加一个 Cron 表达式定时任务（不带 JobDataMap）。
+     *
+     * @param jobKey     任务标识
+     * @param triggerKey 触发器标识
+     * @param jobClass   任务类
+     * @param cron       Cron 表达式
+     */
+    public void addCronJob(JobKey jobKey, TriggerKey triggerKey, Class<? extends Job> jobClass, String cron) {
+        addCronJob(jobKey, triggerKey, jobClass, cron, null);
+    }
+
+    /**
+     * 修改现有的 Cron 触发器的 Cron 表达式。
+     *
+     * @param triggerKey 触发器标识
+     * @param cron       新的 Cron 表达式
+     */
+    public void modifyCronJobTime(TriggerKey triggerKey, String cron) {
+
+        log.info("modifyCronJobTime: {}", triggerKey.getName() + "," + triggerKey.getGroup());
+        try {
+            CronTrigger trigger = (CronTrigger) scheduler.getTrigger(triggerKey);
+            if (trigger == null) {
+                return;
+            }
+
+            String oldTime = trigger.getCronExpression();
+            if (!oldTime.equalsIgnoreCase(cron)) {
+                // 修改触发器的 Cron 表达式
+                TriggerBuilder<Trigger> triggerBuilder = TriggerBuilder.newTrigger();
+                triggerBuilder.withIdentity(triggerKey);
+                triggerBuilder.startNow();
+                triggerBuilder.withSchedule(CronScheduleBuilder.cronSchedule(cron));
+                trigger = (CronTrigger) triggerBuilder.build();
+                scheduler.rescheduleJob(triggerKey, trigger);
+            }
+        } catch (Exception e) {
+            throw new RuntimeException("修改 Cron 表达式失败", e);
+        }
+    }
+
+    /**
+     * 删除指定的任务和触发器。
+     *
+     * @param jobKey     任务标识
+     * @param triggerKey 触发器标识
+     */
+    public void removeJob(JobKey jobKey, TriggerKey triggerKey) {
+        try {
+            log.info("RemoveJob: {},{}", jobKey.getName(), jobKey.getGroup());
+            scheduler.pauseTrigger(triggerKey);
+            scheduler.unscheduleJob(triggerKey);
+            scheduler.deleteJob(jobKey);
+        } catch (Exception e) {
+            log.error("删除任务失败", e);
+            throw new RuntimeException("删除任务失败", e);
+        }
+    }
+
+    /**
+     * 关闭调度器。
+     *
+     * @param schedule 调度器
+     */
+    public void shutdownJobs(Scheduler schedule) {
+        try {
+            if (!schedule.isShutdown()) {
+                schedule.shutdown();
+            }
+        } catch (Exception e) {
+            log.error("关闭调度器失败", e);
+            throw new RuntimeException("关闭调度器失败", e);
+        }
+    }
+
+    /**
+     * 添加或更新 Cron 定时任务。
+     * 如果触发器已存在，则修改其 Cron 表达式；否则，添加新的 Cron 定时任务。
+     *
+     * @param jobKey     任务标识
+     * @param triggerKey 触发器标识
+     * @param jobClass   任务类
+     * @param cron       Cron 表达式
+     * @param jobDataMap 任务数据
+     *
+     * @throws SchedulerException 如果添加或更新任务失败
+     */
+    public void addOrUpdateCronJob(JobKey jobKey, TriggerKey triggerKey, Class jobClass, String cron, JobDataMap jobDataMap)
+            throws SchedulerException {
+        log.info("AddOrUpdateCronJob: {}", jobKey.getName() + "," + triggerKey.getGroup());
+
+        if (scheduler.checkExists(triggerKey)) {
+            modifyCronJobTime(triggerKey, cron);
+        } else {
+            addCronJob(jobKey, triggerKey, jobClass, cron, jobDataMap);
+        }
+    }
+
+    /**
+     * 添加或更新 Cron 定时任务（不带 JobDataMap）。
+     *
+     * @param jobKey     任务标识
+     * @param triggerKey 触发器标识
+     * @param jobClass   任务类
+     * @param cron       Cron 表达式
+     *
+     * @throws SchedulerException 如果添加或更新任务失败
+     */
+    public void addOrUpdateCronJob(JobKey jobKey, TriggerKey triggerKey, Class jobClass, String cron) throws SchedulerException {
+        addOrUpdateCronJob(jobKey, triggerKey, jobClass, cron, null);
+    }
+
+    /**
+     * 获取默认的 JobDataMap，包含定时任务所需的基本信息。
+     *
+     * @param schedule   定时任务调度对象
+     * @param expression Cron 或时间表达式
+     * @param userId     执行任务的用户 ID
+     *
+     * @return JobDataMap 对象
+     */
+    public JobDataMap getDefaultJobDataMap(Schedule schedule, String expression, String userId) {
+        JobDataMap jobDataMap = new JobDataMap();
+        jobDataMap.put("resourceId", schedule.getResourceId());
+        jobDataMap.put("expression", expression);
+        jobDataMap.put("userId", userId);
+        jobDataMap.put("config", schedule.getConfig());
+        jobDataMap.put("organizationId", schedule.getOrganizationId());
+        return jobDataMap;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/schedule/ScheduleService.java b/backend/crm/src/main/java/cn/cordys/common/schedule/ScheduleService.java
new file mode 100644
index 0000000..a0f191b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/schedule/ScheduleService.java
@@ -0,0 +1,118 @@
+package cn.cordys.common.schedule;
+
+import cn.cordys.common.constants.ApplicationNumScope;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.uid.NumGenerator;
+import cn.cordys.crm.system.domain.Schedule;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.BooleanUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.quartz.JobKey;
+import org.quartz.SchedulerException;
+import org.quartz.TriggerKey;
+import org.springframework.transaction.annotation.Transactional;
+
+/**
+ * 定时任务服务类，负责调度任务的创建、编辑、删除及相关操作。
+ * 主要功能包括定时任务的增、删、查及其与调度器的交互。
+ *
+ * @since 1.0
+ */
+@Transactional(rollbackFor = Exception.class)
+public class ScheduleService {
+
+    @Resource
+    private BaseMapper<Schedule> scheduleMapper;
+
+    @Resource
+    private ScheduleManager scheduleManager;
+
+    /**
+     * 添加新的定时任务。
+     *
+     * @param schedule 定时任务对象
+     */
+    public void addSchedule(Schedule schedule) {
+        schedule.setId(IDGenerator.nextStr());
+        schedule.setCreateTime(System.currentTimeMillis());
+        schedule.setUpdateTime(System.currentTimeMillis());
+        schedule.setNum(getNextNum(schedule.getOrganizationId()));
+        scheduleMapper.insert(schedule);
+    }
+
+    /**
+     * 获取下一个任务编号。
+     *
+     * @param organizationId 项目 ID
+     *
+     * @return 下一个任务编号
+     */
+    public long getNextNum(String organizationId) {
+        return NumGenerator.nextNum(organizationId, ApplicationNumScope.TASK);
+    }
+
+    /**
+     * 根据任务 ID 获取定时任务。
+     *
+     * @param scheduleId 定时任务 ID
+     *
+     * @return 定时任务对象
+     */
+    public Schedule getSchedule(String scheduleId) {
+        return scheduleMapper.selectByPrimaryKey(scheduleId);
+    }
+
+    /**
+     * 编辑定时任务信息。
+     *
+     * @param schedule 要更新的定时任务对象
+     *
+     * @return 更新的记录数
+     */
+    public int editSchedule(Schedule schedule) {
+        schedule.setUpdateTime(System.currentTimeMillis());
+        return scheduleMapper.update(schedule);
+    }
+
+    /**
+     * 根据任务标识删除调度器中的任务。
+     *
+     * @param key 任务标识
+     * @param job 任务名
+     */
+    private void removeJob(String key, String job) {
+        scheduleManager.removeJob(new JobKey(key, job), new TriggerKey(key, job));
+    }
+
+    /**
+     * 添加或更新 Cron 表达式定时任务。
+     * 如果定时任务启用且 Cron 表达式有效，则添加或更新任务；否则，移除任务。
+     *
+     * @param request    定时任务请求对象
+     * @param jobKey     任务标识
+     * @param triggerKey 触发器标识
+     * @param clazz      任务类
+     */
+    public void addOrUpdateCronJob(Schedule request, JobKey jobKey, TriggerKey triggerKey, Class clazz) {
+        Boolean enable = request.getEnable();
+        String cronExpression = request.getValue();
+        if (BooleanUtils.isTrue(enable) && StringUtils.isNotBlank(cronExpression)) {
+            try {
+                // 添加或更新 Cron 表达式定时任务
+                scheduleManager.addOrUpdateCronJob(jobKey, triggerKey, clazz, cronExpression,
+                        scheduleManager.getDefaultJobDataMap(request, cronExpression, request.getCreateUser()));
+            } catch (SchedulerException e) {
+                throw new GenericException("定时任务开启异常: " + e.getMessage());
+            }
+        } else {
+            try {
+                // 移除定时任务
+                scheduleManager.removeJob(jobKey, triggerKey);
+            } catch (Exception e) {
+                throw new GenericException("定时任务关闭异常: " + e.getMessage());
+            }
+        }
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/security/ApiKeyFilter.java b/backend/crm/src/main/java/cn/cordys/common/security/ApiKeyFilter.java
new file mode 100644
index 0000000..0b3f821
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/security/ApiKeyFilter.java
@@ -0,0 +1,76 @@
+package cn.cordys.common.security;
+
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.security.SessionConstants;
+import jakarta.servlet.ServletRequest;
+import jakarta.servlet.ServletResponse;
+import jakarta.servlet.http.HttpServletRequest;
+import jakarta.servlet.http.HttpServletResponse;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.shiro.SecurityUtils;
+import org.apache.shiro.authc.UsernamePasswordToken;
+import org.apache.shiro.web.filter.authc.AnonymousFilter;
+import org.apache.shiro.web.util.WebUtils;
+
+/**
+ * 自定义过滤器，用于处理 Web 应用中的 API 密钥认证。
+ * 继承 AnonymousFilter 支持 API 密钥认证和常规会话认证。
+ */
+public class ApiKeyFilter extends AnonymousFilter {
+
+    private static final String NO_PASSWORD = "no_pass"; // 默认的密码，用于 API 密钥认证
+
+    /**
+     * 在处理请求之前调用。该方法检查请求是否使用 API 密钥。
+     * 如果没有 API 密钥且用户未认证，则允许请求通过。
+     * 如果提供了 API 密钥，则使用该密钥尝试认证用户。
+     *
+     * @param request     Servlet 请求
+     * @param response    Servlet 响应
+     * @param mappedValue 过滤器链中的映射值
+     *
+     * @return 如果请求应该继续处理返回 true，否则返回 false
+     */
+    @Override
+    protected boolean onPreHandle(ServletRequest request, ServletResponse response, Object mappedValue) {
+        HttpServletRequest httpRequest = WebUtils.toHttp(request);
+
+        // 如果不是 API 密钥请求且用户未认证，允许请求继续:
+        if (!ApiKeyHandler.isApiKeyCall(httpRequest) && !SecurityUtils.getSubject().isAuthenticated()) {
+            return true;
+        }
+
+        // 处理 API 密钥认证
+        if (!SecurityUtils.getSubject().isAuthenticated()) {
+            String userId = CommonBeanFactory.getUser(httpRequest);
+            if (StringUtils.isNotBlank(userId)) {
+                // 使用 API 密钥中的用户 ID 进行认证，密码设置为默认值
+                SecurityUtils.getSubject().login(new UsernamePasswordToken(userId, NO_PASSWORD));
+            }
+        }
+
+        // 如果仍未认证，设置响应头为无效状态
+        if (!SecurityUtils.getSubject().isAuthenticated()) {
+            ((HttpServletResponse) response).setHeader(SessionConstants.AUTHENTICATION_STATUS, "invalid");
+        }
+
+        return true;
+    }
+
+    /**
+     * 在请求处理之后调用。此方法用于处理 API 密钥退出逻辑。
+     * 如果是 API 密钥请求并且用户已认证，则注销当前用户。
+     *
+     * @param request  Servlet 请求
+     * @param response Servlet 响应
+     */
+    @Override
+    protected void postHandle(ServletRequest request, ServletResponse response) {
+        HttpServletRequest httpRequest = WebUtils.toHttp(request);
+
+        // 如果是 API 密钥请求且用户已认证，则注销用户
+        if (ApiKeyHandler.isApiKeyCall(httpRequest) && SecurityUtils.getSubject().isAuthenticated()) {
+            SecurityUtils.getSubject().logout();
+        }
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/security/ApiKeyHandler.java b/backend/crm/src/main/java/cn/cordys/common/security/ApiKeyHandler.java
new file mode 100644
index 0000000..f6dd736
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/security/ApiKeyHandler.java
@@ -0,0 +1,27 @@
+package cn.cordys.common.security;
+
+import jakarta.servlet.http.HttpServletRequest;
+import org.apache.commons.lang3.StringUtils;
+
+/**
+ * 处理 API 密钥验证的工具类，包括获取用户、验证请求是否包含 API 密钥以及验证签名的功能。
+ */
+public class ApiKeyHandler {
+
+    public static final String AUTHORIZATION = "Authorization"; // 授权字段
+
+    /**
+     * 判断请求是否包含有效的 API 密钥和签名。
+     *
+     * @param request HTTP 请求
+     *
+     * @return 如果请求包含有效的 API 密钥和签名，返回 true；否则返回 false
+     */
+    public static Boolean isApiKeyCall(HttpServletRequest request) {
+        if (request == null) {
+            return false;
+        }
+        String authorization = request.getHeader(AUTHORIZATION);
+        return !StringUtils.isBlank(authorization) && authorization.split(":").length >= 2;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/security/AuthFilter.java b/backend/crm/src/main/java/cn/cordys/common/security/AuthFilter.java
new file mode 100644
index 0000000..3b1f8df
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/security/AuthFilter.java
@@ -0,0 +1,42 @@
+package cn.cordys.common.security;
+
+import jakarta.servlet.ServletRequest;
+import jakarta.servlet.ServletResponse;
+import jakarta.servlet.http.HttpServletResponse;
+import org.apache.shiro.web.filter.authc.FormAuthenticationFilter;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-04-23  10:47
+ */
+public class AuthFilter extends FormAuthenticationFilter {
+
+
+    /**
+     * 重写 onAccessDenied 方法，避免认证失败返回 302 重定向
+     * 没有认证返回 401 状态码
+     *
+     * @param request
+     * @param response
+     *
+     * @return
+     *
+     * @throws Exception
+     */
+    @Override
+    protected boolean onAccessDenied(ServletRequest request, ServletResponse response) throws Exception {
+        if (isLoginRequest(request, response)) {
+            if (isLoginSubmission(request, response)) {
+                return executeLogin(request, response);
+            } else {
+                return true;
+            }
+        } else {
+            // 没有登入返回 401
+            HttpServletResponse httpResponse = (HttpServletResponse) response;
+            httpResponse.setStatus(HttpServletResponse.SC_UNAUTHORIZED);
+            httpResponse.setContentType("application/json;charset=UTF-8");
+            return false;
+        }
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/common/security/CsrfFilter.java b/backend/crm/src/main/java/cn/cordys/common/security/CsrfFilter.java
new file mode 100644
index 0000000..a033893
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/security/CsrfFilter.java
@@ -0,0 +1,138 @@
+package cn.cordys.common.security;
+
+import cn.cordys.common.util.CodingUtils;
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.security.SessionConstants;
+import cn.cordys.security.SessionUser;
+import cn.cordys.security.SessionUtils;
+import jakarta.servlet.ServletRequest;
+import jakarta.servlet.ServletResponse;
+import jakarta.servlet.http.HttpServletRequest;
+import jakarta.servlet.http.HttpServletResponse;
+import org.apache.commons.lang3.ArrayUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.apache.shiro.SecurityUtils;
+import org.apache.shiro.web.filter.authc.AnonymousFilter;
+import org.apache.shiro.web.util.WebUtils;
+import org.springframework.core.env.Environment;
+import org.springframework.http.HttpHeaders;
+
+/**
+ * 自定义过滤器，用于处理 CSRF 校验。
+ * 该过滤器确保只有认证用户才能访问非公开资源，并对请求中的 CSRF token 和 Referer 进行校验。
+ */
+public class CsrfFilter extends AnonymousFilter {
+
+    /**
+     * 在处理请求之前进行 CSRF 校验。
+     * 如果请求没有通过认证或请求头中包含有效的 CSRF token，则允许请求继续。
+     * 否则，抛出相应的异常或返回无效的认证状态。
+     *
+     * @param request     Servlet 请求
+     * @param response    Servlet 响应
+     * @param mappedValue 过滤器链中的映射值
+     *
+     * @return true 如果请求继续处理，false 如果请求被中断
+     */
+    @Override
+    protected boolean onPreHandle(ServletRequest request, ServletResponse response, Object mappedValue) {
+        HttpServletRequest httpServletRequest = WebUtils.toHttp(request);
+
+        // 如果用户未认证，返回认证无效状态
+        if (!SecurityUtils.getSubject().isAuthenticated()) {
+            ((HttpServletResponse) response).setHeader(SessionConstants.AUTHENTICATION_STATUS, SessionConstants.AUTHENTICATION_INVALID);
+            return true;
+        }
+
+        // 错误页面无需 CSRF 校验
+        if (httpServletRequest.getRequestURI().equals("/error")) {
+            return true;
+        }
+
+        // API 请求无需 CSRF 校验
+        if (ApiKeyHandler.isApiKeyCall(httpServletRequest)) {
+            return true;
+        }
+
+        // WebSocket 请求无需 CSRF 校验
+        String websocketKey = httpServletRequest.getHeader("Sec-WebSocket-Key");
+        if (StringUtils.isNotBlank(websocketKey)) {
+            return true;
+        }
+
+        // 允许 Swagger UI 访问，无需 CSRF 校验
+        if (Strings.CS.startsWithAny(httpServletRequest.getRequestURI(), "/swagger-ui", "/v3/api-docs")) {
+            return true;
+        }
+
+        // 获取请求头中的 CSRF token 和 X-Auth-Token
+        String csrfToken = httpServletRequest.getHeader(SessionConstants.CSRF_TOKEN);
+        String xAuthToken = httpServletRequest.getHeader(SessionConstants.HEADER_TOKEN);
+
+        // 校验 CSRF token 和 X-Auth-Token
+        validateToken(csrfToken, xAuthToken);
+
+        // 校验 Referer
+        validateReferer(httpServletRequest);
+
+        return true;
+    }
+
+    /**
+     * 校验请求中的 Referer 是否符合配置的域名要求。
+     * 如果没有配置 Referer 域名，默认不进行校验。
+     *
+     * @param request HttpServletRequest 请求
+     */
+    private void validateReferer(HttpServletRequest request) {
+        Environment env = CommonBeanFactory.getBean(Environment.class);
+        assert env != null;
+        String domains = env.getProperty("referer.urls");
+
+        // 如果没有配置 referer.urls，则不校验
+        if (StringUtils.isBlank(domains)) {
+            return;
+        }
+
+        String[] allowedDomains = StringUtils.split(domains, ",");
+        String referer = request.getHeader(HttpHeaders.REFERER);
+
+        // 校验 Referer 是否在允许的域名列表中
+        if (allowedDomains != null && !ArrayUtils.contains(allowedDomains, referer)) {
+            throw new RuntimeException("CSRF error: invalid referer");
+        }
+    }
+
+    /**
+     * 校验请求中的 CSRF token 和 X-Auth-Token 是否有效。
+     * 如果 token 无效，抛出异常。
+     *
+     * @param csrfToken  CSRF token
+     * @param xAuthToken X-Auth-Token
+     */
+    private void validateToken(String csrfToken, String xAuthToken) {
+        if (StringUtils.isBlank(csrfToken)) {
+            throw new RuntimeException("CSRF token is empty");
+        }
+
+        // 解密 CSRF token
+        csrfToken = CodingUtils.aesDecrypt(csrfToken, SessionUser.secret, CodingUtils.generateIv());
+
+        String[] signatureArray = StringUtils.split(StringUtils.trimToNull(csrfToken), "|");
+        if (signatureArray.length != 4) {
+            throw new RuntimeException("Invalid CSRF token format");
+        }
+
+        // 校验用户 ID 和会话 ID 是否匹配
+        if (!Strings.CS.equals(SessionUtils.getUserId(), signatureArray[0])) {
+            throw new RuntimeException("CSRF token does not match the current user");
+        }
+
+        // 校验 sessionId 或 X-Auth-Token 是否匹配
+        if (!Strings.CS.equals(SessionUtils.getSessionId(), signatureArray[2]) &&
+                !Strings.CS.equals(xAuthToken, signatureArray[2])) {
+            throw new RuntimeException("CSRF token does not match the current session");
+        }
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/security/realm/LocalRealm.java b/backend/crm/src/main/java/cn/cordys/common/security/realm/LocalRealm.java
new file mode 100644
index 0000000..10e84b5
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/security/realm/LocalRealm.java
@@ -0,0 +1,105 @@
+package cn.cordys.common.security.realm;
+
+
+import cn.cordys.common.constants.UserSource;
+import cn.cordys.common.permission.PermissionUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.service.UserLoginService;
+import cn.cordys.security.SessionConstants;
+import cn.cordys.security.SessionUser;
+import cn.cordys.security.SessionUtils;
+import cn.cordys.security.UserDTO;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.Strings;
+import org.apache.shiro.SecurityUtils;
+import org.apache.shiro.authc.*;
+import org.apache.shiro.authz.AuthorizationInfo;
+import org.apache.shiro.realm.AuthorizingRealm;
+import org.apache.shiro.session.Session;
+import org.apache.shiro.subject.PrincipalCollection;
+import org.springframework.context.annotation.Lazy;
+
+
+/**
+ * 自定义Realm 注入service 可能会导致在 service的aop 失效，例如@Transactional,
+ * 解决方法：
+ * <p>
+ * 1. 这里改成注入mapper，这样mapper 中的事务失效<br/>
+ * 2. 这里仍然注入service，在配置ShiroConfig 的时候不去set realm, 等到spring 初始化完成之后
+ * set realm
+ * </p>
+ */
+@Slf4j
+public class LocalRealm extends AuthorizingRealm {
+    @Resource
+    @Lazy
+    private UserLoginService userLoginService;
+
+    @Override
+    public String getName() {
+        return "LOCAL";
+    }
+
+    /**
+     * 角色认证
+     */
+    @Override
+    protected AuthorizationInfo doGetAuthorizationInfo(PrincipalCollection principals) {
+        return null;
+    }
+
+    /**
+     * 登录认证
+     */
+    @Override
+    protected AuthenticationInfo doGetAuthenticationInfo(AuthenticationToken authenticationToken) throws AuthenticationException {
+        UsernamePasswordToken token = (UsernamePasswordToken) authenticationToken;
+        Session session = SecurityUtils.getSubject().getSession();
+        String login = (String) session.getAttribute("authenticate");
+
+        String userId = token.getUsername();
+        String password = String.valueOf(token.getPassword());
+
+        if (Strings.CS.equals(login, UserSource.LOCAL.name())) {
+            return loginLocalMode(userId, password);
+        }
+
+        UserDTO user = getUserWithOutAuthenticate(userId);
+        userId = user.getId();
+        SessionUser sessionUser = SessionUser.fromUser(user, (String) session.getId());
+        session.setAttribute(SessionConstants.ATTR_USER, sessionUser);
+        return new SimpleAuthenticationInfo(userId, password, getName());
+
+    }
+
+    @Override
+    public boolean isPermitted(PrincipalCollection principals, String permission) {
+        return PermissionUtils.hasPermission(permission);
+    }
+
+    private UserDTO getUserWithOutAuthenticate(String userId) {
+        UserDTO user = userLoginService.authenticateUser(userId);
+        if (user == null) {
+            log.info("The user does not exist: {}", userId);
+            throw new UnknownAccountException(Translator.get("password_is_incorrect"));
+        }
+        return user;
+    }
+
+    private AuthenticationInfo loginLocalMode(String userId, String password) {
+        UserDTO user = userLoginService.authenticateUser(userId);
+        if (user == null) {
+            log.warn("The user does not exist: {}", userId);
+            throw new UnknownAccountException(Translator.get("password_is_incorrect"));
+        }
+        // 密码验证
+        if (!userLoginService.checkUserPassword(user.getId(), password)) {
+            throw new IncorrectCredentialsException(Translator.get("password_is_incorrect"));
+        }
+        SessionUser sessionUser = SessionUser.fromUser(user, SessionUtils.getSessionId());
+        SessionUtils.putUser(sessionUser);
+        return new SimpleAuthenticationInfo(userId, password, getName());
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/service/BaseChartService.java b/backend/crm/src/main/java/cn/cordys/common/service/BaseChartService.java
new file mode 100644
index 0000000..755829f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/service/BaseChartService.java
@@ -0,0 +1,208 @@
+package cn.cordys.common.service;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.ChartAnalysisDbRequest;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.dto.chart.ChartCategoryAxisDbParam;
+import cn.cordys.common.dto.chart.ChartResult;
+import cn.cordys.common.resolver.field.AbstractModuleFieldResolver;
+import cn.cordys.common.resolver.field.ModuleFieldResolverFactory;
+import cn.cordys.common.utils.IndustryUtils;
+import cn.cordys.common.utils.RegionUtils;
+import cn.cordys.crm.system.constants.FieldType;
+import cn.cordys.crm.system.dto.field.MemberField;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ModuleFormService;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+
+import java.util.*;
+import java.util.function.Function;
+import java.util.stream.Collectors;
+
+/**
+ * 图标分析通用类
+ *
+ * @author song-cc-rock
+ */
+@Service
+public class BaseChartService {
+
+    @Resource
+    private ModuleFormService moduleFormService;
+
+    public List<ChartResult> translateAxisName(ModuleFormConfigDTO formConfig, ChartAnalysisDbRequest chartAnalysisDbRequest, List<ChartResult> chartResults) {
+        ChartCategoryAxisDbParam categoryAxisParam = chartAnalysisDbRequest.getCategoryAxisParam();
+        ChartCategoryAxisDbParam subCategoryAxisParam = chartAnalysisDbRequest.getSubCategoryAxisParam();
+        chartResults = chartResults.stream()
+                .filter(Objects::nonNull)
+                .toList();
+
+        BaseField categoryAxisField = getBaseField(formConfig.getFields(), categoryAxisParam.getFieldId());
+        BaseField subCategoryAxisField = null;
+        if (subCategoryAxisParam != null) {
+            subCategoryAxisField = getBaseField(formConfig.getFields(), subCategoryAxisParam.getFieldId());
+        }
+
+        Map<String, List<OptionDTO>> optionMap = getChartOptionMap(formConfig, chartResults, categoryAxisParam,
+                subCategoryAxisParam);
+
+        Map<String, String> categoryOptionMap = Optional.ofNullable(optionMap.get(categoryAxisParam.getFieldId()))
+                .orElse(List.of())
+                .stream()
+                .collect(Collectors.toMap(OptionDTO::getId, OptionDTO::getName));
+
+        Map<String, String> subCategoryOptionMap = null;
+        if (subCategoryAxisField != null) {
+            subCategoryOptionMap = Optional.ofNullable(optionMap.get(subCategoryAxisParam.getFieldId()))
+                    .orElse(List.of())
+                    .stream()
+                    .collect(Collectors.toMap(OptionDTO::getId, OptionDTO::getName));
+        }
+
+        for (ChartResult chartResult : chartResults) {
+            if (categoryOptionMap.get(chartResult.getCategoryAxis()) != null) {
+                chartResult.setCategoryAxisName(categoryOptionMap.get(chartResult.getCategoryAxis()));
+            } else {
+                chartResult.setCategoryAxisName(chartResult.getCategoryAxis());
+            }
+
+            if (subCategoryOptionMap != null && subCategoryOptionMap.get(chartResult.getSubCategoryAxis()) != null) {
+                chartResult.setSubCategoryAxisName(subCategoryOptionMap.get(chartResult.getSubCategoryAxis()));
+            } else {
+                chartResult.setSubCategoryAxisName(chartResult.getSubCategoryAxis());
+            }
+
+            if (chartResult.getValueAxis() == null) {
+                chartResult.setValueAxis(0);
+            }
+
+            if (categoryAxisField.isLocation() && chartResult.getCategoryAxis()!=null){
+                AbstractModuleFieldResolver customFieldResolver = ModuleFieldResolverFactory.getResolver(categoryAxisField.getType());
+                chartResult.setCategoryAxisName(String.valueOf(customFieldResolver.transformToValue(categoryAxisField, chartResult.getCategoryAxis())));
+                chartResult.setCategoryAxis(RegionUtils.getCode(chartResult.getCategoryAxis()));
+            }
+
+            if (subCategoryAxisField != null && subCategoryAxisField.isLocation()) {
+                AbstractModuleFieldResolver customFieldResolver = ModuleFieldResolverFactory.getResolver(subCategoryAxisField.getType());
+                chartResult.setSubCategoryAxisName(String.valueOf(customFieldResolver.transformToValue(categoryAxisField, chartResult.getSubCategoryAxis())));
+                chartResult.setSubCategoryAxis(RegionUtils.getCode(chartResult.getSubCategoryAxis()));
+            }
+
+            if (categoryAxisField.isIndustry()) {
+                chartResult.setCategoryAxisName(IndustryUtils.mapping(chartResult.getCategoryAxis(), false));
+            }
+
+            if (subCategoryAxisField != null && subCategoryAxisField.isIndustry()) {
+                chartResult.setSubCategoryAxisName(IndustryUtils.mapping(chartResult.getSubCategoryAxis(), false));
+            }
+        }
+
+        if (categoryAxisField.isLocation()) {
+            // 合并CategoryAxis相同的项
+            chartResults = mergeResult(chartResults, ChartResult::getCategoryAxis);
+        }
+
+        if (subCategoryAxisField != null && subCategoryAxisField.isLocation()) {
+            // 合并SubCategoryAxis相同的项
+            chartResults = mergeResult(chartResults, ChartResult::getSubCategoryAxis);
+        }
+
+        return chartResults;
+    }
+
+    private static BaseField getBaseField(List<BaseField> fields, String fieldKey) {
+        if (StringUtils.isBlank(fieldKey)) {
+            return null;
+        }
+        return fields.stream()
+                .filter(field -> Strings.CI.equals(field.getId(), fieldKey)
+                        || Strings.CI.equals(field.getBusinessKey(), fieldKey))
+                .findFirst().orElse(null);
+    }
+
+    private static List<ChartResult> mergeResult(List<ChartResult> chartResults, Function<ChartResult, String> getKeyFunc) {
+        Map<String, ChartResult> mergedResults = new HashMap<>(chartResults.size());
+        for (ChartResult chartResult : chartResults) {
+            String categoryAxis = getKeyFunc.apply(chartResult);
+            if (mergedResults.containsKey(categoryAxis)) {
+                ChartResult existingResult = mergedResults.get(categoryAxis);
+                if (existingResult.getValueAxis() instanceof Double && chartResult.getValueAxis() instanceof Double) {
+                    existingResult.setValueAxis((Double) existingResult.getValueAxis() + (Double) chartResult.getValueAxis());
+                } else if (existingResult.getValueAxis() instanceof Long && chartResult.getValueAxis() instanceof Long) {
+                    existingResult.setValueAxis((Long) existingResult.getValueAxis() + (Long) chartResult.getValueAxis());
+                } else if (existingResult.getValueAxis() instanceof Integer && chartResult.getValueAxis() instanceof Integer) {
+                    existingResult.setValueAxis((Integer) existingResult.getValueAxis() + (Integer) chartResult.getValueAxis());
+                }
+            } else {
+                mergedResults.put(categoryAxis, chartResult);
+            }
+        }
+        return new ArrayList<>(mergedResults.values());
+    }
+
+    private Map<String, List<OptionDTO>> getChartOptionMap(
+            ModuleFormConfigDTO formConfig,
+            List<ChartResult> chartResults,
+            ChartCategoryAxisDbParam categoryAxisParam,
+            ChartCategoryAxisDbParam subCategoryAxisParam) {
+
+        var categoryAxisField = getBaseField(formConfig.getFields(), categoryAxisParam.getFieldId());
+        var subCategoryAxisField = subCategoryAxisParam != null
+                ? getBaseField(formConfig.getFields(), subCategoryAxisParam.getFieldId())
+                : null;
+
+        // 收集所有需要转换为 Option 的字段值
+        var moduleFieldValues = chartResults.stream()
+                .flatMap(chartResult -> {
+                    List<BaseModuleFieldValue> values = new ArrayList<>(2);
+
+                    if (categoryAxisField != null && categoryAxisField.hasOptions()) {
+                        var categoryValue = getBaseModuleFieldValue(categoryAxisParam.getFieldId());
+                        categoryValue.setFieldValue(chartResult.getCategoryAxis());
+                        values.add(categoryValue);
+                    }
+
+                    if (subCategoryAxisField != null && subCategoryAxisField.hasOptions()) {
+                        var subValue = getBaseModuleFieldValue(subCategoryAxisParam.getFieldId());
+                        subValue.setFieldValue(chartResult.getSubCategoryAxis());
+                        values.add(subValue);
+                    }
+
+                    return values.stream();
+                })
+                .filter(BaseModuleFieldValue::valid)
+                .distinct()
+                .toList();
+
+        if (moduleFieldValues.isEmpty()) {
+            return Map.of();
+        }
+
+        return moduleFormService.getOptionMap(formConfig, moduleFieldValues);
+    }
+
+    private static BaseModuleFieldValue getBaseModuleFieldValue(String fieldKey) {
+        BaseModuleFieldValue categoryFieldValue = new BaseModuleFieldValue();
+        categoryFieldValue.setFieldId(fieldKey);
+        return categoryFieldValue;
+    }
+
+    public static List<BaseField> getChartBaseFields() {
+        BaseField createUserField = new MemberField();
+        createUserField.setType(FieldType.MEMBER.name());
+        createUserField.setId("createUser");
+        createUserField.setBusinessKey("createUser");
+
+        BaseField updateUserField = new MemberField();
+        updateUserField.setType(FieldType.MEMBER.name());
+        updateUserField.setId("updateUser");
+        updateUserField.setBusinessKey("updateUser");
+
+        return List.of(createUserField, updateUserField);
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/service/BaseExportService.java b/backend/crm/src/main/java/cn/cordys/common/service/BaseExportService.java
new file mode 100644
index 0000000..f1076b0
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/service/BaseExportService.java
@@ -0,0 +1,929 @@
+package cn.cordys.common.service;
+
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.dto.LogDTO;
+import cn.cordys.common.context.CustomFunction;
+import cn.cordys.common.context.ExportTaskFunction;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.*;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.resolver.field.AbstractModuleFieldResolver;
+import cn.cordys.common.resolver.field.ModuleFieldResolverFactory;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.SubListUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.approval.service.ApprovalFlowService;
+import cn.cordys.crm.system.constants.ExportConstants;
+import cn.cordys.crm.system.domain.ExportTask;
+import cn.cordys.crm.system.dto.field.DatasourceField;
+import cn.cordys.crm.system.dto.field.DepartmentField;
+import cn.cordys.crm.system.dto.field.SelectField;
+import cn.cordys.crm.system.dto.field.SelectMultipleField;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.field.base.OptionProp;
+import cn.cordys.crm.system.dto.field.base.SubField;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.excel.domain.MergeResult;
+import cn.cordys.crm.system.excel.handler.CustomHeadColWidthStyleStrategy;
+import cn.cordys.crm.system.excel.handler.SummaryMergeHandler;
+import cn.cordys.crm.system.service.ExportTaskService;
+import cn.cordys.crm.system.service.LogService;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.crm.system.service.ModuleFormService;
+import cn.cordys.file.engine.DefaultRepositoryDir;
+import cn.cordys.registry.ExportThreadRegistry;
+import cn.idev.excel.EasyExcel;
+import cn.idev.excel.ExcelWriter;
+import cn.idev.excel.support.ExcelTypeEnum;
+import cn.idev.excel.write.metadata.WriteSheet;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.apache.poi.ss.usermodel.Sheet;
+import org.apache.poi.xssf.streaming.SXSSFWorkbook;
+import org.springframework.context.i18n.LocaleContextHolder;
+
+import java.io.File;
+import java.lang.reflect.Field;
+import java.util.*;
+import java.util.concurrent.atomic.AtomicInteger;
+import java.util.concurrent.atomic.AtomicReference;
+import java.util.function.Function;
+import java.util.stream.Collectors;
+
+@Slf4j
+public abstract class BaseExportService {
+
+    /**
+     * 最大查询数量
+     */
+    public static final int EXPORT_MAX_COUNT = 5000;
+    /**
+     * 汇总字段前缀
+     */
+    private static final String SUM_PREFIX = "sum_";
+    public static final String SLASH = "/";
+    /**
+     * SXSSFWorkbook行访问窗口大小
+     */
+    public static final String ROW_ACCESS_SIZE = "_randomAccessWindowSize";
+
+    @Resource
+    private LogService logService;
+    @Resource
+    private ExportTaskService exportTaskService;
+
+    public Map<String, BaseField> getFieldConfigMap(String formKey, String orgId) {
+        return Objects.requireNonNull(CommonBeanFactory.getBean(ModuleFormService.class))
+                .getAllFields(formKey, orgId)
+                .stream()
+                .collect(Collectors.toMap(BaseField::getId, Function.identity()));
+    }
+
+
+    public <T extends BasePageRequest> void batchHandleData(String fileId, List<List<String>> headList, ExportTask task, String fileName, T t, CustomFunction<T, List<?>> func) throws InterruptedException {
+        // 准备导出文件
+        File file = prepareExportFile(fileId, fileName, task.getOrganizationId());
+
+        try (ExcelWriter writer = EasyExcel.write(file)
+                .head(headList)
+                .excelType(ExcelTypeEnum.XLSX)
+                .build()) {
+
+            WriteSheet sheet = EasyExcel.writerSheet("导出数据").build();
+
+            int current = 1;
+            t.setPageSize(EXPORT_MAX_COUNT);
+
+            while (true) {
+                if (ExportThreadRegistry.isInterrupted(task.getId())) {
+                    throw new InterruptedException("线程已被中断，主动退出");
+                }
+
+                t.setCurrent(current);
+                List<?> data = func.apply(t);
+                if (CollectionUtils.isEmpty(data)) {
+                    break;
+                }
+                writer.write(data, sheet);
+                if (data.size() < EXPORT_MAX_COUNT) {
+                    break;
+                }
+                current++;
+            }
+        }
+
+
+    }
+
+    /**
+     * 分页写入数据并合并
+     *
+     * @param headList     头信息
+     * @param task         任务
+     * @param fileName     文件名
+     * @param t            请求参数
+     * @param func         获取数据方法
+     * @param mergeColumns 合并列
+     * @param <T>          参数类型
+     *
+     * @throws InterruptedException 异常信息
+     */
+    public <T extends BasePageRequest> void batchHandleDataWithMergeStrategy(List<List<String>> headList, ExportTask task, String fileName,
+                                                                             List<Integer> mergeColumns, T t,
+                                                                             CustomFunction<T, MergeResult> func) throws InterruptedException {
+
+        File file = prepareExportFile(task.getFileId(), fileName, task.getOrganizationId());
+
+        try (ExcelWriter writer = EasyExcel.write(file)
+                .head(headList)
+                .excelType(ExcelTypeEnum.XLSX)
+                .registerWriteHandler(new CustomHeadColWidthStyleStrategy())
+                .build()) {
+
+            WriteSheet sheet = EasyExcel.writerSheet("导出数据").build();
+            setRowAccessWindowSize(writer);
+
+            int offset = 2, current = 1;
+            t.setPageSize(EXPORT_MAX_COUNT);
+
+            while (true) {
+                if (ExportThreadRegistry.isInterrupted(task.getId())) {
+                    throw new InterruptedException("线程已被中断，主动退出");
+                }
+
+                t.setCurrent(current);
+                MergeResult mergeResult = func.apply(t);
+                if (CollectionUtils.isEmpty(mergeResult.getDataList())) {
+                    break;
+                }
+                // 写入数据
+                writer.write(mergeResult.getDataList(), sheet);
+                // 执行合并策略
+                Sheet mergeSheet = writer.writeContext().writeWorkbookHolder().getWorkbook().getSheetAt(0);
+                SummaryMergeHandler strategy = new SummaryMergeHandler(mergeResult.getMergeRegions(), mergeColumns, getSummaryColIdx(headList, mergeColumns), offset);
+                strategy.merge(mergeSheet);
+                if (mergeResult.getHandleCount() < EXPORT_MAX_COUNT) {
+                    break;
+                }
+                // 下一页&&记录偏移量
+                current++;
+                offset += mergeResult.getDataList().size();
+            }
+        }
+    }
+
+
+    /**
+     * 准备导出文件
+     *
+     * @param fileId   文件ID
+     * @param fileName 文件名
+     *
+     * @return 导出文件
+     */
+    public File prepareExportFile(String fileId, String fileName, String orgId) {
+        if (fileId == null || fileName == null || orgId == null) {
+            throw new IllegalArgumentException("文件ID、文件名和组织ID不能为空");
+        }
+
+        // 构建导出目录路径
+        String exportDirPath = DefaultRepositoryDir.getDefaultDir()
+                + File.separator
+                + DefaultRepositoryDir.getExportDir(orgId)
+                + File.separator + fileId;
+
+        File dir = new File(exportDirPath);
+
+        // 检查目录创建结果
+        if (!dir.exists() && !dir.mkdirs()) {
+            throw new RuntimeException("无法创建导出目录: " + dir.getAbsolutePath());
+        }
+
+        // 返回完整的文件路径
+        return new File(dir, fileName + ".xlsx");
+    }
+
+    /**
+     * 根据数据value 转换对应值
+     *
+     * @param headList       头集合信息
+     * @param systemFieldMap 系统字段值
+     * @param moduleFieldMap 模块字段值
+     * @param dataList       数据列表
+     * @param fieldConfigMap 字段配置集合
+     */
+    public List<Object> transModuleFieldValue(List<ExportHeadDTO> headList, LinkedHashMap<String, Object> systemFieldMap, Map<String, Object> moduleFieldMap, List<Object> dataList, Map<String, BaseField> fieldConfigMap) {
+        headList.forEach(head -> {
+            if (systemFieldMap.containsKey(head.getKey())) {
+                //固定字段
+                dataList.add(systemFieldMap.get(head.getKey()));
+            } else if (moduleFieldMap.containsKey(head.getKey())) {
+                //自定义字段
+                Map<String, Object> collect = moduleFieldMap.entrySet().stream()
+                        .filter(entry -> entry.getKey().equals(head.getKey()))
+                        .collect(Collectors.toMap(Map.Entry::getKey, Map.Entry::getValue));
+
+                getResourceFieldMap(collect, dataList, fieldConfigMap);
+            } else {
+                dataList.add(null);
+            }
+
+        });
+        return dataList;
+    }
+
+    /**
+     * 导出全部(合并策略)
+     *
+     * @param exportParam 导出参数
+     *
+     * @return 导出任务ID
+     */
+    public String exportAllWithMergeStrategy(ExportDTO exportParam) {
+        List<List<String>> exportHeads = getExportMergeHeadList(exportParam.getHeadList(), exportParam.getOrgId(), exportParam.getFormKey());
+        List<Integer> mergeColumns = getMergeColumns(exportHeads);
+        exportParam.setMergeHeads(getMergeHeads(exportParam.getHeadList(), exportParam.getFormKey(), exportParam.getOrgId()));
+        return exportWithMergeStrategy(exportParam, (task) -> batchHandleDataWithMergeStrategy(exportHeads, task, exportParam.getFileName(),
+                mergeColumns, exportParam.getPageRequest(),
+                t -> getExportMergeData(task.getId(), exportParam)));
+    }
+
+    /**
+     * 导出选中(合并策略)
+     *
+     * @param exportParam 导出参数
+     *
+     * @return 导出任务ID
+     */
+    public String exportSelectWithMergeStrategy(ExportDTO exportParam) {
+        List<List<String>> exportHeads = getExportMergeHeadList(exportParam.getHeadList(), exportParam.getOrgId(), exportParam.getFormKey());
+        List<Integer> mergeColumns = getMergeColumns(exportHeads);
+        exportParam.setMergeHeads(getMergeHeads(exportParam.getHeadList(), exportParam.getFormKey(), exportParam.getOrgId()));
+        return exportWithMergeStrategy(exportParam, (task) -> {
+            File file = prepareExportFile(task.getFileId(), exportParam.getFileName(), task.getOrganizationId());
+            try (ExcelWriter writer = EasyExcel.write(file).head(exportHeads).excelType(ExcelTypeEnum.XLSX)
+                    .registerWriteHandler(new CustomHeadColWidthStyleStrategy()).build()) {
+                WriteSheet sheet = EasyExcel.writerSheet("导出数据").build();
+                setRowAccessWindowSize(writer);
+                AtomicInteger offset = new AtomicInteger(2);
+                SubListUtils.dealForSubList(exportParam.getSelectIds(), SubListUtils.DEFAULT_EXPORT_BATCH_SIZE, (ids) -> {
+                    MergeResult mergeResult = new MergeResult();
+                    try {
+                        mergeResult = getExportMergeData(task.getId(), exportParam);
+                    } catch (InterruptedException e) {
+                        log.error("任务停止中断", e);
+                        exportTaskService.update(task.getId(), ExportConstants.ExportStatus.STOP.toString(), exportParam.getUserId());
+                    }
+                    // 写入数据
+                    writer.write(mergeResult.getDataList(), sheet);
+                    // 执行合并策略
+                    Sheet mergeSheet = writer.writeContext().writeWorkbookHolder().getWorkbook().getSheetAt(0);
+                    SummaryMergeHandler strategy = new SummaryMergeHandler(mergeResult.getMergeRegions(), mergeColumns, getSummaryColIdx(exportHeads, mergeColumns), offset.get());
+                    strategy.merge(mergeSheet);
+                    offset.addAndGet(mergeResult.getDataList().size());
+                });
+            }
+        });
+    }
+
+    /**
+     * 通用导出(合并策略)
+     *
+     * @param exportParam 导出参数
+     * @param executor    导出执行器
+     *
+     * @return 导出任务ID
+     */
+    private String exportWithMergeStrategy(ExportDTO exportParam, ExportExecutor executor) {
+        exportParam.setExportFieldParam(getExportFieldParam(exportParam));
+        exportParam.setExportMetas(getExportFieldMeta(exportParam.getExportFieldParam().getFieldConfigMap(), exportParam.getMergeHeads()));
+        return asyncExport(exportParam.getFileName(), exportParam.getOrgId(), exportParam.getUserId(), exportParam.getLocale(),
+                exportParam.getLogModule(), exportParam.getExportType(), executor);
+    }
+
+    /**
+     * 获取导出的表头信息
+     *
+     * @param headList   表头列表
+     * @param currentOrg 当前组织
+     *
+     * @return 表头信息
+     */
+    private List<List<String>> getExportMergeHeadList(List<ExportHeadDTO> headList, String currentOrg, String formKey) {
+        return Objects.requireNonNull(CommonBeanFactory.getBean(ModuleFormService.class)).getAllExportHeads(headList, formKey, currentOrg);
+    }
+
+    /**
+     * 解析字段值 (子表格)
+     *
+     * @param metas          表头元信息
+     * @param sysFieldValMap 系统字段值
+     *
+     * @return 单行记录值
+     */
+    public List<Object> transFieldValueWithSub(List<FieldExportMeta> metas, LinkedHashMap<String, Object> sysFieldValMap, Map<String, Object> normalFieldMap,
+                                               Map<String, Object> subRowMap, Map<Object, Object> cacheMap) {
+        List<Object> dataList = new ArrayList<>(metas.size());
+        for (FieldExportMeta meta : metas) {
+            BaseField field = meta.getField();
+            if (field == null) {
+                dataList.add(sysFieldValMap.get(meta.getHead()));
+                continue;
+            }
+
+            String businessKey = meta.getBusinessKey();
+            String fieldId = meta.getFieldId();
+            if (StringUtils.isNotEmpty(meta.getPrefixId())) {
+                businessKey = meta.getPrefixId() + SLASH + meta.getBusinessKey();
+                fieldId = meta.getPrefixId() + SLASH + meta.getFieldId();
+            }
+
+            Object value = null;
+            // 引用ID不存在时, 先用Key尝试取值 (取值顺序: 系统字段值 > 普通字段值 > 子表行数据)
+            if (meta.isNoResource()) {
+                value = sysFieldValMap.get(businessKey);
+                if (value != null) {
+                    dataList.add(value);
+                    continue;
+                }
+                value = normalFieldMap.get(businessKey);
+                if (value == null) {
+                    value = subRowMap.get(businessKey);
+                }
+            }
+            // 兜底取值
+            if (value == null) {
+                value = normalFieldMap.get(fieldId);
+            }
+            if (value == null) {
+                value = subRowMap.get(fieldId);
+            }
+
+            dataList.add(value == null ? null : transformFieldValue(meta.getResolver(), field, value, cacheMap));
+        }
+
+        return dataList;
+    }
+
+    @SuppressWarnings({"rawtypes", "unchecked"})
+    public Object transformFieldValue(AbstractModuleFieldResolver resolver, BaseField field, Object value, Map<Object, Object> cacheMap) {
+        if (value == null) {
+            return null;
+        }
+        if (field instanceof DatasourceField ||
+                field instanceof DepartmentField ||
+                field instanceof SelectField ||
+                field instanceof SelectMultipleField) {
+
+            if (cacheMap.containsKey(value)) {
+                return cacheMap.get(value);
+            } else {
+                var data = resolver.transformToValue(field, value instanceof List ? JSON.toJSONString(value) : value.toString());
+                cacheMap.put(value, data);
+                return data;
+            }
+        }
+
+        return resolver.transformToValue(field, value instanceof List ? JSON.toJSONString(value) : value.toString());
+    }
+
+    @SuppressWarnings({"rawtypes", "unchecked"})
+    public Object transformFieldValue(BaseField field, Object value) {
+        if (value == null) {
+            return null;
+        }
+        AbstractModuleFieldResolver customFieldResolver = ModuleFieldResolverFactory.getResolver(field.getType());
+        // 将数据库中的字符串值,转换为对应的对象值
+        return customFieldResolver.transformToValue(field, value instanceof List ? JSON.toJSONString(value) : value.toString());
+    }
+
+    /**
+     * 构建含有子表格的导出数据
+     *
+     * @param moduleFieldValues 自定义字段值
+     * @param exportFieldParam  导出参数
+     * @param metas             导出表头元数据
+     * @param systemFieldMap    系统字段值
+     *
+     * @return 导出数据列表
+     */
+    protected List<List<Object>> buildDataWithSub(List<BaseModuleFieldValue> moduleFieldValues, ExportFieldParam exportFieldParam, List<FieldExportMeta> metas, LinkedHashMap<String, Object> systemFieldMap, Map<Object, Object> cacheMap) {
+        List<List<Object>> dataList = new ArrayList<>();
+        if (org.apache.commons.collections4.CollectionUtils.isEmpty(moduleFieldValues)) {
+            // 无自定义字段, 导出系统字段值, 单行导出
+            dataList.add(transFieldValueWithSub(metas, systemFieldMap, new LinkedHashMap<>(), new LinkedHashMap<>(), cacheMap));
+            return dataList;
+        }
+
+        // 拆分子表格字段, 普通字段值
+        List<BaseModuleFieldValue> subFvs = new ArrayList<>();
+        Map<String, Object> normalFvs = new HashMap<>(8);
+        Set<String> subIds = exportFieldParam.getSubIds();
+        for (BaseModuleFieldValue mfv : moduleFieldValues) {
+            String fieldId = mfv.getFieldId();
+            Object fieldValue = mfv.getFieldValue();
+            if (subIds.contains(fieldId)) {
+                subFvs.add(mfv);
+            } else {
+                normalFvs.put(fieldId, fieldValue);
+            }
+        }
+
+        // 子表格缺失, 无需合并逻辑, 单行导出 (普通字段值).
+        if (isNullSubValue(subFvs)) {
+            dataList.add(transFieldValueWithSub(metas, systemFieldMap, normalFvs, new LinkedHashMap<>(), cacheMap));
+            return dataList;
+        }
+
+        // 合并子表格字段值, 构建多行导出数据
+        List<Map<String, Object>> alignSubFvs = alignSubFvs(subFvs);
+
+        // 子表格合并为空, 单行导出 (普通字段值).
+        if (CollectionUtils.isEmpty(alignSubFvs)) {
+            dataList.add(transFieldValueWithSub(metas, systemFieldMap, normalFvs, new LinkedHashMap<>(), cacheMap));
+            return dataList;
+        }
+
+        // 第一行数据 = 系统字段值 + 普通字段值 + 第一行子表格字段值 (合并时保留)
+        List<Object> data = transFieldValueWithSub(metas, systemFieldMap, normalFvs, alignSubFvs.getFirst(), cacheMap);
+        dataList.add(data);
+
+        // 剩余子表行 (并行处理)
+        for (int i = 1; i < alignSubFvs.size(); i++) {
+            // 其余行只用遍历子表格字段
+            dataList.add(transFieldValueWithSub(metas, new LinkedHashMap<>(),
+                    new LinkedHashMap<>(), alignSubFvs.get(i), cacheMap));
+        }
+
+        return dataList;
+    }
+
+    /**
+     * 解析自定义字段
+     *
+     * @param moduleFieldMap 模块字段值
+     * @param dataList       数据列表
+     * @param fieldConfigMap 字段配置映射
+     */
+    public void getResourceFieldMap(Map<String, Object> moduleFieldMap, List<Object> dataList, Map<String, BaseField> fieldConfigMap) {
+        moduleFieldMap.forEach((key, value) -> {
+            BaseField fieldConfig = fieldConfigMap.get(key);
+            if (fieldConfig == null) {
+                return;
+            }
+            dataList.add(transformFieldValue(fieldConfig, value));
+        });
+    }
+
+
+    /**
+     * 日志
+     *
+     * @param orgId      组织ID
+     * @param taskId     任务ID
+     * @param userId     用户ID
+     * @param logType    日志类型
+     * @param moduleType 模块类型
+     * @param fileName   文件名
+     */
+    public void exportLog(String orgId, String taskId, String userId, String logType, String moduleType, String fileName) {
+        LogDTO logDTO = new LogDTO(orgId, taskId, userId, logType, moduleType, fileName);
+        logService.add(logDTO);
+    }
+
+
+    public void checkFileName(String fileName) {
+        if (fileName.contains(SLASH)) {
+            throw new GenericException(Translator.get("file_name_illegal"));
+        }
+    }
+
+    /**
+     * 构建全部导出数据
+     *
+     * @return 导出数据列表
+     *
+     * @throws InterruptedException 异常信息
+     */
+    protected List<List<Object>> getExportData(String taskId, ExportDTO exportDTO) throws InterruptedException {
+        return null;
+    }
+
+    /**
+     * 构建导出合并数据
+     *
+     * @param taskId      任务ID
+     * @param exportParam 导出参数
+     *
+     * @return 导出数据列表 && 合并区域
+     *
+     * @throws InterruptedException 异常信息
+     */
+    protected MergeResult getExportMergeData(String taskId, ExportDTO exportParam) throws InterruptedException {
+        return null;
+    }
+
+    /**
+     * 构建选择的导出数据
+     *
+     * @return 导出数据列表
+     *
+     * @throws InterruptedException 异常信息
+     */
+    protected List<List<Object>> getSelectExportData(List<String> ids, String taskId, ExportDTO exportDTO) throws InterruptedException {
+        return null;
+    }
+
+
+    protected Map<String, Object> getFieldIdValueMap(List<BaseModuleFieldValue> fieldValues) {
+        AtomicReference<Map<String, Object>> moduleFieldMap = new AtomicReference<>(new LinkedHashMap<>());
+        Optional.ofNullable(fieldValues).ifPresent(moduleFields -> moduleFieldMap.set(
+                moduleFields.stream()
+                        .filter(fv -> fv.getFieldValue() != null)
+                        .collect(Collectors.toMap(BaseModuleFieldValue::getFieldId, BaseModuleFieldValue::getFieldValue)))
+        );
+        return moduleFieldMap.get();
+    }
+
+    /**
+     * 异步导出通用方法
+     *
+     * @param exportFileName 导出文件名
+     * @param currentOrg     当前组织
+     * @param currentUser    当前用户
+     * @param locale         语言环境
+     * @param logModule      日志模块
+     * @param executor       导出执行器
+     */
+    public String asyncExport(String exportFileName, String currentOrg, String currentUser, Locale locale, String logModule,
+                              String exportType, ExportExecutor executor) {
+        checkFileName(exportFileName);
+        exportTaskService.checkUserTaskLimit(currentUser, exportType);
+        String fileId = IDGenerator.nextStr();
+        ExportTask exportTask = exportTaskService.saveTask(currentOrg, fileId, currentUser, exportType, exportFileName);
+
+        runExport(currentOrg, currentUser, logModule, locale, exportTask, exportFileName,
+                () -> executor.execute(exportTask));
+
+        return exportTask.getId();
+    }
+
+    /**
+     * 获取一些公共的导出字段参数
+     *
+     * @param exportParam 导出参数
+     *
+     * @return 导出字段参数
+     */
+    protected ExportFieldParam getExportFieldParam(ExportDTO exportParam) {
+        ModuleFormConfigDTO formConfig = Objects.requireNonNull(CommonBeanFactory.getBean(ModuleFormCacheService.class))
+                .getBusinessFormConfig(exportParam.getFormKey(), exportParam.getOrgId());
+        List<String> exportTitles = exportParam.getHeadList().stream().map(ExportHeadDTO::getTitle).toList();
+        List<BaseField> flattenFields = Objects.requireNonNull(CommonBeanFactory.getBean(ModuleFormService.class)).flattenFormAllFieldsWithSubId(formConfig);
+        List<String> subTableIds = flattenFields.stream().filter(f -> f instanceof SubField && exportTitles.contains(f.getName())).map(BaseField::getId).toList();
+        Map<String, BaseField> fieldConfigMap = flattenFields.stream().collect(Collectors.toMap(BaseField::getId, f -> f, (f1, f2) -> f1));
+        return ExportFieldParam.builder().subIds(new HashSet<>(subTableIds)).fieldConfigMap(fieldConfigMap)
+                .formConfig(formConfig)
+                .build();
+    }
+
+    /**
+     * 预处理表头字段信息
+     *
+     * @param fieldConfigMap 字段配置
+     * @param heads          表头信息集合
+     *
+     * @return 预处理后的表头字段信息集合
+     */
+    private List<FieldExportMeta> getExportFieldMeta(Map<String, BaseField> fieldConfigMap, List<String> heads) {
+        List<FieldExportMeta> metas = new ArrayList<>(heads.size());
+        for (String head : heads) {
+            FieldExportMeta meta = new FieldExportMeta();
+            String realHead = head;
+            // 子表格汇总字段截取
+            if (head.contains(SUM_PREFIX)) {
+                realHead = head.substring(head.indexOf(SUM_PREFIX) + SUM_PREFIX.length());
+            }
+            // 表头Key包含下划线, 含有子表格字段, 截取下划线前部分作为前缀ID, 用于取值区分不同子表格 (如果存在同名字段), 后半部分作为实际字段ID
+            if (realHead.contains(SLASH)) {
+                String[] ks = realHead.split(SLASH);
+                meta.setPrefixId(ks[0]);
+                realHead = ks[1];
+            }
+
+            BaseField field = fieldConfigMap.get(realHead);
+            meta.setHead(realHead);
+            meta.setField(field);
+            if (field != null) {
+                meta.setResolver(ModuleFieldResolverFactory.getResolver(field.getType()));
+                meta.setNoResource(StringUtils.isEmpty(field.getResourceFieldId()));
+                meta.setFieldId(field.getId());
+                meta.setBusinessKey(field.getBusinessKey());
+            }
+            metas.add(meta);
+        }
+        return metas;
+    }
+
+    /**
+     * 获取表头ID集合
+     *
+     * @param exportHeads 表头信息
+     * @param currentOrg  当前组织
+     * @param formKey     表单Key
+     *
+     * @return 表头ID集合
+     */
+    private List<String> getMergeHeads(List<ExportHeadDTO> exportHeads, String formKey, String currentOrg) {
+        return Objects.requireNonNull(CommonBeanFactory.getBean(ModuleFormService.class)).getExportMergeHeads(formKey, currentOrg, exportHeads);
+    }
+
+    /**
+     * 获取需要合并的列索引
+     *
+     * @param heads 导出的表头信息
+     *
+     * @return 需要合并的列索引集合
+     */
+    private List<Integer> getMergeColumns(List<List<String>> heads) {
+        List<Integer> mergeColumns = new ArrayList<>();
+        for (int i = 0; i < heads.size(); i++) {
+            List<String> headCols = heads.get(i);
+            if (headCols.size() == 1) {
+                mergeColumns.add(i);
+            }
+        }
+        if (mergeColumns.size() == heads.size()) {
+            // 因为子表格缺失, 全部列都需要合并. 跳过即可
+            mergeColumns.clear();
+        }
+        return mergeColumns;
+    }
+
+    public void runExport(String orgId, String userId, String module, Locale locale, ExportTask exportTask, String fileName, ExportTaskFunction func) {
+        Thread.startVirtualThread(() -> {
+            try {
+                LocaleContextHolder.setLocale(locale);
+                ExportThreadRegistry.register(exportTask.getId(), Thread.currentThread());
+
+                func.apply();
+
+                exportTaskService.update(
+                        exportTask.getId(),
+                        ExportConstants.ExportStatus.SUCCESS.name(),
+                        userId
+                );
+            } catch (InterruptedException e) {
+                log.error("任务停止中断", e);
+                exportTaskService.update(
+                        exportTask.getId(),
+                        ExportConstants.ExportStatus.STOP.name(),
+                        userId
+                );
+            } catch (Exception e) {
+                log.error("导出任务异常", e);
+                exportTaskService.update(
+                        exportTask.getId(),
+                        ExportConstants.ExportStatus.ERROR.name(),
+                        userId
+                );
+            } finally {
+                ExportThreadRegistry.remove(exportTask.getId());
+                exportLog(orgId, exportTask.getId(), userId, LogType.EXPORT, module, fileName);
+            }
+        });
+    }
+
+    protected void exportSelectData(ExportTask exportTask, ExportDTO exportDTO) {
+        LocaleContextHolder.setLocale(exportDTO.getLocale());
+        ExportThreadRegistry.register(exportTask.getId(), Thread.currentThread());
+        //表头信息
+        List<List<String>> headList = exportDTO.getHeadList().stream()
+                .map(head -> Collections.singletonList(head.getTitle()))
+                .toList();
+        // 准备导出文件
+        File file = prepareExportFile(exportTask.getFileId(), exportDTO.getFileName(), exportTask.getOrganizationId());
+        try (ExcelWriter writer = EasyExcel.write(file)
+                .head(headList)
+                .excelType(ExcelTypeEnum.XLSX)
+                .build()) {
+            WriteSheet sheet = EasyExcel.writerSheet("导出数据").build();
+
+            SubListUtils.dealForSubList(exportDTO.getSelectIds(), SubListUtils.DEFAULT_EXPORT_BATCH_SIZE, (subIds) -> {
+                List<List<Object>> data = null;
+                try {
+                    data = getSelectExportData(subIds, exportTask.getId(), exportDTO);
+                } catch (InterruptedException e) {
+                    log.error("任务停止中断", e);
+                    exportTaskService.update(exportTask.getId(), ExportConstants.ExportStatus.STOP.toString(), exportDTO.getUserId());
+                }
+                writer.write(data, sheet);
+            });
+        }
+
+        //更新导出任务状态
+        exportTaskService.update(exportTask.getId(), ExportConstants.ExportStatus.SUCCESS.toString(), exportDTO.getUserId());
+    }
+
+    /**
+     * 导出选择数据
+     *
+     * @return 导出任务ID
+     */
+    public String exportSelect(ExportDTO exportDTO) {
+        String fileName = exportDTO.getFileName();
+        String userId = exportDTO.getUserId();
+        String orgId = exportDTO.getOrgId();
+        checkFileName(fileName);
+        // 用户导出数量限制
+        exportTaskService.checkUserTaskLimit(userId, exportDTO.getExportType());
+
+        String fileId = IDGenerator.nextStr();
+        ExportTask exportTask = exportTaskService.saveTask(orgId, fileId, userId, exportDTO.getExportType(), fileName);
+
+        runExport(orgId, userId, exportDTO.getLogModule(), exportDTO.getLocale(), exportTask, exportDTO.getFileName(),
+                () -> exportSelectData(exportTask, exportDTO));
+
+        return exportTask.getId();
+    }
+
+    public String export(ExportDTO exportDTO) {
+        String userId = exportDTO.getUserId();
+        String orgId = exportDTO.getOrgId();
+        String exportType = exportDTO.getExportType();
+        String fileName = exportDTO.getFileName();
+        checkFileName(exportDTO.getFileName());
+        //用户导出数量 限制
+        exportTaskService.checkUserTaskLimit(userId, exportType);
+
+        String fileId = IDGenerator.nextStr();
+        ExportTask exportTask = exportTaskService.saveTask(orgId, fileId, userId, exportType, fileName);
+
+        runExport(orgId, userId, exportDTO.getLogModule(), exportDTO.getLocale(), exportTask, exportDTO.getFileName(),
+                () -> exportCustomerData(exportTask, exportDTO));
+
+        return exportTask.getId();
+    }
+
+    public void exportCustomerData(ExportTask exportTask, ExportDTO exportDTO) throws Exception {
+        LocaleContextHolder.setLocale(exportDTO.getLocale());
+        ExportThreadRegistry.register(exportTask.getId(), Thread.currentThread());
+        //表头信息
+        List<List<String>> headList = exportDTO.getHeadList().stream()
+                .map(head -> Collections.singletonList(head.getTitle()))
+                .toList();
+        //分批查询数据并写入文件
+        batchHandleData(exportTask.getFileId(),
+                headList,
+                exportTask,
+                exportDTO.getFileName(),
+                exportDTO.getPageRequest(),
+                t -> getExportData(exportTask.getId(), exportDTO));
+        //更新状态
+        exportTaskService.update(exportTask.getId(), ExportConstants.ExportStatus.SUCCESS.toString(), exportDTO.getUserId());
+    }
+
+    protected String getOptionLabel(String value, List<OptionProp> options) {
+        for (OptionProp option : options) {
+            if (Strings.CS.equals(option.getValue(), value)) {
+                return option.getLabel();
+            }
+        }
+        return null;
+    }
+
+    /**
+     * 是否为空子表格
+     *
+     * @param subFvs 子表格字段值
+     *
+     * @return 是否为空子表格
+     */
+    private boolean isNullSubValue(List<BaseModuleFieldValue> subFvs) {
+        if (CollectionUtils.isEmpty(subFvs)) {
+            return true;
+        }
+        boolean allNull = true;
+        for (BaseModuleFieldValue subFv : subFvs) {
+            if (CollectionUtils.isNotEmpty((List<?>) subFv.getFieldValue())) {
+                allNull = false;
+                break;
+            }
+        }
+        return allNull;
+    }
+
+    /**
+     * 合并对齐多个子表格的值
+     *
+     * @param subFvs 多子表格字段值
+     *
+     * @return 合并后的子表格值列表
+     */
+    @SuppressWarnings("unchecked")
+    private List<Map<String, Object>> alignSubFvs(List<BaseModuleFieldValue> subFvs) {
+        int maxSize = 0;
+        for (BaseModuleFieldValue subFv : subFvs) {
+            List<?> list = (List<?>) subFv.getFieldValue();
+            if (list != null && list.size() > maxSize) {
+                maxSize = list.size();
+            }
+        }
+
+        List<Map<String, Object>> alignedList = new ArrayList<>(maxSize);
+
+        for (int i = 0; i < maxSize; i++) {
+            alignedList.add(new HashMap<>(8));
+        }
+
+        for (BaseModuleFieldValue subFv : subFvs) {
+            List<?> list = (List<?>) subFv.getFieldValue();
+            if (list == null) {
+                continue;
+            }
+            for (int i = 0; i < list.size(); i++) {
+                Map<String, Object> row = alignedList.get(i);
+                Map<String, Object> subRowMap = (Map<String, Object>) list.get(i);
+                subRowMap.forEach((k, v) -> row.put(subFv.getFieldId() + SLASH + k, v));
+            }
+        }
+        return alignedList;
+    }
+
+    /**
+     * 获取合并列中的汇总列索引
+     *
+     * @param headList     表头信息
+     * @param mergeColumns 合并的列索引
+     *
+     * @return 汇总列索引
+     */
+    private List<Integer> getSummaryColIdx(List<List<String>> headList, List<Integer> mergeColumns) {
+        if (CollectionUtils.isEmpty(headList) || CollectionUtils.isEmpty(mergeColumns)) {
+            return Collections.emptyList();
+        }
+        return mergeColumns.stream().filter(col -> {
+            List<String> mergeHead = headList.get(col);
+            if (mergeHead == null) {
+                return false;
+            }
+            if (!Strings.CI.equals(mergeHead.getFirst(), mergeHead.getLast())) {
+                return false;
+            }
+            String headName = mergeHead.getFirst();
+            return headName != null && headName.startsWith(Translator.get("sum"));
+        }).toList();
+    }
+
+    /**
+     * 根据审批流状态权限过滤可导出的数据
+     *
+     * @param resources    原始数据列表
+     * @param orgId     组织ID
+     * @param formKey   表单类型
+     * @param idGetter 获取资源ID的函数
+     * @param statusGetter 获取审批状态的函数
+     * @param approvalFlowService 审批流服务
+     * @param <T>     资源类型
+     * @return 过滤后可导出的数据列表
+     */
+    protected <T> List<T> filterApprovalExportPermission(List<T> resources, String orgId, String formKey,
+                                  Function<T, String> idGetter,
+                                  Function<T, String> statusGetter,
+                                  ApprovalFlowService approvalFlowService) {
+        if (CollectionUtils.isEmpty(resources)) {
+            return resources;
+        }
+        List<String> filteredIds = approvalFlowService.filterResourcesWithExportPermission(formKey, resources, orgId, idGetter, statusGetter);
+		if (CollectionUtils.isEmpty(filteredIds)) {
+			return new ArrayList<>();
+		}
+		Map<String, T> resourceMap = resources.stream().collect(Collectors.toMap(idGetter, Function.identity(), (a, b) -> a));
+		return filteredIds.stream()
+				.map(resourceMap::get)
+				.filter(Objects::nonNull)
+				.collect(Collectors.toList());
+    }
+
+    /**
+     * 设置SXSSFWorkbook的行数据窗口大小
+     *
+     * @param writer ExcelWriter对象
+     */
+    private void setRowAccessWindowSize(ExcelWriter writer) {
+        SXSSFWorkbook workbook = (SXSSFWorkbook) writer.writeContext().writeWorkbookHolder().getWorkbook();
+        try {
+            // _rowAccessWindowSize为-1，禁用窗口机制, 避免合并行数据时, 数据被写入磁盘导致无法访问的问题
+            Field f = SXSSFWorkbook.class.getDeclaredField(ROW_ACCESS_SIZE);
+            f.setAccessible(true);
+            f.set(workbook, -1);
+        } catch (Exception e) {
+            log.warn("Fail to set random access window size, {}", e.getMessage());
+        }
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/service/BaseResourceFieldService.java b/backend/crm/src/main/java/cn/cordys/common/service/BaseResourceFieldService.java
new file mode 100644
index 0000000..23fc9a1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/service/BaseResourceFieldService.java
@@ -0,0 +1,1402 @@
+package cn.cordys.common.service;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.context.SourceDetailResolveContext;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.domain.BaseResourceField;
+import cn.cordys.common.domain.BaseResourceSubField;
+import cn.cordys.common.dto.BatchUpdateDbParam;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.mapper.CommonMapper;
+import cn.cordys.common.resolver.field.AbstractModuleFieldResolver;
+import cn.cordys.common.resolver.field.ModuleFieldResolverFactory;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.uid.SerialNumGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.form.service.CustomFormDataFieldService;
+import cn.cordys.crm.system.constants.FieldSourceType;
+import cn.cordys.crm.system.domain.ModuleField;
+import cn.cordys.crm.system.dto.field.DatasourceField;
+import cn.cordys.crm.system.dto.field.SerialNumberField;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.field.base.SubField;
+import cn.cordys.crm.system.dto.request.ResourceBatchEditRequest;
+import cn.cordys.crm.system.dto.request.UploadTransferRequest;
+import cn.cordys.crm.system.service.AttachmentService;
+import cn.cordys.crm.system.service.ModuleFormService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.EntityTableMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.collections.ListUtils;
+import org.apache.commons.collections.MapUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.context.annotation.Lazy;
+
+import java.lang.reflect.ParameterizedType;
+import java.lang.reflect.Type;
+import java.util.*;
+import java.util.function.Consumer;
+import java.util.function.Function;
+import java.util.function.Supplier;
+import java.util.stream.Collectors;
+
+/**
+ * 资源与模块字段值的公共处理类
+ *
+ * @author jianxing
+ * @date 2025-01-03 12:01:54
+ */
+@Slf4j
+public abstract class BaseResourceFieldService<T extends BaseResourceField, V extends BaseResourceField> extends BaseResourceService {
+
+    @Resource
+    private SerialNumGenerator serialNumGenerator;
+    @Resource
+    private CommonMapper commonMapper;
+    @Resource
+    private BaseMapper<ModuleField> moduleFieldMapper;
+    @Lazy
+    @Resource
+    private FieldSourceServiceProvider fieldSourceServiceProvider;
+
+    private static final String SOURCE_DETAIL_ID = "id";
+    private static final String ROW_BIZ_ID = "id";
+	public static final String DETAIL_FIELD_PARAM_NAME = "moduleFields";
+    private static final String PRICE_SUB_ROW_KEY = "price_sub";
+    public static final int MAX_NUMBER_LENGTH = 50;
+    public static final String REF_UNDERLINE = "_ref_";
+
+    /**
+     * 获取资源字段类型 (T)
+     *
+     * @return 资源字段类型
+     */
+    @SuppressWarnings({"rawtypes", "unchecked"})
+    private Class<T> getResourceFieldClass() {
+        Type type = getGenericType(0);
+        if (type instanceof Class tClass) {
+            return tClass;
+        } else {
+            throw new IllegalArgumentException("Type cannot be converted to Class: " + type);
+        }
+    }
+
+    /**
+     * 获取资源大字段类型 (V)
+     *
+     * @return 资源大字段类型
+     */
+    @SuppressWarnings({"rawtypes", "unchecked"})
+    private Class<V> getResourceFieldBlobClass() {
+        Type type = getGenericType(1);
+        if (type instanceof Class vClass) {
+            return vClass;
+        } else {
+            throw new IllegalArgumentException("Type cannot be converted to Class: " + type);
+        }
+    }
+
+    /**
+     * 获取泛型类型
+     *
+     * @param index 泛型参数索引
+     *
+     * @return 泛型类型
+     */
+    protected Type getGenericType(int index) {
+        // 获取当前类的泛型父类
+        Type superclass = getClass().getGenericSuperclass();
+
+        // 检查是否是ParameterizedType
+        if (superclass instanceof ParameterizedType parameterizedType) {
+
+            // 获取泛型类型的实际类型参数
+            Type[] typeArguments = parameterizedType.getActualTypeArguments();
+
+            // 返回第一个泛型类型参数
+            return typeArguments[index];
+        }
+
+        throw new IllegalStateException("No generic type found");
+    }
+
+    /**
+     * 获取表单Key
+     *
+     * @return 表单Key
+     */
+    protected abstract String getFormKey();
+
+    /**
+     * 获取资源字段Mapper
+     *
+     * @return FieldMapper
+     */
+    protected abstract BaseMapper<T> getResourceFieldMapper();
+
+    /**
+     * 获取资源大字段Mapper
+     *
+     * @return BlobFieldMapper
+     */
+    protected abstract BaseMapper<V> getResourceFieldBlobMapper();
+
+    /**
+     * 获取资源所有字段值
+     *
+     * @param resourceId 资源ID
+     *
+     * @return 字段值集合
+     */
+    public List<BaseModuleFieldValue> getModuleFieldValuesByResourceId(String resourceId) {
+        List<BaseModuleFieldValue> fieldValues = getResourceFieldMap(List.of(resourceId), true).get(resourceId);
+        return fieldValues == null ? new ArrayList<>(0) : fieldValues;
+    }
+
+    /**
+     * 保存字段值
+     *
+     * @param resource          资源
+     * @param orgId             组织ID
+     * @param userId            用户ID
+     * @param moduleFieldValues 自定义字段值
+     * @param update            是否更新
+     */
+    @SuppressWarnings({"rawtypes", "unchecked"})
+    public <K> void saveModuleField(K resource, String orgId, String userId, List<BaseModuleFieldValue> moduleFieldValues, boolean update) {
+        List<BaseField> allFields = Objects.requireNonNull(CommonBeanFactory.getBean(ModuleFormService.class))
+                .getAllFields(getFormKey(), OrganizationContext.getOrganizationId());
+        if (CollectionUtils.isEmpty(allFields)) {
+            return;
+        }
+
+        String resourceId = (String) getResourceFieldValue(resource, "id");
+
+        Map<String, BaseModuleFieldValue> fieldValueMap;
+        if (CollectionUtils.isNotEmpty(moduleFieldValues)) {
+            fieldValueMap = moduleFieldValues.stream().collect(Collectors.toMap(BaseModuleFieldValue::getFieldId, v -> v));
+        } else {
+            fieldValueMap = new HashMap<>(8);
+        }
+
+        // 校验业务字段，字段值是否重复
+        businessFieldRepeatCheck(orgId, resource, update ? List.of(resourceId) : List.of(), allFields);
+
+        // 处理字段值
+        Map<String, String> serialNumCache = new HashMap<>(2);
+        List<T> customerFields = new ArrayList<>();
+        List<V> customerFieldBlobs = new ArrayList<>();
+        allFields.stream()
+                .filter(field -> {
+                    BaseModuleFieldValue fieldValue = fieldValueMap.get(field.getId());
+                    return (fieldValue != null && fieldValue.valid()) || field.isSerialNumber() || field.isSubField() || field.includeFormula();
+                })
+                .sorted(Comparator.comparing((BaseField f) -> !f.isSerialNumber()).thenComparing(f -> f.getPos() != null ? f.getPos() : Long.MAX_VALUE))
+                .forEach(field -> {
+                    // 引用字段跳过
+                    if (StringUtils.isNotEmpty(field.getResourceFieldId())) {
+                        return;
+                    }
+                    BaseModuleFieldValue fieldValue = processSpecialFieldValue(resource, field, fieldValueMap, serialNumCache, update, orgId);
+                    // 空值跳过
+                    if (fieldValue == null || fieldValue.getFieldValue() == null) {
+                        return;
+                    }
+                    // 处理子表格值
+                    if (field.isSubField() && fieldValue.getFieldValue() != null) {
+                        saveSubFieldValue(resourceId, (SubField) field, fieldValue, customerFields, customerFieldBlobs);
+                        return;
+                    }
+
+                    if (field.needRepeatCheck()) {
+                        checkUnique(fieldValue, field);
+                    }
+
+                    // 获取字段解析器
+                    AbstractModuleFieldResolver customFieldResolver = ModuleFieldResolverFactory.getResolver(field.getType());
+                    // 校验参数值
+                    customFieldResolver.validate(field, fieldValue.getFieldValue());
+                    // 将参数值转换成字符串入库
+                    String strValue = customFieldResolver.convertToString(field, fieldValue.getFieldValue());
+                    if (field.isBlob()) {
+                        customerFieldBlobs.add(supplyNewResource(this::newResourceFieldBlob, resourceId, fieldValue.getFieldId(), strValue));
+                    } else {
+                        customerFields.add(supplyNewResource(this::newResourceField, resourceId, fieldValue.getFieldId(), strValue));
+                    }
+                });
+
+        // 处理附件类型字段
+        List<BaseModuleFieldValue> attachmentFieldVals = allFields.stream()
+                .filter(field -> {
+                    BaseModuleFieldValue fieldValue = fieldValueMap.get(field.getId());
+                    return (fieldValue != null && fieldValue.valid()) && field.isAttachment();
+                }).map(field -> fieldValueMap.get(field.getId())).toList();
+        List processVal = attachmentFieldVals.stream().map(val -> (List) val.getFieldValue()).flatMap(List::stream).toList();
+        preProcessTempAttachment(orgId, resourceId, userId, processVal);
+
+        // 字段值入库
+        if (CollectionUtils.isNotEmpty(customerFields)) {
+            getResourceFieldMapper().batchInsert(customerFields);
+        }
+        if (CollectionUtils.isNotEmpty(customerFieldBlobs)) {
+            getResourceFieldBlobMapper().batchInsert(customerFieldBlobs);
+        }
+    }
+
+    /**
+     * 保存子字段值
+     *
+     * @param resourceId 资源ID
+     * @param subField   子字段信息
+     * @param fieldValue 子字段值
+     * @param fields     字段值集合
+     * @param fieldBlobs 大字段值集合
+     */
+    @SuppressWarnings({"rawtypes", "unchecked"})
+    public void saveSubFieldValue(String resourceId, SubField subField, BaseModuleFieldValue fieldValue,
+                                  List<T> fields, List<V> fieldBlobs) {
+        List<Map<String, Object>> subValues = (List) fieldValue.getFieldValue();
+        if (CollectionUtils.isEmpty(subValues)) {
+            return;
+        }
+        Map<String, BaseField> subFieldMap = new HashMap<>(subField.getSubFields().size());
+        subField.getSubFields().forEach(f -> {
+            if (StringUtils.isNotEmpty(f.getResourceFieldId())) {
+                return;
+            }
+            if (StringUtils.isNotEmpty(f.getBusinessKey())) {
+                subFieldMap.put(f.getBusinessKey(), f);
+            } else {
+                subFieldMap.put(f.getId(), f);
+            }
+        });
+        int rowId = 1;
+        for (Map<String, Object> subValue : subValues) {
+            // 子表行数据, 如果存在ID, 则使用旧ID作为bizId, 不存在则生成一个唯一ID, 保证行数据关联正确
+            String bizId = subValue.containsKey("id") ? subValue.get("id").toString() : IDGenerator.nextStr();
+            for (Map.Entry<String, Object> kv : subValue.entrySet()) {
+                if (Strings.CS.equals(kv.getKey(), PRICE_SUB_ROW_KEY) && kv.getValue() != null) {
+                    T t = supplyNewResource(this::newResourceField, resourceId, kv.getKey(), kv.getValue().toString());
+                    setResourceFieldValue(t, "rowId", String.valueOf(rowId));
+                    setResourceFieldValue(t, "refSubId", subField.getId());
+                    setResourceFieldValue(t, "bizId", bizId);
+                    fields.add(t);
+                    continue;
+                }
+                BaseField field = subFieldMap.get(kv.getKey());
+                if (field == null) {
+                    continue;
+                }
+                AbstractModuleFieldResolver customFieldResolver = ModuleFieldResolverFactory.getResolver(field.getType());
+                customFieldResolver.validate(field, kv.getValue());
+                if (kv.getValue() == null) {
+                    continue;
+                }
+                String strValue = customFieldResolver.convertToString(field, kv.getValue());
+                if (field.isBlob()) {
+                    V v = supplyNewResource(this::newResourceFieldBlob, resourceId, kv.getKey(), strValue);
+                    setResourceFieldValue(v, "rowId", String.valueOf(rowId));
+                    setResourceFieldValue(v, "refSubId", subField.getId());
+                    setResourceFieldValue(v, "bizId", bizId);
+                    fieldBlobs.add(v);
+                } else {
+                    T t = supplyNewResource(this::newResourceField, resourceId, kv.getKey(), strValue);
+                    setResourceFieldValue(t, "rowId", String.valueOf(rowId));
+                    setResourceFieldValue(t, "refSubId", subField.getId());
+                    setResourceFieldValue(t, "bizId", bizId);
+                    fields.add(t);
+                }
+            }
+            rowId++;
+        }
+    }
+
+    /**
+     * 校验业务字段，字段值是否重复
+     *
+     * @param orgId     组织ID
+     * @param resource  资源
+     * @param updateIds 资源ID集合
+     * @param allFields 所有字段
+     * @param <K>       资源类型
+     */
+    private <K> void businessFieldRepeatCheck(String orgId, K resource, List<String> updateIds, List<BaseField> allFields) {
+        Map<String, BusinessModuleField> businessModuleFieldMap = Arrays.stream(BusinessModuleField.values()).
+                collect(Collectors.toMap(BusinessModuleField::getKey, Function.identity()));
+
+        allFields.forEach(field -> {
+            if (businessModuleFieldMap.containsKey(field.getInternalKey())) {
+                BusinessModuleField businessModuleField = businessModuleFieldMap.get(field.getInternalKey());
+                businessFieldRepeatCheck(orgId, resource, updateIds, field, businessModuleField.getBusinessKey());
+            }
+        });
+    }
+
+    /**
+     * 批量更新自定义字段或业务字段值
+     *
+     * @param request            批量参数
+     * @param field              字段信息
+     * @param originResourceList 旧的字段值
+     * @param clazz              资源类对象
+     * @param logModule          日志类型
+     * @param batchInsertFunc    批量更新回调函数
+     * @param userId             当前用户ID
+     * @param orgId              当前组织ID
+     * @param <K>                资源类型
+     */
+    public <K> void batchUpdate(ResourceBatchEditRequest request,
+                                BaseField field,
+                                List<K> originResourceList,
+                                Class<K> clazz,
+                                String logModule,
+                                Consumer<BatchUpdateDbParam> batchInsertFunc,
+                                String userId,
+                                String orgId) {
+
+        if (field.needRepeatCheck() && request.getIds().size() > 1 && isNotBlank(request.getFieldValue())) {
+            // 如果字段唯一，则校验不能同时修改多条
+            throw new GenericException(Translator.getWithArgs("common.field_value.repeat", field.getName()));
+        }
+
+        BatchUpdateDbParam updateParam = new BatchUpdateDbParam();
+        updateParam.setIds(request.getIds());
+        // 修改更新时间和用户
+        updateParam.setUpdateTime(System.currentTimeMillis());
+        updateParam.setUpdateUser(userId);
+
+        if (StringUtils.isNotBlank(field.getBusinessKey())) {
+            // 设置值&&唯一性校验
+            K resource = newInstance(clazz);
+            setResourceFieldValue(resource, field.getBusinessKey(), request.getFieldValue());
+            businessFieldRepeatCheck(orgId, resource, request.getIds(), field, field.getBusinessKey());
+            updateParam.setFieldName(field.getBusinessKey());
+            updateParam.setFieldValue(request.getFieldValue());
+            // 添加日志
+            addBusinessFieldBatchUpdateLog(originResourceList, field, request, logModule, userId, orgId);
+        } else {
+            ModuleField moduleField = moduleFieldMapper.selectByPrimaryKey(request.getFieldId());
+            List<? extends BaseResourceField> originFields;
+            if (field.isBlob()) {
+                originFields = getResourceFieldBlob(request.getIds(), request.getFieldId());
+            } else {
+                originFields = getResourceField(request.getIds(), request.getFieldId());
+            }
+            // 删除旧值 && 唯一性校验 && 添加新值
+            batchDeleteFieldValues(request, moduleField);
+            if (field.needRepeatCheck() && isNotBlank(request.getFieldValue())) {
+                checkUnique(BeanUtils.copyBean(new BaseModuleFieldValue(), request), field);
+            }
+            if (isNotBlank(request.getFieldValue())) {
+                batchUpdateFieldValues(request, field, moduleField);
+            }
+            // 添加日志
+            addCustomFieldBatchUpdateLog(originResourceList, originFields, request, field, logModule, userId, orgId);
+        }
+        // 批量修改业务字段和更新时间等
+        batchInsertFunc.accept(updateParam);
+    }
+
+    /**
+     * 查询指定资源的模块字段值
+     *
+     * @param resourceIds 资源ID集合
+     * @param withBlob    是否包含大文本字段
+     *
+     * @return 字段集合
+     */
+    @SuppressWarnings({"unchecked", "rawtypes"})
+    public Map<String, List<BaseModuleFieldValue>> getResourceFieldMap(List<String> resourceIds, boolean withBlob) {
+        if (CollectionUtils.isEmpty(resourceIds)) {
+            return new HashMap<>(2);
+        }
+        SourceDetailResolveContext.start();
+        try {
+            List<BaseField> flattenFormFields = Objects.requireNonNull(CommonBeanFactory.getBean(ModuleFormService.class)).
+                    getFlattenFormFields(getFormKey(), OrganizationContext.getOrganizationId());
+            Map<String, BaseField> fieldConfigMap = flattenFormFields.stream().collect(Collectors.toMap(BaseField::getId, f -> f, (prev, next) -> next));
+            Map<String, List<BaseModuleFieldValue>> resourceMap = new HashMap<>(8);
+            List<T> resourceFields = getResourceField(resourceIds);
+            getSourceDetailMapByIds(flattenFormFields, resourceFields);
+            resourceFields.forEach(resourceField -> {
+                if (resourceField instanceof BaseResourceSubField subResourceField && StringUtils.isNotEmpty(subResourceField.getRefSubId())) {
+                    return;
+                }
+                if (resourceField.getFieldValue() != null) {
+                    BaseField fieldConfig = fieldConfigMap.get(resourceField.getFieldId());
+                    if (fieldConfig == null) {
+                        return;
+                    }
+                    // 获取字段解析器
+                    AbstractModuleFieldResolver customFieldResolver = ModuleFieldResolverFactory.getResolver(fieldConfig.getType());
+                    // 将数据库中的字符串值,转换为对应的对象值
+                    Object objectValue = null;
+                    try {
+                        objectValue = customFieldResolver.convertToValue(fieldConfig, resourceField.getFieldValue().toString());
+                        resourceField.setFieldValue(objectValue);
+                    } catch (Exception e) {
+                        log.error("Convert field value error: {}", e.getMessage());
+                    }
+
+                    if (objectValue == null) {
+                        return;
+                    }
+                    String resourceId = resourceField.getResourceId();
+                    resourceMap.putIfAbsent(resourceId, new ArrayList<>());
+                    resourceMap.get(resourceId).add(new BaseModuleFieldValue(resourceField.getFieldId(), objectValue));
+                    // 处理数据源字段显示值
+                    if (fieldConfig instanceof DatasourceField sourceField && CollectionUtils.isNotEmpty(sourceField.getShowFields())) {
+                        // 处理展示列
+                        Map<String, Object> detailMap = SourceDetailResolveContext.getSourceMap().get(objectValue.toString());
+                        if (MapUtils.isEmpty(detailMap)) {
+                            return;
+                        }
+                        sourceField.getShowFields().forEach(id -> {
+                            BaseField showFieldConfig = fieldConfigMap.get(sourceField.getId() + REF_UNDERLINE + id);
+                            if (showFieldConfig == null) {
+                                return;
+                            }
+                            Object value = getFieldValueOfDetailMap(showFieldConfig, detailMap, sourceField);
+                            if (value == null) {
+                                return;
+                            }
+                            resourceMap.get(resourceId).add(new BaseModuleFieldValue(showFieldConfig.getId(), value));
+                        });
+                    }
+                }
+            });
+            // 提前获取大文本字段值
+            List<V> resourceFieldBlobs = getResourceFieldBlob(resourceIds);
+            // 处理子表格字段值
+            setResourceSubFieldValue(resourceMap, fieldConfigMap, ListUtils.union(resourceFields, resourceFieldBlobs));
+            if (!withBlob) {
+                return resourceMap;
+            }
+            resourceFieldBlobs.forEach(resourceFieldBlob -> {
+                if (resourceFieldBlob instanceof BaseResourceSubField subResourceField && StringUtils.isNotEmpty(subResourceField.getRefSubId())) {
+                    return;
+                }
+                // 处理大文本
+                if (resourceFieldBlob != null && resourceFieldBlob.getFieldValue() != null) {
+                    BaseField fieldConfig = fieldConfigMap.get(resourceFieldBlob.getFieldId());
+                    if (fieldConfig == null) {
+                        return;
+                    }
+                    AbstractModuleFieldResolver customFieldResolver = ModuleFieldResolverFactory.getResolver(fieldConfig.getType());
+                    Object objectValue = customFieldResolver.convertToValue(fieldConfig, resourceFieldBlob.getFieldValue().toString());
+
+                    String resourceId = resourceFieldBlob.getResourceId();
+                    resourceMap.putIfAbsent(resourceId, new ArrayList<>());
+                    resourceMap.get(resourceId).add(new BaseModuleFieldValue(resourceFieldBlob.getFieldId(), objectValue));
+                }
+            });
+            return resourceMap;
+        } catch (Exception e) {
+            log.error(e.getMessage(), e);
+            return new HashMap<>(2);
+        } finally {
+            SourceDetailResolveContext.end();
+        }
+    }
+
+    /**
+     * 数据源业务字段引用值回显
+     *
+     * @param details 详情集合
+     * @param fields  表单字段集合
+     *
+     * @return 字段值集合
+     */
+    @SuppressWarnings("unchecked")
+    public Map<String, List<BaseModuleFieldValue>> setBusinessRefFieldValue(
+            List<?> details, List<BaseField> fields, Map<String, List<BaseModuleFieldValue>> resourceFieldMap) {
+
+        List<BaseField> sourceBusinessFields = fields.stream()
+                .filter(field -> field instanceof DatasourceField sourceField &&
+                        CollectionUtils.isNotEmpty(sourceField.getShowFields()) &&
+                        StringUtils.isNotEmpty(sourceField.getBusinessKey()))
+                .collect(Collectors.toList());
+
+        if (CollectionUtils.isEmpty(sourceBusinessFields)) {
+            return resourceFieldMap;
+        }
+
+        Map<String, BaseField> fieldConfigMap = fields.stream()
+                .collect(Collectors.toMap(BaseField::getId, f -> f, (prev, next) -> next));
+
+        // 按照数据源类型来分组
+        Map<String, List<String>> idsToFetch = new HashMap<>(FieldSourceType.values().length);
+        for (Object detail : details) {
+            Map<String, Object> detailMap = JSON.MAPPER.convertValue(detail, Map.class);
+            for (BaseField bsf : sourceBusinessFields) {
+                DatasourceField sourceField = (DatasourceField) bsf;
+                Object val = detailMap.get(sourceField.getBusinessKey());
+                if (val == null || StringUtils.isEmpty(val.toString()) ||
+                        SourceDetailResolveContext.getSourceMap().containsKey(val.toString())) {
+                    continue;
+                }
+                String dataSourceType = sourceField.getDataSourceType();
+                idsToFetch.computeIfAbsent(dataSourceType, k -> new ArrayList<>()).add(val.toString());
+            }
+        }
+
+        SourceDetailResolveContext.start();
+
+        idsToFetch.forEach((dataSourceType, ids) -> {
+            List<String> uniqueIds = ids.stream().distinct().collect(Collectors.toList());
+            List<Object> sourceObjList;
+            FieldSourceType sourceType = FieldSourceType.safeValueOf(dataSourceType);
+            if (sourceType == FieldSourceType.CUSTOM_FORM) {
+                // 自定义表单：设置 formId 到 ThreadLocal
+                try {
+                    CustomFormDataFieldService.setFormKey(dataSourceType);
+                    sourceObjList = fieldSourceServiceProvider.batchGetSimpleByIds(sourceType, uniqueIds);
+                } finally {
+                    CustomFormDataFieldService.clearFormKey();
+                }
+            } else {
+                sourceObjList = fieldSourceServiceProvider.batchGetSimpleByIds(sourceType, uniqueIds);
+            }
+            if (CollectionUtils.isNotEmpty(sourceObjList)) {
+                sourceObjList.stream()
+                        .filter(Objects::nonNull)
+                        .map(sourceObj -> JSON.MAPPER.convertValue(sourceObj, Map.class))
+                        .filter(sourceMap -> sourceMap.containsKey("id"))
+                        .forEach(sourceMap -> {
+                            String sourceId = sourceMap.get("id").toString();
+                            if (uniqueIds.contains(sourceId)) {
+                                SourceDetailResolveContext.put(sourceId, sourceMap);
+                            }
+                        });
+            }
+        });
+
+        details.forEach(detail -> {
+            Map<String, Object> detailMap = JSON.MAPPER.convertValue(detail, Map.class);
+            sourceBusinessFields.forEach(bsf -> {
+                DatasourceField sourceField = (DatasourceField) bsf;
+                Object val = detailMap.get(sourceField.getBusinessKey());
+                if (val == null) {
+                    return;
+                }
+                Map<String, Object> sourceDetail = SourceDetailResolveContext.getSourceMap().get(val.toString());
+                if (MapUtils.isEmpty(sourceDetail) || !detailMap.containsKey(SOURCE_DETAIL_ID)) {
+                    return;
+                }
+
+                sourceField.getShowFields().forEach(id -> {
+                    BaseField showFieldConfig = fieldConfigMap.get(sourceField.getId() + REF_UNDERLINE + id);
+                    if (showFieldConfig != null) {
+                        String resourceId = detailMap.get(SOURCE_DETAIL_ID).toString();
+                        resourceFieldMap.putIfAbsent(resourceId, new ArrayList<>());
+                        Object showFieldValue = getFieldValueOfDetailMap(showFieldConfig, sourceDetail, sourceField);
+                        if (showFieldValue != null) {
+                            resourceFieldMap.get(resourceId).add(new BaseModuleFieldValue(showFieldConfig.getId(), showFieldValue));
+                        }
+                    }
+                });
+            });
+        });
+
+        SourceDetailResolveContext.end();
+        return resourceFieldMap;
+    }
+
+    /**
+     * 获取详情中的字段值
+     *
+     * @param field           字段信息
+     * @param sourceDetailMap 来源详情
+     * @param refSourceField  被引用的数据源字段信息
+     *
+     * @return 字段值
+     */
+    @SuppressWarnings({"unchecked", "rawtypes"})
+    public Object getFieldValueOfDetailMap(BaseField field, Map<String, Object> sourceDetailMap, DatasourceField refSourceField) {
+        if (MapUtils.isEmpty(sourceDetailMap)) {
+            return null;
+        }
+        if (Strings.CI.equals(refSourceField.getDataSourceType(), FieldSourceType.BUSINESS_TITLE.name())) {
+            // 工商抬头数据源特殊处理
+            String fieldKey = field.getId().replace((field.getResourceFieldId() + REF_UNDERLINE), StringUtils.EMPTY).replace("business_title_", StringUtils.EMPTY);
+            return sourceDetailMap.get(fieldKey);
+        }
+        if (StringUtils.isNotEmpty(field.getBusinessKey())) {
+            return sourceDetailMap.get(field.getBusinessKey());
+        }
+        if (sourceDetailMap.containsKey(DETAIL_FIELD_PARAM_NAME)) {
+            List<Map> fvs = (List<Map>) sourceDetailMap.get(DETAIL_FIELD_PARAM_NAME);
+            if (CollectionUtils.isEmpty(fvs)) {
+                return null;
+            }
+            for (Map fv : fvs) {
+                String actualFieldId = field.getId().replace((field.getResourceFieldId() + REF_UNDERLINE), StringUtils.EMPTY);
+                if (Strings.CI.equals(actualFieldId, fv.get("fieldId").toString())) {
+                    return fv.get("fieldValue");
+                }
+            }
+        }
+        return null;
+    }
+
+    /**
+     * 子字段值回显
+     *
+     * @param targetId     显示的子字段
+     * @param sourceDetail 来源详情
+     * @param subKey       子表格业务Key
+     * @param rowKey       行Key
+     *
+     * @return 匹配值
+     */
+    @SuppressWarnings({"unchecked", "rawtypes"})
+    public Object matchSubFieldValueOfDetailMap(String targetId, Map<String, Object> sourceDetail, String subKey, String rowKey) {
+        if (MapUtils.isEmpty(sourceDetail) || !sourceDetail.containsKey(subKey)) {
+            return null;
+        }
+        // 子表格数据集合
+        List<Map<String, Object>> rows = (List) sourceDetail.get(subKey);
+        for (Map<String, Object> row : rows) {
+            // 匹配行数据
+            if (row.containsKey(ROW_BIZ_ID) && Strings.CS.equals(rowKey, row.get(ROW_BIZ_ID).toString())) {
+                if (targetId.contains(REF_UNDERLINE)) {
+                    return row.get(targetId.split(REF_UNDERLINE)[1]);
+                } else {
+                    return row.get(targetId);
+                }
+            }
+        }
+        return null;
+    }
+
+    /**
+     * 删除指定资源的模块字段值
+     *
+     * @param resourceId 资源ID
+     */
+    public void deleteByResourceId(String resourceId) {
+        T example = newResourceField();
+        example.setResourceId(resourceId);
+        getResourceFieldMapper().delete(example);
+
+        V blobExample = newResourceFieldBlob();
+        blobExample.setResourceId(resourceId);
+        getResourceFieldBlobMapper().delete(blobExample);
+    }
+
+    /**
+     * 删除指定资源的模块字段值
+     *
+     * @param resourceIds 资源ID集合
+     */
+    public void deleteByResourceIds(List<String> resourceIds) {
+        LambdaQueryWrapper<T> wrapper = new LambdaQueryWrapper<>();
+        wrapper.in(BaseResourceField::getResourceId, resourceIds);
+        getResourceFieldMapper().deleteByLambda(wrapper);
+
+        LambdaQueryWrapper<V> blobWrapper = new LambdaQueryWrapper<>();
+        blobWrapper.in(BaseResourceField::getResourceId, resourceIds);
+        getResourceFieldBlobMapper().deleteByLambda(blobWrapper);
+    }
+
+    /**
+     * 保存指定资源的模块字段值
+     *
+     * @param moduleFieldValues 字段值集合
+     */
+    @SuppressWarnings({"unchecked", "rawtypes"})
+    public void saveModuleFieldByResourceIds(List<String> resourceIds, List<BaseModuleFieldValue> moduleFieldValues) {
+        if (CollectionUtils.isEmpty(moduleFieldValues)) {
+            return;
+        }
+
+        Map<String, BaseField> fieldConfigMap = Objects.requireNonNull(CommonBeanFactory.getBean(ModuleFormService.class))
+                .getAllFields(getFormKey(), OrganizationContext.getOrganizationId())
+                .stream()
+                .collect(Collectors.toMap(BaseField::getId, Function.identity()));
+
+        List<T> customerFields = new ArrayList<>();
+        List<V> customerFieldBlobs = new ArrayList<>();
+        moduleFieldValues.stream()
+                .filter(BaseModuleFieldValue::valid)
+                .forEach(fieldValue -> {
+                    BaseField fieldConfig = fieldConfigMap.get(fieldValue.getFieldId());
+                    if (fieldConfig == null) {
+                        return;
+                    }
+
+                    // 获取字段解析器
+                    AbstractModuleFieldResolver customFieldResolver = ModuleFieldResolverFactory.getResolver(fieldConfig.getType());
+                    // 校验参数值
+                    customFieldResolver.validate(fieldConfig, fieldValue.getFieldValue());
+                    // 将参数值转换成字符串入库
+                    String strValue = customFieldResolver.convertToString(fieldConfig, fieldValue.getFieldValue());
+                    for (String resourceId : resourceIds) {
+                        if (fieldConfig.isBlob()) {
+                            customerFieldBlobs.add(supplyNewResource(this::newResourceFieldBlob, resourceId, fieldValue.getFieldId(), strValue));
+                        } else {
+                            customerFields.add(supplyNewResource(this::newResourceField, resourceId, fieldValue.getFieldId(), strValue));
+                        }
+                    }
+                });
+
+        if (CollectionUtils.isNotEmpty(customerFields)) {
+            getResourceFieldMapper().batchInsert(customerFields);
+        }
+        if (CollectionUtils.isNotEmpty(customerFieldBlobs)) {
+            getResourceFieldBlobMapper().batchInsert(customerFieldBlobs);
+        }
+    }
+
+    /**
+     * 批量更新自定义字段值
+     *
+     * @param request 批量编辑参数
+     */
+    @SuppressWarnings({"unchecked", "rawtypes"})
+    public void batchUpdateFieldValues(ResourceBatchEditRequest request, BaseField field, ModuleField moduleField) {
+        // 获取字段解析器
+        AbstractModuleFieldResolver customFieldResolver = ModuleFieldResolverFactory.getResolver(field.getType());
+        // 校验参数值
+        customFieldResolver.validate(field, request.getFieldValue());
+        // 将参数值转换成字符串入库
+        String strValue = customFieldResolver.convertToString(field, request.getFieldValue());
+        if (moduleField == null) {
+            throw new GenericException(Translator.get("module.field.not_exist"));
+        }
+        if (BaseField.isBlob(moduleField.getType())) {
+            List<V> resourceFields = request.getIds().stream()
+                    .map(id -> supplyNewResource(this::newResourceFieldBlob, id, request.getFieldId(), strValue)).collect(Collectors.toList());
+            getResourceFieldBlobMapper().batchInsert(resourceFields);
+        } else {
+            List<T> resourceFields = request.getIds().stream()
+                    .map(id -> supplyNewResource(this::newResourceField, id, request.getFieldId(), strValue)).collect(Collectors.toList());
+            getResourceFieldMapper().batchInsert(resourceFields);
+        }
+    }
+
+    /**
+     * 批量删除自定义字段值
+     *
+     * @param request 批量参数
+     */
+    public void batchDeleteFieldValues(ResourceBatchEditRequest request, ModuleField moduleField) {
+        if (moduleField == null) {
+            throw new GenericException(Translator.get("module.field.not_exist"));
+        }
+        if (BaseField.isBlob(moduleField.getType())) {
+            // 先删除
+            LambdaQueryWrapper<V> example = new LambdaQueryWrapper<>();
+            example.eq(BaseResourceField::getFieldId, request.getFieldId());
+            example.in(BaseResourceField::getResourceId, request.getIds());
+            getResourceFieldBlobMapper().deleteByLambda(example);
+        } else {
+            // 先删除
+            LambdaQueryWrapper<T> example = new LambdaQueryWrapper<>();
+            example.eq(BaseResourceField::getFieldId, request.getFieldId());
+            example.in(BaseResourceField::getResourceId, request.getIds());
+            getResourceFieldMapper().deleteByLambda(example);
+        }
+    }
+
+    /**
+     * 更新自定义字段值 (MCP调用)
+     *
+     * @param resource             资源对象
+     * @param originCustomerFields 原有字段值
+     * @param moduleFields         新的字段值
+     * @param orgId                组织ID
+     * @param userId               当前用户ID
+     * @param <K>                  资源类型
+     */
+    public <K> void updateModuleFieldByAgent(K resource, List<BaseModuleFieldValue> originCustomerFields, List<BaseModuleFieldValue> moduleFields, String orgId, String userId) {
+        if (moduleFields == null) {
+            // 如果为 null，则不更新
+            return;
+        }
+        if (CollectionUtils.isEmpty(originCustomerFields)) {
+            saveModuleField(resource, orgId, userId, moduleFields, false);
+        } else {
+            updateModuleField(resource, orgId, userId, moduleFields, true);
+        }
+    }
+
+    /**
+     * 更新自定义字段值
+     *
+     * @param resource          资源对象
+     * @param orgId             组织ID
+     * @param userId            当前用户ID
+     * @param moduleFieldValues 字段值集合
+     * @param update            是否更新操作
+     * @param <K>               资源类型
+     */
+    @SuppressWarnings({"unchecked", "rawtypes"})
+    public <K> void updateModuleField(K resource, String orgId, String userId, List<BaseModuleFieldValue> moduleFieldValues, boolean update) {
+        List<BaseField> allFields = Objects.requireNonNull(CommonBeanFactory.getBean(ModuleFormService.class))
+                .getAllFields(getFormKey(), OrganizationContext.getOrganizationId());
+        if (CollectionUtils.isEmpty(allFields)) {
+            return;
+        }
+
+        String resourceId = (String) getResourceFieldValue(resource, "id");
+        List<T> resourceFields = getResourceField(List.of(resourceId));
+        Map<String, BaseModuleFieldValue> moduleFieldValueMap = moduleFieldValues.stream().collect(Collectors.toMap(BaseModuleFieldValue::getFieldId, t -> t));
+
+        // 校验业务字段，字段值是否重复
+        businessFieldRepeatCheck(orgId, resource, List.of(resourceId), allFields);
+        List<T> updateFields = new ArrayList<>();
+        List<V> updateBlobFields = new ArrayList<>();
+
+        resourceFields.forEach(resourceField -> {
+            if (moduleFieldValueMap.containsKey(resourceField.getFieldId())) {
+                BaseModuleFieldValue fieldValue = moduleFieldValueMap.get(resourceField.getFieldId());
+                BaseField base = allFields.stream().filter(baseField -> baseField.getId().equals(resourceField.getFieldId())).findFirst().orElse(null);
+                if (base != null) {
+                    if (base.needRepeatCheck()) {
+                        checkUnique(fieldValue, base);
+                    }
+                    // 获取字段解析器
+                    AbstractModuleFieldResolver customFieldResolver = ModuleFieldResolverFactory.getResolver(base.getType());
+                    // 校验参数值
+                    customFieldResolver.validate(base, fieldValue.getFieldValue());
+                    // 将参数值转换成字符串入库
+                    String strValue = customFieldResolver.convertToString(base, fieldValue.getFieldValue());
+                    if (base.isBlob()) {
+                        V fieldBlob = newResourceFieldBlob();
+                        fieldBlob.setId(resourceField.getId());
+                        fieldBlob.setResourceId(resourceField.getResourceId());
+                        fieldBlob.setFieldId(resourceField.getFieldId());
+                        fieldBlob.setFieldValue(strValue);
+                        updateBlobFields.add(fieldBlob);
+                    } else {
+                        T field = newResourceField();
+                        field.setId(resourceField.getId());
+                        field.setResourceId(resourceField.getResourceId());
+                        field.setFieldId(resourceField.getFieldId());
+                        field.setFieldValue(strValue);
+                        updateFields.add(field);
+                    }
+                }
+            }
+        });
+        Map<String, T> resourceMap = resourceFields.stream().collect(Collectors.toMap(BaseResourceField::getFieldId, Function.identity()));
+        Map<String, BaseField> allbaseFieldMap = allFields.stream().collect(Collectors.toMap(BaseField::getId, Function.identity()));
+        List<BaseModuleFieldValue> addlist = moduleFieldValues.stream().filter(moduleField ->
+                allbaseFieldMap.containsKey(moduleField.getFieldId()) && !resourceMap.containsKey(moduleField.getFieldId())
+        ).toList();
+
+        saveModuleField(resource, orgId, userId, addlist, update);
+        updateData(updateFields, updateBlobFields);
+    }
+
+    /**
+     * 批量更新字段值
+     *
+     * @param updateFields     更新字段值
+     * @param updateBlobFields 更新大字段值
+     */
+    private void updateData(List<T> updateFields, List<V> updateBlobFields) {
+        for (T resourceField : updateFields) {
+            getResourceFieldMapper().update(resourceField);
+        }
+
+        for (V updateBlobField : updateBlobFields) {
+            getResourceFieldBlobMapper().update(updateBlobField);
+        }
+    }
+
+    /**
+     * 处理子表格字段值 (查询)
+     *
+     * @param resourceMap    返回的资源字段值
+     * @param fieldConfigMap 字段配置
+     * @param resourceFields 值集合
+     */
+    @SuppressWarnings({"rawtypes", "unchecked"})
+    private void setResourceSubFieldValue(Map<String, List<BaseModuleFieldValue>> resourceMap, Map<String, BaseField> fieldConfigMap,
+                                          List<? extends BaseResourceField> resourceFields) {
+        Map<String, BaseField> subFieldMap = fieldConfigMap.values().stream().filter(f -> f instanceof SubField).collect(Collectors.toMap(BaseField::getId, Function.identity()));
+        if (!subFieldMap.isEmpty()) {
+            Set<String> refSubSet = subFieldMap.keySet();
+            List<BaseField> subFields = subFieldMap.values().stream().map(subField -> ((SubField) subField).getSubFields()).flatMap(List::stream).toList();
+            Map<String, BaseField> subFieldConfigMap = subFields.stream().filter(f -> StringUtils.isEmpty(f.getResourceFieldId())).collect(Collectors.toMap(BaseField::idOrBusinessKey, f -> f, (f1, f2) -> f1));
+            Map<String, BaseField> subFieldIdConfigMap = subFields.stream().collect(Collectors.toMap(BaseField::getId, f -> f, (f1, f2) -> f1));
+
+            Map<String, ? extends List<? extends BaseResourceField>> subResourceMap = resourceFields.stream()
+                    .filter(r -> refSubSet.contains(((BaseResourceSubField) r).getRefSubId()))
+                    .collect(Collectors.groupingBy(BaseResourceField::getResourceId));
+            subResourceMap.forEach((resourceId, subResources) -> {
+                subResources.sort(Comparator.comparingInt(resource -> Integer.parseInt(((BaseResourceSubField) resource).getRowId()))
+                        .thenComparing(resource -> Strings.CS.equals(((BaseResourceSubField) resource).getFieldId(), PRICE_SUB_ROW_KEY) ? 0 : 1));
+                Map<String, List<Map<String, Object>>> subFieldValueMap = new HashMap<>(8);
+                subResources.forEach(resource -> {
+                    if (resource.getFieldValue() != null) {
+                        BaseResourceSubField subResource = (BaseResourceSubField) resource;
+                        subFieldValueMap.putIfAbsent(subResource.getRefSubId(), new ArrayList<>());
+                        int rowIndex = Integer.parseInt(subResource.getRowId()) - 1;
+                        if (subFieldValueMap.get(subResource.getRefSubId()).size() <= rowIndex) {
+                            Map<String, Object> initRowMap = new HashMap<>(8) {{
+                                put(ROW_BIZ_ID, subResource.getBizId());
+                            }};
+                            subFieldValueMap.get(subResource.getRefSubId()).add(initRowMap);
+                        }
+                        Map<String, Object> rowMap = subFieldValueMap.get(subResource.getRefSubId()).get(rowIndex);
+                        if (Strings.CS.equals(resource.getFieldId(), PRICE_SUB_ROW_KEY)) {
+                            rowMap.put(subResource.getFieldId(), resource.getFieldValue());
+                            return;
+                        }
+                        BaseField fieldConfig = subFieldConfigMap.get(resource.getFieldId());
+                        if (fieldConfig == null) {
+                            return;
+                        }
+                        AbstractModuleFieldResolver customFieldResolver = ModuleFieldResolverFactory.getResolver(fieldConfig.getType());
+                        Object objectValue = null;
+                        try {
+                            objectValue = customFieldResolver.convertToValue(fieldConfig, resource.getFieldValue().toString());
+                            rowMap.put(subResource.getFieldId(), objectValue);
+                        } catch (Exception e) {
+                            log.error("Convert sub field value error: {}", e.getMessage());
+                        }
+                        if (objectValue == null || !SourceDetailResolveContext.getSourceMap().containsKey(objectValue.toString())) {
+                            return;
+                        }
+                        if (fieldConfig instanceof DatasourceField sourceField && CollectionUtils.isNotEmpty(sourceField.getShowFields())) {
+                            // 处理展示列
+                            Map<String, Object> detailMap = SourceDetailResolveContext.getSourceMap().get(objectValue.toString());
+                            if (MapUtils.isEmpty(detailMap)) {
+                                return;
+                            }
+                            sourceField.getShowFields().forEach(id -> {
+                                BaseField showFieldConfig = subFieldIdConfigMap.get(sourceField.getId() + REF_UNDERLINE + id);
+                                if (showFieldConfig == null) {
+                                    return;
+                                }
+                                if (StringUtils.isNotEmpty(showFieldConfig.getSubTableFieldId()) && rowMap.containsKey(PRICE_SUB_ROW_KEY)) {
+                                    Object matchVal = matchSubFieldValueOfDetailMap(showFieldConfig.idOrBusinessKey(), detailMap, BusinessModuleField.PRICE_PRODUCT_TABLE.getBusinessKey(),
+                                            rowMap.get(PRICE_SUB_ROW_KEY).toString());
+                                    if (matchVal != null) {
+                                        rowMap.put(showFieldConfig.getId(), matchVal);
+                                    }
+                                } else {
+                                    rowMap.put(showFieldConfig.getId(), getFieldValueOfDetailMap(showFieldConfig, detailMap, sourceField));
+                                }
+                            });
+                        }
+                        subFieldValueMap.get(subResource.getRefSubId()).set(rowIndex, rowMap);
+                    }
+                });
+                List<BaseModuleFieldValue> subTableFieldValues = new ArrayList<>();
+                subFieldValueMap.forEach((subFieldId, subFieldValues) -> {
+                    BaseModuleFieldValue fieldValue = new BaseModuleFieldValue();
+                    fieldValue.setFieldId(subFieldId);
+                    fieldValue.setFieldValue(subFieldValues);
+                    subTableFieldValues.add(fieldValue);
+                });
+                resourceMap.putIfAbsent(resourceId, new ArrayList<>());
+                resourceMap.get(resourceId).addAll(subTableFieldValues);
+            });
+        }
+    }
+
+    /**
+     * 获取数据源详情上下文
+     *
+     * @param flattenFields  平铺字段集合
+     * @param resourceFields 资源字段值集合
+     */
+    @SuppressWarnings("unchecked")
+    private void getSourceDetailMapByIds(List<BaseField> flattenFields, List<T> resourceFields) {
+        // 深度 > 1, 跳过, 不处理嵌套引用 [A -> B -> C]
+        if (SourceDetailResolveContext.getDepth() > 1) {
+            return;
+        }
+
+        // 收集所有数据源字段的类型和ID映射关系
+        var sourceIdType = flattenFields.stream()
+                .filter(f -> f instanceof DatasourceField ds && CollectionUtils.isNotEmpty(ds.getShowFields()))
+                .collect(Collectors.toMap(
+                        BaseField::idOrBusinessKey,
+                        f -> ((DatasourceField) f).getDataSourceType(),
+                        (prev, next) -> next
+                ));
+
+        // 按照数据源类型分组
+        Map<String, List<String>> groupedIds = new HashMap<>(FieldSourceType.values().length);
+        resourceFields.stream()
+                .filter(rf -> sourceIdType.containsKey(rf.getFieldId()) && rf.getFieldValue() != null)
+                .forEach(rf -> {
+                    String value = rf.getFieldValue().toString();
+                    if (SourceDetailResolveContext.contains(value)) {
+                        return;
+                    }
+                    groupedIds.computeIfAbsent(sourceIdType.get(rf.getFieldId()), k -> new ArrayList<>()).add(value);
+                });
+
+        // 批量查询每个类型的数据源详情
+        groupedIds.forEach((dataSourceType, ids) -> {
+            if (CollectionUtils.isEmpty(ids)) {
+                return;
+            }
+
+            // 去重 & 提前数据源详情上下文占位 (防止相互引用时无限递归 [A -> B -> A])
+            List<String> distinctIds = ids.stream().distinct().toList();
+            distinctIds.forEach(SourceDetailResolveContext::putPlaceholder);
+
+            // 批量查询
+            FieldSourceType sourceType = FieldSourceType.safeValueOf(dataSourceType);
+            List<Object> details;
+            if (sourceType == FieldSourceType.CUSTOM_FORM) {
+                String formKey = getFormKey();
+                // 自定义表单：设置form_key作为上下文
+                try {
+                    CustomFormDataFieldService.setFormKey(dataSourceType);
+                    details = fieldSourceServiceProvider.batchGetSimpleByIds(sourceType, distinctIds);
+                } finally {
+                    CustomFormDataFieldService.clearFormKey();
+                    if (StringUtils.isNotBlank(formKey)) {
+                        // 设置父 formKey
+                        CustomFormDataFieldService.setFormKey(formKey);
+                    }
+                }
+            } else {
+                details = fieldSourceServiceProvider.batchGetSimpleByIds(sourceType, distinctIds);
+            }
+            if (CollectionUtils.isEmpty(details)) {
+                return;
+            }
+
+            // 缓存上下文
+            for (Object detail : details) {
+                if (detail == null) {
+                    continue;
+                }
+                try {
+                    // 通过反射获取ID字段
+                    Map<String, Object> detailMap = JSON.MAPPER.convertValue(detail, Map.class);
+                    Object idValue = detailMap.get("id");
+                    if (idValue != null) {
+                        SourceDetailResolveContext.put(idValue.toString(), detailMap);
+                    }
+                } catch (Exception e) {
+                    log.error("处理数据源详情异常: {}", e.getMessage());
+                }
+            }
+        });
+    }
+
+    /**
+     * 处理临时附件
+     */
+    @SuppressWarnings("unchecked")
+    private void preProcessTempAttachment(String orgId, String resourceId, String userId, Object processValue) {
+        try {
+            List<String> tmpPicIds = new ArrayList<>();
+            if (processValue instanceof String) {
+                tmpPicIds.add(processValue.toString());
+            } else if (processValue instanceof List) {
+                tmpPicIds.addAll((List<String>) processValue);
+            }
+            AttachmentService attachmentService = CommonBeanFactory.getBean(AttachmentService.class);
+            UploadTransferRequest transferRequest = new UploadTransferRequest(orgId, resourceId, userId, tmpPicIds);
+            if (attachmentService != null) {
+                attachmentService.processTemp(transferRequest);
+            }
+        } catch (Exception e) {
+            log.error("临时附件处理失败: {}", e.getMessage());
+        }
+    }
+
+    /**
+     * 处理特殊的字段值
+     *
+     * @param field         字段信息
+     * @param fieldValueMap 字段值集合
+     * @param update        是否更新操作
+     * @param orgId         组织ID
+     *
+     * @return 字段值
+     */
+    private <K> BaseModuleFieldValue processSpecialFieldValue(K resource, BaseField field, Map<String, BaseModuleFieldValue> fieldValueMap,
+                                                              Map<String, String> serialNumCache, boolean update, String orgId) {
+        // 流水号 (需缓存, 公式字段要做占位替换)
+        if (field.isSerialNumber() && !update) {
+            if (StringUtils.isNotEmpty(field.getBusinessKey())) {
+                // 流水号作为业务字段, 从业务资源中获取前缀值
+                Object serialNoPrefix = getResourceFieldValue(resource, field.getBusinessKey());
+                String serialNo = serialNumGenerator.generateByRules(((SerialNumberField) field).getSerialNumberRules(
+                                serialNoPrefix != null ? serialNoPrefix.toString().replace("${" + field.getName() + "}", StringUtils.EMPTY) : StringUtils.EMPTY),
+                        orgId, getFormKey());
+                // 业务流水号字段过长, SQL错误
+                if (serialNo.length() > MAX_NUMBER_LENGTH) {
+                    throw new GenericException(Translator.get("number.length.exceed"));
+                }
+                setResourceFieldValue(resource, field.getBusinessKey(), serialNo);
+                serialNumCache.put("${" + field.getName() + "}", serialNo);
+                return null;
+            } else {
+                // 流水号作为自定义字段, 需要统一生成.
+                BaseModuleFieldValue fieldValue = new BaseModuleFieldValue();
+                fieldValue.setFieldId(field.getId());
+                BaseModuleFieldValue fv = fieldValueMap.get(field.getId());
+                String serialNo = serialNumGenerator.generateByRules(((SerialNumberField) field).getSerialNumberRules(
+                                (fv != null && fv.getFieldValue() != null) ? fv.getFieldValue().toString().replace("${" + field.getName() + "}", StringUtils.EMPTY) : StringUtils.EMPTY),
+                        orgId, getFormKey());
+                fieldValue.setFieldValue(serialNo);
+                serialNumCache.put("${" + field.getName() + "}", serialNo);
+                return fieldValue;
+            }
+        }
+
+        // 子表格
+        if (field.isSubField()) {
+            BaseModuleFieldValue fieldValue = new BaseModuleFieldValue();
+            fieldValue.setFieldId(field.getId());
+            String businessKey = field.getBusinessKey();
+            if (StringUtils.isNotEmpty(businessKey)) {
+                fieldValue.setFieldValue(fieldValueMap.get(businessKey).getFieldValue());
+            } else {
+                fieldValue = fieldValueMap.get(field.getId());
+            }
+            return fieldValue;
+        }
+
+        // 公式字段
+        if (field.includeFormula()) {
+            if (StringUtils.isNotEmpty(field.getBusinessKey())) {
+                // 业务字段直接替换, 公式字段的业务字段不入库.
+                Object serialNo = getResourceFieldValue(resource, field.getBusinessKey());
+                if (serialNo != null) {
+                    String strValue = replaceSerialNumberPlaceholder(serialNo.toString(), serialNumCache);
+                    setResourceFieldValue(resource, field.getBusinessKey(), strValue);
+                }
+                return null;
+            } else {
+                // 自定义字段需要替换占位符&&入库.
+                BaseModuleFieldValue fieldValue = fieldValueMap.get(field.getId());
+                if (fieldValue != null && fieldValue.getFieldValue() != null) {
+                    String strValue = replaceSerialNumberPlaceholder(fieldValue.getFieldValue().toString(), serialNumCache);
+                    fieldValue.setFieldValue(strValue);
+                }
+                return fieldValue;
+            }
+        }
+
+        // 其他字段直接返回
+        return fieldValueMap.get(field.getId());
+    }
+
+    /**
+     * 替换字符串中的流水号占位符
+     *
+     * @param text         包含占位符的字符串，格式如：xxxx${fieldName}
+     * @param serialNumMap 流水号缓存Map
+     *
+     * @return 替换后的字符串，如果未找到对应流水号则保持不变
+     */
+    private String replaceSerialNumberPlaceholder(String text, Map<String, String> serialNumMap) {
+        if (StringUtils.isEmpty(text) || MapUtils.isEmpty(serialNumMap)) {
+            return text;
+        }
+        String result = text;
+        for (Map.Entry<String, String> entry : serialNumMap.entrySet()) {
+            String placeholder = entry.getKey();
+            if (result.contains(placeholder)) {
+                result = result.replace(placeholder, entry.getValue());
+            }
+        }
+        return result;
+    }
+
+    /**
+     * 获取资源字段值
+     *
+     * @param resourceId 资源ID
+     * @param fieldId    字段ID
+     *
+     * @return 字段值
+     */
+    public Object getResourceFieldValue(String resourceId, String fieldId) {
+        T example = newResourceField();
+        example.setResourceId(resourceId);
+        example.setFieldId(fieldId);
+        T resourceField = getResourceFieldMapper().selectOne(example);
+        if (resourceField != null) {
+            return resourceField.getFieldValue();
+        }
+        return null;
+    }
+
+    /**
+     * 获取资源字段值集合
+     *
+     * @param resourceIds 资源ID集合
+     *
+     * @return 字段值集合
+     */
+    private List<T> getResourceField(List<String> resourceIds) {
+        LambdaQueryWrapper<T> wrapper = new LambdaQueryWrapper<>();
+        wrapper.in(BaseResourceField::getResourceId, resourceIds);
+        return getResourceFieldMapper().selectListByLambda(wrapper);
+    }
+
+    /**
+     * 获取资源指定字段值集合
+     *
+     * @param resourceIds 资源ID集合
+     * @param fieldId     字段ID
+     *
+     * @return 指定字段值集合
+     */
+    private List<T> getResourceField(List<String> resourceIds, String fieldId) {
+        LambdaQueryWrapper<T> wrapper = new LambdaQueryWrapper<>();
+        wrapper.in(BaseResourceField::getResourceId, resourceIds);
+        wrapper.eq(BaseResourceField::getFieldId, fieldId);
+        return getResourceFieldMapper().selectListByLambda(wrapper);
+    }
+
+    /**
+     * 获取资源大字段值集合
+     *
+     * @param resourceIds 资源ID集合
+     *
+     * @return 大字段值集合
+     */
+    private List<V> getResourceFieldBlob(List<String> resourceIds) {
+        LambdaQueryWrapper<V> wrapper = new LambdaQueryWrapper<>();
+        wrapper.in(BaseResourceField::getResourceId, resourceIds);
+        return getResourceFieldBlobMapper().selectListByLambda(wrapper);
+    }
+
+    /**
+     * 获取资源指定大字段值集合
+     *
+     * @param resourceIds 资源ID集合
+     * @param fieldId     大字段ID
+     *
+     * @return 指定大字段值集合
+     */
+    private List<V> getResourceFieldBlob(List<String> resourceIds, String fieldId) {
+        LambdaQueryWrapper<V> wrapper = new LambdaQueryWrapper<>();
+        wrapper.in(BaseResourceField::getResourceId, resourceIds);
+        wrapper.eq(BaseResourceField::getFieldId, fieldId);
+        return getResourceFieldBlobMapper().selectListByLambda(wrapper);
+    }
+
+    /**
+     * 提供新的字段或大字段实例 (通用&新增)
+     *
+     * @param instance   字段值实例
+     * @param resourceId 资源ID
+     * @param fieldId    字段ID
+     * @param strValue   字段值
+     * @param <R>        字段类型
+     *
+     * @return 字段实例
+     */
+    private <R extends BaseResourceField> R supplyNewResource(Supplier<R> instance, String resourceId, String fieldId, String strValue) {
+        R resourceField = instance.get();
+        resourceField.setId(IDGenerator.nextStr());
+        resourceField.setResourceId(resourceId);
+        resourceField.setFieldId(fieldId);
+        resourceField.setFieldValue(strValue);
+        return resourceField;
+    }
+
+    /**
+     * 创建新的资源字段实例
+     *
+     * @return 资源字段实例
+     */
+    private T newResourceField() {
+        try {
+            return getResourceFieldClass().getConstructor().newInstance();
+        } catch (Exception e) {
+            log.error(e.getMessage(), e);
+            throw new GenericException(e);
+        }
+    }
+
+    /**
+     * 创建新的资源大字段实例
+     *
+     * @return 资源大字段实例
+     */
+    private V newResourceFieldBlob() {
+        try {
+            return getResourceFieldBlobClass().getConstructor().newInstance();
+        } catch (Exception e) {
+            log.error(e.getMessage(), e);
+            throw new GenericException(e);
+        }
+    }
+
+    /**
+     * 字段值唯一性校验
+     *
+     * @param fieldValue 字段值
+     * @param field      字段信息
+     */
+    protected void checkUnique(BaseModuleFieldValue fieldValue, BaseField field) {
+        LambdaQueryWrapper<T> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(BaseResourceField::getFieldId, fieldValue.getFieldId());
+        wrapper.eq(BaseResourceField::getFieldValue, fieldValue.getFieldValue());
+        if (!getResourceFieldMapper().selectListByLambda(wrapper).isEmpty()) {
+            throw new GenericException(Translator.getWithArgs("common.field_value.repeat", field.getName()));
+        }
+    }
+
+    /**
+     * 获取并校验字段是否存在
+     *
+     * @param fieldId        字段ID
+     * @param organizationId 组织ID
+     *
+     * @return 字段信息
+     */
+    public BaseField getAndCheckField(String fieldId, String organizationId) {
+        List<BaseField> flattenFormFields = Objects.requireNonNull(CommonBeanFactory.getBean(ModuleFormService.class)).
+                getFlattenFormFields(getFormKey(), organizationId);
+        return flattenFormFields.stream().filter(f -> fieldId.equals(f.getId()))
+                .findFirst()
+                .orElseThrow(() -> new GenericException(Translator.get("module.field.not_exist")));
+    }
+
+    /**
+     * 校验业务字段值是否重复
+     *
+     * @param orgId     组织ID
+     * @param resource  资源对象
+     * @param updateIds 排除的ID集合
+     * @param field     字段信息
+     * @param fieldName 字段名称
+     * @param <K>       资源类型
+     */
+    private <K> void businessFieldRepeatCheck(String orgId, K resource, List<String> updateIds, BaseField field, String fieldName) {
+        if (!field.needRepeatCheck() || StringUtils.contains(field.getId(), REF_UNDERLINE)) {
+            return;
+        }
+        Class<?> clazz = resource.getClass();
+        String tableName = EntityTableMapper.generateTableName(clazz);
+        Object fieldValue = getResourceFieldValue(resource, fieldName);
+        if (isNotBlank(fieldValue)) {
+            boolean repeat;
+            if (CollectionUtils.isNotEmpty(updateIds)) {
+                repeat = commonMapper.checkUpdateExist(tableName, fieldName, fieldValue.toString(), orgId, updateIds);
+            } else {
+                repeat = commonMapper.checkAddExist(tableName, fieldName, fieldValue.toString(), orgId);
+            }
+            if (repeat) {
+                throw new GenericException(Translator.getWithArgs("common.field_value.repeat", field.getName()));
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/common/service/BaseResourceService.java b/backend/crm/src/main/java/cn/cordys/common/service/BaseResourceService.java
new file mode 100644
index 0000000..56b0e0d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/service/BaseResourceService.java
@@ -0,0 +1,246 @@
+package cn.cordys.common.service;
+
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.dto.LogDTO;
+import cn.cordys.common.domain.BaseResourceField;
+import cn.cordys.common.resolver.field.AbstractModuleFieldResolver;
+import cn.cordys.common.resolver.field.ModuleFieldResolverFactory;
+import cn.cordys.common.util.CaseFormatUtils;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.request.ResourceBatchEditRequest;
+import cn.cordys.crm.system.service.LogService;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.data.util.ReflectionUtils;
+
+import java.lang.reflect.Field;
+import java.math.BigDecimal;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+import java.util.function.Function;
+import java.util.stream.Collectors;
+
+/**
+ * 资源服务通用类
+ *
+ * @author song-cc-rock
+ */
+@Slf4j
+public abstract class BaseResourceService {
+
+    @Resource
+    private LogService logService;
+
+    /**
+     * 获取资源字段值
+     *
+     * @param resource  资源对象
+     * @param fieldName 字段名称
+     * @param <K>       资源类型
+     *
+     * @return 值
+     */
+    protected <K> Object getResourceFieldValue(K resource, String fieldName) {
+        Class<?> clazz = resource.getClass();
+        // 获取字段值
+        Object fieldValue = null;
+        try {
+            fieldValue = clazz.getMethod("get" + CaseFormatUtils.capitalizeFirstLetter(fieldName))
+                    .invoke(resource);
+        } catch (Exception e) {
+            log.error(e.getMessage(), e);
+        }
+        return fieldValue;
+    }
+
+    /**
+     * 设置资源字段值
+     *
+     * @param resource  资源对象
+     * @param fieldName 字段名称
+     * @param value     值
+     * @param <K>       资源类型
+     */
+    public <K> void setResourceFieldValue(K resource, String fieldName, Object value) {
+        try {
+            if (value != null) {
+                Class<?> clazz = resource.getClass();
+                // 使用 ReflectionUtils 递归查找父类字段
+                Field field = ReflectionUtils.findField(clazz, f -> Strings.CS.equals(f.getName(), fieldName));
+                if (field != null) {
+                    field.setAccessible(true);
+                    // 数值类型转换
+                    if (value instanceof String strValue) {
+                        Class<?> type = field.getType();
+                        if (type.equals(BigDecimal.class)) {
+                            value = new BigDecimal(strValue);
+                        } else if (type.equals(Long.class)) {
+                            value = Long.valueOf(strValue);
+                        } else if (type.equals(Integer.class)) {
+                            value = Integer.valueOf(strValue);
+                        }
+                    } else if (value instanceof Integer i) {
+                        if (field.getType().equals(BigDecimal.class)) {
+                            value = BigDecimal.valueOf(i);
+                        } else if (field.getType().equals(Long.class)) {
+                            value = Long.valueOf(i);
+                        }
+                    }
+                    // 通过 Field 直接设置值，支持父类字段
+                    field.set(resource, value);
+                }
+            }
+        } catch (Exception e) {
+            log.error(e.getMessage(), e);
+        }
+    }
+
+    /**
+     * 创建资源实例
+     *
+     * @param clazz 资源类对象
+     * @param <K>   资源类型
+     *
+     * @return 资源实例
+     */
+    protected <K> K newInstance(Class<K> clazz) {
+        K resource;
+        try {
+            resource = clazz.getConstructor().newInstance();
+        } catch (Exception e) {
+            log.error(e.getMessage(), e);
+            throw new RuntimeException(e);
+        }
+        return resource;
+    }
+
+    /**
+     * 判断值非空
+     *
+     * @param value 值
+     *
+     * @return 是否非空
+     */
+    @SuppressWarnings("rawtypes")
+    protected boolean isNotBlank(Object value) {
+        switch (value) {
+            case null -> {
+                return false;
+            }
+            case String str -> {
+                return StringUtils.isNotBlank(str);
+            }
+            case List list -> {
+                return CollectionUtils.isNotEmpty(list);
+            }
+            default -> {
+                return true;
+            }
+        }
+    }
+
+    /**
+     * 记录自定义字段批量更新日志
+     *
+     * @param originResourceList 资源集合
+     * @param originFields       旧的字段值
+     * @param field              字段信息
+     * @param request            请求参数
+     * @param userId             用户ID
+     * @param orgId              组织ID
+     * @param <K>                资源类型
+     */
+    @SuppressWarnings({"rawtypes", "unchecked"})
+    protected <K> void addCustomFieldBatchUpdateLog(List<K> originResourceList,
+                                                    List<? extends BaseResourceField> originFields,
+                                                    ResourceBatchEditRequest request,
+                                                    BaseField field,
+                                                    String logModule,
+                                                    String userId,
+                                                    String orgId) {
+        Map<String, ? extends BaseResourceField> fieldMap = originFields.stream()
+                .collect(Collectors.toMap(BaseResourceField::getResourceId, Function.identity()));
+        // 记录日志
+        List<LogDTO> logs = originResourceList.stream()
+                .map(resource -> {
+                    Object id = getResourceFieldValue(resource, "id");
+                    Object name = getResourceFieldValue(resource, "name");
+					Object customFormId = getResourceFieldValue(resource, "customFormId");
+
+					BaseResourceField baseResourceField = fieldMap.get(id.toString());
+                    Map originResource = new HashMap();
+                    if (baseResourceField != null && isNotBlank(baseResourceField.getFieldValue())) {
+                        // 获取字段解析器
+                        AbstractModuleFieldResolver customFieldResolver = ModuleFieldResolverFactory.getResolver(field.getType());
+                        // 将数据库中的字符串值,转换为对应的对象值
+                        Object objectValue = customFieldResolver.convertToValue(field, baseResourceField.getFieldValue().toString());
+                        baseResourceField.setFieldValue(objectValue);
+                        originResource.put(request.getFieldId(), baseResourceField.getFieldValue());
+                    }
+
+                    Map modifiedResource = new HashMap();
+                    if (isNotBlank(request.getFieldValue())) {
+                        modifiedResource.put(request.getFieldId(), request.getFieldValue());
+                    }
+
+					if (customFormId != null) {
+						originResource.put("customFormId", customFormId);
+						modifiedResource.put("customFormId", customFormId);
+					}
+
+                    LogDTO logDTO = new LogDTO(orgId, id.toString(), userId, LogType.UPDATE, logModule, name.toString());
+                    logDTO.setOriginalValue(originResource);
+                    logDTO.setModifiedValue(modifiedResource);
+                    return logDTO;
+                }).toList();
+
+        logService.batchAdd(logs);
+    }
+
+    /**
+     * 记录业务字段批量更新日志
+     *
+     * @param originResourceList 资源集合
+     * @param field              字段信息
+     * @param request            请求参数
+     * @param userId             用户ID
+     * @param orgId              组织ID
+     * @param <K>                资源类型
+     */
+    @SuppressWarnings({"rawtypes", "unchecked"})
+    protected <K> void addBusinessFieldBatchUpdateLog(List<K> originResourceList,
+                                                      BaseField field,
+                                                      ResourceBatchEditRequest request,
+                                                      String logModule,
+                                                      String userId,
+                                                      String orgId) {
+        // 记录日志
+        List<LogDTO> logs = originResourceList.stream()
+                .map(resource -> {
+                    Map originResource = new HashMap();
+                    if (isNotBlank(getResourceFieldValue(resource, field.getBusinessKey()))) {
+                        originResource.put(field.getBusinessKey(), getResourceFieldValue(resource, field.getBusinessKey()));
+                    }
+
+                    Map modifiedResource = new HashMap();
+                    if (isNotBlank(request.getFieldValue())) {
+                        modifiedResource.put(field.getBusinessKey(), request.getFieldValue());
+                    }
+
+                    Object id = getResourceFieldValue(resource, "id");
+                    Object name = getResourceFieldValue(resource, "name");
+
+                    LogDTO logDTO = new LogDTO(orgId, id.toString(), userId, LogType.UPDATE, logModule, name.toString());
+                    logDTO.setOriginalValue(originResource);
+                    logDTO.setModifiedValue(modifiedResource);
+                    return logDTO;
+                }).toList();
+
+        logService.batchAdd(logs);
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/service/BaseService.java b/backend/crm/src/main/java/cn/cordys/common/service/BaseService.java
new file mode 100644
index 0000000..b20ff8b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/service/BaseService.java
@@ -0,0 +1,878 @@
+package cn.cordys.common.service;
+
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.dto.UserDeptDTO;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.approval.constants.ApprovalNodeTypeEnum;
+import cn.cordys.crm.approval.constants.ApprovalStatus;
+import cn.cordys.crm.approval.constants.ApprovalTaskType;
+import cn.cordys.crm.approval.domain.ApprovalInstance;
+import cn.cordys.crm.approval.domain.ApprovalNode;
+import cn.cordys.crm.approval.domain.ApprovalNodeLink;
+import cn.cordys.crm.approval.domain.ApprovalTask;
+import cn.cordys.crm.approval.mapper.ExtApprovalInstanceMapper;
+import cn.cordys.crm.approval.service.ApprovalFlowService;
+import cn.cordys.crm.approval.service.ApprovalInstanceService;
+import cn.cordys.crm.clue.mapper.ExtClueMapper;
+import cn.cordys.crm.customer.mapper.ExtCustomerContactMapper;
+import cn.cordys.crm.customer.mapper.ExtCustomerMapper;
+import cn.cordys.crm.opportunity.mapper.ExtOpportunityMapper;
+import cn.cordys.crm.system.constants.FieldType;
+import cn.cordys.crm.system.domain.ModuleField;
+import cn.cordys.crm.system.domain.User;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.field.base.SubField;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.dto.response.UserResponse;
+import cn.cordys.crm.system.mapper.ExtAttachmentMapper;
+import cn.cordys.crm.system.mapper.ExtModuleFieldMapper;
+import cn.cordys.crm.system.mapper.ExtOrganizationUserMapper;
+import cn.cordys.crm.system.mapper.ExtUserMapper;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import com.fasterxml.jackson.core.type.TypeReference;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.context.annotation.Lazy;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.lang.reflect.Method;
+import java.util.*;
+import java.util.concurrent.atomic.AtomicReference;
+import java.util.function.Function;
+import java.util.stream.Collectors;
+
+/**
+ * @author jianxing
+ * @date 2025-01-03 12:01:54
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class BaseService {
+    @Resource
+    private ExtUserMapper extUserMapper;
+    @Resource
+    private BaseMapper<User> userMapper;
+    @Resource
+    private ExtCustomerContactMapper extCustomerContactMapper;
+    @Resource
+    private ExtOrganizationUserMapper extOrganizationUserMapper;
+    @Resource
+    private ExtCustomerMapper extCustomerMapper;
+    @Resource
+    private ExtOpportunityMapper extOpportunityMapper;
+    @Resource
+    private ExtClueMapper extClueMapper;
+    @Resource
+    private ExtModuleFieldMapper extModuleFieldMapper;
+    @Resource
+    private BaseMapper<ModuleField> moduleFieldMapper;
+    @Resource
+    private ExtAttachmentMapper extAttachmentMapper;
+	@Resource
+	private ApprovalInstanceService approvalInstanceService;
+	@Resource
+	private BaseMapper<ApprovalNodeLink> nodeLinkMapper;
+	@Resource
+	private BaseMapper<ApprovalNode> approvalNodeMapper;
+	@Resource
+	private BaseMapper<ApprovalTask> approvalTaskMapper;
+	@Lazy
+	@Resource
+	private ApprovalFlowService approvalFlowService;
+	@Resource
+	private ExtApprovalInstanceMapper extApprovalInstanceMapper;
+
+
+    /**
+     * 设置创建人和更新人名称
+     *
+     * @param object
+     * @param <T>
+     * @return
+     */
+    public <T> T setCreateAndUpdateUserName(T object) {
+        return setCreateAndUpdateUserName(List.of(object)).getFirst();
+    }
+
+    /**
+     * 设置创建人和更新人名称
+     *
+     * @param list
+     * @param <T>
+     * @return
+     */
+    public <T> List<T> setCreateAndUpdateUserName(List<T> list) {
+        if (CollectionUtils.isEmpty(list)) {
+            return list;
+        }
+        try {
+
+            Class<?> clazz = list.getFirst().getClass();
+            Method setCreateUserName = clazz.getMethod("setCreateUserName", String.class);
+            Method setUpdateUserName = clazz.getMethod("setUpdateUserName", String.class);
+            Method getCreateUser = clazz.getMethod("getCreateUser");
+            Method getUpdateUser = clazz.getMethod("getUpdateUser");
+
+            Set<String> userIds = new HashSet<>();
+            for (T role : list) {
+                userIds.add((String) getCreateUser.invoke(role));
+                userIds.add((String) getUpdateUser.invoke(role));
+            }
+
+            Map<String, String> userNameMap = getUserNameMap(userIds);
+            for (T item : list) {
+                String createUserId = (String) getCreateUser.invoke(item);
+                String updateUserId = (String) getUpdateUser.invoke(item);
+
+                String createUserName = getAndCheckOptionName(userNameMap.get(createUserId));
+                String updateUserName = getAndCheckOptionName(userNameMap.get(updateUserId));
+
+                setCreateUserName.invoke(item, createUserName);
+                setUpdateUserName.invoke(item, updateUserName);
+            }
+        } catch (Exception e) {
+            throw new GenericException(e);
+        }
+        return list;
+    }
+
+    /**
+     * 设置创建人、更新人和责任人名称
+     *
+     * @param object
+     * @param <T>
+     * @return
+     */
+    public <T> T setCreateUpdateOwnerUserName(T object) {
+        return setCreateUpdateOwnerUserName(List.of(object)).getFirst();
+    }
+
+    /**
+     * 设置创建人、更新人和责任人名称
+     *
+     * @param object
+     * @param <T>
+     * @return
+     */
+    public <T> T setCreateAndUpdateOwnerUserName(T object) {
+        return setCreateUpdateOwnerUserName(List.of(object)).getFirst();
+    }
+
+    /**
+     * 设置创建人、更新人和责任人名称
+     *
+     * @param list
+     * @param <T>
+     * @return
+     */
+    public <T> List<T> setCreateUpdateOwnerUserName(List<T> list) {
+        if (CollectionUtils.isEmpty(list)) {
+            return list;
+        }
+        try {
+
+            Class<?> clazz = list.getFirst().getClass();
+            Method setCreateUserName = clazz.getMethod("setCreateUserName", String.class);
+            Method setUpdateUserName = clazz.getMethod("setUpdateUserName", String.class);
+            Method setOwnerName = clazz.getMethod("setOwnerName", String.class);
+            Method getCreateUser = clazz.getMethod("getCreateUser");
+            Method getUpdateUser = clazz.getMethod("getUpdateUser");
+            Method getOwner = clazz.getMethod("getOwner");
+
+            Set<String> userIds = new HashSet<>();
+            for (T role : list) {
+                userIds.add((String) getCreateUser.invoke(role));
+                userIds.add((String) getUpdateUser.invoke(role));
+                userIds.add((String) getOwner.invoke(role));
+            }
+
+            Map<String, String> userNameMap = getUserNameMap(userIds);
+            for (T item : list) {
+
+                String createUserId = (String) getCreateUser.invoke(item);
+                String updateUserId = (String) getUpdateUser.invoke(item);
+                String ownerId = (String) getOwner.invoke(item);
+
+                String createUserName = getAndCheckOptionName(userNameMap.get(createUserId));
+                String updateUserName = getAndCheckOptionName(userNameMap.get(updateUserId));
+                String ownerName = getAndCheckOptionName(userNameMap.get(ownerId));
+
+                setCreateUserName.invoke(item, createUserName);
+                setUpdateUserName.invoke(item, updateUserName);
+                setOwnerName.invoke(item, ownerName);
+            }
+        } catch (Exception e) {
+            throw new GenericException(e);
+        }
+        return list;
+    }
+
+    /**
+     * 根据用户ID列表，获取用户ID和名称的映射
+     *
+     * @param userIds
+     * @return
+     */
+    public Map<String, String> getUserNameMap(List<String> userIds) {
+        if (CollectionUtils.isEmpty(userIds)) {
+            return Collections.emptyMap();
+        }
+        return extUserMapper.selectUserOptionByIds(userIds)
+                .stream()
+                .collect(Collectors.toMap(OptionDTO::getId, OptionDTO::getName));
+    }
+
+    public String getUserName(String userId) {
+        if (StringUtils.isBlank(userId)) {
+            return null;
+        }
+        User user = userMapper.selectByPrimaryKey(userId);
+        if (user != null) {
+            return user.getName();
+        }
+        return null;
+    }
+
+    /**
+     * 根据用户ID列表，获取用户ID和名称的映射
+     *
+     * @param userIds
+     * @return
+     */
+    public Map<String, String> getUserNameMap(Set<String> userIds) {
+        return getUserNameMap(new ArrayList<>(userIds));
+    }
+
+    public Map<String, UserDeptDTO> getUserDeptMapByUserIds(Set<String> ownerIds, String orgId) {
+        return getUserDeptMapByUserIds(new ArrayList<>(ownerIds), orgId);
+    }
+
+    public UserDeptDTO getUserDeptMapByUserId(String ownerId, String orgId) {
+        List<UserDeptDTO> userDeptList = extUserMapper.getUserDeptByUserIds(List.of(ownerId), orgId);
+        return CollectionUtils.isEmpty(userDeptList) ? null : userDeptList.getFirst();
+    }
+
+    public Map<String, UserDeptDTO> getUserDeptMapByUserIds(List<String> ownerIds, String orgId) {
+        if (CollectionUtils.isEmpty(ownerIds)) {
+            return Collections.emptyMap();
+        }
+        return extUserMapper.getUserDeptByUserIds(ownerIds, orgId)
+                .stream()
+                .collect(Collectors.toMap(UserDeptDTO::getUserId, Function.identity()));
+    }
+
+
+    /**
+     * 获取联系人ID和名称的映射
+     *
+     * @param contactIds
+     * @return
+     */
+    public Map<String, String> getContactMap(List<String> contactIds) {
+        if (CollectionUtils.isEmpty(contactIds)) {
+            return Collections.emptyMap();
+        }
+        return extCustomerContactMapper.selectContactOptionByIds(contactIds)
+                .stream()
+                .collect(Collectors.toMap(OptionDTO::getId, OptionDTO::getName));
+    }
+
+
+    public Map<String, UserResponse> getUserDepAndPhoneByUserIds(List<String> ownerIds, String orgId) {
+        if (CollectionUtils.isEmpty(ownerIds)) {
+            return Collections.emptyMap();
+        }
+        List<UserResponse> userResponseList = extOrganizationUserMapper.getUserDepAndPhoneByUserIds(ownerIds, orgId);
+        return userResponseList.stream().collect(Collectors.toMap(UserResponse::getUserId, Function.identity()));
+    }
+
+    public <T> void handleAddLog(T resource, List<BaseModuleFieldValue> moduleFields) {
+        Map<String, Object> resourceLog = JSON.parseToMap(JSON.toJSONString(resource));
+
+        if (moduleFields != null) {
+            moduleFields.stream()
+                    .filter(BaseModuleFieldValue::valid)
+                    .forEach(field ->
+                            resourceLog.put(field.getFieldId(), field.getFieldValue())
+                    );
+        }
+
+        writeAddLogContext(resource, resourceLog);
+    }
+
+	/**
+	 * 新增日志, 替换资源名称
+	 * @param resource 资源信息
+	 * @param moduleFields 自定义字段
+	 * @param <T> 资源类型
+	 */
+	public <T> void handleAddLogWithResourceName(T resource, List<BaseModuleFieldValue> moduleFields) {
+		Map<String, Object> resourceLog = JSON.parseToMap(JSON.toJSONString(resource));
+
+		if (moduleFields != null) {
+			moduleFields.stream()
+					.filter(BaseModuleFieldValue::valid)
+					.forEach(field ->
+							resourceLog.put(field.getFieldId(), field.getFieldValue())
+					);
+		}
+
+		writeAddLogContextWithResourceName(resource, resourceLog);
+	}
+
+    public <T> void handleAddLogWithSubTable(
+            T resource,
+            List<BaseModuleFieldValue> moduleFields,
+            String subTableKeyName,
+            ModuleFormConfigDTO moduleFormConfigDTO) {
+
+        Map<String, Object> resourceLog = JSON.parseToMap(JSON.toJSONString(resource));
+        Set<String> subRefKey = getSubTableRefIds(moduleFormConfigDTO);
+        if (moduleFields != null) {
+            Map<String, String> fieldNameMap = getFieldNameMap(moduleFields, moduleFormConfigDTO);
+            List<BaseModuleFieldValue> validFields = moduleFields.stream()
+                    .filter(BaseModuleFieldValue::valid)
+                    .toList();
+            Map<String, String> subTableIdKeyMap = getSubTableIdKeyMap(moduleFormConfigDTO);
+            fillResourceLog(resourceLog, validFields, fieldNameMap, subTableIdKeyMap, subTableKeyName, subRefKey, moduleFormConfigDTO);
+        }
+
+		writeAddLogContextWithResourceName(resource, resourceLog);
+    }
+
+
+    /**
+     * 写入操作日志上下文
+     */
+    private <T> void writeAddLogContext(T resource, Map<String, Object> resourceLog) {
+        try {
+            Method idGetter = resource.getClass().getMethod("getId");
+            OperationLogContext.setContext(
+                    LogContextInfo.builder()
+                            .resourceId((String) idGetter.invoke(resource))
+                            .modifiedValue(resourceLog)
+                            .build()
+            );
+        } catch (Exception e) {
+            throw new GenericException(e);
+        }
+    }
+
+	/**
+	 * 写入操作日志上下文，替换资源名称 (参数资源名存在占位符)
+	 * @param resource 资源
+	 * @param resourceLog 日志信息
+	 * @param <T> 资源类型
+	 */
+	private <T> void writeAddLogContextWithResourceName(T resource, Map<String, Object> resourceLog) {
+		try {
+			Method idGetter = resource.getClass().getMethod("getId");
+			Method nameGetter = resource.getClass().getMethod("getName");
+			OperationLogContext.setContext(
+					LogContextInfo.builder()
+							.resourceId((String) idGetter.invoke(resource))
+							.resourceName((String) nameGetter.invoke(resource))
+							.modifiedValue(resourceLog)
+							.build()
+			);
+		} catch (Exception e) {
+			throw new GenericException(e);
+		}
+	}
+
+    public <T> void handleUpdateLog(
+            T originResource,
+            T modifiedResource,
+            List<BaseModuleFieldValue> originResourceFields,
+            List<BaseModuleFieldValue> modifiedResourceFields,
+            String id,
+            String name) {
+
+        Map<String, Object> originResourceLog = JSON.parseToMap(JSON.toJSONString(originResource));
+        Map<String, Object> modifiedResourceLog = JSON.parseToMap(JSON.toJSONString(modifiedResource));
+
+        // 收集所有字段ID，检测附件类型字段
+        Set<String> allFieldIds = new HashSet<>();
+        if (originResourceFields != null) {
+            originResourceFields.stream()
+                    .filter(BaseModuleFieldValue::valid)
+                    .forEach(field -> allFieldIds.add(field.getFieldId()));
+        }
+        if (modifiedResourceFields != null) {
+            modifiedResourceFields.stream()
+                    .filter(BaseModuleFieldValue::valid)
+                    .forEach(field -> allFieldIds.add(field.getFieldId()));
+        }
+        Set<String> attachmentFieldIds = filterAttachmentFieldIds(allFieldIds);
+
+        // 添加原始字段值（附件类型字段将ID替换为名称）
+        if (originResourceFields != null) {
+            originResourceFields.stream()
+                    .filter(BaseModuleFieldValue::valid)
+                    .forEach(field -> {
+                        Object value = field.getFieldValue();
+                        if (attachmentFieldIds.contains(field.getFieldId())) {
+                            value = replaceAttachmentIdsWithNames(value);
+                        }
+                        originResourceLog.put(field.getFieldId(), value);
+                    });
+        }
+
+        // 添加修改后的字段值（过滤无效字段，附件类型字段将ID替换为名称）
+        if (modifiedResourceFields != null) {
+            modifiedResourceFields.stream()
+                    .filter(BaseModuleFieldValue::valid)
+                    .forEach(field -> {
+                        Object value = field.getFieldValue();
+                        if (attachmentFieldIds.contains(field.getFieldId())) {
+                            value = replaceAttachmentIdsWithNames(value);
+                        }
+                        modifiedResourceLog.put(field.getFieldId(), value);
+                    });
+        }
+
+        try {
+            OperationLogContext.setContext(
+                    LogContextInfo.builder()
+                            .resourceId(id)
+                            .resourceName(name)
+                            .originalValue(originResourceLog)
+                            .modifiedValue(modifiedResourceLog)
+                            .build()
+            );
+        } catch (Exception e) {
+            throw new GenericException(e);
+        }
+    }
+
+
+    public <T> void handleUpdateLogWithSubTable(
+            T originResource,
+            T modifiedResource,
+            List<BaseModuleFieldValue> originResourceFields,
+            List<BaseModuleFieldValue> modifiedResourceFields,
+            String id,
+            String name,
+            String subTableKeyName,
+            ModuleFormConfigDTO moduleFormConfigDTO) {
+
+        Map<String, Object> originResourceLog = JSON.parseToMap(JSON.toJSONString(originResource));
+        Map<String, Object> modifiedResourceLog = JSON.parseToMap(JSON.toJSONString(modifiedResource));
+        Set<String> subRefKey = getSubTableRefIds(moduleFormConfigDTO);
+
+        // 从表单配置中获取附件类型字段ID集合
+        Set<String> attachmentFieldIds = getAttachmentFieldIdsFromFormConfig(moduleFormConfigDTO);
+
+        if (CollectionUtils.isNotEmpty(originResourceFields)) {
+            Map<String, String> oldFieldNameMap = getFieldNameMap(originResourceFields, moduleFormConfigDTO);
+            List<BaseModuleFieldValue> validFields = originResourceFields.stream()
+                    .filter(BaseModuleFieldValue::valid)
+                    .toList();
+            Map<String, String> subTableIdKeyMap = getSubTableIdKeyMap(moduleFormConfigDTO);
+            fillResourceLog(originResourceLog, validFields, oldFieldNameMap, subTableIdKeyMap, subTableKeyName, subRefKey, moduleFormConfigDTO);
+        }
+
+        if (CollectionUtils.isNotEmpty(modifiedResourceFields)) {
+            Map<String, String> newFieldNameMap = getFieldNameMap(modifiedResourceFields, moduleFormConfigDTO);
+            List<BaseModuleFieldValue> validFields = modifiedResourceFields.stream()
+                    .filter(BaseModuleFieldValue::valid)
+                    .toList();
+            Map<String, String> subTableIdKeyMap = getSubTableIdKeyMap(moduleFormConfigDTO);
+            fillResourceLog(modifiedResourceLog, validFields, newFieldNameMap, subTableIdKeyMap, subTableKeyName, subRefKey, moduleFormConfigDTO);
+        }
+
+        // 将附件字段中的附件ID替换为附件名称
+        replaceAttachmentValuesInLog(originResourceLog, attachmentFieldIds);
+        replaceAttachmentValuesInLog(modifiedResourceLog, attachmentFieldIds);
+
+        try {
+            OperationLogContext.setContext(
+                    LogContextInfo.builder()
+                            .resourceId(id)
+                            .resourceName(name)
+                            .originalValue(originResourceLog)
+                            .modifiedValue(modifiedResourceLog)
+                            .build()
+            );
+        } catch (Exception e) {
+            throw new GenericException(e);
+        }
+    }
+
+    /**
+     * 处理普通字段 + 子表字段
+     */
+    private void fillResourceLog(
+            Map<String, Object> resourceLog,
+            List<BaseModuleFieldValue> fields,
+            Map<String, String> fieldNameMap,
+            Map<String, String> subTableKeyMap,
+            String subTableKeyName,
+            Set<String> subRefKey,
+            ModuleFormConfigDTO moduleFormConfigDTO) {
+        fields.forEach(field -> {
+            String fieldId = field.getFieldId();
+            // 普通字段
+            if (!subTableKeyMap.containsKey(fieldId) && !subTableKeyMap.containsValue(fieldId)) {
+                resourceLog.put(fieldId, field.getFieldValue());
+                return;
+            }
+
+            // 子表字段
+            List<Map<String, Object>> subTableList =
+                    JSON.parseArray(JSON.toJSONString(field.getFieldValue()), new TypeReference<>() {
+                    });
+            if (CollectionUtils.isEmpty(subTableList)) {
+                return;
+            }
+            AtomicReference<String> subTableName = new AtomicReference<>(moduleFormConfigDTO.getFields().stream().filter(BaseField::isSubField).filter(subField -> subField.getId().equals(fieldId)).findFirst().map(BaseField::getName).orElse(subTableKeyName));
+            if (Strings.CI.equals(fieldId, "products")) {
+                subTableKeyMap.forEach((key, value) -> {
+                    if (StringUtils.isNotBlank(value) && Strings.CI.equals(value, fieldId))
+                        subTableName.set(moduleFormConfigDTO.getFields().stream().filter(BaseField::isSubField).filter(subField -> subField.getId().equals(key)).findFirst().map(BaseField::getName).orElse(subTableKeyName));
+                });
+            }
+
+
+            int size = subTableList.size();
+            for (int i = 0; i < size; i++) {
+                Map<String, Object> row = subTableList.get(i);
+                if (size > 1) {
+                    int finalI = i;
+                    String finalSubTableName1 = subTableName.get();
+                    row.forEach((key, value) -> {
+                        if (!fieldNameMap.containsKey(key) || subRefKey.contains(key)) {
+                            return;
+                        }
+                        resourceLog.put(finalSubTableName1 + "-" + fieldNameMap.get(key) + "-" + Translator.get("row") + (finalI + 1) + "-" + key, value);
+                    });
+                } else {
+                    String finalSubTableName = subTableName.get();
+                    row.forEach((key, value) -> {
+                        if (!fieldNameMap.containsKey(key) || subRefKey.contains(key)) {
+                            return;
+                        }
+                        resourceLog.put(finalSubTableName + "-" + fieldNameMap.get(key) + "-" + key, value);
+                    });
+                }
+            }
+        });
+    }
+
+
+    /**
+     * 字段 ID → 字段名称 映射表
+     */
+    private Map<String, String> getFieldNameMap(List<BaseModuleFieldValue> fields, ModuleFormConfigDTO moduleFormConfigDTO) {
+        List<String> fieldIds = new ArrayList<>(fields.stream()
+                .map(BaseModuleFieldValue::getFieldId)
+                .distinct()
+                .toList());
+        List<OptionDTO> fieldOptions = extModuleFieldMapper.getSourceOptionsByIds("sys_module_field", fieldIds);
+        Map<String, String> nameMap = fieldOptions.stream()
+                .collect(Collectors.toMap(OptionDTO::getId, OptionDTO::getName));
+
+        if (CollectionUtils.isNotEmpty(moduleFormConfigDTO.getFields())) {
+            for (BaseField field : moduleFormConfigDTO.getFields()) {
+                if (field.isSubField()) {
+                    if (field instanceof SubField objectSubField) {
+                        objectSubField.getSubFields().forEach(subField -> {
+                            nameMap.put(StringUtils.isNotBlank(subField.getBusinessKey()) ? subField.getBusinessKey() : subField.getId(), subField.getName());
+                        });
+                    }
+                }
+
+            }
+        }
+        return nameMap;
+    }
+
+    public Map<String, String> getSubTableIdKeyMap(ModuleFormConfigDTO moduleFormConfigDTO) {
+        Map<String, String> subTableIdKeyMap = new HashMap<>();
+        if (CollectionUtils.isNotEmpty(moduleFormConfigDTO.getFields())) {
+            for (BaseField field : moduleFormConfigDTO.getFields()) {
+                if (field.isSubField()) {
+                    subTableIdKeyMap.put(field.getId(), field.getBusinessKey());
+                }
+            }
+        }
+        return subTableIdKeyMap;
+
+    }
+
+    /**
+     * 获取子表引用字段ID集合
+     *
+     * @param formConfig 表单陪配置
+     * @return 子表引用字段ID集合
+     */
+    private Set<String> getSubTableRefIds(ModuleFormConfigDTO formConfig) {
+        if (CollectionUtils.isNotEmpty(formConfig.getFields())) {
+            Optional<BaseField> subOptional = formConfig.getFields().stream().filter(BaseField::isSubField).findAny();
+            if (subOptional.isPresent()) {
+                SubField subField = (SubField) subOptional.get();
+                return subField.getSubFields().stream()
+                        .filter(f -> StringUtils.isNotBlank(f.getResourceFieldId()))
+                        .map(BaseField::getId)
+                        .collect(Collectors.toSet());
+            }
+        }
+        return Collections.emptySet();
+    }
+
+
+    /**
+     * 客户id与名称映射
+     *
+     * @param customerIds
+     * @return
+     */
+    public Map<String, String> getCustomerMap(List<String> customerIds) {
+        if (CollectionUtils.isEmpty(customerIds)) {
+            return Collections.emptyMap();
+        }
+        return extCustomerMapper.getCustomerOptionsByIds(customerIds)
+                .stream()
+                .collect(Collectors.toMap(OptionDTO::getId, OptionDTO::getName));
+    }
+
+    /**
+     * 商机id与名称映射
+     *
+     * @param opportunityIds
+     * @return
+     */
+    public Map<String, String> getOpportunityMap(List<String> opportunityIds) {
+        if (CollectionUtils.isEmpty(opportunityIds)) {
+            return Collections.emptyMap();
+        }
+        return extOpportunityMapper.getOpportunityOptionsByIds(opportunityIds)
+                .stream()
+                .collect(Collectors.toMap(OptionDTO::getId, OptionDTO::getName));
+    }
+
+
+    /**
+     * 线索id与名称映射
+     *
+     * @param clueIds
+     * @return
+     */
+    public Map<String, String> getClueMap(List<String> clueIds) {
+        if (CollectionUtils.isEmpty(clueIds)) {
+            return Collections.emptyMap();
+        }
+        return extClueMapper.selectOptionByIds(clueIds)
+                .stream()
+                .collect(Collectors.toMap(OptionDTO::getId, OptionDTO::getName));
+
+    }
+
+    /**
+     * 联系人id和电话映射
+     *
+     * @param contactIds
+     * @return
+     */
+    public Map<String, String> getContactPhone(List<String> contactIds) {
+        if (CollectionUtils.isEmpty(contactIds)) {
+            return Collections.emptyMap();
+        }
+        return extCustomerContactMapper.selectContactPhoneOptionByIds(contactIds)
+                .stream()
+                .collect(Collectors.toMap(OptionDTO::getId, OptionDTO::getName));
+    }
+
+    public String getAndCheckOptionName(String option) {
+        return option == null ? Translator.get("common.option.not_exist") : option;
+    }
+
+	/**
+	 * 获取审批中的业务资源是否第一个审批节点已通过
+	 * @param resourceIds 资源ID集合
+	 * @return 是否第一个审批节点已通过
+	 */
+	public Map<String, Boolean> getApprovingResourceFirstNodeApproved(List<String> resourceIds, String currentOrgId) {
+		if (CollectionUtils.isEmpty(resourceIds)) {
+			return Map.of();
+		}
+		Map<String, Boolean> firstNodeApproved = new HashMap<>(resourceIds.size());
+		List<ApprovalInstance> latestInstances = approvalInstanceService.getLatestInstances(resourceIds);
+		if (CollectionUtils.isEmpty(latestInstances)) {
+			return Map.of();
+		}
+		List<String> flowVersionIds = latestInstances.stream().map(ApprovalInstance::getFlowVersionId).distinct().toList();
+		List<ApprovalNodeLink> nodeLinks = nodeLinkMapper.selectListByLambda(new LambdaQueryWrapper<ApprovalNodeLink>().in(ApprovalNodeLink::getFlowVersionId, flowVersionIds));
+		List<ApprovalNode> allNodes = approvalNodeMapper.selectListByLambda(new LambdaQueryWrapper<ApprovalNode>().in(ApprovalNode::getFlowVersionId, flowVersionIds));
+		List<ApprovalTask> allTasks = approvalTaskMapper.selectListByLambda(new LambdaQueryWrapper<ApprovalTask>().in(ApprovalTask::getInstanceId, latestInstances.stream().map(ApprovalInstance::getId).toList()));
+		Map<String, String> nodeTypeMap = allNodes.stream().collect(Collectors.toMap(ApprovalNode::getId, ApprovalNode::getNodeType));
+		Map<String, List<String>> nodeLinkMap = nodeLinks.stream().filter(nodeLink -> nodeTypeMap.containsKey(nodeLink.getToNodeId()) && ApprovalNodeTypeEnum.valueOf(nodeTypeMap.get(nodeLink.getToNodeId())) != ApprovalNodeTypeEnum.END)
+				.collect(Collectors.groupingBy(ApprovalNodeLink::getToNodeId, Collectors.mapping(ApprovalNodeLink::getFromNodeId, Collectors.toList())));
+		latestInstances.forEach(latestInstance -> {
+			if (isFirstApproverNode(nodeLinkMap, nodeTypeMap, latestInstance.getCurrentNodeId())) {
+				// 当前审批实例处于第一个审批节点, 所以第一个节点为审批中
+				boolean multiApprover = approvalFlowService.isCurrentNodeMultiApprover(latestInstance.getCurrentNodeId(), latestInstance.getSubmitterId(), currentOrgId);
+				if (!multiApprover) {
+					// 单人审批, 判断是否存在加签通过
+					Integer nodeRound = extApprovalInstanceMapper.getNodeRound(latestInstance.getId(), latestInstance.getCurrentNodeId());
+					Optional<ApprovalTask> signApproved = allTasks.stream().filter(task -> Strings.CI.equals(task.getType(), ApprovalTaskType.SN.name()) && Strings.CI.equals(task.getNodeId(), latestInstance.getCurrentNodeId())
+							&& Strings.CI.equals(task.getInstanceId(), latestInstance.getId()) && nodeRound.equals(task.getNodeRound()) && Strings.CI.equals(task.getStatus(), ApprovalStatus.APPROVED.name())).findAny();
+					if (signApproved.isPresent()) {
+						firstNodeApproved.put(latestInstance.getResourceId(), true);
+						return;
+					}
+				}
+				firstNodeApproved.put(latestInstance.getResourceId(), false);
+			} else {
+				// 当前审批实例不是处于第一个审批节点, 所以第一个节点已完成
+				firstNodeApproved.put(latestInstance.getResourceId(), true);
+			}
+		});
+		return firstNodeApproved;
+	}
+
+
+	/**
+	 * 当前节点是否第一个审批节点
+	 * @param nodeLinkMap 节点链接信息(toNodeId -> fromNodeId列表)
+	 * @param nodeTypeMap 节点类型集合
+	 * @param currentNodeId 当前节点ID
+	 * @return 是否第一个审批节点
+	 */
+	private boolean isFirstApproverNode(Map<String, List<String>> nodeLinkMap, Map<String, String> nodeTypeMap, String currentNodeId) {
+		return isFirstApproverNodeRecursive(nodeLinkMap, nodeTypeMap, currentNodeId, new HashSet<>());
+	}
+
+	/**
+	 * 递归判断当前节点是否第一个审批节点
+	 * @param nodeLinkMap 节点链接信息
+	 * @param nodeTypeMap 节点类型集合
+	 * @param nodeId 当前节点ID
+	 * @param visited 已访问的节点集合(防止循环)
+	 * @return 是否第一个审批节点
+	 */
+	private boolean isFirstApproverNodeRecursive(Map<String, List<String>> nodeLinkMap, Map<String, String> nodeTypeMap, String nodeId, Set<String> visited) {
+		// 防止循环引用
+		if (visited.contains(nodeId)) {
+			return false;
+		}
+		visited.add(nodeId);
+
+		// 获取当前节点的前驱节点列表
+		List<String> preNodeIds = nodeLinkMap.get(nodeId);
+		if (CollectionUtils.isEmpty(preNodeIds)) {
+			// 没有前驱节点，说明是第一个审批节点
+			return true;
+		}
+
+		// 遍历所有前驱节点
+		for (String preNodeId : preNodeIds) {
+			if (StringUtils.isBlank(preNodeId)) {
+				continue;
+			}
+			String nodeType = nodeTypeMap.get(preNodeId);
+			if (StringUtils.isBlank(nodeType)) {
+				continue;
+			}
+			ApprovalNodeTypeEnum nodeTypeEnum = ApprovalNodeTypeEnum.valueOf(nodeType);
+			if (nodeTypeEnum == ApprovalNodeTypeEnum.START) {
+				// 找到 START 节点，说明当前节点不是第一个审批节点
+				return true;
+			}
+			if (nodeTypeEnum == ApprovalNodeTypeEnum.CONDITION || nodeTypeEnum == ApprovalNodeTypeEnum.DEFAULT) {
+				// 继续往前找
+				boolean isFirst = isFirstApproverNodeRecursive(nodeLinkMap, nodeTypeMap, preNodeId, visited);
+				if (isFirst) {
+					return true;
+				}
+			}
+		}
+		return false;
+	}
+
+	/**
+	 * 从字段ID集合中筛选出附件类型的字段ID
+	 *
+	 * @param fieldIds 字段ID集合
+	 * @return 附件类型字段ID集合
+	 */
+	private Set<String> filterAttachmentFieldIds(Set<String> fieldIds) {
+		if (fieldIds.isEmpty()) {
+			return Collections.emptySet();
+		}
+		LambdaQueryWrapper<ModuleField> queryWrapper = new LambdaQueryWrapper<>();
+		queryWrapper.in(ModuleField::getId, new ArrayList<>(fieldIds))
+				.eq(ModuleField::getType, FieldType.ATTACHMENT.name());
+		List<ModuleField> attachmentFields = moduleFieldMapper.selectListByLambda(queryWrapper);
+		return attachmentFields.stream().map(ModuleField::getId).collect(Collectors.toSet());
+	}
+
+	/**
+	 * 将附件字段值中的附件ID替换为附件名称
+	 * 在记录操作日志时调用，确保即使附件被删除，日志中仍保留附件名称
+	 *
+	 * @param fieldValue 附件字段值（附件ID列表）
+	 * @return 替换为附件名称后的值
+	 */
+	private Object replaceAttachmentIdsWithNames(Object fieldValue) {
+		if (fieldValue == null) {
+			return null;
+		}
+		List<String> ids;
+		if (fieldValue instanceof List) {
+			ids = ((List<?>) fieldValue).stream().map(String::valueOf).toList();
+		} else {
+			ids = JSON.parseArray(fieldValue.toString(), String.class);
+		}
+		if (CollectionUtils.isEmpty(ids)) {
+			return fieldValue;
+		}
+		List<String> names = extAttachmentMapper.selectNameByIds(ids);
+		if (CollectionUtils.isNotEmpty(names)) {
+			return names;
+		}
+		return fieldValue;
+	}
+
+	/**
+	 * 从表单配置中获取附件类型字段ID集合
+	 *
+	 * @param formConfig 表单配置
+	 * @return 附件类型字段ID集合
+	 */
+	private Set<String> getAttachmentFieldIdsFromFormConfig(ModuleFormConfigDTO formConfig) {
+		if (formConfig == null || CollectionUtils.isEmpty(formConfig.getFields())) {
+			return Collections.emptySet();
+		}
+		return formConfig.getFields().stream()
+				.filter(field -> Strings.CS.equals(field.getType(), FieldType.ATTACHMENT.name()))
+				.map(BaseField::getId)
+				.collect(Collectors.toSet());
+	}
+
+	/**
+	 * 替换日志中附件字段的值（将附件ID替换为附件名称）
+	 *
+	 * @param resourceLog      日志数据
+	 * @param attachmentFieldIds 附件类型字段ID集合
+	 */
+	private void replaceAttachmentValuesInLog(Map<String, Object> resourceLog, Set<String> attachmentFieldIds) {
+		if (CollectionUtils.isEmpty(attachmentFieldIds) || resourceLog == null) {
+			return;
+		}
+		for (String fieldId : attachmentFieldIds) {
+			if (resourceLog.containsKey(fieldId)) {
+				resourceLog.put(fieldId, replaceAttachmentIdsWithNames(resourceLog.get(fieldId)));
+			}
+		}
+	}
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/common/service/DataInitService.java b/backend/crm/src/main/java/cn/cordys/common/service/DataInitService.java
new file mode 100644
index 0000000..b9a795c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/service/DataInitService.java
@@ -0,0 +1,141 @@
+package cn.cordys.common.service;
+
+
+import cn.cordys.common.util.OnceInterface;
+import cn.cordys.common.util.OnceInterfaceAction;
+import cn.cordys.crm.clue.service.ClueService;
+import cn.cordys.crm.contract.service.ContractInvoiceService;
+import cn.cordys.crm.contract.service.ContractService;
+import cn.cordys.crm.opportunity.service.OpportunityQuotationService;
+import cn.cordys.crm.order.service.OrderService;
+import cn.cordys.crm.system.domain.Parameter;
+import cn.cordys.crm.system.service.ModuleFieldExtService;
+import cn.cordys.crm.system.service.ModuleFieldService;
+import cn.cordys.crm.system.service.ModuleFormService;
+import cn.cordys.crm.system.service.ModuleService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections4.CollectionUtils;
+import org.redisson.Redisson;
+import org.redisson.api.RLock;
+import org.springframework.stereotype.Service;
+
+import java.util.List;
+
+/**
+ * @author jianxing
+ * @date 2025-01-03 12:01:54
+ */
+@Service
+@Slf4j
+public class DataInitService {
+    @Resource
+    private ModuleService moduleService;
+    @Resource
+    private ModuleFormService moduleFormService;
+    @Resource
+    private ModuleFieldExtService moduleFieldExtService;
+    @Resource
+    private BaseMapper<Parameter> parameterMapper;
+    @Resource
+    private Redisson redisson;
+    @Resource
+    private ModuleFieldService moduleFieldService;
+    @Resource
+    private ClueService clueService;
+	@Resource
+	private ContractService contractService;
+	@Resource
+	private ContractInvoiceService contractInvoiceService;
+	@Resource
+	private OpportunityQuotationService opportunityQuotationService;
+	@Resource
+	private OrderService orderService;
+
+    public void initOneTime() {
+        RLock lock = redisson.getLock("init_data_lock");
+        lock.lock();
+        try {
+            initOneTime(moduleService::initDefaultOrgModule, "init.module");
+            initOneTime(moduleFormService::initForm, "init.form");
+            initOneTime(moduleFieldService::modifyDateProp, "modify.form.date");
+            initOneTime(moduleFormService::modifyFormLinkProp, "modify.form.link");
+            initOneTime(moduleFormService::modifyFormProp, "modify.form.prop");
+            initOneTime(moduleFormService::modifyFieldMobile, "modify.field.mobile");
+            initOneTime(moduleFormService::processOldLinkData, "process.old.link.data");
+            initOneTime(moduleFormService::initFormScenarioProp, "init.record.form.scenario");
+            initOneTime(clueService::processTransferredCluePlanAndRecord, "process.transferred.clue");
+            initOneTime(moduleFormService::initUpgradeForm, "init.upgrade.form.v1.4.0");
+            initOneTime(moduleFormService::initUpgradeForm, "init.upgrade.form.v1.5.0");
+            initOneTime(moduleFormService::initUpgradeForm, "init.upgrade.form.v1.5.1");
+            initOneTime(moduleFormService::initExtFieldsByVer, "1.5.0", "init.ext.fields.v1.5.0");
+            initOneTime(moduleFormService::initExtFieldsByVer, "1.5.1", "init.ext.fields.v1.5.1");
+            initOneTime(moduleFieldExtService::setDefaultOptionSource, "set.default.option.source");
+            initOneTime(moduleFieldExtService::refreshPlanFieldPos, "refresh.plan.field.pos");
+            initOneTime(moduleFormService::initInvoiceFormScenarioProp, "init.invoice.form.scenario");
+            initOneTime(moduleFieldService::modifyInvoiceShowFields, "init.invoice.show.fields");
+            initOneTime(moduleService::deleteExtraModules, "delete.extra.modules");
+            initOneTime(moduleFieldExtService::modifySubProductSumColumn, "modify.quotation.product.sum.column");
+            initOneTime(moduleFormService::initUpgradeForm, "init.upgrade.form.v1.6.0");
+            initOneTime(moduleFieldService::initOrderFields, "init.order.fields");
+			initOneTime(moduleFormService::initContactFormLinkRules, "init.contact.form.link.rules");
+			initOneTime(moduleFormService::initContractToOrderLinkScenario, "init.order.form.link.rules");
+            initOneTime(moduleFormService::initOrderFormScenarioProp, "init.order.form.scenario");
+			initOneTime(moduleFieldExtService::modifyInternalSubSumColumn, "modify.internal.sum.column");
+			initOneTime(moduleFieldExtService::modifyInternalSubCalcFormula, "modify.internal.calc.formula");
+			initOneTime(moduleFieldExtService::refreshFormulaOldReferencedId, "refresh.formula.old.referenced.id");
+			initOneTime(contractService::handleOldApprovalData, "handler.contract.approval.status");
+			initOneTime(contractInvoiceService::handleOldApprovalData, "handler.contract.invoice.approval.status");
+			initOneTime(opportunityQuotationService::handleOldApprovalData, "handler.quotation.approval.status");
+			initOneTime(orderService::handleOldApprovalData, "handler.order.approval.status");
+		} finally {
+            lock.unlock();
+        }
+    }
+
+    private void initOneTime(OnceInterface onceFunc, final String key) {
+        try {
+            LambdaQueryWrapper<Parameter> queryWrapper = new LambdaQueryWrapper<>();
+            queryWrapper.eq(Parameter::getParamKey, key);
+            List<Parameter> parameters = parameterMapper.selectListByLambda(queryWrapper);
+            if (CollectionUtils.isEmpty(parameters)) {
+                onceFunc.execute();
+                insertParameterOnceKey(key);
+            }
+        } catch (Throwable e) {
+            log.error(e.getMessage(), e);
+        }
+    }
+
+    /**
+     * 执行单次接口 (带参数)
+     *
+     * @param onceFunc 执行函数
+     * @param param    参数
+     * @param key      执行Key
+     * @param <P>      参数类型
+     */
+    private <P> void initOneTime(OnceInterfaceAction<P> onceFunc, P param, final String key) {
+        try {
+            LambdaQueryWrapper<Parameter> queryWrapper = new LambdaQueryWrapper<>();
+            queryWrapper.eq(Parameter::getParamKey, key);
+            List<Parameter> parameters = parameterMapper.selectListByLambda(queryWrapper);
+            if (CollectionUtils.isEmpty(parameters)) {
+                onceFunc.execute(param);
+                insertParameterOnceKey(key);
+            }
+        } catch (Throwable e) {
+            log.error(e.getMessage(), e);
+        }
+    }
+
+    private void insertParameterOnceKey(String key) {
+        Parameter parameter = new Parameter();
+        parameter.setParamKey(key);
+        parameter.setParamValue("done");
+        parameter.setType("text");
+        parameterMapper.insert(parameter);
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/common/service/DataScopeService.java b/backend/crm/src/main/java/cn/cordys/common/service/DataScopeService.java
new file mode 100644
index 0000000..e3a2544
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/service/DataScopeService.java
@@ -0,0 +1,277 @@
+package cn.cordys.common.service;
+
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.constants.InternalUserView;
+import cn.cordys.common.constants.RoleDataScope;
+import cn.cordys.common.dto.*;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.permission.PermissionCache;
+import cn.cordys.common.response.result.CrmHttpResultCode;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.domain.OrganizationUser;
+import cn.cordys.crm.system.service.DepartmentService;
+import cn.cordys.crm.system.service.RoleService;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+import java.util.stream.Collectors;
+
+/**
+ * @author jianxing
+ * @date 2025-01-03 12:01:54
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class DataScopeService {
+    @Resource
+    private DepartmentService departmentService;
+    @Resource
+    private BaseMapper<OrganizationUser> organizationUserMapper;
+    @Resource
+    private RoleService roleService;
+    @Resource
+    private BaseService baseService;
+    @Resource
+    private PermissionCache permissionCache;
+
+    public DeptDataPermissionDTO getDeptDataPermission(String userId, String orgId, String viewId, String permission) {
+        if (InternalUserView.isSelf(viewId)) {
+            // 只查看自己的数据
+            DeptDataPermissionDTO dto = new DeptDataPermissionDTO();
+            dto.setViewId(viewId);
+            dto.setSelf(true);
+            return dto;
+        }
+
+        if (InternalUserView.isVisible(viewId)) {
+            // 查看设置为可见的数据
+            DeptDataPermissionDTO dto = new DeptDataPermissionDTO();
+            dto.setViewId(viewId);
+            dto.setVisible(true);
+            return dto;
+        }
+
+        // 获取常规数据权限
+        DeptDataPermissionDTO deptDataPermission = getDeptDataPermission(userId, orgId, permission);
+        deptDataPermission.setViewId(viewId);
+
+        // 数据权限是全部,但是查询条件是部门,则按照部门查询
+        if (deptDataPermission.getAll() && InternalUserView.isDepartment(viewId)) {
+            return getDeptDataPermissionForAllPermission(userId, orgId);
+        }
+
+        return deptDataPermission;
+    }
+
+    /**
+     * 获取用户角色的数据权限
+     *
+     * @param userId
+     * @param orgId
+     *
+     * @return
+     */
+    public DeptDataPermissionDTO getDeptDataPermission(String userId, String orgId, String permission) {
+        DeptDataPermissionDTO deptDataPermission = new DeptDataPermissionDTO();
+
+        if (Strings.CS.equals(userId, InternalUser.ADMIN.getValue())) {
+            // 超级管理员查看所有数据
+            deptDataPermission.setAll(true);
+            return deptDataPermission;
+        }
+
+        Map<String, List<RolePermissionDTO>> dataScopeRoleMap = getDataScopeRoleMap(userId, orgId);
+
+        boolean hasAllPermission = hasDataScopePermission(dataScopeRoleMap, RoleDataScope.ALL.name(), permission);
+
+        if (hasAllPermission) {
+            // 可以查看所有数据
+            deptDataPermission.setAll(true);
+            return deptDataPermission;
+        }
+
+        List<RolePermissionDTO> userDeptRoles = dataScopeRoleMap.get(RoleDataScope.DEPT_AND_CHILD.name());
+        List<RolePermissionDTO> customDeptRoles = dataScopeRoleMap.get(RoleDataScope.DEPT_CUSTOM.name());
+
+        if (CollectionUtils.isEmpty(userDeptRoles)
+                && CollectionUtils.isEmpty(customDeptRoles)) {
+            // 如果没有部门权限,则默认只能查看自己的数据
+            deptDataPermission.setSelf(true);
+            return deptDataPermission;
+        }
+
+        return getDeptDataPermissionForDept(userId, orgId, dataScopeRoleMap, permission);
+    }
+
+    private DeptDataPermissionDTO getDeptDataPermissionForAllPermission(String userId, String orgId) {
+        DeptDataPermissionDTO deptDataPermission = new DeptDataPermissionDTO();
+        // 查询部门树
+        List<BaseTreeNode> tree = departmentService.getTree(orgId);
+        OrganizationUser organizationUser = getOrganizationUser(userId, orgId);
+        if (organizationUser == null) {
+            return deptDataPermission;
+        }
+        List<String> deptIds = getDeptIdsWithChild(tree, Set.of(organizationUser.getDepartmentId()));
+        deptDataPermission.getDeptIds().addAll(deptIds);
+        return deptDataPermission;
+    }
+
+    private DeptDataPermissionDTO getDeptDataPermissionForDept(String userId, String orgId,
+                                                               Map<String, List<RolePermissionDTO>> dataScopeRoleMap,
+                                                               String permission) {
+        DeptDataPermissionDTO deptDataPermission = new DeptDataPermissionDTO();
+        // 查询部门树
+        List<BaseTreeNode> tree = departmentService.getTree(orgId);
+
+        boolean hasDeptAndChildPermission = hasDataScopePermission(dataScopeRoleMap, RoleDataScope.DEPT_AND_CHILD.name(), permission);
+
+        if (hasDeptAndChildPermission) {
+            // 查看用户部门及其子部门数据
+            OrganizationUser organizationUser = getOrganizationUser(userId, orgId);
+            List<String> deptIds = getDeptIdsWithChild(tree, Set.of(organizationUser.getDepartmentId()));
+            deptDataPermission.getDeptIds().addAll(deptIds);
+        }
+
+        List<RolePermissionDTO> customDeptRoles = dataScopeRoleMap.get(RoleDataScope.DEPT_CUSTOM.name());
+        boolean hasDeptCustomPermission = hasDataScopePermission(dataScopeRoleMap, RoleDataScope.DEPT_CUSTOM.name(), permission);
+
+        if (hasDeptCustomPermission) {
+            // 查看指定部门及其子部门数据
+            List<String> customDeptRolesIds = customDeptRoles.stream()
+                    .map(RoleDataScopeDTO::getId)
+                    .toList();
+            List<String> parentDeptIds = roleService.getDeptIdsByRoleIds(customDeptRolesIds);
+            List<String> deptIds = getDeptIdsWithChild(tree, new HashSet<>(parentDeptIds));
+            deptDataPermission.getDeptIds().addAll(deptIds);
+        }
+        return deptDataPermission;
+    }
+
+    public boolean hasDataScopePermission(Map<String, List<RolePermissionDTO>> dataScopeRoleMap, String dataScope, String permission) {
+        List<RolePermissionDTO> roleDataScopes = dataScopeRoleMap.get(dataScope);
+        if (roleDataScopes == null) {
+            return false;
+        }
+        for (RolePermissionDTO roleDataScope : roleDataScopes) {
+            if (roleDataScope.getPermissions().contains(permission)) {
+                return true;
+            }
+        }
+        return false;
+    }
+
+    public Map<String, List<RolePermissionDTO>> getDataScopeRoleMap(String userId, String orgId) {
+        return permissionCache.getRolePermissions(userId, orgId)
+                .stream()
+                .collect(Collectors.groupingBy(RolePermissionDTO::getDataScope, Collectors.toList()));
+    }
+
+    public OrganizationUser getOrganizationUser(String userId, String orgId) {
+        OrganizationUser example = new OrganizationUser();
+        example.setUserId(userId);
+        example.setOrganizationId(orgId);
+        return organizationUserMapper.selectOne(example);
+    }
+
+    /**
+     * 根据已选的部门ID
+     * 获取部门及其子部门的ID
+     *
+     * @param tree
+     * @param deptIds
+     *
+     * @return
+     */
+    public List<String> getDeptIdsWithChild(List<BaseTreeNode> tree, Set<String> deptIds) {
+        List<String> childDeptIds = new ArrayList<>();
+        for (BaseTreeNode node : tree) {
+            if (deptIds.contains(node.getId())) {
+                childDeptIds.add(node.getId());
+                childDeptIds.addAll(getNodeIdsWithChild(node.getChildren()));
+            } else {
+                childDeptIds.addAll(getDeptIdsWithChild(node.getChildren(), deptIds));
+            }
+        }
+        return childDeptIds;
+    }
+
+    /**
+     * 获取树节点及其子节点的ID
+     *
+     * @param tree
+     *
+     * @return
+     */
+    private List<String> getNodeIdsWithChild(List<BaseTreeNode> tree) {
+        if (CollectionUtils.isEmpty(tree)) {
+            return List.of();
+        }
+        List<String> childDeptIds = new ArrayList<>();
+        for (BaseTreeNode node : tree) {
+            childDeptIds.add(node.getId());
+            childDeptIds.addAll(getNodeIdsWithChild(node.getChildren()));
+        }
+        return childDeptIds;
+    }
+
+    /**
+     * 校验数据权限
+     *
+     * @param userId
+     * @param orgId
+     */
+    public void checkDataPermission(String userId, String orgId, List<String> owners, String permission) {
+        if (CollectionUtils.isEmpty(owners)) {
+            throw new GenericException(Translator.get("data.permission"));
+        }
+        boolean hasPermission = hasDataPermission(userId, orgId, owners, permission);
+        if (!hasPermission) {
+            throw new GenericException(CrmHttpResultCode.FORBIDDEN);
+        }
+    }
+
+    public boolean hasDataPermission(String userId, String orgId, String owner, String permission) {
+        if (StringUtils.isBlank(owner)) {
+            throw new GenericException(Translator.get("data.permission"));
+        }
+        return hasDataPermission(userId, orgId, List.of(owner), permission);
+    }
+
+    public boolean hasDataPermission(String userId, String orgId, List<String> owners, String permission) {
+        DeptDataPermissionDTO deptDataPermission = getDeptDataPermission(userId, orgId, permission);
+        if (deptDataPermission.getAll() || Strings.CS.equals(userId, InternalUser.ADMIN.getValue())) {
+            return true;
+        }
+
+        if (deptDataPermission.getSelf()) {
+            for (String owner : owners) {
+                // 是否是自己的客户
+                if (!Strings.CS.equals(owner, userId)) {
+                    return false;
+                }
+            }
+            return true;
+        }
+
+        if (CollectionUtils.isNotEmpty(deptDataPermission.getDeptIds())) {
+            Map<String, UserDeptDTO> userDeptMapByUserIds = baseService.getUserDeptMapByUserIds(owners, orgId);
+            for (String owner : owners) {
+                UserDeptDTO customerOwnerDept = userDeptMapByUserIds.get(owner);
+                // 部门权限是否有该客户的权限
+                if (customerOwnerDept == null || !deptDataPermission.getDeptIds().contains(customerOwnerDept.getDeptId())) {
+                    if (!Strings.CS.equals(owner, userId)) {
+                        return false;
+                    }
+                }
+            }
+            return true;
+        }
+        return false;
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/common/service/ExportExecutor.java b/backend/crm/src/main/java/cn/cordys/common/service/ExportExecutor.java
new file mode 100644
index 0000000..3cf0a7f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/service/ExportExecutor.java
@@ -0,0 +1,18 @@
+package cn.cordys.common.service;
+
+import cn.cordys.crm.system.domain.ExportTask;
+
+/**
+ * 通用导出执行器
+ * @author song-cc-rock
+ */
+@FunctionalInterface
+public interface ExportExecutor {
+
+	/**
+	 * 导出执行方法
+	 * @param task 导出任务
+	 * @throws Exception 异常信息
+	 */
+	void execute(ExportTask task) throws Exception;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/service/FieldSourceServiceProvider.java b/backend/crm/src/main/java/cn/cordys/common/service/FieldSourceServiceProvider.java
new file mode 100644
index 0000000..6b118c1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/service/FieldSourceServiceProvider.java
@@ -0,0 +1,218 @@
+package cn.cordys.common.service;
+
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.crm.clue.service.ClueService;
+import cn.cordys.crm.contract.service.*;
+import cn.cordys.crm.customer.service.CustomerContactService;
+import cn.cordys.crm.customer.service.CustomerService;
+import cn.cordys.crm.form.service.CustomFormDataService;
+import cn.cordys.crm.opportunity.service.OpportunityQuotationService;
+import cn.cordys.crm.opportunity.service.OpportunityService;
+import cn.cordys.crm.order.service.OrderService;
+import cn.cordys.crm.product.service.ProductPriceService;
+import cn.cordys.crm.product.service.ProductService;
+import cn.cordys.crm.system.constants.FieldSourceType;
+import jakarta.annotation.PostConstruct;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections4.CollectionUtils;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Propagation;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.lang.reflect.Method;
+import java.util.Collections;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+/**
+ * @author song-cc-rock
+ */
+@Service
+@Slf4j
+public class FieldSourceServiceProvider {
+
+    private static final Map<FieldSourceType, Object> SERVICE_MAP = new HashMap<>();
+
+	/**
+	 * 开启的审批流表单表格映射
+	 */
+	private static final Map<String, Object> APPROVAL_FORM_SERVICE_MAP = new HashMap<>(4);
+
+    @Resource
+    private ClueService clueService;
+    @Resource
+    private CustomerService customerService;
+    @Resource
+    private OpportunityService opportunityService;
+    @Resource
+    private CustomerContactService customerContactService;
+    @Resource
+    private ProductService productService;
+    @Resource
+    private ProductPriceService productPriceService;
+    @Resource
+    private OpportunityQuotationService opportunityQuotationService;
+    @Resource
+    private ContractService contractService;
+    @Resource
+    private BusinessTitleService businessTitleService;
+	@Resource
+	private OrderService orderService;
+	@Resource
+	private ContractPaymentRecordService paymentRecordService;
+	@Resource
+	private ContractPaymentPlanService paymentPlanService;
+	@Resource
+	private ContractInvoiceService invoiceService;
+
+    @PostConstruct
+    public void init() {
+        SERVICE_MAP.put(FieldSourceType.CLUE, clueService);
+        SERVICE_MAP.put(FieldSourceType.CUSTOMER, customerService);
+        SERVICE_MAP.put(FieldSourceType.OPPORTUNITY, opportunityService);
+        SERVICE_MAP.put(FieldSourceType.CONTACT, customerContactService);
+        SERVICE_MAP.put(FieldSourceType.PRODUCT, productService);
+        SERVICE_MAP.put(FieldSourceType.PRICE, productPriceService);
+        SERVICE_MAP.put(FieldSourceType.QUOTATION, opportunityQuotationService);
+        SERVICE_MAP.put(FieldSourceType.CONTRACT, contractService);
+        SERVICE_MAP.put(FieldSourceType.BUSINESS_TITLE, businessTitleService);
+		SERVICE_MAP.put(FieldSourceType.ORDER, orderService);
+		SERVICE_MAP.put(FieldSourceType.CONTRACT_PAYMENT_RECORD, paymentRecordService);
+		SERVICE_MAP.put(FieldSourceType.PAYMENT_PLAN, paymentPlanService);
+
+		APPROVAL_FORM_SERVICE_MAP.put(FormKey.QUOTATION.getKey(), opportunityQuotationService);
+		APPROVAL_FORM_SERVICE_MAP.put(FormKey.CONTRACT.getKey(), contractService);
+		APPROVAL_FORM_SERVICE_MAP.put(FormKey.INVOICE.getKey(), invoiceService);
+		APPROVAL_FORM_SERVICE_MAP.put(FormKey.ORDER.getKey(), orderService);
+    }
+
+    /**
+     * 根据来源类型获取对应的 Service
+     */
+    @SuppressWarnings("unchecked")
+    public static <T> T getService(FieldSourceType type) {
+		Object service = SERVICE_MAP.get(type);
+		if (service != null) {
+			return (T) service;
+		}
+		return (T) CommonBeanFactory.getBean(CustomFormDataService.class);
+    }
+
+	/**
+	 * 根据来源类型获取对应的 Service
+	 */
+	@SuppressWarnings("unchecked")
+	public static <T> T getServiceOfKey(String key) {
+		return (T) APPROVAL_FORM_SERVICE_MAP.get(key);
+	}
+
+	/**
+	 * 执行资源详情方法（单个或批量）
+	 *
+	 * @param type        资源或数据源类型
+	 * @param id          单个或批量ID
+	 * @param methodName  方法名称
+	 *
+	 * @return 单个数据对象或数据对象列表
+	 */
+	public Object executeServiceMethod(FieldSourceType type, Object id, String methodName) {
+		Object service = getService(type);
+		if (service == null) {
+			log.error("数据源引用失败, 类型 {} 有误", type.name());
+			return id instanceof List ? Collections.emptyList() : null;
+		}
+		try {
+			if (id instanceof List<?> idList) {
+				if (CollectionUtils.isEmpty(idList)) {
+					return Collections.emptyList();
+				}
+				List<String> ids = idList.stream().map(Object::toString).toList();
+				Method method = service.getClass().getMethod(methodName, List.class);
+				return method.invoke(service, ids);
+			} else {
+				if (!(id instanceof String) || ((String) id).isEmpty()) {
+					return null;
+				}
+				Method method = service.getClass().getMethod(methodName, String.class);
+				return method.invoke(service, id.toString());
+			}
+		} catch (Exception e) {
+			log.error("获取数据源详情异常：type={}, id={}, error={}", type.name(), id, e.getMessage(), e);
+			return id instanceof List ? Collections.emptyList() : null;
+		}
+	}
+
+	public Object executeServiceMethod(String formKey, Object id, String methodName) {
+		Object service = getServiceOfKey(formKey);
+		if (service == null) {
+			log.error("审批表单类型 {} 有误", formKey);
+			return id instanceof List ? Collections.emptyList() : null;
+		}
+		try {
+			if (id instanceof List<?> idList) {
+				if (CollectionUtils.isEmpty(idList)) {
+					return Collections.emptyList();
+				}
+				List<String> ids = idList.stream().map(Object::toString).toList();
+				Method method = service.getClass().getMethod(methodName, List.class);
+				return method.invoke(service, ids);
+			} else {
+				if (!(id instanceof String) || ((String) id).isEmpty()) {
+					return null;
+				}
+				Method method = service.getClass().getMethod(methodName, String.class);
+				return method.invoke(service, id.toString());
+			}
+		} catch (Exception e) {
+			log.error("获取业务数据详情异常：type={}, id={}, error={}", formKey, id, e.getMessage(), e);
+			return id instanceof List ? Collections.emptyList() : null;
+		}
+	}
+
+	/**
+	 * 挂起事务, 防止下游方法异常回滚当前事务
+	 *
+	 * @param type 数据源类型
+	 * @param id   主键ID
+	 *
+	 * @return 数据对象
+	 */
+	@Transactional(propagation = Propagation.NOT_SUPPORTED)
+	public Object safeGetSimpleById(FieldSourceType type, String id) {
+		return executeServiceMethod(type, id, "getSimple");
+	}
+
+	/**
+	 * 获取表单业务数据详情
+	 * @param formKey 表单
+	 * @param id 主表ID
+	 * @return 业务数据详情
+	 */
+	@Transactional(propagation = Propagation.NOT_SUPPORTED)
+	public Object safeGetSimpleById(String formKey, String id) {
+		return executeServiceMethod(formKey, id, "getSimple");
+	}
+
+	/**
+	 * 批量获取数据源详情（挂起事务，防止下游方法异常回滚当前事务）
+	 *
+	 * @param type 数据源类型
+	 * @param ids  主键ID集合
+	 *
+	 * @return 数据对象列表
+	 */
+	@Transactional(propagation = Propagation.NOT_SUPPORTED)
+	@SuppressWarnings("unchecked")
+	public List<Object> batchGetSimpleByIds(FieldSourceType type, List<String> ids) {
+		return (List<Object>) executeServiceMethod(type, ids, "batchGetSimpleByIds");
+	}
+
+	@Transactional(propagation = Propagation.NOT_SUPPORTED)
+	public Object safeGetFieldsById(String formKey, String id) {
+		return executeServiceMethod(formKey, id, "getFieldValues");
+	}
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/common/service/SSRFValidationService.java b/backend/crm/src/main/java/cn/cordys/common/service/SSRFValidationService.java
new file mode 100644
index 0000000..6ad202d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/service/SSRFValidationService.java
@@ -0,0 +1,181 @@
+package cn.cordys.common.service;
+
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.util.Translator;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.stereotype.Service;
+
+import java.net.InetAddress;
+import java.net.URI;
+import java.net.URISyntaxException;
+import java.net.UnknownHostException;
+import java.util.Collections;
+import java.util.List;
+import java.util.Locale;
+import java.util.Objects;
+
+@Service
+@Slf4j
+public class SSRFValidationService {
+
+    @Value("${allowed.ip.ranges.enabled}")
+    private Boolean whitelistEnabled;
+
+    @Value("#{'${allowed.ip.ranges:}'.split(',')}")
+    private List<String> allowedList;
+
+    /**
+     * 只允许 http 和 https 协议
+     */
+    private static final List<String> ALLOWED_PROTOCOLS = List.of("http", "https");
+
+    /**
+     * 禁用的私有/保留 IP 段
+     */
+    private static final List<String> BLOCKED_IP_PREFIXES = List.of(
+            "0.",          // 当前网络
+            "10.",         // A 类私有
+            "127.",        // 回环
+            "169.254.",    // 链路本地（含云元数据）
+            "172.16.", "172.17.", "172.18.", "172.19.",
+            "172.20.", "172.21.", "172.22.", "172.23.",
+            "172.24.", "172.25.", "172.26.", "172.27.",
+            "172.28.", "172.29.", "172.30.", "172.31.", // B 类私有
+            "192.168.",    // C 类私有
+            "224.", "225.", "226.", "227.", "228.", "229.",
+            "230.", "231.", "232.", "233.", "234.", "235.",
+            "236.", "237.", "238.", "239.",             // D 类多播
+            "240.", "241.", "242.", "243.", "244.", "245.",
+            "246.", "247.", "248.", "249.", "250.", "251.",
+            "252.", "253.", "254.", "255."               // E 类保留
+    );
+
+    /**
+     * 校验 URL 是否安全，防止 SSRF
+     *
+     * @param url 用户提供的目标 URL
+     *
+     * @throws IllegalArgumentException 若 URL 不合规
+     */
+    public void validate(String url) {
+        if (StringUtils.isBlank(url)) {
+            throw new IllegalArgumentException("URL 不能为空");
+        }
+
+        URI uri = parseUri(url);
+
+        // 1. 协议白名单
+        String scheme = uri.getScheme();
+        if (scheme == null || !ALLOWED_PROTOCOLS.contains(scheme.toLowerCase(Locale.ROOT))) {
+            throw new IllegalArgumentException("仅允许 http/https 协议");
+        }
+
+        // 2. 禁止用户信息（防止绕过：http://safe@evil.com）
+        if (uri.getUserInfo() != null) {
+            throw new IllegalArgumentException("URL 中不允许包含用户信息");
+        }
+
+        String host = uri.getHost();
+        if (StringUtils.isBlank(host)) {
+            throw new IllegalArgumentException("URL 缺少主机名");
+        }
+
+        // 3. 白名单检查（基于主机名，避免重复解析 URL）
+        validateAgainstWhitelist(host);
+
+        // 4. 解析为 IP 并检查
+        InetAddress inetAddress = resolveHost(host);
+        String ip = inetAddress.getHostAddress();
+        log.info("解析 {} -> {}", host, ip);
+
+        // 5. 回环地址
+        if (inetAddress.isLoopbackAddress()) {
+            throw new IllegalArgumentException("禁止访问回环地址");
+        }
+
+        // 6. 站点本地地址（私有网络）
+        if (inetAddress.isSiteLocalAddress()) {
+            throw new IllegalArgumentException("禁止访问内网地址");
+        }
+
+        // 7. 链路本地地址（含 169.254.x.x 云元数据）
+        if (inetAddress.isLinkLocalAddress()) {
+            throw new IllegalArgumentException("禁止访问链路本地地址（含云元数据）");
+        }
+
+        // 8. IP 前缀黑名单兜底（如 0.x.x.x 容器网络、D/E 类保留地址）
+        for (String prefix : BLOCKED_IP_PREFIXES) {
+            if (ip.startsWith(prefix)) {
+                throw new IllegalArgumentException("禁止访问保留地址: " + ip);
+            }
+        }
+    }
+
+    // ========== 私有辅助方法 ==========
+
+    /**
+     * 解析 URL 字符串为 URI
+     */
+    private static URI parseUri(String url) {
+        try {
+            return new URI(url);
+        } catch (URISyntaxException e) {
+            throw new IllegalArgumentException("URL 格式不合法", e);
+        }
+    }
+
+    /**
+     * DNS 解析主机名
+     */
+    private static InetAddress resolveHost(String host) {
+        try {
+            return InetAddress.getByName(host);
+        } catch (UnknownHostException e) {
+            throw new IllegalArgumentException("无法解析主机名: " + host, e);
+        }
+    }
+
+    /**
+     * 检查主机名是否在白名单中（白名单功能启用时）
+     * <p>支持三种模式：</p>
+     * <ul>
+     *   <li>{@code *} — 放行全部</li>
+     *   <li>{@code *.example.com} — 通配子域名</li>
+     *   <li>{@code exact.host.com} — 精确匹配</li>
+     * </ul>
+     */
+    public void validateAgainstWhitelist(String host) {
+        if (!Boolean.TRUE.equals(whitelistEnabled)) {
+            return;
+        }
+
+        String normalizedHost = host.toLowerCase(Locale.ROOT).trim();
+        List<String> allowed = allowedList == null ? Collections.emptyList() : allowedList;
+
+        boolean matched = allowed.stream()
+                .filter(Objects::nonNull)
+                .map(s -> s.trim().toLowerCase(Locale.ROOT))
+                .filter(StringUtils::isNotBlank)
+                .anyMatch(pattern -> matchesPattern(normalizedHost, pattern));
+
+        if (!matched) {
+            throw new GenericException(Translator.get("dashboard_url_not_allowed"));
+        }
+    }
+
+    /**
+     * 判断 host 是否匹配白名单模式
+     */
+    private static boolean matchesPattern(String host, String pattern) {
+        if ("*".equals(pattern)) {
+            return true;
+        }
+        if (pattern.startsWith("*.")) {
+            // *.example.com → .example.com，匹配 foo.example.com
+            return host.endsWith(pattern.substring(1));
+        }
+        return host.equals(pattern);
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/common/utils/BeanCopyUtils.java b/backend/crm/src/main/java/cn/cordys/common/utils/BeanCopyUtils.java
new file mode 100644
index 0000000..b466338
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/utils/BeanCopyUtils.java
@@ -0,0 +1,33 @@
+package cn.cordys.common.utils;
+
+import java.lang.reflect.Field;
+
+public class BeanCopyUtils {
+
+    public static void fillEmptyFields(Object target, Object source) {
+        if (target == null || source == null) {
+            return;
+        }
+
+        Field[] fields = target.getClass().getDeclaredFields();
+
+        for (Field field : fields) {
+            try {
+                field.setAccessible(true);
+
+                Object targetValue = field.get(target);
+                Object sourceValue = field.get(source);
+
+                // target为空，并且source有值，才赋值
+                if ((targetValue == null || "".equals(targetValue))
+                        && sourceValue != null
+                ) {
+                    field.set(target, sourceValue);
+                }
+
+            } catch (IllegalAccessException e) {
+                throw new RuntimeException(e);
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/common/utils/ConditionFilterUtils.java b/backend/crm/src/main/java/cn/cordys/common/utils/ConditionFilterUtils.java
new file mode 100644
index 0000000..966b96a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/utils/ConditionFilterUtils.java
@@ -0,0 +1,381 @@
+package cn.cordys.common.utils;
+
+
+import cn.cordys.common.constants.InternalUserView;
+import cn.cordys.common.dto.BaseTreeNode;
+import cn.cordys.common.dto.ChartAnalysisDbRequest;
+import cn.cordys.common.dto.ChartAnalysisRequest;
+import cn.cordys.common.dto.chart.ChartCategoryAxisDbParam;
+import cn.cordys.common.dto.chart.ChartValueAxisDbParam;
+import cn.cordys.common.dto.condition.BaseCondition;
+import cn.cordys.common.dto.condition.CombineSearch;
+import cn.cordys.common.dto.condition.FilterCondition;
+import cn.cordys.common.dto.condition.FilterDBCondition;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.service.BaseResourceFieldService;
+import cn.cordys.common.uid.utils.EnumUtils;
+import cn.cordys.common.util.*;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.constants.FieldSourceType;
+import cn.cordys.crm.system.constants.FieldType;
+import cn.cordys.crm.system.dto.field.DatasourceField;
+import cn.cordys.crm.system.dto.field.DepartmentField;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.mapper.ExtAttachmentMapper;
+import cn.cordys.crm.system.service.DepartmentService;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.crm.system.service.UserViewService;
+import cn.cordys.security.SessionUtils;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.aspectj.lang.annotation.Aspect;
+import org.springframework.stereotype.Component;
+
+import java.util.*;
+import java.util.stream.Collectors;
+
+import static cn.cordys.common.utils.IndustryUtils.getIndustries;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-07-28  17:31
+ * 拦截高级搜索等查询
+ * 处理高级搜索等通用查询条件
+ * 1. 处理视图查询条件
+ * 2. 预先过滤不合法的查询条件
+ * 3. 处理成员选项中的 CURRENT_USER
+ */
+@Aspect
+@Component
+public class ConditionFilterUtils {
+
+    private static final String COUNT_FIELD = "COUNT";
+
+    public static ChartAnalysisDbRequest parseChartAnalysisRequest(ChartAnalysisRequest request, ModuleFormConfigDTO formConfig) {
+        List<BaseField> fields = formConfig.getFields();
+
+        BaseField departmentField = new DepartmentField();
+        departmentField.setId("departmentId");
+        departmentField.setType(FieldType.DEPARTMENT.name());
+        departmentField.setBusinessKey("departmentId");
+        fields.add(departmentField);
+
+        ChartAnalysisDbRequest chartAnalysisDbRequest = BeanUtils.copyBean(new ChartAnalysisDbRequest(), request);
+        chartAnalysisDbRequest.setCategoryAxisParam(BeanUtils.copyBean(new ChartCategoryAxisDbParam(), request.getChartConfig().getCategoryAxis()));
+        if (request.getChartConfig().getSubCategoryAxis() != null) {
+            chartAnalysisDbRequest.setSubCategoryAxisParam(BeanUtils.copyBean(new ChartCategoryAxisDbParam(), request.getChartConfig().getSubCategoryAxis()));
+        }
+        chartAnalysisDbRequest.setValueAxisParam(BeanUtils.copyBean(new ChartValueAxisDbParam(), request.getChartConfig().getValueAxis()));
+
+        // 处理视图查询条件
+        chartAnalysisDbRequest.setViewFilterCondition(getViewCondition(chartAnalysisDbRequest.getViewId()));
+
+        replaceDBCondition(fields, chartAnalysisDbRequest.getFilterCondition());
+        replaceDBCondition(fields, chartAnalysisDbRequest.getViewFilterCondition());
+
+        // 处理高级搜索条件
+        parseCondition(chartAnalysisDbRequest.getFilterCondition());
+        // 处理视图筛选条件
+        parseCondition(chartAnalysisDbRequest.getViewFilterCondition());
+
+        ChartCategoryAxisDbParam xAxisParam = chartAnalysisDbRequest.getCategoryAxisParam();
+        ChartCategoryAxisDbParam subXAxisParam = chartAnalysisDbRequest.getSubCategoryAxisParam();
+        ChartValueAxisDbParam yAxisParam = chartAnalysisDbRequest.getValueAxisParam();
+
+        BaseField xBaseField = getBaseFieldWithCheck(fields, xAxisParam.getFieldId());
+        BaseField yBaseField = getBaseFieldWithCheck(fields, yAxisParam.getFieldId());
+
+        xAxisParam.setBlob(xBaseField.isBlob());
+        xAxisParam.setBusinessField(StringUtils.isNotBlank(xBaseField.getBusinessKey()));
+        xAxisParam.setBusinessFieldName(CaseFormatUtils.camelToUnderscore(xBaseField.getBusinessKey()));
+
+        if (yBaseField != null) {
+            yAxisParam.setBlob(yBaseField.isBlob());
+            yAxisParam.setBusinessField(StringUtils.isNotBlank(yBaseField.getBusinessKey()));
+            yAxisParam.setBusinessFieldName(CaseFormatUtils.camelToUnderscore(yBaseField.getBusinessKey()));
+        }
+
+        if (subXAxisParam != null) {
+            BaseField subXBaseField = getBaseFieldWithCheck(fields, subXAxisParam.getFieldId());
+            subXAxisParam.setBlob(subXBaseField.isBlob());
+            subXAxisParam.setBusinessField(StringUtils.isNotBlank(subXBaseField.getBusinessKey()));
+            subXAxisParam.setBusinessFieldName(CaseFormatUtils.camelToUnderscore(subXBaseField.getBusinessKey()));
+        }
+
+        return chartAnalysisDbRequest;
+    }
+
+    private static BaseField getBaseFieldWithCheck(List<BaseField> fields, String fieldKey) {
+        if (StringUtils.isBlank(fieldKey)) {
+            return null;
+        }
+        if (Strings.CS.equals(fieldKey, COUNT_FIELD)) {
+            return null;
+        }
+        return fields.stream()
+                .filter(field -> Strings.CI.equals(field.getId(), fieldKey)
+                        || Strings.CI.equals(field.getBusinessKey(), fieldKey))
+                .findFirst().orElseThrow(() -> new GenericException(Translator.get("module.field.not_exist")));
+    }
+
+    public static void parseCondition(BaseCondition baseCondition) {
+        parseCondition(baseCondition, null);
+    }
+
+    public static void parseCondition(BaseCondition baseCondition, String formKey) {
+        ModuleFormCacheService moduleFormCacheService = CommonBeanFactory.getBean(ModuleFormCacheService.class);
+        ModuleFormConfigDTO businessFormConfig = Objects.requireNonNull(moduleFormCacheService).getBusinessFormConfig(formKey, OrganizationContext.getOrganizationId());
+        List<BaseField> fields = businessFormConfig.getFields();
+
+        // 处理视图查询条件
+        baseCondition.setViewCombineSearch(getViewCondition(baseCondition.getViewId()));
+
+        CombineSearch combineSearch = baseCondition.getCombineSearch();
+        CombineSearch viewCombineSearch = baseCondition.getViewCombineSearch();
+
+        replaceFilterDBCondition(fields, baseCondition);
+        replaceDBCondition(fields, combineSearch);
+        replaceDBCondition(fields, viewCombineSearch);
+
+        // 处理高级搜索条件
+        parseCondition(combineSearch);
+        // 处理视图筛选条件
+        parseCondition(viewCombineSearch);
+    }
+
+    /**
+     * 将 FilterCondition 替换成 FilterDBCondition，并设置数据库查询相关属性
+     *
+     * @param fields
+     * @param combineSearch
+     */
+    private static void replaceDBCondition(List<BaseField> fields, CombineSearch combineSearch) {
+        if (combineSearch == null || CollectionUtils.isEmpty(combineSearch.getConditions())) {
+            return;
+        }
+        List<FilterCondition> conditions = combineSearch.getConditions();
+        replaceDBConditions(fields, conditions);
+        // 重新设置conditions
+        combineSearch.setConditions(conditions);
+    }
+
+    private static void replaceFilterDBCondition(List<BaseField> fields, BaseCondition baseCondition) {
+        if (baseCondition == null || CollectionUtils.isEmpty(baseCondition.getFilters())) {
+            return;
+        }
+        List<FilterCondition> conditions = baseCondition.getFilters();
+        replaceDBConditions(fields, conditions);
+        // 重新设置 filters
+        baseCondition.setFilters(conditions);
+    }
+
+    private static void replaceDBConditions(List<BaseField> fields, List<FilterCondition> conditions) {
+        Map<String, BaseField> fieldMap = fields.stream()
+                .collect(Collectors.toMap(BaseField::getId, field -> field));
+
+        for (int i = 0; i < conditions.size(); i++) {
+            FilterCondition condition = conditions.get(i);
+            // 将 FilterCondition 替换成 FilterDBCondition
+            FilterDBCondition dbCondition = BeanUtils.copyBean(new FilterDBCondition(), condition);
+            conditions.set(i, dbCondition);
+
+            BaseField baseField = fieldMap.get(condition.getName());
+            if (baseField != null) {
+                dbCondition.setBlob(baseField.isBlob());
+                dbCondition.setMultipleValue(baseField.multiple());
+                if (StringUtils.isBlank(baseField.getResourceFieldId())) {
+                    // 处理表单字段
+                    parseFilterDBCondition(dbCondition, baseField);
+                } else {
+                    // 处理显示字段
+                    BaseField refResourceField = fieldMap.get(baseField.getResourceFieldId());
+                    if (refResourceField instanceof DatasourceField datasourceField) {
+                        parseFilterDBCondition(dbCondition, baseField);
+                        if (baseField.hasBusinessKey()) {
+                            // 暂时只处理显示字段
+                            dbCondition.setName(CaseFormatUtils.camelToUnderscore(baseField.getBusinessKey()));
+                        } else {
+                            String actualFieldId = baseField.getId().replace((baseField.getResourceFieldId() + BaseResourceFieldService.REF_UNDERLINE), StringUtils.EMPTY);
+                            dbCondition.setName(actualFieldId);
+                        }
+                        dbCondition.setRefFiled(true);
+
+                        dbCondition.setRefMainFieldName(refResourceField.idOrBusinessKey());
+                        if (refResourceField.hasBusinessKey()) {
+                            dbCondition.setRefMainFieldName(CaseFormatUtils.camelToUnderscore(refResourceField.getBusinessKey()));
+                        } else {
+                            dbCondition.setRefMainFieldName(refResourceField.getId());
+                        }
+                        dbCondition.setRefMainCustomField(!refResourceField.hasBusinessKey());
+
+                        FieldSourceType fieldSourceType = FieldSourceType.safeValueOf(datasourceField.getDataSourceType());
+                        if (fieldSourceType != null) {
+                            dbCondition.setRefMainTableName(fieldSourceType.getTableName());
+                        } else {
+                            dbCondition.setRefMainTableName(FieldSourceType.CUSTOM_FORM.getTableName());
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    private static void parseFilterDBCondition(FilterDBCondition dbCondition, BaseField baseField) {
+        dbCondition.setName(baseField.idOrBusinessKey());
+        dbCondition.setCustomField(!baseField.hasBusinessKey());
+        dbCondition.setMultipleValue(baseField.multiple());
+    }
+
+    private static void parseCondition(CombineSearch combineSearch) {
+        if (combineSearch == null) {
+            return;
+        }
+
+        List<FilterCondition> validConditions = getValidConditions(combineSearch.getConditions());
+        validConditions.forEach(item -> {
+            Object combineValue = item.getCombineValue();
+            String combineOperator = item.getCombineOperator();
+            item.setValue(combineValue);
+            item.setOperator(combineOperator);
+            if (item.getValue() != null && item.getCombineValue() instanceof String strValue
+                    && Strings.CS.equalsAny(item.getCombineOperator(), FilterCondition.CombineConditionOperator.CONTAINS.name(),
+                    FilterCondition.CombineConditionOperator.NOT_CONTAINS.name())) {
+                // 转义 mysql 的特殊字符
+                item.setValue(BaseCondition.transferKeyword(strValue));
+            }
+
+            if (item.getValue() != null && Strings.CS.contains(item.getType(), "MULTIPLE")
+                    && Strings.CS.equalsAny(item.getCombineOperator(), FilterCondition.CombineConditionOperator.EQUALS.name(),
+                    FilterCondition.CombineConditionOperator.NOT_EQUALS.name())) {
+                // 转义 mysql 的特殊字符
+                item.setValue(JSON.toJSONString(item.getCombineValue()));
+            }
+
+            if (item.getValue() != null && Strings.CS.equals(item.getType(), FieldType.ATTACHMENT.name())) {
+                // 附件类型转义名称
+                List<String> attachmentNames = List.of(item.getCombineValue().toString().split(StringUtils.SPACE));
+                ExtAttachmentMapper attachmentMapper = CommonBeanFactory.getBean(ExtAttachmentMapper.class);
+                List<String> attachmentIds = Objects.requireNonNull(attachmentMapper).getAttachmentIdsByNames(attachmentNames);
+                item.setValue(CollectionUtils.isEmpty(attachmentIds) ? attachmentNames : attachmentIds);
+            }
+
+
+            if (item.getValue() != null && Strings.CS.equals(item.getType(), FieldType.INDUSTRY.name())) {
+                String str = item.getValue().toString()
+                        .replace("[", "")
+                        .replace("]", "");
+
+                List<String> list = Arrays.stream(str.split(","))
+                        .map(String::trim)
+                        .collect(Collectors.toList());
+                List<String> values = IndustryUtils.getValues(getIndustries(), list);
+                values.addAll(list);
+                item.setValue(values.stream().distinct().toList());
+            }
+        });
+        replaceCurrentUser(validConditions);
+        combineSearch.setConditions(validConditions);
+    }
+
+    private static CombineSearch getViewCondition(String viewId) {
+        if (StringUtils.isNotBlank(viewId) && !InternalUserView.isInternalUserView(viewId)) {
+            // 查询视图
+            UserViewService userViewService = CommonBeanFactory.getBean(UserViewService.class);
+            String viewSearchMode = Objects.requireNonNull(userViewService).getSearchMode(viewId);
+            List<FilterCondition> viewConditions = userViewService.getFilterConditions(viewId);
+
+            //新增子节点数据
+            List<BaseTreeNode> tree = Objects.requireNonNull(CommonBeanFactory.getBean(DepartmentService.class)).getTree(OrganizationContext.getOrganizationId());
+            buildConditions(viewConditions, tree);
+
+            CombineSearch viewCondition = new CombineSearch();
+            viewCondition.setSearchMode(viewSearchMode);
+            viewCondition.setConditions(viewConditions);
+            return viewCondition;
+        }
+        return null;
+    }
+
+
+    /**
+     * 包含新增子节点数据
+     *
+     * @param conditions
+     */
+    private static void buildConditions(List<FilterCondition> conditions, List<BaseTreeNode> tree) {
+        if (CollectionUtils.isNotEmpty(conditions)) {
+            conditions.forEach(condition -> {
+                if (CollectionUtils.isNotEmpty(condition.getContainChildIds())) {
+                    condition.getContainChildIds().forEach(id -> {
+                        List<String> ids = getIds(tree, id);
+                        ids.addAll(condition.getContainChildIds());
+                        condition.setValue(ids.stream().distinct().toList());
+                    });
+                }
+            });
+        }
+    }
+
+
+    public static List<String> getIds(List<BaseTreeNode> tree, String targetId) {
+        List<String> ids = new ArrayList<>();
+        for (BaseTreeNode node : tree) {
+            BaseTreeNode targetNode = findNode(node, targetId);
+            if (targetNode != null) {
+                collectIds(targetNode, ids);
+                break;
+            }
+        }
+        return ids;
+    }
+
+    private static BaseTreeNode findNode(BaseTreeNode node, String targetId) {
+        if (node.getId().equals(targetId)) {
+            return node;
+        }
+        for (BaseTreeNode child : node.getChildren()) {
+            BaseTreeNode result = findNode(child, targetId);
+            if (result != null) {
+                return result;
+            }
+        }
+        return null;
+    }
+
+    private static void collectIds(BaseTreeNode node, List<String> ids) {
+        ids.add(node.getId());
+        for (BaseTreeNode child : node.getChildren()) {
+            collectIds(child, ids);
+        }
+    }
+
+    /**
+     * 处理成员选项中的 CURRENT_USER
+     * 替换当前用户的用户ID
+     *
+     * @param validConditions
+     */
+    private static void replaceCurrentUser(List<FilterCondition> validConditions) {
+        for (FilterCondition validCondition : validConditions) {
+            Object value = validCondition.getCombineValue();
+            if (value instanceof List arrayValues) {
+                for (int i = 0; i < arrayValues.size(); i++) {
+                    Object arrayValue = arrayValues.get(i);
+                    if (arrayValue != null && Strings.CS.equals(arrayValue.toString(), InternalUserView.CURRENT_USER)) {
+                        // 替换当前用户的用户ID
+                        arrayValues.set(i, SessionUtils.getUserId());
+                    }
+                }
+            }
+        }
+    }
+
+    public static List<FilterCondition> getValidConditions(List<FilterCondition> conditions) {
+        if (CollectionUtils.isEmpty(conditions)) {
+            return List.of();
+        }
+        return conditions.stream().filter(FilterCondition::valid).collect(Collectors.toList());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/utils/IndustryUtils.java b/backend/crm/src/main/java/cn/cordys/common/utils/IndustryUtils.java
new file mode 100644
index 0000000..4121444
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/utils/IndustryUtils.java
@@ -0,0 +1,250 @@
+package cn.cordys.common.utils;
+
+import cn.cordys.common.resolver.field.IndustryResolver;
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.system.dto.form.IndustryDict;
+import com.fasterxml.jackson.core.type.TypeReference;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.io.InputStream;
+import java.lang.ref.SoftReference;
+import java.util.ArrayList;
+import java.util.LinkedList;
+import java.util.List;
+import java.util.Queue;
+
+/**
+ * @author song-cc-rock
+ */
+public class IndustryUtils {
+
+    /**
+     * split str
+     */
+    private static final String SPILT_STR = "/";
+    private static SoftReference<List<IndustryDict>> industryRef;
+
+    /**
+     * 获取所有行业分类
+     *
+     * @return categories 行业分类
+     */
+    public static List<IndustryDict> getIndustries() {
+        List<IndustryDict> industries;
+        if (industryRef == null || (industries = industryRef.get()) == null) {
+            synchronized (IndustryResolver.class) {
+                if (industryRef == null || (industries = industryRef.get()) == null) {
+                    industries = loadData();
+                    industryRef = new SoftReference<>(industries);
+                }
+            }
+        }
+        return industries;
+    }
+
+    /**
+     * 加载行业分类字典数据
+     *
+     * @return 行业分类树
+     */
+    private static List<IndustryDict> loadData() {
+        try (InputStream is = IndustryResolver.class.getClassLoader()
+                .getResourceAsStream("dict/industry.json")) {
+            return JSON.parseObject(is, new TypeReference<>() {
+            });
+        } catch (Exception e) {
+            throw new RuntimeException("加载行业分类失败", e);
+        }
+    }
+
+    /**
+     * 行业分类映射
+     *
+     * @param str 解析字符串
+     * @param nameToCode 是否名称转编码
+     * @return 编码
+     */
+    public static String mapping(String str, boolean nameToCode) {
+        if (StringUtils.isBlank(str)) {
+            return StringUtils.EMPTY;
+        }
+
+        List<String> path = new ArrayList<>();
+        Queue<String> findQueue = new LinkedList<>();
+        CollectionUtils.addAll(findQueue, str.split(SPILT_STR));
+        List<IndustryDict> industries = getIndustries();
+        boolean found = findRecursive(industries, findQueue, path, nameToCode);
+        return found ? String.join(SPILT_STR, path) : StringUtils.EMPTY;
+    }
+
+    /**
+     * 编码转父子层级名称
+     * 例如: code=13 -> "制造业/农副食品加工业"
+     *
+     * @param code 字典值编码
+     * @return 父子层级的行业名称
+     */
+    public static String codeToParentLabel(String code) {
+        if (StringUtils.isBlank(code)) {
+            return StringUtils.EMPTY;
+        }
+
+        List<IndustryDict> industries = getIndustries();
+        List<String> path = new ArrayList<>();
+        boolean found = findParentPath(industries, code, path);
+
+        return found ? String.join(SPILT_STR, path) : StringUtils.EMPTY;
+    }
+
+    /**
+     * 名称转编码,只返回叶子节点编码
+     * 例如: name="制造业/农副食品加工业" -> "13"
+     *
+     * @param name 行业名称
+     * @return 叶子节点的编码
+     */
+    public static String nameToCodeOnlyLeaf(String name) {
+        if (StringUtils.isBlank(name)) {
+            return StringUtils.EMPTY;
+        }
+
+        Queue<String> findQueue = new LinkedList<>();
+        CollectionUtils.addAll(findQueue, name.split(SPILT_STR));
+        List<IndustryDict> industries = getIndustries();
+        String[] result = new String[1];
+        findLeafCode(industries, findQueue, result);
+        return result[0] != null ? result[0] : StringUtils.EMPTY;
+    }
+
+    /**
+     * 递归查找父级路径
+     */
+    private static boolean findParentPath(List<IndustryDict> industryTree, String code, List<String> path) {
+        if (CollectionUtils.isEmpty(industryTree)) {
+            return false;
+        }
+        for (IndustryDict industry : industryTree) {
+            // 先递归查找子节点
+            if (industry.getChildren() != null) {
+                List<String> childPath = new ArrayList<>();
+                if (findParentPath(industry.getChildren(), code, childPath)) {
+                    // 找到子节点, 将当前节点加入路径头部
+                    path.add(industry.getLabel());
+                    path.addAll(childPath);
+                    return true;
+                }
+            }
+            // 匹配当前节点
+            if (Strings.CS.equals(industry.getValue(), code)) {
+                path.add(industry.getLabel());
+                return true;
+            }
+        }
+        return false;
+    }
+
+    /**
+     * 递归查找叶子节点编码
+     */
+    private static void findLeafCode(List<IndustryDict> industryTree, Queue<String> findQueue, String[] result) {
+        if (CollectionUtils.isEmpty(industryTree) || findQueue.isEmpty()) {
+            return;
+        }
+        String current = findQueue.peek();
+        for (IndustryDict industry : industryTree) {
+            if (Strings.CS.equals(industry.getLabel(), current)) {
+                findQueue.poll();
+                if (findQueue.isEmpty()) {
+                    // 找到目标, 记录编码
+                    result[0] = industry.getValue();
+                    return;
+                }
+                // 继续查找子节点
+                if (industry.getChildren() != null) {
+                    findLeafCode(industry.getChildren(), findQueue, result);
+                }
+                return;
+            }
+        }
+    }
+
+    /**
+     * 递归查找行业分类路径
+     * @param industryTree 行业分类树
+     * @param findQueue 查找队列
+     * @param path 路径
+     * @return 是否找到
+     */
+    private static boolean findRecursive(List<IndustryDict> industryTree, Queue<String> findQueue, List<String> path, boolean nameToCode) {
+        if (CollectionUtils.isEmpty(industryTree) || findQueue.isEmpty()) {
+            return false;
+        }
+        String current = findQueue.peek();
+        for (IndustryDict industry : industryTree) {
+            boolean match = nameToCode ? Strings.CS.equals(industry.getLabel(), current)
+                    : Strings.CS.equals(industry.getValue(), current);
+            if (match) {
+                // 层级匹配, 记录编码, 弹出当前层级
+                path.add(nameToCode ? industry.getValue() : industry.getLabel());
+                findQueue.poll();
+                // 队列为空, 直接返回成功
+                if (findQueue.isEmpty()) {
+                    return true;
+                }
+            }
+            // 递归查找下一级
+            boolean childResult = findRecursive(industry.getChildren(), findQueue, path, nameToCode);
+            if (childResult) {
+                return true;
+            }
+        }
+        return false;
+    }
+
+
+    public static List<String> getValues(List<IndustryDict> tree, List<String> targetValues) {
+        List<String> result = new ArrayList<>();
+
+        for (String target : targetValues) {
+            List<String> values = getValuesForSingle(tree, target);
+            if (values != null) {
+                result.addAll(values);
+            }
+        }
+        return result;
+    }
+
+    /**
+     * 查找单个 value，并返回其所有子节点 value
+     */
+    private static List<String> getValuesForSingle(List<IndustryDict> tree, String targetValue) {
+        for (IndustryDict node : tree) {
+            if (node.getValue().equals(targetValue)) {
+                List<String> result = new ArrayList<>();
+                collectValues(node, result);
+                return result;
+            }
+
+            if (node.getChildren() != null) {
+                List<String> res = getValuesForSingle(node.getChildren(), targetValue);
+                if (res != null) return res;
+            }
+        }
+        return null;
+    }
+
+    /**
+     * 收集节点自身和所有子节点的 value
+     */
+    private static void collectValues(IndustryDict node, List<String> result) {
+        result.add(node.getValue());
+
+        if (node.getChildren() != null) {
+            for (IndustryDict child : node.getChildren()) {
+                collectValues(child, result);
+            }
+        }
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/utils/IpUtils.java b/backend/crm/src/main/java/cn/cordys/common/utils/IpUtils.java
new file mode 100644
index 0000000..bc76cf4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/utils/IpUtils.java
@@ -0,0 +1,38 @@
+package cn.cordys.common.utils;
+
+import jakarta.servlet.http.HttpServletRequest;
+
+import java.util.Arrays;
+import java.util.List;
+
+public class IpUtils {
+    private static final List<String> IP_HEADER_CANDIDATES = Arrays.asList(
+            "X-Forwarded-For",
+            "Proxy-Client-IP",
+            "WL-Proxy-Client-IP",
+            "HTTP_X_FORWARDED_FOR",
+            "HTTP_X_FORWARDED",
+            "HTTP_X_CLUSTER_CLIENT_IP",
+            "HTTP_CLIENT_IP",
+            "HTTP_FORWARDED_FOR",
+            "HTTP_FORWARDED",
+            "HTTP_VIA",
+            "REMOTE_ADDR"
+    );
+
+    private static final String UNKNOWN = "unknown";
+
+    public static String getClientIpAddress(HttpServletRequest request) {
+        return IP_HEADER_CANDIDATES.stream()
+                .map(request::getHeader)
+                .filter(ip -> ip != null && !ip.isEmpty() && !UNKNOWN.equalsIgnoreCase(ip))
+                .map(IpUtils::getFirstIp)
+                .findFirst()
+                .orElse(request.getRemoteAddr());
+    }
+
+    private static String getFirstIp(String ip) {
+        int index = ip.indexOf(',');
+        return index != -1 ? ip.substring(0, index) : ip;
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/common/utils/OpportunityFieldUtils.java b/backend/crm/src/main/java/cn/cordys/common/utils/OpportunityFieldUtils.java
new file mode 100644
index 0000000..c6e5af6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/utils/OpportunityFieldUtils.java
@@ -0,0 +1,72 @@
+package cn.cordys.common.utils;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.resolver.field.AbstractModuleFieldResolver;
+import cn.cordys.common.resolver.field.ModuleFieldResolverFactory;
+import cn.cordys.common.util.TimeUtils;
+import cn.cordys.crm.opportunity.dto.response.OpportunityListResponse;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.util.ArrayList;
+import java.util.LinkedHashMap;
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+
+public class OpportunityFieldUtils {
+
+
+    public static LinkedHashMap<String, Object> getSystemFieldMap(OpportunityListResponse data, Map<String, List<OptionDTO>> optionMap, Map<String, String> stageConfigMap, Map<String, BaseField> fieldConfigMap) {
+        LinkedHashMap<String, Object> systemFieldMap = new LinkedHashMap<>();
+        systemFieldMap.put("name", data.getName());
+        systemFieldMap.put("customerId", data.getCustomerName());
+        systemFieldMap.put("amount", data.getAmount());
+        systemFieldMap.put("expectedEndTime", TimeUtils.getDateStr(data.getExpectedEndTime()));
+        systemFieldMap.put("actualEndTime", TimeUtils.getDateStr(data.getActualEndTime()));
+        systemFieldMap.put("failureReason", data.getFailureReason());
+
+        BaseField possible = fieldConfigMap.values().stream().filter(field -> Strings.CI.equals(field.getBusinessKey(), "possible")).findFirst().orElse(null);
+        if (possible != null && data.getPossible() != null) {
+            AbstractModuleFieldResolver customFieldResolver = ModuleFieldResolverFactory.getResolver(possible.getType());
+            systemFieldMap.put("possible", customFieldResolver.transformToValue(possible, data.getPossible().stripTrailingZeros().toPlainString()));
+        }
+        systemFieldMap.put("products", getProducts(optionMap, data.getProducts()));
+        systemFieldMap.put("contactId", data.getContactName());
+        systemFieldMap.put("owner", data.getOwnerName());
+
+        systemFieldMap.put("stage", stageConfigMap.get(data.getStage()));
+        systemFieldMap.put("followerName", data.getFollowerName());
+        systemFieldMap.put("followTime", TimeUtils.getDateTimeStr(data.getFollowTime()));
+        systemFieldMap.put("reservedDays", data.getReservedDays());
+        systemFieldMap.put("departmentId", data.getDepartmentName());
+
+        systemFieldMap.put("createUser", data.getCreateUserName());
+        systemFieldMap.put("createTime", TimeUtils.getDateTimeStr(data.getCreateTime()));
+        systemFieldMap.put("updateUser", data.getUpdateUserName());
+        systemFieldMap.put("updateTime", TimeUtils.getDateTimeStr(data.getUpdateTime()));
+
+
+        return systemFieldMap;
+    }
+
+
+    private static Object getProducts(Map<String, List<OptionDTO>> optionMap, List<String> products) {
+        List<String> productNames = new ArrayList<>();
+        if (optionMap.containsKey(BusinessModuleField.OPPORTUNITY_PRODUCTS.getBusinessKey()) && CollectionUtils.isNotEmpty(products)) {
+            Map<String, String> productsMap = optionMap.get(BusinessModuleField.OPPORTUNITY_PRODUCTS.getBusinessKey()).stream().collect(Collectors.toMap(OptionDTO::getId, OptionDTO::getName));
+            products.forEach(product -> {
+                if (productsMap.containsKey(product)) {
+                    productNames.add(productsMap.get(product));
+                }
+            });
+        }
+        if (CollectionUtils.isEmpty(productNames)) {
+            return StringUtils.EMPTY;
+        }
+        return StringUtils.join(productNames, ",");
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/utils/RecycleConditionUtils.java b/backend/crm/src/main/java/cn/cordys/common/utils/RecycleConditionUtils.java
new file mode 100644
index 0000000..1bbdec0
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/utils/RecycleConditionUtils.java
@@ -0,0 +1,108 @@
+package cn.cordys.common.utils;
+
+import cn.cordys.crm.system.constants.RecycleConditionColumnKey;
+import cn.cordys.crm.system.constants.RecycleConditionOperator;
+import cn.cordys.crm.system.dto.RuleConditionDTO;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.time.Instant;
+import java.time.LocalDateTime;
+import java.time.ZoneId;
+import java.time.temporal.ChronoUnit;
+import java.util.List;
+
+/**
+ * 回收规则工具类
+ */
+public class RecycleConditionUtils {
+
+    private static final int FIX_TIME_LEN = 2;
+    private static final int DYNAMIC_TIME_LEN = 1;
+    private static final int CUSTOM_TIME_LEN = 3;
+
+    /**
+     * 计算回收天数
+     *
+     * @param conditions  回收条件
+     * @param reserveTime 回收时间
+     *
+     * @return 回收天数
+     */
+    public static Integer calcRecycleDays(List<RuleConditionDTO> conditions, Long reserveTime) {
+        List<RuleConditionDTO> reservedConditions = conditions.stream().filter(condition -> RecycleConditionColumnKey.matchReserved(condition.getColumn())).toList();
+        if (CollectionUtils.isEmpty(reservedConditions)) {
+            return null;
+        }
+        RuleConditionDTO condition = reservedConditions.getFirst();
+        if (Strings.CS.equals(condition.getOperator(), RecycleConditionOperator.FIXED.name())) {
+            return null;
+        }
+
+        //动态非自定义时间也按照区间处理
+        if (StringUtils.isNotBlank(condition.getValue()) && StringUtils.split(condition.getValue(), ",").length == DYNAMIC_TIME_LEN) {
+            return null;
+        }
+        LocalDateTime dynamicTime = condition.getDynamicTime();
+        if (dynamicTime == null) {
+            return null;
+        }
+        LocalDateTime pickedTime = Instant.ofEpochMilli(reserveTime).atZone(ZoneId.systemDefault()).toLocalDateTime();
+        long betweenDays = ChronoUnit.DAYS.between(dynamicTime, pickedTime);
+        if (!pickedTime.toLocalTime().equals(LocalDateTime.MIN.toLocalTime())) {
+            betweenDays++;
+        }
+        return betweenDays < 0 ? 0 : (int) betweenDays;
+
+    }
+
+    /**
+     * 匹配回收时间
+     *
+     * @param condition 回收条件
+     * @param matchTime 匹配时间
+     *
+     * @return 是否匹配
+     */
+    public static boolean matchTime(RuleConditionDTO condition, Long matchTime) {
+        if (matchTime == null) {
+            // 无时间匹配, 也满足回收条件
+            return true;
+        }
+        boolean match = false;
+        if (Strings.CS.equals(condition.getOperator(), RecycleConditionOperator.FIXED.name()) && StringUtils.isNotBlank(condition.getValue())) {
+            // 固定时间
+            String[] split = StringUtils.split(condition.getValue(), ",");
+            if (split.length == FIX_TIME_LEN) {
+                match = matchTime >= Long.parseLong(split[0]) && matchTime <= Long.parseLong(split[1]);
+            }
+        } else {
+            //动态非自定义时间也按照区间处理
+            String[] split = StringUtils.split(condition.getValue(), ",");
+            // 动态自定义时间
+            if (split.length == DYNAMIC_TIME_LEN) {
+                List<Long> dynamicTimeList = condition.getDynamicTimeList();
+                match = matchTime >= dynamicTimeList.get(0) && matchTime <= dynamicTimeList.get(1);
+            } else {
+                LocalDateTime dynamicTime = condition.getDynamicTime();
+                if (dynamicTime != null) {
+                    //这里区分日期前，日期后
+                    LocalDateTime pickedTime = Instant.ofEpochMilli(matchTime).atZone(ZoneId.systemDefault()).toLocalDateTime();
+                    if (split.length == FIX_TIME_LEN) {
+                        match = pickedTime.isBefore(dynamicTime);
+                    }
+                    if (split.length == CUSTOM_TIME_LEN) {
+                        String dateUnit = split[2];
+                        if (dateUnit.contains("BEFORE")) {
+                            match = pickedTime.isBefore(dynamicTime);
+                        } else {
+                            match = pickedTime.isAfter(dynamicTime);
+                        }
+                    }
+                }
+            }
+        }
+        return match;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/utils/RegionUtils.java b/backend/crm/src/main/java/cn/cordys/common/utils/RegionUtils.java
new file mode 100644
index 0000000..78070e9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/utils/RegionUtils.java
@@ -0,0 +1,201 @@
+package cn.cordys.common.utils;
+
+import cn.cordys.common.resolver.field.LocationResolver;
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.system.dto.field.LocationField;
+import cn.cordys.crm.system.dto.regioncode.RegionCode;
+import com.fasterxml.jackson.core.type.TypeReference;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.io.InputStream;
+import java.lang.ref.SoftReference;
+import java.util.LinkedList;
+import java.util.List;
+import java.util.Queue;
+
+/**
+ * @author song-cc-rock
+ */
+public class RegionUtils {
+
+    private static final String SPILT_STR = "-";
+    private static SoftReference<List<RegionCode>> regionCodeRef;
+
+    /**
+     * get all regions
+     *
+     * @return regions
+     */
+    public static List<RegionCode> getRegionCodes() {
+        List<RegionCode> regions;
+
+        if (regionCodeRef == null || (regions = regionCodeRef.get()) == null) {
+            synchronized (LocationResolver.class) {
+                if (regionCodeRef == null || (regions = regionCodeRef.get()) == null) {
+                    regions = loadRegionData();
+                    regionCodeRef = new SoftReference<>(regions);
+                }
+            }
+        }
+        return regions;
+    }
+
+    /**
+     * load region
+     *
+     * @return region list
+     */
+    private static List<RegionCode> loadRegionData() {
+        try (InputStream is = LocationResolver.class.getClassLoader()
+                .getResourceAsStream("region/region.json")) {
+            return JSON.parseObject(is, new TypeReference<>() {
+            });
+        } catch (Exception e) {
+            throw new RuntimeException("加载行政区划数据失败", e);
+        }
+    }
+
+    /**
+     * 映射地址与编码
+     *
+     * @param str        映射字符串
+     * @param nameToCode 是否名称转编码
+     * @return 映射结果
+     */
+    public static String mapping(String str, boolean nameToCode) {
+        if (StringUtils.isBlank(str)) {
+            return StringUtils.EMPTY;
+        }
+
+        Queue<String> queue = new LinkedList<>();
+        CollectionUtils.addAll(queue, str.split(SPILT_STR));
+        List<RegionCode> regionCodes = getRegionCodes();
+        StringBuilder result = new StringBuilder();
+
+        RegionCode matched = findMatch(regionCodes, queue.peek(), nameToCode);
+        // 根级别未匹配时, 递归在子树中查找
+        if (matched == null) {
+            matched = findMatchInTree(regionCodes, queue.peek(), nameToCode);
+        }
+        while (matched != null && !queue.isEmpty()) {
+            result = new StringBuilder(nameToCode ? matched.getCode() : matched.getName());
+            queue.poll();
+            matched = matched.getChildren() == null ? null : findMatch(matched.getChildren(), queue.peek(), nameToCode);
+        }
+
+        // 保留分隔符, 后续取详细地址
+        result.append(SPILT_STR);
+        queue.forEach(result::append);
+
+        return result.toString();
+    }
+
+    /**
+     * 递归在整棵树中查找匹配的区域节点
+     */
+    private static RegionCode findMatchInTree(List<RegionCode> list, String value, boolean nameToCode) {
+        if (StringUtils.isBlank(value) || CollectionUtils.isEmpty(list)) {
+            return null;
+        }
+        for (RegionCode item : list) {
+            boolean matched = nameToCode ? Strings.CS.equals(item.getName(), value)
+                    : Strings.CS.equals(item.getCode(), value);
+            if (matched) {
+                return item;
+            }
+            if (CollectionUtils.isNotEmpty(item.getChildren())) {
+                RegionCode found = findMatchInTree(item.getChildren(), value, nameToCode);
+                if (found != null) {
+                    return found;
+                }
+            }
+        }
+        return null;
+    }
+
+    /**
+     * find match region code
+     */
+    private static RegionCode findMatch(List<RegionCode> list, String value, boolean nameToCode) {
+        if (StringUtils.isBlank(value) || CollectionUtils.isEmpty(list)) {
+            return null;
+        }
+        for (RegionCode item : list) {
+            boolean matched = nameToCode ? Strings.CS.equals(item.getName(), value)
+                    : Strings.CS.equals(item.getCode(), value);
+            if (matched) {
+                return item;
+            }
+        }
+        return null;
+    }
+
+    /**
+     * code => address
+     *
+     * @param codeStr 地址编码
+     * @return address
+     */
+    public static String codeToName(String codeStr, LocationField locationField) {
+        String code = getCode(codeStr);
+        if (code == null) {
+            return null;
+        }
+        String regionName = "";
+        List<RegionCode> regionCodes = getRegionCodes();
+        if (Strings.CS.equals("CN", locationField.getScope())) {
+            RegionCode chn = regionCodes.stream().filter(regionCode -> Strings.CS.equals(regionCode.getCode(), "CHN")).findFirst().get();
+            regionName = getRegionFullName(code, chn.getChildren());
+        } else {
+            regionName = getRegionFullName(code, regionCodes);
+        }
+
+        String detail = getDetail(codeStr);
+        if (StringUtils.isNotBlank(detail)) {
+            // 补充地址详情
+            return regionName + SPILT_STR + detail;
+        }
+        return regionName;
+    }
+
+    public static String getCode(String codeStr) {
+        if (StringUtils.isBlank(codeStr)) {
+            return null;
+        }
+        String code = codeStr.split(SPILT_STR)[0];
+        return StringUtils.isBlank(code) ? null : code;
+    }
+
+    public static String getDetail(String codeStr) {
+        if (StringUtils.isBlank(codeStr)) {
+            return null;
+        }
+        String[] split = codeStr.split(SPILT_STR);
+        if (split.length > 1) {
+            return split[1];
+        }
+        return null;
+    }
+
+    private static String getRegionFullName(String code, List<RegionCode> regionCodes) {
+        if (StringUtils.isBlank(code)) {
+            return null;
+        }
+        for (RegionCode regionCode : regionCodes) {
+            if (Strings.CS.equals(regionCode.getCode(), code)) {
+                return regionCode.getName();
+            }
+
+            List<RegionCode> children = regionCode.getChildren();
+            if (CollectionUtils.isNotEmpty(children)) {
+                String regionFullName = getRegionFullName(code, children);
+                if (regionFullName != null && !Strings.CS.equals(regionFullName, code)) {
+                    return regionCode.getName() + SPILT_STR + regionFullName;
+                }
+            }
+        }
+        return code;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/common/utils/SqlInjectionChecker.java b/backend/crm/src/main/java/cn/cordys/common/utils/SqlInjectionChecker.java
new file mode 100644
index 0000000..c34a2aa
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/common/utils/SqlInjectionChecker.java
@@ -0,0 +1,52 @@
+package cn.cordys.common.utils;
+
+import org.apache.commons.lang3.StringUtils;
+
+import java.nio.charset.StandardCharsets;
+import java.util.regex.Pattern;
+
+public class SqlInjectionChecker {
+
+    private static final Pattern DANGEROUS_PATTERN = Pattern.compile(
+            "--[^\\n]*|#|/\\*!?|\\*/" +           // SQL 注释
+                    "|'|\"|\\\\|;" +                      // 危险分隔符
+                    "|\\b(?:xp_\\w+|sp_\\w+|dbms_\\w+|utl_\\w+)\\b" +  // 危险存储过程
+                    "|\\b(?:select|insert|update|delete|drop|alter|truncate|exec|execute|merge|replace|load_file|outfile|dumpfile)\\b" +
+                    "|\\b(?:union\\s+(?:all\\s+)?select|information_schema|table_name|column_name)\\b" +
+                    "|\\b(?:sleep|benchmark|pg_sleep|dbms_lock\\.sleep|dbms_pipe\\.receive_message|waitfor\\s+delay)\\b" +
+                    "|\\b(?:and|or)\\b\\s*(?:'|[0-9]|\\()",
+            Pattern.CASE_INSENSITIVE | Pattern.DOTALL
+    );
+
+    /**
+     * 检测输入字符串是否包含可疑的 SQL 注入特征。
+     *
+     * @param input 待检测的用户输入
+     *
+     * @return true 表示可能存在注入风险
+     */
+    public static boolean containsSqlInjectionRisk(String input) {
+        if (StringUtils.isEmpty(input)) {
+            return false;
+        }
+        // 归一化处理：尝试解码常见编码绕过（如双重URL编码、Unicode编码等）
+        String normalized = normalize(input);
+
+        return DANGEROUS_PATTERN.matcher(normalized).find();
+    }
+
+    // 简单归一化：解码URL编码、反引号等，防止编码绕过
+    private static String normalize(String input) {
+        try {
+            // 解码URL编码 (%27 → ', %23 → #, %2D%2D → --)
+            String decoded = java.net.URLDecoder.decode(input, StandardCharsets.UTF_8);
+            // 如果解码后与原文不同，可能进行了编码绕过，进一步递归检测
+            if (!decoded.equals(input)) {
+                return normalize(decoded);
+            }
+            return decoded;
+        } catch (Exception e) {
+            return input;
+        }
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/config/AsyncConfig.java b/backend/crm/src/main/java/cn/cordys/config/AsyncConfig.java
new file mode 100644
index 0000000..a405665
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/config/AsyncConfig.java
@@ -0,0 +1,50 @@
+package cn.cordys.config;
+
+
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.aop.interceptor.AsyncUncaughtExceptionHandler;
+import org.springframework.context.annotation.Bean;
+import org.springframework.context.annotation.Configuration;
+import org.springframework.scheduling.annotation.AsyncConfigurer;
+import org.springframework.scheduling.annotation.EnableAsync;
+import org.springframework.scheduling.concurrent.ThreadPoolTaskExecutor;
+
+import java.util.concurrent.ThreadPoolExecutor;
+
+@EnableAsync
+@Configuration
+@Slf4j
+public class AsyncConfig implements AsyncConfigurer {
+
+    // 核心线程数
+    private static final int CORE_POOL_SIZE = 20;
+    // 最大线程数
+    private static final int MAX_POOL_SIZE = 20;
+    // 空闲线程最大存活秒数
+    private static final int KEEP_ALIVE_SECONDS = 60;
+    // 关闭时最大等待秒数
+    private static final int AWAIT_TERMINATION_SECONDS = 60;
+
+    // 同时暴露默认名称，便于 @Async 自动装配
+    @Bean(name = {"threadPoolTaskExecutor", "applicationTaskExecutor"})
+    public ThreadPoolTaskExecutor taskExecutor() {
+        ThreadPoolTaskExecutor executor = new ThreadPoolTaskExecutor();
+        executor.setCorePoolSize(CORE_POOL_SIZE);
+        executor.setMaxPoolSize(MAX_POOL_SIZE);
+        executor.setKeepAliveSeconds(KEEP_ALIVE_SECONDS);
+        executor.setAllowCoreThreadTimeOut(true);
+        executor.setThreadNamePrefix("cs-async-task-");
+        executor.setRejectedExecutionHandler(new ThreadPoolExecutor.CallerRunsPolicy());
+        executor.setWaitForTasksToCompleteOnShutdown(true);
+        executor.setAwaitTerminationSeconds(AWAIT_TERMINATION_SECONDS);
+        return executor;
+    }
+
+    /**
+     * 捕获 @Async void 方法未处理的异常
+     */
+    @Override
+    public AsyncUncaughtExceptionHandler getAsyncUncaughtExceptionHandler() {
+        return (ex, method, params) -> log.error("异步任务异常: {}", method.getName() + " - " + ex.getMessage());
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/config/BundleConfig.java b/backend/crm/src/main/java/cn/cordys/config/BundleConfig.java
new file mode 100644
index 0000000..2fb6545
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/config/BundleConfig.java
@@ -0,0 +1,28 @@
+package cn.cordys.config;
+
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.context.annotation.Bean;
+import org.springframework.context.annotation.Configuration;
+import org.springframework.context.support.ResourceBundleMessageSource;
+
+import java.nio.charset.StandardCharsets;
+import java.util.Locale;
+
+@Configuration
+public class BundleConfig {
+    @Value("${spring.messages.default-locale:zh-CN}")
+    private String defaultLocale;
+    @Value("${spring.messages.basename}")
+    private String[] basements;
+
+    @Bean
+    public ResourceBundleMessageSource messageSource() {
+        ResourceBundleMessageSource messageSource = new ResourceBundleMessageSource();
+        Locale defaultLocale = Locale.forLanguageTag(this.defaultLocale);
+        // 设置消息资源文件的基名
+        messageSource.setBasenames(basements);
+        messageSource.setDefaultEncoding(StandardCharsets.UTF_8.name()); // 设置编码
+        messageSource.setDefaultLocale(defaultLocale); // 设置默认语言
+        return messageSource;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/config/MybatisConfig.java b/backend/crm/src/main/java/cn/cordys/config/MybatisConfig.java
new file mode 100644
index 0000000..efba400
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/config/MybatisConfig.java
@@ -0,0 +1,181 @@
+package cn.cordys.config;
+
+import cn.cordys.common.handler.ListTypeHandler;
+import cn.cordys.common.interceptor.UserDesensitizationInterceptor;
+import cn.cordys.mybatis.interceptor.MybatisInterceptor;
+import cn.cordys.quartz.anno.QuartzDataSource;
+import com.github.pagehelper.PageInterceptor;
+import com.zaxxer.hikari.HikariDataSource;
+import org.mybatis.spring.annotation.MapperScan;
+import org.springframework.beans.factory.annotation.Qualifier;
+import org.springframework.boot.autoconfigure.jdbc.DataSourceProperties;
+import org.springframework.boot.context.properties.ConfigurationProperties;
+import org.springframework.boot.jdbc.DataSourceBuilder;
+import org.springframework.context.annotation.Bean;
+import org.springframework.context.annotation.Configuration;
+import org.springframework.context.annotation.Primary;
+import org.springframework.transaction.annotation.EnableTransactionManagement;
+
+import javax.sql.DataSource;
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Properties;
+
+/**
+ * 配置类，用于配置 MyBatis 和数据源相关的设置。
+ * <p>
+ * 本类负责配置 MyBatis 的分页拦截器、用户信息脱敏拦截器、以及数据库源的配置，
+ * 其中包括主数据源与 Quartz 相关的数据源配置。
+ * </p>
+ *
+ * @version 1.0
+ */
+@Configuration
+@MapperScan(basePackages = {"cn.cordys.**.mapper"}, sqlSessionFactoryRef = "sqlSessionFactory")
+@EnableTransactionManagement
+public class MybatisConfig {
+
+    /**
+     * 配置 MyBatis 的分页拦截器。
+     * <p>
+     * 该方法创建并返回一个 {@link PageInterceptor} 实例，用于启用 MyBatis 分页功能。
+     * </p>
+     *
+     * @return 配置好的分页拦截器实例
+     */
+    @Bean
+    public PageInterceptor pageInterceptor() {
+        PageInterceptor pageInterceptor = new PageInterceptor();
+        Properties properties = new Properties();
+        properties.setProperty("helperDialect", "mysql");
+        properties.setProperty("rowBoundsWithCount", "true");
+        properties.setProperty("reasonable", "true");
+        properties.setProperty("offsetAsPageNum", "true");
+        properties.setProperty("pageSizeZero", "true");
+        pageInterceptor.setProperties(properties);
+        return pageInterceptor;
+    }
+
+    /**
+     * 配置 MyBatis 的自定义拦截器。
+     * <p>
+     * 该方法创建并返回一个 {@link MybatisInterceptor} 实例，将多个拦截器配置合并到一个列表中。
+     * </p>
+     *
+     * @param interceptorConfigs 配置的拦截器列表
+     *
+     * @return 配置好的自定义拦截器实例
+     */
+    @Bean
+    public MybatisInterceptor dbInterceptor(List<MybatisInterceptorConfig>[] interceptorConfigs) {
+        List<MybatisInterceptorConfig> mybatisInterceptorConfigs = new ArrayList<>();
+        for (List<MybatisInterceptorConfig> configList : interceptorConfigs) {
+            mybatisInterceptorConfigs.addAll(configList);
+        }
+        // 统一配置
+        MybatisInterceptor interceptor = new MybatisInterceptor();
+        interceptor.setInterceptorConfigList(mybatisInterceptorConfigs);
+        return interceptor;
+    }
+
+    /**
+     * 配置用户信息脱敏的拦截器。
+     * <p>
+     * 该方法创建并返回一个 {@link UserDesensitizationInterceptor} 实例，
+     * 用于对用户信息进行脱敏处理。
+     * </p>
+     *
+     * @return 配置好的用户脱敏拦截器实例
+     */
+    @Bean
+    public UserDesensitizationInterceptor userDesensitizationInterceptor() {
+        return new UserDesensitizationInterceptor();
+    }
+
+    /**
+     * 配置主数据源。
+     * <p>
+     * 该方法根据配置文件中的属性创建一个主数据源，使用 {@link HikariDataSource} 作为数据源类型。
+     * </p>
+     *
+     * @param properties 数据源的基础配置
+     *
+     * @return 配置好的主数据源实例
+     */
+    @Bean
+    @Primary
+    @ConfigurationProperties(prefix = "spring.datasource.hikari")
+    public DataSource dataSource(@Qualifier("dataSourceProperties") DataSourceProperties properties) {
+        return DataSourceBuilder.create(properties.getClassLoader()).type(HikariDataSource.class)
+                .driverClassName(properties.determineDriverClassName())
+                .url(properties.determineUrl())
+                .username(properties.determineUsername())
+                .password(properties.determinePassword())
+                .build();
+    }
+
+    /**
+     * 配置 Quartz 数据源。
+     * <p>
+     * 该方法根据配置文件中的属性创建一个 Quartz 数据源，使用 {@link HikariDataSource} 作为数据源类型。
+     * </p>
+     *
+     * @param properties Quartz 数据源的基础配置
+     *
+     * @return 配置好的 Quartz 数据源实例
+     */
+    @Bean
+    @ConfigurationProperties(prefix = "spring.datasource.quartz.hikari")
+    @QuartzDataSource
+    public DataSource quartzDataSource(@Qualifier("quartzDataSourceProperties") DataSourceProperties properties) {
+        return DataSourceBuilder.create(properties.getClassLoader()).type(HikariDataSource.class)
+                .driverClassName(properties.determineDriverClassName())
+                .url(properties.determineUrl())
+                .username(properties.determineUsername())
+                .password(properties.determinePassword())
+                .build();
+    }
+
+    /**
+     * 配置主数据源的基础属性。
+     * <p>
+     * 该方法创建并返回一个 {@link DataSourceProperties} 实例，
+     * 用于配置 Spring Boot 中的数据源属性。
+     * </p>
+     *
+     * @return 配置好的数据源属性实例
+     */
+    @Bean("dataSourceProperties")
+    @Primary
+    @ConfigurationProperties(prefix = "spring.datasource")
+    public DataSourceProperties dataSourceProperties() {
+        return new DataSourceProperties();
+    }
+
+    /**
+     * 配置 Quartz 数据源的基础属性。
+     * <p>
+     * 该方法创建并返回一个 {@link DataSourceProperties} 实例，
+     * 用于配置 Quartz 数据源的相关属性。
+     * </p>
+     *
+     * @return 配置好的 Quartz 数据源属性实例
+     */
+    @Bean("quartzDataSourceProperties")
+    @ConfigurationProperties(prefix = "spring.datasource.quartz")
+    public DataSourceProperties quartzDataSourceProperties() {
+        return new DataSourceProperties();
+    }
+
+
+    /**
+     * baseMapper 映射 tags 字段
+     *
+     * @return
+     */
+    @Bean
+    public ListTypeHandler listTypeHandler() {
+        return new ListTypeHandler();
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/config/OrganizationContextConfig.java b/backend/crm/src/main/java/cn/cordys/config/OrganizationContextConfig.java
new file mode 100644
index 0000000..a3a15a1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/config/OrganizationContextConfig.java
@@ -0,0 +1,26 @@
+package cn.cordys.config;
+
+import cn.cordys.common.context.OrganizationContextWebFilter;
+import org.springframework.boot.web.servlet.FilterRegistrationBean;
+import org.springframework.context.annotation.Bean;
+import org.springframework.context.annotation.Configuration;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-01-08  17:40
+ */
+@Configuration
+public class OrganizationContextConfig {
+
+    /**
+     * 注册 OrganizationContextWebFilter 过滤器
+     *
+     * @return
+     */
+    @Bean
+    public FilterRegistrationBean<OrganizationContextWebFilter> tenantContextWebFilter() {
+        FilterRegistrationBean<OrganizationContextWebFilter> registrationBean = new FilterRegistrationBean<>();
+        registrationBean.setFilter(new OrganizationContextWebFilter());
+        return registrationBean;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/config/RedisConfig.java b/backend/crm/src/main/java/cn/cordys/config/RedisConfig.java
new file mode 100644
index 0000000..ae8b18e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/config/RedisConfig.java
@@ -0,0 +1,129 @@
+package cn.cordys.config;
+
+import cn.cordys.common.constants.TopicConstants;
+import cn.cordys.common.redis.MessageSubscriber;
+import org.springframework.cache.annotation.EnableCaching;
+import org.springframework.context.annotation.Bean;
+import org.springframework.context.annotation.Configuration;
+import org.springframework.data.redis.cache.RedisCacheConfiguration;
+import org.springframework.data.redis.cache.RedisCacheManager;
+import org.springframework.data.redis.connection.RedisConnectionFactory;
+import org.springframework.data.redis.core.RedisTemplate;
+import org.springframework.data.redis.listener.ChannelTopic;
+import org.springframework.data.redis.listener.RedisMessageListenerContainer;
+import org.springframework.data.redis.listener.adapter.MessageListenerAdapter;
+import org.springframework.data.redis.serializer.GenericJackson2JsonRedisSerializer;
+import org.springframework.data.redis.serializer.RedisSerializationContext;
+import org.springframework.data.redis.serializer.StringRedisSerializer;
+
+import java.time.Duration;
+import java.util.ArrayList;
+import java.util.List;
+
+@Configuration
+@EnableCaching
+public class RedisConfig {
+
+    /**
+     * 配置 RedisCacheManager，提供全局的缓存配置。
+     *
+     * @param redisConnectionFactory Redis 连接工厂
+     *
+     * @return RedisCacheManager 实例
+     */
+    @Bean
+    public RedisCacheManager cacheManager(RedisConnectionFactory redisConnectionFactory) {
+        RedisCacheConfiguration config = RedisCacheConfiguration.defaultCacheConfig()
+                // 设置缓存有效时间
+                .entryTtl(Duration.ofHours(1))
+                // 设置 key 和 value 的序列化方式
+                .serializeKeysWith(RedisSerializationContext.SerializationPair.fromSerializer(new StringRedisSerializer()))
+                .serializeValuesWith(RedisSerializationContext.SerializationPair.fromSerializer(new GenericJackson2JsonRedisSerializer()))
+                // 禁止缓存 null 值
+                .disableCachingNullValues();
+
+        return RedisCacheManager.builder(redisConnectionFactory)
+                .cacheDefaults(config)
+                .build();
+    }
+
+    /**
+     * 配置 RedisTemplate，提供更灵活的 Redis 操作方式。
+     *
+     * @param redisConnectionFactory Redis 连接工厂
+     *
+     * @return RedisTemplate 实例
+     */
+    @Bean
+    public RedisTemplate<String, Object> redisTemplate(RedisConnectionFactory redisConnectionFactory) {
+        RedisTemplate<String, Object> template = new RedisTemplate<>();
+        template.setConnectionFactory(redisConnectionFactory);
+
+        // 使用 String 序列化器序列化 key
+        template.setKeySerializer(new StringRedisSerializer());
+        template.setHashKeySerializer(new StringRedisSerializer());
+
+        // 使用 JSON 序列化器序列化 value
+        template.setValueSerializer(new GenericJackson2JsonRedisSerializer());
+        template.setHashValueSerializer(new GenericJackson2JsonRedisSerializer());
+
+        template.afterPropertiesSet();
+        return template;
+    }
+
+    /**
+     * 配置所有 Redis 频道主题集合
+     * 用于统一管理订阅和发布的主题
+     *
+     * @return List<ChannelTopic> Redis主题集合
+     */
+    @Bean
+    public List<ChannelTopic> channelTopics() {
+        List<ChannelTopic> topics = new ArrayList<>();
+        // 添加所有需要的主题到集合中
+        TopicConstants.ALL_TOPICS.forEach(topicName -> topics.add(new ChannelTopic(topicName)));
+        return topics;
+    }
+
+    /**
+     * 配置Redis消息监听容器
+     * 支持并发消息处理和自动重连
+     *
+     * @param factory         Redis连接工厂
+     * @param listenerAdapter 消息监听适配器
+     * @param channelTopics   Redis主题集合
+     *
+     * @return Redis消息监听容器
+     */
+    @Bean
+    public RedisMessageListenerContainer redisContainer(
+            RedisConnectionFactory factory,
+            MessageListenerAdapter listenerAdapter,
+            List<ChannelTopic> channelTopics) {
+        RedisMessageListenerContainer container = new RedisMessageListenerContainer();
+        container.setConnectionFactory(factory);
+
+        // 动态添加所有主题的监听器
+        for (ChannelTopic topic : channelTopics) {
+            container.addMessageListener(listenerAdapter, topic);
+        }
+
+        return container;
+    }
+
+    /**
+     * 配置消息监听适配器
+     *
+     * @param subscriber 消息订阅处理器
+     *
+     * @return 消息监听适配器
+     */
+    @Bean
+    public MessageListenerAdapter listenerAdapter(MessageSubscriber subscriber) {
+        MessageListenerAdapter adapter = new MessageListenerAdapter(subscriber, "onMessage");
+        // 使用JSON序列化器处理消息
+        adapter.setSerializer(new GenericJackson2JsonRedisSerializer());
+        return adapter;
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/config/ScheduleConfig.java b/backend/crm/src/main/java/cn/cordys/config/ScheduleConfig.java
new file mode 100644
index 0000000..cb33cd3
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/config/ScheduleConfig.java
@@ -0,0 +1,50 @@
+package cn.cordys.config;
+
+import cn.cordys.QuartzFilter;
+import cn.cordys.common.schedule.ScheduleManager;
+import cn.cordys.common.schedule.ScheduleService;
+import org.springframework.boot.autoconfigure.condition.ConditionalOnProperty;
+import org.springframework.boot.web.servlet.FilterRegistrationBean;
+import org.springframework.context.annotation.Bean;
+import org.springframework.context.annotation.Configuration;
+import org.springframework.scheduling.annotation.EnableScheduling;
+
+/**
+ * 定时任务调度配置类。
+ * 配置 Quartz 调度器和定时任务管理服务，启用条件为配置文件中 quartz.enabled 属性为 true。
+ */
+@Configuration
+@EnableScheduling
+public class ScheduleConfig {
+
+    /**
+     * 配置 ScheduleManager Bean。
+     * 只有在 quartz.enabled 配置为 true 时，ScheduleManager 才会被加载到容器中。
+     *
+     * @return ScheduleManager 实例
+     */
+    @Bean
+    @ConditionalOnProperty(prefix = "quartz", value = "enabled", havingValue = "true")
+    public ScheduleManager scheduleManager() {
+        return new ScheduleManager();
+    }
+
+    /**
+     * 配置 ScheduleService Bean。
+     * 只有在 quartz.enabled 配置为 true 时，ScheduleService 才会被加载到容器中。
+     *
+     * @return ScheduleService 实例
+     */
+    @Bean
+    @ConditionalOnProperty(prefix = "quartz", value = "enabled", havingValue = "true")
+    public ScheduleService scheduleService() {
+        return new ScheduleService();
+    }
+
+    @Bean
+    public FilterRegistrationBean<QuartzFilter> quartzMvcConfigFilterRegistrationBean() {
+        FilterRegistrationBean<QuartzFilter> registrationBean = new FilterRegistrationBean<>();
+        registrationBean.setFilter(new QuartzFilter());
+        return registrationBean;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/config/SessionConfig.java b/backend/crm/src/main/java/cn/cordys/config/SessionConfig.java
new file mode 100644
index 0000000..eab21ac
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/config/SessionConfig.java
@@ -0,0 +1,30 @@
+package cn.cordys.config;
+
+import cn.cordys.security.SessionConstants;
+import org.springframework.context.annotation.Bean;
+import org.springframework.context.annotation.Configuration;
+import org.springframework.session.web.http.HeaderHttpSessionIdResolver;
+
+/**
+ * 配置类，用于管理与会话相关的配置和清理操作。
+ * <p>
+ * 本类主要用于配置会话的 ID 解析器，并通过定时任务清理没有绑定用户的会话。
+ * </p>
+ *
+ * @version 1.0
+ */
+@Configuration
+public class SessionConfig {
+    /**
+     * 创建 {@link HeaderHttpSessionIdResolver} Bean。
+     * <p>
+     * 该方法配置了会话 ID 的解析方式，使用请求头中的 {@link SessionConstants#HEADER_TOKEN} 字段作为会话 ID。
+     * </p>
+     *
+     * @return 配置好的 {@link HeaderHttpSessionIdResolver} 实例
+     */
+    @Bean
+    public HeaderHttpSessionIdResolver sessionIdResolver() {
+        return new HeaderHttpSessionIdResolver(SessionConstants.HEADER_TOKEN);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/config/ShiroConfig.java b/backend/crm/src/main/java/cn/cordys/config/ShiroConfig.java
new file mode 100644
index 0000000..56dff66
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/config/ShiroConfig.java
@@ -0,0 +1,229 @@
+package cn.cordys.config;
+
+import cn.cordys.common.security.ApiKeyFilter;
+import cn.cordys.common.security.AuthFilter;
+import cn.cordys.common.security.CsrfFilter;
+import cn.cordys.common.security.realm.LocalRealm;
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.security.ShiroFilter;
+import jakarta.servlet.Filter;
+import org.apache.shiro.aop.AnnotationResolver;
+import org.apache.shiro.authz.aop.*;
+import org.apache.shiro.cache.CacheManager;
+import org.apache.shiro.cache.MemoryConstrainedCacheManager;
+import org.apache.shiro.realm.Realm;
+import org.apache.shiro.session.mgt.SessionManager;
+import org.apache.shiro.spring.LifecycleBeanPostProcessor;
+import org.apache.shiro.spring.aop.SpringAnnotationResolver;
+import org.apache.shiro.spring.security.interceptor.AopAllianceAnnotationsAuthorizingMethodInterceptor;
+import org.apache.shiro.spring.security.interceptor.AuthorizationAttributeSourceAdvisor;
+import org.apache.shiro.spring.web.ShiroFilterFactoryBean;
+import org.apache.shiro.web.mgt.DefaultWebSecurityManager;
+import org.apache.shiro.web.session.mgt.ServletContainerSessionManager;
+import org.springframework.aop.framework.autoproxy.DefaultAdvisorAutoProxyCreator;
+import org.springframework.boot.web.servlet.FilterRegistrationBean;
+import org.springframework.context.annotation.Bean;
+import org.springframework.context.annotation.Configuration;
+import org.springframework.context.annotation.DependsOn;
+import org.springframework.web.filter.DelegatingFilterProxy;
+
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Map;
+
+import static jakarta.servlet.DispatcherType.ASYNC;
+
+/**
+ * Shiro 配置类，用于配置 Shiro 的安全管理器、会话管理器、过滤器等。
+ * <p>
+ * 本类负责配置 Shiro 相关的 Bean，包括会话管理、缓存管理、安全过滤器链等。
+ * 它还定义了授权和认证的处理逻辑，以及注解支持。
+ * </p>
+ *
+ * @version 1.0
+ */
+@Configuration
+public class ShiroConfig {
+
+    /**
+     * 配置 Shiro 的过滤器工厂。
+     * <p>
+     * 设置登录页、未授权页面、过滤器链等配置。还配置了 API Key 和 CSRF 防护的过滤器。
+     * </p>
+     *
+     * @param sessionManager 默认的 Web 安全管理器
+     *
+     * @return 配置好的 {@link ShiroFilterFactoryBean} 实例
+     */
+    @Bean
+    public ShiroFilterFactoryBean shiroFilterFactoryBean(final DefaultWebSecurityManager sessionManager) {
+        final var bean = new ShiroFilterFactoryBean();
+        bean.setLoginUrl("/");
+        bean.setSecurityManager(sessionManager);
+        bean.setUnauthorizedUrl("/403");
+        bean.setSuccessUrl("/");
+
+        final Map<String, String> chain = bean.getFilterChainDefinitionMap();
+        final Map<String, Filter> filters = bean.getFilters();
+
+        filters.put("apikey", new ApiKeyFilter());
+        filters.put("csrf", new CsrfFilter());
+        filters.put("authc", new AuthFilter());
+
+        chain.putAll(ShiroFilter.loadBaseFilterChain());
+        chain.putAll(ShiroFilter.ignoreCsrfFilter());
+
+        // 配置自定义的过滤器链
+        configureXFilter(chain, filters);
+
+        return bean;
+    }
+
+    private void configureXFilter(Map<String, String> chain, Map<String, Filter> filters) {
+        String pattern = "apikey, csrf, authc";
+        final Filter preApiKey = CommonBeanFactory.getFilter();
+        if (preApiKey != null) {
+            filters.put("preApikey", preApiKey);
+            pattern = "preApikey, " + pattern;
+        }
+        chain.put("/**", pattern);
+    }
+
+
+    /**
+     * 配置 Shiro 的缓存管理器，使用内存缓存管理。
+     *
+     * @return 配置好的 {@link MemoryConstrainedCacheManager} 实例
+     */
+    @Bean
+    public MemoryConstrainedCacheManager memoryConstrainedCacheManager() {
+        return new MemoryConstrainedCacheManager();
+    }
+
+    /**
+     * 配置 Shiro 的会话管理器。
+     * <p>
+     * 使用 {@link ServletContainerSessionManager} 来管理 Web 会话。
+     * </p>
+     *
+     * @return 配置好的 {@link SessionManager} 实例
+     */
+    @Bean
+    public SessionManager sessionManager() {
+        return new ServletContainerSessionManager();
+    }
+
+    /**
+     * 配置 Shiro 的安全管理器。
+     * <p>
+     * 在安全管理器中设置会话管理器、缓存管理器和自定义的 Realm。
+     * </p>
+     *
+     * @param sessionManager 会话管理器
+     * @param cacheManager   缓存管理器
+     * @param localRealm     自定义 Realm 实例
+     *
+     * @return 配置好的 {@link DefaultWebSecurityManager} 实例
+     */
+    @Bean(name = "securityManager")
+    public DefaultWebSecurityManager securityManager(SessionManager sessionManager, CacheManager cacheManager, Realm localRealm) {
+        DefaultWebSecurityManager defaultManager = new DefaultWebSecurityManager();
+        defaultManager.setSessionManager(sessionManager);
+        defaultManager.setCacheManager(cacheManager);
+        defaultManager.setRealm(localRealm);
+        return defaultManager;
+    }
+
+    /**
+     * 配置 Shiro 的自定义 Realm，用于认证和授权逻辑。
+     * <p>
+     * 自定义的 {@link LocalRealm} 实现了 Shiro 的 Realm 接口，用于处理用户的认证和授权。
+     * </p>
+     *
+     * @return 配置好的 {@link LocalRealm} 实例
+     */
+    @Bean
+    @DependsOn("lifecycleBeanPostProcessor")
+    public LocalRealm localRealm() {
+        return new LocalRealm();
+    }
+
+    /**
+     * 配置 Shiro 的生命周期 Bean 后处理器，用于管理 Shiro 的生命周期。
+     *
+     * @return 配置好的 {@link LifecycleBeanPostProcessor} 实例
+     */
+    @Bean(name = "lifecycleBeanPostProcessor")
+    public LifecycleBeanPostProcessor lifecycleBeanPostProcessor() {
+        return new LifecycleBeanPostProcessor();
+    }
+
+    /**
+     * 配置 Shiro 的默认代理自动创建器，用于支持方法级的注解授权。
+     *
+     * @return 配置好的 {@link DefaultAdvisorAutoProxyCreator} 实例
+     */
+    @Bean
+    @DependsOn({"lifecycleBeanPostProcessor"})
+    public DefaultAdvisorAutoProxyCreator getDefaultAdvisorAutoProxyCreator() {
+        DefaultAdvisorAutoProxyCreator daap = new DefaultAdvisorAutoProxyCreator();
+        daap.setProxyTargetClass(true);
+        return daap;
+    }
+
+    /**
+     * 配置 Shiro 的授权注解支持。
+     * <p>
+     * 使用 {@link AuthorizationAttributeSourceAdvisor} 和 {@link AopAllianceAnnotationsAuthorizingMethodInterceptor}
+     * 配置 Shiro 的角色和认证注解。
+     * </p>
+     *
+     * @param sessionManager 默认的 Web 安全管理器
+     *
+     * @return 配置好的 {@link AuthorizationAttributeSourceAdvisor} 实例
+     */
+    @Bean
+    public AuthorizationAttributeSourceAdvisor getAuthorizationAttributeSourceAdvisor(DefaultWebSecurityManager sessionManager) {
+        AuthorizationAttributeSourceAdvisor aasa = new AuthorizationAttributeSourceAdvisor();
+        aasa.setSecurityManager(sessionManager);
+
+        // 配置注解拦截器
+        AopAllianceAnnotationsAuthorizingMethodInterceptor advice = new AopAllianceAnnotationsAuthorizingMethodInterceptor();
+        List<AuthorizingAnnotationMethodInterceptor> interceptors = new ArrayList<>(5);
+
+        AnnotationResolver resolver = new SpringAnnotationResolver();
+        interceptors.add(new RoleAnnotationMethodInterceptor(resolver));
+        interceptors.add(new AuthenticatedAnnotationMethodInterceptor(resolver));
+        interceptors.add(new UserAnnotationMethodInterceptor(resolver));
+        interceptors.add(new GuestAnnotationMethodInterceptor(resolver));
+        interceptors.add(new PermissionAnnotationMethodInterceptor(resolver));
+
+        advice.setMethodInterceptors(interceptors);
+        aasa.setAdvice(advice);
+
+        return aasa;
+    }
+
+    /**
+     * 配置 Shiro 的过滤器注册 Bean。
+     * <p>
+     * 使用 {@link DelegatingFilterProxy} 将 Shiro 过滤器集成到 Spring Boot 的过滤器链中。
+     * </p>
+     *
+     * @return
+     */
+    @Bean
+    public FilterRegistrationBean<DelegatingFilterProxy> filterRegistrationBean() {
+        // TODO 不知道会不会有问题，先验证一下
+        DelegatingFilterProxy proxy = new DelegatingFilterProxy();
+        proxy.setTargetBeanName("shiroFilterFactoryBean");
+        proxy.setTargetFilterLifecycle(true);
+
+        FilterRegistrationBean<DelegatingFilterProxy> registration = new FilterRegistrationBean<>();
+        registration.setFilter(proxy);
+        registration.setAsyncSupported(true);
+        registration.setDispatcherTypes(ASYNC);
+        return registration;
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/annotation/HitApproval.java b/backend/crm/src/main/java/cn/cordys/crm/approval/annotation/HitApproval.java
new file mode 100644
index 0000000..535b3f1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/annotation/HitApproval.java
@@ -0,0 +1,53 @@
+package cn.cordys.crm.approval.annotation;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.crm.approval.constants.ExecuteTimingEnum;
+import org.apache.logging.log4j.util.Strings;
+
+import java.lang.annotation.ElementType;
+import java.lang.annotation.Retention;
+import java.lang.annotation.RetentionPolicy;
+import java.lang.annotation.Target;
+
+/**
+ * 作用范围: 可配置审批流的业务模块执行方法上 (比如合同模块可配置审批流, 审批流执行时机支持创建, 编辑, 则在对应创建, 编辑业务方法上添加对应注解和参数即可)
+ */
+@Target(ElementType.METHOD)
+@Retention(RetentionPolicy.RUNTIME)
+public @interface HitApproval {
+
+	/**
+	 * 业务表单类型
+	 */
+	FormKey formKey();
+
+	/**
+	 * 执行时机
+	 */
+	ExecuteTimingEnum executeType();
+
+	/**
+	 * 资源ID表达式 (支持SpEL表达式，从返回值或者方法参数中获取资源ID)
+	 */
+	String resourceId() default "";
+
+	/**
+	 * TODO: 是否触发自动提审
+	 */
+	boolean autoSubmit() default false;
+
+	/**
+	 * 更新类型 (支持SpEL表达式，从返回值或者方法参数中获取资源ID) normal-正常更新  approval-评审更新
+	 */
+	String updateType() default "normal";
+
+	/**
+	 * 操作人 (审批流触发的用户ID)
+	 */
+	String operatorId();
+
+	/**
+	 * 变更说明
+	 */
+	String comment() default Strings.EMPTY;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/aspect/HitApprovalAspect.java b/backend/crm/src/main/java/cn/cordys/crm/approval/aspect/HitApprovalAspect.java
new file mode 100644
index 0000000..cff17f8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/aspect/HitApprovalAspect.java
@@ -0,0 +1,328 @@
+package cn.cordys.crm.approval.aspect;
+
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.dto.JsonDifferenceDTO;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.approval.annotation.HitApproval;
+import cn.cordys.crm.approval.constants.ApprovalStatus;
+import cn.cordys.crm.approval.constants.ExecuteTimingEnum;
+import cn.cordys.crm.approval.domain.ApprovalFlow;
+import cn.cordys.crm.approval.dto.ApprovalPushParam;
+import cn.cordys.crm.approval.service.ApprovalFlowService;
+import cn.cordys.crm.approval.service.ApprovalResourceService;
+import cn.cordys.crm.system.service.SysOperationLogService;
+import cn.cordys.security.SessionUtils;
+import jakarta.annotation.Resource;
+import lombok.RequiredArgsConstructor;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.aspectj.lang.ProceedingJoinPoint;
+import org.aspectj.lang.annotation.Around;
+import org.aspectj.lang.annotation.Aspect;
+import org.aspectj.lang.annotation.Pointcut;
+import org.aspectj.lang.reflect.MethodSignature;
+import org.springframework.core.Ordered;
+import org.springframework.core.StandardReflectionParameterNameDiscoverer;
+import org.springframework.core.annotation.Order;
+import org.springframework.expression.EvaluationContext;
+import org.springframework.expression.Expression;
+import org.springframework.expression.ExpressionParser;
+import org.springframework.expression.spel.standard.SpelExpressionParser;
+import org.springframework.expression.spel.support.StandardEvaluationContext;
+import org.springframework.stereotype.Component;
+
+import java.lang.reflect.Method;
+import java.util.List;
+import java.util.stream.Collectors;
+
+/**
+ *  切面后置操作: 当命中表单配置的审批流和执行时机时
+ */
+@Aspect
+@Component
+@Slf4j
+@RequiredArgsConstructor
+@Order(Ordered.HIGHEST_PRECEDENCE + 5)
+public class HitApprovalAspect {
+
+	private final ExpressionParser parser = new SpelExpressionParser();
+	private final StandardReflectionParameterNameDiscoverer discoverer = new StandardReflectionParameterNameDiscoverer();
+
+	/**
+	 * 跳过审批检查的标记，用于审批通过后调用实际删除逻辑时避免再次触发审批
+	 */
+	private static final ThreadLocal<Boolean> SKIP_APPROVAL = new ThreadLocal<>();
+
+	@Resource
+	private ApprovalFlowService approvalFlowService;
+	@Resource
+	private ApprovalResourceService approvalResourceService;
+	@Resource
+	private SysOperationLogService sysOperationLogService;
+
+
+	@Pointcut("@annotation(cn.cordys.crm.approval.annotation.HitApproval)")
+	public void pointcut() {
+	}
+
+	@Around(value = "pointcut()")
+	public Object handleHitApproval(ProceedingJoinPoint joinPoint) throws Throwable {
+		MethodSignature signature = (MethodSignature) joinPoint.getSignature();
+		Method method = signature.getMethod();
+		HitApproval annotation = method.getAnnotation(HitApproval.class);
+
+		if (annotation == null || Boolean.TRUE.equals(SKIP_APPROVAL.get())) {
+			return joinPoint.proceed();
+		}
+
+		// DELETE 时机：先检查是否命中审批流，命中则不执行删除逻辑
+		if (annotation.executeType() == ExecuteTimingEnum.DELETE) {
+			return handleDeleteApproval(joinPoint, annotation, method);
+		}
+
+		// CREATE/UPDATE 时机：先执行方法，再检查审批
+		Object retValue = joinPoint.proceed();
+
+		try {
+			String resourceId = resolveResourceId(method, joinPoint.getArgs(), annotation.resourceId(), retValue, annotation.executeType());
+			String updateType = resolveResourceId(method, joinPoint.getArgs(), annotation.updateType(), retValue, annotation.executeType());
+			String operator = resolveParamFromArgs(method, joinPoint.getArgs(), annotation.operatorId());
+			String comment = resolveParamFromArgs(method, joinPoint.getArgs(), annotation.comment());
+			if (StringUtils.isBlank(operator)) {
+				operator = SessionUtils.getUserId();
+			}
+			if (StringUtils.isBlank(resourceId)) {
+				return retValue;
+			}
+
+			if (Strings.CI.equals(updateType, "approval")) {
+				return retValue;
+			}
+
+			// 获取组织ID
+			String organizationId = OrganizationContext.getOrganizationId();
+			if (StringUtils.isBlank(organizationId)) {
+				return retValue;
+			}
+
+			// 检查是否命中审批流
+			boolean hit = checkHitApprovalFlow(annotation.formKey(), annotation.executeType(), organizationId);
+
+			if (hit) {
+				boolean isCreateExecuteTime = annotation.executeType() == ExecuteTimingEnum.CREATE;
+				if (annotation.executeType() == ExecuteTimingEnum.UPDATE) {
+					// UPDATE 时机：检查资源是否历史上审批通过过，如果没有审批通过过则视为CREATE时机
+					isCreateExecuteTime = !approvalResourceService.isResourceApproved(annotation.formKey(), resourceId);
+				}
+
+				if (isCreateExecuteTime) {
+					approvalResourceService.updateResourceApprovalStatus(annotation.formKey(), resourceId, ApprovalStatus.PENDING.name(), operator, OrganizationContext.getOrganizationId());
+				} else {
+					// 命中审批流，直接提审（跳过待提审状态）
+					String updateFields = resolveUpdateFields();
+					ApprovalPushParam pushParam = ApprovalPushParam.builder()
+							.orgId(organizationId)
+							.userId(operator)
+							.resourceId(resourceId)
+							.formKey(annotation.formKey().getKey())
+							.executeTimingEnum(ExecuteTimingEnum.UPDATE)
+							.updateFields(updateFields)
+							.comment(comment)
+							.build();
+					approvalResourceService.push(pushParam);
+				}
+			}
+		} catch (Exception e) {
+			log.error("审批流执行时机匹配失败，error:{}", e.getMessage(), e);
+		}
+
+		return retValue;
+	}
+
+	/**
+	 * 处理删除时机的审批逻辑：先检查审批，命中则不执行删除，未命中则正常删除
+	 */
+	private Object handleDeleteApproval(ProceedingJoinPoint joinPoint, HitApproval annotation, Method method) throws Throwable {
+		// 从参数中解析资源ID（DELETE时资源ID从参数获取）
+		String resourceId = resolveParamFromArgs(method, joinPoint.getArgs(), annotation.resourceId());
+		String operator = resolveParamFromArgs(method, joinPoint.getArgs(), annotation.operatorId());
+
+		if (StringUtils.isBlank(resourceId)) {
+			return joinPoint.proceed();
+		}
+
+		if (StringUtils.isBlank(operator)) {
+			operator = SessionUtils.getUserId();
+		}
+
+		// 获取组织ID
+		String organizationId = OrganizationContext.getOrganizationId();
+		if (StringUtils.isBlank(organizationId)) {
+			return joinPoint.proceed();
+		}
+
+		// 检查是否命中审批流
+		boolean hit = checkHitApprovalFlow(annotation.formKey(), annotation.executeType(), organizationId);
+
+		if (!hit) {
+			// 未命中审批流，直接执行删除
+			return joinPoint.proceed();
+		}
+
+		ApprovalPushParam pushParam = ApprovalPushParam.builder()
+				.orgId(organizationId)
+				.userId(operator)
+				.resourceId(resourceId)
+				.formKey(annotation.formKey().getKey())
+				.executeTimingEnum(ExecuteTimingEnum.DELETE)
+				.comment(Translator.getWithArgs("approval.delete.resource", approvalResourceService.getFormKeyDisplayName(annotation.formKey()),
+						approvalResourceService.getInstanceResourceName(annotation.formKey(), resourceId)))
+				.build();
+		approvalResourceService.push(pushParam);
+		return null;
+	}
+
+	/**
+	 * 解析修改的字段列表
+	 */
+	private String resolveUpdateFields() {
+		try {
+			LogContextInfo logContext = OperationLogContext.getContext();
+			Object originalValue = logContext.getOriginalValue();
+			Object modifiedValue = logContext.getModifiedValue();
+			if (originalValue != null && modifiedValue != null) {
+				List<JsonDifferenceDTO> jsonDifferences = sysOperationLogService.getJsonDifferences(JSON.toJSONString(originalValue), JSON.toJSONString(modifiedValue));
+				List<String> fieldIds = jsonDifferences.stream()
+						.map(JsonDifferenceDTO::getColumn)
+						.map(col -> {
+							if (col.contains("-")) {
+								String[] split = col.split("-");
+								return split[split.length - 1];
+							}
+							return col;
+						})
+						.collect(Collectors.toList());
+				return JSON.toJSONString(fieldIds);
+			}
+		} catch (Exception e) {
+			log.error("解析修改字段列表失败，error:{}", e.getMessage(), e);
+		}
+		return null;
+	}
+
+	/**
+	 * 解析资源ID
+	 * <p>
+	 * 新增时从返回值获取，编辑时从参数获取
+	 *
+	 * @param method      方法
+	 * @param args        方法参数
+	 * @param expression  资源ID表达式
+	 * @param retValue    方法返回值
+	 * @param executeType 执行时机
+	 * @return 资源ID
+	 */
+	private String resolveResourceId(Method method, Object[] args, String expression, Object retValue, ExecuteTimingEnum executeType) {
+		if (executeType == ExecuteTimingEnum.CREATE) {
+			// 新增从返回结果中获取资源ID
+			return extractIdFromResult(retValue);
+		}
+
+		// 编辑从参数中解析
+		return resolveParamFromArgs(method, args, expression);
+	}
+
+	/**
+	 * 从返回值中提取ID
+	 */
+	private String extractIdFromResult(Object retValue) {
+		if (retValue == null) {
+			return null;
+		}
+		// 如果返回值是字符串，直接返回
+		if (retValue instanceof String) {
+			return (String) retValue;
+		}
+		try {
+			Method method = retValue.getClass().getMethod("getId");
+			Object id = method.invoke(retValue);
+			return id != null ? id.toString() : null;
+		} catch (Exception e) {
+			return null;
+		}
+	}
+
+	/**
+	 * 从方法参数中解析资源ID（支持SpEL表达式）
+	 */
+	private String resolveParamFromArgs(Method method, Object[] args, String expression) {
+		String[] params = discoverer.getParameterNames(method);
+		if (params == null || args == null) {
+			return null;
+		}
+
+		EvaluationContext context = new StandardEvaluationContext();
+		for (int i = 0; i < params.length; i++) {
+			context.setVariable(params[i], args[i]);
+		}
+
+		try {
+			Expression exp = parser.parseExpression(expression);
+			Object value = exp.getValue(context, Object.class);
+			if (value == null) {
+				return null;
+			}
+			return value instanceof List ? ((List<?>) value).getFirst().toString() : value.toString();
+		} catch (Exception e) {
+			return null;
+		}
+	}
+
+	/**
+	 * 检查是否命中审批流
+	 *
+	 * @param formKey         表单类型
+	 * @param executeTiming   执行时机
+	 * @param organizationId  组织ID
+	 * @return 是否命中审批流
+	 */
+	private boolean checkHitApprovalFlow(FormKey formKey, ExecuteTimingEnum executeTiming, String organizationId) {
+		try {
+			// 查询当前组织表单审批流配置
+			ApprovalFlow flow = approvalFlowService.getEnabledFlow(formKey.getKey(), organizationId);
+
+			if (flow == null) {
+				return false;
+			}
+
+			// 判断是否匹配执行时机
+			return switch (executeTiming) {
+				case CREATE -> Boolean.TRUE.equals(flow.getCreateExecute());
+				case UPDATE -> Boolean.TRUE.equals(flow.getUpdateExecute());
+				case DELETE -> Boolean.TRUE.equals(flow.getDeleteExecute());
+			};
+		} catch (Exception e) {
+			return false;
+		}
+	}
+
+	/**
+	 * 在跳过审批检查的情况下执行删除操作
+	 * 用于DELETE审批通过后，执行实际的删除逻辑
+	 *
+	 * @param deleteAction 删除操作
+	 */
+	public static void executeDeleteSkipApproval(Runnable deleteAction) {
+		SKIP_APPROVAL.set(true);
+		try {
+			deleteAction.run();
+		} finally {
+			SKIP_APPROVAL.remove();
+		}
+	}
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApprovalAction.java b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApprovalAction.java
new file mode 100644
index 0000000..4e4b0aa
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApprovalAction.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.approval.constants;
+
+public enum ApprovalAction {
+
+	/** 同意 **/
+	APPROVE,
+	/** 驳回 **/
+	REJECT,
+	/** 加签 **/
+	SIGN,
+	/** 退回 **/
+	BACK,
+	/** 撤回 **/
+	REVOKE
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApprovalAddSignType.java b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApprovalAddSignType.java
new file mode 100644
index 0000000..27c6c8e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApprovalAddSignType.java
@@ -0,0 +1,9 @@
+package cn.cordys.crm.approval.constants;
+
+public enum ApprovalAddSignType {
+
+	/** 在我之前 **/
+	BEFORE,
+	/** 在我之后 **/
+	AFTER
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApprovalFormTypeEnum.java b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApprovalFormTypeEnum.java
new file mode 100644
index 0000000..ff4dd9b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApprovalFormTypeEnum.java
@@ -0,0 +1,49 @@
+package cn.cordys.crm.approval.constants;
+
+import cn.cordys.common.constants.ValueEnum;
+
+/**
+ * 表单类型枚举
+ */
+public enum ApprovalFormTypeEnum implements ValueEnum<String> {
+
+    /** 报价 */
+    QUOTATION("QTE-APV", "OPPORTUNITY_MANAGEMENT_QUOTATION", "quotation"),
+    /** 合同 */
+    CONTRACT("CTR-APV", "CONTRACT", "contract"),
+    /** 发票 */
+    INVOICE("INV-APV", "CONTRACT_INVOICE", "invoice"),
+    /** 订单 */
+    ORDER("ORD-APV", "ORDER", "order");
+
+    private final String prefix;
+    private final String permissionId;
+    private final String value;
+
+    ApprovalFormTypeEnum(String prefix, String permissionId, String value) {
+        this.prefix = prefix;
+        this.permissionId = permissionId;
+        this.value = value;
+    }
+
+    public String getPrefix() {
+        return prefix;
+    }
+
+    public String getPermissionId() {
+        return permissionId;
+    }
+
+    public static ApprovalFormTypeEnum getByValue(String value) {
+        for (ApprovalFormTypeEnum type : values()) {
+            if (type.value.equals(value)) {
+                return type;
+            }
+        }
+        return null;
+    }
+
+    public String getValue() {
+        return value;
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApprovalNodeTypeEnum.java b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApprovalNodeTypeEnum.java
new file mode 100644
index 0000000..d63cdfc
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApprovalNodeTypeEnum.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.approval.constants;
+
+/**
+ * 审批节点类型枚举
+ */
+public enum ApprovalNodeTypeEnum {
+
+    /** 开始节点 */
+    START,
+    /** 审批人节点 */
+    APPROVER,
+    /** 触发条件节点 */
+    CONDITION,
+    /** 默认节点，条件不满足时的节点 */
+    DEFAULT,
+    /** 结束节点 */
+    END,
+	/** 异常节点 */
+	EXCEPTION;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApprovalState.java b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApprovalState.java
new file mode 100644
index 0000000..e75dd4a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApprovalState.java
@@ -0,0 +1,57 @@
+package cn.cordys.crm.approval.constants;
+
+import cn.cordys.common.util.Translator;
+import lombok.Getter;
+
+import static cn.cordys.crm.opportunity.constants.OpportunityStageType.AFOOT;
+import static cn.cordys.crm.opportunity.constants.OpportunityStageType.END;
+
+@Getter
+public enum ApprovalState {
+
+    /**
+     * 通过
+     */
+    APPROVED("APPROVED", Translator.get("log.approvalStatus.VOIDED"), END.toString()),
+
+    /**
+     * 不通过
+     */
+    UNAPPROVED("UNAPPROVED", Translator.get("log.approvalStatus.UNAPPROVED"), END.toString()),
+
+    /**
+     * 提审
+     */
+    APPROVING("APPROVING", Translator.get("log.approvalStatus.APPROVING"), AFOOT.toString()),
+
+    /**
+     * 待审批
+     */
+    PENDING("PENDING", Translator.get("log.approvalStatus.PENDING"), AFOOT.toString()),
+
+    /**
+     * 撤销
+     */
+    REVOKED("REVOKED", Translator.get("log.approvalStatus.REVOKED"), AFOOT.toString());
+
+    /**
+     * 固定审批节点 ID
+     */
+    private final String id;
+    /**
+     * 审批节点名称
+     */
+    private final String name;
+
+    /**
+     * 审批节点类型
+     */
+    private final String type;
+
+    ApprovalState(String id, String name, String type) {
+        this.id = id;
+        this.name = name;
+        this.type = type;
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApprovalStatus.java b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApprovalStatus.java
new file mode 100644
index 0000000..d9c02f9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApprovalStatus.java
@@ -0,0 +1,26 @@
+package cn.cordys.crm.approval.constants;
+
+/**
+ * 统一的审批状态
+ */
+public enum ApprovalStatus {
+
+	/** 无 **/
+	NONE,
+	/** 待提审, 待审批 */
+	PENDING,
+	/** 审批中 */
+	APPROVING,
+	/** 已通过 */
+	APPROVED,
+	/** 已驳回 */
+	UNAPPROVED,
+	/** 已撤销 */
+	REVOKED,
+
+	// 扩展项
+	/** 自动通过 */
+	AUTO_APPROVED,
+	/** 自动拒绝 */
+	AUTO_UNAPPROVED
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApprovalTaskType.java b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApprovalTaskType.java
new file mode 100644
index 0000000..bc4baa6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApprovalTaskType.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.approval.constants;
+
+public enum ApprovalTaskType {
+
+	/** 抄送任务 **/
+	CC,
+	/** 加签任务 **/
+	SN,
+	/** 退回任务 **/
+	BK,
+	/** 普通任务 **/
+	NL
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApprovalTypeEnum.java b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApprovalTypeEnum.java
new file mode 100644
index 0000000..560f424
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApprovalTypeEnum.java
@@ -0,0 +1,14 @@
+package cn.cordys.crm.approval.constants;
+
+/**
+ * 审批类型枚举
+ */
+public enum ApprovalTypeEnum {
+
+    /** 人工审批 */
+    MANUAL,
+    /** 自动通过 */
+    AUTO_PASS,
+    /** 自动拒绝 */
+    AUTO_REJECT
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApproverDirectionEnum.java b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApproverDirectionEnum.java
new file mode 100644
index 0000000..ae06e37
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApproverDirectionEnum.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.approval.constants;
+
+/**
+ * 审批人方向枚举（上级/部门负责人）
+ */
+public enum ApproverDirectionEnum {
+
+    /** 从下往上：从提交人所在层级往上逐级查找 */
+    BOTTOM_UP,
+    /** 从上往下：从最高层级往下逐级查找到提交人所在层级 */
+    TOP_DOWN
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApproverLevelEnum.java b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApproverLevelEnum.java
new file mode 100644
index 0000000..79463db
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApproverLevelEnum.java
@@ -0,0 +1,28 @@
+package cn.cordys.crm.approval.constants;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2026-05-09  17:04
+ */
+public enum ApproverLevelEnum {
+    FIRST_LEVEL("1"),
+    SECOND_LEVEL("2"),
+    THIRD_LEVEL("3"),
+    FOURTH_LEVEL("4"),
+    FIFTH_LEVEL("5"),
+    SIXTH_LEVEL("6"),
+    SEVENTH_LEVEL("7"),
+    EIGHTH_LEVEL("8"),
+    NINTH_LEVEL("9"),
+    TENTH_LEVEL("10");
+
+    private final String value;
+
+    ApproverLevelEnum(String value) {
+        this.value = value;
+    }
+
+    public String getValue() {
+        return value;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApproverTypeEnum.java b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApproverTypeEnum.java
new file mode 100644
index 0000000..69744ee
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ApproverTypeEnum.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.approval.constants;
+
+/**
+ * 审批人类型枚举
+ */
+public enum ApproverTypeEnum {
+
+    /** 指定成员 */
+    MEMBER,
+    /** 指定上级 */
+    SUPERIOR,
+    /** 多级上级 */
+    MULTIPLE_SUPERIOR,
+    /** 部门负责人 */
+    DEPT_HEAD,
+    /** 多级部门负责人 */
+    MULTIPLE_DEPT_HEAD,
+    /** 指定角色 */
+    ROLE
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/constants/DuplicateApproverRuleEnum.java b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/DuplicateApproverRuleEnum.java
new file mode 100644
index 0000000..cc31a43
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/DuplicateApproverRuleEnum.java
@@ -0,0 +1,14 @@
+package cn.cordys.crm.approval.constants;
+
+/**
+ * 重复审批人规则枚举
+ */
+public enum DuplicateApproverRuleEnum {
+
+    /** 仅首个节点需审批，后续自动同意 */
+    FIRST_ONLY,
+    /** 仅连续审批时自动同意 */
+    SEQUENTIAL_ALL,
+    /** 每个节点都需要审批 */
+    EACH
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/constants/EmptyApproverActionEnum.java b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/EmptyApproverActionEnum.java
new file mode 100644
index 0000000..c8aca40
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/EmptyApproverActionEnum.java
@@ -0,0 +1,14 @@
+package cn.cordys.crm.approval.constants;
+
+/**
+ * 审批人为空时动作枚举
+ */
+public enum EmptyApproverActionEnum {
+
+    /** 自动通过 */
+    AUTO_PASS,
+    /** 指定人员审批 */
+    ASSIGN_SPECIFIC,
+    /** 交给审批管理员 */
+    ASSIGN_ADMIN
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ExecuteTimingEnum.java b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ExecuteTimingEnum.java
new file mode 100644
index 0000000..a32f6ff
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/ExecuteTimingEnum.java
@@ -0,0 +1,14 @@
+package cn.cordys.crm.approval.constants;
+
+/**
+ * 执行时机枚举
+ */
+public enum ExecuteTimingEnum {
+
+    /** 创建 */
+    CREATE,
+    /** 编辑 */
+    UPDATE,
+    /** 删除 */
+    DELETE
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/constants/FieldPermissionTypeEnum.java b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/FieldPermissionTypeEnum.java
new file mode 100644
index 0000000..bd5a3a9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/FieldPermissionTypeEnum.java
@@ -0,0 +1,14 @@
+package cn.cordys.crm.approval.constants;
+
+/**
+ * 字段权限类型枚举
+ */
+public enum FieldPermissionTypeEnum {
+
+    /** 隐藏 */
+    HIDDEN,
+    /** 查看 */
+    VIEW,
+    /** 编辑 */
+    EDIT
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/constants/MultiApproverModeEnum.java b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/MultiApproverModeEnum.java
new file mode 100644
index 0000000..dcc4d9c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/MultiApproverModeEnum.java
@@ -0,0 +1,14 @@
+package cn.cordys.crm.approval.constants;
+
+/**
+ * 多人审批方式枚举
+ */
+public enum MultiApproverModeEnum {
+
+    /** 会签（需所有审批人同意） */
+    ALL,
+    /** 或签（仅需一名审批人同意） */
+    ANY,
+    /** 依次审批 */
+    SEQUENTIAL
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/constants/SameSubmitterActionEnum.java b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/SameSubmitterActionEnum.java
new file mode 100644
index 0000000..9976bc7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/constants/SameSubmitterActionEnum.java
@@ -0,0 +1,14 @@
+package cn.cordys.crm.approval.constants;
+
+/**
+ * 审批人与提交人相同时动作枚举
+ */
+public enum SameSubmitterActionEnum {
+
+    /** 自动跳过 */
+    SKIP,
+    /** 由提交人审批 */
+    ALLOW,
+    /** 交给直属上级审批 */
+    ASSIGN_SUPERIOR
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/controller/ApprovalActionController.java b/backend/crm/src/main/java/cn/cordys/crm/approval/controller/ApprovalActionController.java
new file mode 100644
index 0000000..1bf342a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/controller/ApprovalActionController.java
@@ -0,0 +1,65 @@
+package cn.cordys.crm.approval.controller;
+
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.approval.dto.request.*;
+import cn.cordys.crm.approval.service.ApprovalActionService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestBody;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RestController;
+
+@Tag(name = "审批操作")
+@RestController
+@RequestMapping("/approval-action")
+public class ApprovalActionController {
+
+    @Resource
+    private ApprovalActionService approvalActionService;
+
+    @PostMapping("/sign")
+    @Operation(summary = "加签")
+    public void add(@Validated @RequestBody ApprovalAddSignRequest request) {
+		approvalActionService.sign(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/back")
+    @Operation(summary = "退回")
+    public void back(@Validated @RequestBody ApprovalReturnBackRequest request) {
+		approvalActionService.back(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+	@PostMapping("/revoke")
+	@Operation(summary = "撤回")
+	public void revoke(@Validated @RequestBody ApprovalRevokeRequest request) {
+		approvalActionService.revoke(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+	}
+
+	@PostMapping("/approve")
+	@Operation(summary = "同意")
+	public void approve(@Validated @RequestBody ApprovalActionRequest request) {
+		approvalActionService.approve(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+	}
+
+    @PostMapping("/reject")
+    @Operation(summary = "驳回")
+    public void reject(@Validated @RequestBody ApprovalActionRequest request) {
+		approvalActionService.reject(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+	@PostMapping("/batch-approve")
+	@Operation(summary = "批量同意")
+	public void batchApprove(@Validated @RequestBody ApprovalActionBatchRequest request) {
+		approvalActionService.batchApprove(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+	}
+
+    @PostMapping("/batch-reject")
+    @Operation(summary = "批量驳回")
+    public void batchReject(@Validated @RequestBody ApprovalActionBatchRequest request) {
+        approvalActionService.batchReject(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/controller/ApprovalFlowController.java b/backend/crm/src/main/java/cn/cordys/crm/approval/controller/ApprovalFlowController.java
new file mode 100644
index 0000000..80b44fb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/controller/ApprovalFlowController.java
@@ -0,0 +1,98 @@
+package cn.cordys.crm.approval.controller;
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.approval.dto.WebHookConfig;
+import cn.cordys.crm.approval.dto.request.ApprovalFlowAddRequest;
+import cn.cordys.crm.approval.dto.request.ApprovalFlowPageRequest;
+import cn.cordys.crm.approval.dto.request.ApprovalFlowUpdateRequest;
+import cn.cordys.crm.approval.dto.response.ApprovalFlowByFormTypeResponse;
+import cn.cordys.crm.approval.dto.response.ApprovalFlowDetailResponse;
+import cn.cordys.crm.approval.dto.response.ApprovalFlowListResponse;
+import cn.cordys.crm.approval.dto.response.StatusPermissionSettingResponse;
+import cn.cordys.crm.approval.service.ApprovalFlowService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+/**
+ *  @author jianxing ai
+ */
+@Tag(name = "审批流设置")
+@RestController
+@RequestMapping("/approval-flow")
+public class ApprovalFlowController {
+
+    @Resource
+    private ApprovalFlowService approvalFlowService;
+
+    @PostMapping("/page")
+    @RequiresPermissions(PermissionConstants.PROCESS_SETTING_READ)
+    @Operation(summary = "审批流列表")
+    public Pager<List<ApprovalFlowListResponse>> list(@Validated @RequestBody ApprovalFlowPageRequest request) {
+        ConditionFilterUtils.parseCondition(request);
+        return approvalFlowService.list(request, OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/add")
+    @RequiresPermissions(PermissionConstants.PROCESS_SETTING_ADD)
+    @Operation(summary = "新建审批流")
+    public ApprovalFlowDetailResponse add(@Validated @RequestBody ApprovalFlowAddRequest request) {
+        return approvalFlowService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/update")
+    @RequiresPermissions(PermissionConstants.PROCESS_SETTING_UPDATE)
+    @Operation(summary = "更新审批流")
+    public ApprovalFlowDetailResponse update(@Validated @RequestBody ApprovalFlowUpdateRequest request) {
+        return approvalFlowService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/delete/{id}")
+    @RequiresPermissions(PermissionConstants.PROCESS_SETTING_DELETE)
+    @Operation(summary = "删除审批流")
+    public void delete(@PathVariable("id") String id) {
+        approvalFlowService.delete(id, OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/get/{id}")
+    @RequiresPermissions(PermissionConstants.PROCESS_SETTING_READ)
+    @Operation(summary = "获取审批流详情")
+    public ApprovalFlowDetailResponse get(@PathVariable("id") String id) {
+        return approvalFlowService.getDetail(id, OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/enable/{id}")
+    @RequiresPermissions(PermissionConstants.PROCESS_SETTING_UPDATE)
+    @Operation(summary = "启用/禁用审批流")
+    public void updateEnable(@PathVariable("id") String id, @RequestParam("enable") Boolean enable) {
+        approvalFlowService.updateEnable(id, enable, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/status-permission/setting/{formType}")
+    @Operation(summary = "根据表单类型获取审批流状态权限配置")
+    public StatusPermissionSettingResponse getStatusPermissionSetting(@PathVariable("formType") String formType) {
+        return approvalFlowService.getStatusPermissionsByFormType(formType, OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/get-by-form-type/{formType}")
+    @Operation(summary = "根据表单类型获取审批流信息")
+    public ApprovalFlowByFormTypeResponse getByFormType(@PathVariable("formType") String formType) {
+        return approvalFlowService.getByFormType(formType, OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/webhook/test")
+    @Operation(summary = "webhook-测试连接")
+    public void verifyEmailConnection(@Validated @RequestBody WebHookConfig webHookConfig) {
+        approvalFlowService.testConnection(webHookConfig);
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/controller/ApprovalResourceController.java b/backend/crm/src/main/java/cn/cordys/crm/approval/controller/ApprovalResourceController.java
new file mode 100644
index 0000000..b1bc1a2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/controller/ApprovalResourceController.java
@@ -0,0 +1,60 @@
+package cn.cordys.crm.approval.controller;
+
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.approval.constants.ExecuteTimingEnum;
+import cn.cordys.crm.approval.dto.ApprovalInstanceDetail;
+import cn.cordys.crm.approval.dto.ApprovalPushParam;
+import cn.cordys.crm.approval.dto.ApprovalResourceBaseParam;
+import cn.cordys.crm.approval.dto.response.ResourceApprovalResponse;
+import cn.cordys.crm.approval.service.ApprovalInstanceService;
+import cn.cordys.crm.approval.service.ApprovalResourceService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.springframework.web.bind.annotation.*;
+
+/**
+ * 资源审批相关
+ */
+@RestController
+@RequestMapping("/approval-resource")
+@Tag(name = "审批资源")
+public class ApprovalResourceController {
+
+    @Resource
+    private ApprovalResourceService approvalResourceService;
+	@Resource
+	private ApprovalInstanceService approvalInstanceService;
+
+	@PostMapping("/push")
+	@Operation(summary = "提审")
+	public void push(@RequestBody ApprovalResourceBaseParam param) {
+		ApprovalPushParam approvalPushParam = ApprovalPushParam.builder()
+				.orgId(OrganizationContext.getOrganizationId())
+				.userId(SessionUtils.getUserId())
+				.resourceId(param.getResourceId())
+				.formKey(param.getFormKey())
+				.executeTimingEnum(ExecuteTimingEnum.CREATE)
+				.build();
+		approvalResourceService.push(approvalPushParam);
+	}
+
+	@PostMapping("/revoke")
+	@Operation(summary = "撤销")
+	public void revoke(@RequestBody ApprovalResourceBaseParam param) {
+		approvalResourceService.revoke(param, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+	}
+
+    @GetMapping("/simple-detail/{resourceId}")
+    @Operation(summary = "列表详情")
+    public ResourceApprovalResponse resourceDetail(@PathVariable String resourceId) {
+        return approvalResourceService.resourceDetail(resourceId);
+    }
+
+	@GetMapping("/detail/{resourceId}")
+	@Operation(summary = "记录详情")
+	public ApprovalInstanceDetail getRecordDetail(@PathVariable String resourceId) {
+		return approvalInstanceService.getLatestApprovalInstanceDetail(resourceId, OrganizationContext.getOrganizationId());
+	}
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/controller/ApprovalTodoController.java b/backend/crm/src/main/java/cn/cordys/crm/approval/controller/ApprovalTodoController.java
new file mode 100644
index 0000000..ef648bd
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/controller/ApprovalTodoController.java
@@ -0,0 +1,54 @@
+package cn.cordys.crm.approval.controller;
+
+import cn.cordys.common.pager.Pager;
+import cn.cordys.crm.approval.dto.request.ApprovalTodoPageRequest;
+import cn.cordys.crm.approval.dto.response.ApprovalTodoCountResponse;
+import cn.cordys.crm.approval.dto.response.ApprovalTodoItemResponse;
+import cn.cordys.crm.approval.service.ApprovalTodoService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@RestController
+@RequestMapping("/approval-todo")
+@Tag(name = "审核代办")
+public class ApprovalTodoController {
+
+    @Resource
+    private ApprovalTodoService approvalTodoService;
+
+    @PostMapping("/pending/page")
+    @Operation(summary = "审核代办-当前用户待审核资源分页", description = "返回值：Pager<List<ApprovalTodoItemResponse>>")
+    public Pager<List<ApprovalTodoItemResponse>> todo(@Validated @RequestBody ApprovalTodoPageRequest request) {
+        return approvalTodoService.getTodoPage(request, SessionUtils.getUserId());
+    }
+
+    @PostMapping("/processed/page")
+    @Operation(summary = "审核代办-当前用户已处理审批分页", description = "返回值：Pager<List<ApprovalTodoItemResponse>>")
+    public Pager<List<ApprovalTodoItemResponse>> processedPage(@Validated @RequestBody ApprovalTodoPageRequest request) {
+        return approvalTodoService.getProcessedPage(request, SessionUtils.getUserId());
+    }
+
+    @PostMapping("/initiated/page")
+    @Operation(summary = "审核代办-我发起的审批分页", description = "返回值：Pager<List<ApprovalTodoItemResponse>>")
+    public Pager<List<ApprovalTodoItemResponse>> initiatedPage(@Validated @RequestBody ApprovalTodoPageRequest request) {
+        return approvalTodoService.getInitiatedPage(request, SessionUtils.getUserId());
+    }
+
+    @PostMapping("/cc/page")
+    @Operation(summary = "审核代办-抄送我的审批分页", description = "返回值：Pager<List<ApprovalTodoItemResponse>>")
+    public Pager<List<ApprovalTodoItemResponse>> ccPage(@Validated @RequestBody ApprovalTodoPageRequest request) {
+        return approvalTodoService.getCcPage(request, SessionUtils.getUserId());
+    }
+
+    @GetMapping("/pending/count")
+    @Operation(summary = "审核代办-待我审批统计")
+    public ApprovalTodoCountResponse pendingCount() {
+        return approvalTodoService.getPendingCount(SessionUtils.getUserId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalAddSignTask.java b/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalAddSignTask.java
new file mode 100644
index 0000000..fb65b3b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalAddSignTask.java
@@ -0,0 +1,34 @@
+package cn.cordys.crm.approval.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+/**
+ * 加签任务
+ */
+@Data
+@Table(name = "approval_add_sign_task")
+public class ApprovalAddSignTask {
+
+	@Schema(description = "ID", requiredMode = Schema.RequiredMode.REQUIRED)
+	private String id;
+
+	@Schema(description = "加签任务ID")
+	private String taskId;
+
+	@Schema(description = "加签的节点ID")
+	private String signTaskId;
+
+	@Schema(description = "加签方式")
+	private String type;
+
+	@Schema(description = "根任务ID(同一加签链的根节点)")
+	private String rootTaskId;
+
+	@Schema(description = "顺序")
+	private Long sort;
+
+	@Schema(description = "加签意见")
+	private String comment;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalFlow.java b/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalFlow.java
new file mode 100644
index 0000000..e0ce993
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalFlow.java
@@ -0,0 +1,67 @@
+package cn.cordys.crm.approval.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+@Data
+@EqualsAndHashCode(callSuper = true)
+@Table(name = "approval_flow")
+public class ApprovalFlow extends BaseModel {
+
+    @Schema(description = "当前版本ID")
+    private String currentVersionId;
+
+    @Schema(description = "流程编码")
+    private String number;
+
+    @Schema(description = "流程名称")
+    private String name;
+
+    @Schema(description = "表单类型：quotation/contract/invoice/order")
+    private String formType;
+
+    @Schema(description = "新建时执行")
+    private Boolean createExecute;
+
+    @Schema(description = "编辑时执行")
+    private Boolean updateExecute;
+
+    @Schema(description = "删除时执行")
+    private Boolean deleteExecute;
+
+    @Schema(description = "允许提交人撤销")
+    private Boolean submitterCanRevoke;
+
+    @Schema(description = "允许批量处理")
+    private Boolean allowBatchProcess;
+
+    @Schema(description = "允许撤回")
+    private Boolean allowWithdraw;
+
+    @Schema(description = "允许加签")
+    private Boolean allowAddSign;
+
+    @Schema(description = "重复审批人规则：FIRST_ONLY/SEQUENTIAL_ALL/EACH")
+    private String duplicateApproverRule;
+
+    @Schema(description = "是否必须填写审批意见")
+    private Boolean requireComment;
+
+    @Schema(description = "启用状态")
+    private Boolean enable;
+
+    @Schema(description = "是否删除")
+    private Boolean deleted;
+
+    @Schema(description = "流程描述")
+    private String description;
+
+    @Schema(description = "状态权限配置（JSON格式）")
+    private String statusPermissions;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalFlowVersion.java b/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalFlowVersion.java
new file mode 100644
index 0000000..8bcb256
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalFlowVersion.java
@@ -0,0 +1,31 @@
+package cn.cordys.crm.approval.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+import java.io.Serial;
+import java.io.Serializable;
+
+@Data
+@Table(name = "approval_flow_version")
+public class ApprovalFlowVersion implements Serializable {
+
+    @Serial
+    private static final long serialVersionUID = 1L;
+
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "审批流ID")
+    private String flowId;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+
+    @Schema(description = "创建人")
+    private String createUser;
+
+    @Schema(description = "创建时间")
+    private Long createTime;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalInstance.java b/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalInstance.java
new file mode 100644
index 0000000..9f2e340
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalInstance.java
@@ -0,0 +1,49 @@
+package cn.cordys.crm.approval.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+/**
+ * 审批实例
+ */
+@Data
+@EqualsAndHashCode(callSuper = true)
+@Table(name = "approval_instance")
+public class ApprovalInstance extends BaseModel {
+
+    @Schema(description = "审批流版本ID")
+    private String flowVersionId;
+
+    @Schema(description = "表单类型 quote（报价表单）、contract（合同表单）、invoice（发票表单）")
+    private String type;
+
+    @Schema(description = "审批的数据ID")
+    private String resourceId;
+
+    @Schema(description = "提交人ID")
+    private String submitterId;
+
+    @Schema(description = "当前节点ID")
+    private String currentNodeId;
+
+    @Schema(description = "审批状态")
+    private String approvalStatus;
+
+    @Schema(description = "执行时机：CREATE/UPDATE/DELETE")
+    private String executeTime;
+
+    @Schema(description = "提审时间")
+    private Long submitTime;
+
+	@Schema(description = "审批完成时间")
+	private Long approvalTime;
+
+    @Schema(description = "变更说明")
+    private String comment;
+
+    @Schema(description = "编辑时修改的字段列表")
+    private String updateFields;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalInstanceAttachment.java b/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalInstanceAttachment.java
new file mode 100644
index 0000000..f4077b8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalInstanceAttachment.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.approval.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "approval_instance_attachment")
+public class ApprovalInstanceAttachment {
+
+    @Schema(description = "ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+
+    @Schema(description = "审批实例ID")
+    private String instanceId;
+
+    @Schema(description = "审批节点ID")
+    private String elementId;
+
+    @Schema(description = "附件ID")
+    private String attachmentId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalNode.java b/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalNode.java
new file mode 100644
index 0000000..ee295e7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalNode.java
@@ -0,0 +1,31 @@
+package cn.cordys.crm.approval.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "approval_node")
+public class ApprovalNode {
+
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "审批流版本ID")
+    private String flowVersionId;
+
+    @Schema(description = "节点编码")
+    private String number;
+
+    @Schema(description = "节点名称")
+    private String name;
+
+    @Schema(description = "节点类型：START/APPROVER/CONDITION/DEFAULT/END")
+    private String nodeType;
+
+    @Schema(description = "排序序号")
+    private Integer sort;
+
+    @Schema(description = "执行时机：CREATE/UPDATE/DELETE")
+    private String executeTime;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalNodeApprover.java b/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalNodeApprover.java
new file mode 100644
index 0000000..dd6ecca
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalNodeApprover.java
@@ -0,0 +1,63 @@
+package cn.cordys.crm.approval.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+@Table(name = "approval_node_approver")
+public class ApprovalNodeApprover {
+
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "审批流版本ID")
+    private String flowVersionId;
+
+    @NotBlank
+    @Schema(description = "审批类型：MANUAL/AUTO_PASS/AUTO_REJECT")
+    private String approvalType;
+
+    @NotBlank
+    @Schema(description = "多人审批方式：ALL/ANY/SEQUENTIAL")
+    private String multiApproverMode;
+
+    @NotBlank
+    @Schema(description = "审批人为空时动作")
+    private String emptyApproverAction;
+
+    @Schema(description = "审批人为空时，兜底审批人")
+    private String fallbackApprover;
+
+    @NotBlank
+    @Schema(description = "审批人与提交人相同时动作")
+    private String sameSubmitterAction;
+
+    @Schema(description = "审批人类型：MEMBER/SUPERIOR/MULTIPLE_SUPERIOR/DEPT_HEAD/MULTIPLE_DEPT_HEAD/ROLE")
+    private String approverType;
+
+    @Schema(description = "审批人方向：BOTTOM_UP(从下往上)/TOP_DOWN(从上往下)，适用于SUPERIOR/MULTIPLE_SUPERIOR/DEPT_HEAD/MULTIPLE_DEPT_HEAD")
+    private String approverDirection;
+
+    @Schema(description = "审批人列表（JSON数组）")
+    private String approverList;
+
+    @Schema(description = "抄送人类型：MEMBER/SUPERIOR/MULTIPLE_SUPERIOR/DEPT_HEAD/MULTIPLE_DEPT_HEAD/ROLE")
+    private String ccType;
+
+    @Schema(description = "抄送人方向：BOTTOM_UP(从下往上)/TOP_DOWN(从上往下)，适用于SUPERIOR/MULTIPLE_SUPERIOR/DEPT_HEAD/MULTIPLE_DEPT_HEAD")
+    private String ccDirection;
+
+    @Schema(description = "抄送人列表（JSON数组）")
+    private String ccList;
+
+    @Schema(description = "审批通过后配置（JSON格式）")
+    private String passPostConfig;
+
+    @Schema(description = "审批驳回后配置（JSON格式）")
+    private String rejectPostConfig;
+
+    @Schema(description = "字段权限配置（JSON格式）")
+    private String fieldPermissions;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalNodeCondition.java b/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalNodeCondition.java
new file mode 100644
index 0000000..0113263
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalNodeCondition.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.approval.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "approval_node_condition")
+public class ApprovalNodeCondition {
+
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "审批流版本ID")
+    private String flowVersionId;
+
+    @Schema(description = "条件配置JSON格式")
+    private String conditionConfig;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalNodeLink.java b/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalNodeLink.java
new file mode 100644
index 0000000..c3ea910
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalNodeLink.java
@@ -0,0 +1,25 @@
+package cn.cordys.crm.approval.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "approval_node_link")
+public class ApprovalNodeLink {
+
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "审批流版本ID")
+    private String flowVersionId;
+
+    @Schema(description = "源节点ID")
+    private String fromNodeId;
+
+    @Schema(description = "目标节点ID")
+    private String toNodeId;
+
+    @Schema(description = "分支评估顺序")
+    private Integer sort;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalRecord.java b/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalRecord.java
new file mode 100644
index 0000000..8af32fe
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalRecord.java
@@ -0,0 +1,32 @@
+package cn.cordys.crm.approval.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+/**
+ * 审批记录
+ */
+@Data
+@Table(name = "approval_record")
+public class ApprovalRecord extends BaseModel {
+
+	@Schema(description = "审批实例ID")
+	private String instanceId;
+
+	@Schema(description = "任务ID")
+	private String taskId;
+
+	@Schema(description = "节点轮次")
+	private Integer nodeRound;
+
+	@Schema(description = "节点ID")
+	private String nodeId;
+
+	@Schema(description = "审批结果")
+	private String result;
+
+	@Schema(description = "审批意见")
+	private String comment;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalReturnBackRecord.java b/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalReturnBackRecord.java
new file mode 100644
index 0000000..bcb69f5
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalReturnBackRecord.java
@@ -0,0 +1,31 @@
+package cn.cordys.crm.approval.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+/**
+ * 审批退回记录
+ */
+@Data
+@Table(name = "approval_return_back_record")
+public class ApprovalReturnBackRecord {
+
+	@Schema(description = "ID", requiredMode = Schema.RequiredMode.REQUIRED)
+	private String id;
+
+	@Schema(description = "实例ID")
+	private String instanceId;
+
+	@Schema(description = "当前任务ID")
+	private String taskId;
+
+	@Schema(description = "退回至节点ID")
+	private String returnToNodeId;
+
+	@Schema(description = "退回原因")
+	private String returnReason;
+
+	@Schema(description = "退回操作人")
+	private String returnUserId;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalTask.java b/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalTask.java
new file mode 100644
index 0000000..f6bd990
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/domain/ApprovalTask.java
@@ -0,0 +1,35 @@
+package cn.cordys.crm.approval.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+/**
+ * 审批任务
+ */
+@Data
+@Table(name = "approval_task")
+public class ApprovalTask extends BaseModel {
+
+	@Schema(description = "节点ID")
+	private String nodeId;
+
+	@Schema(description = "节点轮次")
+	private Integer nodeRound;
+
+	@Schema(description = "审批实例ID")
+	private String instanceId;
+
+	@Schema(description = "审批人ID")
+	private String approverId;
+
+	@Schema(description = "任务状态")
+	private String status;
+
+	@Schema(description = "任务类型")
+	private String type;
+
+	@Schema(description = "执行操作")
+	private String action;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/AddSignSortInfo.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/AddSignSortInfo.java
new file mode 100644
index 0000000..8e5dc3e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/AddSignSortInfo.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.approval.dto;
+
+import lombok.AllArgsConstructor;
+import lombok.Builder;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+@Data
+@Builder
+@NoArgsConstructor
+@AllArgsConstructor
+public class AddSignSortInfo {
+
+	/** 根任务ID（同一加签链的根节点） */
+	private String rootTaskId;
+
+	/** 排序（越小越靠前） */
+	private Long sort;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ApprovalCcNode.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ApprovalCcNode.java
new file mode 100644
index 0000000..13fefc3
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ApprovalCcNode.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.approval.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+@Data
+@NoArgsConstructor
+@AllArgsConstructor
+public class ApprovalCcNode {
+
+	@Schema(description = "抄送人ID")
+	private String ccUserId;
+	@Schema(description = "抄送人名称")
+	private String ccUserName;
+	@Schema(description = "抄送人头像")
+	private String ccUserAvatar;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ApprovalExecuteParam.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ApprovalExecuteParam.java
new file mode 100644
index 0000000..f1ba998
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ApprovalExecuteParam.java
@@ -0,0 +1,34 @@
+package cn.cordys.crm.approval.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.AllArgsConstructor;
+import lombok.Builder;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import java.util.List;
+
+/**
+ * 审批执行参数
+ * @author song-cc-rock
+ */
+@Data
+@Builder
+@NoArgsConstructor
+@AllArgsConstructor
+public class ApprovalExecuteParam {
+
+	@NotBlank
+	@Schema(description = "当前审批执行任务ID")
+	private String currentTaskId;
+
+	@Schema(description = "审批动作", allowableValues = {"APPROVE", "REJECT", "SIGN", "BACK"})
+	private String action;
+
+	@Schema(description = "审批意见")
+	private String comment;
+
+	@Schema(description = "审批意见的附件集合")
+	private List<String> attachmentIds;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ApprovalInstanceDetail.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ApprovalInstanceDetail.java
new file mode 100644
index 0000000..b4cc31f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ApprovalInstanceDetail.java
@@ -0,0 +1,43 @@
+package cn.cordys.crm.approval.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class ApprovalInstanceDetail {
+
+	@Schema(description = "审批实例ID")
+	private String id;
+
+	@Schema(description = "提交人ID")
+	private String submitterId;
+
+	@Schema(description = "提交人头像")
+	private String submitAvatar;
+
+	@Schema(description = "提交人")
+	private String submitter;
+
+	@Schema(description = "提交时间")
+	private Long submitTime;
+
+	@Schema(description = "变更说明")
+	private String comment;
+
+	@Schema(description = "审批状态")
+	private String approvalStatus;
+
+	@Schema(description = "当前节点ID")
+	private String currentNodeId;
+
+	@Schema(description = "执行时机：CREATE/UPDATE/DELETE")
+	private String executeTime;
+
+	@Schema(description = "审批节点")
+	private List<ApprovalRecordNode> nodes;
+
+	@Schema(description = "当前节点字段权限")
+	private String currentNodeFieldPermissions;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ApprovalPostConfigDTO.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ApprovalPostConfigDTO.java
new file mode 100644
index 0000000..79665af
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ApprovalPostConfigDTO.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.approval.dto;
+
+import cn.cordys.common.dto.EnableFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+/**
+ * 审批通过后配置
+ */
+@Data
+public class ApprovalPostConfigDTO {
+
+    @Schema(description = "字段更新配置列表")
+    private List<EnableFieldValue> fieldUpdateConfigs;
+
+    @Schema(description = "webhook配置")
+    private WebHookConfig webHookConfig;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ApprovalPushParam.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ApprovalPushParam.java
new file mode 100644
index 0000000..9a9ce23
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ApprovalPushParam.java
@@ -0,0 +1,21 @@
+package cn.cordys.crm.approval.dto;
+
+import cn.cordys.crm.approval.constants.ExecuteTimingEnum;
+import lombok.AllArgsConstructor;
+import lombok.Builder;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+@Data
+@Builder
+@NoArgsConstructor
+@AllArgsConstructor
+public class ApprovalPushParam extends ApprovalResourceBaseParam{
+	private String resourceId;
+	private String formKey;
+	private String comment;
+	private String orgId;
+	private String userId;
+	private ExecuteTimingEnum executeTimingEnum;
+	private String updateFields;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ApprovalRecordNode.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ApprovalRecordNode.java
new file mode 100644
index 0000000..de48a39
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ApprovalRecordNode.java
@@ -0,0 +1,54 @@
+package cn.cordys.crm.approval.dto;
+
+import cn.cordys.crm.approval.constants.MultiApproverModeEnum;
+import cn.cordys.crm.system.domain.Attachment;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.AllArgsConstructor;
+import lombok.Builder;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import java.util.List;
+
+@Data
+@Builder
+@NoArgsConstructor
+@AllArgsConstructor
+public class ApprovalRecordNode {
+
+	@Schema(description = "节点ID")
+	private String nodeId;
+
+	@Schema(description = "节点名称")
+	private String nodeName;
+
+	@Schema(description = "节点轮次")
+	private Integer nodeRound;
+
+	@Schema(description = "序号")
+	private Integer sort;
+
+	@Schema(description = "审批状态")
+	private String approvalStatus;
+
+	@Schema(description = "审批任务")
+	private List<ApprovalTaskNode> taskNodes;
+
+	@Schema(description = "多人审批方式", allowableValues = {"ALL: 会签", "ANY: 或签", "SEQUENTIAL: 依次审批"})
+	private MultiApproverModeEnum multiApproverMode;
+
+	@Schema(description = "是否结束节点")
+	private boolean endNode;
+
+	@Schema(description = "是否退回节点")
+	private boolean backNode;
+
+	@Schema(description = "退回原因")
+	private String backReason;
+
+	@Schema(description = "退回附件")
+	private List<Attachment> backAttachments;
+
+	@Schema(description = "抄送的节点集合")
+	private List<ApprovalCcNode> ccNodes;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ApprovalResourceBaseParam.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ApprovalResourceBaseParam.java
new file mode 100644
index 0000000..9c03a61
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ApprovalResourceBaseParam.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.approval.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+public class ApprovalResourceBaseParam {
+
+	@NotBlank
+	@Schema(description = "资源ID")
+	private String resourceId;
+
+	@NotBlank
+	@Schema(description = "资源表单")
+	private String formKey;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ApprovalTaskNode.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ApprovalTaskNode.java
new file mode 100644
index 0000000..381a032
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ApprovalTaskNode.java
@@ -0,0 +1,56 @@
+package cn.cordys.crm.approval.dto;
+
+import cn.cordys.crm.system.domain.Attachment;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.AllArgsConstructor;
+import lombok.Builder;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import java.util.List;
+
+@Data
+@Builder
+@NoArgsConstructor
+@AllArgsConstructor
+public class ApprovalTaskNode {
+
+	@Schema(description = "审批任务ID")
+	private String taskId;
+
+	@Schema(description = "审批人ID")
+	private String approverId;
+
+	@Schema(description = "审批人名称")
+	private String approver;
+
+	@Schema(description = "抄送人头像")
+	private String approverAvatar;
+
+	@Schema(description = "审批状态")
+	private String approvalStatus;
+
+	@Schema(description = "是否加签任务")
+	private boolean sign;
+
+	@Schema(description = "加签意见")
+	private String signComment;
+
+	@Schema(description = "加签附件")
+	private List<Attachment> signAttachments;
+
+	@Schema(description = "是否进行加签操作")
+	private boolean signAction;
+
+	@Schema(description = "执行记录ID")
+	private String recordId;
+
+	@Schema(description = "审批意见")
+	private String comment;
+
+	@Schema(description = "审批附件")
+	private List<Attachment> attachments;
+
+	@Schema(description = "审批完成时间")
+	private Long approvalTime;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ApproverConfigDTO.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ApproverConfigDTO.java
new file mode 100644
index 0000000..476b8ca
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ApproverConfigDTO.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.approval.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+/**
+ * 审批人配置DTO
+ */
+@Data
+public class ApproverConfigDTO {
+
+    @Schema(description = "审批人类型：MEMBER/SUPERIOR/DEPT_HEAD/ROLE/FORM_FIELD")
+    private String type;
+
+    @Schema(description = "审批人值")
+    private String value;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/FieldPermissionDTO.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/FieldPermissionDTO.java
new file mode 100644
index 0000000..dde035e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/FieldPermissionDTO.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.approval.dto;
+
+import cn.cordys.common.constants.EnumValue;
+import cn.cordys.crm.approval.constants.FieldPermissionTypeEnum;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+/**
+ * 字段权限配置DTO
+ */
+@Data
+public class FieldPermissionDTO {
+
+    @Schema(description = "字段ID")
+    private String fieldId;
+
+    @EnumValue(enumClass = FieldPermissionTypeEnum.class)
+    @Schema(description = "权限类型：HIDDEN/VIEW/EDIT")
+    private String permissionType;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ResourceApprovalFieldUpdateParam.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ResourceApprovalFieldUpdateParam.java
new file mode 100644
index 0000000..a723ecc
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ResourceApprovalFieldUpdateParam.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.approval.dto;
+
+import lombok.Data;
+
+@Data
+public class ResourceApprovalFieldUpdateParam {
+	/**
+	 * 字段ID
+	 */
+	private String fieldId;
+	/**
+	 * 字段更新值
+	 */
+	private Object fieldValue;
+	/**
+	 * 是否开启
+	 */
+	private boolean enable;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ResourceApprovalPostUpdateParam.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ResourceApprovalPostUpdateParam.java
new file mode 100644
index 0000000..cc5fd90
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ResourceApprovalPostUpdateParam.java
@@ -0,0 +1,33 @@
+package cn.cordys.crm.approval.dto;
+
+import lombok.AllArgsConstructor;
+import lombok.Builder;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import java.util.List;
+
+/**
+ * 资源审批后置更新参数
+ */
+@Data
+@Builder
+@AllArgsConstructor
+@NoArgsConstructor
+public class ResourceApprovalPostUpdateParam {
+
+	/**
+	 * 更新字段参数
+	 */
+	private List<ResourceApprovalFieldUpdateParam> fields;
+
+	/**
+	 * 资源ID
+	 */
+	private String resourceId;
+
+	/**
+	 * 操作人
+	 */
+	private String operator;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ResourceSnapshotApprovalParam.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ResourceSnapshotApprovalParam.java
new file mode 100644
index 0000000..15d5588
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/ResourceSnapshotApprovalParam.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.approval.dto;
+
+import lombok.Builder;
+import lombok.Data;
+
+@Data
+@Builder
+public class ResourceSnapshotApprovalParam {
+
+	private String resourceId;
+	private String approvalStatus;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/StatusPermissionDTO.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/StatusPermissionDTO.java
new file mode 100644
index 0000000..d3aec91
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/StatusPermissionDTO.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.approval.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+/**
+ * 状态权限配置DTO
+ */
+@Data
+public class StatusPermissionDTO {
+    @Schema(description = "审批状态")
+    private String approvalStatus;
+
+    @Schema(description = "权限")
+    private String permission;
+
+    @Schema(description = "是否启用")
+    private Boolean enabled;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/WebHookConfig.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/WebHookConfig.java
new file mode 100644
index 0000000..868c3bd
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/WebHookConfig.java
@@ -0,0 +1,31 @@
+package cn.cordys.crm.approval.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class WebHookConfig {
+
+
+    @Schema(description = "是否启用")
+    private Boolean webHookEnable;
+
+    @Schema(description = "webhook地址")
+    private String webHookUrl;
+
+    @Schema(description = "请求方式")
+    private String webHookMethod;
+
+    @Schema(description = "请求头")
+    private String webHookHeader;
+
+    @Schema(description = "请求体")
+    private String webHookBody;
+
+    @Schema(description = "说明")
+    private String webHookDescribe;
+
+
+    public WebHookConfig() {
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalActionBatchRequest.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalActionBatchRequest.java
new file mode 100644
index 0000000..c2f8cc2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalActionBatchRequest.java
@@ -0,0 +1,21 @@
+package cn.cordys.crm.approval.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotEmpty;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class ApprovalActionBatchRequest {
+
+    @NotEmpty(message = "当前任务节点ID集合不能为空")
+    @Schema(description = "ids", requiredMode = Schema.RequiredMode.REQUIRED)
+    private List<String> ids;
+
+	@Schema(description = "意见, 评论")
+	private String comment;
+
+	@Schema(description = "附件ID集合")
+    private List<String> attachmentIds;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalActionRequest.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalActionRequest.java
new file mode 100644
index 0000000..44e5da5
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalActionRequest.java
@@ -0,0 +1,46 @@
+package cn.cordys.crm.approval.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.AllArgsConstructor;
+import lombok.Builder;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import java.util.List;
+
+@Data
+@AllArgsConstructor
+@NoArgsConstructor
+@Builder
+public class ApprovalActionRequest {
+
+    @NotBlank(message = "当前任务节点ID不能为空")
+    @Schema(description = "当前任务节点ID")
+    private String id;
+
+    @NotBlank(message = "当前节点ID不能为空")
+    @Schema(description = "节点ID")
+    private String nodeId;
+
+    @NotBlank(message = "审批实例ID不能为空")
+    @Schema(description = "审批实例ID")
+    private String instanceId;
+
+	@NotBlank(message = "审批人ID不能为空")
+    @Schema(description = "审批人ID")
+    private String approverId;
+
+	@Schema(description = "意见, 评论")
+	private String comment;
+
+	@Schema(description = "附件ID集合")
+	private List<String> attachmentIds;
+
+	public String getNodeId() {
+		if (nodeId.contains("-SN")) {
+			return nodeId.split("-SN")[0];
+		}
+		return nodeId;
+	}
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalAddSignRequest.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalAddSignRequest.java
new file mode 100644
index 0000000..2b2d080
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalAddSignRequest.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.approval.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotEmpty;
+import lombok.Data;
+
+@Data
+public class ApprovalAddSignRequest extends ApprovalActionRequest {
+
+    @Schema(description = "加签方式 BEFORE: 在我之前，AFTER: 在我之后")
+    private String type;
+
+	@NotEmpty
+	@Schema(description = "加签审批人")
+	private String signApprover;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalFlowAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalFlowAddRequest.java
new file mode 100644
index 0000000..c8b3eb3
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalFlowAddRequest.java
@@ -0,0 +1,75 @@
+package cn.cordys.crm.approval.dto.request;
+
+import cn.cordys.common.constants.EnumValue;
+import cn.cordys.crm.approval.constants.ApprovalFormTypeEnum;
+import cn.cordys.crm.approval.constants.DuplicateApproverRuleEnum;
+import cn.cordys.crm.approval.dto.StatusPermissionDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.Valid;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class ApprovalFlowAddRequest {
+
+    @NotBlank(message = "流程名称不能为空")
+    @Schema(description = "流程名称")
+    private String name;
+
+    @EnumValue(enumClass = ApprovalFormTypeEnum.class)
+    @NotBlank(message = "表单类型不能为空")
+    @Schema(description = "表单类型：quotation/contract/invoice/order")
+    private String formType;
+
+    @Schema(description = "新建时执行")
+    private Boolean createExecute = true;
+
+    @Schema(description = "编辑时执行")
+    private Boolean updateExecute = true;
+
+    @Schema(description = "删除时执行")
+    private Boolean deleteExecute = false;
+
+    @Schema(description = "启用状态")
+    private Boolean enable;
+
+    @Schema(description = "流程描述")
+    private String description;
+
+    @Schema(description = "允许提交人撤销")
+    private Boolean submitterCanRevoke;
+
+    @Schema(description = "允许批量处理")
+    private Boolean allowBatchProcess;
+
+    @Schema(description = "允许撤回")
+    private Boolean allowWithdraw;
+
+    @Schema(description = "允许加签")
+    private Boolean allowAddSign;
+
+    @EnumValue(enumClass = DuplicateApproverRuleEnum.class)
+    @Schema(description = "重复审批人规则")
+    private String duplicateApproverRule;
+
+    @Schema(description = "是否必须填写审批意见")
+    private Boolean requireComment;
+
+    @Schema(description = "状态权限配置")
+    @Valid
+    private List<StatusPermissionDTO> statusPermissions;
+
+    @Schema(description = "新建时节点配置")
+    @Valid
+    private ApprovalFlowNodeConfigRequest createNodeConfig;
+
+    @Schema(description = "编辑时节点配置")
+    @Valid
+    private ApprovalFlowNodeConfigRequest updateNodeConfig;
+
+    @Schema(description = "删除时节点配置")
+    @Valid
+    private ApprovalFlowNodeConfigRequest deleteNodeConfig;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalFlowNodeConfigRequest.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalFlowNodeConfigRequest.java
new file mode 100644
index 0000000..962e437
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalFlowNodeConfigRequest.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.approval.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.Valid;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class ApprovalFlowNodeConfigRequest {
+
+    @Schema(description = "节点配置列表")
+    @Valid
+    private List<ApprovalNodeRequest> nodes;
+
+    @Schema(description = "节点连接配置列表")
+    @Valid
+    private List<ApprovalNodeLinkRequest> links;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalFlowPageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalFlowPageRequest.java
new file mode 100644
index 0000000..3388e5a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalFlowPageRequest.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.approval.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+@Data
+@EqualsAndHashCode(callSuper = true)
+public class ApprovalFlowPageRequest extends BasePageRequest {
+
+    @Schema(description = "流程名称")
+    private String name;
+
+    @Schema(description = "表单类型")
+    private String formType;
+
+    @Schema(description = "启用状态")
+    private Boolean enable;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalFlowUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalFlowUpdateRequest.java
new file mode 100644
index 0000000..31a2e82
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalFlowUpdateRequest.java
@@ -0,0 +1,71 @@
+package cn.cordys.crm.approval.dto.request;
+
+import cn.cordys.common.constants.EnumValue;
+import cn.cordys.crm.approval.constants.DuplicateApproverRuleEnum;
+import cn.cordys.crm.approval.dto.StatusPermissionDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.Valid;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class ApprovalFlowUpdateRequest {
+
+    @NotBlank(message = "ID不能为空")
+    @Schema(description = "审批流ID")
+    private String id;
+
+    @Schema(description = "流程名称")
+    private String name;
+
+    @Schema(description = "新建时执行")
+    private Boolean createExecute;
+
+    @Schema(description = "编辑时执行")
+    private Boolean updateExecute;
+
+    @Schema(description = "删除时执行")
+    private Boolean deleteExecute;
+
+    @Schema(description = "启用状态")
+    private Boolean enable;
+
+    @Schema(description = "流程描述")
+    private String description;
+
+    @Schema(description = "允许提交人撤销")
+    private Boolean submitterCanRevoke;
+
+    @Schema(description = "允许批量处理")
+    private Boolean allowBatchProcess;
+
+    @Schema(description = "允许撤回")
+    private Boolean allowWithdraw;
+
+    @Schema(description = "允许加签")
+    private Boolean allowAddSign;
+
+    @EnumValue(enumClass = DuplicateApproverRuleEnum.class)
+    @Schema(description = "重复审批人规则")
+    private String duplicateApproverRule;
+
+    @Schema(description = "是否必须填写审批意见")
+    private Boolean requireComment;
+
+    @Schema(description = "状态权限配置")
+    private List<StatusPermissionDTO> statusPermissions;
+
+    @Schema(description = "新建时节点配置")
+    @Valid
+    private ApprovalFlowNodeConfigRequest createNodeConfig;
+
+    @Schema(description = "编辑时节点配置")
+    @Valid
+    private ApprovalFlowNodeConfigRequest updateNodeConfig;
+
+    @Schema(description = "删除时节点配置")
+    @Valid
+    private ApprovalFlowNodeConfigRequest deleteNodeConfig;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalNodeApproverRequest.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalNodeApproverRequest.java
new file mode 100644
index 0000000..c11a2f1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalNodeApproverRequest.java
@@ -0,0 +1,72 @@
+package cn.cordys.crm.approval.dto.request;
+
+import cn.cordys.common.constants.EnumValue;
+import cn.cordys.crm.approval.constants.*;
+import cn.cordys.crm.approval.dto.ApprovalPostConfigDTO;
+import cn.cordys.crm.approval.dto.FieldPermissionDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+import java.util.List;
+
+@Data
+@EqualsAndHashCode(callSuper = true)
+@Schema(description = "审批人节点请求")
+public class ApprovalNodeApproverRequest extends ApprovalNodeRequest {
+
+    @NotBlank
+    @EnumValue(enumClass = ApprovalTypeEnum.class)
+    @Schema(description = "审批类型：MANUAL/AUTO_PASS/AUTO_REJECT")
+    private String approvalType = EmptyApproverActionEnum.AUTO_PASS.name();
+
+    @NotBlank
+    @EnumValue(enumClass = MultiApproverModeEnum.class)
+    @Schema(description = "多人审批方式：ALL/ANY/SEQUENTIAL")
+    private String multiApproverMode = MultiApproverModeEnum.ALL.name();
+
+    @NotBlank
+    @EnumValue(enumClass = EmptyApproverActionEnum.class)
+    @Schema(description = "审批人为空时动作")
+    private String emptyApproverAction = EmptyApproverActionEnum.AUTO_PASS.name();
+
+    @Schema(description = "审批人为空时，兜底审批人")
+    private String fallbackApprover;
+
+    @NotBlank
+    @EnumValue(enumClass = SameSubmitterActionEnum.class)
+    @Schema(description = "审批人与提交人相同时动作")
+    private String sameSubmitterAction = SameSubmitterActionEnum.SKIP.name();
+
+    @EnumValue(enumClass = ApproverTypeEnum.class)
+    @Schema(description = "审批人类型：MEMBER/SUPERIOR/MULTIPLE_SUPERIOR/DEPT_HEAD/MULTIPLE_DEPT_HEAD/ROLE")
+    private String approverType;
+
+    @EnumValue(enumClass = ApproverDirectionEnum.class)
+    @Schema(description = "审批人方向：BOTTOM_UP(从下往上)/TOP_DOWN(从上往下)，适用于SUPERIOR/MULTIPLE_SUPERIOR/DEPT_HEAD/MULTIPLE_DEPT_HEAD")
+    private String approverDirection;
+
+    @Schema(description = "审批人列表")
+    private List<String> approverList;
+
+    @EnumValue(enumClass = ApproverTypeEnum.class)
+    @Schema(description = "抄送人类型：MEMBER/SUPERIOR/MULTIPLE_SUPERIOR/DEPT_HEAD/MULTIPLE_DEPT_HEAD/ROLE")
+    private String ccType;
+
+    @EnumValue(enumClass = ApproverDirectionEnum.class)
+    @Schema(description = "抄送人方向：BOTTOM_UP(从下往上)/TOP_DOWN(从上往下)，适用于SUPERIOR/MULTIPLE_SUPERIOR/DEPT_HEAD/MULTIPLE_DEPT_HEAD")
+    private String ccDirection;
+
+    @Schema(description = "抄送人列表")
+    private List<String> ccList;
+
+    @Schema(description = "审批通过后配置")
+    private ApprovalPostConfigDTO passPostConfig;
+
+    @Schema(description = "审批驳回后配置")
+    private ApprovalPostConfigDTO rejectPostConfig;
+
+    @Schema(description = "字段权限配置列表")
+    private List<FieldPermissionDTO> fieldPermissions;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalNodeConditionRequest.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalNodeConditionRequest.java
new file mode 100644
index 0000000..80f1c04
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalNodeConditionRequest.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.approval.dto.request;
+
+import cn.cordys.common.dto.condition.CombineSearch;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+@Data
+@EqualsAndHashCode(callSuper = true)
+@Schema(description = "条件节点请求")
+public class ApprovalNodeConditionRequest extends ApprovalNodeRequest {
+
+    @Schema(description = "条件配置")
+    private CombineSearch conditionConfig;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalNodeLinkRequest.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalNodeLinkRequest.java
new file mode 100644
index 0000000..3d9feba
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalNodeLinkRequest.java
@@ -0,0 +1,18 @@
+package cn.cordys.crm.approval.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+@Schema(description = "审批节点连接请求")
+public class ApprovalNodeLinkRequest {
+
+    @Schema(description = "源节点ID")
+    @NotBlank
+    private String fromNodeId;
+
+    @Schema(description = "目标节点ID")
+    @NotBlank
+    private String toNodeId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalNodeRequest.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalNodeRequest.java
new file mode 100644
index 0000000..45f809d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalNodeRequest.java
@@ -0,0 +1,36 @@
+package cn.cordys.crm.approval.dto.request;
+
+import cn.cordys.common.constants.EnumValue;
+import cn.cordys.crm.approval.constants.ApprovalNodeTypeEnum;
+import com.fasterxml.jackson.annotation.JsonSubTypes;
+import com.fasterxml.jackson.annotation.JsonTypeInfo;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+@JsonTypeInfo(use = JsonTypeInfo.Id.NAME, include = JsonTypeInfo.As.EXISTING_PROPERTY, property = "nodeType", visible = true)
+@JsonSubTypes({
+    @JsonSubTypes.Type(value = ApprovalNodeApproverRequest.class, name = "APPROVER"),
+    @JsonSubTypes.Type(value = ApprovalNodeConditionRequest.class, name = "CONDITION"),
+    @JsonSubTypes.Type(value = ApprovalNodeRequest.class, name = "START"),
+    @JsonSubTypes.Type(value = ApprovalNodeRequest.class, name = "END"),
+    @JsonSubTypes.Type(value = ApprovalNodeRequest.class, name = "DEFAULT"),
+})
+public class ApprovalNodeRequest {
+
+    @Schema(description = "节点ID")
+    @NotBlank
+    private String id;
+
+    @Schema(description = "节点编码")
+    private String number;
+
+    @Schema(description = "节点名称")
+    private String name;
+
+    @EnumValue(enumClass = ApprovalNodeTypeEnum.class)
+    @NotBlank(message = "节点类型不能为空")
+    @Schema(description = "节点类型：START/APPROVER/CONDITION/DEFAULT/END")
+    private String nodeType;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalReturnBackRequest.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalReturnBackRequest.java
new file mode 100644
index 0000000..0c81b95
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalReturnBackRequest.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.approval.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+public class ApprovalReturnBackRequest extends ApprovalActionRequest {
+
+    @NotBlank(message = "退回至任务ID不能为空")
+    @Schema(description = "退回至节点ID")
+    private String returnToNodeId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalRevokeRequest.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalRevokeRequest.java
new file mode 100644
index 0000000..96b3221
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalRevokeRequest.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.approval.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+public class ApprovalRevokeRequest {
+
+    @NotBlank(message = "撤回的节点任务不能为空")
+    @Schema(description = "撤回的节点任务ID")
+    private String id;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalTodoPageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalTodoPageRequest.java
new file mode 100644
index 0000000..cb942b9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/request/ApprovalTodoPageRequest.java
@@ -0,0 +1,14 @@
+package cn.cordys.crm.approval.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+@Data
+@EqualsAndHashCode(callSuper = true)
+public class ApprovalTodoPageRequest extends BasePageRequest {
+
+    @Schema(description = "资源类型过滤：ALL/QUOTATION/CONTRACT/ORDER/INVOICE")
+    private String resourceType = "ALL";
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalFlowByFormTypeResponse.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalFlowByFormTypeResponse.java
new file mode 100644
index 0000000..3e70d5e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalFlowByFormTypeResponse.java
@@ -0,0 +1,66 @@
+package cn.cordys.crm.approval.dto.response;
+
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.crm.approval.dto.StatusPermissionDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class ApprovalFlowByFormTypeResponse {
+
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "当前版本ID")
+    private String currentVersionId;
+
+    @Schema(description = "流程编码")
+    private String number;
+
+    @Schema(description = "流程名称")
+    private String name;
+
+    @Schema(description = "表单类型")
+    private String formType;
+
+    @Schema(description = "新建时执行")
+    private Boolean createExecute;
+
+    @Schema(description = "编辑时执行")
+    private Boolean updateExecute;
+
+    @Schema(description = "删除时执行")
+    private Boolean deleteExecute;
+
+    @Schema(description = "启用状态")
+    private Boolean enable;
+
+    @Schema(description = "流程描述")
+    private String description;
+
+    @Schema(description = "允许提交人撤销")
+    private Boolean submitterCanRevoke;
+
+    @Schema(description = "允许批量处理")
+    private Boolean allowBatchProcess;
+
+    @Schema(description = "允许撤回")
+    private Boolean allowWithdraw;
+
+    @Schema(description = "允许加签")
+    private Boolean allowAddSign;
+
+    @Schema(description = "重复审批人规则")
+    private String duplicateApproverRule;
+
+    @Schema(description = "是否必须填写审批意见")
+    private Boolean requireComment;
+
+    @Schema(description = "对应资源表单的权限列表")
+    private List<OptionDTO> permissions;
+
+    @Schema(description = "状态权限配置")
+    private List<StatusPermissionDTO> statusPermissions;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalFlowDetailResponse.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalFlowDetailResponse.java
new file mode 100644
index 0000000..2e0abb8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalFlowDetailResponse.java
@@ -0,0 +1,97 @@
+package cn.cordys.crm.approval.dto.response;
+
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.crm.approval.dto.StatusPermissionDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Map;
+
+@Data
+public class ApprovalFlowDetailResponse {
+
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "当前版本ID")
+    private String currentVersionId;
+
+    @Schema(description = "流程编码")
+    private String number;
+
+    @Schema(description = "流程名称")
+    private String name;
+
+    @Schema(description = "表单类型")
+    private String formType;
+
+    @Schema(description = "新建时执行")
+    private Boolean createExecute;
+
+    @Schema(description = "编辑时执行")
+    private Boolean updateExecute;
+
+    @Schema(description = "删除时执行")
+    private Boolean deleteExecute;
+
+    @Schema(description = "启用状态")
+    private Boolean enable;
+
+    @Schema(description = "流程描述")
+    private String description;
+
+    @Schema(description = "允许提交人撤销")
+    private Boolean submitterCanRevoke;
+
+    @Schema(description = "允许批量处理")
+    private Boolean allowBatchProcess;
+
+    @Schema(description = "允许撤回")
+    private Boolean allowWithdraw;
+
+    @Schema(description = "允许加签")
+    private Boolean allowAddSign;
+
+    @Schema(description = "重复审批人规则")
+    private String duplicateApproverRule;
+
+    @Schema(description = "是否必须填写审批意见")
+    private Boolean requireComment;
+
+    @Schema(description = "创建人名称")
+    private String createUserName;
+
+    @Schema(description = "更新人名称")
+    private String updateUserName;
+
+    @Schema(description = "创建时间")
+    private Long createTime;
+
+    @Schema(description = "更新时间")
+    private Long updateTime;
+
+    @Schema(description = "创建人")
+    private String createUser;
+
+    @Schema(description = "更新人")
+    private String updateUser;
+
+    @Schema(description = "对应资源表单的权限列表")
+    private List<OptionDTO> permissions;
+
+    @Schema(description = "状态权限配置")
+    private List<StatusPermissionDTO> statusPermissions;
+
+    @Schema(description = "新建时节点配置")
+    private ApprovalFlowNodeConfigResponse createNodeConfig;
+
+    @Schema(description = "编辑时节点配置")
+    private ApprovalFlowNodeConfigResponse updateNodeConfig;
+
+    @Schema(description = "删除时节点配置")
+    private ApprovalFlowNodeConfigResponse deleteNodeConfig;
+
+    @Schema(description = "条件节点字段选项映射")
+    private Map<String, List<OptionDTO>> optionMap;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalFlowListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalFlowListResponse.java
new file mode 100644
index 0000000..57830cc
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalFlowListResponse.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.approval.dto.response;
+
+import cn.cordys.crm.approval.domain.ApprovalFlow;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+@Data
+@EqualsAndHashCode(callSuper = true)
+public class ApprovalFlowListResponse extends ApprovalFlow {
+
+    @Schema(description = "创建人名称")
+    private String createUserName;
+
+    @Schema(description = "更新人名称")
+    private String updateUserName;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalFlowNodeConfigResponse.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalFlowNodeConfigResponse.java
new file mode 100644
index 0000000..c10e25a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalFlowNodeConfigResponse.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.approval.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class ApprovalFlowNodeConfigResponse {
+
+    @Schema(description = "节点配置列表")
+    private List<ApprovalNodeResponse> nodes;
+
+    @Schema(description = "节点连接配置列表")
+    private List<ApprovalNodeLinkResponse> links;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalNodeApproverResponse.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalNodeApproverResponse.java
new file mode 100644
index 0000000..86441a3
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalNodeApproverResponse.java
@@ -0,0 +1,73 @@
+package cn.cordys.crm.approval.dto.response;
+
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.crm.approval.dto.ApprovalPostConfigDTO;
+import cn.cordys.crm.approval.dto.FieldPermissionDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+import java.util.List;
+
+@Data
+@EqualsAndHashCode(callSuper = true)
+@Schema(description = "审批人节点响应")
+public class ApprovalNodeApproverResponse extends ApprovalNodeResponse {
+
+    @Schema(description = "审批类型")
+    private String approvalType;
+
+    @Schema(description = "审批类型名称")
+    private String approvalTypeName;
+
+    @Schema(description = "多人审批方式")
+    private String multiApproverMode;
+
+    @Schema(description = "多人审批方式名称")
+    private String multiApproverModeName;
+
+    @Schema(description = "审批人为空时动作")
+    private String emptyApproverAction;
+
+    @Schema(description = "兜底审批人ID")
+    private String fallbackApprover;
+
+    @Schema(description = "兜底审批人名称")
+    private String fallbackApproverName;
+
+    @Schema(description = "审批人与提交人相同时动作")
+    private String sameSubmitterAction;
+
+    @Schema(description = "审批人类型：MEMBER/SUPERIOR/MULTIPLE_SUPERIOR/DEPT_HEAD/MULTIPLE_DEPT_HEAD/ROLE")
+    private String approverType;
+
+    @Schema(description = "审批人方向：BOTTOM_UP(从下往上)/TOP_DOWN(从上往下)，适用于SUPERIOR/MULTIPLE_SUPERIOR/DEPT_HEAD/MULTIPLE_DEPT_HEAD")
+    private String approverDirection;
+
+    @Schema(description = "审批人ID列表")
+    private List<String> approverList;
+
+    @Schema(description = "审批人选择项（用于前端回显）")
+    private List<OptionDTO> approverSelectOptions;
+
+    @Schema(description = "抄送人类型：MEMBER/SUPERIOR/MULTIPLE_SUPERIOR/DEPT_HEAD/MULTIPLE_DEPT_HEAD/ROLE")
+    private String ccType;
+
+    @Schema(description = "抄送人方向：BOTTOM_UP(从下往上)/TOP_DOWN(从上往下)，适用于SUPERIOR/MULTIPLE_SUPERIOR/DEPT_HEAD/MULTIPLE_DEPT_HEAD")
+    private String ccDirection;
+
+    @Schema(description = "抄送人ID列表")
+    private List<String> ccList;
+
+    @Schema(description = "抄送人选择项（用于前端回显）")
+    private List<OptionDTO> ccSelectOptions;
+
+    @Schema(description = "审批通过后配置")
+    private ApprovalPostConfigDTO passPostConfig;
+
+    @Schema(description = "审批驳回后配置")
+    private ApprovalPostConfigDTO rejectPostConfig;
+
+    @Schema(description = "字段权限配置列表")
+    private List<FieldPermissionDTO> fieldPermissions;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalNodeConditionResponse.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalNodeConditionResponse.java
new file mode 100644
index 0000000..3f00833
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalNodeConditionResponse.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.approval.dto.response;
+
+import cn.cordys.common.dto.condition.CombineSearch;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+@Data
+@EqualsAndHashCode(callSuper = true)
+@Schema(description = "条件节点响应")
+public class ApprovalNodeConditionResponse extends ApprovalNodeResponse {
+
+    @Schema(description = "条件配置")
+    private CombineSearch conditionConfig;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalNodeExceptionResponse.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalNodeExceptionResponse.java
new file mode 100644
index 0000000..1807a27
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalNodeExceptionResponse.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.approval.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+@Data
+@EqualsAndHashCode(callSuper = true)
+@Schema(description = "审批异常节点")
+public class ApprovalNodeExceptionResponse extends ApprovalNodeResponse {
+
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalNodeLinkResponse.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalNodeLinkResponse.java
new file mode 100644
index 0000000..6d8c062
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalNodeLinkResponse.java
@@ -0,0 +1,18 @@
+package cn.cordys.crm.approval.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+@Schema(description = "审批节点连接响应")
+public class ApprovalNodeLinkResponse {
+
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "源节点ID")
+    private String fromNodeId;
+
+    @Schema(description = "目标节点ID")
+    private String toNodeId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalNodeResponse.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalNodeResponse.java
new file mode 100644
index 0000000..7fb18dc
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalNodeResponse.java
@@ -0,0 +1,37 @@
+package cn.cordys.crm.approval.dto.response;
+
+import com.fasterxml.jackson.annotation.JsonSubTypes;
+import com.fasterxml.jackson.annotation.JsonTypeInfo;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+@JsonTypeInfo(use = JsonTypeInfo.Id.NAME, include = JsonTypeInfo.As.EXISTING_PROPERTY, property = "nodeType", visible = true)
+@JsonSubTypes({
+    @JsonSubTypes.Type(value = ApprovalNodeApproverResponse.class, name = "APPROVER"),
+    @JsonSubTypes.Type(value = ApprovalNodeConditionResponse.class, name = "CONDITION"),
+    @JsonSubTypes.Type(value = ApprovalNodeExceptionResponse.class, name = "EXCEPTION"),
+    @JsonSubTypes.Type(value = ApprovalNodeResponse.class, name = "START"),
+    @JsonSubTypes.Type(value = ApprovalNodeResponse.class, name = "END"),
+    @JsonSubTypes.Type(value = ApprovalNodeResponse.class, name = "DEFAULT"),
+})
+public class ApprovalNodeResponse {
+
+    @Schema(description = "节点ID")
+    private String id;
+
+    @Schema(description = "节点编码")
+    private String number;
+
+    @Schema(description = "节点名称")
+    private String name;
+
+    @Schema(description = "节点类型")
+    private String nodeType;
+
+    @Schema(description = "排序序号")
+    private Integer sort;
+
+    @Schema(description = "执行时机：CREATE/UPDATE/DELETE")
+    private String executeTime;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalTodoCountResponse.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalTodoCountResponse.java
new file mode 100644
index 0000000..f2b11de
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalTodoCountResponse.java
@@ -0,0 +1,23 @@
+package cn.cordys.crm.approval.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class ApprovalTodoCountResponse {
+
+    @Schema(description = "待我审批总数")
+    private Integer total;
+
+    @Schema(description = "报价待审批数量")
+    private Integer quotation;
+
+    @Schema(description = "合同待审批数量")
+    private Integer contract;
+
+    @Schema(description = "订单待审批数量")
+    private Integer order;
+
+    @Schema(description = "发票待审批数量")
+    private Integer invoice;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalTodoItemResponse.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalTodoItemResponse.java
new file mode 100644
index 0000000..24a45c7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalTodoItemResponse.java
@@ -0,0 +1,47 @@
+package cn.cordys.crm.approval.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class ApprovalTodoItemResponse {
+
+    @Schema(description = "资源ID")
+    private String resourceId;
+
+    @Schema(description = "资源名称")
+    private String resourceName;
+
+    @Schema(description = "资源类型")
+    private String resourceType;
+
+    @Schema(description = "申请人")
+    private String applicant;
+
+    @Schema(description = "提交时间")
+    private Long submitTime;
+
+    @Schema(description = "审批操作")
+    private String approvalOperation;
+
+    @Schema(description = "数据结果")
+    private String dataResult;
+
+    @Schema(description = "审批任务ID")
+    private String approvalTaskId;
+
+    @Schema(description = "审批节点ID")
+    private String approvalNodeId;
+
+    @Schema(description = "审批实例ID")
+    private String approvalInstanceId;
+
+    @Schema(description = "审批人ID")
+    private String approvalId;
+
+    @Schema(description = "审批流ID")
+    private String approvalFlowId;
+
+    @Schema(description = "审批流版本ID")
+    private String approvalFlowVersionId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalTodoResponse.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalTodoResponse.java
new file mode 100644
index 0000000..0d70d02
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ApprovalTodoResponse.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.approval.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class ApprovalTodoResponse {
+
+    @Schema(description = "报价待办")
+    private List<ApprovalTodoItemResponse> quotation;
+
+    @Schema(description = "合同待办")
+    private List<ApprovalTodoItemResponse> contract;
+
+    @Schema(description = "订单待办")
+    private List<ApprovalTodoItemResponse> order;
+
+    @Schema(description = "发票待办")
+    private List<ApprovalTodoItemResponse> invoice;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ResourceApprovalResponse.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ResourceApprovalResponse.java
new file mode 100644
index 0000000..2b8e5f9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/ResourceApprovalResponse.java
@@ -0,0 +1,21 @@
+package cn.cordys.crm.approval.dto.response;
+
+import cn.cordys.security.UserApprovalDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class ResourceApprovalResponse {
+
+    @Schema(description = "资源ID")
+    private String resourceId;
+
+    @Schema(description = "最终审核状态")
+    private String approveStatus;
+
+    @Schema(description = "用户审核结果")
+    private List<UserApprovalDTO> approveUserList;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/StatusPermissionSettingResponse.java b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/StatusPermissionSettingResponse.java
new file mode 100644
index 0000000..0452ba3
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/dto/response/StatusPermissionSettingResponse.java
@@ -0,0 +1,23 @@
+package cn.cordys.crm.approval.dto.response;
+
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.crm.approval.dto.StatusPermissionDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.io.Serializable;
+import java.util.List;
+
+/**
+ * 审批流状态权限配置响应
+ */
+@Data
+@Schema(description = "审批流状态权限配置")
+public class StatusPermissionSettingResponse implements Serializable {
+
+    @Schema(description = "权限列表")
+    private List<OptionDTO> permissions;
+
+    @Schema(description = "状态权限配置")
+    private List<StatusPermissionDTO> statusPermissions;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/handler/ApprovalResourceHandler.java b/backend/crm/src/main/java/cn/cordys/crm/approval/handler/ApprovalResourceHandler.java
new file mode 100644
index 0000000..09772ff
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/handler/ApprovalResourceHandler.java
@@ -0,0 +1,40 @@
+package cn.cordys.crm.approval.handler;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.crm.approval.dto.ResourceApprovalPostUpdateParam;
+import cn.cordys.crm.approval.dto.ResourceSnapshotApprovalParam;
+
+/**
+ * 审批资源处理接口
+ * 各需要审批的业务资源服务实现此接口，替代反射调用
+ */
+public interface ApprovalResourceHandler {
+
+    /**
+     * 获取该处理器对应的表单类型
+     */
+    FormKey getFormKey();
+
+    /**
+     * DELETE审批通过后执行删除操作
+     *
+     * @param resourceId     资源ID
+     * @param userId         操作人ID
+     * @param organizationId 组织ID
+     */
+    void deleteForResource(String resourceId, String userId, String organizationId);
+
+    /**
+     * 更新业务快照审批状态
+     *
+     * @param param 参数
+     */
+    void updateSnapshotApprovalStatus(ResourceSnapshotApprovalParam param);
+
+    /**
+     * 审批后置字段更新
+     *
+     * @param param 参数
+     */
+    void updateApprovalPostField(ResourceApprovalPostUpdateParam param);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/log/ApprovalFlowLogDTO.java b/backend/crm/src/main/java/cn/cordys/crm/approval/log/ApprovalFlowLogDTO.java
new file mode 100644
index 0000000..8ddace8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/log/ApprovalFlowLogDTO.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.approval.log;
+
+import cn.cordys.crm.approval.domain.ApprovalFlow;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+import java.util.List;
+
+@Data
+@EqualsAndHashCode(callSuper = true)
+public class ApprovalFlowLogDTO extends ApprovalFlow {
+
+    /**
+     * 流程描述
+     */
+    private String description;
+
+    /**
+     * 节点配置
+     */
+    private List<String> nodes;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/mapper/ExtApprovalFlowMapper.java b/backend/crm/src/main/java/cn/cordys/crm/approval/mapper/ExtApprovalFlowMapper.java
new file mode 100644
index 0000000..d2a0a66
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/mapper/ExtApprovalFlowMapper.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.approval.mapper;
+
+import cn.cordys.crm.approval.dto.request.ApprovalFlowPageRequest;
+import cn.cordys.crm.approval.dto.response.ApprovalFlowListResponse;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+/**
+ * 审批流扩展Mapper
+ */
+public interface ExtApprovalFlowMapper {
+
+    /**
+     * 分页查询审批流列表（带用户名称）
+     */
+    List<ApprovalFlowListResponse> list(
+            @Param("request") ApprovalFlowPageRequest request,
+            @Param("organizationId") String organizationId);
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/mapper/ExtApprovalFlowMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/approval/mapper/ExtApprovalFlowMapper.xml
new file mode 100644
index 0000000..f71728b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/mapper/ExtApprovalFlowMapper.xml
@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.approval.mapper.ExtApprovalFlowMapper">
+
+    <select id="list" resultType="cn.cordys.crm.approval.dto.response.ApprovalFlowListResponse">
+        SELECT
+            af.id,
+            af.current_version_id,
+            af.number,
+            af.name,
+            af.form_type,
+            af.enable,
+            af.create_execute,
+            af.update_execute,
+            af.description,
+            af.organization_id,
+            af.create_user,
+            af.create_time,
+            af.update_user,
+            af.update_time
+        FROM approval_flow af
+        WHERE af.organization_id = #{organizationId}
+        AND af.deleted = 0
+        <if test="request.name != null and request.name != ''">
+            AND af.name LIKE CONCAT('%', #{request.name}, '%')
+        </if>
+        <if test="request.formType != null and request.formType != ''">
+            AND af.form_type = #{request.formType}
+        </if>
+        <if test="request.enable != null">
+            AND af.enable = #{request.enable}
+        </if>
+        <if test="request.keyword != null and request.keyword != ''">
+            AND (
+                af.name LIKE CONCAT('%', #{request.keyword}, '%')
+                OR af.number LIKE CONCAT('%', #{request.keyword}, '%')
+            )
+        </if>
+        <include refid="filters">
+            <property name="filters" value="request.filters"/>
+        </include>
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+        <include refid="sorts">
+            <property name="sort" value="request.sort"/>
+        </include>
+    </select>
+
+    <sql id="sorts">
+        <choose>
+            <when test="${sort} != null and ${sort}.valid() > 0">
+                <bind name="sortName" value="${sort}.name"/>
+                <bind name="sortType" value="${sort}.type"/>
+                ORDER BY af.${sortName} ${sortType},
+                af.create_time DESC
+            </when>
+            <otherwise>
+                ORDER BY af.create_time DESC
+            </otherwise>
+        </choose>
+    </sql>
+
+    <sql id="filters">
+        <if test="${filters} != null and ${filters}.size() > 0">
+            <trim prefix="and">
+                <foreach collection="${filters}" item="condition" open="(" close=")" index="i" separator="and">
+                    <include refid="condition">
+                        <property name="condition" value="condition"/>
+                    </include>
+                </foreach>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="combine">
+        <if test="${combineSearch} != null and ${combineSearch}.conditions != null and ${combineSearch}.conditions.size() > 0">
+            <trim prefix="and">
+                <trim prefix="(" suffix=")" suffixOverrides="and|or">
+                    <foreach collection="${combineSearch}.conditions" index="i" item="condition">
+                        <include refid="condition">
+                            <property name="condition" value="condition"/>
+                            <property name="fieldTable" value="combine_${i}.field_value"/>
+                        </include>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.searchMode">
+                            <property name="searchMode" value="${combineSearch}.searchMode"/>
+                        </include>
+                    </foreach>
+                </trim>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="condition">
+        <choose>
+            <when test="condition.name == 'name'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="af.name"/>
+                </include>
+            </when>
+            <when test="condition.name == 'number'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="af.number"/>
+                </include>
+            </when>
+            <when test="condition.name == 'formType'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="af.form_type"/>
+                </include>
+            </when>
+            <when test="condition.name == 'enable'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="af.enable"/>
+                </include>
+            </when>
+            <when test="condition.name == 'createUser'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="af.create_user"/>
+                </include>
+            </when>
+            <when test="condition.name == 'updateUser'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="af.update_user"/>
+                </include>
+            </when>
+            <when test="condition.name == 'createTime'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="af.create_time"/>
+                </include>
+            </when>
+            <when test="condition.name == 'updateTime'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="af.update_time"/>
+                </include>
+            </when>
+            <otherwise>
+                <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="${fieldTable}"/>
+                </include>
+            </otherwise>
+        </choose>
+    </sql>
+</mapper>
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/mapper/ExtApprovalInstanceMapper.java b/backend/crm/src/main/java/cn/cordys/crm/approval/mapper/ExtApprovalInstanceMapper.java
new file mode 100644
index 0000000..1b4f049
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/mapper/ExtApprovalInstanceMapper.java
@@ -0,0 +1,104 @@
+package cn.cordys.crm.approval.mapper;
+
+import org.apache.ibatis.annotations.Param;
+
+public interface ExtApprovalInstanceMapper {
+
+	/**
+	 * 更新业务表的审批状态
+	 *
+	 * @param sourceTable     主业务表
+	 * @param resourceId      资源ID
+	 * @param approvalStatus  审批状态
+	 */
+	void updateApprovalStatus(@Param("sourceTable") String sourceTable, @Param("id") String resourceId,
+							  @Param("approvalStatus") String approvalStatus);
+	/**
+	 * 更新业务表的 approved 状态
+	 *
+	 * @param sourceTable     主业务表
+	 * @param resourceId      资源ID
+	 */
+	void setApproved(@Param("sourceTable") String sourceTable, @Param("id") String resourceId);
+
+	/**
+	 * 查询业务表业务名称
+	 * @param sourceTable
+	 * @param id
+	 */
+	String selectBusinessName(@Param("sourceTable") String sourceTable, @Param("id") String id);
+
+	/**
+	 * 查询业务表的审批状态
+	 *
+	 * @param sourceTable 主业务表
+	 * @param id          资源ID
+	 * @return 审批状态
+	 */
+	String selectApprovalStatus(@Param("sourceTable") String sourceTable, @Param("id") String id);
+
+	String getResourceOwner(@Param("sourceTable")String sourceTable, @Param("id")String id);
+
+	/**
+	 * 查询业务资源是否审批通过过
+	 *
+	 * @param sourceTable 主业务表
+	 * @param id          资源ID
+	 * @return 是否审批通过过
+	 */
+	Boolean selectApproved(@Param("sourceTable") String sourceTable, @Param("id") String id);
+
+	/**
+	 * 获取节点下一个执行轮次
+	 * 从 approval_task 和 approval_record 中一起获取，取最大轮次 +1
+	 *
+	 * @param instanceId 审批实例ID
+	 * @param nodeId     节点ID
+	 * @return 下一个轮次
+	 */
+	Integer getNextNodeRound(@Param("instanceId") String instanceId, @Param("nodeId") String nodeId);
+
+	/**
+	 * 获取节点下一个执行轮次
+	 * 从 approval_task 和 approval_record 中一起获取，取最大轮次 +1
+	 *
+	 * @param instanceId 审批实例ID
+	 * @param nodeId     节点ID
+	 * @return 下一个轮次
+	 */
+	Integer getNodeRound(@Param("instanceId") String instanceId, @Param("nodeId") String nodeId);
+
+	/**
+	 * 假删除当前节点轮次已处理的待办任务
+	 *
+	 * @param instanceId 审批实例ID
+	 * @param nodeId     节点ID
+	 * @param nodeRound 轮次
+	 */
+	void batchClearNotApprovingTask(@Param("instanceId") String instanceId, @Param("nodeId") String nodeId, @Param("nodeRound") Integer nodeRound);
+
+	/**
+	 * 撤销中止审批中的节点轮次任务
+	 * @param instanceId 审批实例ID
+	 * @param nodeId     节点ID
+	 * @param nodeRound 轮次
+	 */
+	void loseApprovingTask(@Param("instanceId") String instanceId, @Param("nodeId") String nodeId, @Param("nodeRound") Integer nodeRound);
+
+	/**
+	 * 撤销中止审批中的节点轮次任务
+	 * @param instanceId 审批实例ID
+	 * @param nodeId     节点ID
+	 * @param nodeRound 轮次
+	 */
+	void batchClearApprovingTask(@Param("instanceId") String instanceId, @Param("nodeId") String nodeId, @Param("nodeRound") Integer nodeRound);
+
+	/**
+	 * 假删除当前节点的执行记录
+	 *
+	 * @param instanceId 审批实例ID
+	 * @param nodeId     节点ID
+	 * @param nodeRound 轮次
+	 */
+	void batchClearRecord(@Param("instanceId") String instanceId, @Param("nodeId") String nodeId, @Param("nodeRound") Integer nodeRound);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/mapper/ExtApprovalInstanceMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/approval/mapper/ExtApprovalInstanceMapper.xml
new file mode 100644
index 0000000..c2aa687
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/mapper/ExtApprovalInstanceMapper.xml
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.approval.mapper.ExtApprovalInstanceMapper">
+    <select id="updateApprovalStatus" resultType="java.lang.String">
+        update ${sourceTable} set approval_status = #{approvalStatus} where id = #{id}
+    </select>
+
+    <select id="setApproved" resultType="java.lang.String">
+        update ${sourceTable} set approved = 1 where id = #{id}
+    </select>
+
+    <select id="selectBusinessName" resultType="java.lang.String">
+        select name from ${sourceTable} where id = #{id}
+    </select>
+
+    <select id="selectApprovalStatus" resultType="java.lang.String">
+        select approval_status from ${sourceTable} where id = #{id}
+    </select>
+
+
+    <select id="getResourceOwner" resultType="java.lang.String">
+        select owner from ${sourceTable} where id = #{id}
+    </select>
+
+    <select id="selectApproved" resultType="java.lang.Boolean">
+        select approved from ${sourceTable} where id = #{id}
+    </select>
+
+    <select id="getNextNodeRound" resultType="java.lang.Integer">
+        SELECT IFNULL(GREATEST(
+              COALESCE((SELECT MAX(node_round) FROM approval_task WHERE instance_id = #{instanceId} AND node_id = #{nodeId}), 0),
+              COALESCE((SELECT MAX(node_round) FROM approval_record WHERE instance_id = #{instanceId} AND node_id = #{nodeId}), 0)
+        ), 0) + 1
+    </select>
+
+    <select id="getNodeRound" resultType="java.lang.Integer">
+        SELECT IFNULL(GREATEST(
+            COALESCE((SELECT MAX(node_round) FROM approval_task WHERE instance_id = #{instanceId} AND node_id = #{nodeId}), 0),
+            COALESCE((SELECT MAX(node_round) FROM approval_record WHERE instance_id = #{instanceId} AND node_id = #{nodeId}), 0)
+        ), 0)
+    </select>
+
+    <update id="batchClearNotApprovingTask">
+        update approval_task set node_round = -1 where instance_id = #{instanceId} AND node_id = #{nodeId} and node_round = #{nodeRound} and status != 'APPROVING'
+    </update>
+
+    <update id="loseApprovingTask">
+        update approval_task set status = 'NONE' where instance_id = #{instanceId} AND node_id = #{nodeId} and node_round = #{nodeRound} and status = 'APPROVING'
+    </update>
+
+    <update id="batchClearApprovingTask">
+        update approval_task set status = 'NONE', node_round = -1 where instance_id = #{instanceId} AND node_id = #{nodeId} and node_round = #{nodeRound} and status = 'APPROVING'
+    </update>
+
+    <update id="batchClearRecord">
+        update approval_record set node_round = -1 where instance_id = #{instanceId} AND node_id = #{nodeId} and node_round = #{nodeRound}
+    </update>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/mapper/ExtApprovalTaskMapper.java b/backend/crm/src/main/java/cn/cordys/crm/approval/mapper/ExtApprovalTaskMapper.java
new file mode 100644
index 0000000..22e6529
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/mapper/ExtApprovalTaskMapper.java
@@ -0,0 +1,62 @@
+package cn.cordys.crm.approval.mapper;
+
+import cn.cordys.crm.approval.domain.ApprovalInstance;
+import cn.cordys.crm.approval.domain.ApprovalTask;
+import cn.cordys.crm.approval.dto.response.ApprovalTodoCountResponse;
+import cn.cordys.crm.approval.dto.response.ApprovalTodoItemResponse;
+import org.apache.ibatis.annotations.Param;
+
+
+/**
+ * 审批任务扩展Mapper
+ */
+public interface ExtApprovalTaskMapper {
+    /**
+     * 查询资源最近一次审批实例（按提交时间和ID倒序）。
+     */
+    ApprovalInstance selectLatestInstanceByResourceId(@Param("resourceId") String resourceId);
+
+    /**
+     * 分页查询待我审批任务，按创建时间和ID倒序。
+     */
+    java.util.List<ApprovalTodoItemResponse> selectPendingTasks(@Param("approverId") String approverId,
+                                                                @Param("pendingStatus") String pendingStatus,
+                                                                @Param("resourceType") String resourceType,
+                                                                @Param("resourceName") String resourceName);
+
+    java.util.List<ApprovalTodoItemResponse> selectProcessedTasks(@Param("approverId") String approverId,
+                                                                  @Param("resourceType") String resourceType,
+                                                                  @Param("keyword") String keyword);
+
+    java.util.List<ApprovalTodoItemResponse> selectInitiatedTasks(@Param("submitterId") String submitterId,
+                                                                  @Param("resourceType") String resourceType,
+                                                                  @Param("keyword") String keyword);
+
+    java.util.List<ApprovalTodoItemResponse> selectCcTasks(@Param("approverId") String approverId,
+                                                           @Param("resourceType") String resourceType,
+                                                           @Param("keyword") String keyword);
+
+    /**
+     * 统计待我审批数量（总数 + 各资源类型）。
+     */
+    ApprovalTodoCountResponse countPendingByApprover(@Param("approverId") String approverId,
+                                                     @Param("pendingStatus") String pendingStatus);
+
+    void updateTaskById(@Param("approvalTask") ApprovalTask approvalTask);
+
+	/**
+	 * 移动加签的根节点
+	 * @param oldRootId 旧的根节点ID
+	 * @param newRootId 新的根节点ID
+	 */
+	void moveAddSignRoot(@Param("oldRootId") String oldRootId, @Param("newRootId") String newRootId);
+
+	/**
+	 * 更新加签根节点的下一个指向
+	 * @param oldRootId 旧的根节点ID
+	 * @param newRootId 新的根节点ID
+	 */
+	void updateRootNext(@Param("oldRootId") String oldRootId, @Param("newRootId") String newRootId);
+
+    void updateApprover(@Param("approverId")String approverId);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/mapper/ExtApprovalTaskMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/approval/mapper/ExtApprovalTaskMapper.xml
new file mode 100644
index 0000000..7bd162a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/mapper/ExtApprovalTaskMapper.xml
@@ -0,0 +1,228 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.approval.mapper.ExtApprovalTaskMapper">
+    <select id="selectLatestInstanceByResourceId" resultType="cn.cordys.crm.approval.domain.ApprovalInstance">
+        SELECT *
+        FROM approval_instance
+        WHERE resource_id = #{resourceId}
+        ORDER BY submit_time DESC, id DESC
+        LIMIT 1
+    </select>
+
+    <select id="selectPendingTasks" resultType="cn.cordys.crm.approval.dto.response.ApprovalTodoItemResponse">
+        SELECT
+        ai.resource_id AS resourceId,
+        COALESCE(oq.name, c.name, so.name, ci.name, '') AS resourceName,
+        UPPER(ai.type) AS resourceType,
+        u.name AS applicant,
+        ai.submit_time AS submitTime,
+        CASE WHEN at.action IS NULL OR at.action = '' THEN at.status ELSE at.action END AS approvalOperation,
+        ai.approval_status AS dataResult,
+        at.id AS approvalTaskId,
+        at.node_id AS approvalNodeId,
+        at.instance_id AS approvalInstanceId,
+        at.approver_id AS approvalId,
+        afv.flow_id AS approvalFlowId,
+        afv.id AS approvalFlowVersionId
+        FROM approval_task at
+        INNER JOIN approval_instance ai ON ai.id = at.instance_id
+        INNER JOIN approval_flow_version afv ON afv.id = ai.flow_version_id
+        LEFT JOIN sys_user u ON u.id = ai.submitter_id
+        LEFT JOIN opportunity_quotation oq ON ai.resource_id = oq.id AND ai.type IN ('quotation', 'quote')
+        LEFT JOIN contract c ON ai.resource_id = c.id AND ai.type = 'contract'
+        LEFT JOIN sales_order so ON ai.resource_id = so.id AND ai.type = 'order'
+        LEFT JOIN contract_invoice ci ON ai.resource_id = ci.id AND ai.type = 'invoice'
+        WHERE at.approver_id = #{approverId}
+        AND at.status = #{pendingStatus}
+        AND at.type != 'CC'
+        AND ai.approval_status not in ('APPROVED','UNAPPROVED')
+        <if test="resourceType != null and resourceType != ''">
+            AND ai.type = #{resourceType}
+        </if>
+        <if test="resourceName != null and resourceName != ''">
+            AND COALESCE(oq.name, c.name, so.name, ci.name) LIKE CONCAT('%', #{resourceName}, '%')
+        </if>
+        ORDER BY at.create_time DESC, at.id DESC
+    </select>
+
+    <select id="selectProcessedTasks" resultType="cn.cordys.crm.approval.dto.response.ApprovalTodoItemResponse">
+        SELECT
+        ai.resource_id AS resourceId,
+        COALESCE(oq.name, c.name, so.name, ci.name, '') AS resourceName,
+        UPPER(ai.type) AS resourceType,
+        u.name AS applicant,
+        ai.submit_time AS submitTime,
+        CASE WHEN at.action IS NULL OR at.action = '' THEN at.status ELSE at.action END AS approvalOperation,
+        ai.approval_status AS dataResult,
+        at.id AS approvalTaskId,
+        at.node_id AS approvalNodeId,
+        at.instance_id AS approvalInstanceId,
+        at.approver_id AS approvalId,
+        afv.flow_id AS approvalFlowId,
+        afv.id AS approvalFlowVersionId
+        FROM approval_task at
+        INNER JOIN approval_instance ai ON ai.id = at.instance_id
+        INNER JOIN approval_flow_version afv ON afv.id = ai.flow_version_id
+        LEFT JOIN sys_user u ON u.id = ai.submitter_id
+        LEFT JOIN opportunity_quotation oq ON ai.resource_id = oq.id AND ai.type IN ('quotation', 'quote')
+        LEFT JOIN contract c ON ai.resource_id = c.id AND ai.type = 'contract'
+        LEFT JOIN sales_order so ON ai.resource_id = so.id AND ai.type = 'order'
+        LEFT JOIN contract_invoice ci ON ai.resource_id = ci.id AND ai.type = 'invoice'
+        WHERE at.approver_id = #{approverId}
+        AND at.status NOT IN ('APPROVING','NONE','REVOKED')
+        AND at.action IS NOT NULL
+        <if test="resourceType != null and resourceType != ''">
+            AND ai.type = #{resourceType}
+        </if>
+        <if test="keyword != null and keyword != ''">
+            AND COALESCE(oq.name, c.name, so.name, ci.name) LIKE CONCAT('%', #{keyword}, '%')
+        </if>
+        ORDER BY at.update_time DESC, at.id DESC
+    </select>
+
+    <select id="selectInitiatedTasks" resultType="cn.cordys.crm.approval.dto.response.ApprovalTodoItemResponse">
+        SELECT
+        ai.resource_id AS resourceId,
+        COALESCE(oq.name, c.name, so.name, ci.name, '') AS resourceName,
+        UPPER(ai.type) AS resourceType,
+        u.name AS applicant,
+        ai.submit_time AS submitTime,
+        ai.approval_status AS approvalOperation,
+        ai.approval_status AS dataResult,
+        NULL AS approvalTaskId,
+        ai.current_node_id AS approvalNodeId,
+        ai.id AS approvalInstanceId,
+        ai.submitter_id AS approvalId,
+        afv.flow_id AS approvalFlowId,
+        afv.id AS approvalFlowVersionId
+        FROM approval_instance ai
+        INNER JOIN approval_flow_version afv ON afv.id = ai.flow_version_id
+        LEFT JOIN sys_user u ON u.id = ai.submitter_id
+        LEFT JOIN opportunity_quotation oq ON ai.resource_id = oq.id AND ai.type IN ('quotation', 'quote')
+        LEFT JOIN contract c ON ai.resource_id = c.id AND ai.type = 'contract'
+        LEFT JOIN sales_order so ON ai.resource_id = so.id AND ai.type = 'order'
+        LEFT JOIN contract_invoice ci ON ai.resource_id = ci.id AND ai.type = 'invoice'
+        WHERE ai.submitter_id = #{submitterId}
+        <if test="resourceType != null and resourceType != ''">
+            AND ai.type = #{resourceType}
+        </if>
+        <if test="keyword != null and keyword != ''">
+            AND COALESCE(oq.name, c.name, so.name, ci.name) LIKE CONCAT('%', #{keyword}, '%')
+        </if>
+        ORDER BY ai.update_time DESC, ai.id DESC
+    </select>
+
+    <select id="selectCcTasks" resultType="cn.cordys.crm.approval.dto.response.ApprovalTodoItemResponse">
+        SELECT
+        ai.resource_id AS resourceId,
+        COALESCE(oq.name, c.name, so.name, ci.name, '') AS resourceName,
+        UPPER(ai.type) AS resourceType,
+        u.name AS applicant,
+        ai.submit_time AS submitTime,
+        CASE WHEN at.action IS NULL OR at.action = '' THEN at.status ELSE at.action END AS approvalOperation,
+        ai.approval_status AS dataResult,
+        at.id AS approvalTaskId,
+        at.node_id AS approvalNodeId,
+        at.instance_id AS approvalInstanceId,
+        at.approver_id AS approvalId,
+        afv.flow_id AS approvalFlowId,
+        afv.id AS approvalFlowVersionId
+        FROM approval_task at
+        INNER JOIN approval_instance ai ON ai.id = at.instance_id
+        INNER JOIN approval_flow_version afv ON afv.id = ai.flow_version_id
+        LEFT JOIN sys_user u ON u.id = ai.submitter_id
+        LEFT JOIN opportunity_quotation oq ON ai.resource_id = oq.id AND ai.type IN ('quotation', 'quote')
+        LEFT JOIN contract c ON ai.resource_id = c.id AND ai.type = 'contract'
+        LEFT JOIN sales_order so ON ai.resource_id = so.id AND ai.type = 'order'
+        LEFT JOIN contract_invoice ci ON ai.resource_id = ci.id AND ai.type = 'invoice'
+        WHERE at.approver_id = #{approverId}
+        AND at.type IN ('cc', 'CC')
+        <if test="resourceType != null and resourceType != ''">
+            AND ai.type = #{resourceType}
+        </if>
+        <if test="keyword != null and keyword != ''">
+            AND COALESCE(oq.name, c.name, so.name, ci.name) LIKE CONCAT('%', #{keyword}, '%')
+        </if>
+        ORDER BY at.update_time DESC, at.id DESC
+    </select>
+
+    <select id="countPendingByApprover" resultType="cn.cordys.crm.approval.dto.response.ApprovalTodoCountResponse">
+        SELECT IFNULL(SUM(t.cnt), 0)                                                            AS total,
+               IFNULL(SUM(CASE WHEN t.type IN ('quotation', 'quote') THEN t.cnt ELSE 0 END), 0) AS quotation,
+               IFNULL(SUM(CASE WHEN t.type = 'contract' THEN t.cnt ELSE 0 END), 0)              AS contract,
+               IFNULL(SUM(CASE WHEN t.type = 'order' THEN t.cnt ELSE 0 END), 0)                 AS `order`,
+               IFNULL(SUM(CASE WHEN t.type = 'invoice' THEN t.cnt ELSE 0 END), 0)               AS invoice
+        FROM (SELECT ai.type  AS type,
+                     COUNT(*) AS cnt
+              FROM (SELECT DISTINCT at.instance_id
+                    FROM approval_task at
+                    INNER JOIN approval_instance ai
+                    ON ai.id = at.instance_id
+                        INNER JOIN approval_flow_version afv ON afv.id = ai.flow_version_id
+                    WHERE at.approver_id = #{approverId}
+                      AND at.status = #{pendingStatus}
+                      AND ai.approval_status not in ('APPROVED'
+                        , 'UNAPPROVED')
+                      AND ai.current_node_id = at.node_id) pending
+                       INNER JOIN approval_instance ai ON ai.id = pending.instance_id
+              GROUP BY ai.type) t
+        
+    </select>
+
+    <update id="updateTaskById">
+        update approval_task
+        <set>
+            <if test="approvalTask.nodeId != null and approvalTask.nodeId != ''">
+                node_id = #{approvalTask.nodeId},
+            </if>
+            <if test="approvalTask.instanceId != null and approvalTask.instanceId != ''">
+                instance_id = #{approvalTask.instanceId},
+            </if>
+            <if test="approvalTask.approverId != null and approvalTask.approverId != ''">
+                approver_id = #{approvalTask.approverId},
+            </if>
+            <if test="approvalTask.status != null and approvalTask.status != ''">
+                status = #{approvalTask.status},
+            </if>
+            <if test="approvalTask.type != null and approvalTask.type != ''">
+                type = #{approvalTask.type},
+            </if>
+            <if test="approvalTask.action != null and approvalTask.action != ''">
+                action = #{approvalTask.action},
+            </if>
+            <if test="approvalTask.createTime != null and approvalTask.createTime != ''">
+                create_time = #{approvalTask.createTime},
+            </if>
+            <if test="approvalTask.updateTime != null and approvalTask.updateTime != ''">
+                update_time = #{approvalTask.updateTime},
+            </if>
+            <if test="approvalTask.createUser != null and approvalTask.createUser != ''">
+                create_user = #{approvalTask.createUser},
+            </if>
+            <if test="approvalTask.updateUser != null and approvalTask.updateUser != ''">
+                update_user = #{approvalTask.updateUser},
+            </if>
+        </set>
+        <where>
+            id = #{approvalTask.id}
+        </where>
+    </update>
+
+    <update id="moveAddSignRoot" parameterType="java.lang.String">
+        update approval_add_sign_task
+        set root_task_id = #{newRootId}
+        where root_task_id = #{oldRootId}
+    </update>
+
+    <update id="updateRootNext" parameterType="java.lang.String">
+        update approval_add_sign_task
+        set sign_task_id = #{newRootId}
+        where sign_task_id = #{oldRootId}
+    </update>
+
+    <update id="updateApprover" parameterType="java.lang.String">
+        update approval_task
+        set approver_id = #{approverId}, update_time = UNIX_TIMESTAMP() * 1000
+    </update>
+</mapper>
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/service/ApprovalActionService.java b/backend/crm/src/main/java/cn/cordys/crm/approval/service/ApprovalActionService.java
new file mode 100644
index 0000000..f2b6d2b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/service/ApprovalActionService.java
@@ -0,0 +1,1328 @@
+package cn.cordys.crm.approval.service;
+
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.dto.LogDTO;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.approval.constants.*;
+import cn.cordys.crm.approval.domain.*;
+import cn.cordys.crm.approval.dto.AddSignSortInfo;
+import cn.cordys.crm.approval.dto.request.*;
+import cn.cordys.crm.approval.dto.response.ApprovalNodeApproverResponse;
+import cn.cordys.crm.approval.dto.response.ApprovalNodeResponse;
+import cn.cordys.crm.approval.mapper.ExtApprovalInstanceMapper;
+import cn.cordys.crm.approval.mapper.ExtApprovalTaskMapper;
+import cn.cordys.crm.system.constants.NotificationConstants;
+import cn.cordys.crm.system.domain.OrganizationUser;
+import cn.cordys.crm.system.domain.User;
+import cn.cordys.crm.system.dto.request.UploadTransferRequest;
+import cn.cordys.crm.system.notice.CommonNoticeSendService;
+import cn.cordys.crm.system.service.AttachmentService;
+import cn.cordys.crm.system.service.LogService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.apache.ibatis.session.ExecutorType;
+import org.apache.ibatis.session.SqlSession;
+import org.apache.ibatis.session.SqlSessionFactory;
+import org.mybatis.spring.SqlSessionUtils;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class ApprovalActionService {
+
+	@Resource
+	private ApprovalFlowService approvalFlowService;
+	@Resource
+	private ApprovalInstanceService approvalInstanceService;
+	@Resource
+	private BaseMapper<ApprovalInstance> approvalInstanceMapper;
+	@Resource
+	private BaseMapper<ApprovalTask> approvalTaskMapper;
+	@Resource
+	private BaseMapper<ApprovalAddSignTask> approvalAddSignTasMapper;
+	@Resource
+	private BaseMapper<ApprovalReturnBackRecord> approvalReturnBackRecordMapper;
+	@Resource
+	private BaseMapper<ApprovalAddSignTask> approvalAddSignTaskMapper;
+	@Resource
+	private BaseMapper<ApprovalNodeApprover> approvalNodeApproverMapper;
+	@Resource
+	private BaseMapper<ApprovalRecord> approvalRecordMapper;
+	@Resource
+	private AttachmentService attachmentService;
+	@Resource
+	private BaseMapper<ApprovalInstanceAttachment> approvalInstanceAttachmentMapper;
+	@Resource
+	private ExtApprovalInstanceMapper extApprovalInstanceMapper;
+	@Resource
+	private LogService logService;
+	@Resource
+	private ExtApprovalTaskMapper extApprovalTaskMapper;
+	@Resource
+	private CommonNoticeSendService commonNoticeSendService;
+	@Resource
+	private BaseMapper<OrganizationUser> organizationUserMapper;
+
+	public static final Long DEFAULT_SIGN_SORT_STEP = 100L;
+    @Resource
+    private SqlSessionFactory sqlSessionFactory;
+
+	/**
+	 * 加签
+	 *
+	 * @param request 加签参数
+	 * @param userId  当前用户
+	 * @param orgId   当前组织
+	 */
+	public void sign(ApprovalAddSignRequest request, String userId, String orgId) {
+		ApprovalInstance instance = approvalInstanceMapper.selectByPrimaryKey(request.getInstanceId());
+		// 审批流是否允许加签
+		ApprovalFlow approvalFlow = approvalFlowService.selectApprovalFlowByFormType(instance.getType(), orgId);
+		if (approvalFlow == null || !approvalFlow.getAllowAddSign()) {
+			throw new GenericException(Translator.get("no.operation.permission"));
+		}
+		// 刷新被加签任务状态 && 插入审批记录
+		ApprovalTask currentTask = saveActionTask(request, ApprovalAction.SIGN, userId, orgId, ApprovalAddSignType.valueOf(request.getType()));
+		// 加签操作的待办任务
+		ApprovalTask appendActionTask = appendSignTask(request, userId, currentTask.getNodeRound());
+		// 发送待办消息通知
+		sendApprovalTaskNotice(List.of(appendActionTask), instance, orgId);
+		ApprovalAddSignTask addSignTask = saveAddSignTask(request, appendActionTask.getId());
+		// 之后加签(多人或签), 需要刷新实例当前审批节点
+		if (ApprovalAddSignType.valueOf(request.getType()) == ApprovalAddSignType.AFTER && isMultiAnyMode(appendActionTask.getNodeId(), userId, orgId)) {
+			handlePreCcTasks(currentTask.getNodeId(), instance, userId, orgId);
+			approvalFlowService.updateApprovalPostField(instance, currentTask.getNodeId(), ApprovalAction.APPROVE, userId);
+			ApprovalNodeResponse nextNode = approvalFlowService.getTaskNextNode(appendActionTask, instance, orgId);
+			handleNextApprovalNode(nextNode, instance, currentTask.getApproverId(), userId, orgId);
+		}
+		// 保存加签附件
+		if (CollectionUtils.isNotEmpty(request.getAttachmentIds())) {
+			saveInstanceAttachment(request.getAttachmentIds(), request.getInstanceId(), addSignTask.getId(), userId, orgId);
+		}
+		saveLogAndNotice(instance, userId, orgId, ApprovalAction.SIGN);
+	}
+
+	/**
+	 * 回退
+	 *
+	 * @param request 回退参数
+	 * @param userId  当前用户
+	 * @param orgId   当前组织
+	 */
+	public void back(ApprovalReturnBackRequest request, String userId, String orgId) {
+		ApprovalInstance instance = approvalInstanceMapper.selectByPrimaryKey(request.getInstanceId());
+		// 追加退回操作的待办任务 && 保存退回记录
+		backProcess(instance, request, orgId);
+		ApprovalReturnBackRecord backRecord = saveBackRecord(request, instance.getId(), userId);
+		// 保存执行任务
+		saveActionTask(request, ApprovalAction.BACK, userId, orgId, null);
+		instance.setCurrentNodeId(request.getReturnToNodeId());
+		approvalInstanceMapper.updateById(instance);
+		// 保存退回附件
+		if (CollectionUtils.isNotEmpty(request.getAttachmentIds())) {
+			saveInstanceAttachment(request.getAttachmentIds(), request.getInstanceId(), backRecord.getId(), userId, orgId);
+		}
+		saveLogAndNotice(instance, userId, orgId, ApprovalAction.BACK);
+	}
+
+	/**
+	 * 撤回
+	 *
+	 * @param request       撤回参数
+	 * @param currentUserId 当前用户
+	 * @param orgId         当前组织
+	 */
+	public void revoke(ApprovalRevokeRequest request, String currentUserId, String orgId) {
+		ApprovalTask currentTask = getTaskById(request.getId());
+		ApprovalInstance instance = approvalInstanceMapper.selectByPrimaryKey(currentTask.getInstanceId());
+		// 审批流是否允许撤回
+		ApprovalFlow approvalFlow = approvalFlowService.selectApprovalFlowByFormType(instance.getType(), orgId);
+		if (approvalFlow == null || !approvalFlow.getAllowWithdraw()) {
+			throw new GenericException(Translator.get("no.operation.permission"));
+		}
+		revokeProcess(currentTask, instance, orgId);
+		refreshRevokeTask(currentTask, instance, currentUserId);
+		saveLogAndNotice(instance, currentUserId, orgId, ApprovalAction.REVOKE);
+	}
+
+	/**
+	 * 同意
+	 *
+	 * @param request       撤回参数
+	 * @param currentUserId 当前用户
+	 * @param currentOrgId  当前组织
+	 */
+	public void approve(ApprovalActionRequest request, String currentUserId, String currentOrgId) {
+		ApprovalTask currentTask = saveActionTask(request, ApprovalAction.APPROVE, currentUserId, currentOrgId, null);
+		ApprovalInstance instance = approvalInstanceMapper.selectByPrimaryKey(currentTask.getInstanceId());
+		approvedProcess(instance, currentTask, currentUserId, currentOrgId);
+		saveLogAndNotice(instance, currentUserId, currentOrgId, ApprovalAction.APPROVE);
+	}
+
+	/**
+	 * 驳回
+	 *
+	 * @param request       驳回参数
+	 * @param currentUserId 当前用户
+	 * @param currentOrgId  当前组织
+	 */
+	public void reject(ApprovalActionRequest request, String currentUserId, String currentOrgId) {
+		ApprovalTask currentTask = saveActionTask(request, ApprovalAction.REJECT, currentUserId, currentOrgId, null);
+		ApprovalInstance instance = approvalInstanceMapper.selectByPrimaryKey(currentTask.getInstanceId());
+		// 任一审批任务驳回即驳回整个节点
+		approvalInstanceService.rejectApprovalInstance(instance, currentUserId);
+		ApprovalResourceService resourceService = CommonBeanFactory.getBean(ApprovalResourceService.class);
+		if (resourceService != null) {
+			resourceService.updateResourceApprovalStatus(FormKey.ofKey(instance.getType()), instance.getResourceId(), instance.getApprovalStatus(), currentUserId, currentOrgId);
+		}
+		loseCurrentNode(instance.getId(), currentTask.getNodeId());
+		approvalFlowService.updateApprovalPostField(instance, currentTask.getNodeId(), ApprovalAction.REJECT, currentUserId);
+		// 日志 && 通知
+		saveLogAndNotice(instance, currentUserId, currentOrgId, ApprovalAction.REJECT);
+	}
+
+	/**
+	 * 批量同意
+	 * @param request 请求参数
+	 * @param userId 用户ID
+	 * @param organizationId 组织ID
+	 */
+	public void batchApprove(ApprovalActionBatchRequest request, String userId, String organizationId) {
+		List<ApprovalTask> approvalTasks = approvalTaskMapper.selectByIds(request.getIds());
+		approvalTasks.forEach(approvalTask -> approve(ApprovalActionRequest.builder().id(approvalTask.getId()).instanceId(approvalTask.getInstanceId())
+				.nodeId(approvalTask.getNodeId()).approverId(approvalTask.getApproverId())
+				.comment(request.getComment()).attachmentIds(request.getAttachmentIds())
+				.build(), userId, organizationId));
+	}
+
+	/**
+	 * 批量驳回
+	 * @param request 请求参数
+	 * @param userId 当前用户ID
+	 * @param orgId 当前组织ID
+	 */
+	public void batchReject(ApprovalActionBatchRequest request, String userId, String orgId) {
+		List<ApprovalTask> approvalTasks = approvalTaskMapper.selectByIds(request.getIds());
+		approvalTasks.forEach(approvalTask -> reject(ApprovalActionRequest.builder().id(approvalTask.getId()).nodeId(approvalTask.getNodeId()).instanceId(approvalTask.getInstanceId())
+						.approverId(approvalTask.getApproverId()).comment(request.getComment()).attachmentIds(request.getAttachmentIds()).build(),
+				userId, orgId));
+	}
+
+	/**
+	 * 保存加签任务的信息
+	 *
+	 * @param request 加签参数
+	 */
+	private ApprovalAddSignTask saveAddSignTask(ApprovalAddSignRequest request, String taskId) {
+		// 计算加签信息
+		AddSignSortInfo signSortInfo = calculateAddSignSort(request.getId(), request.getType());
+		ApprovalAddSignTask approvalAddSignTask = new ApprovalAddSignTask();
+		approvalAddSignTask.setId(IDGenerator.nextStr());
+		approvalAddSignTask.setTaskId(taskId);
+		approvalAddSignTask.setSignTaskId(request.getId());
+		approvalAddSignTask.setType(request.getType());
+		approvalAddSignTask.setComment(request.getComment());
+		// 设置扩展字段
+		approvalAddSignTask.setRootTaskId(signSortInfo.getRootTaskId());
+		approvalAddSignTask.setSort(signSortInfo.getSort());
+		approvalAddSignTasMapper.insert(approvalAddSignTask);
+		return approvalAddSignTask;
+	}
+
+	/**
+	 * 保存执行附件信息
+	 *
+	 * @param attachmentIds 附件ID集合
+	 * @param instanceId    实例ID
+	 * @param elementId     节点ID
+	 * @param userId        当前用户
+	 * @param orgId         当前组织
+	 */
+	private void saveInstanceAttachment(List<String> attachmentIds, String instanceId, String elementId, String userId, String orgId) {
+		ApprovalInstance instance = approvalInstanceMapper.selectByPrimaryKey(instanceId);
+		List<ApprovalInstanceAttachment> attachments = new ArrayList<>();
+		attachmentIds.forEach(attachmentId -> {
+			ApprovalInstanceAttachment attachment = new ApprovalInstanceAttachment();
+			attachment.setId(IDGenerator.nextStr());
+			attachment.setInstanceId(instanceId);
+			attachment.setElementId(elementId);
+			attachment.setAttachmentId(attachmentId);
+			attachments.add(attachment);
+		});
+		approvalInstanceAttachmentMapper.batchInsert(attachments);
+		// 转移临时文件, 保存附件信息
+		UploadTransferRequest transferRequest = new UploadTransferRequest(orgId, instance.getResourceId(), userId, attachmentIds);
+		attachmentService.appendTemp(transferRequest);
+	}
+
+	/**
+	 * 追加加签操作的待办任务
+	 *
+	 * @param request 加签参数
+	 * @param userId  当前用户
+	 */
+	private ApprovalTask appendSignTask(ApprovalAddSignRequest request, String userId, int round) {
+		ApprovalTask approvalTask = new ApprovalTask();
+		BeanUtils.copyBean(approvalTask, request);
+		approvalTask.setId(IDGenerator.nextStr());
+		approvalTask.setNodeId(request.getNodeId());
+		approvalTask.setApproverId(request.getSignApprover());
+		approvalTask.setNodeRound(round);
+		approvalTask.setCreateTime(System.currentTimeMillis());
+		approvalTask.setUpdateTime(System.currentTimeMillis());
+		approvalTask.setCreateUser(userId);
+		approvalTask.setUpdateUser(userId);
+		approvalTask.setStatus(ApprovalStatus.APPROVING.name());
+		approvalTask.setType(ApprovalTaskType.SN.name());
+		approvalTaskMapper.insert(approvalTask);
+		return approvalTask;
+	}
+
+	/**
+	 * 追加退回操作的待办任务
+	 *
+	 * @param backRequest  退回参数
+	 * @param userId       当前用户
+	 * @param currentOrgId 当前组织ID
+	 */
+	private void appendBackTasks(ApprovalReturnBackRequest backRequest, String userId, String currentOrgId) {
+		ApprovalInstance instance = approvalInstanceMapper.selectByPrimaryKey(backRequest.getInstanceId());
+		List<String> approvers = approvalFlowService.getCurrentNodeApproverList(instance, backRequest.getReturnToNodeId(), currentOrgId);
+		ApprovalNodeApprover approvalNodeApprover = approvalNodeApproverMapper.selectByPrimaryKey(backRequest.getReturnToNodeId());
+		List<ApprovalTask> approvalTasks = getNodeApproverTasks(backRequest.getReturnToNodeId(), approvers, null,
+				SameSubmitterActionEnum.valueOf(approvalNodeApprover.getSameSubmitterAction()), MultiApproverModeEnum.valueOf(approvalNodeApprover.getMultiApproverMode()),
+				instance, userId, ApprovalTaskType.NL.name());
+		if (CollectionUtils.isNotEmpty(approvalTasks)) {
+			approvalTaskMapper.batchInsert(approvalTasks);
+			// 发送待办消息通知
+			sendApprovalTaskNotice(approvalTasks, instance, currentOrgId);
+		}
+	}
+
+	/**
+	 * 保存退回节点信息
+	 *
+	 * @param request 退回参数
+	 * @param userId  当前用户ID
+	 * @return 退回节点信息
+	 */
+	private ApprovalReturnBackRecord saveBackRecord(ApprovalReturnBackRequest request, String instanceId, String userId) {
+		ApprovalReturnBackRecord backRecord = new ApprovalReturnBackRecord();
+		backRecord.setId(IDGenerator.nextStr());
+		backRecord.setInstanceId(instanceId);
+		backRecord.setTaskId(request.getId());
+		backRecord.setReturnToNodeId(request.getReturnToNodeId());
+		backRecord.setReturnReason(request.getComment());
+		backRecord.setReturnUserId(userId);
+		// 每个审批实例, 只保留最新的一条退回节点记录
+		approvalReturnBackRecordMapper.deleteByLambda(new LambdaQueryWrapper<ApprovalReturnBackRecord>().eq(ApprovalReturnBackRecord::getInstanceId, instanceId)
+				.eq(ApprovalReturnBackRecord::getReturnToNodeId, request.getReturnToNodeId()));
+		approvalReturnBackRecordMapper.insert(backRecord);
+		return backRecord;
+	}
+
+	/**
+	 * 保存审批记录信息 (附件)
+	 *
+	 * @param currentTask   当前执行任务
+	 * @param comment       评论意见
+	 * @param attachmentIds 附件ID集合
+	 * @param currentUserId 当前操作人
+	 */
+	private void saveApprovalRecord(ApprovalTask currentTask, String comment, List<String> attachmentIds, String currentUserId, String orgId) {
+		List<ApprovalRecord> records = approvalRecordMapper.selectListByLambda(new LambdaQueryWrapper<ApprovalRecord>().eq(ApprovalRecord::getInstanceId, currentTask.getInstanceId())
+				.eq(ApprovalRecord::getTaskId, currentTask.getId()).eq(ApprovalRecord::getNodeRound, currentTask.getNodeRound()).eq(ApprovalRecord::getNodeId, currentTask.getNodeId()));
+		if (CollectionUtils.isNotEmpty(records)) {
+			// 撤回的任务已经产生执行记录
+			if (StringUtils.isBlank(comment) && CollectionUtils.isEmpty(attachmentIds)) {
+				return;
+			}
+			// 如果产生了新的附件和意见, 清理掉
+			approvalRecordMapper.deleteByIds(records.stream().map(ApprovalRecord::getId).toList());
+		}
+		ApprovalRecord record = new ApprovalRecord();
+		record.setId(IDGenerator.nextStr());
+		record.setInstanceId(currentTask.getInstanceId());
+		record.setTaskId(currentTask.getId());
+		record.setNodeRound(currentTask.getNodeRound());
+		record.setNodeId(currentTask.getNodeId());
+		record.setComment(comment);
+		record.setCreateTime(System.currentTimeMillis());
+		record.setCreateUser(currentUserId);
+		record.setUpdateTime(System.currentTimeMillis());
+		record.setUpdateUser(currentUserId);
+		approvalRecordMapper.insert(record);
+		if (CollectionUtils.isNotEmpty(attachmentIds)) {
+			saveInstanceAttachment(attachmentIds, currentTask.getInstanceId(), record.getId(), currentUserId, orgId);
+		}
+	}
+
+	/**
+	 * 根据任务ID获取审批任务
+	 *
+	 * @param taskId 任务ID
+	 * @return 审批任务
+	 */
+	private ApprovalTask getTaskById(String taskId) {
+		ApprovalTask currentTask = approvalTaskMapper.selectByPrimaryKey(taskId);
+		if (currentTask == null) {
+			throw new GenericException("审批任务不存在!");
+		}
+		return currentTask;
+	}
+
+	/**
+	 * 同意操作执行
+	 *
+	 * @param currentTask 当前任务
+	 * @param currentUserId 当前用户ID
+	 * @param currentOrgId 当前组织ID
+	 */
+	private void approvedProcess(ApprovalInstance instance, ApprovalTask currentTask, String currentUserId, String currentOrgId) {
+		// 加签类型的待办任务
+		appendProcessSignTask(instance, currentTask, currentOrgId);
+		// 多人依次审批类型的待办
+		List<ApprovalTask> multiSeqApprovalTasks = new ArrayList<>();
+		ApprovalNodeApprover nodeApprover = getNodeApprover(currentTask.getNodeId());
+		if (MultiApproverModeEnum.valueOf(nodeApprover.getMultiApproverMode()) == MultiApproverModeEnum.SEQUENTIAL) {
+			// 依次审批, 如果存在审批中任务(加签生成的)则跳过
+			LambdaQueryWrapper<ApprovalTask> queryWrapper = new LambdaQueryWrapper<>();
+			queryWrapper.eq(ApprovalTask::getNodeId, currentTask.getNodeId())
+					.eq(ApprovalTask::getInstanceId, currentTask.getInstanceId())
+					.eq(ApprovalTask::getStatus, ApprovalStatus.APPROVING.name()).nq(ApprovalTask::getType, ApprovalTaskType.CC);
+			List<ApprovalTask> approvingTasks = approvalTaskMapper.selectListByLambda(queryWrapper);
+			if (approvingTasks.isEmpty()) {
+				List<String> autoSkipUserIds = approvalFlowService.getFlowAutoSkipUser(instance, currentTask.getNodeId(), List.of(currentTask.getApproverId()));
+				SameSubmitterActionEnum sameAction = SameSubmitterActionEnum.valueOf(nodeApprover.getSameSubmitterAction());
+				// 如果依次审批的节点存在跳过的情况, 一直往后取
+				int seq = 0;
+				String nextSeqUserId = getMultiSeqAfterOne(currentTask.getNodeId(), currentTask.getInstanceId(), currentOrgId, seq);
+				while (StringUtils.isNotBlank(nextSeqUserId)) {
+					ApprovalTask nextTask = buildTask(currentTask.getNodeId(), currentTask.getInstanceId(), nextSeqUserId, ApprovalTaskType.NL.name(), currentUserId, currentTask.getNodeRound(), seq);
+					boolean autoSkip = autoSkipUserIds.contains(nextSeqUserId);
+					boolean sameSubmitterSkip = sameAction == SameSubmitterActionEnum.SKIP && Strings.CI.equals(nextSeqUserId, instance.getSubmitterId());
+					if (autoSkip || sameSubmitterSkip) {
+						// 自动同意 (重复审批跳过, 提审人相同跳过)
+						nextTask.setAction(ApprovalAction.APPROVE.name());
+						nextTask.setStatus(ApprovalStatus.AUTO_APPROVED.name());
+						approvalFlowService.saveAutoRecord(currentTask.getInstanceId(), currentTask.getNodeId(), ApprovalStatus.AUTO_APPROVED,
+								autoSkipUserIds.contains(nextSeqUserId) ? "审批人重复出现, 后续节点自动通过" : "审批人与提交人为同一人时, 自动同意跳过", nextTask.getId(), null, false, nextTask.getNodeRound());
+						seq++;
+						nextSeqUserId = getMultiSeqAfterOne(currentTask.getNodeId(), currentTask.getInstanceId(), currentOrgId, seq);
+					} else {
+						nextSeqUserId = null;
+					}
+					multiSeqApprovalTasks.add(nextTask);
+				}
+			}
+		}
+		if (CollectionUtils.isNotEmpty(multiSeqApprovalTasks)) {
+			approvalTaskMapper.batchInsert(multiSeqApprovalTasks);
+			// 发送待办消息通知
+			sendApprovalTaskNotice(multiSeqApprovalTasks, instance, currentOrgId);
+		}
+
+		// 节点状态流转类型的待办
+		if (isCurrentSingleNodeApproved(currentTask.getNodeId(), currentTask.getInstanceId(), instance.getSubmitterId(), currentOrgId) || isCurrentMultiNodeApproved(currentTask.getNodeId(), currentTask.getInstanceId())) {
+			// 流转之前需要发送当前节点的抄送
+			handlePreCcTasks(currentTask.getNodeId(), instance, currentUserId, currentOrgId);
+			approvalFlowService.updateApprovalPostField(instance, currentTask.getNodeId(), ApprovalAction.APPROVE, currentUserId);
+			// 单人审批或者多人审批但节点流转通过
+			ApprovalNodeResponse nextNode = approvalFlowService.getTaskNextNode(currentTask, instance, currentOrgId);
+			handleNextApprovalNode(nextNode, instance, currentTask.getApproverId(), currentUserId, currentOrgId);
+			// 多人或签, 移除审批中的任务
+			loseCurrentNode(instance.getId(), currentTask.getNodeId());
+		}
+	}
+
+	/**
+	 * 加签操作导致的后续待办任务
+	 * @param currentTask 当前节点任务
+	 */
+	private void appendProcessSignTask(ApprovalInstance instance, ApprovalTask currentTask, String currentOrgId) {
+		if (Strings.CI.equals(currentTask.getType(), ApprovalTaskType.SN.name())) {
+			// 加签任务执行, 需要获取同一加签链路的下一个待办任务
+			ApprovalTask nextTask = getNextAddSignTask(currentTask.getId());
+			if (nextTask != null) {
+				nextTask.setCreateTime(nextTask.getCreateTime() + 1);
+				nextTask.setUpdateTime(System.currentTimeMillis());
+				approvalTaskMapper.insert(nextTask);
+				sendApprovalTaskNotice(List.of(nextTask), instance, currentOrgId);
+			}
+		}
+	}
+
+	/**
+	 * 执行审批任务
+	 *
+	 * @param request       执行参数
+	 * @param action        执行操作
+	 * @param currentUserId 当前用户ID
+	 * @return 执行任务
+	 */
+	private ApprovalTask saveActionTask(ApprovalActionRequest request, ApprovalAction action, String currentUserId, String currentOrgId, ApprovalAddSignType signType) {
+		// 保存执行的任务及记录
+		ApprovalTask currentTask = getTaskById(request.getId());
+		switch (action) {
+			case APPROVE: {
+				currentTask.setAction(ApprovalAction.APPROVE.name());
+				currentTask.setStatus(ApprovalStatus.APPROVED.name());
+				break;
+			}
+			case REJECT: {
+				currentTask.setAction(ApprovalAction.REJECT.name());
+				currentTask.setStatus(ApprovalStatus.UNAPPROVED.name());
+				break;
+			}
+			case BACK: {
+				currentTask.setStatus(ApprovalStatus.PENDING.name());
+				currentTask.setAction(ApprovalAction.BACK.name());
+				break;
+			}
+			case SIGN: {
+				if (signType == ApprovalAddSignType.BEFORE) {
+					currentTask.setStatus(ApprovalStatus.PENDING.name());
+					currentTask.setAction(ApprovalAction.SIGN.name());
+				} else {
+					currentTask.setAction(ApprovalAction.APPROVE.name());
+					currentTask.setStatus(ApprovalStatus.APPROVED.name());
+				}
+				break;
+			}
+			default: {
+
+			}
+		}
+		currentTask.setUpdateUser(currentUserId);
+		currentTask.setUpdateTime(System.currentTimeMillis());
+		approvalTaskMapper.updateById(currentTask);
+
+		// 退回, 之前加签操作不产生执行记录
+		if (action != ApprovalAction.BACK && signType != ApprovalAddSignType.BEFORE) {
+			saveApprovalRecord(currentTask, request.getComment(), request.getAttachmentIds(), currentUserId, currentOrgId);
+		}
+		return currentTask;
+	}
+
+	/**
+	 * 获取审批节点
+	 *
+	 * @param nodeId 节点ID
+	 * @return 审批节点
+	 */
+	private ApprovalNodeApprover getNodeApprover(String nodeId) {
+		return approvalNodeApproverMapper.selectByPrimaryKey(nodeId);
+	}
+
+	/**
+	 * 判断当前节点是否为多人或签
+	 * @param nodeId 当前节点ID
+	 * @return 是否为多人或签
+	 */
+	private boolean isMultiAnyMode(String nodeId, String userId, String orgId) {
+		boolean multi = approvalFlowService.isCurrentNodeMultiApprover(nodeId, userId, orgId);
+		ApprovalNodeApprover nodeApprover = getNodeApprover(nodeId);
+		return multi && Strings.CI.equals(nodeApprover.getMultiApproverMode(), MultiApproverModeEnum.ANY.name());
+	}
+
+	/**
+	 * 加签时计算排序和链路信息
+	 *
+	 * @param sourceTaskId 被加签的任务ID（即当前用户的任务ID）
+	 * @param addSignType  加签方式 BEFORE / AFTER
+	 * @return 包含 rootTaskId, sort 的计算结果
+	 */
+	private AddSignSortInfo calculateAddSignSort(String sourceTaskId, String addSignType) {
+		// 查询被加签任务是否有加签记录
+		ApprovalAddSignTask signCriteria = new ApprovalAddSignTask();
+		signCriteria.setTaskId(sourceTaskId);
+		ApprovalAddSignTask sourceAddSignTask = approvalAddSignTaskMapper.selectOne(signCriteria);
+
+		AddSignSortInfo signInfo = new AddSignSortInfo();
+		if (sourceAddSignTask == null) {
+			/*
+			 * 普通任务上加签，rootTaskId就是被加签的任务ID
+			 */
+			signInfo.setRootTaskId(sourceTaskId);
+			signInfo.setSort(DEFAULT_SIGN_SORT_STEP);
+		} else {
+			/*
+			 * 加签任务上再加签, rootTaskId继承父加签的rootTaskId
+			 */
+			signInfo.setRootTaskId(sourceAddSignTask.getRootTaskId());
+
+			// 继承父加签任务的sort
+			long parentSort = sourceAddSignTask.getSort() != null ? sourceAddSignTask.getSort() : 0L;
+			if (ApprovalAddSignType.BEFORE.name().equalsIgnoreCase(addSignType)) {
+				// BEFORE: 插在父节点之前
+				signInfo.setSort(parentSort - 100);
+			} else {
+				// AFTER: 插在父节点之后, 需要比父节点大但比下一个任务小
+				Long nextSort = getNextSortByRootTask(sourceAddSignTask.getRootTaskId(), parentSort);
+				if (nextSort != null) {
+					// 有下一个任务，插在中间：(parentSort + nextSort) / 2
+					signInfo.setSort((parentSort + nextSort) / 2);
+				} else {
+					// 没有下一个任务，直接 +100
+					signInfo.setSort(parentSort + 100);
+				}
+			}
+		}
+
+		return signInfo;
+	}
+
+	/**
+	 * 获取指定根任务节点下，比当前排序值大的最小排序值（即下一个任务排序值）
+	 */
+	private Long getNextSortByRootTask(String rootTaskId, Long currentSort) {
+		LambdaQueryWrapper<ApprovalAddSignTask> queryWrapper = new LambdaQueryWrapper<>();
+		queryWrapper.eq(ApprovalAddSignTask::getRootTaskId, rootTaskId)
+				.gt(ApprovalAddSignTask::getSort, currentSort)
+				.orderByAsc(ApprovalAddSignTask::getSort);
+		List<ApprovalAddSignTask> approvalAddSignTasks = approvalAddSignTaskMapper.selectListByLambda(queryWrapper);
+		return CollectionUtils.isEmpty(approvalAddSignTasks) ? null : approvalAddSignTasks.getFirst().getSort();
+	}
+
+	/**
+	 * 获取当前加签任务的下一个待办任务 (同一加签链路)
+	 * @param currentTaskId 当前加签任务ID
+	 * @return 下一个待办任务
+	 */
+	private ApprovalTask getNextAddSignTask(String currentTaskId) {
+		// 1. 查询当前任务的加签记录
+		ApprovalAddSignTask currentAddSign = new ApprovalAddSignTask();
+		currentAddSign.setTaskId(currentTaskId);
+		currentAddSign = approvalAddSignTaskMapper.selectOne(currentAddSign);
+
+		if (currentAddSign == null) {
+			return null;
+		}
+
+		String rootTaskId = currentAddSign.getRootTaskId();
+		Long currentSort = currentAddSign.getSort();
+		// 2. 查询同一个根任务节点下，sort比当前任务大的记录
+		LambdaQueryWrapper<ApprovalAddSignTask> queryWrapper = new LambdaQueryWrapper<>();
+		queryWrapper.eq(ApprovalAddSignTask::getRootTaskId, rootTaskId)
+				.gt(ApprovalAddSignTask::getSort, currentSort)
+				.orderByAsc(ApprovalAddSignTask::getSort);
+		List<ApprovalAddSignTask> signTasks = approvalAddSignTaskMapper.selectListByLambda(queryWrapper);
+
+		if (CollectionUtils.isNotEmpty(signTasks)) {
+			// 下一个加签节点 (断开, 指向新的任务节点)
+			ApprovalAddSignTask nextAddSignTask = signTasks.getFirst();
+			ApprovalTask oldTask = approvalTaskMapper.selectByPrimaryKey(nextAddSignTask.getTaskId());
+			ApprovalTask newTask = copyEmptyTask(oldTask);
+			nextAddSignTask.setTaskId(newTask.getId());
+			approvalAddSignTaskMapper.updateById(nextAddSignTask);
+			return newTask;
+		}
+
+		// 4. 没有下一个加签任务了，返回根任务（原始流程节点的任务）
+		ApprovalTask rootTask = approvalTaskMapper.selectByPrimaryKey(currentAddSign.getRootTaskId());
+		if (ApprovalStatus.valueOf(rootTask.getStatus()) == ApprovalStatus.PENDING) {
+			ApprovalTask copyRoot = copyEmptyTask(rootTask);
+			extApprovalTaskMapper.moveAddSignRoot(rootTask.getId(), copyRoot.getId());
+			extApprovalTaskMapper.updateRootNext(rootTask.getId(), copyRoot.getId());
+			return copyRoot;
+		}
+		return null;
+	}
+
+	/**
+	 * 复制新加签待办任务
+	 * @param old 旧加签任务
+	 * @return 新待办任务
+	 */
+	private ApprovalTask copyEmptyTask(ApprovalTask old) {
+		ApprovalTask newTask = BeanUtils.copyBean(new ApprovalTask(), old);
+		newTask.setId(IDGenerator.nextStr());
+		newTask.setAction(null);
+		newTask.setStatus(ApprovalStatus.APPROVING.name());
+		return newTask;
+	}
+
+	/**
+	 * 获取多人依次审批后续审批人
+	 * @param nodeId 节点ID
+	 * @param instanceId 实例ID
+	 * @param currentOrgId 组织ID
+	 * @param next 后续位次 (从0开始, 0为下一个)
+	 * @return 后续审批人
+	 */
+	public String getMultiSeqAfterOne(String nodeId, String instanceId, String currentOrgId, Integer next) {
+		ApprovalInstance instance = approvalInstanceMapper.selectByPrimaryKey(instanceId);
+		List<String> approvers = approvalFlowService.getCurrentNodeApproverList(instance, nodeId, currentOrgId);
+		LambdaQueryWrapper<ApprovalTask> queryWrapper = new LambdaQueryWrapper<>();
+		queryWrapper.eq(ApprovalTask::getNodeId, nodeId)
+				.eq(ApprovalTask::getInstanceId, instanceId)
+				.eq(ApprovalTask::getType, ApprovalTaskType.NL.name())
+				.eq(ApprovalTask::getStatus, ApprovalStatus.APPROVED.name());
+		List<ApprovalTask> approvedTask = approvalTaskMapper.selectListByLambda(queryWrapper);
+		if (approvedTask.size() < approvers.size()) {
+			// 依次审批, 返回下下一个审批人
+			return approvers.get(approvedTask.size() + next);
+		}
+		return null;
+	}
+
+	/**
+	 * 获取多人依次审批当前用户下一个审批人
+	 * @param nodeId 节点ID
+	 * @param instanceId 实例ID
+	 * @param currentOrgId 组织ID
+	 * @param currentApprover 当前审批人
+	 * @return 下一个审批人
+	 */
+	private String getMultiSeqCurrentNextOne(String nodeId, String instanceId, String currentOrgId, String currentApprover) {
+		ApprovalInstance instance = approvalInstanceMapper.selectByPrimaryKey(instanceId);
+		List<String> approvers = approvalFlowService.getCurrentNodeApproverList(instance, nodeId, currentOrgId);
+		for (int i = 0; i < approvers.size(); i++) {
+			if (Strings.CI.equals(approvers.get(i), currentApprover)) {
+				return approvers.get(i + 1);
+			}
+		}
+		return null;
+	}
+
+	/**
+	 * 是否当前节点为单人节点且审批通过
+	 * @param currentNodeId 当前节点ID
+	 * @param instanceId 审批实例ID
+	 * @return 单人节点且审批通过
+	 */
+	private boolean isCurrentSingleNodeApproved(String currentNodeId, String instanceId, String submitter, String currentOrgId) {
+		boolean multiApprover = approvalFlowService.isCurrentNodeMultiApprover(currentNodeId, submitter, currentOrgId);
+		LambdaQueryWrapper<ApprovalTask> queryWrapper = new LambdaQueryWrapper<>();
+		queryWrapper.eq(ApprovalTask::getNodeId, currentNodeId)
+				.eq(ApprovalTask::getInstanceId, instanceId)
+				.eq(ApprovalTask::getStatus, ApprovalStatus.APPROVING).nq(ApprovalTask::getType, ApprovalTaskType.CC);
+		List<ApprovalTask> approvalTasks = approvalTaskMapper.selectListByLambda(queryWrapper);
+		return !multiApprover && approvalTasks.isEmpty();
+	}
+
+	/**
+	 * 判断当前多人审批节点是否通过
+	 * @param currentNodeId 当前节点ID
+	 * @return 是否通过
+	 */
+	private boolean isCurrentMultiNodeApproved(String currentNodeId, String instanceId) {
+		LambdaQueryWrapper<ApprovalTask> queryWrapper = new LambdaQueryWrapper<>();
+		queryWrapper.eq(ApprovalTask::getNodeId, currentNodeId)
+				.eq(ApprovalTask::getInstanceId, instanceId).nq(ApprovalTask::getType, ApprovalTaskType.CC);
+		List<ApprovalTask> approvalTasks = approvalTaskMapper.selectListByLambda(queryWrapper);
+		ApprovalNodeApprover nodeApprover = getNodeApprover(currentNodeId);
+		if (MultiApproverModeEnum.valueOf(nodeApprover.getMultiApproverMode()) == MultiApproverModeEnum.ANY) {
+			// 或签, 只要有一个审批通过任务即可
+			return approvalTasks.stream().anyMatch(task -> ApprovalStatus.APPROVED.name().equals(task.getStatus()));
+		} else {
+			// 会签或者依次审批, 不存在审批中的任务即可
+			return approvalTasks.stream().noneMatch(task -> ApprovalStatus.APPROVING.name().equals(task.getStatus()));
+		}
+	}
+
+	/**
+	 * 当前多人节点是否审批中
+	 * @param currentNodeId 当前节点ID
+	 * @param instanceId 实例ID
+	 * @return 是否审批中
+	 */
+	private boolean isCurrentMultiNodeApproving(String currentNodeId, String instanceId) {
+		LambdaQueryWrapper<ApprovalTask> queryWrapper = new LambdaQueryWrapper<>();
+		queryWrapper.eq(ApprovalTask::getNodeId, currentNodeId)
+				.eq(ApprovalTask::getInstanceId, instanceId);
+		List<ApprovalTask> approvalTasks = approvalTaskMapper.selectListByLambda(queryWrapper);
+		ApprovalNodeApprover nodeApprover = getNodeApprover(currentNodeId);
+		if (MultiApproverModeEnum.valueOf(nodeApprover.getMultiApproverMode()) == MultiApproverModeEnum.ANY) {
+			// 或签, 只要没有审批通过任务即可
+			return approvalTasks.stream().noneMatch(task -> ApprovalStatus.APPROVED.name().equals(task.getStatus()));
+		} else {
+			// 会签或者依次审批, 只要存在审批中的任务即整个节点为审批中
+			return approvalTasks.stream().anyMatch(task -> ApprovalStatus.APPROVING.name().equals(task.getStatus()));
+		}
+	}
+
+	/**
+	 * 是否当前节点不是审批中
+	 * @param currentNodeId 当前节点ID
+	 * @param instance 实例
+	 * @param currentOrgId 当前组织ID
+	 * @return 是否不是审批中
+	 */
+	private boolean isCurrentNodeNotApproving(String currentNodeId, ApprovalInstance instance, String currentOrgId) {
+		boolean multiApprover = approvalFlowService.isCurrentNodeMultiApprover(currentNodeId, instance.getSubmitterId(), currentOrgId);
+		if (multiApprover) {
+			return !isCurrentMultiNodeApproving(currentNodeId, instance.getId());
+		} else {
+			LambdaQueryWrapper<ApprovalTask> queryWrapper = new LambdaQueryWrapper<>();
+			queryWrapper.eq(ApprovalTask::getNodeId, currentNodeId)
+					.eq(ApprovalTask::getInstanceId, instance.getId());
+			List<ApprovalTask> approvalTasks = approvalTaskMapper.selectListByLambda(queryWrapper);
+			return approvalTasks.stream().noneMatch(task -> ApprovalStatus.APPROVING.name().equals(task.getStatus()));
+		}
+	}
+
+	/**
+	 * 退回执行
+	 * @param instance 审批实例
+	 * @param request 请求参数
+	 * @param orgId 组织ID
+	 */
+	private void backProcess(ApprovalInstance instance, ApprovalReturnBackRequest request, String orgId) {
+		if (ApprovalStatus.valueOf(instance.getApprovalStatus()) != ApprovalStatus.APPROVING) {
+			// 非审批中, 无法进行节点退回
+			throw new GenericException(Translator.get("no.back.approval"));
+		}
+		// 追加退回节点的待办
+		appendBackTasks(request, instance.getSubmitterId(), orgId);
+		// 清理后续所有执行过的节点待办轮次
+		clearBackToCurrentNode(request.getReturnToNodeId(), request.getNodeId(), instance, orgId);
+	}
+
+	/**
+	 * 清理退回节点至当前节点的任务待办和记录
+	 * @param currentNodeId 当前节点ID
+	 * @param endNodeId 结束节点ID
+	 * @param instance 审批实例ID
+	 * @param orgId 组织ID
+	 */
+	private void clearBackToCurrentNode(String currentNodeId, String endNodeId, ApprovalInstance instance, String orgId) {
+		if (Strings.CI.equals(currentNodeId, endNodeId)) {
+			return;
+		}
+		ApprovalNodeResponse next = approvalFlowService.getCurrentNextNode(currentNodeId, instance, orgId);
+		clearExpiredNode(instance.getId(), next.getId());
+		clearBackToCurrentNode(next.getId(), endNodeId, instance, orgId);
+	}
+
+	/**
+	 * 清理过期节点
+	 * @param instanceId 审批实例ID
+	 * @param nodeId 当前节点ID
+	 */
+	public void clearExpiredNode(String instanceId, String nodeId) {
+		Integer maxRound = extApprovalInstanceMapper.getNodeRound(instanceId, nodeId);
+		if (maxRound > 0) {
+			/*
+			 * 当前节点执行过, 假删除, 保留历史待办
+			 */
+			extApprovalInstanceMapper.batchClearNotApprovingTask(instanceId, nodeId, maxRound);
+			extApprovalInstanceMapper.batchClearRecord(instanceId, nodeId, maxRound);
+			extApprovalInstanceMapper.batchClearApprovingTask(instanceId, nodeId, maxRound);
+		}
+	}
+
+	/**
+	 * 当前节点撤回
+	 * @param instanceId 审批实例ID
+	 * @param nodeId 节点ID
+	 */
+	public void loseCurrentNode(String instanceId, String nodeId) {
+		Integer maxRound = extApprovalInstanceMapper.getNodeRound(instanceId, nodeId);
+		if (maxRound > 0) {
+			/*
+			 * 当前节点执行过
+			 * 审批中 => 空
+			 * 待审批 => 待审批
+			 * 已完成 => 已完成 (同意, 驳回)
+			 */
+			extApprovalInstanceMapper.loseApprovingTask(instanceId, nodeId, maxRound);
+		}
+	}
+
+	/**
+	 * 撤回操作执行
+	 * @param currentTask 当前任务
+	 * @param instance 当前实例
+	 * @param currentOrgId 当前组织ID
+	 */
+	private void revokeProcess(ApprovalTask currentTask, ApprovalInstance instance, String currentOrgId) {
+		boolean multiApprover = approvalFlowService.isCurrentNodeMultiApprover(currentTask.getNodeId(), instance.getSubmitterId(), currentOrgId);
+		// 撤回不涉及到流转操作, 获取下一个节点用于校验后续节点状态
+		ApprovalNodeResponse nextNode = approvalFlowService.getTaskNextNode(currentTask, instance, currentOrgId);
+		if (multiApprover) {
+			ApprovalNodeApprover nodeApprover = getNodeApprover(currentTask.getNodeId());
+			boolean nodeApproving = isCurrentMultiNodeApproving(currentTask.getNodeId(), currentTask.getInstanceId());
+			if (!nodeApproving && MultiApproverModeEnum.valueOf(nodeApprover.getMultiApproverMode()) == MultiApproverModeEnum.ALL) {
+				// 多人会签, 但当前节点非审批中, 节点任务不允许撤回
+				throw new GenericException(Translator.get("no.revoke.approval"));
+			}
+			if (MultiApproverModeEnum.valueOf(nodeApprover.getMultiApproverMode()) == MultiApproverModeEnum.ANY && isCurrentNodeNotApproving(nextNode.getId(), instance, currentOrgId)) {
+				// 多人或签, 但下一个节点非审批中, 节点任务不允许撤回
+				throw new GenericException(Translator.get("no.revoke.approval"));
+			}
+			if (MultiApproverModeEnum.valueOf(nodeApprover.getMultiApproverMode()) == MultiApproverModeEnum.SEQUENTIAL) {
+				// 多人依次审批, 但当前节点非审批中, 节点任务不允许撤回
+				if (!nodeApproving) {
+					throw new GenericException(Translator.get("no.revoke.approval"));
+				}
+				String nextUserId = getMultiSeqCurrentNextOne(currentTask.getNodeId(), currentTask.getInstanceId(), currentOrgId, currentTask.getApproverId());
+				if (StringUtils.isBlank(nextUserId)) {
+					throw new GenericException(Translator.get("no.revoke.approval"));
+				}
+				ApprovalTask taskCriteria = new ApprovalTask();
+				taskCriteria.setApproverId(nextUserId);
+				taskCriteria.setInstanceId(instance.getId());
+				taskCriteria.setNodeId(currentTask.getNodeId());
+				taskCriteria.setStatus(ApprovalStatus.APPROVING.name());
+				ApprovalTask nextTask = approvalTaskMapper.selectOne(taskCriteria);
+				if (nextTask == null) {
+					// 多人依次审批, 撤销任务的下一个审批任务已经执行, 无法撤销
+					throw new GenericException(Translator.get("no.revoke.approval"));
+				}
+				// 否则清理掉, 后续重新生成
+				approvalTaskMapper.delete(nextTask);
+			}
+		} else {
+			// 单人审批
+			if (ApprovalNodeTypeEnum.valueOf(nextNode.getNodeType()) == ApprovalNodeTypeEnum.END) {
+				// 后续节点已结束, 不允许撤回
+				throw new GenericException(Translator.get("no.revoke.approval"));
+			}
+			if (ApprovalNodeTypeEnum.valueOf(nextNode.getNodeType()) == ApprovalNodeTypeEnum.APPROVER && isCurrentNodeNotApproving(nextNode.getId(), instance, currentOrgId)) {
+				// 后续审批节点不为审批中, 不允许撤回
+				throw new GenericException(Translator.get("no.revoke.approval"));
+			}
+		}
+		// 清理后续审批节点的待办任务, 后续执行重新生成
+		clearExpiredNode(instance.getId(), nextNode.getId());
+	}
+
+	/**
+	 * 重置撤回的任务
+	 * @param approvalTask 任务
+	 * @param instance 实例
+	 * @param currentUserId 当前用户ID
+	 */
+	private void refreshRevokeTask(ApprovalTask approvalTask, ApprovalInstance instance, String currentUserId) {
+		approvalTask.setStatus(ApprovalStatus.APPROVING.name());
+		approvalTask.setAction(null);
+		approvalTask.setUpdateTime(System.currentTimeMillis());
+		approvalTask.setUpdateUser(currentUserId);
+		approvalTaskMapper.updateById(approvalTask);
+		instance.setCurrentNodeId(approvalTask.getNodeId());
+		approvalInstanceMapper.updateById(instance);
+	}
+
+	/**
+	 * 处理上一个节点的抄送任务
+	 * @param currentNodeId 当前节点ID
+	 * @param instance 当前实例ID
+	 * @param currentUserId 当前用户ID
+	 * @param currentOrgId 当前组织ID
+	 */
+	private void handlePreCcTasks(String currentNodeId, ApprovalInstance instance, String currentUserId, String currentOrgId) {
+		List<User> ccList = approvalFlowService.getCurrentNodeCcList(currentNodeId, instance.getSubmitterId(), currentOrgId);
+		List<ApprovalTask> ccTasks = getNodeCcTasks(currentNodeId, ccList.stream().map(User::getId).toList(), instance.getId(), currentUserId);
+		if (CollectionUtils.isNotEmpty(ccTasks)) {
+			approvalTaskMapper.batchInsert(ccTasks);
+		}
+	}
+
+	/**
+	 * 处理下一个节点
+	 * @param node 下一个节点
+	 * @param instance 审批实例
+	 * @param currentUserId 当前用户ID
+	 */
+	private void handleNextApprovalNode(ApprovalNodeResponse node, ApprovalInstance instance, String preApproverId, String currentUserId, String currentOrgId) {
+		// 更新审批实例当前节点, 插入待办和抄送任务
+		instance.setCurrentNodeId(node.getId());
+		instance.setApprovalStatus(ApprovalStatus.APPROVING.name());
+		instance.setUpdateTime(System.currentTimeMillis());
+		instance.setUpdateUser(currentUserId);
+		if (ApprovalNodeTypeEnum.valueOf(node.getNodeType()) == ApprovalNodeTypeEnum.END) {
+			instance.setApprovalStatus(ApprovalStatus.APPROVED.name());
+			instance.setApprovalTime(System.currentTimeMillis());
+		}
+		if (ApprovalNodeTypeEnum.valueOf(node.getNodeType()) == ApprovalNodeTypeEnum.EXCEPTION) {
+			instance.setApprovalStatus(ApprovalStatus.UNAPPROVED.name());
+			instance.setApprovalTime(System.currentTimeMillis());
+		}
+		approvalInstanceMapper.updateById(instance);
+		ApprovalResourceService resourceService = CommonBeanFactory.getBean(ApprovalResourceService.class);
+		if (resourceService != null) {
+			resourceService.updateResourceApprovalStatus(FormKey.ofKey(instance.getType()), instance.getResourceId(), instance.getApprovalStatus(), currentUserId, currentOrgId);
+				// 审批流程结束，删除中间数据
+				if (ApprovalNodeTypeEnum.valueOf(node.getNodeType()) == ApprovalNodeTypeEnum.END || ApprovalNodeTypeEnum.valueOf(node.getNodeType()) == ApprovalNodeTypeEnum.EXCEPTION) {
+					// DELETE审批通过后，执行实际的删除操作
+					if (ApprovalNodeTypeEnum.valueOf(node.getNodeType()) == ApprovalNodeTypeEnum.END
+							&& Strings.CI.equals(instance.getExecuteTime(), ExecuteTimingEnum.DELETE.name())) {
+						resourceService.executeDeleteAction(instance.getType(), instance.getResourceId(), currentUserId, currentOrgId);
+					}
+				}
+		}
+		if (ApprovalNodeTypeEnum.valueOf(node.getNodeType()) == ApprovalNodeTypeEnum.APPROVER) {
+			handlerNextNodeApproverTasks((ApprovalNodeApproverResponse) node, instance, preApproverId, currentUserId, ApprovalTaskType.NL.name(), currentOrgId);
+		}
+	}
+
+	/**
+	 * 获取审批节点待办任务
+	 * @param approverNode 审批节点
+	 * @param instance 实例
+	 * @param userId 当前用户ID
+	 * @param taskType 任务类型
+	 */
+	public void handlerNextNodeApproverTasks(ApprovalNodeApproverResponse approverNode, ApprovalInstance instance, String preApproverId, String userId, String taskType, String currentOrgId) {
+		List<ApprovalTask> approvalTasks = getNodeApproverTasks(approverNode.getId(), approverNode.getApproverList(), preApproverId, SameSubmitterActionEnum.valueOf(approverNode.getSameSubmitterAction()),
+				MultiApproverModeEnum.valueOf(approverNode.getMultiApproverMode()), instance, userId, taskType);
+		if (CollectionUtils.isNotEmpty(approvalTasks)) {
+			approvalTaskMapper.batchInsert(approvalTasks);
+			// 发送待办消息通知
+			sendApprovalTaskNotice(approvalTasks, instance, currentOrgId);
+		}
+	}
+
+	/**
+	 * 获取节点上的待办任务
+	 * @param nodeId 节点ID
+	 * @param approvers 审批人集合
+	 * @param sameAction 提审人相同配置项
+	 * @param multiMode 多人审批方式
+	 * @param instance 审批实例
+	 * @param userId 当前用户ID
+	 * @param taskType 任务类型
+	 * @return 待办任务集合
+	 */
+	public List<ApprovalTask> getNodeApproverTasks(String nodeId, List<String> approvers, String preApproverId, SameSubmitterActionEnum sameAction, MultiApproverModeEnum multiMode, ApprovalInstance instance, String userId, String taskType) {
+		List<ApprovalTask> approvalTasks = new ArrayList<>();
+		if (CollectionUtils.isEmpty(approvers)) {
+			return approvalTasks;
+		}
+		Integer nextRound = extApprovalInstanceMapper.getNextNodeRound(instance.getId(), nodeId);
+		List<String> autoSkipUser = preApproverId == null ? new ArrayList<>() : approvalFlowService.getFlowAutoSkipUser(instance, nodeId, List.of(preApproverId));
+		if (sameAction == SameSubmitterActionEnum.SKIP) {
+			// 如果配置了审批人和提审人相同, 自动跳过 (会签, 依次审批 生成的提审人待办需直接同意, 或签和单人审批已在流程执行的时候处理过)
+			switch (multiMode) {
+				case SEQUENTIAL -> {
+					// 依次审批需要循环发送待办, 直到该待办审批人没有跳过
+					for (int i = 0; i < approvers.size(); i++) {
+						String seqUser = approvers.get(i);
+						ApprovalTask firstTask = buildTask(nodeId, instance.getId(), seqUser, taskType, userId, nextRound, i);
+						if (Strings.CI.equals(seqUser, instance.getSubmitterId()) || autoSkipUser.contains(seqUser)) {
+							// 触发了自动同意, 跳过
+							firstTask.setAction(ApprovalAction.APPROVE.name());
+							firstTask.setStatus(ApprovalStatus.AUTO_APPROVED.name());
+							approvalFlowService.saveAutoRecord(instance.getId(), nodeId, ApprovalStatus.AUTO_APPROVED,
+									Strings.CI.equals(seqUser, instance.getSubmitterId()) ? "审批人与提交人为同一人时, 自动同意跳过" : "审批人重复出现, 后续节点自动通过", firstTask.getId(), null, false, firstTask.getNodeRound());
+							approvalTasks.add(firstTask);
+						} else {
+							// 找到未自动跳过的审批人, 跳出循环
+							approvalTasks.add(firstTask);
+							break;
+						}
+					}
+				}
+				case ALL -> {
+					// 如果是会签, 需要发送所有审批人的待办
+					for (int i = 0; i < approvers.size(); i++) {
+						String approver = approvers.get(i);
+						ApprovalTask approvalTask = buildTask(nodeId, instance.getId(), approver, taskType, userId, nextRound, i);
+						if (Strings.CI.equals(approver, instance.getSubmitterId()) || autoSkipUser.contains(approver)) {
+							// 触发了自动同意
+							approvalTask.setAction(ApprovalAction.APPROVE.name());
+							approvalTask.setStatus(ApprovalStatus.AUTO_APPROVED.name());
+							approvalFlowService.saveAutoRecord(instance.getId(), nodeId, ApprovalStatus.AUTO_APPROVED,
+									Strings.CI.equals(approver, instance.getSubmitterId()) ? "审批人与提交人为同一人时, 自动同意跳过" : "审批人重复出现, 后续节点自动通过", approvalTask.getId(), null, false, approvalTask.getNodeRound());
+						}
+						approvalTasks.add(approvalTask);
+					}
+				}
+				default -> {
+					// 或签流程执行的时候, 已经处理了提审人相同, 和自动跳过的逻辑
+					for (int i = 0; i < approvers.size(); i++) {
+						String approver = approvers.get(i);
+						approvalTasks.add(buildTask(nodeId, instance.getId(), approver, taskType, userId, nextRound, i));
+					}
+				}
+			}
+		} else {
+			// 并未配置自动跳过的逻辑, 正常逻辑
+			if (multiMode == MultiApproverModeEnum.SEQUENTIAL) {
+				// 依次审批需要循环发送待办, 直到该待办审批人没有跳过
+				for (int i = 0; i < approvers.size(); i++) {
+					String seqUser = approvers.get(i);
+					ApprovalTask firstTask = buildTask(nodeId, instance.getId(), seqUser, taskType, userId, nextRound, i);
+					if (autoSkipUser.contains(seqUser)) {
+						// 触发了自动同意, 跳过
+						firstTask.setAction(ApprovalAction.APPROVE.name());
+						firstTask.setStatus(ApprovalStatus.AUTO_APPROVED.name());
+						approvalFlowService.saveAutoRecord(instance.getId(), nodeId, ApprovalStatus.AUTO_APPROVED, "审批人重复出现, 后续节点自动通过", firstTask.getId(), null, false, firstTask.getNodeRound());
+						approvalTasks.add(firstTask);
+					} else {
+						// 找到未自动跳过的审批人, 跳出循环
+						approvalTasks.add(firstTask);
+						break;
+					}
+				}
+			} else {
+				// 会签, 或签需要发送所有待办
+				for (int i = 0; i < approvers.size(); i++) {
+					String approver = approvers.get(i);
+					ApprovalTask approvalTask = buildTask(nodeId, instance.getId(), approver, taskType, userId, nextRound, i);
+					if (autoSkipUser.contains(approver)) {
+						// 触发了自动同意
+						approvalTask.setAction(ApprovalAction.APPROVE.name());
+						approvalTask.setStatus(ApprovalStatus.AUTO_APPROVED.name());
+						approvalFlowService.saveAutoRecord(instance.getId(), nodeId, ApprovalStatus.AUTO_APPROVED, "审批人重复出现, 后续节点自动通过", approvalTask.getId(), null, false, approvalTask.getNodeRound());
+					}
+					approvalTasks.add(approvalTask);
+				}
+			}
+		}
+		return approvalTasks;
+	}
+
+	/**
+	 * 获取节点抄送任务
+	 * @param nodeId 节点ID
+	 * @param ccList 抄送人集合
+	 * @param instanceId 审批实例ID
+	 * @param userId 当前用户ID
+	 * @return 节点抄送任务集合
+	 */
+	public List<ApprovalTask> getNodeCcTasks(String nodeId, List<String> ccList, String instanceId, String userId) {
+		List<ApprovalTask> approvalTasks = new ArrayList<>();
+		if (CollectionUtils.isNotEmpty(ccList)) {
+			Integer nextRound = extApprovalInstanceMapper.getNextNodeRound(instanceId, nodeId);
+			for (int i = 0; i < ccList.size(); i++) {
+				String cc = ccList.get(i);
+				ApprovalTask approvalTask = buildTask(nodeId, instanceId, cc, ApprovalTaskType.CC.name(), userId, nextRound - 1, i);
+				approvalTasks.add(approvalTask);
+			}
+		}
+		return approvalTasks;
+	}
+
+	/**
+	 * 生成待办任务
+	 * @param nodeId 节点ID
+	 * @param instanceId 实例ID
+	 * @param approverId 审批人ID
+	 * @param taskType 任务类型
+	 * @param currentUserId 当前用户ID
+	 * @param round 任务轮次
+	 * @return 待办任务
+	 */
+	public ApprovalTask buildTask(String nodeId, String instanceId, String approverId, String taskType, String currentUserId, Integer round, Integer approverPos) {
+		ApprovalTask approvalTask = new ApprovalTask();
+		approvalTask.setId(IDGenerator.nextStr());
+		approvalTask.setNodeId(nodeId);
+		approvalTask.setNodeRound(round);
+		approvalTask.setInstanceId(instanceId);
+		approvalTask.setApproverId(approverId);
+		approvalTask.setStatus(ApprovalStatus.APPROVING.name());
+		approvalTask.setType(StringUtils.isBlank(taskType) ? ApprovalTaskType.NL.name() : taskType);
+		approvalTask.setCreateTime(System.currentTimeMillis() + approverPos);
+		approvalTask.setUpdateTime(System.currentTimeMillis() + approverPos);
+		approvalTask.setCreateUser(currentUserId);
+		approvalTask.setUpdateUser(currentUserId);
+		return approvalTask;
+	}
+
+	/**
+	 * 保存审批执行的日志和消息通知
+	 * @param instance 审批实例
+	 * @param userId 当前用户ID
+	 * @param orgId 当前组织ID
+	 */
+	private void saveLogAndNotice(ApprovalInstance instance, String userId, String orgId, ApprovalAction action) {
+		// 日志
+		ApprovalResourceService resourceService = CommonBeanFactory.getBean(ApprovalResourceService.class);
+		if (resourceService != null) {
+			String resourceName = resourceService.getInstanceResourceName(FormKey.ofKey(instance.getType()), instance.getResourceId());
+			if (StringUtils.isBlank(resourceName)) {
+				return;
+			}
+			LogDTO logDTO = new LogDTO(orgId, instance.getResourceId(), userId, LogType.APPROVAL, getLogModuleOfFormKey(FormKey.ofKey(instance.getType())),
+					resourceService.getInstanceResourceName(FormKey.ofKey(instance.getType()), instance.getResourceId()));
+			logDTO.setDetail(Translator.get(StringUtils.lowerCase(action.name())));
+			logService.add(logDTO);
+			sendFinishNotice(instance, resourceName, userId, orgId);
+		}
+	}
+
+	/**
+	 * 发送执行完成的通知
+	 * @param instance 审批实例
+	 * @param resourceName 资源名称
+	 * @param userId 用户ID
+	 * @param orgId 组织ID
+	 */
+	public void sendFinishNotice(ApprovalInstance instance, String resourceName, String userId, String orgId) {
+		// 结束状态的数据发送消息通知
+		if (StringUtils.isBlank(instance.getApprovalStatus()) || StringUtils.isBlank(instance.getSubmitterId()) || StringUtils.isBlank(resourceName)) {
+			return;
+		}
+		FormKey formKey = FormKey.ofKey(instance.getType());
+		if (formKey == null) {
+			return;
+		}
+		ApprovalStatus approvalStatus = ApprovalStatus.valueOf(instance.getApprovalStatus());
+		if (approvalStatus != ApprovalStatus.APPROVED && approvalStatus != ApprovalStatus.UNAPPROVED) {
+			return;
+		}
+		String state = approvalStatus == ApprovalStatus.APPROVED
+				? Translator.get("contract.approval_status.approved")
+				: Translator.get("contract.approval_status.unapproved");
+		String module;
+		String event;
+		switch (formKey) {
+			case QUOTATION -> {
+				module = NotificationConstants.Module.OPPORTUNITY;
+				event = NotificationConstants.Event.BUSINESS_QUOTATION_APPROVAL;
+			}
+			case CONTRACT -> {
+				module = NotificationConstants.Module.CONTRACT;
+				event = NotificationConstants.Event.CONTRACT_APPROVAL;
+			}
+			case ORDER -> {
+				module = NotificationConstants.Module.ORDER;
+				event = NotificationConstants.Event.ORDER_APPROVAL;
+			}
+			case INVOICE -> {
+				module = NotificationConstants.Module.CONTRACT;
+				event = NotificationConstants.Event.INVOICE_APPROVAL;
+			}
+			default -> {
+				return;
+			}
+		}
+
+		commonNoticeSendService.sendNotice(
+				module,
+				event,
+				Map.of("name", StringUtils.defaultString(resourceName), "state", state),
+				userId,
+				orgId,
+				List.of(instance.getSubmitterId()),
+				true
+		);
+	}
+
+	/**
+	 * 表单类型 => 日志模块
+	 * @param formKey 表单Key
+	 * @return 日志模块
+	 */
+	private String getLogModuleOfFormKey(FormKey formKey) {
+		if (formKey == null) {
+			return null;
+		}
+		switch (formKey) {
+			case QUOTATION -> {
+				return LogModule.OPPORTUNITY_QUOTATION;
+			}
+			case CONTRACT ->  {
+				return LogModule.CONTRACT_INDEX;
+			}
+			case INVOICE ->  {
+				return LogModule.CONTRACT_INVOICE;
+			}
+			case ORDER ->  {
+				return LogModule.ORDER_INDEX;
+			}
+			default -> {
+				return null;
+			}
+		}
+	}
+
+	private void sendApprovalTaskNotice(List<ApprovalTask> tasks, ApprovalInstance instance, String currentOrgId) {
+		// 发送待办消息通知
+		ApprovalResourceService resourceService = CommonBeanFactory.getBean(ApprovalResourceService.class);
+		if (resourceService != null) {
+			List<String> approvers = tasks.stream().map(ApprovalTask::getApproverId).toList();
+			Map<String, Object> paramMap = new HashMap<>(2);
+			paramMap.put("type", Translator.get(instance.getType(), Locale.SIMPLIFIED_CHINESE));
+			paramMap.put("name", resourceService.getInstanceResourceName(FormKey.ofKey(instance.getType()), instance.getResourceId()));
+			commonNoticeSendService.sendNotice(NotificationConstants.Module.APPROVAL, NotificationConstants.Event.APPROVAL_TODO, paramMap, instance.getSubmitterId(), currentOrgId, approvers, true);
+		}
+	}
+
+	/**
+	 * 刷新用户禁用/删除时的审批待办任务
+	 * <p>
+	 * 当用户被禁用或删除时，将该用户作为审批人的待办任务转移给上级，如果上级不存在则转移给admin
+	 *
+	 * @param userIds         被禁用/删除的用户ID  集合
+	 * @param organizationId 组织ID
+	 */
+	public void refreshApprovingTasksForDisabledUser(List<String> userIds, String organizationId) {
+		if (CollectionUtils.isEmpty(userIds) || StringUtils.isBlank(organizationId)) {
+			return;
+		}
+
+		try {
+			// 查询该用户作为审批人且状态为待处理的待办任务
+			LambdaQueryWrapper<ApprovalTask> taskWrapper = new LambdaQueryWrapper<>();
+			taskWrapper.in(ApprovalTask::getApproverId, userIds)
+					.eq(ApprovalTask::getStatus, ApprovalStatus.APPROVING.name());
+			List<ApprovalTask> approvingTasks = approvalTaskMapper.selectListByLambda(taskWrapper);
+			if (CollectionUtils.isEmpty(approvingTasks)) {
+				return;
+			}
+
+            Map<String, List<ApprovalTask>> userTaskMaps = approvingTasks.stream().collect(Collectors.groupingBy(ApprovalTask::getApproverId));
+            SqlSession sqlSession = sqlSessionFactory.openSession(ExecutorType.BATCH);
+            ExtApprovalTaskMapper mapper = sqlSession.getMapper(ExtApprovalTaskMapper.class);
+
+
+            // 批量更新待办任务的审批人
+			userIds.forEach(userId ->{
+                if (userTaskMaps.containsKey(userId)) {
+                    String targetApprover = getTargetApproverId(userId, organizationId);
+                    List<ApprovalTask> userTasks = userTaskMaps.get(userId);
+                    for (ApprovalTask userTask : userTasks) {
+                        userTask.setApproverId(targetApprover);
+                        userTask.setUpdateTime(System.currentTimeMillis());
+						mapper.updateTaskById(userTask);
+                    }
+                }
+			});
+			sqlSession.flushStatements();
+			SqlSessionUtils.closeSqlSession(sqlSession, sqlSessionFactory);
+		} catch (Exception e) {
+			log.error("转移待办任务失败, error:{}", e.getMessage(), e);
+		}
+	}
+
+	/**
+	 * 获取目标审批人ID
+	 * 优先使用用户的上级，如果上级不存在或不可用，则使用admin用户
+	 *
+	 * @param userId         用户ID
+	 * @param organizationId 组织ID
+	 * @return 目标审批人ID
+	 */
+	private String getTargetApproverId(String userId, String organizationId) {
+		// 尝试获取用户的上级
+		OrganizationUser criteria = new OrganizationUser();
+		criteria.setUserId(userId);
+		criteria.setOrganizationId(organizationId);
+		OrganizationUser orgUser = organizationUserMapper.selectOne(criteria);
+
+		if (orgUser != null && StringUtils.isNotBlank(orgUser.getSupervisorId())) {
+			return orgUser.getSupervisorId();
+		}
+		return InternalUser.ADMIN.getValue();
+	}
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/service/ApprovalFlowLogService.java b/backend/crm/src/main/java/cn/cordys/crm/approval/service/ApprovalFlowLogService.java
new file mode 100644
index 0000000..f892615
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/service/ApprovalFlowLogService.java
@@ -0,0 +1,818 @@
+package cn.cordys.crm.approval.service;
+
+import cn.cordys.common.dto.EnableFieldValue;
+import cn.cordys.common.dto.JsonDifferenceDTO;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.JsonDifferenceUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.approval.constants.ApproverTypeEnum;
+import cn.cordys.crm.approval.dto.ApprovalPostConfigDTO;
+import cn.cordys.crm.approval.dto.WebHookConfig;
+import cn.cordys.crm.approval.dto.response.ApprovalFlowDetailResponse;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.mapper.ExtRoleMapper;
+import cn.cordys.crm.system.mapper.ExtUserMapper;
+import cn.cordys.crm.system.service.BaseModuleLogService;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import com.fasterxml.jackson.databind.JsonNode;
+import com.fasterxml.jackson.databind.ObjectMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.BooleanUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+import java.util.function.Consumer;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class ApprovalFlowLogService extends BaseModuleLogService {
+
+    private static final String NODES_COLUMN = "nodes";
+    private static final String NODE_COLUMN_PREFIX = "流程设置";
+    private static final String NULL_STRING = "null";
+
+    private ApprovalFlowDetailResponse oldApprovalFlowDetail;
+    private List<BaseField> fields;
+
+    @Resource
+    private ExtUserMapper extUserMapper;
+    @Resource
+    private ExtRoleMapper extRoleMapper;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+
+    @Override
+    public List<JsonDifferenceDTO> handleLogField(List<JsonDifferenceDTO> differences, String orgId) {
+
+        JsonDifferenceDTO nodesDiff = getNodesJsonDifferenceDTO(differences, NODES_COLUMN);
+
+        differences.removeIf(differ -> Strings.CS.equalsAny(differ.getColumn(), "currentVersionId", "links", "nodes", "optionMap", "createUserName", "updateUserName"));
+
+        Map<String, Consumer<JsonDifferenceDTO>> handlers = Map.ofEntries(
+                Map.entry("formType", this::handleFormType),
+                Map.entry("enable", this::handleEnable),
+                Map.entry("createExecute", this::handleBooleanValue),
+                Map.entry("updateExecute", this::handleBooleanValue),
+                Map.entry("submitterCanRevoke", this::handleBooleanValue),
+                Map.entry("allowBatchProcess", this::handleBooleanValue),
+                Map.entry("allowWithdraw", this::handleBooleanValue),
+                Map.entry("allowAddSign", this::handleBooleanValue),
+                Map.entry("requireComment", this::handleBooleanValue),
+                Map.entry("duplicateApproverRule", this::handleDuplicateApproverRule),
+                Map.entry("description", this::handleDescription),
+                Map.entry("statusPermissions", this::handleStatusPermissions)
+        );
+
+        differences.forEach(differ -> {
+            Consumer<JsonDifferenceDTO> handler = handlers.get(differ.getColumn());
+            if (handler != null) {
+                handler.accept(differ);
+            } else {
+                translatorDifferInfo(differ);
+            }
+        });
+
+        if (isValidValue(oldValue)) {
+            oldApprovalFlowDetail = JSON.parseObject(oldValue, ApprovalFlowDetailResponse.class);
+        }
+
+        // 处理 nodes 字段的差异
+        handleNodesDifference(differences, nodesDiff, orgId);
+
+        return differences;
+    }
+
+    /**
+     * 处理 nodes 字段的差异
+     * 按 number 分组比较节点属性，生成格式为 "流程设置-{number}-{属性名}" 的差异记录
+     */
+    private void handleNodesDifference(List<JsonDifferenceDTO> differences, JsonDifferenceDTO nodesDiff, String orgId) {
+        if (nodesDiff == null) return;
+        try {
+            ObjectMapper mapper = new ObjectMapper();
+            JsonNode oldNodes = nodesDiff.getOldValue() != null
+                    ? mapper.valueToTree(nodesDiff.getOldValue())
+                    : mapper.createArrayNode();
+            JsonNode newNodes = nodesDiff.getNewValue() != null
+                    ? mapper.valueToTree(nodesDiff.getNewValue())
+                    : mapper.createArrayNode();
+
+            fields = moduleFormCacheService.getBusinessFormConfig(oldApprovalFlowDetail.getFormType(), orgId).getFields();
+
+            // 按 number 分组
+            Map<String, JsonNode> oldNodeMap = buildNodeMapByNumber(oldNodes);
+            Map<String, JsonNode> newNodeMap = buildNodeMapByNumber(newNodes);
+
+            // 找出所有涉及的 number
+            Set<String> allNumbers = new LinkedHashSet<>();
+            allNumbers.addAll(oldNodeMap.keySet());
+            allNumbers.addAll(newNodeMap.keySet());
+
+            List<JsonDifferenceDTO> nodeDifferences = new ArrayList<>();
+
+            for (String number : allNumbers) {
+                JsonNode oldNode = oldNodeMap.get(number);
+                JsonNode newNode = newNodeMap.get(number);
+
+                if (oldNode == null && newNode != null) {
+                    // 新增节点
+                    handleAddedNode(number, newNode, nodeDifferences);
+                } else if (oldNode != null && newNode == null) {
+                    // 删除节点
+                    handleRemovedNode(number, oldNode, nodeDifferences);
+                } else if (oldNode != null) {
+                    // 修改节点，比较属性
+                    compareNodeProperties(number, oldNode, newNode, nodeDifferences);
+                }
+            }
+
+            differences.addAll(nodeDifferences);
+        } catch (Exception e) {
+            // 解析失败时忽略
+        }
+    }
+
+    private JsonDifferenceDTO getNodesJsonDifferenceDTO(List<JsonDifferenceDTO> differences, String nodeName) {
+        Optional<JsonDifferenceDTO> nodesDiffOpt = differences.stream()
+                .filter(differ -> Strings.CS.equals(differ.getColumn(), nodeName))
+                .findFirst();
+
+        return nodesDiffOpt.orElse(null);
+    }
+
+    /**
+     * 按 number 构建节点映射
+     */
+    private Map<String, JsonNode> buildNodeMapByNumber(JsonNode nodes) {
+        Map<String, JsonNode> nodeMap = new LinkedHashMap<>();
+        if (nodes == null || !nodes.isArray()) {
+            return nodeMap;
+        }
+        for (JsonNode node : nodes) {
+            JsonNode numberNode = node.get("number");
+            if (numberNode != null && StringUtils.isNotBlank(numberNode.asText())) {
+                nodeMap.put(numberNode.asText(), node);
+            }
+        }
+        return nodeMap;
+    }
+
+    /**
+     * 处理新增节点
+     */
+    private void handleAddedNode(String number, JsonNode newNode, List<JsonDifferenceDTO> differences) {
+        String nodeName = getNodeName(newNode);
+        JsonDifferenceDTO diff = new JsonDifferenceDTO();
+        diff.setColumnName(buildNodeColumnName(number, Translator.get("log.nodeName")));
+        diff.setNewValue(nodeName);
+        diff.setNewValueName(nodeName);
+        diff.setType("add");
+        differences.add(diff);
+    }
+
+    /**
+     * 处理删除节点
+     */
+    private void handleRemovedNode(String number, JsonNode oldNode, List<JsonDifferenceDTO> differences) {
+        String nodeName = getNodeName(oldNode);
+
+        JsonDifferenceDTO diff = new JsonDifferenceDTO();
+        diff.setColumnName(buildNodeColumnName(number, Translator.get("log.nodeName")));
+        diff.setOldValue(nodeName);
+        diff.setOldValueName(nodeName);
+        diff.setType("removed");
+        differences.add(diff);
+    }
+
+    /**
+     * 比较节点属性
+     */
+    private void compareNodeProperties(String number, JsonNode oldNode, JsonNode newNode, List<JsonDifferenceDTO> differences) {
+        // 需要比较的属性及其翻译 key
+        Map<String, String> propertyNames = new LinkedHashMap<>();
+        propertyNames.put("name", "log.nodeName");
+        propertyNames.put("nodeType", "log.nodeType");
+        propertyNames.put("approvalType", "log.approvalType");
+        propertyNames.put("approverType", "log.approverType");
+        propertyNames.put("approverList", "log.approverList");
+        propertyNames.put("multiApproverMode", "log.multiApproverMode");
+        propertyNames.put("emptyApproverAction", "log.emptyApproverAction");
+        propertyNames.put("fallbackApprover", "log.fallbackApprover");
+        propertyNames.put("sameSubmitterAction", "log.sameSubmitterAction");
+        propertyNames.put("ccType", "log.ccType");
+        propertyNames.put("ccList", "log.ccList");
+        propertyNames.put("passPostConfig", "log.passPostConfig");
+        propertyNames.put("rejectPostConfig", "log.rejectPostConfig");
+        propertyNames.put("fieldPermissions", "log.fieldPermissions");
+        propertyNames.put("conditionConfig", "log.conditionConfig");
+
+        Set<String> comparedFields = new HashSet<>();
+
+        // 比较旧节点中的属性
+        Iterator<String> oldFields = oldNode.fieldNames();
+        while (oldFields.hasNext()) {
+            String field = oldFields.next();
+            if (!propertyNames.containsKey(field) || comparedFields.contains(field)) {
+                continue;
+            }
+            comparedFields.add(field);
+
+            JsonNode oldValue = oldNode.get(field);
+            JsonNode newValue = newNode.get(field);
+
+            if (!newNode.has(field)) {
+                // 属性被删除
+                JsonDifferenceDTO diff = new JsonDifferenceDTO();
+                diff.setColumnName(buildNodeColumnName(number, Translator.get(propertyNames.get(field))));
+                diff.setOldValue(JsonDifferenceUtils.getValue(oldValue));
+                diff.setType("removed");
+                setNodePropertyValue(diff, field, oldNode, null, true, false);
+                differences.add(diff);
+            } else if (!isNodeEquals(oldValue, newValue)) {
+                // 属性被修改
+                JsonDifferenceDTO diff = new JsonDifferenceDTO();
+                diff.setColumnName(buildNodeColumnName(number, Translator.get(propertyNames.get(field))));
+                diff.setOldValue(JsonDifferenceUtils.getValue(oldValue));
+                diff.setNewValue(JsonDifferenceUtils.getValue(newValue));
+                diff.setType("modified");
+                setNodePropertyValue(diff, field, oldNode, newNode, true, true);
+                differences.add(diff);
+            }
+        }
+
+        // 检查新增的属性
+        Iterator<String> newFields = newNode.fieldNames();
+        while (newFields.hasNext()) {
+            String field = newFields.next();
+            if (!propertyNames.containsKey(field) || comparedFields.contains(field)) {
+                continue;
+            }
+            JsonNode newValue = newNode.get(field);
+            JsonDifferenceDTO diff = new JsonDifferenceDTO();
+            diff.setColumnName(buildNodeColumnName(number, Translator.get(propertyNames.get(field))));
+            diff.setNewValue(JsonDifferenceUtils.getValue(newValue));
+            diff.setType("add");
+            setNodePropertyValue(diff, field, null, newNode, false, true);
+            differences.add(diff);
+        }
+    }
+
+    /**
+     * 构建节点列名
+     */
+    private String buildNodeColumnName(String number, String propertyName) {
+        return NODE_COLUMN_PREFIX + "-" + number + "-" + propertyName;
+    }
+
+    /**
+     * 获取节点名称
+     */
+    private String getNodeName(JsonNode node) {
+        JsonNode nameNode = node.get("name");
+        return nameNode != null ? nameNode.asText() : "";
+    }
+
+    /**
+     * 判断两个 JsonNode 是否相等
+     */
+    private boolean isNodeEquals(JsonNode oldValue, JsonNode newValue) {
+        if (oldValue == null && newValue == null) {
+            return true;
+        }
+        if (oldValue == null || newValue == null) {
+            return false;
+        }
+        if (oldValue.isNumber() && newValue.isNumber()) {
+            return oldValue.asDouble() == newValue.asDouble();
+        }
+        return oldValue.equals(newValue);
+    }
+
+    /**
+     * 设置节点属性值的显示名称
+     *
+     * @param diff        差异对象
+     * @param field       字段名
+     * @param oldNode     旧节点数据（用于获取类型）
+     * @param newNode     新节点数据（用于获取类型）
+     * @param hasOldValue 是否有旧值
+     * @param hasNewValue 是否有新值
+     */
+    private void setNodePropertyValue(JsonDifferenceDTO diff, String field, JsonNode oldNode, JsonNode newNode, boolean hasOldValue, boolean hasNewValue) {
+        switch (field) {
+            case "approvalType":
+                if (hasOldValue && isValidValue(diff.getOldValue())) {
+                    diff.setOldValueName(Translator.get("approval_flow.approval_type." + diff.getOldValue().toString().toLowerCase()));
+                }
+                if (hasNewValue && isValidValue(diff.getNewValue())) {
+                    diff.setNewValueName(Translator.get("approval_flow.approval_type." + diff.getNewValue().toString().toLowerCase()));
+                }
+                break;
+            case "approverType":
+            case "ccType":
+                if (hasOldValue && isValidValue(diff.getOldValue())) {
+                    diff.setOldValueName(Translator.get("approval_flow.approver_type." + diff.getOldValue().toString().toLowerCase()));
+                }
+                if (hasNewValue && isValidValue(diff.getNewValue())) {
+                    diff.setNewValueName(Translator.get("approval_flow.approver_type." + diff.getNewValue().toString().toLowerCase()));
+                }
+                break;
+            case "multiApproverMode":
+                if (hasOldValue && isValidValue(diff.getOldValue())) {
+                    diff.setOldValueName(Translator.get("approval_flow.multi_approver_mode." + diff.getOldValue().toString().toLowerCase()));
+                }
+                if (hasNewValue && isValidValue(diff.getNewValue())) {
+                    diff.setNewValueName(Translator.get("approval_flow.multi_approver_mode." + diff.getNewValue().toString().toLowerCase()));
+                }
+                break;
+            case "emptyApproverAction":
+                if (hasOldValue && isValidValue(diff.getOldValue())) {
+                    diff.setOldValueName(Translator.get("approval_flow.empty_approver_action." + diff.getOldValue().toString().toLowerCase()));
+                }
+                if (hasNewValue && isValidValue(diff.getNewValue())) {
+                    diff.setNewValueName(Translator.get("approval_flow.empty_approver_action." + diff.getNewValue().toString().toLowerCase()));
+                }
+                break;
+            case "sameSubmitterAction":
+                if (hasOldValue && isValidValue(diff.getOldValue())) {
+                    diff.setOldValueName(Translator.get("approval_flow.same_submitter_action." + diff.getOldValue().toString().toLowerCase()));
+                }
+                if (hasNewValue && isValidValue(diff.getNewValue())) {
+                    diff.setNewValueName(Translator.get("approval_flow.same_submitter_action." + diff.getNewValue().toString().toLowerCase()));
+                }
+                break;
+            case "nodeType":
+                if (hasOldValue && isValidValue(diff.getOldValue())) {
+                    diff.setOldValueName(Translator.get("approval_flow.node_type." + diff.getOldValue().toString().toLowerCase()));
+                }
+                if (hasNewValue && isValidValue(diff.getNewValue())) {
+                    diff.setNewValueName(Translator.get("approval_flow.node_type." + diff.getNewValue().toString().toLowerCase()));
+                }
+                break;
+            case "approverList":
+                if (hasOldValue && oldNode != null) {
+                    String oldApproverType = getNodeFieldValue(oldNode, "approverType");
+                    diff.setOldValueName(translateApproverList(diff.getOldValue(), oldApproverType));
+                }
+                if (hasNewValue && newNode != null) {
+                    String newApproverType = getNodeFieldValue(newNode, "approverType");
+                    diff.setNewValueName(translateApproverList(diff.getNewValue(), newApproverType));
+                }
+                break;
+            case "ccList":
+                if (hasOldValue && oldNode != null) {
+                    String oldCcType = getNodeFieldValue(oldNode, "ccType");
+                    diff.setOldValueName(translateApproverList(diff.getOldValue(), oldCcType));
+                }
+                if (hasNewValue && newNode != null) {
+                    String newCcType = getNodeFieldValue(newNode, "ccType");
+                    diff.setNewValueName(translateApproverList(diff.getNewValue(), newCcType));
+                }
+                break;
+            case "fallbackApprover":
+                if (hasOldValue && isValidValue(diff.getOldValue())) {
+                    diff.setOldValueName(translateMemberList(diff.getOldValue()));
+                }
+                if (hasNewValue && isValidValue(diff.getNewValue())) {
+                    diff.setNewValueName(translateMemberList(diff.getNewValue()));
+                }
+                break;
+            case "passPostConfig":
+                if (hasOldValue && isValidValue(diff.getOldValue())) {
+                    diff.setOldValueName(translatePostConfig(diff.getOldValue()));
+                }
+                if (hasNewValue && isValidValue(diff.getNewValue())) {
+                    diff.setNewValueName(translatePostConfig(diff.getNewValue()));
+                }
+                break;
+            case "rejectPostConfig":
+                if (hasOldValue && isValidValue(diff.getOldValue())) {
+                    diff.setOldValueName(translatePostConfig(diff.getOldValue()));
+                }
+                if (hasNewValue && isValidValue(diff.getNewValue())) {
+                    diff.setNewValueName(translatePostConfig(diff.getNewValue()));
+                }
+                break;
+            case "fieldPermissions":
+                if (hasOldValue && isValidValue(diff.getOldValue())) {
+                    diff.setOldValueName(translateFieldPermissions(diff.getOldValue()));
+                }
+                if (hasNewValue && isValidValue(diff.getNewValue())) {
+                    diff.setNewValueName(translateFieldPermissions(diff.getNewValue()));
+                }
+                break;
+            case "conditionConfig":
+                if (hasOldValue && isValidValue(diff.getOldValue())) {
+                    diff.setOldValueName(JSON.toJSONString(diff.getOldValue()));
+                }
+                if (hasNewValue && isValidValue(diff.getNewValue())) {
+                    diff.setNewValueName(JSON.toJSONString(diff.getNewValue()));
+                }
+                break;
+            default:
+                if (hasOldValue) {
+                    diff.setOldValueName(diff.getOldValue());
+                }
+                if (hasNewValue) {
+                    diff.setNewValueName(diff.getNewValue());
+                }
+        }
+    }
+
+    /**
+     * 获取节点字段值
+     */
+    private String getNodeFieldValue(JsonNode node, String field) {
+        if (node == null) {
+            return null;
+        }
+        JsonNode fieldNode = node.get(field);
+        return fieldNode != null ? fieldNode.asText() : null;
+    }
+
+    /**
+     * 判断值是否有效（不为 null 且不为 "null" 字符串）
+     */
+    private boolean isValidValue(Object value) {
+        return value != null && !NULL_STRING.equals(value.toString());
+    }
+
+    /**
+     * 翻译审批人/抄送人列表
+     * 根据类型将列表值翻译为可读文本
+     */
+    private String translateApproverList(Object value, String approverType) {
+        if (value == null || !isValidValue(approverType)) {
+            if (value instanceof List<?>) {
+                return null;
+            }
+            return value != null ? value.toString() : "";
+        }
+
+        // 如果是层级类型（上级、部门负责人），翻译层级数字
+        if (ApproverTypeEnum.SUPERIOR.name().equalsIgnoreCase(approverType)
+                || ApproverTypeEnum.MULTIPLE_SUPERIOR.name().equalsIgnoreCase(approverType)) {
+            return translateLevelList(value, "approval_flow.level.supervisor.");
+        }
+        if (ApproverTypeEnum.DEPT_HEAD.name().equalsIgnoreCase(approverType)
+                || ApproverTypeEnum.MULTIPLE_DEPT_HEAD.name().equalsIgnoreCase(approverType)) {
+            return translateLevelList(value, "approval_flow.level.department.");
+        }
+
+        // 成员类型，查询用户名称
+        if (ApproverTypeEnum.MEMBER.name().equalsIgnoreCase(approverType)) {
+            return translateMemberList(value);
+        }
+
+        // 角色类型，查询角色名称
+        if (ApproverTypeEnum.ROLE.name().equalsIgnoreCase(approverType)) {
+            return translateRoleList(value);
+        }
+
+        if (value instanceof List<?>) {
+            return null;
+        }
+
+        // 其他类型，直接返回原值
+        return value.toString();
+    }
+
+    /**
+     * 翻译成员列表（ID -> 名称）
+     * 支持单个用户ID字符串或用户ID列表
+     */
+    private String translateMemberList(Object value) {
+        List<String> userIds = parseStringList(value);
+        // 如果不是列表格式，尝试作为单个ID处理
+        if (userIds.isEmpty() && value != null && !NULL_STRING.equals(value.toString())) {
+            String singleId = value.toString();
+            if (StringUtils.isNotBlank(singleId)) {
+                userIds = List.of(singleId);
+            }
+        }
+        if (userIds.isEmpty()) {
+            return "";
+        }
+        List<OptionDTO> userOptions = extUserMapper.selectUserOptionByIds(userIds);
+        if (userOptions.isEmpty()) {
+            return value.toString();
+        }
+        // 按 userIds 顺序返回名称
+        Map<String, String> nameMap = userOptions.stream()
+                .collect(Collectors.toMap(OptionDTO::getId, OptionDTO::getName, (a, b) -> a));
+        return userIds.stream()
+                .map(nameMap::get)
+                .filter(Objects::nonNull)
+                .collect(Collectors.joining(", "));
+    }
+
+    /**
+     * 翻译角色列表（ID -> 名称）
+     * 支持单个角色ID字符串或角色ID列表
+     */
+    private String translateRoleList(Object value) {
+        List<String> roleIds = parseStringList(value);
+        // 如果不是列表格式，尝试作为单个ID处理
+        if (roleIds.isEmpty() && value != null && !NULL_STRING.equals(value.toString())) {
+            String singleId = value.toString();
+            if (StringUtils.isNotBlank(singleId)) {
+                roleIds = List.of(singleId);
+            }
+        }
+        if (roleIds.isEmpty()) {
+            return "";
+        }
+        List<OptionDTO> roleOptions = extRoleMapper.getIdNameByIds(roleIds);
+        if (roleOptions.isEmpty()) {
+            return value.toString();
+        }
+        // 按 roleIds 顺序返回名称
+        Map<String, String> nameMap = roleOptions.stream()
+                .collect(Collectors.toMap(OptionDTO::getId, OptionDTO::getName, (a, b) -> a));
+        return roleIds.stream()
+                .map(nameMap::get)
+                .filter(Objects::nonNull)
+                .collect(Collectors.joining(", "));
+    }
+
+    /**
+     * 解析字符串列表
+     */
+    private List<String> parseStringList(Object value) {
+        if (value == null) {
+            return List.of();
+        }
+        try {
+            if (value instanceof List<?> list) {
+                return list.stream()
+                        .filter(Objects::nonNull)
+                        .map(Object::toString)
+                        .filter(s -> !NULL_STRING.equals(s))
+                        .collect(Collectors.toList());
+            }
+            String strValue = value.toString();
+            if (strValue.startsWith("[")) {
+                List<?> list = JSON.parseArray(strValue, Object.class);
+                return list.stream()
+                        .filter(Objects::nonNull)
+                        .map(Object::toString)
+                        .filter(s -> !NULL_STRING.equals(s))
+                        .collect(Collectors.toList());
+            }
+        } catch (Exception ignored) {
+            // 解析失败时返回空列表
+        }
+        return List.of();
+    }
+
+    /**
+     * 翻译层级列表
+     */
+    private String translateLevelList(Object value, String translationPrefix) {
+        if (value == null) {
+            return "";
+        }
+        // 尝试解析为列表
+        try {
+            if (value instanceof List<?> list) {
+                List<String> translated = new ArrayList<>();
+                for (Object item : list) {
+                    String levelKey = translationPrefix + item.toString();
+                    translated.add(Translator.get(levelKey));
+                }
+                return String.join(", ", translated);
+            }
+            // 如果是 JSON 字符串
+            String strValue = value.toString();
+            if (strValue.startsWith("[")) {
+                List<?> list = JSON.parseArray(strValue, Object.class);
+                List<String> translated = new ArrayList<>();
+                for (Object item : list) {
+                    String levelKey = translationPrefix + item.toString();
+                    translated.add(Translator.get(levelKey));
+                }
+                return String.join(", ", translated);
+            }
+        } catch (Exception ignored) {
+            // 解析失败时返回原值
+        }
+        return value.toString();
+    }
+
+    private void handleFormType(JsonDifferenceDTO differ) {
+        differ.setColumnName(Translator.get("log.formType"));
+        if (isValidValue(differ.getOldValue())) {
+            differ.setOldValueName(Translator.get("approval_flow.form_type." + differ.getOldValue().toString().toLowerCase()));
+        }
+        if (isValidValue(differ.getNewValue())) {
+            differ.setNewValueName(Translator.get("approval_flow.form_type." + differ.getNewValue().toString().toLowerCase()));
+        }
+    }
+
+    private void handleEnable(JsonDifferenceDTO differ) {
+        differ.setColumnName(Translator.get("log.enable"));
+        if (isValidValue(differ.getOldValue())) {
+            differ.setOldValueName(Translator.get("approval_flow.enable." + (Boolean.parseBoolean(differ.getOldValue().toString()) ? "true" : "false")));
+        }
+        if (isValidValue(differ.getNewValue())) {
+            differ.setNewValueName(Translator.get("approval_flow.enable." + (Boolean.parseBoolean(differ.getNewValue().toString()) ? "true" : "false")));
+        }
+    }
+
+    private void handleBooleanValue(JsonDifferenceDTO differ) {
+        differ.setColumnName(Translator.get("log." + differ.getColumn()));
+        if (isValidValue(differ.getOldValue())) {
+            differ.setOldValueName(Translator.get("log.enable." + (Boolean.parseBoolean(differ.getOldValue().toString()) ? "true" : "false")));
+        }
+        if (isValidValue(differ.getNewValue())) {
+            differ.setNewValueName(Translator.get("log.enable." + (Boolean.parseBoolean(differ.getNewValue().toString()) ? "true" : "false")));
+        }
+    }
+
+    private void handleDuplicateApproverRule(JsonDifferenceDTO differ) {
+        differ.setColumnName(Translator.get("log.duplicateApproverRule"));
+        if (isValidValue(differ.getOldValue())) {
+            differ.setOldValueName(Translator.get("approval_flow.duplicate_approver_rule." + differ.getOldValue().toString().toLowerCase()));
+        }
+        if (isValidValue(differ.getNewValue())) {
+            differ.setNewValueName(Translator.get("approval_flow.duplicate_approver_rule." + differ.getNewValue().toString().toLowerCase()));
+        }
+    }
+
+    private void handleStatusPermissions(JsonDifferenceDTO differ) {
+        differ.setColumnName(Translator.get("log.statusPermissions"));
+        if (isValidValue(differ.getOldValue())) {
+            differ.setOldValueName(translateStatusPermissions(differ.getOldValue()));
+        }
+        if (isValidValue(differ.getNewValue())) {
+            differ.setNewValueName(translateStatusPermissions(differ.getNewValue()));
+        }
+    }
+
+    /**
+     * 翻译状态权限配置
+     * 将 [{"approvalStatus":"REVOKED","permission":"ORDER:READ","enabled":true}]
+     * 翻译为换行分隔的字符串
+     */
+    @SuppressWarnings("unchecked")
+    private String translateStatusPermissions(Object value) {
+        if (value == null) {
+            return "";
+        }
+        try {
+            List<?> list;
+            if (value instanceof List<?> l) {
+                list = l;
+            } else {
+                String strValue = value.toString();
+                list = JSON.parseArray(strValue, Object.class);
+            }
+
+            List<String> results = new ArrayList<>();
+            for (Object item : list) {
+                if (item instanceof Map<?, ?> map) {
+                    String enabled = map.get("enabled") != null ? map.get("enabled").toString() : "";
+                    if (Strings.CI.equals(enabled, "true")) {
+                        String status = map.get("approvalStatus") != null ? map.get("approvalStatus").toString() : "";
+                        String permission = map.get("permission") != null ? map.get("permission").toString() : "";
+                        String translatedStatus = translateApprovalStatus(status);
+                        String translatedPermission = translatePermission(permission);
+                        results.add(translatedStatus + "-" + translatedPermission);
+                    }
+                }
+            }
+
+            return String.join("\n", results);
+        } catch (Exception e) {
+            return value.toString();
+        }
+    }
+
+    /**
+     * 翻译审批状态
+     */
+    private String translateApprovalStatus(String status) {
+        if (StringUtils.isBlank(status)) {
+            return "";
+        }
+        return Translator.get("log.approvalStatus." + status, status);
+    }
+
+    /**
+     * 翻译权限字符串
+     * 将 "ORDER:READ" 翻译为 "订单:查看"
+     */
+    private String translatePermission(String permission) {
+        if (StringUtils.isBlank(permission)) {
+            return "";
+        }
+        String[] parts = permission.split(":");
+        if (parts.length >= 2) {
+            String moduleKey = "permission." + parts[0].toLowerCase() + ".name";
+            String permissionKey = "permission." + parts[1].toLowerCase();
+            return Translator.get(moduleKey, parts[0]) + ":" + Translator.get(permissionKey, parts[1]);
+        }
+        return Translator.get("permission." + permission.toLowerCase(), permission);
+    }
+
+    private void handleDescription(JsonDifferenceDTO differ) {
+        differ.setColumnName(Translator.get("approval_flow.log.description"));
+        differ.setOldValueName(differ.getOldValue());
+        differ.setNewValueName(differ.getNewValue());
+    }
+
+    /**
+     * 翻译审批通过/驳回后配置
+     * 将 fieldUpdateConfigs 翻译为 "字段名: 值 (启用/禁用)" 格式
+     */
+    private String translatePostConfig(Object value) {
+        if (value == null) return "";
+        try {
+            String jsonStr = value instanceof String ? (String) value : JSON.toJSONString(value);
+            ApprovalPostConfigDTO postConfig = JSON.parseObject(jsonStr, ApprovalPostConfigDTO.class);
+
+            if (postConfig == null) {
+                return "";
+            }
+
+            Map<String, BaseField> fieldMap = fields != null
+                    ? fields.stream().collect(Collectors.toMap(BaseField::getId, f -> f, (a, b) -> a))
+                    : Map.of();
+
+            List<String> parts = new ArrayList<>();
+            for (EnableFieldValue config : postConfig.getFieldUpdateConfigs()) {
+                if (config.getFieldId() == null) continue;
+
+                BaseField field = fieldMap.get(config.getFieldId());
+                String fieldName = field != null ? field.getName() : config.getFieldId();
+
+                Object translatedValue = config.getFieldValue();
+                if (field != null && config.getFieldValue() != null) {
+                    translatedValue = transformFieldValue(field, config.getFieldValue());
+                }
+
+                String enableStr = BooleanUtils.isTrue(config.getEnable())
+                        ? Translator.get("log.enable.true")
+                        : Translator.get("log.enable.false");
+                parts.add(fieldName + ": " + translatedValue + " (" + enableStr + ")");
+            }
+            if (postConfig.getWebHookConfig() != null) {
+                WebHookConfig webHookConfig = postConfig.getWebHookConfig();
+                parts.add(Translator.get("webhook.enable") + ": " + (BooleanUtils.isTrue(webHookConfig.getWebHookEnable()) ? Translator.get("log.enable.true") : Translator.get("log.enable.false")));
+                parts.add(Translator.get("webhook.describe") + ": " + webHookConfig.getWebHookDescribe());
+                parts.add(Translator.get("webhook.url") + ": " + webHookConfig.getWebHookUrl());
+                parts.add(Translator.get("webhook.method") + ": " + webHookConfig.getWebHookMethod());
+                parts.add(Translator.get("webhook.header") + ": " + webHookConfig.getWebHookHeader());
+                parts.add(Translator.get("webhook.body") + ": " + webHookConfig.getWebHookBody());
+            }
+
+            return String.join("\n", parts);
+        } catch (Exception e) {
+            return value.toString();
+        }
+    }
+
+    /**
+     * 翻译字段权限配置
+     * 将 FieldPermissionDTO 列表翻译为 "字段名: 权限类型" 格式
+     */
+    private String translateFieldPermissions(Object value) {
+        if (value == null) return "";
+        try {
+            List<?> list;
+            if (value instanceof List<?> l) {
+                list = l;
+            } else {
+                String strValue = value.toString();
+                list = JSON.parseArray(strValue, Object.class);
+            }
+
+            Map<String, BaseField> fieldMap = fields != null
+                    ? fields.stream().collect(Collectors.toMap(BaseField::getId, f -> f, (a, b) -> a))
+                    : Map.of();
+
+            List<String> parts = new ArrayList<>();
+            for (Object item : list) {
+                if (item instanceof Map<?, ?> map) {
+                    String fieldId = map.get("fieldId") != null ? map.get("fieldId").toString() : "";
+                    String permissionType = map.get("permissionType") != null ? map.get("permissionType").toString() : "";
+
+                    BaseField field = fieldMap.get(fieldId);
+                    String fieldName = field != null ? field.getName() : fieldId;
+                    String translatedPermission = Translator.get("approval_flow.field_permission." + permissionType.toLowerCase(), permissionType);
+
+                    parts.add(fieldName + ": " + translatedPermission);
+                }
+            }
+
+            return String.join("\n", parts);
+        } catch (Exception e) {
+            return value.toString();
+        }
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/service/ApprovalFlowService.java b/backend/crm/src/main/java/cn/cordys/crm/approval/service/ApprovalFlowService.java
new file mode 100644
index 0000000..7b65ba8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/service/ApprovalFlowService.java
@@ -0,0 +1,2232 @@
+package cn.cordys.crm.approval.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.dto.condition.CombineSearch;
+import cn.cordys.common.dto.condition.FilterCondition;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.permission.Permission;
+import cn.cordys.common.permission.PermissionDefinitionItem;
+import cn.cordys.common.permission.PermissionUtils;
+import cn.cordys.common.response.result.CrmHttpResultCode;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.approval.constants.*;
+import cn.cordys.crm.approval.domain.*;
+import cn.cordys.crm.approval.dto.ApprovalPostConfigDTO;
+import cn.cordys.crm.approval.dto.FieldPermissionDTO;
+import cn.cordys.crm.approval.dto.StatusPermissionDTO;
+import cn.cordys.crm.approval.dto.WebHookConfig;
+import cn.cordys.crm.approval.dto.request.*;
+import cn.cordys.crm.approval.dto.response.*;
+import cn.cordys.crm.approval.mapper.ExtApprovalFlowMapper;
+import cn.cordys.crm.approval.mapper.ExtApprovalInstanceMapper;
+import cn.cordys.crm.system.domain.Department;
+import cn.cordys.crm.system.domain.OrganizationUser;
+import cn.cordys.crm.system.domain.User;
+import cn.cordys.crm.system.mapper.ExtDepartmentCommanderMapper;
+import cn.cordys.crm.system.mapper.ExtRoleMapper;
+import cn.cordys.crm.system.mapper.ExtUserMapper;
+import cn.cordys.crm.system.mapper.ExtUserRoleMapper;
+import cn.cordys.crm.system.service.ModuleFormService;
+import cn.cordys.crm.system.service.RoleService;
+import cn.cordys.crm.system.service.UserViewService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.BooleanUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.data.redis.core.StringRedisTemplate;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class ApprovalFlowService {
+
+    @Resource
+    private BaseMapper<ApprovalFlow> approvalFlowMapper;
+    @Resource
+    private ExtApprovalFlowMapper extApprovalFlowMapper;
+    @Resource
+    private BaseMapper<ApprovalFlowVersion> approvalFlowVersionMapper;
+    @Resource
+    private BaseMapper<ApprovalNode> approvalNodeMapper;
+    @Resource
+    private BaseMapper<ApprovalNodeApprover> approvalNodeApproverMapper;
+    @Resource
+    private BaseMapper<ApprovalNodeCondition> approvalNodeConditionMapper;
+    @Resource
+    private BaseMapper<ApprovalNodeLink> approvalNodeLinkMapper;
+    @Resource
+    private RoleService roleService;
+    @Resource
+    private BaseService baseService;
+    @Resource
+    private BaseMapper<Department> departmentBaseMapper;
+    @Resource
+    private StringRedisTemplate stringRedisTemplate;
+    @Resource
+    private BaseMapper<OrganizationUser> organizationUserMapper;
+    @Resource
+    private ExtUserRoleMapper extUserRoleMapper;
+    @Resource
+    private ExtDepartmentCommanderMapper extDepartmentCommanderMapper;
+    @Resource
+    private ExtUserMapper extUserMapper;
+    @Resource
+    private ExtRoleMapper extRoleMapper;
+    @Resource
+    private BaseMapper<ApprovalRecord> approvalRecordMapper;
+    @Resource
+    private BaseMapper<ApprovalTask> approvalTaskMapper;
+    @Resource
+    private ModuleFormService formService;
+    @Resource
+    private UserViewService userViewService;
+    @Resource
+    private ExtApprovalInstanceMapper extApprovalInstanceMapper;
+    @Resource
+    private ApprovalInstanceService approvalInstanceService;
+
+    /**
+     * 加签节点后缀分隔符
+     */
+    public static final String SIGN_SPILT = "-SN";
+    /**
+     * 范围大小
+     */
+    public static final int RANGE_SIZE = 2;
+    /**
+     * 审批流导出权限
+     */
+    public static final String EXPORT_SUFFIX = "EXPORT";
+
+    /**
+     * 根据表单类型获取审批流状态权限配置
+     */
+    public StatusPermissionSettingResponse getStatusPermissionsByFormType(String formType, String organizationId) {
+        StatusPermissionSettingResponse response = new StatusPermissionSettingResponse();
+
+        // 获取权限列表
+        List<OptionDTO> permissions = getResourcePermissions(getPermissionsByFormType(formType));
+        response.setPermissions(permissions);
+
+        // 查询该表单类型对应的审批流
+        ApprovalFlow criteria = new ApprovalFlow();
+        criteria.setFormType(formType);
+        criteria.setEnable(true);
+        criteria.setDeleted(false);
+        criteria.setOrganizationId(organizationId);
+        List<ApprovalFlow> flows = approvalFlowMapper.select(criteria);
+
+        if (CollectionUtils.isEmpty(flows)) {
+            response.setStatusPermissions(List.of());
+            return response;
+        }
+
+        // 优先使用启用的审批流
+        ApprovalFlow targetFlow = flows.stream()
+                .filter(ApprovalFlow::getEnable)
+                .findFirst()
+                .orElse(flows.getFirst());
+
+        // 从主表获取状态权限配置
+        if (StringUtils.isBlank(targetFlow.getStatusPermissions())) {
+            response.setStatusPermissions(List.of());
+            return response;
+        }
+
+        // 解析状态权限配置
+        response.setStatusPermissions(parseStatusPermissions(permissions, targetFlow.getStatusPermissions()));
+        return response;
+    }
+
+    /**
+     * 批量检查资源的操作权限
+     *
+     * @param formType       表单类型
+     * @param resources      资源列表
+     * @param permission     权限标识
+     * @param organizationId 组织ID
+     * @param idGetter       获取资源ID的函数
+     * @param statusGetter   获取审批状态的函数
+     * @return 有权限的资源ID列表
+     */
+    public <T> List<String> filterResourcesWithPermission(
+            String formType, List<T> resources, String permission, String organizationId,
+            java.util.function.Function<T, String> idGetter,
+            java.util.function.Function<T, String> statusGetter) {
+        if (CollectionUtils.isEmpty(resources)) {
+            return List.of();
+        }
+
+        // 检查是否所有资源都没有审批状态，如果是则直接返回所有资源ID，无需权限校验
+        boolean allStatus = resources.stream()
+                .allMatch(resource -> StringUtils.isNotBlank(statusGetter.apply(resource))
+                        && Strings.CS.equals(statusGetter.apply(resource), ApprovalStatus.NONE.name()));
+
+        if (allStatus) {
+            // 所有资源都没有审批状态，则无需校验权限，直接返回所有资源ID
+            return resources.stream().map(idGetter).collect(Collectors.toList());
+        }
+
+        // 获取状态权限配置
+        StatusPermissionSettingResponse setting = getStatusPermissionsByFormType(formType, organizationId);
+        List<StatusPermissionDTO> statusPermissions = setting.getStatusPermissions();
+
+        if (CollectionUtils.isEmpty(statusPermissions)) {
+            // 没有配置状态权限限制，全部允许操作
+            return resources.stream().map(idGetter).collect(Collectors.toList());
+        }
+
+        // 构建需要权限的状态集合：(审批状态, 权限) -> 是否需要权限
+        Map<String, Boolean> permissionRequiredMap = new HashMap<>(statusPermissions.size());
+        for (StatusPermissionDTO sp : statusPermissions) {
+            if (permission.equals(sp.getPermission())) {
+                permissionRequiredMap.put(sp.getApprovalStatus(), sp.getEnabled());
+            }
+        }
+        // 没有开启审核时创建的数据，状态为NONE，也应该能被修改
+        permissionRequiredMap.put(ApprovalStatus.NONE.name(), true);
+        // 检查用户是否有该权限
+        boolean hasPermission = PermissionUtils.hasPermission(permission);
+
+        // 过滤出有权限的资源
+        return resources.stream()
+                .filter(resource -> {
+                    String status = statusGetter.apply(resource);
+                    if (StringUtils.isBlank(status)) {
+                        // 没有审批状态，不受限制
+                        return true;
+                    }
+                    Boolean required = permissionRequiredMap.get(status);
+                    // 需要权限，检查用户是否有权限
+                    return BooleanUtils.isTrue(required) && hasPermission;
+                })
+                .map(idGetter)
+                .collect(Collectors.toList());
+    }
+
+    /**
+     * 批量检查资源的导出权限
+     * 根据审批流配置的状态权限，过滤出当前用户可以导出的资源
+     *
+     * @param formKey        表单Key(如: quotation, contract, invoice, order)
+     * @param resources      资源列表
+     * @param organizationId 组织ID
+     * @param idGetter       获取资源ID的函数
+     * @param statusGetter   获取审批状态的函数
+     * @return 可以导出的资源ID列表
+     */
+    public <T> List<String> filterResourcesWithExportPermission(
+            String formKey, List<T> resources, String organizationId,
+            java.util.function.Function<T, String> idGetter,
+            java.util.function.Function<T, String> statusGetter) {
+        if (CollectionUtils.isEmpty(resources)) {
+            return List.of();
+        }
+        // 审批状态缺失走数据权限, 无需再过滤
+        boolean allNoApprovalStatus = resources.stream()
+                .allMatch(resource -> {
+                    String status = statusGetter.apply(resource);
+                    return StringUtils.isBlank(status) || Strings.CS.equals(status, ApprovalStatus.NONE.name());
+                });
+        if (allNoApprovalStatus) {
+            return resources.stream().map(idGetter).collect(Collectors.toList());
+        }
+
+        // 获取审批流状态权限配置
+        StatusPermissionSettingResponse setting = getStatusPermissionsByFormType(formKey, organizationId);
+        if (setting == null || CollectionUtils.isEmpty(setting.getStatusPermissions())) {
+            // 没有开启审批流或者没有配置状态权限限制，全部允许导出
+            return resources.stream().map(idGetter).collect(Collectors.toList());
+        }
+
+        // 过滤出导出权限开启的状态集合
+        List<StatusPermissionDTO> statusPermissions = setting.getStatusPermissions();
+        List<String> exportApprovalStatus = statusPermissions.stream().filter(sp -> sp.getPermission().contains(EXPORT_SUFFIX) && sp.getEnabled()).map(StatusPermissionDTO::getApprovalStatus).toList();
+
+        // 如果没有配置任何导出权限，无需过滤
+        if (CollectionUtils.isEmpty(exportApprovalStatus)) {
+            return resources.stream().filter(resource -> {
+                        String status = statusGetter.apply(resource);
+                        return StringUtils.isBlank(status) || Strings.CS.equals(status, ApprovalStatus.NONE.name());
+                    }).map(idGetter)
+                    .collect(Collectors.toList());
+        }
+
+
+        // 过滤出有导出权限的资源
+        return resources.stream()
+                .filter(resource -> {
+                    String status = statusGetter.apply(resource);
+                    if (StringUtils.isBlank(status) || Strings.CS.equals(status, ApprovalStatus.NONE.name())) {
+                        // 没有审批状态，不受限制，允许导出
+                        return true;
+                    }
+                    // 审批状态开启了导出权限, 可导出
+                    return exportApprovalStatus.contains(status);
+                })
+                .map(idGetter)
+                .collect(Collectors.toList());
+    }
+
+    /**
+     * 分页查询审批流列表
+     */
+    public Pager<List<ApprovalFlowListResponse>> list(ApprovalFlowPageRequest request, String organizationId) {
+        PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        List<ApprovalFlowListResponse> responses = extApprovalFlowMapper.list(request, organizationId);
+        baseService.setCreateAndUpdateUserName(responses);
+        Page<ApprovalFlowListResponse> page = (Page<ApprovalFlowListResponse>) responses;
+        return PageUtils.setPageInfo(page, responses);
+    }
+
+    /**
+     * 获取审批流详情
+     */
+    public ApprovalFlowDetailResponse getDetail(String id, String organizationId) {
+        ApprovalFlow flow = approvalFlowMapper.selectByPrimaryKey(id);
+        if (flow == null || !flow.getOrganizationId().equals(organizationId)) {
+            throw new GenericException(CrmHttpResultCode.NOT_FOUND);
+        }
+
+        ApprovalFlowDetailResponse response = BeanUtils.copyBean(new ApprovalFlowDetailResponse(), flow);
+
+        // 设置创建人和更新人名称
+        baseService.setCreateAndUpdateUserName(response);
+
+        List<Permission> permissions = getPermissionsByFormType(flow.getFormType());
+
+        // 设置对应资源的权限列表
+        response.setPermissions(getResourcePermissions(permissions));
+
+        // 解析状态权限配置
+        response.setStatusPermissions(parseStatusPermissions(response.getPermissions(), flow.getStatusPermissions()));
+
+        // 查询节点配置和连接关系（按执行时机分组）
+        buildNodeConfigs(flow.getCurrentVersionId(), response, organizationId);
+
+        return response;
+    }
+
+    /**
+     * 根据表单类型获取审批流信息（不含节点配置）
+     */
+    public ApprovalFlowByFormTypeResponse getByFormType(String formType, String organizationId) {
+        ApprovalFlow criteria = new ApprovalFlow();
+        criteria.setFormType(formType);
+        criteria.setEnable(true);
+        criteria.setDeleted(false);
+        criteria.setOrganizationId(organizationId);
+        List<ApprovalFlow> flows = approvalFlowMapper.select(criteria);
+
+        ApprovalFlow targetFlow = flows.stream()
+                .filter(ApprovalFlow::getEnable)
+                .findFirst()
+                .orElse(null);
+
+        if (targetFlow == null) {
+            return null;
+        }
+
+        ApprovalFlowByFormTypeResponse response = BeanUtils.copyBean(new ApprovalFlowByFormTypeResponse(), targetFlow);
+
+        List<Permission> permissions = getPermissionsByFormType(targetFlow.getFormType());
+        response.setPermissions(getResourcePermissions(permissions));
+
+        // 解析状态权限配置（从主表获取）
+        response.setStatusPermissions(parseStatusPermissions(response.getPermissions(), targetFlow.getStatusPermissions()));
+
+        return response;
+    }
+
+    /**
+     * 新建审批流
+     */
+    @OperationLog(module = LogModule.APPROVAL_FLOW, type = LogType.ADD, resourceName = "{#request.name}")
+    public ApprovalFlowDetailResponse add(ApprovalFlowAddRequest request, String userId, String organizationId) {
+        // 检查该表单类型是否已存在审批流（每个表单类型只能创建一个）
+        ApprovalFlow existFlow = selectApprovalFlowByFormType(request.getFormType(), organizationId);
+        if (existFlow != null) {
+            throw new GenericException(Translator.get("approval_flow.type.already.exists"));
+        }
+
+        // 创建审批流主表
+        ApprovalFlow flow = BeanUtils.copyBean(new ApprovalFlow(), request);
+        flow.setId(IDGenerator.nextStr());
+        flow.setNumber(generateFlowNumber(request.getFormType(), organizationId));
+        flow.setCreateUser(userId);
+        flow.setCreateTime(System.currentTimeMillis());
+        flow.setUpdateUser(userId);
+        flow.setUpdateTime(System.currentTimeMillis());
+        flow.setOrganizationId(organizationId);
+        flow.setDeleted(false);
+
+        // 保存状态权限配置到主表
+        if (request.getStatusPermissions() != null) {
+            flow.setStatusPermissions(JSON.toJSONString(request.getStatusPermissions()));
+        }
+
+        // 创建版本（版本表只存储节点配置的关联）
+        ApprovalFlowVersion version = createFlowVersion(flow.getId(), userId, organizationId);
+        approvalFlowVersionMapper.insert(version);
+
+        // 更新当前版本ID
+        flow.setCurrentVersionId(version.getId());
+        approvalFlowMapper.insert(flow);
+
+        // 保存节点配置（按执行时机分别保存）
+        saveNodeConfigs(request, version.getId(), flow.getId());
+
+        ApprovalFlowDetailResponse detail = getDetail(flow.getId(), organizationId);
+
+        // 设置日志上下文
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .resourceId(flow.getId())
+                        .modifiedValue(detail)
+                        .build()
+        );
+
+        return detail;
+    }
+
+    public ApprovalFlow selectApprovalFlowByFormType(String formType, String organizationId) {
+        ApprovalFlow existCriteria = new ApprovalFlow();
+        existCriteria.setFormType(formType);
+        existCriteria.setDeleted(false);
+        existCriteria.setOrganizationId(organizationId);
+        List<ApprovalFlow> existFlows = approvalFlowMapper.select(existCriteria);
+        if (CollectionUtils.isEmpty(existFlows)) {
+            return null;
+        }
+        return existFlows.getFirst();
+    }
+
+    /**
+     * 创建审批流版本
+     */
+    private ApprovalFlowVersion createFlowVersion(String flowId, String userId, String organizationId) {
+        ApprovalFlowVersion version = new ApprovalFlowVersion();
+        version.setId(IDGenerator.nextStr());
+        version.setFlowId(flowId);
+        version.setOrganizationId(organizationId);
+        version.setCreateUser(userId);
+        version.setCreateTime(System.currentTimeMillis());
+        return version;
+    }
+
+    /**
+     * 更新审批流
+     */
+    @OperationLog(module = LogModule.APPROVAL_FLOW, type = LogType.UPDATE, resourceId = "{#request.id}")
+    public ApprovalFlowDetailResponse update(ApprovalFlowUpdateRequest request, String userId, String organizationId) {
+        // 获取原始日志DTO
+        ApprovalFlowDetailResponse originDetail = getDetail(request.getId(), organizationId);
+
+        // 更新审批流主表（配置字段直接保存到主表）
+        ApprovalFlow flow = BeanUtils.copyBean(new ApprovalFlow(), request);
+        flow.setUpdateUser(userId);
+        flow.setUpdateTime(System.currentTimeMillis());
+
+        // 保存状态权限配置到主表
+        if (request.getStatusPermissions() != null) {
+            flow.setStatusPermissions(JSON.toJSONString(request.getStatusPermissions()));
+        }
+
+        // 如果有节点更新，创建新版本
+        if (hasNodeConfigUpdate(request)) {
+            ApprovalFlowVersion newVersion = createFlowVersion(originDetail.getId(), userId, organizationId);
+            approvalFlowVersionMapper.insert(newVersion);
+
+            // 更新当前版本ID
+            flow.setCurrentVersionId(newVersion.getId());
+
+            // 保存新节点配置（按执行时机分别保存）
+            saveNodeConfigs(request, newVersion.getId(), originDetail.getId());
+        }
+
+        approvalFlowMapper.updateById(flow);
+
+        ApprovalFlowDetailResponse detail = getDetail(flow.getId(), organizationId);
+
+        // 获取更新后的日志DTO
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .resourceName(detail.getName())
+                        .originalValue(originDetail)
+                        .modifiedValue(detail)
+                        .build()
+        );
+
+        return detail;
+    }
+
+    /**
+     * 删除审批流
+     */
+    @OperationLog(module = LogModule.APPROVAL_FLOW, type = LogType.DELETE, resourceId = "{#id}")
+    public void delete(String id, String organizationId) {
+        ApprovalFlow flow = approvalFlowMapper.selectByPrimaryKey(id);
+        if (flow == null || !flow.getOrganizationId().equals(organizationId)) {
+            throw new GenericException(CrmHttpResultCode.NOT_FOUND);
+        }
+
+        // 软删除：设置 deleted = true
+        ApprovalFlow update = new ApprovalFlow();
+        update.setId(id);
+        update.setDeleted(true);
+        update.setUpdateTime(System.currentTimeMillis());
+        approvalFlowMapper.updateById(update);
+
+        // 清除审批中的资源和待办
+        approvalInstanceService.clearApprovingInstanceOfFlow(id);
+
+        // 设置日志上下文
+        OperationLogContext.setResourceName(flow.getName());
+    }
+
+    /**
+     * 启用/禁用审批流
+     */
+    @OperationLog(module = LogModule.APPROVAL_FLOW, type = LogType.UPDATE, resourceId = "{#id}")
+    public void updateEnable(String id, Boolean enable, String userId, String organizationId) {
+        ApprovalFlow flow = approvalFlowMapper.selectByPrimaryKey(id);
+        if (flow == null || !flow.getOrganizationId().equals(organizationId) || Boolean.TRUE.equals(flow.getDeleted())) {
+            throw new GenericException(CrmHttpResultCode.NOT_FOUND);
+        }
+
+        Boolean oldEnable = flow.getEnable();
+
+        ApprovalFlow update = new ApprovalFlow();
+        update.setId(id);
+        update.setEnable(enable);
+        update.setUpdateUser(userId);
+        update.setUpdateTime(System.currentTimeMillis());
+        approvalFlowMapper.updateById(update);
+
+        // 设置日志上下文
+        Map<String, Object> originalVal = new HashMap<>(2);
+        originalVal.put("enable", oldEnable);
+        Map<String, Object> modifiedVal = new HashMap<>(2);
+        modifiedVal.put("enable", enable);
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .resourceName(flow.getName())
+                        .originalValue(originalVal)
+                        .modifiedValue(modifiedVal)
+                        .build()
+        );
+    }
+
+    /**
+     * 生成流程编码
+     */
+    private String generateFlowNumber(String formType, String organizationId) {
+        String prefix = getNumberPrefix(formType);
+        String key = "approval_flow_num:" + organizationId + ":" + formType;
+        long seq = stringRedisTemplate.opsForValue().increment(key);
+        return String.format("%s-%05d", prefix, seq);
+    }
+
+    /**
+     * 生成节点编码
+     */
+    private String generateNodeNumber(String flowId) {
+        String key = "approval_node_num:" + ":" + flowId;
+        long seq = stringRedisTemplate.opsForValue().increment(key);
+        return String.format("P" + "N%03d", seq);
+    }
+
+    private String getNumberPrefix(String formType) {
+        try {
+            return ApprovalFormTypeEnum.valueOf(formType.toUpperCase()).getPrefix();
+        } catch (IllegalArgumentException e) {
+            return "APV";
+        }
+    }
+
+    private List<ApprovalNodeResponse> getNodesByFlowVersionId(String flowVersionId) {
+        if (StringUtils.isBlank(flowVersionId)) {
+            return List.of();
+        }
+        ApprovalNode criteria = new ApprovalNode();
+        criteria.setFlowVersionId(flowVersionId);
+        List<ApprovalNode> nodes = approvalNodeMapper.select(criteria);
+        return nodes.stream().map(node -> {
+            // 查询审批人节点配置
+            if (ApprovalNodeTypeEnum.APPROVER.name().equals(node.getNodeType())) {
+                ApprovalNodeApprover approverNode = approvalNodeApproverMapper.selectByPrimaryKey(node.getId());
+                if (approverNode != null) {
+                    ApprovalNodeApproverResponse approverResponse = BeanUtils.copyBean(
+                            new ApprovalNodeApproverResponse(), node);
+                    BeanUtils.copyBean(approverResponse, approverNode);
+                    // 解析 JSON 字段为对象
+                    parseApproverNodeFields(approverNode, approverResponse);
+                    return approverResponse;
+                }
+            }
+            // 查询条件节点配置
+            if (ApprovalNodeTypeEnum.CONDITION.name().equals(node.getNodeType())) {
+                ApprovalNodeCondition conditionNode = approvalNodeConditionMapper.selectByPrimaryKey(node.getId());
+                if (conditionNode != null) {
+                    ApprovalNodeConditionResponse conditionResponse = BeanUtils.copyBean(
+                            new ApprovalNodeConditionResponse(), node);
+                    if (StringUtils.isNotBlank(conditionNode.getConditionConfig())) {
+                        conditionResponse.setConditionConfig(JSON.parseObject(conditionNode.getConditionConfig(), CombineSearch.class));
+                    }
+                    return conditionResponse;
+                }
+            }
+            // 其他类型节点
+            return BeanUtils.copyBean(new ApprovalNodeResponse(), node);
+        }).collect(Collectors.toList());
+    }
+
+    /**
+     * 解析审批人节点 JSON 字段为对象
+     */
+    private void parseApproverNodeFields(ApprovalNodeApprover approverNode, ApprovalNodeApproverResponse response) {
+        // 解析审批人列表
+        List<String> approverIds = null;
+        if (StringUtils.isNotBlank(approverNode.getApproverList())) {
+            approverIds = JSON.parseArray(approverNode.getApproverList(), String.class);
+            response.setApproverList(approverIds);
+        }
+        // 解析抄送人列表
+        List<String> ccIds = null;
+        if (StringUtils.isNotBlank(approverNode.getCcList())) {
+            ccIds = JSON.parseArray(approverNode.getCcList(), String.class);
+            response.setCcList(ccIds);
+        }
+        // 解析其他配置
+        if (StringUtils.isNotBlank(approverNode.getPassPostConfig())) {
+            response.setPassPostConfig(JSON.parseObject(approverNode.getPassPostConfig(), ApprovalPostConfigDTO.class));
+        }
+        if (StringUtils.isNotBlank(approverNode.getRejectPostConfig())) {
+            response.setRejectPostConfig(JSON.parseObject(approverNode.getRejectPostConfig(), ApprovalPostConfigDTO.class));
+        }
+        if (StringUtils.isNotBlank(approverNode.getFieldPermissions())) {
+            response.setFieldPermissions(JSON.parseArray(approverNode.getFieldPermissions(), FieldPermissionDTO.class));
+        }
+
+        // 查询审批人选择项名称（用于前端回显）
+        if (CollectionUtils.isNotEmpty(approverIds)) {
+            response.setApproverSelectOptions(resolveSelectOptions(approverNode.getApproverType(), approverIds));
+        }
+        // 查询抄送人选择项名称（用于前端回显）
+        if (CollectionUtils.isNotEmpty(ccIds)) {
+            response.setCcSelectOptions(resolveSelectOptions(approverNode.getCcType(), ccIds));
+        }
+    }
+
+    /**
+     * 根据类型解析选择项列表
+     */
+    private List<OptionDTO> resolveSelectOptions(String type, List<String> ids) {
+        if (StringUtils.isBlank(type) || CollectionUtils.isEmpty(ids)) {
+            return List.of();
+        }
+        try {
+            ApproverTypeEnum approverType = ApproverTypeEnum.valueOf(type);
+            return switch (approverType) {
+                case MEMBER -> resolveMemberOptions(ids);
+                case ROLE -> resolveRoleOptions(ids);
+                default -> List.of();
+            };
+        } catch (IllegalArgumentException e) {
+            return List.of();
+        }
+    }
+
+    /**
+     * 解析成员选择项
+     */
+    private List<OptionDTO> resolveMemberOptions(List<String> userIds) {
+        List<OptionDTO> userOptions = extUserMapper.selectUserOptionByIds(userIds);
+        if (CollectionUtils.isEmpty(userOptions)) {
+            return List.of();
+        }
+        // 按照 userIds 顺序返回
+        Map<String, OptionDTO> optionMap = userOptions.stream()
+                .collect(Collectors.toMap(OptionDTO::getId, o -> o));
+        return userIds.stream()
+                .map(optionMap::get)
+                .filter(Objects::nonNull)
+                .collect(Collectors.toList());
+    }
+
+    /**
+     * 解析角色选择项
+     */
+    private List<OptionDTO> resolveRoleOptions(List<String> roleIds) {
+        List<OptionDTO> roleOptions = extRoleMapper.getIdNameByIds(roleIds);
+        if (CollectionUtils.isEmpty(roleOptions)) {
+            return List.of();
+        }
+        // 按照 roleIds 顺序返回
+        Map<String, OptionDTO> optionMap = roleOptions.stream()
+                .collect(Collectors.toMap(OptionDTO::getId, o -> o));
+        return roleIds.stream()
+                .map(optionMap::get)
+                .filter(Objects::nonNull)
+                .collect(Collectors.toList());
+    }
+
+    /**
+     * 构建节点和连接关系
+     */
+    private void buildNodesAndLinks(String flowVersionId, ApprovalFlowDetailResponse response, String organizationId) {
+        if (StringUtils.isBlank(flowVersionId)) {
+            response.setCreateNodeConfig(emptyNodeConfig());
+            response.setUpdateNodeConfig(emptyNodeConfig());
+            response.setDeleteNodeConfig(emptyNodeConfig());
+            return;
+        }
+        // 获取所有节点并按 sort 排序
+        List<ApprovalNodeResponse> allNodes = getNodesByFlowVersionId(flowVersionId);
+        allNodes.sort(Comparator.comparing(ApprovalNodeResponse::getSort));
+
+        // 收集所有审批人节点的 fallbackApprover ID
+        Set<String> fallbackApproverIds = allNodes.stream()
+                .filter(node -> node instanceof ApprovalNodeApproverResponse)
+                .map(node -> (ApprovalNodeApproverResponse) node)
+                .map(ApprovalNodeApproverResponse::getFallbackApprover)
+                .filter(StringUtils::isNotBlank)
+                .collect(Collectors.toSet());
+
+        // 批量查询兜底审批人名称
+        Map<String, String> fallbackApproverNameMap = baseService.getUserNameMap(fallbackApproverIds);
+
+        // 设置兜底审批人名称
+        allNodes.stream()
+                .filter(node -> node instanceof ApprovalNodeApproverResponse)
+                .map(node -> (ApprovalNodeApproverResponse) node)
+                .filter(node -> StringUtils.isNotBlank(node.getFallbackApprover()))
+                .forEach(node -> node.setFallbackApproverName(
+                        baseService.getAndCheckOptionName(fallbackApproverNameMap.get(node.getFallbackApprover()))));
+
+        // 获取节点连接关系并按 sort 排序
+        ApprovalNodeLink linkCriteria = new ApprovalNodeLink();
+        linkCriteria.setFlowVersionId(flowVersionId);
+        List<ApprovalNodeLink> links = approvalNodeLinkMapper.select(linkCriteria);
+        links.sort(Comparator.comparing(ApprovalNodeLink::getSort));
+
+        List<ApprovalNodeLinkResponse> linkResponses = links.stream()
+                .map(link -> {
+                    ApprovalNodeLinkResponse linkResponse = new ApprovalNodeLinkResponse();
+                    linkResponse.setId(link.getId());
+                    linkResponse.setFromNodeId(link.getFromNodeId());
+                    linkResponse.setToNodeId(link.getToNodeId());
+                    return linkResponse;
+                })
+                .collect(Collectors.toList());
+
+        // 按 executeTime 分组
+        Map<String, List<ApprovalNodeResponse>> nodesByExecuteTime = allNodes.stream()
+                .filter(node -> StringUtils.isNotBlank(node.getExecuteTime()))
+                .collect(Collectors.groupingBy(ApprovalNodeResponse::getExecuteTime));
+
+        Map<String, List<ApprovalNodeLinkResponse>> linksByExecuteTime = linkResponses.stream()
+                .collect(Collectors.groupingBy(link -> {
+                    String fromNodeId = link.getFromNodeId();
+                    return allNodes.stream()
+                            .filter(n -> n.getId().equals(fromNodeId))
+                            .map(ApprovalNodeResponse::getExecuteTime)
+                            .findFirst().orElse("");
+                }));
+
+        Map<String, List<OptionDTO>> optionMap = buildConditionOptionMap(allNodes, response.getFormType(), organizationId);
+        response.setOptionMap(optionMap);
+
+        // 构建3个执行时机的节点配置
+        for (ExecuteTimingEnum executeTime : ExecuteTimingEnum.values()) {
+            List<ApprovalNodeResponse> configNodes = nodesByExecuteTime.getOrDefault(executeTime.name(), List.of());
+            List<ApprovalNodeLinkResponse> configLinks = linksByExecuteTime.getOrDefault(executeTime.name(), List.of());
+
+            ApprovalFlowNodeConfigResponse config = new ApprovalFlowNodeConfigResponse();
+            config.setNodes(configNodes);
+            config.setLinks(configLinks);
+
+            switch (executeTime) {
+                case CREATE -> response.setCreateNodeConfig(config);
+                case UPDATE -> response.setUpdateNodeConfig(config);
+                case DELETE -> response.setDeleteNodeConfig(config);
+            }
+        }
+    }
+
+    private ApprovalFlowNodeConfigResponse emptyNodeConfig() {
+        ApprovalFlowNodeConfigResponse config = new ApprovalFlowNodeConfigResponse();
+        config.setNodes(List.of());
+        config.setLinks(List.of());
+        return config;
+    }
+
+    /**
+     * 按执行时机构建节点配置
+     */
+    private void buildNodeConfigs(String flowVersionId, ApprovalFlowDetailResponse response, String organizationId) {
+        buildNodesAndLinks(flowVersionId, response, organizationId);
+    }
+
+    /**
+     * 判断请求中是否包含节点配置更新
+     */
+    private boolean hasNodeConfigUpdate(ApprovalFlowUpdateRequest request) {
+        return hasNodeConfig(request.getCreateNodeConfig())
+                || hasNodeConfig(request.getUpdateNodeConfig())
+                || hasNodeConfig(request.getDeleteNodeConfig());
+    }
+
+    private boolean hasNodeConfig(ApprovalFlowNodeConfigRequest config) {
+        return config != null && CollectionUtils.isNotEmpty(config.getNodes());
+    }
+
+    /**
+     * 保存审批流的节点配置（按执行时机分别保存）
+     */
+    private void saveNodeConfigs(ApprovalFlowAddRequest request, String flowVersionId, String flowId) {
+        if (Boolean.TRUE.equals(request.getCreateExecute()) && request.getCreateNodeConfig() != null) {
+            saveNodesAndLinks(request.getCreateNodeConfig().getNodes(), request.getCreateNodeConfig().getLinks(),
+                    flowVersionId, flowId, ExecuteTimingEnum.CREATE.name());
+        }
+        if (Boolean.TRUE.equals(request.getUpdateExecute()) && request.getUpdateNodeConfig() != null) {
+            saveNodesAndLinks(request.getUpdateNodeConfig().getNodes(), request.getUpdateNodeConfig().getLinks(),
+                    flowVersionId, flowId, ExecuteTimingEnum.UPDATE.name());
+        }
+        if (Boolean.TRUE.equals(request.getDeleteExecute()) && request.getDeleteNodeConfig() != null) {
+            saveNodesAndLinks(request.getDeleteNodeConfig().getNodes(), request.getDeleteNodeConfig().getLinks(),
+                    flowVersionId, flowId, ExecuteTimingEnum.DELETE.name());
+        }
+    }
+
+    private void saveNodeConfigs(ApprovalFlowUpdateRequest request, String flowVersionId, String flowId) {
+        if (Boolean.TRUE.equals(request.getCreateExecute()) && request.getCreateNodeConfig() != null) {
+            saveNodesAndLinks(request.getCreateNodeConfig().getNodes(), request.getCreateNodeConfig().getLinks(),
+                    flowVersionId, flowId, ExecuteTimingEnum.CREATE.name());
+        }
+        if (Boolean.TRUE.equals(request.getUpdateExecute()) && request.getUpdateNodeConfig() != null) {
+            saveNodesAndLinks(request.getUpdateNodeConfig().getNodes(), request.getUpdateNodeConfig().getLinks(),
+                    flowVersionId, flowId, ExecuteTimingEnum.UPDATE.name());
+        }
+        if (Boolean.TRUE.equals(request.getDeleteExecute()) && request.getDeleteNodeConfig() != null) {
+            saveNodesAndLinks(request.getDeleteNodeConfig().getNodes(), request.getDeleteNodeConfig().getLinks(),
+                    flowVersionId, flowId, ExecuteTimingEnum.DELETE.name());
+        }
+    }
+
+    /**
+     * 构建条件节点字段选项映射
+     */
+    private Map<String, List<OptionDTO>> buildConditionOptionMap(List<ApprovalNodeResponse> nodes, String formType, String organizationId) {
+        // 收集所有条件节点的条件配置
+        List<FilterCondition> allConditions = nodes.stream()
+                .filter(node -> node instanceof ApprovalNodeConditionResponse)
+                .map(node -> (ApprovalNodeConditionResponse) node)
+                .filter(node -> node.getConditionConfig() != null && CollectionUtils.isNotEmpty(node.getConditionConfig().getConditions()))
+                .map(node -> node.getConditionConfig().getConditions())
+                .flatMap(List::stream)
+                .collect(Collectors.toList());
+
+        List<BaseModuleFieldValue> postConfigFieldValues = getNodePostConfigFieldValues(nodes);
+
+        if (CollectionUtils.isEmpty(allConditions) && CollectionUtils.isEmpty(postConfigFieldValues)) {
+            return Map.of();
+        }
+
+        List<FilterCondition> postConfigConditions = postConfigFieldValues.stream()
+                .filter(BaseModuleFieldValue::valid)
+                .map(fieldValue -> {
+                    FilterCondition condition = new FilterCondition();
+                    condition.setName(fieldValue.getFieldId());
+                    condition.setValue(fieldValue.getFieldValue());
+                    return condition;
+                })
+                .toList();
+
+        // 合并所有条件
+        List<FilterCondition> combinedConditions = new ArrayList<>(allConditions);
+        combinedConditions.addAll(postConfigConditions);
+
+        return userViewService.buildOptionMap(organizationId, formType, combinedConditions);
+    }
+
+    private List<BaseModuleFieldValue> getNodePostConfigFieldValues(List<ApprovalNodeResponse> nodes) {
+        // 收集审批人节点中的 passPostConfig 和 rejectPostConfig 中的字段值
+        return nodes.stream()
+                .filter(node -> node instanceof ApprovalNodeApproverResponse)
+                .map(node -> (ApprovalNodeApproverResponse) node)
+                .flatMap(approverNode -> {
+                    List<BaseModuleFieldValue> fieldValues = new ArrayList<>();
+                    if (approverNode.getPassPostConfig() != null
+                            && CollectionUtils.isNotEmpty(approverNode.getPassPostConfig().getFieldUpdateConfigs())) {
+                        fieldValues.addAll(approverNode.getPassPostConfig().getFieldUpdateConfigs());
+                    }
+                    if (approverNode.getRejectPostConfig() != null
+                            && CollectionUtils.isNotEmpty(approverNode.getRejectPostConfig().getFieldUpdateConfigs())) {
+                        fieldValues.addAll(approverNode.getRejectPostConfig().getFieldUpdateConfigs());
+                    }
+                    return fieldValues.stream();
+                })
+                .collect(Collectors.toList());
+    }
+
+    /**
+     * 批量保存节点配置和连接关系
+     */
+    private void saveNodesAndLinks(List<ApprovalNodeRequest> nodes, List<ApprovalNodeLinkRequest> links,
+                                   String flowVersionId, String flowId, String executeTime) {
+        if (CollectionUtils.isEmpty(nodes)) {
+            return;
+        }
+
+        // 用于收集节点和配置信息
+        List<ApprovalNode> allNodes = new ArrayList<>();
+        List<ApprovalNodeApprover> allApproverNodes = new ArrayList<>();
+        List<ApprovalNodeCondition> allConditionNodes = new ArrayList<>();
+
+        // 构建前端ID到数据库ID的映射
+        Map<String, String> nodeIdMap = new HashMap<>(nodes.size());
+
+        // 收集所有节点信息，按数组顺序设置 sort
+        // 所有节点都生成新的数据库ID，前端传的ID仅用于关联关系映射
+        int nodeSort = 0;
+        for (ApprovalNodeRequest nodeRequest : nodes) {
+            String frontEndId = nodeRequest.getId();
+            String newNodeId = IDGenerator.nextStr();
+            // 前端ID映射到新的数据库ID
+            if (StringUtils.isNotBlank(frontEndId)) {
+                nodeIdMap.put(frontEndId, newNodeId);
+            }
+
+            // 收集节点基本信息
+            ApprovalNode node = BeanUtils.copyBean(new ApprovalNode(), nodeRequest);
+            node.setId(newNodeId);
+            node.setFlowVersionId(flowVersionId);
+            // 如果前端传了number则使用，否则生成新的number
+            if (StringUtils.isBlank(nodeRequest.getNumber())) {
+                node.setNumber(generateNodeNumber(flowId));
+            } else {
+                node.setNumber(nodeRequest.getNumber());
+            }
+            node.setSort(nodeSort++);
+            node.setExecuteTime(executeTime);
+            allNodes.add(node);
+
+            // 收集审批人节点配置
+            if (nodeRequest instanceof ApprovalNodeApproverRequest approverRequest) {
+                ApprovalNodeApprover approverNode = BeanUtils.copyBean(new ApprovalNodeApprover(), approverRequest,
+                        "approverList", "ccList", "passPostConfig", "rejectPostConfig", "fieldPermissions");
+                approverNode.setId(newNodeId);
+                approverNode.setFlowVersionId(flowVersionId);
+                approverNode.setApproverList(JSON.toJSONString(approverRequest.getApproverList()));
+                approverNode.setCcList(JSON.toJSONString(approverRequest.getCcList()));
+                approverNode.setPassPostConfig(JSON.toJSONString(approverRequest.getPassPostConfig()));
+                approverNode.setRejectPostConfig(JSON.toJSONString(approverRequest.getRejectPostConfig()));
+                approverNode.setFieldPermissions(JSON.toJSONString(approverRequest.getFieldPermissions()));
+                allApproverNodes.add(approverNode);
+            }
+            // 收集条件节点配置
+            else if (nodeRequest instanceof ApprovalNodeConditionRequest conditionRequest) {
+                ApprovalNodeCondition conditionNode = BeanUtils.copyBean(new ApprovalNodeCondition(), conditionRequest,
+                        "rules");
+                conditionNode.setId(newNodeId);
+                conditionNode.setFlowVersionId(flowVersionId);
+                conditionNode.setConditionConfig(JSON.toJSONString(conditionRequest.getConditionConfig()));
+                allConditionNodes.add(conditionNode);
+            }
+        }
+
+        // 收集连接信息，按数组顺序设置 sort
+        // 所有连接都使用映射后的新节点ID
+        List<ApprovalNodeLink> allLinks = new ArrayList<>();
+        if (CollectionUtils.isNotEmpty(links)) {
+            int linkSort = 0;
+            for (ApprovalNodeLinkRequest linkRequest : links) {
+                String fromNodeId = nodeIdMap.get(linkRequest.getFromNodeId());
+                String toNodeId = nodeIdMap.get(linkRequest.getToNodeId());
+                // 只有当 from 和 to 节点都存在时才创建连接
+                if (fromNodeId == null || toNodeId == null) {
+                    continue;
+                }
+
+                ApprovalNodeLink link = new ApprovalNodeLink();
+                link.setId(IDGenerator.nextStr());
+                link.setFlowVersionId(flowVersionId);
+                link.setFromNodeId(fromNodeId);
+                link.setToNodeId(toNodeId);
+                link.setSort(linkSort++);
+                allLinks.add(link);
+            }
+        }
+
+        // 批量插入
+        approvalNodeMapper.batchInsert(allNodes);
+        if (CollectionUtils.isNotEmpty(allLinks)) {
+            approvalNodeLinkMapper.batchInsert(allLinks);
+        }
+        if (CollectionUtils.isNotEmpty(allApproverNodes)) {
+            approvalNodeApproverMapper.batchInsert(allApproverNodes);
+        }
+        if (CollectionUtils.isNotEmpty(allConditionNodes)) {
+            approvalNodeConditionMapper.batchInsert(allConditionNodes);
+        }
+    }
+
+    /**
+     * 获取对应资源的权限列表
+     */
+    private List<OptionDTO> getResourcePermissions(List<Permission> permissions) {
+        return permissions.stream()
+                .map(p -> new OptionDTO(p.getId(), p.getName()))
+                .collect(Collectors.toList());
+    }
+
+    private List<Permission> getPermissionsByFormType(String formType) {
+        List<PermissionDefinitionItem> permissionSetting = roleService.getPermissionSetting();
+        String permissionId = Objects.requireNonNull(ApprovalFormTypeEnum.getByValue(formType)).getPermissionId();
+        List<Permission> permissions = findPermissionsByPermissionId(permissionSetting, permissionId);
+        if (permissions == null) {
+            return List.of();
+        }
+        return permissions;
+    }
+
+    /**
+     * 解析状态权限配置
+     */
+    private List<StatusPermissionDTO> parseStatusPermissions(List<OptionDTO> permissions, String statusPermissions) {
+        if (StringUtils.isBlank(statusPermissions)) {
+            return List.of();
+        }
+        // 解析已保存的状态权限配置
+        List<StatusPermissionDTO> savedPermissions = JSON.parseArray(statusPermissions, StatusPermissionDTO.class);
+
+        if (CollectionUtils.isEmpty(savedPermissions)) {
+            return List.of();
+        }
+
+        // 获取所有审批状态
+        Set<String> approvalStatuses = savedPermissions.stream()
+                .map(StatusPermissionDTO::getApprovalStatus)
+                .collect(Collectors.toSet());
+
+        // 构建已保存权限的映射：(审批状态, 权限ID) -> StatusPermissionDTO
+        Map<String, StatusPermissionDTO> savedPermissionMap = savedPermissions.stream()
+                .collect(Collectors.toMap(
+                        p -> p.getApprovalStatus() + ":" + p.getPermission(),
+                        p -> p));
+
+        // 更新权限名称并补充缺失的权限
+        List<StatusPermissionDTO> updatedPermissions = new ArrayList<>();
+        for (String approvalStatus : approvalStatuses) {
+            for (OptionDTO permission : permissions) {
+                String key = approvalStatus + ":" + permission.getId();
+                StatusPermissionDTO item = savedPermissionMap.get(key);
+                if (item != null) {
+                    updatedPermissions.add(item);
+                } else {
+                    // 添加缺失的权限，默认不启用
+                    StatusPermissionDTO newItem = new StatusPermissionDTO();
+                    newItem.setApprovalStatus(approvalStatus);
+                    newItem.setPermission(permission.getId());
+                    newItem.setEnabled(false);
+                    updatedPermissions.add(newItem);
+                }
+                // 审批中编辑和删除权限 enable 设置为 false
+                if (Strings.CS.equals(approvalStatus, ApprovalStatus.APPROVING.name())
+                        && (permission.getId().endsWith(":UPDATE") || permission.getId().endsWith(":DELETE"))) {
+                    item.setEnabled(false);
+                }
+            }
+        }
+
+        return updatedPermissions;
+    }
+
+    /**
+     * 获取下一个节点（带 updateFields 上下文）
+     */
+    public ApprovalNodeResponse getNextNode(String nodeId, List<BaseModuleFieldValue> fieldValues, Set<String> updateFields) {
+        List<ApprovalNodeResponse> nextNodes = getNextNodes(nodeId);
+
+        if (CollectionUtils.isEmpty(nextNodes)) {
+            return null;
+        }
+
+        // 检查是否存在条件节点
+        boolean hasConditionNode = nextNodes.stream()
+                .anyMatch(n -> ApprovalNodeTypeEnum.CONDITION.name().equals(n.getNodeType()));
+
+        if (!hasConditionNode) {
+            // 非条件节点，通常只有一个，直接返回第一个
+            return nextNodes.getFirst();
+        }
+
+        // 条件节点匹配逻辑：按 sort 顺序依次匹配所有条件节点
+        // 条件节点 + 默认节点组成 if-else 组合
+        ApprovalNodeResponse defaultNode = null;
+
+        for (ApprovalNodeResponse nextNode : nextNodes) {
+            if (nextNode instanceof ApprovalNodeConditionResponse conditionNode) {
+                // 匹配条件节点，如果匹配成功则立即返回
+                if (matchCondition(conditionNode.getConditionConfig(), fieldValues, updateFields)) {
+                    return conditionNode;
+                }
+            } else if (ApprovalNodeTypeEnum.DEFAULT.name().equals(nextNode.getNodeType())) {
+                // 记录 DEFAULT 节点，等所有条件节点检查完毕后再返回
+                defaultNode = nextNode;
+            }
+        }
+
+        // 所有条件节点都不匹配，返回 DEFAULT 节点（如果存在）
+        return defaultNode;
+    }
+
+    /**
+     * 匹配条件
+     */
+    private boolean matchCondition(CombineSearch combineSearch, List<BaseModuleFieldValue> fieldValues, Set<String> updateFields) {
+        if (combineSearch == null || CollectionUtils.isEmpty(combineSearch.getConditions())) {
+            return false;
+        }
+
+        // 构建字段值映射
+        Map<String, Object> fieldValueMap = fieldValues.stream()
+                .filter(BaseModuleFieldValue::valid)
+                .collect(Collectors.toMap(BaseModuleFieldValue::getFieldId, BaseModuleFieldValue::getFieldValue));
+
+        List<FilterCondition> conditions = combineSearch.getConditions();
+        String searchMode = combineSearch.getSearchMode();
+
+        // 根据匹配模式进行条件判断
+        if (CombineSearch.SearchMode.AND.name().equals(searchMode)) {
+            // AND 模式：所有都必须满足
+            return conditions.stream().allMatch(condition -> matchSingleCondition(condition, fieldValueMap, updateFields));
+        } else {
+            // OR 模式：任一满足即可
+            return conditions.stream().anyMatch(condition -> matchSingleCondition(condition, fieldValueMap, updateFields));
+        }
+    }
+
+    /**
+     * 匹配单个条件
+     */
+    private boolean matchSingleCondition(FilterCondition condition, Map<String, Object> fieldValueMap, Set<String> updateFields) {
+        String fieldName = condition.getName();
+        Object actualValue = fieldValueMap.get(getParentFieldIdForSubFieldId(fieldName));
+
+        // 获取动态转换后的值和操作符
+        Object expectedValue = condition.getCombineValue();
+        String operatorStr = condition.getCombineOperator();
+
+        // 获取操作符枚举
+        FilterCondition.CombineConditionOperator operator;
+        try {
+            operator = FilterCondition.CombineConditionOperator.valueOf(operatorStr);
+        } catch (IllegalArgumentException e) {
+            return false;
+        }
+
+        // 处理 NOT_EQUAL_ORIGINAL：判断字段值是否与原值不同（即字段在修改列表中）
+        if (operator == FilterCondition.CombineConditionOperator.NOT_EQUAL_ORIGINAL) {
+            if (updateFields == null || updateFields.isEmpty()) {
+                return false;
+            }
+            return updateFields.contains(getFieldIdForSubFieldId(fieldName));
+        }
+
+        if (fieldName.contains(".") && actualValue instanceof List<?> listValues) {
+            for (Object listValue : listValues) {
+                if (listValue instanceof Map map)  {
+                    Object subFileValue = map.get(getFieldIdForSubFieldId(fieldName));
+                    boolean match = matchFieldValue(subFileValue, expectedValue, operator);
+                    if (match) {
+                        return true;
+                    }
+                }
+            }
+            return false;
+        } else {
+            return matchFieldValue(actualValue, expectedValue, operator);
+        }
+    }
+
+    private boolean matchFieldValue(Object actualValue, Object expectedValue, FilterCondition.CombineConditionOperator operator) {
+        // 处理空值判断操作符
+        if (operator == FilterCondition.CombineConditionOperator.EMPTY) {
+            return actualValue == null;
+        }
+        if (operator == FilterCondition.CombineConditionOperator.NOT_EMPTY) {
+            return actualValue != null;
+        }
+
+        if (actualValue == null) {
+            return false;
+        }
+
+        try {
+            return switch (operator) {
+                case EQUALS -> matchEquals(actualValue, expectedValue);
+                case NOT_EQUALS -> !matchEquals(actualValue, expectedValue);
+                case CONTAINS -> matchContains(actualValue, expectedValue);
+                case NOT_CONTAINS -> !matchContains(actualValue, expectedValue);
+                case IN -> matchIn(actualValue, expectedValue);
+                case NOT_IN -> !matchIn(actualValue, expectedValue);
+                case GT -> matchCompare(actualValue, expectedValue) > 0;
+                case LT -> matchCompare(actualValue, expectedValue) < 0;
+                case GE -> matchCompare(actualValue, expectedValue) >= 0;
+                case LE -> matchCompare(actualValue, expectedValue) <= 0;
+                case BETWEEN -> matchBetween(actualValue, expectedValue);
+                default -> false;
+            };
+        } catch (Exception e) {
+            return false;
+        }
+    }
+
+    private String getParentFieldIdForSubFieldId(String fieldId) {
+        if (fieldId.contains(".")) {
+            String[] split = fieldId.split("\\.");
+            if (split.length > 1) {
+                return split[0];
+            }
+        }
+        return fieldId;
+    }
+
+    private String getFieldIdForSubFieldId(String fieldId) {
+        if (fieldId.contains(".")) {
+            String[] split = fieldId.split("\\.");
+            if (split.length > 1) {
+                return split[1];
+            }
+        }
+        return fieldId;
+    }
+
+    /**
+     * 等于匹配
+     */
+    private boolean matchEquals(Object actualValue, Object expectedValue) {
+        if (actualValue instanceof List<?> actualList && expectedValue instanceof List<?> expectedList) {
+            return actualList.equals(expectedList);
+        }
+        return Objects.equals(actualValue, expectedValue);
+    }
+
+    /**
+     * 包含匹配
+     */
+    private boolean matchContains(Object actualValue, Object expectedValue) {
+        String actualStr = String.valueOf(actualValue);
+        String expectedStr = String.valueOf(expectedValue);
+        return actualStr.contains(expectedStr);
+    }
+
+    /**
+     * IN 匹配（实际值在期望值列表中）
+     */
+    private boolean matchIn(Object actualValue, Object expectedValue) {
+        if (expectedValue instanceof List<?> expectedList) {
+            if (actualValue instanceof List<?> actualList) {
+                // 多值匹配：交集非空
+                return actualList.stream().anyMatch(expectedList::contains);
+            }
+            return expectedList.contains(actualValue);
+        }
+        return false;
+    }
+
+    /**
+     * 比较匹配（用于数字或日期比较）
+     */
+    private int matchCompare(Object actualValue, Object expectedValue) {
+        if (actualValue instanceof Number actualNum && expectedValue instanceof Number expectedNum) {
+            return Double.compare(actualNum.doubleValue(), expectedNum.doubleValue());
+        }
+        // 尝试转换为数字比较
+        try {
+            double actual = Double.parseDouble(String.valueOf(actualValue));
+            double expected = Double.parseDouble(String.valueOf(expectedValue));
+            return Double.compare(actual, expected);
+        } catch (NumberFormatException e) {
+            // 字符串比较
+            return String.valueOf(actualValue).compareTo(String.valueOf(expectedValue));
+        }
+    }
+
+    /**
+     * BETWEEN 匹配（实际值在范围内）
+     */
+    private boolean matchBetween(Object actualValue, Object expectedValue) {
+        if (expectedValue instanceof List<?> rangeList && rangeList.size() == RANGE_SIZE) {
+            Object min = rangeList.get(0);
+            Object max = rangeList.get(1);
+            return matchCompare(actualValue, min) >= 0 && matchCompare(actualValue, max) <= 0;
+        }
+        return false;
+    }
+
+    /**
+     * 加载修改字段列表
+     */
+    private Set<String> loadUpdateFields(String updateFieldsStr) {
+        if (StringUtils.isBlank(updateFieldsStr)) {
+            return Collections.emptySet();
+        }
+        try {
+            List<String> fields = JSON.parseArray(updateFieldsStr, String.class);
+            return CollectionUtils.isEmpty(fields) ? Collections.emptySet() : new HashSet<>(fields);
+        } catch (Exception e) {
+            return Collections.emptySet();
+        }
+    }
+
+    /**
+     * 获取下一层节点列表
+     */
+    public List<ApprovalNodeResponse> getNextNodes(String nodeId) {
+        ApprovalNode node = approvalNodeMapper.selectByPrimaryKey(nodeId);
+        if (node == null) {
+            throw new GenericException(CrmHttpResultCode.NOT_FOUND);
+        }
+
+        String flowVersionId = node.getFlowVersionId();
+
+        // 查询节点连接关系
+        ApprovalNodeLink linkCriteria = new ApprovalNodeLink();
+        linkCriteria.setFlowVersionId(flowVersionId);
+        linkCriteria.setFromNodeId(nodeId);
+        List<ApprovalNodeLink> links = approvalNodeLinkMapper.select(linkCriteria);
+
+        if (CollectionUtils.isEmpty(links)) {
+            return List.of();
+        }
+
+        // 获取下一层节点ID列表（按sort排序）
+        List<String> nextNodeIds = links.stream()
+                .sorted(Comparator.comparing(ApprovalNodeLink::getSort))
+                .map(ApprovalNodeLink::getToNodeId)
+                .collect(Collectors.toList());
+
+        // 批量查询节点
+        List<ApprovalNode> nodes = approvalNodeMapper.selectByIds(nextNodeIds);
+        Map<String, ApprovalNode> nodeMap = nodes.stream()
+                .collect(Collectors.toMap(ApprovalNode::getId, n -> n));
+
+        // 批量查询审批人节点配置
+        List<ApprovalNodeApprover> approverNodes = approvalNodeApproverMapper.selectByIds(nextNodeIds);
+        Map<String, ApprovalNodeApprover> approverNodeMap = approverNodes.stream()
+                .collect(Collectors.toMap(ApprovalNodeApprover::getId, n -> n));
+
+        // 批量查询条件节点配置
+        List<ApprovalNodeCondition> conditionNodes = approvalNodeConditionMapper.selectByIds(nextNodeIds);
+        Map<String, ApprovalNodeCondition> conditionNodeMap = conditionNodes.stream()
+                .collect(Collectors.toMap(ApprovalNodeCondition::getId, n -> n));
+
+        // 组装节点响应
+        return nextNodeIds.stream()
+                .map(nextNodeId -> {
+                    ApprovalNode nextNode = nodeMap.get(nextNodeId);
+                    if (nextNode == null) {
+                        return null;
+                    }
+
+                    // 审批人节点
+                    if (ApprovalNodeTypeEnum.APPROVER.name().equals(nextNode.getNodeType())) {
+                        ApprovalNodeApprover approverNode = approverNodeMap.get(nextNodeId);
+                        if (approverNode != null) {
+                            ApprovalNodeApproverResponse approverResponse = BeanUtils.copyBean(
+                                    new ApprovalNodeApproverResponse(), nextNode);
+                            BeanUtils.copyBean(approverResponse, approverNode);
+                            // 解析 JSON 字段为对象（不需要前端回显，传null）
+                            parseApproverNodeFields(approverNode, approverResponse);
+                            return approverResponse;
+                        }
+                    }
+
+                    // 条件节点
+                    if (ApprovalNodeTypeEnum.CONDITION.name().equals(nextNode.getNodeType())) {
+                        ApprovalNodeCondition conditionNode = conditionNodeMap.get(nextNodeId);
+                        if (conditionNode != null) {
+                            ApprovalNodeConditionResponse conditionResponse = BeanUtils.copyBean(
+                                    new ApprovalNodeConditionResponse(), nextNode);
+                            // 手动解析条件配置（因为类型不同，BeanUtils 无法自动复制）
+                            if (StringUtils.isNotBlank(conditionNode.getConditionConfig())) {
+                                conditionResponse.setConditionConfig(
+                                        JSON.parseObject(conditionNode.getConditionConfig(), CombineSearch.class));
+                            }
+                            return conditionResponse;
+                        }
+                    }
+
+                    // 其他类型节点
+                    return BeanUtils.copyBean(new ApprovalNodeResponse(), nextNode);
+                })
+                .filter(Objects::nonNull)
+                .collect(Collectors.toList());
+    }
+
+    /**
+     * 根据权限ID查找对应的权限列表
+     */
+    private List<Permission> findPermissionsByPermissionId(List<PermissionDefinitionItem> permissionSetting, String permissionId) {
+        if (StringUtils.isBlank(permissionId) || CollectionUtils.isEmpty(permissionSetting)) {
+            return List.of();
+        }
+        for (PermissionDefinitionItem module : permissionSetting) {
+            if (module.getChildren() != null) {
+                for (PermissionDefinitionItem resource : module.getChildren()) {
+                    if (resource.getId().equals(permissionId)) {
+                        return resource.getPermissions();
+                    }
+                }
+            }
+        }
+        return null;
+    }
+
+    /**
+     * 获取表单下启用的审批流配置
+     *
+     * @param formKey        表单类型
+     * @param organizationId 组织ID
+     * @return 审批流配置，如果不存在或未启用返回null
+     */
+    public ApprovalFlow getEnabledFlow(String formKey, String organizationId) {
+        if (StringUtils.isBlank(formKey) || StringUtils.isBlank(organizationId)) {
+            return null;
+        }
+        LambdaQueryWrapper<ApprovalFlow> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(ApprovalFlow::getFormType, formKey)
+                .eq(ApprovalFlow::getOrganizationId, organizationId)
+                .eq(ApprovalFlow::getEnable, true)
+                .eq(ApprovalFlow::getDeleted, false);
+        List<ApprovalFlow> approvalFlows = approvalFlowMapper.selectListByLambda(wrapper);
+        if (CollectionUtils.isEmpty(approvalFlows)) {
+            return null;
+        }
+        return approvalFlows.getFirst();
+    }
+
+    /**
+     * 根据审批人类型解析具体审批人用户列表
+     *
+     * @param userId       当前用户ID
+     * @param approverType 审批人类型枚举
+     * @param approverList 审批人值列表
+     * @return 具体的用户列表，按照 approverList 顺序返回
+     */
+    public List<User> resolveApprovers(String userId, String orgId, ApproverTypeEnum approverType, List<String> approverList, ApproverDirectionEnum direction) {
+        if (StringUtils.isBlank(userId) || approverType == null || CollectionUtils.isEmpty(approverList)) {
+            return List.of();
+        }
+
+        // 获取当前用户的组织用户信息
+        OrganizationUser currentUser = getOrganizationUser(userId, orgId);
+        return switch (approverType) {
+            case MEMBER -> resolveMemberApprovers(orgId, approverList);
+            case ROLE -> resolveRoleApprovers(orgId, approverList);
+            case SUPERIOR -> resolveSuperiorApprovers(orgId, currentUser, approverList, direction);
+            case MULTIPLE_SUPERIOR -> resolveMultipleSuperiorApprovers(orgId, currentUser, approverList, direction);
+            case DEPT_HEAD -> resolveDeptHeadApprovers(orgId, currentUser, approverList, direction);
+            case MULTIPLE_DEPT_HEAD -> resolveMultipleDeptHeadApprovers(orgId, currentUser, approverList, direction);
+        };
+    }
+
+    private ApproverDirectionEnum getApproverDirection(String direction) {
+        if (StringUtils.isBlank(direction)) {
+            return ApproverDirectionEnum.BOTTOM_UP;
+        }
+        try {
+            return ApproverDirectionEnum.valueOf(direction);
+        } catch (IllegalArgumentException e) {
+            return ApproverDirectionEnum.BOTTOM_UP;
+        }
+    }
+
+    private OrganizationUser getOrganizationUser(String userId, String orgId) {
+        OrganizationUser criteria = new OrganizationUser();
+        criteria.setUserId(userId);
+        criteria.setOrganizationId(orgId);
+        return organizationUserMapper.selectOne(criteria);
+    }
+
+    /**
+     * 解析指定成员审批人
+     */
+    private List<User> resolveMemberApprovers(String orgId, List<String> approverList) {
+        if (CollectionUtils.isEmpty(approverList)) {
+            return List.of();
+        }
+        List<OrganizationUser> organizationUsers = organizationUserMapper.selectListByLambda(new LambdaQueryWrapper<OrganizationUser>().in(OrganizationUser::getUserId, approverList));
+        List<User> users = extUserMapper.getOrgUserByUserIds(orgId, approverList);
+        Map<String, User> userMap = users.stream().collect(Collectors.toMap(User::getId, u -> u));
+        // 按照 approverList 顺序返回
+        List<User> resolveUsers = new ArrayList<>();
+        approverList.forEach(approver -> {
+            Optional<OrganizationUser> findUser = organizationUsers.stream().filter(u -> Strings.CI.equals(u.getUserId(), approver)).findAny();
+            if (!userMap.containsKey(approver)) {
+                // 审批人被删除, 替换成ADMIN
+                User admin = new User();
+                admin.setId(InternalUser.ADMIN.getValue());
+                resolveUsers.add(admin);
+                return;
+            }
+            if (findUser.isPresent() && !findUser.get().getEnable()) {
+                // 审批人被禁用, 替换为直属上级
+                if (StringUtils.isNotBlank(findUser.get().getSupervisorId())) {
+                    User superUser = new User();
+                    superUser.setId(findUser.get().getSupervisorId());
+                    resolveUsers.add(superUser);
+                } else {
+                    // 直属上级为空, 替换成ADMIN
+                    User admin = new User();
+                    admin.setId(InternalUser.ADMIN.getValue());
+                    resolveUsers.add(admin);
+                }
+                return;
+            }
+            resolveUsers.add(userMap.get(approver));
+        });
+        return resolveUsers;
+    }
+
+    /**
+     * 解析指定角色审批人
+     */
+    private List<User> resolveRoleApprovers(String orgId, List<String> roleIds) {
+        List<String> userIds = extUserRoleMapper.getUserIdsByRoleIds(roleIds);
+        return resolveMemberApprovers(orgId, userIds);
+    }
+
+    /**
+     * 解析指定上级审批人
+     */
+    private List<User> resolveSuperiorApprovers(String orgId, OrganizationUser currentUser, List<String> approverList, ApproverDirectionEnum direction) {
+        if (currentUser == null) {
+            return List.of();
+        }
+        // 值是单选
+        int approvalLevel = getValidLevel(approverList);
+        if (approvalLevel <= 0) {
+            return List.of();
+        }
+
+        List<String> allSuperiorIds = getAllSuperiorIds(orgId, currentUser);
+        String approver = getLevelUserId(allSuperiorIds, approvalLevel, direction);
+        if (StringUtils.isBlank(approver)) {
+            return List.of();
+        }
+
+        return resolveMemberApprovers(orgId, List.of(approver));
+    }
+
+    /**
+     * 解析多级上级审批人
+     */
+    private List<User> resolveMultipleSuperiorApprovers(String orgId, OrganizationUser currentUser, List<String> approverList, ApproverDirectionEnum direction) {
+        if (currentUser == null) {
+            return List.of();
+        }
+        int approvalLevel = getValidLevel(approverList);
+        if (approvalLevel <= 0) {
+            return List.of();
+        }
+
+        List<String> allSuperiorIds = getAllSuperiorIds(orgId, currentUser);
+        if (allSuperiorIds.isEmpty()) {
+            return List.of();
+        }
+        if (approvalLevel > allSuperiorIds.size()) {
+            return List.of();
+        }
+
+        List<String> resultIds = getLevelUserIds(allSuperiorIds, approvalLevel, direction);
+
+        return resolveMemberApprovers(orgId, resultIds);
+    }
+
+    private List<String> getAllSuperiorIds(String orgId, OrganizationUser currentUser) {
+        List<String> allSuperiorIds = new ArrayList<>();
+        String currentSupervisorId = currentUser.getSupervisorId();
+
+        while (StringUtils.isNotBlank(currentSupervisorId)) {
+            allSuperiorIds.add(currentSupervisorId);
+            OrganizationUser supervisorOrgUser = getOrganizationUser(currentSupervisorId, orgId);
+            if (supervisorOrgUser == null) {
+                break;
+            }
+            currentSupervisorId = supervisorOrgUser.getSupervisorId();
+        }
+        return allSuperiorIds;
+    }
+
+    private Integer getValidLevel(List<String> approverList) {
+        // 使用 ApproverLevelEnum 验证并获取有效的层级值
+        Set<String> validLevels = Arrays.stream(ApproverLevelEnum.values())
+                .map(ApproverLevelEnum::getValue)
+                .collect(Collectors.toSet());
+
+        // 过滤出有效的层级并按 approverList 顺序保存
+        List<String> validRequestedLevels = approverList.stream()
+                .filter(validLevels::contains)
+                .collect(Collectors.toList());
+
+        if (CollectionUtils.isEmpty(validRequestedLevels)) {
+            return 0;
+        }
+
+        // 值是单选
+        return Integer.parseInt(validRequestedLevels.getFirst());
+    }
+
+    /**
+     * 解析部门的负责人审批人
+     */
+    private List<User> resolveDeptHeadApprovers(String orgId, OrganizationUser currentUser, List<String> approverList, ApproverDirectionEnum direction) {
+        if (currentUser == null) {
+            return List.of();
+        }
+        String departmentId = currentUser.getDepartmentId();
+        if (StringUtils.isBlank(departmentId)) {
+            return List.of();
+        }
+
+        // 值是单选
+        int approvalLevel = getValidLevel(approverList);
+        if (approvalLevel <= 0) {
+            return List.of();
+        }
+
+        List<String> allCommanderIds = getAllDeptCommanderIds(orgId, departmentId);
+        String commanderId = getLevelUserId(allCommanderIds, approvalLevel, direction);
+        if (StringUtils.isBlank(commanderId)) {
+            return List.of();
+        }
+
+        return resolveMemberApprovers(orgId, List.of(commanderId));
+    }
+
+    private String getDeptCommander(String orgId, String departmentId) {
+        List<String> commanderIds = extDepartmentCommanderMapper.selectCommander(departmentId, orgId);
+        if (CollectionUtils.isNotEmpty(commanderIds)) {
+            return commanderIds.getFirst();
+        }
+        return null;
+    }
+
+    /**
+     * 解析多级部门的负责人审批人
+     */
+    private List<User> resolveMultipleDeptHeadApprovers(String orgId, OrganizationUser currentUser, List<String> approverList, ApproverDirectionEnum direction) {
+        if (currentUser == null) {
+            return List.of();
+        }
+        String departmentId = currentUser.getDepartmentId();
+        if (StringUtils.isBlank(departmentId)) {
+            return List.of();
+        }
+
+        int approvalLevel = getValidLevel(approverList);
+        if (approvalLevel <= 0) {
+            return List.of();
+        }
+
+        List<String> allCommanderIds = getAllDeptCommanderIds(orgId, departmentId);
+        if (allCommanderIds.isEmpty()) {
+            return List.of();
+        }
+        if (approvalLevel > allCommanderIds.size()) {
+            return List.of();
+        }
+
+        List<String> resultIds = getLevelUserIds(allCommanderIds, approvalLevel, direction);
+
+        return resolveMemberApprovers(orgId, resultIds);
+    }
+
+    private List<String> getLevelUserIds(List<String> bottomUpUserIds, int approvalLevel, ApproverDirectionEnum direction) {
+        if (CollectionUtils.isEmpty(bottomUpUserIds) || approvalLevel <= 0 || approvalLevel > bottomUpUserIds.size()) {
+            return List.of();
+        }
+        List<String> levelUserIds;
+        if (direction == ApproverDirectionEnum.TOP_DOWN) {
+            List<String> topDownUserIds = new ArrayList<>(bottomUpUserIds);
+            Collections.reverse(topDownUserIds);
+            levelUserIds = topDownUserIds.subList(0, approvalLevel);
+        } else {
+            levelUserIds = bottomUpUserIds.subList(0, approvalLevel);
+        }
+        return levelUserIds.stream().filter(StringUtils::isNotBlank).toList();
+    }
+
+    private List<String> getAllDeptCommanderIds(String orgId, String departmentId) {
+        List<String> allCommanderIds = new ArrayList<>();
+        String currentDepartmentId = departmentId;
+
+        while (StringUtils.isNotBlank(currentDepartmentId)) {
+            Department department = departmentBaseMapper.selectByPrimaryKey(currentDepartmentId);
+            if (department == null) {
+                break;
+            }
+            String commanderId = getDeptCommander(orgId, currentDepartmentId);
+            allCommanderIds.add(commanderId);
+            currentDepartmentId = department.getParentId();
+        }
+        return allCommanderIds;
+    }
+
+    private String getLevelUserId(List<String> bottomUpUserIds, int approvalLevel, ApproverDirectionEnum direction) {
+        if (CollectionUtils.isEmpty(bottomUpUserIds) || approvalLevel <= 0 || approvalLevel > bottomUpUserIds.size()) {
+            return null;
+        }
+        if (direction == ApproverDirectionEnum.TOP_DOWN) {
+            return bottomUpUserIds.get(bottomUpUserIds.size() - approvalLevel);
+        }
+        return bottomUpUserIds.get(approvalLevel - 1);
+    }
+
+    /**
+     * 获取父部门ID
+     */
+    private String getParentDepartmentId(String departmentId) {
+        Department department = departmentBaseMapper.selectByPrimaryKey(departmentId);
+        if (department != null) {
+            return department.getParentId();
+        }
+        return null;
+    }
+
+    /**
+     * 判断当前实例节点是否支持多人审批
+     *
+     * @param currentNodeId 当前节点ID
+     * @param submitterId   提审人
+     * @param currentOrgId  当前组织ID
+     * @return 是否支持多人审批
+     */
+    public boolean isCurrentNodeMultiApprover(String currentNodeId, String submitterId, String currentOrgId) {
+        ApprovalNodeApprover nodeApprover = approvalNodeApproverMapper.selectByPrimaryKey(currentNodeId);
+        List<User> approvers = resolveApprovers(submitterId, currentOrgId, ApproverTypeEnum.valueOf(nodeApprover.getApproverType()), JSON.parseArray(nodeApprover.getApproverList(), String.class), getApproverDirection(nodeApprover.getApproverDirection()));
+        return approvers.size() > 1;
+    }
+
+    /**
+     * 获取当前实例节点审批人
+     *
+     * @param instance      审批实例
+     * @param currentNodeId 当前节点ID
+     * @param currentOrgId  当前组织ID
+     * @return 审批人ID集合
+     */
+    public List<String> getCurrentNodeApproverList(ApprovalInstance instance, String currentNodeId, String currentOrgId) {
+        ApprovalNodeApprover nodeApprover = approvalNodeApproverMapper.selectByPrimaryKey(currentNodeId);
+        if (nodeApprover == null) {
+            return new ArrayList<>();
+        }
+        List<User> approvers = resolveApprovers(instance.getSubmitterId(), currentOrgId, ApproverTypeEnum.valueOf(nodeApprover.getApproverType()), JSON.parseArray(nodeApprover.getApproverList(), String.class), getApproverDirection(nodeApprover.getApproverDirection()));
+        // 审批人为空时
+        if (CollectionUtils.isEmpty(approvers)) {
+            if (EmptyApproverActionEnum.valueOf(nodeApprover.getEmptyApproverAction()) != EmptyApproverActionEnum.AUTO_PASS) {
+                // 指定人员, 审批管理员处理, 返回兜底审批人
+                return List.of(nodeApprover.getFallbackApprover());
+            }
+        }
+
+        // 审批人与提交人同一人时
+        Optional<User> findSame = approvers.stream().filter(approver -> Strings.CS.equals(approver.getId(), instance.getSubmitterId())).findAny();
+        if (SameSubmitterActionEnum.valueOf(nodeApprover.getSameSubmitterAction()) == SameSubmitterActionEnum.ASSIGN_SUPERIOR && findSame.isPresent()) {
+            // 转交给直属上级审批
+            OrganizationUser criteria = new OrganizationUser();
+            criteria.setUserId(findSame.get().getId());
+            criteria.setOrganizationId(currentOrgId);
+            OrganizationUser currentUser = organizationUserMapper.selectOne(criteria);
+            if (currentUser != null && StringUtils.isNotEmpty(currentUser.getSupervisorId())) {
+                // 替换审批人列表中与提审人相同审批人 => 直属上级
+                String supervisorId = currentUser.getSupervisorId();
+                return approvers.stream()
+                        .map(approver -> Strings.CS.equals(approver.getId(), instance.getSubmitterId()) ? supervisorId : approver.getId())
+                        .collect(Collectors.toList());
+            }
+        }
+        return approvers.stream().map(User::getId).toList();
+    }
+
+    /**
+     * 获取当前实例节点审批人
+     *
+     * @param approverType 审批类型
+     * @param approverList 审批人集合
+     * @param userId       用户ID
+     * @param currentOrgId 当前组织ID
+     * @return 审批人ID集合
+     */
+    public List<User> getCurrentNodeApproverList(String approverType, List<String> approverList, String userId, String currentOrgId, String approverDirection) {
+        return resolveApprovers(userId, currentOrgId, ApproverTypeEnum.valueOf(approverType), approverList, getApproverDirection(approverDirection));
+    }
+
+    /**
+     * 获取当前实例节点抄送人
+     *
+     * @param currentNodeId 当前节点ID
+     * @param userId        用户ID
+     * @param currentOrgId  当前组织ID
+     * @return 审批人ID集合
+     */
+    public List<User> getCurrentNodeCcList(String currentNodeId, String userId, String currentOrgId) {
+        ApprovalNodeApprover nodeApprover = approvalNodeApproverMapper.selectByPrimaryKey(currentNodeId);
+        if (StringUtils.isBlank(nodeApprover.getCcType())) {
+            return new ArrayList<>();
+        }
+        return resolveApprovers(userId, currentOrgId, ApproverTypeEnum.valueOf(nodeApprover.getCcType()), JSON.parseArray(nodeApprover.getCcList(), String.class), getApproverDirection(nodeApprover.getCcDirection()));
+    }
+
+    /**
+     * 获取当前实例节点抄送人
+     *
+     * @param ccType       抄送类型
+     * @param ccList       抄送人集合
+     * @param userId       用户ID
+     * @param currentOrgId 当前组织ID
+     * @return 抄送人ID集合
+     */
+    public List<User> getCurrentNodeCcList(String ccType, List<String> ccList, String userId, String currentOrgId, String approverDirection) {
+        if (StringUtils.isBlank(ccType)) {
+            return List.of();
+        }
+        return resolveApprovers(userId, currentOrgId, ApproverTypeEnum.valueOf(ccType), ccList, getApproverDirection(approverDirection));
+    }
+
+    /**
+     * 获取当前资源审批实例第一个节点
+     *
+     * @param instance     审批实例
+     * @param currentOrgId 组织ID
+     * @return 第一个节点
+     */
+    public ApprovalNodeResponse getResourceApprovalInstanceFirstNode(ApprovalInstance instance, String currentOrgId) {
+        ApprovalNode nodeCriteria = new ApprovalNode();
+        nodeCriteria.setFlowVersionId(instance.getFlowVersionId());
+        nodeCriteria.setNodeType(ApprovalNodeTypeEnum.START.name());
+        nodeCriteria.setExecuteTime(StringUtils.isNotBlank(instance.getExecuteTime()) ? instance.getExecuteTime() : ExecuteTimingEnum.CREATE.name());
+        ApprovalNode start = approvalNodeMapper.selectOne(nodeCriteria);
+        List<BaseModuleFieldValue> resourceFvs = formService.compressResourceDetail(instance.getType(), instance.getResourceId());
+        return getNextNodeWithExceptionHandler(instance, start.getId(), resourceFvs, currentOrgId, false);
+    }
+
+    /**
+     * 获取当前待办任务下一个节点
+     *
+     * @param currentTask 待办任务
+     * @return 下一个节点
+     */
+    public ApprovalNodeResponse getTaskNextNode(ApprovalTask currentTask, ApprovalInstance instance, String currentOrgId) {
+        List<BaseModuleFieldValue> resourceFvs = formService.compressResourceDetail(instance.getType(), instance.getResourceId());
+        return getNextNodeWithExceptionHandler(instance, currentTask.getNodeId(), resourceFvs, currentOrgId, false);
+    }
+
+    /**
+     * 获取当前节点下一个节点
+     *
+     * @param currentNodeId 当前节点ID
+     * @return 下一个节点
+     */
+    public ApprovalNodeResponse getCurrentNextNode(String currentNodeId, ApprovalInstance instance, String currentOrgId) {
+        List<BaseModuleFieldValue> resourceFvs = formService.compressResourceDetail(instance.getType(), instance.getResourceId());
+        return getNextNodeWithExceptionHandler(instance, currentNodeId, resourceFvs, currentOrgId, false);
+    }
+
+    /**
+     * 获取实例当前节点后续所有审批节点
+     *
+     * @param instance 当前节点ID
+     * @return 后续所有审批节点
+     */
+    public List<ApprovalNodeApproverResponse> getInstanceCurrentFollowNode(ApprovalInstance instance, String currentOrgId) {
+        List<ApprovalNodeApproverResponse> nodes = new ArrayList<>();
+        List<BaseModuleFieldValue> resourceFvs = formService.compressResourceDetail(instance.getType(), instance.getResourceId());
+        String currentNodeId = instance.getCurrentNodeId();
+        if (currentNodeId.contains(SIGN_SPILT)) {
+            currentNodeId = currentNodeId.split(SIGN_SPILT)[0];
+        }
+        ApprovalNodeResponse next = getNextNodeWithExceptionHandler(instance, currentNodeId, resourceFvs, currentOrgId, true);
+        while (ApprovalNodeTypeEnum.valueOf(next.getNodeType()) == ApprovalNodeTypeEnum.APPROVER) {
+            nodes.add((ApprovalNodeApproverResponse) next);
+            next = getNextNodeWithExceptionHandler(instance, next.getId(), resourceFvs, currentOrgId, true);
+        }
+        return nodes;
+    }
+
+    /**
+     * 获取实例下一个节点，包含异常处理和自动审批, 跳过条件节点
+     *
+     * @param instance     审批实例
+     * @param nodeId       节点ID
+     * @param fieldValues  资源业务字段值
+     * @param currentOrgId 当前组织ID
+     * @return 下一个节点 (结束节点或者审批节点)
+     */
+    private ApprovalNodeResponse getNextNodeWithExceptionHandler(ApprovalInstance instance, String nodeId, List<BaseModuleFieldValue> fieldValues, String currentOrgId, boolean preview) {
+        // 加载修改字段列表，用于 NOT_EQUAL_ORIGINAL 条件判断
+        Set<String> updateFields = loadUpdateFields(instance.getUpdateFields());
+        ApprovalNodeResponse nextNode = getNextNode(nodeId, fieldValues, updateFields);
+        if (nextNode == null) {
+            throw new GenericException(Translator.get("no.approval.next.node"));
+        }
+        if (ApprovalNodeTypeEnum.valueOf(nextNode.getNodeType()) == ApprovalNodeTypeEnum.END) {
+            return nextNode;
+        }
+
+        if (ApprovalNodeTypeEnum.valueOf(nextNode.getNodeType()) == ApprovalNodeTypeEnum.APPROVER) {
+            if (preview) {
+                return previewNextApproverNodeWithExceptionHandler(instance, nextNode, currentOrgId);
+            } else {
+                Integer round = extApprovalInstanceMapper.getNodeRound(instance.getId(), nodeId);
+                List<ApprovalTask> approvedTasks = approvalTaskMapper.selectListByLambda(new LambdaQueryWrapper<ApprovalTask>().eq(ApprovalTask::getInstanceId, instance.getId())
+                        .eq(ApprovalTask::getNodeId, nodeId).eq(ApprovalTask::getNodeRound, round).eq(ApprovalTask::getStatus, ApprovalStatus.APPROVED));
+                List<String> preApprovers = approvedTasks.stream().map(ApprovalTask::getApproverId).toList();
+                return handleNextApproverNodeWithExceptionHandler(instance, nextNode, fieldValues, currentOrgId, preApprovers);
+            }
+        }
+        // 条件类型节点, 继续往下获取
+        return getNextNodeWithExceptionHandler(instance, nextNode.getId(), fieldValues, currentOrgId, preview);
+    }
+
+    /**
+     * 处理实例下一个审批节点，包含异常处理
+     *
+     * @param instance     审批实例
+     * @param nextNode     下一个审批节点
+     * @param fieldValues  资源业务字段值
+     * @param currentOrgId 当前组织ID
+     * @return 下一个节点 (审批节点)
+     */
+    private ApprovalNodeResponse handleNextApproverNodeWithExceptionHandler(ApprovalInstance instance, ApprovalNodeResponse nextNode,
+                                                                            List<BaseModuleFieldValue> fieldValues, String currentOrgId, List<String> preApprovers) {
+        ApprovalNodeApproverResponse nextApproverNode = (ApprovalNodeApproverResponse) nextNode;
+        if (ApprovalTypeEnum.valueOf(nextApproverNode.getApprovalType()) == ApprovalTypeEnum.AUTO_PASS) {
+            // 自动通过, 插入审批记录, 获取下一个节点
+            saveAutoRecord(instance.getId(), nextApproverNode.getId(), ApprovalStatus.AUTO_APPROVED, null, null, nextApproverNode.getCcList(), true, null);
+            updateApprovalPostField(instance, nextApproverNode.getId(), ApprovalAction.APPROVE, InternalUser.ADMIN.getValue());
+            return getNextNodeWithExceptionHandler(instance, nextApproverNode.getId(), fieldValues, currentOrgId, false);
+        }
+        if (ApprovalTypeEnum.valueOf(nextApproverNode.getApprovalType()) == ApprovalTypeEnum.AUTO_REJECT) {
+            // 自动驳回, 插入审批记录
+            saveAutoRecord(instance.getId(), nextApproverNode.getId(), ApprovalStatus.AUTO_UNAPPROVED, null, null, nextApproverNode.getCcList(), true, null);
+            updateApprovalPostField(instance, nextApproverNode.getId(), ApprovalAction.REJECT, InternalUser.ADMIN.getValue());
+            ApprovalNodeExceptionResponse exNode = BeanUtils.copyBean(new ApprovalNodeExceptionResponse(), nextApproverNode);
+            exNode.setNodeType(ApprovalNodeTypeEnum.EXCEPTION.name());
+            return exNode;
+        }
+
+        // 人工审批, 异常处理
+        setNodeApproverAndCcList(nextApproverNode, instance.getSubmitterId(), currentOrgId);
+
+		// 审批人为空时
+		if (CollectionUtils.isEmpty(nextApproverNode.getApproverList())) {
+			if (EmptyApproverActionEnum.valueOf(nextApproverNode.getEmptyApproverAction()) == EmptyApproverActionEnum.AUTO_PASS) {
+				// 自动通过, 插入审批记录, 获取下一个节点
+				saveAutoRecord(instance.getId(), nextApproverNode.getId(), ApprovalStatus.AUTO_APPROVED, "审批人为空，自动通过", null, nextApproverNode.getCcList(), true, null);
+				updateApprovalPostField(instance, nextApproverNode.getId(), ApprovalAction.APPROVE, InternalUser.ADMIN.getValue());
+				return getNextNodeWithExceptionHandler(instance, nextApproverNode.getId(), fieldValues, currentOrgId, false);
+			} else {
+				// 指定人员, 审批管理员处理, 返回兜底审批人
+				nextApproverNode.setApproverType(ApproverTypeEnum.MEMBER.name());
+				nextApproverNode.setApproverList(List.of(nextApproverNode.getFallbackApprover()));
+			}
+		}
+
+		// 审批人与提交人同一人时
+		Optional<String> findSame = nextApproverNode.getApproverList().stream().filter(approver -> Strings.CS.equals(approver, instance.getSubmitterId())).findAny();
+		if (findSame.isPresent()) {
+			SameSubmitterActionEnum sameAction = SameSubmitterActionEnum.valueOf(nextApproverNode.getSameSubmitterAction());
+			switch (sameAction) {
+				case ASSIGN_SUPERIOR -> {
+					// 转交给直属上级审批
+					OrganizationUser criteria = new OrganizationUser();
+					criteria.setUserId(findSame.get());
+					criteria.setOrganizationId(currentOrgId);
+					OrganizationUser currentUser = organizationUserMapper.selectOne(criteria);
+					if (currentUser != null && StringUtils.isNotEmpty(currentUser.getSupervisorId())) {
+						// 替换审批人列表中与提审人相同审批人 => 直属上级
+						String supervisorId = currentUser.getSupervisorId();
+						List<String> newApproverList = nextApproverNode.getApproverList().stream()
+								.map(approver -> Strings.CS.equals(approver, instance.getSubmitterId()) ? supervisorId : approver)
+								.collect(Collectors.toList());
+						nextApproverNode.setApproverList(newApproverList);
+					} else {
+						// 不存在直属上级, 自动跳过
+						ApprovalTask autoTask = saveAutoSkipTask(instance.getId(), nextApproverNode.getId(), findSame.get());
+						saveAutoRecord(instance.getId(), nextApproverNode.getId(), ApprovalStatus.AUTO_APPROVED, "审批人与提交人为同一人时, 直属上级为空, 自动通过", autoTask.getId(), nextApproverNode.getCcList(), true, autoTask.getNodeRound());
+						updateApprovalPostField(instance, nextApproverNode.getId(), ApprovalAction.APPROVE, InternalUser.ADMIN.getValue());
+						return getNextNodeWithExceptionHandler(instance, nextApproverNode.getId(), fieldValues, currentOrgId, false);
+					}
+				}
+				case SKIP -> {
+					// 自动跳过
+					if (nextApproverNode.getApproverList().size() == 1 || MultiApproverModeEnum.valueOf(nextApproverNode.getMultiApproverMode()) == MultiApproverModeEnum.ANY) {
+						// 如果刚好为单人审批, 多人或签, 直接插入待办任务和记录, 流转到下一个节点
+						ApprovalTask autoTask = saveAutoSkipTask(instance.getId(), nextApproverNode.getId(), findSame.get());
+						saveAutoRecord(instance.getId(), nextApproverNode.getId(), ApprovalStatus.AUTO_APPROVED, "审批人与提交人为同一人时, 自动通过", autoTask.getId(), nextApproverNode.getCcList(), true, autoTask.getNodeRound());
+						updateApprovalPostField(instance, nextApproverNode.getId(), ApprovalAction.APPROVE, InternalUser.ADMIN.getValue());
+						return getNextNodeWithExceptionHandler(instance, nextApproverNode.getId(), fieldValues, currentOrgId, false);
+					}
+				}
+				default -> {
+
+                }
+            }
+        }
+
+        return handleNextNodeDuplicateApprover(instance, nextApproverNode, fieldValues, currentOrgId, preApprovers);
+    }
+
+	/**
+	 * 处理下一个节点 (审批人重复跳过)
+	 * @param instance 审批实例
+	 * @param nextApproverNode 下一个审批节点
+	 * @param fieldValues 资源字段值
+	 * @param currentOrgId 当前组织ID
+	 * @return 下一个节点
+	 */
+	private ApprovalNodeResponse handleNextNodeDuplicateApprover(ApprovalInstance instance, ApprovalNodeApproverResponse nextApproverNode, List<BaseModuleFieldValue> fieldValues, String currentOrgId, List<String> preApprovers) {
+		// 重复审批人处理
+		DuplicateApproverRuleEnum duplicateApproverRuleEnum = getFlowDuplicateApproverRule(instance.getFlowVersionId());
+		List<String> autoSkipUser = getFlowAutoSkipUser(instance, nextApproverNode.getId(), preApprovers);
+		if (duplicateApproverRuleEnum == DuplicateApproverRuleEnum.FIRST_ONLY || duplicateApproverRuleEnum == DuplicateApproverRuleEnum.SEQUENTIAL_ALL) {
+			// 仅首个节点需要审批, 后续节点自动同意 (当前节点审批人在之前在有不同的节点审批过待办任务)
+			Optional<String> anySkip = nextApproverNode.getApproverList().stream().filter(autoSkipUser::contains).findAny();
+			if (anySkip.isPresent()) {
+				if (nextApproverNode.getApproverList().size() == 1 || MultiApproverModeEnum.valueOf(nextApproverNode.getMultiApproverMode()) == MultiApproverModeEnum.ANY) {
+					// 如果为单人审批, 或签, 直接同意, 且流转到下一个节点
+					ApprovalTask autoTask = saveAutoSkipTask(instance.getId(), nextApproverNode.getId(), anySkip.get());
+					saveAutoRecord(instance.getId(), nextApproverNode.getId(), ApprovalStatus.AUTO_APPROVED, "审批人重复出现, 后续节点自动通过", autoTask.getId(), nextApproverNode.getCcList(), true, autoTask.getNodeRound());
+					updateApprovalPostField(instance, nextApproverNode.getId(), ApprovalAction.APPROVE, InternalUser.ADMIN.getValue());
+					return getNextNodeWithExceptionHandler(instance, nextApproverNode.getId(), fieldValues, currentOrgId, false);
+				}
+			}
+		}
+		return nextApproverNode;
+	}
+
+    /**
+     * 获取当前审批流重复审批人配置
+     *
+     * @param flowVersionId 审批流版本
+     * @return 重复审批人配置
+     */
+    public DuplicateApproverRuleEnum getFlowDuplicateApproverRule(String flowVersionId) {
+        ApprovalFlowVersion flowVersion = approvalFlowVersionMapper.selectByPrimaryKey(flowVersionId);
+        ApprovalFlow approvalFlow = approvalFlowMapper.selectByPrimaryKey(flowVersion.getFlowId());
+        return DuplicateApproverRuleEnum.valueOf(approvalFlow.getDuplicateApproverRule());
+    }
+
+    /**
+     * 预览实例下一个审批节点，包含异常处理
+     *
+     * @param instance     审批实例
+     * @param nextNode     下一个审批节点
+     * @param currentOrgId 当前组织ID
+     * @return 下一个节点 (审批节点)
+     */
+    private ApprovalNodeResponse previewNextApproverNodeWithExceptionHandler(ApprovalInstance instance, ApprovalNodeResponse nextNode, String currentOrgId) {
+        ApprovalNodeApproverResponse nextApproverNode = (ApprovalNodeApproverResponse) nextNode;
+        if (ApprovalTypeEnum.valueOf(nextApproverNode.getApprovalType()) == ApprovalTypeEnum.AUTO_PASS || ApprovalTypeEnum.valueOf(nextApproverNode.getApprovalType()) == ApprovalTypeEnum.AUTO_REJECT) {
+            // 自动节点, 直接返回
+            return nextApproverNode;
+        }
+
+        // 人工审批, 异常处理
+        setNodeApproverAndCcList(nextApproverNode, instance.getSubmitterId(), currentOrgId);
+
+        // 审批人为空时
+        if (CollectionUtils.isEmpty(nextApproverNode.getApproverList()) && EmptyApproverActionEnum.valueOf(nextApproverNode.getEmptyApproverAction()) != EmptyApproverActionEnum.AUTO_PASS) {
+            // 指定人员, 审批管理员处理, 返回兜底审批人
+            nextApproverNode.setApproverType(ApproverTypeEnum.MEMBER.name());
+            nextApproverNode.setApproverList(List.of(nextApproverNode.getFallbackApprover()));
+        }
+
+        // 审批人与提交人同一人时
+        Optional<String> findSame = nextApproverNode.getApproverList().stream().filter(approver -> Strings.CS.equals(approver, instance.getSubmitterId())).findAny();
+        if (findSame.isEmpty()) {
+            return nextApproverNode;
+        }
+        if (SameSubmitterActionEnum.valueOf(nextApproverNode.getSameSubmitterAction()) == SameSubmitterActionEnum.ASSIGN_SUPERIOR) {
+            // 转交给直属上级审批
+            OrganizationUser criteria = new OrganizationUser();
+            criteria.setUserId(findSame.get());
+            criteria.setOrganizationId(currentOrgId);
+            OrganizationUser currentUser = organizationUserMapper.selectOne(criteria);
+            if (currentUser != null && StringUtils.isNotEmpty(currentUser.getSupervisorId())) {
+                // 替换审批人列表中与提审人相同审批人 => 直属上级
+                String supervisorId = currentUser.getSupervisorId();
+                List<String> newApproverList = nextApproverNode.getApproverList().stream()
+                        .map(approver -> Strings.CS.equals(approver, instance.getSubmitterId()) ? supervisorId : approver)
+                        .collect(Collectors.toList());
+                nextApproverNode.setApproverList(newApproverList);
+            }
+        }
+
+        return nextApproverNode;
+    }
+
+    /**
+     * 自动跳过的待办任务
+     *
+     * @param instanceId 实例ID
+     * @param nodeId     节点ID
+     */
+    private ApprovalTask saveAutoSkipTask(String instanceId, String nodeId, String approver) {
+        Integer nextRound = extApprovalInstanceMapper.getNextNodeRound(instanceId, nodeId);
+        ApprovalTask task = new ApprovalTask();
+        task.setId(IDGenerator.nextStr());
+        task.setInstanceId(instanceId);
+        task.setNodeId(nodeId);
+        task.setNodeRound(nextRound);
+        task.setApproverId(approver);
+        task.setType(ApprovalTaskType.NL.name());
+        task.setStatus(ApprovalStatus.AUTO_APPROVED.name());
+        task.setAction(ApprovalAction.APPROVE.name());
+        task.setCreateTime(System.currentTimeMillis());
+        task.setCreateUser(InternalUser.ADMIN.getValue());
+        task.setUpdateTime(System.currentTimeMillis());
+        task.setUpdateUser(InternalUser.ADMIN.getValue());
+        approvalTaskMapper.insert(task);
+        return task;
+    }
+
+    /**
+     * 自动审批的记录
+     *
+     * @param instanceId     实例ID
+     * @param nodeId         自动审批的节点ID
+     * @param approvalStatus 审批状态
+     */
+    public void saveAutoRecord(String instanceId, String nodeId, ApprovalStatus approvalStatus, String comment, String taskId, List<String> ccList, boolean sendCc, Integer nodeRound) {
+        if (nodeRound == null) {
+            nodeRound = extApprovalInstanceMapper.getNextNodeRound(instanceId, nodeId);
+        }
+
+        ApprovalRecord record = new ApprovalRecord();
+        record.setId(IDGenerator.nextStr());
+        if (StringUtils.isNotBlank(taskId)) {
+            record.setTaskId(taskId);
+        }
+        record.setInstanceId(instanceId);
+        record.setNodeId(nodeId);
+        record.setNodeRound(nodeRound);
+        record.setResult(approvalStatus.name());
+        if (StringUtils.isBlank(comment)) {
+            record.setComment(approvalStatus == ApprovalStatus.AUTO_APPROVED ? Translator.get("auto.approval.passed") : Translator.get("auto.approval.rejected"));
+        } else {
+            record.setComment(comment);
+        }
+        record.setCreateTime(System.currentTimeMillis());
+        record.setCreateUser(InternalUser.ADMIN.getValue());
+        record.setUpdateTime(System.currentTimeMillis());
+        record.setUpdateUser(InternalUser.ADMIN.getValue());
+        approvalRecordMapper.insert(record);
+        if (sendCc && CollectionUtils.isNotEmpty(ccList)) {
+            // 节点执行完成, 发送抄送
+            ApprovalActionService approvalActionService = CommonBeanFactory.getBean(ApprovalActionService.class);
+            if (approvalActionService != null) {
+                List<ApprovalTask> ccTasks = approvalActionService.getNodeCcTasks(nodeId, ccList, instanceId, InternalUser.ADMIN.getValue());
+                approvalTaskMapper.batchInsert(ccTasks);
+            }
+        }
+    }
+
+    /**
+     * 获取审批流自动跳过的审批人ID集合
+     *
+     * @param instance      审批实例
+     * @param currentNodeId 当前节点ID
+     * @param preApprovers  上一个节点的审批人集合
+     * @return 审批人ID集合
+     */
+    public List<String> getFlowAutoSkipUser(ApprovalInstance instance, String currentNodeId, List<String> preApprovers) {
+        List<String> autoSkipUserIds = new ArrayList<>();
+        DuplicateApproverRuleEnum duplicateApproverRuleEnum = getFlowDuplicateApproverRule(instance.getFlowVersionId());
+        if (duplicateApproverRuleEnum == DuplicateApproverRuleEnum.FIRST_ONLY) {
+            // 仅首个节点需审批(之前审批过的), 后续审批节点跳过
+            List<ApprovalTask> alreadyApprovedTasks = approvalTaskMapper.selectListByLambda(new LambdaQueryWrapper<ApprovalTask>()
+                    .eq(ApprovalTask::getInstanceId, instance.getId()).eq(ApprovalTask::getStatus, ApprovalStatus.APPROVED.name()));
+            autoSkipUserIds = alreadyApprovedTasks.stream().filter(task -> !Strings.CI.equals(task.getNodeId(), currentNodeId) && task.getNodeRound() != -1).map(ApprovalTask::getApproverId).toList();
+        } else if (duplicateApproverRuleEnum == DuplicateApproverRuleEnum.SEQUENTIAL_ALL) {
+            // 连续审批人跳过 (上一个连续审批人)
+            autoSkipUserIds.addAll(preApprovers);
+        }
+        return autoSkipUserIds;
+    }
+
+    /**
+     * 设置节点的审批人集合和抄送人集合
+     *
+     * @param approverNode 审批节点
+     * @param submitter    提交人
+     * @param currentOrgId 当前组织ID
+     */
+    private void setNodeApproverAndCcList(ApprovalNodeApproverResponse approverNode, String submitter, String currentOrgId) {
+        if (approverNode == null) {
+            return;
+        }
+        List<User> nextApprovers = getCurrentNodeApproverList(approverNode.getApproverType(), approverNode.getApproverList(), submitter, currentOrgId, approverNode.getApproverDirection());
+        approverNode.setApproverList(nextApprovers.stream().map(User::getId).distinct().collect(Collectors.toList()));
+        List<User> nextCcList = getCurrentNodeCcList(approverNode.getCcType(), approverNode.getCcList(), submitter, currentOrgId, approverNode.getCcDirection());
+        approverNode.setCcList(nextCcList.stream().map(User::getId).distinct().collect(Collectors.toList()));
+    }
+
+	/**
+	 * 审批后操作 (字段更新)
+	 *
+	 * @param instance      审批实例
+	 * @param currentNodeId 当前字段ID
+	 * @param action        审批动作
+	 */
+	public void updateApprovalPostField(ApprovalInstance instance, String currentNodeId, ApprovalAction action, String currentUserId) {
+		ApprovalResourceService resourceService = CommonBeanFactory.getBean(ApprovalResourceService.class);
+		if (resourceService != null) {
+			ApprovalNodeApprover approvalNodeApprover = approvalNodeApproverMapper.selectByPrimaryKey(currentNodeId);
+			List<BaseModuleFieldValue> resourceFvs = formService.compressResourceRefDetail(instance.getType(), instance.getResourceId());
+			resourceService.sendWebHook(action == ApprovalAction.APPROVE ? approvalNodeApprover.getPassPostConfig() : approvalNodeApprover.getRejectPostConfig(), resourceFvs, instance);
+			resourceService.updateApprovalPostField(FormKey.ofKey(instance.getType()), instance.getResourceId(),
+					action == ApprovalAction.APPROVE ? approvalNodeApprover.getPassPostConfig() : approvalNodeApprover.getRejectPostConfig(), currentUserId);
+		}
+	}
+
+
+    /**
+     * 测试连接
+     *
+     * @param webHookConfig
+     */
+    public void testConnection(WebHookConfig webHookConfig) {
+        ApprovalResourceService resourceService = CommonBeanFactory.getBean(ApprovalResourceService.class);
+        resourceService.testConnect(webHookConfig);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/service/ApprovalInstanceService.java b/backend/crm/src/main/java/cn/cordys/crm/approval/service/ApprovalInstanceService.java
new file mode 100644
index 0000000..c279541
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/service/ApprovalInstanceService.java
@@ -0,0 +1,729 @@
+package cn.cordys.crm.approval.service;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.approval.constants.*;
+import cn.cordys.crm.approval.domain.*;
+import cn.cordys.crm.approval.dto.*;
+import cn.cordys.crm.approval.dto.response.ApprovalNodeApproverResponse;
+import cn.cordys.crm.system.domain.Attachment;
+import cn.cordys.crm.system.domain.User;
+import cn.cordys.crm.system.dto.UserSimple;
+import cn.cordys.crm.system.service.AttachmentService;
+import cn.cordys.crm.system.service.UserExtendService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.collections4.ListUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.context.annotation.Lazy;
+import org.springframework.stereotype.Service;
+
+import java.util.*;
+import java.util.stream.Collectors;
+
+@Service
+public class ApprovalInstanceService {
+
+	@Resource
+	private BaseMapper<ApprovalInstance> approvalInstanceMapper;
+	@Resource
+	private BaseMapper<ApprovalTask> approvalTaskMapper;
+	@Resource
+	private BaseMapper<ApprovalAddSignTask> approvalAddSignTaskMapper;
+	@Resource
+	private BaseMapper<ApprovalReturnBackRecord> approvalReturnBackRecordMapper;
+	@Resource
+	private BaseMapper<ApprovalRecord> approvalRecordMapper;
+	@Resource
+	private BaseMapper<ApprovalInstanceAttachment> approvalInstanceAttachmentMapper;
+	@Resource
+	private BaseMapper<Attachment> attachmentMapper;
+	@Resource
+	private BaseMapper<ApprovalFlowVersion> flowVersionMapper;
+	@Resource
+	private AttachmentService attachmentService;
+	@Resource
+	private UserExtendService userExtendService;
+	@Resource
+	private BaseMapper<ApprovalNodeApprover> approvalNodeApproverMapper;
+	@Resource
+	private BaseMapper<ApprovalNode> approvalNodeMapper;
+	@Resource
+	@Lazy
+	private ApprovalFlowService approvalFlowService;
+
+	public static final String SIGN_SPILT = "-SN";
+	public static final String NULL_FIELD_PERMISSION_STR = "null";
+
+	/**
+	 * 获取资源最新审批实例详情
+	 * @param resourceId 资源ID
+	 * @return 审批实例详情
+	 */
+	public ApprovalInstanceDetail getLatestApprovalInstanceDetail(String resourceId, String currentOrgId) {
+		ApprovalInstance latestInstance = getLatestInstance(resourceId);
+		if (latestInstance == null) {
+			return null;
+		}
+		Map<String, UserSimple> simpleUserMap = userExtendService.getAllUserSimpleMap();
+		ApprovalInstanceDetail instanceDetail = BeanUtils.copyBean(new ApprovalInstanceDetail(), latestInstance);
+		if (simpleUserMap.containsKey(instanceDetail.getSubmitterId())) {
+			instanceDetail.setSubmitAvatar(simpleUserMap.get(instanceDetail.getSubmitterId()).getAvatar());
+			instanceDetail.setSubmitter(simpleUserMap.get(instanceDetail.getSubmitterId()).getName());
+		}
+		List<ApprovalTask> tasks = getAllTasks(latestInstance);
+		List<ApprovalRecord> records = getAllRecords(latestInstance);
+		List<ApprovalAddSignTask> signTasks = getAllSignTask(tasks.stream().filter(task -> ApprovalTaskType.valueOf(task.getType()) == ApprovalTaskType.NL ||
+				ApprovalTaskType.valueOf(task.getType()) == ApprovalTaskType.BK).map(ApprovalTask::getId).toList());
+		List<ApprovalReturnBackRecord> backRecords = getBackRecords(latestInstance);
+		Map<String, List<Attachment>> elementAttachmentsMap = queryAttachments(records, signTasks, backRecords);
+		instanceDetail.setNodes(buildApprovalRecordNodeList(latestInstance, tasks, records, signTasks, backRecords, elementAttachmentsMap, simpleUserMap, currentOrgId));
+		instanceDetail.setCurrentNodeId(latestInstance.getCurrentNodeId());
+		instanceDetail.setComment(latestInstance.getComment());
+		return setCurrentNodeFieldPermissions(instanceDetail);
+	}
+
+	/**
+	 * 设置当前节点审批表单权限
+	 * @param instanceDetail 实例详情
+	 * @return instanceDetail 实例详情
+	 */
+	private ApprovalInstanceDetail setCurrentNodeFieldPermissions(ApprovalInstanceDetail instanceDetail) {
+		String currentNodeId = instanceDetail.getCurrentNodeId();
+		if (instanceDetail.getCurrentNodeId().contains(SIGN_SPILT)) {
+			currentNodeId = instanceDetail.getCurrentNodeId().split(SIGN_SPILT)[0];
+		}
+		ApprovalNodeApprover currentNode = approvalNodeApproverMapper.selectByPrimaryKey(currentNodeId);
+		if (currentNode == null) {
+			return instanceDetail;
+		}
+		if (instanceDetail.getCurrentNodeId().contains(SIGN_SPILT)) {
+			// 加签字段
+			if (StringUtils.isNotBlank(currentNode.getFieldPermissions()) && !Strings.CI.equals(currentNode.getFieldPermissions(), NULL_FIELD_PERMISSION_STR)) {
+				List<FieldPermissionDTO> fieldPermissions = JSON.parseArray(currentNode.getFieldPermissions(), FieldPermissionDTO.class);
+				List<FieldPermissionDTO> viewPermissionsOfSign = fieldPermissions.stream().peek(permission -> permission.setPermissionType(FieldPermissionTypeEnum.VIEW.name())).toList();
+				instanceDetail.setCurrentNodeFieldPermissions(JSON.toJSONString(viewPermissionsOfSign));
+			}
+		} else {
+			instanceDetail.setCurrentNodeFieldPermissions(Strings.CI.equals(currentNode.getFieldPermissions(), NULL_FIELD_PERMISSION_STR) ? null : currentNode.getFieldPermissions());
+		}
+		return instanceDetail;
+	}
+
+	/**
+	 * 获取资源最新审批实例
+	 */
+	public ApprovalInstance getLatestInstance(String resourceId) {
+		LambdaQueryWrapper<ApprovalInstance> wrapper = new LambdaQueryWrapper<>();
+		wrapper.eq(ApprovalInstance::getResourceId, resourceId);
+		List<ApprovalInstance> list = approvalInstanceMapper.selectListByLambda(wrapper);
+		return CollectionUtils.isEmpty(list) ? null : list.stream().sorted(Comparator.comparing(ApprovalInstance::getSubmitTime)).toList().getLast();
+	}
+
+	/**
+	 * 获取一批资源最新审批实例
+	 */
+	public List<ApprovalInstance> getLatestInstances(List<String> resourceIds) {
+		if (CollectionUtils.isEmpty(resourceIds)) {
+			return Collections.emptyList();
+		}
+		LambdaQueryWrapper<ApprovalInstance> wrapper = new LambdaQueryWrapper<>();
+		wrapper.in(ApprovalInstance::getResourceId, resourceIds);
+		List<ApprovalInstance> list = approvalInstanceMapper.selectListByLambda(wrapper);
+		if (CollectionUtils.isEmpty(list)) {
+			return Collections.emptyList();
+		}
+		Map<String, List<ApprovalInstance>> groupMap = list.stream().collect(Collectors.groupingBy(ApprovalInstance::getResourceId));
+		return groupMap.values().stream().map(instances -> instances.stream()
+				.sorted(Comparator.comparing(ApprovalInstance::getSubmitTime).reversed())
+				.toList().getFirst()).toList();
+	}
+
+	/**
+	 * 获取所有的任务列表
+	 */
+	private List<ApprovalTask> getAllTasks(ApprovalInstance latestInstance) {
+		LambdaQueryWrapper<ApprovalTask> wrapper = new LambdaQueryWrapper<>();
+		wrapper.eq(ApprovalTask::getInstanceId, latestInstance.getId()).nq(ApprovalTask::getNodeRound, -1);
+		return approvalTaskMapper.selectListByLambda(wrapper);
+	}
+
+	/**
+	 * 获取所有的加签任务列表
+	 */
+	private List<ApprovalAddSignTask> getAllSignTask(List<String> taskIds) {
+		LambdaQueryWrapper<ApprovalAddSignTask> wrapper = new LambdaQueryWrapper<>();
+		wrapper.in(ApprovalAddSignTask::getRootTaskId, taskIds);
+		return approvalAddSignTaskMapper.selectListByLambda(wrapper);
+	}
+
+	/**
+	 * 获取所有的记录列表
+	 */
+	private List<ApprovalRecord> getAllRecords(ApprovalInstance latestInstance) {
+		LambdaQueryWrapper<ApprovalRecord> wrapper = new LambdaQueryWrapper<>();
+		wrapper.eq(ApprovalRecord::getInstanceId, latestInstance.getId()).nq(ApprovalRecord::getNodeRound, -1);
+		return approvalRecordMapper.selectListByLambda(wrapper);
+	}
+
+	/**
+	 * 获取回退记录集合
+	 * @param latestInstance 审批实例
+	 * @return 回退记录集合
+	 */
+	private List<ApprovalReturnBackRecord> getBackRecords(ApprovalInstance latestInstance) {
+		LambdaQueryWrapper<ApprovalReturnBackRecord> wrapper = new LambdaQueryWrapper<>();
+		wrapper.eq(ApprovalReturnBackRecord::getInstanceId, latestInstance.getId());
+		return approvalReturnBackRecordMapper.selectListByLambda(wrapper);
+	}
+
+	/**
+	 * 查询附件信息并按节点ID分组
+	 */
+	private Map<String, List<Attachment>> queryAttachments(List<ApprovalRecord> records, List<ApprovalAddSignTask> signTasks, List<ApprovalReturnBackRecord> backRecords) {
+		List<String> elementIds = new ArrayList<>(records.stream().map(ApprovalRecord::getId).toList());
+		if (CollectionUtils.isNotEmpty(signTasks)) {
+			elementIds.addAll(signTasks.stream().map(ApprovalAddSignTask::getId).toList());
+		}
+		if (CollectionUtils.isNotEmpty(backRecords)) {
+			elementIds.addAll(backRecords.stream().map(ApprovalReturnBackRecord::getId).toList());
+		}
+		if (CollectionUtils.isEmpty(elementIds)) {
+			return Map.of();
+		}
+		List<ApprovalInstanceAttachment> attachments = approvalInstanceAttachmentMapper.selectListByLambda(
+				new LambdaQueryWrapper<ApprovalInstanceAttachment>().in(ApprovalInstanceAttachment::getElementId, elementIds));
+		if (CollectionUtils.isEmpty(attachments)) {
+			return Map.of();
+		}
+
+		List<String> attachmentIds = attachments.stream().map(ApprovalInstanceAttachment::getAttachmentId).distinct().toList();
+		List<Attachment> attachmentList = attachmentMapper.selectByIds(attachmentIds);
+		List<String> createUserIds = attachmentList.stream().map(Attachment::getCreateUser).toList();
+		List<String> updateUserIds = attachmentList.stream().map(Attachment::getUpdateUser).toList();
+		List<User> users = userExtendService.getUserOptionByIds(ListUtils.union(createUserIds, updateUserIds));
+		Map<String, String> userMap = users.stream().collect(Collectors.toMap(User::getId, User::getName));
+		attachmentList.forEach(attachment -> {
+			attachment.setCreateUser(userMap.get(attachment.getCreateUser()));
+			attachment.setUpdateUser(userMap.get(attachment.getUpdateUser()));
+		});
+
+		Map<String, Attachment> attachmentMap = attachmentList.stream().collect(Collectors.toMap(Attachment::getId, a -> a, (v1, v2) -> v1));
+
+		return attachments.stream().filter(a -> attachmentMap.containsKey(a.getAttachmentId()))
+				.collect(Collectors.groupingBy(ApprovalInstanceAttachment::getElementId, Collectors.mapping(a -> attachmentMap.get(a.getAttachmentId()), Collectors.toList())));
+	}
+
+	/**
+	 * 构建审批记录节点列表
+	 * @param tasks 审批任务列表
+	 * @param records 记录列表
+	 * @param signTasks 加签任务集合
+	 * @param backRecords 退回记录集合
+	 * @param attachmentMap 附件集合
+	 * @param simpleUserMap 用户信息集合
+	 * @return 审批记录节点列表
+	 */
+	private List<ApprovalRecordNode> buildApprovalRecordNodeList(ApprovalInstance instance, List<ApprovalTask> tasks, List<ApprovalRecord> records, List<ApprovalAddSignTask> signTasks,
+																 List<ApprovalReturnBackRecord> backRecords, Map<String, List<Attachment>> attachmentMap, Map<String, UserSimple> simpleUserMap, String currentOrgId) {
+		// 处理过的节点
+		List<ApprovalRecordNode> processedApprovalNodes = buildProcessedApprovalNodes(instance, tasks, records, signTasks, backRecords, attachmentMap, simpleUserMap, currentOrgId);
+		// 未来节点
+		List<ApprovalRecordNode> pendingApprovalNodes = buildPendingApprovalNodes(instance, simpleUserMap, currentOrgId);
+		List<ApprovalRecordNode> nodes = new ArrayList<>(ListUtils.union(processedApprovalNodes, pendingApprovalNodes));
+		// 处理结束节点
+		ApprovalRecordNode endNode = getInstanceEndNode(instance);
+		nodes.addLast(endNode);
+
+		List<String> allNodeIds = nodes.stream().map(ApprovalRecordNode::getNodeId).distinct().toList();
+		Map<String, ApprovalNodeApprover> approverNodeMap = getApproverNodeMapByIds(allNodeIds);
+		Map<String, ApprovalNode> approvalNodeMap = getApprovalNodeMapByIds(allNodeIds);
+		nodes.forEach(node -> {
+			ApprovalNodeApprover approverNode = approverNodeMap.get(node.getNodeId());
+			if (approverNode != null) {
+				node.setMultiApproverMode(MultiApproverModeEnum.valueOf(approverNode.getMultiApproverMode()));
+				if (CollectionUtils.isNotEmpty(node.getTaskNodes()) && node.getTaskNodes().size() > 1 && StringUtils.isBlank(node.getApprovalStatus())) {
+					ApprovalStatus approvalStatusOfMultiNode = getNodeApprovalStatusOfMultiTask(node.getTaskNodes());
+					node.setApprovalStatus(approvalStatusOfMultiNode == null ? null : approvalStatusOfMultiNode.name());
+				} else if (node.getTaskNodes().size() == 1 && StringUtils.isBlank(node.getApprovalStatus())){
+					node.setApprovalStatus(node.getTaskNodes().getFirst().getApprovalStatus());
+				}
+			}
+			ApprovalNode approvalNode;
+			if (node.getNodeId().contains(SIGN_SPILT)) {
+				approvalNode = approvalNodeMap.get(node.getNodeId().split(SIGN_SPILT)[0]);
+			} else {
+				approvalNode = approvalNodeMap.get(node.getNodeId());
+			}
+			if (approvalNode != null) {
+				node.setNodeName(approvalNode.getName());
+				node.setSort(approvalNode.getSort());
+				if (ApprovalNodeTypeEnum.valueOf(approvalNode.getNodeType()) == ApprovalNodeTypeEnum.END) {
+					node.setEndNode(true);
+				}
+			}
+			if (CollectionUtils.isEmpty(node.getTaskNodes())) {
+
+				node.setTaskNodes(List.of());
+			}
+		});
+		// 节点流程配置顺序
+		nodes.sort(Comparator.comparing(ApprovalRecordNode::getSort));
+		return nodes;
+	}
+
+	/**
+	 * 已处理的审批记录节点信息
+	 * @param tasks 任务集合
+	 * @param records 记录集合
+	 * @param signTasks 加签任务集合
+	 * @param backRecords 退回节点记录集合
+	 * @param attachmentsMap 附件集合
+	 * @param simpleUserMap 用户信息集合
+	 * @return 审批记录节点集合
+	 */
+	private List<ApprovalRecordNode> buildProcessedApprovalNodes(ApprovalInstance instance, List<ApprovalTask> tasks, List<ApprovalRecord> records, List<ApprovalAddSignTask> signTasks, List<ApprovalReturnBackRecord> backRecords,
+														   Map<String, List<Attachment>> attachmentsMap, Map<String, UserSimple> simpleUserMap, String currentOrgId) {
+		List<ApprovalRecordNode> nodes = new ArrayList<>();
+		Map<String, ApprovalRecord> autoNodeRecordMap = records.stream().filter(record -> StringUtils.isBlank(record.getTaskId()))
+				.collect(Collectors.toMap(ApprovalRecord::getNodeId, r -> r, (existing, newOne) -> newOne.getNodeRound() >= existing.getNodeRound() ? newOne : existing
+				));
+		Map<String, ApprovalRecord> taskRecordMap = records.stream().filter(record -> StringUtils.isNotBlank(record.getTaskId()))
+				.collect(Collectors.toMap(ApprovalRecord::getTaskId, r -> r, (existing, newOne) -> newOne.getCreateTime() >= existing.getCreateTime() ? newOne : existing));
+		List<ApprovalTask> nTasks = tasks.stream().filter(task -> ApprovalTaskType.valueOf(task.getType()) == ApprovalTaskType.NL).toList();
+		Map<String, Integer> nodeMaxRoundMap = mergeNodeMaxRound(nTasks, records);
+		List<String> hisNodes = sortNodeRoundMap(nodeMaxRoundMap, nTasks, records);
+		Map<String, ApprovalNodeApprover> hisApproverNodeMap = getApproverNodeMapByIds(hisNodes);
+		Map<String, List<ApprovalAddSignTask>> addSignTaskMapOfRoot = signTasks.stream().collect(Collectors.groupingBy(ApprovalAddSignTask::getRootTaskId));
+		Map<String, ApprovalAddSignTask> addSignTaskMapOfTask = signTasks.stream().collect(Collectors.toMap(ApprovalAddSignTask::getTaskId, t -> t));
+		Map<String, ApprovalReturnBackRecord> backRecordMap = backRecords.stream().collect(Collectors.toMap(ApprovalReturnBackRecord::getReturnToNodeId, r -> r));
+		// 处理历史节点
+		hisNodes.forEach(hisNode -> {
+			Integer maxRound = nodeMaxRoundMap.get(hisNode);
+			// 获取节点下最后一轮抄送人
+			List<String> ccUsers = tasks.stream().filter(task -> ApprovalTaskType.valueOf(task.getType()) == ApprovalTaskType.CC
+					&& Strings.CI.equals(task.getNodeId(), hisNode) && task.getNodeRound().equals(maxRound)).map(ApprovalTask::getApproverId).distinct().toList();
+			List<ApprovalCcNode> ccNodes = ccUsers.stream().map(cc -> {
+				ApprovalCcNode ccNode = new ApprovalCcNode();
+				ccNode.setCcUserId(cc);
+				if (simpleUserMap.containsKey(cc)) {
+					ccNode.setCcUserName(simpleUserMap.get(cc).getName());
+					ccNode.setCcUserAvatar(simpleUserMap.get(cc).getAvatar());
+				}
+				return ccNode;
+			}).toList();
+			if (autoNodeRecordMap.containsKey(hisNode) && autoNodeRecordMap.get(hisNode).getNodeRound().equals(maxRound)) {
+				// 当前节点的最后一轮执行是自动执行
+				ApprovalRecordNode recordNode = ApprovalRecordNode.builder().nodeId(hisNode).nodeRound(maxRound).taskNodes(List.of()).approvalStatus(autoNodeRecordMap.get(hisNode).getResult()).build();
+				ApprovalTaskNode autoTask = buildAutoTaskNode();
+				autoTask.setApprovalTime(autoNodeRecordMap.get(hisNode).getCreateTime());
+				autoTask.setApprovalStatus(recordNode.getApprovalStatus());
+				autoTask.setRecordId(autoNodeRecordMap.get(hisNode).getId());
+				recordNode.setTaskNodes(List.of(autoTask));
+				recordNode.setCcNodes(ccNodes);
+				nodes.addLast(recordNode);
+				return;
+			}
+			/*
+			 * 获取节点下最后一轮正常待办任务 (排除正常加签操作)
+			 * 加签场景下, 同一节点可能存在多条rootTask, 只展示最新创建的那个待办
+			 */
+			List<String> nodeMultiApprover = approvalFlowService.getCurrentNodeApproverList(instance, hisNode, currentOrgId);
+			List<ApprovalTask> nlTasks = tasks.stream().filter(task -> ApprovalTaskType.valueOf(task.getType()) == ApprovalTaskType.NL && Strings.CI.equals(task.getNodeId(), hisNode)
+					&& task.getNodeRound().equals(maxRound)).sorted(Comparator.comparing(ApprovalTask::getCreateTime)).toList();
+			nlTasks = filterNodeLatestTasks(nlTasks);
+			if (CollectionUtils.isEmpty(nlTasks)) {
+				return;
+			}
+			List<ApprovalTask> snTasks = tasks.stream().filter(task -> ApprovalTaskType.valueOf(task.getType()) == ApprovalTaskType.SN && Strings.CI.contains(task.getNodeId(), hisNode)
+					&& task.getNodeRound().equals(maxRound)).sorted(Comparator.comparing(ApprovalTask::getCreateTime)).toList();
+			// 加签任务追加
+			if (nodeMultiApprover.size() == 1) {
+				// 单人执行
+				List<ApprovalTask> flatSignTasks = flatSignTask(nlTasks.getFirst(), addSignTaskMapOfRoot, snTasks.stream().collect(Collectors.toMap(ApprovalTask::getId, t -> t)));
+				for (int i = 0; i < flatSignTasks.size(); i++) {
+					ApprovalTask signTask = flatSignTasks.get(i);
+					ApprovalTaskNode taskNode = buildTaskNode(signTask, taskRecordMap, addSignTaskMapOfTask, attachmentsMap, simpleUserMap);
+					ApprovalRecordNode recordNode = ApprovalRecordNode.builder().nodeId(taskNode.isSign() ? hisNode + SIGN_SPILT + i : hisNode).nodeRound(maxRound)
+							.approvalStatus(Strings.CI.equals(taskNode.getApprovalStatus(), ApprovalStatus.REVOKED.name()) ? ApprovalStatus.NONE.name() : taskNode.getApprovalStatus()).taskNodes(List.of(taskNode)).build();
+					if (ApprovalTaskType.valueOf(signTask.getType()) == ApprovalTaskType.NL) {
+						recordNode.setCcNodes(ccNodes);
+					}
+					if (ApprovalStatus.valueOf(recordNode.getApprovalStatus()) == ApprovalStatus.APPROVING) {
+						instance.setCurrentNodeId(recordNode.getNodeId());
+					}
+					nodes.addLast(setBackInfo(recordNode, backRecordMap, attachmentsMap));
+				}
+			} else {
+				List<ApprovalTask> allTask = new ArrayList<>();
+				// 多人执行, 追加在同一节点上
+				nlTasks.forEach(nlTask -> {
+					List<ApprovalTask> flatSignTasks = flatSignTask(nlTask, addSignTaskMapOfRoot, snTasks.stream().collect(Collectors.toMap(ApprovalTask::getId, t -> t)));
+					allTask.addAll(flatSignTasks);
+				});
+				// 依次审批的后续节点审批人需要作为待审批追加
+				ApprovalNodeApprover approvalNodeApprover = hisApproverNodeMap.get(hisNode);
+				if (approvalNodeApprover != null && MultiApproverModeEnum.valueOf(approvalNodeApprover.getMultiApproverMode()) == MultiApproverModeEnum.SEQUENTIAL) {
+					appendSeqTasks(nodeMultiApprover, allTask);
+				}
+				List<ApprovalTaskNode> taskNodes = allTask.stream().map(nTask -> buildTaskNode(nTask, taskRecordMap, addSignTaskMapOfTask, attachmentsMap, simpleUserMap)).toList();
+				ApprovalRecordNode recordNode = ApprovalRecordNode.builder().nodeId(hisNode).nodeRound(maxRound).taskNodes(taskNodes).ccNodes(ccNodes).build();
+				nodes.addLast(setBackInfo(recordNode, backRecordMap, attachmentsMap));
+			}
+		});
+		return nodes;
+	}
+
+	/**
+	 * 追加依次审批的待审批任务
+	 * @param nodeMultiApprover 节点审批人
+	 * @param allTask 所有执行任务
+	 */
+	private void appendSeqTasks(List<String> nodeMultiApprover, List<ApprovalTask> allTask) {
+		List<String> processApproverIds = allTask.stream().map(ApprovalTask::getApproverId).toList();
+		ApprovalTask copyTask = allTask.getFirst();
+		nodeMultiApprover.stream().filter(approver -> !processApproverIds.contains(approver)).forEach(user -> {
+			ApprovalTask seqTask = BeanUtils.copyBean(new ApprovalTask(), copyTask);
+			seqTask.setId(IDGenerator.nextStr());
+			seqTask.setApproverId(user);
+			seqTask.setStatus(ApprovalStatus.PENDING.name());
+			seqTask.setType(ApprovalTaskType.NL.name());
+			seqTask.setAction(null);
+			allTask.addLast(seqTask);
+		});
+	}
+
+	/**
+	 * 设置回退节点信息
+	 * @param recordNode 记录节点
+	 * @param backRecordMap 回退信息集合
+	 * @param attachmentsMap 附件信息集合
+	 * @return 记录节点
+	 */
+	private ApprovalRecordNode setBackInfo(ApprovalRecordNode recordNode, Map<String, ApprovalReturnBackRecord> backRecordMap, Map<String, List<Attachment>> attachmentsMap) {
+		ApprovalReturnBackRecord backRecord = backRecordMap.get(recordNode.getNodeId());
+		if (backRecord != null) {
+			recordNode.setBackNode(true);
+			recordNode.setBackReason(backRecord.getReturnReason());
+			recordNode.setBackAttachments(attachmentsMap.getOrDefault(backRecord.getId(), Collections.emptyList()));
+		}
+		return recordNode;
+	}
+
+	/**
+	 * 获取后续待审批节点列表
+	 * @param instance 审批实例
+	 * @param simpleUserMap 用户信息映射
+	 * @return 后续待审批节点列表
+	 */
+	private List<ApprovalRecordNode> buildPendingApprovalNodes(ApprovalInstance instance, Map<String, UserSimple> simpleUserMap, String currentOrgId) {
+		if (StringUtils.isBlank(instance.getCurrentNodeId()) || ApprovalStatus.valueOf(instance.getApprovalStatus()) == ApprovalStatus.APPROVED) {
+			// 当前节点为空, 或审批完成的实例, 不存在后续待审批的节点
+			return new ArrayList<>();
+		}
+		List<ApprovalNodeApproverResponse> nodes = approvalFlowService.getInstanceCurrentFollowNode(instance, currentOrgId);
+		return nodes.stream().map(node -> {
+			if (ApprovalTypeEnum.valueOf(node.getApprovalType()) == ApprovalTypeEnum.AUTO_PASS || ApprovalTypeEnum.valueOf(node.getApprovalType()) == ApprovalTypeEnum.AUTO_REJECT) {
+				// 自动节点没有审批人
+				node.setApproverList(new ArrayList<>());
+			}
+			List<ApprovalTaskNode> taskNodes = new ArrayList<>(node.getApproverList().stream().map(approver -> {
+				ApprovalTaskNode taskNode = ApprovalTaskNode.builder().taskId(IDGenerator.nextStr()).approverId(approver).approvalStatus(ApprovalStatus.PENDING.name()).build();
+				if (simpleUserMap.containsKey(approver)) {
+					taskNode.setApprover(simpleUserMap.get(approver).getName());
+					taskNode.setApproverAvatar(simpleUserMap.get(approver).getAvatar());
+				}
+				return taskNode;
+			}).toList());
+			if (CollectionUtils.isEmpty(taskNodes)) {
+				ApprovalTaskNode taskNode = buildAutoTaskNode();
+				taskNode.setApprovalStatus(ApprovalStatus.PENDING.name());
+				taskNodes.add(taskNode);
+			}
+			return ApprovalRecordNode.builder().nodeId(node.getId()).nodeRound(1).approvalStatus(ApprovalStatus.PENDING.name()).taskNodes(taskNodes).build();
+		}).toList();
+	}
+
+	/**
+	 * 获取审批流唯一结束节点
+	 * @param instance 审批实例
+	 * @return 结束节点
+	 */
+	private ApprovalRecordNode getInstanceEndNode(ApprovalInstance instance) {
+		ApprovalNode approvalNode = new ApprovalNode();
+		approvalNode.setFlowVersionId(instance.getFlowVersionId());
+		approvalNode.setNodeType(ApprovalNodeTypeEnum.END.name());
+		approvalNode.setExecuteTime(StringUtils.isNotBlank(instance.getExecuteTime()) ? instance.getExecuteTime() : ExecuteTimingEnum.CREATE.name());
+		ApprovalNode endNode = approvalNodeMapper.selectOne(approvalNode);
+		return ApprovalRecordNode.builder().nodeId(endNode.getId()).build();
+	}
+
+
+	/**
+	 * 处理多人节点的审批状态
+	 * @param taskNodes 任务节点
+	 * @return 审批状态
+	 */
+	private ApprovalStatus getNodeApprovalStatusOfMultiTask(List<ApprovalTaskNode> taskNodes) {
+		boolean anyReject = taskNodes.stream().anyMatch(tn -> ApprovalStatus.valueOf(tn.getApprovalStatus()) == ApprovalStatus.UNAPPROVED);
+		boolean anyAutoReject = taskNodes.stream().anyMatch(tn -> ApprovalStatus.valueOf(tn.getApprovalStatus()) == ApprovalStatus.AUTO_UNAPPROVED);
+		boolean anyApproving = taskNodes.stream().anyMatch(tn -> ApprovalStatus.valueOf(tn.getApprovalStatus()) == ApprovalStatus.APPROVING);
+		boolean anyRevoked = taskNodes.stream().anyMatch(tn -> ApprovalStatus.valueOf(tn.getApprovalStatus()) == ApprovalStatus.REVOKED);
+		boolean anyApproved = taskNodes.stream().anyMatch(tn -> ApprovalStatus.valueOf(tn.getApprovalStatus()) == ApprovalStatus.APPROVED);
+		boolean anyAutoApproved = taskNodes.stream().anyMatch(tn -> ApprovalStatus.valueOf(tn.getApprovalStatus()) == ApprovalStatus.AUTO_APPROVED);
+
+		// 所有多人审批模式统一: 任一驳回即驳回 (状态优先级: 驳回 > 自动驳回 -> 审批中 -> 已通过 -> 自动通过)
+		if (anyReject) {
+			return ApprovalStatus.UNAPPROVED;
+		}
+		if (anyAutoReject) {
+			return ApprovalStatus.AUTO_UNAPPROVED;
+		}
+		if (anyApproving) {
+			return ApprovalStatus.APPROVING;
+		}
+		if (anyRevoked) {
+			return ApprovalStatus.NONE;
+		}
+		if (anyApproved) {
+			return ApprovalStatus.APPROVED;
+		}
+		if (anyAutoApproved) {
+			return ApprovalStatus.AUTO_APPROVED;
+		}
+
+		return null;
+	}
+
+	/**
+	 * 获取所有审批节点集合
+	 * @param nodeIds 节点ID集合
+	 * @return 审批节点集合
+	 */
+	private Map<String, ApprovalNodeApprover> getApproverNodeMapByIds(List<String> nodeIds) {
+		if (CollectionUtils.isEmpty(nodeIds)) {
+			return Map.of();
+		}
+		List<ApprovalNodeApprover> approvalNodeApprovers = approvalNodeApproverMapper.selectByIds(nodeIds);
+		return approvalNodeApprovers.stream().collect(Collectors.toMap(ApprovalNodeApprover::getId, n -> n));
+	}
+
+	/**
+	 * 获取所有审批节点集合
+	 * @param nodeIds 节点ID集合
+	 * @return 审批节点集合
+	 */
+	private Map<String, ApprovalNode> getApprovalNodeMapByIds(List<String> nodeIds) {
+		if (CollectionUtils.isEmpty(nodeIds)) {
+			return Map.of();
+		}
+		List<ApprovalNode> approvalNodes = approvalNodeMapper.selectByIds(nodeIds);
+		return approvalNodes.stream().collect(Collectors.toMap(ApprovalNode::getId, n -> n));
+	}
+
+	/**
+	 * 平铺加签任务链
+	 * @param currentTask 当前任务
+	 * @param rootAddSignMap 加签信息集合
+	 * @param signTaskMap 加签任务集合
+	 * @return 加签任务集合
+	 */
+	private List<ApprovalTask> flatSignTask(ApprovalTask currentTask, Map<String, List<ApprovalAddSignTask>> rootAddSignMap, Map<String, ApprovalTask> signTaskMap) {
+		if (!rootAddSignMap.containsKey(currentTask.getId())) {
+			// 不存在加签链
+			return List.of(currentTask);
+		}
+		List<ApprovalAddSignTask> signTasks = rootAddSignMap.get(currentTask.getId());
+		Optional<ApprovalAddSignTask> rootNext = signTasks.stream().filter(signTask -> Strings.CS.equals(signTask.getSignTaskId(), currentTask.getId())).findFirst();
+		if (rootNext.isEmpty()) {
+			// 不存在加签链
+			return List.of(currentTask);
+		}
+		signTasks.sort(Comparator.comparing(ApprovalAddSignTask::getSort));
+		List<ApprovalTask> signChain = new ArrayList<>();
+		if (ApprovalAddSignType.valueOf(rootNext.get().getType()) == ApprovalAddSignType.BEFORE) {
+			// 下一个节点在基础节点之前
+			signChain.addAll(signTasks.stream().map(signTask -> signTaskMap.get(signTask.getTaskId())).toList());
+			signChain.addLast(currentTask);
+		} else {
+			// 下一个节点在基础节点之后
+			signChain.addFirst(currentTask);
+			signChain.addAll(signTasks.stream().map(signTask -> signTaskMap.get(signTask.getTaskId())).toList());
+		}
+		return signChain;
+	}
+
+	/**
+	 * 获取最终的节点顺序 (同一节点可能执行多轮)
+	 * @param tasks 节点待办
+	 * @param records 节点执行记录
+	 * @return 节点ID -> 最大轮次
+	 */
+	private Map<String, Integer> mergeNodeMaxRound(List<ApprovalTask> tasks, List<ApprovalRecord> records) {
+		// 待办中提取节点和最大轮次
+		Map<String, Integer> taskNodeMaxRoundMap = tasks.stream().collect(Collectors.toMap(ApprovalTask::getNodeId, ApprovalTask::getNodeRound, Math::max));
+		// 记录中提取节点和最大轮次
+		Map<String, Integer> recordNodeMaxRoundMap = records.stream().collect(Collectors.toMap(ApprovalRecord::getNodeId, ApprovalRecord::getNodeRound, Math::max));
+		// 合并节点集合, 按照最大轮次保留
+		Map<String, Integer> mergedMap = new HashMap<>(recordNodeMaxRoundMap);
+		taskNodeMaxRoundMap.forEach((nodeId, nodeRound) -> mergedMap.merge(nodeId, nodeRound, Math::max));
+		return mergedMap;
+	}
+
+	/**
+	 * 轮次节点的最终执行排序
+	 * 按照该节点的最大轮次中的最小创建时间来排序，早的在前面
+	 * @param nodeRoundMap 节点ID -> 最大轮次
+	 * @param tasks 所有待办
+	 * @param records 所有记录
+	 * @return 排序后的节点ID列表
+	 */
+	private List<String> sortNodeRoundMap(Map<String, Integer> nodeRoundMap, List<ApprovalTask> tasks, List<ApprovalRecord> records) {
+		// 找出每个节点最大轮次中的最小创建时间
+		Map<String, Long> nodeMinCreateTimeMap = new HashMap<>(nodeRoundMap.size());
+
+		// 从待办中找：筛选出每个节点最大轮次的待办，取最小创建时间
+		tasks.forEach(task -> {
+			Integer maxRound = nodeRoundMap.get(task.getNodeId());
+			if (task.getNodeRound() != null && task.getNodeRound().equals(maxRound)) {
+				nodeMinCreateTimeMap.merge(task.getNodeId(), task.getCreateTime(), Math::min);
+			}
+		});
+
+		// 从记录中找：筛选出每个节点最大轮次的记录，取最小创建时间
+		records.forEach(record -> {
+			Integer maxRound = nodeRoundMap.get(record.getNodeId());
+			if (record.getNodeRound() != null && record.getNodeRound().equals(maxRound)) {
+				nodeMinCreateTimeMap.merge(record.getNodeId(), record.getCreateTime(), Math::min);
+			}
+		});
+
+		// 按最小创建时间升序排序
+		return nodeMinCreateTimeMap.entrySet().stream()
+			.sorted(Map.Entry.comparingByValue())
+			.map(Map.Entry::getKey)
+			.collect(Collectors.toList());
+	}
+
+	/**
+	 * 处理任务节点信息
+	 * @param task 任务信息
+	 * @param taskRecordMap 记录信息
+	 * @param attachmentsMap 附件信息
+	 * @param simpleUserMap 用户信息集合
+	 * @return 任务节点信息
+	 */
+	private ApprovalTaskNode buildTaskNode(ApprovalTask task, Map<String, ApprovalRecord> taskRecordMap, Map<String, ApprovalAddSignTask> addSignTaskMapOfTask,
+										   Map<String, List<Attachment>> attachmentsMap, Map<String, UserSimple> simpleUserMap) {
+		ApprovalRecord record = taskRecordMap.get(task.getId());
+		ApprovalTaskNode taskNode = ApprovalTaskNode.builder().taskId(task.getId())
+				.sign(ApprovalTaskType.valueOf(task.getType()) == ApprovalTaskType.SN)
+				.approverId(task.getApproverId()).approvalStatus(task.getStatus()).build();
+		if (StringUtils.isNotBlank(task.getAction()) && ApprovalAction.valueOf(task.getAction()) == ApprovalAction.SIGN) {
+			taskNode.setSignAction(true);
+		}
+		if (addSignTaskMapOfTask.containsKey(task.getId()) && taskNode.isSign()) {
+			// 加签任务
+			taskNode.setSignComment(addSignTaskMapOfTask.get(task.getId()).getComment());
+			taskNode.setSignAttachments(attachmentsMap.getOrDefault(addSignTaskMapOfTask.get(task.getId()).getId(), Collections.emptyList()));
+		}
+		if (simpleUserMap.containsKey(task.getApproverId())) {
+			taskNode.setApprover(simpleUserMap.get(task.getApproverId()).getName());
+			taskNode.setApproverAvatar(simpleUserMap.get(task.getApproverId()).getAvatar());
+		}
+		if (record != null) {
+			taskNode.setComment(record.getComment());
+			taskNode.setAttachments(attachmentsMap.getOrDefault(record.getId(), Collections.emptyList()));
+			taskNode.setApprovalTime(record.getCreateTime());
+		}
+		return taskNode;
+	}
+
+	/**
+	 * 刷新最终实例状态
+	 *
+	 * @param instance     审批实例
+	 * @param currentUserId  当前用户ID
+	 */
+	public void rejectApprovalInstance(ApprovalInstance instance, String currentUserId) {
+		instance.setApprovalStatus(ApprovalStatus.UNAPPROVED.name());
+		instance.setApprovalTime(System.currentTimeMillis());
+		instance.setUpdateUser(currentUserId);
+		instance.setUpdateTime(System.currentTimeMillis());
+		approvalInstanceMapper.updateById(instance);
+	}
+
+	/**
+	 * 清除审批中的实例数据 (审批流删除时调用)
+	 * @param flowId 审批流ID
+	 */
+	public void clearApprovingInstanceOfFlow(String flowId) {
+		ApprovalFlowVersion versionCriteria = new ApprovalFlowVersion();
+		versionCriteria.setFlowId(flowId);
+		List<ApprovalFlowVersion> versions = flowVersionMapper.select(versionCriteria);
+		List<String> flowVersionIds = versions.stream().map(ApprovalFlowVersion::getId).toList();
+		// 筛选出审批中的实例
+		LambdaQueryWrapper<ApprovalInstance> instanceLambdaQueryWrapper = new LambdaQueryWrapper<ApprovalInstance>()
+				.in(ApprovalInstance::getFlowVersionId, flowVersionIds)
+				.eq(ApprovalInstance::getApprovalStatus, ApprovalStatus.APPROVING.name());
+		List<ApprovalInstance> instances = approvalInstanceMapper.selectListByLambda(instanceLambdaQueryWrapper);
+		instances.forEach(instance -> {
+			ApprovalResourceService resourceService = CommonBeanFactory.getBean(ApprovalResourceService.class);
+			if (resourceService != null) {
+				// 系统操作，不记录日志
+				resourceService.updateResourceApprovalStatus(FormKey.ofKey(instance.getType()), instance.getResourceId(), ApprovalStatus.NONE.name(), null, null);
+			}
+		});
+		approvalInstanceMapper.deleteByLambda(instanceLambdaQueryWrapper);
+		// 删除审批实例相关数据: 待办任务、加签任务、退回记录、执行记录、实例附件等
+		List<String> instanceIds = instances.stream().map(ApprovalInstance::getId).toList();
+		if (CollectionUtils.isEmpty(instanceIds)) {
+			return;
+		}
+		List<ApprovalTask> approvalTasks = approvalTaskMapper.selectListByLambda(new LambdaQueryWrapper<ApprovalTask>().in(ApprovalTask::getInstanceId, instanceIds));
+		List<String> taskIds = approvalTasks.stream().map(ApprovalTask::getId).toList();
+		if (CollectionUtils.isNotEmpty(taskIds)) {
+			approvalTaskMapper.deleteByIds(taskIds);
+			approvalAddSignTaskMapper.deleteByLambda(new LambdaQueryWrapper<ApprovalAddSignTask>().in(ApprovalAddSignTask::getTaskId, taskIds));
+			approvalReturnBackRecordMapper.deleteByLambda(new LambdaQueryWrapper<ApprovalReturnBackRecord>().in(ApprovalReturnBackRecord::getTaskId, taskIds));
+		}
+		if (CollectionUtils.isNotEmpty(taskIds)) {
+			approvalRecordMapper.deleteByLambda(new LambdaQueryWrapper<ApprovalRecord>().in(ApprovalRecord::getInstanceId, instanceIds));
+			List<ApprovalInstanceAttachment> instanceAttachments = approvalInstanceAttachmentMapper.selectListByLambda(new LambdaQueryWrapper<ApprovalInstanceAttachment>().in(ApprovalInstanceAttachment::getInstanceId, instanceIds));
+			if (CollectionUtils.isNotEmpty(instanceAttachments)) {
+				approvalInstanceAttachmentMapper.deleteByIds(instanceAttachments.stream().map(ApprovalInstanceAttachment::getId).toList());
+				List<String> attachmentIds = instanceAttachments.stream().map(ApprovalInstanceAttachment::getAttachmentId).toList();
+				attachmentIds.forEach(id -> attachmentService.delete(id));
+				if (CollectionUtils.isNotEmpty(attachmentIds)) {
+					attachmentMapper.deleteByIds(attachmentIds);
+				}
+			}
+		}
+	}
+
+	/**
+	 * 过滤出同一个节点内相同审批人最新的一条待办
+	 * @param nodeTasks 节点任务
+	 * @return 审批人最新的一条待办
+	 */
+	private List<ApprovalTask> filterNodeLatestTasks(List<ApprovalTask> nodeTasks) {
+		Map<String, ApprovalTask> taskMap = new HashMap<>(nodeTasks.size());
+		nodeTasks.forEach(nodeTask -> {
+			boolean exist = taskMap.containsKey(nodeTask.getApproverId());
+			if (!exist || nodeTask.getCreateTime() > taskMap.get(nodeTask.getApproverId()).getCreateTime()) {
+				taskMap.put(nodeTask.getApproverId(), nodeTask);
+			}
+		});
+		return taskMap.values().stream().sorted(Comparator.comparing(ApprovalTask::getCreateTime)).toList();
+	}
+
+	private ApprovalTaskNode buildAutoTaskNode() {
+		return ApprovalTaskNode.builder().taskId("auto").approverId("Cbot").approver("Cbot").build();
+	}
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/service/ApprovalResourceService.java b/backend/crm/src/main/java/cn/cordys/crm/approval/service/ApprovalResourceService.java
new file mode 100644
index 0000000..baaa949
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/service/ApprovalResourceService.java
@@ -0,0 +1,942 @@
+package cn.cordys.crm.approval.service;
+
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.dto.LogDTO;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.resolver.field.AbstractModuleFieldResolver;
+import cn.cordys.common.resolver.field.ModuleFieldResolverFactory;
+import cn.cordys.common.service.SSRFValidationService;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.approval.aspect.HitApprovalAspect;
+import cn.cordys.crm.approval.constants.ApprovalNodeTypeEnum;
+import cn.cordys.crm.approval.constants.ApprovalStatus;
+import cn.cordys.crm.approval.constants.ExecuteTimingEnum;
+import cn.cordys.crm.approval.domain.ApprovalFlow;
+import cn.cordys.crm.approval.domain.ApprovalInstance;
+import cn.cordys.crm.approval.domain.ApprovalRecord;
+import cn.cordys.crm.approval.domain.ApprovalTask;
+import cn.cordys.crm.approval.dto.*;
+import cn.cordys.crm.approval.dto.response.ApprovalNodeApproverResponse;
+import cn.cordys.crm.approval.dto.response.ApprovalNodeResponse;
+import cn.cordys.crm.approval.dto.response.ResourceApprovalResponse;
+import cn.cordys.crm.approval.handler.ApprovalResourceHandler;
+import cn.cordys.crm.approval.mapper.ExtApprovalInstanceMapper;
+import cn.cordys.crm.approval.mapper.ExtApprovalTaskMapper;
+import cn.cordys.crm.integration.common.utils.HttpClientUtils;
+import cn.cordys.crm.system.constants.FieldType;
+import cn.cordys.crm.system.domain.User;
+import cn.cordys.crm.system.dto.field.PriceSubField;
+import cn.cordys.crm.system.dto.field.ProductSubField;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.field.base.SubField;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.LogService;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import cn.cordys.security.UserApprovalDTO;
+import com.fasterxml.jackson.core.type.TypeReference;
+import com.fasterxml.jackson.databind.JsonNode;
+import com.fasterxml.jackson.databind.ObjectMapper;
+import com.fasterxml.jackson.databind.node.ObjectNode;
+import jakarta.annotation.PostConstruct;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.scheduling.annotation.Async;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.net.URLEncoder;
+import java.nio.charset.StandardCharsets;
+import java.util.*;
+import java.util.function.Function;
+import java.util.regex.Matcher;
+import java.util.regex.Pattern;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class ApprovalResourceService {
+
+    @Resource
+    private BaseMapper<ApprovalInstance> approvalInstanceMapper;
+    @Resource
+    private BaseMapper<ApprovalTask> approvalTaskMapper;
+    @Resource
+    private BaseMapper<ApprovalRecord> approvalRecordMapper;
+    @Resource
+    private BaseMapper<User> userMapper;
+    @Resource
+    private ExtApprovalInstanceMapper extApprovalInstanceMapper;
+    @Resource
+    private ExtApprovalTaskMapper extApprovalTaskMapper;
+    @Resource
+    private ApprovalFlowService approvalFlowService;
+    @Resource
+    private ApprovalInstanceService instanceService;
+    @Resource
+    private ApprovalActionService approvalActionService;
+    @Resource
+    private LogService logService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private SSRFValidationService ssrfValidationService;
+
+    @Resource
+    private List<ApprovalResourceHandler> approvalResourceHandlers;
+
+    @PostConstruct
+    private void initFormService() {
+        for (ApprovalResourceHandler handler : approvalResourceHandlers) {
+            FORM_SERVICE.put(handler.getFormKey(), handler);
+        }
+    }
+
+    /**
+     * 开启的审批流表单表格映射
+     */
+    public static final Map<String, String> FORM_APPROVAL_TABLE = new HashMap<>(4);
+    public static final Map<FormKey, ApprovalResourceHandler> FORM_SERVICE = new HashMap<>(4);
+    public static final String NULL_POST_CONFIG = "null";
+
+    static {
+        FORM_APPROVAL_TABLE.put(FormKey.QUOTATION.getKey(), "opportunity_quotation");
+        FORM_APPROVAL_TABLE.put(FormKey.CONTRACT.getKey(), "contract");
+        FORM_APPROVAL_TABLE.put(FormKey.INVOICE.getKey(), "contract_invoice");
+        FORM_APPROVAL_TABLE.put(FormKey.ORDER.getKey(), "sales_order");
+    }
+
+    public ResourceApprovalResponse resourceDetail(String resourceId) {
+        // 初始化响应对象，默认返回空审核人列表。
+        ResourceApprovalResponse response = new ResourceApprovalResponse();
+        response.setResourceId(resourceId);
+        response.setApproveUserList(Collections.emptyList());
+        if (StringUtils.isBlank(resourceId)) {
+            return response;
+        }
+
+        // 查询资源最近一次审批实例（由SQL保证倒序并限制1条）。
+        ApprovalInstance latestInstance = extApprovalTaskMapper.selectLatestInstanceByResourceId(resourceId);
+        if (latestInstance == null) {
+            return response;
+        }
+
+        // 设置审批状态并校验当前审批节点。
+        response.setApproveStatus(latestInstance.getApprovalStatus());
+        if (StringUtils.isBlank(latestInstance.getCurrentNodeId())) {
+            return response;
+        }
+
+        // 只查询当前实例当前节点对应的审批任务。
+        LambdaQueryWrapper<ApprovalTask> taskWrapper = new LambdaQueryWrapper<>();
+        taskWrapper.eq(ApprovalTask::getInstanceId, latestInstance.getId())
+                .eq(ApprovalTask::getStatus, ApprovalStatus.UNAPPROVED.name())
+                .eq(ApprovalTask::getNodeId, latestInstance.getCurrentNodeId());
+        List<ApprovalTask> tasks = approvalTaskMapper.selectListByLambda(taskWrapper);
+        LambdaQueryWrapper<ApprovalRecord> autoRecordWrapper = new LambdaQueryWrapper<>();
+        autoRecordWrapper.eq(ApprovalRecord::getInstanceId, latestInstance.getId())
+                .eq(ApprovalRecord::getNodeId, latestInstance.getCurrentNodeId());
+        List<ApprovalRecord> allRecords = approvalRecordMapper.selectListByLambda(autoRecordWrapper);
+        List<ApprovalRecord> autoRecords = allRecords.stream().filter(record -> StringUtils.isBlank(record.getTaskId())
+                && Strings.CI.equalsAny(record.getResult(), ApprovalStatus.AUTO_APPROVED.name(), ApprovalStatus.AUTO_UNAPPROVED.name())).toList();
+        if (tasks.isEmpty() && autoRecords.isEmpty()) {
+            return response;
+        }
+
+        // 批量加载审批人基础信息。
+        List<String> approverIds = tasks.stream()
+                .map(ApprovalTask::getApproverId)
+                .filter(StringUtils::isNotBlank)
+                .distinct()
+                .toList();
+        Map<String, User> userMap = approverIds.isEmpty()
+                ? Collections.emptyMap()
+                : userMapper.selectByIds(approverIds).stream()
+                .collect(Collectors.toMap(User::getId, Function.identity(), (prev, next) -> prev));
+
+        // 批量加载任务对应审批记录（用于审批意见）。
+        List<String> taskIds = tasks.stream()
+                .map(ApprovalTask::getId)
+                .filter(StringUtils::isNotBlank)
+                .toList();
+        Map<String, ApprovalRecord> taskRecordMap = Collections.emptyMap();
+        if (!taskIds.isEmpty()) {
+            LambdaQueryWrapper<ApprovalRecord> recordWrapper = new LambdaQueryWrapper<>();
+            recordWrapper.in(ApprovalRecord::getTaskId, taskIds)
+                    .orderByAsc(ApprovalRecord::getCreateTime);
+            List<ApprovalRecord> records = approvalRecordMapper.selectListByLambda(recordWrapper);
+            taskRecordMap = records.stream()
+                    .filter(record -> StringUtils.isNotBlank(record.getTaskId()))
+                    .collect(Collectors.toMap(ApprovalRecord::getTaskId, Function.identity(), (prev, next) -> next));
+        }
+
+        // 组装审核人明细并按审批人去重返回。
+        Map<String, UserApprovalDTO> approveUserMap = new LinkedHashMap<>();
+        for (ApprovalTask task : tasks) {
+            String approverId = task.getApproverId();
+            if (StringUtils.isBlank(approverId)) {
+                continue;
+            }
+            UserApprovalDTO userApprove = new UserApprovalDTO();
+            userApprove.setId(approverId);
+            User user = userMap.get(approverId);
+            if (user != null) {
+                userApprove.setName(user.getName());
+                userApprove.setEmail(user.getEmail());
+            }
+
+            userApprove.setApproveResult(StringUtils.defaultIfBlank(task.getStatus(), ApprovalStatus.PENDING.name()));
+            ApprovalRecord record = taskRecordMap.get(task.getId());
+            if (record != null) {
+                userApprove.setApproveReason(record.getComment());
+            }
+            approveUserMap.put(approverId, userApprove);
+        }
+
+        // 追加自动审批的节点
+        for (ApprovalRecord autoRecord : autoRecords) {
+            UserApprovalDTO userApprove = new UserApprovalDTO();
+            userApprove.setId("Cbot");
+            userApprove.setName("Cbot");
+            userApprove.setApproveResult(autoRecord.getResult());
+            approveUserMap.put("auto", userApprove);
+        }
+
+        // 回填最终审核人列表。
+        response.setApproveUserList(new ArrayList<>(approveUserMap.values()));
+        return response;
+    }
+
+    /**
+     * 更新业务表及快照的审批状态
+     *
+     * @param formKey        表单类型
+     * @param resourceId     资源ID
+     * @param approvalStatus 审批状态
+     * @param userId         操作人ID
+     * @param orgId          组织ID
+     */
+    public void updateResourceApprovalStatus(FormKey formKey, String resourceId, String approvalStatus, String userId, String orgId) {
+        if (formKey == null) {
+            throw new GenericException(Translator.get("module.form.illegal"));
+        }
+        String tableName = FORM_APPROVAL_TABLE.get(formKey.getKey());
+        if (StringUtils.isBlank(tableName)) {
+            throw new GenericException(Translator.get("module.form.illegal"));
+        }
+        // 查询旧的审批状态用于日志记录
+        String oldApprovalStatus = extApprovalInstanceMapper.selectApprovalStatus(tableName, resourceId);
+        if (Strings.CS.equals(approvalStatus, oldApprovalStatus)) {
+            return;
+        }
+        extApprovalInstanceMapper.updateApprovalStatus(tableName, resourceId, approvalStatus);
+        if (Strings.CS.equals(approvalStatus, ApprovalStatus.APPROVED.name())) {
+            extApprovalInstanceMapper.setApproved(tableName, resourceId);
+        }
+        // 存在快照表, 需要同步刷新审批状态
+        if (formKey.hasSnapshot()) {
+            updateSnapshotApprovalStatus(formKey, resourceId, approvalStatus);
+        }
+        // 记录审批状态变更日志
+        saveApprovalStatusLog(formKey, resourceId, oldApprovalStatus, approvalStatus, userId, orgId);
+    }
+
+    /**
+     * 保存审批状态变更日志
+     *
+     * @param formKey           表单类型
+     * @param resourceId        资源ID
+     * @param oldApprovalStatus 旧审批状态
+     * @param newApprovalStatus 新审批状态
+     * @param userId            操作人ID
+     * @param orgId             组织ID
+     */
+    private void saveApprovalStatusLog(FormKey formKey, String resourceId, String oldApprovalStatus, String newApprovalStatus, String userId, String orgId) {
+        if (StringUtils.isBlank(userId) || StringUtils.isBlank(orgId)) {
+            return;
+        }
+        String resourceName = getInstanceResourceName(formKey, resourceId);
+        if (StringUtils.isBlank(resourceName)) {
+            return;
+        }
+        String logModule = getLogModuleOfFormKey(formKey);
+        if (StringUtils.isBlank(logModule)) {
+            return;
+        }
+        LogDTO logDTO = new LogDTO(orgId, resourceId, userId, LogType.UPDATE, logModule, resourceName);
+        Map<String, String> oldMap = new HashMap<>(1);
+        oldMap.put("approvalStatus", StringUtils.defaultString(oldApprovalStatus));
+        logDTO.setOriginalValue(oldMap);
+        Map<String, String> newMap = new HashMap<>(1);
+        newMap.put("approvalStatus", StringUtils.defaultString(newApprovalStatus));
+        logDTO.setModifiedValue(newMap);
+        logService.add(logDTO);
+    }
+
+    /**
+     * 表单类型 => 日志模块
+     *
+     * @param formKey 表单Key
+     * @return 日志模块
+     */
+    private String getLogModuleOfFormKey(FormKey formKey) {
+        if (formKey == null) {
+            return null;
+        }
+        return switch (formKey) {
+            case QUOTATION -> LogModule.OPPORTUNITY_QUOTATION;
+            case CONTRACT -> LogModule.CONTRACT_INDEX;
+            case INVOICE -> LogModule.CONTRACT_INVOICE;
+            case ORDER -> LogModule.ORDER_INDEX;
+            default -> null;
+        };
+    }
+
+    /**
+     * 检查资源是否历史上审批通过过
+     *
+     * @param formKey    表单类型
+     * @param resourceId 资源ID
+     * @return 是否审批通过过
+     */
+    public boolean isResourceApproved(FormKey formKey, String resourceId) {
+        if (formKey == null) {
+            return false;
+        }
+        String tableName = FORM_APPROVAL_TABLE.get(formKey.getKey());
+        if (StringUtils.isBlank(tableName)) {
+            return false;
+        }
+        Boolean approved = extApprovalInstanceMapper.selectApproved(tableName, resourceId);
+        return Boolean.TRUE.equals(approved);
+    }
+
+    /**
+     * 获取审批实例资源名称
+     *
+     * @param formKey    表单类型
+     * @param resourceId 资源ID
+     */
+    public String getInstanceResourceName(FormKey formKey, String resourceId) {
+        if (formKey == null) {
+            throw new GenericException(Translator.get("module.form.illegal"));
+        }
+        String tableName = FORM_APPROVAL_TABLE.get(formKey.getKey());
+        if (StringUtils.isBlank(tableName)) {
+            throw new GenericException(Translator.get("module.form.illegal"));
+        }
+        return extApprovalInstanceMapper.selectBusinessName(tableName, resourceId);
+    }
+
+    /**
+     * 更新业务快照审批状态值
+     *
+     * @param formKey        表单类型
+     * @param resourceId     资源ID
+     * @param approvalStatus 审批状态
+     */
+    private void updateSnapshotApprovalStatus(FormKey formKey, String resourceId, String approvalStatus) {
+        if (formKey == null || !FORM_SERVICE.containsKey(formKey)) {
+            return;
+        }
+        try {
+            ApprovalResourceHandler handler = FORM_SERVICE.get(formKey);
+            ResourceSnapshotApprovalParam param = ResourceSnapshotApprovalParam.builder().resourceId(resourceId).approvalStatus(approvalStatus).build();
+            handler.updateSnapshotApprovalStatus(param);
+        } catch (Exception e) {
+            log.error("更新业务数据快照失败", e);
+        }
+    }
+
+	/**
+	 * 审批后置字段更新
+	 * @param formKey 表单Key
+	 * @param resourceId 资源ID
+	 * @param postConfig 后置配置
+	 */
+	public void updateApprovalPostField(FormKey formKey, String resourceId, String postConfig, String currentUserId) {
+		if (formKey == null || !FORM_SERVICE.containsKey(formKey)) {
+			return;
+		}
+		List<ResourceApprovalFieldUpdateParam> fields = getUpdateFieldOfPostConfig(postConfig);
+		fields = fields.stream().filter(ResourceApprovalFieldUpdateParam::isEnable).filter(f -> f.getFieldValue() != null).toList();
+		if (CollectionUtils.isEmpty(fields)) {
+			return;
+		}
+		try {
+			ApprovalResourceHandler handler = FORM_SERVICE.get(formKey);
+			ResourceApprovalPostUpdateParam postUpdateParam = ResourceApprovalPostUpdateParam.builder().fields(fields).resourceId(resourceId).operator(currentUserId).build();
+			handler.updateApprovalPostField(postUpdateParam);
+		} catch (Exception e) {
+			log.error("更新业务数据失败", e);
+		}
+	}
+
+    /**
+     * 获取审批流字段更新配置
+     *
+     * @param postConfig 配置
+     * @return 更新配置
+     */
+    private List<ResourceApprovalFieldUpdateParam> getUpdateFieldOfPostConfig(String postConfig) {
+        if (StringUtils.isBlank(postConfig) || Strings.CI.equals(NULL_POST_CONFIG, postConfig)) {
+            return new ArrayList<>();
+        }
+        Map<String, Object> postConfigMap = JSON.parseToMap(postConfig);
+        return JSON.parseArray(JSON.toJSONString(postConfigMap.get("fieldUpdateConfigs")), ResourceApprovalFieldUpdateParam.class);
+    }
+
+    /**
+     * 手动提审
+     *
+     * @param param 提审参数
+     */
+    public void push(ApprovalPushParam param) {
+        String currentOrgId = param.getOrgId();
+        String currentUserId = param.getUserId();
+        ApprovalFlow approvalFlow = approvalFlowService.getEnabledFlow(param.getFormKey(), currentOrgId);
+        if (approvalFlow == null) {
+            throw new GenericException(Translator.get("approval_flow.not.exist"));
+        }
+        // 初始化审批实例
+        ApprovalInstance instance = initInstance(approvalFlow, param);
+        // 获取第一个节点
+        ApprovalNodeResponse firstApprovalNode = approvalFlowService.getResourceApprovalInstanceFirstNode(instance, currentOrgId);
+        instance.setCurrentNodeId(firstApprovalNode.getId());
+        if (ApprovalNodeTypeEnum.valueOf(firstApprovalNode.getNodeType()) == ApprovalNodeTypeEnum.EXCEPTION) {
+            // 异常节点, 目前只有自动拒绝的场景, 直接驳回
+            updateResourceApprovalStatus(FormKey.ofKey(param.getFormKey()), param.getResourceId(), ApprovalStatus.UNAPPROVED.name(), currentUserId, currentOrgId);
+            instance.setApprovalStatus(ApprovalStatus.UNAPPROVED.name());
+            instance.setApprovalTime(System.currentTimeMillis());
+            approvalInstanceMapper.insert(instance);
+            return;
+        }
+        if (ApprovalNodeTypeEnum.valueOf(firstApprovalNode.getNodeType()) == ApprovalNodeTypeEnum.END) {
+            // 直接结束
+            updateResourceApprovalStatus(FormKey.ofKey(param.getFormKey()), param.getResourceId(), ApprovalStatus.APPROVED.name(), currentUserId, currentOrgId);
+            instance.setApprovalStatus(ApprovalStatus.APPROVED.name());
+            instance.setApprovalTime(System.currentTimeMillis());
+            approvalInstanceMapper.insert(instance);
+            // DELETE审批通过后，执行实际的删除操作
+            if (Strings.CI.equals(instance.getExecuteTime(), ExecuteTimingEnum.DELETE.name())) {
+                executeDeleteAction(instance.getType(), instance.getResourceId(), currentUserId, currentOrgId);
+            }
+            String resourceName = getInstanceResourceName(FormKey.ofKey(instance.getType()), instance.getResourceId());
+            if (StringUtils.isBlank(resourceName)) {
+                return;
+            }
+            approvalActionService.sendFinishNotice(instance, resourceName, currentUserId, currentOrgId);
+            return;
+        }
+        /*
+         * 正常审批流程
+         * 1. 更新业务表审批状态为审批中
+         * 2. 插入审批实例, 审批待办任务
+         */
+        updateResourceApprovalStatus(FormKey.ofKey(param.getFormKey()), param.getResourceId(), ApprovalStatus.APPROVING.name(), currentUserId, currentOrgId);
+        approvalInstanceMapper.insert(instance);
+        ApprovalNodeApproverResponse approverNode = (ApprovalNodeApproverResponse) firstApprovalNode;
+        approvalActionService.handlerNextNodeApproverTasks(approverNode, instance, null, currentUserId, null, currentOrgId);
+    }
+
+    /**
+     * 撤回审批
+     *
+     * @param param         参数
+     * @param currentUserId 当前用户ID
+     * @param currentOrgId  当前组织ID
+     */
+    public void revoke(ApprovalResourceBaseParam param, String currentUserId, String currentOrgId) {
+        // 更新业务资源审批状态
+        updateResourceApprovalStatus(FormKey.ofKey(param.getFormKey()), param.getResourceId(), ApprovalStatus.REVOKED.name(), currentUserId, currentOrgId);
+        // 更新审批实例状态
+        ApprovalInstance instance = instanceService.getLatestInstance(param.getResourceId());
+        if (instance == null) {
+            throw new GenericException(Translator.get("no.approval.instance"));
+        }
+        instance.setApprovalStatus(ApprovalStatus.REVOKED.name());
+        instance.setApprovalTime(System.currentTimeMillis());
+        instance.setUpdateUser(currentUserId);
+        instance.setUpdateTime(System.currentTimeMillis());
+        approvalInstanceMapper.updateById(instance);
+        approvalActionService.loseCurrentNode(instance.getId(), instance.getCurrentNodeId());
+    }
+
+    /**
+     * 初始化审批实例
+     *
+     * @param flow          审批流
+     * @param param         参数
+     * @return 审批实例
+     */
+    private ApprovalInstance initInstance(ApprovalFlow flow, ApprovalPushParam param) {
+        String currentUserId = param.getUserId();
+        ApprovalInstance instance = new ApprovalInstance();
+        instance.setId(IDGenerator.nextStr());
+        instance.setFlowVersionId(flow.getCurrentVersionId());
+        instance.setType(param.getFormKey());
+        instance.setApprovalStatus(ApprovalStatus.APPROVING.name());
+        instance.setResourceId(param.getResourceId());
+        instance.setSubmitterId(currentUserId);
+        instance.setSubmitTime(System.currentTimeMillis());
+        instance.setCreateUser(currentUserId);
+        instance.setCreateTime(System.currentTimeMillis());
+        instance.setUpdateUser(currentUserId);
+        instance.setUpdateTime(System.currentTimeMillis());
+        instance.setComment(param.getComment());
+        instance.setExecuteTime(param.getExecuteTimingEnum().name());
+        instance.setUpdateFields(param.getUpdateFields());
+        return instance;
+    }
+
+    /**
+     * DELETE审批通过后，执行实际的删除操作
+     *
+     * @param formType   表单类型
+     * @param resourceId 资源ID
+     * @param userId     操作人ID
+     * @param orgId      组织ID
+     */
+    public void executeDeleteAction(String formType, String resourceId, String userId, String orgId) {
+        FormKey formKey = FormKey.ofKey(formType);
+        if (formKey == null || !FORM_SERVICE.containsKey(formKey)) {
+            return;
+        }
+        ApprovalResourceHandler handler = FORM_SERVICE.get(formKey);
+        HitApprovalAspect.executeDeleteSkipApproval(() -> handler.deleteForResource(resourceId, userId, orgId));
+    }
+
+    /**
+     * 批量编辑触发审批流
+     * 用于批量编辑多个业务资源时，判断是否开启了编辑触发审批流，
+     * 如果资源历史上审批通过过，直接提审（UPDATE时机）；未通过过则设为待提审（CREATE时机）
+     *
+     * @param resourceIds    资源ID集合
+     * @param fieldId        字段ID
+     * @param formKey        业务模块（表单类型）
+     * @param organizationId 组织ID
+     * @param userId         操作人ID
+     * @param fieldName      字段显示名称
+     * @param fieldValue     字段值
+     */
+    public void batchEditTriggerApproval(List<String> resourceIds, String fieldId, FormKey formKey, String organizationId, String userId, String fieldName, Object fieldValue) {
+        if (CollectionUtils.isEmpty(resourceIds) || formKey == null || StringUtils.isBlank(organizationId)) {
+            return;
+        }
+
+        // 检查是否命中审批流
+        if (!checkHitApprovalFlowEditTrigger(formKey, organizationId)) {
+            return;
+        }
+
+        String valueName = fieldValue instanceof List ? JSON.toJSONString(fieldValue) : fieldValue.toString();
+        for (BaseField field : moduleFormCacheService.getConfig(formKey.getKey(), organizationId).getFields()) {
+            if (Strings.CS.equals(field.getId(), fieldId) || Strings.CS.equals(field.getBusinessKey(), fieldId)) {
+                AbstractModuleFieldResolver customFieldResolver = ModuleFieldResolverFactory.getResolver(field.getType());
+                // 将数据库中的字符串值,转换为对应的对象值
+                valueName = customFieldResolver.transformToValue(field, valueName).toString();
+            }
+        }
+
+        for (String resourceId : resourceIds) {
+            boolean approved = isResourceApproved(formKey, resourceId);
+            if (approved) {
+                // 已审批通过过：UPDATE时机，直接提审
+                ApprovalPushParam pushParam = ApprovalPushParam.builder()
+                        .orgId(organizationId)
+                        .userId(userId)
+                        .resourceId(resourceId)
+                        .formKey(formKey.getKey())
+                        .executeTimingEnum(ExecuteTimingEnum.UPDATE)
+                        .updateFields(JSON.toJSONString(List.of(fieldId)))
+                        .comment(Translator.getWithArgs("approval.update.field", fieldName, valueName))
+                        .build();
+                push(pushParam);
+            } else {
+                // 未审批通过过：CREATE时机，设为待提审
+                updateResourceApprovalStatus(formKey, resourceId, ApprovalStatus.PENDING.name(), userId, organizationId);
+            }
+        }
+    }
+
+    /**
+     * 批量删除触发审批流
+     * 用于批量删除多个业务资源时，判断是否开启了删除触发审批流，
+     * 如果开启则直接提审（DELETE时机），跳过待提审状态
+     *
+     * @param resourceIds    资源ID集合
+     * @param formKey        业务模块（表单类型）
+     * @param organizationId 组织ID
+     * @param userId         操作人ID
+     * @return 命中审批流的资源ID集合
+     */
+    public List<String> batchDeleteTriggerApproval(List<String> resourceIds, FormKey formKey, String organizationId, String userId, Map<String, String> resourceNameMap) {
+        if (CollectionUtils.isEmpty(resourceIds) || formKey == null || StringUtils.isBlank(organizationId)) {
+            return Collections.emptyList();
+        }
+
+        // 检查是否命中删除审批流
+        ApprovalFlow flow = approvalFlowService.getEnabledFlow(formKey.getKey(), organizationId);
+        if (flow == null || !Boolean.TRUE.equals(flow.getDeleteExecute())) {
+            return Collections.emptyList();
+        }
+
+        List<String> approvalResourceIds = new ArrayList<>();
+        for (String resourceId : resourceIds) {
+            ApprovalPushParam pushParam = ApprovalPushParam.builder()
+                    .orgId(organizationId)
+                    .userId(userId)
+                    .resourceId(resourceId)
+                    .formKey(formKey.getKey())
+                    .executeTimingEnum(ExecuteTimingEnum.DELETE)
+                    .comment(Translator.getWithArgs("approval.delete.resource", getFormKeyDisplayName(formKey), resourceNameMap.get(resourceId)))
+                    .build();
+            push(pushParam);
+            approvalResourceIds.add(resourceId);
+        }
+        return approvalResourceIds;
+    }
+
+    public String getFormKeyDisplayName(FormKey formKey) {
+        if (formKey == null) {
+            return "";
+        }
+        return switch (formKey) {
+            case QUOTATION -> Translator.get("module.resource_type.quotation");
+            case CONTRACT -> Translator.get("module.resource_type.contract");
+            case INVOICE -> Translator.get("module.resource_type.invoice");
+            case ORDER -> Translator.get("module.resource_type.order");
+            default -> "";
+        };
+    }
+
+    /**
+     * 检查是否命中审批流触发时机
+     *
+     * @param formKey        表单类型
+     * @param organizationId 组织ID
+     * @return 是否命中审批流
+     */
+    private boolean checkHitApprovalFlowEditTrigger(FormKey formKey, String organizationId) {
+        try {
+            // 查询当前组织表单审批流配置
+            ApprovalFlow flow = approvalFlowService.getEnabledFlow(formKey.getKey(), organizationId);
+            if (flow == null) {
+                return false;
+            }
+            return flow.getUpdateExecute();
+        } catch (Exception e) {
+            log.error("检查是否命中审批流失败, formKey:{}, error:{}", formKey, e.getMessage(), e);
+            return false;
+        }
+    }
+
+
+    /**
+     * 异步发送webhook
+     *
+     * @param postConfig
+     */
+    @Async
+    public void sendWebHook(String postConfig, List<BaseModuleFieldValue> fieldValues, ApprovalInstance instance) {
+        ModuleFormConfigDTO formConfig = moduleFormCacheService.getBusinessFormConfig(instance.getType(), OrganizationContext.getOrganizationId());
+        ObjectMapper mapper = new ObjectMapper();
+        WebHookConfig webHookConfig;
+        try {
+            webHookConfig = mapper.readTree(postConfig)
+                    .get("webHookConfig")
+                    .traverse(mapper)
+                    .readValueAs(WebHookConfig.class);
+        } catch (Exception e) {
+            throw new GenericException(e.getMessage());
+        }
+        if (webHookConfig != null && webHookConfig.getWebHookEnable()) {
+            switch (webHookConfig.getWebHookMethod()) {
+                case "POST":
+                    sendPost(webHookConfig, formConfig.getFields(), fieldValues, false);
+                case "GET":
+                    sendGet(webHookConfig, formConfig.getFields(), fieldValues, false);
+                default:
+                    break;
+            }
+        }
+    }
+
+
+    /**
+     * 发送get 请求
+     *
+     * @param webHookConfig
+     * @param moduleFields
+     * @param fieldValues
+     * @param isTest
+     * @return
+     */
+    private HashMap<String, Object> sendGet(WebHookConfig webHookConfig, List<BaseField> moduleFields, List<BaseModuleFieldValue> fieldValues, Boolean isTest) {
+        Map<String, String> headers = new HashMap<>();
+        String url = "";
+        try {
+            if (StringUtils.isNotBlank(webHookConfig.getWebHookHeader())) {
+                headers = JSON.parseMap(webHookConfig.getWebHookHeader());
+            }
+            if (!isTest) {
+                url = getDataParse(webHookConfig, moduleFields, fieldValues);
+            }
+            log.info("GET请求原始参数：{}", webHookConfig.getWebHookUrl());
+            log.info("GET请求解析参数：{}", url);
+            String body = HttpClientUtils.sendGetRequest(StringUtils.isNotBlank(url) ? url : webHookConfig.getWebHookUrl(), headers);
+            return JSON.parseObject(body, new TypeReference<HashMap<String, Object>>() {
+            });
+        } catch (Exception e) {
+            log.error("GET调用WebHook异常", e);
+            throw new GenericException(e.getMessage());
+        }
+    }
+
+    /**
+     * 解析get请求 url参数/query参数
+     *
+     * @param webHookConfig
+     * @param moduleFields
+     * @param fieldValues
+     * @return
+     */
+    private String getDataParse(WebHookConfig webHookConfig, List<BaseField> moduleFields, List<BaseModuleFieldValue> fieldValues) {
+        Pattern pattern = Pattern.compile("\\$\\{([^}]+)}");
+        Matcher matcher = pattern.matcher(webHookConfig.getWebHookUrl());
+        StringBuffer sb = new StringBuffer();
+        while (matcher.find()) {
+            String placeholder = matcher.group(1);
+            Object value = getFieldValueRecursive(
+                    placeholder.split("\\."),
+                    1,
+                    moduleFields,
+                    fieldValues
+            );
+
+            String param = URLEncoder.encode(String.valueOf(value), StandardCharsets.UTF_8);
+            matcher.appendReplacement(sb, Matcher.quoteReplacement(param));
+        }
+
+        matcher.appendTail(sb);
+        return sb.toString();
+
+
+    }
+
+
+    /**
+     * 发送post请求
+     *
+     * @param webHookConfig
+     * @param moduleFields
+     * @param fieldValues
+     * @param isTest
+     * @return
+     */
+    private HashMap<String, Object> sendPost(WebHookConfig webHookConfig, List<BaseField> moduleFields, List<BaseModuleFieldValue> fieldValues, Boolean isTest) {
+        Map<String, String> headers = new HashMap<>();
+        String queryBody = "";
+        try {
+            if (StringUtils.isNotBlank(webHookConfig.getWebHookHeader())) {
+                headers = JSON.parseMap(webHookConfig.getWebHookHeader());
+            }
+            if (!isTest) {
+                queryBody = postDataParse(webHookConfig, moduleFields, fieldValues);
+            }
+            log.info("POST请求原始参数：{}", webHookConfig.getWebHookBody());
+            log.info("POST请求解析参数：{}", queryBody);
+            String body = HttpClientUtils.sendPostRequest(webHookConfig.getWebHookUrl(), queryBody, headers);
+            return JSON.parseObject(body, new TypeReference<HashMap<String, Object>>() {
+            });
+        } catch (Exception e) {
+            log.error("POST调用WebHook异常：{}", e);
+            throw new GenericException(e.getMessage());
+        }
+    }
+
+    /**
+     * post请求体数据解析
+     *
+     * @param webHookConfig
+     * @param moduleFields
+     * @param fieldValues
+     * @throws Exception
+     */
+    private String postDataParse(WebHookConfig webHookConfig, List<BaseField> moduleFields, List<BaseModuleFieldValue> fieldValues) throws Exception {
+        String webHookBody = webHookConfig.getWebHookBody();
+        ObjectMapper mapper = new ObjectMapper();
+        JsonNode rootNode = mapper.readTree(webHookBody);
+        replacePlaceholders(rootNode, moduleFields, fieldValues);
+        String resultJson = mapper.writerWithDefaultPrettyPrinter().writeValueAsString(rootNode);
+        return resultJson;
+    }
+
+
+    /**
+     * 映射${aa.bb}具体值的类型
+     *
+     * @param node
+     * @param moduleFields
+     * @param fieldValues
+     */
+    private static void replacePlaceholders(JsonNode node, List<BaseField> moduleFields, List<BaseModuleFieldValue> fieldValues) {
+        if (node.isObject()) {
+            ObjectNode objNode = (ObjectNode) node;
+            Iterator<Map.Entry<String, JsonNode>> fields = objNode.fields();
+            while (fields.hasNext()) {
+                Map.Entry<String, JsonNode> entry = fields.next();
+                JsonNode childNode = entry.getValue();
+                if (childNode.isTextual()) {
+                    String text = childNode.asText();
+                    Object value = replaceText(text, moduleFields, fieldValues);
+                    if (value instanceof Integer) {
+                        objNode.put(entry.getKey(), (Integer) value);
+                    } else if (value instanceof Long) {
+                        objNode.put(entry.getKey(), (Long) value);
+                    } else if (value instanceof Boolean) {
+                        objNode.put(entry.getKey(), (Boolean) value);
+                    } else {
+                        objNode.put(entry.getKey(), String.valueOf(value));
+                    }
+                }
+            }
+        }
+    }
+
+
+    /**
+     * 获取${aa.bb}中的具体值并替换
+     *
+     * @param text
+     * @param moduleFields
+     * @param fieldValues
+     * @return
+     */
+    private static Object replaceText(String text, List<BaseField> moduleFields, List<BaseModuleFieldValue> fieldValues) {
+        Pattern pattern = Pattern.compile("\\$\\{([^}]+)\\}");
+        Matcher matcher = pattern.matcher(text);
+        while (matcher.find()) {
+            String placeholder = matcher.group(1);
+            String[] parts = placeholder.split("\\.");
+            return getFieldValueRecursive(parts, 1, moduleFields, fieldValues);
+        }
+        return null;
+    }
+
+
+    /**
+     * 递归获取${xx.xx}中的具体值
+     *
+     * @param parts
+     * @param index
+     * @param moduleFields
+     * @param fieldValues
+     * @return
+     */
+    private static Object getFieldValueRecursive(String[] parts, int index, List<BaseField> moduleFields, List<BaseModuleFieldValue> fieldValues) {
+        if (index >= parts.length || moduleFields == null || moduleFields.isEmpty()) {
+            return null;
+        }
+        String key = parts[index];
+        // 找到当前层级的字段
+        BaseField field = moduleFields.stream()
+                .filter(f -> Strings.CI.equals(f.getName(), key))
+                .findFirst()
+                .orElse(null);
+
+        if (field == null) {
+            return null;
+        }
+
+        // 如果还有下一层，递归去 subFields
+        if (index < parts.length - 1) {
+            SubField subField = Strings.CI.equals(field.getType(), FieldType.SUB_PRICE.name()) ? (PriceSubField) field : (ProductSubField) field;
+            BaseModuleFieldValue baseModuleFieldValue = fieldValues.stream().filter(baseField -> Strings.CI.equals(baseField.getFieldId(), subField.getId())).findFirst().orElse(null);
+            return getFieldValueRecursiveSub(parts, index + 1, subField.getSubFields(), baseModuleFieldValue);
+        } else {
+            // 最后一层，取对应 fieldValue
+            BaseModuleFieldValue moduleFieldValue;
+            if (field.hasBusinessKey()) {
+                moduleFieldValue = fieldValues.stream()
+                        .filter(fv -> Strings.CI.equals(fv.getFieldId(), field.getBusinessKey()))
+                        .findFirst().orElse(null);
+            } else {
+                moduleFieldValue = fieldValues.stream()
+                        .filter(fv -> Strings.CI.equals(fv.getFieldId(), field.getId()))
+                        .findFirst().orElse(null);
+            }
+            if (moduleFieldValue != null) {
+                return moduleFieldValue.getFieldValue();
+            }
+        }
+
+        return null;
+    }
+
+    private static Object getFieldValueRecursiveSub(String[] parts, int index, List<BaseField> subFields, BaseModuleFieldValue baseModuleFieldValue) {
+        if (baseModuleFieldValue == null) {
+            return null;
+        }
+        String key = parts[index];
+
+        // 找到当前层级的字段
+        BaseField field = subFields.stream()
+                .filter(f -> Strings.CI.equals(f.getName(), key))
+                .findFirst()
+                .orElse(null);
+
+        if (field == null) {
+            return null;
+        }
+
+        if (baseModuleFieldValue.getFieldValue() instanceof List<?> list) {
+            for (Object item : list) {
+                if (item instanceof Map<?, ?> map) {
+                    if (map.containsKey(field.getId())) {
+                        return map.get(field.getId());
+                    }
+                }
+            }
+        }
+        return null;
+    }
+
+    /**
+     * 测试连接
+     *
+     * @param webHookConfig
+     */
+    public void testConnect(WebHookConfig webHookConfig) {
+        if (webHookConfig != null && webHookConfig.getWebHookEnable()) {
+            HashMap<String, Object> resultObj = new HashMap<>();
+            // SSRF安全校验
+            ssrfValidationService.validate(webHookConfig.getWebHookUrl());
+            switch (webHookConfig.getWebHookMethod()) {
+                case "POST":
+                    resultObj = sendPost(webHookConfig, null, null, true);
+                    if (!Strings.CI.equals(resultObj.get("code").toString(), "200")) {
+                        throw new GenericException("测试连接不通过");
+                    }
+                case "GET":
+                    resultObj = sendGet(webHookConfig, null, null, true);
+                    if (!Strings.CI.equals(resultObj.get("code").toString(), "200")) {
+                        throw new GenericException("测试连接不通过");
+                    }
+                default:
+                    break;
+            }
+        }
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/approval/service/ApprovalTodoService.java b/backend/crm/src/main/java/cn/cordys/crm/approval/service/ApprovalTodoService.java
new file mode 100644
index 0000000..f691c0b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/approval/service/ApprovalTodoService.java
@@ -0,0 +1,388 @@
+package cn.cordys.crm.approval.service;
+
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.crm.approval.constants.ApprovalFormTypeEnum;
+import cn.cordys.crm.approval.constants.ApprovalState;
+import cn.cordys.crm.approval.domain.ApprovalInstance;
+import cn.cordys.crm.approval.domain.ApprovalTask;
+import cn.cordys.crm.approval.dto.request.ApprovalTodoPageRequest;
+import cn.cordys.crm.approval.dto.response.ApprovalTodoCountResponse;
+import cn.cordys.crm.approval.dto.response.ApprovalTodoItemResponse;
+import cn.cordys.crm.approval.mapper.ExtApprovalTaskMapper;
+import cn.cordys.crm.contract.domain.Contract;
+import cn.cordys.crm.contract.domain.ContractInvoice;
+import cn.cordys.crm.opportunity.domain.OpportunityQuotation;
+import cn.cordys.crm.order.domain.Order;
+import cn.cordys.crm.system.domain.User;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+
+import java.util.*;
+import java.util.function.Function;
+import java.util.stream.Collectors;
+
+@Service
+public class ApprovalTodoService {
+
+    @Resource
+    private BaseMapper<ApprovalTask> approvalTaskMapper;
+    @Resource
+    private BaseMapper<ApprovalInstance> approvalInstanceMapper;
+    @Resource
+    private BaseMapper<User> userMapper;
+    @Resource
+    private BaseMapper<OpportunityQuotation> quotationMapper;
+    @Resource
+    private BaseMapper<Contract> contractMapper;
+    @Resource
+    private BaseMapper<Order> orderMapper;
+    @Resource
+    private BaseMapper<ContractInvoice> invoiceMapper;
+    @Resource
+    private ExtApprovalTaskMapper extApprovalTaskMapper;
+
+    public Pager<List<ApprovalTodoItemResponse>> getTodoPage(ApprovalTodoPageRequest request, String userId) {
+        // 在未登录场景下直接返回空分页数据。
+        if (StringUtils.isBlank(userId)) {
+            return new Pager<>(Collections.<ApprovalTodoItemResponse>emptyList(), 0, request.getPageSize(), request.getCurrent());
+        }
+
+        // 解析资源类型过滤参数，支持 ALL 或具体类型。
+        ApprovalFormTypeEnum filterType = parseFilterType(request.getResourceType());
+        if (!isAllType(request.getResourceType()) && filterType == null) {
+            return new Pager<>(Collections.<ApprovalTodoItemResponse>emptyList(), 0, request.getPageSize(), request.getCurrent());
+        }
+
+        // 分页查询当前用户待审批任务，并在数据库侧按创建时间倒序返回。
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        List<ApprovalTodoItemResponse> items = extApprovalTaskMapper.selectPendingTasks(
+                userId,
+                ApprovalState.APPROVING.getId(),
+                filterType == null ? null : filterType.name().toLowerCase(),
+                StringUtils.trimToNull(request.getKeyword())
+        );
+        if (items.isEmpty()) {
+            return PageUtils.setPageInfo(page, Collections.<ApprovalTodoItemResponse>emptyList());
+        }
+
+        // 返回分页待办列表。
+        return PageUtils.setPageInfo(page, items);
+    }
+
+    public ApprovalTodoCountResponse getPendingCount(String userId) {
+        // 初始化统计响应对象并设置默认值。
+        ApprovalTodoCountResponse response = new ApprovalTodoCountResponse();
+        response.setTotal(0);
+        response.setQuotation(0);
+        response.setContract(0);
+        response.setOrder(0);
+        response.setInvoice(0);
+        // 未登录用户直接返回空统计。
+        if (StringUtils.isBlank(userId)) {
+            return response;
+        }
+        // 通过聚合SQL统计待我审批总数及资源类型分布。
+        ApprovalTodoCountResponse count = extApprovalTaskMapper.countPendingByApprover(userId, ApprovalState.APPROVING.getId());
+        if (count == null) {
+            return response;
+        }
+        response.setTotal(Optional.ofNullable(count.getTotal()).orElse(0));
+        response.setQuotation(Optional.ofNullable(count.getQuotation()).orElse(0));
+        response.setContract(Optional.ofNullable(count.getContract()).orElse(0));
+        response.setOrder(Optional.ofNullable(count.getOrder()).orElse(0));
+        response.setInvoice(Optional.ofNullable(count.getInvoice()).orElse(0));
+        return response;
+    }
+
+    public Pager<List<ApprovalTodoItemResponse>> getProcessedPage(ApprovalTodoPageRequest request, String userId) {
+        // 在未登录场景下直接返回空分页数据。
+        if (StringUtils.isBlank(userId)) {
+            return new Pager<>(Collections.<ApprovalTodoItemResponse>emptyList(), 0, request.getPageSize(), request.getCurrent());
+        }
+        // 解析资源类型过滤参数，支持 ALL 或具体类型。
+        ApprovalFormTypeEnum filterType = parseFilterType(request.getResourceType());
+        if (!isAllType(request.getResourceType()) && filterType == null) {
+            return new Pager<>(Collections.<ApprovalTodoItemResponse>emptyList(), 0, request.getPageSize(), request.getCurrent());
+        }
+        // 分页查询当前用户已处理任务，并按更新时间倒序返回最新处理记录。
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        String keyword = StringUtils.trimToNull(request.getKeyword());
+        List<ApprovalTodoItemResponse> items = extApprovalTaskMapper.selectProcessedTasks(
+                userId,
+                filterType == null ? null : filterType.name().toLowerCase(),
+                keyword
+        );
+        return PageUtils.setPageInfo(page, items);
+    }
+
+    public Pager<List<ApprovalTodoItemResponse>> getInitiatedPage(ApprovalTodoPageRequest request, String userId) {
+        // 在未登录场景下直接返回空分页数据。
+        if (StringUtils.isBlank(userId)) {
+            return new Pager<>(Collections.<ApprovalTodoItemResponse>emptyList(), 0, request.getPageSize(), request.getCurrent());
+        }
+        // 解析资源类型过滤参数，支持 ALL 或具体类型。
+        ApprovalFormTypeEnum filterType = parseFilterType(request.getResourceType());
+        if (!isAllType(request.getResourceType()) && filterType == null) {
+            return new Pager<>(Collections.<ApprovalTodoItemResponse>emptyList(), 0, request.getPageSize(), request.getCurrent());
+        }
+
+        // 分页查询当前用户发起的审批实例，并按更新时间倒序返回。
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        String keyword = StringUtils.trimToNull(request.getKeyword());
+        List<ApprovalTodoItemResponse> items = extApprovalTaskMapper.selectInitiatedTasks(
+                userId,
+                filterType == null ? null : filterType.name().toLowerCase(),
+                keyword
+        );
+        // 返回分页结果，分页元信息沿用 PageHelper 查询结果。
+        return PageUtils.setPageInfo(page, items);
+    }
+
+    public Pager<List<ApprovalTodoItemResponse>> getCcPage(ApprovalTodoPageRequest request, String userId) {
+        // 在未登录场景下直接返回空分页数据。
+        if (StringUtils.isBlank(userId)) {
+            return new Pager<>(Collections.<ApprovalTodoItemResponse>emptyList(), 0, request.getPageSize(), request.getCurrent());
+        }
+        // 解析资源类型过滤参数，支持 ALL 或具体类型。
+        ApprovalFormTypeEnum filterType = parseFilterType(request.getResourceType());
+        if (!isAllType(request.getResourceType()) && filterType == null) {
+            return new Pager<>(Collections.<ApprovalTodoItemResponse>emptyList(), 0, request.getPageSize(), request.getCurrent());
+        }
+
+        // 分页查询抄送给当前用户的任务记录，并按更新时间倒序返回。
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        String keyword = StringUtils.trimToNull(request.getKeyword());
+        List<ApprovalTodoItemResponse> items = extApprovalTaskMapper.selectCcTasks(
+                userId,
+                filterType == null ? null : filterType.name().toLowerCase(),
+                keyword
+        );
+        return PageUtils.setPageInfo(page, items);
+    }
+
+    public void deleteApprovalTaskByInstanceId(String approvalInstanceId) {
+        // 实例ID为空时不执行删除。
+        if (StringUtils.isBlank(approvalInstanceId)) {
+            return;
+        }
+        // 按审批实例ID删除审批任务。
+        approvalTaskMapper.deleteByLambda(new LambdaQueryWrapper<ApprovalTask>()
+                .eq(ApprovalTask::getInstanceId, approvalInstanceId));
+    }
+
+    public void deleteApprovalTaskByInstanceIds(List<String> approvalInstanceIds) {
+        // 实例ID集合为空时不执行删除。
+        if (approvalInstanceIds == null || approvalInstanceIds.isEmpty()) {
+            return;
+        }
+        // 过滤空白实例ID并批量删除审批任务。
+        List<String> validInstanceIds = approvalInstanceIds.stream()
+                .filter(StringUtils::isNotBlank)
+                .distinct()
+                .toList();
+        if (validInstanceIds.isEmpty()) {
+            return;
+        }
+        approvalTaskMapper.deleteByLambda(new LambdaQueryWrapper<ApprovalTask>()
+                .in(ApprovalTask::getInstanceId, validInstanceIds));
+    }
+
+    private Map<String, String> loadSubmitterNameMap(List<ApprovalInstance> instances) {
+        // 提取申请人ID并去重。
+        List<String> submitterIds = instances.stream()
+                .map(ApprovalInstance::getSubmitterId)
+                .filter(StringUtils::isNotBlank)
+                .distinct()
+                .toList();
+        if (submitterIds.isEmpty()) {
+            return Collections.emptyMap();
+        }
+        // 批量查询申请人名称映射。
+        return userMapper.selectByIds(submitterIds).stream()
+                .collect(Collectors.toMap(User::getId, User::getName, (prev, next) -> prev));
+    }
+
+    private Map<ApprovalFormTypeEnum, Map<String, String>> loadResourceNameMap(List<ApprovalInstance> instances) {
+        // 先按资源类型分组收集资源ID。
+        Map<ApprovalFormTypeEnum, List<String>> typeResourceIds = new EnumMap<>(ApprovalFormTypeEnum.class);
+        for (ApprovalInstance instance : instances) {
+            ApprovalFormTypeEnum formType = parseFormType(instance.getType());
+            if (formType == null || StringUtils.isBlank(instance.getResourceId())) {
+                continue;
+            }
+            typeResourceIds.computeIfAbsent(formType, key -> new ArrayList<>()).add(instance.getResourceId());
+        }
+
+        // 按类型批量查询名称并构造统一映射。
+        Map<ApprovalFormTypeEnum, Map<String, String>> resourceNameMap = new EnumMap<>(ApprovalFormTypeEnum.class);
+        typeResourceIds.forEach((formType, ids) -> {
+            List<String> distinctIds = ids.stream().distinct().toList();
+            switch (formType) {
+                case QUOTATION -> resourceNameMap.put(formType, quotationMapper.selectByIds(distinctIds).stream()
+                        .collect(Collectors.toMap(OpportunityQuotation::getId, OpportunityQuotation::getName, (prev, next) -> prev)));
+                case CONTRACT -> resourceNameMap.put(formType, contractMapper.selectByIds(distinctIds).stream()
+                        .collect(Collectors.toMap(Contract::getId, Contract::getName, (prev, next) -> prev)));
+                case ORDER -> resourceNameMap.put(formType, orderMapper.selectByIds(distinctIds).stream()
+                        .collect(Collectors.toMap(Order::getId, Order::getName, (prev, next) -> prev)));
+                case INVOICE -> resourceNameMap.put(formType, invoiceMapper.selectByIds(distinctIds).stream()
+                        .collect(Collectors.toMap(ContractInvoice::getId, ContractInvoice::getName, (prev, next) -> prev)));
+            }
+        });
+        return resourceNameMap;
+    }
+
+    private ApprovalFormTypeEnum parseFormType(String type) {
+        if (StringUtils.isBlank(type)) {
+            return null;
+        }
+        // 优先按枚举名匹配（如 QUOTATION/CONTRACT/ORDER/INVOICE）。
+        for (ApprovalFormTypeEnum formType : ApprovalFormTypeEnum.values()) {
+            if (Strings.CI.equals(formType.name(), type)) {
+                return formType;
+            }
+        }
+        // 兼容旧值或别名写法。
+        return switch (type.toLowerCase()) {
+            case "quote", "quotation" -> ApprovalFormTypeEnum.QUOTATION;
+            case "contract" -> ApprovalFormTypeEnum.CONTRACT;
+            case "order" -> ApprovalFormTypeEnum.ORDER;
+            case "invoice" -> ApprovalFormTypeEnum.INVOICE;
+            default -> null;
+        };
+    }
+
+    private boolean isAllType(String resourceType) {
+        return StringUtils.isBlank(resourceType) || Strings.CS.equals(resourceType, "ALL");
+    }
+
+    private ApprovalFormTypeEnum parseFilterType(String resourceType) {
+        if (isAllType(resourceType)) {
+            return null;
+        }
+        return parseFormType(resourceType);
+    }
+
+    private Set<String> loadInstanceIdsByResourceName(String resourceName) {
+        if (StringUtils.isBlank(resourceName)) {
+            return null;
+        }
+        // 按资源名称模糊匹配资源表，构造资源类型到资源ID的映射。
+        Map<ApprovalFormTypeEnum, List<String>> resourceIdsByType = new EnumMap<>(ApprovalFormTypeEnum.class);
+        LambdaQueryWrapper<OpportunityQuotation> quotationWrapper = new LambdaQueryWrapper<>();
+        quotationWrapper.like(OpportunityQuotation::getName, resourceName);
+        List<String> quotationIds = quotationMapper.selectListByLambda(quotationWrapper).stream()
+                .map(OpportunityQuotation::getId).filter(StringUtils::isNotBlank).toList();
+        if (!quotationIds.isEmpty()) {
+            resourceIdsByType.put(ApprovalFormTypeEnum.QUOTATION, quotationIds);
+        }
+        LambdaQueryWrapper<Contract> contractWrapper = new LambdaQueryWrapper<>();
+        contractWrapper.like(Contract::getName, resourceName);
+        List<String> contractIds = contractMapper.selectListByLambda(contractWrapper).stream()
+                .map(Contract::getId).filter(StringUtils::isNotBlank).toList();
+        if (!contractIds.isEmpty()) {
+            resourceIdsByType.put(ApprovalFormTypeEnum.CONTRACT, contractIds);
+        }
+        LambdaQueryWrapper<Order> orderWrapper = new LambdaQueryWrapper<>();
+        orderWrapper.like(Order::getName, resourceName);
+        List<String> orderIds = orderMapper.selectListByLambda(orderWrapper).stream()
+                .map(Order::getId).filter(StringUtils::isNotBlank).toList();
+        if (!orderIds.isEmpty()) {
+            resourceIdsByType.put(ApprovalFormTypeEnum.ORDER, orderIds);
+        }
+        LambdaQueryWrapper<ContractInvoice> invoiceWrapper = new LambdaQueryWrapper<>();
+        invoiceWrapper.like(ContractInvoice::getName, resourceName);
+        List<String> invoiceIds = invoiceMapper.selectListByLambda(invoiceWrapper).stream()
+                .map(ContractInvoice::getId).filter(StringUtils::isNotBlank).toList();
+        if (!invoiceIds.isEmpty()) {
+            resourceIdsByType.put(ApprovalFormTypeEnum.INVOICE, invoiceIds);
+        }
+        if (resourceIdsByType.isEmpty()) {
+            return Collections.emptySet();
+        }
+
+        // 按资源类型与资源ID反查审批实例ID。
+        Set<String> instanceIds = new HashSet<>();
+        resourceIdsByType.forEach((formType, resourceIds) -> {
+            List<String> aliases = switch (formType) {
+                case QUOTATION -> List.of("quotation", "quote");
+                case CONTRACT -> List.of("contract");
+                case ORDER -> List.of("order");
+                case INVOICE -> List.of("invoice");
+            };
+            LambdaQueryWrapper<ApprovalInstance> wrapper = new LambdaQueryWrapper<>();
+            wrapper.in(ApprovalInstance::getType, aliases)
+                    .in(ApprovalInstance::getResourceId, resourceIds);
+            instanceIds.addAll(approvalInstanceMapper.selectListByLambda(wrapper).stream()
+                    .map(ApprovalInstance::getId)
+                    .filter(StringUtils::isNotBlank)
+                    .toList());
+        });
+        return instanceIds;
+    }
+
+    private Pager<List<ApprovalTodoItemResponse>> buildTaskPageResult(Page<Object> page, List<ApprovalTask> tasks) {
+        // 无任务时直接返回空分页数据。
+        if (tasks.isEmpty()) {
+            return PageUtils.setPageInfo(page, Collections.<ApprovalTodoItemResponse>emptyList());
+        }
+
+        // 批量加载任务对应审批实例，避免循环查询实例数据。
+        List<String> instanceIds = tasks.stream()
+                .map(ApprovalTask::getInstanceId)
+                .filter(StringUtils::isNotBlank)
+                .distinct()
+                .toList();
+        Map<String, ApprovalInstance> instanceMap = approvalInstanceMapper.selectByIds(instanceIds).stream()
+                .collect(Collectors.toMap(ApprovalInstance::getId, Function.identity(), (prev, next) -> prev));
+        if (instanceMap.isEmpty()) {
+            return PageUtils.setPageInfo(page, Collections.<ApprovalTodoItemResponse>emptyList());
+        }
+
+        // 预加载申请人名称和资源名称映射，减少组装阶段的重复计算。
+        List<ApprovalInstance> instances = tasks.stream()
+                .map(task -> instanceMap.get(task.getInstanceId()))
+                .filter(Objects::nonNull)
+                .toList();
+        Map<String, String> submitterMap = loadSubmitterNameMap(instances);
+        Map<ApprovalFormTypeEnum, Map<String, String>> resourceNameMap = loadResourceNameMap(instances);
+
+        // 逐条组装审批任务分页结果并回填审批操作和数据结果字段。
+        List<ApprovalTodoItemResponse> list = new ArrayList<>(tasks.size());
+        for (ApprovalTask task : tasks) {
+            ApprovalInstance instance = instanceMap.get(task.getInstanceId());
+            if (instance == null) {
+                continue;
+            }
+            ApprovalFormTypeEnum formType = parseFormType(instance.getType());
+            if (formType == null) {
+                continue;
+            }
+            String resourceName = Optional.ofNullable(resourceNameMap.get(formType))
+                    .map(map -> map.get(instance.getResourceId()))
+                    .orElse(StringUtils.EMPTY);
+            ApprovalTodoItemResponse item = new ApprovalTodoItemResponse();
+            item.setResourceId(instance.getResourceId());
+            item.setResourceName(resourceName);
+            item.setResourceType(formType.name());
+            item.setApplicant(submitterMap.get(instance.getSubmitterId()));
+            item.setSubmitTime(instance.getSubmitTime());
+            item.setApprovalOperation(StringUtils.defaultIfBlank(task.getAction(), task.getStatus()));
+            item.setDataResult(instance.getApprovalStatus());
+            item.setApprovalTaskId(task.getId());
+            item.setApprovalNodeId(task.getNodeId());
+            item.setApprovalInstanceId(task.getInstanceId());
+            item.setApprovalId(task.getApproverId());
+            list.add(item);
+        }
+        // 返回分页结果，分页元信息沿用 PageHelper 查询结果。
+        return PageUtils.setPageInfo(page, list);
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/constants/ClueStatus.java b/backend/crm/src/main/java/cn/cordys/crm/clue/constants/ClueStatus.java
new file mode 100644
index 0000000..857cca8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/constants/ClueStatus.java
@@ -0,0 +1,56 @@
+package cn.cordys.crm.clue.constants;
+
+import org.apache.commons.lang3.Strings;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-03-11  15:53
+ */
+public enum ClueStatus {
+
+    /**
+     * 新建
+     */
+    NEW("NEW", "新建"),
+    /**
+     * 跟进中
+     */
+    FOLLOWING("FOLLOWING", "跟进中"),
+    /**
+     * 感兴趣
+     */
+    INTERESTED("INTERESTED", "感兴趣"),
+    /**
+     * 成功
+     */
+    SUCCESS("SUCCESS", "成功"),
+    /**
+     * 失败
+     */
+    FAIL("FAIL", "失败");
+
+    private final String key;
+    private final String name;
+
+    ClueStatus(String key, String name) {
+        this.key = key;
+        this.name = name;
+    }
+
+    public static String getByKey(String key) {
+        for (ClueStatus status : ClueStatus.values()) {
+            if (Strings.CS.equals(key, status.key)) {
+                return status.name;
+            }
+        }
+        return null;
+    }
+
+    public String getKey() {
+        return key;
+    }
+
+    public String getName() {
+        return name;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/controller/ClueCapacityController.java b/backend/crm/src/main/java/cn/cordys/crm/clue/controller/ClueCapacityController.java
new file mode 100644
index 0000000..b221518
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/controller/ClueCapacityController.java
@@ -0,0 +1,54 @@
+package cn.cordys.crm.clue.controller;
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.clue.dto.ClueCapacityDTO;
+import cn.cordys.crm.clue.service.ClueCapacityService;
+import cn.cordys.crm.system.dto.request.CapacityAddRequest;
+import cn.cordys.crm.system.dto.request.CapacityUpdateRequest;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@RestController
+@RequestMapping("/lead-capacity")
+@Tag(name = "线索库容设置")
+public class ClueCapacityController {
+
+    @Resource
+    private ClueCapacityService clueCapacityService;
+
+    @GetMapping("/get")
+    @Operation(summary = "获取线索库容设置")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public List<ClueCapacityDTO> list() {
+        return clueCapacityService.list(OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/add")
+    @Operation(summary = "添加线索库容设置")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void add(@Validated @RequestBody CapacityAddRequest request) {
+        clueCapacityService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/update")
+    @Operation(summary = "修改线索库容设置")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void update(@Validated @RequestBody CapacityUpdateRequest request) {
+        clueCapacityService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/delete/{id}")
+    @Operation(summary = "删除线索库容设置")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void delete(@PathVariable("id") @Validated String id) {
+        clueCapacityService.delete(id);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/controller/ClueController.java b/backend/crm/src/main/java/cn/cordys/crm/clue/controller/ClueController.java
new file mode 100644
index 0000000..dea95b8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/controller/ClueController.java
@@ -0,0 +1,239 @@
+package cn.cordys.crm.clue.controller;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.FormKeyConstants;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.ChartAnalysisRequest;
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.common.dto.ExportSelectRequest;
+import cn.cordys.common.dto.ResourceTabEnableDTO;
+import cn.cordys.common.dto.chart.ChartResult;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.permission.CsBatchPermission;
+import cn.cordys.common.permission.CsPermission;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.clue.domain.Clue;
+import cn.cordys.crm.clue.dto.request.*;
+import cn.cordys.crm.clue.dto.response.ClueGetResponse;
+import cn.cordys.crm.clue.dto.response.ClueListResponse;
+import cn.cordys.crm.clue.service.ClueExportService;
+import cn.cordys.crm.clue.service.ClueService;
+import cn.cordys.crm.customer.dto.request.BatchReTransitionCustomerRequest;
+import cn.cordys.crm.customer.dto.request.ClueTransformRequest;
+import cn.cordys.crm.customer.dto.request.CustomerPageRequest;
+import cn.cordys.crm.customer.dto.response.CustomerListResponse;
+import cn.cordys.crm.customer.service.CustomerService;
+import cn.cordys.crm.system.dto.request.BatchPoolReasonRequest;
+import cn.cordys.crm.system.dto.request.PoolReasonRequest;
+import cn.cordys.crm.system.dto.request.ResourceBatchEditRequest;
+import cn.cordys.crm.system.dto.response.BatchAffectResponse;
+import cn.cordys.crm.system.dto.response.ImportResponse;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import jakarta.servlet.http.HttpServletResponse;
+import jakarta.validation.constraints.NotNull;
+import org.apache.shiro.authz.annotation.Logical;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.context.i18n.LocaleContextHolder;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+import org.springframework.web.multipart.MultipartFile;
+
+import java.util.List;
+
+/**
+ * @author song-cc-rock
+ */
+@RestController
+@Tag(name = "线索")
+@RequestMapping("/lead")
+public class ClueController {
+
+    @Resource
+    private ClueService clueService;
+    @Resource
+    private ClueExportService clueExportService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private DataScopeService dataScopeService;
+    @Resource
+    private CustomerService customerService;
+
+    @GetMapping("/module/form")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_READ, PermissionConstants.CLUE_MANAGEMENT_POOL_READ}, logical = Logical.OR)
+    @Operation(summary = "获取表单配置")
+    public ModuleFormConfigDTO getModuleFormConfig() {
+        return moduleFormCacheService.getBusinessFormConfig(FormKey.CLUE.getKey(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/page")
+    @CsPermission(PermissionConstants.CLUE_MANAGEMENT_READ)
+    @Operation(summary = "线索列表")
+    public PagerWithOption<List<ClueListResponse>> list(@Validated @RequestBody CluePageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.CLUE.getKey());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.CLUE_MANAGEMENT_READ);
+        return clueService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission, false);
+    }
+
+    @GetMapping("/get/{id}")
+    @CsPermission(value = PermissionConstants.CLUE_MANAGEMENT_READ, resourceId = "{#id}", formType = FormKeyConstants.CLUE)
+    @Operation(summary = "线索详情")
+    public ClueGetResponse get(@PathVariable String id) {
+        return clueService.get(id);
+    }
+
+    @PostMapping("/add")
+    @CsPermission(PermissionConstants.CLUE_MANAGEMENT_ADD)
+    @Operation(summary = "添加线索")
+    public Clue add(@Validated @RequestBody ClueAddRequest request) {
+        return clueService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/update")
+    @CsPermission(value = PermissionConstants.CLUE_MANAGEMENT_UPDATE, resourceId = "{#request.id}", formType = FormKeyConstants.CLUE)
+    @Operation(summary = "更新线索")
+    public Clue update(@Validated @RequestBody ClueUpdateRequest request) {
+        return clueService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/status/update")
+    @CsPermission(value = PermissionConstants.CLUE_MANAGEMENT_UPDATE, resourceId = "{#request.id}", formType = FormKeyConstants.CLUE)
+    @Operation(summary = "更新线索状态")
+    public void updateStatus(@Validated @RequestBody ClueStatusUpdateRequest request) {
+        clueService.updateStatus(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/delete/{id}")
+    @CsPermission(value = PermissionConstants.CLUE_MANAGEMENT_DELETE, resourceId = "{#id}", formType = FormKeyConstants.CLUE)
+    @Operation(summary = "删除线索")
+    public void delete(@PathVariable String id) {
+        clueService.delete(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/transition/account")
+    @CsPermission(PermissionConstants.CUSTOMER_MANAGEMENT_ADD)
+    @Operation(summary = "转为客户")
+    public void transitionCustomer(@Validated @RequestBody ClueTransitionCustomerRequest request) {
+        clueService.transitionCustomer(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/batch/transfer")
+    @CsBatchPermission(value = PermissionConstants.CLUE_MANAGEMENT_TRANSFER, resourceId = "{#request.ids}", formType = FormKeyConstants.CLUE)
+    @Operation(summary = "批量转移线索")
+    public void batchTransfer(@RequestBody ClueBatchTransferRequest request) {
+        clueService.batchTransfer(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/batch/update")
+    @CsBatchPermission(value = PermissionConstants.CLUE_MANAGEMENT_UPDATE, resourceId = "{#request.ids}", formType = FormKeyConstants.CLUE)
+    @Operation(summary = "批量更新线索")
+    public void batchUpdate(@Validated @RequestBody ResourceBatchEditRequest request) {
+        clueService.batchUpdate(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/batch/delete")
+    @CsBatchPermission(value = PermissionConstants.CLUE_MANAGEMENT_DELETE, resourceId = "{#ids}", formType = FormKeyConstants.CLUE)
+    @Operation(summary = "批量删除线索")
+    public void batchDelete(@RequestBody @NotNull List<String> ids) {
+        clueService.batchDelete(ids, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/batch/to-pool")
+    @CsBatchPermission(value = PermissionConstants.CLUE_MANAGEMENT_RECYCLE, resourceId = "{#request.ids}", formType = FormKeyConstants.CLUE)
+    @Operation(summary = "批量移入线索池")
+    public BatchAffectResponse batchToPool(@RequestBody BatchPoolReasonRequest request) {
+        return clueService.batchToPool(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/to-pool")
+    @CsPermission(value = PermissionConstants.CUSTOMER_MANAGEMENT_RECYCLE, resourceId = "{#request.id}", formType = FormKeyConstants.CLUE)
+    @Operation(summary = "移入线索池")
+    public BatchAffectResponse toPool(@Validated @RequestBody PoolReasonRequest request) {
+        return clueService.toPool(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/tab")
+    @CsPermission(PermissionConstants.CLUE_MANAGEMENT_READ)
+    @Operation(summary = "所有线索和部门线索tab是否显示")
+    public ResourceTabEnableDTO getTabEnableConfig() {
+        return clueService.getTabEnableConfig(SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/export")
+    @CsPermission(PermissionConstants.CLUE_MANAGEMENT_EXPORT)
+    @Operation(summary = "导出全部")
+    public String exportAll(@Validated @RequestBody ClueExportRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.CLUE.getKey());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.CLUE_MANAGEMENT_READ);
+        return clueExportService.exportAll(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission, LocaleContextHolder.getLocale());
+    }
+
+    @PostMapping("/export-select")
+    @CsBatchPermission(value = PermissionConstants.CLUE_MANAGEMENT_EXPORT, resourceId = "{#request.ids}", formType = FormKeyConstants.CLUE)
+    @Operation(summary = "导出选中")
+    public String exportSelect(@Validated @RequestBody ExportSelectRequest request) {
+        return clueExportService.exportSelect(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), LocaleContextHolder.getLocale());
+    }
+
+    @PostMapping("/transition/account/page")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_READ, PermissionConstants.CUSTOMER_MANAGEMENT_READ}, logical = Logical.AND)
+    @Operation(summary = "客户转移分页查询")
+    public PagerWithOption<List<CustomerListResponse>> transitionCustomerPage(@Validated @RequestBody CustomerPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.CUSTOMER.getKey());
+        return customerService.transitionList(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/re-transition/account")
+    @CsBatchPermission(value = PermissionConstants.CLUE_MANAGEMENT_UPDATE, resourceId = "{#request.clueIds}", formType = FormKeyConstants.CLUE)
+    @Operation(summary = "批量关联已有客户")
+    public void batchTransition(@Validated @RequestBody BatchReTransitionCustomerRequest request) {
+        clueService.batchTransition(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/transform")
+    @CsPermission(value = PermissionConstants.CLUE_MANAGEMENT_UPDATE, resourceId = "{#request.clueId}", formType = FormKeyConstants.CLUE)
+    @Operation(summary = "转换")
+    public String transform(@Validated @RequestBody ClueTransformRequest request) {
+        return clueService.transform(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/template/download")
+    @CsPermission(PermissionConstants.CLUE_MANAGEMENT_IMPORT)
+    @Operation(summary = "下载导入模板")
+    public void downloadImportTpl(HttpServletResponse response) {
+        clueService.downloadImportTpl(response, OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/import/pre-check")
+    @Operation(summary = "导入检查")
+    @CsPermission(PermissionConstants.CLUE_MANAGEMENT_IMPORT)
+    public ImportResponse preCheck(@RequestPart(value = "file") MultipartFile file) {
+        return clueService.importPreCheck(file, OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/import")
+    @Operation(summary = "导入")
+    @CsPermission(PermissionConstants.CLUE_MANAGEMENT_IMPORT)
+    public ImportResponse realImport(@RequestPart(value = "file") MultipartFile file) {
+        return clueService.realImport(file, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+    @PostMapping("/chart")
+    @CsPermission(PermissionConstants.CLUE_MANAGEMENT_READ)
+    @Operation(summary = "客户图表生成")
+    public List<ChartResult> chart(@Validated @RequestBody ChartAnalysisRequest request) {
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.CLUE_MANAGEMENT_READ);
+        return clueService.chart(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/controller/ClueFollowPlanController.java b/backend/crm/src/main/java/cn/cordys/crm/clue/controller/ClueFollowPlanController.java
new file mode 100644
index 0000000..2ef9186
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/controller/ClueFollowPlanController.java
@@ -0,0 +1,91 @@
+package cn.cordys.crm.clue.controller;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.FormKeyConstants;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.permission.CsPermission;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.follow.domain.FollowUpPlan;
+import cn.cordys.crm.follow.dto.CustomerDataDTO;
+import cn.cordys.crm.follow.dto.request.FollowUpPlanAddRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpPlanPageRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpPlanStatusRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpPlanUpdateRequest;
+import cn.cordys.crm.follow.dto.response.FollowUpPlanDetailResponse;
+import cn.cordys.crm.follow.dto.response.FollowUpPlanListResponse;
+import cn.cordys.crm.follow.service.FollowUpPlanService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "线索跟进计划")
+@RestController
+@RequestMapping("/lead/follow/plan")
+public class ClueFollowPlanController {
+
+    @Resource
+    private FollowUpPlanService followUpPlanService;
+
+    @PostMapping("/add")
+    @CsPermission(PermissionConstants.CLUE_MANAGEMENT_UPDATE)
+    @Operation(summary = "添加线索跟进计划")
+    public FollowUpPlan add(@Validated @RequestBody FollowUpPlanAddRequest request) {
+        return followUpPlanService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/update")
+    @CsPermission(value = PermissionConstants.CLUE_MANAGEMENT_UPDATE, resourceId = "{#request.id}", formType = FormKeyConstants.FOLLOW_PLAN)
+    @Operation(summary = "更新线索跟进计划")
+    public FollowUpPlan update(@Validated @RequestBody FollowUpPlanUpdateRequest request) {
+        return followUpPlanService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/page")
+    @CsPermission(PermissionConstants.CLUE_MANAGEMENT_READ)
+    @Operation(summary = "线索跟进计划列表")
+    public PagerWithOption<List<FollowUpPlanListResponse>> list(@Validated @RequestBody FollowUpPlanPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.FOLLOW_PLAN.getKey());
+        return followUpPlanService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), "CLUE", "CLUE");
+    }
+
+
+    @GetMapping("/get/{id}")
+    @CsPermission(value = PermissionConstants.CLUE_MANAGEMENT_READ, resourceId = "{#id}", formType = FormKeyConstants.FOLLOW_PLAN)
+    @Operation(summary = "线索跟进计划详情")
+    public FollowUpPlanDetailResponse get(@PathVariable String id) {
+        return followUpPlanService.get(id, OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/cancel/{id}")
+    @CsPermission(value = PermissionConstants.CLUE_MANAGEMENT_UPDATE, resourceId = "{#id}", formType = FormKeyConstants.FOLLOW_PLAN)
+    @Operation(summary = "取消线索跟进计划")
+    public void cancelPlan(@PathVariable String id) {
+        followUpPlanService.cancelPlan(id, SessionUtils.getUserId());
+    }
+
+
+    @GetMapping("/delete/{id}")
+    @Operation(summary = "线索删除跟进计划")
+    @CsPermission(value = PermissionConstants.CLUE_MANAGEMENT_UPDATE, resourceId = "{#id}", formType = FormKeyConstants.FOLLOW_PLAN)
+    public void deletePlan(@PathVariable String id) {
+        followUpPlanService.delete(id);
+    }
+
+
+    @PostMapping("/status/update")
+    @CsPermission(value = PermissionConstants.CLUE_MANAGEMENT_UPDATE, resourceId = "{#request.id}", formType = FormKeyConstants.FOLLOW_PLAN)
+    @Operation(summary = "线索更新跟进计划状态")
+    public void updateStatus(@Validated @RequestBody FollowUpPlanStatusRequest request) {
+        followUpPlanService.updateStatus(request, SessionUtils.getUserId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/controller/ClueFollowRecordController.java b/backend/crm/src/main/java/cn/cordys/crm/clue/controller/ClueFollowRecordController.java
new file mode 100644
index 0000000..1c3b40d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/controller/ClueFollowRecordController.java
@@ -0,0 +1,82 @@
+package cn.cordys.crm.clue.controller;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.FormKeyConstants;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.permission.CsPermission;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.follow.domain.FollowUpRecord;
+import cn.cordys.crm.follow.dto.request.FollowUpRecordAddRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpRecordPageRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpRecordUpdateRequest;
+import cn.cordys.crm.follow.dto.response.FollowUpRecordDetailResponse;
+import cn.cordys.crm.follow.dto.response.FollowUpRecordListResponse;
+import cn.cordys.crm.follow.service.FollowUpRecordService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.Logical;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "线索跟进记录")
+@RestController
+@RequestMapping("/lead/follow/record")
+public class ClueFollowRecordController {
+
+    @Resource
+    private FollowUpRecordService followUpRecordService;
+
+    @PostMapping("/add")
+    @CsPermission(PermissionConstants.CLUE_MANAGEMENT_UPDATE)
+    @Operation(summary = "添加线索跟进记录")
+    public FollowUpRecord add(@Validated @RequestBody FollowUpRecordAddRequest request) {
+        return followUpRecordService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/update")
+    @CsPermission(value = PermissionConstants.CLUE_MANAGEMENT_UPDATE, resourceId = "{#request.id}", formType = FormKeyConstants.FOLLOW_RECORD)
+    @Operation(summary = "更新线索跟进记录")
+    public FollowUpRecord update(@Validated @RequestBody FollowUpRecordUpdateRequest request) {
+        return followUpRecordService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/pool/page")
+    @RequiresPermissions(PermissionConstants.CLUE_MANAGEMENT_POOL_READ)
+    @Operation(summary = "线索池跟进记录列表")
+    public PagerWithOption<List<FollowUpRecordListResponse>> poolList(@Validated @RequestBody FollowUpRecordPageRequest request) {
+        return followUpRecordService.poolList(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), "CLUE", "CLUE");
+    }
+
+    @PostMapping("/page")
+    @RequiresPermissions(PermissionConstants.CLUE_MANAGEMENT_READ)
+    @Operation(summary = "线索跟进记录列表")
+    public PagerWithOption<List<FollowUpRecordListResponse>> list(@Validated @RequestBody FollowUpRecordPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.FOLLOW_RECORD.getKey());
+        return followUpRecordService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), "CLUE", "CLUE");
+    }
+
+
+    @GetMapping("/get/{id}")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_READ, PermissionConstants.CLUE_MANAGEMENT_POOL_READ}, logical = Logical.OR)
+    @Operation(summary = "线索跟进记录详情")
+    public FollowUpRecordDetailResponse get(@PathVariable String id) {
+        return followUpRecordService.get(id, OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/delete/{id}")
+    @Operation(summary = "线索删除跟进记录")
+    @CsPermission(value = PermissionConstants.CLUE_MANAGEMENT_UPDATE, resourceId = "{#id}", formType = FormKeyConstants.FOLLOW_RECORD)
+    public void deleteRecord(@PathVariable String id) {
+        followUpRecordService.delete(id);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/controller/ClueOwnerHistoryController.java b/backend/crm/src/main/java/cn/cordys/crm/clue/controller/ClueOwnerHistoryController.java
new file mode 100644
index 0000000..2df772e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/controller/ClueOwnerHistoryController.java
@@ -0,0 +1,36 @@
+package cn.cordys.crm.clue.controller;
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.clue.dto.response.ClueOwnerListResponse;
+import cn.cordys.crm.clue.service.ClueOwnerHistoryService;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.Logical;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RestController;
+
+import java.util.List;
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 17:42:41
+ */
+@Tag(name = "线索责任人历史")
+@RestController
+@RequestMapping("/lead/owner/history")
+public class ClueOwnerHistoryController {
+    @Resource
+    private ClueOwnerHistoryService clueOwnerHistoryService;
+
+    @GetMapping("/list/{clueId}")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_READ, PermissionConstants.CLUE_MANAGEMENT_POOL_READ}, logical = Logical.OR)
+    @Operation(summary = "线索责任人历史列表")
+    public List<ClueOwnerListResponse> list(@PathVariable String clueId) {
+        return clueOwnerHistoryService.list(clueId, OrganizationContext.getOrganizationId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/controller/CluePoolController.java b/backend/crm/src/main/java/cn/cordys/crm/clue/controller/CluePoolController.java
new file mode 100644
index 0000000..296e956
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/controller/CluePoolController.java
@@ -0,0 +1,80 @@
+package cn.cordys.crm.clue.controller;
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.clue.dto.CluePoolDTO;
+import cn.cordys.crm.clue.dto.request.CluePoolAddRequest;
+import cn.cordys.crm.clue.dto.request.CluePoolUpdateRequest;
+import cn.cordys.crm.clue.service.CluePoolService;
+import cn.cordys.security.SessionUtils;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@RestController
+@RequestMapping("/lead-pool")
+@Tag(name = "线索池设置")
+public class CluePoolController {
+
+    @Resource
+    private CluePoolService cluePoolService;
+
+    @PostMapping("/page")
+    @Operation(summary = "分页获取线索池")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public Pager<List<CluePoolDTO>> page(@Validated @RequestBody BasePageRequest request) {
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        return PageUtils.setPageInfo(page, cluePoolService.page(request, OrganizationContext.getOrganizationId()));
+    }
+
+    @PostMapping("/add")
+    @Operation(summary = "新增线索池")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void add(@Validated @RequestBody CluePoolAddRequest request) {
+        cluePoolService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/update")
+    @Operation(summary = "编辑线索池")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void update(@Validated @RequestBody CluePoolUpdateRequest request) {
+        cluePoolService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/quick-update")
+    @Operation(summary = "快捷保存线索池")
+    public void quickUpdate(@Validated @RequestBody CluePoolUpdateRequest request) {
+        cluePoolService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/no-pick/{id}")
+    @Operation(summary = "线索池是否存在未领取线索")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public boolean checkNoPick(@PathVariable String id) {
+        return cluePoolService.checkNoPick(id);
+    }
+
+    @GetMapping("/delete/{id}")
+    @Operation(summary = "删除线索池")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void delete(@PathVariable String id) {
+        cluePoolService.delete(id);
+    }
+
+    @GetMapping("/switch/{id}")
+    @Operation(summary = "启用/禁用线索池")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void switchStatus(@PathVariable String id) {
+        cluePoolService.switchStatus(id, SessionUtils.getUserId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/controller/ClueUserViewController.java b/backend/crm/src/main/java/cn/cordys/crm/clue/controller/ClueUserViewController.java
new file mode 100644
index 0000000..52953a7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/controller/ClueUserViewController.java
@@ -0,0 +1,95 @@
+package cn.cordys.crm.clue.controller;
+
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.request.PosRequest;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.constants.UserViewResourceType;
+import cn.cordys.crm.system.domain.UserView;
+import cn.cordys.crm.system.dto.request.UserViewAddRequest;
+import cn.cordys.crm.system.dto.request.UserViewUpdateRequest;
+import cn.cordys.crm.system.dto.response.UserViewListResponse;
+import cn.cordys.crm.system.dto.response.UserViewResponse;
+import cn.cordys.crm.system.service.UserViewService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "线索视图")
+@RestController
+@RequestMapping("/lead/view")
+public class ClueUserViewController {
+
+    @Resource
+    private UserViewService userViewService;
+
+
+    @PostMapping("/add")
+    @RequiresPermissions(PermissionConstants.CLUE_MANAGEMENT_READ)
+    @Operation(summary = "添加线索视图")
+    public UserView add(@Validated @RequestBody UserViewAddRequest request) {
+        return userViewService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), UserViewResourceType.CLUE.name());
+    }
+
+
+    @PostMapping("/update")
+    @RequiresPermissions(PermissionConstants.CLUE_MANAGEMENT_READ)
+    @Operation(summary = "编辑线索视图")
+    public UserView update(@Validated @RequestBody UserViewUpdateRequest request) {
+        return userViewService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/delete/{id}")
+    @RequiresPermissions(PermissionConstants.CLUE_MANAGEMENT_READ)
+    @Operation(summary = "删除线索视图")
+    public void delete(@PathVariable String id) {
+        userViewService.delete(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/detail/{id}")
+    @RequiresPermissions(PermissionConstants.CLUE_MANAGEMENT_READ)
+    @Operation(summary = "线索视图详情")
+    public UserViewResponse viewDetail(@PathVariable String id) {
+        return userViewService.getViewDetail(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), FormKey.CLUE.getKey());
+    }
+
+
+    @GetMapping("/list")
+    @RequiresPermissions(PermissionConstants.CLUE_MANAGEMENT_READ)
+    @Operation(summary = "线索视图列表")
+    public List<UserViewListResponse> queryList() {
+        return userViewService.list(UserViewResourceType.CLUE.name(), SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/fixed/{id}")
+    @RequiresPermissions(PermissionConstants.CLUE_MANAGEMENT_READ)
+    @Operation(summary = "线索视图固定/取消固定")
+    public void fixed(@PathVariable String id) {
+        userViewService.fixed(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/edit/pos")
+    @Operation(summary = "线索视图-拖拽排序")
+    @RequiresPermissions(PermissionConstants.CLUE_MANAGEMENT_READ)
+    public void editPos(@Validated @RequestBody PosRequest request) {
+        userViewService.editPos(request, SessionUtils.getUserId(), UserViewResourceType.CLUE.name());
+    }
+
+
+    @GetMapping("/enable/{id}")
+    @RequiresPermissions(PermissionConstants.CLUE_MANAGEMENT_READ)
+    @Operation(summary = "线索视图-启用/禁用")
+    public void enable(@PathVariable String id) {
+        userViewService.enable(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/controller/PoolClueController.java b/backend/crm/src/main/java/cn/cordys/crm/clue/controller/PoolClueController.java
new file mode 100644
index 0000000..65b0128
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/controller/PoolClueController.java
@@ -0,0 +1,140 @@
+package cn.cordys.crm.clue.controller;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.ExportSelectRequest;
+import cn.cordys.common.dto.chart.ChartResult;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.clue.dto.CluePoolDTO;
+import cn.cordys.crm.clue.dto.request.ClueExportRequest;
+import cn.cordys.crm.clue.dto.request.CluePageRequest;
+import cn.cordys.crm.clue.dto.request.PoolClueAssignRequest;
+import cn.cordys.crm.clue.dto.request.PoolCluePickRequest;
+import cn.cordys.crm.clue.dto.response.ClueGetResponse;
+import cn.cordys.crm.clue.dto.response.ClueListResponse;
+import cn.cordys.crm.clue.service.CluePoolExportService;
+import cn.cordys.crm.clue.service.ClueService;
+import cn.cordys.crm.clue.service.PoolClueService;
+import cn.cordys.crm.customer.dto.request.PoolClueChartAnalysisRequest;
+import cn.cordys.crm.system.dto.request.PoolBatchAssignRequest;
+import cn.cordys.crm.system.dto.request.PoolBatchPickRequest;
+import cn.cordys.crm.system.dto.request.ResourceBatchEditRequest;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import jakarta.validation.constraints.NotEmpty;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.context.i18n.LocaleContextHolder;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "线索池")
+@RestController
+@RequestMapping("/pool/lead")
+public class PoolClueController {
+
+    @Resource
+    private PoolClueService poolClueService;
+    @Resource
+    private ClueService clueService;
+    @Resource
+    private CluePoolExportService cluePoolExportService;
+
+    @GetMapping("/options")
+    @Operation(summary = "获取当前用户线索池选项")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_POOL_READ})
+    public List<CluePoolDTO> getPoolOptions() {
+        return poolClueService.getPoolOptions(SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/page")
+    @Operation(summary = "线索列表")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_POOL_READ})
+    public PagerWithOption<List<ClueListResponse>> list(@Validated @RequestBody CluePageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.CLUE.getKey());
+        return clueService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), null, false);
+    }
+
+    @PostMapping("/pick")
+    @Operation(summary = "领取线索")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_POOL_PICK})
+    public void pick(@Validated @RequestBody PoolCluePickRequest request) {
+        poolClueService.pick(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/assign")
+    @Operation(summary = "分配线索")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_POOL_ASSIGN})
+    public void assign(@Validated @RequestBody PoolClueAssignRequest request) {
+        poolClueService.assign(request.getClueId(), request.getAssignUserId(), OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+    @GetMapping("/delete/{id}")
+    @Operation(summary = "删除线索")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_POOL_DELETE})
+    public void delete(@PathVariable String id) {
+        poolClueService.delete(id);
+    }
+
+    @GetMapping("/get/{id}")
+    @RequiresPermissions(PermissionConstants.CLUE_MANAGEMENT_POOL_READ)
+    @Operation(summary = "线索详情")
+    public ClueGetResponse get(@PathVariable String id) {
+        return clueService.get(id);
+    }
+
+    @PostMapping("/batch-pick")
+    @Operation(summary = "批量领取线索")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_POOL_PICK})
+    public void batchPick(@Validated @RequestBody PoolBatchPickRequest request) {
+        poolClueService.batchPick(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/batch-assign")
+    @Operation(summary = "批量分配线索")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_POOL_ASSIGN})
+    public void batchAssign(@Validated @RequestBody PoolBatchAssignRequest request) {
+        poolClueService.batchAssign(request, request.getAssignUserId(), OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+    @PostMapping("/batch-update")
+    @RequiresPermissions(PermissionConstants.CLUE_MANAGEMENT_POOL_UPDATE)
+    @Operation(summary = "批量更新线索")
+    public void batchUpdate(@Validated @RequestBody ResourceBatchEditRequest request) {
+        poolClueService.batchUpdate(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/batch-delete")
+    @Operation(summary = "批量删除线索")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_POOL_DELETE})
+    public void batchDelete(@RequestBody @NotEmpty List<String> ids) {
+        poolClueService.batchDelete(ids, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/export-all")
+    @RequiresPermissions(PermissionConstants.CLUE_MANAGEMENT_POOL_EXPORT)
+    @Operation(summary = "导出全部")
+    public String exportAll(@Validated @RequestBody ClueExportRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.CLUE.getKey());
+        return cluePoolExportService.exportCrossPage(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), null, LocaleContextHolder.getLocale());
+    }
+
+    @PostMapping("/export-select")
+    @RequiresPermissions(PermissionConstants.CLUE_MANAGEMENT_POOL_EXPORT)
+    @Operation(summary = "导出选中")
+    public String exportSelect(@Validated @RequestBody ExportSelectRequest request) {
+        return cluePoolExportService.exportSelect(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), LocaleContextHolder.getLocale());
+    }
+
+    @PostMapping("/chart")
+    @RequiresPermissions(PermissionConstants.CLUE_MANAGEMENT_POOL_READ)
+    @Operation(summary = "客户图表生成")
+    public List<ChartResult> chart(@Validated @RequestBody PoolClueChartAnalysisRequest request) {
+        return cluePoolExportService.chart(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), null);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/controller/PoolClueUserViewController.java b/backend/crm/src/main/java/cn/cordys/crm/clue/controller/PoolClueUserViewController.java
new file mode 100644
index 0000000..508b8d8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/controller/PoolClueUserViewController.java
@@ -0,0 +1,94 @@
+package cn.cordys.crm.clue.controller;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.request.PosRequest;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.constants.UserViewResourceType;
+import cn.cordys.crm.system.domain.UserView;
+import cn.cordys.crm.system.dto.request.UserViewAddRequest;
+import cn.cordys.crm.system.dto.request.UserViewUpdateRequest;
+import cn.cordys.crm.system.dto.response.UserViewListResponse;
+import cn.cordys.crm.system.dto.response.UserViewResponse;
+import cn.cordys.crm.system.service.UserViewService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "线索池视图")
+@RestController
+@RequestMapping("/pool/lead/view")
+public class PoolClueUserViewController {
+
+    @Resource
+    private UserViewService userViewService;
+
+
+    @PostMapping("/add")
+    @RequiresPermissions(PermissionConstants.CLUE_MANAGEMENT_POOL_READ)
+    @Operation(summary = "添加线索池视图")
+    public UserView add(@Validated @RequestBody UserViewAddRequest request) {
+        return userViewService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), UserViewResourceType.CLUE_POOL.name());
+    }
+
+
+    @PostMapping("/update")
+    @RequiresPermissions(PermissionConstants.CLUE_MANAGEMENT_POOL_READ)
+    @Operation(summary = "编辑线索池视图")
+    public UserView update(@Validated @RequestBody UserViewUpdateRequest request) {
+        return userViewService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/delete/{id}")
+    @RequiresPermissions(PermissionConstants.CLUE_MANAGEMENT_POOL_READ)
+    @Operation(summary = "删除线索池视图")
+    public void delete(@PathVariable String id) {
+        userViewService.delete(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/detail/{id}")
+    @RequiresPermissions(PermissionConstants.CLUE_MANAGEMENT_POOL_READ)
+    @Operation(summary = "线索池视图详情")
+    public UserViewResponse viewDetail(@PathVariable String id) {
+        return userViewService.getViewDetail(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), FormKey.CLUE.getKey());
+    }
+
+
+    @GetMapping("/list")
+    @RequiresPermissions(PermissionConstants.CLUE_MANAGEMENT_POOL_READ)
+    @Operation(summary = "线索池视图列表")
+    public List<UserViewListResponse> queryList() {
+        return userViewService.list(UserViewResourceType.CLUE_POOL.name(), SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/fixed/{id}")
+    @RequiresPermissions(PermissionConstants.CLUE_MANAGEMENT_POOL_READ)
+    @Operation(summary = "线索池视图固定/取消固定")
+    public void fixed(@PathVariable String id) {
+        userViewService.fixed(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/edit/pos")
+    @Operation(summary = "线索池视图-拖拽排序")
+    @RequiresPermissions(PermissionConstants.CLUE_MANAGEMENT_POOL_READ)
+    public void editPos(@Validated @RequestBody PosRequest request) {
+        userViewService.editPos(request, SessionUtils.getUserId(), UserViewResourceType.CLUE_POOL.name());
+    }
+
+
+    @GetMapping("/enable/{id}")
+    @RequiresPermissions(PermissionConstants.CLUE_MANAGEMENT_POOL_READ)
+    @Operation(summary = "线索池视图-启用/禁用")
+    public void enable(@PathVariable String id) {
+        userViewService.enable(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/domain/Clue.java b/backend/crm/src/main/java/cn/cordys/crm/clue/domain/Clue.java
new file mode 100644
index 0000000..64cd1a4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/domain/Clue.java
@@ -0,0 +1,68 @@
+package cn.cordys.crm.clue.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+import java.util.List;
+
+
+/**
+ * 线索
+ *
+ * @author jianxing
+ * @date 2025-03-10 11:57:28
+ */
+@Data
+@Table(name = "clue")
+public class Clue extends BaseModel {
+
+    @Schema(description = "客户名称")
+    private String name;
+
+    @Schema(description = "负责人")
+    private String owner;
+
+    @Schema(description = "阶段")
+    private String stage;
+
+    @Schema(description = "上次修改前的线索阶段")
+    private String lastStage;
+
+    @Schema(description = "联系人名称")
+    private String contact;
+
+    @Schema(description = "联系人电话")
+    private String phone;
+
+    @Schema(description = "意向产品id")
+    private List<String> products;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+
+    @Schema(description = "创建时间")
+    private Long collectionTime;
+
+    @Schema(description = "是否在线索池")
+    private Boolean inSharedPool;
+
+    @Schema(description = "转移成客户或者线索")
+    private String transitionType;
+
+    @Schema(description = "客户id或者线索id")
+    private String transitionId;
+
+    @Schema(description = "最新跟进人")
+    private String follower;
+
+    @Schema(description = "最新跟进时间")
+    private Long followTime;
+
+    @Schema(description = "线索池ID")
+    private String poolId;
+
+    @Schema(description = "线索池原因ID")
+    private String reasonId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/domain/ClueCapacity.java b/backend/crm/src/main/java/cn/cordys/crm/clue/domain/ClueCapacity.java
new file mode 100644
index 0000000..37d79f5
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/domain/ClueCapacity.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.clue.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "clue_capacity")
+public class ClueCapacity extends BaseModel {
+
+    @Schema(description = "组织ID")
+    private String organizationId;
+
+    @Schema(description = "范围ID")
+    private String scopeId;
+
+    @Schema(description = "库容")
+    private Integer capacity;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/domain/ClueField.java b/backend/crm/src/main/java/cn/cordys/crm/clue/domain/ClueField.java
new file mode 100644
index 0000000..5779676
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/domain/ClueField.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.clue.domain;
+
+import cn.cordys.common.domain.BaseResourceField;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+/**
+ * 线索自定义属性
+ *
+ * @author jianxing
+ * @date 2025-02-10 18:12:46
+ */
+@Data
+@Table(name = "clue_field")
+public class ClueField extends BaseResourceField {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/domain/ClueFieldBlob.java b/backend/crm/src/main/java/cn/cordys/crm/clue/domain/ClueFieldBlob.java
new file mode 100644
index 0000000..e2de441
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/domain/ClueFieldBlob.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.clue.domain;
+
+import cn.cordys.common.domain.BaseResourceField;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+/**
+ * 线索自定义属性大文本
+ *
+ * @author jianxing
+ * @date 2025-02-27 14:43:46
+ */
+@Data
+@Table(name = "clue_field_blob")
+public class ClueFieldBlob extends BaseResourceField {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/domain/ClueOwner.java b/backend/crm/src/main/java/cn/cordys/crm/clue/domain/ClueOwner.java
new file mode 100644
index 0000000..1a57315
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/domain/ClueOwner.java
@@ -0,0 +1,38 @@
+package cn.cordys.crm.clue.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+/**
+ * 线索历史责任人
+ *
+ * @author jianxing
+ * @date 2025-03-12 15:46:27
+ */
+@Data
+@Table(name = "clue_owner")
+public class ClueOwner {
+
+    @Schema(description = "id")
+    private String id;
+
+    @Schema(description = "线索id")
+    private String clueId;
+
+    @Schema(description = "责任人")
+    private String owner;
+
+    @Schema(description = "领取时间")
+    private Long collectionTime;
+
+    @Schema(description = "结束时间")
+    private Long endTime;
+
+    @Schema(description = "操作人")
+    private String operator;
+
+    @Schema(description = "线索池原因ID")
+    private String reasonId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/domain/CluePool.java b/backend/crm/src/main/java/cn/cordys/crm/clue/domain/CluePool.java
new file mode 100644
index 0000000..172ecad
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/domain/CluePool.java
@@ -0,0 +1,29 @@
+package cn.cordys.crm.clue.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "clue_pool")
+public class CluePool extends BaseModel {
+
+    @Schema(description = "线索池名称")
+    private String name;
+
+    @Schema(description = "成员ID")
+    private String scopeId;
+
+    @Schema(description = "组织ID")
+    private String organizationId;
+
+    @Schema(description = "管理员ID")
+    private String ownerId;
+
+    @Schema(description = "启用/禁用")
+    private Boolean enable;
+
+    @Schema(description = "自动回收")
+    private Boolean auto;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/domain/CluePoolHiddenField.java b/backend/crm/src/main/java/cn/cordys/crm/clue/domain/CluePoolHiddenField.java
new file mode 100644
index 0000000..5a9c2ff
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/domain/CluePoolHiddenField.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.clue.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "clue_pool_hidden_field")
+public class CluePoolHiddenField {
+
+    @Schema(description = "线索池ID")
+    private String poolId;
+
+    @Schema(description = "字段ID")
+    private String fieldId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/domain/CluePoolPickRule.java b/backend/crm/src/main/java/cn/cordys/crm/clue/domain/CluePoolPickRule.java
new file mode 100644
index 0000000..e9f240b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/domain/CluePoolPickRule.java
@@ -0,0 +1,32 @@
+package cn.cordys.crm.clue.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "clue_pool_pick_rule")
+public class CluePoolPickRule extends BaseModel {
+
+    @Schema(description = "线索池ID")
+    private String poolId;
+
+    @Schema(description = "是否限制每日领取数量")
+    private Boolean limitOnNumber;
+
+    @Schema(description = "领取数量")
+    private Integer pickNumber;
+
+    @Schema(description = "是否限制前归属人领取")
+    private Boolean limitPreOwner;
+
+    @Schema(description = "领取间隔天数")
+    private Integer pickIntervalDays;
+
+    @Schema(description = "是否限制新数据")
+    private Boolean limitNew;
+
+    @Schema(description = "新数据领取间隔")
+    private Integer newPickInterval;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/domain/CluePoolRecycleRule.java b/backend/crm/src/main/java/cn/cordys/crm/clue/domain/CluePoolRecycleRule.java
new file mode 100644
index 0000000..f2f2779
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/domain/CluePoolRecycleRule.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.clue.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "clue_pool_recycle_rule")
+public class CluePoolRecycleRule extends BaseModel {
+
+    @Schema(description = "线索池ID")
+    private String poolId;
+
+    @Schema(description = "操作符")
+    private String operator;
+
+    @Schema(description = "回收条件")
+    private String condition;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/dto/ClueCapacityDTO.java b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/ClueCapacityDTO.java
new file mode 100644
index 0000000..bf4b28c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/ClueCapacityDTO.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.clue.dto;
+
+import cn.cordys.crm.clue.domain.ClueCapacity;
+import cn.cordys.crm.system.dto.ScopeNameDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class ClueCapacityDTO extends ClueCapacity {
+
+    @Schema(description = "成员集合")
+    private List<ScopeNameDTO> members;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/dto/ClueFollowDTO.java b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/ClueFollowDTO.java
new file mode 100644
index 0000000..b5ee509
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/ClueFollowDTO.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.clue.dto;
+
+import lombok.AllArgsConstructor;
+import lombok.Builder;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+@Data
+@Builder
+@NoArgsConstructor
+@AllArgsConstructor
+public class ClueFollowDTO {
+
+	/**
+	 * 最新跟进人
+	 */
+	private String follower;
+	/**
+	 * 最新跟进时间
+	 */
+	private Long followerTime;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/dto/CluePoolDTO.java b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/CluePoolDTO.java
new file mode 100644
index 0000000..406b981
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/CluePoolDTO.java
@@ -0,0 +1,30 @@
+package cn.cordys.crm.clue.dto;
+
+import cn.cordys.crm.clue.domain.CluePool;
+import cn.cordys.crm.system.dto.ScopeNameDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class CluePoolDTO extends CluePool {
+
+    @Schema(description = "成员集合")
+    private List<ScopeNameDTO> members;
+    @Schema(description = "管理员集合")
+    private List<ScopeNameDTO> owners;
+    @Schema(description = "创建人名称")
+    private String createUserName;
+    @Schema(description = "更新人名称")
+    private String updateUserName;
+    @Schema(description = "领取规则")
+    private CluePoolPickRuleDTO pickRule;
+    @Schema(description = "回收规则")
+    private CluePoolRecycleRuleDTO recycleRule;
+    @Schema(description = "字段配置")
+    private List<CluePoolFieldConfigDTO> fieldConfigs;
+
+    @Schema(description = "是否可编辑")
+    private Boolean editable;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/dto/CluePoolFieldConfigDTO.java b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/CluePoolFieldConfigDTO.java
new file mode 100644
index 0000000..b15d67b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/CluePoolFieldConfigDTO.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.clue.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class CluePoolFieldConfigDTO {
+    @Schema(description = "字段ID")
+    private String fieldId;
+    @Schema(description = "字段名称")
+    private String fieldName;
+    @Schema(description = "是否启用")
+    private Boolean enable;
+    @Schema(description = "是否可编辑")
+    private Boolean editable;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/dto/CluePoolPickRuleDTO.java b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/CluePoolPickRuleDTO.java
new file mode 100644
index 0000000..36e9a63
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/CluePoolPickRuleDTO.java
@@ -0,0 +1,36 @@
+package cn.cordys.crm.clue.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotNull;
+import lombok.AllArgsConstructor;
+import lombok.Builder;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+@Data
+@Builder
+@NoArgsConstructor
+@AllArgsConstructor
+public class CluePoolPickRuleDTO {
+
+    @NotNull
+    @Schema(description = "是否限制领取数量")
+    private Boolean limitOnNumber;
+
+    @Schema(description = "领取数量")
+    private Integer pickNumber;
+
+    @NotNull
+    @Schema(description = "是否限制前归属人领取")
+    private Boolean limitPreOwner;
+
+    @Schema(description = "领取间隔天数")
+    private Integer pickIntervalDays;
+
+    @NotNull
+    @Schema(description = "是否限制新数据")
+    private Boolean limitNew;
+
+    @Schema(description = "新数据领取间隔")
+    private Integer newPickInterval;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/dto/CluePoolRecycleRuleDTO.java b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/CluePoolRecycleRuleDTO.java
new file mode 100644
index 0000000..3674438
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/CluePoolRecycleRuleDTO.java
@@ -0,0 +1,23 @@
+package cn.cordys.crm.clue.dto;
+
+import cn.cordys.crm.system.dto.RuleConditionDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.AllArgsConstructor;
+import lombok.Builder;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import java.util.List;
+
+@Data
+@Builder
+@NoArgsConstructor
+@AllArgsConstructor
+public class CluePoolRecycleRuleDTO {
+
+    @Schema(description = "操作符")
+    private String operator;
+
+    @Schema(description = "规则条件集合")
+    private List<RuleConditionDTO> conditions;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/dto/TransformCsAssociateDTO.java b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/TransformCsAssociateDTO.java
new file mode 100644
index 0000000..a8add7f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/TransformCsAssociateDTO.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.clue.dto;
+
+import lombok.Data;
+
+@Data
+public class TransformCsAssociateDTO {
+
+    /**
+     * 联系人ID
+     */
+    private String contactId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/ClueAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/ClueAddRequest.java
new file mode 100644
index 0000000..9e05a4b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/ClueAddRequest.java
@@ -0,0 +1,41 @@
+package cn.cordys.crm.clue.dto.request;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.util.List;
+
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Data
+public class ClueAddRequest {
+
+    @NotBlank
+    @Size(max = 255)
+    @Schema(description = "客户名称")
+    private String name;
+
+    @Size(max = 32)
+    @Schema(description = "负责人")
+    private String owner;
+
+    @Size(max = 255)
+    @Schema(description = "联系人名称")
+    private String contact;
+
+    @Size(max = 30)
+    @Schema(description = "联系人电话")
+    private String phone;
+
+    @Schema(description = "意向产品", requiredMode = Schema.RequiredMode.REQUIRED)
+    private List<String> products;
+
+    @Schema(description = "模块字段值")
+    private List<BaseModuleFieldValue> moduleFields;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/ClueBatchTransferRequest.java b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/ClueBatchTransferRequest.java
new file mode 100644
index 0000000..66ae2c7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/ClueBatchTransferRequest.java
@@ -0,0 +1,27 @@
+package cn.cordys.crm.clue.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.NotEmpty;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.util.List;
+
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Data
+public class ClueBatchTransferRequest {
+
+    @NotEmpty
+    @Schema(description = "ids", requiredMode = Schema.RequiredMode.REQUIRED)
+    private List<String> ids;
+
+    @NotBlank
+    @Size(max = 32)
+    @Schema(description = "修改负责人", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String owner;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/ClueExportRequest.java b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/ClueExportRequest.java
new file mode 100644
index 0000000..26fd82c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/ClueExportRequest.java
@@ -0,0 +1,26 @@
+package cn.cordys.crm.clue.dto.request;
+
+import cn.cordys.common.dto.ExportHeadDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import java.util.List;
+
+/**
+ * @author song-cc-rock
+ */
+@Data
+@NoArgsConstructor
+@AllArgsConstructor
+public class ClueExportRequest extends CluePageRequest {
+
+    @NotBlank
+    @Schema(description = "文件名", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String fileName;
+
+    @Schema(description = "表头信息", requiredMode = Schema.RequiredMode.REQUIRED)
+    private List<ExportHeadDTO> headList;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/CluePageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/CluePageRequest.java
new file mode 100644
index 0000000..31dc405
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/CluePageRequest.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.clue.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Data
+public class CluePageRequest extends BasePageRequest {
+    @Schema(description = "线索池ID{线索池-线索列表时传参}")
+    private String poolId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/CluePoolAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/CluePoolAddRequest.java
new file mode 100644
index 0000000..b123ae7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/CluePoolAddRequest.java
@@ -0,0 +1,46 @@
+package cn.cordys.crm.clue.dto.request;
+
+import cn.cordys.crm.clue.dto.CluePoolPickRuleDTO;
+import cn.cordys.crm.clue.dto.CluePoolRecycleRuleDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.NotNull;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Set;
+
+@Data
+public class CluePoolAddRequest {
+
+    @NotBlank
+    @Size(max = 255)
+    @Schema(description = "线索池名称")
+    private String name;
+
+    @NotNull
+    @Schema(description = "范围ID集合")
+    private List<String> scopeIds;
+
+    @NotNull
+    @Schema(description = "管理员ID集合")
+    private List<String> ownerIds;
+
+    @NotNull
+    @Schema(description = "启用/禁用")
+    private Boolean enable;
+
+    @NotNull
+    @Schema(description = "自动回收")
+    private Boolean auto;
+
+    @Schema(description = "领取规则")
+    private CluePoolPickRuleDTO pickRule;
+
+    @Schema(description = "回收规则")
+    private CluePoolRecycleRuleDTO recycleRule;
+
+    @Schema(description = "隐藏字段ID集合")
+    private Set<@NotBlank String> hiddenFieldIds;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/CluePoolUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/CluePoolUpdateRequest.java
new file mode 100644
index 0000000..397b788
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/CluePoolUpdateRequest.java
@@ -0,0 +1,51 @@
+package cn.cordys.crm.clue.dto.request;
+
+import cn.cordys.crm.clue.dto.CluePoolPickRuleDTO;
+import cn.cordys.crm.clue.dto.CluePoolRecycleRuleDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.NotNull;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Set;
+
+@Data
+public class CluePoolUpdateRequest {
+
+    @NotBlank
+    @Size(max = 32)
+    @Schema(description = "ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+
+    @NotBlank
+    @Size(max = 255)
+    @Schema(description = "线索池名称")
+    private String name;
+
+    @NotNull
+    @Schema(description = "范围ID集合")
+    private List<String> scopeIds;
+
+    @NotNull
+    @Schema(description = "管理员ID集合")
+    private List<String> ownerIds;
+
+    @NotNull
+    @Schema(description = "启用/禁用")
+    private Boolean enable;
+
+    @NotNull
+    @Schema(description = "自动回收")
+    private Boolean auto;
+
+    @Schema(description = "领取规则")
+    private CluePoolPickRuleDTO pickRule;
+
+    @Schema(description = "回收规则")
+    private CluePoolRecycleRuleDTO recycleRule;
+
+    @Schema(description = "隐藏字段ID集合")
+    private Set<@NotBlank String> hiddenFieldIds;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/ClueStatusUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/ClueStatusUpdateRequest.java
new file mode 100644
index 0000000..a2295ff
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/ClueStatusUpdateRequest.java
@@ -0,0 +1,27 @@
+package cn.cordys.crm.clue.dto.request;
+
+import cn.cordys.common.constants.EnumValue;
+import cn.cordys.crm.clue.constants.ClueStatus;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Data
+public class ClueStatusUpdateRequest {
+
+    @NotBlank
+    @Schema(description = "id", requiredMode = Schema.RequiredMode.REQUIRED)
+    @Size(max = 32)
+    private String id;
+
+    @Size(max = 30)
+    @EnumValue(enumClass = ClueStatus.class)
+    @Schema(description = "线索状态", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String stage;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/ClueTransitionCustomerRequest.java b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/ClueTransitionCustomerRequest.java
new file mode 100644
index 0000000..1a1242d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/ClueTransitionCustomerRequest.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.clue.dto.request;
+
+import cn.cordys.crm.customer.dto.request.CustomerAddRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+/**
+ * @author song-cc-rock
+ */
+@Data
+public class ClueTransitionCustomerRequest extends CustomerAddRequest {
+
+    @NotBlank
+    @Schema(description = "线索ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String clueId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/ClueTransitionOpportunityRequest.java b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/ClueTransitionOpportunityRequest.java
new file mode 100644
index 0000000..2d044ce
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/ClueTransitionOpportunityRequest.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.clue.dto.request;
+
+import cn.cordys.crm.opportunity.dto.request.OpportunityAddRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+/**
+ * @author song-cc-rock
+ */
+@Data
+public class ClueTransitionOpportunityRequest extends OpportunityAddRequest {
+
+    @Schema(description = "线索ID")
+    private String clueId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/ClueUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/ClueUpdateRequest.java
new file mode 100644
index 0000000..e047689
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/ClueUpdateRequest.java
@@ -0,0 +1,47 @@
+package cn.cordys.crm.clue.dto.request;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.util.List;
+
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Data
+public class ClueUpdateRequest {
+
+    @NotBlank
+    @Schema(description = "id", requiredMode = Schema.RequiredMode.REQUIRED)
+    @Size(max = 32)
+    private String id;
+
+    @Size(max = 255)
+    @Schema(description = "客户名称")
+    private String name;
+
+    @Size(max = 32)
+    @Schema(description = "负责人")
+    private String owner;
+
+    @Size(max = 255)
+    @Schema(description = "联系人名称")
+    private String contact;
+
+    @Size(max = 30)
+    @Schema(description = "联系人电话")
+    private String phone;
+
+    @Schema(description = "意向产品", requiredMode = Schema.RequiredMode.REQUIRED)
+    private List<String> products;
+
+    @Schema(description = "自定义字段")
+    private List<BaseModuleFieldValue> moduleFields;
+
+    private Boolean agentInvoke = false;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/ContractDetailPaymentPlanPageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/ContractDetailPaymentPlanPageRequest.java
new file mode 100644
index 0000000..49ee82c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/ContractDetailPaymentPlanPageRequest.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.clue.dto.request;
+
+import cn.cordys.crm.contract.dto.request.ContractPaymentPlanPageRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+/**
+ * @author song-cc-rock
+ */
+@Data
+public class ContractDetailPaymentPlanPageRequest extends ContractPaymentPlanPageRequest {
+
+    @NotBlank
+    @Schema(description = "合同ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String contractId;
+
+    @Override
+    public String getContractId() {
+        return contractId;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/PoolClueAssignRequest.java b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/PoolClueAssignRequest.java
new file mode 100644
index 0000000..80b9abd
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/PoolClueAssignRequest.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.clue.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+public class PoolClueAssignRequest {
+
+    @NotBlank
+    @Schema(description = "客户ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String clueId;
+
+    @NotBlank
+    @Schema(description = "分配用户ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String assignUserId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/PoolCluePickRequest.java b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/PoolCluePickRequest.java
new file mode 100644
index 0000000..2ce614e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/request/PoolCluePickRequest.java
@@ -0,0 +1,18 @@
+package cn.cordys.crm.clue.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+public class PoolCluePickRequest {
+
+    @NotBlank
+    @Schema(description = "线索ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String clueId;
+
+    @NotBlank
+    @Schema(description = "线索池ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String poolId;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/dto/response/ClueGetResponse.java b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/response/ClueGetResponse.java
new file mode 100644
index 0000000..2cc6824
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/response/ClueGetResponse.java
@@ -0,0 +1,111 @@
+package cn.cordys.crm.clue.dto.response;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.crm.system.domain.Attachment;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Map;
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Data
+public class ClueGetResponse {
+
+    @Schema(description = "ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+
+    @Schema(description = "客户名称")
+    private String name;
+
+    @Schema(description = "负责人")
+    private String owner;
+
+    @Schema(description = "阶段")
+    private String stage;
+
+    @Schema(description = "上次修改前的线索阶段")
+    private String lastStage;
+
+    @Schema(description = "负责人姓名")
+    private String ownerName;
+
+    @Schema(description = "联系人名称")
+    private String contact;
+
+    @Schema(description = "联系人电话")
+    private String phone;
+
+    @Schema(description = "意向产品")
+    private List<String> products;
+
+    @Schema(description = "归属部门")
+    private String departmentId;
+
+    @Schema(description = "归属部门名称")
+    private String departmentName;
+
+    @Schema(description = "创建人")
+    private String createUser;
+
+    @Schema(description = "修改人")
+    private String updateUser;
+
+    @Schema(description = "创建时间")
+    private Long createTime;
+
+    @Schema(description = "更新时间")
+    private Long updateTime;
+
+    @Schema(description = "创建人名称")
+    private String createUserName;
+
+    @Schema(description = "更新人名称")
+    private String updateUserName;
+
+    @Schema(description = "领取时间")
+    private Long collectionTime;
+
+    @Schema(description = "剩余归属天数")
+    private Integer reservedDays;
+
+    @Schema(description = "最新跟进人")
+    private String follower;
+
+    @Schema(description = "最新跟进人名称")
+    private String followerName;
+
+    @Schema(description = "最新跟进日期")
+    private Long followTime;
+
+    @Schema(description = "线索池ID")
+    private String poolId;
+
+    @Schema(description = "默认回收公海名称")
+    private String recyclePoolName;
+
+    @Schema(description = "转移类型")
+    private String transitionType;
+
+    @Schema(description = "失败原因ID")
+    private String reasonId;
+
+    @Schema(description = "失败原因ID")
+    private String reasonName;
+
+    @Schema(description = "自定义字段")
+    private List<BaseModuleFieldValue> moduleFields;
+
+    @Schema(description = "选项集合")
+    private Map<String, List<OptionDTO>> optionMap;
+
+    /**
+     * 附件集合
+     */
+    @Schema(description = "附件集合")
+    private Map<String, List<Attachment>> attachmentMap;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/dto/response/ClueListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/response/ClueListResponse.java
new file mode 100644
index 0000000..aa5c45a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/response/ClueListResponse.java
@@ -0,0 +1,105 @@
+package cn.cordys.crm.clue.dto.response;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Data
+public class ClueListResponse {
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "线索名称")
+    private String name;
+
+    @Schema(description = "负责人")
+    private String owner;
+
+    @Schema(description = "阶段")
+    private String stage;
+
+    @Schema(description = "上次修改前的线索阶段")
+    private String lastStage;
+
+    @Schema(description = "负责人名称")
+    private String ownerName;
+
+    @Schema(description = "联系人名称")
+    private String contact;
+
+    @Schema(description = "联系人电话")
+    private String phone;
+
+    @Schema(description = "意向产品")
+    private List<String> products;
+
+    @Schema(description = "是否在线索池")
+    private Boolean inSharedPool;
+
+    @Schema(description = "创建人")
+    private String createUser;
+
+    @Schema(description = "修改人")
+    private String updateUser;
+
+    @Schema(description = "创建时间")
+    private Long createTime;
+
+    @Schema(description = "更新时间")
+    private Long updateTime;
+
+    @Schema(description = "创建人名称")
+    private String createUserName;
+
+    @Schema(description = "更新人名称")
+    private String updateUserName;
+
+    @Schema(description = "归属部门")
+    private String departmentId;
+
+    @Schema(description = "归属部门名称")
+    private String departmentName;
+
+    @Schema(description = "最近跟进时间")
+    private Long latestFollowUpTime;
+
+    @Schema(description = "创建时间")
+    private Long collectionTime;
+
+    @Schema(description = "剩余归属天数")
+    private Integer reservedDays;
+
+    @Schema(description = "最新跟进人")
+    private String follower;
+
+    @Schema(description = "最新跟进人名称")
+    private String followerName;
+
+    @Schema(description = "最新跟进日期")
+    private Long followTime;
+
+    @Schema(description = "线索池ID")
+    private String poolId;
+
+    @Schema(description = "默认回收公海名称")
+    private String recyclePoolName;
+
+    @Schema(description = "转移类型")
+    private String transitionType;
+
+    @Schema(description = "失败原因ID")
+    private String reasonId;
+
+    @Schema(description = "失败原因ID")
+    private String reasonName;
+
+    @Schema(description = "自定义字段集合")
+    private List<BaseModuleFieldValue> moduleFields;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/dto/response/ClueOwnerListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/response/ClueOwnerListResponse.java
new file mode 100644
index 0000000..d2e235a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/dto/response/ClueOwnerListResponse.java
@@ -0,0 +1,32 @@
+package cn.cordys.crm.clue.dto.response;
+
+import cn.cordys.crm.clue.domain.ClueOwner;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Data
+public class ClueOwnerListResponse extends ClueOwner {
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "操作人名称")
+    private String operatorName;
+
+    @Schema(description = "责任人名称")
+    private String ownerName;
+
+    @Schema(description = "归属部门")
+    private String departmentId;
+
+    @Schema(description = "归属部门名称")
+    private String departmentName;
+
+    @Schema(description = "回收原因名称")
+    private String reasonName;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/mapper/ExtClueCapacityMapper.java b/backend/crm/src/main/java/cn/cordys/crm/clue/mapper/ExtClueCapacityMapper.java
new file mode 100644
index 0000000..3c293d2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/mapper/ExtClueCapacityMapper.java
@@ -0,0 +1,26 @@
+package cn.cordys.crm.clue.mapper;
+
+import cn.cordys.crm.clue.domain.ClueCapacity;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtClueCapacityMapper {
+
+    /**
+     * 获取容量
+     *
+     * @param scopeIds       范围ID集合
+     * @param organizationId 组织ID
+     *
+     * @return 容量
+     */
+    Integer getCapacityByScopeIds(@Param("ids") List<String> scopeIds, @Param("orgId") String organizationId);
+
+    /**
+     * 更新容量
+     *
+     * @param capacity 容量
+     */
+    void updateCapacity(@Param("capacity") ClueCapacity capacity);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/mapper/ExtClueCapacityMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/clue/mapper/ExtClueCapacityMapper.xml
new file mode 100644
index 0000000..4053ded
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/mapper/ExtClueCapacityMapper.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.clue.mapper.ExtClueCapacityMapper">
+    <select id="getCapacityByScopeIds" resultType="java.lang.Integer">
+        select capacity from clue_capacity where
+        <foreach collection="ids" item="id" separator="or">
+            scope_id like concat('%', #{id}, '%')
+        </foreach>
+        order by create_time desc limit 1
+    </select>
+
+    <update id="updateCapacity" parameterType="cn.cordys.crm.clue.domain.ClueCapacity">
+        update clue_capacity set scope_id = #{capacity.scopeId}, capacity = #{capacity.capacity},
+                                     update_user = #{capacity.updateUser}, update_time = #{capacity.updateTime}
+        where id = #{capacity.id}
+    </update>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/mapper/ExtClueMapper.java b/backend/crm/src/main/java/cn/cordys/crm/clue/mapper/ExtClueMapper.java
new file mode 100644
index 0000000..2abc321
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/mapper/ExtClueMapper.java
@@ -0,0 +1,130 @@
+package cn.cordys.crm.clue.mapper;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.common.dto.BatchUpdateDbParam;
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.dto.chart.ChartResult;
+import cn.cordys.crm.clue.domain.Clue;
+import cn.cordys.crm.clue.dto.request.ClueBatchTransferRequest;
+import cn.cordys.crm.clue.dto.request.CluePageRequest;
+import cn.cordys.crm.clue.dto.response.ClueListResponse;
+import cn.cordys.crm.customer.dto.request.ClueChartAnalysisDbRequest;
+import cn.cordys.crm.home.dto.request.HomeStatisticSearchWrapperRequest;
+import cn.cordys.crm.search.response.advanced.AdvancedCluePoolResponse;
+import cn.cordys.crm.search.response.advanced.AdvancedClueResponse;
+import cn.cordys.crm.search.response.global.GlobalCluePoolResponse;
+import cn.cordys.crm.search.response.global.GlobalClueResponse;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 17:42:41
+ */
+public interface ExtClueMapper {
+
+    List<ClueListResponse> list(@Param("request") CluePageRequest request, @Param("orgId") String orgId,
+                                @Param("userId") String userId, @Param("dataPermission") DeptDataPermissionDTO deptDataPermission, @Param("source") boolean source);
+
+    List<OptionDTO> selectOptionByIds(@Param("ids") List<String> ids);
+
+    void batchTransfer(@Param("request") ClueBatchTransferRequest request);
+
+    int countByOwner(@Param("owner") String owner);
+
+    /**
+     * 移入线索池
+     *
+     * @param clue 线索池
+     */
+    void moveToPool(@Param("clue") Clue clue);
+
+    /**
+     * 获取线索重复数据数量
+     *
+     * @param customerNames 客户名称列表
+     *
+     * @return 重复数据数量
+     */
+    List<OptionDTO> getRepeatCountMap(@Param("customerNames") List<String> customerNames);
+
+    /**
+     * 获取相似线索列表
+     *
+     * @param customerName 客户名称
+     *
+     * @return 相似线索列表
+     */
+    List<AdvancedClueResponse> getSimilarClueList(@Param("customerName") String customerName, @Param("orgId") String orgId);
+
+    /**
+     * 获取重复线索列表
+     *
+     * @param customerName 客户名称
+     *
+     * @return 重复线索列表
+     */
+    List<AdvancedClueResponse> getRepeatClueList(@Param("customerName") String customerName, @Param("orgId") String orgId);
+
+    /**
+     * 查询用户负责的线索条数
+     *
+     * @param ownerId 负责用户ID
+     *
+     * @return 数量
+     */
+    long getOwnerCount(@Param("ownerId") String ownerId);
+
+    List<ClueListResponse> getListByIds(@Param("ids") List<String> ids);
+
+    Long selectClueCount(@Param("request") HomeStatisticSearchWrapperRequest request, @Param("unfollowed") boolean unfollowed);
+
+    List<AdvancedCluePoolResponse> cluePoolList(@Param("request") BasePageRequest request, @Param("orgId") String orgId);
+
+    List<OptionDTO> getClueOptions(@Param("keyword") String keyword, @Param("orgId") String orgId);
+
+    List<GlobalClueResponse> globalSearchList(@Param("request") BasePageRequest request, @Param("orgId") String orgId);
+
+    long globalSearchListCount(@Param("request") BasePageRequest request, @Param("orgId") String orgId);
+
+
+    List<GlobalCluePoolResponse> globalPoolSearchList(@Param("request") BasePageRequest request, @Param("orgId") String orgId);
+
+    long globalPoolSearchListCount(@Param("request") BasePageRequest request, @Param("orgId") String orgId);
+
+    List<Clue> searchColumnsByIds(@Param("columns") List<String> columns, @Param("ids") List<String> ids);
+
+
+    /**
+     * 根据ID全量更新线索
+     *
+     * @param clue 线索
+     */
+    void updateIncludeNullById(@Param("clue") Clue clue);
+
+    /**
+     * 检查字段值是否唯一
+     *
+     * @param field 字段值
+     *
+     * @return bool
+     */
+    boolean checkFieldValueRepeat(@Param("field") BaseModuleFieldValue field);
+
+    void batchUpdate(@Param("request") BatchUpdateDbParam request);
+
+    /**
+     * 查询客户的转移线索ID集合
+     *
+     * @param customerId 客户ID
+     *
+     * @return 线索ID集合
+     */
+    List<String> getTransitionClueIds(@Param("customerId") String customerId);
+
+    List<ChartResult> chart(@Param("request") ClueChartAnalysisDbRequest request, @Param("userId") String userId, @Param("orgId") String orgId,
+                            @Param("dataPermission") DeptDataPermissionDTO dataPermission);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/mapper/ExtClueMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/clue/mapper/ExtClueMapper.xml
new file mode 100644
index 0000000..d53e864
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/mapper/ExtClueMapper.xml
@@ -0,0 +1,748 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.clue.mapper.ExtClueMapper">
+    <update id="batchTransfer">
+        update `clue`
+        set owner = #{request.owner}, collection_time = UNIX_TIMESTAMP() * 1000, stage = 'FOLLOWING'
+        where owner != #{request.owner} and id in
+        <foreach collection="request.ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </update>
+
+    <select id="list" resultType="cn.cordys.crm.clue.dto.response.ClueListResponse">
+        select c.id, c.`name`, c.owner, c.create_time, c.update_time, c.create_user,
+               c.update_user, c.collection_time, c.contact, c.phone, c.stage, c.pool_id,
+               c.follower, c.follow_time, c.last_stage, c.transition_type, c.products, c.reason_id
+        from `clue` c
+
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.filters"/>
+            <property name="tablePrefix" value="filter"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.viewCombineSearch.conditions"/>
+            <property name="tablePrefix" value="viewCombine"/>
+        </include>
+        <include refid="fieldSortJoin">
+            <property name="sort" value="request.sort"/>
+        </include>
+
+        <if test="dataPermission != null and dataPermission.deptIds.size() > 0">
+            join sys_organization_user sou on c.owner = sou.user_id
+            and (
+                sou.department_id in
+                <foreach collection="dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                    #{deptId}
+                </foreach>
+            <if test="dataPermission.viewId != 'DEPARTMENT'">
+                    or sou.user_id = #{userId}
+                </if>
+            )
+        </if>
+
+        where c.organization_id = #{orgId}
+        <if test="request.poolId == null">
+            and c.in_shared_pool is false
+        </if>
+
+        <if test="request.poolId != null">
+            and c.in_shared_pool is true and c.pool_id = #{request.poolId}
+        </if>
+
+        <if test="dataPermission != null and dataPermission.self">
+          and c.owner = #{userId}
+        </if>
+
+        <if test="!source and request.keyword != null and request.keyword != ''">
+            and (c.name like concat('%', #{request.keyword},'%') or c.phone like concat('%', #{request.keyword},'%'))
+        </if>
+        <if test="source and request.keyword != null and request.keyword != ''">
+            and c.name like concat('%', #{request.keyword},'%')
+        </if>
+
+        <if test="request.viewId == 'CUSTOMER_TRANSITION'">
+            and c.transition_type = 'CUSTOMER'
+        </if>
+
+        <if test="request.viewId != 'CUSTOMER_TRANSITION'">
+            and (c.transition_type != 'CUSTOMER' or c.transition_type is null)
+        </if>
+
+        <if test="request.viewId == 'OPPORTUNITY_TRANSITION'">
+            and c.transition_type = 'OPPORTUNITY'
+        </if>
+
+        <include refid="filters">
+            <property name="filters" value="request.filters"/>
+        </include>
+
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+        <include refid="viewCombine">
+            <property name="combineSearch" value="request.viewCombineSearch"/>
+        </include>
+
+        <include refid="sort">
+            <property name="sort" value="request.sort"/>
+        </include>
+    </select>
+
+    <select id="chart" resultType="cn.cordys.common.dto.chart.ChartResult">
+        select
+        <include refid="cn.cordys.common.mapper.CommonMapper.chartSelect">
+            <property name="mainTable" value="c"/>
+        </include>
+
+        from clue c
+
+        <if test="dataPermission != null and dataPermission.deptIds.size() > 0">
+            join sys_organization_user sou on c.owner = sou.user_id
+            and (
+            sou.department_id in
+            <foreach collection="dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                #{deptId}
+            </foreach>
+            or sou.user_id = #{userId}
+            )
+        </if>
+
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.filterCondition.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.viewFilterCondition.conditions"/>
+            <property name="tablePrefix" value="viewCombine"/>
+        </include>
+
+        <include refid="cn.cordys.common.mapper.CommonMapper.chartAxisJoin">
+            <property name="axisParam" value="request.categoryAxisParam"/>
+            <property name="tablePrefix" value="categoryAxis"/>
+            <property name="mainTable" value="clue"/>
+            <property name="mainTablePrefix" value="c"/>
+        </include>
+        <include refid="cn.cordys.common.mapper.CommonMapper.chartAxisJoin">
+            <property name="axisParam" value="request.valueAxisParam"/>
+            <property name="tablePrefix" value="valueAxis"/>
+            <property name="mainTable" value="clue"/>
+            <property name="mainTablePrefix" value="c"/>
+        </include>
+        <if test="request.subCategoryAxisParam != null">
+            <include refid="cn.cordys.common.mapper.CommonMapper.chartAxisJoin">
+                <property name="axisParam" value="request.subCategoryAxisParam"/>
+                <property name="tablePrefix" value="subCategoryAxis"/>
+                <property name="mainTable" value="clue"/>
+                <property name="mainTablePrefix" value="c"/>
+            </include>
+        </if>
+
+        where c.organization_id = #{orgId}
+
+        <if test="request.poolId == null">
+            and c.in_shared_pool is false
+        </if>
+
+        <if test="request.poolId != null">
+            and c.in_shared_pool is true and c.pool_id = #{request.poolId}
+        </if>
+
+        <if test="dataPermission != null and dataPermission.self">
+            and c.owner = #{userId}
+        </if>
+
+        <if test="request.viewId == 'CUSTOMER_TRANSITION'">
+            and c.transition_type = 'CUSTOMER'
+        </if>
+
+        <if test="request.viewId != 'CUSTOMER_TRANSITION'">
+            and (c.transition_type != 'CUSTOMER' or c.transition_type is null)
+        </if>
+
+        <if test="request.viewId == 'OPPORTUNITY_TRANSITION'">
+            and c.transition_type = 'OPPORTUNITY'
+        </if>
+
+        <include refid="combine">
+            <property name="combineSearch" value="request.filterCondition"/>
+        </include>
+        <include refid="viewCombine">
+            <property name="combineSearch" value="request.viewFilterCondition"/>
+        </include>
+
+        <include refid="cn.cordys.common.mapper.CommonMapper.chartGroupBy">
+            <property name="mainTable" value="c"/>
+        </include>
+    </select>
+
+    <sql id="sort">
+        <choose>
+            <when test="${sort} != null and ${sort}.valid()">
+                <bind name="sortType" value="${sort}.type" />
+                order by
+                <choose>
+                    <when test="${sort}.name == 'name'">
+                        c.`name` ${sortType}, c.id ASC
+                    </when>
+                    <when test="${sort}.name == 'contact'">
+                        c.`contact` ${sortType}, c.id ASC
+                    </when>
+                    <when test="${sort}.name == 'phone'">
+                        c.`phone` ${sortType}, c.id ASC
+                    </when>
+                    <when test="${sort}.name == 'owner'">
+                        c.`owner` ${sortType}, c.id ASC
+                    </when>
+                    <when test="${sort}.name == 'collection_time'">
+                        c.`collection_time` ${sortType}, c.id ASC
+                    </when>
+                    <when test="${sort}.name == 'follow_time'">
+                        c.`follow_time` ${sortType}, c.id ASC
+                    </when>
+                    <when test="${sort}.name == 'follower_name' || ${sort}.name == 'follower'">
+                        c.`follower` ${sortType}, c.id ASC
+                    </when>
+                    <when test="${sort}.name == 'create_time'">
+                        c.`create_time` ${sortType}, c.id ASC
+                    </when>
+                    <when test="${sort}.name == 'update_time'">
+                        c.`update_time` ${sortType}, c.id ASC
+                    </when>
+                    <when test="${sort}.name == 'department_id'">
+                        souc_sort.`id` ${sortType}, c.id ASC
+                    </when>
+                    <when test="${sort}.name == 'create_user'">
+                        c.`create_user` ${sortType}, c.id ASC
+                    </when>
+                    <when test="${sort}.name == 'update_user'">
+                        c.`update_user` ${sortType}, c.id ASC
+                    </when>
+                    <when test="${sort}.name == 'reason_id'">
+                        c.`reason_id` ${sortType}, c.id ASC
+                    </when>
+                    <otherwise>
+                        CASE
+                        WHEN module_table.type = 'INPUT_NUMBER' OR module_table.type = 'FORMULA'
+                        THEN sort_table.field_value+0
+                        END ${sortType},
+                        sort_table.field_value ${sortType},
+                        c.id ${sortType}
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                order by c.create_time desc, c.id asc
+            </otherwise>
+        </choose>
+    </sql>
+
+    <sql id="fieldConditionJoin">
+        <if test="${conditions} != null and ${conditions}.size() > 0">
+            <foreach collection="${conditions}" item="condition" index="i">
+                <choose>
+                    <when test="condition.refFiled">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.refFieldConditionJoin">
+                            <property name="condition" value="condition"/>
+                            <property name="mainTable" value="clue"/>
+                            <property name="mainTableAlias" value="c"/>
+                            <property name="fieldTable" value="${tablePrefix}_${i}"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <if test="condition.name != 'name' and condition.name != 'owner' and condition.name != 'follower'
+                            and condition.name != 'followTime' and condition.name != 'createTime' and condition.name != 'collectionTime'
+                            and condition.name != 'updateUser' and condition.name != 'createUser'
+                            and condition.name != 'updateTime' and condition.name != 'phone' and condition.name != 'reasonId' and condition.name != 'departmentId'">
+                            <if test="condition.blob">
+                                left join clue_field_blob ${tablePrefix}_${i}
+                                on c.id = ${tablePrefix}_${i}.resource_id and ${tablePrefix}_${i}.field_id = #{condition.name}
+                            </if>
+                            <if test="!condition.blob">
+                                left join clue_field ${tablePrefix}_${i}
+                                on c.id = ${tablePrefix}_${i}.resource_id and ${tablePrefix}_${i}.field_id = #{condition.name}
+                            </if>
+                        </if>
+                        <if test="condition.name == 'departmentId'">
+                            left join sys_organization_user ${tablePrefix}_${i}
+                            on ${tablePrefix}_${i}.user_id = c.owner
+                        </if>
+                    </otherwise>
+                </choose>
+            </foreach>
+        </if>
+    </sql>
+
+    <sql id="fieldSortJoin">
+        <if test="${sort} != null and ${sort}.valid() and ${sort}.name not in
+                {'name', 'owner', 'contact', 'phone', 'update_user', 'create_time', 'update_time',
+                'create_user', 'follow_time', 'follower','department_id','collection_time', 'reason_id'}">
+            <bind name="sortName" value="${sort}.name"/>
+            left join clue_field sort_table
+            on c.id = sort_table.resource_id and sort_table.field_id = #{sortName}
+            left join sys_module_field module_table on sort_table.field_id = module_table.id
+        </if>
+        <if test="${sort} != null and ${sort}.valid() and ${sort}.name == 'department_id'">
+            left join sys_organization_user souc_sort on souc_sort.user_id = c.owner
+        </if>
+    </sql>
+
+    <sql id="filters">
+        <if test="${filters} != null and ${filters}.size() > 0">
+            <trim prefix="and">
+                <foreach collection="${filters}" item="condition" open="(" close=")" index="i" separator="and">
+                    <include refid="condition">
+                        <property name="condition" value="condition"/>
+                        <property name="fieldTable" value="filter_${i}.field_value"/>
+                        <property name="table" value="filter_${i}"/>
+                    </include>
+                </foreach>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="combine">
+        <if test="${combineSearch} != null and ${combineSearch}.conditions != null and ${combineSearch}.conditions.size() > 0">
+            <trim prefix="and">
+                <trim prefix="(" suffix=")" suffixOverrides="and|or">
+                    <foreach collection="${combineSearch}.conditions" index="i" item="condition">
+                        <include refid="condition">
+                            <property name="condition" value="condition"/>
+                            <property name="fieldTable" value="combine_${i}.field_value"/>
+                            <property name="table" value="combine_${i}"/>
+                        </include>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.searchMode">
+                            <property name="searchMode" value="${combineSearch}.searchMode"/>
+                        </include>
+                    </foreach>
+                </trim>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="viewCombine">
+        <if test="${combineSearch} != null and ${combineSearch}.conditions != null and ${combineSearch}.conditions.size() > 0">
+            <trim prefix="and">
+                <trim prefix="(" suffix=")" suffixOverrides="and|or">
+                    <foreach collection="${combineSearch}.conditions" index="i" item="condition">
+                        <include refid="condition">
+                            <property name="condition" value="condition"/>
+                            <property name="fieldTable" value="viewCombine_${i}.field_value"/>
+                            <property name="table" value="viewCombine_${i}"/>
+                        </include>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.searchMode">
+                            <property name="searchMode" value="${combineSearch}.searchMode"/>
+                        </include>
+                    </foreach>
+                </trim>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="condition">
+        <choose>
+            <when test="condition.refFiled">
+                <choose>
+                    <when test="!condition.customField">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${table}.${condition.name}"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${fieldTable}"/>
+                        </include>
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                <choose>
+                    <when test="condition.name == 'name'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="c.name"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'owner'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="c.owner"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'follower'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="c.follower"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'followTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="c.follow_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'contact'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="c.contact"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'phone'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="c.phone"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'createTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="c.create_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'collectionTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="c.collection_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'createUser'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="c.create_user"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'updateUser'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="c.update_user"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'updateTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="c.update_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'products'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.arrayValueCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="c.products"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'departmentId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${table}.department_id"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'reasonId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="c.reason_id"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${fieldTable}"/>
+                        </include>
+                    </otherwise>
+                </choose>
+            </otherwise>
+        </choose>
+    </sql>
+
+    <select id="selectOptionByIds" resultType="cn.cordys.common.dto.OptionDTO">
+        select id, name
+        from `clue`
+        where id in
+        <foreach collection="ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </select>
+
+
+    <select id="countByOwner" resultType="java.lang.Integer">
+        select count(id) from `clue`
+        where owner = #{owner} and (transition_type != 'CUSTOMER' or transition_type is null)
+    </select>
+
+    <update id="moveToPool" parameterType="cn.cordys.crm.clue.domain.Clue">
+        update `clue` set pool_id = #{clue.poolId}, owner = #{clue.owner}, collection_time = #{clue.collectionTime}, reason_id = #{clue.reasonId},
+                          in_shared_pool = #{clue.inSharedPool}, update_user = #{clue.updateUser}, update_time = #{clue.updateTime}
+        where id = #{clue.id}
+    </update>
+
+    <select id="getRepeatCountMap" resultType="cn.cordys.common.dto.OptionDTO">
+        select name as id, count(id) as name from clue where name in
+        <foreach collection="customerNames" item="customerName" open="(" close=")" separator=",">   
+            #{customerName}
+        </foreach>
+        and ( transition_id is null or transition_id = '' )
+        group by name
+    </select>
+
+    <select id="getSimilarClueList" resultType="cn.cordys.crm.search.response.advanced.AdvancedClueResponse">
+        select c.id, c.name, c.owner, c.stage, c.contact, c.phone, c.products, su.name as ownerName from clue c
+        left join sys_user su on c.owner = su.id
+        where c.organization_id = #{orgId} and ( c.name like concat('%', #{customerName}, '%') or c.phone = #{customerName} )
+        and ( c.transition_id is null or c.transition_id = '' )
+        order by c.create_time desc 
+    </select>
+
+    <select id="getRepeatClueList" resultType="cn.cordys.crm.search.response.advanced.AdvancedClueResponse">
+        select c.id, c.name, c.owner, c.stage, c.contact, c.phone, c.products, su.name as ownerName from clue c
+        left join sys_user su on c.owner = su.id
+        where c.organization_id = #{orgId} and (c.name = #{customerName} or c.phone = #{customerName})
+        and ( c.transition_id is null or c.transition_id = '' )
+        order by c.create_time desc 
+    </select>
+
+    <select id="getOwnerCount" resultType="java.lang.Long">
+        select count(1) from clue where owner = #{ownerId}
+        and in_shared_pool = false and (transition_type is null or transition_type != 'CUSTOMER')
+    </select>
+    <select id="getListByIds" resultType="cn.cordys.crm.clue.dto.response.ClueListResponse">
+        select c.id, c.`name`, c.owner, c.create_time, c.update_time, c.create_user,
+               c.update_user, c.collection_time, c.contact, c.phone, c.stage, c.pool_id,
+               c.follower, c.follow_time, c.last_stage, c.transition_type, c.products, c.reason_id
+        from `clue` c
+        where id in
+        <foreach collection="ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+        order by c.create_time desc
+    </select>
+    <select id="selectClueCount" resultType="java.lang.Long">
+        select count(*) from clue c
+
+        <if test="request.staticRequest.userField == 'CREATE_USER'">
+            <if test="request.dataPermission != null and request.dataPermission.deptIds.size() > 0">
+                join sys_organization_user sou on c.create_user = sou.user_id
+                and (
+                sou.department_id in
+                <foreach collection="request.dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                    #{deptId}
+                </foreach>
+                <if test="request.dataPermission.viewId == 'ALL'">
+                    or sou.user_id = #{request.userId}
+                </if>
+                )
+            </if>
+        </if>
+
+        <if test="request.staticRequest.userField != 'CREATE_USER'">
+            <if test="request.dataPermission != null and request.dataPermission.deptIds.size() > 0">
+                join sys_organization_user sou on c.owner = sou.user_id
+                and (
+                sou.department_id in
+                <foreach collection="request.dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                    #{deptId}
+                </foreach>
+                <if test="request.dataPermission.viewId == 'ALL'">
+                    or sou.user_id = #{request.userId}
+                </if>
+                )
+            </if>
+        </if>
+
+        <if test="unfollowed">
+            LEFT JOIN follow_up_record fur on c.id = fur.clue_id
+        </if>
+
+        where c.organization_id = #{request.orgId}
+          and (c.transition_id is null or c.transition_id= '')
+            <if test="request.staticRequest.userField != 'CREATE_USER'">
+                and c.in_shared_pool is false
+            </if>
+        <if test="unfollowed">
+            and fur.id is null
+        </if>
+        <if test="request.startTime != null and request.endTime != null">
+            and c.create_time &gt;= #{request.startTime} and c.create_time &lt;= #{request.endTime}
+        </if>
+
+        <if test="request.dataPermission != null and request.dataPermission.self">
+            and c.owner = #{request.userId}
+        </if>
+    </select>
+
+
+    <select id="cluePoolList" resultType="cn.cordys.crm.search.response.advanced.AdvancedCluePoolResponse">
+        select c.id, c.`name`, c.owner, c.create_time, c.update_time, c.create_user,
+        c.update_user, c.collection_time, c.contact, c.phone, c.stage, c.pool_id,
+        c.follower, c.follow_time, c.last_stage, c.transition_type, c.products, c.reason_id
+        from `clue` c
+
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.filters"/>
+            <property name="tablePrefix" value="filter"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.viewCombineSearch.conditions"/>
+            <property name="tablePrefix" value="viewCombine"/>
+        </include>
+        <include refid="fieldSortJoin">
+            <property name="sort" value="request.sort"/>
+        </include>
+
+        where c.organization_id = #{orgId}
+        and c.in_shared_pool is true
+
+        <if test="request.keyword != null and request.keyword != ''">
+            and c.name like concat('%', #{request.keyword},'%')
+        </if>
+
+        <include refid="filters">
+            <property name="filters" value="request.filters"/>
+        </include>
+
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+        <include refid="viewCombine">
+            <property name="combineSearch" value="request.viewCombineSearch"/>
+        </include>
+        <include refid="sort">
+            <property name="sort" value="request.sort"/>
+        </include>
+    </select>
+
+    <select id="getClueOptions" resultType="cn.cordys.common.dto.OptionDTO">
+        select id, name
+        from clue
+        where
+        organization_id = #{orgId}
+        <if test="keyword != null and keyword != ''">
+            and name like concat('%', #{keyword},'%')
+        </if>
+    </select>
+
+    <select id="globalSearchList" resultType="cn.cordys.crm.search.response.global.GlobalClueResponse">
+        select c.id, c.`name`, c.owner, c.create_time, c.products, c.phone, c.follow_time
+        from `clue` c
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        where c.organization_id = #{orgId}
+          and (c.transition_id IS NULL OR  c.transition_id = '')
+          and c.in_shared_pool is false
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+        <include refid="sort">
+            <property name="sort" value="request.sort"/>
+        </include>
+    </select>
+
+    <select id="globalSearchListCount" resultType="java.lang.Long">
+        select count(1)
+        from `clue` c
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        where c.organization_id = #{orgId}
+          and (c.transition_id IS NULL OR  c.transition_id = '')
+          and c.in_shared_pool is false
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+    </select>
+
+    <select id="globalPoolSearchList" resultType="cn.cordys.crm.search.response.global.GlobalCluePoolResponse">
+        select c.id, c.`name`, c.products, c.pool_id, cp.name as poolName, c.phone, c.follow_time
+        from `clue` c inner join clue_pool cp on c.pool_id = cp.id
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        where c.organization_id = #{orgId}
+        and (c.transition_id IS NULL OR  c.transition_id = '')
+          and c.in_shared_pool is true and c.pool_id is not null
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+        <include refid="sort">
+            <property name="sort" value="request.sort"/>
+        </include>
+    </select>
+    <select id="globalPoolSearchListCount" resultType="java.lang.Long">
+        select count(1)
+        from `clue` c inner join clue_pool cp on c.pool_id = cp.id
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        where c.organization_id = #{orgId}
+        and (c.transition_id IS NULL OR  c.transition_id = '')
+          and c.in_shared_pool is true and c.pool_id is not null
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+    </select>
+    <select id="searchColumnsByIds" resultType="cn.cordys.crm.clue.domain.Clue">
+        select
+        <foreach collection="columns" item="col" separator=",">
+            ${col}
+        </foreach>
+        from clue
+        where id in
+        <foreach collection="ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </select>
+
+    <update id="updateIncludeNullById" parameterType="cn.cordys.crm.clue.domain.Clue">
+        update clue set pool_id = #{clue.poolId}, in_shared_pool = #{clue.inSharedPool}, owner = #{clue.owner},
+            collection_time = #{clue.collectionTime}, update_time = #{clue.updateTime}, stage = #{clue.stage}
+        where id = #{clue.id}
+    </update>
+    <update id="batchUpdate">
+        UPDATE clue
+        <set>
+            <if test="request.fieldName == 'owner'">
+                owner = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'name'">
+                name = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'contact'">
+                contact = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'phone'">
+                clue.phone = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'products'">
+                products = #{request.fieldValue},
+            </if>
+            update_time = #{request.updateTime},
+            update_user = #{request.updateUser}
+        </set>
+        WHERE id IN
+        <foreach collection="request.ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </update>
+
+    <select id="checkFieldValueRepeat" resultType="java.lang.Boolean">
+        select count(1) > 0 from clue_field cf join clue c on cf.resource_id = c.id
+        where cf.field_id = #{field.fieldId} and cf.field_value = #{field.fieldValue} and (c.transition_type != 'CUSTOMER' or c.transition_type is null)
+    </select>
+
+    <select id="getTransitionClueIds" resultType="java.lang.String">
+        select id from clue where clue.transition_type = 'CUSTOMER' and clue.transition_id = #{customerId}
+    </select>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/mapper/ExtClueOwnerMapper.java b/backend/crm/src/main/java/cn/cordys/crm/clue/mapper/ExtClueOwnerMapper.java
new file mode 100644
index 0000000..9b686b8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/mapper/ExtClueOwnerMapper.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.clue.mapper;
+
+import cn.cordys.crm.clue.dto.request.ClueBatchTransferRequest;
+import org.apache.ibatis.annotations.Param;
+
+/**
+ * @author jianxing
+ * @date 2025-02-24 11:06:10
+ */
+public interface ExtClueOwnerMapper {
+
+    void batchAdd(@Param("request") ClueBatchTransferRequest transferRequest, @Param("userId") String userId);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/mapper/ExtClueOwnerMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/clue/mapper/ExtClueOwnerMapper.xml
new file mode 100644
index 0000000..d95cad7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/mapper/ExtClueOwnerMapper.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.clue.mapper.ExtClueOwnerMapper">
+
+    <update id="batchAdd">
+        insert into clue_owner (id, owner, operator, clue_id, collection_time, end_time)
+        select UUID_SHORT() as id, clue.owner, '${userId}' as operator, clue.id as clue_id, clue.collection_time, UNIX_TIMESTAMP() * 1000 as end_time
+        from clue
+        where clue.owner != #{request.owner} and id in
+        <foreach collection="request.ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </update>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/mapper/ExtCluePoolMapper.java b/backend/crm/src/main/java/cn/cordys/crm/clue/mapper/ExtCluePoolMapper.java
new file mode 100644
index 0000000..2f7b086
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/mapper/ExtCluePoolMapper.java
@@ -0,0 +1,46 @@
+package cn.cordys.crm.clue.mapper;
+
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.crm.clue.domain.CluePool;
+import cn.cordys.crm.clue.domain.CluePoolPickRule;
+import cn.cordys.crm.clue.domain.CluePoolRecycleRule;
+import cn.cordys.crm.clue.dto.CluePoolDTO;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtCluePoolMapper {
+
+    /**
+     * 查询线索池列表
+     *
+     * @param request 请求参数
+     * @param orgId   组织ID
+     *
+     * @return 线索池列表
+     */
+    List<CluePoolDTO> list(@Param("request") BasePageRequest request, @Param("orgId") String orgId);
+
+    /**
+     * 更新线索池领取规则
+     *
+     * @param rule 领取规则
+     */
+    void updatePickRule(@Param("rule") CluePoolPickRule rule);
+
+    /**
+     * 更新线索池回收规则
+     *
+     * @param rule 回收规则
+     */
+    void updateRecycleRule(@Param("rule") CluePoolRecycleRule rule);
+
+    /**
+     * 获取公海池集合
+     *
+     * @param orgId 组织ID
+     *
+     * @return 公海池集合
+     */
+    List<CluePool> getAllPool(@Param("orgId") String orgId);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/mapper/ExtCluePoolMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/clue/mapper/ExtCluePoolMapper.xml
new file mode 100644
index 0000000..e508525
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/mapper/ExtCluePoolMapper.xml
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="cn.cordys.crm.clue.mapper.ExtCluePoolMapper">
+    <select id="list" resultType="cn.cordys.crm.clue.dto.CluePoolDTO" parameterType="cn.cordys.common.dto.BasePageRequest">
+        select * from clue_pool
+        where organization_id = #{orgId}
+        <include refid="filters">
+            <property name="filters" value="request.filters"/>
+        </include>
+        <include refid="cn.cordys.common.mapper.CommonMapper.sort">
+            <property name="sort" value="request.sort"/>
+            <property name="prefix" value=""/>
+            <property name="defaultSort" value="create_time desc"/>
+        </include>
+    </select>
+
+    <update id="updatePickRule" parameterType="cn.cordys.crm.clue.domain.CluePoolPickRule">
+        update clue_pool_pick_rule set limit_on_number = #{rule.limitOnNumber}, pick_number = #{rule.pickNumber}, limit_pre_owner = #{rule.limitPreOwner},
+                                           pick_interval_days = #{rule.pickIntervalDays}, update_user = #{rule.updateUser}, update_time = #{rule.updateTime},
+                                       limit_new = #{rule.limitNew}, new_pick_interval = #{rule.newPickInterval}
+        where pool_id = #{rule.poolId}
+    </update>
+
+    <update id="updateRecycleRule" parameterType="cn.cordys.crm.clue.domain.CluePoolRecycleRule">
+        update clue_pool_recycle_rule set operator = #{rule.operator}, `condition` = #{rule.condition}, update_user = #{rule.updateUser}, update_time = #{rule.updateTime}
+        where pool_id = #{rule.poolId}
+    </update>
+
+    <select id="getAllPool" resultType="cn.cordys.crm.clue.domain.CluePool">
+        select * from clue_pool where organization_id = #{orgId} and enable = true order by create_time desc
+    </select>
+
+    <sql id="filters">
+        <if test="${filters} != null and ${filters}.size() > 0">
+            <trim prefix="and">
+                <foreach collection="${filters}" item="condition" open="(" close=")" index="i" separator="and">
+                    <if test="condition.name == 'auto'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="clue_pool.auto"/>
+                        </include>
+                    </if>
+                    <if test="condition.name == 'enable'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="clue_pool.enable"/>
+                        </include>
+                    </if>
+                </foreach>
+            </trim>
+        </if>
+    </sql>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/service/ClueCapacityService.java b/backend/crm/src/main/java/cn/cordys/crm/clue/service/ClueCapacityService.java
new file mode 100644
index 0000000..45ba72d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/service/ClueCapacityService.java
@@ -0,0 +1,167 @@
+package cn.cordys.crm.clue.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.clue.domain.ClueCapacity;
+import cn.cordys.crm.clue.dto.ClueCapacityDTO;
+import cn.cordys.crm.clue.mapper.ExtClueCapacityMapper;
+import cn.cordys.crm.system.dto.request.CapacityAddRequest;
+import cn.cordys.crm.system.dto.request.CapacityUpdateRequest;
+import cn.cordys.crm.system.service.UserExtendService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections4.CollectionUtils;
+import org.springframework.beans.BeanUtils;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Objects;
+import java.util.stream.Collectors;
+import java.util.stream.Stream;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class ClueCapacityService {
+
+    @Resource
+    private BaseMapper<ClueCapacity> clueCapacityMapper;
+    @Resource
+    private UserExtendService userExtendService;
+    @Resource
+    private ExtClueCapacityMapper extClueCapacityMapper;
+
+    /**
+     * 分页获取线索库容设置（按创建时间升序）
+     */
+    public List<ClueCapacityDTO> list(String currentOrgId) {
+        LambdaQueryWrapper<ClueCapacity> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(ClueCapacity::getOrganizationId, currentOrgId)
+                .orderByAsc(ClueCapacity::getCreateTime);  // 直接数据库升序，避免内存排序
+
+        List<ClueCapacity> capacities = clueCapacityMapper.selectListByLambda(wrapper);
+        if (CollectionUtils.isEmpty(capacities)) {
+            return new ArrayList<>();
+        }
+
+        // 转换DTO，注意 scopeId 可能为空的情况
+        return capacities.stream().map(capacity -> {
+            ClueCapacityDTO dto = new ClueCapacityDTO();
+            dto.setId(capacity.getId());
+            dto.setCapacity(capacity.getCapacity());
+            List<String> scopeIds = JSON.parseArray(capacity.getScopeId(), String.class);
+            dto.setMembers(CollectionUtils.isEmpty(scopeIds) ? new ArrayList<>() : userExtendService.getScope(scopeIds));
+            return dto;
+        }).collect(Collectors.toList());
+    }
+
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.ADD)
+    public void add(CapacityAddRequest request, String currentUserId, String currentOrgId) {
+        // 仅查询当前组织下的库容，避免原 selectAll(null) 导致的全表扫描
+        List<ClueCapacity> existingCapacities = getByOrgId(currentOrgId);
+        List<String> existingScopeIds = flatMapScopeIds(existingCapacities);
+
+        if (userExtendService.hasDuplicateScopeObj(request.getScopeIds(), existingScopeIds, currentOrgId)) {
+            throw new GenericException(Translator.get("capacity.scope.duplicate"));
+        }
+
+        ClueCapacity capacity = new ClueCapacity();
+        capacity.setId(IDGenerator.nextStr());
+        capacity.setOrganizationId(currentOrgId);
+        capacity.setCapacity(request.getCapacity());
+        capacity.setScopeId(JSON.toJSONString(request.getScopeIds()));
+        long now = System.currentTimeMillis();
+        capacity.setCreateTime(now);
+        capacity.setCreateUser(currentUserId);
+        capacity.setUpdateTime(now);
+        capacity.setUpdateUser(currentUserId);
+        clueCapacityMapper.insert(capacity);
+
+        OperationLogContext.setContext(LogContextInfo.builder()
+                .modifiedValue(capacity)
+                .resourceId(capacity.getId())
+                .resourceName(Translator.get("module.clue.capacity.setting"))
+                .build());
+    }
+
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.UPDATE)
+    public void update(CapacityUpdateRequest request, String currentUserId, String currentOrgId) {
+        ClueCapacity oldCapacity = clueCapacityMapper.selectByPrimaryKey(request.getId());
+        if (oldCapacity == null) {
+            throw new GenericException(Translator.get("capacity.not.exist"));
+        }
+
+        // 克隆原始值用于日志，避免后续修改导致原始值丢失
+        ClueCapacity originalValue = new ClueCapacity();
+        BeanUtils.copyProperties(oldCapacity, originalValue);
+
+        // 查询除当前记录外，同组织下的其他库容
+        List<ClueCapacity> otherCapacities = getByOrgIdExclude(currentOrgId, request.getId());
+        List<String> otherScopeIds = flatMapScopeIds(otherCapacities);
+
+        if (userExtendService.hasDuplicateScopeObj(request.getScopeIds(), otherScopeIds, currentOrgId)) {
+            throw new GenericException(Translator.get("capacity.scope.duplicate"));
+        }
+
+        oldCapacity.setScopeId(JSON.toJSONString(request.getScopeIds()));
+        oldCapacity.setCapacity(request.getCapacity());
+        oldCapacity.setUpdateTime(System.currentTimeMillis());
+        oldCapacity.setUpdateUser(currentUserId);
+        extClueCapacityMapper.updateCapacity(oldCapacity);
+
+        // 重新查询作为修改后的值
+        ClueCapacity modifiedValue = clueCapacityMapper.selectByPrimaryKey(request.getId());
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .resourceId(request.getId())
+                        .resourceName(Translator.get("module.clue.capacity.setting"))
+                        .originalValue(originalValue)
+                        .modifiedValue(modifiedValue)
+                        .build()
+        );
+    }
+
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.DELETE, resourceId = "{#id}")
+    public void delete(String id) {
+        clueCapacityMapper.deleteByPrimaryKey(id);
+        OperationLogContext.setResourceName(Translator.get("module.clue.capacity.setting"));
+    }
+
+    private List<ClueCapacity> getByOrgId(String orgId) {
+        LambdaQueryWrapper<ClueCapacity> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(ClueCapacity::getOrganizationId, orgId);
+        return clueCapacityMapper.selectListByLambda(wrapper);
+    }
+
+    private List<ClueCapacity> getByOrgIdExclude(String orgId, String excludeId) {
+        LambdaQueryWrapper<ClueCapacity> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(ClueCapacity::getOrganizationId, orgId)
+                .nq(ClueCapacity::getId, excludeId);
+        return clueCapacityMapper.selectListByLambda(wrapper);
+    }
+
+    /**
+     * 将所有库容记录中的 scopeId 平铺为字符串列表，且过滤 null 元素
+     */
+    private List<String> flatMapScopeIds(List<ClueCapacity> capacities) {
+        if (CollectionUtils.isEmpty(capacities)) {
+            return new ArrayList<>();
+        }
+        return capacities.stream()
+                .flatMap(c -> {
+                    List<String> ids = JSON.parseArray(c.getScopeId(), String.class);
+                    return ids != null ? ids.stream() : Stream.empty();
+                })
+                .filter(Objects::nonNull)
+                .collect(Collectors.toList());
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/service/ClueExportService.java b/backend/crm/src/main/java/cn/cordys/crm/clue/service/ClueExportService.java
new file mode 100644
index 0000000..371b255
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/service/ClueExportService.java
@@ -0,0 +1,224 @@
+package cn.cordys.crm.clue.service;
+
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.common.dto.ExportHeadDTO;
+import cn.cordys.common.dto.ExportSelectRequest;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.service.BaseExportService;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.SubListUtils;
+import cn.cordys.crm.clue.dto.request.ClueExportRequest;
+import cn.cordys.crm.clue.dto.response.ClueListResponse;
+import cn.cordys.crm.clue.mapper.ExtClueMapper;
+import cn.cordys.crm.clue.utils.PoolClueFieldUtils;
+import cn.cordys.crm.system.constants.ExportConstants;
+import cn.cordys.crm.system.domain.ExportTask;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.service.ExportTaskService;
+import cn.cordys.registry.ExportThreadRegistry;
+import cn.idev.excel.EasyExcel;
+import cn.idev.excel.ExcelWriter;
+import cn.idev.excel.support.ExcelTypeEnum;
+import cn.idev.excel.write.metadata.WriteSheet;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.io.File;
+import java.util.*;
+import java.util.concurrent.atomic.AtomicReference;
+import java.util.stream.Collectors;
+
+/**
+ * @author song-cc-rock
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class ClueExportService extends BaseExportService {
+
+    @Resource
+    private ClueService clueService;
+    @Resource
+    private ExtClueMapper extClueMapper;
+    @Resource
+    private ExportTaskService exportTaskService;
+
+    public String exportAll(ClueExportRequest request, String userId, String orgId, DeptDataPermissionDTO dataPermission, Locale locale) {
+        checkFileName(request.getFileName());
+        //用户导出数量 限制
+        exportTaskService.checkUserTaskLimit(userId, ExportConstants.ExportType.CLUE.name());
+
+        String fileId = IDGenerator.nextStr();
+        ExportTask exportTask = exportTaskService.saveTask(orgId, fileId, userId, ExportConstants.ExportType.CLUE.toString(), request.getFileName());
+
+        runExport(orgId, userId, LogModule.CLUE_INDEX, locale, exportTask, request.getFileName(),
+                () -> exportData(fileId, exportTask, userId, request, orgId, dataPermission));
+
+        return exportTask.getId();
+    }
+
+    private void exportData(String fileId, ExportTask exportTask,
+                            String userId, ClueExportRequest request,
+                            String orgId, DeptDataPermissionDTO dataPermission) throws InterruptedException {
+        //表头信息
+        List<List<String>> headList = request.getHeadList().stream()
+                .map(head -> Collections.singletonList(head.getTitle()))
+                .toList();
+
+        //分批查询数据并写入文件
+        batchHandleData(fileId,
+                headList,
+                exportTask,
+                request.getFileName(),
+                request,
+                t -> getExportData(request, userId, orgId, dataPermission, exportTask.getId()));
+    }
+
+    public String exportSelect(ExportSelectRequest request, String userId, String orgId, Locale locale) {
+        checkFileName(request.getFileName());
+        // 用户导出数量限制
+        exportTaskService.checkUserTaskLimit(userId, ExportConstants.ExportType.CLUE.name());
+
+        String fileId = IDGenerator.nextStr();
+        ExportTask exportTask = exportTaskService.saveTask(orgId, fileId, userId, ExportConstants.ExportType.CLUE.toString(), request.getFileName());
+
+        runExport(orgId, userId, LogModule.CLUE_INDEX, locale, exportTask, request.getFileName(),
+                () -> exportData(exportTask, userId, request, orgId, fileId));
+
+        return exportTask.getId();
+    }
+
+    private void exportData(ExportTask exportTask, String userId, ExportSelectRequest request, String orgId, String fileId) {
+        //表头信息
+        List<List<String>> headList = request.getHeadList().stream()
+                .map(head -> Collections.singletonList(head.getTitle()))
+                .toList();
+
+        // 准备导出文件
+        File file = prepareExportFile(fileId, request.getFileName(), exportTask.getOrganizationId());
+        try (ExcelWriter writer = EasyExcel.write(file)
+                .head(headList)
+                .excelType(ExcelTypeEnum.XLSX)
+                .build()) {
+            WriteSheet sheet = EasyExcel.writerSheet("导出数据").build();
+
+            SubListUtils.dealForSubList(request.getIds(), SubListUtils.DEFAULT_EXPORT_BATCH_SIZE, (subIds) -> {
+                List<List<Object>> data = new ArrayList<>();
+                try {
+                    data = getExportDataBySelect(request.getHeadList(), subIds, orgId, exportTask.getId());
+                } catch (InterruptedException e) {
+                    log.error("任务停止中断", e);
+                    exportTaskService.update(exportTask.getId(), ExportConstants.ExportStatus.STOP.toString(), userId);
+                }
+                writer.write(data, sheet);
+            });
+        }
+    }
+
+    /**
+     * 导出选中线索数据
+     *
+     * @param headList
+     * @param ids
+     * @param orgId
+     * @param taskId
+     *
+     * @return
+     *
+     * @throws InterruptedException
+     */
+    public List<List<Object>> getExportDataBySelect(
+            List<ExportHeadDTO> headList,
+            List<String> ids,
+            String orgId,
+            String taskId) throws InterruptedException {
+
+        // 获取原始数据
+        List<ClueListResponse> rawList = extClueMapper.getListByIds(ids);
+
+        return buildExportResult(
+                headList,
+                rawList,
+                orgId,
+                taskId);
+    }
+
+    /**
+     * 导出全部线索数据
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     * @param deptDataPermission
+     * @param taskId
+     *
+     * @return
+     *
+     * @throws InterruptedException
+     */
+    public List<List<Object>> getExportData(
+            ClueExportRequest request,
+            String userId,
+            String orgId,
+            DeptDataPermissionDTO deptDataPermission,
+            String taskId) throws InterruptedException {
+
+        // 分页
+        PageHelper.startPage(request.getCurrent(), request.getPageSize());
+
+        // 获取原始数据
+        List<ClueListResponse> rawList = extClueMapper.list(request, orgId, userId, deptDataPermission, false);
+
+        return buildExportResult(
+                request.getHeadList(),
+                rawList,
+                orgId,
+                taskId
+        );
+    }
+
+    private List<List<Object>> buildExportResult(
+            List<ExportHeadDTO> headList,
+            List<ClueListResponse> rawList,
+            String orgId,
+            String taskId) throws InterruptedException {
+
+        // 构建业务数据
+        List<ClueListResponse> dataList = clueService.buildListData(rawList, orgId);
+
+        // 构建选项映射
+        Map<String, List<OptionDTO>> optionMap = clueService.buildOptionMap(orgId, rawList, dataList);
+
+        // 字段配置
+        Map<String, BaseField> fieldConfigMap = getFieldConfigMap(FormKey.CLUE.getKey(), orgId);
+
+        // 构建导出结果（预分配容量）
+        List<List<Object>> result = new ArrayList<>(dataList.size());
+        for (ClueListResponse response : dataList) {
+            if (ExportThreadRegistry.isInterrupted(taskId)) {
+                throw new InterruptedException("线程已被中断，主动退出");
+            }
+            result.add(buildData(headList, response, optionMap, fieldConfigMap));
+        }
+
+        return result;
+    }
+
+    private List<Object> buildData(List<ExportHeadDTO> headList, ClueListResponse data, Map<String, List<OptionDTO>> optionMap, Map<String, BaseField> fieldConfigMap) {
+        List<Object> dataList = new ArrayList<>();
+        //固定字段map
+        LinkedHashMap<String, Object> systemFieldMap = PoolClueFieldUtils.getSystemFieldMap(data, optionMap);
+        //自定义字段map
+        AtomicReference<Map<String, Object>> moduleFieldMap = new AtomicReference<>(new LinkedHashMap<>());
+        Optional.ofNullable(data.getModuleFields()).ifPresent(moduleFields -> moduleFieldMap.set(moduleFields.stream().collect(Collectors.toMap(BaseModuleFieldValue::getFieldId, BaseModuleFieldValue::getFieldValue))));
+        //处理数据转换
+        transModuleFieldValue(headList, systemFieldMap, moduleFieldMap.get(), dataList, fieldConfigMap);
+        return dataList;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/service/ClueFieldService.java b/backend/crm/src/main/java/cn/cordys/crm/clue/service/ClueFieldService.java
new file mode 100644
index 0000000..bb61845
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/service/ClueFieldService.java
@@ -0,0 +1,52 @@
+package cn.cordys.crm.clue.service;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.service.BaseResourceFieldService;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.clue.domain.ClueField;
+import cn.cordys.crm.clue.domain.ClueFieldBlob;
+import cn.cordys.crm.clue.mapper.ExtClueMapper;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class ClueFieldService extends BaseResourceFieldService<ClueField, ClueFieldBlob> {
+    @Resource
+    private BaseMapper<ClueField> clueFieldMapper;
+    @Resource
+    private BaseMapper<ClueFieldBlob> clueFieldBlobMapper;
+    @Resource
+    private ExtClueMapper extClueMapper;
+
+    @Override
+    protected String getFormKey() {
+        return FormKey.CLUE.getKey();
+    }
+
+    @Override
+    protected BaseMapper<ClueField> getResourceFieldMapper() {
+        return clueFieldMapper;
+    }
+
+    @Override
+    protected BaseMapper<ClueFieldBlob> getResourceFieldBlobMapper() {
+        return clueFieldBlobMapper;
+    }
+
+    @Override
+    protected void checkUnique(BaseModuleFieldValue fieldValue, BaseField field) {
+        if (extClueMapper.checkFieldValueRepeat(fieldValue)) {
+            throw new GenericException(Translator.getWithArgs("common.field_value.repeat", field.getName()));
+        }
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/service/ClueLogService.java b/backend/crm/src/main/java/cn/cordys/crm/clue/service/ClueLogService.java
new file mode 100644
index 0000000..0837fbb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/service/ClueLogService.java
@@ -0,0 +1,43 @@
+package cn.cordys.crm.clue.service;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.dto.JsonDifferenceDTO;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.clue.constants.ClueStatus;
+import cn.cordys.crm.system.service.BaseModuleLogService;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.List;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class ClueLogService extends BaseModuleLogService {
+
+
+    @Override
+    public List<JsonDifferenceDTO> handleLogField(List<JsonDifferenceDTO> differences, String orgId) {
+        differences = super.handleModuleLogField(differences, orgId, FormKey.CLUE.getKey());
+
+        for (JsonDifferenceDTO difference : differences) {
+            if (Strings.CS.equals(difference.getColumn(), BusinessModuleField.CLUE_OWNER.getBusinessKey())) {
+                setUserFieldName(difference);
+                continue;
+            }
+
+            if (Strings.CS.equals(difference.getColumn(), BusinessModuleField.OPPORTUNITY_PRODUCTS.getBusinessKey())) {
+                setProductName(difference);
+            }
+
+            if (Strings.CS.equals(difference.getColumn(), "stage")) {
+                difference.setColumnName(Translator.get("clue.stage"));
+                difference.setNewValueName(ClueStatus.getByKey((String) difference.getNewValue()));
+                difference.setOldValueName(ClueStatus.getByKey((String) difference.getOldValue()));
+            }
+        }
+
+        return differences;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/service/ClueOwnerHistoryService.java b/backend/crm/src/main/java/cn/cordys/crm/clue/service/ClueOwnerHistoryService.java
new file mode 100644
index 0000000..363092a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/service/ClueOwnerHistoryService.java
@@ -0,0 +1,126 @@
+package cn.cordys.crm.clue.service;
+
+import cn.cordys.common.dto.UserDeptDTO;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.crm.clue.domain.Clue;
+import cn.cordys.crm.clue.domain.ClueOwner;
+import cn.cordys.crm.clue.dto.request.ClueBatchTransferRequest;
+import cn.cordys.crm.clue.dto.response.ClueOwnerListResponse;
+import cn.cordys.crm.clue.mapper.ExtClueOwnerMapper;
+import cn.cordys.crm.system.constants.DictModule;
+import cn.cordys.crm.system.domain.Dict;
+import cn.cordys.crm.system.domain.DictConfig;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+import java.util.stream.Collectors;
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class ClueOwnerHistoryService {
+    @Resource
+    private BaseMapper<ClueOwner> clueOwnerMapper;
+    @Resource
+    private BaseService baseService;
+    @Resource
+    private ExtClueOwnerMapper extClueOwnerMapper;
+    @Resource
+    private BaseMapper<DictConfig> dictConfigMapper;
+    @Resource
+    private BaseMapper<Dict> dictMapper;
+
+    public List<ClueOwnerListResponse> list(String clueId, String orgId) {
+        LambdaQueryWrapper<ClueOwner> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(ClueOwner::getClueId, clueId);
+        wrapper.orderByDesc(ClueOwner::getEndTime);
+        List<ClueOwner> owners = clueOwnerMapper.selectListByLambda(wrapper);
+        return buildListData(orgId, owners);
+    }
+
+    private List<ClueOwnerListResponse> buildListData(String orgId, List<ClueOwner> owners) {
+        if (CollectionUtils.isEmpty(owners)) {
+            return List.of();
+        }
+        Set<String> userIds = new HashSet<>();
+        Set<String> ownerIds = new HashSet<>();
+        Set<String> reasonIds = new HashSet<>();
+
+        for (ClueOwner owner : owners) {
+            userIds.add(owner.getOwner());
+            userIds.add(owner.getOperator());
+            ownerIds.add(owner.getOwner());
+            reasonIds.add(owner.getReasonId());
+        }
+
+        LambdaQueryWrapper<DictConfig> configLambdaQueryWrapper = new LambdaQueryWrapper<>();
+        configLambdaQueryWrapper.eq(DictConfig::getModule, DictModule.CLUE_POOL_RS.name()).eq(DictConfig::getOrganizationId, orgId);
+        List<DictConfig> configs = dictConfigMapper.selectListByLambda(configLambdaQueryWrapper);
+        boolean showReason = CollectionUtils.isNotEmpty(configs) && configs.getFirst().getEnabled();
+
+        Map<String, UserDeptDTO> userDeptMap = baseService.getUserDeptMapByUserIds(new ArrayList<>(ownerIds), orgId);
+
+        Map<String, String> userNameMap = baseService.getUserNameMap(userIds);
+
+        List<Dict> dictList = dictMapper.selectByIds(new ArrayList<>(reasonIds));
+        Map<String, String> dictNameMap = dictList.stream().collect(Collectors.toMap(Dict::getId, Dict::getName));
+
+        return owners
+                .stream()
+                .map(item -> {
+                    ClueOwnerListResponse clueOwner =
+                            BeanUtils.copyBean(new ClueOwnerListResponse(), item);
+                    UserDeptDTO userDeptDTO = userDeptMap.get(clueOwner.getOwner());
+                    if (userDeptDTO != null) {
+                        clueOwner.setDepartmentId(userDeptDTO.getDeptId());
+                        clueOwner.setDepartmentName(userDeptDTO.getDeptName());
+                    }
+                    if (!showReason) {
+                        clueOwner.setReasonId(null);
+                        clueOwner.setReasonName(null);
+                    } else {
+                        clueOwner.setReasonName(dictNameMap.get(clueOwner.getReasonId()));
+                    }
+                    clueOwner.setOwnerName(userNameMap.get(clueOwner.getOwner()));
+                    clueOwner.setOperatorName(userNameMap.get(clueOwner.getOperator()));
+                    return clueOwner;
+                }).toList();
+    }
+
+    public ClueOwner add(Clue clue, String userId, Boolean addReason) {
+        ClueOwner clueOwner = new ClueOwner();
+        clueOwner.setOwner(clue.getOwner());
+        clueOwner.setOperator(userId);
+        clueOwner.setClueId(clue.getId());
+        clueOwner.setCollectionTime(clue.getCollectionTime());
+        clueOwner.setEndTime(System.currentTimeMillis());
+        clueOwner.setId(IDGenerator.nextStr());
+        if (addReason && StringUtils.isNotBlank(clue.getReasonId()) && !Strings.CS.equals(clue.getReasonId(), "system")) {
+            clueOwner.setReasonId(clue.getReasonId());
+        }
+        clueOwnerMapper.insert(clueOwner);
+        return clueOwner;
+    }
+
+    public void batchAdd(ClueBatchTransferRequest transferRequest, String userId) {
+        extClueOwnerMapper.batchAdd(transferRequest, userId);
+    }
+
+    public void deleteByClueIds(List<String> clueIds) {
+        LambdaQueryWrapper<ClueOwner> wrapper = new LambdaQueryWrapper<>();
+        wrapper.in(ClueOwner::getClueId, clueIds);
+        clueOwnerMapper.deleteByLambda(wrapper);
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/service/CluePoolExportService.java b/backend/crm/src/main/java/cn/cordys/crm/clue/service/CluePoolExportService.java
new file mode 100644
index 0000000..c3d8b06
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/service/CluePoolExportService.java
@@ -0,0 +1,130 @@
+package cn.cordys.crm.clue.service;
+
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.common.dto.ChartAnalysisDbRequest;
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.common.dto.ExportSelectRequest;
+import cn.cordys.common.dto.chart.ChartResult;
+import cn.cordys.common.service.BaseChartService;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.SubListUtils;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.crm.clue.dto.request.ClueExportRequest;
+import cn.cordys.crm.clue.mapper.ExtClueMapper;
+import cn.cordys.crm.customer.dto.request.ClueChartAnalysisDbRequest;
+import cn.cordys.crm.customer.dto.request.PoolClueChartAnalysisRequest;
+import cn.cordys.crm.system.constants.ExportConstants;
+import cn.cordys.crm.system.domain.ExportTask;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ExportTaskService;
+import cn.idev.excel.EasyExcel;
+import cn.idev.excel.ExcelWriter;
+import cn.idev.excel.support.ExcelTypeEnum;
+import cn.idev.excel.write.metadata.WriteSheet;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.io.File;
+import java.util.ArrayList;
+import java.util.Collections;
+import java.util.List;
+import java.util.Locale;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class CluePoolExportService extends ClueExportService {
+
+    @Resource
+    private ClueService clueService;
+    @Resource
+    private ExtClueMapper extClueMapper;
+    @Resource
+    private ExportTaskService exportTaskService;
+    @Resource
+    private BaseChartService baseChartService;
+
+
+    public String exportCrossPage(ClueExportRequest request, String userId, String orgId, DeptDataPermissionDTO dataPermission, Locale locale) {
+        checkFileName(request.getFileName());
+        exportTaskService.checkUserTaskLimit(userId, ExportConstants.ExportType.CLUE.name());
+
+        String fileId = IDGenerator.nextStr();
+        ExportTask exportTask = exportTaskService.saveTask(orgId, fileId, userId, ExportConstants.ExportType.CLUE_POOL.toString(), request.getFileName());
+
+        runExport(orgId, userId, LogModule.CLUE_POOL_INDEX, locale, exportTask, request.getFileName(),
+                () -> exportData(fileId, exportTask, userId, request, orgId, dataPermission));
+
+        return exportTask.getId();
+    }
+
+    private void exportData(String fileId, ExportTask exportTask, String userId, ClueExportRequest request, String orgId, DeptDataPermissionDTO dataPermission) throws InterruptedException {
+        //表头信息
+        List<List<String>> headList = request.getHeadList().stream()
+                .map(head -> Collections.singletonList(head.getTitle()))
+                .toList();
+
+        batchHandleData(fileId,
+                headList,
+                exportTask,
+                request.getFileName(),
+                request,
+                t -> getExportData(request, userId, orgId, dataPermission, exportTask.getId()));
+    }
+
+    @Override
+    public String exportSelect(ExportSelectRequest request, String userId, String orgId, Locale locale) {
+        checkFileName(request.getFileName());
+        exportTaskService.checkUserTaskLimit(userId, ExportConstants.ExportType.CLUE_POOL.name());
+
+        String fileId = IDGenerator.nextStr();
+        ExportTask exportTask = exportTaskService.saveTask(orgId, fileId, userId, ExportConstants.ExportType.CLUE_POOL.toString(), request.getFileName());
+
+        runExport(orgId, userId, LogModule.CLUE_POOL_INDEX, locale, exportTask, request.getFileName(),
+                () -> exportData(fileId, exportTask, userId, request, orgId));
+
+        return exportTask.getId();
+    }
+
+    private void exportData(String fileId, ExportTask exportTask,
+                            String userId, ExportSelectRequest request,
+                            String orgId) {
+        //表头信息
+        List<List<String>> headList = request.getHeadList().stream()
+                .map(head -> Collections.singletonList(head.getTitle()))
+                .toList();
+
+        // 准备导出文件
+        File file = prepareExportFile(fileId, request.getFileName(), exportTask.getOrganizationId());
+        try (ExcelWriter writer = EasyExcel.write(file)
+                .head(headList)
+                .excelType(ExcelTypeEnum.XLSX)
+                .build()) {
+            WriteSheet sheet = EasyExcel.writerSheet("导出数据").build();
+
+            SubListUtils.dealForSubList(request.getIds(), SubListUtils.DEFAULT_EXPORT_BATCH_SIZE, (subIds) -> {
+                List<List<Object>> data = new ArrayList<>();
+                try {
+                    data = getExportDataBySelect(request.getHeadList(), subIds, orgId, exportTask.getId());
+                } catch (InterruptedException e) {
+                    log.error("任务停止中断", e);
+                    exportTaskService.update(exportTask.getId(), ExportConstants.ExportStatus.STOP.toString(), userId);
+                }
+                writer.write(data, sheet);
+            });
+        }
+    }
+
+    public List<ChartResult> chart(PoolClueChartAnalysisRequest request, String userId, String orgId, DeptDataPermissionDTO deptDataPermission) {
+        ModuleFormConfigDTO formConfig = clueService.getFormConfig(orgId);
+        formConfig.getFields().addAll(BaseChartService.getChartBaseFields());
+        ChartAnalysisDbRequest chartAnalysisDbRequest = ConditionFilterUtils.parseChartAnalysisRequest(request, formConfig);
+        ClueChartAnalysisDbRequest clueChartAnalysisDbRequest = BeanUtils.copyBean(new ClueChartAnalysisDbRequest(), chartAnalysisDbRequest);
+        clueChartAnalysisDbRequest.setPoolId(request.getPoolId());
+        List<ChartResult> chartResults = extClueMapper.chart(clueChartAnalysisDbRequest, userId, orgId, deptDataPermission);
+        return baseChartService.translateAxisName(formConfig, chartAnalysisDbRequest, chartResults);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/service/CluePoolService.java b/backend/crm/src/main/java/cn/cordys/crm/clue/service/CluePoolService.java
new file mode 100644
index 0000000..3bea44f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/service/CluePoolService.java
@@ -0,0 +1,515 @@
+package cn.cordys.crm.clue.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.common.dto.condition.CombineSearch;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.common.utils.RecycleConditionUtils;
+import cn.cordys.crm.clue.domain.*;
+import cn.cordys.crm.clue.dto.CluePoolDTO;
+import cn.cordys.crm.clue.dto.CluePoolFieldConfigDTO;
+import cn.cordys.crm.clue.dto.CluePoolPickRuleDTO;
+import cn.cordys.crm.clue.dto.CluePoolRecycleRuleDTO;
+import cn.cordys.crm.clue.dto.request.CluePoolAddRequest;
+import cn.cordys.crm.clue.dto.request.CluePoolUpdateRequest;
+import cn.cordys.crm.clue.mapper.ExtCluePoolMapper;
+import cn.cordys.crm.system.constants.RecycleConditionColumnKey;
+import cn.cordys.crm.system.constants.RecycleConditionOperator;
+import cn.cordys.crm.system.constants.RecycleConditionScopeKey;
+import cn.cordys.crm.system.domain.User;
+import cn.cordys.crm.system.dto.RuleConditionDTO;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.crm.system.service.UserExtendService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+import java.util.stream.Collectors;
+import java.util.stream.Stream;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class CluePoolService {
+
+    @Resource
+    private BaseMapper<Clue> clueMapper;
+    @Resource
+    private BaseMapper<User> userMapper;
+    @Resource
+    private BaseMapper<CluePool> cluePoolMapper;
+    @Resource
+    private BaseMapper<CluePoolHiddenField> cluePoolHiddenFieldMapper;
+    @Resource
+    private BaseMapper<CluePoolPickRule> cluePoolPickRuleMapper;
+    @Resource
+    private BaseMapper<CluePoolRecycleRule> cluePoolRecycleRuleMapper;
+    @Resource
+    private ExtCluePoolMapper extCluePoolMapper;
+    @Resource
+    private UserExtendService userExtendService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+
+    /**
+     * 分页获取线索池
+     *
+     * @param request 分页参数
+     *
+     * @return 线索池列表
+     */
+    public List<CluePoolDTO> page(BasePageRequest request, String organizationId) {
+        List<CluePoolDTO> pools = extCluePoolMapper.list(request, organizationId);
+        if (CollectionUtils.isEmpty(pools)) {
+            return new ArrayList<>();
+        }
+
+        List<String> userIds = pools.stream().flatMap(pool -> Stream.of(pool.getCreateUser(), pool.getUpdateUser())).toList();
+        List<User> createOrUpdateUsers = userMapper.selectByIds(userIds.toArray(new String[0]));
+        Map<String, String> userMap = createOrUpdateUsers.stream()
+                .collect(Collectors.toMap(User::getId, User::getName));
+
+        List<String> poolIds = pools.stream()
+                .map(CluePoolDTO::getId)
+                .toList();
+
+        LambdaQueryWrapper<CluePoolPickRule> pickRuleWrapper = new LambdaQueryWrapper<>();
+        pickRuleWrapper.in(CluePoolPickRule::getPoolId, poolIds);
+
+        List<CluePoolPickRule> pickRules = cluePoolPickRuleMapper.selectListByLambda(pickRuleWrapper);
+        Map<String, CluePoolPickRule> pickRuleMap = pickRules.stream()
+                .collect(Collectors.toMap(CluePoolPickRule::getPoolId, pickRule -> pickRule));
+
+        LambdaQueryWrapper<CluePoolRecycleRule> recycleRuleWrapper = new LambdaQueryWrapper<>();
+        recycleRuleWrapper.in(CluePoolRecycleRule::getPoolId, poolIds);
+
+        List<CluePoolRecycleRule> recycleRules = cluePoolRecycleRuleMapper.selectListByLambda(recycleRuleWrapper);
+        Map<String, CluePoolRecycleRule> recycleRuleMap = recycleRules.stream()
+                .collect(Collectors.toMap(CluePoolRecycleRule::getPoolId, recycleRule -> recycleRule));
+
+        Map<String, List<CluePoolHiddenField>> hiddenFieldMap = getCluePoolHiddenFieldsByPoolIds(poolIds)
+                .stream()
+                .collect(Collectors.groupingBy(CluePoolHiddenField::getPoolId));
+
+        List<BaseField> fields = moduleFormCacheService.getBusinessFormConfig(FormKey.CLUE.getKey(), organizationId).getFields();
+
+        pools.forEach(pool -> {
+            pool.setMembers(userExtendService.getScope(JSON.parseArray(pool.getScopeId(), String.class)));
+            pool.setOwners(userExtendService.getScope(JSON.parseArray(pool.getOwnerId(), String.class)));
+            pool.setCreateUserName(userMap.get(pool.getCreateUser()));
+            pool.setUpdateUserName(userMap.get(pool.getUpdateUser()));
+
+            CluePoolPickRuleDTO pickRule = new CluePoolPickRuleDTO();
+            BeanUtils.copyBean(pickRule, pickRuleMap.get(pool.getId()));
+            CluePoolRecycleRuleDTO recycleRule = new CluePoolRecycleRuleDTO();
+            CluePoolRecycleRule cluePoolRecycleRule = recycleRuleMap.get(pool.getId());
+            BeanUtils.copyBean(recycleRule, cluePoolRecycleRule);
+            recycleRule.setConditions(JSON.parseArray(cluePoolRecycleRule.getCondition(), RuleConditionDTO.class));
+            delOldTime(recycleRule);
+            pool.setPickRule(pickRule);
+            pool.setRecycleRule(recycleRule);
+
+            Set<String> hiddenFieldIds;
+            if (hiddenFieldMap.get(pool.getId()) != null) {
+                hiddenFieldIds = hiddenFieldMap.get(pool.getId()).stream()
+                        .map(CluePoolHiddenField::getFieldId)
+                        .collect(Collectors.toSet());
+            } else {
+                hiddenFieldIds = Set.of();
+            }
+
+            pool.setFieldConfigs(getCluePoolFieldConfigs(fields, hiddenFieldIds));
+        });
+
+        return pools;
+    }
+
+    private void delOldTime(CluePoolRecycleRuleDTO recycleRule) {
+        recycleRule.getConditions().forEach(condition -> {
+            if (Strings.CS.equals(condition.getColumn(), RecycleConditionColumnKey.STORAGE_TIME)
+                    && Strings.CS.equals(condition.getOperator(), RecycleConditionOperator.DYNAMICS.name())) {
+                String[] split = condition.getValue().split(",");
+                if (StringUtils.isNotBlank(condition.getValue()) && split.length == 2) {
+                    String dateValue = split[0];
+                    String dateUnit = split[1];
+                    dateUnit = switch (dateUnit) {
+                        case "day" -> "BEFORE_DAY";
+                        case "month" -> "BEFORE_MONTH";
+                        case "week" -> "BEFORE_WEEK";
+                        default -> dateUnit;
+                    };
+                    condition.setValue("CUSTOM," + dateValue + "," + dateUnit);
+                }
+            }
+        });
+    }
+
+    public List<CluePoolFieldConfigDTO> getCluePoolFieldConfigs(List<BaseField> fields, Set<String> hiddenFieldIds) {
+        return fields.stream().map(field -> {
+            CluePoolFieldConfigDTO hiddenFieldDTO = new CluePoolFieldConfigDTO();
+            hiddenFieldDTO.setFieldId(field.getId());
+            hiddenFieldDTO.setFieldName(field.getName());
+            hiddenFieldDTO.setEnable(!hiddenFieldIds.contains(field.getId()));
+            hiddenFieldDTO.setEditable(!Strings.CS.equals(field.getInternalKey(), BusinessModuleField.CLUE_NAME.getKey()));
+            return hiddenFieldDTO;
+        }).toList();
+    }
+
+    public List<CluePoolHiddenField> getCluePoolHiddenFieldsByPoolIds(List<String> poolIds) {
+        LambdaQueryWrapper<CluePoolHiddenField> hiddenFieldWrapper = new LambdaQueryWrapper<>();
+        hiddenFieldWrapper.in(CluePoolHiddenField::getPoolId, poolIds);
+        return cluePoolHiddenFieldMapper.selectListByLambda(hiddenFieldWrapper);
+    }
+
+    /**
+     * 添加线索池
+     *
+     * @param request 添加参数
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.ADD)
+    public void add(CluePoolAddRequest request, String currentUserId, String currentOrgId) {
+        CluePool pool = new CluePool();
+        BeanUtils.copyBean(pool, request);
+        pool.setId(IDGenerator.nextStr());
+        pool.setOrganizationId(currentOrgId);
+        pool.setOwnerId(JSON.toJSONString(request.getOwnerIds()));
+        pool.setScopeId(JSON.toJSONString(request.getScopeIds()));
+        pool.setCreateTime(System.currentTimeMillis());
+        pool.setCreateUser(currentUserId);
+        pool.setUpdateTime(System.currentTimeMillis());
+        pool.setUpdateUser(currentUserId);
+
+        cluePoolMapper.insert(pool);
+
+        CluePoolPickRule pickRule = new CluePoolPickRule();
+        BeanUtils.copyBean(pickRule, request.getPickRule());
+        pickRule.setId(IDGenerator.nextStr());
+        pickRule.setPoolId(pool.getId());
+        pickRule.setCreateTime(System.currentTimeMillis());
+        pickRule.setCreateUser(currentUserId);
+        pickRule.setUpdateTime(System.currentTimeMillis());
+        pickRule.setUpdateUser(currentUserId);
+
+        cluePoolPickRuleMapper.insert(pickRule);
+
+        CluePoolRecycleRule recycleRule = new CluePoolRecycleRule();
+        BeanUtils.copyBean(recycleRule, request.getRecycleRule());
+        recycleRule.setId(IDGenerator.nextStr());
+        recycleRule.setPoolId(pool.getId());
+        recycleRule.setCreateTime(System.currentTimeMillis());
+        recycleRule.setCreateUser(currentUserId);
+        try {
+            recycleRule.setCondition(JSON.toJSONString(request.getRecycleRule().getConditions()));
+        } catch (Exception e) {
+            throw new GenericException(Translator.get("customer_rule_condition_error"));
+        }
+        recycleRule.setUpdateTime(System.currentTimeMillis());
+        recycleRule.setUpdateUser(currentUserId);
+
+        cluePoolRecycleRuleMapper.insert(recycleRule);
+
+        batchInsertCluePoolHiddenFields(pool.getId(), request.getHiddenFieldIds());
+
+        // 添加日志上下文
+        OperationLogContext.setContext(LogContextInfo.builder()
+                .modifiedValue(pool)
+                .resourceId(pool.getId())
+                .resourceName(Translator.get("module.clue.pool.setting"))
+                .build());
+    }
+
+    /**
+     * 修改线索池
+     *
+     * @param request 修改参数
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.UPDATE)
+    public void update(CluePoolUpdateRequest request, String currentUserId, String currentOrgId) {
+        CluePool originPool = checkPoolExist(request.getId());
+
+        CluePool pool = new CluePool();
+        BeanUtils.copyBean(pool, request);
+        pool.setOrganizationId(currentOrgId);
+        pool.setOwnerId(JSON.toJSONString(request.getOwnerIds()));
+        pool.setScopeId(JSON.toJSONString(request.getScopeIds()));
+        pool.setUpdateTime(System.currentTimeMillis());
+        pool.setUpdateUser(currentUserId);
+
+        cluePoolMapper.update(pool);
+
+        CluePoolPickRule pickRule = new CluePoolPickRule();
+        BeanUtils.copyBean(pickRule, request.getPickRule());
+        pickRule.setPoolId(pool.getId());
+        pickRule.setUpdateTime(System.currentTimeMillis());
+        pickRule.setUpdateUser(currentUserId);
+
+        extCluePoolMapper.updatePickRule(pickRule);
+
+        CluePoolRecycleRule recycleRule = new CluePoolRecycleRule();
+        BeanUtils.copyBean(recycleRule, request.getRecycleRule());
+        recycleRule.setPoolId(pool.getId());
+        try {
+            recycleRule.setCondition(JSON.toJSONString(request.getRecycleRule().getConditions()));
+        } catch (Exception e) {
+            throw new GenericException(Translator.get("customer_rule_condition_error"));
+        }
+        recycleRule.setUpdateTime(System.currentTimeMillis());
+        recycleRule.setUpdateUser(currentUserId);
+
+        extCluePoolMapper.updateRecycleRule(recycleRule);
+
+        if (request.getHiddenFieldIds() != null) {
+            deleteCluePoolHiddenFieldByPoolId(pool.getId());
+            batchInsertCluePoolHiddenFields(pool.getId(), request.getHiddenFieldIds());
+        }
+
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .resourceId(pool.getId())
+                        .resourceName(Translator.get("module.clue.pool.setting"))
+                        .originalValue(originPool)
+                        .modifiedValue(cluePoolMapper.selectByPrimaryKey(request.getId()))
+                        .build()
+        );
+    }
+
+
+    private void batchInsertCluePoolHiddenFields(String poolId, Set<String> fieldIds) {
+        if (CollectionUtils.isEmpty(fieldIds)) {
+            return;
+        }
+        List<CluePoolHiddenField> cluePoolHiddenFields = fieldIds.stream()
+                .map(fieldId -> {
+                    CluePoolHiddenField cluePoolHiddenField = new CluePoolHiddenField();
+                    cluePoolHiddenField.setFieldId(fieldId);
+                    cluePoolHiddenField.setPoolId(poolId);
+                    return cluePoolHiddenField;
+                }).toList();
+        cluePoolHiddenFieldMapper.batchInsert(cluePoolHiddenFields);
+    }
+
+    private void deleteCluePoolHiddenFieldByPoolId(String poolId) {
+        CluePoolHiddenField cluePoolHiddenField = new CluePoolHiddenField();
+        cluePoolHiddenField.setPoolId(poolId);
+        cluePoolHiddenFieldMapper.delete(cluePoolHiddenField);
+    }
+
+    /**
+     * 线索池是否存在未领取线索
+     *
+     * @param id 线索池ID
+     */
+    public boolean checkNoPick(String id) {
+        LambdaQueryWrapper<Clue> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(Clue::getPoolId, id)
+                .eq(Clue::getInSharedPool, true);
+        List<Clue> relations = clueMapper.selectListByLambda(wrapper);
+        return CollectionUtils.isNotEmpty(relations);
+    }
+
+    /**
+     * 删除线索池
+     *
+     * @param id 线索池ID
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.DELETE, resourceId = "{#id}")
+    public void delete(String id) {
+        checkPoolExist(id);
+        cluePoolMapper.deleteByPrimaryKey(id);
+        CluePoolPickRule pickRule = new CluePoolPickRule();
+        pickRule.setPoolId(id);
+        cluePoolPickRuleMapper.delete(pickRule);
+        CluePoolRecycleRule recycleRule = new CluePoolRecycleRule();
+        recycleRule.setPoolId(id);
+        cluePoolRecycleRuleMapper.delete(recycleRule);
+        deleteCluePoolHiddenFieldByPoolId(id);
+
+        // 设置操作对象
+        OperationLogContext.setResourceName(Translator.get("module.clue.pool.setting"));
+    }
+
+    /**
+     * 启用/禁用线索池
+     *
+     * @param id 线索池ID
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.UPDATE, resourceId = "{#id}")
+    public void switchStatus(String id, String currentUserId) {
+        CluePool pool = checkPoolExist(id);
+
+        pool.setEnable(!pool.getEnable());
+        pool.setUpdateTime(System.currentTimeMillis());
+        pool.setUpdateUser(currentUserId);
+
+        cluePoolMapper.updateById(pool);
+
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .resourceName(Translator.get("module.clue.pool.setting"))
+                        .originalValue(pool)
+                        .modifiedValue(cluePoolMapper.selectByPrimaryKey(id))
+                        .build()
+        );
+    }
+
+    /**
+     * 获取负责人默认线索池ID
+     *
+     * @param ownerIds       负责人ID集合
+     * @param organizationId 组织ID
+     *
+     * @return 默认线索池
+     */
+    public Map<String, CluePool> getOwnersDefaultPoolMap(List<String> ownerIds, String organizationId) {
+        Map<String, CluePool> poolMap = new HashMap<>(4);
+        List<CluePool> pools = extCluePoolMapper.getAllPool(organizationId);
+        Map<String, List<String>> ownerScopeMap = userExtendService.getMultiScopeMap(ownerIds, organizationId);
+        ownerIds.forEach(ownerId -> {
+            List<CluePool> matchPools = matchMultiScope(ownerScopeMap.get(ownerId), pools);
+            if (CollectionUtils.isEmpty(matchPools)) {
+                // not found pool for owner
+                return;
+            }
+            poolMap.put(ownerId, matchPools.getFirst());
+        });
+
+        return poolMap;
+    }
+
+    /**
+     * 匹配多个范围的线索池
+     *
+     * @param scopeIds 范围ID集合
+     * @param pools    线索池列表
+     *
+     * @return 命中范围的线索池列表
+     */
+    public List<CluePool> matchMultiScope(List<String> scopeIds, List<CluePool> pools) {
+        /*
+         * 命中线索池任意范围即返回(默认按照创建时间作为优先级)
+         */
+        if (CollectionUtils.isEmpty(scopeIds) || CollectionUtils.isEmpty(pools)) {
+            return new ArrayList<>();
+        }
+        return pools.stream()
+                .filter(pool -> {
+                    List<String> poolScopes = JSON.parseArray(pool.getScopeId(), String.class);
+                    return CollectionUtils.isNotEmpty(poolScopes) && CollectionUtils.containsAny(scopeIds, poolScopes);
+                })
+                .sorted(Comparator.comparing(CluePool::getCreateTime).reversed())
+                .collect(Collectors.toList());
+    }
+
+    /**
+     * 计算剩余归属天数
+     *
+     * @param pool           线索池
+     * @param collectionTime 领取时间
+     * @param createTime     创建时间
+     *
+     * @return 剩余归属天数
+     */
+    public Integer calcReservedDay(CluePool pool, CluePoolRecycleRule recycleRule, Long collectionTime, Long createTime) {
+        if (pool == null || !pool.getAuto() || recycleRule == null) {
+            return null;
+        }
+
+        // 判断线索池是否存在入库条件
+        List<RuleConditionDTO> conditions = JSON.parseArray(recycleRule.getCondition(), RuleConditionDTO.class);
+        return RecycleConditionUtils.calcRecycleDays(conditions, Math.min(collectionTime, createTime));
+    }
+
+    /**
+     * 校验线索池是否存在
+     *
+     * @param id 线索池ID
+     *
+     * @return 线索池
+     */
+    private CluePool checkPoolExist(String id) {
+        CluePool pool = cluePoolMapper.selectByPrimaryKey(id);
+        if (pool == null) {
+            throw new GenericException(Translator.get("clue_pool_not_exist"));
+        }
+        return pool;
+    }
+
+    /**
+     * 获取负责人最佳匹配公海
+     *
+     * @param pools 公海列表
+     *
+     * @return 公海集合
+     */
+    public Map<List<String>, CluePool> getOwnersBestMatchPoolMap(List<CluePool> pools) {
+        Map<List<String>, CluePool> poolMap = new HashMap<>(4);
+        pools.sort(Comparator.comparing(CluePool::getCreateTime).reversed());
+        for (CluePool pool : pools) {
+            List<String> exitOwnerIds = poolMap.keySet().stream().flatMap(List::stream).toList();
+            List<String> scopeIds = JSON.parseArray(pool.getScopeId(), String.class);
+            List<String> ownerIds = userExtendService.getScopeOwnerIds(scopeIds, pool.getOrganizationId());
+            List<String> defaultOwnerIds = ownerIds.stream().distinct().filter(ownerId -> !exitOwnerIds.contains(ownerId)).toList();
+            if (CollectionUtils.isEmpty(defaultOwnerIds)) {
+                continue;
+            }
+            poolMap.put(defaultOwnerIds, pool);
+        }
+        return poolMap;
+    }
+
+    /**
+     * 校验线索是否符合回收规则
+     *
+     * @param clue        线索
+     * @param recycleRule 回收规则
+     *
+     * @return 是否符合回收规则
+     */
+    public boolean checkRecycled(Clue clue, CluePoolRecycleRule recycleRule) {
+        boolean allMatch = Strings.CS.equals(CombineSearch.SearchMode.AND.name(), recycleRule.getOperator());
+        List<RuleConditionDTO> conditions = JSON.parseArray(recycleRule.getCondition(), RuleConditionDTO.class);
+        if (allMatch) {
+            return conditions.stream().allMatch(condition -> matchTime(condition, clue));
+        } else {
+            return conditions.stream().anyMatch(condition -> matchTime(condition, clue));
+        }
+    }
+
+    /**
+     * 是否匹配时间规则
+     *
+     * @param condition 规则
+     * @param clue      线索
+     *
+     * @return 是否匹配
+     */
+    private boolean matchTime(RuleConditionDTO condition, Clue clue) {
+        if (Strings.CS.equals(condition.getColumn(), RecycleConditionColumnKey.STORAGE_TIME)) {
+            if (condition.getScope().contains(RecycleConditionScopeKey.CREATED)) {
+                return RecycleConditionUtils.matchTime(condition, clue.getCreateTime());
+            } else if (condition.getScope().contains(RecycleConditionScopeKey.PICKED)) {
+                return RecycleConditionUtils.matchTime(condition, clue.getCollectionTime());
+            } else {
+                return RecycleConditionUtils.matchTime(condition, clue.getCreateTime()) || RecycleConditionUtils.matchTime(condition, clue.getCollectionTime());
+            }
+        } else {
+            return RecycleConditionUtils.matchTime(condition, clue.getFollowTime());
+        }
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/service/ClueResourceAccessContextProvider.java b/backend/crm/src/main/java/cn/cordys/crm/clue/service/ClueResourceAccessContextProvider.java
new file mode 100644
index 0000000..7fb1830
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/service/ClueResourceAccessContextProvider.java
@@ -0,0 +1,46 @@
+package cn.cordys.crm.clue.service;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.permission.ResourceAccessContext;
+import cn.cordys.common.permission.ResourceAccessContextProvider;
+import cn.cordys.crm.clue.domain.Clue;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Component;
+
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+
+@Component
+public class ClueResourceAccessContextProvider implements ResourceAccessContextProvider {
+
+    @Resource
+    private BaseMapper<Clue> clueMapper;
+
+    @Override
+    public String getFormType() {
+        return FormKey.CLUE.getKey();
+    }
+
+    @Override
+    public ResourceAccessContext getAccessContext(String resourceId, String orgId) {
+        Clue clue = clueMapper.selectByPrimaryKey(resourceId);
+        if (clue == null) {
+            return null;
+        }
+        ResourceAccessContext context = new ResourceAccessContext();
+        context.setOwnerId(clue.getOwner());
+        return context;
+    }
+
+    @Override
+    public Map<String, String> batchGetOwnerIds(List<String> resourceIds, String orgId) {
+        if (resourceIds == null || resourceIds.isEmpty()) {
+            return Map.of();
+        }
+        return clueMapper.selectByIds(resourceIds).stream()
+                .filter(clue -> clue.getOwner() != null)
+                .collect(Collectors.toMap(Clue::getId, Clue::getOwner, (a, b) -> a));
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/service/ClueService.java b/backend/crm/src/main/java/cn/cordys/crm/clue/service/ClueService.java
new file mode 100644
index 0000000..48f8d8a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/service/ClueService.java
@@ -0,0 +1,1307 @@
+package cn.cordys.crm.clue.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.aspectj.dto.LogDTO;
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.LinkScenarioKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.domain.BaseResourceSubField;
+import cn.cordys.common.dto.*;
+import cn.cordys.common.dto.chart.ChartResult;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.permission.PermissionCache;
+import cn.cordys.common.permission.PermissionUtils;
+import cn.cordys.common.service.BaseChartService;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.crm.clue.constants.ClueStatus;
+import cn.cordys.crm.clue.domain.*;
+import cn.cordys.crm.clue.dto.ClueFollowDTO;
+import cn.cordys.crm.clue.dto.TransformCsAssociateDTO;
+import cn.cordys.crm.clue.dto.request.*;
+import cn.cordys.crm.clue.dto.response.ClueGetResponse;
+import cn.cordys.crm.clue.dto.response.ClueListResponse;
+import cn.cordys.crm.clue.mapper.ExtClueMapper;
+import cn.cordys.crm.customer.domain.Customer;
+import cn.cordys.crm.customer.domain.CustomerContact;
+import cn.cordys.crm.customer.dto.request.*;
+import cn.cordys.crm.customer.service.CustomerCollaborationService;
+import cn.cordys.crm.customer.service.CustomerContactService;
+import cn.cordys.crm.customer.service.CustomerService;
+import cn.cordys.crm.customer.service.PoolCustomerService;
+import cn.cordys.crm.follow.constants.FollowUpPlanType;
+import cn.cordys.crm.follow.domain.*;
+import cn.cordys.crm.follow.service.FollowUpPlanService;
+import cn.cordys.crm.follow.service.FollowUpRecordService;
+import cn.cordys.crm.opportunity.domain.Opportunity;
+import cn.cordys.crm.opportunity.dto.request.OpportunityAddRequest;
+import cn.cordys.crm.opportunity.service.OpportunityService;
+import cn.cordys.crm.product.mapper.ExtProductMapper;
+import cn.cordys.crm.product.service.ProductService;
+import cn.cordys.crm.system.constants.DictModule;
+import cn.cordys.crm.system.constants.NotificationConstants;
+import cn.cordys.crm.system.constants.SheetKey;
+import cn.cordys.crm.system.domain.Dict;
+import cn.cordys.crm.system.dto.DictConfigDTO;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.form.FormLinkFill;
+import cn.cordys.crm.system.dto.request.BatchPoolReasonRequest;
+import cn.cordys.crm.system.dto.request.PoolReasonRequest;
+import cn.cordys.crm.system.dto.request.ResourceBatchEditRequest;
+import cn.cordys.crm.system.dto.response.BatchAffectResponse;
+import cn.cordys.crm.system.dto.response.ImportResponse;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.excel.CustomImportAfterDoConsumer;
+import cn.cordys.crm.system.excel.handler.CustomHeadColWidthStyleStrategy;
+import cn.cordys.crm.system.excel.handler.CustomTemplateWriteHandler;
+import cn.cordys.crm.system.excel.listener.CustomFieldCheckEventListener;
+import cn.cordys.crm.system.excel.listener.CustomFieldImportEventListener;
+import cn.cordys.crm.system.mapper.ExtUserMapper;
+import cn.cordys.crm.system.notice.CommonNoticeSendService;
+import cn.cordys.crm.system.service.DictService;
+import cn.cordys.crm.system.service.LogService;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.crm.system.service.ModuleFormService;
+import cn.cordys.excel.utils.EasyExcelExporter;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import cn.idev.excel.FastExcelFactory;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import jakarta.servlet.http.HttpServletResponse;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.BooleanUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+import org.springframework.web.multipart.MultipartFile;
+
+import java.util.*;
+import java.util.stream.Collectors;
+import java.util.stream.Stream;
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class ClueService {
+
+    @Resource
+    private BaseMapper<Clue> clueMapper;
+    @Resource
+    private BaseMapper<Customer> customerMapper;
+    @Resource
+    private ExtClueMapper extClueMapper;
+    @Resource
+    private BaseService baseService;
+    @Resource
+    private DictService dictService;
+    @Resource
+    private CustomerService customerService;
+    @Resource
+    private OpportunityService opportunityService;
+    @Resource
+    private ClueFieldService clueFieldService;
+    @Resource
+    private BaseChartService baseChartService;
+    @Resource
+    private CluePoolService cluePoolService;
+    @Resource
+    private BaseMapper<CluePoolRecycleRule> recycleRuleMapper;
+    @Resource
+    private ClueOwnerHistoryService clueOwnerHistoryService;
+    @Resource
+    private FollowUpRecordService followUpRecordService;
+    @Resource
+    private FollowUpPlanService followUpPlanService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private ModuleFormService moduleFormService;
+    @Resource
+    private CommonNoticeSendService commonNoticeSendService;
+    @Resource
+    private DataScopeService dataScopeService;
+    @Resource
+    private PoolClueService poolClueService;
+    @Resource
+    private LogService logService;
+    @Resource
+    private BaseMapper<CustomerContact> customerContactMapper;
+    @Resource
+    private PermissionCache permissionCache;
+    @Resource
+    private ExtProductMapper extProductMapper;
+    @Resource
+    private ProductService productService;
+    @Resource
+    private PoolCustomerService poolCustomerService;
+    @Resource
+    private CustomerCollaborationService customerCollaborationService;
+    @Resource
+    private CustomerContactService customerContactService;
+    @Resource
+    private ExtUserMapper extUserMapper;
+    @Resource
+    private BaseMapper<ClueField> clueFieldMapper;
+    @Resource
+    private BaseMapper<ClueFieldBlob> clueFieldBlobMapper;
+    @Resource
+    private BaseMapper<FollowUpRecord> followUpRecordMapper;
+    @Resource
+    private BaseMapper<FollowUpRecordField> followUpRecordFieldMapper;
+    @Resource
+    private BaseMapper<FollowUpRecordFieldBlob> followUpRecordFieldBlobMapper;
+    @Resource
+    private BaseMapper<FollowUpPlan> followUpPlanMapper;
+    @Resource
+    private BaseMapper<FollowUpPlanField> followUpPlanFieldMapper;
+    @Resource
+    private BaseMapper<FollowUpPlanFieldBlob> followUpPlanFieldBlobMapper;
+
+    public PagerWithOption<List<ClueListResponse>> list(CluePageRequest request, String userId, String orgId,
+                                                        DeptDataPermissionDTO deptDataPermission, Boolean source) {
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        List<ClueListResponse> list = extClueMapper.list(request, orgId, userId, deptDataPermission, source);
+        List<ClueListResponse> buildList = buildListData(list, orgId);
+
+        Map<String, List<OptionDTO>> optionMap = buildOptionMap(orgId, list, buildList);
+
+        return PageUtils.setPageInfoWithOption(page, buildList, optionMap);
+    }
+
+    public Map<String, List<OptionDTO>> buildOptionMap(String orgId, List<ClueListResponse> list, List<ClueListResponse> buildList) {
+        // 处理自定义字段选项数据
+        ModuleFormConfigDTO customerFormConfig = getFormConfig(orgId);
+        // 获取所有模块字段的值
+        List<BaseModuleFieldValue> moduleFieldValues = moduleFormService.getBaseModuleFieldValues(list, ClueListResponse::getModuleFields);
+        // 获取选项值对应的 option
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(customerFormConfig, moduleFieldValues);
+
+        // 补充负责人选项
+        List<OptionDTO> ownerFieldOption = moduleFormService.getBusinessFieldOption(buildList,
+                ClueListResponse::getOwner, ClueListResponse::getOwnerName);
+        optionMap.put(BusinessModuleField.CLUE_OWNER.getBusinessKey(), ownerFieldOption);
+
+        // 意向产品选项
+        List<OptionDTO> productOption = extProductMapper.getOptions(orgId);
+        optionMap.put(BusinessModuleField.OPPORTUNITY_PRODUCTS.getBusinessKey(), productOption);
+        return optionMap;
+    }
+
+    public ModuleFormConfigDTO getFormConfig(String orgId) {
+        return moduleFormCacheService.getBusinessFormConfig(FormKey.CLUE.getKey(), orgId);
+    }
+
+    public List<ClueListResponse> buildListData(List<ClueListResponse> list, String orgId) {
+        if (CollectionUtils.isEmpty(list)) {
+            return list;
+        }
+        List<String> clueIds = list.stream().map(ClueListResponse::getId)
+                .collect(Collectors.toList());
+
+        Map<String, List<BaseModuleFieldValue>> caseCustomFiledMap = clueFieldService.getResourceFieldMap(clueIds, true);
+
+        List<String> ownerIds = list.stream()
+                .map(ClueListResponse::getOwner)
+                .distinct()
+                .toList();
+
+        List<String> followerIds = list.stream()
+                .map(ClueListResponse::getFollower)
+                .distinct()
+                .toList();
+        List<String> createUserIds = list.stream()
+                .map(ClueListResponse::getCreateUser)
+                .distinct()
+                .toList();
+        List<String> updateUserIds = list.stream()
+                .map(ClueListResponse::getUpdateUser)
+                .distinct()
+                .toList();
+        List<String> userIds = Stream.of(ownerIds, followerIds, createUserIds, updateUserIds)
+                .flatMap(Collection::stream)
+                .distinct()
+                .toList();
+        Map<String, String> userNameMap = baseService.getUserNameMap(userIds);
+
+        // 获取负责人线索池信息
+        Map<String, CluePool> ownersDefaultPoolMap = cluePoolService.getOwnersDefaultPoolMap(ownerIds, orgId);
+        List<String> poolIds = ownersDefaultPoolMap.values().stream().map(CluePool::getId).distinct().toList();
+        Map<String, CluePoolRecycleRule> recycleRuleMap;
+        if (CollectionUtils.isEmpty(poolIds)) {
+            recycleRuleMap = Map.of();
+        } else {
+            LambdaQueryWrapper<CluePoolRecycleRule> recycleRuleWrapper = new LambdaQueryWrapper<>();
+            recycleRuleWrapper.in(CluePoolRecycleRule::getPoolId, poolIds);
+            List<CluePoolRecycleRule> recycleRules = recycleRuleMapper.selectListByLambda(recycleRuleWrapper);
+            recycleRuleMap = recycleRules.stream().collect(Collectors.toMap(CluePoolRecycleRule::getPoolId, rule -> rule));
+        }
+
+        Map<String, UserDeptDTO> userDeptMap = baseService.getUserDeptMapByUserIds(ownerIds, orgId);
+
+        // 线索池原因
+        DictConfigDTO dictConf = dictService.getDictConf(DictModule.CLUE_POOL_RS.name(), orgId);
+        List<Dict> dictList = dictConf.getDictList();
+        Map<String, String> dictMap = dictList.stream().collect(Collectors.toMap(Dict::getId, Dict::getName));
+
+        list.forEach(clueListResponse -> {
+            // 获取自定义字段
+            List<BaseModuleFieldValue> clueFields = caseCustomFiledMap.get(clueListResponse.getId());
+            clueListResponse.setModuleFields(clueFields);
+
+            // 设置回收公海
+            CluePool reservePool = ownersDefaultPoolMap.get(clueListResponse.getOwner());
+            clueListResponse.setRecyclePoolName(reservePool != null ? reservePool.getName() : null);
+            // 计算剩余归属天数
+            clueListResponse.setReservedDays(cluePoolService.calcReservedDay(reservePool,
+                    reservePool != null ? recycleRuleMap.get(reservePool.getId()) : null,
+                    clueListResponse.getCollectionTime(), clueListResponse.getCreateTime()));
+
+            UserDeptDTO userDeptDTO = userDeptMap.get(clueListResponse.getOwner());
+            if (userDeptDTO != null) {
+                clueListResponse.setDepartmentId(userDeptDTO.getDeptId());
+                clueListResponse.setDepartmentName(userDeptDTO.getDeptName());
+            }
+            clueListResponse.setFollowerName(userNameMap.get(clueListResponse.getFollower()));
+            clueListResponse.setCreateUserName(userNameMap.get(clueListResponse.getCreateUser()));
+            clueListResponse.setUpdateUserName(userNameMap.get(clueListResponse.getUpdateUser()));
+            clueListResponse.setOwnerName(userNameMap.get(clueListResponse.getOwner()));
+            if (StringUtils.isNotBlank(clueListResponse.getReasonId())) {
+                clueListResponse.setReasonName(dictMap.get(clueListResponse.getReasonId()));
+            }
+        });
+
+        return list;
+    }
+
+    /**
+     *
+     * @param id 线索ID
+     *
+     * @return 线索详情
+     */
+    public ClueGetResponse get(String id) {
+        Clue clue = clueMapper.selectByPrimaryKey(id);
+        if (clue == null) {
+            return null;
+        }
+        ClueGetResponse clueGetResponse = BeanUtils.copyBean(new ClueGetResponse(), clue);
+        clueGetResponse = baseService.setCreateUpdateOwnerUserName(clueGetResponse);
+
+        // 获取模块字段
+        List<BaseModuleFieldValue> clueFields = clueFieldService.getModuleFieldValuesByResourceId(id);
+        // 处理自定义字段选项数据
+        ModuleFormConfigDTO customerFormConfig = getFormConfig(clue.getOrganizationId());
+        // 获取选项值对应的 option
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(customerFormConfig, clueFields);
+        // 补充负责人选项
+        List<OptionDTO> ownerFieldOption = moduleFormService.getBusinessFieldOption(clueGetResponse,
+                ClueGetResponse::getOwner, ClueGetResponse::getOwnerName);
+        optionMap.put(BusinessModuleField.CLUE_OWNER.getBusinessKey(), ownerFieldOption);
+
+        // 意向产品选项
+        List<OptionDTO> productOption = extProductMapper.getOptions(clue.getOrganizationId());
+        optionMap.put(BusinessModuleField.OPPORTUNITY_PRODUCTS.getBusinessKey(), productOption);
+
+
+        clueGetResponse.setOptionMap(optionMap);
+        clueGetResponse.setModuleFields(clueFields);
+
+
+        // 线索池原因
+        DictConfigDTO dictConf = dictService.getDictConf(DictModule.CLUE_POOL_RS.name(), clue.getOrganizationId());
+        List<Dict> dictList = dictConf.getDictList();
+        Map<String, String> dictMap = dictList.stream().collect(Collectors.toMap(Dict::getId, Dict::getName));
+
+        if (clueGetResponse.getOwner() != null) {
+            // 获取负责人线索池信息
+            Map<String, CluePool> ownersDefaultPoolMap = cluePoolService.getOwnersDefaultPoolMap(List.of(clueGetResponse.getOwner()), clue.getOrganizationId());
+            List<String> poolIds = ownersDefaultPoolMap.values().stream().map(CluePool::getId).distinct().toList();
+            Map<String, CluePoolRecycleRule> recycleRuleMap;
+            if (CollectionUtils.isEmpty(poolIds)) {
+                recycleRuleMap = Map.of();
+            } else {
+                LambdaQueryWrapper<CluePoolRecycleRule> recycleRuleWrapper = new LambdaQueryWrapper<>();
+                recycleRuleWrapper.in(CluePoolRecycleRule::getPoolId, poolIds);
+                List<CluePoolRecycleRule> recycleRules = recycleRuleMapper.selectListByLambda(recycleRuleWrapper);
+                recycleRuleMap = recycleRules.stream().collect(Collectors.toMap(CluePoolRecycleRule::getPoolId, rule -> rule));
+            }
+            // 设置回收公海
+            CluePool reservePool = ownersDefaultPoolMap.get(clueGetResponse.getOwner());
+            clueGetResponse.setRecyclePoolName(reservePool != null ? reservePool.getName() : null);
+            // 计算剩余归属天数
+            clueGetResponse.setReservedDays(cluePoolService.calcReservedDay(reservePool,
+                    reservePool != null ? recycleRuleMap.get(reservePool.getId()) : null,
+                    clueGetResponse.getCollectionTime(), clueGetResponse.getCreateTime()));
+
+            UserDeptDTO userDeptDTO = baseService.getUserDeptMapByUserId(clueGetResponse.getOwner(), clue.getOrganizationId());
+            if (userDeptDTO != null) {
+                clueGetResponse.setDepartmentId(userDeptDTO.getDeptId());
+                clueGetResponse.setDepartmentName(userDeptDTO.getDeptName());
+            }
+        }
+
+        if (clueGetResponse.getFollower() != null) {
+            Map<String, String> userNameMap = baseService.getUserNameMap(List.of(clueGetResponse.getFollower()));
+            clueGetResponse.setFollowerName(userNameMap.get(clueGetResponse.getFollower()));
+        }
+
+        if (StringUtils.isNotBlank(clueGetResponse.getReasonId())) {
+            clueGetResponse.setReasonName(dictMap.get(clueGetResponse.getReasonId()));
+        }
+
+        // 附件信息
+        clueGetResponse.setAttachmentMap(moduleFormService.getAttachmentMap(customerFormConfig, clueFields));
+
+        return clueGetResponse;
+    }
+
+	/**
+	 * 获取线索详情 (⚠️反射调用; 勿修改入参, 返回, 方法名!)
+	 * @param id 线索ID
+	 * @return 详情
+	 */
+	public ClueGetResponse getSimple(String id) {
+		Clue clue = clueMapper.selectByPrimaryKey(id);
+		if (clue == null) {
+			return null;
+		}
+		ClueGetResponse clueGetResponse = BeanUtils.copyBean(new ClueGetResponse(), clue);
+		// 获取模块字段
+		List<BaseModuleFieldValue> clueFields = clueFieldService.getModuleFieldValuesByResourceId(id);
+		clueGetResponse.setModuleFields(clueFields);
+		return clueGetResponse;
+	}
+
+	/**
+	 * 批量获取线索详情 (用于数据源批量查询优化)
+	 * @param ids 线索ID集合
+	 * @return 线索详情列表
+	 */
+	public List<ClueGetResponse> batchGetSimpleByIds(List<String> ids) {
+		if (CollectionUtils.isEmpty(ids)) {
+			return Collections.emptyList();
+		}
+		// 批量查询资源基本信息
+		List<Clue> clues = clueMapper.selectByIds(ids);
+		if (CollectionUtils.isEmpty(clues)) {
+			return Collections.emptyList();
+		}
+		// 批量查询自定义字段值
+		Map<String, List<BaseModuleFieldValue>> fieldValueMap = clueFieldService.getResourceFieldMap(ids, true);
+
+		// 组装结果
+		return clues.stream().map(clue -> {
+			ClueGetResponse response = BeanUtils.copyBean(new ClueGetResponse(), clue);
+			response.setModuleFields(fieldValueMap.get(clue.getId()));
+			return response;
+		}).toList();
+	}
+
+    @OperationLog(module = LogModule.CLUE_INDEX, type = LogType.ADD)
+    public Clue add(ClueAddRequest request, String userId, String orgId) {
+        productService.checkProductList(request.getProducts());
+        Clue clue = BeanUtils.copyBean(new Clue(), request);
+        if (StringUtils.isBlank(request.getOwner())) {
+            clue.setOwner(userId);
+        }
+        poolClueService.validateCapacity(1, clue.getOwner(), orgId);
+        clue.setCreateTime(System.currentTimeMillis());
+        clue.setUpdateTime(System.currentTimeMillis());
+        clue.setCollectionTime(clue.getCreateTime());
+        clue.setUpdateUser(userId);
+        clue.setCreateUser(userId);
+        clue.setOrganizationId(orgId);
+        clue.setId(IDGenerator.nextStr());
+        clue.setStage(ClueStatus.NEW.name());
+        clue.setInSharedPool(false);
+
+        //保存自定义字段
+        clueFieldService.saveModuleField(clue, orgId, userId, request.getModuleFields(), false);
+
+        clueMapper.insert(clue);
+        baseService.handleAddLogWithResourceName(clue, request.getModuleFields());
+
+		// 消息通知
+		commonNoticeSendService.sendNotice(NotificationConstants.Module.CLUE,
+				NotificationConstants.Event.CLUE_ADD, clue.getName(), userId,
+				orgId, List.of(clue.getOwner()), true);
+        return clue;
+    }
+
+    @OperationLog(module = LogModule.CLUE_INDEX, type = LogType.UPDATE, resourceId = "{#request.id}")
+    public Clue update(ClueUpdateRequest request, String userId, String orgId) {
+        productService.checkProductList(request.getProducts());
+        Clue originClue = clueMapper.selectByPrimaryKey(request.getId());
+        if (!Strings.CS.equals(originClue.getOwner(), request.getOwner())) {
+            poolClueService.validateCapacity(1, request.getOwner(), orgId);
+        }
+
+        Clue clue = BeanUtils.copyBean(new Clue(), request);
+        clue.setUpdateTime(System.currentTimeMillis());
+        clue.setUpdateUser(userId);
+
+        if (StringUtils.isNotBlank(request.getOwner())) {
+            if (!Strings.CS.equals(request.getOwner(), originClue.getOwner())) {
+                // 如果责任人有修改，则添加责任人历史
+                clueOwnerHistoryService.add(originClue, userId, false);
+                sendTransferNotice(List.of(originClue), request.getOwner(), userId, orgId);
+            }
+        }
+
+        // 获取模块字段
+        List<BaseModuleFieldValue> originCustomerFields = clueFieldService.getModuleFieldValuesByResourceId(request.getId());
+
+        if (BooleanUtils.isTrue(request.getAgentInvoke())) {
+            clueFieldService.updateModuleFieldByAgent(clue, originCustomerFields, request.getModuleFields(), orgId, userId);
+        } else {
+            // 更新模块字段
+            updateModuleField(clue, request.getModuleFields(), orgId, userId);
+        }
+
+        clueMapper.update(clue);
+        clue = clueMapper.selectByPrimaryKey(request.getId());
+        baseService.handleUpdateLog(originClue, clue, originCustomerFields, request.getModuleFields(), originClue.getId(), originClue.getName());
+        return clueMapper.selectByPrimaryKey(clue.getId());
+    }
+
+    private void sendTransferNotice(List<Clue> originClues, String toUser, String userId, String orgId) {
+        originClues.forEach(clue -> commonNoticeSendService.sendNotice(NotificationConstants.Module.CLUE,
+                NotificationConstants.Event.TRANSFER_CLUE, clue.getName(), userId,
+                orgId, List.of(toUser), true));
+    }
+
+    @OperationLog(module = LogModule.CLUE_INDEX, type = LogType.UPDATE, resourceId = "{#request.id}")
+    public void updateStatus(ClueStatusUpdateRequest request, String userId, String orgId) {
+        Clue originClue = clueMapper.selectByPrimaryKey(request.getId());
+        Clue clue = BeanUtils.copyBean(new Clue(), request);
+        clue.setUpdateTime(System.currentTimeMillis());
+        clue.setUpdateUser(userId);
+        // 记录修改前的状态
+        clue.setLastStage(originClue.getStage());
+        clueMapper.update(clue);
+        // 日志
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .resourceName(originClue.getName())
+                        .originalValue(originClue)
+                        .modifiedValue(clueMapper.selectByPrimaryKey(request.getId()))
+                        .build()
+        );
+    }
+
+    private void updateModuleField(Clue clue, List<BaseModuleFieldValue> moduleFields, String orgId, String userId) {
+        if (moduleFields == null) {
+            // 如果为 null，则不更新
+            return;
+        }
+        // 先删除
+        clueFieldService.deleteByResourceId(clue.getId());
+        // 再保存
+        clueFieldService.saveModuleField(clue, orgId, userId, moduleFields, true);
+    }
+
+    /**
+     * 转移客户
+     *
+     * @param request 请求参数
+     * @param userId  用户ID
+     * @param orgId   组织ID
+     */
+    public void transitionCustomer(ClueTransitionCustomerRequest request, String userId, String orgId) {
+        Customer customer = customerService.add(request, userId, orgId);
+        Clue clue = clueMapper.selectByPrimaryKey(request.getClueId());
+        clue.setTransitionId(customer.getId());
+        clue.setTransitionType(FormKey.CUSTOMER.name());
+        clue.setUpdateTime(System.currentTimeMillis());
+        clue.setUpdateUser(userId);
+        clueMapper.update(clue);
+
+        // 同步添加联系人
+        LambdaQueryWrapper<CustomerContact> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(CustomerContact::getPhone, clue.getPhone());
+        List<CustomerContact> contacts = customerContactMapper.selectListByLambda(wrapper);
+        if (CollectionUtils.isEmpty(contacts)) {
+            CustomerContact contact = new CustomerContact();
+            contact.setId(IDGenerator.nextStr());
+            contact.setCustomerId(customer.getId());
+            contact.setOwner(customer.getOwner());
+            contact.setName(clue.getContact());
+            contact.setPhone(clue.getPhone());
+            contact.setEnable(true);
+            contact.setOrganizationId(orgId);
+            contact.setCreateUser(userId);
+            contact.setCreateTime(System.currentTimeMillis());
+            contact.setUpdateUser(userId);
+            contact.setUpdateTime(System.currentTimeMillis());
+            customerContactMapper.insert(contact);
+        }
+
+        commonNoticeSendService.sendNotice(NotificationConstants.Module.CLUE,
+                NotificationConstants.Event.CLUE_CONVERT_CUSTOMER, clue.getName(), userId,
+                orgId, List.of(clue.getOwner()), true);
+    }
+
+
+    @OperationLog(module = LogModule.CLUE_INDEX, type = LogType.DELETE, resourceId = "{#id}")
+    public void delete(String id, String userId, String orgId) {
+        Clue clue = clueMapper.selectByPrimaryKey(id);
+        // 删除客户
+        clueMapper.deleteByPrimaryKey(id);
+        // 删除客户模块字段
+        clueFieldService.deleteByResourceId(id);
+        // 删除责任人历史
+        clueOwnerHistoryService.deleteByClueIds(List.of(id));
+        // 删除跟进记录
+        followUpRecordService.deleteByClueIds(List.of(id));
+        // 删除跟进计划
+        followUpPlanService.deleteByClueIds(List.of(id));
+
+        // 设置操作对象
+        OperationLogContext.setResourceName(clue.getName());
+
+        // 消息通知
+        commonNoticeSendService.sendNotice(NotificationConstants.Module.CLUE,
+                NotificationConstants.Event.CLUE_DELETED, clue.getName(), userId,
+                orgId, List.of(clue.getOwner()), true);
+
+    }
+
+    public void batchTransfer(ClueBatchTransferRequest request, String userId, String orgId) {
+        List<Clue> clues = clueMapper.selectByIds(request.getIds());
+        long processCount = clues.stream().filter(clue -> !Strings.CS.equals(clue.getOwner(), request.getOwner())).count();
+        poolClueService.validateCapacity((int) processCount, request.getOwner(), orgId);
+
+        // 添加责任人历史
+        clueOwnerHistoryService.batchAdd(request, userId);
+        extClueMapper.batchTransfer(request);
+
+        // 记录日志
+        List<LogDTO> logs = clues.stream()
+                .map(clue -> {
+                    Customer originCustomer = new Customer();
+                    originCustomer.setOwner(clue.getOwner());
+                    Customer modifieCustomer = new Customer();
+                    modifieCustomer.setOwner(request.getOwner());
+                    LogDTO logDTO = new LogDTO(orgId, clue.getId(), userId, LogType.UPDATE, LogModule.CLUE_INDEX, clue.getName());
+                    logDTO.setOriginalValue(originCustomer);
+                    logDTO.setModifiedValue(modifieCustomer);
+                    return logDTO;
+                }).toList();
+
+        logService.batchAdd(logs);
+
+        sendTransferNotice(clues, request.getOwner(), userId, orgId);
+    }
+
+    public void batchDelete(List<String> ids, String userId, String orgId) {
+        List<Clue> clues = clueMapper.selectByIds(ids);
+
+        // 删除客户
+        clueMapper.deleteByIds(ids);
+        // 删除客户模块字段
+        clueFieldService.deleteByResourceIds(ids);
+        // 删除责任人历史
+        clueOwnerHistoryService.deleteByClueIds(ids);
+        // 删除跟进记录
+        followUpRecordService.deleteByClueIds(ids);
+        // 删除跟进计划
+        followUpPlanService.deleteByClueIds(ids);
+
+        // 消息通知
+        clues.forEach(clue -> commonNoticeSendService.sendNotice(NotificationConstants.Module.CLUE,
+                NotificationConstants.Event.CLUE_DELETED, clue.getName(), userId,
+                orgId, List.of(clue.getOwner()), true));
+    }
+
+    private List<String> getOwners(List<Clue> clues) {
+        return clues.stream()
+                .map(Clue::getOwner)
+                .distinct()
+                .toList();
+    }
+
+    /**
+     * 批量移入线索池
+     *
+     * @param request     请求参数
+     * @param orgId       组织ID
+     * @param currentUser 当前用户
+     */
+    public BatchAffectResponse batchToPool(BatchPoolReasonRequest request, String currentUser, String orgId) {
+        LambdaQueryWrapper<Clue> wrapper = new LambdaQueryWrapper<>();
+        wrapper.in(Clue::getId, request.getIds());
+        List<Clue> clues = clueMapper.selectListByLambda(wrapper);
+        List<String> ownerIds = getOwners(clues);
+
+        Map<String, CluePool> ownersDefaultPoolMap = cluePoolService.getOwnersDefaultPoolMap(ownerIds, orgId);
+        int success = 0;
+        List<LogDTO> logs = new ArrayList<>();
+        for (Clue clue : clues) {
+            CluePool cluePool = ownersDefaultPoolMap.get(clue.getOwner());
+            if (cluePool == null) {
+                // 未找到默认公海，不移入
+                continue;
+            }
+            // 日志
+            LogDTO logDTO = new LogDTO(orgId, clue.getId(), currentUser, LogType.MOVE_TO_CUSTOMER_POOL, LogModule.CLUE_INDEX, clue.getName());
+            String detail = Translator.getWithArgs("clue.to.pool", clue.getName(), cluePool.getName());
+            logDTO.setDetail(detail);
+            logs.add(logDTO);
+            // 消息通知
+            commonNoticeSendService.sendNotice(NotificationConstants.Module.CLUE,
+                    NotificationConstants.Event.CLUE_MOVED_POOL, clue.getName(), currentUser,
+                    orgId, List.of(clue.getOwner()), true);
+            // 插入责任人历史
+            clue.setReasonId(request.getReasonId());
+            clueOwnerHistoryService.add(clue, currentUser, true);
+            clue.setPoolId(cluePool.getId());
+            clue.setInSharedPool(true);
+            clue.setOwner(null);
+            clue.setCollectionTime(null);
+            clue.setUpdateUser(currentUser);
+            clue.setUpdateTime(System.currentTimeMillis());
+            extClueMapper.moveToPool(clue);
+            success++;
+        }
+        logService.batchAdd(logs);
+        return BatchAffectResponse.builder().success(success).fail(request.getIds().size() - success).build();
+    }
+
+    /**
+     * 移入线索池
+     *
+     * @param request     请求参数
+     * @param currentUser 当前用户
+     * @param orgId       组织ID
+     */
+    public BatchAffectResponse toPool(PoolReasonRequest request, String currentUser, String orgId) {
+        BatchPoolReasonRequest batchRequest = new BatchPoolReasonRequest();
+        batchRequest.setReasonId(request.getReasonId());
+        batchRequest.setIds(List.of(request.getId()));
+        return batchToPool(batchRequest, currentUser, orgId);
+    }
+
+    public ResourceTabEnableDTO getTabEnableConfig(String userId, String organizationId) {
+        List<RolePermissionDTO> rolePermissions = permissionCache.getRolePermissions(userId, organizationId);
+        return PermissionUtils.getTabEnableConfig(userId, PermissionConstants.CLUE_MANAGEMENT_READ, rolePermissions);
+    }
+
+
+    public String getClueName(String id) {
+        Clue clue = clueMapper.selectByPrimaryKey(id);
+        return Optional.ofNullable(clue).map(Clue::getName).orElse(null);
+    }
+
+    public List<Clue> getClueListByNames(List<String> names) {
+        LambdaQueryWrapper<Clue> lambdaQueryWrapper = new LambdaQueryWrapper<>();
+        lambdaQueryWrapper.in(Clue::getName, names);
+        return clueMapper.selectListByLambda(lambdaQueryWrapper);
+    }
+
+    @SuppressWarnings("unchecked")
+    public String getClueNameByIds(List<String> ids) {
+        List<Clue> clueList = clueMapper.selectByIds(ids);
+        if (CollectionUtils.isNotEmpty(clueList)) {
+            List<String> names = clueList.stream().map(Clue::getName).toList();
+            return String.join(",", JSON.parseArray(JSON.toJSONString(names)));
+        }
+        return StringUtils.EMPTY;
+    }
+
+    /**
+     * 批量关联线索和客户
+     *
+     * @param request     关联参数
+     * @param currentUser 当前用户
+     * @param orgId       组织ID
+     */
+    public void batchTransition(BatchReTransitionCustomerRequest request, String currentUser, String orgId) {
+        if (CollectionUtils.isEmpty(request.getClueIds())) {
+            throw new GenericException(Translator.get("clue_ids_not_empty"));
+        }
+        Customer customer = customerMapper.selectByPrimaryKey(request.getCustomerId());
+        // 操作人尝试领取公海客户, 领取失败则不继续
+        if (customer.getInSharedPool()) {
+            PoolCustomerPickRequest pickRequest = new PoolCustomerPickRequest();
+            pickRequest.setCustomerId(customer.getId());
+            pickRequest.setPoolId(customer.getPoolId());
+            poolCustomerService.pick(pickRequest, currentUser, orgId);
+        }
+        request.getClueIds().forEach(clueId -> transitionCs(clueId, customer, currentUser, orgId));
+    }
+
+    /**
+     * 线索关联已有客户
+     *
+     * @param clueId      线索ID
+     * @param currentUser 当前用户ID
+     * @param orgId       组织ID
+     */
+    public void transitionCs(String clueId, Customer transitionCs, String currentUser, String orgId) {
+        Clue clue = clueMapper.selectByPrimaryKey(clueId);
+        // 负责人不存在, 跳过关联
+        List<String> owners = extUserMapper.selectUserNameByIds(List.of(clue.getOwner()));
+        if (CollectionUtils.isEmpty(owners)) {
+            return;
+        }
+
+        // 关联
+        TransformCsAssociateDTO transformCsAssociateDTO = transformCsAssociate(clue, transitionCs, currentUser, orgId);
+        clue.setTransitionId(transitionCs.getId());
+        clue.setTransitionType("CUSTOMER");
+        clueMapper.update(clue);
+
+        // 转移线索的计划&记录
+        batchCopyCluePlanAndRecord(clue.getId(), transitionCs.getId(), null, transformCsAssociateDTO.getContactId());
+		// 刷新转换过程中同名客户的最新跟进时间
+		refreshCsFollowTime(clue, transitionCs);
+
+        // 只通知线索负责人
+        Map<String, Object> paramMap = new HashMap<>(8);
+        paramMap.put("useTemplate", "true");
+        paramMap.put("template", Translator.get("message.clue_relate_customer"));
+        paramMap.put("customerName", transitionCs.getName());
+        paramMap.put("name", clue.getName());
+        commonNoticeSendService.sendNotice(NotificationConstants.Module.CLUE, NotificationConstants.Event.CLUE_CONVERT_CUSTOMER,
+                paramMap, currentUser, orgId, List.of(clue.getOwner()), true);
+    }
+
+    /**
+     * 线索转换
+     *
+     * @param request     请求参数
+     * @param currentUser 当前用户
+     * @param orgId       组织ID
+     */
+    public String transform(ClueTransformRequest request, String currentUser, String orgId) {
+        checkTransformPermission(request.getOppCreated());
+        Clue clue = clueMapper.selectByPrimaryKey(request.getClueId());
+        if (clue == null) {
+            throw new GenericException(Translator.get("clue_not_exist"));
+        }
+        List<String> owners = extUserMapper.selectUserNameByIds(List.of(clue.getOwner()));
+        if (CollectionUtils.isEmpty(owners)) {
+            throw new GenericException(Translator.get("clue_owner_not_exist"));
+        }
+
+        LambdaQueryWrapper<Customer> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(Customer::getName, clue.getName());
+        List<Customer> customers = customerMapper.selectListByLambda(wrapper);
+        boolean uniqueCheck = moduleFormService.hasFieldUniqueCheck(FormKey.CUSTOMER.getKey(), orgId, BusinessModuleField.CUSTOMER_NAME.getKey());
+        Customer transformCustomer;
+        if (uniqueCheck && CollectionUtils.isNotEmpty(customers)) {
+            // 表单存在唯一性校验, 且同名客户存在, 根据规则选取
+            transformCustomer = selectorCs(customers, clue.getOwner());
+        } else {
+            // 根据表单联动来创建客户
+            transformCustomer = generateCustomerByLinkForm(clue, currentUser, orgId);
+        }
+		// 刷新转换过程中同名客户的最新跟进时间
+		refreshCsFollowTime(clue, transformCustomer);
+
+        TransformCsAssociateDTO transformCsAssociateDTO = transformCsAssociate(clue, transformCustomer, currentUser, orgId);
+        clue.setTransitionId(transformCustomer.getId());
+        clue.setTransitionType("CUSTOMER");
+        clueMapper.update(clue);
+
+        // 客户转换通知
+        Map<String, Object> paramMap = new HashMap<>(4);
+        paramMap.put("useTemplate", "true");
+        paramMap.put("template", Translator.get("message.clue_convert_customer_text"));
+        paramMap.put("name", clue.getName());
+        commonNoticeSendService.sendNotice(NotificationConstants.Module.CLUE, NotificationConstants.Event.CLUE_CONVERT_CUSTOMER,
+                paramMap, currentUser, orgId, List.of(clue.getOwner()), true);
+
+        // 是否转换商机
+        if (request.getOppCreated()) {
+            transformCustomer.setName(request.getOppName());
+            Opportunity transformOpportunity = generateOpportunityByLinkForm(clue, transformCsAssociateDTO.getContactId(), transformCustomer, currentUser, orgId);
+            // 转移线索的计划&记录
+            batchCopyCluePlanAndRecord(clue.getId(), transformCustomer.getId(), transformOpportunity.getId(), transformCsAssociateDTO.getContactId());
+            paramMap.put("template", Translator.get("message.clue_convert_business_text"));
+            paramMap.put("name", clue.getName());
+            commonNoticeSendService.sendNotice(NotificationConstants.Module.CLUE, NotificationConstants.Event.CLUE_CONVERT_BUSINESS,
+                    paramMap, currentUser, orgId, List.of(clue.getOwner()), true);
+            return transformOpportunity.getId();
+        } else {
+            // 转移线索的计划&记录
+            batchCopyCluePlanAndRecord(clue.getId(), transformCustomer.getId(), null, transformCsAssociateDTO.getContactId());
+            return transformCustomer.getId();
+        }
+    }
+
+    /**
+     * 批量复制线索跟进计划和记录
+     *
+     * @param clueId        线索ID
+     * @param customerId    客户ID
+     * @param opportunityId 商机ID
+     */
+    public void batchCopyCluePlanAndRecord(String clueId, String customerId, String opportunityId, String contactId) {
+        // 记录
+        LambdaQueryWrapper<FollowUpRecord> recordLambdaQueryWrapper = new LambdaQueryWrapper<>();
+        recordLambdaQueryWrapper.eq(FollowUpRecord::getClueId, clueId).eq(FollowUpRecord::getType, FollowUpPlanType.CLUE.name());
+        List<FollowUpRecord> followUpRecords = followUpRecordMapper.selectListByLambda(recordLambdaQueryWrapper);
+        if (CollectionUtils.isNotEmpty(followUpRecords)) {
+            List<String> ids = followUpRecords.stream().map(FollowUpRecord::getId).toList();
+            LambdaQueryWrapper<FollowUpRecordField> fieldLambdaQueryWrapper = new LambdaQueryWrapper<>();
+            fieldLambdaQueryWrapper.in(FollowUpRecordField::getResourceId, ids);
+            List<FollowUpRecordField> followUpRecordFields = followUpRecordFieldMapper.selectListByLambda(fieldLambdaQueryWrapper);
+            LambdaQueryWrapper<FollowUpRecordFieldBlob> fieldBlobLambdaQueryWrapper = new LambdaQueryWrapper<>();
+            fieldBlobLambdaQueryWrapper.in(FollowUpRecordFieldBlob::getResourceId, ids);
+            List<FollowUpRecordFieldBlob> followUpRecordFieldBlobs = followUpRecordFieldBlobMapper.selectListByLambda(fieldBlobLambdaQueryWrapper);
+            followUpRecords.forEach(record -> {
+                String recordId = IDGenerator.nextStr();
+                followUpRecordFields.stream().filter(recordField -> Strings.CS.equals(recordField.getResourceId(), record.getId())).forEach(field -> {
+                    field.setId(IDGenerator.nextStr());
+                    field.setResourceId(recordId);
+                });
+                followUpRecordFieldBlobs.stream().filter(recordFieldBlob -> Strings.CS.equals(recordFieldBlob.getResourceId(), record.getId())).forEach(fieldBlob -> {
+                    fieldBlob.setId(IDGenerator.nextStr());
+                    fieldBlob.setResourceId(recordId);
+                });
+                record.setId(recordId);
+                record.setClueId(null);
+                record.setType(FollowUpPlanType.CUSTOMER.name());
+                record.setCustomerId(customerId);
+                record.setOpportunityId(opportunityId);
+                record.setContactId(contactId);
+            });
+            followUpRecordMapper.batchInsert(followUpRecords);
+            followUpRecordFieldMapper.batchInsert(followUpRecordFields);
+            followUpRecordFieldBlobMapper.batchInsert(followUpRecordFieldBlobs);
+        }
+        // 计划
+        LambdaQueryWrapper<FollowUpPlan> planLambdaQueryWrapper = new LambdaQueryWrapper<>();
+        planLambdaQueryWrapper.eq(FollowUpPlan::getClueId, clueId).eq(FollowUpPlan::getType, FollowUpPlanType.CLUE.name());
+        List<FollowUpPlan> followUpPlans = followUpPlanMapper.selectListByLambda(planLambdaQueryWrapper);
+        if (CollectionUtils.isNotEmpty(followUpPlans)) {
+            List<String> ids = followUpPlans.stream().map(FollowUpPlan::getId).toList();
+            LambdaQueryWrapper<FollowUpPlanField> fieldLambdaQueryWrapper = new LambdaQueryWrapper<>();
+            fieldLambdaQueryWrapper.in(FollowUpPlanField::getResourceId, ids);
+            List<FollowUpPlanField> followUpPlanFields = followUpPlanFieldMapper.selectListByLambda(fieldLambdaQueryWrapper);
+            LambdaQueryWrapper<FollowUpPlanFieldBlob> fieldBlobLambdaQueryWrapper = new LambdaQueryWrapper<>();
+            fieldBlobLambdaQueryWrapper.in(FollowUpPlanFieldBlob::getResourceId, ids);
+            List<FollowUpPlanFieldBlob> followUpPlanFieldBlobs = followUpPlanFieldBlobMapper.selectListByLambda(fieldBlobLambdaQueryWrapper);
+            followUpPlans.forEach(plan -> {
+                String planId = IDGenerator.nextStr();
+                followUpPlanFields.stream().filter(planField -> Strings.CS.equals(planField.getResourceId(), plan.getId())).forEach(field -> {
+                    field.setId(IDGenerator.nextStr());
+                    field.setResourceId(planId);
+                });
+                followUpPlanFieldBlobs.stream().filter(planFieldBlob -> Strings.CS.equals(planFieldBlob.getResourceId(), plan.getId())).forEach(fieldBlob -> {
+                    fieldBlob.setId(IDGenerator.nextStr());
+                    fieldBlob.setResourceId(planId);
+                });
+                plan.setId(planId);
+                plan.setClueId(null);
+                plan.setType(FollowUpPlanType.CUSTOMER.name());
+                plan.setCustomerId(customerId);
+                plan.setOpportunityId(opportunityId);
+                plan.setContactId(contactId);
+            });
+            followUpPlanMapper.batchInsert(followUpPlans);
+            followUpPlanFieldMapper.batchInsert(followUpPlanFields);
+            followUpPlanFieldBlobMapper.batchInsert(followUpPlanFieldBlobs);
+        }
+    }
+
+    /**
+     * 检查转换权限
+     *
+     * @param checkOpportunityPermission 是否检查商机权限
+     */
+    public void checkTransformPermission(boolean checkOpportunityPermission) {
+        if (!PermissionUtils.hasPermission(PermissionConstants.CUSTOMER_MANAGEMENT_ADD)) {
+            throw new GenericException(Translator.get("transform.miss.customer.permission"));
+        }
+        if (checkOpportunityPermission && !PermissionUtils.hasPermission(PermissionConstants.OPPORTUNITY_MANAGEMENT_ADD)) {
+            throw new GenericException(Translator.get("transform.miss.opportunity.permission"));
+        }
+    }
+
+    /**
+     * 同名客户选择器
+     *
+     * @param customers 客户列表
+     *
+     * @return 客户
+     */
+    public Customer selectorCs(List<Customer> customers, String clueOwner) {
+        if (customers.size() == 1) {
+            return customers.getFirst();
+        }
+        // 优先选择不在公海的且负责人一致的客户
+        Optional<Customer> find = customers.stream().filter(customer -> !customer.getInSharedPool() && Strings.CS.equals(customer.getOwner(), clueOwner))
+                .findFirst();
+        return find.orElseGet(customers::getFirst);
+    }
+
+    /**
+     * 通过表单联动来创建客户
+     *
+     * @param clue        线索
+     * @param currentUser 当前用户
+     * @param orgId       组织ID
+     *
+     * @return 客户
+     */
+    public Customer generateCustomerByLinkForm(Clue clue, String currentUser, String orgId) {
+        CustomerAddRequest addRequest = new CustomerAddRequest();
+        ModuleFormConfigDTO customerFormConfig = moduleFormService.getBusinessFormConfig(FormKey.CUSTOMER.getKey(), orgId);
+        FormLinkFill<Customer> customerLinkFillDTO;
+        try {
+            customerLinkFillDTO = moduleFormService.fillFormLinkValue(new Customer(), get(clue.getId()),
+                    customerFormConfig, orgId, FormKey.CLUE.getKey(), LinkScenarioKey.CLUE_TO_CUSTOMER.name());
+        } catch (Exception e) {
+            log.error("Attempt to fill customer form error: {}", e.getMessage());
+            throw new GenericException(Translator.get("transform.customer.error"));
+        }
+        // 部分内置字段未配置联动, 取线索值即可
+        addRequest.setName(customerLinkFillDTO.getEntity() == null || StringUtils.isEmpty(customerLinkFillDTO.getEntity().getName()) ?
+                clue.getName() : customerLinkFillDTO.getEntity().getName());
+        addRequest.setOwner(customerLinkFillDTO.getEntity() == null || StringUtils.isEmpty(customerLinkFillDTO.getEntity().getOwner()) ?
+                clue.getOwner() : customerLinkFillDTO.getEntity().getOwner());
+        addRequest.setModuleFields(customerLinkFillDTO.getFields());
+        addRequest.setFollower(clue.getFollower());
+        addRequest.setFollowTime(clue.getFollowTime());
+        return customerService.add(addRequest, currentUser, orgId);
+    }
+
+    /**
+     * 通过表单联动来创建商机
+     *
+     * @param clue        线索
+     * @param contactId   联系人ID
+     * @param currentUser 当前用户
+     * @param orgId       组织ID
+     *
+     * @return 商机
+     */
+    public Opportunity generateOpportunityByLinkForm(Clue clue, String contactId, Customer transformCustomer, String currentUser, String orgId) {
+        ModuleFormConfigDTO opportunityFormConfig = moduleFormService.getBusinessFormConfig(FormKey.OPPORTUNITY.getKey(), orgId);
+        FormLinkFill<Opportunity> opportunityLinkFillDTO;
+        try {
+            opportunityLinkFillDTO = moduleFormService.fillFormLinkValue(new Opportunity(), get(clue.getId()),
+                    opportunityFormConfig, orgId, FormKey.CLUE.getKey(), LinkScenarioKey.CLUE_TO_OPPORTUNITY.name());
+        } catch (Exception e) {
+            log.error("Attempt to fill opportunity form error: {}", e.getMessage());
+            throw new GenericException(Translator.get("transform.opportunity.error"));
+        }
+        OpportunityAddRequest addRequest = new OpportunityAddRequest();
+        if (opportunityLinkFillDTO.getEntity() != null) {
+            BeanUtils.copyBean(addRequest, opportunityLinkFillDTO.getEntity());
+        }
+        // 部分内置字段需手动设置值
+        addRequest.setName(transformCustomer.getName());
+        addRequest.setCustomerId(transformCustomer.getId());
+        if (CollectionUtils.isEmpty(addRequest.getProducts())) {
+            addRequest.setProducts(new ArrayList<>());
+        }
+        if (StringUtils.isEmpty(addRequest.getOwner())) {
+            addRequest.setOwner(clue.getOwner());
+        }
+        if (StringUtils.isEmpty(addRequest.getContactId())) {
+            addRequest.setContactId(contactId);
+        }
+        addRequest.setModuleFields(opportunityLinkFillDTO.getFields());
+        addRequest.setFollower(clue.getFollower());
+        addRequest.setFollowTime(clue.getFollowTime());
+        return opportunityService.add(addRequest, currentUser, orgId);
+    }
+
+	/**
+	 * 通过表单联动来构建客户联系人创建对象
+	 * @param clue 线索
+	 * @param orgId 组织ID
+	 * @return 客户联系人创建对象
+	 */
+	public CustomerContactAddRequest buildContactRequestByLinkForm(Clue clue, String orgId) {
+		ModuleFormConfigDTO contactFormConfig = moduleFormService.getBusinessFormConfig(FormKey.CONTACT.getKey(), orgId);
+		FormLinkFill<CustomerContactAddRequest> fillDTO = null;
+		try {
+			fillDTO = moduleFormService.fillFormLinkValue(new CustomerContactAddRequest(), get(clue.getId()),
+					contactFormConfig, orgId, FormKey.CLUE.getKey(), LinkScenarioKey.CLUE_TO_CONTACT.name());
+		} catch (Exception e) {
+			log.error("Attempt to fill contact form error: {}", e.getMessage());
+		}
+		if (fillDTO == null || fillDTO.getEntity() == null) {
+			return new CustomerContactAddRequest();
+		}
+		CustomerContactAddRequest request = fillDTO.getEntity();
+		request.setModuleFields(fillDTO.getFields());
+		return request;
+	}
+
+    /**
+     * 转换客户处理
+     *
+     * @param clue        线索
+     * @param transformCs 转换客户
+     * @param currentUser 当前用户
+     * @param orgId       组织ID
+     */
+    public TransformCsAssociateDTO transformCsAssociate(Clue clue, Customer transformCs, String currentUser, String orgId) {
+        TransformCsAssociateDTO transformDTO = new TransformCsAssociateDTO();
+        // 如果当前线索负责人不是关联客户的负责人，且不是客户协作人, 则添加协作关系
+        if (!Strings.CS.equals(transformCs.getOwner(), clue.getOwner()) && !customerCollaborationService.hasCollaboration(clue.getOwner(), transformCs.getId())) {
+            CustomerCollaborationAddRequest collaborationAddRequest = new CustomerCollaborationAddRequest();
+            collaborationAddRequest.setCustomerId(transformCs.getId());
+            collaborationAddRequest.setCollaborationType("COLLABORATION");
+            collaborationAddRequest.setUserId(clue.getOwner());
+            customerCollaborationService.add(collaborationAddRequest, currentUser, orgId);
+        }
+
+        // 线索联系人 => 客户联系人
+		CustomerContactAddRequest request = buildContactRequestByLinkForm(clue, orgId);
+		if (StringUtils.isEmpty(request.getName())) {
+			return transformDTO;
+		}
+		boolean unique = customerContactService.checkCustomerContactUnique(request.getName(), request.getPhone(), transformCs.getId(), orgId);
+		if (unique) {
+			request.setCustomerId(transformCs.getId());
+			if (StringUtils.isEmpty(request.getOwner())) {
+				request.setOwner(clue.getOwner());
+			}
+			CustomerContact contact = customerContactService.add(request, currentUser, orgId);
+			transformDTO.setContactId(contact.getId());
+		}
+
+        return transformDTO;
+    }
+
+    /**
+     * 下载导入的模板
+     *
+     * @param response 响应
+     */
+    public void downloadImportTpl(HttpServletResponse response, String currentOrg) {
+        new EasyExcelExporter().exportMultiSheetTplWithSharedHandler(response,
+                moduleFormService.getCustomImportHeadsNoRef(FormKey.CLUE.getKey(), currentOrg),
+                Translator.get("clue.import_tpl.name"), Translator.get(SheetKey.DATA), Translator.get(SheetKey.COMMENT),
+                new CustomTemplateWriteHandler(moduleFormService.getAllCustomImportFields(FormKey.CLUE.getKey(), currentOrg)),
+                new CustomHeadColWidthStyleStrategy());
+    }
+
+    /**
+     * 导入检查
+     *
+     * @param file       导入文件
+     * @param currentOrg 当前组织
+     *
+     * @return 导入检查信息
+     */
+    public ImportResponse importPreCheck(MultipartFile file, String currentOrg) {
+        if (file == null) {
+            throw new GenericException(Translator.get("file_cannot_be_null"));
+        }
+        return checkImportExcel(file, currentOrg);
+    }
+
+    /**
+     * 线索导入
+     *
+     * @param file        导入文件
+     * @param currentOrg  当前组织
+     * @param currentUser 当前用户
+     *
+     * @return 导入返回信息
+     */
+    public ImportResponse realImport(MultipartFile file, String currentOrg, String currentUser) {
+        try {
+            List<BaseField> fields = moduleFormService.getAllFields(FormKey.CLUE.getKey(), currentOrg);
+            CustomImportAfterDoConsumer<Clue, BaseResourceSubField> afterDo = (clues, clueFields, clueFieldBlobs) -> {
+                List<LogDTO> logs = new ArrayList<>();
+                clues.forEach(clue -> {
+                    clue.setCollectionTime(clue.getCreateTime());
+                    clue.setStage(ClueStatus.NEW.name());
+                    clue.setInSharedPool(false);
+                    logs.add(new LogDTO(currentOrg, clue.getId(), currentUser, LogType.ADD, LogModule.CLUE_INDEX, clue.getName()));
+					// 消息通知 (异步)
+					commonNoticeSendService.sendNotice(NotificationConstants.Module.CLUE, NotificationConstants.Event.CLUE_ADD, clue.getName(), currentUser,
+							currentOrg, List.of(clue.getOwner()), true);
+                });
+                clueMapper.batchInsert(clues);
+                clueFieldMapper.batchInsert(clueFields.stream().map(field -> BeanUtils.copyBean(new ClueField(), field)).toList());
+                clueFieldBlobMapper.batchInsert(clueFieldBlobs.stream().map(field -> BeanUtils.copyBean(new ClueFieldBlob(), field)).toList());
+                // 日志
+                logService.batchAdd(logs);
+            };
+            CustomFieldImportEventListener<Clue> eventListener = new CustomFieldImportEventListener<>(fields, Clue.class, currentOrg, currentUser,
+                    "clue_field", afterDo, 2000, null, null);
+            FastExcelFactory.read(file.getInputStream(), eventListener).headRowNumber(1).ignoreEmptyRow(true).sheet().doRead();
+            return ImportResponse.builder().errorMessages(eventListener.getErrList())
+                    .successCount(eventListener.getSuccessCount()).failCount(eventListener.getErrList().size()).build();
+        } catch (Exception e) {
+            log.error("clue import error: ", e);
+            throw new GenericException(e.getMessage());
+        }
+    }
+
+    /**
+     * 检查导入的文件
+     *
+     * @param file       文件
+     * @param currentOrg 当前组织
+     *
+     * @return 检查信息
+     */
+    private ImportResponse checkImportExcel(MultipartFile file, String currentOrg) {
+        try {
+            List<BaseField> fields = moduleFormService.getAllCustomImportFields(FormKey.CLUE.getKey(), currentOrg);
+            CustomFieldCheckEventListener eventListener = new CustomFieldCheckEventListener(fields, "clue", "clue_field", currentOrg);
+            FastExcelFactory.read(file.getInputStream(), eventListener).headRowNumber(1).ignoreEmptyRow(true).sheet().doRead();
+            return ImportResponse.builder().errorMessages(eventListener.getErrList())
+                    .successCount(eventListener.getSuccess()).failCount(eventListener.getErrList().size()).build();
+        } catch (Exception e) {
+            log.error("clue import pre-check error: {}", e.getMessage());
+            throw new GenericException(e.getMessage());
+        }
+    }
+
+	@SuppressWarnings("unchecked")
+    public void batchUpdate(ResourceBatchEditRequest request, String userId, String organizationId) {
+        BaseField field = clueFieldService.getAndCheckField(request.getFieldId(), organizationId);
+        if (Strings.CS.equals(field.getBusinessKey(), BusinessModuleField.CLUE_OWNER.getBusinessKey())) {
+            // 修改负责人，走批量转移接口
+            ClueBatchTransferRequest batchTransferRequest = new ClueBatchTransferRequest();
+            batchTransferRequest.setIds(request.getIds());
+            batchTransferRequest.setOwner(request.getFieldValue().toString());
+            batchTransfer(batchTransferRequest, userId, organizationId);
+            return;
+        }
+
+        if (Strings.CS.equals(field.getBusinessKey(), BusinessModuleField.CLUE_PRODUCTS.getBusinessKey())) {
+            productService.checkProductList((List<String>) request.getFieldValue());
+        }
+
+        List<Clue> originClues = clueMapper.selectByIds(request.getIds());
+
+        clueFieldService.batchUpdate(request, field, originClues, Clue.class, LogModule.CLUE_INDEX, extClueMapper::batchUpdate, userId, organizationId);
+    }
+
+    public List<ChartResult> chart(ChartAnalysisRequest request, String userId, String orgId, DeptDataPermissionDTO deptDataPermission) {
+        ModuleFormConfigDTO formConfig = getFormConfig(orgId);
+        formConfig.getFields().addAll(BaseChartService.getChartBaseFields());
+        ChartAnalysisDbRequest chartAnalysisDbRequest = ConditionFilterUtils.parseChartAnalysisRequest(request, formConfig);
+        ClueChartAnalysisDbRequest clueChartAnalysisDbRequest = BeanUtils.copyBean(new ClueChartAnalysisDbRequest(), chartAnalysisDbRequest);
+        List<ChartResult> chartResults = extClueMapper.chart(clueChartAnalysisDbRequest, userId, orgId, deptDataPermission);
+        return baseChartService.translateAxisName(formConfig, chartAnalysisDbRequest, chartResults);
+    }
+
+    /**
+     * 处理已转移线索的跟进计划和记录
+     */
+    public void processTransferredCluePlanAndRecord() {
+        List<FollowUpRecord> records = new ArrayList<>();
+        List<FollowUpPlan> plans = new ArrayList<>();
+        LambdaQueryWrapper<Clue> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(Clue::getTransitionType, "CUSTOMER");
+        List<Clue> clues = clueMapper.selectListByLambda(wrapper);
+        List<Clue> transferredClues = clues.stream().filter(clue -> StringUtils.isNotBlank(clue.getTransitionId())).toList();
+        Map<String, String> clueTransferMap = transferredClues.stream().collect(Collectors.toMap(Clue::getId, Clue::getTransitionId));
+        List<String> clueIds = transferredClues.stream().map(Clue::getId).toList();
+        // 记录
+        LambdaQueryWrapper<FollowUpRecord> recordLambdaQueryWrapper = new LambdaQueryWrapper<>();
+        recordLambdaQueryWrapper.in(FollowUpRecord::getClueId, clueIds).eq(FollowUpRecord::getType, FollowUpPlanType.CLUE.name());
+        List<FollowUpRecord> clueRecords = followUpRecordMapper.selectListByLambda(recordLambdaQueryWrapper);
+        Map<String, ClueFollowDTO> clueFollowMap = new HashMap<>(8);
+        clueRecords.forEach(clueRecord -> {
+            String customerId = clueTransferMap.get(clueRecord.getClueId());
+            clueRecord.setId(IDGenerator.nextStr());
+            clueRecord.setCustomerId(customerId);
+            clueRecord.setClueId(null);
+            clueRecord.setType(FollowUpPlanType.CUSTOMER.name());
+            if (StringUtils.isNotBlank(clueRecord.getCustomerId())) {
+                records.add(clueRecord);
+                ClueFollowDTO clueFollowDTO = clueFollowMap.get(customerId);
+                if (clueFollowDTO == null) {
+					clueFollowMap.put(customerId, ClueFollowDTO.builder().follower(clueRecord.getOwner())
+                            .followerTime(clueRecord.getFollowTime()).build());
+                } else {
+					Long recordTime = clueRecord.getFollowTime();
+					if (recordTime == null) {
+						return;
+					}
+					Long followerTime = clueFollowDTO.getFollowerTime();
+					if (followerTime == null || recordTime > followerTime) {
+						clueFollowDTO.setFollower(clueRecord.getOwner());
+						clueFollowDTO.setFollowerTime(recordTime);
+						clueFollowMap.put(customerId, clueFollowDTO);
+					}
+                }
+            }
+        });
+        // 计划
+        LambdaQueryWrapper<FollowUpPlan> planLambdaQueryWrapper = new LambdaQueryWrapper<>();
+        planLambdaQueryWrapper.in(FollowUpPlan::getClueId, clueIds).eq(FollowUpPlan::getType, FollowUpPlanType.CLUE.name());
+        List<FollowUpPlan> cluePlans = followUpPlanMapper.selectListByLambda(planLambdaQueryWrapper);
+        cluePlans.forEach(cluePlan -> {
+            cluePlan.setId(IDGenerator.nextStr());
+            cluePlan.setCustomerId(clueTransferMap.get(cluePlan.getClueId()));
+            cluePlan.setClueId(null);
+            cluePlan.setType(FollowUpPlanType.CUSTOMER.name());
+            if (StringUtils.isNotBlank(cluePlan.getCustomerId())) {
+                plans.add(cluePlan);
+            }
+        });
+        // 批量插入
+        if (CollectionUtils.isNotEmpty(records)) {
+            followUpRecordMapper.batchInsert(records);
+        }
+        if (CollectionUtils.isNotEmpty(plans)) {
+            followUpPlanMapper.batchInsert(plans);
+        }
+        // 更新客户最新跟进人和时间
+        List<String> customerIds = clueFollowMap.keySet().stream().toList();
+        List<Customer> customers = customerMapper.selectByIds(customerIds);
+        customers.forEach(customer -> {
+            if (customer.getFollowTime() == null || customer.getFollowTime() < clueFollowMap.get(customer.getId()).getFollowerTime()) {
+                customer.setFollower(clueFollowMap.get(customer.getId()).getFollower());
+                customer.setFollowTime(clueFollowMap.get(customer.getId()).getFollowerTime());
+            }
+            customerMapper.updateById(customer);
+        });
+    }
+
+	/**
+	 * 刷新客户的最新跟进时间
+	 * @param clue 线索信息
+	 * @param transitionCs 转移的客户信息
+	 */
+	private void refreshCsFollowTime(Clue clue, Customer transitionCs) {
+		Long clueFollowTime = clue.getFollowTime();
+		Long customerFollowTime = transitionCs.getFollowTime();
+		if (clueFollowTime == null) {
+			return;
+		}
+		if (customerFollowTime == null || customerFollowTime < clueFollowTime) {
+			Customer updateCustomer = new Customer();
+			updateCustomer.setId(transitionCs.getId());
+			updateCustomer.setFollower(clue.getFollower());
+			updateCustomer.setFollowTime(clueFollowTime);
+			customerMapper.updateById(updateCustomer);
+		}
+	}
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/service/PoolClueService.java b/backend/crm/src/main/java/cn/cordys/crm/clue/service/PoolClueService.java
new file mode 100644
index 0000000..5319152
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/service/PoolClueService.java
@@ -0,0 +1,394 @@
+package cn.cordys.crm.clue.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogDTO;
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.TimeUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.clue.constants.ClueStatus;
+import cn.cordys.crm.clue.domain.*;
+import cn.cordys.crm.clue.dto.CluePoolDTO;
+import cn.cordys.crm.clue.dto.CluePoolPickRuleDTO;
+import cn.cordys.crm.clue.dto.CluePoolRecycleRuleDTO;
+import cn.cordys.crm.clue.dto.request.PoolCluePickRequest;
+import cn.cordys.crm.clue.mapper.ExtClueCapacityMapper;
+import cn.cordys.crm.clue.mapper.ExtClueMapper;
+import cn.cordys.crm.system.constants.NotificationConstants;
+import cn.cordys.crm.system.domain.User;
+import cn.cordys.crm.system.dto.RuleConditionDTO;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.request.PoolBatchAssignRequest;
+import cn.cordys.crm.system.dto.request.PoolBatchPickRequest;
+import cn.cordys.crm.system.dto.request.ResourceBatchEditRequest;
+import cn.cordys.crm.system.notice.CommonNoticeSendService;
+import cn.cordys.crm.system.service.LogService;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.crm.system.service.UserExtendService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+
+import java.time.Instant;
+import java.time.LocalDateTime;
+import java.time.ZoneId;
+import java.time.format.DateTimeFormatter;
+import java.util.*;
+import java.util.stream.Collectors;
+import java.util.stream.Stream;
+
+@Service
+public class PoolClueService {
+
+    public static final long DAY_MILLIS = 24 * 60 * 60 * 1000;
+    @Resource
+    private BaseMapper<Clue> clueMapper;
+    @Resource
+    private ExtClueMapper extClueMapper;
+    @Resource
+    private BaseMapper<ClueOwner> ownerMapper;
+    @Resource
+    private BaseMapper<CluePool> poolMapper;
+    @Resource
+    private BaseMapper<User> userMapper;
+    @Resource
+    private BaseMapper<CluePoolPickRule> pickRuleMapper;
+    @Resource
+    private BaseMapper<CluePoolRecycleRule> recycleRuleMapper;
+    @Resource
+    private ExtClueCapacityMapper extClueCapacityMapper;
+    @Resource
+    private UserExtendService userExtendService;
+    @Resource
+    private LogService logService;
+    @Resource
+    private CommonNoticeSendService commonNoticeSendService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private CluePoolService cluePoolService;
+    @Resource
+    private ClueFieldService clueFieldService;
+
+    /**
+     * 获取当前用户线索池选项
+     *
+     * @param currentUser  当前用户ID
+     * @param currentOrgId 当前组织ID
+     *
+     * @return 线索池选项
+     */
+    public List<CluePoolDTO> getPoolOptions(String currentUser, String currentOrgId) {
+        List<CluePoolDTO> options = new ArrayList<>();
+        LambdaQueryWrapper<CluePool> poolWrapper = new LambdaQueryWrapper<>();
+        poolWrapper.eq(CluePool::getEnable, true).eq(CluePool::getOrganizationId, currentOrgId);
+        poolWrapper.orderByDesc(CluePool::getUpdateTime);
+        List<CluePool> pools = poolMapper.selectListByLambda(poolWrapper);
+        if (CollectionUtils.isEmpty(pools)) {
+            return new ArrayList<>();
+        }
+
+        List<String> userIds = pools.stream().flatMap(pool -> Stream.of(pool.getCreateUser(), pool.getUpdateUser())).toList();
+        List<User> createOrUpdateUsers = userMapper.selectByIds(userIds.toArray(new String[0]));
+        Map<String, String> userMap = createOrUpdateUsers.stream()
+                .collect(Collectors.toMap(User::getId, User::getName));
+
+        List<String> poolIds = pools.stream()
+                .map(CluePool::getId)
+                .toList();
+
+        LambdaQueryWrapper<CluePoolPickRule> pickRuleWrapper = new LambdaQueryWrapper<>();
+        pickRuleWrapper.in(CluePoolPickRule::getPoolId, poolIds);
+
+        List<CluePoolPickRule> pickRules = pickRuleMapper.selectListByLambda(pickRuleWrapper);
+        Map<String, CluePoolPickRule> pickRuleMap = pickRules.stream()
+                .collect(Collectors.toMap(CluePoolPickRule::getPoolId, pickRule -> pickRule));
+
+        LambdaQueryWrapper<CluePoolRecycleRule> recycleRuleWrapper = new LambdaQueryWrapper<>();
+        recycleRuleWrapper.in(CluePoolRecycleRule::getPoolId, poolIds);
+
+        List<CluePoolRecycleRule> recycleRules = recycleRuleMapper.selectListByLambda(recycleRuleWrapper);
+        Map<String, CluePoolRecycleRule> recycleRuleMap = recycleRules.stream()
+                .collect(Collectors.toMap(CluePoolRecycleRule::getPoolId, recycleRule -> recycleRule));
+
+        Map<String, List<CluePoolHiddenField>> hiddenFieldMap = cluePoolService.getCluePoolHiddenFieldsByPoolIds(poolIds)
+                .stream()
+                .collect(Collectors.groupingBy(CluePoolHiddenField::getPoolId));
+
+        List<BaseField> fields = moduleFormCacheService.getBusinessFormConfig(FormKey.CLUE.getKey(), currentOrgId).getFields();
+
+        pools.forEach(pool -> {
+            List<String> scopeIds = userExtendService.getScopeOwnerIds(JSON.parseArray(pool.getScopeId(), String.class), currentOrgId);
+            List<String> ownerIds = userExtendService.getScopeOwnerIds(JSON.parseArray(pool.getOwnerId(), String.class), currentOrgId);
+            if (scopeIds.contains(currentUser) || ownerIds.contains(currentUser) || Strings.CS.equals(currentUser, InternalUser.ADMIN.getValue())) {
+                CluePoolDTO poolDTO = new CluePoolDTO();
+                BeanUtils.copyBean(poolDTO, pool);
+                poolDTO.setMembers(userExtendService.getScope(JSON.parseArray(pool.getScopeId(), String.class)));
+                poolDTO.setOwners(userExtendService.getScope(JSON.parseArray(pool.getOwnerId(), String.class)));
+                poolDTO.setCreateUserName(userMap.get(pool.getCreateUser()));
+                poolDTO.setUpdateUserName(userMap.get(pool.getUpdateUser()));
+
+                CluePoolPickRuleDTO pickRule = new CluePoolPickRuleDTO();
+                BeanUtils.copyBean(pickRule, pickRuleMap.get(pool.getId()));
+                CluePoolRecycleRuleDTO recycleRule = new CluePoolRecycleRuleDTO();
+                CluePoolRecycleRule cluePoolRecycleRule = recycleRuleMap.get(pool.getId());
+                BeanUtils.copyBean(recycleRule, cluePoolRecycleRule);
+                recycleRule.setConditions(JSON.parseArray(cluePoolRecycleRule.getCondition(), RuleConditionDTO.class));
+
+                poolDTO.setPickRule(pickRule);
+                poolDTO.setRecycleRule(recycleRule);
+                poolDTO.setEditable(ownerIds.contains(currentUser));
+
+                Set<String> hiddenFieldIds;
+                if (hiddenFieldMap.get(pool.getId()) != null) {
+                    hiddenFieldIds = hiddenFieldMap.get(pool.getId()).stream()
+                            .map(CluePoolHiddenField::getFieldId)
+                            .collect(Collectors.toSet());
+                } else {
+                    hiddenFieldIds = Set.of();
+                }
+
+                poolDTO.setFieldConfigs(cluePoolService.getCluePoolFieldConfigs(fields, hiddenFieldIds));
+                options.add(poolDTO);
+            }
+        });
+        return options;
+    }
+
+    /**
+     * 领取线索
+     *
+     * @param request      请求参数
+     * @param currentUser  当前用户ID
+     * @param currentOrgId 当前组织ID
+     */
+    public void pick(PoolCluePickRequest request, String currentUser, String currentOrgId) {
+        CluePool pool = poolMapper.selectByPrimaryKey(request.getPoolId());
+        validateCapacity(1, currentUser, currentOrgId);
+        LambdaQueryWrapper<CluePoolPickRule> pickRuleWrapper = new LambdaQueryWrapper<>();
+        pickRuleWrapper.eq(CluePoolPickRule::getPoolId, request.getPoolId());
+        List<CluePoolPickRule> cluePoolPickRules = pickRuleMapper.selectListByLambda(pickRuleWrapper);
+        CluePoolPickRule pickRule = cluePoolPickRules.getFirst();
+        boolean poolAdmin = userExtendService.isPoolAdmin(JSON.parseArray(pool.getOwnerId(), String.class), currentUser, currentOrgId);
+        if (!poolAdmin) {
+            validateDailyPickNum(1, currentUser, pickRule);
+        }
+        ownClue(request.getClueId(), currentUser, pickRule, currentUser, LogType.PICK, currentOrgId, poolAdmin);
+    }
+
+    /**
+     * 分配线索
+     *
+     * @param id           客户ID
+     * @param assignUserId 分配用户ID
+     */
+    @OperationLog(module = LogModule.CLUE_POOL_INDEX, type = LogType.ASSIGN, resourceId = "{#request.clueId}")
+    public void assign(String id, String assignUserId, String currentOrgId, String currentUser) {
+        validateCapacity(1, assignUserId, currentOrgId);
+        ownClue(id, assignUserId, null, currentUser, LogType.ASSIGN, currentOrgId, false);
+    }
+
+    /**
+     * 删除线索
+     *
+     * @param id 客户ID
+     */
+    @OperationLog(module = LogModule.CLUE_POOL_INDEX, type = LogType.DELETE, resourceId = "{#id}")
+    public void delete(String id) {
+        Clue clue = clueMapper.selectByPrimaryKey(id);
+        LambdaQueryWrapper<Clue> clueWrapper = new LambdaQueryWrapper<>();
+        clueWrapper.eq(Clue::getId, id);
+        clueMapper.deleteByLambda(clueWrapper);
+
+        // 设置操作对象
+        OperationLogContext.setResourceName(clue.getName());
+    }
+
+    /**
+     * 批量领取线索
+     *
+     * @param request      请求参数
+     * @param currentUser  当前用户ID
+     * @param currentOrgId 当前组织ID
+     */
+    public void batchPick(PoolBatchPickRequest request, String currentUser, String currentOrgId) {
+        CluePool pool = poolMapper.selectByPrimaryKey(request.getPoolId());
+        validateCapacity(request.getBatchIds().size(), currentUser, currentOrgId);
+        LambdaQueryWrapper<CluePoolPickRule> pickRuleWrapper = new LambdaQueryWrapper<>();
+        pickRuleWrapper.eq(CluePoolPickRule::getPoolId, request.getPoolId());
+        List<CluePoolPickRule> cluePoolPickRules = pickRuleMapper.selectListByLambda(pickRuleWrapper);
+        CluePoolPickRule pickRule = cluePoolPickRules.getFirst();
+        boolean poolAdmin = userExtendService.isPoolAdmin(JSON.parseArray(pool.getOwnerId(), String.class), currentUser, currentOrgId);
+        if (!poolAdmin) {
+            validateDailyPickNum(request.getBatchIds().size(), currentUser, pickRule);
+        }
+        request.getBatchIds().forEach(id -> ownClue(id, currentUser, pickRule, currentUser, LogType.PICK, currentOrgId, poolAdmin));
+    }
+
+    /**
+     * 批量分配线索
+     *
+     * @param request      请求参数
+     * @param assignUserId 分配用户ID
+     * @param currentOrgId 当前组织ID
+     */
+    public void batchAssign(PoolBatchAssignRequest request, String assignUserId, String currentOrgId, String currentUser) {
+        validateCapacity(request.getBatchIds().size(), assignUserId, currentOrgId);
+        request.getBatchIds().forEach(id -> ownClue(id, assignUserId, null, currentUser, LogType.ASSIGN, currentOrgId, false));
+    }
+
+    /**
+     * 批量删除客户
+     *
+     * @param ids 客户ID集合
+     */
+    public void batchDelete(List<String> ids, String userId, String orgId) {
+        List<Clue> clues = clueMapper.selectByIds(ids);
+        LambdaQueryWrapper<Clue> clueWrapper = new LambdaQueryWrapper<>();
+        clueWrapper.in(Clue::getId, ids);
+        clueMapper.deleteByLambda(clueWrapper);
+
+        List<LogDTO> logs = clues.stream()
+                .map(clue ->
+                        new LogDTO(orgId, clue.getId(), userId, LogType.DELETE, LogModule.CLUE_POOL_INDEX, clue.getName())
+                )
+                .toList();
+        logService.batchAdd(logs);
+    }
+
+    /**
+     * 校验库容
+     *
+     * @param processCount 处理数量
+     * @param ownUserId    负责人用户ID
+     * @param currentOrgId 当前组织ID
+     */
+    public void validateCapacity(int processCount, String ownUserId, String currentOrgId) {
+        // 实际可处理条数 = 负责人库容容量 - 所领取的数量 < 处理数量, 提示库容不足.
+        Integer capacity = getUserCapacity(ownUserId, currentOrgId);
+        int ownCount = (int) extClueMapper.getOwnerCount(ownUserId);
+        if (capacity != null && capacity - ownCount < processCount) {
+            throw new GenericException(Translator.getWithArgs("customer.capacity.over", Math.max(capacity - ownCount, 0)));
+        }
+    }
+
+    /**
+     * 校验每日领取数量
+     *
+     * @param pickingCount 领取数量
+     * @param ownUserId    负责人用户ID
+     * @param pickRule     领取规则
+     */
+    public void validateDailyPickNum(int pickingCount, String ownUserId, CluePoolPickRule pickRule) {
+        if (pickRule.getLimitOnNumber()) {
+            LambdaQueryWrapper<Clue> clueWrapper = new LambdaQueryWrapper<>();
+            clueWrapper
+                    .eq(Clue::getOwner, ownUserId)
+                    .eq(Clue::getInSharedPool, false)
+                    .between(Clue::getCollectionTime, TimeUtils.getTodayStart(), TimeUtils.getTodayStart() + DAY_MILLIS);
+            List<Clue> clues = clueMapper.selectListByLambda(clueWrapper);
+            int pickedCount = clues.size();
+            if (pickingCount + pickedCount > pickRule.getPickNumber()) {
+                throw new GenericException(Translator.get("customer.daily.pick.over"));
+            }
+        }
+    }
+
+    /**
+     * 获取用户库容
+     *
+     * @param userId         用户ID
+     * @param organizationId 组织ID
+     *
+     * @return 库容
+     */
+    public Integer getUserCapacity(String userId, String organizationId) {
+        List<String> scopeIds = userExtendService.getUserScopeIds(userId, organizationId);
+        return extClueCapacityMapper.getCapacityByScopeIds(scopeIds, organizationId);
+    }
+
+    /**
+     * 拥有客户
+     *
+     * @param clueId  线索ID
+     * @param ownerId 拥有人ID
+     */
+    private void ownClue(String clueId, String ownerId, CluePoolPickRule pickRule, String operateUserId, String logType, String currentOrgId, boolean isPoolAdmin) {
+        Clue clue = clueMapper.selectByPrimaryKey(clueId);
+        if (clue == null) {
+            throw new IllegalArgumentException(Translator.get("clue.not.exist"));
+        }
+        if (!clue.getInSharedPool()) {
+            throw new GenericException(Translator.getWithArgs("clue.pool.occupied", clue.getName()));
+        }
+        if (!isPoolAdmin && pickRule != null && pickRule.getLimitNew()) {
+            LocalDateTime joinPoolTime = LocalDateTime.ofInstant(Instant.ofEpochMilli(clue.getUpdateTime()), ZoneId.systemDefault());
+            LocalDateTime releaseDate = joinPoolTime.plusDays(pickRule.getNewPickInterval());
+            if (releaseDate.isAfter(LocalDateTime.now())) {
+                DateTimeFormatter formatter = DateTimeFormatter.ofPattern("yyyy-MM-dd HH:mm:ss");
+                throw new GenericException(Translator.getWithArgs("pool.data.release.date", releaseDate.format(formatter)));
+            }
+        }
+        if (pickRule != null && pickRule.getLimitPreOwner()) {
+            LambdaQueryWrapper<ClueOwner> queryWrapper = new LambdaQueryWrapper<>();
+            queryWrapper.eq(ClueOwner::getClueId, clueId);
+            List<ClueOwner> clueOwners = ownerMapper.selectListByLambda(queryWrapper);
+            if (CollectionUtils.isNotEmpty(clueOwners)) {
+                clueOwners.sort(Comparator.comparingLong(ClueOwner::getCollectionTime).reversed());
+                ClueOwner lastOwner = clueOwners.getFirst();
+                if (Strings.CS.equals(lastOwner.getOwner(), ownerId) &&
+                        System.currentTimeMillis() < pickRule.getPickIntervalDays() * DAY_MILLIS + lastOwner.getEndTime()) {
+                    LocalDateTime nextPickTime = LocalDateTime.ofInstant(Instant.ofEpochMilli(pickRule.getPickIntervalDays() * DAY_MILLIS + lastOwner.getEndTime()),
+                            ZoneId.systemDefault());
+                    DateTimeFormatter formatter = DateTimeFormatter.ofPattern("yyyy-MM-dd HH:mm:ss");
+                    throw new GenericException(Translator.getWithArgs("customer.pre_owner.pick.limit", nextPickTime.format(formatter)));
+                }
+            }
+        }
+        clue.setPoolId(null);
+        clue.setInSharedPool(false);
+        clue.setOwner(ownerId);
+        clue.setCollectionTime(System.currentTimeMillis());
+        clue.setStage(ClueStatus.FOLLOWING.name());
+        clue.setUpdateUser(ownerId);
+        clue.setUpdateTime(System.currentTimeMillis());
+        extClueMapper.updateIncludeNullById(clue);
+
+        // 日志
+        LogDTO logDTO = new LogDTO(currentOrgId, clue.getId(), operateUserId, logType, LogModule.CLUE_POOL_INDEX, clue.getName());
+        logService.add(logDTO);
+
+        // 分配通知
+        if (Strings.CS.equals(logType, LogType.ASSIGN)) {
+            commonNoticeSendService.sendNotice(NotificationConstants.Module.CLUE, NotificationConstants.Event.CLUE_DISTRIBUTED,
+                    clue.getName(), operateUserId, currentOrgId, List.of(clue.getOwner()), true);
+        }
+    }
+
+    public void batchUpdate(ResourceBatchEditRequest request, String userId, String organizationId) {
+        BaseField field = clueFieldService.getAndCheckField(request.getFieldId(), organizationId);
+
+        if (Strings.CS.equals(field.getBusinessKey(), BusinessModuleField.CLUE_OWNER.getBusinessKey())) {
+            // 修改负责人，走批量分配的接口
+            PoolBatchAssignRequest batchAssignRequest = new PoolBatchAssignRequest();
+            batchAssignRequest.setBatchIds(request.getIds());
+            batchAssignRequest.setAssignUserId(request.getFieldValue().toString());
+            batchAssign(batchAssignRequest, batchAssignRequest.getAssignUserId(), organizationId, userId);
+            return;
+        }
+
+        List<Clue> originCustomers = clueMapper.selectByIds(request.getIds());
+
+        clueFieldService.batchUpdate(request, field, originCustomers, Clue.class, LogModule.CLUE_POOL_INDEX, extClueMapper::batchUpdate, userId, organizationId);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/utils/ClueFieldUtils.java b/backend/crm/src/main/java/cn/cordys/crm/clue/utils/ClueFieldUtils.java
new file mode 100644
index 0000000..4e57ff4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/utils/ClueFieldUtils.java
@@ -0,0 +1,54 @@
+package cn.cordys.crm.clue.utils;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.util.TimeUtils;
+import cn.cordys.crm.clue.dto.response.ClueListResponse;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+
+import java.util.ArrayList;
+import java.util.LinkedHashMap;
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+
+public class ClueFieldUtils {
+
+    public static LinkedHashMap<String, Object> getSystemFieldMap(ClueListResponse data, Map<String, List<OptionDTO>> optionMap) {
+        LinkedHashMap<String, Object> systemFieldMap = new LinkedHashMap<>();
+        systemFieldMap.put("name", data.getName());
+        systemFieldMap.put("owner", data.getOwnerName());
+        systemFieldMap.put("contact", data.getContact());
+        systemFieldMap.put("phone", data.getPhone());
+        systemFieldMap.put("products", getProducts(optionMap, data.getProducts()));
+        systemFieldMap.put("collectionTime", TimeUtils.getDateTimeStr(data.getCollectionTime()));
+        systemFieldMap.put("createUser", data.getCreateUserName());
+        systemFieldMap.put("createTime", TimeUtils.getDateTimeStr(data.getCreateTime()));
+        systemFieldMap.put("updateUser", data.getUpdateUserName());
+        systemFieldMap.put("updateTime", TimeUtils.getDateTimeStr(data.getUpdateTime()));
+        systemFieldMap.put("follower", data.getFollowerName());
+        systemFieldMap.put("followTime", TimeUtils.getDateTimeStr(data.getFollowTime()));
+        systemFieldMap.put("reservedDays", data.getReservedDays());
+        systemFieldMap.put("recyclePoolName", data.getRecyclePoolName());
+        systemFieldMap.put("departmentId", data.getDepartmentName());
+        return systemFieldMap;
+    }
+
+    public static Object getProducts(Map<String, List<OptionDTO>> optionMap, List<String> products) {
+        List<String> productNames = new ArrayList<>();
+        if (optionMap.containsKey(BusinessModuleField.CLUE_PRODUCTS.getBusinessKey()) && CollectionUtils.isNotEmpty(products)) {
+            Map<String, String> productsMap = optionMap.get(BusinessModuleField.CLUE_PRODUCTS.getBusinessKey()).stream().collect(Collectors.toMap(OptionDTO::getId, OptionDTO::getName));
+            products.forEach(product -> {
+                if (productsMap.containsKey(product)) {
+                    productNames.add(productsMap.get(product));
+                }
+            });
+        }
+        if (CollectionUtils.isEmpty(productNames)) {
+            return StringUtils.EMPTY;
+        }
+        return StringUtils.join(productNames, ",");
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/clue/utils/PoolClueFieldUtils.java b/backend/crm/src/main/java/cn/cordys/crm/clue/utils/PoolClueFieldUtils.java
new file mode 100644
index 0000000..cb3d517
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/clue/utils/PoolClueFieldUtils.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.clue.utils;
+
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.crm.clue.dto.response.ClueListResponse;
+
+import java.util.LinkedHashMap;
+import java.util.List;
+import java.util.Map;
+
+public class PoolClueFieldUtils {
+
+    public static LinkedHashMap<String, Object> getSystemFieldMap(ClueListResponse data, Map<String, List<OptionDTO>> optionMap) {
+        LinkedHashMap<String, Object> systemFieldMap = ClueFieldUtils.getSystemFieldMap(data, optionMap);
+        systemFieldMap.put("reasonId", data.getReasonName());
+        return systemFieldMap;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/constants/BusinessTitleConstants.java b/backend/crm/src/main/java/cn/cordys/crm/contract/constants/BusinessTitleConstants.java
new file mode 100644
index 0000000..49eb1ed
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/constants/BusinessTitleConstants.java
@@ -0,0 +1,52 @@
+package cn.cordys.crm.contract.constants;
+
+public enum BusinessTitleConstants {
+
+    NAME("name", "公司名称", "Name"),
+    IDENTIFICATION_NUMBER("identificationNumber", "纳税人识别号", "Identification number"),
+    OPENING_BANK("openingBank", "开户银行", "Opening bank"),
+    BANK_ACCOUNT("bankAccount", "银行账户", "Bank account"),
+    REGISTRATION_ADDRESS("registrationAddress", "注册地址", "Registration address"),
+    PHONE_NUMBER("phoneNumber", "注册电话", "Phone number"),
+    REGISTERED_CAPITAL("registeredCapital", "注册资本", "Registered capital"),
+    COMPANY_SIZE("companySize", "公司规模", "Customer size"),
+    REGISTRATION_NUMBER("registrationNumber", "工商注册账号", "Registration number"),
+    PROVINCE("province", "省", "Province"),
+    CITY("city", "市", "City"),
+    SCALE("scale", "企业规模", "Scale"),
+    INDUSTRY("industry", "国标行业", "Industry"),
+    REMARK("remark", "备注", "Remark"),
+    COMPANY_NUMBER("companyNumber", "公司编号", "Company number");
+
+    private final String key;
+    private final String ch;
+    private final String us;
+
+    BusinessTitleConstants(String key, String ch, String us) {
+        this.key = key;
+        this.ch = ch;
+        this.us = us;
+    }
+
+    public String getKey() {
+        return key;
+    }
+
+    public String getCh() {
+        return ch;
+    }
+
+    public String getUs() {
+        return us;
+    }
+
+    public String getId() {
+        if (this == BusinessTitleConstants.NAME) {
+            // name 和其他字段的 businessKey 冲突
+            return "business_title_" + getKey();
+        } else {
+            // 其他字段不冲突，不处理，避免影响历史数据
+            return getKey();
+        }
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/constants/BusinessTitleType.java b/backend/crm/src/main/java/cn/cordys/crm/contract/constants/BusinessTitleType.java
new file mode 100644
index 0000000..9aec58a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/constants/BusinessTitleType.java
@@ -0,0 +1,21 @@
+package cn.cordys.crm.contract.constants;
+
+
+/**
+ * 工商抬头类型
+ */
+public enum BusinessTitleType {
+
+
+    /**
+     * 自定义
+     */
+    CUSTOM,
+
+    /**
+     * 第三方
+     */
+    THIRD_PARTY,
+
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/constants/ContractApprovalStatus.java b/backend/crm/src/main/java/cn/cordys/crm/contract/constants/ContractApprovalStatus.java
new file mode 100644
index 0000000..3bdc61b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/constants/ContractApprovalStatus.java
@@ -0,0 +1,31 @@
+package cn.cordys.crm.contract.constants;
+
+
+/**
+ * 合同审核状态
+ */
+public enum ContractApprovalStatus {
+
+    /**
+     * 审核中
+     */
+    APPROVING,
+
+    /**
+     * 通过
+     */
+    APPROVED,
+
+    /**
+     * 不通过
+     */
+    UNAPPROVED,
+    /**
+     * 撤销
+     */
+    REVOKED,
+    /**
+     * 当关闭审批时，审批状态为 NONE
+     */
+    NONE,
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/constants/ContractPaymentPlanStatus.java b/backend/crm/src/main/java/cn/cordys/crm/contract/constants/ContractPaymentPlanStatus.java
new file mode 100644
index 0000000..22f5436
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/constants/ContractPaymentPlanStatus.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.contract.constants;
+
+public enum ContractPaymentPlanStatus {
+    /**
+     * 待处理
+     */
+    PENDING,
+    /**
+     * 部分完成
+     */
+    PARTIALLY_COMPLETED,
+    /**
+     * 已完成
+     */
+    COMPLETED
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/constants/ContractStage.java b/backend/crm/src/main/java/cn/cordys/crm/contract/constants/ContractStage.java
new file mode 100644
index 0000000..76b0101
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/constants/ContractStage.java
@@ -0,0 +1,44 @@
+package cn.cordys.crm.contract.constants;
+
+
+/**
+ * 合同状态
+ */
+public enum ContractStage {
+
+
+    /**
+     * 待签署
+     */
+    PENDING_SIGNING,
+
+    /**
+     * 已签署
+     */
+    SIGNED,
+
+    /**
+     * 合同变更
+     */
+    CHANGE,
+
+    /**
+     * 履行中
+     */
+    IN_PROGRESS,
+
+    /**
+     * 履行完毕
+     */
+    COMPLETED_PERFORMANCE,
+
+    /**
+     * 作废
+     */
+    VOID,
+
+    /**
+     * 合同完结
+     */
+    ARCHIVED,
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/constants/SystemFieldConstants.java b/backend/crm/src/main/java/cn/cordys/crm/contract/constants/SystemFieldConstants.java
new file mode 100644
index 0000000..195ab35
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/constants/SystemFieldConstants.java
@@ -0,0 +1,42 @@
+package cn.cordys.crm.contract.constants;
+
+import cn.cordys.crm.system.constants.FieldSourceType;
+import lombok.Getter;
+
+/**
+ * 系统字段枚举
+ */
+@Getter
+public enum SystemFieldConstants {
+
+	/**
+	 * 报价数据源 (状态, 审批状态)
+	 */
+	QUOTATION_INVALID("invalid", FieldSourceType.QUOTATION),
+	QUOTATION_APPROVAL_STATUS("approvalStatus", FieldSourceType.QUOTATION),
+
+    /**
+     * 合同数据源 (合同阶段, 审批状态)
+     */
+	CONTRACT_STAGE("stage", FieldSourceType.CONTRACT),
+    CONTRACT_APPROVAL_STATUS("approvalStatus", FieldSourceType.CONTRACT),
+
+	/**
+	 * 订单数据源 (订单阶段, 审批状态)
+	 */
+	ORDER_STAGE("stage", FieldSourceType.ORDER),
+	ORDER_APPROVAL_STATUS("approvalStatus", FieldSourceType.ORDER),
+
+	/**
+	 * 发票数据源 (审批状态)
+	 */
+	INVOICE_APPROVAL_STATUS("approvalStatus", FieldSourceType.INVOICE);
+
+    private final String key;
+	private final FieldSourceType sourceType;
+
+    SystemFieldConstants(String key, FieldSourceType sourceType) {
+        this.key = key;
+		this.sourceType = sourceType;
+	}
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/controller/BusinessTitleConfigController.java b/backend/crm/src/main/java/cn/cordys/crm/contract/controller/BusinessTitleConfigController.java
new file mode 100644
index 0000000..61e7649
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/controller/BusinessTitleConfigController.java
@@ -0,0 +1,41 @@
+package cn.cordys.crm.contract.controller;
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.contract.domain.BusinessTitleConfig;
+import cn.cordys.crm.contract.service.BusinessTitleConfigService;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RestController;
+
+import java.util.List;
+
+
+@Tag(name = "工商抬头配置")
+@RestController
+@RequestMapping("/business-title/config")
+public class BusinessTitleConfigController {
+
+    @Resource
+    private BusinessTitleConfigService businessTitleConfigService;
+
+
+    @GetMapping("/get")
+    @Operation(summary = "获取工商抬头配置")
+    public List<BusinessTitleConfig> getStageConfigList() {
+        return businessTitleConfigService.getConfigs(OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/switch/{id}")
+    @Operation(summary = "必填/非必填设置")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void switchRequired(@PathVariable String id) {
+        businessTitleConfigService.switchRequired(id);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/controller/BusinessTitleController.java b/backend/crm/src/main/java/cn/cordys/crm/contract/controller/BusinessTitleController.java
new file mode 100644
index 0000000..a5665cf
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/controller/BusinessTitleController.java
@@ -0,0 +1,187 @@
+package cn.cordys.crm.contract.controller;
+
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.common.dto.ExportDTO;
+import cn.cordys.common.dto.ExportSelectRequest;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.contract.domain.BusinessTitle;
+import cn.cordys.crm.contract.dto.request.*;
+import cn.cordys.crm.contract.dto.response.BusinessTitleListResponse;
+import cn.cordys.crm.contract.service.BusinessTitleExportService;
+import cn.cordys.crm.contract.service.BusinessTitleService;
+import cn.cordys.crm.system.constants.ExportConstants;
+import cn.cordys.crm.system.dto.response.ImportResponse;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import jakarta.servlet.http.HttpServletResponse;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.context.i18n.LocaleContextHolder;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+import org.springframework.web.multipart.MultipartFile;
+
+import java.util.List;
+
+@Tag(name = "工商抬头")
+@RestController
+@RequestMapping("/contract/business-title")
+public class BusinessTitleController {
+
+    @Resource
+    private BusinessTitleService businessTitleService;
+    @Resource
+    private BusinessTitleExportService businessTitleExportService;
+
+
+    @GetMapping("/module/form")
+    @Operation(summary = "获取表单配置")
+    public ModuleFormConfigDTO getModuleFormConfig() {
+        return businessTitleService.getBusinessFormConfig();
+    }
+
+
+    @PostMapping("/add")
+    @RequiresPermissions(PermissionConstants.CONTRACT_BUSINESS_TITLE_ADD)
+    @Operation(summary = "创建")
+    public BusinessTitle add(@Validated @RequestBody BusinessTitleAddRequest request) {
+        return businessTitleService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/update")
+    @RequiresPermissions(PermissionConstants.CONTRACT_BUSINESS_TITLE_UPDATE)
+    @Operation(summary = "更新")
+    public BusinessTitle update(@Validated @RequestBody BusinessTitleUpdateRequest request) {
+        return businessTitleService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/delete/{id}")
+    @RequiresPermissions(PermissionConstants.CONTRACT_BUSINESS_TITLE_DELETE)
+    @Operation(summary = "删除")
+    public void delete(@PathVariable("id") String id) {
+        businessTitleService.delete(id);
+    }
+
+
+    @GetMapping("/invoice/check/{id}")
+    @RequiresPermissions(PermissionConstants.CONTRACT_BUSINESS_TITLE_DELETE)
+    @Operation(summary = "检查工商抬头是否开过票")
+    public boolean checkInvoice(@PathVariable String id) {
+        return businessTitleService.checkHasInvoice(id);
+    }
+
+
+    @PostMapping("/page")
+    @RequiresPermissions(PermissionConstants.CONTRACT_BUSINESS_TITLE_READ)
+    @Operation(summary = "列表")
+    public Pager<List<BusinessTitleListResponse>> list(@Validated @RequestBody BusinessTitlePageRequest request) {
+        ConditionFilterUtils.parseCondition(request);
+        return businessTitleService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/get/{id}")
+    @RequiresPermissions(PermissionConstants.CONTRACT_BUSINESS_TITLE_READ)
+    @Operation(summary = "详情")
+    public BusinessTitleListResponse get(@PathVariable("id") String id) {
+        return businessTitleService.get(id);
+    }
+
+
+    @PostMapping("/approval")
+    @RequiresPermissions(PermissionConstants.CONTRACT_BUSINESS_TITLE_APPROVAL)
+    @Operation(summary = "审核通过/不通过")
+    public void approval(@Validated @RequestBody BusinessTitleApprovalRequest request) {
+        businessTitleService.approvalContract(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/revoke/{id}")
+    @Operation(summary = "撤销审批")
+    public String revoke(@PathVariable("id") String id) {
+        return businessTitleService.revoke(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/export-select")
+    @Operation(summary = "导出选中工商抬头")
+    @RequiresPermissions(PermissionConstants.CONTRACT_BUSINESS_TITLE_EXPORT)
+    public String exportSelect(@Validated @RequestBody ExportSelectRequest request) {
+        ExportDTO exportDTO = ExportDTO.builder()
+                .exportType(ExportConstants.ExportType.BUSINESS_TITLE.name())
+                .fileName(request.getFileName())
+                .headList(request.getHeadList())
+                .logModule(LogModule.CONTRACT_BUSINESS_TITLE)
+                .locale(LocaleContextHolder.getLocale())
+                .orgId(OrganizationContext.getOrganizationId())
+                .userId(SessionUtils.getUserId())
+                .selectIds(request.getIds())
+                .selectRequest(request)
+                .build();
+        return businessTitleExportService.exportSelect(exportDTO);
+    }
+
+
+    @PostMapping("/export-all")
+    @Operation(summary = "导出全部")
+    @RequiresPermissions(PermissionConstants.CONTRACT_BUSINESS_TITLE_EXPORT)
+    public String exportAll(@Validated @RequestBody BusinessTitleExportRequest request) {
+        ConditionFilterUtils.parseCondition(request);
+        ExportDTO exportDTO = ExportDTO.builder()
+                .exportType(ExportConstants.ExportType.BUSINESS_TITLE.name())
+                .fileName(request.getFileName())
+                .headList(request.getHeadList())
+                .logModule(LogModule.CONTRACT_BUSINESS_TITLE)
+                .locale(LocaleContextHolder.getLocale())
+                .orgId(OrganizationContext.getOrganizationId())
+                .userId(SessionUtils.getUserId())
+                .pageRequest(request)
+                .build();
+        return businessTitleExportService.export(exportDTO);
+    }
+
+
+    @GetMapping("/template/download")
+    @RequiresPermissions(PermissionConstants.CONTRACT_BUSINESS_TITLE_IMPORT)
+    @Operation(summary = "下载导入模板")
+    public void downloadImportTpl(HttpServletResponse response) {
+        businessTitleService.downloadImportTpl(response, OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/import/pre-check")
+    @Operation(summary = "excel导入检查")
+    @RequiresPermissions(PermissionConstants.CONTRACT_BUSINESS_TITLE_IMPORT)
+    public ImportResponse preCheck(@RequestPart(value = "file", required = false) MultipartFile file, @Validated @RequestPart("request") BusinessTitleImportRequest request) {
+        return businessTitleService.importPreCheck(file, OrganizationContext.getOrganizationId(), request);
+    }
+
+
+    @PostMapping(value = "/import")
+    @Operation(summary = "导入")
+    @RequiresPermissions(PermissionConstants.CONTRACT_BUSINESS_TITLE_IMPORT)
+    public ImportResponse realImport(@RequestPart(value = "file", required = false) MultipartFile file, @Validated @RequestPart("request") BusinessTitleImportRequest request) {
+        return businessTitleService.realImport(file, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), request);
+    }
+
+
+    @PostMapping("/third-query/option")
+    @RequiresPermissions(PermissionConstants.CONTRACT_BUSINESS_TITLE_ADD)
+    @Operation(summary = "第三方接口分页模糊查询工商名称")
+    public Pager<List<String>> thirdQueryOptions(@Validated @RequestBody BasePageRequest request) {
+        return businessTitleService.thirdQueryOption(request.getKeyword(), request.getCurrent(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/third-query")
+    @RequiresPermissions(PermissionConstants.CONTRACT_BUSINESS_TITLE_ADD)
+    @Operation(summary = "第三方接口查询工商抬头信息")
+    public BusinessTitle thirdQuery(@RequestParam String keyword) {
+        return businessTitleService.thirdQuery(keyword, OrganizationContext.getOrganizationId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/controller/ContractController.java b/backend/crm/src/main/java/cn/cordys/crm/contract/controller/ContractController.java
new file mode 100644
index 0000000..19c39c8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/controller/ContractController.java
@@ -0,0 +1,271 @@
+package cn.cordys.crm.contract.controller;
+
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.FormKeyConstants;
+import cn.cordys.common.constants.InternalUserView;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.common.dto.ExportDTO;
+import cn.cordys.common.dto.ExportSelectRequest;
+import cn.cordys.common.dto.ResourceTabEnableDTO;
+import cn.cordys.common.dto.condition.BaseCondition;
+import cn.cordys.common.dto.stage.StageSortRequest;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.permission.CsBatchPermission;
+import cn.cordys.common.permission.CsPermission;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.clue.dto.request.ContractDetailPaymentPlanPageRequest;
+import cn.cordys.crm.contract.domain.Contract;
+import cn.cordys.crm.contract.dto.request.*;
+import cn.cordys.crm.contract.dto.response.*;
+import cn.cordys.crm.contract.service.*;
+import cn.cordys.crm.customer.dto.request.ContractDetailInvoicePageRequest;
+import cn.cordys.crm.customer.dto.request.ContractOrderPageRequest;
+import cn.cordys.crm.order.dto.response.OrderListResponse;
+import cn.cordys.crm.order.service.OrderService;
+import cn.cordys.crm.system.constants.ExportConstants;
+import cn.cordys.crm.system.dto.request.ResourceBatchEditRequest;
+import cn.cordys.crm.system.dto.response.BatchAffectReasonResponse;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.context.i18n.LocaleContextHolder;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.math.BigDecimal;
+import java.util.List;
+
+
+@Tag(name = "合同")
+@RestController
+@RequestMapping("/contract")
+public class ContractController {
+    @Resource
+    private ContractService contractService;
+    @Resource
+    private ContractExportService contractExportService;
+    @Resource
+    private DataScopeService dataScopeService;
+    @Resource
+    private ContractPaymentPlanService contractPaymentPlanService;
+    @Resource
+    private ContractPaymentRecordService contractPaymentRecordService;
+    @Resource
+    private ContractInvoiceService contractInvoiceService;
+    @Resource
+    private OrderService orderService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+
+
+    @GetMapping("/module/form")
+    @RequiresPermissions(PermissionConstants.CONTRACT_READ)
+    @Operation(summary = "获取表单配置")
+    public ModuleFormConfigDTO getModuleFormConfig() {
+        return moduleFormCacheService.getBusinessFormConfig(FormKey.CONTRACT.getKey(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/add")
+    @RequiresPermissions(PermissionConstants.CONTRACT_ADD)
+    @Operation(summary = "创建")
+    public Contract add(@Validated @RequestBody ContractAddRequest request) {
+        return contractService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/update")
+    @CsPermission(value = PermissionConstants.CONTRACT_UPDATE, resourceId = "{#request.id}", formType = FormKeyConstants.CONTRACT)
+    @Operation(summary = "更新")
+    public Contract update(@Validated @RequestBody ContractUpdateRequest request) {
+        return contractService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/update/stage")
+    @CsPermission(value = PermissionConstants.CONTRACT_STAGE, resourceId = "{#request.id}", formType = FormKeyConstants.CONTRACT)
+    @Operation(summary = "更新合同阶段")
+    public void updateStage(@Validated @RequestBody ContractStageRequest request) {
+        contractService.updateStage(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/delete/{id}")
+    @CsPermission(value = PermissionConstants.CONTRACT_DELETE, resourceId = "{#id}", formType = FormKeyConstants.CONTRACT)
+    @Operation(summary = "删除")
+    public void delete(@PathVariable("id") String id) {
+        contractService.delete(id, SessionUtils.getUserId());
+    }
+
+    @GetMapping("/get/snapshot/{id}")
+    @CsPermission(value = PermissionConstants.CONTRACT_READ, resourceId = "{#id}", formType = FormKeyConstants.CONTRACT)
+    @Operation(summary = "获取详情快照")
+    public ContractGetResponse getSnapshot(@PathVariable("id") String id) {
+        return contractService.getSnapshot(id, OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/get/{id}")
+    @CsPermission(value = PermissionConstants.CONTRACT_READ, resourceId = "{#id}", formType = FormKeyConstants.CONTRACT)
+    @Operation(summary = "详情")
+    public ContractGetResponse get(@PathVariable("id") String id) {
+        return contractService.get(id, OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/module/form/snapshot/{id}")
+    @CsPermission(value = PermissionConstants.CONTRACT_READ, resourceId = "{#id}", formType = FormKeyConstants.CONTRACT)
+    @Operation(summary = "获取表单快照配置")
+    public ModuleFormConfigDTO getFormSnapshot(@PathVariable("id") String id) {
+        return contractService.getFormSnapshot(id, OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/page")
+    @CsPermission(PermissionConstants.CONTRACT_READ)
+    @Operation(summary = "列表")
+    public PagerWithOption<List<ContractListResponse>> list(@Validated @RequestBody ContractPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.CONTRACT.getKey());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.CONTRACT_READ);
+        return contractService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission, false);
+    }
+
+    @PostMapping("/batch/update")
+    @CsBatchPermission(value = PermissionConstants.CONTRACT_UPDATE, resourceId = "{#request.ids}", formType = FormKeyConstants.CONTRACT)
+    @Operation(summary = "批量更新合同")
+    public BatchAffectReasonResponse batchUpdate(@Validated @RequestBody ResourceBatchEditRequest request) {
+        return contractService.batchUpdate(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/contract-payment-plan/page")
+    @RequiresPermissions({PermissionConstants.CONTRACT_READ, PermissionConstants.CONTRACT_PAYMENT_PLAN_READ})
+    @Operation(summary = "合同详情-回款列表")
+    public PagerWithOption<List<ContractPaymentPlanListResponse>> paymentPlanList(@Validated @RequestBody ContractDetailPaymentPlanPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.CONTRACT_PAYMENT_PLAN.getKey());
+        request.setViewId(InternalUserView.ALL.name());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.CONTRACT_PAYMENT_PLAN_READ);
+        return contractPaymentPlanService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission);
+    }
+
+    @PostMapping("/contract-payment-record/page")
+    @RequiresPermissions({PermissionConstants.CONTRACT_READ, PermissionConstants.CONTRACT_PAYMENT_RECORD_READ})
+    @Operation(summary = "合同详情-回款记录")
+    public PagerWithOption<List<ContractPaymentRecordResponse>> paymentRecordList(@Validated @RequestBody ContractPaymentRecordPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.CONTRACT_PAYMENT_RECORD.getKey());
+        request.setViewId(InternalUserView.ALL.name());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.CONTRACT_PAYMENT_RECORD_READ);
+        return contractPaymentRecordService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission);
+    }
+
+    @GetMapping("/tab")
+    @RequiresPermissions(PermissionConstants.CONTRACT_READ)
+    @Operation(summary = "tab是否显示")
+    public ResourceTabEnableDTO getTabEnableConfig() {
+        return contractService.getTabEnableConfig(SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/export-select")
+    @Operation(summary = "导出选中合同")
+    @CsBatchPermission(value = PermissionConstants.CONTRACT_EXPORT, resourceId = "{#request.ids}", formType = FormKeyConstants.CONTRACT)
+    public String exportSelect(@Validated @RequestBody ExportSelectRequest request) {
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), PermissionConstants.CONTRACT_READ);
+        ExportDTO exportDTO = ExportDTO.builder()
+                .exportType(ExportConstants.ExportType.CONTRACT.name())
+                .fileName(request.getFileName())
+                .headList(request.getHeadList())
+                .logModule(LogModule.CONTRACT_INDEX)
+                .locale(LocaleContextHolder.getLocale())
+                .orgId(OrganizationContext.getOrganizationId())
+                .userId(SessionUtils.getUserId())
+                .deptDataPermission(deptDataPermission)
+                .selectIds(request.getIds())
+                .selectRequest(request)
+                .formKey(FormKey.CONTRACT.getKey())
+                .build();
+        return contractExportService.exportSelectWithMergeStrategy(exportDTO);
+    }
+
+    @PostMapping("/export-all")
+    @Operation(summary = "导出全部合同")
+    @RequiresPermissions(PermissionConstants.CONTRACT_EXPORT)
+    public String exportAll(@Validated @RequestBody ContractExportRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.CONTRACT.getKey());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.CONTRACT_READ);
+        ExportDTO exportDTO = ExportDTO.builder()
+                .exportType(ExportConstants.ExportType.CONTRACT.name())
+                .fileName(request.getFileName())
+                .headList(request.getHeadList())
+                .logModule(LogModule.CONTRACT_INDEX)
+                .locale(LocaleContextHolder.getLocale())
+                .orgId(OrganizationContext.getOrganizationId())
+                .userId(SessionUtils.getUserId())
+                .deptDataPermission(deptDataPermission)
+                .pageRequest(request)
+                .formKey(FormKey.CONTRACT.getKey())
+                .build();
+        return contractExportService.exportAllWithMergeStrategy(exportDTO);
+    }
+
+    @PostMapping("/invoice/page")
+    @RequiresPermissions({PermissionConstants.CONTRACT_READ, PermissionConstants.CONTRACT_INVOICE_READ})
+    @Operation(summary = "合同详情-发票列表")
+    public PagerWithOption<List<ContractInvoiceListResponse>> invoiceList(@Validated @RequestBody ContractDetailInvoicePageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.INVOICE.getKey());
+        request.setViewId(InternalUserView.ALL.name());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.CONTRACT_INVOICE_READ);
+        return contractInvoiceService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission);
+    }
+
+    @PostMapping("/order/page")
+    @RequiresPermissions({PermissionConstants.CONTRACT_READ, PermissionConstants.ORDER_READ})
+    @Operation(summary = "合同详情-订单列表")
+    public PagerWithOption<List<OrderListResponse>> invoiceList(@Validated @RequestBody ContractOrderPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.ORDER.getKey());
+        request.setViewId(InternalUserView.ALL.name());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.ORDER_READ);
+        return orderService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission, false);
+    }
+
+    @GetMapping("/invoice/statistic/{contractId}")
+    @RequiresPermissions({PermissionConstants.CONTRACT_READ, PermissionConstants.CONTRACT_INVOICE_READ})
+    @Operation(summary = "合同详情-发票列表统计")
+    public CustomerInvoiceStatisticResponse calculateCustomerInvoiceStatistic(@PathVariable String contractId) {
+        BigDecimal invoiceAmount = contractInvoiceService.calculateContractInvoiceAmount(contractId, SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId());
+
+        CustomerInvoiceStatisticResponse response = new CustomerInvoiceStatisticResponse();
+        Contract contract = contractService.selectByPrimaryKey(contractId);
+        response.setContractAmount(contract == null ? BigDecimal.ZERO : contract.getAmount());
+        response.setInvoicedAmount(invoiceAmount);
+        response.setUninvoicedAmount(response.getContractAmount().subtract(invoiceAmount));
+        return response;
+    }
+
+
+    @PostMapping("/statistic")
+    @RequiresPermissions(PermissionConstants.CONTRACT_READ)
+    @Operation(summary = "合同统计")
+    public ContractStatisticResponse searchStatistic(@Validated @RequestBody BaseCondition request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.CONTRACT.getKey());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.CONTRACT_READ);
+        return contractService.searchStatistic(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission);
+    }
+
+    @PostMapping("/sort")
+    @Operation(summary = "合同阶段看板拖拽排序")
+    public void sortModule(@Validated @RequestBody StageSortRequest request) {
+        contractService.sort(request, SessionUtils.getUserId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/controller/ContractInvoiceController.java b/backend/crm/src/main/java/cn/cordys/crm/contract/controller/ContractInvoiceController.java
new file mode 100644
index 0000000..cce7c9b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/controller/ContractInvoiceController.java
@@ -0,0 +1,167 @@
+package cn.cordys.crm.contract.controller;
+
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.FormKeyConstants;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.common.dto.ExportDTO;
+import cn.cordys.common.dto.ExportSelectRequest;
+import cn.cordys.common.dto.ResourceTabEnableDTO;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.permission.CsBatchPermission;
+import cn.cordys.common.permission.CsPermission;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.contract.domain.ContractInvoice;
+import cn.cordys.crm.contract.dto.request.ContractInvoiceAddRequest;
+import cn.cordys.crm.contract.dto.request.ContractInvoiceExportRequest;
+import cn.cordys.crm.contract.dto.request.ContractInvoicePageRequest;
+import cn.cordys.crm.contract.dto.request.ContractInvoiceUpdateRequest;
+import cn.cordys.crm.contract.dto.response.ContractInvoiceGetResponse;
+import cn.cordys.crm.contract.dto.response.ContractInvoiceListResponse;
+import cn.cordys.crm.contract.service.ContractInvoiceExportService;
+import cn.cordys.crm.contract.service.ContractInvoiceService;
+import cn.cordys.crm.system.constants.ExportConstants;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import jakarta.validation.constraints.NotNull;
+import org.springframework.context.i18n.LocaleContextHolder;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+
+@Tag(name = "发票")
+@RestController
+@RequestMapping("/invoice")
+public class ContractInvoiceController {
+    @Resource
+    private ContractInvoiceService contractInvoiceService;
+    @Resource
+    private ContractInvoiceExportService contractInvoiceExportService;
+    @Resource
+    private DataScopeService dataScopeService;
+
+    @GetMapping("/module/form")
+    @CsPermission(PermissionConstants.CONTRACT_INVOICE_READ)
+    @Operation(summary = "获取表单配置")
+    public ModuleFormConfigDTO getModuleFormConfig() {
+        return contractInvoiceService.getBusinessFormConfig(OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/page")
+    @CsPermission(PermissionConstants.CONTRACT_INVOICE_READ)
+    @Operation(summary = "列表")
+    public PagerWithOption<List<ContractInvoiceListResponse>> list(@Validated @RequestBody ContractInvoicePageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.INVOICE.getKey());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.CONTRACT_INVOICE_READ);
+        return contractInvoiceService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission);
+    }
+
+    @GetMapping("/get/snapshot/{id}")
+    @CsPermission(value = PermissionConstants.CONTRACT_INVOICE_READ, resourceId = "{#id}", formType = FormKeyConstants.CONTRACT_INVOICE)
+    @Operation(summary = "获取详情快照")
+    public ContractInvoiceGetResponse getSnapshot(@PathVariable("id") String id) {
+        return contractInvoiceService.getSnapshot(id, OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/get/{id}")
+    @CsPermission(value = PermissionConstants.CONTRACT_INVOICE_READ, resourceId = "{#id}", formType = FormKeyConstants.CONTRACT_INVOICE)
+    @Operation(summary = "详情")
+    public ContractInvoiceGetResponse get(@PathVariable("id") String id) {
+        return contractInvoiceService.get(id, OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/add")
+    @CsPermission(PermissionConstants.CONTRACT_INVOICE_ADD)
+    @Operation(summary = "创建")
+    public ContractInvoice add(@Validated @RequestBody ContractInvoiceAddRequest request) {
+        return contractInvoiceService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/update")
+    @CsPermission(value = PermissionConstants.CONTRACT_INVOICE_UPDATE, resourceId = "{#request.id}", formType = FormKeyConstants.CONTRACT_INVOICE)
+    @Operation(summary = "更新")
+    public ContractInvoice update(@Validated @RequestBody ContractInvoiceUpdateRequest request) {
+        return contractInvoiceService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/delete/{id}")
+    @CsPermission(value = PermissionConstants.CONTRACT_INVOICE_DELETE, resourceId = "{#id}", formType = FormKeyConstants.CONTRACT_INVOICE)
+    @Operation(summary = "删除")
+    public void delete(@PathVariable("id") String id) {
+        contractInvoiceService.delete(id, SessionUtils.getUserId());
+    }
+
+    @GetMapping("/module/form/snapshot/{id}")
+    @CsPermission(value = PermissionConstants.CONTRACT_INVOICE_READ, resourceId = "{#id}", formType = FormKeyConstants.CONTRACT_INVOICE)
+    @Operation(summary = "获取表单快照配置")
+    public ModuleFormConfigDTO getFormSnapshot(@PathVariable("id") String id) {
+        return contractInvoiceService.getFormSnapshot(id, OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/tab")
+    @CsPermission(PermissionConstants.CONTRACT_INVOICE_READ)
+    @Operation(summary = "tab是否显示")
+    public ResourceTabEnableDTO getTabEnableConfig() {
+        return contractInvoiceService.getTabEnableConfig(SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/export-select")
+    @Operation(summary = "导出选中发票")
+    @CsBatchPermission(value = PermissionConstants.CONTRACT_INVOICE_EXPORT, resourceId = "{#request.ids}", formType = FormKeyConstants.CONTRACT_INVOICE)
+    public String exportSelect(@Validated @RequestBody ExportSelectRequest request) {
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), PermissionConstants.CONTRACT_INVOICE_READ);
+        ExportDTO exportDTO = ExportDTO.builder()
+                .exportType(ExportConstants.ExportType.CONTRACT_INVOICE.name())
+                .fileName(request.getFileName())
+                .headList(request.getHeadList())
+                .logModule(LogModule.CONTRACT_INVOICE)
+                .locale(LocaleContextHolder.getLocale())
+                .orgId(OrganizationContext.getOrganizationId())
+                .userId(SessionUtils.getUserId())
+                .deptDataPermission(deptDataPermission)
+                .selectIds(request.getIds())
+                .selectRequest(request)
+                .formKey(FormKey.INVOICE.getKey())
+                .build();
+        return contractInvoiceExportService.exportSelect(exportDTO);
+    }
+
+    @PostMapping("/export-all")
+    @Operation(summary = "导出全部合同")
+    @CsPermission(PermissionConstants.CONTRACT_INVOICE_EXPORT)
+    public String exportAll(@Validated @RequestBody ContractInvoiceExportRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.INVOICE.getKey());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.CONTRACT_INVOICE_EXPORT);
+        ExportDTO exportDTO = ExportDTO.builder()
+                .exportType(ExportConstants.ExportType.CONTRACT_INVOICE.name())
+                .fileName(request.getFileName())
+                .headList(request.getHeadList())
+                .logModule(LogModule.CONTRACT_INVOICE)
+                .locale(LocaleContextHolder.getLocale())
+                .orgId(OrganizationContext.getOrganizationId())
+                .userId(SessionUtils.getUserId())
+                .deptDataPermission(deptDataPermission)
+                .pageRequest(request)
+                .formKey(FormKey.INVOICE.getKey())
+                .build();
+        return contractInvoiceExportService.export(exportDTO);
+    }
+
+    @PostMapping("/batch/delete")
+    @CsBatchPermission(value = PermissionConstants.CONTRACT_INVOICE_DELETE, resourceId = "{#ids}", formType = FormKeyConstants.CONTRACT_INVOICE)
+    @Operation(summary = "批量删除客户")
+    public void batchDelete(@RequestBody @NotNull List<String> ids) {
+        contractInvoiceService.batchDelete(ids, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/controller/ContractInvoiceUserViewController.java b/backend/crm/src/main/java/cn/cordys/crm/contract/controller/ContractInvoiceUserViewController.java
new file mode 100644
index 0000000..04da141
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/controller/ContractInvoiceUserViewController.java
@@ -0,0 +1,93 @@
+package cn.cordys.crm.contract.controller;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.request.PosRequest;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.constants.UserViewResourceType;
+import cn.cordys.crm.system.domain.UserView;
+import cn.cordys.crm.system.dto.request.UserViewAddRequest;
+import cn.cordys.crm.system.dto.request.UserViewUpdateRequest;
+import cn.cordys.crm.system.dto.response.UserViewListResponse;
+import cn.cordys.crm.system.dto.response.UserViewResponse;
+import cn.cordys.crm.system.service.UserViewService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "发票视图")
+@RestController
+@RequestMapping("/invoice/view")
+public class ContractInvoiceUserViewController {
+
+    @Resource
+    private UserViewService userViewService;
+
+
+    @PostMapping("/add")
+    @RequiresPermissions(PermissionConstants.CONTRACT_INVOICE_READ)
+    @Operation(summary = "添加发票视图")
+    public UserView add(@Validated @RequestBody UserViewAddRequest request) {
+        return userViewService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), UserViewResourceType.CONTRACT_INVOICE.name());
+    }
+
+
+    @PostMapping("/update")
+    @RequiresPermissions(PermissionConstants.CONTRACT_INVOICE_READ)
+    @Operation(summary = "编辑发票视图")
+    public UserView update(@Validated @RequestBody UserViewUpdateRequest request) {
+        return userViewService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/delete/{id}")
+    @RequiresPermissions(PermissionConstants.CONTRACT_INVOICE_READ)
+    @Operation(summary = "删除发票视图")
+    public void delete(@PathVariable String id) {
+        userViewService.delete(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/detail/{id}")
+    @RequiresPermissions(PermissionConstants.CONTRACT_INVOICE_READ)
+    @Operation(summary = "发票视图详情")
+    public UserViewResponse viewDetail(@PathVariable String id) {
+        return userViewService.getViewDetail(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), FormKey.INVOICE.getKey());
+    }
+
+
+    @GetMapping("/list")
+    @RequiresPermissions(PermissionConstants.CONTRACT_INVOICE_READ)
+    @Operation(summary = "发票视图列表")
+    public List<UserViewListResponse> queryList() {
+        return userViewService.list(UserViewResourceType.CONTRACT_INVOICE.name(), SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/fixed/{id}")
+    @RequiresPermissions(PermissionConstants.CONTRACT_INVOICE_READ)
+    @Operation(summary = "发票固定/取消固定")
+    public void fixed(@PathVariable String id) {
+        userViewService.fixed(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/edit/pos")
+    @Operation(summary = "视图-拖拽排序")
+    @RequiresPermissions(PermissionConstants.CONTRACT_INVOICE_READ)
+    public void editPos(@Validated @RequestBody PosRequest request) {
+        userViewService.editPos(request, SessionUtils.getUserId(), UserViewResourceType.CONTRACT_INVOICE.name());
+    }
+
+
+    @GetMapping("/enable/{id}")
+    @RequiresPermissions(PermissionConstants.CONTRACT_INVOICE_READ)
+    @Operation(summary = "视图-启用/禁用")
+    public void enable(@PathVariable String id) {
+        userViewService.enable(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/controller/ContractPaymentPlanController.java b/backend/crm/src/main/java/cn/cordys/crm/contract/controller/ContractPaymentPlanController.java
new file mode 100644
index 0000000..d89f236
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/controller/ContractPaymentPlanController.java
@@ -0,0 +1,150 @@
+package cn.cordys.crm.contract.controller;
+
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.FormKeyConstants;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.common.dto.ExportDTO;
+import cn.cordys.common.dto.ExportSelectRequest;
+import cn.cordys.common.dto.ResourceTabEnableDTO;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.permission.CsBatchPermission;
+import cn.cordys.common.permission.CsPermission;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.contract.domain.ContractPaymentPlan;
+import cn.cordys.crm.contract.dto.request.ContractPaymentPlanAddRequest;
+import cn.cordys.crm.contract.dto.request.ContractPaymentPlanExportRequest;
+import cn.cordys.crm.contract.dto.request.ContractPaymentPlanPageRequest;
+import cn.cordys.crm.contract.dto.request.ContractPaymentPlanUpdateRequest;
+import cn.cordys.crm.contract.dto.response.ContractPaymentPlanGetResponse;
+import cn.cordys.crm.contract.dto.response.ContractPaymentPlanListResponse;
+import cn.cordys.crm.contract.service.ContractPaymentPlanExportService;
+import cn.cordys.crm.contract.service.ContractPaymentPlanService;
+import cn.cordys.crm.system.constants.ExportConstants;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.springframework.context.i18n.LocaleContextHolder;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+/**
+ *
+ * @author jianxing
+ * @date 2025-11-21 15:11:29
+ */
+@Tag(name = "合同回款计划")
+@RestController
+@RequestMapping("/contract/payment-plan")
+public class ContractPaymentPlanController {
+    @Resource
+    private ContractPaymentPlanService contractPaymentPlanService;
+    @Resource
+    private ContractPaymentPlanExportService contractPaymentPlanExportService;
+    @Resource
+    private DataScopeService dataScopeService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+
+    @GetMapping("/module/form")
+    @CsPermission(PermissionConstants.CONTRACT_PAYMENT_PLAN_READ)
+    @Operation(summary = "获取表单配置")
+    public ModuleFormConfigDTO getModuleFormConfig() {
+        return moduleFormCacheService.getBusinessFormConfig(FormKey.CONTRACT_PAYMENT_PLAN.getKey(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/page")
+    @CsPermission(PermissionConstants.CONTRACT_PAYMENT_PLAN_READ)
+    @Operation(summary = "合同回款计划列表")
+    public PagerWithOption<List<ContractPaymentPlanListResponse>> list(@Validated @RequestBody ContractPaymentPlanPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.CONTRACT_PAYMENT_PLAN.getKey());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.CONTRACT_PAYMENT_PLAN_READ);
+        return contractPaymentPlanService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission);
+    }
+
+    @GetMapping("/get/{id}")
+    @CsPermission(value = PermissionConstants.CONTRACT_PAYMENT_PLAN_READ, resourceId = "{#id}", formType = FormKeyConstants.CONTRACT_PAYMENT_PLAN)
+    @Operation(summary = "合同回款计划详情")
+    public ContractPaymentPlanGetResponse get(@PathVariable String id){
+        return contractPaymentPlanService.get(id);
+    }
+
+    @PostMapping("/add")
+    @CsPermission(PermissionConstants.CONTRACT_PAYMENT_PLAN_ADD)
+    @Operation(summary = "添加合同回款计划")
+    public ContractPaymentPlan add(@Validated @RequestBody ContractPaymentPlanAddRequest request) {
+		return contractPaymentPlanService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/update")
+    @CsPermission(value = PermissionConstants.CONTRACT_PAYMENT_PLAN_UPDATE, resourceId = "{#request.id}", formType = FormKeyConstants.CONTRACT_PAYMENT_PLAN)
+    @Operation(summary = "更新合同回款计划")
+    public ContractPaymentPlan update(@Validated @RequestBody ContractPaymentPlanUpdateRequest request) {
+        return contractPaymentPlanService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/delete/{id}")
+    @CsPermission(value = PermissionConstants.CONTRACT_PAYMENT_PLAN_DELETE, resourceId = "{#id}", formType = FormKeyConstants.CONTRACT_PAYMENT_PLAN)
+    @Operation(summary = "删除合同回款计划")
+    public void delete(@PathVariable String id) {
+		contractPaymentPlanService.delete(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/tab")
+    @CsPermission(PermissionConstants.CONTRACT_PAYMENT_PLAN_READ)
+    @Operation(summary = "tab是否显示")
+    public ResourceTabEnableDTO getTabEnableConfig() {
+        return contractPaymentPlanService.getTabEnableConfig(SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/export-select")
+    @Operation(summary = "导出选中回款计划")
+    @CsBatchPermission(value = PermissionConstants.CONTRACT_PAYMENT_PLAN_READ, resourceId = "{#request.ids}", formType = FormKeyConstants.CONTRACT_PAYMENT_PLAN)
+    public String exportSelect(@Validated @RequestBody ExportSelectRequest request) {
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), PermissionConstants.CONTRACT_PAYMENT_PLAN_READ);
+        ExportDTO exportDTO = ExportDTO.builder()
+                .exportType(ExportConstants.ExportType.CONTRACT_PAYMENT_PLAN.name())
+                .fileName(request.getFileName())
+                .headList(request.getHeadList())
+                .logModule(LogModule.CONTRACT_PAYMENT)
+                .locale(LocaleContextHolder.getLocale())
+                .orgId(OrganizationContext.getOrganizationId())
+                .userId(SessionUtils.getUserId())
+                .deptDataPermission(deptDataPermission)
+                .selectIds(request.getIds())
+                .selectRequest(request)
+                .build();
+        return contractPaymentPlanExportService.exportSelect(exportDTO);
+    }
+
+    @PostMapping("/export-all")
+    @Operation(summary = "导出全部回款计划")
+    @CsPermission(PermissionConstants.CONTRACT_PAYMENT_PLAN_READ)
+    public String exportAll(@Validated @RequestBody ContractPaymentPlanExportRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.CONTRACT_PAYMENT_PLAN.getKey());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.CONTRACT_PAYMENT_PLAN_READ);
+        ExportDTO exportDTO = ExportDTO.builder()
+                .exportType(ExportConstants.ExportType.CONTRACT_PAYMENT_PLAN.name())
+                .fileName(request.getFileName())
+                .headList(request.getHeadList())
+                .logModule(LogModule.CONTRACT_PAYMENT)
+                .locale(LocaleContextHolder.getLocale())
+                .orgId(OrganizationContext.getOrganizationId())
+                .userId(SessionUtils.getUserId())
+                .deptDataPermission(deptDataPermission)
+                .pageRequest(request)
+                .build();
+        return contractPaymentPlanExportService.export(exportDTO);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/controller/ContractPaymentPlanUserViewController.java b/backend/crm/src/main/java/cn/cordys/crm/contract/controller/ContractPaymentPlanUserViewController.java
new file mode 100644
index 0000000..11af8d3
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/controller/ContractPaymentPlanUserViewController.java
@@ -0,0 +1,95 @@
+package cn.cordys.crm.contract.controller;
+
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.request.PosRequest;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.constants.UserViewResourceType;
+import cn.cordys.crm.system.domain.UserView;
+import cn.cordys.crm.system.dto.request.UserViewAddRequest;
+import cn.cordys.crm.system.dto.request.UserViewUpdateRequest;
+import cn.cordys.crm.system.dto.response.UserViewListResponse;
+import cn.cordys.crm.system.dto.response.UserViewResponse;
+import cn.cordys.crm.system.service.UserViewService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "合同回款计划视图")
+@RestController
+@RequestMapping("/contract/payment-plan/view")
+public class ContractPaymentPlanUserViewController {
+
+    @Resource
+    private UserViewService userViewService;
+
+
+    @PostMapping("/add")
+    @RequiresPermissions(PermissionConstants.CONTRACT_PAYMENT_PLAN_READ)
+    @Operation(summary = "添加回款计划视图")
+    public UserView add(@Validated @RequestBody UserViewAddRequest request) {
+        return userViewService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), UserViewResourceType.CONTRACT_PAYMENT_PLAN.name());
+    }
+
+
+    @PostMapping("/update")
+    @RequiresPermissions(PermissionConstants.CONTRACT_PAYMENT_PLAN_READ)
+    @Operation(summary = "编辑回款计划视图")
+    public UserView update(@Validated @RequestBody UserViewUpdateRequest request) {
+        return userViewService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/delete/{id}")
+    @RequiresPermissions(PermissionConstants.CONTRACT_PAYMENT_PLAN_READ)
+    @Operation(summary = "删除回款计划视图")
+    public void delete(@PathVariable String id) {
+        userViewService.delete(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/detail/{id}")
+    @RequiresPermissions(PermissionConstants.CONTRACT_PAYMENT_PLAN_READ)
+    @Operation(summary = "回款计划视图详情")
+    public UserViewResponse viewDetail(@PathVariable String id) {
+        return userViewService.getViewDetail(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), FormKey.CONTRACT_PAYMENT_PLAN.getKey());
+    }
+
+
+    @GetMapping("/list")
+    @RequiresPermissions(PermissionConstants.CONTRACT_PAYMENT_PLAN_READ)
+    @Operation(summary = "回款计划视图列表")
+    public List<UserViewListResponse> queryList() {
+        return userViewService.list(UserViewResourceType.CONTRACT_PAYMENT_PLAN.name(), SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/fixed/{id}")
+    @RequiresPermissions(PermissionConstants.CONTRACT_PAYMENT_PLAN_READ)
+    @Operation(summary = "回款计划视图固定/取消固定")
+    public void fixed(@PathVariable String id) {
+        userViewService.fixed(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/edit/pos")
+    @Operation(summary = "回款计划视图-拖拽排序")
+    @RequiresPermissions(PermissionConstants.CONTRACT_PAYMENT_PLAN_READ)
+    public void editPos(@Validated @RequestBody PosRequest request) {
+        userViewService.editPos(request, SessionUtils.getUserId(), UserViewResourceType.CONTRACT_PAYMENT_PLAN.name());
+    }
+
+
+    @GetMapping("/enable/{id}")
+    @RequiresPermissions(PermissionConstants.CONTRACT_PAYMENT_PLAN_READ)
+    @Operation(summary = "回款计划视图-启用/禁用")
+    public void enable(@PathVariable String id) {
+        userViewService.enable(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/controller/ContractPaymentRecordController.java b/backend/crm/src/main/java/cn/cordys/crm/contract/controller/ContractPaymentRecordController.java
new file mode 100644
index 0000000..09d6667
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/controller/ContractPaymentRecordController.java
@@ -0,0 +1,174 @@
+package cn.cordys.crm.contract.controller;
+
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.FormKeyConstants;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.common.dto.ExportDTO;
+import cn.cordys.common.dto.ExportSelectRequest;
+import cn.cordys.common.dto.ResourceTabEnableDTO;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.permission.CsBatchPermission;
+import cn.cordys.common.permission.CsPermission;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.contract.domain.ContractPaymentRecord;
+import cn.cordys.crm.contract.dto.request.*;
+import cn.cordys.crm.contract.dto.response.ContractPaymentRecordGetResponse;
+import cn.cordys.crm.contract.dto.response.ContractPaymentRecordResponse;
+import cn.cordys.crm.contract.dto.response.ContractPaymentRecordStatisticResponse;
+import cn.cordys.crm.contract.service.ContractPaymentRecordExportService;
+import cn.cordys.crm.contract.service.ContractPaymentRecordService;
+import cn.cordys.crm.system.constants.ExportConstants;
+import cn.cordys.crm.system.dto.response.ImportResponse;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import jakarta.servlet.http.HttpServletResponse;
+import org.apache.shiro.authz.annotation.Logical;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.context.i18n.LocaleContextHolder;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+import org.springframework.web.multipart.MultipartFile;
+
+import java.util.List;
+
+/**
+ * @author song-cc-rock
+ */
+@Tag(name = "合同回款记录")
+@RestController
+@RequestMapping("/contract/payment-record")
+public class ContractPaymentRecordController {
+
+	@Resource
+	private ModuleFormCacheService moduleFormCacheService;
+	@Resource
+	private DataScopeService dataScopeService;
+	@Resource
+	private ContractPaymentRecordService contractPaymentRecordService;
+	@Resource
+	private ContractPaymentRecordExportService contractPaymentRecordExportService;
+
+	@GetMapping("/module/form")
+	@CsPermission(PermissionConstants.CONTRACT_PAYMENT_RECORD_READ)
+	@Operation(summary = "获取表单配置")
+	public ModuleFormConfigDTO getModuleFormConfig() {
+		return moduleFormCacheService.getBusinessFormConfig(FormKey.CONTRACT_PAYMENT_RECORD.getKey(), OrganizationContext.getOrganizationId());
+	}
+
+	@PostMapping("/page")
+	@CsPermission(PermissionConstants.CONTRACT_PAYMENT_RECORD_READ)
+	@Operation(summary = "回款记录列表")
+	public PagerWithOption<List<ContractPaymentRecordResponse>> list(@Validated @RequestBody ContractPaymentRecordPageRequest request) {
+		ConditionFilterUtils.parseCondition(request, FormKey.CONTRACT_PAYMENT_RECORD.getKey());
+		DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+				OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.CONTRACT_PAYMENT_RECORD_READ);
+		return contractPaymentRecordService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission);
+	}
+
+	@PostMapping("/add")
+	@RequiresPermissions(value = {PermissionConstants.CONTRACT_PAYMENT_RECORD_ADD, PermissionConstants.CONTRACT_PAYMENT}, logical = Logical.OR)
+	@Operation(summary = "添加回款记录")
+	public ContractPaymentRecord add(@Validated @RequestBody ContractPaymentRecordAddRequest request) {
+		return contractPaymentRecordService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+	}
+
+	@PostMapping("/update")
+	@CsPermission(value = PermissionConstants.CONTRACT_PAYMENT_RECORD_UPDATE, resourceId = "{#request.id}", formType = FormKeyConstants.CONTRACT_PAYMENT_RECORD)
+	@Operation(summary = "修改回款记录")
+	public ContractPaymentRecord update(@Validated @RequestBody ContractPaymentRecordUpdateRequest request) {
+		return contractPaymentRecordService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+	}
+
+	@GetMapping("/delete/{id}")
+	@CsPermission(value = PermissionConstants.CONTRACT_PAYMENT_RECORD_DELETE, resourceId = "{#id}", formType = FormKeyConstants.CONTRACT_PAYMENT_RECORD)
+	@Operation(summary = "删除回款记录")
+	public void delete(@PathVariable String id) {
+		contractPaymentRecordService.delete(id);
+	}
+
+	@GetMapping("/get/{id}")
+	@CsPermission(value = PermissionConstants.CONTRACT_PAYMENT_RECORD_READ, resourceId = "{#id}", formType = FormKeyConstants.CONTRACT_PAYMENT_RECORD)
+	@Operation(summary = "回款记录详情")
+	public ContractPaymentRecordGetResponse get(@PathVariable String id) {
+		return contractPaymentRecordService.get(id);
+	}
+
+	@GetMapping("/tab")
+	@CsPermission(PermissionConstants.CONTRACT_PAYMENT_RECORD_READ)
+	@Operation(summary = "视图TAB显示配置")
+	public ResourceTabEnableDTO getTabEnableConfig() {
+		return contractPaymentRecordService.getTabEnableConfig(SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+	}
+
+	@GetMapping("/template/download")
+	@CsPermission(PermissionConstants.CONTRACT_PAYMENT_RECORD_IMPORT)
+	@Operation(summary = "下载导入模板")
+	public void downloadImportTpl(HttpServletResponse response) {
+		contractPaymentRecordService.downloadImportTpl(response, OrganizationContext.getOrganizationId());
+	}
+
+	@PostMapping("/import/pre-check")
+	@Operation(summary = "导入检查")
+	@CsPermission(PermissionConstants.CONTRACT_PAYMENT_RECORD_IMPORT)
+	public ImportResponse preCheck(@RequestPart(value = "file") MultipartFile file) {
+		return contractPaymentRecordService.importPreCheck(file, OrganizationContext.getOrganizationId());
+	}
+
+	@PostMapping("/import")
+	@Operation(summary = "导入")
+	@CsPermission(PermissionConstants.CONTRACT_PAYMENT_RECORD_IMPORT)
+	public ImportResponse realImport(@RequestPart(value = "file") MultipartFile file) {
+		return contractPaymentRecordService.realImport(file, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+	}
+
+	@PostMapping("/export-select")
+	@Operation(summary = "导出选中回款记录")
+	@CsBatchPermission(value = PermissionConstants.CONTRACT_PAYMENT_RECORD_IMPORT, resourceId = "{#request.ids}", formType = FormKeyConstants.CONTRACT_PAYMENT_RECORD)
+	public String exportSelect(@Validated @RequestBody ExportSelectRequest request) {
+		DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+				OrganizationContext.getOrganizationId(), PermissionConstants.CONTRACT_PAYMENT_RECORD_READ);
+		ExportDTO exportDTO = ExportDTO.builder().exportType(ExportConstants.ExportType.CONTRACT_PAYMENT_RECORD.name())
+				.fileName(request.getFileName()).headList(request.getHeadList())
+				.logModule(LogModule.CONTRACT_PAYMENT_RECORD).locale(LocaleContextHolder.getLocale())
+				.orgId(OrganizationContext.getOrganizationId()).userId(SessionUtils.getUserId())
+				.deptDataPermission(deptDataPermission).selectIds(request.getIds())
+				.selectRequest(request)
+				.build();
+		return contractPaymentRecordExportService.exportSelect(exportDTO);
+	}
+
+	@PostMapping("/export-all")
+	@Operation(summary = "导出全部回款记录")
+	@CsPermission(PermissionConstants.CONTRACT_PAYMENT_RECORD_IMPORT)
+	public String exportAll(@Validated @RequestBody ContractPaymentRecordExportRequest request) {
+		ConditionFilterUtils.parseCondition(request, FormKey.CONTRACT_PAYMENT_RECORD.getKey());
+		DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+				OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.CONTRACT_PAYMENT_RECORD_READ);
+		ExportDTO exportDTO = ExportDTO.builder().exportType(ExportConstants.ExportType.CONTRACT_PAYMENT_RECORD.name())
+				.fileName(request.getFileName()).headList(request.getHeadList())
+				.logModule(LogModule.CONTRACT_PAYMENT_RECORD).locale(LocaleContextHolder.getLocale())
+				.orgId(OrganizationContext.getOrganizationId()).userId(SessionUtils.getUserId())
+				.deptDataPermission(deptDataPermission).pageRequest(request)
+				.build();
+		return contractPaymentRecordExportService.export(exportDTO);
+	}
+
+
+	@PostMapping("/statistic")
+	@CsPermission(PermissionConstants.CONTRACT_PAYMENT_RECORD_READ)
+	@Operation(summary = "回款统计")
+	public ContractPaymentRecordStatisticResponse searchStatistic(@Validated @RequestBody ContractPaymentRecordStatisticRequest request) {
+		ConditionFilterUtils.parseCondition(request, FormKey.CONTRACT_PAYMENT_RECORD.getKey());
+		DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+				OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.CONTRACT_PAYMENT_RECORD_READ);
+		return contractPaymentRecordService.searchStatistic(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission);
+	}
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/controller/ContractPaymentRecordUserViewController.java b/backend/crm/src/main/java/cn/cordys/crm/contract/controller/ContractPaymentRecordUserViewController.java
new file mode 100644
index 0000000..4000ab2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/controller/ContractPaymentRecordUserViewController.java
@@ -0,0 +1,97 @@
+package cn.cordys.crm.contract.controller;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.request.PosRequest;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.constants.UserViewResourceType;
+import cn.cordys.crm.system.domain.UserView;
+import cn.cordys.crm.system.dto.request.UserViewAddRequest;
+import cn.cordys.crm.system.dto.request.UserViewUpdateRequest;
+import cn.cordys.crm.system.dto.response.UserViewListResponse;
+import cn.cordys.crm.system.dto.response.UserViewResponse;
+import cn.cordys.crm.system.service.UserViewService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+/**
+ * @author song-cc-rock
+ */
+@Tag(name = "合同回款记录视图")
+@RestController
+@RequestMapping("/contract/payment-record/view")
+public class ContractPaymentRecordUserViewController {
+
+    @Resource
+    private UserViewService userViewService;
+
+
+    @PostMapping("/add")
+    @RequiresPermissions(PermissionConstants.CONTRACT_PAYMENT_RECORD_READ)
+    @Operation(summary = "添加回款记录视图")
+    public UserView add(@Validated @RequestBody UserViewAddRequest request) {
+        return userViewService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), UserViewResourceType.CONTRACT_PAYMENT_RECORD.name());
+    }
+
+
+    @PostMapping("/update")
+    @RequiresPermissions(PermissionConstants.CONTRACT_PAYMENT_RECORD_READ)
+    @Operation(summary = "编辑回款记录视图")
+    public UserView update(@Validated @RequestBody UserViewUpdateRequest request) {
+        return userViewService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/delete/{id}")
+    @RequiresPermissions(PermissionConstants.CONTRACT_PAYMENT_RECORD_READ)
+    @Operation(summary = "删除回款记录视图")
+    public void delete(@PathVariable String id) {
+        userViewService.delete(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/detail/{id}")
+    @RequiresPermissions(PermissionConstants.CONTRACT_PAYMENT_RECORD_READ)
+    @Operation(summary = "回款记录视图详情")
+    public UserViewResponse viewDetail(@PathVariable String id) {
+        return userViewService.getViewDetail(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), FormKey.CONTRACT_PAYMENT_RECORD.getKey());
+    }
+
+
+    @GetMapping("/list")
+    @RequiresPermissions(PermissionConstants.CONTRACT_PAYMENT_RECORD_READ)
+    @Operation(summary = "回款记录视图列表")
+    public List<UserViewListResponse> queryList() {
+        return userViewService.list(UserViewResourceType.CONTRACT_PAYMENT_RECORD.name(), SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/fixed/{id}")
+    @RequiresPermissions(PermissionConstants.CONTRACT_PAYMENT_RECORD_READ)
+    @Operation(summary = "回款记录视图固定/取消固定")
+    public void fixed(@PathVariable String id) {
+        userViewService.fixed(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/edit/pos")
+    @Operation(summary = "回款记录视图-拖拽排序")
+    @RequiresPermissions(PermissionConstants.CONTRACT_PAYMENT_RECORD_READ)
+    public void editPos(@Validated @RequestBody PosRequest request) {
+        userViewService.editPos(request, SessionUtils.getUserId(), UserViewResourceType.CONTRACT_PAYMENT_RECORD.name());
+    }
+
+
+    @GetMapping("/enable/{id}")
+    @RequiresPermissions(PermissionConstants.CONTRACT_PAYMENT_RECORD_READ)
+    @Operation(summary = "回款记录视图-启用/禁用")
+    public void enable(@PathVariable String id) {
+        userViewService.enable(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/controller/ContractStageController.java b/backend/crm/src/main/java/cn/cordys/crm/contract/controller/ContractStageController.java
new file mode 100644
index 0000000..b692973
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/controller/ContractStageController.java
@@ -0,0 +1,91 @@
+package cn.cordys.crm.contract.controller;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.stage.*;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.contract.service.ContractStageService;
+import cn.cordys.crm.system.service.StageAdvancedConfigService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "合同状态流设置")
+@RestController
+@RequestMapping("/contract/stage")
+public class ContractStageController {
+
+    @Resource
+    private ContractStageService contractStageService;
+    @Resource
+    private StageAdvancedConfigService stageAdvancedConfigService;
+
+    @GetMapping("/get")
+    @Operation(summary = "合同状态配置列表")
+    public StageConfigsResponse getStageConfigList() {
+        return contractStageService.getStageConfigList(OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/add")
+    @Operation(summary = "添加合同状态流")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public String add(@RequestBody StageAddRequest request) {
+        return contractStageService.addStageConfig(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/delete/{id}")
+    @Operation(summary = "删除合同状态流")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void delete(@PathVariable("id") @Validated String id) {
+        contractStageService.delete(id);
+    }
+
+
+    @PostMapping("/update-rollback")
+    @Operation(summary = "合同状态流回退设置")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void update(@Validated @RequestBody StageRollBackRequest request) {
+        contractStageService.updateRollBack(request, OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/update")
+    @Operation(summary = "更新合同阶段配置")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void update(@Validated @RequestBody StageUpdateRequest request) {
+        contractStageService.update(request, SessionUtils.getUserId());
+    }
+
+
+    @PostMapping("/sort")
+    @Operation(summary = "合同阶段排序")
+    @RequiresPermissions(PermissionConstants.MODULE_SETTING_UPDATE)
+    public void sort(@RequestBody List<String> ids) {
+        contractStageService.sort(ids, OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/circulation-type/{type}")
+    @Operation(summary = "基础/高级流转切换")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void circulationType(@PathVariable String type) {
+        stageAdvancedConfigService.switchType(type, FormKey.CONTRACT.getKey(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/advanced/config")
+    @Operation(summary = "合同流转配置保存")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void advancedConfigAdd(@RequestBody StageAdvancedConfigRequest request) {
+        stageAdvancedConfigService.saveAdvancedConfig(request, FormKey.CONTRACT.getKey(), OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+}
+
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/controller/ContractUserViewController.java b/backend/crm/src/main/java/cn/cordys/crm/contract/controller/ContractUserViewController.java
new file mode 100644
index 0000000..5fd32bb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/controller/ContractUserViewController.java
@@ -0,0 +1,93 @@
+package cn.cordys.crm.contract.controller;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.request.PosRequest;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.constants.UserViewResourceType;
+import cn.cordys.crm.system.domain.UserView;
+import cn.cordys.crm.system.dto.request.UserViewAddRequest;
+import cn.cordys.crm.system.dto.request.UserViewUpdateRequest;
+import cn.cordys.crm.system.dto.response.UserViewListResponse;
+import cn.cordys.crm.system.dto.response.UserViewResponse;
+import cn.cordys.crm.system.service.UserViewService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "合同视图")
+@RestController
+@RequestMapping("/contract/view")
+public class ContractUserViewController {
+
+    @Resource
+    private UserViewService userViewService;
+
+
+    @PostMapping("/add")
+    @RequiresPermissions(PermissionConstants.CONTRACT_READ)
+    @Operation(summary = "添加合同视图")
+    public UserView add(@Validated @RequestBody UserViewAddRequest request) {
+        return userViewService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), UserViewResourceType.CONTRACT.name());
+    }
+
+
+    @PostMapping("/update")
+    @RequiresPermissions(PermissionConstants.CONTRACT_READ)
+    @Operation(summary = "编辑合同视图")
+    public UserView update(@Validated @RequestBody UserViewUpdateRequest request) {
+        return userViewService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/delete/{id}")
+    @RequiresPermissions(PermissionConstants.CONTRACT_READ)
+    @Operation(summary = "删除合同视图")
+    public void delete(@PathVariable String id) {
+        userViewService.delete(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/detail/{id}")
+    @RequiresPermissions(PermissionConstants.CONTRACT_READ)
+    @Operation(summary = "合同视图详情")
+    public UserViewResponse viewDetail(@PathVariable String id) {
+        return userViewService.getViewDetail(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), FormKey.CONTRACT.getKey());
+    }
+
+
+    @GetMapping("/list")
+    @RequiresPermissions(PermissionConstants.CONTRACT_READ)
+    @Operation(summary = "合同视图列表")
+    public List<UserViewListResponse> queryList() {
+        return userViewService.list(UserViewResourceType.CONTRACT.name(), SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/fixed/{id}")
+    @RequiresPermissions(PermissionConstants.CONTRACT_READ)
+    @Operation(summary = "视图固定/取消固定")
+    public void fixed(@PathVariable String id) {
+        userViewService.fixed(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/edit/pos")
+    @Operation(summary = "视图-拖拽排序")
+    @RequiresPermissions(PermissionConstants.CONTRACT_READ)
+    public void editPos(@Validated @RequestBody PosRequest request) {
+        userViewService.editPos(request, SessionUtils.getUserId(), UserViewResourceType.CONTRACT.name());
+    }
+
+
+    @GetMapping("/enable/{id}")
+    @RequiresPermissions(PermissionConstants.CONTRACT_READ)
+    @Operation(summary = "视图-启用/禁用")
+    public void enable(@PathVariable String id) {
+        userViewService.enable(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/domain/BusinessTitle.java b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/BusinessTitle.java
new file mode 100644
index 0000000..2e3e930
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/BusinessTitle.java
@@ -0,0 +1,69 @@
+package cn.cordys.crm.contract.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+@Data
+@Table(name = "business_title")
+public class BusinessTitle extends BaseModel {
+
+    @Schema(description = "公司名称")
+    private String name;
+
+    @Schema(description = "来源类型")
+    private String type;
+
+    @Schema(description = "纳税人识别号")
+    private String identificationNumber;
+
+    @Schema(description = "开户银行")
+    private String openingBank;
+
+    @Schema(description = "银行账户")
+    private String bankAccount;
+
+    @Schema(description = "注册地址")
+    private String registrationAddress;
+
+    @Schema(description = "注册电话")
+    private String phoneNumber;
+
+    @Schema(description = "注册资本")
+    private String registeredCapital;
+
+    @Schema(description = "公司规模")
+    private String companySize;
+
+    @Schema(description = "工商注册账号")
+    private String registrationNumber;
+
+    @Schema(description = "审核状态")
+    private String approvalStatus;
+
+    @Schema(description = "不通过原因")
+    private String unapprovedReason;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+
+    @Schema(description = "省")
+    private String province;
+
+    @Schema(description = "市")
+    private String city;
+
+    @Schema(description = "企业规模")
+    private String scale;
+
+    @Schema(description = "国标行业")
+    private String industry;
+
+    @Schema(description = "备注")
+    private String remark;
+
+    @Schema(description = "公司编号")
+    private String companyNumber;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/domain/BusinessTitleConfig.java b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/BusinessTitleConfig.java
new file mode 100644
index 0000000..1385715
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/BusinessTitleConfig.java
@@ -0,0 +1,28 @@
+package cn.cordys.crm.contract.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+import java.io.Serial;
+import java.io.Serializable;
+
+@Data
+@Table(name = "business_title_config")
+public class BusinessTitleConfig implements Serializable {
+
+    @Serial
+    private static final long serialVersionUID = 1L;
+    @Schema(description = "ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+
+    @Schema(description = "字段")
+    private String field;
+
+    @Schema(description = "是否必填")
+    private Boolean required;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/domain/Contract.java b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/Contract.java
new file mode 100644
index 0000000..c915144
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/Contract.java
@@ -0,0 +1,52 @@
+package cn.cordys.crm.contract.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+import java.math.BigDecimal;
+
+@Data
+@Table(name = "contract")
+public class Contract extends BaseModel {
+
+    @Schema(description = "合同名称")
+    private String name;
+
+    @Schema(description = "客户id")
+    private String customerId;
+
+    @Schema(description = "合同负责人")
+    private String owner;
+
+    @Schema(description = "金额")
+    private BigDecimal amount;
+
+    @Schema(description = "编号")
+    private String number;
+
+    @Schema(description = "审核状态")
+    private String approvalStatus;
+
+    @Schema(description = "合同阶段")
+    private String stage;
+
+    @Schema(description = "合同开始时间")
+    private Long startTime;
+
+    @Schema(description = "合同结束时间")
+    private Long endTime;
+
+    @Schema(description = "作废原因")
+    private String voidReason;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+
+    @Schema(description = "自定义排序")
+    private Long pos;
+
+    @Schema(description = "是否审批通过过")
+    private Boolean approved;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractField.java b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractField.java
new file mode 100644
index 0000000..5bd56db
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractField.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.contract.domain;
+
+import cn.cordys.common.domain.BaseResourceSubField;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+@Data
+@Table(name = "contract_field")
+public class ContractField extends BaseResourceSubField {
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractFieldBlob.java b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractFieldBlob.java
new file mode 100644
index 0000000..549bb82
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractFieldBlob.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.contract.domain;
+
+import cn.cordys.common.domain.BaseResourceSubField;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+@Data
+@Table(name = "contract_field_blob")
+public class ContractFieldBlob extends BaseResourceSubField {
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractInvoice.java b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractInvoice.java
new file mode 100644
index 0000000..c776993
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractInvoice.java
@@ -0,0 +1,49 @@
+package cn.cordys.crm.contract.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+import java.math.BigDecimal;
+
+/**
+ * 发票
+ * 
+ * @author jianxing
+ * @date 2025-12-29 18:22:59
+ */
+@Data
+@Table(name = "contract_invoice")
+public class ContractInvoice extends BaseModel {
+
+	@Schema(description = "发票名称")
+	private String name;
+
+	@Schema(description = "合同id")
+	private String contractId;
+
+	@Schema(description = "负责人")
+	private String owner;
+
+	@Schema(description = "开票金额")
+	private BigDecimal amount;
+
+	@Schema(description = "发票类型")
+	private String invoiceType;
+
+	@Schema(description = "税率")
+	private BigDecimal taxRate;
+
+	@Schema(description = "工商抬头")
+	private String businessTitleId;
+
+	@Schema(description = "审核状态")
+	private String approvalStatus;
+
+	@Schema(description = "组织id")
+	private String organizationId;
+
+	@Schema(description = "是否审批通过过")
+	private Boolean approved;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractInvoiceField.java b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractInvoiceField.java
new file mode 100644
index 0000000..a01165e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractInvoiceField.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.contract.domain;
+
+import cn.cordys.common.domain.BaseResourceField;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+@Data
+@Table(name = "contract_invoice_field")
+public class ContractInvoiceField extends BaseResourceField {
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractInvoiceFieldBlob.java b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractInvoiceFieldBlob.java
new file mode 100644
index 0000000..36e5000
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractInvoiceFieldBlob.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.contract.domain;
+
+import cn.cordys.common.domain.BaseResourceField;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+@Data
+@Table(name = "contract_invoice_field_blob")
+public class ContractInvoiceFieldBlob extends BaseResourceField {
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractInvoiceSnapshot.java b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractInvoiceSnapshot.java
new file mode 100644
index 0000000..70ea662
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractInvoiceSnapshot.java
@@ -0,0 +1,29 @@
+package cn.cordys.crm.contract.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+import java.io.Serial;
+import java.io.Serializable;
+
+
+@Data
+@Table(name = "contract_invoice_snapshot")
+public class ContractInvoiceSnapshot implements Serializable {
+
+	@Serial
+	private static final long serialVersionUID = 1L;
+
+	@Schema(description = "ID", requiredMode = Schema.RequiredMode.REQUIRED)
+	private String id;
+	
+	@Schema(description = "发票id")
+	private String invoiceId;
+
+	@Schema(description = "表单属性快照")
+	private String invoiceProp;
+
+	@Schema(description = "表单值快照")
+	private String invoiceValue;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractPaymentPlan.java b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractPaymentPlan.java
new file mode 100644
index 0000000..f6bdfc7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractPaymentPlan.java
@@ -0,0 +1,40 @@
+package cn.cordys.crm.contract.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+import java.math.BigDecimal;
+
+/**
+ * 合同回款计划
+ * 
+ * @author jianxing
+ * @date 2025-11-21 15:11:29
+ */
+@Data
+@Table(name = "contract_payment_plan")
+public class ContractPaymentPlan extends BaseModel {
+
+	@Schema(description = "回款计划名称")
+	private String name;
+
+	@Schema(description = "合同ID")
+	private String contractId;
+
+	@Schema(description = "负责人")
+	private String owner;
+
+	@Schema(description = "计划状态")
+	private String planStatus;
+
+	@Schema(description = "计划回款金额")
+	private BigDecimal planAmount;
+
+	@Schema(description = "计划回款时间")
+	private Long planEndTime;
+
+	@Schema(description = "组织id")
+	private String organizationId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractPaymentPlanField.java b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractPaymentPlanField.java
new file mode 100644
index 0000000..24d4da1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractPaymentPlanField.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.contract.domain;
+
+import cn.cordys.common.domain.BaseResourceField;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+/**
+ * 合同回款自定义属性
+ *
+ * @author jianxing
+ * @date 2025-02-10 18:12:46
+ */
+@Data
+@Table(name = "contract_payment_plan_field")
+public class ContractPaymentPlanField extends BaseResourceField {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractPaymentPlanFieldBlob.java b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractPaymentPlanFieldBlob.java
new file mode 100644
index 0000000..5c1fe72
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractPaymentPlanFieldBlob.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.contract.domain;
+
+import cn.cordys.common.domain.BaseResourceField;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+/**
+ * 合同回款自定义属性大文本
+ *
+ * @author jianxing
+ * @date 2025-02-27 14:43:46
+ */
+@Data
+@Table(name = "contract_payment_plan_field_blob")
+public class ContractPaymentPlanFieldBlob extends BaseResourceField {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractPaymentRecord.java b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractPaymentRecord.java
new file mode 100644
index 0000000..58ee565
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractPaymentRecord.java
@@ -0,0 +1,42 @@
+package cn.cordys.crm.contract.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+import java.math.BigDecimal;
+
+/**
+ * 合同回款记录
+ * @author song-cc-rock
+ */
+
+@Data
+@Table(name = "contract_payment_record")
+public class ContractPaymentRecord extends BaseModel {
+
+	@Schema(description = "回款记录名称")
+	private String name;
+
+	@Schema(description = "回款编号")
+	private String no;
+
+	@Schema(description = "负责人")
+	private String owner;
+
+	@Schema(description = "合同ID")
+	private String contractId;
+
+	@Schema(description = "回款计划ID")
+	private String paymentPlanId;
+
+	@Schema(description = "回款金额")
+	private BigDecimal recordAmount;
+
+	@Schema(description = "回款时间")
+	private Long recordEndTime;
+
+	@Schema(description = "组织id")
+	private String organizationId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractPaymentRecordField.java b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractPaymentRecordField.java
new file mode 100644
index 0000000..38be3c3
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractPaymentRecordField.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.contract.domain;
+
+import cn.cordys.common.domain.BaseResourceField;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+/**
+ * 合同回款记录自定义属性表
+ * @author song-cc-rock
+ */
+
+@Data
+@Table(name = "contract_payment_record_field")
+public class ContractPaymentRecordField extends BaseResourceField {
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractPaymentRecordFieldBlob.java b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractPaymentRecordFieldBlob.java
new file mode 100644
index 0000000..651f651
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractPaymentRecordFieldBlob.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.contract.domain;
+
+import cn.cordys.common.domain.BaseResourceField;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+/**
+ * 合同回款记录自定义属性大文本
+ * @author song-cc-rock
+ */
+@Data
+@Table(name = "contract_payment_record_field_blob")
+public class ContractPaymentRecordFieldBlob extends BaseResourceField {
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractSnapshot.java b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractSnapshot.java
new file mode 100644
index 0000000..91e8d99
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractSnapshot.java
@@ -0,0 +1,29 @@
+package cn.cordys.crm.contract.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+import java.io.Serial;
+import java.io.Serializable;
+
+
+@Data
+@Table(name = "contract_snapshot")
+public class ContractSnapshot implements Serializable {
+
+	@Serial
+	private static final long serialVersionUID = 1L;
+
+	@Schema(description = "ID", requiredMode = Schema.RequiredMode.REQUIRED)
+	private String id;
+	
+	@Schema(description = "合同id")
+	private String contractId;
+
+	@Schema(description = "表单属性快照")
+	private String contractProp;
+
+	@Schema(description = "表单值快照")
+	private String contractValue;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractStageConfig.java b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractStageConfig.java
new file mode 100644
index 0000000..a4b3c55
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/domain/ContractStageConfig.java
@@ -0,0 +1,32 @@
+package cn.cordys.crm.contract.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "contract_stage_config")
+public class ContractStageConfig extends BaseModel {
+
+    @Schema(description = "订单状态")
+    private String name;
+
+    @Schema(description = "订单类型")
+    private String type;
+
+    @Schema(description = "进行中回退设置")
+    private Boolean afootRollBack;
+
+    @Schema(description = "完结回退设置")
+    private Boolean endRollBack;
+
+    @Schema(description = "顺序")
+    private Long pos;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+
+    @Schema(description = "流转类型(NORMAL-普通，ADVANCED-高级)")
+    private String circulationType;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/BusinessTitleAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/BusinessTitleAddRequest.java
new file mode 100644
index 0000000..a79854e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/BusinessTitleAddRequest.java
@@ -0,0 +1,68 @@
+package cn.cordys.crm.contract.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+@Data
+public class BusinessTitleAddRequest {
+
+    @Size(max = 255)
+    @Schema(description = "公司名称")
+    private String name;
+
+    @Size(max = 255)
+    @Schema(description = "纳税人识别号")
+    private String identificationNumber;
+
+    @Size(max = 255)
+    @Schema(description = "开户银行")
+    private String openingBank;
+
+    @Size(max = 255)
+    @Schema(description = "银行账户")
+    private String bankAccount;
+
+    @Size(max = 255)
+    @Schema(description = "注册地址")
+    private String registrationAddress;
+
+    @Size(max = 255)
+    @Schema(description = "注册电话")
+    private String phoneNumber;
+
+    @Schema(description = "注册资本")
+    private String registeredCapital;
+
+    @Size(max = 255)
+    @Schema(description = "公司规模")
+    private String companySize;
+
+    @Size(max = 255)
+    @Schema(description = "工商注册账号")
+    private String registrationNumber;
+
+    @Size(max = 50)
+    @Schema(description = "来源类型(自定义(CUSTOM)/三方(THIRD_PARTY))")
+    private String type;
+
+    @Size(max = 255)
+    @Schema(description = "省")
+    private String province;
+
+    @Size(max = 255)
+    @Schema(description = "城")
+    private String city;
+
+    @Size(max = 255)
+    @Schema(description = "企业规模")
+    private String scale;
+
+    @Size(max = 255)
+    @Schema(description = "国标行业")
+    private String industry;
+
+    @Size(max = 255)
+    @Schema(description = "备注")
+    private String remark;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/BusinessTitleApprovalRequest.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/BusinessTitleApprovalRequest.java
new file mode 100644
index 0000000..a5b4fdf
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/BusinessTitleApprovalRequest.java
@@ -0,0 +1,18 @@
+package cn.cordys.crm.contract.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+public class BusinessTitleApprovalRequest {
+
+    @NotBlank
+    @Schema(description = "id", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+
+
+    @NotBlank
+    @Schema(description = "审核状态", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String approvalStatus;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/BusinessTitleExportRequest.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/BusinessTitleExportRequest.java
new file mode 100644
index 0000000..5c118f8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/BusinessTitleExportRequest.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.contract.dto.request;
+
+import cn.cordys.common.dto.ExportHeadDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotEmpty;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class BusinessTitleExportRequest extends BusinessTitlePageRequest{
+
+    @Schema(description = "文件名")
+    private String fileName;
+
+    @Schema(description = "表头信息")
+    @NotEmpty(message = "{export_head_list_is_empty}")
+    private List<ExportHeadDTO> headList;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/BusinessTitleImportRequest.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/BusinessTitleImportRequest.java
new file mode 100644
index 0000000..3ad5b67
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/BusinessTitleImportRequest.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.contract.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+public class BusinessTitleImportRequest {
+
+    @NotBlank
+    @Schema(description = "导入类型")
+    private String importType;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/BusinessTitlePageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/BusinessTitlePageRequest.java
new file mode 100644
index 0000000..1eb8d7a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/BusinessTitlePageRequest.java
@@ -0,0 +1,8 @@
+package cn.cordys.crm.contract.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import lombok.Data;
+
+@Data
+public class BusinessTitlePageRequest extends BasePageRequest {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/BusinessTitleUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/BusinessTitleUpdateRequest.java
new file mode 100644
index 0000000..30e2b06
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/BusinessTitleUpdateRequest.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.contract.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+@Data
+public class BusinessTitleUpdateRequest extends BusinessTitleAddRequest{
+
+    @NotBlank
+    @Schema(description = "id", requiredMode = Schema.RequiredMode.REQUIRED)
+    @Size(max = 32)
+    private String id;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractAddRequest.java
new file mode 100644
index 0000000..5969987
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractAddRequest.java
@@ -0,0 +1,52 @@
+package cn.cordys.crm.contract.dto.request;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.NotNull;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Map;
+
+@Data
+public class ContractAddRequest {
+
+    @NotBlank(message = "{contract.name.required}")
+    @Size(max = 255)
+    @Schema(description = "合同名称", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String name;
+
+    @NotBlank(message = "{contract.customer.required}")
+    @Size(max = 32)
+    @Schema(description = "客户id", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String customerId;
+
+    @NotBlank(message = "{owner.required}")
+    @Size(max = 32)
+    @Schema(description = "负责人", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String owner;
+
+    @Schema(description = "累计金额")
+    private String amount;
+
+    @Schema(description = "合同开始时间", requiredMode = Schema.RequiredMode.REQUIRED)
+    private Long startTime;
+
+    @Schema(description = "合同结束时间", requiredMode = Schema.RequiredMode.REQUIRED)
+    private Long endTime;
+
+    @Schema(description = "自定义字段")
+    private List<BaseModuleFieldValue> moduleFields;
+
+    @Schema(description = "表单配置")
+    private ModuleFormConfigDTO moduleFormConfigDTO;
+
+    @Schema(description = "子产品信息")
+    private List<Map<String, Object>> products;
+
+	@Schema(description = "编号")
+	private String number;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractApprovalBatchRequest.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractApprovalBatchRequest.java
new file mode 100644
index 0000000..49f8155
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractApprovalBatchRequest.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.contract.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.NotEmpty;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class ContractApprovalBatchRequest {
+
+    @NotEmpty
+    @Schema(description = "ID集合")
+    private List<String> ids;
+
+    @NotBlank
+    @Schema(description = "状态")
+    private String approvalStatus;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractApprovalRequest.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractApprovalRequest.java
new file mode 100644
index 0000000..dc39696
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractApprovalRequest.java
@@ -0,0 +1,18 @@
+package cn.cordys.crm.contract.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+public class ContractApprovalRequest {
+
+    @NotBlank
+    @Schema(description = "id", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+
+
+    @NotBlank
+    @Schema(description = "审核状态", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String approvalStatus;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractArchivedRequest.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractArchivedRequest.java
new file mode 100644
index 0000000..9878bc0
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractArchivedRequest.java
@@ -0,0 +1,18 @@
+package cn.cordys.crm.contract.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+public class ContractArchivedRequest {
+
+    @NotBlank
+    @Schema(description = "id", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+
+
+    @NotBlank
+    @Schema(description = "归档状态", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String archivedStatus;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractExportRequest.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractExportRequest.java
new file mode 100644
index 0000000..9758325
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractExportRequest.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.contract.dto.request;
+
+import cn.cordys.common.dto.ExportHeadDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotEmpty;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class ContractExportRequest extends ContractPageRequest {
+
+    @Schema(description = "文件名")
+    private String fileName;
+
+    @Schema(description = "表头信息")
+    @NotEmpty(message = "{export_head_list_is_empty}")
+    private List<ExportHeadDTO> headList;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractInvoiceAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractInvoiceAddRequest.java
new file mode 100644
index 0000000..179f6c8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractInvoiceAddRequest.java
@@ -0,0 +1,50 @@
+package cn.cordys.crm.contract.dto.request;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.math.BigDecimal;
+import java.util.List;
+
+/**
+ *
+ * @author jianxing
+ * @date 2025-12-29 18:22:59
+ */
+@Data
+public class ContractInvoiceAddRequest {
+    @Size(max = 255)
+    @NotBlank
+    @Schema(description = "发票名称", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String name;
+
+    @Size(max = 32)
+    @NotBlank
+    @Schema(description = "合同id", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String contractId;
+
+    @Size(max = 32)
+    @NotBlank
+    @Schema(description = "负责人", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String owner;
+
+    private BigDecimal amount;
+
+    @Size(max = 50)
+    private String invoiceType;
+
+    private BigDecimal taxRate;
+
+    @Size(max = 50)
+    private String businessTitleId;
+
+    @Schema(description = "自定义字段")
+    private List<BaseModuleFieldValue> moduleFields;
+
+    @Schema(description = "表单配置")
+    private ModuleFormConfigDTO moduleFormConfigDTO;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractInvoiceApprovalRequest.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractInvoiceApprovalRequest.java
new file mode 100644
index 0000000..888db3c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractInvoiceApprovalRequest.java
@@ -0,0 +1,18 @@
+package cn.cordys.crm.contract.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+public class ContractInvoiceApprovalRequest {
+
+    @NotBlank
+    @Schema(description = "id", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+
+
+    @NotBlank
+    @Schema(description = "审核状态", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String approvalStatus;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractInvoiceExportRequest.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractInvoiceExportRequest.java
new file mode 100644
index 0000000..26e2834
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractInvoiceExportRequest.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.contract.dto.request;
+
+import cn.cordys.common.dto.ExportHeadDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotEmpty;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class ContractInvoiceExportRequest extends ContractInvoicePageRequest {
+
+    @Schema(description = "合同ID")
+    private String contractId;
+
+    @Schema(description = "文件名")
+    private String fileName;
+
+    @Schema(description = "表头信息")
+    @NotEmpty(message = "{export_head_list_is_empty}")
+    private List<ExportHeadDTO> headList;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractInvoicePageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractInvoicePageRequest.java
new file mode 100644
index 0000000..a67f6ee
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractInvoicePageRequest.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.contract.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import lombok.Data;
+
+/**
+ *
+ * @author jianxing
+ * @date 2025-12-29 18:22:59
+ */
+@Data
+public class ContractInvoicePageRequest extends BasePageRequest {
+    public String getContractId() {return null;}
+    public String getCustomerId() {return null;}
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractInvoiceUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractInvoiceUpdateRequest.java
new file mode 100644
index 0000000..1ebce18
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractInvoiceUpdateRequest.java
@@ -0,0 +1,59 @@
+package cn.cordys.crm.contract.dto.request;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.math.BigDecimal;
+import java.util.List;
+
+/**
+ *
+ * @author jianxing
+ * @date 2025-12-29 18:22:59
+ */
+@Data
+public class ContractInvoiceUpdateRequest {
+
+    @NotBlank
+    @Schema(description = "id", requiredMode = Schema.RequiredMode.REQUIRED)
+    @Size(max = 32)
+    private String id;
+
+    @Size(max = 255)
+    @Schema(description = "发票名称")
+    private String name;
+
+    @Schema(description = "合同id")
+    private String contractId;
+
+    @Schema(description = "负责人")
+    private String owner;
+
+    @Schema(description = "开票金额")
+    private BigDecimal amount;
+
+    @Schema(description = "发票类型")
+    private String invoiceType;
+
+    @Schema(description = "税率")
+    private BigDecimal taxRate;
+
+    @Schema(description = "工商抬头")
+    private String businessTitleId;
+
+    @Schema(description = "自定义字段")
+    private List<BaseModuleFieldValue> moduleFields;
+
+    @Schema(description = "表单配置")
+    private ModuleFormConfigDTO moduleFormConfigDTO;
+
+    @Schema(description = "是否提审更新  normal-正常更新  approval-评审更新")
+    private String updateType;
+
+    @Schema(description = "变更说明")
+    private String comment;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractPageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractPageRequest.java
new file mode 100644
index 0000000..1343f0f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractPageRequest.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.contract.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+
+@Data
+public class ContractPageRequest extends BasePageRequest {
+
+    @Schema(description = "看板模式")
+    private Boolean board = false;
+    public String getCustomerId() {
+        return null;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractPaymentPlanAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractPaymentPlanAddRequest.java
new file mode 100644
index 0000000..e091b75
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractPaymentPlanAddRequest.java
@@ -0,0 +1,48 @@
+package cn.cordys.crm.contract.dto.request;
+
+import cn.cordys.common.constants.EnumValue;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.crm.contract.constants.ContractPaymentPlanStatus;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.math.BigDecimal;
+import java.util.List;
+
+/**
+ *
+ * @author jianxing
+ * @date 2025-11-21 15:11:29
+ */
+@Data
+public class ContractPaymentPlanAddRequest {
+
+	@NotBlank
+	@Size(max = 255)
+	@Schema(description = "回款计划名称", requiredMode = Schema.RequiredMode.REQUIRED)
+	private String name;
+
+    @Size(max = 32)
+    @NotBlank
+    @Schema(description = "合同ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String contractId;
+
+    @Size(max = 32)
+    @NotBlank
+    @Schema(description = "负责人", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String owner;
+
+    @Size(max = 32)
+    @Schema(description = "计划状态", requiredMode = Schema.RequiredMode.REQUIRED)
+    @EnumValue(enumClass = ContractPaymentPlanStatus.class)
+    private String planStatus;
+
+    private BigDecimal planAmount;
+
+    private Long planEndTime;
+
+    @Schema(description = "模块字段值")
+    private List<BaseModuleFieldValue> moduleFields;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractPaymentPlanExportRequest.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractPaymentPlanExportRequest.java
new file mode 100644
index 0000000..f300c51
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractPaymentPlanExportRequest.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.contract.dto.request;
+
+import cn.cordys.common.dto.ExportHeadDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotEmpty;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class ContractPaymentPlanExportRequest extends ContractPaymentPlanPageRequest {
+
+    @Schema(description = "合同ID")
+    private String contractId;
+
+    @Schema(description = "文件名")
+    private String fileName;
+
+    @Schema(description = "表头信息")
+    @NotEmpty(message = "{export_head_list_is_empty}")
+    private List<ExportHeadDTO> headList;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractPaymentPlanPageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractPaymentPlanPageRequest.java
new file mode 100644
index 0000000..81827d7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractPaymentPlanPageRequest.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.contract.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import lombok.Data;
+
+
+/**
+ *
+ * @author jianxing
+ * @date 2025-11-21 15:11:29
+ */
+@Data
+public class ContractPaymentPlanPageRequest extends BasePageRequest {
+
+    public String getContractId() {return null;}
+
+    public String getCustomerId() {
+        return null;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractPaymentPlanUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractPaymentPlanUpdateRequest.java
new file mode 100644
index 0000000..698a288
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractPaymentPlanUpdateRequest.java
@@ -0,0 +1,51 @@
+package cn.cordys.crm.contract.dto.request;
+
+import cn.cordys.common.constants.EnumValue;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.crm.contract.constants.ContractPaymentPlanStatus;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.math.BigDecimal;
+import java.util.List;
+
+/**
+ *
+ * @author jianxing
+ * @date 2025-11-21 15:11:29
+ */
+@Data
+public class ContractPaymentPlanUpdateRequest {
+
+	@Size(max = 255)
+	private String name;
+
+    @NotBlank
+    @Schema(description = "id", requiredMode = Schema.RequiredMode.REQUIRED)
+    @Size(max = 32)
+    private String id;
+
+    @Schema(description = "合同ID")
+    private String contractId;
+
+    @Schema(description = "负责人")
+    private String owner;
+
+    @Schema(description = "计划状态")
+    @EnumValue(enumClass = ContractPaymentPlanStatus.class)
+    private String planStatus;
+
+    @Schema(description = "计划回款金额")
+    private BigDecimal planAmount;
+
+    @Schema(description = "计划回款时间")
+    private Long planEndTime;
+
+    @Schema(description = "模块字段值")
+    private List<BaseModuleFieldValue> moduleFields;
+
+    @Schema(description = "是否是AI调用")
+    private Boolean agentInvoke = false;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractPaymentRecordAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractPaymentRecordAddRequest.java
new file mode 100644
index 0000000..af9d4a5
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractPaymentRecordAddRequest.java
@@ -0,0 +1,48 @@
+package cn.cordys.crm.contract.dto.request;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.math.BigDecimal;
+import java.util.List;
+
+/**
+ * @author song-cc-rock
+ */
+@Data
+public class ContractPaymentRecordAddRequest {
+
+	@NotBlank
+	@Size(max = 255)
+	@Schema(description = "回款记录名称", requiredMode = Schema.RequiredMode.REQUIRED)
+	private String name;
+
+	@NotBlank
+	@Size(max = 32)
+	@Schema(description = "负责人", requiredMode = Schema.RequiredMode.REQUIRED)
+	private String owner;
+
+	@Schema(description = "回款编号")
+	private String no;
+
+	@NotBlank
+	@Size(max = 32)
+	@Schema(description = "合同ID", requiredMode = Schema.RequiredMode.REQUIRED)
+	private String contractId;
+
+	@Size(max = 32)
+	@Schema(description = "回款计划ID")
+	private String paymentPlanId;
+
+	@Schema(description = "回款金额")
+	private BigDecimal recordAmount;
+
+	@Schema(description = "回款时间")
+	private Long recordEndTime;
+
+	@Schema(description = "自定义字段值")
+	private List<BaseModuleFieldValue> moduleFields;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractPaymentRecordExportRequest.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractPaymentRecordExportRequest.java
new file mode 100644
index 0000000..8cc8d86
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractPaymentRecordExportRequest.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.contract.dto.request;
+
+import cn.cordys.common.dto.ExportHeadDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotEmpty;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class ContractPaymentRecordExportRequest extends ContractPaymentRecordPageRequest {
+
+	@Schema(description = "合同ID")
+	private String contractId;
+
+	@Schema(description = "文件名")
+	private String fileName;
+
+	@Schema(description = "表头信息")
+	@NotEmpty(message = "{export_head_list_is_empty}")
+	private List<ExportHeadDTO> headList;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractPaymentRecordPageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractPaymentRecordPageRequest.java
new file mode 100644
index 0000000..7d91014
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractPaymentRecordPageRequest.java
@@ -0,0 +1,18 @@
+package cn.cordys.crm.contract.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+/**
+ * @author song-cc-rock
+ */
+@Data
+public class ContractPaymentRecordPageRequest extends BasePageRequest {
+
+	@Schema(description = "合同ID")
+	private String contractId;
+
+	@Schema(description = "客户ID")
+	private String customerId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractPaymentRecordStatisticRequest.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractPaymentRecordStatisticRequest.java
new file mode 100644
index 0000000..68baba5
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractPaymentRecordStatisticRequest.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.contract.dto.request;
+
+import cn.cordys.common.dto.condition.BaseCondition;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class ContractPaymentRecordStatisticRequest extends BaseCondition {
+
+    @Schema(description = "合同id")
+    private String contractId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractPaymentRecordUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractPaymentRecordUpdateRequest.java
new file mode 100644
index 0000000..0ef7a32
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractPaymentRecordUpdateRequest.java
@@ -0,0 +1,50 @@
+package cn.cordys.crm.contract.dto.request;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.math.BigDecimal;
+import java.util.List;
+
+/**
+ * @author song-cc-rock
+ */
+@Data
+public class ContractPaymentRecordUpdateRequest {
+
+	@NotBlank
+	@Schema(description = "id", requiredMode = Schema.RequiredMode.REQUIRED)
+	@Size(max = 32)
+	private String id;
+
+	@NotBlank
+	@Size(max = 255)
+	@Schema(description = "回款记录名称", requiredMode = Schema.RequiredMode.REQUIRED)
+	private String name;
+
+	@NotBlank
+	@Size(max = 32)
+	@Schema(description = "负责人", requiredMode = Schema.RequiredMode.REQUIRED)
+	private String owner;
+
+	@NotBlank
+	@Size(max = 32)
+	@Schema(description = "合同ID", requiredMode = Schema.RequiredMode.REQUIRED)
+	private String contractId;
+
+	@Size(max = 32)
+	@Schema(description = "回款计划ID")
+	private String paymentPlanId;
+
+	@Schema(description = "回款金额")
+	private BigDecimal recordAmount;
+
+	@Schema(description = "回款时间")
+	private Long recordEndTime;
+
+	@Schema(description = "自定义字段值")
+	private List<BaseModuleFieldValue> moduleFields;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractStageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractStageRequest.java
new file mode 100644
index 0000000..84b4d3c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractStageRequest.java
@@ -0,0 +1,30 @@
+package cn.cordys.crm.contract.dto.request;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class ContractStageRequest {
+
+    @NotBlank
+    @Schema(description = "id", requiredMode = Schema.RequiredMode.REQUIRED)
+    @Size(max = 32)
+    private String id;
+
+
+    @Schema(description = "阶段: PENDING_SIGNING/SIGNED/CHANGE/IN_PROGRESS/COMPLETED_PERFORMANCE/VOID/ARCHIVED", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String stage;
+
+
+    @Size(max = 255)
+    @Schema(description = "作废原因")
+    private String voidReason;
+
+    @Schema(description = "更新字段")
+    private List<BaseModuleFieldValue> fields;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractUpdateRequest.java
new file mode 100644
index 0000000..5c55278
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractUpdateRequest.java
@@ -0,0 +1,21 @@
+package cn.cordys.crm.contract.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+@Data
+public class ContractUpdateRequest extends ContractAddRequest {
+
+    @NotBlank
+    @Schema(description = "id", requiredMode = Schema.RequiredMode.REQUIRED)
+    @Size(max = 32)
+    private String id;
+
+    @Schema(description = "是否提审更新  normal-正常更新  approval-评审更新")
+    private String updateType;
+
+    @Schema(description = "变更说明")
+    private String comment;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractVoidRequest.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractVoidRequest.java
new file mode 100644
index 0000000..603d529
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/request/ContractVoidRequest.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.contract.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+@Data
+public class ContractVoidRequest {
+
+    @NotBlank
+    @Schema(description = "id", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+
+
+    @Size(max = 255)
+    @Schema(description = "作废原因")
+    private String voidReason;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/BusinessTitleListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/BusinessTitleListResponse.java
new file mode 100644
index 0000000..26feabe
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/BusinessTitleListResponse.java
@@ -0,0 +1,14 @@
+package cn.cordys.crm.contract.dto.response;
+
+import cn.cordys.crm.contract.domain.BusinessTitle;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class BusinessTitleListResponse extends BusinessTitle {
+
+    @Schema(description = "创建人名称")
+    private String createUserName;
+    @Schema(description = "修改人名称")
+    private String updateUserName;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/ContractGetResponse.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/ContractGetResponse.java
new file mode 100644
index 0000000..0898574
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/ContractGetResponse.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.contract.dto.response;
+
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.crm.system.domain.Attachment;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Map;
+
+@Data
+public class ContractGetResponse extends ContractListResponse {
+
+    @Schema(description = "选项集合")
+    private Map<String, List<OptionDTO>> optionMap;
+
+    @Schema(description = "附件集合")
+    private Map<String, List<Attachment>> attachmentMap;
+
+    @Schema(description = "产品子列表")
+    private List<Map<String, Object>> products;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/ContractInvoiceGetResponse.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/ContractInvoiceGetResponse.java
new file mode 100644
index 0000000..818952d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/ContractInvoiceGetResponse.java
@@ -0,0 +1,52 @@
+package cn.cordys.crm.contract.dto.response;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.crm.contract.domain.ContractInvoice;
+import cn.cordys.crm.system.domain.Attachment;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Map;
+
+/**
+ *
+ * @author jianxing
+ * @date 2025-12-29 18:22:59
+ */
+@Data
+public class ContractInvoiceGetResponse extends ContractInvoice {
+    @Schema(description = "合同名称")
+    private String contractName;
+
+    @Schema(description = "负责人名称")
+    private String ownerName;
+
+    @Schema(description = "创建人名称")
+    private String createUserName;
+
+    @Schema(description = "更新人名称")
+    private String updateUserName;
+
+    @Schema(description = "部门id")
+    private String departmentId;
+
+    @Schema(description = "部门名称")
+    private String departmentName;
+
+    @Schema(description = "工商抬头名称")
+    private String businessTitleName;
+
+    @Schema(description = "自定义字段")
+    private List<BaseModuleFieldValue> moduleFields;
+
+    @Schema(description = "选项集合")
+    private Map<String, List<OptionDTO>> optionMap;
+
+    @Schema(description = "附件集合")
+    private Map<String, List<Attachment>> attachmentMap;
+
+	@Schema(description = "审批第一个节点是否通过")
+	private Boolean firstApproved;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/ContractInvoiceListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/ContractInvoiceListResponse.java
new file mode 100644
index 0000000..2c38653
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/ContractInvoiceListResponse.java
@@ -0,0 +1,48 @@
+package cn.cordys.crm.contract.dto.response;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.crm.contract.domain.ContractInvoice;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.math.BigDecimal;
+import java.util.List;
+
+/**
+ *
+ * @author jianxing
+ * @date 2025-12-29 18:22:59
+ */
+@Data
+public class ContractInvoiceListResponse extends ContractInvoice {
+
+    @Schema(description = "合同名称")
+    private String contractName;
+
+    @Schema(description = "合同金额")
+    private BigDecimal contractAmount;
+
+    @Schema(description = "负责人名称")
+    private String ownerName;
+
+    @Schema(description = "创建人名称")
+    private String createUserName;
+
+    @Schema(description = "更新人名称")
+    private String updateUserName;
+
+    @Schema(description = "部门id")
+    private String departmentId;
+
+    @Schema(description = "部门名称")
+    private String departmentName;
+
+    @Schema(description = "工商抬头名称")
+    private String businessTitleName;
+
+    @Schema(description = "自定义字段")
+    private List<BaseModuleFieldValue> moduleFields;
+
+	@Schema(description = "审批第一个节点是否通过")
+	private Boolean firstApproved;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/ContractListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/ContractListResponse.java
new file mode 100644
index 0000000..10338f5
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/ContractListResponse.java
@@ -0,0 +1,49 @@
+package cn.cordys.crm.contract.dto.response;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.crm.contract.domain.Contract;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.math.BigDecimal;
+import java.util.List;
+
+@Data
+public class ContractListResponse extends Contract {
+
+    @Schema(description = "客户名称")
+    private String customerName;
+
+    @Schema(description = "负责人名称")
+    private String ownerName;
+
+    @Schema(description = "创建人名称")
+    private String createUserName;
+
+    @Schema(description = "更新人名称")
+    private String updateUserName;
+
+    @Schema(description = "关联的客户是否在公海")
+    private Boolean inCustomerPool;
+
+    @Schema(description = "客户公海id")
+    private String poolId;
+
+    @Schema(description = "部门id")
+    private String departmentId;
+
+    @Schema(description = "部门名称")
+    private String departmentName;
+
+	@Schema(description = "已回款金额")
+	private BigDecimal alreadyPayAmount;
+
+    @Schema(description = "自定义字段")
+    private List<BaseModuleFieldValue> moduleFields;
+
+    @Schema(description = "商机阶段")
+    private String stageName;
+
+	@Schema(description = "审批第一个节点是否通过")
+	private Boolean firstApproved;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/ContractPaymentPlanGetResponse.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/ContractPaymentPlanGetResponse.java
new file mode 100644
index 0000000..8b05dc4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/ContractPaymentPlanGetResponse.java
@@ -0,0 +1,46 @@
+package cn.cordys.crm.contract.dto.response;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.crm.contract.domain.ContractPaymentPlan;
+import cn.cordys.crm.system.domain.Attachment;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Map;
+
+/**
+ *
+ * @author jianxing
+ * @date 2025-11-21 15:11:29
+ */
+@Data
+public class ContractPaymentPlanGetResponse extends ContractPaymentPlan {
+    @Schema(description = "合同名称")
+    private String contractName;
+
+    @Schema(description = "创建人名称")
+    private String createUserName;
+
+    @Schema(description = "更新人名称")
+    private String updateUserName;
+
+    @Schema(description = "负责人名称")
+    private String ownerName;
+
+    @Schema(description = "归属部门")
+    private String departmentId;
+
+    @Schema(description = "归属部门名称")
+    private String departmentName;
+
+    @Schema(description = "自定义字段")
+    private List<BaseModuleFieldValue> moduleFields;
+
+    @Schema(description = "选项集合")
+    private Map<String, List<OptionDTO>> optionMap;
+
+    @Schema(description = "附件集合")
+    private Map<String, List<Attachment>> attachmentMap;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/ContractPaymentPlanListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/ContractPaymentPlanListResponse.java
new file mode 100644
index 0000000..3406352
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/ContractPaymentPlanListResponse.java
@@ -0,0 +1,37 @@
+package cn.cordys.crm.contract.dto.response;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.crm.contract.domain.ContractPaymentPlan;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+/**
+ *
+ * @author jianxing
+ * @date 2025-11-21 15:11:29
+ */
+@Data
+public class ContractPaymentPlanListResponse extends ContractPaymentPlan {
+    @Schema(description = "创建人名称")
+    private String createUserName;
+
+    @Schema(description = "更新人名称")
+    private String updateUserName;
+
+    @Schema(description = "负责人名称")
+    private String ownerName;
+
+    @Schema(description = "归属部门")
+    private String departmentId;
+
+    @Schema(description = "归属部门名称")
+    private String departmentName;
+
+    @Schema(description = "合同名称")
+    private String contractName;
+
+    @Schema(description = "自定义字段集合")
+    private List<BaseModuleFieldValue> moduleFields;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/ContractPaymentRecordGetResponse.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/ContractPaymentRecordGetResponse.java
new file mode 100644
index 0000000..e949087
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/ContractPaymentRecordGetResponse.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.contract.dto.response;
+
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.crm.system.domain.Attachment;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Map;
+
+/**
+ * @author song-cc-rock
+ */
+@Data
+public class ContractPaymentRecordGetResponse extends ContractPaymentRecordResponse {
+
+	@Schema(description = "选项集合")
+	private Map<String, List<OptionDTO>> optionMap;
+
+	@Schema(description = "附件集合")
+	private Map<String, List<Attachment>> attachmentMap;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/ContractPaymentRecordResponse.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/ContractPaymentRecordResponse.java
new file mode 100644
index 0000000..6919bbd
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/ContractPaymentRecordResponse.java
@@ -0,0 +1,39 @@
+package cn.cordys.crm.contract.dto.response;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.crm.contract.domain.ContractPaymentRecord;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+/**
+ * @author song-cc-rock
+ */
+@Data
+public class ContractPaymentRecordResponse extends ContractPaymentRecord {
+
+	@Schema(description = "创建人名称")
+	private String createUserName;
+
+	@Schema(description = "更新人名称")
+	private String updateUserName;
+
+	@Schema(description = "合同名称")
+	private String contractName;
+
+	@Schema(description = "回款计划名称")
+	private String paymentPlanName;
+
+	@Schema(description = "负责人名称")
+	private String ownerName;
+
+	@Schema(description = "归属部门")
+	private String departmentId;
+
+	@Schema(description = "归属部门名称")
+	private String departmentName;
+
+	@Schema(description = "自定义字段集合")
+	private List<BaseModuleFieldValue> moduleFields;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/ContractPaymentRecordStatisticResponse.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/ContractPaymentRecordStatisticResponse.java
new file mode 100644
index 0000000..d20b4cc
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/ContractPaymentRecordStatisticResponse.java
@@ -0,0 +1,14 @@
+package cn.cordys.crm.contract.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class ContractPaymentRecordStatisticResponse {
+
+    @Schema(description = "总金额")
+    private Double amount = 0.0;
+
+    @Schema(description = "平均金额")
+    private Double averageAmount = 0.0;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/ContractStatisticResponse.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/ContractStatisticResponse.java
new file mode 100644
index 0000000..5105909
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/ContractStatisticResponse.java
@@ -0,0 +1,14 @@
+package cn.cordys.crm.contract.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class ContractStatisticResponse {
+
+    @Schema(description = "总金额")
+    private Double amount = 0.0;
+
+    @Schema(description = "平均金额")
+    private Double averageAmount = 0.0;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/CustomerContractStatisticResponse.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/CustomerContractStatisticResponse.java
new file mode 100644
index 0000000..3d078ad
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/CustomerContractStatisticResponse.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.contract.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.math.BigDecimal;
+
+@Data
+public class CustomerContractStatisticResponse {
+    @Schema(description = "合同总金额")
+    private BigDecimal totalAmount;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/CustomerInvoiceStatisticResponse.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/CustomerInvoiceStatisticResponse.java
new file mode 100644
index 0000000..c27056b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/CustomerInvoiceStatisticResponse.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.contract.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.math.BigDecimal;
+
+@Data
+public class CustomerInvoiceStatisticResponse {
+    @Schema(description = "合同金额")
+    private BigDecimal contractAmount;
+    @Schema(description = "未开票金额")
+    private BigDecimal uninvoicedAmount;
+    @Schema(description = "已开票金额")
+    private BigDecimal invoicedAmount;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/CustomerPaymentPlanStatisticResponse.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/CustomerPaymentPlanStatisticResponse.java
new file mode 100644
index 0000000..735fa2f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/CustomerPaymentPlanStatisticResponse.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.contract.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.math.BigDecimal;
+
+@Data
+public class CustomerPaymentPlanStatisticResponse {
+    @Schema(description = "计划回款总金额")
+    private BigDecimal totalPlanAmount;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/CustomerPaymentRecordStatisticResponse.java b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/CustomerPaymentRecordStatisticResponse.java
new file mode 100644
index 0000000..99cb19d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/dto/response/CustomerPaymentRecordStatisticResponse.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.contract.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.math.BigDecimal;
+
+/**
+ * @author song-cc-rock
+ */
+@Data
+public class CustomerPaymentRecordStatisticResponse {
+
+    @Schema(description = "应回款")
+    private BigDecimal totalAmount;
+	@Schema(description = "已回款")
+	private BigDecimal receivedAmount;
+	@Schema(description = "待回款")
+	private BigDecimal pendingAmount;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/excel/constants/BusinessTitleImportFiled.java b/backend/crm/src/main/java/cn/cordys/crm/contract/excel/constants/BusinessTitleImportFiled.java
new file mode 100644
index 0000000..718c26d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/excel/constants/BusinessTitleImportFiled.java
@@ -0,0 +1,64 @@
+package cn.cordys.crm.contract.excel.constants;
+
+
+import cn.cordys.crm.contract.excel.domain.BusinessTitleExcelData;
+import lombok.Getter;
+
+import java.util.HashMap;
+import java.util.Locale;
+import java.util.Map;
+import java.util.function.Function;
+
+
+public enum BusinessTitleImportFiled {
+
+    NAME("name", "公司名称", "Name", BusinessTitleExcelData::getName),
+    IDENTIFICATION_NUMBER("identificationNumber", "纳税人识别号", "Identification number", BusinessTitleExcelData::getIdentificationNumber),
+    OPENING_BANK("openingBank", "开户银行", "Opening bank", BusinessTitleExcelData::getOpeningBank),
+    BANK_ACCOUNT("bankAccount", "银行账户", "Bank account", BusinessTitleExcelData::getBankAccount),
+    REGISTRATION_ADDRESS("registrationAddress", "注册地址", "Registration address", BusinessTitleExcelData::getRegistrationAddress),
+    PHONE_NUMBER("phoneNumber", "注册电话", "Phone number", BusinessTitleExcelData::getPhoneNumber),
+    REGISTERED_CAPITAL("registeredCapital", "注册资本", "Registered capital", BusinessTitleExcelData::getRegisteredCapital),
+    COMPANY_SIZE("companySize", "公司规模", "Customer size", BusinessTitleExcelData::getCompanySize),
+    REGISTRATION_NUMBER("registrationNumber", "工商注册账号", "Registration number", BusinessTitleExcelData::getRegistrationNumber),
+    PROVINCE("province", "省", "Province", BusinessTitleExcelData::getProvince),
+    CITY("city", "市", "City", BusinessTitleExcelData::getCity),
+    SCALE("scale", "企业规模", "Scale", BusinessTitleExcelData::getScale),
+    INDUSTRY("industry", "国标行业", "Industry", BusinessTitleExcelData::getIndustry),
+    REMARK("remark", "备注", "Remark", BusinessTitleExcelData::getRemark);
+
+    @Getter
+    private final Map<Locale, String> filedLangMap;
+    private final Function<BusinessTitleExcelData, String> parseFunc;
+    @Getter
+    private final String value;
+
+    BusinessTitleImportFiled(String value, String zn, String us, Function<BusinessTitleExcelData, String> parseFunc) {
+        this.filedLangMap = new HashMap<>();
+        filedLangMap.put(Locale.SIMPLIFIED_CHINESE, zn);
+        filedLangMap.put(Locale.US, us);
+        this.value = value;
+        this.parseFunc = parseFunc;
+    }
+
+    public String parseExcelDataValue(BusinessTitleExcelData excelData) {
+        return parseFunc.apply(excelData);
+    }
+
+    public boolean containsHead(String head) {
+        return filedLangMap.containsValue(head);
+    }
+
+    public static BusinessTitleImportFiled fromHeader(String header) {
+        if (header == null) {
+            return null;
+        }
+
+        for (BusinessTitleImportFiled field : values()) {
+            if (field.filedLangMap.containsValue(header)) {
+                return field;
+            }
+        }
+        return null;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/excel/constants/BusinessTitleImportType.java b/backend/crm/src/main/java/cn/cordys/crm/contract/excel/constants/BusinessTitleImportType.java
new file mode 100644
index 0000000..590aae4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/excel/constants/BusinessTitleImportType.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.contract.excel.constants;
+
+public enum BusinessTitleImportType {
+    /**
+     * 新增
+     */
+    ADD,
+
+    /**
+     * 更新
+     */
+    UPDATE,
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/excel/domain/BusinessTitleExcelData.java b/backend/crm/src/main/java/cn/cordys/crm/contract/excel/domain/BusinessTitleExcelData.java
new file mode 100644
index 0000000..3971efa
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/excel/domain/BusinessTitleExcelData.java
@@ -0,0 +1,101 @@
+package cn.cordys.crm.contract.excel.domain;
+
+import cn.cordys.crm.contract.excel.constants.BusinessTitleImportFiled;
+import cn.idev.excel.annotation.ExcelIgnore;
+import lombok.Getter;
+import lombok.Setter;
+
+import java.util.ArrayList;
+import java.util.Collections;
+import java.util.List;
+import java.util.Locale;
+
+
+@Getter
+@Setter
+public class BusinessTitleExcelData {
+    /**
+     * 公司名称
+     */
+    @ExcelIgnore
+    private String name;
+    /**
+     * 纳税人识别号
+     */
+    @ExcelIgnore
+    private String identificationNumber;
+    /**
+     * 开户银行
+     */
+    @ExcelIgnore
+    private String openingBank;
+    /**
+     * 银行账户
+     */
+    @ExcelIgnore
+    private String bankAccount;
+    /**
+     * 注册地址
+     */
+    @ExcelIgnore
+    private String registrationAddress;
+    /**
+     * 注册电话
+     */
+    @ExcelIgnore
+    private String phoneNumber;
+    /**
+     * 注册资本
+     */
+    @ExcelIgnore
+    private String registeredCapital;
+    /**
+     * 公司规模
+     */
+    @ExcelIgnore
+    private String companySize;
+    /**
+     * 工商注册账号
+     */
+    @ExcelIgnore
+    private String registrationNumber;
+    /**
+     * 省
+     */
+    @ExcelIgnore
+    private String province;
+    /**
+     * 市
+     */
+    @ExcelIgnore
+    private String city;
+    /**
+     * 企业规模
+     */
+    @ExcelIgnore
+    private String scale;
+    /**
+     * 国标行业
+     */
+    @ExcelIgnore
+    private String industry;
+    /**
+     * 备注
+     */
+    @ExcelIgnore
+    private String remark;
+
+
+    public List<List<String>> getHead() {
+        return new ArrayList<>();
+    }
+
+    public List<List<String>> getHead(Locale lang) {
+        List<List<String>> heads = new ArrayList<>();
+        BusinessTitleImportFiled[] fields = BusinessTitleImportFiled.values();
+        for (BusinessTitleImportFiled field : fields) {
+            heads.add(Collections.singletonList(field.getFiledLangMap().get(lang)));
+        }
+        return heads;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/excel/domain/BusinessTitleExcelDataCn.java b/backend/crm/src/main/java/cn/cordys/crm/contract/excel/domain/BusinessTitleExcelDataCn.java
new file mode 100644
index 0000000..e68f7c3
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/excel/domain/BusinessTitleExcelDataCn.java
@@ -0,0 +1,104 @@
+package cn.cordys.crm.contract.excel.domain;
+
+import cn.idev.excel.annotation.ExcelProperty;
+import cn.idev.excel.annotation.write.style.ColumnWidth;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Locale;
+
+
+@Data
+@ColumnWidth(15)
+public class BusinessTitleExcelDataCn extends BusinessTitleExcelData {
+
+    /**
+     * 公司名称
+     */
+    @ColumnWidth(255)
+    @ExcelProperty("公司名称")
+    private String name;
+    /**
+     * 纳税人识别号
+     */
+    @ColumnWidth(255)
+    @ExcelProperty("纳税人识别号")
+    private String identificationNumber;
+    /**
+     * 开户银行
+     */
+    @ColumnWidth(255)
+    @ExcelProperty("开户银行")
+    private String openingBank;
+    /**
+     * 银行账户
+     */
+    @ColumnWidth(255)
+    @ExcelProperty("银行账户")
+    private String bankAccount;
+    /**
+     * 注册地址
+     */
+    @ColumnWidth(255)
+    @ExcelProperty("注册地址")
+    private String registrationAddress;
+    /**
+     * 注册电话
+     */
+    @ColumnWidth(255)
+    @ExcelProperty("注册电话")
+    private String phoneNumber;
+    /**
+     * 注册资本
+     */
+    @ColumnWidth(255)
+    @ExcelProperty("注册资本")
+    private String registeredCapital;
+    /**
+     * 公司规模
+     */
+    @ColumnWidth(255)
+    @ExcelProperty("公司规模")
+    private String companySize;
+    /**
+     * 工商注册账号
+     */
+    @ColumnWidth(255)
+    @ExcelProperty("工商注册账号")
+    private String registrationNumber;
+    /**
+     * 省
+     */
+    @ColumnWidth(255)
+    @ExcelProperty("省")
+    private String province;
+    /**
+     * 市
+     */
+    @ColumnWidth(255)
+    @ExcelProperty("市")
+    private String city;
+    /**
+     * 企业规模
+     */
+    @ColumnWidth(255)
+    @ExcelProperty("企业规模")
+    private String scale;
+    /**
+     * 国标行业
+     */
+    @ColumnWidth(255)
+    @ExcelProperty("国标行业")
+    private String industry;
+    /**
+     * 备注
+     */
+    @ColumnWidth(255)
+    @ExcelProperty("备注")
+    private String remark;
+
+    @Override
+    public List<List<String>> getHead() {
+        return super.getHead(Locale.SIMPLIFIED_CHINESE);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/excel/domain/BusinessTitleExcelDataFactory.java b/backend/crm/src/main/java/cn/cordys/crm/contract/excel/domain/BusinessTitleExcelDataFactory.java
new file mode 100644
index 0000000..4418017
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/excel/domain/BusinessTitleExcelDataFactory.java
@@ -0,0 +1,28 @@
+package cn.cordys.crm.contract.excel.domain;
+
+import cn.cordys.excel.domain.ExcelDataFactory;
+import org.springframework.context.i18n.LocaleContextHolder;
+
+import java.util.Locale;
+
+
+public class BusinessTitleExcelDataFactory implements ExcelDataFactory {
+
+    @Override
+    public Class<?> getExcelDataByLocal() {
+        Locale locale = LocaleContextHolder.getLocale();
+        if (Locale.US.toString().equalsIgnoreCase(locale.toString())) {
+            return BusinessTitleExcelDataUs.class;
+        }
+        return BusinessTitleExcelDataCn.class;
+    }
+
+    public BusinessTitleExcelData getExcelDataLocal() {
+        Locale locale = LocaleContextHolder.getLocale();
+        if (Locale.US.toString().equalsIgnoreCase(locale.toString())) {
+            return new BusinessTitleExcelDataUs();
+        }
+        return new BusinessTitleExcelDataCn();
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/excel/domain/BusinessTitleExcelDataUs.java b/backend/crm/src/main/java/cn/cordys/crm/contract/excel/domain/BusinessTitleExcelDataUs.java
new file mode 100644
index 0000000..8259cbb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/excel/domain/BusinessTitleExcelDataUs.java
@@ -0,0 +1,104 @@
+package cn.cordys.crm.contract.excel.domain;
+
+import cn.idev.excel.annotation.ExcelProperty;
+import cn.idev.excel.annotation.write.style.ColumnWidth;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Locale;
+
+
+@Data
+@ColumnWidth(15)
+public class BusinessTitleExcelDataUs extends BusinessTitleExcelData {
+
+    /**
+     * 公司名称
+     */
+    @ColumnWidth(255)
+    @ExcelProperty("Name")
+    private String name;
+    /**
+     * 纳税人识别号
+     */
+    @ColumnWidth(255)
+    @ExcelProperty("Identification number")
+    private String identificationNumber;
+    /**
+     * 开户银行
+     */
+    @ColumnWidth(255)
+    @ExcelProperty("Opening bank")
+    private String openingBank;
+    /**
+     * 银行账户
+     */
+    @ColumnWidth(255)
+    @ExcelProperty("Bank account")
+    private String bankAccount;
+    /**
+     * 注册地址
+     */
+    @ColumnWidth(255)
+    @ExcelProperty("Registration address")
+    private String registrationAddress;
+    /**
+     * 注册电话
+     */
+    @ColumnWidth(255)
+    @ExcelProperty("Phone number")
+    private String phoneNumber;
+    /**
+     * 注册资本
+     */
+    @ColumnWidth(255)
+    @ExcelProperty("Registered capital")
+    private String registeredCapital;
+    /**
+     * 公司规模
+     */
+    @ColumnWidth(255)
+    @ExcelProperty("Customer size")
+    private String companySize;
+    /**
+     * 工商注册号
+     */
+    @ColumnWidth(255)
+    @ExcelProperty("Registration number")
+    private String registrationNumber;
+    /**
+     * 省
+     */
+    @ColumnWidth(255)
+    @ExcelProperty("Province")
+    private String province;
+    /**
+     * 市
+     */
+    @ColumnWidth(255)
+    @ExcelProperty("City")
+    private String city;
+    /**
+     * 企业规模
+     */
+    @ColumnWidth(255)
+    @ExcelProperty("Scale")
+    private String scale;
+    /**
+     * 国标行业
+     */
+    @ColumnWidth(255)
+    @ExcelProperty("Industry")
+    private String industry;
+    /**
+     * 备注
+     */
+    @ColumnWidth(255)
+    @ExcelProperty("remark")
+    private String remark;
+
+    @Override
+    public List<List<String>> getHead() {
+        return super.getHead(Locale.US);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/excel/handler/BusinessTitleTemplateWriteHandler.java b/backend/crm/src/main/java/cn/cordys/crm/contract/excel/handler/BusinessTitleTemplateWriteHandler.java
new file mode 100644
index 0000000..15d54a8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/excel/handler/BusinessTitleTemplateWriteHandler.java
@@ -0,0 +1,76 @@
+package cn.cordys.crm.contract.excel.handler;
+
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.contract.excel.constants.BusinessTitleImportFiled;
+import cn.idev.excel.util.BooleanUtils;
+import cn.idev.excel.write.handler.RowWriteHandler;
+import cn.idev.excel.write.handler.SheetWriteHandler;
+import cn.idev.excel.write.handler.context.RowWriteHandlerContext;
+import cn.idev.excel.write.metadata.style.WriteCellStyle;
+import cn.idev.excel.write.style.HorizontalCellStyleStrategy;
+import org.apache.poi.ss.usermodel.Comment;
+import org.apache.poi.ss.usermodel.Drawing;
+import org.apache.poi.ss.usermodel.Sheet;
+import org.apache.poi.xssf.usermodel.XSSFClientAnchor;
+import org.apache.poi.xssf.usermodel.XSSFRichTextString;
+
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+
+public class BusinessTitleTemplateWriteHandler implements RowWriteHandler, SheetWriteHandler {
+
+    private final Map<String, Integer> fieldMap = new HashMap<>();
+    private Sheet sheet;
+    private Drawing<?> drawingPatriarch;
+
+    private final Map<String, Boolean> requiredMap;
+
+    public BusinessTitleTemplateWriteHandler(List<List<String>> headList, Map<String, Boolean> requiredMap) {
+        initIndex(headList);
+        this.requiredMap = requiredMap;
+    }
+
+    public static HorizontalCellStyleStrategy getHorizontalWrapStrategy() {
+        WriteCellStyle contentWriteCellStyle = new WriteCellStyle();
+        // 设置自动换行
+        contentWriteCellStyle.setWrapped(true);
+        return new HorizontalCellStyleStrategy(null, contentWriteCellStyle);
+    }
+
+    private void initIndex(List<List<String>> headList) {
+        int index = 0;
+        for (List<String> list : headList) {
+            for (String head : list) {
+                this.fieldMap.put(head, index);
+                index++;
+            }
+        }
+    }
+
+    @Override
+    public void afterRowDispose(RowWriteHandlerContext context) {
+        if (BooleanUtils.isTrue(context.getHead())) {
+            sheet = context.getWriteSheetHolder().getSheet();
+            drawingPatriarch = sheet.createDrawingPatriarch();
+
+            for (Map.Entry<String, Integer> entry : fieldMap.entrySet()) {
+                String key = BusinessTitleImportFiled.fromHeader(entry.getKey()).name().toLowerCase();
+                if (requiredMap.containsKey(key)&&requiredMap.get(key)) {
+                    setComment(fieldMap.get(entry.getKey()), Translator.get("required"));
+                }
+            }
+        }
+
+    }
+
+    private void setComment(Integer index, String text) {
+        if (index == null) {
+            return;
+        }
+        Comment comment = drawingPatriarch.createCellComment(new XSSFClientAnchor(0, 0, 0, 0, index, 0, index + 3, 1));
+        comment.setString(new XSSFRichTextString(text));
+        sheet.getRow(0).getCell(0).setCellComment(comment);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/excel/listener/BusinessTitleCheckEventListener.java b/backend/crm/src/main/java/cn/cordys/crm/contract/excel/listener/BusinessTitleCheckEventListener.java
new file mode 100644
index 0000000..9947b9e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/excel/listener/BusinessTitleCheckEventListener.java
@@ -0,0 +1,195 @@
+package cn.cordys.crm.contract.excel.listener;
+
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.mapper.CommonMapper;
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.contract.dto.request.BusinessTitleImportRequest;
+import cn.cordys.crm.contract.excel.constants.BusinessTitleImportFiled;
+import cn.cordys.crm.contract.excel.constants.BusinessTitleImportType;
+import cn.cordys.excel.domain.ExcelErrData;
+import cn.idev.excel.annotation.ExcelProperty;
+import cn.idev.excel.context.AnalysisContext;
+import cn.idev.excel.event.AnalysisEventListener;
+import lombok.Getter;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.lang.reflect.Field;
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+import java.util.concurrent.ConcurrentHashMap;
+
+@Slf4j
+public class BusinessTitleCheckEventListener extends AnalysisEventListener<Map<Integer, String>> {
+
+    /**
+     * 错误, 成功信息
+     */
+    @Getter
+    protected Integer success = 0;
+    @Getter
+    protected List<ExcelErrData> errList = new ArrayList<>();
+    protected static final int LENGTH_LIMIT = 255;
+    protected final String orgId;
+    private final CommonMapper commonMapper;
+    @Getter
+    protected List<Integer> errRows = new ArrayList<>();
+
+    private final Class<?> excelDataClass;
+    private final Map<String, Boolean> requiredFieldMap;
+    private final Map<String, String> excelHeadToFieldNameDic = new HashMap<>();
+    protected Map<Integer, String> headMap;
+    private final List<List<String>> heads;
+    protected boolean atLeastOne = false;
+    private final Map<String, Boolean> excelValueCache = new ConcurrentHashMap<>();
+    private BusinessTitleImportRequest request = new BusinessTitleImportRequest();
+
+    public BusinessTitleCheckEventListener(Class<?> clazz, Map<String, Boolean> requiredFieldMap, String orgId, List<List<String>> heads, BusinessTitleImportRequest request) {
+        this.excelDataClass = clazz;
+        this.requiredFieldMap = requiredFieldMap;
+        this.orgId = orgId;
+        this.commonMapper = CommonBeanFactory.getBean(CommonMapper.class);
+        this.heads = heads;
+        this.request = request;
+    }
+
+    @Override
+    public void invokeHeadMap(Map<Integer, String> headMap, AnalysisContext context) {
+        if (headMap == null) {
+            throw new GenericException(Translator.get("user_import_table_header_missing"));
+        }
+
+        List<String> headList = heads.stream().flatMap(List::stream).toList();
+
+        headList.forEach(head -> {
+            if (!headMap.containsValue(head)) {
+                throw new GenericException(Translator.getWithArgs("illegal_header", head));
+            }
+        });
+
+
+        this.headMap = headMap;
+        try {
+            genExcelHeadToFieldNameDicAndGetNotRequiredFields();
+        } catch (NoSuchFieldException e) {
+            log.error(e.getMessage(), e);
+        }
+        formatHeadMap();
+        super.invokeHeadMap(headMap, context);
+    }
+
+    @Override
+    public void invoke(Map<Integer, String> data, AnalysisContext analysisContext) {
+        if (data == null) {
+            return;
+        }
+        atLeastOne = true;
+        Integer rowIndex = analysisContext.readRowHolder().getRowIndex();
+        validateRowData(rowIndex, data);
+    }
+
+    @Override
+    public void doAfterAllAnalysed(AnalysisContext analysisContext) {
+        if (!atLeastOne) {
+            throw new GenericException(Translator.get("import.data.cannot_be_null"));
+        }
+    }
+
+
+    private void validateRowData(Integer rowIndex, Map<Integer, String> rowData) {
+        StringBuilder errText = new StringBuilder();
+        headMap.forEach((k, v) -> {
+            if (Strings.CI.equals(request.getImportType(), BusinessTitleImportType.ADD.name())) {
+                validateRequired(rowData.get(k), errText, v);
+                validateNameUniques(rowData.get(k), errText, v);
+            }
+            if (Strings.CI.equals(request.getImportType(), BusinessTitleImportType.UPDATE.name())) {
+                validateNameExist(rowData.get(k), errText, v);
+            }
+            validateLenLimit(rowData.get(k), errText, v);
+        });
+        if (StringUtils.isNotEmpty(errText)) {
+            ExcelErrData excelErrData = new ExcelErrData(rowIndex,
+                    Translator.getWithArgs("row.error.tip", rowIndex + 1).concat(" " + errText));
+            //错误信息
+            errList.add(excelErrData);
+            errRows.add(rowIndex);
+        } else if (!errRows.contains(rowIndex)) {
+            success++;
+        }
+    }
+
+    private void validateNameExist(String data, StringBuilder errText, String v) {
+        if (data != null && BusinessTitleImportFiled.NAME.equals(BusinessTitleImportFiled.fromHeader(v))) {
+            boolean repeat = commonMapper.checkAddExist("business_title", BusinessTitleImportFiled.NAME.name().toLowerCase(), data, orgId);
+            if (!repeat) {
+                errText.append(v).append(":").append(Translator.get("business_title.not.exist")).append(";");
+            }
+        }
+    }
+
+    private void validateRequired(String data, StringBuilder errText, String v) {
+        if (BusinessTitleImportFiled.fromHeader(v) != null) {
+            String key = BusinessTitleImportFiled.fromHeader(v).name().toLowerCase();
+            if (requiredFieldMap.containsKey(key) && requiredFieldMap.get(key) && StringUtils.isBlank(data)) {
+                errText.append(v).append(Translator.get("required")).append(";");
+            }
+        }
+    }
+
+    private void validateNameUniques(String data, StringBuilder errText, String v) {
+        if (data != null && BusinessTitleImportFiled.NAME.equals(BusinessTitleImportFiled.fromHeader(v))) {
+            Boolean existed = excelValueCache.putIfAbsent(data, true);
+            if (existed != null) {
+                errText.append(v).append(":").append(Translator.get("business_title.exist")).append(";");
+                return;
+            }
+
+            boolean repeat = commonMapper.checkAddExist("business_title", BusinessTitleImportFiled.NAME.name().toLowerCase(), data, orgId);
+            if (repeat) {
+                errText.append(v).append(":").append(Translator.get("business_title.exist")).append(";");
+            }
+        }
+    }
+
+    private void validateLenLimit(String data, StringBuilder errText, String v) {
+        if (StringUtils.isNotBlank(data) && data.length() > LENGTH_LIMIT) {
+            errText.append(v).append(Translator.getWithArgs("over.length", LENGTH_LIMIT)).append(";");
+        }
+    }
+
+
+    public void genExcelHeadToFieldNameDicAndGetNotRequiredFields() throws NoSuchFieldException {
+        Field[] fields = excelDataClass.getDeclaredFields();
+        for (Field f : fields) {
+            Field field = excelDataClass.getDeclaredField(f.getName());
+            field.setAccessible(true);
+            ExcelProperty excelProperty = field.getAnnotation(ExcelProperty.class);
+            if (excelProperty == null) {
+                continue;
+            }
+            StringBuilder headValue = new StringBuilder();
+            for (String v : excelProperty.value()) {
+                headValue.append(v);
+            }
+            String head = headValue.toString();
+            excelHeadToFieldNameDic.put(head, field.getName());
+        }
+    }
+
+    private void formatHeadMap() {
+        if (headMap == null || headMap.isEmpty()) {
+            return;
+        }
+        for (Map.Entry<Integer, String> entry : headMap.entrySet()) {
+            String name = entry.getValue();
+            if (excelHeadToFieldNameDic.containsKey(name)) {
+                entry.setValue(excelHeadToFieldNameDic.get(name));
+            }
+        }
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/excel/listener/BusinessTitleImportEventListener.java b/backend/crm/src/main/java/cn/cordys/crm/contract/excel/listener/BusinessTitleImportEventListener.java
new file mode 100644
index 0000000..98b25ec
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/excel/listener/BusinessTitleImportEventListener.java
@@ -0,0 +1,161 @@
+package cn.cordys.crm.contract.excel.listener;
+
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.contract.dto.request.BusinessTitleImportRequest;
+import cn.cordys.crm.contract.excel.constants.BusinessTitleImportFiled;
+import cn.cordys.excel.domain.ExcelErrData;
+import cn.idev.excel.context.AnalysisContext;
+import lombok.Getter;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.lang.reflect.Method;
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+import java.util.function.Consumer;
+
+@Slf4j
+public class BusinessTitleImportEventListener<T> extends BusinessTitleCheckEventListener {
+
+    @Getter
+    private final List<T> dataList;
+    @Getter
+    protected List<ExcelErrData> errList = new ArrayList<>();
+    @Getter
+    private int successCount;
+    protected static final int BATCH_SIZE = 2000;
+    protected final String userId;
+    private final Consumer<List<T>> consumer;
+    /**
+     * method cache
+     */
+    private final Map<String, Method> methodCache = new HashMap<>();
+    /**
+     * 业务实体
+     */
+    private final Class<T> entityClass;
+
+    public BusinessTitleImportEventListener(Class<?> clazz, Class<T> entityClass, Map<String, Boolean> requiredFieldMap, String orgId, String userId, Consumer<List<T>> consumer, List<List<String>> heads, BusinessTitleImportRequest request) {
+        super(clazz, requiredFieldMap, orgId, heads, request);
+        this.entityClass = entityClass;
+        this.userId = userId;
+        this.consumer = consumer;
+        this.dataList = new ArrayList<>(BATCH_SIZE);
+        // 缓存方法, 频繁反射有开销
+        cacheSetterMethods();
+    }
+
+
+    @Override
+    public void invokeHeadMap(Map<Integer, String> headMap, AnalysisContext context) {
+        super.invokeHeadMap(headMap, context);
+    }
+
+    @Override
+    public void invoke(Map<Integer, String> data, AnalysisContext analysisContext) {
+        super.invoke(data, analysisContext);
+        Integer rowIndex = analysisContext.readRowHolder().getRowIndex();
+        if (this.errRows.contains(rowIndex)) {
+            // 有错误跳过该行
+            return;
+        }
+        try {
+            T t = entityClass.getDeclaredConstructor().newInstance();
+            String rowKey = IDGenerator.nextStr();
+            setInternal(t, rowKey);
+            headMap.forEach((k, v) -> {
+                try {
+                    if (BusinessTitleImportFiled.fromHeader(v) == null) {
+                        return;
+                    }
+                    setPropertyValue(t, data.get(k), BusinessTitleImportFiled.fromHeader(v).getValue());
+                } catch (Exception e) {
+                    log.error("导入错误, 无法设置字段值. {}", e.getMessage());
+                    throw new GenericException(e);
+                }
+            });
+            dataList.add(t);
+        } catch (Exception e) {
+            log.error("导入错误, 原因: {}", e.getMessage());
+            throw new GenericException(Translator.getWithArgs("import.error", rowIndex + 1).concat(" " + e.getMessage()));
+        }
+
+        if (dataList.size() >= BATCH_SIZE) {
+            batchProcessData();
+        }
+
+    }
+
+    private void setPropertyValue(T instance, Object value, String fieldName) throws Exception {
+        Method setter = methodCache.get("set:" + fieldName);
+        if (setter != null) {
+            setter.invoke(instance, value);
+        }
+    }
+
+
+    @Override
+    public void doAfterAllAnalysed(AnalysisContext analysisContext) {
+        if (CollectionUtils.isNotEmpty(this.dataList)) {
+            batchProcessData();
+        }
+        log.info("数据导入完成, 总行数: {}", successCount);
+    }
+
+    /**
+     * 批量入库操作
+     */
+    private void batchProcessData() {
+        try {
+            // 执行入库
+            consumer.accept(this.dataList);
+        } catch (Exception e) {
+            // 入库异常,不影响后续批次
+            log.error("批量插入异常: {}", e.getCause().getMessage());
+            throw new GenericException(e.getCause());
+        } finally {
+            // 批次插入成功, 统计&&清理
+            successCount += this.dataList.size();
+            this.dataList.clear();
+        }
+    }
+
+
+    /**
+     * 缓存entity setter
+     */
+    private void cacheSetterMethods() {
+        for (Method method : entityClass.getMethods()) {
+            if (method.getName().startsWith("set") && method.getParameterCount() == 1) {
+                String fieldName = method.getName().substring(3);
+                String property = Character.toLowerCase(fieldName.charAt(0)) + fieldName.substring(1);
+                methodCache.put("set:" + property, method);
+            } else if (method.getParameterCount() == 0 && Strings.CS.equals(method.getName(), "getId")) {
+                methodCache.put("get:id", method);
+            }
+        }
+    }
+
+
+    /**
+     * 设置entity内部字段
+     *
+     * @param instance 实例对象
+     * @param rowKey   唯一Key
+     * @throws Exception 异常
+     */
+    private void setInternal(T instance, String rowKey) throws Exception {
+        methodCache.get("set:id").invoke(instance, rowKey);
+        methodCache.get("set:createUser").invoke(instance, userId);
+        methodCache.get("set:createTime").invoke(instance, System.currentTimeMillis());
+        methodCache.get("set:updateUser").invoke(instance, userId);
+        methodCache.get("set:updateTime").invoke(instance, System.currentTimeMillis());
+        methodCache.get("set:organizationId").invoke(instance, orgId);
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtBusinessTitleMapper.java b/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtBusinessTitleMapper.java
new file mode 100644
index 0000000..8214cb3
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtBusinessTitleMapper.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.contract.mapper;
+
+import cn.cordys.crm.contract.domain.BusinessTitle;
+import cn.cordys.crm.contract.dto.request.BusinessTitlePageRequest;
+import cn.cordys.crm.contract.dto.response.BusinessTitleListResponse;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtBusinessTitleMapper {
+
+
+    List<BusinessTitleListResponse> list(@Param("request") BusinessTitlePageRequest request, @Param("orgId") String orgId, @Param("userId") String userId);
+
+    List<BusinessTitleListResponse> getListByIds(@Param("ids") List<String> ids, @Param("userId") String userId, @Param("orgId") String orgId);
+
+    int countByName(@Param("businessName") String businessName, @Param("orgId") String orgId, @Param("id") String id);
+
+    List<BusinessTitle> selectByNames(@Param("names")List<String> names);
+
+    void updateById(@Param("title") BusinessTitle title);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtBusinessTitleMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtBusinessTitleMapper.xml
new file mode 100644
index 0000000..f9a1664
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtBusinessTitleMapper.xml
@@ -0,0 +1,371 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.contract.mapper.ExtBusinessTitleMapper">
+
+    <select id="list" resultType="cn.cordys.crm.contract.dto.response.BusinessTitleListResponse">
+        SELECT
+        bt.id,
+        bt.name,
+        bt.type,
+        bt.identification_number,
+        bt.opening_bank,
+        bt.bank_account,
+        bt.registration_address,
+        bt.phone_number,
+        bt.registered_capital,
+        bt.company_size,
+        bt.registration_number,
+        bt.approval_status,
+        bt.unapproved_reason,
+        bt.organization_id,
+        bt.create_time,
+        bt.update_time,
+        bt.create_user,
+        bt.update_user,
+        bt.province,
+        bt.scale,
+        bt.industry,
+        bt.city,
+        bt.remark,
+        CONCAT('CO.NO.', LPAD(company_number, 8, '0')) AS companyNumber
+        FROM
+        business_title bt
+        WHERE
+        bt.organization_id = #{orgId}
+        <if test="request.keyword != null and request.keyword != ''">
+            and bt.name like concat('%', #{request.keyword},'%')
+        </if>
+
+        <include refid="filters">
+            <property name="filters" value="request.filters"/>
+        </include>
+
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+        <include refid="sort">
+            <property name="sort" value="request.sort"/>
+        </include>
+
+    </select>
+
+    <sql id="filters">
+        <if test="${filters} != null and ${filters}.size() > 0">
+            <trim prefix="and">
+                <foreach collection="${filters}" item="condition" open="(" close=")" index="i" separator="and">
+                    <include refid="condition">
+                        <property name="condition" value="condition"/>
+                    </include>
+                </foreach>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="condition">
+        <choose>
+            <when test="condition.name == 'name'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="bt.name"/>
+                </include>
+            </when>
+            <when test="condition.name == 'type'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="bt.type"/>
+                </include>
+            </when>
+            <when test="condition.name == 'identificationNumber'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="bt.identification_number"/>
+                </include>
+            </when>
+            <when test="condition.name == 'openingBank'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="bt.opening_bank"/>
+                </include>
+            </when>
+            <when test="condition.name == 'bankAccount'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="bt.bank_account"/>
+                </include>
+            </when>
+            <when test="condition.name == 'registrationAddress'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="bt.registration_address"/>
+                </include>
+            </when>
+            <when test="condition.name == 'phoneNumber'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="bt.phone_number"/>
+                </include>
+            </when>
+            <when test="condition.name == 'registeredCapital'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="bt.registered_capital"/>
+                </include>
+            </when>
+            <when test="condition.name == 'companySize'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="bt.company_size"/>
+                </include>
+            </when>
+            <when test="condition.name == 'registrationNumber'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="bt.registration_number"/>
+                </include>
+            </when>
+            <when test="condition.name == 'approvalStatus'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="bt.approval_status"/>
+                </include>
+            </when>
+            <when test="condition.name == 'unapprovedReason'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="bt.unapproved_reason"/>
+                </include>
+            </when>
+            <when test="condition.name == 'province'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="bt.province"/>
+                </include>
+            </when>
+            <when test="condition.name == 'city'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="bt.city"/>
+                </include>
+            </when>
+            <when test="condition.name == 'scale'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="bt.scale"/>
+                </include>
+            </when>
+            <when test="condition.name == 'industry'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="bt.industry"/>
+                </include>
+            </when>
+            <when test="condition.name == 'remark'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="bt.remark"/>
+                </include>
+            </when>
+            <when test="condition.name == 'companyNumber'">
+                <if test="condition.operator == 'CONTAINS'">
+                    CONCAT('CO.NO.', LPAD(bt.company_number, 8, '0'))
+                    LIKE CONCAT('%', #{condition.value}, '%')
+                </if>
+                <if test="condition.operator == 'NOT_CONTAINS'">
+                    CONCAT('CO.NO.', LPAD(bt.company_number, 8, '0'))
+                    NOT LIKE CONCAT('%', #{condition.value}, '%')
+                </if>
+                <if test="condition.operator == 'EMPTY'">
+                    bt.company_number IS NULL OR bt.company_number = ''
+                </if>
+                <if test="condition.operator == 'NOT_EMPTY'">
+                    bt.company_number IS NOT NULL AND bt.company_number != ''
+                </if>
+                <if test="condition.operator == 'EQUALS'">
+                    CONCAT('CO.NO.', LPAD(bt.company_number, 8, '0')) = #{condition.value}
+                </if>
+                <if test="condition.operator == 'NOT_EQUALS'">
+                    CONCAT('CO.NO.', LPAD(bt.company_number, 8, '0')) != #{condition.value}
+                </if>
+            </when>
+            <when test="condition.name == 'createTime'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="bt.create_time"/>
+                </include>
+            </when>
+            <when test="condition.name == 'updateTime'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="bt.update_time"/>
+                </include>
+            </when>
+            <when test="condition.name == 'updateUser'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="bt.update_user"/>
+                </include>
+            </when>
+            <when test="condition.name == 'createUser'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="bt.create_user"/>
+                </include>
+            </when>
+        </choose>
+    </sql>
+
+    <sql id="combine">
+        <if test="${combineSearch} != null and ${combineSearch}.conditions != null and ${combineSearch}.conditions.size() > 0">
+            <trim prefix="and">
+                <trim prefix="(" suffix=")" suffixOverrides="and|or">
+                    <foreach collection="${combineSearch}.conditions" index="i" item="condition">
+                        <include refid="condition">
+                            <property name="condition" value="condition"/>
+                        </include>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.searchMode">
+                            <property name="searchMode" value="${combineSearch}.searchMode"/>
+                        </include>
+                    </foreach>
+                </trim>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="sort">
+        <choose>
+            <when test="${sort} != null and ${sort}.valid()">
+                <bind name="sortType" value="${sort}.type"/>
+                <bind name="sortName" value="${sort}.name"/>
+                order by
+                <choose>
+                    <when test="${sort}.name in
+                        {'name', 'type', 'create_time', 'update_time', 'identification_number', 'opening_bank', 'create_user', 'update_user', 'bank_account', 'registration_address',
+                         'phone_number', 'registered_capital', 'company_size', 'registration_number', 'approval_status', 'unapproved_reason', 'province', 'city', 'scale', 'industry'
+                         , 'remark', 'company_number'
+                        }">
+                        bt.${sortName} ${sortType}, bt.id ASC
+                    </when>
+                    <otherwise>
+                        order by bt.create_time desc, bt.id asc
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                order by bt.create_time desc, bt.id asc
+            </otherwise>
+        </choose>
+    </sql>
+
+    <select id="getListByIds" resultType="cn.cordys.crm.contract.dto.response.BusinessTitleListResponse">
+        SELECT
+        bt.id,
+        bt.name,
+        bt.type,
+        bt.identification_number,
+        bt.opening_bank,
+        bt.bank_account,
+        bt.registration_address,
+        bt.phone_number,
+        bt.registered_capital,
+        bt.company_size,
+        bt.registration_number,
+        bt.approval_status,
+        bt.unapproved_reason,
+        bt.organization_id,
+        bt.create_time,
+        bt.update_time,
+        bt.create_user,
+        bt.update_user,
+        bt.province,
+        bt.scale,
+        bt.industry,
+        bt.city,
+        bt.remark,
+        CONCAT('CO.NO.', LPAD(company_number, 8, '0')) AS companyNumber
+        FROM
+        business_title bt
+        where bt.organization_id = #{orgId}
+        and bt.id in
+        <foreach collection="ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </select>
+
+
+    <select id="countByName" resultType="java.lang.Integer">
+        select count(id) from business_title bt
+        where bt.organization_id = #{orgId}
+        and bt.name = #{businessName}
+        <if test="id != null and id != ''">
+            AND bt.id != #{id}
+        </if>
+    </select>
+
+
+    <select id="selectByNames" resultType="cn.cordys.crm.contract.domain.BusinessTitle">
+        select id, name, identification_number, opening_bank, bank_account, registration_address, phone_number,
+        registered_capital, company_size, registration_number, province, scale, industry, city, remark, company_number
+        from business_title
+        where name in
+        <foreach collection="names" item="name" open="(" close=")" separator=",">
+            #{name}
+        </foreach>
+    </select>
+
+
+    <update id="updateById">
+        update business_title
+        <set>
+            <if test="title.identificationNumber != null and title.identificationNumber != ''">
+                identification_number = #{title.identificationNumber},
+            </if>
+            <if test="title.openingBank != null and title.openingBank != ''">
+                opening_bank = #{title.openingBank},
+            </if>
+            <if test="title.bankAccount != null and title.bankAccount != ''">
+                bank_account = #{title.bankAccount},
+            </if>
+            <if test="title.registrationAddress != null and title.registrationAddress != ''">
+                registration_address = #{title.registrationAddress},
+            </if>
+            <if test="title.phoneNumber != null and title.phoneNumber != ''">
+                phone_number = #{title.phoneNumber},
+            </if>
+            <if test="title.registeredCapital != null and title.registeredCapital != ''">
+                registered_capital = #{title.registeredCapital},
+            </if>
+            <if test="title.companySize != null and title.companySize != ''">
+                company_size = #{title.companySize},
+            </if>
+            <if test="title.registrationNumber != null and title.registrationNumber != ''">
+                registration_number = #{title.registrationNumber},
+            </if>
+            <if test="title.province != null and title.province != ''">
+                province = #{title.province},
+            </if>
+            <if test="title.city != null and title.city != ''">
+                city = #{title.city},
+            </if>
+            <if test="title.scale != null and title.scale != ''">
+                scale = #{title.scale},
+            </if>
+            <if test="title.industry != null and title.industry != ''">
+                industry = #{title.industry},
+            </if>
+            <if test="title.remark != null and title.remark != ''">
+                remark = #{title.remark},
+            </if>
+            <if test="title.updateUser != null and title.updateUser != ''">
+                update_user = #{title.updateUser},
+            </if>
+            <if test="title.updateTime != null and title.updateTime != ''">
+                update_time = #{title.updateTime},
+            </if>
+        </set>
+        <where>
+            id = #{title.id}
+        </where>
+    </update>
+
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractInvoiceMapper.java b/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractInvoiceMapper.java
new file mode 100644
index 0000000..6c43e1e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractInvoiceMapper.java
@@ -0,0 +1,39 @@
+package cn.cordys.crm.contract.mapper;
+
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.crm.contract.dto.request.ContractInvoicePageRequest;
+import cn.cordys.crm.contract.dto.response.ContractInvoiceGetResponse;
+import cn.cordys.crm.contract.dto.response.ContractInvoiceListResponse;
+import org.apache.ibatis.annotations.Param;
+
+import java.math.BigDecimal;
+import java.util.List;
+
+public interface ExtContractInvoiceMapper {
+
+
+    List<ContractInvoiceListResponse> list(@Param("request") ContractInvoicePageRequest request, @Param("orgId") String orgId,
+                                    @Param("userId") String userId, @Param("dataPermission") DeptDataPermissionDTO deptDataPermission);
+
+    ContractInvoiceGetResponse getDetail(@Param("id") String id);
+
+
+    List<ContractInvoiceListResponse> getListByIds(@Param("ids") List<String> ids, @Param("userId") String userId, @Param("orgId") String orgId, @Param("dataPermission") DeptDataPermissionDTO deptDataPermission);
+
+    List<String> selectByStatusAndIds(@Param("ids") List<String> ids, @Param("approvalStatus") String approvalStatus);
+
+    void updateStatus(@Param("id") String id, @Param("approvalStatus") String approvalStatus, @Param("userId") String userId, @Param("updateTime") long updateTime);
+
+    BigDecimal calculateCustomerInvoiceAmount(@Param("customerId") String customerId, @Param("userId") String userId,
+                                              @Param("orgId") String orgId, @Param("approved") boolean approved);
+
+    BigDecimal calculateContractInvoiceAmount(@Param("contractId") String contractId, @Param("userId") String userId,
+                                              @Param("orgId") String orgId, @Param("approved") boolean approved);
+
+    BigDecimal calculateContractInvoiceValidAmount(@Param("contractId") String contractId, @Param("userId") String userId,
+                                              @Param("orgId") String orgId, @Param("excludeId") String excludeId);
+
+    Boolean hasContractInvoice(@Param("contractId") String contractId);
+
+	void updateOldApprovalStatusNone();
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractInvoiceMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractInvoiceMapper.xml
new file mode 100644
index 0000000..4ac7602
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractInvoiceMapper.xml
@@ -0,0 +1,500 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.contract.mapper.ExtContractInvoiceMapper">
+    <select id="list" resultType="cn.cordys.crm.contract.dto.response.ContractInvoiceListResponse">
+        SELECT
+        ci.id,
+        ci.contract_id,
+        c.`name` AS contractName,
+        c.`amount` AS contractAmount,
+        ci.approved,
+        ci.name,
+        ci.amount,
+        ci.invoice_type,
+        ci.tax_rate,
+        ci.`owner`,
+        ci.business_title_id,
+        ci.create_user,
+        ci.create_time,
+        ci.update_user,
+        ci.approval_status,
+        ci.update_time
+        FROM
+        contract_invoice ci
+        LEFT JOIN contract c ON ci.contract_id = c.id
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.filters"/>
+            <property name="tablePrefix" value="filter"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.viewCombineSearch.conditions"/>
+            <property name="tablePrefix" value="viewCombine"/>
+        </include>
+        <include refid="fieldSortJoin">
+            <property name="sort" value="request.sort"/>
+        </include>
+
+        <if test="dataPermission != null and dataPermission.deptIds.size() > 0">
+            join sys_organization_user on ci.owner = sys_organization_user.user_id
+            and (
+            sys_organization_user.department_id in
+            <foreach collection="dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                #{deptId}
+            </foreach>
+            <if test="dataPermission.viewId != 'DEPARTMENT'">
+                or sys_organization_user.user_id = #{userId}
+            </if>
+            )
+        </if>
+        where ci.organization_id = #{orgId}
+
+        <if test="request.contractId != null and request.contractId != ''">
+            and ci.contract_id = #{request.contractId}
+        </if>
+
+        <if test="request.customerId != null and request.customerId != ''">
+            and c.customer_id = #{request.customerId}
+        </if>
+
+        <if test="dataPermission != null and dataPermission.self">
+            and ci.owner = #{userId}
+        </if>
+
+        <if test="request.keyword != null and request.keyword != ''">
+            and (
+            ci.name like concat('%', #{request.keyword},'%')
+            )
+        </if>
+
+        <include refid="filters">
+            <property name="filters" value="request.filters"/>
+        </include>
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+        <include refid="viewCombine">
+            <property name="combineSearch" value="request.viewCombineSearch"/>
+        </include>
+        <include refid="sort">
+            <property name="sort" value="request.sort"/>
+        </include>
+    </select>
+
+    <select id="getListByIds" resultType="cn.cordys.crm.contract.dto.response.ContractInvoiceListResponse">
+        SELECT
+        ci.id,
+        ci.contract_id,
+        c.`name` AS contractName,
+        ci.name,
+        ci.amount,
+        ci.invoice_type,
+        ci.tax_rate,
+        ci.`owner`,
+        ci.business_title_id,
+        ci.approval_status,
+        ci.create_user,
+        ci.create_time,
+        ci.update_user,
+        ci.update_time
+        FROM
+        contract_invoice ci
+        LEFT JOIN contract c ON ci.contract_id = c.id
+
+        <if test="dataPermission != null and dataPermission.deptIds.size() > 0">
+            join sys_organization_user on ci.owner = sys_organization_user.user_id
+            and (
+            sys_organization_user.department_id in
+            <foreach collection="dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                #{deptId}
+            </foreach>
+            )
+        </if>
+
+        where ci.organization_id = #{orgId}
+        and ci.id in
+        <foreach collection="ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+
+        <if test="dataPermission != null and dataPermission.self">
+            and ci.owner = #{userId}
+        </if>
+    </select>
+
+    <!-- common sql start -->
+    <sql id="fieldConditionJoin">
+        <if test="${conditions} != null and ${conditions}.size() > 0">
+            <foreach collection="${conditions}" item="condition" index="i">
+                <choose>
+                    <when test="condition.refFiled">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.refFieldConditionJoin">
+                            <property name="condition" value="condition"/>
+                            <property name="mainTable" value="contract_invoice"/>
+                            <property name="mainTableAlias" value="ci"/>
+                            <property name="fieldTable" value="${tablePrefix}_${i}"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <if test="condition.name not in
+                                {'owner', 'createTime', 'updateTime', 'contractId', 'createUser', 'updateUser',
+                                 'departmentId', 'name', 'invoiceType', 'amount', 'taxRate', 'businessTitleId'}">
+                            <if test="condition.blob">
+                                left join contract_invoice_field_blob ${tablePrefix}_${i}
+                                on ci.id = ${tablePrefix}_${i}.resource_id and ${tablePrefix}_${i}.field_id = #{condition.name}
+                            </if>
+                            <if test="!condition.blob">
+                                left join contract_invoice_field ${tablePrefix}_${i}
+                                on ci.id = ${tablePrefix}_${i}.resource_id and ${tablePrefix}_${i}.field_id = #{condition.name}
+                            </if>
+                        </if>
+                        <if test="condition.name == 'departmentId'">
+                            left join sys_organization_user ${tablePrefix}_${i}
+                            on ${tablePrefix}_${i}.user_id = ci.owner
+                        </if>
+                    </otherwise>
+                </choose>
+            </foreach>
+        </if>
+    </sql>
+
+    <sql id="fieldSortJoin">
+        <if test="${sort} != null and ${sort}.valid() and ${sort}.name not in
+                {'owner', 'contract_id', 'amount', 'stage', 'update_user', 'create_time',
+                 'business_title_id', 'update_time', 'create_user', 'department_id', 'tax_rate', 'name'}">
+            <bind name="sortName" value="${sort}.name"/>
+            left join contract_invoice_field sort_table
+            on ci.id = sort_table.resource_id and sort_table.field_id = #{sortName}
+            left join sys_module_field module_table on sort_table.field_id = module_table.id
+        </if>
+        <if test="${sort} != null and ${sort}.valid() and ${sort}.name == 'department_id'">
+            left join sys_organization_user souc_sort on souc_sort.user_id = ci.owner
+        </if>
+    </sql>
+
+    <sql id="filters">
+        <if test="${filters} != null and ${filters}.size() > 0">
+            <trim prefix="and">
+                <foreach collection="${filters}" item="condition" open="(" close=")" index="i" separator="and">
+                    <include refid="condition">
+                        <property name="condition" value="condition"/>
+                        <property name="fieldTable" value="filter_${i}.field_value"/>
+                        <property name="table" value="filter_${i}"/>
+                    </include>
+                </foreach>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="condition">
+        <choose>
+            <when test="condition.refFiled">
+                <choose>
+                    <when test="!condition.customField">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${table}.${condition.name}"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${fieldTable}"/>
+                        </include>
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                <choose>
+                    <when test="condition.name == 'name'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="ci.name"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'contractId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.dataSourceCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="c.id"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'amount'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="ci.amount"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'owner'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="ci.owner"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'taxRate'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="ci.tax_rate"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'name'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="ci.name"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'businessTitleId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="ci.business_title_id"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'invoiceType'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="ci.invoice_type"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'departmentId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${table}.department_id"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'createTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="ci.create_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'updateTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="ci.update_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'updateUser'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="ci.update_user"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'createUser'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="ci.create_user"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'approvalStatus'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="ci.approval_status"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${fieldTable}"/>
+                        </include>
+                    </otherwise>
+                </choose>
+            </otherwise>
+        </choose>
+    </sql>
+
+    <sql id="combine">
+        <if test="${combineSearch} != null and ${combineSearch}.conditions != null and ${combineSearch}.conditions.size() > 0">
+            <trim prefix="and">
+                <trim prefix="(" suffix=")" suffixOverrides="and|or">
+                    <foreach collection="${combineSearch}.conditions" index="i" item="condition">
+                        <include refid="condition">
+                            <property name="condition" value="condition"/>
+                            <property name="fieldTable" value="combine_${i}.field_value"/>
+                            <property name="table" value="combine_${i}"/>
+                        </include>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.searchMode">
+                            <property name="searchMode" value="${combineSearch}.searchMode"/>
+                        </include>
+                    </foreach>
+                </trim>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="viewCombine">
+        <if test="${combineSearch} != null and ${combineSearch}.conditions != null and ${combineSearch}.conditions.size() > 0">
+            <trim prefix="and">
+                <trim prefix="(" suffix=")" suffixOverrides="and|or">
+                    <foreach collection="${combineSearch}.conditions" index="i" item="condition">
+                        <include refid="condition">
+                            <property name="condition" value="condition"/>
+                            <property name="fieldTable" value="viewCombine_${i}.field_value"/>
+                            <property name="table" value="viewCombine_${i}"/>
+                        </include>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.searchMode">
+                            <property name="searchMode" value="${combineSearch}.searchMode"/>
+                        </include>
+                    </foreach>
+                </trim>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="sort">
+        <choose>
+            <when test="${sort} != null and ${sort}.valid()">
+                <bind name="sortType" value="${sort}.type" />
+                order by
+                <choose>
+                    <when test="${sort}.name == 'name'">
+                        ci.`name` ${sortType},  ci.id ASC
+                    </when>
+                    <when test="${sort}.name == 'contract_id'">
+                        c.`name` ${sortType},  ci.id ASC
+                    </when>
+                    <when test="${sort}.name == 'owner'">
+                        ci.`owner` ${sortType},  ci.id ASC
+                    </when>
+                    <when test="${sort}.name == 'amount'">
+                        ci.`amount` ${sortType},  ci.id ASC
+                    </when>
+                    <when test="${sort}.name == 'invoice_type'">
+                        ci.`invoice_type` ${sortType},  ci.id ASC
+                    </when>
+                    <when test="${sort}.name == 'create_time'">
+                        ci.`create_time` ${sortType},  ci.id ASC
+                    </when>
+                    <when test="${sort}.name == 'update_time'">
+                        ci.`update_time` ${sortType},  ci.id ASC
+                    </when>
+                    <when test="${sort}.name == 'create_user'">
+                        ci.`create_user` ${sortType},  ci.id ASC
+                    </when>
+                    <when test="${sort}.name == 'update_user'">
+                        ci.`update_user` ${sortType},  ci.id ASC
+                    </when>
+                    <when test="${sort}.name == 'department_id'">
+                        souc_sort.`id` ${sortType},  ci.id ASC
+                    </when>
+                    <when test="${sort}.name == 'tax_rate'">
+                        ci.`tax_rate` ${sortType},  ci.id ASC
+                    </when>
+                    <when test="${sort}.name == 'business_title_id'">
+                        ci.`business_title_id` ${sortType},  ci.id ASC
+                    </when>
+                    <when test="${sort}.name == 'approval_status'">
+                        FIELD(ci.approval_status, 'NONE', 'PENDING', 'APPROVING', 'APPROVED', 'REVOKED', 'UNAPPROVED') ${sortType}, ci.id ASC
+                    </when>
+
+                    <otherwise>
+                        CASE
+                        WHEN module_table.type = 'INPUT_NUMBER' OR module_table.type = 'FORMULA'
+                        THEN sort_table.field_value+0
+                        END ${sortType},
+                        sort_table.field_value ${sortType},
+                        ci.id ${sortType}
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                order by ci.create_time desc, ci.id asc
+            </otherwise>
+        </choose>
+    </sql>
+
+    <select id="getDetail" resultType="cn.cordys.crm.contract.dto.response.ContractInvoiceGetResponse">
+        SELECT
+            ci.id,
+            ci.contract_id,
+            c.`name` AS contractName,
+            ci.name,
+            ci.amount,
+            ci.invoice_type,
+            ci.tax_rate,
+            ci.`owner`,
+            ci.business_title_id,
+            ci.create_user,
+            ci.create_time,
+            ci.update_user,
+            ci.update_time
+        FROM
+            contract_invoice ci
+                LEFT JOIN contract c ON ci.contract_id = c.id
+        where ci.id = #{id}
+    </select>
+
+    <select id="selectByStatusAndIds" resultType="java.lang.String">
+        select id from contract_invoice
+        where id in
+        <foreach collection="ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+        and approval_status = #{approvalStatus}
+    </select>
+
+    <select id="calculateCustomerInvoiceAmount" resultType="java.math.BigDecimal">
+        select
+            IFNULL(SUM(ci.amount), 0) as totalAmount
+        from
+            contract_invoice ci
+        left join contract c on ci.contract_id = c.id
+        where
+            c.customer_id = #{customerId}
+            and ci.organization_id = #{orgId}
+        <if test="approved">
+            and ci.approval_status = 'APPROVED'
+        </if>
+    </select>
+
+    <select id="calculateContractInvoiceAmount" resultType="java.math.BigDecimal">
+        select
+            IFNULL(SUM(amount), 0) as totalAmount
+        from
+            contract_invoice
+        where
+            contract_id = #{contractId}
+            and organization_id = #{orgId}
+        <if test="approved">
+            and approval_status = 'APPROVED'
+        </if>
+    </select>
+
+    <select id="calculateContractInvoiceValidAmount" resultType="java.math.BigDecimal">
+        select
+            IFNULL(SUM(amount), 0) as totalAmount
+        from
+            contract_invoice
+        where
+            contract_id = #{contractId}
+        and organization_id = #{orgId}
+        and (approval_status = 'APPROVED' or approval_status = 'APPROVING')
+        <if test="excludeId != null and excludeId != ''">
+            and id != #{excludeId}
+        </if>
+    </select>
+
+    <select id="hasContractInvoice" resultType="java.lang.Boolean">
+        select
+            CASE WHEN COUNT(1) > 0 THEN TRUE ELSE FALSE END
+        from
+            contract_invoice
+        where
+            contract_id = #{contractId}
+        limit 1;
+    </select>
+
+    <update id="updateStatus">
+        update contract_invoice
+        set approval_status = #{approvalStatus},
+            update_user = #{userId},
+            update_time = #{updateTime}
+        where id = #{id}
+    </update>
+
+    <update id="updateOldApprovalStatusNone">
+        update contract_invoice set approval_status = 'NONE' where approval_status = 'APPROVING';
+    </update>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractMapper.java b/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractMapper.java
new file mode 100644
index 0000000..c05263b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractMapper.java
@@ -0,0 +1,49 @@
+package cn.cordys.crm.contract.mapper;
+
+import cn.cordys.common.dto.BatchUpdateDbParam;
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.common.dto.condition.BaseCondition;
+import cn.cordys.crm.contract.domain.Contract;
+import cn.cordys.crm.contract.dto.request.ContractPageRequest;
+import cn.cordys.crm.contract.dto.response.ContractGetResponse;
+import cn.cordys.crm.contract.dto.response.ContractListResponse;
+import cn.cordys.crm.contract.dto.response.ContractStatisticResponse;
+import cn.cordys.crm.contract.dto.response.CustomerContractStatisticResponse;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtContractMapper {
+
+
+    List<ContractListResponse> list(@Param("request") ContractPageRequest request, @Param("orgId") String orgId,
+                                    @Param("userId") String userId, @Param("dataPermission") DeptDataPermissionDTO deptDataPermission, @Param("source") boolean source);
+
+    ContractGetResponse getDetail(@Param("id") String id);
+
+    List<ContractListResponse> getListByIds(@Param("ids") List<String> ids, @Param("userId") String userId, @Param("orgId") String orgId, @Param("dataPermission") DeptDataPermissionDTO deptDataPermission);
+
+    CustomerContractStatisticResponse calculateContractStatisticByCustomerId(@Param("customerId") String customerId, @Param("userId") String userId, @Param("orgId") String orgId, @Param("dataPermission") DeptDataPermissionDTO deptDataPermission);
+
+    List<String> selectByStatusAndIds(@Param("ids") List<String> ids, @Param("approvalStatus") String approvalStatus);
+
+    void updateStatus(@Param("id") String id, @Param("approvalStatus") String approvalStatus, @Param("userId") String userId, @Param("updateTime") long updateTime);
+
+    void updateStage(@Param("id") String id, @Param("stage") String stage, @Param("userId") String userId, @Param("updateTime") long updateTime);
+
+    List<Contract> selectByTimestamp(@Param("organizationId") String organizationId, @Param("timestampOld") long timestampOld, @Param("timestamp") long timestamp);
+
+    void batchUpdate(@Param("request") BatchUpdateDbParam request);
+
+    ContractStatisticResponse searchStatistic(@Param("request") BaseCondition request, @Param("orgId") String orgId, @Param("userId") String userId, @Param("dataPermission") DeptDataPermissionDTO dataPermission);
+
+    int countByStage(@Param("stage") String stage);
+
+    Long selectNextPos(@Param("orgId") String orgId, @Param("stage") String stage);
+
+    void moveUpStageContract(@Param("end") Long end, @Param("stage") String stage, @Param("pos") Long pos);
+
+    void moveDownStageContract(@Param("end") Long end, @Param("stage") String stage, @Param("pos") Long pos);
+
+	void updateOldApprovalStatusNone();
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractMapper.xml
new file mode 100644
index 0000000..86c1b9d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractMapper.xml
@@ -0,0 +1,640 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.contract.mapper.ExtContractMapper">
+    <select id="list" resultType="cn.cordys.crm.contract.dto.response.ContractListResponse">
+        SELECT
+        ct.id,
+        ct.NAME,
+        ct.customer_id,
+        ct.number,
+        c.`name` AS customerName,
+        c.in_shared_pool AS inCustomerPool,
+        c.pool_id,
+        ct.amount,
+        ct.approval_status,
+        ct.approved,
+        ct.stage,
+        ct.`owner`,
+        ct.start_time,
+        ct.end_time,
+        ct.void_reason,
+        ct.create_user,
+        ct.create_time,
+        ct.update_user,
+        ct.update_time,
+        ct.alreadyPayAmount
+        FROM (
+        SELECT ctt.*, IFNULL(SUM(cpr.record_amount), 0) AS alreadyPayAmount
+        FROM contract ctt
+        LEFT JOIN contract_payment_record cpr on cpr.contract_id = ctt.id
+        GROUP BY ctt.id
+        ) ct
+        LEFT JOIN customer c ON ct.customer_id = c.id
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.filters"/>
+            <property name="tablePrefix" value="filter"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.viewCombineSearch.conditions"/>
+            <property name="tablePrefix" value="viewCombine"/>
+        </include>
+        <include refid="fieldSortJoin">
+            <property name="sort" value="request.sort"/>
+        </include>
+
+        <if test="dataPermission != null and dataPermission.deptIds.size() > 0">
+            join sys_organization_user on ct.owner = sys_organization_user.user_id
+            and (
+            sys_organization_user.department_id in
+            <foreach collection="dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                #{deptId}
+            </foreach>
+            <if test="dataPermission.viewId != 'DEPARTMENT'">
+                or sys_organization_user.user_id = #{userId}
+            </if>
+            )
+        </if>
+        where ct.organization_id = #{orgId}
+
+        <if test="request.customerId != null and request.customerId != ''">
+            and ct.customer_id = #{request.customerId}
+        </if>
+
+        <if test="dataPermission != null and dataPermission.self">
+            and ct.owner = #{userId}
+        </if>
+
+        <if test="!source and request.keyword != null and request.keyword != ''">
+            and (
+            ct.name like concat('%', #{request.keyword},'%')
+            or c.name like concat('%', #{request.keyword},'%')
+            )
+        </if>
+        <if test="source and request.keyword != null and request.keyword != ''">
+            and ct.name like concat('%', #{request.keyword},'%')
+        </if>
+
+        <include refid="filters">
+            <property name="filters" value="request.filters"/>
+        </include>
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+        <include refid="viewCombine">
+            <property name="combineSearch" value="request.viewCombineSearch"/>
+        </include>
+
+        <if test="request.board">
+            order by ct.pos desc
+        </if>
+        <if test="!request.board">
+            <include refid="sort">
+                <property name="sort" value="request.sort"/>
+            </include>
+        </if>
+    </select>
+
+    <select id="getListByIds" resultType="cn.cordys.crm.contract.dto.response.ContractListResponse">
+        SELECT
+        ct.id,
+        ct.NAME,
+        ct.customer_id,
+        c.`name` AS customerName,
+        c.in_shared_pool AS inCustomerPool,
+        c.pool_id,
+        ct.amount,
+        ct.number,
+        ct.approval_status,
+        ct.stage,
+        ct.`owner`,
+        ct.void_reason,
+        ct.create_user,
+        ct.create_time,
+        ct.update_user,
+        ct.update_time,
+        ct.start_time,
+        ct.end_time,
+        ct.alreadyPayAmount
+        FROM (
+            SELECT ctt.*, IFNULL(SUM(cpr.record_amount), 0) AS alreadyPayAmount
+            FROM contract ctt
+            LEFT JOIN contract_payment_record cpr on cpr.contract_id = ctt.id
+            GROUP BY ctt.id
+        ) ct
+        LEFT JOIN customer c ON ct.customer_id = c.id
+
+        <if test="dataPermission != null and dataPermission.deptIds.size() > 0">
+            join sys_organization_user on ct.owner = sys_organization_user.user_id
+            and (
+            sys_organization_user.department_id in
+            <foreach collection="dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                #{deptId}
+            </foreach>
+            )
+        </if>
+
+        where ct.organization_id = #{orgId}
+        and ct.id in
+        <foreach collection="ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+
+        <if test="dataPermission != null and dataPermission.self">
+            and ct.owner = #{userId}
+        </if>
+    </select>
+
+    <!-- common sql start -->
+    <sql id="fieldConditionJoin">
+        <if test="${conditions} != null and ${conditions}.size() > 0">
+            <foreach collection="${conditions}" item="condition" index="i">
+                <choose>
+                    <when test="condition.refFiled">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.refFieldConditionJoin">
+                            <property name="condition" value="condition"/>
+                            <property name="mainTable" value="contract"/>
+                            <property name="mainTableAlias" value="ct"/>
+                            <property name="fieldTable" value="${tablePrefix}_${i}"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <if test="condition.name not in
+                            {'name', 'owner', 'createTime', 'updateTime', 'customerId', 'createUser', 'updateUser',
+                             'departmentId', 'number', 'stage', 'amount', 'approvalStatus', 'startTime', 'endTime', 'alread
+                             yPayAmount'}">
+                            <if test="condition.blob">
+                                left join contract_field_blob ${tablePrefix}_${i}
+                                on ct.id = ${tablePrefix}_${i}.resource_id and ${tablePrefix}_${i}.field_id = #{condition.name}
+                            </if>
+                            <if test="!condition.blob">
+                                left join contract_field ${tablePrefix}_${i}
+                                on ct.id = ${tablePrefix}_${i}.resource_id and ${tablePrefix}_${i}.field_id = #{condition.name}
+                            </if>
+                        </if>
+                        <if test="condition.name == 'departmentId'">
+                            left join sys_organization_user ${tablePrefix}_${i}
+                            on ${tablePrefix}_${i}.user_id = ct.owner
+                        </if>
+                    </otherwise>
+                </choose>
+            </foreach>
+        </if>
+    </sql>
+
+    <sql id="fieldSortJoin">
+        <if test="${sort} != null and ${sort}.valid() and ${sort}.name not in
+                {'name', 'owner', 'customer_id', 'amount', 'stage', 'update_user', 'create_time',
+                 'approval_status', 'update_time', 'create_user', 'department_id', 'startTime', 'endTime', 'already_pay_amount'}">
+            <bind name="sortName" value="${sort}.name"/>
+            left join contract_field sort_table
+            on ct.id = sort_table.resource_id and sort_table.field_id = #{sortName}
+            left join sys_module_field module_table on sort_table.field_id = module_table.id
+        </if>
+        <if test="${sort} != null and ${sort}.valid() and ${sort}.name == 'department_id'">
+            left join sys_organization_user souc_sort on souc_sort.user_id = ct.owner
+        </if>
+    </sql>
+
+    <sql id="filters">
+        <if test="${filters} != null and ${filters}.size() > 0">
+            <trim prefix="and">
+                <foreach collection="${filters}" item="condition" open="(" close=")" index="i" separator="and">
+                    <include refid="condition">
+                        <property name="condition" value="condition"/>
+                        <property name="fieldTable" value="filter_${i}.field_value"/>
+                        <property name="table" value="filter_${i}"/>
+                    </include>
+                </foreach>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="condition">
+        <choose>
+            <when test="condition.refFiled">
+                <choose>
+                    <when test="!condition.customField">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${table}.${condition.name}"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${fieldTable}"/>
+                        </include>
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                <choose>
+                    <when test="condition.name == 'name'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="ct.name"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'customerId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.dataSourceCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="c.id"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'amount'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="ct.amount"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'alreadyPayAmount'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="ct.alreadyPayAmount"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'voidReason'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="ct.void_reason"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'owner'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="ct.owner"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'stage'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="ct.stage"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'number'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="ct.number"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'approvalStatus'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="ct.approval_status"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'startTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="ct.start_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'endTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="ct.end_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'departmentId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${table}.department_id"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'createTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="ct.create_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'updateTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="ct.update_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'updateUser'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="ct.update_user"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'createUser'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="ct.create_user"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${fieldTable}"/>
+                        </include>
+                    </otherwise>
+                </choose>
+            </otherwise>
+        </choose>
+    </sql>
+
+    <sql id="combine">
+        <if test="${combineSearch} != null and ${combineSearch}.conditions != null and ${combineSearch}.conditions.size() > 0">
+            <trim prefix="and">
+                <trim prefix="(" suffix=")" suffixOverrides="and|or">
+                    <foreach collection="${combineSearch}.conditions" index="i" item="condition">
+                        <include refid="condition">
+                            <property name="condition" value="condition"/>
+                            <property name="fieldTable" value="combine_${i}.field_value"/>
+                            <property name="table" value="combine_${i}"/>
+                        </include>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.searchMode">
+                            <property name="searchMode" value="${combineSearch}.searchMode"/>
+                        </include>
+                    </foreach>
+                </trim>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="viewCombine">
+        <if test="${combineSearch} != null and ${combineSearch}.conditions != null and ${combineSearch}.conditions.size() > 0">
+            <trim prefix="and">
+                <trim prefix="(" suffix=")" suffixOverrides="and|or">
+                    <foreach collection="${combineSearch}.conditions" index="i" item="condition">
+                        <include refid="condition">
+                            <property name="condition" value="condition"/>
+                            <property name="fieldTable" value="viewCombine_${i}.field_value"/>
+                            <property name="table" value="viewCombine_${i}"/>
+                        </include>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.searchMode">
+                            <property name="searchMode" value="${combineSearch}.searchMode"/>
+                        </include>
+                    </foreach>
+                </trim>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="sort">
+        <choose>
+            <when test="${sort} != null and ${sort}.valid()">
+                <bind name="sortType" value="${sort}.type"/>
+                order by
+                <choose>
+                    <when test="${sort}.name == 'name'">
+                        ct.`name` ${sortType}, ct.id ASC
+                    </when>
+                    <when test="${sort}.name == 'customer_id'">
+                        c.`name` ${sortType}, ct.id ASC
+                    </when>
+                    <when test="${sort}.name == 'owner'">
+                        ct.`owner` ${sortType}, ct.id ASC
+                    </when>
+                    <when test="${sort}.name == 'amount'">
+                        ct.`amount` ${sortType}, ct.id ASC
+                    </when>
+                    <when test="${sort}.name == 'already_pay_amount'">
+                        ct.`alreadyPayAmount` ${sortType}, ct.id ASC
+                    </when>
+                    <when test="${sort}.name == 'stage'">
+                        ct.`stage` ${sortType}, ct.id ASC
+                    </when>
+                    <when test="${sort}.name == 'create_time'">
+                        ct.`create_time` ${sortType}, ct.id ASC
+                    </when>
+                    <when test="${sort}.name == 'update_time'">
+                        ct.`update_time` ${sortType}, ct.id ASC
+                    </when>
+                    <when test="${sort}.name == 'create_user'">
+                        ct.`create_user` ${sortType}, ct.id ASC
+                    </when>
+                    <when test="${sort}.name == 'update_user'">
+                        ct.`update_user` ${sortType}, ct.id ASC
+                    </when>
+                    <when test="${sort}.name == 'department_id'">
+                        souc_sort.`id` ${sortType}, ct.id ASC
+                    </when>
+                    <when test="${sort}.name == 'approval_status'">
+                        FIELD(ct.approval_status, 'NONE', 'PENDING', 'APPROVING', 'APPROVED', 'REVOKED', 'UNAPPROVED') ${sortType}, ct.id ASC
+                    </when>
+                    <when test="${sort}.name == 'start_time'">
+                        ct.`start_time` ${sortType}, ct.id ASC
+                    </when>
+                    <when test="${sort}.name == 'end_time'">
+                        ct.`end_time` ${sortType}, ct.id ASC
+                    </when>
+
+
+                    <otherwise>
+                        CASE
+                        WHEN module_table.type = 'INPUT_NUMBER' OR module_table.type = 'FORMULA'
+                        THEN sort_table.field_value+0
+                        END ${sortType},
+                        sort_table.field_value ${sortType},
+                        ct.id ${sortType}
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                order by ct.create_time desc, ct.id asc
+            </otherwise>
+        </choose>
+    </sql>
+
+    <select id="getDetail" resultType="cn.cordys.crm.contract.dto.response.ContractGetResponse">
+        SELECT ct.id,
+               ct.NAME,
+               ct.customer_id,
+               c.`name`         AS customerName,
+               c.in_shared_pool AS inCustomerPool,
+               c.pool_id,
+               ct.amount,
+               ct.approval_status,
+               ct.stage,
+               ct.`owner`,
+               ct.void_reason,
+               ct.create_user,
+               ct.create_time,
+               ct.update_user,
+               ct.update_time
+        FROM contract ct
+                 LEFT JOIN customer c ON ct.customer_id = c.id
+        where ct.id = #{id}
+    </select>
+    <select id="calculateContractStatisticByCustomerId"
+            resultType="cn.cordys.crm.contract.dto.response.CustomerContractStatisticResponse">
+        SELECT
+        IFNULL(SUM(ct.amount), 0) as totalAmount
+        FROM
+        contract ct
+        LEFT JOIN customer c ON ct.customer_id = c.id
+        <if test="dataPermission != null and dataPermission.deptIds.size() > 0">
+            join sys_organization_user on ct.owner = sys_organization_user.user_id
+            and (
+            sys_organization_user.department_id in
+            <foreach collection="dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                #{deptId}
+            </foreach>
+            )
+        </if>
+        where ct.organization_id = #{orgId} and ct.customer_id = #{customerId}
+        <if test="dataPermission != null and dataPermission.self">
+            and ct.owner = #{userId}
+        </if>
+    </select>
+
+    <select id="selectByStatusAndIds" resultType="java.lang.String">
+        select id from contract
+        where id in
+        <foreach collection="ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+        and approval_status = #{approvalStatus}
+    </select>
+    <select id="selectByTimestamp" resultType="cn.cordys.crm.contract.domain.Contract">
+        select *
+        from contract
+        where organization_id = #{organizationId}
+          and end_time <![CDATA[>=]]> #{timestampOld}
+          and end_time <![CDATA[<]]> #{timestamp}
+          and stage!='VOID' and stage!='COMPLETED_PERFORMANCE'
+    </select>
+
+    <update id="updateStatus">
+        update contract
+        set approval_status = #{approvalStatus},
+            update_user     = #{userId},
+            update_time     = #{updateTime}
+        where id = #{id}
+    </update>
+
+    <update id="updateStage">
+        update contract
+        set stage       = #{stage},
+            update_user = #{userId},
+            update_time = #{updateTime}
+        where id = #{id}
+    </update>
+
+    <update id="batchUpdate">
+        UPDATE contract
+        <set>
+            <if test="request.fieldName == 'owner'">
+                owner = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'name'">
+                name = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'customerId'">
+                customer_id = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'amount'">
+                amount = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'number'">
+                number = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'stage'">
+                stage = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'startTime'">
+                start_time = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'endTime'">
+                end_time = #{request.fieldValue},
+            </if>
+            update_time = #{request.updateTime},
+            update_user = #{request.updateUser}
+        </set>
+        WHERE id IN
+        <foreach collection="request.ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </update>
+
+
+    <select id="searchStatistic" resultType="cn.cordys.crm.contract.dto.response.ContractStatisticResponse">
+        SELECT
+        sum(ct.amount) as amount,
+        sum(ct.amount)  / count(*) as averageAmount
+        FROM
+        contract ct
+        LEFT JOIN customer c ON ct.customer_id = c.id
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.filters"/>
+            <property name="tablePrefix" value="filter"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.viewCombineSearch.conditions"/>
+            <property name="tablePrefix" value="viewCombine"/>
+        </include>
+        <if test="dataPermission != null and dataPermission.deptIds.size() > 0">
+            join sys_organization_user on ct.owner = sys_organization_user.user_id
+            and (
+            sys_organization_user.department_id in
+            <foreach collection="dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                #{deptId}
+            </foreach>
+            <if test="dataPermission.viewId == 'ALL'">
+                or sys_organization_user.user_id = #{userId}
+            </if>
+            )
+        </if>
+
+        where ct.organization_id = #{orgId}
+
+        <if test="dataPermission != null and dataPermission.self">
+            and ct.owner = #{userId}
+        </if>
+
+        <if test="request.keyword != null and request.keyword != ''">
+            and (
+            ct.name like concat('%', #{request.keyword},'%')
+            or ct.name like concat('%', #{request.keyword},'%')
+            )
+        </if>
+
+        <include refid="filters">
+            <property name="filters" value="request.filters"/>
+        </include>
+
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+        <include refid="viewCombine">
+            <property name="combineSearch" value="request.viewCombineSearch"/>
+        </include>
+
+    </select>
+
+
+    <select id="countByStage" resultType="java.lang.Integer">
+        select count(id) from contract
+        where stage = #{stage}
+    </select>
+
+    <select id="selectNextPos" resultType="java.lang.Long">
+        select pos from contract where stage = #{stage} and organization_id = #{orgId}
+        order by pos desc limit 1
+    </select>
+
+    <update id="moveUpStageContract">
+        update contract set pos = pos + #{pos} where pos &gt; #{end} and stage = #{stage}
+    </update>
+
+    <update id="moveDownStageContract">
+        update contract set pos = pos + #{pos} where pos &gt;= #{end} and stage = #{stage}
+    </update>
+
+    <update id="updateOldApprovalStatusNone">
+        update contract set approval_status = 'NONE' where approval_status = 'APPROVING';
+    </update>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractPaymentPlanMapper.java b/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractPaymentPlanMapper.java
new file mode 100644
index 0000000..50b4333
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractPaymentPlanMapper.java
@@ -0,0 +1,26 @@
+package cn.cordys.crm.contract.mapper;
+
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.crm.contract.domain.ContractPaymentPlan;
+import cn.cordys.crm.contract.dto.request.ContractPaymentPlanPageRequest;
+import cn.cordys.crm.contract.dto.response.ContractPaymentPlanListResponse;
+import cn.cordys.crm.contract.dto.response.CustomerPaymentPlanStatisticResponse;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+/**
+ *
+ * @author jianxing
+ * @date 2025-11-21 15:11:29
+ */
+public interface ExtContractPaymentPlanMapper {
+    List<ContractPaymentPlanListResponse> list(@Param("request") ContractPaymentPlanPageRequest request, @Param("userId") String userId,
+                                               @Param("orgId") String orgId, @Param("dataPermission") DeptDataPermissionDTO deptDataPermission);
+
+    List<ContractPaymentPlanListResponse> getListByIds(@Param("ids") List<String> ids, @Param("userId") String userId, @Param("orgId") String orgId, @Param("dataPermission") DeptDataPermissionDTO deptDataPermission);
+
+    CustomerPaymentPlanStatisticResponse calculateCustomerPaymentPlanStatistic(@Param("customerId") String customerId, @Param("userId") String userId, @Param("orgId") String orgId, @Param("dataPermission") DeptDataPermissionDTO deptDataPermission);
+
+    List<ContractPaymentPlan> selectByTimestamp(@Param("timestamp") long timestamp, @Param("timestampOld") long timestampOld, @Param("orgId") String organizationId);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractPaymentPlanMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractPaymentPlanMapper.xml
new file mode 100644
index 0000000..67bc49c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractPaymentPlanMapper.xml
@@ -0,0 +1,361 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.contract.mapper.ExtContractPaymentPlanMapper">
+    <select id="list" resultType="cn.cordys.crm.contract.dto.response.ContractPaymentPlanListResponse">
+        select cpp.id, cpp.name, cpp.owner, cpp.create_time, cpp.update_time, cpp.create_user, cpp.update_user,
+        cpp.plan_end_time, cpp.plan_amount, cpp.plan_status, cpp.contract_id,
+        c.name as contract_name
+        from contract_payment_plan cpp
+        join contract c on c.id = cpp.contract_id
+
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.filters"/>
+            <property name="tablePrefix" value="filter"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.viewCombineSearch.conditions"/>
+            <property name="tablePrefix" value="viewCombine"/>
+        </include>
+        <include refid="fieldSortJoin">
+            <property name="sort" value="request.sort"/>
+        </include>
+
+        <if test="dataPermission != null and dataPermission.deptIds.size() > 0">
+            join sys_organization_user sou on cpp.owner = sou.user_id
+            and (
+            sou.department_id in
+            <foreach collection="dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                #{deptId}
+            </foreach>
+            <if test="dataPermission.viewId != 'DEPARTMENT'">
+                or sou.user_id = #{userId}
+            </if>
+            )
+        </if>
+
+        where cpp.organization_id = #{orgId}
+
+        <if test="dataPermission != null and dataPermission.self">
+            and cpp.owner = #{userId}
+        </if>
+
+        <if test="request.contractId != null and request.contractId != ''">
+            and cpp.contract_id = #{request.contractId}
+        </if>
+
+        <if test="request.customerId != null and request.customerId != ''">
+            and c.customer_id = #{request.customerId}
+        </if>
+
+        <if test="request.keyword != null and request.keyword != ''">
+            and cpp.name like concat('%', #{request.keyword},'%')
+        </if>
+
+        <include refid="filters">
+            <property name="filters" value="request.filters"/>
+        </include>
+
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+        <include refid="viewCombine">
+            <property name="combineSearch" value="request.viewCombineSearch"/>
+        </include>
+
+        <include refid="sort">
+            <property name="sort" value="request.sort"/>
+        </include>
+    </select>
+
+    <select id="getListByIds" resultType="cn.cordys.crm.contract.dto.response.ContractPaymentPlanListResponse">
+        select cpp.id, cpp.owner, cpp.create_time, cpp.update_time, cpp.create_user, cpp.update_user,
+        cpp.plan_end_time, cpp.plan_amount, cpp.plan_status, cpp.contract_id,
+        c.name as contract_name, cpp.name
+        from contract_payment_plan cpp
+        join contract c on c.id = cpp.contract_id
+
+        <if test="dataPermission != null and dataPermission.deptIds.size() > 0">
+            join sys_organization_user sou on cpp.owner = sou.user_id
+            and (
+            sou.department_id in
+            <foreach collection="dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                #{deptId}
+            </foreach>
+            )
+        </if>
+
+        where cpp.organization_id = #{orgId}
+        and cpp.id in
+        <foreach collection="ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+
+        <if test="dataPermission != null and dataPermission.self">
+            and cpp.owner = #{userId}
+        </if>
+    </select>
+    <select id="calculateCustomerPaymentPlanStatistic"
+            resultType="cn.cordys.crm.contract.dto.response.CustomerPaymentPlanStatisticResponse">
+        select IFNULL(SUM(cpp.plan_amount), 0) as totalPlanAmount
+        from contract_payment_plan cpp
+        join contract c on c.id = cpp.contract_id
+
+        <if test="dataPermission != null and dataPermission.deptIds.size() > 0">
+            join sys_organization_user sou on cpp.owner = sou.user_id
+            and (
+            sou.department_id in
+            <foreach collection="dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                #{deptId}
+            </foreach>
+            )
+        </if>
+
+        where cpp.organization_id = #{orgId}
+        and c.customer_id = #{customerId}
+
+        <if test="dataPermission != null and dataPermission.self">
+            and cpp.owner = #{userId}
+        </if>
+    </select>
+    <select id="selectByTimestamp" resultType="cn.cordys.crm.contract.domain.ContractPaymentPlan">
+        select cpp.*
+        from contract_payment_plan cpp
+        where cpp.organization_id = #{orgId}
+          and cpp.plan_end_time <![CDATA[>=]]> #{timestampOld}
+          and cpp.plan_end_time <![CDATA[<]]> #{timestamp}
+    </select>
+
+    <sql id="sort">
+        <choose>
+            <when test="${sort} != null and ${sort}.valid()">
+                <bind name="sortType" value="${sort}.type"/>
+                <bind name="sortName" value="${sort}.name"/>
+                order by
+                <choose>
+                    <when test="${sort}.name in
+                        {'name', 'owner', 'create_time', 'update_time', 'contract_id', 'plan_status', 'create_user', 'update_user', 'plan_amount', 'plan_end_time'}">
+                        cpp.${sortName} ${sortType}, cpp.id ASC
+                    </when>
+                    <when test="${sort}.name == 'department_id'">
+                        sou_sort.${sortName} ${sortType}, cpp.id ASC
+                    </when>
+                    <otherwise>
+                        CASE
+                        WHEN module_table.type = 'INPUT_NUMBER' OR module_table.type = 'FORMULA'
+                        THEN sort_table.field_value + 0
+                        END ${sortType},
+                        sort_table.field_value ${sortType},
+                        cpp.id ${sortType}
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                order by cpp.create_time desc, cpp.id asc
+            </otherwise>
+        </choose>
+    </sql>
+
+    <sql id="fieldConditionJoin">
+        <if test="${conditions} != null and ${conditions}.size() > 0">
+            <foreach collection="${conditions}" item="condition" index="i">
+                <choose>
+                    <when test="condition.refFiled">
+                       <include refid="cn.cordys.common.mapper.CommonMapper.refFieldConditionJoin">
+                           <property name="condition" value="condition"/>
+                           <property name="mainTable" value="contract_payment_plan"/>
+                           <property name="mainTableAlias" value="cpp"/>
+                           <property name="fieldTable" value="${tablePrefix}_${i}"/>
+                       </include>
+                    </when>
+                    <otherwise>
+                        <if test="condition.customField">
+                            <if test="condition.blob">
+                                left join contract_payment_plan_field_blob ${tablePrefix}_${i}
+                                on cpp.id = ${tablePrefix}_${i}.resource_id and ${tablePrefix}_${i}.field_id = #{condition.name}
+                            </if>
+                            <if test="!condition.blob">
+                                left join contract_payment_plan_field ${tablePrefix}_${i}
+                                on cpp.id = ${tablePrefix}_${i}.resource_id and ${tablePrefix}_${i}.field_id = #{condition.name}
+                            </if>
+                        </if>
+                        <if test="condition.name == 'departmentId'">
+                            left join sys_organization_user ${tablePrefix}_${i}
+                            on ${tablePrefix}_${i}.user_id = cpp.owner
+                        </if>
+                    </otherwise>
+                </choose>
+            </foreach>
+        </if>
+    </sql>
+
+    <sql id="fieldSortJoin">
+        <if test="${sort} != null and ${sort}.valid()">
+            <bind name="sortName" value="${sort}.name"/>
+            <choose>
+                <when test="${sort}.name == 'department_id'">
+                    left join sys_organization_user sou_sort on cpp.owner = sou_sort.user_id
+                </when>
+                <when test="${sort}.name not in
+                        {'name', 'owner', 'create_time', 'update_time', 'contract_id', 'plan_status', 'create_user', 'update_user', 'plan_amount', 'plan_end_time'}">
+                    left join contract_payment_plan_field sort_table
+                    on cpp.id = sort_table.resource_id and sort_table.field_id = #{sortName}
+                    left join sys_module_field module_table on sort_table.field_id = module_table.id
+                </when>
+            </choose>
+        </if>
+    </sql>
+
+    <sql id="filters">
+        <if test="${filters} != null and ${filters}.size() > 0">
+            <trim prefix="and">
+                <foreach collection="${filters}" item="condition" open="(" close=")" index="i" separator="and">
+                    <include refid="condition">
+                        <property name="condition" value="condition"/>
+                        <property name="fieldTable" value="filter_${i}.field_value"/>
+                        <property name="table" value="filter_${i}"/>
+                    </include>
+                </foreach>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="combine">
+        <if test="${combineSearch} != null and ${combineSearch}.conditions != null and ${combineSearch}.conditions.size() > 0">
+            <trim prefix="and">
+                <trim prefix="(" suffix=")" suffixOverrides="and|or">
+                    <foreach collection="${combineSearch}.conditions" index="i" item="condition">
+                        <include refid="condition">
+                            <property name="condition" value="condition"/>
+                            <property name="fieldTable" value="combine_${i}.field_value"/>
+                            <property name="table" value="combine_${i}"/>
+                        </include>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.searchMode">
+                            <property name="searchMode" value="${combineSearch}.searchMode"/>
+                        </include>
+                    </foreach>
+                </trim>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="viewCombine">
+        <if test="${combineSearch} != null and ${combineSearch}.conditions != null and ${combineSearch}.conditions.size() > 0">
+            <trim prefix="and">
+                <trim prefix="(" suffix=")" suffixOverrides="and|or">
+                    <foreach collection="${combineSearch}.conditions" index="i" item="condition">
+                        <include refid="condition">
+                            <property name="condition" value="condition"/>
+                            <property name="fieldTable" value="viewCombine_${i}.field_value"/>
+                            <property name="table" value="viewCombine_${i}"/>
+                        </include>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.searchMode">
+                            <property name="searchMode" value="${combineSearch}.searchMode"/>
+                        </include>
+                    </foreach>
+                </trim>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="condition">
+        <choose>
+            <when test="condition.refFiled">
+                <choose>
+                    <when test="!condition.customField">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${table}.${condition.name}"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${fieldTable}"/>
+                        </include>
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                <choose>
+                    <when test="condition.name == 'name'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cpp.name"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'owner'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cpp.owner"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'planAmount'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cpp.plan_amount"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'planStatus'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cpp.plan_status"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'planEndTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cpp.plan_end_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'createTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cpp.create_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'updateTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cpp.update_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'createUser'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cpp.create_user"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'updateUser'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cpp.update_user"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'contractId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.dataSourceCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cpp.contract_id"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'departmentId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${table}.department_id"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${fieldTable}"/>
+                        </include>
+                    </otherwise>
+                </choose>
+            </otherwise>
+        </choose>
+    </sql>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractPaymentRecordMapper.java b/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractPaymentRecordMapper.java
new file mode 100644
index 0000000..e2fd019
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractPaymentRecordMapper.java
@@ -0,0 +1,54 @@
+package cn.cordys.crm.contract.mapper;
+
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.crm.contract.dto.request.ContractPaymentRecordPageRequest;
+import cn.cordys.crm.contract.dto.request.ContractPaymentRecordStatisticRequest;
+import cn.cordys.crm.contract.dto.response.ContractPaymentRecordResponse;
+import cn.cordys.crm.contract.dto.response.ContractPaymentRecordStatisticResponse;
+import cn.cordys.crm.contract.dto.response.CustomerPaymentRecordStatisticResponse;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+/**
+ * @author song-cc-rock
+ */
+public interface ExtContractPaymentRecordMapper {
+
+    /**
+     * 合同回款记录列表
+     *
+     * @param request            请求参数
+     * @param currentUser        当前用户
+     * @param currentOrg         当前组织
+     * @param deptDataPermission 数据权限
+     * @return 回款记录列表
+     */
+    List<ContractPaymentRecordResponse> list(@Param("request") ContractPaymentRecordPageRequest request, @Param("currentUser") String currentUser,
+                                             @Param("currentOrg") String currentOrg, @Param("dataPermission") DeptDataPermissionDTO deptDataPermission);
+
+    /**
+     * 通过ID集合获取回款记录
+     *
+     * @param ids                ID集合
+     * @param currentUser        当前用户
+     * @param currentOrg         当前组织
+     * @param deptDataPermission 数据权限
+     * @return 回款记录列表
+     */
+    List<ContractPaymentRecordResponse> getListByIds(@Param("ids") List<String> ids, @Param("currentUser") String currentUser,
+                                                     @Param("currentOrg") String currentOrg, @Param("dataPermission") DeptDataPermissionDTO deptDataPermission);
+
+    /**
+     * 汇总客户回款记录金额
+     *
+     * @param customerId         客户ID
+     * @param userId             用户ID
+     * @param orgId              组织ID
+     * @param deptDataPermission 数据权限
+     * @return 汇总结果
+     */
+    CustomerPaymentRecordStatisticResponse sumCustomerRecordAmount(@Param("customerId") String customerId, @Param("userId") String userId, @Param("orgId") String orgId, @Param("dataPermission") DeptDataPermissionDTO deptDataPermission);
+
+    ContractPaymentRecordStatisticResponse searchStatistic(@Param("request") ContractPaymentRecordStatisticRequest request, @Param("orgId") String orgId, @Param("userId") String userId, @Param("dataPermission") DeptDataPermissionDTO dataPermission);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractPaymentRecordMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractPaymentRecordMapper.xml
new file mode 100644
index 0000000..87cd72d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractPaymentRecordMapper.xml
@@ -0,0 +1,429 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.contract.mapper.ExtContractPaymentRecordMapper">
+    <select id="list" resultType="cn.cordys.crm.contract.dto.response.ContractPaymentRecordResponse">
+        select cpr.id, cpr.owner, cpr.no, cpr.name, cpr.contract_id, cpr.payment_plan_id,
+               cpr.record_amount, cpr.record_end_time, cpr.create_time, cpr.update_time,
+               cpr.create_user, cpr.update_user, cpr.organization_id, ifnull(c.name, '') as contractName
+        from contract_payment_record cpr left join contract c on c.id = cpr.contract_id
+
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.filters"/>
+            <property name="tablePrefix" value="filter"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.viewCombineSearch.conditions"/>
+            <property name="tablePrefix" value="viewCombine"/>
+        </include>
+        <include refid="fieldSortJoin">
+            <property name="sort" value="request.sort"/>
+        </include>
+
+        <if test="dataPermission != null and dataPermission.deptIds.size() > 0">
+            join sys_organization_user sou on cpr.owner = sou.user_id
+            and (
+            sou.department_id in
+            <foreach collection="dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                #{deptId}
+            </foreach>
+            <if test="dataPermission.viewId != 'DEPARTMENT'">
+                or sou.user_id = #{currentUser}
+            </if>
+            )
+        </if>
+
+        where cpr.organization_id = #{currentOrg}
+
+        <if test="dataPermission != null and dataPermission.self">
+            and cpr.owner = #{currentUser}
+        </if>
+
+        <if test="request.contractId != null and request.contractId != ''">
+            and cpr.contract_id = #{request.contractId}
+        </if>
+
+        <if test="request.customerId != null and request.customerId != ''">
+            and c.customer_id = #{request.customerId}
+        </if>
+
+        <if test="request.keyword != null and request.keyword != ''">
+            and cpr.name like concat('%', #{request.keyword},'%')
+        </if>
+
+        <include refid="filters">
+            <property name="filters" value="request.filters"/>
+        </include>
+
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+        <include refid="viewCombine">
+            <property name="combineSearch" value="request.viewCombineSearch"/>
+        </include>
+
+        <include refid="sort">
+            <property name="sort" value="request.sort"/>
+        </include>
+    </select>
+
+    <select id="getListByIds" resultType="cn.cordys.crm.contract.dto.response.ContractPaymentRecordResponse">
+        select cpr.id, cpr.owner, cpr.no, cpr.name, cpr.contract_id, cpr.payment_plan_id,
+            cpr.record_amount, cpr.record_end_time, cpr.create_time, cpr.update_time,
+            cpr.create_user, cpr.update_user, cpr.organization_id, c.name as contractName
+        from contract_payment_record cpr
+        join contract c on c.id = cpr.contract_id
+
+        <if test="dataPermission != null and dataPermission.deptIds.size() > 0">
+            join sys_organization_user sou on cpr.owner = sou.user_id
+            and (
+            sou.department_id in
+            <foreach collection="dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                #{deptId}
+            </foreach>
+            )
+        </if>
+
+        where cpr.organization_id = #{currentOrg} and cpr.id in
+        <foreach collection="ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+
+        <if test="dataPermission != null and dataPermission.self">
+            and cpr.owner = #{currentUser}
+        </if>
+    </select>
+
+    <select id="sumCustomerRecordAmount" resultType="cn.cordys.crm.contract.dto.response.CustomerPaymentRecordStatisticResponse">
+        select
+            ifnull(sum(c.amount), 0) as totalAmount,
+            ifnull(sum(cpr_sum.receivedAmount), 0) as receivedAmount,
+            ifnull((sum(c.amount) - sum(cpr_sum.receivedAmount)), 0) as pendingAmount
+        from contract c
+        left join (
+            select cpr.contract_id, sum(cpr.record_amount) as receivedAmount
+            from contract_payment_record cpr
+            <if test="dataPermission != null and dataPermission.deptIds.size() > 0">
+                join sys_organization_user sou on cpr.owner = sou.user_id
+                and (
+                sou.department_id in
+                <foreach collection="dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                    #{deptId}
+                </foreach>
+                )
+            </if>
+            where cpr.organization_id = #{orgId}
+            <if test="dataPermission != null and dataPermission.self">
+                and cpr.owner = #{userId}
+            </if>
+            group by contract_id
+        ) cpr_sum on c.id = cpr_sum.contract_id
+
+        where c.organization_id = #{orgId}
+        and c.customer_id = #{customerId}
+    </select>
+
+    <sql id="sort">
+        <choose>
+            <when test="${sort} != null and ${sort}.valid()">
+                <bind name="sortType" value="${sort}.type"/>
+                <bind name="sortName" value="${sort}.name"/>
+                order by
+                <choose>
+                    <when test="${sort}.name in
+                        {'name', 'no', 'owner', 'payment_plan_id', 'contract_id', 'record_amount', 'record_end_time', 'create_time', 'update_time', 'create_user', 'update_user'}">
+                        cpr.${sortName} ${sortType}, cpr.id ASC
+                    </when>
+                    <when test="${sort}.name == 'department_id'">
+                        sou_sort.${sortName} ${sortType}, cpr.id ASC
+                    </when>
+                    <otherwise>
+                        CASE
+                        WHEN module_table.type = 'INPUT_NUMBER'  OR module_table.type = 'FORMULA'
+                        THEN sort_table.field_value + 0
+                        END ${sortType},
+                        sort_table.field_value ${sortType},
+                        cpr.id ${sortType}
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                order by cpr.create_time desc, cpr.id asc
+            </otherwise>
+        </choose>
+    </sql>
+
+    <sql id="fieldConditionJoin">
+        <if test="${conditions} != null and ${conditions}.size() > 0">
+            <foreach collection="${conditions}" item="condition" index="i">
+                <choose>
+                    <when test="condition.refFiled">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.refFieldConditionJoin">
+                            <property name="condition" value="condition"/>
+                            <property name="mainTable" value="contract_payment_record"/>
+                            <property name="mainTableAlias" value="cpr"/>
+                            <property name="fieldTable" value="${tablePrefix}_${i}"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <if test="condition.name not in
+                            {'name', 'no', 'owner', 'paymentPlanId', 'contractId', 'createTime', 'updateTime', 'recordAmount', 'recordEndTime', 'createUser', 'updateUser', 'departmentId'}">
+                            <if test="condition.blob">
+                                left join contract_payment_record_field_blob ${tablePrefix}_${i}
+                                on cpr.id = ${tablePrefix}_${i}.resource_id and ${tablePrefix}_${i}.field_id = #{condition.name}
+                            </if>
+                            <if test="!condition.blob">
+                                left join contract_payment_record_field ${tablePrefix}_${i}
+                                on cpr.id = ${tablePrefix}_${i}.resource_id and ${tablePrefix}_${i}.field_id = #{condition.name}
+                            </if>
+                        </if>
+                        <if test="condition.name == 'departmentId'">
+                            left join sys_organization_user ${tablePrefix}_${i}
+                            on ${tablePrefix}_${i}.user_id = cpr.owner
+                        </if>
+                    </otherwise>
+                </choose>
+            </foreach>
+        </if>
+    </sql>
+
+    <sql id="fieldSortJoin">
+        <if test="${sort} != null and ${sort}.valid()">
+            <bind name="sortName" value="${sort}.name"/>
+            <choose>
+                <when test="${sort}.name == 'department_id'">
+                    left join sys_organization_user sou_sort on cpr.owner = sou_sort.user_id
+                </when>
+                <when test="${sort}.name not in
+                        {'name', 'no', 'owner', 'create_time', 'update_time', 'contract_id', 'payment_plan_id', 'create_user', 'update_user', 'record_amount', 'record_end_time'}">
+                    left join contract_payment_record_field sort_table
+                    on cpr.id = sort_table.resource_id and sort_table.field_id = #{sortName}
+                    left join sys_module_field module_table on sort_table.field_id = module_table.id
+                </when>
+            </choose>
+        </if>
+    </sql>
+
+    <sql id="filters">
+        <if test="${filters} != null and ${filters}.size() > 0">
+            <trim prefix="and">
+                <foreach collection="${filters}" item="condition" open="(" close=")" index="i" separator="and">
+                    <include refid="condition">
+                        <property name="condition" value="condition"/>
+                        <property name="fieldTable" value="filter_${i}.field_value"/>
+                        <property name="table" value="filter_${i}"/>
+                    </include>
+                </foreach>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="combine">
+        <if test="${combineSearch} != null and ${combineSearch}.conditions != null and ${combineSearch}.conditions.size() > 0">
+            <trim prefix="and">
+                <trim prefix="(" suffix=")" suffixOverrides="and|or">
+                    <foreach collection="${combineSearch}.conditions" index="i" item="condition">
+                        <include refid="condition">
+                            <property name="condition" value="condition"/>
+                            <property name="fieldTable" value="combine_${i}.field_value"/>
+                            <property name="table" value="combine_${i}"/>
+                        </include>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.searchMode">
+                            <property name="searchMode" value="${combineSearch}.searchMode"/>
+                        </include>
+                    </foreach>
+                </trim>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="viewCombine">
+        <if test="${combineSearch} != null and ${combineSearch}.conditions != null and ${combineSearch}.conditions.size() > 0">
+            <trim prefix="and">
+                <trim prefix="(" suffix=")" suffixOverrides="and|or">
+                    <foreach collection="${combineSearch}.conditions" index="i" item="condition">
+                        <include refid="condition">
+                            <property name="condition" value="condition"/>
+                            <property name="fieldTable" value="viewCombine_${i}.field_value"/>
+                            <property name="table" value="viewCombine_${i}"/>
+                        </include>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.searchMode">
+                            <property name="searchMode" value="${combineSearch}.searchMode"/>
+                        </include>
+                    </foreach>
+                </trim>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="condition">
+        <choose>
+            <when test="condition.refFiled">
+                <choose>
+                    <when test="!condition.customField">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${table}.${condition.name}"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${fieldTable}"/>
+                        </include>
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                <choose>
+                    <when test="condition.name == 'name'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cpr.name"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'no'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cpr.no"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'owner'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cpr.owner"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'contractId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cpr.contract_id"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'paymentPlanId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cpr.payment_plan_id"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'recordAmount'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cpr.record_amount"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'recordEndTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cpr.record_end_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'createTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cpr.create_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'updateTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cpr.update_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'createUser'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cpr.create_user"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'updateUser'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cpr.update_user"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'departmentId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${table}.department_id"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${fieldTable}"/>
+                        </include>
+                    </otherwise>
+                </choose>
+            </otherwise>
+        </choose>
+    </sql>
+
+
+    <select id="searchStatistic" resultType="cn.cordys.crm.contract.dto.response.ContractPaymentRecordStatisticResponse">
+        SELECT
+        sum(cpr.record_amount) as amount,
+        sum(cpr.record_amount)  / count(*) as averageAmount
+        FROM
+        contract_payment_record cpr
+        LEFT JOIN contract c on c.id = cpr.contract_id
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.filters"/>
+            <property name="tablePrefix" value="filter"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.viewCombineSearch.conditions"/>
+            <property name="tablePrefix" value="viewCombine"/>
+        </include>
+        <if test="dataPermission != null and dataPermission.deptIds.size() > 0">
+            join sys_organization_user on cpr.owner = sys_organization_user.user_id
+            and (
+            sys_organization_user.department_id in
+            <foreach collection="dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                #{deptId}
+            </foreach>
+            <if test="dataPermission.viewId == 'ALL'">
+                or sys_organization_user.user_id = #{userId}
+            </if>
+            )
+        </if>
+
+        where cpr.organization_id = #{orgId}
+
+        <if test="dataPermission != null and dataPermission.self">
+            and cpr.owner = #{userId}
+        </if>
+
+        <if test="request.contractId != null and request.contractId != ''">
+            and cpr.contract_id = #{request.contractId}
+        </if>
+
+        <if test="request.keyword != null and request.keyword != ''">
+            and (
+            cpr.name like concat('%', #{request.keyword},'%')
+            or cpr.name like concat('%', #{request.keyword},'%')
+            )
+        </if>
+
+        <include refid="filters">
+            <property name="filters" value="request.filters"/>
+        </include>
+
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+        <include refid="viewCombine">
+            <property name="combineSearch" value="request.viewCombineSearch"/>
+        </include>
+
+    </select>
+
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractSnapshotMapper.java b/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractSnapshotMapper.java
new file mode 100644
index 0000000..a0488a7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractSnapshotMapper.java
@@ -0,0 +1,9 @@
+package cn.cordys.crm.contract.mapper;
+
+import cn.cordys.crm.contract.domain.ContractSnapshot;
+import org.apache.ibatis.annotations.Param;
+
+public interface ExtContractSnapshotMapper {
+
+    void update(@Param("snapshot") ContractSnapshot snapshot);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractSnapshotMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractSnapshotMapper.xml
new file mode 100644
index 0000000..73ced33
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractSnapshotMapper.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.contract.mapper.ExtContractSnapshotMapper">
+
+    <update id="update">
+        update contract_snapshot
+        set contract_id    = #{snapshot.contractId},
+            contract_prop  = #{snapshot.contractProp},
+            contract_value = #{snapshot.contractValue}
+        where id = #{snapshot.id}
+    </update>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractStageConfigMapper.java b/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractStageConfigMapper.java
new file mode 100644
index 0000000..647390f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractStageConfigMapper.java
@@ -0,0 +1,26 @@
+package cn.cordys.crm.contract.mapper;
+
+import cn.cordys.common.dto.stage.StageConfigResponse;
+import cn.cordys.common.dto.stage.StageRollBackRequest;
+import cn.cordys.common.dto.stage.StageUpdateRequest;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtContractStageConfigMapper {
+
+
+    List<StageConfigResponse> getStageConfigList(@Param("orgId") String orgId);
+
+    int countStageConfig(@Param("orgId") String orgId);
+
+    void moveUpStageConfig(@Param("start") Long start, @Param("orgId") String orgId, @Param("pos") Long pos);
+
+    void moveDownStageConfig(@Param("start") Long start, @Param("orgId") String orgId, @Param("pos") Long pos);
+
+    void updateRollBack(@Param("request") StageRollBackRequest request, @Param("orgId") String orgId);
+
+    void updateStageConfig(@Param("request") StageUpdateRequest request, @Param("userId") String userId);
+
+    void updatePos(@Param("id") String id, @Param("pos") Long pos);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractStageConfigMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractStageConfigMapper.xml
new file mode 100644
index 0000000..33c11eb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/mapper/ExtContractStageConfigMapper.xml
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.contract.mapper.ExtContractStageConfigMapper">
+
+
+    <select id="getStageConfigList" resultType="cn.cordys.common.dto.stage.StageConfigResponse">
+        select id, name, type, afoot_roll_back, end_roll_back, pos, circulation_type
+        from contract_stage_config
+        where organization_id = #{orgId}
+        order by pos asc
+    </select>
+
+    <select id="countStageConfig" resultType="java.lang.Integer">
+        select count(id)
+        from contract_stage_config
+        where organization_id = #{orgId}
+    </select>
+
+    <update id="moveUpStageConfig">
+        update contract_stage_config
+        set pos = pos + #{pos}
+        where pos &gt;= #{start}
+          and organization_id = #{orgId}
+    </update>
+
+    <update id="moveDownStageConfig">
+        update contract_stage_config
+        set pos = pos + #{pos}
+        where pos &gt; #{start}
+          and organization_id = #{orgId}
+    </update>
+
+
+    <update id="updateRollBack">
+        UPDATE contract_stage_config
+        <set>
+            <if test="request.afootRollBack != null">
+                afoot_roll_back =#{request.afootRollBack},
+            </if>
+            <if test="request.endRollBack != null">
+                end_roll_back = #{request.endRollBack},
+            </if>
+        </set>
+        WHERE organization_id = #{orgId}
+    </update>
+
+    <update id="updateStageConfig">
+        update contract_stage_config
+        set name        = #{request.name},
+            update_user = #{userId},
+            update_time = unix_timestamp() * 1000
+        where id = #{request.id}
+    </update>
+
+
+    <update id="updatePos">
+        update contract_stage_config set pos = #{pos} where id = #{id}
+    </update>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/service/BusinessTitleConfigService.java b/backend/crm/src/main/java/cn/cordys/crm/contract/service/BusinessTitleConfigService.java
new file mode 100644
index 0000000..1abcca3
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/service/BusinessTitleConfigService.java
@@ -0,0 +1,53 @@
+package cn.cordys.crm.contract.service;
+
+import cn.cordys.common.util.FieldConverter;
+import cn.cordys.crm.contract.domain.BusinessTitleConfig;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.List;
+import java.util.Optional;
+
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class BusinessTitleConfigService {
+
+    @Resource
+    private BaseMapper<BusinessTitleConfig> businessTitleConfigMapper;
+
+
+    /**
+     * 获取工商抬头配置
+     *
+     * @param orgId
+     *
+     * @return
+     */
+    public List<BusinessTitleConfig> getConfigs(String orgId) {
+        LambdaQueryWrapper<BusinessTitleConfig> configWrapper = new LambdaQueryWrapper<>();
+        configWrapper.eq(BusinessTitleConfig::getOrganizationId, orgId);
+        List<BusinessTitleConfig> businessTitleConfigs = businessTitleConfigMapper.selectListByLambda(configWrapper);
+        businessTitleConfigs.forEach(config -> config.setField(FieldConverter.toCamelCaseWithCommons(config.getField())));
+        return businessTitleConfigs;
+    }
+
+
+    /**
+     * 更新
+     *
+     * @param id
+     */
+    public void switchRequired(String id) {
+        Optional.ofNullable(businessTitleConfigMapper.selectByPrimaryKey(id))
+                .ifPresent(config -> {
+                    config.setRequired(!config.getRequired());
+                    businessTitleConfigMapper.update(config);
+                });
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/service/BusinessTitleExportService.java b/backend/crm/src/main/java/cn/cordys/crm/contract/service/BusinessTitleExportService.java
new file mode 100644
index 0000000..48982fa
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/service/BusinessTitleExportService.java
@@ -0,0 +1,110 @@
+package cn.cordys.crm.contract.service;
+
+import cn.cordys.common.dto.ExportDTO;
+import cn.cordys.common.dto.ExportHeadDTO;
+import cn.cordys.common.service.BaseExportService;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.util.TimeUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.contract.dto.request.BusinessTitlePageRequest;
+import cn.cordys.crm.contract.dto.response.BusinessTitleListResponse;
+import cn.cordys.crm.contract.mapper.ExtBusinessTitleMapper;
+import cn.cordys.registry.ExportThreadRegistry;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.LinkedHashMap;
+import java.util.List;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class BusinessTitleExportService extends BaseExportService {
+
+    @Resource
+    private ExtBusinessTitleMapper extBusinessTitleMapper;
+    @Resource
+    private BaseService baseService;
+
+    /**
+     * 选中工商抬头数据
+     *
+     * @return 导出数据列表
+     */
+    @Override
+    public List<List<Object>> getSelectExportData(List<String> ids, String taskId, ExportDTO exportDTO) throws InterruptedException {
+        var orgId = exportDTO.getOrgId();
+        var userId = exportDTO.getUserId();
+        var allList = extBusinessTitleMapper.getListByIds(ids, userId, orgId);
+        baseService.setCreateAndUpdateUserName(allList);
+        return buildExportResult(allList, taskId, exportDTO);
+    }
+
+    private List<List<Object>> buildExportResult(List<BusinessTitleListResponse> responses, String taskId, ExportDTO exportDTO) throws InterruptedException {
+        var headList = exportDTO.getHeadList();
+        var result = new ArrayList<List<Object>>(responses.size());
+        for (var response : responses) {
+            if (ExportThreadRegistry.isInterrupted(taskId)) {
+                throw new InterruptedException("线程已被中断，主动退出");
+            }
+            result.add(buildData(headList, response));
+        }
+        return result;
+    }
+
+    private List<Object> buildData(List<ExportHeadDTO> headList, BusinessTitleListResponse data) {
+        var dataList = new ArrayList<Object>(headList.size());
+        var systemFieldMap = getSystemFieldMap(data);
+        return transModuleFieldValue(headList, systemFieldMap, new HashMap<>(), dataList, new HashMap<>());
+
+    }
+
+    public LinkedHashMap<String, Object> getSystemFieldMap(BusinessTitleListResponse data) {
+        LinkedHashMap<String, Object> systemFieldMap = new LinkedHashMap<>();
+        systemFieldMap.put("name", data.getName());
+        systemFieldMap.put("identificationNumber", data.getIdentificationNumber());
+        systemFieldMap.put("openingBank", data.getOpeningBank());
+        systemFieldMap.put("type", Translator.get(data.getType()));
+        systemFieldMap.put("bankAccount", data.getBankAccount());
+        systemFieldMap.put("registrationAddress", data.getRegistrationAddress());
+        systemFieldMap.put("phoneNumber", data.getPhoneNumber());
+        systemFieldMap.put("registeredCapital", data.getRegisteredCapital());
+        systemFieldMap.put("companySize", data.getCompanySize());
+        systemFieldMap.put("registrationNumber", data.getRegistrationNumber());
+        systemFieldMap.put("unapprovedReason", data.getUnapprovedReason());
+        systemFieldMap.put("province", data.getProvince());
+        systemFieldMap.put("city", data.getCity());
+        systemFieldMap.put("scale", data.getScale());
+        systemFieldMap.put("industry", data.getIndustry());
+        systemFieldMap.put("remark", data.getRemark());
+
+
+        systemFieldMap.put("createUser", data.getCreateUserName());
+        systemFieldMap.put("createTime", TimeUtils.getDateTimeStr(data.getCreateTime()));
+        systemFieldMap.put("updateUser", data.getUpdateUserName());
+        systemFieldMap.put("updateTime", TimeUtils.getDateTimeStr(data.getUpdateTime()));
+        systemFieldMap.put("companyNumber", data.getCompanyNumber());
+        return systemFieldMap;
+    }
+
+
+    /**
+     * 构建导出的数据
+     *
+     * @return 导出数据列表
+     */
+    @Override
+    public List<List<Object>> getExportData(String taskId, ExportDTO exportDTO) throws InterruptedException {
+        var pageRequest = (BusinessTitlePageRequest) exportDTO.getPageRequest();
+        var orgId = exportDTO.getOrgId();
+        PageHelper.startPage(pageRequest.getCurrent(), pageRequest.getPageSize());
+        var dataList = extBusinessTitleMapper.list(pageRequest, orgId, exportDTO.getUserId());
+        baseService.setCreateAndUpdateUserName(dataList);
+        return buildExportResult(dataList, taskId, exportDTO);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/service/BusinessTitleService.java b/backend/crm/src/main/java/cn/cordys/crm/contract/service/BusinessTitleService.java
new file mode 100644
index 0000000..8f58721
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/service/BusinessTitleService.java
@@ -0,0 +1,659 @@
+package cn.cordys.crm.contract.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.aspectj.dto.LogDTO;
+import cn.cordys.common.constants.ThirdConfigTypeConstants;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.uid.utils.EnumUtils;
+import cn.cordys.common.util.*;
+import cn.cordys.common.utils.BeanCopyUtils;
+import cn.cordys.crm.approval.constants.ApprovalState;
+import cn.cordys.crm.contract.constants.BusinessTitleType;
+import cn.cordys.crm.contract.constants.ContractApprovalStatus;
+import cn.cordys.crm.contract.domain.BusinessTitle;
+import cn.cordys.crm.contract.domain.BusinessTitleConfig;
+import cn.cordys.crm.contract.domain.ContractInvoice;
+import cn.cordys.crm.contract.dto.request.*;
+import cn.cordys.crm.contract.dto.response.BusinessTitleListResponse;
+import cn.cordys.crm.contract.excel.constants.BusinessTitleImportType;
+import cn.cordys.crm.contract.excel.domain.BusinessTitleExcelDataFactory;
+import cn.cordys.crm.contract.excel.handler.BusinessTitleTemplateWriteHandler;
+import cn.cordys.crm.contract.excel.listener.BusinessTitleCheckEventListener;
+import cn.cordys.crm.contract.excel.listener.BusinessTitleImportEventListener;
+import cn.cordys.crm.contract.mapper.ExtBusinessTitleMapper;
+import cn.cordys.crm.integration.common.dto.ThirdConfigBaseDTO;
+import cn.cordys.crm.integration.common.request.QccThirdConfigRequest;
+import cn.cordys.crm.integration.common.utils.HttpClientUtils;
+import cn.cordys.crm.integration.qcc.constant.QccApiPaths;
+import cn.cordys.crm.integration.qcc.dto.*;
+import cn.cordys.crm.system.constants.SheetKey;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.response.ImportResponse;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.excel.domain.UserExcelDataFactory;
+import cn.cordys.crm.system.excel.handler.CustomHeadColWidthStyleStrategy;
+import cn.cordys.crm.system.service.IntegrationConfigService;
+import cn.cordys.crm.system.service.LogService;
+import cn.cordys.crm.system.service.ModuleFormService;
+import cn.cordys.excel.utils.EasyExcelExporter;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import cn.idev.excel.FastExcelFactory;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import jakarta.servlet.http.HttpServletResponse;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.apache.ibatis.session.ExecutorType;
+import org.apache.ibatis.session.SqlSession;
+import org.apache.ibatis.session.SqlSessionFactory;
+import org.mybatis.spring.SqlSessionUtils;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+import org.springframework.web.multipart.MultipartFile;
+
+import java.util.*;
+import java.util.function.Consumer;
+import java.util.function.Function;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class BusinessTitleService {
+
+    @Resource
+    private BaseMapper<BusinessTitle> businessTitleMapper;
+    @Resource
+    private BaseMapper<ContractInvoice> contractInvoiceMapper;
+    @Resource
+    private ExtBusinessTitleMapper extBusinessTitleMapper;
+    @Resource
+    private LogService logService;
+    @Resource
+    private BaseService baseService;
+    @Resource
+    private BaseMapper<BusinessTitleConfig> businessTitleConfigMapper;
+    @Resource
+    private IntegrationConfigService integrationConfigService;
+    @Resource
+    private ModuleFormService moduleFormService;
+    @Resource
+    private SqlSessionFactory sqlSessionFactory;
+
+
+    /**
+     * 添加工商抬头
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     * @return
+     */
+    @OperationLog(module = LogModule.CONTRACT_BUSINESS_TITLE, type = LogType.ADD, resourceName = "{#request.name}")
+    public BusinessTitle add(BusinessTitleAddRequest request, String userId, String orgId) {
+        checkName(request.getName(), orgId, null);
+
+        BusinessTitle businessTitle = BeanUtils.copyBean(new BusinessTitle(), request);
+        if (Strings.CI.equals(BusinessTitleType.CUSTOM.name(), businessTitle.getType())) {
+            businessTitle.setApprovalStatus(ContractApprovalStatus.APPROVING.name());
+        } else {
+            businessTitle.setApprovalStatus(ContractApprovalStatus.APPROVED.name());
+        }
+        businessTitle.setCreateTime(System.currentTimeMillis());
+        businessTitle.setCreateUser(userId);
+        businessTitle.setUpdateTime(System.currentTimeMillis());
+        businessTitle.setUpdateUser(userId);
+        businessTitle.setId(IDGenerator.nextStr());
+        businessTitle.setOrganizationId(orgId);
+
+        businessTitleMapper.insert(businessTitle);
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .resourceId(businessTitle.getId())
+                        .resourceName(businessTitle.getName())
+                        .modifiedValue(businessTitle)
+                        .build()
+        );
+        return businessTitle;
+    }
+
+
+    /**
+     * 校验名称
+     *
+     * @param businessName
+     * @param orgId
+     * @param id
+     */
+    private void checkName(String businessName, String orgId, String id) {
+        if (extBusinessTitleMapper.countByName(businessName, orgId, id) > 0) {
+            throw new GenericException(Translator.get("business_title.exist"));
+        }
+    }
+
+
+    /**
+     * 编辑工商抬头
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     * @return
+     */
+    @OperationLog(module = LogModule.CONTRACT_BUSINESS_TITLE, type = LogType.UPDATE, resourceId = "{#request.id}")
+    public BusinessTitle update(BusinessTitleUpdateRequest request, String userId, String orgId) {
+        BusinessTitle oldTitle = checkTitle(request.getId());
+        checkName(request.getName(), orgId, request.getId());
+
+        BusinessTitle newTitle = BeanUtils.copyBean(new BusinessTitle(), request);
+        if (Strings.CI.equals(BusinessTitleType.CUSTOM.name(), newTitle.getType())) {
+            newTitle.setApprovalStatus(ContractApprovalStatus.APPROVING.name());
+        } else {
+            newTitle.setApprovalStatus(ContractApprovalStatus.APPROVED.name());
+        }
+        newTitle.setUpdateTime(System.currentTimeMillis());
+        newTitle.setUpdateUser(userId);
+        businessTitleMapper.update(newTitle);
+
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .resourceName(request.getName())
+                        .originalValue(oldTitle)
+                        .modifiedValue(newTitle)
+                        .build()
+        );
+        return newTitle;
+    }
+
+    private BusinessTitle checkTitle(String id) {
+        BusinessTitle title = businessTitleMapper.selectByPrimaryKey(id);
+        if (title == null) {
+            throw new GenericException(Translator.get("business_title.not.exist"));
+        }
+        return title;
+    }
+
+
+    /**
+     * 删除
+     *
+     * @param id
+     */
+    @OperationLog(module = LogModule.CONTRACT_BUSINESS_TITLE, type = LogType.DELETE, resourceId = "{#id}")
+    public void delete(String id) {
+        BusinessTitle businessTitle = checkTitle(id);
+        if (!checkHasInvoice(id)) {
+            businessTitleMapper.deleteByPrimaryKey(id);
+            OperationLogContext.setResourceName(businessTitle.getName());
+        }
+    }
+
+
+    /**
+     * 校验是否开过票
+     *
+     * @param id
+     * @return
+     */
+    public boolean checkHasInvoice(String id) {
+        LambdaQueryWrapper<ContractInvoice> invoiceLambdaQueryWrapper = new LambdaQueryWrapper<>();
+        invoiceLambdaQueryWrapper.eq(ContractInvoice::getBusinessTitleId, id);
+        List<ContractInvoice> contractInvoices = contractInvoiceMapper.selectListByLambda(invoiceLambdaQueryWrapper);
+        return !CollectionUtils.isEmpty(contractInvoices);
+    }
+
+
+    /**
+     * 列表
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     * @return
+     */
+    public Pager<List<BusinessTitleListResponse>> list(BusinessTitlePageRequest request, String userId, String orgId) {
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        List<BusinessTitleListResponse> list = extBusinessTitleMapper.list(request, orgId, userId);
+        baseService.setCreateAndUpdateUserName(list);
+        return PageUtils.setPageInfo(page, list);
+    }
+
+
+    /**
+     * 详情
+     *
+     * @param id
+     * @return
+     */
+    public BusinessTitleListResponse get(String id) {
+        BusinessTitle businessTitle = businessTitleMapper.selectByPrimaryKey(id);
+        businessTitle.setCompanyNumber("CO.NO." + String.format("%08d", Long.parseLong(businessTitle.getCompanyNumber())));
+        if (businessTitle == null) {
+            throw new GenericException(Translator.get("business_title.not.exist"));
+        }
+        BusinessTitleListResponse businessTitleListResponse = BeanUtils.copyBean(new BusinessTitleListResponse(), businessTitle);
+        baseService.setCreateAndUpdateUserName(List.of(businessTitleListResponse));
+        return businessTitleListResponse;
+    }
+
+    /**
+     * 获取工商抬头详情 （⚠️反射调用; 勿修改入参, 返回, 方法名!）
+     *
+     * @param id 抬头ID
+     * @return 工商抬头详情
+     */
+    public BusinessTitleListResponse getSimple(String id) {
+        BusinessTitle businessTitle = businessTitleMapper.selectByPrimaryKey(id);
+        businessTitle.setCompanyNumber("CO.NO." + String.format("%08d", Long.parseLong(businessTitle.getCompanyNumber())));
+        if (businessTitle == null) {
+            return null;
+        }
+        return BeanUtils.copyBean(new BusinessTitleListResponse(), businessTitle);
+    }
+
+    /**
+     * 批量获取工商抬头详情 (用于数据源批量查询优化)
+     *
+     * @param ids 抬头ID集合
+     * @return 工商抬头详情列表
+     */
+    public List<BusinessTitleListResponse> batchGetSimpleByIds(List<String> ids) {
+        if (CollectionUtils.isEmpty(ids)) {
+            return Collections.emptyList();
+        }
+        List<BusinessTitle> titles = businessTitleMapper.selectByIds(ids);
+        if (CollectionUtils.isEmpty(titles)) {
+            return Collections.emptyList();
+        }
+        for (BusinessTitle title : titles) {
+            title.setCompanyNumber("CO.NO." + String.format("%08d", Long.parseLong(title.getCompanyNumber())));
+        }
+        return titles.stream().map(title -> BeanUtils.copyBean(new BusinessTitleListResponse(), title)).toList();
+    }
+
+
+    /**
+     * 审核通过/不通过
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     */
+    public void approvalContract(BusinessTitleApprovalRequest request, String userId, String orgId) {
+        BusinessTitle businessTitle = checkTitle(request.getId());
+
+        String state = businessTitle.getApprovalStatus();
+        businessTitle.setApprovalStatus(request.getApprovalStatus());
+        businessTitle.setUpdateTime(System.currentTimeMillis());
+        businessTitle.setUpdateUser(userId);
+        businessTitleMapper.update(businessTitle);
+        // 添加日志上下文
+        LogDTO logDTO = getApprovalLogDTO(orgId, request.getId(), userId, businessTitle.getName(), state, request.getApprovalStatus());
+        logService.add(logDTO);
+    }
+
+
+    private LogDTO getApprovalLogDTO(String orgId, String id, String userId, String response, String state, String newState) {
+        LogDTO logDTO = new LogDTO(orgId, id, userId, LogType.APPROVAL, LogModule.CONTRACT_BUSINESS_TITLE, response);
+        Map<String, String> oldMap = new HashMap<>();
+        oldMap.put("approvalStatus", Translator.get("contract.approval_status." + state.toLowerCase()));
+        logDTO.setOriginalValue(oldMap);
+        Map<String, String> newMap = new HashMap<>();
+        newMap.put("approvalStatus", Translator.get("contract.approval_status." + newState.toLowerCase()));
+        logDTO.setModifiedValue(newMap);
+        return logDTO;
+    }
+
+
+    /**
+     * 撤销审核
+     *
+     * @param id
+     * @param userId
+     * @param orgId
+     * @return
+     */
+    public String revoke(String id, String userId, String orgId) {
+        BusinessTitle businessTitle = checkTitle(id);
+
+        String originApprovalStatus = businessTitle.getApprovalStatus();
+
+        businessTitle.setApprovalStatus(ApprovalState.REVOKED.toString());
+        businessTitle.setUpdateUser(userId);
+        businessTitle.setUpdateTime(System.currentTimeMillis());
+        businessTitleMapper.update(businessTitle);
+
+
+        // 添加日志上下文
+        LogDTO logDTO = getApprovalLogDTO(orgId, id, userId, businessTitle.getName(), originApprovalStatus, ApprovalState.REVOKED.toString());
+        logService.add(logDTO);
+
+        return businessTitle.getApprovalStatus();
+    }
+
+    /**
+     * 下载模板
+     *
+     * @param response
+     * @param orgId
+     */
+    public void downloadImportTpl(HttpServletResponse response, String orgId) {
+        //获取表头字段
+        List<List<String>> heads = getTemplateHead();
+
+        new EasyExcelExporter()
+                .exportMultiSheetTplWithSharedHandler(response, heads,
+                        Translator.get("business_title_import_tpl.name"), Translator.get(SheetKey.DATA), Translator.get(SheetKey.COMMENT),
+                        new BusinessTitleTemplateWriteHandler(heads, getBusinessTitleConfig(orgId)), new CustomHeadColWidthStyleStrategy());
+    }
+
+
+    private Map<String, Boolean> getBusinessTitleConfig(String orgId) {
+        LambdaQueryWrapper<BusinessTitleConfig> configWrapper = new LambdaQueryWrapper<>();
+        configWrapper.eq(BusinessTitleConfig::getOrganizationId, orgId);
+        List<BusinessTitleConfig> businessTitleConfigs = businessTitleConfigMapper.selectListByLambda(configWrapper);
+        return businessTitleConfigs.stream().collect(Collectors.toMap(BusinessTitleConfig::getField, BusinessTitleConfig::getRequired));
+    }
+
+    private List<List<String>> getTemplateHead() {
+        return new BusinessTitleExcelDataFactory().getExcelDataLocal().getHead();
+    }
+
+
+    /**
+     * 导入检查
+     *
+     * @param file
+     * @param orgId
+     * @return
+     */
+    public ImportResponse importPreCheck(MultipartFile file, String orgId, BusinessTitleImportRequest request) {
+        if (file == null) {
+            throw new GenericException(Translator.get("file_cannot_be_null"));
+        }
+        return checkImportExcel(file, orgId, request);
+    }
+
+
+    /**
+     * 检查导入文件
+     *
+     * @param file
+     * @param orgId
+     * @return
+     */
+    private ImportResponse checkImportExcel(MultipartFile file, String orgId, BusinessTitleImportRequest request) {
+        try {
+            Class<?> clazz = new UserExcelDataFactory().getExcelDataByLocal();
+            BusinessTitleCheckEventListener eventListener = new BusinessTitleCheckEventListener(clazz, getBusinessTitleConfig(orgId), orgId, getTemplateHead(), request);
+            FastExcelFactory.read(file.getInputStream(), eventListener).headRowNumber(1).ignoreEmptyRow(true).sheet().doRead();
+            return ImportResponse.builder().errorMessages(eventListener.getErrList())
+                    .successCount(eventListener.getSuccess()).failCount(eventListener.getErrList().size()).build();
+        } catch (Exception e) {
+            log.error("import pre-check error: {}", e.getMessage());
+            throw new GenericException(e.getMessage());
+        }
+    }
+
+
+    /**
+     * 导入
+     *
+     * @param file
+     * @param userId
+     * @param orgId
+     * @return
+     */
+    public ImportResponse realImport(MultipartFile file, String userId, String orgId, BusinessTitleImportRequest request) {
+        if (file == null) {
+            throw new GenericException(Translator.get("file_cannot_be_null"));
+        }
+        try {
+            Class<?> clazz = new UserExcelDataFactory().getExcelDataByLocal();
+
+            BusinessTitleImportType businessTitleImportType = EnumUtils.valueOf(BusinessTitleImportType.class, request.getImportType());
+            Consumer<List<BusinessTitle>> afterDto = null;
+            switch (businessTitleImportType) {
+                case BusinessTitleImportType.ADD -> {
+                    afterDto = (businessTitles) -> {
+                        List<LogDTO> logs = new ArrayList<>();
+                        businessTitles.forEach(title -> {
+                            title.setType(BusinessTitleType.CUSTOM.name());
+                            title.setApprovalStatus(ContractApprovalStatus.APPROVING.name());
+                            logs.add(new LogDTO(orgId, title.getId(), userId, LogType.ADD, LogModule.CONTRACT_BUSINESS_TITLE, title.getName()));
+                        });
+                        businessTitleMapper.batchInsert(businessTitles);
+                        logService.batchAdd(logs);
+                    };
+                }
+                case BusinessTitleImportType.UPDATE -> {
+                    SqlSession sqlSession = sqlSessionFactory.openSession(ExecutorType.BATCH);
+                    ExtBusinessTitleMapper mapper = sqlSession.getMapper(ExtBusinessTitleMapper.class);
+                    afterDto = (businessTitles) -> {
+                        List<BusinessTitle> titleList = extBusinessTitleMapper.selectByNames(businessTitles.stream().map(BusinessTitle::getName).toList());
+                        Map<String, BusinessTitle> nameNap = titleList.stream().collect(Collectors.toMap(BusinessTitle::getName, Function.identity()));
+                        List<LogDTO> logs = new ArrayList<>();
+                        Set<String> titleSet = new HashSet<>();
+                        businessTitles.removeIf(user -> !titleSet.add(user.getName()));
+                        businessTitles.forEach(title -> {
+                            //1.通过name查询id
+                            //2.setId 并更新
+                            if (nameNap.containsKey(title.getName())) {
+                                BusinessTitle originTitle = nameNap.get(title.getName());
+                                BeanCopyUtils.fillEmptyFields(title, originTitle);
+                                title.setId(originTitle.getId());
+                                title.setUpdateTime(System.currentTimeMillis());
+                                title.setUpdateUser(userId);
+                                mapper.updateById(title);
+                                LogDTO logDTO = new LogDTO(orgId, title.getId(), userId, LogType.UPDATE, LogModule.CONTRACT_BUSINESS_TITLE, title.getName());
+                                logDTO.setOriginalValue(originTitle);
+                                logDTO.setModifiedValue(title);
+                                logs.add(logDTO);
+                            }
+                        });
+                        sqlSession.flushStatements();
+                        SqlSessionUtils.closeSqlSession(sqlSession, sqlSessionFactory);
+                        logService.batchAdd(logs);
+                    };
+                }
+            }
+
+            var eventListener = new BusinessTitleImportEventListener(clazz, BusinessTitle.class, getBusinessTitleConfig(orgId), orgId, userId, afterDto, getTemplateHead(), request);
+            FastExcelFactory.read(file.getInputStream(), eventListener).headRowNumber(1).ignoreEmptyRow(true).sheet().doRead();
+            return ImportResponse.builder().errorMessages(eventListener.getErrList())
+                    .successCount(eventListener.getSuccessCount()).failCount(eventListener.getErrList().size()).build();
+        } catch (Exception e) {
+            log.error("importExcel error", e);
+            throw new GenericException(e.getMessage());
+        }
+    }
+
+
+    /**
+     * 三方查询
+     *
+     * @param keyword
+     * @param orgId
+     */
+    public BusinessTitle thirdQuery(String keyword, String orgId) {
+        BusinessTitle businessTitle = new BusinessTitle();
+        ThirdConfigBaseDTO<?> thirdConfig = integrationConfigService.getThirdConfigForPublic(ThirdConfigTypeConstants.QCC.name(), orgId);
+        if (thirdConfig.getVerify()) {
+            QccThirdConfigRequest qccConfig = JSON.MAPPER.convertValue(thirdConfig.getConfig(), QccThirdConfigRequest.class);
+            if (qccConfig != null && qccConfig.getQccEnable()) {
+                businessTitle = getTitleInfo(keyword, qccConfig);
+            }
+        }
+
+        return businessTitle;
+    }
+
+    private BusinessTitle getTitleInfo(String keyword, QccThirdConfigRequest qccConfig) {
+        Map<String, String> headers = buildHeaders(qccConfig);
+        try {
+            String url = HttpClientUtils.urlTransfer(qccConfig.getQccAddress().concat(QccApiPaths.ENTERPRISE_INFO_VERIFY_API), qccConfig.getQccAccessKey(), keyword);
+            String json = HttpClientUtils.sendGetRequest(url, headers);
+            QccEnterpriseInfo qccEnterpriseInfo = JSON.parseObject(json, QccEnterpriseInfo.class);
+            if (!Strings.CI.equals("200", qccEnterpriseInfo.getStatus())) {
+                throw new GenericException(qccEnterpriseInfo.getMessage());
+            }
+            return buildBusinessTitle(qccEnterpriseInfo.getResult());
+        } catch (Exception e) {
+            log.error("查询企业信息异常", e);
+            throw new GenericException(e.getMessage());
+        }
+    }
+
+    private BusinessTitle buildBusinessTitle(EnterpriseInfo enterpriseInfo) {
+        BusinessTitle businessTitle = new BusinessTitle();
+        if (enterpriseInfo != null) {
+            InfoData data = enterpriseInfo.getData();
+            businessTitle.setName(data.getName());
+            businessTitle.setIdentificationNumber(data.getTaxNo());
+            if (data.getBankInfo() != null) {
+                businessTitle.setOpeningBank(data.getBankInfo().getBank());
+                businessTitle.setBankAccount(data.getBankInfo().getBankAccount());
+            }
+            businessTitle.setRegistrationAddress(data.getAddress());
+            if (data.getContactInfo() != null) {
+                businessTitle.setPhoneNumber(data.getContactInfo().getTel());
+            }
+            businessTitle.setRegisteredCapital(data.getRegisterCapi());
+            businessTitle.setCompanySize(data.getPersonScope());
+            businessTitle.setRegistrationNumber(data.getNo());
+            if (data.getArea() != null) {
+                String province = data.getArea().getProvince();
+                String city = data.getArea().getCity();
+                businessTitle.setProvince(province);
+                businessTitle.setCity(city);
+            }
+            businessTitle.setScale(data.getScale());
+            if (data.getIndustry() != null) {
+                businessTitle.setIndustry(data.getIndustry().getSubIndustry());
+            }
+        }
+        return businessTitle;
+    }
+
+
+    /**
+     * 分页查询
+     *
+     * @param keyword
+     * @param pageIndex
+     * @param orgId
+     * @return
+     */
+    public Pager<List<String>> thirdQueryOption(String keyword, Integer pageIndex, String orgId) {
+        Pager<List<String>> page = new Pager<>();
+        ThirdConfigBaseDTO<?> thirdConfig = integrationConfigService.getThirdConfigForPublic(ThirdConfigTypeConstants.QCC.name(), orgId);
+        if (thirdConfig.getVerify()) {
+            QccThirdConfigRequest qccConfig = JSON.MAPPER.convertValue(thirdConfig.getConfig(), QccThirdConfigRequest.class);
+            if (qccConfig != null && qccConfig.getQccEnable()) {
+                getNameList(keyword, qccConfig, String.valueOf(pageIndex), page);
+            }
+        }
+        return page;
+    }
+
+    private void getNameList(String keyword, QccThirdConfigRequest qccConfig, String pageIndex, Pager<List<String>> page) {
+        Map<String, String> headers = buildHeaders(qccConfig);
+        try {
+            String url = HttpClientUtils.urlTransfer(qccConfig.getQccAddress().concat(QccApiPaths.FUZZY_SEARCH_LIST_API), qccConfig.getQccAccessKey(), keyword, pageIndex);
+            String json = HttpClientUtils.sendGetRequest(url, headers);
+            QccFuzzyQueryInfo queryInfo = JSON.parseObject(json, QccFuzzyQueryInfo.class);
+            if (!Strings.CI.equals("200", queryInfo.getStatus())) {
+                throw new GenericException(queryInfo.getMessage());
+            }
+            buildPageInfo(queryInfo, page);
+        } catch (Exception e) {
+            log.error("查询企业信息异常", e);
+            throw new GenericException(e.getMessage());
+        }
+    }
+
+    private void buildPageInfo(QccFuzzyQueryInfo queryInfo, Pager<List<String>> page) {
+        if (queryInfo.getPaging() != null) {
+            Paging paging = queryInfo.getPaging();
+            page.setTotal(paging.getTotalRecords());
+            page.setPageSize(paging.getPageSize());
+            page.setCurrent(paging.getPageIndex());
+        }
+
+        if (queryInfo.getResult() != null) {
+            List<String> names = queryInfo.getResult().stream().map(NameInfo::getName).toList();
+            page.setList(names);
+        }
+    }
+
+    private Map<String, String> buildHeaders(QccThirdConfigRequest qccConfig) {
+        long time = System.currentTimeMillis() / 1000;
+        String token = CodingUtils.md5(qccConfig.getQccAccessKey() + time + qccConfig.getQccSecretKey()).toUpperCase();
+        Map<String, String> headers = new HashMap<>();
+        headers.put("Token", token);
+        headers.put("Timespan", String.valueOf(time));
+        return headers;
+    }
+
+    public ModuleFormConfigDTO getBusinessFormConfig() {
+        ModuleFormConfigDTO moduleFormConfigDTO = new ModuleFormConfigDTO();
+        List<BaseField> fields = moduleFormService.initBusinessTitleFields();
+        moduleFormConfigDTO.setFields(fields);
+        return moduleFormConfigDTO;
+    }
+
+    public List<BusinessTitle> selectByIds(List<String> ids) {
+        return businessTitleMapper.selectByIds(ids);
+    }
+
+    public BusinessTitle selectById(String id) {
+        if (StringUtils.isBlank(id)) {
+            return null;
+        }
+        return businessTitleMapper.selectByPrimaryKey(id);
+    }
+
+    public String getBusinessTitleName(String string) {
+        BusinessTitle businessTitle = businessTitleMapper.selectByPrimaryKey(string);
+        return Optional.ofNullable(businessTitle).map(BusinessTitle::getName).orElse(null);
+    }
+
+    /**
+     * 通过名称获取工商表头集合
+     *
+     * @param names 名称
+     * @return 工商表头集合
+     */
+    public List<BusinessTitle> getBusinessTitleListByNames(List<String> names) {
+        LambdaQueryWrapper<BusinessTitle> lambdaQueryWrapper = new LambdaQueryWrapper<>();
+        lambdaQueryWrapper.in(BusinessTitle::getName, names);
+        return businessTitleMapper.selectListByLambda(lambdaQueryWrapper);
+    }
+
+    /**
+     * 通过ID集合获取工商表头名称
+     *
+     * @param ids id集合
+     * @return 工商表头名称
+     */
+    public String getTitleNameByIds(List<String> ids) {
+        List<BusinessTitle> titles = businessTitleMapper.selectByIds(ids);
+        if (CollectionUtils.isNotEmpty(titles)) {
+            List<String> names = titles.stream().map(BusinessTitle::getName).toList();
+            return String.join(",", names);
+        }
+        return StringUtils.EMPTY;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractExportService.java b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractExportService.java
new file mode 100644
index 0000000..4688321
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractExportService.java
@@ -0,0 +1,225 @@
+package cn.cordys.crm.contract.service;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.dto.ExportDTO;
+import cn.cordys.common.dto.ExportFieldParam;
+import cn.cordys.common.dto.FieldExportMeta;
+import cn.cordys.common.dto.stage.StageConfigResponse;
+import cn.cordys.common.resolver.field.AbstractModuleFieldResolver;
+import cn.cordys.common.resolver.field.ModuleFieldResolverFactory;
+import cn.cordys.common.service.BaseExportService;
+import cn.cordys.common.util.TimeUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.approval.service.ApprovalFlowService;
+import com.github.pagehelper.PageHelper;
+import cn.cordys.crm.contract.dto.request.ContractPageRequest;
+import cn.cordys.crm.contract.dto.response.ContractListResponse;
+import cn.cordys.crm.contract.mapper.ExtContractMapper;
+import cn.cordys.crm.contract.mapper.ExtContractStageConfigMapper;
+import cn.cordys.crm.system.excel.domain.MergeResult;
+import cn.cordys.crm.system.service.ModuleFormService;
+import cn.cordys.registry.ExportThreadRegistry;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.tuple.Pair;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+import java.util.concurrent.*;
+import java.util.function.Function;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class ContractExportService extends BaseExportService {
+
+    @Resource
+    private ContractService contractService;
+    @Resource
+    private ExtContractMapper extContractMapper;
+    @Resource
+    private ModuleFormService moduleFormService;
+    @Resource
+    private ApprovalFlowService approvalFlowService;
+
+    private final ExecutorService executor = Executors.newVirtualThreadPerTaskExecutor();
+    @Resource
+    private ExtContractStageConfigMapper extContractStageConfigMapper;
+
+    @Override
+    protected MergeResult getExportMergeData(String taskId, ExportDTO exportParam) {
+        var collectResult = collectExportList(exportParam);
+        var exportList = collectResult.getLeft();
+        var queryCount = collectResult.getRight();
+        if (CollectionUtils.isEmpty(exportList)) {
+            return MergeResult.builder().dataList(new ArrayList<>()).mergeRegions(new ArrayList<>()).handleCount(0).build();
+        }
+        var dataList = contractService.buildList(exportList, exportParam.getOrgId());
+        moduleFormService.getBaseModuleFieldValues(dataList, ContractListResponse::getModuleFields);
+        var exportFieldParam = exportParam.getExportFieldParam();
+        Map<String, String> stageConfigMap =
+                extContractStageConfigMapper.getStageConfigList(exportParam.getOrgId())
+                        .stream()
+                        .collect(Collectors.toMap(
+                                StageConfigResponse::getId,
+                                StageConfigResponse::getName
+                        ));
+        return parallelBuildMergeResult(taskId, exportParam, dataList, exportFieldParam, stageConfigMap, queryCount);
+    }
+
+    private Pair<List<ContractListResponse>, Integer> collectExportList(ExportDTO exportParam) {
+        var orgId = exportParam.getOrgId();
+        var userId = exportParam.getUserId();
+        var deptDataPermission = exportParam.getDeptDataPermission();
+        if (CollectionUtils.isNotEmpty(exportParam.getSelectIds())) {
+            // 勾选导出：先查询勾选的数据，然后过滤导出权限
+            List<ContractListResponse> exportList = extContractMapper.getListByIds(exportParam.getSelectIds(), userId, orgId, deptDataPermission);
+            int queryCount = exportList.size();
+            return Pair.of(filterExportPermission(exportList, orgId), queryCount);
+        }
+        // 全量导出：先查询分页数据，然后过滤导出权限
+        var request = (ContractPageRequest) exportParam.getPageRequest();
+        // offsetAsPageNum=true 时，第一个参数是偏移量而非页码，需要手动计算
+        int offset = (request.getCurrent() - 1) * request.getPageSize();
+        PageHelper.startPage(offset, request.getPageSize());
+        List<ContractListResponse> exportList = extContractMapper.list(request, orgId, userId, deptDataPermission, false);
+        int queryCount = exportList.size();
+        return Pair.of(filterExportPermission(exportList, orgId), queryCount);
+    }
+
+    /**
+     * 根据审批流状态权限过滤可导出的数据
+     *
+     * @param exportList 原始导出数据列表
+     * @param orgId      组织ID
+     * @return 过滤后可导出的数据列表
+     */
+    private List<ContractListResponse> filterExportPermission(List<ContractListResponse> exportList, String orgId) {
+        return filterApprovalExportPermission(exportList, orgId, FormKey.CONTRACT.getKey(),
+                ContractListResponse::getId, ContractListResponse::getApprovalStatus,
+                approvalFlowService);
+    }
+
+    /**
+     * 并行构建导出数据及合并区域
+     *
+     * @param taskId           导出任务ID
+     * @param exportParam      导出参数
+     * @param dataList         数据列表
+     * @param exportFieldParam 导出字段参数
+     * @param queryCount       原始查询数量（过滤前）
+     * @return 合并结果
+     */
+    private MergeResult parallelBuildMergeResult(String taskId, ExportDTO exportParam,
+                                                 List<ContractListResponse> dataList,
+                                                 ExportFieldParam exportFieldParam, Map<String, String> stageConfigMap, int queryCount) {
+        int size = dataList.size();
+        var cacheMap = new ConcurrentHashMap<>();
+        List<List<Object>> mergeRowData = new ArrayList<>(size);
+        List<int[]> mergeRegions = new ArrayList<>();
+
+        Semaphore dbSemaphore = new Semaphore(100);
+        List<Future<Pair<Integer, List<List<Object>>>>> futures = new ArrayList<>(size);
+
+        for (int i = 0; i < size; i++) {
+            final int idx = i;
+            ContractListResponse detail = dataList.get(i);
+            futures.add(executor.submit(() -> {
+                if (ExportThreadRegistry.isInterrupted(taskId)) {
+                    throw new InterruptedException("导出中断");
+                }
+                // 获取数据库访问许可
+                dbSemaphore.acquire();
+                try {
+                    List<List<Object>> buildData = buildData(detail, exportFieldParam, exportParam.getExportMetas(), cacheMap, stageConfigMap);
+                    return Pair.of(idx, buildData);
+                } finally {
+                    dbSemaphore.release();  // 确保释放
+                }
+            }));
+        }
+
+        // 收集结果（阻塞）
+        List<Pair<Integer, List<List<Object>>>> results = new ArrayList<>(size);
+        for (Future<Pair<Integer, List<List<Object>>>> f : futures) {
+            try {
+                results.add(f.get());
+            } catch (Exception e) {
+                log.error("Parse row data error: {}", e.getMessage());
+            }
+        }
+
+        results.sort(Comparator.comparingInt(Pair::getLeft));
+
+        int offset = 0;
+        for (Pair<Integer, List<List<Object>>> r : results) {
+            List<List<Object>> buildData = r.getRight();
+            if (buildData.size() > 1) {
+                mergeRegions.add(new int[]{offset, offset + buildData.size() - 1});
+            }
+            offset += buildData.size();
+            mergeRowData.addAll(buildData);
+        }
+
+        cacheMap.clear();
+
+        return MergeResult.builder()
+                .mergeRegions(mergeRegions)
+                .dataList(mergeRowData)
+                .handleCount(queryCount)
+                .build();
+    }
+
+    private List<List<Object>> buildData(ContractListResponse detail, ExportFieldParam exportFieldParam, List<FieldExportMeta> exportMetas, Map<Object, Object> cacheMap, Map<String, String> stageConfigMap) {
+        return buildDataWithSub(detail.getModuleFields(), exportFieldParam, exportMetas, getSystemFieldMap(detail, exportMetas, stageConfigMap), cacheMap);
+    }
+
+    public LinkedHashMap<String, Object> getSystemFieldMap(ContractListResponse data, List<FieldExportMeta> exportMetas, Map<String, String> stageConfigMap) {
+        LinkedHashMap<String, Object> systemFieldMap = new LinkedHashMap<>();
+        systemFieldMap.put("name", data.getName());
+        systemFieldMap.put("owner", data.getOwnerName());
+        systemFieldMap.put("departmentId", data.getDepartmentName());
+        systemFieldMap.put("customerId", data.getCustomerName());
+        systemFieldMap.put("amount", data.getAmount());
+        systemFieldMap.put("alreadyPayAmount", data.getAlreadyPayAmount());
+        systemFieldMap.put("number", data.getNumber());
+
+        if (StringUtils.isNotBlank(data.getApprovalStatus())) {
+            systemFieldMap.put("approvalStatus", Translator.get("contract.approval_status." + data.getApprovalStatus().toLowerCase(), Locale.SIMPLIFIED_CHINESE));
+        }
+        if (StringUtils.isNotBlank(data.getStage())) {
+            systemFieldMap.put("stage", stageConfigMap.get(data.getStage()));
+        }
+
+        systemFieldMap.put("createUser", data.getCreateUserName());
+        systemFieldMap.put("createTime", TimeUtils.getDateTimeStr(data.getCreateTime()));
+        systemFieldMap.put("updateUser", data.getUpdateUserName());
+        systemFieldMap.put("updateTime", TimeUtils.getDateTimeStr(data.getUpdateTime()));
+        systemFieldMap.put("voidReason", data.getVoidReason());
+
+        // 将 exportMetas 转为 Map，避免重复遍历
+        Map<String, FieldExportMeta> metaMap = exportMetas.stream()
+                .collect(Collectors.toMap(FieldExportMeta::getBusinessKey, Function.identity(), (a, b) -> a));
+
+        resolveAndPutTimeField(systemFieldMap, metaMap, "startTime", String.valueOf(data.getStartTime()));
+        resolveAndPutTimeField(systemFieldMap, metaMap, "endTime", String.valueOf(data.getEndTime()));
+
+        return systemFieldMap;
+    }
+
+    private void resolveAndPutTimeField(LinkedHashMap<String, Object> map,
+                                        Map<String, FieldExportMeta> metaMap,
+                                        String businessKey,
+                                        String rawValue) {
+        FieldExportMeta meta = metaMap.get(businessKey);
+        if (meta != null) {
+            AbstractModuleFieldResolver resolver = ModuleFieldResolverFactory.getResolver(meta.getField().getType());
+            map.put(businessKey, resolver.transformToValue(meta.getField(), rawValue));
+        }
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractFieldService.java b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractFieldService.java
new file mode 100644
index 0000000..d54b4c9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractFieldService.java
@@ -0,0 +1,35 @@
+package cn.cordys.crm.contract.service;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.service.BaseResourceFieldService;
+import cn.cordys.crm.contract.domain.ContractField;
+import cn.cordys.crm.contract.domain.ContractFieldBlob;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class ContractFieldService extends BaseResourceFieldService<ContractField, ContractFieldBlob> {
+
+    @Resource
+    private BaseMapper<ContractField> contractFieldMapper;
+    @Resource
+    private BaseMapper<ContractFieldBlob> contractFieldBlobMapper;
+
+    @Override
+    protected String getFormKey() {
+        return FormKey.CONTRACT.getKey();
+    }
+
+    @Override
+    protected BaseMapper<ContractField> getResourceFieldMapper() {
+        return contractFieldMapper;
+    }
+
+    @Override
+    protected BaseMapper<ContractFieldBlob> getResourceFieldBlobMapper() {
+        return contractFieldBlobMapper;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractInvoiceExportService.java b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractInvoiceExportService.java
new file mode 100644
index 0000000..8cda298
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractInvoiceExportService.java
@@ -0,0 +1,162 @@
+package cn.cordys.crm.contract.service;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.dto.ExportDTO;
+import cn.cordys.common.dto.ExportHeadDTO;
+import cn.cordys.common.resolver.field.AbstractModuleFieldResolver;
+import cn.cordys.common.resolver.field.ModuleFieldResolverFactory;
+import cn.cordys.common.service.BaseExportService;
+import cn.cordys.common.util.TimeUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.approval.service.ApprovalFlowService;
+import cn.cordys.crm.contract.dto.request.ContractInvoicePageRequest;
+import cn.cordys.crm.contract.dto.response.ContractInvoiceListResponse;
+import cn.cordys.crm.contract.mapper.ExtContractInvoiceMapper;
+import cn.cordys.crm.system.dto.field.SelectField;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.registry.ExportThreadRegistry;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.ArrayList;
+import java.util.LinkedHashMap;
+import java.util.List;
+import java.util.Map;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class ContractInvoiceExportService extends BaseExportService {
+
+    @Resource
+    private ContractInvoiceService contractInvoiceService;
+    @Resource
+    private ExtContractInvoiceMapper extContractInvoiceMapper;
+    @Resource
+    private ApprovalFlowService approvalFlowService;
+
+    /**
+     * 构建导出的数据
+     *
+     * @return 导出数据列表
+     */
+    @Override
+    public List<List<Object>> getExportData(String taskId, ExportDTO exportDTO) throws InterruptedException {
+        ContractInvoicePageRequest pageRequest = (ContractInvoicePageRequest) exportDTO.getPageRequest();
+        String orgId = exportDTO.getOrgId();
+        PageHelper.startPage(pageRequest.getCurrent(), pageRequest.getPageSize());
+        //获取数据
+        List<ContractInvoiceListResponse> allList = extContractInvoiceMapper.list(pageRequest, orgId, exportDTO.getUserId(), exportDTO.getDeptDataPermission());
+        // 根据审批状态导出权限过滤
+        allList = filterExportPermission(allList, orgId);
+        if (CollectionUtils.isEmpty(allList)) {
+            return new ArrayList<>();
+        }
+        List<ContractInvoiceListResponse> dataList = contractInvoiceService.buildList(allList, orgId);
+        Map<String, BaseField> fieldConfigMap = getFieldConfigMap(FormKey.INVOICE.getKey(), orgId);
+
+
+        //构建导出数据
+        List<List<Object>> data = new ArrayList<>();
+        for (ContractInvoiceListResponse response : dataList) {
+            if (ExportThreadRegistry.isInterrupted(taskId)) {
+                throw new InterruptedException("线程已被中断，主动退出");
+            }
+            List<Object> value = buildData(exportDTO.getHeadList(), response, fieldConfigMap);
+            data.add(value);
+        }
+
+        return data;
+    }
+
+    private List<Object> buildData(List<ExportHeadDTO> headList, ContractInvoiceListResponse data,
+                                   Map<String, BaseField> fieldConfigMap) {
+        //固定字段map
+        LinkedHashMap<String, Object> systemFieldMap = getSystemFieldMap(data, fieldConfigMap);
+        //自定义字段map
+        Map<String, Object> moduleFieldMap = getFieldIdValueMap(data.getModuleFields());
+        //处理数据转换
+        return transModuleFieldValue(headList, systemFieldMap, moduleFieldMap, new ArrayList<>(), fieldConfigMap);
+    }
+
+    public LinkedHashMap<String, Object> getSystemFieldMap(ContractInvoiceListResponse data, Map<String, BaseField> fieldConfigMap) {
+        LinkedHashMap<String, Object> systemFieldMap = new LinkedHashMap<>();
+        systemFieldMap.put("contractId", data.getContractName());
+        systemFieldMap.put("owner", data.getOwnerName());
+        systemFieldMap.put("name", data.getName());
+        systemFieldMap.put("departmentId", data.getDepartmentName());
+        systemFieldMap.put("amount", data.getAmount());
+
+        BaseField taxRate = fieldConfigMap.values().stream().filter(field -> Strings.CI.equals(field.getBusinessKey(), "taxRate")).findFirst().orElse(null);
+        if (taxRate != null && data.getTaxRate() != null) {
+            AbstractModuleFieldResolver customFieldResolver = ModuleFieldResolverFactory.getResolver(taxRate.getType());
+            systemFieldMap.put("taxRate", customFieldResolver.transformToValue(taxRate, data.getTaxRate().stripTrailingZeros().toPlainString()));
+        }
+        systemFieldMap.put("businessTitleId", data.getBusinessTitleName());
+        systemFieldMap.put("approvalStatus", data.getApprovalStatus() == null ? null : Translator.get("contract.approval_status." + data.getApprovalStatus().toLowerCase()));
+
+        for (BaseField field : fieldConfigMap.values()) {
+            if (Strings.CS.equals(BusinessModuleField.INVOICE_INVOICE_TYPE.getBusinessKey(), field.getBusinessKey())
+                    && field instanceof SelectField invoiceTypeField) {
+                String invoiceTypeName = getOptionLabel(data.getInvoiceType(), invoiceTypeField.getOptions());
+                systemFieldMap.put("invoiceType", invoiceTypeName);
+            }
+        }
+
+        systemFieldMap.put("createUser", data.getCreateUserName());
+        systemFieldMap.put("createTime", TimeUtils.getDateTimeStr(data.getCreateTime()));
+        systemFieldMap.put("updateUser", data.getUpdateUserName());
+        systemFieldMap.put("updateTime", TimeUtils.getDateTimeStr(data.getUpdateTime()));
+        return systemFieldMap;
+    }
+
+
+    /**
+     * 选中回款计划数据
+     *
+     * @return 导出数据列表
+     */
+    @Override
+    public List<List<Object>> getSelectExportData(List<String> ids, String taskId, ExportDTO exportDTO) throws InterruptedException {
+        String orgId = exportDTO.getOrgId();
+        String userId = exportDTO.getUserId();
+        //获取数据
+        List<ContractInvoiceListResponse> allList = extContractInvoiceMapper.getListByIds(ids, userId, orgId, exportDTO.getDeptDataPermission());
+        // 根据审批状态导出权限过滤
+        allList = filterExportPermission(allList, orgId);
+        if (CollectionUtils.isEmpty(allList)) {
+            return new ArrayList<>();
+        }
+        List<ContractInvoiceListResponse> dataList = contractInvoiceService.buildList(allList, orgId);
+        Map<String, BaseField> fieldConfigMap = getFieldConfigMap(FormKey.INVOICE.getKey(), orgId);
+        //构建导出数据
+        List<List<Object>> data = new ArrayList<>();
+        for (ContractInvoiceListResponse response : dataList) {
+            if (ExportThreadRegistry.isInterrupted(taskId)) {
+                throw new InterruptedException("线程已被中断，主动退出");
+            }
+            List<Object> value = buildData(exportDTO.getHeadList(), response, fieldConfigMap);
+            data.add(value);
+        }
+        return data;
+    }
+
+    /**
+     * 根据审批流状态权限过滤可导出的数据
+     *
+     * @param exportList 原始导出数据列表
+     * @param orgId    组织ID
+     * @return 过滤后可导出的数据列表
+     */
+    private List<ContractInvoiceListResponse> filterExportPermission(List<ContractInvoiceListResponse> exportList, String orgId) {
+        return filterApprovalExportPermission(exportList, orgId, FormKey.INVOICE.getKey(),
+                ContractInvoiceListResponse::getId, ContractInvoiceListResponse::getApprovalStatus,
+                approvalFlowService);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractInvoiceFieldService.java b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractInvoiceFieldService.java
new file mode 100644
index 0000000..6bb51b3
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractInvoiceFieldService.java
@@ -0,0 +1,35 @@
+package cn.cordys.crm.contract.service;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.service.BaseResourceFieldService;
+import cn.cordys.crm.contract.domain.ContractInvoiceField;
+import cn.cordys.crm.contract.domain.ContractInvoiceFieldBlob;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class ContractInvoiceFieldService extends BaseResourceFieldService<ContractInvoiceField, ContractInvoiceFieldBlob> {
+
+    @Resource
+    private BaseMapper<ContractInvoiceField> contractInvoiceFieldMapper;
+    @Resource
+    private BaseMapper<ContractInvoiceFieldBlob> contractInvoiceFieldBlobMapper;
+
+    @Override
+    protected String getFormKey() {
+        return FormKey.INVOICE.getKey();
+    }
+
+    @Override
+    protected BaseMapper<ContractInvoiceField> getResourceFieldMapper() {
+        return contractInvoiceFieldMapper;
+    }
+
+    @Override
+    protected BaseMapper<ContractInvoiceFieldBlob> getResourceFieldBlobMapper() {
+        return contractInvoiceFieldBlobMapper;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractInvoiceResourceAccessContextProvider.java b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractInvoiceResourceAccessContextProvider.java
new file mode 100644
index 0000000..a5e2664
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractInvoiceResourceAccessContextProvider.java
@@ -0,0 +1,47 @@
+package cn.cordys.crm.contract.service;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.permission.ResourceAccessContext;
+import cn.cordys.common.permission.ResourceAccessContextProvider;
+import cn.cordys.crm.contract.domain.ContractInvoice;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Component;
+
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+
+@Component
+public class ContractInvoiceResourceAccessContextProvider implements ResourceAccessContextProvider {
+
+    @Resource
+    private BaseMapper<ContractInvoice> contractInvoiceMapper;
+
+    @Override
+    public String getFormType() {
+        return FormKey.INVOICE.getKey();
+    }
+
+    @Override
+    public ResourceAccessContext getAccessContext(String resourceId, String orgId) {
+        ContractInvoice invoice = contractInvoiceMapper.selectByPrimaryKey(resourceId);
+        if (invoice == null) {
+            return null;
+        }
+        ResourceAccessContext context = new ResourceAccessContext();
+        context.setOwnerId(invoice.getOwner());
+        context.setApprovalStatus(invoice.getApprovalStatus());
+        return context;
+    }
+
+    @Override
+    public Map<String, String> batchGetOwnerIds(List<String> resourceIds, String orgId) {
+        if (resourceIds == null || resourceIds.isEmpty()) {
+            return Map.of();
+        }
+        return contractInvoiceMapper.selectByIds(resourceIds).stream()
+                .filter(invoice -> invoice.getOwner() != null)
+                .collect(Collectors.toMap(ContractInvoice::getId, ContractInvoice::getOwner, (a, b) -> a));
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractInvoiceService.java b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractInvoiceService.java
new file mode 100644
index 0000000..5b09499
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractInvoiceService.java
@@ -0,0 +1,744 @@
+package cn.cordys.crm.contract.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.aspectj.dto.LogDTO;
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.*;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.permission.PermissionCache;
+import cn.cordys.common.permission.PermissionUtils;
+import cn.cordys.common.resolver.field.AbstractModuleFieldResolver;
+import cn.cordys.common.resolver.field.ModuleFieldResolverFactory;
+import cn.cordys.common.response.result.CrmHttpResultCode;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.approval.annotation.HitApproval;
+import cn.cordys.crm.approval.constants.ApprovalFormTypeEnum;
+import cn.cordys.crm.approval.constants.ApprovalStatus;
+import cn.cordys.crm.approval.constants.ExecuteTimingEnum;
+import cn.cordys.crm.approval.dto.ResourceApprovalFieldUpdateParam;
+import cn.cordys.crm.approval.dto.ResourceApprovalPostUpdateParam;
+import cn.cordys.crm.approval.dto.ResourceSnapshotApprovalParam;
+import cn.cordys.crm.approval.handler.ApprovalResourceHandler;
+import cn.cordys.crm.approval.service.ApprovalFlowService;
+import cn.cordys.crm.approval.service.ApprovalResourceService;
+import cn.cordys.crm.contract.constants.BusinessTitleConstants;
+import cn.cordys.crm.contract.domain.*;
+import cn.cordys.crm.contract.dto.request.ContractInvoiceAddRequest;
+import cn.cordys.crm.contract.dto.request.ContractInvoicePageRequest;
+import cn.cordys.crm.contract.dto.request.ContractInvoiceUpdateRequest;
+import cn.cordys.crm.contract.dto.response.ContractInvoiceGetResponse;
+import cn.cordys.crm.contract.dto.response.ContractInvoiceListResponse;
+import cn.cordys.crm.contract.mapper.ExtContractInvoiceMapper;
+import cn.cordys.crm.system.constants.DictModule;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.DictService;
+import cn.cordys.crm.system.service.LogService;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.crm.system.service.ModuleFormService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.math.BigDecimal;
+import java.util.*;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class ContractInvoiceService implements ApprovalResourceHandler {
+
+    @Resource
+    private ContractInvoiceFieldService invoiceFieldService;
+    @Resource
+    private BaseMapper<ContractInvoice> invoiceMapper;
+    @Resource
+    private BaseService baseService;
+    @Resource
+    private ModuleFormService moduleFormService;
+    @Resource
+    private BaseMapper<ContractInvoiceSnapshot> snapshotBaseMapper;
+    @Resource
+    private ExtContractInvoiceMapper extContractInvoiceMapper;
+    @Resource
+    private BaseMapper<ContractInvoice> contractInvoiceMapper;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private PermissionCache permissionCache;
+    @Resource
+    private BaseMapper<Contract> contractMapper;
+    @Resource
+    private LogService logService;
+    @Resource
+    private BusinessTitleService businessTitleService;
+    @Resource
+    private DictService dictService;
+    @Resource
+    private ApprovalFlowService approvalFlowService;
+
+    /**
+     * 合同列表
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     * @param deptDataPermission
+     * @return
+     */
+    public PagerWithOption<List<ContractInvoiceListResponse>> list(ContractInvoicePageRequest request, String userId, String orgId, DeptDataPermissionDTO deptDataPermission) {
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        List<ContractInvoiceListResponse> list = extContractInvoiceMapper.list(request, orgId, userId, deptDataPermission);
+        List<ContractInvoiceListResponse> results = buildList(list, orgId);
+        Map<String, List<OptionDTO>> optionMap = buildOptionMap(list, results, orgId);
+
+        return PageUtils.setPageInfoWithOption(page, results, optionMap);
+    }
+
+    private Map<String, List<OptionDTO>> buildOptionMap(List<ContractInvoiceListResponse> list, List<ContractInvoiceListResponse> buildList, String orgId) {
+        ModuleFormConfigDTO formConfig = getFormConfig(orgId);
+        // 获取所有模块字段的值
+        List<BaseModuleFieldValue> moduleFieldValues = moduleFormService.getBaseModuleFieldValues(list, ContractInvoiceListResponse::getModuleFields);
+        // 获取选项值对应的 option
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(formConfig, moduleFieldValues);
+        // 补充负责人选项
+        List<OptionDTO> ownerFieldOption = moduleFormService.getBusinessFieldOption(buildList,
+                ContractInvoiceListResponse::getOwner, ContractInvoiceListResponse::getOwnerName);
+        optionMap.put(BusinessModuleField.INVOICE_OWNER.getBusinessKey(), ownerFieldOption);
+        // 补充工商抬头选项
+        List<OptionDTO> businessTitleFieldOption = moduleFormService.getBusinessFieldOption(buildList,
+                ContractInvoiceListResponse::getBusinessTitleId, ContractInvoiceListResponse::getBusinessTitleName);
+        optionMap.put(BusinessModuleField.INVOICE_BUSINESS_TITLE_ID.getBusinessKey(), businessTitleFieldOption);
+        return optionMap;
+    }
+
+    /**
+     * 新建合同
+     *
+     * @param request
+     * @param operatorId
+     * @param orgId
+     * @return
+     */
+    @OperationLog(module = LogModule.CONTRACT_INVOICE, type = LogType.ADD)
+	@HitApproval(formKey = FormKey.INVOICE, executeType = ExecuteTimingEnum.CREATE, resourceId = "#{request.id}", operatorId = "{#operatorId}")
+    public ContractInvoice add(ContractInvoiceAddRequest request, String operatorId, String orgId) {
+        List<BaseModuleFieldValue> moduleFields = request.getModuleFields();
+        ModuleFormConfigDTO moduleFormConfigDTO = request.getModuleFormConfigDTO();
+        if (CollectionUtils.isEmpty(moduleFields)) {
+            throw new GenericException(Translator.get("invoice.field.required"));
+        }
+        if (moduleFormConfigDTO == null) {
+            throw new GenericException(Translator.get("invoice.form.config.required"));
+        }
+
+        Contract contract = contractMapper.selectByPrimaryKey(request.getContractId());
+        BigDecimal contractInvoiceValidAmount = extContractInvoiceMapper.calculateContractInvoiceValidAmount(request.getContractId(), operatorId, orgId, null);
+        if (request.getAmount() != null && contract != null && request.getAmount().compareTo(contract.getAmount().subtract(contractInvoiceValidAmount)) > 0) {
+            // 校验发票金额
+            throw new GenericException(Translator.get("invoice.amount.exceed"));
+        }
+
+        ModuleFormConfigDTO saveModuleFormConfigDTO = JSON.parseObject(JSON.toJSONString(moduleFormConfigDTO), ModuleFormConfigDTO.class);
+        ContractInvoice invoice = BeanUtils.copyBean(new ContractInvoice(), request);
+        String id = IDGenerator.nextStr();
+        invoice.setId(id);
+        invoice.setOrganizationId(orgId);
+        invoice.setCreateTime(System.currentTimeMillis());
+        invoice.setCreateUser(operatorId);
+        invoice.setUpdateTime(System.currentTimeMillis());
+        invoice.setUpdateUser(operatorId);
+        invoice.setApprovalStatus(ApprovalStatus.NONE.name());
+
+        if (StringUtils.isBlank(request.getOwner())) {
+            invoice.setOwner(operatorId);
+        }
+
+        //自定义字段
+        invoiceFieldService.saveModuleField(invoice, orgId, operatorId, moduleFields, false);
+        invoiceMapper.insert(invoice);
+
+        baseService.handleAddLog(invoice, request.getModuleFields());
+        OperationLogContext.getContext().setResourceName(invoice.getName());
+        OperationLogContext.getContext().setResourceId(invoice.getId());
+
+        // 保存表单配置快照
+        List<BaseModuleFieldValue> resolveFieldValues = moduleFormService.resolveSnapshotFields(moduleFields, moduleFormConfigDTO, invoiceFieldService, invoice.getId());
+        ContractInvoiceGetResponse response = get(invoice, resolveFieldValues, moduleFormConfigDTO);
+        saveSnapshot(invoice, saveModuleFormConfigDTO, response);
+
+        return invoice;
+    }
+
+    /**
+     * 保存合同快照
+     *
+     * @param invoice
+     * @param moduleFormConfigDTO
+     * @param response
+     */
+    private void saveSnapshot(ContractInvoice invoice, ModuleFormConfigDTO moduleFormConfigDTO, ContractInvoiceGetResponse response) {
+        ContractInvoiceSnapshot snapshot = new ContractInvoiceSnapshot();
+        snapshot.setId(IDGenerator.nextStr());
+        snapshot.setInvoiceId(invoice.getId());
+        snapshot.setInvoiceProp(JSON.toJSONString(moduleFormConfigDTO));
+        snapshot.setInvoiceValue(JSON.toJSONString(response));
+        snapshotBaseMapper.insert(snapshot);
+    }
+
+    /**
+     * 编辑合同
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     * @return
+     */
+    @OperationLog(module = LogModule.CONTRACT_INVOICE, type = LogType.UPDATE, resourceId = "{#request.id}")
+	@HitApproval(formKey = FormKey.INVOICE, executeType = ExecuteTimingEnum.UPDATE, resourceId = "{#request.id}", updateType = "{#request.updateType}", operatorId = "{#userId}", comment = "{#request.comment}")
+    public ContractInvoice update(ContractInvoiceUpdateRequest request, String userId, String orgId) {
+        ContractInvoice originContractInvoice = invoiceMapper.selectByPrimaryKey(request.getId());
+        List<BaseModuleFieldValue> moduleFields = request.getModuleFields();
+        ModuleFormConfigDTO moduleFormConfigDTO = request.getModuleFormConfigDTO();
+        if (CollectionUtils.isEmpty(moduleFields)) {
+            throw new GenericException(Translator.get("invoice.field.required"));
+        }
+        if (moduleFormConfigDTO == null) {
+            throw new GenericException(Translator.get("invoice.form.config.required"));
+        }
+
+        String contractId = request.getContractId() == null ? originContractInvoice.getContractId() : request.getContractId();
+        Contract contract = contractMapper.selectByPrimaryKey(contractId);
+        BigDecimal contractInvoiceValidAmount = extContractInvoiceMapper.calculateContractInvoiceValidAmount(request.getContractId(), userId, orgId, request.getId());
+        if (request.getAmount() != null && contract != null && request.getAmount().compareTo(contract.getAmount().subtract(contractInvoiceValidAmount)) > 0) {
+            // 校验发票金额
+            throw new GenericException(Translator.get("invoice.amount.exceed"));
+        }
+
+        ModuleFormConfigDTO saveModuleFormConfigDTO = JSON.parseObject(JSON.toJSONString(moduleFormConfigDTO), ModuleFormConfigDTO.class);
+        Optional.of(originContractInvoice).ifPresentOrElse(item -> {
+            List<BaseModuleFieldValue> originFields = invoiceFieldService.getModuleFieldValuesByResourceId(request.getId());
+            ContractInvoice invoice = BeanUtils.copyBean(new ContractInvoice(), request);
+            invoice.setUpdateTime(System.currentTimeMillis());
+            invoice.setUpdateUser(userId);
+            // 保留不可更改的字段
+            invoice.setCreateUser(originContractInvoice.getCreateUser());
+            invoice.setCreateTime(originContractInvoice.getCreateTime());
+			invoice.setApprovalStatus(originContractInvoice.getApprovalStatus());
+
+            updateFields(moduleFields, invoice, orgId, userId);
+            invoiceMapper.update(invoice);
+            //删除快照
+            LambdaQueryWrapper<ContractInvoiceSnapshot> delWrapper = new LambdaQueryWrapper<>();
+            delWrapper.eq(ContractInvoiceSnapshot::getInvoiceId, request.getId());
+            List<ContractInvoiceSnapshot> invoiceSnapshots = snapshotBaseMapper.selectListByLambda(delWrapper);
+            if (CollectionUtils.isNotEmpty(invoiceSnapshots)) {
+                ContractInvoiceSnapshot first = invoiceSnapshots.getFirst();
+                if (first != null) {
+                    ContractInvoiceGetResponse response = JSON.parseObject(first.getInvoiceValue(), ContractInvoiceGetResponse.class);
+                    List<BaseModuleFieldValue> originModuleFields = response.getModuleFields();
+                    if (CollectionUtils.isNotEmpty(originModuleFields)) {
+                        originFields.addAll(originModuleFields);
+                    }
+                }
+            }
+            snapshotBaseMapper.deleteByLambda(delWrapper);
+            //保存快照
+            List<BaseModuleFieldValue> resolveFieldValues = moduleFormService.resolveSnapshotFields(moduleFields, moduleFormConfigDTO, invoiceFieldService, invoice.getId());
+            // get 方法需要使用orgId
+            invoice.setOrganizationId(orgId);
+            ContractInvoiceGetResponse response = get(invoice, resolveFieldValues, moduleFormConfigDTO);
+            saveSnapshot(invoice, saveModuleFormConfigDTO, response);
+
+            // 处理日志上下文
+            baseService.handleUpdateLog(originContractInvoice, invoice, originFields, moduleFields, request.getId(), invoice.getName());
+        }, () -> {
+            throw new GenericException(Translator.get("invoice.not.exist"));
+        });
+        return invoiceMapper.selectByPrimaryKey(request.getId());
+    }
+
+
+    /**
+     * 更新自定义字段
+     *
+     * @param moduleFields
+     * @param invoice
+     * @param orgId
+     * @param userId
+     */
+    private void updateFields(List<BaseModuleFieldValue> moduleFields, ContractInvoice invoice, String orgId, String userId) {
+        if (moduleFields == null) {
+            return;
+        }
+        invoiceFieldService.deleteByResourceId(invoice.getId());
+        invoiceFieldService.saveModuleField(invoice, orgId, userId, moduleFields, true);
+    }
+
+
+    /**
+     * 删除合同
+     *
+     * @param id
+     */
+    @OperationLog(module = LogModule.CONTRACT_INVOICE, type = LogType.DELETE, resourceId = "{#id}")
+    @HitApproval(formKey = FormKey.INVOICE, executeType = ExecuteTimingEnum.DELETE, resourceId = "{#id}", operatorId = "{#userId}")
+    public void delete(String id, String userId) {
+        ContractInvoice invoice = invoiceMapper.selectByPrimaryKey(id);
+        if (invoice == null) {
+            throw new GenericException(Translator.get("invoice.not.exist"));
+        }
+
+        invoiceFieldService.deleteByResourceId(id);
+        invoiceMapper.deleteByPrimaryKey(id);
+
+        //删除快照
+        LambdaQueryWrapper<ContractInvoiceSnapshot> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(ContractInvoiceSnapshot::getInvoiceId, id);
+        snapshotBaseMapper.deleteByLambda(wrapper);
+
+        // 添加日志上下文
+        OperationLogContext.setResourceName(invoice.getName());
+    }
+
+    @Override
+    public void deleteForResource(String resourceId, String userId, String organizationId) {
+        delete(resourceId, userId);
+    }
+
+    @Override
+    public FormKey getFormKey() {
+        return FormKey.INVOICE;
+    }
+
+    private ContractInvoiceGetResponse get(ContractInvoice contractInvoice, List<BaseModuleFieldValue> contractInvoiceFields, ModuleFormConfigDTO contractInvoiceFormConfig) {
+        ContractInvoiceGetResponse contractInvoiceGetResponse = BeanUtils.copyBean(new ContractInvoiceGetResponse(), contractInvoice);
+        contractInvoiceGetResponse = baseService.setCreateUpdateOwnerUserName(contractInvoiceGetResponse);
+
+        // 获取模块字段
+        moduleFormService.processBusinessFieldValues(contractInvoiceGetResponse, contractInvoiceFields, contractInvoiceFormConfig);
+        contractInvoiceFields = invoiceFieldService.setBusinessRefFieldValue(List.of(contractInvoiceGetResponse),
+                moduleFormService.getFlattenFormFields(FormKey.INVOICE.getKey(), contractInvoice.getOrganizationId()),
+                new HashMap<>(Map.of(contractInvoice.getId(), contractInvoiceFields))).get(contractInvoice.getId());
+
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(contractInvoiceFormConfig, contractInvoiceFields);
+
+        // 补充负责人选项
+        List<OptionDTO> ownerFieldOption = moduleFormService.getBusinessFieldOption(contractInvoiceGetResponse,
+                ContractInvoiceGetResponse::getOwner, ContractInvoiceGetResponse::getOwnerName);
+        optionMap.put(BusinessModuleField.INVOICE_OWNER.getBusinessKey(), ownerFieldOption);
+
+        Contract contract = contractMapper.selectByPrimaryKey(contractInvoice.getContractId());
+        if (contract != null) {
+            contractInvoiceGetResponse.setContractName(contract.getName());
+            optionMap.put(BusinessModuleField.INVOICE_CONTRACT_ID.getBusinessKey(), Collections.singletonList(new OptionDTO(contract.getId(), contract.getName())));
+        }
+
+        BusinessTitle businessTitle = businessTitleService.selectById(contractInvoiceGetResponse.getBusinessTitleId());
+        if (businessTitle != null) {
+            contractInvoiceGetResponse.setBusinessTitleName(businessTitle.getName());
+            optionMap.put(BusinessModuleField.INVOICE_BUSINESS_TITLE_ID.getBusinessKey(), Collections.singletonList(new OptionDTO(businessTitle.getId(), businessTitle.getName())));
+        }
+
+        contractInvoiceGetResponse.setOptionMap(optionMap);
+        contractInvoiceGetResponse.setModuleFields(contractInvoiceFields);
+
+        if (contractInvoiceGetResponse.getOwner() != null) {
+            UserDeptDTO userDeptDTO = baseService.getUserDeptMapByUserId(contractInvoiceGetResponse.getOwner(), contractInvoice.getOrganizationId());
+            if (userDeptDTO != null) {
+                contractInvoiceGetResponse.setDepartmentId(userDeptDTO.getDeptId());
+                contractInvoiceGetResponse.setDepartmentName(userDeptDTO.getDeptName());
+            }
+        }
+
+        // 附件信息
+        contractInvoiceGetResponse.setAttachmentMap(moduleFormService.getAttachmentMap(contractInvoiceFormConfig, contractInvoiceFields));
+
+        return contractInvoiceGetResponse;
+    }
+
+    /**
+     * 获取合同详情
+     *
+     * @param id
+     * @return
+     */
+    public ContractInvoiceGetResponse get(String id, String orgId) {
+        ContractInvoice contractInvoice = contractInvoiceMapper.selectByPrimaryKey(id);
+        // 获取模块字段
+        ModuleFormConfigDTO contractInvoiceFormConfig = getFormConfig(contractInvoice.getOrganizationId());
+        List<BaseModuleFieldValue> contractInvoiceFields = invoiceFieldService.getModuleFieldValuesByResourceId(id);
+        ContractInvoiceGetResponse getResponse = get(contractInvoice, contractInvoiceFields, contractInvoiceFormConfig);
+
+        if (Strings.CI.equals(getResponse.getApprovalStatus(), ApprovalStatus.APPROVING.name())) {
+            Map<String, Boolean> firstNodeApproved = baseService.getApprovingResourceFirstNodeApproved(List.of(getResponse.getId()), orgId);
+            getResponse.setFirstApproved(firstNodeApproved.get(getResponse.getId()));
+        }
+        return getResponse;
+    }
+
+    /**
+     * 从快照中获取合同详情
+     *
+     * @param id 合同ID
+     * @return 合同详情
+     */
+    public ContractInvoiceGetResponse getSnapshot(String id, String orgId) {
+        ContractInvoice contractInvoice = contractInvoiceMapper.selectByPrimaryKey(id);
+        if (contractInvoice == null) {
+            throw new GenericException(CrmHttpResultCode.NOT_FOUND);
+        }
+        LambdaQueryWrapper<ContractInvoiceSnapshot> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(ContractInvoiceSnapshot::getInvoiceId, id);
+        ContractInvoiceSnapshot snapshot = snapshotBaseMapper.selectListByLambda(wrapper).stream().findFirst().orElse(null);
+        if (snapshot != null) {
+            ContractInvoiceGetResponse getResponse = JSON.parseObject(snapshot.getInvoiceValue(), ContractInvoiceGetResponse.class);
+            if (Strings.CI.equals(getResponse.getApprovalStatus(), ApprovalStatus.APPROVING.name())) {
+                Map<String, Boolean> firstNodeApproved = baseService.getApprovingResourceFirstNodeApproved(List.of(getResponse.getId()), orgId);
+                getResponse.setFirstApproved(firstNodeApproved.get(getResponse.getId()));
+            }
+            getResponse.setApproved(contractInvoice.getApproved());
+            return getResponse;
+        }
+        return null;
+    }
+
+    private ModuleFormConfigDTO getFormConfig(String orgId) {
+        return moduleFormCacheService.getBusinessFormConfig(FormKey.INVOICE.getKey(), orgId);
+    }
+
+    public List<ContractInvoiceListResponse> buildList(List<ContractInvoiceListResponse> list, String orgId) {
+        if (CollectionUtils.isEmpty(list)) {
+            return list;
+        }
+
+        List<String> invoiceIds = list.stream().map(ContractInvoiceListResponse::getId)
+                .collect(Collectors.toList());
+
+        List<String> businessTitleIds = list.stream().map(ContractInvoiceListResponse::getBusinessTitleId)
+                .collect(Collectors.toList());
+
+        Map<String, List<BaseModuleFieldValue>> invoiceFiledMap = invoiceFieldService.getResourceFieldMap(invoiceIds, true);
+        Map<String, List<BaseModuleFieldValue>> resolvefieldValueMap = invoiceFieldService.setBusinessRefFieldValue(list, moduleFormService.getFlattenFormFields(FormKey.INVOICE.getKey(), orgId), invoiceFiledMap);
+        Map<String, String> businessTitleNameMap = businessTitleService.selectByIds(businessTitleIds).stream()
+                .collect(Collectors.toMap(BusinessTitle::getId, BusinessTitle::getName));
+
+        List<String> ownerIds = list.stream()
+                .map(ContractInvoiceListResponse::getOwner)
+                .distinct()
+                .toList();
+
+        Map<String, UserDeptDTO> userDeptMap = baseService.getUserDeptMapByUserIds(ownerIds, orgId);
+
+		List<String> approvingResourceIds = list.stream().filter(item -> Strings.CI.contains(item.getApprovalStatus(), ApprovalStatus.APPROVING.name())).map(ContractInvoiceListResponse::getId).toList();
+		Map<String, Boolean> firstNodeApprovedMap = baseService.getApprovingResourceFirstNodeApproved(approvingResourceIds, orgId);
+
+        list.forEach(item -> {
+            UserDeptDTO userDeptDTO = userDeptMap.get(item.getOwner());
+            if (userDeptDTO != null) {
+                item.setDepartmentId(userDeptDTO.getDeptId());
+                item.setDepartmentName(userDeptDTO.getDeptName());
+            }
+            String businessTitleName = businessTitleNameMap.get(item.getBusinessTitleId());
+            if (StringUtils.isNotBlank(businessTitleName)) {
+                item.setBusinessTitleName(businessTitleName);
+            }
+            // 获取自定义字段
+            List<BaseModuleFieldValue> invoiceFields = resolvefieldValueMap.get(item.getId());
+            item.setModuleFields(invoiceFields);
+			item.setFirstApproved(firstNodeApprovedMap.get(item.getId()));
+        });
+        return baseService.setCreateUpdateOwnerUserName(list);
+    }
+
+    /**
+     * 获取表单快照
+     *
+     * @param id
+     * @param orgId
+     * @return
+     */
+    public ModuleFormConfigDTO getFormSnapshot(String id, String orgId) {
+        ContractInvoice invoice = invoiceMapper.selectByPrimaryKey(id);
+        if (invoice == null) {
+            throw new GenericException(Translator.get("resource.not.exist"));
+        }
+        LambdaQueryWrapper<ContractInvoiceSnapshot> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(ContractInvoiceSnapshot::getInvoiceId, id);
+        ContractInvoiceSnapshot snapshot = snapshotBaseMapper.selectListByLambda(wrapper).stream().findFirst().orElse(null);
+        if (snapshot != null) {
+            return JSON.parseObject(snapshot.getInvoiceProp(), ModuleFormConfigDTO.class);
+        } else {
+            return moduleFormCacheService.getBusinessFormConfig(FormKey.INVOICE.getKey(), orgId);
+        }
+    }
+
+	/**
+	 * 获取发票详情（⚠️反射调用; 勿修改入参, 返回, 方法名!）
+	 * @param id 发票ID
+	 * @return 发票详情
+	 */
+	public ContractInvoiceGetResponse getSimple(String id) {
+		ContractInvoice contractInvoice = contractInvoiceMapper.selectByPrimaryKey(id);
+		if (contractInvoice == null) {
+			return null;
+		}
+		ContractInvoiceGetResponse response = BeanUtils.copyBean(new ContractInvoiceGetResponse(), contractInvoice);
+		List<BaseModuleFieldValue> fvs = invoiceFieldService.getModuleFieldValuesByResourceId(id);
+		ModuleFormConfigDTO formConfig = getFormConfig(contractInvoice.getOrganizationId());
+		moduleFormService.processBusinessFieldValues(response, fvs, formConfig);
+		return response;
+	}
+
+    /**
+     * 获取字段详情 (⚠️反射调用; 勿修改入参, 返回, 方法名!)
+     * @param id 发票ID
+     * @return 发票详情
+     */
+    public ContractInvoiceGetResponse getFieldValues(String id) {
+        LambdaQueryWrapper<ContractInvoiceSnapshot> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(ContractInvoiceSnapshot::getInvoiceId, id);
+        ContractInvoiceSnapshot snapshot = snapshotBaseMapper.selectListByLambda(wrapper).stream().findFirst().orElse(null);
+        if (snapshot != null) {
+            ContractInvoiceGetResponse getResponse = JSON.parseObject(snapshot.getInvoiceValue(), ContractInvoiceGetResponse.class);
+            return getResponse;
+        }
+        return null;
+    }
+
+    public ResourceTabEnableDTO getTabEnableConfig(String userId, String orgId) {
+        List<RolePermissionDTO> rolePermissions = permissionCache.getRolePermissions(userId, orgId);
+        return PermissionUtils.getTabEnableConfig(userId, PermissionConstants.CONTRACT_INVOICE_READ, rolePermissions);
+    }
+
+    public void batchDelete(List<String> ids, String userId, String orgId) {
+        List<ContractInvoice> invoices = contractInvoiceMapper.selectByIds(ids);
+
+        // 校验状态权限，过滤出有权限操作的发票
+        List<String> permittedIds = approvalFlowService.filterResourcesWithPermission(
+                ApprovalFormTypeEnum.INVOICE.getValue(),
+                invoices,
+                PermissionConstants.CONTRACT_INVOICE_DELETE,
+				orgId,
+                ContractInvoice::getId,
+                ContractInvoice::getApprovalStatus
+        );
+
+        if (CollectionUtils.isEmpty(permittedIds)) {
+            return;
+        }
+
+        List<ContractInvoice> permittedInvoices = invoices.stream()
+                .filter(i -> permittedIds.contains(i.getId()))
+                .collect(Collectors.toList());
+
+        Map<String, String> nameMap = invoices.stream().collect(Collectors.toMap(ContractInvoice::getId, ContractInvoice::getName));
+
+        ApprovalResourceService approvalResourceService = CommonBeanFactory.getBean(ApprovalResourceService.class);
+        // 触发批量删除审批流，命中审批流的资源不执行删除，进入审批
+        List<String> approvalIds = approvalResourceService.batchDeleteTriggerApproval(permittedIds, FormKey.INVOICE, orgId, userId, nameMap);
+
+        // 过滤出未命中审批流的资源，直接删除
+        List<String> deleteIds = approvalIds.isEmpty()
+                ? permittedIds
+                : permittedIds.stream().filter(id -> !approvalIds.contains(id)).toList();
+        if (CollectionUtils.isEmpty(deleteIds)) {
+            return;
+        }
+
+        List<ContractInvoice> deleteInvoices = permittedInvoices.stream()
+                .filter(i -> deleteIds.contains(i.getId()))
+                .toList();
+        contractInvoiceMapper.deleteByIds(deleteIds);
+
+        List<LogDTO> logs = deleteInvoices.stream()
+                .map(invoice ->
+                        new LogDTO(orgId, invoice.getId(), userId, LogType.DELETE, LogModule.CONTRACT_INVOICE, invoice.getName())
+                )
+                .toList();
+        logService.batchAdd(logs);
+
+        // 消息通知 todo
+//        invoices.forEach(invoice ->
+//                commonNoticeSendService.sendNotice(NotificationConstants.Module.CUSTOMER,
+//                        NotificationConstants.Event.CUSTOMER_DELETED, invoice.getName(), userId,
+//                        orgId, List.of(invoice.getOwner()), true)
+//        );
+    }
+
+    public BigDecimal calculateCustomerInvoiceAmount(String customerId, String userId, String orgId) {
+        if (dictService.isDictConfigEnable(DictModule.INVOICE_APPROVAL.name(), orgId)) {
+            return extContractInvoiceMapper.calculateCustomerInvoiceAmount(customerId, userId, orgId, true);
+        } else {
+            return extContractInvoiceMapper.calculateCustomerInvoiceAmount(customerId, userId, orgId, false);
+        }
+    }
+
+    public BigDecimal calculateContractInvoiceAmount(String contractId, String userId, String orgId) {
+        if (dictService.isDictConfigEnable(DictModule.INVOICE_APPROVAL.name(), orgId)) {
+            return extContractInvoiceMapper.calculateContractInvoiceAmount(contractId, userId, orgId, true);
+        } else {
+            return extContractInvoiceMapper.calculateContractInvoiceAmount(contractId, userId, orgId, false);
+        }
+    }
+
+    public ModuleFormConfigDTO getBusinessFormConfig(String organizationId) {
+        ModuleFormConfigDTO businessFormConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.INVOICE.getKey(), organizationId);
+        Set<String> businessTitleKeySet = Arrays.stream(BusinessTitleConstants.values())
+                .map(BusinessTitleConstants::getKey)
+                .collect(Collectors.toSet());
+
+        for (BaseField field : businessFormConfig.getFields()) {
+            if (businessTitleKeySet.contains(field.getId()) || Strings.CS.equals(field.getId(), BusinessModuleField.CONTRACT_TOTAL_AMOUNT.getKey())) {
+                // 特殊表单，设置可见
+                field.setReadable(true);
+            }
+        }
+        return businessFormConfig;
+    }
+
+	/**
+	 * ⚠️反射调用: 由审批执行操作统一调用, 勿修改
+	 * @param param 参数
+	 */
+	public void updateSnapshotApprovalStatus(ResourceSnapshotApprovalParam param) {
+		ContractInvoiceSnapshot snapshotCriteria = new ContractInvoiceSnapshot();
+		snapshotCriteria.setInvoiceId(param.getResourceId());
+		ContractInvoiceSnapshot snapshot = snapshotBaseMapper.selectOne(snapshotCriteria);
+		if (snapshot != null) {
+			ContractInvoiceGetResponse response = JSON.parseObject(snapshot.getInvoiceValue(), ContractInvoiceGetResponse.class);
+			response.setApprovalStatus(param.getApprovalStatus());
+			snapshot.setInvoiceValue(JSON.toJSONString(response));
+			snapshotBaseMapper.update(snapshot);
+		}
+	}
+
+	/**
+	 * ⚠️反射调用: 由审批执行后置操作统一调用, 勿修改
+	 * @param postFieldParam 参数
+	 */
+	@SuppressWarnings({"unchecked", "rawtypes"})
+	public void updateApprovalPostField(ResourceApprovalPostUpdateParam postFieldParam) {
+		ModuleFormConfigDTO formConfig = getFormConfig(OrganizationContext.getOrganizationId());
+		List<BaseField> fields = formConfig.getFields();
+		Map<String, BaseField> fieldConfigMap = fields.stream().collect(Collectors.toMap(BaseField::getId, f -> f));
+		ContractInvoice contractInvoice = contractInvoiceMapper.selectByPrimaryKey(postFieldParam.getResourceId());
+		// 保存原始数据用于日志记录
+		ContractInvoice originInvoice = BeanUtils.copyBean(new ContractInvoice(), contractInvoice);
+		List<BaseModuleFieldValue> originFields = invoiceFieldService.getModuleFieldValuesByResourceId(postFieldParam.getResourceId());
+		List<ContractInvoiceField> contractInvoiceFields = new ArrayList<>();
+		List<ContractInvoiceFieldBlob> contractInvoiceFieldBlobs = new ArrayList<>();
+		ContractInvoiceSnapshot snapshotCriteria = new ContractInvoiceSnapshot();
+		snapshotCriteria.setInvoiceId(postFieldParam.getResourceId());
+		ContractInvoiceSnapshot snapshot = snapshotBaseMapper.selectOne(snapshotCriteria);
+		ContractInvoiceGetResponse response = new ContractInvoiceGetResponse();
+		if (snapshot != null) {
+			response = JSON.parseObject(snapshot.getInvoiceValue(), ContractInvoiceGetResponse.class);
+		}
+		for (ResourceApprovalFieldUpdateParam fieldUpdateParam : postFieldParam.getFields()) {
+			if (!fieldConfigMap.containsKey(fieldUpdateParam.getFieldId()) || fieldUpdateParam.getFieldValue() == null) {
+				return;
+			}
+			BaseField fieldConfig = fieldConfigMap.get(fieldUpdateParam.getFieldId());
+			AbstractModuleFieldResolver customFieldResolver = ModuleFieldResolverFactory.getResolver(fieldConfig.getType());
+			if (fieldConfig.hasBusinessKey()) {
+				// 业务主表字段
+				invoiceFieldService.setResourceFieldValue(contractInvoice, fieldConfig.getBusinessKey(), fieldUpdateParam.getFieldValue());
+			} else {
+				// 快照自定义字段
+				Optional<BaseModuleFieldValue> findField = response.getModuleFields().stream().filter(fieldValue -> Strings.CI.equals(fieldValue.getFieldId(), fieldUpdateParam.getFieldId())).findAny();
+				if (findField.isPresent()) {
+					findField.get().setFieldValue(fieldUpdateParam.getFieldValue());
+				} else {
+					BaseModuleFieldValue fv = new BaseModuleFieldValue();
+					fv.setFieldId(fieldUpdateParam.getFieldId());
+					fv.setFieldValue(fieldUpdateParam.getFieldValue());
+					response.getModuleFields().add(fv);
+				}
+				if (fieldConfig.isBlob()) {
+					// 自定义大表
+					invoiceFieldService.getResourceFieldBlobMapper().deleteByLambda(new LambdaQueryWrapper<ContractInvoiceFieldBlob>()
+							.eq(ContractInvoiceFieldBlob::getFieldId, fieldUpdateParam.getFieldId()).eq(ContractInvoiceFieldBlob::getResourceId, postFieldParam.getResourceId()));
+					ContractInvoiceFieldBlob field = new ContractInvoiceFieldBlob();
+					field.setId(IDGenerator.nextStr());
+					field.setResourceId(postFieldParam.getResourceId());
+					field.setFieldId(fieldUpdateParam.getFieldId());
+					field.setFieldValue(customFieldResolver.convertToString(fieldConfig, fieldUpdateParam.getFieldValue()));
+					contractInvoiceFieldBlobs.add(field);
+				} else {
+					// 自定义表
+					invoiceFieldService.getResourceFieldMapper().deleteByLambda(new LambdaQueryWrapper<ContractInvoiceField>()
+							.eq(ContractInvoiceField::getFieldId, fieldUpdateParam.getFieldId()).eq(ContractInvoiceField::getResourceId, postFieldParam.getResourceId()));
+					ContractInvoiceField field = new ContractInvoiceField();
+					field.setId(IDGenerator.nextStr());
+					field.setResourceId(postFieldParam.getResourceId());
+					field.setFieldId(fieldUpdateParam.getFieldId());
+					field.setFieldValue(customFieldResolver.convertToString(fieldConfig, fieldUpdateParam.getFieldValue()));
+					contractInvoiceFields.add(field);
+				}
+			}
+		}
+		contractInvoiceMapper.updateById(contractInvoice);
+		if (CollectionUtils.isNotEmpty(contractInvoiceFields)) {
+			invoiceFieldService.getResourceFieldMapper().batchInsert(contractInvoiceFields);
+		}
+		if (CollectionUtils.isNotEmpty(contractInvoiceFieldBlobs)) {
+			invoiceFieldService.getResourceFieldBlobMapper().batchInsert(contractInvoiceFieldBlobs);
+		}
+		// 更新快照
+		if (snapshot != null) {
+			ContractInvoiceGetResponse snapshotRes = get(contractInvoice, response.getModuleFields(), formConfig);
+			snapshot.setInvoiceValue(JSON.toJSONString(snapshotRes));
+			snapshotBaseMapper.update(snapshot);
+		}
+		// 记录审批后置字段更新日志
+		baseService.handleUpdateLogWithSubTable(originInvoice, contractInvoice, originFields, invoiceFieldService.getModuleFieldValuesByResourceId(postFieldParam.getResourceId()),
+				postFieldParam.getResourceId(), contractInvoice.getName(), Translator.get("products_info"), formConfig);
+		// 从 OperationLogContext 中获取日志信息并手动记录
+		LogContextInfo contextInfo = OperationLogContext.getContext();
+		if (contextInfo != null) {
+			String orgId = OrganizationContext.getOrganizationId();
+			LogDTO logDTO = new LogDTO(orgId, postFieldParam.getResourceId(), postFieldParam.getOperator(), LogType.UPDATE, LogModule.CONTRACT_INVOICE, contractInvoice.getName());
+			logDTO.setOriginalValue(contextInfo.getOriginalValue());
+			logDTO.setModifiedValue(contextInfo.getModifiedValue());
+			logService.add(logDTO);
+			OperationLogContext.clear();
+		}
+	}
+
+	/**
+	 * 处理旧版本审批状态 (APPROVING => NONE)
+	 */
+	public void handleOldApprovalData() {
+		List<ContractInvoice> invoices = contractInvoiceMapper.selectListByLambda(new LambdaQueryWrapper<ContractInvoice>().eq(ContractInvoice::getApprovalStatus, ApprovalStatus.APPROVING.name()));
+		invoices.forEach(invoice -> {
+			ResourceSnapshotApprovalParam param = ResourceSnapshotApprovalParam.builder().resourceId(invoice.getId()).approvalStatus(ApprovalStatus.NONE.name()).build();
+			updateSnapshotApprovalStatus(param);
+		});
+		extContractInvoiceMapper.updateOldApprovalStatusNone();
+	}
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractLogService.java b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractLogService.java
new file mode 100644
index 0000000..6c5f44c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractLogService.java
@@ -0,0 +1,64 @@
+package cn.cordys.crm.contract.service;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.dto.JsonDifferenceDTO;
+import cn.cordys.crm.contract.constants.ContractApprovalStatus;
+import cn.cordys.crm.customer.domain.Customer;
+import cn.cordys.crm.system.service.BaseModuleLogService;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.Arrays;
+import java.util.List;
+import java.util.function.Consumer;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class ContractLogService extends BaseModuleLogService {
+
+    @Resource
+    private BaseMapper<Customer> customerMapper;
+
+    @Override
+    public List<JsonDifferenceDTO> handleLogField(List<JsonDifferenceDTO> differences, String orgId) {
+        differences = super.handleModuleLogField(differences, orgId, FormKey.CONTRACT.getKey());
+        for (var differ : differences) {
+            var column = differ.getColumn();
+            if (Strings.CS.equals(column, BusinessModuleField.CONTRACT_OWNER.getBusinessKey())) {
+                setUserFieldName(differ);
+                continue;
+            }
+            if (Strings.CS.equals(column, BusinessModuleField.CONTRACT_CUSTOMER_NAME.getBusinessKey())) {
+                resolveCustomerName(differ);
+                continue;
+            }
+            if (Strings.CI.equals(column, "approvalStatus")) {
+                setApprovalName(differ);
+            }
+            if (column != null && column.contains("-")) {
+                differ.setColumnName(column);
+            }
+        }
+        return differences;
+    }
+
+    private void resolveCustomerName(JsonDifferenceDTO differ) {
+        if (differ.getOldValue() != null) {
+            resolveCustomer(differ.getOldValue().toString(), differ::setOldValueName);
+        }
+        if (differ.getNewValue() != null) {
+            resolveCustomer(differ.getNewValue().toString(), differ::setNewValueName);
+        }
+    }
+
+    private void resolveCustomer(String id, Consumer<String> nameConsumer) {
+        var customer = customerMapper.selectByPrimaryKey(id);
+        if (customer != null) {
+            nameConsumer.accept(customer.getName());
+        }
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractPaymentPlanExportService.java b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractPaymentPlanExportService.java
new file mode 100644
index 0000000..94a367f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractPaymentPlanExportService.java
@@ -0,0 +1,122 @@
+package cn.cordys.crm.contract.service;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.dto.ExportDTO;
+import cn.cordys.common.dto.ExportHeadDTO;
+import cn.cordys.common.resolver.field.AbstractModuleFieldResolver;
+import cn.cordys.common.resolver.field.ModuleFieldResolverFactory;
+import cn.cordys.common.service.BaseExportService;
+import cn.cordys.common.util.TimeUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.contract.dto.request.ContractPaymentPlanPageRequest;
+import cn.cordys.crm.contract.dto.response.ContractPaymentPlanListResponse;
+import cn.cordys.crm.contract.mapper.ExtContractPaymentPlanMapper;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.registry.ExportThreadRegistry;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.ArrayList;
+import java.util.LinkedHashMap;
+import java.util.List;
+import java.util.Map;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class ContractPaymentPlanExportService extends BaseExportService {
+
+    @Resource
+    private ContractPaymentPlanService contractPaymentPlanService;
+    @Resource
+    private ExtContractPaymentPlanMapper extContractPaymentPlanMapper;
+
+    /**
+     * 构建导出的数据
+     *
+     * @return 导出数据列表
+     */
+    @Override
+    public List<List<Object>> getExportData(String taskId, ExportDTO exportDTO) throws InterruptedException {
+        ContractPaymentPlanPageRequest pageRequest = (ContractPaymentPlanPageRequest) exportDTO.getPageRequest();
+        String orgId = exportDTO.getOrgId();
+        PageHelper.startPage(pageRequest.getCurrent(), pageRequest.getPageSize());
+        //获取数据
+        List<ContractPaymentPlanListResponse> allList = extContractPaymentPlanMapper.list(pageRequest, exportDTO.getUserId(), orgId, exportDTO.getDeptDataPermission());
+        List<ContractPaymentPlanListResponse> dataList = contractPaymentPlanService.buildListData(allList, orgId);
+        Map<String, BaseField> fieldConfigMap = getFieldConfigMap(FormKey.CONTRACT_PAYMENT_PLAN.getKey(), orgId);
+        //构建导出数据
+        List<List<Object>> data = new ArrayList<>();
+        for (ContractPaymentPlanListResponse response : dataList) {
+            if (ExportThreadRegistry.isInterrupted(taskId)) {
+                throw new InterruptedException("线程已被中断，主动退出");
+            }
+            List<Object> value = buildData(exportDTO.getHeadList(), response, fieldConfigMap);
+            data.add(value);
+        }
+
+        return data;
+    }
+
+    private List<Object> buildData(List<ExportHeadDTO> headList, ContractPaymentPlanListResponse data, Map<String, BaseField> fieldConfigMap) {
+        List<Object> dataList = new ArrayList<>();
+        //固定字段map
+        LinkedHashMap<String, Object> systemFieldMap = getSystemFieldMap(data, fieldConfigMap);
+        //自定义字段map
+        Map<String, Object> moduleFieldMap = getFieldIdValueMap(data.getModuleFields());
+        //处理数据转换
+        return transModuleFieldValue(headList, systemFieldMap, moduleFieldMap, dataList, fieldConfigMap);
+    }
+
+    public LinkedHashMap<String, Object> getSystemFieldMap(ContractPaymentPlanListResponse data, Map<String, BaseField> fieldConfigMap) {
+        LinkedHashMap<String, Object> systemFieldMap = new LinkedHashMap<>();
+        systemFieldMap.put("name", data.getName());
+        systemFieldMap.put("contractId", data.getContractName());
+        systemFieldMap.put("owner", data.getOwnerName());
+        systemFieldMap.put("departmentId", data.getDepartmentName());
+        systemFieldMap.put("planAmount", data.getPlanAmount());
+
+        BaseField planEndTime = fieldConfigMap.values().stream().filter(field -> Strings.CI.equals(field.getBusinessKey(), "planEndTime")).findFirst().orElse(null);
+        if (planEndTime != null) {
+            AbstractModuleFieldResolver customFieldResolver = ModuleFieldResolverFactory.getResolver(planEndTime.getType());
+            systemFieldMap.put("planEndTime", customFieldResolver.transformToValue(planEndTime, String.valueOf(data.getPlanEndTime())));
+        }
+        systemFieldMap.put("planStatus", Translator.get("contract.payment_plan.status." + data.getPlanStatus().toLowerCase()));
+
+        systemFieldMap.put("createUser", data.getCreateUserName());
+        systemFieldMap.put("createTime", TimeUtils.getDateTimeStr(data.getCreateTime()));
+        systemFieldMap.put("updateUser", data.getUpdateUserName());
+        systemFieldMap.put("updateTime", TimeUtils.getDateTimeStr(data.getUpdateTime()));
+        return systemFieldMap;
+    }
+
+
+    /**
+     * 选中回款计划数据
+     *
+     * @return 导出数据列表
+     */
+    @Override
+    public List<List<Object>> getSelectExportData(List<String> ids, String taskId, ExportDTO exportDTO) throws InterruptedException {
+        String orgId = exportDTO.getOrgId();
+        String userId = exportDTO.getUserId();
+        //获取数据
+        List<ContractPaymentPlanListResponse> allList = extContractPaymentPlanMapper.getListByIds(ids, userId, orgId, exportDTO.getDeptDataPermission());
+        List<ContractPaymentPlanListResponse> dataList = contractPaymentPlanService.buildListData(allList, orgId);
+        Map<String, BaseField> fieldConfigMap = getFieldConfigMap(FormKey.CONTRACT_PAYMENT_PLAN.getKey(), orgId);
+        //构建导出数据
+        List<List<Object>> data = new ArrayList<>();
+        for (ContractPaymentPlanListResponse response : dataList) {
+            if (ExportThreadRegistry.isInterrupted(taskId)) {
+                throw new InterruptedException("线程已被中断，主动退出");
+            }
+            List<Object> value = buildData(exportDTO.getHeadList(), response, fieldConfigMap);
+            data.add(value);
+        }
+        return data;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractPaymentPlanFieldService.java b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractPaymentPlanFieldService.java
new file mode 100644
index 0000000..f4cdbef
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractPaymentPlanFieldService.java
@@ -0,0 +1,38 @@
+package cn.cordys.crm.contract.service;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.service.BaseResourceFieldService;
+import cn.cordys.crm.contract.domain.ContractPaymentPlanField;
+import cn.cordys.crm.contract.domain.ContractPaymentPlanFieldBlob;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class ContractPaymentPlanFieldService extends BaseResourceFieldService<ContractPaymentPlanField, ContractPaymentPlanFieldBlob> {
+    @Resource
+    private BaseMapper<ContractPaymentPlanField> contractPaymentPlanFieldMapper;
+    @Resource
+    private BaseMapper<ContractPaymentPlanFieldBlob> contractPaymentPlanFieldBlobMapper;
+
+    @Override
+    protected String getFormKey() {
+        return FormKey.CONTRACT_PAYMENT_PLAN.getKey();
+    }
+
+    @Override
+    protected BaseMapper<ContractPaymentPlanField> getResourceFieldMapper() {
+        return contractPaymentPlanFieldMapper;
+    }
+
+    @Override
+    protected BaseMapper<ContractPaymentPlanFieldBlob> getResourceFieldBlobMapper() {
+        return contractPaymentPlanFieldBlobMapper;
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractPaymentPlanResourceAccessContextProvider.java b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractPaymentPlanResourceAccessContextProvider.java
new file mode 100644
index 0000000..d3eeb0c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractPaymentPlanResourceAccessContextProvider.java
@@ -0,0 +1,46 @@
+package cn.cordys.crm.contract.service;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.permission.ResourceAccessContext;
+import cn.cordys.common.permission.ResourceAccessContextProvider;
+import cn.cordys.crm.contract.domain.ContractPaymentPlan;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Component;
+
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+
+@Component
+public class ContractPaymentPlanResourceAccessContextProvider implements ResourceAccessContextProvider {
+
+    @Resource
+    private BaseMapper<ContractPaymentPlan> contractPaymentPlanMapper;
+
+    @Override
+    public String getFormType() {
+        return FormKey.CONTRACT_PAYMENT_PLAN.getKey();
+    }
+
+    @Override
+    public ResourceAccessContext getAccessContext(String resourceId, String orgId) {
+        ContractPaymentPlan plan = contractPaymentPlanMapper.selectByPrimaryKey(resourceId);
+        if (plan == null) {
+            return null;
+        }
+        ResourceAccessContext context = new ResourceAccessContext();
+        context.setOwnerId(plan.getOwner());
+        return context;
+    }
+
+    @Override
+    public Map<String, String> batchGetOwnerIds(List<String> resourceIds, String orgId) {
+        if (resourceIds == null || resourceIds.isEmpty()) {
+            return Map.of();
+        }
+        return contractPaymentPlanMapper.selectByIds(resourceIds).stream()
+                .filter(plan -> plan.getOwner() != null)
+                .collect(Collectors.toMap(ContractPaymentPlan::getId, ContractPaymentPlan::getOwner, (a, b) -> a));
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractPaymentPlanService.java b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractPaymentPlanService.java
new file mode 100644
index 0000000..3e6624b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractPaymentPlanService.java
@@ -0,0 +1,360 @@
+package cn.cordys.crm.contract.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.*;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.permission.PermissionCache;
+import cn.cordys.common.permission.PermissionUtils;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.crm.contract.constants.ContractPaymentPlanStatus;
+import cn.cordys.crm.contract.domain.Contract;
+import cn.cordys.crm.contract.domain.ContractPaymentPlan;
+import cn.cordys.crm.contract.dto.request.ContractPaymentPlanAddRequest;
+import cn.cordys.crm.contract.dto.request.ContractPaymentPlanPageRequest;
+import cn.cordys.crm.contract.dto.request.ContractPaymentPlanUpdateRequest;
+import cn.cordys.crm.contract.dto.response.ContractPaymentPlanGetResponse;
+import cn.cordys.crm.contract.dto.response.ContractPaymentPlanListResponse;
+import cn.cordys.crm.contract.dto.response.CustomerPaymentPlanStatisticResponse;
+import cn.cordys.crm.contract.mapper.ExtContractPaymentPlanMapper;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.crm.system.service.ModuleFormService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.BooleanUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+import java.util.stream.Collectors;
+import java.util.stream.Stream;
+
+/**
+ *
+ * @author jianxing
+ * @date 2025-11-21 15:11:29
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class ContractPaymentPlanService {
+    @Resource
+    private BaseMapper<Contract> contractMapper;
+    @Resource
+    private BaseMapper<ContractPaymentPlan> contractPaymentPlanMapper;
+    @Resource
+    private ExtContractPaymentPlanMapper extContractPaymentPlanMapper;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private ModuleFormService moduleFormService;
+    @Resource
+    private ContractPaymentPlanFieldService contractPaymentPlanFieldService;
+    @Resource
+    private PermissionCache permissionCache;
+    @Resource
+    private DataScopeService dataScopeService;
+    @Resource
+    private BaseService baseService;
+
+    public PagerWithOption<List<ContractPaymentPlanListResponse>> list(ContractPaymentPlanPageRequest request, String userId, String orgId, DeptDataPermissionDTO deptDataPermission) {
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        List<ContractPaymentPlanListResponse> list = extContractPaymentPlanMapper.list(request, userId, orgId, deptDataPermission);
+        list = buildListData(list, orgId);
+        Map<String, List<OptionDTO>> optionMap = buildOptionMap(orgId, list);
+        return PageUtils.setPageInfoWithOption(page, list, optionMap);
+    }
+
+    public ModuleFormConfigDTO getFormConfig(String orgId) {
+        return moduleFormCacheService.getBusinessFormConfig(FormKey.CONTRACT_PAYMENT_PLAN.getKey(), orgId);
+    }
+
+    public Map<String, List<OptionDTO>> buildOptionMap(String orgId, List<ContractPaymentPlanListResponse> list) {
+        // 处理自定义字段选项数据
+        ModuleFormConfigDTO formConfig = getFormConfig(orgId);
+        // 获取所有模块字段的值
+        List<BaseModuleFieldValue> moduleFieldValues = moduleFormService.getBaseModuleFieldValues(list, ContractPaymentPlanListResponse::getModuleFields);
+        // 获取选项值对应的 option
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(formConfig, moduleFieldValues);
+
+        // 补充负责人选项
+        List<OptionDTO> ownerFieldOption = moduleFormService.getBusinessFieldOption(list,
+                ContractPaymentPlanListResponse::getOwner, ContractPaymentPlanListResponse::getOwnerName);
+        optionMap.put(BusinessModuleField.CONTRACT_PAYMENT_PLAN_OWNER.getBusinessKey(), ownerFieldOption);
+
+        // 合同
+        List<OptionDTO> contractFieldOption = moduleFormService.getBusinessFieldOption(list,
+                ContractPaymentPlanListResponse::getContractId, ContractPaymentPlanListResponse::getContractName);
+        optionMap.put(BusinessModuleField.CONTRACT_PAYMENT_PLAN_CONTRACT.getBusinessKey(), contractFieldOption);
+
+        return optionMap;
+    }
+
+    public List<ContractPaymentPlanListResponse> buildListData(List<ContractPaymentPlanListResponse> list, String orgId) {
+        if (CollectionUtils.isEmpty(list)) {
+            return list;
+        }
+        List<String> planIds = list.stream().map(ContractPaymentPlanListResponse::getId)
+                .collect(Collectors.toList());
+
+        Map<String, List<BaseModuleFieldValue>> caseCustomFiledMap = contractPaymentPlanFieldService.getResourceFieldMap(planIds, true);
+        Map<String, List<BaseModuleFieldValue>> resolvefieldValueMap = contractPaymentPlanFieldService.setBusinessRefFieldValue(list,
+                moduleFormService.getFlattenFormFields(FormKey.CONTRACT_PAYMENT_PLAN.getKey(), orgId), caseCustomFiledMap);
+
+
+        List<String> ownerIds = list.stream()
+                .map(ContractPaymentPlanListResponse::getOwner)
+                .distinct()
+                .toList();
+
+        List<String> createUserIds = list.stream()
+                .map(ContractPaymentPlanListResponse::getCreateUser)
+                .distinct()
+                .toList();
+        List<String> updateUserIds = list.stream()
+                .map(ContractPaymentPlanListResponse::getUpdateUser)
+                .distinct()
+                .toList();
+        List<String> userIds = Stream.of(ownerIds, createUserIds, updateUserIds)
+                .flatMap(Collection::stream)
+                .distinct()
+                .toList();
+        Map<String, String> userNameMap = baseService.getUserNameMap(userIds);
+
+        Map<String, UserDeptDTO> userDeptMap = baseService.getUserDeptMapByUserIds(ownerIds, orgId);
+
+        list.forEach(planListResponse -> {
+            // 获取自定义字段
+            List<BaseModuleFieldValue> contractPaymentPlanFields = resolvefieldValueMap.get(planListResponse.getId());
+            planListResponse.setModuleFields(contractPaymentPlanFields);
+
+            UserDeptDTO userDeptDTO = userDeptMap.get(planListResponse.getOwner());
+            if (userDeptDTO != null) {
+                planListResponse.setDepartmentId(userDeptDTO.getDeptId());
+                planListResponse.setDepartmentName(userDeptDTO.getDeptName());
+            }
+
+            String createUserName = baseService.getAndCheckOptionName(userNameMap.get(planListResponse.getCreateUser()));
+            planListResponse.setCreateUserName(createUserName);
+            String updateUserName = baseService.getAndCheckOptionName(userNameMap.get(planListResponse.getUpdateUser()));
+            planListResponse.setUpdateUserName(updateUserName);
+            planListResponse.setOwnerName(userNameMap.get(planListResponse.getOwner()));
+        });
+
+        return list;
+    }
+
+    public ContractPaymentPlanGetResponse get(String id) {
+        ContractPaymentPlan contractPaymentPlan = contractPaymentPlanMapper.selectByPrimaryKey(id);
+        ContractPaymentPlanGetResponse contractPaymentPlanGetResponse = BeanUtils.copyBean(new ContractPaymentPlanGetResponse(), contractPaymentPlan);
+        contractPaymentPlanGetResponse = baseService.setCreateUpdateOwnerUserName(contractPaymentPlanGetResponse);
+        Contract contract = contractMapper.selectByPrimaryKey(contractPaymentPlanGetResponse.getContractId());
+        // 获取模块字段
+        List<BaseModuleFieldValue> contractPaymentPlanFields = contractPaymentPlanFieldService.getModuleFieldValuesByResourceId(id);
+        contractPaymentPlanFields = contractPaymentPlanFieldService.setBusinessRefFieldValue(List.of(contractPaymentPlanGetResponse),
+                moduleFormService.getFlattenFormFields(FormKey.CONTRACT_PAYMENT_PLAN.getKey(), contractPaymentPlan.getOrganizationId()), new HashMap<>(Map.of(id, contractPaymentPlanFields))).get(id);
+        ModuleFormConfigDTO contractPaymentPlanFormConfig = getFormConfig(contractPaymentPlan.getOrganizationId());
+
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(contractPaymentPlanFormConfig, contractPaymentPlanFields);
+
+        // 补充负责人选项
+        List<OptionDTO> ownerFieldOption = moduleFormService.getBusinessFieldOption(contractPaymentPlanGetResponse,
+                ContractPaymentPlanGetResponse::getOwner, ContractPaymentPlanGetResponse::getOwnerName);
+        optionMap.put(BusinessModuleField.CUSTOMER_OWNER.getBusinessKey(), ownerFieldOption);
+
+        if (contract != null) {
+            contractPaymentPlanGetResponse.setContractName(contract.getName());
+            // 合同
+            List<OptionDTO> contractFieldOption = moduleFormService.getBusinessFieldOption(contractPaymentPlanGetResponse,
+                    ContractPaymentPlanGetResponse::getContractId, ContractPaymentPlanGetResponse::getContractName);
+            optionMap.put(BusinessModuleField.CONTRACT_PAYMENT_PLAN_CONTRACT.getBusinessKey(), contractFieldOption);
+        }
+
+        contractPaymentPlanGetResponse.setOptionMap(optionMap);
+        contractPaymentPlanGetResponse.setModuleFields(contractPaymentPlanFields);
+
+        if (contractPaymentPlanGetResponse.getOwner() != null) {
+            UserDeptDTO userDeptDTO = baseService.getUserDeptMapByUserId(contractPaymentPlanGetResponse.getOwner(), contractPaymentPlan.getOrganizationId());
+            if (userDeptDTO != null) {
+                contractPaymentPlanGetResponse.setDepartmentId(userDeptDTO.getDeptId());
+                contractPaymentPlanGetResponse.setDepartmentName(userDeptDTO.getDeptName());
+            }
+        }
+
+        // 附件信息
+        contractPaymentPlanGetResponse.setAttachmentMap(moduleFormService.getAttachmentMap(contractPaymentPlanFormConfig, contractPaymentPlanFields));
+
+        return contractPaymentPlanGetResponse;
+    }
+
+	/**
+	 * 获取跟进计划详情 （⚠️反射调用; 勿修改入参, 返回, 方法名!）
+	 * @param id 计划ID
+	 * @return 计划详情
+	 */
+	public ContractPaymentPlanGetResponse getSimple(String id) {
+		ContractPaymentPlan contractPaymentPlan = contractPaymentPlanMapper.selectByPrimaryKey(id);
+		if (contractPaymentPlan == null) {
+			return null;
+		}
+		ContractPaymentPlanGetResponse response = BeanUtils.copyBean(new ContractPaymentPlanGetResponse(), contractPaymentPlan);
+		List<BaseModuleFieldValue> fvs = contractPaymentPlanFieldService.getModuleFieldValuesByResourceId(id);
+		response.setModuleFields(fvs);
+		return response;
+	}
+
+	/**
+	 * 批量获取回款计划详情 (用于数据源批量查询优化)
+	 * @param ids 计划ID集合
+	 * @return 回款计划详情列表
+	 */
+	public List<ContractPaymentPlanGetResponse> batchGetSimpleByIds(List<String> ids) {
+		if (CollectionUtils.isEmpty(ids)) {
+			return Collections.emptyList();
+		}
+		List<ContractPaymentPlan> plans = contractPaymentPlanMapper.selectByIds(ids);
+		if (CollectionUtils.isEmpty(plans)) {
+			return Collections.emptyList();
+		}
+		Map<String, List<BaseModuleFieldValue>> fieldValueMap = contractPaymentPlanFieldService.getResourceFieldMap(ids, true);
+
+		return plans.stream().map(plan -> {
+			ContractPaymentPlanGetResponse response = BeanUtils.copyBean(new ContractPaymentPlanGetResponse(), plan);
+			response.setModuleFields(fieldValueMap.get(plan.getId()));
+			return response;
+		}).toList();
+	}
+
+    @OperationLog(module = LogModule.CONTRACT_PAYMENT, type = LogType.ADD, operator = "{#userId}")
+    public ContractPaymentPlan add(ContractPaymentPlanAddRequest request, String userId, String orgId) {
+        ContractPaymentPlan contractPaymentPlan = BeanUtils.copyBean(new ContractPaymentPlan(), request);
+        if (StringUtils.isBlank(request.getOwner())) {
+            contractPaymentPlan.setOwner(userId);
+        }
+        if (StringUtils.isBlank(request.getPlanStatus())) {
+            contractPaymentPlan.setPlanStatus(ContractPaymentPlanStatus.PENDING.name());
+        }
+        contractPaymentPlan.setCreateTime(System.currentTimeMillis());
+        contractPaymentPlan.setUpdateTime(System.currentTimeMillis());
+        contractPaymentPlan.setUpdateUser(userId);
+        contractPaymentPlan.setCreateUser(userId);
+        contractPaymentPlan.setOrganizationId(orgId);
+        contractPaymentPlan.setId(IDGenerator.nextStr());
+        // 保存自定义字段
+        contractPaymentPlanFieldService.saveModuleField(contractPaymentPlan, orgId, userId, request.getModuleFields(), false);
+        contractPaymentPlanMapper.insert(contractPaymentPlan);
+		// 日志
+        baseService.handleAddLogWithResourceName(contractPaymentPlan, request.getModuleFields());
+        return contractPaymentPlan;
+    }
+
+    @OperationLog(module = LogModule.CONTRACT_PAYMENT, type = LogType.UPDATE, resourceId = "{#request.id}")
+    public ContractPaymentPlan update(ContractPaymentPlanUpdateRequest request, String userId, String orgId) {
+        ContractPaymentPlan originContractPaymentPlan = contractPaymentPlanMapper.selectByPrimaryKey(request.getId());
+        ContractPaymentPlan contractPaymentPlan = BeanUtils.copyBean(new ContractPaymentPlan(), request);
+        contractPaymentPlan.setUpdateTime(System.currentTimeMillis());
+        contractPaymentPlan.setUpdateUser(userId);
+
+        // 获取模块字段
+        List<BaseModuleFieldValue> originContractPaymentPlanFields = List.of();
+        if (request.getModuleFields() != null) {
+            originContractPaymentPlanFields = contractPaymentPlanFieldService.getModuleFieldValuesByResourceId(request.getId());
+        }
+
+        if (BooleanUtils.isTrue(request.getAgentInvoke())) {
+            contractPaymentPlanFieldService.updateModuleFieldByAgent(contractPaymentPlan, originContractPaymentPlanFields, request.getModuleFields(), orgId, userId);
+        } else {
+            // 更新模块字段
+            updateModuleField(contractPaymentPlan, request.getModuleFields(), orgId, userId);
+        }
+
+        contractPaymentPlanMapper.update(contractPaymentPlan);
+
+        contractPaymentPlan = contractPaymentPlanMapper.selectByPrimaryKey(request.getId());
+
+        baseService.handleUpdateLog(originContractPaymentPlan, contractPaymentPlan, originContractPaymentPlanFields, request.getModuleFields(), originContractPaymentPlan.getId(), originContractPaymentPlan.getName());
+        return contractPaymentPlan;
+    }
+
+    private void updateModuleField(ContractPaymentPlan contractPaymentPlan, List<BaseModuleFieldValue> moduleFields, String orgId, String userId) {
+        if (moduleFields == null) {
+            // 如果为 null，则不更新
+            return;
+        }
+        // 先删除
+        contractPaymentPlanFieldService.deleteByResourceId(contractPaymentPlan.getId());
+        // 再保存
+        contractPaymentPlanFieldService.saveModuleField(contractPaymentPlan, orgId, userId, moduleFields, true);
+    }
+
+    @OperationLog(module = LogModule.CONTRACT_PAYMENT, type = LogType.DELETE, resourceId = "{#id}")
+    public void delete(String id, String userId, String orgId) {
+        ContractPaymentPlan originContractPaymentPlan = contractPaymentPlanMapper.selectByPrimaryKey(id);
+        Contract contract = contractMapper.selectByPrimaryKey(originContractPaymentPlan.getContractId());
+
+        String resourceName = contract == null ? originContractPaymentPlan.getContractId() : contract.getName();
+
+        contractPaymentPlanMapper.deleteByPrimaryKey(id);
+
+        // 设置操作对象
+        OperationLogContext.setResourceName(resourceName);
+    }
+
+    public ResourceTabEnableDTO getTabEnableConfig(String userId, String orgId) {
+        List<RolePermissionDTO> rolePermissions = permissionCache.getRolePermissions(userId, orgId);
+        return PermissionUtils.getTabEnableConfig(userId, PermissionConstants.CONTRACT_PAYMENT_PLAN_READ, rolePermissions);
+    }
+
+    public CustomerPaymentPlanStatisticResponse calculateCustomerPaymentPlanStatistic(String accountId, String userId, String organizationId, DeptDataPermissionDTO deptDataPermission) {
+        return extContractPaymentPlanMapper.calculateCustomerPaymentPlanStatistic(accountId, userId, organizationId, deptDataPermission);
+    }
+
+	/**
+	 * 通过名称获取回款计划集合
+	 *
+	 * @param names 名称集合
+	 * @return 回款计划集合
+	 */
+	public List<ContractPaymentPlan> getPlanListByNames(List<String> names) {
+		LambdaQueryWrapper<ContractPaymentPlan> lambdaQueryWrapper = new LambdaQueryWrapper<>();
+		lambdaQueryWrapper.in(ContractPaymentPlan::getName, names);
+		return contractPaymentPlanMapper.selectListByLambda(lambdaQueryWrapper);
+	}
+
+	public String getPlanName(String id) {
+		ContractPaymentPlan contractPaymentPlan = contractPaymentPlanMapper.selectByPrimaryKey(id);
+		if (contractPaymentPlan != null) {
+			return contractPaymentPlan.getName();
+		}
+		return StringUtils.EMPTY;
+	}
+
+	/**
+	 * 通过ID集合获取回款计划名称
+	 * @param ids id集合
+	 * @return 回款计划名称
+	 */
+	public String getPlanNameByIds(List<String> ids) {
+		List<ContractPaymentPlan> plans = contractPaymentPlanMapper.selectByIds(ids);
+		if (CollectionUtils.isNotEmpty(plans)) {
+			List<String> names = plans.stream().map(ContractPaymentPlan::getName).toList();
+			return String.join(",", names);
+		}
+		return StringUtils.EMPTY;
+	}
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractPaymentRecordExportService.java b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractPaymentRecordExportService.java
new file mode 100644
index 0000000..b3a9112
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractPaymentRecordExportService.java
@@ -0,0 +1,157 @@
+package cn.cordys.crm.contract.service;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.dto.ExportDTO;
+import cn.cordys.common.dto.ExportHeadDTO;
+import cn.cordys.common.service.BaseExportService;
+import cn.cordys.common.util.TimeUtils;
+import cn.cordys.crm.contract.dto.request.ContractPaymentRecordPageRequest;
+import cn.cordys.crm.contract.dto.response.ContractPaymentRecordResponse;
+import cn.cordys.crm.contract.mapper.ExtContractPaymentRecordMapper;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.field.base.OptionProp;
+import cn.cordys.crm.system.service.ModuleFieldExtService;
+import cn.cordys.registry.ExportThreadRegistry;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.ArrayList;
+import java.util.LinkedHashMap;
+import java.util.List;
+import java.util.Map;
+
+/**
+ * @author song-cc-rock
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class ContractPaymentRecordExportService extends BaseExportService {
+
+	@Resource
+	private ModuleFieldExtService moduleFieldExtService;
+	@Resource
+	private ContractPaymentRecordService contractPaymentRecordService;
+	@Resource
+	private ExtContractPaymentRecordMapper extContractPaymentRecordMapper;
+
+	@Override
+	public List<List<Object>> getExportData(String taskId, ExportDTO exportDTO) throws InterruptedException {
+		// 分页查询数据
+		ContractPaymentRecordPageRequest request = (ContractPaymentRecordPageRequest) exportDTO.getPageRequest();
+		PageHelper.startPage(request.getCurrent(), request.getPageSize());
+		List<ContractPaymentRecordResponse> list = extContractPaymentRecordMapper.list(request, exportDTO.getUserId(), exportDTO.getOrgId(), exportDTO.getDeptDataPermission());
+		return expandList(list, taskId, exportDTO);
+	}
+
+	/**
+	 * 获取系统字段的值
+	 * @param data 详情
+	 * @return 字段值映射
+	 */
+	public LinkedHashMap<String, Object> getSystemFieldMap(ContractPaymentRecordResponse data) {
+		LinkedHashMap<String, Object> systemFieldMap = new LinkedHashMap<>();
+		systemFieldMap.put("name", data.getName());
+		systemFieldMap.put("no", data.getNo());
+		systemFieldMap.put("contractId", data.getContractName());
+		systemFieldMap.put("paymentPlanId", data.getPaymentPlanName());
+		systemFieldMap.put("owner", data.getOwnerName());
+		systemFieldMap.put("departmentId", data.getDepartmentName());
+		systemFieldMap.put("recordAmount", data.getRecordAmount());
+		systemFieldMap.put("recordEndTime", getInternalDateStr(data.getRecordEndTime(), FormKey.CONTRACT_PAYMENT_RECORD.getKey(),
+				data.getOrganizationId(), BusinessModuleField.CONTRACT_PAYMENT_RECORD_END_TIME.getKey()));
+
+		systemFieldMap.put("createUser", data.getCreateUserName());
+		systemFieldMap.put("createTime", TimeUtils.getDateTimeStr(data.getCreateTime()));
+		systemFieldMap.put("updateUser", data.getUpdateUserName());
+		systemFieldMap.put("updateTime", TimeUtils.getDateTimeStr(data.getUpdateTime()));
+		return systemFieldMap;
+	}
+
+	/**
+	 * 获取勾选的回款记录导出数据
+	 * @return 导出数据列表
+	 */
+	@Override
+	public List<List<Object>> getSelectExportData(List<String> ids, String taskId, ExportDTO exportDTO) throws InterruptedException {
+		List<ContractPaymentRecordResponse> allList = extContractPaymentRecordMapper.getListByIds(ids, exportDTO.getUserId(), exportDTO.getOrgId(), exportDTO.getDeptDataPermission());
+		return expandList(allList, taskId, exportDTO);
+	}
+
+	/**
+	 * 展开列表数据
+	 * @param list 列表数据
+	 * @param taskId 任务ID
+	 * @param exportDTO 导出参数
+	 * @return 导出数据
+	 * @throws InterruptedException 异常信息
+	 */
+	private List<List<Object>> expandList(List<ContractPaymentRecordResponse> list, String taskId, ExportDTO exportDTO) throws InterruptedException {
+		String orgId = exportDTO.getOrgId();
+		List<ContractPaymentRecordResponse> dataList = contractPaymentRecordService.buildListExtra(list, orgId);
+		Map<String, BaseField> fieldConfigMap = getFieldConfigMap(FormKey.CONTRACT_PAYMENT_RECORD.getKey(), orgId);
+		//构建导出数据
+		List<List<Object>> data = new ArrayList<>();
+		for (ContractPaymentRecordResponse response : dataList) {
+			if (ExportThreadRegistry.isInterrupted(taskId)) {
+				throw new InterruptedException("线程已被中断，主动退出");
+			}
+			List<Object> value = buildData(exportDTO.getHeadList(), response, fieldConfigMap);
+			data.add(value);
+		}
+		return data;
+	}
+
+	/**
+	 * 构建导出数据
+	 * @param headList 表头集合
+	 * @param data 数据详情
+	 * @param fieldConfigMap 字段配置
+	 * @return 导出数据
+	 */
+	private List<Object> buildData(List<ExportHeadDTO> headList, ContractPaymentRecordResponse data, Map<String, BaseField> fieldConfigMap) {
+		LinkedHashMap<String, Object> systemFieldMap = getSystemFieldMap(data);
+		Map<String, Object> moduleFieldMap = getFieldIdValueMap(data.getModuleFields());
+		return transModuleFieldValue(headList, systemFieldMap, moduleFieldMap, new ArrayList<>(), fieldConfigMap);
+	}
+
+	/**
+	 * 处理内部选项值
+	 * @param value 选项值
+	 * @param formKey 表单Key
+	 * @param orgId 组织ID
+	 * @param internalKey 字段内部Key
+	 * @return 名称
+	 */
+	private String processInternalOptions(String value, String formKey, String orgId, String internalKey) {
+		List<OptionProp> options = moduleFieldExtService.getFieldOptions(formKey, orgId, internalKey);
+		for (OptionProp option : options) {
+			if (Strings.CS.equals(option.getValue(), value)) {
+				return option.getLabel();
+			}
+		}
+		return value;
+	}
+
+	/**
+	 * 获取内部日期字符串
+	 * @param timestamp 毫秒
+	 * @param formKey 表单Key
+	 * @param orgId 组织ID
+	 * @param internalKey 内部Key
+	 * @return 日期字符串
+	 */
+	private String getInternalDateStr(Long timestamp, String formKey, String orgId, String internalKey) {
+		String dateType = moduleFieldExtService.getDateFieldType(formKey, orgId, internalKey);
+		return switch (dateType) {
+			case "date" -> TimeUtils.getDateStr(timestamp);
+			case "month" -> TimeUtils.getMonthStr(timestamp);
+			default -> TimeUtils.getDateTimeStr(timestamp);
+		};
+	}
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractPaymentRecordFieldService.java b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractPaymentRecordFieldService.java
new file mode 100644
index 0000000..fe88a30
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractPaymentRecordFieldService.java
@@ -0,0 +1,38 @@
+package cn.cordys.crm.contract.service;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.service.BaseResourceFieldService;
+import cn.cordys.crm.contract.domain.ContractPaymentRecordField;
+import cn.cordys.crm.contract.domain.ContractPaymentRecordFieldBlob;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+/**
+ * @author song-cc-rock
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class ContractPaymentRecordFieldService extends BaseResourceFieldService<ContractPaymentRecordField, ContractPaymentRecordFieldBlob> {
+
+	@Resource
+	private BaseMapper<ContractPaymentRecordField> contractPaymentRecordFieldMapper;
+	@Resource
+	private BaseMapper<ContractPaymentRecordFieldBlob> contractPaymentRecordFieldBlobMapper;
+
+	@Override
+	protected String getFormKey() {
+		return FormKey.CONTRACT_PAYMENT_RECORD.getKey();
+	}
+
+	@Override
+	protected BaseMapper<ContractPaymentRecordField> getResourceFieldMapper() {
+		return contractPaymentRecordFieldMapper;
+	}
+
+	@Override
+	protected BaseMapper<ContractPaymentRecordFieldBlob> getResourceFieldBlobMapper() {
+		return contractPaymentRecordFieldBlobMapper;
+	}
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractPaymentRecordResourceAccessContextProvider.java b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractPaymentRecordResourceAccessContextProvider.java
new file mode 100644
index 0000000..568ad72
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractPaymentRecordResourceAccessContextProvider.java
@@ -0,0 +1,46 @@
+package cn.cordys.crm.contract.service;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.permission.ResourceAccessContext;
+import cn.cordys.common.permission.ResourceAccessContextProvider;
+import cn.cordys.crm.contract.domain.ContractPaymentRecord;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Component;
+
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+
+@Component
+public class ContractPaymentRecordResourceAccessContextProvider implements ResourceAccessContextProvider {
+
+    @Resource
+    private BaseMapper<ContractPaymentRecord> contractPaymentRecordMapper;
+
+    @Override
+    public String getFormType() {
+        return FormKey.CONTRACT_PAYMENT_RECORD.getKey();
+    }
+
+    @Override
+    public ResourceAccessContext getAccessContext(String resourceId, String orgId) {
+        ContractPaymentRecord record = contractPaymentRecordMapper.selectByPrimaryKey(resourceId);
+        if (record == null) {
+            return null;
+        }
+        ResourceAccessContext context = new ResourceAccessContext();
+        context.setOwnerId(record.getOwner());
+        return context;
+    }
+
+    @Override
+    public Map<String, String> batchGetOwnerIds(List<String> resourceIds, String orgId) {
+        if (resourceIds == null || resourceIds.isEmpty()) {
+            return Map.of();
+        }
+        return contractPaymentRecordMapper.selectByIds(resourceIds).stream()
+                .filter(record -> record.getOwner() != null)
+                .collect(Collectors.toMap(ContractPaymentRecord::getId, ContractPaymentRecord::getOwner, (a, b) -> a));
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractPaymentRecordService.java b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractPaymentRecordService.java
new file mode 100644
index 0000000..8b80b98
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractPaymentRecordService.java
@@ -0,0 +1,531 @@
+package cn.cordys.crm.contract.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogDTO;
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.domain.BaseResourceSubField;
+import cn.cordys.common.dto.*;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.permission.PermissionCache;
+import cn.cordys.common.permission.PermissionUtils;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.uid.SerialNumGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.contract.domain.*;
+import cn.cordys.crm.contract.dto.request.ContractPaymentRecordAddRequest;
+import cn.cordys.crm.contract.dto.request.ContractPaymentRecordPageRequest;
+import cn.cordys.crm.contract.dto.request.ContractPaymentRecordStatisticRequest;
+import cn.cordys.crm.contract.dto.request.ContractPaymentRecordUpdateRequest;
+import cn.cordys.crm.contract.dto.response.ContractPaymentRecordGetResponse;
+import cn.cordys.crm.contract.dto.response.ContractPaymentRecordResponse;
+import cn.cordys.crm.contract.dto.response.ContractPaymentRecordStatisticResponse;
+import cn.cordys.crm.contract.dto.response.CustomerPaymentRecordStatisticResponse;
+import cn.cordys.crm.contract.mapper.ExtContractPaymentRecordMapper;
+import cn.cordys.crm.system.constants.SheetKey;
+import cn.cordys.crm.system.dto.field.SerialNumberField;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.response.ImportResponse;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.excel.CustomImportAfterDoConsumer;
+import cn.cordys.crm.system.excel.handler.CustomHeadColWidthStyleStrategy;
+import cn.cordys.crm.system.excel.handler.CustomTemplateWriteHandler;
+import cn.cordys.crm.system.excel.listener.CustomFieldCheckEventListener;
+import cn.cordys.crm.system.excel.listener.CustomFieldImportEventListener;
+import cn.cordys.crm.system.service.LogService;
+import cn.cordys.crm.system.service.ModuleFieldExtService;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.crm.system.service.ModuleFormService;
+import cn.cordys.excel.utils.EasyExcelExporter;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import cn.idev.excel.FastExcelFactory;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import jakarta.servlet.http.HttpServletResponse;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+import org.springframework.web.multipart.MultipartFile;
+
+import java.math.BigDecimal;
+import java.util.*;
+import java.util.stream.Collectors;
+import java.util.stream.Stream;
+
+/**
+ * @author song-cc-rock
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class ContractPaymentRecordService {
+
+    @Resource
+    private BaseService baseService;
+    @Resource
+    private LogService logService;
+    @Resource
+    private PermissionCache permissionCache;
+    @Resource
+    private DataScopeService dataScopeService;
+    @Resource
+    private ModuleFormService moduleFormService;
+    @Resource
+    private ModuleFieldExtService moduleFieldExtService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private BaseMapper<Contract> contractMapper;
+    @Resource
+    private SerialNumGenerator serialNumGenerator;
+    @Resource
+    private BaseMapper<ContractPaymentPlan> contractPaymentPlanMapper;
+    @Resource
+    private BaseMapper<ContractPaymentRecord> contractPaymentRecordMapper;
+    @Resource
+    private BaseMapper<ContractPaymentRecordField> contractPaymentRecordFieldMapper;
+    @Resource
+    private BaseMapper<ContractPaymentRecordFieldBlob> contractPaymentRecordFieldBlobMapper;
+    @Resource
+    private ExtContractPaymentRecordMapper extContractPaymentRecordMapper;
+    @Resource
+    private ContractPaymentRecordFieldService contractPaymentRecordFieldService;
+
+    /**
+     * 获取回款记录列表
+     *
+     * @param request            请求参数
+     * @param currentUser        当前用户
+     * @param currentOrg         当前组织
+     * @param deptDataPermission 数据权限
+     * @return 回款记录列表
+     */
+    public PagerWithOption<List<ContractPaymentRecordResponse>> list(ContractPaymentRecordPageRequest request, String currentUser, String currentOrg,
+                                                                     DeptDataPermissionDTO deptDataPermission) {
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        List<ContractPaymentRecordResponse> list = extContractPaymentRecordMapper.list(request, currentUser, currentOrg, deptDataPermission);
+        List<ContractPaymentRecordResponse> buildList = buildListExtra(list, currentOrg);
+        // 处理自定义字段选项
+        Map<String, List<OptionDTO>> optionMap = buildOptionMap(buildList, currentOrg);
+        return PageUtils.setPageInfoWithOption(page, buildList, optionMap);
+    }
+
+    @OperationLog(module = LogModule.CONTRACT_PAYMENT_RECORD, type = LogType.ADD, operator = "{#currentUser}")
+    public ContractPaymentRecord add(ContractPaymentRecordAddRequest request, String currentUser, String currentOrg) {
+        checkContractPaymentAmount(request.getContractId(), request.getRecordAmount(), null);
+        ContractPaymentRecord paymentRecord = BeanUtils.copyBean(new ContractPaymentRecord(), request);
+        paymentRecord.setId(IDGenerator.nextStr());
+        if (StringUtils.isEmpty(paymentRecord.getOwner())) {
+            paymentRecord.setOwner(currentUser);
+        }
+        paymentRecord.setCreateUser(currentUser);
+        paymentRecord.setCreateTime(System.currentTimeMillis());
+        paymentRecord.setUpdateUser(currentUser);
+        paymentRecord.setUpdateTime(System.currentTimeMillis());
+        paymentRecord.setOrganizationId(currentOrg);
+        // 保存自定义字段值&回款记录
+        contractPaymentRecordFieldService.saveModuleField(paymentRecord, currentOrg, currentUser, request.getModuleFields(), false);
+        contractPaymentRecordMapper.insert(paymentRecord);
+        // 日志
+        baseService.handleAddLogWithResourceName(paymentRecord, request.getModuleFields());
+        return paymentRecord;
+    }
+
+    @OperationLog(module = LogModule.CONTRACT_PAYMENT_RECORD, type = LogType.UPDATE, operator = "{#currentUser}")
+    public ContractPaymentRecord update(ContractPaymentRecordUpdateRequest request, String currentUser, String currentOrg) {
+        ContractPaymentRecord oldRecord = contractPaymentRecordMapper.selectByPrimaryKey(request.getId());
+        if (oldRecord == null) {
+            throw new GenericException(Translator.get("record.not.exist"));
+        }
+        checkContractPaymentAmount(request.getContractId(), request.getRecordAmount(), oldRecord.getId());
+        ContractPaymentRecord contractPaymentRecord = BeanUtils.copyBean(new ContractPaymentRecord(), request);
+        contractPaymentRecord.setNo(oldRecord.getNo());
+        contractPaymentRecord.setUpdateTime(System.currentTimeMillis());
+        contractPaymentRecord.setUpdateUser(currentUser);
+        contractPaymentRecordMapper.update(contractPaymentRecord);
+        List<BaseModuleFieldValue> oldFvs = contractPaymentRecordFieldService.getModuleFieldValuesByResourceId(request.getId());
+        updateModuleField(contractPaymentRecord, request.getModuleFields(), currentOrg, currentUser);
+        baseService.handleUpdateLog(oldRecord, contractPaymentRecord, oldFvs, request.getModuleFields(), oldRecord.getId(), oldRecord.getName());
+        return contractPaymentRecord;
+    }
+
+    @OperationLog(module = LogModule.CONTRACT_PAYMENT_RECORD, type = LogType.DELETE, resourceId = "{#id}")
+    public void delete(String id) {
+        ContractPaymentRecord oldRecord = contractPaymentRecordMapper.selectByPrimaryKey(id);
+        if (oldRecord == null) {
+            throw new GenericException(Translator.get("record.not.exist"));
+        }
+        contractPaymentRecordMapper.deleteByPrimaryKey(id);
+        contractPaymentRecordFieldService.deleteByResourceId(id);
+        OperationLogContext.setResourceName(oldRecord.getName());
+    }
+
+    public ContractPaymentRecordGetResponse get(String id) {
+        ContractPaymentRecord paymentRecord = contractPaymentRecordMapper.selectByPrimaryKey(id);
+        if (paymentRecord == null) {
+            throw new GenericException(Translator.get("record.not.exist"));
+        }
+        ContractPaymentRecordGetResponse recordDetail = BeanUtils.copyBean(new ContractPaymentRecordGetResponse(), paymentRecord);
+        recordDetail = baseService.setCreateUpdateOwnerUserName(recordDetail);
+        Contract contract = contractMapper.selectByPrimaryKey(recordDetail.getContractId());
+        ContractPaymentPlan contractPaymentPlan = contractPaymentPlanMapper.selectByPrimaryKey(recordDetail.getPaymentPlanId());
+        // 自定义字段值 & 选项值
+        List<BaseModuleFieldValue> fvs = contractPaymentRecordFieldService.getModuleFieldValuesByResourceId(id);
+        fvs = contractPaymentRecordFieldService.setBusinessRefFieldValue(List.of(recordDetail),
+                moduleFormService.getFlattenFormFields(FormKey.CONTRACT_PAYMENT_RECORD.getKey(), paymentRecord.getOrganizationId()), new HashMap<>(Map.of(id, fvs))).get(id);
+        ModuleFormConfigDTO recordFormConf = moduleFormCacheService.getBusinessFormConfig(FormKey.CONTRACT_PAYMENT_RECORD.getKey(), paymentRecord.getOrganizationId());
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(recordFormConf, fvs);
+        optionMap.put(BusinessModuleField.CONTRACT_PAYMENT_RECORD_OWNER.getBusinessKey(), moduleFormService.getBusinessFieldOption(List.of(recordDetail),
+                ContractPaymentRecordGetResponse::getOwner, ContractPaymentRecordGetResponse::getOwnerName));
+        if (contract != null) {
+            recordDetail.setContractName(contract.getName());
+            optionMap.put(BusinessModuleField.CONTRACT_PAYMENT_RECORD_CONTRACT.getBusinessKey(), moduleFormService.getBusinessFieldOption(List.of(recordDetail),
+                    ContractPaymentRecordGetResponse::getContractId, ContractPaymentRecordGetResponse::getContractName));
+        }
+        if (contractPaymentPlan != null) {
+            recordDetail.setPaymentPlanName(contractPaymentPlan.getName());
+            optionMap.put(BusinessModuleField.CONTRACT_PAYMENT_RECORD_PLAN.getBusinessKey(), moduleFormService.getBusinessFieldOption(List.of(recordDetail),
+                    ContractPaymentRecordGetResponse::getPaymentPlanId, ContractPaymentRecordGetResponse::getPaymentPlanName));
+        }
+        recordDetail.setModuleFields(fvs);
+        recordDetail.setOptionMap(optionMap);
+        recordDetail.setAttachmentMap(moduleFormService.getAttachmentMap(recordFormConf, recordDetail.getModuleFields()));
+
+        if (recordDetail.getOwner() != null) {
+            UserDeptDTO userDeptDTO = baseService.getUserDeptMapByUserId(recordDetail.getOwner(), paymentRecord.getOrganizationId());
+            if (userDeptDTO != null) {
+                recordDetail.setDepartmentId(userDeptDTO.getDeptId());
+                recordDetail.setDepartmentName(userDeptDTO.getDeptName());
+            }
+        }
+        return recordDetail;
+    }
+
+	/**
+	 * 获取回款记录详情（⚠️反射调用; 勿修改入参, 返回, 方法名!）
+	 * @param id 回款记录ID
+	 * @return 回款记录详情
+	 */
+	public ContractPaymentRecordGetResponse getSimple(String id) {
+		ContractPaymentRecord paymentRecord = contractPaymentRecordMapper.selectByPrimaryKey(id);
+		if (paymentRecord == null) {
+			return null;
+		}
+		ContractPaymentRecordGetResponse response = BeanUtils.copyBean(new ContractPaymentRecordGetResponse(), paymentRecord);
+		List<BaseModuleFieldValue> fvs = contractPaymentRecordFieldService.getModuleFieldValuesByResourceId(id);
+		response.setModuleFields(fvs);
+		return response;
+	}
+
+	/**
+	 * 批量获取回款记录详情 (用于数据源批量查询优化)
+	 * @param ids 回款记录ID集合
+	 * @return 回款记录详情列表
+	 */
+	public List<ContractPaymentRecordGetResponse> batchGetSimpleByIds(List<String> ids) {
+		if (CollectionUtils.isEmpty(ids)) {
+			return Collections.emptyList();
+		}
+		List<ContractPaymentRecord> records = contractPaymentRecordMapper.selectByIds(ids);
+		if (CollectionUtils.isEmpty(records)) {
+			return Collections.emptyList();
+		}
+		Map<String, List<BaseModuleFieldValue>> fieldValueMap = contractPaymentRecordFieldService.getResourceFieldMap(ids, true);
+
+		return records.stream().map(record -> {
+			ContractPaymentRecordGetResponse response = BeanUtils.copyBean(new ContractPaymentRecordGetResponse(), record);
+			response.setModuleFields(fieldValueMap.get(record.getId()));
+			return response;
+		}).toList();
+	}
+
+
+    public ResourceTabEnableDTO getTabEnableConfig(String userId, String orgId) {
+        List<RolePermissionDTO> rolePermissions = permissionCache.getRolePermissions(userId, orgId);
+        return PermissionUtils.getTabEnableConfig(userId, PermissionConstants.CONTRACT_PAYMENT_RECORD_READ, rolePermissions);
+    }
+
+    /**
+     * 下载导入的模板
+     *
+     * @param response 响应
+     */
+    public void downloadImportTpl(HttpServletResponse response, String currentOrg) {
+        new EasyExcelExporter().exportMultiSheetTplWithSharedHandler(response,
+                moduleFormService.getCustomImportHeadsNoRef(FormKey.CONTRACT_PAYMENT_RECORD.getKey(), currentOrg),
+                Translator.get("payment.record.import_tpl.name"), Translator.get(SheetKey.DATA), Translator.get(SheetKey.COMMENT),
+                new CustomTemplateWriteHandler(moduleFormService.getAllCustomImportFields(FormKey.CONTRACT_PAYMENT_RECORD.getKey(), currentOrg)),
+                new CustomHeadColWidthStyleStrategy());
+    }
+
+    /**
+     * 导入检查
+     *
+     * @param file       导入文件
+     * @param currentOrg 当前组织
+     * @return 导入检查信息
+     */
+    public ImportResponse importPreCheck(MultipartFile file, String currentOrg) {
+        if (file == null) {
+            throw new GenericException(Translator.get("file_cannot_be_null"));
+        }
+        return checkImportExcel(file, currentOrg);
+    }
+
+    /**
+     * 检查导入的文件
+     *
+     * @param file       文件
+     * @param currentOrg 当前组织
+     * @return 检查信息
+     */
+    private ImportResponse checkImportExcel(MultipartFile file, String currentOrg) {
+        try {
+            List<BaseField> fields = moduleFormService.getAllCustomImportFields(FormKey.CONTRACT_PAYMENT_RECORD.getKey(), currentOrg);
+            CustomFieldCheckEventListener eventListener = new CustomFieldCheckEventListener(fields, "contract_payment_record", "contract_payment_record_field", currentOrg);
+            FastExcelFactory.read(file.getInputStream(), eventListener).headRowNumber(1).ignoreEmptyRow(true).sheet().doRead();
+            return ImportResponse.builder().errorMessages(eventListener.getErrList())
+                    .successCount(eventListener.getSuccess()).failCount(eventListener.getErrList().size()).build();
+        } catch (Exception e) {
+            log.error("Payment record import pre-check error", e);
+            throw new GenericException(e.getMessage());
+        }
+    }
+
+    /**
+     * 回款记录导入
+     *
+     * @param file        导入文件
+     * @param currentOrg  当前组织
+     * @param currentUser 当前用户
+     * @return 导入返回信息
+     */
+    public ImportResponse realImport(MultipartFile file, String currentOrg, String currentUser) {
+        try {
+            List<BaseField> fields = moduleFormService.getAllFields(FormKey.CONTRACT_PAYMENT_RECORD.getKey(), currentOrg);
+            Optional<BaseField> serialOptional = fields.stream().filter(field -> Strings.CI.equals(field.getInternalKey(), BusinessModuleField.CONTRACT_PAYMENT_RECORD_NO.getKey())).findAny();
+            CustomImportAfterDoConsumer<ContractPaymentRecord, BaseResourceSubField> afterDo = (records, recordFields, recordFieldBlobs) -> {
+                List<LogDTO> logs = new ArrayList<>();
+                records.forEach(record -> {
+                    if (serialOptional.isPresent()) {
+                        List<String> serialNumberRules = ((SerialNumberField) serialOptional.get()).getSerialNumberRules();
+                        record.setNo(serialNumGenerator.generateByRules(serialNumberRules, currentOrg, FormKey.CONTRACT_PAYMENT_RECORD.getKey()));
+                    }
+                    logs.add(new LogDTO(currentOrg, record.getId(), currentUser, LogType.ADD, LogModule.CONTRACT_PAYMENT_RECORD, record.getName()));
+                });
+                contractPaymentRecordMapper.batchInsert(records);
+                contractPaymentRecordFieldMapper.batchInsert(recordFields.stream().map(field -> BeanUtils.copyBean(new ContractPaymentRecordField(), field)).toList());
+                contractPaymentRecordFieldBlobMapper.batchInsert(recordFieldBlobs.stream().map(field -> BeanUtils.copyBean(new ContractPaymentRecordFieldBlob(), field)).toList());
+                // record logs
+                logService.batchAdd(logs);
+            };
+            CustomFieldImportEventListener<ContractPaymentRecord> eventListener = new CustomFieldImportEventListener<>(fields, ContractPaymentRecord.class, currentOrg, currentUser,
+                    "contract_payment_record_field", afterDo, 2000, null, null);
+            FastExcelFactory.read(file.getInputStream(), eventListener).headRowNumber(1).ignoreEmptyRow(true).sheet().doRead();
+            return ImportResponse.builder().errorMessages(eventListener.getErrList())
+                    .successCount(eventListener.getSuccessCount()).failCount(eventListener.getErrList().size()).build();
+        } catch (Exception e) {
+            log.error("Payment record import error", e);
+            throw new GenericException(e.getMessage());
+        }
+    }
+
+    /**
+     * 汇总客户回款记录列表金额
+     *
+     * @param customerId         客户ID
+     * @param userId             用户ID
+     * @param organizationId     组织ID
+     * @param deptDataPermission 数据权限
+     * @return 汇总结果
+     */
+    public CustomerPaymentRecordStatisticResponse sumCustomerPaymentAmount(String customerId, String userId, String organizationId, DeptDataPermissionDTO deptDataPermission) {
+        return extContractPaymentRecordMapper.sumCustomerRecordAmount(customerId, userId, organizationId, deptDataPermission);
+    }
+
+    /**
+     * 更新自定义字段值
+     *
+     * @param contractPaymentRecord 回款记录
+     * @param moduleFields          自定义字段值
+     * @param currentOrg            当前组织
+     * @param currentUser           当前用户
+     */
+    private void updateModuleField(ContractPaymentRecord contractPaymentRecord, List<BaseModuleFieldValue> moduleFields, String currentOrg, String currentUser) {
+        if (moduleFields == null) {
+            return;
+        }
+        // 删除已有的再保存
+        contractPaymentRecordFieldService.deleteByResourceId(contractPaymentRecord.getId());
+        contractPaymentRecordFieldService.saveModuleField(contractPaymentRecord, currentOrg, currentUser, moduleFields, true);
+    }
+
+    /**
+     * 构建列表扩展数据
+     *
+     * @param list       列表数据
+     * @param currentOrg 当前组织
+     * @return 列表扩展数据
+     */
+    public List<ContractPaymentRecordResponse> buildListExtra(List<ContractPaymentRecordResponse> list, String currentOrg) {
+        if (CollectionUtils.isEmpty(list)) {
+            return list;
+        }
+        List<String> recordIds = list.stream().map(ContractPaymentRecordResponse::getId).filter(StringUtils::isNotBlank).toList();
+        List<String> refPlanIds = distinctNonBlank(list.stream().map(ContractPaymentRecordResponse::getPaymentPlanId).collect(Collectors.toList()));
+        List<ContractPaymentPlan> contractPaymentPlans = CollectionUtils.isEmpty(refPlanIds) ? Collections.emptyList() : contractPaymentPlanMapper.selectByIds(refPlanIds);
+        Map<String, String> paymentPlanMap = contractPaymentPlans.stream().collect(Collectors.toMap(ContractPaymentPlan::getId, ContractPaymentPlan::getName));
+        Map<String, List<BaseModuleFieldValue>> resourceFieldMap = CollectionUtils.isEmpty(recordIds) ? Collections.emptyMap() : contractPaymentRecordFieldService.getResourceFieldMap(recordIds, true);
+        Map<String, List<BaseModuleFieldValue>> resolvefieldValueMap = contractPaymentRecordFieldService.setBusinessRefFieldValue(list,
+                moduleFormService.getFlattenFormFields(FormKey.CONTRACT_PAYMENT_RECORD.getKey(), currentOrg), resourceFieldMap);
+
+        List<String> ownerIds = distinctNonBlank(list.stream().map(ContractPaymentRecordResponse::getOwner).collect(Collectors.toList()));
+        List<String> createUserIds = distinctNonBlank(list.stream().map(ContractPaymentRecordResponse::getCreateUser).collect(Collectors.toList()));
+        List<String> updateUserIds = distinctNonBlank(list.stream().map(ContractPaymentRecordResponse::getUpdateUser).collect(Collectors.toList()));
+        List<String> userIds = Stream.of(ownerIds, createUserIds, updateUserIds)
+                .flatMap(Collection::stream).distinct().toList();
+        Map<String, String> userNameMap = baseService.getUserNameMap(userIds);
+        Map<String, UserDeptDTO> userDeptMap = baseService.getUserDeptMapByUserIds(ownerIds, currentOrg);
+        list.forEach(item -> {
+            item.setModuleFields(resolvefieldValueMap.getOrDefault(item.getId(), Collections.emptyList()));
+            item.setCreateUserName(baseService.getAndCheckOptionName(userNameMap.get(item.getCreateUser())));
+            item.setUpdateUserName(baseService.getAndCheckOptionName(userNameMap.get(item.getUpdateUser())));
+            item.setOwnerName(baseService.getAndCheckOptionName(userNameMap.get(item.getOwner())));
+            item.setPaymentPlanName(paymentPlanMap.get(item.getPaymentPlanId()));
+            if (userDeptMap.containsKey(item.getOwner())) {
+                UserDeptDTO userDept = userDeptMap.get(item.getOwner());
+                item.setDepartmentId(userDept.getDeptId());
+                item.setDepartmentName(userDept.getDeptName());
+            }
+        });
+        return list;
+    }
+
+    /**
+     * 处理选项数据
+     *
+     * @param list       列表数据
+     * @param currentOrg 当前组织
+     * @return 选项数据
+     */
+    private Map<String, List<OptionDTO>> buildOptionMap(List<ContractPaymentRecordResponse> list, String currentOrg) {
+        // 处理自定义字段选项数据
+        ModuleFormConfigDTO formConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.CONTRACT_PAYMENT_RECORD.getKey(), currentOrg);
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(formConfig, moduleFormService.getBaseModuleFieldValues(list, ContractPaymentRecordResponse::getModuleFields));
+
+        // 补充业务字段选项数据 {负责人, 合同, 回款计划}
+        optionMap.put(BusinessModuleField.CONTRACT_PAYMENT_RECORD_OWNER.getBusinessKey(), moduleFormService.getBusinessFieldOption(list,
+                ContractPaymentRecordResponse::getOwner, ContractPaymentRecordResponse::getOwnerName));
+        optionMap.put(BusinessModuleField.CONTRACT_PAYMENT_RECORD_CONTRACT.getBusinessKey(), moduleFormService.getBusinessFieldOption(list,
+                ContractPaymentRecordResponse::getContractId, ContractPaymentRecordResponse::getContractName));
+        optionMap.put(BusinessModuleField.CONTRACT_PAYMENT_RECORD_PLAN.getBusinessKey(), moduleFormService.getBusinessFieldOption(list,
+                ContractPaymentRecordResponse::getPaymentPlanId, ContractPaymentRecordResponse::getPaymentPlanName));
+
+        return optionMap;
+    }
+
+    /**
+     * 校验回款金额是否超出 && 大于0
+     *
+     * @param contractId 合同ID
+     * @param payAmount  回款金额
+     */
+    private void checkContractPaymentAmount(String contractId, BigDecimal payAmount, String excludeRecordId) {
+        if (payAmount == null || payAmount.compareTo(BigDecimal.ZERO) <= 0) {
+            throw new GenericException(Translator.getWithArgs("record.amount.illegal"));
+        }
+        LambdaQueryWrapper<ContractPaymentRecord> recordLambdaQueryWrapper = new LambdaQueryWrapper<>();
+        recordLambdaQueryWrapper.eq(ContractPaymentRecord::getContractId, contractId);
+        if (StringUtils.isNotEmpty(excludeRecordId)) {
+            recordLambdaQueryWrapper.nq(ContractPaymentRecord::getId, excludeRecordId);
+        }
+        Contract contract = contractMapper.selectByPrimaryKey(contractId);
+        if (contract == null) {
+            throw new GenericException(Translator.get("contract.not.exist"));
+        }
+    }
+
+    /**
+     * 获取回款记录名称
+     *
+     * @param id 回款记录ID
+     * @return 回款记录名称
+     */
+    public String getRecordNameById(String id) {
+        ContractPaymentRecord record = contractPaymentRecordMapper.selectByPrimaryKey(id);
+        if (record != null) {
+            return record.getName();
+        }
+        return null;
+    }
+
+    /**
+     * 通过名称获取回款记录集合
+     *
+     * @param names 名称集合
+     * @return 回款记录集合
+     */
+    public List<ContractPaymentRecord> getRecordListByNames(List<String> names) {
+        if (CollectionUtils.isEmpty(names)) {
+            return Collections.emptyList();
+        }
+        LambdaQueryWrapper<ContractPaymentRecord> lambdaQueryWrapper = new LambdaQueryWrapper<>();
+        lambdaQueryWrapper.in(ContractPaymentRecord::getName, names);
+        return contractPaymentRecordMapper.selectListByLambda(lambdaQueryWrapper);
+    }
+
+    /**
+     * 通过ID集合获取回款记录名称
+     *
+     * @param ids id集合
+     * @return 回款记录名称
+     */
+    public String getRecordNameByIds(List<String> ids) {
+        if (CollectionUtils.isEmpty(ids)) {
+            return StringUtils.EMPTY;
+        }
+        List<ContractPaymentRecord> records = contractPaymentRecordMapper.selectByIds(ids);
+        if (CollectionUtils.isNotEmpty(records)) {
+            List<String> names = records.stream().map(ContractPaymentRecord::getName).toList();
+            return String.join(",", names);
+        }
+        return StringUtils.EMPTY;
+    }
+
+    private List<String> distinctNonBlank(Collection<String> values) {
+        if (CollectionUtils.isEmpty(values)) {
+            return Collections.emptyList();
+        }
+        return values.stream().filter(StringUtils::isNotBlank).distinct().toList();
+    }
+
+
+    /**
+     * 统计
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     * @param deptDataPermission
+     * @return
+     */
+    public ContractPaymentRecordStatisticResponse searchStatistic(ContractPaymentRecordStatisticRequest request, String userId, String orgId, DeptDataPermissionDTO deptDataPermission) {
+        ContractPaymentRecordStatisticResponse response = extContractPaymentRecordMapper.searchStatistic(request, orgId, userId, deptDataPermission);
+        return Optional.ofNullable(response).orElse(new ContractPaymentRecordStatisticResponse());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractResourceAccessContextProvider.java b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractResourceAccessContextProvider.java
new file mode 100644
index 0000000..fd35121
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractResourceAccessContextProvider.java
@@ -0,0 +1,47 @@
+package cn.cordys.crm.contract.service;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.permission.ResourceAccessContext;
+import cn.cordys.common.permission.ResourceAccessContextProvider;
+import cn.cordys.crm.contract.domain.Contract;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Component;
+
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+
+@Component
+public class ContractResourceAccessContextProvider implements ResourceAccessContextProvider {
+
+    @Resource
+    private BaseMapper<Contract> contractMapper;
+
+    @Override
+    public String getFormType() {
+        return FormKey.CONTRACT.getKey();
+    }
+
+    @Override
+    public ResourceAccessContext getAccessContext(String resourceId, String orgId) {
+        Contract contract = contractMapper.selectByPrimaryKey(resourceId);
+        if (contract == null) {
+            return null;
+        }
+        ResourceAccessContext context = new ResourceAccessContext();
+        context.setOwnerId(contract.getOwner());
+        context.setApprovalStatus(contract.getApprovalStatus());
+        return context;
+    }
+
+    @Override
+    public Map<String, String> batchGetOwnerIds(List<String> resourceIds, String orgId) {
+        if (resourceIds == null || resourceIds.isEmpty()) {
+            return Map.of();
+        }
+        return contractMapper.selectByIds(resourceIds).stream()
+                .filter(contract -> contract.getOwner() != null)
+                .collect(Collectors.toMap(Contract::getId, Contract::getOwner, (a, b) -> a));
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractService.java b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractService.java
new file mode 100644
index 0000000..0048593
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractService.java
@@ -0,0 +1,1142 @@
+package cn.cordys.crm.contract.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.aspectj.dto.LogDTO;
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.*;
+import cn.cordys.common.dto.condition.BaseCondition;
+import cn.cordys.common.dto.stage.CirculationFieldValue;
+import cn.cordys.common.dto.stage.StageConfigResponse;
+import cn.cordys.common.dto.stage.StageSortRequest;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.permission.PermissionCache;
+import cn.cordys.common.permission.PermissionUtils;
+import cn.cordys.common.resolver.field.AbstractModuleFieldResolver;
+import cn.cordys.common.resolver.field.ModuleFieldResolverFactory;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.approval.annotation.HitApproval;
+import cn.cordys.crm.approval.constants.ApprovalFormTypeEnum;
+import cn.cordys.crm.approval.constants.ApprovalStatus;
+import cn.cordys.crm.approval.constants.ExecuteTimingEnum;
+import cn.cordys.crm.approval.dto.ResourceApprovalFieldUpdateParam;
+import cn.cordys.crm.approval.dto.ResourceApprovalPostUpdateParam;
+import cn.cordys.crm.approval.dto.ResourceSnapshotApprovalParam;
+import cn.cordys.crm.approval.handler.ApprovalResourceHandler;
+import cn.cordys.crm.approval.service.ApprovalFlowService;
+import cn.cordys.crm.approval.service.ApprovalResourceService;
+import cn.cordys.crm.contract.constants.ContractApprovalStatus;
+import cn.cordys.crm.contract.constants.ContractStage;
+import cn.cordys.crm.contract.domain.*;
+import cn.cordys.crm.contract.dto.request.ContractAddRequest;
+import cn.cordys.crm.contract.dto.request.ContractPageRequest;
+import cn.cordys.crm.contract.dto.request.ContractStageRequest;
+import cn.cordys.crm.contract.dto.request.ContractUpdateRequest;
+import cn.cordys.crm.contract.dto.response.ContractGetResponse;
+import cn.cordys.crm.contract.dto.response.ContractListResponse;
+import cn.cordys.crm.contract.dto.response.ContractStatisticResponse;
+import cn.cordys.crm.contract.dto.response.CustomerContractStatisticResponse;
+import cn.cordys.crm.contract.mapper.ExtContractInvoiceMapper;
+import cn.cordys.crm.contract.mapper.ExtContractMapper;
+import cn.cordys.crm.contract.mapper.ExtContractStageConfigMapper;
+import cn.cordys.crm.customer.domain.Customer;
+import cn.cordys.crm.order.domain.Order;
+import cn.cordys.crm.order.domain.OrderSnapshot;
+import cn.cordys.crm.order.dto.response.OrderGetResponse;
+import cn.cordys.crm.system.constants.CirculationFieldValueTypeEnum;
+import cn.cordys.crm.system.constants.CirculationTypeEnum;
+import cn.cordys.crm.system.constants.DictModule;
+import cn.cordys.crm.system.constants.NotificationConstants;
+import cn.cordys.crm.system.domain.MessageTaskConfig;
+import cn.cordys.crm.system.domain.StageAdvancedConfig;
+import cn.cordys.crm.system.dto.MessageTaskConfigDTO;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.request.ResourceBatchEditRequest;
+import cn.cordys.crm.system.dto.response.BatchAffectReasonResponse;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.mapper.ExtStageAdvancedConfigMapper;
+import cn.cordys.crm.system.notice.CommonNoticeSendService;
+import cn.cordys.crm.system.service.*;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import com.fasterxml.jackson.core.type.TypeReference;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.math.BigDecimal;
+import java.util.*;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class ContractService implements ApprovalResourceHandler {
+
+    @Resource
+    private ContractFieldService contractFieldService;
+    @Resource
+    private BaseMapper<Contract> contractMapper;
+    @Resource
+    private BaseService baseService;
+    @Resource
+    private ModuleFormService moduleFormService;
+    @Resource
+    private BaseMapper<ContractSnapshot> snapshotBaseMapper;
+    @Resource
+    private ExtContractMapper extContractMapper;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private PermissionCache permissionCache;
+    @Resource
+    private BaseMapper<Customer> customerBaseMapper;
+    @Resource
+    private CommonNoticeSendService commonNoticeSendService;
+    @Resource
+    private BaseMapper<MessageTaskConfig> messageTaskConfigMapper;
+    @Resource
+    private BaseMapper<ContractPaymentRecord> contractPaymentRecordMapper;
+    @Resource
+    private ExtContractInvoiceMapper extContractInvoiceMapper;
+    @Resource
+    private DictService dictService;
+    @Resource
+    private ExtContractStageConfigMapper extContractStageConfigMapper;
+    @Resource
+    private ApprovalFlowService approvalFlowService;
+	@Resource
+	private LogService logService;
+    @Resource
+    private StageAdvancedConfigService stageAdvancedConfigService;
+    @Resource
+    private ExtStageAdvancedConfigMapper extStageAdvancedConfigMapper;
+    private static final BigDecimal MAX_AMOUNT = new BigDecimal("9999999999");
+    public static final Long DEFAULT_POS = 1L;
+
+    /**
+     * 新建合同
+     *
+     * @param request
+     * @param operatorId
+     * @param orgId
+     * @return
+     */
+    @OperationLog(module = LogModule.CONTRACT_INDEX, type = LogType.ADD, resourceName = "{#request.name}")
+    @HitApproval(formKey = FormKey.CONTRACT, executeType = ExecuteTimingEnum.CREATE, operatorId = "{#operatorId}")
+    public Contract add(ContractAddRequest request, String operatorId, String orgId) {
+        List<BaseModuleFieldValue> moduleFields = request.getModuleFields();
+        ModuleFormConfigDTO moduleFormConfigDTO = request.getModuleFormConfigDTO();
+        if (CollectionUtils.isEmpty(moduleFields)) {
+            throw new GenericException(Translator.get("contract.field.required"));
+        }
+        if (moduleFormConfigDTO == null) {
+            throw new GenericException(Translator.get("contract.form.config.required"));
+        }
+        ModuleFormConfigDTO saveModuleFormConfigDTO = JSON.parseObject(JSON.toJSONString(moduleFormConfigDTO), ModuleFormConfigDTO.class);
+        List<StageConfigResponse> stageConfigList = extContractStageConfigMapper.getStageConfigList(orgId);
+        Long nextPos = getNextPos(orgId, stageConfigList.getFirst().getId());
+        Contract contract = new Contract();
+        String id = IDGenerator.nextStr();
+        contract.setId(id);
+        contract.setName(request.getName());
+        contract.setCustomerId(request.getCustomerId());
+        contract.setOwner(request.getOwner());
+        contract.setNumber(request.getNumber());
+        contract.setStage(stageConfigList.getFirst().getId());
+        contract.setPos(nextPos);
+        contract.setOrganizationId(orgId);
+        contract.setApprovalStatus(ApprovalStatus.NONE.name());
+        contract.setStartTime(request.getStartTime());
+        contract.setEndTime(request.getEndTime());
+        contract.setCreateTime(System.currentTimeMillis());
+        contract.setCreateUser(operatorId);
+        contract.setUpdateTime(System.currentTimeMillis());
+        contract.setUpdateUser(operatorId);
+
+        if (!dictService.isDictConfigEnable(DictModule.CONTRACT_APPROVAL.name(), orgId)) {
+            contract.setApprovalStatus(ContractApprovalStatus.NONE.name());
+        }
+
+        //判断总金额
+        setAmount(request.getAmount(), contract);
+
+        // 设置子表格字段值
+        moduleFields.add(new BaseModuleFieldValue("products", request.getProducts()));
+        //自定义字段
+        contractFieldService.saveModuleField(contract, orgId, operatorId, moduleFields, false);
+        contractMapper.insert(contract);
+
+        baseService.handleAddLogWithSubTable(contract, moduleFields, Translator.get("products_info"), moduleFormConfigDTO);
+
+        // 保存表单配置快照
+        List<BaseModuleFieldValue> resolveFieldValues = moduleFormService.resolveSnapshotFields(moduleFields, moduleFormConfigDTO, contractFieldService, contract.getId());
+        ContractGetResponse response = get(contract, resolveFieldValues, moduleFormConfigDTO);
+        saveSnapshot(contract, saveModuleFormConfigDTO, response);
+
+        return contract;
+    }
+
+    private Long getNextPos(String orgId, String stage) {
+        Long pos = extContractMapper.selectNextPos(orgId, stage);
+        return pos == null ? 1 : pos + 1;
+    }
+
+
+    /**
+     * 保存合同快照
+     *
+     * @param contract
+     * @param moduleFormConfigDTO
+     * @param response
+     */
+    private void saveSnapshot(Contract contract, ModuleFormConfigDTO moduleFormConfigDTO, ContractGetResponse response) {
+        //移除response中moduleFields 集合里 的 BaseModuleFieldValue 的 fieldId="products"的数据，避免快照数据过大
+        if (CollectionUtils.isNotEmpty(response.getModuleFields())) {
+            response.setModuleFields(response.getModuleFields().stream()
+                    .filter(field -> (field.getFieldValue() != null && StringUtils.isNotBlank(field.getFieldValue().toString()) && !"[]".equals(field.getFieldValue().toString()))).toList());
+        }
+        ContractSnapshot snapshot = new ContractSnapshot();
+        snapshot.setId(IDGenerator.nextStr());
+        snapshot.setContractId(contract.getId());
+        snapshot.setContractProp(JSON.toJSONString(moduleFormConfigDTO));
+        snapshot.setContractValue(JSON.toJSONString(response));
+        snapshotBaseMapper.insert(snapshot);
+
+    }
+
+    private ContractGetResponse get(Contract contract, List<BaseModuleFieldValue> contractFields, ModuleFormConfigDTO contractFormConfig) {
+        ContractGetResponse contractGetResponse = BeanUtils.copyBean(new ContractGetResponse(), contract);
+        contractGetResponse = baseService.setCreateUpdateOwnerUserName(contractGetResponse);
+
+        String id = contract.getId();
+        // 获取模块字段
+        moduleFormService.processBusinessFieldValues(contractGetResponse, contractFields, contractFormConfig);
+        contractFields = contractFieldService.setBusinessRefFieldValue(List.of(contractGetResponse),
+                moduleFormService.getFlattenFormFields(FormKey.CONTRACT.getKey(), contract.getOrganizationId()), new HashMap<>(Map.of(id, contractFields))).get(id);
+
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(contractFormConfig, contractFields);
+
+        // 补充负责人选项
+        List<OptionDTO> ownerFieldOption = moduleFormService.getBusinessFieldOption(contractGetResponse,
+                ContractGetResponse::getOwner, ContractGetResponse::getOwnerName);
+        optionMap.put(BusinessModuleField.CONTRACT_OWNER.getBusinessKey(), ownerFieldOption);
+
+        Customer customer = customerBaseMapper.selectByPrimaryKey(contract.getCustomerId());
+        if (customer != null) {
+            contractGetResponse.setCustomerName(customer.getName());
+            optionMap.put(BusinessModuleField.CONTRACT_CUSTOMER_NAME.getBusinessKey(), Collections.singletonList(new OptionDTO(customer.getId(), customer.getName())));
+        }
+
+        contractGetResponse.setOptionMap(optionMap);
+        contractGetResponse.setModuleFields(contractFields);
+
+        if (contractGetResponse.getOwner() != null) {
+            UserDeptDTO userDeptDTO = baseService.getUserDeptMapByUserId(contractGetResponse.getOwner(), contract.getOrganizationId());
+            if (userDeptDTO != null) {
+                contractGetResponse.setDepartmentId(userDeptDTO.getDeptId());
+                contractGetResponse.setDepartmentName(userDeptDTO.getDeptName());
+            }
+        }
+
+        // 附件信息
+        contractGetResponse.setAttachmentMap(moduleFormService.getAttachmentMap(contractFormConfig, contractFields));
+        contractGetResponse.setAlreadyPayAmount(sumContractRecordAmount(id));
+
+        return contractGetResponse;
+    }
+
+    /**
+     * 获取合同详情
+     *
+     * @param id
+     * @return
+     */
+    public ContractGetResponse get(String id, String orgId) {
+        Contract contract = contractMapper.selectByPrimaryKey(id);
+        // 获取模块字段
+        ModuleFormConfigDTO contractFormConfig = getFormConfig(contract.getOrganizationId());
+        List<BaseModuleFieldValue> contractFields = contractFieldService.getModuleFieldValuesByResourceId(id);
+        ContractGetResponse getResponse = get(contract, contractFields, contractFormConfig);
+
+        if (Strings.CI.equals(getResponse.getApprovalStatus(), ApprovalStatus.APPROVING.name())) {
+            Map<String, Boolean> firstNodeApproved = baseService.getApprovingResourceFirstNodeApproved(List.of(getResponse.getId()), orgId);
+            getResponse.setFirstApproved(firstNodeApproved.get(getResponse.getId()));
+        }
+        return getResponse;
+    }
+
+    /**
+     * 获取合同详情（⚠️反射调用; 勿修改入参, 返回, 方法名!）
+     *
+     * @param id 合同ID
+     * @return 合同详情
+     */
+    public ContractGetResponse getSimple(String id) {
+        Contract contract = contractMapper.selectByPrimaryKey(id);
+        if (contract == null) {
+            return null;
+        }
+        ContractGetResponse response = BeanUtils.copyBean(new ContractGetResponse(), contract);
+        List<BaseModuleFieldValue> fvs = contractFieldService.getModuleFieldValuesByResourceId(id);
+        ModuleFormConfigDTO contractFormConfig = getFormConfig(contract.getOrganizationId());
+        moduleFormService.processBusinessFieldValues(response, fvs, contractFormConfig);
+        return response;
+    }
+
+
+    /**
+     * 获取字段详情 (⚠️反射调用; 勿修改入参, 返回, 方法名!)
+     * @param id 合同ID
+     * @return 合同详情
+     */
+    public ContractGetResponse getFieldValues(String id) {
+        ContractGetResponse response = new ContractGetResponse();
+        Contract contract = contractMapper.selectByPrimaryKey(id);
+        if (contract == null) {
+            return null;
+        }
+        LambdaQueryWrapper<ContractSnapshot> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(ContractSnapshot::getContractId, id);
+        ContractSnapshot snapshot = snapshotBaseMapper.selectListByLambda(wrapper).stream().findFirst().orElse(null);
+        if (snapshot != null) {
+            response = JSON.parseObject(snapshot.getContractValue(), ContractGetResponse.class);
+            Customer customer = customerBaseMapper.selectByPrimaryKey(contract.getCustomerId());
+            if (customer != null) {
+                response.setInCustomerPool(customer.getInSharedPool());
+                response.setPoolId(customer.getPoolId());
+            }
+            response.setAlreadyPayAmount(sumContractRecordAmount(id));
+        }
+        return response;
+    }
+
+    /**
+     * 批量获取合同详情 (用于数据源批量查询优化)
+     *
+     * @param ids 合同ID集合
+     * @return 合同详情列表
+     */
+    public List<ContractGetResponse> batchGetSimpleByIds(List<String> ids) {
+        if (CollectionUtils.isEmpty(ids)) {
+            return Collections.emptyList();
+        }
+        List<Contract> contracts = contractMapper.selectByIds(ids);
+        if (CollectionUtils.isEmpty(contracts)) {
+            return Collections.emptyList();
+        }
+        Map<String, List<BaseModuleFieldValue>> fieldValueMap = contractFieldService.getResourceFieldMap(ids, true);
+
+        return contracts.stream().map(contract -> {
+            ContractGetResponse response = BeanUtils.copyBean(new ContractGetResponse(), contract);
+            response.setModuleFields(fieldValueMap.get(contract.getId()));
+            return response;
+        }).toList();
+    }
+
+
+    /**
+     * 编辑合同
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     * @return
+     */
+    @OperationLog(module = LogModule.CONTRACT_INDEX, type = LogType.UPDATE, resourceId = "{#request.id}")
+    @HitApproval(formKey = FormKey.CONTRACT, executeType = ExecuteTimingEnum.UPDATE, resourceId = "{#request.id}", updateType = "{#request.updateType}", operatorId = "{#userId}", comment = "{#request.comment}")
+    public Contract update(ContractUpdateRequest request, String userId, String orgId) {
+        Contract oldContract = contractMapper.selectByPrimaryKey(request.getId());
+        List<BaseModuleFieldValue> moduleFields = request.getModuleFields();
+        ModuleFormConfigDTO moduleFormConfigDTO = request.getModuleFormConfigDTO();
+        if (CollectionUtils.isEmpty(moduleFields)) {
+            throw new GenericException(Translator.get("contract.field.required"));
+        }
+        if (moduleFormConfigDTO == null) {
+            throw new GenericException(Translator.get("contract.form.config.required"));
+        }
+        ModuleFormConfigDTO saveModuleFormConfigDTO = JSON.parseObject(JSON.toJSONString(moduleFormConfigDTO), ModuleFormConfigDTO.class);
+        Optional.ofNullable(oldContract).ifPresentOrElse(item -> {
+
+            List<BaseModuleFieldValue> originFields = contractFieldService.getModuleFieldValuesByResourceId(request.getId());
+            Contract contract = BeanUtils.copyBean(new Contract(), request);
+            contract.setStartTime(request.getStartTime());
+            contract.setEndTime(request.getEndTime());
+            contract.setUpdateTime(System.currentTimeMillis());
+            contract.setUpdateUser(userId);
+            // 保留不可更改的字段
+            contract.setNumber(oldContract.getNumber());
+            contract.setCreateUser(oldContract.getCreateUser());
+            contract.setCreateTime(oldContract.getCreateTime());
+            contract.setStage(oldContract.getStage());
+            contract.setApprovalStatus(oldContract.getApprovalStatus());
+
+            //判断总金额
+            setAmount(request.getAmount(), contract);
+            moduleFields.add(new BaseModuleFieldValue("products", request.getProducts()));
+            updateFields(moduleFields, contract, orgId, userId);
+            contractMapper.update(contract);
+            //删除快照
+            LambdaQueryWrapper<ContractSnapshot> delWrapper = new LambdaQueryWrapper<>();
+            delWrapper.eq(ContractSnapshot::getContractId, request.getId());
+            List<ContractSnapshot> contractSnapshots = snapshotBaseMapper.selectListByLambda(delWrapper);
+            if (CollectionUtils.isNotEmpty(contractSnapshots)) {
+                ContractSnapshot first = contractSnapshots.getFirst();
+                if (first != null) {
+                    ContractGetResponse response = JSON.parseObject(first.getContractValue(), ContractGetResponse.class);
+                    List<BaseModuleFieldValue> originModuleFields = response.getModuleFields();
+                    originModuleFields.add(new BaseModuleFieldValue("products", response.getProducts()));
+                    originFields.addAll(originModuleFields);
+                }
+            }
+            snapshotBaseMapper.deleteByLambda(delWrapper);
+            //保存快照
+            List<BaseModuleFieldValue> resolveFieldValues = moduleFormService.resolveSnapshotFields(moduleFields, moduleFormConfigDTO, contractFieldService, contract.getId());
+            // get 方法需要使用orgId
+            contract.setOrganizationId(orgId);
+            ContractGetResponse response = get(contract, resolveFieldValues, moduleFormConfigDTO);
+            saveSnapshot(contract, saveModuleFormConfigDTO, response);
+            // 处理日志上下文
+            baseService.handleUpdateLogWithSubTable(oldContract, contract, originFields, moduleFields, request.getId(), contract.getName(), Translator.get("products_info"), moduleFormConfigDTO);
+        }, () -> {
+            throw new GenericException(Translator.get("contract.not.exist"));
+        });
+        return contractMapper.selectByPrimaryKey(request.getId());
+    }
+
+    private void setAmount(String amount, Contract contract) {
+        if (StringUtils.isNotBlank(amount)) {
+            contract.setAmount(new BigDecimal(amount));
+            if (contract.getAmount().compareTo(MAX_AMOUNT) > 0) {
+                throw new GenericException(Translator.get("contract.amount.exceed.max"));
+            }
+        } else {
+            contract.setAmount(BigDecimal.ZERO);
+        }
+    }
+
+
+    /**
+     * 更新自定义字段
+     *
+     * @param moduleFields
+     * @param contract
+     * @param orgId
+     * @param userId
+     */
+    private void updateFields(List<BaseModuleFieldValue> moduleFields, Contract contract, String orgId, String userId) {
+        if (moduleFields == null) {
+            return;
+        }
+        contractFieldService.deleteByResourceId(contract.getId());
+        contractFieldService.saveModuleField(contract, orgId, userId, moduleFields, true);
+    }
+
+
+    /**
+     * 删除合同
+     *
+     * @param id 合同ID
+     */
+    @OperationLog(module = LogModule.CONTRACT_INDEX, type = LogType.DELETE, resourceId = "{#id}")
+    @HitApproval(formKey = FormKey.CONTRACT, executeType = ExecuteTimingEnum.DELETE, resourceId = "{#id}", operatorId = "{#userId}")
+    public void delete(String id, String userId) {
+        Contract contract = contractMapper.selectByPrimaryKey(id);
+        if (contract == null) {
+            throw new GenericException(Translator.get("contract.not.exist"));
+        }
+        checkContractRelated(id);
+
+        contractFieldService.deleteByResourceId(id);
+        contractMapper.deleteByPrimaryKey(id);
+
+        //删除快照
+        LambdaQueryWrapper<ContractSnapshot> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(ContractSnapshot::getContractId, id);
+        snapshotBaseMapper.deleteByLambda(wrapper);
+        // 添加日志上下文
+        OperationLogContext.setResourceName(contract.getName());
+    }
+
+    @Override
+    public void deleteForResource(String resourceId, String userId, String organizationId) {
+        delete(resourceId, userId);
+    }
+
+    @Override
+    public FormKey getFormKey() {
+        return FormKey.CONTRACT;
+    }
+
+
+    /**
+     * ⚠️反射调用; 勿修改入参, 返回, 方法名!
+     *
+     * @param id 合同ID
+     * @return 合同详情
+     */
+    public ContractGetResponse getSnapshot(String id, String orgId) {
+        ContractGetResponse response = new ContractGetResponse();
+        Contract contract = contractMapper.selectByPrimaryKey(id);
+        if (contract == null) {
+            return null;
+        }
+        LambdaQueryWrapper<ContractSnapshot> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(ContractSnapshot::getContractId, id);
+        ContractSnapshot snapshot = snapshotBaseMapper.selectListByLambda(wrapper).stream().findFirst().orElse(null);
+        if (snapshot != null) {
+            response = JSON.parseObject(snapshot.getContractValue(), ContractGetResponse.class);
+            Customer customer = customerBaseMapper.selectByPrimaryKey(contract.getCustomerId());
+            if (customer != null) {
+                response.setInCustomerPool(customer.getInSharedPool());
+                response.setPoolId(customer.getPoolId());
+            }
+            response.setAlreadyPayAmount(sumContractRecordAmount(id));
+            if (Strings.CI.equals(response.getApprovalStatus(), ApprovalStatus.APPROVING.name())) {
+                Map<String, Boolean> firstNodeApproved = baseService.getApprovingResourceFirstNodeApproved(List.of(response.getId()), orgId);
+                response.setFirstApproved(firstNodeApproved.get(response.getId()));
+            }
+        }
+        response.setApproved(contract.getApproved());
+        return response;
+    }
+
+
+    /**
+     * 合同列表
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     * @param deptDataPermission
+     * @return
+     */
+    public PagerWithOption<List<ContractListResponse>> list(ContractPageRequest request, String userId, String orgId, DeptDataPermissionDTO deptDataPermission, Boolean source) {
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        List<ContractListResponse> list = extContractMapper.list(request, orgId, userId, deptDataPermission, source);
+        List<ContractListResponse> results = buildList(list, orgId);
+        ModuleFormConfigDTO customerFormConfig = getFormConfig(orgId);
+        Map<String, List<OptionDTO>> optionMap = buildOptionMap(list, results, customerFormConfig);
+
+        return PageUtils.setPageInfoWithOption(page, results, optionMap);
+    }
+
+    private Map<String, List<OptionDTO>> buildOptionMap(List<ContractListResponse> list, List<ContractListResponse> buildList,
+                                                        ModuleFormConfigDTO formConfig) {
+        // 获取所有模块字段的值
+        List<BaseModuleFieldValue> moduleFieldValues = moduleFormService.getBaseModuleFieldValues(list, ContractListResponse::getModuleFields);
+        // 获取选项值对应的 option
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(formConfig, moduleFieldValues);
+        // 补充负责人选项
+        List<OptionDTO> ownerFieldOption = moduleFormService.getBusinessFieldOption(buildList,
+                ContractListResponse::getOwner, ContractListResponse::getOwnerName);
+        optionMap.put(BusinessModuleField.CONTRACT_OWNER.getBusinessKey(), ownerFieldOption);
+        return optionMap;
+    }
+
+    private ModuleFormConfigDTO getFormConfig(String orgId) {
+        return moduleFormCacheService.getBusinessFormConfig(FormKey.CONTRACT.getKey(), orgId);
+    }
+
+    public List<ContractListResponse> buildList(List<ContractListResponse> list, String orgId) {
+        if (CollectionUtils.isEmpty(list)) {
+            return list;
+        }
+
+        List<String> contractIds = list.stream().map(ContractListResponse::getId)
+                .collect(Collectors.toList());
+        Map<String, List<BaseModuleFieldValue>> contractFiledMap = contractFieldService.getResourceFieldMap(contractIds, true);
+        Map<String, List<BaseModuleFieldValue>> resolvefieldValueMap = contractFieldService.setBusinessRefFieldValue(list, moduleFormService.getFlattenFormFields(FormKey.CONTRACT.getKey(), orgId), contractFiledMap);
+
+
+        List<String> ownerIds = list.stream()
+                .map(ContractListResponse::getOwner)
+                .distinct()
+                .toList();
+        Map<String, String> userNameMap = baseService.getUserNameMap(ownerIds);
+        Map<String, UserDeptDTO> userDeptMap = baseService.getUserDeptMapByUserIds(ownerIds, orgId);
+
+        Map<String, String> stageNameMap = extContractStageConfigMapper.getStageConfigList(orgId).stream()
+                .collect(Collectors.toMap(StageConfigResponse::getId,
+                        StageConfigResponse::getName));
+
+        List<String> approvingResourceIds = list.stream().filter(item -> Strings.CI.contains(item.getApprovalStatus(), ApprovalStatus.APPROVING.name())).map(ContractListResponse::getId).toList();
+        Map<String, Boolean> firstNodeApprovedMap = baseService.getApprovingResourceFirstNodeApproved(approvingResourceIds, orgId);
+
+        list.forEach(item -> {
+            item.setOwnerName(userNameMap.get(item.getOwner()));
+            UserDeptDTO userDeptDTO = userDeptMap.get(item.getOwner());
+            if (userDeptDTO != null) {
+                item.setDepartmentId(userDeptDTO.getDeptId());
+                item.setDepartmentName(userDeptDTO.getDeptName());
+            }
+            item.setStageName(stageNameMap.get(item.getStage()));
+            // 获取自定义字段
+            List<BaseModuleFieldValue> contractFields = resolvefieldValueMap.get(item.getId());
+            item.setModuleFields(contractFields);
+            item.setFirstApproved(firstNodeApprovedMap.get(item.getId()));
+        });
+        return baseService.setCreateAndUpdateUserName(list);
+    }
+
+
+    /**
+     * 获取表单快照
+     *
+     * @param id
+     * @param orgId
+     * @return
+     */
+    public ModuleFormConfigDTO getFormSnapshot(String id, String orgId) {
+        ModuleFormConfigDTO moduleFormConfigDTO = new ModuleFormConfigDTO();
+        Contract contract = contractMapper.selectByPrimaryKey(id);
+        if (contract == null) {
+            throw new GenericException(Translator.get("contract.not.exist"));
+        }
+        LambdaQueryWrapper<ContractSnapshot> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(ContractSnapshot::getContractId, id);
+        ContractSnapshot snapshot = snapshotBaseMapper.selectListByLambda(wrapper).stream().findFirst().orElse(null);
+        if (snapshot != null) {
+            moduleFormConfigDTO = JSON.parseObject(snapshot.getContractProp(), ModuleFormConfigDTO.class);
+        } else {
+            moduleFormConfigDTO = moduleFormCacheService.getBusinessFormConfig(FormKey.CONTRACT.getKey(), orgId);
+        }
+        return moduleFormConfigDTO;
+
+    }
+
+
+    public ResourceTabEnableDTO getTabEnableConfig(String userId, String orgId) {
+        List<RolePermissionDTO> rolePermissions = permissionCache.getRolePermissions(userId, orgId);
+        return PermissionUtils.getTabEnableConfig(userId, PermissionConstants.CONTRACT_READ, rolePermissions);
+    }
+
+
+    /**
+     * 更新合同状态
+     *
+     * @param request
+     * @param userId
+     */
+    @OperationLog(module = LogModule.CONTRACT_INDEX, type = LogType.UPDATE, resourceId = "{#request.id}")
+    public void updateStage(ContractStageRequest request, String userId, String orgId) {
+        Contract contract = contractMapper.selectByPrimaryKey(request.getId());
+        if (contract == null) {
+            throw new GenericException(Translator.get("contract.not.exist"));
+        }
+
+        List<StageConfigResponse> stageConfigList = extContractStageConfigMapper.getStageConfigList(orgId);
+
+        Map<String, String> stageMap = stageConfigList.stream()
+                .collect(Collectors.toMap(StageConfigResponse::getId, StageConfigResponse::getName));
+
+        if (!stageAdvancedConfigService.checkStage(contract.getStage(), request.getStage(), FormKey.CONTRACT.getKey())) {
+            return;
+        }
+        contract.setStage(request.getStage());
+        if (StringUtils.isNotBlank(request.getVoidReason())) {
+            contract.setVoidReason(request.getVoidReason());
+        }
+        contractMapper.update(contract);
+
+        updateFieldAndSnapshot(contract, request.getFields(),userId);
+
+        final Map<String, String> originalVal = new HashMap<>(1);
+        originalVal.put("contractStage", stageMap.get(contract.getStage()));
+
+        if (Strings.CI.equals(request.getStage(), ContractStage.VOID.name()) || Strings.CI.equals(request.getStage(), ContractStage.ARCHIVED.name())) {
+            String event = Strings.CI.equals(request.getStage(), ContractStage.VOID.name()) ?
+                    NotificationConstants.Event.CONTRACT_VOID : NotificationConstants.Event.CONTRACT_ARCHIVED;
+            Customer customer = customerBaseMapper.selectByPrimaryKey(contract.getCustomerId());
+            sendNotice(contract, userId, orgId, event, customer.getName());
+        }
+
+        final Map<String, String> modifiedVal = new HashMap<>(1);
+        modifiedVal.put("contractStage", stageMap.get(request.getStage()));
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .resourceName(contract.getName())
+                        .originalValue(originalVal)
+                        .modifiedValue(modifiedVal)
+                        .build()
+        );
+
+    }
+
+    private void updateFieldAndSnapshot(Contract contract, List<BaseModuleFieldValue> requestFields, String userId) {
+        if (CollectionUtils.isNotEmpty(requestFields)) {
+            ModuleFormConfigDTO businessFormConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.CONTRACT.getKey(), contract.getOrganizationId());
+            List<BaseField> fields = businessFormConfig.getFields();
+            requestFields.forEach(field -> {
+                BaseField baseField = fields.stream().filter(customField -> customField.getId().equals(field.getFieldId())).findFirst().orElse(null);
+                ResourceBatchEditRequest updateRequest = new ResourceBatchEditRequest();
+                updateRequest.setIds(List.of(contract.getId()));
+                updateRequest.setFieldId(field.getFieldId());
+                updateRequest.setFieldValue(field.getFieldValue());
+                contractFieldService.batchUpdate(updateRequest, baseField, List.of(contract), Contract.class, LogModule.ORDER_INDEX, extContractMapper::batchUpdate, userId, contract.getOrganizationId());
+            });
+        }
+        ContractSnapshot snapshotCriteria = new ContractSnapshot();
+        snapshotCriteria.setContractId(contract.getId());
+        ContractSnapshot snapshot = snapshotBaseMapper.selectOne(snapshotCriteria);
+        if (snapshot != null) {
+            ModuleFormConfigDTO orderFormConfig = getFormConfig(contract.getOrganizationId());
+            List<BaseModuleFieldValue> orderFields = contractFieldService.getModuleFieldValuesByResourceId(contract.getId());
+            Contract newContract = contractMapper.selectByPrimaryKey(contract.getId());
+            ContractGetResponse snapshotRes = get(newContract, orderFields, orderFormConfig);
+            snapshot.setContractValue(JSON.toJSONString(snapshotRes));
+            snapshotBaseMapper.update(snapshot);
+        }
+    }
+
+    /**
+     * 发送通知
+     *
+     * @param contract 合同实体
+     * @param userId   用户ID
+     * @param orgId    组织ID
+     * @param event    事件类型
+     */
+    private void sendNotice(Contract contract, String userId, String orgId, String event, String customerName) {
+        //查询通知配置的接收范围
+        List<String> receiveUserIds = new ArrayList<>();
+        List<MessageTaskConfig> messageTaskConfigList = messageTaskConfigMapper.selectListByLambda(new LambdaQueryWrapper<MessageTaskConfig>()
+                .eq(MessageTaskConfig::getOrganizationId, orgId)
+                .eq(MessageTaskConfig::getTaskType, NotificationConstants.Module.CONTRACT)
+                .eq(MessageTaskConfig::getEvent, event));
+        if (CollectionUtils.isNotEmpty(messageTaskConfigList)) {
+            MessageTaskConfig messageTaskConfig = messageTaskConfigList.getFirst();
+            MessageTaskConfigDTO messageTaskConfigDTO = JSON.parseObject(messageTaskConfig.getValue(), MessageTaskConfigDTO.class);
+            receiveUserIds = commonNoticeSendService.getNoticeReceiveUserIds(messageTaskConfigDTO, contract.getCreateUser(), contract.getOwner(), orgId);
+        } else {
+            //默认通知创建人
+            receiveUserIds.add(contract.getOwner());
+        }
+
+        Map<String, Object> paramMap = new HashMap<>();
+        paramMap.put("customerName", customerName);
+        paramMap.put("name", contract.getName());
+        commonNoticeSendService.sendNotice(NotificationConstants.Module.CONTRACT, event,
+                paramMap, userId, orgId, receiveUserIds, true);
+    }
+
+    private void updateStatusSnapshot(String id, String stage, String approvalStatus) {
+        LambdaQueryWrapper<ContractSnapshot> delWrapper = new LambdaQueryWrapper<>();
+        delWrapper.eq(ContractSnapshot::getContractId, id);
+        List<ContractSnapshot> contractSnapshots = snapshotBaseMapper.selectListByLambda(delWrapper);
+        ContractSnapshot first = contractSnapshots.getFirst();
+        if (first != null) {
+            ContractGetResponse response = JSON.parseObject(first.getContractValue(), ContractGetResponse.class);
+            if (StringUtils.isNotBlank(stage)) {
+                response.setStage(stage);
+            }
+            if (StringUtils.isNotBlank(approvalStatus)) {
+                response.setApprovalStatus(approvalStatus);
+            }
+            first.setContractValue(JSON.toJSONString(response));
+            snapshotBaseMapper.update(first);
+        }
+    }
+
+    /**
+     * ⚠️反射调用: 由审批执行操作统一调用, 勿修改
+     *
+     * @param param 参数
+     */
+    public void updateSnapshotApprovalStatus(ResourceSnapshotApprovalParam param) {
+        ContractSnapshot snapshotCriteria = new ContractSnapshot();
+        snapshotCriteria.setContractId(param.getResourceId());
+        ContractSnapshot snapshot = snapshotBaseMapper.selectOne(snapshotCriteria);
+        if (snapshot != null) {
+            ContractGetResponse response = JSON.parseObject(snapshot.getContractValue(), ContractGetResponse.class);
+            response.setApprovalStatus(param.getApprovalStatus());
+            snapshot.setContractValue(JSON.toJSONString(response));
+            snapshotBaseMapper.update(snapshot);
+        }
+    }
+
+    /**
+     * ⚠️反射调用: 由审批执行后置操作统一调用, 勿修改
+     *
+     * @param postFieldParam 参数
+     */
+    @SuppressWarnings({"unchecked", "rawtypes"})
+    public void updateApprovalPostField(ResourceApprovalPostUpdateParam postFieldParam) {
+        ModuleFormConfigDTO formConfig = getFormConfig(OrganizationContext.getOrganizationId());
+        List<BaseField> fields = formConfig.getFields();
+        Map<String, BaseField> fieldConfigMap = fields.stream().collect(Collectors.toMap(BaseField::getId, f -> f));
+        Contract contract = contractMapper.selectByPrimaryKey(postFieldParam.getResourceId());
+        // 保存原始数据用于日志记录
+        Contract originContract = BeanUtils.copyBean(new Contract(), contract);
+        List<BaseModuleFieldValue> originFields = contractFieldService.getModuleFieldValuesByResourceId(postFieldParam.getResourceId());
+        List<ContractField> contractFields = new ArrayList<>();
+        List<ContractFieldBlob> contractFieldBlobs = new ArrayList<>();
+        ContractSnapshot snapshotCriteria = new ContractSnapshot();
+        snapshotCriteria.setContractId(postFieldParam.getResourceId());
+        ContractSnapshot snapshot = snapshotBaseMapper.selectOne(snapshotCriteria);
+        ContractGetResponse response = new ContractGetResponse();
+        if (snapshot != null) {
+            response = JSON.parseObject(snapshot.getContractValue(), ContractGetResponse.class);
+        }
+
+        ResourceApprovalFieldUpdateParam stageField = postFieldParam.getFields().stream().filter(param -> Strings.CS.equals(param.getFieldId(), "stage") && param.getFieldValue() != null).findFirst().orElse(null);
+        handleStageSetting(stageField, contract, postFieldParam);
+
+        for (ResourceApprovalFieldUpdateParam fieldUpdateParam : postFieldParam.getFields()) {
+            if (Strings.CS.equals(fieldUpdateParam.getFieldId(), "stage") && fieldUpdateParam.getFieldValue() != null) {
+                contractFieldService.setResourceFieldValue(contract, "stage", fieldUpdateParam.getFieldValue());
+                continue;
+            }
+            if (!fieldConfigMap.containsKey(fieldUpdateParam.getFieldId()) || fieldUpdateParam.getFieldValue() == null) {
+                return;
+            }
+            BaseField fieldConfig = fieldConfigMap.get(fieldUpdateParam.getFieldId());
+            AbstractModuleFieldResolver customFieldResolver = ModuleFieldResolverFactory.getResolver(fieldConfig.getType());
+            if (fieldConfig.hasBusinessKey()) {
+                // 业务主表字段
+                contractFieldService.setResourceFieldValue(contract, fieldConfig.getBusinessKey(), fieldUpdateParam.getFieldValue());
+            } else {
+                // 快照自定义字段
+                Optional<BaseModuleFieldValue> findField = response.getModuleFields().stream().filter(fieldValue -> Strings.CI.equals(fieldValue.getFieldId(), fieldUpdateParam.getFieldId())).findAny();
+                if (findField.isPresent()) {
+                    findField.get().setFieldValue(fieldUpdateParam.getFieldValue());
+                } else {
+                    BaseModuleFieldValue fv = new BaseModuleFieldValue();
+                    fv.setFieldId(fieldUpdateParam.getFieldId());
+                    fv.setFieldValue(fieldUpdateParam.getFieldValue());
+                    response.getModuleFields().add(fv);
+                }
+                if (fieldConfig.isBlob()) {
+                    // 自定义大表
+                    contractFieldService.getResourceFieldBlobMapper().deleteByLambda(new LambdaQueryWrapper<ContractFieldBlob>()
+                            .eq(ContractFieldBlob::getFieldId, fieldUpdateParam.getFieldId()).eq(ContractFieldBlob::getResourceId, postFieldParam.getResourceId()));
+                    ContractFieldBlob field = new ContractFieldBlob();
+                    field.setId(IDGenerator.nextStr());
+                    field.setResourceId(postFieldParam.getResourceId());
+                    field.setFieldId(fieldUpdateParam.getFieldId());
+                    field.setFieldValue(customFieldResolver.convertToString(fieldConfig, fieldUpdateParam.getFieldValue()));
+                    contractFieldBlobs.add(field);
+                } else {
+                    // 自定义表
+                    contractFieldService.getResourceFieldMapper().deleteByLambda(new LambdaQueryWrapper<ContractField>()
+                            .eq(ContractField::getFieldId, fieldUpdateParam.getFieldId()).eq(ContractField::getResourceId, postFieldParam.getResourceId()));
+                    ContractField field = new ContractField();
+                    field.setId(IDGenerator.nextStr());
+                    field.setResourceId(postFieldParam.getResourceId());
+                    field.setFieldId(fieldUpdateParam.getFieldId());
+                    field.setFieldValue(customFieldResolver.convertToString(fieldConfig, fieldUpdateParam.getFieldValue()));
+                    contractFields.add(field);
+                }
+            }
+        }
+        contractMapper.updateById(contract);
+        if (CollectionUtils.isNotEmpty(contractFields)) {
+            contractFieldService.getResourceFieldMapper().batchInsert(contractFields);
+        }
+        if (CollectionUtils.isNotEmpty(contractFieldBlobs)) {
+            contractFieldService.getResourceFieldBlobMapper().batchInsert(contractFieldBlobs);
+        }
+        // 更新快照
+        if (snapshot != null) {
+            ContractGetResponse snapshotRes = get(contract, response.getModuleFields(), formConfig);
+            snapshot.setContractValue(JSON.toJSONString(snapshotRes));
+            snapshotBaseMapper.update(snapshot);
+        }
+        // 记录审批后置字段更新日志
+        baseService.handleUpdateLogWithSubTable(originContract, contract, originFields, contractFieldService.getModuleFieldValuesByResourceId(postFieldParam.getResourceId()),
+                postFieldParam.getResourceId(), contract.getName(), Translator.get("products_info"), formConfig);
+        // 从 OperationLogContext 中获取日志信息并手动记录
+        LogContextInfo contextInfo = OperationLogContext.getContext();
+        if (contextInfo != null) {
+            String orgId = OrganizationContext.getOrganizationId();
+            LogDTO logDTO = new LogDTO(orgId, postFieldParam.getResourceId(), postFieldParam.getOperator(), LogType.UPDATE, LogModule.CONTRACT_INDEX, contract.getName());
+            logDTO.setOriginalValue(contextInfo.getOriginalValue());
+            logDTO.setModifiedValue(contextInfo.getModifiedValue());
+            logService.add(logDTO);
+            OperationLogContext.clear();
+        }
+    }
+
+
+    /**
+     * 审批后置操作更新阶段配置
+     * @param stageField
+     * @param originContract
+     * @param postFieldParam
+     */
+    private void handleStageSetting(ResourceApprovalFieldUpdateParam stageField, Contract originContract, ResourceApprovalPostUpdateParam postFieldParam) {
+        if (stageField == null) {
+            return;
+        }
+        if (!stageAdvancedConfigService.checkStage(originContract.getStage(), stageField.getFieldValue().toString(), FormKey.ORDER.getKey())) {
+            return;
+        }
+        StageConfigResponse first = extContractStageConfigMapper.getStageConfigList(originContract.getOrganizationId()).getFirst();
+        if (Strings.CI.equals(first.getCirculationType(), CirculationTypeEnum.ADVANCED.name())) {
+            StageAdvancedConfig config = extStageAdvancedConfigMapper.getConfigByOriginAndTarget(originContract.getStage(), stageField.getFieldValue().toString(), FormKey.ORDER.name());
+            List<CirculationFieldValue> circulationFieldValues = JSON.parseObject(config.getFieldConfig(), new TypeReference<List<CirculationFieldValue>>() {
+            });
+            List<ResourceApprovalFieldUpdateParam> fields = new ArrayList<>();
+            circulationFieldValues.forEach(field -> {
+                if (Strings.CI.equals(field.getValueType(), CirculationFieldValueTypeEnum.FIXED_VALUE.name())) {
+                    if (field.getFieldValue() != null) {
+                        ResourceApprovalFieldUpdateParam param = new ResourceApprovalFieldUpdateParam();
+                        param.setEnable(true);
+                        param.setFieldId(field.getFieldId());
+                        param.setFieldValue(field.getFieldValue());
+                        fields.add(param);
+                    }
+                }
+            });
+            postFieldParam.getFields().addAll(fields);
+        }
+    }
+
+
+    public CustomerContractStatisticResponse calculateContractStatisticByCustomerId(String customerId, String userId, String orgId, DeptDataPermissionDTO deptDataPermission) {
+        return extContractMapper.calculateContractStatisticByCustomerId(customerId, userId, orgId, deptDataPermission);
+    }
+
+    public String getContractName(String id) {
+        Contract contract = contractMapper.selectByPrimaryKey(id);
+        return Optional.ofNullable(contract).map(Contract::getName).orElse(null);
+    }
+
+    public Contract selectByPrimaryKey(String id) {
+        return contractMapper.selectByPrimaryKey(id);
+    }
+
+    /**
+     * 通过名称获取合同集合
+     *
+     * @param names 名称集合
+     * @return 合同集合
+     */
+    public List<Contract> getContractListByNames(List<String> names) {
+        LambdaQueryWrapper<Contract> lambdaQueryWrapper = new LambdaQueryWrapper<>();
+        lambdaQueryWrapper.in(Contract::getName, names);
+        return contractMapper.selectListByLambda(lambdaQueryWrapper);
+    }
+
+    /**
+     * 计算合同已回款金额
+     *
+     * @param contractId 合同ID
+     * @return 已回款金额
+     */
+    private BigDecimal sumContractRecordAmount(String contractId) {
+        LambdaQueryWrapper<ContractPaymentRecord> paymentRecordWrapper = new LambdaQueryWrapper<>();
+        paymentRecordWrapper.eq(ContractPaymentRecord::getContractId, contractId);
+        List<ContractPaymentRecord> contractPaymentRecords = contractPaymentRecordMapper.selectListByLambda(paymentRecordWrapper);
+        if (CollectionUtils.isNotEmpty(contractPaymentRecords)) {
+            return contractPaymentRecords.stream()
+                    .map(ContractPaymentRecord::getRecordAmount)
+                    .reduce(BigDecimal.ZERO, BigDecimal::add);
+        } else {
+            return BigDecimal.ZERO;
+        }
+    }
+
+    /**
+     * 批量更新合同
+     *
+     * @param request        批量编辑参数
+     * @param userId         当前用户ID
+     * @param organizationId 当前组织ID
+     */
+    public BatchAffectReasonResponse batchUpdate(ResourceBatchEditRequest request, String userId, String organizationId) {
+        BaseField field = contractFieldService.getAndCheckField(request.getFieldId(), organizationId);
+        // getAndCheckField 走的是 getConfig()，不会设置 businessKey，需要手动补充
+        moduleFormService.setFieldBusinessParam(field);
+        List<Contract> originContracts = contractMapper.selectByIds(request.getIds());
+        if (CollectionUtils.isEmpty(originContracts)) {
+            return BatchAffectReasonResponse.builder().success(0).fail(0).skip(0).errorMessages(Translator.get("contract.not.exist")).build();
+        }
+
+        // 校验状态权限，过滤出有权限操作的合同
+        List<String> permittedIds = approvalFlowService.filterResourcesWithPermission(
+                ApprovalFormTypeEnum.CONTRACT.getValue(),
+                originContracts,
+                PermissionConstants.CONTRACT_UPDATE,
+                organizationId,
+                Contract::getId,
+                Contract::getApprovalStatus
+        );
+
+        if (CollectionUtils.isEmpty(permittedIds)) {
+            return BatchAffectReasonResponse.builder().success(0).fail(originContracts.size()).skip(0).errorMessages(Translator.get("no.operation.permission")).build();
+        }
+        ApprovalResourceService approvalResourceService = CommonBeanFactory.getBean(ApprovalResourceService.class);
+        approvalResourceService.batchEditTriggerApproval(permittedIds, request.getFieldId(), FormKey.CONTRACT, organizationId, userId, field.getName(), request.getFieldValue());
+        List<Contract> permittedContracts = originContracts.stream()
+                .filter(c -> permittedIds.contains(c.getId()))
+                .collect(Collectors.toList());
+
+        ResourceBatchEditRequest filteredRequest = new ResourceBatchEditRequest();
+        filteredRequest.setIds(permittedIds);
+        filteredRequest.setFieldId(request.getFieldId());
+        filteredRequest.setFieldValue(request.getFieldValue());
+
+        contractFieldService.batchUpdate(filteredRequest, field, permittedContracts, Contract.class, LogModule.CONTRACT_INDEX, extContractMapper::batchUpdate, userId, organizationId);
+
+        // 批量更新后重建每条合同的快照
+        ModuleFormConfigDTO moduleFormConfigDTO = getFormConfig(organizationId);
+        ModuleFormConfigDTO saveModuleFormConfigDTO = JSON.parseObject(JSON.toJSONString(moduleFormConfigDTO), ModuleFormConfigDTO.class);
+
+        // 批量删除旧快照（1次）
+        LambdaQueryWrapper<ContractSnapshot> delWrapper = new LambdaQueryWrapper<>();
+        delWrapper.in(ContractSnapshot::getContractId, permittedIds);
+        snapshotBaseMapper.deleteByLambda(delWrapper);
+
+        // 批量重新获取最新合同数据，因为业务字段已更新（1次替代N次）
+        List<Contract> latestContracts = contractMapper.selectByIds(permittedIds);
+        Map<String, Contract> latestContractMap = latestContracts.stream()
+                .collect(Collectors.toMap(Contract::getId, c -> c));
+
+        // 批量获取所有合同的自定义字段值（1次替代N次）
+        Map<String, List<BaseModuleFieldValue>> fieldMap = contractFieldService.getResourceFieldMap(permittedIds, true);
+
+        // 逐条构建快照，批量写入
+        List<ContractSnapshot> snapshots = new ArrayList<>();
+        for (String id : permittedIds) {
+            Contract contract = latestContractMap.get(id);
+            if (contract == null) continue;
+            List<BaseModuleFieldValue> contractFields = fieldMap.getOrDefault(id, Collections.emptyList());
+            List<BaseModuleFieldValue> resolveFieldValues = moduleFormService.resolveSnapshotFields(contractFields, moduleFormConfigDTO, contractFieldService, id);
+            ContractGetResponse response = get(contract, resolveFieldValues, moduleFormConfigDTO);
+            // 过滤空值（与 saveSnapshot 保持一致）
+            if (CollectionUtils.isNotEmpty(response.getModuleFields())) {
+                response.setModuleFields(response.getModuleFields().stream()
+                        .filter(f -> f.getFieldValue() != null && StringUtils.isNotBlank(f.getFieldValue().toString()) && !"[]".equals(f.getFieldValue().toString()))
+                        .toList());
+            }
+            ContractSnapshot snapshot = new ContractSnapshot();
+            snapshot.setId(IDGenerator.nextStr());
+            snapshot.setContractId(id);
+            snapshot.setContractProp(JSON.toJSONString(saveModuleFormConfigDTO));
+            snapshot.setContractValue(JSON.toJSONString(response));
+            snapshots.add(snapshot);
+        }
+        if (CollectionUtils.isNotEmpty(snapshots)) {
+            snapshotBaseMapper.batchInsert(snapshots);
+        }
+
+        return BatchAffectReasonResponse.builder().success(permittedIds.size()).fail(originContracts.size() - permittedIds.size()).skip(0).errorMessages(Translator.get("batch.update.reason")).build();
+    }
+
+    /**
+     * 校验合同是否存在关联数据
+     *
+     * @param contractId 合同ID
+     */
+    private void checkContractRelated(String contractId) {
+        LambdaQueryWrapper<ContractPaymentRecord> recordWrapper = new LambdaQueryWrapper<>();
+        recordWrapper.eq(ContractPaymentRecord::getContractId, contractId);
+        List<ContractPaymentRecord> contractPaymentRecords = contractPaymentRecordMapper.selectListByLambda(recordWrapper);
+        if (CollectionUtils.isNotEmpty(contractPaymentRecords)) {
+            throw new GenericException(Translator.get("contract.has.payment.record"));
+        }
+        if (extContractInvoiceMapper.hasContractInvoice(contractId)) {
+            throw new GenericException(Translator.get("contract.has.invoice.cannot.delete"));
+        }
+    }
+
+
+    /**
+     * 统计
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     * @param deptDataPermission
+     * @return
+     */
+    public ContractStatisticResponse searchStatistic(BaseCondition request, String userId, String orgId, DeptDataPermissionDTO deptDataPermission) {
+        ContractStatisticResponse response = extContractMapper.searchStatistic(request, orgId, userId, deptDataPermission);
+        return Optional.ofNullable(response).orElse(new ContractStatisticResponse());
+    }
+
+    /**
+     * 通过ID集合获取合同名称
+     *
+     * @param ids id集合
+     * @return 合同名称
+     */
+    public Object getContractNameByIds(List<String> ids) {
+        if (CollectionUtils.isEmpty(ids)) {
+            return StringUtils.EMPTY;
+        }
+        List<Contract> contracts = contractMapper.selectByIds(ids);
+        if (CollectionUtils.isNotEmpty(contracts)) {
+            List<String> names = contracts.stream().map(Contract::getName).toList();
+            return String.join(",", names);
+        }
+        return StringUtils.EMPTY;
+    }
+
+
+    /**
+     * 阶段看板排序
+     *
+     * @param request
+     * @param userId
+     */
+    public void sort(StageSortRequest request, String userId) {
+        //拖拽节点
+        Contract contract = contractMapper.selectByPrimaryKey(request.getDragNodeId());
+        if (contract == null) {
+            throw new GenericException(Translator.get("contract.not.exist"));
+        }
+        Long pos = DEFAULT_POS;
+        if (StringUtils.isNotBlank(request.getDropNodeId())) {
+            //放入节点
+            Contract dropNode = contractMapper.selectByPrimaryKey(request.getDropNodeId());
+            pos = dropNode.getPos();
+            if (request.getDropPosition() == -1) {
+
+                extContractMapper.moveUpStageContract(pos, request.getStage(), DEFAULT_POS);
+                pos = pos + 1;
+            } else {
+                extContractMapper.moveDownStageContract(pos, request.getStage(), DEFAULT_POS);
+            }
+        }
+
+        contract.setPos(pos);
+        contract.setStage(request.getStage());
+        contractMapper.updateById(contract);
+        updateFieldAndSnapshot(contract,request.getFields(),userId);
+
+    }
+
+    /**
+     * 处理旧版本审批状态 (APPROVING => NONE)
+     */
+    public void handleOldApprovalData() {
+        List<Contract> contracts = contractMapper.selectListByLambda(new LambdaQueryWrapper<Contract>().eq(Contract::getApprovalStatus, ApprovalStatus.APPROVING.name()));
+        contracts.forEach(contract -> {
+            ResourceSnapshotApprovalParam param = ResourceSnapshotApprovalParam.builder().resourceId(contract.getId()).approvalStatus(ApprovalStatus.NONE.name()).build();
+            updateSnapshotApprovalStatus(param);
+        });
+        extContractMapper.updateOldApprovalStatusNone();
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractStageService.java b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractStageService.java
new file mode 100644
index 0000000..3eff0e1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/contract/service/ContractStageService.java
@@ -0,0 +1,280 @@
+package cn.cordys.crm.contract.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.dto.stage.*;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.contract.domain.ContractStageConfig;
+import cn.cordys.crm.contract.mapper.ExtContractMapper;
+import cn.cordys.crm.contract.mapper.ExtContractStageConfigMapper;
+import cn.cordys.crm.system.domain.StageAdvancedConfig;
+import cn.cordys.crm.system.mapper.ExtStageAdvancedConfigMapper;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import com.fasterxml.jackson.core.type.TypeReference;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+import java.util.function.Function;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class ContractStageService {
+    public static final Long DEFAULT_POS = 1L;
+    @Resource
+    private ExtContractStageConfigMapper extContractStageConfigMapper;
+    @Resource
+    private ExtContractMapper extContractMapper;
+    @Resource
+    private BaseMapper<ContractStageConfig> contractStageConfigMapper;
+    @Resource
+    private ExtStageAdvancedConfigMapper extStageAdvancedConfigMapper;
+
+    /**
+     * 列表
+     *
+     * @param orgId
+     * @return
+     */
+    public StageConfigsResponse getStageConfigList(String orgId) {
+        StageConfigsResponse stageConfigListResponse = new StageConfigsResponse();
+        List<StageConfigResponse> stageConfigList = extContractStageConfigMapper.getStageConfigList(orgId);
+        List<StageAdvancedConfig> advancedConfigs = extStageAdvancedConfigMapper.selectConfigByType(orgId, FormKey.CONTRACT.getKey());
+        buildList(stageConfigList, stageConfigListResponse, advancedConfigs);
+        return stageConfigListResponse;
+    }
+
+    private void buildList(List<StageConfigResponse> stageConfigList, StageConfigsResponse response, List<StageAdvancedConfig> advancedConfigs) {
+        response.setStageConfigList(stageConfigList);
+        if (CollectionUtils.isNotEmpty(stageConfigList)) {
+            var first = stageConfigList.getFirst();
+            response.setEndRollBack(first.getEndRollBack());
+            response.setAfootRollBack(first.getAfootRollBack());
+            stageConfigList.forEach(sc -> sc.setStageHasData(extContractMapper.countByStage(sc.getId()) > 0));
+            response.setCirculationType(first.getCirculationType());
+        }
+        if (CollectionUtils.isNotEmpty(advancedConfigs)) {
+            Map<String, List<StageAdvancedConfig>> originIdMaps = advancedConfigs.stream().collect(Collectors.groupingBy(StageAdvancedConfig::getOriginId));
+            List<CirculationSetting> configs = new ArrayList<>();
+
+            originIdMaps.forEach((key, value) -> {
+                CirculationSetting configResponse = new CirculationSetting();
+                List<Target> targetList = new ArrayList<>();
+                configResponse.setOriginId(key);
+                value.forEach(item -> {
+                    Target target = new Target();
+                    target.setTargetId(item.getTargetId());
+                    target.setEnable(item.getEnable());
+                    List<CirculationFieldValue> circulationFieldValues = JSON.parseObject(item.getFieldConfig(), new TypeReference<List<CirculationFieldValue>>() {
+                    });
+                    target.setCirculationFieldValues(circulationFieldValues);
+                    targetList.add(target);
+                });
+                configResponse.setTargets(targetList);
+                configResponse.setModuleType(value.getFirst().getModuleType());
+                configs.add(configResponse);
+            });
+            Map<String, CirculationSetting> configMap = configs.stream()
+                    .collect(Collectors.toMap(
+                            CirculationSetting::getOriginId,
+                            Function.identity()
+                    ));
+
+            List<CirculationSetting> sortedConfigs = stageConfigList.stream()
+                    .map(stage -> configMap.get(stage.getId()))
+                    .filter(Objects::nonNull)
+                    .toList();
+
+            response.setAdvancedConfigs(sortedConfigs);
+        }
+    }
+
+
+    /**
+     * 添加合同状态流配置
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     * @return
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.ADD)
+    public String addStageConfig(StageAddRequest request, String userId, String orgId) {
+        checkConfigCount(orgId);
+        Long pos = DEFAULT_POS;
+        Boolean afootRollBack = true;
+        Boolean endRollBack = false;
+        //源节点
+        ContractStageConfig target = contractStageConfigMapper.selectByPrimaryKey(request.getTargetId());
+        if (target != null) {
+            pos = target.getPos();
+            //target正常不会为空
+            if (request.getDropPosition() == -1) {
+                extContractStageConfigMapper.moveUpStageConfig(pos, orgId, DEFAULT_POS);
+            } else {
+                extContractStageConfigMapper.moveDownStageConfig(pos, orgId, DEFAULT_POS);
+                pos = pos + 1;
+            }
+            afootRollBack = target.getAfootRollBack();
+            endRollBack = target.getEndRollBack();
+        }
+
+        ContractStageConfig stageConfig = new ContractStageConfig();
+        stageConfig.setId(IDGenerator.nextStr());
+        stageConfig.setName(request.getName());
+        stageConfig.setType(request.getType());
+        stageConfig.setAfootRollBack(afootRollBack);
+        stageConfig.setEndRollBack(endRollBack);
+        stageConfig.setPos(pos);
+        stageConfig.setOrganizationId(orgId);
+        stageConfig.setCreateUser(userId);
+        stageConfig.setUpdateUser(userId);
+        stageConfig.setCreateTime(System.currentTimeMillis());
+        stageConfig.setUpdateTime(System.currentTimeMillis());
+        contractStageConfigMapper.insert(stageConfig);
+
+        OperationLogContext.setContext(LogContextInfo.builder()
+                .modifiedValue(stageConfig)
+                .resourceId(stageConfig.getId())
+                .resourceName(Translator.get("contract_stage_setting").concat(":").concat(request.getName()))
+                .build());
+
+        return stageConfig.getId();
+    }
+
+
+    /**
+     * 配置数量校验
+     *
+     * @param orgId
+     */
+    private void checkConfigCount(String orgId) {
+        if (extContractStageConfigMapper.countStageConfig(orgId) > 10) {
+            throw new GenericException(Translator.get("contract_stage_config_list"));
+        }
+    }
+
+
+    /**
+     * 删除
+     *
+     * @param id
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.DELETE, resourceId = "{#id}")
+    public void delete(String id) {
+        ContractStageConfig stageConfig = deletePreCheck(id);
+        contractStageConfigMapper.deleteByPrimaryKey(id);
+        // 设置操作对象
+        OperationLogContext.setResourceName(Translator.get("contract_stage_setting").concat(":").concat(stageConfig.getName()));
+    }
+
+
+    private ContractStageConfig deletePreCheck(String id) {
+        ContractStageConfig stageConfig = contractStageConfigMapper.selectByPrimaryKey(id);
+        if (stageConfig == null) {
+            throw new GenericException(Translator.get("contract_stage_delete"));
+        }
+        return stageConfig;
+    }
+
+
+    /**
+     * 更新订单流阶段回退设置
+     *
+     * @param request
+     * @param orgId
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.UPDATE)
+    public void updateRollBack(StageRollBackRequest request, String orgId) {
+        LambdaQueryWrapper<ContractStageConfig> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(ContractStageConfig::getOrganizationId, orgId);
+        List<ContractStageConfig> stageConfigList = contractStageConfigMapper.selectListByLambda(wrapper);
+        extContractStageConfigMapper.updateRollBack(request, orgId);
+
+        Map<String, String> originalVal = new HashMap<>(1);
+        originalVal.put("afootRollBack", Translator.get("log.enable.".concat(stageConfigList.getFirst().getAfootRollBack().toString())));
+        originalVal.put("endRollBack", Translator.get("log.enable.".concat(stageConfigList.getFirst().getEndRollBack().toString())));
+        Map<String, String> modifiedVal = new HashMap<>(1);
+        modifiedVal.put("afootRollBack", Translator.get("log.enable.".concat(request.getAfootRollBack().toString())));
+        modifiedVal.put("endRollBack", Translator.get("log.enable.".concat(request.getEndRollBack().toString())));
+        OperationLogContext.setContext(LogContextInfo.builder()
+                .originalValue(originalVal)
+                .resourceName(Translator.get("contract_stage_setting"))
+                .modifiedValue(modifiedVal)
+                .resourceId(orgId)
+                .build());
+    }
+
+
+    /**
+     * 更新配置
+     *
+     * @param request
+     * @param userId
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.UPDATE)
+    public void update(StageUpdateRequest request, String userId) {
+        ContractStageConfig oldStageConfig = contractStageConfigMapper.selectByPrimaryKey(request.getId());
+        if (oldStageConfig == null) {
+            throw new GenericException(Translator.get("order_stage_not_exist"));
+        }
+        extContractStageConfigMapper.updateStageConfig(request, userId);
+
+        Map<String, String> originalVal = new HashMap<>(1);
+        originalVal.put("contractStage", oldStageConfig.getName());
+        Map<String, String> modifiedVal = new HashMap<>(1);
+        modifiedVal.put("contractStage", request.getName());
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .resourceId(request.getId())
+                        .resourceName(Translator.get("contract_stage_setting"))
+                        .originalValue(originalVal)
+                        .modifiedValue(modifiedVal)
+                        .build()
+        );
+    }
+
+
+    /**
+     * 排序
+     *
+     * @param ids
+     * @param orgId
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.UPDATE)
+    public void sort(List<String> ids, String orgId) {
+        List<StageConfigResponse> oldStageConfigList = extContractStageConfigMapper.getStageConfigList(orgId);
+        List<String> oldNames = oldStageConfigList.stream().map(StageConfigResponse::getName).toList();
+
+        for (int i = 0; i < ids.size(); i++) {
+            extContractStageConfigMapper.updatePos(ids.get(i), (long) (i + 1));
+        }
+
+        List<StageConfigResponse> newStageConfigList = extContractStageConfigMapper.getStageConfigList(orgId);
+        List<String> newNames = newStageConfigList.stream().map(StageConfigResponse::getName).toList();
+
+        Map<String, List<String>> originalVal = new HashMap<>(1);
+        originalVal.put("stageSort", oldNames);
+        Map<String, List<String>> modifiedVal = new HashMap<>(1);
+        modifiedVal.put("stageSort", newNames);
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .resourceId(orgId)
+                        .resourceName(Translator.get("contract_stage_setting"))
+                        .originalValue(originalVal)
+                        .modifiedValue(modifiedVal)
+                        .build()
+        );
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/constants/CustomerCollaborationType.java b/backend/crm/src/main/java/cn/cordys/crm/customer/constants/CustomerCollaborationType.java
new file mode 100644
index 0000000..6e0494f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/constants/CustomerCollaborationType.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.customer.constants;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-03-05  16:57
+ */
+public enum CustomerCollaborationType {
+    /**
+     * 只读
+     */
+    READ_ONLY,
+    /**
+     * 协作
+     */
+    COLLABORATION
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/constants/CustomerRelationType.java b/backend/crm/src/main/java/cn/cordys/crm/customer/constants/CustomerRelationType.java
new file mode 100644
index 0000000..720d1c9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/constants/CustomerRelationType.java
@@ -0,0 +1,10 @@
+package cn.cordys.crm.customer.constants;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-03-13  11:51
+ */
+public enum CustomerRelationType {
+    GROUP,
+    SUBSIDIARY
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/constants/CustomerResultCode.java b/backend/crm/src/main/java/cn/cordys/crm/customer/constants/CustomerResultCode.java
new file mode 100644
index 0000000..4a37b15
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/constants/CustomerResultCode.java
@@ -0,0 +1,31 @@
+package cn.cordys.crm.customer.constants;
+
+import cn.cordys.common.exception.IResultCode;
+
+/**
+ * @author jianxing
+ */
+public enum CustomerResultCode implements IResultCode {
+
+    CUSTOMER_EXIST(102001, "customer.exist"),
+    CUSTOMER_CONTACT_EXIST(102002, "customer_contact.exist"),
+    CUSTOMER_RESOURCE_REF(102003, "customer.ref_resource.exist");
+
+    private final int code;
+    private final String message;
+
+    CustomerResultCode(int code, String message) {
+        this.code = code;
+        this.message = message;
+    }
+
+    @Override
+    public int getCode() {
+        return code;
+    }
+
+    @Override
+    public String getMessage() {
+        return getTranslationMessage(this.message);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerCapacityController.java b/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerCapacityController.java
new file mode 100644
index 0000000..ea344b4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerCapacityController.java
@@ -0,0 +1,54 @@
+package cn.cordys.crm.customer.controller;
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.customer.dto.CustomerCapacityDTO;
+import cn.cordys.crm.customer.service.CustomerCapacityService;
+import cn.cordys.crm.system.dto.request.CapacityAddRequest;
+import cn.cordys.crm.system.dto.request.CapacityUpdateRequest;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@RestController
+@RequestMapping("/account-capacity")
+@Tag(name = "客户库容容量设置")
+public class CustomerCapacityController {
+
+    @Resource
+    private CustomerCapacityService customerCapacityService;
+
+    @GetMapping("/get")
+    @Operation(summary = "获取客户库容设置")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public List<CustomerCapacityDTO> list() {
+        return customerCapacityService.list(OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/add")
+    @Operation(summary = "添加客户库容设置")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void add(@Validated @RequestBody CapacityAddRequest request) {
+        customerCapacityService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/update")
+    @Operation(summary = "修改客户库容设置")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void update(@Validated @RequestBody CapacityUpdateRequest request) {
+        customerCapacityService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/delete/{id}")
+    @Operation(summary = "删除客户库容设置")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void delete(@PathVariable("id") @Validated String id) {
+        customerCapacityService.delete(id);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerCollaborationController.java b/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerCollaborationController.java
new file mode 100644
index 0000000..11565dc
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerCollaborationController.java
@@ -0,0 +1,67 @@
+package cn.cordys.crm.customer.controller;
+
+import cn.cordys.common.constants.FormKeyConstants;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.permission.CsBatchPermission;
+import cn.cordys.common.permission.CsPermission;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.customer.domain.CustomerCollaboration;
+import cn.cordys.crm.customer.dto.request.CustomerCollaborationAddRequest;
+import cn.cordys.crm.customer.dto.request.CustomerCollaborationUpdateRequest;
+import cn.cordys.crm.customer.dto.response.CustomerCollaborationListResponse;
+import cn.cordys.crm.customer.service.CustomerCollaborationService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 17:42:41
+ */
+@Tag(name = "客户协作人")
+@RestController
+@RequestMapping("/account/collaboration")
+public class CustomerCollaborationController {
+    @Resource
+    private CustomerCollaborationService customerCollaborationService;
+
+    @GetMapping("/list/{customerId}")
+    @CsPermission(value = PermissionConstants.CUSTOMER_MANAGEMENT_READ, resourceId = "{#customerId}", formType = FormKeyConstants.CUSTOMER)
+    @Operation(summary = "客户协作人列表")
+    public List<CustomerCollaborationListResponse> list(@PathVariable String customerId) {
+        return customerCollaborationService.list(customerId, OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/add")
+    @CsPermission(PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE)
+    @Operation(summary = "添加客户协作人")
+    public CustomerCollaboration add(@Validated @RequestBody CustomerCollaborationAddRequest request) {
+        return customerCollaborationService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/update")
+    @CsPermission(value = PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE, resourceId = "{#request.id}", formType = FormKeyConstants.CUSTOMER)
+    @Operation(summary = "更新客户协作人")
+    public CustomerCollaboration update(@Validated @RequestBody CustomerCollaborationUpdateRequest request) {
+        return customerCollaborationService.update(request, SessionUtils.getUserId());
+    }
+
+    @GetMapping("/delete/{id}")
+    @CsPermission(value = PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE, resourceId = "{#id}", formType = FormKeyConstants.CUSTOMER)
+    @Operation(summary = "删除客户协作人")
+    public void delete(@PathVariable String id) {
+        customerCollaborationService.delete(id);
+    }
+
+    @PostMapping("/batch/delete")
+    @Operation(summary = "批量删除客户协作人")
+    @CsBatchPermission(value = PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE, resourceId = "{#ids}", formType = FormKeyConstants.CUSTOMER)
+    public void batchDelete(@RequestBody List<String> ids) {
+        customerCollaborationService.batchDelete(ids);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerContactController.java b/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerContactController.java
new file mode 100644
index 0000000..c6c0e20
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerContactController.java
@@ -0,0 +1,205 @@
+package cn.cordys.crm.customer.controller;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.FormKeyConstants;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.ChartAnalysisRequest;
+import cn.cordys.common.permission.CsBatchPermission;
+import cn.cordys.common.permission.CsPermission;
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.common.dto.ExportSelectRequest;
+import cn.cordys.common.dto.ResourceTabEnableDTO;
+import cn.cordys.common.dto.chart.ChartResult;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.customer.domain.CustomerContact;
+import cn.cordys.crm.customer.dto.request.*;
+import cn.cordys.crm.customer.dto.response.CustomerContactGetResponse;
+import cn.cordys.crm.customer.dto.response.CustomerContactListAllResponse;
+import cn.cordys.crm.customer.dto.response.CustomerContactListResponse;
+import cn.cordys.crm.customer.service.CustomerContactExportService;
+import cn.cordys.crm.customer.service.CustomerContactService;
+import cn.cordys.crm.system.dto.request.ResourceBatchEditRequest;
+import cn.cordys.crm.system.dto.response.ImportResponse;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import jakarta.servlet.http.HttpServletResponse;
+import org.apache.shiro.authz.annotation.Logical;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.context.i18n.LocaleContextHolder;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+import org.springframework.web.multipart.MultipartFile;
+
+import java.util.List;
+
+/**
+ * @author jianxing
+ * @date 2025-02-24 11:06:10
+ */
+@Tag(name = "客户联系人")
+@RestController
+@RequestMapping("/account/contact")
+public class CustomerContactController {
+    @Resource
+    private CustomerContactService customerContactService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private DataScopeService dataScopeService;
+    @Resource
+    private CustomerContactExportService customerContactExportService;
+
+    @GetMapping("/module/form")
+    @RequiresPermissions(value = {PermissionConstants.CUSTOMER_MANAGEMENT_READ,
+            PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_READ, PermissionConstants.OPPORTUNITY_MANAGEMENT_READ}, logical = Logical.OR)
+    @Operation(summary = "获取表单配置")
+    public ModuleFormConfigDTO getModuleFormConfig() {
+        return moduleFormCacheService.getBusinessFormConfig(FormKey.CONTACT.getKey(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/page")
+    @CsPermission(PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_READ)
+    @Operation(summary = "联系人列表")
+    public PagerWithOption<List<CustomerContactListResponse>> list(@Validated @RequestBody CustomerContactPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.CONTACT.getKey());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_READ);
+        return customerContactService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission);
+    }
+
+    @PostMapping("/chart")
+    @CsPermission(PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_READ)
+    @Operation(summary = "联系人图表生成")
+    public List<ChartResult> chart(@Validated @RequestBody ChartAnalysisRequest request) {
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_READ);
+        return customerContactService.chart(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission);
+    }
+
+    @GetMapping("/list/{customerId}")
+    @Operation(summary = "客户下的联系人列表")
+    @CsPermission(value = PermissionConstants.CUSTOMER_MANAGEMENT_READ, resourceId = "{#customerId}", formType = FormKeyConstants.CUSTOMER)
+    public CustomerContactListAllResponse list(@Validated @PathVariable String customerId) {
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), PermissionConstants.CUSTOMER_MANAGEMENT_READ);
+        return customerContactService.listByCustomerId(customerId, SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), deptDataPermission);
+    }
+
+    @GetMapping("/get/{id}")
+    @RequiresPermissions(value = {PermissionConstants.CUSTOMER_MANAGEMENT_READ,
+            PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_READ}, logical = Logical.OR)
+    @Operation(summary = "客户联系人详情")
+    public CustomerContactGetResponse get(@PathVariable String id) {
+        return customerContactService.get(id);
+    }
+
+    @PostMapping("/add")
+    @RequiresPermissions(value = {PermissionConstants.CUSTOMER_MANAGEMENT_ADD,
+            PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_ADD}, logical = Logical.OR)
+    @Operation(summary = "添加客户联系人")
+    public CustomerContact add(@Validated @RequestBody CustomerContactAddRequest request) {
+        return customerContactService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/update")
+    @RequiresPermissions(value = {PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE,
+            PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_UPDATE}, logical = Logical.OR)
+    @Operation(summary = "更新客户联系人")
+    public CustomerContact update(@Validated @RequestBody CustomerContactUpdateRequest request) {
+        return customerContactService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/enable/{id}")
+    @RequiresPermissions(value = {PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE,
+            PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_UPDATE}, logical = Logical.OR)
+    @Operation(summary = "启用联系人")
+    public void enable(@PathVariable String id) {
+        customerContactService.enable(id);
+    }
+
+    @PostMapping("/disable/{id}")
+    @RequiresPermissions(value = {PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE,
+            PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_UPDATE}, logical = Logical.OR)
+    @Operation(summary = "禁用联系人")
+    public void disable(@PathVariable String id, @RequestBody CustomerContactDisableRequest request) {
+        customerContactService.disable(id, request);
+    }
+
+    @GetMapping("/delete/{id}")
+    @RequiresPermissions(value = {PermissionConstants.CUSTOMER_MANAGEMENT_DELETE,
+            PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_DELETE}, logical = Logical.OR)
+    @Operation(summary = "删除客户联系人")
+    public void delete(@PathVariable String id) {
+        customerContactService.delete(id);
+    }
+
+    @GetMapping("/opportunity/check/{id}")
+    @RequiresPermissions(value = {PermissionConstants.CUSTOMER_MANAGEMENT_DELETE,
+            PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_DELETE}, logical = Logical.OR)
+    @Operation(summary = "检查客户联系人是否有关联商机")
+    public boolean checkOpportunity(@PathVariable String id) {
+        return customerContactService.checkOpportunity(id);
+    }
+
+    @GetMapping("/tab")
+    @CsPermission(PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_READ)
+    @Operation(summary = "所有所有和部门联系人tab是否显示")
+    public ResourceTabEnableDTO getTabEnableConfig() {
+        return customerContactService.getTabEnableConfig(SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/export-all")
+    @Operation(summary = "联系人导出全部")
+    @CsPermission(PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_EXPORT)
+    public String customerContactExportAll(@Validated @RequestBody CustomerContactExportRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.CONTACT.getKey());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_READ);
+        return customerContactExportService.export(SessionUtils.getUserId(), request, OrganizationContext.getOrganizationId(), deptDataPermission, LocaleContextHolder.getLocale());
+    }
+
+
+    @PostMapping("/export-select")
+    @Operation(summary = "导出选中联系人")
+    @CsBatchPermission(value = PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_EXPORT, resourceId = "{#request.ids}", formType = FormKeyConstants.CUSTOMER)
+    public String customerContactExportSelect(@Validated @RequestBody ExportSelectRequest request) {
+        return customerContactExportService.exportSelect(SessionUtils.getUserId(), request, OrganizationContext.getOrganizationId(), LocaleContextHolder.getLocale());
+    }
+
+    @GetMapping("/template/download")
+    @CsPermission(PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_IMPORT)
+    @Operation(summary = "下载导入模板")
+    public void downloadImportTpl(HttpServletResponse response) {
+        customerContactService.downloadImportTpl(response, OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/import/pre-check")
+    @Operation(summary = "导入检查")
+    @CsPermission(PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_IMPORT)
+    public ImportResponse preCheck(@RequestPart(value = "file") MultipartFile file) {
+        return customerContactService.importPreCheck(file, OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/import")
+    @Operation(summary = "导入")
+    @CsPermission(PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_IMPORT)
+    public ImportResponse realImport(@RequestPart(value = "file") MultipartFile file) {
+        return customerContactService.realImport(file, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+    @PostMapping("/batch/update")
+    @CsBatchPermission(value = PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_UPDATE, resourceId = "{#request.ids}", formType = FormKeyConstants.CUSTOMER)
+    @Operation(summary = "批量更新客户联系人")
+    public void batchUpdate(@Validated @RequestBody ResourceBatchEditRequest request) {
+        customerContactService.batchUpdate(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerContactUserViewController.java b/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerContactUserViewController.java
new file mode 100644
index 0000000..68d3696
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerContactUserViewController.java
@@ -0,0 +1,95 @@
+package cn.cordys.crm.customer.controller;
+
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.request.PosRequest;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.constants.UserViewResourceType;
+import cn.cordys.crm.system.domain.UserView;
+import cn.cordys.crm.system.dto.request.UserViewAddRequest;
+import cn.cordys.crm.system.dto.request.UserViewUpdateRequest;
+import cn.cordys.crm.system.dto.response.UserViewListResponse;
+import cn.cordys.crm.system.dto.response.UserViewResponse;
+import cn.cordys.crm.system.service.UserViewService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "联系人视图")
+@RestController
+@RequestMapping("/account/contact/view")
+public class CustomerContactUserViewController {
+
+    @Resource
+    private UserViewService userViewService;
+
+
+    @PostMapping("/add")
+    @RequiresPermissions(PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_READ)
+    @Operation(summary = "添加联系人视图")
+    public UserView add(@Validated @RequestBody UserViewAddRequest request) {
+        return userViewService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), UserViewResourceType.CUSTOMER_CONTACT.name());
+    }
+
+
+    @PostMapping("/update")
+    @RequiresPermissions(PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_READ)
+    @Operation(summary = "编辑联系人视图")
+    public UserView update(@Validated @RequestBody UserViewUpdateRequest request) {
+        return userViewService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/delete/{id}")
+    @RequiresPermissions(PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_READ)
+    @Operation(summary = "删除联系人视图")
+    public void delete(@PathVariable String id) {
+        userViewService.delete(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/detail/{id}")
+    @RequiresPermissions(PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_READ)
+    @Operation(summary = "联系人视图详情")
+    public UserViewResponse viewDetail(@PathVariable String id) {
+        return userViewService.getViewDetail(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), FormKey.CONTACT.getKey());
+    }
+
+
+    @GetMapping("/list")
+    @RequiresPermissions(PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_READ)
+    @Operation(summary = "联系人视图列表")
+    public List<UserViewListResponse> queryList() {
+        return userViewService.list(UserViewResourceType.CUSTOMER_CONTACT.name(), SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/fixed/{id}")
+    @RequiresPermissions(PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_READ)
+    @Operation(summary = "联系人视图固定/取消固定")
+    public void fixed(@PathVariable String id) {
+        userViewService.fixed(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/edit/pos")
+    @Operation(summary = "联系人视图-拖拽排序")
+    @RequiresPermissions(PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_READ)
+    public void editPos(@Validated @RequestBody PosRequest request) {
+        userViewService.editPos(request, SessionUtils.getUserId(), UserViewResourceType.CUSTOMER_CONTACT.name());
+    }
+
+
+    @GetMapping("/enable/{id}")
+    @RequiresPermissions(PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_READ)
+    @Operation(summary = "联系人视图-启用/禁用")
+    public void enable(@PathVariable String id) {
+        userViewService.enable(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerController.java b/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerController.java
new file mode 100644
index 0000000..b8de4d4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerController.java
@@ -0,0 +1,355 @@
+package cn.cordys.crm.customer.controller;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.FormKeyConstants;
+import cn.cordys.common.constants.InternalUserView;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.*;
+import cn.cordys.common.permission.CsBatchPermission;
+import cn.cordys.common.permission.CsPermission;
+import cn.cordys.common.dto.chart.ChartResult;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.contract.dto.request.ContractPaymentRecordPageRequest;
+import cn.cordys.crm.contract.dto.response.*;
+import cn.cordys.crm.contract.service.ContractInvoiceService;
+import cn.cordys.crm.contract.service.ContractPaymentPlanService;
+import cn.cordys.crm.contract.service.ContractPaymentRecordService;
+import cn.cordys.crm.contract.service.ContractService;
+import cn.cordys.crm.customer.domain.Customer;
+import cn.cordys.crm.customer.dto.request.*;
+import cn.cordys.crm.customer.dto.response.CustomerGetResponse;
+import cn.cordys.crm.customer.dto.response.CustomerListResponse;
+import cn.cordys.crm.customer.service.CustomerExportService;
+import cn.cordys.crm.customer.service.CustomerService;
+import cn.cordys.crm.opportunity.dto.response.OpportunityListResponse;
+import cn.cordys.crm.opportunity.service.OpportunityService;
+import cn.cordys.crm.order.dto.response.OrderListResponse;
+import cn.cordys.crm.order.service.OrderService;
+import cn.cordys.crm.system.dto.request.BatchPoolReasonRequest;
+import cn.cordys.crm.system.dto.request.PoolReasonRequest;
+import cn.cordys.crm.system.dto.request.ResourceBatchEditRequest;
+import cn.cordys.crm.system.dto.response.BatchAffectResponse;
+import cn.cordys.crm.system.dto.response.ImportResponse;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.security.SessionUtils;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import jakarta.servlet.http.HttpServletResponse;
+import jakarta.validation.Valid;
+import jakarta.validation.constraints.NotNull;
+import org.apache.shiro.authz.annotation.Logical;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.context.i18n.LocaleContextHolder;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+import org.springframework.web.multipart.MultipartFile;
+
+import java.math.BigDecimal;
+import java.util.List;
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 17:42:41
+ */
+@Tag(name = "客户")
+@RestController
+@RequestMapping("/account")
+public class CustomerController {
+
+    @Resource
+    private CustomerService customerService;
+    @Resource
+    private OpportunityService opportunityService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private DataScopeService dataScopeService;
+    @Resource
+    private CustomerExportService customerExportService;
+    @Resource
+    private ContractService contractService;
+    @Resource
+    private ContractPaymentPlanService contractPaymentPlanService;
+	@Resource
+	private ContractPaymentRecordService contractPaymentRecordService;
+    @Resource
+    private ContractInvoiceService contractInvoiceService;
+    @Resource
+    private OrderService orderService;
+
+    @GetMapping("/module/form")
+    @RequiresPermissions(value = {PermissionConstants.CUSTOMER_MANAGEMENT_READ, PermissionConstants.CUSTOMER_MANAGEMENT_POOL_READ}, logical = Logical.OR)
+    @Operation(summary = "获取表单配置")
+    public ModuleFormConfigDTO getModuleFormConfig() {
+        return moduleFormCacheService.getBusinessFormConfig(FormKey.CUSTOMER.getKey(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/page")
+    @CsPermission(PermissionConstants.CUSTOMER_MANAGEMENT_READ)
+    @Operation(summary = "客户列表")
+    public PagerWithOption<List<CustomerListResponse>> list(@Validated @RequestBody CustomerPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.CUSTOMER.getKey());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.CUSTOMER_MANAGEMENT_READ);
+        return customerService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission);
+    }
+
+    @GetMapping("/get/{id}")
+    @CsPermission(PermissionConstants.CUSTOMER_MANAGEMENT_READ) // 不校验数据权限，service 还需校验协作人权限
+    @Operation(summary = "客户详情")
+    public CustomerGetResponse get(@PathVariable String id) {
+        return customerService.getWithDataPermissionCheck(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/add")
+    @CsPermission(PermissionConstants.CUSTOMER_MANAGEMENT_ADD)
+    @Operation(summary = "添加客户")
+    public Customer add(@Validated @RequestBody CustomerAddRequest request) {
+        return customerService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/update")
+    @CsPermission(value = PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE, resourceId = "{#request.id}", formType = FormKeyConstants.CUSTOMER)
+    @Operation(summary = "更新客户")
+    public Customer update(@Validated @RequestBody CustomerUpdateRequest request) {
+        return customerService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/delete/{id}")
+    @CsPermission(value = PermissionConstants.CUSTOMER_MANAGEMENT_DELETE, resourceId = "{#id}", formType = FormKeyConstants.CUSTOMER)
+    @Operation(summary = "删除客户")
+    public void delete(@PathVariable String id) {
+        customerService.delete(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/batch/transfer")
+    @CsBatchPermission(value = PermissionConstants.CUSTOMER_MANAGEMENT_TRANSFER, resourceId = "{#request.ids}", formType = FormKeyConstants.CUSTOMER)
+    @Operation(summary = "批量转移客户")
+    public void batchTransfer(@RequestBody CustomerBatchTransferRequest request) {
+        customerService.batchTransfer(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/batch/update")
+    @CsBatchPermission(value = PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE, resourceId = "{#request.ids}", formType = FormKeyConstants.CUSTOMER)
+    @Operation(summary = "批量更新客户")
+    public void batchUpdate(@Validated @RequestBody ResourceBatchEditRequest request) {
+        customerService.batchUpdate(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/batch/delete")
+    @CsBatchPermission(value = PermissionConstants.CUSTOMER_MANAGEMENT_DELETE, resourceId = "{#ids}", formType = FormKeyConstants.CUSTOMER)
+    @Operation(summary = "批量删除客户")
+    public void batchDelete(@RequestBody @NotNull List<String> ids) {
+        customerService.batchDelete(ids, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/batch/to-pool")
+    @CsBatchPermission(value = PermissionConstants.CUSTOMER_MANAGEMENT_RECYCLE, resourceId = "{#request.ids}", formType = FormKeyConstants.CUSTOMER)
+    @Operation(summary = "批量移入公海")
+    public BatchAffectResponse batchToPool(@RequestBody BatchPoolReasonRequest request) {
+        return customerService.batchToPool(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/to-pool")
+    @CsPermission(value = PermissionConstants.CUSTOMER_MANAGEMENT_RECYCLE, resourceId = "{#request.id}", formType = FormKeyConstants.CUSTOMER)
+    @Operation(summary = "移入公海")
+    public BatchAffectResponse toPool(@Validated @RequestBody PoolReasonRequest request) {
+        return customerService.toPool(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/option")
+    @CsPermission(PermissionConstants.CUSTOMER_MANAGEMENT_READ)
+    @Operation(summary = "客户选项")
+    public Pager<List<OptionDTO>> getCustomerOptions(@Validated @RequestBody BasePageRequest request) {
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        return PageUtils.setPageInfo(page, customerService.getCustomerOptions(request.getKeyword(), OrganizationContext.getOrganizationId()));
+    }
+
+    @GetMapping("/tab")
+    @CsPermission(PermissionConstants.CUSTOMER_MANAGEMENT_READ)
+    @Operation(summary = "所有客户和部门客户tab是否显示")
+    public ResourceTabEnableDTO getTabEnableConfig() {
+        return customerService.getTabEnableConfig(SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/opportunity/page")
+    @RequiresPermissions({PermissionConstants.CUSTOMER_MANAGEMENT_READ, PermissionConstants.OPPORTUNITY_MANAGEMENT_READ})
+    @Operation(summary = "客户详情-商机列表")
+    public PagerWithOption<List<OpportunityListResponse>> list(@Validated @RequestBody CustomerOpportunityPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.OPPORTUNITY.getKey());
+        request.setViewId("ALL");
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.OPPORTUNITY_MANAGEMENT_READ);
+        return opportunityService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission, false);
+    }
+
+    @PostMapping("/export-all")
+    @Operation(summary = "客户导出全部")
+    @CsPermission(PermissionConstants.CUSTOMER_MANAGEMENT_EXPORT)
+    public String opportunityExportAll(@Validated @RequestBody CustomerExportRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.CUSTOMER.getKey());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.CUSTOMER_MANAGEMENT_READ);
+        return customerExportService.export(SessionUtils.getUserId(), request, OrganizationContext.getOrganizationId(), deptDataPermission, LocaleContextHolder.getLocale());
+    }
+
+    @PostMapping("/export-select")
+    @Operation(summary = "导出选中客户")
+    @CsBatchPermission(value = PermissionConstants.CUSTOMER_MANAGEMENT_EXPORT, resourceId = "{#request.ids}", formType = FormKeyConstants.CUSTOMER)
+    public String opportunityExportSelect(@Validated @RequestBody ExportSelectRequest request) {
+        return customerExportService.exportSelect(SessionUtils.getUserId(), request, OrganizationContext.getOrganizationId(), LocaleContextHolder.getLocale());
+    }
+
+    @GetMapping("/template/download")
+    @CsPermission(PermissionConstants.CUSTOMER_MANAGEMENT_IMPORT)
+    @Operation(summary = "下载导入模板")
+    public void downloadImportTpl(HttpServletResponse response) {
+        customerService.downloadImportTpl(response, OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/import/pre-check")
+    @Operation(summary = "导入检查")
+    @CsPermission(PermissionConstants.CUSTOMER_MANAGEMENT_IMPORT)
+    public ImportResponse preCheck(@RequestPart(value = "file") MultipartFile file) {
+        return customerService.importPreCheck(file, OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/import")
+    @Operation(summary = "导入")
+    @CsPermission(PermissionConstants.CUSTOMER_MANAGEMENT_IMPORT)
+    public ImportResponse realImport(@RequestPart(value = "file") MultipartFile file) {
+        return customerService.realImport(file, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+    @PostMapping("/merge/page")
+    @Operation(summary = "分页获取合并客户列表")
+    @CsPermission(PermissionConstants.CUSTOMER_MANAGEMENT_READ)
+    public Pager<List<CustomerListResponse>> sourceCustomerPage(@Valid @RequestBody CustomerPageRequest request) {
+        request.setCombineSearch(request.getCombineSearch().convert());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(), OrganizationContext.getOrganizationId(),
+                "ALL", PermissionConstants.CUSTOMER_MANAGEMENT_READ);
+        return customerService.sourceList(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission);
+    }
+
+    @PostMapping("/merge")
+    @Operation(summary = "合并客户")
+    @CsPermission(PermissionConstants.CUSTOMER_MANAGEMENT_MERGE)
+    public void merge(@Valid @RequestBody CustomerMergeRequest request) {
+        customerService.merge(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/chart")
+    @CsPermission(PermissionConstants.CUSTOMER_MANAGEMENT_READ)
+    @Operation(summary = "客户图表生成")
+    public List<ChartResult> chart(@Validated @RequestBody ChartAnalysisRequest request) {
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.CUSTOMER_MANAGEMENT_READ);
+        return customerService.chart(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission);
+    }
+
+
+    @PostMapping("/contract/page")
+    @RequiresPermissions({PermissionConstants.CUSTOMER_MANAGEMENT_READ, PermissionConstants.CONTRACT_READ})
+    @Operation(summary = "客户详情-合同列表")
+    public PagerWithOption<List<ContractListResponse>> contractList(@Validated @RequestBody CustomerContractPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.CONTRACT.getKey());
+        request.setViewId(InternalUserView.ALL.name());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.CONTRACT_READ);
+        return contractService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission, false);
+    }
+
+    @GetMapping("/contract/statistic/{accountId}")
+    @RequiresPermissions({PermissionConstants.CUSTOMER_MANAGEMENT_READ, PermissionConstants.CONTRACT_READ})
+    @Operation(summary = "客户详情-合同列表统计")
+    public CustomerContractStatisticResponse calculateCustomerContractStatistic(@PathVariable String accountId) {
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), PermissionConstants.CONTRACT_READ);
+        return contractService.calculateContractStatisticByCustomerId(accountId, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission);
+    }
+
+    @PostMapping("/contract/payment-plan/page")
+    @RequiresPermissions({PermissionConstants.CUSTOMER_MANAGEMENT_READ, PermissionConstants.CONTRACT_PAYMENT_PLAN_READ})
+    @Operation(summary = "客户详情-合同回款计划列表")
+    public PagerWithOption<List<ContractPaymentPlanListResponse>> contractList(@Validated @RequestBody CustomerContractPaymentPlanPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.CONTRACT_PAYMENT_PLAN.getKey());
+        request.setViewId(InternalUserView.ALL.name());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.CONTRACT_PAYMENT_PLAN_READ);
+        return contractPaymentPlanService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission);
+    }
+
+    @GetMapping("/contract/payment-plan/statistic/{accountId}")
+    @RequiresPermissions({PermissionConstants.CUSTOMER_MANAGEMENT_READ, PermissionConstants.CONTRACT_PAYMENT_PLAN_READ})
+    @Operation(summary = "客户详情-合同回款计划列表统计")
+    public CustomerPaymentPlanStatisticResponse calculateCustomerPaymentPlanStatistic(@PathVariable String accountId) {
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), PermissionConstants.CONTRACT_PAYMENT_PLAN_READ);
+        return contractPaymentPlanService.calculateCustomerPaymentPlanStatistic(accountId, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission);
+    }
+
+	@PostMapping("/contract/payment-record/page")
+	@RequiresPermissions({PermissionConstants.CUSTOMER_MANAGEMENT_READ, PermissionConstants.CONTRACT_PAYMENT_RECORD_READ})
+	@Operation(summary = "客户详情-合同回款记录列表")
+	public PagerWithOption<List<ContractPaymentRecordResponse>> recordList(@Validated @RequestBody ContractPaymentRecordPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.CONTRACT_PAYMENT_RECORD.getKey());
+		request.setViewId(InternalUserView.ALL.name());
+		DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+				OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.CONTRACT_PAYMENT_RECORD_READ);
+		return contractPaymentRecordService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission);
+	}
+
+	@GetMapping("/contract/payment-record/statistic/{accountId}")
+	@RequiresPermissions({PermissionConstants.CUSTOMER_MANAGEMENT_READ, PermissionConstants.CONTRACT_PAYMENT_RECORD_READ})
+	@Operation(summary = "客户详情-合同回款记录列表统计")
+	public CustomerPaymentRecordStatisticResponse calculateCustomerPaymentRecordStatistic(@PathVariable String accountId) {
+		DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+				OrganizationContext.getOrganizationId(), PermissionConstants.CONTRACT_PAYMENT_RECORD_READ);
+		return contractPaymentRecordService.sumCustomerPaymentAmount(accountId, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission);
+	}
+
+    @PostMapping("/invoice/page")
+    @RequiresPermissions({PermissionConstants.CUSTOMER_MANAGEMENT_READ, PermissionConstants.CONTRACT_INVOICE_READ})
+    @Operation(summary = "客户详情-发票列表")
+    public PagerWithOption<List<ContractInvoiceListResponse>> invoiceList(@Validated @RequestBody CustomerContractInvoicePageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.INVOICE.getKey());
+        request.setViewId(InternalUserView.ALL.name());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.CONTRACT_INVOICE_READ);
+        return contractInvoiceService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission);
+    }
+
+    @PostMapping("/order/page")
+    @RequiresPermissions({PermissionConstants.CUSTOMER_MANAGEMENT_READ, PermissionConstants.ORDER_READ})
+    @Operation(summary = "客户详情-订单列表")
+    public PagerWithOption<List<OrderListResponse>> invoiceList(@Validated @RequestBody CustomerOrderPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.ORDER.getKey());
+        request.setViewId(InternalUserView.ALL.name());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.ORDER_READ);
+        return orderService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission, false);
+    }
+
+    @GetMapping("/invoice/statistic/{accountId}")
+    @RequiresPermissions({PermissionConstants.CUSTOMER_MANAGEMENT_READ, PermissionConstants.CONTRACT_INVOICE_READ})
+    @Operation(summary = "客户详情-发票列表统计")
+    public CustomerInvoiceStatisticResponse calculateCustomerInvoiceStatistic(@PathVariable String accountId) {
+        BigDecimal invoiceAmount = contractInvoiceService.calculateCustomerInvoiceAmount(accountId, SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId());
+
+        CustomerInvoiceStatisticResponse response = new CustomerInvoiceStatisticResponse();
+        response.setContractAmount(calculateCustomerContractStatistic(accountId).getTotalAmount());
+        response.setInvoicedAmount(invoiceAmount);
+        response.setUninvoicedAmount(response.getContractAmount().subtract(invoiceAmount));
+        return response;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerFollowPlanController.java b/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerFollowPlanController.java
new file mode 100644
index 0000000..8b4c63a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerFollowPlanController.java
@@ -0,0 +1,88 @@
+package cn.cordys.crm.customer.controller;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.FormKeyConstants;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.permission.CsPermission;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.follow.domain.FollowUpPlan;
+import cn.cordys.crm.follow.dto.CustomerDataDTO;
+import cn.cordys.crm.follow.dto.request.FollowUpPlanAddRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpPlanPageRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpPlanStatusRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpPlanUpdateRequest;
+import cn.cordys.crm.follow.dto.response.FollowUpPlanDetailResponse;
+import cn.cordys.crm.follow.dto.response.FollowUpPlanListResponse;
+import cn.cordys.crm.follow.service.FollowUpPlanService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "客户跟进计划")
+@RestController
+@RequestMapping("/account/follow/plan")
+public class CustomerFollowPlanController {
+
+    @Resource
+    private FollowUpPlanService followUpPlanService;
+
+    @PostMapping("/add")
+    @CsPermission(PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE)
+    @Operation(summary = "添加客户跟进计划")
+    public FollowUpPlan add(@Validated @RequestBody FollowUpPlanAddRequest request) {
+        return followUpPlanService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/update")
+    @CsPermission(value = PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE, resourceId = "{#request.id}", formType = FormKeyConstants.FOLLOW_PLAN)
+    @Operation(summary = "更新客户跟进计划")
+    public FollowUpPlan update(@Validated @RequestBody FollowUpPlanUpdateRequest request) {
+        return followUpPlanService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/page")
+    @CsPermission(PermissionConstants.CUSTOMER_MANAGEMENT_READ)
+    @Operation(summary = "客户跟进计划列表")
+    public PagerWithOption<List<FollowUpPlanListResponse>> list(@Validated @RequestBody FollowUpPlanPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.FOLLOW_PLAN.getKey());
+        return followUpPlanService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), "CUSTOMER", "CUSTOMER");
+    }
+
+    @GetMapping("/get/{id}")
+    @Operation(summary = "客户跟进计划详情")
+    public FollowUpPlanDetailResponse get(@PathVariable String id) {
+        return followUpPlanService.get(id, OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/cancel/{id}")
+    @CsPermission(value = PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE, resourceId = "{#id}", formType = FormKeyConstants.FOLLOW_PLAN)
+    @Operation(summary = "取消客户跟进计划")
+    public void cancelPlan(@PathVariable String id) {
+        followUpPlanService.cancelPlan(id, SessionUtils.getUserId());
+    }
+
+
+    @GetMapping("/delete/{id}")
+    @Operation(summary = "客户删除跟进计划")
+    @CsPermission(value = PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE, resourceId = "{#id}", formType = FormKeyConstants.FOLLOW_PLAN)
+    public void deletePlan(@PathVariable String id) {
+        followUpPlanService.delete(id);
+    }
+
+
+    @PostMapping("/status/update")
+    @CsPermission(value = PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE, resourceId = "{#request.id}", formType = FormKeyConstants.FOLLOW_PLAN)
+    @Operation(summary = "客户更新跟进计划状态")
+    public void updateStatus(@Validated @RequestBody FollowUpPlanStatusRequest request) {
+        followUpPlanService.updateStatus(request, SessionUtils.getUserId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerFollowRecordController.java b/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerFollowRecordController.java
new file mode 100644
index 0000000..0dbe63b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerFollowRecordController.java
@@ -0,0 +1,82 @@
+package cn.cordys.crm.customer.controller;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.FormKeyConstants;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.permission.CsPermission;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.follow.domain.FollowUpRecord;
+import cn.cordys.crm.follow.dto.request.FollowUpRecordAddRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpRecordPageRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpRecordUpdateRequest;
+import cn.cordys.crm.follow.dto.response.FollowUpRecordDetailResponse;
+import cn.cordys.crm.follow.dto.response.FollowUpRecordListResponse;
+import cn.cordys.crm.follow.service.FollowUpRecordService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.Logical;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "客户跟进记录")
+@RestController
+@RequestMapping("/account/follow/record")
+public class CustomerFollowRecordController {
+
+    @Resource
+    private FollowUpRecordService followUpRecordService;
+
+    @PostMapping("/add")
+    @CsPermission(PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE)
+    @Operation(summary = "添加客户跟进记录")
+    public FollowUpRecord add(@Validated @RequestBody FollowUpRecordAddRequest request) {
+        return followUpRecordService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/update")
+    @CsPermission(value = PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE, resourceId = "{#request.id}", formType = FormKeyConstants.FOLLOW_RECORD)
+    @Operation(summary = "更新客户跟进记录")
+    public FollowUpRecord update(@Validated @RequestBody FollowUpRecordUpdateRequest request) {
+        return followUpRecordService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/pool/page")
+    @CsPermission(PermissionConstants.CUSTOMER_MANAGEMENT_POOL_READ)
+    @Operation(summary = "客户公海池跟进记录列表")
+    public PagerWithOption<List<FollowUpRecordListResponse>> poolList(@Validated @RequestBody FollowUpRecordPageRequest request) {
+        return followUpRecordService.poolList(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), "CUSTOMER", "CUSTOMER");
+    }
+
+    @PostMapping("/page")
+    @CsPermission(PermissionConstants.CUSTOMER_MANAGEMENT_READ)
+    @Operation(summary = "客户跟进记录列表")
+    public PagerWithOption<List<FollowUpRecordListResponse>> list(@Validated @RequestBody FollowUpRecordPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.FOLLOW_RECORD.getKey());
+        return followUpRecordService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), "CUSTOMER", "CUSTOMER");
+    }
+
+
+    @GetMapping("/get/{id}")
+    @RequiresPermissions(value = {PermissionConstants.CUSTOMER_MANAGEMENT_READ, PermissionConstants.CUSTOMER_MANAGEMENT_POOL_READ}, logical = Logical.OR)
+    @Operation(summary = "客户跟进记录详情")
+    public FollowUpRecordDetailResponse get(@PathVariable String id) {
+        return followUpRecordService.get(id, OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/delete/{id}")
+    @Operation(summary = "客户删除跟进记录")
+    @CsPermission(value = PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE, resourceId = "{#id}", formType = FormKeyConstants.FOLLOW_RECORD)
+    public void deleteRecord(@PathVariable String id) {
+        followUpRecordService.delete(id);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerOwnerHistoryController.java b/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerOwnerHistoryController.java
new file mode 100644
index 0000000..90d7f08
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerOwnerHistoryController.java
@@ -0,0 +1,36 @@
+package cn.cordys.crm.customer.controller;
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.customer.dto.response.CustomerOwnerListResponse;
+import cn.cordys.crm.customer.service.CustomerOwnerHistoryService;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.Logical;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RestController;
+
+import java.util.List;
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 17:42:41
+ */
+@Tag(name = "客户责任人历史")
+@RestController
+@RequestMapping("/account/owner/history")
+public class CustomerOwnerHistoryController {
+    @Resource
+    private CustomerOwnerHistoryService customerOwnerHistoryService;
+
+    @GetMapping("/list/{customerId}")
+    @RequiresPermissions(value = {PermissionConstants.CUSTOMER_MANAGEMENT_READ, PermissionConstants.CUSTOMER_MANAGEMENT_POOL_READ}, logical = Logical.OR)
+    @Operation(summary = "客户责任人历史列表")
+    public List<CustomerOwnerListResponse> list(@PathVariable String customerId) {
+        return customerOwnerHistoryService.list(customerId, OrganizationContext.getOrganizationId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerPoolController.java b/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerPoolController.java
new file mode 100644
index 0000000..b48bbdf
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerPoolController.java
@@ -0,0 +1,80 @@
+package cn.cordys.crm.customer.controller;
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.customer.dto.CustomerPoolDTO;
+import cn.cordys.crm.customer.dto.request.CustomerPoolAddRequest;
+import cn.cordys.crm.customer.dto.request.CustomerPoolUpdateRequest;
+import cn.cordys.crm.customer.service.CustomerPoolService;
+import cn.cordys.security.SessionUtils;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@RestController
+@RequestMapping("/account-pool")
+@Tag(name = "公海池")
+public class CustomerPoolController {
+
+    @Resource
+    private CustomerPoolService customerPoolService;
+
+    @PostMapping("/page")
+    @Operation(summary = "分页获取公海池")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public Pager<List<CustomerPoolDTO>> page(@RequestBody BasePageRequest request) {
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        return PageUtils.setPageInfo(page, customerPoolService.page(request, OrganizationContext.getOrganizationId()));
+    }
+
+    @PostMapping("/add")
+    @Operation(summary = "保存公海池")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void add(@Validated @RequestBody CustomerPoolAddRequest request) {
+        customerPoolService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/update")
+    @Operation(summary = "编辑公海池")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void update(@Validated @RequestBody CustomerPoolUpdateRequest request) {
+        customerPoolService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/quick-update")
+    @Operation(summary = "快捷保存公海池")
+    public void quickUpdate(@Validated @RequestBody CustomerPoolUpdateRequest request) {
+        customerPoolService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/no-pick/{id}")
+    @Operation(summary = "公海池是否存在未领取线索")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public boolean checkNoPick(@PathVariable String id) {
+        return customerPoolService.checkNoPick(id);
+    }
+
+    @GetMapping("/delete/{id}")
+    @Operation(summary = "删除公海池")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void delete(@PathVariable String id) {
+        customerPoolService.delete(id);
+    }
+
+    @GetMapping("/switch/{id}")
+    @Operation(summary = "启用/禁用公海池")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void switchStatus(@PathVariable String id) {
+        customerPoolService.switchStatus(id, SessionUtils.getUserId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerRelationController.java b/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerRelationController.java
new file mode 100644
index 0000000..ed81e38
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerRelationController.java
@@ -0,0 +1,66 @@
+package cn.cordys.crm.customer.controller;
+
+import cn.cordys.common.constants.FormKeyConstants;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.permission.CsPermission;
+import cn.cordys.crm.customer.domain.CustomerRelation;
+import cn.cordys.crm.customer.dto.request.CustomerRelationSaveRequest;
+import cn.cordys.crm.customer.dto.request.CustomerRelationUpdateRequest;
+import cn.cordys.crm.customer.dto.response.CustomerRelationListResponse;
+import cn.cordys.crm.customer.service.CustomerRelationService;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import jakarta.validation.Valid;
+import jakarta.validation.constraints.NotNull;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 17:42:41
+ */
+@Tag(name = "客户关系")
+@RestController
+@RequestMapping("/account/relation")
+public class CustomerRelationController {
+    @Resource
+    private CustomerRelationService customerRelationService;
+
+    @GetMapping("/list/{customerId}")
+    @CsPermission(value = PermissionConstants.CUSTOMER_MANAGEMENT_READ, resourceId = "{#customerId}", formType = FormKeyConstants.CUSTOMER)
+    @Operation(summary = "客户关系列表")
+    public List<CustomerRelationListResponse> list(@PathVariable String customerId) {
+        return customerRelationService.list(customerId);
+    }
+
+    @PostMapping("/add/{customerId}")
+    @CsPermission(PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE)
+    @Operation(summary = "添加客户关系")
+    public CustomerRelation add(@PathVariable String customerId, @Validated @RequestBody CustomerRelationSaveRequest request) {
+        return customerRelationService.add(request, customerId);
+    }
+
+    @PostMapping("/update/{customerId}")
+    @CsPermission(value = PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE, resourceId = "{#customerId}", formType = FormKeyConstants.CUSTOMER)
+    @Operation(summary = "更新客户关系")
+    public CustomerRelation update(@PathVariable String customerId, @Validated @RequestBody CustomerRelationUpdateRequest request) {
+        return customerRelationService.update(request, customerId);
+    }
+
+    @GetMapping("/delete/{id}")
+    @CsPermission(value = PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE, resourceId = "{#id}", formType = FormKeyConstants.CUSTOMER)
+    @Operation(summary = "删除客户关系")
+    public void delete(@PathVariable String id) {
+        customerRelationService.delete(id);
+    }
+
+    @PostMapping("/save/{customerId}")
+    @CsPermission(PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE)
+    @Operation(summary = "整体客户关系")
+    public void save(@PathVariable String customerId, @Validated @RequestBody @Valid @NotNull List<CustomerRelationSaveRequest> requests) {
+        customerRelationService.save(customerId, requests);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerUserViewController.java b/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerUserViewController.java
new file mode 100644
index 0000000..e0d3f30
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/controller/CustomerUserViewController.java
@@ -0,0 +1,95 @@
+package cn.cordys.crm.customer.controller;
+
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.request.PosRequest;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.constants.UserViewResourceType;
+import cn.cordys.crm.system.domain.UserView;
+import cn.cordys.crm.system.dto.request.UserViewAddRequest;
+import cn.cordys.crm.system.dto.request.UserViewUpdateRequest;
+import cn.cordys.crm.system.dto.response.UserViewListResponse;
+import cn.cordys.crm.system.dto.response.UserViewResponse;
+import cn.cordys.crm.system.service.UserViewService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "客户视图")
+@RestController
+@RequestMapping("/account/view")
+public class CustomerUserViewController {
+
+    @Resource
+    private UserViewService userViewService;
+
+
+    @PostMapping("/add")
+    @RequiresPermissions(PermissionConstants.CUSTOMER_MANAGEMENT_READ)
+    @Operation(summary = "添加客户视图")
+    public UserView add(@Validated @RequestBody UserViewAddRequest request) {
+        return userViewService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), UserViewResourceType.CUSTOMER.name());
+    }
+
+
+    @PostMapping("/update")
+    @RequiresPermissions(PermissionConstants.CUSTOMER_MANAGEMENT_READ)
+    @Operation(summary = "编辑客户视图")
+    public UserView update(@Validated @RequestBody UserViewUpdateRequest request) {
+        return userViewService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/delete/{id}")
+    @RequiresPermissions(PermissionConstants.CUSTOMER_MANAGEMENT_READ)
+    @Operation(summary = "删除客户视图")
+    public void delete(@PathVariable String id) {
+        userViewService.delete(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/detail/{id}")
+    @RequiresPermissions(PermissionConstants.CUSTOMER_MANAGEMENT_READ)
+    @Operation(summary = "客户视图详情")
+    public UserViewResponse viewDetail(@PathVariable String id) {
+        return userViewService.getViewDetail(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), FormKey.CUSTOMER.getKey());
+    }
+
+
+    @GetMapping("/list")
+    @RequiresPermissions(PermissionConstants.CUSTOMER_MANAGEMENT_READ)
+    @Operation(summary = "客户视图列表")
+    public List<UserViewListResponse> queryList() {
+        return userViewService.list(UserViewResourceType.CUSTOMER.name(), SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/fixed/{id}")
+    @RequiresPermissions(PermissionConstants.CUSTOMER_MANAGEMENT_READ)
+    @Operation(summary = "客户视图固定/取消固定")
+    public void fixed(@PathVariable String id) {
+        userViewService.fixed(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/edit/pos")
+    @Operation(summary = "客户视图-拖拽排序")
+    @RequiresPermissions(PermissionConstants.CUSTOMER_MANAGEMENT_READ)
+    public void editPos(@Validated @RequestBody PosRequest request) {
+        userViewService.editPos(request, SessionUtils.getUserId(), UserViewResourceType.CUSTOMER.name());
+    }
+
+
+    @GetMapping("/enable/{id}")
+    @RequiresPermissions(PermissionConstants.CUSTOMER_MANAGEMENT_READ)
+    @Operation(summary = "客户视图-启用/禁用")
+    public void enable(@PathVariable String id) {
+        userViewService.enable(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/controller/PoolCustomerController.java b/backend/crm/src/main/java/cn/cordys/crm/customer/controller/PoolCustomerController.java
new file mode 100644
index 0000000..ab2d167
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/controller/PoolCustomerController.java
@@ -0,0 +1,136 @@
+package cn.cordys.crm.customer.controller;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.ExportSelectRequest;
+import cn.cordys.common.dto.chart.ChartResult;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.customer.dto.CustomerPoolDTO;
+import cn.cordys.crm.customer.dto.request.*;
+import cn.cordys.crm.customer.dto.response.CustomerGetResponse;
+import cn.cordys.crm.customer.dto.response.CustomerListResponse;
+import cn.cordys.crm.customer.service.CustomerPoolExportService;
+import cn.cordys.crm.customer.service.CustomerService;
+import cn.cordys.crm.customer.service.PoolCustomerService;
+import cn.cordys.crm.system.dto.request.PoolBatchAssignRequest;
+import cn.cordys.crm.system.dto.request.PoolBatchPickRequest;
+import cn.cordys.crm.system.dto.request.PoolBatchRequest;
+import cn.cordys.crm.system.dto.request.ResourceBatchEditRequest;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.context.i18n.LocaleContextHolder;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "公海客户")
+@RestController
+@RequestMapping("/pool/account")
+public class PoolCustomerController {
+
+    @Resource
+    private PoolCustomerService poolCustomerService;
+    @Resource
+    private CustomerService customerService;
+    @Resource
+    private CustomerPoolExportService customerPoolExportService;
+
+    @GetMapping("/options")
+    @Operation(summary = "获取当前用户公海选项")
+    @RequiresPermissions(value = {PermissionConstants.CUSTOMER_MANAGEMENT_POOL_READ})
+    public List<CustomerPoolDTO> getPoolOptions() {
+        return poolCustomerService.getPoolOptions(SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/page")
+    @Operation(summary = "客户列表")
+    @RequiresPermissions(value = {PermissionConstants.CUSTOMER_MANAGEMENT_POOL_READ})
+    public PagerWithOption<List<CustomerListResponse>> list(@Validated @RequestBody CustomerPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.CUSTOMER.getKey());
+        return customerService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), null);
+    }
+
+    @PostMapping("/pick")
+    @Operation(summary = "领取客户")
+    @RequiresPermissions(value = {PermissionConstants.CUSTOMER_MANAGEMENT_POOL_PICK})
+    public void pick(@Validated @RequestBody PoolCustomerPickRequest request) {
+        poolCustomerService.pick(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/assign")
+    @Operation(summary = "分配客户")
+    @RequiresPermissions(value = {PermissionConstants.CUSTOMER_MANAGEMENT_POOL_ASSIGN})
+    public void assign(@Validated @RequestBody PoolCustomerAssignRequest request) {
+        poolCustomerService.assign(request.getCustomerId(), request.getAssignUserId(), OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+    @GetMapping("/delete/{id}")
+    @Operation(summary = "删除客户")
+    @RequiresPermissions(value = {PermissionConstants.CUSTOMER_MANAGEMENT_POOL_DELETE})
+    public void delete(@PathVariable String id) {
+        poolCustomerService.delete(id);
+    }
+
+    @GetMapping("/get/{id}")
+    @RequiresPermissions(PermissionConstants.CUSTOMER_MANAGEMENT_POOL_READ)
+    @Operation(summary = "客户详情")
+    public CustomerGetResponse get(@PathVariable String id) {
+        return customerService.get(id);
+    }
+
+    @PostMapping("/batch-pick")
+    @Operation(summary = "批量领取客户")
+    @RequiresPermissions(value = {PermissionConstants.CUSTOMER_MANAGEMENT_POOL_PICK})
+    public void batchPick(@Validated @RequestBody PoolBatchPickRequest request) {
+        poolCustomerService.batchPick(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/batch-assign")
+    @Operation(summary = "批量分配客户")
+    @RequiresPermissions(value = {PermissionConstants.CUSTOMER_MANAGEMENT_POOL_ASSIGN})
+    public void batchAssign(@Validated @RequestBody PoolBatchAssignRequest request) {
+        poolCustomerService.batchAssign(request, request.getAssignUserId(), OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+    @PostMapping("/batch-delete")
+    @Operation(summary = "批量删除客户")
+    @RequiresPermissions(value = {PermissionConstants.CUSTOMER_MANAGEMENT_POOL_DELETE})
+    public void batchDelete(@Validated @RequestBody PoolBatchRequest request) {
+        poolCustomerService.batchDelete(request.getBatchIds(), SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/batch-update")
+    @RequiresPermissions(PermissionConstants.CUSTOMER_MANAGEMENT_POOL_UPDATE)
+    @Operation(summary = "批量更新客户")
+    public void batchUpdate(@Validated @RequestBody ResourceBatchEditRequest request) {
+        poolCustomerService.batchUpdate(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/export-all")
+    @Operation(summary = "客户导出全部")
+    @RequiresPermissions(PermissionConstants.CUSTOMER_MANAGEMENT_POOL_EXPORT)
+    public String customerPoolExportAll(@Validated @RequestBody CustomerExportRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.CUSTOMER.getKey());
+        return customerPoolExportService.exportCrossPage(SessionUtils.getUserId(), request, OrganizationContext.getOrganizationId(), null, LocaleContextHolder.getLocale());
+    }
+
+    @PostMapping("/export-select")
+    @Operation(summary = "导出选中客户")
+    @RequiresPermissions(PermissionConstants.CUSTOMER_MANAGEMENT_POOL_EXPORT)
+    public String customerPoolExportSelect(@Validated @RequestBody ExportSelectRequest request) {
+        return customerPoolExportService.exportCrossSelect(SessionUtils.getUserId(), request, OrganizationContext.getOrganizationId(), LocaleContextHolder.getLocale());
+    }
+
+    @PostMapping("/chart")
+    @RequiresPermissions(PermissionConstants.CUSTOMER_MANAGEMENT_POOL_READ)
+    @Operation(summary = "客户图表生成")
+    public List<ChartResult> chart(@Validated @RequestBody PoolCustomerChartAnalysisRequest request) {
+        return poolCustomerService.chart(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), null);
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/controller/PoolCustomerUserViewController.java b/backend/crm/src/main/java/cn/cordys/crm/customer/controller/PoolCustomerUserViewController.java
new file mode 100644
index 0000000..de0a333
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/controller/PoolCustomerUserViewController.java
@@ -0,0 +1,95 @@
+package cn.cordys.crm.customer.controller;
+
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.request.PosRequest;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.constants.UserViewResourceType;
+import cn.cordys.crm.system.domain.UserView;
+import cn.cordys.crm.system.dto.request.UserViewAddRequest;
+import cn.cordys.crm.system.dto.request.UserViewUpdateRequest;
+import cn.cordys.crm.system.dto.response.UserViewListResponse;
+import cn.cordys.crm.system.dto.response.UserViewResponse;
+import cn.cordys.crm.system.service.UserViewService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "公海视图")
+@RestController
+@RequestMapping("/pool/account/view")
+public class PoolCustomerUserViewController {
+
+    @Resource
+    private UserViewService userViewService;
+
+
+    @PostMapping("/add")
+    @RequiresPermissions(PermissionConstants.CUSTOMER_MANAGEMENT_POOL_READ)
+    @Operation(summary = "添加公海视图")
+    public UserView add(@Validated @RequestBody UserViewAddRequest request) {
+        return userViewService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), UserViewResourceType.CUSTOMER_POOL.name());
+    }
+
+
+    @PostMapping("/update")
+    @RequiresPermissions(PermissionConstants.CUSTOMER_MANAGEMENT_POOL_READ)
+    @Operation(summary = "编辑公海视图")
+    public UserView update(@Validated @RequestBody UserViewUpdateRequest request) {
+        return userViewService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/delete/{id}")
+    @RequiresPermissions(PermissionConstants.CUSTOMER_MANAGEMENT_POOL_READ)
+    @Operation(summary = "删除公海视图")
+    public void delete(@PathVariable String id) {
+        userViewService.delete(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/detail/{id}")
+    @RequiresPermissions(PermissionConstants.CUSTOMER_MANAGEMENT_POOL_READ)
+    @Operation(summary = "公海视图详情")
+    public UserViewResponse viewDetail(@PathVariable String id) {
+        return userViewService.getViewDetail(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), FormKey.CUSTOMER.getKey());
+    }
+
+
+    @GetMapping("/list")
+    @RequiresPermissions(PermissionConstants.CUSTOMER_MANAGEMENT_POOL_READ)
+    @Operation(summary = "公海视图列表")
+    public List<UserViewListResponse> queryList() {
+        return userViewService.list(UserViewResourceType.CUSTOMER_POOL.name(), SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/fixed/{id}")
+    @RequiresPermissions(PermissionConstants.CUSTOMER_MANAGEMENT_POOL_READ)
+    @Operation(summary = "公海视图固定/取消固定")
+    public void fixed(@PathVariable String id) {
+        userViewService.fixed(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/edit/pos")
+    @Operation(summary = "公海视图-拖拽排序")
+    @RequiresPermissions(PermissionConstants.CUSTOMER_MANAGEMENT_POOL_READ)
+    public void editPos(@Validated @RequestBody PosRequest request) {
+        userViewService.editPos(request, SessionUtils.getUserId(), UserViewResourceType.CUSTOMER_POOL.name());
+    }
+
+
+    @GetMapping("/enable/{id}")
+    @RequiresPermissions(PermissionConstants.CUSTOMER_MANAGEMENT_POOL_READ)
+    @Operation(summary = "公海视图-启用/禁用")
+    public void enable(@PathVariable String id) {
+        userViewService.enable(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/domain/Customer.java b/backend/crm/src/main/java/cn/cordys/crm/customer/domain/Customer.java
new file mode 100644
index 0000000..d2f5423
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/domain/Customer.java
@@ -0,0 +1,45 @@
+package cn.cordys.crm.customer.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+/**
+ * 客户
+ *
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Data
+@Table(name = "customer")
+public class Customer extends BaseModel {
+
+    @Schema(description = "客户名称")
+    private String name;
+
+    @Schema(description = "负责人")
+    private String owner;
+
+    @Schema(description = "领取时间")
+    private Long collectionTime;
+
+    @Schema(description = "公海ID")
+    private String poolId;
+
+    @Schema(description = "是否在公海池")
+    private Boolean inSharedPool;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+
+    @Schema(description = "最新跟进人")
+    private String follower;
+
+    @Schema(description = "最新跟进时间")
+    private Long followTime;
+
+    @Schema(description = "公海原因ID")
+    private String reasonId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerCapacity.java b/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerCapacity.java
new file mode 100644
index 0000000..9939f83
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerCapacity.java
@@ -0,0 +1,23 @@
+package cn.cordys.crm.customer.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "customer_capacity")
+public class CustomerCapacity extends BaseModel {
+
+    @Schema(description = "组织架构ID")
+    private String organizationId;
+
+    @Schema(description = "范围ID")
+    private String scopeId;
+
+    @Schema(description = "库容")
+    private Integer capacity;
+
+    @Schema(description = "过滤条件")
+    private String filter;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerCollaboration.java b/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerCollaboration.java
new file mode 100644
index 0000000..c11b084
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerCollaboration.java
@@ -0,0 +1,27 @@
+package cn.cordys.crm.customer.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+/**
+ * 客户协作人
+ *
+ * @author jianxing
+ * @date 2025-03-04 11:06:12
+ */
+@Data
+@Table(name = "customer_collaboration")
+public class CustomerCollaboration extends BaseModel {
+
+    @Schema(description = "协作人id")
+    private String userId;
+
+    @Schema(description = "客户id")
+    private String customerId;
+
+    @Schema(description = "协作类型(只读/协作)")
+    private String collaborationType;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerContact.java b/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerContact.java
new file mode 100644
index 0000000..b2bdefb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerContact.java
@@ -0,0 +1,39 @@
+package cn.cordys.crm.customer.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+/**
+ * 客户联系人
+ *
+ * @author jianxing
+ * @date 2025-02-24 11:06:10
+ */
+@Data
+@Table(name = "customer_contact")
+public class CustomerContact extends BaseModel {
+
+    @Schema(description = "客户id")
+    private String customerId;
+
+    @Schema(description = "责任人")
+    private String owner;
+
+    @Schema(description = "联系人姓名")
+    private String name;
+
+    @Schema(description = "联系人电话")
+    private String phone;
+
+    @Schema(description = "是否停用")
+    private Boolean enable;
+
+    @Schema(description = "停用原因")
+    private String disableReason;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerContactBlob.java b/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerContactBlob.java
new file mode 100644
index 0000000..95084e7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerContactBlob.java
@@ -0,0 +1,27 @@
+package cn.cordys.crm.customer.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+/**
+ * 客户联系人自定义属性大文本
+ *
+ * @author jianxing
+ * @date 2025-02-24 16:23:32
+ */
+@Data
+@Table(name = "customer_contact_blob")
+public class CustomerContactBlob extends BaseModel {
+
+    @Schema(description = "客户id")
+    private String customerId;
+
+    @Schema(description = "自定义属性id")
+    private String fieldId;
+
+    @Schema(description = "自定义属性值")
+    private String fieldValue;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerContactField.java b/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerContactField.java
new file mode 100644
index 0000000..211820e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerContactField.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.customer.domain;
+
+import cn.cordys.common.domain.BaseResourceField;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+/**
+ * 客户联系人自定义属性
+ *
+ * @author jianxing
+ * @date 2025-02-24 16:23:32
+ */
+@Data
+@Table(name = "customer_contact_field")
+public class CustomerContactField extends BaseResourceField {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerContactFieldBlob.java b/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerContactFieldBlob.java
new file mode 100644
index 0000000..24a1be4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerContactFieldBlob.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.customer.domain;
+
+import cn.cordys.common.domain.BaseResourceField;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+/**
+ * 客户联系人自定义属性大文本
+ *
+ * @author jianxing
+ * @date 2025-02-27 14:43:46
+ */
+@Data
+@Table(name = "customer_contact_field_blob")
+public class CustomerContactFieldBlob extends BaseResourceField {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerField.java b/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerField.java
new file mode 100644
index 0000000..4e2267b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerField.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.customer.domain;
+
+import cn.cordys.common.domain.BaseResourceField;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+/**
+ * 客户自定义属性
+ *
+ * @author jianxing
+ * @date 2025-02-10 18:12:46
+ */
+@Data
+@Table(name = "customer_field")
+public class CustomerField extends BaseResourceField {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerFieldBlob.java b/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerFieldBlob.java
new file mode 100644
index 0000000..6738408
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerFieldBlob.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.customer.domain;
+
+import cn.cordys.common.domain.BaseResourceField;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+/**
+ * 客户自定义属性大文本
+ *
+ * @author jianxing
+ * @date 2025-02-27 14:43:46
+ */
+@Data
+@Table(name = "customer_field_blob")
+public class CustomerFieldBlob extends BaseResourceField {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerOwner.java b/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerOwner.java
new file mode 100644
index 0000000..ca8172c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerOwner.java
@@ -0,0 +1,38 @@
+package cn.cordys.crm.customer.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+/**
+ * 客户历史责任人
+ *
+ * @author jianxing
+ * @date 2025-03-12 10:20:41
+ */
+@Data
+@Table(name = "customer_owner")
+public class CustomerOwner {
+
+    @Schema(description = "id")
+    private String id;
+
+    @Schema(description = "客户id")
+    private String customerId;
+
+    @Schema(description = "责任人")
+    private String owner;
+
+    @Schema(description = "领取时间")
+    private Long collectionTime;
+
+    @Schema(description = "结束时间")
+    private Long endTime;
+
+    @Schema(description = "操作人")
+    private String operator;
+
+    @Schema(description = "公海原因ID")
+    private String reasonId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerPool.java b/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerPool.java
new file mode 100644
index 0000000..bc466ae
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerPool.java
@@ -0,0 +1,29 @@
+package cn.cordys.crm.customer.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "customer_pool")
+public class CustomerPool extends BaseModel {
+
+    @Schema(description = "组织ID")
+    private String organizationId;
+
+    @Schema(description = "公海池名称")
+    private String name;
+
+    @Schema(description = "范围ID")
+    private String scopeId;
+
+    @Schema(description = "管理员ID")
+    private String ownerId;
+
+    @Schema(description = "启用/禁用")
+    private Boolean enable;
+
+    @Schema(description = "是否自动回收")
+    private Boolean auto;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerPoolHiddenField.java b/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerPoolHiddenField.java
new file mode 100644
index 0000000..2f1572d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerPoolHiddenField.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.customer.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "customer_pool_hidden_field")
+public class CustomerPoolHiddenField {
+
+    @Schema(description = "公海池ID")
+    private String poolId;
+
+    @Schema(description = "字段ID")
+    private String fieldId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerPoolPickRule.java b/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerPoolPickRule.java
new file mode 100644
index 0000000..5e31247
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerPoolPickRule.java
@@ -0,0 +1,32 @@
+package cn.cordys.crm.customer.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "customer_pool_pick_rule")
+public class CustomerPoolPickRule extends BaseModel {
+
+    @Schema(description = "公海池ID")
+    private String poolId;
+
+    @Schema(description = "是否限制每日领取数量")
+    private Boolean limitOnNumber;
+
+    @Schema(description = "领取数量")
+    private Integer pickNumber;
+
+    @Schema(description = "是否限制前归属人领取")
+    private Boolean limitPreOwner;
+
+    @Schema(description = "领取间隔天数")
+    private Integer pickIntervalDays;
+
+    @Schema(description = "是否限制新数据")
+    private Boolean limitNew;
+
+    @Schema(description = "新数据领取间隔")
+    private Integer newPickInterval;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerPoolRecycleRule.java b/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerPoolRecycleRule.java
new file mode 100644
index 0000000..33ffaef
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerPoolRecycleRule.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.customer.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "customer_pool_recycle_rule")
+public class CustomerPoolRecycleRule extends BaseModel {
+
+    @Schema(description = "公海池ID")
+    private String poolId;
+
+    @Schema(description = "操作符")
+    private String operator;
+
+    @Schema(description = "回收条件")
+    private String condition;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerRelation.java b/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerRelation.java
new file mode 100644
index 0000000..39c2fe0
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/domain/CustomerRelation.java
@@ -0,0 +1,29 @@
+package cn.cordys.crm.customer.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+/**
+ * 客户关系
+ *
+ * @author jianxing
+ * @date 2025-03-12 17:19:16
+ */
+@Data
+@Table(name = "customer_relation")
+public class CustomerRelation {
+
+    @Schema(description = "id")
+    private String id;
+
+    @Schema(description = "客户ID(集团)")
+    private String sourceCustomerId;
+
+    @Schema(description = "客户ID(子公司)")
+    private String targetCustomerId;
+
+    @Schema(description = "创建时间")
+    private Long createTime;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/CustomerCapacityDTO.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/CustomerCapacityDTO.java
new file mode 100644
index 0000000..6f20af2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/CustomerCapacityDTO.java
@@ -0,0 +1,18 @@
+package cn.cordys.crm.customer.dto;
+
+import cn.cordys.crm.customer.domain.CustomerCapacity;
+import cn.cordys.crm.system.dto.FilterConditionDTO;
+import cn.cordys.crm.system.dto.ScopeNameDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class CustomerCapacityDTO extends CustomerCapacity {
+
+    @Schema(description = "成员集合")
+    private List<ScopeNameDTO> members;
+    @Schema(description = "过滤条件集合")
+    private List<FilterConditionDTO> filters;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/CustomerPoolDTO.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/CustomerPoolDTO.java
new file mode 100644
index 0000000..a92cfa8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/CustomerPoolDTO.java
@@ -0,0 +1,30 @@
+package cn.cordys.crm.customer.dto;
+
+import cn.cordys.crm.customer.domain.CustomerPool;
+import cn.cordys.crm.system.dto.ScopeNameDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class CustomerPoolDTO extends CustomerPool {
+
+    @Schema(description = "成员集合")
+    private List<ScopeNameDTO> members;
+    @Schema(description = "管理员集合")
+    private List<ScopeNameDTO> owners;
+    @Schema(description = "创建人名称")
+    private String createUserName;
+    @Schema(description = "更新人名称")
+    private String updateUserName;
+    @Schema(description = "领取规则")
+    private CustomerPoolPickRuleDTO pickRule;
+    @Schema(description = "回收规则")
+    private CustomerPoolRecycleRuleDTO recycleRule;
+    @Schema(description = "字段配置")
+    private List<CustomerPoolFieldConfigDTO> fieldConfigs;
+
+    @Schema(description = "是否可编辑")
+    private Boolean editable;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/CustomerPoolFieldConfigDTO.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/CustomerPoolFieldConfigDTO.java
new file mode 100644
index 0000000..cdc72da
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/CustomerPoolFieldConfigDTO.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.customer.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class CustomerPoolFieldConfigDTO {
+    @Schema(description = "字段ID")
+    private String fieldId;
+    @Schema(description = "字段名称")
+    private String fieldName;
+    @Schema(description = "是否启用")
+    private Boolean enable;
+    @Schema(description = "是否可编辑")
+    private Boolean editable;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/CustomerPoolPickRuleDTO.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/CustomerPoolPickRuleDTO.java
new file mode 100644
index 0000000..0590ce6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/CustomerPoolPickRuleDTO.java
@@ -0,0 +1,36 @@
+package cn.cordys.crm.customer.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotNull;
+import lombok.AllArgsConstructor;
+import lombok.Builder;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+@Data
+@Builder
+@NoArgsConstructor
+@AllArgsConstructor
+public class CustomerPoolPickRuleDTO {
+
+    @NotNull
+    @Schema(description = "是否限制每日领取数量")
+    private Boolean limitOnNumber;
+
+    @Schema(description = "领取数量")
+    private Integer pickNumber;
+
+    @NotNull
+    @Schema(description = "是否限制前归属人领取")
+    private Boolean limitPreOwner;
+
+    @Schema(description = "领取间隔天数")
+    private Integer pickIntervalDays;
+
+    @NotNull
+    @Schema(description = "是否限制新数据")
+    private Boolean limitNew;
+
+    @Schema(description = "新数据领取间隔")
+    private Integer newPickInterval;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/CustomerPoolRecycleRuleDTO.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/CustomerPoolRecycleRuleDTO.java
new file mode 100644
index 0000000..0f375d9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/CustomerPoolRecycleRuleDTO.java
@@ -0,0 +1,23 @@
+package cn.cordys.crm.customer.dto;
+
+import cn.cordys.crm.system.dto.RuleConditionDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.AllArgsConstructor;
+import lombok.Builder;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import java.util.List;
+
+@Data
+@Builder
+@NoArgsConstructor
+@AllArgsConstructor
+public class CustomerPoolRecycleRuleDTO {
+
+    @Schema(description = "操作符")
+    private String operator;
+
+    @Schema(description = "规则条件集合")
+    private List<RuleConditionDTO> conditions;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/CustomerPoolRuleDTO.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/CustomerPoolRuleDTO.java
new file mode 100644
index 0000000..772ecc2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/CustomerPoolRuleDTO.java
@@ -0,0 +1,34 @@
+package cn.cordys.crm.customer.dto;
+
+import cn.cordys.crm.system.dto.RuleConditionDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.AllArgsConstructor;
+import lombok.Builder;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import java.util.List;
+
+@Data
+@Builder
+@NoArgsConstructor
+@AllArgsConstructor
+public class CustomerPoolRuleDTO {
+
+    @Schema(description = "是否限制领取数量")
+    private Boolean limitOnNumber;
+    @Schema(description = "领取数量")
+    private Integer pickNumber;
+    @Schema(description = "是否限制前归属人领取")
+    private Boolean limitPreOwner;
+    @Schema(description = "领取间隔天数")
+    private Integer pickIntervalDays;
+    @Schema(description = "到期提醒")
+    private Boolean expireNotice;
+    @Schema(description = "提前提醒天数")
+    private Integer noticeDays;
+    @Schema(description = "操作符")
+    private String operator;
+    @Schema(description = "规则条件集合")
+    private List<RuleConditionDTO> conditions;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/BatchReTransitionCustomerRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/BatchReTransitionCustomerRequest.java
new file mode 100644
index 0000000..30e337f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/BatchReTransitionCustomerRequest.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.customer.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.NotEmpty;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class BatchReTransitionCustomerRequest {
+
+    @NotEmpty
+    @Schema(description = "线索ID集合", requiredMode = Schema.RequiredMode.REQUIRED)
+    private List<String> clueIds;
+    @NotBlank
+    @Schema(description = "客户ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String customerId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/ClueChartAnalysisDbRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/ClueChartAnalysisDbRequest.java
new file mode 100644
index 0000000..d9f7f82
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/ClueChartAnalysisDbRequest.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.customer.dto.request;
+
+import cn.cordys.common.dto.ChartAnalysisDbRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-10-23  13:42
+ */
+@Data
+public class ClueChartAnalysisDbRequest extends ChartAnalysisDbRequest {
+    @Schema(description = "线索池ID{线索池线索列表时传参}")
+    private String poolId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/ClueTransformRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/ClueTransformRequest.java
new file mode 100644
index 0000000..0a778bf
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/ClueTransformRequest.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.customer.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+public class ClueTransformRequest {
+
+    @NotBlank
+    @Schema(description = "线索ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String clueId;
+    @Schema(description = "是否创建商机")
+    private Boolean oppCreated;
+    @Schema(description = "商机名称")
+    private String oppName;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/ContactUniqueRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/ContactUniqueRequest.java
new file mode 100644
index 0000000..3115c4e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/ContactUniqueRequest.java
@@ -0,0 +1,29 @@
+package cn.cordys.crm.customer.dto.request;
+
+import lombok.Builder;
+import lombok.Data;
+
+/**
+ * @author song-cc-rock
+ */
+@Data
+@Builder
+public class ContactUniqueRequest {
+
+    /**
+     * 联系人名称
+     */
+    private String name;
+    /**
+     * 联系人电话
+     */
+    private String phone;
+    /**
+     * 是否名称唯一
+     */
+    private Boolean nameUnique;
+    /**
+     * 是否电话唯一
+     */
+    private Boolean phoneUnique;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/ContractDetailInvoicePageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/ContractDetailInvoicePageRequest.java
new file mode 100644
index 0000000..a57cc36
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/ContractDetailInvoicePageRequest.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.customer.dto.request;
+
+import cn.cordys.crm.contract.dto.request.ContractInvoicePageRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-11-26  11:35
+ */
+@Data
+public class ContractDetailInvoicePageRequest extends ContractInvoicePageRequest {
+    @NotBlank
+    @Schema(description = "合同ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String contractId;
+
+    @Override
+    public String getContractId() {
+        return contractId;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/ContractOrderPageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/ContractOrderPageRequest.java
new file mode 100644
index 0000000..9a205f7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/ContractOrderPageRequest.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.customer.dto.request;
+
+import cn.cordys.crm.order.dto.request.OrderPageRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-11-26  11:35
+ */
+@Data
+public class ContractOrderPageRequest extends OrderPageRequest {
+    @NotBlank
+    @Schema(description = "合同ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String contractId;
+
+    @Override
+    public String getContractId() {
+        return contractId;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerAddRequest.java
new file mode 100644
index 0000000..2d30b82
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerAddRequest.java
@@ -0,0 +1,36 @@
+package cn.cordys.crm.customer.dto.request;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.util.List;
+
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Data
+public class CustomerAddRequest {
+
+    @NotBlank
+    @Size(max = 255)
+    @Schema(description = "客户名称")
+    private String name;
+
+    @Size(max = 32)
+    @Schema(description = "负责人")
+    private String owner;
+
+    @Schema(description = "模块字段值")
+    private List<BaseModuleFieldValue> moduleFields;
+
+    @Schema(description = "最新跟进人(转客户时需录入)")
+    private String follower;
+
+    @Schema(description = "最新跟进时间(转客户时需录入)")
+    private Long followTime;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerBatchTransferRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerBatchTransferRequest.java
new file mode 100644
index 0000000..a0ad6e1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerBatchTransferRequest.java
@@ -0,0 +1,27 @@
+package cn.cordys.crm.customer.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.NotEmpty;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.util.List;
+
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Data
+public class CustomerBatchTransferRequest {
+
+    @NotEmpty
+    @Schema(description = "ids", requiredMode = Schema.RequiredMode.REQUIRED)
+    private List<String> ids;
+
+    @NotBlank
+    @Size(max = 32)
+    @Schema(description = "修改负责人", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String owner;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerChartAnalysisDbRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerChartAnalysisDbRequest.java
new file mode 100644
index 0000000..6fde95c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerChartAnalysisDbRequest.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.customer.dto.request;
+
+import cn.cordys.common.dto.ChartAnalysisDbRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-10-23  13:42
+ */
+@Data
+public class CustomerChartAnalysisDbRequest extends ChartAnalysisDbRequest {
+    @Schema(description = "公海ID{公海客户列表时传参}")
+    private String poolId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerCollaborationAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerCollaborationAddRequest.java
new file mode 100644
index 0000000..cc0386d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerCollaborationAddRequest.java
@@ -0,0 +1,33 @@
+package cn.cordys.crm.customer.dto.request;
+
+import cn.cordys.common.constants.EnumValue;
+import cn.cordys.crm.customer.constants.CustomerCollaborationType;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.NotNull;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Data
+public class CustomerCollaborationAddRequest {
+
+    @Size(max = 32)
+    @NotBlank
+    @Schema(description = "客户id", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String customerId;
+
+    @NotBlank
+    @Size(max = 32)
+    @Schema(description = "人员", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String userId;
+
+    @NotNull
+    @Schema(description = "协作类型(只读 READ_ONLY / 协作 COLLABORATION)", requiredMode = Schema.RequiredMode.REQUIRED)
+    @EnumValue(enumClass = CustomerCollaborationType.class)
+    private String collaborationType;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerCollaborationUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerCollaborationUpdateRequest.java
new file mode 100644
index 0000000..1673dd0
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerCollaborationUpdateRequest.java
@@ -0,0 +1,26 @@
+package cn.cordys.crm.customer.dto.request;
+
+import cn.cordys.common.constants.EnumValue;
+import cn.cordys.crm.customer.constants.CustomerCollaborationType;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.NotNull;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Data
+public class CustomerCollaborationUpdateRequest {
+    @Size(max = 32)
+    @NotBlank
+    @Schema(description = "客户协作人id", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+
+    @NotNull
+    @Schema(description = "协作类型(只读 READ_ONLY / 协作 COLLABORATION)", requiredMode = Schema.RequiredMode.REQUIRED)
+    @EnumValue(enumClass = CustomerCollaborationType.class)
+    private String collaborationType;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerContactAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerContactAddRequest.java
new file mode 100644
index 0000000..40300ff
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerContactAddRequest.java
@@ -0,0 +1,38 @@
+package cn.cordys.crm.customer.dto.request;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.util.List;
+
+
+/**
+ * @author jianxing
+ * @date 2025-02-24 11:06:10
+ */
+@Data
+public class CustomerContactAddRequest {
+
+    @Size(max = 32)
+    @Schema(description = "客户id", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String customerId;
+
+    @Size(max = 32)
+    @Schema(description = "负责人")
+    private String owner;
+
+    @Size(max = 255)
+    @NotBlank
+    @Schema(description = "联系人姓名", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String name;
+
+    @Size(max = 30)
+    @Schema(description = "联系人电话")
+    private String phone;
+
+    @Schema(description = "模块字段值")
+    private List<BaseModuleFieldValue> moduleFields;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerContactDisableRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerContactDisableRequest.java
new file mode 100644
index 0000000..fe67867
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerContactDisableRequest.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.customer.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+
+/**
+ * @author jianxing
+ * @date 2025-02-24 11:06:10
+ */
+@Data
+public class CustomerContactDisableRequest {
+    @Size(max = 255)
+    @Schema(description = "停用原因", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String reason;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerContactExportRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerContactExportRequest.java
new file mode 100644
index 0000000..50b8e56
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerContactExportRequest.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.customer.dto.request;
+
+import cn.cordys.common.dto.ExportHeadDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotEmpty;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class CustomerContactExportRequest extends CustomerContactPageRequest {
+
+    @Schema(description = "文件名")
+    private String fileName;
+
+    @Schema(description = "表头信息")
+    @NotEmpty(message = "{export_head_list_is_empty}")
+    private List<ExportHeadDTO> headList;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerContactPageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerContactPageRequest.java
new file mode 100644
index 0000000..0351c95
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerContactPageRequest.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.customer.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import lombok.Data;
+
+
+/**
+ * @author jianxing
+ * @date 2025-02-24 11:06:10
+ */
+@Data
+public class CustomerContactPageRequest extends BasePageRequest {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerContactUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerContactUpdateRequest.java
new file mode 100644
index 0000000..268addb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerContactUpdateRequest.java
@@ -0,0 +1,44 @@
+package cn.cordys.crm.customer.dto.request;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.util.List;
+
+
+/**
+ * @author jianxing
+ * @date 2025-02-24 11:06:10
+ */
+@Data
+public class CustomerContactUpdateRequest {
+
+    @NotBlank
+    @Schema(description = "id", requiredMode = Schema.RequiredMode.REQUIRED)
+    @Size(max = 32)
+    private String id;
+
+    @Size(max = 32)
+    @Schema(description = "客户id")
+    private String customerId;
+
+    @Size(max = 255)
+    @Schema(description = "联系人姓名")
+    private String name;
+
+    @Size(max = 30)
+    @Schema(description = "联系人电话")
+    private String phone;
+
+    @Size(max = 32)
+    @Schema(description = "负责人")
+    private String owner;
+
+    @Schema(description = "模块字段值")
+    private List<BaseModuleFieldValue> moduleFields;
+
+    private Boolean agentInvoke = false;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerContractInvoicePageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerContractInvoicePageRequest.java
new file mode 100644
index 0000000..970c354
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerContractInvoicePageRequest.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.customer.dto.request;
+
+import cn.cordys.crm.contract.dto.request.ContractInvoicePageRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-11-26  11:35
+ */
+@Data
+public class CustomerContractInvoicePageRequest extends ContractInvoicePageRequest {
+    @NotBlank
+    @Schema(description = "客户ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String customerId;
+
+    @Override
+    public String getCustomerId() {
+        return customerId;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerContractPageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerContractPageRequest.java
new file mode 100644
index 0000000..ffe50fb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerContractPageRequest.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.customer.dto.request;
+
+import cn.cordys.crm.contract.dto.request.ContractPageRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-11-26  11:35
+ */
+@Data
+public class CustomerContractPageRequest extends ContractPageRequest {
+    @NotBlank
+    @Schema(description = "客户ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String customerId;
+
+    @Override
+    public String getCustomerId() {
+        return customerId;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerContractPaymentPlanPageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerContractPaymentPlanPageRequest.java
new file mode 100644
index 0000000..80aae1b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerContractPaymentPlanPageRequest.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.customer.dto.request;
+
+import cn.cordys.crm.contract.dto.request.ContractPaymentPlanPageRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-11-26  11:35
+ */
+@Data
+public class CustomerContractPaymentPlanPageRequest extends ContractPaymentPlanPageRequest {
+    @NotBlank
+    @Schema(description = "客户ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String customerId;
+
+    @Override
+    public String getCustomerId() {
+        return customerId;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerExportRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerExportRequest.java
new file mode 100644
index 0000000..143a975
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerExportRequest.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.customer.dto.request;
+
+import cn.cordys.common.dto.ExportHeadDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotEmpty;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class CustomerExportRequest extends CustomerPageRequest {
+
+    @Schema(description = "文件名")
+    private String fileName;
+
+    @Schema(description = "表头信息")
+    @NotEmpty(message = "{export_head_list_is_empty}")
+    private List<ExportHeadDTO> headList;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerMergeRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerMergeRequest.java
new file mode 100644
index 0000000..2a1f6ab
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerMergeRequest.java
@@ -0,0 +1,24 @@
+package cn.cordys.crm.customer.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotEmpty;
+import jakarta.validation.constraints.NotNull;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class CustomerMergeRequest {
+
+    @NotNull
+    @Schema(description = "被合并的客户")
+    private List<String> mergeIds;
+
+    @NotEmpty
+    @Schema(description = "合并的客户", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String toMergeId;
+
+    @NotEmpty
+    @Schema(description = "合并的负责人", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String ownerId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerOpportunityPageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerOpportunityPageRequest.java
new file mode 100644
index 0000000..7b034a4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerOpportunityPageRequest.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.customer.dto.request;
+
+import cn.cordys.crm.opportunity.dto.request.OpportunityPageRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+/**
+ * @author song-cc-rock
+ */
+@Data
+public class CustomerOpportunityPageRequest extends OpportunityPageRequest {
+
+    @NotBlank
+    @Schema(description = "客户ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String customerId;
+
+    @Override
+    public String getCustomerId() {
+        return customerId;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerOrderPageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerOrderPageRequest.java
new file mode 100644
index 0000000..c3bd116
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerOrderPageRequest.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.customer.dto.request;
+
+import cn.cordys.crm.order.dto.request.OrderPageRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-11-26  11:35
+ */
+@Data
+public class CustomerOrderPageRequest extends OrderPageRequest {
+    @NotBlank
+    @Schema(description = "客户ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String customerId;
+
+    @Override
+    public String getCustomerId() {
+        return customerId;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerPageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerPageRequest.java
new file mode 100644
index 0000000..92fceeb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerPageRequest.java
@@ -0,0 +1,29 @@
+package cn.cordys.crm.customer.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Data
+public class CustomerPageRequest extends BasePageRequest {
+
+    @Schema(description = "公海ID{公海客户列表时传参}")
+    private String poolId;
+
+    @Schema(description = "是否查询关联客户列表")
+    private Boolean transition;
+
+    @Schema(description = "查询需要关联的公海客户传参")
+    private List<String> transitionPoolIds;
+
+	@Schema(description = "关联客户数据权限")
+	private DeptDataPermissionDTO transitionDataPermission;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerPoolAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerPoolAddRequest.java
new file mode 100644
index 0000000..8398e6e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerPoolAddRequest.java
@@ -0,0 +1,46 @@
+package cn.cordys.crm.customer.dto.request;
+
+import cn.cordys.crm.customer.dto.CustomerPoolPickRuleDTO;
+import cn.cordys.crm.customer.dto.CustomerPoolRecycleRuleDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.NotNull;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Set;
+
+@Data
+public class CustomerPoolAddRequest {
+
+    @NotBlank
+    @Size(max = 255)
+    @Schema(description = "公海池名称")
+    private String name;
+
+    @NotNull
+    @Schema(description = "范围ID集合")
+    private List<String> scopeIds;
+
+    @NotNull
+    @Schema(description = "管理员ID集合")
+    private List<String> ownerIds;
+
+    @NotNull
+    @Schema(description = "启用/禁用")
+    private Boolean enable;
+
+    @NotNull
+    @Schema(description = "是否自动回收")
+    private Boolean auto;
+
+    @Schema(description = "领取规则")
+    private CustomerPoolPickRuleDTO pickRule;
+
+    @Schema(description = "回收规则")
+    private CustomerPoolRecycleRuleDTO recycleRule;
+
+    @Schema(description = "隐藏字段ID集合")
+    private Set<@NotBlank String> hiddenFieldIds;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerPoolPageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerPoolPageRequest.java
new file mode 100644
index 0000000..ea60386
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerPoolPageRequest.java
@@ -0,0 +1,8 @@
+package cn.cordys.crm.customer.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import lombok.Data;
+
+@Data
+public class CustomerPoolPageRequest extends BasePageRequest {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerPoolUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerPoolUpdateRequest.java
new file mode 100644
index 0000000..c73d8b2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerPoolUpdateRequest.java
@@ -0,0 +1,51 @@
+package cn.cordys.crm.customer.dto.request;
+
+import cn.cordys.crm.customer.dto.CustomerPoolPickRuleDTO;
+import cn.cordys.crm.customer.dto.CustomerPoolRecycleRuleDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.NotNull;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Set;
+
+@Data
+public class CustomerPoolUpdateRequest {
+
+    @NotBlank
+    @Size(max = 32)
+    @Schema(description = "ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+
+    @NotBlank
+    @Size(max = 255)
+    @Schema(description = "公海池名称")
+    private String name;
+
+    @NotNull
+    @Schema(description = "范围ID集合")
+    private List<String> scopeIds;
+
+    @NotNull
+    @Schema(description = "管理员ID集合")
+    private List<String> ownerIds;
+
+    @NotNull
+    @Schema(description = "启用/禁用")
+    private Boolean enable;
+
+    @NotNull
+    @Schema(description = "是否自动回收")
+    private Boolean auto;
+
+    @Schema(description = "领取规则")
+    private CustomerPoolPickRuleDTO pickRule;
+
+    @Schema(description = "回收规则")
+    private CustomerPoolRecycleRuleDTO recycleRule;
+
+    @Schema(description = "隐藏字段ID集合")
+    private Set<@NotBlank String> hiddenFieldIds;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerRelationSaveRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerRelationSaveRequest.java
new file mode 100644
index 0000000..8542dc2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerRelationSaveRequest.java
@@ -0,0 +1,27 @@
+package cn.cordys.crm.customer.dto.request;
+
+import cn.cordys.common.constants.EnumValue;
+import cn.cordys.crm.customer.constants.CustomerRelationType;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.Size;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Data
+@NoArgsConstructor
+@AllArgsConstructor
+public class CustomerRelationSaveRequest {
+    @Size(max = 32)
+    @Schema(description = "客户ID")
+    private String customerId;
+
+    @Schema(description = "关系类型")
+    @EnumValue(enumClass = CustomerRelationType.class)
+    private String relationType;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerRelationUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerRelationUpdateRequest.java
new file mode 100644
index 0000000..7fd8974
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerRelationUpdateRequest.java
@@ -0,0 +1,24 @@
+package cn.cordys.crm.customer.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Data
+@NoArgsConstructor
+@AllArgsConstructor
+public class CustomerRelationUpdateRequest extends CustomerRelationSaveRequest {
+
+    @NotBlank
+    @Size(max = 32)
+    @Schema(description = "ID")
+    private String id;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerUpdateRequest.java
new file mode 100644
index 0000000..8fb29e1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/CustomerUpdateRequest.java
@@ -0,0 +1,37 @@
+package cn.cordys.crm.customer.dto.request;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.util.List;
+
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Data
+public class CustomerUpdateRequest {
+
+    @NotBlank
+    @Schema(description = "id", requiredMode = Schema.RequiredMode.REQUIRED)
+    @Size(max = 32)
+    private String id;
+
+    @Size(max = 255)
+    @Schema(description = "客户名称")
+    private String name;
+
+    @Size(max = 32)
+    @Schema(description = "负责人")
+    private String owner;
+
+    @Schema(description = "自定义字段")
+    private List<BaseModuleFieldValue> moduleFields;
+
+
+    private Boolean agentInvoke = false;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/PoolClueChartAnalysisRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/PoolClueChartAnalysisRequest.java
new file mode 100644
index 0000000..7b24e96
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/PoolClueChartAnalysisRequest.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.customer.dto.request;
+
+import cn.cordys.common.dto.ChartAnalysisRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-10-23  13:40
+ */
+@Data
+public class PoolClueChartAnalysisRequest extends ChartAnalysisRequest {
+    @Schema(description = "线索池ID")
+    @NotBlank
+    private String poolId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/PoolCustomerAssignRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/PoolCustomerAssignRequest.java
new file mode 100644
index 0000000..ed7dc84
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/PoolCustomerAssignRequest.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.customer.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+public class PoolCustomerAssignRequest {
+
+    @NotBlank
+    @Schema(description = "客户ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String customerId;
+
+    @NotBlank
+    @Schema(description = "分配用户ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String assignUserId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/PoolCustomerChartAnalysisRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/PoolCustomerChartAnalysisRequest.java
new file mode 100644
index 0000000..b6552af
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/PoolCustomerChartAnalysisRequest.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.customer.dto.request;
+
+import cn.cordys.common.dto.ChartAnalysisRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-10-23  13:40
+ */
+@Data
+public class PoolCustomerChartAnalysisRequest extends ChartAnalysisRequest {
+    @Schema(description = "公海ID")
+    @NotBlank
+    private String poolId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/PoolCustomerPickRequest.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/PoolCustomerPickRequest.java
new file mode 100644
index 0000000..57f10ea
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/request/PoolCustomerPickRequest.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.customer.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+public class PoolCustomerPickRequest {
+
+    @NotBlank
+    @Schema(description = "客户ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String customerId;
+
+    @NotBlank
+    @Schema(description = "公海ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String poolId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/response/ClueTransformResponse.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/response/ClueTransformResponse.java
new file mode 100644
index 0000000..68f3394
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/response/ClueTransformResponse.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.customer.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Builder;
+import lombok.Data;
+
+@Data
+@Builder
+public class ClueTransformResponse {
+
+    @Schema(description = "目标ID")
+    private String transformId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/response/CustomerCollaborationListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/response/CustomerCollaborationListResponse.java
new file mode 100644
index 0000000..32bfdf9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/response/CustomerCollaborationListResponse.java
@@ -0,0 +1,28 @@
+package cn.cordys.crm.customer.dto.response;
+
+import cn.cordys.crm.customer.domain.CustomerCollaboration;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Data
+public class CustomerCollaborationListResponse extends CustomerCollaboration {
+    @Schema(description = "用户名称")
+    private String userName;
+
+    @Schema(description = "创建人名称")
+    private String createUserName;
+
+    @Schema(description = "更新人名称")
+    private String updateUserName;
+
+    @Schema(description = "归属部门")
+    private String departmentId;
+
+    @Schema(description = "归属部门名称")
+    private String departmentName;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/response/CustomerContactGetResponse.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/response/CustomerContactGetResponse.java
new file mode 100644
index 0000000..c14484f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/response/CustomerContactGetResponse.java
@@ -0,0 +1,48 @@
+package cn.cordys.crm.customer.dto.response;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.crm.customer.domain.CustomerContact;
+import cn.cordys.crm.system.domain.Attachment;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Map;
+
+/**
+ * @author jianxing
+ * @date 2025-02-24 11:06:10
+ */
+@Data
+public class CustomerContactGetResponse extends CustomerContact {
+    @Schema(description = "负责人名称")
+    private String ownerName;
+
+    @Schema(description = "归属部门")
+    private String departmentId;
+
+    @Schema(description = "归属部门名称")
+    private String departmentName;
+
+    @Schema(description = "客户名称")
+    private String customerName;
+
+    @Schema(description = "创建人名称")
+    private String createUserName;
+
+    @Schema(description = "更新人名称")
+    private String updateUserName;
+
+    @Schema(description = "自定义字段")
+    private List<BaseModuleFieldValue> moduleFields;
+
+    @Schema(description = "选项集合")
+    private Map<String, List<OptionDTO>> optionMap;
+
+    /**
+     * 附件集合
+     */
+    @Schema(description = "附件集合")
+    private Map<String, List<Attachment>> attachmentMap;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/response/CustomerContactListAllResponse.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/response/CustomerContactListAllResponse.java
new file mode 100644
index 0000000..3026776
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/response/CustomerContactListAllResponse.java
@@ -0,0 +1,25 @@
+package cn.cordys.crm.customer.dto.response;
+
+import cn.cordys.common.dto.OptionDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Map;
+
+
+/**
+ * @author jianxing
+ * @date 2025-02-24 11:06:10
+ */
+@Data
+public class CustomerContactListAllResponse {
+    @Schema(description = "列表数据")
+    private List<CustomerContactListResponse> list;
+
+    /**
+     * 选项集合
+     */
+    @Schema(description = "选项集合")
+    private Map<String, List<OptionDTO>> optionMap;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/response/CustomerContactListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/response/CustomerContactListResponse.java
new file mode 100644
index 0000000..bade383
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/response/CustomerContactListResponse.java
@@ -0,0 +1,38 @@
+package cn.cordys.crm.customer.dto.response;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.crm.customer.domain.CustomerContact;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+
+/**
+ * @author jianxing
+ * @date 2025-02-24 11:06:10
+ */
+@Data
+public class CustomerContactListResponse extends CustomerContact {
+
+    @Schema(description = "负责人名称")
+    private String ownerName;
+
+    @Schema(description = "归属部门")
+    private String departmentId;
+
+    @Schema(description = "归属部门名称")
+    private String departmentName;
+
+    @Schema(description = "客户名称")
+    private String customerName;
+
+    @Schema(description = "创建人名称")
+    private String createUserName;
+
+    @Schema(description = "更新人名称")
+    private String updateUserName;
+
+    @Schema(description = "自定义字段集合")
+    private List<BaseModuleFieldValue> moduleFields;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/response/CustomerGetResponse.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/response/CustomerGetResponse.java
new file mode 100644
index 0000000..9882455
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/response/CustomerGetResponse.java
@@ -0,0 +1,94 @@
+package cn.cordys.crm.customer.dto.response;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.crm.system.domain.Attachment;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Map;
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Data
+public class CustomerGetResponse {
+
+    @Schema(description = "ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+
+    @Schema(description = "客户名称")
+    private String name;
+
+    @Schema(description = "负责人")
+    private String owner;
+
+    @Schema(description = "负责人名称")
+    private String ownerName;
+
+    @Schema(description = "创建人")
+    private String createUser;
+
+    @Schema(description = "修改人")
+    private String updateUser;
+
+    @Schema(description = "创建时间")
+    private Long createTime;
+
+    @Schema(description = "更新时间")
+    private Long updateTime;
+
+    @Schema(description = "创建人名称")
+    private String createUserName;
+
+    @Schema(description = "更新人名称")
+    private String updateUserName;
+
+    @Schema(description = "归属部门")
+    private String departmentId;
+
+    @Schema(description = "归属部门名称")
+    private String departmentName;
+
+    @Schema(description = "创建时间")
+    private Long collectionTime;
+
+    @Schema(description = "剩余归属天数")
+    private Integer reservedDays;
+
+    @Schema(description = "最新跟进人")
+    private String follower;
+
+    @Schema(description = "最新跟进人名称")
+    private String followerName;
+
+    @Schema(description = "最新跟进日期")
+    private Long followTime;
+
+    @Schema(description = "默认回收公海名称")
+    private String recyclePoolName;
+
+    @Schema(description = "失败原因ID")
+    private String reasonId;
+
+    @Schema(description = "失败原因ID")
+    private String reasonName;
+
+    @Schema(description = "自定义字段")
+    private List<BaseModuleFieldValue> moduleFields;
+
+    @Schema(description = "协作类型(只读/协作),为空则不是协作人员")
+    private String collaborationType;
+
+    @Schema(description = "选项集合")
+    private Map<String, List<OptionDTO>> optionMap;
+
+    /**
+     * 附件集合
+     */
+    @Schema(description = "附件集合")
+    private Map<String, List<Attachment>> attachmentMap;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/response/CustomerListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/response/CustomerListResponse.java
new file mode 100644
index 0000000..82a2f1e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/response/CustomerListResponse.java
@@ -0,0 +1,90 @@
+package cn.cordys.crm.customer.dto.response;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Data
+public class CustomerListResponse {
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "客户名称")
+    private String name;
+
+    @Schema(description = "负责人")
+    private String owner;
+
+    @Schema(description = "负责人名称")
+    private String ownerName;
+
+    @Schema(description = "是否在公海池")
+    private Boolean inSharedPool;
+
+    @Schema(description = "创建人")
+    private String createUser;
+
+    @Schema(description = "修改人")
+    private String updateUser;
+
+    @Schema(description = "创建时间")
+    private Long createTime;
+
+    @Schema(description = "更新时间")
+    private Long updateTime;
+
+    @Schema(description = "创建人名称")
+    private String createUserName;
+
+    @Schema(description = "更新人名称")
+    private String updateUserName;
+
+    @Schema(description = "归属部门")
+    private String departmentId;
+
+    @Schema(description = "归属部门名称")
+    private String departmentName;
+
+    @Schema(description = "最近跟进时间")
+    private Long latestFollowUpTime;
+
+    @Schema(description = "创建时间")
+    private Long collectionTime;
+
+    @Schema(description = "剩余归属天数")
+    private Integer reservedDays;
+
+    @Schema(description = "最新跟进人")
+    private String follower;
+
+    @Schema(description = "最新跟进人名称")
+    private String followerName;
+
+    @Schema(description = "最新跟进日期")
+    private Long followTime;
+
+    @Schema(description = "公海ID")
+    private String poolId;
+
+    @Schema(description = "默认回收公海名称")
+    private String recyclePoolName;
+
+    @Schema(description = "失败原因ID")
+    private String reasonId;
+
+    @Schema(description = "失败原因ID")
+    private String reasonName;
+
+    @Schema(description = "自定义字段集合")
+    private List<BaseModuleFieldValue> moduleFields;
+
+    @Schema(description = "协作类型(只读/协作),为空则不是协作人员")
+    private String collaborationType;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/response/CustomerOwnerListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/response/CustomerOwnerListResponse.java
new file mode 100644
index 0000000..d2aa1a7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/response/CustomerOwnerListResponse.java
@@ -0,0 +1,29 @@
+package cn.cordys.crm.customer.dto.response;
+
+import cn.cordys.crm.customer.domain.CustomerOwner;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Data
+public class CustomerOwnerListResponse extends CustomerOwner {
+    @Schema(description = "操作人名称")
+    private String operatorName;
+
+    @Schema(description = "责任人名称")
+    private String ownerName;
+
+    @Schema(description = "归属部门")
+    private String departmentId;
+
+    @Schema(description = "归属部门名称")
+    private String departmentName;
+
+    @Schema(description = "回收原因名称")
+    private String reasonName;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/response/CustomerRelationListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/response/CustomerRelationListResponse.java
new file mode 100644
index 0000000..3d0faf7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/response/CustomerRelationListResponse.java
@@ -0,0 +1,24 @@
+package cn.cordys.crm.customer.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Data
+public class CustomerRelationListResponse {
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "客户ID")
+    private String customerId;
+
+    @Schema(description = "客户名称")
+    private String customerName;
+
+    @Schema(description = "关系类型")
+    private String relationType;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/dto/response/PoolCustomerResponse.java b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/response/PoolCustomerResponse.java
new file mode 100644
index 0000000..b6687ad
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/dto/response/PoolCustomerResponse.java
@@ -0,0 +1,9 @@
+package cn.cordys.crm.customer.dto.response;
+
+import lombok.Data;
+
+@Data
+public class PoolCustomerResponse {
+
+    private String customerName;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/mapper/ExtCustomerCapacityMapper.java b/backend/crm/src/main/java/cn/cordys/crm/customer/mapper/ExtCustomerCapacityMapper.java
new file mode 100644
index 0000000..c7e4055
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/mapper/ExtCustomerCapacityMapper.java
@@ -0,0 +1,26 @@
+package cn.cordys.crm.customer.mapper;
+
+import cn.cordys.crm.customer.domain.CustomerCapacity;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtCustomerCapacityMapper {
+
+    /**
+     * 获取容量
+     *
+     * @param scopeIds       范围ID集合
+     * @param organizationId 组织ID
+     *
+     * @return 容量
+     */
+    CustomerCapacity getCapacityByScopeIds(@Param("ids") List<String> scopeIds, @Param("orgId") String organizationId);
+
+    /**
+     * 更新容量
+     *
+     * @param capacity 容量
+     */
+    void updateCapacity(@Param("capacity") CustomerCapacity capacity);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/mapper/ExtCustomerCapacityMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/customer/mapper/ExtCustomerCapacityMapper.xml
new file mode 100644
index 0000000..f923b4a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/mapper/ExtCustomerCapacityMapper.xml
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.customer.mapper.ExtCustomerCapacityMapper">
+    <select id="getCapacityByScopeIds" resultType="cn.cordys.crm.customer.domain.CustomerCapacity">
+        select * from customer_capacity where
+        <foreach collection="ids" item="id" separator="or">
+           scope_id like concat('%', #{id}, '%')
+        </foreach>
+        order by create_time desc limit 1
+    </select>
+
+    <update id="updateCapacity" parameterType="cn.cordys.crm.customer.domain.CustomerCapacity">
+        update customer_capacity
+        <set>
+            <if test="capacity.scopeId != null">
+                scope_id = #{capacity.scopeId},
+            </if>
+            <if test="capacity.filter != null">
+                filter = #{capacity.filter},
+            </if>
+            <if test="capacity.updateUser != null">
+                update_user = #{capacity.updateUser},
+            </if>
+            <if test="capacity.updateTime != null">
+                update_time = #{capacity.updateTime},
+            </if>
+            capacity = #{capacity.capacity},
+        </set>
+        <where>
+            id = #{capacity.id}
+        </where>
+    </update>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/mapper/ExtCustomerContactMapper.java b/backend/crm/src/main/java/cn/cordys/crm/customer/mapper/ExtCustomerContactMapper.java
new file mode 100644
index 0000000..e5ef477
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/mapper/ExtCustomerContactMapper.java
@@ -0,0 +1,95 @@
+package cn.cordys.crm.customer.mapper;
+
+import cn.cordys.common.dto.*;
+import cn.cordys.common.dto.chart.ChartResult;
+import cn.cordys.crm.customer.domain.CustomerContact;
+import cn.cordys.crm.customer.dto.request.ContactUniqueRequest;
+import cn.cordys.crm.customer.dto.request.CustomerContactPageRequest;
+import cn.cordys.crm.customer.dto.request.CustomerMergeRequest;
+import cn.cordys.crm.customer.dto.response.CustomerContactListResponse;
+import cn.cordys.crm.home.dto.request.HomeStatisticSearchWrapperRequest;
+import cn.cordys.crm.search.response.advanced.AdvancedCustomerContactResponse;
+import cn.cordys.crm.search.response.global.GlobalCustomerContactResponse;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+/**
+ * @author jianxing
+ * @date 2025-02-24 11:06:10
+ */
+public interface ExtCustomerContactMapper {
+
+    List<CustomerContactListResponse> list(@Param("request") CustomerContactPageRequest request, @Param("userId") String userId, @Param("orgId") String orgId,
+                                           @Param("dataPermission") DeptDataPermissionDTO dataPermission);
+
+    List<OptionDTO> selectContactOptionByIds(List<String> contactIds);
+
+    List<CustomerContactListResponse> listByCustomerId(@Param("customerId") String customerId);
+
+    List<CustomerContactListResponse> getById(@Param("id") String id);
+
+    List<OptionDTO> selectContactPhoneOptionByIds(@Param("contactIds") List<String> contactIds);
+
+    List<AdvancedCustomerContactResponse> getSimilarContactList(@Param("request") CustomerContactPageRequest request, @Param("userId") String userId, @Param("orgId") String organizationId);
+
+    /**
+     * 获取联系人数量(唯一性校验)
+     *
+     * @param uniqueRequest 请求参数
+     * @param customerId    客户ID
+     * @param orgId         组织ID
+     *
+     * @return 联系人数量
+     */
+    long getUniqueContactCount(@Param("request") ContactUniqueRequest uniqueRequest, @Param("customerId") String customerId, @Param("orgId") String orgId);
+
+    Long getNewContactCount(@Param("request") HomeStatisticSearchWrapperRequest request);
+
+    void updateContactOwner(@Param("customerId") String customerId, @Param("newOwner") String newOwner, @Param("oldOwner") String oldOwner, @Param("orgId") String orgId);
+
+    /**
+     * 更新公海联系人负责人
+     *
+     * @param customerId 客户ID
+     * @param newOwner   新负责人
+     * @param oldOwner   旧负责人
+     * @param orgId      组织ID
+     */
+    void updatePoolContactOwner(@Param("customerId") String customerId, @Param("newOwner") String newOwner, @Param("oldOwner") String oldOwner, @Param("orgId") String orgId);
+
+    void updateContactById(@Param("id") String id, @Param("owner") String owner);
+
+    List<CustomerContactListResponse> getListByIds(@Param("ids") List<String> ids);
+
+    List<OptionDTO> getContactOptions(@Param("keyword") String keyword, @Param("orgId") String orgId);
+
+    List<GlobalCustomerContactResponse> globalSearchList(@Param("request") BasePageRequest request, @Param("orgId") String orgId);
+
+    long globalSearchListCount(@Param("request") BasePageRequest request, @Param("orgId") String orgId);
+
+    void batchUpdate(@Param("request") BatchUpdateDbParam request);
+
+    /**
+     * 批量合并客户联系人
+     *
+     * @param request 请求参数
+     * @param userId  用户ID
+     * @param orgId   组织ID
+     */
+    void batchMerge(@Param("request") CustomerMergeRequest request, @Param("userId") String userId, @Param("orgId") String orgId,
+                    @Param("names") List<String> names, @Param("phones") List<String> phones);
+
+    /**
+     * 获取待合并的客户联系人列表
+     *
+     * @param request 请求参数
+     * @param orgId   组织ID
+     *
+     * @return 客户联系人列表
+     */
+    List<CustomerContact> getMergeContactList(@Param("request") CustomerMergeRequest request, @Param("orgId") String orgId);
+
+    List<ChartResult> chart(@Param("request") ChartAnalysisDbRequest request, @Param("userId") String userId, @Param("orgId") String orgId,
+                            @Param("dataPermission") DeptDataPermissionDTO dataPermission);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/mapper/ExtCustomerContactMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/customer/mapper/ExtCustomerContactMapper.xml
new file mode 100644
index 0000000..aca4ef3
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/mapper/ExtCustomerContactMapper.xml
@@ -0,0 +1,569 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.customer.mapper.ExtCustomerContactMapper">
+
+    <select id="list" resultType="cn.cordys.crm.customer.dto.response.CustomerContactListResponse">
+        select cc.id, cc.customer_id, cc.name, cc.create_time, cc.update_time, cc.create_user, cc.update_user,
+               cc.enable, cc.owner, cc.disable_reason, cc.phone
+
+        from customer_contact cc
+
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.filters"/>
+            <property name="tablePrefix" value="filter"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.viewCombineSearch.conditions"/>
+            <property name="tablePrefix" value="viewCombine"/>
+        </include>
+        <include refid="fieldSortJoin">
+            <property name="sort" value="request.sort"/>
+        </include>
+
+        <if test="dataPermission != null and dataPermission.deptIds.size() > 0">
+            join sys_organization_user sou on cc.owner = sou.user_id
+            and (
+                sou.department_id in
+                <foreach collection="dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                    #{deptId}
+                </foreach>
+                or sou.user_id = #{userId}
+            )
+        </if>
+
+        where cc.organization_id = #{orgId}
+
+        <if test="request.keyword != null and request.keyword != ''">
+            and (cc.name like concat('%', #{request.keyword},'%') or cc.phone like concat('%', #{request.keyword},'%'))
+        </if>
+
+        <if test="dataPermission != null and dataPermission.self">
+            and cc.owner = #{userId}
+        </if>
+
+        <include refid="filters">
+            <property name="filters" value="request.filters"/>
+        </include>
+
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+        <include refid="viewCombine">
+            <property name="combineSearch" value="request.viewCombineSearch"/>
+        </include>
+
+        <include refid="sort">
+            <property name="sort" value="request.sort"/>
+        </include>
+    </select>
+
+    <select id="chart" resultType="cn.cordys.common.dto.chart.ChartResult">
+        select
+        <include refid="cn.cordys.common.mapper.CommonMapper.chartSelect">
+            <property name="mainTable" value="cc"/>
+        </include>
+
+        from customer_contact cc
+
+        <if test="dataPermission != null and dataPermission.deptIds.size() > 0">
+            join sys_organization_user sou on cc.owner = sou.user_id
+            and (
+            sou.department_id in
+            <foreach collection="dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                #{deptId}
+            </foreach>
+            or sou.user_id = #{userId}
+            )
+        </if>
+
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.filterCondition.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.viewFilterCondition.conditions"/>
+            <property name="tablePrefix" value="viewCombine"/>
+        </include>
+
+        <include refid="cn.cordys.common.mapper.CommonMapper.chartAxisJoin">
+            <property name="axisParam" value="request.categoryAxisParam"/>
+            <property name="tablePrefix" value="categoryAxis"/>
+            <property name="mainTable" value="customer_contact"/>
+            <property name="mainTablePrefix" value="cc"/>
+        </include>
+        <include refid="cn.cordys.common.mapper.CommonMapper.chartAxisJoin">
+            <property name="axisParam" value="request.valueAxisParam"/>
+            <property name="tablePrefix" value="valueAxis"/>
+            <property name="mainTable" value="customer_contact"/>
+            <property name="mainTablePrefix" value="cc"/>
+        </include>
+        <if test="request.subCategoryAxisParam != null">
+            <include refid="cn.cordys.common.mapper.CommonMapper.chartAxisJoin">
+                <property name="axisParam" value="request.subCategoryAxisParam"/>
+                <property name="tablePrefix" value="subCategoryAxis"/>
+                <property name="mainTable" value="customer_contact"/>
+                <property name="mainTablePrefix" value="cc"/>
+            </include>
+        </if>
+
+        where cc.organization_id = #{orgId}
+
+        <if test="dataPermission != null and dataPermission.self">
+            and cc.owner = #{userId}
+        </if>
+
+        <include refid="combine">
+            <property name="combineSearch" value="request.filterCondition"/>
+        </include>
+        <include refid="viewCombine">
+            <property name="combineSearch" value="request.viewFilterCondition"/>
+        </include>
+
+        <include refid="cn.cordys.common.mapper.CommonMapper.chartGroupBy">
+            <property name="mainTable" value="cc"/>
+        </include>
+    </select>
+
+    <sql id="sort">
+        <choose>
+            <when test="${sort} != null and ${sort}.valid()">
+                <bind name="sortType" value="${sort}.type" />
+                <bind name="sortName" value="${sort}.name" />
+                order by
+                <choose>
+                    <when test="${sort}.name == 'department_id'">
+                        sort_table.department_id ${sortType},  cc.id ASC
+                    </when>
+                    <when test="${sort}.name == 'customer_id'">
+                        sort_table.name ${sortType},  cc.id ASC
+                    </when>
+                    <when test="${sort}.name in
+                        {'name', 'owner', 'create_time', 'update_time', 'phone', 'create_user', 'update_user', 'enable'}">
+                        cc.${sortName} ${sortType},  cc.id ASC
+                    </when>
+                    <otherwise>
+                        CASE
+                        WHEN module_table.type = 'INPUT_NUMBER' OR module_table.type = 'FORMULA'
+                        THEN sort_table.field_value+0
+                        END ${sortType},
+                        sort_table.field_value ${sortType},
+                        cc.id ${sortType}
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                order by cc.create_time desc, cc.id asc
+            </otherwise>
+        </choose>
+    </sql>
+
+    <sql id="fieldConditionJoin">
+        <if test="${conditions} != null and ${conditions}.size() > 0">
+            <foreach collection="${conditions}" item="condition" index="i">
+                <choose>
+                    <when test="condition.refFiled">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.refFieldConditionJoin">
+                            <property name="condition" value="condition"/>
+                            <property name="mainTable" value="customer_contact"/>
+                            <property name="mainTableAlias" value="cc"/>
+                            <property name="fieldTable" value="${tablePrefix}_${i}"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <if test="condition.name not in
+                            {'name', 'owner', 'createTime', 'updateTime', 'enable', 'customerId', 'createUser', 'updateUser', 'departmentId', 'phone'}">
+                            <if test="condition.blob">
+                                left join customer_contact_field_blob ${tablePrefix}_${i}
+                                on cc.id = ${tablePrefix}_${i}.resource_id and ${tablePrefix}_${i}.field_id = #{condition.name}
+                            </if>
+                            <if test="!condition.blob">
+                                left join customer_contact_field ${tablePrefix}_${i}
+                                on cc.id = ${tablePrefix}_${i}.resource_id and ${tablePrefix}_${i}.field_id = #{condition.name}
+                            </if>
+                        </if>
+                        <if test="condition.name == 'departmentId'">
+                            left join sys_organization_user ${tablePrefix}_${i}
+                            on ${tablePrefix}_${i}.user_id = cc.owner
+                        </if>
+                    </otherwise>
+                </choose>
+            </foreach>
+        </if>
+    </sql>
+
+    <sql id="fieldSortJoin">
+        <if test="${sort} != null and ${sort}.name not in
+             {'name', 'owner', 'create_time', 'update_time', 'phone', 'create_user', 'update_user', 'department_id', 'enable', 'customer_id'}">
+            <bind name="sortName" value="${sort}.name"/>
+            left join customer_contact_field sort_table
+            on cc.id = sort_table.resource_id and sort_table.field_id = #{sortName}
+            left join sys_module_field module_table on sort_table.field_id = module_table.id
+        </if>
+        <if test="${sort}.name == 'department_id'">
+            left join sys_organization_user sort_table
+            on sort_table.user_id = cc.owner
+        </if>
+        <if test="${sort}.name == 'customer_id'">
+            left join customer sort_table
+            on sort_table.id = cc.customer_id
+        </if>
+    </sql>
+
+    <sql id="filters">
+        <if test="${filters} != null and ${filters}.size() > 0">
+            <trim prefix="and">
+                <foreach collection="${filters}" item="condition" open="(" close=")" index="i" separator="and">
+                    <include refid="condition">
+                        <property name="condition" value="condition"/>
+                        <property name="fieldTable" value="filter_${i}.field_value"/>
+                        <property name="table" value="filter_${i}"/>
+                    </include>
+                </foreach>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="combine">
+        <if test="${combineSearch} != null and ${combineSearch}.conditions != null and ${combineSearch}.conditions.size() > 0">
+            <trim prefix="and">
+                <trim prefix="(" suffix=")" suffixOverrides="and|or">
+                    <foreach collection="${combineSearch}.conditions" index="i" item="condition">
+                        <include refid="condition">
+                            <property name="condition" value="condition"/>
+                            <property name="fieldTable" value="combine_${i}.field_value"/>
+                            <property name="table" value="combine_${i}"/>
+                        </include>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.searchMode">
+                            <property name="searchMode" value="${combineSearch}.searchMode"/>
+                        </include>
+                    </foreach>
+                </trim>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="viewCombine">
+        <if test="${combineSearch} != null and ${combineSearch}.conditions != null and ${combineSearch}.conditions.size() > 0">
+            <trim prefix="and">
+                <trim prefix="(" suffix=")" suffixOverrides="and|or">
+                    <foreach collection="${combineSearch}.conditions" index="i" item="condition">
+                        <include refid="condition">
+                            <property name="condition" value="condition"/>
+                            <property name="fieldTable" value="viewCombine_${i}.field_value"/>
+                            <property name="table" value="viewCombine_${i}"/>
+                        </include>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.searchMode">
+                            <property name="searchMode" value="${combineSearch}.searchMode"/>
+                        </include>
+                    </foreach>
+                </trim>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="condition">
+        <choose>
+            <when test="condition.refFiled">
+                <choose>
+                    <when test="!condition.customField">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${table}.${condition.name}"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${fieldTable}"/>
+                        </include>
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                <choose>
+                    <when test="condition.name == 'name'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cc.name"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'customerId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cc.customer_id"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'owner'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cc.owner"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'enable'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cc.enable"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'createTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cc.create_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'updateTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cc.update_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'createUser'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cc.create_user"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'updateUser'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cc.update_user"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'departmentId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${table}.department_id"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'phone'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cc.phone"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${fieldTable}"/>
+                        </include>
+                    </otherwise>
+                </choose>
+            </otherwise>
+        </choose>
+    </sql>
+
+    <select id="selectContactOptionByIds" resultType="cn.cordys.common.dto.OptionDTO">
+        SELECT id, name
+        FROM customer_contact
+        WHERE id IN
+        <foreach collection="contactIds" item="id" index="index"
+                 open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </select>
+
+    <select id="listByCustomerId" resultType="cn.cordys.crm.customer.dto.response.CustomerContactListResponse">
+        select cc.id, cc.customer_id, cc.name, cc.create_time, cc.update_time, cc.create_user, cc.update_user,
+        cc.enable, cc.owner, cc.disable_reason, cc.phone
+        from customer_contact cc
+        where cc.customer_id = #{customerId}
+    </select>
+
+    <select id="getById" resultType="cn.cordys.crm.customer.dto.response.CustomerContactListResponse">
+        select cc.id, cc.customer_id, cc.name, cc.create_time, cc.update_time, cc.create_user, cc.update_user,
+               cc.enable, cc.owner, cc.disable_reason, cc.phone
+        from customer_contact cc
+        where cc.id = #{id}
+    </select>
+
+
+    <select id="selectContactPhoneOptionByIds" resultType="cn.cordys.common.dto.OptionDTO">
+        SELECT id, ifnull(phone, '') as name
+        FROM customer_contact
+        WHERE id IN
+        <foreach collection="contactIds" item="id" index="index"
+                 open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </select>
+    <select id="getSimilarContactList"
+            resultType="cn.cordys.crm.search.response.advanced.AdvancedCustomerContactResponse">
+        select cc.id, cc.customer_id, cc.name, cc.create_time,
+               cc.enable, cc.owner, cc.phone, su.name as ownerName, c.name as customerName
+        from customer_contact cc
+                 left join sys_user su on cc.owner = su.id
+                 left join customer c on cc.customer_id = c.id
+        where cc.organization_id = #{orgId} and cc.phone = #{name}
+    </select>
+
+    <select id="getUniqueContactCount" resultType="java.lang.Long">
+        select count(*) from customer_contact cc
+        where cc.organization_id = #{orgId}
+        <trim prefix="and (" suffix=")" prefixOverrides="or">
+            <if test="request.nameUnique != null and request.nameUnique">
+                or (cc.name = #{request.name} and cc.name != '')
+            </if>
+            <if test="request.phoneUnique != null and request.phoneUnique">
+                or (cc.phone = #{request.phone} and cc.phone is not null and cc.phone != '')
+            </if>
+        </trim>
+    </select>
+    <select id="getNewContactCount" resultType="java.lang.Long">
+        select count(*) from customer_contact c
+
+        <if test="request.dataPermission != null and request.dataPermission.deptIds.size() > 0">
+            join sys_organization_user sou on c.owner = sou.user_id
+            and (
+                sou.department_id in
+                <foreach collection="request.dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                    #{deptId}
+                </foreach>
+                <if test="request.dataPermission.viewId == 'ALL'">
+                    or sou.user_id = #{request.userId}
+                </if>
+            )
+        </if>
+
+        where c.organization_id = #{request.orgId}
+        <if test="request.startTime != null and request.endTime != null">
+            and c.create_time &gt;= #{request.startTime} and c.create_time &lt;= #{request.endTime}
+        </if>
+
+        <if test="request.dataPermission != null and request.dataPermission.self">
+            and c.owner = #{request.userId}
+        </if>
+    </select>
+
+    <update id="updateContactOwner">
+        update customer_contact
+        set owner = #{newOwner}
+        where owner = #{oldOwner}
+        and customer_id = #{customerId}
+        and organization_id = #{orgId}
+    </update>
+
+    <update id="updatePoolContactOwner">
+        update customer_contact cc
+        left join sys_user su on cc.owner = su.id
+        set cc.owner = #{newOwner}
+        where (cc.owner = #{oldOwner} or cc.owner = '' or su.id is null)
+          and customer_id = #{customerId}
+          and organization_id = #{orgId}
+    </update>
+
+    <update id="updateContactById">
+        update customer_contact
+        set owner = #{owner}
+        where id = #{id}
+    </update>
+
+
+    <select id="getListByIds" resultType="cn.cordys.crm.customer.dto.response.CustomerContactListResponse">
+        select cc.id, cc.customer_id, cc.name, cc.create_time, cc.update_time, cc.create_user, cc.update_user,
+        cc.enable, cc.owner, cc.disable_reason, cc.phone
+
+        from customer_contact cc
+        where cc.id in
+        <foreach collection="ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+        order by cc.create_time desc
+
+    </select>
+
+    <select id="getContactOptions" resultType="cn.cordys.common.dto.OptionDTO">
+        select id, name
+        from customer_contact
+        where
+        organization_id = #{orgId}
+        <if test="keyword != null and keyword != ''">
+            and name like concat('%', #{keyword},'%')
+        </if>
+
+    </select>
+
+    <select id="globalSearchList" resultType="cn.cordys.crm.search.response.global.GlobalCustomerContactResponse">
+    select cc.id, cc.customer_id, cc.name, cc.create_time, cc.owner, cc.phone,  c.NAME AS customerName, c.in_shared_pool as inSharedPool, c.pool_id as poolId
+    from customer_contact cc  LEFT JOIN customer c ON cc.customer_id = c.id
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        where cc.organization_id = #{orgId}
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+    </select>
+
+    <select id="globalSearchListCount" resultType="java.lang.Long">
+        select count(1)
+        from customer_contact cc
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        where cc.organization_id = #{orgId}
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+    </select>
+
+    <update id="batchUpdate">
+        UPDATE customer_contact
+        <set>
+            <if test="request.fieldName == 'owner'">
+                owner = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'name'">
+                name = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'phone'">
+                phone = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'customerId'">
+                customer_id = #{request.fieldValue},
+            </if>
+            update_time = #{request.updateTime},
+            update_user = #{request.updateUser}
+        </set>
+        WHERE id IN
+        <foreach collection="request.ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </update>
+
+    <update id="batchMerge" parameterType="cn.cordys.crm.customer.dto.request.CustomerMergeRequest">
+        update customer_contact set customer_id = #{request.toMergeId}, update_time = unix_timestamp() * 1000, update_user = #{userId}
+        where customer_id in
+        <foreach collection="request.mergeIds" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+        <if test="names != null and names.size() > 0">
+            and name not in
+            <foreach collection="names" item="name" open="(" close=")" separator=",">
+                #{name}
+            </foreach>
+        </if>
+        <if test="phones != null and phones.size() > 0">
+            and phone not in
+            <foreach collection="phones" item="phone" open="(" close=")" separator=",">
+                #{phone}
+            </foreach>
+        </if>
+        and organization_id = #{orgId}
+    </update>
+
+    <select id="getMergeContactList" resultType="cn.cordys.crm.customer.domain.CustomerContact">
+        select id, customer_id, name from customer_contact
+        where customer_id in
+        <foreach collection="request.mergeIds" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+        and organization_id = #{orgId}
+    </select>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/mapper/ExtCustomerMapper.java b/backend/crm/src/main/java/cn/cordys/crm/customer/mapper/ExtCustomerMapper.java
new file mode 100644
index 0000000..19f79ad
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/mapper/ExtCustomerMapper.java
@@ -0,0 +1,98 @@
+package cn.cordys.crm.customer.mapper;
+
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.common.dto.BatchUpdateDbParam;
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.dto.chart.ChartResult;
+import cn.cordys.crm.customer.domain.Customer;
+import cn.cordys.crm.customer.dto.request.CustomerBatchTransferRequest;
+import cn.cordys.crm.customer.dto.request.CustomerChartAnalysisDbRequest;
+import cn.cordys.crm.customer.dto.request.CustomerPageRequest;
+import cn.cordys.crm.customer.dto.response.CustomerListResponse;
+import cn.cordys.crm.home.dto.request.HomeStatisticSearchWrapperRequest;
+import cn.cordys.crm.search.response.advanced.AdvancedCustomerPoolResponse;
+import cn.cordys.crm.search.response.advanced.AdvancedCustomerResponse;
+import cn.cordys.crm.search.response.global.GlobalCustomerPoolResponse;
+import cn.cordys.crm.search.response.global.GlobalCustomerResponse;
+import cn.cordys.crm.system.dto.FilterConditionDTO;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 17:42:41
+ */
+public interface ExtCustomerMapper {
+
+    List<CustomerListResponse> list(@Param("request") CustomerPageRequest request, @Param("orgId") String orgId,
+                                    @Param("userId") String userId, @Param("dataPermission") DeptDataPermissionDTO deptDataPermission);
+
+    List<CustomerListResponse> sourceList(@Param("request") CustomerPageRequest request, @Param("orgId") String orgId,
+                                          @Param("userId") String userId, @Param("dataPermission") DeptDataPermissionDTO deptDataPermission);
+
+    List<OptionDTO> selectOptionByIds(@Param("ids") List<String> ids);
+
+    void batchTransfer(@Param("request") CustomerBatchTransferRequest request, @Param("userId") String userId);
+
+    List<AdvancedCustomerResponse> checkRepeatCustomer(@Param("request") CustomerPageRequest request, @Param("orgId") String orgId,
+                                                       @Param("userId") String userId);
+
+    int countByOwner(@Param("owner") String owner);
+
+    /**
+     * 移入公海
+     *
+     * @param customer 客户
+     */
+    void moveToPool(@Param("customer") Customer customer);
+
+    List<OptionDTO> getCustomerOptions(@Param("keyword") String keyword, @Param("orgId") String orgId);
+
+    List<OptionDTO> getCustomerOptionsByIds(@Param("ids") List<String> ids);
+
+    boolean hasRefOpportunity(@Param("ids") List<String> ids);
+
+    boolean hasRefContact(@Param("ids") List<String> ids);
+
+    /**
+     * 查询负责人过滤条件下的客户数量
+     *
+     * @param ownerId 负责人ID
+     * @param filters 过滤条件集合
+     *
+     * @return 客户数量
+     */
+    long filterOwnerCount(@Param("ownerId") String ownerId, @Param("filters") List<FilterConditionDTO> filters);
+
+    List<CustomerListResponse> getListByIds(@Param("ids") List<String> ids);
+
+    Long selectCustomerCount(@Param("request") HomeStatisticSearchWrapperRequest request, @Param("unfollowed") boolean unfollowed);
+
+    List<AdvancedCustomerPoolResponse> customerPoolList(@Param("request") BasePageRequest request, @Param("orgId") String orgId);
+
+    List<GlobalCustomerPoolResponse> globalPoolSearchList(@Param("request") BasePageRequest request, @Param("orgId") String orgId);
+
+    long globalPoolSearchListCount(@Param("request") BasePageRequest request, @Param("orgId") String orgId);
+
+
+    List<GlobalCustomerResponse> globalSearchList(@Param("request") BasePageRequest request, @Param("orgId") String orgId);
+
+    long globalSearchListCount(@Param("request") BasePageRequest request, @Param("orgId") String orgId);
+
+    /**
+     * 根据ID全量更新客户信息
+     *
+     * @param customer 客户
+     */
+    void updateIncludeNullById(@Param("customer") Customer customer);
+
+    void batchUpdate(@Param("request") BatchUpdateDbParam request);
+
+    List<OptionDTO> getCustomerPoolId(@Param("ids") List<String> ids);
+
+    List<ChartResult> chart(@Param("request") CustomerChartAnalysisDbRequest request, @Param("userId") String userId, @Param("orgId") String orgId,
+                            @Param("dataPermission") DeptDataPermissionDTO dataPermission);
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/mapper/ExtCustomerMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/customer/mapper/ExtCustomerMapper.xml
new file mode 100644
index 0000000..83267db
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/mapper/ExtCustomerMapper.xml
@@ -0,0 +1,771 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.customer.mapper.ExtCustomerMapper">
+    <update id="batchTransfer">
+        update customer
+        set owner = #{request.owner},
+            customer.collection_time = ${@java.lang.System@currentTimeMillis()},
+            customer.update_time = ${@java.lang.System@currentTimeMillis()}, customer.update_user = #{userId}
+        where owner != #{request.owner} and id in
+        <foreach collection="request.ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </update>
+
+    <select id="list" resultType="cn.cordys.crm.customer.dto.response.CustomerListResponse">
+        select c.id, c.`name`, if(c.in_shared_pool, null, c.owner) as owner, c.create_time, c.update_time, c.create_user, c.update_user, c.collection_time, c.pool_id,
+               c.follower, c.follow_time, c.reason_id
+                <if test="dataPermission != null and dataPermission.visible">
+                    ,cc.collaboration_type
+                </if>
+        from customer c
+
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.filters"/>
+            <property name="tablePrefix" value="filter"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.viewCombineSearch.conditions"/>
+            <property name="tablePrefix" value="viewCombine"/>
+        </include>
+        <include refid="fieldSortJoin">
+            <property name="sort" value="request.sort"/>
+        </include>
+
+        <if test="dataPermission != null and dataPermission.deptIds.size() > 0">
+            join sys_organization_user sou on c.owner = sou.user_id
+            and (
+                sou.department_id in
+                <foreach collection="dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                    #{deptId}
+                </foreach>
+                <if test="dataPermission.viewId != 'DEPARTMENT'">
+                    or sou.user_id = #{userId}
+                </if>
+            )
+        </if>
+
+        <if test="dataPermission != null and dataPermission.visible">
+            join customer_collaboration cc on c.id = cc.customer_id
+            and cc.user_id = #{userId}
+        </if>
+
+        <if test="request.transition and !request.transitionDataPermission.all">
+            join (
+                select c.id from customer c
+                left join customer_collaboration cc on c.id = cc.customer_id
+                left join sys_organization_user sou on c.owner = sou.user_id
+                where cc.user_id = #{userId}
+                <if test="request.transitionDataPermission != null and request.transitionDataPermission.deptIds.size() > 0">
+                    or sou.department_id in
+                    <foreach collection="request.transitionDataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                        #{deptId}
+                    </foreach>
+                </if>
+                <if test="request.transitionDataPermission != null and request.transitionDataPermission.self">
+                    or c.owner = #{userId}
+                </if>
+                <if test="request.transitionPoolIds != null and request.transitionPoolIds.size()> 0">
+                    or (
+                    c.in_shared_pool is true and c.pool_id in
+                    <foreach collection="request.transitionPoolIds" item="poolId" open="(" close=")" separator=",">
+                        #{poolId}
+                    </foreach>
+                    )
+                </if>
+                group by c.id
+            ) t on c.id = t.id
+        </if>
+
+        where c.organization_id = #{orgId}
+
+        <if test="request.poolId == null and !request.transition">
+            and c.in_shared_pool is false
+        </if>
+
+        <if test="request.poolId != null and !request.transition">
+            and c.in_shared_pool is true and c.pool_id = #{request.poolId}
+        </if>
+
+        <if test="dataPermission != null and dataPermission.self">
+            and c.owner = #{userId}
+        </if>
+
+        <if test="request.keyword != null and request.keyword != ''">
+            and c.name like concat('%', #{request.keyword},'%')
+        </if>
+
+        <include refid="filters">
+            <property name="filters" value="request.filters"/>
+        </include>
+
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+        <include refid="viewCombine">
+            <property name="combineSearch" value="request.viewCombineSearch"/>
+        </include>
+
+        <include refid="sort">
+            <property name="sort" value="request.sort"/>
+        </include>
+    </select>
+
+    <select id="chart" resultType="cn.cordys.common.dto.chart.ChartResult">
+        select
+        <include refid="cn.cordys.common.mapper.CommonMapper.chartSelect">
+            <property name="mainTable" value="c"/>
+        </include>
+
+        from customer c
+
+        <if test="dataPermission != null and dataPermission.deptIds.size() > 0">
+            join sys_organization_user sou on c.owner = sou.user_id
+            and (
+            sou.department_id in
+            <foreach collection="dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                #{deptId}
+            </foreach>
+            or sou.user_id = #{userId}
+            )
+        </if>
+
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.filterCondition.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.viewFilterCondition.conditions"/>
+            <property name="tablePrefix" value="viewCombine"/>
+        </include>
+
+        <include refid="cn.cordys.common.mapper.CommonMapper.chartAxisJoin">
+            <property name="axisParam" value="request.categoryAxisParam"/>
+            <property name="tablePrefix" value="categoryAxis"/>
+            <property name="mainTable" value="customer"/>
+            <property name="mainTablePrefix" value="c"/>
+        </include>
+        <include refid="cn.cordys.common.mapper.CommonMapper.chartAxisJoin">
+            <property name="axisParam" value="request.valueAxisParam"/>
+            <property name="tablePrefix" value="valueAxis"/>
+            <property name="mainTable" value="customer"/>
+            <property name="mainTablePrefix" value="c"/>
+        </include>
+        <if test="request.subCategoryAxisParam != null">
+            <include refid="cn.cordys.common.mapper.CommonMapper.chartAxisJoin">
+                <property name="axisParam" value="request.subCategoryAxisParam"/>
+                <property name="tablePrefix" value="subCategoryAxis"/>
+                <property name="mainTable" value="customer"/>
+                <property name="mainTablePrefix" value="c"/>
+            </include>
+        </if>
+
+        <if test="dataPermission != null and dataPermission.visible">
+            join customer_collaboration cc on c.id = cc.customer_id
+            and cc.user_id = #{userId}
+        </if>
+
+        where c.organization_id = #{orgId}
+
+        <if test="request.poolId == null or request.poolId == ''">
+            and c.in_shared_pool is false
+        </if>
+
+        <if test="request.poolId != null and request.poolId != ''">
+            and c.in_shared_pool is true and c.pool_id = #{request.poolId}
+        </if>
+
+        <if test="dataPermission != null and dataPermission.self">
+            and c.owner = #{userId}
+        </if>
+
+        <include refid="combine">
+            <property name="combineSearch" value="request.filterCondition"/>
+        </include>
+        <include refid="viewCombine">
+            <property name="combineSearch" value="request.viewFilterCondition"/>
+        </include>
+
+        <include refid="cn.cordys.common.mapper.CommonMapper.chartGroupBy">
+            <property name="mainTable" value="c"/>
+        </include>
+    </select>
+
+    <select id="sourceList" resultType="cn.cordys.crm.customer.dto.response.CustomerListResponse">
+        select distinct c.id, c.`name`, if(c.in_shared_pool, null, c.owner) as owner, c.create_time, c.update_time, c.create_user, c.update_user, c.collection_time, c.pool_id,
+        c.follower, c.follow_time, c.reason_id
+        from customer c left join customer_collaboration cc on c.id = cc.customer_id and cc.user_id = #{userId}
+
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.filters"/>
+            <property name="tablePrefix" value="filter"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        <include refid="fieldSortJoin">
+            <property name="sort" value="request.sort"/>
+        </include>
+
+        <if test="dataPermission != null and dataPermission.deptIds.size() > 0">
+            join sys_organization_user sou on c.owner = sou.user_id
+            and ( sou.department_id in
+                <foreach collection="dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                    #{deptId}
+                </foreach>
+                <if test="dataPermission.viewId == 'ALL'">
+                    or sou.user_id = #{userId}
+                </if>
+                or cc.id is not null
+            )
+        </if>
+
+        where c.organization_id = #{orgId} and c.in_shared_pool is false
+
+        <if test="dataPermission != null and dataPermission.self">
+            and (c.owner = #{userId} or cc.id is not null)
+        </if>
+
+        <if test="request.keyword != null and request.keyword != ''">
+            and c.name like concat('%', #{request.keyword},'%')
+        </if>
+
+        <include refid="filters">
+            <property name="filters" value="request.filters"/>
+        </include>
+
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+
+        <include refid="sort">
+            <property name="sort" value="request.sort"/>
+        </include>
+    </select>
+
+    <sql id="sort">
+        <choose>
+            <when test="${sort} != null and ${sort}.valid()">
+                <bind name="sortType" value="${sort}.type" />
+                <bind name="sortName" value="${sort}.name" />
+                order by
+                <choose>
+                    <when test="${sort}.name in
+                        {'name', 'owner', 'create_time', 'update_time', 'follower', 'follow_time', 'create_user', 'update_user', 'collection_time', 'reason_id'}">
+                        c.${sortName} ${sortType}, c.id ASC
+                    </when>
+                    <when test="${sort}.name == 'department_id'">
+                        sou_sort.${sortName} ${sortType}, c.id ASC
+                    </when>
+                    <otherwise>
+                        CASE
+                        WHEN module_table.type = 'INPUT_NUMBER' OR module_table.type = 'FORMULA'
+                        THEN sort_table.field_value+0
+                        END ${sortType},
+                        sort_table.field_value ${sortType},
+                        c.id ${sortType}
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                order by c.create_time desc, c.id asc
+            </otherwise>
+        </choose>
+    </sql>
+
+    <sql id="fieldConditionJoin">
+        <if test="${conditions} != null and ${conditions}.size() > 0">
+            <foreach collection="${conditions}" item="condition" index="i">
+                <choose>
+                    <when test="condition.refFiled">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.refFieldConditionJoin">
+                            <property name="condition" value="condition"/>
+                            <property name="mainTable" value="customer"/>
+                            <property name="mainTableAlias" value="c"/>
+                            <property name="fieldTable" value="${tablePrefix}_${i}"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <if test="condition.name not in
+                            {'name', 'owner', 'createTime', 'updateTime', 'follower', 'followTime', 'createUser', 'updateUser', 'departmentId'}">
+                            <if test="condition.blob">
+                                left join customer_field_blob ${tablePrefix}_${i}
+                                on c.id = ${tablePrefix}_${i}.resource_id and ${tablePrefix}_${i}.field_id = #{condition.name}
+                            </if>
+                            <if test="!condition.blob">
+                                left join customer_field ${tablePrefix}_${i}
+                                on c.id = ${tablePrefix}_${i}.resource_id and ${tablePrefix}_${i}.field_id = #{condition.name}
+                            </if>
+                        </if>
+                        <if test="condition.name == 'departmentId'">
+                            left join sys_organization_user ${tablePrefix}_${i}
+                            on ${tablePrefix}_${i}.user_id = c.owner
+                        </if>
+                    </otherwise>
+                </choose>
+            </foreach>
+        </if>
+    </sql>
+
+    <sql id="fieldSortJoin">
+        <if test="${sort} != null and ${sort}.valid()">
+            <bind name="sortName" value="${sort}.name"/>
+            <choose>
+                <when test="${sort}.name == 'department_id'">
+                    left join sys_organization_user sou_sort on c.owner = sou_sort.user_id
+                </when>
+                <when test="${sort}.name not in
+                    {'name', 'owner', 'create_time', 'update_time', 'follower', 'follow_time', 'create_user', 'update_user', 'collection_time', 'reason_id'}">
+                    left join customer_field sort_table
+                    on c.id = sort_table.resource_id and sort_table.field_id = #{sortName}
+                    left join sys_module_field module_table on sort_table.field_id = module_table.id
+                </when>
+            </choose>
+        </if>
+    </sql>
+
+    <sql id="filters">
+        <if test="${filters} != null and ${filters}.size() > 0">
+            <trim prefix="and">
+                <foreach collection="${filters}" item="condition" open="(" close=")" index="i" separator="and">
+                    <include refid="condition">
+                        <property name="condition" value="condition"/>
+                        <property name="fieldTable" value="filter_${i}.field_value"/>
+                        <property name="table" value="filter_${i}"/>
+                    </include>
+                </foreach>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="combine">
+        <if test="${combineSearch} != null and ${combineSearch}.conditions != null and ${combineSearch}.conditions.size() > 0">
+            <trim prefix="and">
+                <trim prefix="(" suffix=")" suffixOverrides="and|or">
+                    <foreach collection="${combineSearch}.conditions" index="i" item="condition">
+                        <include refid="condition">
+                            <property name="condition" value="condition"/>
+                            <property name="fieldTable" value="combine_${i}.field_value"/>
+                            <property name="table" value="combine_${i}"/>
+                        </include>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.searchMode">
+                            <property name="searchMode" value="${combineSearch}.searchMode"/>
+                        </include>
+                    </foreach>
+                </trim>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="viewCombine">
+        <if test="${combineSearch} != null and ${combineSearch}.conditions != null and ${combineSearch}.conditions.size() > 0">
+            <trim prefix="and">
+                <trim prefix="(" suffix=")" suffixOverrides="and|or">
+                    <foreach collection="${combineSearch}.conditions" index="i" item="condition">
+                        <include refid="condition">
+                            <property name="condition" value="condition"/>
+                            <property name="fieldTable" value="viewCombine_${i}.field_value"/>
+                            <property name="table" value="viewCombine_${i}"/>
+                        </include>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.searchMode">
+                            <property name="searchMode" value="${combineSearch}.searchMode"/>
+                        </include>
+                    </foreach>
+                </trim>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="condition">
+        <choose>
+            <when test="condition.refFiled">
+                <choose>
+                    <when test="!condition.customField">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${table}.${condition.name}"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${fieldTable}"/>
+                        </include>
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                <choose>
+                    <when test="condition.name == 'name'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="c.name"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'owner'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="c.owner"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'follower'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="c.follower"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'followTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="c.follow_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'createTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="c.create_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'updateTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="c.update_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'createUser'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="c.create_user"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'updateUser'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="c.update_user"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'departmentId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${table}.department_id"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'reasonId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="c.reason_id"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${fieldTable}"/>
+                        </include>
+                    </otherwise>
+                </choose>
+            </otherwise>
+        </choose>
+    </sql>
+
+    <select id="selectOptionByIds" resultType="cn.cordys.common.dto.OptionDTO">
+        select id, name
+        from customer
+        where id in
+        <foreach collection="ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </select>
+
+    <select id="checkRepeatCustomer" resultType="cn.cordys.crm.search.response.advanced.AdvancedCustomerResponse">
+        select c.id, c.`name`, if(c.in_shared_pool, null, c.owner) as owner, c.create_time, c.update_time, c.create_user, c.update_user, c.collection_time, c.pool_id,
+        c.follower, c.follow_time, c.reason_id
+        from customer c
+
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.filters"/>
+            <property name="tablePrefix" value="filter"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.viewCombineSearch.conditions"/>
+            <property name="tablePrefix" value="viewCombine"/>
+        </include>
+        <include refid="fieldSortJoin">
+            <property name="sort" value="request.sort"/>
+        </include>
+
+        where c.organization_id = #{orgId}
+
+        and c.in_shared_pool is false
+
+        <if test="request.keyword != null and request.keyword != ''">
+            and c.name like concat('%', #{request.keyword},'%')
+        </if>
+
+        <include refid="filters">
+            <property name="filters" value="request.filters"/>
+        </include>
+
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+        <include refid="viewCombine">
+            <property name="combineSearch" value="request.viewCombineSearch"/>
+        </include>
+
+        <include refid="sort">
+            <property name="sort" value="request.sort"/>
+        </include>
+    </select>
+
+
+    <select id="countByOwner" resultType="java.lang.Integer">
+        select count(id) from customer
+        where owner = #{owner}
+    </select>
+
+    <select id="getCustomerOptions" resultType="cn.cordys.common.dto.OptionDTO">
+        select id, name
+        from customer
+        where
+        organization_id = #{orgId}
+        <if test="keyword != null and keyword != ''">
+            and name like concat('%', #{keyword},'%')
+        </if>
+    </select>
+    <select id="getCustomerOptionsByIds" resultType="cn.cordys.common.dto.OptionDTO">
+        select id, name
+        from customer
+        where id in
+        <foreach collection="ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </select>
+
+    <update id="moveToPool" parameterType="cn.cordys.crm.customer.domain.Customer">
+        update customer set pool_id = #{customer.poolId}, in_shared_pool = #{customer.inSharedPool}, owner = #{customer.owner}, reason_id = #{customer.reasonId},
+                            collection_time = #{customer.collectionTime}, update_time = #{customer.updateTime}, update_user = #{customer.updateUser}
+        where id = #{customer.id}
+    </update>
+
+    <select id="hasRefOpportunity" resultType="java.lang.Boolean">
+        select count(1) from opportunity where customer_id in
+        <foreach collection="ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </select>
+
+    <select id="hasRefContact" resultType="java.lang.Boolean">
+        select count(1) from customer_contact where customer_id in
+        <foreach collection="ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </select>
+
+    <select id="filterOwnerCount" resultType="java.lang.Long">
+        select count(distinct c.id) from customer c
+        <if test="filters != null and filters.size > 0">
+            join opportunity o on c.id = o.customer_id and
+            <foreach collection="filters" item="filter" open="(" separator=" and " close=")">
+                <if test="filter.column == 'stage'">
+                    <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                        <property name="condition" value="filter"/>
+                        <property name="column" value="o.stage"/>
+                    </include>
+                </if>
+            </foreach>
+        </if>
+        where c.owner = #{ownerId}
+    </select>
+
+    <select id="getListByIds" resultType="cn.cordys.crm.customer.dto.response.CustomerListResponse">
+        select c.id, c.`name`, c.owner, c.create_time, c.update_time, c.create_user, c.update_user, c.collection_time, c.pool_id,
+               c.follower, c.follow_time, c.in_shared_pool, c.organization_id, c.reason_id
+        from customer c
+        where c.id in
+        <foreach collection="ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+        order by c.create_time desc
+    </select>
+    <select id="selectCustomerCount" resultType="java.lang.Long">
+        select count(*) from customer c
+
+        <if test="request.dataPermission != null and request.dataPermission.deptIds.size() > 0">
+            join sys_organization_user sou on c.owner = sou.user_id
+            and (
+            sou.department_id in
+                <foreach collection="request.dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                    #{deptId}
+                </foreach>
+                <if test="request.dataPermission.viewId == 'ALL'">
+                    or sou.user_id = #{request.userId}
+                </if>
+            )
+        </if>
+
+        <if test="unfollowed">
+            LEFT JOIN follow_up_record fur on c.id = fur.customer_id
+        </if>
+
+        where c.organization_id = #{request.orgId} and c.in_shared_pool is false
+        <if test="unfollowed">
+            and fur.id is null
+        </if>
+        <if test="request.startTime != null and request.endTime != null">
+            and c.create_time &gt;= #{request.startTime} and c.create_time &lt;= #{request.endTime}
+        </if>
+
+        <if test="request.dataPermission != null and request.dataPermission.self">
+            and c.owner = #{request.userId}
+        </if>
+    </select>
+
+
+    <select id="customerPoolList" resultType="cn.cordys.crm.search.response.advanced.AdvancedCustomerPoolResponse">
+        select c.id, c.`name`, if(c.in_shared_pool, null, c.owner) as owner, c.create_time, c.update_time, c.create_user, c.update_user, c.collection_time, c.pool_id,
+        c.follower, c.follow_time, c.reason_id
+        from customer c
+
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.filters"/>
+            <property name="tablePrefix" value="filter"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.viewCombineSearch.conditions"/>
+            <property name="tablePrefix" value="viewCombine"/>
+        </include>
+        <include refid="fieldSortJoin">
+            <property name="sort" value="request.sort"/>
+        </include>
+
+        where c.organization_id = #{orgId}
+        and c.in_shared_pool is true
+
+        <if test="request.keyword != null and request.keyword != ''">
+            and c.name like concat('%', #{request.keyword},'%')
+        </if>
+
+        <include refid="filters">
+            <property name="filters" value="request.filters"/>
+        </include>
+
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+        <include refid="viewCombine">
+            <property name="combineSearch" value="request.viewCombineSearch"/>
+        </include>
+
+        <include refid="sort">
+            <property name="sort" value="request.sort"/>
+        </include>
+    </select>
+    <select id="globalPoolSearchList" resultType="cn.cordys.crm.search.response.global.GlobalCustomerPoolResponse">
+        select c.id, c.`name`, c.pool_id, cp.name as poolName, c.follow_time
+        from customer c inner join customer_pool cp on c.pool_id = cp.id
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        where c.organization_id = #{orgId}
+        and c.in_shared_pool is true and c.pool_id is not null
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+        <include refid="sort">
+            <property name="sort" value="request.sort"/>
+        </include>
+    </select>
+
+    <select id="globalPoolSearchListCount" resultType="java.lang.Long">
+        select count(1)
+        from customer c inner join customer_pool cp on c.pool_id = cp.id
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        where c.organization_id = #{orgId}
+        and c.in_shared_pool is true and c.pool_id is not null
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+    </select>
+
+    <select id="globalSearchList" resultType="cn.cordys.crm.search.response.global.GlobalCustomerResponse">
+        select c.id, c.`name`, if(c.in_shared_pool, null, c.owner) as owner, c.create_time, c.follow_time
+        from customer c
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        where c.organization_id = #{orgId}
+        and c.in_shared_pool is false
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+        <include refid="sort">
+            <property name="sort" value="request.sort"/>
+        </include>
+    </select>
+    <select id="globalSearchListCount" resultType="java.lang.Long">
+        select count(1)
+        from customer c
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        where c.organization_id = #{orgId}
+        and c.in_shared_pool is false
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+    </select>
+
+    <update id="updateIncludeNullById" parameterType="cn.cordys.crm.customer.domain.Customer">
+        update customer set pool_id = #{customer.poolId}, in_shared_pool = #{customer.inSharedPool}, owner = #{customer.owner},
+                collection_time = #{customer.collectionTime}, update_time = #{customer.updateTime}
+        where id = #{customer.id}
+    </update>
+
+    <update id="batchUpdate">
+        UPDATE customer
+        <set>
+            <if test="request.fieldName == 'owner'">
+                owner = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'name'">
+                name = #{request.fieldValue},
+            </if>
+            update_time = #{request.updateTime},
+            update_user = #{request.updateUser}
+        </set>
+        WHERE id IN
+        <foreach collection="request.ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </update>
+
+
+    <select id="getCustomerPoolId" resultType="cn.cordys.common.dto.OptionDTO">
+        select id, IFNULL(NULLIF(pool_id, ''), '') AS name
+        from customer
+        where id in
+        <foreach collection="ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </select>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/mapper/ExtCustomerOwnerMapper.java b/backend/crm/src/main/java/cn/cordys/crm/customer/mapper/ExtCustomerOwnerMapper.java
new file mode 100644
index 0000000..bf16a04
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/mapper/ExtCustomerOwnerMapper.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.customer.mapper;
+
+import cn.cordys.crm.customer.dto.request.CustomerBatchTransferRequest;
+import org.apache.ibatis.annotations.Param;
+
+/**
+ * @author jianxing
+ * @date 2025-02-24 11:06:10
+ */
+public interface ExtCustomerOwnerMapper {
+
+    void batchAdd(@Param("request") CustomerBatchTransferRequest transferRequest, @Param("userId") String userId);
+
+    /**
+     * 获取最近的客户负责人
+     *
+     * @param customerId 客户ID
+     *
+     * @return 负责人ID
+     */
+    String getRecentOwner(@Param("customerId") String customerId);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/mapper/ExtCustomerOwnerMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/customer/mapper/ExtCustomerOwnerMapper.xml
new file mode 100644
index 0000000..281cb27
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/mapper/ExtCustomerOwnerMapper.xml
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.customer.mapper.ExtCustomerOwnerMapper">
+
+    <insert id="batchAdd">
+        insert into customer_owner (id, owner, customer_id, operator, collection_time, end_time)
+        select UUID_SHORT() as id, customer.owner, customer.id as customer_id, '${userId}' as operator, customer.collection_time, UNIX_TIMESTAMP() * 1000 as end_time
+        from customer
+        where customer.owner != #{request.owner} and id in
+        <foreach collection="request.ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </insert>
+
+    <select id="getRecentOwner" resultType="java.lang.String">
+        select owner from customer_owner
+        where customer_id = #{customerId}
+        order by collection_time desc
+        limit 1
+    </select>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/mapper/ExtCustomerPoolMapper.java b/backend/crm/src/main/java/cn/cordys/crm/customer/mapper/ExtCustomerPoolMapper.java
new file mode 100644
index 0000000..ff71f59
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/mapper/ExtCustomerPoolMapper.java
@@ -0,0 +1,56 @@
+package cn.cordys.crm.customer.mapper;
+
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.crm.customer.domain.CustomerPool;
+import cn.cordys.crm.customer.domain.CustomerPoolPickRule;
+import cn.cordys.crm.customer.domain.CustomerPoolRecycleRule;
+import cn.cordys.crm.customer.dto.CustomerPoolDTO;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtCustomerPoolMapper {
+
+    /**
+     * 分页获取公海池
+     *
+     * @param request 请求参数
+     * @param orgId   组织ID
+     *
+     * @return 公海池列表
+     */
+    List<CustomerPoolDTO> list(@Param("request") BasePageRequest request, @Param("orgId") String orgId);
+
+    /**
+     * 更新公海池领取规则
+     *
+     * @param rule 领取规则
+     */
+    void updatePickRule(@Param("rule") CustomerPoolPickRule rule);
+
+    /**
+     * 更新公海池回收规则
+     *
+     * @param rule 回收规则
+     */
+    void updateRecycleRule(@Param("rule") CustomerPoolRecycleRule rule);
+
+    /**
+     * 获取公海池集合
+     *
+     * @param orgId 组织ID
+     *
+     * @return 公海池集合
+     */
+    List<CustomerPool> getAllPool(@Param("orgId") String orgId);
+
+    /**
+     * 获取指定范围下的公海池
+     *
+     * @param scopeIds 范围ID集合
+     * @param orgId    组织ID
+     *
+     * @return 公海池集合
+     */
+    List<CustomerPool> getPoolByScopeIds(@Param("ids") List<String> scopeIds, @Param("orgId") String orgId);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/mapper/ExtCustomerPoolMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/customer/mapper/ExtCustomerPoolMapper.xml
new file mode 100644
index 0000000..3d1d902
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/mapper/ExtCustomerPoolMapper.xml
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="cn.cordys.crm.customer.mapper.ExtCustomerPoolMapper">
+    <select id="list" parameterType="cn.cordys.crm.customer.dto.request.CustomerPoolPageRequest" resultType="cn.cordys.crm.customer.dto.CustomerPoolDTO">
+        select * from customer_pool
+        where organization_id = #{orgId}
+        <include refid="filters">
+            <property name="filters" value="request.filters"/>
+        </include>
+        <include refid="cn.cordys.common.mapper.CommonMapper.sort">
+            <property name="sort" value="request.sort"/>
+            <property name="prefix" value=""/>
+            <property name="defaultSort" value="create_time desc"/>
+        </include>
+    </select>
+
+    <update id="updatePickRule" parameterType="cn.cordys.crm.customer.domain.CustomerPoolPickRule">
+        update customer_pool_pick_rule set limit_on_number = #{rule.limitOnNumber}, pick_number = #{rule.pickNumber}, limit_pre_owner = #{rule.limitPreOwner},
+           pick_interval_days = #{rule.pickIntervalDays}, update_user = #{rule.updateUser}, update_time = #{rule.updateTime},
+              limit_new = #{rule.limitNew}, new_pick_interval = #{rule.newPickInterval}
+        where pool_id = #{rule.poolId}
+    </update>
+
+    <update id="updateRecycleRule" parameterType="cn.cordys.crm.customer.domain.CustomerPoolRecycleRule">
+        update customer_pool_recycle_rule set operator = #{rule.operator}, `condition` = #{rule.condition}, update_user = #{rule.updateUser}, update_time = #{rule.updateTime}
+        where pool_id = #{rule.poolId}
+    </update>
+
+    <select id="getAllPool" resultType="cn.cordys.crm.customer.domain.CustomerPool">
+        select * from customer_pool where organization_id = #{orgId} and enable = true order by create_time desc
+    </select>
+
+    <select id="getPoolByScopeIds" resultType="cn.cordys.crm.customer.domain.CustomerPool">
+        select * from customer_pool where organization_id = #{orgId} and enable = true and
+        <foreach collection="ids" item="id" open="(" close=")" separator="or">
+            scope_id like concat('%', #{id}, '%')
+        </foreach>
+        order by create_time desc
+    </select>
+
+    <sql id="filters">
+        <if test="${filters} != null and ${filters}.size() > 0">
+            <trim prefix="and">
+                <foreach collection="${filters}" item="condition" open="(" close=")" index="i" separator="and">
+                    <if test="condition.name == 'auto'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="customer_pool.auto"/>
+                        </include>
+                    </if>
+                    <if test="condition.name == 'enable'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="customer_pool.enable"/>
+                        </include>
+                    </if>
+                </foreach>
+            </trim>
+        </if>
+    </sql>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/service/ContractInvoiceLogService.java b/backend/crm/src/main/java/cn/cordys/crm/customer/service/ContractInvoiceLogService.java
new file mode 100644
index 0000000..575fc8e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/service/ContractInvoiceLogService.java
@@ -0,0 +1,36 @@
+package cn.cordys.crm.customer.service;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.dto.JsonDifferenceDTO;
+import cn.cordys.crm.contract.constants.ContractApprovalStatus;
+import cn.cordys.crm.system.service.BaseModuleLogService;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.Arrays;
+import java.util.List;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class ContractInvoiceLogService extends BaseModuleLogService {
+
+    @Override
+    public List<JsonDifferenceDTO> handleLogField(List<JsonDifferenceDTO> differences, String orgId) {
+        differences = super.handleModuleLogField(differences, orgId, FormKey.INVOICE.getKey());
+
+        for (JsonDifferenceDTO differ : differences) {
+            if (Strings.CS.equals(differ.getColumn(), BusinessModuleField.INVOICE_OWNER.getBusinessKey())) {
+                setUserFieldName(differ);
+            } else if (Strings.CS.equals(differ.getColumn(), BusinessModuleField.INVOICE_CONTRACT_ID.getBusinessKey())) {
+                setContractFieldName(differ);
+            } else if (Strings.CS.equals(differ.getColumn(), BusinessModuleField.INVOICE_BUSINESS_TITLE_ID.getBusinessKey())) {
+                setBusinessTitleName(differ);
+            } else if (Strings.CI.equals(differ.getColumn(), "approvalStatus")) {
+                setApprovalName(differ);
+            }
+        }
+        return differences;
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/service/ContractPaymentPlanLogService.java b/backend/crm/src/main/java/cn/cordys/crm/customer/service/ContractPaymentPlanLogService.java
new file mode 100644
index 0000000..3a3c3ac
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/service/ContractPaymentPlanLogService.java
@@ -0,0 +1,53 @@
+package cn.cordys.crm.customer.service;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.dto.JsonDifferenceDTO;
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.contract.service.ContractService;
+import cn.cordys.crm.system.service.BaseModuleLogService;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.List;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class ContractPaymentPlanLogService extends BaseModuleLogService {
+
+    @Override
+    public List<JsonDifferenceDTO> handleLogField(List<JsonDifferenceDTO> differences, String orgId) {
+        differences = super.handleModuleLogField(differences, orgId, FormKey.CONTRACT_PAYMENT_PLAN.getKey());
+
+        for (JsonDifferenceDTO differ : differences) {
+            if (Strings.CS.equals(differ.getColumn(), BusinessModuleField.CONTRACT_PAYMENT_PLAN_OWNER.getBusinessKey())) {
+                setUserFieldName(differ);
+            } else if (Strings.CS.equals(differ.getColumn(), BusinessModuleField.CONTRACT_PAYMENT_PLAN_CONTRACT.getBusinessKey())) {
+                setContractFieldName(differ);
+            } else if (Strings.CS.equals(differ.getColumn(), "planStatus")) {
+                setPlanStatusFieldName(differ);
+            }
+        }
+        return differences;
+    }
+
+    /**
+     * 回款计划状态
+     *
+     * @param differ
+     */
+    protected void setPlanStatusFieldName(JsonDifferenceDTO differ) {
+        ContractService contractService = CommonBeanFactory.getBean(ContractService.class);
+        assert contractService != null;
+        if (differ.getOldValue() != null) {
+            String oldName = Translator.get("contract.payment_plan.status." + differ.getOldValue().toString().toLowerCase());
+            differ.setOldValueName(oldName);
+        }
+        if (differ.getNewValue() != null) {
+            String newName = Translator.get("contract.payment_plan.status." + differ.getNewValue().toString().toLowerCase());
+            differ.setNewValueName(newName);
+        }
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerCapacityService.java b/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerCapacityService.java
new file mode 100644
index 0000000..d44744e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerCapacityService.java
@@ -0,0 +1,133 @@
+package cn.cordys.crm.customer.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.customer.domain.CustomerCapacity;
+import cn.cordys.crm.customer.dto.CustomerCapacityDTO;
+import cn.cordys.crm.customer.mapper.ExtCustomerCapacityMapper;
+import cn.cordys.crm.system.dto.FilterConditionDTO;
+import cn.cordys.crm.system.dto.request.CapacityAddRequest;
+import cn.cordys.crm.system.dto.request.CapacityUpdateRequest;
+import cn.cordys.crm.system.service.UserExtendService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.ArrayList;
+import java.util.List;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class CustomerCapacityService {
+
+    @Resource
+    private UserExtendService userExtendService;
+    @Resource
+    private BaseMapper<CustomerCapacity> customerCapacityMapper;
+    @Resource
+    private ExtCustomerCapacityMapper extCustomerCapacityMapper;
+
+    /**
+     * 获取客户库容设置
+     *
+     * @return 客户库容设置集合
+     */
+    public List<CustomerCapacityDTO> list(String currentOrgId) {
+        var capacityList = new ArrayList<CustomerCapacityDTO>();
+        var wrapper = new LambdaQueryWrapper<CustomerCapacity>();
+        wrapper.eq(CustomerCapacity::getOrganizationId, currentOrgId).orderByDesc(CustomerCapacity::getCreateTime);
+        var capacities = customerCapacityMapper.selectListByLambda(wrapper);
+        if (CollectionUtils.isEmpty(capacities)) {
+            return new ArrayList<>();
+        }
+        capacities.forEach(capacity -> {
+            CustomerCapacityDTO capacityDTO = new CustomerCapacityDTO();
+            capacityDTO.setId(capacity.getId());
+            capacityDTO.setCapacity(capacity.getCapacity());
+            capacityDTO.setMembers(userExtendService.getScope(JSON.parseArray(capacity.getScopeId(), String.class)));
+            capacityDTO.setFilters(StringUtils.isEmpty(capacity.getFilter()) ? new ArrayList<>() : JSON.parseArray(capacity.getFilter(), FilterConditionDTO.class));
+            capacityList.add(capacityDTO);
+        });
+        return capacityList;
+    }
+
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.ADD)
+    public void add(CapacityAddRequest request, String currentUserId, String currentOrgId) {
+        List<CustomerCapacity> oldCapacities = customerCapacityMapper.selectAll(null);
+        List<String> targetScopeIds = oldCapacities.stream().flatMap(capacity -> JSON.parseArray(capacity.getScopeId(), String.class).stream())
+                .toList();
+        boolean duplicate = userExtendService.hasDuplicateScopeObj(request.getScopeIds(), targetScopeIds, currentOrgId);
+        if (duplicate) {
+            throw new GenericException(Translator.get("capacity.scope.duplicate"));
+        }
+
+        var capacity = new CustomerCapacity();
+        capacity.setId(IDGenerator.nextStr());
+        capacity.setOrganizationId(currentOrgId);
+        capacity.setCapacity(request.getCapacity());
+        capacity.setScopeId(JSON.toJSONString(request.getScopeIds()));
+        capacity.setFilter(CollectionUtils.isNotEmpty(request.getFilters()) ? JSON.toJSONString(request.getFilters()) : null);
+        capacity.setCreateTime(System.currentTimeMillis());
+        capacity.setCreateUser(currentUserId);
+        capacity.setUpdateTime(System.currentTimeMillis());
+        capacity.setUpdateUser(currentUserId);
+        customerCapacityMapper.insert(capacity);
+
+        // 添加日志上下文
+        OperationLogContext.setContext(LogContextInfo.builder()
+                .modifiedValue(capacity)
+                .resourceId(capacity.getId())
+                .resourceName(Translator.get("module.customer.capacity.setting"))
+                .build());
+    }
+
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.UPDATE)
+    public void update(CapacityUpdateRequest request, String currentUserId, String currentOrgId) {
+        CustomerCapacity oldCapacity = customerCapacityMapper.selectByPrimaryKey(request.getId());
+        if (oldCapacity == null) {
+            throw new GenericException(Translator.get("capacity.not.exist"));
+        }
+        var wrapper = new LambdaQueryWrapper<CustomerCapacity>();
+        wrapper.eq(CustomerCapacity::getOrganizationId, currentOrgId).nq(CustomerCapacity::getId, request.getId());
+        var oldCapacities = customerCapacityMapper.selectListByLambda(wrapper);
+        List<String> targetScopeIds = oldCapacities.stream().flatMap(capacity -> JSON.parseArray(capacity.getScopeId(), String.class).stream())
+                .toList();
+        boolean duplicate = userExtendService.hasDuplicateScopeObj(request.getScopeIds(), targetScopeIds, currentOrgId);
+        if (duplicate) {
+            throw new GenericException(Translator.get("capacity.scope.duplicate"));
+        }
+        oldCapacity.setScopeId(JSON.toJSONString(request.getScopeIds()));
+        oldCapacity.setCapacity(request.getCapacity());
+        oldCapacity.setFilter(CollectionUtils.isNotEmpty(request.getFilters()) ? JSON.toJSONString(request.getFilters()) : null);
+        oldCapacity.setUpdateTime(System.currentTimeMillis());
+        oldCapacity.setUpdateUser(currentUserId);
+        extCustomerCapacityMapper.updateCapacity(oldCapacity);
+
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .resourceId(request.getId())
+                        .resourceName(Translator.get("module.customer.capacity.setting"))
+                        .originalValue(oldCapacity)
+                        .modifiedValue(customerCapacityMapper.selectByPrimaryKey(request.getId()))
+                        .build()
+        );
+    }
+
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.DELETE, resourceId = "{#id}")
+    public void delete(String id) {
+        customerCapacityMapper.deleteByPrimaryKey(id);
+        // 设置操作对象
+        OperationLogContext.setResourceName(Translator.get("module.customer.capacity.setting"));
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerCollaborationService.java b/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerCollaborationService.java
new file mode 100644
index 0000000..cb55d45
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerCollaborationService.java
@@ -0,0 +1,158 @@
+package cn.cordys.crm.customer.service;
+
+import cn.cordys.common.dto.UserDeptDTO;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.customer.domain.Customer;
+import cn.cordys.crm.customer.domain.CustomerCollaboration;
+import cn.cordys.crm.customer.dto.request.CustomerCollaborationAddRequest;
+import cn.cordys.crm.customer.dto.request.CustomerCollaborationUpdateRequest;
+import cn.cordys.crm.customer.dto.response.CustomerCollaborationListResponse;
+import cn.cordys.crm.system.constants.NotificationConstants;
+import cn.cordys.crm.system.notice.CommonNoticeSendService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class CustomerCollaborationService {
+    @Resource
+    private BaseMapper<CustomerCollaboration> customerCollaborationMapper;
+    @Resource
+    private BaseService baseService;
+    @Resource
+    private CommonNoticeSendService commonNoticeSendService;
+    @Resource
+    private BaseMapper<Customer> customerMapper;
+
+    public List<CustomerCollaborationListResponse> list(String customerId, String orgId) {
+        CustomerCollaboration example = new CustomerCollaboration();
+        example.setCustomerId(customerId);
+        List<CustomerCollaboration> collaborations = customerCollaborationMapper.select(example);
+        return buildListData(orgId, collaborations);
+    }
+
+    public List<CustomerCollaboration> selectByCustomerIdAndUserId(String customerId, String userId) {
+        CustomerCollaboration example = new CustomerCollaboration();
+        example.setCustomerId(customerId);
+        example.setUserId(userId);
+        return customerCollaborationMapper.select(example);
+    }
+
+    public List<CustomerCollaboration> selectByCustomerId(String customerId) {
+        CustomerCollaboration example = new CustomerCollaboration();
+        example.setCustomerId(customerId);
+        return customerCollaborationMapper.select(example);
+    }
+
+    private List<CustomerCollaborationListResponse> buildListData(String orgId, List<CustomerCollaboration> collaborations) {
+        if (CollectionUtils.isEmpty(collaborations)) {
+            return List.of();
+        }
+        Set<String> userIds = new HashSet<>();
+        Set<String> ownerIds = new HashSet<>();
+
+        for (CustomerCollaboration collaboration : collaborations) {
+            userIds.add(collaboration.getCreateUser());
+            userIds.add(collaboration.getUpdateUser());
+            userIds.add(collaboration.getUserId());
+            ownerIds.add(collaboration.getUserId());
+        }
+
+        Map<String, UserDeptDTO> userDeptMap = baseService.getUserDeptMapByUserIds(new ArrayList<>(ownerIds), orgId);
+
+        Map<String, String> userNameMap = baseService.getUserNameMap(userIds);
+
+        return collaborations
+                .stream()
+                .map(item -> {
+                    CustomerCollaborationListResponse customerCollaboration =
+                            BeanUtils.copyBean(new CustomerCollaborationListResponse(), item);
+                    UserDeptDTO userDeptDTO = userDeptMap.get(customerCollaboration.getUserId());
+                    if (userDeptDTO != null) {
+                        customerCollaboration.setDepartmentId(userDeptDTO.getDeptId());
+                        customerCollaboration.setDepartmentName(userDeptDTO.getDeptName());
+                    }
+                    customerCollaboration.setCreateUserName(userNameMap.get(customerCollaboration.getCreateUser()));
+                    customerCollaboration.setUpdateUserName(userNameMap.get(customerCollaboration.getUpdateUser()));
+                    customerCollaboration.setUserName(userNameMap.get(customerCollaboration.getUserId()));
+                    return customerCollaboration;
+                }).toList();
+    }
+
+    public CustomerCollaboration add(CustomerCollaborationAddRequest request, String userId, String orgId) {
+        CustomerCollaboration customerCollaboration = BeanUtils.copyBean(new CustomerCollaboration(), request);
+        customerCollaboration.setCreateTime(System.currentTimeMillis());
+        customerCollaboration.setUpdateTime(System.currentTimeMillis());
+        customerCollaboration.setUpdateUser(userId);
+        customerCollaboration.setCreateUser(userId);
+        customerCollaboration.setId(IDGenerator.nextStr());
+        customerCollaborationMapper.insert(customerCollaboration);
+
+        // 添加协作人通知
+        Customer customer = customerMapper.selectByPrimaryKey(request.getCustomerId());
+        if (StringUtils.isNotBlank(customer.getOwner()) && !customer.getInSharedPool()) {
+            // 公海客户添加协作人无需通知
+            Map<String, String> userNameMap = baseService.getUserNameMap(List.of(userId, request.getUserId()));
+            var paramMap = new HashMap<String, Object>(4);
+            paramMap.put("useTemplate", "true");
+            paramMap.put("template", Translator.get("message.customer.collaboration.add.text"));
+            paramMap.put("operator", userNameMap.getOrDefault(userId, userId));
+            paramMap.put("uName", userNameMap.getOrDefault(request.getUserId(), request.getUserId()));
+            paramMap.put("name", customer.getName());
+            commonNoticeSendService.sendNotice(NotificationConstants.Module.CUSTOMER, NotificationConstants.Event.CUSTOMER_COLLABORATION_ADD,
+                    paramMap, userId, orgId, List.of(customer.getOwner()), true);
+        }
+        return customerCollaborationMapper.selectByPrimaryKey(customerCollaboration.getId());
+    }
+
+    public CustomerCollaboration update(CustomerCollaborationUpdateRequest request, String userId) {
+        CustomerCollaboration customerCollaboration = BeanUtils.copyBean(new CustomerCollaboration(), request);
+        customerCollaboration.setUpdateTime(System.currentTimeMillis());
+        customerCollaboration.setUpdateUser(userId);
+        customerCollaborationMapper.update(customerCollaboration);
+        return customerCollaborationMapper.selectByPrimaryKey(customerCollaboration.getId());
+    }
+
+    public void delete(String id) {
+        customerCollaborationMapper.deleteByPrimaryKey(id);
+    }
+
+    public void batchDelete(List<String> ids) {
+        customerCollaborationMapper.deleteByIds(ids);
+    }
+
+    public void deleteByCustomerIds(List<String> customerIds) {
+        var wrapper = new LambdaQueryWrapper<CustomerCollaboration>();
+        wrapper.in(CustomerCollaboration::getCustomerId, customerIds);
+        customerCollaborationMapper.deleteByLambda(wrapper);
+    }
+
+    /**
+     * 是否有客户协作关系
+     *
+     * @param userId     协作人
+     * @param customerId 客户ID
+     *
+     * @return bool
+     */
+    public boolean hasCollaboration(String userId, String customerId) {
+        CustomerCollaboration example = new CustomerCollaboration();
+        example.setUserId(userId);
+        example.setCustomerId(customerId);
+        return customerCollaborationMapper.countByExample(example) > 0;
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerContactExportService.java b/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerContactExportService.java
new file mode 100644
index 0000000..9e719b5
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerContactExportService.java
@@ -0,0 +1,209 @@
+package cn.cordys.crm.customer.service;
+
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.common.dto.ExportHeadDTO;
+import cn.cordys.common.dto.ExportSelectRequest;
+import cn.cordys.common.service.BaseExportService;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.SubListUtils;
+import cn.cordys.crm.customer.dto.request.CustomerContactExportRequest;
+import cn.cordys.crm.customer.dto.response.CustomerContactListResponse;
+import cn.cordys.crm.customer.mapper.ExtCustomerContactMapper;
+import cn.cordys.crm.customer.utils.CustomerContactFieldUtils;
+import cn.cordys.crm.system.constants.ExportConstants;
+import cn.cordys.crm.system.domain.ExportTask;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.service.ExportTaskService;
+import cn.cordys.registry.ExportThreadRegistry;
+import cn.idev.excel.EasyExcel;
+import cn.idev.excel.ExcelWriter;
+import cn.idev.excel.support.ExcelTypeEnum;
+import cn.idev.excel.write.metadata.WriteSheet;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.io.File;
+import java.util.*;
+import java.util.concurrent.atomic.AtomicReference;
+import java.util.stream.Collectors;
+
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class CustomerContactExportService extends BaseExportService {
+    @Resource
+    private ExportTaskService exportTaskService;
+    @Resource
+    private ExtCustomerContactMapper extCustomerContactMapper;
+    @Resource
+    private CustomerContactService customerContactService;
+
+    /**
+     * 导出全部客户联系人数据
+     *
+     * @param userId
+     * @param request
+     * @param orgId
+     * @param deptDataPermission
+     * @param locale
+     *
+     * @return
+     */
+    public String export(String userId, CustomerContactExportRequest request, String orgId,
+                         DeptDataPermissionDTO deptDataPermission, Locale locale) {
+        checkFileName(request.getFileName());
+        exportTaskService.checkUserTaskLimit(userId, ExportConstants.ExportType.CUSTOMER_CONTACT.name());
+
+        final var fileId = IDGenerator.nextStr();
+        final var exportTask = exportTaskService.saveTask(
+                orgId, fileId, userId,
+                ExportConstants.ExportType.CUSTOMER_CONTACT.toString(),
+                request.getFileName()
+        );
+
+        runExport(orgId, userId, LogModule.CUSTOMER_CONTACT, locale, exportTask, request.getFileName(),
+                () -> exportData(fileId, exportTask, userId, request, orgId, deptDataPermission));
+
+        return exportTask.getId();
+    }
+
+    private void exportData(String fileId, ExportTask exportTask, String userId, CustomerContactExportRequest request, String orgId, DeptDataPermissionDTO deptDataPermission) throws InterruptedException {
+        // 表头信息
+        final var headList = request.getHeadList().stream()
+                .map(head -> List.of(head.getTitle()))
+                .toList();
+
+        batchHandleData(
+                fileId,
+                headList,
+                exportTask,
+                request.getFileName(),
+                request,
+                t -> getExportData(request.getHeadList(), request, userId, orgId, deptDataPermission, exportTask.getId())
+        );
+
+
+    }
+
+
+    /**
+     * 构建导出的数据
+     *
+     * @param headList
+     * @param request
+     * @param userId
+     * @param orgId
+     * @param deptDataPermission
+     *
+     * @return
+     */
+    private List<List<Object>> getExportData(List<ExportHeadDTO> headList, CustomerContactExportRequest request, String userId, String orgId, DeptDataPermissionDTO deptDataPermission, String taskId) throws InterruptedException {
+        PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        //获取数据
+        List<CustomerContactListResponse> allList = extCustomerContactMapper.list(request, userId, orgId, deptDataPermission);
+        allList = customerContactService.buildListData(allList, orgId);
+        Map<String, BaseField> fieldConfigMap = getFieldConfigMap(FormKey.CONTACT.getKey(), orgId);
+        //构建导出数据
+        var data = new ArrayList<List<Object>>();
+        for (CustomerContactListResponse response : allList) {
+            if (ExportThreadRegistry.isInterrupted(taskId)) {
+                throw new InterruptedException("线程已被中断，主动退出");
+            }
+            List<Object> value = buildData(headList, response, fieldConfigMap);
+            data.add(value);
+        }
+
+        return data;
+    }
+
+    private List<Object> buildData(List<ExportHeadDTO> headList, CustomerContactListResponse data, Map<String, BaseField> fieldConfigMap) {
+        var dataList = new ArrayList<>();
+        //固定字段map
+        LinkedHashMap<String, Object> systemFieldMap = CustomerContactFieldUtils.getSystemFieldMap(data);
+        //自定义字段map
+        AtomicReference<Map<String, Object>> moduleFieldMap = new AtomicReference<>(new LinkedHashMap<>());
+        Optional.ofNullable(data.getModuleFields()).ifPresent(moduleFields ->
+                moduleFieldMap.set(moduleFields.stream().collect(Collectors.toMap(BaseModuleFieldValue::getFieldId, BaseModuleFieldValue::getFieldValue))));
+        //处理数据转换
+        transModuleFieldValue(headList, systemFieldMap, moduleFieldMap.get(), dataList, fieldConfigMap);
+        return dataList;
+    }
+
+
+    /**
+     * 导出选中客户联系人数据
+     *
+     * @param userId
+     * @param request
+     * @param orgId
+     * @param locale
+     *
+     * @return
+     */
+    public String exportSelect(String userId, ExportSelectRequest request, String orgId, Locale locale) {
+        checkFileName(request.getFileName());
+        // 用户导出数量限制
+        exportTaskService.checkUserTaskLimit(userId, ExportConstants.ExportType.CUSTOMER_CONTACT.name());
+
+        var fileId = IDGenerator.nextStr();
+        var exportTask = exportTaskService.saveTask(orgId, fileId, userId, ExportConstants.ExportType.CUSTOMER_CONTACT.toString(), request.getFileName());
+
+        runExport(orgId, userId, LogModule.CUSTOMER_CONTACT, locale, exportTask, request.getFileName(),
+                () -> exportData(fileId, exportTask, userId, request, orgId));
+
+        return exportTask.getId();
+    }
+
+    private void exportData(String fileId, ExportTask exportTask, String userId, ExportSelectRequest request, String orgId) {
+        //表头信息
+        var headList = request.getHeadList().stream()
+                .map(head -> List.of(head.getTitle()))
+                .toList();
+
+        // 准备导出文件
+        var file = prepareExportFile(fileId, request.getFileName(), exportTask.getOrganizationId());
+        try (ExcelWriter writer = EasyExcel.write(file)
+                .head(headList)
+                .excelType(ExcelTypeEnum.XLSX)
+                .build()) {
+            var sheet = EasyExcel.writerSheet("导出数据").build();
+
+            SubListUtils.dealForSubList(request.getIds(), SubListUtils.DEFAULT_EXPORT_BATCH_SIZE, (subIds) -> {
+                List<List<Object>> data = null;
+                try {
+                    data = getExportDataBySelect(request.getHeadList(), subIds, orgId, exportTask.getId());
+                } catch (InterruptedException e) {
+                    log.error("任务停止中断", e);
+                    exportTaskService.update(exportTask.getId(), ExportConstants.ExportStatus.STOP.toString(), userId);
+                }
+                writer.write(data, sheet);
+            });
+        }
+
+    }
+
+    private List<List<Object>> getExportDataBySelect(List<ExportHeadDTO> headList, List<String> ids, String orgId, String taskId) throws InterruptedException {
+        var allList = Optional.ofNullable(extCustomerContactMapper.getListByIds(ids)).orElseGet(List::of);
+        allList = customerContactService.buildListData(allList, orgId);
+        var fieldConfigMap = getFieldConfigMap(FormKey.CONTACT.getKey(), orgId);
+
+        // 预估容量，避免频繁扩容
+        var data = new ArrayList<List<Object>>(allList.size());
+        for (var response : allList) {
+            if (ExportThreadRegistry.isInterrupted(taskId)) {
+                throw new InterruptedException("线程已被中断，主动退出");
+            }
+            data.add(buildData(headList, response, fieldConfigMap));
+        }
+
+        return data;
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerContactFieldService.java b/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerContactFieldService.java
new file mode 100644
index 0000000..2f35c34
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerContactFieldService.java
@@ -0,0 +1,38 @@
+package cn.cordys.crm.customer.service;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.service.BaseResourceFieldService;
+import cn.cordys.crm.customer.domain.CustomerContactField;
+import cn.cordys.crm.customer.domain.CustomerContactFieldBlob;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class CustomerContactFieldService extends BaseResourceFieldService<CustomerContactField, CustomerContactFieldBlob> {
+    @Resource
+    private BaseMapper<CustomerContactField> customerContactFieldMapper;
+    @Resource
+    private BaseMapper<CustomerContactFieldBlob> customerContactFieldBlobMapper;
+
+    @Override
+    protected String getFormKey() {
+        return FormKey.CONTACT.getKey();
+    }
+
+    @Override
+    protected BaseMapper<CustomerContactField> getResourceFieldMapper() {
+        return customerContactFieldMapper;
+    }
+
+    @Override
+    protected BaseMapper<CustomerContactFieldBlob> getResourceFieldBlobMapper() {
+        return customerContactFieldBlobMapper;
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerContactLogService.java b/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerContactLogService.java
new file mode 100644
index 0000000..bac51db
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerContactLogService.java
@@ -0,0 +1,59 @@
+package cn.cordys.crm.customer.service;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.dto.JsonDifferenceDTO;
+import cn.cordys.crm.customer.domain.Customer;
+import cn.cordys.crm.system.service.BaseModuleLogService;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.List;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class CustomerContactLogService extends BaseModuleLogService {
+
+    @Resource
+    private BaseMapper<Customer> customerMapper;
+
+    @Override
+    public List<JsonDifferenceDTO> handleLogField(List<JsonDifferenceDTO> differences, String orgId) {
+        List<JsonDifferenceDTO> result = super.handleModuleLogField(
+                differences, orgId, FormKey.CONTACT.getKey()
+        );
+
+        for (JsonDifferenceDTO differ : result) {
+            var column = differ.getColumn();
+
+            // 负责人字段处理
+            if (Strings.CS.equals(column, BusinessModuleField.CUSTOMER_CONTACT_OWNER.getBusinessKey())) {
+                setUserFieldName(differ);
+                continue;
+            }
+
+            // 客户字段处理
+            if (Strings.CS.equals(column, BusinessModuleField.CUSTOMER_CONTACT_CUSTOMER.getBusinessKey())) {
+                differ.setOldValueName(getCustomerName(differ.getOldValue()));
+                differ.setNewValueName(getCustomerName(differ.getNewValue()));
+            }
+        }
+
+        return result;
+    }
+
+    /**
+     * 根据客户ID获取客户名称
+     */
+    private String getCustomerName(Object customerId) {
+        if (customerId == null) {
+            return null;
+        }
+
+        var customer = customerMapper.selectByPrimaryKey(customerId.toString());
+        return customer != null ? customer.getName() : null;
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerContactResourceAccessContextProvider.java b/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerContactResourceAccessContextProvider.java
new file mode 100644
index 0000000..2621b6b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerContactResourceAccessContextProvider.java
@@ -0,0 +1,46 @@
+package cn.cordys.crm.customer.service;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.permission.ResourceAccessContext;
+import cn.cordys.common.permission.ResourceAccessContextProvider;
+import cn.cordys.crm.customer.domain.CustomerContact;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Component;
+
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+
+@Component
+public class CustomerContactResourceAccessContextProvider implements ResourceAccessContextProvider {
+
+    @Resource
+    private BaseMapper<CustomerContact> contactMapper;
+
+    @Override
+    public String getFormType() {
+        return FormKey.CUSTOMER.getKey();
+    }
+
+    @Override
+    public ResourceAccessContext getAccessContext(String resourceId, String orgId) {
+        var customerContact = contactMapper.selectByPrimaryKey(resourceId);
+        if (customerContact == null) {
+            return null;
+        }
+        var context = new ResourceAccessContext();
+        context.setOwnerId(customerContact.getOwner());
+        return context;
+    }
+
+    @Override
+    public Map<String, String> batchGetOwnerIds(List<String> resourceIds, String orgId) {
+        if (resourceIds == null || resourceIds.isEmpty()) {
+            return Map.of();
+        }
+        return contactMapper.selectByIds(resourceIds).stream()
+                .filter(customer -> customer.getOwner() != null)
+                .collect(Collectors.toMap(CustomerContact::getId, CustomerContact::getOwner, (a, b) -> a));
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerContactService.java b/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerContactService.java
new file mode 100644
index 0000000..fc21f9d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerContactService.java
@@ -0,0 +1,716 @@
+package cn.cordys.crm.customer.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.aspectj.dto.LogDTO;
+import cn.cordys.common.constants.*;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.domain.BaseResourceSubField;
+import cn.cordys.common.dto.*;
+import cn.cordys.common.dto.chart.ChartResult;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.permission.PermissionCache;
+import cn.cordys.common.permission.PermissionUtils;
+import cn.cordys.common.service.BaseChartService;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.crm.customer.constants.CustomerCollaborationType;
+import cn.cordys.crm.customer.domain.*;
+import cn.cordys.crm.customer.dto.request.*;
+import cn.cordys.crm.customer.dto.response.CustomerContactGetResponse;
+import cn.cordys.crm.customer.dto.response.CustomerContactListAllResponse;
+import cn.cordys.crm.customer.dto.response.CustomerContactListResponse;
+import cn.cordys.crm.customer.mapper.ExtCustomerContactMapper;
+import cn.cordys.crm.customer.mapper.ExtCustomerMapper;
+import cn.cordys.crm.opportunity.domain.Opportunity;
+import cn.cordys.crm.system.constants.NotificationConstants;
+import cn.cordys.crm.system.constants.SheetKey;
+import cn.cordys.crm.system.domain.ModuleField;
+import cn.cordys.crm.system.domain.ModuleFieldBlob;
+import cn.cordys.crm.system.domain.ModuleForm;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.request.ResourceBatchEditRequest;
+import cn.cordys.crm.system.dto.response.ImportResponse;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.excel.CustomImportAfterDoConsumer;
+import cn.cordys.crm.system.excel.handler.CustomHeadColWidthStyleStrategy;
+import cn.cordys.crm.system.excel.handler.CustomTemplateWriteHandler;
+import cn.cordys.crm.system.excel.listener.CustomFieldCheckEventListener;
+import cn.cordys.crm.system.excel.listener.CustomFieldImportEventListener;
+import cn.cordys.crm.system.notice.CommonNoticeSendService;
+import cn.cordys.crm.system.service.LogService;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.crm.system.service.ModuleFormService;
+import cn.cordys.excel.utils.EasyExcelExporter;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import cn.idev.excel.FastExcelFactory;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import jakarta.servlet.http.HttpServletResponse;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.BooleanUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+import org.springframework.web.multipart.MultipartFile;
+
+import java.util.*;
+import java.util.stream.Collectors;
+
+/**
+ * @author jianxing
+ * @date 2025-02-24 11:06:10
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class CustomerContactService {
+    @Resource
+    private BaseMapper<CustomerContact> customerContactMapper;
+    @Resource
+    private ExtCustomerMapper extCustomerMapper;
+    @Resource
+    private ExtCustomerContactMapper extCustomerContactMapper;
+    @Resource
+    private BaseMapper<Customer> customerMapper;
+    @Resource
+    private BaseService baseService;
+    @Resource
+    private CustomerContactFieldService customerContactFieldService;
+    @Resource
+    private BaseChartService baseChartService;
+    @Resource
+    private CustomerCollaborationService customerCollaborationService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private ModuleFormService moduleFormService;
+    @Resource
+    private BaseMapper<Opportunity> opportunityMapper;
+    @Resource
+    private PermissionCache permissionCache;
+    @Resource
+    private BaseMapper<ModuleForm> moduleFormMapper;
+    @Resource
+    private BaseMapper<ModuleField> moduleFieldMapper;
+    @Resource
+    private BaseMapper<ModuleFieldBlob> moduleFieldBlobMapper;
+    @Resource
+    private CommonNoticeSendService commonNoticeSendService;
+    @Resource
+    private BaseMapper<CustomerContactField> customerContactFieldMapper;
+    @Resource
+    private BaseMapper<CustomerContactFieldBlob> customerContactFieldBlobMapper;
+    @Resource
+    private LogService logService;
+
+    public PagerWithOption<List<CustomerContactListResponse>> list(CustomerContactPageRequest request, String userId, String orgId, DeptDataPermissionDTO deptDataPermission) {
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        List<CustomerContactListResponse> list = extCustomerContactMapper.list(request, userId, orgId, deptDataPermission);
+        list = buildListData(list, orgId);
+
+        Map<String, List<OptionDTO>> optionMap = getListOptionMap(orgId, list);
+
+        return PageUtils.setPageInfoWithOption(page, list, optionMap);
+    }
+
+    public Map<String, List<OptionDTO>> getListOptionMap(String orgId, List<CustomerContactListResponse> list) {
+        ModuleFormConfigDTO customerFormConfig = getFormConfig(orgId);
+        // 获取所有模块字段的值
+        List<BaseModuleFieldValue> moduleFieldValues = moduleFormService.getBaseModuleFieldValues(list, CustomerContactListResponse::getModuleFields);
+        // 获取选项值对应的 option
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(customerFormConfig, moduleFieldValues);
+
+        // 补充负责人选项
+        List<OptionDTO> ownerFieldOption = moduleFormService.getBusinessFieldOption(list,
+                CustomerContactListResponse::getOwner, CustomerContactListResponse::getOwnerName);
+        optionMap.put(BusinessModuleField.CUSTOMER_CONTACT_OWNER.getBusinessKey(), ownerFieldOption);
+
+        // 补充客户选项
+        List<OptionDTO> customerFieldOption = moduleFormService.getBusinessFieldOption(list,
+                CustomerContactListResponse::getCustomerId, CustomerContactListResponse::getCustomerName);
+        optionMap.put(BusinessModuleField.CUSTOMER_CONTACT_CUSTOMER.getBusinessKey(), customerFieldOption);
+        return optionMap;
+    }
+
+    private ModuleFormConfigDTO getFormConfig(String orgId) {
+        return moduleFormCacheService.getBusinessFormConfig(FormKey.CONTACT.getKey(), orgId);
+    }
+
+    public List<CustomerContactListResponse> buildListData(List<CustomerContactListResponse> list, String orgId) {
+        if (CollectionUtils.isEmpty(list)) {
+            return List.of();
+        }
+
+        List<String> customerContactIds = list.stream().map(CustomerContactListResponse::getId)
+                .distinct()
+                .toList();
+
+        List<String> customerIds = list.stream().map(CustomerContactListResponse::getCustomerId)
+                .distinct()
+                .toList();
+
+        Map<String, List<BaseModuleFieldValue>> caseCustomFiledMap = customerContactFieldService.getResourceFieldMap(customerContactIds, true);
+        Map<String, List<BaseModuleFieldValue>> fieldValueMap = customerContactFieldService.setBusinessRefFieldValue(list, moduleFormService.getFlattenFormFields(FormKey.CONTACT.getKey(), orgId), caseCustomFiledMap);
+
+        Map<String, String> customNameMap = extCustomerMapper.selectOptionByIds(customerIds)
+                .stream()
+                .collect(Collectors.toMap(OptionDTO::getId, OptionDTO::getName));
+
+        List<String> ownerIds = list.stream()
+                .map(CustomerContactListResponse::getOwner)
+                .distinct()
+                .toList();
+
+        Map<String, UserDeptDTO> userDeptMap = baseService.getUserDeptMapByUserIds(ownerIds, orgId);
+
+        list.forEach(customerListResponse -> {
+            // 获取自定义字段
+            List<BaseModuleFieldValue> customerFields = fieldValueMap.get(customerListResponse.getId());
+            customerListResponse.setModuleFields(customerFields);
+
+            UserDeptDTO userDeptDTO = userDeptMap.get(customerListResponse.getOwner());
+            if (userDeptDTO != null) {
+                customerListResponse.setDepartmentId(userDeptDTO.getDeptId());
+                customerListResponse.setDepartmentName(userDeptDTO.getDeptName());
+            }
+
+            customerListResponse.setCustomerName(customNameMap.get(customerListResponse.getCustomerId()));
+        });
+
+        return baseService.setCreateUpdateOwnerUserName(list);
+    }
+
+    /**
+     * @param id 联系人ID
+     * @return 联系人详情
+     */
+    public CustomerContactGetResponse get(String id) {
+        CustomerContact customerContact = customerContactMapper.selectByPrimaryKey(id);
+        if (customerContact == null) {
+            return null;
+        }
+        CustomerContactGetResponse customerContactGetResponse = BeanUtils.copyBean(new CustomerContactGetResponse(), customerContact);
+
+        Customer customer = customerMapper.selectByPrimaryKey(customerContact.getCustomerId());
+        if (customer != null) {
+            customerContactGetResponse.setCustomerName(customer.getName());
+        }
+
+        UserDeptDTO userDeptDTO = baseService.getUserDeptMapByUserId(customerContact.getOwner(), customerContact.getOrganizationId());
+        if (userDeptDTO != null) {
+            customerContactGetResponse.setDepartmentId(userDeptDTO.getDeptId());
+            customerContactGetResponse.setDepartmentName(userDeptDTO.getDeptName());
+        }
+
+        customerContactGetResponse = baseService.setCreateUpdateOwnerUserName(customerContactGetResponse);
+
+        // 获取模块字段
+        List<BaseModuleFieldValue> customerContactFields = customerContactFieldService.getModuleFieldValuesByResourceId(id);
+        customerContactFields = customerContactFieldService.setBusinessRefFieldValue(List.of(customerContactGetResponse),
+                moduleFormService.getFlattenFormFields(FormKey.CONTACT.getKey(), customerContact.getOrganizationId()), new HashMap<>(Map.of(id, customerContactFields))).get(id);
+        ModuleFormConfigDTO customerContactFormConfig = getFormConfig(customerContact.getOrganizationId());
+
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(customerContactFormConfig, customerContactFields);
+
+        // 补充负责人选项
+        List<OptionDTO> ownerFieldOption = moduleFormService.getBusinessFieldOption(customerContactGetResponse,
+                CustomerContactGetResponse::getOwner, CustomerContactGetResponse::getOwnerName);
+        optionMap.put(BusinessModuleField.CUSTOMER_CONTACT_OWNER.getBusinessKey(), ownerFieldOption);
+
+        // 补充客户选项
+        List<OptionDTO> customerFieldOption = moduleFormService.getBusinessFieldOption(customerContactGetResponse,
+                CustomerContactGetResponse::getCustomerId, CustomerContactGetResponse::getCustomerName);
+        optionMap.put(BusinessModuleField.CUSTOMER_CONTACT_CUSTOMER.getBusinessKey(), customerFieldOption);
+
+        customerContactGetResponse.setOptionMap(optionMap);
+        customerContactGetResponse.setModuleFields(customerContactFields);
+
+        // 附件信息
+        customerContactGetResponse.setAttachmentMap(moduleFormService.getAttachmentMap(customerContactFormConfig, customerContactFields));
+        return customerContactGetResponse;
+    }
+
+	/**
+	 * 获取联系人详情（简化版）⚠️反射调用; 勿修改入参, 返回, 方法名!
+	 * @param id 联系人ID
+	 * @return 详情
+	 */
+	public CustomerContactGetResponse getSimple(String id) {
+		CustomerContact customerContact = customerContactMapper.selectByPrimaryKey(id);
+		if (customerContact == null) {
+			return null;
+		}
+		CustomerContactGetResponse response = BeanUtils.copyBean(new CustomerContactGetResponse(), customerContact);
+		List<BaseModuleFieldValue> fvs = customerContactFieldService.getModuleFieldValuesByResourceId(id);
+		response.setModuleFields(fvs);
+		return response;
+	}
+
+	/**
+	 * 批量获取联系人详情 (用于数据源批量查询优化)
+	 * @param ids 联系人ID集合
+	 * @return 联系人详情列表
+	 */
+	public List<CustomerContactGetResponse> batchGetSimpleByIds(List<String> ids) {
+		if (CollectionUtils.isEmpty(ids)) {
+			return List.of();
+		}
+		List<CustomerContact> contacts = customerContactMapper.selectByIds(ids);
+		if (CollectionUtils.isEmpty(contacts)) {
+			return List.of();
+		}
+		Map<String, List<BaseModuleFieldValue>> fieldValueMap = customerContactFieldService.getResourceFieldMap(ids, true);
+
+		return contacts.stream().map(contact -> {
+			CustomerContactGetResponse response = BeanUtils.copyBean(new CustomerContactGetResponse(), contact);
+			response.setModuleFields(fieldValueMap.get(contact.getId()));
+			return response;
+		}).toList();
+	}
+
+    @OperationLog(module = LogModule.CUSTOMER_CONTACT, type = LogType.ADD)
+    public CustomerContact add(CustomerContactAddRequest request, String userId, String orgId) {
+        CustomerContact customerContact = BeanUtils.copyBean(new CustomerContact(), request);
+        customerContact.setCreateTime(System.currentTimeMillis());
+        customerContact.setUpdateTime(System.currentTimeMillis());
+        customerContact.setUpdateUser(userId);
+        customerContact.setCreateUser(userId);
+        customerContact.setOrganizationId(orgId);
+        customerContact.setId(IDGenerator.nextStr());
+        customerContact.setEnable(true);
+        if (StringUtils.isBlank(request.getOwner())) {
+            customerContact.setOwner(userId);
+        }
+
+        //保存自定义字段
+        customerContactFieldService.saveModuleField(customerContact, orgId, userId, request.getModuleFields(), false);
+
+        customerContactMapper.insert(customerContact);
+
+        baseService.handleAddLogWithResourceName(customerContact, request.getModuleFields());
+
+        // 添加联系人通知
+        Customer customer = customerMapper.selectByPrimaryKey(request.getCustomerId());
+        if (customer != null && StringUtils.isNotEmpty(customer.getOwner())) {
+            Map<String, String> userNameMap = baseService.getUserNameMap(List.of(userId));
+            var paramMap = new HashMap<String, Object>(4);
+            paramMap.put("useTemplate", "true");
+            paramMap.put("template", Translator.get("message.customer.contact.add.text"));
+            paramMap.put("operator", userNameMap.getOrDefault(userId, userId));
+            paramMap.put("cName", customerContact.getName());
+            paramMap.put("name", customer.getName());
+            commonNoticeSendService.sendNotice(NotificationConstants.Module.CUSTOMER, NotificationConstants.Event.CUSTOMER_CONCAT_ADD,
+                    paramMap, userId, orgId, List.of(customer.getOwner()), true);
+        }
+        return customerContact;
+    }
+
+    @OperationLog(module = LogModule.CUSTOMER_CONTACT, type = LogType.UPDATE, resourceId = "{#request.id}")
+    public CustomerContact update(CustomerContactUpdateRequest request, String userId, String orgId) {
+        CustomerContact customerContact = BeanUtils.copyBean(new CustomerContact(), request);
+        customerContact.setUpdateTime(System.currentTimeMillis());
+        customerContact.setUpdateUser(userId);
+
+        CustomerContact originCustomerContact = customerContactMapper.selectByPrimaryKey(customerContact.getId());
+        // 获取模块字段
+        List<BaseModuleFieldValue> originCustomerFields = customerContactFieldService.getModuleFieldValuesByResourceId(request.getId());
+
+        if (BooleanUtils.isTrue(request.getAgentInvoke())) {
+            customerContactFieldService.updateModuleFieldByAgent(customerContact, originCustomerFields, request.getModuleFields(), orgId, userId);
+        } else {
+            // 更新模块字段
+            updateModuleField(customerContact, request.getModuleFields(), orgId, userId);
+        }
+
+        customerContactMapper.update(customerContact);
+
+        customerContact = customerContactMapper.selectByPrimaryKey(customerContact.getId());
+        baseService.handleUpdateLog(originCustomerContact, customerContact, originCustomerFields, request.getModuleFields(), originCustomerContact.getId(), originCustomerContact.getName());
+        return customerContact;
+    }
+
+    private void updateModuleField(CustomerContact customerContact, List<BaseModuleFieldValue> moduleFields, String orgId, String userId) {
+        if (moduleFields == null) {
+            // 如果为 null，则不更新
+            return;
+        }
+        // 先删除
+        customerContactFieldService.deleteByResourceId(customerContact.getId());
+        // 再保存
+        customerContactFieldService.saveModuleField(customerContact, orgId, userId, moduleFields, true);
+    }
+
+    @OperationLog(module = LogModule.CUSTOMER_CONTACT, type = LogType.DELETE, resourceId = "{#id}")
+    public void delete(String id) {
+        CustomerContact originCustomerContact = customerContactMapper.selectByPrimaryKey(id);
+        if (originCustomerContact == null) {
+            return;
+        }
+        customerContactMapper.deleteByPrimaryKey(id);
+        customerContactFieldService.deleteByResourceId(id);
+
+        // 设置操作对象
+        OperationLogContext.setResourceName(originCustomerContact.getName());
+    }
+
+    @OperationLog(module = LogModule.CUSTOMER_CONTACT, type = LogType.UPDATE, resourceId = "{#id}")
+    public void enable(String id) {
+        changeEnable(id, true, StringUtils.EMPTY);
+    }
+
+    private void changeEnable(String id, boolean enable, String reason) {
+        CustomerContact originCustomerContact = customerContactMapper.selectByPrimaryKey(id);
+
+        CustomerContact customerContact = new CustomerContact();
+        customerContact.setEnable(enable);
+        customerContact.setId(id);
+        customerContact.setDisableReason(reason);
+        customerContactMapper.updateById(customerContact);
+
+        if (!originCustomerContact.getEnable().equals(customerContact.getEnable())) {
+            CustomerContact originResourceLog = new CustomerContact();
+            originResourceLog.setEnable(!enable);
+            CustomerContact modifiedResourceLog = new CustomerContact();
+            modifiedResourceLog.setEnable(customerContact.getEnable());
+            OperationLogContext.setContext(
+                    LogContextInfo.builder()
+                            .resourceId(id)
+                            .resourceName(originCustomerContact.getName())
+                            .originalValue(originResourceLog)
+                            .modifiedValue(modifiedResourceLog)
+                            .build()
+            );
+        }
+    }
+
+    @OperationLog(module = LogModule.CUSTOMER_CONTACT, type = LogType.UPDATE, resourceId = "{#id}")
+    public void disable(String id, CustomerContactDisableRequest request) {
+        changeEnable(id, false, request.getReason());
+    }
+
+    public CustomerContactListAllResponse listByCustomerId(String customerId, String userId, String orgId, DeptDataPermissionDTO deptDataPermission) {
+        Customer customer = customerMapper.selectByPrimaryKey(customerId);
+        CustomerContactListAllResponse response = new CustomerContactListAllResponse();
+        if (deptDataPermission.getAll() || Strings.CS.equals(userId, InternalUser.ADMIN.getValue())) {
+            // 全部数据权限，直接返回
+            List<CustomerContactListResponse> list = extCustomerContactMapper.listByCustomerId(customerId);
+            list = buildListData(list, orgId);
+            Map<String, List<OptionDTO>> optionMap = getListOptionMap(orgId, list);
+            response.setList(list);
+            response.setOptionMap(optionMap);
+            return response;
+        }
+
+        List<CustomerContactListResponse> list = List.of();
+
+        // 查询协作人信息
+        List<CustomerCollaboration> collaborations = customerCollaborationService.selectByCustomerId(customerId);
+
+        // 获取协作类型的协作的联系人
+        Set<String> collaborationUserIds = collaborations.stream()
+                .filter(collaboration -> Strings.CS.equals(collaboration.getCollaborationType(), CustomerCollaborationType.COLLABORATION.name()))
+                .map(CustomerCollaboration::getUserId)
+                .collect(Collectors.toSet());
+
+        boolean isCustomerOwner = Strings.CS.equals(customer.getOwner(), userId);
+        boolean isCollaborationUser = collaborationUserIds.contains(userId);
+
+        // 部门数据权限
+        if (CollectionUtils.isNotEmpty(deptDataPermission.getDeptIds())) {
+            UserDeptDTO customerOwnerDept = baseService.getUserDeptMapByUserId(customer.getOwner(), orgId);
+            // 部门权限是否有该客户的权限
+            boolean hasDeptCustomerPermission = customerOwnerDept != null && deptDataPermission.getDeptIds().contains(customerOwnerDept.getDeptId());
+
+            list = extCustomerContactMapper.listByCustomerId(customerId);
+            if (hasDeptCustomerPermission) {
+                Map<String, UserDeptDTO> userDeptMapByUserIds = baseService.getUserDeptMapByUserIds(collaborationUserIds, orgId);
+                list = list.stream()
+                        .filter(item -> {
+                            if (!collaborationUserIds.contains(item.getOwner())) {
+                                // 不是协作人的联系人，则不过滤
+                                return true;
+                            }
+                            UserDeptDTO userDeptDTO = userDeptMapByUserIds.get(item.getOwner());
+                            // 部门数据权限，则过滤掉非本部门的协作人的联系人
+                            return userDeptDTO != null && deptDataPermission.getDeptIds().contains(userDeptDTO.getDeptId());
+                        })
+                        .toList();
+            } else if (isCollaborationUser) {
+                // 没有权限，只是协作人，则只能看自己的
+                list = list.stream()
+                        .filter(item -> Strings.CS.equals(item.getOwner(), userId))
+                        .toList();
+            }
+        }
+
+        if (deptDataPermission.getSelf()) {
+            list = extCustomerContactMapper.listByCustomerId(customerId);
+            if (isCustomerOwner) {
+                // 本人数据权限，则过滤协作人的联系人
+                list = list.stream()
+                        .filter(item -> !collaborationUserIds.contains(item.getOwner()) || Strings.CS.equals(item.getOwner(), userId))
+                        .toList();
+            } else if (isCollaborationUser) {
+                // 没有权限，只是协作人，则只能看自己的
+                list = list.stream()
+                        .filter(item -> Strings.CS.equals(item.getOwner(), userId))
+                        .toList();
+            }
+        }
+
+        list = buildListData(list, orgId);
+        Map<String, List<OptionDTO>> optionMap = getListOptionMap(orgId, list);
+        response.setList(list);
+        response.setOptionMap(optionMap);
+        return response;
+    }
+
+    public boolean checkOpportunity(String id) {
+        var example = new Opportunity();
+        example.setContactId(id);
+        return opportunityMapper.countByExample(example) > 0;
+    }
+
+    public String getContactName(String id) {
+        CustomerContact customerContact = customerContactMapper.selectByPrimaryKey(id);
+        return Optional.ofNullable(customerContact).map(CustomerContact::getName).orElse(null);
+    }
+
+    public CustomerContactListAllResponse getOpportunityContactList(String contactId, String orgId) {
+        CustomerContactListAllResponse response = new CustomerContactListAllResponse();
+        List<CustomerContactListResponse> list = extCustomerContactMapper.getById(contactId);
+        list = buildListData(list, orgId);
+        Map<String, List<OptionDTO>> optionMap = getListOptionMap(orgId, list);
+        response.setList(list);
+        response.setOptionMap(optionMap);
+        return response;
+    }
+
+    public ResourceTabEnableDTO getTabEnableConfig(String userId, String orgId) {
+        List<RolePermissionDTO> rolePermissions = permissionCache.getRolePermissions(userId, orgId);
+        return PermissionUtils.getTabEnableConfig(userId, PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_READ, rolePermissions);
+    }
+
+    /**
+     * 检查联系人和电话是否唯一
+     *
+     * @param contact    联系人姓名
+     * @param phone      联系人电话
+     * @param customerId 客户ID
+     * @param orgId      组织ID
+     *
+     * @return 是否唯一
+     */
+    public boolean checkCustomerContactUnique(String contact, String phone, String customerId, String orgId) {
+        var formQueryWrapper = new LambdaQueryWrapper<ModuleForm>();
+        formQueryWrapper.eq(ModuleForm::getOrganizationId, orgId).eq(ModuleForm::getFormKey, FormKey.CONTACT.getKey());
+        List<ModuleForm> forms = moduleFormMapper.selectListByLambda(formQueryWrapper);
+        List<String> formIds = forms.stream().map(ModuleForm::getId).toList();
+
+        var queryWrapper = new LambdaQueryWrapper<ModuleField>();
+        queryWrapper.in(ModuleField::getInternalKey, List.of(BusinessModuleField.CUSTOMER_CONTACT_NAME.getKey(),
+                BusinessModuleField.CUSTOMER_CONTACT_PHONE.getKey())).in(ModuleField::getFormId, formIds);
+        List<String> fieldIds = moduleFieldMapper.selectListByLambda(queryWrapper).stream().map(ModuleField::getId).toList();
+        List<ModuleFieldBlob> blobs = moduleFieldBlobMapper.selectByIds(fieldIds);
+
+        boolean nameUnique = false, phoneUnique = false;
+        for (ModuleFieldBlob blob : blobs) {
+            BaseField baseField = JSON.parseObject(blob.getProp(), BaseField.class);
+            String internalKey = baseField.getInternalKey();
+            boolean hasUnique = baseField.getRules().stream().anyMatch(rule -> RuleValidatorConstants.UNIQUE.equals(rule.getKey()));
+            if (Strings.CI.equals(internalKey, BusinessModuleField.CUSTOMER_CONTACT_NAME.getKey())) {
+                nameUnique = hasUnique;
+            }
+            if (Strings.CI.equals(internalKey, BusinessModuleField.CUSTOMER_CONTACT_PHONE.getKey())) {
+                phoneUnique = hasUnique;
+            }
+        }
+        if (!nameUnique && !phoneUnique) {
+            return true;
+        }
+        ContactUniqueRequest request = ContactUniqueRequest.builder().name(contact).phone(phone).nameUnique(nameUnique).phoneUnique(phoneUnique).build();
+        return extCustomerContactMapper.getUniqueContactCount(request, customerId, orgId) == 0;
+    }
+
+
+    /**
+     * 更新责任人
+     *
+     * @param customerId 客户ID
+     * @param newOwner   新的负责人
+     * @param oldOwner   旧的负责人
+     * @param orgId      组织ID
+     */
+    public void updateContactOwner(String customerId, String newOwner, String oldOwner, String orgId) {
+        extCustomerContactMapper.updateContactOwner(customerId, newOwner, oldOwner, orgId);
+    }
+
+    /**
+     * 更新公海客户联系人
+     *
+     * @param customerId 客户ID
+     * @param newOwner   新的负责人
+     * @param oldOwner   旧的负责人
+     * @param orgId      组织ID
+     */
+    public void updatePoolContactOwner(String customerId, String newOwner, String oldOwner, String orgId) {
+        extCustomerContactMapper.updatePoolContactOwner(customerId, newOwner, oldOwner, orgId);
+    }
+
+    public List<CustomerContact> getContactListByNames(List<String> names) {
+        var lambdaQueryWrapper = new LambdaQueryWrapper<CustomerContact>();
+        lambdaQueryWrapper.in(CustomerContact::getName, names);
+        return customerContactMapper.selectListByLambda(lambdaQueryWrapper);
+    }
+
+    /**
+     * 下载导入的模板
+     *
+     * @param response 响应
+     */
+    public void downloadImportTpl(HttpServletResponse response, String currentOrg) {
+        new EasyExcelExporter()
+                .exportMultiSheetTplWithSharedHandler(response, moduleFormService.getCustomImportHeadsNoRef(FormKey.CONTACT.getKey(), currentOrg),
+                        Translator.get("contact.import_tpl.name"), Translator.get(SheetKey.DATA), Translator.get(SheetKey.COMMENT),
+                        new CustomTemplateWriteHandler(moduleFormService.getAllCustomImportFields(FormKey.CONTACT.getKey(), currentOrg)), new CustomHeadColWidthStyleStrategy());
+    }
+
+    /**
+     * 导入检查
+     *
+     * @param file       导入文件
+     * @param currentOrg 当前组织
+     *
+     * @return 导入检查信息
+     */
+    public ImportResponse importPreCheck(MultipartFile file, String currentOrg) {
+        if (file == null) {
+            throw new GenericException(Translator.get("file_cannot_be_null"));
+        }
+        return checkImportExcel(file, currentOrg);
+    }
+
+    /**
+     * 联系人导入
+     *
+     * @param file        导入文件
+     * @param currentOrg  当前组织
+     * @param currentUser 当前用户
+     *
+     * @return 导入返回信息
+     */
+    public ImportResponse realImport(MultipartFile file, String currentOrg, String currentUser) {
+        try {
+            List<BaseField> fields = moduleFormService.getAllFields(FormKey.CONTACT.getKey(), currentOrg);
+            CustomImportAfterDoConsumer<CustomerContact, BaseResourceSubField> afterDo = (contacts, contactFields, contactFieldBlobs) -> {
+                var logs = new ArrayList<LogDTO>();
+                contacts.forEach(contact -> {
+                    contact.setEnable(true);
+                    logs.add(new LogDTO(currentOrg, contact.getId(), currentUser, LogType.ADD, LogModule.CUSTOMER_CONTACT, contact.getName()));
+                });
+                customerContactMapper.batchInsert(contacts);
+                customerContactFieldMapper.batchInsert(contactFields.stream().map(field -> BeanUtils.copyBean(new CustomerContactField(), field)).toList());
+                customerContactFieldBlobMapper.batchInsert(contactFieldBlobs.stream().map(field -> BeanUtils.copyBean(new CustomerContactFieldBlob(), field)).toList());
+                // record logs
+                logService.batchAdd(logs);
+            };
+            CustomFieldImportEventListener<CustomerContact> eventListener = new CustomFieldImportEventListener<>(fields, CustomerContact.class, currentOrg, currentUser,
+                    "customer_contact_field", afterDo, 2000, null, null);
+            FastExcelFactory.read(file.getInputStream(), eventListener).headRowNumber(1).ignoreEmptyRow(true).sheet().doRead();
+            return ImportResponse.builder().errorMessages(eventListener.getErrList())
+                    .successCount(eventListener.getSuccessCount()).failCount(eventListener.getErrList().size()).build();
+        } catch (Exception e) {
+            log.error("contact import error: {}", e.getMessage());
+            throw new GenericException(e.getMessage());
+        }
+    }
+
+    /**
+     * 检查导入的文件
+     *
+     * @param file       文件
+     * @param currentOrg 当前组织
+     *
+     * @return 检查信息
+     */
+    private ImportResponse checkImportExcel(MultipartFile file, String currentOrg) {
+        try {
+            List<BaseField> fields = moduleFormService.getAllCustomImportFields(FormKey.CONTACT.getKey(), currentOrg);
+            CustomFieldCheckEventListener eventListener = new CustomFieldCheckEventListener(fields, "customer_contact", "customer_contact_field", currentOrg);
+            FastExcelFactory.read(file.getInputStream(), eventListener).headRowNumber(1).ignoreEmptyRow(true).sheet().doRead();
+            return ImportResponse.builder().errorMessages(eventListener.getErrList())
+                    .successCount(eventListener.getSuccess()).failCount(eventListener.getErrList().size()).build();
+        } catch (Exception e) {
+            log.error("contact import pre-check error: {}", e.getMessage());
+            throw new GenericException(e.getMessage());
+        }
+    }
+
+    public String getContactNameByIds(List<String> ids) {
+        List<CustomerContact> contacts = customerContactMapper.selectByIds(ids);
+        if (CollectionUtils.isNotEmpty(contacts)) {
+            List<String> names = contacts.stream().map(CustomerContact::getName).toList();
+            return String.join(",", names);
+        }
+        return StringUtils.EMPTY;
+    }
+
+    public void batchUpdate(ResourceBatchEditRequest request, String userId, String organizationId) {
+        BaseField field = customerContactFieldService.getAndCheckField(request.getFieldId(), organizationId);
+
+        List<CustomerContact> originCustomerContacts = customerContactMapper.selectByIds(request.getIds());
+
+        customerContactFieldService.batchUpdate(request, field, originCustomerContacts, CustomerContact.class, LogModule.CUSTOMER_CONTACT, extCustomerContactMapper::batchUpdate, userId, organizationId);
+    }
+
+    public List<ChartResult> chart(ChartAnalysisRequest request, String userId, String orgId, DeptDataPermissionDTO deptDataPermission) {
+        ModuleFormConfigDTO formConfig = getFormConfig(orgId);
+        formConfig.getFields().addAll(BaseChartService.getChartBaseFields());
+        ChartAnalysisDbRequest chartAnalysisDbRequest = ConditionFilterUtils.parseChartAnalysisRequest(request, formConfig);
+        List<ChartResult> chartResults = extCustomerContactMapper.chart(chartAnalysisDbRequest, userId, orgId, deptDataPermission);
+        return baseChartService.translateAxisName(formConfig, chartAnalysisDbRequest, chartResults);
+    }
+
+    /**
+     * 联系人是否有唯一字段
+     *
+     * @param orgId 组织ID
+     *
+     * @return 是否唯一
+     */
+    public Map<String, Boolean> getUniqueMap(String orgId) {
+        var uniqueMap = new HashMap<String, Boolean>(2);
+        var formQueryWrapper = new LambdaQueryWrapper<ModuleForm>();
+        formQueryWrapper.eq(ModuleForm::getOrganizationId, orgId).eq(ModuleForm::getFormKey, FormKey.CONTACT.getKey());
+        List<ModuleForm> forms = moduleFormMapper.selectListByLambda(formQueryWrapper);
+        List<String> formIds = forms.stream().map(ModuleForm::getId).toList();
+
+        var queryWrapper = new LambdaQueryWrapper<ModuleField>();
+        queryWrapper.in(ModuleField::getInternalKey, List.of(BusinessModuleField.CUSTOMER_CONTACT_NAME.getKey(),
+                BusinessModuleField.CUSTOMER_CONTACT_PHONE.getKey())).in(ModuleField::getFormId, formIds);
+        List<String> fieldIds = moduleFieldMapper.selectListByLambda(queryWrapper).stream().map(ModuleField::getId).toList();
+        List<ModuleFieldBlob> blobs = moduleFieldBlobMapper.selectByIds(fieldIds);
+
+        for (ModuleFieldBlob blob : blobs) {
+            BaseField baseField = JSON.parseObject(blob.getProp(), BaseField.class);
+            String internalKey = baseField.getInternalKey();
+            boolean hasUnique = baseField.getRules().stream().anyMatch(rule -> RuleValidatorConstants.UNIQUE.equals(rule.getKey()));
+            uniqueMap.put(internalKey, hasUnique);
+        }
+        return uniqueMap;
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerExportService.java b/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerExportService.java
new file mode 100644
index 0000000..2380106
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerExportService.java
@@ -0,0 +1,193 @@
+package cn.cordys.crm.customer.service;
+
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.common.dto.ExportHeadDTO;
+import cn.cordys.common.dto.ExportSelectRequest;
+import cn.cordys.common.service.BaseExportService;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.SubListUtils;
+import cn.cordys.crm.customer.dto.request.CustomerExportRequest;
+import cn.cordys.crm.customer.dto.response.CustomerListResponse;
+import cn.cordys.crm.customer.mapper.ExtCustomerMapper;
+import cn.cordys.crm.customer.utils.PoolCustomerFieldUtils;
+import cn.cordys.crm.system.constants.ExportConstants;
+import cn.cordys.crm.system.domain.ExportTask;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.service.ExportTaskService;
+import cn.cordys.registry.ExportThreadRegistry;
+import cn.idev.excel.EasyExcel;
+import cn.idev.excel.ExcelWriter;
+import cn.idev.excel.support.ExcelTypeEnum;
+import cn.idev.excel.write.metadata.WriteSheet;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.context.i18n.LocaleContextHolder;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.io.File;
+import java.util.*;
+import java.util.concurrent.atomic.AtomicReference;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class CustomerExportService extends BaseExportService {
+
+    @Resource
+    private CustomerService customerService;
+    @Resource
+    private ExportTaskService exportTaskService;
+    @Resource
+    private ExtCustomerMapper extCustomerMapper;
+
+
+    public String export(String userId, CustomerExportRequest request, String orgId, DeptDataPermissionDTO deptDataPermission, Locale locale) {
+        checkFileName(request.getFileName());
+        //用户导出数量 限制
+        exportTaskService.checkUserTaskLimit(userId, ExportConstants.ExportType.CUSTOMER.name());
+
+        var exportTask = exportTaskService.saveTask(orgId, IDGenerator.nextStr(), userId, ExportConstants.ExportType.CUSTOMER.toString(), request.getFileName());
+
+        // 启动虚拟线程执行导出任务
+        runExport(orgId, userId, LogModule.CUSTOMER_INDEX, locale, exportTask, request.getFileName(),
+                () -> exportCustomerData(exportTask, userId, request, orgId, deptDataPermission));
+
+        return exportTask.getId();
+    }
+
+    public void exportCustomerData(ExportTask exportTask, String userId, CustomerExportRequest request, String orgId, DeptDataPermissionDTO deptDataPermission) throws Exception {
+        //表头信息
+        var headList = request.getHeadList().stream()
+                .map(head -> List.of(head.getTitle()))
+                .toList();
+        //分批查询数据并写入文件
+        batchHandleData(exportTask.getFileId(),
+                headList,
+                exportTask,
+                request.getFileName(),
+                request,
+                t -> getExportData(request.getHeadList(), request, userId, orgId, deptDataPermission, exportTask.getId()));
+    }
+
+    private List<Object> buildData(List<ExportHeadDTO> headList, CustomerListResponse data, Map<String, BaseField> fieldConfigMap) {
+        var dataList = new ArrayList<>();
+        //固定字段map
+        LinkedHashMap<String, Object> systemFieldMap = PoolCustomerFieldUtils.getSystemFieldMap(data);
+        //自定义字段map
+        AtomicReference<Map<String, Object>> moduleFieldMap = new AtomicReference<>(new LinkedHashMap<>());
+
+        Optional.ofNullable(data.getModuleFields()).ifPresent(moduleFields ->
+                moduleFieldMap.set(moduleFields.stream().collect(Collectors.toMap(BaseModuleFieldValue::getFieldId, BaseModuleFieldValue::getFieldValue))));
+        //处理数据转换
+        transModuleFieldValue(headList, systemFieldMap, moduleFieldMap.get(), dataList, fieldConfigMap);
+        return dataList;
+    }
+
+
+    /**
+     * 导出选择数据
+     *
+     * @param userId  用户ID
+     * @param request 导出选择请求
+     * @param orgId   组织ID
+     *
+     * @return 导出任务ID
+     */
+    public String exportSelect(String userId, ExportSelectRequest request, String orgId, Locale locale) {
+        checkFileName(request.getFileName());
+        // 用户导出数量限制
+        exportTaskService.checkUserTaskLimit(userId, ExportConstants.ExportType.CUSTOMER.name());
+
+        String fileId = IDGenerator.nextStr();
+        var exportTask = exportTaskService.saveTask(orgId, fileId, userId, ExportConstants.ExportType.CUSTOMER.toString(), request.getFileName());
+
+        runExport(orgId, userId, LogModule.CUSTOMER_INDEX, locale, exportTask, request.getFileName(),
+                () -> exportSelectData(exportTask, userId, request, orgId, locale));
+
+        return exportTask.getId();
+    }
+
+    public void exportSelectData(ExportTask exportTask, String userId, ExportSelectRequest request, String orgId, Locale locale) {
+        LocaleContextHolder.setLocale(locale);
+        ExportThreadRegistry.register(exportTask.getId(), Thread.currentThread());
+        //表头信息
+        var headList = request.getHeadList().stream()
+                .map(head -> List.of(head.getTitle()))
+                .toList();
+        // 准备导出文件
+        var file = prepareExportFile(exportTask.getFileId(), request.getFileName(), exportTask.getOrganizationId());
+        try (ExcelWriter writer = EasyExcel.write(file)
+                .head(headList)
+                .excelType(ExcelTypeEnum.XLSX)
+                .build()) {
+            var sheet = EasyExcel.writerSheet("导出数据").build();
+
+            SubListUtils.dealForSubList(request.getIds(), SubListUtils.DEFAULT_EXPORT_BATCH_SIZE, (subIds) -> {
+                List<List<Object>> data = null;
+                try {
+                    data = getExportDataBySelect(request.getHeadList(), subIds, orgId, exportTask.getId());
+                } catch (InterruptedException e) {
+                    log.error("任务停止中断", e);
+                    exportTaskService.update(exportTask.getId(), ExportConstants.ExportStatus.STOP.toString(), userId);
+                }
+                writer.write(data, sheet);
+            });
+        }
+
+        //更新导出任务状态
+        exportTaskService.update(exportTask.getId(), ExportConstants.ExportStatus.SUCCESS.toString(), userId);
+    }
+
+
+    /**
+     * 选中客户数据
+     */
+    private List<List<Object>> getExportDataBySelect(
+            List<ExportHeadDTO> headList, List<String> ids, String orgId, String taskId
+    ) throws InterruptedException {
+
+        List<CustomerListResponse> rawList = extCustomerMapper.getListByIds(ids);
+        return buildCustomerExportData(headList, rawList, orgId, taskId);
+    }
+
+    /**
+     * 条件分页导出客户数据
+     */
+    private List<List<Object>> getExportData(
+            List<ExportHeadDTO> headList, CustomerExportRequest request,
+            String userId, String orgId, DeptDataPermissionDTO deptDataPermission, String taskId
+    ) throws InterruptedException {
+
+        PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        List<CustomerListResponse> rawList = extCustomerMapper.list(request, orgId, userId, deptDataPermission);
+        return buildCustomerExportData(headList, rawList, orgId, taskId);
+    }
+
+    /**
+     * 构建客户导出数据（公共逻辑）
+     */
+    private List<List<Object>> buildCustomerExportData(
+            List<ExportHeadDTO> headList, List<CustomerListResponse> rawList,
+            String orgId, String taskId
+    ) throws InterruptedException {
+
+        List<CustomerListResponse> dataList = customerService.buildListData(rawList, orgId);
+        Map<String, BaseField> fieldConfigMap = getFieldConfigMap(FormKey.CUSTOMER.getKey(), orgId);
+
+        var result = new ArrayList<List<Object>>(dataList.size());
+        for (CustomerListResponse response : dataList) {
+            if (ExportThreadRegistry.isInterrupted(taskId)) {
+                throw new InterruptedException("线程已被中断，主动退出");
+            }
+            result.add(buildData(headList, response, fieldConfigMap));
+        }
+        return result;
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerFieldService.java b/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerFieldService.java
new file mode 100644
index 0000000..ac5bb8f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerFieldService.java
@@ -0,0 +1,38 @@
+package cn.cordys.crm.customer.service;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.service.BaseResourceFieldService;
+import cn.cordys.crm.customer.domain.CustomerField;
+import cn.cordys.crm.customer.domain.CustomerFieldBlob;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class CustomerFieldService extends BaseResourceFieldService<CustomerField, CustomerFieldBlob> {
+    @Resource
+    private BaseMapper<CustomerField> customerFieldMapper;
+    @Resource
+    private BaseMapper<CustomerFieldBlob> customerFieldBlobMapper;
+
+    @Override
+    protected String getFormKey() {
+        return FormKey.CUSTOMER.getKey();
+    }
+
+    @Override
+    protected BaseMapper<CustomerField> getResourceFieldMapper() {
+        return customerFieldMapper;
+    }
+
+    @Override
+    protected BaseMapper<CustomerFieldBlob> getResourceFieldBlobMapper() {
+        return customerFieldBlobMapper;
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerLogService.java b/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerLogService.java
new file mode 100644
index 0000000..3ce4e2d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerLogService.java
@@ -0,0 +1,31 @@
+package cn.cordys.crm.customer.service;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.dto.JsonDifferenceDTO;
+import cn.cordys.crm.system.service.BaseModuleLogService;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.text.SimpleDateFormat;
+import java.util.List;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class CustomerLogService extends BaseModuleLogService {
+
+    @Override
+    public List<JsonDifferenceDTO> handleLogField(List<JsonDifferenceDTO> differences, String orgId) {
+        differences = super.handleModuleLogField(differences, orgId, FormKey.CUSTOMER.getKey());
+
+        for (JsonDifferenceDTO differ : differences) {
+            if (Strings.CS.equals(differ.getColumn(), BusinessModuleField.CUSTOMER_OWNER.getBusinessKey())) {
+                setUserFieldName(differ);
+            } else if (Strings.CS.equals(differ.getColumn(), "collectionTime")) {
+                setFormatDataTimeFieldValueName(differ, new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"));
+            }
+        }
+        return differences;
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerOwnerHistoryService.java b/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerOwnerHistoryService.java
new file mode 100644
index 0000000..0fc2532
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerOwnerHistoryService.java
@@ -0,0 +1,127 @@
+package cn.cordys.crm.customer.service;
+
+import cn.cordys.common.dto.UserDeptDTO;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.crm.customer.domain.Customer;
+import cn.cordys.crm.customer.domain.CustomerOwner;
+import cn.cordys.crm.customer.dto.request.CustomerBatchTransferRequest;
+import cn.cordys.crm.customer.dto.response.CustomerOwnerListResponse;
+import cn.cordys.crm.customer.mapper.ExtCustomerOwnerMapper;
+import cn.cordys.crm.system.constants.DictModule;
+import cn.cordys.crm.system.domain.Dict;
+import cn.cordys.crm.system.domain.DictConfig;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+import java.util.stream.Collectors;
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class CustomerOwnerHistoryService {
+    @Resource
+    private BaseMapper<CustomerOwner> customerOwnerMapper;
+    @Resource
+    private BaseService baseService;
+    @Resource
+    private ExtCustomerOwnerMapper extCustomerOwnerMapper;
+    @Resource
+    private BaseMapper<DictConfig> dictConfigMapper;
+    @Resource
+    private BaseMapper<Dict> dictMapper;
+
+
+    public List<CustomerOwnerListResponse> list(String customerId, String orgId) {
+        var wrapper = new LambdaQueryWrapper<CustomerOwner>();
+        wrapper.eq(CustomerOwner::getCustomerId, customerId);
+        wrapper.orderByDesc(CustomerOwner::getEndTime);
+        List<CustomerOwner> owners = customerOwnerMapper.selectListByLambda(wrapper);
+        return buildListData(orgId, owners);
+    }
+
+    private List<CustomerOwnerListResponse> buildListData(String orgId, List<CustomerOwner> owners) {
+        if (CollectionUtils.isEmpty(owners)) {
+            return List.of();
+        }
+        Set<String> userIds = new HashSet<>();
+        Set<String> ownerIds = new HashSet<>();
+        Set<String> reasonIds = new HashSet<>();
+
+        for (CustomerOwner owner : owners) {
+            userIds.add(owner.getOwner());
+            userIds.add(owner.getOperator());
+            ownerIds.add(owner.getOwner());
+            reasonIds.add(owner.getReasonId());
+        }
+
+        Map<String, UserDeptDTO> userDeptMap = baseService.getUserDeptMapByUserIds(new ArrayList<>(ownerIds), orgId);
+
+        Map<String, String> userNameMap = baseService.getUserNameMap(userIds);
+
+        List<Dict> dictList = dictMapper.selectByIds(new ArrayList<>(reasonIds));
+        var dictNameMap = dictList.stream().collect(Collectors.toMap(Dict::getId, Dict::getName));
+
+        var configLambdaQueryWrapper = new LambdaQueryWrapper<DictConfig>();
+        configLambdaQueryWrapper.eq(DictConfig::getModule, DictModule.CUSTOMER_POOL_RS.name()).eq(DictConfig::getOrganizationId, orgId);
+        List<DictConfig> configs = dictConfigMapper.selectListByLambda(configLambdaQueryWrapper);
+
+        var showReason = CollectionUtils.isNotEmpty(configs) && configs.getFirst().getEnabled();
+        return owners
+                .stream()
+                .map(item -> {
+                    CustomerOwnerListResponse customerOwner =
+                            BeanUtils.copyBean(new CustomerOwnerListResponse(), item);
+                    UserDeptDTO userDeptDTO = userDeptMap.get(customerOwner.getOwner());
+                    if (userDeptDTO != null) {
+                        customerOwner.setDepartmentId(userDeptDTO.getDeptId());
+                        customerOwner.setDepartmentName(userDeptDTO.getDeptName());
+                    }
+                    if (!showReason) {
+                        customerOwner.setReasonId(null);
+                        customerOwner.setReasonName(null);
+                    } else {
+                        customerOwner.setReasonName(dictNameMap.get(customerOwner.getReasonId()));
+                    }
+                    customerOwner.setOwnerName(userNameMap.get(customerOwner.getOwner()));
+                    customerOwner.setOperatorName(userNameMap.get(customerOwner.getOperator()));
+                    return customerOwner;
+                }).toList();
+    }
+
+    public CustomerOwner add(Customer customer, String userId, Boolean addReason) {
+        CustomerOwner customerOwner = new CustomerOwner();
+        customerOwner.setOwner(customer.getOwner());
+        customerOwner.setOperator(userId);
+        customerOwner.setCustomerId(customer.getId());
+        customerOwner.setCollectionTime(customer.getCollectionTime());
+        customerOwner.setEndTime(System.currentTimeMillis());
+        if (addReason && StringUtils.isNotBlank(customer.getReasonId()) && !Strings.CS.equals(customer.getReasonId(), "system")) {
+            customerOwner.setReasonId(customer.getReasonId());
+        }
+        customerOwner.setId(IDGenerator.nextStr());
+        customerOwnerMapper.insert(customerOwner);
+        return customerOwner;
+    }
+
+    public void batchAdd(CustomerBatchTransferRequest transferRequest, String userId) {
+        extCustomerOwnerMapper.batchAdd(transferRequest, userId);
+    }
+
+    public void deleteByCustomerIds(List<String> customerIds) {
+        var wrapper = new LambdaQueryWrapper<CustomerOwner>();
+        wrapper.in(CustomerOwner::getCustomerId, customerIds);
+        customerOwnerMapper.deleteByLambda(wrapper);
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerPoolExportService.java b/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerPoolExportService.java
new file mode 100644
index 0000000..3430a5a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerPoolExportService.java
@@ -0,0 +1,63 @@
+package cn.cordys.crm.customer.service;
+
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.common.dto.ExportSelectRequest;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.crm.customer.dto.request.CustomerExportRequest;
+import cn.cordys.crm.system.constants.ExportConstants;
+import cn.cordys.crm.system.domain.ExportTask;
+import cn.cordys.crm.system.service.ExportTaskService;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.Locale;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class CustomerPoolExportService extends CustomerExportService {
+
+    @Resource
+    private CustomerExportService customerExportService;
+    @Resource
+    private ExportTaskService exportTaskService;
+
+
+    /**
+     * 跨页导出公海池数据
+     *
+     * @param userId
+     * @param request
+     * @param orgId
+     * @param deptDataPermission
+     * @param locale
+     *
+     * @return
+     */
+    public String exportCrossPage(String userId, CustomerExportRequest request, String orgId, DeptDataPermissionDTO deptDataPermission, Locale locale) {
+        checkFileName(request.getFileName());
+        //用户导出数量 限制
+        exportTaskService.checkUserTaskLimit(userId, ExportConstants.ExportType.CUSTOMER_POOL.name());
+        String fileId = IDGenerator.nextStr();
+        ExportTask exportTask = exportTaskService.saveTask(orgId, fileId, userId, ExportConstants.ExportType.CUSTOMER_POOL.toString(), request.getFileName());
+
+        runExport(orgId, userId, LogModule.CUSTOMER_POOL, locale, exportTask, request.getFileName(),
+                () -> customerExportService.exportCustomerData(exportTask, userId, request, orgId, deptDataPermission));
+
+        return exportTask.getId();
+    }
+
+    public String exportCrossSelect(String userId, ExportSelectRequest request, String orgId, Locale locale) {
+        checkFileName(request.getFileName());
+        // 用户导出数量限制
+        exportTaskService.checkUserTaskLimit(userId, ExportConstants.ExportType.CUSTOMER_POOL.name());
+        String fileId = IDGenerator.nextStr();
+        ExportTask exportTask = exportTaskService.saveTask(orgId, fileId, userId, ExportConstants.ExportType.CUSTOMER_POOL.toString(), request.getFileName());
+
+        runExport(orgId, userId, LogModule.CUSTOMER_POOL, locale, exportTask, request.getFileName(),
+                () -> exportSelectData(exportTask, userId, request, orgId, locale));
+
+        return exportTask.getId();
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerPoolService.java b/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerPoolService.java
new file mode 100644
index 0000000..c95b350
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerPoolService.java
@@ -0,0 +1,497 @@
+package cn.cordys.crm.customer.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.common.dto.condition.CombineSearch;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.common.utils.RecycleConditionUtils;
+import cn.cordys.crm.customer.domain.*;
+import cn.cordys.crm.customer.dto.CustomerPoolDTO;
+import cn.cordys.crm.customer.dto.CustomerPoolFieldConfigDTO;
+import cn.cordys.crm.customer.dto.CustomerPoolPickRuleDTO;
+import cn.cordys.crm.customer.dto.CustomerPoolRecycleRuleDTO;
+import cn.cordys.crm.customer.dto.request.CustomerPoolAddRequest;
+import cn.cordys.crm.customer.dto.request.CustomerPoolUpdateRequest;
+import cn.cordys.crm.customer.mapper.ExtCustomerPoolMapper;
+import cn.cordys.crm.system.constants.RecycleConditionColumnKey;
+import cn.cordys.crm.system.constants.RecycleConditionOperator;
+import cn.cordys.crm.system.constants.RecycleConditionScopeKey;
+import cn.cordys.crm.system.domain.User;
+import cn.cordys.crm.system.dto.RuleConditionDTO;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.crm.system.service.UserExtendService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+import java.util.stream.Collectors;
+import java.util.stream.Stream;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class CustomerPoolService {
+
+    @Resource
+    private BaseMapper<User> userMapper;
+    @Resource
+    private BaseMapper<Customer> customerMapper;
+    @Resource
+    private BaseMapper<CustomerPool> customerPoolMapper;
+    @Resource
+    private BaseMapper<CustomerPoolHiddenField> customerPoolHiddenFieldMapper;
+    @Resource
+    private BaseMapper<CustomerPoolPickRule> customerPoolPickRuleMapper;
+    @Resource
+    private BaseMapper<CustomerPoolRecycleRule> customerPoolRecycleRuleMapper;
+    @Resource
+    private ExtCustomerPoolMapper extCustomerPoolMapper;
+    @Resource
+    private UserExtendService userExtendService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+
+    /**
+     * 分页获取公海池
+     *
+     * @param request 分页参数
+     *
+     * @return 公海池列表
+     */
+    public List<CustomerPoolDTO> page(BasePageRequest request, String organizationId) {
+        List<CustomerPoolDTO> pools = extCustomerPoolMapper.list(request, organizationId);
+        if (CollectionUtils.isEmpty(pools)) {
+            return new ArrayList<>();
+        }
+
+        List<String> userIds = pools.stream().flatMap(pool -> Stream.of(pool.getCreateUser(), pool.getUpdateUser())).toList();
+        List<User> createOrUpdateUsers = userMapper.selectByIds(userIds.toArray(new String[0]));
+        Map<String, String> userMap = createOrUpdateUsers.stream()
+                .collect(Collectors.toMap(User::getId, User::getName));
+
+        List<String> poolIds = pools.stream()
+                .map(CustomerPoolDTO::getId)
+                .toList();
+
+        var pickRuleWrapper = new LambdaQueryWrapper<CustomerPoolPickRule>();
+        pickRuleWrapper.in(CustomerPoolPickRule::getPoolId, poolIds);
+
+        List<CustomerPoolPickRule> pickRules = customerPoolPickRuleMapper.selectListByLambda(pickRuleWrapper);
+        Map<String, CustomerPoolPickRule> pickRuleMap = pickRules.stream()
+                .collect(Collectors.toMap(CustomerPoolPickRule::getPoolId, pickRule -> pickRule));
+
+        var recycleRuleWrapper = new LambdaQueryWrapper<CustomerPoolRecycleRule>();
+        recycleRuleWrapper.in(CustomerPoolRecycleRule::getPoolId, poolIds);
+
+        List<CustomerPoolRecycleRule> recycleRules = customerPoolRecycleRuleMapper.selectListByLambda(recycleRuleWrapper);
+        Map<String, CustomerPoolRecycleRule> recycleRuleMap = recycleRules.stream()
+                .collect(Collectors.toMap(CustomerPoolRecycleRule::getPoolId, recycleRule -> recycleRule));
+
+        Map<String, List<CustomerPoolHiddenField>> hiddenFieldMap = getCustomerPoolHiddenFieldByPoolIds(poolIds)
+                .stream()
+                .collect(Collectors.groupingBy(CustomerPoolHiddenField::getPoolId));
+
+        List<BaseField> fields = moduleFormCacheService.getBusinessFormConfig(FormKey.CUSTOMER.getKey(), organizationId).getFields();
+
+        pools.forEach(pool -> {
+            pool.setMembers(userExtendService.getScope(JSON.parseArray(pool.getScopeId(), String.class)));
+            pool.setOwners(userExtendService.getScope(JSON.parseArray(pool.getOwnerId(), String.class)));
+            pool.setCreateUserName(userMap.get(pool.getCreateUser()));
+            pool.setUpdateUserName(userMap.get(pool.getUpdateUser()));
+
+            var pickRule = new CustomerPoolPickRuleDTO();
+            BeanUtils.copyBean(pickRule, pickRuleMap.get(pool.getId()));
+            var recycleRule = new CustomerPoolRecycleRuleDTO();
+            CustomerPoolRecycleRule customerPoolRecycleRule = recycleRuleMap.get(pool.getId());
+            BeanUtils.copyBean(recycleRule, customerPoolRecycleRule);
+            recycleRule.setConditions(JSON.parseArray(customerPoolRecycleRule.getCondition(), RuleConditionDTO.class));
+            delOldTime(recycleRule);
+            pool.setPickRule(pickRule);
+            pool.setRecycleRule(recycleRule);
+
+            Set<String> hiddenFieldIds;
+            if (hiddenFieldMap.get(pool.getId()) != null) {
+                hiddenFieldIds = hiddenFieldMap.get(pool.getId()).stream()
+                        .map(CustomerPoolHiddenField::getFieldId)
+                        .collect(Collectors.toSet());
+            } else {
+                hiddenFieldIds = Set.of();
+            }
+
+            pool.setFieldConfigs(getFieldConfigs(fields, hiddenFieldIds));
+        });
+
+        return pools;
+    }
+
+    private void delOldTime(CustomerPoolRecycleRuleDTO recycleRule) {
+        recycleRule.getConditions().forEach(condition -> {
+            if (Strings.CS.equals(condition.getOperator(), RecycleConditionOperator.DYNAMICS.name())) {
+                String[] split = condition.getValue().split(",");
+                if (StringUtils.isNotBlank(condition.getValue()) && split.length == 2) {
+                    String dateValue = split[0];
+                    String dateUnit = split[1];
+                    dateUnit = switch (dateUnit) {
+                        case "day" -> "BEFORE_DAY";
+                        case "month" -> "BEFORE_MONTH";
+                        case "week" -> "BEFORE_WEEK";
+                        default -> dateUnit;
+                    };
+                    condition.setValue("CUSTOM," + dateValue + "," + dateUnit);
+                }
+            }
+        });
+    }
+
+
+    public List<CustomerPoolFieldConfigDTO> getFieldConfigs(List<BaseField> fields, Set<String> hiddenFieldIds) {
+        return fields.stream().map(field -> {
+            var hiddenFieldDTO = new CustomerPoolFieldConfigDTO();
+            hiddenFieldDTO.setFieldId(field.getId());
+            hiddenFieldDTO.setFieldName(field.getName());
+            hiddenFieldDTO.setEnable(!hiddenFieldIds.contains(field.getId()));
+            hiddenFieldDTO.setEditable(!Strings.CS.equals(field.getInternalKey(), BusinessModuleField.CUSTOMER_NAME.getKey()));
+            return hiddenFieldDTO;
+        }).toList();
+    }
+
+    public List<CustomerPoolHiddenField> getCustomerPoolHiddenFieldByPoolIds(List<String> poolIds) {
+        var hiddenFieldWrapper = new LambdaQueryWrapper<CustomerPoolHiddenField>();
+        hiddenFieldWrapper.in(CustomerPoolHiddenField::getPoolId, poolIds);
+        return customerPoolHiddenFieldMapper.selectListByLambda(hiddenFieldWrapper);
+    }
+
+    /**
+     * 新增公海池
+     *
+     * @param request       请求参数
+     * @param currentUserId 当前用户ID
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.ADD)
+    public void add(CustomerPoolAddRequest request, String currentUserId, String organizationId) {
+        var pool = new CustomerPool();
+        BeanUtils.copyBean(pool, request);
+        pool.setId(IDGenerator.nextStr());
+        pool.setOrganizationId(organizationId);
+        pool.setOwnerId(JSON.toJSONString(request.getOwnerIds()));
+        pool.setScopeId(JSON.toJSONString(request.getScopeIds()));
+        pool.setCreateTime(System.currentTimeMillis());
+        pool.setCreateUser(currentUserId);
+        pool.setUpdateTime(System.currentTimeMillis());
+        pool.setUpdateUser(currentUserId);
+        customerPoolMapper.insert(pool);
+        var pickRule = new CustomerPoolPickRule();
+        BeanUtils.copyBean(pickRule, request.getPickRule());
+        pickRule.setId(IDGenerator.nextStr());
+        pickRule.setPoolId(pool.getId());
+        pickRule.setCreateUser(currentUserId);
+        pickRule.setCreateTime(System.currentTimeMillis());
+        pickRule.setUpdateUser(currentUserId);
+        pickRule.setUpdateTime(System.currentTimeMillis());
+        customerPoolPickRuleMapper.insert(pickRule);
+        var recycleRule = new CustomerPoolRecycleRule();
+        BeanUtils.copyBean(recycleRule, request.getRecycleRule());
+        recycleRule.setId(IDGenerator.nextStr());
+        try {
+            recycleRule.setCondition(JSON.toJSONString(request.getRecycleRule().getConditions()));
+        } catch (Exception e) {
+            throw new GenericException(Translator.get("customer_rule_condition_error"));
+        }
+        recycleRule.setPoolId(pool.getId());
+        recycleRule.setCreateUser(currentUserId);
+        recycleRule.setCreateTime(System.currentTimeMillis());
+        recycleRule.setUpdateUser(currentUserId);
+        recycleRule.setUpdateTime(System.currentTimeMillis());
+        customerPoolRecycleRuleMapper.insert(recycleRule);
+
+        batchInsertCustomerPoolHiddenFields(pool.getId(), request.getHiddenFieldIds());
+
+        // 添加日志上下文
+        OperationLogContext.setContext(LogContextInfo.builder()
+                .modifiedValue(pool)
+                .resourceId(pool.getId())
+                .resourceName(Translator.get("module.customer.pool.setting"))
+                .build());
+    }
+
+    /**
+     * 修改公海池
+     *
+     * @param request       请求参数
+     * @param currentUserId 当前用户ID
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.UPDATE, resourceId = "{#request.id}")
+    public void update(CustomerPoolUpdateRequest request, String currentUserId, String organizationId) {
+        CustomerPool originCustomerPool = checkPoolExist(request.getId());
+        var pool = new CustomerPool();
+        BeanUtils.copyBean(pool, request);
+        pool.setOrganizationId(organizationId);
+        pool.setOwnerId(JSON.toJSONString(request.getOwnerIds()));
+        pool.setScopeId(JSON.toJSONString(request.getScopeIds()));
+        pool.setUpdateTime(System.currentTimeMillis());
+        pool.setUpdateUser(currentUserId);
+        customerPoolMapper.update(pool);
+        var pickRule = new CustomerPoolPickRule();
+        BeanUtils.copyBean(pickRule, request.getPickRule());
+        pickRule.setPoolId(pool.getId());
+        pickRule.setUpdateUser(currentUserId);
+        pickRule.setUpdateTime(System.currentTimeMillis());
+        extCustomerPoolMapper.updatePickRule(pickRule);
+        var recycleRule = new CustomerPoolRecycleRule();
+        BeanUtils.copyBean(recycleRule, request.getRecycleRule());
+        recycleRule.setPoolId(pool.getId());
+        try {
+            recycleRule.setCondition(JSON.toJSONString(request.getRecycleRule().getConditions()));
+        } catch (Exception e) {
+            throw new GenericException(Translator.get("customer_rule_condition_error"));
+        }
+        recycleRule.setUpdateUser(currentUserId);
+        recycleRule.setUpdateTime(System.currentTimeMillis());
+        extCustomerPoolMapper.updateRecycleRule(recycleRule);
+
+        if (request.getHiddenFieldIds() != null) {
+            deleteCustomerPoolHiddenFieldByPoolId(pool.getId());
+            batchInsertCustomerPoolHiddenFields(pool.getId(), request.getHiddenFieldIds());
+        }
+
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .resourceName(Translator.get("module.customer.pool.setting"))
+                        .originalValue(originCustomerPool)
+                        .modifiedValue(customerPoolMapper.selectByPrimaryKey(request.getId()))
+                        .build()
+        );
+    }
+
+    private void batchInsertCustomerPoolHiddenFields(String poolId, Set<String> fieldIds) {
+        if (CollectionUtils.isEmpty(fieldIds)) {
+            return;
+        }
+        List<CustomerPoolHiddenField> customerPoolHiddenFields = fieldIds.stream()
+                .map(fieldId -> {
+                    var customerPoolHiddenField = new CustomerPoolHiddenField();
+                    customerPoolHiddenField.setFieldId(fieldId);
+                    customerPoolHiddenField.setPoolId(poolId);
+                    return customerPoolHiddenField;
+                }).toList();
+        customerPoolHiddenFieldMapper.batchInsert(customerPoolHiddenFields);
+    }
+
+    private void deleteCustomerPoolHiddenFieldByPoolId(String poolId) {
+        var customerPoolHiddenField = new CustomerPoolHiddenField();
+        customerPoolHiddenField.setPoolId(poolId);
+        customerPoolHiddenFieldMapper.delete(customerPoolHiddenField);
+    }
+
+    /**
+     * 公海池是否存在未领取线索
+     *
+     * @param id 线索池ID
+     */
+    public boolean checkNoPick(String id) {
+        var wrapper = new LambdaQueryWrapper<Customer>();
+        wrapper.eq(Customer::getPoolId, id)
+                .eq(Customer::getInSharedPool, true);
+        List<Customer> relations = customerMapper.selectListByLambda(wrapper);
+        return CollectionUtils.isNotEmpty(relations);
+    }
+
+    /**
+     * 删除公海池
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.DELETE, resourceId = "{#id}")
+    public void delete(String id) {
+        checkPoolExist(id);
+        customerPoolMapper.deleteByPrimaryKey(id);
+        var pickRule = new CustomerPoolPickRule();
+        pickRule.setPoolId(id);
+        customerPoolPickRuleMapper.delete(pickRule);
+        var recycleRule = new CustomerPoolRecycleRule();
+        recycleRule.setPoolId(id);
+        customerPoolRecycleRuleMapper.delete(recycleRule);
+        deleteCustomerPoolHiddenFieldByPoolId(id);
+
+        // 设置操作对象
+        OperationLogContext.setResourceName(Translator.get("module.customer.pool.setting"));
+    }
+
+    /**
+     * 启用/禁用公海池
+     *
+     * @param id 线索池ID
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.UPDATE, resourceId = "{#id}")
+    public void switchStatus(String id, String currentUserId) {
+        CustomerPool pool = checkPoolExist(id);
+        pool.setEnable(!pool.getEnable());
+        pool.setUpdateTime(System.currentTimeMillis());
+        pool.setUpdateUser(currentUserId);
+        customerPoolMapper.updateById(pool);
+
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .resourceName(Translator.get("module.customer.pool.setting"))
+                        .originalValue(pool)
+                        .modifiedValue(customerPoolMapper.selectByPrimaryKey(id))
+                        .build()
+        );
+    }
+
+    /**
+     * 校验公海池是否存在
+     *
+     * @param id 公海池ID
+     *
+     * @return 公海池
+     */
+    private CustomerPool checkPoolExist(String id) {
+        CustomerPool pool = customerPoolMapper.selectByPrimaryKey(id);
+        if (pool == null) {
+            throw new GenericException(Translator.get("customer_pool_not_exist"));
+        }
+        return pool;
+    }
+
+    /**
+     * 获取负责人默认公海ID
+     *
+     * @param ownerIds       负责人ID集合
+     * @param organizationId 组织ID
+     *
+     * @return 默认公海
+     */
+    public Map<String, CustomerPool> getOwnersDefaultPoolMap(List<String> ownerIds, String organizationId) {
+        var poolMap = new HashMap<String, CustomerPool>(4);
+        List<CustomerPool> pools = extCustomerPoolMapper.getAllPool(organizationId);
+        Map<String, List<String>> ownerScopeMap = userExtendService.getMultiScopeMap(ownerIds, organizationId);
+        ownerIds.forEach(ownerId -> {
+            List<CustomerPool> matchPools = matchMultiScope(ownerScopeMap.get(ownerId), pools);
+            if (CollectionUtils.isEmpty(matchPools)) {
+                // not found pool for owner
+                return;
+            }
+            poolMap.put(ownerId, matchPools.getFirst());
+        });
+
+        return poolMap;
+    }
+
+    /**
+     * 匹配多个范围的公海
+     *
+     * @param scopeIds 范围ID集合
+     * @param pools    公海列表
+     *
+     * @return 命中范围的公海列表
+     */
+    public List<CustomerPool> matchMultiScope(List<String> scopeIds, List<CustomerPool> pools) {
+        /*
+         * 命中线索池任意范围即返回(默认按照创建时间作为优先级)
+         */
+        if (CollectionUtils.isEmpty(scopeIds) || CollectionUtils.isEmpty(pools)) {
+            return new ArrayList<>();
+        }
+        return pools.stream()
+                .filter(pool -> {
+                    List<String> poolScopes = JSON.parseArray(pool.getScopeId(), String.class);
+                    return CollectionUtils.isNotEmpty(poolScopes) && CollectionUtils.containsAny(scopeIds, poolScopes);
+                })
+                .sorted(Comparator.comparing(CustomerPool::getCreateTime).reversed())
+                .toList();
+    }
+
+    /**
+     * 计算剩余归属天数
+     *
+     * @param pool           公海池
+     * @param collectionTime 领取时间
+     * @param createTime     创建时间
+     *
+     * @return 剩余归属天数
+     */
+    public Integer calcReservedDay(CustomerPool pool, CustomerPoolRecycleRule recycleRule, Long collectionTime, Long createTime) {
+        if (pool == null || !pool.getAuto() || recycleRule == null) {
+            return null;
+        }
+
+        // 判断公海是否存在入库条件
+        List<RuleConditionDTO> conditions = JSON.parseArray(recycleRule.getCondition(), RuleConditionDTO.class);
+        return RecycleConditionUtils.calcRecycleDays(conditions, Math.min(collectionTime, createTime));
+    }
+
+    /**
+     * 获取负责人最佳匹配公海
+     *
+     * @param pools 公海列表
+     *
+     * @return 公海集合
+     */
+    public Map<List<String>, CustomerPool> getOwnersBestMatchPoolMap(List<CustomerPool> pools) {
+        var poolMap = new HashMap<List<String>, CustomerPool>(4);
+        pools.sort(Comparator.comparing(CustomerPool::getCreateTime).reversed());
+        for (CustomerPool pool : pools) {
+            List<String> exitOwnerIds = poolMap.keySet().stream().flatMap(List::stream).toList();
+            List<String> scopeIds = JSON.parseArray(pool.getScopeId(), String.class);
+            List<String> ownerIds = userExtendService.getScopeOwnerIds(scopeIds, pool.getOrganizationId());
+            List<String> defaultOwnerIds = ownerIds.stream().distinct().filter(ownerId -> !exitOwnerIds.contains(ownerId)).toList();
+            if (CollectionUtils.isEmpty(defaultOwnerIds)) {
+                continue;
+            }
+            poolMap.put(defaultOwnerIds, pool);
+        }
+        return poolMap;
+    }
+
+    /**
+     * 判断客户是否需要回收
+     *
+     * @return 是否回收
+     */
+    public boolean checkRecycled(Customer customer, CustomerPoolRecycleRule recycleRule) {
+        boolean allMatch = Strings.CS.equals(CombineSearch.SearchMode.AND.name(), recycleRule.getOperator());
+        List<RuleConditionDTO> conditions = JSON.parseArray(recycleRule.getCondition(), RuleConditionDTO.class);
+        if (allMatch) {
+            return conditions.stream().allMatch(condition -> matchTime(condition, customer));
+        } else {
+            return conditions.stream().anyMatch(condition -> matchTime(condition, customer));
+        }
+    }
+
+    /**
+     * 是否匹配时间规则
+     *
+     * @param condition 规则
+     * @param customer  客户
+     *
+     * @return 是否匹配
+     */
+    private boolean matchTime(RuleConditionDTO condition, Customer customer) {
+        if (Strings.CS.equals(condition.getColumn(), RecycleConditionColumnKey.STORAGE_TIME)) {
+            if (condition.getScope().contains(RecycleConditionScopeKey.CREATED)) {
+                return RecycleConditionUtils.matchTime(condition, customer.getCreateTime());
+            } else if (condition.getScope().contains(RecycleConditionScopeKey.PICKED)) {
+                return RecycleConditionUtils.matchTime(condition, customer.getCollectionTime());
+            } else {
+                return RecycleConditionUtils.matchTime(condition, customer.getCreateTime()) || RecycleConditionUtils.matchTime(condition, customer.getCollectionTime());
+            }
+        } else {
+            return RecycleConditionUtils.matchTime(condition, customer.getFollowTime());
+        }
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerRelationService.java b/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerRelationService.java
new file mode 100644
index 0000000..dc2d9fb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerRelationService.java
@@ -0,0 +1,192 @@
+package cn.cordys.crm.customer.service;
+
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.customer.constants.CustomerRelationType;
+import cn.cordys.crm.customer.domain.CustomerRelation;
+import cn.cordys.crm.customer.dto.request.CustomerRelationSaveRequest;
+import cn.cordys.crm.customer.dto.request.CustomerRelationUpdateRequest;
+import cn.cordys.crm.customer.dto.response.CustomerRelationListResponse;
+import cn.cordys.crm.customer.mapper.ExtCustomerMapper;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import cn.idev.excel.util.StringUtils;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.ArrayList;
+import java.util.List;
+import java.util.stream.Collectors;
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class CustomerRelationService {
+    @Resource
+    private BaseMapper<CustomerRelation> customerRelationMapper;
+    @Resource
+    private ExtCustomerMapper extCustomerMapper;
+
+    public List<CustomerRelationListResponse> list(String customerId) {
+        CustomerRelation example = new CustomerRelation();
+        example.setTargetCustomerId(customerId);
+        List<CustomerRelation> sourceRelations = customerRelationMapper.select(example);
+
+        var customerIds = new ArrayList<String>();
+
+        // 查询上级集团的客户关系
+        List<CustomerRelationListResponse> result = sourceRelations
+                .stream().map(item -> {
+                    CustomerRelationListResponse listResponse = new CustomerRelationListResponse();
+                    listResponse.setRelationType(CustomerRelationType.GROUP.name());
+                    listResponse.setId(item.getId());
+                    listResponse.setCustomerId(item.getSourceCustomerId());
+                    customerIds.add(listResponse.getCustomerId());
+                    return listResponse;
+                }).collect(Collectors.toList());
+
+        example = new CustomerRelation();
+        example.setSourceCustomerId(customerId);
+        List<CustomerRelation> targetRelations = customerRelationMapper.select(example);
+
+        // 查询下级子公司的客户关系
+        List<CustomerRelationListResponse> subsidiaryCustomer = targetRelations.stream()
+                .map(item -> {
+                    CustomerRelationListResponse listResponse = new CustomerRelationListResponse();
+                    listResponse.setRelationType(CustomerRelationType.SUBSIDIARY.name());
+                    listResponse.setId(item.getId());
+                    listResponse.setCustomerId(item.getTargetCustomerId());
+                    customerIds.add(listResponse.getCustomerId());
+                    return listResponse;
+                }).toList();
+
+        result.addAll(subsidiaryCustomer);
+
+        if (CollectionUtils.isNotEmpty(customerIds)) {
+            // 设置客户名称
+            var customerMap = extCustomerMapper.selectOptionByIds(customerIds)
+                    .stream()
+                    .collect(Collectors.toMap(OptionDTO::getId, OptionDTO::getName));
+            result.forEach(item -> item.setCustomerName(customerMap.get(item.getCustomerId())));
+        }
+
+        return result;
+    }
+
+    public void save(String customerId, List<CustomerRelationSaveRequest> requests) {
+        // 先删除
+        deleteByCustomerId(customerId);
+        // 再创建
+        List<CustomerRelation> relations = requests.stream()
+                .filter(request -> StringUtils.isNotBlank(request.getCustomerId()) && StringUtils.isNotBlank(request.getRelationType()))
+                .map(item -> getCustomerRelation(item, customerId)).toList();
+
+        checkTargetCustomer(customerId, relations);
+
+        if (CollectionUtils.isNotEmpty(relations)) {
+            customerRelationMapper.batchInsert(relations);
+        }
+    }
+
+    /**
+     * 校验添加的子公司是否已经有所属的集团了
+     * 一个公司只能有一个集团
+     *
+     * @param customerId
+     * @param relations
+     */
+    private void checkTargetCustomer(String customerId, List<CustomerRelation> relations) {
+        List<String> targetCustomerIds = relations.stream()
+                .map(CustomerRelation::getTargetCustomerId)
+                .filter(targetCustomerId -> !Strings.CS.equals(targetCustomerId, customerId)).toList();
+
+        if (CollectionUtils.isEmpty(targetCustomerIds)) {
+            return;
+        }
+
+        var customerRelation = new LambdaQueryWrapper<CustomerRelation>();
+        customerRelation.in(CustomerRelation::getSourceCustomerId, targetCustomerIds);
+        List<CustomerRelation> customerRelations = customerRelationMapper.selectListByLambda(customerRelation)
+                .stream()
+                .filter(item -> !Strings.CS.equals(item.getSourceCustomerId(), customerId))
+                .toList();
+
+        if (!customerRelations.isEmpty()) {
+            List<String> sourceIds = customerRelations.stream()
+                    .map(CustomerRelation::getSourceCustomerId)
+                    .toList();
+            List<OptionDTO> customers = extCustomerMapper.getCustomerOptionsByIds(sourceIds);
+            var userNames = customers.stream()
+                    .map(OptionDTO::getName)
+                    .distinct()
+                    .collect(Collectors.joining(","));
+            throw new GenericException(Translator.getWithArgs("customer.relation.target_customer.exist", userNames));
+        }
+    }
+
+    public void deleteByCustomerId(String customerId) {
+        deleteByCustomerIds(List.of(customerId));
+    }
+
+    public void deleteByCustomerIds(List<String> customerIds) {
+        if (CollectionUtils.isEmpty(customerIds)) {
+            return;
+        }
+        var wrapper = new LambdaQueryWrapper<CustomerRelation>();
+        wrapper.in(CustomerRelation::getSourceCustomerId, customerIds);
+        customerRelationMapper.deleteByLambda(wrapper);
+
+        wrapper = new LambdaQueryWrapper<>();
+        wrapper.in(CustomerRelation::getTargetCustomerId, customerIds);
+        customerRelationMapper.deleteByLambda(wrapper);
+    }
+
+    public CustomerRelation add(CustomerRelationSaveRequest request, String customerId) {
+        CustomerRelation customerRelation = getCustomerRelation(request, customerId);
+        checkTargetCustomer(customerId, List.of(customerRelation));
+        customerRelationMapper.insert(customerRelation);
+        return customerRelation;
+    }
+
+    private CustomerRelation getCustomerRelation(CustomerRelationSaveRequest request, String customerId) {
+        CustomerRelation customerRelation = new CustomerRelation();
+        customerRelation.setId(IDGenerator.nextStr());
+        customerRelation.setCreateTime(System.currentTimeMillis());
+        if (Strings.CS.equals(request.getRelationType(), CustomerRelationType.GROUP.name())) {
+            customerRelation.setSourceCustomerId(request.getCustomerId());
+            customerRelation.setTargetCustomerId(customerId);
+        } else {
+            customerRelation.setSourceCustomerId(customerId);
+            customerRelation.setTargetCustomerId(request.getCustomerId());
+        }
+        return customerRelation;
+    }
+
+    public CustomerRelation update(CustomerRelationUpdateRequest request, String customerId) {
+        CustomerRelation customerRelation = getCustomerRelation(request, customerId);
+        customerRelation.setId(request.getId());
+        customerRelation.setCreateTime(null);
+        if (Strings.CS.equals(request.getRelationType(), CustomerRelationType.GROUP.name())) {
+            customerRelation.setSourceCustomerId(request.getCustomerId());
+            customerRelation.setTargetCustomerId(customerId);
+        } else {
+            customerRelation.setSourceCustomerId(customerId);
+            customerRelation.setTargetCustomerId(request.getCustomerId());
+        }
+        checkTargetCustomer(customerId, List.of(customerRelation));
+        customerRelationMapper.update(customerRelation);
+        return customerRelationMapper.selectByPrimaryKey(request.getId());
+    }
+
+    public void delete(String id) {
+        customerRelationMapper.deleteByPrimaryKey(id);
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerResourceAccessContextProvider.java b/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerResourceAccessContextProvider.java
new file mode 100644
index 0000000..e496751
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerResourceAccessContextProvider.java
@@ -0,0 +1,46 @@
+package cn.cordys.crm.customer.service;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.permission.ResourceAccessContext;
+import cn.cordys.common.permission.ResourceAccessContextProvider;
+import cn.cordys.crm.customer.domain.Customer;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Component;
+
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+
+@Component
+public class CustomerResourceAccessContextProvider implements ResourceAccessContextProvider {
+
+    @Resource
+    private BaseMapper<Customer> customerMapper;
+
+    @Override
+    public String getFormType() {
+        return FormKey.CUSTOMER.getKey();
+    }
+
+    @Override
+    public ResourceAccessContext getAccessContext(String resourceId, String orgId) {
+        var customer = customerMapper.selectByPrimaryKey(resourceId);
+        if (customer == null) {
+            return null;
+        }
+        var context = new ResourceAccessContext();
+        context.setOwnerId(customer.getOwner());
+        return context;
+    }
+
+    @Override
+    public Map<String, String> batchGetOwnerIds(List<String> resourceIds, String orgId) {
+        if (resourceIds == null || resourceIds.isEmpty()) {
+            return Map.of();
+        }
+        return customerMapper.selectByIds(resourceIds).stream()
+                .filter(customer -> customer.getOwner() != null)
+                .collect(Collectors.toMap(Customer::getId, Customer::getOwner, (a, b) -> a));
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerService.java b/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerService.java
new file mode 100644
index 0000000..f24d396
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/service/CustomerService.java
@@ -0,0 +1,1019 @@
+package cn.cordys.crm.customer.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.aspectj.dto.LogDTO;
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.domain.BaseResourceSubField;
+import cn.cordys.common.dto.*;
+import cn.cordys.common.dto.chart.ChartResult;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.permission.PermissionCache;
+import cn.cordys.common.permission.PermissionUtils;
+import cn.cordys.common.response.result.CrmHttpResultCode;
+import cn.cordys.common.service.BaseChartService;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.crm.customer.constants.CustomerResultCode;
+import cn.cordys.crm.customer.domain.*;
+import cn.cordys.crm.customer.dto.request.*;
+import cn.cordys.crm.customer.dto.response.CustomerGetResponse;
+import cn.cordys.crm.customer.dto.response.CustomerListResponse;
+import cn.cordys.crm.customer.mapper.ExtCustomerContactMapper;
+import cn.cordys.crm.customer.mapper.ExtCustomerMapper;
+import cn.cordys.crm.customer.mapper.ExtCustomerPoolMapper;
+import cn.cordys.crm.follow.domain.FollowUpPlan;
+import cn.cordys.crm.follow.domain.FollowUpRecord;
+import cn.cordys.crm.follow.mapper.ExtFollowUpPlanMapper;
+import cn.cordys.crm.follow.mapper.ExtFollowUpRecordMapper;
+import cn.cordys.crm.follow.service.FollowUpPlanService;
+import cn.cordys.crm.follow.service.FollowUpRecordService;
+import cn.cordys.crm.opportunity.domain.Opportunity;
+import cn.cordys.crm.opportunity.mapper.ExtOpportunityMapper;
+import cn.cordys.crm.system.constants.DictModule;
+import cn.cordys.crm.system.constants.NotificationConstants;
+import cn.cordys.crm.system.constants.SheetKey;
+import cn.cordys.crm.system.domain.Dict;
+import cn.cordys.crm.system.dto.DictConfigDTO;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.request.BatchPoolReasonRequest;
+import cn.cordys.crm.system.dto.request.PoolReasonRequest;
+import cn.cordys.crm.system.dto.request.ResourceBatchEditRequest;
+import cn.cordys.crm.system.dto.response.BatchAffectResponse;
+import cn.cordys.crm.system.dto.response.ImportResponse;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.excel.CustomImportAfterDoConsumer;
+import cn.cordys.crm.system.excel.handler.CustomHeadColWidthStyleStrategy;
+import cn.cordys.crm.system.excel.handler.CustomTemplateWriteHandler;
+import cn.cordys.crm.system.excel.listener.CustomFieldCheckEventListener;
+import cn.cordys.crm.system.excel.listener.CustomFieldImportEventListener;
+import cn.cordys.crm.system.notice.CommonNoticeSendService;
+import cn.cordys.crm.system.service.*;
+import cn.cordys.excel.utils.EasyExcelExporter;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import cn.idev.excel.FastExcelFactory;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import jakarta.servlet.http.HttpServletResponse;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.BooleanUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+import org.springframework.web.multipart.MultipartFile;
+
+import java.util.*;
+import java.util.stream.Collectors;
+import java.util.stream.Stream;
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class CustomerService {
+
+    @Resource
+    private BaseMapper<Customer> customerMapper;
+    @Resource
+    private ExtCustomerMapper extCustomerMapper;
+    @Resource
+    private BaseService baseService;
+    @Resource
+    private CustomerFieldService customerFieldService;
+    @Resource
+    private CustomerCollaborationService customerCollaborationService;
+    @Resource
+    private CustomerOwnerHistoryService customerOwnerHistoryService;
+    @Resource
+    private CustomerPoolService customerPoolService;
+    @Resource
+    private BaseMapper<CustomerPoolRecycleRule> customerPoolRecycleRuleMapper;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private ModuleFormService moduleFormService;
+    @Resource
+    private CustomerRelationService customerRelationService;
+    @Resource
+    private FollowUpRecordService followUpRecordService;
+    @Resource
+    private FollowUpPlanService followUpPlanService;
+    @Resource
+    private DataScopeService dataScopeService;
+    @Resource
+    private LogService logService;
+    @Resource
+    private CommonNoticeSendService commonNoticeSendService;
+    @Resource
+    private PoolCustomerService poolCustomerService;
+    @Resource
+    private PermissionCache permissionCache;
+    @Resource
+    private UserExtendService userExtendService;
+    @Resource
+    private ExtCustomerPoolMapper extCustomerPoolMapper;
+    @Resource
+    private CustomerContactService customerContactService;
+    @Resource
+    private BaseChartService baseChartService;
+    @Resource
+    private DictService dictService;
+    @Resource
+    private BaseMapper<CustomerField> customerFieldMapper;
+    @Resource
+    private BaseMapper<CustomerFieldBlob> customerFieldBlobMapper;
+    @Resource
+    private ExtCustomerContactMapper extCustomerContactMapper;
+    @Resource
+    private ExtOpportunityMapper extOpportunityMapper;
+    @Resource
+    private ExtFollowUpRecordMapper extFollowUpRecordMapper;
+    @Resource
+    private ExtFollowUpPlanMapper extFollowUpPlanMapper;
+    @Resource
+    private BaseMapper<CustomerCollaboration> customerCollaborationMapper;
+    @Resource
+    private BaseMapper<CustomerContact> customerContactMapper;
+
+    public PagerWithOption<List<CustomerListResponse>> list(CustomerPageRequest request, String userId, String orgId, DeptDataPermissionDTO deptDataPermission) {
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        List<CustomerListResponse> list = extCustomerMapper.list(request, orgId, userId, deptDataPermission);
+        List<CustomerListResponse> buildList = buildListData(list, orgId);
+        Map<String, List<OptionDTO>> optionMap = buildOptionMap(orgId, list, buildList);
+        return PageUtils.setPageInfoWithOption(page, buildList, optionMap);
+    }
+
+    public PagerWithOption<List<CustomerListResponse>> transitionList(CustomerPageRequest request, String userId, String orgId) {
+        /*
+         * 数据范围: 当前用户所在公海&私海客户(协作客户&&数据权限客户)
+         */
+        List<String> scopeIds = userExtendService.getUserScopeIds(userId, orgId);
+        List<CustomerPool> pools = extCustomerPoolMapper.getPoolByScopeIds(scopeIds, orgId);
+        request.setTransitionPoolIds(pools.stream().map(CustomerPool::getId).toList());
+        request.setTransition(true);
+        request.setTransitionDataPermission(dataScopeService.getDeptDataPermission(userId, orgId, null, PermissionConstants.CUSTOMER_MANAGEMENT_READ));
+        return list(request, userId, orgId, null);
+    }
+
+    public Map<String, List<OptionDTO>> buildOptionMap(String orgId, List<CustomerListResponse> list, List<CustomerListResponse> buildList) {
+        // 处理自定义字段选项数据
+        ModuleFormConfigDTO customerFormConfig = getFormConfig(orgId);
+        // 获取所有模块字段的值
+        List<BaseModuleFieldValue> moduleFieldValues = moduleFormService.getBaseModuleFieldValues(list, CustomerListResponse::getModuleFields);
+        // 获取选项值对应的 option
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(customerFormConfig, moduleFieldValues);
+
+        // 补充负责人选项
+        List<OptionDTO> ownerFieldOption = moduleFormService.getBusinessFieldOption(buildList,
+                CustomerListResponse::getOwner, CustomerListResponse::getOwnerName);
+        optionMap.put(BusinessModuleField.CUSTOMER_OWNER.getBusinessKey(), ownerFieldOption);
+
+        return optionMap;
+    }
+
+    public ModuleFormConfigDTO getFormConfig(String orgId) {
+        return moduleFormCacheService.getBusinessFormConfig(FormKey.CUSTOMER.getKey(), orgId);
+    }
+
+    public PagerWithOption<List<CustomerListResponse>> sourceList(CustomerPageRequest request, String userId, String orgId, DeptDataPermissionDTO deptDataPermission) {
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        List<CustomerListResponse> list = extCustomerMapper.sourceList(request, orgId, userId, deptDataPermission);
+        List<CustomerListResponse> buildList = buildListData(list, orgId);
+        Map<String, List<OptionDTO>> optionMap = buildOptionMap(orgId, list, buildList);
+        return PageUtils.setPageInfoWithOption(page, buildList, optionMap);
+    }
+
+    public List<CustomerListResponse> buildListData(List<CustomerListResponse> list, String orgId) {
+        if (CollectionUtils.isEmpty(list)) {
+            return list;
+        }
+        List<String> customerIds = list.stream().map(CustomerListResponse::getId)
+                .toList();
+
+        Map<String, List<BaseModuleFieldValue>> caseCustomFiledMap = customerFieldService.getResourceFieldMap(customerIds, true);
+
+        List<String> ownerIds = list.stream()
+                .map(CustomerListResponse::getOwner)
+                .distinct()
+                .toList();
+
+        List<String> followerIds = list.stream()
+                .map(CustomerListResponse::getFollower)
+                .distinct()
+                .toList();
+        List<String> createUserIds = list.stream()
+                .map(CustomerListResponse::getCreateUser)
+                .distinct()
+                .toList();
+        List<String> updateUserIds = list.stream()
+                .map(CustomerListResponse::getUpdateUser)
+                .distinct()
+                .toList();
+        List<String> userIds = Stream.of(ownerIds, followerIds, createUserIds, updateUserIds)
+                .flatMap(Collection::stream)
+                .distinct()
+                .toList();
+        Map<String, String> userNameMap = baseService.getUserNameMap(userIds);
+
+        Map<String, UserDeptDTO> userDeptMap = baseService.getUserDeptMapByUserIds(ownerIds, orgId);
+
+        // 获取负责人默认公海信息
+        Map<String, CustomerPool> ownersDefaultPoolMap = customerPoolService.getOwnersDefaultPoolMap(ownerIds, orgId);
+        List<String> poolIds = ownersDefaultPoolMap.values().stream().map(CustomerPool::getId).distinct().toList();
+        Map<String, CustomerPoolRecycleRule> recycleRuleMap;
+        if (CollectionUtils.isEmpty(poolIds)) {
+            recycleRuleMap = Map.of();
+        } else {
+            var recycleRuleWrapper = new LambdaQueryWrapper<CustomerPoolRecycleRule>();
+            recycleRuleWrapper.in(CustomerPoolRecycleRule::getPoolId, poolIds);
+            List<CustomerPoolRecycleRule> recycleRules = customerPoolRecycleRuleMapper.selectListByLambda(recycleRuleWrapper);
+            recycleRuleMap = recycleRules.stream().collect(Collectors.toMap(CustomerPoolRecycleRule::getPoolId, rule -> rule));
+        }
+
+        // 公海原因
+        DictConfigDTO dictConf = dictService.getDictConf(DictModule.CUSTOMER_POOL_RS.name(), orgId);
+        List<Dict> dictList = dictConf.getDictList();
+        Map<String, String> dictMap = dictList.stream().collect(Collectors.toMap(Dict::getId, Dict::getName));
+
+        list.forEach(customerListResponse -> {
+            // 获取自定义字段
+            List<BaseModuleFieldValue> customerFields = caseCustomFiledMap.get(customerListResponse.getId());
+            customerListResponse.setModuleFields(customerFields);
+            // 设置回收公海
+            CustomerPool reservePool = ownersDefaultPoolMap.get(customerListResponse.getOwner());
+            customerListResponse.setRecyclePoolName(reservePool != null ? reservePool.getName() : null);
+            // 计算剩余归属天数
+            customerListResponse.setReservedDays(customerPoolService.calcReservedDay(reservePool,
+                    reservePool != null ? recycleRuleMap.get(reservePool.getId()) : null,
+                    customerListResponse.getCollectionTime(), customerListResponse.getCreateTime()));
+
+            UserDeptDTO userDeptDTO = userDeptMap.get(customerListResponse.getOwner());
+            if (userDeptDTO != null) {
+                customerListResponse.setDepartmentId(userDeptDTO.getDeptId());
+                customerListResponse.setDepartmentName(userDeptDTO.getDeptName());
+            }
+
+            if (StringUtils.isNotEmpty(customerListResponse.getFollower())) {
+                String followerName = baseService.getAndCheckOptionName(userNameMap.get(customerListResponse.getFollower()));
+                customerListResponse.setFollowerName(followerName);
+            }
+            String createUserName = baseService.getAndCheckOptionName(userNameMap.get(customerListResponse.getCreateUser()));
+            customerListResponse.setCreateUserName(createUserName);
+            String updateUserName = baseService.getAndCheckOptionName(userNameMap.get(customerListResponse.getUpdateUser()));
+            customerListResponse.setUpdateUserName(updateUserName);
+            customerListResponse.setOwnerName(userNameMap.get(customerListResponse.getOwner()));
+            if (StringUtils.isNotBlank(customerListResponse.getReasonId())) {
+                String reasonName = baseService.getAndCheckOptionName(dictMap.get(customerListResponse.getReasonId()));
+                customerListResponse.setReasonName(reasonName);
+            }
+        });
+
+        return list;
+    }
+
+    public CustomerGetResponse getWithDataPermissionCheck(String id, String userId, String orgId) {
+        CustomerGetResponse getResponse = get(id);
+        if (getResponse == null) {
+            throw new GenericException(Translator.get("customer.not.exist"));
+        }
+        boolean hasPermission = dataScopeService.hasDataPermission(userId, orgId, getResponse.getOwner(), PermissionConstants.CUSTOMER_MANAGEMENT_READ);
+        if (!hasPermission) {
+            List<CustomerCollaboration> collaborations = customerCollaborationService.selectByCustomerIdAndUserId(getResponse.getId(), userId);
+            if (CollectionUtils.isEmpty(collaborations)) {
+                throw new GenericException(CrmHttpResultCode.FORBIDDEN);
+            } else {
+                getResponse.setCollaborationType(collaborations.getFirst().getCollaborationType());
+            }
+        }
+
+        return getResponse;
+    }
+
+    /**
+     * @param id 客户ID
+     * @return 客户详情
+     */
+    public CustomerGetResponse get(String id) {
+        Customer customer = customerMapper.selectByPrimaryKey(id);
+        if (customer == null) {
+            return null;
+        }
+        CustomerGetResponse customerGetResponse = BeanUtils.copyBean(new CustomerGetResponse(), customer);
+        customerGetResponse = baseService.setCreateUpdateOwnerUserName(customerGetResponse);
+        // 获取模块字段
+        List<BaseModuleFieldValue> customerFields = customerFieldService.getModuleFieldValuesByResourceId(id);
+        ModuleFormConfigDTO customerFormConfig = getFormConfig(customer.getOrganizationId());
+
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(customerFormConfig, customerFields);
+
+        // 补充负责人选项
+        List<OptionDTO> ownerFieldOption = moduleFormService.getBusinessFieldOption(customerGetResponse,
+                CustomerGetResponse::getOwner, CustomerGetResponse::getOwnerName);
+        optionMap.put(BusinessModuleField.CUSTOMER_OWNER.getBusinessKey(), ownerFieldOption);
+
+        customerGetResponse.setOptionMap(optionMap);
+        customerGetResponse.setModuleFields(customerFields);
+
+        // 公海原因
+        DictConfigDTO dictConf = dictService.getDictConf(DictModule.CUSTOMER_POOL_RS.name(), customer.getOrganizationId());
+        List<Dict> dictList = dictConf.getDictList();
+        Map<String, String> dictMap = dictList.stream().collect(Collectors.toMap(Dict::getId, Dict::getName));
+
+        if (customerGetResponse.getOwner() != null) {
+            // 获取负责人默认公海信息
+            Map<String, CustomerPool> ownersDefaultPoolMap = customerPoolService.getOwnersDefaultPoolMap(List.of(customerGetResponse.getOwner()), customer.getOrganizationId());
+            List<String> poolIds = ownersDefaultPoolMap.values().stream().map(CustomerPool::getId).distinct().toList();
+            Map<String, CustomerPoolRecycleRule> recycleRuleMap;
+            if (CollectionUtils.isEmpty(poolIds)) {
+                recycleRuleMap = Map.of();
+            } else {
+                var recycleRuleWrapper = new LambdaQueryWrapper<CustomerPoolRecycleRule>();
+                recycleRuleWrapper.in(CustomerPoolRecycleRule::getPoolId, poolIds);
+                List<CustomerPoolRecycleRule> recycleRules = customerPoolRecycleRuleMapper.selectListByLambda(recycleRuleWrapper);
+                recycleRuleMap = recycleRules.stream().collect(Collectors.toMap(CustomerPoolRecycleRule::getPoolId, rule -> rule));
+            }
+
+            // 设置回收公海
+            CustomerPool reservePool = ownersDefaultPoolMap.get(customerGetResponse.getOwner());
+            customerGetResponse.setRecyclePoolName(reservePool != null ? reservePool.getName() : null);
+            // 计算剩余归属天数
+            customerGetResponse.setReservedDays(customerPoolService.calcReservedDay(reservePool,
+                    reservePool != null ? recycleRuleMap.get(reservePool.getId()) : null,
+                    customerGetResponse.getCollectionTime(), customerGetResponse.getCreateTime()));
+
+
+            UserDeptDTO userDeptDTO = baseService.getUserDeptMapByUserId(customerGetResponse.getOwner(), customer.getOrganizationId());
+            if (userDeptDTO != null) {
+                customerGetResponse.setDepartmentId(userDeptDTO.getDeptId());
+                customerGetResponse.setDepartmentName(userDeptDTO.getDeptName());
+            }
+        }
+
+        if (customerGetResponse.getFollower() != null) {
+            Map<String, String> userNameMap = baseService.getUserNameMap(List.of(customerGetResponse.getFollower()));
+            String followerName = baseService.getAndCheckOptionName(userNameMap.get(customerGetResponse.getFollower()));
+            customerGetResponse.setFollowerName(followerName);
+        }
+
+        if (StringUtils.isNotBlank(customerGetResponse.getReasonId())) {
+            String reasonName = baseService.getAndCheckOptionName(dictMap.get(customerGetResponse.getReasonId()));
+            customerGetResponse.setReasonName(reasonName);
+        }
+
+        // 附件信息
+        customerGetResponse.setAttachmentMap(moduleFormService.getAttachmentMap(customerFormConfig, customerFields));
+
+        return customerGetResponse;
+    }
+
+	/**
+	 * 获取客户详情 (⚠️反射调用; 勿修改入参, 返回, 方法名!)
+	 * @param id 客户ID
+	 * @return 客户详情
+	 */
+	public CustomerGetResponse getSimple(String id) {
+		Customer customer = customerMapper.selectByPrimaryKey(id);
+		if (customer == null) {
+			return null;
+		}
+		CustomerGetResponse response = BeanUtils.copyBean(new CustomerGetResponse(), customer);
+		List<BaseModuleFieldValue> fvs = customerFieldService.getModuleFieldValuesByResourceId(id);
+		response.setModuleFields(fvs);
+		return response;
+	}
+
+	/**
+	 * 批量获取客户详情 (用于数据源批量查询优化)
+	 * @param ids 客户ID集合
+	 * @return 客户详情列表
+	 */
+	public List<CustomerGetResponse> batchGetSimpleByIds(List<String> ids) {
+		if (CollectionUtils.isEmpty(ids)) {
+			return List.of();
+		}
+		// 批量查询资源基本信息
+		List<Customer> customers = customerMapper.selectByIds(ids);
+		if (CollectionUtils.isEmpty(customers)) {
+			return List.of();
+		}
+		// 批量查询自定义字段值
+		Map<String, List<BaseModuleFieldValue>> fieldValueMap = customerFieldService.getResourceFieldMap(ids, true);
+
+		// 组装结果
+		return customers.stream().map(customer -> {
+			CustomerGetResponse response = BeanUtils.copyBean(new CustomerGetResponse(), customer);
+			response.setModuleFields(fieldValueMap.get(customer.getId()));
+			return response;
+		}).toList();
+	}
+
+    @OperationLog(module = LogModule.CUSTOMER_INDEX, type = LogType.ADD)
+    public Customer add(CustomerAddRequest request, String userId, String orgId) {
+        Customer customer = BeanUtils.copyBean(new Customer(), request);
+        if (StringUtils.isBlank(request.getOwner())) {
+            customer.setOwner(userId);
+        }
+        poolCustomerService.validateCapacity(1, customer.getOwner(), orgId);
+        customer.setCreateTime(System.currentTimeMillis());
+        customer.setUpdateTime(System.currentTimeMillis());
+        customer.setCollectionTime(customer.getCreateTime());
+        customer.setUpdateUser(userId);
+        customer.setCreateUser(userId);
+        customer.setOrganizationId(orgId);
+        customer.setId(IDGenerator.nextStr());
+        customer.setInSharedPool(false);
+
+        //保存自定义字段
+        customerFieldService.saveModuleField(customer, orgId, userId, request.getModuleFields(), false);
+
+        customerMapper.insert(customer);
+
+        baseService.handleAddLogWithResourceName(customer, request.getModuleFields());
+        // 通知
+        commonNoticeSendService.sendNotice(NotificationConstants.Module.CUSTOMER,
+                NotificationConstants.Event.CUSTOMER_ADD, customer.getName(), userId,
+                orgId, List.of(customer.getOwner()), true);
+        return customer;
+    }
+
+    @OperationLog(module = LogModule.CUSTOMER_INDEX, type = LogType.UPDATE, resourceId = "{#request.id}")
+    public Customer update(CustomerUpdateRequest request, String userId, String orgId) {
+        Customer originCustomer = customerMapper.selectByPrimaryKey(request.getId());
+        if (!Strings.CS.equals(originCustomer.getOwner(), request.getOwner())) {
+            poolCustomerService.validateCapacity(1, request.getOwner(), orgId);
+        }
+
+        Customer customer = BeanUtils.copyBean(new Customer(), request);
+        customer.setUpdateTime(System.currentTimeMillis());
+        customer.setUpdateUser(userId);
+
+        if (StringUtils.isNotBlank(request.getOwner())) {
+            if (!Strings.CS.equals(request.getOwner(), originCustomer.getOwner())) {
+                //客户负责人变更，联系人同步更新
+                customerContactService.updateContactOwner(request.getId(), request.getOwner(), originCustomer.getOwner(), orgId);
+
+
+                // 如果责任人有修改，则添加责任人历史
+                customerOwnerHistoryService.add(originCustomer, userId, false);
+                sendTransferNotice(List.of(originCustomer), request.getOwner(), userId, orgId);
+                // 重置领取时间
+                customer.setCollectionTime(System.currentTimeMillis());
+            }
+        }
+
+        // 获取模块字段
+        List<BaseModuleFieldValue> originCustomerFields = customerFieldService.getModuleFieldValuesByResourceId(request.getId());
+
+        if (BooleanUtils.isTrue(request.getAgentInvoke())) {
+            customerFieldService.updateModuleFieldByAgent(customer, originCustomerFields, request.getModuleFields(), orgId, userId);
+        } else {
+            // 更新模块字段
+            updateModuleField(customer, request.getModuleFields(), orgId, userId);
+        }
+
+        customerMapper.update(customer);
+
+        customer = customerMapper.selectByPrimaryKey(request.getId());
+        baseService.handleUpdateLog(originCustomer, customer, originCustomerFields, request.getModuleFields(), originCustomer.getId(), originCustomer.getName());
+        return customer;
+    }
+
+    private void updateModuleField(Customer customer, List<BaseModuleFieldValue> moduleFields, String orgId, String userId) {
+        if (moduleFields == null) {
+            // 如果为 null，则不更新
+            return;
+        }
+        // 先删除
+        customerFieldService.deleteByResourceId(customer.getId());
+        // 再保存
+        customerFieldService.saveModuleField(customer, orgId, userId, moduleFields, true);
+    }
+
+    @OperationLog(module = LogModule.CUSTOMER_INDEX, type = LogType.DELETE, resourceId = "{#id}")
+    public void delete(String id, String userId, String orgId) {
+        Customer originCustomer = customerMapper.selectByPrimaryKey(id);
+        checkResourceRef(List.of(id));
+        deleteCustomerResource(List.of(id));
+
+        // 设置操作对象
+        OperationLogContext.setResourceName(originCustomer.getName());
+
+        commonNoticeSendService.sendNotice(NotificationConstants.Module.CUSTOMER,
+                NotificationConstants.Event.CUSTOMER_DELETED, originCustomer.getName(), userId,
+                orgId, List.of(originCustomer.getOwner()), true);
+    }
+
+    public void batchTransfer(CustomerBatchTransferRequest request, String userId, String orgId) {
+        List<Customer> originCustomers = customerMapper.selectByIds(request.getIds());
+        long processCount = originCustomers.stream().filter(customer -> !Strings.CS.equals(customer.getOwner(), request.getOwner())).count();
+        poolCustomerService.validateCapacity((int) processCount, request.getOwner(), orgId);
+
+        // 添加责任人历史
+        customerOwnerHistoryService.batchAdd(request, userId);
+        extCustomerMapper.batchTransfer(request, userId);
+
+        // 记录日志
+        List<LogDTO> logs = originCustomers.stream()
+                .map(customer -> {
+                    Customer originCustomer = new Customer();
+                    originCustomer.setOwner(customer.getOwner());
+                    Customer modifieCustomer = new Customer();
+                    modifieCustomer.setOwner(request.getOwner());
+                    LogDTO logDTO = new LogDTO(orgId, customer.getId(), userId, LogType.UPDATE, LogModule.CUSTOMER_INDEX, customer.getName());
+                    logDTO.setOriginalValue(originCustomer);
+                    logDTO.setModifiedValue(modifieCustomer);
+                    return logDTO;
+                }).toList();
+
+        logService.batchAdd(logs);
+
+        sendTransferNotice(originCustomers, request.getOwner(), userId, orgId);
+    }
+
+    private void sendTransferNotice(List<Customer> originCustomers, String toUser, String userId, String orgId) {
+        originCustomers.forEach(customer -> commonNoticeSendService.sendNotice(
+                NotificationConstants.Module.CUSTOMER,
+                NotificationConstants.Event.CUSTOMER_TRANSFERRED_CUSTOMER,
+                customer.getName(),
+                userId,
+                orgId,
+                List.of(toUser),
+                true
+        ));
+    }
+
+    public void batchDelete(List<String> ids, String userId, String orgId) {
+        List<Customer> customers = customerMapper.selectByIds(ids);
+        checkResourceRef(ids);
+
+        deleteCustomerResource(ids);
+
+        List<LogDTO> logs = customers.stream()
+                .map(customer ->
+                        new LogDTO(orgId, customer.getId(), userId, LogType.DELETE, LogModule.CUSTOMER_INDEX, customer.getName())
+                )
+                .toList();
+        logService.batchAdd(logs);
+
+        // 消息通知
+        customers.forEach(customer ->
+                commonNoticeSendService.sendNotice(NotificationConstants.Module.CUSTOMER,
+                        NotificationConstants.Event.CUSTOMER_DELETED, customer.getName(), userId,
+                        orgId, List.of(customer.getOwner()), true)
+        );
+    }
+
+    public void deleteCustomerResource(List<String> ids) {
+        // 删除客户
+        customerMapper.deleteByIds(ids);
+        // 删除客户模块字段
+        customerFieldService.deleteByResourceIds(ids);
+        // 删除客户协作人
+        customerCollaborationService.deleteByCustomerIds(ids);
+        // 删除责任人历史
+        customerOwnerHistoryService.deleteByCustomerIds(ids);
+        // 删除客户关系
+        customerRelationService.deleteByCustomerIds(ids);
+        // 删除跟进记录
+        followUpRecordService.deleteByCustomerIds(ids);
+        // 删除跟进计划
+        followUpPlanService.deleteByCustomerIds(ids);
+    }
+
+    public void checkResourceRef(List<String> ids) {
+        if (extCustomerMapper.hasRefOpportunity(ids) || extCustomerMapper.hasRefContact(ids)) {
+            throw new GenericException(CustomerResultCode.CUSTOMER_RESOURCE_REF);
+        }
+    }
+
+    private List<String> getOwners(List<Customer> customers) {
+        return customers.stream().map(Customer::getOwner)
+                .distinct()
+                .toList();
+    }
+
+    /**
+     * 批量移入公海
+     *
+     * @param request     请求参数
+     * @param orgId       组织ID
+     * @param currentUser 当前用户
+     */
+    public BatchAffectResponse batchToPool(BatchPoolReasonRequest request, String currentUser, String orgId) {
+        List<Customer> customers = customerMapper.selectByIds(request.getIds());
+        List<String> ownerIds = getOwners(customers);
+        Map<String, CustomerPool> ownersDefaultPoolMap = customerPoolService.getOwnersDefaultPoolMap(ownerIds, orgId);
+
+        int success = 0;
+        var logs = new ArrayList<LogDTO>();
+        for (Customer customer : customers) {
+            CustomerPool customerPool = ownersDefaultPoolMap.get(customer.getOwner());
+            if (customerPool == null) {
+                // 未找到默认公海，不移入
+                continue;
+            }
+            //更新责任人
+            customerContactService.updateContactOwner(customer.getId(), "-", customer.getOwner(), orgId);
+
+
+            // 日志
+            LogDTO logDTO = new LogDTO(orgId, customer.getId(), currentUser, LogType.MOVE_TO_CUSTOMER_POOL, LogModule.CUSTOMER_INDEX, customer.getName());
+            String detail = Translator.getWithArgs("customer.to.pool", customer.getName(),
+                    customerPool.getName());
+            logDTO.setDetail(detail);
+            logs.add(logDTO);
+            // 消息通知
+            commonNoticeSendService.sendNotice(NotificationConstants.Module.CUSTOMER,
+                    NotificationConstants.Event.CUSTOMER_MOVED_HIGH_SEAS, customer.getName(), currentUser,
+                    orgId, List.of(customer.getOwner()), true);
+            // 插入责任人历史
+            customer.setReasonId(request.getReasonId());
+            customerOwnerHistoryService.add(customer, currentUser, true);
+            customer.setPoolId(customerPool.getId());
+            customer.setInSharedPool(true);
+            customer.setOwner(null);
+            customer.setCollectionTime(null);
+            customer.setUpdateUser(currentUser);
+            customer.setUpdateTime(System.currentTimeMillis());
+            // 回收客户至公海
+            extCustomerMapper.moveToPool(customer);
+            success++;
+        }
+
+        logService.batchAdd(logs);
+
+        return BatchAffectResponse.builder().success(success).fail(request.getIds().size() - success).build();
+    }
+
+    /**
+     * 移入公海
+     *
+     * @param request     请求参数
+     * @param currentUser 当前用户
+     * @param orgId       组织ID
+     */
+    public BatchAffectResponse toPool(PoolReasonRequest request, String currentUser, String orgId) {
+        BatchPoolReasonRequest batchRequest = new BatchPoolReasonRequest();
+        batchRequest.setReasonId(request.getReasonId());
+        batchRequest.setIds(List.of(request.getId()));
+        return batchToPool(batchRequest, currentUser, orgId);
+    }
+
+    public List<OptionDTO> getCustomerOptions(String keyword, String organizationId) {
+        return extCustomerMapper.getCustomerOptions(keyword, organizationId);
+    }
+
+    public String getCustomerName(String id) {
+        Customer customer = customerMapper.selectByPrimaryKey(id);
+        return Optional.ofNullable(customer).map(Customer::getName).orElse(null);
+    }
+
+    public List<Customer> getCustomerListByNames(List<String> names) {
+        var lambdaQueryWrapper = new LambdaQueryWrapper<Customer>();
+        lambdaQueryWrapper.in(Customer::getName, names);
+        return customerMapper.selectListByLambda(lambdaQueryWrapper);
+    }
+
+    public ResourceTabEnableDTO getTabEnableConfig(String userId, String orgId) {
+        List<RolePermissionDTO> rolePermissions = permissionCache.getRolePermissions(userId, orgId);
+        return PermissionUtils.getTabEnableConfig(userId, PermissionConstants.CUSTOMER_MANAGEMENT_READ, rolePermissions);
+    }
+
+
+    public String getCustomerNameByIds(List<String> ids) {
+        List<Customer> customerList = customerMapper.selectByIds(ids);
+        if (CollectionUtils.isNotEmpty(customerList)) {
+            List<String> names = customerList.stream().map(Customer::getName).toList();
+            return String.join(",", JSON.parseArray(JSON.toJSONString(names), String.class));
+        }
+        return StringUtils.EMPTY;
+    }
+
+    /**
+     * 下载导入的模板
+     *
+     * @param response 响应
+     */
+    public void downloadImportTpl(HttpServletResponse response, String currentOrg) {
+        new EasyExcelExporter()
+                .exportMultiSheetTplWithSharedHandler(response, moduleFormService.getCustomImportHeadsNoRef(FormKey.CUSTOMER.getKey(), currentOrg),
+                        Translator.get("customer.import_tpl.name"), Translator.get(SheetKey.DATA), Translator.get(SheetKey.COMMENT),
+                        new CustomTemplateWriteHandler(moduleFormService.getAllCustomImportFields(FormKey.CUSTOMER.getKey(), currentOrg)),
+                        new CustomHeadColWidthStyleStrategy());
+    }
+
+    /**
+     * 导入检查
+     *
+     * @param file       导入文件
+     * @param currentOrg 当前组织
+     *
+     * @return 导入检查信息
+     */
+    public ImportResponse importPreCheck(MultipartFile file, String currentOrg) {
+        if (file == null) {
+            throw new GenericException(Translator.get("file_cannot_be_null"));
+        }
+        return checkImportExcel(file, currentOrg);
+    }
+
+    /**
+     * 客户导入
+     *
+     * @param file        导入文件
+     * @param currentOrg  当前组织
+     * @param currentUser 当前用户
+     *
+     * @return 导入返回信息
+     */
+    public ImportResponse realImport(MultipartFile file, String currentOrg, String currentUser) {
+        try {
+            List<BaseField> fields = moduleFormService.getAllFields(FormKey.CUSTOMER.getKey(), currentOrg);
+            CustomImportAfterDoConsumer<Customer, BaseResourceSubField> afterDo = (customers, customerFields, customerFieldBlobs) -> {
+                var logs = new ArrayList<LogDTO>();
+                customers.forEach(customer -> {
+                    customer.setCollectionTime(customer.getCreateTime());
+                    customer.setInSharedPool(false);
+                    logs.add(new LogDTO(currentOrg, customer.getId(), currentUser, LogType.ADD, LogModule.CUSTOMER_INDEX, customer.getName()));
+                });
+                customerMapper.batchInsert(customers);
+                customerFieldMapper.batchInsert(customerFields.stream().map(field -> BeanUtils.copyBean(new CustomerField(), field)).toList());
+                customerFieldBlobMapper.batchInsert(customerFieldBlobs.stream().map(field -> BeanUtils.copyBean(new CustomerFieldBlob(), field)).toList());
+                // record logs
+                logService.batchAdd(logs);
+            };
+            CustomFieldImportEventListener<Customer> eventListener = new CustomFieldImportEventListener<>(fields, Customer.class, currentOrg, currentUser,
+                    "customer_field", afterDo, 2000, null, null);
+            FastExcelFactory.read(file.getInputStream(), eventListener).headRowNumber(1).ignoreEmptyRow(true).sheet().doRead();
+            return ImportResponse.builder().errorMessages(eventListener.getErrList())
+                    .successCount(eventListener.getSuccessCount()).failCount(eventListener.getErrList().size()).build();
+        } catch (Exception e) {
+            log.error("customer import error: {}", e.getMessage());
+            throw new GenericException(e.getMessage());
+        }
+    }
+
+    /**
+     * 检查导入的文件
+     *
+     * @param file       文件
+     * @param currentOrg 当前组织
+     *
+     * @return 检查信息
+     */
+    private ImportResponse checkImportExcel(MultipartFile file, String currentOrg) {
+        try {
+            List<BaseField> fields = moduleFormService.getAllCustomImportFields(FormKey.CUSTOMER.getKey(), currentOrg);
+            CustomFieldCheckEventListener eventListener = new CustomFieldCheckEventListener(fields, "customer", "customer_field", currentOrg);
+            FastExcelFactory.read(file.getInputStream(), eventListener).headRowNumber(1).ignoreEmptyRow(true).sheet().doRead();
+            return ImportResponse.builder().errorMessages(eventListener.getErrList())
+                    .successCount(eventListener.getSuccess()).failCount(eventListener.getErrList().size()).build();
+        } catch (Exception e) {
+            log.error("customer import pre-check error: {}", e.getMessage());
+            throw new GenericException(e.getMessage());
+        }
+    }
+
+    public void batchUpdate(ResourceBatchEditRequest request, String userId, String organizationId) {
+        BaseField field = customerFieldService.getAndCheckField(request.getFieldId(), organizationId);
+
+        if (Strings.CS.equals(field.getBusinessKey(), BusinessModuleField.CUSTOMER_OWNER.getBusinessKey())) {
+            // 修改负责人，走批量转移接口
+            CustomerBatchTransferRequest batchTransferRequest = new CustomerBatchTransferRequest();
+            batchTransferRequest.setIds(request.getIds());
+            batchTransferRequest.setOwner(request.getFieldValue().toString());
+            batchTransfer(batchTransferRequest, userId, organizationId);
+            return;
+        }
+
+        List<Customer> originCustomers = customerMapper.selectByIds(request.getIds());
+
+        customerFieldService.batchUpdate(request, field, originCustomers, Customer.class, LogModule.CUSTOMER_INDEX, extCustomerMapper::batchUpdate, userId, organizationId);
+    }
+
+    /**
+     * @param request      合并请求参数
+     * @param currentUser  当前用户
+     * @param currentOrgId 当前组织ID
+     */
+    @OperationLog(module = LogModule.CUSTOMER_INDEX, type = LogType.MERGE, resourceId = "{#request.toMergeId}")
+    public void merge(CustomerMergeRequest request, String currentUser, String currentOrgId) {
+        /*
+         * 规则:
+         * 1. 合并客户联系人, 客户关联商机.
+         * 3. 合并客户跟进记录/计划.
+         * 4. 删除被合并的客户, 并添加对应的负责人为合并客户的协作人, 被合并客户的协作人也要.
+         */
+        request.getMergeIds().remove(request.getToMergeId());
+        Customer oldCustomer = customerMapper.selectByPrimaryKey(request.getToMergeId());
+        if (CollectionUtils.isEmpty(request.getMergeIds()) || oldCustomer == null) {
+            // 没有可合并的客户数据
+            throw new GenericException(Translator.get("no.customer.merge.data"));
+        }
+
+        // 批量合并产生的修改日志
+        List<LogDTO> mergeLogs = getMergeRelateLogs(request, currentUser, currentOrgId);
+        // 联系人需要排除重复项合并
+        Map<String, Boolean> uniqueMap = customerContactService.getUniqueMap(currentOrgId);
+        List<String> names = new ArrayList<>();
+        List<String> phones = new ArrayList<>();
+        var contactWrapper = new LambdaQueryWrapper<CustomerContact>();
+        contactWrapper.eq(CustomerContact::getCustomerId, request.getToMergeId());
+        List<CustomerContact> toMergeContacts = customerContactMapper.selectListByLambda(contactWrapper);
+        if (uniqueMap.get(BusinessModuleField.CUSTOMER_CONTACT_NAME.getKey())) {
+            names = toMergeContacts.stream().map(CustomerContact::getName).toList();
+        }
+        if (uniqueMap.get(BusinessModuleField.CUSTOMER_CONTACT_PHONE.getKey())) {
+            phones = toMergeContacts.stream().map(CustomerContact::getPhone).toList();
+        }
+        extCustomerContactMapper.batchMerge(request, currentUser, currentOrgId, names, phones);
+        extOpportunityMapper.batchMerge(request, currentUser, currentOrgId);
+        extFollowUpRecordMapper.batchMerge(request, currentUser, currentOrgId);
+        extFollowUpPlanMapper.batchMerge(request, currentUser, currentOrgId);
+
+        // 合并协作人&&删除被合并客户&&记录删除日志
+        mergeCollaboration(request, currentUser, currentOrgId);
+        List<Customer> mergeCustomers = customerMapper.selectByIds(request.getMergeIds());
+        customerMapper.deleteByIds(request.getMergeIds());
+        for (Customer mergeCustomer : mergeCustomers) {
+            // 被合并客户的删除日志
+            mergeLogs.add(new LogDTO(currentOrgId, mergeCustomer.getId(), currentUser, LogType.DELETE, LogModule.CUSTOMER_INDEX, mergeCustomer.getName()));
+        }
+
+        // 变更合并客户的负责人
+        if (!Strings.CS.equals(oldCustomer.getOwner(), request.getOwnerId())) {
+            LogDTO logDTO = new LogDTO(currentOrgId, request.getToMergeId(), currentUser, LogType.UPDATE, LogModule.CUSTOMER_INDEX, oldCustomer.getName());
+            logDTO.setOriginalValue(oldCustomer);
+            // 客户负责人变更，联系人同步更新
+            customerContactService.updateContactOwner(request.getToMergeId(), request.getOwnerId(), oldCustomer.getOwner(), currentOrgId);
+            // 如果责任人有修改，则添加责任人历史
+            customerOwnerHistoryService.add(oldCustomer, currentUser, false);
+            sendTransferNotice(List.of(oldCustomer), request.getOwnerId(), currentUser, currentOrgId);
+            Customer customer = BeanUtils.copyBean(new Customer(), oldCustomer);
+            // 重置领取时间
+            customer.setCollectionTime(System.currentTimeMillis());
+            customer.setOwner(request.getOwnerId());
+            customerMapper.updateById(customer);
+            // 合并客户的修改日志
+            logDTO.setModifiedValue(customer);
+            mergeLogs.add(logDTO);
+        }
+
+        // 批量插入合并日志&&其他操作日志
+        OperationLogContext.setContext(LogContextInfo.builder().resourceId(request.getToMergeId()).resourceName(oldCustomer.getName())
+                .originalValue(Map.of("merge", mergeCustomers.stream().map(Customer::getName).toList()))
+                .modifiedValue(Map.of("merge", List.of(oldCustomer.getName())))
+                .build());
+        if (!CollectionUtils.isEmpty(mergeLogs)) {
+            logService.batchAdd(mergeLogs);
+        }
+    }
+
+    public List<ChartResult> chart(ChartAnalysisRequest request, String userId, String orgId, DeptDataPermissionDTO deptDataPermission) {
+        ModuleFormConfigDTO formConfig = getFormConfig(orgId);
+        formConfig.getFields().addAll(BaseChartService.getChartBaseFields());
+        ChartAnalysisDbRequest chartAnalysisDbRequest = ConditionFilterUtils.parseChartAnalysisRequest(request, formConfig);
+        CustomerChartAnalysisDbRequest customerChartAnalysisDbRequest = BeanUtils.copyBean(new CustomerChartAnalysisDbRequest(), chartAnalysisDbRequest);
+        List<ChartResult> chartResults = extCustomerMapper.chart(customerChartAnalysisDbRequest, userId, orgId, deptDataPermission);
+        return baseChartService.translateAxisName(formConfig, chartAnalysisDbRequest, chartResults);
+    }
+
+    /**
+     * 合并客户协作人
+     *
+     * @param request      请求参数
+     * @param currentUser  当前用户
+     * @param currentOrgId 当前组织ID
+     */
+    private void mergeCollaboration(CustomerMergeRequest request, String currentUser, String currentOrgId) {
+        // 被合并客户的协作人
+        var mergeCollaborationWrapper = new LambdaQueryWrapper<CustomerCollaboration>();
+        mergeCollaborationWrapper.in(CustomerCollaboration::getCustomerId, request.getMergeIds());
+        List<CustomerCollaboration> mergeCollaborations = customerCollaborationMapper.selectListByLambda(mergeCollaborationWrapper);
+        List<String> toCollaborationUserIds = mergeCollaborations.stream().map(CustomerCollaboration::getUserId).distinct().toList();
+        Map<String, String> toCollaborationMap = mergeCollaborations.stream().collect(Collectors.toMap(CustomerCollaboration::getUserId, CustomerCollaboration::getCollaborationType));
+        // 被合并的客户负责人
+        List<Customer> mergeCustomers = customerMapper.selectByIds(request.getMergeIds());
+        List<String> toCollaborationOwnerIds = mergeCustomers.stream().map(Customer::getOwner).toList();
+        // 合并去重
+        List<String> mergeIds = Stream.of(toCollaborationUserIds, toCollaborationOwnerIds)
+                .flatMap(Collection::stream)
+                .distinct()
+                .toList();
+        // 合并客户已存在的协作人
+        var collaborationWrapper = new LambdaQueryWrapper<CustomerCollaboration>();
+        collaborationWrapper.eq(CustomerCollaboration::getCustomerId, request.getToMergeId());
+        List<CustomerCollaboration> customerCollaborations = customerCollaborationMapper.selectListByLambda(collaborationWrapper);
+        List<String> collaborationUserIds = customerCollaborations.stream().map(CustomerCollaboration::getUserId).toList();
+        for (String mergeId : mergeIds) {
+            if (collaborationUserIds.contains(mergeId) || Strings.CS.equals(mergeId, request.getOwnerId())) {
+                // 已经是协作人或者是合并客户的负责人，跳过
+                continue;
+            }
+            CustomerCollaborationAddRequest collaborationAddRequest = new CustomerCollaborationAddRequest();
+            collaborationAddRequest.setCustomerId(request.getToMergeId());
+            // 如果被合并客户的协作人中有该用户，则继承该协作类型，否则使用默认类型
+            collaborationAddRequest.setCollaborationType(toCollaborationMap.getOrDefault(mergeId, "COLLABORATION"));
+            collaborationAddRequest.setUserId(mergeId);
+            customerCollaborationService.add(collaborationAddRequest, currentUser, currentOrgId);
+        }
+
+        // 删除被合并客户的协作人关系
+        var delCollaborationWrapper = new LambdaQueryWrapper<CustomerCollaboration>();
+        delCollaborationWrapper.in(CustomerCollaboration::getCustomerId, request.getMergeIds());
+        customerCollaborationMapper.deleteByLambda(delCollaborationWrapper);
+    }
+
+    /**
+     * 获取合并相关的日志
+     *
+     * @param mergeRequest 合并请求参数
+     * @param currentUser  当前用户
+     * @param currentOrgId 当前组织ID
+     *
+     * @return 日志列表
+     */
+    private List<LogDTO> getMergeRelateLogs(CustomerMergeRequest mergeRequest, String currentUser, String currentOrgId) {
+        var logs = new ArrayList<LogDTO>();
+
+        List<Customer> mergeCustomers = customerMapper.selectByIds(mergeRequest.getMergeIds());
+        Map<String, String> customerMap = mergeCustomers.stream().collect(Collectors.toMap(Customer::getId, Customer::getName));
+        // 联系人日志
+        List<CustomerContact> mergeContacts = extCustomerContactMapper.getMergeContactList(mergeRequest, currentOrgId);
+        if (CollectionUtils.isNotEmpty(mergeContacts)) {
+            for (CustomerContact contact : mergeContacts) {
+                LogDTO logDTO = new LogDTO(currentOrgId, contact.getId(), currentUser, LogType.UPDATE, LogModule.CUSTOMER_CONTACT, contact.getName());
+                contact.setCustomerId(customerMap.get(contact.getCustomerId()));
+                logDTO.setOriginalValue(contact);
+                CustomerContact newContact = BeanUtils.copyBean(new CustomerContact(), contact);
+                newContact.setCustomerId(mergeRequest.getToMergeId());
+                logDTO.setModifiedValue(newContact);
+                logs.add(logDTO);
+            }
+        }
+
+        // 商机日志
+        List<Opportunity> mergeOpportunities = extOpportunityMapper.getMergeOpportunityList(mergeRequest, currentOrgId);
+        if (CollectionUtils.isNotEmpty(mergeOpportunities)) {
+            for (Opportunity opportunity : mergeOpportunities) {
+                LogDTO logDTO = new LogDTO(currentOrgId, opportunity.getId(), currentUser, LogType.UPDATE, LogModule.OPPORTUNITY_INDEX, opportunity.getName());
+                opportunity.setCustomerId(customerMap.get(opportunity.getCustomerId()));
+                logDTO.setOriginalValue(opportunity);
+                Opportunity newOpportunity = BeanUtils.copyBean(new Opportunity(), opportunity);
+                newOpportunity.setCustomerId(mergeRequest.getToMergeId());
+                logDTO.setModifiedValue(newOpportunity);
+                logs.add(logDTO);
+            }
+        }
+
+        // 跟进记录/计划日志
+        List<FollowUpRecord> mergeRecords = extFollowUpRecordMapper.getMergeRecordList(mergeRequest, currentOrgId);
+        List<String> recordCustomerIds = mergeRecords.stream().map(FollowUpRecord::getCustomerId).toList();
+        List<FollowUpPlan> mergePlans = extFollowUpPlanMapper.getMergePlanList(mergeRequest, currentOrgId);
+        List<String> planCustomerIds = mergePlans.stream().map(FollowUpPlan::getCustomerId).toList();
+        for (String mergeId : mergeRequest.getMergeIds()) {
+            if (recordCustomerIds.contains(mergeId)) {
+                LogDTO logDTO = new LogDTO(currentOrgId, mergeId, currentUser, LogType.UPDATE, LogModule.FOLLOW_UP_RECORD, customerMap.get(mergeId));
+                FollowUpRecord oldRecord = new FollowUpRecord();
+                oldRecord.setCustomerId(customerMap.get(mergeId));
+                logDTO.setOriginalValue(oldRecord);
+                FollowUpRecord newRecord = new FollowUpRecord();
+                newRecord.setCustomerId(mergeRequest.getToMergeId());
+                logDTO.setModifiedValue(newRecord);
+                logs.add(logDTO);
+            }
+            if (planCustomerIds.contains(mergeId)) {
+                LogDTO logDTO = new LogDTO(currentOrgId, mergeId, currentUser, LogType.UPDATE, LogModule.FOLLOW_UP_PLAN, customerMap.get(mergeId));
+                FollowUpPlan oldPlan = new FollowUpPlan();
+                oldPlan.setCustomerId(customerMap.get(mergeId));
+                logDTO.setOriginalValue(oldPlan);
+                FollowUpPlan newPlan = new FollowUpPlan();
+                newPlan.setCustomerId(mergeRequest.getToMergeId());
+                logDTO.setModifiedValue(newPlan);
+                logs.add(logDTO);
+            }
+        }
+
+        return logs;
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/service/PoolCustomerService.java b/backend/crm/src/main/java/cn/cordys/crm/customer/service/PoolCustomerService.java
new file mode 100644
index 0000000..e4c2de1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/service/PoolCustomerService.java
@@ -0,0 +1,457 @@
+package cn.cordys.crm.customer.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogDTO;
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.dto.ChartAnalysisDbRequest;
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.common.dto.chart.ChartResult;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.service.BaseChartService;
+import cn.cordys.common.util.*;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.crm.customer.domain.*;
+import cn.cordys.crm.customer.dto.CustomerPoolDTO;
+import cn.cordys.crm.customer.dto.CustomerPoolPickRuleDTO;
+import cn.cordys.crm.customer.dto.CustomerPoolRecycleRuleDTO;
+import cn.cordys.crm.customer.dto.request.CustomerChartAnalysisDbRequest;
+import cn.cordys.crm.customer.dto.request.PoolCustomerChartAnalysisRequest;
+import cn.cordys.crm.customer.dto.request.PoolCustomerPickRequest;
+import cn.cordys.crm.customer.mapper.ExtCustomerCapacityMapper;
+import cn.cordys.crm.customer.mapper.ExtCustomerMapper;
+import cn.cordys.crm.customer.mapper.ExtCustomerOwnerMapper;
+import cn.cordys.crm.system.constants.NotificationConstants;
+import cn.cordys.crm.system.domain.User;
+import cn.cordys.crm.system.dto.FilterConditionDTO;
+import cn.cordys.crm.system.dto.RuleConditionDTO;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.request.PoolBatchAssignRequest;
+import cn.cordys.crm.system.dto.request.PoolBatchPickRequest;
+import cn.cordys.crm.system.dto.request.ResourceBatchEditRequest;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.notice.CommonNoticeSendService;
+import cn.cordys.crm.system.service.LogService;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.crm.system.service.UserExtendService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+
+import java.time.Instant;
+import java.time.LocalDateTime;
+import java.time.ZoneId;
+import java.time.format.DateTimeFormatter;
+import java.util.*;
+import java.util.stream.Collectors;
+import java.util.stream.Stream;
+
+@Service
+public class PoolCustomerService {
+
+    public static final long DAY_MILLIS = 24 * 60 * 60 * 1000;
+    @Resource
+    private BaseMapper<Customer> customerMapper;
+    @Resource
+    private ExtCustomerMapper extCustomerMapper;
+    @Resource
+    private BaseMapper<User> userMapper;
+    @Resource
+    private BaseMapper<CustomerOwner> ownerMapper;
+    @Resource
+    private BaseMapper<CustomerPool> poolMapper;
+    @Resource
+    private BaseMapper<CustomerPoolPickRule> pickRuleMapper;
+    @Resource
+    private BaseMapper<CustomerPoolRecycleRule> recycleRuleMapper;
+    @Resource
+    private ExtCustomerCapacityMapper extCustomerCapacityMapper;
+    @Resource
+    private UserExtendService userExtendService;
+    @Resource
+    private LogService logService;
+    @Resource
+    private CommonNoticeSendService commonNoticeSendService;
+    @Resource
+    private CustomerPoolService customerPoolService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private CustomerContactService customerContactService;
+    @Resource
+    private CustomerFieldService customerFieldService;
+    @Resource
+    private BaseChartService baseChartService;
+    @Resource
+    private ExtCustomerOwnerMapper extCustomerOwnerMapper;
+
+    /**
+     * 获取当前用户公海选项
+     *
+     * @param currentUser  当前用户ID
+     * @param currentOrgId 当前组织ID
+     *
+     * @return 公海选项
+     */
+    public List<CustomerPoolDTO> getPoolOptions(String currentUser, String currentOrgId) {
+        var options = new ArrayList<CustomerPoolDTO>();
+        var poolWrapper = new LambdaQueryWrapper<CustomerPool>();
+        poolWrapper.eq(CustomerPool::getEnable, true)
+                .eq(CustomerPool::getOrganizationId, currentOrgId)
+                .orderByDesc(CustomerPool::getUpdateTime);
+
+        List<CustomerPool> pools = poolMapper.selectListByLambda(poolWrapper);
+        if (CollectionUtils.isEmpty(pools)) {
+            return options;
+        }
+
+        List<String> userIds = pools.stream()
+                .flatMap(pool ->
+                        Stream.of(pool.getCreateUser(), pool.getUpdateUser())).toList();
+
+        List<User> createOrUpdateUsers = userMapper.selectByIds(userIds.toArray(new String[0]));
+        Map<String, String> userMap = createOrUpdateUsers.stream()
+                .collect(Collectors.toMap(User::getId, User::getName));
+
+        List<String> poolIds = pools.stream()
+                .map(CustomerPool::getId)
+                .toList();
+        var pickRuleWrapper = new LambdaQueryWrapper<CustomerPoolPickRule>();
+        pickRuleWrapper.in(CustomerPoolPickRule::getPoolId, poolIds);
+
+        List<CustomerPoolPickRule> pickRules = pickRuleMapper.selectListByLambda(pickRuleWrapper);
+        Map<String, CustomerPoolPickRule> pickRuleMap = pickRules.stream()
+                .collect(Collectors.toMap(CustomerPoolPickRule::getPoolId, pickRule -> pickRule));
+
+        var recycleRuleWrapper = new LambdaQueryWrapper<CustomerPoolRecycleRule>();
+        recycleRuleWrapper.in(CustomerPoolRecycleRule::getPoolId, poolIds);
+
+        List<CustomerPoolRecycleRule> recycleRules = recycleRuleMapper.selectListByLambda(recycleRuleWrapper);
+        Map<String, CustomerPoolRecycleRule> recycleRuleMap = recycleRules.stream()
+                .collect(Collectors.toMap(CustomerPoolRecycleRule::getPoolId, recycleRule -> recycleRule));
+
+        Map<String, List<CustomerPoolHiddenField>> hiddenFieldMap = customerPoolService.getCustomerPoolHiddenFieldByPoolIds(poolIds)
+                .stream()
+                .collect(Collectors.groupingBy(CustomerPoolHiddenField::getPoolId));
+
+        List<BaseField> fields = moduleFormCacheService.getBusinessFormConfig(FormKey.CUSTOMER.getKey(), currentOrgId).getFields();
+
+
+        pools.forEach(pool -> {
+            List<String> scopeIds = userExtendService.getScopeOwnerIds(JSON.parseArray(pool.getScopeId(), String.class), currentOrgId);
+            List<String> ownerIds = userExtendService.getScopeOwnerIds(JSON.parseArray(pool.getOwnerId(), String.class), currentOrgId);
+            if (scopeIds.contains(currentUser) || ownerIds.contains(currentUser) || Strings.CS.equals(currentUser, InternalUser.ADMIN.getValue())) {
+                var poolDTO = new CustomerPoolDTO();
+                BeanUtils.copyBean(poolDTO, pool);
+
+                poolDTO.setMembers(userExtendService.getScope(JSON.parseArray(pool.getScopeId(), String.class)));
+                poolDTO.setOwners(userExtendService.getScope(JSON.parseArray(pool.getOwnerId(), String.class)));
+                poolDTO.setCreateUserName(userMap.get(pool.getCreateUser()));
+                poolDTO.setUpdateUserName(userMap.get(pool.getUpdateUser()));
+
+                var pickRule = new CustomerPoolPickRuleDTO();
+                BeanUtils.copyBean(pickRule, pickRuleMap.get(pool.getId()));
+                var recycleRule = new CustomerPoolRecycleRuleDTO();
+                CustomerPoolRecycleRule customerPoolRecycleRule = recycleRuleMap.get(pool.getId());
+                BeanUtils.copyBean(recycleRule, customerPoolRecycleRule);
+                recycleRule.setConditions(JSON.parseArray(customerPoolRecycleRule.getCondition(), RuleConditionDTO.class));
+                poolDTO.setPickRule(pickRule);
+                poolDTO.setRecycleRule(recycleRule);
+                poolDTO.setEditable(ownerIds.contains(currentUser));
+
+                Set<String> hiddenFieldIds;
+                if (hiddenFieldMap.get(pool.getId()) != null) {
+                    hiddenFieldIds = hiddenFieldMap.get(pool.getId()).stream()
+                            .map(CustomerPoolHiddenField::getFieldId)
+                            .collect(Collectors.toSet());
+                } else {
+                    hiddenFieldIds = Set.of();
+                }
+
+                poolDTO.setFieldConfigs(customerPoolService.getFieldConfigs(fields, hiddenFieldIds));
+
+                options.add(poolDTO);
+            }
+        });
+        return options;
+    }
+
+    /**
+     * 领取客户
+     *
+     * @param request      请求参数
+     * @param currentUser  当前用户ID
+     * @param currentOrgId 当前组织ID
+     */
+    public void pick(PoolCustomerPickRequest request, String currentUser, String currentOrgId) {
+        CustomerPool pool = poolMapper.selectByPrimaryKey(request.getPoolId());
+        validateCapacity(1, currentUser, currentOrgId);
+        var pickRuleWrapper = new LambdaQueryWrapper<CustomerPoolPickRule>();
+        pickRuleWrapper.eq(CustomerPoolPickRule::getPoolId, request.getPoolId());
+        List<CustomerPoolPickRule> customerPoolPickRules = pickRuleMapper.selectListByLambda(pickRuleWrapper);
+        CustomerPoolPickRule pickRule = customerPoolPickRules.getFirst();
+        boolean poolAdmin = userExtendService.isPoolAdmin(JSON.parseArray(pool.getOwnerId(), String.class), currentUser, currentOrgId);
+        if (!poolAdmin) {
+            validateDailyPickNum(1, currentUser, pickRule);
+        }
+        ownCustomer(request.getCustomerId(), currentUser, pickRule, currentUser, LogType.PICK, currentOrgId, poolAdmin);
+    }
+
+    /**
+     * 分配客户
+     *
+     * @param id           客户ID
+     * @param assignUserId 分配用户ID
+     */
+    public void assign(String id, String assignUserId, String currentOrgId, String currentUser) {
+        validateCapacity(1, assignUserId, currentOrgId);
+        ownCustomer(id, assignUserId, null, currentUser, LogType.ASSIGN, currentOrgId, false);
+    }
+
+    /**
+     * 删除客户
+     *
+     * @param id 客户ID
+     */
+    @OperationLog(module = LogModule.CUSTOMER_POOL, type = LogType.DELETE, resourceId = "{#id}")
+    public void delete(String id) {
+        Customer customer = customerMapper.selectByPrimaryKey(id);
+        CustomerService customerService = CommonBeanFactory.getBean(CustomerService.class);
+        Objects.requireNonNull(customerService).checkResourceRef(List.of(id));
+        customerService.deleteCustomerResource(List.of(id));
+
+        // 设置操作对象
+        OperationLogContext.setResourceName(customer.getName());
+    }
+
+    /**
+     * 批量领取客户
+     *
+     * @param request      请求参数
+     * @param currentUser  当前用户ID
+     * @param currentOrgId 当前组织ID
+     */
+    public void batchPick(PoolBatchPickRequest request, String currentUser, String currentOrgId) {
+        CustomerPool pool = poolMapper.selectByPrimaryKey(request.getPoolId());
+        validateCapacity(request.getBatchIds().size(), currentUser, currentOrgId);
+        var pickRuleWrapper = new LambdaQueryWrapper<CustomerPoolPickRule>();
+        pickRuleWrapper.eq(CustomerPoolPickRule::getPoolId, request.getPoolId());
+        List<CustomerPoolPickRule> customerPoolPickRules = pickRuleMapper.selectListByLambda(pickRuleWrapper);
+        CustomerPoolPickRule pickRule = customerPoolPickRules.getFirst();
+        boolean poolAdmin = userExtendService.isPoolAdmin(JSON.parseArray(pool.getOwnerId(), String.class), currentUser, currentOrgId);
+        if (!poolAdmin) {
+            validateDailyPickNum(request.getBatchIds().size(), currentUser, pickRule);
+        }
+        request.getBatchIds().forEach(id -> ownCustomer(id, currentUser, pickRule, currentUser, LogType.PICK, currentOrgId, poolAdmin));
+    }
+
+    /**
+     * 批量分配客户
+     *
+     * @param request      请求参数
+     * @param assignUserId 分配用户ID
+     * @param currentOrgId 当前组织ID
+     */
+    public void batchAssign(PoolBatchAssignRequest request, String assignUserId, String currentOrgId, String currentUser) {
+        validateCapacity(request.getBatchIds().size(), assignUserId, currentOrgId);
+        request.getBatchIds().forEach(id -> ownCustomer(id, assignUserId, null, currentUser, LogType.ASSIGN, currentOrgId, false));
+    }
+
+    /**
+     * 批量删除客户
+     *
+     * @param ids 客户ID集合
+     */
+    public void batchDelete(List<String> ids, String userId, String orgId) {
+        List<Customer> customers = customerMapper.selectByIds(ids);
+        CustomerService customerService = CommonBeanFactory.getBean(CustomerService.class);
+        Objects.requireNonNull(customerService).checkResourceRef(ids);
+        customerService.deleteCustomerResource(ids);
+
+        List<LogDTO> logs = customers.stream()
+                .map(customer ->
+                        new LogDTO(orgId, customer.getId(), userId, LogType.DELETE, LogModule.CUSTOMER_POOL, customer.getName())
+                )
+                .toList();
+        logService.batchAdd(logs);
+    }
+
+    /**
+     * 校验库容
+     *
+     * @param processCount 处理数量
+     * @param ownUserId    负责人用户ID
+     * @param currentOrgId 当前组织ID
+     */
+    public void validateCapacity(int processCount, String ownUserId, String currentOrgId) {
+        // 实际可处理条数 = 负责人库容容量 - 所领取的数量(部分客户满足不计入条件的需排除) < 处理数量, 提示库容不足.
+        CustomerCapacity customerCapacity = getUserCapacity(ownUserId, currentOrgId);
+        if (customerCapacity == null || customerCapacity.getCapacity() == null) {
+            return;
+        }
+        List<FilterConditionDTO> conditions = StringUtils.isEmpty(customerCapacity.getFilter()) ?
+                new ArrayList<>() : JSON.parseArray(customerCapacity.getFilter(), FilterConditionDTO.class);
+        conditions = conditions.stream().filter(condition -> StringUtils.isNotEmpty(condition.getColumn())
+                && StringUtils.isNotEmpty(condition.getOperator()) && CollectionUtils.isNotEmpty(condition.getValue())).toList();
+        int filter = 0;
+        if (CollectionUtils.isNotEmpty(conditions)) {
+            filter = (int) extCustomerMapper.filterOwnerCount(ownUserId, conditions);
+        }
+        var customerWrapper = new LambdaQueryWrapper<Customer>();
+        customerWrapper.eq(Customer::getOwner, ownUserId).eq(Customer::getInSharedPool, false);
+        int ownCount = customerMapper.selectListByLambda(customerWrapper).size();
+        if (customerCapacity.getCapacity() - (ownCount - filter) < processCount) {
+            throw new GenericException(Translator.getWithArgs("customer.capacity.over", Math.max(customerCapacity.getCapacity() - ownCount, 0)));
+        }
+    }
+
+    /**
+     * 校验每日领取数量
+     *
+     * @param pickingCount 领取数量
+     * @param ownUserId    负责人用户ID
+     * @param pickRule     领取规则
+     */
+    public void validateDailyPickNum(int pickingCount, String ownUserId, CustomerPoolPickRule pickRule) {
+        if (pickRule.getLimitOnNumber()) {
+            var customerWrapper = new LambdaQueryWrapper<Customer>();
+            customerWrapper
+                    .eq(Customer::getOwner, ownUserId)
+                    .eq(Customer::getInSharedPool, false)
+                    .between(Customer::getCollectionTime, TimeUtils.getTodayStart(), TimeUtils.getTodayStart() + DAY_MILLIS);
+            List<Customer> customers = customerMapper.selectListByLambda(customerWrapper);
+            int pickedCount = customers.size();
+            if (pickingCount + pickedCount > pickRule.getPickNumber()) {
+                throw new GenericException(Translator.get("customer.daily.pick.over"));
+            }
+        }
+    }
+
+    /**
+     * 获取用户库容
+     *
+     * @param userId         用户ID
+     * @param organizationId 组织ID
+     *
+     * @return 库容
+     */
+    public CustomerCapacity getUserCapacity(String userId, String organizationId) {
+        List<String> scopeIds = userExtendService.getUserScopeIds(userId, organizationId);
+        return extCustomerCapacityMapper.getCapacityByScopeIds(scopeIds, organizationId);
+    }
+
+    /**
+     * 拥有客户
+     *
+     * @param customerId 客户ID
+     * @param ownerId    拥有人ID
+     */
+    private void ownCustomer(String customerId, String ownerId, CustomerPoolPickRule pickRule,
+                             String operateUserId, String logType, String currentOrgId, boolean isPoolAdmin) {
+
+        Customer customer = customerMapper.selectByPrimaryKey(customerId);
+        if (customer == null) {
+            throw new IllegalArgumentException(Translator.get("customer.not.exist"));
+        }
+        if (!customer.getInSharedPool()) {
+            throw new GenericException(Translator.getWithArgs("customer.pool.occupied", customer.getName()));
+        }
+
+        if (!isPoolAdmin && pickRule != null) {
+            if (pickRule.getLimitNew()) {
+                LocalDateTime joinPoolTime = Instant.ofEpochMilli(customer.getUpdateTime())
+                        .atZone(ZoneId.systemDefault()).toLocalDateTime();
+                LocalDateTime releaseDate = joinPoolTime.plusDays(pickRule.getNewPickInterval());
+                if (releaseDate.isAfter(LocalDateTime.now())) {
+                    throw new GenericException(Translator.getWithArgs(
+                            "pool.data.release.date",
+                            releaseDate.format(DateTimeFormatter.ofPattern("yyyy-MM-dd HH:mm:ss"))
+                    ));
+                }
+            }
+
+            if (pickRule.getLimitPreOwner()) {
+                List<CustomerOwner> customerOwners = ownerMapper.selectListByLambda(
+                        new LambdaQueryWrapper<CustomerOwner>().eq(CustomerOwner::getCustomerId, customerId)
+                );
+                if (CollectionUtils.isNotEmpty(customerOwners)) {
+                    CustomerOwner lastOwner = customerOwners.stream()
+                            .max(Comparator.comparingLong(CustomerOwner::getCollectionTime))
+                            .orElse(null);
+                    if (lastOwner != null && Strings.CS.equals(lastOwner.getOwner(), ownerId)) {
+                        long nextPickMillis = lastOwner.getEndTime()
+                                + pickRule.getPickIntervalDays() * DAY_MILLIS;
+                        if (System.currentTimeMillis() < nextPickMillis) {
+                            LocalDateTime nextPickTime = Instant.ofEpochMilli(nextPickMillis)
+                                    .atZone(ZoneId.systemDefault()).toLocalDateTime();
+                            throw new GenericException(Translator.getWithArgs(
+                                    "customer.pre_owner.pick.limit",
+                                    nextPickTime.format(DateTimeFormatter.ofPattern("yyyy-MM-dd HH:mm:ss"))
+                            ));
+                        }
+                    }
+                }
+            }
+        }
+
+        long now = System.currentTimeMillis();
+        customer.setPoolId(null);
+        customer.setInSharedPool(false);
+        customer.setOwner(ownerId);
+        customer.setCollectionTime(now);
+        customer.setUpdateUser(ownerId);
+        customer.setUpdateTime(now);
+        extCustomerMapper.updateIncludeNullById(customer);
+
+        // 只更新最近一次销售负责人的联系人（联系人为空的）
+        String recentOwner = extCustomerOwnerMapper.getRecentOwner(customerId);
+        customerContactService.updatePoolContactOwner(customerId, ownerId, recentOwner, currentOrgId);
+
+        logService.add(new LogDTO(currentOrgId, customer.getId(), operateUserId, logType,
+                LogModule.CUSTOMER_POOL, customer.getName()));
+
+        if (Strings.CS.equals(logType, LogType.ASSIGN)) {
+            commonNoticeSendService.sendNotice(
+                    NotificationConstants.Module.CUSTOMER,
+                    NotificationConstants.Event.HIGH_SEAS_CUSTOMER_DISTRIBUTED,
+                    customer.getName(), operateUserId, currentOrgId,
+                    List.of(ownerId), true
+            );
+        }
+    }
+
+    public void batchUpdate(ResourceBatchEditRequest request, String userId, String organizationId) {
+        BaseField field = customerFieldService.getAndCheckField(request.getFieldId(), organizationId);
+
+        if (Strings.CS.equals(field.getBusinessKey(), BusinessModuleField.CUSTOMER_OWNER.getBusinessKey())) {
+            // 修改负责人，走批量分配的接口
+            var batchAssignRequest = new PoolBatchAssignRequest();
+            batchAssignRequest.setBatchIds(request.getIds());
+            batchAssignRequest.setAssignUserId(request.getFieldValue().toString());
+            batchAssign(batchAssignRequest, batchAssignRequest.getAssignUserId(), organizationId, userId);
+            return;
+        }
+
+        List<Customer> originCustomers = customerMapper.selectByIds(request.getIds());
+
+        customerFieldService.batchUpdate(request, field, originCustomers, Customer.class, LogModule.CUSTOMER_POOL, extCustomerMapper::batchUpdate, userId, organizationId);
+    }
+
+    public List<ChartResult> chart(PoolCustomerChartAnalysisRequest request, String userId, String orgId, DeptDataPermissionDTO deptDataPermission) {
+        ModuleFormConfigDTO formConfig = Objects.requireNonNull(CommonBeanFactory.getBean(CustomerService.class)).getFormConfig(orgId);
+        formConfig.getFields().addAll(BaseChartService.getChartBaseFields());
+        ChartAnalysisDbRequest chartAnalysisDbRequest = ConditionFilterUtils.parseChartAnalysisRequest(request, formConfig);
+        CustomerChartAnalysisDbRequest customerChartAnalysisDbRequest = BeanUtils.copyBean(new CustomerChartAnalysisDbRequest(), chartAnalysisDbRequest);
+        customerChartAnalysisDbRequest.setPoolId(request.getPoolId());
+        List<ChartResult> chartResults = extCustomerMapper.chart(customerChartAnalysisDbRequest, userId, orgId, deptDataPermission);
+        return baseChartService.translateAxisName(formConfig, chartAnalysisDbRequest, chartResults);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/service/RoleLogService.java b/backend/crm/src/main/java/cn/cordys/crm/customer/service/RoleLogService.java
new file mode 100644
index 0000000..12d5ab5
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/service/RoleLogService.java
@@ -0,0 +1,144 @@
+package cn.cordys.crm.customer.service;
+
+import cn.cordys.common.dto.JsonDifferenceDTO;
+import cn.cordys.common.permission.Permission;
+import cn.cordys.common.permission.PermissionDefinitionItem;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.domain.Department;
+import cn.cordys.crm.system.service.BaseModuleLogService;
+import cn.cordys.crm.system.service.DepartmentService;
+import cn.cordys.crm.system.service.RoleService;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class RoleLogService extends BaseModuleLogService {
+
+    @Resource
+    private DepartmentService departmentService;
+    @Resource
+    private RoleService roleService;
+
+    @Override
+    public List<JsonDifferenceDTO> handleLogField(List<JsonDifferenceDTO> differences, String orgId) {
+        differences.forEach(differ -> {
+            if (Strings.CS.equals(differ.getColumn(), "deptIds")) {
+                handleDeptIdsLogDetail(differ);
+            } else if (Strings.CS.equals(differ.getColumn(), "permissions")) {
+                handlePermissionSettingLogDetail(differ);
+            } else if (Strings.CS.equals(differ.getColumn(), "dataScope")) {
+                if (differ.getOldValue() != null) {
+                    differ.setOldValueName(Translator.get("role.data_permission." + differ.getOldValue().toString().toLowerCase()));
+                }
+                if (differ.getNewValue() != null) {
+                    differ.setNewValueName(Translator.get("role.data_permission." + differ.getNewValue().toString().toLowerCase()));
+                }
+                differ.setColumnName(Translator.get("log.dataScope"));
+            } else {
+                BaseModuleLogService.translatorDifferInfo(differ);
+            }
+        });
+        return differences;
+    }
+
+    private void handleDeptIdsLogDetail(JsonDifferenceDTO differ) {
+        var oldValue = differ.getOldValue();
+        var newValue = differ.getNewValue();
+        var deptNameMap = getDeptNameMap(oldValue, newValue);
+
+        if (oldValue instanceof List<?> originDeptIds) {
+            var deptNames = originDeptIds.stream()
+                    .map(id -> deptNameMap.get(String.valueOf(id)))
+                    .filter(Objects::nonNull)
+                    .toList();
+            differ.setOldValueName(deptNames);
+        }
+        if (newValue instanceof List<?> newDeptIds) {
+            var deptNames = newDeptIds.stream()
+                    .map(id -> deptNameMap.get(String.valueOf(id)))
+                    .filter(Objects::nonNull)
+                    .toList();
+            differ.setNewValueName(deptNames);
+        }
+        differ.setColumnName(Translator.get("role.log.dept.name"));
+    }
+
+    private void handlePermissionSettingLogDetail(JsonDifferenceDTO differ) {
+        var oldValue = differ.getOldValue();
+        var originPermissionSet = new HashSet<String>();
+        if (oldValue instanceof List<?> originPermissionIds) {
+            originPermissionIds.forEach(id -> originPermissionSet.add(String.valueOf(id)));
+        }
+        var newValue = differ.getNewValue();
+        var newPermissionSet = new HashSet<String>();
+        if (newValue instanceof List<?> newPermissionIds) {
+            newPermissionIds.forEach(id -> newPermissionSet.add(String.valueOf(id)));
+        }
+
+        var originPermissionMap = new HashMap<String, List<String>>();
+        var newPermissionMap = new HashMap<String, List<String>>();
+        var permissionDefinitions = roleService.getPermissionDefinitions();
+        for (PermissionDefinitionItem permissionDefinition : permissionDefinitions) {
+            for (PermissionDefinitionItem resourceItem : permissionDefinition.getChildren()) {
+                var resourceName = Translator.get(resourceItem.getName());
+                var originPermissionNames = new ArrayList<String>();
+                var newPermissionNames = new ArrayList<String>();
+                for (Permission permissionItem : resourceItem.getPermissions()) {
+                    if (originPermissionSet.contains(permissionItem.getId())) {
+                        originPermissionNames.add(translatePermissionName(permissionItem));
+                    }
+                    if (newPermissionSet.contains(permissionItem.getId())) {
+                        newPermissionNames.add(translatePermissionName(permissionItem));
+                    }
+                }
+                if (!originPermissionNames.isEmpty()) {
+                    originPermissionMap.put(resourceName, originPermissionNames);
+                }
+                if (!newPermissionNames.isEmpty()) {
+                    newPermissionMap.put(resourceName, newPermissionNames);
+                }
+            }
+        }
+
+        differ.setOldValueName(getPermissionColumnName(originPermissionMap));
+        differ.setNewValueName(getPermissionColumnName(newPermissionMap));
+
+        differ.setColumnName(Translator.get("role.log.permission.name"));
+    }
+
+    private String getPermissionColumnName(Map<String, List<String>> permissionMap) {
+        var sb = new StringBuilder();
+        permissionMap.forEach((resource, names) -> {
+            sb.append(resource).append(": ").append(String.join(",", names)).append("\n");
+        });
+        return sb.toString();
+    }
+
+    private String translatePermissionName(Permission permissionItem) {
+        if (StringUtils.isNotBlank(permissionItem.getName())) {
+            return Translator.get(permissionItem.getName());
+        } else {
+            return roleService.translateDefaultPermissionName(permissionItem.getId());
+        }
+    }
+
+    private Map<String, String> getDeptNameMap(Object oldValue, Object newValue) {
+        var deptIds = new ArrayList<String>();
+        if (oldValue instanceof List<?> originDeptIds) {
+            originDeptIds.forEach(id -> deptIds.add(String.valueOf(id)));
+        }
+        if (newValue instanceof List<?> newDeptIds) {
+            newDeptIds.forEach(id -> deptIds.add(String.valueOf(id)));
+        }
+        return departmentService.getDepartmentOptionsByIds(deptIds)
+                .stream()
+                .collect(Collectors.toMap(Department::getId, Department::getName));
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/utils/CustomerContactFieldUtils.java b/backend/crm/src/main/java/cn/cordys/crm/customer/utils/CustomerContactFieldUtils.java
new file mode 100644
index 0000000..671981e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/utils/CustomerContactFieldUtils.java
@@ -0,0 +1,27 @@
+package cn.cordys.crm.customer.utils;
+
+import cn.cordys.common.util.TimeUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.customer.dto.response.CustomerContactListResponse;
+
+import java.util.LinkedHashMap;
+
+public class CustomerContactFieldUtils {
+
+    public static LinkedHashMap<String, Object> getSystemFieldMap(CustomerContactListResponse data) {
+        LinkedHashMap<String, Object> systemFieldMap = new LinkedHashMap<>();
+        systemFieldMap.put("customerId", data.getCustomerName());
+        systemFieldMap.put("name", data.getName());
+        systemFieldMap.put("phone", data.getPhone());
+        systemFieldMap.put("owner", data.getOwnerName());
+        systemFieldMap.put("enable", Translator.get("log.enable." + data.getEnable()));
+        systemFieldMap.put("disableReason", data.getDisableReason());
+        systemFieldMap.put("departmentId", data.getDepartmentName());
+
+        systemFieldMap.put("createUser", data.getCreateUserName());
+        systemFieldMap.put("createTime", TimeUtils.getDateTimeStr(data.getCreateTime()));
+        systemFieldMap.put("updateUser", data.getUpdateUserName());
+        systemFieldMap.put("updateTime", TimeUtils.getDateTimeStr(data.getUpdateTime()));
+        return systemFieldMap;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/utils/CustomerFieldUtils.java b/backend/crm/src/main/java/cn/cordys/crm/customer/utils/CustomerFieldUtils.java
new file mode 100644
index 0000000..b1f665a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/utils/CustomerFieldUtils.java
@@ -0,0 +1,27 @@
+package cn.cordys.crm.customer.utils;
+
+import cn.cordys.common.util.TimeUtils;
+import cn.cordys.crm.customer.dto.response.CustomerListResponse;
+
+import java.util.LinkedHashMap;
+
+public class CustomerFieldUtils {
+
+    public static LinkedHashMap<String, Object> getSystemFieldMap(CustomerListResponse data) {
+        LinkedHashMap<String, Object> systemFieldMap = new LinkedHashMap<>();
+        systemFieldMap.put("name", data.getName());
+        systemFieldMap.put("owner", data.getOwnerName());
+        systemFieldMap.put("collectionTime", TimeUtils.getDateTimeStr(data.getCollectionTime()));
+        systemFieldMap.put("createUser", data.getCreateUserName());
+        systemFieldMap.put("createTime", TimeUtils.getDateTimeStr(data.getCreateTime()));
+        systemFieldMap.put("updateUser", data.getUpdateUserName());
+        systemFieldMap.put("updateTime", TimeUtils.getDateTimeStr(data.getUpdateTime()));
+        systemFieldMap.put("follower", data.getFollowerName());
+        systemFieldMap.put("followTime", TimeUtils.getDateTimeStr(data.getFollowTime()));
+        systemFieldMap.put("reservedDays", data.getReservedDays());
+        systemFieldMap.put("recyclePoolName", data.getRecyclePoolName());
+        systemFieldMap.put("departmentId", data.getDepartmentName());
+        return systemFieldMap;
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/customer/utils/PoolCustomerFieldUtils.java b/backend/crm/src/main/java/cn/cordys/crm/customer/utils/PoolCustomerFieldUtils.java
new file mode 100644
index 0000000..a0a60fb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/customer/utils/PoolCustomerFieldUtils.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.customer.utils;
+
+import cn.cordys.crm.customer.dto.response.CustomerListResponse;
+
+import java.util.LinkedHashMap;
+
+public class PoolCustomerFieldUtils {
+
+    public static LinkedHashMap<String, Object> getSystemFieldMap(CustomerListResponse data) {
+        LinkedHashMap<String, Object> systemFieldMap = CustomerFieldUtils.getSystemFieldMap(data);
+        systemFieldMap.put("reasonId", data.getReasonName());
+        return systemFieldMap;
+    }
+
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/dashboard/controller/DashboardController.java b/backend/crm/src/main/java/cn/cordys/crm/dashboard/controller/DashboardController.java
new file mode 100644
index 0000000..bc1ce74
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/dashboard/controller/DashboardController.java
@@ -0,0 +1,112 @@
+package cn.cordys.crm.dashboard.controller;
+
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.dashboard.domain.Dashboard;
+import cn.cordys.crm.dashboard.dto.request.*;
+import cn.cordys.crm.dashboard.dto.response.DashboardDetailResponse;
+import cn.cordys.crm.dashboard.dto.response.DashboardPageResponse;
+import cn.cordys.crm.dashboard.service.DashboardService;
+import cn.cordys.security.SessionUtils;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "仪表板")
+@RestController
+@RequestMapping("/dashboard")
+public class DashboardController {
+
+    @Resource
+    private DashboardService dashboardService;
+
+
+    @PostMapping("/add")
+    @RequiresPermissions(PermissionConstants.DASHBOARD_ADD)
+    @Operation(summary = "仪表板-添加")
+    public Dashboard addDashboard(@Validated @RequestBody DashboardAddRequest request) {
+        return dashboardService.addDashboard(request, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+
+    @GetMapping("/detail/{id}")
+    @Operation(summary = "仪表板-详情")
+    @RequiresPermissions(PermissionConstants.DASHBOARD_READ)
+    public DashboardDetailResponse getDashboardDetail(@PathVariable String id) {
+        return dashboardService.getDashboardDetail(id);
+    }
+
+    @PostMapping("/update")
+    @RequiresPermissions(PermissionConstants.DASHBOARD_EDIT)
+    @Operation(summary = "仪表板-更新")
+    public void updateDashboard(@Validated @RequestBody DashboardUpdateRequest request) {
+        dashboardService.updateDashboard(request, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+
+    @PostMapping("/rename")
+    @RequiresPermissions(PermissionConstants.DASHBOARD_EDIT)
+    @Operation(summary = "仪表板-重命名")
+    public void rename(@Validated @RequestBody DashboardRenameRequest request) {
+        dashboardService.rename(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/delete/{id}")
+    @RequiresPermissions(PermissionConstants.DASHBOARD_DELETE)
+    @Operation(summary = "仪表板-删除")
+    public void delete(@PathVariable String id) {
+        dashboardService.delete(id);
+    }
+
+
+    @PostMapping("/page")
+    @RequiresPermissions(PermissionConstants.DASHBOARD_READ)
+    @Operation(summary = "仪表板列表")
+    public Pager<List<DashboardPageResponse>> list(@Validated @RequestBody DashboardPageRequest request) {
+        return dashboardService.getList(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/collect/{id}")
+    @RequiresPermissions(PermissionConstants.DASHBOARD_READ)
+    @Operation(summary = "仪表板收藏")
+    public void collect(@PathVariable String id) {
+        dashboardService.collect(id, SessionUtils.getUserId());
+    }
+
+
+    @GetMapping("/un-collect/{id}")
+    @RequiresPermissions(PermissionConstants.DASHBOARD_READ)
+    @Operation(summary = "仪表板取消收藏")
+    public void unCollect(@PathVariable String id) {
+        dashboardService.unCollect(id, SessionUtils.getUserId());
+    }
+
+
+    @PostMapping("/collect/page")
+    @RequiresPermissions(PermissionConstants.DASHBOARD_READ)
+    @Operation(summary = "仪表板收藏列表")
+    public Pager<List<DashboardPageResponse>> collectPage(@Validated @RequestBody BasePageRequest request) {
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        return PageUtils.setPageInfo(page, dashboardService.collectList(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId()));
+    }
+
+    @PostMapping("/edit/pos")
+    @Operation(summary = "仪表板-拖拽排序")
+    @RequiresPermissions(PermissionConstants.DASHBOARD_EDIT)
+    public void editPos(@Validated @RequestBody DashboardEditPosRequest request) {
+        dashboardService.editPos(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/dashboard/controller/DashboardModuleController.java b/backend/crm/src/main/java/cn/cordys/crm/dashboard/controller/DashboardModuleController.java
new file mode 100644
index 0000000..20f3aa3
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/dashboard/controller/DashboardModuleController.java
@@ -0,0 +1,78 @@
+package cn.cordys.crm.dashboard.controller;
+
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.dashboard.domain.DashboardModule;
+import cn.cordys.crm.dashboard.dto.DashboardTreeNode;
+import cn.cordys.crm.dashboard.dto.request.DashboardModuleAddRequest;
+import cn.cordys.crm.dashboard.dto.request.DashboardModuleRenameRequest;
+import cn.cordys.crm.dashboard.service.DashboardModuleService;
+import cn.cordys.crm.system.dto.request.NodeMoveRequest;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import jakarta.validation.constraints.NotEmpty;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+import java.util.Map;
+
+@Tag(name = "仪表板模块")
+@RestController
+@RequestMapping("/dashboard/module")
+public class DashboardModuleController {
+
+    @Resource
+    private DashboardModuleService dashboardModuleService;
+
+    @PostMapping("/add")
+    @RequiresPermissions(PermissionConstants.DASHBOARD_ADD)
+    @Operation(summary = "仪表板-添加文件夹")
+    public DashboardModule addFileModule(@Validated @RequestBody DashboardModuleAddRequest request) {
+        return dashboardModuleService.addFileModule(request, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+
+    @PostMapping("/rename")
+    @RequiresPermissions(PermissionConstants.DASHBOARD_EDIT)
+    @Operation(summary = "仪表板-重命名文件夹")
+    public void rename(@Validated @RequestBody DashboardModuleRenameRequest request) {
+        dashboardModuleService.rename(request, SessionUtils.getUserId());
+    }
+
+
+    @PostMapping("/delete")
+    @RequiresPermissions(PermissionConstants.DASHBOARD_DELETE)
+    @Operation(summary = "仪表板-刪除文件夹")
+    public void deleteDashboardModule(@RequestBody @NotEmpty List<String> ids) {
+        dashboardModuleService.delete(ids, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/tree")
+    @Operation(summary = "仪表板-文件树查询")
+    @RequiresPermissions(PermissionConstants.DASHBOARD_READ)
+    public List<DashboardTreeNode> getTree() {
+        return dashboardModuleService.getTree(SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/count")
+    @Operation(summary = "仪表板-文件树数量")
+    @RequiresPermissions(PermissionConstants.DASHBOARD_READ)
+    public Map<String, Long> moduleCount() {
+        return dashboardModuleService.moduleCount(SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/move")
+    @Operation(summary = "仪表板-文件夹移动")
+    @RequiresPermissions(PermissionConstants.DASHBOARD_EDIT)
+    public void moveNode(@Validated @RequestBody NodeMoveRequest request) {
+        dashboardModuleService.moveNode(request, SessionUtils.getUserId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/dashboard/domain/Dashboard.java b/backend/crm/src/main/java/cn/cordys/crm/dashboard/domain/Dashboard.java
new file mode 100644
index 0000000..f7e184d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/dashboard/domain/Dashboard.java
@@ -0,0 +1,33 @@
+package cn.cordys.crm.dashboard.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+@Data
+@Table(name = "dashboard")
+public class Dashboard extends BaseModel {
+
+    @Schema(description = "名称")
+    private String name;
+
+    @Schema(description = "仪表板url")
+    private String resourceUrl;
+
+    @Schema(description = "模块id")
+    private String dashboardModuleId;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+
+    @Schema(description = "同一节点下顺序")
+    private Long pos;
+
+    @Schema(description = "范围")
+    private String scopeId;
+
+    @Schema(description = "描述")
+    private String description;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/dashboard/domain/DashboardCollection.java b/backend/crm/src/main/java/cn/cordys/crm/dashboard/domain/DashboardCollection.java
new file mode 100644
index 0000000..4e871b6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/dashboard/domain/DashboardCollection.java
@@ -0,0 +1,18 @@
+package cn.cordys.crm.dashboard.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+@Data
+@Table(name = "dashboard_collection")
+public class DashboardCollection extends BaseModel {
+
+    @Schema(description = "用户id")
+    private String userId;
+
+    @Schema(description = "仪表板id")
+    private String dashboardId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/dashboard/domain/DashboardModule.java b/backend/crm/src/main/java/cn/cordys/crm/dashboard/domain/DashboardModule.java
new file mode 100644
index 0000000..01ac69a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/dashboard/domain/DashboardModule.java
@@ -0,0 +1,24 @@
+package cn.cordys.crm.dashboard.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+@Data
+@Table(name = "dashboard_module")
+public class DashboardModule extends BaseModel {
+
+    @Schema(description = "组织id")
+    private String organizationId;
+
+    @Schema(description = "名称")
+    private String name;
+
+    @Schema(description = "父节点id")
+    private String parentId;
+
+    @Schema(description = "同一节点下顺序")
+    private Long pos;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/DashboardLogDTO.java b/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/DashboardLogDTO.java
new file mode 100644
index 0000000..5e57752
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/DashboardLogDTO.java
@@ -0,0 +1,25 @@
+package cn.cordys.crm.dashboard.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class DashboardLogDTO {
+
+    @Schema(description = "名称")
+    private String name;
+
+    @Schema(description = "仪表板id")
+    private String resourceId;
+
+    @Schema(description = "文件夹名称")
+    private String dashboardModuleName;
+
+    @Schema(description = "可查看人员集合")
+    private List<String> members;
+
+    @Schema(description = "描述")
+    private String description;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/DashboardTreeNode.java b/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/DashboardTreeNode.java
new file mode 100644
index 0000000..4b0e851
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/DashboardTreeNode.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.dashboard.dto;
+
+import cn.cordys.common.dto.BaseTreeNode;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+@Data
+@AllArgsConstructor
+@NoArgsConstructor
+public class DashboardTreeNode extends BaseTreeNode {
+
+    @Schema(description = "节点类型, 如:仪表板文件夹, 仪表板")
+    private String type;
+
+    @Schema(description = "是否收藏")
+    private boolean myCollect = false;
+
+    @Schema(description = "仪表板url")
+    private String resourceUrl;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/DropNode.java b/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/DropNode.java
new file mode 100644
index 0000000..3f66496
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/DropNode.java
@@ -0,0 +1,9 @@
+package cn.cordys.crm.dashboard.dto;
+
+import lombok.Data;
+
+@Data
+public class DropNode {
+    private String id;
+    private long pos;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/MoveNodeSortDTO.java b/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/MoveNodeSortDTO.java
new file mode 100644
index 0000000..4e97db4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/MoveNodeSortDTO.java
@@ -0,0 +1,21 @@
+package cn.cordys.crm.dashboard.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+
+@Data
+@AllArgsConstructor
+public class MoveNodeSortDTO {
+    @Schema(description = "排序范围ID")
+    private String sortRangeId;
+
+    @Schema(description = "要排序的节点")
+    private DropNode sortNode;
+
+    @Schema(description = "前一个节点")
+    private DropNode previousNode;
+
+    @Schema(description = "后一个节点")
+    private DropNode nextNode;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/request/DashboardAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/request/DashboardAddRequest.java
new file mode 100644
index 0000000..1cace58
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/request/DashboardAddRequest.java
@@ -0,0 +1,36 @@
+package cn.cordys.crm.dashboard.dto.request;
+
+import cn.cordys.common.groups.Created;
+import cn.cordys.common.groups.Updated;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.NotNull;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class DashboardAddRequest {
+
+    @Size(min = 1, max = 255, message = "{department.name.length_range}", groups = {Created.class, Updated.class})
+    @NotBlank(message = "{dashboard.name.not_blank}", groups = {Created.class, Updated.class})
+    @Schema(description = "仪表板名称", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String name;
+
+    @Schema(description = "仪表板url")
+    @NotBlank(message = "{dashboard.parent.id.not_blank}")
+    private String resourceUrl;
+
+    @Schema(description = "文件夹id")
+    @NotBlank(message = "{dashboard.parent.id.not_blank}")
+    private String dashboardModuleId;
+
+    @NotNull
+    @Schema(description = "范围ID集合")
+    private List<String> scopeIds;
+
+    @Schema(description = "描述")
+    private String description;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/request/DashboardEditPosRequest.java b/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/request/DashboardEditPosRequest.java
new file mode 100644
index 0000000..283d828
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/request/DashboardEditPosRequest.java
@@ -0,0 +1,26 @@
+package cn.cordys.crm.dashboard.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+public class DashboardEditPosRequest {
+
+    @Schema(description = "文件夹id")
+    private String dashboardModuleId;
+
+    @Schema(description = "移动仪表板id", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank(message = "{source_id.not_blank}")
+    private String moveId;
+
+    @Schema(description = "目标仪表板id", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank(message = "{target_id.not_blank}")
+    private String targetId;
+
+    @Schema(description = "移动类型", requiredMode = Schema.RequiredMode.REQUIRED, allowableValues = {"BEFORE", "AFTER", "APPEND"})
+    @NotBlank(message = "{moveMode.not_blank}")
+    private String moveMode;
+
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/request/DashboardModuleAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/request/DashboardModuleAddRequest.java
new file mode 100644
index 0000000..abc3593
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/request/DashboardModuleAddRequest.java
@@ -0,0 +1,23 @@
+package cn.cordys.crm.dashboard.dto.request;
+
+import cn.cordys.common.groups.Created;
+import cn.cordys.common.groups.Updated;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+@Data
+public class DashboardModuleAddRequest {
+
+    @Size(min = 1, max = 255, message = "{department.name.length_range}", groups = {Created.class, Updated.class})
+    @NotBlank(message = "{dashboard_module.name.not_blank}", groups = {Created.class, Updated.class})
+    @Schema(description = "名称", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String name;
+
+
+    @Schema(description = "父级id")
+    @NotBlank(message = "{dashboard_module.parent.id.not_blank}")
+    private String parentId;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/request/DashboardModuleRenameRequest.java b/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/request/DashboardModuleRenameRequest.java
new file mode 100644
index 0000000..1376601
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/request/DashboardModuleRenameRequest.java
@@ -0,0 +1,21 @@
+package cn.cordys.crm.dashboard.dto.request;
+
+import cn.cordys.common.groups.Created;
+import cn.cordys.common.groups.Updated;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+@Data
+public class DashboardModuleRenameRequest {
+
+    @NotBlank(message = "{dashboardModule.id.not_blank}", groups = {Created.class, Updated.class})
+    @Schema(description = "id", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+
+    @Size(min = 1, max = 255, message = "{department.name.length_range}", groups = {Created.class, Updated.class})
+    @NotBlank(message = "{dashboardModule.name.not_blank}", groups = {Created.class, Updated.class})
+    @Schema(description = "名称", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String name;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/request/DashboardPageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/request/DashboardPageRequest.java
new file mode 100644
index 0000000..9840d66
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/request/DashboardPageRequest.java
@@ -0,0 +1,14 @@
+package cn.cordys.crm.dashboard.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class DashboardPageRequest extends BasePageRequest {
+
+    @Schema(description = "文件ids")
+    private List<String> dashboardModuleIds;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/request/DashboardRenameRequest.java b/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/request/DashboardRenameRequest.java
new file mode 100644
index 0000000..c1a7b7e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/request/DashboardRenameRequest.java
@@ -0,0 +1,25 @@
+package cn.cordys.crm.dashboard.dto.request;
+
+import cn.cordys.common.groups.Created;
+import cn.cordys.common.groups.Updated;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+@Data
+public class DashboardRenameRequest {
+
+    @NotBlank(message = "{dashboard.id.not_blank}", groups = {Created.class, Updated.class})
+    @Schema(description = "id", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+
+    @Size(min = 1, max = 255, message = "{department.name.length_range}", groups = {Created.class, Updated.class})
+    @NotBlank(message = "{dashboard.name.not_blank}", groups = {Created.class, Updated.class})
+    @Schema(description = "名称", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String name;
+
+    @NotBlank(message = "{dashboardModule.id.not_blank}", groups = {Created.class, Updated.class})
+    @Schema(description = "当前文件夹id", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String dashboardModuleId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/request/DashboardUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/request/DashboardUpdateRequest.java
new file mode 100644
index 0000000..1b578fc
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/request/DashboardUpdateRequest.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.dashboard.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+public class DashboardUpdateRequest extends DashboardAddRequest {
+
+    @Schema(description = "ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank
+    private String id;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/response/DashboardDetailResponse.java b/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/response/DashboardDetailResponse.java
new file mode 100644
index 0000000..15d64bc
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/response/DashboardDetailResponse.java
@@ -0,0 +1,36 @@
+package cn.cordys.crm.dashboard.dto.response;
+
+import cn.cordys.crm.system.dto.ScopeNameDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+
+@Data
+public class DashboardDetailResponse {
+
+    @Schema(description = "id")
+    private String id;
+
+    @Schema(description = "仪表板名称")
+    private String name;
+
+    @Schema(description = "仪表板url")
+    private String resourceUrl;
+
+    @Schema(description = "文件夹id")
+    private String dashboardModuleId;
+
+    @Schema(description = "文件夹名称")
+    private String dashboardModuleName;
+
+    @Schema(description = "可查看人员id")
+    private String scopeId;
+
+    @Schema(description = "可查看人员集合")
+    private List<ScopeNameDTO> members;
+
+    @Schema(description = "描述")
+    private String description;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/response/DashboardPageResponse.java b/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/response/DashboardPageResponse.java
new file mode 100644
index 0000000..8414465
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/dashboard/dto/response/DashboardPageResponse.java
@@ -0,0 +1,62 @@
+package cn.cordys.crm.dashboard.dto.response;
+
+import cn.cordys.crm.system.dto.ScopeNameDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class DashboardPageResponse {
+
+    @Schema(description = "id")
+    private String id;
+
+    @Schema(description = "名称")
+    private String name;
+
+    @Schema(description = "仪表板url")
+    private String resourceUrl;
+
+    @Schema(description = "文件夹id")
+    private String dashboardModuleId;
+
+    @Schema(description = "文件夹名称")
+    private String dashboardModuleName;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+
+    @Schema(description = "同一节点下顺序")
+    private Long pos;
+
+    @Schema(description = "范围")
+    private String scopeId;
+
+    @Schema(description = "可查看人员集合")
+    private List<ScopeNameDTO> members;
+
+    @Schema(description = "描述")
+    private String description;
+
+    @Schema(description = "创建人")
+    private String createUser;
+
+    @Schema(description = "创建人名称")
+    private String createUserName;
+
+    @Schema(description = "修改人")
+    private String updateUser;
+
+    @Schema(description = "修改人名称")
+    private String updateUserName;
+
+    @Schema(description = "创建时间")
+    private Long createTime;
+
+    @Schema(description = "更新时间")
+    private Long updateTime;
+
+    @Schema(description = "是否收藏")
+    private boolean myCollect = false;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/dashboard/mapper/ExtDashboardCollectionMapper.java b/backend/crm/src/main/java/cn/cordys/crm/dashboard/mapper/ExtDashboardCollectionMapper.java
new file mode 100644
index 0000000..aa07fe1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/dashboard/mapper/ExtDashboardCollectionMapper.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.dashboard.mapper;
+
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.crm.dashboard.dto.response.DashboardPageResponse;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtDashboardCollectionMapper {
+
+    List<DashboardPageResponse> collectList(@Param("request") BasePageRequest request, @Param("userId") String userId, @Param("orgId") String orgId);
+
+    void deleteByDashboardId(@Param("dashboardId") String dashboardId);
+
+    void unCollect(@Param("dashboardId") String dashboardId, @Param("userId") String userId);
+
+    int countMyCollect(@Param("userId") String userId);
+
+    List<String> getByUserId(@Param("userId") String userId);
+
+    int checkCollect(@Param("id") String id, @Param("userId") String userId);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/dashboard/mapper/ExtDashboardCollectionMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/dashboard/mapper/ExtDashboardCollectionMapper.xml
new file mode 100644
index 0000000..558249b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/dashboard/mapper/ExtDashboardCollectionMapper.xml
@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.dashboard.mapper.ExtDashboardCollectionMapper">
+
+    <select id="collectList" resultType="cn.cordys.crm.dashboard.dto.response.DashboardPageResponse">
+        SELECT
+            d.id,
+            d.name,
+            d.resource_url,
+            d.dashboard_module_id,
+            d.scope_id,
+            d.description,
+            d.create_time,
+            d.update_time,
+            d.pos,
+            d.organization_id,
+            d.create_user,
+            d.update_user,
+            dm.NAME as dashboardModuleName
+        FROM
+            dashboard_collection dc
+                INNER JOIN dashboard d ON dc.dashboard_id = d.id
+                INNER JOIN dashboard_module dm ON d.dashboard_module_id = dm.id
+        where dc.user_id = #{userId}
+            and d.organization_id = #{orgId}
+        <if test="request.keyword != null and request.keyword != ''">
+            and d.name like concat('%', #{request.keyword},'%')
+        </if>
+        <include refid="sort">
+            <property name="sort" value="request.sort"/>
+        </include>
+    </select>
+
+    <sql id="sort">
+        <choose>
+            <when test="${sort} != null and ${sort}.valid()">
+                <bind name="sortType" value="${sort}.type" />
+                order by
+                <choose>
+                    <when test="${sort}.name == 'create_time'">
+                        d.`create_time` ${sortType}
+                    </when>
+                    <otherwise>
+                        order by d.create_time desc
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                order by d.create_time desc
+            </otherwise>
+        </choose>
+    </sql>
+
+    <delete id="deleteByDashboardId" parameterType="java.lang.String">
+        delete from dashboard_collection
+        where dashboard_id = #{dashboardId}
+    </delete>
+
+
+    <delete id="unCollect">
+        delete from dashboard_collection
+        where dashboard_id = #{dashboardId}
+        and user_id =#{userId}
+    </delete>
+
+    <select id="countMyCollect" parameterType="java.lang.String" resultType="java.lang.Integer">
+        select count(id) from dashboard_collection
+        where user_id = #{userId}
+    </select>
+
+
+    <select id="getByUserId" resultType="java.lang.String">
+        select dashboard_id from dashboard_collection where user_id = #{userId}
+    </select>
+
+
+    <select id="checkCollect" resultType="java.lang.Integer">
+        select count(id) from dashboard_collection
+        where user_id = #{userId} and dashboard_id = #{id}
+    </select>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/dashboard/mapper/ExtDashboardMapper.java b/backend/crm/src/main/java/cn/cordys/crm/dashboard/mapper/ExtDashboardMapper.java
new file mode 100644
index 0000000..24deebb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/dashboard/mapper/ExtDashboardMapper.java
@@ -0,0 +1,33 @@
+package cn.cordys.crm.dashboard.mapper;
+
+
+import cn.cordys.common.dto.NodeSortQueryParam;
+import cn.cordys.crm.dashboard.dto.DashboardTreeNode;
+import cn.cordys.crm.dashboard.dto.DropNode;
+import cn.cordys.crm.dashboard.dto.request.DashboardPageRequest;
+import cn.cordys.crm.dashboard.dto.response.DashboardDetailResponse;
+import cn.cordys.crm.dashboard.dto.response.DashboardPageResponse;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtDashboardMapper {
+
+    int countByName(@Param("name") String name, @Param("dashboardModuleId") String dashboardModuleId, @Param("orgId") String orgId, @Param("id") String id);
+
+    DashboardDetailResponse getDetail(@Param("id") String id);
+
+    Long getNextPosByOrgId(@Param("orgId") String orgId);
+
+    List<DashboardTreeNode> selectDashboardNode(@Param("departmentIds") List<String> departmentIds, @Param("orgId") String orgId, @Param("userId") String userId);
+
+    List<DashboardPageResponse> list(@Param("request") DashboardPageRequest request, @Param("userId") String userId, @Param("orgId") String orgId, @Param("departmentIds") List<String> departmentIds);
+
+    DropNode selectDragInfoById(@Param("dragNodeId") String dragNodeId);
+
+    DropNode selectNodeByPosOperator(@Param("nodeSortQueryParam") NodeSortQueryParam nodeSortQueryParam);
+
+    void updatePos(@Param("id") String id, @Param("pos") long pos);
+
+    List<String> selectIdByOrgIdOrderByPos(@Param("orgId") String orgId);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/dashboard/mapper/ExtDashboardMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/dashboard/mapper/ExtDashboardMapper.xml
new file mode 100644
index 0000000..8f6779c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/dashboard/mapper/ExtDashboardMapper.xml
@@ -0,0 +1,180 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.dashboard.mapper.ExtDashboardMapper">
+
+    <select id="countByName" resultType="java.lang.Integer">
+        select count(id)
+        from dashboard
+        where name = #{name}
+          and organization_id = #{orgId}
+          and dashboard_module_id = #{dashboardModuleId}
+          <if test="id != null and id != ''">
+              and id != #{id}
+          </if>
+    </select>
+
+
+    <select id="getDetail" resultType="cn.cordys.crm.dashboard.dto.response.DashboardDetailResponse">
+        SELECT
+            d.id,
+            d.NAME,
+            d.resource_url,
+            d.dashboard_module_id,
+            d.scope_id,
+            d.description,
+            dm.NAME as dashboardModuleName
+        FROM
+            dashboard d
+                INNER JOIN dashboard_module dm ON d.dashboard_module_id = dm.id
+        where d.id = #{id}
+    </select>
+
+
+    <select id="getNextPosByOrgId" resultType="java.lang.Long">
+        SELECT max(pos)
+        FROM dashboard
+        where organization_id = #{orgId}
+    </select>
+
+
+    <select id="selectDashboardNode" resultType="cn.cordys.crm.dashboard.dto.DashboardTreeNode">
+        SELECT
+            id,
+            NAME,
+            dashboard_module_id as parent_id,
+            organization_id,
+            'DASHBOARD' as type,
+            resource_url
+        FROM
+            dashboard
+        WHERE organization_id = #{orgId}
+        <if test="userId != null and userId != 'admin'">
+            AND ((
+            JSON_CONTAINS(`scope_id`, json_array(#{userId}))
+            or `scope_id` = '[]'
+            <foreach collection="departmentIds" item="departmentId">
+                or JSON_CONTAINS(`scope_id`, json_array(#{departmentId}))
+            </foreach>
+            )
+            or create_user = #{userId} )
+        </if>
+
+    </select>
+
+
+    <select id="list" resultType="cn.cordys.crm.dashboard.dto.response.DashboardPageResponse">
+        select
+            d.id,
+            d.name,
+            d.resource_url,
+            d.dashboard_module_id,
+            d.scope_id,
+            d.description,
+            d.create_time,
+            d.update_time,
+            d.pos,
+            d.organization_id,
+            d.create_user,
+            d.update_user,
+            dm.NAME as dashboardModuleName
+            from dashboard d
+        INNER JOIN dashboard_module dm ON d.dashboard_module_id = dm.id
+        where d.organization_id = #{orgId}
+        <if test="userId != null and userId != 'admin'">
+            AND (
+                    (
+                    JSON_CONTAINS(d.`scope_id`, json_array(#{userId}))
+                    or d.`scope_id` = '[]'
+                <foreach collection="departmentIds" item="departmentId">
+                    or JSON_CONTAINS(d.`scope_id`, json_array(#{departmentId}))
+                </foreach>
+                    )
+                or d.create_user = #{userId}
+                )
+        </if>
+        <if test="request.keyword != null and request.keyword != ''">
+            and d.name like concat('%', #{request.keyword},'%')
+        </if>
+        <if test="request.dashboardModuleIds != null and request.dashboardModuleIds.size() > 0">
+            and d.dashboard_module_id in
+            <foreach collection="request.dashboardModuleIds" item="dashboardModuleId" separator="," open="(" close=")">
+                #{dashboardModuleId}
+            </foreach>
+        </if>
+        <include refid="sort">
+            <property name="sort" value="request.sort"/>
+        </include>
+    </select>
+
+    <sql id="sort">
+        <choose>
+            <when test="${sort} != null and ${sort}.valid()">
+                <bind name="sortType" value="${sort}.type" />
+                order by
+                <choose>
+                    <when test="${sort}.name == 'create_time'">
+                        d.`create_time` ${sortType}
+                    </when>
+                    <when test="${sort}.name == 'name'">
+                        d.`name` ${sortType}
+                    </when>
+                    <when test="${sort}.name == 'dashboard_module_name'">
+                        d.`dashboard_module_id` ${sortType}
+                    </when>
+                    <when test="${sort}.name == 'create_user_name'">
+                        d.`create_user` ${sortType}
+                    </when>
+                    <otherwise>
+                        order by d.create_time desc
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                order by d.create_time desc
+            </otherwise>
+        </choose>
+    </sql>
+
+
+
+    <select id="selectDragInfoById" resultType="cn.cordys.crm.dashboard.dto.DropNode">
+        SELECT id, pos
+        FROM dashboard
+        WHERE id = #{dragNodeId}
+    </select>
+
+    <select id="selectNodeByPosOperator"
+            parameterType="cn.cordys.common.dto.NodeSortQueryParam"
+            resultType="cn.cordys.crm.dashboard.dto.DropNode">
+        SELECT id, pos
+        FROM dashboard
+        WHERE organization_id = #{nodeSortQueryParam.parentId}
+        <if test="nodeSortQueryParam.operator == 'moreThan'">
+            AND pos &gt; #{nodeSortQueryParam.pos}
+        </if>
+        <if test="nodeSortQueryParam.operator == 'lessThan'">
+            AND pos &lt; #{nodeSortQueryParam.pos}
+        </if>
+        ORDER BY pos
+        <if test="nodeSortQueryParam.operator == 'lessThan' or nodeSortQueryParam.operator == 'latest'">
+            DESC
+        </if>
+        LIMIT 1
+    </select>
+
+
+    <update id="updatePos">
+        update dashboard
+        set pos =#{pos}
+        where id = #{id}
+    </update>
+
+
+    <select id="selectIdByOrgIdOrderByPos" resultType="java.lang.String">
+        SELECT id
+        FROM dashboard
+        WHERE organization_id = #{orgId}
+        ORDER BY pos
+    </select>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/dashboard/mapper/ExtDashboardModuleMapper.java b/backend/crm/src/main/java/cn/cordys/crm/dashboard/mapper/ExtDashboardModuleMapper.java
new file mode 100644
index 0000000..18d9e30
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/dashboard/mapper/ExtDashboardModuleMapper.java
@@ -0,0 +1,31 @@
+package cn.cordys.crm.dashboard.mapper;
+
+import cn.cordys.common.dto.BaseTree;
+import cn.cordys.common.dto.NodeSortQueryParam;
+import cn.cordys.crm.dashboard.domain.DashboardModule;
+import cn.cordys.crm.dashboard.dto.DashboardTreeNode;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtDashboardModuleMapper {
+
+
+    int countByName(@Param("name") String name, @Param("parentId") String parentId, @Param("orgId") String orgId, @Param("id") String id);
+
+    Long getNextPosByOrgId(@Param("orgId") String orgId);
+
+    int countDefaultModuleByIds(@Param("ids") List<String> ids, @Param("orgId") String orgId);
+
+    int countDashboardByIds(@Param("dashboardModuleIds") List<String> dashboardModuleIds, @Param("orgId") String orgId);
+
+    List<DashboardTreeNode> selectTreeNode(@Param("orgId") String orgId);
+
+    List<String> selectChildrenIds(@Param("parentId") String parentId);
+
+    void batchUpdate(@Param("dashboardModules") List<DashboardModule> dashboardModules);
+
+    BaseTree selectBaseModuleById(@Param("dragNodeId") String dragNodeId);
+
+    BaseTree selectModuleByParentIdAndPosOperator(@Param("nodeSortQueryParam") NodeSortQueryParam nodeSortQueryParam);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/dashboard/mapper/ExtDashboardModuleMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/dashboard/mapper/ExtDashboardModuleMapper.xml
new file mode 100644
index 0000000..d854bac
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/dashboard/mapper/ExtDashboardModuleMapper.xml
@@ -0,0 +1,98 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.dashboard.mapper.ExtDashboardModuleMapper">
+
+    <select id="countByName" resultType="java.lang.Integer">
+        select count(id) from dashboard_module
+        where name = #{name}
+          and organization_id = #{orgId}
+          and parent_id = #{parentId}
+        <if test="id != null and id != ''">
+            and id != #{id}
+        </if>
+    </select>
+
+    <select id="getNextPosByOrgId" resultType="java.lang.Long">
+        SELECT max(pos)
+        FROM dashboard_module
+        where organization_id = #{orgId}
+    </select>
+
+
+    <select id="countDefaultModuleByIds" resultType="java.lang.Integer">
+        SELECT
+        count(id)
+        FROM
+        dashboard_module
+        WHERE
+        id IN
+        <foreach collection="ids" item="id" index="index" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+        AND parent_id = 'NONE'
+        and organization_id = #{orgId}
+    </select>
+
+    <select id="countDashboardByIds" resultType="java.lang.Integer">
+        select count(id)
+        from dashboard
+        where dashboard_module_id in
+        <foreach collection="dashboardModuleIds" item="dashboardModuleId" index="index" open="(" close=")" separator=",">
+            #{dashboardModuleId}
+        </foreach>
+        and organization_id = #{orgId}
+    </select>
+
+
+    <select id="selectTreeNode" resultType="cn.cordys.crm.dashboard.dto.DashboardTreeNode">
+        SELECT id, name, parent_id, organization_id, 'MODULE' AS type
+        FROM dashboard_module
+        where organization_id = #{orgId}
+        ORDER BY pos
+    </select>
+
+    <select id="selectChildrenIds" resultType="java.lang.String">
+        SELECT id FROM dashboard_module WHERE parent_id  = #{parentId}
+        ORDER BY pos ASC
+    </select>
+
+    <update id="batchUpdate">
+        UPDATE dashboard_module
+        SET pos = CASE
+        <foreach collection="dashboardModules" item="dashboardModule" separator=" ">
+            WHEN id = #{dashboardModule.id} THEN #{dashboardModule.pos}
+        </foreach>
+        END
+        WHERE id IN
+        <foreach collection="dashboardModules" item="dashboardModule" open="(" close=")" separator=",">
+            #{dashboardModule.id}
+        </foreach>
+    </update>
+
+    <select id="selectBaseModuleById" resultType="cn.cordys.common.dto.BaseTree">
+        SELECT id, name, pos, organization_id, parent_id
+        FROM dashboard_module
+        WHERE id = #{dragNodeId}
+    </select>
+
+
+    <select id="selectModuleByParentIdAndPosOperator"
+            parameterType="cn.cordys.common.dto.NodeSortQueryParam"
+            resultType="cn.cordys.common.dto.BaseTree">
+        SELECT id, name, pos, organization_id, parent_id
+        FROM dashboard_module
+        WHERE parent_id = #{nodeSortQueryParam.parentId}
+        <if test="nodeSortQueryParam.operator == 'moreThan'">
+            AND pos &gt; #{nodeSortQueryParam.pos}
+        </if>
+        <if test="nodeSortQueryParam.operator == 'lessThan'">
+            AND pos &lt; #{nodeSortQueryParam.pos}
+        </if>
+        ORDER BY pos
+        <if test="nodeSortQueryParam.operator == 'lessThan' or nodeSortQueryParam.operator == 'latest'">
+            DESC
+        </if>
+        LIMIT 1
+    </select>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/dashboard/service/DashboardModuleService.java b/backend/crm/src/main/java/cn/cordys/crm/dashboard/service/DashboardModuleService.java
new file mode 100644
index 0000000..ced6cc8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/dashboard/service/DashboardModuleService.java
@@ -0,0 +1,366 @@
+package cn.cordys.crm.dashboard.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.aspectj.dto.LogDTO;
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.dto.BaseTreeNode;
+import cn.cordys.common.dto.NodeSortDTO;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.NodeSortUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.dashboard.domain.DashboardModule;
+import cn.cordys.crm.dashboard.dto.DashboardTreeNode;
+import cn.cordys.crm.dashboard.dto.request.DashboardModuleAddRequest;
+import cn.cordys.crm.dashboard.dto.request.DashboardModuleRenameRequest;
+import cn.cordys.crm.dashboard.mapper.ExtDashboardCollectionMapper;
+import cn.cordys.crm.dashboard.mapper.ExtDashboardMapper;
+import cn.cordys.crm.dashboard.mapper.ExtDashboardModuleMapper;
+import cn.cordys.crm.system.dto.request.NodeMoveRequest;
+import cn.cordys.crm.system.mapper.ExtOrganizationUserMapper;
+import cn.cordys.crm.system.service.DepartmentService;
+import cn.cordys.crm.system.service.LogService;
+import cn.cordys.crm.system.service.MoveNodeService;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class DashboardModuleService extends MoveNodeService {
+
+    @Resource
+    private ExtDashboardModuleMapper extDashboardModuleMapper;
+    @Resource
+    private BaseMapper<DashboardModule> dashboardModuleMapper;
+    @Resource
+    private LogService logService;
+    @Resource
+    private ExtDashboardMapper extDashboardMapper;
+    @Resource
+    private ExtDashboardCollectionMapper extDashboardCollectionMapper;
+    @Resource
+    private ExtOrganizationUserMapper extOrganizationUserMapper;
+    @Resource
+    private DepartmentService departmentService;
+
+    private static void buildIdNodeMap(List<BaseTreeNode> nodeList, Map<String, BaseTreeNode> idNodeMap) {
+        for (BaseTreeNode node : nodeList) {
+            idNodeMap.put(node.getId(), node);
+            if (CollectionUtils.isNotEmpty(node.getChildren())) {
+                buildIdNodeMap(node.getChildren(), idNodeMap);
+            }
+        }
+    }
+
+    /**
+     * 添加文件夹
+     *
+     * @param request
+     * @param orgId
+     * @param userId
+     *
+     * @return
+     */
+    @OperationLog(module = LogModule.DASHBOARD, type = LogType.ADD)
+    public DashboardModule addFileModule(DashboardModuleAddRequest request, String orgId, String userId) {
+        //同一层级文件名称唯一
+        checkFileName(request.getName(), request.getParentId(), orgId, null);
+        String id = IDGenerator.nextStr();
+        DashboardModule dashboardModule = new DashboardModule();
+        dashboardModule.setId(id);
+        dashboardModule.setName(request.getName());
+        dashboardModule.setParentId(request.getParentId());
+        dashboardModule.setOrganizationId(orgId);
+        dashboardModule.setPos(getNextPos(orgId));
+        dashboardModule.setCreateTime(System.currentTimeMillis());
+        dashboardModule.setUpdateTime(System.currentTimeMillis());
+        dashboardModule.setCreateUser(userId);
+        dashboardModule.setUpdateUser(userId);
+        dashboardModuleMapper.insert(dashboardModule);
+
+        //日志
+        OperationLogContext.setContext(LogContextInfo.builder()
+                .modifiedValue(dashboardModule)
+                .resourceId(id)
+                .resourceName(dashboardModule.getName())
+                .build());
+        return dashboardModule;
+    }
+
+    public Long getNextPos(String orgId) {
+        Long pos = extDashboardModuleMapper.getNextPosByOrgId(orgId);
+        return (pos == null ? 0 : pos) + NodeSortUtils.DEFAULT_NODE_INTERVAL_POS;
+    }
+
+    /**
+     * 文件名重复校验
+     *
+     * @param name
+     * @param parentId
+     * @param orgId
+     * @param id
+     */
+    private void checkFileName(String name, String parentId, String orgId, String id) {
+        if (extDashboardModuleMapper.countByName(name, parentId, orgId, id) > 0) {
+            throw new GenericException(Translator.get("dashboard_module_name_exist"));
+        }
+    }
+
+    /**
+     * 重命名文件夹
+     *
+     * @param request
+     * @param userId
+     */
+    @OperationLog(module = LogModule.DASHBOARD, type = LogType.UPDATE)
+    public void rename(DashboardModuleRenameRequest request, String userId) {
+        DashboardModule originalDashboardModule = checkDashboardModule(request.getId());
+        checkFileName(request.getName(), originalDashboardModule.getParentId(), originalDashboardModule.getOrganizationId(), originalDashboardModule.getId());
+
+        DashboardModule dashboardModule = BeanUtils.copyBean(new DashboardModule(), request);
+        dashboardModule.setUpdateTime(System.currentTimeMillis());
+        dashboardModule.setName(request.getName());
+        dashboardModule.setUpdateUser(userId);
+        dashboardModuleMapper.update(dashboardModule);
+
+        // 添加日志上下文
+        String resourceName = Optional.ofNullable(dashboardModule.getName()).orElse(originalDashboardModule.getName());
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .originalValue(originalDashboardModule)
+                        .modifiedValue(checkDashboardModule(request.getId()))
+                        .resourceId(request.getId())
+                        .resourceName(resourceName)
+                        .build()
+        );
+    }
+
+    public DashboardModule checkDashboardModule(String id) {
+        DashboardModule dashboardModule = dashboardModuleMapper.selectByPrimaryKey(id);
+        if (dashboardModule == null) {
+            throw new GenericException(Translator.get("dashboard_module_blank"));
+        }
+        return dashboardModule;
+    }
+
+    /**
+     * 删除文件夹
+     *
+     * @param ids
+     * @param userId
+     * @param orgId
+     */
+    public void delete(List<String> ids, String userId, String orgId) {
+        deleteCheck(ids, orgId);
+        List<DashboardModule> dashboardModules = dashboardModuleMapper.selectByIds(ids);
+        //刪除文件夹
+        dashboardModuleMapper.deleteByIds(ids);
+        List<LogDTO> logs = new ArrayList<>();
+        // 添加日志上下文
+        dashboardModules.forEach(dashboardModule -> {
+            LogDTO logDTO = new LogDTO(dashboardModule.getOrganizationId(), dashboardModule.getId(), userId, LogType.DELETE, LogModule.DASHBOARD, dashboardModule.getName());
+            logDTO.setOriginalValue(dashboardModule);
+            logs.add(logDTO);
+        });
+        logService.batchAdd(logs);
+    }
+
+    /**
+     * 删除校验
+     *
+     * @param ids
+     * @param orgId
+     */
+    private void deleteCheck(List<String> ids, String orgId) {
+        if (extDashboardModuleMapper.countDashboardByIds(ids, orgId) > 0) {
+            throw new GenericException(Translator.get("dashboard_module_cannot_delete"));
+        }
+    }
+
+    /**
+     * 仪表板树结构
+     *
+     * @param userId
+     * @param orgId
+     *
+     * @return
+     */
+    public List<DashboardTreeNode> getTree(String userId, String orgId) {
+        List<DashboardTreeNode> moduleNode = extDashboardModuleMapper.selectTreeNode(orgId);
+        //查询模块下仪表板数据
+        List<String> departmentIds = getDepartmentIds(userId, orgId);
+        List<DashboardTreeNode> dashboardNode = extDashboardMapper.selectDashboardNode(departmentIds, orgId, userId);
+
+        Set<String> myCollects = new HashSet<>(extDashboardCollectionMapper.getByUserId(userId));
+        dashboardNode.forEach(node -> {
+            if (myCollects.contains(node.getId())) {
+                node.setMyCollect(true);
+            }
+        });
+
+        dashboardNode.addAll(moduleNode);
+
+        return DashboardTreeNode.buildTree(dashboardNode);
+    }
+
+    private List<String> getDepartmentIds(String userId, String orgId) {
+        List<String> departmentIds = new ArrayList<>();
+        if (!Strings.CI.equals(userId, InternalUser.ADMIN.getValue())) {
+            String departmentId = extOrganizationUserMapper.getDepartmentByUserId(userId);
+            List<BaseTreeNode> departmentTree = departmentService.getTree(orgId);
+            departmentIds = getParentIds(departmentTree, departmentId);
+        }
+        return departmentIds;
+    }
+
+    public List<String> getParentIds(List<BaseTreeNode> departmentTree, String departmentId) {
+        List<String> ids = new ArrayList<>();
+        if (CollectionUtils.isEmpty(departmentTree) || StringUtils.isBlank(departmentId)) {
+            return ids;
+        }
+
+        Map<String, BaseTreeNode> idNodeMap = new HashMap<>();
+        buildIdNodeMap(departmentTree, idNodeMap);
+
+        BaseTreeNode currentNode = idNodeMap.get(departmentId);
+        while (currentNode != null && currentNode.getParentId() != null) {
+            ids.add(currentNode.getId());
+            if ("NONE".equals(currentNode.getParentId())) {
+                break;
+            }
+            currentNode = idNodeMap.get(currentNode.getParentId());
+        }
+
+        return ids;
+    }
+
+    /**
+     * 数量
+     *
+     * @param userId
+     * @param orgId
+     *
+     * @return
+     */
+    public Map<String, Long> moduleCount(String userId, String orgId) {
+        List<DashboardTreeNode> moduleNode = extDashboardModuleMapper.selectTreeNode(orgId);
+        //查询模块下仪表板数据
+        List<String> departmentIds = getDepartmentIds(userId, orgId);
+        List<DashboardTreeNode> dashboardNode = extDashboardMapper.selectDashboardNode(departmentIds, orgId, userId);
+
+        List<DashboardTreeNode> dashboardTreeNodes = DashboardTreeNode.buildTree(moduleNode);
+
+        Map<String, Integer> moduleCountMap = dashboardNode.stream()
+                .collect(Collectors.groupingBy(
+                        BaseTreeNode::getParentId,
+                        Collectors.summingInt(node -> 1)
+                ));
+
+        Map<String, Long> countMap = new HashMap<>();
+        for (DashboardTreeNode root : dashboardTreeNodes) {
+            // 递归计算每个节点的仪表板数量
+            calculateDashboardCount(root, countMap, moduleCountMap);
+        }
+
+        //我的收藏
+        int myCollect = extDashboardCollectionMapper.countMyCollect(userId);
+        countMap.put("myCollect", (long) myCollect);
+        return countMap;
+    }
+
+
+    private int calculateDashboardCount(BaseTreeNode node, Map<String, Long> countMap, Map<String, Integer> moduleCountMap) {
+        int count = 0;
+
+        if (moduleCountMap.containsKey(node.getId())) {
+            count += moduleCountMap.get(node.getId());
+        }
+
+        if (node.getChildren() != null && !node.getChildren().isEmpty()) {
+            for (BaseTreeNode child : node.getChildren()) {
+                count += calculateDashboardCount(child, countMap, moduleCountMap);
+            }
+        }
+
+        countMap.put(node.getId(), (long) count);
+
+        return count;
+    }
+
+
+    /**
+     * 仪表板文件夹移动
+     *
+     * @param request
+     * @param userId
+     */
+    public void moveNode(NodeMoveRequest request, String userId) {
+        NodeSortDTO nodeSortDTO = super.getNodeSortDTO(request,
+                extDashboardModuleMapper::selectBaseModuleById,
+                extDashboardModuleMapper::selectModuleByParentIdAndPosOperator,
+                false);
+
+
+        DashboardModule dashboardModule = new DashboardModule();
+        dashboardModule.setParentId(nodeSortDTO.getParent().getId());
+        dashboardModule.setId(request.getDragNodeId());
+        if (dashboardModuleMapper.countByExample(dashboardModule) == 0) {
+            DashboardModule moveModule = dashboardModuleMapper.selectByPrimaryKey(request.getDragNodeId());
+            moveModule.setParentId(nodeSortDTO.getParent().getId());
+            checkFileName(moveModule.getName(), moveModule.getParentId(), moveModule.getOrganizationId(), null);
+
+            moveModule.setUpdateUser(userId);
+            moveModule.setUpdateTime(System.currentTimeMillis());
+            dashboardModuleMapper.update(moveModule);
+        }
+
+        super.sort(nodeSortDTO);
+    }
+
+    @Override
+    public void updatePos(String id, long pos) {
+        DashboardModule dashboardModule = new DashboardModule();
+        dashboardModule.setId(id);
+        dashboardModule.setPos(pos);
+        dashboardModuleMapper.update(dashboardModule);
+    }
+
+    @Override
+    public void refreshPos(String parentId) {
+        List<String> childrenIds = extDashboardModuleMapper.selectChildrenIds(parentId);
+        List<DashboardModule> dashboardModules = new ArrayList<>();
+        for (int i = 0; i < childrenIds.size(); i++) {
+            String nodeId = childrenIds.get(i);
+            DashboardModule updateDashboard = new DashboardModule();
+            updateDashboard.setId(nodeId);
+            updateDashboard.setPos((i + 1) * LIMIT_POS);
+            dashboardModules.add(updateDashboard);
+        }
+        extDashboardModuleMapper.batchUpdate(dashboardModules);
+    }
+
+    /**
+     * 获取文件夹名称
+     *
+     * @param id
+     *
+     * @return
+     */
+    public String getDashboardModuleName(String id) {
+        DashboardModule dashboardModule = checkDashboardModule(id);
+        return dashboardModule.getName();
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/dashboard/service/DashboardService.java b/backend/crm/src/main/java/cn/cordys/crm/dashboard/service/DashboardService.java
new file mode 100644
index 0000000..e0105ff
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/dashboard/service/DashboardService.java
@@ -0,0 +1,404 @@
+package cn.cordys.crm.dashboard.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.common.dto.BaseTreeNode;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.service.SSRFValidationService;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.NodeSortUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.dashboard.domain.Dashboard;
+import cn.cordys.crm.dashboard.domain.DashboardCollection;
+import cn.cordys.crm.dashboard.dto.DashboardLogDTO;
+import cn.cordys.crm.dashboard.dto.MoveNodeSortDTO;
+import cn.cordys.crm.dashboard.dto.request.*;
+import cn.cordys.crm.dashboard.dto.response.DashboardDetailResponse;
+import cn.cordys.crm.dashboard.dto.response.DashboardPageResponse;
+import cn.cordys.crm.dashboard.mapper.ExtDashboardCollectionMapper;
+import cn.cordys.crm.dashboard.mapper.ExtDashboardMapper;
+import cn.cordys.crm.system.dto.ScopeNameDTO;
+import cn.cordys.crm.system.dto.request.NodeMoveRequest;
+import cn.cordys.crm.system.mapper.ExtOrganizationUserMapper;
+import cn.cordys.crm.system.mapper.ExtUserMapper;
+import cn.cordys.crm.system.service.DepartmentService;
+import cn.cordys.crm.system.service.UserExtendService;
+import cn.cordys.mybatis.BaseMapper;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.apache.ibatis.session.ExecutorType;
+import org.apache.ibatis.session.SqlSession;
+import org.apache.ibatis.session.SqlSessionFactory;
+import org.mybatis.spring.SqlSessionUtils;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class DashboardService extends DashboardSortService {
+
+    @Resource
+    private ExtDashboardMapper extDashboardMapper;
+    @Resource
+    private BaseMapper<Dashboard> dashboardMapper;
+    @Resource
+    private UserExtendService userExtendService;
+    @Resource
+    private DashboardModuleService dashboardModuleService;
+    @Resource
+    private BaseMapper<DashboardCollection> dashboardCollectionMapper;
+    @Resource
+    private ExtDashboardCollectionMapper extDashboardCollectionMapper;
+    @Resource
+    private ExtUserMapper extUserMapper;
+    @Resource
+    private SqlSessionFactory sqlSessionFactory;
+    @Resource
+    private ExtOrganizationUserMapper extOrganizationUserMapper;
+    @Resource
+    private DepartmentService departmentService;
+    @Resource
+    private SSRFValidationService ssrfValidationService;
+
+    /**
+     * 添加仪表板
+     *
+     * @param request
+     * @param orgId
+     * @param userId
+     *
+     * @return
+     */
+    @OperationLog(module = LogModule.DASHBOARD, type = LogType.ADD)
+    public Dashboard addDashboard(DashboardAddRequest request, String orgId, String userId) {
+        ssrfValidationService.validateAgainstWhitelist(request.getResourceUrl());
+
+        checkDashboardName(request.getName(), request.getDashboardModuleId(), orgId, null);
+        dashboardModuleService.checkDashboardModule(request.getDashboardModuleId());
+        String id = IDGenerator.nextStr();
+        Dashboard dashboard = new Dashboard();
+        dashboard.setId(id);
+        dashboard.setName(request.getName());
+        dashboard.setResourceUrl(request.getResourceUrl());
+        dashboard.setPos(getNextPos(orgId));
+        dashboard.setOrganizationId(orgId);
+        dashboard.setDashboardModuleId(request.getDashboardModuleId());
+        dashboard.setScopeId(JSON.toJSONString(request.getScopeIds()));
+        dashboard.setDescription(request.getDescription());
+        dashboard.setCreateTime(System.currentTimeMillis());
+        dashboard.setUpdateTime(System.currentTimeMillis());
+        dashboard.setCreateUser(userId);
+        dashboard.setUpdateUser(userId);
+
+        dashboardMapper.insert(dashboard);
+
+        //日志
+        OperationLogContext.setContext(LogContextInfo.builder()
+                .modifiedValue(dashboard)
+                .resourceId(id)
+                .resourceName(dashboard.getName())
+                .build());
+        return dashboard;
+    }
+
+    private Long getNextPos(String orgId) {
+        Long pos = extDashboardMapper.getNextPosByOrgId(orgId);
+        return (pos == null ? 0 : pos) + NodeSortUtils.DEFAULT_NODE_INTERVAL_POS;
+    }
+
+
+    private void checkDashboardName(String name, String dashboardModuleId, String orgId, String id) {
+        if (extDashboardMapper.countByName(name, dashboardModuleId, orgId, id) > 0) {
+            throw new GenericException(Translator.get("dashboard_name_exist"));
+        }
+    }
+
+
+    /**
+     * 仪表板详情
+     *
+     * @param id
+     *
+     * @return
+     */
+    public DashboardDetailResponse getDashboardDetail(String id) {
+        DashboardDetailResponse response = extDashboardMapper.getDetail(id);
+        if (response != null && !StringUtils.isBlank(response.getScopeId())) {
+            response.setMembers(userExtendService.getScope(JSON.parseArray(response.getScopeId(), String.class)));
+        }
+        return response;
+    }
+
+    /**
+     * 更新仪表板
+     *
+     * @param request
+     * @param orgId
+     * @param userId
+     */
+    @OperationLog(module = LogModule.DASHBOARD, type = LogType.UPDATE)
+    public void updateDashboard(DashboardUpdateRequest request, String orgId, String userId) {
+        checkDashboardName(request.getName(), request.getDashboardModuleId(), orgId, request.getId());
+        Dashboard originalDashboard = checkDashboard(request.getId());
+        DashboardLogDTO originalDetail = getLogDetail(originalDashboard.getId());
+
+        Dashboard dashboard = new Dashboard();
+        BeanUtils.copyBean(dashboard, request);
+        dashboard.setScopeId(JSON.toJSONString(request.getScopeIds()));
+        dashboard.setUpdateTime(System.currentTimeMillis());
+        dashboard.setUpdateUser(userId);
+        dashboardMapper.update(dashboard);
+
+        DashboardLogDTO newDetail = getLogDetail(originalDashboard.getId());
+
+        // 添加日志上下文
+        String resourceName = Optional.ofNullable(dashboard.getName()).orElse(originalDashboard.getName());
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .originalValue(originalDetail)
+                        .modifiedValue(newDetail)
+                        .resourceId(request.getId())
+                        .resourceName(resourceName)
+                        .build()
+        );
+    }
+
+    private DashboardLogDTO getLogDetail(String id) {
+        DashboardDetailResponse dashboardDetail = getDashboardDetail(id);
+        DashboardLogDTO detailDTO = new DashboardLogDTO();
+        BeanUtils.copyBean(detailDTO, dashboardDetail);
+        List<String> names = dashboardDetail.getMembers().stream().map(ScopeNameDTO::getName).toList();
+        detailDTO.setMembers(names);
+        return detailDTO;
+    }
+
+    private Dashboard checkDashboard(String id) {
+        Dashboard dashboard = dashboardMapper.selectByPrimaryKey(id);
+        if (dashboard == null) {
+            throw new GenericException(Translator.get("dashboard_blank"));
+        }
+        return dashboard;
+    }
+
+
+    /**
+     * 重命名仪表板
+     *
+     * @param request
+     * @param userId
+     */
+    @OperationLog(module = LogModule.DASHBOARD, type = LogType.UPDATE)
+    public void rename(DashboardRenameRequest request, String userId, String orgId) {
+        Dashboard originalDashboard = checkDashboard(request.getId());
+        checkDashboardName(request.getName(), request.getDashboardModuleId(), orgId, request.getId());
+
+        Dashboard dashboard = BeanUtils.copyBean(new Dashboard(), request);
+        dashboard.setUpdateTime(System.currentTimeMillis());
+        dashboard.setName(request.getName());
+        dashboard.setUpdateUser(userId);
+        dashboardMapper.update(dashboard);
+
+        // 添加日志上下文
+        String resourceName = Optional.ofNullable(dashboard.getName()).orElse(originalDashboard.getName());
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .originalValue(originalDashboard)
+                        .modifiedValue(checkDashboard(request.getId()))
+                        .resourceId(request.getId())
+                        .resourceName(resourceName)
+                        .build()
+        );
+    }
+
+
+    /**
+     * 删除仪表板
+     *
+     * @param id
+     */
+    @OperationLog(module = LogModule.DASHBOARD, type = LogType.DELETE, resourceId = "{#id}")
+    public void delete(String id) {
+        Dashboard dashboard = checkDashboard(id);
+        dashboardMapper.deleteByPrimaryKey(id);
+        extDashboardCollectionMapper.deleteByDashboardId(id);
+
+        // 设置操作对象
+        OperationLogContext.setResourceName(dashboard.getName());
+    }
+
+
+    /**
+     * 列表查询
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     *
+     * @return
+     */
+    public Pager<List<DashboardPageResponse>> getList(DashboardPageRequest request, String userId, String orgId) {
+        List<String> departmentIds = new ArrayList<>();
+        if (!Strings.CI.equals(userId, InternalUser.ADMIN.getValue())) {
+            String departmentId = extOrganizationUserMapper.getDepartmentByUserId(userId);
+            List<BaseTreeNode> departmentTree = departmentService.getTree(orgId);
+            departmentIds = dashboardModuleService.getParentIds(departmentTree, departmentId);
+        }
+
+
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        List<DashboardPageResponse> dashboardList = extDashboardMapper.list(request, userId, orgId, departmentIds);
+        handleData(dashboardList, userId);
+        return PageUtils.setPageInfo(page, dashboardList);
+    }
+
+    /**
+     * 数据处理
+     *
+     * @param dashboardList
+     */
+    private void handleData(List<DashboardPageResponse> dashboardList, String userId) {
+        if (CollectionUtils.isNotEmpty(dashboardList)) {
+            //创建人 更新人
+            List<String> ids = new ArrayList<>();
+            ids.addAll(dashboardList.stream().map(DashboardPageResponse::getCreateUser).toList());
+            ids.addAll(dashboardList.stream().map(DashboardPageResponse::getUpdateUser).toList());
+            List<OptionDTO> options = extUserMapper.selectUserOptionByIds(ids);
+            Map<String, String> userMap = options
+                    .stream()
+                    .collect(Collectors.toMap(OptionDTO::getId, OptionDTO::getName));
+
+            Set<String> myCollects = new HashSet<>(extDashboardCollectionMapper.getByUserId(userId));
+
+            dashboardList.forEach(dashboard -> {
+                dashboard.setMembers(userExtendService.getScope(JSON.parseArray(dashboard.getScopeId(), String.class)));
+                if (userMap.containsKey(dashboard.getCreateUser())) {
+                    dashboard.setCreateUserName(userMap.get(dashboard.getCreateUser()));
+                }
+                if (userMap.containsKey(dashboard.getUpdateUser())) {
+                    dashboard.setUpdateUserName(userMap.get(dashboard.getUpdateUser()));
+                }
+                if (myCollects.contains(dashboard.getId())) {
+                    dashboard.setMyCollect(true);
+                }
+            });
+        }
+    }
+
+
+    /**
+     * 收藏仪表板
+     *
+     * @param id
+     * @param userId
+     */
+    public void collect(String id, String userId) {
+        checkCollect(id, userId);
+        DashboardCollection dashboardCollection = new DashboardCollection();
+        dashboardCollection.setId(IDGenerator.nextStr());
+        dashboardCollection.setDashboardId(id);
+        dashboardCollection.setUserId(userId);
+        dashboardCollection.setCreateTime(System.currentTimeMillis());
+        dashboardCollection.setUpdateTime(System.currentTimeMillis());
+        dashboardCollection.setCreateUser(userId);
+        dashboardCollection.setUpdateUser(userId);
+        dashboardCollectionMapper.insert(dashboardCollection);
+    }
+
+    private void checkCollect(String id, String userId) {
+        if (extDashboardCollectionMapper.checkCollect(id, userId) > 0) {
+            throw new GenericException(Translator.get("dashboard_collect_exist"));
+        }
+    }
+
+
+    /**
+     * 我的收藏列表
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     *
+     * @return
+     */
+    public List<DashboardPageResponse> collectList(BasePageRequest request, String userId, String orgId) {
+        List<DashboardPageResponse> dashboardList = extDashboardCollectionMapper.collectList(request, userId, orgId);
+        handleData(dashboardList, userId);
+        return dashboardList;
+    }
+
+    public void unCollect(String dashboardId, String userId) {
+        extDashboardCollectionMapper.unCollect(dashboardId, userId);
+    }
+
+
+    /**
+     * 仪表板排序
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     */
+    public void editPos(DashboardEditPosRequest request, String userId, String orgId) {
+        Dashboard dashboard = checkDashboard(request.getMoveId());
+        if (!Strings.CS.equals(request.getDashboardModuleId(), dashboard.getDashboardModuleId())) {
+            dashboardModuleService.checkDashboardModule(request.getDashboardModuleId());
+            checkDashboardName(dashboard.getName(), request.getDashboardModuleId(), orgId, dashboard.getId());
+
+            dashboard.setDashboardModuleId(request.getDashboardModuleId());
+            dashboard.setUpdateUser(userId);
+            dashboard.setUpdateTime(System.currentTimeMillis());
+            dashboardMapper.update(dashboard);
+        }
+        if (Strings.CS.equals(request.getTargetId(), request.getMoveId())) {
+            return;
+        }
+        moveNode(request, orgId);
+    }
+
+
+    public void moveNode(DashboardEditPosRequest posRequest, String orgId) {
+        NodeMoveRequest request = super.getNodeMoveRequest(posRequest.getMoveId(), posRequest.getTargetId(), posRequest.getMoveMode(), true);
+        MoveNodeSortDTO sortDTO = super.getNodeSortDTO(
+                orgId,
+                request,
+                extDashboardMapper::selectDragInfoById,
+                extDashboardMapper::selectNodeByPosOperator
+        );
+        super.sort(sortDTO);
+    }
+
+
+    @Override
+    public void updatePos(String id, long pos) {
+        extDashboardMapper.updatePos(id, pos);
+    }
+
+    @Override
+    public void refreshPos(String orgId) {
+        List<String> posIds = extDashboardMapper.selectIdByOrgIdOrderByPos(orgId);
+        SqlSession sqlSession = sqlSessionFactory.openSession(ExecutorType.BATCH);
+        ExtDashboardMapper batchUpdateMapper = sqlSession.getMapper(ExtDashboardMapper.class);
+        for (int i = 0; i < posIds.size(); i++) {
+            batchUpdateMapper.updatePos(posIds.get(i), i * NodeSortUtils.DEFAULT_NODE_INTERVAL_POS);
+        }
+        sqlSession.flushStatements();
+        SqlSessionUtils.closeSqlSession(sqlSession, sqlSessionFactory);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/dashboard/service/DashboardSortService.java b/backend/crm/src/main/java/cn/cordys/crm/dashboard/service/DashboardSortService.java
new file mode 100644
index 0000000..30dd642
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/dashboard/service/DashboardSortService.java
@@ -0,0 +1,103 @@
+package cn.cordys.crm.dashboard.service;
+
+import cn.cordys.common.dto.NodeSortCountResultDTO;
+import cn.cordys.common.dto.NodeSortQueryParam;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.util.NodeSortUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.dashboard.dto.DropNode;
+import cn.cordys.crm.dashboard.dto.MoveNodeSortDTO;
+import cn.cordys.crm.system.dto.request.NodeMoveRequest;
+import org.apache.commons.lang3.Strings;
+
+import java.util.function.Function;
+
+public abstract class DashboardSortService {
+
+    private static final String MOVE_POS_OPERATOR_LESS = "lessThan";
+    private static final String MOVE_POS_OPERATOR_MORE = "moreThan";
+    private static final String DRAG_NODE_NOT_EXIST = "drag_node.not.exist";
+
+    public abstract void updatePos(String id, long pos);
+
+    public abstract void refreshPos(String testPlanId);
+
+    /**
+     * 构建节点移动的请求参数
+     *
+     * @param isDesc 是否是降序排列
+     */
+    public NodeMoveRequest getNodeMoveRequest(String moveId, String targetId, String moveMode, boolean isDesc) {
+        NodeMoveRequest request = new NodeMoveRequest();
+        request.setDragNodeId(moveId);
+        request.setDropNodeId(targetId);
+        request.setAndConvertDropPosition(moveMode, isDesc);
+        return request;
+    }
+
+
+    /**
+     * 构建节点排序的参数
+     *
+     * @param sortRangeId       排序范围ID
+     * @param request           拖拽的前端请求参数
+     * @param selectIdNodeFunc  通过id查询节点的函数
+     * @param selectPosNodeFunc 通过parentId和pos运算符查询节点的函数
+     */
+    public MoveNodeSortDTO getNodeSortDTO(String sortRangeId, NodeMoveRequest request, Function<String, DropNode> selectIdNodeFunc, Function<NodeSortQueryParam, DropNode> selectPosNodeFunc) {
+        if (Strings.CS.equals(request.getDragNodeId(), request.getDropNodeId())) {
+            //两种节点不能一样
+            throw new GenericException(Translator.get("invalid_parameter") + ": drag node  and drop node");
+        }
+
+        DropNode dragNode = selectIdNodeFunc.apply(request.getDragNodeId());
+        if (dragNode == null) {
+            throw new GenericException(Translator.get(DRAG_NODE_NOT_EXIST) + ":" + request.getDragNodeId());
+        }
+
+        DropNode dropNode = selectIdNodeFunc.apply(request.getDropNodeId());
+        if (dropNode == null) {
+            throw new GenericException(Translator.get(DRAG_NODE_NOT_EXIST) + ":" + request.getDropNodeId());
+        }
+
+        DropNode previousNode;
+        DropNode nextNode;
+
+        if (request.getDropPosition() == 1) {
+            //dropPosition=1: 放到dropNode节点后，原dropNode后面的节点之前
+            previousNode = dropNode;
+            NodeSortQueryParam sortParam = new NodeSortQueryParam();
+            sortParam.setPos(previousNode.getPos());
+            sortParam.setOperator(MOVE_POS_OPERATOR_MORE);
+            sortParam.setParentId(sortRangeId);
+            nextNode = selectPosNodeFunc.apply(sortParam);
+        } else if (request.getDropPosition() == -1) {
+            //dropPosition=-1: 放到dropNode节点前，原dropNode前面的节点之后
+            nextNode = dropNode;
+            NodeSortQueryParam sortParam = new NodeSortQueryParam();
+            sortParam.setPos(nextNode.getPos());
+            sortParam.setOperator(MOVE_POS_OPERATOR_LESS);
+            sortParam.setParentId(sortRangeId);
+            previousNode = selectPosNodeFunc.apply(sortParam);
+        } else {
+            throw new GenericException(Translator.get("invalid_parameter") + ": dropPosition");
+        }
+
+        return new MoveNodeSortDTO(sortRangeId, dragNode, previousNode, nextNode);
+    }
+
+
+    //排序
+    public void sort(MoveNodeSortDTO sortDTO) {
+        // 获取相邻节点
+        DropNode previousNode = sortDTO.getPreviousNode();
+        DropNode nextNode = sortDTO.getNextNode();
+        NodeSortCountResultDTO countResultDTO = NodeSortUtils.countModuleSort(
+                previousNode == null ? -1 : previousNode.getPos(),
+                nextNode == null ? -1 : nextNode.getPos());
+        updatePos(sortDTO.getSortNode().getId(), countResultDTO.getPos());
+        if (countResultDTO.isRefreshPos()) {
+            refreshPos(sortDTO.getSortRangeId());
+        }
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/constants/FollowUpPlanStatusType.java b/backend/crm/src/main/java/cn/cordys/crm/follow/constants/FollowUpPlanStatusType.java
new file mode 100644
index 0000000..7918baf
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/constants/FollowUpPlanStatusType.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.follow.constants;
+
+public enum FollowUpPlanStatusType {
+
+
+    /**
+     * 未开始
+     */
+    PREPARED,
+    /**
+     * 进行中
+     */
+    UNDERWAY,
+    /**
+     * 已完成
+     */
+    COMPLETED,
+    /**
+     * 已取消
+     */
+    CANCELLED
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/constants/FollowUpPlanType.java b/backend/crm/src/main/java/cn/cordys/crm/follow/constants/FollowUpPlanType.java
new file mode 100644
index 0000000..e4de349
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/constants/FollowUpPlanType.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.follow.constants;
+
+public enum FollowUpPlanType {
+    /**
+     * 客户
+     */
+    CUSTOMER,
+    /**
+     * 线索
+     */
+    CLUE
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/controller/FollowUpPlanController.java b/backend/crm/src/main/java/cn/cordys/crm/follow/controller/FollowUpPlanController.java
new file mode 100644
index 0000000..86bfca2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/controller/FollowUpPlanController.java
@@ -0,0 +1,103 @@
+package cn.cordys.crm.follow.controller;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.common.dto.ResourceTabEnableDTO;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.follow.domain.FollowUpPlan;
+import cn.cordys.crm.follow.dto.request.FollowUpPlanAddRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpPlanStatusRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpPlanUpdateRequest;
+import cn.cordys.crm.follow.dto.request.PlanHomePageRequest;
+import cn.cordys.crm.follow.dto.response.FollowUpPlanDetailResponse;
+import cn.cordys.crm.follow.dto.response.FollowUpPlanListResponse;
+import cn.cordys.crm.follow.service.FollowUpPlanService;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.Logical;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "跟进计划统一页面")
+@RestController
+@RequestMapping("/follow/plan")
+public class FollowUpPlanController {
+
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private FollowUpPlanService followUpPlanService;
+    @Resource
+    private DataScopeService dataScopeService;
+
+
+    @GetMapping("/module/form")
+    @Operation(summary = "获取表单配置")
+    public ModuleFormConfigDTO getModuleFormConfig() {
+        return moduleFormCacheService.getBusinessFormConfig(FormKey.FOLLOW_PLAN.getKey(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/tab")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_READ, PermissionConstants.CUSTOMER_MANAGEMENT_READ}, logical = Logical.OR)
+    @Operation(summary = "数据权限TAB")
+    public ResourceTabEnableDTO getTabEnableConfig() {
+        return followUpPlanService.getTabEnableConfig(SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/page")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_READ, PermissionConstants.CUSTOMER_MANAGEMENT_READ}, logical = Logical.OR)
+    @Operation(summary = "跟进记录列表")
+    public PagerWithOption<List<FollowUpPlanListResponse>> list(@Validated @RequestBody PlanHomePageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.FOLLOW_PLAN.getKey());
+        DeptDataPermissionDTO clueDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.CLUE_MANAGEMENT_READ);
+        DeptDataPermissionDTO customerDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.CUSTOMER_MANAGEMENT_READ);
+        return followUpPlanService.totalList(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), clueDataPermission, customerDataPermission);
+    }
+
+    @GetMapping("/delete/{id}")
+    @Operation(summary = "删除跟进计划")
+    public void delete(@PathVariable String id) {
+        followUpPlanService.checkPlanPermission(id, OrganizationContext.getOrganizationId());
+        followUpPlanService.delete(id);
+    }
+
+    @PostMapping("/status/update")
+    @Operation(summary = "更新跟进计划状态")
+    public void updateStatus(@Validated @RequestBody FollowUpPlanStatusRequest request) {
+        followUpPlanService.checkPlanPermission(request.getId(), OrganizationContext.getOrganizationId());
+        followUpPlanService.updateStatus(request, SessionUtils.getUserId());
+    }
+
+    @GetMapping("/get/{id}")
+    @Operation(summary = "跟进计划详情")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_READ, PermissionConstants.CUSTOMER_MANAGEMENT_READ, PermissionConstants.OPPORTUNITY_MANAGEMENT_READ}, logical = Logical.OR)
+    public FollowUpPlanDetailResponse get(@PathVariable String id) {
+        return followUpPlanService.get(id, OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/update")
+    @Operation(summary = "更新跟进计划")
+    public FollowUpPlan update(@Validated @RequestBody FollowUpPlanUpdateRequest request) {
+        followUpPlanService.checkPlanPermission(request.getId(), OrganizationContext.getOrganizationId());
+        return followUpPlanService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+	@PostMapping("/add")
+	@Operation(summary = "添加跟进计划")
+	public FollowUpPlan add(@Validated @RequestBody FollowUpPlanAddRequest request) {
+		return followUpPlanService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+	}
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/controller/FollowUpPlanUserViewController.java b/backend/crm/src/main/java/cn/cordys/crm/follow/controller/FollowUpPlanUserViewController.java
new file mode 100644
index 0000000..034c86f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/controller/FollowUpPlanUserViewController.java
@@ -0,0 +1,94 @@
+package cn.cordys.crm.follow.controller;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.request.PosRequest;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.constants.UserViewResourceType;
+import cn.cordys.crm.system.domain.UserView;
+import cn.cordys.crm.system.dto.request.UserViewAddRequest;
+import cn.cordys.crm.system.dto.request.UserViewUpdateRequest;
+import cn.cordys.crm.system.dto.response.UserViewListResponse;
+import cn.cordys.crm.system.dto.response.UserViewResponse;
+import cn.cordys.crm.system.service.UserViewService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.Logical;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "计划视图")
+@RestController
+@RequestMapping("/follow/plan/view")
+public class FollowUpPlanUserViewController {
+
+    @Resource
+    private UserViewService userViewService;
+
+
+    @PostMapping("/add")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_READ, PermissionConstants.CUSTOMER_MANAGEMENT_READ}, logical = Logical.OR)
+    @Operation(summary = "添加计划视图")
+    public UserView add(@Validated @RequestBody UserViewAddRequest request) {
+        return userViewService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), UserViewResourceType.FOLLOW_PLAN.name());
+    }
+
+
+    @PostMapping("/update")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_READ, PermissionConstants.CUSTOMER_MANAGEMENT_READ}, logical = Logical.OR)
+    @Operation(summary = "编辑计划视图")
+    public UserView update(@Validated @RequestBody UserViewUpdateRequest request) {
+        return userViewService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/delete/{id}")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_READ, PermissionConstants.CUSTOMER_MANAGEMENT_READ}, logical = Logical.OR)
+    @Operation(summary = "删除计划视图")
+    public void delete(@PathVariable String id) {
+        userViewService.delete(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/detail/{id}")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_READ, PermissionConstants.CUSTOMER_MANAGEMENT_READ}, logical = Logical.OR)
+    @Operation(summary = "计划视图详情")
+    public UserViewResponse viewDetail(@PathVariable String id) {
+        return userViewService.getViewDetail(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), FormKey.FOLLOW_PLAN.getKey());
+    }
+
+
+    @GetMapping("/list")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_READ, PermissionConstants.CUSTOMER_MANAGEMENT_READ}, logical = Logical.OR)
+    @Operation(summary = "计划视图列表")
+    public List<UserViewListResponse> queryList() {
+        return userViewService.list(UserViewResourceType.FOLLOW_PLAN.name(), SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/fixed/{id}")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_READ, PermissionConstants.CUSTOMER_MANAGEMENT_READ}, logical = Logical.OR)
+    @Operation(summary = "计划视图固定/取消固定")
+    public void fixed(@PathVariable String id) {
+        userViewService.fixed(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/edit/pos")
+    @Operation(summary = "计划视图-拖拽排序")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_READ, PermissionConstants.CUSTOMER_MANAGEMENT_READ}, logical = Logical.OR)
+    public void editPos(@Validated @RequestBody PosRequest request) {
+        userViewService.editPos(request, SessionUtils.getUserId(),  UserViewResourceType.FOLLOW_PLAN.name());
+    }
+
+
+    @GetMapping("/enable/{id}")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_READ, PermissionConstants.CUSTOMER_MANAGEMENT_READ}, logical = Logical.OR)
+    @Operation(summary = "计划视图-启用/禁用")
+    public void enable(@PathVariable String id) {
+        userViewService.enable(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/controller/FollowUpRecordController.java b/backend/crm/src/main/java/cn/cordys/crm/follow/controller/FollowUpRecordController.java
new file mode 100644
index 0000000..564ef5c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/controller/FollowUpRecordController.java
@@ -0,0 +1,96 @@
+package cn.cordys.crm.follow.controller;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.common.dto.ResourceTabEnableDTO;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.follow.domain.FollowUpRecord;
+import cn.cordys.crm.follow.dto.request.FollowUpRecordAddRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpRecordUpdateRequest;
+import cn.cordys.crm.follow.dto.request.RecordHomePageRequest;
+import cn.cordys.crm.follow.dto.response.FollowUpRecordDetailResponse;
+import cn.cordys.crm.follow.dto.response.FollowUpRecordListResponse;
+import cn.cordys.crm.follow.service.FollowUpRecordService;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.Logical;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "跟进记录统一页面")
+@RestController
+@RequestMapping("/follow/record")
+public class FollowUpRecordController {
+
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private FollowUpRecordService followUpRecordService;
+    @Resource
+    private DataScopeService dataScopeService;
+
+
+    @GetMapping("/module/form")
+    @Operation(summary = "获取表单配置")
+    public ModuleFormConfigDTO getModuleFormConfig() {
+        return moduleFormCacheService.getBusinessFormConfig(FormKey.FOLLOW_RECORD.getKey(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/tab")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_READ, PermissionConstants.CUSTOMER_MANAGEMENT_READ}, logical = Logical.OR)
+    @Operation(summary = "数据权限TAB")
+    public ResourceTabEnableDTO getTabEnableConfig() {
+        return followUpRecordService.getTabEnableConfig(SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/page")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_READ, PermissionConstants.CUSTOMER_MANAGEMENT_READ, PermissionConstants.OPPORTUNITY_MANAGEMENT_READ}, logical = Logical.OR)
+    @Operation(summary = "跟进记录列表")
+    public PagerWithOption<List<FollowUpRecordListResponse>> list(@Validated @RequestBody RecordHomePageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.FOLLOW_RECORD.getKey());
+        DeptDataPermissionDTO clueDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.CLUE_MANAGEMENT_READ);
+        DeptDataPermissionDTO customerDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.CUSTOMER_MANAGEMENT_READ);
+        return followUpRecordService.totalList(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), clueDataPermission, customerDataPermission);
+    }
+
+    @GetMapping("/delete/{id}")
+    @Operation(summary = "删除跟进记录")
+    public void delete(@PathVariable String id) {
+        followUpRecordService.checkRecordPermission(id, OrganizationContext.getOrganizationId());
+        followUpRecordService.delete(id);
+    }
+
+    @GetMapping("/get/{id}")
+    @Operation(summary = "跟进记录详情")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_READ, PermissionConstants.CUSTOMER_MANAGEMENT_READ, PermissionConstants.OPPORTUNITY_MANAGEMENT_READ}, logical = Logical.OR)
+    public FollowUpRecordDetailResponse get(@PathVariable String id) {
+        return followUpRecordService.get(id, OrganizationContext.getOrganizationId());
+    }
+
+	@PostMapping("/add")
+	@Operation(summary = "添加跟进记录")
+	public FollowUpRecord add(@Validated @RequestBody FollowUpRecordAddRequest request) {
+		return followUpRecordService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+	}
+
+    @PostMapping("/update")
+    @Operation(summary = "更新跟进记录")
+    public FollowUpRecord update(@Validated @RequestBody FollowUpRecordUpdateRequest request) {
+        followUpRecordService.checkRecordPermission(request.getId(), OrganizationContext.getOrganizationId());
+        return followUpRecordService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/controller/FollowUpRecordUserViewController.java b/backend/crm/src/main/java/cn/cordys/crm/follow/controller/FollowUpRecordUserViewController.java
new file mode 100644
index 0000000..0663a13
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/controller/FollowUpRecordUserViewController.java
@@ -0,0 +1,94 @@
+package cn.cordys.crm.follow.controller;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.request.PosRequest;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.constants.UserViewResourceType;
+import cn.cordys.crm.system.domain.UserView;
+import cn.cordys.crm.system.dto.request.UserViewAddRequest;
+import cn.cordys.crm.system.dto.request.UserViewUpdateRequest;
+import cn.cordys.crm.system.dto.response.UserViewListResponse;
+import cn.cordys.crm.system.dto.response.UserViewResponse;
+import cn.cordys.crm.system.service.UserViewService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.Logical;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "记录视图")
+@RestController
+@RequestMapping("/follow/record/view")
+public class FollowUpRecordUserViewController {
+
+    @Resource
+    private UserViewService userViewService;
+
+
+    @PostMapping("/add")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_READ, PermissionConstants.CUSTOMER_MANAGEMENT_READ}, logical = Logical.OR)
+    @Operation(summary = "添加记录视图")
+    public UserView add(@Validated @RequestBody UserViewAddRequest request) {
+        return userViewService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), UserViewResourceType.FOLLOW_RECORD.name());
+    }
+
+
+    @PostMapping("/update")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_READ, PermissionConstants.CUSTOMER_MANAGEMENT_READ}, logical = Logical.OR)
+    @Operation(summary = "编辑记录视图")
+    public UserView update(@Validated @RequestBody UserViewUpdateRequest request) {
+        return userViewService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/delete/{id}")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_READ, PermissionConstants.CUSTOMER_MANAGEMENT_READ}, logical = Logical.OR)
+    @Operation(summary = "删除记录视图")
+    public void delete(@PathVariable String id) {
+        userViewService.delete(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/detail/{id}")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_READ, PermissionConstants.CUSTOMER_MANAGEMENT_READ}, logical = Logical.OR)
+    @Operation(summary = "记录视图详情")
+    public UserViewResponse viewDetail(@PathVariable String id) {
+        return userViewService.getViewDetail(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), FormKey.FOLLOW_RECORD.getKey());
+    }
+
+
+    @GetMapping("/list")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_READ, PermissionConstants.CUSTOMER_MANAGEMENT_READ}, logical = Logical.OR)
+    @Operation(summary = "记录视图列表")
+    public List<UserViewListResponse> queryList() {
+        return userViewService.list(UserViewResourceType.FOLLOW_RECORD.name(), SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/fixed/{id}")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_READ, PermissionConstants.CUSTOMER_MANAGEMENT_READ}, logical = Logical.OR)
+    @Operation(summary = "记录视图固定/取消固定")
+    public void fixed(@PathVariable String id) {
+        userViewService.fixed(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/edit/pos")
+    @Operation(summary = "记录视图-拖拽排序")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_READ, PermissionConstants.CUSTOMER_MANAGEMENT_READ}, logical = Logical.OR)
+    public void editPos(@Validated @RequestBody PosRequest request) {
+        userViewService.editPos(request, SessionUtils.getUserId(), UserViewResourceType.FOLLOW_RECORD.name());
+    }
+
+
+    @GetMapping("/enable/{id}")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_READ, PermissionConstants.CUSTOMER_MANAGEMENT_READ}, logical = Logical.OR)
+    @Operation(summary = "记录视图-启用/禁用")
+    public void enable(@PathVariable String id) {
+        userViewService.enable(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/domain/FollowUpPlan.java b/backend/crm/src/main/java/cn/cordys/crm/follow/domain/FollowUpPlan.java
new file mode 100644
index 0000000..539cf25
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/domain/FollowUpPlan.java
@@ -0,0 +1,48 @@
+package cn.cordys.crm.follow.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+@Data
+@Table(name = "follow_up_plan")
+public class FollowUpPlan extends BaseModel {
+
+    @Schema(description = "客户id")
+    private String customerId;
+
+    @Schema(description = "商机id")
+    private String opportunityId;
+
+    @Schema(description = "类型")
+    private String type;
+
+    @Schema(description = "线索id")
+    private String clueId;
+
+    @Schema(description = "预计沟通内容")
+    private String content;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+
+    @Schema(description = "负责人")
+    private String owner;
+
+    @Schema(description = "联系人")
+    private String contactId;
+
+    @Schema(description = "预计开始时间")
+    private Long estimatedTime;
+
+    @Schema(description = "跟进方式")
+    private String method;
+
+    @Schema(description = "状态")
+    private String status;
+
+    @Schema(description = "是否转为跟进记录")
+    private Boolean converted;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/domain/FollowUpPlanField.java b/backend/crm/src/main/java/cn/cordys/crm/follow/domain/FollowUpPlanField.java
new file mode 100644
index 0000000..8fd7e8c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/domain/FollowUpPlanField.java
@@ -0,0 +1,10 @@
+package cn.cordys.crm.follow.domain;
+
+import cn.cordys.common.domain.BaseResourceField;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "follow_up_plan_field")
+public class FollowUpPlanField extends BaseResourceField {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/domain/FollowUpPlanFieldBlob.java b/backend/crm/src/main/java/cn/cordys/crm/follow/domain/FollowUpPlanFieldBlob.java
new file mode 100644
index 0000000..5e3e104
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/domain/FollowUpPlanFieldBlob.java
@@ -0,0 +1,10 @@
+package cn.cordys.crm.follow.domain;
+
+import cn.cordys.common.domain.BaseResourceField;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "follow_up_plan_field_blob")
+public class FollowUpPlanFieldBlob extends BaseResourceField {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/domain/FollowUpRecord.java b/backend/crm/src/main/java/cn/cordys/crm/follow/domain/FollowUpRecord.java
new file mode 100644
index 0000000..c5ec958
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/domain/FollowUpRecord.java
@@ -0,0 +1,42 @@
+package cn.cordys.crm.follow.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+@Data
+@Table(name = "follow_up_record")
+public class FollowUpRecord extends BaseModel {
+
+    @Schema(description = "客户id")
+    private String customerId;
+
+    @Schema(description = "商机id")
+    private String opportunityId;
+
+    @Schema(description = "类型")
+    private String type;
+
+    @Schema(description = "线索id")
+    private String clueId;
+
+    @Schema(description = "跟进内容")
+    private String content;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+
+    @Schema(description = "跟进时间")
+    private Long followTime;
+
+    @Schema(description = "跟进方式")
+    private String followMethod;
+
+    @Schema(description = "负责人")
+    private String owner;
+
+    @Schema(description = "联系人")
+    private String contactId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/domain/FollowUpRecordField.java b/backend/crm/src/main/java/cn/cordys/crm/follow/domain/FollowUpRecordField.java
new file mode 100644
index 0000000..c46073a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/domain/FollowUpRecordField.java
@@ -0,0 +1,11 @@
+package cn.cordys.crm.follow.domain;
+
+import cn.cordys.common.domain.BaseResourceField;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+@Data
+@Table(name = "follow_up_record_field")
+public class FollowUpRecordField extends BaseResourceField {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/domain/FollowUpRecordFieldBlob.java b/backend/crm/src/main/java/cn/cordys/crm/follow/domain/FollowUpRecordFieldBlob.java
new file mode 100644
index 0000000..c22d288
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/domain/FollowUpRecordFieldBlob.java
@@ -0,0 +1,11 @@
+package cn.cordys.crm.follow.domain;
+
+import cn.cordys.common.domain.BaseResourceField;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+@Data
+@Table(name = "follow_up_record_field_blob")
+public class FollowUpRecordFieldBlob extends BaseResourceField {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/dto/CustomerDataDTO.java b/backend/crm/src/main/java/cn/cordys/crm/follow/dto/CustomerDataDTO.java
new file mode 100644
index 0000000..621f19f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/dto/CustomerDataDTO.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.follow.dto;
+
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class CustomerDataDTO {
+
+    private boolean all = false;
+    private boolean owner = false;
+    private boolean self = false;
+
+    private List<String> userIds;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/dto/request/FollowUpPlanAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/follow/dto/request/FollowUpPlanAddRequest.java
new file mode 100644
index 0000000..ed8d066
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/dto/request/FollowUpPlanAddRequest.java
@@ -0,0 +1,53 @@
+package cn.cordys.crm.follow.dto.request;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class FollowUpPlanAddRequest {
+
+    @Size(max = 32)
+    @Schema(description = "客户id")
+    private String customerId;
+
+    @Size(max = 32)
+    @Schema(description = "商机id")
+    private String opportunityId;
+
+    @Size(max = 32)
+    @NotBlank
+    @Schema(description = "类型:CUSTOMER/CLUE", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String type;
+
+    @Size(max = 32)
+    @Schema(description = "线索id")
+    private String clueId;
+
+    @Size(max = 3000)
+    @Schema(description = "预计沟通内容", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String content;
+
+    @Size(max = 32)
+    @Schema(description = "负责人", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String owner;
+
+    @Size(max = 32)
+    @Schema(description = "联系人")
+    private String contactId;
+
+    @Schema(description = "预计开始时间")
+    private Long estimatedTime;
+
+    @Size(max = 32)
+    @NotBlank
+    @Schema(description = "跟进方式", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String method;
+
+    @Schema(description = "自定义字段")
+    private List<BaseModuleFieldValue> moduleFields;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/dto/request/FollowUpPlanPageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/follow/dto/request/FollowUpPlanPageRequest.java
new file mode 100644
index 0000000..4079377
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/dto/request/FollowUpPlanPageRequest.java
@@ -0,0 +1,18 @@
+package cn.cordys.crm.follow.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class FollowUpPlanPageRequest extends BasePageRequest {
+
+    @Schema(description = "资源id: 客户id/商机id/线索id", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String sourceId;
+
+    @Schema(description = "状态: ALL/PREPARED/UNDERWAY/COMPLETED/CANCELLED", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String status;
+
+    @Schema(description = "是否是为我的计划(默认false,个人中心查询时传入true)")
+    private boolean myPlan = false;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/dto/request/FollowUpPlanStatusRequest.java b/backend/crm/src/main/java/cn/cordys/crm/follow/dto/request/FollowUpPlanStatusRequest.java
new file mode 100644
index 0000000..bae1c4a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/dto/request/FollowUpPlanStatusRequest.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.follow.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+@Data
+public class FollowUpPlanStatusRequest {
+
+    @NotBlank
+    @Schema(description = "id", requiredMode = Schema.RequiredMode.REQUIRED)
+    @Size(max = 32)
+    private String id;
+
+
+    @Schema(description = "状态: PREPARED/UNDERWAY/COMPLETED/CANCELLED", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String status;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/dto/request/FollowUpPlanUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/follow/dto/request/FollowUpPlanUpdateRequest.java
new file mode 100644
index 0000000..9c6b6c3
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/dto/request/FollowUpPlanUpdateRequest.java
@@ -0,0 +1,18 @@
+package cn.cordys.crm.follow.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+@Data
+public class FollowUpPlanUpdateRequest extends FollowUpPlanAddRequest {
+
+    @NotBlank
+    @Schema(description = "id", requiredMode = Schema.RequiredMode.REQUIRED)
+    @Size(max = 32)
+    private String id;
+
+    @Schema(description = "是否转为跟进记录")
+    private Boolean converted;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/dto/request/FollowUpRecordAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/follow/dto/request/FollowUpRecordAddRequest.java
new file mode 100644
index 0000000..b18f143
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/dto/request/FollowUpRecordAddRequest.java
@@ -0,0 +1,54 @@
+package cn.cordys.crm.follow.dto.request;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class FollowUpRecordAddRequest {
+
+    @Size(max = 32)
+    @Schema(description = "客户id")
+    private String customerId;
+
+    @Size(max = 32)
+    @Schema(description = "商机id")
+    private String opportunityId;
+
+    @Size(max = 32)
+    @NotBlank
+    @Schema(description = "类型:CUSTOMER/CLUE", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String type;
+
+    @Size(max = 32)
+    @Schema(description = "线索id")
+    private String clueId;
+
+    @Size(max = 3000)
+    @Schema(description = "跟进内容", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String content;
+
+    @Schema(description = "跟进时间")
+    private Long followTime;
+
+    @Size(max = 32)
+    @Schema(description = "跟进方式", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String followMethod;
+
+    @Size(max = 32)
+    @Schema(description = "负责人", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String owner;
+
+    @Size(max = 32)
+    @Schema(description = "联系人")
+    private String contactId;
+
+
+    @Schema(description = "自定义字段")
+    private List<BaseModuleFieldValue> moduleFields;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/dto/request/FollowUpRecordPageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/follow/dto/request/FollowUpRecordPageRequest.java
new file mode 100644
index 0000000..39d5c34
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/dto/request/FollowUpRecordPageRequest.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.follow.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class FollowUpRecordPageRequest extends BasePageRequest {
+
+    @Schema(description = "资源id: 客户id/商机id/线索id", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String sourceId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/dto/request/FollowUpRecordUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/follow/dto/request/FollowUpRecordUpdateRequest.java
new file mode 100644
index 0000000..5ecb6eb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/dto/request/FollowUpRecordUpdateRequest.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.follow.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+@Data
+public class FollowUpRecordUpdateRequest extends FollowUpRecordAddRequest {
+
+    @NotBlank
+    @Schema(description = "id", requiredMode = Schema.RequiredMode.REQUIRED)
+    @Size(max = 32)
+    private String id;
+
+
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/dto/request/PlanHomePageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/follow/dto/request/PlanHomePageRequest.java
new file mode 100644
index 0000000..4983af9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/dto/request/PlanHomePageRequest.java
@@ -0,0 +1,14 @@
+package cn.cordys.crm.follow.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotEmpty;
+import lombok.Data;
+
+@Data
+public class PlanHomePageRequest extends BasePageRequest {
+
+    @NotEmpty
+    @Schema(description = "筛选状态", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String status;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/dto/request/RecordHomePageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/follow/dto/request/RecordHomePageRequest.java
new file mode 100644
index 0000000..a19d6db
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/dto/request/RecordHomePageRequest.java
@@ -0,0 +1,10 @@
+package cn.cordys.crm.follow.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import lombok.Data;
+
+@Data
+public class RecordHomePageRequest extends BasePageRequest {
+
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/dto/response/FollowUpPlanDetailResponse.java b/backend/crm/src/main/java/cn/cordys/crm/follow/dto/response/FollowUpPlanDetailResponse.java
new file mode 100644
index 0000000..b04201d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/dto/response/FollowUpPlanDetailResponse.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.follow.dto.response;
+
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.crm.system.domain.Attachment;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Map;
+
+@Data
+public class FollowUpPlanDetailResponse extends FollowUpPlanListResponse {
+
+    @Schema(description = "选项集合")
+    private Map<String, List<OptionDTO>> optionMap;
+
+    /**
+     * 附件集合
+     */
+    @Schema(description = "附件集合")
+    private Map<String, List<Attachment>> attachmentMap;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/dto/response/FollowUpPlanListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/follow/dto/response/FollowUpPlanListResponse.java
new file mode 100644
index 0000000..462438f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/dto/response/FollowUpPlanListResponse.java
@@ -0,0 +1,101 @@
+package cn.cordys.crm.follow.dto.response;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class FollowUpPlanListResponse {
+
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "客户id")
+    private String customerId;
+
+    @Schema(description = "客户名称")
+    private String customerName;
+
+    @Schema(description = "商机id")
+    private String opportunityId;
+
+    @Schema(description = "商机名称")
+    private String opportunityName;
+
+    @Schema(description = "类型")
+    private String type;
+
+    @Schema(description = "线索id")
+    private String clueId;
+
+    @Schema(description = "线索名称")
+    private String clueName;
+
+    @Schema(description = "计划内容")
+    private String content;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+
+    @Schema(description = "负责人")
+    private String owner;
+
+    @Schema(description = "负责人名称")
+    private String ownerName;
+
+    @Schema(description = "联系人")
+    private String contactId;
+
+    @Schema(description = "联系人名称")
+    private String contactName;
+
+    @Schema(description = "创建人")
+    private String createUser;
+
+    @Schema(description = "创建人名称")
+    private String createUserName;
+
+    @Schema(description = "更新人")
+    private String updateUser;
+
+    @Schema(description = "更新人名称")
+    private String updateUserName;
+
+    @Schema(description = "创建时间")
+    private Long createTime;
+
+    @Schema(description = "更新时间")
+    private Long updateTime;
+
+    @Schema(description = "计划开始时间")
+    private Long estimatedTime;
+
+    @Schema(description = "状态")
+    private String status;
+
+    @Schema(description = "归属部门")
+    private String departmentId;
+
+    @Schema(description = "归属部门名称")
+    private String departmentName;
+
+    @Schema(description = "电话")
+    private String phone;
+
+    @Schema(description = "跟进方式")
+    private String method;
+
+    @Schema(description = "是否转为跟进记录")
+    private Boolean converted;
+
+    @Schema(description = "属于公海或者线索池")
+    private String poolId;
+
+    @Schema(description = "资源类型")
+    private String resourceType;
+
+    @Schema(description = "自定义字段集合")
+    private List<BaseModuleFieldValue> moduleFields;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/dto/response/FollowUpRecordDetailResponse.java b/backend/crm/src/main/java/cn/cordys/crm/follow/dto/response/FollowUpRecordDetailResponse.java
new file mode 100644
index 0000000..345f233
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/dto/response/FollowUpRecordDetailResponse.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.follow.dto.response;
+
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.crm.system.domain.Attachment;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Map;
+
+@Data
+public class FollowUpRecordDetailResponse extends FollowUpRecordListResponse {
+
+    @Schema(description = "选项集合")
+    private Map<String, List<OptionDTO>> optionMap;
+
+    /**
+     * 附件集合
+     */
+    @Schema(description = "附件集合")
+    private Map<String, List<Attachment>> attachmentMap;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/dto/response/FollowUpRecordListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/follow/dto/response/FollowUpRecordListResponse.java
new file mode 100644
index 0000000..7efd777
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/dto/response/FollowUpRecordListResponse.java
@@ -0,0 +1,95 @@
+package cn.cordys.crm.follow.dto.response;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class FollowUpRecordListResponse {
+
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "客户id")
+    private String customerId;
+
+    @Schema(description = "客户名称")
+    private String customerName;
+
+    @Schema(description = "商机id")
+    private String opportunityId;
+
+    @Schema(description = "商机名称")
+    private String opportunityName;
+
+    @Schema(description = "类型")
+    private String type;
+
+    @Schema(description = "线索id")
+    private String clueId;
+
+    @Schema(description = "线索名称")
+    private String clueName;
+
+    @Schema(description = "跟进内容")
+    private String content;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+
+    @Schema(description = "跟进时间")
+    private Long followTime;
+
+    @Schema(description = "负责人")
+    private String owner;
+
+    @Schema(description = "负责人名称")
+    private String ownerName;
+
+    @Schema(description = "联系人")
+    private String contactId;
+
+    @Schema(description = "联系人名称")
+    private String contactName;
+
+    @Schema(description = "创建人")
+    private String createUser;
+
+    @Schema(description = "创建人名称")
+    private String createUserName;
+
+    @Schema(description = "更新人")
+    private String updateUser;
+
+    @Schema(description = "更新人名称")
+    private String updateUserName;
+
+    @Schema(description = "创建时间")
+    private Long createTime;
+
+    @Schema(description = "更新时间")
+    private Long updateTime;
+
+    @Schema(description = "归属部门")
+    private String departmentId;
+
+    @Schema(description = "归属部门名称")
+    private String departmentName;
+
+    @Schema(description = "电话")
+    private String phone;
+
+    @Schema(description = "跟进方式")
+    private String followMethod;
+
+    @Schema(description = "属于公海或者线索池")
+    private String poolId;
+
+    @Schema(description = "资源类型")
+    private String resourceType;
+
+    @Schema(description = "自定义字段集合")
+    private List<BaseModuleFieldValue> moduleFields;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/mapper/ExtFollowUpPlanMapper.java b/backend/crm/src/main/java/cn/cordys/crm/follow/mapper/ExtFollowUpPlanMapper.java
new file mode 100644
index 0000000..0181c33
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/mapper/ExtFollowUpPlanMapper.java
@@ -0,0 +1,55 @@
+package cn.cordys.crm.follow.mapper;
+
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.crm.customer.dto.request.CustomerMergeRequest;
+import cn.cordys.crm.follow.domain.FollowUpPlan;
+import cn.cordys.crm.follow.dto.CustomerDataDTO;
+import cn.cordys.crm.follow.dto.request.FollowUpPlanPageRequest;
+import cn.cordys.crm.follow.dto.request.PlanHomePageRequest;
+import cn.cordys.crm.follow.dto.response.FollowUpPlanListResponse;
+import cn.cordys.crm.home.dto.request.HomeStatisticSearchWrapperRequest;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtFollowUpPlanMapper {
+
+
+    List<FollowUpPlanListResponse> selectList(@Param("request") FollowUpPlanPageRequest request, @Param("userId") String userId, @Param("orgId") String orgId,
+                                              @Param("resourceType") String resourceType, @Param("type") String type, @Param("resourceTypeList") List<String> resourceTypeList);
+
+    /**
+     * 计划的汇总查询
+     *
+     * @param request                请求参数
+     * @param userId                 用户ID
+     * @param orgId                  组织ID
+     * @param clueDataPermission     线索数据权限
+     * @param customerDataPermission 客户数据权限
+     *
+     * @return 记录列表
+     */
+    List<FollowUpPlanListResponse> selectTotalList(@Param("request") PlanHomePageRequest request, @Param("userId") String userId, @Param("orgId") String orgId,
+                                                   @Param("clueDataPermission") DeptDataPermissionDTO clueDataPermission, @Param("customerDataPermission") DeptDataPermissionDTO customerDataPermission);
+
+    List<FollowUpPlan> selectPlanByTimestamp(@Param("timestamp") long timestamp);
+
+    Long getNewFollowUpPlan(@Param("request") HomeStatisticSearchWrapperRequest request);
+
+    /**
+     * 批量合并客户(商机)记录
+     *
+     * @param request 请求参数
+     * @param userId  用户ID
+     * @param orgId   组织ID
+     */
+    void batchMerge(@Param("request") CustomerMergeRequest request, @Param("userId") String userId, @Param("orgId") String orgId);
+
+    /**
+     * 获取待合并的计划列表
+     * @param request 请求参数
+     * @param orgId 组织ID
+     * @return 计划列表
+     */
+    List<FollowUpPlan> getMergePlanList(@Param("request") CustomerMergeRequest request, @Param("orgId") String orgId);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/mapper/ExtFollowUpPlanMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/follow/mapper/ExtFollowUpPlanMapper.xml
new file mode 100644
index 0000000..02ebbd4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/mapper/ExtFollowUpPlanMapper.xml
@@ -0,0 +1,553 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.follow.mapper.ExtFollowUpPlanMapper">
+
+    <select id="selectList" resultType="cn.cordys.crm.follow.dto.response.FollowUpPlanListResponse">
+        SELECT
+        fup.id,
+        fup.customer_id,
+        fup.opportunity_id,
+        fup.type,
+        fup.clue_id,
+        fup.content,
+        fup.owner,
+        fup.contact_id,
+        fup.estimated_time,
+        fup.create_time,
+        fup.update_time,
+        fup.create_user,
+        fup.update_user,
+        fup.method,
+        fup.converted,
+        fup.status,
+        if (fup.type = 'CLUE', c.pool_id, cu.pool_id) as poolId
+        FROM
+        follow_up_plan fup
+        LEFT JOIN clue c ON c.id = fup.clue_id
+        LEFT JOIN customer cu ON cu.id = fup.customer_id
+        WHERE fup.organization_id =#{orgId}
+          AND (c.transition_type is null or c.transition_type != 'CUSTOMER')
+        <if test="resourceType == 'CUSTOMER'">
+            AND fup.customer_id = #{request.sourceId}
+        </if>
+        <if test="resourceType == 'CLUE'">
+            AND fup.clue_id = #{request.sourceId}
+        </if>
+        <if test="resourceType == 'OPPORTUNITY'">
+            AND fup.opportunity_id = #{request.sourceId}
+        </if>
+        <if test="type != null and type != ''">
+            AND fup.type = #{type}
+        </if>
+        <if test="orgId != null and orgId != ''">
+            AND fup.organization_id = #{orgId}
+        </if>
+        <if test="request.keyword != null and request.keyword != ''">
+            AND fup.content like concat('%', #{request.keyword},'%')
+        </if>
+        <if test="request.myPlan">
+            AND fup.owner = #{userId}
+        </if>
+        <if test="request.status != null and request.status != '' and request.status != 'ALL'">
+            AND fup.status = #{request.status}
+        </if>
+
+        <if test="resourceTypeList!=null and resourceTypeList.size()>0">
+            AND fup.type in
+            <foreach collection="resourceTypeList" item="type" open="(" close=")" separator=",">
+                <choose>
+                    <when test="type == 'OPPORTUNITY'">
+                        'CUSTOMER'
+                    </when>
+                    <otherwise>
+                        #{type}
+                    </otherwise>
+                </choose>
+            </foreach>
+        and
+            <foreach collection="resourceTypeList" item="type" open="(" close=")" separator="or">
+                <if test="type == 'CUSTOMER'">
+                    fup.customer_id is not null
+                </if>
+                <if test="type == 'OPPORTUNITY'">
+                    fup.opportunity_id is not null
+                </if>
+                <if test="type == 'CLUE'">
+                    fup.clue_id is not null
+                </if>
+
+            </foreach>
+        </if>
+
+        ORDER BY fup.estimated_time DESC, fup.create_time DESC
+    </select>
+
+
+    <select id="selectPlanByTimestamp" resultType="cn.cordys.crm.follow.domain.FollowUpPlan">
+        select fup.id, fup.customer_id, fup.opportunity_id, fup.clue_id, fup.organization_id, fup.owner, fup.estimated_time, fup.create_user
+        FROM follow_up_plan fup
+        INNER JOIN sys_user on sys_user.id = fup.`owner` and sys_user.id = fup.`create_user`
+        WHERE estimated_time = #{timestamp}
+    </select>
+    <select id="getNewFollowUpPlan" resultType="java.lang.Long">
+        select count(*) from follow_up_plan c
+
+        <if test="request.dataPermission != null and request.dataPermission.deptIds.size() > 0">
+            join sys_organization_user sou on c.owner = sou.user_id
+            and (
+            sou.department_id in
+            <foreach collection="request.dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                #{deptId}
+            </foreach>
+            <if test="request.dataPermission.viewId == 'ALL'">
+                or sou.user_id = #{request.userId}
+            </if>
+            )
+        </if>
+
+        where c.organization_id = #{request.orgId}
+        <if test="request.startTime != null and request.endTime != null">
+            and c.create_time &gt;= #{request.startTime} and c.create_time &lt;= #{request.endTime}
+        </if>
+
+        <if test="request.dataPermission != null and request.dataPermission.self">
+            and c.owner = #{request.userId}
+        </if>
+    </select>
+
+    <select id="selectTotalList" resultType="cn.cordys.crm.follow.dto.response.FollowUpPlanListResponse">
+        SELECT
+        fup.id,
+        fup.customer_id,
+        fup.opportunity_id,
+        fup.type,
+        fup.clue_id,
+        fup.content,
+        fup.owner,
+        fup.contact_id,
+        fup.estimated_time,
+        fup.create_time,
+        fup.update_time,
+        fup.create_user,
+        fup.update_user,
+        fup.method,
+        fup.converted,
+        fup.status,
+        fup.organization_id,
+        if (fup.type = 'CLUE', c.pool_id, cu.pool_id) as poolId
+        FROM follow_up_plan fup
+        LEFT JOIN clue c ON c.id = fup.clue_id
+        LEFT JOIN customer cu ON cu.id = fup.customer_id
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.filters"/>
+            <property name="tablePrefix" value="filter"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.viewCombineSearch.conditions"/>
+            <property name="tablePrefix" value="viewCombine"/>
+        </include>
+        <include refid="fieldSortJoin">
+            <property name="sort" value="request.sort"/>
+        </include>
+        <if test=" (clueDataPermission.deptIds != null and clueDataPermission.deptIds.size() > 0) or
+                    (customerDataPermission.deptIds != null and customerDataPermission.deptIds.size() > 0) ">
+            join sys_organization_user souu on fup.owner = souu.user_id
+        </if>
+        WHERE fup.organization_id = #{orgId} and (c.transition_type is null or c.transition_type != 'CUSTOMER')
+        <!-- 业务数据权限条件 -->
+        AND (
+            <!-- 线索数据 -->
+            (
+                fup.type = 'CLUE'
+                <if test="request.keyword != null and request.keyword != ''">
+                    AND c.name like concat('%', #{request.keyword},'%')
+                </if>
+                <if test="clueDataPermission != null and clueDataPermission.self">
+                    AND fup.owner = #{userId}
+                </if>
+                <if test="clueDataPermission.deptIds != null and clueDataPermission.deptIds.size() > 0">
+                    AND (
+                        souu.department_id IN
+                        <foreach collection="clueDataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                            #{deptId}
+                        </foreach>
+                        <if test="clueDataPermission.viewId == 'ALL'">
+                            OR fup.owner = #{userId}
+                        </if>
+                    )
+                </if>
+            )
+            OR
+            <!-- 客户数据 -->
+            (
+                fup.type = 'CUSTOMER'
+                <if test="request.keyword != null and request.keyword != ''">
+                    AND cu.name like concat('%', #{request.keyword},'%')
+                </if>
+                <if test="customerDataPermission != null and customerDataPermission.self">
+                    AND fup.owner = #{userId}
+                </if>
+
+                <if test="customerDataPermission.deptIds != null and customerDataPermission.deptIds.size() > 0">
+                    AND (
+                        souu.department_id IN
+                        <foreach collection="customerDataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                            #{deptId}
+                        </foreach>
+                        <if test="customerDataPermission.viewId == 'ALL'">
+                            OR fup.owner = #{userId}
+                        </if>
+                    )
+                </if>
+            )
+        )
+
+        <if test="request.status != null and request.status != '' and request.status != 'ALL'">
+            AND status = #{request.status}
+        </if>
+
+        <!-- 高级搜索/过滤, 排序条件 -->
+        <include refid="filters">
+            <property name="filters" value="request.filters"/>
+        </include>
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+        <include refid="viewCombine">
+            <property name="combineSearch" value="request.viewCombineSearch"/>
+        </include>
+        <include refid="sort">
+            <property name="sort" value="request.sort"/>
+        </include>
+    </select>
+
+    <sql id="fieldConditionJoin">
+        <if test="${conditions} != null and ${conditions}.size() > 0">
+            <foreach collection="${conditions}" item="condition" index="i">
+                <choose>
+                    <when test="condition.refFiled">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.refFieldConditionJoin">
+                            <property name="condition" value="condition"/>
+                            <property name="mainTable" value="follow_up_plan"/>
+                            <property name="mainTableAlias" value="fup"/>
+                            <property name="fieldTable" value="${tablePrefix}_${i}"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <if test="condition.name != 'content'
+                            and condition.name != 'owner' and condition.name != 'type'
+                            and condition.name != 'customerId' and condition.name != 'opportunityId'
+                            and condition.name != 'clueId' and condition.name != 'contactId'
+                            and condition.name != 'estimatedTime' and condition.name != 'method'
+                            and condition.name != 'status' and condition.name != 'converted'
+                            and condition.name != 'createTime' and condition.name != 'createUser'
+                            and condition.name != 'updateUser' and condition.name != 'updateTime'">
+                            <if test="condition.blob">
+                                LEFT JOIN follow_up_plan_field_blob ${tablePrefix}_${i}
+                                ON fup.id = ${tablePrefix}_${i}.resource_id AND ${tablePrefix}_${i}.field_id = #{condition.name}
+                            </if>
+                            <if test="!condition.blob">
+                                LEFT JOIN follow_up_plan_field ${tablePrefix}_${i}
+                                ON fup.id = ${tablePrefix}_${i}.resource_id AND ${tablePrefix}_${i}.field_id = #{condition.name}
+                            </if>
+                            <if test="condition.name == 'departmentId'">
+                                LEFT JOIN sys_organization_user sou ON fup.owner = sou.user_id
+                            </if>
+                            <if test="condition.name == 'phone'">
+                                LEFT JOIN customer_contact cc ON fup.contact_id = cc.id
+                            </if>
+                        </if>
+                    </otherwise>
+                </choose>
+            </foreach>
+        </if>
+    </sql>
+
+    <sql id="fieldSortJoin">
+        <if test="${sort} != null and ${sort}.valid() and ${sort}.name not in
+                {'content', 'owner', 'type', 'customerId', 'opportunityId', 'clueId', 'contactId', 'estimatedTime', 'method', 'status', 'converted',
+                'create_user', 'update_user', 'create_time', 'update_time'}">
+            <bind name="sortName" value="${sort}.name"/>
+            LEFT JOIN follow_up_plan_field sort_table ON fup.id = sort_table.resource_id AND sort_table.field_id = #{sortName}
+            LEFT JOIN sys_module_field module_table ON sort_table.field_id = module_table.id
+            <if test="${sort} != null and ${sort}.valid() and ${sort}.name == 'department_id'">
+                LEFT JOIN sys_organization_user sou on sou.user_id = fup.owner
+            </if>
+        </if>
+    </sql>
+
+    <sql id="filters">
+        <if test="${filters} != null and ${filters}.size() > 0">
+            <trim prefix="and">
+                <foreach collection="${filters}" item="condition" open="(" close=")" index="i" separator="and">
+                    <include refid="condition">
+                        <property name="condition" value="condition"/>
+                        <property name="fieldTable" value="filter_${i}.field_value"/>
+                        <property name="table" value="filter_${i}"/>
+                    </include>
+                </foreach>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="combine">
+        <if test="${combineSearch} != null and ${combineSearch}.conditions != null and ${combineSearch}.conditions.size() > 0">
+            <trim prefix="and">
+                <trim prefix="(" suffix=")" suffixOverrides="and|or">
+                    <foreach collection="${combineSearch}.conditions" index="i" item="condition">
+                        <include refid="condition">
+                            <property name="condition" value="condition"/>
+                            <property name="fieldTable" value="combine_${i}.field_value"/>
+                            <property name="table" value="combine_${i}"/>
+                        </include>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.searchMode">
+                            <property name="searchMode" value="${combineSearch}.searchMode"/>
+                        </include>
+                    </foreach>
+                </trim>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="viewCombine">
+        <if test="${combineSearch} != null and ${combineSearch}.conditions != null and ${combineSearch}.conditions.size() > 0">
+            <trim prefix="and">
+                <trim prefix="(" suffix=")" suffixOverrides="and|or">
+                    <foreach collection="${combineSearch}.conditions" index="i" item="condition">
+                        <include refid="condition">
+                            <property name="condition" value="condition"/>
+                            <property name="fieldTable" value="viewCombine_${i}.field_value"/>
+                            <property name="table" value="viewCombine_${i}"/>
+                        </include>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.searchMode">
+                            <property name="searchMode" value="${combineSearch}.searchMode"/>
+                        </include>
+                    </foreach>
+                </trim>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="condition">
+        <choose>
+            <when test="condition.refFiled">
+                <choose>
+                    <when test="!condition.customField">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${table}.${condition.name}"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${fieldTable}"/>
+                        </include>
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                <choose>
+                    <when test="condition.name == 'content'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="fup.content"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'type'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="fup.type"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'owner'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="fup.owner"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'customerId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="fup.customer_id"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'opportunityId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="fup.opportunity_id"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'clueId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="fup.clue_id"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'contactId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="fup.contact_id"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'method'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="fup.method"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'estimatedTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="fup.estimated_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'status'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="fup.status"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'converted'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="fup.converted"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'createUser'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="fup.create_user"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'createTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="fup.create_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'updateUser'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="fup.update_user"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'updateTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="fup.update_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'departmentId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="sou.department_id"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'phone'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cc.phone"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${fieldTable}"/>
+                        </include>
+                    </otherwise>
+                </choose>
+            </otherwise>
+        </choose>
+    </sql>
+
+    <sql id="sort">
+        <choose>
+            <when test="${sort} != null and ${sort}.valid()">
+                <bind name="sortType" value="${sort}.type" />
+                order by
+                <choose>
+                    <when test="${sort}.name == 'customer_id'">
+                        fup.`customer_id` ${sortType}, fup.id ASC
+                    </when>
+                    <when test="${sort}.name == 'opportunity_id'">
+                        fup.`opportunity_id` ${sortType}, fup.id ASC
+                    </when>
+                    <when test="${sort}.name == 'clue_id'">
+                        fup.`clue_id` ${sortType}, fup.id ASC
+                    </when>
+                    <when test="${sort}.name == 'contact_id'">
+                        fup.`contact_id` ${sortType}, fup.id ASC
+                    </when>
+                    <when test="${sort}.name == 'type'">
+                        fup.`type` ${sortType}, fup.id ASC
+                    </when>
+                    <when test="${sort}.name == 'owner'">
+                        fup.`owner` ${sortType}, fup.id ASC
+                    </when>
+                    <when test="${sort}.name == 'method'">
+                        fup.`method` ${sortType}, fup.id ASC
+                    </when>
+                    <when test="${sort}.name == 'status'">
+                        fup.`status` ${sortType}, fup.id ASC
+                    </when>
+                    <when test="${sort}.name == 'converted'">
+                        fup.`converted` ${sortType}, fup.id ASC
+                    </when>
+                    <when test="${sort}.name == 'estimated_time'">
+                        fup.`estimated_time` ${sortType}, fup.id ASC
+                    </when>
+                    <when test="${sort}.name == 'create_time'">
+                        fup.`create_time` ${sortType}, fup.id ASC
+                    </when>
+                    <when test="${sort}.name == 'update_time'">
+                        fup.`update_time` ${sortType}, fup.id ASC
+                    </when>
+                    <when test="${sort}.name == 'create_user'">
+                        fup.`create_user` ${sortType}, fup.id ASC
+                    </when>
+                    <when test="${sort}.name == 'update_user'">
+                        fup.`update_user` ${sortType}, fup.id ASC
+                    </when>
+                    <when test="${sort}.name == 'department_id'">
+                        sou.`id` ${sortType}, c.id ASC
+                    </when>
+                    <otherwise>
+                        CASE
+                        WHEN module_table.type = 'INPUT_NUMBER' OR module_table.type = 'FORMULA'
+                        THEN sort_table.field_value+0
+                        END ${sortType},
+                        sort_table.field_value ${sortType},
+                        fup.id ${sortType}
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                order by fup.estimated_time desc, fup.create_time desc, fup.id ASC
+            </otherwise>
+        </choose>
+    </sql>
+
+    <update id="batchMerge" parameterType="cn.cordys.crm.customer.dto.request.CustomerMergeRequest">
+        update follow_up_plan set customer_id = #{request.toMergeId}, update_user = #{userId}, update_time = unix_timestamp() * 1000
+        where customer_id in
+        <foreach collection="request.mergeIds" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+        and organization_id = #{orgId}
+    </update>
+
+    <select id="getMergePlanList" resultType="cn.cordys.crm.follow.domain.FollowUpPlan">
+        select customer_id from follow_up_plan
+        where customer_id in
+        <foreach collection="request.mergeIds" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+        and organization_id = #{orgId}
+    </select>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/mapper/ExtFollowUpRecordMapper.java b/backend/crm/src/main/java/cn/cordys/crm/follow/mapper/ExtFollowUpRecordMapper.java
new file mode 100644
index 0000000..b86cadc
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/mapper/ExtFollowUpRecordMapper.java
@@ -0,0 +1,58 @@
+package cn.cordys.crm.follow.mapper;
+
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.crm.customer.dto.request.CustomerMergeRequest;
+import cn.cordys.crm.follow.domain.FollowUpRecord;
+import cn.cordys.crm.follow.dto.CustomerDataDTO;
+import cn.cordys.crm.follow.dto.request.FollowUpRecordPageRequest;
+import cn.cordys.crm.follow.dto.request.RecordHomePageRequest;
+import cn.cordys.crm.follow.dto.response.FollowUpRecordListResponse;
+import cn.cordys.crm.home.dto.request.HomeStatisticSearchWrapperRequest;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtFollowUpRecordMapper {
+
+    List<FollowUpRecordListResponse> selectPoolList(@Param("request") FollowUpRecordPageRequest request, @Param("userId") String userId, @Param("orgId") String orgId, @Param("resourceType") String resourceType, @Param("type") String type);
+
+
+    List<FollowUpRecordListResponse> selectList(@Param("request") FollowUpRecordPageRequest request, @Param("userId") String userId, @Param("orgId") String orgId,
+                                                @Param("resourceType") String resourceType, @Param("type") String type);
+
+    /**
+     * 记录的汇总查询
+     *
+     * @param request                请求参数
+     * @param userId                 用户ID
+     * @param orgId                  组织ID
+     * @param clueDataPermission     线索业务数据权限
+     * @param customerDataPermission 客户业务数据权限
+     *
+     * @return 记录列表
+     */
+    List<FollowUpRecordListResponse> selectTotalList(@Param("request") RecordHomePageRequest request, @Param("userId") String userId, @Param("orgId") String orgId,
+                                                     @Param("clueDataPermission") DeptDataPermissionDTO clueDataPermission, @Param("customerDataPermission") DeptDataPermissionDTO customerDataPermission);
+
+    FollowUpRecord selectRecord(@Param("customerId") String customerId, @Param("opportunityId") String opportunityId, @Param("clueId") String clueId, @Param("orgId") String orgId, @Param("type") String type);
+
+    Long getNewContactCount(@Param("request") HomeStatisticSearchWrapperRequest request);
+
+    /**
+     * 批量合并客户(商机)记录
+     *
+     * @param request 请求参数
+     * @param userId  用户ID
+     * @param orgId   组织ID
+     */
+    void batchMerge(@Param("request") CustomerMergeRequest request, @Param("userId") String userId, @Param("orgId") String orgId);
+
+    /**
+     * 获取待合并的记录列表
+     * @param request 请求参数
+     * @param orgId 组织ID
+     * @return 记录列表
+     */
+    List<FollowUpRecord> getMergeRecordList(@Param("request") CustomerMergeRequest request, @Param("orgId") String orgId);
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/mapper/ExtFollowUpRecordMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/follow/mapper/ExtFollowUpRecordMapper.xml
new file mode 100644
index 0000000..ea2fc13
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/mapper/ExtFollowUpRecordMapper.xml
@@ -0,0 +1,575 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.follow.mapper.ExtFollowUpRecordMapper">
+
+    <select id="selectPoolList" resultType="cn.cordys.crm.follow.dto.response.FollowUpRecordListResponse">
+        SELECT
+            id,
+            customer_id,
+            opportunity_id,
+            type,
+            clue_id,
+            content,
+            follow_time,
+            owner,
+            contact_id,
+            create_time,
+            update_time,
+            create_user,
+            update_user
+        FROM
+            follow_up_record
+        WHERE
+            organization_id =#{orgId}
+          and type = #{type}
+        <if test="resourceType == 'CUSTOMER'">
+            AND customer_id = #{request.sourceId}
+        </if>
+        <if test="resourceType == 'CLUE'">
+            AND clue_id = #{request.sourceId}
+        </if>
+        <if test="resourceType == 'OPPORTUNITY'">
+            AND opportunity_id = #{request.sourceId}
+        </if>
+        <if test="type != null and type != ''">
+            AND type = #{type}
+        </if>
+        <if test="orgId != null and orgId != ''">
+            AND organization_id = #{orgId}
+        </if>
+        <if test="request.keyword != null and request.keyword != ''">
+            AND content like concat('%', #{request.keyword},'%')
+        </if>
+        ORDER BY follow_time DESC, create_time DESC
+    </select>
+
+
+
+    <select id="selectList" resultType="cn.cordys.crm.follow.dto.response.FollowUpRecordListResponse">
+        SELECT
+        id,
+        customer_id,
+        opportunity_id,
+        type,
+        clue_id,
+        content,
+        follow_time,
+        owner,
+        contact_id,
+        create_time,
+        update_time,
+        create_user,
+        update_user,
+        follow_method
+        FROM
+        follow_up_record
+        <where>
+            <if test="resourceType == 'CUSTOMER'">
+                AND customer_id = #{request.sourceId}
+            </if>
+            <if test="resourceType == 'CLUE'">
+                AND clue_id = #{request.sourceId}
+            </if>
+            <if test="resourceType == 'OPPORTUNITY'">
+                AND opportunity_id = #{request.sourceId}
+            </if>
+            <if test="orgId != null and orgId != ''">
+                AND organization_id = #{orgId}
+            </if>
+            <if test="request.keyword != null and request.keyword != ''">
+                AND content like concat('%', #{request.keyword},'%')
+            </if>
+        </where>
+        ORDER BY follow_time DESC, create_time DESC
+    </select>
+
+    <select id="selectTotalList" resultType="cn.cordys.crm.follow.dto.response.FollowUpRecordListResponse">
+        SELECT
+        fur.id,
+        fur.customer_id,
+        fur.opportunity_id,
+        fur.type,
+        fur.clue_id,
+        fur.content,
+        fur.follow_time,
+        fur.owner,
+        fur.contact_id,
+        fur.create_time,
+        fur.update_time,
+        fur.create_user,
+        fur.update_user,
+        fur.follow_method,
+        fur.organization_id,
+        if (fur.type = 'CLUE', c.pool_id, cu.pool_id) as poolId
+        FROM follow_up_record fur
+        LEFT JOIN clue c ON c.id = fur.clue_id
+        LEFT JOIN customer cu ON cu.id = fur.customer_id
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.filters"/>
+            <property name="tablePrefix" value="filter"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        <include refid="viewFieldConditionJoin">
+            <property name="conditions" value="request.viewCombineSearch.conditions"/>
+            <property name="tablePrefix" value="viewCombine"/>
+        </include>
+        <include refid="fieldSortJoin">
+            <property name="sort" value="request.sort"/>
+        </include>
+        <if test=" (clueDataPermission.deptIds != null and clueDataPermission.deptIds.size() > 0) or
+                    (customerDataPermission.deptIds != null and customerDataPermission.deptIds.size() > 0) ">
+            join sys_organization_user souu on fur.owner = souu.user_id
+        </if>
+
+        WHERE fur.organization_id = #{orgId} and (c.transition_type is null or c.transition_type != 'CUSTOMER')
+        <!-- 业务数据权限条件 -->
+
+        AND (
+        <!-- 线索数据 -->
+            (
+                fur.type = 'CLUE'
+                <if test="request.keyword != null and request.keyword != ''">
+                    AND c.name like concat('%', #{request.keyword},'%')
+                </if>
+                <if test="clueDataPermission != null and clueDataPermission.self">
+                    AND fur.owner = #{userId}
+                </if>
+                <if test="clueDataPermission.deptIds != null and clueDataPermission.deptIds.size() > 0">
+                    AND (
+                        souu.department_id IN
+                        <foreach collection="clueDataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                            #{deptId}
+                        </foreach>
+                        <if test="clueDataPermission.viewId == 'ALL'">
+                            OR fur.owner = #{userId}
+                        </if>
+                    )
+                </if>
+            )
+            OR
+            <!-- 客户数据 -->
+            (
+                fur.type = 'CUSTOMER'
+                <if test="request.keyword != null and request.keyword != ''">
+                    AND cu.name like concat('%', #{request.keyword},'%')
+                </if>
+                <if test="customerDataPermission != null and customerDataPermission.self">
+                    AND fur.owner = #{userId}
+                </if>
+                <if test="customerDataPermission.deptIds != null and customerDataPermission.deptIds.size() > 0">
+                    AND (
+                        souu.department_id IN
+                        <foreach collection="customerDataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                            #{deptId}
+                        </foreach>
+                        <if test="customerDataPermission.viewId == 'ALL'">
+                            OR fur.owner = #{userId}
+                        </if>
+                    )
+                </if>
+            )
+        )
+
+        <!-- 高级搜索/过滤, 排序条件 -->
+        <include refid="filters">
+            <property name="filters" value="request.filters"/>
+        </include>
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+        <include refid="viewCombine">
+            <property name="combineSearch" value="request.viewCombineSearch"/>
+        </include>
+        <include refid="sort">
+            <property name="sort" value="request.sort"/>
+        </include>
+    </select>
+
+
+    <select id="selectRecord" resultType="cn.cordys.crm.follow.domain.FollowUpRecord">
+        select
+        customer_id,
+        opportunity_id,
+        clue_id,
+        follow_time,
+        owner
+        from follow_up_record
+        where organization_id = #{orgId}
+        and type = #{type}
+        <if test="customerId != null and customerId != ''">
+            AND customer_id = #{customerId}
+        </if>
+        <if test="clueId != null and clueId != ''">
+            AND clue_id = #{clueId}
+        </if>
+        <if test="opportunityId != null and opportunityId != ''">
+            AND opportunity_id = #{opportunityId}
+        </if>
+        order by follow_time desc
+        limit 1
+    </select>
+    <select id="getNewContactCount" resultType="java.lang.Long">
+        select count(*) from follow_up_record c
+
+        <if test="request.dataPermission != null and request.dataPermission.deptIds.size() > 0">
+            join sys_organization_user sou on c.owner = sou.user_id
+            and (
+            sou.department_id in
+            <foreach collection="request.dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                #{deptId}
+            </foreach>
+            <if test="request.dataPermission.viewId == 'ALL'">
+                or sou.user_id = #{request.userId}
+            </if>
+            )
+        </if>
+
+        where c.organization_id = #{request.orgId}
+        <if test="request.startTime != null and request.endTime != null">
+            and c.create_time &gt;= #{request.startTime} and c.create_time &lt;= #{request.endTime}
+        </if>
+
+        <if test="request.dataPermission != null and request.dataPermission.self">
+            and c.owner = #{request.userId}
+        </if>
+    </select>
+
+    <sql id="fieldConditionJoin">
+        <if test="${conditions} != null and ${conditions}.size() > 0">
+            <foreach collection="${conditions}" item="condition" index="i">
+                <choose>
+                    <when test="condition.refFiled">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.refFieldConditionJoin">
+                            <property name="condition" value="condition"/>
+                            <property name="mainTable" value="follow_up_record"/>
+                            <property name="mainTableAlias" value="fur"/>
+                            <property name="fieldTable" value="${tablePrefix}_${i}"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <if test="condition.name != 'content'
+                            and condition.name != 'owner' and condition.name != 'type'
+                            and condition.name != 'customerId' and condition.name != 'opportunityId'
+                            and condition.name != 'clueId' and condition.name != 'contactId'
+                            and condition.name != 'followTime' and condition.name != 'followMethod'
+                            and condition.name != 'createTime' and condition.name != 'createUser'
+                            and condition.name != 'updateUser' and condition.name != 'updateTime'">
+                            <if test="condition.blob">
+                                LEFT JOIN follow_up_record_field_blob ${tablePrefix}_${i}
+                                ON fur.id = ${tablePrefix}_${i}.resource_id AND ${tablePrefix}_${i}.field_id = #{condition.name}
+                            </if>
+                            <if test="!condition.blob">
+                                LEFT JOIN follow_up_record_field ${tablePrefix}_${i}
+                                ON fur.id = ${tablePrefix}_${i}.resource_id AND ${tablePrefix}_${i}.field_id = #{condition.name}
+                            </if>
+                            <if test="condition.name == 'departmentId'">
+                                LEFT JOIN sys_organization_user sou ON fur.owner = sou.user_id
+                            </if>
+                            <if test="condition.name == 'phone'">
+                                LEFT JOIN customer_contact cc ON fur.contact_id = cc.id
+                            </if>
+                        </if>
+                    </otherwise>
+                </choose>
+            </foreach>
+        </if>
+    </sql>
+
+    <sql id="viewFieldConditionJoin">
+        <if test="${conditions} != null and ${conditions}.size() > 0">
+            <foreach collection="${conditions}" item="condition" index="i">
+                <if test="condition.name != 'content'
+                    and condition.name != 'owner' and condition.name != 'type'
+                    and condition.name != 'customerId' and condition.name != 'opportunityId'
+                    and condition.name != 'clueId' and condition.name != 'contactId'
+                    and condition.name != 'followTime' and condition.name != 'followMethod'
+                    and condition.name != 'createTime' and condition.name != 'createUser'
+                    and condition.name != 'updateUser' and condition.name != 'updateTime'">
+                    <if test="condition.blob">
+                        LEFT JOIN follow_up_record_field_blob ${tablePrefix}_${i}
+                        ON fur.id = ${tablePrefix}_${i}.resource_id AND ${tablePrefix}_${i}.field_id = #{condition.name}
+                    </if>
+                    <if test="!condition.blob">
+                        LEFT JOIN follow_up_record_field ${tablePrefix}_${i}
+                        ON fur.id = ${tablePrefix}_${i}.resource_id AND ${tablePrefix}_${i}.field_id = #{condition.name}
+                    </if>
+                    <if test="condition.name == 'departmentId'">
+                        LEFT JOIN sys_organization_user sou ON fur.owner = sou.user_id
+                    </if>
+                    <if test="condition.name == 'phone'">
+                        LEFT JOIN customer_contact cc ON fur.contact_id = cc.id
+                    </if>
+                </if>
+            </foreach>
+        </if>
+    </sql>
+
+    <sql id="fieldSortJoin">
+        <if test="${sort} != null and ${sort}.valid() and ${sort}.name not in
+                {'content', 'owner', 'type', 'customerId', 'opportunityId', 'clueId', 'contactId', 'followTime', 'followMethod',
+                'create_user', 'update_user', 'create_time', 'update_time'}">
+            <bind name="sortName" value="${sort}.name"/>
+            LEFT JOIN follow_up_record_field sort_table ON fur.id = sort_table.resource_id AND sort_table.field_id = #{sortName}
+            LEFT JOIN sys_module_field module_table ON sort_table.field_id = module_table.id
+            <if test="${sort} != null and ${sort}.valid() and ${sort}.name == 'department_id'">
+                LEFT JOIN sys_organization_user sou on sou.user_id = fur.owner
+            </if>
+        </if>
+    </sql>
+
+    <sql id="filters">
+        <if test="${filters} != null and ${filters}.size() > 0">
+            <trim prefix="and">
+                <foreach collection="${filters}" item="condition" open="(" close=")" index="i" separator="and">
+                    <include refid="condition">
+                        <property name="condition" value="condition"/>
+                        <property name="fieldTable" value="filter_${i}.field_value"/>
+                        <property name="table" value="filter_${i}"/>
+                    </include>
+                </foreach>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="combine">
+        <if test="${combineSearch} != null and ${combineSearch}.conditions != null and ${combineSearch}.conditions.size() > 0">
+            <trim prefix="and">
+                <trim prefix="(" suffix=")" suffixOverrides="and|or">
+                    <foreach collection="${combineSearch}.conditions" index="i" item="condition">
+                        <include refid="condition">
+                            <property name="condition" value="condition"/>
+                            <property name="fieldTable" value="combine_${i}.field_value"/>
+                            <property name="table" value="combine_${i}"/>
+                        </include>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.searchMode">
+                            <property name="searchMode" value="${combineSearch}.searchMode"/>
+                        </include>
+                    </foreach>
+                </trim>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="viewCombine">
+        <if test="${combineSearch} != null and ${combineSearch}.conditions != null and ${combineSearch}.conditions.size() > 0">
+            <trim prefix="and">
+                <trim prefix="(" suffix=")" suffixOverrides="and|or">
+                    <foreach collection="${combineSearch}.conditions" index="i" item="condition">
+                        <include refid="condition">
+                            <property name="condition" value="condition"/>
+                            <property name="fieldTable" value="viewCombine_${i}.field_value"/>
+                            <property name="table" value="viewCombine_${i}"/>
+                        </include>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.searchMode">
+                            <property name="searchMode" value="${combineSearch}.searchMode"/>
+                        </include>
+                    </foreach>
+                </trim>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="condition">
+        <choose>
+            <when test="condition.refFiled">
+                <choose>
+                    <when test="!condition.customField">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${table}.${condition.name}"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${fieldTable}"/>
+                        </include>
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                <choose>
+                    <when test="condition.name == 'content'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="fur.content"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'type'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="fur.type"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'owner'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="fur.owner"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'customerId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="fur.customer_id"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'opportunityId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="fur.opportunity_id"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'clueId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="fur.clue_id"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'contactId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="fur.contact_id"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'followMethod'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="fur.follow_method"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'followTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="fur.follow_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'createUser'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="fur.create_user"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'createTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="fur.create_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'updateUser'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="fur.update_user"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'updateTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="fur.update_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'departmentId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="sou.department_id"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'phone'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cc.phone"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${fieldTable}"/>
+                        </include>
+                    </otherwise>
+                </choose>
+            </otherwise>
+        </choose>
+    </sql>
+
+    <sql id="sort">
+        <choose>
+            <when test="${sort} != null and ${sort}.valid()">
+                <bind name="sortType" value="${sort}.type" />
+                order by
+                <choose>
+                    <when test="${sort}.name == 'customer_id'">
+                        fur.`customer_id` ${sortType}, fur.id ASC
+                    </when>
+                    <when test="${sort}.name == 'opportunity_id'">
+                        fur.`opportunity_id` ${sortType}, fur.id ASC
+                    </when>
+                    <when test="${sort}.name == 'clue_id'">
+                        fur.`clue_id` ${sortType}, fur.id ASC
+                    </when>
+                    <when test="${sort}.name == 'contact_id'">
+                        fur.`contact_id` ${sortType}, fur.id ASC
+                    </when>
+                    <when test="${sort}.name == 'type'">
+                        fur.`type` ${sortType}, fur.id ASC
+                    </when>
+                    <when test="${sort}.name == 'owner'">
+                        fur.`owner` ${sortType}, fur.id ASC
+                    </when>
+                    <when test="${sort}.name == 'follow_method'">
+                        fur.`follow_method` ${sortType}, fur.id ASC
+                    </when>
+                    <when test="${sort}.name == 'follow_time'">
+                        fur.`follow_time` ${sortType}, fur.id ASC
+                    </when>
+                    <when test="${sort}.name == 'create_time'">
+                        fur.`create_time` ${sortType}, fur.id ASC
+                    </when>
+                    <when test="${sort}.name == 'update_time'">
+                        fur.`update_time` ${sortType}, fur.id ASC
+                    </when>
+                    <when test="${sort}.name == 'create_user'">
+                        fur.`create_user` ${sortType}, fur.id ASC
+                    </when>
+                    <when test="${sort}.name == 'update_user'">
+                        fur.`update_user` ${sortType}, fur.id ASC
+                    </when>
+                    <when test="${sort}.name == 'department_id'">
+                        sou.`id` ${sortType}, c.id ASC
+                    </when>
+                    <otherwise>
+                        CASE
+                        WHEN module_table.type = 'INPUT_NUMBER' OR module_table.type = 'FORMULA'
+                        THEN sort_table.field_value+0
+                        END ${sortType},
+                        sort_table.field_value ${sortType},
+                        fur.id ${sortType}
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                order by fur.follow_time desc, fur.create_time desc , fur.id ASC
+            </otherwise>
+        </choose>
+    </sql>
+
+    <update id="batchMerge" parameterType="cn.cordys.crm.customer.dto.request.CustomerMergeRequest">
+        update follow_up_record set customer_id = #{request.toMergeId}, update_user = #{userId}, update_time = unix_timestamp() * 1000
+        where customer_id in
+        <foreach collection="request.mergeIds" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+        and organization_id = #{orgId}
+    </update>
+
+    <select id="getMergeRecordList" resultType="cn.cordys.crm.follow.domain.FollowUpRecord">
+        select customer_id from follow_up_record
+        where customer_id in
+        <foreach collection="request.mergeIds" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+        and organization_id = #{orgId};
+    </select>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/service/BaseFollowUpService.java b/backend/crm/src/main/java/cn/cordys/crm/follow/service/BaseFollowUpService.java
new file mode 100644
index 0000000..37931d4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/service/BaseFollowUpService.java
@@ -0,0 +1,130 @@
+package cn.cordys.crm.follow.service;
+
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.customer.constants.CustomerCollaborationType;
+import cn.cordys.crm.customer.domain.CustomerCollaboration;
+import cn.cordys.crm.customer.service.CustomerCollaborationService;
+import cn.cordys.crm.follow.dto.CustomerDataDTO;
+import cn.cordys.crm.system.domain.OrganizationUser;
+import cn.cordys.crm.system.mapper.ExtOrganizationUserMapper;
+import cn.cordys.security.SessionUtils;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Set;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class BaseFollowUpService {
+
+    @Resource
+    private CustomerCollaborationService customerCollaborationService;
+    @Resource
+    private DataScopeService dataScopeService;
+    @Resource
+    private ExtOrganizationUserMapper extOrganizationUserMapper;
+
+    public CustomerDataDTO getCustomerPermission(String userId, String sourceId, String permission) {
+        CustomerDataDTO customerDataDTO = new CustomerDataDTO();
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), permission);
+
+        // 全部数据
+        if (deptDataPermission.getAll() || Strings.CI.equalsAny(userId, InternalUser.ADMIN.getValue())) {
+            customerDataDTO.setAll(true);
+            return customerDataDTO;
+        }
+
+
+        // 查询协作人信息
+        List<CustomerCollaboration> collaborations = customerCollaborationService.selectByCustomerId(sourceId);
+
+        List<CustomerCollaboration> userList = collaborations.stream()
+                .filter(collaboration -> Strings.CS.equals(collaboration.getUserId(), userId))
+                .toList();
+
+        if (CollectionUtils.isNotEmpty(userList)) {
+            CustomerCollaboration first = userList.getFirst();
+            if (Strings.CS.equals(first.getCollaborationType(), CustomerCollaborationType.READ_ONLY.name())) {
+                customerDataDTO.setOwner(true);
+            }
+        } else {
+            // 不是协作人
+            customerDataDTO.setOwner(true);
+        }
+
+
+        // 获取协作类型的协作的联系人
+        Set<String> collaborationUserIds = collaborations.stream()
+                .filter(collaboration -> Strings.CS.equals(collaboration.getCollaborationType(), CustomerCollaborationType.COLLABORATION.name()))
+                .map(CustomerCollaboration::getUserId)
+                .collect(Collectors.toSet());
+
+
+        // 部门数据权限
+        if (CollectionUtils.isNotEmpty(deptDataPermission.getDeptIds())) {
+            List<OrganizationUser> users = new ArrayList<>();
+            if (CollectionUtils.isNotEmpty(collaborationUserIds)) {
+                users = extOrganizationUserMapper.selectUserByUserIds(new ArrayList<>(collaborationUserIds));
+            }
+            List<OrganizationUser> currentUser = extOrganizationUserMapper.selectUserByUserIds(List.of(userId));
+            if (customerDataDTO.isOwner()) {
+                List<OrganizationUser> depUsers = users.stream()
+                        .filter(user -> !deptDataPermission.getDeptIds().contains(user.getDepartmentId()))
+                        .toList();
+                if (CollectionUtils.isNotEmpty(depUsers)) {
+                    customerDataDTO.setUserIds(depUsers.stream().map(OrganizationUser::getUserId).toList());
+                }
+            } else {
+                List<OrganizationUser> depUsers = users.stream()
+                        .filter(user -> !deptDataPermission.getDeptIds().contains(user.getDepartmentId()))
+                        .toList();
+                List<String> ids = depUsers.stream().map(OrganizationUser::getUserId).toList();
+                List<String> userIds = new ArrayList<>();
+                if (!deptDataPermission.getDeptIds().contains(currentUser.getFirst().getDepartmentId())) {
+                    userIds.add(currentUser.getFirst().getUserId());
+                }
+                userIds.addAll(ids);
+                customerDataDTO.setUserIds(userIds);
+            }
+
+        }
+
+        if (deptDataPermission.getSelf()) {
+            if (customerDataDTO.isOwner()) {
+                customerDataDTO.setUserIds(new ArrayList<>(collaborationUserIds));
+            } else {
+                customerDataDTO.setSelf(true);
+            }
+        }
+
+        return customerDataDTO;
+    }
+
+    public CustomerDataDTO getOpportunityPermission(String userId, String permission) {
+        CustomerDataDTO customerDataDTO = new CustomerDataDTO();
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), permission);
+
+        // 全部数据
+        if (deptDataPermission.getAll() || Strings.CI.equalsAny(userId, InternalUser.ADMIN.getValue())) {
+            customerDataDTO.setAll(true);
+            return customerDataDTO;
+        }
+
+        if (deptDataPermission.getSelf()) {
+            customerDataDTO.setSelf(true);
+        }
+        return customerDataDTO;
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/service/FollowUpPlanFieldService.java b/backend/crm/src/main/java/cn/cordys/crm/follow/service/FollowUpPlanFieldService.java
new file mode 100644
index 0000000..8d52e9d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/service/FollowUpPlanFieldService.java
@@ -0,0 +1,35 @@
+package cn.cordys.crm.follow.service;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.service.BaseResourceFieldService;
+import cn.cordys.crm.follow.domain.FollowUpPlanField;
+import cn.cordys.crm.follow.domain.FollowUpPlanFieldBlob;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class FollowUpPlanFieldService extends BaseResourceFieldService<FollowUpPlanField, FollowUpPlanFieldBlob> {
+
+    @Resource
+    private BaseMapper<FollowUpPlanField> followUpPlanFieldMapper;
+    @Resource
+    private BaseMapper<FollowUpPlanFieldBlob> followUpPlanFieldBlobMapper;
+
+    @Override
+    protected String getFormKey() {
+        return FormKey.FOLLOW_PLAN.getKey();
+    }
+
+    @Override
+    protected BaseMapper<FollowUpPlanField> getResourceFieldMapper() {
+        return followUpPlanFieldMapper;
+    }
+
+    @Override
+    protected BaseMapper<FollowUpPlanFieldBlob> getResourceFieldBlobMapper() {
+        return followUpPlanFieldBlobMapper;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/service/FollowUpPlanLogService.java b/backend/crm/src/main/java/cn/cordys/crm/follow/service/FollowUpPlanLogService.java
new file mode 100644
index 0000000..7bbc4ab
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/service/FollowUpPlanLogService.java
@@ -0,0 +1,81 @@
+package cn.cordys.crm.follow.service;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.dto.JsonDifferenceDTO;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.customer.domain.Customer;
+import cn.cordys.crm.system.service.BaseModuleLogService;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.text.SimpleDateFormat;
+import java.util.List;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class FollowUpPlanLogService extends BaseModuleLogService {
+
+    @Resource
+    private BaseMapper<Customer> customerMapper;
+
+    @Override
+    public List<JsonDifferenceDTO> handleLogField(List<JsonDifferenceDTO> differences, String orgId) {
+        differences = super.handleModuleLogField(differences, orgId, FormKey.FOLLOW_PLAN.getKey());
+
+        for (JsonDifferenceDTO differ : differences) {
+            if (Strings.CS.equals(differ.getColumn(), BusinessModuleField.FOLLOW_PLAN_CUSTOMER.getBusinessKey())) {
+                if (differ.getOldValue() != null) {
+                    Customer customer = customerMapper.selectByPrimaryKey(differ.getOldValue().toString());
+                    if (customer != null) {
+                        differ.setOldValueName(customer.getName());
+                    }
+                }
+                if (differ.getNewValue() != null) {
+                    Customer customer = customerMapper.selectByPrimaryKey(differ.getNewValue().toString());
+                    if (customer != null) {
+                        differ.setNewValueName(customer.getName());
+                    }
+                }
+                continue;
+            }
+
+            if (Strings.CS.equals(differ.getColumn(), BusinessModuleField.FOLLOW_PLAN_CLUE.getBusinessKey())) {
+                setClueName(differ);
+                continue;
+            }
+
+            if (Strings.CS.equals(differ.getColumn(), BusinessModuleField.FOLLOW_PLAN_CONTENT.getBusinessKey())) {
+                differ.setColumnName(Translator.get("log.follow_record_content"));
+                continue;
+            }
+
+            if (Strings.CS.equals(differ.getColumn(), BusinessModuleField.FOLLOW_PLAN_OWNER.getBusinessKey())) {
+                setUserFieldName(differ);
+                continue;
+            }
+
+            if (Strings.CS.equals(differ.getColumn(), BusinessModuleField.FOLLOW_PLAN_CONTACT.getBusinessKey())) {
+                setContactFieldName(differ);
+                continue;
+            }
+
+            if (Strings.CS.equals(differ.getColumn(), BusinessModuleField.FOLLOW_PLAN_ESTIMATED_TIME.getBusinessKey())) {
+                differ.setOldValueName(new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(Long.parseLong(differ.getOldValue().toString())));
+                differ.setNewValueName(new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(Long.parseLong(differ.getNewValue().toString())));
+                continue;
+            }
+
+
+            if (Strings.CS.equals(differ.getColumn(), BusinessModuleField.FOLLOW_PLAN_OPPORTUNITY.getBusinessKey())) {
+                setOpportunityName(differ);
+            }
+
+        }
+        return differences;
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/service/FollowUpPlanResourceAccessContextProvider.java b/backend/crm/src/main/java/cn/cordys/crm/follow/service/FollowUpPlanResourceAccessContextProvider.java
new file mode 100644
index 0000000..8ee3293
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/service/FollowUpPlanResourceAccessContextProvider.java
@@ -0,0 +1,46 @@
+package cn.cordys.crm.follow.service;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.permission.ResourceAccessContext;
+import cn.cordys.common.permission.ResourceAccessContextProvider;
+import cn.cordys.crm.follow.domain.FollowUpPlan;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Component;
+
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+
+@Component
+public class FollowUpPlanResourceAccessContextProvider implements ResourceAccessContextProvider {
+
+    @Resource
+    private BaseMapper<FollowUpPlan> followUpPlanMapper;
+
+    @Override
+    public String getFormType() {
+        return FormKey.FOLLOW_PLAN.getKey();
+    }
+
+    @Override
+    public ResourceAccessContext getAccessContext(String resourceId, String orgId) {
+        FollowUpPlan plan = followUpPlanMapper.selectByPrimaryKey(resourceId);
+        if (plan == null) {
+            return null;
+        }
+        ResourceAccessContext context = new ResourceAccessContext();
+        context.setOwnerId(plan.getOwner());
+        return context;
+    }
+
+    @Override
+    public Map<String, String> batchGetOwnerIds(List<String> resourceIds, String orgId) {
+        if (resourceIds == null || resourceIds.isEmpty()) {
+            return Map.of();
+        }
+        return followUpPlanMapper.selectByIds(resourceIds).stream()
+                .filter(plan -> plan.getOwner() != null)
+                .collect(Collectors.toMap(FollowUpPlan::getId, FollowUpPlan::getOwner, (a, b) -> a));
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/service/FollowUpPlanService.java b/backend/crm/src/main/java/cn/cordys/crm/follow/service/FollowUpPlanService.java
new file mode 100644
index 0000000..0fe11ee
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/service/FollowUpPlanService.java
@@ -0,0 +1,468 @@
+package cn.cordys.crm.follow.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.ModuleKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.dto.ResourceTabEnableDTO;
+import cn.cordys.common.dto.RolePermissionDTO;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.permission.PermissionCache;
+import cn.cordys.common.permission.PermissionUtils;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.crm.follow.constants.FollowUpPlanStatusType;
+import cn.cordys.crm.follow.constants.FollowUpPlanType;
+import cn.cordys.crm.follow.domain.FollowUpPlan;
+import cn.cordys.crm.follow.dto.CustomerDataDTO;
+import cn.cordys.crm.follow.dto.request.*;
+import cn.cordys.crm.follow.dto.response.FollowUpPlanDetailResponse;
+import cn.cordys.crm.follow.dto.response.FollowUpPlanListResponse;
+import cn.cordys.crm.follow.mapper.ExtFollowUpPlanMapper;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.dto.response.UserResponse;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.crm.system.service.ModuleFormService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+import java.util.stream.Stream;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class FollowUpPlanService extends BaseFollowUpService {
+
+    @Resource
+    private BaseMapper<FollowUpPlan> followUpPlanMapper;
+    @Resource
+    private FollowUpPlanFieldService followUpPlanFieldService;
+    @Resource
+    private ExtFollowUpPlanMapper extFollowUpPlanMapper;
+    @Resource
+    private BaseService baseService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private ModuleFormService moduleFormService;
+    @Resource
+    private PermissionCache permissionCache;
+
+    /**
+     * 新建跟进计划
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     *
+     * @return
+     */
+    public FollowUpPlan add(FollowUpPlanAddRequest request, String userId, String orgId) {
+        FollowUpPlan followUpPlan = BeanUtils.copyBean(new FollowUpPlan(), request);
+        followUpPlan.setCreateTime(System.currentTimeMillis());
+        followUpPlan.setUpdateTime(System.currentTimeMillis());
+        followUpPlan.setUpdateUser(userId);
+        followUpPlan.setCreateUser(userId);
+        followUpPlan.setId(IDGenerator.nextStr());
+        followUpPlan.setOrganizationId(orgId);
+        followUpPlan.setStatus(FollowUpPlanStatusType.PREPARED.name());
+        followUpPlan.setConverted(false);
+        if (StringUtils.isBlank(request.getOwner())) {
+            followUpPlan.setOwner(userId);
+        }
+        //保存自定义字段
+        followUpPlanFieldService.saveModuleField(followUpPlan, orgId, userId, request.getModuleFields(), false);
+        followUpPlanMapper.insert(followUpPlan);
+        return followUpPlan;
+    }
+
+
+    /**
+     * 更新跟进计划
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     *
+     * @return
+     */
+    @OperationLog(module = LogModule.FOLLOW_UP_PLAN, type = LogType.UPDATE, resourceId = "{#request.id}")
+    public FollowUpPlan update(FollowUpPlanUpdateRequest request, String userId, String orgId) {
+        FollowUpPlan followUpPlan = followUpPlanMapper.selectByPrimaryKey(request.getId());
+        Optional.ofNullable(followUpPlan).ifPresentOrElse(plan -> {
+            //更新跟进计划
+            FollowUpPlan newPlan = BeanUtils.copyBean(new FollowUpPlan(), plan);
+            FollowUpPlan updateFollowUpPlan = newPlan(newPlan, request, userId);
+            // 获取模块字段
+            List<BaseModuleFieldValue> originCustomerFields = followUpPlanFieldService.getModuleFieldValuesByResourceId(request.getId());
+            //更新模块字段
+            updateModuleField(updateFollowUpPlan, request.getModuleFields(), orgId, userId);
+            followUpPlanMapper.update(updateFollowUpPlan);
+            baseService.handleUpdateLog(followUpPlan, updateFollowUpPlan, originCustomerFields, request.getModuleFields(), followUpPlan.getId(), Translator.get("update_follow_up_plan"));
+        }, () -> {
+            throw new GenericException("plan_not_found");
+        });
+        return followUpPlan;
+    }
+
+    private void updateModuleField(FollowUpPlan followUpPlan, List<BaseModuleFieldValue> moduleFields, String orgId, String userId) {
+        if (moduleFields == null) {
+            // 如果为 null，则不更新
+            return;
+        }
+        // 先删除
+        followUpPlanFieldService.deleteByResourceId(followUpPlan.getId());
+        // 再保存
+        followUpPlanFieldService.saveModuleField(followUpPlan, orgId, userId, moduleFields, true);
+    }
+
+    private FollowUpPlan newPlan(FollowUpPlan plan, FollowUpPlanUpdateRequest request, String userId) {
+        plan.setCustomerId(request.getCustomerId());
+        plan.setOpportunityId(request.getOpportunityId());
+        plan.setType(request.getType());
+        plan.setClueId(request.getClueId());
+        plan.setOwner(request.getOwner());
+        plan.setContactId(request.getContactId());
+        plan.setContent(request.getContent());
+        plan.setMethod(request.getMethod());
+        plan.setEstimatedTime(request.getEstimatedTime());
+        plan.setUpdateTime(System.currentTimeMillis());
+        plan.setUpdateUser(userId);
+        plan.setConverted(request.getConverted());
+        return plan;
+    }
+
+
+    /**
+     * 跟进计划列表查询
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     * @param resourceType
+     * @param type
+     *
+     * @return
+     */
+    public PagerWithOption<List<FollowUpPlanListResponse>> list(FollowUpPlanPageRequest request, String userId, String orgId, String resourceType, String type) {
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        List<FollowUpPlanListResponse> list = extFollowUpPlanMapper.selectList(request, userId, orgId, resourceType, type, null);
+        List<FollowUpPlanListResponse> buildList = buildListData(list, orgId);
+        Map<String, List<OptionDTO>> optionMap = buildOptionMap(orgId, list, buildList);
+        return PageUtils.setPageInfoWithOption(page, buildList, optionMap);
+    }
+
+    /**
+     * 跟进计划汇总查询
+     *
+     * @param request                请求参数
+     * @param userId                 用户ID
+     * @param orgId                  组织ID
+     * @param clueDataPermission     线索数据权限
+     * @param customerDataPermission 客户数据权限
+     *
+     * @return 跟进计划汇总列表
+     */
+    public PagerWithOption<List<FollowUpPlanListResponse>> totalList(PlanHomePageRequest request, String userId, String orgId,
+                                                                     DeptDataPermissionDTO clueDataPermission, DeptDataPermissionDTO customerDataPermission) {
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        ConditionFilterUtils.parseCondition(request, FormKey.FOLLOW_PLAN.getKey());
+        List<FollowUpPlanListResponse> list = extFollowUpPlanMapper.selectTotalList(request, userId, orgId, clueDataPermission, customerDataPermission);
+        List<FollowUpPlanListResponse> buildList = buildListData(list, orgId);
+        Map<String, List<OptionDTO>> optionMap = buildOptionMap(orgId, list, buildList);
+        return PageUtils.setPageInfoWithOption(page, buildList, optionMap);
+    }
+
+
+    public Map<String, List<OptionDTO>> buildOptionMap(String orgId, List<FollowUpPlanListResponse> list, List<FollowUpPlanListResponse> buildList) {
+        // 处理自定义字段选项数据
+        ModuleFormConfigDTO customerFormConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.FOLLOW_PLAN.getKey(), orgId);
+        // 获取所有模块字段的值
+        List<BaseModuleFieldValue> moduleFieldValues = moduleFormService.getBaseModuleFieldValues(list, FollowUpPlanListResponse::getModuleFields);
+        // 获取选项值对应的 option
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(customerFormConfig, moduleFieldValues);
+
+        // 补充负责人选项
+        List<OptionDTO> ownerFieldOption = moduleFormService.getBusinessFieldOption(buildList,
+                FollowUpPlanListResponse::getOwner, FollowUpPlanListResponse::getOwnerName);
+        optionMap.put(BusinessModuleField.OPPORTUNITY_OWNER.getBusinessKey(), ownerFieldOption);
+
+        // 联系人
+        List<OptionDTO> contactFieldOption = moduleFormService.getBusinessFieldOption(buildList,
+                FollowUpPlanListResponse::getContactId, FollowUpPlanListResponse::getContactName);
+        optionMap.put(BusinessModuleField.OPPORTUNITY_CONTACT.getBusinessKey(), contactFieldOption);
+        return optionMap;
+    }
+
+    public List<FollowUpPlanListResponse> buildListData(List<FollowUpPlanListResponse> list, String orgId) {
+        List<String> ids = list.stream().map(FollowUpPlanListResponse::getId).toList();
+        Map<String, List<BaseModuleFieldValue>> resourceFieldMap = followUpPlanFieldService.getResourceFieldMap(ids, true);
+		Map<String, List<BaseModuleFieldValue>> resolveFvMap = followUpPlanFieldService.setBusinessRefFieldValue(list, moduleFormService.getFlattenFormFields(FormKey.FOLLOW_PLAN.getKey(), orgId), resourceFieldMap);
+
+        List<String> createUserIds = list.stream().map(FollowUpPlanListResponse::getCreateUser).toList();
+        List<String> updateUserIds = list.stream().map(FollowUpPlanListResponse::getUpdateUser).toList();
+        List<String> ownerIds = list.stream().map(FollowUpPlanListResponse::getOwner).toList();
+        List<String> userIds = Stream.of(createUserIds, updateUserIds, ownerIds)
+                .flatMap(Collection::stream)
+                .distinct()
+                .toList();
+        Map<String, String> userNameMap = baseService.getUserNameMap(userIds);
+
+        List<String> contactIds = list.stream().map(FollowUpPlanListResponse::getContactId).toList();
+        Map<String, String> contactMap = baseService.getContactMap(contactIds);
+        Map<String, String> contactPhoneMap = baseService.getContactPhone(contactIds);
+
+        Map<String, UserResponse> userDeptMap = baseService.getUserDepAndPhoneByUserIds(ownerIds, orgId);
+
+        List<String> customerIds = list.stream().map(FollowUpPlanListResponse::getCustomerId).toList();
+        Map<String, String> customerMap = baseService.getCustomerMap(customerIds);
+
+        List<String> opportunityIds = list.stream().map(FollowUpPlanListResponse::getOpportunityId).toList();
+        Map<String, String> opportunityMap = baseService.getOpportunityMap(opportunityIds);
+
+        List<String> clueIds = list.stream().map(FollowUpPlanListResponse::getClueId).toList();
+        Map<String, String> clueMap = baseService.getClueMap(clueIds);
+
+        list.forEach(planResponse -> {
+            // 获取自定义字段
+            List<BaseModuleFieldValue> planCustomerFields = resolveFvMap.get(planResponse.getId());
+            planResponse.setModuleFields(planCustomerFields);
+            planResponse.setCreateUserName(userNameMap.get(planResponse.getCreateUser()));
+            planResponse.setUpdateUserName(userNameMap.get(planResponse.getUpdateUser()));
+            planResponse.setOwnerName(userNameMap.get(planResponse.getOwner()));
+            planResponse.setContactName(contactMap.get(planResponse.getContactId()));
+            planResponse.setCustomerName(customerMap.get(planResponse.getCustomerId()));
+            planResponse.setOpportunityName(opportunityMap.get(planResponse.getOpportunityId()));
+            planResponse.setClueName(clueMap.get(planResponse.getClueId()));
+            planResponse.setPhone(contactPhoneMap.get(planResponse.getContactId()));
+            planResponse.setResourceType(planResponse.getType());
+
+            UserResponse userResponse = userDeptMap.get(planResponse.getOwner());
+            if (userResponse != null) {
+                planResponse.setDepartmentId(userResponse.getDepartmentId());
+                planResponse.setDepartmentName(userResponse.getDepartmentName());
+            }
+        });
+        return list;
+    }
+
+
+    /**
+     * 跟进计划详情
+     *
+     * @param id
+     *
+     * @return
+     */
+    public FollowUpPlanDetailResponse get(String id, String orgId) {
+        FollowUpPlan followUpPlan = followUpPlanMapper.selectByPrimaryKey(id);
+        FollowUpPlanDetailResponse response = BeanUtils.copyBean(new FollowUpPlanDetailResponse(), followUpPlan);
+        List<FollowUpPlanListResponse> buildList = buildListData(List.of(response), orgId);
+
+        ModuleFormConfigDTO customerFormConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.FOLLOW_PLAN.getKey(), orgId);
+        // 获取所有模块字段的值
+        List<BaseModuleFieldValue> moduleFieldValues = moduleFormService.getBaseModuleFieldValues(List.of(response), FollowUpPlanDetailResponse::getModuleFields);
+		moduleFieldValues = followUpPlanFieldService.setBusinessRefFieldValue(List.of(response),
+				moduleFormService.getFlattenFormFields(FormKey.FOLLOW_PLAN.getKey(), followUpPlan.getOrganizationId()), new HashMap<>(Map.of(id, moduleFieldValues))).get(id);
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(customerFormConfig, moduleFieldValues);
+
+        // 补充负责人选项
+        List<OptionDTO> ownerFieldOption = moduleFormService.getBusinessFieldOption(buildList,
+                FollowUpPlanListResponse::getOwner, FollowUpPlanListResponse::getOwnerName);
+        optionMap.put(BusinessModuleField.FOLLOW_PLAN_OWNER.getBusinessKey(), ownerFieldOption);
+
+        // 联系人
+        List<OptionDTO> contactFieldOption = moduleFormService.getBusinessFieldOption(buildList,
+                FollowUpPlanListResponse::getContactId, FollowUpPlanListResponse::getContactName);
+        optionMap.put(BusinessModuleField.FOLLOW_PLAN_CONTACT.getBusinessKey(), contactFieldOption);
+
+        //客户
+        List<OptionDTO> customerOption = moduleFormService.getBusinessFieldOption(buildList,
+                FollowUpPlanListResponse::getCustomerId, FollowUpPlanListResponse::getCustomerName);
+        optionMap.put(BusinessModuleField.FOLLOW_PLAN_CUSTOMER.getBusinessKey(), customerOption);
+
+        //商机
+        List<OptionDTO> opportunityOption = moduleFormService.getBusinessFieldOption(buildList,
+                FollowUpPlanListResponse::getOpportunityId, FollowUpPlanListResponse::getOpportunityName);
+        optionMap.put(BusinessModuleField.FOLLOW_PLAN_OPPORTUNITY.getBusinessKey(), opportunityOption);
+
+        //线索
+        List<OptionDTO> clueOption = moduleFormService.getBusinessFieldOption(buildList,
+                FollowUpPlanListResponse::getClueId, FollowUpPlanListResponse::getClueName);
+        optionMap.put(BusinessModuleField.FOLLOW_PLAN_CLUE.getBusinessKey(), clueOption);
+
+
+        response.setOptionMap(optionMap);
+
+        // 附件信息
+        response.setAttachmentMap(moduleFormService.getAttachmentMap(customerFormConfig, moduleFieldValues));
+        return response;
+    }
+
+
+    /**
+     * 取消跟进计划
+     *
+     * @param id
+     */
+    @OperationLog(module = LogModule.FOLLOW_UP_PLAN, type = LogType.CANCEL, resourceId = "{#id}")
+    public void cancelPlan(String id, String operator) {
+        FollowUpPlan followUpPlan = followUpPlanMapper.selectByPrimaryKey(id);
+        if (followUpPlan == null) {
+            throw new GenericException("plan_not_found");
+        }
+        //检查跟进计划是否可以取消,如果是已完成，并且已转记录的跟进计划，则不允许取消
+        if (followUpPlan.getStatus().equals(FollowUpPlanStatusType.COMPLETED.name()) && followUpPlan.getConverted()) {
+            return;
+        }
+        FollowUpPlan plan = new FollowUpPlan();
+        plan.setId(followUpPlan.getId());
+        plan.setStatus(FollowUpPlanStatusType.CANCELLED.name());
+        plan.setUpdateUser(operator);
+        plan.setUpdateTime(System.currentTimeMillis());
+        followUpPlanMapper.updateById(plan);
+        OperationLogContext.setResourceName(Translator.get("cancel_follow_up_plan"));
+    }
+
+
+    /**
+     * 删除跟进计划
+     *
+     * @param id
+     */
+    @OperationLog(module = LogModule.FOLLOW_UP_PLAN, type = LogType.DELETE, resourceId = "{#id}")
+    public void delete(String id) {
+        FollowUpPlan followUpPlan = followUpPlanMapper.selectByPrimaryKey(id);
+        if (followUpPlan == null) {
+            throw new GenericException("plan_not_found");
+        }
+        deleteByIds(List.of(id));
+
+        // 设置操作对象
+        OperationLogContext.setResourceName(Translator.get("delete_follow_up_plan"));
+    }
+
+
+    /**
+     * 更新状态
+     *
+     * @param request
+     * @param userId
+     */
+    public void updateStatus(FollowUpPlanStatusRequest request, String userId) {
+        //检查跟进计划是否可以更新状态,如果是已完成，并且已转记录的跟进计划，则不允许更新状态
+        FollowUpPlan followUpPlan = followUpPlanMapper.selectByPrimaryKey(request.getId());
+        if (followUpPlan == null) {
+            throw new GenericException("plan_not_found");
+        }
+        if (followUpPlan.getStatus().equals(FollowUpPlanStatusType.COMPLETED.name()) && followUpPlan.getConverted()) {
+            return;
+        }
+        followUpPlan = new FollowUpPlan();
+        followUpPlan.setStatus(request.getStatus());
+        followUpPlan.setId(request.getId());
+        followUpPlan.setUpdateUser(userId);
+        followUpPlan.setUpdateTime(System.currentTimeMillis());
+        followUpPlanMapper.update(followUpPlan);
+    }
+
+    public void deleteByCustomerIds(List<String> customerIds) {
+        if (CollectionUtils.isEmpty(customerIds)) {
+            return;
+        }
+        List<String> ids = getByCustomerIds(customerIds)
+                .stream()
+                .map(FollowUpPlan::getId)
+                .toList();
+        deleteByIds(ids);
+    }
+
+    private void deleteByIds(List<String> ids) {
+        if (ids.isEmpty()) {
+            return;
+        }
+        followUpPlanFieldService.deleteByResourceIds(ids);
+        followUpPlanMapper.deleteByIds(ids);
+    }
+
+    private List<FollowUpPlan> getByCustomerIds(List<String> customerIds) {
+        LambdaQueryWrapper<FollowUpPlan> queryWrapper = new LambdaQueryWrapper<>();
+        queryWrapper.in(FollowUpPlan::getCustomerId, customerIds);
+        return followUpPlanMapper.selectListByLambda(queryWrapper);
+    }
+
+    private List<FollowUpPlan> getByClueIds(List<String> clueIds) {
+        LambdaQueryWrapper<FollowUpPlan> queryWrapper = new LambdaQueryWrapper<>();
+        queryWrapper.in(FollowUpPlan::getClueId, clueIds);
+        queryWrapper.eq(FollowUpPlan::getType, FollowUpPlanType.CLUE.name());
+        return followUpPlanMapper.selectListByLambda(queryWrapper);
+    }
+
+    public void deleteByClueIds(List<String> clueIds) {
+        if (CollectionUtils.isEmpty(clueIds)) {
+            return;
+        }
+        List<String> ids = getByClueIds(clueIds)
+                .stream()
+                .map(FollowUpPlan::getId)
+                .toList();
+        deleteByIds(ids);
+    }
+
+    /**
+     * 获取跟进计划对应数据权限配置
+     *
+     * @param currentUser    当前用户ID
+     * @param organizationId 组织ID
+     *
+     * @return 数据权限配置
+     */
+    public ResourceTabEnableDTO getTabEnableConfig(String currentUser, String organizationId) {
+        List<RolePermissionDTO> rolePermissions = permissionCache.getRolePermissions(currentUser, organizationId);
+        // 由于统一的记录/计划页面会展示多个业务模块的数据，因此需要合并多个数据权限, 展示范围更大的数据权限配置
+        ResourceTabEnableDTO clueTabConfig = PermissionUtils.getTabEnableConfig(currentUser, PermissionConstants.CLUE_MANAGEMENT_READ, rolePermissions);
+        ResourceTabEnableDTO customerTabConfig = PermissionUtils.getTabEnableConfig(currentUser, PermissionConstants.CUSTOMER_MANAGEMENT_READ, rolePermissions);
+        return clueTabConfig.or(customerTabConfig);
+    }
+
+    /**
+     * 拦截跟进记录的操作权限
+     *
+     * @param id    记录ID
+     * @param orgId 组织ID
+     */
+    public void checkPlanPermission(String id, String orgId) {
+        FollowUpPlanDetailResponse planDetail = get(id, orgId);
+        boolean hasPermission;
+        if (Strings.CS.equals(planDetail.getType(), ModuleKey.CLUE.name())) {
+            hasPermission = PermissionUtils.hasPermission(PermissionConstants.CLUE_MANAGEMENT_UPDATE);
+        } else if (StringUtils.isNotEmpty(planDetail.getOpportunityId())) {
+            hasPermission = PermissionUtils.hasPermission(PermissionConstants.OPPORTUNITY_MANAGEMENT_UPDATE);
+        } else {
+            hasPermission = PermissionUtils.hasPermission(PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE);
+        }
+        if (!hasPermission) {
+            throw new GenericException(Translator.get("no.operation.permission"));
+        }
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/service/FollowUpRecordFieldService.java b/backend/crm/src/main/java/cn/cordys/crm/follow/service/FollowUpRecordFieldService.java
new file mode 100644
index 0000000..a76b06c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/service/FollowUpRecordFieldService.java
@@ -0,0 +1,38 @@
+package cn.cordys.crm.follow.service;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.service.BaseResourceFieldService;
+import cn.cordys.crm.follow.domain.FollowUpRecordField;
+import cn.cordys.crm.follow.domain.FollowUpRecordFieldBlob;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class FollowUpRecordFieldService extends BaseResourceFieldService<FollowUpRecordField, FollowUpRecordFieldBlob> {
+    @Resource
+    private BaseMapper<FollowUpRecordField> followUpRecordFieldMapper;
+    @Resource
+    private BaseMapper<FollowUpRecordFieldBlob> followUpRecordFieldBlobMapper;
+
+    @Override
+    protected String getFormKey() {
+        return FormKey.FOLLOW_RECORD.getKey();
+    }
+
+    @Override
+    protected BaseMapper<FollowUpRecordField> getResourceFieldMapper() {
+        return followUpRecordFieldMapper;
+    }
+
+    @Override
+    protected BaseMapper<FollowUpRecordFieldBlob> getResourceFieldBlobMapper() {
+        return followUpRecordFieldBlobMapper;
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/service/FollowUpRecordLogService.java b/backend/crm/src/main/java/cn/cordys/crm/follow/service/FollowUpRecordLogService.java
new file mode 100644
index 0000000..309fc75
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/service/FollowUpRecordLogService.java
@@ -0,0 +1,73 @@
+package cn.cordys.crm.follow.service;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.dto.JsonDifferenceDTO;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.customer.domain.Customer;
+import cn.cordys.crm.system.service.BaseModuleLogService;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.text.SimpleDateFormat;
+import java.util.List;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class FollowUpRecordLogService extends BaseModuleLogService {
+
+    @Resource
+    private BaseMapper<Customer> customerMapper;
+
+    @Override
+    public List<JsonDifferenceDTO> handleLogField(List<JsonDifferenceDTO> differences, String orgId) {
+        differences = super.handleModuleLogField(differences, orgId, FormKey.FOLLOW_RECORD.getKey());
+
+        for (JsonDifferenceDTO differ : differences) {
+            if (Strings.CS.equals(differ.getColumn(), BusinessModuleField.FOLLOW_RECORD_CUSTOMER.getBusinessKey())) {
+                if (differ.getOldValue() != null) {
+                    Customer customer = customerMapper.selectByPrimaryKey(differ.getOldValue().toString());
+                    if (customer != null) {
+                        differ.setOldValueName(customer.getName());
+                    }
+                }
+                if (differ.getNewValue() != null) {
+                    Customer customer = customerMapper.selectByPrimaryKey(differ.getNewValue().toString());
+                    if (customer != null) {
+                        differ.setNewValueName(customer.getName());
+                    }
+                }
+                continue;
+            }
+
+            if (Strings.CS.equals(differ.getColumn(), BusinessModuleField.FOLLOW_RECORD_CLUE.getBusinessKey())) {
+                setClueName(differ);
+                continue;
+            }
+
+            if (Strings.CS.equals(differ.getColumn(), BusinessModuleField.FOLLOW_RECORD_CONTENT.getBusinessKey())) {
+                differ.setColumnName(Translator.get("log.follow_record_content"));
+                continue;
+            }
+
+            if (Strings.CS.equals(differ.getColumn(), BusinessModuleField.FOLLOW_RECORD_OWNER.getBusinessKey())) {
+                setUserFieldName(differ);
+                continue;
+            }
+
+            if (Strings.CS.equals(differ.getColumn(), BusinessModuleField.FOLLOW_RECORD_CONTACT.getBusinessKey())) {
+                setContactFieldName(differ);
+                continue;
+            }
+
+            if (Strings.CS.equals(differ.getColumn(), BusinessModuleField.FOLLOW_RECORD_OPPORTUNITY.getBusinessKey())) {
+                setOpportunityName(differ);
+            }
+        }
+        return differences;
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/service/FollowUpRecordResourceAccessContextProvider.java b/backend/crm/src/main/java/cn/cordys/crm/follow/service/FollowUpRecordResourceAccessContextProvider.java
new file mode 100644
index 0000000..aa7f209
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/service/FollowUpRecordResourceAccessContextProvider.java
@@ -0,0 +1,46 @@
+package cn.cordys.crm.follow.service;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.permission.ResourceAccessContext;
+import cn.cordys.common.permission.ResourceAccessContextProvider;
+import cn.cordys.crm.follow.domain.FollowUpRecord;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Component;
+
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+
+@Component
+public class FollowUpRecordResourceAccessContextProvider implements ResourceAccessContextProvider {
+
+    @Resource
+    private BaseMapper<FollowUpRecord> followUpRecordMapper;
+
+    @Override
+    public String getFormType() {
+        return FormKey.FOLLOW_RECORD.getKey();
+    }
+
+    @Override
+    public ResourceAccessContext getAccessContext(String resourceId, String orgId) {
+        FollowUpRecord record = followUpRecordMapper.selectByPrimaryKey(resourceId);
+        if (record == null) {
+            return null;
+        }
+        ResourceAccessContext context = new ResourceAccessContext();
+        context.setOwnerId(record.getOwner());
+        return context;
+    }
+
+    @Override
+    public Map<String, String> batchGetOwnerIds(List<String> resourceIds, String orgId) {
+        if (resourceIds == null || resourceIds.isEmpty()) {
+            return Map.of();
+        }
+        return followUpRecordMapper.selectByIds(resourceIds).stream()
+                .filter(record -> record.getOwner() != null)
+                .collect(Collectors.toMap(FollowUpRecord::getId, FollowUpRecord::getOwner, (a, b) -> a));
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/follow/service/FollowUpRecordService.java b/backend/crm/src/main/java/cn/cordys/crm/follow/service/FollowUpRecordService.java
new file mode 100644
index 0000000..482d84d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/follow/service/FollowUpRecordService.java
@@ -0,0 +1,580 @@
+package cn.cordys.crm.follow.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.ModuleKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.dto.ResourceTabEnableDTO;
+import cn.cordys.common.dto.RolePermissionDTO;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.permission.PermissionCache;
+import cn.cordys.common.permission.PermissionUtils;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.clue.domain.Clue;
+import cn.cordys.crm.customer.domain.Customer;
+import cn.cordys.crm.follow.constants.FollowUpPlanType;
+import cn.cordys.crm.follow.domain.FollowUpRecord;
+import cn.cordys.crm.follow.dto.CustomerDataDTO;
+import cn.cordys.crm.follow.dto.request.FollowUpRecordAddRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpRecordPageRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpRecordUpdateRequest;
+import cn.cordys.crm.follow.dto.request.RecordHomePageRequest;
+import cn.cordys.crm.follow.dto.response.FollowUpRecordDetailResponse;
+import cn.cordys.crm.follow.dto.response.FollowUpRecordListResponse;
+import cn.cordys.crm.follow.mapper.ExtFollowUpRecordMapper;
+import cn.cordys.crm.opportunity.domain.Opportunity;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.dto.response.UserResponse;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.crm.system.service.ModuleFormService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+import java.util.stream.Stream;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class FollowUpRecordService extends BaseFollowUpService {
+    @Resource
+    private BaseMapper<FollowUpRecord> followUpRecordMapper;
+    @Resource
+    private FollowUpRecordFieldService followUpRecordFieldService;
+    @Resource
+    private ExtFollowUpRecordMapper extFollowUpRecordMapper;
+    @Resource
+    private BaseService baseService;
+    @Resource
+    private BaseMapper<Customer> customerMapper;
+    @Resource
+    private BaseMapper<Opportunity> opportunityMapper;
+    @Resource
+    private BaseMapper<Clue> clueMapper;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private ModuleFormService moduleFormService;
+    @Resource
+    private PermissionCache permissionCache;
+
+    /**
+     * 添加跟进记录
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     *
+     * @return
+     */
+    public FollowUpRecord add(FollowUpRecordAddRequest request, String userId, String orgId) {
+        FollowUpRecord followUpRecord = BeanUtils.copyBean(new FollowUpRecord(), request);
+        long time = System.currentTimeMillis();
+        followUpRecord.setCreateTime(time);
+        followUpRecord.setUpdateTime(time);
+        followUpRecord.setUpdateUser(userId);
+        followUpRecord.setCreateUser(userId);
+        followUpRecord.setId(IDGenerator.nextStr());
+        followUpRecord.setOrganizationId(orgId);
+        if (StringUtils.isBlank(request.getOwner())) {
+            followUpRecord.setOwner(userId);
+        }
+
+        //保存自定义字段
+        followUpRecordFieldService.saveModuleField(followUpRecord, orgId, userId, request.getModuleFields(), false);
+
+        followUpRecordMapper.insert(followUpRecord);
+
+        handleFollowTimeAndFollower(request.getCustomerId(), request.getOpportunityId(), request.getClueId(), request.getFollowTime(), request.getOwner());
+        return followUpRecord;
+    }
+
+
+    /**
+     * 处理最新跟进使时间&最新跟进人
+     *
+     * @param customerId
+     * @param opportunityId
+     * @param clueId
+     * @param followTime
+     * @param owner
+     */
+    private void handleFollowTimeAndFollower(String customerId, String opportunityId, String clueId, Long followTime, String owner) {
+        if (StringUtils.isNotBlank(customerId)) {
+            Customer customer = new Customer();
+            customer.setId(customerId);
+            customer.setFollowTime(followTime);
+            customer.setFollower(owner);
+            customerMapper.update(customer);
+        }
+
+        if (StringUtils.isNotBlank(opportunityId)) {
+            Opportunity opportunity = new Opportunity();
+            opportunity.setId(opportunityId);
+            opportunity.setFollowTime(followTime);
+            opportunity.setFollower(owner);
+            opportunityMapper.update(opportunity);
+        }
+
+        if (StringUtils.isNotBlank(clueId)) {
+            Clue clue = new Clue();
+            clue.setId(clueId);
+            clue.setFollowTime(followTime);
+            clue.setFollower(owner);
+            clueMapper.update(clue);
+        }
+    }
+
+
+    /**
+     * 更新跟进记录
+     *
+     * @param request
+     * @param userId
+     *
+     * @return
+     */
+    @OperationLog(module = LogModule.FOLLOW_UP_RECORD, type = LogType.UPDATE, resourceId = "{#request.id}")
+    public FollowUpRecord update(FollowUpRecordUpdateRequest request, String userId, String orgId) {
+        FollowUpRecord followUpRecord = followUpRecordMapper.selectByPrimaryKey(request.getId());
+        Optional.ofNullable(followUpRecord).ifPresentOrElse(record -> {
+            //更新跟进记录
+            FollowUpRecord newRecord = BeanUtils.copyBean(new FollowUpRecord(), record);
+            FollowUpRecord updateFollowUpRecord = newRecord(newRecord, request, userId);
+            // 获取模块字段
+            List<BaseModuleFieldValue> originCustomerFields = followUpRecordFieldService.getModuleFieldValuesByResourceId(request.getId());
+            //更新模块字段
+            updateModuleField(updateFollowUpRecord, request.getModuleFields(), orgId, userId);
+            followUpRecordMapper.update(updateFollowUpRecord);
+            handleFollowTimeAndFollower(updateFollowUpRecord.getCustomerId(), updateFollowUpRecord.getOpportunityId(), updateFollowUpRecord.getClueId(), updateFollowUpRecord.getFollowTime(), updateFollowUpRecord.getOwner());
+            baseService.handleUpdateLog(followUpRecord, updateFollowUpRecord, originCustomerFields, request.getModuleFields(), followUpRecord.getId(), Translator.get("update_follow_up_record"));
+        }, () -> {
+            throw new GenericException("record_not_found");
+        });
+
+        return followUpRecord;
+    }
+
+    private void updateModuleField(FollowUpRecord updateFollowUpRecord, List<BaseModuleFieldValue> moduleFields, String orgId, String userId) {
+        if (moduleFields == null) {
+            // 如果为 null，则不更新
+            return;
+        }
+        // 先删除
+        followUpRecordFieldService.deleteByResourceId(updateFollowUpRecord.getId());
+        // 再保存
+        followUpRecordFieldService.saveModuleField(updateFollowUpRecord, orgId, userId, moduleFields, true);
+    }
+
+
+    private FollowUpRecord newRecord(FollowUpRecord record, FollowUpRecordUpdateRequest request, String userId) {
+        record.setCustomerId(request.getCustomerId());
+        record.setOpportunityId(request.getOpportunityId());
+        record.setType(request.getType());
+        record.setClueId(request.getClueId());
+        record.setOwner(request.getOwner());
+        record.setContactId(request.getContactId());
+        record.setFollowTime(request.getFollowTime());
+        record.setFollowMethod(request.getFollowMethod());
+        record.setContent(request.getContent());
+        record.setUpdateTime(System.currentTimeMillis());
+        record.setUpdateUser(userId);
+        return record;
+    }
+
+
+    /**
+     * 池/公海 跟进记录列表查询
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     * @param resourceType
+     * @param type
+     *
+     * @return
+     */
+    public PagerWithOption<List<FollowUpRecordListResponse>> poolList(FollowUpRecordPageRequest request, String userId, String orgId, String resourceType, String type) {
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        List<FollowUpRecordListResponse> list = extFollowUpRecordMapper.selectPoolList(request, userId, orgId, resourceType, type);
+        buildListData(list, orgId);
+
+        // 处理自定义字段选项数据
+        ModuleFormConfigDTO customerFormConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.FOLLOW_RECORD.getKey(), orgId);
+        // 获取所有模块字段的值
+        List<BaseModuleFieldValue> moduleFieldValues = moduleFormService.getBaseModuleFieldValues(list, FollowUpRecordListResponse::getModuleFields);
+        // 获取选项值对应的 option
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(customerFormConfig, moduleFieldValues);
+
+        // 补充负责人选项
+        List<OptionDTO> ownerFieldOption = moduleFormService.getBusinessFieldOption(list,
+                FollowUpRecordListResponse::getOwner, FollowUpRecordListResponse::getOwnerName);
+        optionMap.put(BusinessModuleField.OPPORTUNITY_OWNER.getBusinessKey(), ownerFieldOption);
+
+        // 联系人
+        List<OptionDTO> contactFieldOption = moduleFormService.getBusinessFieldOption(list,
+                FollowUpRecordListResponse::getContactId, FollowUpRecordListResponse::getContactName);
+        optionMap.put(BusinessModuleField.OPPORTUNITY_CONTACT.getBusinessKey(), contactFieldOption);
+
+        return PageUtils.setPageInfoWithOption(page, list, optionMap);
+    }
+
+    private void buildListData(List<FollowUpRecordListResponse> list, String orgId) {
+        List<String> ids = list.stream().map(FollowUpRecordListResponse::getId).toList();
+        Map<String, List<BaseModuleFieldValue>> recordCustomFieldMap = followUpRecordFieldService.getResourceFieldMap(ids, true);
+		Map<String, List<BaseModuleFieldValue>> resolveFvMap = followUpRecordFieldService.setBusinessRefFieldValue(list, moduleFormService.getFlattenFormFields(FormKey.FOLLOW_RECORD.getKey(), orgId), recordCustomFieldMap);
+
+
+		List<String> createUserIds = list.stream().map(FollowUpRecordListResponse::getCreateUser).toList();
+        List<String> updateUserIds = list.stream().map(FollowUpRecordListResponse::getUpdateUser).toList();
+        List<String> ownerIds = list.stream().map(FollowUpRecordListResponse::getOwner).toList();
+        List<String> userIds = Stream.of(createUserIds, updateUserIds, ownerIds)
+                .flatMap(Collection::stream)
+                .distinct()
+                .toList();
+        Map<String, String> userNameMap = baseService.getUserNameMap(userIds);
+
+        List<String> contactIds = list.stream().map(FollowUpRecordListResponse::getContactId).toList();
+        Map<String, String> contactMap = baseService.getContactMap(contactIds);
+        Map<String, String> contactPhoneMap = baseService.getContactPhone(contactIds);
+
+        Map<String, UserResponse> userDeptMap = baseService.getUserDepAndPhoneByUserIds(ownerIds, orgId);
+
+        List<String> customerIds = list.stream().map(FollowUpRecordListResponse::getCustomerId).toList();
+        Map<String, String> customerMap = baseService.getCustomerMap(customerIds);
+
+        List<String> opportunityIds = list.stream().map(FollowUpRecordListResponse::getOpportunityId).toList();
+        Map<String, String> opportunityMap = baseService.getOpportunityMap(opportunityIds);
+
+        List<String> clueIds = list.stream().map(FollowUpRecordListResponse::getClueId).toList();
+        Map<String, String> clueMap = baseService.getClueMap(clueIds);
+
+        list.forEach(recordListResponse -> {
+            // 获取自定义字段
+            List<BaseModuleFieldValue> customerFields = resolveFvMap.get(recordListResponse.getId());
+            recordListResponse.setModuleFields(customerFields);
+
+            recordListResponse.setCreateUserName(userNameMap.get(recordListResponse.getCreateUser()));
+            recordListResponse.setUpdateUserName(userNameMap.get(recordListResponse.getUpdateUser()));
+            recordListResponse.setOwnerName(userNameMap.get(recordListResponse.getOwner()));
+            recordListResponse.setContactName(contactMap.get(recordListResponse.getContactId()));
+            recordListResponse.setCustomerName(customerMap.get(recordListResponse.getCustomerId()));
+            recordListResponse.setOpportunityName(opportunityMap.get(recordListResponse.getOpportunityId()));
+            recordListResponse.setClueName(clueMap.get(recordListResponse.getClueId()));
+            recordListResponse.setPhone(contactPhoneMap.get(recordListResponse.getContactId()));
+            recordListResponse.setResourceType(recordListResponse.getType());
+
+            UserResponse userResponse = userDeptMap.get(recordListResponse.getOwner());
+            if (userResponse != null) {
+                recordListResponse.setDepartmentId(userResponse.getDepartmentId());
+                recordListResponse.setDepartmentName(userResponse.getDepartmentName());
+            }
+        });
+    }
+
+
+    /**
+     * 获取跟进记录详情
+     *
+     * @param id
+     *
+     * @return
+     */
+    public FollowUpRecordDetailResponse get(String id, String orgId) {
+        FollowUpRecord followUpRecord = followUpRecordMapper.selectByPrimaryKey(id);
+        if (followUpRecord == null) {
+            throw new GenericException(Translator.get("record_not_found"));
+        }
+        FollowUpRecordDetailResponse response = BeanUtils.copyBean(new FollowUpRecordDetailResponse(), followUpRecord);
+        buildListData(List.of(response), orgId);
+
+        ModuleFormConfigDTO customerFormConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.FOLLOW_RECORD.getKey(), orgId);
+        // 获取所有模块字段的值
+        List<BaseModuleFieldValue> moduleFieldValues = moduleFormService.getBaseModuleFieldValues(List.of(response), FollowUpRecordDetailResponse::getModuleFields);
+		moduleFieldValues = followUpRecordFieldService.setBusinessRefFieldValue(List.of(response),
+				moduleFormService.getFlattenFormFields(FormKey.FOLLOW_RECORD.getKey(), followUpRecord.getOrganizationId()), new HashMap<>(Map.of(id, moduleFieldValues))).get(id);
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(customerFormConfig, moduleFieldValues);
+
+        // 补充负责人选项
+        List<OptionDTO> ownerFieldOption = moduleFormService.getBusinessFieldOption(response,
+                FollowUpRecordDetailResponse::getOwner, FollowUpRecordDetailResponse::getOwnerName);
+        optionMap.put(BusinessModuleField.FOLLOW_RECORD_OWNER.getBusinessKey(), ownerFieldOption);
+
+        // 联系人
+        List<OptionDTO> contactFieldOption = moduleFormService.getBusinessFieldOption(response,
+                FollowUpRecordDetailResponse::getContactId, FollowUpRecordDetailResponse::getContactName);
+        optionMap.put(BusinessModuleField.FOLLOW_RECORD_CONTACT.getBusinessKey(), contactFieldOption);
+
+        //客户
+        List<OptionDTO> customerOption = moduleFormService.getBusinessFieldOption(response,
+                FollowUpRecordDetailResponse::getCustomerId, FollowUpRecordDetailResponse::getCustomerName);
+        optionMap.put(BusinessModuleField.FOLLOW_RECORD_CUSTOMER.getBusinessKey(), customerOption);
+
+        //商机
+        List<OptionDTO> opportunityOption = moduleFormService.getBusinessFieldOption(response,
+                FollowUpRecordDetailResponse::getOpportunityId, FollowUpRecordDetailResponse::getOpportunityName);
+        optionMap.put(BusinessModuleField.FOLLOW_RECORD_OPPORTUNITY.getBusinessKey(), opportunityOption);
+
+        //线索
+        List<OptionDTO> clueOption = moduleFormService.getBusinessFieldOption(response,
+                FollowUpRecordDetailResponse::getClueId, FollowUpRecordDetailResponse::getClueName);
+        optionMap.put(BusinessModuleField.FOLLOW_RECORD_CLUE.getBusinessKey(), clueOption);
+
+        response.setOptionMap(optionMap);
+
+        // 附件信息
+        response.setAttachmentMap(moduleFormService.getAttachmentMap(customerFormConfig, moduleFieldValues));
+        return response;
+    }
+
+
+    /**
+     * 跟进记录
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     * @param resourceType
+     * @param type
+     *
+     * @return
+     */
+    public PagerWithOption<List<FollowUpRecordListResponse>> list(FollowUpRecordPageRequest request, String userId, String orgId, String resourceType, String type) {
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        List<FollowUpRecordListResponse> list = extFollowUpRecordMapper.selectList(request, userId, orgId, resourceType, type);
+        buildListData(list, orgId);
+        Map<String, List<OptionDTO>> optionMap = buildOptionMap(orgId, list);
+        return PageUtils.setPageInfoWithOption(page, list, optionMap);
+    }
+
+    /**
+     * 跟进记录的汇总列表
+     *
+     * @param request                请求参数
+     * @param userId                 用户ID
+     * @param orgId                  组织ID
+     * @param clueDataPermission     线索业务数据权限
+     * @param customerDataPermission 客户业务数据权限
+     *
+     * @return 记录的汇总列表
+     */
+    public PagerWithOption<List<FollowUpRecordListResponse>> totalList(RecordHomePageRequest request, String userId, String orgId,
+                                                                       DeptDataPermissionDTO clueDataPermission, DeptDataPermissionDTO customerDataPermission) {
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        // 解析当前用户数据权限
+        List<FollowUpRecordListResponse> recordList = extFollowUpRecordMapper.selectTotalList(request, userId, orgId, clueDataPermission, customerDataPermission);
+        buildListData(recordList, orgId);
+        Map<String, List<OptionDTO>> optionMap = buildOptionMap(orgId, recordList);
+        return PageUtils.setPageInfoWithOption(page, recordList, optionMap);
+    }
+
+    /**
+     * 处理选项数据
+     *
+     * @param orgId      组织ID
+     * @param recordList 记录列表
+     *
+     * @return 选项集合
+     */
+    public Map<String, List<OptionDTO>> buildOptionMap(String orgId, List<FollowUpRecordListResponse> recordList) {
+        // 处理自定义字段选项数据
+        ModuleFormConfigDTO customerFormConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.FOLLOW_RECORD.getKey(), orgId);
+        // 获取所有模块字段的值
+        List<BaseModuleFieldValue> moduleFieldValues = moduleFormService.getBaseModuleFieldValues(recordList, FollowUpRecordListResponse::getModuleFields);
+        // 获取选项值对应的 option
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(customerFormConfig, moduleFieldValues);
+        // 补充负责人选项
+        List<OptionDTO> ownerFieldOption = moduleFormService.getBusinessFieldOption(recordList,
+                FollowUpRecordListResponse::getOwner, FollowUpRecordListResponse::getOwnerName);
+        optionMap.put(BusinessModuleField.OPPORTUNITY_OWNER.getBusinessKey(), ownerFieldOption);
+        // 联系人
+        List<OptionDTO> contactFieldOption = moduleFormService.getBusinessFieldOption(recordList,
+                FollowUpRecordListResponse::getContactId, FollowUpRecordListResponse::getContactName);
+        optionMap.put(BusinessModuleField.OPPORTUNITY_CONTACT.getBusinessKey(), contactFieldOption);
+        return optionMap;
+    }
+
+
+    /**
+     * 删除跟进记录
+     *
+     * @param id
+     */
+    @OperationLog(module = LogModule.FOLLOW_UP_RECORD, type = LogType.DELETE, resourceId = "{#id}")
+    public void delete(String id) {
+        FollowUpRecord followUpRecord = followUpRecordMapper.selectByPrimaryKey(id);
+        if (followUpRecord == null) {
+            throw new GenericException("record_not_found");
+        }
+        deleteByIds(List.of(id));
+
+        getFollowTimeAndFollower(followUpRecord);
+
+        // 设置操作对象
+        OperationLogContext.setResourceName(Translator.get("delete_follow_up_record"));
+    }
+
+    /**
+     * 删除跟进记录，更新客户/商机/线索的最新跟进时间和跟进人
+     *
+     * @param followUpRecord
+     */
+    private void getFollowTimeAndFollower(FollowUpRecord followUpRecord) {
+        switch (followUpRecord.getType()) {
+            case "CUSTOMER" -> updateCustomerOrOpportunity(followUpRecord);
+            case "CLUE" -> updateClue(followUpRecord);
+            default -> {
+            }
+        }
+    }
+
+    /**
+     * 跟新线索的最新跟进时间和跟进人
+     *
+     * @param followUpRecord
+     */
+    private void updateClue(FollowUpRecord followUpRecord) {
+        if (StringUtils.isNotBlank(followUpRecord.getClueId())) {
+            FollowUpRecord record = extFollowUpRecordMapper.selectRecord(null, null, followUpRecord.getClueId(), followUpRecord.getOrganizationId(), "CLUE");
+            Optional.ofNullable(record).ifPresent(r -> {
+                Clue clue = new Clue();
+                clue.setId(r.getClueId());
+                clue.setFollowTime(r.getFollowTime());
+                clue.setFollower(r.getOwner());
+                clueMapper.update(clue);
+            });
+        }
+    }
+
+
+    /**
+     * 更新客户&商机 最近跟进时间&最近跟进人
+     *
+     * @param followUpRecord
+     */
+    private void updateCustomerOrOpportunity(FollowUpRecord followUpRecord) {
+
+        if (StringUtils.isNotBlank(followUpRecord.getCustomerId())) {
+            FollowUpRecord record = extFollowUpRecordMapper.selectRecord(followUpRecord.getCustomerId(), null, null, followUpRecord.getOrganizationId(), "CUSTOMER");
+            Optional.ofNullable(record).ifPresent(r -> {
+                Customer customer = new Customer();
+                customer.setId(r.getCustomerId());
+                customer.setFollowTime(r.getFollowTime());
+                customer.setFollower(r.getOwner());
+                customerMapper.update(customer);
+            });
+        }
+
+        if (StringUtils.isNotBlank(followUpRecord.getOpportunityId())) {
+            FollowUpRecord record = extFollowUpRecordMapper.selectRecord(null, followUpRecord.getOpportunityId(), null, followUpRecord.getOrganizationId(), "CUSTOMER");
+            Optional.ofNullable(record).ifPresent(r -> {
+                Opportunity opportunity = new Opportunity();
+                opportunity.setId(r.getOpportunityId());
+                opportunity.setFollowTime(r.getFollowTime());
+                opportunity.setFollower(r.getOwner());
+                opportunityMapper.update(opportunity);
+            });
+        }
+    }
+
+    public void deleteByCustomerIds(List<String> customerIds) {
+        if (CollectionUtils.isEmpty(customerIds)) {
+            return;
+        }
+        List<String> ids = getByCustomerIds(customerIds)
+                .stream()
+                .map(FollowUpRecord::getId)
+                .toList();
+        deleteByIds(ids);
+    }
+
+    private void deleteByIds(List<String> ids) {
+        if (ids.isEmpty()) {
+            return;
+        }
+        followUpRecordFieldService.deleteByResourceIds(ids);
+        followUpRecordMapper.deleteByIds(ids);
+    }
+
+    private List<FollowUpRecord> getByCustomerIds(List<String> customerIds) {
+        LambdaQueryWrapper<FollowUpRecord> queryWrapper = new LambdaQueryWrapper<>();
+        queryWrapper.in(FollowUpRecord::getCustomerId, customerIds);
+        queryWrapper.eq(FollowUpRecord::getType, FollowUpPlanType.CUSTOMER.name());
+        return followUpRecordMapper.selectListByLambda(queryWrapper);
+    }
+
+    private List<FollowUpRecord> getByClueIds(List<String> clueIds) {
+        LambdaQueryWrapper<FollowUpRecord> queryWrapper = new LambdaQueryWrapper<>();
+        queryWrapper.in(FollowUpRecord::getClueId, clueIds);
+        queryWrapper.eq(FollowUpRecord::getType, FollowUpPlanType.CLUE.name());
+        return followUpRecordMapper.selectListByLambda(queryWrapper);
+    }
+
+    public void deleteByClueIds(List<String> clueIds) {
+        if (CollectionUtils.isEmpty(clueIds)) {
+            return;
+        }
+        List<String> ids = getByClueIds(clueIds)
+                .stream()
+                .map(FollowUpRecord::getId)
+                .toList();
+        deleteByIds(ids);
+    }
+
+    /**
+     * 获取跟进记录对应数据权限配置
+     *
+     * @param currentUser    当前用户ID
+     * @param organizationId 组织ID
+     *
+     * @return 数据权限配置
+     */
+    public ResourceTabEnableDTO getTabEnableConfig(String currentUser, String organizationId) {
+        List<RolePermissionDTO> rolePermissions = permissionCache.getRolePermissions(currentUser, organizationId);
+        // 由于统一的记录/计划页面会展示多个业务模块的数据，因此需要合并多个数据权限, 展示范围更大的数据权限配置
+        ResourceTabEnableDTO clueTabConfig = PermissionUtils.getTabEnableConfig(currentUser, PermissionConstants.CLUE_MANAGEMENT_READ, rolePermissions);
+        ResourceTabEnableDTO customerTabConfig = PermissionUtils.getTabEnableConfig(currentUser, PermissionConstants.CUSTOMER_MANAGEMENT_READ, rolePermissions);
+        return clueTabConfig.or(customerTabConfig);
+    }
+
+
+    /**
+     * 拦截跟进记录的操作权限
+     *
+     * @param id    记录ID
+     * @param orgId 组织ID
+     */
+    public void checkRecordPermission(String id, String orgId) {
+        FollowUpRecordDetailResponse recordDetail = get(id, orgId);
+        boolean hasPermission;
+        if (Strings.CS.equals(recordDetail.getType(), ModuleKey.CLUE.name())) {
+            hasPermission = PermissionUtils.hasPermission(PermissionConstants.CLUE_MANAGEMENT_UPDATE);
+        } else if (StringUtils.isNotEmpty(recordDetail.getOpportunityId())) {
+            hasPermission = PermissionUtils.hasPermission(PermissionConstants.OPPORTUNITY_MANAGEMENT_UPDATE);
+        } else {
+            hasPermission = PermissionUtils.hasPermission(PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE);
+        }
+        if (!hasPermission) {
+            throw new GenericException(Translator.get("no.operation.permission"));
+        }
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/controller/CustomFormController.java b/backend/crm/src/main/java/cn/cordys/crm/form/controller/CustomFormController.java
new file mode 100644
index 0000000..101024b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/controller/CustomFormController.java
@@ -0,0 +1,99 @@
+package cn.cordys.crm.form.controller;
+
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.permission.CsPermission;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.form.dto.request.CustomFormAdminBatchRequest;
+import cn.cordys.crm.form.dto.request.CustomFormAddRequest;
+import cn.cordys.crm.form.dto.request.CustomFormUpdateRequest;
+import cn.cordys.crm.form.dto.response.CustomFormGetResponse;
+import cn.cordys.crm.form.dto.response.CustomFormListResponse;
+import cn.cordys.crm.form.domain.CustomForm;
+import cn.cordys.crm.form.service.CustomFormService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "自定义表单")
+@RestController
+@RequestMapping("/custom-form")
+public class CustomFormController {
+
+    @Resource
+    private CustomFormService customFormService;
+
+    @GetMapping("/list")
+    @Operation(summary = "自定义表单列表")
+    @CsPermission(PermissionConstants.CUSTOM_FORM_READ)
+    public List<CustomFormListResponse> list() {
+        return customFormService.list(SessionUtils.getUserId());
+    }
+
+    @GetMapping("/option")
+    @Operation(summary = "自定义表单选项(开启的)")
+    public List<OptionDTO> getOptions() {
+        return customFormService.getOptions();
+    }
+
+    @GetMapping("/get/{id}")
+    @Operation(summary = "自定义表单详情")
+    @CsPermission(PermissionConstants.CUSTOM_FORM_READ)
+    public CustomFormGetResponse get(@PathVariable String id) {
+        return customFormService.get(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/add")
+    @Operation(summary = "创建自定义表单")
+    @CsPermission(PermissionConstants.CUSTOM_FORM_ADD)
+    public CustomForm create(@Validated @RequestBody CustomFormAddRequest request) {
+        return customFormService.create(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/update")
+    @Operation(summary = "更新自定义表单")
+    @CsPermission(PermissionConstants.CUSTOM_FORM_READ)
+    public void update(@Validated @RequestBody CustomFormUpdateRequest request) {
+        customFormService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/delete/{id}")
+    @Operation(summary = "删除自定义表单")
+    @CsPermission(PermissionConstants.CUSTOM_FORM_READ)
+    public void delete(@PathVariable String id) {
+        customFormService.delete(id, SessionUtils.getUserId());
+    }
+
+    @GetMapping("/enable/{id}")
+    @Operation(summary = "启用自定义表单")
+    @CsPermission(PermissionConstants.CUSTOM_FORM_READ)
+    public void enable(@PathVariable String id) {
+        customFormService.updateEnable(id, SessionUtils.getUserId(), true);
+    }
+
+    @GetMapping("/disable/{id}")
+    @Operation(summary = "禁用自定义表单")
+    @CsPermission(PermissionConstants.CUSTOM_FORM_READ)
+    public void disable(@PathVariable String id) {
+        customFormService.updateEnable(id, SessionUtils.getUserId(), false);
+    }
+
+    @PostMapping("/admin/set")
+    @Operation(summary = "设置表单管理员")
+    @CsPermission(PermissionConstants.CUSTOM_FORM_READ)
+    public void setAdmins(@Validated @RequestBody CustomFormAdminBatchRequest request) {
+        customFormService.setAdmins(request, SessionUtils.getUserId());
+    }
+
+    @GetMapping("/admin/get/{customFormId}")
+    @Operation(summary = "查询表单管理员")
+    @CsPermission(PermissionConstants.CUSTOM_FORM_READ)
+    public List<OptionDTO> getAdmins(@PathVariable String customFormId) {
+        return customFormService.getAdmins(customFormId, SessionUtils.getUserId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/controller/CustomFormDataController.java b/backend/crm/src/main/java/cn/cordys/crm/form/controller/CustomFormDataController.java
new file mode 100644
index 0000000..cd2d51f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/controller/CustomFormDataController.java
@@ -0,0 +1,125 @@
+package cn.cordys.crm.form.controller;
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.ExportSelectRequest;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.permission.CsPermission;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.form.domain.CustomFormData;
+import cn.cordys.crm.form.dto.request.*;
+import cn.cordys.crm.form.dto.response.CustomFormDataGetResponse;
+import cn.cordys.crm.form.dto.response.CustomFormDataListResponse;
+import cn.cordys.crm.form.service.CustomFormDataExportService;
+import cn.cordys.crm.form.service.CustomFormDataService;
+import cn.cordys.crm.system.dto.response.ImportResponse;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import jakarta.servlet.http.HttpServletResponse;
+import org.springframework.context.i18n.LocaleContextHolder;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+import org.springframework.web.multipart.MultipartFile;
+
+import java.util.List;
+
+@Tag(name = "自定义表单数据")
+@RestController
+@RequestMapping("/custom-form/data")
+public class CustomFormDataController {
+
+    @Resource
+    private CustomFormDataService customFormDataService;
+    @Resource
+    private CustomFormDataExportService customFormDataExportService;
+
+    @PostMapping("/page")
+    @Operation(summary = "表单数据列表")
+    @CsPermission(PermissionConstants.CUSTOM_FORM_READ)
+    public PagerWithOption<List<CustomFormDataListResponse>> page(@Validated @RequestBody CustomFormDataPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, request.getCustomFormId());
+        return customFormDataService.page(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), true);
+    }
+
+    @GetMapping("/get/{id}")
+    @Operation(summary = "表单数据详情")
+    @CsPermission(PermissionConstants.CUSTOM_FORM_READ)
+    public CustomFormDataGetResponse get(@PathVariable String id) {
+        return customFormDataService.get(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/add")
+    @Operation(summary = "创建表单数据")
+    @CsPermission(PermissionConstants.CUSTOM_FORM_READ)
+    public CustomFormData add(@Validated @RequestBody CustomFormDataAddRequest request) {
+        return customFormDataService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/update")
+    @Operation(summary = "更新表单数据")
+    @CsPermission(PermissionConstants.CUSTOM_FORM_READ)
+    public void update(@Validated @RequestBody CustomFormDataUpdateRequest request) {
+        customFormDataService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/delete/{id}")
+    @Operation(summary = "删除表单数据")
+    @CsPermission(PermissionConstants.CUSTOM_FORM_READ)
+    public void delete(@PathVariable String id) {
+        customFormDataService.delete(id, SessionUtils.getUserId());
+    }
+
+    @PostMapping("/batch/update")
+    @Operation(summary = "批量更新表单数据")
+    @CsPermission(PermissionConstants.CUSTOM_FORM_READ)
+    public void batchUpdate(@Validated @RequestBody CustomFormDataBatchUpdateRequest request) {
+        customFormDataService.batchUpdate(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/batch/delete")
+    @Operation(summary = "批量删除表单数据")
+    @CsPermission(PermissionConstants.CUSTOM_FORM_READ)
+    public void batchDelete(@RequestBody List<String> ids) {
+        customFormDataService.batchDelete(ids, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/export-all")
+    @Operation(summary = "导出全部表单数据")
+    @CsPermission(PermissionConstants.CUSTOM_FORM_READ)
+    public String exportAll(@Validated @RequestBody CustomFormDataExportRequest request) {
+        ConditionFilterUtils.parseCondition(request, request.getCustomFormId());
+        return customFormDataExportService.exportAll(request, SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), LocaleContextHolder.getLocale());
+    }
+
+    @PostMapping("/export-select")
+    @Operation(summary = "导出选中表单数据")
+    @CsPermission(PermissionConstants.CUSTOM_FORM_READ)
+    public String exportSelect(@Validated @RequestBody ExportSelectRequest request) {
+        return customFormDataExportService.exportSelect(request, SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), LocaleContextHolder.getLocale());
+    }
+
+    @GetMapping("/template/download")
+    @Operation(summary = "下载导入模板")
+    public void downloadImportTpl(@RequestParam String customFormId, HttpServletResponse response) {
+        customFormDataService.downloadImportTpl(response, customFormId, OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/import/pre-check")
+    @Operation(summary = "导入预检查")
+    public ImportResponse importPreCheck(@RequestParam String customFormId,
+                                         @RequestPart(value = "file") MultipartFile file) {
+        return customFormDataService.importPreCheck(file, customFormId, OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/import")
+    @Operation(summary = "导入表单数据")
+    public ImportResponse realImport(@RequestParam String customFormId,
+                                     @RequestPart(value = "file") MultipartFile file) {
+        return customFormDataService.realImport(file, customFormId,
+                OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/controller/CustomFormRoleController.java b/backend/crm/src/main/java/cn/cordys/crm/form/controller/CustomFormRoleController.java
new file mode 100644
index 0000000..c3f57f0
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/controller/CustomFormRoleController.java
@@ -0,0 +1,73 @@
+package cn.cordys.crm.form.controller;
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.DeptUserTreeNode;
+import cn.cordys.common.dto.RoleUserTreeNode;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.permission.CsPermission;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.form.dto.request.CustomFormRoleUserBatchRequest;
+import cn.cordys.crm.form.dto.request.CustomFormRoleUserPageRequest;
+import cn.cordys.crm.form.dto.response.CustomFormRoleListResponse;
+import cn.cordys.crm.form.dto.response.CustomFormRoleUserListResponse;
+import cn.cordys.crm.form.service.CustomFormRoleService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "自定义表单角色")
+@RestController
+@RequestMapping("/custom-form/role")
+public class CustomFormRoleController {
+
+    @Resource
+    private CustomFormRoleService customFormRoleService;
+
+    @GetMapping("/list/{customFormId}")
+    @Operation(summary = "获取表单角色列表")
+    @CsPermission(PermissionConstants.CUSTOM_FORM_READ)
+    public List<CustomFormRoleListResponse> listByFormId(@PathVariable String customFormId) {
+        return customFormRoleService.listByFormId(customFormId, SessionUtils.getUserId());
+    }
+
+    @PostMapping("/users")
+    @Operation(summary = "获取角色用户列表")
+    @CsPermission(PermissionConstants.CUSTOM_FORM_READ)
+    public Pager<List<CustomFormRoleUserListResponse>> listUsersByRole(@Validated @RequestBody CustomFormRoleUserPageRequest request) {
+        return customFormRoleService.listUsersByRole(request, SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/user/dept/tree")
+    @Operation(summary = "获取部门用户树")
+    @CsPermission(PermissionConstants.CUSTOM_FORM_READ)
+    public List<DeptUserTreeNode> getDeptUserTree() {
+        return customFormRoleService.getDeptUserTree(OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/user/role/tree")
+    @Operation(summary = "获取角色用户树")
+    @CsPermission(PermissionConstants.CUSTOM_FORM_READ)
+    public List<RoleUserTreeNode> getRoleUserTree() {
+        return customFormRoleService.getRoleUserTree(OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/user/add")
+    @Operation(summary = "角色添加用户")
+    @CsPermission(PermissionConstants.CUSTOM_FORM_READ)
+    public void addUsers(@Validated @RequestBody CustomFormRoleUserBatchRequest request) {
+        customFormRoleService.addUsers(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/user/remove")
+    @Operation(summary = "角色移除用户")
+    @CsPermission(PermissionConstants.CUSTOM_FORM_READ)
+    public void removeUsers(@RequestBody CustomFormRoleUserBatchRequest request) {
+        customFormRoleService.removeUsers(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/domain/CustomForm.java b/backend/crm/src/main/java/cn/cordys/crm/form/domain/CustomForm.java
new file mode 100644
index 0000000..b706163
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/domain/CustomForm.java
@@ -0,0 +1,23 @@
+package cn.cordys.crm.form.domain;
+
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+@Data
+@EqualsAndHashCode(callSuper = true)
+@Table(name = "custom_form")
+public class CustomForm extends BaseModel {
+
+    @Schema(description = "名称")
+    private String name;
+
+    @Schema(description = "是否启用")
+    private Boolean enable;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/domain/CustomFormAdmin.java b/backend/crm/src/main/java/cn/cordys/crm/form/domain/CustomFormAdmin.java
new file mode 100644
index 0000000..e91e179
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/domain/CustomFormAdmin.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.form.domain;
+
+import jakarta.persistence.Table;
+import lombok.Data;
+
+import java.io.Serial;
+import java.io.Serializable;
+
+@Data
+@Table(name = "custom_form_admin")
+public class CustomFormAdmin implements Serializable {
+
+    @Serial
+    private static final long serialVersionUID = 1L;
+
+    private String id;
+    private String customFormId;
+    private String userId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/domain/CustomFormData.java b/backend/crm/src/main/java/cn/cordys/crm/form/domain/CustomFormData.java
new file mode 100644
index 0000000..3049601
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/domain/CustomFormData.java
@@ -0,0 +1,23 @@
+package cn.cordys.crm.form.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "custom_form_data")
+public class CustomFormData extends BaseModel {
+
+    @Schema(description = "自定义表单ID")
+    private String customFormId;
+
+    @Schema(description = "名称")
+    private String name;
+
+    @Schema(description = "负责人")
+    private String owner;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/domain/CustomFormDataField.java b/backend/crm/src/main/java/cn/cordys/crm/form/domain/CustomFormDataField.java
new file mode 100644
index 0000000..c842461
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/domain/CustomFormDataField.java
@@ -0,0 +1,10 @@
+package cn.cordys.crm.form.domain;
+
+import cn.cordys.common.domain.BaseResourceField;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "custom_form_data_field")
+public class CustomFormDataField extends BaseResourceField {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/domain/CustomFormDataFieldBlob.java b/backend/crm/src/main/java/cn/cordys/crm/form/domain/CustomFormDataFieldBlob.java
new file mode 100644
index 0000000..06f4fe1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/domain/CustomFormDataFieldBlob.java
@@ -0,0 +1,10 @@
+package cn.cordys.crm.form.domain;
+
+import cn.cordys.common.domain.BaseResourceField;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "custom_form_data_field_blob")
+public class CustomFormDataFieldBlob extends BaseResourceField {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/domain/CustomFormRole.java b/backend/crm/src/main/java/cn/cordys/crm/form/domain/CustomFormRole.java
new file mode 100644
index 0000000..368ac23
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/domain/CustomFormRole.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.form.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "custom_form_role")
+public class CustomFormRole extends BaseModel {
+
+    @Schema(description = "名称")
+    private String name;
+
+    @Schema(description = "自定义表单ID")
+    private String customFormId;
+
+    @Schema(description = "内置角色key")
+    private String internalKey;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/domain/CustomFormRoleKey.java b/backend/crm/src/main/java/cn/cordys/crm/form/domain/CustomFormRoleKey.java
new file mode 100644
index 0000000..416c1e7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/domain/CustomFormRoleKey.java
@@ -0,0 +1,24 @@
+package cn.cordys.crm.form.domain;
+
+import cn.cordys.common.util.Translator;
+import lombok.Getter;
+
+@Getter
+public enum CustomFormRoleKey {
+
+    MANAGE_ALL("MANAGE_ALL", "custom.form.role.manage_all"),
+    VIEW_ALL("VIEW_ALL", "custom.form.role.view_all"),
+    MANAGE_OWN("MANAGE_OWN", "custom.form.role.manage_own");
+
+    private final String key;
+    private final String i18nKey;
+
+    CustomFormRoleKey(String key, String i18nKey) {
+        this.key = key;
+        this.i18nKey = i18nKey;
+    }
+
+    public String getName() {
+        return Translator.get(i18nKey);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/domain/CustomFormRoleUser.java b/backend/crm/src/main/java/cn/cordys/crm/form/domain/CustomFormRoleUser.java
new file mode 100644
index 0000000..0e4c016
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/domain/CustomFormRoleUser.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.form.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "custom_form_role_user")
+public class CustomFormRoleUser extends BaseModel {
+    private String roleId;
+    private String userId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/dto/request/CustomFormAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/form/dto/request/CustomFormAddRequest.java
new file mode 100644
index 0000000..5c3e1d9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/dto/request/CustomFormAddRequest.java
@@ -0,0 +1,28 @@
+package cn.cordys.crm.form.dto.request;
+
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.form.FormProp;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class CustomFormAddRequest {
+
+    @NotBlank
+    @Size(max = 255)
+    @Schema(description = "名称")
+    private String name;
+
+    @Schema(description = "是否启用")
+    private Boolean enable;
+
+    @Schema(description = "保存字段集合")
+    private List<BaseField> fields;
+
+    @Schema(description = "表单属性")
+    private FormProp formProp;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/dto/request/CustomFormAdminBatchRequest.java b/backend/crm/src/main/java/cn/cordys/crm/form/dto/request/CustomFormAdminBatchRequest.java
new file mode 100644
index 0000000..348b905
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/dto/request/CustomFormAdminBatchRequest.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.form.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.NotEmpty;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class CustomFormAdminBatchRequest {
+
+    @NotBlank
+    @Schema(description = "自定义表单ID")
+    private String customFormId;
+
+    @NotEmpty
+    @Schema(description = "用户ID列表")
+    private List<String> userIds;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/dto/request/CustomFormDataAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/form/dto/request/CustomFormDataAddRequest.java
new file mode 100644
index 0000000..5573fdc
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/dto/request/CustomFormDataAddRequest.java
@@ -0,0 +1,29 @@
+package cn.cordys.crm.form.dto.request;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class CustomFormDataAddRequest {
+
+    @NotBlank
+    @Schema(description = "自定义表单ID")
+    private String customFormId;
+
+    @NotBlank
+    @Size(max = 255)
+    @Schema(description = "名称")
+    private String name;
+
+    @Size(max = 32)
+    @Schema(description = "负责人")
+    private String owner;
+
+    @Schema(description = "模块字段值")
+    private List<BaseModuleFieldValue> moduleFields;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/dto/request/CustomFormDataBatchUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/form/dto/request/CustomFormDataBatchUpdateRequest.java
new file mode 100644
index 0000000..dac476e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/dto/request/CustomFormDataBatchUpdateRequest.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.form.dto.request;
+
+import cn.cordys.crm.system.dto.request.ResourceBatchEditRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+public class CustomFormDataBatchUpdateRequest extends ResourceBatchEditRequest {
+    @NotBlank
+    @Schema(description = "自定义表单ID")
+    private String customFormId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/dto/request/CustomFormDataExportRequest.java b/backend/crm/src/main/java/cn/cordys/crm/form/dto/request/CustomFormDataExportRequest.java
new file mode 100644
index 0000000..56e1d1f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/dto/request/CustomFormDataExportRequest.java
@@ -0,0 +1,21 @@
+package cn.cordys.crm.form.dto.request;
+
+import cn.cordys.common.dto.ExportHeadDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotEmpty;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+import java.util.List;
+
+@Data
+@EqualsAndHashCode(callSuper = true)
+public class CustomFormDataExportRequest extends CustomFormDataPageRequest {
+
+    @Schema(description = "文件名")
+    private String fileName;
+
+    @Schema(description = "表头信息")
+    @NotEmpty(message = "{export_head_list_is_empty}")
+    private List<ExportHeadDTO> headList;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/dto/request/CustomFormDataPageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/form/dto/request/CustomFormDataPageRequest.java
new file mode 100644
index 0000000..47a471b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/dto/request/CustomFormDataPageRequest.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.form.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+@Data
+@EqualsAndHashCode(callSuper = true)
+public class CustomFormDataPageRequest extends BasePageRequest {
+
+    @NotBlank
+    @Schema(description = "自定义表单ID")
+    private String customFormId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/dto/request/CustomFormDataUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/form/dto/request/CustomFormDataUpdateRequest.java
new file mode 100644
index 0000000..c23ce15
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/dto/request/CustomFormDataUpdateRequest.java
@@ -0,0 +1,33 @@
+package cn.cordys.crm.form.dto.request;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class CustomFormDataUpdateRequest {
+
+    @NotBlank
+    @Schema(description = "ID")
+    private String id;
+
+    @NotBlank
+    @Schema(description = "自定义表单ID")
+    private String customFormId;
+
+    @NotBlank
+    @Size(max = 255)
+    @Schema(description = "名称")
+    private String name;
+
+    @Size(max = 32)
+    @Schema(description = "负责人")
+    private String owner;
+
+    @Schema(description = "模块字段值")
+    private List<BaseModuleFieldValue> moduleFields;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/dto/request/CustomFormRoleUserBatchRequest.java b/backend/crm/src/main/java/cn/cordys/crm/form/dto/request/CustomFormRoleUserBatchRequest.java
new file mode 100644
index 0000000..0706633
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/dto/request/CustomFormRoleUserBatchRequest.java
@@ -0,0 +1,24 @@
+package cn.cordys.crm.form.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class CustomFormRoleUserBatchRequest {
+
+    @NotBlank
+    @Schema(description = "表单角色ID")
+    private String customFormRoleId;
+
+    @Schema(description = "用户ID列表")
+    private List<String> userIds;
+
+    @Schema(description = "部门ID列表")
+    private List<String> deptIds;
+
+    @Schema(description = "系统角色ID列表")
+    private List<String> roleIds;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/dto/request/CustomFormRoleUserPageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/form/dto/request/CustomFormRoleUserPageRequest.java
new file mode 100644
index 0000000..e50f88d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/dto/request/CustomFormRoleUserPageRequest.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.form.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+@Data
+@EqualsAndHashCode(callSuper = true)
+public class CustomFormRoleUserPageRequest extends BasePageRequest {
+
+    @NotBlank
+    @Schema(description = "自定义表单角色ID")
+    private String customFormRoleId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/dto/request/CustomFormUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/form/dto/request/CustomFormUpdateRequest.java
new file mode 100644
index 0000000..5ac7606
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/dto/request/CustomFormUpdateRequest.java
@@ -0,0 +1,32 @@
+package cn.cordys.crm.form.dto.request;
+
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.form.FormProp;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class CustomFormUpdateRequest {
+
+    @NotBlank
+    @Schema(description = "ID")
+    private String id;
+
+    @NotBlank
+    @Size(max = 255)
+    @Schema(description = "名称")
+    private String name;
+
+    @Schema(description = "是否启用")
+    private Boolean enable;
+
+    @Schema(description = "保存字段集合")
+    private List<BaseField> fields;
+
+    @Schema(description = "表单属性")
+    private FormProp formProp;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/dto/response/CustomFormDataGetResponse.java b/backend/crm/src/main/java/cn/cordys/crm/form/dto/response/CustomFormDataGetResponse.java
new file mode 100644
index 0000000..7e32d19
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/dto/response/CustomFormDataGetResponse.java
@@ -0,0 +1,59 @@
+package cn.cordys.crm.form.dto.response;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.crm.system.domain.Attachment;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Map;
+
+@Data
+public class CustomFormDataGetResponse {
+
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "自定义表单ID")
+    private String customFormId;
+
+    @Schema(description = "名称")
+    private String name;
+
+    @Schema(description = "负责人")
+    private String owner;
+
+    @Schema(description = "负责人名称")
+    private String ownerName;
+
+    @Schema(description = "创建人")
+    private String createUser;
+
+    @Schema(description = "修改人")
+    private String updateUser;
+
+    @Schema(description = "创建时间")
+    private Long createTime;
+
+    @Schema(description = "更新时间")
+    private Long updateTime;
+
+    @Schema(description = "创建人名称")
+    private String createUserName;
+
+    @Schema(description = "更新人名称")
+    private String updateUserName;
+
+    @Schema(description = "自定义字段")
+    private List<BaseModuleFieldValue> moduleFields;
+
+    @Schema(description = "选项集合")
+    private Map<String, List<OptionDTO>> optionMap;
+
+    @Schema(description = "附件集合")
+    private Map<String, List<Attachment>> attachmentMap;
+
+    @Schema(description = "当前用户是否是管理员")
+    private Boolean isAdmin;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/dto/response/CustomFormDataListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/form/dto/response/CustomFormDataListResponse.java
new file mode 100644
index 0000000..ce702e2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/dto/response/CustomFormDataListResponse.java
@@ -0,0 +1,50 @@
+package cn.cordys.crm.form.dto.response;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class CustomFormDataListResponse {
+
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "自定义表单ID")
+    private String customFormId;
+
+    @Schema(description = "名称")
+    private String name;
+
+    @Schema(description = "负责人")
+    private String owner;
+
+    @Schema(description = "负责人名称")
+    private String ownerName;
+
+    @Schema(description = "创建人")
+    private String createUser;
+
+    @Schema(description = "修改人")
+    private String updateUser;
+
+    @Schema(description = "创建时间")
+    private Long createTime;
+
+    @Schema(description = "更新时间")
+    private Long updateTime;
+
+    @Schema(description = "创建人名称")
+    private String createUserName;
+
+    @Schema(description = "更新人名称")
+    private String updateUserName;
+
+    @Schema(description = "自定义字段集合")
+    private List<BaseModuleFieldValue> moduleFields;
+
+    @Schema(description = "当前用户是否是管理员")
+    private Boolean isAdmin;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/dto/response/CustomFormGetResponse.java b/backend/crm/src/main/java/cn/cordys/crm/form/dto/response/CustomFormGetResponse.java
new file mode 100644
index 0000000..e0735fb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/dto/response/CustomFormGetResponse.java
@@ -0,0 +1,26 @@
+package cn.cordys.crm.form.dto.response;
+
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.crm.form.domain.CustomForm;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.form.FormProp;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class CustomFormGetResponse extends CustomForm {
+
+    @Schema(description = "当前用户是否是管理员")
+    private Boolean isAdmin;
+
+    @Schema(description = "字段集合及其属性")
+    private List<BaseField> fields;
+
+    @Schema(description = "表单属性")
+    private FormProp formProp;
+
+    @Schema(description = "创建人")
+    private OptionDTO creator;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/dto/response/CustomFormListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/form/dto/response/CustomFormListResponse.java
new file mode 100644
index 0000000..a5df21d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/dto/response/CustomFormListResponse.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.form.dto.response;
+
+import cn.cordys.crm.form.domain.CustomForm;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class CustomFormListResponse extends CustomForm {
+    @Schema(description = "当前用户是否是管理员")
+    private Boolean isAdmin;
+    @Schema(description = "当前用户是否有权限创建表单数据")
+    private Boolean hasCreateDataPermission;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/dto/response/CustomFormRoleListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/form/dto/response/CustomFormRoleListResponse.java
new file mode 100644
index 0000000..d10ce02
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/dto/response/CustomFormRoleListResponse.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.form.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class CustomFormRoleListResponse {
+
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "名称")
+    private String name;
+
+    @Schema(description = "自定义表单ID")
+    private String customFormId;
+
+    @Schema(description = "内置角色key")
+    private String internalKey;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/dto/response/CustomFormRoleUserListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/form/dto/response/CustomFormRoleUserListResponse.java
new file mode 100644
index 0000000..acea22e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/dto/response/CustomFormRoleUserListResponse.java
@@ -0,0 +1,35 @@
+package cn.cordys.crm.form.dto.response;
+
+import cn.cordys.crm.system.dto.convert.UserRoleConvert;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class CustomFormRoleUserListResponse {
+
+    @Schema(description = "自定义表单角色用户关联ID")
+    private String id;
+
+    @Schema(description = "用户ID")
+    private String userId;
+
+    @Schema(description = "用户名")
+    private String username;
+
+    @Schema(description = "创建时间")
+    private Long createTime;
+
+    @Schema(description = "部门ID")
+    private String departmentId;
+
+    @Schema(description = "部门名称")
+    private String departmentName;
+
+    @Schema(description = "职位")
+    private String position;
+
+    @Schema(description = "角色列表")
+    private List<UserRoleConvert> roles;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/mapper/ExtCustomFormDataMapper.java b/backend/crm/src/main/java/cn/cordys/crm/form/mapper/ExtCustomFormDataMapper.java
new file mode 100644
index 0000000..8d2a373
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/mapper/ExtCustomFormDataMapper.java
@@ -0,0 +1,29 @@
+package cn.cordys.crm.form.mapper;
+
+import cn.cordys.common.dto.BatchUpdateDbParam;
+import cn.cordys.crm.form.dto.request.CustomFormDataPageRequest;
+import cn.cordys.crm.form.dto.response.CustomFormDataListResponse;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtCustomFormDataMapper {
+
+    List<CustomFormDataListResponse> list(@Param("request") CustomFormDataPageRequest request,
+                                          @Param("orgId") String orgId,
+                                          @Param("userId") String userId,
+                                          @Param("manageOwn") boolean manageOwn);
+
+    List<CustomFormDataListResponse> listForExport(@Param("request") CustomFormDataPageRequest request,
+                                                   @Param("orgId") String orgId,
+                                                   @Param("userId") String userId,
+                                                   @Param("manageOwn") boolean manageOwn,
+                                                   @Param("limit") int limit,
+                                                   @Param("offset") int offset);
+
+    void batchUpdate(@Param("request") BatchUpdateDbParam batchUpdateDbParam);
+
+    void deleteFormDataByCustomFormId(@Param("formId") String formId);
+
+    List<CustomFormDataListResponse> getListByIds(@Param("ids") List<String> ids);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/mapper/ExtCustomFormDataMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/form/mapper/ExtCustomFormDataMapper.xml
new file mode 100644
index 0000000..0eeff5e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/mapper/ExtCustomFormDataMapper.xml
@@ -0,0 +1,323 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.form.mapper.ExtCustomFormDataMapper">
+    <select id="list" resultType="cn.cordys.crm.form.dto.response.CustomFormDataListResponse">
+        select d.id, d.custom_form_id as customFormId, d.name, d.owner, d.create_user as createUser, d.update_user as updateUser,
+               d.create_time as createTime, d.update_time as updateTime
+        from custom_form_data d
+
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.filters"/>
+            <property name="tablePrefix" value="filter"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.viewCombineSearch.conditions"/>
+            <property name="tablePrefix" value="viewCombine"/>
+        </include>
+        <include refid="fieldSortJoin">
+            <property name="sort" value="request.sort"/>
+        </include>
+
+        where d.custom_form_id = #{request.customFormId}
+
+        <if test="manageOwn">
+            and d.owner = #{userId}
+        </if>
+
+        <if test="request.keyword != null and request.keyword != ''">
+            and d.name like concat('%', #{request.keyword},'%')
+        </if>
+
+        <include refid="filters">
+            <property name="filters" value="request.filters"/>
+        </include>
+
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+        <include refid="viewCombine">
+            <property name="combineSearch" value="request.viewCombineSearch"/>
+        </include>
+
+        <include refid="sort">
+            <property name="sort" value="request.sort"/>
+        </include>
+    </select>
+
+    <select id="listForExport" resultType="cn.cordys.crm.form.dto.response.CustomFormDataListResponse">
+        select d.id, d.custom_form_id as customFormId, d.name, d.owner, d.create_user as createUser, d.update_user as updateUser,
+               d.create_time as createTime, d.update_time as updateTime
+        from custom_form_data d
+
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.filters"/>
+            <property name="tablePrefix" value="filter"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.viewCombineSearch.conditions"/>
+            <property name="tablePrefix" value="viewCombine"/>
+        </include>
+        <include refid="fieldSortJoin">
+            <property name="sort" value="request.sort"/>
+        </include>
+
+        where d.custom_form_id = #{request.customFormId}
+
+        <if test="manageOwn">
+            and d.owner = #{userId}
+        </if>
+
+        <if test="request.keyword != null and request.keyword != ''">
+            and d.name like concat('%', #{request.keyword},'%')
+        </if>
+
+        <include refid="filters">
+            <property name="filters" value="request.filters"/>
+        </include>
+
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+        <include refid="viewCombine">
+            <property name="combineSearch" value="request.viewCombineSearch"/>
+        </include>
+
+        <include refid="sort">
+            <property name="sort" value="request.sort"/>
+        </include>
+        LIMIT #{limit} OFFSET #{offset}
+    </select>
+
+    <sql id="sort">
+        <choose>
+            <when test="${sort} != null and ${sort}.valid()">
+                <bind name="sortType" value="${sort}.type"/>
+                <bind name="sortName" value="${sort}.name"/>
+                order by
+                <choose>
+                    <when test="${sort}.name in {'name', 'owner', 'create_time', 'update_time', 'create_user', 'update_user'}">
+                        d.${sortName} ${sortType}, d.id ASC
+                    </when>
+                    <otherwise>
+                        CASE
+                        WHEN module_table.type = 'INPUT_NUMBER' OR module_table.type = 'FORMULA'
+                        THEN sort_table.field_value+0
+                        END ${sortType},
+                        sort_table.field_value ${sortType},
+                        d.id ${sortType}
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                order by d.create_time desc, d.id asc
+            </otherwise>
+        </choose>
+    </sql>
+
+    <sql id="fieldConditionJoin">
+        <if test="${conditions} != null and ${conditions}.size() > 0">
+            <foreach collection="${conditions}" item="condition" index="i">
+                <choose>
+                    <when test="condition.refFiled">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.refFieldConditionJoin">
+                            <property name="condition" value="condition"/>
+                            <property name="mainTable" value="custom_form_data"/>
+                            <property name="mainTableAlias" value="d"/>
+                            <property name="fieldTable" value="${tablePrefix}_${i}"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <if test="condition.name not in {'name', 'owner', 'createTime', 'updateTime', 'createUser', 'updateUser'}">
+                            <if test="condition.blob">
+                                left join custom_form_data_field_blob ${tablePrefix}_${i}
+                                on d.id = ${tablePrefix}_${i}.resource_id and ${tablePrefix}_${i}.field_id = #{condition.name}
+                            </if>
+                            <if test="!condition.blob">
+                                left join custom_form_data_field ${tablePrefix}_${i}
+                                on d.id = ${tablePrefix}_${i}.resource_id and ${tablePrefix}_${i}.field_id = #{condition.name}
+                            </if>
+                        </if>
+                    </otherwise>
+                </choose>
+            </foreach>
+        </if>
+    </sql>
+
+    <sql id="fieldSortJoin">
+        <if test="${sort} != null and ${sort}.valid()">
+            <bind name="sortName" value="${sort}.name"/>
+            <choose>
+                <when test="${sort}.name not in {'name', 'owner', 'create_time', 'update_time', 'create_user', 'update_user'}">
+                    left join custom_form_data_field sort_table
+                    on d.id = sort_table.resource_id and sort_table.field_id = #{sortName}
+                    left join sys_module_field module_table on sort_table.field_id = module_table.id
+                </when>
+            </choose>
+        </if>
+    </sql>
+
+    <sql id="filters">
+        <if test="${filters} != null and ${filters}.size() > 0">
+            <trim prefix="and">
+                <foreach collection="${filters}" item="condition" open="(" close=")" index="i" separator="and">
+                    <include refid="condition">
+                        <property name="condition" value="condition"/>
+                        <property name="fieldTable" value="filter_${i}.field_value"/>
+                        <property name="table" value="filter_${i}"/>
+                    </include>
+                </foreach>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="combine">
+        <if test="${combineSearch} != null and ${combineSearch}.conditions != null and ${combineSearch}.conditions.size() > 0">
+            <trim prefix="and">
+                <trim prefix="(" suffix=")" suffixOverrides="and|or">
+                    <foreach collection="${combineSearch}.conditions" index="i" item="condition">
+                        <include refid="condition">
+                            <property name="condition" value="condition"/>
+                            <property name="fieldTable" value="combine_${i}.field_value"/>
+                            <property name="table" value="combine_${i}"/>
+                        </include>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.searchMode">
+                            <property name="searchMode" value="${combineSearch}.searchMode"/>
+                        </include>
+                    </foreach>
+                </trim>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="viewCombine">
+        <if test="${combineSearch} != null and ${combineSearch}.conditions != null and ${combineSearch}.conditions.size() > 0">
+            <trim prefix="and">
+                <trim prefix="(" suffix=")" suffixOverrides="and|or">
+                    <foreach collection="${combineSearch}.conditions" index="i" item="condition">
+                        <include refid="condition">
+                            <property name="condition" value="condition"/>
+                            <property name="fieldTable" value="viewCombine_${i}.field_value"/>
+                            <property name="table" value="viewCombine_${i}"/>
+                        </include>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.searchMode">
+                            <property name="searchMode" value="${combineSearch}.searchMode"/>
+                        </include>
+                    </foreach>
+                </trim>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="condition">
+        <choose>
+            <when test="condition.refFiled">
+                <choose>
+                    <when test="!condition.customField">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${table}.${condition.name}"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${fieldTable}"/>
+                        </include>
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                <choose>
+                    <when test="condition.name == 'name'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="d.name"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'owner'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="d.owner"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'createTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="d.create_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'updateTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="d.update_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'createUser'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="d.create_user"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'updateUser'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="d.update_user"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${fieldTable}"/>
+                        </include>
+                    </otherwise>
+                </choose>
+            </otherwise>
+        </choose>
+    </sql>
+
+    <update id="batchUpdate">
+        UPDATE custom_form_data
+        <set>
+            <if test="request.fieldName == 'owner'">
+                owner = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'name'">
+                name = #{request.fieldValue},
+            </if>
+            update_time = #{request.updateTime},
+            update_user = #{request.updateUser}
+        </set>
+        WHERE id IN
+        <foreach collection="request.ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </update>
+
+    <delete id="deleteFormDataByCustomFormId">
+        DELETE d, f, b
+        FROM custom_form_data d
+        LEFT JOIN custom_form_data_field f ON f.resource_id = d.id
+        LEFT JOIN custom_form_data_field_blob b ON b.resource_id = d.id
+        WHERE d.custom_form_id = #{formId}
+    </delete>
+
+    <select id="getListByIds" resultType="cn.cordys.crm.form.dto.response.CustomFormDataListResponse">
+        select d.id, d.custom_form_id as customFormId, d.name, d.owner, d.create_user as createUser, d.update_user as updateUser,
+               d.create_time as createTime, d.update_time as updateTime
+        from custom_form_data d
+        where d.id in
+        <foreach collection="ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </select>
+
+</mapper>
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/mapper/ExtCustomFormMapper.java b/backend/crm/src/main/java/cn/cordys/crm/form/mapper/ExtCustomFormMapper.java
new file mode 100644
index 0000000..36c90fd
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/mapper/ExtCustomFormMapper.java
@@ -0,0 +1,14 @@
+package cn.cordys.crm.form.mapper;
+
+import cn.cordys.crm.form.domain.CustomForm;
+import org.apache.ibatis.annotations.Param;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2026-06-05  16:22
+ */
+public interface ExtCustomFormMapper {
+    boolean checkAddExist(@Param("customForm") CustomForm customForm);
+
+    boolean checkUpdateExist(@Param("customForm") CustomForm customForm);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/mapper/ExtCustomFormMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/form/mapper/ExtCustomFormMapper.xml
new file mode 100644
index 0000000..726985d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/mapper/ExtCustomFormMapper.xml
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.form.mapper.ExtCustomFormMapper">
+    <select id="checkAddExist" resultType="java.lang.Boolean">
+        SELECT COUNT(1)
+        FROM custom_form
+        WHERE name = #{customForm.name}
+          and organization_id = #{customForm.organizationId} limit 1
+    </select>
+    <select id="checkUpdateExist" resultType="java.lang.Boolean">
+        SELECT COUNT(1)
+        FROM custom_form
+        WHERE name = #{customForm.name}
+          and organization_id = (select organization_id
+                                 from custom_form
+                                 where id = #{customForm.id})
+          and id != #{customForm.id} limit 1
+    </select>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/mapper/ExtCustomFormRoleUserMapper.java b/backend/crm/src/main/java/cn/cordys/crm/form/mapper/ExtCustomFormRoleUserMapper.java
new file mode 100644
index 0000000..c69e95b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/mapper/ExtCustomFormRoleUserMapper.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.form.mapper;
+
+import cn.cordys.crm.form.dto.request.CustomFormRoleUserPageRequest;
+import cn.cordys.crm.form.dto.response.CustomFormRoleUserListResponse;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtCustomFormRoleUserMapper {
+
+    List<CustomFormRoleUserListResponse> listByRoleId(@Param("orgId") String orgId,
+                                                       @Param("request") CustomFormRoleUserPageRequest request);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/mapper/ExtCustomFormRoleUserMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/form/mapper/ExtCustomFormRoleUserMapper.xml
new file mode 100644
index 0000000..f25a77b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/mapper/ExtCustomFormRoleUserMapper.xml
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.form.mapper.ExtCustomFormRoleUserMapper">
+
+    <select id="listByRoleId" resultType="cn.cordys.crm.form.dto.response.CustomFormRoleUserListResponse">
+        select cfru.id as id,
+               cfru.user_id as userId,
+               su.name as username,
+               cfru.create_time as createTime,
+               sou.department_id as departmentId,
+               sd.name as departmentName,
+               sou.position as position
+        from custom_form_role_user cfru
+        join sys_user su on cfru.user_id = su.id
+        left join sys_organization_user sou on su.id = sou.user_id and sou.organization_id = #{orgId}
+        left join sys_department sd on sou.department_id = sd.id
+        <where>
+            cfru.role_id = #{request.customFormRoleId}
+            <if test="request.keyword != null and request.keyword != ''">
+                and su.name like concat('%', #{request.keyword}, '%')
+            </if>
+        </where>
+        <include refid="sort">
+            <property name="sort" value="request.sort"/>
+        </include>
+    </select>
+
+    <sql id="sort">
+        <choose>
+            <when test="${sort} != null and ${sort}.valid()">
+                <bind name="sortType" value="${sort}.type"/>
+                order by
+                <choose>
+                    <when test="${sort}.name == 'id'">
+                        cfru.id ${sortType}
+                    </when>
+                    <when test="${sort}.name == 'user_id'">
+                        cfru.user_id ${sortType}
+                    </when>
+                    <when test="${sort}.name == 'username'">
+                        su.name ${sortType}
+                    </when>
+                    <when test="${sort}.name == 'create_time'">
+                        cfru.create_time ${sortType}
+                    </when>
+                    <when test="${sort}.name == 'department_name'">
+                        sd.name ${sortType}
+                    </when>
+                    <when test="${sort}.name == 'position'">
+                        sou.position ${sortType}
+                    </when>
+                    <otherwise>
+                        cfru.create_time ${sortType}
+                    </otherwise>
+                </choose>
+                , cfru.id asc
+            </when>
+            <otherwise>
+                order by cfru.create_time desc, cfru.id asc
+            </otherwise>
+        </choose>
+    </sql>
+</mapper>
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/service/CustomFormDataExportService.java b/backend/crm/src/main/java/cn/cordys/crm/form/service/CustomFormDataExportService.java
new file mode 100644
index 0000000..218a51e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/service/CustomFormDataExportService.java
@@ -0,0 +1,201 @@
+package cn.cordys.crm.form.service;
+
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.ExportHeadDTO;
+import cn.cordys.common.dto.ExportSelectRequest;
+import cn.cordys.common.service.BaseExportService;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.SubListUtils;
+import cn.cordys.common.util.TimeUtils;
+import cn.cordys.crm.form.domain.CustomFormRoleKey;
+import cn.cordys.crm.form.dto.request.CustomFormDataExportRequest;
+import cn.cordys.crm.form.dto.response.CustomFormDataListResponse;
+import cn.cordys.crm.form.mapper.ExtCustomFormDataMapper;
+import cn.cordys.crm.system.constants.ExportConstants;
+import cn.cordys.crm.system.domain.ExportTask;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.service.ExportTaskService;
+import cn.cordys.registry.ExportThreadRegistry;
+import cn.idev.excel.EasyExcel;
+import cn.idev.excel.ExcelWriter;
+import cn.idev.excel.support.ExcelTypeEnum;
+import cn.idev.excel.write.metadata.WriteSheet;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.io.File;
+import java.util.*;
+import java.util.concurrent.atomic.AtomicReference;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class CustomFormDataExportService extends BaseExportService {
+
+    @Resource
+    private CustomFormDataService customFormDataService;
+    @Resource
+    private ExtCustomFormDataMapper extCustomFormDataMapper;
+    @Resource
+    private ExportTaskService exportTaskService;
+
+    public String exportAll(CustomFormDataExportRequest request, String userId, String orgId, Locale locale) {
+        checkFileName(request.getFileName());
+        exportTaskService.checkUserTaskLimit(userId, ExportConstants.ExportType.CUSTOM_FORM_DATA.name());
+
+        // 权限检查：获取数据权限范围（导出时跳过表单启用状态检查）
+        CustomFormRoleKey dataScope = customFormDataService.getDataScope(request.getCustomFormId(), userId, false);
+        boolean manageOwn = dataScope == CustomFormRoleKey.MANAGE_OWN;
+
+        String fileId = IDGenerator.nextStr();
+        ExportTask exportTask = exportTaskService.saveTask(orgId, fileId, userId,
+                ExportConstants.ExportType.CUSTOM_FORM_DATA.toString(), request.getFileName());
+
+        runExport(orgId, userId, LogModule.CUSTOM_FORM_DATA, locale, exportTask, request.getFileName(),
+                () -> exportData(fileId, exportTask, userId, request, orgId, manageOwn));
+
+        return exportTask.getId();
+    }
+
+    public String exportSelect(ExportSelectRequest request, String userId, String orgId, Locale locale) {
+        checkFileName(request.getFileName());
+        exportTaskService.checkUserTaskLimit(userId, ExportConstants.ExportType.CUSTOM_FORM_DATA.name());
+
+        String fileId = IDGenerator.nextStr();
+        ExportTask exportTask = exportTaskService.saveTask(orgId, fileId, userId,
+                ExportConstants.ExportType.CUSTOM_FORM_DATA.toString(), request.getFileName());
+
+        runExport(orgId, userId, LogModule.CUSTOM_FORM_DATA, locale, exportTask, request.getFileName(),
+                () -> exportSelectData(exportTask, request, orgId, fileId, userId));
+
+        return exportTask.getId();
+    }
+
+    private void exportData(String fileId, ExportTask exportTask, String userId,
+                            CustomFormDataExportRequest request, String orgId,
+                            boolean manageOwn) throws InterruptedException {
+        List<List<String>> headList = request.getHeadList().stream()
+                .map(head -> Collections.singletonList(head.getTitle()))
+                .toList();
+
+        batchHandleData(fileId, headList, exportTask, request.getFileName(), request,
+                t -> getExportData(t, orgId, userId, manageOwn, exportTask.getId()));
+    }
+
+    private void exportSelectData(ExportTask exportTask, ExportSelectRequest request,
+                                  String orgId, String fileId, String userId) {
+        List<List<String>> headList = request.getHeadList().stream()
+                .map(head -> Collections.singletonList(head.getTitle()))
+                .toList();
+
+        File file = prepareExportFile(fileId, request.getFileName(), exportTask.getOrganizationId());
+        try (ExcelWriter writer = EasyExcel.write(file)
+                .head(headList)
+                .excelType(ExcelTypeEnum.XLSX)
+                .build()) {
+            WriteSheet sheet = EasyExcel.writerSheet("导出数据").build();
+
+            SubListUtils.dealForSubList(request.getIds(), SubListUtils.DEFAULT_EXPORT_BATCH_SIZE, (subIds) -> {
+                List<List<Object>> data = new ArrayList<>();
+                try {
+                    data = getExportDataBySelect(request.getHeadList(), subIds, orgId, exportTask.getId(), userId);
+                } catch (InterruptedException e) {
+                    log.error("任务停止中断", e);
+                    exportTaskService.update(exportTask.getId(), ExportConstants.ExportStatus.STOP.toString(), exportTask.getCreateUser());
+                }
+                writer.write(data, sheet);
+            });
+        }
+
+        exportTaskService.update(exportTask.getId(), ExportConstants.ExportStatus.SUCCESS.toString(), exportTask.getCreateUser());
+    }
+
+    private List<List<Object>> getExportData(CustomFormDataExportRequest request, String orgId,
+                                              String userId, boolean manageOwn, String taskId)
+            throws InterruptedException {
+        int limit = request.getPageSize();
+        int offset = (request.getCurrent() - 1) * request.getPageSize();
+        List<CustomFormDataListResponse> rawList = extCustomFormDataMapper.listForExport(request, orgId, userId, manageOwn, limit, offset);
+        return buildExportResult(request.getHeadList(), rawList, request.getCustomFormId(), orgId, taskId, userId);
+    }
+
+    private List<List<Object>> getExportDataBySelect(List<ExportHeadDTO> headList, List<String> ids,
+                                                     String orgId, String taskId, String userId) throws InterruptedException {
+        List<CustomFormDataListResponse> rawList = extCustomFormDataMapper.getListByIds(ids);
+        if (rawList == null || rawList.isEmpty()) {
+            return Collections.emptyList();
+        }
+        String formId = rawList.getFirst().getCustomFormId();
+
+        // 权限过滤：根据数据权限过滤选中数据（导出时跳过表单启用状态检查）
+        CustomFormRoleKey dataScope = customFormDataService.getDataScope(formId, userId, false);
+        if (dataScope == CustomFormRoleKey.MANAGE_OWN) {
+            rawList = rawList.stream()
+                    .filter(item -> StringUtils.equals(item.getOwner(), userId))
+                    .collect(Collectors.toList());
+        }
+        if (rawList.isEmpty()) {
+            return Collections.emptyList();
+        }
+
+        return buildExportResult(headList, rawList, formId, orgId, taskId, userId);
+    }
+
+    private List<List<Object>> buildExportResult(List<ExportHeadDTO> headList,
+                                                  List<CustomFormDataListResponse> rawList,
+                                                  String formId, String orgId, String taskId,
+                                                  String userId) throws InterruptedException {
+        // 构建含数据源显示字段的数据
+        CustomFormDataFieldService.setFormKey(formId);
+        List<CustomFormDataListResponse> dataList;
+        try {
+            dataList = customFormDataService.buildList(rawList, formId, orgId);
+        } finally {
+            CustomFormDataFieldService.clearFormKey();
+        }
+
+        // 字段配置
+        Map<String, BaseField> fieldConfigMap = getFieldConfigMap(formId, orgId);
+
+        List<List<Object>> result = new ArrayList<>(dataList.size());
+        for (CustomFormDataListResponse response : dataList) {
+            if (ExportThreadRegistry.isInterrupted(taskId)) {
+                throw new InterruptedException("线程已被中断，主动退出");
+            }
+            result.add(buildData(headList, response, fieldConfigMap));
+        }
+
+        return result;
+    }
+
+    private List<Object> buildData(List<ExportHeadDTO> headList, CustomFormDataListResponse data,
+                                   Map<String, BaseField> fieldConfigMap) {
+        List<Object> dataList = new ArrayList<>();
+        // 系统字段
+        LinkedHashMap<String, Object> systemFieldMap = getSystemFieldMap(data);
+        // 自定义字段
+        AtomicReference<Map<String, Object>> moduleFieldMap = new AtomicReference<>(new LinkedHashMap<>());
+        Optional.ofNullable(data.getModuleFields()).ifPresent(moduleFields ->
+                moduleFieldMap.set(moduleFields.stream()
+                        .collect(Collectors.toMap(BaseModuleFieldValue::getFieldId, BaseModuleFieldValue::getFieldValue))));
+        // 处理数据转换
+        transModuleFieldValue(headList, systemFieldMap, moduleFieldMap.get(), dataList, fieldConfigMap);
+        return dataList;
+    }
+
+    private LinkedHashMap<String, Object> getSystemFieldMap(CustomFormDataListResponse data) {
+        LinkedHashMap<String, Object> systemFieldMap = new LinkedHashMap<>();
+        systemFieldMap.put("name", data.getName());
+        systemFieldMap.put("owner", data.getOwnerName());
+        systemFieldMap.put("createUser", data.getCreateUserName());
+        systemFieldMap.put("createTime", TimeUtils.getDateTimeStr(data.getCreateTime()));
+        systemFieldMap.put("updateUser", data.getUpdateUserName());
+        systemFieldMap.put("updateTime", TimeUtils.getDateTimeStr(data.getUpdateTime()));
+        return systemFieldMap;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/service/CustomFormDataFieldService.java b/backend/crm/src/main/java/cn/cordys/crm/form/service/CustomFormDataFieldService.java
new file mode 100644
index 0000000..fea0899
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/service/CustomFormDataFieldService.java
@@ -0,0 +1,48 @@
+package cn.cordys.crm.form.service;
+
+import cn.cordys.common.service.BaseResourceFieldService;
+import cn.cordys.crm.form.domain.CustomFormDataField;
+import cn.cordys.crm.form.domain.CustomFormDataFieldBlob;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class CustomFormDataFieldService extends BaseResourceFieldService<CustomFormDataField, CustomFormDataFieldBlob> {
+
+    private static final ThreadLocal<String> FORM_KEY_HOLDER = new ThreadLocal<>();
+
+    @Resource
+    private BaseMapper<CustomFormDataField> customFormDataFieldMapper;
+    @Resource
+    private BaseMapper<CustomFormDataFieldBlob> customFormDataFieldBlobMapper;
+
+    public static void setFormKey(String formKey) {
+        FORM_KEY_HOLDER.set(formKey);
+    }
+
+    public static void clearFormKey() {
+        FORM_KEY_HOLDER.remove();
+    }
+
+    @Override
+    protected String getFormKey() {
+        String formKey = FORM_KEY_HOLDER.get();
+        if (formKey == null) {
+            throw new IllegalStateException("formKey 没有设置，请先调用 setFormKey 方法设置 formKey");
+        }
+        return formKey;
+    }
+
+    @Override
+    protected BaseMapper<CustomFormDataField> getResourceFieldMapper() {
+        return customFormDataFieldMapper;
+    }
+
+    @Override
+    protected BaseMapper<CustomFormDataFieldBlob> getResourceFieldBlobMapper() {
+        return customFormDataFieldBlobMapper;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/service/CustomFormDataLogService.java b/backend/crm/src/main/java/cn/cordys/crm/form/service/CustomFormDataLogService.java
new file mode 100644
index 0000000..f0bd400
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/service/CustomFormDataLogService.java
@@ -0,0 +1,86 @@
+package cn.cordys.crm.form.service;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.dto.JsonDifferenceDTO;
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.form.domain.CustomFormData;
+import cn.cordys.crm.system.service.BaseModuleLogService;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.List;
+
+@Slf4j
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class CustomFormDataLogService extends BaseModuleLogService {
+
+    @Override
+    public List<JsonDifferenceDTO> handleLogField(List<JsonDifferenceDTO> differences, String orgId) {
+        String jsonValue = StringUtils.isNotBlank(oldValue) ? oldValue : newValue;
+        if (StringUtils.isBlank(jsonValue)) {
+            return differences;
+        }
+
+        CustomFormData customFormData;
+        try {
+            customFormData = JSON.parseObject(jsonValue, CustomFormData.class);
+        } catch (Exception e) {
+            log.warn("解析自定义表单数据日志失败, 尝试修复特殊字符后重新解析: {}", e.getMessage());
+            // 对含有未转义特殊字符的JSON进行修复
+            String fixedJson = escapeSpecialChars(jsonValue);
+            try {
+                customFormData = JSON.parseObject(fixedJson, CustomFormData.class);
+            } catch (Exception ex) {
+                log.error("修复后仍然无法解析自定义表单数据日志: {}", ex.getMessage());
+                return differences;
+            }
+        }
+
+        final String formId = customFormData.getCustomFormId();
+        differences.removeIf(differ -> Strings.CS.equalsAny(differ.getColumn(), "customFormId"));
+        differences = super.handleModuleLogField(differences, orgId, formId);
+        for (JsonDifferenceDTO differ : differences) {
+            if (Strings.CS.equals(differ.getColumn(), BusinessModuleField.CUSTOM_FORM_DATA_OWNER.getBusinessKey())) {
+                setUserFieldName(differ);
+            }
+        }
+        return differences;
+    }
+
+    /**
+     * 修复JSON字符串中未转义的特殊字符
+     * 将未转义的控制字符（如换行符、制表符等）转换为转义形式
+     *
+     * @param json 原始JSON字符串
+     * @return 修复后的JSON字符串
+     */
+    private String escapeSpecialChars(String json) {
+        if (json == null) {
+            return null;
+        }
+        StringBuilder sb = new StringBuilder(json.length());
+        for (int i = 0; i < json.length(); i++) {
+            char c = json.charAt(i);
+            switch (c) {
+                case '\n' -> sb.append("\\n");
+                case '\r' -> sb.append("\\r");
+                case '\t' -> sb.append("\\t");
+                case '\b' -> sb.append("\\b");
+                case '\f' -> sb.append("\\f");
+                default -> {
+                    if (c < 0x20) {
+                        // 其他控制字符使用Unicode转义
+                        sb.append("\\u").append(String.format("%04x", (int) c));
+                    } else {
+                        sb.append(c);
+                    }
+                }
+            }
+        }
+        return sb.toString();
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/service/CustomFormDataService.java b/backend/crm/src/main/java/cn/cordys/crm/form/service/CustomFormDataService.java
new file mode 100644
index 0000000..03803f9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/service/CustomFormDataService.java
@@ -0,0 +1,586 @@
+package cn.cordys.crm.form.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogDTO;
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.domain.BaseResourceSubField;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.response.result.CrmHttpResultCode;
+import cn.cordys.common.service.BaseResourceFieldService;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.form.domain.*;
+import cn.cordys.crm.form.dto.request.CustomFormDataAddRequest;
+import cn.cordys.crm.form.dto.request.CustomFormDataBatchUpdateRequest;
+import cn.cordys.crm.form.dto.request.CustomFormDataPageRequest;
+import cn.cordys.crm.form.dto.request.CustomFormDataUpdateRequest;
+import cn.cordys.crm.form.dto.response.CustomFormDataGetResponse;
+import cn.cordys.crm.form.dto.response.CustomFormDataListResponse;
+import cn.cordys.crm.form.mapper.ExtCustomFormDataMapper;
+import cn.cordys.crm.system.domain.ModuleForm;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.response.ImportResponse;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.excel.CustomImportAfterDoConsumer;
+import cn.cordys.crm.system.excel.handler.CustomHeadColWidthStyleStrategy;
+import cn.cordys.crm.system.excel.handler.CustomTemplateWriteHandler;
+import cn.cordys.crm.system.excel.listener.CustomFieldCheckEventListener;
+import cn.cordys.crm.system.excel.listener.CustomFieldImportEventListener;
+import cn.cordys.crm.system.service.LogService;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.crm.system.service.ModuleFormService;
+import cn.cordys.excel.utils.EasyExcelExporter;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import cn.idev.excel.FastExcelFactory;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import jakarta.servlet.http.HttpServletResponse;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.BooleanUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+import org.springframework.web.multipart.MultipartFile;
+
+import java.util.*;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class CustomFormDataService {
+
+    @Resource
+    private BaseMapper<CustomFormData> customFormDataMapper;
+    @Resource
+    private ExtCustomFormDataMapper extCustomFormDataMapper;
+    @Resource
+    private BaseMapper<CustomFormRole> customFormRoleMapper;
+    @Resource
+    private BaseMapper<CustomFormRoleUser> customFormRoleUserMapper;
+    @Resource
+    private CustomFormDataFieldService customFormDataFieldService;
+    @Resource
+    private CustomFormService customFormService;
+    @Resource
+    private BaseService baseService;
+    @Resource
+    private ModuleFormService moduleFormService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private BaseMapper<ModuleForm> moduleFormMapper;
+    @Resource
+    private LogService logService;
+    @Resource
+    private BaseMapper<CustomForm> customFormMapper;
+    @Resource
+    private BaseMapper<CustomFormDataField> customFormDataFieldMapper;
+    @Resource
+    private BaseMapper<CustomFormDataFieldBlob> customFormDataFieldBlobMapper;
+
+    public PagerWithOption<List<CustomFormDataListResponse>> page(CustomFormDataPageRequest request, String userId, String orgId, boolean checkDataPermission) {
+        String formId = request.getCustomFormId();
+        boolean manageOwn = false;
+        CustomFormRoleKey dataScope;
+        if (checkDataPermission) {
+            dataScope = getDataScope(formId, userId);
+            manageOwn = dataScope == CustomFormRoleKey.MANAGE_OWN;
+        } else {
+            dataScope = CustomFormRoleKey.VIEW_ALL;
+        }
+
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        List<CustomFormDataListResponse> list = extCustomFormDataMapper.list(request, orgId, userId, manageOwn);
+        CustomFormDataFieldService.setFormKey(formId);
+        try {
+            list = buildList(list, formId, orgId);
+            Map<String, List<OptionDTO>> optionMap = buildOptionMap(formId, orgId, list);
+            list.forEach(item -> item.setIsAdmin(isAdminUser(dataScope, userId, item.getOwner())));
+            return PageUtils.setPageInfoWithOption(page, list, optionMap);
+        } finally {
+            CustomFormDataFieldService.clearFormKey();
+        }
+    }
+
+    private boolean isAdminUser(CustomFormRoleKey dataScope, String userId, String owner) {
+        return dataScope == CustomFormRoleKey.MANAGE_ALL ||
+                (dataScope == CustomFormRoleKey.MANAGE_OWN && StringUtils.equals(owner, userId));
+    }
+
+    public List<CustomFormDataListResponse> buildList(List<CustomFormDataListResponse> list, String formId, String orgId) {
+        if (CollectionUtils.isEmpty(list)) {
+            return list;
+        }
+
+        List<String> dataIds = list.stream().map(CustomFormDataListResponse::getId).toList();
+
+        Map<String, List<BaseModuleFieldValue>> fieldMap = customFormDataFieldService.getResourceFieldMap(dataIds, true);
+        Map<String, List<BaseModuleFieldValue>> resolvefieldValueMap = customFormDataFieldService.setBusinessRefFieldValue(list, moduleFormService.getFlattenFormFields(formId, orgId), fieldMap);
+
+        list.forEach(resp -> {
+            resp.setModuleFields(resolvefieldValueMap.get(resp.getId()));
+        });
+
+        return baseService.setCreateUpdateOwnerUserName(list);
+    }
+
+
+    private Map<String, List<OptionDTO>> buildOptionMap(String formId, String orgId, List<CustomFormDataListResponse> list) {
+        ModuleForm moduleForm = moduleFormMapper.selectByPrimaryKey(formId);
+        if (moduleForm == null || CollectionUtils.isEmpty(list)) {
+            return Collections.emptyMap();
+        }
+
+        ModuleFormConfigDTO formConfig = moduleFormService.getBusinessFormConfig(moduleForm.getFormKey(), orgId);
+        List<BaseModuleFieldValue> moduleFieldValues = moduleFormService.getBaseModuleFieldValues(list, CustomFormDataListResponse::getModuleFields);
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(formConfig, moduleFieldValues);
+
+        List<OptionDTO> ownerFieldOption = moduleFormService.getBusinessFieldOption(list,
+                CustomFormDataListResponse::getOwner, CustomFormDataListResponse::getOwnerName);
+        optionMap.put(BusinessModuleField.CUSTOM_FORM_DATA_OWNER.getBusinessKey(), ownerFieldOption);
+
+        return optionMap;
+    }
+
+    public CustomFormDataGetResponse get(String id, String userId, String orgId) {
+        CustomFormData data = customFormDataMapper.selectByPrimaryKey(id);
+        if (data == null) {
+            throw new GenericException(CrmHttpResultCode.NOT_FOUND);
+        }
+        CustomFormRoleKey dataScope = getDataScope(data.getCustomFormId(), userId);
+        if (dataScope == CustomFormRoleKey.MANAGE_OWN && !StringUtils.equals(data.getCreateUser(), userId)) {
+            throw new GenericException(CrmHttpResultCode.FORBIDDEN);
+        }
+
+        CustomFormDataGetResponse resp = BeanUtils.copyBean(new CustomFormDataGetResponse(), data);
+        resp.setIsAdmin(isAdminUser(dataScope, userId, data.getOwner()));
+
+        Map<String, String> userNameMap = baseService.getUserNameMap(
+                List.of(data.getOwner(), data.getCreateUser(), data.getUpdateUser())
+        );
+        resp.setOwnerName(userNameMap.get(data.getOwner()));
+        resp.setCreateUserName(userNameMap.get(data.getCreateUser()));
+        resp.setUpdateUserName(userNameMap.get(data.getUpdateUser()));
+
+        CustomFormDataFieldService.setFormKey(data.getCustomFormId());
+        try {
+            ModuleFormConfigDTO formConfig = moduleFormCacheService.getBusinessFormConfig(data.getCustomFormId(), orgId);
+            List<BaseModuleFieldValue> moduleFields = customFormDataFieldService.getModuleFieldValuesByResourceId(id);
+            Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(formConfig, moduleFields);
+            optionMap.put(BusinessModuleField.CUSTOM_FORM_DATA_OWNER.getBusinessKey(),
+                    moduleFormService.getBusinessFieldOption(List.of(resp),
+                            CustomFormDataGetResponse::getOwner, CustomFormDataGetResponse::getOwnerName));
+            moduleFormService.processBusinessFieldValues(resp, moduleFields, formConfig);
+            resp.setAttachmentMap(moduleFormService.getAttachmentMap(formConfig, moduleFields));
+            resp.setOptionMap(optionMap);
+            resp.setModuleFields(moduleFields);
+        } finally {
+            CustomFormDataFieldService.clearFormKey();
+        }
+
+        return resp;
+    }
+
+    /**
+     * 获取详情（⚠️反射调用; 勿修改入参, 返回, 方法名!）
+     *
+     * @param id 订单ID
+     *
+     * @return 详情
+     */
+    public CustomFormDataGetResponse getSimple(String id) {
+        CustomFormData customFormData = customFormDataMapper.selectByPrimaryKey(id);
+        if (customFormData == null) {
+            return null;
+        }
+        CustomFormDataGetResponse customFormDataGetResponse = BeanUtils.copyBean(new CustomFormDataGetResponse(), customFormData);
+        // 获取模块字段
+        List<BaseModuleFieldValue> customFormDataFields = customFormDataFieldService.getModuleFieldValuesByResourceId(id);
+        customFormDataGetResponse.setModuleFields(customFormDataFields);
+        return customFormDataGetResponse;
+    }
+
+    /**
+     * 批量获取自定义数据详情 (用于数据源批量查询优化)
+     * @param ids ID集合
+     * @return 详情列表
+     */
+    public List<CustomFormDataGetResponse> batchGetSimpleByIds(List<String> ids) {
+        if (CollectionUtils.isEmpty(ids)) {
+            return Collections.emptyList();
+        }
+        // 批量查询资源基本信息
+        List<CustomFormData> customFormData = customFormDataMapper.selectByIds(ids);
+        if (CollectionUtils.isEmpty(customFormData)) {
+            return Collections.emptyList();
+        }
+        // 批量查询自定义字段值
+        Map<String, List<BaseModuleFieldValue>> fieldValueMap = customFormDataFieldService.getResourceFieldMap(ids, true);
+
+        // 组装结果
+        return customFormData.stream().map(clue -> {
+            CustomFormDataGetResponse response = BeanUtils.copyBean(new CustomFormDataGetResponse(), clue);
+            response.setModuleFields(fieldValueMap.get(clue.getId()));
+            return response;
+        }).toList();
+    }
+
+    @OperationLog(module = LogModule.CUSTOM_FORM_DATA, type = LogType.ADD)
+    public CustomFormData add(CustomFormDataAddRequest request, String userId, String orgId) {
+        CustomFormData data = new CustomFormData();
+        data.setId(IDGenerator.nextStr());
+        data.setCustomFormId(request.getCustomFormId());
+        data.setName(request.getName());
+        data.setOwner(StringUtils.isNotBlank(request.getOwner()) ? request.getOwner() : userId);
+        data.setOrganizationId(orgId);
+        data.setCreateTime(System.currentTimeMillis());
+        data.setUpdateTime(System.currentTimeMillis());
+        data.setCreateUser(userId);
+        data.setUpdateUser(userId);
+
+        CustomFormDataFieldService.setFormKey(request.getCustomFormId());
+        try {
+            customFormDataFieldService.saveModuleField(data, orgId, userId, request.getModuleFields(), false);
+        } finally {
+            CustomFormDataFieldService.clearFormKey();
+        }
+        customFormDataMapper.insert(data);
+
+        baseService.handleAddLogWithResourceName(data, request.getModuleFields());
+
+        return data;
+    }
+
+    @OperationLog(module = LogModule.CUSTOM_FORM_DATA, type = LogType.UPDATE, resourceId = "{#request.id}")
+    public void update(CustomFormDataUpdateRequest request, String userId, String orgId) {
+        CustomFormData originData = customFormDataMapper.selectByPrimaryKey(request.getId());
+        if (originData == null) {
+            throw new GenericException(CrmHttpResultCode.NOT_FOUND);
+        }
+
+        CustomFormRoleKey dataScope = getDataScope(originData.getCustomFormId(), userId);
+        checkWritePermission(dataScope, originData.getCreateUser(), userId);
+
+        CustomFormData updateData = new CustomFormData();
+        updateData.setId(request.getId());
+        updateData.setName(request.getName());
+        updateData.setOwner(request.getOwner());
+        updateData.setUpdateTime(System.currentTimeMillis());
+        updateData.setUpdateUser(userId);
+        customFormDataMapper.update(updateData);
+
+
+        CustomFormDataFieldService.setFormKey(originData.getCustomFormId());
+        try {
+            if (request.getModuleFields() != null) {
+                List<BaseModuleFieldValue> originFields = customFormDataFieldService.getModuleFieldValuesByResourceId(request.getId());
+                // 过滤掉引用字段（显示字段），这些字段不需要参与日志对比
+                List<BaseModuleFieldValue> logOriginFields = filterRefFields(originFields);
+                List<BaseModuleFieldValue> logModifiedFields = filterRefFields(request.getModuleFields());
+				baseService.handleUpdateLog(originData, updateData, logOriginFields, logModifiedFields, originData.getId(), originData.getName());
+                customFormDataFieldService.deleteByResourceId(request.getId());
+                customFormDataFieldService.saveModuleField(updateData, orgId, userId, request.getModuleFields(), true);
+            } else {
+                baseService.handleUpdateLog(originData, updateData, null, null, originData.getId(), originData.getName());
+            }
+        } finally {
+            CustomFormDataFieldService.clearFormKey();
+        }
+    }
+
+    @OperationLog(module = LogModule.CUSTOM_FORM_DATA, type = LogType.DELETE, resourceId = "{#id}")
+    public void delete(String id, String userId) {
+        CustomFormData data = customFormDataMapper.selectByPrimaryKey(id);
+        if (data == null) {
+            throw new GenericException(CrmHttpResultCode.NOT_FOUND);
+        }
+
+        CustomFormRoleKey dataScope = getDataScope(data.getCustomFormId(), userId);
+        checkWritePermission(dataScope, data.getCreateUser(), userId);
+
+        customFormDataFieldService.deleteByResourceId(id);
+        customFormDataMapper.deleteByPrimaryKey(id);
+
+        // 设置操作对象
+        OperationLogContext.setResourceName(data.getName());
+    }
+
+    public void batchUpdate(CustomFormDataBatchUpdateRequest request, String userId, String orgId) {
+        List<CustomFormData> dataList = customFormDataMapper.selectByIds(request.getIds());
+        if (CollectionUtils.isEmpty(dataList)) {
+            return;
+        }
+        checkBatchPermission(userId, dataList, request.getCustomFormId());
+        CustomFormDataFieldService.setFormKey(request.getCustomFormId());
+        try {
+            BaseField field = customFormDataFieldService.getAndCheckField(request.getFieldId(), orgId);
+            customFormDataFieldService.batchUpdate(request, field, dataList, CustomFormData.class, LogModule.CUSTOM_FORM_DATA, extCustomFormDataMapper::batchUpdate, userId, orgId);
+        } finally {
+            CustomFormDataFieldService.clearFormKey();
+        }
+    }
+
+    private void checkBatchPermission(String userId, List<CustomFormData> dataList, String formId) {
+        CustomFormRoleKey dataScope = getDataScope(formId, userId);
+        if (dataScope == CustomFormRoleKey.VIEW_ALL) {
+            throw new GenericException(CrmHttpResultCode.FORBIDDEN);
+        }
+        for (CustomFormData customFormData : dataList) {
+            if (!Strings.CI.equals(customFormData.getCustomFormId(), formId)) {
+                // 数据所属表单不一致，禁止批量操作
+                throw new GenericException(CrmHttpResultCode.FORBIDDEN);
+            }
+            if (dataScope == CustomFormRoleKey.MANAGE_OWN && !StringUtils.equals(customFormData.getOwner(), userId)) {
+                // 仅能操作自己负责的数据，且数据负责人不为当前用户，禁止操作
+                throw new GenericException(CrmHttpResultCode.FORBIDDEN);
+            }
+        }
+    }
+
+    public void batchDelete(List<String> ids, String userId, String orgId) {
+        List<CustomFormData> dataList = customFormDataMapper.selectByIds(ids);
+        if (CollectionUtils.isEmpty(dataList)) {
+            return;
+        }
+
+        String formId = dataList.getFirst().getCustomFormId();
+        checkBatchPermission(userId, dataList, formId);
+
+        List<String> deletableIds = dataList.stream()
+                .map(CustomFormData::getId)
+                .toList();
+
+        customFormDataFieldService.deleteByResourceIds(deletableIds);
+        customFormDataMapper.deleteByIds(deletableIds);
+
+        List<LogDTO> logs = dataList.stream()
+                .map(data ->
+                        new LogDTO(orgId, data.getId(), userId, LogType.DELETE, LogModule.CUSTOM_FORM_DATA, data.getName())
+                )
+                .toList();
+        logService.batchAdd(logs);
+    }
+
+    private void checkWritePermission(CustomFormRoleKey dataScope, String dataCreateUser, String currentUserId) {
+        if (dataScope == CustomFormRoleKey.VIEW_ALL) {
+            throw new GenericException(CrmHttpResultCode.FORBIDDEN);
+        }
+        if (dataScope == CustomFormRoleKey.MANAGE_OWN && !StringUtils.equals(dataCreateUser, currentUserId)) {
+            throw new GenericException(CrmHttpResultCode.FORBIDDEN);
+        }
+    }
+
+    CustomFormRoleKey getDataScope(String formId, String userId) {
+        return getDataScope(formId, userId, true);
+    }
+
+    CustomFormRoleKey getDataScope(String formId, String userId, boolean checkEnable) {
+        CustomForm customForm = customFormMapper.selectByPrimaryKey(formId);
+        if (customFormService.isFormAdminUser(formId, userId)) {
+            // 管理员管理所有数据
+            return CustomFormRoleKey.MANAGE_ALL;
+        }
+
+        if (checkEnable && BooleanUtils.isFalse(customForm.getEnable())) {
+            // 表单未启用，非管理员没有权限查看
+            throw new GenericException(CrmHttpResultCode.FORBIDDEN);
+        }
+
+        // check role membership
+        LambdaQueryWrapper<CustomFormRole> roleWrapper = new LambdaQueryWrapper<>();
+        roleWrapper.eq(CustomFormRole::getCustomFormId, formId);
+        List<CustomFormRole> roles = customFormRoleMapper.selectListByLambda(roleWrapper);
+        if (CollectionUtils.isEmpty(roles)) {
+            throw new GenericException(CrmHttpResultCode.FORBIDDEN);
+        }
+
+        Map<String, CustomFormRoleKey> roleKeyMap = roles.stream()
+                .collect(Collectors.toMap(CustomFormRole::getId, r -> {
+                    for (CustomFormRoleKey key : CustomFormRoleKey.values()) {
+                        if (key.getKey().equals(r.getInternalKey())) {
+                            return key;
+                        }
+                    }
+                    return null;
+                }));
+        List<String> roleIds = roles.stream().map(CustomFormRole::getId).toList();
+
+        LambdaQueryWrapper<CustomFormRoleUser> ruWrapper = new LambdaQueryWrapper<>();
+        ruWrapper.in(CustomFormRoleUser::getRoleId, roleIds).eq(CustomFormRoleUser::getUserId, userId);
+        List<CustomFormRoleUser> roleUsers = customFormRoleUserMapper.selectListByLambda(ruWrapper);
+
+        if (CollectionUtils.isEmpty(roleUsers)) {
+            throw new GenericException(CrmHttpResultCode.FORBIDDEN);
+        }
+
+        Set<CustomFormRoleKey> userRoleKeys = roleUsers.stream()
+                .map(ru -> roleKeyMap.get(ru.getRoleId()))
+                .filter(Objects::nonNull)
+                .collect(Collectors.toSet());
+
+        if (userRoleKeys.contains(CustomFormRoleKey.MANAGE_ALL)) {
+            return CustomFormRoleKey.MANAGE_ALL;
+        }
+        if (userRoleKeys.contains(CustomFormRoleKey.VIEW_ALL)) {
+            return CustomFormRoleKey.VIEW_ALL;
+        }
+        if (userRoleKeys.contains(CustomFormRoleKey.MANAGE_OWN)) {
+            return CustomFormRoleKey.MANAGE_OWN;
+        }
+
+        throw new GenericException(CrmHttpResultCode.FORBIDDEN);
+    }
+
+    public String getNameStrByIds(List<String> ids) {
+        if (CollectionUtils.isEmpty(ids)) {
+            return StringUtils.EMPTY;
+        }
+        List<CustomFormData> customFormDataList = customFormDataMapper.selectByIds(ids);
+        if (CollectionUtils.isNotEmpty(customFormDataList)) {
+            List<String> names = customFormDataList.stream().map(CustomFormData::getName).toList();
+            return String.join(",", names);
+        }
+        return StringUtils.EMPTY;
+    }
+
+    public List<CustomFormData> selectByNames(List<String> names) {
+        LambdaQueryWrapper<CustomFormData> lambdaQueryWrapper = new LambdaQueryWrapper<>();
+        lambdaQueryWrapper.in(CustomFormData::getName, names);
+        return customFormDataMapper.selectListByLambda(lambdaQueryWrapper);
+    }
+
+    public String getNameById(String id) {
+        CustomFormData customFormData = customFormDataMapper.selectByPrimaryKey(id);
+        return Optional.ofNullable(customFormData).map(CustomFormData::getName).orElse(null);
+    }
+
+    /**
+     * 下载导入模板
+     *
+     * @param response   响应
+     * @param customFormId 自定义表单ID
+     * @param orgId      组织ID
+     */
+    public void downloadImportTpl(HttpServletResponse response, String customFormId, String orgId) {
+        CustomForm customForm = customFormMapper.selectByPrimaryKey(customFormId);
+        String formName = customForm != null ? customForm.getName() : StringUtils.EMPTY;
+        new EasyExcelExporter()
+                .exportMultiSheetTplWithSharedHandler(response, moduleFormService.getCustomImportHeadsNoRef(customFormId, orgId),
+                        Translator.getWithArgs("custom_form_data.import_tpl.name", formName), Translator.get("sheet.data"), Translator.get("sheet.comment"),
+                        new CustomTemplateWriteHandler(moduleFormService.getAllCustomImportFields(customFormId, orgId)),
+                        new CustomHeadColWidthStyleStrategy());
+    }
+
+    /**
+     * 导入预检查
+     *
+     * @param file         导入文件
+     * @param customFormId 自定义表单ID
+     * @param orgId        组织ID
+     *
+     * @return 导入检查信息
+     */
+    public ImportResponse importPreCheck(MultipartFile file, String customFormId, String orgId) {
+        if (file == null) {
+            throw new GenericException(Translator.get("file_cannot_be_null"));
+        }
+        return checkImportExcel(file, customFormId, orgId);
+    }
+
+    /**
+     * 自定义表单数据导入
+     *
+     * @param file         导入文件
+     * @param customFormId 自定义表单ID
+     * @param orgId        组织ID
+     * @param userId       用户ID
+     *
+     * @return 导入结果
+     */
+    public ImportResponse realImport(MultipartFile file, String customFormId, String orgId, String userId) {
+        try {
+            CustomFormDataFieldService.setFormKey(customFormId);
+            List<BaseField> fields = moduleFormService.getAllFields(customFormId, orgId);
+            CustomImportAfterDoConsumer<CustomFormData, BaseResourceSubField> afterDo = (dataList, fieldList, fieldBlobList) -> {
+                var logs = new ArrayList<LogDTO>();
+                dataList.forEach(data -> {
+                    data.setCustomFormId(customFormId);
+                    data.setOrganizationId(orgId);
+                    if (StringUtils.isBlank(data.getOwner())) {
+                        data.setOwner(userId);
+                    }
+                    logs.add(new LogDTO(orgId, data.getId(), userId, LogType.ADD, LogModule.CUSTOM_FORM_DATA, data.getName()));
+                });
+                customFormDataMapper.batchInsert(dataList);
+                customFormDataFieldMapper.batchInsert(fieldList.stream()
+                        .map(field -> BeanUtils.copyBean(new CustomFormDataField(), field)).toList());
+                customFormDataFieldBlobMapper.batchInsert(fieldBlobList.stream()
+                        .map(field -> BeanUtils.copyBean(new CustomFormDataFieldBlob(), field)).toList());
+                logService.batchAdd(logs);
+            };
+            CustomFieldImportEventListener<CustomFormData> eventListener = new CustomFieldImportEventListener<>(
+                    fields, CustomFormData.class, orgId, userId, "custom_form_data_field", afterDo, 2000, null, null);
+            FastExcelFactory.read(file.getInputStream(), eventListener)
+                    .headRowNumber(1).ignoreEmptyRow(true).sheet().doRead();
+            return ImportResponse.builder().errorMessages(eventListener.getErrList())
+                    .successCount(eventListener.getSuccessCount()).failCount(eventListener.getErrList().size()).build();
+        } catch (Exception e) {
+            log.error("custom form data import error: {}", e.getMessage());
+            throw new GenericException(e.getMessage());
+        } finally {
+            CustomFormDataFieldService.clearFormKey();
+        }
+    }
+
+    /**
+     * 检查导入文件
+     *
+     * @param file         文件
+     * @param customFormId 自定义表单ID
+     * @param orgId        组织ID
+     *
+     * @return 检查结果
+     */
+    private ImportResponse checkImportExcel(MultipartFile file, String customFormId, String orgId) {
+        try {
+            CustomFormDataFieldService.setFormKey(customFormId);
+            List<BaseField> fields = moduleFormService.getAllCustomImportFields(customFormId, orgId);
+            CustomFieldCheckEventListener eventListener = new CustomFieldCheckEventListener(fields, "custom_form_data", "custom_form_data_field", orgId);
+            FastExcelFactory.read(file.getInputStream(), eventListener)
+                    .headRowNumber(1).ignoreEmptyRow(true).sheet().doRead();
+            return ImportResponse.builder().errorMessages(eventListener.getErrList())
+                    .successCount(eventListener.getSuccess()).failCount(eventListener.getErrList().size()).build();
+        } catch (Exception e) {
+            log.error("custom form data import pre-check error: {}", e.getMessage());
+            throw new GenericException(e.getMessage());
+        } finally {
+            CustomFormDataFieldService.clearFormKey();
+        }
+    }
+
+    /**
+     * 过滤掉引用字段（显示字段），这些字段不需要参与日志对比
+     */
+    private List<BaseModuleFieldValue> filterRefFields(List<BaseModuleFieldValue> fields) {
+        if (CollectionUtils.isEmpty(fields)) {
+            return fields;
+        }
+        return fields.stream()
+                .filter(f -> !f.getFieldId().contains(BaseResourceFieldService.REF_UNDERLINE))
+                .toList();
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/service/CustomFormLogService.java b/backend/crm/src/main/java/cn/cordys/crm/form/service/CustomFormLogService.java
new file mode 100644
index 0000000..800cfd5
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/service/CustomFormLogService.java
@@ -0,0 +1,162 @@
+package cn.cordys.crm.form.service;
+
+import cn.cordys.common.dto.JsonDifferenceDTO;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.form.domain.CustomFormRole;
+import cn.cordys.crm.system.mapper.ExtUserMapper;
+import cn.cordys.crm.system.service.BaseModuleLogService;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class CustomFormLogService extends BaseModuleLogService {
+
+    @Resource
+    private BaseMapper<CustomFormRole> customFormRoleMapper;
+    @Resource
+    private ExtUserMapper extUserMapper;
+
+    @Override
+    public List<JsonDifferenceDTO> handleLogField(List<JsonDifferenceDTO> differences, String orgId) {
+        differences.forEach(differ -> {
+            if (Strings.CS.equals(differ.getColumn(), "enable")) {
+                differ.setColumnName(Translator.get("log.enable"));
+                if (differ.getOldValue() != null) {
+                    differ.setOldValueName(Translator.get(Boolean.parseBoolean(differ.getOldValue().toString()) ? "log.enable.true" : "log.enable.false"));
+                }
+                if (differ.getNewValue() != null) {
+                    differ.setNewValueName(Translator.get(Boolean.parseBoolean(differ.getNewValue().toString()) ? "log.enable.true" : "log.enable.false"));
+                }
+            } else if (Strings.CS.equals(differ.getColumn(), "adminUserIds")) {
+                handleAdminUserIdsLogDetail(differ);
+            } else if (Strings.CS.equals(differ.getColumn(), "roleUsers")) {
+                handleRoleUsersLogDetail(differ);
+            } else if (Strings.CS.equals(differ.getColumn(), "name")) {
+				differ.setColumnName(Translator.get("log.form." + differ.getColumn()));
+				differ.setOldValueName(differ.getOldValue());
+				differ.setNewValueName(differ.getNewValue());
+			} else if (Strings.CS.equals(differ.getColumn(), "fields")) {
+				differ.setColumnName(Translator.get("log." + differ.getColumn()));
+				handleFieldsLogDetail(differ);
+			} else if (Strings.CS.equals("formProp", differ.getColumn())) {
+				differ.setColumnName(Translator.get("log.form.prop"));
+				handleFormPropLogDetail(differ);
+			} else {
+                translatorDifferInfo(differ);
+            }
+        });
+        differences.removeIf(differ -> differ.getOldValueName() == null && differ.getNewValueName() == null);
+        return differences;
+    }
+
+    @SuppressWarnings("unchecked")
+    private void handleAdminUserIdsLogDetail(JsonDifferenceDTO differ) {
+        differ.setColumnName(Translator.get("log.adminUserIds"));
+        Map<String, String> userNameMap = getUserNameMapFromValues(differ.getOldValue(), differ.getNewValue());
+
+        if (differ.getOldValue() instanceof List<?> oldUserIds) {
+            differ.setOldValueName(formatUserNames(oldUserIds, userNameMap));
+        }
+        if (differ.getNewValue() instanceof List<?> newUserIds) {
+            differ.setNewValueName(formatUserNames(newUserIds, userNameMap));
+        }
+    }
+
+    @SuppressWarnings("unchecked")
+    private void handleRoleUsersLogDetail(JsonDifferenceDTO differ) {
+        differ.setColumnName(Translator.get("log.roleUsers"));
+
+        Map<String, List<String>> oldRoleUsers = new HashMap<>();
+        Map<String, List<String>> newRoleUsers = new HashMap<>();
+        Set<String> allUserIds = new HashSet<>();
+        Set<String> allRoleIds = new HashSet<>();
+
+        if (differ.getOldValue() instanceof Map<?, ?> oldMap) {
+            oldMap.forEach((roleId, userIds) -> {
+                String roleIdStr = String.valueOf(roleId);
+                List<String> uids = (List<String>) userIds;
+                oldRoleUsers.put(roleIdStr, uids);
+                allUserIds.addAll(uids);
+                allRoleIds.add(roleIdStr);
+            });
+        }
+        if (differ.getNewValue() instanceof Map<?, ?> newMap) {
+            newMap.forEach((roleId, userIds) -> {
+                String roleIdStr = String.valueOf(roleId);
+                List<String> uids = (List<String>) userIds;
+                newRoleUsers.put(roleIdStr, uids);
+                allUserIds.addAll(uids);
+                allRoleIds.add(roleIdStr);
+            });
+        }
+
+        Map<String, String> userNameMap = getUserNameMapByIds(new ArrayList<>(allUserIds));
+        Map<String, String> roleNameMap = getRoleNameMap(allRoleIds);
+
+        if (!oldRoleUsers.isEmpty()) {
+            differ.setOldValueName(formatRoleUsersText(oldRoleUsers, roleNameMap, userNameMap));
+        }
+        if (!newRoleUsers.isEmpty()) {
+            differ.setNewValueName(formatRoleUsersText(newRoleUsers, roleNameMap, userNameMap));
+        }
+    }
+
+    private String formatUserNames(List<?> userIds, Map<String, String> userNameMap) {
+        return userIds.stream()
+                .map(id -> userNameMap.getOrDefault(String.valueOf(id), String.valueOf(id)))
+                .collect(Collectors.joining(", "));
+    }
+
+    private String formatRoleUsersText(Map<String, List<String>> roleUsers,
+                                        Map<String, String> roleNameMap,
+                                        Map<String, String> userNameMap) {
+        return roleUsers.entrySet().stream()
+                .map(entry -> {
+                    String roleName = roleNameMap.getOrDefault(entry.getKey(), entry.getKey());
+                    String userNames = entry.getValue().stream()
+                            .map(uid -> userNameMap.getOrDefault(uid, uid))
+                            .collect(Collectors.joining(", "));
+                    return roleName + ": " + userNames;
+                })
+                .collect(Collectors.joining("\n"));
+    }
+
+    private Map<String, String> getUserNameMapFromValues(Object oldValue, Object newValue) {
+        List<String> userIds = new ArrayList<>();
+        if (oldValue instanceof List<?> oldList) {
+            oldList.forEach(id -> userIds.add(String.valueOf(id)));
+        }
+        if (newValue instanceof List<?> newList) {
+            newList.forEach(id -> userIds.add(String.valueOf(id)));
+        }
+        return getUserNameMapByIds(userIds);
+    }
+
+    private Map<String, String> getUserNameMapByIds(List<String> userIds) {
+        if (userIds.isEmpty()) {
+            return Collections.emptyMap();
+        }
+        return extUserMapper.selectUserOptionByIds(userIds).stream()
+                .collect(Collectors.toMap(OptionDTO::getId, OptionDTO::getName, (a, b) -> a));
+    }
+
+    private Map<String, String> getRoleNameMap(Set<String> roleIds) {
+        if (roleIds.isEmpty()) {
+            return Collections.emptyMap();
+        }
+        List<CustomFormRole> roles = customFormRoleMapper.selectByIds(new ArrayList<>(roleIds));
+        return roles.stream().collect(Collectors.toMap(
+                CustomFormRole::getId,
+                role -> Translator.get(role.getName(), role.getName()),
+                (a, b) -> a
+        ));
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/service/CustomFormRoleService.java b/backend/crm/src/main/java/cn/cordys/crm/form/service/CustomFormRoleService.java
new file mode 100644
index 0000000..c00e0bb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/service/CustomFormRoleService.java
@@ -0,0 +1,247 @@
+package cn.cordys.crm.form.service;
+
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.dto.LogDTO;
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.dto.BaseTreeNode;
+import cn.cordys.common.dto.DeptUserTreeNode;
+import cn.cordys.common.dto.RoleUserTreeNode;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.response.result.CrmHttpResultCode;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.SubListUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.form.domain.CustomForm;
+import cn.cordys.crm.form.domain.CustomFormAdmin;
+import cn.cordys.crm.form.domain.CustomFormRole;
+import cn.cordys.crm.form.domain.CustomFormRoleUser;
+import cn.cordys.crm.form.dto.request.CustomFormRoleUserBatchRequest;
+import cn.cordys.crm.form.dto.request.CustomFormRoleUserPageRequest;
+import cn.cordys.crm.form.dto.response.CustomFormRoleListResponse;
+import cn.cordys.crm.form.dto.response.CustomFormRoleUserListResponse;
+import cn.cordys.crm.form.mapper.ExtCustomFormRoleUserMapper;
+import cn.cordys.crm.system.dto.convert.UserRoleConvert;
+import cn.cordys.crm.system.dto.response.RoleListResponse;
+import cn.cordys.crm.system.mapper.ExtDepartmentMapper;
+import cn.cordys.crm.system.mapper.ExtUserMapper;
+import cn.cordys.crm.system.mapper.ExtUserRoleMapper;
+import cn.cordys.crm.system.service.DepartmentService;
+import cn.cordys.crm.system.service.LogService;
+import cn.cordys.crm.system.service.RoleService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.collections4.ListUtils;
+import org.apache.commons.lang3.BooleanUtils;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class CustomFormRoleService {
+
+    @Resource
+    private BaseMapper<CustomFormRole> customFormRoleMapper;
+    @Resource
+    private BaseMapper<CustomFormRoleUser> customFormRoleUserMapper;
+    @Resource
+    private BaseMapper<CustomFormAdmin> customFormAdminMapper;
+    @Resource
+    private ExtDepartmentMapper extDepartmentMapper;
+    @Resource
+    private ExtUserRoleMapper extUserRoleMapper;
+    @Resource
+    private ExtCustomFormRoleUserMapper extCustomFormRoleUserMapper;
+    @Resource
+    private ExtUserMapper extUserMapper;
+    @Resource
+    private RoleService roleService;
+    @Resource
+    private DepartmentService departmentService;
+    @Resource
+    private BaseMapper<CustomForm> customFormMapper;
+    @Resource
+    private LogService logService;
+
+    public List<CustomFormRoleListResponse> listByFormId(String customFormId, String userId) {
+        checkFormAdmin(customFormId, userId);
+
+        LambdaQueryWrapper<CustomFormRole> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(CustomFormRole::getCustomFormId, customFormId);
+        List<CustomFormRole> roles = customFormRoleMapper.selectListByLambda(wrapper);
+
+        return roles.stream().map(role -> {
+            CustomFormRoleListResponse resp = new CustomFormRoleListResponse();
+            resp.setId(role.getId());
+            resp.setName(role.getName());
+            resp.setCustomFormId(role.getCustomFormId());
+            resp.setInternalKey(role.getInternalKey());
+            return resp;
+        }).toList();
+    }
+
+    public Pager<List<CustomFormRoleUserListResponse>> listUsersByRole(CustomFormRoleUserPageRequest request,
+                                                                       String userId, String orgId) {
+        CustomFormRole role = customFormRoleMapper.selectByPrimaryKey(request.getCustomFormRoleId());
+        if (role == null) {
+            throw new GenericException(Translator.get("custom.form.role.not.exist"));
+        }
+        checkFormAdmin(role.getCustomFormId(), userId);
+
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        List<CustomFormRoleUserListResponse> roleUsers = extCustomFormRoleUserMapper.listByRoleId(orgId, request);
+        fillRoles(roleUsers, orgId);
+        return PageUtils.setPageInfo(page, roleUsers);
+    }
+
+    public List<DeptUserTreeNode> getDeptUserTree(String orgId) {
+        List<DeptUserTreeNode> treeNodes = extDepartmentMapper.selectDeptUserTreeNode(orgId);
+        List<DeptUserTreeNode> userNodes = extUserRoleMapper.selectUserDeptForOrg(orgId);
+        userNodes = departmentService.sortByCommander(orgId, userNodes);
+        userNodes.addAll(treeNodes);
+        return BaseTreeNode.buildTree(userNodes);
+    }
+
+    public List<RoleUserTreeNode> getRoleUserTree(String orgId) {
+        List<RoleListResponse> roles = roleService.list(orgId);
+        List<RoleUserTreeNode> treeNodes = roles.stream().map(role -> {
+            RoleUserTreeNode roleNode = new RoleUserTreeNode();
+            roleNode.setNodeType("ROLE");
+            roleNode.setInternal(BooleanUtils.isTrue(role.getInternal()));
+            roleNode.setId(role.getId());
+            roleNode.setName(role.getName());
+            return roleNode;
+        }).collect(Collectors.toList());
+
+        List<RoleUserTreeNode> userNodes = extUserRoleMapper.selectUserRoleForOrg(orgId);
+        treeNodes.addAll(userNodes);
+        return BaseTreeNode.buildTree(treeNodes);
+    }
+
+    private void fillRoles(List<CustomFormRoleUserListResponse> roleUsers, String orgId) {
+        if (CollectionUtils.isEmpty(roleUsers)) {
+            return;
+        }
+        List<String> userIds = roleUsers.stream().map(CustomFormRoleUserListResponse::getUserId).toList();
+        List<UserRoleConvert> userRoles = extUserMapper.getUserRole(userIds, orgId);
+        userRoles.forEach(role -> role.setName(roleService.translateInternalRole(role.getName())));
+        Map<String, List<UserRoleConvert>> userRoleMap = userRoles.stream()
+                .collect(Collectors.groupingBy(UserRoleConvert::getUserId));
+        roleUsers.forEach(roleUser -> roleUser.setRoles(userRoleMap.getOrDefault(roleUser.getUserId(), List.of())));
+    }
+
+    public void addUsers(CustomFormRoleUserBatchRequest request, String userId, String orgId) {
+        CustomFormRole role = customFormRoleMapper.selectByPrimaryKey(request.getCustomFormRoleId());
+        if (role == null) {
+            throw new GenericException(Translator.get("custom.form.role.not.exist"));
+        }
+        checkFormAdmin(role.getCustomFormId(), userId);
+
+        List<String> resolvedUserIds = resolveUserIds(request);
+        if (CollectionUtils.isEmpty(resolvedUserIds)) {
+            return;
+        }
+        List<String> userIds = new ArrayList<>();
+        SubListUtils.dealForSubList(resolvedUserIds, SubListUtils.DEFAULT_QUERY_BATCH_SIZE,
+                subUserIds -> userIds.addAll(extUserMapper.filterEnabledUserIds(subUserIds, orgId)));
+        if (CollectionUtils.isEmpty(userIds)) {
+            return;
+        }
+
+        LambdaQueryWrapper<CustomFormRoleUser> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(CustomFormRoleUser::getRoleId, request.getCustomFormRoleId());
+        List<String> currentRoleUserIds = customFormRoleUserMapper.selectListByLambda(wrapper)
+                .stream()
+                .map(CustomFormRoleUser::getUserId)
+                .toList();
+
+        long now = System.currentTimeMillis();
+        List<String> insertUserIds = ListUtils.subtract(userIds, currentRoleUserIds);
+        List<CustomFormRoleUser> toInsert = insertUserIds
+                .stream()
+                .map(uid -> {
+                    CustomFormRoleUser roleUser = new CustomFormRoleUser();
+                    roleUser.setId(IDGenerator.nextStr());
+                    roleUser.setRoleId(request.getCustomFormRoleId());
+                    roleUser.setUserId(uid);
+                    roleUser.setCreateTime(now);
+                    roleUser.setUpdateTime(now);
+                    roleUser.setCreateUser(userId);
+                    roleUser.setUpdateUser(userId);
+                    return roleUser;
+                }).toList();
+
+        if (CollectionUtils.isNotEmpty(toInsert)) {
+            customFormRoleUserMapper.batchInsert(toInsert);
+        }
+
+        CustomForm customForm = customFormMapper.selectByPrimaryKey(role.getCustomFormId());
+        List<String> userNames = extUserMapper.selectUserNameByIds(insertUserIds);
+        LogDTO logDTO = new LogDTO(orgId, role.getCustomFormId(), userId, LogType.ADD_USER, LogModule.CUSTOM_FORM, customForm.getName());
+        String detail = "[" + role.getName() + "]: " + userNames.stream().collect(Collectors.joining(", "));
+        logDTO.setDetail(detail);
+        logService.add(logDTO);
+    }
+
+    public void removeUsers(CustomFormRoleUserBatchRequest request, String userId, String orgId) {
+        CustomFormRole role = customFormRoleMapper.selectByPrimaryKey(request.getCustomFormRoleId());
+        if (role == null) {
+            throw new GenericException(Translator.get("custom.form.role.not.exist"));
+        }
+        checkFormAdmin(role.getCustomFormId(), userId);
+
+        if (CollectionUtils.isEmpty(request.getUserIds())) {
+            return;
+        }
+
+        LambdaQueryWrapper<CustomFormRoleUser> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(CustomFormRoleUser::getRoleId, request.getCustomFormRoleId()).in(CustomFormRoleUser::getId, request.getUserIds());
+        List<String> roleUserIds = customFormRoleUserMapper.selectByIds(request.getUserIds())
+                .stream()
+                .map(CustomFormRoleUser::getUserId).toList();
+        customFormRoleUserMapper.deleteByLambda(wrapper);
+
+        CustomForm customForm = customFormMapper.selectByPrimaryKey(role.getCustomFormId());
+
+        List<String> userNames = extUserMapper.selectUserNameByIds(roleUserIds);
+        LogDTO logDTO = new LogDTO(orgId, role.getCustomFormId(), userId, LogType.REMOVE_USER, LogModule.CUSTOM_FORM, customForm.getName());
+        String detail = "[" + role.getName() + "]: " + userNames.stream().collect(Collectors.joining(", "));
+        logDTO.setDetail(detail);
+        logService.add(logDTO);
+    }
+
+    private List<String> resolveUserIds(CustomFormRoleUserBatchRequest request) {
+        Set<String> userSet = new HashSet<>();
+        if (CollectionUtils.isNotEmpty(request.getRoleIds())) {
+            userSet.addAll(extUserRoleMapper.getUserIdsByRoleIds(request.getRoleIds()));
+        }
+        if (CollectionUtils.isNotEmpty(request.getDeptIds())) {
+            userSet.addAll(extDepartmentMapper.getUserIdsByDeptIds(request.getDeptIds()));
+        }
+        if (CollectionUtils.isNotEmpty(request.getUserIds())) {
+            userSet.addAll(request.getUserIds());
+        }
+        return new ArrayList<>(userSet);
+    }
+
+    private void checkFormAdmin(String formId, String userId) {
+        if (Objects.equals(InternalUser.ADMIN.getValue(), userId)) {
+            return;
+        }
+
+        LambdaQueryWrapper<CustomFormAdmin> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(CustomFormAdmin::getCustomFormId, formId).eq(CustomFormAdmin::getUserId, userId);
+        if (customFormAdminMapper.selectListByLambda(wrapper).isEmpty()) {
+            throw new GenericException(CrmHttpResultCode.FORBIDDEN);
+        }
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/form/service/CustomFormService.java b/backend/crm/src/main/java/cn/cordys/crm/form/service/CustomFormService.java
new file mode 100644
index 0000000..901b272
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/form/service/CustomFormService.java
@@ -0,0 +1,539 @@
+package cn.cordys.crm.form.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.response.result.CrmHttpResultCode;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.form.domain.*;
+import cn.cordys.crm.form.dto.request.CustomFormAddRequest;
+import cn.cordys.crm.form.dto.request.CustomFormAdminBatchRequest;
+import cn.cordys.crm.form.dto.request.CustomFormUpdateRequest;
+import cn.cordys.crm.form.dto.response.CustomFormGetResponse;
+import cn.cordys.crm.form.dto.response.CustomFormListResponse;
+import cn.cordys.crm.form.mapper.ExtCustomFormDataMapper;
+import cn.cordys.crm.form.mapper.ExtCustomFormMapper;
+import cn.cordys.crm.system.domain.ModuleForm;
+import cn.cordys.crm.system.domain.ModuleFormBlob;
+import cn.cordys.crm.system.dto.form.FormProp;
+import cn.cordys.crm.system.dto.request.ModuleFormSaveRequest;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigLogDTO;
+import cn.cordys.crm.system.mapper.ExtUserMapper;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.crm.system.service.ModuleFormService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.BooleanUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.io.IOException;
+import java.util.*;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class CustomFormService {
+
+    @Resource
+    private BaseMapper<CustomForm> customFormMapper;
+    @Resource
+    private ExtCustomFormMapper extCustomFormMapper;
+    @Resource
+    private BaseMapper<CustomFormAdmin> customFormAdminMapper;
+    @Resource
+    private BaseMapper<CustomFormRole> customFormRoleMapper;
+    @Resource
+    private BaseMapper<CustomFormRoleUser> customFormRoleUserMapper;
+    @Resource
+    private BaseMapper<ModuleForm> moduleFormMapper;
+    @Resource
+    private BaseMapper<ModuleFormBlob> moduleFormBlobMapper;
+	@Resource
+	private ModuleFormService moduleFormService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private ExtCustomFormDataMapper extCustomFormDataMapper;
+    @Resource
+    private ExtUserMapper extUserMapper;
+
+    @Value("classpath:form/form.json")
+    private org.springframework.core.io.Resource formResource;
+
+    public List<OptionDTO> getOptions() {
+        LambdaQueryWrapper<CustomForm> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(CustomForm::getEnable, true);
+        return customFormMapper.selectListByLambda(wrapper).stream()
+                .map(form -> new OptionDTO(form.getId(), form.getName()))
+                .toList();
+    }
+
+    public List<CustomFormListResponse> list(String userId) {
+        List<CustomForm> customForms;
+        Set<String> adminFormIds;
+        Set<String> hasCreatePermissionFormIds;
+        if (Strings.CS.equals(InternalUser.ADMIN.getValue(), userId)) {
+            customForms = customFormMapper.selectAll(null);
+            adminFormIds = customForms.stream().map(CustomForm::getId).collect(Collectors.toSet());
+            hasCreatePermissionFormIds = adminFormIds;
+        } else {
+            adminFormIds = getAdminFormIds(userId);
+            List<CustomFormRole> formRoles = getFormRoles(userId);
+            // formRoles 按 customFormId 分组，后续可以展示角色信息
+            Map<String, List<CustomFormRole>> roleMap = formRoles.stream()
+                    .collect(Collectors.groupingBy(CustomFormRole::getCustomFormId));
+            Set<String> memberFormIds = roleMap.keySet();
+
+            if (adminFormIds.isEmpty() && memberFormIds.isEmpty()) {
+                return Collections.emptyList();
+            }
+
+            Set<String> accessibleFormIds = new HashSet<>();
+            accessibleFormIds.addAll(adminFormIds);
+            accessibleFormIds.addAll(memberFormIds);
+
+            customForms = customFormMapper.selectByIds(accessibleFormIds.stream().toList());
+
+            hasCreatePermissionFormIds = getCreatePermissionFormIds(customForms, roleMap);
+
+            // 非管理员只能看到启用的表单
+            customForms = customForms.stream()
+                    .filter(form -> adminFormIds.contains(form.getId()) || BooleanUtils.isTrue(form.getEnable()))
+                    .toList();
+        }
+        Set<String> finalHasCreatePermissionFormIds = hasCreatePermissionFormIds;
+        return customForms.stream()
+                .map(form -> {
+                    CustomFormListResponse resp = new CustomFormListResponse();
+                    resp.setId(form.getId());
+                    resp.setName(form.getName());
+                    resp.setEnable(form.getEnable());
+                    resp.setOrganizationId(form.getOrganizationId());
+                    // 标记是否是管理员
+                    resp.setIsAdmin(adminFormIds.contains(form.getId()));
+                    resp.setHasCreateDataPermission(finalHasCreatePermissionFormIds.contains(form.getId()));
+                    return resp;
+                }).toList();
+    }
+
+    private Set<String> getCreatePermissionFormIds(List<CustomForm> customForms, Map<String, List<CustomFormRole>> roleMap) {
+        Set<String> hasCreatePermissionFormIds = new HashSet<>();
+        for (CustomForm form : customForms) {
+            // 如果角色中有 CustomFormRoleKey 中的 MANAGE_ALL 或者 MANAGE_OWN，则有创建权限
+            List<CustomFormRole> roles = roleMap.get(form.getId());
+            boolean hasCreatePermission = roles != null && roles.stream()
+                    .anyMatch(role -> CustomFormRoleKey.MANAGE_ALL.getKey().equals(role.getInternalKey())
+                            || CustomFormRoleKey.MANAGE_OWN.getKey().equals(role.getInternalKey()));
+            if (hasCreatePermission) {
+                hasCreatePermissionFormIds.add(form.getId());
+            }
+        }
+        return hasCreatePermissionFormIds;
+    }
+
+    public CustomFormGetResponse get(String id, String userId, String orgId) {
+        checkFormAccess(id, userId);
+
+        CustomForm form = customFormMapper.selectByPrimaryKey(id);
+        ModuleForm moduleForm = moduleFormMapper.selectByPrimaryKey(id);
+        if (form == null) {
+            throw new GenericException(CrmHttpResultCode.NOT_FOUND);
+        }
+
+        CustomFormGetResponse resp = BeanUtils.copyBean(new CustomFormGetResponse(), form);
+        resp.setCreator(getUserOption(form.getCreateUser()));
+
+        if (moduleForm != null) {
+            ModuleFormConfigDTO businessFormConfig = moduleFormService.getBusinessFormConfig(moduleForm.getFormKey(), orgId);
+            resp.setFields(businessFormConfig.getFields());
+            resp.setFormProp(businessFormConfig.getFormProp());
+        }
+
+        resp.setIsAdmin(isFormAdminUser(form.getId(), userId));
+        return resp;
+    }
+
+    private OptionDTO getUserOption(String userId) {
+        if (StringUtils.isBlank(userId)) {
+            return null;
+        }
+        return extUserMapper.selectUserOptionByIds(List.of(userId)).stream()
+                .findFirst()
+                .orElseGet(() -> new OptionDTO(userId, null));
+    }
+
+    public List<OptionDTO> getAdmins(String formId, String userId) {
+        checkFormAccess(formId, userId);
+        return getAdminOptions(formId);
+    }
+
+    private List<OptionDTO> getAdminOptions(String formId) {
+        LambdaQueryWrapper<CustomFormAdmin> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(CustomFormAdmin::getCustomFormId, formId);
+        List<CustomFormAdmin> admins = customFormAdminMapper.selectListByLambda(wrapper);
+        if (CollectionUtils.isEmpty(admins)) {
+            return Collections.emptyList();
+        }
+
+        List<String> userIds = admins.stream()
+                .map(CustomFormAdmin::getUserId)
+                .distinct()
+                .toList();
+        Map<String, String> userNameMap = new HashMap<>(userIds.size());
+        extUserMapper.selectUserOptionByIds(userIds)
+                .forEach(option -> userNameMap.putIfAbsent(option.getId(), option.getName()));
+        return userIds.stream()
+                .map(uid -> new OptionDTO(uid, userNameMap.get(uid)))
+                .toList();
+    }
+
+    @OperationLog(module = LogModule.CUSTOM_FORM, type = LogType.ADD, resourceName = "{#request.name}")
+    public CustomForm create(CustomFormAddRequest request, String userId, String orgId) {
+        checkNameUnique(request.getName(), null);
+        String formId = IDGenerator.nextStr();
+
+        // 保存 custom_form
+        CustomForm form = new CustomForm();
+        form.setId(formId);
+        form.setName(request.getName());
+        form.setEnable(!BooleanUtils.isFalse(request.getEnable()));
+        form.setOrganizationId(orgId);
+        form.setCreateTime(System.currentTimeMillis());
+        form.setUpdateTime(System.currentTimeMillis());
+        form.setCreateUser(userId);
+        form.setUpdateUser(userId);
+
+        checkAddExist(form);
+        customFormMapper.insert(form);
+
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .resourceId(formId)
+                        .modifiedValue(form)
+                        .build()
+        );
+
+        // 保存 sys_module_form 使用相同的 ID, formKey 也使用 formId
+        ModuleForm moduleForm = new ModuleForm();
+        moduleForm.setId(formId);
+        moduleForm.setFormKey(formId);
+        moduleForm.setOrganizationId(orgId);
+        moduleForm.setCreateTime(System.currentTimeMillis());
+        moduleForm.setUpdateTime(System.currentTimeMillis());
+        moduleForm.setCreateUser(userId);
+        moduleForm.setUpdateUser(userId);
+        moduleFormMapper.insert(moduleForm);
+
+        // 保存表单配置
+        ModuleFormBlob formBlob = new ModuleFormBlob();
+        formBlob.setId(formId);
+        FormProp formProp = getFormPropForCreate(request.getFormProp());
+        formBlob.setProp(JSON.toJSONString(formProp));
+        moduleFormBlobMapper.insert(formBlob);
+
+        // 校验字段
+        moduleFormService.preCheckForFieldSave(formId, request.getFields());
+
+        // 保存字段
+        moduleFormService.saveFields(request.getFields(), form.getId(), userId);
+
+        // 创建内置角色
+        createBuiltinRoles(formId, userId);
+
+        // 将当前用户设置为管理员
+        createFormAdmin(userId, formId);
+
+        return form;
+    }
+
+    private void createFormAdmin(String userId, String formId) {
+        CustomFormAdmin admin = new CustomFormAdmin();
+        admin.setId(IDGenerator.nextStr());
+        admin.setCustomFormId(formId);
+        admin.setUserId(userId);
+        customFormAdminMapper.insert(admin);
+    }
+
+    private FormProp getFormPropForCreate(FormProp createFormProp) {
+        if (createFormProp == null) {
+            try {
+                return JSON.parseObject(formResource.getInputStream(), FormProp.class);
+            } catch (IOException e) {
+                log.error(e.getMessage(), e);
+                return new FormProp();
+            }
+        }
+        return createFormProp;
+    }
+
+    @OperationLog(module = LogModule.CUSTOM_FORM, type = LogType.UPDATE, resourceId = "{#request.id}")
+    public void update(CustomFormUpdateRequest request, String userId, String orgId) {
+        checkFormAdmin(request.getId(), userId);
+        CustomForm originForm = customFormMapper.selectByPrimaryKey(request.getId());
+        ModuleForm originModuleForm = moduleFormMapper.selectByPrimaryKey(request.getId());
+        if (originForm == null || originModuleForm == null) {
+            throw new GenericException(Translator.get("custom.form.not.exist"));
+        }
+
+        CustomForm updateForm = new CustomForm();
+        updateForm.setId(request.getId());
+        updateForm.setName(request.getName());
+        updateForm.setEnable(request.getEnable());
+
+        checkUpdateExist(updateForm);
+        customFormMapper.update(updateForm);
+
+        ModuleFormSaveRequest moduleFormRequest = new ModuleFormSaveRequest();
+        moduleFormRequest.setFormKey(originModuleForm.getFormKey());
+        moduleFormRequest.setFormProp(request.getFormProp());
+        moduleFormRequest.setFields(request.getFields());
+
+        // 获取表单日志信息
+        LogContextInfo formChangeLogContext = moduleFormService.getModuleFormChangeLogContext(originModuleForm.getFormKey(), orgId, moduleFormRequest);
+		formChangeLogContext.setResourceName(request.getName());
+        // 追加自定义表单名称
+        if (formChangeLogContext.getOriginalValue() instanceof ModuleFormConfigLogDTO originalLog) {
+            originalLog.setName(originForm.getName());
+        }
+        if (formChangeLogContext.getModifiedValue() instanceof ModuleFormConfigLogDTO modifiedLog) {
+            modifiedLog.setName(request.getName());
+        }
+
+        // 保存表单配置
+        moduleFormCacheService.saveWithoutLog(moduleFormRequest, userId, orgId);
+
+		// 设置日志上下文
+        OperationLogContext.setContext(formChangeLogContext);
+    }
+
+    @OperationLog(module = LogModule.CUSTOM_FORM, type = LogType.UPDATE, resourceId = "{#id}")
+    public void updateEnable(String id, String userId, boolean enable) {
+        checkFormAdmin(id, userId);
+
+        CustomForm form = customFormMapper.selectByPrimaryKey(id);
+        if (form == null) {
+            throw new GenericException(Translator.get("custom.form.not.exist"));
+        }
+
+        CustomForm updateForm = new CustomForm();
+        updateForm.setId(id);
+        updateForm.setEnable(enable);
+        customFormMapper.update(updateForm);
+		updateForm.setName(form.getName());
+
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .resourceName(form.getName())
+                        .originalValue(form)
+                        .modifiedValue(updateForm)
+                        .build()
+        );
+    }
+
+    @OperationLog(module = LogModule.CUSTOM_FORM, type = LogType.DELETE, resourceId = "{#id}")
+    public void delete(String id, String userId) {
+        checkFormAdmin(id, userId);
+
+        CustomForm form = customFormMapper.selectByPrimaryKey(id);
+        if (form == null) {
+            throw new GenericException(Translator.get("custom.form.not.exist"));
+        }
+
+        // 设置操作对象
+        OperationLogContext.setResourceName(form.getName());
+
+        // 删除表单管理员
+        deleteCustomFormAdminByFormId(id);
+
+        // 删除表单角色和成员
+        deleteCustomFormRoleAndUser(id);
+
+        // 删除表单数据（多表联删，一次扫描）
+        extCustomFormDataMapper.deleteFormDataByCustomFormId(id);
+
+        // 删除表单
+        customFormMapper.deleteByIds(List.of(id));
+    }
+
+    private void deleteCustomFormRoleAndUser(String formId) {
+        LambdaQueryWrapper<CustomFormRole> roleWrapper = new LambdaQueryWrapper<>();
+        roleWrapper.eq(CustomFormRole::getCustomFormId, formId);
+        List<CustomFormRole> roles = customFormRoleMapper.selectListByLambda(roleWrapper);
+        if (CollectionUtils.isNotEmpty(roles)) {
+            List<String> roleIds = roles.stream().map(CustomFormRole::getId).toList();
+            LambdaQueryWrapper<CustomFormRoleUser> roleUserWrapper = new LambdaQueryWrapper<>();
+            roleUserWrapper.in(CustomFormRoleUser::getRoleId, roleIds);
+            customFormRoleUserMapper.deleteByLambda(roleUserWrapper);
+            customFormRoleMapper.deleteByLambda(roleWrapper);
+        }
+    }
+
+    private void deleteCustomFormAdminByFormId(String formId) {
+        LambdaQueryWrapper<CustomFormAdmin> adminWrapper = new LambdaQueryWrapper<>();
+        adminWrapper.eq(CustomFormAdmin::getCustomFormId, formId);
+        customFormAdminMapper.deleteByLambda(adminWrapper);
+    }
+
+    @OperationLog(module = LogModule.CUSTOM_FORM, type = LogType.UPDATE, resourceId = "{#request.customFormId}")
+    public void setAdmins(CustomFormAdminBatchRequest request, String userId) {
+        checkFormAdmin(request.getCustomFormId(), userId);
+
+        List<String> originUserIds = getAdminOptions(request.getCustomFormId()).stream().map(OptionDTO::getId).toList();
+
+        String formId = request.getCustomFormId();
+        deleteCustomFormAdminByFormId(formId);
+        insertAdmins(formId, request.getUserIds());
+
+        CustomForm customForm = customFormMapper.selectByPrimaryKey(formId);
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .resourceName(customForm.getName())
+                        .originalValue(Map.of("adminUserIds", originUserIds))
+                        .modifiedValue(Map.of("adminUserIds", request.getUserIds()))
+                        .build()
+        );
+    }
+
+    private void insertAdmins(String formId, List<String> userIds) {
+        List<CustomFormAdmin> toInsert = userIds.stream()
+                .distinct()
+                .map(uid -> {
+                    CustomFormAdmin admin = new CustomFormAdmin();
+                    admin.setId(IDGenerator.nextStr());
+                    admin.setCustomFormId(formId);
+                    admin.setUserId(uid);
+                    return admin;
+                }).toList();
+
+        if (CollectionUtils.isNotEmpty(toInsert)) {
+            customFormAdminMapper.batchInsert(toInsert);
+        }
+    }
+
+    private void checkFormAccess(String formId, String userId) {
+        if (InternalUser.ADMIN.getValue().equals(userId)) {
+            return;
+        }
+
+        CustomFormAdmin example = new CustomFormAdmin();
+        example.setCustomFormId(formId);
+        example.setUserId(userId);
+        Long adminCount = customFormAdminMapper.countByExample(example);
+        if (adminCount > 0) {
+            return;
+        }
+
+        LambdaQueryWrapper<CustomFormRoleUser> ruWrapper = new LambdaQueryWrapper<>();
+        ruWrapper.eq(CustomFormRoleUser::getUserId, userId);
+        List<CustomFormRoleUser> roleUsers = customFormRoleUserMapper.selectListByLambda(ruWrapper);
+        if (CollectionUtils.isNotEmpty(roleUsers)) {
+            List<String> roleIds = roleUsers.stream().map(CustomFormRoleUser::getRoleId).distinct().toList();
+            LambdaQueryWrapper<CustomFormRole> roleWrapper = new LambdaQueryWrapper<>();
+            roleWrapper.eq(CustomFormRole::getCustomFormId, formId)
+                    .in(CustomFormRole::getId, roleIds);
+            List<CustomFormRole> roles = customFormRoleMapper.selectListByLambda(roleWrapper);
+            if (CollectionUtils.isNotEmpty(roles)) {
+                return;
+            }
+        }
+
+        throw new GenericException(CrmHttpResultCode.FORBIDDEN);
+    }
+
+    private void checkFormAdmin(String formId, String userId) {
+        if (!isFormAdminUser(formId, userId)) {
+            throw new GenericException(CrmHttpResultCode.FORBIDDEN);
+        }
+    }
+
+    public Boolean isFormAdminUser(String formId, String userId) {
+        if (InternalUser.ADMIN.getValue().equals(userId)) {
+            return true;
+        }
+        CustomFormAdmin example = new CustomFormAdmin();
+        example.setCustomFormId(formId);
+        example.setUserId(userId);
+        return customFormAdminMapper.countByExample(example) > 0;
+    }
+
+    Set<String> getAdminFormIds(String userId) {
+        LambdaQueryWrapper<CustomFormAdmin> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(CustomFormAdmin::getUserId, userId);
+        List<CustomFormAdmin> admins = customFormAdminMapper.selectListByLambda(wrapper);
+        return admins.stream().map(CustomFormAdmin::getCustomFormId).collect(Collectors.toSet());
+    }
+
+    private List<CustomFormRole> getFormRoles(String userId) {
+        LambdaQueryWrapper<CustomFormRoleUser> ruWrapper = new LambdaQueryWrapper<>();
+        ruWrapper.eq(CustomFormRoleUser::getUserId, userId);
+        List<CustomFormRoleUser> roleUsers = customFormRoleUserMapper.selectListByLambda(ruWrapper);
+        if (CollectionUtils.isNotEmpty(roleUsers)) {
+            List<String> roleIds = roleUsers.stream().map(CustomFormRoleUser::getRoleId).distinct().toList();
+            LambdaQueryWrapper<CustomFormRole> roleWrapper = new LambdaQueryWrapper<>();
+            roleWrapper.in(CustomFormRole::getId, roleIds);
+            List<CustomFormRole> roles = customFormRoleMapper.selectListByLambda(roleWrapper);
+            return roles;
+        }
+        return List.of();
+    }
+
+    private void checkNameUnique(String name, String excludeFormId) {
+        LambdaQueryWrapper<CustomForm> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(CustomForm::getName, name);
+        List<CustomForm> existForms = customFormMapper.selectListByLambda(wrapper);
+        if (CollectionUtils.isNotEmpty(existForms)) {
+            boolean conflict = existForms.stream()
+                    .anyMatch(f -> excludeFormId == null || !excludeFormId.equals(f.getId()));
+            if (conflict) {
+                throw new GenericException(Translator.get("custom.form.name.duplicate"));
+            }
+        }
+    }
+
+    private void checkAddExist(CustomForm customForm) {
+        if (extCustomFormMapper.checkAddExist(customForm)) {
+            throw new GenericException(Translator.get("custom.form.name.duplicate"));
+        }
+    }
+
+    private void checkUpdateExist(CustomForm customForm) {
+        if (StringUtils.isNotBlank(customForm.getName()) && extCustomFormMapper.checkUpdateExist(customForm)) {
+            throw new GenericException(Translator.get("custom.form.name.duplicate"));
+        }
+    }
+
+    private void createBuiltinRoles(String formId, String userId) {
+        long now = System.currentTimeMillis();
+        List<CustomFormRole> roles = Arrays.stream(CustomFormRoleKey.values())
+                .map(key -> {
+                    CustomFormRole role = new CustomFormRole();
+                    role.setId(IDGenerator.nextStr());
+                    role.setName(key.getName());
+                    role.setCustomFormId(formId);
+                    role.setInternalKey(key.getKey());
+                    role.setCreateTime(now);
+                    role.setUpdateTime(now);
+                    role.setCreateUser(userId);
+                    role.setUpdateUser(userId);
+                    return role;
+                }).toList();
+        customFormRoleMapper.batchInsert(roles);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/home/constants/HomeStatisticPeriod.java b/backend/crm/src/main/java/cn/cordys/crm/home/constants/HomeStatisticPeriod.java
new file mode 100644
index 0000000..a6fccff
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/home/constants/HomeStatisticPeriod.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.home.constants;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-07-09  16:53
+ */
+public enum HomeStatisticPeriod {
+    TODAY,
+    THIS_WEEK,
+    THIS_MONTH,
+    THIS_YEAR
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/home/controller/HomeStatisticController.java b/backend/crm/src/main/java/cn/cordys/crm/home/controller/HomeStatisticController.java
new file mode 100644
index 0000000..2c3e20d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/home/controller/HomeStatisticController.java
@@ -0,0 +1,77 @@
+package cn.cordys.crm.home.controller;
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.BaseTreeNode;
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.home.dto.request.HomeStatisticBaseSearchRequest;
+import cn.cordys.crm.home.dto.response.HomeClueStatistic;
+import cn.cordys.crm.home.dto.response.HomeOpportunityStatistic;
+import cn.cordys.crm.home.service.HomeStatisticService;
+import cn.cordys.crm.opportunity.constants.OpportunityStageScenario;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 17:42:41
+ */
+@Tag(name = "首页统计")
+@RestController
+@RequestMapping("/home/statistic")
+public class HomeStatisticController {
+
+    @Resource
+    private HomeStatisticService homeStatisticService;
+
+    @PostMapping("/lead")
+    @RequiresPermissions(PermissionConstants.CLUE_MANAGEMENT_READ)
+    @Operation(summary = "线索统计")
+    public HomeClueStatistic getClueStatistic(@RequestBody @Validated HomeStatisticBaseSearchRequest request) {
+        DeptDataPermissionDTO deptDataPermission = homeStatisticService.getDeptDataPermissionDTO(request, PermissionConstants.CLUE_MANAGEMENT_READ);
+        return homeStatisticService.isEmptyDeptData(request.getSearchType(), deptDataPermission) ?
+                new HomeClueStatistic() : homeStatisticService.getClueStatistic(request, deptDataPermission, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+    @PostMapping("/opportunity")
+    @RequiresPermissions(PermissionConstants.OPPORTUNITY_MANAGEMENT_READ)
+    @Operation(summary = "商机统计")
+    public HomeOpportunityStatistic getOpportunityStatistic(@RequestBody @Validated HomeStatisticBaseSearchRequest request) {
+        DeptDataPermissionDTO deptDataPermission = homeStatisticService.getDeptDataPermissionDTO(request, PermissionConstants.OPPORTUNITY_MANAGEMENT_READ);
+        return homeStatisticService.isEmptyDeptData(request.getSearchType(), deptDataPermission) ?
+                new HomeOpportunityStatistic() : homeStatisticService.getOpportunityStatistic(request, null, deptDataPermission, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+    @PostMapping("/opportunity/underway")
+    @RequiresPermissions(PermissionConstants.OPPORTUNITY_MANAGEMENT_READ)
+    @Operation(summary = "进行中商机统计")
+    public HomeOpportunityStatistic getUnderwayOpportunityStatistic(@RequestBody @Validated HomeStatisticBaseSearchRequest request) {
+        DeptDataPermissionDTO deptDataPermission = homeStatisticService.getDeptDataPermissionDTO(request, PermissionConstants.OPPORTUNITY_MANAGEMENT_READ);
+        return homeStatisticService.isEmptyDeptData(request.getSearchType(), deptDataPermission) ?
+                new HomeOpportunityStatistic() : homeStatisticService.getOpportunityStatistic(request, OpportunityStageScenario.UNDERWAY,
+                deptDataPermission, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+    @PostMapping("/opportunity/success")
+    @RequiresPermissions(PermissionConstants.OPPORTUNITY_MANAGEMENT_READ)
+    @Operation(summary = "赢单统计")
+    public HomeOpportunityStatistic getSuccessOpportunityStatistic(@RequestBody @Validated HomeStatisticBaseSearchRequest request) {
+        DeptDataPermissionDTO deptDataPermission = homeStatisticService.getDeptDataPermissionDTO(request, PermissionConstants.OPPORTUNITY_MANAGEMENT_READ);
+        return homeStatisticService.isEmptyDeptData(request.getSearchType(), deptDataPermission) ?
+                new HomeOpportunityStatistic() : homeStatisticService.getOpportunityStatistic(request, OpportunityStageScenario.SUCCESS,
+                deptDataPermission, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+    @GetMapping("/department/tree")
+    @Operation(summary = "用户部门权限树")
+    public List<BaseTreeNode> getDepartmentTree() {
+        return homeStatisticService.getDepartmentTree(SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/home/dto/request/HomeOppStatisticSearchWrapperRequest.java b/backend/crm/src/main/java/cn/cordys/crm/home/dto/request/HomeOppStatisticSearchWrapperRequest.java
new file mode 100644
index 0000000..2d9aa28
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/home/dto/request/HomeOppStatisticSearchWrapperRequest.java
@@ -0,0 +1,23 @@
+package cn.cordys.crm.home.dto.request;
+
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Data
+@NoArgsConstructor
+public class HomeOppStatisticSearchWrapperRequest extends HomeStatisticSearchWrapperRequest {
+
+    private String stageScenario;
+
+    public HomeOppStatisticSearchWrapperRequest(HomeStatisticSearchRequest staticRequest,
+                                                DeptDataPermissionDTO dataPermission,
+                                                String orgId, String userId) {
+        super(staticRequest, dataPermission, orgId, userId);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/home/dto/request/HomeStatisticBaseSearchRequest.java b/backend/crm/src/main/java/cn/cordys/crm/home/dto/request/HomeStatisticBaseSearchRequest.java
new file mode 100644
index 0000000..d547921
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/home/dto/request/HomeStatisticBaseSearchRequest.java
@@ -0,0 +1,46 @@
+package cn.cordys.crm.home.dto.request;
+
+import cn.cordys.common.constants.BusinessSearchType;
+import cn.cordys.common.constants.EnumValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.Set;
+
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Data
+public class HomeStatisticBaseSearchRequest {
+
+    @EnumValue(enumClass = BusinessSearchType.class)
+    @Schema(description = "搜索类型(ALL/SELF/DEPARTMENT)")
+    private String searchType;
+
+    @Schema(description = "部门ID集合")
+    private Set<String> deptIds;
+
+    @EnumValue(enumClass = TimeFieldEnum.class)
+    @Schema(description = "用于检索的时间字段(CREATE_TIME, EXPECTED_END_TIME, ACTUAL_END_TIME)")
+    private String timeField;
+
+    @EnumValue(enumClass = UserFieldEnum.class)
+    @Schema(description = "用于检索的用户字段(CREATE_USER, OWNER)")
+    private String userField;
+
+    @Schema(description = "是否显示上期数据")
+    private Boolean priorPeriodEnable;
+
+    public enum TimeFieldEnum {
+        CREATE_TIME,
+        EXPECTED_END_TIME,
+        ACTUAL_END_TIME
+    }
+
+    public enum UserFieldEnum {
+        CREATE_USER,
+        OWNER
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/home/dto/request/HomeStatisticSearchRequest.java b/backend/crm/src/main/java/cn/cordys/crm/home/dto/request/HomeStatisticSearchRequest.java
new file mode 100644
index 0000000..7d62147
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/home/dto/request/HomeStatisticSearchRequest.java
@@ -0,0 +1,25 @@
+package cn.cordys.crm.home.dto.request;
+
+import cn.cordys.common.constants.EnumValue;
+import cn.cordys.crm.home.constants.HomeStatisticPeriod;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Data
+public class HomeStatisticSearchRequest extends HomeStatisticBaseSearchRequest {
+
+    @EnumValue(enumClass = HomeStatisticPeriod.class)
+    @Schema(description = "时间段(TODAY/THIS_WEEK/THIS_MONTH/THIS_YEAR)")
+    private String period;
+
+    @Schema(description = "开始时间")
+    private Long startTime;
+
+    @Schema(description = "结束时间")
+    private Long endTime;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/home/dto/request/HomeStatisticSearchWrapperRequest.java b/backend/crm/src/main/java/cn/cordys/crm/home/dto/request/HomeStatisticSearchWrapperRequest.java
new file mode 100644
index 0000000..8a3ebd6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/home/dto/request/HomeStatisticSearchWrapperRequest.java
@@ -0,0 +1,163 @@
+package cn.cordys.crm.home.dto.request;
+
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.common.uid.utils.EnumUtils;
+import cn.cordys.crm.home.constants.HomeStatisticPeriod;
+import com.fasterxml.jackson.annotation.JsonIgnore;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+import org.apache.commons.lang3.BooleanUtils;
+import org.apache.commons.lang3.StringUtils;
+
+import java.time.DayOfWeek;
+import java.time.LocalDate;
+import java.time.ZoneId;
+
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Data
+@NoArgsConstructor
+public class HomeStatisticSearchWrapperRequest {
+
+    private HomeStatisticSearchRequest staticRequest;
+    private DeptDataPermissionDTO dataPermission;
+    private String orgId;
+    private String userId;
+
+    public HomeStatisticSearchWrapperRequest(HomeStatisticSearchRequest staticRequest,
+                                             DeptDataPermissionDTO dataPermission,
+                                             String orgId, String userId) {
+        this.staticRequest = staticRequest;
+        this.dataPermission = dataPermission;
+        this.orgId = orgId;
+        this.userId = userId;
+    }
+
+    public boolean comparePeriod() {
+        return StringUtils.isNotBlank(staticRequest.getPeriod()) && BooleanUtils.isTrue(staticRequest.getPriorPeriodEnable());
+    }
+
+    public Long getStartTime() {
+        String period = staticRequest.getPeriod();
+        Long startTime = staticRequest.getStartTime();
+        if (startTime != null) {
+            return startTime;
+        }
+        if (StringUtils.isNotBlank(period)) {
+            LocalDate now = LocalDate.now();
+            HomeStatisticPeriod statisticPeriod = EnumUtils.valueOf(HomeStatisticPeriod.class, period);
+            startTime = switch (statisticPeriod) {
+                case TODAY -> now.atStartOfDay(ZoneId.systemDefault()).toInstant().toEpochMilli();
+                case THIS_WEEK -> now.with(DayOfWeek.MONDAY)
+                        .atStartOfDay(ZoneId.systemDefault()).toInstant().toEpochMilli();
+                case THIS_MONTH -> now.withDayOfMonth(1)
+                        .atStartOfDay(ZoneId.systemDefault()).toInstant().toEpochMilli();
+                case THIS_YEAR -> now.withDayOfYear(1)
+                        .atStartOfDay(ZoneId.systemDefault()).toInstant().toEpochMilli();
+            };
+        }
+        return startTime;
+    }
+
+    @JsonIgnore
+    public void setStartTime(Long startTime) {
+        staticRequest.setStartTime(startTime);
+    }
+
+    public Long getPeriodStartTime() {
+        String period = staticRequest.getPeriod();
+        Long startTime = staticRequest.getStartTime();
+        if (StringUtils.isNotBlank(period)) {
+            LocalDate now = LocalDate.now();
+            HomeStatisticPeriod statisticPeriod = EnumUtils.valueOf(HomeStatisticPeriod.class, period);
+            startTime = switch (statisticPeriod) {
+                case TODAY -> now.minusDays(1)
+                        .atStartOfDay(ZoneId.systemDefault()).toInstant().toEpochMilli();
+                case THIS_WEEK -> now.minusWeeks(1)
+                        .with(DayOfWeek.MONDAY).atStartOfDay(ZoneId.systemDefault()).toInstant().toEpochMilli();
+                case THIS_MONTH -> now.minusMonths(1).withDayOfMonth(1)
+                        .atStartOfDay(ZoneId.systemDefault()).toInstant().toEpochMilli();
+                case THIS_YEAR -> now.minusYears(1).withDayOfYear(1)
+                        .atStartOfDay(ZoneId.systemDefault()).toInstant().toEpochMilli();
+            };
+        }
+        return startTime;
+    }
+
+    public Long getPeriodEndTime() {
+        String period = staticRequest.getPeriod();
+        Long endTime = staticRequest.getEndTime();
+        if (StringUtils.isNotBlank(period)) {
+            LocalDate now = LocalDate.now();
+            HomeStatisticPeriod statisticPeriod = EnumUtils.valueOf(HomeStatisticPeriod.class, period);
+            endTime = switch (statisticPeriod) {
+                case TODAY -> now.minusDays(1).atTime(23, 59, 59)
+                        .atZone(ZoneId.systemDefault()).toInstant().toEpochMilli();
+                case THIS_WEEK -> now.minusWeeks(1).with(DayOfWeek.SUNDAY)
+                        .atTime(23, 59, 59)
+                        .atZone(ZoneId.systemDefault()).toInstant().toEpochMilli();
+                case THIS_MONTH -> {
+                    LocalDate startOfMonth = now.minusMonths(1).withDayOfMonth(1);
+                    yield startOfMonth.withDayOfMonth(startOfMonth.lengthOfMonth())
+                            .plusDays(1)
+                            .minusDays(1)
+                            .atTime(23, 59, 59)
+                            .atZone(ZoneId.systemDefault())
+                            .toInstant()
+                            .toEpochMilli();
+                }
+                case THIS_YEAR -> now.minusYears(1).withDayOfYear(1)
+                        .withDayOfYear(now.minusYears(1).lengthOfYear())
+                        .atTime(23, 59, 59)
+                        .atZone(ZoneId.systemDefault())
+                        .toInstant()
+                        .toEpochMilli();
+            };
+        }
+        return endTime;
+    }
+
+    public Long getEndTime() {
+        String period = staticRequest.getPeriod();
+        Long endTime = staticRequest.getEndTime();
+        if (endTime != null) {
+            return endTime;
+        }
+        if (StringUtils.isNotBlank(period)) {
+            LocalDate now = LocalDate.now();
+            HomeStatisticPeriod statisticPeriod = EnumUtils.valueOf(HomeStatisticPeriod.class, period);
+            endTime = switch (statisticPeriod) {
+                case TODAY -> now.atTime(23, 59, 59)
+                        .atZone(ZoneId.systemDefault()).toInstant().toEpochMilli();
+                case THIS_WEEK -> now.with(DayOfWeek.SUNDAY)
+                        .atTime(23, 59, 59)
+                        .atZone(ZoneId.systemDefault()).toInstant().toEpochMilli();
+                case THIS_MONTH -> {
+                    LocalDate startOfMonth = now.withDayOfMonth(1);
+                    yield startOfMonth.withDayOfMonth(startOfMonth.lengthOfMonth())
+                            .plusDays(1)
+                            .minusDays(1)
+                            .atTime(23, 59, 59)
+                            .atZone(ZoneId.systemDefault())
+                            .toInstant()
+                            .toEpochMilli();
+                }
+                case THIS_YEAR -> now.withDayOfYear(1)
+                        .withDayOfYear(now.lengthOfYear())
+                        .atTime(23, 59, 59)
+                        .atZone(ZoneId.systemDefault())
+                        .toInstant()
+                        .toEpochMilli();
+            };
+        }
+        return endTime;
+    }
+
+    @JsonIgnore
+    public void setEndTime(Long endTime) {
+        staticRequest.setEndTime(endTime);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/home/dto/response/HomeClueStatistic.java b/backend/crm/src/main/java/cn/cordys/crm/home/dto/response/HomeClueStatistic.java
new file mode 100644
index 0000000..67306f0
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/home/dto/response/HomeClueStatistic.java
@@ -0,0 +1,21 @@
+package cn.cordys.crm.home.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Data
+public class HomeClueStatistic {
+    @Schema(description = "本年度新增线索")
+    private HomeStatisticSearchResponse thisYearClue;
+    @Schema(description = "本月新增线索")
+    private HomeStatisticSearchResponse thisMonthClue;
+    @Schema(description = "本周新增线索")
+    private HomeStatisticSearchResponse thisWeekClue;
+    @Schema(description = "本日新增线索")
+    private HomeStatisticSearchResponse todayClue;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/home/dto/response/HomeCustomerStatistic.java b/backend/crm/src/main/java/cn/cordys/crm/home/dto/response/HomeCustomerStatistic.java
new file mode 100644
index 0000000..3b9ccd8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/home/dto/response/HomeCustomerStatistic.java
@@ -0,0 +1,28 @@
+package cn.cordys.crm.home.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Data
+public class HomeCustomerStatistic {
+
+    @Schema(description = "客户总数")
+    private Long total;
+
+    @Schema(description = "新增客户")
+    private HomeStatisticSearchResponse newCustomer;
+
+    @Schema(description = "未跟进客户")
+    private HomeStatisticSearchResponse unfollowedCustomer;
+
+    @Schema(description = "剩余库容")
+    private Long remainingCapacity;
+
+    @Schema(description = "库容未配置")
+    private Boolean unConfigured;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/home/dto/response/HomeFollowUpPlanStatistic.java b/backend/crm/src/main/java/cn/cordys/crm/home/dto/response/HomeFollowUpPlanStatistic.java
new file mode 100644
index 0000000..6f47d62
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/home/dto/response/HomeFollowUpPlanStatistic.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.home.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-07-18  16:07
+ */
+@Data
+public class HomeFollowUpPlanStatistic {
+
+    @Schema(description = "新增跟进计划")
+    private HomeStatisticSearchResponse newFollowUpPlan;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/home/dto/response/HomeFollowUpRecordStatistic.java b/backend/crm/src/main/java/cn/cordys/crm/home/dto/response/HomeFollowUpRecordStatistic.java
new file mode 100644
index 0000000..775220b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/home/dto/response/HomeFollowUpRecordStatistic.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.home.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-07-18  16:07
+ */
+@Data
+public class HomeFollowUpRecordStatistic {
+
+    @Schema(description = "新增跟进记录")
+    private HomeStatisticSearchResponse newFollowUpRecord;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/home/dto/response/HomeOpportunityStatistic.java b/backend/crm/src/main/java/cn/cordys/crm/home/dto/response/HomeOpportunityStatistic.java
new file mode 100644
index 0000000..6751629
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/home/dto/response/HomeOpportunityStatistic.java
@@ -0,0 +1,30 @@
+package cn.cordys.crm.home.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Data
+public class HomeOpportunityStatistic {
+    @Schema(description = "本年度商机")
+    private HomeStatisticSearchResponse thisYearOpportunity;
+    @Schema(description = "本月商机")
+    private HomeStatisticSearchResponse thisMonthOpportunity;
+    @Schema(description = "本周商机")
+    private HomeStatisticSearchResponse thisWeekOpportunity;
+    @Schema(description = "本日商机")
+    private HomeStatisticSearchResponse todayOpportunity;
+
+    @Schema(description = "本年度商机总额")
+    private HomeStatisticSearchResponse thisYearOpportunityAmount;
+    @Schema(description = "本月商机总额")
+    private HomeStatisticSearchResponse thisMonthOpportunityAmount;
+    @Schema(description = "本周商机总额")
+    private HomeStatisticSearchResponse thisWeekOpportunityAmount;
+    @Schema(description = "本日商机总额")
+    private HomeStatisticSearchResponse todayOpportunityAmount;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/home/dto/response/HomeStatisticSearchResponse.java b/backend/crm/src/main/java/cn/cordys/crm/home/dto/response/HomeStatisticSearchResponse.java
new file mode 100644
index 0000000..f8e4530
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/home/dto/response/HomeStatisticSearchResponse.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.home.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Data
+public class HomeStatisticSearchResponse {
+
+    @Schema(description = "数值")
+    private Long value;
+
+    @Schema(description = "较上期对比率")
+    private Double priorPeriodCompareRate;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/home/service/HomeStatisticService.java b/backend/crm/src/main/java/cn/cordys/crm/home/service/HomeStatisticService.java
new file mode 100644
index 0000000..1cfd4f7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/home/service/HomeStatisticService.java
@@ -0,0 +1,316 @@
+package cn.cordys.crm.home.service;
+
+import cn.cordys.common.constants.BusinessSearchType;
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.constants.RoleDataScope;
+import cn.cordys.common.dto.BaseTreeNode;
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.common.dto.RoleDataScopeDTO;
+import cn.cordys.common.dto.RolePermissionDTO;
+import cn.cordys.common.permission.PermissionCache;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.JSON;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.clue.mapper.ExtClueMapper;
+import cn.cordys.crm.home.constants.HomeStatisticPeriod;
+import cn.cordys.crm.home.dto.request.HomeOppStatisticSearchWrapperRequest;
+import cn.cordys.crm.home.dto.request.HomeStatisticBaseSearchRequest;
+import cn.cordys.crm.home.dto.request.HomeStatisticSearchRequest;
+import cn.cordys.crm.home.dto.request.HomeStatisticSearchWrapperRequest;
+import cn.cordys.crm.home.dto.response.HomeClueStatistic;
+import cn.cordys.crm.home.dto.response.HomeOpportunityStatistic;
+import cn.cordys.crm.home.dto.response.HomeStatisticSearchResponse;
+import cn.cordys.crm.opportunity.constants.OpportunityStageScenario;
+import cn.cordys.crm.opportunity.mapper.ExtOpportunityMapper;
+import cn.cordys.crm.system.domain.OrganizationUser;
+import cn.cordys.crm.system.service.DepartmentService;
+import cn.cordys.crm.system.service.RoleService;
+import cn.cordys.security.SessionUtils;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+import java.util.concurrent.ExecutorService;
+import java.util.concurrent.Executors;
+import java.util.concurrent.Future;
+import java.util.function.Function;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class HomeStatisticService {
+
+    private final ExecutorService executor = Executors.newVirtualThreadPerTaskExecutor();
+    @Resource
+    private ExtClueMapper extClueMapper;
+    @Resource
+    private ExtOpportunityMapper extOpportunityMapper;
+    @Resource
+    private DataScopeService dataScopeService;
+    @Resource
+    private PermissionCache permissionCache;
+    @Resource
+    private DepartmentService departmentService;
+    @Resource
+    private RoleService roleService;
+
+    public HomeClueStatistic getClueStatistic(HomeStatisticBaseSearchRequest request, DeptDataPermissionDTO deptDataPermission, String orgId, String userId) {
+        HomeClueStatistic clueStatistic = new HomeClueStatistic();
+        try {
+            for (HomeStatisticPeriod statisticPeriod : HomeStatisticPeriod.values()) {
+                HomeStatisticSearchRequest searchRequest = BeanUtils.copyBean(new HomeStatisticSearchRequest(), request);
+                searchRequest.setPeriod(statisticPeriod.name());
+                HomeStatisticSearchWrapperRequest wrapperRequest = new HomeStatisticSearchWrapperRequest(searchRequest, deptDataPermission, orgId, userId);
+
+                // 多线程执行
+                Future<HomeStatisticSearchResponse> getNewClueStatistic = executor.submit(() ->
+                        getStatisticSearchResponse(wrapperRequest, this::getNewClueCount));
+
+                switch (statisticPeriod) {
+                    case TODAY -> clueStatistic.setTodayClue(getNewClueStatistic.get());
+                    case THIS_WEEK -> clueStatistic.setThisWeekClue(getNewClueStatistic.get());
+                    case THIS_MONTH -> clueStatistic.setThisMonthClue(getNewClueStatistic.get());
+                    case THIS_YEAR -> clueStatistic.setThisYearClue(getNewClueStatistic.get());
+                }
+            }
+        } catch (Exception e) {
+            log.error(e.getMessage(), e);
+        }
+        return clueStatistic;
+    }
+
+    public HomeOpportunityStatistic getOpportunityStatistic(HomeStatisticBaseSearchRequest request,
+                                                            OpportunityStageScenario opportunityStageScenario,
+                                                            DeptDataPermissionDTO deptDataPermission,
+                                                            String orgId, String userId) {
+        HomeOpportunityStatistic opportunityStatistic = new HomeOpportunityStatistic();
+        for (HomeStatisticPeriod statisticPeriod : HomeStatisticPeriod.values()) {
+            HomeStatisticSearchRequest searchRequest = BeanUtils.copyBean(new HomeStatisticSearchRequest(), request);
+            searchRequest.setPeriod(statisticPeriod.name());
+            HomeOppStatisticSearchWrapperRequest wrapperRequest = new HomeOppStatisticSearchWrapperRequest(searchRequest, deptDataPermission, orgId, userId);
+            if (opportunityStageScenario != null) {
+                wrapperRequest.setStageScenario(opportunityStageScenario.name());
+            }
+
+            // 多线程执行
+            Future<HomeStatisticSearchResponse> getNewOpportunityStatistic = executor.submit(() ->
+                    getStatisticSearchResponse(wrapperRequest, this::getOpportunityCount));
+            Future<HomeStatisticSearchResponse> getNewOpportunityTotalAmount = executor.submit(() ->
+                    getStatisticSearchResponse(wrapperRequest, this::getOpportunityAmount));
+            try {
+                switch (statisticPeriod) {
+                    case TODAY -> {
+                        opportunityStatistic.setTodayOpportunity(getNewOpportunityStatistic.get());
+                        opportunityStatistic.setTodayOpportunityAmount(getNewOpportunityTotalAmount.get());
+                    }
+                    case THIS_WEEK -> {
+                        opportunityStatistic.setThisWeekOpportunity(getNewOpportunityStatistic.get());
+                        opportunityStatistic.setThisWeekOpportunityAmount(getNewOpportunityTotalAmount.get());
+                    }
+                    case THIS_MONTH -> {
+                        opportunityStatistic.setThisMonthOpportunity(getNewOpportunityStatistic.get());
+                        opportunityStatistic.setThisMonthOpportunityAmount(getNewOpportunityTotalAmount.get());
+                    }
+                    case THIS_YEAR -> {
+                        opportunityStatistic.setThisYearOpportunity(getNewOpportunityStatistic.get());
+                        opportunityStatistic.setThisYearOpportunityAmount(getNewOpportunityTotalAmount.get());
+                    }
+                }
+            } catch (Exception e) {
+                log.error(e.getMessage(), e);
+            }
+        }
+        return opportunityStatistic;
+    }
+
+    /**
+     * 获取新增线索统计
+     *
+     * @param request
+     *
+     * @return
+     */
+    public Long getNewClueCount(HomeStatisticSearchWrapperRequest request) {
+        return extClueMapper.selectClueCount(request, false);
+    }
+
+    private HomeStatisticSearchWrapperRequest copyHomeStatisticSearchWrapperRequest(HomeStatisticSearchWrapperRequest request) {
+        return JSON.parseObject(JSON.toJSONString(request), request.getClass());
+    }
+
+    /**
+     * 获取商机数量
+     *
+     * @param request
+     *
+     * @return
+     */
+    public Long getOpportunityCount(HomeStatisticSearchWrapperRequest request) {
+        return extOpportunityMapper.selectOpportunityCount(request, false);
+    }
+
+    /**
+     * 获取商机总额数量
+     *
+     * @param request
+     *
+     * @return
+     */
+    public Long getOpportunityAmount(HomeStatisticSearchWrapperRequest request) {
+        return Optional.ofNullable(extOpportunityMapper.selectOpportunityCount(request, true)).orElse(0L);
+    }
+
+    /**
+     * 获取统计数量和较上期对比率的通用方法
+     *
+     * @param request
+     * @param statisticFunction
+     *
+     * @return
+     */
+    public HomeStatisticSearchResponse getStatisticSearchResponse(HomeStatisticSearchWrapperRequest request,
+                                                                  Function<HomeStatisticSearchWrapperRequest, Long> statisticFunction) {
+        HomeStatisticSearchResponse response = new HomeStatisticSearchResponse();
+        Future<Long> getCount = executor.submit(() -> statisticFunction.apply(request));
+        try {
+
+            Long count = getCount.get();
+            response.setValue(count);
+
+            if (request.comparePeriod()) {
+                HomeStatisticSearchWrapperRequest periodRequest = copyHomeStatisticSearchWrapperRequest(request);
+                periodRequest.setStartTime(periodRequest.getPeriodStartTime());
+                periodRequest.setEndTime(periodRequest.getPeriodEndTime());
+                Future<Long> getPeriodCount = executor.submit(() -> statisticFunction.apply(periodRequest));
+                Long periodCount = getPeriodCount.get();
+                response.setPriorPeriodCompareRate(getPriorPeriodCompareRate(count, periodCount));
+            }
+        } catch (Exception e) {
+            log.error(e.getMessage(), e);
+        }
+        return response;
+    }
+
+    private Double getPriorPeriodCompareRate(Long count, Long periodCount) {
+        return periodCount == null || periodCount == 0 ? null : (count - periodCount) * 100.0 / periodCount;
+    }
+
+    /**
+     * 获取部门数据权限
+     *
+     * @param request
+     * @param permission
+     *
+     * @return
+     */
+    public DeptDataPermissionDTO getDeptDataPermissionDTO(HomeStatisticBaseSearchRequest request, String permission) {
+        if (Strings.CS.equals(request.getSearchType(), BusinessSearchType.DEPARTMENT.name())) {
+            DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                    OrganizationContext.getOrganizationId(), permission);
+            if (deptDataPermission.getAll()) {
+                // 如果是全部权限，则不需要过滤部门ID
+                deptDataPermission.setDeptIds(request.getDeptIds());
+            } else if (CollectionUtils.isNotEmpty(deptDataPermission.getDeptIds())) {
+                // 如果只有部门权限，则过滤掉没有权限的部门ID
+                Set<String> deptIds = request.getDeptIds()
+                        .stream()
+                        .filter(deptId -> CollectionUtils.isNotEmpty(deptDataPermission.getDeptIds())
+                                && deptDataPermission.getDeptIds().contains(deptId))
+                        .collect(Collectors.toSet());
+                deptDataPermission.setDeptIds(deptIds);
+            }
+            return deptDataPermission;
+        } else if (Strings.CS.equals(request.getSearchType(), BusinessSearchType.ALL.name())) {
+            return dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                    OrganizationContext.getOrganizationId(), permission);
+        } else {
+            DeptDataPermissionDTO deptDataPermission = new DeptDataPermissionDTO();
+            deptDataPermission.setSelf(true);
+            return deptDataPermission;
+        }
+    }
+
+    public List<BaseTreeNode> getDepartmentTree(String userId, String orgId) {
+        Map<String, List<RolePermissionDTO>> dataScopeRoleMap = permissionCache.getRolePermissions(userId, orgId)
+                .stream()
+                .collect(Collectors.groupingBy(RolePermissionDTO::getDataScope, Collectors.toList()));
+
+        boolean hasAllPermission = dataScopeRoleMap.get(RoleDataScope.ALL.name()) != null;
+        boolean hasDeptAndChildPermission = dataScopeRoleMap.get(RoleDataScope.DEPT_AND_CHILD.name()) != null;
+        boolean hasDeptCustomPermission = dataScopeRoleMap.get(RoleDataScope.DEPT_CUSTOM.name()) != null;
+
+        if (hasAllPermission || Strings.CS.equals(userId, InternalUser.ADMIN.getValue())) {
+            // 如果有全部数据权限，则返回所有部门树
+            return departmentService.getTree(orgId);
+        }
+
+        if (hasDeptAndChildPermission || hasDeptCustomPermission) {
+            List<BaseTreeNode> tree = departmentService.getTree(orgId);
+            Set<String> deptIds = new HashSet<>();
+            if (hasDeptAndChildPermission) {
+                // 查询本部门数据
+                OrganizationUser organizationUser = dataScopeService.getOrganizationUser(userId, orgId);
+                deptIds.add(organizationUser.getDepartmentId());
+            }
+
+            if (hasDeptCustomPermission) {
+                // 查看指定部门及其子部门数据
+                List<String> customDeptRolesIds = dataScopeRoleMap.get(RoleDataScope.DEPT_CUSTOM.name()).stream()
+                        .map(RoleDataScopeDTO::getId)
+                        .toList();
+                List<String> parentDeptIds = roleService.getDeptIdsByRoleIds(customDeptRolesIds);
+                deptIds.addAll(parentDeptIds);
+            }
+            // 查询子部门数据
+            deptIds = new HashSet<>(dataScopeService.getDeptIdsWithChild(tree, deptIds));
+
+            return pruningTree(tree, deptIds);
+        }
+
+        return List.of();
+    }
+
+    /**
+     * 剪枝
+     * 从树中移除不在已选部门ID中的节点，同时保留已选部门ID的子节点
+     *
+     * @param tree
+     * @param deptIds
+     *
+     * @return
+     */
+    public List<BaseTreeNode> pruningTree(List<BaseTreeNode> tree, Set<String> deptIds) {
+        Iterator<BaseTreeNode> iterator = tree.iterator();
+
+        List<BaseTreeNode> addNodes = new ArrayList<>();
+        while (iterator.hasNext()) {
+            BaseTreeNode node = iterator.next();
+            List<BaseTreeNode> children = node.getChildren();
+            if (CollectionUtils.isNotEmpty(node.getChildren())) {
+                // 递归搜索子节点
+                node.setChildren(pruningTree(children, deptIds));
+            }
+            if (!deptIds.contains(node.getId())) {
+                // 如果当前节点不在已选部门ID中，并且没有子部门，则移除该节点
+                iterator.remove();
+                if (CollectionUtils.isNotEmpty(node.getChildren())) {
+                    // 如果当前节点有子部门，则保留子部门
+                    addNodes.addAll(node.getChildren());
+                }
+            }
+        }
+        tree.addAll(addNodes);
+        return tree;
+    }
+
+    public boolean isEmptyDeptData(String searchType, DeptDataPermissionDTO deptDataPermission) {
+        return Strings.CS.equals(searchType, BusinessSearchType.DEPARTMENT.name())
+                && CollectionUtils.isEmpty(deptDataPermission.getDeptIds());
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/constant/MaxKBApiPaths.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/constant/MaxKBApiPaths.java
new file mode 100644
index 0000000..849ab47
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/constant/MaxKBApiPaths.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.integration.agent.constant;
+
+public interface MaxKBApiPaths {
+
+    String WORKSPACE = "/admin/api/workspace";
+    String EDITION = "/admin/api/profile";
+
+    String APPLICATION = "/admin/api/workspace/{0}/application";
+
+    String ACCESS_TOKEN = "/admin/api/workspace/{0}/application/{1}/access_token";
+
+    String APPLICATION_DETAIL = "/admin/api/workspace/{0}/application/{1}";
+
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/controller/AgentController.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/controller/AgentController.java
new file mode 100644
index 0000000..e6806f5
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/controller/AgentController.java
@@ -0,0 +1,173 @@
+package cn.cordys.crm.integration.agent.controller;
+
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.constants.ThirdConfigTypeConstants;
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.integration.agent.domain.Agent;
+import cn.cordys.crm.integration.agent.dto.AgentOptionDTO;
+import cn.cordys.crm.integration.agent.dto.request.*;
+import cn.cordys.crm.integration.agent.dto.response.AgentDetailResponse;
+import cn.cordys.crm.integration.agent.dto.response.AgentPageResponse;
+import cn.cordys.crm.integration.agent.dto.response.ScriptResponse;
+import cn.cordys.crm.integration.agent.service.AgentBaseService;
+import cn.cordys.crm.integration.common.dto.ThirdConfigBaseDTO;
+import cn.cordys.crm.system.service.IntegrationConfigService;
+import cn.cordys.security.SessionUtils;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "智能体")
+@RestController
+@RequestMapping("/agent")
+public class AgentController {
+
+    @Resource
+    private AgentBaseService agentBaseService;
+
+    @Resource
+    private IntegrationConfigService integrationConfigService;
+
+    @PostMapping("/add")
+    @RequiresPermissions(PermissionConstants.AGENT_ADD)
+    @Operation(summary = "智能体-添加")
+    public Agent addAgent(@Validated @RequestBody AgentAddRequest request) {
+        return agentBaseService.addAgent(request, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+
+    @GetMapping("/detail/{id}")
+    @Operation(summary = "智能体-详情")
+    @RequiresPermissions(PermissionConstants.AGENT_READ)
+    public AgentDetailResponse getDetail(@PathVariable String id) {
+        return agentBaseService.getDetail(id);
+    }
+
+
+    @PostMapping("/update")
+    @RequiresPermissions(PermissionConstants.AGENT_UPDATE)
+    @Operation(summary = "智能体-更新")
+    public void updateAgent(@Validated @RequestBody AgentUpdateRequest request) {
+        agentBaseService.updateAgent(request, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+
+    @PostMapping("/rename")
+    @RequiresPermissions(PermissionConstants.AGENT_UPDATE)
+    @Operation(summary = "智能体-重命名")
+    public void rename(@Validated @RequestBody AgentRenameRequest request) {
+        agentBaseService.rename(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/delete/{id}")
+    @RequiresPermissions(PermissionConstants.AGENT_DELETE)
+    @Operation(summary = "智能体-删除")
+    public void delete(@PathVariable String id) {
+        agentBaseService.delete(id);
+    }
+
+
+    @PostMapping("/page")
+    @RequiresPermissions(PermissionConstants.AGENT_READ)
+    @Operation(summary = "智能体列表")
+    public Pager<List<AgentPageResponse>> list(@Validated @RequestBody AgentPageRequest request) {
+        return agentBaseService.getList(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/collect/{id}")
+    @RequiresPermissions(PermissionConstants.AGENT_READ)
+    @Operation(summary = "智能体收藏")
+    public void collect(@PathVariable String id) {
+        agentBaseService.collect(id, SessionUtils.getUserId());
+    }
+
+
+    @GetMapping("/un-collect/{id}")
+    @RequiresPermissions(PermissionConstants.AGENT_READ)
+    @Operation(summary = "智能体取消收藏")
+    public void unCollect(@PathVariable String id) {
+        agentBaseService.unCollect(id, SessionUtils.getUserId());
+    }
+
+
+    @PostMapping("/collect/page")
+    @RequiresPermissions(PermissionConstants.AGENT_READ)
+    @Operation(summary = "智能体收藏列表")
+    public Pager<List<AgentPageResponse>> collectPage(@Validated @RequestBody BasePageRequest request) {
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        return PageUtils.setPageInfo(page, agentBaseService.collectList(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId()));
+    }
+
+
+    @PostMapping("/edit/pos")
+    @Operation(summary = "智能体-拖拽排序")
+    @RequiresPermissions(PermissionConstants.AGENT_UPDATE)
+    public void editPos(@Validated @RequestBody AgentEditPosRequest request) {
+        agentBaseService.editPos(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping(value = "/option")
+    @Operation(summary = "用户可选智能体下拉option")
+    public List<AgentOptionDTO> getAgentList() {
+        return agentBaseService.getAgentOptions(SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/check")
+    @Operation(summary = "配置连接检测")
+    @RequiresPermissions(PermissionConstants.AGENT_READ)
+    public Boolean checkConfig() {
+        return agentBaseService.checkConfig(OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/workspace")
+    @Operation(summary = "获取用户工作空间")
+    @RequiresPermissions(PermissionConstants.AGENT_READ)
+    public List<OptionDTO> getWorkspace() {
+        return agentBaseService.workspace(OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/application/{workspaceId}")
+    @Operation(summary = "获取智能体应用")
+    @RequiresPermissions(PermissionConstants.AGENT_READ)
+    public List<OptionDTO> getApplication(@PathVariable String workspaceId) {
+        return agentBaseService.application(workspaceId, OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/script")
+    @Operation(summary = "获取脚本信息")
+    @RequiresPermissions(PermissionConstants.AGENT_READ)
+    public ScriptResponse getScript(@Validated @RequestBody ScriptRequest request) {
+        return agentBaseService.script(request, OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/edition")
+    @Operation(summary = "获取版本")
+    @RequiresPermissions(PermissionConstants.AGENT_READ)
+    public String getEdition() {
+        return agentBaseService.edition(OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/application/config")
+    @Operation(summary = "获取智能体设置")
+    @RequiresPermissions(PermissionConstants.AGENT_READ)
+    public ThirdConfigBaseDTO<?> getApplicationConfig() {
+        return integrationConfigService.getApplicationConfig(OrganizationContext.getOrganizationId(), SessionUtils.getUserId(), ThirdConfigTypeConstants.MAXKB.name());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/controller/AgentModuleController.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/controller/AgentModuleController.java
new file mode 100644
index 0000000..7ee92b1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/controller/AgentModuleController.java
@@ -0,0 +1,77 @@
+package cn.cordys.crm.integration.agent.controller;
+
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.BaseTreeNode;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.integration.agent.domain.AgentModule;
+import cn.cordys.crm.integration.agent.dto.request.AgentModuleAddRequest;
+import cn.cordys.crm.integration.agent.dto.request.AgentModuleRenameRequest;
+import cn.cordys.crm.integration.agent.service.AgentModuleService;
+import cn.cordys.crm.system.dto.request.NodeMoveRequest;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import jakarta.validation.constraints.NotEmpty;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+import java.util.Map;
+
+@Tag(name = "智能体模块")
+@RestController
+@RequestMapping("/agent/module")
+public class AgentModuleController {
+
+
+    @Resource
+    private AgentModuleService agentModuleService;
+
+
+    @PostMapping("/add")
+    @RequiresPermissions(PermissionConstants.AGENT_ADD)
+    @Operation(summary = "智能体-添加文件夹")
+    public AgentModule addFileModule(@Validated @RequestBody AgentModuleAddRequest request) {
+        return agentModuleService.addFileModule(request, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+
+    @PostMapping("/rename")
+    @RequiresPermissions(PermissionConstants.AGENT_UPDATE)
+    @Operation(summary = "智能体-重命名文件夹")
+    public void rename(@Validated @RequestBody AgentModuleRenameRequest request) {
+        agentModuleService.rename(request, SessionUtils.getUserId());
+    }
+
+    @PostMapping("/delete")
+    @RequiresPermissions(PermissionConstants.AGENT_DELETE)
+    @Operation(summary = "智能体-刪除文件夹")
+    public void deleteAgentModule(@RequestBody @NotEmpty List<String> ids) {
+        agentModuleService.delete(ids, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/tree")
+    @Operation(summary = "智能体-文件树查询")
+    @RequiresPermissions(PermissionConstants.AGENT_READ)
+    public List<BaseTreeNode> getTree() {
+        return agentModuleService.getTree(OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/count")
+    @Operation(summary = "智能体-文件树数量")
+    @RequiresPermissions(PermissionConstants.AGENT_READ)
+    public Map<String, Long> moduleCount() {
+        return agentModuleService.moduleCount(SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/move")
+    @Operation(summary = "智能体-文件夹移动")
+    @RequiresPermissions(PermissionConstants.AGENT_UPDATE)
+    public void moveNode(@Validated @RequestBody NodeMoveRequest request) {
+        agentModuleService.moveNode(request, SessionUtils.getUserId());
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/domain/Agent.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/domain/Agent.java
new file mode 100644
index 0000000..675b42a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/domain/Agent.java
@@ -0,0 +1,43 @@
+package cn.cordys.crm.integration.agent.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+@Data
+@Table(name = "agent")
+public class Agent extends BaseModel {
+
+    @Schema(description = "名称")
+    private String name;
+
+    @Schema(description = "模块id")
+    private String agentModuleId;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+
+    @Schema(description = "同一节点下顺序")
+    private Long pos;
+
+    @Schema(description = "应用范围")
+    private String scopeId;
+
+    @Schema(description = "嵌入脚本")
+    private String script;
+
+    @Schema(description = "描述")
+    private String description;
+
+    @Schema(description = "添加方式")
+    private String type;
+
+    @Schema(description = "工作空间id")
+    private String workspaceId;
+
+    @Schema(description = "智能体应用id")
+    private String applicationId;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/domain/AgentCollection.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/domain/AgentCollection.java
new file mode 100644
index 0000000..02e9c05
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/domain/AgentCollection.java
@@ -0,0 +1,18 @@
+package cn.cordys.crm.integration.agent.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+@Data
+@Table(name = "agent_collection")
+public class AgentCollection extends BaseModel {
+
+    @Schema(description = "用户id")
+    private String userId;
+
+    @Schema(description = "智能体id")
+    private String agentId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/domain/AgentModule.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/domain/AgentModule.java
new file mode 100644
index 0000000..0c7a00d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/domain/AgentModule.java
@@ -0,0 +1,24 @@
+package cn.cordys.crm.integration.agent.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+@Data
+@Table(name = "agent_module")
+public class AgentModule extends BaseModel {
+
+    @Schema(description = "组织id")
+    private String organizationId;
+
+    @Schema(description = "名称")
+    private String name;
+
+    @Schema(description = "父节点id")
+    private String parentId;
+
+    @Schema(description = "同一节点下顺序")
+    private Long pos;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/AgentLogDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/AgentLogDTO.java
new file mode 100644
index 0000000..c188d69
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/AgentLogDTO.java
@@ -0,0 +1,25 @@
+package cn.cordys.crm.integration.agent.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class AgentLogDTO {
+
+    @Schema(description = "名称")
+    private String name;
+
+    @Schema(description = "文件夹名称")
+    private String agentModuleName;
+
+    @Schema(description = "可查看人员集合")
+    private List<String> members;
+
+    @Schema(description = "嵌入脚本")
+    private String script;
+
+    @Schema(description = "描述")
+    private String description;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/AgentOptionDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/AgentOptionDTO.java
new file mode 100644
index 0000000..e2320fe
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/AgentOptionDTO.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.integration.agent.dto;
+
+import cn.cordys.common.dto.OptionDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class AgentOptionDTO extends OptionDTO {
+
+    @Schema(description = "脚本")
+    private String script;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/MaxKBConfigDetailDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/MaxKBConfigDetailDTO.java
new file mode 100644
index 0000000..fcb8841
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/MaxKBConfigDetailDTO.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.integration.agent.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class MaxKBConfigDetailDTO {
+
+    @Schema(description = "maxKB地址", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String mkAddress;
+
+    @Schema(description = "apiKey")
+    private String appSecret;
+
+    @Schema(description = "是否验证通过")
+    private Boolean verify;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/ParameterDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/ParameterDTO.java
new file mode 100644
index 0000000..b3e27f1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/ParameterDTO.java
@@ -0,0 +1,14 @@
+package cn.cordys.crm.integration.agent.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class ParameterDTO {
+
+    @Schema(description = "参数")
+    private String parameter;
+
+    @Schema(description = "参数值")
+    private String value;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/request/AgentAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/request/AgentAddRequest.java
new file mode 100644
index 0000000..fc49208
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/request/AgentAddRequest.java
@@ -0,0 +1,46 @@
+package cn.cordys.crm.integration.agent.dto.request;
+
+import cn.cordys.common.groups.Created;
+import cn.cordys.common.groups.Updated;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.NotNull;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class AgentAddRequest {
+
+    @Size(min = 1, max = 255, message = "{department.name.length_range}", groups = {Created.class, Updated.class})
+    @NotBlank(message = "{dashboard.name.not_blank}", groups = {Created.class, Updated.class})
+    @Schema(description = "智能体名称", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String name;
+
+    @Schema(description = "文件夹id")
+    @NotBlank(message = "{dashboard.parent.id.not_blank}")
+    private String agentModuleId;
+
+    @NotNull
+    @Schema(description = "范围ID集合")
+    private List<String> scopeIds;
+
+    @NotBlank
+    @Schema(description = "嵌入脚本")
+    private String script;
+
+    @Schema(description = "描述")
+    private String description;
+
+    @Schema(description = "添加方式")
+    @NotBlank
+    private String type;
+
+    @Schema(description = "工作空间id")
+    private String workspaceId;
+
+    @Schema(description = "智能体应用id")
+    private String applicationId;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/request/AgentEditPosRequest.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/request/AgentEditPosRequest.java
new file mode 100644
index 0000000..bc6f6c7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/request/AgentEditPosRequest.java
@@ -0,0 +1,26 @@
+package cn.cordys.crm.integration.agent.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+public class AgentEditPosRequest {
+
+    @Schema(description = "文件夹id")
+    private String agentModuleId;
+
+    @Schema(description = "移动智能体id", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank(message = "{source_id.not_blank}")
+    private String moveId;
+
+    @Schema(description = "目标智能体id", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank(message = "{target_id.not_blank}")
+    private String targetId;
+
+    @Schema(description = "移动类型", requiredMode = Schema.RequiredMode.REQUIRED, allowableValues = {"BEFORE", "AFTER", "APPEND"})
+    @NotBlank(message = "{moveMode.not_blank}")
+    private String moveMode;
+
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/request/AgentModuleAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/request/AgentModuleAddRequest.java
new file mode 100644
index 0000000..84ef5f1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/request/AgentModuleAddRequest.java
@@ -0,0 +1,23 @@
+package cn.cordys.crm.integration.agent.dto.request;
+
+import cn.cordys.common.groups.Created;
+import cn.cordys.common.groups.Updated;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+@Data
+public class AgentModuleAddRequest {
+
+    @Size(min = 1, max = 255, message = "{agent.name.length_range}", groups = {Created.class, Updated.class})
+    @NotBlank(message = "{agent_module.name.not_blank}", groups = {Created.class, Updated.class})
+    @Schema(description = "名称", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String name;
+
+
+    @Schema(description = "父级id")
+    @NotBlank(message = "{agent_module.parent.id.not_blank}")
+    private String parentId;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/request/AgentModuleRenameRequest.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/request/AgentModuleRenameRequest.java
new file mode 100644
index 0000000..433370e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/request/AgentModuleRenameRequest.java
@@ -0,0 +1,21 @@
+package cn.cordys.crm.integration.agent.dto.request;
+
+import cn.cordys.common.groups.Created;
+import cn.cordys.common.groups.Updated;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+@Data
+public class AgentModuleRenameRequest {
+
+    @NotBlank(message = "{agentModule.id.not_blank}", groups = {Created.class, Updated.class})
+    @Schema(description = "id", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+
+    @Size(min = 1, max = 255, message = "{department.name.length_range}", groups = {Created.class, Updated.class})
+    @NotBlank(message = "{agentModule.name.not_blank}", groups = {Created.class, Updated.class})
+    @Schema(description = "名称", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String name;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/request/AgentPageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/request/AgentPageRequest.java
new file mode 100644
index 0000000..c3ea6cc
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/request/AgentPageRequest.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.integration.agent.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class AgentPageRequest extends BasePageRequest {
+
+    @Schema(description = "文件ids")
+    private List<String> agentModuleIds;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/request/AgentRenameRequest.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/request/AgentRenameRequest.java
new file mode 100644
index 0000000..37acd65
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/request/AgentRenameRequest.java
@@ -0,0 +1,25 @@
+package cn.cordys.crm.integration.agent.dto.request;
+
+import cn.cordys.common.groups.Created;
+import cn.cordys.common.groups.Updated;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+@Data
+public class AgentRenameRequest {
+
+    @NotBlank(message = "{dashboard.id.not_blank}", groups = {Created.class, Updated.class})
+    @Schema(description = "id", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+
+    @Size(min = 1, max = 255, message = "{department.name.length_range}", groups = {Created.class, Updated.class})
+    @NotBlank(message = "{dashboard.name.not_blank}", groups = {Created.class, Updated.class})
+    @Schema(description = "名称", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String name;
+
+    @NotBlank(message = "{dashboardModule.id.not_blank}", groups = {Created.class, Updated.class})
+    @Schema(description = "当前文件夹id", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String agentModuleId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/request/AgentUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/request/AgentUpdateRequest.java
new file mode 100644
index 0000000..7b0829d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/request/AgentUpdateRequest.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.integration.agent.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+public class AgentUpdateRequest extends AgentAddRequest {
+
+    @Schema(description = "ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank
+    private String id;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/request/ScriptRequest.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/request/ScriptRequest.java
new file mode 100644
index 0000000..fba5a5a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/request/ScriptRequest.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.integration.agent.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+public class ScriptRequest {
+
+
+    @Schema(description = "工作空间id")
+    @NotBlank
+    private String workspaceId;
+
+    @Schema(description = "智能体应用id")
+    @NotBlank
+    private String applicationId;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/response/AgentDetailResponse.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/response/AgentDetailResponse.java
new file mode 100644
index 0000000..242acbb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/response/AgentDetailResponse.java
@@ -0,0 +1,44 @@
+package cn.cordys.crm.integration.agent.dto.response;
+
+import cn.cordys.crm.system.dto.ScopeNameDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class AgentDetailResponse {
+
+    @Schema(description = "id")
+    private String id;
+
+    @Schema(description = "仪表板名称")
+    private String name;
+
+    @Schema(description = "文件夹id")
+    private String agentModuleId;
+
+    @Schema(description = "文件夹名称")
+    private String agentModuleName;
+
+    @Schema(description = "应用范围")
+    private String scopeId;
+
+    @Schema(description = "应用范围集合")
+    private List<ScopeNameDTO> members;
+
+    @Schema(description = "嵌入脚本")
+    private String script;
+
+    @Schema(description = "描述")
+    private String description;
+
+    @Schema(description = "添加方式")
+    private String type;
+
+    @Schema(description = "工作空间id")
+    private String workspaceId;
+
+    @Schema(description = "智能体应用id")
+    private String applicationId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/response/AgentPageResponse.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/response/AgentPageResponse.java
new file mode 100644
index 0000000..07267af
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/response/AgentPageResponse.java
@@ -0,0 +1,62 @@
+package cn.cordys.crm.integration.agent.dto.response;
+
+import cn.cordys.crm.system.dto.ScopeNameDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class AgentPageResponse {
+
+    @Schema(description = "id")
+    private String id;
+
+    @Schema(description = "名称")
+    private String name;
+
+    @Schema(description = "文件夹id")
+    private String agentModuleId;
+
+    @Schema(description = "文件夹名称")
+    private String agentModuleName;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+
+    @Schema(description = "同一节点下顺序")
+    private Long pos;
+
+    @Schema(description = "范围")
+    private String scopeId;
+
+    @Schema(description = "可查看人员集合")
+    private List<ScopeNameDTO> members;
+
+    @Schema(description = "嵌入脚本")
+    private String script;
+
+    @Schema(description = "描述")
+    private String description;
+
+    @Schema(description = "创建人")
+    private String createUser;
+
+    @Schema(description = "创建人名称")
+    private String createUserName;
+
+    @Schema(description = "修改人")
+    private String updateUser;
+
+    @Schema(description = "修改人名称")
+    private String updateUserName;
+
+    @Schema(description = "创建时间")
+    private Long createTime;
+
+    @Schema(description = "更新时间")
+    private Long updateTime;
+
+    @Schema(description = "是否收藏")
+    private boolean myCollect = false;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/response/ScriptResponse.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/response/ScriptResponse.java
new file mode 100644
index 0000000..7fae7e2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/dto/response/ScriptResponse.java
@@ -0,0 +1,18 @@
+package cn.cordys.crm.integration.agent.dto.response;
+
+
+import cn.cordys.crm.integration.agent.dto.ParameterDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class ScriptResponse {
+
+    private List<ParameterDTO> parameters;
+
+    @Schema(description = "地址值")
+    private String src;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/mapper/ExtAgentCollectionMapper.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/mapper/ExtAgentCollectionMapper.java
new file mode 100644
index 0000000..58955c3
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/mapper/ExtAgentCollectionMapper.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.integration.agent.mapper;
+
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.crm.integration.agent.dto.response.AgentPageResponse;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtAgentCollectionMapper {
+
+    void deleteByAgentId(@Param("agentId") String agentId);
+
+    List<String> getByUserId(@Param("userId") String userId);
+
+    int checkCollect(@Param("id") String id, @Param("userId") String userId);
+
+    void unCollect(@Param("agentId") String agentId, @Param("userId") String userId);
+
+    List<AgentPageResponse> collectList(@Param("request") BasePageRequest request, @Param("userId") String userId, @Param("orgId") String orgId);
+
+    int countMyCollect(@Param("userId") String userId);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/mapper/ExtAgentCollectionMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/mapper/ExtAgentCollectionMapper.xml
new file mode 100644
index 0000000..63c0e51
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/mapper/ExtAgentCollectionMapper.xml
@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.integration.agent.mapper.ExtAgentCollectionMapper">
+
+    <delete id="deleteByAgentId" parameterType="java.lang.String">
+        delete from agent_collection
+        where agent_id = #{agentId}
+    </delete>
+
+
+    <select id="getByUserId" resultType="java.lang.String">
+        select agent_id from agent_collection where user_id = #{userId}
+    </select>
+
+    <select id="checkCollect" resultType="java.lang.Integer">
+        select count(id) from agent_collection
+        where user_id = #{userId} and agent_id = #{id}
+    </select>
+
+    <delete id="unCollect">
+        delete from agent_collection
+        where agent_id = #{agentId}
+          and user_id =#{userId}
+    </delete>
+
+    <select id="collectList" resultType="cn.cordys.crm.integration.agent.dto.response.AgentPageResponse">
+        SELECT
+        a.id,
+        a.name,
+        a.agent_module_id,
+        a.scope_id,
+        a.script,
+        a.description,
+        a.create_time,
+        a.update_time,
+        a.pos,
+        a.organization_id,
+        a.create_user,
+        a.update_user,
+        am.NAME as agentModuleName
+        FROM
+        agent_collection ac
+        INNER JOIN agent a ON ac.agent_id = a.id
+        INNER JOIN agent_module am ON a.agent_module_id = am.id
+        where ac.user_id = #{userId}
+        and a.organization_id = #{orgId}
+        <if test="request.keyword != null and request.keyword != ''">
+            and a.name like concat('%', #{request.keyword},'%')
+        </if>
+        <include refid="sort">
+            <property name="sort" value="request.sort"/>
+        </include>
+    </select>
+
+    <sql id="sort">
+        <choose>
+            <when test="${sort} != null and ${sort}.valid()">
+                <bind name="sortType" value="${sort}.type" />
+                order by
+                <choose>
+                    <when test="${sort}.name == 'create_time'">
+                        a.`create_time` ${sortType}
+                    </when>
+                    <otherwise>
+                        order by a.pos desc
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                order by a.pos desc
+            </otherwise>
+        </choose>
+    </sql>
+
+
+    <select id="countMyCollect" parameterType="java.lang.String" resultType="java.lang.Integer">
+        select count(id) from agent_collection
+        where user_id = #{userId}
+    </select>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/mapper/ExtAgentMapper.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/mapper/ExtAgentMapper.java
new file mode 100644
index 0000000..1e8f8ae
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/mapper/ExtAgentMapper.java
@@ -0,0 +1,37 @@
+package cn.cordys.crm.integration.agent.mapper;
+
+
+import cn.cordys.common.dto.BaseTreeNode;
+import cn.cordys.common.dto.NodeSortQueryParam;
+import cn.cordys.crm.dashboard.dto.DropNode;
+import cn.cordys.crm.integration.agent.dto.AgentOptionDTO;
+import cn.cordys.crm.integration.agent.dto.request.AgentPageRequest;
+import cn.cordys.crm.integration.agent.dto.response.AgentDetailResponse;
+import cn.cordys.crm.integration.agent.dto.response.AgentPageResponse;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtAgentMapper {
+
+
+    int countByName(@Param("name") String name, @Param("agentModuleId") String agentModuleId, @Param("orgId") String orgId, @Param("id") String id);
+
+    Long getNextPosByOrgId(@Param("orgId") String orgId);
+
+    AgentDetailResponse getDetail(@Param("id") String id);
+
+    List<AgentPageResponse> list(@Param("request") AgentPageRequest request, @Param("userId") String userId, @Param("orgId") String orgId, @Param("departmentIds") List<String> departmentIds);
+
+    DropNode selectDragInfoById(@Param("dragNodeId") String dragNodeId);
+
+    DropNode selectNodeByPosOperator(@Param("nodeSortQueryParam") NodeSortQueryParam nodeSortQueryParam);
+
+    void updatePos(@Param("id") String id, @Param("pos") long pos);
+
+    List<String> selectIdByOrgIdOrderByPos(@Param("orgId") String orgId);
+
+    List<BaseTreeNode> selectAgentNode(@Param("departmentIds") List<String> departmentIds, @Param("orgId") String orgId, @Param("userId") String userId);
+
+    List<AgentOptionDTO> getOptions(@Param("userId") String userId, @Param("orgId") String orgId, @Param("departmentIds") List<String> departmentIds);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/mapper/ExtAgentMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/mapper/ExtAgentMapper.xml
new file mode 100644
index 0000000..d2a8cac
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/mapper/ExtAgentMapper.xml
@@ -0,0 +1,201 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.integration.agent.mapper.ExtAgentMapper">
+
+    <select id="countByName" resultType="java.lang.Integer">
+        select count(id)
+        from agent
+        where name = #{name}
+        and organization_id = #{orgId}
+        and agent_module_id = #{agentModuleId}
+        <if test="id != null and id != ''">
+            and id != #{id}
+        </if>
+    </select>
+
+    <select id="getNextPosByOrgId" resultType="java.lang.Long">
+        SELECT max(pos)
+        FROM agent
+        where organization_id = #{orgId}
+    </select>
+
+
+    <select id="getDetail" resultType="cn.cordys.crm.integration.agent.dto.response.AgentDetailResponse">
+        SELECT
+            a.id,
+            a.NAME,
+            a.agent_module_id,
+            a.scope_id,
+            a.script,
+            a.description,
+            a.type,
+            a.workspace_id,
+            a.application_id,
+            am.NAME as agentModuleName
+        FROM
+            agent a
+                INNER JOIN agent_module am ON a.agent_module_id = am.id
+        where a.id = #{id}
+    </select>
+
+
+    <select id="list" resultType="cn.cordys.crm.integration.agent.dto.response.AgentPageResponse">
+        select
+        a.id,
+        a.name,
+        a.agent_module_id,
+        a.scope_id,
+        a.script,
+        a.description,
+        a.create_time,
+        a.update_time,
+        a.pos,
+        a.organization_id,
+        a.create_user,
+        a.update_user,
+        am.NAME as agentModuleName
+        from agent a
+        INNER JOIN agent_module am ON a.agent_module_id = am.id
+        where a.organization_id = #{orgId}
+        <if test="userId != null and userId != 'admin'">
+            AND (
+            (
+            JSON_CONTAINS(a.`scope_id`, json_array(#{userId}))
+            or a.`scope_id` = '[]'
+            <foreach collection="departmentIds" item="departmentId">
+                or JSON_CONTAINS(a.`scope_id`, json_array(#{departmentId}))
+            </foreach>
+            )
+            or a.create_user = #{userId}
+            )
+        </if>
+        <if test="request.keyword != null and request.keyword != ''">
+            and a.name like concat('%', #{request.keyword},'%')
+        </if>
+        <if test="request.agentModuleIds != null and request.agentModuleIds.size() > 0">
+            and a.agent_module_id in
+            <foreach collection="request.agentModuleIds" item="agentModuleId" separator="," open="(" close=")">
+                #{agentModuleId}
+            </foreach>
+        </if>
+        <include refid="sort">
+            <property name="sort" value="request.sort"/>
+        </include>
+    </select>
+
+    <sql id="sort">
+        <choose>
+            <when test="${sort} != null and ${sort}.valid()">
+                <bind name="sortType" value="${sort}.type" />
+                order by
+                <choose>
+                    <when test="${sort}.name == 'create_time'">
+                        a.`create_time` ${sortType}
+                    </when>
+                    <when test="${sort}.name == 'name'">
+                        a.`name` ${sortType}
+                    </when>
+                    <when test="${sort}.name == 'agent_module_name'">
+                        a.`agent_module_id` ${sortType}
+                    </when>
+                    <when test="${sort}.name == 'create_user_name'">
+                        a.`create_user` ${sortType}
+                    </when>
+                    <otherwise>
+                        order by a.pos desc
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                order by a.pos desc
+            </otherwise>
+        </choose>
+    </sql>
+
+
+    <select id="selectDragInfoById" resultType="cn.cordys.crm.dashboard.dto.DropNode">
+        SELECT id, pos
+        FROM agent
+        WHERE id = #{dragNodeId}
+    </select>
+
+
+    <select id="selectNodeByPosOperator"
+            parameterType="cn.cordys.common.dto.NodeSortQueryParam"
+            resultType="cn.cordys.crm.dashboard.dto.DropNode">
+        SELECT id, pos
+        FROM agent
+        WHERE organization_id = #{nodeSortQueryParam.parentId}
+        <if test="nodeSortQueryParam.operator == 'moreThan'">
+            AND pos &gt; #{nodeSortQueryParam.pos}
+        </if>
+        <if test="nodeSortQueryParam.operator == 'lessThan'">
+            AND pos &lt; #{nodeSortQueryParam.pos}
+        </if>
+        ORDER BY pos
+        <if test="nodeSortQueryParam.operator == 'lessThan' or nodeSortQueryParam.operator == 'latest'">
+            DESC
+        </if>
+        LIMIT 1
+    </select>
+
+    <update id="updatePos">
+        update agent
+        set pos =#{pos}
+        where id = #{id}
+    </update>
+
+    <select id="selectIdByOrgIdOrderByPos" resultType="java.lang.String">
+        SELECT id
+        FROM agent
+        WHERE organization_id = #{orgId}
+        ORDER BY pos
+    </select>
+
+
+    <select id="selectAgentNode" resultType="cn.cordys.common.dto.BaseTreeNode">
+        SELECT
+        id,
+        NAME,
+        agent_module_id as parent_id,
+        organization_id
+        FROM
+        agent
+        WHERE organization_id = #{orgId}
+        <if test="userId != null and userId != 'admin'">
+            AND ((
+            JSON_CONTAINS(`scope_id`, json_array(#{userId}))
+            or `scope_id` = '[]'
+            <foreach collection="departmentIds" item="departmentId">
+                or JSON_CONTAINS(`scope_id`, json_array(#{departmentId}))
+            </foreach>
+            )
+            or create_user = #{userId} )
+        </if>
+
+    </select>
+
+
+    <select id="getOptions" resultType="cn.cordys.crm.integration.agent.dto.AgentOptionDTO">
+        select
+        a.id,
+        a.name,
+        a.script
+        from agent a
+        where a.organization_id = #{orgId}
+        <if test="userId != null and userId != 'admin'">
+            AND (
+            (
+            JSON_CONTAINS(a.`scope_id`, json_array(#{userId}))
+            or a.`scope_id` = '[]'
+            <foreach collection="departmentIds" item="departmentId">
+                or JSON_CONTAINS(a.`scope_id`, json_array(#{departmentId}))
+            </foreach>
+            )
+            or a.create_user = #{userId}
+            )
+        </if>
+        order by a.pos desc
+    </select>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/mapper/ExtAgentModuleMapper.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/mapper/ExtAgentModuleMapper.java
new file mode 100644
index 0000000..45517d2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/mapper/ExtAgentModuleMapper.java
@@ -0,0 +1,27 @@
+package cn.cordys.crm.integration.agent.mapper;
+
+import cn.cordys.common.dto.BaseTree;
+import cn.cordys.common.dto.BaseTreeNode;
+import cn.cordys.common.dto.NodeSortQueryParam;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtAgentModuleMapper {
+
+    int countByName(@Param("name") String name, @Param("parentId") String parentId, @Param("orgId") String orgId, @Param("id") String id);
+
+    Long getNextPosByOrgId(@Param("orgId") String orgId);
+
+    int countAgentByIds(@Param("agentModuleIds") List<String> agentModuleIds, @Param("orgId") String orgId);
+
+    List<BaseTreeNode> selectTreeNode(@Param("orgId") String orgId);
+
+    BaseTree selectBaseModuleById(@Param("dragNodeId") String dragNodeId);
+
+    BaseTree selectModuleByParentIdAndPosOperator(@Param("nodeSortQueryParam") NodeSortQueryParam nodeSortQueryParam);
+
+    List<String> selectChildrenIds(@Param("parentId") String parentId);
+
+    void updatePos(@Param("id") String id, @Param("pos") long pos);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/mapper/ExtAgentModuleMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/mapper/ExtAgentModuleMapper.xml
new file mode 100644
index 0000000..f127ebd
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/mapper/ExtAgentModuleMapper.xml
@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.integration.agent.mapper.ExtAgentModuleMapper">
+
+    <select id="countByName" resultType="java.lang.Integer">
+        select count(id) from agent_module
+        where name = #{name}
+        and organization_id = #{orgId}
+        and parent_id = #{parentId}
+        <if test="id != null and id != ''">
+            and id != #{id}
+        </if>
+    </select>
+
+    <select id="getNextPosByOrgId" resultType="java.lang.Long">
+        SELECT max(pos)
+        FROM agent_module
+        where organization_id = #{orgId}
+    </select>
+
+    <select id="countAgentByIds" resultType="java.lang.Integer">
+        select count(id)
+        from agent
+        where agent_module_id in
+        <foreach collection="agentModuleIds" item="agentModuleId" index="index" open="(" close=")" separator=",">
+            #{agentModuleId}
+        </foreach>
+        and organization_id = #{orgId}
+    </select>
+
+    <select id="selectTreeNode" resultType="cn.cordys.common.dto.BaseTreeNode">
+        SELECT id, name, parent_id, organization_id
+        FROM agent_module
+        where organization_id = #{orgId}
+        ORDER BY pos
+    </select>
+
+    <select id="selectBaseModuleById" resultType="cn.cordys.common.dto.BaseTree">
+        SELECT id, name, pos, organization_id, parent_id
+        FROM agent_module
+        WHERE id = #{dragNodeId}
+    </select>
+
+    <select id="selectModuleByParentIdAndPosOperator"
+            parameterType="cn.cordys.common.dto.NodeSortQueryParam"
+            resultType="cn.cordys.common.dto.BaseTree">
+        SELECT id, name, pos, organization_id, parent_id
+        FROM agent_module
+        WHERE parent_id = #{nodeSortQueryParam.parentId}
+        <if test="nodeSortQueryParam.operator == 'moreThan'">
+            AND pos &gt; #{nodeSortQueryParam.pos}
+        </if>
+        <if test="nodeSortQueryParam.operator == 'lessThan'">
+            AND pos &lt; #{nodeSortQueryParam.pos}
+        </if>
+        ORDER BY pos
+        <if test="nodeSortQueryParam.operator == 'lessThan' or nodeSortQueryParam.operator == 'latest'">
+            DESC
+        </if>
+        LIMIT 1
+    </select>
+
+
+    <select id="selectChildrenIds" resultType="java.lang.String">
+        SELECT id FROM agent_module WHERE parent_id  = #{parentId}
+        ORDER BY pos ASC
+    </select>
+
+
+    <update id="updatePos">
+        update agent_module
+        set pos =#{pos}
+        where id = #{id}
+    </update>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/response/ApiInputFieldList.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/response/ApiInputFieldList.java
new file mode 100644
index 0000000..3729abf
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/response/ApiInputFieldList.java
@@ -0,0 +1,14 @@
+package cn.cordys.crm.integration.agent.response;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+@Data
+public class ApiInputFieldList {
+
+    @JsonProperty("default_value")
+    private String defaultValue;
+
+    @JsonProperty("variable")
+    private String variable;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/response/ApplicationDetail.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/response/ApplicationDetail.java
new file mode 100644
index 0000000..9ce4761
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/response/ApplicationDetail.java
@@ -0,0 +1,11 @@
+package cn.cordys.crm.integration.agent.response;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+@Data
+public class ApplicationDetail {
+
+    @JsonProperty("work_flow")
+    private WorkFlow workflow;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/response/MaxKBApplicationResponse.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/response/MaxKBApplicationResponse.java
new file mode 100644
index 0000000..42432dc
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/response/MaxKBApplicationResponse.java
@@ -0,0 +1,11 @@
+package cn.cordys.crm.integration.agent.response;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+@Data
+public class MaxKBApplicationResponse extends MaxKBResponseEntity {
+
+    @JsonProperty("data")
+    ApplicationDetail data;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/response/MaxKBDataResponse.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/response/MaxKBDataResponse.java
new file mode 100644
index 0000000..ea768b7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/response/MaxKBDataResponse.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.integration.agent.response;
+
+import cn.cordys.common.dto.OptionDTO;
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class MaxKBDataResponse extends MaxKBResponseEntity {
+
+    @JsonProperty("data")
+    List<OptionDTO> data;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/response/MaxKBResponseEntity.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/response/MaxKBResponseEntity.java
new file mode 100644
index 0000000..6bdec8e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/response/MaxKBResponseEntity.java
@@ -0,0 +1,21 @@
+package cn.cordys.crm.integration.agent.response;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+@Data
+public class MaxKBResponseEntity {
+
+    /**
+     * 错误码
+     */
+    @JsonProperty("code")
+    private int code;
+
+    /**
+     * 错误消息
+     */
+    @JsonProperty("message")
+    private String message;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/response/MaxKBTokenResponse.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/response/MaxKBTokenResponse.java
new file mode 100644
index 0000000..6c0645a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/response/MaxKBTokenResponse.java
@@ -0,0 +1,11 @@
+package cn.cordys.crm.integration.agent.response;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+@Data
+public class MaxKBTokenResponse extends MaxKBResponseEntity {
+
+    @JsonProperty("data")
+    TokenResponse data;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/response/Nodes.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/response/Nodes.java
new file mode 100644
index 0000000..544215a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/response/Nodes.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.integration.agent.response;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+@Data
+public class Nodes {
+
+    @JsonProperty("id")
+    private String id;
+
+    @JsonProperty("type")
+    private String type;
+
+    @JsonProperty("properties")
+    private Properties properties;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/response/Properties.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/response/Properties.java
new file mode 100644
index 0000000..6a957a6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/response/Properties.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.integration.agent.response;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class Properties {
+
+    @JsonProperty("api_input_field_list")
+    private List<ApiInputFieldList> apiInputFieldList;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/response/TokenResponse.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/response/TokenResponse.java
new file mode 100644
index 0000000..58912e7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/response/TokenResponse.java
@@ -0,0 +1,11 @@
+package cn.cordys.crm.integration.agent.response;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+@Data
+public class TokenResponse {
+
+    @JsonProperty("access_token")
+    private String accessToken;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/response/WorkFlow.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/response/WorkFlow.java
new file mode 100644
index 0000000..5dfdf86
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/response/WorkFlow.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.integration.agent.response;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class WorkFlow {
+
+    @JsonProperty("nodes")
+    private List<Nodes> nodes;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/service/AgentBaseService.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/service/AgentBaseService.java
new file mode 100644
index 0000000..36ae1b8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/service/AgentBaseService.java
@@ -0,0 +1,669 @@
+package cn.cordys.crm.integration.agent.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.constants.ThirdConfigTypeConstants;
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.common.dto.BaseTreeNode;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.NodeSortUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.dashboard.dto.MoveNodeSortDTO;
+import cn.cordys.crm.dashboard.service.DashboardSortService;
+import cn.cordys.crm.integration.agent.constant.MaxKBApiPaths;
+import cn.cordys.crm.integration.agent.domain.Agent;
+import cn.cordys.crm.integration.agent.domain.AgentCollection;
+import cn.cordys.crm.integration.agent.dto.AgentLogDTO;
+import cn.cordys.crm.integration.agent.dto.AgentOptionDTO;
+import cn.cordys.crm.integration.agent.dto.ParameterDTO;
+import cn.cordys.crm.integration.agent.dto.request.*;
+import cn.cordys.crm.integration.agent.dto.response.AgentDetailResponse;
+import cn.cordys.crm.integration.agent.dto.response.AgentPageResponse;
+import cn.cordys.crm.integration.agent.dto.response.ScriptResponse;
+import cn.cordys.crm.integration.agent.mapper.ExtAgentCollectionMapper;
+import cn.cordys.crm.integration.agent.mapper.ExtAgentMapper;
+import cn.cordys.crm.integration.agent.response.*;
+import cn.cordys.crm.integration.common.client.QrCodeClient;
+import cn.cordys.crm.integration.common.dto.ThirdConfigBaseDTO;
+import cn.cordys.crm.integration.common.request.MaxKBThirdConfigRequest;
+import cn.cordys.crm.integration.common.utils.HttpClientUtils;
+import cn.cordys.crm.system.constants.OrganizationConfigConstants;
+import cn.cordys.crm.system.domain.OrganizationConfig;
+import cn.cordys.crm.system.domain.OrganizationConfigDetail;
+import cn.cordys.crm.system.dto.ScopeNameDTO;
+import cn.cordys.crm.system.dto.request.NodeMoveRequest;
+import cn.cordys.crm.system.mapper.ExtOrganizationConfigDetailMapper;
+import cn.cordys.crm.system.mapper.ExtOrganizationConfigMapper;
+import cn.cordys.crm.system.mapper.ExtOrganizationUserMapper;
+import cn.cordys.crm.system.mapper.ExtUserMapper;
+import cn.cordys.crm.system.service.DepartmentService;
+import cn.cordys.crm.system.service.UserExtendService;
+import cn.cordys.mybatis.BaseMapper;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.BooleanUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.apache.ibatis.session.ExecutorType;
+import org.apache.ibatis.session.SqlSession;
+import org.apache.ibatis.session.SqlSessionFactory;
+import org.mybatis.spring.SqlSessionUtils;
+import org.springframework.http.HttpHeaders;
+import org.springframework.http.MediaType;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class AgentBaseService extends DashboardSortService {
+
+    @Resource
+    private ExtAgentMapper extAgentMapper;
+    @Resource
+    private AgentModuleService agentModuleService;
+    @Resource
+    private BaseMapper<Agent> agentMapper;
+    @Resource
+    private UserExtendService userExtendService;
+    @Resource
+    private ExtAgentCollectionMapper extAgentCollectionMapper;
+    @Resource
+    private ExtOrganizationUserMapper extOrganizationUserMapper;
+    @Resource
+    private DepartmentService departmentService;
+    @Resource
+    private ExtUserMapper extUserMapper;
+    @Resource
+    private BaseMapper<AgentCollection> agentCollectionMapper;
+    @Resource
+    private SqlSessionFactory sqlSessionFactory;
+    @Resource
+    private ExtOrganizationConfigMapper extOrganizationConfigMapper;
+    @Resource
+    private ExtOrganizationConfigDetailMapper extOrganizationConfigDetailMapper;
+    @Resource
+    private QrCodeClient qrCodeClient;
+
+    /**
+     * 添加智能体
+     *
+     * @param request
+     * @param orgId
+     * @param userId
+     * @return
+     */
+    @OperationLog(module = LogModule.AGENT, type = LogType.ADD)
+    public Agent addAgent(AgentAddRequest request, String orgId, String userId) {
+        checkAgentName(request.getName(), request.getAgentModuleId(), orgId, null);
+        agentModuleService.checkAgentModule(request.getAgentModuleId());
+        String id = IDGenerator.nextStr();
+        Agent agent = new Agent();
+        agent.setId(id);
+        agent.setName(request.getName());
+        agent.setAgentModuleId(request.getAgentModuleId());
+        agent.setOrganizationId(orgId);
+        agent.setPos(getNextPos(orgId));
+        agent.setScopeId(JSON.toJSONString(request.getScopeIds()));
+        agent.setScript(request.getScript());
+        agent.setDescription(request.getDescription());
+        agent.setCreateTime(System.currentTimeMillis());
+        agent.setCreateUser(userId);
+        agent.setUpdateTime(System.currentTimeMillis());
+        agent.setUpdateUser(userId);
+        agent.setType(request.getType());
+        agent.setWorkspaceId(request.getWorkspaceId());
+        agent.setApplicationId(request.getApplicationId());
+        agentMapper.insert(agent);
+
+        //日志
+        OperationLogContext.setContext(LogContextInfo.builder()
+                .modifiedValue(agent)
+                .resourceId(id)
+                .resourceName(agent.getName())
+                .build());
+
+        return agent;
+    }
+
+
+    /**
+     * 同一文件下智能体名称唯一
+     *
+     * @param name
+     * @param agentModuleId
+     * @param orgId
+     * @param id
+     */
+    private void checkAgentName(String name, String agentModuleId, String orgId, String id) {
+        if (extAgentMapper.countByName(name, agentModuleId, orgId, id) > 0) {
+            throw new GenericException(Translator.get("agent_name_exist"));
+        }
+    }
+
+
+    private Long getNextPos(String orgId) {
+        Long pos = extAgentMapper.getNextPosByOrgId(orgId);
+        return (pos == null ? 0 : pos) + NodeSortUtils.DEFAULT_NODE_INTERVAL_POS;
+    }
+
+
+    /**
+     * 智能体详情
+     *
+     * @param id
+     * @return
+     */
+    public AgentDetailResponse getDetail(String id) {
+        AgentDetailResponse response = extAgentMapper.getDetail(id);
+        if (response != null && !StringUtils.isBlank(response.getScopeId())) {
+            response.setMembers(userExtendService.getScope(JSON.parseArray(response.getScopeId(), String.class)));
+        }
+        return response;
+    }
+
+
+    /**
+     * 更新智能体
+     *
+     * @param request
+     * @param orgId
+     * @param userId
+     */
+    @OperationLog(module = LogModule.AGENT, type = LogType.UPDATE)
+    public void updateAgent(AgentUpdateRequest request, String orgId, String userId) {
+        checkAgentName(request.getName(), request.getAgentModuleId(), orgId, request.getId());
+        Agent originalAgent = checkAgent(request.getId());
+        AgentLogDTO originalDetail = getLogDetail(originalAgent.getId());
+
+        Agent agent = new Agent();
+        BeanUtils.copyBean(agent, request);
+        agent.setScopeId(JSON.toJSONString(request.getScopeIds()));
+        agent.setUpdateTime(System.currentTimeMillis());
+        agent.setUpdateUser(userId);
+        agentMapper.update(agent);
+
+        AgentLogDTO newDetail = getLogDetail(originalAgent.getId());
+
+        // 添加日志上下文
+        String resourceName = Optional.ofNullable(agent.getName()).orElse(originalAgent.getName());
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .originalValue(originalDetail)
+                        .modifiedValue(newDetail)
+                        .resourceId(request.getId())
+                        .resourceName(resourceName)
+                        .build()
+        );
+    }
+
+
+    private AgentLogDTO getLogDetail(String id) {
+        AgentDetailResponse detail = getDetail(id);
+        AgentLogDTO detailDTO = new AgentLogDTO();
+        BeanUtils.copyBean(detailDTO, detail);
+        List<String> names = detail.getMembers().stream().map(ScopeNameDTO::getName).toList();
+        detailDTO.setMembers(names);
+        return detailDTO;
+    }
+
+    private Agent checkAgent(String id) {
+        Agent agent = agentMapper.selectByPrimaryKey(id);
+        if (agent == null) {
+            throw new GenericException(Translator.get("agent_blank"));
+        }
+        return agent;
+    }
+
+
+    /**
+     * 重命名智能体
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     */
+    @OperationLog(module = LogModule.AGENT, type = LogType.UPDATE)
+    public void rename(AgentRenameRequest request, String userId, String orgId) {
+        Agent originalAgent = checkAgent(request.getId());
+        checkAgentName(request.getName(), request.getAgentModuleId(), orgId, request.getId());
+        Agent agent = BeanUtils.copyBean(new Agent(), request);
+        agent.setUpdateTime(System.currentTimeMillis());
+        agent.setName(request.getName());
+        agent.setUpdateUser(userId);
+        agentMapper.update(agent);
+
+        // 添加日志上下文
+        String resourceName = Optional.ofNullable(agent.getName()).orElse(originalAgent.getName());
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .originalValue(originalAgent)
+                        .modifiedValue(checkAgent(request.getId()))
+                        .resourceId(request.getId())
+                        .resourceName(resourceName)
+                        .build()
+        );
+    }
+
+
+    /**
+     * 删除智能体
+     *
+     * @param id
+     */
+    @OperationLog(module = LogModule.AGENT, type = LogType.DELETE, resourceId = "{#id}")
+    public void delete(String id) {
+        Agent agent = checkAgent(id);
+        agentMapper.deleteByPrimaryKey(id);
+        extAgentCollectionMapper.deleteByAgentId(id);
+
+        // 设置操作对象
+        OperationLogContext.setResourceName(agent.getName());
+    }
+
+
+    /**
+     * 智能体列表
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     * @return
+     */
+    public Pager<List<AgentPageResponse>> getList(AgentPageRequest request, String userId, String orgId) {
+        List<String> departmentIds = new ArrayList<>();
+        if (!Strings.CI.equals(userId, InternalUser.ADMIN.getValue())) {
+            String departmentId = extOrganizationUserMapper.getDepartmentByUserId(userId);
+            List<BaseTreeNode> departmentTree = departmentService.getTree(orgId);
+            departmentIds = agentModuleService.getParentIds(departmentTree, departmentId);
+        }
+
+
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        List<AgentPageResponse> agentList = extAgentMapper.list(request, userId, orgId, departmentIds);
+        handleData(agentList, userId);
+        return PageUtils.setPageInfo(page, agentList);
+    }
+
+
+    /**
+     * 数据处理
+     *
+     * @param agentList
+     * @param userId
+     */
+    private void handleData(List<AgentPageResponse> agentList, String userId) {
+        if (CollectionUtils.isNotEmpty(agentList)) {
+            //创建人 更新人
+            List<String> ids = new ArrayList<>();
+            ids.addAll(agentList.stream().map(AgentPageResponse::getCreateUser).toList());
+            ids.addAll(agentList.stream().map(AgentPageResponse::getUpdateUser).toList());
+            List<OptionDTO> options = extUserMapper.selectUserOptionByIds(ids);
+            Map<String, String> userMap = options
+                    .stream()
+                    .collect(Collectors.toMap(OptionDTO::getId, OptionDTO::getName));
+
+            Set<String> myCollects = new HashSet<>(extAgentCollectionMapper.getByUserId(userId));
+
+            agentList.forEach(agent -> {
+                agent.setMembers(userExtendService.getScope(JSON.parseArray(agent.getScopeId(), String.class)));
+                if (userMap.containsKey(agent.getCreateUser())) {
+                    agent.setCreateUserName(userMap.get(agent.getCreateUser()));
+                }
+                if (userMap.containsKey(agent.getUpdateUser())) {
+                    agent.setUpdateUserName(userMap.get(agent.getUpdateUser()));
+                }
+                if (myCollects.contains(agent.getId())) {
+                    agent.setMyCollect(true);
+                }
+            });
+        }
+
+    }
+
+
+    /**
+     * 收藏
+     *
+     * @param id
+     * @param userId
+     */
+    public void collect(String id, String userId) {
+        checkCollect(id, userId);
+        AgentCollection agentCollection = new AgentCollection();
+        agentCollection.setId(IDGenerator.nextStr());
+        agentCollection.setAgentId(id);
+        agentCollection.setUserId(userId);
+        agentCollection.setCreateTime(System.currentTimeMillis());
+        agentCollection.setUpdateTime(System.currentTimeMillis());
+        agentCollection.setCreateUser(userId);
+        agentCollection.setUpdateUser(userId);
+        agentCollectionMapper.insert(agentCollection);
+    }
+
+    private void checkCollect(String id, String userId) {
+        if (extAgentCollectionMapper.checkCollect(id, userId) > 0) {
+            throw new GenericException(Translator.get("agent_collect_exist"));
+        }
+    }
+
+
+    /**
+     * 取消收藏
+     *
+     * @param agentId
+     * @param userId
+     */
+    public void unCollect(String agentId, String userId) {
+        extAgentCollectionMapper.unCollect(agentId, userId);
+    }
+
+
+    /**
+     * 收藏列表
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     * @return
+     */
+    public List<AgentPageResponse> collectList(BasePageRequest request, String userId, String orgId) {
+        List<AgentPageResponse> agentList = extAgentCollectionMapper.collectList(request, userId, orgId);
+        handleData(agentList, userId);
+        return agentList;
+    }
+
+
+    /**
+     * 拖拽排序
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     */
+    public void editPos(AgentEditPosRequest request, String userId, String orgId) {
+        Agent agent = checkAgent(request.getMoveId());
+        if (StringUtils.isNotBlank(request.getAgentModuleId()) && !Strings.CS.equals(request.getAgentModuleId(), agent.getAgentModuleId())) {
+            agentModuleService.checkAgentModule(request.getAgentModuleId());
+            checkAgentName(agent.getName(), request.getAgentModuleId(), orgId, agent.getId());
+
+            agent.setAgentModuleId(request.getAgentModuleId());
+            agent.setUpdateUser(userId);
+            agent.setUpdateTime(System.currentTimeMillis());
+            agentMapper.update(agent);
+        }
+        if (Strings.CS.equals(request.getTargetId(), request.getMoveId())) {
+            return;
+        }
+        moveNode(request, orgId);
+    }
+
+
+    public void moveNode(AgentEditPosRequest posRequest, String orgId) {
+        NodeMoveRequest request = super.getNodeMoveRequest(posRequest.getMoveId(), posRequest.getTargetId(), posRequest.getMoveMode(), true);
+        MoveNodeSortDTO sortDTO = super.getNodeSortDTO(
+                orgId,
+                request,
+                extAgentMapper::selectDragInfoById,
+                extAgentMapper::selectNodeByPosOperator
+        );
+        super.sort(sortDTO);
+    }
+
+
+    @Override
+    public void updatePos(String id, long pos) {
+        extAgentMapper.updatePos(id, pos);
+    }
+
+    @Override
+    public void refreshPos(String orgId) {
+        List<String> posIds = extAgentMapper.selectIdByOrgIdOrderByPos(orgId);
+        SqlSession sqlSession = sqlSessionFactory.openSession(ExecutorType.BATCH);
+        ExtAgentMapper batchUpdateMapper = sqlSession.getMapper(ExtAgentMapper.class);
+        for (int i = 0; i < posIds.size(); i++) {
+            batchUpdateMapper.updatePos(posIds.get(i), i * NodeSortUtils.DEFAULT_NODE_INTERVAL_POS);
+        }
+        sqlSession.flushStatements();
+        SqlSessionUtils.closeSqlSession(sqlSession, sqlSessionFactory);
+    }
+
+
+    /**
+     * 获取用户可选智能体选项
+     *
+     * @param userId
+     * @param orgId
+     * @return
+     */
+    public List<AgentOptionDTO> getAgentOptions(String userId, String orgId) {
+        List<String> departmentIds = new ArrayList<>();
+        if (!Strings.CI.equals(userId, InternalUser.ADMIN.getValue())) {
+            String departmentId = extOrganizationUserMapper.getDepartmentByUserId(userId);
+            List<BaseTreeNode> departmentTree = departmentService.getTree(orgId);
+            departmentIds = agentModuleService.getParentIds(departmentTree, departmentId);
+        }
+        return extAgentMapper.getOptions(userId, orgId, departmentIds);
+    }
+
+
+    /**
+     * 检测配置连接
+     *
+     * @param orgId
+     * @return
+     */
+    public Boolean checkConfig(String orgId) {
+        var configurationDTO = getConfig(orgId);
+        if (configurationDTO == null) {
+            return false;
+        }
+        return BooleanUtils.isTrue(configurationDTO.getVerify());
+    }
+
+    /**
+     * 获取配置
+     *
+     * @param orgId
+     * @return
+     */
+    private ThirdConfigBaseDTO<?> getConfig(String orgId) {
+        OrganizationConfig organizationConfig = extOrganizationConfigMapper.getOrganizationConfig(
+                orgId, OrganizationConfigConstants.ConfigType.THIRD.name()
+        );
+        if (organizationConfig == null) {
+            return null;
+        }
+        List<OrganizationConfigDetail> details = extOrganizationConfigDetailMapper
+                .getOrgConfigDetailByType(organizationConfig.getId(), null, List.of(ThirdConfigTypeConstants.MAXKB.name()));
+
+        if (CollectionUtils.isEmpty(details)) {
+            return null;
+        }
+
+
+        var thirdConfigBaseDTO = JSON.parseObject(new String(details.getFirst().getContent()), ThirdConfigBaseDTO.class);
+        MaxKBThirdConfigRequest maxKBThirdConfigRequest;
+        if (thirdConfigBaseDTO.getConfig() == null) {
+            maxKBThirdConfigRequest = JSON.parseObject(new String(details.getFirst().getContent()), MaxKBThirdConfigRequest.class);
+        } else {
+            maxKBThirdConfigRequest = JSON.MAPPER.convertValue(thirdConfigBaseDTO.getConfig(), MaxKBThirdConfigRequest.class);
+        }
+
+        thirdConfigBaseDTO.setConfig(maxKBThirdConfigRequest);
+        return thirdConfigBaseDTO;
+    }
+
+    /**
+     * 获取工作空间
+     *
+     * @param orgId
+     * @return
+     */
+    public List<OptionDTO> workspace(String orgId) {
+        ThirdConfigBaseDTO<?> config = getConfig(orgId);
+        if (config == null) {
+            return Collections.emptyList();
+        }
+        return getWorkspace(config);
+    }
+
+    private List<OptionDTO> getWorkspace(ThirdConfigBaseDTO<?> baseConfig) {
+        MaxKBThirdConfigRequest config = JSON.MAPPER.convertValue(baseConfig.getConfig(), MaxKBThirdConfigRequest.class);
+        String body = qrCodeClient.exchange(
+                config.getMkAddress().concat(MaxKBApiPaths.WORKSPACE),
+                "Bearer " + config.getAppSecret(),
+                HttpHeaders.AUTHORIZATION,
+                MediaType.APPLICATION_JSON,
+                MediaType.APPLICATION_JSON
+        );
+        MaxKBDataResponse entity = JSON.parseObject(body, MaxKBDataResponse.class);
+        if (entity.getCode() != 200) {
+            throw new GenericException("获取工作空间失败，错误信息：" + entity.getMessage());
+        }
+        return entity.getData();
+    }
+
+
+    /**
+     * 获取智能体应用列表
+     *
+     * @param workspaceId
+     * @param orgId
+     * @return
+     */
+    public List<OptionDTO> application(String workspaceId, String orgId) {
+        ThirdConfigBaseDTO<?> config = getConfig(orgId);
+        if (config == null) {
+            return Collections.emptyList();
+        }
+        return getApplication(workspaceId, config);
+    }
+
+    private List<OptionDTO> getApplication(String workspaceId, ThirdConfigBaseDTO<?> baseConfig) {
+        MaxKBThirdConfigRequest config = JSON.MAPPER.convertValue(baseConfig.getConfig(), MaxKBThirdConfigRequest.class);
+        String body = qrCodeClient.exchange(
+                HttpClientUtils.urlTransfer(config.getMkAddress().concat(MaxKBApiPaths.APPLICATION), workspaceId),
+                "Bearer " + config.getAppSecret(),
+                HttpHeaders.AUTHORIZATION,
+                MediaType.APPLICATION_JSON,
+                MediaType.APPLICATION_JSON
+        );
+        MaxKBDataResponse entity = JSON.parseObject(body, MaxKBDataResponse.class);
+        if (entity.getCode() != 200) {
+            throw new GenericException("获取智能体应用失败，错误信息：" + entity.getMessage());
+        }
+        return entity.getData();
+    }
+
+
+    /**
+     * 获取脚本信息
+     *
+     * @param request
+     * @param orgId
+     * @return
+     */
+    public ScriptResponse script(ScriptRequest request, String orgId) {
+        ThirdConfigBaseDTO<?> config = getConfig(orgId);
+        if (config == null) {
+            return new ScriptResponse();
+        }
+        return getScript(request, config);
+    }
+
+    private ScriptResponse getScript(ScriptRequest request, ThirdConfigBaseDTO<?> baseConfig) {
+        MaxKBThirdConfigRequest config = JSON.MAPPER.convertValue(baseConfig.getConfig(), MaxKBThirdConfigRequest.class);
+        ScriptResponse response = new ScriptResponse();
+        List<ParameterDTO> parameters = new ArrayList<>();
+        String accessToken = qrCodeClient.exchange(
+                HttpClientUtils.urlTransfer(config.getMkAddress().concat(MaxKBApiPaths.ACCESS_TOKEN), request.getWorkspaceId(), request.getApplicationId()),
+                "Bearer " + config.getAppSecret(),
+                HttpHeaders.AUTHORIZATION,
+                MediaType.APPLICATION_JSON,
+                MediaType.APPLICATION_JSON
+        );
+        MaxKBTokenResponse maxKBResponse = JSON.parseObject(accessToken, MaxKBTokenResponse.class);
+        if (maxKBResponse.getCode() != 200) {
+            throw new GenericException("获取accessToken失败，错误信息：" + maxKBResponse.getMessage());
+        }
+        response.setSrc(config.getMkAddress().concat("/chat/").concat(maxKBResponse.getData().getAccessToken()));
+
+        String application = qrCodeClient.exchange(
+                HttpClientUtils.urlTransfer(config.getMkAddress().concat(MaxKBApiPaths.APPLICATION_DETAIL), request.getWorkspaceId(), request.getApplicationId()),
+                "Bearer " + config.getAppSecret(),
+                HttpHeaders.AUTHORIZATION,
+                MediaType.APPLICATION_JSON,
+                MediaType.APPLICATION_JSON
+        );
+        MaxKBApplicationResponse applicationResponse = JSON.parseObject(application, MaxKBApplicationResponse.class);
+        if (applicationResponse.getCode() != 200) {
+            throw new GenericException("获取应用信息失败，错误信息：" + applicationResponse.getMessage());
+        }
+
+        if (CollectionUtils.isNotEmpty(applicationResponse.getData().getWorkflow().getNodes())) {
+            List<Nodes> nodes = applicationResponse.getData().getWorkflow().getNodes();
+            Nodes baseNode = nodes.stream().filter(node -> Strings.CI.equals(node.getId(), "base-node")).toList().getFirst();
+            if (baseNode != null) {
+                List<ApiInputFieldList> apiInputFieldList = baseNode.getProperties().getApiInputFieldList();
+                if (CollectionUtils.isNotEmpty(apiInputFieldList)) {
+                    apiInputFieldList.forEach(field -> {
+                        ParameterDTO parameterDTO = new ParameterDTO();
+                        parameterDTO.setParameter(field.getVariable());
+                        parameterDTO.setValue(field.getDefaultValue());
+                        parameters.add(parameterDTO);
+                    });
+                }
+            }
+        }
+        response.setParameters(parameters);
+        return response;
+    }
+
+
+    /**
+     * 获取版本
+     *
+     * @param orgId
+     * @return
+     */
+    public String edition(String orgId) {
+        ThirdConfigBaseDTO<?> config = getConfig(orgId);
+        if (config == null) {
+            throw new GenericException(Translator.get("third.config.not.exist"));
+        }
+        return getEdition(config);
+    }
+
+    private String getEdition(ThirdConfigBaseDTO<?> baseConfig) {
+        MaxKBThirdConfigRequest config = JSON.MAPPER.convertValue(baseConfig.getConfig(), MaxKBThirdConfigRequest.class);
+        String body = qrCodeClient.exchange(
+                config.getMkAddress().concat(MaxKBApiPaths.EDITION),
+                "Bearer " + config.getAppSecret(),
+                HttpHeaders.AUTHORIZATION,
+                MediaType.APPLICATION_JSON,
+                MediaType.APPLICATION_JSON
+        );
+        var map = JSON.parseObject(body, Map.class);
+        if ((Integer) map.get("code") != 200) {
+            throw new GenericException("获取版本异常，错误信息：" + map.get("message"));
+        }
+
+        var dataMap = (Map) map.get("data");
+        return (String) dataMap.get("edition");
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/agent/service/AgentModuleService.java b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/service/AgentModuleService.java
new file mode 100644
index 0000000..0853cb4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/agent/service/AgentModuleService.java
@@ -0,0 +1,351 @@
+package cn.cordys.crm.integration.agent.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.aspectj.dto.LogDTO;
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.dto.BaseTreeNode;
+import cn.cordys.common.dto.NodeSortDTO;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.NodeSortUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.integration.agent.domain.AgentModule;
+import cn.cordys.crm.integration.agent.dto.request.AgentModuleAddRequest;
+import cn.cordys.crm.integration.agent.dto.request.AgentModuleRenameRequest;
+import cn.cordys.crm.integration.agent.mapper.ExtAgentCollectionMapper;
+import cn.cordys.crm.integration.agent.mapper.ExtAgentMapper;
+import cn.cordys.crm.integration.agent.mapper.ExtAgentModuleMapper;
+import cn.cordys.crm.system.dto.request.NodeMoveRequest;
+import cn.cordys.crm.system.mapper.ExtOrganizationUserMapper;
+import cn.cordys.crm.system.service.DepartmentService;
+import cn.cordys.crm.system.service.LogService;
+import cn.cordys.crm.system.service.MoveNodeService;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.apache.ibatis.session.ExecutorType;
+import org.apache.ibatis.session.SqlSession;
+import org.apache.ibatis.session.SqlSessionFactory;
+import org.mybatis.spring.SqlSessionUtils;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class AgentModuleService extends MoveNodeService {
+
+    @Resource
+    private BaseMapper<AgentModule> agentModuleMapper;
+    @Resource
+    private ExtAgentModuleMapper extAgentModuleMapper;
+    @Resource
+    private LogService logService;
+    @Resource
+    private ExtOrganizationUserMapper extOrganizationUserMapper;
+    @Resource
+    private DepartmentService departmentService;
+    @Resource
+    private ExtAgentMapper extAgentMapper;
+    @Resource
+    private ExtAgentCollectionMapper extAgentCollectionMapper;
+    @Resource
+    private SqlSessionFactory sqlSessionFactory;
+
+    private static void buildIdNodeMap(List<BaseTreeNode> nodeList, Map<String, BaseTreeNode> idNodeMap) {
+        for (BaseTreeNode node : nodeList) {
+            idNodeMap.put(node.getId(), node);
+            if (CollectionUtils.isNotEmpty(node.getChildren())) {
+                buildIdNodeMap(node.getChildren(), idNodeMap);
+            }
+        }
+    }
+
+    public AgentModule checkAgentModule(String id) {
+        AgentModule agentModule = agentModuleMapper.selectByPrimaryKey(id);
+        if (agentModule == null) {
+            throw new GenericException(Translator.get("agent_module_blank"));
+        }
+        return agentModule;
+    }
+
+    public List<String> getParentIds(List<BaseTreeNode> departmentTree, String departmentId) {
+        List<String> ids = new ArrayList<>();
+        if (CollectionUtils.isEmpty(departmentTree) || StringUtils.isBlank(departmentId)) {
+            return ids;
+        }
+
+        Map<String, BaseTreeNode> idNodeMap = new HashMap<>();
+        buildIdNodeMap(departmentTree, idNodeMap);
+
+        BaseTreeNode currentNode = idNodeMap.get(departmentId);
+        while (currentNode != null && currentNode.getParentId() != null) {
+            ids.add(currentNode.getId());
+            if ("NONE".equals(currentNode.getParentId())) {
+                break;
+            }
+            currentNode = idNodeMap.get(currentNode.getParentId());
+        }
+
+        return ids;
+    }
+
+    /**
+     * 添加文件夹
+     *
+     * @param request
+     * @param orgId
+     * @param userId
+     *
+     * @return
+     */
+    @OperationLog(module = LogModule.AGENT, type = LogType.ADD)
+    public AgentModule addFileModule(AgentModuleAddRequest request, String orgId, String userId) {
+        //同一层级文件名称唯一
+        checkFileName(request.getName(), request.getParentId(), orgId, null);
+        String id = IDGenerator.nextStr();
+        AgentModule agentModule = new AgentModule();
+        agentModule.setId(id);
+        agentModule.setName(request.getName());
+        agentModule.setParentId(request.getParentId());
+        agentModule.setOrganizationId(orgId);
+        agentModule.setPos(getNextPos(orgId));
+        agentModule.setCreateTime(System.currentTimeMillis());
+        agentModule.setUpdateTime(System.currentTimeMillis());
+        agentModule.setCreateUser(userId);
+        agentModule.setUpdateUser(userId);
+        agentModuleMapper.insert(agentModule);
+
+        //日志
+        OperationLogContext.setContext(LogContextInfo.builder()
+                .modifiedValue(agentModule)
+                .resourceId(id)
+                .resourceName(agentModule.getName())
+                .build());
+        return agentModule;
+    }
+
+
+    public Long getNextPos(String orgId) {
+        Long pos = extAgentModuleMapper.getNextPosByOrgId(orgId);
+        return (pos == null ? 0 : pos) + NodeSortUtils.DEFAULT_NODE_INTERVAL_POS;
+    }
+
+    /**
+     * 文件名重复校验
+     *
+     * @param name
+     * @param parentId
+     * @param orgId
+     * @param id
+     */
+    private void checkFileName(String name, String parentId, String orgId, String id) {
+        if (extAgentModuleMapper.countByName(name, parentId, orgId, id) > 0) {
+            throw new GenericException(Translator.get("dashboard_module_name_exist"));
+        }
+    }
+
+
+    /**
+     * 重命名
+     *
+     * @param request
+     * @param userId
+     */
+    @OperationLog(module = LogModule.AGENT, type = LogType.UPDATE)
+    public void rename(AgentModuleRenameRequest request, String userId) {
+        AgentModule originalAgentModule = checkAgentModule(request.getId());
+        checkFileName(request.getName(), originalAgentModule.getParentId(), originalAgentModule.getOrganizationId(), originalAgentModule.getId());
+
+        AgentModule agentModule = BeanUtils.copyBean(new AgentModule(), request);
+        agentModule.setUpdateTime(System.currentTimeMillis());
+        agentModule.setName(request.getName());
+        agentModule.setUpdateUser(userId);
+        agentModuleMapper.update(agentModule);
+
+        // 添加日志上下文
+        String resourceName = Optional.ofNullable(agentModule.getName()).orElse(originalAgentModule.getName());
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .originalValue(originalAgentModule)
+                        .modifiedValue(checkAgentModule(request.getId()))
+                        .resourceId(request.getId())
+                        .resourceName(resourceName)
+                        .build()
+        );
+    }
+
+
+    /**
+     * 删除文件夹
+     *
+     * @param ids
+     * @param userId
+     * @param orgId
+     */
+    public void delete(List<String> ids, String userId, String orgId) {
+        deleteCheck(ids, orgId);
+        List<AgentModule> agentModules = agentModuleMapper.selectByIds(ids);
+        //刪除文件夹
+        agentModuleMapper.deleteByIds(ids);
+        List<LogDTO> logs = new ArrayList<>();
+        // 添加日志上下文
+        agentModules.forEach(agentModule -> {
+            LogDTO logDTO = new LogDTO(agentModule.getOrganizationId(), agentModule.getId(), userId, LogType.DELETE, LogModule.AGENT, agentModule.getName());
+            logDTO.setOriginalValue(agentModule);
+            logs.add(logDTO);
+        });
+        logService.batchAdd(logs);
+    }
+
+
+    /**
+     * 删除校验
+     *
+     * @param ids
+     * @param orgId
+     */
+    private void deleteCheck(List<String> ids, String orgId) {
+        if (extAgentModuleMapper.countAgentByIds(ids, orgId) > 0) {
+            throw new GenericException(Translator.get("agent_module_cannot_delete"));
+        }
+    }
+
+
+    /**
+     * 智能体树结构
+     *
+     * @param orgId
+     *
+     * @return
+     */
+    public List<BaseTreeNode> getTree(String orgId) {
+        List<BaseTreeNode> moduleNode = extAgentModuleMapper.selectTreeNode(orgId);
+        return BaseTreeNode.buildTree(moduleNode);
+    }
+
+
+    private List<String> getDepartmentIds(String userId, String orgId) {
+        List<String> departmentIds = new ArrayList<>();
+        if (!Strings.CI.equals(userId, InternalUser.ADMIN.getValue())) {
+            String departmentId = extOrganizationUserMapper.getDepartmentByUserId(userId);
+            List<BaseTreeNode> departmentTree = departmentService.getTree(orgId);
+            departmentIds = getParentIds(departmentTree, departmentId);
+        }
+        return departmentIds;
+    }
+
+
+    /**
+     * 文件夹数量
+     *
+     * @param userId
+     * @param orgId
+     *
+     * @return
+     */
+    public Map<String, Long> moduleCount(String userId, String orgId) {
+        List<BaseTreeNode> moduleNode = extAgentModuleMapper.selectTreeNode(orgId);
+        //查询模块下仪表板数据
+        List<String> departmentIds = getDepartmentIds(userId, orgId);
+        List<BaseTreeNode> agentNode = extAgentMapper.selectAgentNode(departmentIds, orgId, userId);
+
+        List<BaseTreeNode> agentTreeNodes = BaseTreeNode.buildTree(moduleNode);
+
+        Map<String, Integer> moduleCountMap = agentNode.stream()
+                .collect(Collectors.groupingBy(
+                        BaseTreeNode::getParentId,
+                        Collectors.summingInt(node -> 1)
+                ));
+
+        Map<String, Long> countMap = new HashMap<>();
+        for (BaseTreeNode root : agentTreeNodes) {
+            // 递归计算每个节点的仪表板数量
+            calculateAgentCount(root, countMap, moduleCountMap);
+        }
+
+        //我的收藏
+        int myCollect = extAgentCollectionMapper.countMyCollect(userId);
+        countMap.put("myCollect", (long) myCollect);
+        return countMap;
+    }
+
+
+    private int calculateAgentCount(BaseTreeNode node, Map<String, Long> countMap, Map<String, Integer> moduleCountMap) {
+        int count = 0;
+
+        if (moduleCountMap.containsKey(node.getId())) {
+            count += moduleCountMap.get(node.getId());
+        }
+
+        if (node.getChildren() != null && !node.getChildren().isEmpty()) {
+            for (BaseTreeNode child : node.getChildren()) {
+                count += calculateAgentCount(child, countMap, moduleCountMap);
+            }
+        }
+
+        countMap.put(node.getId(), (long) count);
+
+        return count;
+    }
+
+
+    /**
+     * 移动文件夹
+     *
+     * @param request
+     * @param userId
+     */
+    public void moveNode(NodeMoveRequest request, String userId) {
+        NodeSortDTO nodeSortDTO = super.getNodeSortDTO(request,
+                extAgentModuleMapper::selectBaseModuleById,
+                extAgentModuleMapper::selectModuleByParentIdAndPosOperator,
+                false);
+
+
+        AgentModule agentModule = new AgentModule();
+        agentModule.setParentId(nodeSortDTO.getParent().getId());
+        agentModule.setId(request.getDragNodeId());
+        if (agentModuleMapper.countByExample(agentModule) == 0) {
+            AgentModule moveModule = agentModuleMapper.selectByPrimaryKey(request.getDragNodeId());
+            moveModule.setParentId(nodeSortDTO.getParent().getId());
+            checkFileName(moveModule.getName(), moveModule.getParentId(), moveModule.getOrganizationId(), null);
+
+            moveModule.setUpdateUser(userId);
+            moveModule.setUpdateTime(System.currentTimeMillis());
+            agentModuleMapper.update(moveModule);
+        }
+
+        super.sort(nodeSortDTO);
+    }
+
+    @Override
+    public void updatePos(String id, long pos) {
+        AgentModule agentModule = new AgentModule();
+        agentModule.setId(id);
+        agentModule.setPos(pos);
+        agentModuleMapper.update(agentModule);
+    }
+
+    @Override
+    public void refreshPos(String parentId) {
+        List<String> childrenIds = extAgentModuleMapper.selectChildrenIds(parentId);
+        SqlSession sqlSession = sqlSessionFactory.openSession(ExecutorType.BATCH);
+        ExtAgentModuleMapper batchUpdateMapper = sqlSession.getMapper(ExtAgentModuleMapper.class);
+        for (int i = 0; i < childrenIds.size(); i++) {
+            batchUpdateMapper.updatePos(childrenIds.get(i), i * NodeSortUtils.DEFAULT_NODE_INTERVAL_POS);
+        }
+        sqlSession.flushStatements();
+        SqlSessionUtils.closeSqlSession(sqlSession, sqlSessionFactory);
+
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/common/client/QrCodeClient.java b/backend/crm/src/main/java/cn/cordys/crm/integration/common/client/QrCodeClient.java
new file mode 100644
index 0000000..e6a0dee
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/common/client/QrCodeClient.java
@@ -0,0 +1,119 @@
+package cn.cordys.crm.integration.common.client;
+
+
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.http.*;
+import org.springframework.http.client.SimpleClientHttpRequestFactory;
+import org.springframework.stereotype.Service;
+import org.springframework.web.client.RestTemplate;
+
+import java.util.Collections;
+
+@Service
+@Slf4j
+public class QrCodeClient {
+
+    private static final RestTemplate restTemplate;
+    private final static int CONNECT_TIMEOUT = 10000;
+
+    static {
+        SimpleClientHttpRequestFactory factory = new SimpleClientHttpRequestFactory();
+        // 设置连接超时时间（单位：毫秒）
+        factory.setConnectTimeout(CONNECT_TIMEOUT);
+
+        // 设置读取超时时间（单位：毫秒）
+        factory.setReadTimeout(CONNECT_TIMEOUT);
+
+        restTemplate = new RestTemplate(factory);
+    }
+
+    /**
+     * 通用的异常处理方法
+     */
+    private String handleRequestError(ResponseEntity<?> forEntity) throws Exception {
+        if (forEntity.getStatusCode().is4xxClientError() || forEntity.getStatusCode().is5xxServerError()) {
+            throw new Exception("StatusCode: " + forEntity.getStatusCode());
+        }
+        return JSON.toJSONString(forEntity.getBody());
+    }
+
+    /**
+     * 获取 HTTP GET 请求响应
+     */
+    public String get(String url) {
+        try {
+            var forEntity = restTemplate.getForEntity(url, Object.class);
+            return handleRequestError(forEntity);
+        } catch (Exception e) {
+            log.error("HttpClient查询失败", e);
+            throw new GenericException(Translator.get("sync.organization.http.error") + ": " + e.getMessage());
+        }
+    }
+
+    /**
+     * 发送带 Header 参数的 GET 请求
+     */
+    public String exchange(String url, String headerParam, String paramName, MediaType mediaType, MediaType acceptMediaType) {
+        var headers = createHeaders(headerParam, paramName, mediaType, acceptMediaType);
+        var request = new HttpEntity<>(headers);
+        try {
+            var forEntity = restTemplate.exchange(url, HttpMethod.GET, request, Object.class);
+            return handleRequestError(forEntity);
+        } catch (Exception e) {
+            log.error("HttpClient查询失败", e);
+            throw new GenericException(Translator.get("sync.organization.http.error") + ": " + e.getMessage());
+        }
+    }
+
+    /**
+     * 发送带 Header 参数的 GET 请求，并返回 String 类型的响应
+     */
+    public String exchangeString(String url, String headerParam, String paramName, MediaType mediaType, MediaType acceptMediaType) {
+        var headers = createHeaders(headerParam, paramName, mediaType, acceptMediaType);
+        var request = new HttpEntity<>(headers);
+        try {
+            var forEntity = restTemplate.exchange(url, HttpMethod.GET, request, String.class);
+            if (forEntity.getStatusCode().is4xxClientError() || forEntity.getStatusCode().is5xxServerError()) {
+                throw new Exception("StatusCode: " + forEntity.getStatusCode());
+            }
+            return JSON.toJSONString(forEntity.getBody());
+        } catch (Exception e) {
+            log.error("HttpClient查询失败", e);
+            throw new GenericException(Translator.get("sync.organization.http.error") + ": " + e.getMessage());
+        }
+    }
+
+    /**
+     * 发送带 Header 参数的 POST 请求
+     */
+    public String postExchange(String url, String headerParam, String paramName, Object body, MediaType mediaType, MediaType acceptMediaType) {
+        var headers = createHeaders(headerParam, paramName, mediaType, acceptMediaType);
+        var requestEntity = new HttpEntity<>(body, headers);
+        try {
+            var forEntity = restTemplate.exchange(url, HttpMethod.POST, requestEntity, Object.class);
+            return handleRequestError(forEntity);
+        } catch (Exception e) {
+            log.error("HttpClient查询失败", e);
+            throw new GenericException(Translator.get("sync.organization.http.error") + ": " + e.getMessage());
+        }
+    }
+
+    /**
+     * 创建 HttpHeaders，避免重复代码
+     */
+    private HttpHeaders createHeaders(String headerParam, String paramName, MediaType mediaType, MediaType acceptMediaType) {
+        var headers = new HttpHeaders();
+        headers.setContentType(mediaType);
+        if (acceptMediaType != null) {
+            headers.setAccept(Collections.singletonList(acceptMediaType));
+        }
+        if (StringUtils.isNotBlank(paramName)) {
+            headers.set(paramName, headerParam);
+        }
+        return headers;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/common/dto/ThirdConfigBaseDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/common/dto/ThirdConfigBaseDTO.java
new file mode 100644
index 0000000..461a8a4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/common/dto/ThirdConfigBaseDTO.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.integration.common.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class ThirdConfigBaseDTO<T> {
+
+    @Schema(description = "类型", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String type;
+
+    @Schema(description = "是否验证通过", requiredMode = Schema.RequiredMode.REQUIRED)
+    private Boolean verify;
+
+    @Schema(description = "配置属性对象", requiredMode = Schema.RequiredMode.REQUIRED)
+    private T config;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/common/request/DeThirdConfigRequest.java b/backend/crm/src/main/java/cn/cordys/crm/integration/common/request/DeThirdConfigRequest.java
new file mode 100644
index 0000000..232da97
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/common/request/DeThirdConfigRequest.java
@@ -0,0 +1,32 @@
+package cn.cordys.crm.integration.common.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class DeThirdConfigRequest {
+
+    @Schema(description = "APPID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String agentId;
+
+    @Schema(description = "appSecret", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String appSecret;
+
+    @Schema(description = "DEAccessKey", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String deAccessKey;
+
+    @Schema(description = "DESecretKey", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String deSecretKey;
+
+    @Schema(description = "回调地址", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String redirectUrl;
+
+    @Schema(description = "DE组织id", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String deOrgID;
+
+    @Schema(description = "DE自动同步", requiredMode = Schema.RequiredMode.REQUIRED)
+    private Boolean deAutoSync;
+
+    @Schema(description = "DE仪表板开启", requiredMode = Schema.RequiredMode.REQUIRED)
+    private Boolean deBoardEnable;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/common/request/DingTalkThirdConfigRequest.java b/backend/crm/src/main/java/cn/cordys/crm/integration/common/request/DingTalkThirdConfigRequest.java
new file mode 100644
index 0000000..6d16885
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/common/request/DingTalkThirdConfigRequest.java
@@ -0,0 +1,23 @@
+package cn.cordys.crm.integration.common.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class DingTalkThirdConfigRequest {
+
+    @Schema(description = "应用ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String agentId;
+
+    @Schema(description = "应用密钥", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String appSecret;
+
+    @Schema(description = "企业ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String corpId;
+
+    @Schema(description = "同步用户", requiredMode = Schema.RequiredMode.REQUIRED)
+    private Boolean startEnable;
+
+    @Schema(description = "内部应用ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String appId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/common/request/LarkThirdConfigRequest.java b/backend/crm/src/main/java/cn/cordys/crm/integration/common/request/LarkThirdConfigRequest.java
new file mode 100644
index 0000000..616b1ee
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/common/request/LarkThirdConfigRequest.java
@@ -0,0 +1,23 @@
+package cn.cordys.crm.integration.common.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class LarkThirdConfigRequest {
+
+    @Schema(description = "应用ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String agentId;
+
+    @Schema(description = "应用密钥", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String appSecret;
+
+    @Schema(description = "企业ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String corpId;
+
+    @Schema(description = "同步用户", requiredMode = Schema.RequiredMode.REQUIRED)
+    private Boolean startEnable;
+
+    @Schema(description = "回调地址", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String redirectUrl;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/common/request/MaxKBThirdConfigRequest.java b/backend/crm/src/main/java/cn/cordys/crm/integration/common/request/MaxKBThirdConfigRequest.java
new file mode 100644
index 0000000..a82d849
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/common/request/MaxKBThirdConfigRequest.java
@@ -0,0 +1,18 @@
+package cn.cordys.crm.integration.common.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class MaxKBThirdConfigRequest {
+
+
+    @Schema(description = "api key", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String appSecret;
+
+    @Schema(description = "maxKB地址", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String mkAddress;
+
+    @Schema(description = "mk开启", requiredMode = Schema.RequiredMode.REQUIRED)
+    private Boolean mkEnable;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/common/request/QccThirdConfigRequest.java b/backend/crm/src/main/java/cn/cordys/crm/integration/common/request/QccThirdConfigRequest.java
new file mode 100644
index 0000000..922588a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/common/request/QccThirdConfigRequest.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.integration.common.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class QccThirdConfigRequest {
+
+    @Schema(description = "企查查开启", requiredMode = Schema.RequiredMode.REQUIRED)
+    private Boolean qccEnable;
+
+    @Schema(description = "企查查地址", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String qccAddress;
+
+    @Schema(description = "企查查AccessKey", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String qccAccessKey;
+
+    @Schema(description = "企查查SecretKey", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String qccSecretKey;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/common/request/SqlBotThirdConfigRequest.java b/backend/crm/src/main/java/cn/cordys/crm/integration/common/request/SqlBotThirdConfigRequest.java
new file mode 100644
index 0000000..c694a18
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/common/request/SqlBotThirdConfigRequest.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.integration.common.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class SqlBotThirdConfigRequest {
+
+    @Schema(description = "脚本", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String appSecret;
+
+    @Schema(description = "sqlBot仪表板开启", requiredMode = Schema.RequiredMode.REQUIRED)
+    private Boolean sqlBotBoardEnable;
+
+    @Schema(description = "sqlBot问数开启", requiredMode = Schema.RequiredMode.REQUIRED)
+    private Boolean sqlBotChatEnable;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/common/request/TenderThirdConfigRequest.java b/backend/crm/src/main/java/cn/cordys/crm/integration/common/request/TenderThirdConfigRequest.java
new file mode 100644
index 0000000..5411237
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/common/request/TenderThirdConfigRequest.java
@@ -0,0 +1,14 @@
+package cn.cordys.crm.integration.common.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class TenderThirdConfigRequest {
+
+    @Schema(description = "tender开启")
+    private Boolean tenderEnable;
+
+    @Schema(description = "地址")
+    private String tenderAddress;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/common/request/WecomThirdConfigRequest.java b/backend/crm/src/main/java/cn/cordys/crm/integration/common/request/WecomThirdConfigRequest.java
new file mode 100644
index 0000000..7b2492a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/common/request/WecomThirdConfigRequest.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.integration.common.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class WecomThirdConfigRequest {
+
+    @Schema(description = "应用ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String agentId;
+
+    @Schema(description = "应用密钥", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String appSecret;
+
+    @Schema(description = "企业ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String corpId;
+
+    @Schema(description = "同步用户", requiredMode = Schema.RequiredMode.REQUIRED)
+    private Boolean startEnable;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/common/service/OAuthUserService.java b/backend/crm/src/main/java/cn/cordys/crm/integration/common/service/OAuthUserService.java
new file mode 100644
index 0000000..55a091e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/common/service/OAuthUserService.java
@@ -0,0 +1,194 @@
+package cn.cordys.crm.integration.common.service;
+
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.integration.common.client.QrCodeClient;
+import cn.cordys.crm.integration.common.utils.HttpClientUtils;
+import cn.cordys.crm.integration.dingtalk.constant.DingTalkApiPaths;
+import cn.cordys.crm.integration.dingtalk.response.DingTalkUserResponse;
+import cn.cordys.crm.integration.lark.constant.LarkApiPaths;
+import cn.cordys.crm.integration.wecom.constant.WeComApiPaths;
+import cn.cordys.crm.integration.wecom.dto.WeComUserTicketDTO;
+import cn.cordys.crm.integration.wecom.response.WeComCommonUserResponse;
+import cn.cordys.crm.integration.wecom.response.WeComUserResponse;
+import com.fasterxml.jackson.core.type.TypeReference;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.http.HttpHeaders;
+import org.springframework.http.MediaType;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.HashMap;
+import java.util.Map;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class OAuthUserService {
+
+    @Resource
+    private QrCodeClient qrCodeClient;
+
+    /**
+     * 获取github Oauth2 用户信息
+     *
+     * @param userInfoUrl 获取用户信息url
+     * @param accessToken token
+     *
+     * @return Map<String, Object>
+     */
+    public Map<String, Object> getGitHubUser(String userInfoUrl, String accessToken) {
+        String body = qrCodeClient.exchange(
+                userInfoUrl,
+                "Bearer " + accessToken,
+                HttpHeaders.AUTHORIZATION,
+                MediaType.APPLICATION_JSON,
+                MediaType.APPLICATION_JSON
+        );
+        return JSON.parseObject(body, new TypeReference<HashMap<String, Object>>() {
+        });
+    }
+
+    /**
+     * 获取企业微信访问用户身份
+     *
+     * @param assessToken token
+     * @param code        code
+     *
+     * @return WeComUserResponse
+     */
+    public WeComUserResponse getWeComUser(String assessToken, String code) {
+        // 1. 根据 code 获取通用用户信息
+        String commonUrl = HttpClientUtils.urlTransfer(WeComApiPaths.USER_ID_TICKET, assessToken, code);
+        WeComCommonUserResponse commonRes = getWithWrap(commonUrl, WeComCommonUserResponse.class);
+        validateWeCom(commonRes.getErrCode(), commonRes.getErrMsg());
+
+        // 2. 根据是否有 user_ticket 获取详细信息
+        WeComUserResponse userRes;
+        String userTicket = commonRes.getUserTicket();
+        if (StringUtils.isNotBlank(userTicket)) {
+            String detailUrl = HttpClientUtils.urlTransfer(WeComApiPaths.USER_DETAIL, assessToken);
+            WeComUserTicketDTO body = new WeComUserTicketDTO();
+            body.setUser_ticket(userTicket);
+            userRes = postWithWrap(detailUrl, body);
+        } else {
+            String detailUrl = HttpClientUtils.urlTransfer(WeComApiPaths.USER_INFO, assessToken, commonRes.getUserId());
+            userRes = getWithWrap(detailUrl, WeComUserResponse.class);
+        }
+
+        // 3. 校验详细信息返回
+        validateWeCom(userRes.getErrCode(), userRes.getErrMsg());
+        return userRes;
+    }
+
+    /**
+     * 获取钉钉用户信息
+     *
+     * @param dingToken 用户token
+     *
+     * @return DingTalkUserResponse
+     */
+    public DingTalkUserResponse getDingTalkUser(String dingToken) {
+        return exchangeWithWrap(
+                dingToken
+        );
+    }
+
+    /**
+     * 根据unionid获取钉钉用户id
+     *
+     * @param accessToken access_token
+     * @param unionid     unionid
+     *
+     * @return userId
+     */
+    public String getUserIdByUnionId(String accessToken, String unionid) {
+        String url = HttpClientUtils.urlTransfer(DingTalkApiPaths.DING_USERID_BY_UNIONID, accessToken);
+        Map<String, String> body = new HashMap<>();
+        body.put("unionid", unionid);
+        String response = post(url, body);
+        Map<String, Object> result = JSON.parseObject(response, new TypeReference<>() {
+        });
+        if (result.get("errcode") != null && (Integer) result.get("errcode") == 0) {
+            Map<String, Object> user = (Map<String, Object>) result.get("result");
+            return (String) user.get("userid");
+        } else {
+            throw new GenericException("Error getting user id from unionid: " + result.get("errmsg"));
+        }
+    }
+
+    // -------------------- private helpers --------------------
+
+    private <T> T getWithWrap(String url, Class<T> clazz) {
+        try {
+            String response = HttpClientUtils.sendGetRequest(url, null);
+            return JSON.parseObject(response, clazz);
+        } catch (Exception e) {
+            throw new GenericException(Translator.get("auth.get.user.error"));
+        }
+    }
+
+    private String post(String url, Object body) {
+        try {
+            return qrCodeClient.postExchange(
+                    url, null, null,
+                    body,
+                    MediaType.APPLICATION_JSON,
+                    MediaType.APPLICATION_JSON
+            );
+        } catch (Exception e) {
+            throw new GenericException(Translator.get("auth.get.user.error"));
+        }
+    }
+
+    private WeComUserResponse postWithWrap(String url, Object body) {
+        try {
+            String response = qrCodeClient.postExchange(
+                    url, null, null,
+                    body,
+                    MediaType.APPLICATION_JSON,
+                    MediaType.APPLICATION_JSON
+            );
+            return JSON.parseObject(response, WeComUserResponse.class);
+        } catch (Exception e) {
+            throw new GenericException(Translator.get("auth.get.user.error"));
+        }
+    }
+
+    private DingTalkUserResponse exchangeWithWrap(String token) {
+        try {
+            String body = qrCodeClient.exchange(
+                    DingTalkApiPaths.DING_USER_INFO,
+                    token,
+                    "x-acs-dingtalk-access-token",
+                    MediaType.APPLICATION_JSON,
+                    MediaType.APPLICATION_JSON
+            );
+            return JSON.parseObject(body, DingTalkUserResponse.class);
+        } catch (Exception e) {
+            throw new GenericException(Translator.get("auth.get.user.error"));
+        }
+    }
+
+    private void validateWeCom(Integer errCode, String errMsg) {
+        if (errCode == null) {
+            throw new GenericException(Translator.get("auth.get.user.res.error"));
+        }
+        if (errCode != 0) {
+            throw new GenericException(Translator.get("auth.get.user.res.error") + ":" + errMsg);
+        }
+    }
+
+    public Map<String, Object> getLarkUser(String assessToken) {
+        String body = qrCodeClient.exchange(
+                LarkApiPaths.LARK_USER_INFO_URL,
+                "Bearer " + assessToken,
+                HttpHeaders.AUTHORIZATION,
+                MediaType.APPLICATION_JSON,
+                MediaType.APPLICATION_JSON
+        );
+        return JSON.parseObject(body, new TypeReference<HashMap<String, Object>>() {
+        });
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/common/utils/DataHandleUtils.java b/backend/crm/src/main/java/cn/cordys/crm/integration/common/utils/DataHandleUtils.java
new file mode 100644
index 0000000..98e8da5
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/common/utils/DataHandleUtils.java
@@ -0,0 +1,565 @@
+package cn.cordys.crm.integration.common.utils;
+
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.constants.ThirdConfigTypeConstants;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.CodingUtils;
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.common.util.NodeSortUtils;
+import cn.cordys.crm.approval.mapper.ExtApprovalTaskMapper;
+import cn.cordys.crm.approval.service.ApprovalActionService;
+import cn.cordys.crm.integration.sync.dto.ThirdDepartment;
+import cn.cordys.crm.integration.sync.dto.ThirdUser;
+import cn.cordys.crm.system.domain.*;
+import cn.cordys.crm.system.dto.request.MessageTaskBatchRequest;
+import cn.cordys.crm.system.service.DepartmentService;
+import cn.cordys.crm.system.service.MessageNotificationService;
+import cn.cordys.crm.system.service.OrganizationConfigService;
+import cn.cordys.crm.system.service.OrganizationUserService;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.util.*;
+import java.util.stream.Collectors;
+
+public class DataHandleUtils {
+
+    private final String orgId;
+    private final DepartmentService departmentService;
+    private final OrganizationUserService organizationUserService;
+    private final OrganizationConfigService organizationConfigService;
+    private final MessageNotificationService messageNotificationService;
+    private final ExtApprovalTaskMapper extApprovalTaskMapper;
+    private final ApprovalActionService approvalActionService;
+    private final List<Department> addDepartments = new ArrayList<>();
+    private final List<Department> updateDepartments = new ArrayList<>();
+    private final List<User> addUsers = new ArrayList<>();
+    private final List<User> updateUsers = new ArrayList<>();
+    private final List<UserExtend> userExtends = new ArrayList<>();
+    private final List<OrganizationUser> organizationUsers = new ArrayList<>();
+    private final List<OrganizationUser> updateOrganizationUsers = new ArrayList<>();
+    private final Map<String, List<ThirdUser>> departmentUserMap;
+    private final List<DepartmentCommander> departmentCommanders = new ArrayList<>();
+    private final Department internalDepartment;
+    private final String type;
+    private List<ThirdDepartment> thirdDepartmentTree;
+    private Long nextPos;
+
+
+    public DataHandleUtils(String orgId, Map<String, List<ThirdUser>> departmentUserMap, String type) {
+        this.departmentService = CommonBeanFactory.getBean(DepartmentService.class);
+        this.organizationUserService = CommonBeanFactory.getBean(OrganizationUserService.class);
+        this.organizationConfigService = CommonBeanFactory.getBean(OrganizationConfigService.class);
+        this.messageNotificationService = CommonBeanFactory.getBean(MessageNotificationService.class);
+        this.extApprovalTaskMapper = CommonBeanFactory.getBean(ExtApprovalTaskMapper.class);
+        this.approvalActionService = CommonBeanFactory.getBean(ApprovalActionService.class);
+        this.orgId = orgId;
+        this.departmentUserMap = departmentUserMap;
+
+        assert departmentService != null;
+        this.internalDepartment = departmentService.getInternalDepartment(orgId, ThirdConfigTypeConstants.INTERNAL.name());
+        this.nextPos = departmentService.getNextPos(orgId);
+        this.type = type;
+    }
+
+    /**
+     * 首次同步处理数据
+     *
+     * @param thirdDepartments 微信部门数据
+     * @param operatorId       操作人ID
+     */
+    public void handleAddData(List<ThirdDepartment> thirdDepartments, String operatorId, String orgId, String type) {
+        this.thirdDepartmentTree = ThirdDepartment.buildDepartmentTree(internalDepartment.getId(), thirdDepartments);
+        //更新待办任务的审批人
+        extApprovalTaskMapper.updateApprover(InternalUser.ADMIN.getValue());
+        organizationUserService.deleteUser(orgId);
+        departmentService.deleteByOrgId(orgId);
+
+        clearMessageConfig(orgId, operatorId);
+
+        thirdDepartmentTree.forEach(wecomDept -> handleTreeAddData(wecomDept, operatorId));
+
+        saveAllEntities();
+        organizationConfigService.updateSyncFlag(orgId, type, true);
+    }
+
+    //删除消息配置的数据
+    private void clearMessageConfig(String orgId, String operatorId) {
+        MessageTaskBatchRequest request = new MessageTaskBatchRequest();
+        request.setWeComEnable(false);
+        request.setEmailEnable(false);
+        request.setLarkEnable(false);
+        request.setDingTalkEnable(false);
+        messageNotificationService.batchSaveMessageTask(request, orgId, operatorId);
+    }
+
+    private void handleTreeAddData(ThirdDepartment thirdDepartment, String operatorId) {
+        buildData(thirdDepartment, operatorId);
+
+        if (CollectionUtils.isNotEmpty(thirdDepartment.getChildren())) {
+            thirdDepartment.getChildren().stream()
+                    .sorted(Comparator.comparing(ThirdDepartment::getOrder).reversed())
+                    .forEach(department ->
+                            handleTreeAddData(department, operatorId)
+                    );
+        }
+    }
+
+    /**
+     * 构建数据
+     *
+     * @param thirdDepartment 微信部门
+     * @param operatorId      操作人ID
+     */
+    public void buildData(ThirdDepartment thirdDepartment, String operatorId) {
+        List<ThirdUser> thirdUsers = getThirdUsers(thirdDepartment);
+        buildDepartment(thirdDepartment, operatorId);
+        buildUser(thirdDepartment, thirdUsers, operatorId);
+    }
+
+    /**
+     * 首次同步构建部门信息
+     *
+     * @param thirdDepartment 微信部门
+     * @param operatorId      操作人ID
+     */
+    public void buildDepartment(ThirdDepartment thirdDepartment, String operatorId) {
+        long currentTime = System.currentTimeMillis();
+
+        if (thirdDepartment.getIsRoot()) {
+            Department department = new Department();
+            department.setId(internalDepartment.getId());
+            department.setName(thirdDepartment.getName());
+            department.setResourceId(thirdDepartment.getId());
+            department.setUpdateUser(operatorId);
+            department.setUpdateTime(currentTime);
+            updateDepartments.add(department);
+        } else {
+            Department department = new Department();
+            department.setId(thirdDepartment.getCrmId());
+            department.setName(thirdDepartment.getName());
+            department.setOrganizationId(orgId);
+            department.setParentId(thirdDepartment.getCrmParentId());
+            department.setPos(nextPos);
+            department.setResource(type);
+            department.setResourceId(thirdDepartment.getId());
+            department.setCreateUser(operatorId);
+            department.setUpdateUser(operatorId);
+            department.setCreateTime(currentTime);
+            department.setUpdateTime(currentTime);
+            addDepartments.add(department);
+            nextPos += NodeSortUtils.DEFAULT_NODE_INTERVAL_POS;
+        }
+    }
+
+    /**
+     * 首次同步构建用户信息
+     *
+     * @param thirdDepartment 部门
+     * @param thirdUsers      用户列表
+     * @param operatorId      操作人ID
+     */
+    public void buildUser(ThirdDepartment thirdDepartment, List<ThirdUser> thirdUsers, String operatorId) {
+        if (CollectionUtils.isEmpty(thirdUsers)) {
+            return;
+        }
+
+        long currentTime = System.currentTimeMillis();
+
+        thirdUsers.forEach(thirdUser -> {
+            String id = IDGenerator.nextStr();
+
+            if (CollectionUtils.isNotEmpty(organizationUsers)) {
+                OrganizationUser organizationUser = organizationUsers.stream().filter(user -> Strings.CI.equals(user.getResourceUserId(), thirdUser.getUserId()))
+                        .findFirst().orElse(null);
+                if (organizationUser != null) {
+                    return;
+                }
+            }
+
+            // 基本信息
+            User user = createUser(id, thirdUser, operatorId, currentTime);
+            addUsers.add(user);
+
+            // 拓展信息
+            UserExtend userExtend = createUserExtend(id, thirdUser);
+            userExtends.add(userExtend);
+
+            // 组织用户关系
+            OrganizationUser orgUser = createOrganizationUser(id, thirdDepartment, thirdUser, operatorId, currentTime);
+            organizationUsers.add(orgUser);
+
+            // 部门负责人信息
+            addDepartmentCommanderIfNeeded(id, thirdDepartment, thirdUser, operatorId, currentTime);
+        });
+    }
+
+    /**
+     * 多次同步更新数据
+     *
+     * @param thirdDepartments 微信部门数据
+     * @param operatorId       操作人ID
+     */
+    public void handleUpdateData(List<ThirdDepartment> thirdDepartments, String operatorId) {
+        // 获取用户列表
+        List<OrganizationUser> userList = organizationUserService.getUserByOrgId(orgId);
+
+        // 微信全量用户
+        List<ThirdUser> thirdUserList = departmentUserMap.values().stream()
+                .flatMap(List::stream)
+                .toList();
+
+        // 需要禁用的用户（企业微信不存在而系统存在的用户）
+        List<OrganizationUser> disableUserList = userList.stream()
+                .filter(user -> thirdUserList.stream()
+                        .noneMatch(thirdUser -> Strings.CI.equalsAny(thirdUser.getUserId(), user.getResourceUserId())))
+                .collect(Collectors.toList());
+
+        List<String> userIds = disableUserList.stream().map(OrganizationUser::getUserId).toList();
+        approvalActionService.refreshApprovingTasksForDisabledUser(userIds, orgId);
+        organizationUserService.disableUsers(disableUserList);
+
+        // 当前系统数据
+        List<Department> currentDepartmentList = departmentService.getDepartmentByOrgId(orgId);
+        List<OrganizationUser> currentUserList = organizationUserService.getUserByOrgId(orgId);
+        List<DepartmentCommander> currentCommander = departmentService.getDepartmentCommander(currentUserList);
+
+        if (CollectionUtils.isNotEmpty(currentDepartmentList)) {
+            thirdDepartmentTree = ThirdDepartment.buildDepartmentTreeMultiple(
+                    internalDepartment.getId(),
+                    currentDepartmentList,
+                    thirdDepartments
+            );
+        }
+
+        thirdDepartmentTree.forEach(thirdDepartment ->
+                handleTreeUpdateData(thirdDepartment, operatorId, currentDepartmentList, currentUserList, currentCommander)
+        );
+
+        saveAllEntities();
+    }
+
+    private void handleTreeUpdateData(ThirdDepartment thirdDepartment, String operatorId,
+                                      List<Department> currentDepartmentList,
+                                      List<OrganizationUser> currentUserList,
+                                      List<DepartmentCommander> currentCommander) {
+        buildUpdateData(thirdDepartment, operatorId, currentDepartmentList, currentUserList, currentCommander);
+
+        if (CollectionUtils.isNotEmpty(thirdDepartment.getChildren())) {
+            thirdDepartment.getChildren().stream()
+                    .sorted(Comparator.comparing(ThirdDepartment::getOrder).reversed())
+                    .forEach(department ->
+                            handleTreeUpdateData(department, operatorId, currentDepartmentList, currentUserList, currentCommander)
+                    );
+        }
+    }
+
+    private void buildUpdateData(ThirdDepartment thirdDepartment, String operatorId,
+                                 List<Department> currentDepartmentList,
+                                 List<OrganizationUser> currentUserList,
+                                 List<DepartmentCommander> currentCommander) {
+        List<ThirdUser> thirdUsers = getThirdUsers(thirdDepartment);
+
+        // 构建更新和新增部门参数
+        buildUpdateAndAddDepartment(thirdDepartment, operatorId, currentDepartmentList);
+
+        // 构建更新和新增用户参数
+        buildUpdateAndAddUser(thirdDepartment, thirdUsers, operatorId, currentUserList, currentDepartmentList, currentCommander);
+    }
+
+    /**
+     * 构建更新和新增用户数据
+     */
+    private void buildUpdateAndAddUser(ThirdDepartment thirdDepartment, List<ThirdUser> thirdUsers, String operatorId,
+                                       List<OrganizationUser> currentUserList,
+                                       List<Department> currentDepartmentList,
+                                       List<DepartmentCommander> currentCommander) {
+        if (CollectionUtils.isEmpty(thirdUsers)) {
+            return;
+        }
+
+        long currentTime = System.currentTimeMillis();
+
+        thirdUsers.forEach(thirdUser -> {
+            // 查找当前用户是否存在
+            OrganizationUser organizationUser = findExistingUser(currentUserList, thirdUser);
+
+            // 查找部门
+            Department department = findExistingDepartment(currentDepartmentList, thirdDepartment);
+            String departmentId = (department != null) ? department.getId() : thirdDepartment.getCrmId();
+
+            if (organizationUser != null) {
+                // 更新已有用户
+                updateExistingUser(organizationUser, thirdUser, departmentId, operatorId, currentTime);
+
+                // 检查并添加部门负责人
+                addCommanderIfNeeded(organizationUser.getUserId(), departmentId, thirdUser,
+                        currentCommander, operatorId, currentTime);
+            } else {
+                // 添加新用户
+                addNewUser(thirdUser, thirdDepartment, departmentId, operatorId, currentTime);
+            }
+        });
+    }
+
+    /**
+     * 同步构建更新和新增部门数据
+     */
+    private void buildUpdateAndAddDepartment(ThirdDepartment thirdDepartment, String operatorId, List<Department> currentDepartmentList) {
+        if (thirdDepartment.getIsRoot()) {
+            // 更新根部门
+            Department department = new Department();
+            department.setId(internalDepartment.getId());
+            department.setName(thirdDepartment.getName());
+            department.setResourceId(thirdDepartment.getId());
+            department.setUpdateUser(operatorId);
+            department.setUpdateTime(System.currentTimeMillis());
+            updateDepartments.add(department);
+        } else {
+            // 处理子部门
+            buildChildrenDepartment(thirdDepartment, operatorId, currentDepartmentList);
+        }
+    }
+
+    /**
+     * 构建子部门数据
+     */
+    private void buildChildrenDepartment(ThirdDepartment thirdDepartment, String operatorId, List<Department> currentDepartmentList) {
+        long currentTime = System.currentTimeMillis();
+
+        if (CollectionUtils.isEmpty(currentDepartmentList)) {
+            // 如果当前没有部门数据，则添加新部门
+            addNewDepartment(thirdDepartment, operatorId, currentTime);
+        } else {
+            // 查找是否已存在该部门
+            Department existingDept = currentDepartmentList.stream()
+                    .filter(dept -> Strings.CI.equalsAny(dept.getResourceId(), thirdDepartment.getId()))
+                    .findFirst()
+                    .orElse(null);
+
+            if (existingDept != null) {
+                // 更新已有部门
+                updateExistingDepartment(existingDept, thirdDepartment, currentDepartmentList, operatorId, currentTime);
+            } else {
+                // 添加新部门
+                addNewDepartment(thirdDepartment, operatorId, currentTime);
+            }
+        }
+    }
+
+    // 辅助方法
+
+    private List<ThirdUser> getThirdUsers(ThirdDepartment thirdDepartment) {
+        return departmentUserMap.getOrDefault(thirdDepartment.getId(), new ArrayList<>());
+    }
+
+    private void saveAllEntities() {
+        departmentService.save(addDepartments);
+        departmentService.update(updateDepartments);
+        organizationUserService.save(addUsers, userExtends, organizationUsers, departmentCommanders);
+        organizationUserService.update(updateUsers, updateOrganizationUsers);
+    }
+
+    private User createUser(String id, ThirdUser thirdUser, String operatorId, long timestamp) {
+        User user = new User();
+        user.setId(id);
+        user.setName(thirdUser.getName());
+        user.setPhone(thirdUser.getMobile());
+        user.setEmail(thirdUser.getEmail());
+        user.setPassword(CodingUtils.md5(orgId + id));
+        user.setGender(thirdUser.getGender() != null && thirdUser.getGender() != 1);
+        user.setLanguage("zh_CN");
+        user.setCreateTime(timestamp);
+        user.setCreateUser(operatorId);
+        user.setUpdateTime(timestamp);
+        user.setUpdateUser(operatorId);
+        user.setLastOrganizationId(orgId);
+        return user;
+    }
+
+    private UserExtend createUserExtend(String id, ThirdUser thirdUser) {
+        UserExtend userExtend = new UserExtend();
+        userExtend.setId(id);
+        userExtend.setAvatar(thirdUser.getAvatar());
+        return userExtend;
+    }
+
+    private OrganizationUser createOrganizationUser(String userId, ThirdDepartment thirdDepartment,
+                                                    ThirdUser thirdUser, String operatorId, long timestamp) {
+        OrganizationUser orgUser = new OrganizationUser();
+        orgUser.setId(IDGenerator.nextStr());
+        orgUser.setDepartmentId(thirdDepartment.getCrmId());
+        orgUser.setOrganizationId(orgId);
+        orgUser.setUserId(userId);
+        orgUser.setResourceUserId(thirdUser.getUserId());
+        orgUser.setEnable(true);
+        orgUser.setPosition(thirdUser.getPosition());
+        orgUser.setCreateTime(timestamp);
+        orgUser.setCreateUser(operatorId);
+        orgUser.setUpdateTime(timestamp);
+        orgUser.setUpdateUser(operatorId);
+        return orgUser;
+    }
+
+    private void addDepartmentCommanderIfNeeded(String userId, ThirdDepartment thirdDepartment,
+                                                ThirdUser thirdUser, String operatorId, long timestamp) {
+
+        if (thirdUser.getIsLeaderInDept()) {
+            DepartmentCommander commander = new DepartmentCommander();
+            commander.setId(IDGenerator.nextStr());
+            commander.setUserId(userId);
+            commander.setDepartmentId(thirdDepartment.getCrmId());
+            commander.setCreateTime(timestamp);
+            commander.setCreateUser(operatorId);
+            commander.setUpdateTime(timestamp);
+            commander.setUpdateUser(operatorId);
+            departmentCommanders.add(commander);
+        }
+    }
+
+    private OrganizationUser findExistingUser(List<OrganizationUser> currentUserList, ThirdUser thirdUser) {
+        return Optional.ofNullable(currentUserList)
+                .orElse(Collections.emptyList())
+                .stream()
+                .filter(user -> Strings.CI.equalsAny(user.getResourceUserId(), thirdUser.getUserId()))
+                .findFirst()
+                .orElse(null);
+    }
+
+    private Department findExistingDepartment(List<Department> currentDepartmentList, ThirdDepartment thirdDepartment) {
+        return Optional.ofNullable(currentDepartmentList)
+                .orElse(Collections.emptyList())
+                .stream()
+                .filter(dept -> Strings.CI.equalsAny(dept.getResourceId(), thirdDepartment.getId()))
+                .findFirst()
+                .orElse(null);
+    }
+
+    private void updateExistingUser(OrganizationUser orgUser, ThirdUser thirdUser,
+                                    String departmentId, String operatorId, long timestamp) {
+        // 更新用户基本信息
+        User updateUser = new User();
+        updateUser.setId(orgUser.getUserId());
+        updateUser.setName(thirdUser.getName());
+        Optional.ofNullable(thirdUser.getGender()).ifPresent(g -> updateUser.setGender(g != 1));
+        updateUser.setUpdateTime(timestamp);
+        updateUser.setUpdateUser(operatorId);
+        updateUser.setLastOrganizationId(orgId);
+        updateUsers.add(updateUser);
+
+        // 更新组织用户关系
+        OrganizationUser updateOrgUser = new OrganizationUser();
+        updateOrgUser.setId(orgUser.getId());
+        updateOrgUser.setDepartmentId(departmentId);
+        updateOrgUser.setPosition(thirdUser.getPosition());
+        updateOrgUser.setUpdateTime(timestamp);
+        updateOrgUser.setUpdateUser(operatorId);
+        updateOrganizationUsers.add(updateOrgUser);
+    }
+
+    private void addCommanderIfNeeded(String userId, String departmentId, ThirdUser thirdUser,
+                                      List<DepartmentCommander> currentCommander,
+                                      String operatorId, long timestamp) {
+
+        if (thirdUser.getIsLeaderInDept()) {
+            boolean commanderExists = Optional.ofNullable(currentCommander)
+                    .orElse(Collections.emptyList())
+                    .stream()
+                    .anyMatch(cmd -> Strings.CI.equalsAny(cmd.getUserId(), userId) &&
+                            Strings.CI.equalsAny(cmd.getDepartmentId(), departmentId));
+
+            if (!commanderExists) {
+                DepartmentCommander commander = new DepartmentCommander();
+                commander.setId(IDGenerator.nextStr());
+                commander.setUserId(userId);
+                commander.setDepartmentId(departmentId);
+                commander.setCreateTime(timestamp);
+                commander.setCreateUser(operatorId);
+                commander.setUpdateTime(timestamp);
+                commander.setUpdateUser(operatorId);
+                departmentCommanders.add(commander);
+            }
+        }
+    }
+
+    private void addNewUser(ThirdUser thirdUser, ThirdDepartment thirdDepartment,
+                            String departmentId, String operatorId, long timestamp) {
+        String id = IDGenerator.nextStr();
+
+        if (CollectionUtils.isNotEmpty(organizationUsers)) {
+            OrganizationUser organizationUser = organizationUsers.stream().filter(user -> Strings.CI.equals(user.getResourceUserId(), thirdUser.getUserId()))
+                    .findFirst().orElse(null);
+            if (organizationUser != null) {
+                return;
+            }
+        }
+
+        // 创建用户基本信息
+        User user = createUser(id, thirdUser, operatorId, timestamp);
+        addUsers.add(user);
+
+        // 创建用户扩展信息
+        UserExtend userExtend = createUserExtend(id, thirdUser);
+        userExtends.add(userExtend);
+
+        // 创建组织用户关系
+        OrganizationUser orgUser = new OrganizationUser();
+        orgUser.setId(IDGenerator.nextStr());
+        orgUser.setDepartmentId(departmentId);
+        orgUser.setOrganizationId(orgId);
+        orgUser.setUserId(id);
+        orgUser.setResourceUserId(thirdUser.getUserId());
+        orgUser.setEnable(true);
+        orgUser.setPosition(thirdUser.getPosition());
+        orgUser.setCreateTime(timestamp);
+        orgUser.setCreateUser(operatorId);
+        orgUser.setUpdateTime(timestamp);
+        orgUser.setUpdateUser(operatorId);
+        organizationUsers.add(orgUser);
+
+        // 检查并创建部门负责人
+        addDepartmentCommanderIfNeeded(id, thirdDepartment, thirdUser, operatorId, timestamp);
+    }
+
+    private void updateExistingDepartment(Department existingDept, ThirdDepartment thirdDepartment,
+                                          List<Department> currentDepartmentList, String operatorId, long timestamp) {
+        Department parentDep = currentDepartmentList.stream()
+                .filter(dept -> Strings.CI.equalsAny(dept.getId(), existingDept.getParentId()))
+                .findFirst()
+                .orElse(null);
+
+        Department crmParentDep = currentDepartmentList.stream()
+                .filter(dept -> Strings.CI.equalsAny(dept.getId(), thirdDepartment.getCrmParentId()))
+                .findFirst()
+                .orElse(null);
+
+        Department updateDept = new Department();
+        updateDept.setId(existingDept.getId());
+        updateDept.setName(thirdDepartment.getName());
+        updateDept.setUpdateTime(timestamp);
+        updateDept.setUpdateUser(operatorId);
+        if (crmParentDep != null) {
+            updateDept.setParentId(crmParentDep.getId());
+        } else {
+            updateDept.setParentId(parentDep == null ? thirdDepartment.getCrmParentId() : parentDep.getId());
+        }
+        updateDepartments.add(updateDept);
+    }
+
+    private void addNewDepartment(ThirdDepartment thirdDepartment, String operatorId, long timestamp) {
+        Department department = new Department();
+        department.setId(thirdDepartment.getCrmId());
+        department.setName(thirdDepartment.getName());
+        department.setOrganizationId(orgId);
+        department.setParentId(thirdDepartment.getCrmParentId());
+        department.setPos(nextPos);
+        department.setResource(type);
+        department.setResourceId(thirdDepartment.getId());
+        department.setCreateUser(operatorId);
+        department.setUpdateUser(operatorId);
+        department.setCreateTime(timestamp);
+        department.setUpdateTime(timestamp);
+        addDepartments.add(department);
+        nextPos += NodeSortUtils.DEFAULT_NODE_INTERVAL_POS;
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/common/utils/HttpClientUtils.java b/backend/crm/src/main/java/cn/cordys/crm/integration/common/utils/HttpClientUtils.java
new file mode 100644
index 0000000..1da25a3
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/common/utils/HttpClientUtils.java
@@ -0,0 +1,209 @@
+package cn.cordys.crm.integration.common.utils;
+
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.http.*;
+import org.springframework.http.client.SimpleClientHttpRequestFactory;
+import org.springframework.web.client.RestClientException;
+import org.springframework.web.client.RestTemplate;
+
+import java.net.URI;
+import java.net.URLEncoder;
+import java.nio.charset.StandardCharsets;
+import java.text.MessageFormat;
+import java.time.Duration;
+import java.util.Map;
+
+/**
+ * HTTP 请求工具类，基于 Spring RestTemplate 实现，内建重试机制。
+ *
+ * <p>默认重试 3 次，采用指数退避策略（1s → 2s → 4s，上限 30s）。
+ * 支持 GET / POST / 通用 method 请求，可通过重载方法自定义重试次数。</p>
+ */
+@Slf4j
+public class HttpClientUtils {
+
+    /**
+     * 默认最大重试次数
+     */
+    private static final int DEFAULT_MAX_RETRIES = 3;
+
+    /**
+     * 默认连接超时
+     */
+    private static final Duration CONNECT_TIMEOUT = Duration.ofSeconds(10);
+
+    /**
+     * 默认读取超时
+     */
+    private static final Duration READ_TIMEOUT = Duration.ofSeconds(30);
+
+    /**
+     * 退避时间上限
+     */
+    private static final long MAX_BACKOFF_MS = Duration.ofSeconds(30).toMillis();
+
+    private static final RestTemplate restTemplate;
+
+    static {
+        var factory = new SimpleClientHttpRequestFactory();
+        factory.setConnectTimeout(CONNECT_TIMEOUT);
+        factory.setReadTimeout(READ_TIMEOUT);
+        restTemplate = new RestTemplate(factory);
+    }
+
+    /**
+     * 发送 GET 请求（默认重试 3 次）
+     */
+    public static String sendGetRequest(String url, Map<String, String> headers) {
+        return executeWithRetry(() -> doGet(url, headers), DEFAULT_MAX_RETRIES, url);
+    }
+
+    /**
+     * 发送 GET 请求，指定重试次数
+     */
+    public static String sendGetRequest(String url, Map<String, String> headers, int maxRetries) {
+        return executeWithRetry(() -> doGet(url, headers), maxRetries, url);
+    }
+
+    private static String doGet(String url, Map<String, String> headers) {
+        var entity = new HttpEntity<>(null, buildHeaders(headers));
+        return extractBody(restTemplate.exchange(URI.create(url), HttpMethod.GET, entity, String.class));
+    }
+
+    /**
+     * 发送 POST 请求（默认重试 3 次，Content-Type 默认为 application/json）
+     */
+    public static String sendPostRequest(String url, String body, Map<String, String> headers) {
+        return executeWithRetry(() -> doPost(url, body, headers), DEFAULT_MAX_RETRIES, url);
+    }
+
+    /**
+     * 发送 POST 请求，指定重试次数
+     */
+    public static String sendPostRequest(String url, String body, Map<String, String> headers, int maxRetries) {
+        return executeWithRetry(() -> doPost(url, body, headers), maxRetries, url);
+    }
+
+    private static String doPost(String url, String body, Map<String, String> headers) {
+        var httpHeaders = buildHeaders(headers);
+        if (!httpHeaders.containsKey(HttpHeaders.CONTENT_TYPE)) {
+            httpHeaders.setContentType(MediaType.APPLICATION_JSON);
+        }
+        var entity = new HttpEntity<>(body, httpHeaders);
+        return extractBody(restTemplate.exchange(URI.create(url), HttpMethod.POST, entity, String.class));
+    }
+
+    /**
+     * 发送指定 HTTP 方法的请求（默认重试 3 次）
+     */
+    public static String sendRequest(HttpMethod method, String url, String body, Map<String, String> headers) {
+        return executeWithRetry(() -> doRequest(method, url, body, headers), DEFAULT_MAX_RETRIES, url);
+    }
+
+    /**
+     * 发送指定 HTTP 方法的请求，指定重试次数
+     */
+    public static String sendRequest(HttpMethod method, String url, String body, Map<String, String> headers, int maxRetries) {
+        return executeWithRetry(() -> doRequest(method, url, body, headers), maxRetries, url);
+    }
+
+    private static String doRequest(HttpMethod method, String url, String body, Map<String, String> headers) {
+        var httpHeaders = buildHeaders(headers);
+        if (body != null && !httpHeaders.containsKey(HttpHeaders.CONTENT_TYPE)) {
+            httpHeaders.setContentType(MediaType.APPLICATION_JSON);
+        }
+        var entity = new HttpEntity<>(body, httpHeaders);
+        return extractBody(restTemplate.exchange(URI.create(url), method, entity, String.class));
+    }
+
+    /**
+     * 提取响应体：2xx 直接返回 body，非 2xx 记录日志后仍返回 body（兼容原有行为）
+     */
+    private static String extractBody(ResponseEntity<String> response) {
+        if (response.getStatusCode().is2xxSuccessful()) {
+            return response.getBody();
+        }
+        var msg = "Error: " + response.getStatusCode().value() + " - " + response.getBody();
+        log.warn("HTTP 请求返回非成功状态码: {}", msg);
+        return msg;
+    }
+
+    /**
+     * 带重试的执行器，指数退避策略。
+     *
+     * @param callable   请求逻辑
+     * @param maxRetries 最大重试次数
+     * @param url        请求 URL（仅用于日志）
+     *
+     * @return 响应字符串
+     *
+     * @throws RestClientException 重试耗尽后抛出
+     */
+    private static String executeWithRetry(HttpCallable callable, int maxRetries, String url) {
+        var retries = Math.max(maxRetries, 1);
+        Exception lastException = null;
+
+        for (int attempt = 1; attempt <= retries; attempt++) {
+            try {
+                return callable.call();
+            } catch (Exception e) {
+                lastException = e;
+                if (attempt >= retries) {
+                    break;
+                }
+                var delayMs = computeBackoff(attempt);
+                log.error("HTTP 请求失败 (第 {}/{} 次), URL: {}, 原因: {}, {}ms 后重试",
+                        attempt, retries, url, e.getMessage(), delayMs);
+                sleepUnchecked(delayMs);
+            }
+        }
+
+        log.error("HTTP 请求重试 {} 次后仍然失败, URL: {}", retries, url, lastException);
+        throw new RestClientException("请求失败，已重试 " + retries + " 次: " + url, lastException);
+    }
+
+    /**
+     * 指数退避：1s, 2s, 4s, 8s, … 上限 30s
+     */
+    private static long computeBackoff(int attempt) {
+        return Math.min(1_000L << (attempt - 1), MAX_BACKOFF_MS);
+    }
+
+    private static void sleepUnchecked(long millis) {
+        try {
+            Thread.sleep(millis);
+        } catch (InterruptedException e) {
+            Thread.currentThread().interrupt();
+            throw new RestClientException("重试等待被中断", e);
+        }
+    }
+
+    /**
+     * URL 模板拼接，参数自动 URL 编码，null 值替换为空字符串。
+     *
+     * <pre>{@code
+     *   urlTransfer("https://api.example.com/{0}/{1}", token, keyword)
+     * }</pre>
+     */
+    public static String urlTransfer(String urlPattern, Object... params) {
+        var vars = new Object[params.length];
+        for (int i = 0; i < params.length; i++) {
+            vars[i] = (params[i] == null) ? "" : URLEncoder.encode(StringUtils.stripToEmpty(params[i].toString()), StandardCharsets.UTF_8);
+        }
+        return MessageFormat.format(urlPattern, vars);
+    }
+
+    private static HttpHeaders buildHeaders(Map<String, String> headers) {
+        var httpHeaders = new HttpHeaders();
+        if (headers != null) {
+            headers.forEach(httpHeaders::set);
+        }
+        return httpHeaders;
+    }
+
+    @FunctionalInterface
+    private interface HttpCallable {
+        String call() throws Exception;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/DataEaseClient.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/DataEaseClient.java
new file mode 100644
index 0000000..6e9b0d0
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/DataEaseClient.java
@@ -0,0 +1,220 @@
+package cn.cordys.crm.integration.dataease;
+
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.integration.common.request.DeThirdConfigRequest;
+import cn.cordys.crm.integration.dataease.dto.*;
+import cn.cordys.crm.integration.dataease.dto.request.*;
+import cn.cordys.crm.integration.dataease.dto.response.*;
+import com.auth0.jwt.JWT;
+import com.auth0.jwt.JWTCreator;
+import com.auth0.jwt.algorithms.Algorithm;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.codec.binary.Base64;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.http.HttpEntity;
+import org.springframework.http.HttpHeaders;
+import org.springframework.http.HttpMethod;
+import org.springframework.http.MediaType;
+import org.springframework.util.MultiValueMap;
+import org.springframework.web.client.RestTemplate;
+
+import javax.crypto.Cipher;
+import javax.crypto.spec.IvParameterSpec;
+import javax.crypto.spec.SecretKeySpec;
+import java.nio.charset.StandardCharsets;
+import java.util.List;
+import java.util.Map;
+import java.util.UUID;
+
+@Slf4j
+public class DataEaseClient {
+
+    protected static final RestTemplate restTemplate = new RestTemplate();
+
+    private final String accessKey;
+    private final String secretKey;
+    protected String endpoint;
+    protected String prefix = "/de2api/";
+
+    public DataEaseClient(DeThirdConfigRequest cfg) {
+        this.accessKey = cfg.getDeAccessKey();
+        this.secretKey = cfg.getDeSecretKey();
+        this.endpoint = trimTrailingSlash(cfg.getRedirectUrl());
+    }
+
+    private String trimTrailingSlash(String url) {
+        return (url != null && url.endsWith("/"))
+                ? url.substring(0, url.length() - 1)
+                : url;
+    }
+
+    public boolean validate() {
+        try {
+            get("user/personInfo");
+            return true;
+        } catch (Exception e) {
+            log.error(e.getMessage(), e);
+            return false;
+        }
+    }
+
+    public List<SysVariableDTO> listSysVariable() {
+        return post("sysVariable/query", SysVariableListResponse.class).getData();
+    }
+
+    public List<SysVariableValueDTO> listSysVariableValue(String sysVariableId) {
+        return post("sysVariable/value/selected/1/10000",
+                Map.of("sysVariableId", sysVariableId),
+                SysVariableValueListResponse.class)
+                .getData()
+                .getRecords();
+    }
+
+    public SysVariableDTO createSysVariable(SysVariableCreateRequest request) {
+        return post("sysVariable/create", request, SysVariableCreateResponse.class).getData();
+    }
+
+    public Long createRole(RoleCreateRequest request) {
+        return (Long) post("role/create", request, DataEaseResponse.class).getData();
+    }
+
+    public void switchOrg(String orgId) {
+        post("user/switch/{orgId}", orgId);
+    }
+
+    public List<RoleDTO> listRole() {
+        return post("role/query", RoleListResponse.class).getData();
+    }
+
+    public SysVariableValueDTO createSysVariableValue(SysVariableValueCreateRequest request) {
+        return post("sysVariable/value/create",
+                request,
+                SysVariableValueCreateResponse.class).getData();
+    }
+
+    public void batchDelSysVariableValue(List<String> valueIds) {
+        post("sysVariable/value/batchDel", valueIds);
+    }
+
+    public PageDTO<UserPageDTO> listUserPage(Integer pageNum, Integer pageSize) {
+        return post("user/pager/{pageNum}/{pageSize}",
+                UserListResponse.class,
+                pageNum.toString(),
+                pageSize.toString()).getData();
+    }
+
+    public void createUser(UserCreateRequest request) {
+        post("user/create", request, DataEaseBaseResponse.class);
+    }
+
+    // ---------- post wrappers ----------
+
+    public DataEaseBaseResponse post(String path, Object body, String... uriVariables) {
+        return post(path, body, DataEaseBaseResponse.class, uriVariables);
+    }
+
+    public DataEaseBaseResponse post(String path, String... uriVariables) {
+        return post(path, Map.of(), DataEaseBaseResponse.class, uriVariables);
+    }
+
+    public <V extends DataEaseBaseResponse> V post(String path, Class<V> responseClass, String... uriVars) {
+        return post(path, Map.of(), responseClass, uriVars);
+    }
+
+    public <V extends DataEaseBaseResponse> V post(String path, Object body, Class<V> responseClass, String... uriVars) {
+        var url = getUrl(path);
+        var response = restTemplate.exchange(url, HttpMethod.POST, getHttpEntity(body), responseClass, (Object[]) uriVars)
+                .getBody();
+        validateResponse(response);
+        return response;
+    }
+
+    // ---------- get wrappers ----------
+
+    public DataEaseBaseResponse get(String path, Object... uriVars) {
+        return get(path, DataEaseBaseResponse.class, uriVars);
+    }
+
+    public <V extends DataEaseBaseResponse> V get(String path, Class<V> responseClass, Object... uriVars) {
+        var url = getUrl(path);
+        var response = restTemplate.exchange(url, HttpMethod.GET, getHttpEntity(), responseClass, uriVars)
+                .getBody();
+        validateResponse(response);
+        return response;
+    }
+
+    private <T extends DataEaseBaseResponse> void validateResponse(T resp) {
+        if (resp != null && resp.getCode() != 0) {
+            throw new GenericException(resp.getMsg());
+        }
+    }
+
+    public void editUser(UserUpdateRequest request) {
+        post("user/edit", request);
+    }
+
+    public void deleteUser(String id) {
+        post("user/delete/{id}", id);
+    }
+
+    private String getUrl(String path) {
+        return endpoint + prefix + path;
+    }
+
+    private String getSignature() {
+        return aesEncrypt(accessKey + "|" + UUID.randomUUID() + "|" + System.currentTimeMillis(),
+                secretKey, accessKey);
+    }
+
+    protected HttpEntity<MultiValueMap<String, Object>> getHttpEntity() {
+        return new HttpEntity<>(getHeader());
+    }
+
+    protected HttpEntity<Object> getHttpEntity(Object obj) {
+        return new HttpEntity<>(JSON.toJSONString(obj), getHeader());
+    }
+
+    protected HttpHeaders getHeader() {
+        var headers = new HttpHeaders();
+        headers.setAccept(List.of(MediaType.APPLICATION_JSON));
+        headers.setContentType(MediaType.APPLICATION_JSON);
+        headers.set("accessKey", accessKey);
+
+        var sig = getSignature();
+        headers.set("signature", sig);
+        headers.set("x-de-ask-token", getJWTToken(sig));
+        return headers;
+    }
+
+    private String getJWTToken(String signature) {
+        var algorithm = Algorithm.HMAC256(secretKey);
+        JWTCreator.Builder builder = JWT.create();
+        builder.withClaim("accessKey", accessKey)
+                .withClaim("signature", signature);
+        return builder.sign(algorithm);
+    }
+
+    public String aesEncrypt(String src, String key, String iv) {
+        if (StringUtils.isBlank(src) || StringUtils.isBlank(key)) {
+            throw new IllegalArgumentException("Input or secretKey cannot be null or empty");
+        }
+        try {
+            var raw = key.getBytes(StandardCharsets.UTF_8);
+            var secretKeySpec = new SecretKeySpec(raw, "AES");
+            var cipher = Cipher.getInstance("AES/CBC/PKCS5Padding");
+            var ivSpec = new IvParameterSpec(iv.getBytes());
+            cipher.init(Cipher.ENCRYPT_MODE, secretKeySpec, ivSpec);
+            return Base64.encodeBase64String(cipher.doFinal(src.getBytes(StandardCharsets.UTF_8)));
+        } catch (Exception e) {
+            throw new RuntimeException("AES encrypt error:", e);
+        }
+    }
+
+    public List<OptionDTO> listOrg() {
+        return post("org/page/lazyTree", Map.of("desc", true), OrgListResponse.class)
+                .getData()
+                .getNodes();
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/constants/DataScopeDeptVariable.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/constants/DataScopeDeptVariable.java
new file mode 100644
index 0000000..2699472
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/constants/DataScopeDeptVariable.java
@@ -0,0 +1,11 @@
+package cn.cordys.crm.integration.dataease.constants;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-19  16:29
+ */
+public enum DataScopeDeptVariable {
+    ACCOUNT_DATA_SCOPE_DEPT_ID,
+    LEAD_DATA_SCOPE_DEPT_ID,
+    OPPORTUNITY_DATA_SCOPE_DEPT_ID
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/constants/DataScopeVariable.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/constants/DataScopeVariable.java
new file mode 100644
index 0000000..936d1b0
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/constants/DataScopeVariable.java
@@ -0,0 +1,39 @@
+package cn.cordys.crm.integration.dataease.constants;
+
+import cn.cordys.common.constants.PermissionConstants;
+
+import java.util.Objects;
+
+/**
+ * 数据权限变量与部门范围变量的绑定枚举。
+ */
+public enum DataScopeVariable {
+    ACCOUNT_DATA_SCOPE_TYPE(
+            PermissionConstants.CUSTOMER_MANAGEMENT_READ,
+            DataScopeDeptVariable.ACCOUNT_DATA_SCOPE_DEPT_ID
+    ),
+    LEAD_DATA_SCOPE_TYPE(
+            PermissionConstants.CLUE_MANAGEMENT_READ,
+            DataScopeDeptVariable.LEAD_DATA_SCOPE_DEPT_ID
+    ),
+    OPPORTUNITY_DATA_SCOPE_TYPE(
+            PermissionConstants.OPPORTUNITY_MANAGEMENT_READ,
+            DataScopeDeptVariable.OPPORTUNITY_DATA_SCOPE_DEPT_ID
+    );
+
+    private final String permission;
+    private final DataScopeDeptVariable dataScopeDeptVariable;
+
+    DataScopeVariable(String permission, DataScopeDeptVariable dataScopeDeptVariable) {
+        this.permission = Objects.requireNonNull(permission, "permission");
+        this.dataScopeDeptVariable = Objects.requireNonNull(dataScopeDeptVariable, "dataScopeDeptVariable");
+    }
+
+    public String getPermission() {
+        return permission;
+    }
+
+    public DataScopeDeptVariable getDataScopeDeptVariable() {
+        return dataScopeDeptVariable;
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/DeAuthDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/DeAuthDTO.java
new file mode 100644
index 0000000..6c38cd1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/DeAuthDTO.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.integration.dataease.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Builder;
+import lombok.Data;
+
+@Data
+@Builder
+public class DeAuthDTO {
+
+    @Schema(description = "token")
+    private String token;
+    @Schema(description = "url")
+    private String url;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/DeConfigDetailDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/DeConfigDetailDTO.java
new file mode 100644
index 0000000..62f3a37
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/DeConfigDetailDTO.java
@@ -0,0 +1,25 @@
+package cn.cordys.crm.integration.dataease.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class DeConfigDetailDTO {
+
+    @Schema(description = "应用ID")
+    private String agentId;
+    @Schema(description = "应用密钥", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String appSecret;
+    @Schema(description = "回调地址")
+    private String redirectUrl;
+    @Schema(description = "是否验证通过")
+    private Boolean verify;
+    @Schema(description = "DE自动同步")
+    private Boolean deAutoSync;
+    @Schema(description = "DEAccessKey")
+    private String deAccessKey;
+    @Schema(description = "DESecretKey")
+    private String deSecretKey;
+    @Schema(description = "DE组织id")
+    private String deOrgID;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/DeConfigDetailLogDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/DeConfigDetailLogDTO.java
new file mode 100644
index 0000000..1f8f72c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/DeConfigDetailLogDTO.java
@@ -0,0 +1,25 @@
+package cn.cordys.crm.integration.dataease.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class DeConfigDetailLogDTO {
+
+    @Schema(description = "应用ID")
+    private String deAppId;
+    @Schema(description = "应用密钥", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String deAppSecret;
+    @Schema(description = "回调地址")
+    private String deUrl;
+    @Schema(description = "DE仪表板开启")
+    private Boolean deBoardEnable;
+    @Schema(description = "DE自动同步")
+    private Boolean deAutoSync;
+    @Schema(description = "DEAccessKey")
+    private String deAccessKey;
+    @Schema(description = "DESecretKey")
+    private String deSecretKey;
+    @Schema(description = "DE组织id")
+    private String deOrgID;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/DeTempResourceDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/DeTempResourceDTO.java
new file mode 100644
index 0000000..0177865
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/DeTempResourceDTO.java
@@ -0,0 +1,74 @@
+package cn.cordys.crm.integration.dataease.dto;
+
+import cn.cordys.common.dto.BaseTreeNode;
+import cn.cordys.crm.integration.dataease.DataEaseClient;
+import cn.cordys.crm.system.domain.UserRole;
+import cn.cordys.crm.system.dto.response.RoleListResponse;
+import cn.cordys.security.UserDTO;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Map;
+import java.util.Set;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-21  18:21
+ */
+@Data
+public class DeTempResourceDTO {
+
+    private DataEaseClient dataEaseClient;
+    /**
+     * CRM组织ID
+     */
+    private String crmOrgId;
+    /**
+     * DE组织ID
+     */
+    private String deOrgId;
+    /**
+     * CRM角色
+     */
+    private List<RoleListResponse> crmRoles;
+    /**
+     * CRM用户
+     */
+    private List<UserDTO> crmUsers;
+    /**
+     * 记录DE用户ID
+     */
+    private List<String> deUserIds;
+    /**
+     * 记录角色和权限的映射关系
+     */
+    private Map<String, Set<String>> rolePermissionMap;
+    /**
+     * 记录角色ID和角色的映射关系
+     */
+    private Map<String, RoleListResponse> crmRoleMap;
+    /**
+     * 部门树
+     */
+    private List<BaseTreeNode> deptTree;
+    /**
+     * 用户下的角色信息
+     */
+    private Map<String, List<UserRole>> crmUserRoleMap;
+    /**
+     * 自定义部门角色对应的部门ID
+     */
+    private Map<String, List<String>> customDeptRoleDeptMap;
+    /**
+     * 记录变量名和变量的映射
+     */
+    private Map<String, SysVariableDTO> sysVariableMap;
+    /**
+     * 记录系统变量和对应的值,key 为变量ID，值为变量值的名字和ID映射
+     */
+    private Map<String, Map<String, String>> variableValueMap;
+    /**
+     * 记录角色名和角色的映射
+     */
+    private Map<String, RoleDTO> deRoleMap;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/OrgListDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/OrgListDTO.java
new file mode 100644
index 0000000..e2ca6ab
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/OrgListDTO.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.integration.dataease.dto;
+
+import cn.cordys.common.dto.OptionDTO;
+import lombok.Data;
+
+import java.util.List;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-22  18:55
+ */
+@Data
+public class OrgListDTO {
+    private List<OptionDTO> nodes;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/PageDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/PageDTO.java
new file mode 100644
index 0000000..e5eebee
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/PageDTO.java
@@ -0,0 +1,18 @@
+package cn.cordys.crm.integration.dataease.dto;
+
+import lombok.Data;
+
+import java.util.List;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-20  13:56
+ */
+@Data
+public class PageDTO<T> {
+    private Integer current;
+    private Integer pages;
+    private Integer size;
+    private Integer total;
+    private List<T> records;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/RoleDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/RoleDTO.java
new file mode 100644
index 0000000..1e2552d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/RoleDTO.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.integration.dataease.dto;
+
+import cn.cordys.crm.integration.dataease.dto.request.RoleUpdateRequest;
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-15  15:54
+ */
+@Data
+public class RoleDTO extends RoleUpdateRequest {
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/SysVariableDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/SysVariableDTO.java
new file mode 100644
index 0000000..acb0b0d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/SysVariableDTO.java
@@ -0,0 +1,28 @@
+package cn.cordys.crm.integration.dataease.dto;
+
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-15  15:54
+ */
+@Data
+public class SysVariableDTO {
+    private String id;
+
+    private String type = "text";
+
+    private String name;
+
+    private String min;
+
+    private String max;
+
+    private String startTime;
+
+    private String endTime;
+
+    private boolean root;
+
+    private boolean disabled;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/SysVariableValueDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/SysVariableValueDTO.java
new file mode 100644
index 0000000..7461064
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/SysVariableValueDTO.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.integration.dataease.dto;
+
+import cn.cordys.crm.integration.dataease.dto.request.SysVariableValueUpdateRequest;
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-15  15:54
+ */
+@Data
+public class SysVariableValueDTO extends SysVariableValueUpdateRequest {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/UserPageDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/UserPageDTO.java
new file mode 100644
index 0000000..aa3b423
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/UserPageDTO.java
@@ -0,0 +1,28 @@
+package cn.cordys.crm.integration.dataease.dto;
+
+import cn.cordys.common.dto.OptionDTO;
+import lombok.Data;
+
+import java.util.List;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-15  15:54
+ */
+@Data
+public class UserPageDTO {
+
+    private String id;
+
+    private String account;
+
+    private String name;
+
+    private String email;
+
+    private Boolean enable = true;
+
+    private List<OptionDTO> roleItems;
+
+    private String sysVariable;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/UserVariableTempDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/UserVariableTempDTO.java
new file mode 100644
index 0000000..c637188
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/UserVariableTempDTO.java
@@ -0,0 +1,26 @@
+package cn.cordys.crm.integration.dataease.dto;
+
+import lombok.Data;
+
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-21  18:21
+ */
+@Data
+public class UserVariableTempDTO {
+
+    /**
+     * 记录用户的数据权限变量值
+     * key 参考 DataScopeVariable
+     */
+    private Map<String, String> scopeValueMap = new HashMap<>(5);
+    /**
+     * 记录用户的数据部门权限变量值
+     * key 参考 DataScopeDeptVariable
+     */
+    private Map<String, List<String>> userDeptIdMap = new HashMap<>(0);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/request/OrgCreateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/request/OrgCreateRequest.java
new file mode 100644
index 0000000..d60b284
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/request/OrgCreateRequest.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.integration.dataease.dto.request;
+
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-15  16:30
+ */
+@Data
+public class OrgCreateRequest {
+    private String name;
+    private String pid;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/request/RoleCreateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/request/RoleCreateRequest.java
new file mode 100644
index 0000000..f2d2ee3
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/request/RoleCreateRequest.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.integration.dataease.dto.request;
+
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-15  16:30
+ */
+@Data
+public class RoleCreateRequest {
+    private String name;
+    /**
+     * 角色类型
+     * 0: 普通用户
+     * 1: 组织管理员
+     */
+    private Integer typeCode = 0;
+    private String desc;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/request/RoleMountUserRequest.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/request/RoleMountUserRequest.java
new file mode 100644
index 0000000..792d94f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/request/RoleMountUserRequest.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.integration.dataease.dto.request;
+
+import lombok.Data;
+
+import java.util.List;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-15  16:30
+ */
+@Data
+public class RoleMountUserRequest {
+    private String roleId;
+    private List<String> userIds;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/request/RoleUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/request/RoleUpdateRequest.java
new file mode 100644
index 0000000..b7e4fa9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/request/RoleUpdateRequest.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.integration.dataease.dto.request;
+
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-15  16:30
+ */
+@Data
+public class RoleUpdateRequest extends RoleCreateRequest {
+    private String id;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/request/SysVariableCreateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/request/SysVariableCreateRequest.java
new file mode 100644
index 0000000..0edde8c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/request/SysVariableCreateRequest.java
@@ -0,0 +1,14 @@
+package cn.cordys.crm.integration.dataease.dto.request;
+
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-15  16:30
+ */
+@Data
+public class SysVariableCreateRequest {
+    private String name;
+    private String type = "text";
+    private String desc;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/request/SysVariableUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/request/SysVariableUpdateRequest.java
new file mode 100644
index 0000000..6833989
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/request/SysVariableUpdateRequest.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.integration.dataease.dto.request;
+
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-15  16:30
+ */
+@Data
+public class SysVariableUpdateRequest extends SysVariableCreateRequest {
+    private String id;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/request/SysVariableValueCreateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/request/SysVariableValueCreateRequest.java
new file mode 100644
index 0000000..b4f0404
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/request/SysVariableValueCreateRequest.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.integration.dataease.dto.request;
+
+import lombok.Data;
+import org.apache.commons.lang3.StringUtils;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-15  16:30
+ */
+@Data
+public class SysVariableValueCreateRequest {
+    private String sysVariableId;
+    private String value;
+    private String end = StringUtils.EMPTY;
+    private String begin = StringUtils.EMPTY;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/request/SysVariableValueUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/request/SysVariableValueUpdateRequest.java
new file mode 100644
index 0000000..ff8a31c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/request/SysVariableValueUpdateRequest.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.integration.dataease.dto.request;
+
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-15  16:30
+ */
+@Data
+public class SysVariableValueUpdateRequest extends SysVariableValueCreateRequest {
+    private String id;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/request/UserCreateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/request/UserCreateRequest.java
new file mode 100644
index 0000000..707596d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/request/UserCreateRequest.java
@@ -0,0 +1,41 @@
+package cn.cordys.crm.integration.dataease.dto.request;
+
+import cn.cordys.crm.integration.dataease.dto.SysVariableDTO;
+import lombok.Data;
+
+import java.util.List;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-15  14:52
+ */
+@Data
+public class UserCreateRequest {
+
+    private String account;
+
+    private String name;
+
+    private String email;
+
+    private boolean enable = true;
+
+    private String phone;
+
+    private String phonePrefix;
+
+    private List<String> roleIds;
+
+    private List<Variable> variables;
+
+    @Data
+    public static class Variable {
+        private String variableId;
+
+        private String variableValueId;
+
+        private SysVariableDTO sysVariableDto;
+
+        private List<String> variableValueIds;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/request/UserUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/request/UserUpdateRequest.java
new file mode 100644
index 0000000..c570754
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/request/UserUpdateRequest.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.integration.dataease.dto.request;
+
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-15  14:52
+ */
+@Data
+public class UserUpdateRequest extends UserCreateRequest {
+    private String id;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/DataEaseBaseResponse.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/DataEaseBaseResponse.java
new file mode 100644
index 0000000..2996ffc
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/DataEaseBaseResponse.java
@@ -0,0 +1,14 @@
+package cn.cordys.crm.integration.dataease.dto.response;
+
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-15  15:48
+ */
+@Data
+public class DataEaseBaseResponse {
+    private int code;
+
+    private String msg;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/DataEaseListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/DataEaseListResponse.java
new file mode 100644
index 0000000..01ea600
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/DataEaseListResponse.java
@@ -0,0 +1,14 @@
+package cn.cordys.crm.integration.dataease.dto.response;
+
+import lombok.Data;
+
+import java.util.List;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-15  15:48
+ */
+@Data
+public class DataEaseListResponse<T> extends DataEaseBaseResponse {
+    private List<T> data;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/DataEasePageResponse.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/DataEasePageResponse.java
new file mode 100644
index 0000000..16b2b4e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/DataEasePageResponse.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.integration.dataease.dto.response;
+
+import cn.cordys.crm.integration.dataease.dto.PageDTO;
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-15  15:48
+ */
+@Data
+public class DataEasePageResponse<T> extends DataEaseResponse<PageDTO<T>> {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/DataEaseResponse.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/DataEaseResponse.java
new file mode 100644
index 0000000..35fe08c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/DataEaseResponse.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.integration.dataease.dto.response;
+
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-15  15:48
+ */
+@Data
+public class DataEaseResponse<T> extends DataEaseBaseResponse {
+    private T data;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/OrgListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/OrgListResponse.java
new file mode 100644
index 0000000..139fffc
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/OrgListResponse.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.integration.dataease.dto.response;
+
+import cn.cordys.crm.integration.dataease.dto.OrgListDTO;
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-15  15:54
+ */
+@Data
+public class OrgListResponse extends DataEaseResponse<OrgListDTO> {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/RoleListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/RoleListResponse.java
new file mode 100644
index 0000000..625a898
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/RoleListResponse.java
@@ -0,0 +1,10 @@
+package cn.cordys.crm.integration.dataease.dto.response;
+
+import cn.cordys.crm.integration.dataease.dto.RoleDTO;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-20  10:08
+ */
+public class RoleListResponse extends DataEaseListResponse<RoleDTO> {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/SysVariableCreateResponse.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/SysVariableCreateResponse.java
new file mode 100644
index 0000000..903e0cd
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/SysVariableCreateResponse.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.integration.dataease.dto.response;
+
+import cn.cordys.crm.integration.dataease.dto.SysVariableDTO;
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-15  16:30
+ */
+@Data
+public class SysVariableCreateResponse extends DataEaseResponse<SysVariableDTO> {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/SysVariableListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/SysVariableListResponse.java
new file mode 100644
index 0000000..e25eaeb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/SysVariableListResponse.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.integration.dataease.dto.response;
+
+import cn.cordys.crm.integration.dataease.dto.SysVariableDTO;
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-15  15:54
+ */
+@Data
+public class SysVariableListResponse extends DataEaseListResponse<SysVariableDTO> {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/SysVariableValueCreateResponse.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/SysVariableValueCreateResponse.java
new file mode 100644
index 0000000..5c9181d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/SysVariableValueCreateResponse.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.integration.dataease.dto.response;
+
+import cn.cordys.crm.integration.dataease.dto.SysVariableValueDTO;
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-15  16:30
+ */
+@Data
+public class SysVariableValueCreateResponse extends DataEaseResponse<SysVariableValueDTO> {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/SysVariableValueListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/SysVariableValueListResponse.java
new file mode 100644
index 0000000..0234975
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/SysVariableValueListResponse.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.integration.dataease.dto.response;
+
+import cn.cordys.crm.integration.dataease.dto.SysVariableValueDTO;
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-15  15:54
+ */
+@Data
+public class SysVariableValueListResponse extends DataEasePageResponse<SysVariableValueDTO> {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/UserListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/UserListResponse.java
new file mode 100644
index 0000000..d464768
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/dto/response/UserListResponse.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.integration.dataease.dto.response;
+
+import cn.cordys.crm.integration.dataease.dto.UserPageDTO;
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-15  15:54
+ */
+@Data
+public class UserListResponse extends DataEasePageResponse<UserPageDTO> {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/service/DataEaseService.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/service/DataEaseService.java
new file mode 100644
index 0000000..90ab186
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/service/DataEaseService.java
@@ -0,0 +1,101 @@
+package cn.cordys.crm.integration.dataease.service;
+
+import cn.cordys.common.constants.ThirdDetailType;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.integration.common.dto.ThirdConfigBaseDTO;
+import cn.cordys.crm.integration.common.request.DeThirdConfigRequest;
+import cn.cordys.crm.integration.dataease.dto.DeAuthDTO;
+import cn.cordys.crm.system.constants.OrganizationConfigConstants;
+import cn.cordys.crm.system.mapper.ExtOrganizationConfigDetailMapper;
+import cn.cordys.crm.system.mapper.ExtOrganizationConfigMapper;
+import com.auth0.jwt.JWT;
+import com.auth0.jwt.JWTCreator;
+import com.auth0.jwt.algorithms.Algorithm;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Service;
+
+import java.util.Date;
+import java.util.List;
+import java.util.Optional;
+
+@Service
+public class DataEaseService {
+    @Resource
+    private ExtOrganizationConfigMapper extOrganizationConfigMapper;
+    @Resource
+    private ExtOrganizationConfigDetailMapper extOrganizationConfigDetailMapper;
+
+    /**
+     * 获取嵌入式DE-Token
+     */
+    public DeAuthDTO getEmbeddedDeToken(String organizationId, String userId, boolean isModule) {
+        // 获取组织配置
+        DeThirdConfigRequest thirdConfig = getDeConfig(organizationId);
+        return getEmbeddedDeToken(userId, thirdConfig);
+    }
+
+    public DeAuthDTO getEmbeddedDeToken(String account, DeThirdConfigRequest thirdConfig) {
+        // 生成token
+        String token = generateJwtToken(
+                thirdConfig.getAgentId(),
+                thirdConfig.getAppSecret(),
+                account
+        );
+
+        return DeAuthDTO.builder()
+                .token(token)
+                .url(thirdConfig.getRedirectUrl())
+                .build();
+    }
+
+    public DeThirdConfigRequest getDeConfig(String organizationId) {
+        var config = Optional.ofNullable(
+                extOrganizationConfigMapper.getOrganizationConfig(
+                        organizationId,
+                        OrganizationConfigConstants.ConfigType.THIRD.name()
+                )
+        ).orElseThrow(() ->
+                new GenericException("未找到 DataEase 相关配置")
+        );
+
+        var detail = extOrganizationConfigDetailMapper
+                .getOrgConfigDetailByType(
+                        config.getId(),
+                        null,
+                        List.of(ThirdDetailType.DE_BOARD.name())
+                )
+                .stream()
+                .findFirst()
+                .orElseThrow(() ->
+                        new GenericException("未找到 DataEase 配置详情")
+                );
+
+        var baseDTO = Optional.ofNullable(
+                JSON.parseObject(new String(detail.getContent()), ThirdConfigBaseDTO.class)
+        ).orElseThrow(() ->
+                new GenericException("DataEase 配置内容解析失败")
+        );
+
+        return JSON.MAPPER.convertValue(
+                baseDTO.getConfig(),
+                DeThirdConfigRequest.class
+        );
+    }
+
+    /**
+     * 生成JWT-Token
+     *
+     * @param appId     应用ID
+     * @param appSecret 应用密钥
+     *
+     * @return JWT Token
+     */
+    private String generateJwtToken(String appId, String appSecret, String account) {
+        Algorithm algorithm = Algorithm.HMAC256(appSecret);
+        JWTCreator.Builder builder = JWT.create();
+        builder.withClaim("account", account).withClaim("appId", appId);
+        builder.withIssuedAt(new Date());
+        return builder.sign(algorithm);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/service/DataEaseSyncService.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/service/DataEaseSyncService.java
new file mode 100644
index 0000000..9d738c6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dataease/service/DataEaseSyncService.java
@@ -0,0 +1,732 @@
+package cn.cordys.crm.integration.dataease.service;
+
+import cn.cordys.common.constants.RoleDataScope;
+import cn.cordys.common.dto.BaseTreeNode;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.crm.integration.common.request.DeThirdConfigRequest;
+import cn.cordys.crm.integration.dataease.DataEaseClient;
+import cn.cordys.crm.integration.dataease.constants.DataScopeDeptVariable;
+import cn.cordys.crm.integration.dataease.constants.DataScopeVariable;
+import cn.cordys.crm.integration.dataease.dto.*;
+import cn.cordys.crm.integration.dataease.dto.request.*;
+import cn.cordys.crm.system.domain.RolePermission;
+import cn.cordys.crm.system.domain.RoleScopeDept;
+import cn.cordys.crm.system.domain.UserRole;
+import cn.cordys.crm.system.dto.response.RoleListResponse;
+import cn.cordys.crm.system.mapper.ExtDepartmentMapper;
+import cn.cordys.crm.system.mapper.ExtOrganizationMapper;
+import cn.cordys.crm.system.mapper.ExtUserMapper;
+import cn.cordys.crm.system.service.DepartmentService;
+import cn.cordys.crm.system.service.RoleService;
+import cn.cordys.quartz.anno.QuartzScheduled;
+import cn.cordys.security.UserDTO;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.context.i18n.LocaleContextHolder;
+import org.springframework.stereotype.Service;
+
+import java.util.*;
+import java.util.function.Function;
+import java.util.regex.Matcher;
+import java.util.regex.Pattern;
+import java.util.stream.Collectors;
+
+import static java.util.Arrays.stream;
+
+@Service
+@Slf4j
+public class DataEaseSyncService {
+    public static final String NONE_DATA_SCOPE = "NONE";
+    @Resource
+    private ExtDepartmentMapper extDepartmentMapper;
+    @Resource
+    private ExtOrganizationMapper extOrganizationMapper;
+    @Resource
+    private RoleService roleService;
+    @Resource
+    private ExtUserMapper extUserMapper;
+    @Resource
+    private DepartmentService departmentService;
+    @Resource
+    private DataScopeService dataScopeService;
+    @Resource
+    private DataEaseService dataEaseService;
+
+    @QuartzScheduled(cron = "0 0 0 * * ?")
+    public void syncDataEase() {
+        Set<String> orgIds = extOrganizationMapper.selectAllOrganizationIds();
+        // 同步角色
+        for (String orgId : orgIds) {
+            log.info("定时同步DataEase数据，组织ID: {}", orgId);
+            syncDataEase(orgId);
+        }
+    }
+
+    public void syncDataEase(String orgId) {
+        LocaleContextHolder.setLocale(Locale.SIMPLIFIED_CHINESE);
+        DeThirdConfigRequest thirdConfig;
+        try {
+            thirdConfig = dataEaseService.getDeConfig(orgId);
+        } catch (Exception e) {
+            log.error("获取DataEase配置失败，组织ID: {}", orgId, e);
+            return;
+        }
+        if (thirdConfig == null || StringUtils.isAnyBlank(thirdConfig.getDeAccessKey(), thirdConfig.getDeSecretKey(), thirdConfig.getDeOrgID(), thirdConfig.getRedirectUrl())) {
+            return;
+        }
+        try {
+            syncDataEase(orgId, thirdConfig);
+        } catch (Exception e) {
+            log.error(e.getMessage(), e);
+            throw e;
+        }
+    }
+
+    public void syncDataEase(String orgId, DeThirdConfigRequest thirdConfig) {
+        DataEaseClient dataEaseClient = new DataEaseClient(thirdConfig);
+
+        DeTempResourceDTO deTempResourceDTO = new DeTempResourceDTO();
+        deTempResourceDTO.setDataEaseClient(dataEaseClient);
+        deTempResourceDTO.setCrmOrgId(orgId);
+        deTempResourceDTO.setDeOrgId(thirdConfig.getDeOrgID());
+
+        // 手动切到 DE 组织，DE 接口设计不是很好，接口调用会受到页面切组织的影响，后天手动切组织，降低影响
+        dataEaseClient.switchOrg(deTempResourceDTO.getDeOrgId());
+        syncSysVariable(deTempResourceDTO);
+
+        // 获取当前组织下的所有角色
+        List<RoleListResponse> crmRoles = roleService.getRoleListResponses(orgId);
+        deTempResourceDTO.setCrmRoles(crmRoles);
+
+        dataEaseClient.switchOrg(deTempResourceDTO.getDeOrgId());
+        syncRole(deTempResourceDTO);
+
+        syncUser(deTempResourceDTO);
+    }
+
+    private void syncUser(DeTempResourceDTO deTempResourceDTO) {
+        List<UserDTO> crmUsers = extUserMapper.selectNameAndEmail(deTempResourceDTO.getCrmOrgId());
+        deTempResourceDTO.setCrmUsers(crmUsers);
+
+        // 记录CRM用户ID和用户的映射关系
+        Map<String, UserDTO> crmUserMap = crmUsers.stream()
+                .collect(Collectors.toMap(UserDTO::getId, Function.identity()));
+
+        List<RoleListResponse> crmRoles = deTempResourceDTO.getCrmRoles();
+        DataEaseClient dataEaseClient = deTempResourceDTO.getDataEaseClient();
+
+        // 获取所有的角色
+        List<String> roleIds = crmRoles.stream()
+                .map(RoleListResponse::getId)
+                .collect(Collectors.toList());
+
+        // 角色名称集合
+        Set<String> roleNameSet = crmRoles.stream()
+                .map(RoleListResponse::getName)
+                .collect(Collectors.toSet());
+
+        setSyncUserTempParam(deTempResourceDTO, roleIds);
+
+        int pageNum = 1;
+        int pageSize = 20;
+        // 记录DE的用户ID
+        List<String> deUserIds = new ArrayList<>();
+        deTempResourceDTO.setDeUserIds(deUserIds);
+        do {
+            dataEaseClient.switchOrg(deTempResourceDTO.getDeOrgId());
+            PageDTO<UserPageDTO> userPage = dataEaseClient.listUserPage(pageNum, pageSize);
+            List<UserPageDTO> users = userPage.getRecords();
+            for (UserPageDTO user : users) {
+                deUserIds.add(user.getAccount());
+                updateUser(deTempResourceDTO, crmUserMap, roleNameSet, user);
+            }
+            if (userPage.getRecords().size() < pageSize) {
+                break;
+            }
+            pageNum++;
+        } while (true);
+
+        addUsers(deTempResourceDTO);
+    }
+
+    private void setSyncUserTempParam(DeTempResourceDTO deTempResourceDTO, List<String> roleIds) {
+        List<RoleListResponse> crmRoles = deTempResourceDTO.getCrmRoles();
+
+        // 获取用户下的角色信息
+        Map<String, List<UserRole>> userRoleMap = roleService.getUserRoleByRoleIds(roleIds)
+                .stream()
+                .collect(Collectors.groupingBy(UserRole::getUserId));
+        deTempResourceDTO.setCrmUserRoleMap(userRoleMap);
+
+        // 获取自定义部门角色对应的部门ID
+        Map<String, List<String>> customDeptRoleDeptMap = getCustomDeptRoleDeptMap(crmRoles);
+        deTempResourceDTO.setCustomDeptRoleDeptMap(customDeptRoleDeptMap);
+
+        // 获取部门树
+        List<BaseTreeNode> tree = departmentService.getTree(deTempResourceDTO.getCrmOrgId());
+        deTempResourceDTO.setDeptTree(tree);
+
+        Map<String, RoleListResponse> crmRoleMap = crmRoles.stream()
+                .collect(Collectors.toMap(RoleListResponse::getId, Function.identity()));
+        deTempResourceDTO.setCrmRoleMap(crmRoleMap);
+
+        // 记录角色和权限的映射关系
+        Map<String, Set<String>> rolePermissionMap = getRolePermissionMap(roleIds);
+        deTempResourceDTO.setRolePermissionMap(rolePermissionMap);
+    }
+
+    private void updateUser(DeTempResourceDTO deTempResourceDTO, Map<String, UserDTO> crmUserMap, Set<String> roleNameSet,
+                            UserPageDTO deUser) {
+        UserDTO crmUser = crmUserMap.get(deUser.getAccount());
+        DataEaseClient dataEaseClient = deTempResourceDTO.getDataEaseClient();
+        Map<String, RoleDTO> roleMap = deTempResourceDTO.getDeRoleMap();
+        Map<String, SysVariableDTO> sysVariableMap = deTempResourceDTO.getSysVariableMap();
+        Map<String, Map<String, String>> variableValueMap = deTempResourceDTO.getVariableValueMap();
+        Map<String, RoleListResponse> crmRoleMap = deTempResourceDTO.getCrmRoleMap();
+        List<BaseTreeNode> tree = deTempResourceDTO.getDeptTree();
+        Map<String, Set<String>> rolePermissionMap = deTempResourceDTO.getRolePermissionMap();
+        Map<String, List<String>> customDeptRoleDeptMap = deTempResourceDTO.getCustomDeptRoleDeptMap();
+        Map<String, List<UserRole>> userRoleMap = deTempResourceDTO.getCrmUserRoleMap();
+
+        if (crmUser == null) {
+            // 不在crm的用户，不处理
+            return;
+        }
+
+        String userId = crmUser.getId();
+        List<OptionDTO> roleItems = deUser.getRoleItems();
+
+        List<RoleListResponse> userCrmRoles = getUserCrmRoles(userRoleMap, crmRoleMap, userId);
+
+        UserUpdateRequest userUpdateRequest = new UserUpdateRequest();
+        userUpdateRequest.setId(deUser.getId());
+        boolean needUpdate = false;
+
+        if (!Strings.CS.equals(deUser.getName(), crmUser.getName()) || !Strings.CS.equals(deUser.getEmail(), crmUser.getEmail())) {
+            needUpdate = true;
+            userUpdateRequest.setName(crmUser.getName());
+            userUpdateRequest.setEmail(crmUser.getEmail());
+        } else {
+            // 设置为DE原值
+            userUpdateRequest.setName(deUser.getName());
+            userUpdateRequest.setEmail(deUser.getEmail());
+        }
+
+        // 如果该用户有crm中的角色不存在于DE，则需要更新
+        Set<String> crmRoleNames = userCrmRoles.stream()
+                .map(RoleListResponse::getName)
+                .collect(Collectors.toSet());
+        Set<String> deRoleNames = roleItems.stream()
+                .map(OptionDTO::getName)
+                .collect(Collectors.toSet());
+
+        // 获取DE中存在的CRM角色
+        Set<String> linkDeRoleNames = deRoleNames.stream()
+                .filter(roleNameSet::contains)
+                .collect(Collectors.toSet());
+        if (!linkDeRoleNames.equals(crmRoleNames)) {
+            // 如果DE中的角色不包含CRM中的角色，则需要更新
+            needUpdate = true;
+            List<String> updateRoleIds = crmRoleNames.stream()
+                    .map(crmRoleName -> roleMap.get(crmRoleName).getId())
+                    .collect(Collectors.toList());
+            // DE中非CRM的角色保留
+            List<String> deRoleIds = deRoleNames.stream()
+                    .filter(deRoleName -> !roleNameSet.contains(deRoleName))
+                    .map(crmRoleName -> roleMap.get(crmRoleName).getId())
+                    .toList();
+            updateRoleIds.addAll(deRoleIds);
+            userUpdateRequest.setRoleIds(updateRoleIds);
+        } else {
+            // 设置为DE原值
+            List<String> roleIds = roleItems.stream().map(OptionDTO::getId).toList();
+            userUpdateRequest.setRoleIds(roleIds);
+        }
+
+        List<UserCreateRequest.Variable> variables = new ArrayList<>();
+        Map<String, String> userVariablePairs = extractUserVariablePairs(deUser.getSysVariable());
+        UserVariableTempDTO userVariableTempDTO = getUserVariableTempDTO(userCrmRoles, customDeptRoleDeptMap,
+                tree, rolePermissionMap, crmUser);
+
+        for (DataScopeVariable value : DataScopeVariable.values()) {
+            String dataScopeValue = userVariablePairs.get(value.name());
+            String crmDataScope = userVariableTempDTO.getScopeValueMap().get(value.name());
+            if (!Strings.CS.equals(dataScopeValue, crmDataScope)) {
+                // 如果DE和CRM的数据权限不一致，则更新
+                needUpdate = true;
+            }
+            // 记录待更新的用户变量
+            UserCreateRequest.Variable variable = getCreateVariable(deTempResourceDTO.getSysVariableMap(), value.name(), deTempResourceDTO.getVariableValueMap(), crmDataScope);
+            variables.add(variable);
+        }
+
+        for (DataScopeDeptVariable value : DataScopeDeptVariable.values()) {
+            String dataScopeDeptValue = userVariablePairs.get(value.name());
+            List<String> deDeptIds = List.of();
+            if (StringUtils.isNotBlank(dataScopeDeptValue)) {
+                deDeptIds = stream(dataScopeDeptValue.trim().split(",")).toList();
+            }
+            List<String> crmDeptIds = Optional.ofNullable(userVariableTempDTO.getUserDeptIdMap().get(value.name()))
+                    .orElse(List.of());
+            if (!crmDeptIds.equals(deDeptIds)) {
+                needUpdate = true;
+            }
+            if (CollectionUtils.isNotEmpty(crmDeptIds)) {
+                // 记录待更新的用户变量
+                UserCreateRequest.Variable variable = getCreateVariable(sysVariableMap, value.name(), variableValueMap, crmDeptIds);
+                variables.add(variable);
+            }
+        }
+
+        if (!deUser.getEnable().equals(crmUser.getEnable())) {
+            needUpdate = true;
+            userUpdateRequest.setEnable(crmUser.getEnable());
+        } else {
+            // 设置为DE原值
+            userUpdateRequest.setEnable(deUser.getEnable());
+        }
+
+        if (needUpdate) {
+            userUpdateRequest.setVariables(variables);
+            try {
+                if (CollectionUtils.isEmpty(userUpdateRequest.getRoleIds())) {
+                    // 没有角色则删除
+                    dataEaseClient.deleteUser(userUpdateRequest.getId());
+                } else {
+                    dataEaseClient.editUser(userUpdateRequest);
+                }
+            } catch (Exception e) {
+                log.error(e.getMessage(), e);
+            }
+        }
+    }
+
+    private void addUsers(DeTempResourceDTO deTempResourceDTO) {
+        List<UserDTO> enableUsers = deTempResourceDTO.getCrmUsers()
+                .stream().filter(UserDTO::getEnable)
+                .toList();
+        Map<String, List<String>> customDeptRoleDeptMap = deTempResourceDTO.getCustomDeptRoleDeptMap();
+        Map<String, List<UserRole>> userRoleMap = deTempResourceDTO.getCrmUserRoleMap();
+        List<BaseTreeNode> tree = deTempResourceDTO.getDeptTree();
+        Map<String, RoleListResponse> crmRoleMap = deTempResourceDTO.getCrmRoleMap();
+        Map<String, Set<String>> rolePermissionMap = deTempResourceDTO.getRolePermissionMap();
+        DataEaseClient dataEaseClient = deTempResourceDTO.getDataEaseClient();
+        Map<String, RoleDTO> deRoleMap = deTempResourceDTO.getDeRoleMap();
+
+        enableUsers.stream()
+                .filter(crmUser -> crmUser.getEnable() && !deTempResourceDTO.getDeUserIds().contains(crmUser.getId()))
+                .forEach(crmUser -> {
+                    if (StringUtils.isBlank(crmUser.getEmail())) {
+                        log.error("同步用户到 DataEase 失败，用户[ {} ]邮箱为空", crmUser.getName());
+                        return;
+                    }
+                    List<RoleListResponse> userCrmRoles = getUserCrmRoles(userRoleMap, crmRoleMap, crmUser.getId());
+                    UserVariableTempDTO userVariableTempDTO = getUserVariableTempDTO(userCrmRoles, customDeptRoleDeptMap,
+                            tree, rolePermissionMap, crmUser);
+
+                    UserCreateRequest userCreateRequest = new UserCreateRequest();
+                    userCreateRequest.setName(crmUser.getName());
+                    userCreateRequest.setEmail(crmUser.getEmail());
+                    userCreateRequest.setAccount(crmUser.getId());
+                    List<String> createRoleIds = userCrmRoles.stream()
+                            .filter(role -> deRoleMap.containsKey(role.getName()))
+                            .map(role -> deRoleMap.get(role.getName()).getId())
+                            .collect(Collectors.toList());
+                    userCreateRequest.setRoleIds(createRoleIds);
+                    userCreateRequest.setVariables(getCreateVariables(deTempResourceDTO, userVariableTempDTO));
+                    try {
+                        if (CollectionUtils.isNotEmpty(createRoleIds)) {
+                            dataEaseClient.createUser(userCreateRequest);
+                        }
+                    } catch (Exception e) {
+                        log.error(e.getMessage(), e);
+                    }
+                });
+    }
+
+    private List<UserCreateRequest.Variable> getCreateVariables(DeTempResourceDTO deTempResourceDTO, UserVariableTempDTO userVariableTempDTO) {
+        List<UserCreateRequest.Variable> variables = new ArrayList<>();
+        Map<String, SysVariableDTO> sysVariableMap = deTempResourceDTO.getSysVariableMap();
+        Map<String, Map<String, String>> variableValueMap = deTempResourceDTO.getVariableValueMap();
+        for (int i = 0; i < DataScopeVariable.values().length; i++) {
+            DataScopeVariable value = DataScopeVariable.values()[i];
+            String crmDataScope = userVariableTempDTO.getScopeValueMap().get(value.name());
+            UserCreateRequest.Variable variable = getCreateVariable(sysVariableMap, value.name(), variableValueMap, crmDataScope);
+            variables.add(variable);
+        }
+
+        for (DataScopeDeptVariable value : DataScopeDeptVariable.values()) {
+            List<String> crmDeptIds = Optional.ofNullable(userVariableTempDTO.getUserDeptIdMap().get(value.name()))
+                    .orElse(List.of());
+
+            if (CollectionUtils.isNotEmpty(crmDeptIds)) {
+                UserCreateRequest.Variable variable = getCreateVariable(sysVariableMap, value.name(), variableValueMap, crmDeptIds);
+                variables.add(variable);
+            }
+        }
+        return variables;
+    }
+
+    private Map<String, Set<String>> getRolePermissionMap(List<String> roleIds) {
+        Map<String, Set<String>> rolePermissionMap = new HashMap<>();
+        List<RolePermission> rolePermissions = roleService.getRolePermissionByRoleIds(roleIds);
+        for (RolePermission rolePermission : rolePermissions) {
+            rolePermissionMap.putIfAbsent(rolePermission.getRoleId(), new HashSet<>());
+            rolePermissionMap.get(rolePermission.getRoleId()).add(rolePermission.getPermissionId());
+        }
+        return rolePermissionMap;
+    }
+
+    private Map<String, List<String>> getCustomDeptRoleDeptMap(List<RoleListResponse> crmRoles) {
+        // 获取自定义部门角色ID
+        List<String> customDeptRolesIds = crmRoles.stream()
+                .filter(role -> Strings.CS.equalsAny(role.getDataScope(), RoleDataScope.DEPT_CUSTOM.name()))
+                .map(RoleListResponse::getId)
+                .collect(Collectors.toList());
+
+        List<RoleScopeDept> roleScopeDeptList = roleService.getRoleScopeDeptByRoleIds(customDeptRolesIds);
+        Map<String, List<String>> customDeptRoleDeptMap = new HashMap<>();
+        roleScopeDeptList.forEach(roleScopeDept -> {
+            customDeptRoleDeptMap.putIfAbsent(roleScopeDept.getRoleId(), new ArrayList<>());
+            customDeptRoleDeptMap.get(roleScopeDept.getRoleId()).add(roleScopeDept.getDepartmentId());
+        });
+        return customDeptRoleDeptMap;
+    }
+
+    private UserCreateRequest.Variable getCreateVariable(Map<String, SysVariableDTO> sysVariableMap, String variableName,
+                                                         Map<String, Map<String, String>> variableValueMap, String variableValueName) {
+        SysVariableDTO sysVariable = sysVariableMap.get(variableName);
+        String variableId = sysVariable.getId();
+        UserCreateRequest.Variable variable = new UserCreateRequest.Variable();
+        variable.setVariableId(variableId);
+        Map<String, String> nameValueMap = variableValueMap.get(variableId);
+        String variableValueId = nameValueMap.get(variableValueName);
+        variable.setVariableValueId(variableValueId);
+        variable.setVariableValueIds(List.of(variableValueId));
+        variable.setSysVariableDto(sysVariable);
+        return variable;
+    }
+
+    private UserCreateRequest.Variable getCreateVariable(Map<String, SysVariableDTO> sysVariableMap, String variableName,
+                                                         Map<String, Map<String, String>> variableValueMap, List<String> variableValueNames) {
+        SysVariableDTO sysVariable = sysVariableMap.get(variableName);
+        String variableId = sysVariable.getId();
+        UserCreateRequest.Variable variable = new UserCreateRequest.Variable();
+        variable.setVariableId(variableId);
+        Map<String, String> nameValueMap = variableValueMap.get(variableId);
+        List<String> variableValueIds = variableValueNames.stream().map(nameValueMap::get).toList();
+        variable.setVariableValueIds(variableValueIds);
+        variable.setSysVariableDto(sysVariable);
+        return variable;
+    }
+
+    private UserVariableTempDTO getUserVariableTempDTO(List<RoleListResponse> userCrmRoles,
+                                                       Map<String, List<String>> customDeptRoleDeptMap,
+                                                       List<BaseTreeNode> tree,
+                                                       Map<String, Set<String>> rolePermissionMap,
+                                                       UserDTO orgUser) {
+        UserVariableTempDTO userVariableTempDTO = new UserVariableTempDTO();
+
+        for (DataScopeVariable value : DataScopeVariable.values()) {
+            // 获取有对应的权限的角色
+            List<RoleListResponse> permissionRoles = userCrmRoles.stream()
+                    .filter(role -> rolePermissionMap.get(role.getId()) != null
+                            && rolePermissionMap.get(role.getId()).contains(value.getPermission()))
+                    .toList();
+
+            // 获取用户的DataScope
+            String crmDataScope = getCrmDataScope(permissionRoles);
+            // 记录用户的数据权限
+            userVariableTempDTO.getScopeValueMap().put(value.name(), crmDataScope);
+
+            if (Strings.CS.equals(crmDataScope, RoleDataScope.DEPT_CUSTOM.name())) {
+                List<String> crmDataScopeDeptIds = getCrmDataScopeDeptIds(tree, permissionRoles,
+                        customDeptRoleDeptMap, orgUser);
+                // 记录用户有权限的部门ID
+                userVariableTempDTO.getUserDeptIdMap().put(value.getDataScopeDeptVariable().name(), crmDataScopeDeptIds);
+            }
+        }
+        return userVariableTempDTO;
+    }
+
+    /**
+     * 获取当前用户的角色
+     *
+     * @param userRoleMap
+     * @param crmRoleMap
+     * @param userId
+     *
+     * @return
+     */
+    private List<RoleListResponse> getUserCrmRoles(Map<String, List<UserRole>> userRoleMap, Map<String, RoleListResponse> crmRoleMap, String userId) {
+        if (userRoleMap.get(userId) == null) {
+            return List.of();
+        }
+        return userRoleMap.get(userId)
+                .stream()
+                .filter(userRole -> crmRoleMap.containsKey(userRole.getRoleId()))
+                .map(userRole -> crmRoleMap.get(userRole.getRoleId()))
+                .collect(Collectors.toList());
+    }
+
+    private String getCrmDataScope(List<RoleListResponse> userCrmRoles) {
+        String dataScope = NONE_DATA_SCOPE;
+        for (RoleListResponse userCrmRole : userCrmRoles) {
+            if (Strings.CS.equals(userCrmRole.getDataScope(), RoleDataScope.ALL.name())) {
+                return RoleDataScope.ALL.name();
+            } else if (Strings.CS.equalsAny(userCrmRole.getDataScope(), RoleDataScope.DEPT_CUSTOM.name(), RoleDataScope.DEPT_AND_CHILD.name())) {
+                dataScope = RoleDataScope.DEPT_CUSTOM.name();
+            } else {
+                dataScope = RoleDataScope.SELF.name();
+            }
+        }
+        return dataScope;
+    }
+
+    private List<String> getCrmDataScopeDeptIds(List<BaseTreeNode> tree, List<RoleListResponse> userCrmRoles,
+                                                Map<String, List<String>> customDeptRoleDeptMap, UserDTO orgUser) {
+        List<String> parentDeptIds = new ArrayList<>();
+        for (RoleListResponse userCrmRole : userCrmRoles) {
+            if (Strings.CS.equals(userCrmRole.getDataScope(), RoleDataScope.DEPT_CUSTOM.name())) {
+                if (CollectionUtils.isNotEmpty(customDeptRoleDeptMap.get(userCrmRole.getId()))) {
+                    // 获取指定部门角色中的部门Id
+                    List<String> customDeptIds = customDeptRoleDeptMap.get(userCrmRole.getId());
+                    parentDeptIds.addAll(customDeptIds);
+                }
+            } else if (Strings.CS.equals(userCrmRole.getDataScope(), RoleDataScope.DEPT_AND_CHILD.name())) {
+                String departmentId = orgUser.getDepartmentId();
+                if (StringUtils.isNotBlank(departmentId)) {
+                    // 获取当前部门ID
+                    parentDeptIds.add(departmentId);
+                }
+            }
+        }
+        // 获取部门及子部门ID
+        return dataScopeService.getDeptIdsWithChild(tree, new HashSet<>(parentDeptIds));
+    }
+
+    public Map<String, String> extractUserVariablePairs(String input) {
+        if (StringUtils.isBlank(input)) {
+            return Map.of();
+        }
+        Map<String, String> keyValuePairs = new HashMap<>();
+
+        // 正则表达式匹配 {key: value} 格式
+        Pattern pattern = Pattern.compile("\\{(.*?)\\}");
+        Matcher matcher = pattern.matcher(input);
+
+        while (matcher.find()) {
+            String pair = matcher.group(1);
+            // 分割键值对
+            String[] parts = pair.split(":", 2);
+            if (parts.length == 2) {
+                String key = parts[0].trim();
+                String value = parts[1].trim();
+
+                // 处理值中的可能的分隔符
+                if (value.endsWith(",")) {
+                    value = value.substring(0, value.length() - 1);
+                }
+
+                keyValuePairs.put(key, value);
+            }
+        }
+
+        return keyValuePairs;
+    }
+
+    private void syncRole(DeTempResourceDTO deTempResourceDTO) {
+        DataEaseClient dataEaseClient = deTempResourceDTO.getDataEaseClient();
+        List<RoleListResponse> crmRoles = deTempResourceDTO.getCrmRoles();
+        List<RoleDTO> roles = dataEaseClient.listRole();
+        Map<String, RoleDTO> roleMap = roles.stream()
+                .collect(Collectors.toMap(RoleDTO::getName, Function.identity()));
+        // 记录角色名和角色的映射
+        deTempResourceDTO.setDeRoleMap(roleMap);
+
+        RoleCreateRequest roleCreateRequest = new RoleCreateRequest();
+        for (RoleListResponse crmRole : crmRoles) {
+            if (!roleMap.containsKey(crmRole.getName())) {
+                roleCreateRequest.setName(crmRole.getName());
+                // 创建角色
+                try {
+                    Long roleId = dataEaseClient.createRole(roleCreateRequest);
+                    RoleDTO roleDTO = new RoleDTO();
+                    roleDTO.setId(roleId.toString());
+                    roleDTO.setName(crmRole.getName());
+                    roleMap.put(roleDTO.getName(), roleDTO);
+                } catch (Exception e) {
+                    log.error(e.getMessage(), e);
+                }
+            }
+        }
+    }
+
+    private void syncSysVariable(DeTempResourceDTO deTempResourceDTO) {
+        // 记录变量名和变量的映射
+        deTempResourceDTO.setVariableValueMap(new HashMap<>());
+        Map<String, Map<String, String>> variableValueMap = deTempResourceDTO.getVariableValueMap();
+
+        DataEaseClient dataEaseClient = deTempResourceDTO.getDataEaseClient();
+        List<SysVariableDTO> sysVariables = dataEaseClient.listSysVariable();
+
+        Map<String, SysVariableDTO> sysVariableMap = sysVariables.stream()
+                .collect(Collectors.toMap(SysVariableDTO::getName, Function.identity()));
+        // 记录变量名和变量的映射
+        deTempResourceDTO.setSysVariableMap(sysVariableMap);
+
+        for (DataScopeVariable value : DataScopeVariable.values()) {
+            if (!sysVariableMap.containsKey(value.name())) {
+                // 创建数据权限系统变量
+                SysVariableDTO dataScopeVariable = createDataScopeVariable(dataEaseClient, value.name(), variableValueMap);
+                sysVariableMap.put(value.name(), dataScopeVariable);
+            } else {
+                // 同步数据权限系统变量值
+                SysVariableDTO sysVariable = sysVariableMap.get(value.name());
+                Map<String, SysVariableValueDTO> valueMap = dataEaseClient.listSysVariableValue(sysVariable.getId())
+                        .stream().collect(Collectors.toMap(SysVariableValueDTO::getValue, Function.identity()));
+
+                variableValueMap.putIfAbsent(sysVariable.getId(), new HashMap<>());
+                Map<String, String> variableValueIdNameMap = variableValueMap.get(sysVariable.getId());
+
+                valueMap.forEach((variableValueId, sysVariableValue) ->
+                        variableValueIdNameMap.put(sysVariableValue.getValue(), sysVariableValue.getId()));
+
+                List<String> dataScopeValues = List.of(RoleDataScope.ALL.name(),
+                        RoleDataScope.SELF.name(),
+                        RoleDataScope.DEPT_CUSTOM.name(), NONE_DATA_SCOPE);
+
+                for (String dataScopeValue : dataScopeValues) {
+                    if (!valueMap.containsKey(dataScopeValue)) {
+                        // 创建缺失的变量
+                        SysVariableValueCreateRequest variableValueCreateRequest = new SysVariableValueCreateRequest();
+                        variableValueCreateRequest.setSysVariableId(sysVariable.getId());
+                        variableValueCreateRequest.setValue(dataScopeValue);
+                        try {
+                            SysVariableValueDTO sysVariableValue = dataEaseClient.createSysVariableValue(variableValueCreateRequest);
+                            variableValueIdNameMap.put(sysVariableValue.getValue(), sysVariableValue.getId());
+                        } catch (Exception e) {
+                            log.error(e.getMessage(), e);
+                        }
+                    }
+                }
+            }
+        }
+
+        List<String> deptIds = extDepartmentMapper.selectAllDepartmentIds(deTempResourceDTO.getCrmOrgId());
+        Set<String> deptIdSet = new HashSet<>(deptIds);
+        for (DataScopeDeptVariable value : DataScopeDeptVariable.values()) {
+            if (!sysVariableMap.containsKey(value.name())) {
+                // 创建数据权限部门变量
+                try {
+                    SysVariableDTO dataScopeDeptVariable = createDataScopeDeptVariable(dataEaseClient, value.name(), deptIds, variableValueMap);
+                    sysVariableMap.put(value.name(), dataScopeDeptVariable);
+                } catch (Exception e) {
+                    log.error(e.getMessage(), e);
+                }
+            } else {
+                // 同步部门
+                SysVariableDTO sysVariable = sysVariableMap.get(value.name());
+                Map<String, SysVariableValueDTO> valueMap = dataEaseClient.listSysVariableValue(sysVariable.getId())
+                        .stream().collect(Collectors.toMap(SysVariableValueDTO::getValue, Function.identity()));
+
+                variableValueMap.putIfAbsent(sysVariable.getId(), new HashMap<>());
+                Map<String, String> variableValueIdNameMap = variableValueMap.get(sysVariable.getId());
+                valueMap.forEach((variableValueId, sysVariableValue) ->
+                        variableValueIdNameMap.put(sysVariableValue.getValue(), sysVariableValue.getId()));
+
+                // 取 deptIds 和 valueMap.key() 的差集
+                List<String> addValues = deptIds.stream()
+                        .filter(deptId -> !valueMap.containsKey(deptId))
+                        .toList();
+
+                SysVariableValueCreateRequest variableValueCreateRequest = new SysVariableValueCreateRequest();
+                variableValueCreateRequest.setSysVariableId(sysVariable.getId());
+                for (String addValue : addValues) {
+                    variableValueCreateRequest.setValue(addValue);
+                    try {
+                        SysVariableValueDTO sysVariableValue = dataEaseClient.createSysVariableValue(variableValueCreateRequest);
+                        variableValueIdNameMap.put(sysVariableValue.getValue(), sysVariableValue.getId());
+                    } catch (Exception e) {
+                        log.error(e.getMessage(), e);
+                    }
+                }
+
+                // 取 valueMap.key() 和 deptIds 的差集
+                List<String> deleteValueIds = valueMap.keySet().stream()
+                        .filter(deDeptId -> !deptIdSet.contains(deDeptId))
+                        .map(key -> valueMap.get(key).getId())
+                        .collect(Collectors.toList());
+                if (CollectionUtils.isNotEmpty(deleteValueIds)) {
+                    dataEaseClient.batchDelSysVariableValue(deleteValueIds);
+                }
+            }
+        }
+    }
+
+    private SysVariableDTO createDataScopeVariable(DataEaseClient dataEaseClient, String sysVariableName,
+                                                   Map<String, Map<String, String>> variableValueMap) {
+        SysVariableCreateRequest sysVariableCreateRequest = new SysVariableCreateRequest();
+        sysVariableCreateRequest.setName(sysVariableName);
+        SysVariableDTO sysVariable = dataEaseClient.createSysVariable(sysVariableCreateRequest);
+
+        variableValueMap.putIfAbsent(sysVariable.getId(), new HashMap<>());
+        Map<String, String> variableValueIdNameMap = variableValueMap.get(sysVariable.getId());
+
+        List<String> dataScopeValues = List.of(RoleDataScope.ALL.name(),
+                RoleDataScope.SELF.name(),
+                RoleDataScope.DEPT_CUSTOM.name(), NONE_DATA_SCOPE);
+
+
+        SysVariableValueCreateRequest sysVariableValueCreateRequest = new SysVariableValueCreateRequest();
+        sysVariableValueCreateRequest.setSysVariableId(sysVariable.getId());
+        for (String dataScopeValue : dataScopeValues) {
+            sysVariableValueCreateRequest.setValue(dataScopeValue);
+            try {
+                SysVariableValueDTO sysVariableValue = dataEaseClient.createSysVariableValue(sysVariableValueCreateRequest);
+                variableValueIdNameMap.put(sysVariableValue.getValue(), sysVariableValue.getId());
+            } catch (Exception e) {
+                log.error(e.getMessage(), e);
+            }
+        }
+        return sysVariable;
+    }
+
+    private SysVariableDTO createDataScopeDeptVariable(DataEaseClient dataEaseClient, String sysVariableName,
+                                                       List<String> deptIds, Map<String, Map<String, String>> variableValueMap) {
+        SysVariableCreateRequest sysVariableCreateRequest = new SysVariableCreateRequest();
+        sysVariableCreateRequest.setName(sysVariableName);
+        sysVariableCreateRequest.setDesc("CRM生成，请勿修改！");
+        SysVariableDTO sysVariable = dataEaseClient.createSysVariable(sysVariableCreateRequest);
+
+        variableValueMap.putIfAbsent(sysVariable.getId(), new HashMap<>());
+        Map<String, String> variableValueIdNameMap = variableValueMap.get(sysVariable.getId());
+
+        SysVariableValueCreateRequest sysVariableValueCreateRequest = new SysVariableValueCreateRequest();
+        for (String deptId : deptIds) {
+            sysVariableValueCreateRequest.setSysVariableId(sysVariable.getId());
+            sysVariableValueCreateRequest.setValue(deptId);
+            try {
+                SysVariableValueDTO sysVariableValue = dataEaseClient.createSysVariableValue(sysVariableValueCreateRequest);
+                variableValueIdNameMap.put(sysVariableValue.getValue(), sysVariableValue.getId());
+            } catch (Exception e) {
+                log.error(e.getMessage(), e);
+            }
+        }
+        return sysVariable;
+    }
+
+    public List<OptionDTO> getDeOrgList(DeThirdConfigRequest deThirdConfigRequest) {
+        try {
+            DataEaseClient dataEaseClient = new DataEaseClient(deThirdConfigRequest);
+            return dataEaseClient.listOrg();
+        } catch (Exception e) {
+            log.error(e.getMessage(), e);
+            return List.of();
+        }
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/constant/DingTalkApiPaths.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/constant/DingTalkApiPaths.java
new file mode 100644
index 0000000..5e70892
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/constant/DingTalkApiPaths.java
@@ -0,0 +1,72 @@
+package cn.cordys.crm.integration.dingtalk.constant;
+
+public interface DingTalkApiPaths {
+
+    String DING_TALK_GET_TOKEN = "https://api.dingtalk.com/v1.0/oauth2/accessToken";
+
+    String DING_USER_INFO = "https://api.dingtalk.com/v1.0/contact/users/me";
+
+    String DING_USER_TOKEN_URL = "https://api.dingtalk.com/v1.0/oauth2/userAccessToken";
+
+    /**
+     * 根据unionid获取userid
+     * POST
+     * https://oapi.dingtalk.com/topapi/user/getbyunionid?access_token=ACCESS_TOKEN
+     */
+    String DING_USERID_BY_UNIONID = "https://oapi.dingtalk.com/topapi/user/getbyunionid?access_token={0}";
+
+
+    /**
+     * 调用本接口，获取企业部门下的所有直属子部门列表。调用本接口获取根部门的子部门ID列表，获取的结果是[部门1Id,部门2Id]，部门1和部门2下的子部门是获取不到的。
+     * POST
+     * body {
+     * "dept_id":1 部门ID，根部门ID为1。
+     * }
+     */
+    String DING_DEPARTMENT_IDS = "https://oapi.dingtalk.com/topapi/v2/department/listsubid?access_token={0}";
+
+
+    /**
+     * POST
+     * body {
+     * "language":"zh_CN",
+     * "dept_id":1 部门ID，根部门ID为1。
+     * }
+     */
+    String DING_DEPARTMENT_DETAIL = "https://oapi.dingtalk.com/topapi/v2/department/get?access_token={0}";
+
+
+    /**
+     * 本接口只支持获取指定部门下的员工详情信息，子部门员工信息获取不到。
+     * POST
+     * body {
+     * "dept_id":1 部门ID，如果是根部门，该参数传1
+     * "cursor":"", 分页游标，第一次调用时，cursor填空字符串。
+     * "size":100 分页大小，最大100。
+     * }
+     */
+    String DING_DEPARTMENT_USER_DETAIL_LIST = "https://oapi.dingtalk.com/topapi/v2/user/list?access_token={0}";
+
+
+    /**
+     * 发送工作通知消息
+     * 接口文档: <a href="https://open.dingtalk.com/document/orgapp/asynchronous-sending-of-enterprise-session-messages">https://developers.dingtalk.com/document/app/send-work-notification</a>
+     * <pre>
+     *     https请求方式: POST https://oapi.dingtalk.com/topapi/message/corpconversation/asyncsend_v2?access_token=ACCESS_TOKEN
+     *     access_token	是	调用接口凭证，由钉钉开放平台或企业自建应用后台生成
+     *     {
+     *         "msg":{
+     *                 "text":{
+     *                         "content":"123"
+     *                 },
+     *                 "msgtype":"text"
+     *         },
+     *         "to_all_user":"false",
+     *         "agent_id":"123",
+     *         "userid_list":"123,456"
+     * }
+     */
+    String DING_NOTICE_URL = "https://oapi.dingtalk.com/topapi/message/corpconversation/asyncsend_v2?access_token={0}";
+
+
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/dto/DingTalkBaseParamDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/dto/DingTalkBaseParamDTO.java
new file mode 100644
index 0000000..4bb2db2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/dto/DingTalkBaseParamDTO.java
@@ -0,0 +1,18 @@
+package cn.cordys.crm.integration.dingtalk.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Schema(description = "钉钉基础信息")
+@Data
+public class DingTalkBaseParamDTO {
+    @Schema(description = "应用key", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String clientId;
+    @Schema(description = "应用密钥", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String clientSecret;
+
+    @Schema(description = "应用key", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String appKey;
+    @Schema(description = "应用密钥", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String appSecret;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/dto/DingTalkDepartment.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/dto/DingTalkDepartment.java
new file mode 100644
index 0000000..8afb488
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/dto/DingTalkDepartment.java
@@ -0,0 +1,79 @@
+package cn.cordys.crm.integration.dingtalk.dto;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class DingTalkDepartment {
+    /**
+     * 部门id
+     */
+    @JsonProperty("dept_id")
+    private Long deptId;
+
+    /**
+     * 部门名称
+     */
+    private String name;
+
+    /**
+     * 父部门id。根部门为1
+     */
+    @JsonProperty("parent_id")
+    private Long parentId;
+
+    /**
+     * 在父部门中的次序值。order值大的排序靠前。值范围是[0, 2^32)
+     */
+    private Long order;
+
+    /**
+     * 部门群ID
+     */
+    @JsonProperty("dept_group_chat_id")
+    private String deptGroupChatId;
+
+    /**
+     * 是否隐藏本部门
+     */
+    @JsonProperty("hide_dept")
+    private Boolean hideDept;
+
+    /**
+     * 部门的主管列表
+     */
+    @JsonProperty("dept_manager_userid_list")
+    private List<String> deptManagerUseridList;
+
+    /**
+     * 部门的负责人
+     */
+    @JsonProperty("org_dept_owner")
+    private String orgDeptOwner;
+
+    /**
+     * 当群已经创建后，是否有新人加入部门会自动加入该群
+     */
+    @JsonProperty("auto_add_user")
+    private Boolean autoAddUser;
+
+    /**
+     * 是否开启部门群
+     */
+    @JsonProperty("create_dept_group")
+    private Boolean createDeptGroup;
+
+    /**
+     * 是否是外部部门
+     */
+    @JsonProperty("outer_dept")
+    private Boolean outerDept;
+
+    /**
+     * 部门是否包含子部门
+     */
+    @JsonProperty("group_contain_sub_dept")
+    private Boolean groupContainSubDept;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/dto/DingTalkMsgDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/dto/DingTalkMsgDTO.java
new file mode 100644
index 0000000..ad7d88b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/dto/DingTalkMsgDTO.java
@@ -0,0 +1,9 @@
+package cn.cordys.crm.integration.dingtalk.dto;
+
+import lombok.Data;
+
+@Data
+public class DingTalkMsgDTO {
+    private DingTalkTextDTO text;
+    private String msgtype;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/dto/DingTalkSendDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/dto/DingTalkSendDTO.java
new file mode 100644
index 0000000..b580fc6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/dto/DingTalkSendDTO.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.integration.dingtalk.dto;
+
+import lombok.Data;
+
+@Data
+public class DingTalkSendDTO {
+
+    private String agent_id;
+    private String userid_list;
+    private String to_all_user;
+    private DingTalkMsgDTO msg;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/dto/DingTalkTextDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/dto/DingTalkTextDTO.java
new file mode 100644
index 0000000..3c3ac64
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/dto/DingTalkTextDTO.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.integration.dingtalk.dto;
+
+import lombok.Data;
+
+@Data
+public class DingTalkTextDTO {
+    private String content;
+
+    public DingTalkTextDTO(String content) {
+        this.content = content;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/dto/DingTalkToken.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/dto/DingTalkToken.java
new file mode 100644
index 0000000..6d3c33d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/dto/DingTalkToken.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.integration.dingtalk.dto;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+@Data
+public class DingTalkToken {
+    /**
+     * 生成的accessToken。
+     */
+    @JsonProperty("accessToken")
+    private String accessToken;
+
+    /**
+     * accessToken的过期时间，单位秒。
+     */
+    @JsonProperty("expireIn")
+    private String expireIn;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/dto/DingTalkTokenParamDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/dto/DingTalkTokenParamDTO.java
new file mode 100644
index 0000000..d088037
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/dto/DingTalkTokenParamDTO.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.integration.dingtalk.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Schema(description = "钉钉")
+@Data
+public class DingTalkTokenParamDTO extends DingTalkBaseParamDTO {
+    @Schema(description = "accessToken")
+    public String accessToken;
+    @Schema(description = "expireIn")
+    public Long expireIn;
+    @Schema(description = "clientId")
+    public String clientId;
+    @Schema(description = "clientSecret")
+    public String clientSecret;
+    @Schema(description = "code")
+    public String code;
+    @Schema(description = "grantType")
+    public String grantType;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/dto/DingTalkUser.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/dto/DingTalkUser.java
new file mode 100644
index 0000000..bccb641
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/dto/DingTalkUser.java
@@ -0,0 +1,138 @@
+package cn.cordys.crm.integration.dingtalk.dto;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+import java.util.List;
+
+/**
+ * 钉钉用户 DTO
+ */
+@Data
+public class DingTalkUser {
+
+    /**
+     * 员工的userid
+     */
+    @JsonProperty("userid")
+    private String userId;
+
+    /**
+     * 员工在当前开发者企业账号范围内的唯一标识
+     */
+    @JsonProperty("unionid")
+    private String unionId;
+
+    /**
+     * 员工名称
+     */
+    private String name;
+
+    /**
+     * 头像
+     */
+    private String avatar;
+
+    /**
+     * 国际电话区号
+     */
+    @JsonProperty("state_code")
+    private String stateCode;
+
+    /**
+     * 手机号码
+     */
+    private String mobile;
+
+    /**
+     * 是否号码隐藏
+     */
+    @JsonProperty("hide_mobile")
+    private Boolean hideMobile;
+
+    /**
+     * 分机号
+     */
+    private String telephone;
+
+    /**
+     * 员工工号
+     */
+    @JsonProperty("job_number")
+    private String jobNumber;
+
+    /**
+     * 职位
+     */
+    private String title;
+
+    /**
+     * 员工邮箱
+     */
+    private String email;
+
+    /**
+     * 办公地点
+     */
+    @JsonProperty("work_place")
+    private String workPlace;
+
+    /**
+     * 备注
+     */
+    private String remark;
+
+    /**
+     * 所属部门id列表
+     */
+    @JsonProperty("dept_id_list")
+    private List<Long> deptIdList;
+
+    /**
+     * 员工在部门中的排序
+     */
+    @JsonProperty("dept_order")
+    private Long deptOrder;
+
+    /**
+     * 扩展属性
+     */
+    private String extension;
+
+    /**
+     * 入职时间
+     */
+    @JsonProperty("hired_date")
+    private Long hiredDate;
+
+    /**
+     * 是否激活
+     */
+    private Boolean active;
+
+    /**
+     * 是否实名认证
+     */
+    @JsonProperty("real_authed")
+    private Boolean realAuthed;
+
+    /**
+     * 是否高管
+     */
+    private Boolean senior;
+
+    /**
+     * 是否管理员
+     */
+    private Boolean admin;
+
+    /**
+     * 是否老板
+     */
+    private Boolean boss;
+
+    /**
+     * 是否是部门主管
+     */
+    private Boolean leader;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/response/DepartmentDetailsResponse.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/response/DepartmentDetailsResponse.java
new file mode 100644
index 0000000..7658f78
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/response/DepartmentDetailsResponse.java
@@ -0,0 +1,9 @@
+package cn.cordys.crm.integration.dingtalk.response;
+
+import cn.cordys.crm.integration.dingtalk.dto.DingTalkDepartment;
+import lombok.Data;
+
+@Data
+public class DepartmentDetailsResponse extends DingTalkResponseEntity {
+    private DingTalkDepartment result;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/response/DingTalkOrgDataResponse.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/response/DingTalkOrgDataResponse.java
new file mode 100644
index 0000000..60b25e0
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/response/DingTalkOrgDataResponse.java
@@ -0,0 +1,25 @@
+package cn.cordys.crm.integration.dingtalk.response;
+
+import cn.cordys.crm.integration.dingtalk.dto.DingTalkDepartment;
+import cn.cordys.crm.integration.dingtalk.dto.DingTalkUser;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Map;
+
+/**
+ * 钉钉组织架构和用户数据响应
+ */
+@Data
+public class DingTalkOrgDataResponse {
+
+    /**
+     * 部门列表
+     */
+    private List<DingTalkDepartment> departments;
+
+    /**
+     * 用户列表
+     */
+    private Map<Long, List<DingTalkUser>> users;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/response/DingTalkResponseEntity.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/response/DingTalkResponseEntity.java
new file mode 100644
index 0000000..b27cd96
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/response/DingTalkResponseEntity.java
@@ -0,0 +1,21 @@
+package cn.cordys.crm.integration.dingtalk.response;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+@Data
+public class DingTalkResponseEntity {
+
+    /**
+     * 错误码
+     */
+    @JsonProperty("errcode")
+    private Integer errCode;
+
+    /**
+     * 错误消息
+     */
+    @JsonProperty("errmsg")
+    private String errMsg;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/response/DingTalkUserListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/response/DingTalkUserListResponse.java
new file mode 100644
index 0000000..693bc6f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/response/DingTalkUserListResponse.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.integration.dingtalk.response;
+
+import cn.cordys.crm.integration.dingtalk.dto.DingTalkUser;
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+import java.util.List;
+
+/**
+ * 钉钉用户列表响应
+ */
+@Data
+public class DingTalkUserListResponse {
+
+    @JsonProperty("request_id")
+    private String requestId;
+
+    private List<DingTalkUser> result;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/response/DingTalkUserResponse.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/response/DingTalkUserResponse.java
new file mode 100644
index 0000000..a4c421c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/response/DingTalkUserResponse.java
@@ -0,0 +1,47 @@
+package cn.cordys.crm.integration.dingtalk.response;
+
+import lombok.Data;
+
+@Data
+public class DingTalkUserResponse {
+
+    /**
+     * 用户的钉钉昵称。
+     */
+    private String nick;
+
+    /**
+     * 头像URL。。
+     */
+    private String avatarUrl;
+
+    /**
+     * 用户的手机号
+     */
+    private String mobile;
+
+
+    /**
+     * 用户的openId
+     */
+    private String openId;
+
+
+    /**
+     * 用户的unionId
+     */
+    private String unionId;
+
+    /**
+     * 用户的个人邮箱
+     */
+    private String email;
+
+
+    /**
+     * 手机号对应的国家号
+     */
+    private String stateCode;
+
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/response/SubDeptIdListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/response/SubDeptIdListResponse.java
new file mode 100644
index 0000000..73d5d27
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/response/SubDeptIdListResponse.java
@@ -0,0 +1,9 @@
+package cn.cordys.crm.integration.dingtalk.response;
+
+import lombok.Data;
+
+@Data
+public class SubDeptIdListResponse extends DingTalkResponseEntity {
+
+    private SubDeptIdListResult result;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/response/SubDeptIdListResult.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/response/SubDeptIdListResult.java
new file mode 100644
index 0000000..8f3f1f6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/response/SubDeptIdListResult.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.integration.dingtalk.response;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class SubDeptIdListResult {
+    @JsonProperty("dept_id_list")
+    private List<Long> deptIdList;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/response/UserListPage.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/response/UserListPage.java
new file mode 100644
index 0000000..97d6b7d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/response/UserListPage.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.integration.dingtalk.response;
+
+import cn.cordys.crm.integration.dingtalk.dto.DingTalkUser;
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+import java.util.List;
+
+/**
+ * 钉钉用户列表分页
+ */
+@Data
+public class UserListPage {
+    @JsonProperty("has_more")
+    private Boolean hasMore;
+    @JsonProperty("next_cursor")
+    private Long nextCursor;
+    private List<DingTalkUser> list;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/response/UserListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/response/UserListResponse.java
new file mode 100644
index 0000000..3e24313
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/response/UserListResponse.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.integration.dingtalk.response;
+
+import lombok.Data;
+
+/**
+ * 钉钉用户列表响应
+ */
+@Data
+public class UserListResponse {
+    private Integer errcode;
+    private String errmsg;
+    private UserListPage result;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/service/DingTalkDepartmentService.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/service/DingTalkDepartmentService.java
new file mode 100644
index 0000000..313593f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/service/DingTalkDepartmentService.java
@@ -0,0 +1,319 @@
+package cn.cordys.crm.integration.dingtalk.service;
+
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.integration.common.utils.HttpClientUtils;
+import cn.cordys.crm.integration.dingtalk.constant.DingTalkApiPaths;
+import cn.cordys.crm.integration.dingtalk.dto.DingTalkDepartment;
+import cn.cordys.crm.integration.dingtalk.dto.DingTalkUser;
+import cn.cordys.crm.integration.dingtalk.response.DepartmentDetailsResponse;
+import cn.cordys.crm.integration.dingtalk.response.DingTalkOrgDataResponse;
+import cn.cordys.crm.integration.dingtalk.response.SubDeptIdListResponse;
+import cn.cordys.crm.integration.dingtalk.response.UserListResponse;
+import cn.cordys.crm.integration.sync.dto.ThirdDepartment;
+import cn.cordys.crm.integration.sync.dto.ThirdOrgDataDTO;
+import cn.cordys.crm.integration.sync.dto.ThirdUser;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Service;
+
+import java.util.*;
+import java.util.concurrent.TimeUnit;
+import java.util.concurrent.atomic.AtomicInteger;
+
+@Service
+@Slf4j
+public class DingTalkDepartmentService {
+
+    // 钉钉API限流配置
+    private static final int DINGTALK_API_RATE_LIMIT = 20; // 每秒最多20次请求
+    private static final long MIN_REQUEST_INTERVAL = 1000L / DINGTALK_API_RATE_LIMIT; // 最小请求间隔(毫秒)
+
+    // 请求计数器（用于监控）
+    private final AtomicInteger apiRequestCount = new AtomicInteger(0);
+
+
+    public ThirdOrgDataDTO convertToThirdOrgDataDTO(String accessToken) {
+        DingTalkOrgDataResponse response = getOrganizationAndUsers(accessToken);
+        ThirdOrgDataDTO thirdOrgDataDTO = new ThirdOrgDataDTO();
+        thirdOrgDataDTO.setDepartments(Optional.ofNullable(response.getDepartments())
+                .orElse(Collections.emptyList())
+                .stream()
+                .map(this::convertToThirdDepartment)
+                .toList());
+        Map<String, List<ThirdUser>> thirdUsersByDept = Optional.ofNullable(response.getUsers())
+                .orElse(Collections.emptyMap())
+                .entrySet()
+                .stream()
+                .collect(java.util.stream.Collectors.toMap(
+                        entry -> entry.getKey().toString(),
+                        entry -> entry.getValue().stream()
+                                .map(this::convertToThirdUser)
+                                .collect(java.util.stream.Collectors.toList())
+                ));
+        thirdOrgDataDTO.setUsers(thirdUsersByDept);
+
+        if (thirdOrgDataDTO.getDepartments().isEmpty()) {
+            log.info("钉钉组织数据为空,请重新同步");
+        }
+        return thirdOrgDataDTO;
+    }
+
+    private ThirdUser convertToThirdUser(DingTalkUser dingTalkUser) {
+        return ThirdUser.builder()
+                .userId(dingTalkUser.getUserId())
+                .name(dingTalkUser.getName())
+                .mobile(dingTalkUser.getMobile())
+                .email(dingTalkUser.getEmail())
+                .isLeaderInDept(dingTalkUser.getLeader())
+                .avatar(dingTalkUser.getAvatar())
+                .position(dingTalkUser.getTitle())
+                .gender(1)
+                .build();
+    }
+
+
+    private ThirdDepartment convertToThirdDepartment(DingTalkDepartment dingTalkDepartment) {
+        var thirdDepartment = new ThirdDepartment();
+
+        thirdDepartment.setId(String.valueOf(dingTalkDepartment.getDeptId()));
+        thirdDepartment.setName(dingTalkDepartment.getName());
+
+        // 判断根部门
+        var isRoot = dingTalkDepartment.getDeptId() == 1;
+        thirdDepartment.setIsRoot(isRoot);
+
+        // 根部门和普通部门的 parentId 不同处理
+        thirdDepartment.setParentId(isRoot ? "NONE" : String.valueOf(dingTalkDepartment.getParentId()));
+
+        // 排序
+        thirdDepartment.setOrder(dingTalkDepartment.getOrder());
+
+        return thirdDepartment;
+    }
+
+    /**
+     * 获取所有钉钉组织架构和用户
+     *
+     * @param accessToken 访问令牌
+     *
+     * @return 组织架构和用户数据响应
+     */
+    public DingTalkOrgDataResponse getOrganizationAndUsers(String accessToken) {
+        List<Long> allDepartmentIds = getAllSubDepartmentIds(accessToken); // 从根部门(ID=1)开始
+        DingTalkOrgDataResponse response = new DingTalkOrgDataResponse();
+
+        try {
+            List<DingTalkDepartment> departments = new ArrayList<>();
+            Map<Long, List<DingTalkUser>> usersByDept = new HashMap<>();
+
+            log.info("开始处理{}个部门的数据同步", allDepartmentIds.size());
+
+            // 批量处理部门信息，添加限流控制
+            for (int i = 0; i < allDepartmentIds.size(); i++) {
+                Long deptId = allDepartmentIds.get(i);
+
+                // 每批次请求后添加延迟，避免触发限流
+                if (i > 0) {
+                    try {
+                        // 根据请求频率动态调整延迟
+                        long delay = calculateDelay(i);
+                        if (delay > 0) {
+                            log.info("添加延迟：{}毫秒", delay);
+                            TimeUnit.MILLISECONDS.sleep(delay);
+                        }
+                    } catch (InterruptedException e) {
+                        Thread.currentThread().interrupt();
+                        break;
+                    }
+                }
+
+                log.info("正在处理部门ID: {} ({}/{})", deptId, i + 1, allDepartmentIds.size());
+
+                // 获取部门详情
+                getDepartmentDetail(accessToken, deptId).ifPresent(departments::add);
+
+                // 获取部门用户
+                List<DingTalkUser> users = getUsersByDepartment(accessToken, deptId);
+                List<DingTalkUser> filteredUsers = new ArrayList<>();
+                for (DingTalkUser user : users) {
+                    //用户dept_id_list 获取第一个部门ID进行匹配(主部门)
+                    if (user.getDeptIdList() != null && !user.getDeptIdList().isEmpty()
+                            && user.getDeptIdList().getFirst().equals(deptId)) {
+                        filteredUsers.add(user);
+                    }
+                }
+                usersByDept.put(deptId, filteredUsers);
+            }
+
+            response.setDepartments(departments);
+            response.setUsers(usersByDept);
+
+            log.info("数据同步完成，共处理{}个部门，API请求数: {}",
+                    allDepartmentIds.size(), apiRequestCount.get());
+        } catch (Exception e) {
+            log.error(e.getMessage(), e);
+        }
+        return response;
+    }
+
+
+    /**
+     * 使用队列方式获取所有子部门ID（避免递归，更好的限流控制）
+     *
+     * @param accessToken 访问令牌
+     *
+     * @return 部门ID列表
+     */
+    private List<Long> getAllSubDepartmentIds(String accessToken) {
+        List<Long> departmentIds = new ArrayList<>();
+        Queue<Long> deptQueue = new LinkedList<>();
+        deptQueue.offer(1L);
+
+        while (!deptQueue.isEmpty()) {
+            Long currentDeptId = deptQueue.poll();
+            departmentIds.add(currentDeptId);
+
+            String url = HttpClientUtils.urlTransfer(DingTalkApiPaths.DING_DEPARTMENT_IDS, accessToken);
+            String requestBody = JSON.toJSONString(Collections.singletonMap("dept_id", currentDeptId));
+
+            try {
+                // 限流控制
+                applyRateLimit();
+
+                String responseBody = HttpClientUtils.sendPostRequest(url, requestBody, null);
+                SubDeptIdListResponse response = JSON.parseObject(responseBody, SubDeptIdListResponse.class);
+
+                if (response != null && response.getErrCode() == 0 && response.getResult() != null) {
+                    List<Long> subDeptIds = response.getResult().getDeptIdList();
+                    log.info("部门{}包含{}个子部门", currentDeptId, subDeptIds.size());
+
+                    // 将子部门加入队列继续处理
+                    for (Long subDeptId : subDeptIds) {
+                        deptQueue.offer(subDeptId);
+                    }
+                } else {
+                    if (response != null) {
+                        log.error("获取部门{}的子部门ID失败，错误码：{}，错误信息：{}",
+                                currentDeptId, response.getErrCode(), response.getErrMsg());
+                    } else {
+                        log.info("获取部门{}的子部门ID失败，响应为空", currentDeptId);
+                    }
+                }
+            } catch (InterruptedException e) {
+                log.error("获取部门{}的子部门ID失败", currentDeptId, e);
+                Thread.currentThread().interrupt();
+                break;
+            }
+        }
+        return departmentIds;
+    }
+
+
+    /**
+     * 应用API限流控制
+     */
+    private void applyRateLimit() throws InterruptedException {
+        TimeUnit.MILLISECONDS.sleep(MIN_REQUEST_INTERVAL);
+        apiRequestCount.incrementAndGet();
+    }
+
+    /**
+     * 根据请求进度动态计算延迟时间
+     *
+     * @param requestIndex 请求索引
+     *
+     * @return 延迟时间（毫秒）
+     */
+    private long calculateDelay(int requestIndex) {
+        // 每10个请求增加额外延迟，确保不会触发限流
+        if (requestIndex % 10 == 0) {
+            return 200; // 额外200ms延迟
+        }
+        return MIN_REQUEST_INTERVAL;
+    }
+
+
+    /**
+     * 获取单个部门详情
+     *
+     * @param accessToken 访问令牌
+     * @param deptId      部门ID
+     *
+     * @return 部门详情Optional
+     */
+    private Optional<DingTalkDepartment> getDepartmentDetail(String accessToken, Long deptId) {
+        String url = HttpClientUtils.urlTransfer(DingTalkApiPaths.DING_DEPARTMENT_DETAIL, accessToken);
+        String requestBody = JSON.toJSONString(Map.of("dept_id", deptId, "language", "zh_CN"));
+        try {
+            String responseBody = HttpClientUtils.sendPostRequest(url, requestBody, null);
+            DepartmentDetailsResponse response = JSON.parseObject(responseBody, DepartmentDetailsResponse.class);
+
+            if (response != null && response.getErrCode() == 0 && response.getResult() != null) {
+                return Optional.of(response.getResult());
+            } else {
+                if (response == null) {
+                    log.info("获取部门详情失败，响应为空");
+                } else {
+                    log.error("获取部门详情失败，错误码：{}，错误信息：{}", response.getErrCode(), response.getErrMsg());
+                }
+            }
+
+        } catch (Exception e) {
+            log.error("获取部门详情失败", e);
+            // 适当处理异常，例如记录日志
+            Thread.currentThread().interrupt();
+        }
+        return Optional.empty();
+    }
+
+
+    /**
+     * 获取单个部门下的用户列表（处理分页）
+     *
+     * @param accessToken 访问令牌
+     * @param deptId      部门ID
+     *
+     * @return 用户列表
+     */
+    private List<DingTalkUser> getUsersByDepartment(String accessToken, Long deptId) {
+        List<DingTalkUser> users = new ArrayList<>();
+        long cursor = 0L;
+        boolean hasMore;
+
+        String url = HttpClientUtils.urlTransfer(DingTalkApiPaths.DING_DEPARTMENT_USER_DETAIL_LIST, accessToken);
+
+        do {
+            Map<String, Object> requestBodyMap = Map.of(
+                    "dept_id", deptId,
+                    "cursor", cursor,
+                    "size", 100 // 最大100
+            );
+            String requestBody = JSON.toJSONString(requestBodyMap);
+
+            try {
+                String responseBody = HttpClientUtils.sendPostRequest(url, requestBody, null);
+                UserListResponse response = JSON.parseObject(responseBody, UserListResponse.class);
+
+                if (response != null && response.getErrcode() == 0 && response.getResult() != null) {
+                    users.addAll(response.getResult().getList());
+                    hasMore = response.getResult().getHasMore();
+                    if (hasMore && response.getResult().getNextCursor() != null) {
+                        cursor = response.getResult().getNextCursor();
+                    }
+                } else {
+                    hasMore = false;
+                    if (response == null) {
+                        log.info("获取部门用户失败，响应为空");
+                    } else {
+                        log.error("获取部门用户失败，错误码：{}，错误信息：{}", response.getErrcode(), response.getErrmsg());
+                    }
+                }
+            } catch (Exception e) {
+                log.error("获取部门用户失败", e);
+                Thread.currentThread().interrupt();
+                hasMore = false;
+            }
+        } while (hasMore);
+
+        return users;
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/service/DingTalkNoticeSender.java b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/service/DingTalkNoticeSender.java
new file mode 100644
index 0000000..00fb0a1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/dingtalk/service/DingTalkNoticeSender.java
@@ -0,0 +1,106 @@
+package cn.cordys.crm.integration.dingtalk.service;
+
+import cn.cordys.common.constants.ThirdDetailType;
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.integration.common.dto.ThirdConfigBaseDTO;
+import cn.cordys.crm.integration.common.request.DingTalkThirdConfigRequest;
+import cn.cordys.crm.integration.dingtalk.dto.DingTalkMsgDTO;
+import cn.cordys.crm.integration.dingtalk.dto.DingTalkSendDTO;
+import cn.cordys.crm.integration.dingtalk.dto.DingTalkTextDTO;
+import cn.cordys.crm.integration.sso.service.TokenService;
+import cn.cordys.crm.system.constants.OrganizationConfigConstants;
+import cn.cordys.crm.system.domain.OrganizationConfig;
+import cn.cordys.crm.system.domain.OrganizationConfigDetail;
+import cn.cordys.crm.system.dto.MessageDetailDTO;
+import cn.cordys.crm.system.mapper.ExtOrganizationConfigDetailMapper;
+import cn.cordys.crm.system.mapper.ExtOrganizationConfigMapper;
+import cn.cordys.crm.system.notice.common.NoticeModel;
+import cn.cordys.crm.system.notice.common.Receiver;
+import cn.cordys.crm.system.notice.sender.AbstractNoticeSender;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections.CollectionUtils;
+import org.springframework.stereotype.Component;
+
+import java.util.List;
+import java.util.Optional;
+
+@Component
+@Slf4j
+public class DingTalkNoticeSender extends AbstractNoticeSender {
+
+    @Resource
+    private TokenService tokenService;
+    @Resource
+    private ExtOrganizationConfigMapper extOrganizationConfigMapper;
+    @Resource
+    private ExtOrganizationConfigDetailMapper extOrganizationConfigDetailMapper;
+
+    @Override
+    public void send(MessageDetailDTO messageDetailDTO, NoticeModel noticeModel) {
+        String context = super.getContext(messageDetailDTO, noticeModel);
+        try {
+            sendDingTalk(context, noticeModel, messageDetailDTO.getOrganizationId());
+            log.debug("发送钉钉消息结束");
+        } catch (Exception e) {
+            log.error("钉钉消息通知失败：{}", String.valueOf(e));
+        }
+    }
+
+    public void sendDingTalk(MessageDetailDTO clonedMessageDetail, NoticeModel clonedNoticeModel) {
+        this.send(clonedMessageDetail, clonedNoticeModel);
+    }
+
+    private void sendDingTalk(String context, NoticeModel noticeModel, String organizationId) {
+        List<Receiver> receivers = super.getReceivers(noticeModel.getReceivers(), noticeModel.isExcludeSelf(), noticeModel.getOperator());
+        if (CollectionUtils.isEmpty(receivers)) {
+            return;
+        }
+        List<String> userIds = receivers.stream()
+                .map(Receiver::getUserId)
+                .distinct()
+                .toList();
+        //查询同步过的resourceId，这里已经确定是否同步了钉钉，没同步，消息无法发送
+        List<String> resourceUserIds = super.getResourceUserIds(userIds, organizationId);
+        if (CollectionUtils.isEmpty(resourceUserIds)) {
+            log.warn("没有同步钉钉用户，无法发送消息");
+            return;
+        }
+        //查询三方配置
+        OrganizationConfig organizationConfig = extOrganizationConfigMapper
+                .getOrganizationConfig(organizationId, OrganizationConfigConstants.ConfigType.THIRD.name());
+        if (organizationConfig == null) {
+            log.warn("没有配置钉钉信息，无法发送消息");
+            return;
+        }
+        //获取企业微信通知的配置数据
+        OrganizationConfigDetail orgConfigDetailByIdAndType = extOrganizationConfigDetailMapper.getOrgConfigDetailByIdAndType(organizationConfig.getId(), ThirdDetailType.DINGTALK_SYNC.name());
+        if (orgConfigDetailByIdAndType == null || orgConfigDetailByIdAndType.getContent() == null) {
+            log.warn("没有配置钉钉通知信息，无法发送消息");
+            return;
+        }
+        var thirdConfigurationDTO = JSON.parseObject(
+                new String(orgConfigDetailByIdAndType.getContent()), ThirdConfigBaseDTO.class
+        );
+
+        DingTalkThirdConfigRequest dingTalkThirdConfigRequest =
+                Optional.ofNullable(thirdConfigurationDTO.getConfig())
+                        .map(config -> JSON.MAPPER.convertValue(config, DingTalkThirdConfigRequest.class))
+                        .orElseGet(() -> JSON.parseObject(
+                                new String(orgConfigDetailByIdAndType.getContent()),
+                                DingTalkThirdConfigRequest.class
+                        ));
+
+        //构建钉钉消息
+        DingTalkSendDTO dingTalkSendDTO = new DingTalkSendDTO();
+        String result = String.join(",", resourceUserIds);
+        dingTalkSendDTO.setUserid_list(result);
+        dingTalkSendDTO.setTo_all_user("false");
+        dingTalkSendDTO.setAgent_id(dingTalkThirdConfigRequest.getAppId());
+        dingTalkSendDTO.setMsg(new DingTalkMsgDTO());
+        dingTalkSendDTO.getMsg().setText(new DingTalkTextDTO(context));
+        dingTalkSendDTO.getMsg().setMsgtype("text");
+
+        tokenService.sendDingNoticeByToken(dingTalkSendDTO, dingTalkThirdConfigRequest.getAgentId(), dingTalkThirdConfigRequest.getAppSecret());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/lark/constant/LarkApiPaths.java b/backend/crm/src/main/java/cn/cordys/crm/integration/lark/constant/LarkApiPaths.java
new file mode 100644
index 0000000..cfe84b4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/lark/constant/LarkApiPaths.java
@@ -0,0 +1,41 @@
+package cn.cordys.crm.integration.lark.constant;
+
+public interface LarkApiPaths {
+
+    String LARK_APP_TOKEN_URL = "https://open.feishu.cn/open-apis/auth/v3/tenant_access_token/internal";
+    String LARK_USER_TOKEN_URL = "https://open.feishu.cn/open-apis/authen/v2/oauth/token";
+    String LARK_USER_INFO_URL = "https://open.feishu.cn/open-apis/authen/v1/user_info";
+
+
+    String LARK_SUITE_APP_TOKEN_URL = "https://open.larksuite.com/open-apis/auth/v3/app_access_token/internal";
+    String LARK_SUITE_USER_TOKEN_URL = "https://open.larksuite.com/open-apis/authen/v1/oidc/access_token";
+    String LARK_SUITE_USER_INFO_URL = "https://open.larksuite.com/open-apis/authen/v1/user_info";
+
+    /**
+     * 获取子部门列表
+     * GET
+     * https://open.feishu.cn/open-apis/contact/v3/departments/{department_id}/children
+     */
+    String LARK_CHILDREN_DEPARTMENT_URL = "https://open.feishu.cn/open-apis/contact/v3/departments/{0}/children";
+
+    /**
+     * 获取部门直属用户
+     * GET
+     * https://open.feishu.cn/open-apis/contact/v3/users/find_by_department
+     */
+    String LARK_DEPARTMENT_USERS_URL = "https://open.feishu.cn/open-apis/contact/v3/users/find_by_department";
+
+    /**
+     * 发送消息给用户
+     * POST
+     * https://open.feishu.cn/open-apis/im/v1/messages
+     */
+    String LARK_SEND_MESSAGE_URL = "https://open.feishu.cn/open-apis/im/v1/messages";
+
+    /**
+     * 获取企业信息
+     * GET
+     * https://open.feishu.cn/open-apis/tenant/v2/tenant/query
+     */
+    String LARK_TENANT_INFO_URL = "https://open.feishu.cn/open-apis/tenant/v2/tenant/query";
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/lark/dto/LarkBaseParamDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/lark/dto/LarkBaseParamDTO.java
new file mode 100644
index 0000000..6cc926e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/lark/dto/LarkBaseParamDTO.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.integration.lark.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Schema(description = "飞书基础信息")
+@Data
+public class LarkBaseParamDTO {
+    @Schema(description = "应用ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String app_id;
+    @Schema(description = "应用密钥", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String app_secret;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/lark/dto/LarkDepartment.java b/backend/crm/src/main/java/cn/cordys/crm/integration/lark/dto/LarkDepartment.java
new file mode 100644
index 0000000..3b7fabc
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/lark/dto/LarkDepartment.java
@@ -0,0 +1,62 @@
+package cn.cordys.crm.integration.lark.dto;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+@Data
+public class LarkDepartment {
+
+    /**
+     * 部门名称
+     */
+    private String name;
+
+    /**
+     * 父部门的 department_id
+     */
+    @JsonProperty("parent_department_id")
+    private String parentDepartmentId;
+
+    /**
+     * 部门的 department_id
+     */
+    @JsonProperty("department_id")
+    private String departmentId;
+
+    /**
+     * 部门的 open_department_id
+     */
+    @JsonProperty("open_department_id")
+    private String openDepartmentId;
+
+    /**
+     * 部门主管的用户 ID
+     */
+    @JsonProperty("leader_user_id")
+    private String leaderUserId;
+
+    /**
+     * 部门的群 ID
+     */
+    @JsonProperty("chat_id")
+    private String chatId;
+
+    /**
+     * 部门的排序
+     */
+    private Integer order;
+
+    /**
+     * 部门的状态
+     */
+    private Status status;
+
+    @Data
+    public static class Status {
+        /**
+         * 是否已删除
+         */
+        @JsonProperty("is_deleted")
+        private boolean isDeleted;
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/lark/dto/LarkDepartmentData.java b/backend/crm/src/main/java/cn/cordys/crm/integration/lark/dto/LarkDepartmentData.java
new file mode 100644
index 0000000..902b2fb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/lark/dto/LarkDepartmentData.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.integration.lark.dto;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class LarkDepartmentData {
+
+    @JsonProperty("items")
+    private List<LarkDepartment> items;
+
+    @JsonProperty("has_more")
+    private boolean hasMore;
+
+    @JsonProperty("page_token")
+    private String pageToken;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/lark/dto/LarkSendMessageDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/lark/dto/LarkSendMessageDTO.java
new file mode 100644
index 0000000..c0d86c8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/lark/dto/LarkSendMessageDTO.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.integration.lark.dto;
+
+import lombok.Data;
+
+@Data
+public class LarkSendMessageDTO {
+
+    private String receive_id;
+    private String msg_type;
+    private String content;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/lark/dto/LarkTenant.java b/backend/crm/src/main/java/cn/cordys/crm/integration/lark/dto/LarkTenant.java
new file mode 100644
index 0000000..fd82139
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/lark/dto/LarkTenant.java
@@ -0,0 +1,36 @@
+package cn.cordys.crm.integration.lark.dto;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+/**
+ * @author guoyuqi
+ * @date 2024-07-26
+ */
+@Data
+public class LarkTenant {
+
+    @JsonProperty("name")
+    private String name;
+
+    @JsonProperty("display_id")
+    private String displayId;
+
+    @JsonProperty("tenant_key")
+    private String tenantKey;
+
+    @JsonProperty("avatar")
+    private LarkTenantAvatar avatar;
+
+    @Data
+    public static class LarkTenantAvatar {
+        @JsonProperty("avatar_origin")
+        private String avatarOrigin;
+        @JsonProperty("avatar_72")
+        private String avatar72;
+        @JsonProperty("avatar_240")
+        private String avatar240;
+        @JsonProperty("avatar_640")
+        private String avatar640;
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/lark/dto/LarkTextDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/lark/dto/LarkTextDTO.java
new file mode 100644
index 0000000..9cc2ce6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/lark/dto/LarkTextDTO.java
@@ -0,0 +1,8 @@
+package cn.cordys.crm.integration.lark.dto;
+
+import lombok.Data;
+
+@Data
+public class LarkTextDTO {
+    private String text;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/lark/dto/LarkToken.java b/backend/crm/src/main/java/cn/cordys/crm/integration/lark/dto/LarkToken.java
new file mode 100644
index 0000000..1946ecf
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/lark/dto/LarkToken.java
@@ -0,0 +1,27 @@
+package cn.cordys.crm.integration.lark.dto;
+
+import cn.cordys.crm.integration.lark.response.LarkResponseEntity;
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+@Data
+public class LarkToken extends LarkResponseEntity {
+
+    /**
+     * 自建应用生成的accessToken。
+     */
+    @JsonProperty("tenant_access_token")
+    private String tenantAccessToken;
+
+    /**
+     * 获取 user_access_token
+     */
+    @JsonProperty("access_token")
+    private String accessToken;
+
+    /**
+     * accessToken的过期时间，单位秒。
+     */
+    @JsonProperty("expire")
+    private String expire;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/lark/dto/LarkTokenParamDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/lark/dto/LarkTokenParamDTO.java
new file mode 100644
index 0000000..11bba0a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/lark/dto/LarkTokenParamDTO.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.integration.lark.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class LarkTokenParamDTO extends LarkBaseParamDTO {
+
+    @Schema(description = "code")
+    public String code;
+    @Schema(description = "grantType")
+    public String grant_type;
+    @Schema(description = "clientId")
+    public String client_id;
+    @Schema(description = "clientSecret")
+    public String client_secret;
+    @Schema(description = "redirect_uri")
+    public String redirect_uri;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/lark/dto/LarkUser.java b/backend/crm/src/main/java/cn/cordys/crm/integration/lark/dto/LarkUser.java
new file mode 100644
index 0000000..1adc051
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/lark/dto/LarkUser.java
@@ -0,0 +1,123 @@
+package cn.cordys.crm.integration.lark.dto;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+import java.util.List;
+
+/**
+ * @author guoyuqi
+ * @date 2024-07-26
+ */
+@Data
+public class LarkUser {
+
+    @JsonProperty("union_id")
+    private String unionId;
+
+    @JsonProperty("user_id")
+    private String userId;
+
+    @JsonProperty("open_id")
+    private String openId;
+
+    @JsonProperty("name")
+    private String name;
+
+    @JsonProperty("en_name")
+    private String enName;
+
+    @JsonProperty("email")
+    private String email;
+
+    @JsonProperty("mobile")
+    private String mobile;
+
+    /**
+     * 性别
+     * 1: 男
+     * 2: 女
+     * 0: 未知
+     */
+    @JsonProperty("gender")
+    private Integer gender;
+
+    @JsonProperty("avatar")
+    private LarkUserAvatar avatar;
+
+    @JsonProperty("status")
+    private LarkUserStatus status;
+
+    @JsonProperty("department_ids")
+    private List<String> departmentIds;
+
+    @JsonProperty("leader_user_id")
+    private String leaderUserId;
+
+    @JsonProperty("city")
+    private String city;
+
+    @JsonProperty("country")
+    private String country;
+
+    @JsonProperty("work_station")
+    private String workStation;
+
+    @JsonProperty("join_time")
+    private Long joinTime;
+
+    @JsonProperty("is_tenant_manager")
+    private Boolean isTenantManager;
+
+    @JsonProperty("employee_no")
+    private String employeeNo;
+
+    /**
+     * 员工类型
+     * 1: 正式员工
+     * 2: 实习生
+     * 3: 顾问
+     * 4: 外部人员
+     */
+    @JsonProperty("employee_type")
+    private Integer employeeType;
+
+    @JsonProperty("orders")
+    private List<LarkUserOrder> orders;
+
+    @Data
+    public static class LarkUserAvatar {
+        @JsonProperty("avatar_72")
+        private String avatar72;
+        @JsonProperty("avatar_240")
+        private String avatar240;
+        @JsonProperty("avatar_640")
+        private String avatar640;
+        @JsonProperty("avatar_original")
+        private String avatarOriginal;
+    }
+
+    @Data
+    public static class LarkUserStatus {
+        @JsonProperty("is_activated")
+        private Boolean isActivated;
+        @JsonProperty("is_frozen")
+        private Boolean isFrozen;
+        @JsonProperty("is_resigned")
+        private Boolean isResigned;
+        @JsonProperty("is_unjoined")
+        private Boolean isUnjoined;
+    }
+
+    @Data
+    public static class LarkUserOrder {
+        @JsonProperty("department_id")
+        private String departmentId;
+        @JsonProperty("user_order")
+        private String userOrder;
+        @JsonProperty("department_order")
+        private String departmentOrder;
+        @JsonProperty("is_primary_dept")
+        private Boolean isPrimaryDept;
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/lark/response/LarkDepartmentResponse.java b/backend/crm/src/main/java/cn/cordys/crm/integration/lark/response/LarkDepartmentResponse.java
new file mode 100644
index 0000000..0ef262d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/lark/response/LarkDepartmentResponse.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.integration.lark.response;
+
+import cn.cordys.crm.integration.lark.dto.LarkDepartmentData;
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+@Data
+public class LarkDepartmentResponse extends LarkResponseEntity {
+
+    @JsonProperty("data")
+    private LarkDepartmentData data;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/lark/response/LarkResponseEntity.java b/backend/crm/src/main/java/cn/cordys/crm/integration/lark/response/LarkResponseEntity.java
new file mode 100644
index 0000000..10a1a19
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/lark/response/LarkResponseEntity.java
@@ -0,0 +1,21 @@
+package cn.cordys.crm.integration.lark.response;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+@Data
+public class LarkResponseEntity {
+
+    /**
+     * 错误码
+     */
+    @JsonProperty("code")
+    private int code;
+
+    /**
+     * 错误消息
+     */
+    @JsonProperty("msg")
+    private String msg;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/lark/response/LarkTenantResponse.java b/backend/crm/src/main/java/cn/cordys/crm/integration/lark/response/LarkTenantResponse.java
new file mode 100644
index 0000000..7885fdf
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/lark/response/LarkTenantResponse.java
@@ -0,0 +1,24 @@
+package cn.cordys.crm.integration.lark.response;
+
+import cn.cordys.crm.integration.lark.dto.LarkTenant;
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+/**
+ * @author guoyuqi
+ * @date 2024-07-26
+ */
+@Data
+@EqualsAndHashCode(callSuper = true)
+public class LarkTenantResponse extends LarkResponseEntity {
+
+    @JsonProperty("data")
+    private LarkTenantData data;
+
+    @Data
+    public static class LarkTenantData {
+        @JsonProperty("tenant")
+        private LarkTenant tenant;
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/lark/response/LarkUserResponse.java b/backend/crm/src/main/java/cn/cordys/crm/integration/lark/response/LarkUserResponse.java
new file mode 100644
index 0000000..bd8b234
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/lark/response/LarkUserResponse.java
@@ -0,0 +1,32 @@
+package cn.cordys.crm.integration.lark.response;
+
+import cn.cordys.crm.integration.lark.dto.LarkUser;
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+import java.util.List;
+
+/**
+ * @author guoyuqi
+ * @date 2024-07-26
+ */
+@Data
+@EqualsAndHashCode(callSuper = true)
+public class LarkUserResponse extends LarkResponseEntity {
+
+    @JsonProperty("data")
+    private LarkUserData data;
+
+    @Data
+    public static class LarkUserData {
+        @JsonProperty("items")
+        private List<LarkUser> items;
+
+        @JsonProperty("has_more")
+        private boolean hasMore;
+
+        @JsonProperty("page_token")
+        private String pageToken;
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/lark/service/LarkDepartmentService.java b/backend/crm/src/main/java/cn/cordys/crm/integration/lark/service/LarkDepartmentService.java
new file mode 100644
index 0000000..8976876
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/lark/service/LarkDepartmentService.java
@@ -0,0 +1,186 @@
+package cn.cordys.crm.integration.lark.service;
+
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.integration.common.client.QrCodeClient;
+import cn.cordys.crm.integration.lark.constant.LarkApiPaths;
+import cn.cordys.crm.integration.lark.dto.LarkDepartment;
+import cn.cordys.crm.integration.lark.dto.LarkDepartmentData;
+import cn.cordys.crm.integration.lark.dto.LarkTenant;
+import cn.cordys.crm.integration.lark.dto.LarkUser;
+import cn.cordys.crm.integration.lark.response.LarkDepartmentResponse;
+import cn.cordys.crm.integration.lark.response.LarkTenantResponse;
+import cn.cordys.crm.integration.lark.response.LarkUserResponse;
+import cn.cordys.crm.integration.sync.dto.ThirdDepartment;
+import cn.cordys.crm.integration.sync.dto.ThirdUser;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.http.MediaType;
+import org.springframework.stereotype.Service;
+
+import java.util.*;
+import java.util.function.Function;
+import java.util.stream.Collectors;
+
+@Service
+@Slf4j
+public class LarkDepartmentService {
+
+    private static final int DEPARTMENT_USER_PAGE_SIZE = 50;
+    private static final int maxLoop = 1000;
+    @Resource
+    private QrCodeClient qrCodeClient;
+
+    public List<LarkDepartment> getAllSubDepartments(String tenantAccessToken, String departmentId) {
+        List<LarkDepartment> allDepartments = new ArrayList<>();
+        String pageToken = null;
+        boolean hasMore = true;
+        int loop = 0;
+
+        while (hasMore && loop++ < maxLoop) {
+            StringBuilder urlBuilder = new StringBuilder(LarkApiPaths.LARK_CHILDREN_DEPARTMENT_URL.replace("{0}", departmentId));
+            urlBuilder.append("?fetch_child=true");
+            if (StringUtils.isNotBlank(pageToken)) {
+                urlBuilder.append("&page_token=").append(pageToken);
+            }
+
+            LarkDepartmentResponse larkResponse = safeRequest(urlBuilder.toString(), tenantAccessToken, LarkDepartmentResponse.class);
+            hasMore = false;
+            if (larkResponse != null && larkResponse.getCode() == 0) {
+                LarkDepartmentData data = larkResponse.getData();
+                if (data != null) {
+                    allDepartments.addAll(Optional.ofNullable(data.getItems()).orElse(Collections.emptyList()));
+                    hasMore = data.isHasMore();
+                    pageToken = data.getPageToken();
+                }
+            } else if (larkResponse != null) {
+                log.error("获取飞书子部门信息失败: {}:{}", larkResponse.getCode(), larkResponse.getMsg());
+            }
+        }
+
+        return allDepartments;
+    }
+
+    public List<LarkUser> getDepartmentUsers(String tenantAccessToken, String departmentId) {
+        List<LarkUser> allUsers = new ArrayList<>();
+        String pageToken = null;
+        boolean hasMore = true;
+        int loop = 0;
+
+        while (hasMore && loop++ < maxLoop) {
+            StringBuilder urlBuilder = new StringBuilder(LarkApiPaths.LARK_DEPARTMENT_USERS_URL);
+            urlBuilder.append("?department_id=").append(departmentId)
+                    .append("&page_size=").append(DEPARTMENT_USER_PAGE_SIZE);
+            if (StringUtils.isNotBlank(pageToken)) {
+                urlBuilder.append("&page_token=").append(pageToken);
+            }
+
+            LarkUserResponse larkUserResponse = safeRequest(urlBuilder.toString(), tenantAccessToken, LarkUserResponse.class);
+            hasMore = false;
+            if (larkUserResponse != null && larkUserResponse.getCode() == 0) {
+                LarkUserResponse.LarkUserData data = larkUserResponse.getData();
+                if (data != null) {
+                    allUsers.addAll(Optional.ofNullable(data.getItems()).orElse(Collections.emptyList()));
+                    hasMore = data.isHasMore();
+                    pageToken = data.getPageToken();
+                }
+            } else if (larkUserResponse != null) {
+                log.error("获取飞书部门用户失败: {}:{}", larkUserResponse.getCode(), larkUserResponse.getMsg());
+            }
+        }
+
+        return allUsers;
+    }
+
+    public List<ThirdDepartment> getDepartmentList(String tenantAccessToken) {
+        List<ThirdDepartment> thirdDepartments = getAllSubDepartments(tenantAccessToken, "0").stream()
+                .map(this::toThirdDepartment)
+                .collect(Collectors.toList());
+        thirdDepartments.add(buildRootDepartment(getTenantInfo(tenantAccessToken)));
+        return thirdDepartments;
+    }
+
+    public Map<String, List<ThirdUser>> getDepartmentUserList(String tenantAccessToken, List<String> departmentIds) {
+        return departmentIds.stream().collect(Collectors.toMap(Function.identity(), departmentId ->
+                getDepartmentUsers(tenantAccessToken, departmentId).stream()
+                        .filter(user -> isPrimaryDepartmentUser(user, departmentId))
+                        .map(this::toThirdUser)
+                        .collect(Collectors.toList())
+        ));
+    }
+
+    public LarkTenant getTenantInfo(String tenantAccessToken) {
+        try {
+            LarkTenantResponse larkTenantResponse = safeRequest(LarkApiPaths.LARK_TENANT_INFO_URL, tenantAccessToken, LarkTenantResponse.class);
+            if (larkTenantResponse != null && larkTenantResponse.getCode() == 0) {
+                return Optional.ofNullable(larkTenantResponse.getData()).map(LarkTenantResponse.LarkTenantData::getTenant).orElse(null);
+            }
+            if (larkTenantResponse != null) {
+                log.error("获取企业信息失败: {}:{}", larkTenantResponse.getCode(), larkTenantResponse.getMsg());
+            }
+        } catch (Exception e) {
+            log.error("获取飞书企业信息失败", e);
+        }
+        return null;
+    }
+
+    private <T> T safeRequest(String url, String tenantAccessToken, Class<T> responseClass) {
+        String response = qrCodeClient.exchange(
+                url,
+                "Bearer " + tenantAccessToken,
+                "Authorization",
+                MediaType.APPLICATION_JSON,
+                MediaType.APPLICATION_JSON
+        );
+        return JSON.parseObject(response, responseClass);
+    }
+
+    private ThirdDepartment toThirdDepartment(LarkDepartment larkDepartment) {
+        ThirdDepartment thirdDepartment = new ThirdDepartment();
+        thirdDepartment.setId(larkDepartment.getOpenDepartmentId());
+        thirdDepartment.setName(larkDepartment.getName());
+        thirdDepartment.setParentId(larkDepartment.getParentDepartmentId());
+        thirdDepartment.setOrder(Long.valueOf(larkDepartment.getOrder()));
+        thirdDepartment.setIsRoot("0".equals(larkDepartment.getOpenDepartmentId()));
+        return thirdDepartment;
+    }
+
+    private ThirdDepartment buildRootDepartment(LarkTenant tenant) {
+        ThirdDepartment rootDept = new ThirdDepartment();
+        rootDept.setId("0");
+        rootDept.setName(Optional.ofNullable(tenant).map(LarkTenant::getName).orElse("公司名称"));
+        rootDept.setParentId("NONE");
+        rootDept.setIsRoot(true);
+        rootDept.setOrder(0L);
+        return rootDept;
+    }
+
+    private ThirdUser toThirdUser(LarkUser larkUser) {
+        return ThirdUser.builder()
+                .userId(larkUser.getOpenId())
+                .name(larkUser.getName())
+                .email(larkUser.getEmail())
+                .mobile(formatMobile(larkUser.getMobile()))
+                .position(larkUser.getWorkStation())
+                .gender(larkUser.getGender())
+                .avatar(Optional.ofNullable(larkUser.getAvatar())
+                        .map(LarkUser.LarkUserAvatar::getAvatar240)
+                        .filter(StringUtils::isNotBlank)
+                        .orElse(null))
+                .isLeaderInDept(Strings.CI.equals(larkUser.getLeaderUserId(), larkUser.getUserId()))
+                .build();
+    }
+
+    private boolean isPrimaryDepartmentUser(LarkUser user, String departmentId) {
+        return Optional.ofNullable(user.getOrders()).orElse(Collections.emptyList()).stream()
+                .anyMatch(order -> order.getIsPrimaryDept() && Strings.CS.equals(order.getDepartmentId(), departmentId));
+    }
+
+    private String formatMobile(String mobile) {
+        if (StringUtils.isBlank(mobile)) {
+            return null;
+        }
+        return mobile.length() > 11 ? mobile.substring(mobile.length() - 11) : mobile;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/lark/service/LarkNoticeSender.java b/backend/crm/src/main/java/cn/cordys/crm/integration/lark/service/LarkNoticeSender.java
new file mode 100644
index 0000000..9d5d8bd
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/lark/service/LarkNoticeSender.java
@@ -0,0 +1,105 @@
+package cn.cordys.crm.integration.lark.service;
+
+import cn.cordys.common.constants.ThirdDetailType;
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.integration.common.dto.ThirdConfigBaseDTO;
+import cn.cordys.crm.integration.common.request.LarkThirdConfigRequest;
+import cn.cordys.crm.integration.lark.dto.LarkSendMessageDTO;
+import cn.cordys.crm.integration.lark.dto.LarkTextDTO;
+import cn.cordys.crm.integration.sso.service.TokenService;
+import cn.cordys.crm.system.constants.OrganizationConfigConstants;
+import cn.cordys.crm.system.domain.OrganizationConfig;
+import cn.cordys.crm.system.domain.OrganizationConfigDetail;
+import cn.cordys.crm.system.dto.MessageDetailDTO;
+import cn.cordys.crm.system.mapper.ExtOrganizationConfigDetailMapper;
+import cn.cordys.crm.system.mapper.ExtOrganizationConfigMapper;
+import cn.cordys.crm.system.notice.common.NoticeModel;
+import cn.cordys.crm.system.notice.common.Receiver;
+import cn.cordys.crm.system.notice.sender.AbstractNoticeSender;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections.CollectionUtils;
+import org.springframework.stereotype.Component;
+
+import java.util.List;
+import java.util.Optional;
+
+@Component
+@Slf4j
+public class LarkNoticeSender extends AbstractNoticeSender {
+
+    @Resource
+    private TokenService tokenService;
+    @Resource
+    private ExtOrganizationConfigMapper extOrganizationConfigMapper;
+    @Resource
+    private ExtOrganizationConfigDetailMapper extOrganizationConfigDetailMapper;
+
+    @Override
+    public void send(MessageDetailDTO messageDetailDTO, NoticeModel noticeModel) {
+        try {
+            String context = super.getContext(messageDetailDTO, noticeModel);
+            sendLark(context, noticeModel, messageDetailDTO.getOrganizationId());
+            log.debug("发送飞书消息结束");
+        } catch (Exception e) {
+            log.error("飞书消息通知失败：{}", String.valueOf(e));
+        }
+    }
+
+    public void sendLark(MessageDetailDTO clonedMessageDetail, NoticeModel clonedNoticeModel) {
+        this.send(clonedMessageDetail, clonedNoticeModel);
+    }
+
+    private void sendLark(String context, NoticeModel noticeModel, String organizationId) {
+        List<Receiver> receivers = super.getReceivers(noticeModel.getReceivers(), noticeModel.isExcludeSelf(), noticeModel.getOperator());
+        if (CollectionUtils.isEmpty(receivers)) {
+            return;
+        }
+        List<String> userIds = receivers.stream()
+                .map(Receiver::getUserId)
+                .distinct()
+                .toList();
+        //查询同步过的resourceId，这里已经确定是否同步了飞书，没同步，消息无法发送
+        List<String> resourceUserIds = super.getResourceUserIds(userIds, organizationId);
+        if (CollectionUtils.isEmpty(resourceUserIds)) {
+            log.warn("没有同步飞书用户，无法发送消息");
+            return;
+        }
+        //查询三方配置
+        OrganizationConfig organizationConfig = extOrganizationConfigMapper
+                .getOrganizationConfig(organizationId, OrganizationConfigConstants.ConfigType.THIRD.name());
+        if (organizationConfig == null) {
+            log.warn("没有配置飞书信息，无法发送消息");
+            return;
+        }
+        //获取通知的配置数据
+        OrganizationConfigDetail orgConfigDetailByIdAndType = extOrganizationConfigDetailMapper.getOrgConfigDetailByIdAndType(organizationConfig.getId(), ThirdDetailType.LARK_SYNC.name());
+        if (orgConfigDetailByIdAndType == null || orgConfigDetailByIdAndType.getContent() == null) {
+            log.warn("没有配置飞书通知信息，无法发送消息");
+            return;
+        }
+        ThirdConfigBaseDTO<?> thirdConfigurationDTO = JSON.parseObject(
+                new String(orgConfigDetailByIdAndType.getContent()), ThirdConfigBaseDTO.class
+        );
+
+        LarkThirdConfigRequest larkThirdConfigRequest =
+                Optional.ofNullable(thirdConfigurationDTO.getConfig())
+                        .map(cfg -> JSON.MAPPER.convertValue(cfg, LarkThirdConfigRequest.class))
+                        .orElseGet(() -> JSON.parseObject(
+                                new String(orgConfigDetailByIdAndType.getContent()),
+                                LarkThirdConfigRequest.class
+                        ));
+
+        for (String resourceUserId : resourceUserIds) {
+            log.info("发送飞书消息，飞书用户ID：{}", resourceUserId);
+            LarkSendMessageDTO larkSendMessageDTO = new LarkSendMessageDTO();
+            larkSendMessageDTO.setReceive_id(resourceUserId);
+            larkSendMessageDTO.setMsg_type("text");
+            LarkTextDTO larkTextDTO = new LarkTextDTO();
+            larkTextDTO.setText(context);
+            larkSendMessageDTO.setContent(JSON.toJSONString(larkTextDTO));
+            tokenService.sendLarkNoticeByToken(larkSendMessageDTO, larkThirdConfigRequest.getAgentId(), larkThirdConfigRequest.getAppSecret());
+        }
+
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/constant/QccApiPaths.java b/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/constant/QccApiPaths.java
new file mode 100644
index 0000000..8b9b761
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/constant/QccApiPaths.java
@@ -0,0 +1,10 @@
+package cn.cordys.crm.integration.qcc.constant;
+
+public interface QccApiPaths {
+
+    String FUZZY_SEARCH_API = "/FuzzySearch/GetList?key={0}&searchKey={1}";
+    String ENTERPRISE_INFO_VERIFY_API = "/EnterpriseInfo/Verify?key={0}&searchKey={1}";
+
+    String FUZZY_SEARCH_LIST_API = "/FuzzySearch/GetList?key={0}&searchKey={1}&pageIndex={2}";
+    
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/Area.java b/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/Area.java
new file mode 100644
index 0000000..d186093
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/Area.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.integration.qcc.dto;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+@Data
+public class Area {
+
+    /**
+     * 省份
+     */
+    @JsonProperty("Province")
+    private String province;
+
+    /**
+     * 城市
+     */
+    @JsonProperty("City")
+    private String city;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/BankInfo.java b/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/BankInfo.java
new file mode 100644
index 0000000..e0cd283
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/BankInfo.java
@@ -0,0 +1,23 @@
+package cn.cordys.crm.integration.qcc.dto;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+@Data
+public class BankInfo {
+
+
+    /**
+     * 开户银行
+     */
+    @JsonProperty("Bank")
+    private String bank;
+
+    /**
+     * 开户行账号
+     */
+    @JsonProperty("BankAccount")
+    private String bankAccount;
+
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/ContactInfo.java b/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/ContactInfo.java
new file mode 100644
index 0000000..d5616a9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/ContactInfo.java
@@ -0,0 +1,14 @@
+package cn.cordys.crm.integration.qcc.dto;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+@Data
+public class ContactInfo {
+
+    /**
+     * 注册电话
+     */
+    @JsonProperty("Tel")
+    private String tel;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/EnterpriseInfo.java b/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/EnterpriseInfo.java
new file mode 100644
index 0000000..f6d77e4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/EnterpriseInfo.java
@@ -0,0 +1,21 @@
+package cn.cordys.crm.integration.qcc.dto;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+@Data
+public class EnterpriseInfo {
+
+    /**
+     * 数据是否存在（1-存在，0-不存在）
+     */
+    @JsonProperty("VerifyResult")
+    private Integer verifyResult;
+
+
+    /**
+     * 数据信息
+     */
+    @JsonProperty("Data")
+    private InfoData data;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/Industry.java b/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/Industry.java
new file mode 100644
index 0000000..ae55f70
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/Industry.java
@@ -0,0 +1,14 @@
+package cn.cordys.crm.integration.qcc.dto;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+@Data
+public class Industry {
+
+    /**
+     * 行业大类描述
+     */
+    @JsonProperty("SubIndustry")
+    private String subIndustry;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/InfoData.java b/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/InfoData.java
new file mode 100644
index 0000000..6b43e4b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/InfoData.java
@@ -0,0 +1,80 @@
+package cn.cordys.crm.integration.qcc.dto;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+@Data
+public class InfoData {
+
+    /**
+     * 企业名称
+     */
+    @JsonProperty("Name")
+    private String name;
+
+    /**
+     * 纳税人识别号
+     */
+    @JsonProperty("TaxNo")
+    private String taxNo;
+
+
+    /**
+     * 开票信息
+     */
+    @JsonProperty("BankInfo")
+    private BankInfo bankInfo;
+
+
+    /**
+     * 注册地址
+     */
+    @JsonProperty("Address")
+    private String address;
+
+    /**
+     * 联系信息
+     */
+    @JsonProperty("ContactInfo")
+    private ContactInfo contactInfo;
+
+
+    /**
+     * 注册资本
+     */
+    @JsonProperty("RegistCapi")
+    private String registerCapi;
+
+
+    /**
+     * 公司规模
+     */
+    @JsonProperty("PersonScope")
+    private String personScope;
+
+
+    /**
+     * 工商注册号
+     */
+    @JsonProperty("No")
+    private String no;
+
+    /**
+     * 所属地区
+     */
+    @JsonProperty("Area")
+    private Area area;
+
+    /**
+     * 企业规模
+     */
+    @JsonProperty("Scale")
+    private String scale;
+
+    /**
+     * 国标行业
+     */
+    @JsonProperty("Industry")
+    private Industry industry;
+}
+
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/NameInfo.java b/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/NameInfo.java
new file mode 100644
index 0000000..f733d66
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/NameInfo.java
@@ -0,0 +1,11 @@
+package cn.cordys.crm.integration.qcc.dto;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+@Data
+public class NameInfo {
+
+    @JsonProperty("Name")
+    private String name;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/Paging.java b/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/Paging.java
new file mode 100644
index 0000000..efedd37
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/Paging.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.integration.qcc.dto;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+@Data
+public class Paging {
+
+    @JsonProperty("PageSize")
+    private int pageSize;
+
+    @JsonProperty("PageIndex")
+    private int pageIndex;
+
+    @JsonProperty("TotalRecords")
+    private int totalRecords;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/QccDetailDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/QccDetailDTO.java
new file mode 100644
index 0000000..725dd0e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/QccDetailDTO.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.integration.qcc.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class QccDetailDTO {
+
+    @Schema(description = "企查查地址", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String qccAddress;
+
+    @Schema(description = "是否验证通过")
+    private Boolean verify;
+
+    @Schema(description = "企查查AccessKey", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String qccAccessKey;
+
+    @Schema(description = "企查查SecretKey", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String qccSecretKey;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/QccEnterpriseInfo.java b/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/QccEnterpriseInfo.java
new file mode 100644
index 0000000..94c60da
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/QccEnterpriseInfo.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.integration.qcc.dto;
+
+import cn.cordys.crm.integration.qcc.response.QccBaseResponse;
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+@Data
+public class QccEnterpriseInfo extends QccBaseResponse {
+
+    @JsonProperty("Result")
+    private EnterpriseInfo result;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/QccFuzzyQueryInfo.java b/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/QccFuzzyQueryInfo.java
new file mode 100644
index 0000000..94c52e4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/dto/QccFuzzyQueryInfo.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.integration.qcc.dto;
+
+import cn.cordys.crm.integration.qcc.response.QccBaseResponse;
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class QccFuzzyQueryInfo extends QccBaseResponse {
+
+    @JsonProperty("Result")
+    private List<NameInfo> result;
+
+    @JsonProperty("Paging")
+    private Paging paging;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/response/QccBaseResponse.java b/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/response/QccBaseResponse.java
new file mode 100644
index 0000000..5dbd4fa
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/qcc/response/QccBaseResponse.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.integration.qcc.response;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+@Data
+public class QccBaseResponse {
+
+
+    @JsonProperty("Status")
+    private String status;
+
+    @JsonProperty("Message")
+    private String message;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/constant/SQLBotTable.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/constant/SQLBotTable.java
new file mode 100644
index 0000000..4491678
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/constant/SQLBotTable.java
@@ -0,0 +1,76 @@
+package cn.cordys.crm.integration.sqlbot.constant;
+
+import cn.cordys.common.constants.PermissionConstants;
+import lombok.Getter;
+
+import java.util.Arrays;
+import java.util.Set;
+import java.util.stream.Collectors;
+
+/**
+ * SQLBot支持的表枚举类
+ */
+@Getter
+public enum SQLBotTable {
+    PRODUCT("product", "产品表", null, false),
+    SYS_DEPARTMENT("sys_department", "部门表", null, false),
+    SYS_USER("sys_user", "用户表", null, false),
+
+    CUSTOMER("customer", "客户表", PermissionConstants.CUSTOMER_MANAGEMENT_READ, true),
+    CLUE("clue", "线索表", PermissionConstants.CLUE_MANAGEMENT_READ, true),
+    OPPORTUNITY("opportunity", "商机表", PermissionConstants.OPPORTUNITY_MANAGEMENT_READ, true),
+    CONTACT("customer_contact", "联系人表", PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_READ, true),
+
+    POOL_CUSTOMER("pool_customer", "公海中的客户表", PermissionConstants.CUSTOMER_MANAGEMENT_POOL_READ, true, CUSTOMER.getTableName()),
+    POOL_CLUE("pool_clue", "线索池中的线索表", PermissionConstants.CLUE_MANAGEMENT_POOL_READ, true, CLUE.getTableName()),
+    ;
+
+    /**
+     * 表名，可能是虚拟表
+     */
+    private final String tableName;
+    /**
+     * 复制的表名，如果是虚拟表，则表示从哪个表复制数据
+     */
+    private final String copyFromTableName;
+    /**
+     * 表描述
+     */
+    private final String description;
+    /**
+     * 查询需要的权限，null 表示不需要权限
+     */
+    private final String permission;
+    /**
+     * 是否有数据权限
+     */
+    private final boolean isDataScope;
+    /**
+     * 禁用的字段列表
+     */
+    private final Set<String> disableFields;
+
+    SQLBotTable(String tableName, String description, String permission, boolean isDataScope) {
+        this(tableName, description, permission, isDataScope, null, Set.of());
+    }
+
+    SQLBotTable(String tableName, String description, String permission, boolean isDataScope, String copyFromTableName) {
+        this(tableName, description, permission, isDataScope, copyFromTableName, Set.of());
+    }
+
+    SQLBotTable(String tableName, String description, String permission, boolean isDataScope, String copyFromTableName, Set<String> disableFields) {
+        this.tableName = tableName;
+        this.description = description;
+        this.permission = permission;
+        this.isDataScope = isDataScope;
+        this.disableFields = disableFields;
+        this.copyFromTableName = copyFromTableName;
+    }
+
+    public static Set<String> getDataScopePermissions() {
+        return Arrays.stream(values())
+                .filter(SQLBotTable::isDataScope)
+                .map(SQLBotTable::getPermission)
+                .collect(Collectors.toSet());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/controller/DataSourceController.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/controller/DataSourceController.java
new file mode 100644
index 0000000..07122c6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/controller/DataSourceController.java
@@ -0,0 +1,36 @@
+package cn.cordys.crm.integration.sqlbot.controller;
+
+import cn.cordys.common.response.handler.NoResultHolder;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.integration.sqlbot.dto.SQLBotDTO;
+import cn.cordys.crm.integration.sqlbot.service.DataSourceService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import jakarta.annotation.Resource;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RestController;
+
+@RestController
+@RequestMapping
+public class DataSourceController {
+
+    @Resource
+    private DataSourceService dataSourceService;
+
+    /**
+     * 获取数据库结构。
+     * <p>
+     * 该方法用于获取当前系统的数据库结构信息。
+     * </p>
+     * 这个 API 风险较高，可能会泄露数据库结构信息，因此需要谨慎使用。
+     *
+     * @return 数据库结构信息。
+     */
+    @GetMapping("/db/structure")
+    @Operation(summary = "获取数据库结构")
+    @NoResultHolder
+    public SQLBotDTO getDBSchema() {
+        return dataSourceService.getDatabaseSchema(SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/dto/DataSourceDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/dto/DataSourceDTO.java
new file mode 100644
index 0000000..f7507a6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/dto/DataSourceDTO.java
@@ -0,0 +1,86 @@
+package cn.cordys.crm.integration.sqlbot.dto;
+
+import lombok.Data;
+
+import java.io.Serial;
+import java.io.Serializable;
+import java.util.List;
+
+/**
+ * 数据源数据传输对象
+ * <p>
+ * 用于在系统中传递数据库连接配置及结构信息，包括数据库类型、连接参数、认证信息以及数据库表结构。
+ * 主要用于数据源服务中表示一个完整的数据库连接及其包含的表结构。
+ * </p>
+ */
+@Data
+public class DataSourceDTO implements Serializable {
+
+    @Serial
+    private static final long serialVersionUID = 1L;
+    /**
+     * 数据源名称
+     * <p>标识数据源的唯一名称</p>
+     */
+    private String name;
+
+    /**
+     * 数据源类型
+     * <p>数据库类型，如MySQL、Oracle等</p>
+     */
+    private String type;
+
+    /**
+     * 主机地址
+     * <p>数据库服务器的主机名或IP地址</p>
+     */
+    private String host;
+
+    /**
+     * 端口号
+     * <p>数据库服务端口，如MySQL默认3306</p>
+     */
+    private int port;
+
+    /**
+     * 数据库名称
+     * <p>要连接的具体数据库实例名称</p>
+     */
+    private String dataBase;
+
+    /**
+     * 额外参数
+     * <p>JDBC URL中的额外连接参数</p>
+     */
+    private String extraParams;
+
+    /**
+     * 用户名
+     * <p>数据库连接用户名</p>
+     */
+    private String user;
+
+    /**
+     * 密码
+     * <p>数据库连接密码</p>
+     */
+    private String password;
+
+    /**
+     * 架构名称
+     * <p>数据库架构名称，用于特定数据库系统</p>
+     */
+    private String schema;
+
+    /**
+     * 注释说明
+     * <p>数据源的描述信息</p>
+     */
+    private String comment;
+
+    /**
+     * 数据库表列表
+     * <p>数据源中包含的所有表结构信息</p>
+     */
+    private List<TableDTO> tables;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/dto/FieldDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/dto/FieldDTO.java
new file mode 100644
index 0000000..745866f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/dto/FieldDTO.java
@@ -0,0 +1,41 @@
+package cn.cordys.crm.integration.sqlbot.dto;
+
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import java.io.Serial;
+import java.io.Serializable;
+
+/**
+ * 数据库字段数据传输对象
+ * <p>
+ * 用于在系统中传递数据库表字段的结构信息，包括字段名称、注释说明和数据类型。
+ * 主要用于表示数据库表结构中的单个字段属性。
+ * </p>
+ */
+@Data
+@AllArgsConstructor
+@NoArgsConstructor
+public class FieldDTO implements Serializable {
+
+    @Serial
+    private static final long serialVersionUID = 1L;
+
+    /**
+     * 字段数据类型
+     * <p>数据库中定义的字段类型，如VARCHAR、INT等</p>
+     */
+    private String type;
+    /**
+     * 字段名称
+     * <p>数据库中的实际字段名</p>
+     */
+    private String name;
+
+    /**
+     * 字段注释
+     * <p>数据库字段的描述信息</p>
+     */
+    private String comment;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/dto/SQLBotDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/dto/SQLBotDTO.java
new file mode 100644
index 0000000..5000f4a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/dto/SQLBotDTO.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.integration.sqlbot.dto;
+
+import lombok.Builder;
+import lombok.Data;
+
+import java.io.Serial;
+import java.io.Serializable;
+import java.util.List;
+
+@Data
+@Builder
+public class SQLBotDTO implements Serializable {
+    @Serial
+    private static final long serialVersionUID = 1L;
+
+    private int code;
+    private String message;
+    private List<DataSourceDTO> data;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/dto/SqlBotConfigDetailDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/dto/SqlBotConfigDetailDTO.java
new file mode 100644
index 0000000..f5e31bb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/dto/SqlBotConfigDetailDTO.java
@@ -0,0 +1,14 @@
+package cn.cordys.crm.integration.sqlbot.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class SqlBotConfigDetailDTO {
+
+    @Schema(description = "嵌入脚本", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String appSecret;
+
+    @Schema(description = "是否验证通过")
+    private Boolean verify;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/dto/SqlBotConfigDetailLogDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/dto/SqlBotConfigDetailLogDTO.java
new file mode 100644
index 0000000..ad8d626
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/dto/SqlBotConfigDetailLogDTO.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.integration.sqlbot.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class SqlBotConfigDetailLogDTO {
+
+    @Schema(description = "嵌入脚本", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String sqlBotAppSecret;
+
+    @Schema(description = "sqlBot仪表板开启")
+    private Boolean sqlBotBoardEnable;
+
+    @Schema(description = "sqlBot问数开启")
+    private Boolean sqlBotChatEnable;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/dto/TableDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/dto/TableDTO.java
new file mode 100644
index 0000000..db91e43
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/dto/TableDTO.java
@@ -0,0 +1,53 @@
+package cn.cordys.crm.integration.sqlbot.dto;
+
+import lombok.Data;
+
+import java.io.Serial;
+import java.io.Serializable;
+import java.util.List;
+
+/**
+ * 数据库表结构数据传输对象
+ * <p>
+ * 用于在系统中传递数据库表的结构信息，包括表名、注释、规则定义、SQL定义以及字段列表。
+ * 主要用于数据源服务中获取数据库模式信息时使用。
+ * </p>
+ */
+@Data
+public class TableDTO implements Serializable {
+    @Serial
+    private static final long serialVersionUID = 1L;
+
+    /**
+     * select * from (select * from test ) tx where
+     * 表名称
+     * <p>数据库中的实际表名</p>
+     */
+    private String name;
+
+    /**
+     * 表注释
+     * <p>数据库表的描述信息</p>
+     */
+    private String comment;
+
+    /**
+     * 表规则
+     * name = name like '%${name}%' and age = ${age} and time = '${time}'
+     * <p>执行在 WHERE 条件中</p>
+     */
+    private String rule;
+
+    /**
+     * 自定义表SQL定义
+     * select * from `test` where name='${name}'  and name like '%${name}%' and age = ${age} and time = '${time}
+     * <p>类似虚拟一个数据集，编写自定义的SQL</p>
+     */
+    private String sql;
+
+    /**
+     * 表字段列表
+     * <p>包含表中所有字段的详细信息</p>
+     */
+    private List<FieldDTO> fields;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/dto/TableHandleParam.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/dto/TableHandleParam.java
new file mode 100644
index 0000000..a4a861b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/dto/TableHandleParam.java
@@ -0,0 +1,21 @@
+package cn.cordys.crm.integration.sqlbot.dto;
+
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.crm.integration.sqlbot.constant.SQLBotTable;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-05  15:04
+ */
+@Data
+@AllArgsConstructor
+@NoArgsConstructor
+public class TableHandleParam {
+    private String userId;
+    private String orgId;
+    private SQLBotTable tableInfo;
+    private DeptDataPermissionDTO dataPermission;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/CluePermissionHandler.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/CluePermissionHandler.java
new file mode 100644
index 0000000..f8193da
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/CluePermissionHandler.java
@@ -0,0 +1,61 @@
+package cn.cordys.crm.integration.sqlbot.handler;
+
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.clue.constants.ClueStatus;
+import cn.cordys.crm.integration.sqlbot.constant.SQLBotTable;
+import cn.cordys.crm.integration.sqlbot.dto.FieldDTO;
+import cn.cordys.crm.integration.sqlbot.dto.TableDTO;
+import cn.cordys.crm.integration.sqlbot.dto.TableHandleParam;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import jakarta.annotation.PostConstruct;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Component;
+
+import java.util.Arrays;
+import java.util.List;
+import java.util.Set;
+
+@Component
+public class CluePermissionHandler extends DataScopeTablePermissionHandler {
+
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+
+    @PostConstruct
+    public void registerHandler() {
+        TablePermissionHandlerFactory.registerTableHandler(SQLBotTable.CLUE, this);
+    }
+
+    @Override
+    public void handleTable(TableDTO table, TableHandleParam tableHandleParam) {
+        ModuleFormConfigDTO formConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.CLUE.getKey(), OrganizationContext.getOrganizationId());
+        List<FieldDTO> filterFields = filterSystemFields(table.getFields(),
+                Set.of("pool_id", "in_shared_pool", "organization_id", "reason_id", "transition_type", "transition_id", "last_stage"));
+        table.setFields(filterFields);
+
+        super.handleTable(table, tableHandleParam, formConfig);
+
+        String sql = table.getSql() + " and in_shared_pool is false and (c.transition_id is null or c.transition_id = '')";
+        table.setSql(sql);
+    }
+
+
+    @Override
+    protected String getSelectSystemFileSql(FieldDTO sqlBotField) {
+        String fieldName = sqlBotField.getName();
+        if (Strings.CS.equals(fieldName, "stage")) {
+            return getSystemOptionFileSql(Arrays.stream(ClueStatus.values()),
+                    ClueStatus::getKey,
+                    ClueStatus::getName,
+                    fieldName);
+        } else if (Strings.CS.equals(fieldName, "products")) {
+            return getProductsFieldSql();
+        } else {
+            return getDefaultFieldSql(sqlBotField);
+        }
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/ContactPermissionHandler.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/ContactPermissionHandler.java
new file mode 100644
index 0000000..ce7107e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/ContactPermissionHandler.java
@@ -0,0 +1,64 @@
+package cn.cordys.crm.integration.sqlbot.handler;
+
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.integration.sqlbot.constant.SQLBotTable;
+import cn.cordys.crm.integration.sqlbot.dto.FieldDTO;
+import cn.cordys.crm.integration.sqlbot.dto.TableDTO;
+import cn.cordys.crm.integration.sqlbot.dto.TableHandleParam;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import jakarta.annotation.PostConstruct;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Component;
+
+import java.util.List;
+import java.util.Set;
+
+@Component
+public class ContactPermissionHandler extends DataScopeTablePermissionHandler {
+
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+
+    @PostConstruct
+    public void registerHandler() {
+        TablePermissionHandlerFactory.registerTableHandler(SQLBotTable.CONTACT, this);
+    }
+
+    @Override
+    public void handleTable(TableDTO table, TableHandleParam tableHandleParam) {
+        ModuleFormConfigDTO formConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.CONTACT.getKey(), OrganizationContext.getOrganizationId());
+        List<FieldDTO> filterFields = filterSystemFields(table.getFields(),
+                Set.of("organization_id", "disable_reason"));
+
+        filterFields.add(new FieldDTO("varchar(255)", "customer_name", "客户名称"));
+
+        table.setFields(filterFields);
+
+        super.handleTable(table, tableHandleParam, formConfig);
+    }
+
+    @Override
+    protected String getSelectSystemFileSql(FieldDTO sqlBotField) {
+        String fieldName = sqlBotField.getName();
+        if (Strings.CS.equals(fieldName, "enable")) {
+            List<OptionDTO> options = List.of(new OptionDTO("1", "启用"), new OptionDTO("2", "停用"));
+            return getSystemOptionFileSql(options.stream(),
+                    OptionDTO::getId,
+                    OptionDTO::getName,
+                    fieldName);
+        } else if (Strings.CS.equals(fieldName, "customer_name")) {
+            return getCustomerNameFieldSql();
+        } else {
+            return getDefaultFieldSql(sqlBotField);
+        }
+    }
+
+    protected String getCustomerNameFieldSql() {
+        return "(select customer.name from customer where c.customer_id = customer.id limit 1) as customer_name";
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/CustomerPermissionHandler.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/CustomerPermissionHandler.java
new file mode 100644
index 0000000..03145a7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/CustomerPermissionHandler.java
@@ -0,0 +1,45 @@
+package cn.cordys.crm.integration.sqlbot.handler;
+
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.integration.sqlbot.constant.SQLBotTable;
+import cn.cordys.crm.integration.sqlbot.dto.FieldDTO;
+import cn.cordys.crm.integration.sqlbot.dto.TableDTO;
+import cn.cordys.crm.integration.sqlbot.dto.TableHandleParam;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import jakarta.annotation.PostConstruct;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Component;
+
+import java.util.List;
+import java.util.Set;
+
+/**
+ * 处理有数据权限的表
+ */
+@Component
+public class CustomerPermissionHandler extends DataScopeTablePermissionHandler {
+
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+
+    @PostConstruct
+    public void registerHandler() {
+        TablePermissionHandlerFactory.registerTableHandler(SQLBotTable.CUSTOMER, this);
+    }
+
+    @Override
+    public void handleTable(TableDTO table, TableHandleParam tableHandleParam) {
+        ModuleFormConfigDTO formConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.CUSTOMER.getKey(), OrganizationContext.getOrganizationId());
+        List<FieldDTO> filterFields = filterSystemFields(table.getFields(), Set.of("pool_id", "in_shared_pool", "organization_id", "reason_id"));
+        table.setFields(filterFields);
+
+        super.handleTable(table, tableHandleParam, formConfig);
+
+        String sql = table.getSql();
+        sql += " and in_shared_pool is false";
+        table.setSql(sql);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/DataScopeTablePermissionHandler.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/DataScopeTablePermissionHandler.java
new file mode 100644
index 0000000..2a28284
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/DataScopeTablePermissionHandler.java
@@ -0,0 +1,87 @@
+package cn.cordys.crm.integration.sqlbot.handler;
+
+
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.crm.integration.sqlbot.dto.FieldDTO;
+import cn.cordys.crm.integration.sqlbot.dto.TableDTO;
+import cn.cordys.crm.integration.sqlbot.dto.TableHandleParam;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.text.MessageFormat;
+import java.util.Collection;
+import java.util.List;
+import java.util.stream.Collectors;
+
+/**
+ * 处理有数据权限的表
+ */
+public abstract class DataScopeTablePermissionHandler extends ModuleFieldTablePermissionHandler {
+
+    public static final String DATA_SCOPE_SQL_TEMPLATE = """
+            select {0},
+            sys_department.name as department_name,
+            sys_user.name as owner
+            {1}
+            from {2} c
+            left join sys_user on sys_user.id = c.owner
+            left join sys_organization_user sou on sou.user_id = sys_user.id
+            left join sys_department sys_department on sys_department.id = sou.department_id
+            where c.organization_id = ''{3}''
+            """;
+
+    @Override
+    public void handleTable(TableDTO table, TableHandleParam tableHandleParam, ModuleFormConfigDTO formConfig) {
+        List<BaseField> moduleFields = filterFields(formConfig.getFields());
+        List<FieldDTO> tableFields = table.getFields();
+        String sql = getTableSql(tableFields, tableHandleParam, moduleFields);
+        table.setSql(sql);
+
+        List<FieldDTO> appendFields = parse2SQLBotFields(moduleFields);
+        tableFields.addAll(appendFields);
+        tableFields.add(getDepartmentNameField());
+    }
+
+    protected String getProductsFieldSql() {
+        return "(select JSON_ARRAYAGG(p.name) from product p where c.products like concat('%', p.id, '%')) as products";
+    }
+
+    protected String getTableSql(List<FieldDTO> sqlBotFields, TableHandleParam tableHandleParam, List<BaseField> moduleFields) {
+        String fieldsSql = parseFieldsSql(tableHandleParam.getTableInfo().getTableName() + "_field", moduleFields);
+        sqlBotFields = sqlBotFields.stream()
+                .filter(field -> !Strings.CS.equals(field.getName(), "owner"))
+                .collect(Collectors.toList());
+        String dataScopeSql = MessageFormat.format(DATA_SCOPE_SQL_TEMPLATE,
+                getSelectSystemFileSql(sqlBotFields),
+                fieldsSql,
+                tableHandleParam.getTableInfo().getTableName(),
+                tableHandleParam.getOrgId()
+        );
+
+        DeptDataPermissionDTO dataPermission = tableHandleParam.getDataPermission();
+        if (Strings.CS.equals(tableHandleParam.getUserId(), InternalUser.ADMIN.getValue()) || dataPermission.getAll()) {
+            return dataScopeSql;
+        } else if (CollectionUtils.isNotEmpty(dataPermission.getDeptIds())) {
+            String deptIdStr = getInConditionStr(dataPermission.getDeptIds());
+            return dataScopeSql + String.format(" and (sou.department_id in (%s) or sou.user_id = '%s')", deptIdStr, tableHandleParam.getUserId());
+        } else {
+            return dataScopeSql + String.format(" and c.owner = '%s'", tableHandleParam.getUserId());
+        }
+    }
+
+    /**
+     * 将数组转成IN的条件字符串
+     *
+     * @param ids
+     *
+     * @return
+     */
+    protected String getInConditionStr(Collection<String> ids) {
+        return "'"
+                + String.join("','", ids)
+                + "'";
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/ModuleFieldTablePermissionHandler.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/ModuleFieldTablePermissionHandler.java
new file mode 100644
index 0000000..07e3fc2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/ModuleFieldTablePermissionHandler.java
@@ -0,0 +1,101 @@
+package cn.cordys.crm.integration.sqlbot.handler;
+
+import cn.cordys.crm.integration.sqlbot.dto.FieldDTO;
+import cn.cordys.crm.integration.sqlbot.dto.TableDTO;
+import cn.cordys.crm.integration.sqlbot.dto.TableHandleParam;
+import cn.cordys.crm.integration.sqlbot.handler.field.api.ModuleFieldParser;
+import cn.cordys.crm.integration.sqlbot.handler.field.api.ModuleFieldParserFactory;
+import cn.cordys.crm.system.constants.FieldType;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.text.MessageFormat;
+import java.util.List;
+import java.util.stream.Collectors;
+
+/**
+ * 处理组织下的表
+ */
+public class ModuleFieldTablePermissionHandler extends OrgTablePermissionHandler {
+    public static final String MODULE_FIELD_TABLE_SQL_TEMPLATE = """
+            select
+            {0}
+            {1}
+            from {2} c
+            where c.organization_id = ''{3}''
+            """;
+
+    public void handleTable(TableDTO table, TableHandleParam tableHandleParam) {
+        String sql = getOrgTableSql(tableHandleParam, table.getFields());
+        table.setSql(sql);
+    }
+
+    public void handleTable(TableDTO table, TableHandleParam tableHandleParam, ModuleFormConfigDTO formConfig) {
+        List<BaseField> moduleFields = filterFields(formConfig.getFields());
+        List<FieldDTO> tableFields = table.getFields();
+        String sql = getTableSql(tableFields, tableHandleParam, moduleFields);
+        table.setSql(sql);
+
+        List<FieldDTO> appendFields = parse2SQLBotFields(moduleFields);
+        tableFields.addAll(appendFields);
+    }
+
+    protected String getTableSql(List<FieldDTO> sqlBotFields, TableHandleParam tableHandleParam, List<BaseField> moduleFields) {
+        String fieldsSql = parseFieldsSql(tableHandleParam.getTableInfo().getTableName() + "_field", moduleFields);
+        return MessageFormat.format(MODULE_FIELD_TABLE_SQL_TEMPLATE,
+                getSelectSystemFileSql(sqlBotFields),
+                fieldsSql,
+                tableHandleParam.getTableInfo().getTableName(),
+                tableHandleParam.getOrgId()
+        );
+    }
+
+    /**
+     * 解析模块字段SQL
+     *
+     * @param fields 字段列表
+     *
+     * @return 拼接的SQL字符串
+     */
+    protected String parseFieldsSql(String filedValueTableName, List<BaseField> fields) {
+        StringBuilder fieldSqlBuilder = new StringBuilder();
+        for (BaseField field : fields) {
+            fieldSqlBuilder.append(",");
+
+            ModuleFieldParser fieldParser = ModuleFieldParserFactory.getFieldParser(field.getType());
+            // 拼接字段的SQL
+            fieldSqlBuilder.append(fieldParser.parseSql(filedValueTableName, field));
+        }
+        return fieldSqlBuilder.toString();
+    }
+
+    /**
+     * 将字段列表转换为SQLBot的FieldDTO对象列表
+     *
+     * @param fields 字段列表
+     *
+     * @return 转换后的FieldDTO对象列表
+     */
+    protected List<FieldDTO> parse2SQLBotFields(List<BaseField> fields) {
+        return fields.stream()
+                .map(field -> {
+                    ModuleFieldParser fieldParser = ModuleFieldParserFactory.getFieldParser(field.getType());
+                    return fieldParser.parseToSQLBotField(field);
+                }).collect(Collectors.toList());
+    }
+
+    protected List<BaseField> filterFields(List<BaseField> fields) {
+        return fields
+                .stream()
+                .filter(field ->
+                        // 分割线、图片、位置等字段不支持
+                        // 不可见的字段不处理
+                        // 业务字段不处理
+                        !Strings.CS.equalsAny(field.getType(), FieldType.DIVIDER.name(), FieldType.PICTURE.name(), FieldType.LOCATION.name(), FieldType.TEXTAREA.name())
+                                && field.getReadable()
+                                && StringUtils.isBlank(field.getBusinessKey())
+                ).toList();
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/OpportunityPermissionHandler.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/OpportunityPermissionHandler.java
new file mode 100644
index 0000000..f7bb77d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/OpportunityPermissionHandler.java
@@ -0,0 +1,72 @@
+package cn.cordys.crm.integration.sqlbot.handler;
+
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.integration.sqlbot.constant.SQLBotTable;
+import cn.cordys.crm.integration.sqlbot.dto.FieldDTO;
+import cn.cordys.crm.integration.sqlbot.dto.TableDTO;
+import cn.cordys.crm.integration.sqlbot.dto.TableHandleParam;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import jakarta.annotation.PostConstruct;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Component;
+
+import java.util.List;
+import java.util.Set;
+
+@Component
+public class OpportunityPermissionHandler extends DataScopeTablePermissionHandler {
+
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+
+    @PostConstruct
+    public void registerHandler() {
+        TablePermissionHandlerFactory.registerTableHandler(SQLBotTable.OPPORTUNITY, this);
+    }
+
+    @Override
+    public void handleTable(TableDTO table, TableHandleParam tableHandleParam) {
+        ModuleFormConfigDTO formConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.OPPORTUNITY.getKey(), OrganizationContext.getOrganizationId());
+        List<FieldDTO> filterFields = filterSystemFields(table.getFields(),
+                Set.of("organization_id", "last_stage", "status", "failure_reason"));
+
+        filterFields.add(new FieldDTO("varchar(255)", "customer_name", "客户名称"));
+        filterFields.add(new FieldDTO("varchar(255)", "contact_name", "联系人名称"));
+
+        table.setFields(filterFields);
+
+        super.handleTable(table, tableHandleParam, formConfig);
+    }
+
+    @Override
+    protected String getSelectSystemFileSql(FieldDTO sqlBotField) {
+        String fieldName = sqlBotField.getName();
+        if (Strings.CS.equals(fieldName, "stage")) {
+            return getStageFieldSql();
+        } else if (Strings.CS.equals(fieldName, "customer_name")) {
+            return getCustomerNameFieldSql();
+        } else if (Strings.CS.equals(fieldName, "contact_name")) {
+            return getContactNameFieldSql();
+        } else if (Strings.CS.equals(fieldName, "products")) {
+            return getProductsFieldSql();
+        } else {
+            return getDefaultFieldSql(sqlBotField);
+        }
+    }
+
+    protected String getStageFieldSql() {
+        return "(select osc.name from opportunity_stage_config osc where c.stage = osc.id limit 1) as stage";
+    }
+
+    protected String getCustomerNameFieldSql() {
+        return "(select customer.name from customer where c.customer_id = customer.id limit 1) as customer_name";
+    }
+
+    protected String getContactNameFieldSql() {
+        return "(select customer_contact.name from customer_contact where c.contact_id = customer_contact.id limit 1) as contact_name";
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/OrgTablePermissionHandler.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/OrgTablePermissionHandler.java
new file mode 100644
index 0000000..bb4b504
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/OrgTablePermissionHandler.java
@@ -0,0 +1,179 @@
+package cn.cordys.crm.integration.sqlbot.handler;
+
+import cn.cordys.crm.integration.sqlbot.dto.FieldDTO;
+import cn.cordys.crm.integration.sqlbot.dto.TableDTO;
+import cn.cordys.crm.integration.sqlbot.dto.TableHandleParam;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.text.MessageFormat;
+import java.util.List;
+import java.util.Set;
+import java.util.function.Function;
+import java.util.stream.Collectors;
+import java.util.stream.Stream;
+
+/**
+ * 处理组织下的表
+ */
+public class OrgTablePermissionHandler implements TablePermissionHandler {
+    public static final String ORG_TABLE_SQL_TEMPLATE = """
+            select {0}
+            from {1} c
+            where c.organization_id = ''{2}''
+            """;
+
+    public void handleTable(TableDTO table, TableHandleParam tableHandleParam) {
+        String sql = getOrgTableSql(tableHandleParam, table.getFields());
+        table.setSql(sql);
+    }
+
+    protected String getOrgTableSql(TableHandleParam tableHandleParam, List<FieldDTO> sqlBotFields) {
+        return MessageFormat.format(ORG_TABLE_SQL_TEMPLATE,
+                getSelectSystemFileSql(sqlBotFields),
+                tableHandleParam.getTableInfo().getTableName(),
+                tableHandleParam.getOrgId());
+    }
+
+    protected String getSelectSystemFileSql(List<FieldDTO> sqlBotFields) {
+        StringBuilder selectSqlBuilder = new StringBuilder();
+        for (int i = 0; i < sqlBotFields.size(); i++) {
+            FieldDTO sqlBotField = sqlBotFields.get(i);
+            String sql = getSelectSystemFileSql(sqlBotField);
+            if (i != 0) {
+                // 不是第一个字段，添加逗号
+                selectSqlBuilder.append(",");
+            }
+            selectSqlBuilder.append("\n");
+            selectSqlBuilder.append(sql);
+        }
+        return selectSqlBuilder.toString();
+    }
+
+    protected String getSelectSystemFileSql(FieldDTO sqlBotField) {
+        return getDefaultFieldSql(sqlBotField, null);
+    }
+
+    protected String getSelectSystemFileSql(FieldDTO sqlBotField, String prefix) {
+        return getDefaultFieldSql(sqlBotField, prefix);
+    }
+
+    protected String getDefaultFieldSql(FieldDTO sqlBotField) {
+        return getDefaultFieldSql(sqlBotField, null);
+    }
+
+    protected String getDefaultFieldSql(FieldDTO sqlBotField, String prefix) {
+        String fieldName = sqlBotField.getName();
+        if (Strings.CS.endsWith(fieldName, "_time")) {
+            // long 类型替换为 datetime 类型
+            sqlBotField.setType("varchar(50)");
+            sqlBotField.setComment(sqlBotField.getComment() + ",时间格式：%Y-%m-%d %H:%i:%s");
+            return getTimeFieldSql(fieldName, prefix);
+        } else if (Strings.CS.endsWith(fieldName, "_date")) {
+            // long 类型替换为 date 类型
+            sqlBotField.setType("varchar(50)");
+            sqlBotField.setComment(sqlBotField.getComment() + ",日期格式：%Y-%m-%d");
+            return getDateFieldSql(fieldName, prefix);
+        } else if (Strings.CS.endsWith(fieldName, "_user") || Strings.CS.equalsAny(fieldName, "follower")) {
+            return getUserFieldSql(fieldName, prefix);
+        } else {
+            if (StringUtils.isBlank(prefix)) {
+                return "c." + fieldName;
+            } else {
+                return prefix + "." + fieldName;
+            }
+        }
+    }
+
+    private String getUserFieldSql(String fieldName, String prefix) {
+        if (StringUtils.isBlank(prefix)) {
+            return String.format("(select su.name from sys_user su where su.id = c.%s limit 1) as %s", fieldName, fieldName);
+        } else {
+            return String.format("(select su.name from sys_user su where su.id = %s.%s limit 1) as %s", prefix, fieldName, fieldName);
+        }
+    }
+
+    private String getTimeFieldSql(String fieldName, String prefix) {
+        if (StringUtils.isBlank(prefix)) {
+            return MessageFormat.format("DATE_FORMAT(FROM_UNIXTIME(c.{0} / 1000),''%Y-%m-%d %H:%i:%s'') as {1}", fieldName, fieldName);
+        } else {
+            return MessageFormat.format("DATE_FORMAT(FROM_UNIXTIME({0}.{1} / 1000),''%Y-%m-%d %H:%i:%s'') as {2}", prefix, fieldName, fieldName);
+        }
+    }
+
+    private String getDateFieldSql(String fieldName, String prefix) {
+        if (StringUtils.isBlank(prefix)) {
+            return MessageFormat.format("DATE_FORMAT(FROM_UNIXTIME(c.{0} / 1000),''%Y-%m-%d'') as {1}", fieldName, fieldName);
+        } else {
+            return MessageFormat.format("DATE_FORMAT(FROM_UNIXTIME({0}.{1} / 1000),''%Y-%m-%d'') as {2}", prefix, fieldName, fieldName);
+        }
+    }
+
+    /**
+     * 过滤系统字段
+     *
+     * @param fields
+     * @param disabledFieldNames
+     *
+     * @return
+     */
+    protected List<FieldDTO> filterSystemFields(List<FieldDTO> fields, Set<String> disabledFieldNames) {
+        return fields
+                .stream()
+                .filter(field -> !disabledFieldNames.contains(field.getName()))
+                .collect(Collectors.toList());
+    }
+
+    /**
+     * 获取选项字段查询的SQL
+     * 示例：
+     * CASE c.stage
+     * WHEN 'SUCCESS' THEN '成功'
+     * WHEN 'FAIL' THEN '失败'
+     * ELSE ''
+     * END AS stage_name
+     *
+     * @param stream
+     * @param fieldName
+     *
+     * @return
+     */
+    protected <T> String getSystemOptionFileSql(Stream<T> stream, Function<T, String> getKeyFunc, Function<T, String> getNameFunc, String fieldName) {
+        return getSystemOptionFileSql(stream, getKeyFunc, getNameFunc, fieldName, null);
+    }
+
+    /**
+     * 获取选项字段查询的SQL
+     * 示例：
+     * CASE c.stage
+     * WHEN 'SUCCESS' THEN '成功'
+     * WHEN 'FAIL' THEN '失败'
+     * ELSE ''
+     * END AS stage_name
+     *
+     * @param stream
+     * @param fieldName
+     * @param prefix
+     *
+     * @return
+     */
+    protected <T> String getSystemOptionFileSql(Stream<T> stream, Function<T, String> getKeyFunc, Function<T, String> getNameFunc, String fieldName, String prefix) {
+        StringBuilder sqlBuilder = new StringBuilder();
+        if (StringUtils.isBlank(prefix)) {
+            sqlBuilder.append("case c.").append(fieldName);
+        } else {
+            sqlBuilder.append("case ").append(prefix).append(".").append(fieldName);
+        }
+        stream.forEach(clueStatus -> sqlBuilder.append(String.format(" when '%s' then '%s'", getKeyFunc.apply(clueStatus), getNameFunc.apply(clueStatus))));
+        sqlBuilder.append(" else '' end as ").append(fieldName);
+        return sqlBuilder.toString();
+    }
+
+    protected FieldDTO getDepartmentNameField() {
+        FieldDTO fieldDTO = new FieldDTO();
+        fieldDTO.setType("varchar(255)");
+        fieldDTO.setComment("部门名称");
+        fieldDTO.setName("department_name");
+        return fieldDTO;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/PoolCluePermissionHandler.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/PoolCluePermissionHandler.java
new file mode 100644
index 0000000..2ecebe0
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/PoolCluePermissionHandler.java
@@ -0,0 +1,120 @@
+package cn.cordys.crm.integration.sqlbot.handler;
+
+
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.clue.constants.ClueStatus;
+import cn.cordys.crm.clue.domain.CluePool;
+import cn.cordys.crm.integration.sqlbot.constant.SQLBotTable;
+import cn.cordys.crm.integration.sqlbot.dto.FieldDTO;
+import cn.cordys.crm.integration.sqlbot.dto.TableDTO;
+import cn.cordys.crm.integration.sqlbot.dto.TableHandleParam;
+import cn.cordys.crm.system.service.UserExtendService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.PostConstruct;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Component;
+
+import java.text.MessageFormat;
+import java.util.*;
+
+@Component
+public class PoolCluePermissionHandler extends DataScopeTablePermissionHandler {
+
+    public static final String POOL_CLUE_SCOPE_SQL_TEMPLATE = """
+            select {0}
+            from clue c
+            where c.organization_id = ''{1}''
+            and in_shared_pool is true
+            and pool_id in ({2})
+            """;
+    @Resource
+    private BaseMapper<CluePool> poolMapper;
+    @Resource
+    private UserExtendService userExtendService;
+
+    @PostConstruct
+    public void registerHandler() {
+        TablePermissionHandlerFactory.registerTableHandler(SQLBotTable.POOL_CLUE, this);
+    }
+
+    @Override
+    public void handleTable(TableDTO table, TableHandleParam tableHandleParam) {
+        List<FieldDTO> filterFields = filterSystemFields(table.getFields(),
+                Set.of("owner", "collection_time", "contact", "phone", "follower", "follow_time",
+                        "in_shared_pool", "organization_id", "reason_id", "transition_type", "transition_id", "last_stage"));
+
+        table.setFields(filterFields);
+
+        String sql = getTableSql(filterFields, tableHandleParam);
+        table.setSql(sql);
+    }
+
+    protected String getTableSql(List<FieldDTO> sqlBotFields, TableHandleParam tableHandleParam) {
+        List<String> clueIds = getClueIds(tableHandleParam.getUserId(), tableHandleParam.getOrgId());
+        if (clueIds.isEmpty()) {
+            return "select 1 where 1=0"; // 返回空结果集
+        }
+        return MessageFormat.format(POOL_CLUE_SCOPE_SQL_TEMPLATE,
+                getSelectSystemFileSql(sqlBotFields),
+                tableHandleParam.getOrgId(),
+                getInConditionStr(clueIds)
+
+        );
+    }
+
+    @Override
+    protected String getSelectSystemFileSql(FieldDTO sqlBotField) {
+        String fieldName = sqlBotField.getName();
+        if (Strings.CS.equals(fieldName, "stage")) {
+            return getSystemOptionFileSql(Arrays.stream(ClueStatus.values()),
+                    ClueStatus::getKey,
+                    ClueStatus::getName,
+                    fieldName);
+        } else if (Strings.CS.equals(fieldName, "products")) {
+            return getProductsFieldSql();
+        } else if (Strings.CS.equals(fieldName, "pool_id")) {
+            sqlBotField.setName("pool_name");
+            sqlBotField.setComment("线索池名称");
+            return "(select pool.name from clue_pool pool where c.pool_id = pool.id limit 1) as pool_name";
+        } else {
+            return getDefaultFieldSql(sqlBotField);
+        }
+    }
+
+    private List<String> getClueIds(String currentUser, String currentOrgId) {
+        LambdaQueryWrapper<CluePool> query = new LambdaQueryWrapper<CluePool>()
+                .eq(CluePool::getEnable, true)
+                .eq(CluePool::getOrganizationId, currentOrgId)
+                .orderByDesc(CluePool::getUpdateTime);
+
+        List<CluePool> cluePools = poolMapper.selectListByLambda(query);
+        if (cluePools == null || cluePools.isEmpty()) {
+            return Collections.emptyList();
+        }
+
+        return cluePools.stream()
+                .filter(pool -> {
+                    List<String> scopeIds = Optional.ofNullable(pool.getScopeId())
+                            .filter(StringUtils::isNotBlank)
+                            .map(json -> JSON.parseArray(json, String.class))
+                            .map(ids -> userExtendService.getScopeOwnerIds(ids, currentOrgId))
+                            .orElse(Collections.emptyList());
+
+                    List<String> ownerIds = Optional.ofNullable(pool.getOwnerId())
+                            .filter(StringUtils::isNotBlank)
+                            .map(json -> JSON.parseArray(json, String.class))
+                            .map(ids -> userExtendService.getScopeOwnerIds(ids, currentOrgId))
+                            .orElse(Collections.emptyList());
+
+                    return scopeIds.contains(currentUser)
+                            || ownerIds.contains(currentUser)
+                            || Strings.CS.equals(currentUser, InternalUser.ADMIN.getValue());
+                })
+                .map(CluePool::getId)
+                .toList();
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/PoolCustomerPermissionHandler.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/PoolCustomerPermissionHandler.java
new file mode 100644
index 0000000..7484ac3
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/PoolCustomerPermissionHandler.java
@@ -0,0 +1,111 @@
+package cn.cordys.crm.integration.sqlbot.handler;
+
+
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.customer.domain.CustomerPool;
+import cn.cordys.crm.integration.sqlbot.constant.SQLBotTable;
+import cn.cordys.crm.integration.sqlbot.dto.FieldDTO;
+import cn.cordys.crm.integration.sqlbot.dto.TableDTO;
+import cn.cordys.crm.integration.sqlbot.dto.TableHandleParam;
+import cn.cordys.crm.system.service.UserExtendService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.PostConstruct;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Component;
+
+import java.text.MessageFormat;
+import java.util.List;
+import java.util.Optional;
+import java.util.Set;
+
+@Component
+public class PoolCustomerPermissionHandler extends DataScopeTablePermissionHandler {
+
+    public static final String POOL_CUSTOMER_SCOPE_SQL_TEMPLATE = """
+            select {0}
+            from customer c
+            where c.organization_id = ''{1}''
+            and in_shared_pool is true
+            and pool_id in ({2})
+            """;
+    @Resource
+    private BaseMapper<CustomerPool> poolMapper;
+    @Resource
+    private UserExtendService userExtendService;
+
+    @PostConstruct
+    public void registerHandler() {
+        TablePermissionHandlerFactory.registerTableHandler(SQLBotTable.POOL_CUSTOMER, this);
+    }
+
+    @Override
+    public void handleTable(TableDTO table, TableHandleParam tableHandleParam) {
+        List<FieldDTO> filterFields = filterSystemFields(table.getFields(),
+                Set.of("owner", "collection_time", "follower", "follow_time",
+                        "in_shared_pool", "organization_id", "reason_id"));
+
+        table.setFields(filterFields);
+
+        String sql = getTableSql(filterFields, tableHandleParam);
+        table.setSql(sql);
+    }
+
+    protected String getTableSql(List<FieldDTO> sqlBotFields, TableHandleParam tableHandleParam) {
+        List<String> clueIds = getClueIds(tableHandleParam.getUserId(), tableHandleParam.getOrgId());
+        if (clueIds.isEmpty()) {
+            return "select 1 where 1=0"; // 返回空结果集
+        }
+        return MessageFormat.format(POOL_CUSTOMER_SCOPE_SQL_TEMPLATE,
+                getSelectSystemFileSql(sqlBotFields),
+                tableHandleParam.getOrgId(),
+                getInConditionStr(clueIds)
+
+        );
+    }
+
+    @Override
+    protected String getSelectSystemFileSql(FieldDTO sqlBotField) {
+        String fieldName = sqlBotField.getName();
+        if (Strings.CS.equals(fieldName, "pool_id")) {
+            sqlBotField.setName("pool_name");
+            sqlBotField.setComment("公海名称");
+            return "(select pool.name from customer_pool pool where c.pool_id = pool.id limit 1) as pool_name";
+        } else {
+            return getDefaultFieldSql(sqlBotField);
+        }
+    }
+
+    private List<String> getClueIds(String currentUser, String currentOrgId) {
+        // 构建查询条件
+        var poolWrapper = new LambdaQueryWrapper<CustomerPool>()
+                .eq(CustomerPool::getEnable, true)
+                .eq(CustomerPool::getOrganizationId, currentOrgId)
+                .orderByDesc(CustomerPool::getUpdateTime);
+
+        var pools = poolMapper.selectListByLambda(poolWrapper);
+        if (pools == null || pools.isEmpty()) {
+            return List.of();
+        }
+
+        // 管理员直接拥有所有客户池
+        boolean isAdmin = Strings.CS.equals(currentUser, InternalUser.ADMIN.getValue());
+
+        return pools.stream()
+                .filter(pool -> {
+                    var scopeIds = Optional.ofNullable(pool.getScopeId())
+                            .map(ids -> userExtendService.getScopeOwnerIds(JSON.parseArray(ids, String.class), currentOrgId))
+                            .orElse(List.of());
+
+                    var ownerIds = Optional.ofNullable(pool.getOwnerId())
+                            .map(ids -> userExtendService.getScopeOwnerIds(JSON.parseArray(ids, String.class), currentOrgId))
+                            .orElse(List.of());
+
+                    return isAdmin || scopeIds.contains(currentUser) || ownerIds.contains(currentUser);
+                })
+                .map(CustomerPool::getId)
+                .toList();
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/ProductPermissionHandler.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/ProductPermissionHandler.java
new file mode 100644
index 0000000..6e9af21
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/ProductPermissionHandler.java
@@ -0,0 +1,57 @@
+package cn.cordys.crm.integration.sqlbot.handler;
+
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.integration.sqlbot.constant.SQLBotTable;
+import cn.cordys.crm.integration.sqlbot.dto.FieldDTO;
+import cn.cordys.crm.integration.sqlbot.dto.TableDTO;
+import cn.cordys.crm.integration.sqlbot.dto.TableHandleParam;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import jakarta.annotation.PostConstruct;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Component;
+
+import java.util.List;
+import java.util.Set;
+
+/**
+ * 处理有数据权限的表
+ */
+@Component
+public class ProductPermissionHandler extends ModuleFieldTablePermissionHandler {
+
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+
+    @PostConstruct
+    public void registerHandler() {
+        TablePermissionHandlerFactory.registerTableHandler(SQLBotTable.PRODUCT, this);
+    }
+
+    @Override
+    public void handleTable(TableDTO table, TableHandleParam tableHandleParam) {
+        ModuleFormConfigDTO formConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.PRODUCT.getKey(), OrganizationContext.getOrganizationId());
+        List<FieldDTO> filterFields = filterSystemFields(table.getFields(), Set.of("organization_id", "pos"));
+        table.setFields(filterFields);
+        super.handleTable(table, tableHandleParam, formConfig);
+
+    }
+
+    @Override
+    protected String getSelectSystemFileSql(FieldDTO sqlBotField) {
+        String fieldName = sqlBotField.getName();
+        if (Strings.CS.equals(fieldName, "status")) {
+            List<OptionDTO> options = List.of(new OptionDTO("1", "上架"), new OptionDTO("2", "下架"));
+            return getSystemOptionFileSql(options.stream(),
+                    OptionDTO::getId,
+                    OptionDTO::getName,
+                    fieldName);
+        } else {
+            return getDefaultFieldSql(sqlBotField);
+        }
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/SysDepartmentPermissionHandler.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/SysDepartmentPermissionHandler.java
new file mode 100644
index 0000000..f1f281d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/SysDepartmentPermissionHandler.java
@@ -0,0 +1,31 @@
+package cn.cordys.crm.integration.sqlbot.handler;
+
+
+import cn.cordys.crm.integration.sqlbot.constant.SQLBotTable;
+import cn.cordys.crm.integration.sqlbot.dto.FieldDTO;
+import cn.cordys.crm.integration.sqlbot.dto.TableDTO;
+import cn.cordys.crm.integration.sqlbot.dto.TableHandleParam;
+import jakarta.annotation.PostConstruct;
+import org.springframework.stereotype.Component;
+
+import java.util.List;
+import java.util.Set;
+
+/**
+ * 处理有数据权限的表
+ */
+@Component
+public class SysDepartmentPermissionHandler extends OrgTablePermissionHandler {
+
+    @PostConstruct
+    public void registerHandler() {
+        TablePermissionHandlerFactory.registerTableHandler(SQLBotTable.SYS_DEPARTMENT, this);
+    }
+
+    @Override
+    public void handleTable(TableDTO table, TableHandleParam tableHandleParam) {
+        List<FieldDTO> filterFields = filterSystemFields(table.getFields(), Set.of("organization_id", "pos", "resource", "resource_id"));
+        table.setFields(filterFields);
+        super.handleTable(table, tableHandleParam);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/SysUserPermissionHandler.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/SysUserPermissionHandler.java
new file mode 100644
index 0000000..dde0eb4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/SysUserPermissionHandler.java
@@ -0,0 +1,111 @@
+package cn.cordys.crm.integration.sqlbot.handler;
+
+
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.crm.integration.sqlbot.constant.SQLBotTable;
+import cn.cordys.crm.integration.sqlbot.dto.FieldDTO;
+import cn.cordys.crm.integration.sqlbot.dto.TableDTO;
+import cn.cordys.crm.integration.sqlbot.dto.TableHandleParam;
+import jakarta.annotation.PostConstruct;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Component;
+
+import java.text.MessageFormat;
+import java.util.List;
+import java.util.Set;
+
+/**
+ * 处理有数据权限的表
+ */
+@Component
+public class SysUserPermissionHandler extends OrgTablePermissionHandler {
+
+    private static final String SYS_USER_SQL_TEMPLATE = """
+            select {0}
+            from sys_user c
+            join sys_organization_user sou on c.id = sou.user_id
+            join sys_department sd on sd.id = sou.department_id
+            where sou.organization_id = ''{1}'' and sou.enable is true
+            """;
+
+    private static final String SYS_ORGANIZATION_USER_PREFIX = "sou";
+
+    @PostConstruct
+    public void registerHandler() {
+        TablePermissionHandlerFactory.registerTableHandler(SQLBotTable.SYS_USER, this);
+    }
+
+    @Override
+    public void handleTable(TableDTO table, TableHandleParam tableHandleParam) {
+        List<FieldDTO> filterFields = filterSystemFields(table.getFields(),
+                Set.of("organization_id", "pos", "password", "last_organization_id", "language"));
+        filterFields.add(getDepartmentNameField());
+        filterFields.add(getPositionField());
+        filterFields.add(getEmployeeIdField());
+        filterFields.add(getEmployeeTypeField());
+        filterFields.add(getOnboardingDateField());
+        table.setFields(filterFields);
+
+        String sql = getSysUserTableSql(tableHandleParam, table.getFields());
+        table.setSql(sql);
+    }
+
+    protected String getSysUserTableSql(TableHandleParam tableHandleParam, List<FieldDTO> sqlBotFields) {
+        return MessageFormat.format(SYS_USER_SQL_TEMPLATE,
+                getSelectSystemFileSql(sqlBotFields),
+                tableHandleParam.getOrgId());
+    }
+
+    protected FieldDTO getPositionField() {
+        FieldDTO fieldDTO = new FieldDTO();
+        fieldDTO.setType("varchar(255)");
+        fieldDTO.setComment("职位");
+        fieldDTO.setName("position");
+        return fieldDTO;
+    }
+
+    protected FieldDTO getEmployeeIdField() {
+        FieldDTO fieldDTO = new FieldDTO();
+        fieldDTO.setType("varchar(255)");
+        fieldDTO.setComment("工号");
+        fieldDTO.setName("employee_id");
+        return fieldDTO;
+    }
+
+    protected FieldDTO getEmployeeTypeField() {
+        FieldDTO fieldDTO = new FieldDTO();
+        fieldDTO.setType("varchar(255)");
+        fieldDTO.setComment("员工类型");
+        fieldDTO.setName("employee_type");
+        return fieldDTO;
+    }
+
+    protected FieldDTO getOnboardingDateField() {
+        FieldDTO fieldDTO = new FieldDTO();
+        fieldDTO.setType("varchar(500)");
+        fieldDTO.setComment("入职时间，时间格式：%Y-%m-%d");
+        fieldDTO.setName("onboarding_date");
+        return fieldDTO;
+    }
+
+    @Override
+    protected String getSelectSystemFileSql(FieldDTO sqlBotField) {
+        String fieldName = sqlBotField.getName();
+        if (Strings.CS.equals(fieldName, "employee_type")) {
+            List<OptionDTO> options = List.of(new OptionDTO("formal", "正式"),
+                    new OptionDTO("internship", "实习"), new OptionDTO("outsourcing", "外包"));
+            return getSystemOptionFileSql(options.stream(),
+                    OptionDTO::getId,
+                    OptionDTO::getName,
+                    fieldName, SYS_ORGANIZATION_USER_PREFIX);
+        } else if (Strings.CS.equals(fieldName, "gender")) {
+            return "if(c.gender, '女', '男') as '性别'";
+        } else if (Strings.CS.equals(fieldName, "department_name")) {
+            return "sd.name as department_name";
+        } else if (Strings.CS.equalsAny(fieldName, "onboarding_date", "position", "employee_id")) {
+            return getDefaultFieldSql(sqlBotField, SYS_ORGANIZATION_USER_PREFIX);
+        } else {
+            return getDefaultFieldSql(sqlBotField);
+        }
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/TablePermissionHandler.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/TablePermissionHandler.java
new file mode 100644
index 0000000..bfd156f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/TablePermissionHandler.java
@@ -0,0 +1,18 @@
+package cn.cordys.crm.integration.sqlbot.handler;
+
+
+import cn.cordys.crm.integration.sqlbot.dto.TableDTO;
+import cn.cordys.crm.integration.sqlbot.dto.TableHandleParam;
+
+/**
+ * 表的权限接口
+ */
+public interface TablePermissionHandler {
+    /**
+     * 处理表
+     *
+     * @param table            表信息
+     * @param tableHandleParam 处理参数
+     */
+    void handleTable(TableDTO table, TableHandleParam tableHandleParam);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/TablePermissionHandlerFactory.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/TablePermissionHandlerFactory.java
new file mode 100644
index 0000000..46bf6e5
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/TablePermissionHandlerFactory.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.integration.sqlbot.handler;
+
+import cn.cordys.crm.integration.sqlbot.constant.SQLBotTable;
+
+import java.util.HashMap;
+import java.util.Map;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-05  09:59
+ */
+public class TablePermissionHandlerFactory {
+    private static final Map<SQLBotTable, TablePermissionHandler> tableHandlerMap = new HashMap<>();
+
+    public static void registerTableHandler(SQLBotTable sqlBotTable, TablePermissionHandler tablePermissionHandler) {
+        tableHandlerMap.put(sqlBotTable, tablePermissionHandler);
+    }
+
+    public static TablePermissionHandler getTableHandler(SQLBotTable sqlBotTable) {
+        return tableHandlerMap.get(sqlBotTable);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/CheckboxParser.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/CheckboxParser.java
new file mode 100644
index 0000000..167cb75
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/CheckboxParser.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.integration.sqlbot.handler.field;
+
+
+import cn.cordys.crm.integration.sqlbot.dto.FieldDTO;
+import cn.cordys.crm.integration.sqlbot.handler.field.api.MultipleOptionFieldParser;
+import cn.cordys.crm.system.dto.field.CheckBoxField;
+
+public class CheckboxParser extends MultipleOptionFieldParser<CheckBoxField> {
+
+    @Override
+    public String parseSql(String filedValueTableName, CheckBoxField field) {
+        return parseOptionFieldSql(filedValueTableName, field, field.getOptions());
+    }
+
+    @Override
+    public FieldDTO parseToSQLBotField(CheckBoxField field) {
+        return parse2SQLBotField(field, field.getOptions());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/DatasourceMultipleParser.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/DatasourceMultipleParser.java
new file mode 100644
index 0000000..1a71040
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/DatasourceMultipleParser.java
@@ -0,0 +1,39 @@
+package cn.cordys.crm.integration.sqlbot.handler.field;
+
+
+import cn.cordys.crm.integration.sqlbot.handler.field.api.TextFieldParser;
+import cn.cordys.crm.system.constants.FieldSourceType;
+import cn.cordys.crm.system.dto.field.DatasourceMultipleField;
+import org.apache.commons.lang3.Strings;
+
+import java.text.MessageFormat;
+
+public class DatasourceMultipleParser extends TextFieldParser<DatasourceMultipleField> {
+
+    public static final String MEMBER_OPTION_FIELD_SQL_TEMPLATE = """
+            (
+               SELECT JSON_ARRAYAGG(ds.name)
+               FROM {0} f
+               join {1} ds on f.field_value like concat(''%'', ds.id, ''%'')
+               WHERE f.resource_id = c.id AND f.field_id = ''{2}''
+               LIMIT 1
+            ) AS ''{3}''
+            """;
+
+    @Override
+    public String parseSql(String fieldValueTable, DatasourceMultipleField field) {
+        String datasourceTableName = field.getDataSourceType().toLowerCase();
+        if (Strings.CI.equals(datasourceTableName, FieldSourceType.CONTACT.name())) {
+            datasourceTableName = "customer_contact";
+        }
+        if (Strings.CI.equals(datasourceTableName, FieldSourceType.QUOTATION.name())) {
+            datasourceTableName = "opportunity_quotation";
+        }
+        return MessageFormat.format(MEMBER_OPTION_FIELD_SQL_TEMPLATE,
+                fieldValueTable + "_blob",
+                datasourceTableName,
+                field.getId(),
+                field.getId()
+        );
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/DatasourceParser.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/DatasourceParser.java
new file mode 100644
index 0000000..fecd362
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/DatasourceParser.java
@@ -0,0 +1,39 @@
+package cn.cordys.crm.integration.sqlbot.handler.field;
+
+
+import cn.cordys.crm.integration.sqlbot.handler.field.api.TextFieldParser;
+import cn.cordys.crm.system.constants.FieldSourceType;
+import cn.cordys.crm.system.dto.field.DatasourceField;
+import org.apache.commons.lang3.Strings;
+
+import java.text.MessageFormat;
+
+public class DatasourceParser extends TextFieldParser<DatasourceField> {
+
+    public static final String MEMBER_OPTION_FIELD_SQL_TEMPLATE = """
+            (
+               SELECT ds.name
+               FROM {0} f
+               join {1} ds on ds.id = f.field_value
+               WHERE f.resource_id = c.id AND f.field_id = ''{2}''
+               LIMIT 1
+            ) AS ''{3}''
+            """;
+
+    @Override
+    public String parseSql(String fieldValueTable, DatasourceField field) {
+        String datasourceTableName = field.getDataSourceType().toLowerCase();
+        if (Strings.CI.equals(datasourceTableName, FieldSourceType.CONTACT.name())) {
+            datasourceTableName = "customer_contact";
+        }
+        if (Strings.CI.equals(datasourceTableName, FieldSourceType.QUOTATION.name())) {
+            datasourceTableName = "opportunity_quotation";
+        }
+        return MessageFormat.format(MEMBER_OPTION_FIELD_SQL_TEMPLATE,
+                fieldValueTable,
+                datasourceTableName,
+                field.getId(),
+                field.getId()
+        );
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/DateTimeParser.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/DateTimeParser.java
new file mode 100644
index 0000000..c701f36
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/DateTimeParser.java
@@ -0,0 +1,27 @@
+package cn.cordys.crm.integration.sqlbot.handler.field;
+
+
+import cn.cordys.crm.integration.sqlbot.handler.field.api.TextFieldParser;
+import cn.cordys.crm.system.dto.field.DateTimeField;
+
+import java.text.MessageFormat;
+
+public class DateTimeParser extends TextFieldParser<DateTimeField> {
+    public static final String DATE_TIME_FIELD_SQL_TEMPLATE = """
+            (
+               SELECT DATE_FORMAT(FROM_UNIXTIME(f.field_value / 1000),''%Y-%m-%d %H:%i:%s'')
+               FROM {0} f
+               WHERE f.resource_id = c.id AND f.field_id = ''{1}''
+               LIMIT 1
+            ) AS ''{2}''
+            """;
+
+    @Override
+    public String parseSql(String fieldValueTable, DateTimeField field) {
+        return MessageFormat.format(DATE_TIME_FIELD_SQL_TEMPLATE,
+                fieldValueTable,
+                field.getId(),
+                field.getId()
+        );
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/DepartmentMultipleParser.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/DepartmentMultipleParser.java
new file mode 100644
index 0000000..5f5e0df
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/DepartmentMultipleParser.java
@@ -0,0 +1,29 @@
+package cn.cordys.crm.integration.sqlbot.handler.field;
+
+
+import cn.cordys.crm.integration.sqlbot.handler.field.api.TextFieldParser;
+import cn.cordys.crm.system.dto.field.DepartmentMultipleField;
+
+import java.text.MessageFormat;
+
+public class DepartmentMultipleParser extends TextFieldParser<DepartmentMultipleField> {
+
+    public static final String MULTIPLE_DEPARTMENT_OPTION_FIELD_SQL_TEMPLATE = """
+            (
+               SELECT JSON_ARRAYAGG(sd.name)
+               FROM {0} f
+               join sys_department sd on f.field_value like concat(''%'', sd.id, ''%'')
+               WHERE f.resource_id = c.id AND f.field_id = ''{1}''
+               LIMIT 1
+            ) AS ''{2}''
+            """;
+
+    @Override
+    public String parseSql(String fieldValueTable, DepartmentMultipleField field) {
+        return MessageFormat.format(MULTIPLE_DEPARTMENT_OPTION_FIELD_SQL_TEMPLATE,
+                fieldValueTable + "_blob",
+                field.getId(),
+                field.getId()
+        );
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/DepartmentParser.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/DepartmentParser.java
new file mode 100644
index 0000000..bd80f53
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/DepartmentParser.java
@@ -0,0 +1,29 @@
+package cn.cordys.crm.integration.sqlbot.handler.field;
+
+
+import cn.cordys.crm.integration.sqlbot.handler.field.api.TextFieldParser;
+import cn.cordys.crm.system.dto.field.DepartmentField;
+
+import java.text.MessageFormat;
+
+public class DepartmentParser extends TextFieldParser<DepartmentField> {
+
+    public static final String DEPARTMENT_OPTION_FIELD_SQL_TEMPLATE = """
+            (
+               SELECT sd.name
+               FROM {0} f
+               join sys_department sd on sd.id = f.field_value
+               WHERE f.resource_id = c.id AND f.field_id = ''{1}''
+               LIMIT 1
+            ) AS ''{2}''
+            """;
+
+    @Override
+    public String parseSql(String fieldValueTable, DepartmentField field) {
+        return MessageFormat.format(DEPARTMENT_OPTION_FIELD_SQL_TEMPLATE,
+                fieldValueTable,
+                field.getId(),
+                field.getId()
+        );
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/InputMultipleParser.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/InputMultipleParser.java
new file mode 100644
index 0000000..555df63
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/InputMultipleParser.java
@@ -0,0 +1,8 @@
+package cn.cordys.crm.integration.sqlbot.handler.field;
+
+
+import cn.cordys.crm.integration.sqlbot.handler.field.api.TextFieldParser;
+import cn.cordys.crm.system.dto.field.InputMultipleField;
+
+public class InputMultipleParser extends TextFieldParser<InputMultipleField> {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/InputParser.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/InputParser.java
new file mode 100644
index 0000000..c6b9bc5
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/InputParser.java
@@ -0,0 +1,8 @@
+package cn.cordys.crm.integration.sqlbot.handler.field;
+
+
+import cn.cordys.crm.integration.sqlbot.handler.field.api.TextFieldParser;
+import cn.cordys.crm.system.dto.field.InputField;
+
+public class InputParser extends TextFieldParser<InputField> {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/MemberMultipleParser.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/MemberMultipleParser.java
new file mode 100644
index 0000000..f25e8d8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/MemberMultipleParser.java
@@ -0,0 +1,29 @@
+package cn.cordys.crm.integration.sqlbot.handler.field;
+
+
+import cn.cordys.crm.integration.sqlbot.handler.field.api.TextFieldParser;
+import cn.cordys.crm.system.dto.field.MemberMultipleField;
+
+import java.text.MessageFormat;
+
+public class MemberMultipleParser extends TextFieldParser<MemberMultipleField> {
+
+    public static final String MULTIPLE_MEMBER_OPTION_FIELD_SQL_TEMPLATE = """
+            (
+               SELECT JSON_ARRAYAGG(su.name)
+               FROM {0} f
+               join sys_user su on f.field_value like concat(''%'', su.id, ''%'')
+               WHERE f.resource_id = c.id AND f.field_id = ''{1}''
+               LIMIT 1
+            ) AS ''{2}''
+            """;
+
+    @Override
+    public String parseSql(String fieldValueTable, MemberMultipleField field) {
+        return MessageFormat.format(MULTIPLE_MEMBER_OPTION_FIELD_SQL_TEMPLATE,
+                fieldValueTable + "_blob",
+                field.getId(),
+                field.getId()
+        );
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/MemberParser.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/MemberParser.java
new file mode 100644
index 0000000..43b80a2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/MemberParser.java
@@ -0,0 +1,29 @@
+package cn.cordys.crm.integration.sqlbot.handler.field;
+
+
+import cn.cordys.crm.integration.sqlbot.handler.field.api.TextFieldParser;
+import cn.cordys.crm.system.dto.field.MemberField;
+
+import java.text.MessageFormat;
+
+public class MemberParser extends TextFieldParser<MemberField> {
+
+    public static final String MEMBER_OPTION_FIELD_SQL_TEMPLATE = """
+            (
+               SELECT su.name
+               FROM {0} f
+               join sys_user su on su.id = f.field_value
+               WHERE f.resource_id = c.id AND f.field_id = ''{1}''
+               LIMIT 1
+            ) AS ''{2}''
+            """;
+
+    @Override
+    public String parseSql(String fieldValueTable, MemberField field) {
+        return MessageFormat.format(MEMBER_OPTION_FIELD_SQL_TEMPLATE,
+                fieldValueTable,
+                field.getId(),
+                field.getId()
+        );
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/PhoneParser.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/PhoneParser.java
new file mode 100644
index 0000000..aa595db
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/PhoneParser.java
@@ -0,0 +1,8 @@
+package cn.cordys.crm.integration.sqlbot.handler.field;
+
+
+import cn.cordys.crm.integration.sqlbot.handler.field.api.TextFieldParser;
+import cn.cordys.crm.system.dto.field.PhoneField;
+
+public class PhoneParser extends TextFieldParser<PhoneField> {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/RadioParser.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/RadioParser.java
new file mode 100644
index 0000000..e63535d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/RadioParser.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.integration.sqlbot.handler.field;
+
+
+import cn.cordys.crm.integration.sqlbot.dto.FieldDTO;
+import cn.cordys.crm.integration.sqlbot.handler.field.api.OptionFieldParser;
+import cn.cordys.crm.system.dto.field.RadioField;
+
+public class RadioParser extends OptionFieldParser<RadioField> {
+
+    @Override
+    public String parseSql(String filedValueTableName, RadioField field) {
+        return parseOptionFieldSql(filedValueTableName, field, field.getOptions());
+    }
+
+    @Override
+    public FieldDTO parseToSQLBotField(RadioField field) {
+        return parse2SQLBotField(field, field.getOptions());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/SelectMultipleParser.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/SelectMultipleParser.java
new file mode 100644
index 0000000..5de39f4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/SelectMultipleParser.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.integration.sqlbot.handler.field;
+
+
+import cn.cordys.crm.integration.sqlbot.dto.FieldDTO;
+import cn.cordys.crm.integration.sqlbot.handler.field.api.MultipleOptionFieldParser;
+import cn.cordys.crm.system.dto.field.SelectMultipleField;
+
+public class SelectMultipleParser extends MultipleOptionFieldParser<SelectMultipleField> {
+
+    @Override
+    public String parseSql(String filedValueTableName, SelectMultipleField field) {
+        return parseOptionFieldSql(filedValueTableName, field, field.getOptions());
+    }
+
+    @Override
+    public FieldDTO parseToSQLBotField(SelectMultipleField field) {
+        return parse2SQLBotField(field, field.getOptions());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/SelectParser.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/SelectParser.java
new file mode 100644
index 0000000..5a7f14b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/SelectParser.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.integration.sqlbot.handler.field;
+
+
+import cn.cordys.crm.integration.sqlbot.dto.FieldDTO;
+import cn.cordys.crm.integration.sqlbot.handler.field.api.OptionFieldParser;
+import cn.cordys.crm.system.dto.field.SelectField;
+
+public class SelectParser extends OptionFieldParser<SelectField> {
+
+    @Override
+    public String parseSql(String filedValueTableName, SelectField field) {
+        return parseOptionFieldSql(filedValueTableName, field, field.getOptions());
+    }
+
+    @Override
+    public FieldDTO parseToSQLBotField(SelectField field) {
+        return parse2SQLBotField(field, field.getOptions());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/SerialNumberParser.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/SerialNumberParser.java
new file mode 100644
index 0000000..cd3f3bb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/SerialNumberParser.java
@@ -0,0 +1,8 @@
+package cn.cordys.crm.integration.sqlbot.handler.field;
+
+
+import cn.cordys.crm.integration.sqlbot.handler.field.api.TextFieldParser;
+import cn.cordys.crm.system.dto.field.SerialNumberField;
+
+public class SerialNumberParser extends TextFieldParser<SerialNumberField> {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/TextareaParser.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/TextareaParser.java
new file mode 100644
index 0000000..a495a51
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/TextareaParser.java
@@ -0,0 +1,8 @@
+package cn.cordys.crm.integration.sqlbot.handler.field;
+
+
+import cn.cordys.crm.integration.sqlbot.handler.field.api.TextFieldParser;
+import cn.cordys.crm.system.dto.field.TextAreaField;
+
+public class TextareaParser extends TextFieldParser<TextAreaField> {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/api/DefaultParser.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/api/DefaultParser.java
new file mode 100644
index 0000000..5765b51
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/api/DefaultParser.java
@@ -0,0 +1,30 @@
+package cn.cordys.crm.integration.sqlbot.handler.field.api;
+
+
+import cn.cordys.crm.integration.sqlbot.dto.FieldDTO;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+
+import java.text.MessageFormat;
+
+public class DefaultParser implements ModuleFieldParser<BaseField> {
+
+    public static final String DEFAULT_FIELD_SQL_TEMPLATE = """
+            ''选项不存在'' AS ''{0}''
+            """;
+
+    @Override
+    public String parseSql(String filedValueTableName, BaseField field) {
+        return MessageFormat.format(DEFAULT_FIELD_SQL_TEMPLATE,
+                field.getId()
+        );
+    }
+
+    @Override
+    public FieldDTO parseToSQLBotField(BaseField field) {
+        FieldDTO fieldDTO = new FieldDTO();
+        fieldDTO.setName(field.getId());
+        fieldDTO.setType("text");
+        fieldDTO.setComment(field.getName());
+        return fieldDTO;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/api/ModuleFieldParser.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/api/ModuleFieldParser.java
new file mode 100644
index 0000000..5290e42
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/api/ModuleFieldParser.java
@@ -0,0 +1,26 @@
+package cn.cordys.crm.integration.sqlbot.handler.field.api;
+
+
+import cn.cordys.crm.integration.sqlbot.dto.FieldDTO;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+
+/**
+ * 将模块字段转换为待拼接的SQL语句
+ */
+public interface ModuleFieldParser<T extends BaseField> {
+    /**
+     * 编写sql模板
+     *
+     * @param field 字段信息
+     */
+    String parseSql(String filedValueTableName, T field);
+
+    /**
+     * 将字段转换为SQLBot的FieldDTO对象
+     *
+     * @param field 字段信息
+     *
+     * @return 转换后的FieldDTO对象
+     */
+    FieldDTO parseToSQLBotField(T field);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/api/ModuleFieldParserFactory.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/api/ModuleFieldParserFactory.java
new file mode 100644
index 0000000..6beb853
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/api/ModuleFieldParserFactory.java
@@ -0,0 +1,45 @@
+package cn.cordys.crm.integration.sqlbot.handler.field.api;
+
+import cn.cordys.crm.integration.sqlbot.handler.field.*;
+import cn.cordys.crm.system.constants.FieldType;
+
+import java.util.HashMap;
+import java.util.Map;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-08-05  09:59
+ */
+public class ModuleFieldParserFactory {
+    private static final Map<String, ModuleFieldParser<?>> MODULE_FIELD_PARSER_MAP = new HashMap<>();
+    private static final DefaultParser DEFAULT_PARSER = new DefaultParser();
+
+    static {
+        registerFieldParser(FieldType.SELECT, new SelectParser());
+        registerFieldParser(FieldType.SELECT_MULTIPLE, new SelectMultipleParser());
+        registerFieldParser(FieldType.RADIO, new RadioParser());
+        registerFieldParser(FieldType.CHECKBOX, new CheckboxParser());
+
+        registerFieldParser(FieldType.INPUT, new InputParser());
+        registerFieldParser(FieldType.INPUT_MULTIPLE, new InputMultipleParser());
+        registerFieldParser(FieldType.TEXTAREA, new TextareaParser());
+        registerFieldParser(FieldType.PHONE, new PhoneParser());
+        registerFieldParser(FieldType.SERIAL_NUMBER, new SerialNumberParser());
+
+        registerFieldParser(FieldType.DATE_TIME, new DateTimeParser());
+        registerFieldParser(FieldType.MEMBER, new MemberParser());
+        registerFieldParser(FieldType.MEMBER_MULTIPLE, new MemberMultipleParser());
+        registerFieldParser(FieldType.DEPARTMENT, new DepartmentParser());
+        registerFieldParser(FieldType.DEPARTMENT_MULTIPLE, new DepartmentMultipleParser());
+        registerFieldParser(FieldType.DATA_SOURCE, new DatasourceParser());
+        registerFieldParser(FieldType.DATA_SOURCE_MULTIPLE, new DatasourceMultipleParser());
+    }
+
+    private static void registerFieldParser(FieldType fieldType, ModuleFieldParser<?> parser) {
+        MODULE_FIELD_PARSER_MAP.put(fieldType.name(), parser);
+    }
+
+    public static ModuleFieldParser<?> getFieldParser(String fieldType) {
+        return MODULE_FIELD_PARSER_MAP.get(fieldType) != null ? MODULE_FIELD_PARSER_MAP.get(fieldType) : DEFAULT_PARSER;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/api/MultipleOptionFieldParser.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/api/MultipleOptionFieldParser.java
new file mode 100644
index 0000000..e55778b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/api/MultipleOptionFieldParser.java
@@ -0,0 +1,47 @@
+package cn.cordys.crm.integration.sqlbot.handler.field.api;
+
+
+import cn.cordys.crm.integration.sqlbot.dto.FieldDTO;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.field.base.OptionProp;
+import org.apache.commons.collections4.CollectionUtils;
+
+import java.text.MessageFormat;
+import java.util.List;
+
+public abstract class MultipleOptionFieldParser<T extends BaseField> extends OptionFieldParser<T> {
+
+    public static final String MULTIPLE_OPTION_FIELD_SQL_TEMPLATE = """
+            (
+               SELECT JSON_ARRAYAGG(option_t.label)
+               FROM {0} f
+               left join (
+                   {1}
+               ) option_t on f.field_value like concat(''%'', option_t.value, ''%'')
+                WHERE option_t.label is not null and f.resource_id = c.id AND f.field_id = ''{2}''
+                LIMIT 1
+            ) AS ''{3}''
+            """;
+
+    @Override
+    protected String parseOptionFieldSql(String fieldValueTable, BaseField field, List<OptionProp> options) {
+        if (CollectionUtils.isEmpty(options)) {
+            return parseEmptyOptionSql(field);
+        }
+        return MessageFormat.format(MULTIPLE_OPTION_FIELD_SQL_TEMPLATE,
+                fieldValueTable + "_blob",
+                parseOptionSql(options),
+                field.getId(),
+                field.getId()
+        );
+    }
+
+    @Override
+    public FieldDTO parse2SQLBotField(BaseField field, List<OptionProp> options) {
+        FieldDTO fieldDTO = new FieldDTO();
+        fieldDTO.setName(field.getId());
+        fieldDTO.setType("text");
+        fieldDTO.setComment(field.getName() + getOptionLabelStr(options));
+        return fieldDTO;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/api/OptionFieldParser.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/api/OptionFieldParser.java
new file mode 100644
index 0000000..003505f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/api/OptionFieldParser.java
@@ -0,0 +1,96 @@
+package cn.cordys.crm.integration.sqlbot.handler.field.api;
+
+
+import cn.cordys.crm.integration.sqlbot.dto.FieldDTO;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.field.base.OptionProp;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+
+import java.text.MessageFormat;
+import java.util.List;
+import java.util.stream.Collectors;
+
+public abstract class OptionFieldParser<T extends BaseField> implements ModuleFieldParser<T> {
+
+    public static final String SINGLE_OPTION_FIELD_SQL_TEMPLATE = """
+            (
+               SELECT option_t.label
+               FROM {0} f
+               left join (
+                   {1}
+               ) option_t on option_t.value = f.field_value
+                WHERE f.resource_id = c.id AND f.field_id = ''{2}''
+                LIMIT 1
+            ) AS ''{3}''
+            """;
+
+    /**
+     * 将选项列表转换为SQL查询语句
+     * 例如：
+     * SELECT '400电话' AS label, '1' AS value
+     * UNION ALL SELECT '官网咨询', '2'
+     *
+     * @param options
+     *
+     * @return
+     */
+    protected static String parseOptionSql(List<OptionProp> options) {
+        if (CollectionUtils.isEmpty(options)) {
+            return null;
+        }
+
+        StringBuilder sqlBuffer = new StringBuilder();
+
+        for (int i = 0; i < options.size(); i++) {
+            OptionProp option = options.get(i);
+            if (option == null || StringUtils.isAnyBlank(option.getValue(), option.getLabel())) {
+                continue;
+            }
+
+            String label = option.getLabel().replace("'", "''");
+            String value = option.getValue().replace("'", "''");
+
+            if (i == 0) {
+                sqlBuffer.append(String.format("SELECT '%s' AS label, '%s' AS value", label, value));
+            } else {
+                sqlBuffer.append(String.format(" UNION ALL SELECT '%s', '%s'", label, value));
+            }
+        }
+
+        return sqlBuffer.toString();
+    }
+
+    protected String parseOptionFieldSql(String fieldValueTable, BaseField field, List<OptionProp> options) {
+        if (CollectionUtils.isEmpty(options)) {
+            return parseEmptyOptionSql(field);
+        }
+        return MessageFormat.format(SINGLE_OPTION_FIELD_SQL_TEMPLATE,
+                fieldValueTable,
+                parseOptionSql(options),
+                field.getId(),
+                field.getId()
+        );
+    }
+
+    public FieldDTO parse2SQLBotField(BaseField field, List<OptionProp> options) {
+        FieldDTO fieldDTO = new FieldDTO();
+        fieldDTO.setName(field.getId());
+        fieldDTO.setType("varchar(50)");
+        fieldDTO.setComment(field.getName() + getOptionLabelStr(options));
+        return fieldDTO;
+    }
+
+    protected String getOptionLabelStr(List<OptionProp> options) {
+        return "，可选值：(" +
+                options
+                        .stream()
+                        .map(OptionProp::getLabel)
+                        .collect(Collectors.joining(","))
+                + ")";
+    }
+
+    protected String parseEmptyOptionSql(BaseField field) {
+        return "'' as " + field.getId();
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/api/TextFieldParser.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/api/TextFieldParser.java
new file mode 100644
index 0000000..606a15b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/handler/field/api/TextFieldParser.java
@@ -0,0 +1,43 @@
+package cn.cordys.crm.integration.sqlbot.handler.field.api;
+
+
+import cn.cordys.crm.integration.sqlbot.dto.FieldDTO;
+import cn.cordys.crm.system.constants.FieldType;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import org.apache.commons.lang3.Strings;
+
+import java.text.MessageFormat;
+
+public abstract class TextFieldParser<T extends BaseField> implements ModuleFieldParser<T> {
+
+    public static final String TEXT_FIELD_SQL_TEMPLATE = """
+            (
+               SELECT f.field_value
+               FROM {0} f
+               WHERE f.resource_id = c.id AND f.field_id = ''{1}''
+               LIMIT 1
+            ) AS ''{2}''
+            """;
+
+    @Override
+    public String parseSql(String fieldValueTable, T field) {
+        return MessageFormat.format(TEXT_FIELD_SQL_TEMPLATE,
+                fieldValueTable,
+                field.getId(),
+                field.getId()
+        );
+    }
+
+    @Override
+    public FieldDTO parseToSQLBotField(BaseField field) {
+        FieldDTO fieldDTO = new FieldDTO();
+        fieldDTO.setName(field.getId());
+        if (field.multiple() || Strings.CS.equals(field.getType(), FieldType.TEXTAREA.name())) {
+            fieldDTO.setType("text");
+        } else {
+            fieldDTO.setType("varchar(255)");
+        }
+        fieldDTO.setComment(field.getName());
+        return fieldDTO;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/mapper/ExtDataSourceMapper.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/mapper/ExtDataSourceMapper.java
new file mode 100644
index 0000000..6979325
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/mapper/ExtDataSourceMapper.java
@@ -0,0 +1,8 @@
+package cn.cordys.crm.integration.sqlbot.mapper;
+
+import org.apache.ibatis.annotations.Param;
+
+
+public interface ExtDataSourceMapper {
+    String selectSchemaByDbName(@Param("dbName") String dbName);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/mapper/ExtDataSourceMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/mapper/ExtDataSourceMapper.xml
new file mode 100644
index 0000000..455b844
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/mapper/ExtDataSourceMapper.xml
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="cn.cordys.crm.integration.sqlbot.mapper.ExtDataSourceMapper">
+
+    <select id="selectSchemaByDbName" resultType="java.lang.String">
+        SELECT JSON_PRETTY(
+                       JSON_ARRAYAGG(
+                               JSON_OBJECT(
+                                       'name', t.TABLE_NAME,
+                                       'comment', t.TABLE_COMMENT,
+                                       'rule', NULL,
+                                       'sql', NULL,
+                                       'fields',
+                                       (
+                                           SELECT JSON_ARRAYAGG(
+                                                          JSON_OBJECT(
+                                                                  'name',    c.COLUMN_NAME,
+                                                                  'type',      c.COLUMN_TYPE,
+                                                                  'comment', c.COLUMN_COMMENT
+                                                          )
+                                                  )
+                                           FROM information_schema.COLUMNS c
+                                           WHERE c.TABLE_SCHEMA = #{dbName}
+                                             AND c.TABLE_NAME   = t.TABLE_NAME
+                                       )
+                               )
+                       )
+               ) AS full_schema_json
+        FROM information_schema.TABLES t
+        WHERE t.TABLE_SCHEMA = #{dbName};
+    </select>
+
+
+</mapper> 
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/service/DataSourceService.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/service/DataSourceService.java
new file mode 100644
index 0000000..9a365af
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sqlbot/service/DataSourceService.java
@@ -0,0 +1,410 @@
+package cn.cordys.crm.integration.sqlbot.service;
+
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.constants.RoleDataScope;
+import cn.cordys.common.constants.ThirdDetailType;
+import cn.cordys.common.dto.BaseTreeNode;
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.common.dto.RoleDataScopeDTO;
+import cn.cordys.common.dto.RolePermissionDTO;
+import cn.cordys.common.permission.PermissionCache;
+import cn.cordys.common.response.handler.RestControllerExceptionHandler;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.common.util.CodingUtils;
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.integration.sqlbot.constant.SQLBotTable;
+import cn.cordys.crm.integration.sqlbot.dto.*;
+import cn.cordys.crm.integration.sqlbot.handler.TablePermissionHandler;
+import cn.cordys.crm.integration.sqlbot.handler.TablePermissionHandlerFactory;
+import cn.cordys.crm.integration.sqlbot.mapper.ExtDataSourceMapper;
+import cn.cordys.crm.system.domain.OrganizationConfigDetail;
+import cn.cordys.crm.system.domain.OrganizationUser;
+import cn.cordys.crm.system.domain.RoleScopeDept;
+import cn.cordys.crm.system.service.DepartmentService;
+import cn.cordys.crm.system.service.RoleService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.BooleanUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.cache.annotation.Cacheable;
+import org.springframework.stereotype.Service;
+
+import java.util.*;
+import java.util.function.Function;
+import java.util.regex.Pattern;
+import java.util.stream.Collectors;
+
+/**
+ * 数据源服务，用于处理数据库连接和表结构信息
+ */
+@Service
+@Slf4j
+public class DataSourceService {
+
+    private static final DatabaseConfig MYSQL_CONFIG = new DatabaseConfig(
+            "jdbc:mysql://",
+            List.of("sys_", "qrtz_"),
+            3306
+    );
+    // MySQL JDBC URL解析正则
+    private static final Pattern MYSQL_URL_PATTERN =
+            Pattern.compile("jdbc:mysql://([^:/]+)(?::(\\d+))?/([^?]+)(?:\\?(.*))?");
+    private final String url;
+    private final String username;
+    private final String password;
+    @Resource
+    private DataScopeService dataScopeService;
+    @Resource
+    private PermissionCache permissionCache;
+    @Resource
+    private DepartmentService departmentService;
+    @Resource
+    private RoleService roleService;
+    @Value("${sqlbot.encrypt:false}")
+    private boolean encryptEnabled;
+    @Value("${sqlbot.aes-key:${random.value}}")
+    private String aesKey;
+    @Value("${sqlbot.aes-iv:${random.value}}")
+    private String aesIv;
+    @Resource
+    private ExtDataSourceMapper extDataSourceMapper;
+    @Resource
+    private BaseMapper<OrganizationConfigDetail> organizationConfigDetailMapper;
+
+    /**
+     * 构造函数依赖注入
+     */
+    public DataSourceService(
+            @Value("${spring.datasource.url}") String url,
+            @Value("${sqlbot.datasource.username:${spring.datasource.username}}") String username,
+            @Value("${sqlbot.datasource.password:${spring.datasource.password}}") String password) {
+        this.url = url;
+        this.username = username;
+        this.password = password;
+    }
+
+    private void aesEncryptDataSource(DataSourceDTO dataSource) {
+        if (BooleanUtils.isTrue(encryptEnabled)) {
+            dataSource.setHost(aesEncrypt(dataSource.getHost()));
+            dataSource.setUser(aesEncrypt(dataSource.getUser()));
+            dataSource.setPassword(aesEncrypt(dataSource.getPassword()));
+            dataSource.setDataBase(aesEncrypt(dataSource.getDataBase()));
+            dataSource.setSchema(aesEncrypt(dataSource.getSchema()));
+        }
+    }
+
+    private String aesEncrypt(String text) {
+        return CodingUtils.aesCBCEncrypt(text, aesKey, aesIv);
+    }
+
+    /**
+     * 获取当前数据库模式信息
+     *
+     * @return 数据源DTO列表
+     */
+    public SQLBotDTO getDatabaseSchema(String userId, String orgId) {
+        try {
+            // 验证是否启用了 SQL Bot 功能
+            List<OrganizationConfigDetail> organizationConfigDetails = organizationConfigDetailMapper.selectListByLambda(
+                    new LambdaQueryWrapper<OrganizationConfigDetail>()
+                            .eq(OrganizationConfigDetail::getType, ThirdDetailType.SQLBOT_CHAT.name())
+                            .eq(OrganizationConfigDetail::getEnable, true)
+            );
+            if (CollectionUtils.isEmpty(organizationConfigDetails)) {
+                throw new IllegalArgumentException("当前组织未配置 SQL Bot 功能");
+            }
+
+            var databaseName = extractDatabaseName();
+            var allTables = Objects.requireNonNull(CommonBeanFactory.getBean(DataSourceService.class)).tableList(databaseName);
+
+            Map<String, SQLBotTable> sqlBotTableMap = Arrays.stream(SQLBotTable.values())
+                    .collect(Collectors.toMap(SQLBotTable::getTableName, Function.identity()));
+
+            // 获取权限信息
+            List<RolePermissionDTO> rolePermissions = permissionCache.getRolePermissions(userId, orgId);
+            // 添加虚拟表
+            appendVirtualTable(allTables, sqlBotTableMap.values());
+            // 过滤符合条件的表
+            var filteredTables = filterTable(userId, allTables, sqlBotTableMap, rolePermissions);
+
+            Map<String, DeptDataPermissionDTO> deptDataPermissionMap = getDeptDataPermissionMap(userId, orgId, rolePermissions);
+
+            filteredTables.forEach(table -> {
+                SQLBotTable tableInfo = sqlBotTableMap.get(table.getName());
+                TablePermissionHandler tablePermissionHandler = TablePermissionHandlerFactory.getTableHandler(tableInfo);
+                if (tablePermissionHandler != null) {
+                    // 权限处理器添加sql过滤
+                    String permission = tableInfo.getPermission();
+                    DeptDataPermissionDTO dataPermission = deptDataPermissionMap.get(permission);
+                    TableHandleParam tableHandleParam = new TableHandleParam(userId, orgId, tableInfo, dataPermission);
+                    tablePermissionHandler.handleTable(table, tableHandleParam);
+                }
+                if (StringUtils.isNotBlank(table.getSql())) {
+                    table.setSql(table.getSql().replace("\n", " "));
+                }
+            });
+
+            var dataSourceDTO = new DataSourceDTO();
+            populateDataSourceProperties(dataSourceDTO);
+            dataSourceDTO.setTables(filteredTables);
+            aesEncryptDataSource(dataSourceDTO);
+
+            return SQLBotDTO.builder().code(0).data(List.of(dataSourceDTO)).build();
+        } catch (Exception e) {
+            log.error(e.getMessage(), e);
+            return SQLBotDTO.builder().code(1).message("获取数据库结构失败: " + RestControllerExceptionHandler.getStackTraceAsString(e)).build();
+        }
+    }
+
+    @Cacheable(value = "table_schema_cache", key = "#databaseName", unless = "#result == null")
+    public List<TableDTO> tableList(String databaseName) {
+        var schemaJson = extDataSourceMapper.selectSchemaByDbName(databaseName);
+        return JSON.parseArray(schemaJson, TableDTO.class);
+    }
+
+    private boolean isAdmin(String userId) {
+        return Strings.CS.equals(userId, InternalUser.ADMIN.getValue());
+    }
+
+    /**
+     * 过滤符合条件的表
+     *
+     * @param filteredTables
+     * @param sqlBotTableMap
+     * @param rolePermissions
+     * @return
+     */
+    private List<TableDTO> filterTable(String userId, List<TableDTO> filteredTables, Map<String, SQLBotTable> sqlBotTableMap, List<RolePermissionDTO> rolePermissions) {
+        Set<String> permissionIds = rolePermissions.stream()
+                .map(RolePermissionDTO::getPermissions)
+                .flatMap(Set::stream)
+                .collect(Collectors.toSet());
+
+        Map<String, TableDTO> tableMap = filteredTables.stream()
+                .collect(Collectors.toMap(TableDTO::getName, Function.identity()));
+
+        // 过滤符合条件的表
+        return filteredTables.stream()
+                .filter(table -> {
+                    SQLBotTable sqlBotTable = sqlBotTableMap.get(table.getName());
+                    if (sqlBotTable == null) {
+                        return false;
+                    }
+
+                    if (StringUtils.isNotBlank(sqlBotTable.getCopyFromTableName())) {
+                        table.setFields(tableMap.get(sqlBotTable.getCopyFromTableName()).getFields());
+                    }
+
+                    if (isAdmin(userId)) {
+                        return true;
+                    }
+
+                    // 替换表注释
+                    table.setComment(sqlBotTableMap.get(table.getName()).getDescription());
+
+                    if (CollectionUtils.isNotEmpty(sqlBotTable.getDisableFields())) {
+                        // 过滤禁用的字段
+                        List<FieldDTO> filterFields = table.getFields()
+                                .stream()
+                                .filter(field -> !sqlBotTable.getDisableFields().contains(field.getName()))
+                                .collect(Collectors.toList());
+                        table.setFields(filterFields);
+                    }
+                    // 检查权限,null 表示不需要权限
+                    return sqlBotTable.getPermission() == null || permissionIds.contains(sqlBotTable.getPermission());
+                })
+                .collect(Collectors.toList());
+    }
+
+    /**
+     * 添加虚拟表
+     *
+     * @param filteredTables
+     * @param sqlBotTables
+     */
+    private void appendVirtualTable(List<TableDTO> filteredTables, Collection<SQLBotTable> sqlBotTables) {
+        Set<String> tableNames = filteredTables.stream().map(TableDTO::getName)
+                .collect(Collectors.toSet());
+        sqlBotTables.forEach(
+                sqlBotTable -> {
+                    // 如果表不存在，则将虚拟表添加到结果集中
+                    if (!tableNames.contains(sqlBotTable.getTableName())) {
+                        TableDTO addTable = new TableDTO();
+                        addTable.setName(sqlBotTable.getTableName());
+                        addTable.setComment(sqlBotTable.getDescription());
+                        filteredTables.add(addTable);
+                    }
+                }
+        );
+    }
+
+    private Map<String, DeptDataPermissionDTO> getDeptDataPermissionMap(String userId, String orgId, List<RolePermissionDTO> rolePermissions) {
+        Map<String, DeptDataPermissionDTO> deptDataPermissionMap = new HashMap<>();
+
+        // DataScope和角色的映射
+        Map<String, List<RolePermissionDTO>> dataScopeRoleMap = rolePermissions
+                .stream()
+                .collect(Collectors.groupingBy(RoleDataScopeDTO::getDataScope, Collectors.toList()));
+
+        // 本部门角色
+        List<RolePermissionDTO> userDeptRoles = dataScopeRoleMap.get(RoleDataScope.DEPT_AND_CHILD.name());
+        // 指定部门角色
+        List<RolePermissionDTO> customDeptRoles = dataScopeRoleMap.get(RoleDataScope.DEPT_CUSTOM.name());
+
+        if (isAdmin(userId)) {
+            return deptDataPermissionMap;
+        }
+
+        List<BaseTreeNode> tree = List.of();
+        if (CollectionUtils.isNotEmpty(userDeptRoles) || CollectionUtils.isNotEmpty(customDeptRoles)) {
+            // 查询部门树
+            tree = departmentService.getTree(orgId);
+        }
+
+        List<String> currentUserDeptIds = List.of();
+        if (CollectionUtils.isNotEmpty(userDeptRoles)) {
+            // 查看用户部门及其子部门数据
+            OrganizationUser organizationUser = dataScopeService.getOrganizationUser(userId, orgId);
+            currentUserDeptIds = dataScopeService.getDeptIdsWithChild(tree, Set.of(organizationUser.getDepartmentId()));
+        }
+
+        Map<String, List<String>> customDeptRoleDeptMap = new HashMap<>();
+        if (CollectionUtils.isNotEmpty(customDeptRoles)) {
+            // 查看指定部门及其子部门数据
+            List<String> customDeptRolesIds = customDeptRoles.stream()
+                    .map(RoleDataScopeDTO::getId)
+                    .toList();
+
+            List<RoleScopeDept> roleScopeDeptList = roleService.getRoleScopeDeptByRoleIds(customDeptRolesIds);
+            roleScopeDeptList.forEach(roleScopeDept -> {
+                customDeptRoleDeptMap.putIfAbsent(roleScopeDept.getRoleId(), new ArrayList<>());
+                customDeptRoleDeptMap.get(roleScopeDept.getRoleId()).add(roleScopeDept.getDepartmentId());
+            });
+        }
+
+        for (String dataScopePermission : SQLBotTable.getDataScopePermissions()) {
+            DeptDataPermissionDTO deptDataPermission = new DeptDataPermissionDTO();
+            deptDataPermissionMap.put(dataScopePermission, deptDataPermission);
+            boolean hasAllPermission = dataScopeService.hasDataScopePermission(dataScopeRoleMap, RoleDataScope.ALL.name(), dataScopePermission);
+            if (hasAllPermission) {
+                deptDataPermission.setAll(true);
+                continue;
+            }
+            if (CollectionUtils.isNotEmpty(userDeptRoles)) {
+                // 添加当前用户的部门及子部门ID
+                deptDataPermission.getDeptIds().addAll(currentUserDeptIds);
+            }
+            if (CollectionUtils.isNotEmpty(customDeptRoles)) {
+                List<String> parentDeptIds = new ArrayList<>();
+                for (RolePermissionDTO customDeptRole : customDeptRoles) {
+                    if (CollectionUtils.isNotEmpty(customDeptRoleDeptMap.get(customDeptRole.getId()))) {
+                        // 获取指定部门角色中的部门Id
+                        List<String> deptIds = customDeptRoleDeptMap.get(customDeptRole.getId());
+                        parentDeptIds.addAll(deptIds);
+                    }
+                }
+                // 获取部门及子部门ID
+                List<String> deptIds = dataScopeService.getDeptIdsWithChild(tree, new HashSet<>(parentDeptIds));
+                deptDataPermission.getDeptIds().addAll(deptIds);
+            }
+        }
+        return deptDataPermissionMap;
+    }
+
+    /**
+     * 从数据库URL中提取数据库名称
+     */
+    private String extractDatabaseName() {
+        var matcher = MYSQL_URL_PATTERN.matcher(url);
+        if (matcher.find() && matcher.groupCount() >= 3) {
+            return matcher.group(3);
+        }
+
+        // 回退方法
+        var parts = url.split("/");
+        var dbPart = parts[parts.length - 1];
+        return dbPart.contains("?")
+                ? dbPart.substring(0, dbPart.indexOf("?"))
+                : dbPart;
+    }
+
+    /**
+     * 填充数据源属性
+     */
+    private void populateDataSourceProperties(DataSourceDTO dataSourceDTO) {
+        var matcher = MYSQL_URL_PATTERN.matcher(url);
+
+        if (matcher.find() && matcher.groupCount() >= 3) {
+            var host = matcher.group(1);
+            var port = matcher.group(2) != null
+                    ? Integer.parseInt(matcher.group(2))
+                    : MYSQL_CONFIG.defaultPort();
+            var database = matcher.group(3);
+            var params = matcher.groupCount() >= 4 && matcher.group(4) != null
+                    ? matcher.group(4)
+                    : "";
+            dataSourceDTO.setHost(host);
+            dataSourceDTO.setPort(port);
+            dataSourceDTO.setUser(username);
+            dataSourceDTO.setPassword(password);
+            dataSourceDTO.setType("mysql");
+            dataSourceDTO.setName(database);
+            dataSourceDTO.setDataBase(database);
+            dataSourceDTO.setExtraParams(params);
+        } else {
+            fallbackPopulateDataSourceProperties(dataSourceDTO);
+        }
+    }
+
+    /**
+     * 回退方法：填充数据源属性
+     */
+    private void fallbackPopulateDataSourceProperties(DataSourceDTO dataSourceDTO) {
+        var strippedUrl = url.replace(MYSQL_CONFIG.jdbcPrefix(), "");
+        var urlParts = strippedUrl.split("\\?", 2);
+
+        var hostPortDb = urlParts[0];
+        var extraParams = urlParts.length > 1 ? urlParts[1] : "";
+
+        var hostAndRest = hostPortDb.split("/", 2);
+        var hostPort = hostAndRest[0].split(":", 2);
+
+        var host = hostPort[0];
+        var port = hostPort.length > 1
+                ? parsePortSafely(hostPort[1])
+                : MYSQL_CONFIG.defaultPort();
+        dataSourceDTO.setHost(host);
+        dataSourceDTO.setPort(port);
+        dataSourceDTO.setUser(username);
+        dataSourceDTO.setPassword(password);
+        dataSourceDTO.setDataBase(extractDatabaseName());
+        dataSourceDTO.setExtraParams(extraParams);
+    }
+
+    /**
+     * 安全解析端口号
+     */
+    private int parsePortSafely(String portStr) {
+        try {
+            return Integer.parseInt(portStr);
+        } catch (NumberFormatException e) {
+            return MYSQL_CONFIG.defaultPort();
+        }
+    }
+
+    /**
+     * MySQL数据库配置
+     */
+    private record DatabaseConfig(
+            String jdbcPrefix,
+            List<String> excludedTablePrefixes,
+            int defaultPort
+    ) {
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sso/controller/SSOController.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sso/controller/SSOController.java
new file mode 100644
index 0000000..2df5012
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sso/controller/SSOController.java
@@ -0,0 +1,65 @@
+package cn.cordys.crm.integration.sso.controller;
+
+import cn.cordys.common.util.CodingUtils;
+import cn.cordys.common.utils.IpUtils;
+import cn.cordys.crm.integration.sso.service.SSOService;
+import cn.cordys.security.SessionUser;
+import io.swagger.v3.oas.annotations.Operation;
+import jakarta.annotation.Resource;
+import jakarta.servlet.http.HttpServletRequest;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.springframework.web.bind.annotation.RestController;
+import org.springframework.web.servlet.ModelAndView;
+
+@RestController
+@RequestMapping("/sso/callback")
+public class SSOController {
+    @Resource
+    private SSOService ssoService;
+
+    @GetMapping(value = "/wecom")
+    @Operation(summary = "获取企业微信登陆验证")
+    public SessionUser callbackWeCom(@RequestParam("code") String code, HttpServletRequest httpServletRequest) {
+        return ssoService.exchangeWeComCode(code, IpUtils.getClientIpAddress(httpServletRequest));
+    }
+
+    @GetMapping("/oauth/wecom")
+    public SessionUser callbackWeComOauth(@RequestParam("code") String code, HttpServletRequest httpServletRequest) {
+        return ssoService.exchangeWeComOauth2(code, IpUtils.getClientIpAddress(httpServletRequest));
+    }
+
+    @GetMapping(value = "/ding-talk")
+    @Operation(summary = "获取钉钉扫码登陆验证")
+    public SessionUser callbackDingTalk(@RequestParam("code") String code, HttpServletRequest httpServletRequest) {
+        return ssoService.exchangeDingTalkCode(code, IpUtils.getClientIpAddress(httpServletRequest));
+    }
+
+    @GetMapping("/oauth/ding-talk")
+    public SessionUser callbackDingTalkOauth(@RequestParam("code") String code, HttpServletRequest httpServletRequest) {
+        return ssoService.exchangeDingTalkOauth2(code, IpUtils.getClientIpAddress(httpServletRequest));
+    }
+
+    @GetMapping(value = "/lark")
+    @Operation(summary = "获取飞书扫码登陆验证")
+    public SessionUser callbackLark(@RequestParam("code") String code, HttpServletRequest httpServletRequest) {
+        return ssoService.exchangeLarkCode(code, IpUtils.getClientIpAddress(httpServletRequest));
+    }
+
+    @GetMapping("/oauth/lark")
+    public SessionUser callbackLarkOauth(@RequestParam("code") String code, HttpServletRequest httpServletRequest) {
+        return ssoService.exchangeLarkOauth2(code, false, IpUtils.getClientIpAddress(httpServletRequest));
+    }
+
+    @GetMapping("/oauth/lark-mobile")
+    public SessionUser callbackLarkOauthByMobile(@RequestParam("code") String code, HttpServletRequest httpServletRequest) {
+        return ssoService.exchangeLarkOauth2(code, true, IpUtils.getClientIpAddress(httpServletRequest));
+    }
+
+    @GetMapping("/oauth/github")
+    public ModelAndView callbackOauth(@RequestParam("code") String code, HttpServletRequest httpServletRequest) {
+        SessionUser sessionUser = ssoService.exchangeGitOauth2(code, IpUtils.getClientIpAddress(httpServletRequest));
+        return new ModelAndView("redirect:/#/?_token=" + CodingUtils.base64Encoding(sessionUser.getSessionId()) + "&_csrf=" + sessionUser.getCsrfToken());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sso/service/SSOService.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sso/service/SSOService.java
new file mode 100644
index 0000000..f356471
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sso/service/SSOService.java
@@ -0,0 +1,460 @@
+package cn.cordys.crm.integration.sso.service;
+
+import cn.cordys.common.constants.ThirdConfigTypeConstants;
+import cn.cordys.common.constants.ThirdDetailType;
+import cn.cordys.common.constants.UserSource;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.request.LoginRequest;
+import cn.cordys.common.util.CodingUtils;
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.integration.common.dto.ThirdConfigBaseDTO;
+import cn.cordys.crm.integration.common.request.DingTalkThirdConfigRequest;
+import cn.cordys.crm.integration.common.request.LarkThirdConfigRequest;
+import cn.cordys.crm.integration.common.request.WecomThirdConfigRequest;
+import cn.cordys.crm.integration.common.service.OAuthUserService;
+import cn.cordys.crm.integration.dingtalk.response.DingTalkUserResponse;
+import cn.cordys.crm.integration.wecom.response.WeComUserResponse;
+import cn.cordys.crm.system.constants.OrganizationConfigConstants;
+import cn.cordys.crm.system.domain.OrganizationConfig;
+import cn.cordys.crm.system.domain.OrganizationConfigDetail;
+import cn.cordys.crm.system.domain.User;
+import cn.cordys.crm.system.domain.UserExtend;
+import cn.cordys.crm.system.mapper.ExtOrganizationConfigDetailMapper;
+import cn.cordys.crm.system.mapper.ExtOrganizationConfigMapper;
+import cn.cordys.crm.system.mapper.ExtOrganizationUserMapper;
+import cn.cordys.crm.system.service.IntegrationConfigService;
+import cn.cordys.crm.system.service.UserLoginService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.security.SessionUser;
+import cn.cordys.security.UserDTO;
+import com.fasterxml.jackson.core.type.TypeReference;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.apache.shiro.SecurityUtils;
+import org.apache.shiro.authc.AuthenticationException;
+import org.apache.shiro.authc.DisabledAccountException;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.nio.charset.StandardCharsets;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+import java.util.Optional;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class SSOService {
+
+    private static final String DEFAULT_ORGANIZATION_ID = "100001";
+    private static final String ERROR_CODE_NOT_EXIST = "code_not_exist";
+    private static final String ERROR_AUTH_SETTING_NOT_EXISTS = "auth.setting.no.exists";
+    private static final String ERROR_AUTH_GET_USER_ERROR = "auth.get.user.error";
+    private static final String ERROR_USER_NOT_EXIST = "user_not_exist";
+    private static final String ERROR_AUTH_LOGIN_DISABLE = "auth.login.un_enable";
+    private static final String ERROR_THIRD_CONFIG_NOT_EXIST = "third.config.not.exist";
+    private static final String ERROR_THIRD_CONFIG_DISABLE = "third.config.un.enable";
+    @Resource
+    private ExtOrganizationUserMapper extOrganizationUserMapper;
+    @Resource
+    private ExtOrganizationConfigDetailMapper extOrganizationConfigDetailMapper;
+    @Resource
+    private ExtOrganizationConfigMapper extOrganizationConfigMapper;
+    @Resource
+    private BaseMapper<User> userBaseMapper;
+    @Resource
+    private BaseMapper<UserExtend> userExtendBaseMapper;
+    @Resource
+    private UserLoginService userLoginService;
+    @Resource
+    private OAuthUserService oauthUserService;
+    @Resource
+    private TokenService tokenService;
+
+    public SessionUser exchangeGitOauth2(String code, String ip) {
+        validateCode(code);
+
+        OrganizationConfigDetail configDetail = getAuthConfigDetail(UserSource.GITHUB_OAUTH2.toString());
+        String content = new String(configDetail.getContent(), StandardCharsets.UTF_8);
+        Map<String, String> config = JSON.parseObject(content, new TypeReference<HashMap<String, String>>() {
+        });
+
+        Map<String, Object> resultObj = getGitHubUserInfo(code, config);
+
+        // 解析用户信息映射
+        Map<String, String> mapping = JSON.parseObject(config.get("mapping"), new TypeReference<HashMap<String, String>>() {
+        });
+        String userId = (String) resultObj.get(mapping.get("id"));
+        String name = (String) resultObj.get(mapping.get("name"));
+        String email = (String) resultObj.get(mapping.get("email"));
+        String avatar = (String) resultObj.get(mapping.get("avatar_url"));
+
+        // 查找并更新用户信息
+        UserDTO enableUser = getUserAndValidate(userId);
+        updateUserInfo(enableUser.getId(), name, email, avatar);
+
+        // 创建登录请求
+        LoginRequest loginRequest = createLoginRequest(
+                name,
+                enableUser.getPassword(),
+                ThirdConfigTypeConstants.WECOM.name()
+        );
+        loginRequest.setLoginAddress(ip);
+        return userLoginService.login(loginRequest);
+    }
+
+    public SessionUser exchangeWeComOauth2(String code, String ip) {
+        validateCode(code);
+
+        OrganizationConfigDetail configDetail = getAuthConfigDetail(ThirdDetailType.WECOM_SYNC.toString());
+        String content = new String(configDetail.getContent(), StandardCharsets.UTF_8);
+        ThirdConfigBaseDTO<?> config = JSON.parseObject(content, ThirdConfigBaseDTO.class);
+
+        if (config == null) {
+            throw new AuthenticationException(Translator.get(ERROR_AUTH_SETTING_NOT_EXISTS));
+        }
+        WecomThirdConfigRequest weComConfig;
+        if (config.getConfig() == null) {
+            weComConfig = JSON.parseObject(content, WecomThirdConfigRequest.class);
+        } else {
+            weComConfig = JSON.MAPPER.convertValue(config.getConfig(), WecomThirdConfigRequest.class);
+        }
+        return getWeComSessionUser(code, weComConfig, UserSource.WECOM_OAUTH2.toString(), ip);
+    }
+
+    public SessionUser exchangeWeComCode(String code, String ip) {
+        validateCode(code);
+
+        ThirdConfigBaseDTO<?> config = getThirdPartyConfig(ThirdConfigTypeConstants.WECOM.name());
+        WecomThirdConfigRequest weComConfig = JSON.MAPPER.convertValue(config.getConfig(), WecomThirdConfigRequest.class);
+        validateQrCodeEnabled(weComConfig.getStartEnable());
+
+        return getWeComSessionUser(code, weComConfig, UserSource.QR_CODE.toString(), ip);
+    }
+
+    public SessionUser exchangeDingTalkCode(String code, String ip) {
+        validateCode(code);
+
+        ThirdConfigBaseDTO<?> config = getThirdPartyConfig(ThirdConfigTypeConstants.DINGTALK.name());
+        DingTalkThirdConfigRequest dingTalkConfig = JSON.MAPPER.convertValue(config.getConfig(), DingTalkThirdConfigRequest.class);
+        validateQrCodeEnabled(dingTalkConfig.getStartEnable());
+
+        return getDingTalkSessionUser(code, dingTalkConfig, UserSource.QR_CODE.toString(), ip);
+    }
+
+    private SessionUser getWeComSessionUser(String code, WecomThirdConfigRequest weComConfig, String authenticateType, String ip) {
+        // 获取assess_token
+        String assessToken = tokenService.getAssessToken(weComConfig.getCorpId(), weComConfig.getAppSecret());
+        if (StringUtils.isBlank(assessToken)) {
+            throw new AuthenticationException(Translator.get(ERROR_AUTH_GET_USER_ERROR));
+        }
+
+        // 读取用户信息
+        WeComUserResponse weComUser = oauthUserService.getWeComUser(assessToken, code);
+        String email = StringUtils.isNotBlank(weComUser.getBizMail()) ? weComUser.getBizMail() : weComUser.getEmail();
+
+        // 查找并验证用户
+        UserDTO enableUser = getUserAndValidateEnable(weComUser.getUserId());
+
+        // 只有OAuth2登录时才更新用户信息
+        if (Strings.CI.equals(authenticateType, UserSource.WECOM_OAUTH2.toString())) {
+            updateWeComUserInfo(enableUser, weComUser, email);
+        }
+
+        // 创建登录请求并登录
+        LoginRequest loginRequest = createThirdPartyLoginRequest(
+                enableUser,
+                ThirdConfigTypeConstants.WECOM.name(),
+                authenticateType
+        );
+        loginRequest.setLoginAddress(ip);
+        SecurityUtils.getSubject().getSession().setAttribute("authenticate", authenticateType);
+        return userLoginService.login(loginRequest);
+    }
+
+    private SessionUser getDingTalkSessionUser(String code, DingTalkThirdConfigRequest dingTalkConfig, String authenticateType, String ip) {
+        // 获取用户assess_token
+        String assessToken = tokenService.getDingTalkUserToken(dingTalkConfig.getAgentId(), dingTalkConfig.getAppSecret(), code);
+        if (StringUtils.isBlank(assessToken)) {
+            throw new GenericException(Translator.get(ERROR_AUTH_GET_USER_ERROR));
+        }
+
+        // 读取用户信息
+        DingTalkUserResponse dingTalkUserResponse = oauthUserService.getDingTalkUser(assessToken);
+
+        String dingTalkToken = tokenService.getDingTalkToken(dingTalkConfig.getAgentId(), dingTalkConfig.getAppSecret());
+        //根据unionid查询用户信息
+        String userIdByUnionId = oauthUserService.getUserIdByUnionId(dingTalkToken, dingTalkUserResponse.getUnionId());
+
+        // 查找并验证用户
+        UserDTO enableUser = getUserAndValidateEnable(userIdByUnionId);
+
+        // 只有OAuth2登录时才更新用户信息
+        if (Strings.CI.equals(authenticateType, UserSource.DINGTALK_OAUTH2.toString())) {
+            updateDingTalkUserInfo(enableUser, dingTalkUserResponse);
+        }
+
+        // 创建登录请求并登录
+        LoginRequest loginRequest = createThirdPartyLoginRequest(
+                enableUser,
+                ThirdConfigTypeConstants.DINGTALK.name(),
+                authenticateType
+        );
+
+        loginRequest.setLoginAddress(ip);
+        SecurityUtils.getSubject().getSession().setAttribute("authenticate", authenticateType);
+        return userLoginService.login(loginRequest);
+    }
+
+    // 辅助方法
+    private void validateCode(String code) {
+        if (StringUtils.isBlank(code)) {
+            throw new GenericException(Translator.get(ERROR_CODE_NOT_EXIST));
+        }
+    }
+
+    private OrganizationConfigDetail getAuthConfigDetail(String source) {
+        // 获取组织配置
+        OrganizationConfig organizationConfig = extOrganizationConfigMapper.getOrganizationConfig(
+                DEFAULT_ORGANIZATION_ID,
+                OrganizationConfigConstants.ConfigType.THIRD.name()
+        );
+        if (organizationConfig == null) {
+            throw new GenericException(Translator.get(ERROR_AUTH_SETTING_NOT_EXISTS));
+        }
+
+        // 获取指定认证源的配置明细
+        List<OrganizationConfigDetail> enableOrganizationConfigDetails =
+                extOrganizationConfigDetailMapper.getEnableOrganizationConfigDetails(
+                        organizationConfig.getId(),
+                        List.of(source)
+                );
+        if (CollectionUtils.isEmpty(enableOrganizationConfigDetails)) {
+            throw new GenericException(Translator.get(ERROR_AUTH_SETTING_NOT_EXISTS));
+        }
+
+        return enableOrganizationConfigDetails.getFirst();
+    }
+
+    private Map<String, Object> getGitHubUserInfo(String code, Map<String, String> config) {
+        try {
+            String accessToken = tokenService.getGitHubOAuth2Token(code, config);
+            String userInfoUrl = config.get("userInfoUrl");
+            return oauthUserService.getGitHubUser(userInfoUrl, accessToken);
+        } catch (Exception e) {
+            throw new GenericException(Translator.get(ERROR_AUTH_GET_USER_ERROR));
+        }
+    }
+
+    private UserDTO getUserAndValidate(String userId) {
+        UserDTO user = extOrganizationUserMapper.getEnableUser(userId);
+        if (user == null) {
+            throw new GenericException(Translator.get(ERROR_USER_NOT_EXIST));
+        }
+        if (!user.getEnable()) {
+            throw new GenericException(Translator.get(ERROR_AUTH_LOGIN_DISABLE));
+        }
+        return user;
+    }
+
+    private UserDTO getUserAndValidateEnable(String userId) {
+        UserDTO user = extOrganizationUserMapper.getEnableUser(userId);
+        if (user == null) {
+            throw new AuthenticationException(Translator.get(ERROR_USER_NOT_EXIST));
+        }
+        if (!user.getEnable()) {
+            throw new DisabledAccountException(Translator.get(ERROR_AUTH_LOGIN_DISABLE));
+        }
+        return user;
+    }
+
+    private void updateUserInfo(String userId, String name, String email, String avatar) {
+        User user = new User();
+        user.setId(userId);
+        user.setName(name);
+        user.setEmail(email);
+        user.setUpdateTime(System.currentTimeMillis());
+        userBaseMapper.updateById(user);
+        if (StringUtils.isNotBlank(avatar)) {
+            UserExtend userExtend = new UserExtend();
+            userExtend.setId(userId);
+            userExtend.setAvatar(avatar);
+            userExtendBaseMapper.update(userExtend);
+        }
+    }
+
+    private void updateWeComUserInfo(UserDTO user, WeComUserResponse weComUser, String email) {
+        User userUpdate = new User();
+        userUpdate.setId(user.getId());
+        if (StringUtils.isBlank(user.getEmail())) {
+            userUpdate.setEmail(email);
+        }
+        if (StringUtils.isNotBlank(weComUser.getMobile())) {
+            userUpdate.setPhone(weComUser.getMobile());
+        }
+        userUpdate.setGender(weComUser.getGender() != null && weComUser.getGender() == 2);
+        userUpdate.setUpdateTime(System.currentTimeMillis());
+        userBaseMapper.updateById(userUpdate);
+
+        if (StringUtils.isNotBlank(weComUser.getAvatar())) {
+            UserExtend userExtend = new UserExtend();
+            userExtend.setId(user.getId());
+            userExtend.setAvatar(weComUser.getAvatar());
+            userExtendBaseMapper.update(userExtend);
+        }
+    }
+
+    private void updateDingTalkUserInfo(UserDTO user, DingTalkUserResponse dingTalkUserResponse) {
+        User userUpdate = new User();
+        userUpdate.setId(user.getId());
+        if (StringUtils.isBlank(user.getEmail())) {
+            userUpdate.setEmail(dingTalkUserResponse.getEmail());
+        }
+        if (StringUtils.isNotBlank(dingTalkUserResponse.getMobile())) {
+            userUpdate.setPhone(dingTalkUserResponse.getMobile());
+        }
+        userUpdate.setUpdateTime(System.currentTimeMillis());
+        userBaseMapper.updateById(userUpdate);
+
+        if (StringUtils.isNotBlank(dingTalkUserResponse.getAvatarUrl())) {
+            UserExtend userExtend = new UserExtend();
+            userExtend.setId(user.getId());
+            userExtend.setAvatar(dingTalkUserResponse.getAvatarUrl());
+            userExtendBaseMapper.update(userExtend);
+        }
+    }
+
+    private LoginRequest createLoginRequest(String username, String password, String platform) {
+        LoginRequest request = new LoginRequest();
+        request.setUsername(username);
+        request.setPassword(password);
+        request.setPlatform(platform);
+        return request;
+    }
+
+    private LoginRequest createThirdPartyLoginRequest(UserDTO user, String platform, String authenticateType) {
+        LoginRequest request = new LoginRequest();
+        request.setUsername(user.getId());
+        request.setPassword(generateDefaultPassword(user));
+        request.setPlatform(platform);
+        request.setAuthenticate(authenticateType);
+        return request;
+    }
+
+    private String generateDefaultPassword(UserDTO user) {
+        return Optional.ofNullable(user.getPhone())
+                .filter(StringUtils::isNotBlank)
+                .map(phone -> {
+                    try {
+                        return CodingUtils.md5(phone.length() >= 6
+                                ? phone.substring(phone.length() - 6)
+                                : phone);
+                    } catch (Exception e) {
+                        return CodingUtils.md5(phone);
+                    }
+                })
+                .orElseGet(() -> CodingUtils.md5(user.getLastOrganizationId() + user.getId()));
+    }
+
+    private ThirdConfigBaseDTO<?> getThirdPartyConfig(String type) {
+        IntegrationConfigService integrationConfigService = CommonBeanFactory.getBean(IntegrationConfigService.class);
+        assert integrationConfigService != null;
+        List<ThirdConfigBaseDTO<?>> synOrganizationConfigs = integrationConfigService.getThirdConfig(DEFAULT_ORGANIZATION_ID);
+
+        if (CollectionUtils.isEmpty(synOrganizationConfigs)) {
+            throw new GenericException(Translator.get(ERROR_THIRD_CONFIG_NOT_EXIST));
+        }
+
+        ThirdConfigBaseDTO<?> config = synOrganizationConfigs.stream()
+                .filter(c -> Strings.CI.equals(c.getType(), type))
+                .findFirst()
+                .orElse(null);
+
+        if (config == null) {
+            throw new GenericException(Translator.get(ERROR_THIRD_CONFIG_NOT_EXIST));
+        }
+
+        return config;
+    }
+
+    private void validateQrCodeEnabled(Boolean enable) {
+        if (!enable) {
+            throw new GenericException(Translator.get(ERROR_THIRD_CONFIG_DISABLE));
+        }
+    }
+
+    public SessionUser exchangeDingTalkOauth2(String code, String ip) {
+        validateCode(code);
+
+        OrganizationConfigDetail configDetail = getAuthConfigDetail(ThirdDetailType.DINGTALK_SYNC.name());
+        String content = new String(configDetail.getContent(), StandardCharsets.UTF_8);
+        ThirdConfigBaseDTO<?> config = JSON.parseObject(content, ThirdConfigBaseDTO.class);
+
+        if (config == null) {
+            throw new AuthenticationException(Translator.get(ERROR_AUTH_SETTING_NOT_EXISTS));
+        }
+        DingTalkThirdConfigRequest dingTalkConfig;
+        if (config.getConfig() == null) {
+            dingTalkConfig = JSON.parseObject(content, DingTalkThirdConfigRequest.class);
+        } else {
+            dingTalkConfig = JSON.MAPPER.convertValue(config.getConfig(), DingTalkThirdConfigRequest.class);
+        }
+        return getDingTalkSessionUser(code, dingTalkConfig, UserSource.DINGTALK_OAUTH2.toString(), ip);
+    }
+
+    public SessionUser exchangeLarkCode(String code, String ip) {
+        validateCode(code);
+
+        ThirdConfigBaseDTO<?> config = getThirdPartyConfig(ThirdConfigTypeConstants.LARK.name());
+        LarkThirdConfigRequest larkConfig = JSON.MAPPER.convertValue(config.getConfig(), LarkThirdConfigRequest.class);
+        validateQrCodeEnabled(larkConfig.getStartEnable());
+
+        return getLarkSessionUser(code, larkConfig, UserSource.QR_CODE.toString(), false, ip);
+    }
+
+    private SessionUser getLarkSessionUser(String code, LarkThirdConfigRequest larkConfig, String loginType, Boolean isMobile, String ip) {
+        if (isMobile) {
+            // 移动端需要变更域名
+            larkConfig.setRedirectUrl(larkConfig.getRedirectUrl() + "/mobile");
+        }
+        // 获取用户assess_token
+        String assessToken = tokenService.getLarkUserAccessToken(larkConfig.getAgentId(), larkConfig.getAppSecret(), larkConfig.getRedirectUrl(), code);
+        if (StringUtils.isBlank(assessToken)) {
+            throw new GenericException(Translator.get(ERROR_AUTH_GET_USER_ERROR));
+        }
+
+        // 读取用户信息
+        Map<String, Object> larkUser = oauthUserService.getLarkUser(assessToken);
+
+        //获取larkUser中data 对象
+        Map<String, Object> data = (Map<String, Object>) larkUser.get("data");
+        String userId = (String) data.get("open_id");
+        // 查找并验证用户
+        UserDTO enableUser = getUserAndValidateEnable(userId);
+
+        // 创建登录请求并登录
+        LoginRequest loginRequest = createThirdPartyLoginRequest(
+                enableUser,
+                ThirdConfigTypeConstants.LARK.name(),
+                loginType
+        );
+
+        loginRequest.setLoginAddress(ip);
+        SecurityUtils.getSubject().getSession().setAttribute("authenticate", loginType);
+        return userLoginService.login(loginRequest);
+    }
+
+    public SessionUser exchangeLarkOauth2(String code, Boolean isMobile, String ip) {
+        validateCode(code);
+
+        ThirdConfigBaseDTO<?> config = getThirdPartyConfig(ThirdConfigTypeConstants.LARK.name());
+        LarkThirdConfigRequest larkConfig = JSON.MAPPER.convertValue(config.getConfig(), LarkThirdConfigRequest.class);
+        validateQrCodeEnabled(larkConfig.getStartEnable());
+
+        return getLarkSessionUser(code, larkConfig, UserSource.LARK_OAUTH2.toString(), isMobile, ip);
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sso/service/TokenService.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sso/service/TokenService.java
new file mode 100644
index 0000000..55d7343
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sso/service/TokenService.java
@@ -0,0 +1,404 @@
+package cn.cordys.crm.integration.sso.service;
+
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.service.SSRFValidationService;
+import cn.cordys.common.util.CodingUtils;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.integration.agent.constant.MaxKBApiPaths;
+import cn.cordys.crm.integration.agent.response.MaxKBResponseEntity;
+import cn.cordys.crm.integration.common.client.QrCodeClient;
+import cn.cordys.crm.integration.common.utils.HttpClientUtils;
+import cn.cordys.crm.integration.dingtalk.constant.DingTalkApiPaths;
+import cn.cordys.crm.integration.dingtalk.dto.DingTalkBaseParamDTO;
+import cn.cordys.crm.integration.dingtalk.dto.DingTalkSendDTO;
+import cn.cordys.crm.integration.dingtalk.dto.DingTalkToken;
+import cn.cordys.crm.integration.dingtalk.dto.DingTalkTokenParamDTO;
+import cn.cordys.crm.integration.lark.constant.LarkApiPaths;
+import cn.cordys.crm.integration.lark.dto.LarkBaseParamDTO;
+import cn.cordys.crm.integration.lark.dto.LarkSendMessageDTO;
+import cn.cordys.crm.integration.lark.dto.LarkToken;
+import cn.cordys.crm.integration.lark.dto.LarkTokenParamDTO;
+import cn.cordys.crm.integration.qcc.constant.QccApiPaths;
+import cn.cordys.crm.integration.qcc.response.QccBaseResponse;
+import cn.cordys.crm.integration.tender.constant.TenderApiPaths;
+import cn.cordys.crm.integration.wecom.constant.WeComApiPaths;
+import cn.cordys.crm.integration.wecom.dto.WeComDetail;
+import cn.cordys.crm.integration.wecom.dto.WeComSendDTO;
+import cn.cordys.crm.integration.wecom.dto.WeComToken;
+import com.fasterxml.jackson.core.type.TypeReference;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections4.MapUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.http.HttpEntity;
+import org.springframework.http.HttpHeaders;
+import org.springframework.http.MediaType;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.net.HttpURLConnection;
+import java.net.Socket;
+import java.net.URI;
+import java.net.URL;
+import java.util.HashMap;
+import java.util.Map;
+import java.util.regex.Matcher;
+import java.util.regex.Pattern;
+
+import static cn.cordys.crm.integration.dingtalk.constant.DingTalkApiPaths.DING_USER_TOKEN_URL;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class TokenService {
+
+    @Resource
+    private QrCodeClient qrCodeClient;
+    @Resource
+    private SSRFValidationService ssrfValidationService;
+    /**
+     * 获取assess_Token
+     *
+     * @param corpId     企业ID
+     * @param corpSecret 企业应用 密钥
+     * @return String token
+     */
+    public String getAssessToken(String corpId, String corpSecret) {
+        String url = HttpClientUtils.urlTransfer(WeComApiPaths.GET_TOKEN, corpId, corpSecret);
+        WeComToken weComToken;
+        try {
+            String response = HttpClientUtils.sendGetRequest(url, null);
+            weComToken = JSON.parseObject(response, WeComToken.class);
+        } catch (Exception e) {
+            log.error(Translator.get("auth.get.token.error"), e);
+            return null;
+        }
+
+        if (weComToken.getErrCode() == null) {
+            log.error(Translator.get("auth.get.token.res.error"));
+            return null;
+        }
+
+        if (weComToken.getErrCode() != 0) {
+            log.error("{}:{}", Translator.get("auth.get.token.res.error"), weComToken.getErrMsg());
+            return null;
+        }
+        return weComToken.getAccessToken();
+    }
+
+
+    /**
+     * 获取DingTalk assess_Token
+     *
+     * @param appKey    企业应用 ID ClientId
+     * @param appSecret 企业应用 密钥
+     * @return String token
+     */
+    public String getDingTalkToken(String appKey, String appSecret) {
+
+        DingTalkBaseParamDTO dingTalkTokenParamDTO = new DingTalkBaseParamDTO();
+        dingTalkTokenParamDTO.setAppKey(appKey);
+        dingTalkTokenParamDTO.setAppSecret(appSecret);
+        DingTalkToken dingTalkToken = null;
+        try {
+            String response = qrCodeClient.postExchange(
+                    DingTalkApiPaths.DING_TALK_GET_TOKEN, null, null, dingTalkTokenParamDTO, MediaType.APPLICATION_JSON, MediaType.APPLICATION_JSON
+            );
+            dingTalkToken = JSON.parseObject(response, DingTalkToken.class);
+        } catch (Exception e) {
+            log.error(Translator.get("auth.get.token.error"), e);
+        }
+
+        return dingTalkToken != null ? dingTalkToken.getAccessToken() : null;
+    }
+
+
+    /**
+     * 获取DingTalk用户 assess_Token
+     *
+     * @param appKey    企业应用 ID ClientId 应用id。可使用扫码登录应用或者第三方个人小程序的appId。
+     * @param appSecret 企业应用 密钥
+     * @param code      授权码OAuth 2.0 临时授权码
+     * @return String token
+     */
+    public String getDingTalkUserToken(String appKey, String appSecret, String code) {
+
+        DingTalkTokenParamDTO dingTalkTokenParamDTO = new DingTalkTokenParamDTO();
+        dingTalkTokenParamDTO.setClientId(appKey);
+        dingTalkTokenParamDTO.setClientSecret(appSecret);
+        dingTalkTokenParamDTO.setCode(code);
+        dingTalkTokenParamDTO.setGrantType("authorization_code");
+        DingTalkToken dingTalkToken = null;
+        try {
+            String response = qrCodeClient.postExchange(DING_USER_TOKEN_URL, null, null, dingTalkTokenParamDTO, MediaType.APPLICATION_JSON, MediaType.APPLICATION_JSON);
+            dingTalkToken = JSON.parseObject(response, DingTalkToken.class);
+        } catch (Exception e) {
+            log.error(Translator.get("auth.get.token.error"), e);
+        }
+
+        return dingTalkToken != null ? dingTalkToken.getAccessToken() : null;
+    }
+
+
+    /**
+     * 获取Lark token
+     *
+     * @param agentId   appId 飞书自建应用凭证
+     * @param appSecret appSecret
+     * @return tenantAccessToken
+     */
+    public String getLarkToken(String agentId, String appSecret) {
+
+        LarkBaseParamDTO larkBaseParamDTO = new LarkBaseParamDTO();
+        larkBaseParamDTO.setApp_id(agentId);
+        larkBaseParamDTO.setApp_secret(appSecret);
+
+        LarkToken larkToken = null;
+        try {
+            String response = qrCodeClient.postExchange(
+                    LarkApiPaths.LARK_APP_TOKEN_URL, null, null, larkBaseParamDTO, MediaType.APPLICATION_JSON, MediaType.APPLICATION_JSON
+            );
+            larkToken = JSON.parseObject(response, LarkToken.class);
+        } catch (Exception e) {
+            log.error(Translator.get("auth.get.token.error"), e);
+        }
+
+        if (larkToken != null && larkToken.getCode() != 0) {
+            log.error("{}:{}", Translator.get("auth.get.token.res.error"), larkToken.getMsg());
+        }
+
+        return larkToken != null ? larkToken.getTenantAccessToken() : null;
+    }
+
+    /**
+     * IP + 端口 是否连通
+     *
+     * @param fullUrl 完整的URL地址
+     * @return bool
+     */
+    public boolean pingDeUrl(String fullUrl) {
+        try {
+            // 禁用系统代理设置
+            System.setProperty("java.net.useSystemProxies", "false");
+
+            URL url = URI.create(fullUrl).toURL();
+            String host = url.getHost();
+            // 根据协议选择默认端口
+            int defaultPort = "https".equalsIgnoreCase(url.getProtocol()) ? 443 : 80;
+            int port = url.getPort() != -1 ? url.getPort() : defaultPort;
+
+            // 直接测试连接
+            try (Socket socket = new Socket()) {
+                socket.connect(new java.net.InetSocketAddress(host, port), 3000);
+            }
+        } catch (Exception e) {
+            log.error("de embedded url connect error: {}", e.getMessage());
+            return false;
+        }
+
+        return true;
+    }
+
+    /**
+     * 获取sqlBot的src 是否能连通
+     */
+    public boolean getSqlBotSrc(String scriptCode) {
+        Pattern pattern = Pattern.compile("src\\s*=\\s*\"([^\"]+)\"");
+        Matcher matcher = pattern.matcher(scriptCode);
+
+        String jsUrl;
+        if (matcher.find()) {
+            jsUrl = matcher.group(1);
+        } else {
+            return false;
+        }
+        try {
+            // SSRF 校验
+            ssrfValidationService.validate(jsUrl);
+            URL url = URI.create(jsUrl).toURL();
+            HttpURLConnection connection = (HttpURLConnection) url.openConnection();
+            connection.setRequestMethod("HEAD"); // 更轻量，只请求头部
+            connection.setConnectTimeout(3000);
+            connection.setReadTimeout(3000);
+            int responseCode = connection.getResponseCode();
+            return responseCode == HttpURLConnection.HTTP_OK;
+        } catch (Exception e) {
+            log.error(e.getMessage(), e);
+            return false;
+        }
+
+    }
+
+    /**
+     * @param code   code
+     * @param config 认证配置的map
+     * @return access_token
+     */
+    public String getGitHubOAuth2Token(String code, Map<String, String> config) {
+        String url = config.get("tokenUrl")
+                + "?client_id=" + config.get("clientId")
+                + "&client_secret=" + config.get("secret")
+                + "&redirect_uri=" + config.get("redirectUrl")
+                + "&code=" + code
+                + "&grant_type=authorization_code";
+
+        Map<String, String> resultObj = null;
+        try {
+            String credentials = CodingUtils.base64Encoding(config.get("clientId") + ":" + config.get("secret"));
+            String content = qrCodeClient.postExchange(url, "Basic " + credentials, HttpHeaders.AUTHORIZATION, HttpEntity.EMPTY, MediaType.APPLICATION_JSON, MediaType.APPLICATION_JSON);
+            resultObj = JSON.parseObject(content, new TypeReference<HashMap<String, String>>() {
+            });
+        } catch (Exception e) {
+            log.error(Translator.get("auth.token.error"), e);
+        }
+        String accessToken = null;
+        if (MapUtils.isEmpty(resultObj)) {
+            log.error(Translator.get("auth.token.error"));
+        } else {
+            accessToken = resultObj.get("access_token");
+        }
+        if (StringUtils.isBlank(accessToken)) {
+            log.error(Translator.get("auth.token.error"));
+        }
+
+        return accessToken;
+    }
+
+    public void sendNoticeByToken(WeComSendDTO weComSendDTO, String corpId, String appSecret) {
+        String assessToken = getAssessToken(corpId, appSecret);
+        String detailUrl = HttpClientUtils.urlTransfer(WeComApiPaths.SEND_INFO, assessToken);
+        qrCodeClient.postExchange(detailUrl, null, null, weComSendDTO, MediaType.APPLICATION_JSON, MediaType.APPLICATION_JSON);
+    }
+
+    public void sendDingNoticeByToken(DingTalkSendDTO dingTalkSendDTO, String agentId, String appSecret) {
+        String assessToken = getDingTalkToken(agentId, appSecret);
+        String detailUrl = HttpClientUtils.urlTransfer(DingTalkApiPaths.DING_NOTICE_URL, assessToken);
+        qrCodeClient.postExchange(detailUrl, null, null, dingTalkSendDTO, MediaType.APPLICATION_JSON, MediaType.APPLICATION_JSON);
+    }
+
+    /**
+     * 发送Lark通知通过token
+     *
+     * @param agentId            appId 飞书自建应用凭证
+     * @param appSecret          appSecret 飞书自建应用密钥
+     * @param larkSendMessageDTO 消息体
+     */
+    public void sendLarkNoticeByToken(LarkSendMessageDTO larkSendMessageDTO, String agentId, String appSecret) {
+        String assessToken = getLarkToken(agentId, appSecret);
+        qrCodeClient.postExchange(LarkApiPaths.LARK_SEND_MESSAGE_URL + "?receive_id_type=open_id", "Bearer " + assessToken,
+                "Authorization", larkSendMessageDTO, MediaType.APPLICATION_JSON, MediaType.APPLICATION_JSON);
+    }
+
+
+    public String getLarkUserAccessToken(String agentId, String appSecret, String redirectUrl, String code) {
+        LarkTokenParamDTO larkTokenParamDTO = new LarkTokenParamDTO();
+        larkTokenParamDTO.setClient_id(agentId);
+        larkTokenParamDTO.setClient_secret(appSecret);
+        larkTokenParamDTO.setCode(code);
+        larkTokenParamDTO.setGrant_type("authorization_code");
+        larkTokenParamDTO.setRedirect_uri(redirectUrl);
+        LarkToken larkToken = null;
+        try {
+            String response = qrCodeClient.postExchange(
+                    LarkApiPaths.LARK_USER_TOKEN_URL, null, null, larkTokenParamDTO, MediaType.APPLICATION_JSON, MediaType.APPLICATION_JSON
+            );
+            larkToken = JSON.parseObject(response, LarkToken.class);
+        } catch (Exception e) {
+            log.error(Translator.get("auth.get.token.error"), e);
+        }
+
+        if (larkToken != null && larkToken.getCode() != 0) {
+            log.error("{}:{}", Translator.get("auth.get.token.res.error"), larkToken.getMsg());
+        }
+
+        return larkToken != null ? larkToken.getAccessToken() : null;
+    }
+
+
+    /**
+     * 测试连接maxkb
+     *
+     * @param mkAddress
+     * @param apiKey
+     * @return
+     */
+    public Boolean getMaxKBToken(String mkAddress, String apiKey) {
+        String urlTransfer = HttpClientUtils.urlTransfer(mkAddress.concat(MaxKBApiPaths.APPLICATION), "default");
+        ssrfValidationService.validate(urlTransfer);
+
+        String body = qrCodeClient.exchange(
+                urlTransfer,
+                "Bearer " + apiKey,
+                HttpHeaders.AUTHORIZATION,
+                MediaType.APPLICATION_JSON,
+                MediaType.APPLICATION_JSON
+        );
+        MaxKBResponseEntity entity = JSON.parseObject(body, MaxKBResponseEntity.class);
+        return entity != null && entity.getCode() == 200;
+    }
+
+
+    public Boolean getTender() {
+        try {
+            URL url = URI.create(TenderApiPaths.TENDER_API).toURL();
+            HttpURLConnection connection = (HttpURLConnection) url.openConnection();
+            connection.setRequestMethod("GET");
+            connection.setConnectTimeout(3000);
+            connection.setReadTimeout(3000);
+            connection.connect();
+            return true;
+        } catch (Exception e) {
+            log.error(e.getMessage(), e);
+            return false;
+        }
+
+    }
+
+    public boolean getQcc(String qccAddress, String qccAccessKey, String qccSecretKey) {
+
+        long time = System.currentTimeMillis() / 1000;
+        String token = CodingUtils.md5(qccAccessKey + time + qccSecretKey).toUpperCase();
+
+        Map<String, String> headers = new HashMap<>();
+        headers.put("Token", token);
+        headers.put("Timespan", String.valueOf(time));
+
+        String url = HttpClientUtils.urlTransfer(qccAddress.concat(QccApiPaths.FUZZY_SEARCH_API), qccAccessKey, qccSecretKey);
+        String body;
+        try {
+            body = HttpClientUtils.sendGetRequest(url, headers);
+        } catch (Exception e) {
+            log.error("测试连接失败", e);
+            return false;
+        }
+        QccBaseResponse qccBaseResponse = JSON.parseObject(body, QccBaseResponse.class);
+        if (Strings.CI.equals("201", qccBaseResponse.getStatus())) {
+            return true;
+        }
+        throw new GenericException("测试连接失败：" + qccBaseResponse.getMessage());
+    }
+
+    public boolean checkWeComAgentAvailable(String accessToken, String agentId) {
+        String url = HttpClientUtils.urlTransfer(
+                WeComApiPaths.GET_AGENT, accessToken, agentId
+        );
+
+        try {
+            String response = HttpClientUtils.sendGetRequest(url, null);
+            WeComDetail weComDetail = JSON.parseObject(response, WeComDetail.class);
+
+            log.info(
+                    "企业微信 Agent 连接测试结果：errCode={}, errMsg={}",
+                    weComDetail.getErrCode(),
+                    weComDetail.getErrMsg()
+            );
+
+            return weComDetail.getErrCode() != null && weComDetail.getErrCode() == 0;
+        } catch (Exception e) {
+            log.error("企业微信 Agent 连接测试异常", e);
+            return false;
+        }
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sync/dto/ThirdDepartment.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sync/dto/ThirdDepartment.java
new file mode 100644
index 0000000..7e543cb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sync/dto/ThirdDepartment.java
@@ -0,0 +1,129 @@
+package cn.cordys.crm.integration.sync.dto;
+
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.crm.system.domain.Department;
+import lombok.Data;
+import org.apache.commons.lang3.Strings;
+
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+@Data
+public class ThirdDepartment {
+    /**
+     * 创建的部门id
+     */
+    private String id;
+
+    /**
+     * 部门名称
+     */
+    private String name;
+
+    /**
+     * 父部门id
+     */
+    private String parentId;
+
+    /**
+     * 是否是根部门
+     */
+    private Boolean isRoot;
+
+    /**
+     * 在父部门中的次序值。order值大的排序靠前。值范围是[0, 2^32)
+     */
+    private Long order;
+
+
+    /**
+     * 子节点
+     */
+    private List<ThirdDepartment> children = new ArrayList<>();
+    private String crmId;
+    private String crmParentId;
+
+
+    public static List<ThirdDepartment> buildDepartmentTree(String internalId, List<ThirdDepartment> departments) {
+        Map<String, ThirdDepartment> departmentMap = new HashMap<>();
+        List<ThirdDepartment> rootDepartments = new ArrayList<>();
+        // 1. 生成新的ID并存储到部门对象中
+        for (ThirdDepartment department : departments) {
+            departmentMap.put(department.getId(), department);
+            department.setCrmId(department.getIsRoot() ? internalId : IDGenerator.nextStr());  // 生成新的 ID
+            department.setCrmParentId(department.getIsRoot() ? internalId : department.getCrmParentId()); // 生成新的 ParentId
+        }
+
+        //1. 生成新的ID并存储到部门对象中
+        for (ThirdDepartment department : departments) {
+            if (department.getIsRoot()) {
+                // 如果新的 parentId 是 0，表示根部门
+                rootDepartments.add(department);
+            } else {
+                // 否则，将它添加到父部门的 children 中
+                ThirdDepartment parentDepartment = departmentMap.get(department.getParentId());
+                if (parentDepartment != null) {
+                    department.setCrmParentId(parentDepartment.getCrmId());
+                    parentDepartment.getChildren().add(department);
+                }
+            }
+        }
+
+        return rootDepartments;
+    }
+
+
+    public static List<ThirdDepartment> buildDepartmentTreeMultiple(String internalId, List<Department> currentDepartmentList, List<ThirdDepartment> departments) {
+        Map<String, ThirdDepartment> departmentMap = new HashMap<>();
+        List<ThirdDepartment> rootDepartments = new ArrayList<>();
+        // 1. 生成新的ID并存储到部门对象中
+        for (ThirdDepartment department : departments) {
+            departmentMap.put(department.getId(), department);
+
+            currentDepartmentList.stream()
+                    .filter(dept -> Strings.CI.equalsAny(dept.getResourceId(), department.getId()))
+                    .findFirst()
+                    .ifPresentOrElse(dept -> {
+                        department.setCrmId(dept.getId());
+                        department.setCrmParentId(dept.getParentId());
+                    }, () -> {
+                        if (department.getIsRoot()) {
+                            department.setCrmId(internalId);
+                            department.setCrmParentId(internalId);
+                        } else {
+                            currentDepartmentList.stream()
+                                    .filter(dept -> Strings.CI.equalsAny(dept.getResourceId(), department.getParentId()))
+                                    .findFirst()
+                                    .ifPresentOrElse(parent -> {
+                                        department.setCrmId(IDGenerator.nextStr());
+                                        department.setCrmParentId(parent.getId());
+                                    }, () -> {
+                                        department.setCrmId(IDGenerator.nextStr());
+                                        department.setCrmParentId(department.getCrmParentId());
+                                    });
+                        }
+                    });
+        }
+
+        // 2. 按照 parentId 构建树形结构
+        for (ThirdDepartment department : departments) {
+            if (department.getIsRoot()) {
+                // 如果新的 parentId 是 0，表示根部门
+                rootDepartments.add(department);
+            } else {
+                // 否则，将它添加到父部门的 children 中
+                ThirdDepartment parentDepartment = departmentMap.get(department.getParentId());
+                if (parentDepartment != null) {
+                    if (!parentDepartment.getChildren().contains(department)) {
+                        department.setCrmParentId(parentDepartment.getCrmId());
+                        parentDepartment.getChildren().add(department);
+                    }
+                }
+            }
+        }
+
+        return rootDepartments;
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sync/dto/ThirdOrgDataDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sync/dto/ThirdOrgDataDTO.java
new file mode 100644
index 0000000..0d02231
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sync/dto/ThirdOrgDataDTO.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.integration.sync.dto;
+
+import lombok.Data;
+
+import java.util.List;
+import java.util.Map;
+
+@Data
+public class ThirdOrgDataDTO {
+    private List<ThirdDepartment> departments;
+    private Map<String, List<ThirdUser>> users;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sync/dto/ThirdSwitchLogDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sync/dto/ThirdSwitchLogDTO.java
new file mode 100644
index 0000000..9380230
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sync/dto/ThirdSwitchLogDTO.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.integration.sync.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class ThirdSwitchLogDTO {
+
+    @Schema(description = "应用类型")
+    private String thirdType;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sync/dto/ThirdUser.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sync/dto/ThirdUser.java
new file mode 100644
index 0000000..f3e9701
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sync/dto/ThirdUser.java
@@ -0,0 +1,50 @@
+package cn.cordys.crm.integration.sync.dto;
+
+import lombok.Builder;
+import lombok.Data;
+
+@Builder
+@Data
+public class ThirdUser {
+
+    /**
+     * 成员UserID。对应管理端的帐号，企业内必须唯一。
+     */
+    private String userId;
+
+    /**
+     * 成员名称。
+     */
+    private String name;
+
+    /**
+     * 手机号码。代开发自建应用需要管理员授权且成员oauth2授权获取；第三方仅通讯录应用可获取；对于非第三方创建的成员，第三方通讯录应用也不可获取；上游企业不可获取下游企业成员该字段。
+     */
+    private String mobile;
+
+    /**
+     * 职务信息。
+     */
+    private String position;
+
+    /**
+     * 性别。0表示未定义，1表示男性，2表示女性。
+     */
+    private Integer gender;
+
+    /**
+     * 邮箱。
+     */
+    private String email;
+
+    /**
+     * 表示在所在的部门内是否为部门负责人，数量与department一致；第三方通讯录应用或者授权了“组织架构信息-应用可获取企业的部门组织架构信息-部门负责人”权限的第三方应用可获取；对于非第三方创建的成员，第三方通讯录应用不可获取；上游企业不可获取下游企业成员该字段。
+     */
+    private Boolean isLeaderInDept;
+
+    /**
+     * 头像url。 代开发自建应用需要管理员授权且成员oauth2授权获取；第三方仅通讯录应用可获取；对于非第三方创建的成员，第三方通讯录应用也不可获取；上游企业不可获取下游企业成员该字段。
+     */
+    private String avatar;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/sync/service/ThirdDepartmentService.java b/backend/crm/src/main/java/cn/cordys/crm/integration/sync/service/ThirdDepartmentService.java
new file mode 100644
index 0000000..b15df9a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/sync/service/ThirdDepartmentService.java
@@ -0,0 +1,385 @@
+package cn.cordys.crm.integration.sync.service;
+
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.dto.LogDTO;
+import cn.cordys.common.constants.ThirdConfigTypeConstants;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.integration.common.dto.ThirdConfigBaseDTO;
+import cn.cordys.crm.integration.common.request.DingTalkThirdConfigRequest;
+import cn.cordys.crm.integration.common.request.LarkThirdConfigRequest;
+import cn.cordys.crm.integration.common.request.WecomThirdConfigRequest;
+import cn.cordys.crm.integration.common.utils.DataHandleUtils;
+import cn.cordys.crm.integration.dingtalk.service.DingTalkDepartmentService;
+import cn.cordys.crm.integration.lark.service.LarkDepartmentService;
+import cn.cordys.crm.integration.sso.service.TokenService;
+import cn.cordys.crm.integration.sync.dto.ThirdDepartment;
+import cn.cordys.crm.integration.sync.dto.ThirdUser;
+import cn.cordys.crm.integration.wecom.service.WeComDepartmentService;
+import cn.cordys.crm.system.constants.NotificationConstants;
+import cn.cordys.crm.system.constants.OrganizationConfigConstants;
+import cn.cordys.crm.system.notice.CommonNoticeSendService;
+import cn.cordys.crm.system.service.IntegrationConfigService;
+import cn.cordys.crm.system.service.LogService;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.redisson.Redisson;
+import org.redisson.api.RLock;
+import org.springframework.context.i18n.LocaleContextHolder;
+import org.springframework.data.redis.core.Cursor;
+import org.springframework.data.redis.core.ScanOptions;
+import org.springframework.data.redis.core.StringRedisTemplate;
+import org.springframework.scheduling.annotation.Async;
+import org.springframework.stereotype.Service;
+
+import java.util.*;
+
+@Service
+@Slf4j
+public class ThirdDepartmentService {
+
+    private static final String LOCK_PREFIX = "orgId_sync_";
+    private static final String SYNC_STATUS_PREFIX = "org_sync_status:";
+    private static final String DEPT_TREE_CACHE_KEY = "dept_tree_cache::";
+    private static final String PERMISSION_CACHE_PATTERN = "permission_cache*%s";
+    private static final int SCAN_COUNT = 100;
+    private static final long SYNC_STATUS_EXPIRE_SECONDS = 3600; // 同步状态过期时间1小时
+
+    @Resource
+    private TokenService tokenService;
+
+    @Resource
+    private StringRedisTemplate stringRedisTemplate;
+
+    @Resource
+    private WeComDepartmentService weComDepartmentService;
+
+    @Resource
+    private DingTalkDepartmentService dingTalkDepartmentService;
+
+    @Resource
+    private LarkDepartmentService larkDepartmentService;
+
+    @Resource
+    private IntegrationConfigService integrationConfigService;
+
+    @Resource
+    private CommonNoticeSendService commonNoticeSendService;
+
+    /**
+     * 同步组织架构（异步执行）
+     *
+     * @param operatorId 操作人ID
+     * @param orgId      组织ID
+     * @param type       同步类型(企业微信，钉钉，飞书)
+     */
+    @Async
+    public void syncUser(String operatorId, String orgId, String type, Locale locale) {
+        Redisson redisson = CommonBeanFactory.getBean(Redisson.class);
+        assert redisson != null;
+        RLock lock = redisson.getLock(LOCK_PREFIX + orgId);
+
+        // 尝试获取锁，避免并发同步
+        if (!lock.tryLock()) {
+            throw new GenericException("当前正在执行同步任务！");
+        }
+
+        // 同步开始时存入Redis状态
+        String syncStatusKey = getSyncStatusKey(orgId);
+        setSyncStatus(syncStatusKey, operatorId);
+
+        try {
+            LocaleContextHolder.setLocale(locale);
+            performSync(operatorId, orgId, type);
+            clearCaches(orgId);
+        } catch (Exception e) {
+            log.error("同步组织架构失败", e);
+        } finally {
+            // 同步完成后删除Redis状态
+            deleteSyncStatus(syncStatusKey);
+            lock.unlock();
+        }
+    }
+
+    /**
+     * 获取同步状态
+     *
+     * @param orgId 组织ID
+     *
+     * @return 同步状态信息，如果没有正在同步则返回null
+     */
+    public Boolean getSyncStatus(String orgId) {
+        try {
+            String syncStatusKey = getSyncStatusKey(orgId);
+            String statusJson = stringRedisTemplate.opsForValue().get(syncStatusKey);
+            if (StringUtils.isNotBlank(statusJson)) {
+                return true;
+            }
+        } catch (Exception e) {
+            log.error("获取同步状态失败", e);
+        }
+        return false;
+    }
+
+    /**
+     * 执行同步操作
+     */
+    private void performSync(String operatorId, String orgId, String type) {
+        var logService = CommonBeanFactory.getBean(LogService.class);
+        log.info("开始同步组织架构，同步类型：{}", type);
+
+        // 获取三方配置信息
+        var thirdConfig = getThirdConfig(orgId, type);
+        var syncStatus = integrationConfigService.getSyncStatus(
+                orgId, OrganizationConfigConstants.ConfigType.THIRD.name(), type);
+
+        // 获取访问令牌
+        var accessToken = getToken(type, thirdConfig);
+        if (StringUtils.isBlank(accessToken)) {
+            throw new GenericException("获取访问令牌失败");
+        }
+        log.info("获取访问令牌成功，同步类型：{}", type);
+
+        // 将字符串类型安全转换为枚举
+        var deptType = parseDepartmentType(type);
+
+        List<ThirdDepartment> departments;
+        Map<String, List<ThirdUser>> departmentUserMap;
+
+        switch (deptType) {
+            case WECOM -> {
+                departments = weComDepartmentService.getDepartmentList(accessToken);
+                log.info("企业微信部门数：{}", departments.size());
+
+                var departmentIds = departments.stream()
+                        .map(ThirdDepartment::getId)
+                        .map(Long::parseLong)
+                        .toList();
+                departmentUserMap = weComDepartmentService.getDepartmentUser(accessToken, departmentIds);
+                log.info("企业微信部门用户数：{}", departmentUserMap.values().stream().mapToLong(List::size).sum());
+            }
+            case DINGTALK -> {
+                var thirdOrgDataDTO = dingTalkDepartmentService.convertToThirdOrgDataDTO(accessToken);
+                if (thirdOrgDataDTO == null) {
+                    throw new GenericException("钉钉组织数据为空");
+                }
+                departments = thirdOrgDataDTO.getDepartments();
+                departmentUserMap = thirdOrgDataDTO.getUsers();
+                log.info("钉钉部门数：{}，部门用户数：{}", departments.size(), departmentUserMap.values().stream().mapToLong(List::size).sum());
+            }
+            case LARK -> {
+                departments = larkDepartmentService.getDepartmentList(accessToken);
+                log.info("飞书部门数：{}", departments.size());
+
+                var departmentIds = departments.stream().map(ThirdDepartment::getId).toList();
+                departmentUserMap = larkDepartmentService.getDepartmentUserList(accessToken, departmentIds);
+
+                log.info("飞书部门用户数：{}", departmentUserMap.values().stream().mapToLong(List::size).sum());
+            }
+            default -> throw new GenericException("不支持的同步类型：" + type);
+        }
+
+        if (CollectionUtils.isEmpty(departments)) {
+            throw new GenericException("获取部门列表为空");
+        }
+
+        syncDepartmentsAndUsers(orgId, departments, departmentUserMap, syncStatus, operatorId, type);
+
+        Objects.requireNonNull(logService, "LogService 未注入");
+        log.info("同步组织架构完成，同步类型：{}", type);
+        logSyncOperation(logService, orgId, operatorId);
+        sendSyncSuccessNotice(operatorId, orgId, type);
+    }
+
+    private ThirdConfigTypeConstants parseDepartmentType(String type) {
+        return Arrays.stream(ThirdConfigTypeConstants.values())
+                .filter(e -> e.name().equalsIgnoreCase(type))
+                .findFirst()
+                .orElseThrow(() -> new GenericException("未知的同步类型：" + type));
+    }
+
+    /**
+     * 获取第三方访问令牌
+     */
+    private String getToken(String type, ThirdConfigBaseDTO<?> thirdConfig) {
+        Objects.requireNonNull(thirdConfig, "第三方配置信息不能为空");
+
+        var deptType = parseDepartmentType(type);
+        var accessToken = switch (deptType) {
+            case WECOM -> {
+                WecomThirdConfigRequest config = JSON.MAPPER.convertValue(thirdConfig.getConfig(), WecomThirdConfigRequest.class);
+                yield tokenService.getAssessToken(config.getCorpId(), config.getAppSecret());
+            }
+            case DINGTALK -> {
+                DingTalkThirdConfigRequest dingTalkConfig = JSON.MAPPER.convertValue(thirdConfig.getConfig(), DingTalkThirdConfigRequest.class);
+                yield tokenService.getDingTalkToken(dingTalkConfig.getAgentId(), dingTalkConfig.getAppSecret());
+            }
+            case LARK -> {
+                LarkThirdConfigRequest larkConfig = JSON.MAPPER.convertValue(thirdConfig.getConfig(), LarkThirdConfigRequest.class);
+                yield tokenService.getLarkToken(larkConfig.getAgentId(), larkConfig.getAppSecret());
+            }
+            default -> throw new GenericException("不支持的同步类型：" + type);
+        };
+
+        log.debug("获取访问令牌成功，类型：{}", deptType.name());
+        return accessToken;
+    }
+
+    /**
+     * 获取第三方配置
+     */
+    private ThirdConfigBaseDTO<?> getThirdConfig(String orgId, String type) {
+        List<ThirdConfigBaseDTO<?>> configs = integrationConfigService.getThirdConfig(orgId);
+        if (CollectionUtils.isEmpty(configs)) {
+            throw new GenericException("未配置企业信息");
+        }
+
+        return configs.stream()
+                .filter(config -> Strings.CI.equals(config.getType(), type))
+                .findFirst()
+                .orElseThrow(() -> new GenericException("未配置企业微信信息"));
+    }
+
+    /**
+     * 同步部门和用户数据
+     */
+    private void syncDepartmentsAndUsers(String orgId, List<ThirdDepartment> departments,
+                                         Map<String, List<ThirdUser>> departmentUserMap,
+                                         boolean isUpdate, String operatorId, String type) {
+        DataHandleUtils dataHandleUtils = new DataHandleUtils(orgId, departmentUserMap, type);
+
+        if (isUpdate) {
+            log.info("开始多次同步更新数据,同步类型：{}, 更新部门用户数量：{}", type, departments.size());
+            // 多次同步 更新
+            dataHandleUtils.handleUpdateData(departments, operatorId);
+        } else {
+            // 首次同步 新增
+            log.info("开始首次同步新增数据,同步类型：{}, 新增部门用户数量：{}", type, departments.size());
+            dataHandleUtils.handleAddData(departments, operatorId, orgId, type);
+        }
+    }
+
+    /**
+     * 记录同步操作日志
+     */
+    private void logSyncOperation(LogService logService, String orgId, String operatorId) {
+        String detail = Translator.get("log.syncOrganization");
+        LogDTO logDTO = new LogDTO(orgId, operatorId, operatorId,
+                LogType.SYNC, LogModule.SYSTEM_ORGANIZATION, detail);
+        logDTO.setDetail(detail);
+        logService.add(logDTO);
+    }
+
+    /**
+     * 发送同步成功通知
+     */
+    private void sendSyncSuccessNotice(String operatorId, String orgId, String type) {
+        try {
+            // 设置通知参数
+            Map<String, Object> paramMap = new HashMap<>();
+            paramMap.put("name", Translator.get("message.sync_organization_structure"));
+            paramMap.put("syncType", getSyncTypeName(type));
+            paramMap.put("organizationId", orgId);
+
+            // 发送通知给操作人
+            commonNoticeSendService.sendNotice(
+                    NotificationConstants.Module.SYSTEM,  // 模块类型
+                    NotificationConstants.Event.SYNC_ORGANIZATION_STRUCTURE,  // 事件类型
+                    paramMap,
+                    operatorId,
+                    orgId,
+                    List.of(operatorId),  // 只发送给操作人
+                    false  // 不排除自己
+            );
+            log.info("组织架构同步成功通知已发送，操作人：{}，同步类型：{}", operatorId, type);
+        } catch (Exception e) {
+            log.error("发送组织架构同步成功通知失败", e);
+        }
+    }
+
+    /**
+     * 获取同步类型名称
+     */
+    private String getSyncTypeName(String type) {
+        return switch (parseDepartmentType(type)) {
+            case WECOM -> "企业微信";
+            case DINGTALK -> "钉钉";
+            case LARK -> "飞书";
+            default -> type;
+        };
+    }
+
+    /**
+     * 获取同步状态Redis Key
+     */
+    private String getSyncStatusKey(String orgId) {
+        return SYNC_STATUS_PREFIX + orgId;
+    }
+
+    /**
+     * 设置同步状态
+     */
+    private void setSyncStatus(String key, String operatorId) {
+        try {
+            Map<String, Object> statusInfo = new HashMap<>();
+            statusInfo.put("startTime", System.currentTimeMillis());
+            statusInfo.put("status", "SYNCING");
+
+            String statusJson = JSON.toJSONString(statusInfo);
+            stringRedisTemplate.opsForValue().set(
+                    key,
+                    statusJson,
+                    SYNC_STATUS_EXPIRE_SECONDS,
+                    java.util.concurrent.TimeUnit.SECONDS
+            );
+            log.info("已存入同步状态到Redis， key: {}, status: {}, operatorId: {}", key, statusJson, operatorId);
+        } catch (Exception e) {
+            log.error("存入同步状态到Redis失败", e);
+        }
+    }
+
+    /**
+     * 删除同步状态
+     */
+    private void deleteSyncStatus(String key) {
+        try {
+            stringRedisTemplate.delete(key);
+            log.info("已从 Redis 删除同步状态， key: {}", key);
+        } catch (Exception e) {
+            log.error("从 Redis 删除同步状态失败", e);
+        }
+    }
+
+    /**
+     * 清理相关缓存
+     */
+    private void clearCaches(String orgId) {
+        // 清理部门树缓存
+        stringRedisTemplate.delete(DEPT_TREE_CACHE_KEY + orgId);
+        // 清理权限缓存
+        deleteKeysByPrefixSafely(orgId);
+    }
+
+    /**
+     * 清理权限缓存
+     *
+     * @param orgId 组织ID
+     */
+    public void deleteKeysByPrefixSafely(String orgId) {
+        String pattern = String.format(PERMISSION_CACHE_PATTERN, orgId);
+        ScanOptions options = ScanOptions.scanOptions().match(pattern).count(SCAN_COUNT).build();
+
+        try (Cursor<String> cursor = stringRedisTemplate.scan(options)) {
+            while (cursor.hasNext()) {
+                stringRedisTemplate.delete(cursor.next());
+            }
+        }
+    }
+
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/tender/constant/TenderApiPaths.java b/backend/crm/src/main/java/cn/cordys/crm/integration/tender/constant/TenderApiPaths.java
new file mode 100644
index 0000000..1948bf9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/tender/constant/TenderApiPaths.java
@@ -0,0 +1,6 @@
+package cn.cordys.crm.integration.tender.constant;
+
+public interface TenderApiPaths {
+
+    String TENDER_API = "https://dadan.vip/#/login?source=feizhiyun";
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/tender/controller/TenderController.java b/backend/crm/src/main/java/cn/cordys/crm/integration/tender/controller/TenderController.java
new file mode 100644
index 0000000..bd62539
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/tender/controller/TenderController.java
@@ -0,0 +1,32 @@
+package cn.cordys.crm.integration.tender.controller;
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.constants.ThirdConfigTypeConstants;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.integration.common.dto.ThirdConfigBaseDTO;
+import cn.cordys.crm.system.service.IntegrationConfigService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RestController;
+
+@Tag(name = "标讯")
+@RestController
+@RequestMapping("/tender")
+public class TenderController {
+
+
+    @Resource
+    private IntegrationConfigService integrationConfigService;
+
+    @GetMapping("/application/config")
+    @Operation(summary = "获取标讯设置")
+    @RequiresPermissions(PermissionConstants.TENDER_READ)
+    public ThirdConfigBaseDTO getApplicationConfig() {
+        return integrationConfigService.getApplicationConfig(OrganizationContext.getOrganizationId(), SessionUtils.getUserId(), ThirdConfigTypeConstants.TENDER.name());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/tender/dto/TenderDetailDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/tender/dto/TenderDetailDTO.java
new file mode 100644
index 0000000..ebaaf30
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/tender/dto/TenderDetailDTO.java
@@ -0,0 +1,14 @@
+package cn.cordys.crm.integration.tender.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class TenderDetailDTO {
+
+    @Schema(description = "地址", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String tenderAddress;
+
+    @Schema(description = "是否验证通过")
+    private Boolean verify;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/constant/WeComApiPaths.java b/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/constant/WeComApiPaths.java
new file mode 100644
index 0000000..22e0567
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/constant/WeComApiPaths.java
@@ -0,0 +1,119 @@
+package cn.cordys.crm.integration.wecom.constant;
+
+public interface WeComApiPaths {
+
+    /**
+     * 接口基础路径
+     */
+    String QY_API_BASE_PATH = "https://qyapi.weixin.qq.com/cgi-bin";
+
+
+    /**
+     * 获取Access token
+     * 接口文档: <a href="https://developer.work.weixin.qq.com/document/path/91039">https://developer.work.weixin.qq.com/document/path/91039</a>
+     * <pre>
+     * https请求方式: GET https://qyapi.weixin.qq.com/cgi-bin/gettoken?corpid=ID&corpsecret=SECRET
+     * corpid	是	企业ID，获取方式参考：<a href="https://developer.work.weixin.qq.com/document/path/90665#corpid">术语说明-corpid</a>
+     * corp secret	是	应用的凭证密钥，注意应用需要是启用状态，获取方式参考：<a href="https://developer.work.weixin.qq.com/document/path/90665#secret">术语说明-secret</a>
+     * </pre>
+     */
+    String GET_TOKEN = QY_API_BASE_PATH + "/gettoken?corpid={0}&corpsecret={1}";
+
+    /**
+     * 获取指定的应用详情
+     * 接口文档: <a href="https://developer.work.weixin.qq.com/document/path/96448">https://developer.work.weixin.qq.com/document/path/91039</a>
+     * <pre>
+     * https请求方式: GET https://qyapi.weixin.qq.com/cgi-bin/agent/get?access_token=ACCESS_TOKEN&agentid=AGENTID
+     * access_token		是	调用接口凭证，GET_TOKEN
+     * agent	是	应用id
+     * </pre>
+     */
+    String GET_AGENT = QY_API_BASE_PATH + "/agent/get?access_token={0}&agentid={1}";
+
+    /**
+     * <p>
+     * 获取部门列表<br>
+     * 【重要】从2022年8月15日10点开始，“企业管理后台 - 管理工具 - 通讯录同步”的新增IP将不能再调用此接口，企业可通过「获取部门ID列表」接口获取部门ID列表。查看调整详情。<br>
+     * 权限说明：<br>
+     * 只能拉取token对应的应用的权限范围内的部门列表<br>
+     * </p>
+     * <p>
+     * 接口文档: <a href="https://developer.work.weixin.qq.com/document/path/90208">https://developer.work.weixin.qq.com/document/path/90208</a> <br>
+     * http请求方式: GET https://qyapi.weixin.qq.com/cgi-bin/department/list?access_token=ACCESS_TOKEN&id=ID
+     * </p>
+     */
+    String DEPARTMENT_LIST = QY_API_BASE_PATH + "/department/list?access_token={0}&id={1}";
+
+
+    /**
+     * <p>
+     * 获取部门成员详情 <br>
+     * 应用只能获取可见范围内的成员信息，且每种应用获取的字段有所不同，在返回结果说明中会逐个说明。企业通讯录安全特别重要，企业微信持续升级加固通讯录接口的安全机制，以下是关键的变更点：<br>
+     * - 从2022年6月20号20点开始，除通讯录同步以外的基础应用（如客户联系、微信客服、会话存档、日程等），以及新创建的自建应用与代开发应用，调用该接口时，不再返回以下字段：头像、性别、手机、邮箱、企业邮箱、员工个人二维码、地址，应用需要通过oauth2手工授权的方式获取管理员与员工本人授权的字段。<br>
+     * - 【重要】从2022年8月15日10点开始，“企业管理后台 - 管理工具 - 通讯录同步”的新增IP将不能再调用此接口，企业可通过「获取成员ID列表」和「获取部门ID列表」接口获取userid和部门ID列表。查看调整详情。<br>
+     * </p>
+     * <p>
+     * 接口文档: <a href="https://developer.work.weixin.qq.com/document/path/90201">https://developer.work.weixin.qq.com/document/path/90201</a> <br>
+     * http请求方式: GET https://qyapi.weixin.qq.com/cgi-bin/user/list?access_token=ACCESS_TOKEN&department_id=DEPARTMENT_ID
+     * </p>
+     */
+    String USER_LIST = QY_API_BASE_PATH + "/user/list?access_token={0}&department_id={1}";
+
+    /**
+     * <p>
+     * 获取访问用户身份 <br>
+     * 该接口用于根据code获取成员信息，适用于自建应用与代开发应用 <br>
+     * 权限说明： <br>
+     * 跳转的域名须完全匹配access_token对应应用的可信域名，否则会返回50001错误。
+     * </p>
+     * <p>
+     * 接口文档: <a href="https://developer.work.weixin.qq.com/document/path/91023">https://developer.work.weixin.qq.com/document/path/91023</a>
+     * http请求地址: GET https://qyapi.weixin.qq.com/cgi-bin/auth/getuserinfo?access_token=ACCESS_TOKEN&code=CODE
+     * </p>
+     */
+    String USER_ID_TICKET = QY_API_BASE_PATH + "/auth/getuserinfo?access_token={0}&code={1}";
+
+    /**
+     * <p>
+     * 读取成员 <br>
+     * 自建应用与代开发应用可通过该接口获取成员授权的敏感字段
+     * </p>
+     * <p>
+     * 接口文档： <a href="https://developer.work.weixin.qq.com/document/path/95833">...</a>
+     * 请求方式：POST（HTTPS）
+     * http请求地址: POST  https://qyapi.weixin.qq.com/cgi-bin/auth/getuserdetail?access_token=ACCESS_TOKEN
+     * 请求包体：
+     * <p>
+     * {
+     * "user_ticket": "USER_TICKET"
+     * }
+     * </p>
+     */
+    String USER_DETAIL = QY_API_BASE_PATH + "/auth/getuserdetail?access_token={0}";
+
+    /**
+     * <p>
+     * 读取成员 <br>
+     * 应用只能获取可见范围内的成员信息，且每种应用获取的字段有所不同，在返回结果说明中会逐个说明。企业通讯录安全特别重要，企业微信将持续升级加固通讯录接口的安全机制，以下是关键的变更点：
+     * <p>
+     * 从2022年6月20号20点开始，除通讯录同步以外的基础应用（如客户联系、微信客服、会话存档、日程等），以及新创建的自建应用与代开发应用，调用该接口时，不再返回以下字段：头像、性别、手机、邮箱、企业邮箱、员工个人二维码、地址，应用需要通过oauth2手工授权的方式获取管理员与员工本人授权的字段。
+     * </p>
+     * <p>
+     * 接口文档： <a href="https://developer.work.weixin.qq.com/document/path/96255">...</a>
+     * 请求方式：POST（HTTPS）
+     * http请求地址: GET  https://qyapi.weixin.qq.com/cgi-bin/user/get?access_token=ACCESS_TOKEN&userid=USERID
+     * </p>
+     */
+    String USER_INFO = QY_API_BASE_PATH + "/user/get?access_token={0}&userid={1}";
+
+    /**
+     * <p>
+     * 发送应用消息 <br>
+     * 应用支持推送文本、图片、视频、文件、图文等类型。<br>
+     * </p>
+     * 接口文档: <a href="https://developer.work.weixin.qq.com/document/path/90236#%E6%96%87%E6%9C%AC%E6%B6%88%E6%81%AF">https://developer.work.weixin.qq.com/document/path/91039</a>
+     * 请求方式: POST（HTTPS）
+     * http请求地址: POST <a href="https://qyapi.weixin.qq.com/cgi-bin/message/send?access_token=ACCESS_TOKEN">...</a>
+     */
+    String SEND_INFO = QY_API_BASE_PATH + "/message/send?access_token={0}";
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/dto/Text.java b/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/dto/Text.java
new file mode 100644
index 0000000..4034764
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/dto/Text.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.integration.wecom.dto;
+
+import lombok.Data;
+
+@Data
+public class Text {
+
+    /**
+     * 消息内容，最长不超过2048个字节，超过将截断（支持id转译）
+     */
+    private String content;
+
+    public Text(String content) {
+        this.content = content;
+    }
+
+    public Text() {
+        // 默认构造函数
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/dto/WeComDepartment.java b/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/dto/WeComDepartment.java
new file mode 100644
index 0000000..31d14bd
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/dto/WeComDepartment.java
@@ -0,0 +1,29 @@
+package cn.cordys.crm.integration.wecom.dto;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+@Data
+public class WeComDepartment {
+    /**
+     * 创建的部门id
+     */
+    private Long id;
+
+    /**
+     * 部门名称
+     */
+    private String name;
+
+    /**
+     * 父部门id。根部门为1
+     */
+    @JsonProperty("parentid")
+    private Long parentId;
+
+    /**
+     * 在父部门中的次序值。order值大的排序靠前。值范围是[0, 2^32)
+     */
+    private Long order;
+
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/dto/WeComDetail.java b/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/dto/WeComDetail.java
new file mode 100644
index 0000000..26f852e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/dto/WeComDetail.java
@@ -0,0 +1,28 @@
+package cn.cordys.crm.integration.wecom.dto;
+
+import cn.cordys.crm.integration.wecom.response.WeComResponseEntity;
+import lombok.Data;
+
+@Data
+public class WeComDetail extends WeComResponseEntity {
+    /**
+     * 应用id
+     */
+    private String agentId;
+
+    /**
+     * 应用名称
+     */
+    private String name;
+
+    /**
+     * 企业应用方形头像
+     */
+    private String square_logo_url;
+
+    /**
+     * 应用描述
+     */
+    private String description;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/dto/WeComSendDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/dto/WeComSendDTO.java
new file mode 100644
index 0000000..b2a798a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/dto/WeComSendDTO.java
@@ -0,0 +1,62 @@
+package cn.cordys.crm.integration.wecom.dto;
+
+import lombok.Data;
+
+@Data
+public class WeComSendDTO {
+
+    /**
+     * 指定接收消息的成员，多个接收者用'｜'分隔，最多支持1000个,特殊情况：指定为"@all"，则向该企业应用的全部成员发送
+     */
+    private String touser;
+
+    /**
+     * 指定接收消息的部门，部门ID列表，多个接收者用‘|’分隔，最多支持100个。
+     * 当touser为"@all"时忽略本参数
+     */
+    private String toparty;
+
+    /**
+     * 指定接收消息的标签，标签ID列表，多个接收者用‘|’分隔，最多支持100个。
+     * 当touser为"@all"时忽略本参数
+     */
+    private String totag;
+
+    /**
+     * 消息类型
+     */
+    private String msgtype;
+
+    /**
+     * 应用id
+     */
+    private Integer agentid;
+
+    /**
+     * 接收者的UserID列表
+     */
+    private Text text;
+
+    /**
+     * 表示是否是保密消息，0表示可对外分享，1表示不能分享且内容显示水印，默认为0
+     */
+    private boolean safe;
+
+
+    /**
+     * 表示是否开启id转译，0表示不转译，1表示转译，默认为0
+     */
+    private boolean enable_id_trans;
+
+    /**
+     * 表示是否开启重复消息检查，0表示不检查，1表示检查，默认为0
+     */
+    private boolean enable_duplicate_check;
+
+    /**
+     * 表示是否重复消息检查的时间间隔，默认1800s，最大不超过4小时
+     */
+    private Integer duplicate_check_interval;
+
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/dto/WeComToken.java b/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/dto/WeComToken.java
new file mode 100644
index 0000000..3a3499e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/dto/WeComToken.java
@@ -0,0 +1,23 @@
+package cn.cordys.crm.integration.wecom.dto;
+
+import cn.cordys.crm.integration.wecom.response.WeComResponseEntity;
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+@Data
+public class WeComToken extends WeComResponseEntity {
+
+
+    /**
+     * 获取到的凭证，最长为512字节
+     */
+    @JsonProperty("access_token")
+    private String accessToken;
+
+    /**
+     * 凭证的有效时间（秒）
+     */
+    @JsonProperty("expires_in")
+    private String expiresIn;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/dto/WeComUser.java b/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/dto/WeComUser.java
new file mode 100644
index 0000000..5f936c4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/dto/WeComUser.java
@@ -0,0 +1,131 @@
+package cn.cordys.crm.integration.wecom.dto;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class WeComUser {
+    /**
+     * 成员UserID。对应管理端的帐号，企业内必须唯一。不区分大小写，长度为1~64个字节；第三方应用返回的值为open_userid
+     */
+    @JsonProperty("userid")
+    private String userId;
+
+    /**
+     * 成员名称；第三方不可获取，调用时返回userid以代替name；代开发自建应用需要管理员授权才返回；对于非第三方创建的成员，第三方通讯录应用也不可获取；未返回name的情况需要通过通讯录展示组件来展示名字
+     */
+    private String name;
+
+    /**
+     * 手机号码，代开发自建应用需要管理员授权且成员oauth2授权获取；第三方仅通讯录应用可获取；对于非第三方创建的成员，第三方通讯录应用也不可获取；上游企业不可获取下游企业成员该字段
+     */
+    private String mobile;
+
+    /**
+     * 成员所属部门id列表，仅返回该应用有查看权限的部门id；成员授权模式下，固定返回根部门id，即固定为1。对授权了“组织架构信息”权限的第三方应用，返回成员所属的全部部门id
+     */
+    private List<Long> department;
+
+    /**
+     * 部门内的排序值，默认为0。数量必须和department一致，数值越大排序越前面。值范围是[0, 2^32)。成员授权模式下不返回该字段
+     */
+    private List<Long> order;
+
+    /**
+     * 职务信息；代开发自建应用需要管理员授权才返回；第三方仅通讯录应用可获取；对于非第三方创建的成员，第三方通讯录应用也不可获取；上游企业不可获取下游企业成员该字段
+     */
+    private String position;
+
+    /**
+     * 性别。0表示未定义，1表示男性，2表示女性。代开发自建应用需要管理员授权且成员oauth2授权获取；第三方仅通讯录应用可获取；对于非第三方创建的成员，第三方通讯录应用也不可获取；上游企业不可获取下游企业成员该字段。注：不可获取指返回值0
+     */
+    private Integer gender;
+
+    /**
+     * 邮箱，代开发自建应用需要管理员授权且成员oauth2授权获取；第三方仅通讯录应用可获取；对于非第三方创建的成员，第三方通讯录应用也不可获取；上游企业不可获取下游企业成员该字段
+     */
+    private String email;
+
+    /**
+     * 企业邮箱，代开发自建应用需要管理员授权且成员oauth2授权获取；第三方仅通讯录应用可获取；对于非第三方创建的成员，第三方通讯录应用也不可获取；上游企业不可获取下游企业成员该字段
+     */
+    @JsonProperty("biz_mail")
+    private String bizMail;
+
+    /**
+     * 表示在所在的部门内是否为部门负责人，数量与department一致；第三方通讯录应用或者授权了“组织架构信息-应用可获取企业的部门组织架构信息-部门负责人”权限的第三方应用可获取；对于非第三方创建的成员，第三方通讯录应用不可获取；上游企业不可获取下游企业成员该字段
+     */
+    @JsonProperty("is_leader_in_dept")
+    private List<Integer> isLeaderInDept;
+
+    /**
+     * 直属上级UserID，返回在应用可见范围内的直属上级列表，最多有五个直属上级；第三方通讯录应用或者授权了“组织架构信息-应用可获取可见范围内成员组织架构信息-直属上级”权限的第三方应用可获取；对于非第三方创建的成员，第三方通讯录应用不可获取；上游企业不可获取下游企业成员该字段；代开发自建应用不可获取该字段
+     */
+    @JsonProperty("direct_leader")
+    private List<String> directLeader;
+
+    /**
+     * 头像url。 代开发自建应用需要管理员授权且成员oauth2授权获取；第三方仅通讯录应用可获取；对于非第三方创建的成员，第三方通讯录应用也不可获取；上游企业不可获取下游企业成员该字段
+     */
+    private String avatar;
+
+    /**
+     * 头像缩略图url。第三方仅通讯录应用可获取；对于非第三方创建的成员，第三方通讯录应用也不可获取；上游企业不可获取下游企业成员该字段
+     */
+    @JsonProperty("thumb_avatar")
+    private String thumbAvatar;
+
+    /**
+     * 座机。代开发自建应用需要管理员授权才返回；第三方仅通讯录应用可获取；对于非第三方创建的成员，第三方通讯录应用也不可获取；上游企业不可获取下游企业成员该字段
+     */
+    private String telephone;
+
+    /**
+     * 别名；第三方仅通讯录应用可获取；对于非第三方创建的成员，第三方通讯录应用也不可获取；上游企业不可获取下游企业成员该字段
+     */
+    private String alias;
+
+    /**
+     * 地址。代开发自建应用需要管理员授权且成员oauth2授权获取；第三方仅通讯录应用可获取；对于非第三方创建的成员，第三方通讯录应用也不可获取；上游企业不可获取下游企业成员该字段
+     */
+    private String address;
+
+    /**
+     * 全局唯一。对于同一个服务商，不同应用获取到企业内同一个成员的open_userid是相同的，最多64个字节。仅第三方应用可获取
+     */
+    @JsonProperty("open_userid")
+    private String openUserId;
+
+    /**
+     * 主部门，仅当应用对主部门有查看权限时返回。
+     */
+    @JsonProperty("main_department")
+    private Long mainDepartment;
+
+    /**
+     * 激活状态: 1=已激活，2=已禁用，4=未激活，5=退出企业。
+     * 已激活代表已激活企业微信或已关注微信插件（原企业号）。未激活代表既未激活企业微信又未关注微信插件（原企业号）。
+     */
+    private Integer status;
+
+    /**
+     * 员工个人二维码，扫描可添加为外部联系人(注意返回的是一个url，可在浏览器上打开该url以展示二维码)；代开发自建应用需要管理员授权且成员oauth2授权获取；第三方仅通讯录应用可获取；对于非第三方创建的成员，第三方通讯录应用也不可获取；上游企业不可获取下游企业成员该字段
+     */
+    @JsonProperty("qr_code")
+    private String qrCode;
+
+    /**
+     * 对外职务，如果设置了该值，则以此作为对外展示的职务，否则以position来展示。代开发自建应用需要管理员授权才返回；第三方仅通讯录应用可获取；对于非第三方创建的成员，第三方通讯录应用也不可获取；上游企业不可获取下游企业成员该字段
+     */
+    @JsonProperty("external_position")
+    private String externalPosition;
+
+    /**
+     * 成员票据，最大为512字节，有效期为1800s。scope为snsapi_privateinfo，且用户在应用可见范围之内时返回此参数。后续利用该参数可以获取用户信息或敏感信息
+     */
+    @JsonProperty("user_ticket")
+    private String userTicket;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/dto/WeComUserTicketDTO.java b/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/dto/WeComUserTicketDTO.java
new file mode 100644
index 0000000..58e154e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/dto/WeComUserTicketDTO.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.integration.wecom.dto;
+
+import lombok.Data;
+
+@Data
+public class WeComUserTicketDTO {
+
+    /**
+     * 成员票据，最大为512字节，有效期为1800s。scope为snsapi_privateinfo，且用户在应用可见范围之内时返回此参数。后续利用该参数可以获取用户信息或敏感信息
+     */
+    private String user_ticket;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/response/WeComCommonUserResponse.java b/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/response/WeComCommonUserResponse.java
new file mode 100644
index 0000000..8446771
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/response/WeComCommonUserResponse.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.integration.wecom.response;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+@Data
+public class WeComCommonUserResponse extends WeComResponseEntity {
+
+    @JsonProperty("userid")
+    private String userId;
+
+    /**
+     * 成员票据，最大为512字节，有效期为1800s。scope为snsapi_privateinfo，且用户在应用可见范围之内时返回此参数。后续利用该参数可以获取用户信息或敏感信息
+     */
+    @JsonProperty("user_ticket")
+    private String userTicket;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/response/WeComDepartmentListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/response/WeComDepartmentListResponse.java
new file mode 100644
index 0000000..3157c0f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/response/WeComDepartmentListResponse.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.integration.wecom.response;
+
+import cn.cordys.crm.integration.wecom.dto.WeComDepartment;
+import lombok.Data;
+
+import java.util.List;
+
+/**
+ * 企业微信部门 响应对象
+ */
+
+@Data
+public class WeComDepartmentListResponse extends WeComResponseEntity {
+    /**
+     * 部门列表数据。
+     */
+    private List<WeComDepartment> department;
+
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/response/WeComResponseEntity.java b/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/response/WeComResponseEntity.java
new file mode 100644
index 0000000..d8a68d6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/response/WeComResponseEntity.java
@@ -0,0 +1,21 @@
+package cn.cordys.crm.integration.wecom.response;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+@Data
+public class WeComResponseEntity {
+
+    /**
+     * 错误码
+     */
+    @JsonProperty("errcode")
+    private Integer errCode;
+
+    /**
+     * 错误消息
+     */
+    @JsonProperty("errmsg")
+    private String errMsg;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/response/WeComUserListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/response/WeComUserListResponse.java
new file mode 100644
index 0000000..fd9ea41
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/response/WeComUserListResponse.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.integration.wecom.response;
+
+import cn.cordys.crm.integration.wecom.dto.WeComUser;
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class WeComUserListResponse extends WeComResponseEntity {
+    /**
+     * 成员列表
+     */
+    @JsonProperty("userlist")
+    private List<WeComUser> userList;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/response/WeComUserResponse.java b/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/response/WeComUserResponse.java
new file mode 100644
index 0000000..b30aa35
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/response/WeComUserResponse.java
@@ -0,0 +1,58 @@
+package cn.cordys.crm.integration.wecom.response;
+
+import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
+
+
+@Data
+public class WeComUserResponse extends WeComResponseEntity {
+
+    /**
+     * 成员UserID。对应管理端的帐号，企业内必须唯一。不区分大小写，长度为1~64个字节；第三方应用返回的值为open_userid
+     */
+    @JsonProperty("userid")
+    private String userId;
+
+    /**
+     * 成员名称；第三方不可获取，调用时返回userid以代替name；代开发自建应用需要管理员授权才返回；对于非第三方创建的成员，第三方通讯录应用也不可获取；未返回name的情况需要通过通讯录展示组件来展示名字
+     */
+    private String name;
+
+    /**
+     * 性别。0表示未定义，1表示男性，2表示女性。代开发自建应用需要管理员授权且成员oauth2授权获取；第三方仅通讯录应用可获取；对于非第三方创建的成员，第三方通讯录应用也不可获取；上游企业不可获取下游企业成员该字段。注：不可获取指返回值0
+     */
+    private Integer gender;
+
+    /**
+     * 头像url。 代开发自建应用需要管理员授权且成员oauth2授权获取；第三方仅通讯录应用可获取；对于非第三方创建的成员，第三方通讯录应用也不可获取；上游企业不可获取下游企业成员该字段
+     */
+    private String avatar;
+
+    /**
+     * 员工个人二维码，扫描可添加为外部联系人(注意返回的是一个url，可在浏览器上打开该url以展示二维码)；代开发自建应用需要管理员授权且成员oauth2授权获取；第三方仅通讯录应用可获取；对于非第三方创建的成员，第三方通讯录应用也不可获取；上游企业不可获取下游企业成员该字段
+     */
+    @JsonProperty("qr_code")
+    private String qrCode;
+
+    /**
+     * 手机号码，代开发自建应用需要管理员授权且成员oauth2授权获取；第三方仅通讯录应用可获取；对于非第三方创建的成员，第三方通讯录应用也不可获取；上游企业不可获取下游企业成员该字段
+     */
+    private String mobile;
+
+    /**
+     * 邮箱，代开发自建应用需要管理员授权且成员oauth2授权获取；第三方仅通讯录应用可获取；对于非第三方创建的成员，第三方通讯录应用也不可获取；上游企业不可获取下游企业成员该字段
+     */
+    private String email;
+
+    /**
+     * 企业邮箱，代开发自建应用需要管理员授权且成员oauth2授权获取；第三方仅通讯录应用可获取；对于非第三方创建的成员，第三方通讯录应用也不可获取；上游企业不可获取下游企业成员该字段
+     */
+    @JsonProperty("biz_mail")
+    private String bizMail;
+
+    /**
+     * 地址。代开发自建应用需要管理员授权且成员oauth2授权获取；第三方仅通讯录应用可获取；对于非第三方创建的成员，第三方通讯录应用也不可获取；上游企业不可获取下游企业成员该字段
+     */
+    private String address;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/service/WeComDepartmentService.java b/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/service/WeComDepartmentService.java
new file mode 100644
index 0000000..5f33ed1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/service/WeComDepartmentService.java
@@ -0,0 +1,113 @@
+package cn.cordys.crm.integration.wecom.service;
+
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.integration.common.utils.HttpClientUtils;
+import cn.cordys.crm.integration.sync.dto.ThirdDepartment;
+import cn.cordys.crm.integration.sync.dto.ThirdUser;
+import cn.cordys.crm.integration.wecom.constant.WeComApiPaths;
+import cn.cordys.crm.integration.wecom.response.WeComDepartmentListResponse;
+import cn.cordys.crm.integration.wecom.response.WeComUserListResponse;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+
+import static cn.cordys.crm.integration.common.utils.HttpClientUtils.urlTransfer;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class WeComDepartmentService {
+
+    /**
+     * 获取部门列表
+     *
+     * @param accessToken 访问令牌
+     * @return 部门列表
+     */
+    public List<ThirdDepartment> getDepartmentList(String accessToken) {
+        String url = urlTransfer(WeComApiPaths.DEPARTMENT_LIST, accessToken, null);
+        WeComDepartmentListResponse response = fetchDepartmentList(url);
+
+        if (response.getErrCode() != 0) {
+            throw new GenericException("获取部门接口返回结果失败: " + response.getErrMsg());
+        }
+
+        return response.getDepartment().stream().map(dept -> {
+            ThirdDepartment thirdDept = new ThirdDepartment();
+            thirdDept.setId(dept.getId().toString());
+            thirdDept.setName(dept.getName());
+            thirdDept.setParentId(dept.getParentId().toString());
+            thirdDept.setOrder(dept.getOrder());
+            thirdDept.setIsRoot(dept.getId() == 1);
+            return thirdDept;
+        }).toList();
+    }
+
+    /**
+     * 获取部门列表
+     */
+    private WeComDepartmentListResponse fetchDepartmentList(String url) {
+        try {
+            String responseStr = HttpClientUtils.sendGetRequest(url, null);
+            return JSON.parseObject(responseStr, WeComDepartmentListResponse.class);
+        } catch (Exception e) {
+            log.error(e.getMessage(), e);
+            throw new GenericException("调用接口获取部门列表失败：" + e.getMessage());
+        }
+    }
+
+    /**
+     * 获取部门用户详情
+     *
+     * @param accessToken   访问令牌
+     * @param departmentIds 部门ID列表
+     * @return 部门ID与用户列表的映射
+     */
+    public Map<String, List<ThirdUser>> getDepartmentUser(String accessToken, List<Long> departmentIds) {
+        Map<String, List<ThirdUser>> thirdUserMap = new HashMap<>();
+
+        for (Long departmentId : departmentIds) {
+            String url = urlTransfer(WeComApiPaths.USER_LIST, accessToken, departmentId);
+            WeComUserListResponse response = fetchUserList(url);
+
+            if (response.getErrCode() != 0) {
+                throw new GenericException("获取用户接口返回结果失败: " + response.getErrMsg());
+            }
+            List<ThirdUser> thirdUsers = response.getUserList().stream()//过滤如果weComUser有mainDepartment属性，过滤department中含有mainDepartment的用户，没有就不过滤
+                    .filter(weComUser -> weComUser.getMainDepartment() == null || weComUser.getMainDepartment().equals(departmentId))
+                    .map(weComUser -> ThirdUser.builder()
+                            .userId(weComUser.getUserId())
+                            .name(weComUser.getName())
+                            .email(weComUser.getEmail())
+                            .mobile(weComUser.getMobile())
+                            .position(weComUser.getPosition())
+                            .isLeaderInDept(weComUser.getIsLeaderInDept().indexOf(Integer.parseInt(departmentId.toString())) > 0)
+                            .build())
+                    .collect(Collectors.toList());
+
+
+            thirdUserMap.put(departmentId.toString(), thirdUsers);
+        }
+
+        return thirdUserMap;
+    }
+
+
+    /**
+     * 获取用户列表
+     */
+    private WeComUserListResponse fetchUserList(String url) {
+        try {
+            String responseStr = HttpClientUtils.sendGetRequest(url, null);
+            return JSON.parseObject(responseStr, WeComUserListResponse.class);
+        } catch (Exception e) {
+            throw new GenericException("调用接口获取用户列表失败", e);
+        }
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/service/WeComNoticeSender.java b/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/service/WeComNoticeSender.java
new file mode 100644
index 0000000..475dc4f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/integration/wecom/service/WeComNoticeSender.java
@@ -0,0 +1,100 @@
+package cn.cordys.crm.integration.wecom.service;
+
+import cn.cordys.common.constants.ThirdDetailType;
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.integration.common.dto.ThirdConfigBaseDTO;
+import cn.cordys.crm.integration.common.request.WecomThirdConfigRequest;
+import cn.cordys.crm.integration.sso.service.TokenService;
+import cn.cordys.crm.integration.wecom.dto.Text;
+import cn.cordys.crm.integration.wecom.dto.WeComSendDTO;
+import cn.cordys.crm.system.constants.OrganizationConfigConstants;
+import cn.cordys.crm.system.domain.OrganizationConfig;
+import cn.cordys.crm.system.domain.OrganizationConfigDetail;
+import cn.cordys.crm.system.dto.MessageDetailDTO;
+import cn.cordys.crm.system.mapper.ExtOrganizationConfigDetailMapper;
+import cn.cordys.crm.system.mapper.ExtOrganizationConfigMapper;
+import cn.cordys.crm.system.notice.common.NoticeModel;
+import cn.cordys.crm.system.notice.common.Receiver;
+import cn.cordys.crm.system.notice.sender.AbstractNoticeSender;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections.CollectionUtils;
+import org.springframework.stereotype.Component;
+
+import java.util.List;
+
+@Component
+@Slf4j
+public class WeComNoticeSender extends AbstractNoticeSender {
+
+    @Resource
+    private TokenService tokenService;
+    @Resource
+    private ExtOrganizationConfigMapper extOrganizationConfigMapper;
+    @Resource
+    private ExtOrganizationConfigDetailMapper extOrganizationConfigDetailMapper;
+
+    @Override
+    public void send(MessageDetailDTO messageDetailDTO, NoticeModel noticeModel) {
+        try {
+            String context = super.getContext(messageDetailDTO, noticeModel);
+            sendWeCom(context, noticeModel, messageDetailDTO.getOrganizationId());
+            log.debug("发送企业微信结束");
+        } catch (Exception e) {
+            log.error("企业微信消息通知失败：{}", String.valueOf(e));
+        }
+    }
+
+    public void sendWeCom(MessageDetailDTO clonedMessageDetail, NoticeModel clonedNoticeModel) {
+        this.send(clonedMessageDetail, clonedNoticeModel);
+    }
+
+    private void sendWeCom(String context, NoticeModel noticeModel, String organizationId) {
+        List<Receiver> receivers = super.getReceivers(noticeModel.getReceivers(), noticeModel.isExcludeSelf(), noticeModel.getOperator());
+        if (CollectionUtils.isEmpty(receivers)) {
+            return;
+        }
+        List<String> userIds = receivers.stream()
+                .map(Receiver::getUserId)
+                .distinct()
+                .toList();
+        //查询同步过的resourceId，这里已经确定是否同步了企业微信，没同步，消息无法发送
+        List<String> resourceUserIds = super.getResourceUserIds(userIds, organizationId);
+        if (CollectionUtils.isEmpty(resourceUserIds)) {
+            log.warn("没有同步企业微信用户，无法发送消息");
+            return;
+        }
+        //查询三方配置
+        OrganizationConfig organizationConfig = extOrganizationConfigMapper
+                .getOrganizationConfig(organizationId, OrganizationConfigConstants.ConfigType.THIRD.name());
+        if (organizationConfig == null) {
+            log.warn("没有配置企业微信信息，无法发送消息");
+            return;
+        }
+        //获取企业微信通知的配置数据
+        OrganizationConfigDetail orgConfigDetailByIdAndType = extOrganizationConfigDetailMapper.getOrgConfigDetailByIdAndType(organizationConfig.getId(), ThirdDetailType.WECOM_SYNC.toString());
+        if (orgConfigDetailByIdAndType == null || orgConfigDetailByIdAndType.getContent() == null) {
+            log.warn("没有配置企业微信通知信息，无法发送消息");
+            return;
+        }
+        var thirdConfigurationDTO = JSON.parseObject(
+                new String(orgConfigDetailByIdAndType.getContent()), ThirdConfigBaseDTO.class
+        );
+        WecomThirdConfigRequest wecomThirdConfigRequest = new WecomThirdConfigRequest();
+        if (thirdConfigurationDTO.getConfig() == null) {
+            wecomThirdConfigRequest = JSON.parseObject(new String(orgConfigDetailByIdAndType.getContent()), WecomThirdConfigRequest.class);
+        } else {
+            wecomThirdConfigRequest = JSON.MAPPER.convertValue(thirdConfigurationDTO.getConfig(), WecomThirdConfigRequest.class);
+        }
+
+        //构建企业微信消息
+        WeComSendDTO weComSendDTO = new WeComSendDTO();
+        String result = String.join("|", resourceUserIds);
+        weComSendDTO.setTouser(result);
+        weComSendDTO.setAgentid(Integer.parseInt(wecomThirdConfigRequest.getAgentId()));
+        weComSendDTO.setText(new Text(context));
+        weComSendDTO.setMsgtype("text");
+
+        tokenService.sendNoticeByToken(weComSendDTO, wecomThirdConfigRequest.getCorpId(), wecomThirdConfigRequest.getAppSecret());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/constants/OpportunityFailureReason.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/constants/OpportunityFailureReason.java
new file mode 100644
index 0000000..8096888
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/constants/OpportunityFailureReason.java
@@ -0,0 +1,28 @@
+package cn.cordys.crm.opportunity.constants;
+
+/**
+ * 商机失败原因枚举
+ */
+public enum OpportunityFailureReason {
+    /**
+     * 客户选择竞品
+     */
+    COMPETITOR_CHOSEN,
+    /**
+     * 立项失败
+     */
+    PROJECT_FAILED,
+    /**
+     * 决策链复杂
+     */
+    COMPLEX_DECISION_CHAIN,
+    /**
+     * 预算限制
+     */
+    BUDGET_LIMITATION,
+    /**
+     * 需求变化
+     */
+    REQUIREMENT_CHANGE
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/constants/OpportunityStageScenario.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/constants/OpportunityStageScenario.java
new file mode 100644
index 0000000..3dfb644
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/constants/OpportunityStageScenario.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.opportunity.constants;
+
+/**
+ * 商机阶段场景
+ */
+public enum OpportunityStageScenario {
+    /**
+     * 进行中
+     */
+    UNDERWAY,
+
+    /**
+     * 成功
+     */
+    SUCCESS,
+    /**
+     * 失败
+     */
+    FAIL,
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/constants/OpportunityStageType.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/constants/OpportunityStageType.java
new file mode 100644
index 0000000..60c4f67
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/constants/OpportunityStageType.java
@@ -0,0 +1,18 @@
+package cn.cordys.crm.opportunity.constants;
+
+/**
+ * 商机阶段类型
+ */
+public enum OpportunityStageType {
+
+
+    /**
+     * 进行中
+     */
+    AFOOT,
+
+    /**
+     * 完结
+     */
+    END,
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/constants/StageType.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/constants/StageType.java
new file mode 100644
index 0000000..dc5d222
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/constants/StageType.java
@@ -0,0 +1,42 @@
+package cn.cordys.crm.opportunity.constants;
+
+/**
+ * 商机阶段
+ */
+public enum StageType {
+
+    /**
+     * 新建
+     */
+    CREATE,
+
+    /**
+     * 需求明确
+     */
+    CLEAR_REQUIREMENTS,
+
+    /**
+     * 方案验证
+     */
+    SCHEME_VALIDATION,
+
+    /**
+     * 项目汇报
+     */
+    PROJECT_PROPOSAL_REPORT,
+
+    /**
+     * 商务采购
+     */
+    BUSINESS_PROCUREMENT,
+
+    /**
+     * 结果：成功
+     */
+    SUCCESS,
+
+    /**
+     * 结果：失败
+     */
+    FAIL,
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/controller/OpportunityController.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/controller/OpportunityController.java
new file mode 100644
index 0000000..1a519b5
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/controller/OpportunityController.java
@@ -0,0 +1,218 @@
+package cn.cordys.crm.opportunity.controller;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.FormKeyConstants;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.permission.CsBatchPermission;
+import cn.cordys.common.permission.CsPermission;
+import cn.cordys.common.dto.ChartAnalysisRequest;
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.common.dto.ExportSelectRequest;
+import cn.cordys.common.dto.ResourceTabEnableDTO;
+import cn.cordys.common.dto.chart.ChartResult;
+import cn.cordys.common.dto.stage.StageSortRequest;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.customer.dto.response.CustomerContactListAllResponse;
+import cn.cordys.crm.opportunity.domain.Opportunity;
+import cn.cordys.crm.opportunity.dto.request.*;
+import cn.cordys.crm.opportunity.dto.response.OpportunityDetailResponse;
+import cn.cordys.crm.opportunity.dto.response.OpportunityListResponse;
+import cn.cordys.crm.opportunity.dto.response.OpportunitySearchStatisticResponse;
+import cn.cordys.crm.opportunity.service.OpportunityExportService;
+import cn.cordys.crm.opportunity.service.OpportunityService;
+import cn.cordys.crm.system.dto.request.ResourceBatchEditRequest;
+import cn.cordys.crm.system.dto.response.ImportResponse;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import jakarta.servlet.http.HttpServletResponse;
+import jakarta.validation.constraints.NotEmpty;
+import org.apache.shiro.authz.annotation.Logical;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.context.i18n.LocaleContextHolder;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+import org.springframework.web.multipart.MultipartFile;
+
+import java.util.List;
+
+@Tag(name = "商机")
+@RestController
+@RequestMapping("/opportunity")
+public class OpportunityController {
+
+    @Resource
+    private OpportunityService opportunityService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private DataScopeService dataScopeService;
+    @Resource
+    private OpportunityExportService opportunityExportService;
+
+
+    @GetMapping("/module/form")
+    @CsPermission(PermissionConstants.OPPORTUNITY_MANAGEMENT_READ)
+    @Operation(summary = "获取表单配置")
+    public ModuleFormConfigDTO getModuleFormConfig() {
+        return moduleFormCacheService.getBusinessFormConfig(FormKey.OPPORTUNITY.getKey(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/page")
+    @CsPermission(PermissionConstants.OPPORTUNITY_MANAGEMENT_READ)
+    @Operation(summary = "商机列表")
+    public PagerWithOption<List<OpportunityListResponse>> list(@Validated @RequestBody OpportunityPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.OPPORTUNITY.getKey());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.OPPORTUNITY_MANAGEMENT_READ);
+        return opportunityService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission, false);
+    }
+
+    @PostMapping("/statistic")
+    @CsPermission(PermissionConstants.OPPORTUNITY_MANAGEMENT_READ)
+    @Operation(summary = "商机统计")
+    public OpportunitySearchStatisticResponse searchStatistic(@Validated @RequestBody OpportunitySearchStatisticRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.OPPORTUNITY.getKey());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.OPPORTUNITY_MANAGEMENT_READ);
+        return opportunityService.searchStatistic(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission);
+    }
+
+
+    @PostMapping("/add")
+    @CsPermission(PermissionConstants.OPPORTUNITY_MANAGEMENT_ADD)
+    @Operation(summary = "添加商机")
+    public Opportunity add(@Validated @RequestBody OpportunityAddRequest request) {
+        return opportunityService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/update")
+    @CsPermission(value = PermissionConstants.OPPORTUNITY_MANAGEMENT_UPDATE, resourceId = "{#request.id}", formType = FormKeyConstants.OPPORTUNITY)
+    @Operation(summary = "更新商机")
+    public Opportunity update(@Validated @RequestBody OpportunityUpdateRequest request) {
+        return opportunityService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/delete/{id}")
+    @Operation(summary = "删除商机")
+    @CsPermission(value = PermissionConstants.OPPORTUNITY_MANAGEMENT_DELETE, resourceId = "{#id}", formType = FormKeyConstants.OPPORTUNITY)
+    public void deleteOpportunity(@PathVariable String id) {
+        opportunityService.delete(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/batch/transfer")
+    @CsBatchPermission(value = PermissionConstants.OPPORTUNITY_MANAGEMENT_TRANSFER, resourceId = "{#request.ids}", formType = FormKeyConstants.OPPORTUNITY)
+    @Operation(summary = "批量转移商机")
+    public void batchTransfer(@RequestBody OpportunityTransferRequest request) {
+        opportunityService.transfer(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/batch/delete")
+    @CsBatchPermission(value = PermissionConstants.OPPORTUNITY_MANAGEMENT_DELETE, resourceId = "{#ids}", formType = FormKeyConstants.OPPORTUNITY)
+    @Operation(summary = "批量删除商机")
+    public void delete(@RequestBody @NotEmpty List<String> ids) {
+        opportunityService.batchDelete(ids, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/get/{id}")
+    @CsPermission(value = PermissionConstants.OPPORTUNITY_MANAGEMENT_READ, resourceId = "{#id}", formType = FormKeyConstants.OPPORTUNITY)
+    @Operation(summary = "商机详情")
+    public OpportunityDetailResponse get(@PathVariable String id) {
+        return opportunityService.getWithDataPermissionCheck(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/update/stage")
+    @RequiresPermissions(value = {PermissionConstants.OPPORTUNITY_MANAGEMENT_UPDATE, PermissionConstants.OPPORTUNITY_MANAGEMENT_RESIGN}, logical = Logical.OR)
+    @Operation(summary = "更新商机阶段")
+    public void updateStage(@RequestBody OpportunityStageRequest request) {
+        opportunityService.updateStage(request, OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/batch/update")
+    @CsBatchPermission(value = PermissionConstants.OPPORTUNITY_MANAGEMENT_UPDATE, resourceId = "{#request.ids}", formType = FormKeyConstants.OPPORTUNITY)
+    @Operation(summary = "批量更新商机")
+    public void batchUpdate(@Validated @RequestBody ResourceBatchEditRequest request) {
+        opportunityService.batchUpdate(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/tab")
+    @CsPermission(PermissionConstants.OPPORTUNITY_MANAGEMENT_READ)
+    @Operation(summary = "所有商机和部门商机tab是否显示")
+    public ResourceTabEnableDTO getTabEnableConfig() {
+        return opportunityService.getTabEnableConfig(SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/contact/list/{opportunityId}")
+    @Operation(summary = "商机下的联系人列表")
+    @CsPermission(value = PermissionConstants.OPPORTUNITY_MANAGEMENT_READ, resourceId = "{#opportunityId}", formType = FormKeyConstants.OPPORTUNITY)
+    public CustomerContactListAllResponse list(@Validated @PathVariable String opportunityId) {
+        return opportunityService.getContactList(opportunityId, OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/export-all")
+    @Operation(summary = "商机导出全部")
+    @CsPermission(PermissionConstants.OPPORTUNITY_MANAGEMENT_EXPORT)
+    public String opportunityExportAll(@Validated @RequestBody OpportunityExportRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.OPPORTUNITY.getKey());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.OPPORTUNITY_MANAGEMENT_READ);
+        return opportunityExportService.export(SessionUtils.getUserId(), request, OrganizationContext.getOrganizationId(), deptDataPermission, LocaleContextHolder.getLocale());
+    }
+
+
+    @PostMapping("/export-select")
+    @Operation(summary = "导出选中商机")
+    @CsPermission(PermissionConstants.OPPORTUNITY_MANAGEMENT_EXPORT)
+    public String opportunityExportSelect(@Validated @RequestBody ExportSelectRequest request) {
+        return opportunityExportService.exportSelect(SessionUtils.getUserId(), request, OrganizationContext.getOrganizationId(), LocaleContextHolder.getLocale());
+    }
+
+    @GetMapping("/template/download")
+    @CsPermission(PermissionConstants.OPPORTUNITY_MANAGEMENT_IMPORT)
+    @Operation(summary = "下载导入模板")
+    public void downloadImportTpl(HttpServletResponse response) {
+        opportunityService.downloadImportTpl(response, OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/import/pre-check")
+    @Operation(summary = "导入检查")
+    @CsPermission(PermissionConstants.OPPORTUNITY_MANAGEMENT_IMPORT)
+    public ImportResponse preCheck(@RequestPart(value = "file") MultipartFile file) {
+        return opportunityService.importPreCheck(file, OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/import")
+    @Operation(summary = "导入")
+    @CsPermission(PermissionConstants.OPPORTUNITY_MANAGEMENT_IMPORT)
+    public ImportResponse realImport(@RequestPart(value = "file") MultipartFile file) {
+        return opportunityService.realImport(file, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+
+    @PostMapping("/sort")
+    @Operation(summary = "商机阶段看板拖拽排序")
+    public void sortModule(@Validated @RequestBody StageSortRequest request) {
+        opportunityService.sort(request, SessionUtils.getUserId());
+    }
+
+    @PostMapping("/chart")
+    @CsPermission(PermissionConstants.OPPORTUNITY_MANAGEMENT_READ)
+    @Operation(summary = "客户图表生成")
+    public List<ChartResult> chart(@Validated @RequestBody ChartAnalysisRequest request) {
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.OPPORTUNITY_MANAGEMENT_READ);
+        return opportunityService.chart(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/controller/OpportunityFollowPlanController.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/controller/OpportunityFollowPlanController.java
new file mode 100644
index 0000000..5f75a70
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/controller/OpportunityFollowPlanController.java
@@ -0,0 +1,89 @@
+package cn.cordys.crm.opportunity.controller;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.FormKeyConstants;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.permission.CsPermission;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.follow.domain.FollowUpPlan;
+import cn.cordys.crm.follow.dto.request.FollowUpPlanAddRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpPlanPageRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpPlanStatusRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpPlanUpdateRequest;
+import cn.cordys.crm.follow.dto.response.FollowUpPlanDetailResponse;
+import cn.cordys.crm.follow.dto.response.FollowUpPlanListResponse;
+import cn.cordys.crm.follow.service.FollowUpPlanService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "商机跟进计划")
+@RestController
+@RequestMapping("/opportunity/follow/plan")
+public class OpportunityFollowPlanController {
+
+    @Resource
+    private FollowUpPlanService followUpPlanService;
+
+    @PostMapping("/add")
+    @CsPermission(PermissionConstants.OPPORTUNITY_MANAGEMENT_UPDATE)
+    @Operation(summary = "添加商机跟进计划")
+    public FollowUpPlan add(@Validated @RequestBody FollowUpPlanAddRequest request) {
+        return followUpPlanService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/update")
+    @CsPermission(value = PermissionConstants.OPPORTUNITY_MANAGEMENT_UPDATE, resourceId = "{#request.id}", formType = FormKeyConstants.FOLLOW_PLAN)
+    @Operation(summary = "更新商机跟进计划")
+    public FollowUpPlan update(@Validated @RequestBody FollowUpPlanUpdateRequest request) {
+        return followUpPlanService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/page")
+    @CsPermission(PermissionConstants.OPPORTUNITY_MANAGEMENT_READ)
+    @Operation(summary = "商机跟进计划列表")
+    public PagerWithOption<List<FollowUpPlanListResponse>> list(@Validated @RequestBody FollowUpPlanPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.FOLLOW_PLAN.getKey());
+        return followUpPlanService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), "OPPORTUNITY", "CUSTOMER");
+    }
+
+
+    @GetMapping("/get/{id}")
+    @Operation(summary = "商机跟进计划详情")
+    public FollowUpPlanDetailResponse get(@PathVariable String id) {
+        return followUpPlanService.get(id, OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/cancel/{id}")
+    @CsPermission(value = PermissionConstants.OPPORTUNITY_MANAGEMENT_UPDATE, resourceId = "{#id}", formType = FormKeyConstants.FOLLOW_PLAN)
+    @Operation(summary = "取消商机跟进计划")
+    public void cancelPlan(@PathVariable String id) {
+        followUpPlanService.cancelPlan(id, SessionUtils.getUserId());
+    }
+
+
+    @GetMapping("/delete/{id}")
+    @Operation(summary = "商机删除跟进计划")
+    @CsPermission(value = PermissionConstants.OPPORTUNITY_MANAGEMENT_UPDATE, resourceId = "{#id}", formType = FormKeyConstants.FOLLOW_PLAN)
+    public void deletePlan(@PathVariable String id) {
+        followUpPlanService.delete(id);
+    }
+
+    @PostMapping("/status/update")
+    @CsPermission(value = PermissionConstants.OPPORTUNITY_MANAGEMENT_UPDATE, resourceId = "{#request.id}", formType = FormKeyConstants.FOLLOW_PLAN)
+    @Operation(summary = "商机更新跟进计划状态")
+    public void updateStatus(@Validated @RequestBody FollowUpPlanStatusRequest request) {
+        followUpPlanService.updateStatus(request, SessionUtils.getUserId());
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/controller/OpportunityFollowRecordController.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/controller/OpportunityFollowRecordController.java
new file mode 100644
index 0000000..65b8786
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/controller/OpportunityFollowRecordController.java
@@ -0,0 +1,69 @@
+package cn.cordys.crm.opportunity.controller;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.FormKeyConstants;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.permission.CsPermission;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.follow.domain.FollowUpRecord;
+import cn.cordys.crm.follow.dto.CustomerDataDTO;
+import cn.cordys.crm.follow.dto.request.FollowUpRecordAddRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpRecordPageRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpRecordUpdateRequest;
+import cn.cordys.crm.follow.dto.response.FollowUpRecordDetailResponse;
+import cn.cordys.crm.follow.dto.response.FollowUpRecordListResponse;
+import cn.cordys.crm.follow.service.FollowUpRecordService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "商机跟进记录")
+@RestController
+@RequestMapping("/opportunity/follow/record")
+public class OpportunityFollowRecordController {
+
+    @Resource
+    private FollowUpRecordService followUpRecordService;
+
+    @PostMapping("/add")
+    @CsPermission(PermissionConstants.OPPORTUNITY_MANAGEMENT_UPDATE)
+    @Operation(summary = "添加商机跟进记录")
+    public FollowUpRecord add(@Validated @RequestBody FollowUpRecordAddRequest request) {
+        return followUpRecordService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/update")
+    @CsPermission(value = PermissionConstants.OPPORTUNITY_MANAGEMENT_UPDATE, resourceId = "{#request.id}", formType = FormKeyConstants.FOLLOW_RECORD)
+    @Operation(summary = "更新商机跟进记录")
+    public FollowUpRecord update(@Validated @RequestBody FollowUpRecordUpdateRequest request) {
+        return followUpRecordService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/page")
+    @CsPermission(PermissionConstants.OPPORTUNITY_MANAGEMENT_READ)
+    @Operation(summary = "商机跟进记录列表")
+    public PagerWithOption<List<FollowUpRecordListResponse>> list(@Validated @RequestBody FollowUpRecordPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.FOLLOW_RECORD.getKey());
+        return followUpRecordService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), "OPPORTUNITY", "CUSTOMER");
+    }
+
+    @GetMapping("/get/{id}")
+    @Operation(summary = "商机跟进记录详情")
+    public FollowUpRecordDetailResponse get(@PathVariable String id) {
+        return followUpRecordService.get(id, OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/delete/{id}")
+    @Operation(summary = "客户删除跟进记录")
+    @CsPermission(value = PermissionConstants.OPPORTUNITY_MANAGEMENT_UPDATE, resourceId = "{#id}", formType = FormKeyConstants.FOLLOW_RECORD)
+    public void deleteRecord(@PathVariable String id) {
+        followUpRecordService.delete(id);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/controller/OpportunityQuotationController.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/controller/OpportunityQuotationController.java
new file mode 100644
index 0000000..7b5fd07
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/controller/OpportunityQuotationController.java
@@ -0,0 +1,172 @@
+package cn.cordys.crm.opportunity.controller;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.FormKeyConstants;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.permission.CsBatchPermission;
+import cn.cordys.common.permission.CsPermission;
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.common.dto.ResourceTabEnableDTO;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.opportunity.domain.OpportunityQuotation;
+import cn.cordys.crm.opportunity.dto.request.*;
+import cn.cordys.crm.opportunity.dto.response.OpportunityQuotationGetResponse;
+import cn.cordys.crm.opportunity.dto.response.OpportunityQuotationListResponse;
+import cn.cordys.crm.opportunity.service.OpportunityQuotationService;
+import cn.cordys.crm.system.dto.request.ResourceBatchEditRequest;
+import cn.cordys.crm.system.dto.response.BatchAffectReasonResponse;
+import cn.cordys.crm.system.dto.response.BatchAffectSkipResponse;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "商机报价单")
+@RestController
+@RequestMapping("/opportunity/quotation")
+public class OpportunityQuotationController {
+
+    @Resource
+    private OpportunityQuotationService opportunityQuotationService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private DataScopeService dataScopeService;
+
+
+    @GetMapping("/module/form")
+    @CsPermission(PermissionConstants.OPPORTUNITY_QUOTATION_READ)
+    @Operation(summary = "获取表单配置")
+    public ModuleFormConfigDTO getModuleFormConfig() {
+        return moduleFormCacheService.getBusinessFormConfig(FormKey.QUOTATION.getKey(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/page")
+    @CsPermission(PermissionConstants.OPPORTUNITY_QUOTATION_READ)
+    @Operation(summary = "报价单列表")
+    public PagerWithOption<List<OpportunityQuotationListResponse>> list(@Validated @RequestBody OpportunityQuotationPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.QUOTATION.getKey());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.OPPORTUNITY_QUOTATION_READ);
+        return opportunityQuotationService.list(request, OrganizationContext.getOrganizationId(), SessionUtils.getUserId(), deptDataPermission, false);
+    }
+
+    //新增
+    @PostMapping("/add")
+    @CsPermission(PermissionConstants.OPPORTUNITY_QUOTATION_ADD)
+    @Operation(summary = "新增报价单")
+    public OpportunityQuotation add(@Validated @RequestBody OpportunityQuotationAddRequest request) {
+        return opportunityQuotationService.add(request, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+    //编辑
+    @PostMapping("/update")
+    @CsPermission(value = PermissionConstants.OPPORTUNITY_QUOTATION_UPDATE, resourceId = "{#request.id}", formType = FormKeyConstants.QUOTATION)
+    @Operation(summary = "更新报价单")
+    public OpportunityQuotation update(@Validated @RequestBody OpportunityQuotationEditRequest request) {
+        return opportunityQuotationService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    //查询详情
+    @GetMapping("/get/snapshot/{id}")
+    @CsPermission(value = PermissionConstants.OPPORTUNITY_QUOTATION_READ, resourceId = "{#id}", formType = FormKeyConstants.QUOTATION)
+    @Operation(summary = "获取报价单快照详情")
+    public OpportunityQuotationGetResponse getSnapshot(@PathVariable("id") String id) {
+        return opportunityQuotationService.getSnapshot(id, OrganizationContext.getOrganizationId());
+    }
+
+    //查询详情
+    @GetMapping("/get/{id}")
+    @CsPermission(value = PermissionConstants.OPPORTUNITY_QUOTATION_READ, resourceId = "{#id}", formType = FormKeyConstants.QUOTATION)
+    @Operation(summary = "获取报价单详情")
+    public OpportunityQuotationGetResponse get(@PathVariable("id") String id) {
+        return opportunityQuotationService.get(id, OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/module/form/snapshot/{id}")
+    @CsPermission(value = PermissionConstants.OPPORTUNITY_QUOTATION_READ, resourceId = "{#id}", formType = FormKeyConstants.QUOTATION)
+    @Operation(summary = "获取表单快照配置")
+    public ModuleFormConfigDTO getFormSnapshot(@PathVariable("id") String id) {
+        return opportunityQuotationService.getFormSnapshot(id, OrganizationContext.getOrganizationId());
+    }
+
+    //撤销审批
+    @GetMapping("/revoke/{id}")
+    @Operation(summary = "撤销报价单审批")
+    public String revoke(@PathVariable("id") String id) {
+        return opportunityQuotationService.revoke(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    //作废
+    @GetMapping("/voided/{id}")
+    @CsPermission(value = PermissionConstants.OPPORTUNITY_QUOTATION_VOIDED, resourceId = "{#id}", formType = FormKeyConstants.QUOTATION)
+    @Operation(summary = "作废报价单")
+    public void voidQuotation(@PathVariable("id") String id) {
+        opportunityQuotationService.voidQuotation(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    //批量作废报价单
+    @PostMapping("/batch/voided")
+    @CsBatchPermission(value = PermissionConstants.OPPORTUNITY_QUOTATION_VOIDED, resourceId = "{#request.ids}", formType = FormKeyConstants.QUOTATION)
+    @Operation(summary = "批量作废报价单")
+    public BatchAffectReasonResponse batchVoidQuotation(@Validated @RequestBody OpportunityQuotationBatchVoidedRequest request) {
+        return opportunityQuotationService.batchVoidQuotation(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    //审批
+    @PostMapping("/approve")
+    @CsPermission(value = PermissionConstants.OPPORTUNITY_QUOTATION_APPROVAL, resourceId = "{#request.id}", formType = FormKeyConstants.QUOTATION)
+    @Operation(summary = "审批报价单")
+    public String approve(@RequestBody OpportunityQuotationEditRequest request) {
+        return opportunityQuotationService.approve(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    //批量审批
+    @PostMapping("/batch/approve")
+    @CsBatchPermission(value = PermissionConstants.OPPORTUNITY_QUOTATION_APPROVAL, resourceId = "{#request.ids}", formType = FormKeyConstants.QUOTATION)
+    @Operation(summary = "批量审批报价单")
+    public BatchAffectSkipResponse batchApprove(@Validated @RequestBody OpportunityQuotationBatchRequest request) {
+        return opportunityQuotationService.batchApprove(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/batch/update")
+    @CsBatchPermission(value = PermissionConstants.OPPORTUNITY_QUOTATION_UPDATE, resourceId = "{#request.ids}", formType = FormKeyConstants.QUOTATION)
+    @Operation(summary = "批量更新报价单")
+    public BatchAffectReasonResponse batchUpdate(@Validated @RequestBody ResourceBatchEditRequest request) {
+        return opportunityQuotationService.batchUpdate(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    //删除报价单
+    @GetMapping("/delete/{id}")
+    @CsPermission(value = PermissionConstants.OPPORTUNITY_QUOTATION_DELETE, resourceId = "{#id}", formType = FormKeyConstants.QUOTATION)
+    @Operation(summary = "删除报价单")
+    public void delete(@PathVariable("id") String id) {
+        opportunityQuotationService.delete(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/tab")
+    @CsPermission(PermissionConstants.OPPORTUNITY_QUOTATION_READ)
+    @Operation(summary = "所有商机报价单和部门商机报价单tab是否显示")
+    public ResourceTabEnableDTO getTabEnableConfig() {
+        return opportunityQuotationService.getTabEnableConfig(SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/download/{id}")
+    @CsPermission(value = PermissionConstants.OPPORTUNITY_QUOTATION_DOWNLOAD, resourceId = "{#id}", formType = FormKeyConstants.QUOTATION)
+    @Operation(summary = "下载报价单日志记录")
+    public void download(@PathVariable("id") String id) {
+        opportunityQuotationService.download(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/controller/OpportunityQuotationUserViewController.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/controller/OpportunityQuotationUserViewController.java
new file mode 100644
index 0000000..f685251
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/controller/OpportunityQuotationUserViewController.java
@@ -0,0 +1,95 @@
+package cn.cordys.crm.opportunity.controller;
+
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.request.PosRequest;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.constants.UserViewResourceType;
+import cn.cordys.crm.system.domain.UserView;
+import cn.cordys.crm.system.dto.request.UserViewAddRequest;
+import cn.cordys.crm.system.dto.request.UserViewUpdateRequest;
+import cn.cordys.crm.system.dto.response.UserViewListResponse;
+import cn.cordys.crm.system.dto.response.UserViewResponse;
+import cn.cordys.crm.system.service.UserViewService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "商机报价单视图")
+@RestController
+@RequestMapping("/opportunity/quotation/view")
+public class OpportunityQuotationUserViewController {
+
+    @Resource
+    private UserViewService userViewService;
+
+
+    @PostMapping("/add")
+    @RequiresPermissions(PermissionConstants.OPPORTUNITY_QUOTATION_READ)
+    @Operation(summary = "添加报价单视图")
+    public UserView add(@Validated @RequestBody UserViewAddRequest request) {
+        return userViewService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), UserViewResourceType.OPPORTUNITY_QUOTATION.name());
+    }
+
+
+    @PostMapping("/update")
+    @RequiresPermissions(PermissionConstants.OPPORTUNITY_QUOTATION_READ)
+    @Operation(summary = "编辑报价单视图")
+    public UserView update(@Validated @RequestBody UserViewUpdateRequest request) {
+        return userViewService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/delete/{id}")
+    @RequiresPermissions(PermissionConstants.OPPORTUNITY_QUOTATION_READ)
+    @Operation(summary = "删除报价单视图")
+    public void delete(@PathVariable String id) {
+        userViewService.delete(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/detail/{id}")
+    @RequiresPermissions(PermissionConstants.OPPORTUNITY_QUOTATION_READ)
+    @Operation(summary = "报价单视图详情")
+    public UserViewResponse viewDetail(@PathVariable String id) {
+        return userViewService.getViewDetail(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), FormKey.QUOTATION.getKey());
+    }
+
+
+    @GetMapping("/list")
+    @RequiresPermissions(PermissionConstants.OPPORTUNITY_QUOTATION_READ)
+    @Operation(summary = "报价单视图列表")
+    public List<UserViewListResponse> queryList() {
+        return userViewService.list(UserViewResourceType.OPPORTUNITY_QUOTATION.name(), SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/fixed/{id}")
+    @RequiresPermissions(PermissionConstants.OPPORTUNITY_QUOTATION_READ)
+    @Operation(summary = "报价单视图固定/取消固定")
+    public void fixed(@PathVariable String id) {
+        userViewService.fixed(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/edit/pos")
+    @Operation(summary = "报价单视图-拖拽排序")
+    @RequiresPermissions(PermissionConstants.OPPORTUNITY_QUOTATION_READ)
+    public void editPos(@Validated @RequestBody PosRequest request) {
+        userViewService.editPos(request, SessionUtils.getUserId(), UserViewResourceType.OPPORTUNITY_QUOTATION.name());
+    }
+
+
+    @GetMapping("/enable/{id}")
+    @RequiresPermissions(PermissionConstants.OPPORTUNITY_QUOTATION_READ)
+    @Operation(summary = "报价单视图-启用/禁用")
+    public void enable(@PathVariable String id) {
+        userViewService.enable(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/controller/OpportunityRuleController.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/controller/OpportunityRuleController.java
new file mode 100644
index 0000000..e054aaf
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/controller/OpportunityRuleController.java
@@ -0,0 +1,67 @@
+package cn.cordys.crm.opportunity.controller;
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.opportunity.dto.OpportunityRuleDTO;
+import cn.cordys.crm.opportunity.dto.request.OpportunityRuleAddRequest;
+import cn.cordys.crm.opportunity.dto.request.OpportunityRuleUpdateRequest;
+import cn.cordys.crm.opportunity.service.OpportunityRuleService;
+import cn.cordys.security.SessionUtils;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@RestController
+@RequestMapping("/opportunity-rule")
+@Tag(name = "商机规则")
+public class OpportunityRuleController {
+
+    @Resource
+    private OpportunityRuleService opportunityRuleService;
+
+    @PostMapping("/page")
+    @Operation(summary = "分页获取商机规则")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public Pager<List<OpportunityRuleDTO>> page(@Validated @RequestBody BasePageRequest request) {
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        return PageUtils.setPageInfo(page, opportunityRuleService.page(request, OrganizationContext.getOrganizationId()));
+    }
+
+    @PostMapping("/add")
+    @Operation(summary = "添加商机规则")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void save(@Validated @RequestBody OpportunityRuleAddRequest request) {
+        opportunityRuleService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/update")
+    @Operation(summary = "修改商机规则")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void update(@Validated @RequestBody OpportunityRuleUpdateRequest request) {
+        opportunityRuleService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/delete/{id}")
+    @Operation(summary = "删除商机规则")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void delete(@PathVariable String id) {
+        opportunityRuleService.delete(id);
+    }
+
+    @GetMapping("/switch/{id}")
+    @Operation(summary = "启用/禁用商机规则")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void switchStatus(@PathVariable String id) {
+        opportunityRuleService.switchStatus(id, SessionUtils.getUserId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/controller/OpportunityStageController.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/controller/OpportunityStageController.java
new file mode 100644
index 0000000..13fc565
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/controller/OpportunityStageController.java
@@ -0,0 +1,74 @@
+package cn.cordys.crm.opportunity.controller;
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.stage.StageRollBackRequest;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.opportunity.dto.request.OpportunityStageAddRequest;
+import cn.cordys.crm.opportunity.dto.request.StageUpdateRequest;
+import cn.cordys.crm.opportunity.dto.response.StageConfigListResponse;
+import cn.cordys.crm.opportunity.service.OpportunityStageService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "商机阶段设置")
+@RestController
+@RequestMapping("/opportunity/stage")
+public class OpportunityStageController {
+    @Resource
+    private OpportunityStageService opportunityStageService;
+
+
+    @GetMapping("/get")
+    @Operation(summary = "商机阶段配置列表")
+    public StageConfigListResponse getStageConfigList() {
+        return opportunityStageService.getStageConfigList(OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/add")
+    @Operation(summary = "添加商机阶段")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public String add(@RequestBody OpportunityStageAddRequest request) {
+        return opportunityStageService.addStageConfig(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/delete/{id}")
+    @Operation(summary = "删除商机阶段")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void delete(@PathVariable("id") @Validated String id) {
+        opportunityStageService.delete(id, OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/update-rollback")
+    @Operation(summary = "商机阶段回退设置")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void update(@Validated @RequestBody StageRollBackRequest request) {
+        opportunityStageService.updateRollBack(request, OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/update")
+    @Operation(summary = "更新商机阶段配置")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void update(@Validated @RequestBody StageUpdateRequest request) {
+        opportunityStageService.update(request, SessionUtils.getUserId());
+    }
+
+
+    @PostMapping("/sort")
+    @Operation(summary = "商机阶段排序")
+    @RequiresPermissions(PermissionConstants.MODULE_SETTING_UPDATE)
+    public void sort(@RequestBody List<String> ids) {
+        opportunityStageService.sort(ids, OrganizationContext.getOrganizationId());
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/controller/OpportunityUserViewController.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/controller/OpportunityUserViewController.java
new file mode 100644
index 0000000..67ffe4b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/controller/OpportunityUserViewController.java
@@ -0,0 +1,95 @@
+package cn.cordys.crm.opportunity.controller;
+
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.request.PosRequest;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.constants.UserViewResourceType;
+import cn.cordys.crm.system.domain.UserView;
+import cn.cordys.crm.system.dto.request.UserViewAddRequest;
+import cn.cordys.crm.system.dto.request.UserViewUpdateRequest;
+import cn.cordys.crm.system.dto.response.UserViewListResponse;
+import cn.cordys.crm.system.dto.response.UserViewResponse;
+import cn.cordys.crm.system.service.UserViewService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "商机视图")
+@RestController
+@RequestMapping("/opportunity/view")
+public class OpportunityUserViewController {
+
+    @Resource
+    private UserViewService userViewService;
+
+
+    @PostMapping("/add")
+    @RequiresPermissions(PermissionConstants.OPPORTUNITY_MANAGEMENT_READ)
+    @Operation(summary = "添加商机视图")
+    public UserView add(@Validated @RequestBody UserViewAddRequest request) {
+        return userViewService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), UserViewResourceType.OPPORTUNITY.name());
+    }
+
+
+    @PostMapping("/update")
+    @RequiresPermissions(PermissionConstants.OPPORTUNITY_MANAGEMENT_READ)
+    @Operation(summary = "编辑商机视图")
+    public UserView update(@Validated @RequestBody UserViewUpdateRequest request) {
+        return userViewService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/delete/{id}")
+    @RequiresPermissions(PermissionConstants.OPPORTUNITY_MANAGEMENT_READ)
+    @Operation(summary = "删除商机视图")
+    public void delete(@PathVariable String id) {
+        userViewService.delete(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/detail/{id}")
+    @RequiresPermissions(PermissionConstants.OPPORTUNITY_MANAGEMENT_READ)
+    @Operation(summary = "商机视图详情")
+    public UserViewResponse viewDetail(@PathVariable String id) {
+        return userViewService.getViewDetail(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), FormKey.OPPORTUNITY.getKey());
+    }
+
+
+    @GetMapping("/list")
+    @RequiresPermissions(PermissionConstants.OPPORTUNITY_MANAGEMENT_READ)
+    @Operation(summary = "商机视图列表")
+    public List<UserViewListResponse> queryList() {
+        return userViewService.list(UserViewResourceType.OPPORTUNITY.name(), SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/fixed/{id}")
+    @RequiresPermissions(PermissionConstants.OPPORTUNITY_MANAGEMENT_READ)
+    @Operation(summary = "商机视图固定/取消固定")
+    public void fixed(@PathVariable String id) {
+        userViewService.fixed(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/edit/pos")
+    @Operation(summary = "商机视图-拖拽排序")
+    @RequiresPermissions(PermissionConstants.OPPORTUNITY_MANAGEMENT_READ)
+    public void editPos(@Validated @RequestBody PosRequest request) {
+        userViewService.editPos(request, SessionUtils.getUserId(),  UserViewResourceType.OPPORTUNITY.name());
+    }
+
+
+    @GetMapping("/enable/{id}")
+    @RequiresPermissions(PermissionConstants.OPPORTUNITY_MANAGEMENT_READ)
+    @Operation(summary = "商机视图-启用/禁用")
+    public void enable(@PathVariable String id) {
+        userViewService.enable(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/domain/Opportunity.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/domain/Opportunity.java
new file mode 100644
index 0000000..67a182a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/domain/Opportunity.java
@@ -0,0 +1,67 @@
+package cn.cordys.crm.opportunity.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import cn.cordys.common.util.BigDecimalNoTrailingZeroSerializer;
+import com.fasterxml.jackson.databind.annotation.JsonSerialize;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+import java.math.BigDecimal;
+import java.util.List;
+
+
+@Data
+@Table(name = "opportunity")
+public class Opportunity extends BaseModel {
+
+    @Schema(description = "客户id")
+    private String customerId;
+
+    @Schema(description = "商机名称")
+    private String name;
+
+    @Schema(description = "金额")
+    @JsonSerialize(using = BigDecimalNoTrailingZeroSerializer.class)
+    private BigDecimal amount;
+
+    @Schema(description = "可能性")
+    @JsonSerialize(using = BigDecimalNoTrailingZeroSerializer.class)
+    private BigDecimal possible;
+
+    @Schema(description = "意向产品id")
+    private List<String> products;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+
+    @Schema(description = "上次修改前的商机阶段")
+    private String lastStage;
+
+    @Schema(description = "商机阶段")
+    private String stage;
+
+    @Schema(description = "联系人")
+    private String contactId;
+
+    @Schema(description = "责任人")
+    private String owner;
+
+    @Schema(description = "最新跟进人")
+    private String follower;
+
+    @Schema(description = "最新跟进时间")
+    private Long followTime;
+
+    @Schema(description = "结束时间")
+    private Long expectedEndTime;
+
+    @Schema(description = "实际结束时间")
+    private Long actualEndTime;
+
+    @Schema(description = "失败原因")
+    private String failureReason;
+
+    @Schema(description = "自定义排序")
+    private Long pos;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/domain/OpportunityField.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/domain/OpportunityField.java
new file mode 100644
index 0000000..1f9681e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/domain/OpportunityField.java
@@ -0,0 +1,10 @@
+package cn.cordys.crm.opportunity.domain;
+
+import cn.cordys.common.domain.BaseResourceField;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "opportunity_field")
+public class OpportunityField extends BaseResourceField {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/domain/OpportunityFieldBlob.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/domain/OpportunityFieldBlob.java
new file mode 100644
index 0000000..73a400b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/domain/OpportunityFieldBlob.java
@@ -0,0 +1,10 @@
+package cn.cordys.crm.opportunity.domain;
+
+import cn.cordys.common.domain.BaseResourceField;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "opportunity_field_blob")
+public class OpportunityFieldBlob extends BaseResourceField {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/domain/OpportunityQuotation.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/domain/OpportunityQuotation.java
new file mode 100644
index 0000000..08aaee8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/domain/OpportunityQuotation.java
@@ -0,0 +1,39 @@
+package cn.cordys.crm.opportunity.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+import java.math.BigDecimal;
+
+/**
+ * 商机报价单;
+ */
+@Data
+@Table(name = "opportunity_quotation")
+public class OpportunityQuotation extends BaseModel {
+    @Schema(description = "名称")
+    private String name;
+
+    @Schema(description = "商机id")
+    private String opportunityId;
+
+    @Schema(description = "有效期至")
+    private Long untilTime;
+
+    @Schema(description = "累计金额")
+    private BigDecimal amount;
+
+    @Schema(description = "审核状态")
+    private String approvalStatus;
+
+	@Schema(description = "是否作废")
+	private Boolean invalid;
+
+    @Schema(description = "组织ID")
+    private String organizationId;
+
+    @Schema(description = "是否审批通过过")
+    private Boolean approved;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/domain/OpportunityQuotationApproval.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/domain/OpportunityQuotationApproval.java
new file mode 100644
index 0000000..d62b3a3
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/domain/OpportunityQuotationApproval.java
@@ -0,0 +1,39 @@
+package cn.cordys.crm.opportunity.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+import java.io.Serial;
+import java.io.Serializable;
+
+/**
+ * 商机报价单审批;
+ */
+@Data
+@Table(name = "opportunity_quotation_approval")
+public class OpportunityQuotationApproval implements Serializable {
+    @Serial
+    private static final long serialVersionUID = 1L;
+
+    @Schema(description = "ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+
+    @Schema(description = "商机报价单id")
+    private String quotationId;
+
+    @Schema(description = "审核状态")
+    private String approvalStatus;
+
+    @Schema(description = "创建人")
+    private String createUser;
+
+    @Schema(description = "修改人")
+    private String updateUser;
+
+    @Schema(description = "创建时间")
+    private Long createTime;
+
+    @Schema(description = "更新时间")
+    private Long updateTime;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/domain/OpportunityQuotationField.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/domain/OpportunityQuotationField.java
new file mode 100644
index 0000000..93f6a23
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/domain/OpportunityQuotationField.java
@@ -0,0 +1,14 @@
+package cn.cordys.crm.opportunity.domain;
+
+import cn.cordys.common.domain.BaseResourceSubField;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+/**
+ * 商机报价单自定义属性;
+ */
+@Data
+@Table(name = "opportunity_quotation_field")
+public class OpportunityQuotationField extends BaseResourceSubField {
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/domain/OpportunityQuotationFieldBlob.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/domain/OpportunityQuotationFieldBlob.java
new file mode 100644
index 0000000..ed0a633
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/domain/OpportunityQuotationFieldBlob.java
@@ -0,0 +1,14 @@
+package cn.cordys.crm.opportunity.domain;
+
+import cn.cordys.common.domain.BaseResourceSubField;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+/**
+ * 商机报价单自定义属性大文本;
+ */
+@Data
+@Table(name = "opportunity_quotation_field_blob")
+public class OpportunityQuotationFieldBlob extends BaseResourceSubField {
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/domain/OpportunityQuotationSnapshot.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/domain/OpportunityQuotationSnapshot.java
new file mode 100644
index 0000000..3ff74d0
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/domain/OpportunityQuotationSnapshot.java
@@ -0,0 +1,30 @@
+package cn.cordys.crm.opportunity.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+import java.io.Serial;
+import java.io.Serializable;
+
+/**
+ * 商机报价单快照;
+ */
+@Data
+@Table(name = "opportunity_quotation_snapshot")
+public class OpportunityQuotationSnapshot implements Serializable {
+    @Serial
+    private static final long serialVersionUID = 1L;
+
+    @Schema(description = "ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+
+    @Schema(description = "报价单id")
+    private String quotationId;
+
+    @Schema(description = "表单属性快照")
+    private String quotationProp;
+
+    @Schema(description = "表单值快照")
+    private String quotationValue;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/domain/OpportunityRule.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/domain/OpportunityRule.java
new file mode 100644
index 0000000..38819bc
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/domain/OpportunityRule.java
@@ -0,0 +1,35 @@
+package cn.cordys.crm.opportunity.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "opportunity_rule")
+public class OpportunityRule extends BaseModel {
+
+    @Schema(description = "规则名称")
+    private String name;
+
+    @Schema(description = "组织ID")
+    private String organizationId;
+
+    @Schema(description = "管理员ID")
+    private String ownerId;
+
+    @Schema(description = "范围ID")
+    private String scopeId;
+
+    @Schema(description = "启用/禁用")
+    private Boolean enable;
+
+    @Schema(description = "自动回收")
+    private Boolean auto;
+
+    @Schema(description = "操作符")
+    private String operator;
+
+    @Schema(description = "回收条件")
+    private String condition;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/domain/OpportunityStageConfig.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/domain/OpportunityStageConfig.java
new file mode 100644
index 0000000..f15b26e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/domain/OpportunityStageConfig.java
@@ -0,0 +1,32 @@
+package cn.cordys.crm.opportunity.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "opportunity_stage_config")
+public class OpportunityStageConfig extends BaseModel {
+
+    @Schema(description = "值")
+    private String name;
+
+    @Schema(description = "类型")
+    private String type;
+
+    @Schema(description = "赢率")
+    private String rate;
+
+    @Schema(description = "进行中回退设置")
+    private Boolean afootRollBack;
+
+    @Schema(description = "完结回退设置")
+    private Boolean endRollBack;
+
+    @Schema(description = "顺序")
+    private Long pos;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/OpportunityRuleDTO.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/OpportunityRuleDTO.java
new file mode 100644
index 0000000..7eacc8c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/OpportunityRuleDTO.java
@@ -0,0 +1,21 @@
+package cn.cordys.crm.opportunity.dto;
+
+import cn.cordys.crm.opportunity.domain.OpportunityRule;
+import cn.cordys.crm.system.dto.ScopeNameDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class OpportunityRuleDTO extends OpportunityRule {
+
+    @Schema(description = "成员集合")
+    private List<ScopeNameDTO> members;
+    @Schema(description = "管理员集合")
+    private List<ScopeNameDTO> owners;
+    @Schema(description = "创建人名称")
+    private String createUserName;
+    @Schema(description = "更新人名称")
+    private String updateUserName;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityAddRequest.java
new file mode 100644
index 0000000..5581094
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityAddRequest.java
@@ -0,0 +1,55 @@
+package cn.cordys.crm.opportunity.dto.request;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.math.BigDecimal;
+import java.util.List;
+
+@Data
+public class OpportunityAddRequest {
+
+    @NotBlank
+    @Size(max = 255)
+    @Schema(description = "商机名称", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String name;
+
+    @Size(max = 32)
+    @Schema(description = "客户id")
+    private String customerId;
+
+    @Schema(description = "金额")
+    private BigDecimal amount;
+
+    @Schema(description = "意向产品", requiredMode = Schema.RequiredMode.REQUIRED)
+    private List<String> products;
+
+    @Schema(description = "可能性")
+    private BigDecimal possible;
+
+    @Size(max = 32)
+    @Schema(description = "联系人", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String contactId;
+
+    @Size(max = 32)
+    @Schema(description = "负责人", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String owner;
+
+
+    @Schema(description = "结束时间")
+    private Long expectedEndTime;
+
+
+    @Schema(description = "自定义字段")
+    private List<BaseModuleFieldValue> moduleFields;
+
+    @Schema(description = "最新跟进人(转商机时需录入)")
+    private String follower;
+
+    @Schema(description = "最新跟进时间(转商机时需录入)")
+    private Long followTime;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityExportRequest.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityExportRequest.java
new file mode 100644
index 0000000..7621432
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityExportRequest.java
@@ -0,0 +1,27 @@
+package cn.cordys.crm.opportunity.dto.request;
+
+import cn.cordys.common.dto.ExportHeadDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotEmpty;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class OpportunityExportRequest extends OpportunityPageRequest {
+
+    @Schema(description = "文件名")
+    private String fileName;
+
+    @Schema(description = "表头信息")
+    @NotEmpty(message = "{export_head_list_is_empty}")
+    private List<ExportHeadDTO> headList;
+
+    @Schema(description = "客户ID")
+    private String customerId;
+
+    @Override
+    public String getCustomerId() {
+        return customerId;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityPageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityPageRequest.java
new file mode 100644
index 0000000..e0da61a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityPageRequest.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.opportunity.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class OpportunityPageRequest extends BasePageRequest {
+
+    @Schema(description = "看板模式")
+    private Boolean board = false;
+
+    public String getCustomerId() {
+        return null;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityQuotationAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityQuotationAddRequest.java
new file mode 100644
index 0000000..252dd26
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityQuotationAddRequest.java
@@ -0,0 +1,41 @@
+package cn.cordys.crm.opportunity.dto.request;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.NotEmpty;
+import jakarta.validation.constraints.NotNull;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Map;
+
+@Data
+public class OpportunityQuotationAddRequest {
+
+    @NotBlank(message = "{opportunity.quotation.name.required}")
+    @Schema(description = "名称", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String name;
+
+    @NotBlank(message = "{opportunity.required}")
+    @Schema(description = "商机id", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String opportunityId;
+
+    @Schema(description = "有效期至", requiredMode = Schema.RequiredMode.REQUIRED)
+    private Long untilTime;
+
+    @Schema(description = "累计金额")
+    private String amount;
+
+    @NotEmpty(message = "{opportunity.quotation.field.required}")
+    @Schema(description = "自定义字段值", requiredMode = Schema.RequiredMode.REQUIRED)
+    private List<BaseModuleFieldValue> moduleFields;
+
+    @NotNull(message = "{opportunity.quotation.form.config.required}")
+    @Schema(description = "表单配置", requiredMode = Schema.RequiredMode.REQUIRED)
+    private ModuleFormConfigDTO moduleFormConfigDTO;
+
+    @Schema(description = "子产品信息", requiredMode = Schema.RequiredMode.REQUIRED)
+    private List<Map<String, Object>> products;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityQuotationBatchRequest.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityQuotationBatchRequest.java
new file mode 100644
index 0000000..2857c21
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityQuotationBatchRequest.java
@@ -0,0 +1,21 @@
+package cn.cordys.crm.opportunity.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.NotEmpty;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class OpportunityQuotationBatchRequest {
+
+    @NotEmpty
+    @Schema(description = "ID集合")
+    private List<String> ids;
+
+    @NotBlank
+    @Schema(description = "审批状态")
+    private String approvalStatus;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityQuotationBatchVoidedRequest.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityQuotationBatchVoidedRequest.java
new file mode 100644
index 0000000..547d0aa
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityQuotationBatchVoidedRequest.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.opportunity.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotEmpty;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class OpportunityQuotationBatchVoidedRequest {
+
+    @NotEmpty
+    @Schema(description = "ID集合")
+    private List<String> ids;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityQuotationEditRequest.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityQuotationEditRequest.java
new file mode 100644
index 0000000..0eae659
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityQuotationEditRequest.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.opportunity.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+public class OpportunityQuotationEditRequest extends OpportunityQuotationAddRequest {
+
+    @NotBlank(message = "{opportunity.quotation.id.required}")
+    @Schema(description = "ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+
+    @Schema(description = "审批状态", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String approvalStatus;
+
+    @Schema(description = "是否提审更新  normal-正常更新  approval-评审更新")
+    private String updateType;
+
+    @Schema(description = "变更说明")
+    private String comment;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityQuotationPageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityQuotationPageRequest.java
new file mode 100644
index 0000000..b0b65d7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityQuotationPageRequest.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.opportunity.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+/**
+ * @author guoyuqi
+ */
+@Data
+public class OpportunityQuotationPageRequest extends BasePageRequest {
+
+    /**
+     * 商机id
+     */
+    @Schema(description = "商机id")
+    private String opportunityId;
+
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityRuleAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityRuleAddRequest.java
new file mode 100644
index 0000000..3c36a4f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityRuleAddRequest.java
@@ -0,0 +1,44 @@
+package cn.cordys.crm.opportunity.dto.request;
+
+import cn.cordys.crm.system.dto.RuleConditionDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.NotNull;
+import jakarta.validation.constraints.Size;
+import lombok.Builder;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+@Builder
+public class OpportunityRuleAddRequest {
+
+    @NotBlank
+    @Size(max = 255)
+    @Schema(description = "规则名称")
+    private String name;
+
+    @NotNull
+    @Schema(description = "范围ID集合")
+    private List<String> scopeIds;
+
+    @NotNull
+    @Schema(description = "管理员ID集合")
+    private List<String> ownerIds;
+
+    @NotNull
+    @Schema(description = "是否开启")
+    private Boolean enable;
+
+    @NotNull
+    @Schema(description = "自动回收")
+    private Boolean auto;
+
+    @Size(max = 10)
+    @Schema(description = "操作符")
+    private String operator;
+
+    @Schema(description = "规则条件集合")
+    private List<RuleConditionDTO> conditions;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityRuleUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityRuleUpdateRequest.java
new file mode 100644
index 0000000..a3ab852
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityRuleUpdateRequest.java
@@ -0,0 +1,47 @@
+package cn.cordys.crm.opportunity.dto.request;
+
+import cn.cordys.crm.system.dto.RuleConditionDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.NotNull;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class OpportunityRuleUpdateRequest {
+
+    @NotBlank
+    @Size(max = 32)
+    @Schema(description = "ID")
+    private String id;
+
+    @NotBlank
+    @Size(max = 255)
+    @Schema(description = "规则名称")
+    private String name;
+
+    @NotNull
+    @Schema(description = "范围ID集合")
+    private List<String> scopeIds;
+
+    @NotNull
+    @Schema(description = "管理员ID集合")
+    private List<String> ownerIds;
+
+    @NotNull
+    @Schema(description = "是否开启")
+    private Boolean enable;
+
+    @NotNull
+    @Schema(description = "自动回收")
+    private Boolean auto;
+
+    @Size(max = 10)
+    @Schema(description = "操作符")
+    private String operator;
+
+    @Schema(description = "规则条件集合")
+    private List<RuleConditionDTO> conditions;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunitySearchStatisticRequest.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunitySearchStatisticRequest.java
new file mode 100644
index 0000000..842f18f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunitySearchStatisticRequest.java
@@ -0,0 +1,11 @@
+package cn.cordys.crm.opportunity.dto.request;
+
+import cn.cordys.common.dto.condition.BaseCondition;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class OpportunitySearchStatisticRequest extends BaseCondition {
+    @Schema(description = "客户ID")
+    private String customerId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityStageAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityStageAddRequest.java
new file mode 100644
index 0000000..6adeb03
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityStageAddRequest.java
@@ -0,0 +1,25 @@
+package cn.cordys.crm.opportunity.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class OpportunityStageAddRequest {
+
+    @Schema(description = "值")
+    private String name;
+
+    @Schema(description = "类型")
+    private String type;
+
+    @Schema(description = "赢率")
+    private String rate;
+
+    @Schema(description = "添加的位置（取值：-1，,1。 -1：源节点之前，1：源节点之后）", requiredMode = Schema.RequiredMode.REQUIRED)
+    private int dropPosition;
+
+    @Schema(description = "源节点")
+    private String targetId;
+
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityStageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityStageRequest.java
new file mode 100644
index 0000000..8a81e9a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityStageRequest.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.opportunity.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+
+@Data
+public class OpportunityStageRequest {
+
+    @NotBlank
+    @Schema(description = "id", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+
+    @NotBlank
+    @Schema(description = "商机阶段", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String stage;
+
+    @Schema(description = "失败原因")
+    private String failureReason;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityTransferRequest.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityTransferRequest.java
new file mode 100644
index 0000000..74be403
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityTransferRequest.java
@@ -0,0 +1,21 @@
+package cn.cordys.crm.opportunity.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class OpportunityTransferRequest {
+
+    @NotBlank
+    @Schema(description = "ids", requiredMode = Schema.RequiredMode.REQUIRED)
+    private List<String> ids;
+
+    @NotBlank
+    @Size(max = 32)
+    @Schema(description = "修改负责人", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String owner;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityUpdateRequest.java
new file mode 100644
index 0000000..501890c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/OpportunityUpdateRequest.java
@@ -0,0 +1,18 @@
+package cn.cordys.crm.opportunity.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+@Data
+public class OpportunityUpdateRequest extends OpportunityAddRequest {
+
+    @NotBlank
+    @Schema(description = "id", requiredMode = Schema.RequiredMode.REQUIRED)
+    @Size(max = 32)
+    private String id;
+
+
+    private Boolean agentInvoke = false;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/StageMoveRequest.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/StageMoveRequest.java
new file mode 100644
index 0000000..7f98946
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/StageMoveRequest.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.opportunity.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class StageMoveRequest {
+
+    @Schema(description = "ids")
+    private List<String> ids;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/StageUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/StageUpdateRequest.java
new file mode 100644
index 0000000..a72b175
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/request/StageUpdateRequest.java
@@ -0,0 +1,18 @@
+package cn.cordys.crm.opportunity.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class StageUpdateRequest {
+
+    @Schema(description = "id")
+    private String id;
+
+    @Schema(description = "值")
+    private String name;
+
+    @Schema(description = "赢率")
+    private String rate;
+}
+
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/response/OpportunityDetailResponse.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/response/OpportunityDetailResponse.java
new file mode 100644
index 0000000..d45c6e6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/response/OpportunityDetailResponse.java
@@ -0,0 +1,123 @@
+package cn.cordys.crm.opportunity.dto.response;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.crm.system.domain.Attachment;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.math.BigDecimal;
+import java.util.List;
+import java.util.Map;
+
+@Data
+public class OpportunityDetailResponse {
+
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "商机名称")
+    private String name;
+
+    @Schema(description = "客户id")
+    private String customerId;
+
+    @Schema(description = "客户名称")
+    private String customerName;
+
+    @Schema(description = "金额")
+    private BigDecimal amount;
+
+    @Schema(description = "可能性")
+    private BigDecimal possible;
+
+    @Schema(description = "意向产品")
+    private List<String> products;
+
+    @Schema(description = "联系人")
+    private String contactId;
+
+    @Schema(description = "联系人名称")
+    private String contactName;
+
+    @Schema(description = "上次修改前的商机阶段")
+    private String lastStage;
+
+    @Schema(description = "商机阶段")
+    private String stage;
+
+    @Schema(description = "商机阶段名称")
+    private String stageName;
+
+    @Schema(description = "负责人")
+    private String owner;
+
+    @Schema(description = "负责人名称")
+    private String ownerName;
+
+    @Schema(description = "创建人")
+    private String createUser;
+
+    @Schema(description = "修改人")
+    private String updateUser;
+
+    @Schema(description = "创建时间")
+    private Long createTime;
+
+    @Schema(description = "更新时间")
+    private Long updateTime;
+
+    @Schema(description = "创建人名称")
+    private String createUserName;
+
+    @Schema(description = "更新人名称")
+    private String updateUserName;
+
+    @Schema(description = "结束时间")
+    private Long expectedEndTime;
+
+    @Schema(description = "结束时间")
+    private Long actualEndTime;
+
+    @Schema(description = "失败原因")
+    private String failureReason;
+
+    @Schema(description = "关联的客户是否在公海")
+    private Boolean inCustomerPool;
+
+    @Schema(description = "客户公海id")
+    private String poolId;
+
+    @Schema(description = "剩余归属天数")
+    private Integer reservedDays;
+
+    @Schema(description = "最新跟进人")
+    private String follower;
+
+    @Schema(description = "最新跟进人名称")
+    private String followerName;
+
+    @Schema(description = "最新跟进日期")
+    private Long followTime;
+
+    @Schema(description = "部门id")
+    private String departmentId;
+
+    @Schema(description = "部门名称")
+    private String departmentName;
+
+	@Schema(description = "组织ID")
+	private String organizationId;
+
+    @Schema(description = "自定义字段")
+    private List<BaseModuleFieldValue> moduleFields;
+
+    @Schema(description = "选项集合")
+    private Map<String, List<OptionDTO>> optionMap;
+
+    /**
+     * 附件集合
+     */
+    @Schema(description = "附件集合")
+    private Map<String, List<Attachment>> attachmentMap;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/response/OpportunityListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/response/OpportunityListResponse.java
new file mode 100644
index 0000000..09c5bd0
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/response/OpportunityListResponse.java
@@ -0,0 +1,108 @@
+package cn.cordys.crm.opportunity.dto.response;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.math.BigDecimal;
+import java.util.List;
+
+@Data
+public class OpportunityListResponse {
+
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "商机名称")
+    private String name;
+
+    @Schema(description = "客户id")
+    private String customerId;
+
+    @Schema(description = "客户名称")
+    private String customerName;
+
+    @Schema(description = "关联的客户是否在公海")
+    private Boolean inCustomerPool;
+
+    @Schema(description = "客户公海id")
+    private String poolId;
+
+    @Schema(description = "负责人")
+    private String owner;
+
+    @Schema(description = "负责人名称")
+    private String ownerName;
+
+    @Schema(description = "金额")
+    private BigDecimal amount;
+
+    @Schema(description = "可能性")
+    private BigDecimal possible;
+
+    @Schema(description = "意向产品")
+    private List<String> products;
+
+    @Schema(description = "联系人")
+    private String contactId;
+
+    @Schema(description = "联系人名称")
+    private String contactName;
+
+    @Schema(description = "上次修改前的商机阶段")
+    private String lastStage;
+
+    @Schema(description = "商机阶段")
+    private String stage;
+
+    @Schema(description = "商机阶段")
+    private String stageName;
+
+    @Schema(description = "创建人")
+    private String createUser;
+
+    @Schema(description = "修改人")
+    private String updateUser;
+
+    @Schema(description = "创建时间")
+    private Long createTime;
+
+    @Schema(description = "更新时间")
+    private Long updateTime;
+
+    @Schema(description = "创建人名称")
+    private String createUserName;
+
+    @Schema(description = "更新人名称")
+    private String updateUserName;
+
+    @Schema(description = "剩余归属天数")
+    private Integer reservedDays;
+
+    @Schema(description = "最新跟进人")
+    private String follower;
+
+    @Schema(description = "最新跟进人名称")
+    private String followerName;
+
+    @Schema(description = "最新跟进日期")
+    private Long followTime;
+
+    @Schema(description = "部门id")
+    private String departmentId;
+
+    @Schema(description = "部门名称")
+    private String departmentName;
+
+    @Schema(description = "结束时间")
+    private Long expectedEndTime;
+
+    @Schema(description = "结束时间")
+    private Long actualEndTime;
+
+    @Schema(description = "失败原因")
+    private String failureReason;
+
+    @Schema(description = "自定义字段集合")
+    private List<BaseModuleFieldValue> moduleFields;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/response/OpportunityQuotationGetResponse.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/response/OpportunityQuotationGetResponse.java
new file mode 100644
index 0000000..f43b372
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/response/OpportunityQuotationGetResponse.java
@@ -0,0 +1,29 @@
+package cn.cordys.crm.opportunity.dto.response;
+
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.crm.system.domain.Attachment;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Map;
+
+/**
+ * 商机报价单响应类;
+ *
+ * @author guoyuqi
+ */
+@Data
+public class OpportunityQuotationGetResponse extends OpportunityQuotationListResponse {
+
+    @Schema(description = "选项集合")
+    private Map<String, List<OptionDTO>> optionMap;
+    /**
+     * 附件集合
+     */
+    @Schema(description = "附件集合")
+    private Map<String, List<Attachment>> attachmentMap;
+
+    @Schema(description = "产品子列表")
+    private List<Map<String, Object>> products;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/response/OpportunityQuotationListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/response/OpportunityQuotationListResponse.java
new file mode 100644
index 0000000..6c706e9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/response/OpportunityQuotationListResponse.java
@@ -0,0 +1,75 @@
+package cn.cordys.crm.opportunity.dto.response;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.math.BigDecimal;
+import java.util.List;
+
+/**
+ * 商机报价单列表响应类;
+ *
+ * @author guoyuqi
+ */
+@Data
+public class OpportunityQuotationListResponse {
+
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "名称")
+    private String name;
+
+    @Schema(description = "商机id")
+    private String opportunityId;
+
+    @Schema(description = "商机名称")
+    private String opportunityName;
+
+    @Schema(description = "部门id")
+    private String departmentId;
+
+    @Schema(description = "部门名称")
+    private String departmentName;
+
+    @Schema(description = "累计金额")
+    private BigDecimal amount;
+
+    @Schema(description = "审核状态")
+    private String approvalStatus;
+
+	@Schema(description = "是否作废")
+	private Boolean invalid;
+
+    @Schema(description = "有效期至")
+    private Long untilTime;
+
+    @Schema(description = "创建人")
+    private String createUser;
+
+    @Schema(description = "修改人")
+    private String updateUser;
+
+    @Schema(description = "创建时间")
+    private Long createTime;
+
+    @Schema(description = "更新时间")
+    private Long updateTime;
+
+    @Schema(description = "创建人名称")
+    private String createUserName;
+
+    @Schema(description = "更新人名称")
+    private String updateUserName;
+
+    @Schema(description = "自定义字段")
+    private List<BaseModuleFieldValue> moduleFields;
+
+	@Schema(description = "审批第一个节点是否通过")
+	private Boolean firstApproved;
+
+    @Schema(description = "是否审批通过过")
+    private Boolean approved;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/response/OpportunitySearchStatisticResponse.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/response/OpportunitySearchStatisticResponse.java
new file mode 100644
index 0000000..2e0c01a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/response/OpportunitySearchStatisticResponse.java
@@ -0,0 +1,14 @@
+package cn.cordys.crm.opportunity.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class OpportunitySearchStatisticResponse {
+
+    @Schema(description = "总金额")
+    private Double amount = 0.0;
+
+    @Schema(description = "平均金额")
+    private Double averageAmount = 0.0;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/response/StageConfigListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/response/StageConfigListResponse.java
new file mode 100644
index 0000000..6500db6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/response/StageConfigListResponse.java
@@ -0,0 +1,21 @@
+package cn.cordys.crm.opportunity.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class StageConfigListResponse {
+
+    @Schema(description = "商机阶段配置列表")
+    List<StageConfigResponse> stageConfigList;
+
+    @Schema(description = "进行中回退设置")
+    private Boolean afootRollBack = true;
+
+    @Schema(description = "完结回退设置")
+    private Boolean endRollBack = false;
+
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/response/StageConfigResponse.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/response/StageConfigResponse.java
new file mode 100644
index 0000000..803652d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/dto/response/StageConfigResponse.java
@@ -0,0 +1,31 @@
+package cn.cordys.crm.opportunity.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class StageConfigResponse {
+
+    @Schema(description = "ID")
+    private String id;
+    @Schema(description = "值")
+    private String name;
+
+    @Schema(description = "类型")
+    private String type;
+
+    @Schema(description = "赢率")
+    private String rate;
+
+    @Schema(description = "进行中回退设置")
+    private Boolean afootRollBack;
+
+    @Schema(description = "完结回退设置")
+    private Boolean endRollBack;
+
+    @Schema(description = "顺序")
+    private Long pos;
+
+    @Schema(description = "当前阶段是否存在数据")
+    private Boolean stageHasData = false;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/mapper/ExtOpportunityMapper.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/mapper/ExtOpportunityMapper.java
new file mode 100644
index 0000000..3232032
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/mapper/ExtOpportunityMapper.java
@@ -0,0 +1,106 @@
+package cn.cordys.crm.opportunity.mapper;
+
+
+import cn.cordys.common.dto.*;
+import cn.cordys.common.dto.chart.ChartResult;
+import cn.cordys.crm.customer.dto.request.CustomerMergeRequest;
+import cn.cordys.crm.home.dto.request.HomeStatisticSearchWrapperRequest;
+import cn.cordys.crm.opportunity.domain.Opportunity;
+import cn.cordys.crm.opportunity.dto.request.OpportunityAddRequest;
+import cn.cordys.crm.opportunity.dto.request.OpportunityPageRequest;
+import cn.cordys.crm.opportunity.dto.request.OpportunitySearchStatisticRequest;
+import cn.cordys.crm.opportunity.dto.request.OpportunityTransferRequest;
+import cn.cordys.crm.opportunity.dto.response.OpportunityDetailResponse;
+import cn.cordys.crm.opportunity.dto.response.OpportunityListResponse;
+import cn.cordys.crm.opportunity.dto.response.OpportunitySearchStatisticResponse;
+import cn.cordys.crm.search.response.advanced.AdvancedOpportunityResponse;
+import cn.cordys.crm.search.response.advanced.OpportunityRepeatResponse;
+import cn.cordys.crm.search.response.global.GlobalOpportunityResponse;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+
+public interface ExtOpportunityMapper {
+
+
+    List<OpportunityListResponse> list(@Param("request") OpportunityPageRequest request, @Param("orgId") String orgId,
+                                       @Param("userId") String userId, @Param("dataPermission") DeptDataPermissionDTO deptDataPermission, @Param("source") boolean source);
+
+    OpportunitySearchStatisticResponse searchStatistic(@Param("request") OpportunitySearchStatisticRequest request, @Param("orgId") String orgId,
+                                                       @Param("userId") String userId, @Param("dataPermission") DeptDataPermissionDTO deptDataPermission);
+
+    List<String> selectByProducts(@Param("request") OpportunityAddRequest request, @Param("orgId") String orgId, @Param("id") String id);
+
+    void batchTransfer(@Param("request") OpportunityTransferRequest request, @Param("userId") String userId, @Param("updateTime") long updateTime, @Param("stage") String stage);
+
+    OpportunityDetailResponse getDetail(@Param("id") String id);
+
+    List<OpportunityRepeatResponse> getRepeatList(@Param("customerId") String customerId);
+
+    List<OptionDTO> getRepeatCountMap(@Param("customerIds") List<String> customerIds);
+
+    int countByOwner(@Param("owner") String owner);
+
+    List<OptionDTO> getOpportunityOptionsByIds(@Param("ids") List<String> ids);
+
+    List<OptionDTO> getOpportunityOptions(@Param("keyword") String keyword, @Param("orgId") String orgId);
+
+
+    List<OpportunityListResponse> getListByIds(@Param("ids") List<String> ids);
+
+    Long selectOpportunityCount(@Param("request") HomeStatisticSearchWrapperRequest request, @Param("amount") boolean amount);
+
+    List<AdvancedOpportunityResponse> advancedSearchList(@Param("request") OpportunityPageRequest request, @Param("orgId") String orgId);
+
+    List<GlobalOpportunityResponse> globalSearchList(@Param("request") BasePageRequest request, @Param("orgId") String orgId);
+
+    long globalSearchListCount(@Param("request") BasePageRequest request, @Param("orgId") String orgId);
+
+    List<Opportunity> searchColumnsByIds(@Param("columns") List<String> columns, @Param("ids") List<String> opportunityIds);
+
+    /**
+     * 全量更新商机
+     *
+     * @param opportunity 商机
+     */
+    void updateIncludeNullById(@Param("opportunity") Opportunity opportunity);
+
+    void batchUpdate(@Param("request") BatchUpdateDbParam request);
+
+    void moveUpOpportunity(@Param("start") Long start, @Param("end") Long end, @Param("stage") String stage);
+
+    void moveDownOpportunity(@Param("start") Long start, @Param("end") Long end, @Param("stage") String stage);
+
+    Long selectNextPos(@Param("orgId") String orgId, @Param("stage") String stage);
+
+    void transfer(@Param("owner") String owner, @Param("userId") String userId, @Param("id") String id, @Param("updateTime") long updateTime);
+
+    void moveDownStageOpportunity(@Param("end") Long end, @Param("stage") String stage, @Param("pos") Long pos);
+
+    void moveUpStageOpportunity(@Param("end") Long end, @Param("stage") String stage, @Param("pos") Long pos);
+
+    int countByStage(@Param("stageId") String stageId);
+
+    /**
+     * 批量合并客户商机
+     *
+     * @param request 请求参数
+     * @param userId  用户ID
+     * @param orgId   组织ID
+     */
+    void batchMerge(@Param("request") CustomerMergeRequest request, @Param("userId") String userId, @Param("orgId") String orgId);
+
+    /**
+     * 获取待合并的客户商机列表
+     *
+     * @param request 请求参数
+     * @param orgId   组织ID
+     *
+     * @return 客户商机列表
+     */
+    List<Opportunity> getMergeOpportunityList(@Param("request") CustomerMergeRequest request, @Param("orgId") String orgId);
+
+    List<ChartResult> chart(@Param("request") ChartAnalysisDbRequest request, @Param("userId") String userId, @Param("orgId") String orgId,
+                            @Param("dataPermission") DeptDataPermissionDTO dataPermission);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/mapper/ExtOpportunityMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/opportunity/mapper/ExtOpportunityMapper.xml
new file mode 100644
index 0000000..3d91943
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/mapper/ExtOpportunityMapper.xml
@@ -0,0 +1,1010 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.opportunity.mapper.ExtOpportunityMapper">
+
+
+    <select id="list" resultType="cn.cordys.crm.opportunity.dto.response.OpportunityListResponse">
+        SELECT
+            o.id,
+            o.NAME,
+            c.id AS customerId,
+            c.NAME AS customerName,
+            c.in_shared_pool AS inCustomerPool,
+            c.pool_id,
+            o.create_time,
+            o.update_time,
+            o.create_user,
+            o.update_user,
+            o.owner,
+            o.follower,
+            o.follow_time,
+            o.amount,
+            o.possible,
+            o.products,
+            o.last_stage,
+            o.stage,
+            o.contact_id,
+            o.expected_end_time,
+            o.actual_end_time,
+            o.failure_reason,
+            osc.name AS stageName
+        FROM
+            opportunity o
+        LEFT JOIN customer c ON o.customer_id = c.id
+        LEFT JOIN opportunity_stage_config osc ON o.stage = osc.id
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.filters"/>
+            <property name="tablePrefix" value="filter"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.viewCombineSearch.conditions"/>
+            <property name="tablePrefix" value="viewCombine"/>
+        </include>
+        <include refid="fieldSortJoin">
+            <property name="sort" value="request.sort"/>
+        </include>
+        <if test="dataPermission != null and dataPermission.deptIds.size() > 0">
+            join sys_organization_user on o.owner = sys_organization_user.user_id
+            and (
+            sys_organization_user.department_id in
+            <foreach collection="dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                #{deptId}
+            </foreach>
+            <if test="dataPermission.viewId != 'DEPARTMENT'">
+                or sys_organization_user.user_id = #{userId}
+            </if>
+            )
+        </if>
+
+        where o.organization_id = #{orgId}
+
+        <if test="dataPermission != null and dataPermission.self">
+            and o.owner = #{userId}
+        </if>
+
+        <if test="!source and request.keyword != null and request.keyword != ''">
+            and (
+            o.name like concat('%', #{request.keyword},'%')
+            or c.name like concat('%', #{request.keyword},'%')
+            )
+        </if>
+
+        <if test="source and request.keyword != null and request.keyword != ''">
+            and o.name like concat('%', #{request.keyword},'%')
+        </if>
+
+        <if test="request.viewId != null and request.viewId != '' and request.viewId == 'OPPORTUNITY_SUCCESS'">
+            and o.stage = 'SUCCESS'
+        </if>
+
+        <if test="request.customerId != null and request.customerId != ''">
+            and o.customer_id = #{request.customerId}
+        </if>
+
+        <include refid="filters">
+            <property name="filters" value="request.filters"/>
+        </include>
+
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+        <include refid="viewCombine">
+            <property name="combineSearch" value="request.viewCombineSearch"/>
+        </include>
+
+        <if test="request.board">
+            order by o.pos desc
+        </if>
+        <if test="!request.board">
+            <include refid="sort">
+                <property name="sort" value="request.sort"/>
+            </include>
+        </if>
+    </select>
+
+    <select id="chart" resultType="cn.cordys.common.dto.chart.ChartResult">
+        select
+        <include refid="cn.cordys.common.mapper.CommonMapper.chartSelect">
+            <property name="mainTable" value="o"/>
+        </include>
+
+        FROM
+        opportunity o
+
+        <if test="dataPermission != null and dataPermission.deptIds.size() > 0">
+            join sys_organization_user sou on o.owner = sou.user_id
+            and (
+            sou.department_id in
+            <foreach collection="dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                #{deptId}
+            </foreach>
+            or sou.user_id = #{userId}
+            )
+        </if>
+
+        LEFT JOIN customer c ON o.customer_id = c.id
+        LEFT JOIN opportunity_stage_config osc ON o.stage = osc.id
+
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.filterCondition.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.viewFilterCondition.conditions"/>
+            <property name="tablePrefix" value="viewCombine"/>
+        </include>
+
+        <include refid="cn.cordys.common.mapper.CommonMapper.chartAxisJoin">
+            <property name="axisParam" value="request.categoryAxisParam"/>
+            <property name="tablePrefix" value="categoryAxis"/>
+            <property name="mainTable" value="opportunity"/>
+            <property name="mainTablePrefix" value="o"/>
+        </include>
+        <include refid="cn.cordys.common.mapper.CommonMapper.chartAxisJoin">
+            <property name="axisParam" value="request.valueAxisParam"/>
+            <property name="tablePrefix" value="valueAxis"/>
+            <property name="mainTable" value="opportunity"/>
+            <property name="mainTablePrefix" value="o"/>
+        </include>
+        <if test="request.subCategoryAxisParam != null">
+            <include refid="cn.cordys.common.mapper.CommonMapper.chartAxisJoin">
+                <property name="axisParam" value="request.subCategoryAxisParam"/>
+                <property name="tablePrefix" value="subCategoryAxis"/>
+                <property name="mainTable" value="opportunity"/>
+                <property name="mainTablePrefix" value="o"/>
+            </include>
+        </if>
+
+        where o.organization_id = #{orgId}
+
+        <if test="dataPermission != null and dataPermission.self">
+            and o.owner = #{userId}
+        </if>
+
+        <if test="request.viewId != null and request.viewId != '' and request.viewId == 'OPPORTUNITY_SUCCESS'">
+            and o.stage = 'SUCCESS'
+        </if>
+
+        <include refid="combine">
+            <property name="combineSearch" value="request.filterCondition"/>
+        </include>
+        <include refid="viewCombine">
+            <property name="combineSearch" value="request.viewFilterCondition"/>
+        </include>
+
+        <include refid="cn.cordys.common.mapper.CommonMapper.chartGroupBy">
+            <property name="mainTable" value="o"/>
+        </include>
+    </select>
+
+    <select id="searchStatistic" resultType="cn.cordys.crm.opportunity.dto.response.OpportunitySearchStatisticResponse">
+        SELECT
+        sum(o.amount) as amount,
+        sum(o.amount)  / count(*) as averageAmount
+        FROM
+        opportunity o
+        LEFT JOIN customer c ON o.customer_id = c.id
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.filters"/>
+            <property name="tablePrefix" value="filter"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.viewCombineSearch.conditions"/>
+            <property name="tablePrefix" value="viewCombine"/>
+        </include>
+        <if test="dataPermission != null and dataPermission.deptIds.size() > 0">
+            join sys_organization_user on o.owner = sys_organization_user.user_id
+            and (
+            sys_organization_user.department_id in
+            <foreach collection="dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                #{deptId}
+            </foreach>
+            <if test="dataPermission.viewId == 'ALL'">
+                or sys_organization_user.user_id = #{userId}
+            </if>
+            )
+        </if>
+
+        where o.organization_id = #{orgId}
+
+        <if test="dataPermission != null and dataPermission.self">
+            and o.owner = #{userId}
+        </if>
+
+        <if test="request.customerId != null and request.customerId != ''">
+            and o.customer_id = #{request.customerId}
+        </if>
+
+        <if test="request.keyword != null and request.keyword != ''">
+            and (
+            o.name like concat('%', #{request.keyword},'%')
+            or c.name like concat('%', #{request.keyword},'%')
+            )
+        </if>
+
+        <if test="request.viewId != null and request.viewId != '' and request.viewId == 'OPPORTUNITY_SUCCESS'">
+            and o.stage = 'SUCCESS'
+        </if>
+
+        <include refid="filters">
+            <property name="filters" value="request.filters"/>
+        </include>
+
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+        <include refid="viewCombine">
+            <property name="combineSearch" value="request.viewCombineSearch"/>
+        </include>
+
+    </select>
+
+
+    <sql id="sort">
+        <choose>
+            <when test="${sort} != null and ${sort}.valid()">
+                <bind name="sortType" value="${sort}.type" />
+                order by
+                <choose>
+                    <when test="${sort}.name == 'name'">
+                        o.`name` ${sortType},  o.id ASC
+                    </when>
+                    <when test="${sort}.name == 'customer_id'">
+                        c.`name` ${sortType},  o.id ASC
+                    </when>
+                    <when test="${sort}.name == 'owner'">
+                        o.`owner` ${sortType},  o.id ASC
+                    </when>
+                    <when test="${sort}.name == 'amount'">
+                        o.`amount` ${sortType},  o.id ASC
+                    </when>
+                    <when test="${sort}.name == 'possible'">
+                        o.`possible` ${sortType},  o.id ASC
+                    </when>
+                    <when test="${sort}.name == 'stage'">
+                        o.`stage` ${sortType},  o.id ASC
+                    </when>
+                    <when test="${sort}.name == 'contact_id' || ${sort}.name == 'contact_name'">
+                        o.`contact_id` ${sortType},  o.id ASC
+                    </when>
+                    <when test="${sort}.name == 'create_time'">
+                        o.`create_time` ${sortType},  o.id ASC
+                    </when>
+                    <when test="${sort}.name == 'update_time'">
+                        o.`update_time` ${sortType},  o.id ASC
+                    </when>
+                    <when test="${sort}.name == 'create_user'">
+                        o.`create_user` ${sortType},  o.id ASC
+                    </when>
+                    <when test="${sort}.name == 'update_user'">
+                        o.`update_user` ${sortType},  o.id ASC
+                    </when>
+                    <when test="${sort}.name == 'follow_time'">
+                        o.`follow_time` ${sortType},  o.id ASC
+                    </when>
+                    <when test="${sort}.name == 'follower_name' || ${sort}.name == 'follower'">
+                        o.`follower` ${sortType},  o.id ASC
+                    </when>
+                    <when test="${sort}.name == 'expected_end_time'">
+                        o.`expected_end_time` ${sortType},  o.id ASC
+                    </when>
+                    <when test="${sort}.name == 'actual_end_time'">
+                        o.`actual_end_time` ${sortType},  o.id ASC
+                    </when>
+                    <when test="${sort}.name == 'failure_reason'">
+                        o.`failure_reason` ${sortType},  o.id ASC
+                    </when>
+                    <when test="${sort}.name == 'department_id'">
+                        souc_sort.`id` ${sortType},  o.id ASC
+                    </when>
+
+                    <otherwise>
+                        CASE
+                        WHEN module_table.type = 'INPUT_NUMBER' OR module_table.type = 'FORMULA'
+                        THEN sort_table.field_value+0
+                        END ${sortType},
+                        sort_table.field_value ${sortType},
+                        o.id ${sortType}
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                order by o.create_time desc, o.id asc
+            </otherwise>
+        </choose>
+    </sql>
+
+    <sql id="fieldConditionJoin">
+        <if test="${conditions} != null and ${conditions}.size() > 0">
+            <foreach collection="${conditions}" item="condition" index="i">
+                <choose>
+                    <when test="condition.refFiled">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.refFieldConditionJoin">
+                            <property name="condition" value="condition"/>
+                            <property name="mainTable" value="opportunity"/>
+                            <property name="mainTableAlias" value="o"/>
+                            <property name="fieldTable" value="${tablePrefix}_${i}"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <if test="condition.customField">
+                            <if test="condition.blob">
+                                left join opportunity_field_blob ${tablePrefix}_${i}
+                                on o.id = ${tablePrefix}_${i}.resource_id and ${tablePrefix}_${i}.field_id = #{condition.name}
+                            </if>
+                            <if test="!condition.blob">
+                                left join opportunity_field ${tablePrefix}_${i}
+                                on o.id = ${tablePrefix}_${i}.resource_id and ${tablePrefix}_${i}.field_id = #{condition.name}
+                            </if>
+                        </if>
+                        <if test="condition.name == 'departmentId'">
+                            left join sys_organization_user ${tablePrefix}_${i}
+                            on ${tablePrefix}_${i}.user_id = o.owner
+                        </if>
+                    </otherwise>
+                </choose>
+            </foreach>
+        </if>
+    </sql>
+
+    <sql id="fieldSortJoin">
+        <if test="${sort} != null and ${sort}.valid() and ${sort}.name not in
+                {'name', 'owner', 'customer_id', 'stage', 'amount', 'possible', 'products', 'contact_id', 'follow_time', 'follower',
+                 'update_user', 'create_time', 'update_time', 'create_user', 'follower_name', 'department_id', 'expected_end_time', 'actual_end_time', 'failure_reason'}">
+            <bind name="sortName" value="${sort}.name"/>
+            left join opportunity_field sort_table
+            on o.id = sort_table.resource_id and sort_table.field_id = #{sortName}
+            left join sys_module_field module_table on sort_table.field_id = module_table.id
+        </if>
+        <if test="${sort} != null and ${sort}.valid() and ${sort}.name == 'department_id'">
+            left join sys_organization_user souc_sort on souc_sort.user_id = o.owner
+        </if>
+    </sql>
+
+    <sql id="filters">
+        <if test="${filters} != null and ${filters}.size() > 0">
+            <trim prefix="and">
+                <foreach collection="${filters}" item="condition" open="(" close=")" index="i" separator="and">
+                    <include refid="condition">
+                        <property name="condition" value="condition"/>
+                        <property name="fieldTable" value="filter_${i}.field_value"/>
+                        <property name="table" value="filter_${i}"/>
+                    </include>
+                </foreach>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="combine">
+        <if test="${combineSearch} != null and ${combineSearch}.conditions != null and ${combineSearch}.conditions.size() > 0">
+            <trim prefix="and">
+                <trim prefix="(" suffix=")" suffixOverrides="and|or">
+                    <foreach collection="${combineSearch}.conditions" index="i" item="condition">
+                        <include refid="condition">
+                            <property name="condition" value="condition"/>
+                            <property name="fieldTable" value="combine_${i}.field_value"/>
+                            <property name="table" value="combine_${i}"/>
+                        </include>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.searchMode">
+                            <property name="searchMode" value="${combineSearch}.searchMode"/>
+                        </include>
+                    </foreach>
+                </trim>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="viewCombine">
+        <if test="${combineSearch} != null and ${combineSearch}.conditions != null and ${combineSearch}.conditions.size() > 0">
+            <trim prefix="and">
+                <trim prefix="(" suffix=")" suffixOverrides="and|or">
+                    <foreach collection="${combineSearch}.conditions" index="i" item="condition">
+                        <include refid="condition">
+                            <property name="condition" value="condition"/>
+                            <property name="fieldTable" value="viewCombine_${i}.field_value"/>
+                            <property name="table" value="viewCombine_${i}"/>
+                        </include>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.searchMode">
+                            <property name="searchMode" value="${combineSearch}.searchMode"/>
+                        </include>
+                    </foreach>
+                </trim>
+            </trim>
+        </if>
+    </sql>
+
+
+    <sql id="condition">
+        <choose>
+            <when test="condition.refFiled">
+                <choose>
+                    <when test="!condition.customField">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${table}.${condition.name}"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${fieldTable}"/>
+                        </include>
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                <choose>
+                    <when test="condition.name == 'name'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="o.name"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'customerId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.dataSourceCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="c.id"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'stage'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="o.stage"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'amount'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="o.amount"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'possible'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="o.possible"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'products'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.arrayValueCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="o.products"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'contactId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="o.contact_id"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'owner'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="o.owner"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'follower'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="o.follower"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'followTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="o.follow_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'departmentId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${table}.department_id"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'createTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="o.create_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'updateTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="o.update_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'updateUser'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="o.update_user"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'createUser'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="o.create_user"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'lastFollowUpDate'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="o.follow_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'expectedEndTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="o.expected_end_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'actualEndTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="o.actual_end_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'failureReason'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="o.failure_reason"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'createUser'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="o.create_user"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'updateUser'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="o.update_user"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${fieldTable}"/>
+                        </include>
+                    </otherwise>
+                </choose>
+            </otherwise>
+        </choose>
+    </sql>
+
+
+    <select id="selectByProducts" resultType="java.lang.String">
+        SELECT
+            products
+        FROM
+            opportunity
+        WHERE
+        <foreach collection="request.products" item="product" separator="or" open="(" close=")">
+            JSON_CONTAINS(products, JSON_ARRAY(#{product}))
+        </foreach>
+          AND organization_id = #{orgId}
+          AND customer_id = #{request.customerId}
+          AND status = 1
+        <if test="id != null and id != ''">
+            AND id != #{id}
+        </if>
+    </select>
+
+    <update id="batchTransfer">
+        update opportunity
+        set owner = #{request.owner}, stage = #{stage}, last_stage = Null, update_user = #{userId}, update_time = #{updateTime}
+        where id in
+        <foreach collection="request.ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </update>
+
+    <update id="transfer">
+        update opportunity set owner = #{owner}, update_user = #{userId}, update_time = #{updateTime} where id = #{id}
+    </update>
+
+    <select id="getDetail" resultType="cn.cordys.crm.opportunity.dto.response.OpportunityDetailResponse">
+        SELECT
+            o.id,
+            o.NAME,
+            o.customer_id,
+            c.NAME AS customerName,
+            c.in_shared_pool AS inCustomerPool,
+            c.pool_id,
+            o.amount,
+            o.possible,
+            o.products,
+            o.contact_id,
+            o.last_stage,
+            o.stage,
+            o.owner,
+            o.follower,
+            o.follow_time,
+            o.create_time,
+            o.update_time,
+            o.create_user,
+            o.update_user,
+            o.expected_end_time,
+            o.actual_end_time,
+            o.failure_reason,
+            osc.name AS stageName,
+            o.organization_id
+        FROM
+            opportunity o
+        LEFT JOIN customer c ON o.customer_id = c.id
+        LEFT JOIN opportunity_stage_config osc ON o.stage = osc.id
+        where o.id = #{id}
+    </select>
+    <select id="getRepeatList" resultType="cn.cordys.crm.search.response.advanced.OpportunityRepeatResponse">
+        SELECT
+            o.id,
+            o.NAME,
+            o.customer_id,
+            c.NAME AS customerName,
+            o.products,
+            o.stage,
+            o.owner,
+            u.NAME AS ownerName
+        FROM
+            opportunity o
+                INNER JOIN sys_user u ON o.owner = u.id
+                INNER JOIN customer c ON o.customer_id = c.id
+        WHERE o.customer_id = #{customerId}
+    </select>
+
+    <select id="countByOwner" resultType="java.lang.Integer">
+        select count(id) from opportunity
+        where owner = #{owner}
+    </select>
+
+    <select id="getRepeatCountMap" resultType="cn.cordys.common.dto.OptionDTO">
+        select customer_id as id, count(opportunity.id) as name from opportunity  INNER JOIN sys_user u ON opportunity.owner = u.id where customer_id in
+        <foreach collection="customerIds" item="customerId" open="(" close=")" separator=",">
+            #{customerId}
+        </foreach>
+        group by customer_id
+    </select>
+
+    <select id="getOpportunityOptionsByIds" resultType="cn.cordys.common.dto.OptionDTO">
+        select id, name
+        from opportunity
+        where id in
+        <foreach collection="ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </select>
+
+    <select id="getListByIds" resultType="cn.cordys.crm.opportunity.dto.response.OpportunityListResponse">
+    SELECT
+    o.id,
+    o.NAME,
+    c.id AS customerId,
+    c.NAME AS customerName,
+    c.in_shared_pool AS inCustomerPool,
+    c.pool_id,
+    o.create_time,
+    o.update_time,
+    o.create_user,
+    o.update_user,
+    o.owner,
+    o.follower,
+    o.follow_time,
+    o.amount,
+    o.possible,
+    o.products,
+    o.last_stage,
+    o.stage,
+    o.contact_id,
+    o.expected_end_time,
+    o.actual_end_time,
+    o.failure_reason
+    FROM
+    opportunity o
+    LEFT JOIN customer c ON o.customer_id = c.id
+        where o.id in
+        <foreach collection="ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+        order by o.create_time desc
+    </select>
+    <select id="selectOpportunityCount" resultType="java.lang.Long">
+        select
+        <if test="amount">
+            sum(c.amount)
+        </if>
+        <if test="!amount">
+            count(*)
+        </if>
+
+        from opportunity c
+
+        <if test="request.dataPermission != null and request.dataPermission.deptIds.size() > 0">
+            join sys_organization_user sou on c.owner = sou.user_id
+            and (
+                sou.department_id in
+                <foreach collection="request.dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                    #{deptId}
+                </foreach>
+                <if test="request.dataPermission.viewId == 'ALL'">
+                    or sou.user_id = #{request.userId}
+                </if>
+            )
+        </if>
+
+        where c.organization_id = #{request.orgId}
+        <if test="request.stageScenario != null and request.stageScenario != ''">
+            and c.stage in (
+                select id
+                from opportunity_stage_config osc
+                where osc.organization_id = #{request.orgId}
+                <if test="request.stageScenario == 'SUCCESS'">
+                    and osc.`type` = 'END'
+                    and rate = 100
+                </if>
+                <if test="request.stageScenario == 'FAIL'">
+                    and osc.`type` = 'END'
+                    and rate = 0
+                </if>
+                <if test="request.stageScenario == 'UNDERWAY'">
+                    and osc.`type` = 'AFOOT'
+                </if>
+            )
+        </if>
+        <if test="request.startTime != null and request.endTime != null">
+            <if test="request.staticRequest.timeField == 'ACTUAL_END_TIME'">
+                and c.actual_end_time &gt;= #{request.startTime} and c.actual_end_time &lt;= #{request.endTime}
+            </if>
+            <if test="request.staticRequest.timeField == 'EXPECTED_END_TIME'">
+                and c.expected_end_time &gt;= #{request.startTime} and c.expected_end_time &lt;= #{request.endTime}
+            </if>
+            <if test="request.staticRequest.timeField == 'CREATE_TIME'">
+                and c.create_time &gt;= #{request.startTime} and c.create_time &lt;= #{request.endTime}
+            </if>
+        </if>
+
+        <if test="request.dataPermission != null and request.dataPermission.self">
+            and c.owner = #{request.userId}
+        </if>
+    </select>
+
+
+
+    <select id="advancedSearchList" resultType="cn.cordys.crm.search.response.advanced.AdvancedOpportunityResponse">
+        SELECT
+        o.id,
+        o.NAME,
+        c.id AS customerId,
+        c.NAME AS customerName,
+        c.in_shared_pool AS inCustomerPool,
+        c.pool_id,
+        o.create_time,
+        o.update_time,
+        o.create_user,
+        o.update_user,
+        o.owner,
+        o.follower,
+        o.follow_time,
+        o.amount,
+        o.possible,
+        o.products,
+        o.last_stage,
+        o.stage,
+        o.contact_id,
+        o.expected_end_time,
+        o.actual_end_time,
+        o.failure_reason,
+        osc.name AS stageName
+        FROM
+        opportunity o
+        LEFT JOIN customer c ON o.customer_id = c.id
+        LEFT JOIN opportunity_stage_config osc ON o.stage = osc.id
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.filters"/>
+            <property name="tablePrefix" value="filter"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.viewCombineSearch.conditions"/>
+            <property name="tablePrefix" value="viewCombine"/>
+        </include>
+        <include refid="fieldSortJoin">
+            <property name="sort" value="request.sort"/>
+        </include>
+        where o.organization_id = #{orgId}
+
+        <if test="request.keyword != null and request.keyword != ''">
+            and (
+            o.name like concat('%', #{request.keyword},'%')
+            or c.name like concat('%', #{request.keyword},'%')
+            )
+        </if>
+
+        <include refid="filters">
+            <property name="filters" value="request.filters"/>
+        </include>
+
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+        <include refid="viewCombine">
+            <property name="combineSearch" value="request.viewCombineSearch"/>
+        </include>
+
+        <include refid="sort">
+            <property name="sort" value="request.sort"/>
+        </include>
+    </select>
+
+
+    <select id="globalSearchList" resultType="cn.cordys.crm.search.response.global.GlobalOpportunityResponse">
+        SELECT
+        o.id,
+        o.NAME,
+        c.id AS customerId,
+        c.NAME AS customerName,
+        c.in_shared_pool AS inCustomerPool,
+        c.pool_id AS poolId,
+        o.contact_id,
+        ct.NAME AS contactName,
+        o.create_time,
+        o.owner,
+        o.products,
+        o.stage,
+        o.follow_time,
+        osc.name AS stageName
+        FROM
+        opportunity o
+        LEFT JOIN customer c ON o.customer_id = c.id
+        LEFT JOIN customer_contact ct ON o.contact_id = ct.id
+        LEFT JOIN opportunity_stage_config osc ON o.stage = osc.id
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        where o.organization_id = #{orgId}
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+        <include refid="sort">
+            <property name="sort" value="request.sort"/>
+        </include>
+    </select>
+
+    <select id="getOpportunityOptions" resultType="cn.cordys.common.dto.OptionDTO">
+        select id, name
+        from opportunity
+        where
+        organization_id = #{orgId}
+        <if test="keyword != null and keyword != ''">
+            and name like concat('%', #{keyword},'%')
+        </if>
+    </select>
+    <select id="globalSearchListCount" resultType="java.lang.Long">
+        SELECT
+        count(1)
+        FROM
+        opportunity o
+        LEFT JOIN customer c ON o.customer_id = c.id
+        LEFT JOIN customer_contact ct ON o.contact_id = ct.id
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        where o.organization_id = #{orgId}
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+    </select>
+    <select id="searchColumnsByIds" resultType="cn.cordys.crm.opportunity.domain.Opportunity">
+        select
+        <foreach collection="columns" item="col" separator=",">
+            ${col}
+        </foreach>
+        from opportunity
+        where id in
+        <foreach collection="ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </select>
+
+    <update id="updateIncludeNullById" parameterType="cn.cordys.crm.opportunity.domain.Opportunity">
+        update opportunity set customer_id = #{opportunity.customerId}, name = #{opportunity.name}, amount = #{opportunity.amount},
+               possible = #{opportunity.possible}, products = #{opportunity.products,typeHandler=cn.cordys.common.handler.ListTypeHandler}, contact_id = #{opportunity.contactId},
+               owner = #{opportunity.owner}, expected_end_time = #{opportunity.expectedEndTime}, failure_reason = #{opportunity.failureReason}
+        where id = #{opportunity.id}
+    </update>
+    <update id="batchUpdate">
+        UPDATE opportunity
+        <set>
+            <if test="request.fieldName == 'owner'">
+                owner = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'name'">
+                name = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'customerId'">
+                customer_id = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'amount'">
+                amount = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'possible'">
+                possible = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'products'">
+                products = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'contactId'">
+                contact_id = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'expectedEndTime'">
+                expected_end_time = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'actualEndTime'">
+                actual_end_time = #{request.fieldValue},
+            </if>
+            update_time = #{request.updateTime},
+            update_user = #{request.updateUser}
+        </set>
+        WHERE id IN
+        <foreach collection="request.ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </update>
+
+
+    <update id="moveUpOpportunity">
+        update opportunity set pos = pos - 1 where pos &gt; #{start} and pos &lt;= #{end} and stage = #{stage}
+    </update>
+
+    <update id="moveDownOpportunity">
+        update opportunity set pos = pos + 1 where pos &gt;= #{start} and pos &lt; #{end} and stage = #{stage}
+    </update>
+
+    <select id="selectNextPos" resultType="java.lang.Long">
+        select pos from opportunity where stage = #{stage} and organization_id = #{orgId}
+        order by pos desc limit 1
+    </select>
+
+    <update id="moveDownStageOpportunity">
+        update opportunity set pos = pos + #{pos} where pos &gt;= #{end} and stage = #{stage}
+    </update>
+
+    <update id="moveUpStageOpportunity">
+        update opportunity set pos = pos + #{pos} where pos &gt; #{end} and stage = #{stage}
+    </update>
+
+    <select id="countByStage" resultType="java.lang.Integer">
+        select count(id) from opportunity
+        where stage = #{stageId}
+    </select>
+
+    <update id="batchMerge" parameterType="cn.cordys.crm.customer.dto.request.CustomerMergeRequest">
+        update opportunity set customer_id = #{request.toMergeId}, update_user = #{userId}, update_time = unix_timestamp() * 1000
+        where customer_id in
+        <foreach collection="request.mergeIds" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+        and organization_id = #{orgId}
+    </update>
+
+    <select id="getMergeOpportunityList" resultType="cn.cordys.crm.opportunity.domain.Opportunity">
+        select id, name, customer_id from opportunity
+        where customer_id in
+        <foreach collection="request.mergeIds" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+        and organization_id = #{orgId}
+    </select>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/mapper/ExtOpportunityQuotationMapper.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/mapper/ExtOpportunityQuotationMapper.java
new file mode 100644
index 0000000..6e3fc2e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/mapper/ExtOpportunityQuotationMapper.java
@@ -0,0 +1,27 @@
+package cn.cordys.crm.opportunity.mapper;
+
+
+import cn.cordys.common.dto.BatchUpdateDbParam;
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.crm.opportunity.domain.OpportunityQuotation;
+import cn.cordys.crm.opportunity.dto.request.OpportunityQuotationPageRequest;
+import cn.cordys.crm.opportunity.dto.response.OpportunityQuotationListResponse;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+
+public interface ExtOpportunityQuotationMapper {
+
+    List<OpportunityQuotationListResponse> list(@Param("request") OpportunityQuotationPageRequest request, @Param("orgId") String orgId,
+                                                @Param("userId") String userId, @Param("dataPermission") DeptDataPermissionDTO deptDataPermission, @Param("source") boolean source);
+
+    void updateApprovalStatus(@Param("approvingId") String approvingId, @Param("approvalStatus") String approvalStatus, @Param("userId") String userId, @Param("updateTime") long updateTime);
+
+    void voided(@Param("approvingId") String approvingId, @Param("userId") String userId, @Param("updateTime") long updateTime);
+
+    void batchUpdate(@Param("request") BatchUpdateDbParam request);
+
+    //根据时间戳获取报价单列表
+    List<OpportunityQuotation> getQuotationByTimestamp(@Param("timestamp") long timestamp, @Param("timestampOld") long timestampOld, @Param("orgId") String orgId);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/mapper/ExtOpportunityQuotationMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/opportunity/mapper/ExtOpportunityQuotationMapper.xml
new file mode 100644
index 0000000..8599947
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/mapper/ExtOpportunityQuotationMapper.xml
@@ -0,0 +1,414 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.opportunity.mapper.ExtOpportunityQuotationMapper">
+
+    <update id="updateApprovalStatus">
+        update opportunity_quotation
+        set approval_status = #{approvalStatus},
+            update_user     = #{userId},
+            update_time     = #{updateTime}
+        where id = #{approvingId}
+
+    </update>
+
+    <update id="voided">
+        update opportunity_quotation
+        set invalid = true,
+            update_user     = #{userId},
+            update_time     = #{updateTime}
+        where id = #{approvingId}
+    </update>
+
+    <update id="batchUpdate">
+        update opportunity_quotation
+        <set>
+            <if test="request.fieldName == 'name'">
+                name = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'opportunityId'">
+                opportunity_id = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'untilTime'">
+                until_time = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'amount'">
+                amount = #{request.fieldValue},
+            </if>
+            update_time = #{request.updateTime},
+            update_user = #{request.updateUser}
+        </set>
+        where id in
+        <foreach collection="request.ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </update>
+
+
+    <select id="list" resultType="cn.cordys.crm.opportunity.dto.response.OpportunityQuotationListResponse">
+        select oq.id, oq.name, oq.opportunity_id, o.name as opportunityName, oq.approval_status, oq.approved, oq.invalid, oq.amount,
+        oq.until_time, oq.organization_id, oq.create_time,
+        oq.update_time, oq.create_user, oq.update_user
+        from opportunity_quotation oq
+        left join opportunity o on oq.opportunity_id = o.id
+
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.filters"/>
+            <property name="tablePrefix" value="filter"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.viewCombineSearch.conditions"/>
+            <property name="tablePrefix" value="viewCombine"/>
+        </include>
+        <include refid="fieldSortJoin">
+            <property name="sort" value="request.sort"/>
+        </include>
+        <if test="dataPermission != null and dataPermission.deptIds.size() > 0">
+            join sys_organization_user on oq.create_user = sys_organization_user.user_id
+            and (
+            sys_organization_user.department_id in
+            <foreach collection="dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                #{deptId}
+            </foreach>
+            <if test="dataPermission.viewId != 'DEPARTMENT'">
+                or sys_organization_user.user_id = #{userId}
+            </if>
+            )
+        </if>
+        where oq.organization_id = #{orgId}
+
+        <if test="dataPermission != null and dataPermission.self">
+            and oq.create_user = #{userId}
+        </if>
+
+
+        <if test="request.opportunityId != null and request.opportunityId != ''">
+            and o.id = #{request.opportunityId}
+        </if>
+        <if test="!source and request.keyword != null and request.keyword != ''">
+            and (oq.name like concat('%', #{request.keyword},'%') or o.name like concat('%', #{request.keyword},'%'))
+        </if>
+        <if test="source and request.keyword != null and request.keyword != ''">
+            and oq.name like concat('%', #{request.keyword},'%')
+        </if>
+
+        <include refid="filters">
+            <property name="filters" value="request.filters"/>
+        </include>
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+        <include refid="viewCombine">
+            <property name="combineSearch" value="request.viewCombineSearch"/>
+        </include>
+        <include refid="sort">
+            <property name="sort" value="request.sort"/>
+        </include>
+    </select>
+
+    <select id="getQuotationByTimestamp"
+            resultType="cn.cordys.crm.opportunity.domain.OpportunityQuotation">
+        select oq.*
+        from opportunity_quotation oq
+        where oq.organization_id = #{orgId}
+          and oq.until_time <![CDATA[>=]]> #{timestampOld}
+          and oq.until_time <![CDATA[<]]> #{timestamp}
+          and oq.approval_status != 'VOIDED'
+    </select>
+
+    <!-- common sql start -->
+    <sql id="fieldConditionJoin">
+        <if test="${conditions} != null and ${conditions}.size() > 0">
+            <foreach collection="${conditions}" item="condition" index="i">
+                <choose>
+                    <when test="condition.refFiled">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.refFieldConditionJoin">
+                            <property name="condition" value="condition"/>
+                            <property name="mainTable" value="opportunity_quotation"/>
+                            <property name="mainTableAlias" value="oq"/>
+                            <property name="fieldTable" value="${tablePrefix}_${i}"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <if test="condition.name != 'name'
+                            and condition.name != 'approvalStatus'
+                            and condition.name != 'invalid'
+                            and condition.name != 'amount'
+                            and condition.name != 'opportunityId'
+                            and condition.name != 'departmentId'
+                            and condition.name != 'owner'
+                            and condition.name != 'updateUser'
+                            and condition.name != 'createTime'
+                            and condition.name != 'updateTime'
+                            and condition.name != 'createUser'
+                            and condition.name != 'update_user'
+                            and condition.name != 'create_time'
+                            and condition.name != 'update_time'
+                            and condition.name != 'create_user'
+                            and condition.name != 'untilTime'
+                            ">
+                            <if test="condition.blob">
+                                left join opportunity_quotation_field_blob ${tablePrefix}_${i}
+                                on oq.id = ${tablePrefix}_${i}.resource_id and ${tablePrefix}_${i}.field_id = #{condition.name}
+                            </if>
+                            <if test="!condition.blob">
+                                left join opportunity_quotation_field ${tablePrefix}_${i}
+                                on oq.id = ${tablePrefix}_${i}.resource_id and ${tablePrefix}_${i}.field_id = #{condition.name}
+                            </if>
+                        </if>
+                        <if test="condition.name == 'departmentId'">
+                            left join sys_organization_user ${tablePrefix}_${i}
+                            on ${tablePrefix}_${i}.user_id = oq.create_user
+                        </if>
+                    </otherwise>
+                </choose>
+            </foreach>
+        </if>
+    </sql>
+
+    <sql id="fieldSortJoin">
+        <if test="${sort} != null and ${sort}.valid() and ${sort}.name not in
+                {'name', 'approval_status', 'invalid', 'amount', 'opportunity_id', 'update_user', 'create_time', 'update_time', 'until_time',
+                'create_user', 'department_id' }">
+            <bind name="sortName" value="${sort}.name"/>
+            left join opportunity_quotation_field sort_table
+            on oq.id = sort_table.resource_id and sort_table.field_id = #{sortName}
+            left join sys_module_field module_table on sort_table.field_id = module_table.id
+        </if>
+        <if test="${sort} != null and ${sort}.valid() and ${sort}.name == 'department_id'">
+            left join sys_organization_user souc_sort on souc_sort.user_id = oq.create_user
+        </if>
+    </sql>
+
+    <sql id="sort">
+        <choose>
+            <when test="${sort} != null and ${sort}.valid()">
+                <bind name="sortType" value="${sort}.type"/>
+                order by
+                <choose>
+                    <when test="${sort}.name == 'name'">
+                        oq.`name` ${sortType}, oq.id ASC
+                    </when>
+                    <when test="${sort}.name == 'approval_status'">
+                        FIELD(oq.approval_status, 'NONE', 'PENDING', 'APPROVING', 'APPROVED', 'REVOKED', 'UNAPPROVED') ${sortType}, oq.id ASC
+                    </when>
+                    <when test="${sort}.name == 'invalid'">
+                        oq.`invalid` ${sortType}, oq.id ASC
+                    </when>
+                    <when test="${sort}.name == 'amount'">
+                        oq.`amount` ${sortType}, oq.id ASC
+                    </when>
+                    <when test="${sort}.name == 'opportunity_id'">
+                        o.`id` ${sortType}, oq.id ASC
+                    </when>
+                    <when test="${sort}.name == 'until_time'">
+                        oq.`until_time` ${sortType}, oq.id ASC
+                    </when>
+                    <when test="${sort}.name == 'department_id'">
+                        souc_sort.`id` ${sortType}, oq.id ASC
+                    </when>
+                    <when test="${sort}.name == 'create_time'">
+                        oq.`create_time` ${sortType}, oq.id ASC
+                    </when>
+                    <when test="${sort}.name == 'update_time'">
+                        oq.`update_time` ${sortType}, oq.id ASC
+                    </when>
+                    <when test="${sort}.name == 'create_user'">
+                        oq.`create_user` ${sortType}, oq.id ASC
+                    </when>
+                    <when test="${sort}.name == 'update_user'">
+                        oq.`update_user` ${sortType}, oq.id ASC
+                    </when>
+                    <otherwise>
+                        CASE
+                        WHEN module_table.type = 'INPUT_NUMBER' OR module_table.type = 'FORMULA'
+                        THEN sort_table.field_value+0
+                        END ${sortType},
+                        sort_table.field_value ${sortType},
+                        oq.id ${sortType}
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                order by oq.create_time desc
+            </otherwise>
+        </choose>
+    </sql>
+
+    <sql id="filters">
+        <if test="${filters} != null and ${filters}.size() > 0">
+            <trim prefix="and">
+                <foreach collection="${filters}" item="condition" open="(" close=")" index="i" separator="and">
+                    <include refid="condition">
+                        <property name="condition" value="condition"/>
+                        <property name="fieldTable" value="filter_${i}.field_value"/>
+                        <property name="table" value="filter_${i}"/>
+                    </include>
+                </foreach>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="condition">
+        <choose>
+            <when test="condition.refFiled">
+                <choose>
+                    <when test="!condition.customField">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${table}.${condition.name}"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${fieldTable}"/>
+                        </include>
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                <choose>
+                    <when test="condition.name == 'name'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="oq.name"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'approvalStatus'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="oq.approval_status"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'invalid'">
+                        <if test="condition.operator == 'IN'">
+                            oq.invalid in
+                            <foreach collection="${condition}.value" item="v" separator="," open="(" close=")">
+                                #{v}
+                            </foreach>
+                        </if>
+                        <if test="condition.operator == 'NOT_IN'">
+                            !( oq.invalid
+                            in
+                            <foreach collection="${condition}.value" item="v" separator="," open="(" close=")">
+                                #{v}
+                            </foreach>
+                            )
+                        </if>
+                        <if test="${condition}.operator == 'EMPTY'">
+                            oq.invalid is null
+                        </if>
+                        <if test="${condition}.operator == 'NOT_EMPTY'">
+                            oq.invalid is not null
+                        </if>
+                    </when>
+                    <when test="condition.name == 'amount'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="oq.amount"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'opportunityId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="o.id"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'untilTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="oq.until_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'departmentId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${table}.department_id"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'owner'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="oq.create_user"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'createUser'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="oq.create_user"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'updateUser'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="oq.update_user"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'createTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="oq.create_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'updateTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="oq.update_time"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${fieldTable}"/>
+                        </include>
+                    </otherwise>
+                </choose>
+            </otherwise>
+        </choose>
+    </sql>
+
+    <sql id="combine">
+        <if test="${combineSearch} != null and ${combineSearch}.conditions != null and ${combineSearch}.conditions.size() > 0">
+            <trim prefix="and">
+                <trim prefix="(" suffix=")" suffixOverrides="and|or">
+                    <foreach collection="${combineSearch}.conditions" index="i" item="condition">
+                        <include refid="condition">
+                            <property name="condition" value="condition"/>
+                            <property name="fieldTable" value="combine_${i}.field_value"/>
+                            <property name="table" value="combine_${i}"/>
+                        </include>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.searchMode">
+                            <property name="searchMode" value="${combineSearch}.searchMode"/>
+                        </include>
+                    </foreach>
+                </trim>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="viewCombine">
+        <if test="${combineSearch} != null and ${combineSearch}.conditions != null and ${combineSearch}.conditions.size() > 0">
+            <trim prefix="and">
+                <trim prefix="(" suffix=")" suffixOverrides="and|or">
+                    <foreach collection="${combineSearch}.conditions" index="i" item="condition">
+                        <include refid="condition">
+                            <property name="condition" value="condition"/>
+                            <property name="fieldTable" value="viewCombine_${i}.field_value"/>
+                            <property name="table" value="viewCombine_${i}"/>
+                        </include>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.searchMode">
+                            <property name="searchMode" value="${combineSearch}.searchMode"/>
+                        </include>
+                    </foreach>
+                </trim>
+            </trim>
+        </if>
+    </sql>
+
+
+</mapper>
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/mapper/ExtOpportunityQuotationSnapshotMapper.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/mapper/ExtOpportunityQuotationSnapshotMapper.java
new file mode 100644
index 0000000..251c8db
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/mapper/ExtOpportunityQuotationSnapshotMapper.java
@@ -0,0 +1,9 @@
+package cn.cordys.crm.opportunity.mapper;
+
+import cn.cordys.crm.opportunity.domain.OpportunityQuotationSnapshot;
+import org.apache.ibatis.annotations.Param;
+
+public interface ExtOpportunityQuotationSnapshotMapper {
+
+    void update(@Param("snapshot") OpportunityQuotationSnapshot snapshot);
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/mapper/ExtOpportunityQuotationSnapshotMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/opportunity/mapper/ExtOpportunityQuotationSnapshotMapper.xml
new file mode 100644
index 0000000..3a20fb6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/mapper/ExtOpportunityQuotationSnapshotMapper.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.opportunity.mapper.ExtOpportunityQuotationSnapshotMapper">
+
+    <update id="update">
+        update opportunity_quotation_snapshot
+        set quotation_id    = #{snapshot.quotationId},
+            quotation_prop  = #{snapshot.quotationProp},
+            quotation_value = #{snapshot.quotationValue}
+        where id = #{snapshot.id}
+
+    </update>
+
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/mapper/ExtOpportunityRuleMapper.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/mapper/ExtOpportunityRuleMapper.java
new file mode 100644
index 0000000..16cb1e2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/mapper/ExtOpportunityRuleMapper.java
@@ -0,0 +1,30 @@
+package cn.cordys.crm.opportunity.mapper;
+
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.crm.opportunity.domain.OpportunityRule;
+import cn.cordys.crm.opportunity.dto.OpportunityRuleDTO;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtOpportunityRuleMapper {
+
+    /**
+     * 分页获取商机规则
+     *
+     * @param request 请求参数
+     * @param orgId   组织ID
+     *
+     * @return 商机规则集合
+     */
+    List<OpportunityRuleDTO> list(@Param("request") BasePageRequest request, @Param("orgId") String orgId);
+
+    /**
+     * 获取范围下商机关闭规则
+     *
+     * @param orgId 组织ID
+     *
+     * @return 商机关闭规则
+     */
+    List<OpportunityRule> getAllRule(@Param("orgId") String orgId);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/mapper/ExtOpportunityRuleMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/opportunity/mapper/ExtOpportunityRuleMapper.xml
new file mode 100644
index 0000000..6bc0a64
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/mapper/ExtOpportunityRuleMapper.xml
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="cn.cordys.crm.opportunity.mapper.ExtOpportunityRuleMapper">
+    <select id="list" parameterType="cn.cordys.common.dto.BasePageRequest" resultType="cn.cordys.crm.opportunity.dto.OpportunityRuleDTO">
+        select * from opportunity_rule
+        where organization_id = #{orgId}
+        <if test="request.keyword != null and request.keyword != ''">
+            and name like concat('%', #{request.keyword},'%')
+        </if>
+        <include refid="filters">
+            <property name="filters" value="request.filters"/>
+        </include>
+        <include refid="cn.cordys.common.mapper.CommonMapper.sort">
+            <property name="sort" value="request.sort"/>
+            <property name="prefix" value=""/>
+            <property name="defaultSort" value="create_time desc"/>
+        </include>
+    </select>
+
+    <select id="getAllRule" resultType="cn.cordys.crm.opportunity.domain.OpportunityRule">
+        select * from opportunity_rule where organization_id = #{orgId} and enable = 1 order by create_time desc
+    </select>
+
+    <sql id="sort">
+        <choose>
+            <when test="${sort} != null and ${sort}.valid()">
+                <bind name="sortType" value="${sort}.type" />
+                order by
+                <choose>
+                    <when test="${sort}.name == 'name'">
+                        `name` ${sortType}
+                    </when>
+                    <when test="${sort}.name == 'enable'">
+                        `enable` ${sortType}
+                    </when>
+                    <when test="${sort}.name == 'members'">
+                        `scope_id` ${sortType}
+                    </when>
+                </choose>
+            </when>
+            <otherwise>
+                order by create_time desc
+            </otherwise>
+        </choose>
+    </sql>
+
+    <sql id="filters">
+        <if test="${filters} != null and ${filters}.size() > 0">
+            <trim prefix="and">
+                <foreach collection="${filters}" item="condition" open="(" close=")" index="i" separator="and">
+                    <if test="condition.name == 'auto'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="opportunity_rule.auto"/>
+                        </include>
+                    </if>
+                    <if test="condition.name == 'enable'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="opportunity_rule.enable"/>
+                        </include>
+                    </if>
+                </foreach>
+            </trim>
+        </if>
+    </sql>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/mapper/ExtOpportunityStageConfigMapper.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/mapper/ExtOpportunityStageConfigMapper.java
new file mode 100644
index 0000000..0b3a7d2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/mapper/ExtOpportunityStageConfigMapper.java
@@ -0,0 +1,36 @@
+package cn.cordys.crm.opportunity.mapper;
+
+import cn.cordys.common.dto.stage.StageRollBackRequest;
+import cn.cordys.crm.opportunity.domain.OpportunityStageConfig;
+import cn.cordys.crm.opportunity.dto.request.StageUpdateRequest;
+import cn.cordys.crm.opportunity.dto.response.StageConfigResponse;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtOpportunityStageConfigMapper {
+
+
+    int countStageConfig(@Param("orgId") String orgId);
+
+
+    void moveUpStageConfig(@Param("start") Long start, @Param("orgId") String orgId, @Param("pos") Long pos);
+
+    void moveDownStageConfig(@Param("start") Long start, @Param("orgId") String orgId, @Param("pos") Long pos);
+
+    List<StageConfigResponse> getStageConfigList(@Param("orgId") String orgId);
+
+    void updateRollBack(@Param("request") StageRollBackRequest request, @Param("orgId") String orgId);
+
+    void updateStageConfig(@Param("request") StageUpdateRequest request, @Param("userId") String userId);
+
+    List<OpportunityStageConfig> getAllStageConfigList();
+
+    void moveUp(@Param("start") Long start, @Param("end") Long end, @Param("orgId") String orgId, @Param("defaultPos") Long defaultPos);
+
+    void moveDown(@Param("start") Long start, @Param("end") Long end, @Param("orgId") String orgId, @Param("defaultPos") Long defaultPos);
+
+    void updatePos(@Param("id") String id, @Param("pos") Long pos);
+
+    int countByType(@Param("type") String type,@Param("orgId") String orgId);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/mapper/ExtOpportunityStageConfigMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/opportunity/mapper/ExtOpportunityStageConfigMapper.xml
new file mode 100644
index 0000000..a2ab3ce
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/mapper/ExtOpportunityStageConfigMapper.xml
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.opportunity.mapper.ExtOpportunityStageConfigMapper">
+
+    <select id="getStageConfigList" resultType="cn.cordys.crm.opportunity.dto.response.StageConfigResponse">
+        select id, name, type, rate, afoot_roll_back, end_roll_back, pos
+        from opportunity_stage_config
+        where organization_id = #{orgId}
+        order by pos
+    </select>
+
+
+    <select id="countStageConfig" resultType="java.lang.Integer">
+        select count(id)
+        from opportunity_stage_config
+        where organization_id = #{orgId}
+    </select>
+
+    <update id="moveUpStageConfig">
+        update opportunity_stage_config
+        set pos = pos + #{pos}
+        where pos &gt;= #{start}
+          and organization_id = #{orgId}
+    </update>
+
+    <update id="moveDownStageConfig">
+        update opportunity_stage_config
+        set pos = pos + #{pos}
+        where pos &gt; #{start}
+          and organization_id = #{orgId}
+    </update>
+
+    <update id="updateRollBack">
+        UPDATE opportunity_stage_config
+        <set>
+            <if test="request.afootRollBack != null">
+                afoot_roll_back =#{request.afootRollBack},
+            </if>
+            <if test="request.endRollBack != null">
+                end_roll_back = #{request.endRollBack},
+            </if>
+        </set>
+        WHERE organization_id = #{orgId}
+    </update>
+
+
+    <update id="updateStageConfig">
+        update opportunity_stage_config
+        set name        = #{request.name},
+            rate        = #{request.rate},
+            update_user = #{userId},
+            update_time = unix_timestamp() * 1000
+        where id = #{request.id}
+    </update>
+
+    <select id="getAllStageConfigList" resultType="cn.cordys.crm.opportunity.domain.OpportunityStageConfig">
+        select id, name, organization_id, type, rate from opportunity_stage_config
+    </select>
+
+
+    <update id="moveUp">
+        update opportunity_stage_config set pos = pos - 1 where pos &gt; #{start} and pos &lt;= #{end}
+    </update>
+
+    <update id="moveDown">
+        update opportunity_stage_config set pos = pos + 1 where pos &gt;= #{start} and pos &lt; #{end}
+    </update>
+
+
+    <update id="updatePos">
+        update opportunity_stage_config set pos = #{pos} where id = #{id}
+    </update>
+
+    <select id="countByType" resultType="java.lang.Integer">
+        select count(id)
+        from opportunity_stage_config
+        where type = #{type} and organization_id = #{orgId}
+    </select>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityExportService.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityExportService.java
new file mode 100644
index 0000000..2655d39
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityExportService.java
@@ -0,0 +1,316 @@
+package cn.cordys.crm.opportunity.service;
+
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.common.dto.ExportHeadDTO;
+import cn.cordys.common.dto.ExportSelectRequest;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.service.BaseExportService;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.SubListUtils;
+import cn.cordys.common.utils.OpportunityFieldUtils;
+import cn.cordys.crm.opportunity.dto.request.OpportunityExportRequest;
+import cn.cordys.crm.opportunity.dto.response.OpportunityListResponse;
+import cn.cordys.crm.opportunity.dto.response.StageConfigResponse;
+import cn.cordys.crm.opportunity.mapper.ExtOpportunityMapper;
+import cn.cordys.crm.opportunity.mapper.ExtOpportunityStageConfigMapper;
+import cn.cordys.crm.system.constants.ExportConstants;
+import cn.cordys.crm.system.domain.ExportTask;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.service.ExportTaskService;
+import cn.cordys.registry.ExportThreadRegistry;
+import cn.idev.excel.EasyExcel;
+import cn.idev.excel.ExcelWriter;
+import cn.idev.excel.support.ExcelTypeEnum;
+import cn.idev.excel.write.metadata.WriteSheet;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.io.File;
+import java.util.*;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class OpportunityExportService extends BaseExportService {
+
+    @Resource
+    private OpportunityService opportunityService;
+    @Resource
+    private ExportTaskService exportTaskService;
+    @Resource
+    private ExtOpportunityMapper extOpportunityMapper;
+    @Resource
+    private ExtOpportunityStageConfigMapper extOpportunityStageConfigMapper;
+
+
+    /**
+     * 商机导出（条件导出）
+     *
+     * @param userId             用户ID
+     * @param request            导出请求参数
+     * @param orgId              组织ID
+     * @param deptDataPermission 部门数据权限
+     * @param locale             语言环境
+     *
+     * @return 导出任务ID
+     */
+    public String export(
+            String userId, OpportunityExportRequest request,
+            String orgId, DeptDataPermissionDTO deptDataPermission, Locale locale) {
+
+        checkFileName(request.getFileName());
+        Objects.requireNonNull(userId, "userId 不能为空");
+        exportTaskService.checkUserTaskLimit(userId, ExportConstants.ExportType.OPPORTUNITY.name());
+
+        String fileId = IDGenerator.nextStr();
+        ExportTask exportTask = exportTaskService.saveTask(
+                orgId, fileId, userId,
+                ExportConstants.ExportType.OPPORTUNITY.toString(),
+                request.getFileName()
+        );
+
+        runExport(
+                orgId, userId, LogModule.OPPORTUNITY_INDEX, locale,
+                exportTask, request.getFileName(),
+                () -> exportData(fileId, exportTask, userId, request, orgId, deptDataPermission)
+        );
+
+        return exportTask.getId();
+    }
+
+    /**
+     * 执行商机条件导出数据写入
+     *
+     * @param fileId             文件ID
+     * @param exportTask         导出任务
+     * @param userId             用户ID
+     * @param request            导出请求
+     * @param orgId              组织ID
+     * @param deptDataPermission 部门数据权限
+     *
+     * @throws InterruptedException 线程中断异常
+     */
+    private void exportData(
+            String fileId, ExportTask exportTask, String userId,
+            OpportunityExportRequest request, String orgId,
+            DeptDataPermissionDTO deptDataPermission) throws InterruptedException {
+
+        List<List<String>> headList = request.getHeadList().stream()
+                .map(h -> Collections.singletonList(h.getTitle()))
+                .toList();
+
+        batchHandleData(
+                fileId, headList, exportTask, request.getFileName(), request,
+                t -> getExportData(
+                        request.getHeadList(), request, userId,
+                        orgId, deptDataPermission, exportTask.getId()
+                )
+        );
+    }
+
+    /**
+     * 构建商机条件导出数据
+     *
+     * @param headList           表头列表
+     * @param request            导出请求
+     * @param userId             用户ID
+     * @param orgId              组织ID
+     * @param deptDataPermission 部门数据权限
+     * @param taskId             任务ID
+     *
+     * @return 导出数据列表
+     *
+     * @throws InterruptedException 线程中断异常
+     */
+    private List<List<Object>> getExportData(
+            List<ExportHeadDTO> headList, OpportunityExportRequest request,
+            String userId, String orgId,
+            DeptDataPermissionDTO deptDataPermission, String taskId) throws InterruptedException {
+
+        PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        List<OpportunityListResponse> rawList =
+                extOpportunityMapper.list(request, orgId, userId, deptDataPermission, false);
+
+        return buildOpportunityExportData(headList, rawList, orgId, taskId);
+    }
+
+    /**
+     * 商机导出（选中数据）
+     *
+     * @param userId  用户ID
+     * @param request 选中导出请求
+     * @param orgId   组织ID
+     * @param locale  语言环境
+     *
+     * @return 导出任务ID
+     */
+    public String exportSelect(String userId, ExportSelectRequest request, String orgId, Locale locale) {
+        checkFileName(request.getFileName());
+        Objects.requireNonNull(userId, "userId 不能为空");
+        exportTaskService.checkUserTaskLimit(userId, ExportConstants.ExportStatus.PREPARED.toString());
+
+        String fileId = IDGenerator.nextStr();
+        ExportTask exportTask = exportTaskService.saveTask(
+                orgId, fileId, userId,
+                ExportConstants.ExportType.OPPORTUNITY.toString(),
+                request.getFileName()
+        );
+
+        runExport(
+                orgId, userId, LogModule.OPPORTUNITY_INDEX, locale,
+                exportTask, request.getFileName(),
+                () -> exportData(fileId, exportTask, userId, request, orgId)
+        );
+
+        return exportTask.getId();
+    }
+
+    /**
+     * 执行商机选中数据导出
+     *
+     * @param fileId     文件ID
+     * @param exportTask 导出任务
+     * @param userId     用户ID
+     * @param request    选中导出请求
+     * @param orgId      组织ID
+     */
+    private void exportData(
+            String fileId, ExportTask exportTask,
+            String userId, ExportSelectRequest request, String orgId) {
+
+        List<List<String>> headList = request.getHeadList().stream()
+                .map(h -> Collections.singletonList(h.getTitle()))
+                .toList();
+
+        File file = prepareExportFile(fileId, request.getFileName(), exportTask.getOrganizationId());
+        try (ExcelWriter writer = EasyExcel.write(file)
+                .head(headList)
+                .excelType(ExcelTypeEnum.XLSX)
+                .build()) {
+
+            WriteSheet sheet = EasyExcel.writerSheet("导出数据").build();
+            SubListUtils.dealForSubList(
+                    request.getIds(), SubListUtils.DEFAULT_EXPORT_BATCH_SIZE,
+                    subIds -> {
+                        try {
+                            writer.write(
+                                    getExportDataBySelect(
+                                            request.getHeadList(), subIds, orgId, exportTask.getId()
+                                    ),
+                                    sheet
+                            );
+                        } catch (InterruptedException e) {
+                            log.error("任务停止中断", e);
+                            exportTaskService.update(
+                                    exportTask.getId(),
+                                    ExportConstants.ExportStatus.STOP.toString(),
+                                    userId
+                            );
+                        }
+                    }
+            );
+        }
+    }
+
+    /**
+     * 构建选中商机导出数据
+     *
+     * @param headList 表头列表
+     * @param ids      商机ID列表
+     * @param orgId    组织ID
+     * @param taskId   任务ID
+     *
+     * @return 导出数据列表
+     *
+     * @throws InterruptedException 线程中断异常
+     */
+    private List<List<Object>> getExportDataBySelect(
+            List<ExportHeadDTO> headList, List<String> ids,
+            String orgId, String taskId) throws InterruptedException {
+
+        List<OpportunityListResponse> rawList = extOpportunityMapper.getListByIds(ids);
+        return buildOpportunityExportData(headList, rawList, orgId, taskId);
+    }
+
+    /**
+     * 构建商机导出核心数据
+     *
+     * @param headList 表头列表
+     * @param rawList  原始商机数据
+     * @param orgId    组织ID
+     * @param taskId   任务ID
+     *
+     * @return 导出数据列表
+     *
+     * @throws InterruptedException 线程中断异常
+     */
+    private List<List<Object>> buildOpportunityExportData(
+            List<ExportHeadDTO> headList,
+            List<OpportunityListResponse> rawList,
+            String orgId,
+            String taskId) throws InterruptedException {
+
+        List<OpportunityListResponse> dataList = opportunityService.buildListData(rawList, orgId);
+        Map<String, List<OptionDTO>> optionMap =
+                opportunityService.buildOptionMap(orgId, rawList, dataList);
+        Map<String, BaseField> fieldConfigMap =
+                getFieldConfigMap(FormKey.OPPORTUNITY.getKey(), orgId);
+        Map<String, String> stageConfigMap =
+                extOpportunityStageConfigMapper.getStageConfigList(orgId)
+                        .stream()
+                        .collect(Collectors.toMap(
+                                StageConfigResponse::getId,
+                                StageConfigResponse::getName
+                        ));
+
+        List<List<Object>> result = new ArrayList<>(dataList.size());
+        for (OpportunityListResponse response : dataList) {
+            if (ExportThreadRegistry.isInterrupted(taskId)) {
+                throw new InterruptedException("线程已被中断，主动退出");
+            }
+            result.add(buildData(headList, response, optionMap, fieldConfigMap, stageConfigMap));
+        }
+        return result;
+    }
+
+    /**
+     * 构建单行商机导出数据
+     *
+     * @param headList       表头列表
+     * @param data           商机数据
+     * @param optionMap      选项映射
+     * @param fieldConfigMap 字段配置
+     * @param stageConfigMap 阶段配置
+     *
+     * @return 单行导出数据
+     */
+    private List<Object> buildData(
+            List<ExportHeadDTO> headList,
+            OpportunityListResponse data,
+            Map<String, List<OptionDTO>> optionMap,
+            Map<String, BaseField> fieldConfigMap,
+            Map<String, String> stageConfigMap) {
+
+        List<Object> dataList = new ArrayList<>();
+        LinkedHashMap<String, Object> systemFieldMap =
+                OpportunityFieldUtils.getSystemFieldMap(data, optionMap, stageConfigMap,fieldConfigMap);
+
+        Map<String, Object> moduleFieldMap = Optional.ofNullable(data.getModuleFields())
+                .map(fields -> fields.stream().collect(Collectors.toMap(
+                        BaseModuleFieldValue::getFieldId,
+                        BaseModuleFieldValue::getFieldValue
+                )))
+                .orElseGet(LinkedHashMap::new);
+
+        transModuleFieldValue(headList, systemFieldMap, moduleFieldMap, dataList, fieldConfigMap);
+        return dataList;
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityFieldService.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityFieldService.java
new file mode 100644
index 0000000..fc0798c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityFieldService.java
@@ -0,0 +1,35 @@
+package cn.cordys.crm.opportunity.service;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.service.BaseResourceFieldService;
+import cn.cordys.crm.opportunity.domain.OpportunityField;
+import cn.cordys.crm.opportunity.domain.OpportunityFieldBlob;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class OpportunityFieldService extends BaseResourceFieldService<OpportunityField, OpportunityFieldBlob> {
+
+    @Resource
+    private BaseMapper<OpportunityField> opportunityFieldMapper;
+    @Resource
+    private BaseMapper<OpportunityFieldBlob> opportunityFieldBlobMapper;
+
+    @Override
+    protected String getFormKey() {
+        return FormKey.OPPORTUNITY.getKey();
+    }
+
+    @Override
+    protected BaseMapper<OpportunityField> getResourceFieldMapper() {
+        return opportunityFieldMapper;
+    }
+
+    @Override
+    protected BaseMapper<OpportunityFieldBlob> getResourceFieldBlobMapper() {
+        return opportunityFieldBlobMapper;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityLogService.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityLogService.java
new file mode 100644
index 0000000..0ee0350
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityLogService.java
@@ -0,0 +1,93 @@
+package cn.cordys.crm.opportunity.service;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.dto.JsonDifferenceDTO;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.customer.domain.Customer;
+import cn.cordys.crm.system.service.BaseModuleLogService;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.text.SimpleDateFormat;
+import java.util.List;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class OpportunityLogService extends BaseModuleLogService {
+
+    @Resource
+    private BaseMapper<Customer> customerMapper;
+
+    @Override
+    public List<JsonDifferenceDTO> handleLogField(List<JsonDifferenceDTO> differences, String orgId) {
+        differences = super.handleModuleLogField(differences, orgId, FormKey.OPPORTUNITY.getKey());
+
+        for (JsonDifferenceDTO differ : differences) {
+            if (Strings.CS.equals(differ.getColumn(), BusinessModuleField.OPPORTUNITY_OWNER.getBusinessKey())) {
+                setUserFieldName(differ);
+                continue;
+            }
+
+            if (Strings.CS.equals(differ.getColumn(), BusinessModuleField.OPPORTUNITY_PRODUCTS.getBusinessKey())) {
+                setProductName(differ);
+                continue;
+            }
+
+            if (Strings.CS.equals(differ.getColumn(), BusinessModuleField.OPPORTUNITY_CONTACT.getBusinessKey())) {
+                setContactFieldName(differ);
+                continue;
+            }
+
+            if (Strings.CS.equals(differ.getColumn(), BusinessModuleField.OPPORTUNITY_CUSTOMER_NAME.getBusinessKey())) {
+                if (differ.getOldValue() != null) {
+                    Customer customer = customerMapper.selectByPrimaryKey(differ.getOldValue().toString());
+                    if (customer != null) {
+                        differ.setOldValueName(customer.getName());
+                    }
+                }
+                if (differ.getNewValue() != null) {
+                    Customer customer = customerMapper.selectByPrimaryKey(differ.getNewValue().toString());
+                    if (customer != null) {
+                        differ.setNewValueName(customer.getName());
+                    }
+                }
+                continue;
+            }
+
+            if (Strings.CS.equals(differ.getColumnName(), Translator.get("log.stage"))) {
+                if (differ.getOldValue() != null) {
+                    differ.setOldValueName(Translator.get(differ.getOldValueName().toString(), differ.getOldValueName().toString()));
+                }
+                if (differ.getNewValue() != null) {
+                    differ.setNewValueName(Translator.get(differ.getNewValueName().toString(), differ.getNewValueName().toString()));
+                }
+            }
+
+            if (Strings.CS.equals(differ.getColumn(), "status")) {
+                differ.setColumnName(Translator.get("log.opportunity." + differ.getColumn()));
+                if (differ.getOldValue() != null) {
+                    differ.setOldValueName(Boolean.parseBoolean(differ.getOldValueName().toString()) ? Translator.get("log.opportunity.status.true") : Translator.get("log.opportunity.status.false"));
+                }
+                if (differ.getNewValue() != null) {
+                    differ.setNewValueName(Boolean.parseBoolean(differ.getNewValueName().toString()) ? Translator.get("log.opportunity.status.true") : Translator.get("log.opportunity.status.false"));
+                }
+            }
+
+            if (Strings.CS.equals(differ.getColumn(), "failureReason")) {
+                if (differ.getOldValue() != null) {
+                    differ.setOldValueName(Translator.get(differ.getOldValue().toString()));
+                }
+                if (differ.getNewValue() != null) {
+                    differ.setNewValueName(Translator.get(differ.getNewValue().toString()));
+                }
+            }
+        }
+        return differences;
+    }
+
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityQuotationFieldService.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityQuotationFieldService.java
new file mode 100644
index 0000000..b6f6623
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityQuotationFieldService.java
@@ -0,0 +1,38 @@
+package cn.cordys.crm.opportunity.service;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.service.BaseResourceFieldService;
+import cn.cordys.crm.opportunity.domain.OpportunityQuotationField;
+import cn.cordys.crm.opportunity.domain.OpportunityQuotationFieldBlob;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+/**
+ * @author guoyuqi
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class OpportunityQuotationFieldService extends BaseResourceFieldService<OpportunityQuotationField, OpportunityQuotationFieldBlob> {
+
+    @Resource
+    private BaseMapper<OpportunityQuotationField> opportunityQuotationFieldMapper;
+    @Resource
+    private BaseMapper<OpportunityQuotationFieldBlob> opportunityQuotationFieldBlobMapper;
+
+    @Override
+    protected String getFormKey() {
+        return FormKey.QUOTATION.getKey();
+    }
+
+    @Override
+    protected BaseMapper<OpportunityQuotationField> getResourceFieldMapper() {
+        return opportunityQuotationFieldMapper;
+    }
+
+    @Override
+    protected BaseMapper<OpportunityQuotationFieldBlob> getResourceFieldBlobMapper() {
+        return opportunityQuotationFieldBlobMapper;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityQuotationResourceAccessContextProvider.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityQuotationResourceAccessContextProvider.java
new file mode 100644
index 0000000..e0b95dd
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityQuotationResourceAccessContextProvider.java
@@ -0,0 +1,41 @@
+package cn.cordys.crm.opportunity.service;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.permission.ResourceAccessContext;
+import cn.cordys.common.permission.ResourceAccessContextProvider;
+import cn.cordys.crm.opportunity.domain.OpportunityQuotation;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Component;
+
+import java.util.List;
+import java.util.Map;
+
+@Component
+public class OpportunityQuotationResourceAccessContextProvider implements ResourceAccessContextProvider {
+
+    @Resource
+    private BaseMapper<OpportunityQuotation> quotationMapper;
+
+    @Override
+    public String getFormType() {
+        return FormKey.OPPORTUNITY.getKey();
+    }
+
+    @Override
+    public ResourceAccessContext getAccessContext(String resourceId, String orgId) {
+        OpportunityQuotation quotation = quotationMapper.selectByPrimaryKey(resourceId);
+        if (quotation == null) {
+            return null;
+        }
+        ResourceAccessContext context = new ResourceAccessContext();
+        context.setApprovalStatus(quotation.getApprovalStatus());
+        return context;
+    }
+
+    @Override
+    public Map<String, String> batchGetOwnerIds(List<String> resourceIds, String orgId) {
+        // 不校验数据权限
+        return Map.of();
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityQuotationService.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityQuotationService.java
new file mode 100644
index 0000000..20d2de0
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityQuotationService.java
@@ -0,0 +1,1311 @@
+package cn.cordys.crm.opportunity.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.aspectj.dto.LogDTO;
+import cn.cordys.common.constants.CommonResultCode;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.*;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.permission.PermissionCache;
+import cn.cordys.common.permission.PermissionUtils;
+import cn.cordys.common.resolver.field.AbstractModuleFieldResolver;
+import cn.cordys.common.resolver.field.ModuleFieldResolverFactory;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.approval.annotation.HitApproval;
+import cn.cordys.crm.approval.constants.ApprovalFormTypeEnum;
+import cn.cordys.crm.approval.constants.ApprovalState;
+import cn.cordys.crm.approval.constants.ApprovalStatus;
+import cn.cordys.crm.approval.constants.ExecuteTimingEnum;
+import cn.cordys.crm.approval.dto.ResourceApprovalFieldUpdateParam;
+import cn.cordys.crm.approval.dto.ResourceApprovalPostUpdateParam;
+import cn.cordys.crm.approval.dto.ResourceSnapshotApprovalParam;
+import cn.cordys.crm.approval.handler.ApprovalResourceHandler;
+import cn.cordys.crm.approval.service.ApprovalFlowService;
+import cn.cordys.crm.approval.service.ApprovalResourceService;
+import cn.cordys.crm.contract.domain.ContractField;
+import cn.cordys.crm.contract.domain.ContractFieldBlob;
+import cn.cordys.crm.opportunity.domain.*;
+import cn.cordys.crm.opportunity.dto.request.*;
+import cn.cordys.crm.opportunity.dto.response.OpportunityQuotationGetResponse;
+import cn.cordys.crm.opportunity.dto.response.OpportunityQuotationListResponse;
+import cn.cordys.crm.opportunity.mapper.ExtOpportunityQuotationMapper;
+import cn.cordys.crm.opportunity.mapper.ExtOpportunityQuotationSnapshotMapper;
+import cn.cordys.crm.system.constants.DictModule;
+import cn.cordys.crm.system.constants.NotificationConstants;
+import cn.cordys.crm.system.domain.Attachment;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.request.ResourceBatchEditRequest;
+import cn.cordys.crm.system.dto.response.BatchAffectReasonResponse;
+import cn.cordys.crm.system.dto.response.BatchAffectSkipResponse;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.notice.CommonNoticeSendService;
+import cn.cordys.crm.system.service.DictService;
+import cn.cordys.crm.system.service.LogService;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.crm.system.service.ModuleFormService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import com.fasterxml.jackson.databind.JsonNode;
+import com.fasterxml.jackson.databind.ObjectMapper;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.BooleanUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.apache.ibatis.session.ExecutorType;
+import org.apache.ibatis.session.SqlSession;
+import org.apache.ibatis.session.SqlSessionFactory;
+import org.mybatis.spring.SqlSessionUtils;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.math.BigDecimal;
+import java.util.*;
+import java.util.concurrent.atomic.AtomicInteger;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class OpportunityQuotationService implements ApprovalResourceHandler {
+
+    @Resource
+    private OpportunityQuotationFieldService opportunityQuotationFieldService;
+    @Resource
+    private BaseService baseService;
+    @Resource
+    private ModuleFormService moduleFormService;
+    @Resource
+    private CommonNoticeSendService commonNoticeSendService;
+    @Resource
+    private LogService logService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private PermissionCache permissionCache;
+    @Resource
+    private ExtOpportunityQuotationMapper extOpportunityQuotationMapper;
+    @Resource
+    private SqlSessionFactory sqlSessionFactory;
+    @Resource
+    private BaseMapper<OpportunityQuotation> opportunityQuotationMapper;
+    @Resource
+    private BaseMapper<OpportunityQuotationSnapshot> snapshotBaseMapper;
+    @Resource
+    private BaseMapper<ContractField> contractFieldMapper;
+    @Resource
+    private BaseMapper<ContractFieldBlob> contractFieldBlobMapper;
+    @Resource
+    private BaseMapper<Opportunity> opportunityBaseMapper;
+    @Resource
+    private DictService dictService;
+    @Resource
+    private ApprovalFlowService approvalFlowService;
+
+    private static final ObjectMapper mapper = new ObjectMapper();
+
+    private static final BigDecimal MAX_AMOUNT = new BigDecimal("9999999999");
+
+
+    /**
+     * 新增商机报价单
+     * 新增报价单会自动将报价单状态设置为“提审”，此时需要保存报价单值快照，报价单表单设置快照
+     *
+     * @param request 新增请求参数
+     * @return 商机报价单实体
+     */
+    @OperationLog(module = LogModule.OPPORTUNITY_QUOTATION, type = LogType.ADD, resourceName = "{#request.name}", operator = "{#userId}")
+	@HitApproval(formKey = FormKey.QUOTATION, executeType = ExecuteTimingEnum.CREATE, operatorId = "{#userId}")
+    public OpportunityQuotation add(OpportunityQuotationAddRequest request, String orgId, String userId) {
+        List<BaseModuleFieldValue> moduleFields = request.getModuleFields();
+        ModuleFormConfigDTO moduleFormConfigDTO = request.getModuleFormConfigDTO();
+        checkQuotationInfo(moduleFields, moduleFormConfigDTO);
+
+        ModuleFormConfigDTO saveModuleFormConfigDTO = JSON.parseObject(JSON.toJSONString(moduleFormConfigDTO), ModuleFormConfigDTO.class);
+        OpportunityQuotation opportunityQuotation = new OpportunityQuotation();
+        opportunityQuotation.setId(IDGenerator.nextStr());
+        opportunityQuotation.setOrganizationId(orgId);
+        opportunityQuotation.setName(request.getName());
+		opportunityQuotation.setInvalid(false);
+        opportunityQuotation.setApprovalStatus(ApprovalStatus.NONE.name());
+        opportunityQuotation.setOpportunityId(request.getOpportunityId());
+        opportunityQuotation.setUntilTime(request.getUntilTime());
+        opportunityQuotation.setCreateUser(userId);
+        opportunityQuotation.setUpdateUser(userId);
+        opportunityQuotation.setCreateTime(System.currentTimeMillis());
+        opportunityQuotation.setUpdateTime(System.currentTimeMillis());
+
+        //判断总金额
+        setAmount(request.getAmount(), opportunityQuotation);
+        // 设置子表格字段值
+        moduleFields.add(new BaseModuleFieldValue("products", request.getProducts()));
+
+        opportunityQuotationFieldService.saveModuleField(opportunityQuotation, orgId, userId, moduleFields, false);
+        opportunityQuotationMapper.insert(opportunityQuotation);
+
+        // 保存表单配置快照
+        List<BaseModuleFieldValue> resolveFieldValues = moduleFormService.resolveSnapshotFields(moduleFields, moduleFormConfigDTO, opportunityQuotationFieldService, opportunityQuotation.getId());
+        OpportunityQuotationGetResponse response = getOpportunityQuotationGetResponse(opportunityQuotation, resolveFieldValues, moduleFormConfigDTO);
+
+        baseService.handleAddLogWithSubTable(opportunityQuotation, moduleFields, Translator.get("products_info"), moduleFormConfigDTO);
+
+        saveSnapshot(opportunityQuotation, saveModuleFormConfigDTO, response);
+
+        return opportunityQuotation;
+
+    }
+
+
+    /**
+     * 保存商机报价单快照
+     *
+     * @param opportunityQuotation 报价单实体
+     * @param moduleFormConfigDTO  报价单表单配置
+     * @param response             报价单详情响应类
+     */
+    private void saveSnapshot(OpportunityQuotation opportunityQuotation, ModuleFormConfigDTO moduleFormConfigDTO, OpportunityQuotationGetResponse response) {
+        OpportunityQuotationSnapshot snapshot = new OpportunityQuotationSnapshot();
+        response.setModuleFields(response.getModuleFields().stream()
+                .filter(field -> (field.getFieldValue() != null && StringUtils.isNotBlank(field.getFieldValue().toString()) && !"[]".equals(field.getFieldValue().toString()))).toList());
+        snapshot.setId(IDGenerator.nextStr());
+        snapshot.setQuotationId(opportunityQuotation.getId());
+        snapshot.setQuotationProp(JSON.toJSONString(moduleFormConfigDTO));
+        snapshot.setQuotationValue(JSON.toJSONString(response));
+        snapshotBaseMapper.insert(snapshot);
+    }
+
+    /**
+     * 新增商机报价单详情
+     *
+     * @param opportunityQuotation 报价单实体
+     * @param moduleFields         报价单字段值
+     * @param moduleFormConfigDTO  报价单表单配置
+     * @return 报价单详情
+     */
+    private OpportunityQuotationGetResponse getOpportunityQuotationGetResponse(OpportunityQuotation opportunityQuotation, List<BaseModuleFieldValue> moduleFields, ModuleFormConfigDTO moduleFormConfigDTO) {
+        OpportunityQuotationGetResponse response = BeanUtils.copyBean(new OpportunityQuotationGetResponse(), opportunityQuotation);
+        List<BaseModuleFieldValue> fvs = opportunityQuotationFieldService.setBusinessRefFieldValue(List.of(response), moduleFormService.getFlattenFormFields(FormKey.QUOTATION.getKey(), opportunityQuotation.getOrganizationId()),
+                new HashMap<>(Map.of(response.getId(), moduleFields))).get(response.getId());
+        response.setModuleFields(fvs);
+        Opportunity opportunity = opportunityBaseMapper.selectByPrimaryKey(response.getOpportunityId());
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(moduleFormConfigDTO, fvs);
+        if (opportunity != null) {
+            optionMap.put("opportunityId", List.of(new OptionDTO(opportunity.getId(), opportunity.getName())));
+            response.setOpportunityName(opportunity.getName());
+        }
+        response.setOptionMap(optionMap);
+        Map<String, List<Attachment>> attachmentMap = moduleFormService.getAttachmentMap(moduleFormConfigDTO, moduleFields);
+        response.setAttachmentMap(attachmentMap);
+        moduleFormService.processBusinessFieldValues(response, moduleFields, moduleFormConfigDTO);
+        return baseService.setCreateAndUpdateUserName(response);
+    }
+
+    /**
+     * 查询商机报价单快照详情
+     *
+     * @param id 报价单ID
+     * @return 报价单详情
+     */
+    public OpportunityQuotationGetResponse getSnapshot(String id, String orgId) {
+        OpportunityQuotationGetResponse response = new OpportunityQuotationGetResponse();
+        OpportunityQuotation opportunityQuotation = opportunityQuotationMapper.selectByPrimaryKey(id);
+        if (opportunityQuotation == null) {
+            throw new GenericException(Translator.get("opportunity.quotation.not.exist"));
+        }
+        // 已审核，查询最新快照
+        LambdaQueryWrapper<OpportunityQuotationSnapshot> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(OpportunityQuotationSnapshot::getQuotationId, id);
+        OpportunityQuotationSnapshot snapshot = snapshotBaseMapper.selectListByLambda(wrapper).stream().findFirst().orElse(null);
+        if (snapshot != null) {
+            response = JSON.parseObject(snapshot.getQuotationValue(), OpportunityQuotationGetResponse.class);
+        }
+		if (Strings.CI.equals(response.getApprovalStatus(), ApprovalStatus.APPROVING.name())) {
+			Map<String, Boolean> firstNodeApproved = baseService.getApprovingResourceFirstNodeApproved(List.of(response.getId()), orgId);
+			response.setFirstApproved(firstNodeApproved.get(response.getId()));
+		}
+        response.setApproved(opportunityQuotation.getApproved());
+        return response;
+    }
+
+    /**
+     * @param id 报价单ID
+     * @return 报价单详情
+     */
+    public OpportunityQuotationGetResponse get(String id, String orgId) {
+        OpportunityQuotationGetResponse response = new OpportunityQuotationGetResponse();
+        OpportunityQuotation opportunityQuotation = opportunityQuotationMapper.selectByPrimaryKey(id);
+        if (opportunityQuotation == null) {
+            throw new GenericException(Translator.get("opportunity.quotation.not.exist"));
+        }
+        // 已审核，查询最新快照
+        LambdaQueryWrapper<OpportunityQuotationSnapshot> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(OpportunityQuotationSnapshot::getQuotationId, id);
+        OpportunityQuotationSnapshot snapshot = snapshotBaseMapper.selectListByLambda(wrapper).stream().findFirst().orElse(null);
+        if (snapshot != null) {
+            response = JSON.parseObject(snapshot.getQuotationValue(), OpportunityQuotationGetResponse.class);
+        }
+        response.setApprovalStatus(opportunityQuotation.getApprovalStatus());
+        ModuleFormConfigDTO moduleFormConfigDTO = moduleFormCacheService.getBusinessFormConfig(FormKey.QUOTATION.getKey(), opportunityQuotation.getOrganizationId());
+        List<BaseModuleFieldValue> moduleFieldValues = opportunityQuotationFieldService.getModuleFieldValuesByResourceId(id);
+        List<BaseModuleFieldValue> resolveFieldValues = moduleFormService.resolveSnapshotFields(moduleFieldValues, moduleFormConfigDTO, opportunityQuotationFieldService, opportunityQuotation.getId());
+        List<BaseModuleFieldValue> fvs = opportunityQuotationFieldService.setBusinessRefFieldValue(List.of(response), moduleFormService.getFlattenFormFields(FormKey.QUOTATION.getKey(), opportunityQuotation.getOrganizationId()),
+                new HashMap<>(Map.of(response.getId(), resolveFieldValues))).get(response.getId());
+        response.setModuleFields(fvs);
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(moduleFormConfigDTO, fvs);
+        Opportunity opportunity = opportunityBaseMapper.selectByPrimaryKey(response.getOpportunityId());
+        if (opportunity != null) {
+            optionMap.put("opportunityId", List.of(new OptionDTO(opportunity.getId(), opportunity.getName())));
+            response.setOpportunityName(opportunity.getName());
+        }
+        response.setOptionMap(optionMap);
+        Map<String, List<Attachment>> attachmentMap = moduleFormService.getAttachmentMap(moduleFormConfigDTO, response.getModuleFields());
+        response.setAttachmentMap(attachmentMap);
+        baseService.setCreateAndUpdateUserName(response);
+        UserDeptDTO userDeptDTO = baseService.getUserDeptMapByUserId(opportunityQuotation.getCreateUser(), opportunityQuotation.getOrganizationId());
+        if (userDeptDTO != null) {
+            response.setDepartmentId(userDeptDTO.getDeptId());
+            response.setDepartmentName(userDeptDTO.getDeptName());
+        }
+		if (Strings.CI.equals(response.getApprovalStatus(), ApprovalStatus.APPROVING.name())) {
+			Map<String, Boolean> firstNodeApproved = baseService.getApprovingResourceFirstNodeApproved(List.of(response.getId()), orgId);
+			response.setFirstApproved(firstNodeApproved.get(response.getId()));
+		}
+        return response;
+    }
+
+	/**
+	 * 获取报价单详情 (⚠️反射调用; 勿修改入参, 返回, 方法名!)
+	 * @param id 报价单ID
+	 * @return 报价单详情
+	 */
+	public OpportunityQuotationGetResponse getSimple(String id) {
+		OpportunityQuotation opportunityQuotation = opportunityQuotationMapper.selectByPrimaryKey(id);
+		if (opportunityQuotation == null) {
+			return null;
+		}
+		OpportunityQuotationGetResponse response = BeanUtils.copyBean(new OpportunityQuotationGetResponse(), opportunityQuotation);
+		ModuleFormConfigDTO quotationFormConf = moduleFormCacheService.getBusinessFormConfig(FormKey.QUOTATION.getKey(), opportunityQuotation.getOrganizationId());
+		List<BaseModuleFieldValue> fvs = opportunityQuotationFieldService.getModuleFieldValuesByResourceId(id);
+		moduleFormService.processBusinessFieldValues(response, fvs, quotationFormConf);
+		return response;
+	}
+
+
+    /**
+     * 获取字段详情 (⚠️反射调用; 勿修改入参, 返回, 方法名!)
+     * @param id 报价单ID
+     * @return 报价单详情
+     */
+    public OpportunityQuotationGetResponse getFieldValues(String id) {
+        OpportunityQuotationGetResponse response = new OpportunityQuotationGetResponse();
+        LambdaQueryWrapper<OpportunityQuotationSnapshot> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(OpportunityQuotationSnapshot::getQuotationId, id);
+        OpportunityQuotationSnapshot snapshot = snapshotBaseMapper.selectListByLambda(wrapper).stream().findFirst().orElse(null);
+        if (snapshot != null) {
+            response = JSON.parseObject(snapshot.getQuotationValue(), OpportunityQuotationGetResponse.class);
+        }
+        return response;
+    }
+
+
+
+	/**
+	 * 批量获取报价单详情 (用于数据源批量查询优化)
+	 * @param ids 报价单ID集合
+	 * @return 报价单详情列表
+	 */
+	public List<OpportunityQuotationGetResponse> batchGetSimpleByIds(List<String> ids) {
+		if (CollectionUtils.isEmpty(ids)) {
+			return Collections.emptyList();
+		}
+		List<OpportunityQuotation> quotations = opportunityQuotationMapper.selectByIds(ids);
+		if (CollectionUtils.isEmpty(quotations)) {
+			return Collections.emptyList();
+		}
+		Map<String, List<BaseModuleFieldValue>> fieldValueMap = opportunityQuotationFieldService.getResourceFieldMap(ids, true);
+
+		return quotations.stream().map(quotation -> {
+			OpportunityQuotationGetResponse response = BeanUtils.copyBean(new OpportunityQuotationGetResponse(), quotation);
+			response.setModuleFields(fieldValueMap.get(quotation.getId()));
+			return response;
+		}).toList();
+	}
+
+    /**
+     * 撤销审批
+     *
+     * @param id     报价单ID
+     * @param userId 用户ID
+     */
+    public String revoke(String id, String userId, String orgId) {
+        OpportunityQuotation opportunityQuotation = opportunityQuotationMapper.selectByPrimaryKey(id);
+        if (opportunityQuotation == null) {
+            throw new GenericException(Translator.get("opportunity.quotation.not.exist"));
+        }
+        checkApprovalConfig(orgId);
+
+        if (!Strings.CI.equals(opportunityQuotation.getCreateUser(), userId) || !Strings.CI.equals(opportunityQuotation.getApprovalStatus(), ApprovalState.APPROVING.toString())) {
+            return opportunityQuotation.getApprovalStatus();
+        }
+        opportunityQuotation.setApprovalStatus(ApprovalState.REVOKED.toString());
+        opportunityQuotation.setUpdateUser(userId);
+        opportunityQuotation.setUpdateTime(System.currentTimeMillis());
+        opportunityQuotationMapper.update(opportunityQuotation);
+
+
+
+        //更新快照
+        updateSnapshot(id, ApprovalState.REVOKED.toString(), null);
+        return opportunityQuotation.getApprovalStatus();
+    }
+
+    private void checkApprovalConfig(String orgId) {
+        if (!dictService.isDictConfigEnable(DictModule.QUOTATION_APPROVAL.name(), orgId)) {
+            // 未开启审批
+            throw new GenericException(CommonResultCode.APPROVAL_NOT_ENABLED_ERROR);
+        }
+    }
+
+    /**
+     * 作废商机报价单
+     *
+     * @param id     报价单ID
+     * @param userId 用户ID
+     */
+    public void voidQuotation(String id, String userId, String orgId) {
+        OpportunityQuotation opportunityQuotation = opportunityQuotationMapper.selectByPrimaryKey(id);
+        if (opportunityQuotation == null) {
+            throw new GenericException(Translator.get("opportunity.quotation.not.exist"));
+        }
+		checkQuotationLinked(id, "opportunity.quotation.no.voided");
+		opportunityQuotation.setInvalid(true);
+		opportunityQuotation.setUpdateUser(userId);
+		opportunityQuotation.setUpdateTime(System.currentTimeMillis());
+		opportunityQuotationMapper.update(opportunityQuotation);
+
+        // 修改快照中的作废状态
+		voidedSnapshot(id);
+
+		// 作废日志
+		LogDTO logDTO = new LogDTO(orgId, opportunityQuotation.getId(), userId, LogType.VOIDED, LogModule.OPPORTUNITY_QUOTATION, opportunityQuotation.getName());
+		logService.add(logDTO);
+        // 通知
+        sendNotice(Translator.get("opportunity.quotation.status.voided"), opportunityQuotation, userId, orgId, NotificationConstants.Event.BUSINESS_QUOTATION_APPROVAL);
+    }
+
+    /**
+     * 检查报价单是否被合同关联
+     *
+     * @param id  id
+     * @param key 提示词
+     */
+    private void checkQuotationLinked(String id, String key) {
+        LambdaQueryWrapper<ContractField> wrapper = new LambdaQueryWrapper<>();
+        wrapper.like(ContractField::getFieldValue, id);
+        List<ContractField> contractFieldList = contractFieldMapper.selectListByLambda(wrapper);
+        LambdaQueryWrapper<ContractFieldBlob> wrapperBlob = new LambdaQueryWrapper<>();
+        wrapperBlob.like(ContractFieldBlob::getFieldValue, id);
+        List<ContractFieldBlob> contractFieldBlobList = contractFieldBlobMapper.selectListByLambda(wrapperBlob);
+
+        if (CollectionUtils.isNotEmpty(contractFieldList) || CollectionUtils.isNotEmpty(contractFieldBlobList)) {
+            throw new GenericException(Translator.get(key));
+        }
+    }
+
+    /**
+     * 审批商机报价单
+     *
+     * @param request 新增请求参数
+     * @param userId  用户ID
+     */
+    public String approve(OpportunityQuotationEditRequest request, String userId, String orgId) {
+        checkApprovalConfig(orgId);
+
+        //获取ApprovalState中APPROVED状态的id属性(以后改成获取自定义的审批状态)
+        ModuleFormConfigDTO moduleFormConfigDTO = request.getModuleFormConfigDTO();
+        List<String> approvalStatusList = Arrays.stream(ApprovalState.values()).map(ApprovalState::getId).filter(status -> ApprovalState.APPROVED.toString().equals(status)).toList();
+        String noticeKey = approvalStatusList.contains(request.getApprovalStatus()) ?
+                Translator.get("opportunity.quotation.status.approved") : Translator.get("opportunity.quotation.status.unapproved");
+        OpportunityQuotation oldOpportunityQuotation = opportunityQuotationMapper.selectByPrimaryKey(request.getId());
+        if (oldOpportunityQuotation == null) {
+            throw new GenericException(Translator.get("opportunity.quotation.not.exist"));
+        }
+        String oldApprovalStatus = oldOpportunityQuotation.getApprovalStatus();
+        OpportunityQuotation opportunityQuotation = updateApprovalState(oldOpportunityQuotation, request.getApprovalStatus(), userId);
+        if (opportunityQuotation == null) {
+            return request.getApprovalStatus();
+        }
+        //更新快照状态
+        updateSnapshot(request.getId(), request.getApprovalStatus(), moduleFormConfigDTO);
+        saveSateChangeLog(orgId, oldApprovalStatus, userId, LogType.APPROVAL, opportunityQuotation);
+        sendNotice(noticeKey, opportunityQuotation, userId, orgId, NotificationConstants.Event.BUSINESS_QUOTATION_APPROVAL);
+        return opportunityQuotation.getApprovalStatus();
+    }
+
+    private void updateSnapshot(String id, String approvalStatus, ModuleFormConfigDTO moduleFormConfigDTO) {
+        LambdaQueryWrapper<OpportunityQuotationSnapshot> delWrapper = new LambdaQueryWrapper<>();
+        delWrapper.eq(OpportunityQuotationSnapshot::getQuotationId, id);
+        List<OpportunityQuotationSnapshot> opportunityQuotationSnapshots = snapshotBaseMapper.selectListByLambda(delWrapper);
+        OpportunityQuotationSnapshot first = opportunityQuotationSnapshots.getFirst();
+        if (first != null) {
+            OpportunityQuotationGetResponse response = JSON.parseObject(first.getQuotationValue(), OpportunityQuotationGetResponse.class);
+            response.setApprovalStatus(approvalStatus);
+            if (moduleFormConfigDTO != null) {
+                first.setQuotationProp(JSON.toJSONString(moduleFormConfigDTO));
+            }
+            first.setQuotationValue(JSON.toJSONString(response));
+            snapshotBaseMapper.update(first);
+        }
+    }
+
+	/**
+	 * ⚠️反射调用: 由审批执行操作统一调用, 勿修改
+	 * @param param 参数
+	 */
+	public void updateSnapshotApprovalStatus(ResourceSnapshotApprovalParam param) {
+		OpportunityQuotationSnapshot snapshotCriteria = new OpportunityQuotationSnapshot();
+		snapshotCriteria.setQuotationId(param.getResourceId());
+		OpportunityQuotationSnapshot snapshot = snapshotBaseMapper.selectOne(snapshotCriteria);
+		if (snapshot != null) {
+			OpportunityQuotationGetResponse response = JSON.parseObject(snapshot.getQuotationValue(), OpportunityQuotationGetResponse.class);
+			response.setApprovalStatus(param.getApprovalStatus());
+			snapshot.setQuotationValue(JSON.toJSONString(response));
+			snapshotBaseMapper.update(snapshot);
+		}
+	}
+
+	/**
+	 * ⚠️反射调用: 由审批执行后置操作统一调用, 勿修改
+	 * @param postFieldParam 参数
+	 */
+	@SuppressWarnings({"unchecked", "rawtypes"})
+	public void updateApprovalPostField(ResourceApprovalPostUpdateParam postFieldParam) {
+		ModuleFormConfigDTO formConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.QUOTATION.getKey(), OrganizationContext.getOrganizationId());
+		List<BaseField> fields = formConfig.getFields();
+		Map<String, BaseField> fieldConfigMap = fields.stream().collect(Collectors.toMap(BaseField::getId, f -> f));
+		OpportunityQuotation quotation = opportunityQuotationMapper.selectByPrimaryKey(postFieldParam.getResourceId());
+		// 保存原始数据用于日志记录
+		OpportunityQuotation originQuotation = BeanUtils.copyBean(new OpportunityQuotation(), quotation);
+		List<BaseModuleFieldValue> originFields = opportunityQuotationFieldService.getModuleFieldValuesByResourceId(postFieldParam.getResourceId());
+		List<OpportunityQuotationField> quotationFields = new ArrayList<>();
+		List<OpportunityQuotationFieldBlob> quotationFieldBlobs = new ArrayList<>();
+		OpportunityQuotationSnapshot snapshotCriteria = new OpportunityQuotationSnapshot();
+		snapshotCriteria.setQuotationId(postFieldParam.getResourceId());
+		OpportunityQuotationSnapshot snapshot = snapshotBaseMapper.selectOne(snapshotCriteria);
+		OpportunityQuotationGetResponse response = new OpportunityQuotationGetResponse();
+		if (snapshot != null) {
+			response = JSON.parseObject(snapshot.getQuotationValue(), OpportunityQuotationGetResponse.class);
+		}
+		for (ResourceApprovalFieldUpdateParam fieldUpdateParam : postFieldParam.getFields()) {
+			if (Strings.CS.equals(fieldUpdateParam.getFieldId(), "invalid") && fieldUpdateParam.getFieldValue() != null) {
+				opportunityQuotationFieldService.setResourceFieldValue(quotation, "invalid", fieldUpdateParam.getFieldValue());
+				continue;
+			}
+			if (!fieldConfigMap.containsKey(fieldUpdateParam.getFieldId()) || fieldUpdateParam.getFieldValue() == null) {
+				return;
+			}
+			BaseField fieldConfig = fieldConfigMap.get(fieldUpdateParam.getFieldId());
+			AbstractModuleFieldResolver customFieldResolver = ModuleFieldResolverFactory.getResolver(fieldConfig.getType());
+			if (fieldConfig.hasBusinessKey()) {
+				// 业务主表字段
+				opportunityQuotationFieldService.setResourceFieldValue(quotation, fieldConfig.getBusinessKey(), fieldUpdateParam.getFieldValue());
+			} else {
+				// 快照自定义字段
+				Optional<BaseModuleFieldValue> findField = response.getModuleFields().stream().filter(fieldValue -> Strings.CI.equals(fieldValue.getFieldId(), fieldUpdateParam.getFieldId())).findAny();
+				if (findField.isPresent()) {
+					findField.get().setFieldValue(fieldUpdateParam.getFieldValue());
+				} else {
+					BaseModuleFieldValue fv = new BaseModuleFieldValue();
+					fv.setFieldId(fieldUpdateParam.getFieldId());
+					fv.setFieldValue(fieldUpdateParam.getFieldValue());
+					response.getModuleFields().add(fv);
+				}
+				if (fieldConfig.isBlob()) {
+					// 自定义大表
+					opportunityQuotationFieldService.getResourceFieldBlobMapper().deleteByLambda(new LambdaQueryWrapper<OpportunityQuotationFieldBlob>()
+							.eq(OpportunityQuotationFieldBlob::getFieldId, fieldUpdateParam.getFieldId()).eq(OpportunityQuotationFieldBlob::getResourceId, postFieldParam.getResourceId()));
+					OpportunityQuotationFieldBlob field = new OpportunityQuotationFieldBlob();
+					field.setId(IDGenerator.nextStr());
+					field.setResourceId(postFieldParam.getResourceId());
+					field.setFieldId(fieldUpdateParam.getFieldId());
+					field.setFieldValue(customFieldResolver.convertToString(fieldConfig, fieldUpdateParam.getFieldValue()));
+					quotationFieldBlobs.add(field);
+				} else {
+					// 自定义表
+					opportunityQuotationFieldService.getResourceFieldMapper().deleteByLambda(new LambdaQueryWrapper<OpportunityQuotationField>()
+							.eq(OpportunityQuotationField::getFieldId, fieldUpdateParam.getFieldId()).eq(OpportunityQuotationField::getResourceId, postFieldParam.getResourceId()));
+					OpportunityQuotationField field = new OpportunityQuotationField();
+					field.setId(IDGenerator.nextStr());
+					field.setResourceId(postFieldParam.getResourceId());
+					field.setFieldId(fieldUpdateParam.getFieldId());
+					field.setFieldValue(customFieldResolver.convertToString(fieldConfig, fieldUpdateParam.getFieldValue()));
+					quotationFields.add(field);
+				}
+			}
+		}
+		opportunityQuotationMapper.updateById(quotation);
+		if (CollectionUtils.isNotEmpty(quotationFields)) {
+			opportunityQuotationFieldService.getResourceFieldMapper().batchInsert(quotationFields);
+		}
+		if (CollectionUtils.isNotEmpty(quotationFields)) {
+			opportunityQuotationFieldService.getResourceFieldBlobMapper().batchInsert(quotationFieldBlobs);
+		}
+		// 更新快照
+		if (snapshot != null) {
+			OpportunityQuotationGetResponse snapshotRes = getOpportunityQuotationGetResponse(quotation, response.getModuleFields(), formConfig);
+			snapshot.setQuotationValue(JSON.toJSONString(snapshotRes));
+			snapshotBaseMapper.update(snapshot);
+		}
+		// 记录审批后置字段更新日志
+		baseService.handleUpdateLogWithSubTable(originQuotation, quotation, originFields, opportunityQuotationFieldService.getModuleFieldValuesByResourceId(postFieldParam.getResourceId()),
+				postFieldParam.getResourceId(), quotation.getName(), Translator.get("products_info"), formConfig);
+		// 从 OperationLogContext 中获取日志信息并手动记录
+		LogContextInfo contextInfo = OperationLogContext.getContext();
+		if (contextInfo != null) {
+			String orgId = OrganizationContext.getOrganizationId();
+			LogDTO logDTO = new LogDTO(orgId, postFieldParam.getResourceId(), postFieldParam.getOperator(), LogType.UPDATE, LogModule.OPPORTUNITY_QUOTATION, quotation.getName());
+			logDTO.setOriginalValue(contextInfo.getOriginalValue());
+			logDTO.setModifiedValue(contextInfo.getModifiedValue());
+			logService.add(logDTO);
+			OperationLogContext.clear();
+		}
+	}
+
+	/**
+	 * 作废报价快照
+	 * @param id
+	 */
+	private void voidedSnapshot(String id) {
+		LambdaQueryWrapper<OpportunityQuotationSnapshot> delWrapper = new LambdaQueryWrapper<>();
+		delWrapper.eq(OpportunityQuotationSnapshot::getQuotationId, id);
+		List<OpportunityQuotationSnapshot> opportunityQuotationSnapshots = snapshotBaseMapper.selectListByLambda(delWrapper);
+		OpportunityQuotationSnapshot first = opportunityQuotationSnapshots.getFirst();
+		if (first != null) {
+			OpportunityQuotationGetResponse response = JSON.parseObject(first.getQuotationValue(), OpportunityQuotationGetResponse.class);
+			response.setInvalid(true);
+			first.setQuotationValue(JSON.toJSONString(response));
+			snapshotBaseMapper.update(first);
+		}
+	}
+
+    /**
+     * 更新审批状态
+     *
+     * @param opportunityQuotation 报价单实体
+     * @param approvalStatus       审批状态
+     * @param userId               用户ID
+     * @return 报价单
+     */
+    private OpportunityQuotation updateApprovalState(OpportunityQuotation opportunityQuotation, String approvalStatus, String userId) {
+        if ((Strings.CI.equals(approvalStatus, ApprovalState.APPROVED.toString()) || Strings.CI.equals(approvalStatus, ApprovalState.UNAPPROVED.toString())) && !Strings.CI.equals(opportunityQuotation.getApprovalStatus(), ApprovalState.APPROVING.toString())) {
+            return null;
+        }
+        opportunityQuotation.setApprovalStatus(approvalStatus);
+        opportunityQuotation.setUpdateUser(userId);
+        opportunityQuotation.setUpdateTime(System.currentTimeMillis());
+        opportunityQuotationMapper.update(opportunityQuotation);
+        return opportunityQuotation;
+    }
+
+    /**
+     * 发送通知
+     *
+     * @param key                  通知内容key
+     * @param opportunityQuotation 报价单实体
+     * @param userId               用户ID
+     * @param orgId                组织ID
+     * @param event                事件类型
+     */
+    private void sendNotice(String key, OpportunityQuotation opportunityQuotation, String userId, String orgId, String event) {
+        Map<String, Object> paramMap = new HashMap<>();
+        if (StringUtils.isNotBlank(key)) {
+            paramMap.put("state", key);
+        }
+        paramMap.put("name", opportunityQuotation.getName());
+        commonNoticeSendService.sendNotice(NotificationConstants.Module.OPPORTUNITY, event,
+                paramMap, userId, orgId, List.of(opportunityQuotation.getCreateUser()), true);
+    }
+
+    /**
+     * 保存状态变更日志
+     *
+     * @param orgId                组织ID
+     * @param state                审批状态
+     * @param userId               用户ID
+     * @param logType              日志类型
+     * @param opportunityQuotation 报价单实体
+     */
+    private void saveSateChangeLog(String orgId, String state, String userId, String logType, OpportunityQuotation opportunityQuotation) {
+        LogDTO logDTO = new LogDTO(orgId, opportunityQuotation.getId(), userId, logType, LogModule.OPPORTUNITY_QUOTATION, opportunityQuotation.getName());
+        if (state == null) {
+            logDTO.setOriginalValue(opportunityQuotation.getName());
+        } else {
+            Map<String, String> oldMap = new HashMap<>();
+            oldMap.put("approvalStatus", state);
+            logDTO.setOriginalValue(oldMap);
+            Map<String, String> newMap = new HashMap<>();
+            newMap.put("approvalStatus", opportunityQuotation.getApprovalStatus());
+            logDTO.setModifiedValue(newMap);
+        }
+        logService.add(logDTO);
+    }
+
+    /**
+     * 删除商机报价单
+     *
+     * @param id             报价单ID
+     * @param userId         用户ID
+     * @param organizationId 组织ID
+     */
+    @HitApproval(formKey = FormKey.QUOTATION, executeType = ExecuteTimingEnum.DELETE, resourceId = "{#id}", operatorId = "{#userId}")
+    public void delete(String id, String userId, String organizationId) {
+        OpportunityQuotation opportunityQuotation = opportunityQuotationMapper.selectByPrimaryKey(id);
+        if (opportunityQuotation == null) {
+            return;
+        }
+        checkQuotationLinked(id, "opportunity.quotation.already.associated");
+        opportunityQuotationFieldService.deleteByResourceId(id);
+        opportunityQuotationMapper.deleteByPrimaryKey(id);
+
+        //删除快照
+        LambdaQueryWrapper<OpportunityQuotationSnapshot> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(OpportunityQuotationSnapshot::getQuotationId, id);
+        snapshotBaseMapper.deleteByLambda(wrapper);
+
+        //记录日志
+        saveSateChangeLog(organizationId, null, userId, LogType.DELETE, opportunityQuotation);
+
+        //发送通知
+        sendNotice(null, opportunityQuotation, userId, organizationId, NotificationConstants.Event.BUSINESS_QUOTATION_DELETED);
+    }
+
+    @Override
+    public void deleteForResource(String resourceId, String userId, String organizationId) {
+        delete(resourceId, userId, organizationId);
+    }
+
+    @Override
+    public FormKey getFormKey() {
+        return FormKey.QUOTATION;
+    }
+
+    /**
+     * 商机报价单列表
+     *
+     * @param request        列表请求参数
+     * @param organizationId 组织ID
+     * @return 商机报价单列表
+     */
+    public PagerWithOption<List<OpportunityQuotationListResponse>> list(OpportunityQuotationPageRequest request, String organizationId, String userId, DeptDataPermissionDTO deptDataPermission, Boolean source) {
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        List<OpportunityQuotationListResponse> list = extOpportunityQuotationMapper.list(request, organizationId, userId, deptDataPermission, source);
+        List<OpportunityQuotationListResponse> results = buildList(list, organizationId);
+        // 处理自定义字段选项
+        ModuleFormConfigDTO moduleFormConfigDTO = moduleFormCacheService.getBusinessFormConfig(FormKey.QUOTATION.getKey(), organizationId);
+        List<BaseModuleFieldValue> moduleFieldValues = moduleFormService.getBaseModuleFieldValues(results, OpportunityQuotationListResponse::getModuleFields);
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(moduleFormConfigDTO, moduleFieldValues);
+        return PageUtils.setPageInfoWithOption(page, results, optionMap);
+    }
+
+    /**
+     * 构建列表数据
+     *
+     * @param listData 列表数据
+     * @return 列表数据
+     */
+    private List<OpportunityQuotationListResponse> buildList(List<OpportunityQuotationListResponse> listData, String organizationId) {
+        // 查询列表数据的自定义字段
+        Map<String, List<BaseModuleFieldValue>> dataFieldMap = opportunityQuotationFieldService.getResourceFieldMap(
+                listData.stream().map(OpportunityQuotationListResponse::getId).collect(Collectors.toList()), true);
+        Map<String, List<BaseModuleFieldValue>> resolvefieldValueMap = opportunityQuotationFieldService.setBusinessRefFieldValue(listData,
+                moduleFormService.getFlattenFormFields(FormKey.QUOTATION.getKey(), organizationId), dataFieldMap);
+
+        // 列表项设置自定义字段&&用户名
+        List<String> createUserIds = listData.stream().map(OpportunityQuotationListResponse::getCreateUser).toList();
+        Map<String, UserDeptDTO> userDeptMap = baseService.getUserDeptMapByUserIds(createUserIds, organizationId);
+		// 审批相关
+		List<String> approvingResourceIds = listData.stream().filter(item -> Strings.CI.contains(item.getApprovalStatus(), ApprovalStatus.APPROVING.name())).map(OpportunityQuotationListResponse::getId).toList();
+		Map<String, Boolean> firstNodeApprovedMap = baseService.getApprovingResourceFirstNodeApproved(approvingResourceIds, organizationId);
+        listData.forEach(item -> {
+            item.setModuleFields(resolvefieldValueMap.get(item.getId()));
+            UserDeptDTO userDeptDTO = userDeptMap.get(item.getCreateUser());
+            if (userDeptDTO != null) {
+                item.setDepartmentId(userDeptDTO.getDeptId());
+                item.setDepartmentName(userDeptDTO.getDeptName());
+            }
+			item.setFirstApproved(firstNodeApprovedMap.get(item.getId()));
+        });
+        return baseService.setCreateAndUpdateUserName(listData);
+    }
+
+    /**
+     * 更新商机报价单
+     *
+     * @param request 更新请求参数
+     * @param userId  更新用户ID
+     * @param orgId   组织ID
+     * @return 更新后的报价单实体
+     */
+    @OperationLog(module = LogModule.OPPORTUNITY_QUOTATION, type = LogType.UPDATE, resourceName = "{#request.name}", operator = "{#userId}")
+	@HitApproval(formKey = FormKey.QUOTATION, executeType = ExecuteTimingEnum.UPDATE, resourceId = "{#request.id}", updateType = "{#request.updateType}", operatorId = "{#userId}", comment = "{#request.comment}")
+    public OpportunityQuotation update(OpportunityQuotationEditRequest request, String userId, String orgId) {
+        String id = request.getId();
+        List<BaseModuleFieldValue> moduleFields = request.getModuleFields();
+        ModuleFormConfigDTO moduleFormConfigDTO = request.getModuleFormConfigDTO();
+        checkQuotationInfo(moduleFields, moduleFormConfigDTO);
+        ModuleFormConfigDTO saveModuleFormConfigDTO = JSON.parseObject(JSON.toJSONString(moduleFormConfigDTO), ModuleFormConfigDTO.class);
+
+        OpportunityQuotation oldOpportunityQuotation = opportunityQuotationMapper.selectByPrimaryKey(id);
+        if (oldOpportunityQuotation == null) {
+            throw new GenericException(Translator.get("opportunity.quotation.not.exist"));
+        }
+        List<BaseModuleFieldValue> originFields = new ArrayList<>();
+        OpportunityQuotation opportunityQuotation = BeanUtils.copyBean(new OpportunityQuotation(), request);
+        opportunityQuotation.setUpdateTime(System.currentTimeMillis());
+        opportunityQuotation.setUpdateUser(userId);
+		opportunityQuotation.setInvalid(oldOpportunityQuotation.getInvalid());
+        opportunityQuotation.setCreateTime(oldOpportunityQuotation.getCreateTime());
+        opportunityQuotation.setCreateUser(oldOpportunityQuotation.getCreateUser());
+		opportunityQuotation.setApprovalStatus(oldOpportunityQuotation.getApprovalStatus());
+        //判断总金额
+        setAmount(request.getAmount(), opportunityQuotation);
+        // 设置子表格字段值
+        moduleFields.add(new BaseModuleFieldValue("products", request.getProducts()));
+        updateFields(moduleFields, opportunityQuotation, orgId, userId);
+        opportunityQuotationMapper.update(opportunityQuotation);
+
+        //删除快照
+        LambdaQueryWrapper<OpportunityQuotationSnapshot> delWrapper = new LambdaQueryWrapper<>();
+        delWrapper.eq(OpportunityQuotationSnapshot::getQuotationId, id);
+        List<OpportunityQuotationSnapshot> opportunityQuotationSnapshots = snapshotBaseMapper.selectListByLambda(delWrapper);
+        if (CollectionUtils.isNotEmpty(opportunityQuotationSnapshots)) {
+            OpportunityQuotationSnapshot first = opportunityQuotationSnapshots.getFirst();
+            if (first != null) {
+                OpportunityQuotationGetResponse response = JSON.parseObject(first.getQuotationValue(), OpportunityQuotationGetResponse.class);
+                List<BaseModuleFieldValue> moduleFields1 = response.getModuleFields();
+                moduleFields1.add(new BaseModuleFieldValue("products", response.getProducts()));
+                originFields.addAll(moduleFields1);
+            }
+        }
+        snapshotBaseMapper.deleteByLambda(delWrapper);
+        //保存快照
+        List<BaseModuleFieldValue> resolveFieldValues = moduleFormService.resolveSnapshotFields(moduleFields, moduleFormConfigDTO, opportunityQuotationFieldService, opportunityQuotation.getId());
+        OpportunityQuotationGetResponse response = getOpportunityQuotationGetResponse(opportunityQuotation, resolveFieldValues, moduleFormConfigDTO);
+        saveSnapshot(opportunityQuotation, saveModuleFormConfigDTO, response);
+        // 处理日志上下文
+        baseService.handleUpdateLogWithSubTable(oldOpportunityQuotation, opportunityQuotation, originFields, moduleFields, id, opportunityQuotation.getName(), Translator.get("products_info"), moduleFormConfigDTO);
+        return opportunityQuotationMapper.selectByPrimaryKey(id);
+    }
+
+    private void setAmount(String amount, OpportunityQuotation opportunityQuotation) {
+        if (StringUtils.isNotBlank(amount)) {
+            opportunityQuotation.setAmount(new BigDecimal(amount));
+            if (opportunityQuotation.getAmount().compareTo(MAX_AMOUNT) > 0) {
+                throw new GenericException(Translator.get("opportunity.quotation.amount.exceed.max"));
+            }
+        } else {
+            opportunityQuotation.setAmount(BigDecimal.ZERO);
+        }
+    }
+
+    /**
+     * 检查报价单信息
+     *
+     * @param moduleFields        报价单字段值
+     * @param moduleFormConfigDTO 报价单表单配置
+     */
+    private void checkQuotationInfo(List<BaseModuleFieldValue> moduleFields, ModuleFormConfigDTO moduleFormConfigDTO) {
+        if (CollectionUtils.isEmpty(moduleFields)) {
+            throw new GenericException(Translator.get("opportunity.quotation.field.required"));
+        }
+        if (moduleFormConfigDTO == null) {
+            throw new GenericException(Translator.get("opportunity.quotation.form.config.required"));
+        }
+    }
+
+
+
+    /**
+     * 更新自定义字段
+     *
+     * @param fields               自定义字段集合
+     * @param opportunityQuotation 报价单实体
+     * @param orgId                当前组织
+     * @param userId               当前用户
+     */
+    private void updateFields(List<BaseModuleFieldValue> fields, OpportunityQuotation opportunityQuotation, String orgId, String userId) {
+        if (fields == null) {
+            return;
+        }
+        opportunityQuotationFieldService.deleteByResourceId(opportunityQuotation.getId());
+        opportunityQuotationFieldService.saveModuleField(opportunityQuotation, orgId, userId, fields, true);
+    }
+
+    /**
+     * 获取商机报价单模块标签页启用配置
+     *
+     * @param userId 用户ID
+     * @param orgId  组织ID
+     * @return 模块标签页启用配置
+     */
+    public ResourceTabEnableDTO getTabEnableConfig(String userId, String orgId) {
+        List<RolePermissionDTO> rolePermissions = permissionCache.getRolePermissions(userId, orgId);
+        return PermissionUtils.getTabEnableConfig(userId, PermissionConstants.OPPORTUNITY_QUOTATION_READ, rolePermissions);
+    }
+
+
+    /**
+     * 批量审批商机报价单
+     *
+     * @param request 批量审批请求参数
+     * @param userId  用户ID
+     * @param orgId   组织ID
+     * @return 审批状态
+     */
+    public BatchAffectSkipResponse batchApprove(OpportunityQuotationBatchRequest request, String userId, String orgId) {
+        checkApprovalConfig(orgId);
+
+        List<String> ids = request.getIds();
+        String approvalStatus = request.getApprovalStatus();
+        LambdaQueryWrapper<OpportunityQuotation> wrapper = new LambdaQueryWrapper<>();
+        wrapper.in(OpportunityQuotation::getId, ids);
+        List<OpportunityQuotation> list = opportunityQuotationMapper.selectListByLambda(wrapper);
+        if (CollectionUtils.isEmpty(list)) {
+            return BatchAffectSkipResponse.builder().success(0).fail(0).skip(0).build();
+        }
+
+        // 校验状态权限，过滤出有权限操作的报价单
+        List<String> permittedIds = approvalFlowService.filterResourcesWithPermission(
+                ApprovalFormTypeEnum.QUOTATION.getValue(),
+                list,
+                PermissionConstants.OPPORTUNITY_QUOTATION_APPROVAL,
+				orgId,
+                OpportunityQuotation::getId,
+                OpportunityQuotation::getApprovalStatus
+        );
+
+        Set<String> permittedIdSet = new HashSet<>(permittedIds);
+        AtomicInteger permissionDeniedCount = new AtomicInteger(0);
+
+        SqlSession sqlSession = sqlSessionFactory.openSession(ExecutorType.BATCH);
+        ExtOpportunityQuotationMapper batchUpdateMapper = sqlSession.getMapper(ExtOpportunityQuotationMapper.class);
+        ExtOpportunityQuotationSnapshotMapper extOpportunityQuotationSnapshotMapper = sqlSession.getMapper(ExtOpportunityQuotationSnapshotMapper.class);
+
+        List<LogDTO> logs = new ArrayList<>();
+        List<String> approvingIds = new ArrayList<>();
+        AtomicInteger skipCount = new AtomicInteger(0);
+        list.stream().filter(item -> {
+            // 检查状态权限
+            if (!permittedIdSet.contains(item.getId())) {
+                permissionDeniedCount.getAndIncrement();
+                return false;
+            }
+            if (!Strings.CI.equals(item.getApprovalStatus(), ApprovalState.APPROVING.toString())) {
+                skipCount.getAndIncrement();
+                return false;
+            }
+            return true;
+        }).forEach(item -> {
+            approvingIds.add(item.getId());
+            var log = new LogDTO(
+                    orgId,
+                    item.getId(),
+                    userId,
+                    LogType.APPROVAL,
+                    LogModule.OPPORTUNITY_QUOTATION,
+                    item.getName()
+            );
+            Map<String, String> oldMap = new HashMap<>();
+            oldMap.put("approvalStatus", item.getApprovalStatus());
+            log.setOriginalValue(oldMap);
+            Map<String, String> newMap = new HashMap<>();
+            newMap.put("approvalStatus", approvalStatus);
+            log.setModifiedValue(newMap);
+            logs.add(log);
+            batchUpdateMapper.updateApprovalStatus(item.getId(), approvalStatus, userId, System.currentTimeMillis());
+        });
+
+        //批量修改报价单快照
+        LambdaQueryWrapper<OpportunityQuotationSnapshot> snapshotWrapper = new LambdaQueryWrapper<>();
+        snapshotWrapper.in(OpportunityQuotationSnapshot::getQuotationId, approvingIds);
+        List<OpportunityQuotationSnapshot> opportunityQuotationSnapshots = snapshotBaseMapper.selectListByLambda(snapshotWrapper);
+        for (OpportunityQuotationSnapshot snapshot : opportunityQuotationSnapshots) {
+            OpportunityQuotationGetResponse response = JSON.parseObject(snapshot.getQuotationValue(), OpportunityQuotationGetResponse.class);
+            response.setApprovalStatus(approvalStatus);
+            snapshot.setQuotationValue(JSON.toJSONString(response));
+            extOpportunityQuotationSnapshotMapper.update(snapshot);
+
+        }
+        sqlSession.flushStatements();
+        SqlSessionUtils.closeSqlSession(sqlSession, sqlSessionFactory);
+        logService.batchAdd(logs);
+        list.forEach(
+                item -> sendNotice((Strings.CI.equals(approvalStatus, ApprovalState.APPROVED.toString()) ?
+                        Translator.get("opportunity.quotation.status.approved") : Translator.get("opportunity.quotation.status.unapproved")), item, userId, orgId, NotificationConstants.Event.BUSINESS_QUOTATION_APPROVAL)
+        );
+        return BatchAffectSkipResponse.builder().success(approvingIds.size()).fail(permissionDeniedCount.get()).skip(skipCount.get()).build();
+    }
+
+    /**
+     * 批量更新报价单
+     *
+     * @param request        批量编辑参数
+     * @param userId         当前用户ID
+     * @param organizationId 当前组织ID
+     */
+    public BatchAffectReasonResponse batchUpdate(ResourceBatchEditRequest request, String userId, String organizationId) {
+        BaseField field = opportunityQuotationFieldService.getAndCheckField(request.getFieldId(), organizationId);
+        moduleFormService.setFieldBusinessParam(field);
+        List<OpportunityQuotation> originQuotations = opportunityQuotationMapper.selectByIds(request.getIds());
+        if (CollectionUtils.isEmpty(originQuotations)) {
+            return BatchAffectReasonResponse.builder().success(0).fail(0).skip(0).errorMessages(Translator.get("opportunity.quotation.not.exist")).build();
+        }
+
+        // 校验状态权限，过滤出有权限操作的报价单
+        List<String> permittedIds = approvalFlowService.filterResourcesWithPermission(
+                ApprovalFormTypeEnum.QUOTATION.getValue(),
+                originQuotations,
+                PermissionConstants.OPPORTUNITY_QUOTATION_UPDATE,
+				organizationId,
+                OpportunityQuotation::getId,
+                OpportunityQuotation::getApprovalStatus
+        );
+
+        if (CollectionUtils.isEmpty(permittedIds)) {
+            return BatchAffectReasonResponse.builder().success(0).fail(originQuotations.size()).skip(0).errorMessages(Translator.get("no.operation.permission")).build();
+        }
+        ApprovalResourceService approvalResourceService = CommonBeanFactory.getBean(ApprovalResourceService.class);
+        approvalResourceService.batchEditTriggerApproval(permittedIds, request.getFieldId(), FormKey.QUOTATION, organizationId, userId, field.getName(), request.getFieldValue());
+
+        // 只对有权限的报价单进行操作
+        List<OpportunityQuotation> permittedQuotations = originQuotations.stream()
+                .filter(q -> permittedIds.contains(q.getId()))
+                .collect(Collectors.toList());
+
+        ResourceBatchEditRequest filteredRequest = new ResourceBatchEditRequest();
+        filteredRequest.setIds(permittedIds);
+        filteredRequest.setFieldId(request.getFieldId());
+        filteredRequest.setFieldValue(request.getFieldValue());
+
+        opportunityQuotationFieldService.batchUpdate(
+                filteredRequest,
+                field,
+                permittedQuotations,
+                OpportunityQuotation.class,
+                LogModule.OPPORTUNITY_QUOTATION,
+                extOpportunityQuotationMapper::batchUpdate,
+                userId,
+                organizationId
+        );
+
+        ModuleFormConfigDTO moduleFormConfigDTO = moduleFormCacheService.getBusinessFormConfig(FormKey.QUOTATION.getKey(), organizationId);
+        ModuleFormConfigDTO saveModuleFormConfigDTO = JSON.parseObject(JSON.toJSONString(moduleFormConfigDTO), ModuleFormConfigDTO.class);
+
+        LambdaQueryWrapper<OpportunityQuotationSnapshot> delWrapper = new LambdaQueryWrapper<>();
+        delWrapper.in(OpportunityQuotationSnapshot::getQuotationId, permittedIds);
+        snapshotBaseMapper.deleteByLambda(delWrapper);
+
+        List<OpportunityQuotation> latestQuotations = opportunityQuotationMapper.selectByIds(permittedIds);
+        Map<String, OpportunityQuotation> latestQuotationMap = latestQuotations.stream()
+                .collect(Collectors.toMap(OpportunityQuotation::getId, item -> item));
+        Map<String, List<BaseModuleFieldValue>> fieldMap = opportunityQuotationFieldService.getResourceFieldMap(permittedIds, true);
+
+        List<OpportunityQuotationSnapshot> snapshots = new ArrayList<>();
+        for (String id : permittedIds) {
+            OpportunityQuotation opportunityQuotation = latestQuotationMap.get(id);
+            if (opportunityQuotation == null) {
+                continue;
+            }
+            List<BaseModuleFieldValue> quotationFields = fieldMap.getOrDefault(id, Collections.emptyList());
+            List<BaseModuleFieldValue> resolveFieldValues = moduleFormService.resolveSnapshotFields(
+                    quotationFields,
+                    moduleFormConfigDTO,
+                    opportunityQuotationFieldService,
+                    id
+            );
+            OpportunityQuotationGetResponse response = getOpportunityQuotationGetResponse(opportunityQuotation, resolveFieldValues, moduleFormConfigDTO);
+            if (CollectionUtils.isNotEmpty(response.getModuleFields())) {
+                response.setModuleFields(response.getModuleFields().stream()
+                        .filter(f -> f.getFieldValue() != null
+                                && StringUtils.isNotBlank(f.getFieldValue().toString())
+                                && !"[]".equals(f.getFieldValue().toString()))
+                        .toList());
+            }
+            OpportunityQuotationSnapshot snapshot = new OpportunityQuotationSnapshot();
+            snapshot.setId(IDGenerator.nextStr());
+            snapshot.setQuotationId(id);
+            snapshot.setQuotationProp(JSON.toJSONString(saveModuleFormConfigDTO));
+            snapshot.setQuotationValue(JSON.toJSONString(response));
+            snapshots.add(snapshot);
+        }
+        if (CollectionUtils.isNotEmpty(snapshots)) {
+            snapshotBaseMapper.batchInsert(snapshots);
+        }
+
+        return BatchAffectReasonResponse.builder().success(permittedIds.size()).fail(originQuotations.size() - permittedIds.size()).skip(0).errorMessages(Translator.get("batch.update.reason")).build();
+    }
+
+
+    /**
+     * 批量作废商机报价单
+     *
+     * @param request        批量作废请求参数
+     * @param userId         用户ID
+     * @param organizationId 组织ID
+     * @return 批量作废响应参数
+     */
+    public BatchAffectReasonResponse batchVoidQuotation(OpportunityQuotationBatchVoidedRequest request, String userId, String organizationId) {
+        List<String> ids = request.getIds();
+        LambdaQueryWrapper<OpportunityQuotation> wrapper = new LambdaQueryWrapper<>();
+        wrapper.in(OpportunityQuotation::getId, ids);
+        List<OpportunityQuotation> list = opportunityQuotationMapper.selectListByLambda(wrapper);
+        if (CollectionUtils.isEmpty(list)) {
+            return BatchAffectReasonResponse.builder().success(0).fail(0).skip(0).errorMessages(Translator.get("opportunity.quotation.not.exist")).build();
+        }
+
+        // 校验状态权限，过滤出有权限操作的报价单
+        List<String> permittedIds = approvalFlowService.filterResourcesWithPermission(
+                ApprovalFormTypeEnum.QUOTATION.getValue(),
+                list,
+                PermissionConstants.OPPORTUNITY_QUOTATION_VOIDED,
+				organizationId,
+                OpportunityQuotation::getId,
+                OpportunityQuotation::getApprovalStatus
+        );
+
+        Set<String> permittedIdSet = new HashSet<>(permittedIds);
+        AtomicInteger permissionDeniedCount = new AtomicInteger(0);
+
+        // 过滤出有权限的报价单
+        List<OpportunityQuotation> permittedList = list.stream()
+                .filter(item -> {
+                    if (!permittedIdSet.contains(item.getId())) {
+                        permissionDeniedCount.getAndIncrement();
+                        return false;
+                    }
+                    return true;
+                })
+                .collect(Collectors.toList());
+
+        // 校验商机报价单是否可以作废
+        List<OpportunityQuotation> validateList = validateVoidQuotation(permittedList);
+        if (CollectionUtils.isEmpty(validateList)) {
+            return BatchAffectReasonResponse.builder().success(0).fail(permissionDeniedCount.get() + (permittedList.size())).skip(0).errorMessages(Translator.get("opportunity.quotation.batch.no.voided")).build();
+        }
+
+        List<LogDTO> logs = new ArrayList<>();
+        List<String> successIds = new ArrayList<>();
+        List<OpportunityQuotation> successList = new ArrayList<>();
+        AtomicInteger skipCount = new AtomicInteger();
+        validateList.stream().filter(
+                item -> {
+                    if (BooleanUtils.isTrue(item.getInvalid())) {
+                        skipCount.getAndIncrement();
+                        return false;
+                    }
+                    return true;
+                }
+        ).forEach(item -> {
+            successList.add(item);
+            successIds.add(item.getId());
+            var log = new LogDTO(
+                    organizationId,
+                    item.getId(),
+                    userId,
+                    LogType.VOIDED,
+                    LogModule.OPPORTUNITY_QUOTATION,
+                    item.getName()
+            );
+            logs.add(log);
+
+        });
+        if (CollectionUtils.isNotEmpty(successIds)) {
+            LambdaQueryWrapper<OpportunityQuotationSnapshot> snapshotWrapper = new LambdaQueryWrapper<>();
+            snapshotWrapper.in(OpportunityQuotationSnapshot::getQuotationId, successIds);
+            List<OpportunityQuotationSnapshot> opportunityQuotationSnapshots = snapshotBaseMapper.selectListByLambda(snapshotWrapper);
+            SqlSession sqlSession = sqlSessionFactory.openSession(ExecutorType.BATCH);
+            ExtOpportunityQuotationMapper batchUpdateMapper = sqlSession.getMapper(ExtOpportunityQuotationMapper.class);
+            ExtOpportunityQuotationSnapshotMapper extOpportunityQuotationSnapshotMapper = sqlSession.getMapper(ExtOpportunityQuotationSnapshotMapper.class);
+            successIds.forEach(id -> batchUpdateMapper.voided(id, userId, System.currentTimeMillis()));
+            //批量修改报价单快照
+            for (OpportunityQuotationSnapshot snapshot : opportunityQuotationSnapshots) {
+                OpportunityQuotationGetResponse response = JSON.parseObject(snapshot.getQuotationValue(), OpportunityQuotationGetResponse.class);
+                response.setInvalid(true);
+                snapshot.setQuotationValue(JSON.toJSONString(response));
+                extOpportunityQuotationSnapshotMapper.update(snapshot);
+            }
+            sqlSession.flushStatements();
+            SqlSessionUtils.closeSqlSession(sqlSession, sqlSessionFactory);
+            logService.batchAdd(logs);
+            successList.forEach(
+                    item -> sendNotice(Translator.get("opportunity.quotation.status.voided"), item, userId, organizationId, NotificationConstants.Event.BUSINESS_QUOTATION_APPROVAL)
+            );
+        }
+
+        return BatchAffectReasonResponse.builder().success(successIds.size()).fail(permissionDeniedCount.get() + (permittedList.size() - validateList.size())).skip(skipCount.get()).errorMessages(Translator.get("opportunity.quotation.batch.no.voided")).build();
+    }
+
+
+    /**
+     * 验证不可作废的报价单
+     *
+     * @param list 报价单列表
+     * @return 不可作废的报价单列表
+     */
+    private List<OpportunityQuotation> validateVoidQuotation(List<OpportunityQuotation> list) {
+        List<ContractField> contractFields = contractFieldMapper.selectAll(null);
+
+        List<ContractFieldBlob> contractFieldBlobs = contractFieldBlobMapper.selectAll(null);
+        Set<String> existingIdSet = new HashSet<>();
+        contractFields.forEach(cf ->
+                existingIdSet.addAll(extractIdsFromFieldValue(cf.getFieldValue()))
+        );
+        contractFieldBlobs.forEach(cfb ->
+                existingIdSet.addAll(extractIdsFromFieldValue(cfb.getFieldValue()))
+        );
+        return list.stream()
+                .filter(item -> !existingIdSet.contains(item.getId())).toList();
+
+    }
+
+    /**
+     * 从字段值中提取ID集合
+     *
+     * @param fieldValue 字段值
+     * @return ID集合
+     */
+    private Set<String> extractIdsFromFieldValue(Object fieldValue) {
+        if (fieldValue == null) {
+            return Collections.emptySet();
+        }
+        String text = String.valueOf(fieldValue).trim();
+        Set<String> result = new HashSet<>();
+        // 尝试数组
+        if (text.startsWith("[") && text.endsWith("]")) {
+            try {
+                // 修复 ['123','456'] → ["123","456"]
+                text = text.replace('\'', '"');
+
+                JsonNode node = mapper.readTree(text);
+                if (node.isArray()) {
+                    for (JsonNode item : node) {
+                        result.add(item.asText());
+                    }
+                    return result;
+                }
+            } catch (Exception ignore) {
+            }
+        }
+        // 尝试 CSV，例如 "123,456"
+        if (text.contains(",")) {
+            for (String part : text.split(",")) {
+                result.add(part.trim());
+            }
+            return result;
+        }
+        // 单值
+        result.add(text);
+        return result;
+    }
+
+
+    /**
+     * 获取表单快照
+     *
+     * @param id    报价单ID
+     * @param orgId 组织ID
+     * @return 表单配置DTO
+     */
+    public ModuleFormConfigDTO getFormSnapshot(String id, String orgId) {
+        ModuleFormConfigDTO moduleFormConfigDTO;
+        OpportunityQuotation opportunityQuotation = opportunityQuotationMapper.selectByPrimaryKey(id);
+        if (opportunityQuotation == null) {
+            throw new GenericException(Translator.get("opportunity.quotation.not.exist"));
+        }
+        //获取ApprovalState中所有状态的id属性(以后改成获取自定义的审批状态)
+        LambdaQueryWrapper<OpportunityQuotationSnapshot> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(OpportunityQuotationSnapshot::getQuotationId, id);
+        OpportunityQuotationSnapshot snapshot = snapshotBaseMapper.selectListByLambda(wrapper).stream().findFirst().orElse(null);
+        if (snapshot != null) {
+            moduleFormConfigDTO = JSON.parseObject(snapshot.getQuotationProp(), ModuleFormConfigDTO.class);
+        } else {
+            moduleFormConfigDTO = moduleFormCacheService.getBusinessFormConfig(FormKey.QUOTATION.getKey(), orgId);
+        }
+        return moduleFormConfigDTO;
+    }
+
+    public String getQuotationName(String id) {
+        OpportunityQuotation opportunityQuotation = opportunityQuotationMapper.selectByPrimaryKey(id);
+        return Optional.ofNullable(opportunityQuotation).map(OpportunityQuotation::getName).orElse(null);
+    }
+
+    /**
+     * 通过名称获取报价单集合
+     *
+     * @param names 名称集合
+     * @return 报价单集合
+     */
+    public List<OpportunityQuotation> getQuotationListByNames(List<String> names) {
+        LambdaQueryWrapper<OpportunityQuotation> lambdaQueryWrapper = new LambdaQueryWrapper<>();
+        lambdaQueryWrapper.in(OpportunityQuotation::getName, names);
+        return opportunityQuotationMapper.selectListByLambda(lambdaQueryWrapper);
+    }
+
+    public String getQuotationNameByIds(List<String> ids) {
+        List<OpportunityQuotation> opportunityQuotations = opportunityQuotationMapper.selectByIds(ids);
+        if (org.apache.commons.collections4.CollectionUtils.isNotEmpty(opportunityQuotations)) {
+            List<String> names = opportunityQuotations.stream().map(OpportunityQuotation::getName).toList();
+            return String.join(",", names);
+        }
+        return StringUtils.EMPTY;
+    }
+
+    public void download(String id, String userId, String organizationId) {
+        OpportunityQuotation opportunityQuotation = opportunityQuotationMapper.selectByPrimaryKey(id);
+        if (opportunityQuotation == null) {
+            throw new GenericException(Translator.get("opportunity.quotation.not.exist"));
+        }
+        saveSateChangeLog(organizationId, null, userId, LogType.DOWNLOAD, opportunityQuotation);
+    }
+
+	/**
+	 * 处理旧版本审批状态 (APPROVING, VOIDED => NONE), 作废字段单独处理
+	 */
+	public void handleOldApprovalData() {
+		List<OpportunityQuotation> quotations = opportunityQuotationMapper.selectAll(null);
+		quotations.forEach(quotation -> {
+			quotation.setInvalid(Strings.CI.equals(quotation.getApprovalStatus(), "VOIDED"));
+			if (Strings.CI.equalsAny(quotation.getApprovalStatus(), "VOIDED", "APPROVING")) {
+				quotation.setApprovalStatus(ApprovalStatus.NONE.name());
+			}
+			opportunityQuotationMapper.updateById(quotation);
+			OpportunityQuotationSnapshot snapshotCriteria = new OpportunityQuotationSnapshot();
+			snapshotCriteria.setQuotationId(quotation.getId());
+			OpportunityQuotationSnapshot snapshot = snapshotBaseMapper.selectOne(snapshotCriteria);
+			if (snapshot != null) {
+				OpportunityQuotationGetResponse response = JSON.parseObject(snapshot.getQuotationValue(), OpportunityQuotationGetResponse.class);
+				response.setApprovalStatus(quotation.getApprovalStatus());
+				response.setInvalid(quotation.getInvalid());
+				snapshot.setQuotationValue(JSON.toJSONString(response));
+				snapshotBaseMapper.update(snapshot);
+			}
+		});
+	}
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityQuotationalLogService.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityQuotationalLogService.java
new file mode 100644
index 0000000..b2f7b23
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityQuotationalLogService.java
@@ -0,0 +1,59 @@
+package cn.cordys.crm.opportunity.service;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.dto.JsonDifferenceDTO;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.service.BaseModuleLogService;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.List;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class OpportunityQuotationalLogService extends BaseModuleLogService {
+
+    @Override
+    public List<JsonDifferenceDTO> handleLogField(List<JsonDifferenceDTO> differences, String orgId) {
+        differences = super.handleModuleLogField(differences, orgId, FormKey.QUOTATION.getKey());
+
+        for (JsonDifferenceDTO differ : differences) {
+
+            if (Strings.CS.equals(differ.getColumn(), "product")) {
+                setProductName(differ);
+                continue;
+            }
+
+            if (Strings.CS.equals(differ.getColumn(), BusinessModuleField.QUOTATION_OPPORTUNITY.getBusinessKey())) {
+                setOpportunityName(differ);
+                continue;
+            }
+
+
+            if (Strings.CS.equals(differ.getColumn(), BusinessModuleField.QUOTATION_TOTAL_AMOUNT.getBusinessKey())) {
+                differ.setColumnName(Translator.get("log.amount"));
+            }
+
+            if (differ.getColumn().contains("-")) {
+                differ.setColumnName(differ.getColumn());
+
+            }
+
+            if (Strings.CS.equals(differ.getColumn(), "approvalStatus")) {
+                differ.setColumnName(Translator.get("log.approvalStatus"));
+                if (differ.getOldValue() != null) {
+                    differ.setOldValueName(Translator.get("log.approvalStatus." + differ.getOldValueName().toString()));
+                }
+                if (differ.getNewValue() != null) {
+                    differ.setNewValueName(Translator.get("log.approvalStatus." + differ.getNewValueName().toString()));
+                }
+            }
+
+        }
+        return differences;
+    }
+
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityResourceAccessContextProvider.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityResourceAccessContextProvider.java
new file mode 100644
index 0000000..d0a20e4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityResourceAccessContextProvider.java
@@ -0,0 +1,46 @@
+package cn.cordys.crm.opportunity.service;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.permission.ResourceAccessContext;
+import cn.cordys.common.permission.ResourceAccessContextProvider;
+import cn.cordys.crm.opportunity.domain.Opportunity;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Component;
+
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+
+@Component
+public class OpportunityResourceAccessContextProvider implements ResourceAccessContextProvider {
+
+    @Resource
+    private BaseMapper<Opportunity> opportunityMapper;
+
+    @Override
+    public String getFormType() {
+        return FormKey.OPPORTUNITY.getKey();
+    }
+
+    @Override
+    public ResourceAccessContext getAccessContext(String resourceId, String orgId) {
+        Opportunity opportunity = opportunityMapper.selectByPrimaryKey(resourceId);
+        if (opportunity == null) {
+            return null;
+        }
+        ResourceAccessContext context = new ResourceAccessContext();
+        context.setOwnerId(opportunity.getOwner());
+        return context;
+    }
+
+    @Override
+    public Map<String, String> batchGetOwnerIds(List<String> resourceIds, String orgId) {
+        if (resourceIds == null || resourceIds.isEmpty()) {
+            return Map.of();
+        }
+        return opportunityMapper.selectByIds(resourceIds).stream()
+                .filter(opportunity -> opportunity.getOwner() != null)
+                .collect(Collectors.toMap(Opportunity::getId, Opportunity::getOwner, (a, b) -> a));
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityRuleService.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityRuleService.java
new file mode 100644
index 0000000..20d1d71
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityRuleService.java
@@ -0,0 +1,336 @@
+package cn.cordys.crm.opportunity.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.common.dto.condition.CombineSearch;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.common.utils.RecycleConditionUtils;
+import cn.cordys.crm.opportunity.domain.Opportunity;
+import cn.cordys.crm.opportunity.domain.OpportunityRule;
+import cn.cordys.crm.opportunity.dto.OpportunityRuleDTO;
+import cn.cordys.crm.opportunity.dto.request.OpportunityRuleAddRequest;
+import cn.cordys.crm.opportunity.dto.request.OpportunityRuleUpdateRequest;
+import cn.cordys.crm.opportunity.mapper.ExtOpportunityRuleMapper;
+import cn.cordys.crm.system.constants.RecycleConditionColumnKey;
+import cn.cordys.crm.system.constants.RecycleConditionOperator;
+import cn.cordys.crm.system.domain.User;
+import cn.cordys.crm.system.dto.RuleConditionDTO;
+import cn.cordys.crm.system.service.UserExtendService;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+import java.util.stream.Collectors;
+import java.util.stream.Stream;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class OpportunityRuleService {
+
+    @Resource
+    private BaseMapper<User> userMapper;
+    @Resource
+    private BaseMapper<OpportunityRule> opportunityRuleMapper;
+    @Resource
+    private ExtOpportunityRuleMapper extOpportunityRuleMapper;
+    @Resource
+    private UserExtendService userExtendService;
+
+    /**
+     * 分页获取商机规则
+     *
+     * @param request 分页参数
+     *
+     * @return 商机规则列表
+     */
+    public List<OpportunityRuleDTO> page(BasePageRequest request, String organizationId) {
+        List<OpportunityRuleDTO> rules = extOpportunityRuleMapper.list(request, organizationId);
+        if (CollectionUtils.isEmpty(rules)) {
+            return new ArrayList<>();
+        }
+        List<String> userIds = rules.stream().flatMap(rule -> Stream.of(rule.getCreateUser(), rule.getUpdateUser())).toList();
+        List<User> createOrUpdateUsers = userMapper.selectByIds(userIds.toArray(new String[0]));
+        Map<String, String> userMap = createOrUpdateUsers.stream().collect(Collectors.toMap(User::getId, User::getName));
+        rules.forEach(rule -> {
+            delOldTime(rule);
+            rule.setMembers(userExtendService.getScope(JSON.parseArray(rule.getScopeId(), String.class)));
+            rule.setOwners(userExtendService.getScope(JSON.parseArray(rule.getOwnerId(), String.class)));
+            rule.setCreateUserName(userMap.get(rule.getCreateUser()));
+            rule.setUpdateUserName(userMap.get(rule.getUpdateUser()));
+        });
+        return rules;
+    }
+
+    private void delOldTime(OpportunityRuleDTO rule) {
+        List<RuleConditionDTO> ruleConditionDTOS = JSON.parseArray(rule.getCondition(), RuleConditionDTO.class);
+        if (CollectionUtils.isNotEmpty(ruleConditionDTOS)) {
+            for (RuleConditionDTO condition : ruleConditionDTOS) {
+                if (Strings.CS.equals(condition.getColumn(), RecycleConditionColumnKey.CREATE_TIME)
+                        && Strings.CS.equals(condition.getOperator(), RecycleConditionOperator.DYNAMICS.name())) {
+                    String[] split = condition.getValue().split(",");
+                    if (StringUtils.isNotBlank(condition.getValue()) && split.length == 2) {
+                        String dateValue = split[0];
+                        String dateUnit = split[1];
+                        dateUnit = switch (dateUnit) {
+                            case "day" -> "BEFORE_DAY";
+                            case "month" -> "BEFORE_MONTH";
+                            case "week" -> "BEFORE_WEEK";
+                            default -> dateUnit;
+                        };
+                        condition.setValue("CUSTOM," + dateValue + "," + dateUnit);
+                    }
+                }
+            }
+        }
+    }
+
+    /**
+     * 新增商机规则
+     *
+     * @param request        请求参数
+     * @param currentUserId  当前用户ID
+     * @param organizationId 当前组织ID
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.ADD)
+    public void add(OpportunityRuleAddRequest request, String currentUserId, String organizationId) {
+        OpportunityRule rule = new OpportunityRule();
+        BeanUtils.copyBean(rule, request);
+        rule.setId(IDGenerator.nextStr());
+        rule.setOrganizationId(organizationId);
+        rule.setOwnerId(JSON.toJSONString(request.getOwnerIds()));
+        rule.setScopeId(JSON.toJSONString(request.getScopeIds()));
+        rule.setCondition(JSON.toJSONString(request.getConditions()));
+        rule.setCreateTime(System.currentTimeMillis());
+        rule.setCreateUser(currentUserId);
+        rule.setUpdateTime(System.currentTimeMillis());
+        rule.setUpdateUser(currentUserId);
+
+        opportunityRuleMapper.insert(rule);
+
+        // 添加日志上下文
+        OperationLogContext.setContext(LogContextInfo.builder()
+                .modifiedValue(rule)
+                .resourceId(rule.getId())
+                .resourceName(Translator.get("module.opportunity.rule.setting") + ": " + rule.getName())
+                .build());
+    }
+
+    /**
+     * 修改商机规则
+     *
+     * @param request        请求参数
+     * @param currentUserId  当前用户ID
+     * @param organizationId 当前组织ID
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.UPDATE, resourceId = "{#request.id}")
+    public void update(OpportunityRuleUpdateRequest request, String currentUserId, String organizationId) {
+        OpportunityRule oldRule = checkRuleExit(request.getId());
+        OpportunityRule rule = new OpportunityRule();
+        BeanUtils.copyBean(rule, request);
+        rule.setOrganizationId(organizationId);
+        rule.setOwnerId(JSON.toJSONString(request.getOwnerIds()));
+        rule.setScopeId(JSON.toJSONString(request.getScopeIds()));
+        rule.setCondition(JSON.toJSONString(request.getConditions()));
+        rule.setUpdateTime(System.currentTimeMillis());
+        rule.setUpdateUser(currentUserId);
+
+        opportunityRuleMapper.updateById(rule);
+
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .resourceName(Translator.get("module.opportunity.rule.setting") + ": " + oldRule.getName())
+                        .originalValue(oldRule)
+                        .modifiedValue(opportunityRuleMapper.selectByPrimaryKey(request.getId()))
+                        .build()
+        );
+    }
+
+    /**
+     * 删除商机规则
+     *
+     * @param id 规则ID
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.DELETE, resourceId = "{#id}")
+    public void delete(String id) {
+        OpportunityRule rule = checkRuleExit(id);
+        opportunityRuleMapper.deleteByPrimaryKey(id);
+        // 设置操作对象
+        OperationLogContext.setResourceName(Translator.get("module.opportunity.rule.setting") + ": " + rule.getName());
+    }
+
+    /**
+     * 启用/禁用商机规则
+     *
+     * @param id            规则ID
+     * @param currentUserId 当前用户ID
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.UPDATE, resourceId = "{#id}")
+    public void switchStatus(String id, String currentUserId) {
+        OpportunityRule rule = checkRuleExit(id);
+        rule.setEnable(!rule.getEnable());
+        rule.setUpdateUser(currentUserId);
+        rule.setUpdateTime(System.currentTimeMillis());
+        opportunityRuleMapper.updateById(rule);
+
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .resourceName(Translator.get("module.opportunity.rule.setting") + ": " + rule.getName())
+                        .originalValue(rule)
+                        .modifiedValue(opportunityRuleMapper.selectByPrimaryKey(id))
+                        .build()
+        );
+    }
+
+    /**
+     * 获取负责人默认规则
+     *
+     * @param ownerIds       负责人ID集合
+     * @param organizationId 组织ID
+     *
+     * @return 默认规则
+     */
+    public Map<String, OpportunityRule> getOwnersDefaultRuleMap(List<String> ownerIds, String organizationId) {
+        Map<String, OpportunityRule> ruleMap = new HashMap<>(4);
+        List<OpportunityRule> allRules = extOpportunityRuleMapper.getAllRule(organizationId);
+        Map<String, List<String>> ownerScopeMap = userExtendService.getMultiScopeMap(ownerIds, organizationId);
+        ownerIds.forEach(ownerId -> {
+            List<OpportunityRule> rules = matchMultiScope(ownerScopeMap.get(ownerId), allRules);
+            if (CollectionUtils.isEmpty(rules)) {
+                return;
+            }
+            ruleMap.put(ownerId, rules.getFirst());
+        });
+
+        return ruleMap;
+    }
+
+    /**
+     * 匹配多个范围的商机关闭规则
+     *
+     * @param scopeIds 范围ID集合
+     * @param rules    规则列表
+     *
+     * @return 命中范围的规则列表
+     */
+    public List<OpportunityRule> matchMultiScope(List<String> scopeIds, List<OpportunityRule> rules) {
+        /*
+         * 命中规则任意范围即返回(默认按照创建时间作为优先级)
+         */
+        if (CollectionUtils.isEmpty(scopeIds) || CollectionUtils.isEmpty(rules)) {
+            return Collections.emptyList();
+        }
+        return rules.stream()
+                .filter(rule -> {
+                    List<String> poolScopes = JSON.parseArray(rule.getScopeId(), String.class);
+                    return CollectionUtils.isNotEmpty(poolScopes) && CollectionUtils.containsAny(scopeIds, poolScopes);
+                })
+                .sorted(Comparator.comparing(OpportunityRule::getCreateTime).reversed())
+                .collect(Collectors.toList());
+    }
+
+    /**
+     * 计算剩余归属天数
+     *
+     * @param rule       商机规则
+     * @param createTime 商机创建时间
+     *
+     * @return 剩余归属天数
+     */
+    public Integer calcReservedDay(OpportunityRule rule, Long createTime) {
+        if (rule == null || !rule.getAuto()) {
+            return null;
+        }
+
+        // 判断商机是否存在创建时间
+        List<RuleConditionDTO> conditions = JSON.parseArray(rule.getCondition(), RuleConditionDTO.class);
+        return RecycleConditionUtils.calcRecycleDays(conditions, createTime);
+    }
+
+    /**
+     * 获取负责人最佳匹配规则
+     *
+     * @param rules 规则列表
+     *
+     * @return 匹配集合
+     */
+    public Map<List<String>, OpportunityRule> getOwnersBestMatchRuleMap(List<OpportunityRule> rules) {
+        Map<List<String>, OpportunityRule> ruleMap = new HashMap<>(4);
+        rules.sort(Comparator.comparing(OpportunityRule::getCreateTime).reversed());
+        for (OpportunityRule rule : rules) {
+            List<String> exitOwnerIds = ruleMap.keySet().stream().flatMap(List::stream).toList();
+            List<String> scopeIds = JSON.parseArray(rule.getScopeId(), String.class);
+            List<String> ownerIds = userExtendService.getScopeOwnerIds(scopeIds, rule.getOrganizationId());
+            List<String> defaultOwnerIds = ownerIds.stream().distinct().filter(ownerId -> !exitOwnerIds.contains(ownerId)).toList();
+            if (CollectionUtils.isEmpty(defaultOwnerIds)) {
+                continue;
+            }
+            ruleMap.put(defaultOwnerIds, rule);
+        }
+        return ruleMap;
+    }
+
+    /**
+     * 判断客户是否需要回收
+     *
+     * @return 是否回收
+     */
+    public boolean checkClosed(Opportunity opportunity, OpportunityRule rule) {
+        boolean allMatch = Strings.CS.equals(CombineSearch.SearchMode.AND.name(), rule.getOperator());
+        List<RuleConditionDTO> conditions = JSON.parseArray(rule.getCondition(), RuleConditionDTO.class);
+        if (allMatch) {
+            return conditions.stream().allMatch(condition -> isConditionMatched(condition, opportunity));
+        } else {
+            return conditions.stream().anyMatch(condition -> isConditionMatched(condition, opportunity));
+        }
+    }
+
+    /**
+     * 是否条件匹配
+     *
+     * @param condition   条件
+     * @param opportunity 商机
+     *
+     * @return 是否匹配
+     */
+    private boolean isConditionMatched(RuleConditionDTO condition, Opportunity opportunity) {
+        if (StringUtils.isEmpty(condition.getValue())) {
+            return false;
+        }
+        if (Strings.CS.equals(condition.getColumn(), RecycleConditionColumnKey.OPPORTUNITY_STAGE)) {
+            if (Strings.CS.equals(condition.getOperator(), RecycleConditionOperator.IN.name())) {
+                return condition.getValue().contains(opportunity.getStage());
+            } else {
+                return !condition.getValue().contains(opportunity.getStage());
+            }
+        } else {
+            return RecycleConditionUtils.matchTime(condition, opportunity.getCreateTime());
+        }
+    }
+
+    /**
+     * 校验商机规则是否存在
+     *
+     * @param id 规则ID
+     *
+     * @return 商机规则
+     */
+    private OpportunityRule checkRuleExit(String id) {
+        OpportunityRule rule = opportunityRuleMapper.selectByPrimaryKey(id);
+        if (rule == null) {
+            throw new RuntimeException(Translator.get("opportunity.rule.not_exist"));
+        }
+        return rule;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityService.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityService.java
new file mode 100644
index 0000000..8e0bf04
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityService.java
@@ -0,0 +1,890 @@
+package cn.cordys.crm.opportunity.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.aspectj.dto.LogDTO;
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.domain.BaseResourceSubField;
+import cn.cordys.common.dto.*;
+import cn.cordys.common.dto.chart.ChartResult;
+import cn.cordys.common.dto.stage.StageSortRequest;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.permission.PermissionCache;
+import cn.cordys.common.permission.PermissionUtils;
+import cn.cordys.common.service.BaseChartService;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.crm.customer.domain.Customer;
+import cn.cordys.crm.customer.dto.response.CustomerContactListAllResponse;
+import cn.cordys.crm.customer.mapper.ExtCustomerContactMapper;
+import cn.cordys.crm.customer.service.CustomerContactService;
+import cn.cordys.crm.opportunity.constants.OpportunityStageType;
+import cn.cordys.crm.opportunity.domain.Opportunity;
+import cn.cordys.crm.opportunity.domain.OpportunityField;
+import cn.cordys.crm.opportunity.domain.OpportunityFieldBlob;
+import cn.cordys.crm.opportunity.domain.OpportunityRule;
+import cn.cordys.crm.opportunity.dto.request.*;
+import cn.cordys.crm.opportunity.dto.response.OpportunityDetailResponse;
+import cn.cordys.crm.opportunity.dto.response.OpportunityListResponse;
+import cn.cordys.crm.opportunity.dto.response.OpportunitySearchStatisticResponse;
+import cn.cordys.crm.opportunity.dto.response.StageConfigResponse;
+import cn.cordys.crm.opportunity.mapper.ExtOpportunityMapper;
+import cn.cordys.crm.opportunity.mapper.ExtOpportunityStageConfigMapper;
+import cn.cordys.crm.product.mapper.ExtProductMapper;
+import cn.cordys.crm.product.service.ProductService;
+import cn.cordys.crm.system.constants.DictModule;
+import cn.cordys.crm.system.constants.FieldType;
+import cn.cordys.crm.system.constants.NotificationConstants;
+import cn.cordys.crm.system.constants.SheetKey;
+import cn.cordys.crm.system.domain.Dict;
+import cn.cordys.crm.system.dto.DictConfigDTO;
+import cn.cordys.crm.system.dto.field.SelectField;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.field.base.OptionProp;
+import cn.cordys.crm.system.dto.request.ResourceBatchEditRequest;
+import cn.cordys.crm.system.dto.response.ImportResponse;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.excel.CustomImportAfterDoConsumer;
+import cn.cordys.crm.system.excel.handler.CustomHeadColWidthStyleStrategy;
+import cn.cordys.crm.system.excel.handler.CustomTemplateWriteHandler;
+import cn.cordys.crm.system.excel.listener.CustomFieldCheckEventListener;
+import cn.cordys.crm.system.excel.listener.CustomFieldImportEventListener;
+import cn.cordys.crm.system.notice.CommonNoticeSendService;
+import cn.cordys.crm.system.service.DictService;
+import cn.cordys.crm.system.service.LogService;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.crm.system.service.ModuleFormService;
+import cn.cordys.excel.utils.EasyExcelExporter;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import cn.idev.excel.FastExcelFactory;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import jakarta.servlet.http.HttpServletResponse;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.BooleanUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.apache.ibatis.session.ExecutorType;
+import org.apache.ibatis.session.SqlSession;
+import org.apache.ibatis.session.SqlSessionFactory;
+import org.mybatis.spring.SqlSessionUtils;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+import org.springframework.web.multipart.MultipartFile;
+
+import java.util.*;
+import java.util.function.Function;
+import java.util.stream.Collectors;
+import java.util.stream.Stream;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class OpportunityService {
+
+    public static final String SUCCESS = "SUCCESS";
+    public static final Long DEFAULT_POS = 1L;
+    @Resource
+    private ExtOpportunityMapper extOpportunityMapper;
+    @Resource
+    private BaseService baseService;
+    @Resource
+    private OpportunityFieldService opportunityFieldService;
+    @Resource
+    private BaseChartService baseChartService;
+    @Resource
+    private LogService logService;
+    @Resource
+    private BaseMapper<Opportunity> opportunityMapper;
+    @Autowired
+    private OpportunityRuleService opportunityRuleService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private ModuleFormService moduleFormService;
+    @Resource
+    private ExtProductMapper extProductMapper;
+    @Resource
+    private CommonNoticeSendService commonNoticeSendService;
+    @Resource
+    private PermissionCache permissionCache;
+    @Resource
+    private CustomerContactService customerContactService;
+    @Resource
+    private ProductService productService;
+    @Resource
+    private ExtCustomerContactMapper extCustomerContactMapper;
+    @Resource
+    private DictService dictService;
+    @Resource
+    private BaseMapper<OpportunityField> opportunityFieldMapper;
+    @Resource
+    private BaseMapper<OpportunityFieldBlob> opportunityFieldBlobMapper;
+    @Resource
+    private SqlSessionFactory sqlSessionFactory;
+    @Resource
+    private ExtOpportunityStageConfigMapper extOpportunityStageConfigMapper;
+    @Resource
+    private DataScopeService dataScopeService;
+
+    public PagerWithOption<List<OpportunityListResponse>> list(OpportunityPageRequest request, String userId, String orgId,
+                                                               DeptDataPermissionDTO deptDataPermission, Boolean source) {
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        List<OpportunityListResponse> list = extOpportunityMapper.list(request, orgId, userId, deptDataPermission, source);
+        List<OpportunityListResponse> buildList = buildListData(list, orgId);
+
+        Map<String, List<OptionDTO>> optionMap = buildOptionMap(orgId, list, buildList);
+
+
+        return PageUtils.setPageInfoWithOption(page, buildList, optionMap);
+    }
+
+    public OpportunitySearchStatisticResponse searchStatistic(OpportunitySearchStatisticRequest request, String userId, String orgId,
+                                                              DeptDataPermissionDTO deptDataPermission) {
+        OpportunitySearchStatisticResponse response = extOpportunityMapper.searchStatistic(request, orgId, userId, deptDataPermission);
+        return Optional.ofNullable(response).orElse(new OpportunitySearchStatisticResponse());
+    }
+
+    public Map<String, List<OptionDTO>> buildOptionMap(String orgId, List<OpportunityListResponse> list, List<OpportunityListResponse> buildList) {
+        // 处理自定义字段选项数据
+        ModuleFormConfigDTO customerFormConfig = getFormConfig(orgId);
+        // 获取所有模块字段的值
+        List<BaseModuleFieldValue> moduleFieldValues = moduleFormService.getBaseModuleFieldValues(list, OpportunityListResponse::getModuleFields);
+        // 获取选项值对应的 option
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(customerFormConfig, moduleFieldValues);
+
+        // 补充负责人选项
+        List<OptionDTO> ownerFieldOption = moduleFormService.getBusinessFieldOption(buildList,
+                OpportunityListResponse::getOwner, OpportunityListResponse::getOwnerName);
+        optionMap.put(BusinessModuleField.OPPORTUNITY_OWNER.getBusinessKey(), ownerFieldOption);
+
+        // 联系人
+        List<OptionDTO> contactFieldOption = moduleFormService.getBusinessFieldOption(buildList,
+                OpportunityListResponse::getContactId, OpportunityListResponse::getContactName);
+		if (CollectionUtils.isNotEmpty(contactFieldOption)) {
+			optionMap.put(BusinessModuleField.OPPORTUNITY_CONTACT.getBusinessKey(), contactFieldOption);
+		}
+
+        List<OptionDTO> productOption = extProductMapper.getOptions(orgId);
+		if (CollectionUtils.isNotEmpty(productOption)) {
+			optionMap.put(BusinessModuleField.OPPORTUNITY_PRODUCTS.getBusinessKey(), productOption);
+		}
+
+        return optionMap;
+
+    }
+
+    private ModuleFormConfigDTO getFormConfig(String orgId) {
+        return moduleFormCacheService.getBusinessFormConfig(FormKey.OPPORTUNITY.getKey(), orgId);
+    }
+
+    public List<OpportunityListResponse> buildListData(List<OpportunityListResponse> list, String orgId) {
+        if (CollectionUtils.isEmpty(list)) {
+            return list;
+        }
+        List<String> opportunityIds = list.stream().map(OpportunityListResponse::getId)
+                .collect(Collectors.toList());
+        Map<String, List<BaseModuleFieldValue>> opportunityFiledMap = opportunityFieldService.getResourceFieldMap(opportunityIds, true);
+		Map<String, List<BaseModuleFieldValue>> fvMap = opportunityFieldService.setBusinessRefFieldValue(list, moduleFormService.getFlattenFormFields(FormKey.OPPORTUNITY.getKey(), orgId), opportunityFiledMap);
+
+        List<String> ownerIds = list.stream()
+                .map(OpportunityListResponse::getOwner)
+                .distinct()
+                .toList();
+
+        List<String> followerIds = list.stream()
+                .map(OpportunityListResponse::getFollower)
+                .distinct()
+                .toList();
+        List<String> createUserIds = list.stream()
+                .map(OpportunityListResponse::getCreateUser)
+                .distinct()
+                .toList();
+        List<String> updateUserIds = list.stream()
+                .map(OpportunityListResponse::getUpdateUser)
+                .distinct()
+                .toList();
+        List<String> userIds = Stream.of(ownerIds, followerIds, createUserIds, updateUserIds)
+                .flatMap(Collection::stream)
+                .distinct()
+                .toList();
+        Map<String, String> userNameMap = baseService.getUserNameMap(userIds);
+
+        List<String> contactIds = list.stream()
+                .map(OpportunityListResponse::getContactId)
+                .distinct()
+                .toList();
+        Map<String, String> contactMap = baseService.getContactMap(contactIds);
+
+        Map<String, OpportunityRule> ownersDefaultRuleMap = opportunityRuleService.getOwnersDefaultRuleMap(ownerIds, orgId);
+        Map<String, UserDeptDTO> userDeptMap = baseService.getUserDeptMapByUserIds(ownerIds, orgId);
+
+        List<StageConfigResponse> stageConfigList = extOpportunityStageConfigMapper.getStageConfigList(orgId);
+        Map<String, StageConfigResponse> endConfigMaps = stageConfigList.stream().filter(config ->
+                Strings.CI.equals(config.getType(), OpportunityStageType.END.name())
+        ).collect(Collectors.toMap(StageConfigResponse::getId, Function.identity()));
+
+        // 失败原因
+        DictConfigDTO dictConf = dictService.getDictConf(DictModule.OPPORTUNITY_FAIL_RS.name(), orgId);
+        List<Dict> dictList = dictConf.getDictList();
+        Map<String, String> dictMap = dictList.stream().collect(Collectors.toMap(Dict::getId, Dict::getName));
+
+        list.forEach(opportunityListResponse -> {
+            // 获取自定义字段
+            List<BaseModuleFieldValue> opportunityFields = fvMap.get(opportunityListResponse.getId());
+            // 计算保留天数(成功失败阶段不计算)
+            opportunityListResponse.setReservedDays(endConfigMaps.containsKey(opportunityListResponse.getStage()) ?
+                    null : opportunityRuleService.calcReservedDay(ownersDefaultRuleMap.get(opportunityListResponse.getOwner()), opportunityListResponse.getCreateTime()));
+            opportunityListResponse.setModuleFields(opportunityFields);
+
+            opportunityListResponse.setFollowerName(userNameMap.get(opportunityListResponse.getFollower()));
+            opportunityListResponse.setCreateUserName(userNameMap.get(opportunityListResponse.getCreateUser()));
+            opportunityListResponse.setUpdateUserName(userNameMap.get(opportunityListResponse.getUpdateUser()));
+            opportunityListResponse.setOwnerName(userNameMap.get(opportunityListResponse.getOwner()));
+            opportunityListResponse.setContactName(contactMap.get(opportunityListResponse.getContactId()));
+
+            UserDeptDTO userDeptDTO = userDeptMap.get(opportunityListResponse.getOwner());
+            if (userDeptDTO != null) {
+                opportunityListResponse.setDepartmentId(userDeptDTO.getDeptId());
+                opportunityListResponse.setDepartmentName(userDeptDTO.getDeptName());
+            }
+
+            opportunityListResponse.setFailureReason(dictMap.get(opportunityListResponse.getFailureReason()));
+        });
+        return baseService.setCreateAndUpdateUserName(list);
+    }
+
+
+    /**
+     * 新建商机
+     *
+     * @param request
+     * @param operatorId
+     * @param orgId
+     * @return
+     */
+    @OperationLog(module = LogModule.OPPORTUNITY_INDEX, type = LogType.ADD)
+    public Opportunity add(OpportunityAddRequest request, String operatorId, String orgId) {
+        productService.checkProductList(request.getProducts());
+        List<StageConfigResponse> stageConfigList = extOpportunityStageConfigMapper.getStageConfigList(orgId);
+        Long nextPos = getNextPos(orgId, stageConfigList.getFirst().getId());
+        Opportunity opportunity = new Opportunity();
+        String id = IDGenerator.nextStr();
+        opportunity.setId(id);
+        opportunity.setName(request.getName());
+        opportunity.setCustomerId(request.getCustomerId());
+        opportunity.setAmount(request.getAmount());
+        opportunity.setPossible(request.getPossible());
+        opportunity.setProducts(request.getProducts());
+        opportunity.setOrganizationId(orgId);
+        opportunity.setStage(stageConfigList.getFirst().getId());
+        opportunity.setPos(nextPos);
+        opportunity.setContactId(request.getContactId());
+        opportunity.setOwner(request.getOwner());
+        opportunity.setCreateTime(System.currentTimeMillis());
+        opportunity.setCreateUser(operatorId);
+        opportunity.setUpdateTime(System.currentTimeMillis());
+        opportunity.setUpdateUser(operatorId);
+        opportunity.setExpectedEndTime(request.getExpectedEndTime());
+        opportunity.setFollower(request.getFollower());
+        opportunity.setFollowTime(request.getFollowTime());
+        if (StringUtils.isBlank(request.getOwner())) {
+            opportunity.setOwner(operatorId);
+        }
+
+        //自定义字段
+        opportunityFieldService.saveModuleField(opportunity, orgId, operatorId, request.getModuleFields(), false);
+        opportunityMapper.insert(opportunity);
+
+        baseService.handleAddLogWithResourceName(opportunity, request.getModuleFields());
+
+		// 消息通知
+		commonNoticeSendService.sendNotice(NotificationConstants.Module.OPPORTUNITY,
+				NotificationConstants.Event.BUSINESS_ADD, opportunity.getName(), operatorId,
+				orgId, List.of(opportunity.getOwner()), true);
+        return opportunity;
+    }
+
+    private Long getNextPos(String orgId, String stage) {
+        Long pos = extOpportunityMapper.selectNextPos(orgId, stage);
+        return pos == null ? 1 : pos + 1;
+    }
+
+
+    /**
+     * 更新商机
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     */
+    @OperationLog(module = LogModule.OPPORTUNITY_INDEX, type = LogType.UPDATE, resourceId = "{#request.id}")
+    public Opportunity update(OpportunityUpdateRequest request, String userId, String orgId) {
+        Opportunity oldOpportunity = opportunityMapper.selectByPrimaryKey(request.getId());
+        Optional.ofNullable(oldOpportunity).ifPresentOrElse(item -> {
+            Opportunity newOpportunity = BeanUtils.copyBean(new Opportunity(), item);
+            productService.checkProductList(request.getProducts());
+            //更新商机
+            Opportunity updateOpportunity = newOpportunity(newOpportunity, request, userId);
+            // 获取模块字段
+            List<BaseModuleFieldValue> originCustomerFields = opportunityFieldService.getModuleFieldValuesByResourceId(request.getId());
+            if (BooleanUtils.isTrue(request.getAgentInvoke())) {
+                opportunityFieldService.updateModuleFieldByAgent(updateOpportunity, originCustomerFields, request.getModuleFields(), orgId, userId);
+            } else {
+                // 更新模块字段
+                updateModuleField(updateOpportunity, request.getModuleFields(), orgId, userId);
+            }
+            extOpportunityMapper.updateIncludeNullById(updateOpportunity);
+            baseService.handleUpdateLog(oldOpportunity, newOpportunity, originCustomerFields, request.getModuleFields(), oldOpportunity.getId(), oldOpportunity.getName());
+        }, () -> {
+            throw new GenericException("opportunity_not_found");
+        });
+        return oldOpportunity;
+    }
+
+
+    private Opportunity newOpportunity(Opportunity item, OpportunityUpdateRequest request, String userId) {
+        item.setName(request.getName());
+        item.setCustomerId(request.getCustomerId());
+        item.setAmount(request.getAmount());
+        item.setPossible(request.getPossible());
+        item.setProducts(request.getProducts());
+        item.setContactId(request.getContactId());
+        item.setOwner(request.getOwner());
+        item.setUpdateTime(System.currentTimeMillis());
+        item.setUpdateUser(userId);
+        item.setExpectedEndTime(request.getExpectedEndTime());
+        return item;
+    }
+
+
+    private void updateModuleField(Opportunity opportunity, List<BaseModuleFieldValue> moduleFields, String orgId, String userId) {
+        if (moduleFields == null) {
+            // 如果为 null，则不更新
+            return;
+        }
+        // 先删除
+        opportunityFieldService.deleteByResourceId(opportunity.getId());
+        // 再保存
+        opportunityFieldService.saveModuleField(opportunity, orgId, userId, moduleFields, true);
+    }
+
+
+    /**
+     * 删除商机
+     *
+     * @param id
+     */
+    @OperationLog(module = LogModule.OPPORTUNITY_INDEX, type = LogType.DELETE, resourceId = "{#id}")
+    public void delete(String id, String userId, String orgId) {
+        Opportunity opportunity = opportunityMapper.selectByPrimaryKey(id);
+        Optional.ofNullable(opportunity).ifPresentOrElse(item -> {
+            opportunityMapper.deleteByPrimaryKey(opportunity.getId());
+            opportunityFieldService.deleteByResourceId(opportunity.getId());
+        }, () -> {
+            throw new GenericException("opportunity_not_found");
+        });
+        // 添加日志上下文
+        OperationLogContext.setResourceName(opportunity.getName());
+
+        commonNoticeSendService.sendNotice(NotificationConstants.Module.OPPORTUNITY,
+                NotificationConstants.Event.BUSINESS_DELETED, opportunity.getName(), userId,
+                orgId, List.of(opportunity.getOwner()), true);
+    }
+
+
+    /**
+     * 商机转移 (与商机阶段无关, 都可转移)
+	 * @param request 请求参数
+	 * @param userId 用户ID
+	 * @param orgId 组织ID
+     */
+    public void transfer(OpportunityTransferRequest request, String userId, String orgId) {
+        List<Opportunity> opportunityList = opportunityMapper.selectByIds(request.getIds());
+		if (CollectionUtils.isEmpty(opportunityList)) {
+			return;
+		}
+        List<String> ids = opportunityList.stream().map(Opportunity::getId).toList();
+        SqlSession sqlSession = sqlSessionFactory.openSession(ExecutorType.BATCH);
+        ExtOpportunityMapper batchUpdateMapper = sqlSession.getMapper(ExtOpportunityMapper.class);
+        for (int i = 0; i < ids.size(); i++) {
+            batchUpdateMapper.transfer(request.getOwner(), userId, ids.get(i), System.currentTimeMillis());
+        }
+        sqlSession.flushStatements();
+        SqlSessionUtils.closeSqlSession(sqlSession, sqlSessionFactory);
+
+        // 记录日志
+        List<LogDTO> logs = new ArrayList<>();
+        opportunityList.forEach(opportunity -> {
+            Customer originCustomer = new Customer();
+            originCustomer.setOwner(opportunity.getOwner());
+            Customer modifieCustomer = new Customer();
+            modifieCustomer.setOwner(request.getOwner());
+            LogDTO logDTO = new LogDTO(orgId, opportunity.getId(), userId, LogType.UPDATE, LogModule.OPPORTUNITY_INDEX, opportunity.getName());
+            logDTO.setOriginalValue(originCustomer);
+            logDTO.setModifiedValue(modifieCustomer);
+            logs.add(logDTO);
+
+            extCustomerContactMapper.updateContactById(opportunity.getContactId(), request.getOwner());
+        });
+
+        logService.batchAdd(logs);
+        sendTransferNotice(opportunityList, request.getOwner(), userId, orgId);
+    }
+
+    private void sendTransferNotice(List<Opportunity> opportunityList, String toUser, String userId, String orgId) {
+        opportunityList.forEach(opportunity -> commonNoticeSendService.sendNotice(NotificationConstants.Module.OPPORTUNITY,
+                NotificationConstants.Event.BUSINESS_TRANSFER, opportunity.getName(), userId,
+                orgId, List.of(toUser), true));
+    }
+
+    /**
+     * 批量删除商机
+     *
+     * @param ids
+     * @param userId
+     */
+    public void batchDelete(List<String> ids, String userId, String orgId) {
+        LambdaQueryWrapper<Opportunity> wrapper = new LambdaQueryWrapper<>();
+        wrapper.in(Opportunity::getId, ids);
+        wrapper.nq(Opportunity::getStage, SUCCESS);
+        List<Opportunity> opportunityList = opportunityMapper.selectListByLambda(wrapper);
+        List<String> toDoIds = opportunityList.stream().map(Opportunity::getId).toList();
+        if (CollectionUtils.isEmpty(toDoIds)) {
+            return;
+        }
+        opportunityMapper.deleteByIds(toDoIds);
+        opportunityFieldService.deleteByResourceIds(toDoIds);
+        List<LogDTO> logs = new ArrayList<>();
+        opportunityList.forEach(opportunity -> {
+            LogDTO logDTO = new LogDTO(opportunity.getOrganizationId(), opportunity.getId(), userId, LogType.DELETE, LogModule.OPPORTUNITY_INDEX, opportunity.getName());
+            logDTO.setOriginalValue(opportunity);
+            logs.add(logDTO);
+        });
+        logService.batchAdd(logs);
+
+        // 消息通知
+        opportunityList.forEach(opportunity ->
+                commonNoticeSendService.sendNotice(NotificationConstants.Module.OPPORTUNITY,
+                        NotificationConstants.Event.BUSINESS_DELETED, opportunity.getName(), userId,
+                        orgId, List.of(opportunity.getOwner()), true)
+        );
+    }
+
+
+    public OpportunityDetailResponse getWithDataPermissionCheck(String id, String userId, String orgId) {
+        OpportunityDetailResponse getResponse = get(id);
+        if (getResponse == null) {
+            throw new GenericException(Translator.get("opportunity_not_found"));
+        }
+        dataScopeService.hasDataPermission(userId, orgId, getResponse.getOwner(), PermissionConstants.OPPORTUNITY_MANAGEMENT_READ);
+        return getResponse;
+    }
+
+
+	/**
+	 * @param id 商机ID
+	 * @return 商机详情
+	 */
+    public OpportunityDetailResponse get(String id) {
+        OpportunityDetailResponse response = extOpportunityMapper.getDetail(id);
+        if (response == null) {
+            return null;
+        }
+        List<BaseModuleFieldValue> fieldValueList = opportunityFieldService.getModuleFieldValuesByResourceId(id);
+		fieldValueList = opportunityFieldService.setBusinessRefFieldValue(List.of(response),
+				moduleFormService.getFlattenFormFields(FormKey.OPPORTUNITY.getKey(), response.getOrganizationId()), new HashMap<>(Map.of(id, fieldValueList))).get(id);
+        response.setModuleFields(fieldValueList);
+        List<String> userIds = Stream.of(Arrays.asList(response.getCreateUser(), response.getUpdateUser(), response.getOwner(), response.getFollower()))
+                .flatMap(Collection::stream)
+                .distinct()
+                .toList();
+        Map<String, String> userNameMap = baseService.getUserNameMap(userIds);
+        Map<String, String> contactMap = baseService.getContactMap(StringUtils.isEmpty(response.getContactId()) ? null : List.of(response.getContactId()));
+        Map<String, OpportunityRule> ownersDefaultRuleMap = opportunityRuleService.getOwnersDefaultRuleMap(List.of(response.getOwner()), response.getOrganizationId());
+        Map<String, UserDeptDTO> userDeptMap = baseService.getUserDeptMapByUserIds(List.of(response.getOwner()), response.getOrganizationId());
+
+        response.setCreateUserName(userNameMap.get(response.getCreateUser()));
+        response.setUpdateUserName(userNameMap.get(response.getUpdateUser()));
+        response.setOwnerName(userNameMap.get(response.getOwner()));
+        response.setContactName(contactMap.get(response.getContactId()));
+        response.setFollowerName(userNameMap.get(response.getFollower()));
+
+        List<StageConfigResponse> stageConfigList = extOpportunityStageConfigMapper.getStageConfigList(response.getOrganizationId());
+        Map<String, StageConfigResponse> endConfigMaps = stageConfigList.stream().filter(config ->
+                Strings.CI.equals(config.getType(), OpportunityStageType.END.name())
+        ).collect(Collectors.toMap(StageConfigResponse::getId, Function.identity()));
+
+        // 计算保留天数(成功失败阶段不计算)
+        response.setReservedDays(endConfigMaps.containsKey(response.getStage()) ?
+                null : opportunityRuleService.calcReservedDay(ownersDefaultRuleMap.get(response.getOwner()), response.getCreateTime()));
+        UserDeptDTO userDeptDTO = userDeptMap.get(response.getOwner());
+        if (userDeptDTO != null) {
+            response.setDepartmentId(userDeptDTO.getDeptId());
+            response.setDepartmentName(userDeptDTO.getDeptName());
+        }
+
+        // 失败原因
+        DictConfigDTO dictConf = dictService.getDictConf(DictModule.OPPORTUNITY_FAIL_RS.name(), response.getOrganizationId());
+        List<Dict> dictList = dictConf.getDictList();
+        Map<String, String> dictMap = dictList.stream().collect(Collectors.toMap(Dict::getId, Dict::getName));
+        response.setFailureReason(dictMap.get(response.getFailureReason()));
+
+
+        ModuleFormConfigDTO customerFormConfig = getFormConfig(response.getOrganizationId());
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(customerFormConfig, fieldValueList);
+
+        // 补充负责人选项
+        List<OptionDTO> ownerFieldOption = moduleFormService.getBusinessFieldOption(response,
+                OpportunityDetailResponse::getOwner, OpportunityDetailResponse::getOwnerName);
+        optionMap.put(BusinessModuleField.CUSTOMER_OWNER.getBusinessKey(), ownerFieldOption);
+
+        // 联系人
+        List<OptionDTO> contactFieldOption = moduleFormService.getBusinessFieldOption(response,
+                OpportunityDetailResponse::getContactId, OpportunityDetailResponse::getContactName);
+		if (CollectionUtils.isNotEmpty(contactFieldOption)) {
+			optionMap.put(BusinessModuleField.OPPORTUNITY_CONTACT.getBusinessKey(), contactFieldOption);
+		}
+
+        List<OptionDTO> customerOption = moduleFormService.getBusinessFieldOption(response,
+                OpportunityDetailResponse::getCustomerId, OpportunityDetailResponse::getCustomerName);
+        optionMap.put(BusinessModuleField.OPPORTUNITY_CUSTOMER_NAME.getBusinessKey(), customerOption);
+
+        List<OptionDTO> productOption = extProductMapper.getOptions(response.getOrganizationId());
+		if (CollectionUtils.isNotEmpty(productOption)) {
+			optionMap.put(BusinessModuleField.OPPORTUNITY_PRODUCTS.getBusinessKey(), productOption);
+		}
+
+        response.setOptionMap(optionMap);
+
+        // 附件信息
+        response.setAttachmentMap(moduleFormService.getAttachmentMap(customerFormConfig, fieldValueList));
+
+        return response;
+    }
+
+	/**
+	 * 获取商机详情 (⚠️反射调用; 勿修改入参, 返回, 方法名!)
+	 * @param id 商机ID
+	 * @return 商机详情
+	 */
+	public OpportunityDetailResponse getSimple(String id) {
+		OpportunityDetailResponse response = extOpportunityMapper.getDetail(id);
+		if (response == null) {
+			return null;
+		}
+		List<BaseModuleFieldValue> fvs = opportunityFieldService.getModuleFieldValuesByResourceId(id);
+		response.setModuleFields(fvs);
+		return response;
+	}
+
+	/**
+	 * 批量获取商机详情 (用于数据源批量查询优化)
+	 * @param ids 商机ID集合
+	 * @return 商机详情列表
+	 */
+	public List<OpportunityDetailResponse> batchGetSimpleByIds(List<String> ids) {
+		if (CollectionUtils.isEmpty(ids)) {
+			return Collections.emptyList();
+		}
+		// 批量查询资源基本信息
+		List<Opportunity> opportunities = opportunityMapper.selectByIds(ids);
+		if (CollectionUtils.isEmpty(opportunities)) {
+			return Collections.emptyList();
+		}
+		// 批量查询自定义字段值
+		Map<String, List<BaseModuleFieldValue>> fieldValueMap = opportunityFieldService.getResourceFieldMap(ids, true);
+
+		// 组装结果
+		return opportunities.stream().map(opportunity -> {
+			OpportunityDetailResponse response = BeanUtils.copyBean(new OpportunityDetailResponse(), opportunity);
+			response.setModuleFields(fieldValueMap.get(opportunity.getId()));
+			return response;
+		}).toList();
+	}
+
+
+    /**
+     * 标记商机阶段
+     *
+     * @param request
+     * @param orgId
+     */
+    @OperationLog(module = LogModule.OPPORTUNITY_INDEX, type = LogType.UPDATE, resourceId = "{#request.id}")
+    public void updateStage(OpportunityStageRequest request, String orgId) {
+        final Opportunity oldOpportunity = opportunityMapper.selectByPrimaryKey(request.getId());
+        if (oldOpportunity == null) {
+            throw new GenericException(Translator.get("opportunity_not_found"));
+        }
+
+        final List<StageConfigResponse> stageConfigList = extOpportunityStageConfigMapper.getStageConfigList(orgId);
+
+        final Optional<StageConfigResponse> successOpt = stageConfigList.stream()
+                .filter(cfg -> Strings.CI.equals(cfg.getType(), OpportunityStageType.END.name())
+                        && Strings.CI.equals(cfg.getRate(), "100"))
+                .findFirst();
+
+        final Optional<StageConfigResponse> failOpt = stageConfigList.stream()
+                .filter(cfg -> Strings.CI.equals(cfg.getType(), OpportunityStageType.END.name())
+                        && Strings.CI.equals(cfg.getRate(), "0"))
+                .findFirst();
+
+        final Map<String, String> stageMap = stageConfigList.stream()
+                .collect(Collectors.toMap(StageConfigResponse::getId, StageConfigResponse::getName));
+
+        final Opportunity newOpportunity = new Opportunity();
+        newOpportunity.setId(request.getId());
+        newOpportunity.setLastStage(oldOpportunity.getStage());
+        newOpportunity.setStage(request.getStage());
+
+        final boolean isSuccessStage = successOpt.map(cfg -> Strings.CI.equals(request.getStage(), cfg.getId())).orElse(false);
+        final boolean isFailStage = failOpt.map(cfg -> Strings.CI.equals(request.getStage(), cfg.getId())).orElse(false);
+
+        if (isSuccessStage || isFailStage) {
+            newOpportunity.setActualEndTime(System.currentTimeMillis());
+        }
+        if (isFailStage) {
+            newOpportunity.setFailureReason(request.getFailureReason());
+        }
+
+        final Long nextPos = getNextPos(oldOpportunity.getOrganizationId(), request.getStage());
+        newOpportunity.setPos(nextPos);
+
+        opportunityMapper.update(newOpportunity);
+
+        final Map<String, String> originalVal = new HashMap<>(1);
+        originalVal.put("stage", stageMap.get(oldOpportunity.getStage()));
+        final Map<String, String> modifiedVal = new HashMap<>(1);
+        modifiedVal.put("stage", stageMap.get(request.getStage()));
+
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .resourceName(oldOpportunity.getName())
+                        .originalValue(originalVal)
+                        .modifiedValue(modifiedVal)
+                        .build()
+        );
+    }
+
+    public ResourceTabEnableDTO getTabEnableConfig(String userId, String orgId) {
+        List<RolePermissionDTO> rolePermissions = permissionCache.getRolePermissions(userId, orgId);
+        return PermissionUtils.getTabEnableConfig(userId, PermissionConstants.OPPORTUNITY_MANAGEMENT_READ, rolePermissions);
+    }
+
+    public CustomerContactListAllResponse getContactList(String opportunityId, String orgId) {
+        Opportunity opportunity = opportunityMapper.selectByPrimaryKey(opportunityId);
+        if (opportunity == null) {
+            throw new GenericException(Translator.get("opportunity_not_found"));
+        }
+        return customerContactService.getOpportunityContactList(opportunity.getContactId(), orgId);
+    }
+
+    public String getOpportunityName(String id) {
+        Opportunity opportunity = opportunityMapper.selectByPrimaryKey(id);
+        return Optional.ofNullable(opportunity).map(Opportunity::getName).orElse(null);
+    }
+
+    public List<Opportunity> getOpportunityListByNames(List<String> names) {
+        LambdaQueryWrapper<Opportunity> lambdaQueryWrapper = new LambdaQueryWrapper<>();
+        lambdaQueryWrapper.in(Opportunity::getName, names);
+        return opportunityMapper.selectListByLambda(lambdaQueryWrapper);
+    }
+
+    public String getOpportunityNameByIds(List<String> ids) {
+        List<Opportunity> opportunityList = opportunityMapper.selectByIds(ids);
+        if (CollectionUtils.isNotEmpty(opportunityList)) {
+            List<String> names = opportunityList.stream().map(Opportunity::getName).toList();
+            return String.join(",", JSON.parseArray(JSON.toJSONString(names), String.class));
+        }
+        return StringUtils.EMPTY;
+    }
+
+    /**
+     * 下载导入的模板
+     *
+     * @param response 响应
+     */
+    public void downloadImportTpl(HttpServletResponse response, String currentOrg) {
+        new EasyExcelExporter()
+                .exportMultiSheetTplWithSharedHandler(response, moduleFormService.getCustomImportHeadsNoRef(FormKey.OPPORTUNITY.getKey(), currentOrg),
+                        Translator.get("opportunity.import_tpl.name"), Translator.get(SheetKey.DATA), Translator.get(SheetKey.COMMENT),
+                        new CustomTemplateWriteHandler(moduleFormService.getAllCustomImportFields(FormKey.OPPORTUNITY.getKey(), currentOrg)), new CustomHeadColWidthStyleStrategy());
+    }
+
+    /**
+     * 导入检查
+     *
+     * @param file       导入文件
+     * @param currentOrg 当前组织
+     * @return 导入检查信息
+     */
+    public ImportResponse importPreCheck(MultipartFile file, String currentOrg) {
+        if (file == null) {
+            throw new GenericException(Translator.get("file_cannot_be_null"));
+        }
+        return checkImportExcel(file, currentOrg);
+    }
+
+    /**
+     * 商机导入
+     *
+     * @param file        导入文件
+     * @param currentOrg  当前组织
+     * @param currentUser 当前用户
+     * @return 导入返回信息
+     */
+    public ImportResponse realImport(MultipartFile file, String currentOrg, String currentUser) {
+        try {
+            List<StageConfigResponse> stageConfigList = extOpportunityStageConfigMapper.getStageConfigList(currentOrg);
+
+            List<BaseField> fields = moduleFormService.getAllFields(FormKey.OPPORTUNITY.getKey(), currentOrg);
+            long nextPos = getNextPos(currentOrg, stageConfigList.getFirst().getId());
+            CustomImportAfterDoConsumer<Opportunity, BaseResourceSubField> afterDo = (opportunities, opportunityFields, opportunityFieldBlobs) -> {
+                List<LogDTO> logs = new ArrayList<>();
+                for (int i = 0; i < opportunities.size(); i++) {
+                    Opportunity opportunity = opportunities.get(i);
+                    opportunity.setStage(stageConfigList.getFirst().getId());
+                    opportunity.setPos(nextPos + i);
+                    logs.add(new LogDTO(currentOrg, opportunity.getId(), currentUser, LogType.ADD, LogModule.OPPORTUNITY_INDEX, opportunity.getName()));
+					// 消息通知(异步)
+					commonNoticeSendService.sendNotice(NotificationConstants.Module.OPPORTUNITY,
+							NotificationConstants.Event.BUSINESS_ADD, opportunity.getName(), currentUser,
+							currentOrg, List.of(opportunity.getOwner()), true);
+                }
+                opportunityMapper.batchInsert(opportunities);
+                opportunityFieldMapper.batchInsert(opportunityFields.stream().map(field -> BeanUtils.copyBean(new OpportunityField(), field)).toList());
+                opportunityFieldBlobMapper.batchInsert(opportunityFieldBlobs.stream().map(field -> BeanUtils.copyBean(new OpportunityFieldBlob(), field)).toList());
+                // record logs
+                logService.batchAdd(logs);
+            };
+            CustomFieldImportEventListener<Opportunity> eventListener = new CustomFieldImportEventListener<>(fields, Opportunity.class, currentOrg, currentUser,
+                    "opportunity_field", afterDo, 2000, null, null);
+            FastExcelFactory.read(file.getInputStream(), eventListener).headRowNumber(1).ignoreEmptyRow(true).sheet().doRead();
+            return ImportResponse.builder().errorMessages(eventListener.getErrList())
+                    .successCount(eventListener.getSuccessCount()).failCount(eventListener.getErrList().size()).build();
+        } catch (Exception e) {
+            log.error("opportunity import error: ", e.getMessage());
+            throw new GenericException(e.getMessage());
+        }
+    }
+
+    /**
+     * 检查导入的文件
+     *
+     * @param file       文件
+     * @param currentOrg 当前组织
+     * @return 检查信息
+     */
+    private ImportResponse checkImportExcel(MultipartFile file, String currentOrg) {
+        try {
+            List<BaseField> fields = moduleFormService.getAllCustomImportFields(FormKey.OPPORTUNITY.getKey(), currentOrg);
+            CustomFieldCheckEventListener eventListener = new CustomFieldCheckEventListener(fields, "opportunity", "opportunity_field", currentOrg);
+            FastExcelFactory.read(file.getInputStream(), eventListener).headRowNumber(1).ignoreEmptyRow(true).sheet().doRead();
+            return ImportResponse.builder().errorMessages(eventListener.getErrList())
+                    .successCount(eventListener.getSuccess()).failCount(eventListener.getErrList().size()).build();
+        } catch (Exception e) {
+            log.error("opportunity import pre-check error: {}", e.getMessage());
+            throw new GenericException(e.getMessage());
+        }
+    }
+
+    public void batchUpdate(ResourceBatchEditRequest request, String userId, String organizationId) {
+        BaseField field = opportunityFieldService.getAndCheckField(request.getFieldId(), organizationId);
+        if (Strings.CS.equals(field.getBusinessKey(), BusinessModuleField.OPPORTUNITY_OWNER.getBusinessKey())) {
+            // 修改负责人，走批量转移接口
+            OpportunityTransferRequest batchTransferRequest = new OpportunityTransferRequest();
+            batchTransferRequest.setIds(request.getIds());
+            batchTransferRequest.setOwner(request.getFieldValue().toString());
+            transfer(batchTransferRequest, userId, organizationId);
+            return;
+        }
+
+        if (Strings.CS.equals(field.getBusinessKey(), BusinessModuleField.OPPORTUNITY_PRODUCTS.getBusinessKey())) {
+            productService.checkProductList((List<String>) request.getFieldValue());
+        }
+
+        List<Opportunity> originOpportunities = opportunityMapper.selectByIds(request.getIds());
+
+        opportunityFieldService.batchUpdate(request, field, originOpportunities, Opportunity.class, LogModule.OPPORTUNITY_INDEX, extOpportunityMapper::batchUpdate, userId, organizationId);
+    }
+
+
+    /**
+     * 阶段看板拖拽排序
+     *
+     * @param request
+     * @param userId
+     */
+    public void sort(StageSortRequest request, String userId) {
+        //拖拽节点
+        Opportunity opportunity = opportunityMapper.selectByPrimaryKey(request.getDragNodeId());
+        if (opportunity == null) {
+            throw new GenericException(Translator.get("opportunity_not_found"));
+        }
+        Long pos = DEFAULT_POS;
+        if (StringUtils.isNotBlank(request.getDropNodeId())) {
+            //放入节点
+            Opportunity dropNode = opportunityMapper.selectByPrimaryKey(request.getDropNodeId());
+            pos = dropNode.getPos();
+            if (request.getDropPosition() == -1) {
+
+                extOpportunityMapper.moveUpStageOpportunity(pos, request.getStage(), DEFAULT_POS);
+                pos = pos + 1;
+            } else {
+                extOpportunityMapper.moveDownStageOpportunity(pos, request.getStage(), DEFAULT_POS);
+            }
+        }
+        Opportunity dragOpportunity = new Opportunity();
+        dragOpportunity.setId(request.getDragNodeId());
+        dragOpportunity.setPos(pos);
+        dragOpportunity.setStage(request.getStage());
+        dragOpportunity.setLastStage(opportunity.getStage());
+        dragOpportunity.setUpdateUser(userId);
+        dragOpportunity.setUpdateTime(System.currentTimeMillis());
+        opportunityMapper.updateById(dragOpportunity);
+    }
+
+    public List<ChartResult> chart(ChartAnalysisRequest request, String userId, String orgId, DeptDataPermissionDTO deptDataPermission) {
+        ModuleFormConfigDTO formConfig = getFormConfig(orgId);
+        formConfig.getFields().addAll(BaseChartService.getChartBaseFields());
+        formConfig.getFields().addAll(getChartFields(orgId));
+        ChartAnalysisDbRequest chartAnalysisDbRequest = ConditionFilterUtils.parseChartAnalysisRequest(request, formConfig);
+        List<ChartResult> chartResults = extOpportunityMapper.chart(chartAnalysisDbRequest, userId, orgId, deptDataPermission);
+        return baseChartService.translateAxisName(formConfig, chartAnalysisDbRequest, chartResults);
+    }
+
+    public List<BaseField> getChartFields(String orgId) {
+        SelectField stageField = new SelectField();
+        stageField.setType(FieldType.SELECT.name());
+        stageField.setId("stage");
+        stageField.setBusinessKey("stage");
+        List<OptionProp> options = extOpportunityStageConfigMapper.getStageConfigList(orgId)
+                .stream()
+                .map(config -> {
+                    OptionProp optionDTO = new OptionProp();
+                    optionDTO.setLabel(config.getName());
+                    optionDTO.setValue(config.getId());
+                    return optionDTO;
+                }).collect(Collectors.toList());
+        stageField.setOptions(options);
+
+        return List.of(stageField);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityStageService.java b/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityStageService.java
new file mode 100644
index 0000000..72f31fb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/opportunity/service/OpportunityStageService.java
@@ -0,0 +1,247 @@
+package cn.cordys.crm.opportunity.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.common.dto.stage.StageRollBackRequest;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.opportunity.constants.OpportunityStageType;
+import cn.cordys.crm.opportunity.domain.OpportunityStageConfig;
+import cn.cordys.crm.opportunity.dto.request.OpportunityStageAddRequest;
+import cn.cordys.crm.opportunity.dto.request.StageUpdateRequest;
+import cn.cordys.crm.opportunity.dto.response.StageConfigListResponse;
+import cn.cordys.crm.opportunity.dto.response.StageConfigResponse;
+import cn.cordys.crm.opportunity.mapper.ExtOpportunityMapper;
+import cn.cordys.crm.opportunity.mapper.ExtOpportunityStageConfigMapper;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class OpportunityStageService {
+
+    public static final Long DEFAULT_POS = 1L;
+    @Resource
+    private BaseMapper<OpportunityStageConfig> opportunityStageConfigMapper;
+    @Resource
+    private ExtOpportunityStageConfigMapper extOpportunityStageConfigMapper;
+    @Resource
+    private ExtOpportunityMapper extOpportunityMapper;
+
+    /**
+     * 商机阶段配置列表
+     *
+     * @param orgId
+     * @return
+     */
+    public StageConfigListResponse getStageConfigList(String orgId) {
+        StageConfigListResponse stageConfigListResponse = new StageConfigListResponse();
+        List<StageConfigResponse> stageConfigList = extOpportunityStageConfigMapper.getStageConfigList(orgId);
+        buildList(stageConfigList, stageConfigListResponse);
+        return stageConfigListResponse;
+    }
+
+    private void buildList(List<StageConfigResponse> stageConfigList, StageConfigListResponse response) {
+        response.setStageConfigList(stageConfigList);
+        if (CollectionUtils.isNotEmpty(stageConfigList)) {
+            var first = stageConfigList.getFirst();
+            response.setEndRollBack(first.getEndRollBack());
+            response.setAfootRollBack(first.getAfootRollBack());
+            stageConfigList.forEach(sc -> sc.setStageHasData(extOpportunityMapper.countByStage(sc.getId()) > 0));
+        }
+    }
+
+    /**
+     * 添加商机配置
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.ADD)
+    public String addStageConfig(OpportunityStageAddRequest request, String userId, String orgId) {
+        checkConfigCount(orgId);
+        Long pos = DEFAULT_POS;
+        Boolean afootRollBack = true;
+        Boolean endRollBack = false;
+        //源节点
+        OpportunityStageConfig target = opportunityStageConfigMapper.selectByPrimaryKey(request.getTargetId());
+        if (target != null) {
+            pos = target.getPos();
+            //target正常不会为空
+            if (request.getDropPosition() == -1) {
+                extOpportunityStageConfigMapper.moveUpStageConfig(pos, orgId, DEFAULT_POS);
+            } else {
+                extOpportunityStageConfigMapper.moveDownStageConfig(pos, orgId, DEFAULT_POS);
+                pos = pos + 1;
+            }
+            afootRollBack = target.getAfootRollBack();
+            endRollBack = target.getEndRollBack();
+        }
+
+        OpportunityStageConfig stageConfig = new OpportunityStageConfig();
+        stageConfig.setId(IDGenerator.nextStr());
+        stageConfig.setName(request.getName());
+        stageConfig.setType(request.getType());
+        stageConfig.setRate(request.getRate());
+        stageConfig.setAfootRollBack(afootRollBack);
+        stageConfig.setEndRollBack(endRollBack);
+        stageConfig.setPos(pos);
+        stageConfig.setOrganizationId(orgId);
+        stageConfig.setCreateUser(userId);
+        stageConfig.setUpdateUser(userId);
+        stageConfig.setCreateTime(System.currentTimeMillis());
+        stageConfig.setUpdateTime(System.currentTimeMillis());
+        opportunityStageConfigMapper.insert(stageConfig);
+
+        OperationLogContext.setContext(LogContextInfo.builder()
+                .modifiedValue(stageConfig)
+                .resourceId(stageConfig.getId())
+                .resourceName(Translator.get("opportunity_stage_setting").concat(":").concat(request.getName()))
+                .build());
+
+        return stageConfig.getId();
+    }
+
+
+    /**
+     * 商机阶段配置校验
+     *
+     * @param orgId
+     */
+    private void checkConfigCount(String orgId) {
+        if (extOpportunityStageConfigMapper.countStageConfig(orgId) >= 10) {
+            throw new GenericException(Translator.get("opportunity_stage_config_list"));
+        }
+    }
+
+
+    /**
+     * 删除
+     *
+     * @param id
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.DELETE, resourceId = "{#id}")
+    public void delete(String id, String orgId) {
+        OpportunityStageConfig stageConfig = deletePreCheck(id, orgId);
+        opportunityStageConfigMapper.deleteByPrimaryKey(id);
+        // 设置操作对象
+        OperationLogContext.setResourceName(Translator.get("opportunity_stage_setting").concat(":").concat(stageConfig.getName()));
+    }
+
+    private OpportunityStageConfig deletePreCheck(String id, String orgId) {
+        OpportunityStageConfig stageConfig = opportunityStageConfigMapper.selectByPrimaryKey(id);
+        if (stageConfig == null) {
+            throw new GenericException(Translator.get("opportunity_stage_delete"));
+        }
+
+        if (extOpportunityStageConfigMapper.countByType(OpportunityStageType.AFOOT.name(), orgId) <= 1) {
+            throw new GenericException(Translator.get("opportunity_stage_at_least_one"));
+        }
+        return stageConfig;
+    }
+
+
+    /**
+     * 更新商机阶段回退设置
+     *
+     * @param request
+     * @param orgId
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.UPDATE)
+    public void updateRollBack(StageRollBackRequest request, String orgId) {
+        LambdaQueryWrapper<OpportunityStageConfig> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(OpportunityStageConfig::getOrganizationId, orgId);
+        List<OpportunityStageConfig> stageConfigList = opportunityStageConfigMapper.selectListByLambda(wrapper);
+        extOpportunityStageConfigMapper.updateRollBack(request, orgId);
+
+        Map<String, String> originalVal = new HashMap<>(1);
+        originalVal.put("afootRollBack", Translator.get("log.enable.".concat(stageConfigList.getFirst().getAfootRollBack().toString())));
+        originalVal.put("endRollBack", Translator.get("log.enable.".concat(stageConfigList.getFirst().getEndRollBack().toString())));
+        Map<String, String> modifiedVal = new HashMap<>(1);
+        modifiedVal.put("afootRollBack", Translator.get("log.enable.".concat(request.getAfootRollBack().toString())));
+        modifiedVal.put("endRollBack", Translator.get("log.enable.".concat(request.getEndRollBack().toString())));
+        OperationLogContext.setContext(LogContextInfo.builder()
+                .originalValue(originalVal)
+                .resourceName(Translator.get("opportunity_stage_setting"))
+                .modifiedValue(modifiedVal)
+                .resourceId(orgId)
+                .build());
+    }
+
+
+    /**
+     * 更新配置
+     *
+     * @param request
+     * @param userId
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.UPDATE)
+    public void update(StageUpdateRequest request, String userId) {
+        OpportunityStageConfig oldStageConfig = opportunityStageConfigMapper.selectByPrimaryKey(request.getId());
+        if (oldStageConfig == null) {
+            throw new GenericException(Translator.get("opportunity_stage_not_exist"));
+        }
+        extOpportunityStageConfigMapper.updateStageConfig(request, userId);
+
+        Map<String, String> originalVal = new HashMap<>(1);
+        originalVal.put("stage", oldStageConfig.getName());
+        originalVal.put("rate", oldStageConfig.getRate());
+        Map<String, String> modifiedVal = new HashMap<>(1);
+        modifiedVal.put("stage", request.getName());
+        modifiedVal.put("rate", request.getRate());
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .resourceId(request.getId())
+                        .resourceName(Translator.get("opportunity_stage_setting"))
+                        .originalValue(originalVal)
+                        .modifiedValue(modifiedVal)
+                        .build()
+        );
+    }
+
+
+    /**
+     * 排序
+     *
+     * @param ids
+     * @param orgId
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.UPDATE)
+    public void sort(List<String> ids, String orgId) {
+        List<StageConfigResponse> oldStageConfigList = extOpportunityStageConfigMapper.getStageConfigList(orgId);
+        List<String> oldNames = oldStageConfigList.stream().map(StageConfigResponse::getName).toList();
+
+        for (int i = 0; i < ids.size(); i++) {
+            extOpportunityStageConfigMapper.updatePos(ids.get(i), (long) (i + 1));
+        }
+
+        List<StageConfigResponse> newStageConfigList = extOpportunityStageConfigMapper.getStageConfigList(orgId);
+        List<String> newNames = newStageConfigList.stream().map(StageConfigResponse::getName).toList();
+
+        Map<String, List<String>> originalVal = new HashMap<>(1);
+        originalVal.put("stageSort", oldNames);
+        Map<String, List<String>> modifiedVal = new HashMap<>(1);
+        modifiedVal.put("stageSort", newNames);
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .resourceId(orgId)
+                        .resourceName(Translator.get("opportunity_stage_setting"))
+                        .originalValue(originalVal)
+                        .modifiedValue(modifiedVal)
+                        .build()
+        );
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/order/controller/OrderController.java b/backend/crm/src/main/java/cn/cordys/crm/order/controller/OrderController.java
new file mode 100644
index 0000000..da27430
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/order/controller/OrderController.java
@@ -0,0 +1,156 @@
+package cn.cordys.crm.order.controller;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.FormKeyConstants;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.common.dto.ResourceTabEnableDTO;
+import cn.cordys.common.dto.condition.BaseCondition;
+import cn.cordys.common.dto.stage.StageSortRequest;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.permission.CsPermission;
+import cn.cordys.common.permission.CsBatchPermission;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.order.domain.Order;
+import cn.cordys.crm.order.dto.request.OrderAddRequest;
+import cn.cordys.crm.order.dto.request.OrderPageRequest;
+import cn.cordys.crm.order.dto.request.OrderStageRequest;
+import cn.cordys.crm.order.dto.request.OrderUpdateRequest;
+import cn.cordys.crm.order.dto.response.OrderGetResponse;
+import cn.cordys.crm.order.dto.response.OrderListResponse;
+import cn.cordys.crm.order.dto.response.OrderStatisticResponse;
+import cn.cordys.crm.order.service.OrderService;
+import cn.cordys.crm.system.dto.request.ResourceBatchEditRequest;
+import cn.cordys.crm.system.dto.response.BatchAffectReasonResponse;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+
+@Tag(name = "订单")
+@RestController
+@RequestMapping("/order")
+public class OrderController {
+    @Resource
+    private OrderService orderService;
+    @Resource
+    private DataScopeService dataScopeService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+
+    @GetMapping("/module/form")
+    @CsPermission(PermissionConstants.ORDER_READ)
+    @Operation(summary = "获取表单配置")
+    public ModuleFormConfigDTO getModuleFormConfig() {
+        return moduleFormCacheService.getBusinessFormConfig(FormKey.ORDER.getKey(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/add")
+    @CsPermission(PermissionConstants.ORDER_ADD)
+    @Operation(summary = "创建")
+    public Order add(@Validated @RequestBody OrderAddRequest request) {
+        return orderService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/update")
+    @CsPermission(value = PermissionConstants.ORDER_UPDATE, resourceId = "{#request.id}", formType = FormKeyConstants.ORDER)
+    @Operation(summary = "更新")
+    public Order update(@Validated @RequestBody OrderUpdateRequest request) {
+        return orderService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/update/stage")
+    @CsPermission(value = PermissionConstants.ORDER_UPDATE, resourceId = "{#request.id}", formType = FormKeyConstants.ORDER)
+    @Operation(summary = "更新订单阶段")
+    public void updateStage(@Validated @RequestBody OrderStageRequest request) {
+        orderService.updateStage(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/batch/update")
+    @CsBatchPermission(value = PermissionConstants.ORDER_UPDATE, resourceId = "{#request.ids}", formType = FormKeyConstants.ORDER)
+    @Operation(summary = "批量更新订单")
+    public BatchAffectReasonResponse batchUpdate(@Validated @RequestBody ResourceBatchEditRequest request) {
+        return orderService.batchUpdate(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/delete/{id}")
+    @CsPermission(value = PermissionConstants.ORDER_DELETE, resourceId = "{#id}", formType = FormKeyConstants.ORDER)
+    @Operation(summary = "删除")
+    public void delete(@PathVariable("id") String id) {
+        orderService.delete(id, SessionUtils.getUserId());
+    }
+
+    @GetMapping("/get/snapshot/{id}")
+    @CsPermission(value = PermissionConstants.ORDER_READ, resourceId = "{#id}", formType = FormKeyConstants.ORDER)
+    @Operation(summary = "获取详情快照")
+    public OrderGetResponse getSnapshot(@PathVariable("id") String id) {
+        return orderService.getSnapshot(id, OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/get/{id}")
+    @CsPermission(value = PermissionConstants.ORDER_READ, resourceId = "{#id}", formType = FormKeyConstants.ORDER)
+    @Operation(summary = "详情")
+    public OrderGetResponse get(@PathVariable("id") String id) {
+        return orderService.get(id, OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/module/form/snapshot/{id}")
+    @CsPermission(value = PermissionConstants.ORDER_READ, resourceId = "{#id}", formType = FormKeyConstants.ORDER)
+    @Operation(summary = "获取表单快照配置")
+    public ModuleFormConfigDTO getFormSnapshot(@PathVariable("id") String id) {
+        return orderService.getFormSnapshot(id, OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/page")
+    @CsPermission(PermissionConstants.ORDER_READ)
+    @Operation(summary = "列表")
+    public PagerWithOption<List<OrderListResponse>> list(@Validated @RequestBody OrderPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.ORDER.getKey());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.ORDER_READ);
+        return orderService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission, false);
+    }
+
+    @GetMapping("/tab")
+    @CsPermission(PermissionConstants.ORDER_READ)
+    @Operation(summary = "tab是否显示")
+    public ResourceTabEnableDTO getTabEnableConfig() {
+        return orderService.getTabEnableConfig(SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/download/{id}")
+    @CsPermission(value = PermissionConstants.ORDER_DOWNLOAD, resourceId = "{#id}", formType = FormKeyConstants.ORDER)
+    @Operation(summary = "下载订单日志记录")
+    public void download(@PathVariable("id") String id) {
+        orderService.download(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/statistic")
+    @CsPermission(PermissionConstants.ORDER_READ)
+    @Operation(summary = "订单统计")
+    public OrderStatisticResponse searchStatistic(@Validated @RequestBody BaseCondition request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.ORDER.getKey());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+                OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.ORDER_READ);
+        return orderService.searchStatistic(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission);
+    }
+
+
+    @PostMapping("/sort")
+    @Operation(summary = "订单看板拖拽排序")
+    public void sortModule(@Validated @RequestBody StageSortRequest request) {
+        orderService.sort(request, SessionUtils.getUserId());
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/order/controller/OrderStageController.java b/backend/crm/src/main/java/cn/cordys/crm/order/controller/OrderStageController.java
new file mode 100644
index 0000000..80851a2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/order/controller/OrderStageController.java
@@ -0,0 +1,92 @@
+package cn.cordys.crm.order.controller;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.stage.*;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.order.service.OrderStageService;
+import cn.cordys.crm.system.service.StageAdvancedConfigService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "订单状态流设置")
+@RestController
+@RequestMapping("/order/stage")
+public class OrderStageController {
+
+    @Resource
+    private OrderStageService orderStageService;
+    @Resource
+    private StageAdvancedConfigService stageAdvancedConfigService;
+
+    @GetMapping("/get")
+    @Operation(summary = "订单状态配置列表")
+    public StageConfigsResponse getStageConfigList() {
+        return orderStageService.getStageConfigList(OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/add")
+    @Operation(summary = "添加订单状态流")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public String add(@RequestBody StageAddRequest request) {
+        return orderStageService.addStageConfig(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/delete/{id}")
+    @Operation(summary = "删除订单状态流")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void delete(@PathVariable("id") @Validated String id) {
+        orderStageService.delete(id, OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/update-rollback")
+    @Operation(summary = "订单状态流回退设置")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void update(@Validated @RequestBody StageRollBackRequest request) {
+        orderStageService.updateRollBack(request, OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/update")
+    @Operation(summary = "更新订单阶段配置")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void update(@Validated @RequestBody StageUpdateRequest request) {
+        orderStageService.update(request, SessionUtils.getUserId());
+    }
+
+
+    @PostMapping("/sort")
+    @Operation(summary = "订单阶段排序")
+    @RequiresPermissions(PermissionConstants.MODULE_SETTING_UPDATE)
+    public void sort(@RequestBody List<String> ids) {
+        orderStageService.sort(ids, OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/circulation-type/{type}")
+    @Operation(summary = "基础/高级流转切换")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void circulationType(@PathVariable String type) {
+        stageAdvancedConfigService.switchType(type, FormKey.ORDER.getKey(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/advanced/config")
+    @Operation(summary = "订单流转配置保存")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void advancedConfigAdd(@RequestBody StageAdvancedConfigRequest request) {
+        stageAdvancedConfigService.saveAdvancedConfig(request, FormKey.ORDER.getKey(), OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/order/controller/OrderUserViewController.java b/backend/crm/src/main/java/cn/cordys/crm/order/controller/OrderUserViewController.java
new file mode 100644
index 0000000..275d6ab
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/order/controller/OrderUserViewController.java
@@ -0,0 +1,93 @@
+package cn.cordys.crm.order.controller;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.request.PosRequest;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.constants.UserViewResourceType;
+import cn.cordys.crm.system.domain.UserView;
+import cn.cordys.crm.system.dto.request.UserViewAddRequest;
+import cn.cordys.crm.system.dto.request.UserViewUpdateRequest;
+import cn.cordys.crm.system.dto.response.UserViewListResponse;
+import cn.cordys.crm.system.dto.response.UserViewResponse;
+import cn.cordys.crm.system.service.UserViewService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "订单视图")
+@RestController
+@RequestMapping("/order/view")
+public class OrderUserViewController {
+
+    @Resource
+    private UserViewService userViewService;
+
+
+    @PostMapping("/add")
+    @RequiresPermissions(PermissionConstants.ORDER_READ)
+    @Operation(summary = "添加订单视图")
+    public UserView add(@Validated @RequestBody UserViewAddRequest request) {
+        return userViewService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), UserViewResourceType.ORDER.name());
+    }
+
+
+    @PostMapping("/update")
+    @RequiresPermissions(PermissionConstants.ORDER_READ)
+    @Operation(summary = "编辑订单视图")
+    public UserView update(@Validated @RequestBody UserViewUpdateRequest request) {
+        return userViewService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/delete/{id}")
+    @RequiresPermissions(PermissionConstants.ORDER_READ)
+    @Operation(summary = "删除订单视图")
+    public void delete(@PathVariable String id) {
+        userViewService.delete(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/detail/{id}")
+    @RequiresPermissions(PermissionConstants.ORDER_READ)
+    @Operation(summary = "订单视图详情")
+    public UserViewResponse viewDetail(@PathVariable String id) {
+        return userViewService.getViewDetail(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), FormKey.ORDER.getKey());
+    }
+
+
+    @GetMapping("/list")
+    @RequiresPermissions(PermissionConstants.ORDER_READ)
+    @Operation(summary = "订单视图列表")
+    public List<UserViewListResponse> queryList() {
+        return userViewService.list(UserViewResourceType.ORDER.name(), SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/fixed/{id}")
+    @RequiresPermissions(PermissionConstants.ORDER_READ)
+    @Operation(summary = "视图固定/取消固定")
+    public void fixed(@PathVariable String id) {
+        userViewService.fixed(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/edit/pos")
+    @Operation(summary = "视图-拖拽排序")
+    @RequiresPermissions(PermissionConstants.ORDER_READ)
+    public void editPos(@Validated @RequestBody PosRequest request) {
+        userViewService.editPos(request, SessionUtils.getUserId(), UserViewResourceType.ORDER.name());
+    }
+
+
+    @GetMapping("/enable/{id}")
+    @RequiresPermissions(PermissionConstants.ORDER_READ)
+    @Operation(summary = "视图-启用/禁用")
+    public void enable(@PathVariable String id) {
+        userViewService.enable(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/order/domain/Order.java b/backend/crm/src/main/java/cn/cordys/crm/order/domain/Order.java
new file mode 100644
index 0000000..ae9dc5b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/order/domain/Order.java
@@ -0,0 +1,46 @@
+package cn.cordys.crm.order.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+import java.math.BigDecimal;
+
+@Data
+@Table(name = "sales_order")
+public class Order extends BaseModel {
+
+    @Schema(description = "合同名称")
+    private String name;
+
+    @Schema(description = "客户id")
+    private String customerId;
+
+    @Schema(description = "合同id")
+    private String contractId;
+
+    @Schema(description = "合同负责人")
+    private String owner;
+
+    @Schema(description = "金额")
+    private BigDecimal amount;
+
+    @Schema(description = "编号")
+    private String number;
+
+    @Schema(description = "状态")
+    private String stage;
+
+	@Schema(description = "审核状态")
+	private String approvalStatus;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+
+    @Schema(description = "自定义排序")
+    private Long pos;
+
+    @Schema(description = "是否审批通过过")
+    private Boolean approved;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/order/domain/OrderField.java b/backend/crm/src/main/java/cn/cordys/crm/order/domain/OrderField.java
new file mode 100644
index 0000000..251ac58
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/order/domain/OrderField.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.order.domain;
+
+import cn.cordys.common.domain.BaseResourceSubField;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+@Data
+@Table(name = "sales_order_field")
+public class OrderField extends BaseResourceSubField {
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/order/domain/OrderFieldBlob.java b/backend/crm/src/main/java/cn/cordys/crm/order/domain/OrderFieldBlob.java
new file mode 100644
index 0000000..6a8046b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/order/domain/OrderFieldBlob.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.order.domain;
+
+import cn.cordys.common.domain.BaseResourceSubField;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+@Data
+@Table(name = "sales_order_field_blob")
+public class OrderFieldBlob extends BaseResourceSubField {
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/order/domain/OrderSnapshot.java b/backend/crm/src/main/java/cn/cordys/crm/order/domain/OrderSnapshot.java
new file mode 100644
index 0000000..c7417c9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/order/domain/OrderSnapshot.java
@@ -0,0 +1,29 @@
+package cn.cordys.crm.order.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+import java.io.Serial;
+import java.io.Serializable;
+
+
+@Data
+@Table(name = "sales_order_snapshot")
+public class OrderSnapshot implements Serializable {
+
+	@Serial
+	private static final long serialVersionUID = 1L;
+
+	@Schema(description = "ID", requiredMode = Schema.RequiredMode.REQUIRED)
+	private String id;
+	
+	@Schema(description = "合同id")
+	private String orderId;
+
+	@Schema(description = "表单属性快照")
+	private String orderProp;
+
+	@Schema(description = "表单值快照")
+	private String orderValue;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/order/domain/OrderStageConfig.java b/backend/crm/src/main/java/cn/cordys/crm/order/domain/OrderStageConfig.java
new file mode 100644
index 0000000..9579a66
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/order/domain/OrderStageConfig.java
@@ -0,0 +1,32 @@
+package cn.cordys.crm.order.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "sales_order_stage_config")
+public class OrderStageConfig extends BaseModel {
+
+    @Schema(description = "订单状态")
+    private String name;
+
+    @Schema(description = "订单类型")
+    private String type;
+
+    @Schema(description = "进行中回退设置")
+    private Boolean afootRollBack;
+
+    @Schema(description = "完结回退设置")
+    private Boolean endRollBack;
+
+    @Schema(description = "顺序")
+    private Long pos;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+
+    @Schema(description = "流转类型(NORMAL-普通，ADVANCED-高级)")
+    private String circulationType;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/order/dto/request/OrderAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/order/dto/request/OrderAddRequest.java
new file mode 100644
index 0000000..6b3045b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/order/dto/request/OrderAddRequest.java
@@ -0,0 +1,43 @@
+package cn.cordys.crm.order.dto.request;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class OrderAddRequest {
+
+    @NotBlank
+    @Size(max = 255)
+    @Schema(description = "合同名称", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String name;
+
+    @Size(max = 32)
+    @Schema(description = "客户id", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String customerId;
+
+    @Size(max = 32)
+    @Schema(description = "合同id", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String contractId;
+
+    @Size(max = 32)
+    @Schema(description = "负责人", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String owner;
+
+    @Schema(description = "累计金额")
+    private String amount;
+
+    @Schema(description = "自定义字段")
+    private List<BaseModuleFieldValue> moduleFields;
+
+    @Schema(description = "表单配置")
+    private ModuleFormConfigDTO moduleFormConfigDTO;
+
+	@Schema(description = "编号")
+	private String number;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/order/dto/request/OrderPageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/order/dto/request/OrderPageRequest.java
new file mode 100644
index 0000000..8930404
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/order/dto/request/OrderPageRequest.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.order.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+
+@Data
+public class OrderPageRequest extends BasePageRequest {
+
+    @Schema(description = "看板模式")
+    private Boolean board = false;
+    public String getCustomerId() {
+        return null;
+    }
+    public String getContractId() {
+        return null;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/order/dto/request/OrderStageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/order/dto/request/OrderStageRequest.java
new file mode 100644
index 0000000..b1ff733
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/order/dto/request/OrderStageRequest.java
@@ -0,0 +1,24 @@
+package cn.cordys.crm.order.dto.request;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class OrderStageRequest {
+
+    @NotBlank
+    @Schema(description = "id", requiredMode = Schema.RequiredMode.REQUIRED)
+    @Size(max = 32)
+    private String id;
+
+    @NotBlank
+    private String stage;
+
+    @Schema(description = "更新字段")
+    private List<BaseModuleFieldValue> fields;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/order/dto/request/OrderUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/order/dto/request/OrderUpdateRequest.java
new file mode 100644
index 0000000..108a34a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/order/dto/request/OrderUpdateRequest.java
@@ -0,0 +1,21 @@
+package cn.cordys.crm.order.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+@Data
+public class OrderUpdateRequest extends OrderAddRequest {
+
+    @NotBlank
+    @Schema(description = "id", requiredMode = Schema.RequiredMode.REQUIRED)
+    @Size(max = 32)
+    private String id;
+
+    @Schema(description = "是否提审更新  normal-正常更新  approval-评审更新")
+    private String updateType;
+
+    @Schema(description = "变更说明")
+    private String comment;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/order/dto/response/OrderGetResponse.java b/backend/crm/src/main/java/cn/cordys/crm/order/dto/response/OrderGetResponse.java
new file mode 100644
index 0000000..42c33a8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/order/dto/response/OrderGetResponse.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.order.dto.response;
+
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.crm.system.domain.Attachment;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Map;
+
+@Data
+public class OrderGetResponse extends OrderListResponse {
+
+    @Schema(description = "选项集合")
+    private Map<String, List<OptionDTO>> optionMap;
+
+    @Schema(description = "附件集合")
+    private Map<String, List<Attachment>> attachmentMap;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/order/dto/response/OrderListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/order/dto/response/OrderListResponse.java
new file mode 100644
index 0000000..55e1232
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/order/dto/response/OrderListResponse.java
@@ -0,0 +1,48 @@
+package cn.cordys.crm.order.dto.response;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.crm.order.domain.Order;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class OrderListResponse extends Order {
+
+    @Schema(description = "客户名称")
+    private String customerName;
+
+    @Schema(description = "合同名称")
+    private String  contractName;
+
+    @Schema(description = "负责人名称")
+    private String ownerName;
+
+    @Schema(description = "创建人名称")
+    private String createUserName;
+
+    @Schema(description = "更新人名称")
+    private String updateUserName;
+
+    @Schema(description = "部门id")
+    private String departmentId;
+
+    @Schema(description = "部门名称")
+    private String departmentName;
+
+    @Schema(description = "关联的客户是否在公海")
+    private Boolean inCustomerPool;
+
+    @Schema(description = "客户公海id")
+    private String poolId;
+
+    @Schema(description = "商机阶段")
+    private String stageName;
+
+    @Schema(description = "自定义字段")
+    private List<BaseModuleFieldValue> moduleFields;
+
+	@Schema(description = "审批第一个节点是否通过")
+	private Boolean firstApproved;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/order/dto/response/OrderStatisticResponse.java b/backend/crm/src/main/java/cn/cordys/crm/order/dto/response/OrderStatisticResponse.java
new file mode 100644
index 0000000..ce28669
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/order/dto/response/OrderStatisticResponse.java
@@ -0,0 +1,14 @@
+package cn.cordys.crm.order.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class OrderStatisticResponse {
+
+    @Schema(description = "总金额")
+    private Double amount = 0.0;
+
+    @Schema(description = "平均金额")
+    private Double averageAmount = 0.0;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/order/mapper/ExtOrderMapper.java b/backend/crm/src/main/java/cn/cordys/crm/order/mapper/ExtOrderMapper.java
new file mode 100644
index 0000000..25f9a1e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/order/mapper/ExtOrderMapper.java
@@ -0,0 +1,37 @@
+package cn.cordys.crm.order.mapper;
+
+import cn.cordys.common.dto.BatchUpdateDbParam;
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.common.dto.condition.BaseCondition;
+import cn.cordys.crm.order.dto.request.OrderPageRequest;
+import cn.cordys.crm.order.dto.response.OrderGetResponse;
+import cn.cordys.crm.order.dto.response.OrderListResponse;
+import cn.cordys.crm.order.dto.response.OrderStatisticResponse;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtOrderMapper {
+
+
+    List<OrderListResponse> list(@Param("request") OrderPageRequest request, @Param("orgId") String orgId,
+                                 @Param("userId") String userId, @Param("dataPermission") DeptDataPermissionDTO deptDataPermission, @Param("source") boolean source);
+
+    OrderGetResponse getDetail(@Param("id") String id);
+
+    List<OrderListResponse> getListByIds(@Param("ids") List<String> ids, @Param("userId") String userId, @Param("orgId") String orgId, @Param("dataPermission") DeptDataPermissionDTO deptDataPermission);
+
+    void batchUpdate(@Param("request") BatchUpdateDbParam request);
+
+    int countByStage(@Param("stage") String stage);
+
+    OrderStatisticResponse searchStatistic(@Param("request") BaseCondition request, @Param("orgId") String orgId, @Param("userId") String userId, @Param("dataPermission") DeptDataPermissionDTO dataPermission);
+
+    void moveUpStageOrder(@Param("end") Long end, @Param("stage") String stage, @Param("pos") Long pos);
+
+    void moveDownStageOrder(@Param("end") Long end, @Param("stage") String stage, @Param("pos") Long pos);
+
+    Long selectNextPos(@Param("orgId") String orgId, @Param("stage") String stage);
+
+	void updateOldApprovalStatusNone();
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/order/mapper/ExtOrderMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/order/mapper/ExtOrderMapper.xml
new file mode 100644
index 0000000..1392389
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/order/mapper/ExtOrderMapper.xml
@@ -0,0 +1,552 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.order.mapper.ExtOrderMapper">
+    <select id="list" resultType="cn.cordys.crm.order.dto.response.OrderListResponse">
+        SELECT
+        so.id,
+        so.name,
+        so.customer_id,
+        so.contract_id,
+        so.number,
+        c.`name` AS contractName,
+        cc.in_shared_pool AS inCustomerPool,
+        cc.pool_id,
+        cc.name as customerName,
+        so.amount,
+        so.stage,
+        so.approval_status,
+        so.approved,
+        so.`owner`,
+        so.create_user,
+        so.create_time,
+        so.update_user,
+        so.update_time
+        FROM sales_order so
+        LEFT JOIN contract c ON so.contract_id = c.id
+        LEFT JOIN customer cc ON so.customer_id = cc.id
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.filters"/>
+            <property name="tablePrefix" value="filter"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.viewCombineSearch.conditions"/>
+            <property name="tablePrefix" value="viewCombine"/>
+        </include>
+        <include refid="fieldSortJoin">
+            <property name="sort" value="request.sort"/>
+        </include>
+
+        <if test="dataPermission != null and dataPermission.deptIds.size() > 0">
+            join sys_organization_user on so.owner = sys_organization_user.user_id
+            and (
+            sys_organization_user.department_id in
+            <foreach collection="dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                #{deptId}
+            </foreach>
+            <if test="dataPermission.viewId != 'DEPARTMENT'">
+                or sys_organization_user.user_id = #{userId}
+            </if>
+            )
+        </if>
+        where so.organization_id = #{orgId}
+
+        <if test="request.customerId != null and request.customerId != ''">
+            and so.customer_id = #{request.customerId}
+        </if>
+
+        <if test="request.contractId != null and request.contractId != ''">
+            and so.contract_id = #{request.contractId}
+        </if>
+
+        <if test="dataPermission != null and dataPermission.self">
+            and so.owner = #{userId}
+        </if>
+
+        <if test="!source and request.keyword != null and request.keyword != ''">
+            and (
+            so.name like concat('%', #{request.keyword},'%')
+            or c.name like concat('%', #{request.keyword},'%')
+            or cc.name like concat('%', #{request.keyword},'%')
+            )
+        </if>
+        <if test="source and request.keyword != null and request.keyword != ''">
+            and so.name like concat('%', #{request.keyword},'%')
+        </if>
+
+        <include refid="filters">
+            <property name="filters" value="request.filters"/>
+        </include>
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+        <include refid="viewCombine">
+            <property name="combineSearch" value="request.viewCombineSearch"/>
+        </include>
+
+        <if test="request.board">
+            order by so.pos desc
+        </if>
+        <if test="!request.board">
+            <include refid="sort">
+                <property name="sort" value="request.sort"/>
+            </include>
+        </if>
+    </select>
+
+    <select id="getListByIds" resultType="cn.cordys.crm.order.dto.response.OrderListResponse">
+        SELECT
+        so.id,
+        so.name,
+        so.customer_id,
+        so.contract_id,
+        so.number,
+        c.`name` AS contractName,
+        so.amount,
+        so.stage,
+        so.`owner`,
+        so.create_user,
+        so.create_time,
+        so.update_user,
+        so.update_time
+        FROM sales_order so
+        LEFT JOIN contract c ON so.contract_id = c.id
+        <if test="dataPermission != null and dataPermission.deptIds.size() > 0">
+            join sys_organization_user on so.owner = sys_organization_user.user_id
+            and (
+            sys_organization_user.department_id in
+            <foreach collection="dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                #{deptId}
+            </foreach>
+            )
+        </if>
+
+        where so.organization_id = #{orgId}
+        and so.id in
+        <foreach collection="ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+
+        <if test="dataPermission != null and dataPermission.self">
+            and so.owner = #{userId}
+        </if>
+    </select>
+
+    <update id="batchUpdate">
+        update sales_order
+        <set>
+            <if test="request.fieldName == 'owner'">
+                owner = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'name'">
+                name = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'customerId'">
+                customer_id = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'contractId'">
+                contract_id = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'amount'">
+                amount = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'number'">
+                number = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'stage'">
+                stage = #{request.fieldValue},
+            </if>
+            update_time = #{request.updateTime},
+            update_user = #{request.updateUser}
+        </set>
+        where id in
+        <foreach collection="request.ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </update>
+
+    <!-- common sql start -->
+    <sql id="fieldConditionJoin">
+        <if test="${conditions} != null and ${conditions}.size() > 0">
+            <foreach collection="${conditions}" item="condition" index="i">
+                <choose>
+                    <when test="condition.refFiled">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.refFieldConditionJoin">
+                            <property name="condition" value="condition"/>
+                            <property name="mainTable" value="sales_order"/>
+                            <property name="mainTableAlias" value="so"/>
+                            <property name="fieldTable" value="${tablePrefix}_${i}"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <if test="condition.name not in
+                            {'name', 'owner', 'approvalStatus', 'createTime', 'updateTime', 'customerId', 'contractId', 'createUser', 'updateUser',
+                             'departmentId', 'number', 'stage', 'amount', 'startTime', 'endTime'}">
+                            <if test="condition.blob">
+                                left join sales_order_field_blob ${tablePrefix}_${i}
+                                on so.id = ${tablePrefix}_${i}.resource_id and ${tablePrefix}_${i}.field_id = #{condition.name}
+                            </if>
+                            <if test="!condition.blob">
+                                left join sales_order_field ${tablePrefix}_${i}
+                                on so.id = ${tablePrefix}_${i}.resource_id and ${tablePrefix}_${i}.field_id = #{condition.name}
+                            </if>
+                        </if>
+                        <if test="condition.name == 'departmentId'">
+                            left join sys_organization_user ${tablePrefix}_${i}
+                            on ${tablePrefix}_${i}.user_id = so.owner
+                        </if>
+                    </otherwise>
+                </choose>
+            </foreach>
+        </if>
+    </sql>
+
+    <sql id="fieldSortJoin">
+        <if test="${sort} != null and ${sort}.valid() and ${sort}.name not in
+                {'name', 'number', 'owner', 'name', 'approval_status', 'amount', 'stage', 'update_user', 'create_time', 'customer_id',
+                 'contract_id', 'update_time', 'create_user', 'department_id'}">
+            <bind name="sortName" value="${sort}.name"/>
+            left join sales_order_field sort_table
+            on so.id = sort_table.resource_id and sort_table.field_id = #{sortName}
+            left join sys_module_field module_table on sort_table.field_id = module_table.id
+        </if>
+        <if test="${sort} != null and ${sort}.valid() and ${sort}.name == 'department_id'">
+            left join sys_organization_user souc_sort on souc_sort.user_id = so.owner
+        </if>
+    </sql>
+
+    <sql id="filters">
+        <if test="${filters} != null and ${filters}.size() > 0">
+            <trim prefix="and">
+                <foreach collection="${filters}" item="condition" open="(" close=")" index="i" separator="and">
+                    <include refid="condition">
+                        <property name="condition" value="condition"/>
+                        <property name="fieldTable" value="filter_${i}.field_value"/>
+                        <property name="table" value="filter_${i}"/>
+                    </include>
+                </foreach>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="condition">
+        <choose>
+            <when test="condition.refFiled">
+                <choose>
+                    <when test="!condition.customField">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${table}.${condition.name}"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${fieldTable}"/>
+                        </include>
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                <choose>
+                    <when test="condition.name == 'name'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="so.name"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'customerId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.dataSourceCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="cc.id"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'approvalStatus'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="so.approval_status"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'contractId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.dataSourceCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="c.id"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'amount'">
+                        <choose>
+                            <when test="condition.operator == 'EMPTY'">
+                                so.amount is null
+                            </when>
+                            <otherwise>
+                                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                                    <property name="condition" value="condition"/>
+                                    <property name="column" value="so.amount"/>
+                                </include>
+                            </otherwise>
+                        </choose>
+                    </when>
+                    <when test="condition.name == 'owner'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="so.owner"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'stage'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="so.stage"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'number'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="so.number"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'departmentId'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${table}.department_id"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'createTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="so.create_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'updateTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="so.update_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'updateUser'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="so.update_user"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'createUser'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="so.create_user"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${fieldTable}"/>
+                        </include>
+                    </otherwise>
+                </choose>
+            </otherwise>
+        </choose>
+    </sql>
+
+    <sql id="combine">
+        <if test="${combineSearch} != null and ${combineSearch}.conditions != null and ${combineSearch}.conditions.size() > 0">
+            <trim prefix="and">
+                <trim prefix="(" suffix=")" suffixOverrides="and|or">
+                    <foreach collection="${combineSearch}.conditions" index="i" item="condition">
+                        <include refid="condition">
+                            <property name="condition" value="condition"/>
+                            <property name="fieldTable" value="combine_${i}.field_value"/>
+                            <property name="table" value="combine_${i}"/>
+                        </include>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.searchMode">
+                            <property name="searchMode" value="${combineSearch}.searchMode"/>
+                        </include>
+                    </foreach>
+                </trim>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="viewCombine">
+        <if test="${combineSearch} != null and ${combineSearch}.conditions != null and ${combineSearch}.conditions.size() > 0">
+            <trim prefix="and">
+                <trim prefix="(" suffix=")" suffixOverrides="and|or">
+                    <foreach collection="${combineSearch}.conditions" index="i" item="condition">
+                        <include refid="condition">
+                            <property name="condition" value="condition"/>
+                            <property name="fieldTable" value="viewCombine_${i}.field_value"/>
+                            <property name="table" value="viewCombine_${i}"/>
+                        </include>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.searchMode">
+                            <property name="searchMode" value="${combineSearch}.searchMode"/>
+                        </include>
+                    </foreach>
+                </trim>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="sort">
+        <choose>
+            <when test="${sort} != null and ${sort}.valid()">
+                <bind name="sortType" value="${sort}.type"/>
+                order by
+                <choose>
+                    <when test="${sort}.name == 'name'">
+                        so.`name` ${sortType}, so.id ASC
+                    </when>
+                    <when test="${sort}.name == 'approval_status'">
+                        FIELD(so.approval_status, 'NONE', 'PENDING', 'APPROVING', 'APPROVED', 'REVOKED', 'UNAPPROVED') ${sortType}, so.id ASC
+                    </when>
+                    <when test="${sort}.name == 'contract_id'">
+                        c.`name` ${sortType}, so.id ASC
+                    </when>
+                    <when test="${sort}.name == 'customer_id'">
+                        cc.`name` ${sortType}, so.id ASC
+                    </when>
+                    <when test="${sort}.name == 'owner'">
+                        so.`owner` ${sortType}, so.id ASC
+                    </when>
+                    <when test="${sort}.name == 'amount'">
+                        so.`amount` ${sortType}, so.id ASC
+                    </when>
+                    <when test="${sort}.name == 'stage'">
+                        so.`stage` ${sortType}, so.id ASC
+                    </when>
+                    <when test="${sort}.name == 'number'">
+                        so.`number` ${sortType}, so.id ASC
+                    </when>
+                    <when test="${sort}.name == 'create_time'">
+                        so.`create_time` ${sortType}, so.id ASC
+                    </when>
+                    <when test="${sort}.name == 'update_time'">
+                        so.`update_time` ${sortType}, so.id ASC
+                    </when>
+                    <when test="${sort}.name == 'create_user'">
+                        so.`create_user` ${sortType}, so.id ASC
+                    </when>
+                    <when test="${sort}.name == 'update_user'">
+                        so.`update_user` ${sortType}, so.id ASC
+                    </when>
+                    <when test="${sort}.name == 'department_id'">
+                        souc_sort.`id` ${sortType}, so.id ${sortType}
+                    </when>
+
+                    <otherwise>
+                        CASE
+                        WHEN module_table.type = 'INPUT_NUMBER' OR module_table.type = 'FORMULA'
+                        THEN sort_table.field_value+0
+                        END ${sortType},
+                        sort_table.field_value ${sortType},
+                        so.id ${sortType}
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                order by so.create_time desc, so.id asc
+            </otherwise>
+        </choose>
+    </sql>
+
+    <select id="getDetail" resultType="cn.cordys.crm.order.dto.response.OrderGetResponse">
+        SELECT  so.id,
+                so.name,
+                so.customer_id,
+                so.contract_id,
+                so.number,
+                c.`name` AS contractName,
+                so.amount,
+                so.stage,
+                so.`owner`,
+                so.create_user,
+                so.create_time,
+                so.update_user,
+                so.update_time
+        FROM sales_order so
+                 LEFT JOIN contract c ON so.contract_id = c.id
+        where so.id = #{id}
+    </select>
+
+    <select id="countByStage" resultType="java.lang.Integer">
+        select count(id) from sales_order
+        where stage = #{stage}
+    </select>
+
+    <select id="searchStatistic" resultType="cn.cordys.crm.order.dto.response.OrderStatisticResponse">
+        SELECT
+        sum(so.amount) as amount,
+        sum(so.amount)  / count(*) as averageAmount
+        FROM
+        sales_order so
+        LEFT JOIN contract c ON so.contract_id = c.id
+        LEFT JOIN customer cc ON so.customer_id = cc.id
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.filters"/>
+            <property name="tablePrefix" value="filter"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.viewCombineSearch.conditions"/>
+            <property name="tablePrefix" value="viewCombine"/>
+        </include>
+        <if test="dataPermission != null and dataPermission.deptIds.size() > 0">
+            join sys_organization_user on so.owner = sys_organization_user.user_id
+            and (
+            sys_organization_user.department_id in
+            <foreach collection="dataPermission.deptIds" item="deptId" open="(" close=")" separator=",">
+                #{deptId}
+            </foreach>
+            <if test="dataPermission.viewId == 'ALL'">
+                or sys_organization_user.user_id = #{userId}
+            </if>
+            )
+        </if>
+
+        where so.organization_id = #{orgId}
+
+        <if test="dataPermission != null and dataPermission.self">
+            and so.owner = #{userId}
+        </if>
+
+        <if test="request.keyword != null and request.keyword != ''">
+            and (
+            so.name like concat('%', #{request.keyword},'%')
+            or so.name like concat('%', #{request.keyword},'%')
+            )
+        </if>
+
+        <include refid="filters">
+            <property name="filters" value="request.filters"/>
+        </include>
+
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+        <include refid="viewCombine">
+            <property name="combineSearch" value="request.viewCombineSearch"/>
+        </include>
+
+    </select>
+
+
+    <select id="selectNextPos" resultType="java.lang.Long">
+        select pos from sales_order where stage = #{stage} and organization_id = #{orgId}
+        order by pos desc limit 1
+    </select>
+
+    <update id="moveUpStageOrder">
+        update sales_order set pos = pos + #{pos} where pos &gt; #{end} and stage = #{stage}
+    </update>
+
+    <update id="moveDownStageOrder">
+        update sales_order set pos = pos + #{pos} where pos &gt;= #{end} and stage = #{stage}
+    </update>
+
+    <update id="updateOldApprovalStatusNone">
+        update sales_order set approval_status = 'NONE';
+    </update>
+</mapper>
diff --git a/backend/crm/src/main/java/cn/cordys/crm/order/mapper/ExtOrderSnapshotMapper.java b/backend/crm/src/main/java/cn/cordys/crm/order/mapper/ExtOrderSnapshotMapper.java
new file mode 100644
index 0000000..53a0018
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/order/mapper/ExtOrderSnapshotMapper.java
@@ -0,0 +1,9 @@
+package cn.cordys.crm.order.mapper;
+
+import cn.cordys.crm.order.domain.OrderSnapshot;
+import org.apache.ibatis.annotations.Param;
+
+public interface ExtOrderSnapshotMapper {
+
+    void update(@Param("snapshot") OrderSnapshot snapshot);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/order/mapper/ExtOrderSnapshotMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/order/mapper/ExtOrderSnapshotMapper.xml
new file mode 100644
index 0000000..5918d83
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/order/mapper/ExtOrderSnapshotMapper.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.order.mapper.ExtOrderSnapshotMapper">
+
+    <update id="update">
+        update contract_snapshot
+        set contract_id    = #{snapshot.contractId},
+            contract_prop  = #{snapshot.contractProp},
+            contract_value = #{snapshot.contractValue}
+        where id = #{snapshot.id}
+    </update>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/order/mapper/ExtOrderStageConfigMapper.java b/backend/crm/src/main/java/cn/cordys/crm/order/mapper/ExtOrderStageConfigMapper.java
new file mode 100644
index 0000000..03f5973
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/order/mapper/ExtOrderStageConfigMapper.java
@@ -0,0 +1,26 @@
+package cn.cordys.crm.order.mapper;
+
+import cn.cordys.common.dto.stage.StageConfigResponse;
+import cn.cordys.common.dto.stage.StageRollBackRequest;
+import cn.cordys.common.dto.stage.StageUpdateRequest;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtOrderStageConfigMapper {
+
+
+    List<StageConfigResponse> getStageConfigList(@Param("orgId") String orgId);
+
+    int countStageConfig(@Param("orgId") String orgId);
+
+    void moveUpStageConfig(@Param("start") Long start, @Param("orgId") String orgId, @Param("pos") Long pos);
+
+    void moveDownStageConfig(@Param("start") Long start, @Param("orgId") String orgId, @Param("pos") Long pos);
+
+    void updateRollBack(@Param("request") StageRollBackRequest request, @Param("orgId") String orgId);
+
+    void updateStageConfig(@Param("request") StageUpdateRequest request, @Param("userId") String userId);
+
+    void updatePos(@Param("id") String id, @Param("pos") Long pos);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/order/mapper/ExtOrderStageConfigMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/order/mapper/ExtOrderStageConfigMapper.xml
new file mode 100644
index 0000000..4cf04e2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/order/mapper/ExtOrderStageConfigMapper.xml
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.order.mapper.ExtOrderStageConfigMapper">
+
+
+    <select id="getStageConfigList" resultType="cn.cordys.common.dto.stage.StageConfigResponse">
+        select id, name, type, afoot_roll_back, end_roll_back, pos, circulation_type
+        from sales_order_stage_config
+        where organization_id = #{orgId}
+        order by pos asc
+    </select>
+
+    <select id="countStageConfig" resultType="java.lang.Integer">
+        select count(id)
+        from sales_order_stage_config
+        where organization_id = #{orgId}
+    </select>
+
+    <update id="moveUpStageConfig">
+        update sales_order_stage_config
+        set pos = pos + #{pos}
+        where pos &gt;= #{start}
+          and organization_id = #{orgId}
+    </update>
+
+    <update id="moveDownStageConfig">
+        update sales_order_stage_config
+        set pos = pos + #{pos}
+        where pos &gt; #{start}
+          and organization_id = #{orgId}
+    </update>
+
+
+    <update id="updateRollBack">
+        UPDATE sales_order_stage_config
+        <set>
+            <if test="request.afootRollBack != null">
+                afoot_roll_back =#{request.afootRollBack},
+            </if>
+            <if test="request.endRollBack != null">
+                end_roll_back = #{request.endRollBack},
+            </if>
+        </set>
+        WHERE organization_id = #{orgId}
+    </update>
+
+    <update id="updateStageConfig">
+        update sales_order_stage_config
+        set name        = #{request.name},
+            update_user = #{userId},
+            update_time = unix_timestamp() * 1000
+        where id = #{request.id}
+    </update>
+
+
+    <update id="updatePos">
+        update sales_order_stage_config set pos = #{pos} where id = #{id}
+    </update>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/order/service/OrderFieldService.java b/backend/crm/src/main/java/cn/cordys/crm/order/service/OrderFieldService.java
new file mode 100644
index 0000000..8d5b89b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/order/service/OrderFieldService.java
@@ -0,0 +1,35 @@
+package cn.cordys.crm.order.service;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.service.BaseResourceFieldService;
+import cn.cordys.crm.order.domain.OrderField;
+import cn.cordys.crm.order.domain.OrderFieldBlob;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class OrderFieldService extends BaseResourceFieldService<OrderField, OrderFieldBlob> {
+
+    @Resource
+    private BaseMapper<OrderField> orderFieldMapper;
+    @Resource
+    private BaseMapper<OrderFieldBlob> orderFieldBlobMapper;
+
+    @Override
+    protected String getFormKey() {
+        return FormKey.ORDER.getKey();
+    }
+
+    @Override
+    protected BaseMapper<OrderField> getResourceFieldMapper() {
+        return orderFieldMapper;
+    }
+
+    @Override
+    protected BaseMapper<OrderFieldBlob> getResourceFieldBlobMapper() {
+        return orderFieldBlobMapper;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/order/service/OrderLogService.java b/backend/crm/src/main/java/cn/cordys/crm/order/service/OrderLogService.java
new file mode 100644
index 0000000..a7b227b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/order/service/OrderLogService.java
@@ -0,0 +1,90 @@
+package cn.cordys.crm.order.service;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.dto.JsonDifferenceDTO;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.contract.domain.Contract;
+import cn.cordys.crm.customer.domain.Customer;
+import cn.cordys.crm.system.service.BaseModuleLogService;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.List;
+import java.util.function.Consumer;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class OrderLogService extends BaseModuleLogService {
+
+    @Resource
+    private BaseMapper<Customer> customerMapper;
+    @Resource
+    private BaseMapper<Contract> contractMapper;
+
+    @Override
+    public List<JsonDifferenceDTO> handleLogField(List<JsonDifferenceDTO> differences, String orgId) {
+        differences = super.handleModuleLogField(differences, orgId, FormKey.ORDER.getKey());
+        for (var differ : differences) {
+            var column = differ.getColumn();
+            if (Strings.CS.equals(column, BusinessModuleField.ORDER_OWNER.getBusinessKey())) {
+                setUserFieldName(differ);
+                continue;
+            }
+            if (Strings.CS.equals(column, BusinessModuleField.ORDER_CUSTOMER.getBusinessKey())) {
+                resolveCustomerName(differ);
+                continue;
+            }
+            if (Strings.CS.equals(column, BusinessModuleField.ORDER_CONTRACT.getBusinessKey())) {
+                resolveContractName(differ);
+                continue;
+            }
+            if (Strings.CS.equals(column, "orderStage")) {
+                differ.setColumnName(Translator.get("order.stage"));
+                continue;
+            }
+            if (column != null && column.contains("-")) {
+                differ.setColumnName(column);
+            }
+			if (Strings.CI.equals(column, "approvalStatus")) {
+				setApprovalName(differ);
+			}
+        }
+        return differences;
+    }
+
+    private void resolveCustomerName(JsonDifferenceDTO differ) {
+        if (differ.getOldValue() != null) {
+            resolveCustomer(differ.getOldValue().toString(), differ::setOldValueName);
+        }
+        if (differ.getNewValue() != null) {
+            resolveCustomer(differ.getNewValue().toString(), differ::setNewValueName);
+        }
+    }
+
+    private void resolveContractName(JsonDifferenceDTO differ) {
+        if (differ.getOldValue() != null) {
+            resolveContract(differ.getOldValue().toString(), differ::setOldValueName);
+        }
+        if (differ.getNewValue() != null) {
+            resolveContract(differ.getNewValue().toString(), differ::setNewValueName);
+        }
+    }
+
+    private void resolveCustomer(String id, Consumer<String> nameConsumer) {
+        var customer = customerMapper.selectByPrimaryKey(id);
+        if (customer != null) {
+            nameConsumer.accept(customer.getName());
+        }
+    }
+
+    private void resolveContract(String id, Consumer<String> nameConsumer) {
+        Contract contract = contractMapper.selectByPrimaryKey(id);
+        if (contract != null) {
+            nameConsumer.accept(contract.getName());
+        }
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/order/service/OrderResourceAccessContextProvider.java b/backend/crm/src/main/java/cn/cordys/crm/order/service/OrderResourceAccessContextProvider.java
new file mode 100644
index 0000000..c4c7344
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/order/service/OrderResourceAccessContextProvider.java
@@ -0,0 +1,47 @@
+package cn.cordys.crm.order.service;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.permission.ResourceAccessContext;
+import cn.cordys.common.permission.ResourceAccessContextProvider;
+import cn.cordys.crm.order.domain.Order;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Component;
+
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+
+@Component
+public class OrderResourceAccessContextProvider implements ResourceAccessContextProvider {
+
+    @Resource
+    private BaseMapper<Order> orderMapper;
+
+    @Override
+    public String getFormType() {
+        return FormKey.ORDER.getKey();
+    }
+
+    @Override
+    public ResourceAccessContext getAccessContext(String resourceId, String orgId) {
+        Order order = orderMapper.selectByPrimaryKey(resourceId);
+        if (order == null) {
+            return null;
+        }
+        ResourceAccessContext context = new ResourceAccessContext();
+        context.setOwnerId(order.getOwner());
+        context.setApprovalStatus(order.getApprovalStatus());
+        return context;
+    }
+
+    @Override
+    public Map<String, String> batchGetOwnerIds(List<String> resourceIds, String orgId) {
+        if (resourceIds == null || resourceIds.isEmpty()) {
+            return Map.of();
+        }
+        return orderMapper.selectByIds(resourceIds).stream()
+                .filter(order -> order.getOwner() != null)
+                .collect(Collectors.toMap(Order::getId, Order::getOwner, (a, b) -> a));
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/order/service/OrderService.java b/backend/crm/src/main/java/cn/cordys/crm/order/service/OrderService.java
new file mode 100644
index 0000000..01ce705
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/order/service/OrderService.java
@@ -0,0 +1,1046 @@
+package cn.cordys.crm.order.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.aspectj.dto.LogDTO;
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.*;
+import cn.cordys.common.dto.condition.BaseCondition;
+import cn.cordys.common.dto.stage.CirculationFieldValue;
+import cn.cordys.common.dto.stage.StageConfigResponse;
+import cn.cordys.common.dto.stage.StageSortRequest;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.permission.PermissionCache;
+import cn.cordys.common.permission.PermissionUtils;
+import cn.cordys.common.resolver.field.AbstractModuleFieldResolver;
+import cn.cordys.common.resolver.field.ModuleFieldResolverFactory;
+import cn.cordys.common.response.result.CrmHttpResultCode;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.approval.annotation.HitApproval;
+import cn.cordys.crm.approval.constants.ApprovalFormTypeEnum;
+import cn.cordys.crm.approval.constants.ApprovalStatus;
+import cn.cordys.crm.approval.constants.ExecuteTimingEnum;
+import cn.cordys.crm.approval.dto.ResourceApprovalFieldUpdateParam;
+import cn.cordys.crm.approval.dto.ResourceApprovalPostUpdateParam;
+import cn.cordys.crm.approval.dto.ResourceSnapshotApprovalParam;
+import cn.cordys.crm.approval.handler.ApprovalResourceHandler;
+import cn.cordys.crm.approval.service.ApprovalFlowService;
+import cn.cordys.crm.approval.service.ApprovalResourceService;
+import cn.cordys.crm.contract.domain.Contract;
+import cn.cordys.crm.customer.domain.Customer;
+import cn.cordys.crm.order.domain.Order;
+import cn.cordys.crm.order.domain.OrderField;
+import cn.cordys.crm.order.domain.OrderFieldBlob;
+import cn.cordys.crm.order.domain.OrderSnapshot;
+import cn.cordys.crm.order.dto.request.OrderAddRequest;
+import cn.cordys.crm.order.dto.request.OrderPageRequest;
+import cn.cordys.crm.order.dto.request.OrderStageRequest;
+import cn.cordys.crm.order.dto.request.OrderUpdateRequest;
+import cn.cordys.crm.order.dto.response.OrderGetResponse;
+import cn.cordys.crm.order.dto.response.OrderListResponse;
+import cn.cordys.crm.order.dto.response.OrderStatisticResponse;
+import cn.cordys.crm.order.mapper.ExtOrderMapper;
+import cn.cordys.crm.order.mapper.ExtOrderStageConfigMapper;
+import cn.cordys.crm.system.constants.CirculationFieldValueTypeEnum;
+import cn.cordys.crm.system.constants.CirculationTypeEnum;
+import cn.cordys.crm.system.domain.StageAdvancedConfig;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.request.ResourceBatchEditRequest;
+import cn.cordys.crm.system.dto.response.BatchAffectReasonResponse;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.mapper.ExtStageAdvancedConfigMapper;
+import cn.cordys.crm.system.service.LogService;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.crm.system.service.ModuleFormService;
+import cn.cordys.crm.system.service.StageAdvancedConfigService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import com.fasterxml.jackson.core.type.TypeReference;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.math.BigDecimal;
+import java.util.*;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class OrderService implements ApprovalResourceHandler {
+
+    @Resource
+    private OrderFieldService orderFieldService;
+    @Resource
+    private BaseMapper<Order> orderMapper;
+    @Resource
+    private BaseService baseService;
+    @Resource
+    private ModuleFormService moduleFormService;
+    @Resource
+    private BaseMapper<OrderSnapshot> snapshotBaseMapper;
+    @Resource
+    private ExtOrderMapper extOrderMapper;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private PermissionCache permissionCache;
+    @Resource
+    private BaseMapper<Customer> customerMapper;
+    @Resource
+    private BaseMapper<Contract> contractMapper;
+    @Resource
+    private LogService logService;
+    @Resource
+    private ExtOrderStageConfigMapper extOrderStageConfigMapper;
+    @Resource
+    private BaseMapper<Customer> customerBaseMapper;
+    @Resource
+    private ApprovalFlowService approvalFlowService;
+    @Resource
+    private StageAdvancedConfigService stageAdvancedConfigService;
+    @Resource
+    private ExtStageAdvancedConfigMapper extStageAdvancedConfigMapper;
+
+    private static final BigDecimal MAX_AMOUNT = new BigDecimal("9999999999");
+    public static final Long DEFAULT_POS = 1L;
+
+    /**
+     * 新建订单
+     *
+     * @param request
+     * @param operatorId
+     * @param orgId
+     * @return
+     */
+    @OperationLog(module = LogModule.ORDER_INDEX, type = LogType.ADD)
+    @HitApproval(formKey = FormKey.ORDER, executeType = ExecuteTimingEnum.CREATE, operatorId = "{#operatorId}")
+    public Order add(OrderAddRequest request, String operatorId, String orgId) {
+        List<BaseModuleFieldValue> moduleFields = request.getModuleFields();
+        ModuleFormConfigDTO moduleFormConfigDTO = request.getModuleFormConfigDTO();
+        if (CollectionUtils.isEmpty(moduleFields)) {
+            throw new GenericException(Translator.get("order.field.required"));
+        }
+        if (moduleFormConfigDTO == null) {
+            throw new GenericException(Translator.get("order.form.config.required"));
+        }
+        List<StageConfigResponse> stageConfigList = extOrderStageConfigMapper.getStageConfigList(orgId);
+        Long nextPos = getNextPos(orgId, stageConfigList.getFirst().getId());
+        ModuleFormConfigDTO saveModuleFormConfigDTO = JSON.parseObject(JSON.toJSONString(moduleFormConfigDTO), ModuleFormConfigDTO.class);
+        Order order = new Order();
+        BeanUtils.copyBean(order, request);
+        order.setId(IDGenerator.nextStr());
+        order.setStage(stageConfigList.getFirst().getId());
+        order.setPos(nextPos);
+        order.setApprovalStatus(ApprovalStatus.NONE.name());
+        order.setOrganizationId(orgId);
+        order.setCreateTime(System.currentTimeMillis());
+        order.setCreateUser(operatorId);
+        order.setUpdateTime(System.currentTimeMillis());
+        order.setUpdateUser(operatorId);
+
+        //判断总金额
+        setAmount(request.getAmount(), order);
+
+        //自定义字段
+        orderFieldService.saveModuleField(order, orgId, operatorId, moduleFields, false);
+        orderMapper.insert(order);
+
+        baseService.handleAddLogWithSubTable(order, moduleFields, Translator.get("products_info"), moduleFormConfigDTO);
+
+        // 保存表单配置快照
+        List<BaseModuleFieldValue> resolveFieldValues = moduleFormService.resolveSnapshotFields(moduleFields, moduleFormConfigDTO, orderFieldService, order.getId());
+        OrderGetResponse response = get(order, resolveFieldValues, moduleFormConfigDTO);
+        saveSnapshot(order, saveModuleFormConfigDTO, response);
+
+        return order;
+    }
+
+
+    private Long getNextPos(String orgId, String stage) {
+        Long pos = extOrderMapper.selectNextPos(orgId, stage);
+        return pos == null ? 1 : pos + 1;
+    }
+
+    /**
+     * 保存订单快照
+     *
+     * @param order
+     * @param moduleFormConfigDTO
+     * @param response
+     */
+    private void saveSnapshot(Order order, ModuleFormConfigDTO moduleFormConfigDTO, OrderGetResponse response) {
+        //移除response中moduleFields 集合里 的 BaseModuleFieldValue 的 fieldId="products"的数据，避免快照数据过大
+        if (CollectionUtils.isNotEmpty(response.getModuleFields())) {
+            response.setModuleFields(response.getModuleFields().stream()
+                    .filter(field -> (field.getFieldValue() != null && StringUtils.isNotBlank(field.getFieldValue().toString()) && !"[]".equals(field.getFieldValue().toString()))).toList());
+        }
+        OrderSnapshot snapshot = new OrderSnapshot();
+        snapshot.setId(IDGenerator.nextStr());
+        snapshot.setOrderId(order.getId());
+        snapshot.setOrderProp(JSON.toJSONString(moduleFormConfigDTO));
+        snapshot.setOrderValue(JSON.toJSONString(response));
+        snapshotBaseMapper.insert(snapshot);
+    }
+
+    private OrderGetResponse get(Order order, List<BaseModuleFieldValue> orderFields, ModuleFormConfigDTO orderFormConfig) {
+        OrderGetResponse orderGetResponse = BeanUtils.copyBean(new OrderGetResponse(), order);
+        orderGetResponse = baseService.setCreateUpdateOwnerUserName(orderGetResponse);
+
+        String id = order.getId();
+        // 获取模块字段
+        moduleFormService.processBusinessFieldValues(orderGetResponse, orderFields, orderFormConfig);
+        orderFields = orderFieldService.setBusinessRefFieldValue(List.of(orderGetResponse),
+                moduleFormService.getFlattenFormFields(FormKey.ORDER.getKey(), order.getOrganizationId()), new HashMap<>(Map.of(id, orderFields))).get(id);
+
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(orderFormConfig, orderFields);
+
+        // 补充负责人选项
+        List<OptionDTO> ownerFieldOption = moduleFormService.getBusinessFieldOption(orderGetResponse,
+                OrderGetResponse::getOwner, OrderGetResponse::getOwnerName);
+        optionMap.put(BusinessModuleField.ORDER_OWNER.getBusinessKey(), ownerFieldOption);
+
+        Customer customer = customerMapper.selectByPrimaryKey(order.getCustomerId());
+        Contract contract = contractMapper.selectByPrimaryKey(order.getContractId());
+
+        Map<String, String> stageNameMap = extOrderStageConfigMapper.getStageConfigList(order.getOrganizationId()).stream()
+                .collect(Collectors.toMap(StageConfigResponse::getId,
+                        StageConfigResponse::getName));
+        orderGetResponse.setStageName(stageNameMap.get(order.getStage()));
+
+        if (customer != null) {
+            orderGetResponse.setCustomerName(customer.getName());
+            optionMap.put(BusinessModuleField.ORDER_CUSTOMER.getBusinessKey(), Collections.singletonList(new OptionDTO(customer.getId(), customer.getName())));
+        }
+        if (contract != null) {
+            orderGetResponse.setContractName(contract.getName());
+            optionMap.put(BusinessModuleField.ORDER_CONTRACT.getBusinessKey(), Collections.singletonList(new OptionDTO(contract.getId(), contract.getName())));
+        }
+
+        orderGetResponse.setOptionMap(optionMap);
+        orderGetResponse.setModuleFields(orderFields);
+
+        if (orderGetResponse.getOwner() != null) {
+            UserDeptDTO userDeptDTO = baseService.getUserDeptMapByUserId(orderGetResponse.getOwner(), order.getOrganizationId());
+            if (userDeptDTO != null) {
+                orderGetResponse.setDepartmentId(userDeptDTO.getDeptId());
+                orderGetResponse.setDepartmentName(userDeptDTO.getDeptName());
+            }
+        }
+
+        // 附件信息
+        orderGetResponse.setAttachmentMap(moduleFormService.getAttachmentMap(orderFormConfig, orderFields));
+        return orderGetResponse;
+    }
+
+    /**
+     * 获取订单详情
+     *
+     * @param id
+     * @return
+     */
+    public OrderGetResponse get(String id, String orgId) {
+        Order order = orderMapper.selectByPrimaryKey(id);
+        // 获取模块字段
+        ModuleFormConfigDTO orderFormConfig = getFormConfig(order.getOrganizationId());
+        List<BaseModuleFieldValue> orderFields = orderFieldService.getModuleFieldValuesByResourceId(id);
+        OrderGetResponse getResponse = get(order, orderFields, orderFormConfig);
+        if (Strings.CI.equals(getResponse.getApprovalStatus(), ApprovalStatus.APPROVING.name())) {
+            Map<String, Boolean> firstNodeApproved = baseService.getApprovingResourceFirstNodeApproved(List.of(getResponse.getId()), orgId);
+            getResponse.setFirstApproved(firstNodeApproved.get(getResponse.getId()));
+        }
+        return getResponse;
+    }
+
+    /**
+     * 获取订单详情（⚠️反射调用; 勿修改入参, 返回, 方法名!）
+     *
+     * @param id 订单ID
+     * @return 订单详情
+     */
+    public OrderGetResponse getSimple(String id) {
+        Order order = orderMapper.selectByPrimaryKey(id);
+        if (order == null) {
+            return null;
+        }
+        OrderGetResponse response = BeanUtils.copyBean(new OrderGetResponse(), order);
+        List<BaseModuleFieldValue> fvs = orderFieldService.getModuleFieldValuesByResourceId(id);
+        ModuleFormConfigDTO orderFormConfig = getFormConfig(order.getOrganizationId());
+        moduleFormService.processBusinessFieldValues(response, fvs, orderFormConfig);
+        return response;
+    }
+
+    /**
+     * 获取字段详情 (⚠️反射调用; 勿修改入参, 返回, 方法名!)
+     *
+     * @param id 订单ID
+     * @return 订单详情
+     */
+    public OrderGetResponse getFieldValues(String id) {
+        OrderGetResponse response = new OrderGetResponse();
+        Order order = orderMapper.selectByPrimaryKey(id);
+        if (order == null) {
+            return null;
+        }
+        LambdaQueryWrapper<OrderSnapshot> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(OrderSnapshot::getOrderId, id);
+        OrderSnapshot snapshot = snapshotBaseMapper.selectListByLambda(wrapper).stream().findFirst().orElse(null);
+        if (snapshot != null) {
+            response = JSON.parseObject(snapshot.getOrderValue(), OrderGetResponse.class);
+            if (StringUtils.isNotBlank(order.getCustomerId())) {
+                Customer customer = customerBaseMapper.selectByPrimaryKey(order.getCustomerId());
+                if (customer != null) {
+                    response.setInCustomerPool(customer.getInSharedPool());
+                    response.setPoolId(customer.getPoolId());
+                }
+            }
+        }
+        return response;
+    }
+
+    /**
+     * 批量获取订单详情 (用于数据源批量查询优化)
+     *
+     * @param ids 订单ID集合
+     * @return 订单详情列表
+     */
+    public List<OrderGetResponse> batchGetSimpleByIds(List<String> ids) {
+        if (CollectionUtils.isEmpty(ids)) {
+            return Collections.emptyList();
+        }
+        List<Order> orders = orderMapper.selectByIds(ids);
+        if (CollectionUtils.isEmpty(orders)) {
+            return Collections.emptyList();
+        }
+        Map<String, List<BaseModuleFieldValue>> fieldValueMap = orderFieldService.getResourceFieldMap(ids, true);
+
+        return orders.stream().map(order -> {
+            OrderGetResponse response = BeanUtils.copyBean(new OrderGetResponse(), order);
+            response.setModuleFields(fieldValueMap.get(order.getId()));
+            return response;
+        }).toList();
+    }
+
+    /**
+     * 编辑订单
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     * @return
+     */
+    @OperationLog(module = LogModule.ORDER_INDEX, type = LogType.UPDATE, resourceId = "{#request.id}")
+    @HitApproval(formKey = FormKey.ORDER, executeType = ExecuteTimingEnum.UPDATE, resourceId = "{#request.id}", updateType = "{#request.updateType}", operatorId = "{#userId}", comment = "{#request.comment}")
+    public Order update(OrderUpdateRequest request, String userId, String orgId) {
+        Order oldOrder = orderMapper.selectByPrimaryKey(request.getId());
+        List<BaseModuleFieldValue> moduleFields = request.getModuleFields();
+        ModuleFormConfigDTO moduleFormConfigDTO = request.getModuleFormConfigDTO();
+        if (CollectionUtils.isEmpty(moduleFields)) {
+            throw new GenericException(Translator.get("order.field.required"));
+        }
+        if (moduleFormConfigDTO == null) {
+            throw new GenericException(Translator.get("order.form.config.required"));
+        }
+        ModuleFormConfigDTO saveModuleFormConfigDTO = JSON.parseObject(JSON.toJSONString(moduleFormConfigDTO), ModuleFormConfigDTO.class);
+        Optional.ofNullable(oldOrder).ifPresentOrElse(item -> {
+
+            List<BaseModuleFieldValue> originFields = orderFieldService.getModuleFieldValuesByResourceId(request.getId());
+            Order order = BeanUtils.copyBean(new Order(), request);
+            order.setUpdateTime(System.currentTimeMillis());
+            order.setUpdateUser(userId);
+            // 保留不可更改的字段
+            order.setNumber(oldOrder.getNumber());
+            order.setCreateUser(oldOrder.getCreateUser());
+            order.setCreateTime(oldOrder.getCreateTime());
+            order.setStage(oldOrder.getStage());
+            order.setApprovalStatus(oldOrder.getApprovalStatus());
+            //判断总金额
+            setAmount(request.getAmount(), order);
+            updateFields(moduleFields, order, orgId, userId);
+            orderMapper.update(order);
+            //删除快照
+            LambdaQueryWrapper<OrderSnapshot> delWrapper = new LambdaQueryWrapper<>();
+            delWrapper.eq(OrderSnapshot::getOrderId, request.getId());
+            List<OrderSnapshot> orderSnapshots = snapshotBaseMapper.selectListByLambda(delWrapper);
+            if (CollectionUtils.isNotEmpty(orderSnapshots)) {
+                OrderSnapshot first = orderSnapshots.getFirst();
+                if (first != null) {
+                    OrderGetResponse response = JSON.parseObject(first.getOrderValue(), OrderGetResponse.class);
+                    List<BaseModuleFieldValue> originModuleFields = response.getModuleFields();
+                    originFields.addAll(originModuleFields);
+                }
+            }
+            snapshotBaseMapper.deleteByLambda(delWrapper);
+            //保存快照
+            List<BaseModuleFieldValue> resolveFieldValues = moduleFormService.resolveSnapshotFields(moduleFields, moduleFormConfigDTO, orderFieldService, order.getId());
+            // get 方法需要使用orgId
+            order.setOrganizationId(orgId);
+            OrderGetResponse response = get(order, resolveFieldValues, moduleFormConfigDTO);
+            saveSnapshot(order, saveModuleFormConfigDTO, response);
+            // 处理日志上下文
+            baseService.handleUpdateLogWithSubTable(oldOrder, order, originFields, moduleFields, request.getId(), order.getName(), Translator.get("products_info"), moduleFormConfigDTO);
+        }, () -> {
+            throw new GenericException(CrmHttpResultCode.NOT_FOUND);
+        });
+        return orderMapper.selectByPrimaryKey(request.getId());
+    }
+
+    private void setAmount(String amount, Order order) {
+        if (StringUtils.isNotBlank(amount)) {
+            order.setAmount(new BigDecimal(amount));
+            if (order.getAmount().compareTo(MAX_AMOUNT) > 0) {
+                throw new GenericException(Translator.get("order.amount.exceed.max"));
+            }
+        } else {
+            order.setAmount(BigDecimal.ZERO);
+        }
+    }
+
+
+    /**
+     * 更新自定义字段
+     *
+     * @param moduleFields
+     * @param order
+     * @param orgId
+     * @param userId
+     */
+    private void updateFields(List<BaseModuleFieldValue> moduleFields, Order order, String orgId, String userId) {
+        if (moduleFields == null) {
+            return;
+        }
+        orderFieldService.deleteByResourceId(order.getId());
+        orderFieldService.saveModuleField(order, orgId, userId, moduleFields, true);
+    }
+
+
+    /**
+     * 删除订单
+     *
+     * @param id 订单ID
+     */
+    @OperationLog(module = LogModule.ORDER_INDEX, type = LogType.DELETE, resourceId = "{#id}")
+    @HitApproval(formKey = FormKey.ORDER, executeType = ExecuteTimingEnum.DELETE, resourceId = "{#id}", operatorId = "{#userId}")
+    public void delete(String id, String userId) {
+        Order order = orderMapper.selectByPrimaryKey(id);
+        if (order == null) {
+            throw new GenericException(CrmHttpResultCode.NOT_FOUND);
+        }
+
+        orderFieldService.deleteByResourceId(id);
+        orderMapper.deleteByPrimaryKey(id);
+
+        //删除快照
+        LambdaQueryWrapper<OrderSnapshot> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(OrderSnapshot::getOrderId, id);
+        snapshotBaseMapper.deleteByLambda(wrapper);
+        // 添加日志上下文
+        OperationLogContext.setResourceName(order.getName());
+    }
+
+    @Override
+    public void deleteForResource(String resourceId, String userId, String organizationId) {
+        delete(resourceId, userId);
+    }
+
+    @Override
+    public FormKey getFormKey() {
+        return FormKey.ORDER;
+    }
+
+
+    /**
+     * ⚠️反射调用; 勿修改入参, 返回, 方法名!
+     *
+     * @param id 订单ID
+     * @return 订单详情
+     */
+    public OrderGetResponse getSnapshot(String id, String orgId) {
+        OrderGetResponse response = new OrderGetResponse();
+        Order order = orderMapper.selectByPrimaryKey(id);
+        if (order == null) {
+            return null;
+        }
+        LambdaQueryWrapper<OrderSnapshot> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(OrderSnapshot::getOrderId, id);
+        OrderSnapshot snapshot = snapshotBaseMapper.selectListByLambda(wrapper).stream().findFirst().orElse(null);
+        if (snapshot != null) {
+            response = JSON.parseObject(snapshot.getOrderValue(), OrderGetResponse.class);
+            if (StringUtils.isNotBlank(order.getCustomerId())) {
+                Customer customer = customerBaseMapper.selectByPrimaryKey(order.getCustomerId());
+                if (customer != null) {
+                    response.setInCustomerPool(customer.getInSharedPool());
+                    response.setPoolId(customer.getPoolId());
+                }
+            }
+            if (Strings.CI.equals(response.getApprovalStatus(), ApprovalStatus.APPROVING.name())) {
+                Map<String, Boolean> firstNodeApproved = baseService.getApprovingResourceFirstNodeApproved(List.of(response.getId()), orgId);
+                response.setFirstApproved(firstNodeApproved.get(response.getId()));
+            }
+        }
+        response.setApproved(order.getApproved());
+        return response;
+    }
+
+    /**
+     * ⚠️反射调用: 由审批执行操作统一调用, 勿修改
+     *
+     * @param param 参数
+     */
+    public void updateSnapshotApprovalStatus(ResourceSnapshotApprovalParam param) {
+        OrderSnapshot snapshotCriteria = new OrderSnapshot();
+        snapshotCriteria.setOrderId(param.getResourceId());
+        OrderSnapshot snapshot = snapshotBaseMapper.selectOne(snapshotCriteria);
+        if (snapshot != null) {
+            OrderGetResponse response = JSON.parseObject(snapshot.getOrderValue(), OrderGetResponse.class);
+            response.setApprovalStatus(param.getApprovalStatus());
+            snapshot.setOrderValue(JSON.toJSONString(response));
+            snapshotBaseMapper.update(snapshot);
+        }
+    }
+
+    /**
+     * ⚠️反射调用: 由审批执行后置操作统一调用, 勿修改
+     *
+     * @param postFieldParam 参数
+     */
+    @SuppressWarnings({"unchecked", "rawtypes"})
+    public void updateApprovalPostField(ResourceApprovalPostUpdateParam postFieldParam) {
+        ModuleFormConfigDTO formConfig = getFormConfig(OrganizationContext.getOrganizationId());
+        List<BaseField> fields = formConfig.getFields();
+        Map<String, BaseField> fieldConfigMap = fields.stream().collect(Collectors.toMap(BaseField::getId, f -> f));
+        Order order = orderMapper.selectByPrimaryKey(postFieldParam.getResourceId());
+        // 保存原始数据用于日志记录
+        Order originOrder = BeanUtils.copyBean(new Order(), order);
+        List<BaseModuleFieldValue> originFields = orderFieldService.getModuleFieldValuesByResourceId(postFieldParam.getResourceId());
+        List<OrderField> orderFields = new ArrayList<>();
+        List<OrderFieldBlob> orderFieldBlobs = new ArrayList<>();
+        OrderSnapshot snapshotCriteria = new OrderSnapshot();
+        snapshotCriteria.setOrderId(postFieldParam.getResourceId());
+        OrderSnapshot snapshot = snapshotBaseMapper.selectOne(snapshotCriteria);
+        OrderGetResponse response = new OrderGetResponse();
+        if (snapshot != null) {
+            response = JSON.parseObject(snapshot.getOrderValue(), OrderGetResponse.class);
+        }
+
+        ResourceApprovalFieldUpdateParam stageField = postFieldParam.getFields().stream().filter(param -> Strings.CS.equals(param.getFieldId(), "stage") && param.getFieldValue() != null).findFirst().orElse(null);
+        handleStageSetting(stageField, order, postFieldParam);
+
+        for (ResourceApprovalFieldUpdateParam fieldUpdateParam : postFieldParam.getFields()) {
+            if (Strings.CS.equals(fieldUpdateParam.getFieldId(), "stage") && fieldUpdateParam.getFieldValue() != null) {
+                orderFieldService.setResourceFieldValue(order, "stage", fieldUpdateParam.getFieldValue());
+                continue;
+            }
+            if (!fieldConfigMap.containsKey(fieldUpdateParam.getFieldId()) || fieldUpdateParam.getFieldValue() == null) {
+                return;
+            }
+            BaseField fieldConfig = fieldConfigMap.get(fieldUpdateParam.getFieldId());
+            AbstractModuleFieldResolver customFieldResolver = ModuleFieldResolverFactory.getResolver(fieldConfig.getType());
+            if (fieldConfig.hasBusinessKey()) {
+                // 业务主表字段
+                orderFieldService.setResourceFieldValue(order, fieldConfig.getBusinessKey(), fieldUpdateParam.getFieldValue());
+            } else {
+                // 自定义字段
+                Optional<BaseModuleFieldValue> findField = response.getModuleFields().stream().filter(fieldValue -> Strings.CI.equals(fieldValue.getFieldId(), fieldUpdateParam.getFieldId())).findAny();
+                if (findField.isPresent()) {
+                    findField.get().setFieldValue(fieldUpdateParam.getFieldValue());
+                } else {
+                    BaseModuleFieldValue fv = new BaseModuleFieldValue();
+                    fv.setFieldId(fieldUpdateParam.getFieldId());
+                    fv.setFieldValue(fieldUpdateParam.getFieldValue());
+                    response.getModuleFields().add(fv);
+                }
+                if (fieldConfig.isBlob()) {
+                    // 自定义大表
+                    orderFieldService.getResourceFieldBlobMapper().deleteByLambda(new LambdaQueryWrapper<OrderFieldBlob>()
+                            .eq(OrderFieldBlob::getFieldId, fieldUpdateParam.getFieldId()).eq(OrderFieldBlob::getResourceId, postFieldParam.getResourceId()));
+                    OrderFieldBlob field = new OrderFieldBlob();
+                    field.setId(IDGenerator.nextStr());
+                    field.setResourceId(postFieldParam.getResourceId());
+                    field.setFieldId(fieldUpdateParam.getFieldId());
+                    field.setFieldValue(customFieldResolver.convertToString(fieldConfig, fieldUpdateParam.getFieldValue()));
+                    orderFieldBlobs.add(field);
+                } else {
+                    // 自定义表
+                    orderFieldService.getResourceFieldMapper().deleteByLambda(new LambdaQueryWrapper<OrderField>()
+                            .eq(OrderField::getFieldId, fieldUpdateParam.getFieldId()).eq(OrderField::getResourceId, postFieldParam.getResourceId()));
+                    OrderField field = new OrderField();
+                    field.setId(IDGenerator.nextStr());
+                    field.setResourceId(postFieldParam.getResourceId());
+                    field.setFieldId(fieldUpdateParam.getFieldId());
+                    field.setFieldValue(customFieldResolver.convertToString(fieldConfig, fieldUpdateParam.getFieldValue()));
+                    orderFields.add(field);
+                }
+            }
+        }
+        orderMapper.updateById(order);
+        if (CollectionUtils.isNotEmpty(orderFields)) {
+            orderFieldService.getResourceFieldMapper().batchInsert(orderFields);
+        }
+        if (CollectionUtils.isNotEmpty(orderFieldBlobs)) {
+            orderFieldService.getResourceFieldBlobMapper().batchInsert(orderFieldBlobs);
+        }
+        // 更新快照
+        if (snapshot != null) {
+            OrderGetResponse snapshotRes = get(order, response.getModuleFields(), formConfig);
+            snapshot.setOrderValue(JSON.toJSONString(snapshotRes));
+            snapshotBaseMapper.update(snapshot);
+        }
+        // 记录审批后置字段更新日志
+        baseService.handleUpdateLogWithSubTable(originOrder, order, originFields, orderFieldService.getModuleFieldValuesByResourceId(postFieldParam.getResourceId()),
+                postFieldParam.getResourceId(), order.getName(), Translator.get("products_info"), formConfig);
+        // 从 OperationLogContext 中获取日志信息并手动记录
+        LogContextInfo contextInfo = OperationLogContext.getContext();
+        if (contextInfo != null) {
+            String orgId = OrganizationContext.getOrganizationId();
+            LogDTO logDTO = new LogDTO(orgId, postFieldParam.getResourceId(), postFieldParam.getOperator(), LogType.UPDATE, LogModule.ORDER_INDEX, order.getName());
+            logDTO.setOriginalValue(contextInfo.getOriginalValue());
+            logDTO.setModifiedValue(contextInfo.getModifiedValue());
+            logService.add(logDTO);
+            OperationLogContext.clear();
+        }
+    }
+
+
+    /**
+     * 审批后置操作更新阶段配置
+     *
+     * @param stageField
+     * @param originOrder
+     * @param postFieldParam
+     */
+    private void handleStageSetting(ResourceApprovalFieldUpdateParam stageField, Order originOrder, ResourceApprovalPostUpdateParam postFieldParam) {
+        if (stageField == null) {
+            return;
+        }
+        if (!stageAdvancedConfigService.checkStage(originOrder.getStage(), stageField.getFieldValue().toString(), FormKey.ORDER.getKey())) {
+            return;
+        }
+        StageConfigResponse first = extOrderStageConfigMapper.getStageConfigList(originOrder.getOrganizationId()).getFirst();
+        if (Strings.CI.equals(first.getCirculationType(), CirculationTypeEnum.ADVANCED.name())) {
+            StageAdvancedConfig config = extStageAdvancedConfigMapper.getConfigByOriginAndTarget(originOrder.getStage(), stageField.getFieldValue().toString(), FormKey.ORDER.name());
+            List<CirculationFieldValue> circulationFieldValues = JSON.parseObject(config.getFieldConfig(), new TypeReference<List<CirculationFieldValue>>() {
+            });
+            List<ResourceApprovalFieldUpdateParam> fields = new ArrayList<>();
+            circulationFieldValues.forEach(field -> {
+                if (Strings.CI.equals(field.getValueType(), CirculationFieldValueTypeEnum.FIXED_VALUE.name())) {
+                    if (field.getFieldValue() != null) {
+                        ResourceApprovalFieldUpdateParam param = new ResourceApprovalFieldUpdateParam();
+                        param.setEnable(true);
+                        param.setFieldId(field.getFieldId());
+                        param.setFieldValue(field.getFieldValue());
+                        fields.add(param);
+                    }
+                }
+            });
+            postFieldParam.getFields().addAll(fields);
+        }
+    }
+
+
+    /**
+     * 订单列表
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     * @param deptDataPermission
+     * @return
+     */
+    public PagerWithOption<List<OrderListResponse>> list(OrderPageRequest request, String userId, String orgId, DeptDataPermissionDTO deptDataPermission, Boolean source) {
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        List<OrderListResponse> list = extOrderMapper.list(request, orgId, userId, deptDataPermission, source);
+        List<OrderListResponse> results = buildList(list, orgId);
+        ModuleFormConfigDTO customerFormConfig = getFormConfig(orgId);
+        Map<String, List<OptionDTO>> optionMap = buildOptionMap(list, results, customerFormConfig);
+
+        return PageUtils.setPageInfoWithOption(page, results, optionMap);
+    }
+
+    private Map<String, List<OptionDTO>> buildOptionMap(List<OrderListResponse> list, List<OrderListResponse> buildList,
+                                                        ModuleFormConfigDTO formConfig) {
+        // 获取所有模块字段的值
+        List<BaseModuleFieldValue> moduleFieldValues = moduleFormService.getBaseModuleFieldValues(list, OrderListResponse::getModuleFields);
+        // 获取选项值对应的 option
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(formConfig, moduleFieldValues);
+        // 补充负责人选项
+        List<OptionDTO> ownerFieldOption = moduleFormService.getBusinessFieldOption(buildList,
+                OrderListResponse::getOwner, OrderListResponse::getOwnerName);
+        optionMap.put(BusinessModuleField.ORDER_OWNER.getBusinessKey(), ownerFieldOption);
+        return optionMap;
+    }
+
+    private ModuleFormConfigDTO getFormConfig(String orgId) {
+        return moduleFormCacheService.getBusinessFormConfig(FormKey.ORDER.getKey(), orgId);
+    }
+
+    public List<OrderListResponse> buildList(List<OrderListResponse> list, String orgId) {
+        if (CollectionUtils.isEmpty(list)) {
+            return list;
+        }
+
+        List<String> orderIds = list.stream().map(OrderListResponse::getId)
+                .collect(Collectors.toList());
+        Map<String, List<BaseModuleFieldValue>> orderFiledMap = orderFieldService.getResourceFieldMap(orderIds, true);
+        Map<String, List<BaseModuleFieldValue>> resolvefieldValueMap = orderFieldService.setBusinessRefFieldValue(list, moduleFormService.getFlattenFormFields(FormKey.ORDER.getKey(), orgId), orderFiledMap);
+
+
+        List<String> ownerIds = list.stream()
+                .map(OrderListResponse::getOwner)
+                .distinct()
+                .toList();
+        Map<String, UserDeptDTO> userDeptMap = baseService.getUserDeptMapByUserIds(ownerIds, orgId);
+
+        Map<String, String> stageNameMap = extOrderStageConfigMapper.getStageConfigList(orgId).stream()
+                .collect(Collectors.toMap(StageConfigResponse::getId,
+                        StageConfigResponse::getName));
+
+        List<String> approvingResourceIds = list.stream().filter(item -> Strings.CI.contains(item.getApprovalStatus(), ApprovalStatus.APPROVING.name())).map(OrderListResponse::getId).toList();
+        Map<String, Boolean> firstNodeApprovedMap = baseService.getApprovingResourceFirstNodeApproved(approvingResourceIds, orgId);
+
+        list.forEach(item -> {
+            UserDeptDTO userDeptDTO = userDeptMap.get(item.getOwner());
+            if (userDeptDTO != null) {
+                item.setDepartmentId(userDeptDTO.getDeptId());
+                item.setDepartmentName(userDeptDTO.getDeptName());
+            }
+            item.setStageName(stageNameMap.get(item.getStage()));
+            // 获取自定义字段
+            List<BaseModuleFieldValue> orderFields = resolvefieldValueMap.get(item.getId());
+            item.setModuleFields(orderFields);
+            item.setFirstApproved(firstNodeApprovedMap.get(item.getId()));
+        });
+        return baseService.setCreateUpdateOwnerUserName(list);
+    }
+
+
+    /**
+     * 获取表单快照
+     *
+     * @param id
+     * @param orgId
+     * @return
+     */
+    public ModuleFormConfigDTO getFormSnapshot(String id, String orgId) {
+        Order order = orderMapper.selectByPrimaryKey(id);
+        if (order == null) {
+            throw new GenericException(CrmHttpResultCode.NOT_FOUND);
+        }
+        LambdaQueryWrapper<OrderSnapshot> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(OrderSnapshot::getOrderId, id);
+        OrderSnapshot snapshot = snapshotBaseMapper.selectListByLambda(wrapper).stream().findFirst().orElse(null);
+        if (snapshot != null) {
+            return JSON.parseObject(snapshot.getOrderProp(), ModuleFormConfigDTO.class);
+        } else {
+            return moduleFormCacheService.getBusinessFormConfig(FormKey.ORDER.getKey(), orgId);
+        }
+    }
+
+
+    public ResourceTabEnableDTO getTabEnableConfig(String userId, String orgId) {
+        List<RolePermissionDTO> rolePermissions = permissionCache.getRolePermissions(userId, orgId);
+        return PermissionUtils.getTabEnableConfig(userId, PermissionConstants.ORDER_READ, rolePermissions);
+    }
+
+    private void updateStageSnapshot(String id, String stage) {
+        if (StringUtils.isBlank(stage)) {
+            return;
+        }
+        LambdaQueryWrapper<OrderSnapshot> delWrapper = new LambdaQueryWrapper<>();
+        delWrapper.eq(OrderSnapshot::getOrderId, id);
+        List<OrderSnapshot> orderSnapshots = snapshotBaseMapper.selectListByLambda(delWrapper);
+        OrderSnapshot first = orderSnapshots.getFirst();
+        if (first != null) {
+            OrderGetResponse response = JSON.parseObject(first.getOrderValue(), OrderGetResponse.class);
+            response.setStage(stage);
+            first.setOrderValue(JSON.toJSONString(response));
+            snapshotBaseMapper.update(first);
+        }
+    }
+
+    public Order selectByPrimaryKey(String id) {
+        return orderMapper.selectByPrimaryKey(id);
+    }
+
+
+    @OperationLog(module = LogModule.ORDER_INDEX, type = LogType.UPDATE, resourceId = "{#request.id}")
+    public void updateStage(OrderStageRequest request, String userId, String orgId) {
+        Order order = orderMapper.selectByPrimaryKey(request.getId());
+        if (order == null) {
+            throw new GenericException(CrmHttpResultCode.NOT_FOUND);
+        }
+
+        List<StageConfigResponse> stageConfigList = extOrderStageConfigMapper.getStageConfigList(orgId);
+        Map<String, String> stageMap = stageConfigList.stream()
+                .collect(Collectors.toMap(StageConfigResponse::getId, StageConfigResponse::getName));
+
+        if (!stageAdvancedConfigService.checkStage(order.getStage(), request.getStage(), FormKey.ORDER.getKey())) {
+            return;
+        }
+        order.setStage(request.getStage());
+        orderMapper.update(order);
+
+        updateFieldAndSnapshot(order, request.getFields(), userId);
+
+        final Map<String, String> originalVal = new HashMap<>(1);
+        originalVal.put("orderStage", stageMap.get(order.getStage()));
+        final Map<String, String> modifiedVal = new HashMap<>(1);
+        modifiedVal.put("orderStage", stageMap.get(request.getStage()));
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .resourceName(order.getName())
+                        .originalValue(originalVal)
+                        .modifiedValue(modifiedVal)
+                        .build()
+        );
+    }
+
+    private void updateFieldAndSnapshot(Order order, List<BaseModuleFieldValue> requestFields, String userId) {
+        if (CollectionUtils.isNotEmpty(requestFields)) {
+            ModuleFormConfigDTO businessFormConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.ORDER.getKey(), order.getOrganizationId());
+            List<BaseField> fields = businessFormConfig.getFields();
+            requestFields.forEach(field -> {
+                BaseField baseField = fields.stream().filter(customField -> customField.getId().equals(field.getFieldId())).findFirst().orElse(null);
+                ResourceBatchEditRequest updateRequest = new ResourceBatchEditRequest();
+                updateRequest.setIds(List.of(order.getId()));
+                updateRequest.setFieldId(field.getFieldId());
+                updateRequest.setFieldValue(field.getFieldValue());
+                orderFieldService.batchUpdate(updateRequest, baseField, List.of(order), Order.class, LogModule.ORDER_INDEX, extOrderMapper::batchUpdate, userId, order.getOrganizationId());
+            });
+        }
+        OrderSnapshot snapshotCriteria = new OrderSnapshot();
+        snapshotCriteria.setOrderId(order.getId());
+        OrderSnapshot snapshot = snapshotBaseMapper.selectOne(snapshotCriteria);
+        if (snapshot != null) {
+            ModuleFormConfigDTO orderFormConfig = getFormConfig(order.getOrganizationId());
+            List<BaseModuleFieldValue> orderFields = orderFieldService.getModuleFieldValuesByResourceId(order.getId());
+            Order newOrder = orderMapper.selectByPrimaryKey(order.getId());
+            OrderGetResponse snapshotRes = get(newOrder, orderFields, orderFormConfig);
+            snapshot.setOrderValue(JSON.toJSONString(snapshotRes));
+            snapshotBaseMapper.update(snapshot);
+        }
+    }
+
+    /**
+     * 批量更新订单
+     *
+     * @param request 批量编辑参数
+     * @param userId  当前用户ID
+     * @param orgId   当前组织ID
+     */
+    public BatchAffectReasonResponse batchUpdate(ResourceBatchEditRequest request, String userId, String orgId) {
+        BaseField field = orderFieldService.getAndCheckField(request.getFieldId(), orgId);
+        moduleFormService.setFieldBusinessParam(field);
+        List<Order> originOrders = orderMapper.selectByIds(request.getIds());
+        if (CollectionUtils.isEmpty(originOrders)) {
+            return BatchAffectReasonResponse.builder().success(0).fail(0).skip(0).errorMessages(Translator.get("order_not_exist")).build();
+        }
+
+        // 校验状态权限，过滤出有权限操作的订单
+        List<String> permittedIds = approvalFlowService.filterResourcesWithPermission(
+                ApprovalFormTypeEnum.ORDER.getValue(),
+                originOrders,
+                PermissionConstants.ORDER_UPDATE,
+                orgId,
+                Order::getId,
+                Order::getApprovalStatus
+        );
+
+        if (CollectionUtils.isEmpty(permittedIds)) {
+            return BatchAffectReasonResponse.builder().success(0).fail(originOrders.size()).skip(0).errorMessages(Translator.get("no.operation.permission")).build();
+        }
+        ApprovalResourceService approvalResourceService = CommonBeanFactory.getBean(ApprovalResourceService.class);
+        approvalResourceService.batchEditTriggerApproval(permittedIds, request.getFieldId(), FormKey.ORDER, orgId, userId, field.getName(), request.getFieldValue());
+
+        List<Order> permittedOrders = originOrders.stream()
+                .filter(o -> permittedIds.contains(o.getId()))
+                .collect(Collectors.toList());
+
+        ResourceBatchEditRequest filteredRequest = new ResourceBatchEditRequest();
+        filteredRequest.setIds(permittedIds);
+        filteredRequest.setFieldId(request.getFieldId());
+        filteredRequest.setFieldValue(request.getFieldValue());
+
+        orderFieldService.batchUpdate(filteredRequest, field, permittedOrders, Order.class, LogModule.ORDER_INDEX, extOrderMapper::batchUpdate, userId, orgId);
+
+        ModuleFormConfigDTO moduleFormConfigDTO = getFormConfig(orgId);
+        ModuleFormConfigDTO saveModuleFormConfigDTO = JSON.parseObject(JSON.toJSONString(moduleFormConfigDTO), ModuleFormConfigDTO.class);
+
+        LambdaQueryWrapper<OrderSnapshot> delWrapper = new LambdaQueryWrapper<>();
+        delWrapper.in(OrderSnapshot::getOrderId, permittedIds);
+        snapshotBaseMapper.deleteByLambda(delWrapper);
+
+        List<Order> latestOrders = orderMapper.selectByIds(permittedIds);
+        Map<String, Order> latestOrderMap = latestOrders.stream().collect(Collectors.toMap(Order::getId, item -> item));
+        Map<String, List<BaseModuleFieldValue>> fieldMap = orderFieldService.getResourceFieldMap(permittedIds, true);
+
+        List<OrderSnapshot> snapshots = new ArrayList<>();
+        for (String id : permittedIds) {
+            Order order = latestOrderMap.get(id);
+            if (order == null) {
+                continue;
+            }
+            List<BaseModuleFieldValue> orderFields = fieldMap.getOrDefault(id, new ArrayList<>());
+            List<BaseModuleFieldValue> resolveFieldValues = moduleFormService.resolveSnapshotFields(orderFields, moduleFormConfigDTO, orderFieldService, id);
+            OrderGetResponse response = get(order, resolveFieldValues, moduleFormConfigDTO);
+            if (CollectionUtils.isNotEmpty(response.getModuleFields())) {
+                response.setModuleFields(response.getModuleFields().stream()
+                        .filter(f -> f.getFieldValue() != null
+                                && StringUtils.isNotBlank(f.getFieldValue().toString())
+                                && !"[]".equals(f.getFieldValue().toString()))
+                        .toList());
+            }
+            OrderSnapshot snapshot = new OrderSnapshot();
+            snapshot.setId(IDGenerator.nextStr());
+            snapshot.setOrderId(id);
+            snapshot.setOrderProp(JSON.toJSONString(saveModuleFormConfigDTO));
+            snapshot.setOrderValue(JSON.toJSONString(response));
+            snapshots.add(snapshot);
+        }
+        if (CollectionUtils.isNotEmpty(snapshots)) {
+            snapshotBaseMapper.batchInsert(snapshots);
+        }
+
+        return BatchAffectReasonResponse.builder().success(permittedIds.size()).fail(originOrders.size() - permittedIds.size()).skip(0).errorMessages(Translator.get("batch.update.reason")).build();
+    }
+
+    public void download(String id, String userId, String organizationId) {
+        OrderGetResponse getResponse = get(id, organizationId);
+        if (getResponse == null) {
+            throw new GenericException(Translator.get("order_not_exist"));
+        }
+
+        LogDTO logDTO = new LogDTO(organizationId, id, userId, LogType.DOWNLOAD, LogModule.ORDER_INDEX, getResponse.getName());
+        logDTO.setOriginalValue(getResponse.getName());
+        logService.add(logDTO);
+    }
+
+
+    /**
+     * 统计
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     * @param deptDataPermission
+     * @return
+     */
+    public OrderStatisticResponse searchStatistic(BaseCondition request, String userId, String orgId, DeptDataPermissionDTO deptDataPermission) {
+        OrderStatisticResponse response = extOrderMapper.searchStatistic(request, orgId, userId, deptDataPermission);
+        return Optional.ofNullable(response).orElse(new OrderStatisticResponse());
+    }
+
+
+    /**
+     * 通过ID集合获取订单名称
+     *
+     * @param ids id集合
+     * @return 工商表头名称
+     */
+    public Object getOrderNameByIds(List<String> ids) {
+        if (CollectionUtils.isEmpty(ids)) {
+            return StringUtils.EMPTY;
+        }
+        List<Order> records = orderMapper.selectByIds(ids);
+        if (CollectionUtils.isNotEmpty(records)) {
+            List<String> names = records.stream().map(Order::getName).toList();
+            return String.join(",", names);
+        }
+        return StringUtils.EMPTY;
+    }
+
+
+    /**
+     * 通过名称获取订单集合
+     *
+     * @param names 名称
+     * @return 订单名称
+     */
+    public List<Order> getOrderListByNames(List<String> names) {
+        LambdaQueryWrapper<Order> lambdaQueryWrapper = new LambdaQueryWrapper<>();
+        lambdaQueryWrapper.in(Order::getName, names);
+        return orderMapper.selectListByLambda(lambdaQueryWrapper);
+    }
+
+    public Object getOrderName(String id) {
+        Order order = orderMapper.selectByPrimaryKey(id);
+        if (order != null) {
+            return order.getName();
+        }
+        return null;
+    }
+
+
+    /**
+     * 阶段看板排序
+     *
+     * @param request
+     * @param userId
+     */
+    public void sort(StageSortRequest request, String userId) {
+        //拖拽节点
+        Order order = orderMapper.selectByPrimaryKey(request.getDragNodeId());
+        if (order == null) {
+            throw new GenericException(Translator.get("order_not_exist"));
+        }
+        Long pos = DEFAULT_POS;
+        if (StringUtils.isNotBlank(request.getDropNodeId())) {
+            //放入节点
+            Order dropNode = orderMapper.selectByPrimaryKey(request.getDropNodeId());
+            pos = dropNode.getPos();
+            if (request.getDropPosition() == -1) {
+
+                extOrderMapper.moveUpStageOrder(pos, request.getStage(), DEFAULT_POS);
+                pos = pos + 1;
+            } else {
+                extOrderMapper.moveDownStageOrder(pos, request.getStage(), DEFAULT_POS);
+            }
+        }
+
+        if (!stageAdvancedConfigService.checkStage(order.getStage(), request.getStage(), FormKey.ORDER.getKey())) {
+            return;
+        }
+
+        order.setPos(pos);
+        order.setStage(request.getStage());
+        orderMapper.updateById(order);
+        updateFieldAndSnapshot(order, request.getFields(), userId);
+
+    }
+
+    /**
+     * 处理旧版本审批状态 (APPROVING => NONE)
+     */
+    public void handleOldApprovalData() {
+        List<Order> orders = orderMapper.selectAll(null);
+        orders.forEach(order -> {
+            ResourceSnapshotApprovalParam param = ResourceSnapshotApprovalParam
+                    .builder()
+                    .resourceId(order.getId())
+                    .approvalStatus(ApprovalStatus.NONE.name())
+                    .build();
+            updateSnapshotApprovalStatus(param);
+        });
+        extOrderMapper.updateOldApprovalStatusNone();
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/order/service/OrderStageService.java b/backend/crm/src/main/java/cn/cordys/crm/order/service/OrderStageService.java
new file mode 100644
index 0000000..607a7c9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/order/service/OrderStageService.java
@@ -0,0 +1,286 @@
+package cn.cordys.crm.order.service;
+
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.dto.stage.*;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.order.domain.OrderStageConfig;
+import cn.cordys.crm.order.mapper.ExtOrderMapper;
+import cn.cordys.crm.order.mapper.ExtOrderStageConfigMapper;
+import cn.cordys.crm.system.domain.StageAdvancedConfig;
+import cn.cordys.crm.system.mapper.ExtStageAdvancedConfigMapper;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import com.fasterxml.jackson.core.type.TypeReference;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+import java.util.function.Function;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class OrderStageService {
+
+    public static final Long DEFAULT_POS = 1L;
+    @Resource
+    private ExtOrderStageConfigMapper extOrderStageConfigMapper;
+    @Resource
+    private ExtOrderMapper extOrderMapper;
+    @Resource
+    private BaseMapper<OrderStageConfig> orderStageConfigMapper;
+    @Resource
+    private ExtStageAdvancedConfigMapper extStageAdvancedConfigMapper;
+
+
+    /**
+     * 订单状态配置列表
+     *
+     * @param orgId
+     * @return
+     */
+    public StageConfigsResponse getStageConfigList(String orgId) {
+        StageConfigsResponse stageConfigListResponse = new StageConfigsResponse();
+        List<StageConfigResponse> stageConfigList = extOrderStageConfigMapper.getStageConfigList(orgId);
+        List<StageAdvancedConfig> advancedConfigs = extStageAdvancedConfigMapper.selectConfigByType(orgId, FormKey.ORDER.getKey());
+        buildList(stageConfigList, stageConfigListResponse, advancedConfigs);
+        return stageConfigListResponse;
+    }
+
+    private void buildList(List<StageConfigResponse> stageConfigList, StageConfigsResponse response, List<StageAdvancedConfig> advancedConfigs) {
+        response.setStageConfigList(stageConfigList);
+        if (CollectionUtils.isNotEmpty(stageConfigList)) {
+            var first = stageConfigList.getFirst();
+            response.setEndRollBack(first.getEndRollBack());
+            response.setAfootRollBack(first.getAfootRollBack());
+            stageConfigList.forEach(sc -> sc.setStageHasData(extOrderMapper.countByStage(sc.getId()) > 0));
+            response.setCirculationType(first.getCirculationType());
+        }
+        if (CollectionUtils.isNotEmpty(advancedConfigs)) {
+            Map<String, List<StageAdvancedConfig>> originIdMaps = advancedConfigs.stream().collect(Collectors.groupingBy(StageAdvancedConfig::getOriginId));
+            List<CirculationSetting> configs = new ArrayList<>();
+            originIdMaps.forEach((key, value) -> {
+                CirculationSetting configResponse = new CirculationSetting();
+                List<Target> targetList = new ArrayList<>();
+                configResponse.setOriginId(key);
+                value.forEach(item -> {
+                    Target target = new Target();
+                    target.setTargetId(item.getTargetId());
+                    target.setEnable(item.getEnable());
+                    List<CirculationFieldValue> circulationFieldValues = JSON.parseObject(item.getFieldConfig(), new TypeReference<List<CirculationFieldValue>>() {
+                    });
+                    target.setCirculationFieldValues(circulationFieldValues);
+                    targetList.add(target);
+                });
+                configResponse.setTargets(targetList);
+                configResponse.setModuleType(value.getFirst().getModuleType());
+                configs.add(configResponse);
+            });
+
+            Map<String, CirculationSetting> configMap = configs.stream()
+                    .collect(Collectors.toMap(
+                            CirculationSetting::getOriginId,
+                            Function.identity()
+                    ));
+
+            List<CirculationSetting> sortedConfigs = stageConfigList.stream()
+                    .map(stage -> configMap.get(stage.getId()))
+                    .filter(Objects::nonNull)
+                    .toList();
+
+            response.setAdvancedConfigs(sortedConfigs);
+        }
+
+    }
+
+
+    /**
+     * 添加订单状态配置
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     * @return
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.ADD)
+    public String addStageConfig(StageAddRequest request, String userId, String orgId) {
+        checkConfigCount(orgId);
+        Long pos = DEFAULT_POS;
+        Boolean afootRollBack = true;
+        Boolean endRollBack = false;
+        //源节点
+        OrderStageConfig target = orderStageConfigMapper.selectByPrimaryKey(request.getTargetId());
+        if (target != null) {
+            pos = target.getPos();
+            //target正常不会为空
+            if (request.getDropPosition() == -1) {
+                extOrderStageConfigMapper.moveUpStageConfig(pos, orgId, DEFAULT_POS);
+            } else {
+                extOrderStageConfigMapper.moveDownStageConfig(pos, orgId, DEFAULT_POS);
+                pos = pos + 1;
+            }
+            afootRollBack = target.getAfootRollBack();
+            endRollBack = target.getEndRollBack();
+        }
+
+        OrderStageConfig stageConfig = new OrderStageConfig();
+        stageConfig.setId(IDGenerator.nextStr());
+        stageConfig.setName(request.getName());
+        stageConfig.setType(request.getType());
+        stageConfig.setAfootRollBack(afootRollBack);
+        stageConfig.setEndRollBack(endRollBack);
+        stageConfig.setPos(pos);
+        stageConfig.setOrganizationId(orgId);
+        stageConfig.setCirculationType(target.getCirculationType());
+        stageConfig.setCreateUser(userId);
+        stageConfig.setUpdateUser(userId);
+        stageConfig.setCreateTime(System.currentTimeMillis());
+        stageConfig.setUpdateTime(System.currentTimeMillis());
+        orderStageConfigMapper.insert(stageConfig);
+
+        OperationLogContext.setContext(LogContextInfo.builder()
+                .modifiedValue(stageConfig)
+                .resourceId(stageConfig.getId())
+                .resourceName(Translator.get("order_stage_setting").concat(":").concat(request.getName()))
+                .build());
+
+        return stageConfig.getId();
+
+    }
+
+    /**
+     * 配置数量校验
+     *
+     * @param orgId
+     */
+    private void checkConfigCount(String orgId) {
+        if (extOrderStageConfigMapper.countStageConfig(orgId) > 10) {
+            throw new GenericException(Translator.get("order_stage_config_list"));
+        }
+    }
+
+
+    /**
+     * 删除
+     *
+     * @param id
+     * @param orgId
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.DELETE, resourceId = "{#id}")
+    public void delete(String id, String orgId) {
+        OrderStageConfig stageConfig = deletePreCheck(id, orgId);
+        orderStageConfigMapper.deleteByPrimaryKey(id);
+        // 设置操作对象
+        OperationLogContext.setResourceName(Translator.get("order_stage_setting").concat(":").concat(stageConfig.getName()));
+    }
+
+
+    private OrderStageConfig deletePreCheck(String id, String orgId) {
+        OrderStageConfig stageConfig = orderStageConfigMapper.selectByPrimaryKey(id);
+        if (stageConfig == null) {
+            throw new GenericException(Translator.get("order_stage_delete"));
+        }
+        return stageConfig;
+    }
+
+
+    /**
+     * 更新订单流阶段回退设置
+     *
+     * @param request
+     * @param orgId
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.UPDATE)
+    public void updateRollBack(StageRollBackRequest request, String orgId) {
+        LambdaQueryWrapper<OrderStageConfig> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(OrderStageConfig::getOrganizationId, orgId);
+        List<OrderStageConfig> stageConfigList = orderStageConfigMapper.selectListByLambda(wrapper);
+        extOrderStageConfigMapper.updateRollBack(request, orgId);
+
+        Map<String, String> originalVal = new HashMap<>(1);
+        originalVal.put("afootRollBack", Translator.get("log.enable.".concat(stageConfigList.getFirst().getAfootRollBack().toString())));
+        originalVal.put("endRollBack", Translator.get("log.enable.".concat(stageConfigList.getFirst().getEndRollBack().toString())));
+        Map<String, String> modifiedVal = new HashMap<>(1);
+        modifiedVal.put("afootRollBack", Translator.get("log.enable.".concat(request.getAfootRollBack().toString())));
+        modifiedVal.put("endRollBack", Translator.get("log.enable.".concat(request.getEndRollBack().toString())));
+        OperationLogContext.setContext(LogContextInfo.builder()
+                .originalValue(originalVal)
+                .resourceName(Translator.get("order_stage_setting"))
+                .modifiedValue(modifiedVal)
+                .resourceId(orgId)
+                .build());
+    }
+
+
+    /**
+     * 更新配置
+     *
+     * @param request
+     * @param userId
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.UPDATE)
+    public void update(StageUpdateRequest request, String userId) {
+        OrderStageConfig oldStageConfig = orderStageConfigMapper.selectByPrimaryKey(request.getId());
+        if (oldStageConfig == null) {
+            throw new GenericException(Translator.get("order_stage_not_exist"));
+        }
+        extOrderStageConfigMapper.updateStageConfig(request, userId);
+
+        Map<String, String> originalVal = new HashMap<>(1);
+        originalVal.put("orderStage", oldStageConfig.getName());
+        Map<String, String> modifiedVal = new HashMap<>(1);
+        modifiedVal.put("orderStage", request.getName());
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .resourceId(request.getId())
+                        .resourceName(Translator.get("order_stage_setting"))
+                        .originalValue(originalVal)
+                        .modifiedValue(modifiedVal)
+                        .build()
+        );
+    }
+
+
+    /**
+     * 排序
+     *
+     * @param ids
+     * @param orgId
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.UPDATE)
+    public void sort(List<String> ids, String orgId) {
+        List<StageConfigResponse> oldStageConfigList = extOrderStageConfigMapper.getStageConfigList(orgId);
+        List<String> oldNames = oldStageConfigList.stream().map(StageConfigResponse::getName).toList();
+
+        for (int i = 0; i < ids.size(); i++) {
+            extOrderStageConfigMapper.updatePos(ids.get(i), (long) (i + 1));
+        }
+
+        List<StageConfigResponse> newStageConfigList = extOrderStageConfigMapper.getStageConfigList(orgId);
+        List<String> newNames = newStageConfigList.stream().map(StageConfigResponse::getName).toList();
+
+        Map<String, List<String>> originalVal = new HashMap<>(1);
+        originalVal.put("stageSort", oldNames);
+        Map<String, List<String>> modifiedVal = new HashMap<>(1);
+        modifiedVal.put("stageSort", newNames);
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .resourceId(orgId)
+                        .resourceName(Translator.get("order_stage_setting"))
+                        .originalValue(originalVal)
+                        .modifiedValue(modifiedVal)
+                        .build()
+        );
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/product/controller/ProductController.java b/backend/crm/src/main/java/cn/cordys/crm/product/controller/ProductController.java
new file mode 100644
index 0000000..42c2eb9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/product/controller/ProductController.java
@@ -0,0 +1,141 @@
+package cn.cordys.crm.product.controller;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.dto.request.PosRequest;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.product.domain.Product;
+import cn.cordys.crm.product.dto.request.ProductEditRequest;
+import cn.cordys.crm.product.dto.request.ProductPageRequest;
+import cn.cordys.crm.product.dto.response.ProductGetResponse;
+import cn.cordys.crm.product.dto.response.ProductListResponse;
+import cn.cordys.crm.product.service.ProductService;
+import cn.cordys.crm.system.dto.request.ResourceBatchEditRequest;
+import cn.cordys.crm.system.dto.response.ImportResponse;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import jakarta.servlet.http.HttpServletResponse;
+import jakarta.validation.constraints.NotEmpty;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+import org.springframework.web.multipart.MultipartFile;
+
+import java.util.List;
+
+/**
+ * @author guoyuqi
+ */
+@Tag(name = "产品")
+@RestController
+@RequestMapping("/product")
+public class ProductController {
+
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+
+    @Resource
+    private ProductService productService;
+
+
+    @GetMapping("/module/form")
+    @Operation(summary = "获取产品表单配置")
+    public ModuleFormConfigDTO getModuleFormConfig() {
+        return moduleFormCacheService.getBusinessFormConfig(FormKey.PRODUCT.getKey(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/page")
+    @RequiresPermissions(PermissionConstants.PRODUCT_MANAGEMENT_READ)
+    @Operation(summary = "产品列表")
+    public PagerWithOption<List<ProductListResponse>> list(@Validated @RequestBody ProductPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.PRODUCT.getKey());
+        return productService.list(request, OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/get/{id}")
+    @RequiresPermissions(PermissionConstants.PRODUCT_MANAGEMENT_READ)
+    @Operation(summary = "产品详情")
+    public ProductGetResponse get(@PathVariable String id) {
+        return productService.get(id);
+    }
+
+    @PostMapping("/add")
+    @RequiresPermissions(PermissionConstants.PRODUCT_MANAGEMENT_ADD)
+    @Operation(summary = "添加产品")
+    public Product add(@Validated @RequestBody ProductEditRequest request) {
+        return productService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/update")
+    @RequiresPermissions(PermissionConstants.PRODUCT_MANAGEMENT_UPDATE)
+    @Operation(summary = "更新产品")
+    public Product update(@Validated @RequestBody ProductEditRequest request) {
+        return productService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/batch/update")
+    @RequiresPermissions(PermissionConstants.PRODUCT_MANAGEMENT_UPDATE)
+    @Operation(summary = "批量更新产品")
+    public void batchUpdate(@Validated @RequestBody ResourceBatchEditRequest request) {
+        productService.batchUpdate(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/delete/{id}")
+    @RequiresPermissions(PermissionConstants.PRODUCT_MANAGEMENT_DELETE)
+    @Operation(summary = "删除产品")
+    public void delete(@PathVariable String id) {
+        productService.delete(id);
+    }
+
+
+    @PostMapping("/batch/delete")
+    @RequiresPermissions(PermissionConstants.PRODUCT_MANAGEMENT_DELETE)
+    @Operation(summary = "批量删除产品")
+    public void batchDelete(@RequestBody @NotEmpty List<String> ids) {
+        productService.batchDelete(ids, SessionUtils.getUserId());
+    }
+
+    @PostMapping("/edit/pos")
+    @Operation(summary = "拖拽排序")
+    @RequiresPermissions(PermissionConstants.PRODUCT_MANAGEMENT_UPDATE)
+    public void editPos(@Validated @RequestBody PosRequest request) {
+        productService.editPos(request);
+    }
+
+    @GetMapping("/template/download")
+    @RequiresPermissions(PermissionConstants.PRODUCT_MANAGEMENT_IMPORT)
+    @Operation(summary = "下载导入模板")
+    public void downloadImportTpl(HttpServletResponse response) {
+        productService.downloadImportTpl(response, OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/import/pre-check")
+    @Operation(summary = "导入检查")
+    @RequiresPermissions(PermissionConstants.PRODUCT_MANAGEMENT_IMPORT)
+    public ImportResponse preCheck(@RequestPart(value = "file") MultipartFile file) {
+        return productService.importPreCheck(file, OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/import")
+    @Operation(summary = "导入产品")
+    @RequiresPermissions(PermissionConstants.PRODUCT_MANAGEMENT_IMPORT)
+    public ImportResponse realImport(@RequestPart(value = "file") MultipartFile file) {
+        return productService.realImport(file, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+    @GetMapping("/list/option")
+    @Operation(summary = "获取当前组织下全部产品的id,和name集合")
+    public List<OptionDTO> listOption() {
+        return productService.listOption(OrganizationContext.getOrganizationId());
+    }
+
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/product/controller/ProductPriceController.java b/backend/crm/src/main/java/cn/cordys/crm/product/controller/ProductPriceController.java
new file mode 100644
index 0000000..8211e43
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/product/controller/ProductPriceController.java
@@ -0,0 +1,159 @@
+package cn.cordys.crm.product.controller;
+
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.ExportDTO;
+import cn.cordys.common.dto.ExportSelectRequest;
+import cn.cordys.common.dto.request.PosRequest;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.product.domain.ProductPrice;
+import cn.cordys.crm.product.dto.request.ProductPriceAddRequest;
+import cn.cordys.crm.product.dto.request.ProductPriceEditRequest;
+import cn.cordys.crm.product.dto.request.ProductPriceExportRequest;
+import cn.cordys.crm.product.dto.request.ProductPricePageRequest;
+import cn.cordys.crm.product.dto.response.ProductPriceGetResponse;
+import cn.cordys.crm.product.dto.response.ProductPriceResponse;
+import cn.cordys.crm.product.service.ProductPriceExportService;
+import cn.cordys.crm.product.service.ProductPriceService;
+import cn.cordys.crm.system.constants.ExportConstants;
+import cn.cordys.crm.system.dto.request.ResourceBatchEditRequest;
+import cn.cordys.crm.system.dto.response.ImportResponse;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import jakarta.servlet.http.HttpServletResponse;
+import jakarta.validation.constraints.NotNull;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.context.i18n.LocaleContextHolder;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+import org.springframework.web.multipart.MultipartFile;
+
+import java.util.List;
+
+/**
+ * @author song-cc-rock
+ */
+@RestController
+@Tag(name = "价格表")
+@RequestMapping("/price")
+public class ProductPriceController {
+
+    @Resource
+    private ProductPriceService priceService;
+	@Resource
+	private ProductPriceExportService priceExportService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+
+    @GetMapping("/module/form")
+    @Operation(summary = "获取表单配置")
+    public ModuleFormConfigDTO getModuleFormConfig() {
+        return moduleFormCacheService.getBusinessFormConfig(FormKey.PRICE.getKey(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/page")
+    @RequiresPermissions(PermissionConstants.PRICE_READ)
+    @Operation(summary = "价格列表")
+    public PagerWithOption<List<ProductPriceResponse>> list(@Validated @RequestBody ProductPricePageRequest request) {
+		ConditionFilterUtils.parseCondition(request, FormKey.PRICE.getKey());
+        return priceService.list(request, OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/add")
+    @RequiresPermissions(PermissionConstants.PRICE_ADD)
+    @Operation(summary = "添加价格表")
+    public ProductPrice add(@Validated @RequestBody ProductPriceAddRequest request) {
+        return priceService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+	@GetMapping("/copy/{id}")
+	@RequiresPermissions(PermissionConstants.PRICE_ADD)
+	@Operation(summary = "复制价格表")
+	public ProductPrice copy(@PathVariable String id) {
+		return priceService.copy(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+	}
+
+    @PostMapping("/update")
+    @RequiresPermissions(PermissionConstants.PRICE_UPDATE)
+    @Operation(summary = "修改价格表")
+    public ProductPrice update(@Validated @RequestBody ProductPriceEditRequest request) {
+        return priceService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/get/{id}")
+    @RequiresPermissions(PermissionConstants.PRICE_READ)
+    @Operation(summary = "价格表详情")
+    public ProductPriceGetResponse get(@PathVariable String id) {
+        return priceService.get(id);
+    }
+
+    @GetMapping("/delete/{id}")
+    @RequiresPermissions(PermissionConstants.PRICE_DELETE)
+    @Operation(summary = "删除价格表")
+    public void delete(@PathVariable String id) {
+        priceService.delete(id);
+    }
+
+	@PostMapping("/batch/update")
+	@RequiresPermissions(PermissionConstants.PRICE_UPDATE)
+	@Operation(summary = "批量更新价格表")
+	public void batchUpdate(@Validated @RequestBody ResourceBatchEditRequest request) {
+		priceService.batchUpdate(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+	}
+
+    @PostMapping("/edit/pos")
+    @Operation(summary = "拖拽排序")
+    @RequiresPermissions(PermissionConstants.PRICE_UPDATE)
+    public void editPos(@Validated @RequestBody PosRequest request) {
+        priceService.editPos(request);
+    }
+
+	@GetMapping("/template/download")
+	@RequiresPermissions(PermissionConstants.PRICE_IMPORT)
+	@Operation(summary = "下载导入模板")
+	public void downloadImportTpl(HttpServletResponse response) {
+		priceService.downloadImportTpl(response, OrganizationContext.getOrganizationId());
+	}
+
+	@PostMapping("/import/pre-check")
+	@Operation(summary = "导入检查")
+	@RequiresPermissions(PermissionConstants.PRICE_IMPORT)
+	public ImportResponse preCheck(@RequestPart(value = "file") @NotNull MultipartFile file) {
+		return priceService.importPreCheck(file, OrganizationContext.getOrganizationId());
+	}
+
+	@PostMapping("/import")
+	@Operation(summary = "导入")
+	@RequiresPermissions(PermissionConstants.PRICE_IMPORT)
+	public ImportResponse realImport(@RequestPart(value = "file") MultipartFile file) {
+		return priceService.realImport(file, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+	}
+
+	@PostMapping("/export")
+	@RequiresPermissions(PermissionConstants.PRICE_EXPORT)
+	@Operation(summary = "导出全部")
+	public String exportAll(@Validated @RequestBody ProductPriceExportRequest request) {
+		ConditionFilterUtils.parseCondition(request, FormKey.PRICE.getKey());
+		ExportDTO exportParam = ExportDTO.builder().formKey(FormKey.PRICE.getKey()).fileName(request.getFileName()).headList(request.getHeadList())
+				.orgId(OrganizationContext.getOrganizationId()).userId(SessionUtils.getUserId()).exportType(ExportConstants.ExportType.PRODUCT_PRICE.name())
+				.locale(LocaleContextHolder.getLocale()).pageRequest(request).logModule(LogModule.PRODUCT_PRICE_MANAGEMENT).build();
+		return priceExportService.exportAllWithMergeStrategy(exportParam);
+	}
+
+	@PostMapping("/export-select")
+	@RequiresPermissions(PermissionConstants.PRICE_EXPORT)
+	@Operation(summary = "导出选中")
+	public String exportSelect(@Validated @RequestBody ExportSelectRequest request) {
+		ExportDTO exportParam = ExportDTO.builder().formKey(FormKey.PRICE.getKey()).fileName(request.getFileName()).headList(request.getHeadList())
+				.orgId(OrganizationContext.getOrganizationId()).userId(SessionUtils.getUserId()).exportType(ExportConstants.ExportType.PRODUCT_PRICE.name())
+				.locale(LocaleContextHolder.getLocale()).selectIds(request.getIds()).logModule(LogModule.PRODUCT_PRICE_MANAGEMENT).build();
+		return priceExportService.exportSelectWithMergeStrategy(exportParam);
+	}
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/product/domain/Product.java b/backend/crm/src/main/java/cn/cordys/crm/product/domain/Product.java
new file mode 100644
index 0000000..4221fe3
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/product/domain/Product.java
@@ -0,0 +1,34 @@
+package cn.cordys.crm.product.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import cn.cordys.common.util.BigDecimalNoTrailingZeroSerializer;
+import com.fasterxml.jackson.databind.annotation.JsonSerialize;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import jakarta.validation.constraints.DecimalMax;
+import jakarta.validation.constraints.DecimalMin;
+import lombok.Data;
+
+import java.math.BigDecimal;
+
+@Data
+@Table(name = "product")
+public class Product extends BaseModel {
+    @Schema(description = "组织机构id")
+    private String organizationId;
+
+    @Schema(description = "产品名称")
+    private String name;
+
+    @Schema(description = "价格")
+    @DecimalMin(value = "0.00", inclusive = false, message = "{product.price.min}")
+    @DecimalMax(value = "10000000000.00", inclusive = false, message = "{product.price.max}")
+    @JsonSerialize(using = BigDecimalNoTrailingZeroSerializer.class)
+    private BigDecimal price;
+
+    @Schema(description = "状态")
+    private String status;
+
+    @Schema(description = "排序")
+    private Long pos;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/product/domain/ProductField.java b/backend/crm/src/main/java/cn/cordys/crm/product/domain/ProductField.java
new file mode 100644
index 0000000..4a43c26
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/product/domain/ProductField.java
@@ -0,0 +1,10 @@
+package cn.cordys.crm.product.domain;
+
+import cn.cordys.common.domain.BaseResourceField;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "product_field")
+public class ProductField extends BaseResourceField {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/product/domain/ProductFieldBlob.java b/backend/crm/src/main/java/cn/cordys/crm/product/domain/ProductFieldBlob.java
new file mode 100644
index 0000000..58d21b2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/product/domain/ProductFieldBlob.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.product.domain;
+
+import cn.cordys.common.domain.BaseResourceField;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+/**
+ * 产品自定义属性大文本
+ *
+ * @author jianxing
+ * @date 2025-02-27 14:43:46
+ */
+@Data
+@Table(name = "product_field_blob")
+public class ProductFieldBlob extends BaseResourceField {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/product/domain/ProductPrice.java b/backend/crm/src/main/java/cn/cordys/crm/product/domain/ProductPrice.java
new file mode 100644
index 0000000..5508ca2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/product/domain/ProductPrice.java
@@ -0,0 +1,29 @@
+package cn.cordys.crm.product.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+/**
+ * 产品价格表
+ *
+ * @author song-cc-rock
+ */
+
+@Data
+@Table(name = "product_price")
+public class ProductPrice extends BaseModel {
+
+    @Schema(description = "价格表名称")
+    private String name;
+
+    @Schema(description = "状态")
+    private String status;
+
+    @Schema(description = "排序")
+    private Long pos;
+
+    @Schema(description = "组织ID")
+    private String organizationId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/product/domain/ProductPriceField.java b/backend/crm/src/main/java/cn/cordys/crm/product/domain/ProductPriceField.java
new file mode 100644
index 0000000..51f45f4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/product/domain/ProductPriceField.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.product.domain;
+
+import cn.cordys.common.domain.BaseResourceSubField;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+/**
+ * 产品价格表自定义属性
+ *
+ * @author song-cc-rock
+ */
+
+@Data
+@Table(name = "product_price_field")
+public class ProductPriceField extends BaseResourceSubField {
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/product/domain/ProductPriceFieldBlob.java b/backend/crm/src/main/java/cn/cordys/crm/product/domain/ProductPriceFieldBlob.java
new file mode 100644
index 0000000..8d716a9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/product/domain/ProductPriceFieldBlob.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.product.domain;
+
+import cn.cordys.common.domain.BaseResourceSubField;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+/**
+ * 产品价格表自定义属性 (部分大文本)
+ *
+ * @author song-cc-rock
+ */
+
+@Data
+@Table(name = "product_price_field_blob")
+public class ProductPriceFieldBlob extends BaseResourceSubField {
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/product/dto/request/ProductEditRequest.java b/backend/crm/src/main/java/cn/cordys/crm/product/dto/request/ProductEditRequest.java
new file mode 100644
index 0000000..16adee9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/product/dto/request/ProductEditRequest.java
@@ -0,0 +1,37 @@
+package cn.cordys.crm.product.dto.request;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.DecimalMax;
+import jakarta.validation.constraints.DecimalMin;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.math.BigDecimal;
+import java.util.List;
+
+
+/**
+ * @author guoyuqi
+ */
+@Data
+public class ProductEditRequest {
+
+    @Schema(description = "id")
+    @Size(max = 32)
+    private String id;
+
+    @Schema(description = "产品名称")
+    private String name;
+
+    @Schema(description = "价格")
+    @DecimalMin(value = "0.00", inclusive = false, message = "{product.price.min}")
+    @DecimalMax(value = "10000000000.00", inclusive = false, message = "{product.price.max}")
+    private BigDecimal price;
+
+    @Schema(description = "状态")
+    private String status;
+
+    @Schema(description = "自定义字段")
+    private List<BaseModuleFieldValue> moduleFields;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/product/dto/request/ProductPageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/product/dto/request/ProductPageRequest.java
new file mode 100644
index 0000000..b93bf0f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/product/dto/request/ProductPageRequest.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.product.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+
+/**
+ * @author guoyuqi
+ */
+@Data
+public class ProductPageRequest extends BasePageRequest {
+
+    @Schema(description = "状态：1-上架，2-下架")
+    private String status;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/product/dto/request/ProductPriceAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/product/dto/request/ProductPriceAddRequest.java
new file mode 100644
index 0000000..e4df834
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/product/dto/request/ProductPriceAddRequest.java
@@ -0,0 +1,34 @@
+package cn.cordys.crm.product.dto.request;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Map;
+
+/**
+ * @author song-cc-rock
+ */
+
+@Data
+public class ProductPriceAddRequest {
+
+	@NotBlank(message = "{product.price.name.required}")
+	@Size(max = 255)
+	@Schema(description = "价格表名称", requiredMode = Schema.RequiredMode.REQUIRED)
+	private String name;
+
+	@NotBlank(message = "{product.price.status.required}")
+	@Size(max = 32)
+	@Schema(description = "状态", requiredMode = Schema.RequiredMode.REQUIRED)
+	private String status;
+
+	@Schema(description = "自定义字段值")
+	private List<BaseModuleFieldValue> moduleFields;
+
+	@Schema(description = "子产品信息")
+	private List<Map<String, Object>> products;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/product/dto/request/ProductPriceEditRequest.java b/backend/crm/src/main/java/cn/cordys/crm/product/dto/request/ProductPriceEditRequest.java
new file mode 100644
index 0000000..768f85e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/product/dto/request/ProductPriceEditRequest.java
@@ -0,0 +1,39 @@
+package cn.cordys.crm.product.dto.request;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Map;
+
+/**
+ * @author song-cc-rock
+ */
+
+@Data
+public class ProductPriceEditRequest {
+
+	@NotBlank(message = "{product.price.id.required}")
+	@Size(max = 32)
+	@Schema(description = "id", requiredMode = Schema.RequiredMode.REQUIRED)
+	private String id;
+
+	@NotBlank(message = "{product.price.name.required}")
+	@Size(max = 255)
+	@Schema(description = "价格表名称", requiredMode = Schema.RequiredMode.REQUIRED)
+	private String name;
+
+	@NotBlank(message = "{product.price.status.required}")
+	@Size(max = 32)
+	@Schema(description = "状态", requiredMode = Schema.RequiredMode.REQUIRED)
+	private String status;
+
+	@Schema(description = "自定义字段值")
+	private List<BaseModuleFieldValue> moduleFields;
+
+	@Schema(description = "子产品信息")
+	private List<Map<String, Object>> products;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/product/dto/request/ProductPriceExportRequest.java b/backend/crm/src/main/java/cn/cordys/crm/product/dto/request/ProductPriceExportRequest.java
new file mode 100644
index 0000000..2e64242
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/product/dto/request/ProductPriceExportRequest.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.product.dto.request;
+
+import cn.cordys.common.dto.ExportHeadDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+import java.util.List;
+
+/**
+ * @author song-cc-rock
+ */
+@Data
+public class ProductPriceExportRequest extends ProductPricePageRequest{
+
+	@NotBlank
+	@Schema(description = "文件名", requiredMode = Schema.RequiredMode.REQUIRED)
+	private String fileName;
+
+	@Schema(description = "表头信息", requiredMode = Schema.RequiredMode.REQUIRED)
+	private List<ExportHeadDTO> headList;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/product/dto/request/ProductPricePageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/product/dto/request/ProductPricePageRequest.java
new file mode 100644
index 0000000..85db87d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/product/dto/request/ProductPricePageRequest.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.product.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import lombok.Data;
+
+/**
+ * @author song-cc-rock
+ */
+@Data
+public class ProductPricePageRequest extends BasePageRequest {
+
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/product/dto/response/ProductGetResponse.java b/backend/crm/src/main/java/cn/cordys/crm/product/dto/response/ProductGetResponse.java
new file mode 100644
index 0000000..8e682b7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/product/dto/response/ProductGetResponse.java
@@ -0,0 +1,61 @@
+package cn.cordys.crm.product.dto.response;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.crm.system.domain.Attachment;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.math.BigDecimal;
+import java.util.List;
+import java.util.Map;
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Data
+public class ProductGetResponse {
+
+    @Schema(description = "ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+
+    @Schema(description = "产品名称")
+    private String name;
+
+    @Schema(description = "价格")
+    private BigDecimal price;
+
+    @Schema(description = "状态")
+    private String status;
+
+    @Schema(description = "创建人")
+    private String createUser;
+
+    @Schema(description = "修改人")
+    private String updateUser;
+
+    @Schema(description = "创建时间")
+    private Long createTime;
+
+    @Schema(description = "更新时间")
+    private Long updateTime;
+
+    @Schema(description = "创建人名称")
+    private String createUserName;
+
+    @Schema(description = "更新人名称")
+    private String updateUserName;
+
+    @Schema(description = "自定义字段")
+    private List<? extends BaseModuleFieldValue> moduleFields;
+
+    @Schema(description = "选项集合")
+    private Map<String, List<OptionDTO>> optionMap;
+
+    /**
+     * 附件集合
+     */
+    @Schema(description = "附件集合")
+    private Map<String, List<Attachment>> attachmentMap;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/product/dto/response/ProductListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/product/dto/response/ProductListResponse.java
new file mode 100644
index 0000000..11cd069
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/product/dto/response/ProductListResponse.java
@@ -0,0 +1,48 @@
+package cn.cordys.crm.product.dto.response;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.math.BigDecimal;
+import java.util.List;
+
+
+/**
+ * @author guoyuqi
+ */
+@Data
+public class ProductListResponse {
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "产品名称")
+    private String name;
+
+    @Schema(description = "价格")
+    private BigDecimal price;
+
+    @Schema(description = "状态")
+    private String status;
+
+    @Schema(description = "创建人")
+    private String createUser;
+
+    @Schema(description = "修改人")
+    private String updateUser;
+
+    @Schema(description = "创建时间")
+    private Long createTime;
+
+    @Schema(description = "更新时间")
+    private Long updateTime;
+
+    @Schema(description = "创建人名称")
+    private String createUserName;
+
+    @Schema(description = "更新人名称")
+    private String updateUserName;
+
+    @Schema(description = "自定义字段集合")
+    private List<BaseModuleFieldValue> moduleFields;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/product/dto/response/ProductPriceGetResponse.java b/backend/crm/src/main/java/cn/cordys/crm/product/dto/response/ProductPriceGetResponse.java
new file mode 100644
index 0000000..f72399a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/product/dto/response/ProductPriceGetResponse.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.product.dto.response;
+
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.crm.system.domain.Attachment;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Map;
+
+/**
+ * @author song-cc-rock
+ */
+@Data
+public class ProductPriceGetResponse extends ProductPriceResponse{
+
+    @Schema(description = "选项集合")
+    private Map<String, List<OptionDTO>> optionMap;
+
+    @Schema(description = "附件集合")
+    private Map<String, List<Attachment>> attachmentMap;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/product/dto/response/ProductPriceResponse.java b/backend/crm/src/main/java/cn/cordys/crm/product/dto/response/ProductPriceResponse.java
new file mode 100644
index 0000000..4ee5018
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/product/dto/response/ProductPriceResponse.java
@@ -0,0 +1,49 @@
+package cn.cordys.crm.product.dto.response;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Map;
+
+
+/**
+ * @author song-cc-rock
+ */
+@Data
+public class ProductPriceResponse {
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "价格表名称")
+    private String name;
+
+    @Schema(description = "状态")
+    private String status;
+
+    @Schema(description = "创建人")
+    private String createUser;
+
+    @Schema(description = "修改人")
+    private String updateUser;
+
+    @Schema(description = "创建时间")
+    private Long createTime;
+
+    @Schema(description = "更新时间")
+    private Long updateTime;
+
+    @Schema(description = "创建人名称")
+    private String createUserName;
+
+    @Schema(description = "更新人名称")
+    private String updateUserName;
+
+    @Schema(description = "自定义字段集合")
+    private List<BaseModuleFieldValue> moduleFields;
+
+	@Schema(description = "产品子列表")
+	private List<Map<String, Object>> products = new ArrayList<>();
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/product/mapper/ExtProductMapper.java b/backend/crm/src/main/java/cn/cordys/crm/product/mapper/ExtProductMapper.java
new file mode 100644
index 0000000..ce9a6d4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/product/mapper/ExtProductMapper.java
@@ -0,0 +1,35 @@
+package cn.cordys.crm.product.mapper;
+
+import cn.cordys.common.dto.BatchUpdateDbParam;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.crm.product.domain.Product;
+import cn.cordys.crm.product.dto.request.ProductPageRequest;
+import cn.cordys.crm.product.dto.response.ProductListResponse;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 17:42:41
+ */
+public interface ExtProductMapper {
+
+    List<ProductListResponse> list(@Param("request") ProductPageRequest request, @Param("orgId") String orgId);
+
+    List<Product> listIdNameByIds(@Param("ids") List<String> ids);
+
+    List<Product> listByIds(@Param("ids") List<String> ids);
+
+    void batchUpdate(@Param("request") BatchUpdateDbParam request);
+
+    List<OptionDTO> getOptions(@Param("orgId") String orgId);
+
+    List<OptionDTO> getProductOptions(@Param("keyword") String keyword, @Param("orgId") String orgId);
+
+    Long getPos(@Param("orgId") String orgId);
+
+    Long getPrePos(@Param("orgId") String orgId, @Param("basePos") Long basePos, @Param("userId") String userId, @Param("resourceType") String resourceType);
+
+    Long getLastPos(@Param("orgId") String orgId, @Param("basePos") Long basePos, @Param("userId") String userId, @Param("resourceType") String resourceType);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/product/mapper/ExtProductMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/product/mapper/ExtProductMapper.xml
new file mode 100644
index 0000000..b37a378
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/product/mapper/ExtProductMapper.xml
@@ -0,0 +1,311 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.product.mapper.ExtProductMapper">
+    <update id="batchUpdate">
+        UPDATE product
+        <set>
+            <if test="request.fieldName == 'name'">
+                name = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'price'">
+                price = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'status'">
+                status = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'pos'">
+                pos = #{request.fieldValue},
+            </if>
+            update_time = #{request.updateTime},
+            update_user = #{request.updateUser},
+        </set>
+        WHERE id IN
+        <foreach collection="request.ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+
+    </update>
+
+    <select id="list" resultType="cn.cordys.crm.product.dto.response.ProductListResponse">
+        select p.id, p.name, p.price, p.status, p.pos, p.organization_id, p.create_time, p.update_time, p.create_user, p.update_user
+        from product p
+
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.filters"/>
+            <property name="tablePrefix" value="filter"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+
+        <include refid="fieldSortJoin">
+            <property name="sort" value="request.sort"/>
+        </include>
+
+        where p.organization_id = #{orgId}
+        <if test="request.status != null and request.status != ''">
+            and p.status = #{request.status}
+        </if>
+        <if test="request.keyword != null and request.keyword != ''">
+            and p.name like concat('%', #{request.keyword},'%')
+        </if>
+        <include refid="filters">
+            <property name="filters" value="request.filters"/>
+        </include>
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+        <include refid="sort">
+            <property name="sort" value="request.sort"/>
+        </include>
+    </select>
+
+
+    <sql id="fieldConditionJoin">
+        <if test="${conditions} != null and ${conditions}.size() > 0">
+            <foreach collection="${conditions}" item="condition" index="i">
+                <choose>
+                    <when test="condition.refFiled">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.refFieldConditionJoin">
+                            <property name="condition" value="condition"/>
+                            <property name="mainTable" value="product"/>
+                            <property name="mainTableAlias" value="p"/>
+                            <property name="fieldTable" value="${tablePrefix}_${i}"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <if test="condition.name != 'name'
+                            and condition.name != 'status'
+                            and condition.name != 'price'
+                            and condition.name != 'updateUser'
+                            and condition.name != 'createTime'
+                            and condition.name != 'updateTime'
+                            and condition.name != 'createUser'
+                            and condition.name != 'update_user'
+                            and condition.name != 'create_time'
+                            and condition.name != 'update_time'
+                            and condition.name != 'create_user'
+                            ">
+                            <if test="condition.blob">
+                                inner join product_field_blob ${tablePrefix}_${i}
+                                on p.id = ${tablePrefix}_${i}.resource_id and ${tablePrefix}_${i}.field_id = #{condition.name}
+                            </if>
+                            <if test="!condition.blob">
+                                inner join product_field ${tablePrefix}_${i}
+                                on p.id = ${tablePrefix}_${i}.resource_id and ${tablePrefix}_${i}.field_id = #{condition.name}
+                            </if>
+                        </if>
+                    </otherwise>
+                </choose>
+            </foreach>
+        </if>
+    </sql>
+
+    <sql id="fieldSortJoin">
+        <if test="${sort} != null and ${sort}.name != 'name'
+                and ${sort}.name != 'status'
+                and ${sort}.name != 'price'
+                and ${sort}.name != 'create_user'
+                and ${sort}.name != 'create_time'
+                and ${sort}.name != 'update_time'
+                and ${sort}.name != 'update_user'
+               ">
+            <bind name="sortName" value="${sort}.name"/>
+            left join product_field sort_table
+            on p.id = sort_table.resource_id and sort_table.field_id = #{sortName}
+            left join sys_module_field module_table on sort_table.field_id = module_table.id
+        </if>
+    </sql>
+
+    <sql id="sort">
+        <choose>
+            <when test="${sort} != null and ${sort}.valid()">
+                <bind name="sortType" value="${sort}.type" />
+                order by
+                <choose>
+                    <when test="${sort}.name == 'name'">
+                        p.`name` ${sortType},  p.id ASC
+                    </when>
+                    <when test="${sort}.name == 'price'">
+                        p.`price` ${sortType},  p.id ASC
+                    </when>
+                    <when test="${sort}.name == 'status'">
+                        p.`status` ${sortType},  p.id ASC
+                    </when>
+                    <when test="${sort}.name == 'create_time'">
+                        p.`create_time` ${sortType},  p.id ASC
+                    </when>
+                    <when test="${sort}.name == 'update_time'">
+                        p.`update_time` ${sortType},  p.id ASC
+                    </when>
+                    <when test="${sort}.name == 'create_user'">
+                        p.`create_user` ${sortType},  p.id ASC
+                    </when>
+                    <when test="${sort}.name == 'update_user'">
+                        p.`update_user` ${sortType},  p.id ASC
+                    </when>
+                    <otherwise>
+                        CASE
+                        WHEN module_table.type = 'INPUT_NUMBER' OR module_table.type = 'FORMULA'
+                        THEN sort_table.field_value+0
+                        END ${sortType},
+                        sort_table.field_value ${sortType},
+                        p.id ${sortType}
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                order by p.pos
+            </otherwise>
+        </choose>
+    </sql>
+
+    <sql id="filters">
+        <if test="${filters} != null and ${filters}.size() > 0">
+            <trim prefix="and">
+                <foreach collection="${filters}" item="condition" open="(" close=")" index="i" separator="and">
+                    <include refid="condition">
+                        <property name="condition" value="condition"/>
+                        <property name="fieldTable" value="filter_${i}.field_value"/>
+                        <property name="table" value="filter_${i}"/>
+                    </include>
+                </foreach>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="condition">
+        <choose>
+            <when test="condition.refFiled">
+                <choose>
+                    <when test="!condition.customField">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${table}.${condition.name}"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${fieldTable}"/>
+                        </include>
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                <choose>
+                    <when test="condition.name == 'name'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="p.name"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'status'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="p.status"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'price'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="p.price"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'createUser'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="p.create_user"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${fieldTable}"/>
+                        </include>
+                    </otherwise>
+                </choose>
+            </otherwise>
+        </choose>
+    </sql>
+
+    <sql id="combine">
+        <if test="${combineSearch} != null and ${combineSearch}.conditions != null and ${combineSearch}.conditions.size() > 0">
+            <trim prefix="and">
+                <trim prefix="(" suffix=")" suffixOverrides="and|or">
+                    <foreach collection="${combineSearch}.conditions" index="i" item="condition">
+                        <include refid="condition">
+                            <property name="condition" value="condition"/>
+                            <property name="fieldTable" value="combine_${i}.field_value"/>
+                            <property name="table" value="combine_${i}"/>
+                        </include>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.searchMode">
+                            <property name="searchMode" value="${combineSearch}.searchMode"/>
+                        </include>
+                    </foreach>
+                </trim>
+            </trim>
+        </if>
+    </sql>
+
+    <select id="listIdNameByIds" resultType="cn.cordys.crm.product.domain.Product">
+        select id, name from product
+        where id in
+        <foreach collection="ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+        order by pos
+    </select>
+
+
+    <select id="getOptions" resultType="cn.cordys.common.dto.OptionDTO">
+        select id, name
+        from product
+        where organization_id = #{orgId} order by pos
+    </select>
+
+    <select id="listByIds" resultType="cn.cordys.crm.product.domain.Product">
+        select * from product
+        where id in
+        <foreach collection="ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+        order by pos
+    </select>
+    <select id="getPos" resultType="java.lang.Long">
+        SELECT
+            pos
+        FROM
+            product
+        WHERE
+            organization_id = #{orgId}
+        ORDER BY
+            pos DESC
+            LIMIT 1;
+    </select>
+    <select id="getPrePos" resultType="java.lang.Long">
+        select `pos` from product where organization_id = #{orgId}
+        <if test="basePos != null">
+            and `pos` &lt; #{basePos}
+        </if>
+        order by `pos` desc limit 1;
+    </select>
+    <select id="getLastPos" resultType="java.lang.Long">
+        select `pos` from product where organization_id = #{orgId}
+        <if test="basePos != null">
+            and `pos` &gt; #{basePos}
+        </if>
+        order by `pos` desc limit 1;
+    </select>
+    <select id="getProductOptions" resultType="cn.cordys.common.dto.OptionDTO">
+        select id, name
+        from product
+        where
+        organization_id = #{orgId}
+        <if test="keyword != null and keyword != ''">
+            and name like concat('%', #{keyword},'%')
+        </if>
+    </select>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/product/mapper/ExtProductPriceMapper.java b/backend/crm/src/main/java/cn/cordys/crm/product/mapper/ExtProductPriceMapper.java
new file mode 100644
index 0000000..1c92a0c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/product/mapper/ExtProductPriceMapper.java
@@ -0,0 +1,63 @@
+package cn.cordys.crm.product.mapper;
+
+import cn.cordys.common.dto.BatchUpdateDbParam;
+import cn.cordys.crm.product.dto.request.ProductPricePageRequest;
+import cn.cordys.crm.product.dto.response.ProductPriceResponse;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+/**
+ * @author song-cc-rock
+ */
+public interface ExtProductPriceMapper {
+
+    /**
+     * 查询价格列表
+     *
+     * @param request    请求参数
+     * @param currentOrg 当前组织
+     * @return 价格列表
+     */
+    List<ProductPriceResponse> list(@Param("request") ProductPricePageRequest request, @Param("currentOrg") String currentOrg);
+
+	/**
+	 * 获取位置值
+	 * @param orgId 组织ID
+	 * @return 位置值
+	 */
+	Long getPos(@Param("orgId") String orgId);
+
+	/**
+	 * 获取前置值
+	 * @param orgId 组织ID
+	 * @param basePos 基础值
+	 * @param userId 用户ID
+	 * @param resourceType 资源类型
+	 * @return 位置值
+	 */
+    Long getPrePos(@Param("orgId") String orgId, @Param("basePos") Long basePos, @Param("userId") String userId, @Param("resourceType") String resourceType);
+
+	/**
+	 * 获取后置位置值
+	 * @param orgId 组织ID
+	 * @param basePos 基础值
+	 * @param userId 用户ID
+	 * @param resourceType 资源类型
+	 * @return 位置值
+	 */
+    Long getLastPos(@Param("orgId") String orgId, @Param("basePos") Long basePos, @Param("userId") String userId, @Param("resourceType") String resourceType);
+
+	/**
+	 * 批量更新
+	 * @param request 请求参数
+	 */
+	void batchUpdate(@Param("request") BatchUpdateDbParam request);
+
+	/**
+	 * 根据ID列表查询价格表信息
+	 * @param ids ID列表
+	 * @return 价格信息列表
+	 */
+	List<ProductPriceResponse> selectByIds(@Param("ids") List<String> ids);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/product/mapper/ExtProductPriceMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/product/mapper/ExtProductPriceMapper.xml
new file mode 100644
index 0000000..a049203
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/product/mapper/ExtProductPriceMapper.xml
@@ -0,0 +1,299 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.product.mapper.ExtProductPriceMapper">
+
+    <select id="list" resultType="cn.cordys.crm.product.dto.response.ProductPriceResponse">
+        select pp.id, pp.name, pp.status, pp.pos, pp.organization_id, pp.create_time, pp.update_time, pp.create_user,
+        pp.update_user
+        from product_price pp
+
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.filters"/>
+            <property name="tablePrefix" value="filter"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.combineSearch.conditions"/>
+            <property name="tablePrefix" value="combine"/>
+        </include>
+        <include refid="fieldConditionJoin">
+            <property name="conditions" value="request.viewCombineSearch.conditions"/>
+            <property name="tablePrefix" value="viewCombine"/>
+        </include>
+        <include refid="fieldSortJoin">
+            <property name="sort" value="request.sort"/>
+        </include>
+
+        where pp.organization_id = #{currentOrg}
+        <if test="request.keyword != null and request.keyword != ''">
+            and pp.name like concat('%', #{request.keyword},'%')
+        </if>
+        <include refid="filters">
+            <property name="filters" value="request.filters"/>
+        </include>
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+        <include refid="viewCombine">
+            <property name="combineSearch" value="request.viewCombineSearch"/>
+        </include>
+        <include refid="sort">
+            <property name="sort" value="request.sort"/>
+        </include>
+    </select>
+
+    <!-- common sql start -->
+    <sql id="fieldConditionJoin">
+        <if test="${conditions} != null and ${conditions}.size() > 0">
+            <foreach collection="${conditions}" item="condition" index="i">
+                <choose>
+                    <when test="condition.refFiled">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.refFieldConditionJoin">
+                            <property name="condition" value="condition"/>
+                            <property name="mainTable" value="product_price"/>
+                            <property name="mainTableAlias" value="pp"/>
+                            <property name="fieldTable" value="${tablePrefix}_${i}"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <if test="condition.name != 'name' and condition.name != 'status' and condition.name != 'updateUser'
+                            and condition.name != 'createTime' and condition.name != 'updateTime' and condition.name != 'createUser'
+                            and condition.name != 'update_user' and condition.name != 'create_time' and condition.name != 'update_time'
+                            and condition.name != 'create_user'">
+                            <if test="condition.blob">
+                                left join product_price_field_blob ${tablePrefix}_${i}
+                                on pp.id = ${tablePrefix}_${i}.resource_id and ${tablePrefix}_${i}.field_id = #{condition.name}
+                            </if>
+                            <if test="!condition.blob">
+                                left join product_price_field ${tablePrefix}_${i}
+                                on pp.id = ${tablePrefix}_${i}.resource_id and ${tablePrefix}_${i}.field_id = #{condition.name}
+                            </if>
+                        </if>
+                    </otherwise>
+                </choose>
+            </foreach>
+        </if>
+    </sql>
+
+    <sql id="fieldSortJoin">
+        <if test="${sort} != null and ${sort}.name != 'name' and ${sort}.name != 'status'
+                and ${sort}.name != 'create_user' and ${sort}.name != 'create_time'
+                and ${sort}.name != 'update_time' and ${sort}.name != 'update_user'">
+            <bind name="sortName" value="${sort}.name"/>
+            left join product_price_field sort_table
+            on pp.id = sort_table.resource_id and sort_table.field_id = #{sortName}
+            left join sys_module_field module_table on sort_table.field_id = module_table.id
+        </if>
+    </sql>
+
+    <sql id="sort">
+        <choose>
+            <when test="${sort} != null and ${sort}.valid()">
+                <bind name="sortType" value="${sort}.type"/>
+                order by
+                <choose>
+                    <when test="${sort}.name == 'name'">
+                        pp.`name` ${sortType}, pp.id ASC
+                    </when>
+                    <when test="${sort}.name == 'status'">
+                        pp.`status` ${sortType}, pp.id ASC
+                    </when>
+                    <when test="${sort}.name == 'create_time'">
+                        pp.`create_time` ${sortType}, pp.id ASC
+                    </when>
+                    <when test="${sort}.name == 'update_time'">
+                        pp.`update_time` ${sortType}, pp.id ASC
+                    </when>
+                    <when test="${sort}.name == 'create_user'">
+                        pp.`create_user` ${sortType}, pp.id ASC
+                    </when>
+                    <when test="${sort}.name == 'update_user'">
+                        pp.`update_user` ${sortType}, pp.id ASC
+                    </when>
+                    <otherwise>
+                        CASE
+                        WHEN module_table.type = 'INPUT_NUMBER' OR module_table.type = 'FORMULA'
+                        THEN sort_table.field_value+0
+                        END ${sortType},
+                        sort_table.field_value ${sortType},
+                        pp.id ${sortType}
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                order by pp.pos
+            </otherwise>
+        </choose>
+    </sql>
+
+    <sql id="filters">
+        <if test="${filters} != null and ${filters}.size() > 0">
+            <trim prefix="and">
+                <foreach collection="${filters}" item="condition" open="(" close=")" index="i" separator="and">
+                    <include refid="condition">
+                        <property name="condition" value="condition"/>
+                        <property name="fieldTable" value="filter_${i}.field_value"/>
+                        <property name="table" value="filter_${i}"/>
+                    </include>
+                </foreach>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="condition">
+        <choose>
+            <when test="condition.refFiled">
+                <choose>
+                    <when test="!condition.customField">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${table}.${condition.name}"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${fieldTable}"/>
+                        </include>
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                <choose>
+                    <when test="condition.name == 'name'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="pp.name"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'status'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="pp.status"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'createUser'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="pp.create_user"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'updateUser'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="pp.update_user"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'createTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="pp.create_time"/>
+                        </include>
+                    </when>
+                    <when test="condition.name == 'updateTime'">
+                        <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="pp.update_time"/>
+                        </include>
+                    </when>
+                    <otherwise>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                            <property name="condition" value="condition"/>
+                            <property name="column" value="${fieldTable}"/>
+                        </include>
+                    </otherwise>
+                </choose>
+            </otherwise>
+        </choose>
+    </sql>
+
+    <sql id="combine">
+        <if test="${combineSearch} != null and ${combineSearch}.conditions != null and ${combineSearch}.conditions.size() > 0">
+            <trim prefix="and">
+                <trim prefix="(" suffix=")" suffixOverrides="and|or">
+                    <foreach collection="${combineSearch}.conditions" index="i" item="condition">
+                        <include refid="condition">
+                            <property name="condition" value="condition"/>
+                            <property name="fieldTable" value="combine_${i}.field_value"/>
+                            <property name="table" value="combine_${i}"/>
+                        </include>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.searchMode">
+                            <property name="searchMode" value="${combineSearch}.searchMode"/>
+                        </include>
+                    </foreach>
+                </trim>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="viewCombine">
+        <if test="${combineSearch} != null and ${combineSearch}.conditions != null and ${combineSearch}.conditions.size() > 0">
+            <trim prefix="and">
+                <trim prefix="(" suffix=")" suffixOverrides="and|or">
+                    <foreach collection="${combineSearch}.conditions" index="i" item="condition">
+                        <include refid="condition">
+                            <property name="condition" value="condition"/>
+                            <property name="fieldTable" value="viewCombine_${i}.field_value"/>
+                            <property name="table" value="viewCombine_${i}"/>
+                        </include>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.searchMode">
+                            <property name="searchMode" value="${combineSearch}.searchMode"/>
+                        </include>
+                    </foreach>
+                </trim>
+            </trim>
+        </if>
+    </sql>
+    <!-- common sql end -->
+
+    <select id="getPos" resultType="java.lang.Long">
+        select `pos` from product_price where organization_id = #{orgId} order by pos desc limit 1;
+    </select>
+
+    <select id="getPrePos" resultType="java.lang.Long">
+        select `pos` from product_price where organization_id = #{orgId}
+        <if test="basePos != null">
+            and `pos` &lt; #{basePos}
+        </if>
+        order by `pos` desc limit 1;
+    </select>
+
+    <select id="getLastPos" resultType="java.lang.Long">
+        select `pos` from product_price where organization_id = #{orgId}
+        <if test="basePos != null">
+            and `pos` &gt; #{basePos}
+        </if>
+        order by `pos` desc limit 1;
+    </select>
+
+    <update id="batchUpdate">
+        update product_price
+        <set>
+            <if test="request.fieldName == 'name'">
+                name = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'status'">
+                `status` = #{request.fieldValue},
+            </if>
+            <if test="request.fieldName == 'pos'">
+                pos = #{request.fieldvalue},
+            </if>
+            update_time = #{request.updateTime},
+            update_user = #{request.updateUser},
+        </set>
+        where id in
+        <foreach collection="request.ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </update>
+
+    <select id="selectByIds" resultType="cn.cordys.crm.product.dto.response.ProductPriceResponse">
+        select pp.id, pp.name, pp.status, pp.pos, pp.organization_id, pp.create_time, pp.update_time, pp.create_user,
+               pp.update_user
+        from product_price pp
+        where pp.id in
+        <foreach collection="ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </select>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/product/service/PriceLogService.java b/backend/crm/src/main/java/cn/cordys/crm/product/service/PriceLogService.java
new file mode 100644
index 0000000..8fe4026
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/product/service/PriceLogService.java
@@ -0,0 +1,61 @@
+package cn.cordys.crm.product.service;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.dto.JsonDifferenceDTO;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.field.base.HasOption;
+import cn.cordys.crm.system.dto.field.base.OptionProp;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.BaseModuleLogService;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.List;
+import java.util.Optional;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class PriceLogService extends BaseModuleLogService {
+
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+
+    @Override
+    public List<JsonDifferenceDTO> handleLogField(List<JsonDifferenceDTO> differences, String orgId) {
+        differences = super.handleModuleLogField(differences, orgId, FormKey.PRICE.getKey());
+
+        for (JsonDifferenceDTO differ : differences) {
+            if (Strings.CS.equals(differ.getColumn(), BusinessModuleField.PRICE_STATUS.getBusinessKey())) {
+                setPriceStatus(differ, orgId);
+            }
+            if (differ.getColumn().contains("-")) {
+                differ.setColumnName(differ.getColumn());
+            }
+        }
+
+        return differences;
+    }
+
+
+    /**
+     * 产品
+     *
+     * @param differ businessModuleField
+     */
+    private void setPriceStatus(JsonDifferenceDTO differ, String orgId) {
+        ModuleFormConfigDTO priceConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.PRICE.getKey(), orgId);
+        Optional<BaseField> statusField = priceConfig.getFields().stream().filter(f -> Strings.CS.equals(BusinessModuleField.PRICE_STATUS.getKey(), f.getInternalKey())).findFirst();
+        if (statusField.isEmpty()) {
+            return;
+        }
+        List<OptionProp> options = ((HasOption) statusField.get()).getOptions();
+        differ.setNewValueName(options.stream()
+                .filter(optionProp -> Strings.CS.equals(optionProp.getValue(), differ.getNewValue().toString())).map(OptionProp::getLabel));
+        differ.setOldValueName(options.stream()
+                .filter(optionProp -> Strings.CS.equals(optionProp.getValue(), differ.getOldValue().toString())).map(OptionProp::getLabel));
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/product/service/ProductFieldService.java b/backend/crm/src/main/java/cn/cordys/crm/product/service/ProductFieldService.java
new file mode 100644
index 0000000..6d12ec5
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/product/service/ProductFieldService.java
@@ -0,0 +1,38 @@
+package cn.cordys.crm.product.service;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.service.BaseResourceFieldService;
+import cn.cordys.crm.product.domain.ProductField;
+import cn.cordys.crm.product.domain.ProductFieldBlob;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+/**
+ * @author jianxing
+ * @date 2025-02-08 16:24:22
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class ProductFieldService extends BaseResourceFieldService<ProductField, ProductFieldBlob> {
+    @Resource
+    private BaseMapper<ProductField> productFieldMapper;
+    @Resource
+    private BaseMapper<ProductFieldBlob> productFieldBlobMapper;
+
+    @Override
+    protected String getFormKey() {
+        return FormKey.PRODUCT.getKey();
+    }
+
+    @Override
+    protected BaseMapper<ProductField> getResourceFieldMapper() {
+        return productFieldMapper;
+    }
+
+    @Override
+    protected BaseMapper<ProductFieldBlob> getResourceFieldBlobMapper() {
+        return productFieldBlobMapper;
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/product/service/ProductLogService.java b/backend/crm/src/main/java/cn/cordys/crm/product/service/ProductLogService.java
new file mode 100644
index 0000000..278ba61
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/product/service/ProductLogService.java
@@ -0,0 +1,162 @@
+package cn.cordys.crm.product.service;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.dto.JsonDifferenceDTO;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.constants.FieldType;
+import cn.cordys.crm.system.domain.ModuleField;
+import cn.cordys.crm.system.domain.ModuleForm;
+import cn.cordys.crm.system.service.BaseModuleLogService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.text.SimpleDateFormat;
+import java.util.Collections;
+import java.util.List;
+import java.util.Optional;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class ProductLogService extends BaseModuleLogService {
+
+    private static final String PRODUCT_PICTURE = "productPic";
+    private static final String DATE_TIME_FORMAT = "yyyy-MM-dd HH:mm:ss";
+
+    @Resource
+    private BaseMapper<ModuleField> moduleFieldBaseMapper;
+    @Resource
+    private BaseMapper<ModuleForm> moduleFormBaseMapper;
+
+    @Override
+    public List<JsonDifferenceDTO> handleLogField(List<JsonDifferenceDTO> differences, String orgId) {
+
+        super.handleModuleLogField(differences, orgId, FormKey.PRODUCT.getKey());
+
+        ModuleContext context = buildModuleContext(orgId);
+        SimpleDateFormat dateFormat = new SimpleDateFormat(DATE_TIME_FORMAT);
+
+        for (JsonDifferenceDTO differ : differences) {
+            String column = differ.getColumn();
+
+            if (Strings.CS.equals(column, BusinessModuleField.PRODUCT_STATUS.getBusinessKey())) {
+                setProductStatusName(differ);
+                continue;
+            }
+
+            if (Strings.CS.equals(column, context.pictureFieldId())) {
+                setProductPicName(differ);
+                continue;
+            }
+
+            if (Strings.CS.equals(column, context.timeFieldId())) {
+                formatDateTime(differ, dateFormat);
+                continue;
+            }
+
+            if (context.attachFieldIds().contains(column)) {
+                setAttachName(differ);
+            }
+        }
+        return differences;
+    }
+
+    /**
+     * 构建模块字段上下文
+     */
+    private ModuleContext buildModuleContext(String orgId) {
+
+        Optional<ModuleForm> formOptional = moduleFormBaseMapper.selectListByLambda(
+                new LambdaQueryWrapper<ModuleForm>()
+                        .eq(ModuleForm::getOrganizationId, orgId)
+                        .eq(ModuleForm::getFormKey, FormKey.PRODUCT.getKey())
+        ).stream().findFirst();
+
+        if (formOptional.isEmpty()) {
+            return ModuleContext.EMPTY;
+        }
+
+        String formId = formOptional.get().getId();
+
+        List<ModuleField> fields = moduleFieldBaseMapper.selectListByLambda(
+                new LambdaQueryWrapper<ModuleField>()
+                        .eq(ModuleField::getFormId, formId)
+        );
+
+        String pictureFieldId = fields.stream()
+                .filter(f -> Strings.CS.equals(f.getInternalKey(), PRODUCT_PICTURE))
+                .map(ModuleField::getId)
+                .findFirst()
+                .orElse(null);
+
+        String timeFieldId = fields.stream()
+                .filter(f -> Strings.CS.equals(f.getType(), FieldType.DATE_TIME.toString()))
+                .map(ModuleField::getId)
+                .findFirst()
+                .orElse(null);
+
+        List<String> attachFieldIds = fields.stream()
+                .filter(f -> Strings.CS.equals(f.getType(), FieldType.ATTACHMENT.toString()))
+                .map(ModuleField::getId)
+                .toList();
+
+        return new ModuleContext(pictureFieldId, timeFieldId, attachFieldIds);
+    }
+
+    private void formatDateTime(JsonDifferenceDTO differ, SimpleDateFormat format) {
+        Optional.ofNullable(differ.getOldValue())
+                .map(Object::toString)
+                .map(Long::parseLong)
+                .map(format::format)
+                .ifPresent(differ::setOldValueName);
+
+        Optional.ofNullable(differ.getNewValue())
+                .map(Object::toString)
+                .map(Long::parseLong)
+                .map(format::format)
+                .ifPresent(differ::setNewValueName);
+    }
+
+    private void setAttachName(JsonDifferenceDTO differ) {
+        differ.setOldValueName(null);
+        differ.setNewValueName(Translator.get("common.attachment.changed"));
+    }
+
+    /**
+     * 产品图片
+     */
+    private void setProductPicName(JsonDifferenceDTO differ) {
+        differ.setOldValueName(null);
+        differ.setNewValueName(Translator.get("common.picture.changed"));
+    }
+
+    /**
+     * 产品上下架状态
+     */
+    private void setProductStatusName(JsonDifferenceDTO differ) {
+        differ.setOldValueName(resolveProductStatus(differ.getOldValue()));
+        differ.setNewValueName(resolveProductStatus(differ.getNewValue()));
+    }
+
+    private String resolveProductStatus(Object value) {
+        return Strings.CI.equals(String.valueOf(value), "1")
+                ? Translator.get("product.shelves")
+                : Translator.get("product.unShelves");
+    }
+
+    /**
+     * 模块字段上下文（Java 17 record 风格，若低版本可改为普通类）
+     */
+    private record ModuleContext(
+            String pictureFieldId,
+            String timeFieldId,
+            List<String> attachFieldIds
+    ) {
+        static final ModuleContext EMPTY =
+                new ModuleContext(null, null, Collections.emptyList());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/product/service/ProductPriceExportService.java b/backend/crm/src/main/java/cn/cordys/crm/product/service/ProductPriceExportService.java
new file mode 100644
index 0000000..990bd70
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/product/service/ProductPriceExportService.java
@@ -0,0 +1,145 @@
+package cn.cordys.crm.product.service;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.ExportDTO;
+import cn.cordys.common.dto.ExportFieldParam;
+import cn.cordys.common.dto.FieldExportMeta;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.service.BaseExportService;
+import cn.cordys.crm.product.dto.request.ProductPricePageRequest;
+import cn.cordys.crm.product.dto.response.ProductPriceResponse;
+import cn.cordys.crm.product.mapper.ExtProductPriceMapper;
+import cn.cordys.crm.product.utils.ProductPriceUtils;
+import cn.cordys.crm.system.excel.domain.MergeResult;
+import cn.cordys.crm.system.service.ModuleFormService;
+import cn.cordys.registry.ExportThreadRegistry;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections4.CollectionUtils;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+
+/**
+ * 价格表导出
+ *
+ * @author song-cc-rock
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class ProductPriceExportService extends BaseExportService {
+
+    @Resource
+    private ExtProductPriceMapper extProductPriceMapper;
+    @Resource
+    private ProductPriceService productPriceService;
+    @Resource
+    private ModuleFormService moduleFormService;
+
+    @Override
+    protected MergeResult getExportMergeData(String taskId, ExportDTO exportParam) throws InterruptedException {
+
+        List<ProductPriceResponse> exportList = queryExportData(exportParam);
+        if (CollectionUtils.isEmpty(exportList)) {
+            return emptyMergeResult();
+        }
+
+        List<ProductPriceResponse> dataList = productPriceService.buildList(exportList);
+
+        ExportFieldParam exportFieldParam = exportParam.getExportFieldParam();
+        Map<String, List<OptionDTO>> optionMap = buildOptionMap(dataList, exportFieldParam);
+
+        return buildMergeResult(taskId, dataList, optionMap, exportParam);
+    }
+
+    /**
+     * 查询导出数据
+     */
+    private List<ProductPriceResponse> queryExportData(ExportDTO exportParam) {
+        if (CollectionUtils.isNotEmpty(exportParam.getSelectIds())) {
+            return extProductPriceMapper.selectByIds(exportParam.getSelectIds());
+        }
+        ProductPricePageRequest request = (ProductPricePageRequest) exportParam.getPageRequest();
+        return extProductPriceMapper.list(request, exportParam.getOrgId());
+    }
+
+    /**
+     * 构建选项映射
+     */
+    private Map<String, List<OptionDTO>> buildOptionMap(List<ProductPriceResponse> dataList,
+                                                        ExportFieldParam exportFieldParam) {
+
+        List<BaseModuleFieldValue> moduleFieldValues =
+                moduleFormService.getBaseModuleFieldValues(dataList, ProductPriceResponse::getModuleFields);
+
+        return moduleFormService.getOptionMap(
+                exportFieldParam.getFormConfig(),
+                moduleFieldValues
+        );
+    }
+
+    /**
+     * 构建合并导出结果
+     */
+    private MergeResult buildMergeResult(String taskId,
+                                         List<ProductPriceResponse> dataList,
+                                         Map<String, List<OptionDTO>> optionMap,
+                                         ExportDTO exportParam) throws InterruptedException {
+
+        List<List<Object>> data = new ArrayList<>();
+        List<int[]> mergeRegions = new ArrayList<>();
+
+        int offset = 0;
+        ExportFieldParam exportFieldParam = exportParam.getExportFieldParam();
+        var cacheMap = new HashMap<>();
+        for (ProductPriceResponse response : dataList) {
+
+            checkInterrupted(taskId);
+
+            List<List<Object>> rows =
+                    buildData(response, optionMap, exportFieldParam, exportParam.getExportMetas(), cacheMap);
+
+            if (rows.size() > 1) {
+                mergeRegions.add(new int[]{offset, offset + rows.size() - 1});
+            }
+
+            offset += rows.size();
+            data.addAll(rows);
+        }
+
+        return MergeResult.builder()
+                .dataList(data)
+                .handleCount(dataList.size())
+                .mergeRegions(mergeRegions)
+                .build();
+    }
+
+    private void checkInterrupted(String taskId) throws InterruptedException {
+        if (ExportThreadRegistry.isInterrupted(taskId)) {
+            throw new InterruptedException("导出中断");
+        }
+    }
+
+    private MergeResult emptyMergeResult() {
+        return MergeResult.builder()
+                .dataList(new ArrayList<>())
+                .mergeRegions(new ArrayList<>())
+                .build();
+    }
+
+    private List<List<Object>> buildData(ProductPriceResponse detail,
+                                         Map<String, List<OptionDTO>> optionMap,
+                                         ExportFieldParam exportFieldParam,
+                                         List<FieldExportMeta> metas, HashMap<Object, Object> cacheMap) {
+
+        LinkedHashMap<String, Object> systemFieldMap =
+                ProductPriceUtils.getSystemFieldMap(detail, optionMap);
+
+        return buildDataWithSub(
+                detail.getModuleFields(),
+                exportFieldParam,
+                metas,
+                systemFieldMap, cacheMap
+        );
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/product/service/ProductPriceFieldService.java b/backend/crm/src/main/java/cn/cordys/crm/product/service/ProductPriceFieldService.java
new file mode 100644
index 0000000..66733b5
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/product/service/ProductPriceFieldService.java
@@ -0,0 +1,38 @@
+package cn.cordys.crm.product.service;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.service.BaseResourceFieldService;
+import cn.cordys.crm.product.domain.ProductPriceField;
+import cn.cordys.crm.product.domain.ProductPriceFieldBlob;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+/**
+ * @author song-cc-rock
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class ProductPriceFieldService extends BaseResourceFieldService<ProductPriceField, ProductPriceFieldBlob> {
+
+	@Resource
+	private BaseMapper<ProductPriceField> productPriceFieldMapper;
+	@Resource
+	private BaseMapper<ProductPriceFieldBlob> productPriceFieldBlobMapper;
+
+	@Override
+	protected String getFormKey() {
+		return FormKey.PRICE.getKey();
+	}
+
+	@Override
+	protected BaseMapper<ProductPriceField> getResourceFieldMapper() {
+		return productPriceFieldMapper;
+	}
+
+	@Override
+	protected BaseMapper<ProductPriceFieldBlob> getResourceFieldBlobMapper() {
+		return productPriceFieldBlobMapper;
+	}
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/product/service/ProductPriceService.java b/backend/crm/src/main/java/cn/cordys/crm/product/service/ProductPriceService.java
new file mode 100644
index 0000000..e47837c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/product/service/ProductPriceService.java
@@ -0,0 +1,736 @@
+package cn.cordys.crm.product.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogDTO;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.domain.BaseResourceSubField;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.dto.request.PosRequest;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.ServiceUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.opportunity.domain.OpportunityQuotationField;
+import cn.cordys.crm.opportunity.domain.OpportunityQuotationFieldBlob;
+import cn.cordys.crm.product.domain.ProductPrice;
+import cn.cordys.crm.product.domain.ProductPriceField;
+import cn.cordys.crm.product.domain.ProductPriceFieldBlob;
+import cn.cordys.crm.product.dto.request.ProductPriceAddRequest;
+import cn.cordys.crm.product.dto.request.ProductPriceEditRequest;
+import cn.cordys.crm.product.dto.request.ProductPricePageRequest;
+import cn.cordys.crm.product.dto.response.ProductPriceGetResponse;
+import cn.cordys.crm.product.dto.response.ProductPriceResponse;
+import cn.cordys.crm.product.mapper.ExtProductPriceMapper;
+import cn.cordys.crm.system.constants.SheetKey;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.request.ResourceBatchEditRequest;
+import cn.cordys.crm.system.dto.response.ImportResponse;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.excel.CustomImportAfterDoConsumer;
+import cn.cordys.crm.system.excel.handler.CustomHeadColWidthStyleStrategy;
+import cn.cordys.crm.system.excel.handler.CustomTemplateWriteHandler;
+import cn.cordys.crm.system.excel.listener.CustomFieldCheckEventListener;
+import cn.cordys.crm.system.excel.listener.CustomFieldImportEventListener;
+import cn.cordys.crm.system.excel.listener.CustomFieldMergeCellEventListener;
+import cn.cordys.crm.system.service.*;
+import cn.cordys.excel.utils.EasyExcelExporter;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import cn.idev.excel.FastExcelFactory;
+import cn.idev.excel.enums.CellExtraTypeEnum;
+import cn.idev.excel.metadata.CellExtra;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import jakarta.servlet.http.HttpServletResponse;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.RandomStringUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+import org.springframework.web.multipart.MultipartFile;
+
+import java.util.*;
+import java.util.concurrent.atomic.AtomicLong;
+
+/**
+ * @author song-cc-rock
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class ProductPriceService {
+
+    @Resource
+    private BaseService baseService;
+    @Resource
+    private ModuleFormService moduleFormService;
+	@Resource
+	private ModuleFieldExtService moduleFieldExtService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private BaseMapper<ProductPrice> productPriceMapper;
+    @Resource
+    private BaseMapper<ProductPriceField> productPriceFieldMapper;
+    @Resource
+    private BaseMapper<ProductPriceFieldBlob> productPriceFieldBlobMapper;
+    @Resource
+    private ProductPriceFieldService productPriceFieldService;
+    @Resource
+    private ExtProductPriceMapper extProductPriceMapper;
+    @Resource
+    private LogService logService;
+    @Resource
+    private BaseMapper<OpportunityQuotationField> opportunityFieldMapper;
+    @Resource
+    private BaseMapper<OpportunityQuotationFieldBlob> opportunityQuotationFieldBlobBaseMapper;
+    @Resource
+    private AttachmentService attachmentService;
+
+    public static final int MAX_NAME_SPLIT_LENGTH = 243;
+
+    /**
+     * 价格列表
+     *
+     * @param request    请求参数
+     * @param currentOrg 当前组织
+     *
+     * @return 价格列表
+     */
+    public PagerWithOption<List<ProductPriceResponse>> list(ProductPricePageRequest request, String currentOrg) {
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        List<ProductPriceResponse> list = extProductPriceMapper.list(request, currentOrg);
+        List<ProductPriceResponse> results = buildList(list);
+        // 处理自定义字段选项
+        ModuleFormConfigDTO priceFormConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.PRICE.getKey(), currentOrg);
+        List<BaseModuleFieldValue> moduleFieldValues = moduleFormService.getBaseModuleFieldValues(results, ProductPriceResponse::getModuleFields);
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(priceFormConfig, moduleFieldValues);
+        return PageUtils.setPageInfoWithOption(page, processList(results, priceFormConfig), optionMap);
+    }
+
+    /**
+     * 新增价格表
+     *
+     * @param request     请求参数
+     * @param currentUser 当前用户
+     * @param currentOrg  当前组织
+     *
+     * @return 价格表
+     */
+    @OperationLog(module = LogModule.PRODUCT_PRICE_MANAGEMENT, type = LogType.ADD, resourceName = "{#request.name}", operator = "{#currentUser}")
+    public ProductPrice add(ProductPriceAddRequest request, String currentUser, String currentOrg) {
+        ProductPrice productPrice = BeanUtils.copyBean(new ProductPrice(), request);
+        productPrice.setId(IDGenerator.nextStr());
+        productPrice.setOrganizationId(currentOrg);
+        productPrice.setPos(getNextOrder(currentOrg));
+        productPrice.setCreateTime(System.currentTimeMillis());
+        productPrice.setUpdateTime(System.currentTimeMillis());
+        productPrice.setCreateUser(currentUser);
+        productPrice.setUpdateUser(currentUser);
+        // 设置子表格字段值
+        request.getModuleFields().add(new BaseModuleFieldValue("products", request.getProducts()));
+        productPriceFieldService.saveModuleField(productPrice, currentOrg, currentUser, request.getModuleFields(), false);
+        productPriceMapper.insert(productPrice);
+        // 处理日志上下文
+        ModuleFormConfigDTO priceFormConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.PRICE.getKey(), currentOrg);
+        baseService.handleAddLogWithSubTable(productPrice, request.getModuleFields(), Translator.get("products_info"), priceFormConfig);
+        return productPrice;
+    }
+
+    /**
+     * 修改价格表
+     *
+     * @param request     请求参数
+     * @param currentUser 当前用户
+     * @param currentOrg  当前组织
+     *
+     * @return 价格表
+     */
+    @OperationLog(module = LogModule.PRODUCT_PRICE_MANAGEMENT, type = LogType.UPDATE, operator = "{#currentUser}")
+    public ProductPrice update(ProductPriceEditRequest request, String currentUser, String currentOrg) {
+        ProductPrice oldPrice = productPriceMapper.selectByPrimaryKey(request.getId());
+        if (oldPrice == null) {
+            throw new GenericException(Translator.get("product.price.not.exist"));
+        }
+        List<BaseModuleFieldValue> originFields = productPriceFieldService.getModuleFieldValuesByResourceId(request.getId());
+        ProductPrice productPrice = BeanUtils.copyBean(new ProductPrice(), request);
+        productPrice.setUpdateTime(System.currentTimeMillis());
+        productPrice.setUpdateUser(currentUser);
+        // 设置子表格字段值
+        request.getModuleFields().add(new BaseModuleFieldValue("products", request.getProducts()));
+        updateFields(request.getModuleFields(), productPrice, currentOrg, currentUser);
+        productPriceMapper.update(productPrice);
+        // 处理日志上下文
+        ModuleFormConfigDTO priceFormConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.PRICE.getKey(), currentOrg);
+        baseService.handleUpdateLogWithSubTable(oldPrice, productPrice, originFields, request.getModuleFields(), request.getId(), productPrice.getName(), Translator.get("products_info"), priceFormConfig);
+        return productPriceMapper.selectByPrimaryKey(request.getId());
+    }
+
+    /**
+     * ⚠️反射调用; 勿修改入参, 返回, 方法名!
+     *
+     * @param id 价格表ID
+     *
+     * @return 价格表详情
+     */
+    public ProductPriceGetResponse get(String id) {
+        ProductPrice price = productPriceMapper.selectByPrimaryKey(id);
+        if (price == null) {
+            return null;
+        }
+        ProductPriceGetResponse priceDetail = BeanUtils.copyBean(new ProductPriceGetResponse(), price);
+        // 处理自定义字段(包括详情附件)
+        List<BaseModuleFieldValue> fieldValues = productPriceFieldService.getModuleFieldValuesByResourceId(id);
+        ModuleFormConfigDTO priceFormConf = moduleFormCacheService.getBusinessFormConfig(FormKey.PRICE.getKey(), price.getOrganizationId());
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(priceFormConf, fieldValues);
+        priceDetail.setOptionMap(optionMap);
+        moduleFormService.processBusinessFieldValues(priceDetail, fieldValues, priceFormConf);
+        priceDetail.setAttachmentMap(moduleFormService.getAttachmentMap(priceFormConf, priceDetail.getModuleFields()));
+        return baseService.setCreateAndUpdateUserName(priceDetail);
+    }
+
+	/**
+	 * 获取价格表详情-简化版 (⚠️反射调用; 勿修改入参, 返回, 方法名!)
+	 * @param id 价格表ID
+	 * @return 价格表详情
+	 */
+	public ProductPriceGetResponse getSimple(String id) {
+		ProductPrice price = productPriceMapper.selectByPrimaryKey(id);
+		if (price == null) {
+			return null;
+		}
+		ProductPriceGetResponse response = BeanUtils.copyBean(new ProductPriceGetResponse(), price);
+		// 处理自定义字段(包括详情附件)
+		ModuleFormConfigDTO priceFormConf = moduleFormCacheService.getBusinessFormConfig(FormKey.PRICE.getKey(), price.getOrganizationId());
+		List<BaseModuleFieldValue> fvs = productPriceFieldService.getModuleFieldValuesByResourceId(id);
+		moduleFormService.processBusinessFieldValues(response, fvs, priceFormConf);
+		return response;
+	}
+
+	/**
+	 * 批量获取价格表详情 (用于数据源批量查询优化)
+	 * @param ids 价格表ID集合
+	 * @return 价格表详情列表
+	 */
+	public List<ProductPriceGetResponse> batchGetSimpleByIds(List<String> ids) {
+		if (CollectionUtils.isEmpty(ids)) {
+			return Collections.emptyList();
+		}
+		List<ProductPrice> prices = productPriceMapper.selectByIds(ids);
+		if (CollectionUtils.isEmpty(prices)) {
+			return Collections.emptyList();
+		}
+		ModuleFormConfigDTO priceFormConf = moduleFormCacheService.getBusinessFormConfig(FormKey.PRICE.getKey(), prices.getFirst().getOrganizationId());
+		Map<String, List<BaseModuleFieldValue>> fieldValueMap = productPriceFieldService.getResourceFieldMap(ids, true);
+
+		return prices.stream().map(price -> {
+			ProductPriceGetResponse response = BeanUtils.copyBean(new ProductPriceGetResponse(), price);
+			List<BaseModuleFieldValue> fvs = fieldValueMap.get(price.getId());
+			if (CollectionUtils.isNotEmpty(fvs)) {
+				moduleFormService.processBusinessFieldValues(response, fvs, priceFormConf);
+			}
+			return response;
+		}).toList();
+	}
+
+    /**
+     * 删除价格表
+     *
+     * @param id 价格表ID
+     */
+    @OperationLog(module = LogModule.PRODUCT_PRICE_MANAGEMENT, type = LogType.DELETE, resourceId = "{#id}")
+    public void delete(String id) {
+        // 1. 查询价格表，不存在则抛错
+        ProductPrice price = Optional.ofNullable(
+                productPriceMapper.selectByPrimaryKey(id)
+        ).orElseThrow(() -> new GenericException(
+                Translator.get("product.price.not.exist")
+        ));
+
+        // 2. 检查是否被引用（报价单等）
+        List<OpportunityQuotationField> opportunityFields = opportunityFieldMapper.selectListByLambda(
+                new LambdaQueryWrapper<OpportunityQuotationField>()
+                        .eq(OpportunityQuotationField::getFieldValue, id)
+        );
+
+        List<OpportunityQuotationFieldBlob> opportunityBlobFields = opportunityQuotationFieldBlobBaseMapper.selectListByLambda(
+                new LambdaQueryWrapper<OpportunityQuotationFieldBlob>()
+                        .eq(OpportunityQuotationFieldBlob::getFieldValue, id)
+        );
+
+
+        if (!opportunityFields.isEmpty() || !opportunityBlobFields.isEmpty()) {
+            throw new GenericException(
+                    Translator.get("product.price.in.use.cannot.delete")
+            );
+        }
+
+        // 3. 删除主表和自定义字段表数据
+        productPriceMapper.deleteByPrimaryKey(id);
+        productPriceFieldService.deleteByResourceId(id);
+
+        // 4. 记录日志上下文（用于审计）
+        OperationLogContext.setResourceName(price.getName());
+    }
+
+    /**
+     * 复制价格表
+     *
+     * @param id          价格表ID
+     * @param currentUser 当前用户
+     * @param currentOrg  当前组织
+     *
+     * @return 复制后价格表
+     */
+    @OperationLog(module = LogModule.PRODUCT_PRICE_MANAGEMENT, type = LogType.ADD, operator = "{#currentUser}")
+    public ProductPrice copy(String id, String currentUser, String currentOrg) {
+        // 1. 查询价格表，不存在则抛错
+        ProductPrice price = Optional.ofNullable(productPriceMapper.selectByPrimaryKey(id))
+                .orElseThrow(() -> new GenericException(Translator.get("product.price.not.exist")));
+        // 2. 复制价格表基础信息
+        price.setId(IDGenerator.nextStr());
+        price.setPos(getNextOrder(currentOrg));
+        if (price.getName() != null && price.getName().length() > MAX_NAME_SPLIT_LENGTH) {
+            price.setName(price.getName().substring(0, 243));
+        }
+        price.setName(price.getName() + "_copy_" + RandomStringUtils.random(6, 0, 0, true, true, null, new Random()));
+        price.setCreateUser(currentUser);
+        price.setCreateTime(System.currentTimeMillis());
+        price.setUpdateUser(currentUser);
+        price.setUpdateTime(System.currentTimeMillis());
+        price.setOrganizationId(currentOrg);
+        productPriceMapper.insert(price);
+        // 3. 复制价格表自定义字段信息
+        copyPriceFields(id, price.getId(), currentOrg, currentUser);
+        // 4. 处理日志上下文
+        ModuleFormConfigDTO priceFormConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.PRICE.getKey(), currentOrg);
+        List<BaseModuleFieldValue> fvs = productPriceFieldService.getModuleFieldValuesByResourceId(price.getId());
+        baseService.handleAddLogWithSubTable(price, fvs, Translator.get("products_info"), priceFormConfig);
+        OperationLogContext.getContext().setResourceId(price.getId());
+        OperationLogContext.getContext().setResourceName(price.getName());
+        return price;
+    }
+
+    /**
+     * 批量更新价格表
+     *
+     * @param request     请求参数
+     * @param currentUser 当前用户
+     * @param currentOrg  当前组织
+     */
+    public void batchUpdate(ResourceBatchEditRequest request, String currentUser, String currentOrg) {
+        BaseField field = productPriceFieldService.getAndCheckField(request.getFieldId(), currentOrg);
+        List<ProductPrice> prices = productPriceMapper.selectByIds(request.getIds());
+        productPriceFieldService.batchUpdate(request, field, prices, ProductPrice.class,
+                LogModule.PRODUCT_PRICE_MANAGEMENT, extProductPriceMapper::batchUpdate, currentUser, currentOrg);
+    }
+
+    /**
+     * 下载导入的模板
+     *
+     * @param response 响应
+     */
+    public void downloadImportTpl(HttpServletResponse response, String currentOrg) {
+        new EasyExcelExporter().exportMultiSheetTplWithSharedHandler(response,
+                moduleFormService.getCustomImportHeadsNoRef(FormKey.PRICE.getKey(), currentOrg),
+                Translator.get("product.price.import_tpl.name"),
+                Translator.get(SheetKey.DATA), Translator.get(SheetKey.COMMENT),
+                new CustomTemplateWriteHandler(moduleFormService.getAllCustomImportFields(FormKey.PRICE.getKey(), currentOrg)),
+                new CustomHeadColWidthStyleStrategy()
+        );
+    }
+
+    /**
+     * 导入检查
+     *
+     * @param file       导入文件
+     * @param currentOrg 当前组织
+     *
+     * @return 导入检查信息
+     */
+    public ImportResponse importPreCheck(MultipartFile file, String currentOrg) {
+        if (file == null) {
+            throw new GenericException(Translator.get("file_cannot_be_null"));
+        }
+        return checkImportExcel(file, currentOrg);
+    }
+
+    /**
+     * 检查导入的文件
+     *
+     * @param file       文件
+     * @param currentOrg 当前组织
+     *
+     * @return 检查信息
+     */
+    private ImportResponse checkImportExcel(MultipartFile file, String currentOrg) {
+        try {
+            List<BaseField> fields = moduleFormService.getAllCustomImportFields(
+                    FormKey.PRICE.getKey(),
+                    currentOrg
+            );
+
+            boolean supportSubHead = moduleFormService.supportSubHead(fields);
+            int headRowNumber = supportSubHead ? 2 : 1;
+
+            // 1 先读取合并单元格信息
+            CustomFieldMergeCellEventListener mergeCellEventListener =
+                    new CustomFieldMergeCellEventListener();
+
+            FastExcelFactory.read(file.getInputStream(), mergeCellEventListener)
+                    .extraRead(CellExtraTypeEnum.MERGE)
+                    .headRowNumber(headRowNumber)
+                    .ignoreEmptyRow(true)
+                    .sheet()
+                    .doRead();
+
+            // 2 校验数据
+            CustomFieldCheckEventListener eventListener =
+                    new CustomFieldCheckEventListener(
+                            fields,
+                            "product_price",
+                            "product_price_field",
+                            currentOrg,
+                            mergeCellEventListener.getMergeCellMap(),
+                            mergeCellEventListener.getMergeRowDataMap()
+                    );
+
+            FastExcelFactory.read(file.getInputStream(), eventListener)
+                    .headRowNumber(headRowNumber)
+                    .ignoreEmptyRow(true)
+                    .sheet()
+                    .doRead();
+
+            return ImportResponse.builder()
+                    .errorMessages(eventListener.getErrList())
+                    .successCount(eventListener.getSuccess())
+                    .failCount(eventListener.getErrList().size())
+                    .build();
+
+        } catch (Exception e) {
+            log.error("price import pre-check error: {}", e.getMessage(), e);
+            throw new GenericException(e.getMessage());
+        }
+    }
+
+    /**
+     * 价格表导入
+     *
+     * @param file        导入文件
+     * @param currentOrg  当前组织
+     * @param currentUser 当前用户
+     *
+     * @return 导入返回信息
+     */
+    public ImportResponse realImport(MultipartFile file, String currentOrg, String currentUser) {
+        try {
+            List<BaseField> fields = moduleFormService.getAllFields(
+                    FormKey.PRICE.getKey(),
+                    currentOrg
+            );
+
+            boolean supportSubHead = moduleFormService.supportSubHead(fields);
+            int headRowNumber = supportSubHead ? 2 : 1;
+
+            // 1 读取合并单元格信息
+            CustomFieldMergeCellEventListener mergeCellEventListener =
+                    new CustomFieldMergeCellEventListener();
+
+            FastExcelFactory.read(file.getInputStream(), mergeCellEventListener)
+                    .extraRead(CellExtraTypeEnum.MERGE)
+                    .headRowNumber(headRowNumber)
+                    .ignoreEmptyRow(true)
+                    .sheet()
+                    .doRead();
+
+            // 2 实际导入
+            CustomFieldImportEventListener<ProductPrice> eventListener =
+                    getPriceEventListener(
+                            currentOrg,
+                            currentUser,
+                            fields,
+                            mergeCellEventListener.getMergeCellMap(),
+                            mergeCellEventListener.getMergeRowDataMap()
+                    );
+
+            FastExcelFactory.read(file.getInputStream(), eventListener)
+                    .extraRead(CellExtraTypeEnum.MERGE)
+                    .headRowNumber(headRowNumber)
+                    .ignoreEmptyRow(true)
+                    .sheet()
+                    .doRead();
+
+            return ImportResponse.builder()
+                    .errorMessages(eventListener.getErrList())
+                    .successCount(eventListener.getSuccessCount())
+                    .failCount(eventListener.getErrList().size())
+                    .build();
+
+        } catch (Exception e) {
+            log.error("价格表导入失败, 原因: {}", e.getMessage(), e);
+            throw new GenericException(e.getMessage());
+        }
+    }
+
+    /**
+     * 价格表导入监听器
+     *
+     * @param currentOrg  当前组织
+     * @param currentUser 当前用户
+     * @param fields      自定义字段集合
+     *
+     * @return 导入监听器
+     */
+    private CustomFieldImportEventListener<ProductPrice> getPriceEventListener(
+            String currentOrg,
+            String currentUser,
+            List<BaseField> fields,
+            Map<Integer, List<CellExtra>> mergeCellMap,
+            Map<Integer, Map<Integer, String>> mergeRowDataMap) {
+
+        AtomicLong initPos = new AtomicLong(getNextOrder(currentOrg));
+
+        CustomImportAfterDoConsumer<ProductPrice, BaseResourceSubField> afterDo =
+                (prices, priceFields, priceFieldBlobs) -> {
+
+                    List<LogDTO> logs = new ArrayList<>();
+
+                    prices.forEach(price -> {
+                        price.setPos(initPos.getAndAdd(ServiceUtils.POS_STEP));
+                        logs.add(new LogDTO(
+                                currentOrg,
+                                price.getId(),
+                                currentUser,
+                                LogType.ADD,
+                                LogModule.PRODUCT_PRICE_MANAGEMENT,
+                                price.getName()
+                        ));
+                    });
+
+                    productPriceMapper.batchInsert(prices);
+
+                    productPriceFieldMapper.batchInsert(
+                            priceFields.stream()
+                                    .map(field -> BeanUtils.copyBean(new ProductPriceField(), field))
+                                    .toList()
+                    );
+
+                    productPriceFieldBlobMapper.batchInsert(
+                            priceFieldBlobs.stream()
+                                    .map(field -> BeanUtils.copyBean(new ProductPriceFieldBlob(), field))
+                                    .toList()
+                    );
+
+                    // record logs
+                    logService.batchAdd(logs);
+                };
+
+        return new CustomFieldImportEventListener<>(
+                fields,
+                ProductPrice.class,
+                currentOrg,
+                currentUser,
+                "product_price_field",
+                afterDo,
+                2000,
+                mergeCellMap,
+                mergeRowDataMap
+        );
+    }
+
+    /**
+     * 构建列表数据
+     *
+     * @param listData 列表数据
+     *
+     * @return 列表数据
+     */
+    public List<ProductPriceResponse> buildList(List<ProductPriceResponse> listData) {
+        // 查询列表数据的自定义字段
+        Map<String, List<BaseModuleFieldValue>> dataFieldMap = productPriceFieldService.getResourceFieldMap(
+                listData.stream().map(ProductPriceResponse::getId).toList(), true);
+        // 列表项设置自定义字段&&用户名
+        listData.forEach(item -> item.setModuleFields(dataFieldMap.get(item.getId())));
+        return baseService.setCreateAndUpdateUserName(listData);
+    }
+
+    /**
+     * 处理列表数据
+     *
+     * @param listData 列表数据
+     *
+     * @return 列表数据
+     */
+    public List<ProductPriceResponse> processList(List<ProductPriceResponse> listData, ModuleFormConfigDTO priceFormConf) {
+        // 查询列表数据的自定义字段
+        Map<String, List<BaseModuleFieldValue>> dataFieldMap = productPriceFieldService.getResourceFieldMap(
+                listData.stream().map(ProductPriceResponse::getId).toList(), true);
+        // 列表项设置自定义字段&&用户名
+        listData.forEach(item -> {
+            if (!dataFieldMap.containsKey(item.getId())) {
+                return;
+            }
+            moduleFormService.processBusinessFieldValues(item, dataFieldMap.get(item.getId()), priceFormConf);
+        });
+        return baseService.setCreateAndUpdateUserName(listData);
+    }
+
+    /**
+     * 更新自定义字段
+     *
+     * @param fields      自定义字段集合
+     * @param price       价格表
+     * @param currentOrg  当前组织
+     * @param currentUser 当前用户
+     */
+    private void updateFields(List<BaseModuleFieldValue> fields, ProductPrice price, String currentOrg, String currentUser) {
+        if (fields == null) {
+            return;
+        }
+        productPriceFieldService.deleteByResourceId(price.getId());
+        productPriceFieldService.saveModuleField(price, currentOrg, currentUser, fields, true);
+    }
+
+    /**
+     * 拖拽排序
+     *
+     * @param request 请求参数
+     */
+    public void editPos(PosRequest request) {
+        ServiceUtils.updatePosFieldByAsc(request,
+                ProductPrice.class,
+                null,
+                null,
+                productPriceMapper::selectByPrimaryKey,
+                extProductPriceMapper::getPrePos,
+                extProductPriceMapper::getLastPos,
+                productPriceMapper::update);
+    }
+
+    /**
+     * 获取下一个排序值
+     *
+     * @param orgId 组织ID
+     *
+     * @return 下一个排序值
+     */
+    public Long getNextOrder(String orgId) {
+        Long pos = extProductPriceMapper.getPos(orgId);
+        return (pos == null ? 0 : pos) + ServiceUtils.POS_STEP;
+    }
+
+    /**
+     * 获取价格表名称
+     *
+     * @param id id
+     *
+     * @return 名称
+     */
+    public String getProductPriceName(String id) {
+        ProductPrice productPrice = productPriceMapper.selectByPrimaryKey(id);
+        return Optional.ofNullable(productPrice).map(ProductPrice::getName).orElse(null);
+    }
+
+    /**
+     * 通过ID集合获取价格表名称串
+     *
+     * @param ids ID集合
+     *
+     * @return 名称字符串
+     */
+    public String getProductPriceNameByIds(List<String> ids) {
+        List<ProductPrice> productPrices = productPriceMapper.selectByIds(ids);
+        if (CollectionUtils.isNotEmpty(productPrices)) {
+            List<String> names = productPrices.stream().map(ProductPrice::getName).toList();
+            return String.join(",", names);
+        }
+        return StringUtils.EMPTY;
+    }
+
+    /**
+     * 通过名称获取价格表集合
+     *
+     * @param names 名称集合
+     *
+     * @return 价格表集合
+     */
+    public List<ProductPrice> getProductPriceListByNames(List<String> names) {
+        LambdaQueryWrapper<ProductPrice> lambdaQueryWrapper = new LambdaQueryWrapper<>();
+        lambdaQueryWrapper.in(ProductPrice::getName, names);
+        return productPriceMapper.selectListByLambda(lambdaQueryWrapper);
+    }
+
+    /**
+     * 复制价格表自定义字段信息
+     *
+     * @param sourceId 源价格表ID
+     * @param targetId 目标价格表ID
+     */
+    private void copyPriceFields(String sourceId, String targetId, String currentOrg, String currentUser) {
+
+        // 1 普通字段
+        LambdaQueryWrapper<ProductPriceField> fieldQuery = new LambdaQueryWrapper<>();
+        fieldQuery.eq(ProductPriceField::getResourceId, sourceId);
+        List<ProductPriceField> sourceFields = productPriceFieldMapper.selectListByLambda(fieldQuery);
+
+        if (CollectionUtils.isNotEmpty(sourceFields)) {
+            List<ProductPriceField> targetFields = sourceFields.stream()
+                    .peek(field -> {
+                        field.setId(IDGenerator.nextStr());
+                        field.setResourceId(targetId);
+                    })
+                    .toList();
+
+            productPriceFieldMapper.batchInsert(targetFields);
+        }
+
+        // 2 Blob 字段（含附件）
+        LambdaQueryWrapper<ProductPriceFieldBlob> blobQuery = new LambdaQueryWrapper<>();
+        blobQuery.eq(ProductPriceFieldBlob::getResourceId, sourceId);
+        List<ProductPriceFieldBlob> sourceBlobs = productPriceFieldBlobMapper.selectListByLambda(blobQuery);
+
+        Map<String, String> attachmentIdMap = new HashMap<>(8);
+        List<String> attachmentFieldIds = moduleFieldExtService.getFieldIdsOfForm(FormKey.PRICE.getKey(), currentOrg);
+
+        if (CollectionUtils.isNotEmpty(sourceBlobs)) {
+            List<ProductPriceFieldBlob> targetBlobs = sourceBlobs.stream()
+                    .peek(blob -> {
+                        blob.setId(IDGenerator.nextStr());
+                        blob.setResourceId(targetId);
+
+                        if (attachmentFieldIds.contains(blob.getFieldId()) && blob.getFieldValue() != null) {
+
+                            List<String> attachmentIds = JSON.parseArray(
+                                    blob.getFieldValue().toString(),
+                                    String.class
+                            );
+
+                            List<String> copyAttachmentIds = new ArrayList<>();
+                            attachmentIds.forEach(id -> {
+                                attachmentIdMap.putIfAbsent(id, IDGenerator.nextStr());
+                                copyAttachmentIds.add(attachmentIdMap.get(id));
+                            });
+
+                            blob.setFieldValue(JSON.toJSONString(copyAttachmentIds));
+                        }
+                    })
+                    .toList();
+
+            productPriceFieldBlobMapper.batchInsert(targetBlobs);
+        }
+
+        // 3 复制附件实体
+        attachmentService.batchCopyOfIdMap(attachmentIdMap, targetId, currentUser);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/product/service/ProductService.java b/backend/crm/src/main/java/cn/cordys/crm/product/service/ProductService.java
new file mode 100644
index 0000000..30915e7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/product/service/ProductService.java
@@ -0,0 +1,439 @@
+package cn.cordys.crm.product.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogDTO;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.domain.BaseResourceSubField;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.dto.request.PosRequest;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.ServiceUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.product.domain.Product;
+import cn.cordys.crm.product.domain.ProductField;
+import cn.cordys.crm.product.domain.ProductFieldBlob;
+import cn.cordys.crm.product.dto.request.ProductEditRequest;
+import cn.cordys.crm.product.dto.request.ProductPageRequest;
+import cn.cordys.crm.product.dto.response.ProductGetResponse;
+import cn.cordys.crm.product.dto.response.ProductListResponse;
+import cn.cordys.crm.product.mapper.ExtProductMapper;
+import cn.cordys.crm.system.constants.SheetKey;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.request.ResourceBatchEditRequest;
+import cn.cordys.crm.system.dto.response.ImportResponse;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.excel.CustomImportAfterDoConsumer;
+import cn.cordys.crm.system.excel.handler.CustomHeadColWidthStyleStrategy;
+import cn.cordys.crm.system.excel.handler.CustomTemplateWriteHandler;
+import cn.cordys.crm.system.excel.listener.CustomFieldCheckEventListener;
+import cn.cordys.crm.system.excel.listener.CustomFieldImportEventListener;
+import cn.cordys.crm.system.service.LogService;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.crm.system.service.ModuleFormService;
+import cn.cordys.excel.utils.EasyExcelExporter;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import cn.idev.excel.FastExcelFactory;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import jakarta.servlet.http.HttpServletResponse;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+import org.springframework.web.multipart.MultipartFile;
+
+import java.util.*;
+import java.util.concurrent.atomic.AtomicLong;
+import java.util.stream.Collectors;
+
+/**
+ * @author guoyuqi
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class ProductService {
+
+    @Resource
+    private BaseMapper<Product> productBaseMapper;
+    @Resource
+    private ExtProductMapper extProductMapper;
+    @Resource
+    private BaseService baseService;
+    @Resource
+    private ProductFieldService productFieldService;
+    @Resource
+    private LogService logService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private ModuleFormService moduleFormService;
+    @Resource
+    private BaseMapper<ProductField> productFieldMapper;
+    @Resource
+    private BaseMapper<ProductFieldBlob> productFieldBlobMapper;
+
+    public PagerWithOption<List<ProductListResponse>> list(ProductPageRequest request, String orgId) {
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        List<ProductListResponse> list = extProductMapper.list(request, orgId);
+        List<ProductListResponse> buildList = buildListData(list);
+        // 处理自定义字段选项数据
+        ModuleFormConfigDTO productFormConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.PRODUCT.getKey(), orgId);
+        // 获取所有模块字段的值
+        List<BaseModuleFieldValue> moduleFieldValues = moduleFormService.getBaseModuleFieldValues(list, ProductListResponse::getModuleFields);
+        // 获取选项值对应的 option
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(productFormConfig, moduleFieldValues);
+        return PageUtils.setPageInfoWithOption(page, buildList, optionMap);
+    }
+
+    private List<ProductListResponse> buildListData(List<ProductListResponse> list) {
+        List<String> productIds = list.stream().map(ProductListResponse::getId)
+                .collect(Collectors.toList());
+
+        Map<String, List<BaseModuleFieldValue>> productFiledMap = productFieldService.getResourceFieldMap(productIds, true);
+
+        list.forEach(productListResponse -> {
+            // 获取自定义字段
+            List<BaseModuleFieldValue> productFields = productFiledMap.get(productListResponse.getId());
+            productListResponse.setModuleFields(productFields);
+        });
+
+        return baseService.setCreateAndUpdateUserName(list);
+    }
+
+    /**
+     * ⚠️反射调用; 勿修改入参, 返回, 方法名!
+     *
+     * @param id 产品ID
+     *
+     * @return 产品详情
+     */
+    public ProductGetResponse get(String id) {
+        Product product = productBaseMapper.selectByPrimaryKey(id);
+        if (product == null) {
+            return null;
+        }
+        ProductGetResponse productGetResponse = BeanUtils.copyBean(new ProductGetResponse(), product);
+
+        // 获取模块字段
+        List<BaseModuleFieldValue> productFields = productFieldService.getModuleFieldValuesByResourceId(id);
+
+        productGetResponse.setModuleFields(productFields);
+        ModuleFormConfigDTO productFormConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.PRODUCT.getKey(), product.getOrganizationId());
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(productFormConfig, productFields);
+        productGetResponse.setOptionMap(optionMap);
+        // 附件信息
+        productGetResponse.setAttachmentMap(moduleFormService.getAttachmentMap(productFormConfig, productFields));
+        return baseService.setCreateAndUpdateUserName(productGetResponse);
+    }
+
+	/**
+	 * 获取产品详情（简化版）, ⚠️反射调用; 勿修改入参, 返回, 方法名!
+	 * @param id 产品ID
+	 * @return 产品详情
+	 */
+	public ProductGetResponse getSimple(String id) {
+		Product product = productBaseMapper.selectByPrimaryKey(id);
+		if (product == null) {
+			return null;
+		}
+		ProductGetResponse response = BeanUtils.copyBean(new ProductGetResponse(), product);
+		// 获取模块字段
+		List<BaseModuleFieldValue> fvs = productFieldService.getModuleFieldValuesByResourceId(id);
+		response.setModuleFields(fvs);
+		return response;
+	}
+
+	/**
+	 * 批量获取产品详情 (用于数据源批量查询优化)
+	 * @param ids 产品ID集合
+	 * @return 产品详情列表
+	 */
+	public List<ProductGetResponse> batchGetSimpleByIds(List<String> ids) {
+		if (CollectionUtils.isEmpty(ids)) {
+			return Collections.emptyList();
+		}
+		List<Product> products = productBaseMapper.selectByIds(ids);
+		if (CollectionUtils.isEmpty(products)) {
+			return Collections.emptyList();
+		}
+		Map<String, List<BaseModuleFieldValue>> fieldValueMap = productFieldService.getResourceFieldMap(ids, true);
+
+		return products.stream().map(product -> {
+			ProductGetResponse response = BeanUtils.copyBean(new ProductGetResponse(), product);
+			response.setModuleFields(fieldValueMap.get(product.getId()));
+			return response;
+		}).toList();
+	}
+
+    @OperationLog(module = LogModule.PRODUCT_MANAGEMENT, type = LogType.ADD, operator = "{#userId}")
+    public Product add(ProductEditRequest request, String userId, String orgId) {
+        Product product = BeanUtils.copyBean(new Product(), request);
+        product.setName(request.getName());
+        product.setPrice(request.getPrice());
+        product.setStatus(request.getStatus());
+        product.setCreateTime(System.currentTimeMillis());
+        product.setUpdateTime(System.currentTimeMillis());
+        product.setPos(getNextOrder(orgId));
+        product.setUpdateUser(userId);
+        product.setCreateUser(userId);
+        product.setOrganizationId(orgId);
+        product.setId(IDGenerator.nextStr());
+
+        //保存自定义字段
+        productFieldService.saveModuleField(product, orgId, userId, request.getModuleFields(), false);
+
+        productBaseMapper.insert(product);
+
+        // 添加日志上下文
+        baseService.handleAddLogWithResourceName(product, request.getModuleFields());
+        return product;
+    }
+
+    @OperationLog(module = LogModule.PRODUCT_MANAGEMENT, type = LogType.UPDATE, operator = "{#userId}")
+    public Product update(ProductEditRequest request, String userId, String orgId) {
+        if (StringUtils.isBlank(request.getId())) {
+            throw new GenericException(Translator.get("product.id.empty"));
+        }
+        Product oldProduct = productBaseMapper.selectByPrimaryKey(request.getId());
+        Product product = BeanUtils.copyBean(new Product(), request);
+        product.setUpdateTime(System.currentTimeMillis());
+        product.setUpdateUser(userId);
+        product.setOrganizationId(orgId);
+
+        // 获取模块字段
+        List<BaseModuleFieldValue> originCustomerFields = productFieldService.getModuleFieldValuesByResourceId(request.getId());
+
+        // 更新模块字段
+        updateModuleField(product, request.getModuleFields(), orgId, userId);
+        productBaseMapper.update(product);
+
+        //添加日志
+        baseService.handleUpdateLog(oldProduct, product, originCustomerFields, request.getModuleFields(), request.getId(), product.getName());
+
+        return productBaseMapper.selectByPrimaryKey(product.getId());
+    }
+
+    private void updateModuleField(Product product, List<BaseModuleFieldValue> moduleFields, String orgId, String userId) {
+        if (moduleFields == null) {
+            // 如果为 null，则不更新
+            return;
+        }
+        // 先删除
+        productFieldService.deleteByResourceId(product.getId());
+        // 再保存
+        productFieldService.saveModuleField(product, orgId, userId, moduleFields, true);
+    }
+
+    private void batchUpdateModuleField(List<String> productIds, List<BaseModuleFieldValue> moduleFields) {
+        if (moduleFields == null) {
+            // 如果为 null，则不更新
+            return;
+        }
+        // 先删除
+        productFieldService.deleteByResourceIds(productIds);
+        // 再保存
+        productFieldService.saveModuleFieldByResourceIds(productIds, moduleFields);
+    }
+
+    @OperationLog(module = LogModule.PRODUCT_MANAGEMENT, type = LogType.DELETE, resourceId = "{#id}")
+    public void delete(String id) {
+        Product product = productBaseMapper.selectByPrimaryKey(id);
+        // 删除产品
+        productBaseMapper.deleteByPrimaryKey(id);
+        // 删除产品模块字段
+        productFieldService.deleteByResourceId(id);
+        // 添加日志上下文
+        OperationLogContext.setResourceName(product.getName());
+    }
+
+    public void batchUpdate(ResourceBatchEditRequest request, String userId, String organizationId) {
+        BaseField field = productFieldService.getAndCheckField(request.getFieldId(), organizationId);
+        List<Product> products = productBaseMapper.selectByIds(request.getIds());
+        productFieldService.batchUpdate(request, field, products, Product.class, LogModule.PRODUCT_MANAGEMENT, extProductMapper::batchUpdate, userId, organizationId);
+    }
+
+    /**
+     * 批量删除产品
+     *
+     * @param ids    产品id集合
+     * @param userId 操作人id
+     */
+    public void batchDelete(List<String> ids, String userId) {
+
+        List<Product> products = productBaseMapper.selectByIds(ids);
+
+        if (products == null || products.isEmpty()) {
+            return;
+        }
+        productBaseMapper.deleteByIds(ids);
+        productFieldService.deleteByResourceIds(ids);
+
+        List<LogDTO> logs = products.stream()
+                .map(p -> {
+                    LogDTO log = new LogDTO(
+                            p.getOrganizationId(),
+                            p.getId(),
+                            userId,
+                            LogType.DELETE,
+                            LogModule.PRODUCT_MANAGEMENT,
+                            p.getName()
+                    );
+                    log.setOriginalValue(p.getName());
+                    return log;
+                })
+                .toList();
+
+        logService.batchAdd(logs);
+    }
+
+    public void checkProductList(List<String> products) {
+        if (products != null && products.size() > 20) {
+            throw new GenericException(Translator.get("product.length"));
+        }
+    }
+
+    public Long getNextOrder(String orgId) {
+        Long pos = extProductMapper.getPos(orgId);
+        return (pos == null ? 0 : pos) + ServiceUtils.POS_STEP;
+    }
+
+    public void editPos(PosRequest request) {
+
+        ServiceUtils.updatePosFieldByAsc(request,
+                Product.class,
+                null,
+                null,
+                productBaseMapper::selectByPrimaryKey,
+                extProductMapper::getPrePos,
+                extProductMapper::getLastPos,
+                productBaseMapper::update);
+    }
+
+    public List<Product> getProductListByNames(List<String> names) {
+        LambdaQueryWrapper<Product> lambdaQueryWrapper = new LambdaQueryWrapper<>();
+        lambdaQueryWrapper.in(Product::getName, names);
+        return productBaseMapper.selectListByLambda(lambdaQueryWrapper);
+    }
+
+    public String getProductName(String id) {
+        Product product = productBaseMapper.selectByPrimaryKey(id);
+        return Optional.ofNullable(product).map(Product::getName).orElse(null);
+    }
+
+    public String getProductNameByIds(List<String> ids) {
+        List<Product> productList = productBaseMapper.selectByIds(ids);
+        if (CollectionUtils.isNotEmpty(productList)) {
+            List<String> names = productList.stream().map(Product::getName).toList();
+            return String.join(",", names);
+        }
+        return StringUtils.EMPTY;
+    }
+
+    /**
+     * 下载导入的模板
+     *
+     * @param response 响应
+     */
+    public void downloadImportTpl(HttpServletResponse response, String currentOrg) {
+        new EasyExcelExporter()
+                .exportMultiSheetTplWithSharedHandler(response, moduleFormService.getCustomImportHeadsNoRef(FormKey.PRODUCT.getKey(), currentOrg),
+                        Translator.get("product.import_tpl.name"), Translator.get(SheetKey.DATA), Translator.get(SheetKey.COMMENT),
+                        new CustomTemplateWriteHandler(moduleFormService.getAllCustomImportFields(FormKey.PRODUCT.getKey(), currentOrg)), new CustomHeadColWidthStyleStrategy());
+    }
+
+    /**
+     * 导入检查
+     *
+     * @param file       导入文件
+     * @param currentOrg 当前组织
+     *
+     * @return 导入检查信息
+     */
+    public ImportResponse importPreCheck(MultipartFile file, String currentOrg) {
+        if (file == null) {
+            throw new GenericException(Translator.get("file_cannot_be_null"));
+        }
+        return checkImportExcel(file, currentOrg);
+    }
+
+    /**
+     * 产品导入
+     *
+     * @param file        导入文件
+     * @param currentOrg  当前组织
+     * @param currentUser 当前用户
+     *
+     * @return 导入返回信息
+     */
+    public ImportResponse realImport(MultipartFile file, String currentOrg, String currentUser) {
+        try {
+            AtomicLong initPos = new AtomicLong(getNextOrder(currentOrg));
+            List<BaseField> fields = moduleFormService.getAllFields(FormKey.PRODUCT.getKey(), currentOrg);
+            CustomImportAfterDoConsumer<Product, BaseResourceSubField> afterDo = (products, productFields, productFieldBlobs) -> {
+                List<LogDTO> logs = new ArrayList<>();
+                products.forEach(product -> {
+                    product.setPos(initPos.getAndAdd(ServiceUtils.POS_STEP));
+                    logs.add(new LogDTO(currentOrg, product.getId(), currentUser, LogType.ADD, LogModule.PRODUCT_MANAGEMENT, product.getName()));
+                });
+                productBaseMapper.batchInsert(products);
+                productFieldMapper.batchInsert(productFields.stream().map(field -> BeanUtils.copyBean(new ProductField(), field)).toList());
+                productFieldBlobMapper.batchInsert(productFieldBlobs.stream().map(field -> BeanUtils.copyBean(new ProductFieldBlob(), field)).toList());
+                // record logs
+                logService.batchAdd(logs);
+            };
+            CustomFieldImportEventListener<Product> eventListener = new CustomFieldImportEventListener<>(fields, Product.class, currentOrg, currentUser,
+                    "product_field", afterDo, 2000, null, null);
+            FastExcelFactory.read(file.getInputStream(), eventListener).headRowNumber(1).ignoreEmptyRow(true).sheet().doRead();
+            return ImportResponse.builder().errorMessages(eventListener.getErrList())
+                    .successCount(eventListener.getSuccessCount()).failCount(eventListener.getErrList().size()).build();
+        } catch (Exception e) {
+            log.error("product import error: {}", e.getMessage());
+            throw new GenericException(e.getMessage());
+        }
+    }
+
+    /**
+     * 检查导入的文件
+     *
+     * @param file       文件
+     * @param currentOrg 当前组织
+     *
+     * @return 检查信息
+     */
+    private ImportResponse checkImportExcel(MultipartFile file, String currentOrg) {
+        try {
+            List<BaseField> fields = moduleFormService.getAllCustomImportFields(FormKey.PRODUCT.getKey(), currentOrg);
+            CustomFieldCheckEventListener eventListener = new CustomFieldCheckEventListener(fields, "product", "product_field", currentOrg);
+            FastExcelFactory.read(file.getInputStream(), eventListener).headRowNumber(1).ignoreEmptyRow(true).sheet().doRead();
+            return ImportResponse.builder().errorMessages(eventListener.getErrList())
+                    .successCount(eventListener.getSuccess()).failCount(eventListener.getErrList().size()).build();
+        } catch (Exception e) {
+            log.error("product import pre-check error: {}", e.getMessage());
+            throw new GenericException(e.getMessage());
+        }
+    }
+
+    /**
+     * 获取产品选项列表
+     *
+     * @param organizationId 组织ID
+     *
+     * @return 产品选项列表
+     */
+    public List<OptionDTO> listOption(String organizationId) {
+        return extProductMapper.getOptions(organizationId);
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/product/utils/ProductPriceUtils.java b/backend/crm/src/main/java/cn/cordys/crm/product/utils/ProductPriceUtils.java
new file mode 100644
index 0000000..7c0fee5
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/product/utils/ProductPriceUtils.java
@@ -0,0 +1,38 @@
+package cn.cordys.crm.product.utils;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.util.TimeUtils;
+import cn.cordys.crm.product.dto.response.ProductPriceResponse;
+
+import java.util.LinkedHashMap;
+import java.util.List;
+import java.util.Map;
+
+/**
+ * @author song-cc-rock
+ */
+public class ProductPriceUtils {
+
+	public static LinkedHashMap<String, Object> getSystemFieldMap(ProductPriceResponse data, Map<String, List<OptionDTO>> optionMap) {
+		LinkedHashMap<String, Object> systemFieldMap = new LinkedHashMap<>();
+		systemFieldMap.put("name", data.getName());
+		systemFieldMap.put("status", getStatusName(data.getStatus(), optionMap));
+		systemFieldMap.put("createUser", data.getCreateUserName());
+		systemFieldMap.put("createTime", TimeUtils.getDateTimeStr(data.getCreateTime()));
+		systemFieldMap.put("updateUser", data.getUpdateUserName());
+		systemFieldMap.put("updateTime", TimeUtils.getDateTimeStr(data.getUpdateTime()));
+		return systemFieldMap;
+	}
+
+	public static String getStatusName(String status, Map<String, List<OptionDTO>> optionMap) {
+		if (optionMap.containsKey(BusinessModuleField.PRICE_STATUS.getBusinessKey())) {
+			for (OptionDTO option : optionMap.get(BusinessModuleField.PRICE_STATUS.getBusinessKey())) {
+				if (option.getId().equals(status)) {
+					return option.getName();
+				}
+			}
+		}
+		return status;
+	}
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/constants/DefaultSearchFieldEnum.java b/backend/crm/src/main/java/cn/cordys/crm/search/constants/DefaultSearchFieldEnum.java
new file mode 100644
index 0000000..71df8a9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/constants/DefaultSearchFieldEnum.java
@@ -0,0 +1,21 @@
+package cn.cordys.crm.search.constants;
+
+public class DefaultSearchFieldEnum {
+
+    // 线索&线索池
+    public static final String CLUE_NAME = "clueName";
+    public static final String CLUE_CONTACT_PHONE = "clueContactPhone";
+
+    // 客户&公海
+    public static final String CUSTOMER_NAME = "customerName";
+
+    // 联系人
+    public static final String CONTACT_CUSTOMER = "contactCustomer";
+    public static final String CONTACT_PHONE = "contactPhone";
+
+
+    // 商机
+    public static final String OPPORTUNITY_NAME = "opportunityName";
+    public static final String OPPORTUNITY_CUSTOMER = "opportunityCustomer";
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/constants/SearchModuleEnum.java b/backend/crm/src/main/java/cn/cordys/crm/search/constants/SearchModuleEnum.java
new file mode 100644
index 0000000..8ef82c1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/constants/SearchModuleEnum.java
@@ -0,0 +1,23 @@
+package cn.cordys.crm.search.constants;
+
+import java.util.List;
+
+public class SearchModuleEnum {
+
+    public static final String SEARCH_ADVANCED_CLUE = "searchAdvancedClue"; // 线索
+    public static final String SEARCH_ADVANCED_CUSTOMER = "searchAdvancedCustomer"; // 客户
+    public static final String SEARCH_ADVANCED_CONTACT = "searchAdvancedContact"; // 联系人
+    public static final String SEARCH_ADVANCED_PUBLIC = "searchAdvancedPublic"; // 公海
+    public static final String SEARCH_ADVANCED_CLUE_POOL = "searchAdvancedCluePool"; // 线索池
+    public static final String SEARCH_ADVANCED_OPPORTUNITY = "searchAdvancedOpportunity"; // 商机
+
+
+    public static final List<String> VALUES = List.of(
+            SEARCH_ADVANCED_CLUE,
+            SEARCH_ADVANCED_CLUE_POOL,
+            SEARCH_ADVANCED_CUSTOMER,
+            SEARCH_ADVANCED_PUBLIC,
+            SEARCH_ADVANCED_OPPORTUNITY,
+            SEARCH_ADVANCED_CONTACT
+    );
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/constants/SearchPhoneEnum.java b/backend/crm/src/main/java/cn/cordys/crm/search/constants/SearchPhoneEnum.java
new file mode 100644
index 0000000..ab89d3a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/constants/SearchPhoneEnum.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.search.constants;
+
+import java.util.List;
+
+public class SearchPhoneEnum {
+
+    public static final String SEARCH_CN = "(+86)"; // 大陆
+    public static final String SEARCH_TW = "(+886)"; // 台湾
+    public static final String SEARCH_HK = "(+852)"; // 香港
+    public static final String SEARCH_MO = "(+853)"; // 澳门
+
+
+    public static final List<String> VALUES = List.of(
+            SEARCH_CN,
+            SEARCH_TW,
+            SEARCH_HK,
+            SEARCH_MO
+    );
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/controller/AdvancedSearchController.java b/backend/crm/src/main/java/cn/cordys/crm/search/controller/AdvancedSearchController.java
new file mode 100644
index 0000000..1de3b7d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/controller/AdvancedSearchController.java
@@ -0,0 +1,105 @@
+package cn.cordys.crm.search.controller;
+
+import cn.cordys.aspectj.constants.GlobalSearchModule;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.clue.dto.request.CluePageRequest;
+import cn.cordys.crm.customer.dto.request.CustomerContactPageRequest;
+import cn.cordys.crm.customer.dto.request.CustomerPageRequest;
+import cn.cordys.crm.opportunity.dto.request.OpportunityPageRequest;
+import cn.cordys.crm.search.response.advanced.*;
+import cn.cordys.crm.search.service.BaseSearchService;
+import cn.cordys.crm.search.service.advanced.AdvancedCustomerSearchService;
+import cn.cordys.crm.search.service.advanced.AdvancedSearchServiceFactory;
+import cn.cordys.crm.system.dto.request.RepeatCustomerDetailPageRequest;
+import cn.cordys.security.SessionUtils;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.Logical;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestBody;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RestController;
+
+import java.util.List;
+
+@RestController
+@RequestMapping("/advanced/search")
+@Tag(name = "全局高级搜索")
+public class AdvancedSearchController {
+
+    @Resource
+    private AdvancedCustomerSearchService globalSearchCustomerService;
+
+    @PostMapping("/account")
+    @Operation(summary = "全局搜索客户相关数据")
+    public PagerWithOption<List<AdvancedCustomerResponse>> advancedSearchCustomer(@Validated @RequestBody CustomerPageRequest request) {
+        BaseSearchService<CustomerPageRequest, AdvancedCustomerResponse> searchService = AdvancedSearchServiceFactory.getSearchService(GlobalSearchModule.CUSTOMER);
+        return searchService.startSearch(request, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+
+    @PostMapping("/contact")
+    @Operation(summary = "全局搜索联系人相关数据")
+    public PagerWithOption<List<AdvancedCustomerContactResponse>> advancedSearchCustomerContact(@Validated @RequestBody CustomerContactPageRequest request) {
+        BaseSearchService<CustomerContactPageRequest, AdvancedCustomerContactResponse> searchService = AdvancedSearchServiceFactory.getSearchService(GlobalSearchModule.CUSTOMER_CONTACT);
+        return searchService.startSearch(request, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+
+    @PostMapping("/lead")
+    @Operation(summary = "全局搜索线索相关数据")
+    public PagerWithOption<List<AdvancedClueResponse>> advancedSearchClue(@Validated @RequestBody CluePageRequest request) {
+        BaseSearchService<CluePageRequest, AdvancedClueResponse> searchService = AdvancedSearchServiceFactory.getSearchService(GlobalSearchModule.CLUE);
+        return searchService.startSearch(request, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+
+    @PostMapping("/lead/detail")
+    @Operation(summary = "全局搜索线索详情")
+    @RequiresPermissions(value = {PermissionConstants.CLUE_MANAGEMENT_READ, PermissionConstants.CLUE_MANAGEMENT_POOL_READ}, logical = Logical.OR)
+    public Pager<List<AdvancedClueResponse>> getRepeatClueDetail(@Validated @RequestBody RepeatCustomerDetailPageRequest request) {
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        return PageUtils.setPageInfo(page, globalSearchCustomerService.getRepeatClueDetail(request, OrganizationContext.getOrganizationId()));
+    }
+
+    @PostMapping("/opportunity/detail")
+    @Operation(summary = "全局搜索商机详情")
+    @RequiresPermissions(value = {PermissionConstants.OPPORTUNITY_MANAGEMENT_READ})
+    public Pager<List<OpportunityRepeatResponse>> getRepeatOpportunityDetail(@Validated @RequestBody RepeatCustomerDetailPageRequest request) {
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        return PageUtils.setPageInfo(page, globalSearchCustomerService.getRepeatOpportunityDetail(request));
+    }
+
+
+    @PostMapping("/opportunity")
+    @Operation(summary = "全局搜索-商机")
+    public PagerWithOption<List<AdvancedOpportunityResponse>> advancedSearchOpportunity(@Validated @RequestBody OpportunityPageRequest request) {
+        BaseSearchService<OpportunityPageRequest, AdvancedOpportunityResponse> searchService = AdvancedSearchServiceFactory.getSearchService(GlobalSearchModule.OPPORTUNITY);
+        return searchService.startSearch(request, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+
+    @PostMapping("/account-pool")
+    @Operation(summary = "全局搜索-公海")
+    public PagerWithOption<List<AdvancedCustomerPoolResponse>> advancedSearchCustomerPool(@Validated @RequestBody BasePageRequest request) {
+        BaseSearchService<BasePageRequest, AdvancedCustomerPoolResponse> searchService = AdvancedSearchServiceFactory.getSearchService(GlobalSearchModule.CUSTOMER_POOL);
+        return searchService.startSearch(request, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+    @PostMapping("/lead-pool")
+    @Operation(summary = "全局搜索-线索池")
+    public PagerWithOption<List<AdvancedCluePoolResponse>> advancedSearchCluePool(@Validated @RequestBody BasePageRequest request) {
+        BaseSearchService<BasePageRequest, AdvancedCluePoolResponse> searchService = AdvancedSearchServiceFactory.getSearchService(GlobalSearchModule.CLUE_POOL);
+        return searchService.startSearch(request, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/controller/GlobalSearchController.java b/backend/crm/src/main/java/cn/cordys/crm/search/controller/GlobalSearchController.java
new file mode 100644
index 0000000..0caca8f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/controller/GlobalSearchController.java
@@ -0,0 +1,76 @@
+package cn.cordys.crm.search.controller;
+
+import cn.cordys.aspectj.constants.GlobalSearchModule;
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.common.dto.OptionCountDTO;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.search.response.global.*;
+import cn.cordys.crm.search.service.BaseSearchService;
+import cn.cordys.crm.search.service.global.GlobalSearchCountService;
+import cn.cordys.crm.search.service.global.GlobalSearchServiceFactory;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@RestController
+@RequestMapping("/global/search")
+@Tag(name = "全局搜索")
+public class GlobalSearchController {
+
+    @Resource
+    private GlobalSearchCountService globalSearchCountService;
+
+    @PostMapping("/opportunity")
+    @Operation(summary = "全局搜索-商机")
+    public Pager<List<GlobalOpportunityResponse>> globalSearchOpportunity(@Validated @RequestBody BasePageRequest request) {
+        BaseSearchService<BasePageRequest, GlobalOpportunityResponse> searchService = GlobalSearchServiceFactory.getSearchService(GlobalSearchModule.OPPORTUNITY);
+        return searchService.startSearchNoOption(request, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+    @PostMapping("/customer_pool")
+    @Operation(summary = "全局搜索-公海")
+    public Pager<List<GlobalCustomerPoolResponse>> globalSearchCustomerPool(@Validated @RequestBody BasePageRequest request) {
+        BaseSearchService<BasePageRequest, GlobalCustomerPoolResponse> searchService = GlobalSearchServiceFactory.getSearchService(GlobalSearchModule.CUSTOMER_POOL);
+        return searchService.startSearchNoOption(request, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+    @PostMapping("/lead")
+    @Operation(summary = "全局搜索-线索")
+    public Pager<List<GlobalClueResponse>> globalSearchClue(@Validated @RequestBody BasePageRequest request) {
+        BaseSearchService<BasePageRequest, GlobalClueResponse> searchService = GlobalSearchServiceFactory.getSearchService(GlobalSearchModule.CLUE);
+        return searchService.startSearchNoOption(request, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+    @PostMapping("/clue_pool")
+    @Operation(summary = "全局搜索-线索池")
+    public Pager<List<GlobalCluePoolResponse>> globalSearchCluePool(@Validated @RequestBody BasePageRequest request) {
+        BaseSearchService<BasePageRequest, GlobalCluePoolResponse> searchService = GlobalSearchServiceFactory.getSearchService(GlobalSearchModule.CLUE_POOL);
+        return searchService.startSearchNoOption(request, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+    @PostMapping("/account")
+    @Operation(summary = "全局搜索-客户")
+    public Pager<List<GlobalCustomerResponse>> globalSearchCustomer(@Validated @RequestBody BasePageRequest request) {
+        BaseSearchService<BasePageRequest, GlobalCustomerResponse> searchService = GlobalSearchServiceFactory.getSearchService(GlobalSearchModule.CUSTOMER);
+        return searchService.startSearchNoOption(request, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+    @PostMapping("/contact")
+    @Operation(summary = "全局搜索-联系人")
+    public Pager<List<GlobalCustomerContactResponse>> globalSearchContact(@Validated @RequestBody BasePageRequest request) {
+        BaseSearchService<BasePageRequest, GlobalCustomerContactResponse> searchService = GlobalSearchServiceFactory.getSearchService(GlobalSearchModule.CUSTOMER_CONTACT);
+        return searchService.startSearchNoOption(request, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+    @PostMapping("/module/count")
+    @Operation(summary = "全局搜索-模块数量统计")
+    public List<OptionCountDTO> globalSearchCount(@Validated @RequestParam String keyword) {
+        return globalSearchCountService.startSearchModuleCount(keyword, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/controller/SearchFieldMaskConfigController.java b/backend/crm/src/main/java/cn/cordys/crm/search/controller/SearchFieldMaskConfigController.java
new file mode 100644
index 0000000..71c4211
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/controller/SearchFieldMaskConfigController.java
@@ -0,0 +1,35 @@
+package cn.cordys.crm.search.controller;
+
+
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.search.request.FieldMaskConfigDTO;
+import cn.cordys.crm.search.service.SearchFieldMaskConfigService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+@RestController
+@RequestMapping("/mask/config")
+@Tag(name = "脱敏字段配置")
+public class SearchFieldMaskConfigController {
+
+    @Resource
+    private SearchFieldMaskConfigService searchFieldMaskConfigService;
+
+
+    @PostMapping("/save")
+    @Operation(summary = "保存配置")
+    public void save(@Validated @RequestBody FieldMaskConfigDTO request) {
+        searchFieldMaskConfigService.save(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/get")
+    @Operation(summary = "获取脱敏字段配置")
+    public FieldMaskConfigDTO get() {
+        return searchFieldMaskConfigService.get(OrganizationContext.getOrganizationId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/controller/UserSearchConfigController.java b/backend/crm/src/main/java/cn/cordys/crm/search/controller/UserSearchConfigController.java
new file mode 100644
index 0000000..961a1bb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/controller/UserSearchConfigController.java
@@ -0,0 +1,45 @@
+package cn.cordys.crm.search.controller;
+
+
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.search.request.UserSearchConfigAddRequest;
+import cn.cordys.crm.search.response.SearchFieldResponse;
+import cn.cordys.crm.search.service.UserSearchConfigService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+
+@RestController
+@RequestMapping("/search/config")
+@Tag(name = "用户全局搜索字段配置")
+public class UserSearchConfigController {
+
+    @Resource
+    private UserSearchConfigService userSearchConfigService;
+
+
+    @PostMapping("/save")
+    @Operation(summary = "保存配置")
+    public void save(@Validated @RequestBody UserSearchConfigAddRequest request) {
+        userSearchConfigService.save(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/reset")
+    @Operation(summary = "重置")
+    public void reset() {
+        userSearchConfigService.reset(SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/get")
+    @Operation(summary = "获取搜索字段配置")
+    public SearchFieldResponse get() {
+        return userSearchConfigService.get(SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/domain/SearchFieldMaskConfig.java b/backend/crm/src/main/java/cn/cordys/crm/search/domain/SearchFieldMaskConfig.java
new file mode 100644
index 0000000..06dc6df
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/domain/SearchFieldMaskConfig.java
@@ -0,0 +1,31 @@
+package cn.cordys.crm.search.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+/**
+ * 全局脱敏搜索配置
+ */
+@Data
+@Table(name = "sys_search_field_mask_config")
+public class SearchFieldMaskConfig extends BaseModel {
+    @Schema(description = "搜索字段id")
+    private String fieldId;
+
+    @Schema(description = "类型")
+    private String type;
+
+    @Schema(description = "业务字段key")
+    private String businessKey;
+
+    @Schema(description = "数据源对应类型")
+    private String dataSourceType;
+
+    @Schema(description = "搜索模块(customer/lead/等)")
+    private String moduleType;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/domain/UserSearchConfig.java b/backend/crm/src/main/java/cn/cordys/crm/search/domain/UserSearchConfig.java
new file mode 100644
index 0000000..ffc971e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/domain/UserSearchConfig.java
@@ -0,0 +1,42 @@
+package cn.cordys.crm.search.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+/**
+ * 用户全局搜索范围
+ */
+@Data
+@Table(name = "sys_user_search_config")
+public class UserSearchConfig extends BaseModel {
+
+    @Schema(description = "搜索字段id")
+    private String fieldId;
+
+    @Schema(description = "类型")
+    private String type;
+
+    @Schema(description = "业务字段key")
+    private String businessKey;
+
+    @Schema(description = "数据源对应类型")
+    private String dataSourceType;
+
+    @Schema(description = "用户id")
+    private String userId;
+
+    @Schema(description = "搜索模块(customer/lead/等)")
+    private String moduleType;
+
+    @Schema(description = "模块顺序设置['customer','clue']")
+    private String sortSetting;
+
+    @Schema(description = "是否展示有搜索结果的列表")
+    private Boolean resultDisplay;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/mapper/ExtSearchFieldMaskConfigMapper.java b/backend/crm/src/main/java/cn/cordys/crm/search/mapper/ExtSearchFieldMaskConfigMapper.java
new file mode 100644
index 0000000..92794a0
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/mapper/ExtSearchFieldMaskConfigMapper.java
@@ -0,0 +1,6 @@
+package cn.cordys.crm.search.mapper;
+
+public interface ExtSearchFieldMaskConfigMapper {
+
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/mapper/ExtSearchFieldMaskConfigMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/search/mapper/ExtSearchFieldMaskConfigMapper.xml
new file mode 100644
index 0000000..85fe770
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/mapper/ExtSearchFieldMaskConfigMapper.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.search.mapper.ExtSearchFieldMaskConfigMapper">
+
+
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/mapper/ExtUserSearchConfigMapper.java b/backend/crm/src/main/java/cn/cordys/crm/search/mapper/ExtUserSearchConfigMapper.java
new file mode 100644
index 0000000..7d8b9b9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/mapper/ExtUserSearchConfigMapper.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.search.mapper;
+
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtUserSearchConfigMapper {
+
+    //根据userIds删除用户搜索配置
+    void deleteByUserIds(@Param("userIds") List<String> userIds, @Param("orgId") String orgId);
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/mapper/ExtUserSearchConfigMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/search/mapper/ExtUserSearchConfigMapper.xml
new file mode 100644
index 0000000..0cb3544
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/mapper/ExtUserSearchConfigMapper.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.search.mapper.ExtUserSearchConfigMapper">
+
+    <delete id="deleteByUserIds">
+        delete from sys_user_search_config where user_id in
+        <foreach collection="userIds" item="userId" open="(" close=")" separator=",">
+            #{userId}
+        </foreach>
+        and organization_id = #{orgId}
+    </delete>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/request/FieldMaskConfigDTO.java b/backend/crm/src/main/java/cn/cordys/crm/search/request/FieldMaskConfigDTO.java
new file mode 100644
index 0000000..286ae58
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/request/FieldMaskConfigDTO.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.search.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Map;
+
+@Data
+public class FieldMaskConfigDTO {
+
+    @Schema(description = "搜索字段集合")
+    private Map<String, List<String>> searchFields;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/request/UserSearchConfigAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/search/request/UserSearchConfigAddRequest.java
new file mode 100644
index 0000000..7fecd71
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/request/UserSearchConfigAddRequest.java
@@ -0,0 +1,21 @@
+package cn.cordys.crm.search.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Map;
+
+@Data
+public class UserSearchConfigAddRequest {
+
+    @Schema(description = "搜索字段集合")
+    private Map<String, List<String>> searchFields;
+
+    @Schema(description = "是否展示有搜索结果的列表")
+    private Boolean resultDisplay = false;
+
+    @Schema(description = "排序列表")
+    private List<String> sortSetting;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/response/SearchFieldResponse.java b/backend/crm/src/main/java/cn/cordys/crm/search/response/SearchFieldResponse.java
new file mode 100644
index 0000000..641ffbb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/response/SearchFieldResponse.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.search.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Map;
+
+@Data
+public class SearchFieldResponse {
+
+    @Schema(description = "搜索字段集合")
+    private Map<String, List<String>> searchFields;
+
+    @Schema(description = "是否展示有搜索结果的列表")
+    private Boolean resultDisplay;
+
+    @Schema(description = "排序列表")
+    private List<String> sortSetting;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/response/advanced/AdvancedCluePoolResponse.java b/backend/crm/src/main/java/cn/cordys/crm/search/response/advanced/AdvancedCluePoolResponse.java
new file mode 100644
index 0000000..ad2ff65
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/response/advanced/AdvancedCluePoolResponse.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.search.response.advanced;
+
+import cn.cordys.crm.clue.dto.response.ClueListResponse;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class AdvancedCluePoolResponse extends ClueListResponse {
+
+    @Schema(description = "线索池名称")
+    private String poolName;
+
+    @Schema(description = "是否有当前数据的权限")
+    private boolean hasPermission;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/response/advanced/AdvancedClueResponse.java b/backend/crm/src/main/java/cn/cordys/crm/search/response/advanced/AdvancedClueResponse.java
new file mode 100644
index 0000000..d8054d0
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/response/advanced/AdvancedClueResponse.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.search.response.advanced;
+
+import cn.cordys.crm.clue.dto.response.ClueListResponse;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+
+/**
+ * @author guoyuqi
+ * @date 2025-02-08 16:24:22
+ */
+@Data
+public class AdvancedClueResponse extends ClueListResponse {
+
+    @Schema(description = "是否有当前数据的权限")
+    private boolean hasPermission;
+
+    @Schema(description = "意向产品名称列表")
+    private List<String> productNameList;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/response/advanced/AdvancedCustomerContactResponse.java b/backend/crm/src/main/java/cn/cordys/crm/search/response/advanced/AdvancedCustomerContactResponse.java
new file mode 100644
index 0000000..bf888b1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/response/advanced/AdvancedCustomerContactResponse.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.search.response.advanced;
+
+import cn.cordys.crm.customer.dto.response.CustomerContactListResponse;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class AdvancedCustomerContactResponse extends CustomerContactListResponse {
+
+    @Schema(description = "是否有当前数据的权限")
+    private boolean hasPermission;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/response/advanced/AdvancedCustomerPoolResponse.java b/backend/crm/src/main/java/cn/cordys/crm/search/response/advanced/AdvancedCustomerPoolResponse.java
new file mode 100644
index 0000000..0679171
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/response/advanced/AdvancedCustomerPoolResponse.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.search.response.advanced;
+
+import cn.cordys.crm.customer.dto.response.CustomerListResponse;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class AdvancedCustomerPoolResponse extends CustomerListResponse {
+
+    @Schema(description = "公海名称")
+    private String poolName;
+
+
+    @Schema(description = "是否有当前数据的权限")
+    private boolean hasPermission;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/response/advanced/AdvancedCustomerResponse.java b/backend/crm/src/main/java/cn/cordys/crm/search/response/advanced/AdvancedCustomerResponse.java
new file mode 100644
index 0000000..b042dff
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/response/advanced/AdvancedCustomerResponse.java
@@ -0,0 +1,25 @@
+package cn.cordys.crm.search.response.advanced;
+
+import cn.cordys.crm.customer.dto.response.CustomerListResponse;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class AdvancedCustomerResponse extends CustomerListResponse {
+
+    @Schema(description = "线索重复数据数量")
+    private Integer clueCount;
+
+    @Schema(description = "商机重复数据数量")
+    private Integer opportunityCount;
+
+    @Schema(description = "线索模块是否开启")
+    private boolean clueModuleEnable;
+
+    @Schema(description = "商机模块是否开启")
+    private boolean opportunityModuleEnable;
+
+    @Schema(description = "是否有当前数据的权限")
+    private boolean hasPermission;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/response/advanced/AdvancedOpportunityResponse.java b/backend/crm/src/main/java/cn/cordys/crm/search/response/advanced/AdvancedOpportunityResponse.java
new file mode 100644
index 0000000..58dcc4f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/response/advanced/AdvancedOpportunityResponse.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.search.response.advanced;
+
+import cn.cordys.crm.opportunity.dto.response.OpportunityListResponse;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class AdvancedOpportunityResponse extends OpportunityListResponse {
+
+    @Schema(description = "是否有当前数据的权限")
+    private boolean hasPermission;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/response/advanced/OpportunityRepeatResponse.java b/backend/crm/src/main/java/cn/cordys/crm/search/response/advanced/OpportunityRepeatResponse.java
new file mode 100644
index 0000000..f376675
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/response/advanced/OpportunityRepeatResponse.java
@@ -0,0 +1,38 @@
+package cn.cordys.crm.search.response.advanced;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class OpportunityRepeatResponse {
+
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "商机名称")
+    private String name;
+
+    @Schema(description = "客户id")
+    private String customerId;
+
+    @Schema(description = "客户名称")
+    private String customerName;
+
+    @Schema(description = "商机阶段")
+    private String stage;
+
+    @Schema(description = "意向产品Ids")
+    private List<String> products;
+
+    @Schema(description = "意向产品名称列表")
+    private List<String> productNames;
+
+    @Schema(description = "责任人")
+    private String owner;
+
+    @Schema(description = "责任人名称")
+    private String ownerName;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/response/global/GlobalCluePoolResponse.java b/backend/crm/src/main/java/cn/cordys/crm/search/response/global/GlobalCluePoolResponse.java
new file mode 100644
index 0000000..7c9aa9f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/response/global/GlobalCluePoolResponse.java
@@ -0,0 +1,38 @@
+package cn.cordys.crm.search.response.global;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class GlobalCluePoolResponse {
+
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "线索名称")
+    private String name;
+
+    @Schema(description = "线索池id")
+    private String poolId;
+
+    @Schema(description = "线索池名称")
+    private String poolName;
+
+    @Schema(description = "电话")
+    private String phone;
+
+    @Schema(description = "意向产品")
+    private List<String> products;
+
+    @Schema(description = "是否有当前数据的权限")
+    private boolean hasPermission;
+
+    @Schema(description = "自定义字段集合")
+    private List<BaseModuleFieldValue> moduleFields;
+
+    @Schema(description = "最新跟进日期")
+    private Long followTime;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/response/global/GlobalClueResponse.java b/backend/crm/src/main/java/cn/cordys/crm/search/response/global/GlobalClueResponse.java
new file mode 100644
index 0000000..d72e072
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/response/global/GlobalClueResponse.java
@@ -0,0 +1,46 @@
+package cn.cordys.crm.search.response.global;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class GlobalClueResponse {
+
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "线索名称")
+    private String name;
+
+    @Schema(description = "负责人")
+    private String owner;
+
+    @Schema(description = "负责人名称")
+    private String ownerName;
+
+    @Schema(description = "意向产品")
+    private List<String> products;
+
+    @Schema(description = "电话")
+    private String phone;
+
+    @Schema(description = "负责人部门名称")
+    private String departmentName;
+
+    @Schema(description = "是否有当前数据的权限")
+    private boolean hasPermission;
+
+    @Schema(description = "创建时间")
+    private Long createTime;
+
+    @Schema(description = "自定义字段集合")
+    private List<BaseModuleFieldValue> moduleFields;
+
+    @Schema(description = "最新跟进日期")
+    private Long followTime;
+
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/response/global/GlobalCustomerContactResponse.java b/backend/crm/src/main/java/cn/cordys/crm/search/response/global/GlobalCustomerContactResponse.java
new file mode 100644
index 0000000..61f22c2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/response/global/GlobalCustomerContactResponse.java
@@ -0,0 +1,50 @@
+package cn.cordys.crm.search.response.global;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class GlobalCustomerContactResponse {
+
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "联系人名称")
+    private String name;
+
+    @Schema(description = "客户id")
+    private String customerId;
+
+    @Schema(description = "客户名称")
+    private String customerName;
+
+    @Schema(description = "公海ID")
+    private String poolId;
+
+    @Schema(description = "是否在公海池")
+    private Boolean inSharedPool;
+
+    @Schema(description = "负责人")
+    private String owner;
+
+    @Schema(description = "负责人名称")
+    private String ownerName;
+
+    @Schema(description = "负责人部门名称")
+    private String departmentName;
+
+    @Schema(description = "手机")
+    private String phone;
+
+    @Schema(description = "创建时间")
+    private Long createTime;
+
+    @Schema(description = "是否有当前数据的权限")
+    private boolean hasPermission;
+
+    @Schema(description = "自定义字段集合")
+    private List<BaseModuleFieldValue> moduleFields;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/response/global/GlobalCustomerPoolResponse.java b/backend/crm/src/main/java/cn/cordys/crm/search/response/global/GlobalCustomerPoolResponse.java
new file mode 100644
index 0000000..98a4c75
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/response/global/GlobalCustomerPoolResponse.java
@@ -0,0 +1,31 @@
+package cn.cordys.crm.search.response.global;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class GlobalCustomerPoolResponse {
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "客户名称")
+    private String name;
+
+    @Schema(description = "公海id")
+    private String poolId;
+
+    @Schema(description = "公海名称")
+    private String poolName;
+
+    @Schema(description = "是否有当前数据的权限")
+    private boolean hasPermission;
+
+    @Schema(description = "自定义字段集合")
+    private List<BaseModuleFieldValue> moduleFields;
+
+    @Schema(description = "最新跟进日期")
+    private Long followTime;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/response/global/GlobalCustomerResponse.java b/backend/crm/src/main/java/cn/cordys/crm/search/response/global/GlobalCustomerResponse.java
new file mode 100644
index 0000000..42a7fe6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/response/global/GlobalCustomerResponse.java
@@ -0,0 +1,38 @@
+package cn.cordys.crm.search.response.global;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class GlobalCustomerResponse {
+
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "客户名称")
+    private String name;
+
+    @Schema(description = "负责人")
+    private String owner;
+
+    @Schema(description = "负责人名称")
+    private String ownerName;
+
+    @Schema(description = "负责人部门名称")
+    private String departmentName;
+
+    @Schema(description = "是否有当前数据的权限")
+    private boolean hasPermission;
+
+    @Schema(description = "创建时间")
+    private Long createTime;
+
+    @Schema(description = "自定义字段集合")
+    private List<BaseModuleFieldValue> moduleFields;
+
+    @Schema(description = "最新跟进日期")
+    private Long followTime;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/response/global/GlobalOpportunityResponse.java b/backend/crm/src/main/java/cn/cordys/crm/search/response/global/GlobalOpportunityResponse.java
new file mode 100644
index 0000000..b681e8f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/response/global/GlobalOpportunityResponse.java
@@ -0,0 +1,65 @@
+package cn.cordys.crm.search.response.global;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class GlobalOpportunityResponse {
+
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "商机名称")
+    private String name;
+
+    @Schema(description = "客户id")
+    private String customerId;
+
+    @Schema(description = "客户名称")
+    private String customerName;
+
+    @Schema(description = "关联的客户是否在公海")
+    private Boolean inCustomerPool;
+
+    @Schema(description = "客户公海id")
+    private String poolId;
+
+    @Schema(description = "联系人Id")
+    private String contactId;
+
+    @Schema(description = "联系人名称")
+    private String contactName;
+
+    @Schema(description = "负责人")
+    private String owner;
+
+    @Schema(description = "负责人名称")
+    private String ownerName;
+
+    @Schema(description = "意向产品")
+    private List<String> products;
+
+    @Schema(description = "商机阶段")
+    private String stage;
+
+    @Schema(description = "商机阶段")
+    private String stageName;
+
+    @Schema(description = "负责人部门名称")
+    private String departmentName;
+
+    @Schema(description = "是否有当前数据的权限")
+    private boolean hasPermission;
+
+    @Schema(description = "创建时间")
+    private Long createTime;
+
+    @Schema(description = "自定义字段集合")
+    private List<BaseModuleFieldValue> moduleFields;
+
+    @Schema(description = "最新跟进日期")
+    private Long followTime;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/service/BaseSearchService.java b/backend/crm/src/main/java/cn/cordys/crm/search/service/BaseSearchService.java
new file mode 100644
index 0000000..89dd1e8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/service/BaseSearchService.java
@@ -0,0 +1,463 @@
+package cn.cordys.crm.search.service;
+
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.dto.condition.CombineSearch;
+import cn.cordys.common.dto.condition.FilterCondition;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.util.JSON;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.clue.domain.CluePool;
+import cn.cordys.crm.customer.domain.CustomerPool;
+import cn.cordys.crm.customer.mapper.ExtCustomerMapper;
+import cn.cordys.crm.product.mapper.ExtProductMapper;
+import cn.cordys.crm.search.domain.SearchFieldMaskConfig;
+import cn.cordys.crm.search.domain.UserSearchConfig;
+import cn.cordys.crm.system.constants.FieldType;
+import cn.cordys.crm.system.domain.Module;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.mapper.ExtModuleFieldMapper;
+import cn.cordys.crm.system.service.ModuleFormService;
+import cn.cordys.crm.system.service.UserExtendService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.util.*;
+import java.util.stream.Collectors;
+
+@Slf4j
+public abstract class BaseSearchService<T extends BasePageRequest, R> {
+
+    @Resource
+    private BaseMapper<Module> moduleMapper;
+
+    @Resource
+    private BaseMapper<UserSearchConfig> userSearchConfigBaseMapper;
+
+    @Resource
+    private BaseMapper<SearchFieldMaskConfig> searchFieldMaskConfigBaseMapper;
+
+    @Resource
+    private ExtProductMapper extProductMapper;
+
+    @Resource
+    private ExtCustomerMapper extCustomerMapper;
+
+    @Resource
+    private BaseMapper<CustomerPool> customerPoolMapper;
+
+    @Resource
+    private BaseMapper<CluePool> cluePoolMapper;
+
+    @Resource
+    private ExtModuleFieldMapper extModuleFieldMapper;
+
+    @Resource
+    private ModuleFormService moduleFormService;
+
+    @Resource
+    private UserExtendService userExtendService;
+
+    public PagerWithOption<List<R>> startSearch(T request, String orgId, String userId) {
+        return new PagerWithOption<>();
+    }
+
+    public Pager<List<R>> startSearchNoOption(T request, String orgId, String userId) {
+        return new Pager<>();
+    }
+
+    /**
+     * 获取当前组织下所有已开启的模块key
+     *
+     * @return List<String>EnabledModuleKeys
+     */
+    public List<String> getEnabledModules() {
+        return moduleMapper.selectListByLambda(
+                        new LambdaQueryWrapper<Module>()
+                                .eq(Module::getOrganizationId, OrganizationContext.getOrganizationId())
+                                .eq(Module::getEnable, true)
+                ).stream()
+                .map(Module::getModuleKey)
+                .toList();
+    }
+
+    /**
+     * 获取过滤条件
+     *
+     * @param name     字段名称
+     * @param value    字段值
+     * @param operator 操作符
+     * @param type     字段类型
+     *
+     * @return FilterCondition
+     */
+    public FilterCondition getFilterCondition(String name, Object value, String operator, String type) {
+        FilterCondition nameCondition = new FilterCondition();
+        nameCondition.setName(name);
+        nameCondition.setValue(value);
+        nameCondition.setOperator(operator);
+        nameCondition.setMultipleValue(Strings.CI.equals(type, FieldType.DATA_SOURCE_MULTIPLE.toString()));
+        nameCondition.setType(type);
+        return nameCondition;
+    }
+
+
+    /**
+     * 获取产品ID和名称的映射关系
+     *
+     * @param orgId 组织ID
+     *
+     * @return 产品ID和名称的映射关系
+     */
+    public Map<String, String> getProductNameMap(String orgId) {
+        List<OptionDTO> productOption = extProductMapper.getOptions(orgId);
+        return productOption.stream().collect(Collectors.toMap(OptionDTO::getId, OptionDTO::getName));
+    }
+
+    /**
+     * 通过关键字和组织ID获取客户ID列表
+     *
+     * @param keyword 关键字
+     * @param orgId   组织ID
+     *
+     * @return 客户ID列表
+     */
+    public List<String> getCustomerIds(String keyword, String orgId) {
+        List<OptionDTO> customerOptions = extCustomerMapper.getCustomerOptions(keyword, orgId);
+        if (CollectionUtils.isEmpty(customerOptions)) {
+            return new ArrayList<>();
+        }
+        return customerOptions.stream()
+                .map(OptionDTO::getId)
+                .toList();
+    }
+
+    /**
+     * 获取用户有权限的公海池
+     *
+     * @param orgId  组织ID
+     * @param userId 用户ID
+     *
+     * @return 公海池ID和名称的映射关系
+     */
+    public Map<String, String> getUserCustomerPool(String orgId, String userId) {
+        Map<String, String> poolMap = new HashMap<>();
+        LambdaQueryWrapper<CustomerPool> poolWrapper = new LambdaQueryWrapper<>();
+        poolWrapper.eq(CustomerPool::getEnable, true).eq(CustomerPool::getOrganizationId, orgId);
+        poolWrapper.orderByDesc(CustomerPool::getUpdateTime);
+        List<CustomerPool> pools = customerPoolMapper.selectListByLambda(poolWrapper);
+        pools.forEach(pool -> {
+            List<String> scopeIds = userExtendService.getScopeOwnerIds(JSON.parseArray(pool.getScopeId(), String.class), orgId);
+            List<String> ownerIds = userExtendService.getScopeOwnerIds(JSON.parseArray(pool.getOwnerId(), String.class), orgId);
+            if (scopeIds.contains(userId) || ownerIds.contains(userId) || Strings.CS.equals(userId, InternalUser.ADMIN.getValue())) {
+                poolMap.put(pool.getId(), pool.getName());
+            }
+        });
+        return poolMap;
+    }
+
+
+    /**
+     * 获取用户有权限的线索池
+     *
+     * @param orgId  组织ID
+     * @param userId 用户ID
+     *
+     * @return 线索池ID和名称的映射关系
+     */
+    public Map<String, String> getUserCluePool(String orgId, String userId) {
+        Map<String, String> poolMap = new HashMap<>();
+        LambdaQueryWrapper<CluePool> poolWrapper = new LambdaQueryWrapper<>();
+        poolWrapper.eq(CluePool::getEnable, true).eq(CluePool::getOrganizationId, orgId);
+        poolWrapper.orderByDesc(CluePool::getUpdateTime);
+        List<CluePool> pools = cluePoolMapper.selectListByLambda(poolWrapper);
+        pools.forEach(pool -> {
+            List<String> scopeIds = userExtendService.getScopeOwnerIds(JSON.parseArray(pool.getScopeId(), String.class), orgId);
+            List<String> ownerIds = userExtendService.getScopeOwnerIds(JSON.parseArray(pool.getOwnerId(), String.class), orgId);
+            if (scopeIds.contains(userId) || ownerIds.contains(userId) || Strings.CS.equals(userId, InternalUser.ADMIN.getValue())) {
+                poolMap.put(pool.getId(), pool.getName());
+            }
+        });
+        return poolMap;
+    }
+
+    /**
+     * 构建其他类型的过滤条件
+     *
+     * @param orgId            组织ID
+     * @param userSearchConfig 用户搜索配置
+     * @param keyword          关键字
+     * @param conditions       过滤条件列表
+     */
+    public void buildOtherFilterCondition(String orgId, UserSearchConfig userSearchConfig, String keyword, List<FilterCondition> conditions) {
+        String name;
+        if (StringUtils.isNotBlank(userSearchConfig.getBusinessKey())) {
+            name = userSearchConfig.getBusinessKey();
+        } else {
+            name = userSearchConfig.getFieldId();
+        }
+        //如果是businessKey不为空，说明是固定列,则name 给businessKey
+        // 如果不是数据源类型的字段，直接添加到查询条件中
+        if (StringUtils.isBlank(userSearchConfig.getDataSourceType()) && !Strings.CI.equals(userSearchConfig.getType(), FieldType.PHONE.toString())) {
+            FilterCondition filterCondition = getFilterCondition(name, keyword, FilterCondition.CombineConditionOperator.CONTAINS.toString(), FieldType.INPUT.toString());
+            conditions.add(filterCondition);
+            return;
+        }
+        // 如果是PHONE类型的字段，使用精确查询
+        if (Strings.CI.equals(userSearchConfig.getType(), FieldType.PHONE.toString())) {
+            keyword = StringUtils.deleteWhitespace(keyword);
+            FilterCondition filterCondition = getFilterCondition(name, keyword, FilterCondition.CombineConditionOperator.EQUALS.toString(), FieldType.PHONE.toString());
+            conditions.add(filterCondition);
+            return;
+        }
+        // 如果是数据源类型的字段，使用IN查询
+        if (Strings.CI.equals(userSearchConfig.getType(), FieldType.DATA_SOURCE.toString()) || Strings.CI.equals(userSearchConfig.getType(), FieldType.DATA_SOURCE_MULTIPLE.toString())) {
+            List<String> ids = new ArrayList<>();
+
+            Map<String, String> sourceMap = moduleFormService.initTypeSourceMap();
+            String tableName = sourceMap.get(userSearchConfig.getDataSourceType());
+            if (StringUtils.isBlank(tableName)) {
+                extModuleFieldMapper.getCustomFormOptionsByName(keyword, orgId).forEach(option -> ids.add(option.getId()));
+            } else {
+                extModuleFieldMapper.getSourceOptionsByName(tableName, keyword, orgId).forEach(option -> ids.add(option.getId()));
+            }
+            if (CollectionUtils.isEmpty(ids)) {
+                return; // 如果没有匹配的数据，直接返回
+            }
+            FilterCondition filterCondition = getFilterCondition(name, ids, FilterCondition.CombineConditionOperator.IN.toString(), FieldType.DATA_SOURCE.toString());
+            conditions.add(filterCondition);
+        }
+    }
+
+    /**
+     * 获取搜索字段脱敏配置
+     *
+     * @param orgId 组织ID
+     *
+     * @return 搜索字段脱敏配置列表
+     */
+    public List<SearchFieldMaskConfig> getSearchFieldMaskConfigs(String orgId, String moduleType) {
+        LambdaQueryWrapper<SearchFieldMaskConfig> sysWrapper = new LambdaQueryWrapper<>();
+        sysWrapper.eq(SearchFieldMaskConfig::getModuleType, moduleType).eq(SearchFieldMaskConfig::getOrganizationId, orgId);
+        return searchFieldMaskConfigBaseMapper.selectListByLambda(sysWrapper);
+    }
+
+    /**
+     * 获取用户搜索配置
+     *
+     * @param userId 用户ID
+     *
+     * @return 用户搜索配置列表
+     */
+    public List<UserSearchConfig> getUserSearchConfigs(String userId, String orgId) {
+        LambdaQueryWrapper<UserSearchConfig> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(UserSearchConfig::getUserId, userId)
+                .eq(UserSearchConfig::getOrganizationId, orgId);
+        return userSearchConfigBaseMapper.selectListByLambda(wrapper);
+    }
+
+    /**
+     * 获取自定义字段值
+     *
+     * @param fieldIdSet               用户配置的字段ID集合
+     * @param id                       数据ID
+     * @param moduleFiledMap           数据ID和自定义字段值的映射关系
+     * @param moduleFormConfigDTO      模块表单配置
+     * @param searchFieldMaskConfigMap 脱敏配置映射关系
+     * @param hasPermission            是否有权限查看
+     *
+     * @return 自定义字段值列表
+     */
+    public List<BaseModuleFieldValue> getBaseModuleFieldValues(Set<String> fieldIdSet, String id, Map<String, List<BaseModuleFieldValue>> moduleFiledMap, ModuleFormConfigDTO moduleFormConfigDTO, Map<String, SearchFieldMaskConfig> searchFieldMaskConfigMap, boolean hasPermission) {
+        List<BaseModuleFieldValue> returnBaseModuleFieldValues = new ArrayList<>();
+        //此条数据所带的自定义字段及其值
+        List<BaseModuleFieldValue> baseModuleFieldValues = moduleFiledMap.get(id);
+        if (CollectionUtils.isEmpty(baseModuleFieldValues)) {
+            return new ArrayList<>();
+        }
+        Map<String, Object> fieldValueMap = baseModuleFieldValues.stream().collect(Collectors.toMap(BaseModuleFieldValue::getFieldId, BaseModuleFieldValue::getFieldValue));
+        //获取自定义字段选项，用于补充数据源的值
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(moduleFormConfigDTO, baseModuleFieldValues);
+        List<BaseField> fields = moduleFormConfigDTO.getFields();
+        Map<String, String> fieldTypeMap = fields.stream().collect(Collectors.toMap(BaseField::getId, BaseField::getType));
+        for (BaseModuleFieldValue baseModuleFieldValue : baseModuleFieldValues) {
+            String fieldId = baseModuleFieldValue.getFieldId();
+            if (fieldIdSet.contains(fieldId)) {
+                SearchFieldMaskConfig searchFieldMaskConfig = searchFieldMaskConfigMap.get(fieldId);
+                BaseModuleFieldValue returnBaseModuleFieldValue = new BaseModuleFieldValue();
+                returnBaseModuleFieldValue.setFieldId(fieldId);
+                Object fieldValue = fieldValueMap.get(fieldId);
+                if (fieldValue instanceof String) {
+                    //数据源类型的字段，进行值的转换
+                    if (Strings.CI.equals(fieldTypeMap.get(fieldId), FieldType.DATA_SOURCE.toString())) {
+                        List<OptionDTO> options = optionMap.get(fieldId);
+                        if (CollectionUtils.isEmpty(options)) {
+                            continue;
+                        }
+                        for (OptionDTO optionDTO : options) {
+                            if (Strings.CI.equals(optionDTO.getId(), (String) fieldValue)) {
+                                fieldValue = optionDTO.getName();
+                                break;
+                            }
+                        }
+                    }
+                    //无权限根据类型进行脱敏
+                    if (!hasPermission) {
+                        if (searchFieldMaskConfig != null) {
+                            fieldValue = setStringFieldValue(searchFieldMaskConfig, fieldValue);
+                        }
+                    }
+                    returnBaseModuleFieldValue.setFieldValue(fieldValue);
+                } else if (fieldValue instanceof List<?>) {
+                    List<String> fieldValueList = new ArrayList<>();
+                    for (Object element : (List<?>) fieldValue) {
+                        String s = element == null ? null : element.toString();
+                        List<OptionDTO> optionDTOs = optionMap.get(fieldId);
+                        if (CollectionUtils.isEmpty(optionDTOs)) {
+                            continue;
+                        }
+                        for (OptionDTO optionDTO : optionDTOs) {
+                            if (Strings.CI.equals(optionDTO.getId(), s)) {
+                                String name = optionDTO.getName();
+                                if (!hasPermission) {
+                                    getInputFieldValue(name, name.length());
+                                }
+                                fieldValueList.add(name);
+                            }
+                        }
+                    }
+                    returnBaseModuleFieldValue.setFieldValue(fieldValueList);
+                }
+                returnBaseModuleFieldValues.add(returnBaseModuleFieldValue);
+            }
+        }
+        return returnBaseModuleFieldValues;
+    }
+
+    /**
+     * 设置字符串类型字段的脱敏值
+     *
+     * @param searchFieldMaskConfig 脱敏配置
+     * @param fieldValue            字段值
+     *
+     * @return 脱敏后的字段值
+     */
+    private Object setStringFieldValue(SearchFieldMaskConfig searchFieldMaskConfig, Object fieldValue) {
+        int length = ((String) fieldValue).length();
+        if (Strings.CI.equals(searchFieldMaskConfig.getType(), FieldType.PHONE.toString()) || Strings.CI.equals(searchFieldMaskConfig.getType(), FieldType.SERIAL_NUMBER.toString())) {
+            //fieldValue后6位以*替代
+            fieldValue = getPhoneFieldValue(fieldValue, length);
+        } else if (Strings.CI.equals(searchFieldMaskConfig.getType(), FieldType.INPUT.toString()) || Strings.CI.equals(searchFieldMaskConfig.getType(), FieldType.DATA_SOURCE.toString())) {
+            fieldValue = getInputFieldValue(fieldValue, length);
+        }
+        return fieldValue;
+    }
+
+    public Object getPhoneFieldValue(Object fieldValue, int length) {
+        if (length > 6) {
+            fieldValue = ((String) fieldValue).substring(0, length - 6) + "******";
+        } else {
+            fieldValue = "******";
+        }
+        return fieldValue;
+    }
+
+    public Object getInputFieldValue(Object fieldValue, int length) {
+        //fieldValue保留第一位字符，后面全部用*代替
+        if (length > 1) {
+            fieldValue = ((String) fieldValue).charAt(0) + "*".repeat(length - 1);
+        } else {
+            fieldValue = "*";
+        }
+        return fieldValue;
+    }
+
+    /**
+     * 通过产品ID列表获取产品名称列表
+     *
+     * @param products       产品ID列表
+     * @param productNameMap 产品ID和名称的映射关系
+     *
+     * @return 产品名称列表
+     */
+    public List<String> getProductNames(List<String> products, Map<String, String> productNameMap) {
+        if (CollectionUtils.isEmpty(products)) {
+            return new ArrayList<>();
+        }
+        List<String> productNames = new ArrayList<>();
+        for (String product : products) {
+            String productName = productNameMap.get(product);
+            if (StringUtils.isNotBlank(productName)) {
+                productNames.add(productName);
+            }
+        }
+        return productNames;
+    }
+
+    /**
+     * 构建组合查询条件
+     *
+     * @param conditions 过滤条件列表
+     * @param request    分页请求
+     */
+    public void buildCombineSearch(List<FilterCondition> conditions, BasePageRequest request) {
+        CombineSearch combineSearch = new CombineSearch();
+        combineSearch.setSearchMode(CombineSearch.SearchMode.OR.toString());
+        combineSearch.setConditions(conditions);
+        request.setCombineSearch(combineSearch);
+        request.setKeyword(null);
+    }
+
+    /**
+     * 构建内置字段
+     *
+     * @param internalKeyMap 内置字段映射关系
+     * @param entity         实体对象
+     * @param clazz          实体类
+     * @param <A>            实体类型
+     *
+     * @return 内置字段列表
+     */
+    public <A> List<BaseModuleFieldValue> buildInternalField(Map<String, String> internalKeyMap, Map<String, SearchFieldMaskConfig> searchFieldMaskConfigMap, boolean hasPermission, A entity,
+                                                             Class<A> clazz) {
+        List<BaseModuleFieldValue> returnOpportunityFields = new ArrayList<>();
+        if (entity == null) {
+            return returnOpportunityFields;
+        }
+        List<String> capitalizedList = internalKeyMap.values().stream()
+                .map(s -> s.substring(0, 1).toUpperCase() + s.substring(1))
+                .toList();
+        for (String s : capitalizedList) {
+            try {
+                String methodName = "get" + s;
+                String value = (String) clazz.getMethod(methodName).invoke(entity);
+                BaseModuleFieldValue baseModuleFieldValue = new BaseModuleFieldValue();
+                baseModuleFieldValue.setFieldValue(value);
+                internalKeyMap.forEach((k, v) -> {
+                    if (Strings.CI.equals(v, s)) {
+                        baseModuleFieldValue.setFieldId(k);
+                    }
+                });
+                SearchFieldMaskConfig searchFieldMaskConfig = searchFieldMaskConfigMap.get(baseModuleFieldValue.getFieldId());
+                if (!hasPermission && searchFieldMaskConfig != null) {
+                    Object fieldValue = setStringFieldValue(searchFieldMaskConfig, value);
+                    baseModuleFieldValue.setFieldValue(fieldValue);
+                }
+                returnOpportunityFields.add(baseModuleFieldValue);
+            } catch (Exception e) {
+                log.error(e.getMessage(), e);
+            }
+        }
+        return returnOpportunityFields;
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/service/SearchFieldMaskConfigService.java b/backend/crm/src/main/java/cn/cordys/crm/search/service/SearchFieldMaskConfigService.java
new file mode 100644
index 0000000..a1234ae
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/service/SearchFieldMaskConfigService.java
@@ -0,0 +1,162 @@
+package cn.cordys.crm.search.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.search.constants.SearchModuleEnum;
+import cn.cordys.crm.search.domain.SearchFieldMaskConfig;
+import cn.cordys.crm.search.request.FieldMaskConfigDTO;
+import cn.cordys.crm.system.dto.field.DatasourceField;
+import cn.cordys.crm.system.dto.field.DatasourceMultipleField;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class SearchFieldMaskConfigService {
+
+    @Resource
+    private BaseMapper<SearchFieldMaskConfig> searchFieldMaskConfigMapper;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+
+    /**
+     * 保存脱敏字段配置
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.UPDATE)
+    public void save(FieldMaskConfigDTO request, String userId, String orgId) {
+        FieldMaskConfigDTO fieldMaskConfigDTO = get(orgId);
+        deleteFieldMaskConfig(orgId);
+        request.getSearchFields().forEach((key, value) -> {
+            switch (key) {
+                case SearchModuleEnum.SEARCH_ADVANCED_CLUE:
+                    saveMaskFields(value, userId, orgId, FormKey.CLUE.getKey(), key);
+                    break;
+                case SearchModuleEnum.SEARCH_ADVANCED_CUSTOMER:
+                    saveMaskFields(value, userId, orgId, FormKey.CUSTOMER.getKey(), key);
+                    break;
+                case SearchModuleEnum.SEARCH_ADVANCED_CONTACT:
+                    saveMaskFields(value, userId, orgId, FormKey.CONTACT.getKey(), key);
+                    break;
+                case SearchModuleEnum.SEARCH_ADVANCED_PUBLIC:
+                    saveMaskFields(value, userId, orgId, FormKey.CUSTOMER.getKey(), key);
+                    break;
+                case SearchModuleEnum.SEARCH_ADVANCED_CLUE_POOL:
+                    saveMaskFields(value, userId, orgId, FormKey.CLUE.getKey(), key);
+                    break;
+                case SearchModuleEnum.SEARCH_ADVANCED_OPPORTUNITY:
+                    saveMaskFields(value, userId, orgId, FormKey.OPPORTUNITY.getKey(), key);
+                    break;
+                default:
+                    break;
+            }
+        });
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .resourceId(orgId)
+                        .resourceName(Translator.get("module.desensitization_set"))
+                        .originalValue(fieldMaskConfigDTO.getSearchFields())
+                        .modifiedValue(request.getSearchFields())
+                        .build()
+        );
+    }
+
+
+    /**
+     * 保存脱敏字段
+     *
+     * @param fieldIds
+     * @param userId
+     * @param orgId
+     * @param formKey
+     * @param moduleType
+     */
+    private void saveMaskFields(List<String> fieldIds, String userId, String orgId, String formKey, String moduleType) {
+        if (CollectionUtils.isNotEmpty(fieldIds)) {
+            ModuleFormConfigDTO businessFormConfig = moduleFormCacheService.getBusinessFormConfig(formKey, orgId);
+            List<BaseField> fields = businessFormConfig.getFields();
+            List<SearchFieldMaskConfig> searchConfigs = new ArrayList<>();
+
+            for (String fieldId : fieldIds) {
+                BaseField baseField = fields.stream().filter(field -> Strings.CI.equals(field.getId(), fieldId)).findFirst().orElse(null);
+                if (baseField == null) {
+                    continue;
+                }
+                SearchFieldMaskConfig fieldMaskConfig = new SearchFieldMaskConfig();
+                fieldMaskConfig.setId(IDGenerator.nextStr());
+                fieldMaskConfig.setFieldId(baseField.getId());
+                fieldMaskConfig.setType(baseField.getType());
+                fieldMaskConfig.setBusinessKey(baseField.getBusinessKey());
+                if (baseField.getType().equals("DATA_SOURCE")) {
+                    fieldMaskConfig.setDataSourceType(((DatasourceField) baseField).getDataSourceType());
+                }
+                if (baseField.getType().equals("DATA_SOURCE_MULTIPLE")) {
+                    fieldMaskConfig.setDataSourceType(((DatasourceMultipleField) baseField).getDataSourceType());
+                }
+                fieldMaskConfig.setModuleType(moduleType);
+                fieldMaskConfig.setOrganizationId(orgId);
+                fieldMaskConfig.setCreateUser(userId);
+                fieldMaskConfig.setUpdateUser(userId);
+                fieldMaskConfig.setCreateTime(System.currentTimeMillis());
+                fieldMaskConfig.setUpdateTime(System.currentTimeMillis());
+                searchConfigs.add(fieldMaskConfig);
+            }
+
+            searchFieldMaskConfigMapper.batchInsert(searchConfigs);
+        }
+
+    }
+
+
+    private void deleteFieldMaskConfig(String orgId) {
+        LambdaQueryWrapper<SearchFieldMaskConfig> queryWrapper = new LambdaQueryWrapper<>();
+        queryWrapper.eq(SearchFieldMaskConfig::getOrganizationId, orgId);
+        searchFieldMaskConfigMapper.deleteByLambda(queryWrapper);
+    }
+
+
+    /**
+     * 获取脱敏字段配置
+     *
+     * @param orgId
+     *
+     * @return
+     */
+    public FieldMaskConfigDTO get(String orgId) {
+        LambdaQueryWrapper<SearchFieldMaskConfig> queryWrapper = new LambdaQueryWrapper<>();
+        queryWrapper.eq(SearchFieldMaskConfig::getOrganizationId, orgId);
+        List<SearchFieldMaskConfig> searchFieldMaskConfigs = searchFieldMaskConfigMapper.selectListByLambda(queryWrapper);
+
+        FieldMaskConfigDTO response = new FieldMaskConfigDTO();
+        Map<String, List<String>> searchFields = searchFieldMaskConfigs.stream()
+                .collect(Collectors.groupingBy(
+                        SearchFieldMaskConfig::getModuleType,
+                        Collectors.mapping(SearchFieldMaskConfig::getFieldId,
+                                Collectors.toList())
+                ));
+        response.setSearchFields(searchFields);
+        return response;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/service/UserSearchConfigService.java b/backend/crm/src/main/java/cn/cordys/crm/search/service/UserSearchConfigService.java
new file mode 100644
index 0000000..95313c8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/service/UserSearchConfigService.java
@@ -0,0 +1,317 @@
+package cn.cordys.crm.search.service;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.search.constants.DefaultSearchFieldEnum;
+import cn.cordys.crm.search.constants.SearchModuleEnum;
+import cn.cordys.crm.search.domain.UserSearchConfig;
+import cn.cordys.crm.search.mapper.ExtUserSearchConfigMapper;
+import cn.cordys.crm.search.request.UserSearchConfigAddRequest;
+import cn.cordys.crm.search.response.SearchFieldResponse;
+import cn.cordys.crm.system.dto.field.DatasourceField;
+import cn.cordys.crm.system.dto.field.DatasourceMultipleField;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class UserSearchConfigService {
+
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private BaseMapper<UserSearchConfig> userSearchConfigMapper;
+    @Resource
+    private ExtUserSearchConfigMapper extUserSearchConfigMapper;
+
+
+    /**
+     * 保存配置
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     */
+    public void save(UserSearchConfigAddRequest request, String userId, String orgId) {
+        boolean allEmpty = request.getSearchFields().values().stream()
+                .allMatch(list -> list == null || list.isEmpty());
+        if (allEmpty) {
+            throw new GenericException(Translator.get("search.config.empty"));
+        }
+        deleteUserSearchConfig(userId, orgId);
+        request.getSearchFields().forEach((key, value) -> {
+            if (value.size() > 5) {
+                throw new GenericException(Translator.get("search.config.limit"));
+            }
+            switch (key) {
+                case SearchModuleEnum.SEARCH_ADVANCED_CLUE, SearchModuleEnum.SEARCH_ADVANCED_CLUE_POOL:
+                    saveSearchFields(value, userId, orgId, FormKey.CLUE.getKey(), key, request);
+                    break;
+                case SearchModuleEnum.SEARCH_ADVANCED_CUSTOMER, SearchModuleEnum.SEARCH_ADVANCED_PUBLIC:
+                    saveSearchFields(value, userId, orgId, FormKey.CUSTOMER.getKey(), key, request);
+                    break;
+                case SearchModuleEnum.SEARCH_ADVANCED_CONTACT:
+                    saveSearchFields(value, userId, orgId, FormKey.CONTACT.getKey(), key, request);
+                    break;
+                case SearchModuleEnum.SEARCH_ADVANCED_OPPORTUNITY:
+                    saveSearchFields(value, userId, orgId, FormKey.OPPORTUNITY.getKey(), key, request);
+                    break;
+                default:
+                    break;
+            }
+        });
+    }
+
+
+    /**
+     * 清空用户配置
+     *
+     * @param userId
+     * @param orgId
+     */
+    private void deleteUserSearchConfig(String userId, String orgId) {
+        LambdaQueryWrapper<UserSearchConfig> queryWrapper = new LambdaQueryWrapper<>();
+        queryWrapper.eq(UserSearchConfig::getUserId, userId).eq(UserSearchConfig::getOrganizationId, orgId);
+        userSearchConfigMapper.deleteByLambda(queryWrapper);
+    }
+
+
+    private void saveSearchFields(List<String> fieldIds, String userId, String orgId, String formKey, String moduleType, UserSearchConfigAddRequest request) {
+        if (CollectionUtils.isNotEmpty(fieldIds)) {
+            ModuleFormConfigDTO businessFormConfig = moduleFormCacheService.getBusinessFormConfig(formKey, orgId);
+            List<BaseField> fields = businessFormConfig.getFields();
+            List<UserSearchConfig> searchConfigs = new ArrayList<>();
+            for (String fieldId : fieldIds) {
+                BaseField baseField = fields.stream().filter(field -> Strings.CI.equals(field.getId(), fieldId)).findFirst().orElse(null);
+                if (baseField == null) {
+                    continue;
+                }
+                UserSearchConfig userSearchConfig = new UserSearchConfig();
+                userSearchConfig.setId(IDGenerator.nextStr());
+                userSearchConfig.setFieldId(baseField.getId());
+                userSearchConfig.setType(baseField.getType());
+                userSearchConfig.setBusinessKey(baseField.getBusinessKey());
+                if (baseField.getType().equals("DATA_SOURCE")) {
+                    userSearchConfig.setDataSourceType(((DatasourceField) baseField).getDataSourceType());
+                }
+                if (baseField.getType().equals("DATA_SOURCE_MULTIPLE")) {
+                    userSearchConfig.setDataSourceType(((DatasourceMultipleField) baseField).getDataSourceType());
+                }
+                userSearchConfig.setUserId(userId);
+                userSearchConfig.setModuleType(moduleType);
+                userSearchConfig.setSortSetting(JSON.toJSONString(request.getSortSetting()));
+                userSearchConfig.setResultDisplay(request.getResultDisplay());
+                userSearchConfig.setOrganizationId(orgId);
+                userSearchConfig.setCreateUser(userId);
+                userSearchConfig.setUpdateUser(userId);
+                userSearchConfig.setCreateTime(System.currentTimeMillis());
+                userSearchConfig.setUpdateTime(System.currentTimeMillis());
+                searchConfigs.add(userSearchConfig);
+            }
+
+            userSearchConfigMapper.batchInsert(searchConfigs);
+        }
+    }
+
+
+    /**
+     * 重置配置
+     *
+     * @param userId
+     * @param orgId
+     */
+    public void reset(String userId, String orgId) {
+        deleteUserSearchConfig(userId, orgId);
+        List<UserSearchConfig> defaultSearchConfigs = new ArrayList<>();
+        //客户&公海
+        buildCustomerFields(FormKey.CUSTOMER.name(), userId, orgId, defaultSearchConfigs);
+        //线索&线索池
+        buildClueFields(FormKey.CLUE.name(), userId, orgId, defaultSearchConfigs);
+        //商机
+        buildOpportunityFields(FormKey.OPPORTUNITY.name(), userId, orgId, defaultSearchConfigs);
+        //联系人
+        buildContactFields(FormKey.CONTACT.name(), userId, orgId, defaultSearchConfigs);
+
+        userSearchConfigMapper.batchInsert(defaultSearchConfigs);
+
+    }
+
+    /**
+     * 联系人默认字段
+     *
+     * @param formKey
+     * @param userId
+     * @param orgId
+     * @param defaultSearchConfigs
+     */
+    private void buildContactFields(String formKey, String userId, String orgId, List<UserSearchConfig> defaultSearchConfigs) {
+        ModuleFormConfigDTO businessFormConfig = moduleFormCacheService.getBusinessFormConfig(formKey, orgId);
+        businessFormConfig.getFields().forEach(field -> {
+            if (Strings.CI.equals(field.getInternalKey(), DefaultSearchFieldEnum.CONTACT_CUSTOMER)) {
+                buildDto(field, userId, orgId, SearchModuleEnum.SEARCH_ADVANCED_CONTACT, defaultSearchConfigs);
+            }
+            if (Strings.CI.equals(field.getInternalKey(), DefaultSearchFieldEnum.CONTACT_PHONE)) {
+                buildDto(field, userId, orgId, SearchModuleEnum.SEARCH_ADVANCED_CONTACT, defaultSearchConfigs);
+            }
+        });
+    }
+
+
+    /**
+     * 线索/线索池默认字段
+     *
+     * @param formKey
+     * @param userId
+     * @param orgId
+     * @param defaultSearchConfigs
+     */
+    private void buildClueFields(String formKey, String userId, String orgId, List<UserSearchConfig> defaultSearchConfigs) {
+        ModuleFormConfigDTO businessFormConfig = moduleFormCacheService.getBusinessFormConfig(formKey, orgId);
+        businessFormConfig.getFields().forEach(field -> {
+            if (Strings.CI.equals(field.getInternalKey(), DefaultSearchFieldEnum.CLUE_NAME)) {
+                buildDto(field, userId, orgId, SearchModuleEnum.SEARCH_ADVANCED_CLUE, defaultSearchConfigs);
+                buildDto(field, userId, orgId, SearchModuleEnum.SEARCH_ADVANCED_CLUE_POOL, defaultSearchConfigs);
+            }
+            if (Strings.CI.equals(field.getInternalKey(), DefaultSearchFieldEnum.CLUE_CONTACT_PHONE)) {
+                buildDto(field, userId, orgId, SearchModuleEnum.SEARCH_ADVANCED_CLUE, defaultSearchConfigs);
+                buildDto(field, userId, orgId, SearchModuleEnum.SEARCH_ADVANCED_CLUE_POOL, defaultSearchConfigs);
+            }
+        });
+    }
+
+
+    /**
+     * 客户/公海默认字段
+     *
+     * @param formKey
+     * @param userId
+     * @param orgId
+     * @param defaultSearchConfigs
+     */
+    private void buildCustomerFields(String formKey, String userId, String orgId, List<UserSearchConfig> defaultSearchConfigs) {
+        ModuleFormConfigDTO businessFormConfig = moduleFormCacheService.getBusinessFormConfig(formKey, orgId);
+        businessFormConfig.getFields().forEach(field -> {
+            if (Strings.CI.equals(field.getInternalKey(), DefaultSearchFieldEnum.CUSTOMER_NAME)) {
+                buildDto(field, userId, orgId, SearchModuleEnum.SEARCH_ADVANCED_CUSTOMER, defaultSearchConfigs);
+                buildDto(field, userId, orgId, SearchModuleEnum.SEARCH_ADVANCED_PUBLIC, defaultSearchConfigs);
+
+            }
+        });
+    }
+
+
+    /**
+     * 商机默认字段
+     *
+     * @param formKey
+     * @param userId
+     * @param orgId
+     * @param defaultSearchConfigs
+     */
+    private void buildOpportunityFields(String formKey, String userId, String orgId, List<UserSearchConfig> defaultSearchConfigs) {
+        ModuleFormConfigDTO businessFormConfig = moduleFormCacheService.getBusinessFormConfig(formKey, orgId);
+        businessFormConfig.getFields().forEach(field -> {
+            if (Strings.CI.equals(field.getInternalKey(), DefaultSearchFieldEnum.OPPORTUNITY_NAME)) {
+                buildDto(field, userId, orgId, SearchModuleEnum.SEARCH_ADVANCED_OPPORTUNITY, defaultSearchConfigs);
+            }
+            if (Strings.CI.equals(field.getInternalKey(), DefaultSearchFieldEnum.OPPORTUNITY_CUSTOMER)) {
+                buildDto(field, userId, orgId, SearchModuleEnum.SEARCH_ADVANCED_OPPORTUNITY, defaultSearchConfigs);
+            }
+        });
+    }
+
+
+    private void buildDto(BaseField field, String userId, String orgId, String moduleType, List<UserSearchConfig> defaultSearchConfigs) {
+        UserSearchConfig userSearchConfig = new UserSearchConfig();
+        userSearchConfig.setId(IDGenerator.nextStr());
+        userSearchConfig.setFieldId(field.getId());
+        userSearchConfig.setType(field.getType());
+        userSearchConfig.setBusinessKey(field.getBusinessKey());
+        if (field.getType().equals("DATA_SOURCE")) {
+            userSearchConfig.setDataSourceType(((DatasourceField) field).getDataSourceType());
+        } else if (field.getType().equals("DATA_SOURCE_MULTIPLE")) {
+            userSearchConfig.setDataSourceType(((DatasourceMultipleField) field).getDataSourceType());
+        } else {
+            userSearchConfig.setDataSourceType(null);
+        }
+        userSearchConfig.setUserId(userId);
+        userSearchConfig.setModuleType(moduleType);
+        userSearchConfig.setSortSetting(JSON.toJSONString(SearchModuleEnum.VALUES));
+        userSearchConfig.setResultDisplay(false);
+        userSearchConfig.setOrganizationId(orgId);
+        userSearchConfig.setCreateUser(userId);
+        userSearchConfig.setUpdateUser(userId);
+        userSearchConfig.setCreateTime(System.currentTimeMillis());
+        userSearchConfig.setUpdateTime(System.currentTimeMillis());
+        defaultSearchConfigs.add(userSearchConfig);
+    }
+
+
+    /**
+     * 获取搜索字段配置
+     *
+     * @param userId
+     * @param orgId
+     *
+     * @return
+     */
+    public SearchFieldResponse get(String userId, String orgId) {
+        if (!configCount(userId, orgId)) {
+            reset(userId, orgId);
+        }
+        List<UserSearchConfig> searchConfigs = getConfigList(userId, orgId);
+
+        SearchFieldResponse response = new SearchFieldResponse();
+        Map<String, List<String>> searchFields = searchConfigs.stream()
+                .collect(Collectors.groupingBy(
+                        UserSearchConfig::getModuleType,
+                        Collectors.mapping(UserSearchConfig::getFieldId,
+                                Collectors.toList())
+                ));
+
+        response.setSearchFields(searchFields);
+        response.setResultDisplay(searchConfigs.getFirst().getResultDisplay());
+        response.setSortSetting(JSON.parseArray(searchConfigs.getFirst().getSortSetting()));
+
+        return response;
+
+    }
+
+    private boolean configCount(String userId, String orgId) {
+        UserSearchConfig example = new UserSearchConfig();
+        example.setUserId(userId);
+        example.setOrganizationId(orgId);
+        return userSearchConfigMapper.countByExample(example) > 0;
+    }
+
+
+    /**
+     * 获取用户搜索配置字段数据
+     *
+     * @param userId
+     * @param orgId
+     *
+     * @return
+     */
+    private List<UserSearchConfig> getConfigList(String userId, String orgId) {
+        LambdaQueryWrapper<UserSearchConfig> queryWrapper = new LambdaQueryWrapper<>();
+        queryWrapper.eq(UserSearchConfig::getUserId, userId).eq(UserSearchConfig::getOrganizationId, orgId);
+        return userSearchConfigMapper.selectListByLambda(queryWrapper);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/service/advanced/AdvancedCluePoolSearchService.java b/backend/crm/src/main/java/cn/cordys/crm/search/service/advanced/AdvancedCluePoolSearchService.java
new file mode 100644
index 0000000..bb53026
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/service/advanced/AdvancedCluePoolSearchService.java
@@ -0,0 +1,236 @@
+package cn.cordys.crm.search.service.advanced;
+
+import cn.cordys.common.constants.*;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.dto.UserDeptDTO;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.crm.clue.domain.CluePool;
+import cn.cordys.crm.clue.domain.CluePoolRecycleRule;
+import cn.cordys.crm.clue.dto.response.ClueListResponse;
+import cn.cordys.crm.clue.mapper.ExtClueMapper;
+import cn.cordys.crm.clue.service.ClueFieldService;
+import cn.cordys.crm.clue.service.CluePoolService;
+import cn.cordys.crm.product.mapper.ExtProductMapper;
+import cn.cordys.crm.search.response.advanced.AdvancedCluePoolResponse;
+import cn.cordys.crm.search.service.BaseSearchService;
+import cn.cordys.crm.system.constants.DictModule;
+import cn.cordys.crm.system.constants.FieldType;
+import cn.cordys.crm.system.constants.SystemResultCode;
+import cn.cordys.crm.system.domain.Dict;
+import cn.cordys.crm.system.dto.DictConfigDTO;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.DictService;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.crm.system.service.ModuleFormService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.collections.MapUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+
+import java.util.ArrayList;
+import java.util.Collection;
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+import java.util.stream.Stream;
+
+@Service
+public class AdvancedCluePoolSearchService extends BaseSearchService<BasePageRequest, AdvancedCluePoolResponse> {
+
+    @Resource
+    private ExtClueMapper extClueMapper;
+    @Resource
+    private ClueFieldService clueFieldService;
+    @Resource
+    private BaseService baseService;
+    @Resource
+    private CluePoolService cluePoolService;
+    @Resource
+    private BaseMapper<CluePoolRecycleRule> recycleRuleMapper;
+    @Resource
+    private DictService dictService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private ModuleFormService moduleFormService;
+    @Resource
+    private ExtProductMapper extProductMapper;
+    @Resource
+    private DataScopeService dataScopeService;
+
+    @Override
+    public PagerWithOption<List<AdvancedCluePoolResponse>> startSearch(BasePageRequest request, String orgId, String userId) {
+        // 查询当前组织下已启用的模块列表
+        List<String> enabledModules = getEnabledModules();
+
+        // 检查：如果线索模块未启用，抛出异常
+        if (!enabledModules.contains(ModuleKey.CLUE.getKey())) {
+            throw new GenericException(SystemResultCode.MODULE_ENABLE);
+        }
+        ConditionFilterUtils.parseCondition(request, FormKey.CLUE.getKey());
+        // 查询重复线索池线索列表
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        List<AdvancedCluePoolResponse> list = extClueMapper.cluePoolList(request, orgId);
+        if (CollectionUtils.isEmpty(list)) {
+            return PageUtils.setPageInfoWithOption(page, List.of(), Map.of());
+        }
+        List<AdvancedCluePoolResponse> buildList = buildListData(list, orgId, userId);
+        Map<String, List<OptionDTO>> optionMap = buildOptionMap(orgId, list, buildList);
+        return PageUtils.setPageInfoWithOption(page, buildList, optionMap);
+    }
+
+    public List<AdvancedCluePoolResponse> buildListData(List<AdvancedCluePoolResponse> list, String orgId, String userId) {
+        if (CollectionUtils.isEmpty(list)) {
+            return list;
+        }
+        List<String> clueIds = list.stream().map(ClueListResponse::getId)
+                .collect(Collectors.toList());
+
+        Map<String, List<BaseModuleFieldValue>> caseCustomFiledMap = clueFieldService.getResourceFieldMap(clueIds, true);
+
+        List<String> ownerIds = list.stream()
+                .map(ClueListResponse::getOwner)
+                .distinct()
+                .toList();
+
+        List<String> followerIds = list.stream()
+                .map(ClueListResponse::getFollower)
+                .distinct()
+                .toList();
+        List<String> createUserIds = list.stream()
+                .map(ClueListResponse::getCreateUser)
+                .distinct()
+                .toList();
+        List<String> updateUserIds = list.stream()
+                .map(ClueListResponse::getUpdateUser)
+                .distinct()
+                .toList();
+        List<String> userIds = Stream.of(ownerIds, followerIds, createUserIds, updateUserIds)
+                .flatMap(Collection::stream)
+                .distinct()
+                .toList();
+        Map<String, String> userNameMap = baseService.getUserNameMap(userIds);
+
+        // 获取负责人线索池信息
+        Map<String, CluePool> ownersDefaultPoolMap = cluePoolService.getOwnersDefaultPoolMap(ownerIds, orgId);
+        List<String> poolIds = ownersDefaultPoolMap.values().stream().map(CluePool::getId).distinct().toList();
+        Map<String, CluePoolRecycleRule> recycleRuleMap;
+        if (CollectionUtils.isEmpty(poolIds)) {
+            recycleRuleMap = Map.of();
+        } else {
+            LambdaQueryWrapper<CluePoolRecycleRule> recycleRuleWrapper = new LambdaQueryWrapper<>();
+            recycleRuleWrapper.in(CluePoolRecycleRule::getPoolId, poolIds);
+            List<CluePoolRecycleRule> recycleRules = recycleRuleMapper.selectListByLambda(recycleRuleWrapper);
+            recycleRuleMap = recycleRules.stream().collect(Collectors.toMap(CluePoolRecycleRule::getPoolId, rule -> rule));
+        }
+
+        Map<String, UserDeptDTO> userDeptMap = baseService.getUserDeptMapByUserIds(ownerIds, orgId);
+
+        // 线索池原因
+        DictConfigDTO dictConf = dictService.getDictConf(DictModule.CLUE_POOL_RS.name(), orgId);
+        List<Dict> dictList = dictConf.getDictList();
+        Map<String, String> dictMap = dictList.stream().collect(Collectors.toMap(Dict::getId, Dict::getName));
+
+        //获取用户线索池
+        Map<String, String> userPoolMap = getUserCluePool(orgId, userId);
+        ModuleFormConfigDTO moduleFormConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.CLUE.getKey(), orgId);
+        List<String> phoneTypeFieldIds = moduleFormConfig.getFields().stream().filter(field -> Strings.CI.equals(field.getType(), FieldType.PHONE.name())).map(BaseField::getId).toList();
+
+        list.forEach(clueListResponse -> {
+            boolean hasPermission = getHasPermission(userId, orgId, clueListResponse, userPoolMap);
+            // 设置回收公海
+            CluePool reservePool = ownersDefaultPoolMap.get(clueListResponse.getOwner());
+            // 获取自定义字段
+            if (hasPermission) {
+                List<BaseModuleFieldValue> clueFields = caseCustomFiledMap.get(clueListResponse.getId());
+                clueListResponse.setModuleFields(clueFields);
+                clueListResponse.setRecyclePoolName(reservePool != null ? reservePool.getName() : null);
+                clueListResponse.setReasonName(dictMap.get(clueListResponse.getReasonId()));
+
+            } else {
+                clueListResponse.setModuleFields(new ArrayList<>());
+                clueListResponse.setRecyclePoolName(null);
+                clueListResponse.setReasonName(null);
+                clueListResponse.setPhone(null);
+                clueListResponse.setContact(null);
+            }
+            // 计算剩余归属天数
+            clueListResponse.setReservedDays(cluePoolService.calcReservedDay(reservePool,
+                    reservePool != null ? recycleRuleMap.get(reservePool.getId()) : null,
+                    clueListResponse.getCollectionTime(), clueListResponse.getCreateTime()));
+
+            UserDeptDTO userDeptDTO = userDeptMap.get(clueListResponse.getOwner());
+            if (userDeptDTO != null) {
+                clueListResponse.setDepartmentId(userDeptDTO.getDeptId());
+                clueListResponse.setDepartmentName(userDeptDTO.getDeptName());
+            }
+            clueListResponse.setFollowerName(userNameMap.get(clueListResponse.getFollower()));
+            clueListResponse.setCreateUserName(userNameMap.get(clueListResponse.getCreateUser()));
+            clueListResponse.setUpdateUserName(userNameMap.get(clueListResponse.getUpdateUser()));
+            clueListResponse.setOwnerName(userNameMap.get(clueListResponse.getOwner()));
+
+
+            clueListResponse.setHasPermission(hasPermission);
+            clueListResponse.setPoolName(userPoolMap.get(clueListResponse.getPoolId()));
+
+            if (StringUtils.isNotBlank(clueListResponse.getPhone())) {
+                clueListResponse.setPhone((String) getPhoneFieldValue(clueListResponse.getPhone(), clueListResponse.getPhone().length()));
+            }
+            if (CollectionUtils.isNotEmpty(clueListResponse.getModuleFields())) {
+                clueListResponse.getModuleFields().stream().forEach(moduleField -> {
+                    if (phoneTypeFieldIds.contains(moduleField.getFieldId()) && StringUtils.isNotBlank(moduleField.getFieldValue().toString())) {
+                        moduleField.setFieldValue((getPhoneFieldValue(moduleField.getFieldValue(), moduleField.getFieldValue().toString().length())));
+                    }
+                });
+            }
+        });
+
+        return list;
+    }
+
+    private boolean getHasPermission(String userId, String orgId, AdvancedCluePoolResponse clueListResponse, Map<String, String> userPoolMap) {
+        if (Strings.CI.equals(userId, InternalUser.ADMIN.getValue())) {
+            return true;
+        }
+        if (MapUtils.isEmpty(userPoolMap)) {
+            return false;
+        }
+        boolean hasPool = userPoolMap.containsKey(clueListResponse.getPoolId());
+        boolean hasPermission = dataScopeService.hasDataPermission(userId, orgId, new ArrayList<>(), PermissionConstants.CLUE_MANAGEMENT_POOL_READ);
+
+        return hasPool && hasPermission;
+    }
+
+    public Map<String, List<OptionDTO>> buildOptionMap(String orgId, List<AdvancedCluePoolResponse> list, List<AdvancedCluePoolResponse> buildList) {
+        // 处理自定义字段选项数据
+        ModuleFormConfigDTO customerFormConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.CLUE.getKey(), orgId);
+        // 获取所有模块字段的值
+        List<BaseModuleFieldValue> moduleFieldValues = moduleFormService.getBaseModuleFieldValues(list, ClueListResponse::getModuleFields);
+        // 获取选项值对应的 option
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(customerFormConfig, moduleFieldValues);
+
+        // 补充负责人选项
+        List<OptionDTO> ownerFieldOption = moduleFormService.getBusinessFieldOption(buildList,
+                ClueListResponse::getOwner, ClueListResponse::getOwnerName);
+        optionMap.put(BusinessModuleField.CLUE_OWNER.getBusinessKey(), ownerFieldOption);
+
+        // 意向产品选项
+        List<OptionDTO> productOption = extProductMapper.getOptions(orgId);
+        optionMap.put(BusinessModuleField.OPPORTUNITY_PRODUCTS.getBusinessKey(), productOption);
+        return optionMap;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/service/advanced/AdvancedClueSearchService.java b/backend/crm/src/main/java/cn/cordys/crm/search/service/advanced/AdvancedClueSearchService.java
new file mode 100644
index 0000000..f05d820
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/service/advanced/AdvancedClueSearchService.java
@@ -0,0 +1,211 @@
+package cn.cordys.crm.search.service.advanced;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.ModuleKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.dto.UserDeptDTO;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.crm.clue.domain.CluePool;
+import cn.cordys.crm.clue.domain.CluePoolRecycleRule;
+import cn.cordys.crm.clue.dto.request.CluePageRequest;
+import cn.cordys.crm.clue.dto.response.ClueListResponse;
+import cn.cordys.crm.clue.mapper.ExtClueMapper;
+import cn.cordys.crm.clue.service.ClueFieldService;
+import cn.cordys.crm.clue.service.CluePoolService;
+import cn.cordys.crm.product.mapper.ExtProductMapper;
+import cn.cordys.crm.search.response.advanced.AdvancedClueResponse;
+import cn.cordys.crm.search.service.BaseSearchService;
+import cn.cordys.crm.system.constants.DictModule;
+import cn.cordys.crm.system.constants.SystemResultCode;
+import cn.cordys.crm.system.domain.Dict;
+import cn.cordys.crm.system.dto.DictConfigDTO;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.DictService;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.crm.system.service.ModuleFormService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.springframework.stereotype.Service;
+
+import java.util.ArrayList;
+import java.util.Collection;
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+import java.util.stream.Stream;
+
+@Service
+public class AdvancedClueSearchService extends BaseSearchService<CluePageRequest, AdvancedClueResponse> {
+
+    @Resource
+    private ExtClueMapper extClueMapper;
+    @Resource
+    private ExtProductMapper extProductMapper;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private ModuleFormService moduleFormService;
+    @Resource
+    private DictService dictService;
+    @Resource
+    private DataScopeService dataScopeService;
+    @Resource
+    private BaseService baseService;
+    @Resource
+    private ClueFieldService clueFieldService;
+    @Resource
+    private CluePoolService cluePoolService;
+    @Resource
+    private BaseMapper<CluePoolRecycleRule> recycleRuleMapper;
+
+
+    @Override
+    public PagerWithOption<List<AdvancedClueResponse>> startSearch(CluePageRequest request, String orgId, String userId) {
+
+        // 查询当前组织下已启用的模块列表
+        List<String> enabledModules = getEnabledModules();
+        // 检查：如果客户模块未启用，抛出异常
+        if (!enabledModules.contains(ModuleKey.CLUE.getKey())) {
+            throw new GenericException(SystemResultCode.MODULE_ENABLE);
+        }
+        request.setPoolId(null);
+        ConditionFilterUtils.parseCondition(request, FormKey.CLUE.getKey());
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        // 4. 查询并返回相似线索列表
+        List<ClueListResponse> list = extClueMapper.list(request, orgId, userId, null, false);
+        if (CollectionUtils.isEmpty(list)) {
+            return PageUtils.setPageInfoWithOption(page, List.of(), Map.of());
+        }
+        List<AdvancedClueResponse> buildList = buildClueList(list, orgId, userId);
+
+        Map<String, List<OptionDTO>> optionMap = buildClueOptionMap(orgId, list, buildList);
+
+        return PageUtils.setPageInfoWithOption(page, buildList, optionMap);
+    }
+
+    public Map<String, List<OptionDTO>> buildClueOptionMap(String orgId, List<ClueListResponse> list, List<AdvancedClueResponse> buildList) {
+        // 处理自定义字段选项数据
+        ModuleFormConfigDTO customerFormConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.CLUE.getKey(), orgId);
+        // 获取所有模块字段的值
+        List<BaseModuleFieldValue> moduleFieldValues = moduleFormService.getBaseModuleFieldValues(list, ClueListResponse::getModuleFields);
+        // 获取选项值对应的 option
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(customerFormConfig, moduleFieldValues);
+
+        // 补充负责人选项
+        List<OptionDTO> ownerFieldOption = moduleFormService.getBusinessFieldOption(buildList,
+                AdvancedClueResponse::getOwner, AdvancedClueResponse::getOwnerName);
+        optionMap.put(BusinessModuleField.CLUE_OWNER.getBusinessKey(), ownerFieldOption);
+
+        // 意向产品选项
+        List<OptionDTO> productOption = extProductMapper.getOptions(orgId);
+        optionMap.put(BusinessModuleField.OPPORTUNITY_PRODUCTS.getBusinessKey(), productOption);
+        return optionMap;
+    }
+
+
+    public List<AdvancedClueResponse> buildClueList(List<ClueListResponse> list, String orgId, String userId) {
+        if (CollectionUtils.isEmpty(list)) {
+            return new ArrayList<>();
+        }
+        List<String> clueIds = list.stream().map(ClueListResponse::getId)
+                .collect(Collectors.toList());
+
+        Map<String, List<BaseModuleFieldValue>> caseCustomFiledMap = clueFieldService.getResourceFieldMap(clueIds, true);
+
+        List<String> ownerIds = list.stream()
+                .map(ClueListResponse::getOwner)
+                .distinct()
+                .toList();
+
+        List<String> followerIds = list.stream()
+                .map(ClueListResponse::getFollower)
+                .distinct()
+                .toList();
+        List<String> createUserIds = list.stream()
+                .map(ClueListResponse::getCreateUser)
+                .distinct()
+                .toList();
+        List<String> updateUserIds = list.stream()
+                .map(ClueListResponse::getUpdateUser)
+                .distinct()
+                .toList();
+        List<String> userIds = Stream.of(ownerIds, followerIds, createUserIds, updateUserIds)
+                .flatMap(Collection::stream)
+                .distinct()
+                .toList();
+        Map<String, String> userNameMap = baseService.getUserNameMap(userIds);
+
+        // 获取负责人线索池信息
+        Map<String, CluePool> ownersDefaultPoolMap = cluePoolService.getOwnersDefaultPoolMap(ownerIds, orgId);
+        List<String> poolIds = ownersDefaultPoolMap.values().stream().map(CluePool::getId).distinct().toList();
+        Map<String, CluePoolRecycleRule> recycleRuleMap;
+        if (CollectionUtils.isEmpty(poolIds)) {
+            recycleRuleMap = Map.of();
+        } else {
+            LambdaQueryWrapper<CluePoolRecycleRule> recycleRuleWrapper = new LambdaQueryWrapper<>();
+            recycleRuleWrapper.in(CluePoolRecycleRule::getPoolId, poolIds);
+            List<CluePoolRecycleRule> recycleRules = recycleRuleMapper.selectListByLambda(recycleRuleWrapper);
+            recycleRuleMap = recycleRules.stream().collect(Collectors.toMap(CluePoolRecycleRule::getPoolId, rule -> rule));
+        }
+
+        Map<String, UserDeptDTO> userDeptMap = baseService.getUserDeptMapByUserIds(ownerIds, orgId);
+
+        // 线索池原因
+        DictConfigDTO dictConf = dictService.getDictConf(DictModule.CLUE_POOL_RS.name(), orgId);
+        List<Dict> dictList = dictConf.getDictList();
+        Map<String, String> dictMap = dictList.stream().collect(Collectors.toMap(Dict::getId, Dict::getName));
+
+        List<AdvancedClueResponse> returnList = new ArrayList<>();
+
+        list.forEach(clueListResponse -> {
+            // 获取自定义字段
+            List<BaseModuleFieldValue> clueFields = caseCustomFiledMap.get(clueListResponse.getId());
+            clueListResponse.setModuleFields(clueFields);
+
+            // 设置回收公海
+            CluePool reservePool = ownersDefaultPoolMap.get(clueListResponse.getOwner());
+            clueListResponse.setRecyclePoolName(reservePool != null ? reservePool.getName() : null);
+            // 计算剩余归属天数
+            clueListResponse.setReservedDays(cluePoolService.calcReservedDay(reservePool,
+                    reservePool != null ? recycleRuleMap.get(reservePool.getId()) : null,
+                    clueListResponse.getCollectionTime(), clueListResponse.getCreateTime()));
+
+            UserDeptDTO userDeptDTO = userDeptMap.get(clueListResponse.getOwner());
+            if (userDeptDTO != null) {
+                clueListResponse.setDepartmentId(userDeptDTO.getDeptId());
+                clueListResponse.setDepartmentName(userDeptDTO.getDeptName());
+            }
+            clueListResponse.setFollowerName(userNameMap.get(clueListResponse.getFollower()));
+            clueListResponse.setCreateUserName(userNameMap.get(clueListResponse.getCreateUser()));
+            clueListResponse.setUpdateUserName(userNameMap.get(clueListResponse.getUpdateUser()));
+            clueListResponse.setOwnerName(userNameMap.get(clueListResponse.getOwner()));
+            clueListResponse.setReasonName(dictMap.get(clueListResponse.getReasonId()));
+            AdvancedClueResponse advancedClueResponse = new AdvancedClueResponse();
+            BeanUtils.copyBean(advancedClueResponse, clueListResponse);
+            boolean hasPermission = dataScopeService.hasDataPermission(userId, orgId, clueListResponse.getOwner(), PermissionConstants.CLUE_MANAGEMENT_READ);
+            advancedClueResponse.setHasPermission(hasPermission);
+            if (!hasPermission) {
+                advancedClueResponse.setPhone(null);
+                advancedClueResponse.setContact(null);
+                advancedClueResponse.setModuleFields(new ArrayList<>());
+                advancedClueResponse.setReasonName(null);
+                advancedClueResponse.setRecyclePoolName(null);
+            }
+            returnList.add(advancedClueResponse);
+        });
+        return returnList;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/service/advanced/AdvancedCustomerContactSearchService.java b/backend/crm/src/main/java/cn/cordys/crm/search/service/advanced/AdvancedCustomerContactSearchService.java
new file mode 100644
index 0000000..9e57f60
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/service/advanced/AdvancedCustomerContactSearchService.java
@@ -0,0 +1,156 @@
+package cn.cordys.crm.search.service.advanced;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.ModuleKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.dto.UserDeptDTO;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.crm.customer.dto.request.CustomerContactPageRequest;
+import cn.cordys.crm.customer.dto.response.CustomerContactListResponse;
+import cn.cordys.crm.customer.mapper.ExtCustomerContactMapper;
+import cn.cordys.crm.customer.mapper.ExtCustomerMapper;
+import cn.cordys.crm.customer.service.CustomerContactFieldService;
+import cn.cordys.crm.search.response.advanced.AdvancedCustomerContactResponse;
+import cn.cordys.crm.search.service.BaseSearchService;
+import cn.cordys.crm.system.constants.SystemResultCode;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.crm.system.service.ModuleFormService;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.stereotype.Service;
+
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+
+@Service
+public class AdvancedCustomerContactSearchService extends BaseSearchService<CustomerContactPageRequest, AdvancedCustomerContactResponse> {
+
+    @Resource
+    private ExtCustomerContactMapper extCustomerContactMapper;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private ModuleFormService moduleFormService;
+    @Resource
+    private DataScopeService dataScopeService;
+    @Resource
+    private BaseService baseService;
+    @Resource
+    private CustomerContactFieldService customerContactFieldService;
+    @Resource
+    private ExtCustomerMapper extCustomerMapper;
+
+    @Override
+    public PagerWithOption<List<AdvancedCustomerContactResponse>> startSearch(CustomerContactPageRequest request, String orgId, String userId) {
+        // 查询当前组织下已启用的模块列表
+        List<String> enabledModules = getEnabledModules();
+        // 检查：如果客户模块未启用，抛出异常
+        if (!enabledModules.contains(ModuleKey.CUSTOMER.getKey())) {
+            throw new GenericException(SystemResultCode.MODULE_ENABLE);
+        }
+
+        ConditionFilterUtils.parseCondition(request, FormKey.CONTACT.getKey());
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        List<CustomerContactListResponse> list = extCustomerContactMapper.list(request, userId, orgId, null);
+        List<AdvancedCustomerContactResponse> buildListData = buildCustomerContactData(list, orgId, userId);
+        Map<String, List<OptionDTO>> optionMap = buildCustomerContactOptionMap(orgId, buildListData);
+        // 查询重复联系人列表
+        return PageUtils.setPageInfoWithOption(page, buildListData, optionMap);
+    }
+
+
+    private Map<String, List<OptionDTO>> buildCustomerContactOptionMap(String orgId, List<AdvancedCustomerContactResponse> list) {
+        ModuleFormConfigDTO customerFormConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.CONTACT.getKey(), orgId);
+        // 获取所有模块字段的值
+        List<BaseModuleFieldValue> moduleFieldValues = moduleFormService.getBaseModuleFieldValues(list, AdvancedCustomerContactResponse::getModuleFields);
+        // 获取选项值对应的 option
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(customerFormConfig, moduleFieldValues);
+
+        // 补充负责人选项
+        List<OptionDTO> ownerFieldOption = moduleFormService.getBusinessFieldOption(list,
+                AdvancedCustomerContactResponse::getOwner, AdvancedCustomerContactResponse::getOwnerName);
+        optionMap.put(BusinessModuleField.CUSTOMER_CONTACT_OWNER.getBusinessKey(), ownerFieldOption);
+
+        // 补充客户选项
+        List<OptionDTO> customerFieldOption = moduleFormService.getBusinessFieldOption(list,
+                AdvancedCustomerContactResponse::getCustomerId, AdvancedCustomerContactResponse::getCustomerName);
+        optionMap.put(BusinessModuleField.CUSTOMER_CONTACT_CUSTOMER.getBusinessKey(), customerFieldOption);
+        return optionMap;
+    }
+
+    private List<AdvancedCustomerContactResponse> buildCustomerContactData(List<CustomerContactListResponse> list, String orgId, String userId) {
+        if (CollectionUtils.isEmpty(list)) {
+            return List.of();
+        }
+
+        List<String> customerContactIds = list.stream().map(CustomerContactListResponse::getId)
+                .distinct()
+                .collect(Collectors.toList());
+
+        List<String> customerIds = list.stream().map(CustomerContactListResponse::getCustomerId)
+                .distinct()
+                .collect(Collectors.toList());
+
+        Map<String, List<BaseModuleFieldValue>> caseCustomFiledMap = customerContactFieldService.getResourceFieldMap(customerContactIds, true);
+
+        Map<String, String> customNameMap = extCustomerMapper.selectOptionByIds(customerIds)
+                .stream()
+                .collect(Collectors.toMap(OptionDTO::getId, OptionDTO::getName));
+
+        List<String> ownerIds = list.stream()
+                .map(CustomerContactListResponse::getOwner)
+                .distinct()
+                .toList();
+
+        Map<String, UserDeptDTO> userDeptMap = baseService.getUserDeptMapByUserIds(ownerIds, orgId);
+
+        List<AdvancedCustomerContactResponse> returnList = new ArrayList<>();
+        list.forEach(customerListResponse -> {
+            // 获取自定义字段
+            List<BaseModuleFieldValue> customerFields = caseCustomFiledMap.get(customerListResponse.getId());
+            customerListResponse.setModuleFields(customerFields);
+
+            UserDeptDTO userDeptDTO = userDeptMap.get(customerListResponse.getOwner());
+            if (userDeptDTO != null) {
+                customerListResponse.setDepartmentId(userDeptDTO.getDeptId());
+                customerListResponse.setDepartmentName(userDeptDTO.getDeptName());
+            }
+
+            customerListResponse.setCustomerName(customNameMap.get(customerListResponse.getCustomerId()));
+            AdvancedCustomerContactResponse advancedCustomerContactResponse = new AdvancedCustomerContactResponse();
+            BeanUtils.copyBean(advancedCustomerContactResponse, customerListResponse);
+            boolean hasPermission = dataScopeService.hasDataPermission(userId, orgId, advancedCustomerContactResponse.getOwner(), PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_READ);
+            advancedCustomerContactResponse.setHasPermission(hasPermission);
+            if (!hasPermission) {
+                advancedCustomerContactResponse.setModuleFields(new ArrayList<>());
+                if (StringUtils.isNotBlank(customerListResponse.getCustomerName())) {
+                    advancedCustomerContactResponse.setCustomerName((String) getInputFieldValue(customerListResponse.getCustomerName(), customerListResponse.getCustomerName().length()));
+                }
+                if (StringUtils.isNotBlank(customerListResponse.getName())) {
+                    advancedCustomerContactResponse.setName((String) getInputFieldValue(customerListResponse.getName(), customerListResponse.getName().length()));
+                }
+                if (StringUtils.isNotBlank(customerListResponse.getPhone())) {
+                    advancedCustomerContactResponse.setPhone((String) getPhoneFieldValue(customerListResponse.getPhone(), customerListResponse.getPhone().length()));
+                }
+            }
+            returnList.add(advancedCustomerContactResponse);
+        });
+
+        return baseService.setCreateUpdateOwnerUserName(returnList);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/service/advanced/AdvancedCustomerPoolSearchService.java b/backend/crm/src/main/java/cn/cordys/crm/search/service/advanced/AdvancedCustomerPoolSearchService.java
new file mode 100644
index 0000000..495ea9c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/service/advanced/AdvancedCustomerPoolSearchService.java
@@ -0,0 +1,234 @@
+package cn.cordys.crm.search.service.advanced;
+
+import cn.cordys.common.constants.*;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.dto.UserDeptDTO;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.crm.customer.domain.CustomerPool;
+import cn.cordys.crm.customer.domain.CustomerPoolRecycleRule;
+import cn.cordys.crm.customer.dto.response.CustomerListResponse;
+import cn.cordys.crm.customer.mapper.ExtCustomerMapper;
+import cn.cordys.crm.customer.service.CustomerFieldService;
+import cn.cordys.crm.customer.service.CustomerPoolService;
+import cn.cordys.crm.search.response.advanced.AdvancedCustomerPoolResponse;
+import cn.cordys.crm.search.service.BaseSearchService;
+import cn.cordys.crm.system.constants.DictModule;
+import cn.cordys.crm.system.constants.FieldType;
+import cn.cordys.crm.system.constants.SystemResultCode;
+import cn.cordys.crm.system.domain.Dict;
+import cn.cordys.crm.system.dto.DictConfigDTO;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.DictService;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.crm.system.service.ModuleFormService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.collections.MapUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+
+import java.util.ArrayList;
+import java.util.Collection;
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+import java.util.stream.Stream;
+
+@Service
+public class AdvancedCustomerPoolSearchService extends BaseSearchService<BasePageRequest, AdvancedCustomerPoolResponse> {
+
+    @Resource
+    private ExtCustomerMapper extCustomerMapper;
+
+    @Resource
+    private DataScopeService dataScopeService;
+    @Resource
+    private CustomerFieldService customerFieldService;
+    @Resource
+    private BaseService baseService;
+    @Resource
+    private CustomerPoolService customerPoolService;
+    @Resource
+    private BaseMapper<CustomerPoolRecycleRule> customerPoolRecycleRuleMapper;
+    @Resource
+    private DictService dictService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private ModuleFormService moduleFormService;
+
+
+    @Override
+    public PagerWithOption<List<AdvancedCustomerPoolResponse>> startSearch(BasePageRequest request, String orgId, String userId) {
+
+        // 查询当前组织下已启用的模块列表
+        List<String> enabledModules = getEnabledModules();
+
+        // 检查：如果客户模块未启用，抛出异常
+        if (!enabledModules.contains(ModuleKey.CUSTOMER.getKey())) {
+            throw new GenericException(SystemResultCode.MODULE_ENABLE);
+        }
+
+        ConditionFilterUtils.parseCondition(request, FormKey.CUSTOMER.getKey());
+        // 查询重复公海客户列表
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        List<AdvancedCustomerPoolResponse> list = extCustomerMapper.customerPoolList(request, orgId);
+        if (CollectionUtils.isEmpty(list)) {
+            return PageUtils.setPageInfoWithOption(page, List.of(), Map.of());
+        }
+        List<AdvancedCustomerPoolResponse> buildList = buildListData(list, orgId, userId);
+        Map<String, List<OptionDTO>> optionMap = buildOptionMap(orgId, list, buildList);
+        return PageUtils.setPageInfoWithOption(page, buildList, optionMap);
+    }
+
+    public List<AdvancedCustomerPoolResponse> buildListData(List<AdvancedCustomerPoolResponse> list, String orgId, String userId) {
+        if (CollectionUtils.isEmpty(list)) {
+            return list;
+        }
+        List<String> customerIds = list.stream().map(CustomerListResponse::getId)
+                .collect(Collectors.toList());
+
+        Map<String, List<BaseModuleFieldValue>> caseCustomFiledMap = customerFieldService.getResourceFieldMap(customerIds, true);
+
+        List<String> ownerIds = list.stream()
+                .map(CustomerListResponse::getOwner)
+                .distinct()
+                .toList();
+
+        List<String> followerIds = list.stream()
+                .map(CustomerListResponse::getFollower)
+                .distinct()
+                .toList();
+        List<String> createUserIds = list.stream()
+                .map(CustomerListResponse::getCreateUser)
+                .distinct()
+                .toList();
+        List<String> updateUserIds = list.stream()
+                .map(CustomerListResponse::getUpdateUser)
+                .distinct()
+                .toList();
+        List<String> userIds = Stream.of(ownerIds, followerIds, createUserIds, updateUserIds)
+                .flatMap(Collection::stream)
+                .distinct()
+                .toList();
+        Map<String, String> userNameMap = baseService.getUserNameMap(userIds);
+
+        Map<String, UserDeptDTO> userDeptMap = baseService.getUserDeptMapByUserIds(ownerIds, orgId);
+
+        // 获取负责人默认公海信息
+        Map<String, CustomerPool> ownersDefaultPoolMap = customerPoolService.getOwnersDefaultPoolMap(ownerIds, orgId);
+        List<String> poolIds = ownersDefaultPoolMap.values().stream().map(CustomerPool::getId).distinct().toList();
+        Map<String, CustomerPoolRecycleRule> recycleRuleMap;
+        if (CollectionUtils.isEmpty(poolIds)) {
+            recycleRuleMap = Map.of();
+        } else {
+            LambdaQueryWrapper<CustomerPoolRecycleRule> recycleRuleWrapper = new LambdaQueryWrapper<>();
+            recycleRuleWrapper.in(CustomerPoolRecycleRule::getPoolId, poolIds);
+            List<CustomerPoolRecycleRule> recycleRules = customerPoolRecycleRuleMapper.selectListByLambda(recycleRuleWrapper);
+            recycleRuleMap = recycleRules.stream().collect(Collectors.toMap(CustomerPoolRecycleRule::getPoolId, rule -> rule));
+        }
+
+        // 公海原因
+        DictConfigDTO dictConf = dictService.getDictConf(DictModule.CUSTOMER_POOL_RS.name(), orgId);
+        List<Dict> dictList = dictConf.getDictList();
+        Map<String, String> dictMap = dictList.stream().collect(Collectors.toMap(Dict::getId, Dict::getName));
+
+        //获取用户公海
+        Map<String, String> userPoolMap = getUserCustomerPool(orgId, userId);
+        ModuleFormConfigDTO moduleFormConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.CUSTOMER.getKey(), orgId);
+        List<String> phoneTypeFieldIds = moduleFormConfig.getFields().stream().filter(field -> Strings.CI.equals(field.getType(), FieldType.PHONE.name())).map(BaseField::getId).toList();
+
+        list.forEach(customerListResponse -> {
+            boolean hasPermission = getHasPermission(userId, orgId, customerListResponse, userPoolMap);
+            // 获取自定义字段
+            List<BaseModuleFieldValue> customerFields = caseCustomFiledMap.get(customerListResponse.getId());
+            customerListResponse.setModuleFields(customerFields);
+            // 设置回收公海
+            CustomerPool reservePool = ownersDefaultPoolMap.get(customerListResponse.getOwner());
+            customerListResponse.setRecyclePoolName(reservePool != null ? reservePool.getName() : null);
+            // 计算剩余归属天数
+            customerListResponse.setReservedDays(customerPoolService.calcReservedDay(reservePool,
+                    reservePool != null ? recycleRuleMap.get(reservePool.getId()) : null,
+                    customerListResponse.getCollectionTime(), customerListResponse.getCreateTime()));
+
+            UserDeptDTO userDeptDTO = userDeptMap.get(customerListResponse.getOwner());
+            if (userDeptDTO != null) {
+                customerListResponse.setDepartmentId(userDeptDTO.getDeptId());
+                customerListResponse.setDepartmentName(userDeptDTO.getDeptName());
+            }
+
+            String followerName = baseService.getAndCheckOptionName(userNameMap.get(customerListResponse.getFollower()));
+            customerListResponse.setFollowerName(followerName);
+            String createUserName = baseService.getAndCheckOptionName(userNameMap.get(customerListResponse.getCreateUser()));
+            customerListResponse.setCreateUserName(createUserName);
+            String updateUserName = baseService.getAndCheckOptionName(userNameMap.get(customerListResponse.getUpdateUser()));
+            customerListResponse.setUpdateUserName(updateUserName);
+            customerListResponse.setOwnerName(userNameMap.get(customerListResponse.getOwner()));
+            String reasonName = baseService.getAndCheckOptionName(dictMap.get(customerListResponse.getReasonId()));
+            customerListResponse.setReasonName(reasonName);
+
+            customerListResponse.setHasPermission(hasPermission);
+            if (!hasPermission) {
+                customerListResponse.setModuleFields(new ArrayList<>());
+                customerListResponse.setReasonName(null);
+                customerListResponse.setRecyclePoolName(null);
+            }
+            customerListResponse.setPoolName(userPoolMap.get(customerListResponse.getPoolId()));
+
+            if (CollectionUtils.isNotEmpty(customerListResponse.getModuleFields())) {
+                customerListResponse.getModuleFields().stream().forEach(moduleField -> {
+                    if (phoneTypeFieldIds.contains(moduleField.getFieldId()) && StringUtils.isNotBlank(moduleField.getFieldValue().toString())) {
+                        moduleField.setFieldValue((getPhoneFieldValue(moduleField.getFieldValue(), moduleField.getFieldValue().toString().length())));
+                    }
+                });
+            }
+        });
+
+        return list;
+    }
+
+    public Map<String, List<OptionDTO>> buildOptionMap(String orgId, List<AdvancedCustomerPoolResponse> list, List<AdvancedCustomerPoolResponse> buildList) {
+        // 处理自定义字段选项数据
+        ModuleFormConfigDTO customerFormConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.CUSTOMER.getKey(), orgId);
+        // 获取所有模块字段的值
+        List<BaseModuleFieldValue> moduleFieldValues = moduleFormService.getBaseModuleFieldValues(list, CustomerListResponse::getModuleFields);
+        // 获取选项值对应的 option
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(customerFormConfig, moduleFieldValues);
+
+        // 补充负责人选项
+        List<OptionDTO> ownerFieldOption = moduleFormService.getBusinessFieldOption(buildList,
+                CustomerListResponse::getOwner, CustomerListResponse::getOwnerName);
+        optionMap.put(BusinessModuleField.CUSTOMER_OWNER.getBusinessKey(), ownerFieldOption);
+
+        return optionMap;
+    }
+
+    private boolean getHasPermission(String userId, String orgId, AdvancedCustomerPoolResponse customerPoolResponse, Map<String, String> userPoolMap) {
+
+        if (Strings.CI.equals(userId, InternalUser.ADMIN.getValue())) {
+            return true;
+        }
+
+        if (MapUtils.isEmpty(userPoolMap)) {
+            return false;
+        }
+
+        boolean hasPool = userPoolMap.containsKey(customerPoolResponse.getPoolId());
+        boolean hasPermission = dataScopeService.hasDataPermission(userId, orgId, new ArrayList<>(), PermissionConstants.CUSTOMER_MANAGEMENT_POOL_READ);
+
+        return hasPool && hasPermission;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/service/advanced/AdvancedCustomerSearchService.java b/backend/crm/src/main/java/cn/cordys/crm/search/service/advanced/AdvancedCustomerSearchService.java
new file mode 100644
index 0000000..6b0d336
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/service/advanced/AdvancedCustomerSearchService.java
@@ -0,0 +1,378 @@
+package cn.cordys.crm.search.service.advanced;
+
+import cn.cordys.common.constants.*;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.dto.UserDeptDTO;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.crm.clue.mapper.ExtClueMapper;
+import cn.cordys.crm.customer.domain.CustomerPool;
+import cn.cordys.crm.customer.domain.CustomerPoolRecycleRule;
+import cn.cordys.crm.customer.dto.request.CustomerPageRequest;
+import cn.cordys.crm.customer.mapper.ExtCustomerMapper;
+import cn.cordys.crm.customer.service.CustomerFieldService;
+import cn.cordys.crm.customer.service.CustomerPoolService;
+import cn.cordys.crm.opportunity.mapper.ExtOpportunityMapper;
+import cn.cordys.crm.product.domain.Product;
+import cn.cordys.crm.product.mapper.ExtProductMapper;
+import cn.cordys.crm.search.response.advanced.AdvancedClueResponse;
+import cn.cordys.crm.search.response.advanced.AdvancedCustomerResponse;
+import cn.cordys.crm.search.response.advanced.OpportunityRepeatResponse;
+import cn.cordys.crm.search.service.BaseSearchService;
+import cn.cordys.crm.system.constants.DictModule;
+import cn.cordys.crm.system.constants.SystemResultCode;
+import cn.cordys.crm.system.domain.Dict;
+import cn.cordys.crm.system.dto.DictConfigDTO;
+import cn.cordys.crm.system.dto.request.RepeatCustomerDetailPageRequest;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.mapper.ExtUserRoleMapper;
+import cn.cordys.crm.system.service.DictService;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.crm.system.service.ModuleFormService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+
+import java.util.*;
+import java.util.stream.Collectors;
+import java.util.stream.Stream;
+
+@Service
+public class AdvancedCustomerSearchService extends BaseSearchService<CustomerPageRequest, AdvancedCustomerResponse> {
+
+    @Resource
+    private ExtUserRoleMapper extUserRoleMapper;
+    @Resource
+    private CustomerFieldService customerFieldService;
+    @Resource
+    private CustomerPoolService customerPoolService;
+    @Resource
+    private BaseMapper<CustomerPoolRecycleRule> customerPoolRecycleRuleMapper;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private ModuleFormService moduleFormService;
+    @Resource
+    private ExtCustomerMapper extCustomerMapper;
+    @Resource
+    private DictService dictService;
+    @Resource
+    private DataScopeService dataScopeService;
+    @Resource
+    private BaseService baseService;
+    @Resource
+    private ExtOpportunityMapper extOpportunityMapper;
+    @Resource
+    private ExtClueMapper extClueMapper;
+    @Resource
+    private ExtProductMapper extProductMapper;
+
+    @Override
+    public PagerWithOption<List<AdvancedCustomerResponse>> startSearch(CustomerPageRequest request, String orgId, String userId) {
+
+        // 查询当前组织下已启用的模块列表
+        List<String> enabledModules = getEnabledModules();
+        // 检查：如果客户模块未启用，抛出异常
+        if (!enabledModules.contains(ModuleKey.CUSTOMER.getKey())) {
+            throw new GenericException(SystemResultCode.MODULE_ENABLE);
+        }
+
+        boolean isAdmin = Strings.CI.equals(userId, InternalUser.ADMIN.getValue());
+
+        ConditionFilterUtils.parseCondition(request);
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        // 查询重复客户列表
+        List<AdvancedCustomerResponse> customers = extCustomerMapper.checkRepeatCustomer(request, orgId, userId);
+        if (CollectionUtils.isEmpty(customers)) {
+            return PageUtils.setPageInfoWithOption(
+                    page, List.of(), Map.of());
+        }
+        List<AdvancedCustomerResponse> buildList = buildCustomerList(orgId, userId, isAdmin, customers, enabledModules);
+        Map<String, List<OptionDTO>> optionMap = buildCustomerOptionMap(orgId, customers, buildList);
+        return PageUtils.setPageInfoWithOption(page, buildList, optionMap);
+    }
+
+    private List<AdvancedCustomerResponse> buildCustomerList(String organizationId, String userId, boolean isAdmin, List<AdvancedCustomerResponse> customers, List<String> enabledModules) {
+        // 查询用户权限
+        List<String> permissions = extUserRoleMapper.selectPermissionsByUserId(userId);
+        // 获取商机和线索的重复数量映射
+        Map<String, String> opportunityCounts = getOpportunityCounts(permissions, isAdmin, customers, enabledModules);
+        Map<String, String> clueCounts = getClueCounts(permissions, isAdmin, customers, enabledModules);
+
+        // 检查相关模块是否启用
+        boolean isClueModuleEnabled = enabledModules.contains(ModuleKey.CLUE.getKey());
+        boolean isOpportunityModuleEnabled = enabledModules.contains(ModuleKey.BUSINESS.getKey());
+
+        List<String> customerIds = customers.stream().map(AdvancedCustomerResponse::getId)
+                .collect(Collectors.toList());
+
+        Map<String, List<BaseModuleFieldValue>> caseCustomFiledMap = customerFieldService.getResourceFieldMap(customerIds, true);
+
+        List<String> ownerIds = customers.stream()
+                .map(AdvancedCustomerResponse::getOwner)
+                .distinct()
+                .toList();
+
+        List<String> followerIds = customers.stream()
+                .map(AdvancedCustomerResponse::getFollower)
+                .distinct()
+                .toList();
+        List<String> createUserIds = customers.stream()
+                .map(AdvancedCustomerResponse::getCreateUser)
+                .distinct()
+                .toList();
+        List<String> updateUserIds = customers.stream()
+                .map(AdvancedCustomerResponse::getUpdateUser)
+                .distinct()
+                .toList();
+        List<String> userIds = Stream.of(ownerIds, followerIds, createUserIds, updateUserIds)
+                .flatMap(Collection::stream)
+                .distinct()
+                .toList();
+        Map<String, String> userNameMap = baseService.getUserNameMap(userIds);
+
+        Map<String, UserDeptDTO> userDeptMap = baseService.getUserDeptMapByUserIds(ownerIds, organizationId);
+
+        // 获取负责人默认公海信息
+        Map<String, CustomerPool> ownersDefaultPoolMap = customerPoolService.getOwnersDefaultPoolMap(ownerIds, organizationId);
+        List<String> poolIds = ownersDefaultPoolMap.values().stream().map(CustomerPool::getId).distinct().toList();
+        Map<String, CustomerPoolRecycleRule> recycleRuleMap;
+        if (CollectionUtils.isEmpty(poolIds)) {
+            recycleRuleMap = Map.of();
+        } else {
+            LambdaQueryWrapper<CustomerPoolRecycleRule> recycleRuleWrapper = new LambdaQueryWrapper<>();
+            recycleRuleWrapper.in(CustomerPoolRecycleRule::getPoolId, poolIds);
+            List<CustomerPoolRecycleRule> recycleRules = customerPoolRecycleRuleMapper.selectListByLambda(recycleRuleWrapper);
+            recycleRuleMap = recycleRules.stream().collect(Collectors.toMap(CustomerPoolRecycleRule::getPoolId, rule -> rule));
+        }
+
+        // 公海原因
+        DictConfigDTO dictConf = dictService.getDictConf(DictModule.CUSTOMER_POOL_RS.name(), organizationId);
+        List<Dict> dictList = dictConf.getDictList();
+        Map<String, String> dictMap = dictList.stream().collect(Collectors.toMap(Dict::getId, Dict::getName));
+
+        // 处理每个客户返回结果
+        return customers.stream()
+                .peek(customer -> {
+                    boolean hasPermission = dataScopeService.hasDataPermission(userId, organizationId, customer.getOwner(), PermissionConstants.CUSTOMER_MANAGEMENT_READ);
+                    // 设置商机数量
+                    CustomerPool reservePool = ownersDefaultPoolMap.get(customer.getOwner());
+                    if (!hasPermission) {
+                        customer.setOpportunityCount(null);
+                        // 设置线索数量
+                        customer.setClueCount(null);
+                        customer.setModuleFields(new ArrayList<>());
+                        customer.setRecyclePoolName(null);
+                        customer.setReasonName(null);
+                    } else {
+                        customer.setOpportunityCount(parseCount(opportunityCounts.get(customer.getId())));
+                        customer.setClueCount(parseCount(clueCounts.get(customer.getName())));
+                        // 获取自定义字段
+                        List<BaseModuleFieldValue> customerFields = caseCustomFiledMap.get(customer.getId());
+                        customer.setModuleFields(customerFields);
+                        // 设置回收公海
+                        customer.setRecyclePoolName(reservePool != null ? reservePool.getName() : null);
+                    }
+                    // 计算剩余归属天数
+                    customer.setReservedDays(customerPoolService.calcReservedDay(reservePool,
+                            reservePool != null ? recycleRuleMap.get(reservePool.getId()) : null,
+                            customer.getCollectionTime(), customer.getCreateTime()));
+                    // 设置模块启用状态
+                    customer.setOpportunityModuleEnable(isOpportunityModuleEnabled);
+                    customer.setClueModuleEnable(isClueModuleEnabled);
+                    customer.setHasPermission(hasPermission);
+                    UserDeptDTO userDeptDTO = userDeptMap.get(customer.getOwner());
+                    if (userDeptDTO != null) {
+                        customer.setDepartmentId(userDeptDTO.getDeptId());
+                        customer.setDepartmentName(userDeptDTO.getDeptName());
+                    }
+
+                    String followerName = baseService.getAndCheckOptionName(userNameMap.get(customer.getFollower()));
+                    customer.setFollowerName(followerName);
+                    String createUserName = baseService.getAndCheckOptionName(userNameMap.get(customer.getCreateUser()));
+                    customer.setCreateUserName(createUserName);
+                    String updateUserName = baseService.getAndCheckOptionName(userNameMap.get(customer.getUpdateUser()));
+                    customer.setUpdateUserName(updateUserName);
+                    customer.setOwnerName(userNameMap.get(customer.getOwner()));
+                    String reasonName = baseService.getAndCheckOptionName(dictMap.get(customer.getReasonId()));
+                    customer.setReasonName(reasonName);
+                })
+                .toList();
+    }
+
+    public Map<String, List<OptionDTO>> buildCustomerOptionMap(String orgId, List<AdvancedCustomerResponse> list, List<AdvancedCustomerResponse> buildList) {
+        // 处理自定义字段选项数据
+        ModuleFormConfigDTO customerFormConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.CUSTOMER.getKey(), orgId);
+        // 获取所有模块字段的值
+        List<BaseModuleFieldValue> moduleFieldValues = moduleFormService.getBaseModuleFieldValues(list, AdvancedCustomerResponse::getModuleFields);
+        // 获取选项值对应的 option
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(customerFormConfig, moduleFieldValues);
+
+        // 补充负责人选项
+        List<OptionDTO> ownerFieldOption = moduleFormService.getBusinessFieldOption(buildList,
+                AdvancedCustomerResponse::getOwner, AdvancedCustomerResponse::getOwnerName);
+        optionMap.put(BusinessModuleField.CUSTOMER_OWNER.getBusinessKey(), ownerFieldOption);
+
+        return optionMap;
+    }
+
+    /**
+     * 获取客户关联的商机数量
+     *
+     * @param permissions    用户权限列表
+     * @param isAdmin        是否是管理员
+     * @param customers      客户列表
+     * @param enabledModules 已启用模块列表
+     *
+     * @return 商机数量映射(客户ID - > 数量)
+     */
+    private Map<String, String> getOpportunityCounts(List<String> permissions,
+                                                     boolean isAdmin,
+                                                     List<AdvancedCustomerResponse> customers,
+                                                     List<String> enabledModules) {
+        // 没有商机读取权限且不是管理员返回空map
+        if (!permissions.contains(PermissionConstants.OPPORTUNITY_MANAGEMENT_READ) && !isAdmin) {
+            return Collections.emptyMap();
+        }
+        // 商机模块未启用返回空map
+        if (!enabledModules.contains(ModuleKey.BUSINESS.getKey())) {
+            return Collections.emptyMap();
+        }
+
+        // 获取客户ID列表并查询商机数量
+        List<String> customerIds = customers.stream()
+                .map(AdvancedCustomerResponse::getId)
+                .toList();
+
+        return extOpportunityMapper.getRepeatCountMap(customerIds).stream()
+                .collect(Collectors.toMap(OptionDTO::getId, OptionDTO::getName));
+    }
+
+    /**
+     * 获取客户关联的线索数量
+     *
+     * @param permissions    用户权限列表
+     * @param isAdmin        是否是管理员
+     * @param customers      客户列表
+     * @param enabledModules 已启用模块列表
+     *
+     * @return 线索数量映射(客户名称 - > 数量)
+     */
+    private Map<String, String> getClueCounts(List<String> permissions,
+                                              boolean isAdmin,
+                                              List<AdvancedCustomerResponse> customers,
+                                              List<String> enabledModules) {
+        // 没有线索读取权限且不是管理员返回空map
+        if (!permissions.contains(PermissionConstants.CLUE_MANAGEMENT_READ) && !permissions.contains(PermissionConstants.CLUE_MANAGEMENT_POOL_READ) && !isAdmin) {
+            return Collections.emptyMap();
+        }
+        // 线索模块未启用返回空map
+        if (!enabledModules.contains(ModuleKey.CLUE.getKey())) {
+            return Collections.emptyMap();
+        }
+
+        // 获取客户名称列表并查询线索数量
+        List<String> customerNames = customers.stream()
+                .map(AdvancedCustomerResponse::getName)
+                .toList();
+
+        return extClueMapper.getRepeatCountMap(customerNames).stream()
+                .collect(Collectors.toMap(OptionDTO::getId, OptionDTO::getName));
+    }
+
+    /**
+     * 安全解析数量字符串
+     *
+     * @param count 数量字符串
+     *
+     * @return 解析后的整型数量(空字符串返回0)
+     */
+    private int parseCount(String count) {
+        return StringUtils.isBlank(count) ? 0 : Integer.parseInt(count);
+    }
+
+    private void getProductNames(List<OptionDTO> productOption, List<AdvancedClueResponse> list) {
+        // 设置产品名称
+        Map<String, String> productMap = productOption.stream().collect(Collectors.toMap(OptionDTO::getId, OptionDTO::getName));
+        list.forEach(clue -> {
+            // 设置产品名称
+            List<String> productNames = new ArrayList<>();
+            List<String> productIds = clue.getProducts();
+            productIds.forEach(product -> {
+                if (productMap.containsKey(product)) {
+                    productNames.add(productMap.get(product));
+                }
+            });
+            clue.setProductNameList(productNames);
+        });
+    }
+
+    public List<AdvancedClueResponse> getRepeatClueDetail(RepeatCustomerDetailPageRequest request,
+                                                          String organizationId) {
+        List<AdvancedClueResponse> repeatClueList = extClueMapper.getRepeatClueList(request.getName(), organizationId);
+        if (CollectionUtils.isEmpty(repeatClueList)) {
+            return repeatClueList;
+        }
+        List<OptionDTO> productOption = extProductMapper.getOptions(organizationId);
+        // 设置产品名称
+        getProductNames(productOption, repeatClueList);
+
+        return repeatClueList;
+    }
+
+    /**
+     * 获取重复商机详情列表
+     *
+     * @param request 包含商机ID的查询请求
+     *
+     * @return 重复商机响应列表(包含产品名称信息)
+     */
+    public List<OpportunityRepeatResponse> getRepeatOpportunityDetail(
+            RepeatCustomerDetailPageRequest request) {
+
+        // 1. 获取基础重复商机列表
+        List<OpportunityRepeatResponse> responses = extOpportunityMapper.getRepeatList(request.getId());
+
+        if (CollectionUtils.isEmpty(responses)) {
+            return responses;
+        }
+
+        // 2. 获取所有不重复的产品ID列表
+        List<String> productIds = responses.stream()
+                .flatMap(response -> response.getProducts().stream())
+                .distinct()
+                .toList();
+
+        // 3. 批量获取产品名称映射(优化数据库查询)
+        Map<String, String> productNameMap = productIds.isEmpty()
+                ? Collections.emptyMap()
+                : extProductMapper.listIdNameByIds(productIds).stream()
+                .collect(Collectors.toMap(
+                        Product::getId,
+                        Product::getName,
+                        (existing, replacement) -> existing)); // 处理可能的重复键
+
+        // 4. 填充每个商机的产品名称
+        responses.forEach(response -> {
+            List<String> names = response.getProducts().stream()
+                    .map(productNameMap::get)
+                    .filter(Objects::nonNull) // 过滤掉null值
+                    .toList();
+            response.setProductNames(names);
+        });
+
+        return responses;
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/service/advanced/AdvancedOpportunitySearchService.java b/backend/crm/src/main/java/cn/cordys/crm/search/service/advanced/AdvancedOpportunitySearchService.java
new file mode 100644
index 0000000..0bf0e61
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/service/advanced/AdvancedOpportunitySearchService.java
@@ -0,0 +1,215 @@
+package cn.cordys.crm.search.service.advanced;
+
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.ModuleKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.dto.UserDeptDTO;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.crm.opportunity.constants.OpportunityStageType;
+import cn.cordys.crm.opportunity.domain.OpportunityRule;
+import cn.cordys.crm.opportunity.dto.request.OpportunityPageRequest;
+import cn.cordys.crm.opportunity.dto.response.OpportunityListResponse;
+import cn.cordys.crm.opportunity.dto.response.StageConfigResponse;
+import cn.cordys.crm.opportunity.mapper.ExtOpportunityMapper;
+import cn.cordys.crm.opportunity.mapper.ExtOpportunityStageConfigMapper;
+import cn.cordys.crm.opportunity.service.OpportunityFieldService;
+import cn.cordys.crm.opportunity.service.OpportunityRuleService;
+import cn.cordys.crm.product.mapper.ExtProductMapper;
+import cn.cordys.crm.search.response.advanced.AdvancedOpportunityResponse;
+import cn.cordys.crm.search.service.BaseSearchService;
+import cn.cordys.crm.system.constants.DictModule;
+import cn.cordys.crm.system.constants.SystemResultCode;
+import cn.cordys.crm.system.domain.Dict;
+import cn.cordys.crm.system.dto.DictConfigDTO;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.DictService;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.crm.system.service.ModuleFormService;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import java.util.ArrayList;
+import java.util.Collection;
+import java.util.List;
+import java.util.Map;
+import java.util.function.Function;
+import java.util.stream.Collectors;
+import java.util.stream.Stream;
+
+@Service
+public class AdvancedOpportunitySearchService extends BaseSearchService<OpportunityPageRequest, AdvancedOpportunityResponse> {
+
+    @Resource
+    private ExtOpportunityMapper extOpportunityMapper;
+    @Resource
+    private DataScopeService dataScopeService;
+    @Resource
+    private OpportunityFieldService opportunityFieldService;
+    @Resource
+    private BaseService baseService;
+    @Autowired
+    private OpportunityRuleService opportunityRuleService;
+    @Resource
+    private DictService dictService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private ModuleFormService moduleFormService;
+    @Resource
+    private ExtProductMapper extProductMapper;
+    @Resource
+    private ExtOpportunityStageConfigMapper extOpportunityStageConfigMapper;
+
+    /**
+     * 全局搜索商机
+     *
+     * @param request
+     * @param orgId
+     * @param userId
+     *
+     * @return
+     */
+    @Override
+    public PagerWithOption<List<AdvancedOpportunityResponse>> startSearch(OpportunityPageRequest request, String orgId, String userId) {
+        // 查询当前组织下已启用的模块列表
+        List<String> enabledModules = getEnabledModules();
+        // 检查：如果有商机读取权限但商机模块未启用，抛出异常
+        if (!enabledModules.contains(ModuleKey.BUSINESS.getKey())) {
+            throw new GenericException(SystemResultCode.MODULE_ENABLE);
+        }
+
+        ConditionFilterUtils.parseCondition(request, FormKey.OPPORTUNITY.getKey());
+        // 查询重复商机列表
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        List<AdvancedOpportunityResponse> list = extOpportunityMapper.advancedSearchList(request, orgId);
+        if (CollectionUtils.isEmpty(list)) {
+            return PageUtils.setPageInfoWithOption(page, List.of(), Map.of());
+        }
+        List<AdvancedOpportunityResponse> buildList = buildListData(list, orgId, userId);
+        Map<String, List<OptionDTO>> optionMap = buildOptionMap(orgId, list, buildList);
+        return PageUtils.setPageInfoWithOption(page, buildList, optionMap);
+    }
+
+    public List<AdvancedOpportunityResponse> buildListData(List<AdvancedOpportunityResponse> list, String orgId, String userId) {
+        if (CollectionUtils.isEmpty(list)) {
+            return list;
+        }
+        List<String> opportunityIds = list.stream().map(OpportunityListResponse::getId)
+                .collect(Collectors.toList());
+        Map<String, List<BaseModuleFieldValue>> opportunityFiledMap = opportunityFieldService.getResourceFieldMap(opportunityIds, true);
+
+        List<String> ownerIds = list.stream()
+                .map(OpportunityListResponse::getOwner)
+                .distinct()
+                .toList();
+
+        List<String> followerIds = list.stream()
+                .map(OpportunityListResponse::getFollower)
+                .distinct()
+                .toList();
+        List<String> createUserIds = list.stream()
+                .map(OpportunityListResponse::getCreateUser)
+                .distinct()
+                .toList();
+        List<String> updateUserIds = list.stream()
+                .map(OpportunityListResponse::getUpdateUser)
+                .distinct()
+                .toList();
+        List<String> userIds = Stream.of(ownerIds, followerIds, createUserIds, updateUserIds)
+                .flatMap(Collection::stream)
+                .distinct()
+                .toList();
+        Map<String, String> userNameMap = baseService.getUserNameMap(userIds);
+
+        List<String> contactIds = list.stream()
+                .map(OpportunityListResponse::getContactId)
+                .distinct()
+                .toList();
+        Map<String, String> contactMap = baseService.getContactMap(contactIds);
+
+        Map<String, OpportunityRule> ownersDefaultRuleMap = opportunityRuleService.getOwnersDefaultRuleMap(ownerIds, orgId);
+        Map<String, UserDeptDTO> userDeptMap = baseService.getUserDeptMapByUserIds(ownerIds, orgId);
+
+        List<StageConfigResponse> stageConfigList = extOpportunityStageConfigMapper.getStageConfigList(orgId);
+        Map<String, StageConfigResponse> endConfigMaps = stageConfigList.stream().filter(config ->
+                Strings.CI.equals(config.getType(), OpportunityStageType.END.name())
+        ).collect(Collectors.toMap(StageConfigResponse::getId, Function.identity()));
+
+        // 失败原因
+        DictConfigDTO dictConf = dictService.getDictConf(DictModule.OPPORTUNITY_FAIL_RS.name(), orgId);
+        List<Dict> dictList = dictConf.getDictList();
+        Map<String, String> dictMap = dictList.stream().collect(Collectors.toMap(Dict::getId, Dict::getName));
+
+        list.forEach(opportunityListResponse -> {
+            // 获取自定义字段
+            boolean hasPermission = dataScopeService.hasDataPermission(userId, orgId, opportunityListResponse.getOwner(), PermissionConstants.OPPORTUNITY_MANAGEMENT_READ);
+            List<BaseModuleFieldValue> opportunityFields = opportunityFiledMap.get(opportunityListResponse.getId());
+
+            opportunityListResponse.setReservedDays(endConfigMaps.containsKey(opportunityListResponse.getStage()) ?
+                    null : opportunityRuleService.calcReservedDay(ownersDefaultRuleMap.get(opportunityListResponse.getOwner()), opportunityListResponse.getCreateTime()));
+            if (!hasPermission) {
+                opportunityListResponse.setModuleFields(new ArrayList<>());
+                opportunityListResponse.setFailureReason(dictMap.get(null));
+                opportunityListResponse.setAmount(null);
+                opportunityListResponse.setContactName(null);
+            } else {
+                opportunityListResponse.setModuleFields(opportunityFields);
+                opportunityListResponse.setFailureReason(dictMap.get(opportunityListResponse.getFailureReason()));
+                opportunityListResponse.setContactName(contactMap.get(opportunityListResponse.getContactId()));
+            }
+            opportunityListResponse.setFollowerName(userNameMap.get(opportunityListResponse.getFollower()));
+            opportunityListResponse.setCreateUserName(userNameMap.get(opportunityListResponse.getCreateUser()));
+            opportunityListResponse.setUpdateUserName(userNameMap.get(opportunityListResponse.getUpdateUser()));
+            opportunityListResponse.setOwnerName(userNameMap.get(opportunityListResponse.getOwner()));
+
+            UserDeptDTO userDeptDTO = userDeptMap.get(opportunityListResponse.getOwner());
+            if (userDeptDTO != null) {
+                opportunityListResponse.setDepartmentId(userDeptDTO.getDeptId());
+                opportunityListResponse.setDepartmentName(userDeptDTO.getDeptName());
+            }
+
+            opportunityListResponse.setHasPermission(hasPermission);
+        });
+        return baseService.setCreateAndUpdateUserName(list);
+    }
+
+
+    public Map<String, List<OptionDTO>> buildOptionMap(String orgId, List<AdvancedOpportunityResponse> list, List<AdvancedOpportunityResponse> buildList) {
+        // 处理自定义字段选项数据
+        ModuleFormConfigDTO customerFormConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.OPPORTUNITY.getKey(), orgId);
+        // 获取所有模块字段的值
+        List<BaseModuleFieldValue> moduleFieldValues = moduleFormService.getBaseModuleFieldValues(list, OpportunityListResponse::getModuleFields);
+        // 获取选项值对应的 option
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(customerFormConfig, moduleFieldValues);
+
+        // 补充负责人选项
+        List<OptionDTO> ownerFieldOption = moduleFormService.getBusinessFieldOption(buildList,
+                OpportunityListResponse::getOwner, OpportunityListResponse::getOwnerName);
+        optionMap.put(BusinessModuleField.OPPORTUNITY_OWNER.getBusinessKey(), ownerFieldOption);
+
+        // 联系人
+        List<OptionDTO> contactFieldOption = moduleFormService.getBusinessFieldOption(buildList,
+                OpportunityListResponse::getContactId, OpportunityListResponse::getContactName);
+        optionMap.put(BusinessModuleField.OPPORTUNITY_CONTACT.getBusinessKey(), contactFieldOption);
+
+        List<OptionDTO> productOption = extProductMapper.getOptions(orgId);
+        optionMap.put(BusinessModuleField.OPPORTUNITY_PRODUCTS.getBusinessKey(), productOption);
+
+        return optionMap;
+
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/service/advanced/AdvancedSearchServiceFactory.java b/backend/crm/src/main/java/cn/cordys/crm/search/service/advanced/AdvancedSearchServiceFactory.java
new file mode 100644
index 0000000..961169a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/service/advanced/AdvancedSearchServiceFactory.java
@@ -0,0 +1,27 @@
+package cn.cordys.crm.search.service.advanced;
+
+import cn.cordys.aspectj.constants.GlobalSearchModule;
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.crm.search.service.BaseSearchService;
+
+import java.util.HashMap;
+
+public class AdvancedSearchServiceFactory {
+
+    private static final HashMap<String, BaseSearchService<?, ?>> searchServiceMap = new HashMap<>();
+
+    static {
+        searchServiceMap.put(GlobalSearchModule.OPPORTUNITY, CommonBeanFactory.getBean(AdvancedOpportunitySearchService.class));
+        searchServiceMap.put(GlobalSearchModule.CUSTOMER_POOL, CommonBeanFactory.getBean(AdvancedCustomerPoolSearchService.class));
+        searchServiceMap.put(GlobalSearchModule.CUSTOMER, CommonBeanFactory.getBean(AdvancedCustomerSearchService.class));
+        searchServiceMap.put(GlobalSearchModule.CUSTOMER_CONTACT, CommonBeanFactory.getBean(AdvancedCustomerContactSearchService.class));
+        searchServiceMap.put(GlobalSearchModule.CLUE, CommonBeanFactory.getBean(AdvancedClueSearchService.class));
+        searchServiceMap.put(GlobalSearchModule.CLUE_POOL, CommonBeanFactory.getBean(AdvancedCluePoolSearchService.class));
+    }
+
+    @SuppressWarnings("unchecked")
+    public static <REQ extends BasePageRequest, RES> BaseSearchService<REQ, RES> getSearchService(String type) {
+        return (BaseSearchService<REQ, RES>) searchServiceMap.get(type);
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/service/global/GlobalCluePoolSearchService.java b/backend/crm/src/main/java/cn/cordys/crm/search/service/global/GlobalCluePoolSearchService.java
new file mode 100644
index 0000000..2553a82
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/service/global/GlobalCluePoolSearchService.java
@@ -0,0 +1,218 @@
+package cn.cordys.crm.search.service.global;
+
+import cn.cordys.common.constants.*;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.common.dto.condition.FilterCondition;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.crm.clue.domain.Clue;
+import cn.cordys.crm.clue.mapper.ExtClueMapper;
+import cn.cordys.crm.clue.service.ClueFieldService;
+import cn.cordys.crm.search.constants.SearchModuleEnum;
+import cn.cordys.crm.search.constants.SearchPhoneEnum;
+import cn.cordys.crm.search.domain.SearchFieldMaskConfig;
+import cn.cordys.crm.search.domain.UserSearchConfig;
+import cn.cordys.crm.search.response.global.GlobalCluePoolResponse;
+import cn.cordys.crm.search.service.BaseSearchService;
+import cn.cordys.crm.system.constants.FieldType;
+import cn.cordys.crm.system.constants.SystemResultCode;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.collections.MapUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+
+import java.util.*;
+import java.util.stream.Collectors;
+
+@Service
+public class GlobalCluePoolSearchService extends BaseSearchService<BasePageRequest, GlobalCluePoolResponse> {
+
+    @Resource
+    private ExtClueMapper extClueMapper;
+    @Resource
+    private ClueFieldService clueFieldService;
+    @Resource
+    private DataScopeService dataScopeService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+
+
+    @Override
+    public Pager<List<GlobalCluePoolResponse>> startSearchNoOption(BasePageRequest request, String orgId, String userId) {
+        //获取查询关键字
+        String keyword = request.getKeyword();
+        if (StringUtils.isBlank(keyword)) {
+            Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+            return PageUtils.setPageInfo(page, List.of());
+        }
+        // 查询当前组织下已启用的模块列表
+        List<String> enabledModules = getEnabledModules();
+        // 检查：如果有商机读取权限但商机模块未启用，抛出异常
+        if (!enabledModules.contains(ModuleKey.CLUE.getKey())) {
+            throw new GenericException(SystemResultCode.MODULE_ENABLE);
+        }
+        //查询当前用户搜索配置
+        List<UserSearchConfig> userSearchConfigs = getUserSearchConfigs(userId, orgId);
+        List<String> phoneTypeFieldIds = userSearchConfigs.stream().filter(config -> Strings.CI.equals(config.getType(), FieldType.PHONE.name())).map(UserSearchConfig::getFieldId).toList();
+        //记住当前一共有多少字段，避免固定展示列与自由选择列字段重复
+        Set<String> fieldIdSet = new HashSet<>();
+        //记住选择的内置列,除自定义字段外，用户还会选择一些内置字段
+        Map<String, String> internalKeyMap = new HashMap<>();
+        List<FilterCondition> conditions = new ArrayList<>();
+        //用户配置设置:
+        // 1.用户没配置过，设置默认查询条件;
+        // 2.用户有配置，使用用户配置的查询条件;
+        // 3.用户当前模块没配置，直接返回;
+        if (CollectionUtils.isNotEmpty(userSearchConfigs)) {
+            List<UserSearchConfig> cluePoolSearchConfigs = userSearchConfigs.stream().filter(t -> Strings.CI.equals(t.getModuleType(), SearchModuleEnum.SEARCH_ADVANCED_CLUE_POOL)).toList();
+            if (CollectionUtils.isEmpty(cluePoolSearchConfigs)) {
+                Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+                return PageUtils.setPageInfo(page, List.of());
+            }
+            for (UserSearchConfig userSearchConfig : cluePoolSearchConfigs) {
+                //如果和固定展示列名重复不加入fieldIdSet
+                if (StringUtils.isBlank(userSearchConfig.getBusinessKey())) {
+                    fieldIdSet.add(userSearchConfig.getFieldId());
+                } else if (!Strings.CI.equals(userSearchConfig.getBusinessKey(), BusinessModuleField.CLUE_NAME.getBusinessKey()) &&
+                        !Strings.CI.equals(userSearchConfig.getBusinessKey(), BusinessModuleField.CLUE_PRODUCTS.getBusinessKey()) &&
+                        !Strings.CI.equals(userSearchConfig.getBusinessKey(), BusinessModuleField.CLUE_CONTACT_PHONE.getBusinessKey())) {
+                    fieldIdSet.add(userSearchConfig.getFieldId());
+                }
+                if (StringUtils.isNotBlank(userSearchConfig.getBusinessKey()) && !Strings.CI.equals(userSearchConfig.getBusinessKey(), BusinessModuleField.CLUE_NAME.getBusinessKey()) &&
+                        !Strings.CI.equals(userSearchConfig.getBusinessKey(), BusinessModuleField.CLUE_PRODUCTS.getBusinessKey()) &&
+                        !Strings.CI.equals(userSearchConfig.getBusinessKey(), BusinessModuleField.CLUE_CONTACT_PHONE.getBusinessKey())) {
+                    internalKeyMap.put(userSearchConfig.getFieldId(), userSearchConfig.getBusinessKey());
+                }
+                buildOtherFilterCondition(orgId, userSearchConfig, keyword, conditions);
+            }
+        } else {
+            //设置默认查询属性
+            FilterCondition nameCondition = getFilterCondition("name", keyword, FilterCondition.CombineConditionOperator.CONTAINS.toString(), FieldType.INPUT.toString());
+            conditions.add(nameCondition);
+            StringUtils.deleteWhitespace(keyword);
+            List<String> phoneList = new ArrayList<>();
+            phoneList.add(keyword);
+            for (String value : SearchPhoneEnum.VALUES) {
+                phoneList.add(value + keyword);
+            }
+            FilterCondition phoneCondition = getFilterCondition("phone", phoneList, FilterCondition.CombineConditionOperator.IN.toString(), FieldType.DATA_SOURCE.toString());
+            conditions.add(phoneCondition);
+        }
+        if (CollectionUtils.isEmpty(conditions)) {
+            Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+            return PageUtils.setPageInfo(page, List.of());
+        }
+        //构造查询参数
+        buildCombineSearch(conditions, request);
+        // 查询重复商机列表
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        ConditionFilterUtils.parseCondition(request, FormKey.CLUE.getKey());
+        List<GlobalCluePoolResponse> globalCluePoolResponses = extClueMapper.globalPoolSearchList(request, orgId);
+        if (CollectionUtils.isEmpty(globalCluePoolResponses)) {
+            return PageUtils.setPageInfo(page, List.of());
+        }
+        //获取系统设置的脱敏字段
+        List<SearchFieldMaskConfig> searchFieldMaskConfigs = getSearchFieldMaskConfigs(orgId, SearchModuleEnum.SEARCH_ADVANCED_CLUE_POOL);
+        List<GlobalCluePoolResponse> buildList = buildListData(globalCluePoolResponses, orgId, userId, searchFieldMaskConfigs, fieldIdSet, internalKeyMap, phoneTypeFieldIds);
+        return PageUtils.setPageInfo(page, buildList);
+    }
+
+
+    public List<GlobalCluePoolResponse> buildListData(List<GlobalCluePoolResponse> list, String orgId, String userId, List<SearchFieldMaskConfig> searchFieldMaskConfigs, Set<String> fieldIdSet, Map<String, String> internalKeyMap, List<String> phoneTypeFieldIds) {
+        List<String> clueIds = list.stream().map(GlobalCluePoolResponse::getId)
+                .collect(Collectors.toList());
+        Map<String, List<BaseModuleFieldValue>> clueFiledMap = clueFieldService.getResourceFieldMap(clueIds, true);
+
+        Map<String, String> productNameMap = getProductNameMap(orgId);
+
+        Map<String, String> userPoolMap = getUserCluePool(orgId, userId);
+        //处理内置字段的选项
+        List<Clue> clues = new ArrayList<>();
+        if (MapUtils.isNotEmpty(internalKeyMap)) {
+            List<String> columns = new ArrayList<>();
+            for (String value : internalKeyMap.values()) {
+                String result = value.replaceAll("([A-Z])", "_$1").toLowerCase();
+                columns.add(result);
+            }
+            columns.add("id");
+            clues = extClueMapper.searchColumnsByIds(columns, clueIds);
+        }
+        Map<String, Clue> internalKeyValueMap = clues.stream().collect(Collectors.toMap(Clue::getId, t -> t));
+        // 处理自定义字段选项数据
+        ModuleFormConfigDTO clueFormConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.CLUE.getKey(), orgId);
+        Map<String, SearchFieldMaskConfig> searchFieldMaskConfigMap = searchFieldMaskConfigs.stream().collect(Collectors.toMap(SearchFieldMaskConfig::getFieldId, t -> t));
+        list.forEach(globalClueResponse -> {
+            // 判断该数据是否有权限
+            boolean hasPermission = getHasPermission(userId, orgId, globalClueResponse, userPoolMap);
+            // 处理自定义字段数据
+            if (CollectionUtils.isNotEmpty(fieldIdSet)) {
+                List<BaseModuleFieldValue> returnCluePoolFields = getBaseModuleFieldValues(fieldIdSet, globalClueResponse.getId(), clueFiledMap, clueFormConfig, searchFieldMaskConfigMap, hasPermission);
+
+                globalClueResponse.setModuleFields(returnCluePoolFields);
+            }
+            //处理内置字段
+            Clue clue = internalKeyValueMap.get(globalClueResponse.getId());
+            List<BaseModuleFieldValue> baseModuleFieldValues = buildInternalField(internalKeyMap, searchFieldMaskConfigMap, hasPermission, clue, Clue.class);
+            List<BaseModuleFieldValue> moduleFields = globalClueResponse.getModuleFields();
+            if (CollectionUtils.isEmpty(moduleFields)) {
+                globalClueResponse.setModuleFields(baseModuleFieldValues);
+            } else {
+                moduleFields.addAll(baseModuleFieldValues);
+                globalClueResponse.setModuleFields(moduleFields);
+            }
+            //固定展示列脱敏设置
+            List<String> productNames = getProductNames(globalClueResponse.getProducts(), productNameMap);
+            globalClueResponse.setProducts(productNames);
+
+            if (CollectionUtils.isNotEmpty(globalClueResponse.getModuleFields())) {
+                globalClueResponse.getModuleFields().stream().forEach(moduleField -> {
+                    if (phoneTypeFieldIds.contains(moduleField.getFieldId()) && StringUtils.isNotBlank(moduleField.getFieldValue().toString())) {
+                        moduleField.setFieldValue((getPhoneFieldValue(moduleField.getFieldValue(), moduleField.getFieldValue().toString().length())));
+                    }
+                });
+            }
+            if (StringUtils.isNotBlank(globalClueResponse.getPhone())) {
+                globalClueResponse.setPhone((String) getPhoneFieldValue(globalClueResponse.getPhone(), globalClueResponse.getPhone().length()));
+            }
+
+            searchFieldMaskConfigMap.forEach((fieldId, searchFieldMaskConfig) -> {
+                if (Strings.CI.equals(searchFieldMaskConfig.getBusinessKey(), "name") && !hasPermission) {
+                    globalClueResponse.setName((String) getInputFieldValue(globalClueResponse.getName(), globalClueResponse.getName().length()));
+                }
+                if (Strings.CI.equals(searchFieldMaskConfig.getBusinessKey(), "products") && !hasPermission) {
+                    List<String> maskProductNames = productNames.stream().map(t -> (String) getInputFieldValue(t, t.length())).toList();
+                    globalClueResponse.setProducts(maskProductNames);
+                }
+            });
+
+
+            globalClueResponse.setHasPermission(hasPermission);
+        });
+        return list;
+    }
+
+    private boolean getHasPermission(String userId, String orgId, GlobalCluePoolResponse clueListResponse, Map<String, String> userPoolMap) {
+        if (Strings.CI.equals(userId, InternalUser.ADMIN.getValue())) {
+            return true;
+        }
+        if (MapUtils.isEmpty(userPoolMap)) {
+            return false;
+        }
+        boolean hasPool = userPoolMap.containsKey(clueListResponse.getPoolId());
+        boolean hasPermission = dataScopeService.hasDataPermission(userId, orgId, new ArrayList<>(), PermissionConstants.CLUE_MANAGEMENT_POOL_READ);
+
+        return hasPool && hasPermission;
+    }
+
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/service/global/GlobalClueSearchService.java b/backend/crm/src/main/java/cn/cordys/crm/search/service/global/GlobalClueSearchService.java
new file mode 100644
index 0000000..f45d33d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/service/global/GlobalClueSearchService.java
@@ -0,0 +1,217 @@
+package cn.cordys.crm.search.service.global;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.ModuleKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.common.dto.UserDeptDTO;
+import cn.cordys.common.dto.condition.FilterCondition;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.crm.clue.domain.Clue;
+import cn.cordys.crm.clue.mapper.ExtClueMapper;
+import cn.cordys.crm.clue.service.ClueFieldService;
+import cn.cordys.crm.search.constants.SearchModuleEnum;
+import cn.cordys.crm.search.constants.SearchPhoneEnum;
+import cn.cordys.crm.search.domain.SearchFieldMaskConfig;
+import cn.cordys.crm.search.domain.UserSearchConfig;
+import cn.cordys.crm.search.response.global.GlobalClueResponse;
+import cn.cordys.crm.search.service.BaseSearchService;
+import cn.cordys.crm.system.constants.FieldType;
+import cn.cordys.crm.system.constants.SystemResultCode;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.collections.MapUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+
+import java.util.*;
+import java.util.stream.Collectors;
+
+@Service
+public class GlobalClueSearchService extends BaseSearchService<BasePageRequest, GlobalClueResponse> {
+
+    @Resource
+    private ExtClueMapper extClueMapper;
+    @Resource
+    private BaseService baseService;
+    @Resource
+    private ClueFieldService clueFieldService;
+    @Resource
+    private DataScopeService dataScopeService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+
+
+    @Override
+    public Pager<List<GlobalClueResponse>> startSearchNoOption(BasePageRequest request, String orgId, String userId) {
+        //获取查询关键字
+        String keyword = request.getKeyword();
+        if (StringUtils.isBlank(keyword)) {
+            Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+            return PageUtils.setPageInfo(page, List.of());
+        }
+        // 查询当前组织下已启用的模块列表
+        List<String> enabledModules = getEnabledModules();
+        // 检查：如果有商机读取权限但商机模块未启用，抛出异常
+        if (!enabledModules.contains(ModuleKey.CLUE.getKey())) {
+            throw new GenericException(SystemResultCode.MODULE_ENABLE);
+        }
+        //查询当前用户搜索配置
+        List<UserSearchConfig> userSearchConfigs = getUserSearchConfigs(userId, orgId);
+        //记住当前一共有多少字段，避免固定展示列与自由选择列字段重复
+        Set<String> fieldIdSet = new HashSet<>();
+        //记住选择的内置列,除自定义字段外，用户还会选择一些内置字段
+        Map<String, String> internalKeyMap = new HashMap<>();
+        List<FilterCondition> conditions = new ArrayList<>();
+        //用户配置设置:
+        // 1.用户没配置过，设置默认查询条件;
+        // 2.用户有配置，使用用户配置的查询条件;
+        // 3.用户当前模块没配置，直接返回;
+        if (CollectionUtils.isNotEmpty(userSearchConfigs)) {
+            List<UserSearchConfig> clueSearchConfigs = userSearchConfigs.stream().filter(t -> Strings.CI.equals(t.getModuleType(), SearchModuleEnum.SEARCH_ADVANCED_CLUE)).toList();
+            if (CollectionUtils.isEmpty(clueSearchConfigs)) {
+                Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+                return PageUtils.setPageInfo(page, List.of());
+            }
+            for (UserSearchConfig userSearchConfig : clueSearchConfigs) {
+                //如果和固定展示列名重复不加入fieldIdSet
+                if (StringUtils.isBlank(userSearchConfig.getBusinessKey())) {
+                    fieldIdSet.add(userSearchConfig.getFieldId());
+                } else if (!Strings.CI.equals(userSearchConfig.getBusinessKey(), BusinessModuleField.CLUE_NAME.getBusinessKey()) &&
+                        !Strings.CI.equals(userSearchConfig.getBusinessKey(), BusinessModuleField.CLUE_OWNER.getBusinessKey()) &&
+                        !Strings.CI.equals(userSearchConfig.getBusinessKey(), BusinessModuleField.CLUE_PRODUCTS.getBusinessKey()) &&
+                        !Strings.CI.equals(userSearchConfig.getBusinessKey(), BusinessModuleField.CLUE_CONTACT_PHONE.getBusinessKey())) {
+                    fieldIdSet.add(userSearchConfig.getFieldId());
+                }
+                if (StringUtils.isNotBlank(userSearchConfig.getBusinessKey()) && !Strings.CI.equals(userSearchConfig.getBusinessKey(), BusinessModuleField.CLUE_NAME.getBusinessKey()) &&
+                        !Strings.CI.equals(userSearchConfig.getBusinessKey(), BusinessModuleField.CLUE_OWNER.getBusinessKey()) &&
+                        !Strings.CI.equals(userSearchConfig.getBusinessKey(), BusinessModuleField.CLUE_PRODUCTS.getBusinessKey()) &&
+                        !Strings.CI.equals(userSearchConfig.getBusinessKey(), BusinessModuleField.CLUE_CONTACT_PHONE.getBusinessKey())) {
+                    internalKeyMap.put(userSearchConfig.getFieldId(), userSearchConfig.getBusinessKey());
+                }
+
+                buildOtherFilterCondition(orgId, userSearchConfig, keyword, conditions);
+            }
+        } else {
+            //设置默认查询属性
+            FilterCondition nameCondition = getFilterCondition("name", keyword, FilterCondition.CombineConditionOperator.CONTAINS.toString(), FieldType.INPUT.toString());
+            conditions.add(nameCondition);
+            StringUtils.deleteWhitespace(keyword);
+            List<String> phoneList = new ArrayList<>();
+            phoneList.add(keyword);
+            for (String value : SearchPhoneEnum.VALUES) {
+                phoneList.add(value + keyword);
+            }
+            FilterCondition phoneCondition = getFilterCondition("phone", phoneList, FilterCondition.CombineConditionOperator.IN.toString(), FieldType.DATA_SOURCE.toString());
+            conditions.add(phoneCondition);
+        }
+        if (CollectionUtils.isEmpty(conditions)) {
+            Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+            return PageUtils.setPageInfo(page, List.of());
+        }
+        //构造查询参数
+        buildCombineSearch(conditions, request);
+        // 查询重复商机列表
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        ConditionFilterUtils.parseCondition(request, FormKey.CLUE.getKey());
+        List<GlobalClueResponse> globalClueResponses = extClueMapper.globalSearchList(request, orgId);
+        if (CollectionUtils.isEmpty(globalClueResponses)) {
+            return PageUtils.setPageInfo(page, List.of());
+        }
+        //获取系统设置的脱敏字段
+        List<SearchFieldMaskConfig> searchFieldMaskConfigs = getSearchFieldMaskConfigs(orgId, SearchModuleEnum.SEARCH_ADVANCED_CLUE);
+        List<GlobalClueResponse> buildList = buildListData(globalClueResponses, orgId, userId, searchFieldMaskConfigs, fieldIdSet, internalKeyMap);
+        return PageUtils.setPageInfo(page, buildList);
+    }
+
+
+    public List<GlobalClueResponse> buildListData(List<GlobalClueResponse> list, String orgId, String userId, List<SearchFieldMaskConfig> searchFieldMaskConfigs, Set<String> fieldIdSet, Map<String, String> internalKeyMap) {
+        List<String> clueIds = list.stream().map(GlobalClueResponse::getId)
+                .collect(Collectors.toList());
+        Map<String, List<BaseModuleFieldValue>> clueFiledMap = clueFieldService.getResourceFieldMap(clueIds, true);
+
+        List<String> ownerIds = list.stream()
+                .map(GlobalClueResponse::getOwner)
+                .distinct()
+                .toList();
+
+        Map<String, String> userNameMap = baseService.getUserNameMap(ownerIds);
+
+        Map<String, String> productNameMap = getProductNameMap(orgId);
+
+        Map<String, UserDeptDTO> userDeptMap = baseService.getUserDeptMapByUserIds(ownerIds, orgId);
+        //处理内置字段的选项
+        List<Clue> clues = new ArrayList<>();
+        if (MapUtils.isNotEmpty(internalKeyMap)) {
+            List<String> columns = new ArrayList<>();
+            for (String value : internalKeyMap.values()) {
+                String result = value.replaceAll("([A-Z])", "_$1").toLowerCase();
+                columns.add(result);
+            }
+            columns.add("id");
+            clues = extClueMapper.searchColumnsByIds(columns, clueIds);
+        }
+        Map<String, Clue> internalKeyValueMap = clues.stream().collect(Collectors.toMap(Clue::getId, t -> t));
+        // 处理自定义字段选项数据
+        ModuleFormConfigDTO clueFormConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.CLUE.getKey(), orgId);
+        Map<String, SearchFieldMaskConfig> searchFieldMaskConfigMap = searchFieldMaskConfigs.stream().collect(Collectors.toMap(SearchFieldMaskConfig::getFieldId, t -> t));
+        list.forEach(globalClueResponse -> {
+            // 判断该数据是否有权限
+            boolean hasPermission = dataScopeService.hasDataPermission(userId, orgId, globalClueResponse.getOwner(), PermissionConstants.CLUE_MANAGEMENT_READ);
+            // 处理自定义字段数据
+            if (CollectionUtils.isNotEmpty(fieldIdSet)) {
+                List<BaseModuleFieldValue> returnOpportunityFields = getBaseModuleFieldValues(fieldIdSet, globalClueResponse.getId(), clueFiledMap, clueFormConfig, searchFieldMaskConfigMap, hasPermission);
+
+                globalClueResponse.setModuleFields(returnOpportunityFields);
+            }
+            //处理内置字段
+            Clue clue = internalKeyValueMap.get(globalClueResponse.getId());
+            List<BaseModuleFieldValue> baseModuleFieldValues = buildInternalField(internalKeyMap, searchFieldMaskConfigMap, hasPermission, clue, Clue.class);
+            List<BaseModuleFieldValue> moduleFields = globalClueResponse.getModuleFields();
+            if (CollectionUtils.isEmpty(moduleFields)) {
+                globalClueResponse.setModuleFields(baseModuleFieldValues);
+            } else {
+                moduleFields.addAll(baseModuleFieldValues);
+                globalClueResponse.setModuleFields(moduleFields);
+            }
+            globalClueResponse.setOwnerName(userNameMap.get(globalClueResponse.getOwner()));
+
+            UserDeptDTO userDeptDTO = userDeptMap.get(globalClueResponse.getOwner());
+            if (userDeptDTO != null) {
+                globalClueResponse.setDepartmentName(userDeptDTO.getDeptName());
+            }
+            //固定展示列脱敏设置
+            List<String> productNames = getProductNames(globalClueResponse.getProducts(), productNameMap);
+            globalClueResponse.setProducts(productNames);
+            if (!hasPermission) {
+                searchFieldMaskConfigMap.forEach((fieldId, searchFieldMaskConfig) -> {
+                    if (Strings.CI.equals(searchFieldMaskConfig.getBusinessKey(), "name")) {
+                        globalClueResponse.setName((String) getInputFieldValue(globalClueResponse.getName(), globalClueResponse.getName().length()));
+                    }
+                    if (Strings.CI.equals(searchFieldMaskConfig.getBusinessKey(), "products")) {
+                        List<String> maskProductNames = productNames.stream().map(t -> (String) getInputFieldValue(t, t.length())).toList();
+                        globalClueResponse.setProducts(maskProductNames);
+                    }
+                    if (Strings.CI.equals(searchFieldMaskConfig.getBusinessKey(), "phone") && StringUtils.isNotBlank(globalClueResponse.getPhone())) {
+                        globalClueResponse.setPhone((String) getPhoneFieldValue(globalClueResponse.getPhone(), globalClueResponse.getPhone().length()));
+                    }
+                });
+            }
+            globalClueResponse.setHasPermission(hasPermission);
+        });
+        return list;
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/service/global/GlobalCustomerContactSearchService.java b/backend/crm/src/main/java/cn/cordys/crm/search/service/global/GlobalCustomerContactSearchService.java
new file mode 100644
index 0000000..cc42e2d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/service/global/GlobalCustomerContactSearchService.java
@@ -0,0 +1,191 @@
+package cn.cordys.crm.search.service.global;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.ModuleKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.dto.UserDeptDTO;
+import cn.cordys.common.dto.condition.FilterCondition;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.crm.customer.mapper.ExtCustomerContactMapper;
+import cn.cordys.crm.customer.mapper.ExtCustomerMapper;
+import cn.cordys.crm.customer.service.CustomerContactFieldService;
+import cn.cordys.crm.search.constants.SearchModuleEnum;
+import cn.cordys.crm.search.constants.SearchPhoneEnum;
+import cn.cordys.crm.search.domain.SearchFieldMaskConfig;
+import cn.cordys.crm.search.domain.UserSearchConfig;
+import cn.cordys.crm.search.response.global.GlobalCustomerContactResponse;
+import cn.cordys.crm.search.service.BaseSearchService;
+import cn.cordys.crm.system.constants.FieldType;
+import cn.cordys.crm.system.constants.SystemResultCode;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+
+import java.util.*;
+import java.util.stream.Collectors;
+
+@Service
+public class GlobalCustomerContactSearchService extends BaseSearchService<BasePageRequest, GlobalCustomerContactResponse> {
+
+    @Resource
+    private ExtCustomerContactMapper extCustomerContactMapper;
+    @Resource
+    private CustomerContactFieldService customerContactFieldService;
+    @Resource
+    private BaseService baseService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private DataScopeService dataScopeService;
+    @Resource
+    private ExtCustomerMapper extCustomerMapper;
+
+    @Override
+    public Pager<List<GlobalCustomerContactResponse>> startSearchNoOption(BasePageRequest request, String orgId, String userId) {
+        //获取查询关键字
+        String keyword = request.getKeyword();
+        if (StringUtils.isBlank(keyword)) {
+            Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+            return PageUtils.setPageInfo(page, List.of());
+        }
+        // 查询当前组织下已启用的模块列表
+        List<String> enabledModules = getEnabledModules();
+        // 检查：如果有商机读取权限但商机模块未启用，抛出异常
+        if (!enabledModules.contains(ModuleKey.CUSTOMER.getKey())) {
+            throw new GenericException(SystemResultCode.MODULE_ENABLE);
+        }
+        //查询当前用户搜索配置
+        List<UserSearchConfig> userSearchConfigs = getUserSearchConfigs(userId, orgId);
+        //记住当前一共有多少字段，避免固定展示列与自由选择列字段重复
+        Set<String> fieldIdSet = new HashSet<>();
+        List<FilterCondition> conditions = new ArrayList<>();
+        //用户配置设置:
+        // 1.用户没配置过，设置默认查询条件;
+        // 2.用户有配置，使用用户配置的查询条件;
+        // 3.用户当前模块没配置，直接返回;
+        if (CollectionUtils.isNotEmpty(userSearchConfigs)) {
+            List<UserSearchConfig> contactSearchConfigs = userSearchConfigs.stream().filter(t -> Strings.CI.equals(t.getModuleType(), SearchModuleEnum.SEARCH_ADVANCED_CONTACT)).toList();
+            if (CollectionUtils.isEmpty(contactSearchConfigs)) {
+                Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+                return PageUtils.setPageInfo(page, List.of());
+            }
+            for (UserSearchConfig userSearchConfig : contactSearchConfigs) {
+                //如果和固定展示列名重复不加入fieldIdSet
+                if (StringUtils.isBlank(userSearchConfig.getBusinessKey())) {
+                    fieldIdSet.add(userSearchConfig.getFieldId());
+                } else if (!Strings.CI.equals(userSearchConfig.getBusinessKey(), BusinessModuleField.CUSTOMER_CONTACT_CUSTOMER.getBusinessKey()) &&
+                        !Strings.CI.equals(userSearchConfig.getBusinessKey(), BusinessModuleField.CUSTOMER_CONTACT_PHONE.getBusinessKey())) {
+                    fieldIdSet.add(userSearchConfig.getFieldId());
+                }
+                buildOtherFilterCondition(orgId, userSearchConfig, keyword, conditions);
+            }
+        } else {
+            //设置默认查询属性
+            List<String> list = getCustomerIds(keyword, orgId);
+            if (CollectionUtils.isNotEmpty(list)) {
+                FilterCondition customerCondition = getFilterCondition("customerId", list, FilterCondition.CombineConditionOperator.IN.toString(), FieldType.DATA_SOURCE.toString());
+                conditions.add(customerCondition);
+            }
+            StringUtils.deleteWhitespace(keyword);
+            List<String> phoneList = new ArrayList<>();
+            phoneList.add(keyword);
+            for (String value : SearchPhoneEnum.VALUES) {
+                phoneList.add(value + keyword);
+            }
+            FilterCondition phoneCondition = getFilterCondition("phone", phoneList, FilterCondition.CombineConditionOperator.IN.toString(), FieldType.DATA_SOURCE.toString());
+            conditions.add(phoneCondition);
+        }
+
+        if (CollectionUtils.isEmpty(conditions)) {
+            Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+            return PageUtils.setPageInfo(page, List.of());
+        }
+        //构造查询参数
+        buildCombineSearch(conditions, request);
+        //搜索客户
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        ConditionFilterUtils.parseCondition(request, FormKey.CONTACT.getKey());
+        List<GlobalCustomerContactResponse> globalContactResponses = extCustomerContactMapper.globalSearchList(request, orgId);
+        if (CollectionUtils.isEmpty(globalContactResponses)) {
+            return PageUtils.setPageInfo(page, List.of());
+        }
+        //获取系统设置的脱敏字段
+        List<SearchFieldMaskConfig> searchFieldMaskConfigs = getSearchFieldMaskConfigs(orgId, SearchModuleEnum.SEARCH_ADVANCED_CONTACT);
+        List<GlobalCustomerContactResponse> buildList = buildListData(globalContactResponses, orgId, userId, searchFieldMaskConfigs, fieldIdSet);
+        return PageUtils.setPageInfo(page, buildList);
+    }
+
+    private List<GlobalCustomerContactResponse> buildListData(List<GlobalCustomerContactResponse> list, String orgId, String userId, List<SearchFieldMaskConfig> searchFieldMaskConfigs, Set<String> fieldIdSet) {
+        List<String> customerContactIds = list.stream().map(GlobalCustomerContactResponse::getId)
+                .collect(Collectors.toList());
+        Map<String, List<BaseModuleFieldValue>> customerFiledMap = customerContactFieldService.getResourceFieldMap(customerContactIds, true);
+
+        List<String> ownerIds = list.stream()
+                .map(GlobalCustomerContactResponse::getOwner)
+                .distinct()
+                .toList();
+
+        Map<String, String> userNameMap = baseService.getUserNameMap(ownerIds);
+
+        Map<String, UserDeptDTO> userDeptMap = baseService.getUserDeptMapByUserIds(ownerIds, orgId);
+
+        List<String> customerIds = list.stream().map(GlobalCustomerContactResponse::getCustomerId)
+                .distinct()
+                .collect(Collectors.toList());
+        Map<String, String> customNameMap = extCustomerMapper.selectOptionByIds(customerIds)
+                .stream()
+                .collect(Collectors.toMap(OptionDTO::getId, OptionDTO::getName));
+
+        // 处理自定义字段选项数据
+        ModuleFormConfigDTO customerFormConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.CONTACT.getKey(), orgId);
+        Map<String, SearchFieldMaskConfig> searchFieldMaskConfigMap = searchFieldMaskConfigs.stream().collect(Collectors.toMap(SearchFieldMaskConfig::getFieldId, t -> t));
+        list.forEach(customerContactResponse -> {
+            // 判断该数据是否有权限
+            boolean hasPermission = dataScopeService.hasDataPermission(userId, orgId, customerContactResponse.getOwner(), PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_READ);
+            // 处理自定义字段数据
+            if (CollectionUtils.isNotEmpty(fieldIdSet)) {
+                List<BaseModuleFieldValue> returnCustomerFields = getBaseModuleFieldValues(fieldIdSet, customerContactResponse.getId(), customerFiledMap, customerFormConfig, searchFieldMaskConfigMap, hasPermission);
+
+                customerContactResponse.setModuleFields(returnCustomerFields);
+            }
+            customerContactResponse.setOwnerName(userNameMap.get(customerContactResponse.getOwner()));
+            UserDeptDTO userDeptDTO = userDeptMap.get(customerContactResponse.getOwner());
+            if (userDeptDTO != null) {
+                customerContactResponse.setDepartmentName(userDeptDTO.getDeptName());
+            }
+            String customerName = customNameMap.get(customerContactResponse.getCustomerId());
+            customerContactResponse.setCustomerName(customerName);
+            //固定展示列脱敏设置
+            if (!hasPermission) {
+                searchFieldMaskConfigMap.forEach((fieldId, searchFieldMaskConfig) -> {
+                    if (Strings.CI.equals(searchFieldMaskConfig.getBusinessKey(), "customerId")) {
+                        customerContactResponse.setCustomerName((String) getInputFieldValue(customerName, customerName.length()));
+                    }
+                    if (Strings.CI.equals(searchFieldMaskConfig.getBusinessKey(), "name")) {
+                        customerContactResponse.setName((String) getInputFieldValue(customerContactResponse.getName(), customerContactResponse.getName().length()));
+                    }
+                    if (Strings.CI.equals(searchFieldMaskConfig.getBusinessKey(), "phone") && StringUtils.isNotBlank(customerContactResponse.getPhone())) {
+                        customerContactResponse.setPhone((String) getPhoneFieldValue(customerContactResponse.getPhone(), customerContactResponse.getPhone().length()));
+                    }
+                });
+            }
+            customerContactResponse.setHasPermission(hasPermission);
+        });
+        return list;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/service/global/GlobalCustomerPoolSearchService.java b/backend/crm/src/main/java/cn/cordys/crm/search/service/global/GlobalCustomerPoolSearchService.java
new file mode 100644
index 0000000..2eb2f8a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/service/global/GlobalCustomerPoolSearchService.java
@@ -0,0 +1,169 @@
+package cn.cordys.crm.search.service.global;
+
+import cn.cordys.common.constants.*;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.common.dto.condition.FilterCondition;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.crm.customer.mapper.ExtCustomerMapper;
+import cn.cordys.crm.customer.service.CustomerFieldService;
+import cn.cordys.crm.search.constants.SearchModuleEnum;
+import cn.cordys.crm.search.domain.SearchFieldMaskConfig;
+import cn.cordys.crm.search.domain.UserSearchConfig;
+import cn.cordys.crm.search.response.global.GlobalCustomerPoolResponse;
+import cn.cordys.crm.search.service.BaseSearchService;
+import cn.cordys.crm.system.constants.FieldType;
+import cn.cordys.crm.system.constants.SystemResultCode;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.collections.MapUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+
+import java.util.*;
+import java.util.stream.Collectors;
+
+@Service
+public class GlobalCustomerPoolSearchService extends BaseSearchService<BasePageRequest, GlobalCustomerPoolResponse> {
+
+    @Resource
+    private ExtCustomerMapper extCustomerMapper;
+    @Resource
+    private CustomerFieldService customerFieldService;
+    @Resource
+    private DataScopeService dataScopeService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+
+
+    @Override
+    public Pager<List<GlobalCustomerPoolResponse>> startSearchNoOption(BasePageRequest request, String orgId, String userId) {
+        //获取查询关键字
+        String keyword = request.getKeyword();
+        if (StringUtils.isBlank(keyword)) {
+            Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+            return PageUtils.setPageInfo(page, List.of());
+        }
+        // 查询当前组织下已启用的模块列表
+        List<String> enabledModules = getEnabledModules();
+        // 检查：如果有商机读取权限但商机模块未启用，抛出异常
+        if (!enabledModules.contains(ModuleKey.CUSTOMER.getKey())) {
+            throw new GenericException(SystemResultCode.MODULE_ENABLE);
+        }
+        //查询当前用户搜索配置
+        List<UserSearchConfig> userSearchConfigs = getUserSearchConfigs(userId, orgId);
+        List<String> phoneTypeFieldIds = userSearchConfigs.stream().filter(config -> Strings.CI.equals(config.getType(), FieldType.PHONE.name())).map(UserSearchConfig::getFieldId).toList();
+        //记住当前一共有多少字段，避免固定展示列与自由选择列字段重复
+        Set<String> fieldIdSet = new HashSet<>();
+        List<FilterCondition> conditions = new ArrayList<>();
+        //用户配置设置:
+        // 1.用户没配置过，设置默认查询条件;
+        // 2.用户有配置，使用用户配置的查询条件;
+        // 3.用户当前模块没配置，直接返回;
+        if (CollectionUtils.isNotEmpty(userSearchConfigs)) {
+            List<UserSearchConfig> customerPoolSearchConfigs = userSearchConfigs.stream().filter(t -> Strings.CI.equals(t.getModuleType(), SearchModuleEnum.SEARCH_ADVANCED_PUBLIC)).toList();
+            if (CollectionUtils.isEmpty(customerPoolSearchConfigs)) {
+                Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+                return PageUtils.setPageInfo(page, List.of());
+            }
+            for (UserSearchConfig userSearchConfig : customerPoolSearchConfigs) {
+                //如果和固定展示列名重复不加入fieldIdSet
+                if (StringUtils.isBlank(userSearchConfig.getBusinessKey())) {
+                    fieldIdSet.add(userSearchConfig.getFieldId());
+                } else if (!Strings.CI.equals(userSearchConfig.getBusinessKey(), BusinessModuleField.CUSTOMER_NAME.getBusinessKey())) {
+                    fieldIdSet.add(userSearchConfig.getFieldId());
+                }
+                buildOtherFilterCondition(orgId, userSearchConfig, keyword, conditions);
+            }
+        } else {
+            //设置默认查询属性
+            FilterCondition nameCondition = getFilterCondition("name", keyword, FilterCondition.CombineConditionOperator.CONTAINS.toString(), FieldType.INPUT.toString());
+            conditions.add(nameCondition);
+        }
+        if (CollectionUtils.isEmpty(conditions)) {
+            Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+            return PageUtils.setPageInfo(page, List.of());
+        }
+        //构造查询参数
+        buildCombineSearch(conditions, request);
+        // 查询重复商机列表
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        ConditionFilterUtils.parseCondition(request, FormKey.CUSTOMER.getKey());
+        List<GlobalCustomerPoolResponse> customerPoolResponses = extCustomerMapper.globalPoolSearchList(request, orgId);
+        if (CollectionUtils.isEmpty(customerPoolResponses)) {
+            return PageUtils.setPageInfo(page, List.of());
+        }
+        //获取系统设置的脱敏字段
+        List<SearchFieldMaskConfig> searchFieldMaskConfigs = getSearchFieldMaskConfigs(orgId, SearchModuleEnum.SEARCH_ADVANCED_PUBLIC);
+        List<GlobalCustomerPoolResponse> buildList = buildListData(customerPoolResponses, orgId, userId, searchFieldMaskConfigs, fieldIdSet, phoneTypeFieldIds);
+        return PageUtils.setPageInfo(page, buildList);
+    }
+
+
+    public List<GlobalCustomerPoolResponse> buildListData(List<GlobalCustomerPoolResponse> list, String orgId, String userId, List<SearchFieldMaskConfig> searchFieldMaskConfigs, Set<String> fieldIdSet, List<String> phoneTypeFieldIds) {
+        List<String> customerIds = list.stream().map(GlobalCustomerPoolResponse::getId)
+                .collect(Collectors.toList());
+        Map<String, List<BaseModuleFieldValue>> customerFiledMap = customerFieldService.getResourceFieldMap(customerIds, true);
+
+        Map<String, String> userPoolMap = getUserCustomerPool(orgId, userId);
+        // 处理自定义字段选项数据
+        ModuleFormConfigDTO customerFormConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.CUSTOMER.getKey(), orgId);
+        Map<String, SearchFieldMaskConfig> searchFieldMaskConfigMap = searchFieldMaskConfigs.stream().collect(Collectors.toMap(SearchFieldMaskConfig::getFieldId, t -> t));
+        list.forEach(customerPoolResponse -> {
+            // 判断该数据是否有权限
+            boolean hasPermission = getHasPermission(userId, orgId, customerPoolResponse, userPoolMap);
+            // 处理自定义字段数据
+            if (CollectionUtils.isNotEmpty(fieldIdSet)) {
+                List<BaseModuleFieldValue> returnCustomerFields = getBaseModuleFieldValues(fieldIdSet, customerPoolResponse.getId(), customerFiledMap, customerFormConfig, searchFieldMaskConfigMap, hasPermission);
+
+                customerPoolResponse.setModuleFields(returnCustomerFields);
+            }
+            //固定展示列脱敏设置
+            if (!hasPermission) {
+                searchFieldMaskConfigMap.forEach((fieldId, searchFieldMaskConfig) -> {
+                    if (Strings.CI.equals(searchFieldMaskConfig.getBusinessKey(), "name")) {
+                        customerPoolResponse.setName((String) getInputFieldValue(customerPoolResponse.getName(), customerPoolResponse.getName().length()));
+                    }
+                });
+            }
+
+            if (CollectionUtils.isNotEmpty(customerPoolResponse.getModuleFields())) {
+                customerPoolResponse.getModuleFields().stream().forEach(moduleField -> {
+                    if (phoneTypeFieldIds.contains(moduleField.getFieldId()) && StringUtils.isNotBlank(moduleField.getFieldValue().toString())) {
+                        moduleField.setFieldValue((getPhoneFieldValue(moduleField.getFieldValue(), moduleField.getFieldValue().toString().length())));
+                    }
+                });
+            }
+
+            customerPoolResponse.setHasPermission(hasPermission);
+        });
+        return list;
+    }
+
+    private boolean getHasPermission(String userId, String orgId, GlobalCustomerPoolResponse customerPoolResponse, Map<String, String> userPoolMap) {
+
+        if (Strings.CI.equals(userId, InternalUser.ADMIN.getValue())) {
+            return true;
+        }
+
+        if (MapUtils.isEmpty(userPoolMap)) {
+            return false;
+        }
+
+        boolean hasPool = userPoolMap.containsKey(customerPoolResponse.getPoolId());
+        boolean hasPermission = dataScopeService.hasDataPermission(userId, orgId, new ArrayList<>(), PermissionConstants.CUSTOMER_MANAGEMENT_POOL_READ);
+
+        return hasPool && hasPermission;
+    }
+
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/service/global/GlobalCustomerSearchService.java b/backend/crm/src/main/java/cn/cordys/crm/search/service/global/GlobalCustomerSearchService.java
new file mode 100644
index 0000000..2ea81a8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/service/global/GlobalCustomerSearchService.java
@@ -0,0 +1,161 @@
+package cn.cordys.crm.search.service.global;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.ModuleKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.common.dto.UserDeptDTO;
+import cn.cordys.common.dto.condition.FilterCondition;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.crm.customer.mapper.ExtCustomerMapper;
+import cn.cordys.crm.customer.service.CustomerFieldService;
+import cn.cordys.crm.search.constants.SearchModuleEnum;
+import cn.cordys.crm.search.domain.SearchFieldMaskConfig;
+import cn.cordys.crm.search.domain.UserSearchConfig;
+import cn.cordys.crm.search.response.global.GlobalCustomerResponse;
+import cn.cordys.crm.search.service.BaseSearchService;
+import cn.cordys.crm.system.constants.FieldType;
+import cn.cordys.crm.system.constants.SystemResultCode;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+
+import java.util.*;
+import java.util.stream.Collectors;
+
+@Service
+public class GlobalCustomerSearchService extends BaseSearchService<BasePageRequest, GlobalCustomerResponse> {
+
+    @Resource
+    private ExtCustomerMapper extCustomerMapper;
+    @Resource
+    private CustomerFieldService customerFieldService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private DataScopeService dataScopeService;
+    @Resource
+    private BaseService baseService;
+
+    @Override
+    public Pager<List<GlobalCustomerResponse>> startSearchNoOption(BasePageRequest request, String orgId, String userId) {
+        //获取查询关键字
+        String keyword = request.getKeyword();
+        if (StringUtils.isBlank(keyword)) {
+            Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+            return PageUtils.setPageInfo(page, List.of());
+        }
+        // 查询当前组织下已启用的模块列表
+        List<String> enabledModules = getEnabledModules();
+        // 检查：如果有商机读取权限但商机模块未启用，抛出异常
+        if (!enabledModules.contains(ModuleKey.CUSTOMER.getKey())) {
+            throw new GenericException(SystemResultCode.MODULE_ENABLE);
+        }
+        //查询当前用户搜索配置
+        List<UserSearchConfig> userSearchConfigs = getUserSearchConfigs(userId, orgId);
+        //记住当前一共有多少字段，避免固定展示列与自由选择列字段重复
+        Set<String> fieldIdSet = new HashSet<>();
+        List<FilterCondition> conditions = new ArrayList<>();
+        //用户配置设置:
+        // 1.用户没配置过，设置默认查询条件;
+        // 2.用户有配置，使用用户配置的查询条件;
+        // 3.用户当前模块没配置，直接返回;
+        if (CollectionUtils.isNotEmpty(userSearchConfigs)) {
+            List<UserSearchConfig> customerSearchConfigs = userSearchConfigs.stream().filter(t -> Strings.CI.equals(t.getModuleType(), SearchModuleEnum.SEARCH_ADVANCED_CUSTOMER)).toList();
+            if (CollectionUtils.isEmpty(customerSearchConfigs)) {
+                Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+                return PageUtils.setPageInfo(page, List.of());
+            }
+            for (UserSearchConfig userSearchConfig : customerSearchConfigs) {
+                //如果和固定展示列名重复不加入fieldIdSet
+                if (StringUtils.isBlank(userSearchConfig.getBusinessKey())) {
+                    fieldIdSet.add(userSearchConfig.getFieldId());
+                } else if (!Strings.CI.equals(userSearchConfig.getBusinessKey(), BusinessModuleField.CUSTOMER_NAME.getBusinessKey()) &&
+                        !Strings.CI.equals(userSearchConfig.getBusinessKey(), BusinessModuleField.CUSTOMER_OWNER.getBusinessKey())) {
+                    fieldIdSet.add(userSearchConfig.getFieldId());
+                }
+                buildOtherFilterCondition(orgId, userSearchConfig, keyword, conditions);
+            }
+        } else {
+            //设置默认查询属性
+            FilterCondition nameCondition = getFilterCondition("name", keyword, FilterCondition.CombineConditionOperator.CONTAINS.toString(), FieldType.INPUT.toString());
+            conditions.add(nameCondition);
+        }
+        if (CollectionUtils.isEmpty(conditions)) {
+            Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+            return PageUtils.setPageInfo(page, List.of());
+        }
+        //构造查询参数
+        buildCombineSearch(conditions, request);
+        //搜索客户
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        ConditionFilterUtils.parseCondition(request, FormKey.CUSTOMER.getKey());
+        List<GlobalCustomerResponse> globalCustomerResponses = extCustomerMapper.globalSearchList(request, orgId);
+        if (CollectionUtils.isEmpty(globalCustomerResponses)) {
+            return PageUtils.setPageInfo(page, List.of());
+        }
+        //获取系统设置的脱敏字段
+        List<SearchFieldMaskConfig> searchFieldMaskConfigs = getSearchFieldMaskConfigs(orgId, SearchModuleEnum.SEARCH_ADVANCED_CUSTOMER);
+        List<GlobalCustomerResponse> buildList = buildListData(globalCustomerResponses, orgId, userId, searchFieldMaskConfigs, fieldIdSet);
+        return PageUtils.setPageInfo(page, buildList);
+    }
+
+    private List<GlobalCustomerResponse> buildListData(List<GlobalCustomerResponse> list, String orgId, String userId, List<SearchFieldMaskConfig> searchFieldMaskConfigs, Set<String> fieldIdSet) {
+        List<String> customerIds = list.stream().map(GlobalCustomerResponse::getId)
+                .collect(Collectors.toList());
+        Map<String, List<BaseModuleFieldValue>> customerFiledMap = customerFieldService.getResourceFieldMap(customerIds, true);
+
+        List<String> ownerIds = list.stream()
+                .map(GlobalCustomerResponse::getOwner)
+                .distinct()
+                .toList();
+
+        Map<String, String> userNameMap = baseService.getUserNameMap(ownerIds);
+
+        Map<String, UserDeptDTO> userDeptMap = baseService.getUserDeptMapByUserIds(ownerIds, orgId);
+
+        // 处理自定义字段选项数据
+        ModuleFormConfigDTO customerFormConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.CUSTOMER.getKey(), orgId);
+        Map<String, SearchFieldMaskConfig> searchFieldMaskConfigMap = searchFieldMaskConfigs.stream().collect(Collectors.toMap(SearchFieldMaskConfig::getFieldId, t -> t));
+        list.forEach(customerResponse -> {
+            // 判断该数据是否有权限
+            boolean hasPermission = dataScopeService.hasDataPermission(userId, orgId, customerResponse.getOwner(), PermissionConstants.CUSTOMER_MANAGEMENT_READ);
+            // 处理自定义字段数据
+            if (CollectionUtils.isNotEmpty(fieldIdSet)) {
+                List<BaseModuleFieldValue> returnCustomerFields = getBaseModuleFieldValues(fieldIdSet, customerResponse.getId(), customerFiledMap, customerFormConfig, searchFieldMaskConfigMap, hasPermission);
+
+                customerResponse.setModuleFields(returnCustomerFields);
+            }
+            customerResponse.setOwnerName(userNameMap.get(customerResponse.getOwner()));
+            UserDeptDTO userDeptDTO = userDeptMap.get(customerResponse.getOwner());
+            if (userDeptDTO != null) {
+                customerResponse.setDepartmentName(userDeptDTO.getDeptName());
+            }
+            //固定展示列脱敏设置
+            if (!hasPermission) {
+                searchFieldMaskConfigMap.forEach((fieldId, searchFieldMaskConfig) -> {
+                    if (Strings.CI.equals(searchFieldMaskConfig.getBusinessKey(), "name")) {
+                        customerResponse.setName((String) getInputFieldValue(customerResponse.getName(), customerResponse.getName().length()));
+                    }
+                });
+            }
+            customerResponse.setHasPermission(hasPermission);
+        });
+        return list;
+
+
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/service/global/GlobalOpportunitySearchService.java b/backend/crm/src/main/java/cn/cordys/crm/search/service/global/GlobalOpportunitySearchService.java
new file mode 100644
index 0000000..945e8b8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/service/global/GlobalOpportunitySearchService.java
@@ -0,0 +1,218 @@
+package cn.cordys.crm.search.service.global;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.ModuleKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.common.dto.UserDeptDTO;
+import cn.cordys.common.dto.condition.FilterCondition;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.crm.opportunity.domain.Opportunity;
+import cn.cordys.crm.opportunity.mapper.ExtOpportunityMapper;
+import cn.cordys.crm.opportunity.service.OpportunityFieldService;
+import cn.cordys.crm.search.constants.SearchModuleEnum;
+import cn.cordys.crm.search.domain.SearchFieldMaskConfig;
+import cn.cordys.crm.search.domain.UserSearchConfig;
+import cn.cordys.crm.search.response.global.GlobalOpportunityResponse;
+import cn.cordys.crm.search.service.BaseSearchService;
+import cn.cordys.crm.system.constants.FieldType;
+import cn.cordys.crm.system.constants.SystemResultCode;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.collections.MapUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+
+import java.util.*;
+import java.util.stream.Collectors;
+
+@Service
+public class GlobalOpportunitySearchService extends BaseSearchService<BasePageRequest, GlobalOpportunityResponse> {
+
+    @Resource
+    private ExtOpportunityMapper extOpportunityMapper;
+    @Resource
+    private BaseService baseService;
+    @Resource
+    private OpportunityFieldService opportunityFieldService;
+    @Resource
+    private DataScopeService dataScopeService;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+
+
+    @Override
+    public Pager<List<GlobalOpportunityResponse>> startSearchNoOption(BasePageRequest request, String orgId, String userId) {
+        //获取查询关键字
+        String keyword = request.getKeyword();
+        if (StringUtils.isBlank(keyword)) {
+            Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+            return PageUtils.setPageInfo(page, List.of());
+        }
+        // 查询当前组织下已启用的模块列表
+        List<String> enabledModules = getEnabledModules();
+        // 检查：如果有商机读取权限但商机模块未启用，抛出异常
+        if (!enabledModules.contains(ModuleKey.BUSINESS.getKey())) {
+            throw new GenericException(SystemResultCode.MODULE_ENABLE);
+        }
+        //查询当前用户搜索配置
+        List<UserSearchConfig> userSearchConfigs = getUserSearchConfigs(userId, orgId);
+        //记住选择的内置列,除自定义字段外，用户还会选择一些内置字段
+        Map<String, String> internalKeyMap = new HashMap<>();
+        //记住当前一共有多少字段，避免固定展示列与自由选择列字段重复
+        Set<String> fieldIdSet = new HashSet<>();
+        List<FilterCondition> conditions = new ArrayList<>();
+        //用户配置设置:
+        // 1.用户没配置过，设置默认查询条件;
+        // 2.用户有配置，使用用户配置的查询条件;
+        // 3.用户当前模块没配置，直接返回;
+        if (CollectionUtils.isNotEmpty(userSearchConfigs)) {
+            List<UserSearchConfig> opportunitySearchConfigs = userSearchConfigs.stream().filter(t -> Strings.CI.equals(t.getModuleType(), SearchModuleEnum.SEARCH_ADVANCED_OPPORTUNITY)).toList();
+            if (CollectionUtils.isEmpty(opportunitySearchConfigs)) {
+                Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+                return PageUtils.setPageInfo(page, List.of());
+            }
+            for (UserSearchConfig userSearchConfig : opportunitySearchConfigs) {
+                //如果和固定展示列名重复不加入fieldIdSet
+                if (StringUtils.isBlank(userSearchConfig.getBusinessKey())) {
+                    fieldIdSet.add(userSearchConfig.getFieldId());
+                } else if (!Strings.CI.equals(userSearchConfig.getBusinessKey(), BusinessModuleField.OPPORTUNITY_OWNER.getBusinessKey()) &&
+                        !Strings.CI.equals(userSearchConfig.getBusinessKey(), BusinessModuleField.OPPORTUNITY_PRODUCTS.getBusinessKey()) &&
+                        !Strings.CI.equals(userSearchConfig.getBusinessKey(), BusinessModuleField.OPPORTUNITY_CUSTOMER_NAME.getBusinessKey()) &&
+                        !Strings.CI.equals(userSearchConfig.getBusinessKey(), BusinessModuleField.OPPORTUNITY_NAME.getBusinessKey())) {
+                    fieldIdSet.add(userSearchConfig.getFieldId());
+                }
+                if (StringUtils.isNotBlank(userSearchConfig.getBusinessKey()) && !Strings.CI.equals(userSearchConfig.getBusinessKey(), BusinessModuleField.OPPORTUNITY_OWNER.getBusinessKey()) &&
+                        !Strings.CI.equals(userSearchConfig.getBusinessKey(), BusinessModuleField.OPPORTUNITY_PRODUCTS.getBusinessKey()) &&
+                        !Strings.CI.equals(userSearchConfig.getBusinessKey(), BusinessModuleField.OPPORTUNITY_CUSTOMER_NAME.getBusinessKey()) &&
+                        !Strings.CI.equals(userSearchConfig.getBusinessKey(), BusinessModuleField.OPPORTUNITY_NAME.getBusinessKey())) {
+                    internalKeyMap.put(userSearchConfig.getFieldId(), userSearchConfig.getBusinessKey());
+                }
+                buildOtherFilterCondition(orgId, userSearchConfig, keyword, conditions);
+            }
+        } else {
+            //设置商机默认查询属性
+            //查询客户源数据
+            List<String> list = getCustomerIds(keyword, orgId);
+            FilterCondition nameCondition = getFilterCondition("name", keyword, FilterCondition.CombineConditionOperator.CONTAINS.toString(), FieldType.INPUT.toString());
+            conditions.add(nameCondition);
+            if (CollectionUtils.isNotEmpty(list)) {
+                FilterCondition customerCondition = getFilterCondition("customerId", list, FilterCondition.CombineConditionOperator.IN.toString(), FieldType.DATA_SOURCE.toString());
+                conditions.add(customerCondition);
+            }
+        }
+        if (CollectionUtils.isEmpty(conditions)) {
+            Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+            return PageUtils.setPageInfo(page, List.of());
+        }
+        //构造查询参数
+        buildCombineSearch(conditions, request);
+        // 查询重复商机列表
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        ConditionFilterUtils.parseCondition(request, FormKey.OPPORTUNITY.getKey());
+        List<GlobalOpportunityResponse> globalOpportunityResponses = extOpportunityMapper.globalSearchList(request, orgId);
+        if (CollectionUtils.isEmpty(globalOpportunityResponses)) {
+            return PageUtils.setPageInfo(page, List.of());
+        }
+        //获取系统设置的脱敏字段
+        List<SearchFieldMaskConfig> searchFieldMaskConfigs = getSearchFieldMaskConfigs(orgId, SearchModuleEnum.SEARCH_ADVANCED_OPPORTUNITY);
+        List<GlobalOpportunityResponse> buildList = buildListData(globalOpportunityResponses, orgId, userId, searchFieldMaskConfigs, fieldIdSet, internalKeyMap);
+        return PageUtils.setPageInfo(page, buildList);
+    }
+
+
+    public List<GlobalOpportunityResponse> buildListData(List<GlobalOpportunityResponse> list, String orgId, String userId, List<SearchFieldMaskConfig> searchFieldMaskConfigs, Set<String> fieldIdSet, Map<String, String> internalKeyMap) {
+        List<String> opportunityIds = list.stream().map(GlobalOpportunityResponse::getId)
+                .collect(Collectors.toList());
+        Map<String, List<BaseModuleFieldValue>> opportunityFiledMap = opportunityFieldService.getResourceFieldMap(opportunityIds, true);
+
+        List<String> ownerIds = list.stream()
+                .map(GlobalOpportunityResponse::getOwner)
+                .distinct()
+                .toList();
+
+        Map<String, String> userNameMap = baseService.getUserNameMap(ownerIds);
+
+        Map<String, String> productNameMap = getProductNameMap(orgId);
+
+        Map<String, UserDeptDTO> userDeptMap = baseService.getUserDeptMapByUserIds(ownerIds, orgId);
+        //处理内置字段的选项
+        List<Opportunity> opportunities = new ArrayList<>();
+        if (MapUtils.isNotEmpty(internalKeyMap)) {
+            List<String> columns = new ArrayList<>();
+            for (String value : internalKeyMap.values()) {
+                String result = value.replaceAll("([A-Z])", "_$1").toLowerCase();
+                columns.add(result);
+            }
+            columns.add("id");
+            opportunities = extOpportunityMapper.searchColumnsByIds(columns, opportunityIds);
+        }
+        Map<String, Opportunity> internalKeyValueMap = opportunities.stream().collect(Collectors.toMap(Opportunity::getId, t -> t));
+        // 处理自定义字段选项数据
+        ModuleFormConfigDTO opportunityFormConfig = moduleFormCacheService.getBusinessFormConfig(FormKey.OPPORTUNITY.getKey(), orgId);
+        Map<String, SearchFieldMaskConfig> searchFieldMaskConfigMap = searchFieldMaskConfigs.stream().collect(Collectors.toMap(SearchFieldMaskConfig::getFieldId, t -> t));
+        list.forEach(opportunityListResponse -> {
+            // 判断该数据是否有权限
+            boolean hasPermission = dataScopeService.hasDataPermission(userId, orgId, opportunityListResponse.getOwner(), PermissionConstants.OPPORTUNITY_MANAGEMENT_READ);
+            // 处理自定义字段数据
+            if (CollectionUtils.isNotEmpty(fieldIdSet)) {
+                List<BaseModuleFieldValue> returnOpportunityFields = getBaseModuleFieldValues(fieldIdSet, opportunityListResponse.getId(), opportunityFiledMap, opportunityFormConfig, searchFieldMaskConfigMap, hasPermission);
+
+                opportunityListResponse.setModuleFields(returnOpportunityFields);
+            }
+            Opportunity opportunity = internalKeyValueMap.get(opportunityListResponse.getId());
+            if (opportunity != null && StringUtils.isNotBlank(opportunity.getContactId())) {
+                opportunity.setContactId(opportunityListResponse.getContactName());
+            }
+            List<BaseModuleFieldValue> baseModuleFieldValues = buildInternalField(internalKeyMap, searchFieldMaskConfigMap, hasPermission, opportunity, Opportunity.class);
+            List<BaseModuleFieldValue> moduleFields = opportunityListResponse.getModuleFields();
+            if (CollectionUtils.isEmpty(moduleFields)) {
+                opportunityListResponse.setModuleFields(baseModuleFieldValues);
+            } else {
+                moduleFields.addAll(baseModuleFieldValues);
+                opportunityListResponse.setModuleFields(moduleFields);
+            }
+            opportunityListResponse.setOwnerName(userNameMap.get(opportunityListResponse.getOwner()));
+
+            UserDeptDTO userDeptDTO = userDeptMap.get(opportunityListResponse.getOwner());
+            if (userDeptDTO != null) {
+                opportunityListResponse.setDepartmentName(userDeptDTO.getDeptName());
+            }
+            //固定展示列脱敏设置
+            List<String> productNames = getProductNames(opportunityListResponse.getProducts(), productNameMap);
+            opportunityListResponse.setProducts(productNames);
+            if (!hasPermission) {
+                searchFieldMaskConfigMap.forEach((fieldId, searchFieldMaskConfig) -> {
+                    if (Strings.CI.equals(searchFieldMaskConfig.getBusinessKey(), "name")) {
+                        opportunityListResponse.setName((String) getInputFieldValue(opportunityListResponse.getName(), opportunityListResponse.getName().length()));
+                    }
+                    if (Strings.CI.equals(searchFieldMaskConfig.getBusinessKey(), "contactId") && StringUtils.isNotBlank(opportunityListResponse.getContactName())) {
+                        opportunityListResponse.setContactName((String) getInputFieldValue(opportunityListResponse.getContactName(), opportunityListResponse.getContactName().length()));
+                    }
+                    if (Strings.CI.equals(searchFieldMaskConfig.getBusinessKey(), "customerId") && StringUtils.isNotBlank(opportunityListResponse.getCustomerName())) {
+                        opportunityListResponse.setCustomerName((String) getInputFieldValue(opportunityListResponse.getCustomerName(), opportunityListResponse.getCustomerName().length()));
+                    }
+                    if (Strings.CI.equals(searchFieldMaskConfig.getBusinessKey(), "products")) {
+                        List<String> maskProductNames = productNames.stream().map(t -> (String) getInputFieldValue(t, t.length())).toList();
+                        opportunityListResponse.setProducts(maskProductNames);
+                    }
+                });
+            }
+            opportunityListResponse.setHasPermission(hasPermission);
+        });
+        return list;
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/service/global/GlobalSearchCountService.java b/backend/crm/src/main/java/cn/cordys/crm/search/service/global/GlobalSearchCountService.java
new file mode 100644
index 0000000..3eb7409
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/service/global/GlobalSearchCountService.java
@@ -0,0 +1,364 @@
+package cn.cordys.crm.search.service.global;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.constants.ModuleKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.common.dto.OptionCountDTO;
+import cn.cordys.common.dto.condition.FilterCondition;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.crm.clue.mapper.ExtClueMapper;
+import cn.cordys.crm.customer.mapper.ExtCustomerContactMapper;
+import cn.cordys.crm.customer.mapper.ExtCustomerMapper;
+import cn.cordys.crm.opportunity.mapper.ExtOpportunityMapper;
+import cn.cordys.crm.search.constants.SearchModuleEnum;
+import cn.cordys.crm.search.constants.SearchPhoneEnum;
+import cn.cordys.crm.search.domain.UserSearchConfig;
+import cn.cordys.crm.search.service.BaseSearchService;
+import cn.cordys.crm.system.constants.FieldType;
+import cn.cordys.crm.system.mapper.ExtUserRoleMapper;
+import cn.cordys.security.SessionUtils;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+
+import java.util.ArrayList;
+import java.util.List;
+
+@Service
+public class GlobalSearchCountService extends BaseSearchService<BasePageRequest, OptionCountDTO> {
+    @Resource
+    private ExtUserRoleMapper extUserRoleMapper;
+    @Resource
+    private ExtCustomerMapper extCustomerMapper;
+    @Resource
+    private ExtCustomerContactMapper extCustomerContactMapper;
+    @Resource
+    private ExtClueMapper extClueMapper;
+    @Resource
+    private ExtOpportunityMapper extOpportunityMapper;
+
+
+    public List<OptionCountDTO> startSearchModuleCount(String keyword, String orgId, String userId) {
+        List<OptionCountDTO> list = new ArrayList<>();
+        if (StringUtils.isBlank(keyword)) {
+            return new ArrayList<>();
+        }
+        //处理参数中（+区号）这种会被spring RequestParam参数处理为空格的情况
+        if (keyword.contains("(") && keyword.contains(")")) {
+            // 去掉首尾空格
+            keyword = keyword.trim();
+            // 匹配形如 ( 86) 或 (86) 这样的区号
+            keyword = keyword.replaceAll("\\(\\s*(\\d+)\\)", "(+$1)");
+        }
+        List<String> permissions = extUserRoleMapper.selectPermissionsByUserId(SessionUtils.getUserId());
+        BasePageRequest request = new BasePageRequest();
+        request.setCurrent(1);
+        request.setPageSize(1);
+
+        List<String> enabledModules = getEnabledModules();
+        //查询当前用户搜索配置
+        //用户配置设置:
+        // 1.用户没配置过，设置默认查询条件;
+        // 2.用户有配置，使用用户配置的查询条件;
+        // 3.用户当前模块没配置，直接返回;
+        List<UserSearchConfig> userSearchConfigs = getUserSearchConfigs(userId, orgId);
+        List<FilterCondition> conditions;
+        if (enabledModules.contains(ModuleKey.CUSTOMER.getKey())) {
+            if (permissions.contains(PermissionConstants.CUSTOMER_MANAGEMENT_READ) || Strings.CI.equals(userId, InternalUser.ADMIN.getValue())) {
+                //查客户
+                conditions = new ArrayList<>();
+                long customerCount = getCustomerCount(keyword, orgId, userSearchConfigs, list, conditions, request);
+                list.add(new OptionCountDTO(SearchModuleEnum.SEARCH_ADVANCED_CUSTOMER, (int) customerCount));
+            }
+            if (permissions.contains(PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_READ) || Strings.CI.equals(userId, InternalUser.ADMIN.getValue())) {
+                //查客户联系人
+                conditions = new ArrayList<>();
+                long contactCount = getContactCount(keyword, orgId, userSearchConfigs, list, conditions, request);
+                list.add(new OptionCountDTO(SearchModuleEnum.SEARCH_ADVANCED_CONTACT, (int) contactCount));
+            }
+            if (permissions.contains(PermissionConstants.CUSTOMER_MANAGEMENT_POOL_READ) || Strings.CI.equals(userId, InternalUser.ADMIN.getValue())) {
+                //查公海
+                conditions = new ArrayList<>();
+                long publicCount = getPublicCount(keyword, orgId, userSearchConfigs, list, conditions, request);
+                list.add(new OptionCountDTO(SearchModuleEnum.SEARCH_ADVANCED_PUBLIC, (int) publicCount));
+            }
+        }
+        if (enabledModules.contains(ModuleKey.CLUE.getKey())) {
+            if (permissions.contains(PermissionConstants.CLUE_MANAGEMENT_READ) || Strings.CI.equals(userId, InternalUser.ADMIN.getValue())) {
+                conditions = new ArrayList<>();
+                long clueCount = getClueCount(keyword, orgId, userSearchConfigs, conditions, request);
+                list.add(new OptionCountDTO(SearchModuleEnum.SEARCH_ADVANCED_CLUE, (int) clueCount));
+
+            }
+            if (permissions.contains(PermissionConstants.CLUE_MANAGEMENT_POOL_READ) || Strings.CI.equals(userId, InternalUser.ADMIN.getValue())) {
+                conditions = new ArrayList<>();
+                long cluePoolCount = getCluePoolCount(keyword, orgId, userSearchConfigs, list, conditions, request);
+                list.add(new OptionCountDTO(SearchModuleEnum.SEARCH_ADVANCED_CLUE_POOL, (int) cluePoolCount));
+            }
+        }
+
+        if (enabledModules.contains(ModuleKey.BUSINESS.getKey())) {
+            if (permissions.contains(PermissionConstants.OPPORTUNITY_MANAGEMENT_READ) || Strings.CI.equals(userId, InternalUser.ADMIN.getValue())) {
+                conditions = new ArrayList<>();
+                long opportunityCount = getOpportunityCount(keyword, orgId, userSearchConfigs, list, conditions, request);
+                list.add(new OptionCountDTO(SearchModuleEnum.SEARCH_ADVANCED_OPPORTUNITY, (int) opportunityCount));
+            }
+        }
+        return list;
+    }
+
+    /**
+     * 获取商机数量
+     *
+     * @param keyword           关键字
+     * @param orgId             组织ID
+     * @param userSearchConfigs 用户搜索配置
+     * @param list              返回结果集
+     * @param conditions        查询条件
+     * @param request           分页参数
+     *
+     * @return 数量
+     */
+    private long getOpportunityCount(String keyword, String orgId, List<UserSearchConfig> userSearchConfigs, List<OptionCountDTO> list, List<FilterCondition> conditions, BasePageRequest request) {
+        List<String> customerIds = getCustomerIds(keyword, orgId);
+        if (CollectionUtils.isNotEmpty(userSearchConfigs)) {
+            List<UserSearchConfig> opportunitySearchConfigs = userSearchConfigs.stream().filter(t -> Strings.CI.equals(t.getModuleType(), SearchModuleEnum.SEARCH_ADVANCED_OPPORTUNITY)).toList();
+            if (CollectionUtils.isEmpty(opportunitySearchConfigs)) {
+                return 0L;
+            } else {
+                for (UserSearchConfig userSearchConfig : opportunitySearchConfigs) {
+                    //如果和固定展示列名重复不加入fieldIdSet
+                    buildOtherFilterCondition(orgId, userSearchConfig, keyword, conditions);
+                }
+            }
+        } else {
+            //设置商机默认查询属性
+            //查询客户源数据
+            FilterCondition nameCondition = getFilterCondition("name", keyword, FilterCondition.CombineConditionOperator.CONTAINS.toString(), FieldType.INPUT.toString());
+            conditions.add(nameCondition);
+            if (CollectionUtils.isNotEmpty(list)) {
+                FilterCondition customerCondition = getFilterCondition("customerId", customerIds, FilterCondition.CombineConditionOperator.IN.toString(), FieldType.DATA_SOURCE.toString());
+                conditions.add(customerCondition);
+            }
+        }
+        if (CollectionUtils.isEmpty(conditions)) {
+            return 0L;
+        }
+        //构造查询参数
+        buildCombineSearch(conditions, request);
+        ConditionFilterUtils.parseCondition(request, FormKey.OPPORTUNITY.getKey());
+        return extOpportunityMapper.globalSearchListCount(request, orgId);
+    }
+
+    /**
+     * 获取线索池数量
+     *
+     * @param keyword           关键字
+     * @param orgId             组织ID
+     * @param userSearchConfigs 用户搜索配置
+     * @param list              返回结果集
+     * @param conditions        查询条件
+     * @param request           分页参数
+     *
+     * @return 数量
+     */
+    private long getCluePoolCount(String keyword, String orgId, List<UserSearchConfig> userSearchConfigs, List<OptionCountDTO> list, List<FilterCondition> conditions, BasePageRequest request) {
+        if (CollectionUtils.isNotEmpty(userSearchConfigs)) {
+            List<UserSearchConfig> cluePoolSearchConfigs = userSearchConfigs.stream().filter(t -> Strings.CI.equals(t.getModuleType(), SearchModuleEnum.SEARCH_ADVANCED_CLUE_POOL)).toList();
+            if (CollectionUtils.isEmpty(cluePoolSearchConfigs)) {
+                return 0L;
+            } else {
+                for (UserSearchConfig userSearchConfig : cluePoolSearchConfigs) {
+                    buildOtherFilterCondition(orgId, userSearchConfig, keyword, conditions);
+                }
+            }
+        } else {
+            //设置默认查询属性
+            FilterCondition nameCondition = getFilterCondition("name", keyword, FilterCondition.CombineConditionOperator.CONTAINS.toString(), FieldType.INPUT.toString());
+            conditions.add(nameCondition);
+            StringUtils.deleteWhitespace(keyword);
+            List<String> phoneList = new ArrayList<>();
+            phoneList.add(keyword);
+            for (String value : SearchPhoneEnum.VALUES) {
+                phoneList.add(value + keyword);
+            }
+            FilterCondition phoneCondition = getFilterCondition("phone", phoneList, FilterCondition.CombineConditionOperator.IN.toString(), FieldType.DATA_SOURCE.toString());
+            conditions.add(phoneCondition);
+        }
+        if (CollectionUtils.isEmpty(conditions)) {
+            return 0L;
+        }
+        //构造查询参数
+        buildCombineSearch(conditions, request);
+        ConditionFilterUtils.parseCondition(request, FormKey.CLUE.getKey());
+        return extClueMapper.globalPoolSearchListCount(request, orgId);
+    }
+
+    /**
+     * 获取线索数量
+     *
+     * @param keyword           关键字
+     * @param orgId             组织ID
+     * @param userSearchConfigs 用户搜索配置
+     * @param conditions        查询条件
+     * @param request           分页参数
+     *
+     * @return 数量
+     */
+    private long getClueCount(String keyword, String orgId, List<UserSearchConfig> userSearchConfigs, List<FilterCondition> conditions, BasePageRequest request) {
+        if (CollectionUtils.isNotEmpty(userSearchConfigs)) {
+            List<UserSearchConfig> clueSearchConfigs = userSearchConfigs.stream().filter(t -> Strings.CI.equals(t.getModuleType(), SearchModuleEnum.SEARCH_ADVANCED_CLUE)).toList();
+            if (CollectionUtils.isEmpty(clueSearchConfigs)) {
+                return 0L;
+            } else {
+                for (UserSearchConfig userSearchConfig : clueSearchConfigs) {
+                    buildOtherFilterCondition(orgId, userSearchConfig, keyword, conditions);
+                }
+            }
+        } else {
+            //设置默认查询属性
+            FilterCondition nameCondition = getFilterCondition("name", keyword, FilterCondition.CombineConditionOperator.CONTAINS.toString(), FieldType.INPUT.toString());
+            conditions.add(nameCondition);
+            StringUtils.deleteWhitespace(keyword);
+            List<String> phoneList = new ArrayList<>();
+            phoneList.add(keyword);
+            for (String value : SearchPhoneEnum.VALUES) {
+                phoneList.add(value + keyword);
+            }
+            FilterCondition phoneCondition = getFilterCondition("phone", phoneList, FilterCondition.CombineConditionOperator.IN.toString(), FieldType.DATA_SOURCE.toString());
+            conditions.add(phoneCondition);
+        }
+        if (CollectionUtils.isEmpty(conditions)) {
+            return 0L;
+        }
+        //构造查询参数
+        buildCombineSearch(conditions, request);
+        ConditionFilterUtils.parseCondition(request, FormKey.CLUE.getKey());
+        return extClueMapper.globalSearchListCount(request, orgId);
+    }
+
+    /**
+     * 获取公海数量
+     *
+     * @param keyword           关键字
+     * @param orgId             组织ID
+     * @param userSearchConfigs 用户搜索配置
+     * @param list              返回结果集
+     * @param conditions        查询条件
+     * @param request           分页参数
+     *
+     * @return 数量
+     */
+    private long getPublicCount(String keyword, String orgId, List<UserSearchConfig> userSearchConfigs, List<OptionCountDTO> list, List<FilterCondition> conditions, BasePageRequest request) {
+        if (CollectionUtils.isNotEmpty(userSearchConfigs)) {
+            List<UserSearchConfig> customerPoolSearchConfigs = userSearchConfigs.stream().filter(t -> Strings.CI.equals(t.getModuleType(), SearchModuleEnum.SEARCH_ADVANCED_PUBLIC)).toList();
+            if (CollectionUtils.isEmpty(customerPoolSearchConfigs)) {
+                return 0L;
+            } else {
+                for (UserSearchConfig userSearchConfig : customerPoolSearchConfigs) {
+                    buildOtherFilterCondition(orgId, userSearchConfig, keyword, conditions);
+                }
+            }
+        } else {
+            //设置默认查询属性
+            FilterCondition nameCondition = getFilterCondition("name", keyword, FilterCondition.CombineConditionOperator.CONTAINS.toString(), FieldType.INPUT.toString());
+            conditions.add(nameCondition);
+        }
+        if (CollectionUtils.isEmpty(conditions)) {
+            return 0L;
+        }
+        //构造查询参数
+        buildCombineSearch(conditions, request);
+        ConditionFilterUtils.parseCondition(request, FormKey.CUSTOMER.getKey());
+        return extCustomerMapper.globalPoolSearchListCount(request, orgId);
+    }
+
+    /**
+     * 获取客户联系人数量
+     *
+     * @param keyword           关键字
+     * @param orgId             组织ID
+     * @param userSearchConfigs 用户搜索配置
+     * @param list              返回结果集
+     * @param conditions        查询条件
+     * @param request           分页参数
+     *
+     * @return 数量
+     */
+    private long getContactCount(String keyword, String orgId, List<UserSearchConfig> userSearchConfigs, List<OptionCountDTO> list, List<FilterCondition> conditions, BasePageRequest request) {
+        List<String> customerIds = getCustomerIds(keyword, orgId);
+        if (CollectionUtils.isNotEmpty(userSearchConfigs)) {
+            List<UserSearchConfig> contactSearchConfigs = userSearchConfigs.stream().filter(t -> Strings.CI.equals(t.getModuleType(), SearchModuleEnum.SEARCH_ADVANCED_CONTACT)).toList();
+            if (CollectionUtils.isEmpty(contactSearchConfigs)) {
+                return 0L;
+            } else {
+                for (UserSearchConfig userSearchConfig : contactSearchConfigs) {
+                    buildOtherFilterCondition(orgId, userSearchConfig, keyword, conditions);
+                }
+            }
+        } else {
+            //设置默认查询属性
+            if (CollectionUtils.isNotEmpty(customerIds)) {
+                FilterCondition customerCondition = getFilterCondition("customerId", list, FilterCondition.CombineConditionOperator.IN.toString(), FieldType.DATA_SOURCE.toString());
+                conditions.add(customerCondition);
+            }
+            StringUtils.deleteWhitespace(keyword);
+            List<String> phoneList = new ArrayList<>();
+            phoneList.add(keyword);
+            for (String value : SearchPhoneEnum.VALUES) {
+                phoneList.add(value + keyword);
+            }
+            FilterCondition phoneCondition = getFilterCondition("phone", phoneList, FilterCondition.CombineConditionOperator.IN.toString(), FieldType.DATA_SOURCE.toString());
+            conditions.add(phoneCondition);
+        }
+        if (CollectionUtils.isEmpty(conditions)) {
+            return 0L;
+        }
+        //构造查询参数
+        buildCombineSearch(conditions, request);
+        ConditionFilterUtils.parseCondition(request, FormKey.CONTACT.getKey());
+        return extCustomerContactMapper.globalSearchListCount(request, orgId);
+    }
+
+    /**
+     * 获取客户数量
+     *
+     * @param keyword           关键字
+     * @param orgId             组织ID
+     * @param userSearchConfigs 用户搜索配置
+     * @param list              返回结果集
+     * @param conditions        查询条件
+     * @param request           分页参数
+     *
+     * @return 数量
+     */
+    private long getCustomerCount(String keyword, String orgId, List<UserSearchConfig> userSearchConfigs, List<OptionCountDTO> list, List<FilterCondition> conditions, BasePageRequest request) {
+        if (CollectionUtils.isNotEmpty(userSearchConfigs)) {
+            List<UserSearchConfig> customerSearchConfigs = userSearchConfigs.stream().filter(t -> Strings.CI.equals(t.getModuleType(), SearchModuleEnum.SEARCH_ADVANCED_CUSTOMER)).toList();
+            if (CollectionUtils.isEmpty(customerSearchConfigs)) {
+                return 0L;
+            } else {
+                for (UserSearchConfig userSearchConfig : customerSearchConfigs) {
+                    buildOtherFilterCondition(orgId, userSearchConfig, keyword, conditions);
+                }
+            }
+        } else {
+            //设置默认查询属性
+            FilterCondition nameCondition = getFilterCondition("name", keyword, FilterCondition.CombineConditionOperator.CONTAINS.toString(), FieldType.INPUT.toString());
+            conditions.add(nameCondition);
+        }
+        if (CollectionUtils.isEmpty(conditions)) {
+            return 0L;
+        }
+        //构造查询参数
+        buildCombineSearch(conditions, request);
+        ConditionFilterUtils.parseCondition(request, FormKey.CUSTOMER.getKey());
+        return extCustomerMapper.globalSearchListCount(request, orgId);
+    }
+
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/search/service/global/GlobalSearchServiceFactory.java b/backend/crm/src/main/java/cn/cordys/crm/search/service/global/GlobalSearchServiceFactory.java
new file mode 100644
index 0000000..2711d1f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/search/service/global/GlobalSearchServiceFactory.java
@@ -0,0 +1,27 @@
+package cn.cordys.crm.search.service.global;
+
+import cn.cordys.aspectj.constants.GlobalSearchModule;
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.crm.search.service.BaseSearchService;
+
+import java.util.HashMap;
+
+public class GlobalSearchServiceFactory {
+
+    private static final HashMap<String, BaseSearchService<?, ?>> searchServiceMap = new HashMap<>();
+
+    static {
+        searchServiceMap.put(GlobalSearchModule.OPPORTUNITY, CommonBeanFactory.getBean(GlobalOpportunitySearchService.class));
+        searchServiceMap.put(GlobalSearchModule.CUSTOMER_POOL, CommonBeanFactory.getBean(GlobalCustomerPoolSearchService.class));
+        searchServiceMap.put(GlobalSearchModule.CLUE, CommonBeanFactory.getBean(GlobalClueSearchService.class));
+        searchServiceMap.put(GlobalSearchModule.CLUE_POOL, CommonBeanFactory.getBean(GlobalCluePoolSearchService.class));
+        searchServiceMap.put(GlobalSearchModule.CUSTOMER, CommonBeanFactory.getBean(GlobalCustomerSearchService.class));
+        searchServiceMap.put(GlobalSearchModule.CUSTOMER_CONTACT, CommonBeanFactory.getBean(GlobalCustomerContactSearchService.class));
+    }
+
+    @SuppressWarnings("unchecked")
+    public static <REQ extends BasePageRequest, RES> BaseSearchService<REQ, RES> getSearchService(String type) {
+        return (BaseSearchService<REQ, RES>) searchServiceMap.get(type);
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/constants/CirculationFieldValueTypeEnum.java b/backend/crm/src/main/java/cn/cordys/crm/system/constants/CirculationFieldValueTypeEnum.java
new file mode 100644
index 0000000..e7e1d58
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/constants/CirculationFieldValueTypeEnum.java
@@ -0,0 +1,8 @@
+package cn.cordys.crm.system.constants;
+
+public enum CirculationFieldValueTypeEnum {
+    // 固定值
+    FIXED_VALUE,
+    // 字段值
+    FIELD_VALUE
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/constants/CirculationTypeEnum.java b/backend/crm/src/main/java/cn/cordys/crm/system/constants/CirculationTypeEnum.java
new file mode 100644
index 0000000..885996f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/constants/CirculationTypeEnum.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.system.constants;
+
+public enum CirculationTypeEnum {
+    NORMAL("NORMAL"),
+    ADVANCED("ADVANCED");
+
+    private final String name;
+
+    CirculationTypeEnum(String name) {
+        this.name = name;
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/constants/DictModule.java b/backend/crm/src/main/java/cn/cordys/crm/system/constants/DictModule.java
new file mode 100644
index 0000000..7cb0e71
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/constants/DictModule.java
@@ -0,0 +1,30 @@
+package cn.cordys.crm.system.constants;
+
+public enum DictModule {
+
+    /**
+     * 商机失败
+     */
+    OPPORTUNITY_FAIL_RS,
+    /**
+     * 公海原因
+     */
+    CUSTOMER_POOL_RS,
+    /**
+     * 线索池原因
+     */
+
+    CLUE_POOL_RS,
+    /**
+     * 报价审批
+     */
+    QUOTATION_APPROVAL,
+    /**
+     * 合同审批
+     */
+    CONTRACT_APPROVAL,
+    /**
+     * 发票审批
+     */
+    INVOICE_APPROVAL,
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/constants/ExportConstants.java b/backend/crm/src/main/java/cn/cordys/crm/system/constants/ExportConstants.java
new file mode 100644
index 0000000..9867271
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/constants/ExportConstants.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.system.constants;
+
+public class ExportConstants {
+
+    public enum ExportType {
+        CUSTOMER, CLUE, OPPORTUNITY, CUSTOMER_POOL, CLUE_POOL, CUSTOMER_CONTACT, CONTRACT, CONTRACT_PAYMENT_PLAN, CONTRACT_INVOICE, PRODUCT_PRICE, BUSINESS_TITLE, CONTRACT_PAYMENT_RECORD, CUSTOM_FORM_DATA
+    }
+
+    public enum ExportStatus {
+        PREPARED, STOP, SUCCESS, ERROR
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/constants/FieldSourceType.java b/backend/crm/src/main/java/cn/cordys/crm/system/constants/FieldSourceType.java
new file mode 100644
index 0000000..4481747
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/constants/FieldSourceType.java
@@ -0,0 +1,91 @@
+package cn.cordys.crm.system.constants;
+
+import lombok.Getter;
+
+import java.util.Arrays;
+import java.util.Set;
+import java.util.stream.Collectors;
+
+@Getter
+public enum FieldSourceType {
+
+    /**
+     * 客户来源
+     */
+    CUSTOMER("customer"),
+    /**
+     * 线索
+     */
+    CLUE("clue"),
+    /**
+     * 联系人来源
+     */
+    CONTACT("customer_contact"),
+    /**
+     * 商机来源
+     */
+    OPPORTUNITY("opportunity"),
+    /**
+     * 产品来源
+     */
+    PRODUCT("product"),
+	/**
+	 * 价格来源
+	 */
+	PRICE("product_price"),
+	/**
+	 * 合同来源
+	 */
+	CONTRACT("contract"),
+	/**
+	 * 报价单来源
+	 */
+	QUOTATION("opportunity_quotation"),
+	/**
+	 * 回款计划
+	 */
+	PAYMENT_PLAN("contract_payment_plan"),
+	/**
+	 * 工商抬头
+	 */
+	BUSINESS_TITLE("business_title"),
+	/**
+	 * 回款记录
+	 */
+	CONTRACT_PAYMENT_RECORD("contract_payment_record"),
+	/**
+	 * 订单
+	 */
+	ORDER("sales_order"),
+	/**
+	 * 自定义表单
+	 */
+	CUSTOM_FORM("custom_form_data"),
+	/**
+	 * 发票
+	 */
+	INVOICE("invoice");
+
+	private final String tableName;
+
+	private static final Set<String> SOURCE_TYPE_NAMES = Arrays.stream(values())
+			.map(Enum::name)
+			.collect(Collectors.toSet());
+
+	FieldSourceType(String tableName) {
+		this.tableName = tableName;
+	}
+
+	/**
+	 * 如果是系统数据源类型，返回对应的枚举值, 否则返回自定义表单类型.
+	 * @param type 数据源类型字符串
+	 * @return 数据源类型枚举值
+	 */
+	public static FieldSourceType safeValueOf(String type) {
+		if (type != null && SOURCE_TYPE_NAMES.contains(type)) {
+			return valueOf(type);
+		}
+		return CUSTOM_FORM;
+	}
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/constants/FieldType.java b/backend/crm/src/main/java/cn/cordys/crm/system/constants/FieldType.java
new file mode 100644
index 0000000..a5c5555
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/constants/FieldType.java
@@ -0,0 +1,108 @@
+package cn.cordys.crm.system.constants;
+
+import lombok.Getter;
+
+@Getter
+public enum FieldType {
+    /**
+     * 单行输入
+     */
+    INPUT,
+    /**
+     * 多行输入
+     */
+    TEXTAREA,
+    /**
+     * 数字
+     */
+    INPUT_NUMBER,
+    /**
+     * 日期时间
+     */
+    DATE_TIME,
+    /**
+     * 单选
+     */
+    RADIO,
+    /**
+     * 多选
+     */
+    CHECKBOX,
+    /**
+     * 单选下拉
+     */
+    SELECT,
+    /**
+     * 多选下拉
+     */
+    SELECT_MULTIPLE,
+    /**
+     * 多值输入
+     */
+    INPUT_MULTIPLE,
+    /**
+     * 成员
+     */
+    MEMBER,
+    /**
+     * 多选成员
+     */
+    MEMBER_MULTIPLE,
+    /**
+     * 部门
+     */
+    DEPARTMENT,
+    /**
+     * 多选部门
+     */
+    DEPARTMENT_MULTIPLE,
+    /**
+     * 分割线
+     */
+    DIVIDER,
+    /**
+     * 图片
+     */
+    PICTURE,
+    /**
+     * 地址
+     */
+    LOCATION,
+    /**
+     * 电话
+     */
+    PHONE,
+    /**
+     * 数据源
+     */
+    DATA_SOURCE,
+    /**
+     * 多选数据源
+     */
+    DATA_SOURCE_MULTIPLE,
+    /**
+     * 流水号
+     */
+    SERIAL_NUMBER,
+    /**
+     * 附件
+     */
+    ATTACHMENT,
+    /**
+     * 链接
+     */
+    LINK,
+    /**
+     * 行业
+     */
+    INDUSTRY,
+	/**
+	 * 公式
+	 */
+	FORMULA,
+	/**
+	 * 子表-产品, 子表-价格
+	 */
+	SUB_PRODUCT,
+	SUB_PRICE
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/constants/LicenseStatus.java b/backend/crm/src/main/java/cn/cordys/crm/system/constants/LicenseStatus.java
new file mode 100644
index 0000000..e96efa4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/constants/LicenseStatus.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.system.constants;
+
+import lombok.Getter;
+
+/**
+ * LicenseStatus
+ */
+
+@Getter
+public enum LicenseStatus {
+    VALID("valid"),
+    INVALID("invalid"),
+    EXPIRED("expired"),
+    NOT_FOUND("not_found");
+
+    private final String name;
+
+    LicenseStatus(String status) {
+        this.name = status;
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/constants/LocationScope.java b/backend/crm/src/main/java/cn/cordys/crm/system/constants/LocationScope.java
new file mode 100644
index 0000000..f664aaa
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/constants/LocationScope.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.system.constants;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2026-03-31  14:00
+ */
+public enum LocationScope {
+    /**
+     * 全部
+     */
+    ALL,
+    /**
+     * 中国（包含港澳台）
+     */
+    CN
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/constants/LoginType.java b/backend/crm/src/main/java/cn/cordys/crm/system/constants/LoginType.java
new file mode 100644
index 0000000..4422d27
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/constants/LoginType.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.system.constants;
+
+import lombok.Getter;
+
+@Getter
+public enum LoginType {
+    /**
+     * 电脑端
+     */
+    WEB("WEB"),
+    /**
+     * 手机端
+     */
+    MOBILE("MOBILE");
+
+    private final String name;
+
+    LoginType(String name) {
+        this.name = name;
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/constants/MoveTypeEnum.java b/backend/crm/src/main/java/cn/cordys/crm/system/constants/MoveTypeEnum.java
new file mode 100644
index 0000000..d143193
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/constants/MoveTypeEnum.java
@@ -0,0 +1,7 @@
+package cn.cordys.crm.system.constants;
+
+public enum MoveTypeEnum {
+    BEFORE,
+    AFTER,
+    APPEND
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/constants/NotificationConstants.java b/backend/crm/src/main/java/cn/cordys/crm/system/constants/NotificationConstants.java
new file mode 100644
index 0000000..eb4a6c2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/constants/NotificationConstants.java
@@ -0,0 +1,320 @@
+package cn.cordys.crm.system.constants;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+
+public class NotificationConstants {
+
+    public enum Type {
+        ANNOUNCEMENT_NOTICE, SYSTEM_NOTICE
+    }
+
+    public enum Status {
+        READ, UNREAD
+    }
+
+    public interface SendType {
+        String MAIL = "MAIL";
+        String IN_SITE = "IN_SITE";
+    }
+
+    public interface Module {
+        //客户管理
+        @Schema(description = "message.customer")
+        String CUSTOMER = "CUSTOMER";
+        //客户管理
+        @Schema(description = "message.approval")
+        String APPROVAL = "APPROVAL";
+        //线索管理
+        @Schema(description = "message.clue")
+        String CLUE = "CLUE";
+        //商机管理
+        @Schema(description = "message.business")
+        String OPPORTUNITY = "OPPORTUNITY";
+        //公告
+        @Schema(description = "message.announcement")
+        String ANNOUNCEMENT = "ANNOUNCEMENT";
+        //合同管理
+        @Schema(description = "message.contract")
+        String CONTRACT = "CONTRACT";
+        //订单管理
+        @Schema(description = "message.order")
+        String ORDER = "ORDER";
+        //系统
+        @Schema(description = "message.system")
+        String SYSTEM = "SYSTEM";
+
+    }
+
+    public interface Event {
+        // -----客户管理----
+        //新建客户
+        @Schema(description = "message.customer_add")
+        String CUSTOMER_ADD = "CUSTOMER_ADD";
+        @Schema(description = "message.customer_concat_add")
+        String CUSTOMER_CONCAT_ADD = "CUSTOMER_CONCAT_ADD";
+        @Schema(description = "message.customer_collaboration_add")
+        String CUSTOMER_COLLABORATION_ADD = "CUSTOMER_COLLABORATION_ADD";
+        //被转移客户
+        @Schema(description = "message.customer_transferred_customer")
+        String CUSTOMER_TRANSFERRED_CUSTOMER = "CUSTOMER_TRANSFERRED_CUSTOMER";
+        //客户自动移入公海
+        @Schema(description = "message.customer_automatic_move_high_seas")
+        String CUSTOMER_AUTOMATIC_MOVE_HIGH_SEAS = "CUSTOMER_AUTOMATIC_MOVE_HIGH_SEAS";
+        //客户被动移入公海（到时间）
+        @Schema(description = "message.customer_moved_high_seas")
+        String CUSTOMER_MOVED_HIGH_SEAS = "CUSTOMER_MOVED_HIGH_SEAS";
+        //客户被删除
+        @Schema(description = "message.customer_deleted")
+        String CUSTOMER_DELETED = "CUSTOMER_DELETED";
+        //公海客户被分配
+        @Schema(description = "message.high_seas_customer_distributed")
+        String HIGH_SEAS_CUSTOMER_DISTRIBUTED = "HIGH_SEAS_CUSTOMER_DISTRIBUTED";
+        //跟进计划到期
+        @Schema(description = "message.customer_follow_up_plan_due")
+        String CUSTOMER_FOLLOW_UP_PLAN_DUE = "CUSTOMER_FOLLOW_UP_PLAN_DUE";
+        //----线索管理----
+        //新建线索
+        @Schema(description = "message.clue_add")
+        String CLUE_ADD = "CLUE_ADD";
+        //自动移入线索池
+        @Schema(description = "message.clue_automatic_move_pool")
+        String CLUE_AUTOMATIC_MOVE_POOL = "CLUE_AUTOMATIC_MOVE_POOL";
+        //被动移入线索池
+        @Schema(description = "message.clue_moved_pool")
+        String CLUE_MOVED_POOL = "CLUE_MOVED_POOL";
+        //转为客户
+        @Schema(description = "message.clue_convert_customer")
+        String CLUE_CONVERT_CUSTOMER = "CLUE_CONVERT_CUSTOMER";
+        /// 转为商机
+        @Schema(description = "message.clue_convert_business")
+        String CLUE_CONVERT_BUSINESS = "CLUE_CONVERT_BUSINESS";
+        //转移线索
+        @Schema(description = "message.transfer_clue")
+        String TRANSFER_CLUE = "TRANSFER_CLUE";
+        //删除线索
+        @Schema(description = "message.clue_deleted")
+        String CLUE_DELETED = "CLUE_DELETED";
+        //分配线索
+        @Schema(description = "message.clue_distributed")
+        String CLUE_DISTRIBUTED = "CLUE_DISTRIBUTED";
+        //跟进计划到期
+        @Schema(description = "message.clue_follow_up_plan_due")
+        String CLUE_FOLLOW_UP_PLAN_DUE = "CLUE_FOLLOW_UP_PLAN_DUE";
+        //-------商机管理----
+        //新建商机
+        @Schema(description = "message.business_add")
+        String BUSINESS_ADD = "BUSINESS_ADD";
+        //商机删除
+        @Schema(description = "message.business_deleted")
+        String BUSINESS_DELETED = "BUSINESS_DELETED";
+        //商机转移
+        @Schema(description = "message.business_transfer")
+        String BUSINESS_TRANSFER = "BUSINESS_TRANSFER";
+        //跟进计划提醒
+        @Schema(description = "message.business_follow_up_plan_due")
+        String BUSINESS_FOLLOW_UP_PLAN_DUE = "BUSINESS_FOLLOW_UP_PLAN_DUE";
+
+        @Schema(description = "message.business_quotation_approval")
+        String BUSINESS_QUOTATION_APPROVAL = "BUSINESS_QUOTATION_APPROVAL";
+
+        @Schema(description = "message.business_quotation_deleted")
+        String BUSINESS_QUOTATION_DELETED = "BUSINESS_QUOTATION_DELETED";
+
+        @Schema(description = "message.business_quotation_expired")
+        String BUSINESS_QUOTATION_EXPIRED = "BUSINESS_QUOTATION_EXPIRED";
+
+        @Schema(description = "message.business_quotation_expiring")
+        String BUSINESS_QUOTATION_EXPIRING = "BUSINESS_QUOTATION_EXPIRING";
+
+        @Schema(description = "message.contract_archived")
+        String CONTRACT_ARCHIVED = "CONTRACT_ARCHIVED";
+
+        @Schema(description = "message.contract_void")
+        String CONTRACT_VOID = "CONTRACT_VOID";
+
+        @Schema(description = "message.contract_expired")
+        String CONTRACT_EXPIRED = "CONTRACT_EXPIRED";
+
+        @Schema(description = "message.contract_expiring")
+        String CONTRACT_EXPIRING = "CONTRACT_EXPIRING";
+
+        @Schema(description = "message.contract_payment_expired")
+        String CONTRACT_PAYMENT_EXPIRED = "CONTRACT_PAYMENT_EXPIRED";
+
+        @Schema(description = "message.contract_payment_expiring")
+        String CONTRACT_PAYMENT_EXPIRING = "CONTRACT_PAYMENT_EXPIRING";
+
+        //同步组织架构
+        @Schema(description = "message.sync_organization_structure")
+        String SYNC_ORGANIZATION_STRUCTURE = "SYNC_ORGANIZATION_STRUCTURE";
+
+        @Schema(description = "message.contract_approval")
+        String CONTRACT_APPROVAL = "CONTRACT_APPROVAL";
+
+        @Schema(description = "message.order_approval")
+        String ORDER_APPROVAL = "ORDER_APPROVAL";
+
+        @Schema(description = "message.invoice_approval")
+        String INVOICE_APPROVAL = "INVOICE_APPROVAL";
+
+		@Schema(description = "message.approval_todo")
+		String APPROVAL_TODO = "APPROVAL_TODO";
+
+    }
+
+    public interface RelatedUser {
+        @Schema(description = "message.operator")
+        String OPERATOR = "OPERATOR"; //操作人
+        @Schema(description = "message.owner")
+        String OWNER = "OWNER"; //负责人
+        @Schema(description = "message.create_user")
+        String CREATE_USER = "CREATE_USER"; //创建人
+    }
+
+
+    public interface TemplateText {
+        //请注意！${OPERATOR}新建${customerName}客户给您，请知悉！
+        @Schema(description = "message.customer_add_text")
+        String CUSTOMER_ADD_TEXT = "CUSTOMER_ADD_TEXT";
+
+        @Schema(description = "message.customer_concat_add_text")
+        String CUSTOMER_CONCAT_ADD_TEXT = "CUSTOMER_CONCAT_ADD_TEXT";
+
+        @Schema(description = "message.customer_collaboration_add_text")
+        String CUSTOMER_COLLABORATION_ADD_TEXT = "CUSTOMER_COLLABORATION_ADD_TEXT";
+
+        // 请注意！${OPERATOR}将${customerName}客户转移给您,请知悉！
+        @Schema(description = "message.customer_transferred_customer_text")
+        String CUSTOMER_TRANSFERRED_CUSTOMER_TEXT = "CUSTOMER_TRANSFERRED_CUSTOMER_TEXT";
+
+        //请注意！根据系统规则，您负责的${customerName}客户已被移入公海，请知悉！
+        @Schema(description = "message.customer_automatic_move_high_seas_text")
+        String CUSTOMER_AUTOMATIC_MOVE_HIGH_SEAS_TEXT = "CUSTOMER_AUTOMATIC_MOVE_HIGH_SEAS_TEXT";
+
+        //请注意！${OPERATOR}已将您负责的${customerName}移入公海，请知悉！
+        @Schema(description = "message.customer_moved_high_seas_text")
+        String CUSTOMER_MOVED_HIGH_SEAS_TEXT = "CUSTOMER_MOVED_HIGH_SEAS_TEXT";
+
+        //请注意！您负责的${customerName}已被${OPERATOR}删除！
+        @Schema(description = "message.customer_deleted_text")
+        String CUSTOMER_DELETED_TEXT = "CUSTOMER_DELETED_TEXT";
+
+        //请注意！${customerName}已由公海分配给您，请及时跟进处理！
+        @Schema(description = "message.high_seas_customer_distributed_text")
+        String HIGH_SEAS_CUSTOMER_DISTRIBUTED_TEXT = "HIGH_SEAS_CUSTOMER_DISTRIBUTED_TEXT";
+
+        //请注意！您创建的${customerName}跟进计划，已到预定时间，请及时跟进！
+        @Schema(description = "message.customer_follow_up_plan_due_text")
+        String CUSTOMER_FOLLOW_UP_PLAN_DUE_TEXT = "CUSTOMER_FOLLOW_UP_PLAN_DUE_TEXT";
+
+        //请注意！${OPERATOR}新建${customerName}线索给您，请知悉！
+        @Schema(description = "message.clue_add_text")
+        String CLUE_ADD_TEXT = "CLUE_ADD_TEXT";
+
+        //请注意！根据系统规则，您负责的${clueName}的销售线索，已被移入线索池！
+        @Schema(description = "message.clue_automatic_move_pool_text")
+        String CLUE_AUTOMATIC_MOVE_POOL_TEXT = "CLUE_AUTOMATIC_MOVE_POOL_TEXT";
+
+        //请注意！${OPERATOR}已将您负责的${clueName}线索已被移入线索池，请知悉！
+        @Schema(description = "message.clue_moved_pool_text")
+        String CLUE_MOVED_POOL_TEXT = "CLUE_MOVED_POOL_TEXT";
+
+        //请注意！您负责的${clueName}的销售线索，已成功转为客户！请知悉！
+        @Schema(description = "message.clue_convert_customer_text")
+        String CLUE_CONVERT_CUSTOMER_TEXT = "CLUE_CONVERT_CUSTOMER_TEXT";
+
+        //请注意！您负责的${clueName}的销售线索，已成功转为商机！请知悉！
+        @Schema(description = "message.clue_convert_business_text")
+        String CLUE_CONVERT_BUSINESS_TEXT = "CLUE_CONVERT_BUSINESS_TEXT";
+
+        //请注意！${OPERATOR}将${clueName}线索转移给您，请知悉！
+        @Schema(description = "message.transfer_clue_text")
+        String TRANSFER_CLUE_TEXT = "TRANSFER_CLUE_TEXT";
+
+        //请注意！您负责的${clueName}线索，已被${OPERATOR}删除！
+        @Schema(description = "message.clue_deleted_text")
+        String CLUE_DELETED_TEXT = "CLUE_DELETED_TEXT";
+
+        //请注意！${clueName}由线索，已由线索池分配给您，请及时跟进处理！
+        @Schema(description = "message.clue_distributed_text")
+        String CLUE_DISTRIBUTED_TEXT = "CLUE_DISTRIBUTED_TEXT";
+
+        //请注意！您创建的${clueName}线索跟进计划，已到预定时间，请及时跟进！
+        @Schema(description = "message.clue_follow_up_plan_due_text")
+        String CLUE_FOLLOW_UP_PLAN_DUE_TEXT = "CLUE_FOLLOW_UP_PLAN_DUE_TEXT";
+
+        //请注意！${OPERATOR}新建${customerName}客户给您，请知悉！
+        @Schema(description = "message.business_add_text")
+        String BUSINESS_ADD_TEXT = "BUSINESS_ADD_TEXT";
+
+        //请注意！您负责的${businessName}商机，已被${OPERATOR}删除！
+        @Schema(description = "message.business_deleted_text")
+        String BUSINESS_DELETED_TEXT = "BUSINESS_DELETED_TEXT";
+
+        //请注意！${OPERATOR}将${businessName}商机转移给您，请知悉！
+        @Schema(description = "message.business_transfer_text")
+        String BUSINESS_TRANSFER_TEXT = "BUSINESS_TRANSFER_TEXT";
+
+        //请注意！您创建的${businessName}商机跟进计划，已到预定时间，请及时跟进！
+        @Schema(description = "message.business_follow_up_plan_due_text")
+        String BUSINESS_FOLLOW_UP_PLAN_DUE_TEXT = "BUSINESS_FOLLOW_UP_PLAN_DUE_TEXT";
+
+        //${OPERATOR}审批了${name}报价单，审批结果为${state}
+        @Schema(description = "message.business_quotation_approval_text")
+        String BUSINESS_QUOTATION_APPROVAL_TEXT = "BUSINESS_QUOTATION_APPROVAL_TEXT";
+
+        //${OPERATOR}删除了${name}报价单
+        @Schema(description = "message.business_quotation_deleted_text")
+        String BUSINESS_QUOTATION_DELETED_TEXT = "BUSINESS_QUOTATION_DELETED_TEXT";
+
+        //您负责的${customerName}报价单还有${expireDays}天到期；
+        @Schema(description = "message.business_quotation_expiring_text")
+        String BUSINESS_QUOTATION_EXPIRING_TEXT = "BUSINESS_QUOTATION_EXPIRING_TEXT";
+
+        //您负责的${customerName}的报价单已经到期；
+        @Schema(description = "message.business_quotation_expired_text")
+        String BUSINESS_QUOTATION_EXPIRED_TEXT = "BUSINESS_QUOTATION_EXPIRED_TEXT";
+
+        //您负责的${customerName}合同已被归档；
+        @Schema(description = "message.contract_archived_text")
+        String CONTRACT_ARCHIVED_TEXT = "CONTRACT_ARCHIVED_TEXT";
+        //您负责的${customerName}合同已被作废；
+        @Schema(description = "message.contract_void_text")
+        String CONTRACT_VOID_TEXT = "CONTRACT_VOID_TEXT";
+        //您负责的${customerName}合同还有${expireDays}天到期；
+        @Schema(description = "message.contract_expiring_text")
+        String CONTRACT_EXPIRING_TEXT = "CONTRACT_EXPIRING_TEXT";
+        //您负责的${customerName}合同已经到期；
+        @Schema(description = "message.contract_expired_text")
+        String CONTRACT_EXPIRED_TEXT = "CONTRACT_EXPIRED_TEXT";
+
+        //您负责的${customerName}合同的回款计划还有${expireDays}天到期；
+        @Schema(description = "message.contract_payment_expiring_text")
+        String CONTRACT_PAYMENT_EXPIRING_TEXT = "CONTRACT_PAYMENT_EXPIRING_TEXT";
+        //您负责的${customerName}合同的回款计划已经到期；
+        @Schema(description = "message.contract_payment_expired_text")
+        String CONTRACT_PAYMENT_EXPIRED_TEXT = "CONTRACT_PAYMENT_EXPIRED_TEXT";
+
+        //同步组织架构完成
+        @Schema(description = "message.sync_organization_structure_text")
+        String SYNC_ORGANIZATION_STRUCTURE_TEXT = "SYNC_ORGANIZATION_STRUCTURE_TEXT";
+
+        @Schema(description = "message.contract_approval_text")
+        String CONTRACT_APPROVAL_TEXT = "CONTRACT_APPROVAL_TEXT";
+
+        @Schema(description = "message.order_approval_text")
+        String ORDER_APPROVAL_TEXT = "ORDER_APPROVAL_TEXT";
+
+        @Schema(description = "message.invoice_approval_text")
+        String INVOICE_APPROVAL_TEXT = "INVOICE_APPROVAL_TEXT";
+
+		@Schema(description = "message.approval_todo_text")
+		String APPROVAL_TODO_TEXT = "APPROVAL_TODO_TEXT";
+    }
+
+
+    public interface SensitiveField {
+        String id = "id";
+        String organizationId = "organizationId";
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/constants/OrganizationConfigConstants.java b/backend/crm/src/main/java/cn/cordys/crm/system/constants/OrganizationConfigConstants.java
new file mode 100644
index 0000000..6c00ebb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/constants/OrganizationConfigConstants.java
@@ -0,0 +1,8 @@
+package cn.cordys.crm.system.constants;
+
+public class OrganizationConfigConstants {
+
+    public enum ConfigType {
+        EMAIL, THIRD, AUTH
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/constants/RecycleConditionColumnKey.java b/backend/crm/src/main/java/cn/cordys/crm/system/constants/RecycleConditionColumnKey.java
new file mode 100644
index 0000000..c1c2056
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/constants/RecycleConditionColumnKey.java
@@ -0,0 +1,14 @@
+package cn.cordys.crm.system.constants;
+
+import org.apache.commons.lang3.Strings;
+
+public class RecycleConditionColumnKey {
+
+    public static final String STORAGE_TIME = "storageTime";
+    public static final String CREATE_TIME = "createTime";
+    public static final String OPPORTUNITY_STAGE = "opportunityStage";
+
+    public static boolean matchReserved(String key) {
+        return Strings.CS.equalsAny(key, STORAGE_TIME, CREATE_TIME);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/constants/RecycleConditionOperator.java b/backend/crm/src/main/java/cn/cordys/crm/system/constants/RecycleConditionOperator.java
new file mode 100644
index 0000000..20cb233
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/constants/RecycleConditionOperator.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.system.constants;
+
+public enum RecycleConditionOperator {
+
+    /**
+     * 固定时间
+     */
+    FIXED,
+    /**
+     * 动态时间
+     */
+    DYNAMICS,
+    /**
+     * 属于
+     */
+    IN,
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/constants/RecycleConditionScopeKey.java b/backend/crm/src/main/java/cn/cordys/crm/system/constants/RecycleConditionScopeKey.java
new file mode 100644
index 0000000..d4fa1d8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/constants/RecycleConditionScopeKey.java
@@ -0,0 +1,7 @@
+package cn.cordys.crm.system.constants;
+
+public class RecycleConditionScopeKey {
+
+    public static final String PICKED = "Picked";
+    public static final String CREATED = "Created";
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/constants/ScopeKey.java b/backend/crm/src/main/java/cn/cordys/crm/system/constants/ScopeKey.java
new file mode 100644
index 0000000..ebd7453
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/constants/ScopeKey.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.system.constants;
+
+public enum ScopeKey {
+
+    /**
+     * 用户
+     */
+    USER,
+    /**
+     * 角色
+     */
+    ROLE,
+    /**
+     * 部门
+     */
+    DEPARTMENT,
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/constants/SheetKey.java b/backend/crm/src/main/java/cn/cordys/crm/system/constants/SheetKey.java
new file mode 100644
index 0000000..9823bd3
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/constants/SheetKey.java
@@ -0,0 +1,7 @@
+package cn.cordys.crm.system.constants;
+
+public class SheetKey {
+
+    public static final String COMMENT = "sheet.comment";
+    public static final String DATA = "sheet.data";
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/constants/SystemResultCode.java b/backend/crm/src/main/java/cn/cordys/crm/system/constants/SystemResultCode.java
new file mode 100644
index 0000000..bb42df6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/constants/SystemResultCode.java
@@ -0,0 +1,32 @@
+package cn.cordys.crm.system.constants;
+
+import cn.cordys.common.exception.IResultCode;
+
+/**
+ * @author jianxing
+ */
+public enum SystemResultCode implements IResultCode {
+
+    ROLE_EXIST(101001, "role.exist"),
+    INTERNAL_ROLE_PERMISSION(101002, "internal.role.permission.error"),
+    MODULE_ENABLE(101003, "module.has.closed");
+
+
+    private final int code;
+    private final String message;
+
+    SystemResultCode(int code, String message) {
+        this.code = code;
+        this.message = message;
+    }
+
+    @Override
+    public int getCode() {
+        return code;
+    }
+
+    @Override
+    public String getMessage() {
+        return getTranslationMessage(this.message);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/constants/UserViewConditionValueType.java b/backend/crm/src/main/java/cn/cordys/crm/system/constants/UserViewConditionValueType.java
new file mode 100644
index 0000000..af929f6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/constants/UserViewConditionValueType.java
@@ -0,0 +1,5 @@
+package cn.cordys.crm.system.constants;
+
+public enum UserViewConditionValueType {
+    ARRAY, STRING, INT, FLOAT, BOOLEAN
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/constants/UserViewResourceType.java b/backend/crm/src/main/java/cn/cordys/crm/system/constants/UserViewResourceType.java
new file mode 100644
index 0000000..377e3ad
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/constants/UserViewResourceType.java
@@ -0,0 +1,18 @@
+package cn.cordys.crm.system.constants;
+
+public enum UserViewResourceType {
+    OPPORTUNITY,
+    OPPORTUNITY_QUOTATION,
+    CUSTOMER,
+    CUSTOMER_CONTACT,
+    CLUE,
+    CUSTOMER_POOL,
+    CLUE_POOL,
+    FOLLOW_PLAN,
+    FOLLOW_RECORD,
+    CONTRACT,
+    CONTRACT_INVOICE,
+    CONTRACT_PAYMENT_PLAN,
+	CONTRACT_PAYMENT_RECORD,
+    ORDER
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/consumer/ExportConsumer.java b/backend/crm/src/main/java/cn/cordys/crm/system/consumer/ExportConsumer.java
new file mode 100644
index 0000000..022b0a2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/consumer/ExportConsumer.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.system.consumer;
+
+import cn.cordys.common.constants.TopicConstants;
+import cn.cordys.common.redis.TopicConsumer;
+import cn.cordys.registry.ExportThreadRegistry;
+import org.springframework.stereotype.Component;
+
+@Component
+class ExportConsumer implements TopicConsumer {
+
+    @Override
+    public String getChannel() {
+        return TopicConstants.DOWNLOAD_TOPIC;
+    }
+
+    @Override
+    public void consume(String message) {
+        ExportThreadRegistry.stop(message);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/consumer/SSEConsumer.java b/backend/crm/src/main/java/cn/cordys/crm/system/consumer/SSEConsumer.java
new file mode 100644
index 0000000..7d99d8b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/consumer/SSEConsumer.java
@@ -0,0 +1,27 @@
+package cn.cordys.crm.system.consumer;
+
+import cn.cordys.common.constants.TopicConstants;
+import cn.cordys.common.redis.TopicConsumer;
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.system.notice.dto.NoticeRedisMessage;
+import cn.cordys.crm.system.notice.sse.SseService;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Component;
+
+@Component
+public class SSEConsumer implements TopicConsumer {
+
+    @Resource
+    private SseService sseService;
+
+    @Override
+    public String getChannel() {
+        return TopicConstants.SSE_TOPIC;
+    }
+
+    @Override
+    public void consume(String message) {
+        NoticeRedisMessage noticeRedisMessage = JSON.parseObject(message, NoticeRedisMessage.class);
+        sseService.broadcastPeriodically(noticeRedisMessage.getMessage(), noticeRedisMessage.getNoticeType());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/controller/AnnouncementController.java b/backend/crm/src/main/java/cn/cordys/crm/system/controller/AnnouncementController.java
new file mode 100644
index 0000000..dfb5aa7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/controller/AnnouncementController.java
@@ -0,0 +1,94 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.crm.system.dto.request.AnnouncementPageRequest;
+import cn.cordys.crm.system.dto.request.AnnouncementRequest;
+import cn.cordys.crm.system.dto.response.AnnouncementDTO;
+import cn.cordys.crm.system.service.AnnouncementService;
+import cn.cordys.security.SessionUtils;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+/**
+ * 公告控制器，负责处理公告编辑操作。
+ * <p>
+ * 该控制器包含公告列表，查看，增加，编辑和删除操作。
+ * </p>
+ */
+@RestController
+@RequestMapping
+@Tag(name = "公告")
+public class AnnouncementController {
+
+    @Resource
+    private AnnouncementService announcementService;
+
+
+    @PostMapping("/announcement/page")
+    @Operation(summary = "公告列表分页查询")
+    @RequiresPermissions(PermissionConstants.SYSTEM_NOTICE_READ)
+    public Pager<List<AnnouncementDTO>> getAnnouncementPage(@Validated @RequestBody AnnouncementPageRequest request) {
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        return PageUtils.setPageInfo(page, announcementService.page(request));
+    }
+
+
+    /**
+     * 获取公告。
+     *
+     * @param announcementId 公告对象。
+     */
+    @GetMapping(value = "/announcement/get/{announcementId}")
+    @Operation(summary = "获取公告")
+    @RequiresPermissions(PermissionConstants.SYSTEM_NOTICE_READ)
+    public AnnouncementDTO addAnnouncement(@PathVariable String announcementId) {
+        return announcementService.detail(announcementId);
+    }
+
+    /**
+     * 新增公告。
+     *
+     * @param announcementRequest 公告对象。
+     */
+    @PostMapping(value = "/announcement/add")
+    @RequiresPermissions(PermissionConstants.SYSTEM_NOTICE_ADD)
+    @Operation(summary = "新增公告")
+    public void addAnnouncement(@Validated @RequestBody AnnouncementRequest announcementRequest) {
+        announcementService.add(announcementRequest, SessionUtils.getUserId());
+    }
+
+    /**
+     * 编辑公告。
+     *
+     * @param announcementRequest 公告对象。
+     */
+    @PostMapping(value = "/announcement/edit")
+    @Operation(summary = "编辑公告")
+    @RequiresPermissions(PermissionConstants.SYSTEM_NOTICE_UPDATE)
+    public void updateAnnouncement(@Validated @RequestBody AnnouncementRequest announcementRequest) {
+        announcementService.update(announcementRequest, SessionUtils.getUserId());
+    }
+
+    /**
+     * 删除公告。
+     *
+     * @param announcementId 公告id。
+     */
+    @GetMapping(value = "/announcement/delete/{announcementId}")
+    @Operation(summary = "删除公告")
+    @RequiresPermissions(PermissionConstants.SYSTEM_NOTICE_DELETE)
+    public void deleteAnnouncement(@PathVariable String announcementId) {
+        announcementService.delete(announcementId);
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/controller/AttachmentController.java b/backend/crm/src/main/java/cn/cordys/crm/system/controller/AttachmentController.java
new file mode 100644
index 0000000..0b87c01
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/controller/AttachmentController.java
@@ -0,0 +1,42 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.crm.system.service.AttachmentService;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.springframework.http.ResponseEntity;
+import org.springframework.web.bind.annotation.*;
+import org.springframework.web.multipart.MultipartFile;
+
+import java.util.List;
+
+/**
+ * @author song-cc-rock
+ */
+@RestController
+@RequestMapping("/attachment")
+@Tag(name = "附件管理")
+public class AttachmentController {
+
+
+    @Resource
+    private AttachmentService attachmentService;
+
+    @PostMapping("/upload/temp")
+    @Operation(summary = "上传临时附件")
+    public List<String> uploadTmp(@RequestParam("files") List<MultipartFile> files) {
+        return attachmentService.uploadTemp(files);
+    }
+
+    @GetMapping("/preview/{id}")
+    @Operation(summary = "预览附件")
+    public ResponseEntity<org.springframework.core.io.Resource> preview(@PathVariable String id) {
+        return attachmentService.getResource(id);
+    }
+
+    @GetMapping("/download/{id}")
+    @Operation(summary = "下载附件")
+    public ResponseEntity<org.springframework.core.io.Resource> download(@PathVariable String id) {
+        return attachmentService.getResource(id);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/controller/DepartmentController.java b/backend/crm/src/main/java/cn/cordys/crm/system/controller/DepartmentController.java
new file mode 100644
index 0000000..4a53cb6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/controller/DepartmentController.java
@@ -0,0 +1,87 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.BaseTreeNode;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.domain.Department;
+import cn.cordys.crm.system.dto.request.DepartmentAddRequest;
+import cn.cordys.crm.system.dto.request.DepartmentCommanderRequest;
+import cn.cordys.crm.system.dto.request.DepartmentRenameRequest;
+import cn.cordys.crm.system.dto.request.NodeMoveRequest;
+import cn.cordys.crm.system.service.DepartmentService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import jakarta.validation.constraints.NotEmpty;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+
+@RestController
+@RequestMapping("/department")
+@Tag(name = "组织架构")
+public class DepartmentController {
+    @Resource
+    private DepartmentService departmentService;
+
+    @GetMapping("/tree")
+    @Operation(summary = "组织架构-部门树查询")
+    @RequiresPermissions(PermissionConstants.SYS_ORGANIZATION_READ)
+    public List<BaseTreeNode> getTree() {
+        return departmentService.getTree(OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/add")
+    @RequiresPermissions(PermissionConstants.SYS_ORGANIZATION_ADD)
+    @Operation(summary = "组织架构-添加子部门")
+    public Department addDepartment(@Validated @RequestBody DepartmentAddRequest request) {
+        return departmentService.addDepartment(request, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+
+    @PostMapping("/rename")
+    @RequiresPermissions(PermissionConstants.SYS_ORGANIZATION_UPDATE)
+    @Operation(summary = "组织架构-重命名子部门")
+    public void rename(@Validated @RequestBody DepartmentRenameRequest request) {
+        departmentService.rename(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/set-commander")
+    @RequiresPermissions(PermissionConstants.SYS_ORGANIZATION_UPDATE)
+    @Operation(summary = "组织架构-设置部门负责人")
+    public void setCommander(@Validated @RequestBody DepartmentCommanderRequest request) {
+        departmentService.setCommander(request, SessionUtils.getUserId());
+    }
+
+    @PostMapping("/delete/check")
+    @RequiresPermissions(PermissionConstants.SYS_ORGANIZATION_DELETE)
+    @Operation(summary = "组织架构-删除部门校验")
+    public boolean deleteCheck(@RequestBody @NotEmpty List<String> ids) {
+        return departmentService.deleteCheck(ids, OrganizationContext.getOrganizationId());
+
+    }
+
+
+    @PostMapping("/delete")
+    @RequiresPermissions(PermissionConstants.SYS_ORGANIZATION_DELETE)
+    @Operation(summary = "组织架构-删除部门")
+    public void deleteDepartment(@RequestBody @NotEmpty List<String> ids) {
+        departmentService.delete(ids, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+
+    }
+
+
+    @PostMapping("/sort")
+    @Operation(summary = "组织架构-部门排序")
+    @RequiresPermissions(PermissionConstants.SYS_ORGANIZATION_UPDATE)
+    public void sort(@Validated @RequestBody NodeMoveRequest request) {
+        departmentService.sort(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/controller/DictController.java b/backend/crm/src/main/java/cn/cordys/crm/system/controller/DictController.java
new file mode 100644
index 0000000..e9d8113
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/controller/DictController.java
@@ -0,0 +1,83 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.domain.Dict;
+import cn.cordys.crm.system.dto.DictConfigDTO;
+import cn.cordys.crm.system.dto.request.DictAddRequest;
+import cn.cordys.crm.system.dto.request.DictSortRequest;
+import cn.cordys.crm.system.dto.request.DictSwitchRequest;
+import cn.cordys.crm.system.dto.request.DictUpdateRequest;
+import cn.cordys.crm.system.service.DictService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.media.Schema;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@RestController
+@RequestMapping("/dict")
+@Tag(name = "模块配置-字典管理")
+public class DictController {
+
+    @Resource
+    private DictService dictService;
+
+    @GetMapping("/get/{module}")
+    @Operation(summary = "获取字典列表")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_READ})
+    public List<Dict> getDictListByType(
+            @Schema(description = "类型", requiredMode = Schema.RequiredMode.REQUIRED, allowableValues = {"OPPORTUNITY_FAIL_RS", "CUSTOMER_POOL_RS", "CLUE_POOL_RS"})
+            @PathVariable("module") String module) {
+        return dictService.getDictListByType(module, OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/add")
+    @Operation(summary = "添加字典值")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void addDict(@RequestBody DictAddRequest request) {
+        dictService.addDict(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/update")
+    @Operation(summary = "修改字典值")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void updateDict(@RequestBody DictUpdateRequest request) {
+        dictService.updateDict(request, SessionUtils.getUserId());
+    }
+
+    @GetMapping("/delete/{id}")
+    @Operation(summary = "删除字典值")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void deleteDict(@PathVariable("id") String id) {
+        dictService.deleteDict(id);
+    }
+
+    @PostMapping("/switch")
+    @Operation(summary = "字典开启关闭")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE})
+    public void switchDict(@RequestBody DictSwitchRequest request) {
+        dictService.switchDict(request, OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/sort")
+    @Operation(summary = "字典排序")
+    @RequiresPermissions(PermissionConstants.MODULE_SETTING_UPDATE)
+    public void sortModule(@Validated @RequestBody DictSortRequest request) {
+        dictService.sort(request, SessionUtils.getUserId());
+    }
+
+    @GetMapping("/config/{module}")
+    @Operation(summary = "获取字典配置")
+    public DictConfigDTO getDictConf(
+            @Schema(description = "字典类型", requiredMode = Schema.RequiredMode.REQUIRED, allowableValues = {"OPPORTUNITY_FAIL_RS", "CUSTOMER_POOL_RS", "CLUE_POOL_RS"})
+            @PathVariable("module") String module) {
+        return dictService.getDictConf(module, OrganizationContext.getOrganizationId());
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/controller/ExportTaskCenterController.java b/backend/crm/src/main/java/cn/cordys/crm/system/controller/ExportTaskCenterController.java
new file mode 100644
index 0000000..c3f04d0
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/controller/ExportTaskCenterController.java
@@ -0,0 +1,44 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.crm.system.domain.ExportTask;
+import cn.cordys.crm.system.dto.request.ExportTaskCenterQueryRequest;
+import cn.cordys.crm.system.service.ExportTaskCenterService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.springframework.http.ResponseEntity;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+/**
+ * @author song-cc-rock
+ */
+
+@RestController
+@RequestMapping("/export/center")
+@Tag(name = "导出中心")
+public class ExportTaskCenterController {
+
+    @Resource
+    private ExportTaskCenterService exportTaskCenterService;
+
+    @PostMapping("/list")
+    @Operation(summary = "查询导出任务列表")
+    public List<ExportTask> queryList(@RequestBody ExportTaskCenterQueryRequest request) {
+        return exportTaskCenterService.list(request, SessionUtils.getUserId());
+    }
+
+    @GetMapping("/cancel/{taskId}")
+    @Operation(summary = "取消导出")
+    public void cancel(@PathVariable("taskId") String taskId) {
+        exportTaskCenterService.cancel(taskId, SessionUtils.getUserId());
+    }
+
+    @GetMapping("/download/{taskId}")
+    @Operation(summary = "下载")
+    public ResponseEntity<org.springframework.core.io.Resource> download(@PathVariable("taskId") String taskId) {
+        return exportTaskCenterService.download(taskId, SessionUtils.getUserId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/controller/LicenseController.java b/backend/crm/src/main/java/cn/cordys/crm/system/controller/LicenseController.java
new file mode 100644
index 0000000..f7331a0
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/controller/LicenseController.java
@@ -0,0 +1,34 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.crm.system.dto.LicenseDTO;
+import cn.cordys.crm.system.service.LicenseService;
+import cn.cordys.security.SessionUtils;
+import com.fasterxml.jackson.databind.node.TextNode;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.web.bind.annotation.*;
+
+@RestController
+@RequestMapping("/license")
+@Tag(name = "系统设置-授权管理")
+public class LicenseController {
+
+    @Resource
+    private LicenseService licenseService;
+
+    @GetMapping("/validate")
+    @Operation(summary = "License 校验")
+    public LicenseDTO validate() {
+        return licenseService.validate();
+    }
+
+    @PostMapping("/add")
+    @Operation(summary = "添加License")
+    @RequiresPermissions(PermissionConstants.LICENSE_EDIT)
+    public LicenseDTO addLicense(@RequestBody TextNode licenseCode) {
+        return licenseService.add(licenseCode.asText(), SessionUtils.getUserId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/controller/LocaleLanguageController.java b/backend/crm/src/main/java/cn/cordys/crm/system/controller/LocaleLanguageController.java
new file mode 100644
index 0000000..58e4b51
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/controller/LocaleLanguageController.java
@@ -0,0 +1,28 @@
+package cn.cordys.crm.system.controller;
+
+
+import cn.cordys.crm.system.dto.request.LocaleLanguageRequest;
+import cn.cordys.crm.system.service.LocalLanguageService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestBody;
+import org.springframework.web.bind.annotation.RestController;
+
+@Tag(name = "本地语言")
+@RestController
+public class LocaleLanguageController {
+
+    @Resource
+    private LocalLanguageService localLanguageService;
+
+
+    @PostMapping("/locale-language/change")
+    @Operation(summary = "修改本地语言")
+    public void localeLanguageChange(@Validated @RequestBody LocaleLanguageRequest request) {
+        localLanguageService.localeLanguageChange(request, SessionUtils.getUserId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/controller/LoginController.java b/backend/crm/src/main/java/cn/cordys/crm/system/controller/LoginController.java
new file mode 100644
index 0000000..8e0a5c5
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/controller/LoginController.java
@@ -0,0 +1,113 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.common.constants.UserSource;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.request.LoginRequest;
+import cn.cordys.common.util.Translator;
+import cn.cordys.common.util.rsa.RsaKey;
+import cn.cordys.common.util.rsa.RsaUtils;
+import cn.cordys.common.utils.IpUtils;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.service.UserLoginService;
+import cn.cordys.security.SessionUser;
+import cn.cordys.security.SessionUtils;
+import cn.cordys.security.UserDTO;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import jakarta.servlet.http.HttpServletRequest;
+import org.apache.commons.lang3.Strings;
+import org.apache.shiro.SecurityUtils;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+/**
+ * 登录控制器，负责处理用户登录、校验和退出操作。
+ * <p>
+ * 该控制器包含检查是否已登录、获取公钥、用户登录和退出登录功能。
+ * </p>
+ */
+@RestController
+@RequestMapping
+@Tag(name = "登录")
+public class LoginController {
+
+    @Resource
+    private UserLoginService userLoginService;
+
+    /**
+     * 检查用户是否已登录。
+     *
+     * @return 返回用户会话信息，未登录则返回 401 错误。
+     */
+    @GetMapping(value = "/is-login")
+    @Operation(summary = "是否登录")
+    public SessionUser isLogin() {
+        SessionUser user = SessionUtils.getUser();
+        if (user != null) {
+            // 检查当前组织的手机认证配置
+            userLoginService.checkMobileAuthConfig(OrganizationContext.getOrganizationId());
+
+            UserDTO userDTO = userLoginService.authenticateUser(user.getId());
+            SessionUser sessionUser = SessionUser.fromUser(userDTO, SessionUtils.getSessionId());
+            SessionUtils.putUser(sessionUser);
+            return sessionUser;
+        }
+        return null;
+    }
+
+    /**
+     * 获取 RSA 公钥。
+     *
+     * @return 返回 RSA 公钥。
+     *
+     * @throws Exception 可能抛出的异常。
+     */
+    @GetMapping(value = "/get-key")
+    @Operation(summary = "获取公钥")
+    public String getKey() throws Exception {
+        RsaKey rsaKey = RsaUtils.getRsaKey();
+        return rsaKey.getPublicKey();
+    }
+
+    /**
+     * 用户登录。
+     *
+     * @param request 登录请求对象，包含用户名和密码。
+     *
+     * @return 登录结果。
+     *
+     * @throws GenericException 如果已登录且当前用户与请求用户名不同，抛出异常。
+     */
+    @PostMapping(value = "/login")
+    @Operation(summary = "登录")
+    public SessionUser login(@Validated @RequestBody LoginRequest request, HttpServletRequest httpServletRequest) {
+        SessionUser sessionUser = SessionUtils.getUser();
+        if (sessionUser != null) {
+            // 如果当前用户已登录且用户名与请求用户名不匹配，抛出异常
+            if (!Strings.CS.equals(sessionUser.getId(), request.getUsername())) {
+                throw new GenericException(Translator.get("please_logout_current_user"));
+            }
+        }
+        // 设置认证方式为 LOCAL
+        SecurityUtils.getSubject().getSession().setAttribute("authenticate", UserSource.LOCAL.name());
+        request.setLoginAddress(IpUtils.getClientIpAddress(httpServletRequest));
+        return userLoginService.login(request);
+    }
+
+    /**
+     * 退出登录。
+     *
+     * @return 返回退出成功信息。
+     */
+    @GetMapping(value = "/logout")
+    @Operation(summary = "退出登录")
+    public String logout() {
+        if (SessionUtils.getUser() == null) {
+            return "logout success";
+        }
+        // 退出当前会话
+        SecurityUtils.getSubject().logout();
+        return "logout success";
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/controller/LoginLogController.java b/backend/crm/src/main/java/cn/cordys/crm/system/controller/LoginLogController.java
new file mode 100644
index 0000000..674894d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/controller/LoginLogController.java
@@ -0,0 +1,39 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.dto.request.LoginLogRequest;
+import cn.cordys.crm.system.dto.response.LoginLogListResponse;
+import cn.cordys.crm.system.service.SysLoginLogService;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestBody;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RestController;
+
+import java.util.List;
+
+@RestController
+@RequestMapping("/login/log")
+@Tag(name = "登入日志")
+public class LoginLogController {
+
+    @Resource
+    private SysLoginLogService sysLoginLogService;
+
+    @PostMapping("/list")
+    @Operation(summary = "系统管理-登录日志-列表查询")
+    @RequiresPermissions(PermissionConstants.OPERATION_LOG_READ)
+    public Pager<List<LoginLogListResponse>> loginList(@Validated @RequestBody LoginLogRequest request) {
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        return PageUtils.setPageInfo(page, sysLoginLogService.list(request, OrganizationContext.getOrganizationId()));
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/controller/McpController.java b/backend/crm/src/main/java/cn/cordys/crm/system/controller/McpController.java
new file mode 100644
index 0000000..9b9c412
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/controller/McpController.java
@@ -0,0 +1,29 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.dto.field.base.SimpleField;
+import cn.cordys.crm.system.service.ModuleFormService;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RestController;
+
+import java.util.List;
+
+@RestController
+@RequestMapping("/mcp")
+@Tag(name = "MCP三方接口")
+public class McpController {
+
+    @Resource
+    private ModuleFormService moduleFormService;
+
+    @GetMapping("/form/config/{formKey}")
+    @Operation(summary = "获取表单配置")
+    public List<SimpleField> getMcpField(@PathVariable String formKey) {
+        return moduleFormService.getMcpFields(formKey, OrganizationContext.getOrganizationId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/controller/MessageTaskController.java b/backend/crm/src/main/java/cn/cordys/crm/system/controller/MessageTaskController.java
new file mode 100644
index 0000000..750fcbb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/controller/MessageTaskController.java
@@ -0,0 +1,63 @@
+package cn.cordys.crm.system.controller;
+
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.groups.Created;
+import cn.cordys.common.groups.Updated;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.domain.MessageTask;
+import cn.cordys.crm.system.dto.MessageTaskConfigWithNameDTO;
+import cn.cordys.crm.system.dto.request.MessageTaskBatchRequest;
+import cn.cordys.crm.system.dto.request.MessageTaskConfigRequest;
+import cn.cordys.crm.system.dto.request.MessageTaskRequest;
+import cn.cordys.crm.system.dto.response.MessageTaskDTO;
+import cn.cordys.crm.system.service.MessageNotificationService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "消息设置")
+@RestController
+@RequestMapping("/message/task/")
+public class MessageTaskController {
+    @Resource
+    private MessageNotificationService messageNotificationService;
+
+    @PostMapping("save")
+    @Operation(summary = "项目管理-消息管理-消息设置-保存消息设置")
+    @RequiresPermissions(PermissionConstants.SYSTEM_NOTICE_UPDATE)
+    public MessageTask saveMessage(@Validated({Created.class, Updated.class}) @RequestBody MessageTaskRequest messageTaskRequest) {
+        return messageNotificationService.saveMessageTask(messageTaskRequest, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("batch/save")
+    @Operation(summary = "项目管理-消息管理-消息设置-批量编辑")
+    @RequiresPermissions(PermissionConstants.SYSTEM_NOTICE_UPDATE)
+    public void batchSaveMessage(@Validated({Created.class, Updated.class}) @RequestBody MessageTaskBatchRequest messageTaskBatchRequest) {
+        messageNotificationService.batchSaveMessageTask(messageTaskBatchRequest, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+    @GetMapping("get")
+    @Operation(summary = "项目管理-消息管理-消息设置-获取消息设置")
+    @RequiresPermissions(PermissionConstants.SYSTEM_NOTICE_READ)
+    public List<MessageTaskDTO> getMessageList() {
+        return messageNotificationService.getMessageList(OrganizationContext.getOrganizationId());
+    }
+
+    //获取消息配置的config
+    @PostMapping("config/query")
+    @Operation(summary = "项目管理-消息管理-消息设置-获取消息配置")
+    @RequiresPermissions(PermissionConstants.SYSTEM_NOTICE_READ)
+    public MessageTaskConfigWithNameDTO getMessageConfig(@Validated @RequestBody MessageTaskConfigRequest request) {
+        return messageNotificationService.getMessageConfig(request.getModule(), request.getEvent(), OrganizationContext.getOrganizationId());
+    }
+
+
+}
+
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/controller/ModuleController.java b/backend/crm/src/main/java/cn/cordys/crm/system/controller/ModuleController.java
new file mode 100644
index 0000000..81c9a16
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/controller/ModuleController.java
@@ -0,0 +1,83 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.DeptUserTreeNode;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.dto.RoleUserTreeNode;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.dto.ModuleDTO;
+import cn.cordys.crm.system.dto.request.ModuleRequest;
+import cn.cordys.crm.system.dto.request.ModuleSortRequest;
+import cn.cordys.crm.system.service.ModuleService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.Logical;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@RestController
+@RequestMapping("/module")
+@Tag(name = "模块配置")
+public class ModuleController {
+
+    @Resource
+    private ModuleService moduleService;
+
+    @PostMapping("/list")
+    @Operation(summary = "获取模块设置列表")
+    public List<ModuleDTO> getModuleList(@Validated @RequestBody ModuleRequest request) {
+        return moduleService.getModuleList(request);
+    }
+
+    @GetMapping("/form/list")
+    @Operation(summary = "获取表单列表")
+    public List<OptionDTO> getFormList() {
+        return moduleService.getFormList();
+    }
+
+    @GetMapping("/switch/{id}")
+    @Operation(summary = "单个模块开启或关闭")
+    @RequiresPermissions(PermissionConstants.MODULE_SETTING_UPDATE)
+    public void switchModule(@PathVariable String id) {
+        moduleService.switchModule(id, SessionUtils.getUserId());
+    }
+
+    @PostMapping("/sort")
+    @Operation(summary = "模块排序")
+    @RequiresPermissions(PermissionConstants.MODULE_SETTING_UPDATE)
+    public void sortModule(@Validated @RequestBody ModuleSortRequest request) {
+        moduleService.sort(request, SessionUtils.getUserId());
+    }
+
+    @GetMapping("/user/dept/tree")
+    @Operation(summary = "获取部门用户树")
+    @RequiresPermissions(PermissionConstants.MODULE_SETTING_READ)
+    public List<DeptUserTreeNode> getDeptUserTree() {
+        return moduleService.getDeptUserTree(OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/role/tree")
+    @Operation(summary = "获取角色树")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_READ, PermissionConstants.PROCESS_SETTING_READ}, logical = Logical.OR)
+    public List<RoleUserTreeNode> getRoleTree() {
+        return moduleService.getRoleTree(OrganizationContext.getOrganizationId());
+    }
+
+	@GetMapping("/advanced-search/settings")
+	@Operation(summary = "高级搜索开关设置")
+	public boolean getAdvancedSetting() {
+		return moduleService.getAdvancedSetting();
+	}
+
+	@GetMapping("/advanced-search/switch")
+	@Operation(summary = "高级搜索开关设置")
+	@RequiresPermissions(PermissionConstants.MODULE_SETTING_UPDATE)
+	public void switchAdvanced() {
+		moduleService.switchAdvanced(SessionUtils.getUserId());
+	}
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/controller/ModuleFieldController.java b/backend/crm/src/main/java/cn/cordys/crm/system/controller/ModuleFieldController.java
new file mode 100644
index 0000000..75d4619
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/controller/ModuleFieldController.java
@@ -0,0 +1,285 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.InternalUserView;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.BaseTreeNode;
+import cn.cordys.common.dto.DeptDataPermissionDTO;
+import cn.cordys.common.dto.DeptUserTreeNode;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.service.DataScopeService;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.clue.dto.request.CluePageRequest;
+import cn.cordys.crm.clue.dto.response.ClueListResponse;
+import cn.cordys.crm.clue.service.ClueService;
+import cn.cordys.crm.contract.dto.request.*;
+import cn.cordys.crm.contract.dto.response.*;
+import cn.cordys.crm.contract.service.*;
+import cn.cordys.crm.customer.dto.request.CustomerContactPageRequest;
+import cn.cordys.crm.customer.dto.request.CustomerPageRequest;
+import cn.cordys.crm.customer.dto.response.CustomerContactListResponse;
+import cn.cordys.crm.customer.dto.response.CustomerListResponse;
+import cn.cordys.crm.customer.service.CustomerContactService;
+import cn.cordys.crm.customer.service.CustomerService;
+import cn.cordys.crm.form.dto.request.CustomFormDataPageRequest;
+import cn.cordys.crm.form.dto.response.CustomFormDataListResponse;
+import cn.cordys.crm.form.service.CustomFormDataService;
+import cn.cordys.crm.opportunity.dto.request.OpportunityPageRequest;
+import cn.cordys.crm.opportunity.dto.request.OpportunityQuotationPageRequest;
+import cn.cordys.crm.opportunity.dto.response.OpportunityListResponse;
+import cn.cordys.crm.opportunity.dto.response.OpportunityQuotationListResponse;
+import cn.cordys.crm.opportunity.service.OpportunityQuotationService;
+import cn.cordys.crm.opportunity.service.OpportunityService;
+import cn.cordys.crm.order.dto.request.OrderPageRequest;
+import cn.cordys.crm.order.dto.response.OrderListResponse;
+import cn.cordys.crm.order.service.OrderService;
+import cn.cordys.crm.product.dto.request.ProductPageRequest;
+import cn.cordys.crm.product.dto.request.ProductPricePageRequest;
+import cn.cordys.crm.product.dto.response.ProductListResponse;
+import cn.cordys.crm.product.dto.response.ProductPriceResponse;
+import cn.cordys.crm.product.service.ProductPriceService;
+import cn.cordys.crm.product.service.ProductService;
+import cn.cordys.crm.system.dto.DatasourceRefDTO;
+import cn.cordys.crm.system.dto.request.DatasourceRefQueryRequest;
+import cn.cordys.crm.system.dto.request.FieldRepeatCheckRequest;
+import cn.cordys.crm.system.dto.request.FieldResolveRequest;
+import cn.cordys.crm.system.dto.response.FieldRepeatCheckResponse;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ModuleFieldService;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.crm.system.service.ModuleFormService;
+import cn.cordys.crm.system.service.ModuleService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import jakarta.validation.Valid;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+/**
+ * @author song-cc-rock
+ */
+@RestController
+@RequestMapping("/field")
+@Tag(name = "字段管理-数据")
+public class ModuleFieldController {
+
+    @Resource
+    private ModuleService moduleService;
+    @Resource
+    private ModuleFieldService moduleFieldService;
+    @Resource
+    private ModuleFormService moduleFormService;
+	@Resource
+	private ModuleFormCacheService formCacheService;
+    @Resource
+    private CustomerService customerService;
+    @Resource
+    private CustomerContactService customerContactService;
+    @Resource
+    private ClueService clueService;
+    @Resource
+    private OpportunityService opportunityService;
+    @Resource
+    private OpportunityQuotationService opportunityQuotationService;
+    @Resource
+    private ContractService contractService;
+    @Resource
+    private ProductService productService;
+    @Resource
+    private ProductPriceService productPriceService;
+    @Resource
+    private ContractPaymentPlanService contractPaymentPlanService;
+	@Resource
+	private ContractPaymentRecordService contractPaymentRecordService;
+    @Resource
+    private DataScopeService dataScopeService;
+    @Resource
+    private BusinessTitleService businessTitleService;
+	@Resource
+	private OrderService orderService;
+    @Resource
+    private CustomFormDataService customFormDataService;
+	@Resource
+	private ContractInvoiceService contractInvoiceService;
+
+    @GetMapping("/dept/tree")
+    @Operation(summary = "获取部门树")
+    public List<BaseTreeNode> getDeptTree() {
+        return moduleFieldService.getDeptTree(OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/user/dept/tree")
+    @Operation(summary = "获取部门用户树")
+    public List<DeptUserTreeNode> getDeptUserTree() {
+        return moduleService.getDeptUserTree(OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/source/lead")
+    @Operation(summary = "分页获取线索")
+    public Pager<List<ClueListResponse>> sourceCluePage(@Valid @RequestBody CluePageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.CLUE.getKey());
+        request.setCombineSearch(request.getCombineSearch().convert());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(), OrganizationContext.getOrganizationId(),
+				InternalUserView.ALL.name(), PermissionConstants.CLUE_MANAGEMENT_READ);
+        return clueService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission, true);
+    }
+
+    @PostMapping("/source/custom-form-data")
+    @Operation(summary = "分页获取自定义表单数据")
+    public Pager<List<CustomFormDataListResponse>> sourceCustomFormDataPage(@Valid @RequestBody CustomFormDataPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, request.getCustomFormId());
+        request.setCombineSearch(request.getCombineSearch().convert());
+        return customFormDataService.page(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), false);
+    }
+
+    @PostMapping("/source/account")
+    @Operation(summary = "分页获取客户")
+    public Pager<List<CustomerListResponse>> sourceCustomerPage(@Valid @RequestBody CustomerPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.CUSTOMER.getKey());
+        request.setCombineSearch(request.getCombineSearch().convert());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(), OrganizationContext.getOrganizationId(),
+				InternalUserView.ALL.name(), PermissionConstants.CUSTOMER_MANAGEMENT_READ);
+        return customerService.sourceList(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission);
+    }
+
+    @PostMapping("/source/contact")
+    @Operation(summary = "分页获取联系人")
+    public Pager<List<CustomerContactListResponse>> sourceContactPage(@Valid @RequestBody CustomerContactPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.CONTACT.getKey());
+        request.setCombineSearch(request.getCombineSearch().convert());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(), OrganizationContext.getOrganizationId(),
+				InternalUserView.ALL.name(), PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_READ);
+        return customerContactService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission);
+    }
+
+    @PostMapping("/source/opportunity")
+    @Operation(summary = "分页获取商机")
+    public Pager<List<OpportunityListResponse>> sourceOpportunityPage(@Valid @RequestBody OpportunityPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.OPPORTUNITY.getKey());
+        request.setCombineSearch(request.getCombineSearch().convert());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), InternalUserView.ALL.name(),
+                PermissionConstants.OPPORTUNITY_MANAGEMENT_READ);
+        return opportunityService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission, true);
+    }
+
+    @PostMapping("/source/quotation")
+    @Operation(summary = "分页获取报价单")
+    public Pager<List<OpportunityQuotationListResponse>> sourceOpportunityQuotationPage(@Valid @RequestBody OpportunityQuotationPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.QUOTATION.getKey());
+        request.setCombineSearch(request.getCombineSearch().convert());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), InternalUserView.ALL.name(),
+                PermissionConstants.OPPORTUNITY_MANAGEMENT_READ);
+        return opportunityQuotationService.list(request, OrganizationContext.getOrganizationId(), SessionUtils.getUserId(), deptDataPermission, true);
+    }
+
+    @PostMapping("/source/contract")
+    @Operation(summary = "分页获取合同")
+    public Pager<List<ContractListResponse>> sourceContractPage(@Valid @RequestBody ContractPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.CONTRACT.getKey());
+        request.setCombineSearch(request.getCombineSearch().convert());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), InternalUserView.ALL.name(),
+                PermissionConstants.CONTRACT_READ);
+        return contractService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission, true);
+    }
+
+    @PostMapping("/source/product")
+    @Operation(summary = "分页获取产品")
+    public Pager<List<ProductListResponse>> sourceProductPage(@Valid @RequestBody ProductPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.PRODUCT.getKey());
+        request.setCombineSearch(request.getCombineSearch().convert());
+        // 数据源接口只展示上架数据
+        request.setStatus("1");
+        return productService.list(request, OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/source/price")
+    @Operation(summary = "分页获取产品价格表")
+    public Pager<List<ProductPriceResponse>> sourceProductPage(@Valid @RequestBody ProductPricePageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.PRICE.getKey());
+        request.setCombineSearch(request.getCombineSearch().convert());
+        return productPriceService.list(request, OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/source/contract/payment-plan")
+    @Operation(summary = "分页获取合同回款计划")
+    public Pager<List<ContractPaymentPlanListResponse>> sourcePlanPage(@Valid @RequestBody ContractPaymentPlanPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.CONTRACT_PAYMENT_PLAN.getKey());
+        request.setCombineSearch(request.getCombineSearch().convert());
+        DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), InternalUserView.ALL.name(),
+                PermissionConstants.CONTRACT_PAYMENT_PLAN_READ);
+        return contractPaymentPlanService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission);
+    }
+
+	@PostMapping("/source/contract/payment-record")
+	@Operation(summary = "分页获取合同回款记录")
+	public Pager<List<ContractPaymentRecordResponse>> sourceRecordPage(@Valid @RequestBody ContractPaymentRecordPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.CONTRACT_PAYMENT_RECORD.getKey());
+        request.setCombineSearch(request.getCombineSearch().convert());
+		DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), InternalUserView.ALL.name(),
+				PermissionConstants.CONTRACT_PAYMENT_RECORD_READ);
+		return contractPaymentRecordService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission);
+	}
+
+	@PostMapping("/source/order")
+	@Operation(summary = "分页获取订单列表")
+	public PagerWithOption<List<OrderListResponse>> list(@Validated @RequestBody OrderPageRequest request) {
+        ConditionFilterUtils.parseCondition(request, FormKey.ORDER.getKey());
+        request.setCombineSearch(request.getCombineSearch().convert());
+		DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(), OrganizationContext.getOrganizationId(),
+				InternalUserView.ALL.name(), PermissionConstants.ORDER_READ);
+		return orderService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission, false);
+	}
+
+	@PostMapping("/source/business-title")
+	@Operation(summary = "分页获取工商抬头信息")
+	public Pager<List<BusinessTitleListResponse>> sourceBusinessTitlePage(@Valid @RequestBody BusinessTitlePageRequest request) {
+		return businessTitleService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+	}
+
+	@PostMapping("/source/invoice")
+	@Operation(summary = "分页获取发票信息")
+	public PagerWithOption<List<ContractInvoiceListResponse>> list(@Validated @RequestBody ContractInvoicePageRequest request) {
+		ConditionFilterUtils.parseCondition(request, FormKey.INVOICE.getKey());
+		DeptDataPermissionDTO deptDataPermission = dataScopeService.getDeptDataPermission(SessionUtils.getUserId(),
+				OrganizationContext.getOrganizationId(), request.getViewId(), PermissionConstants.CONTRACT_INVOICE_READ);
+		return contractInvoiceService.list(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), deptDataPermission);
+	}
+
+    @PostMapping("/check/repeat")
+    @Operation(summary = "校验重复值")
+    public FieldRepeatCheckResponse checkRepeat(@Valid @RequestBody FieldRepeatCheckRequest checkRequest) {
+        return moduleFieldService.checkRepeat(checkRequest, OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/resolve/business")
+    @Operation(summary = "解析业务ID")
+    public List<OptionDTO> resolveBusinessId(@Valid @RequestBody FieldResolveRequest request) {
+        return moduleFormService.getSourceOptionsByKeywords(request.getSourceType(), request.getKeywords());
+    }
+
+    @GetMapping("/display/{formKey}")
+    @Operation(summary = "获取表单配置")
+    public ModuleFormConfigDTO getFieldList(@PathVariable String formKey) {
+        return moduleFormService.getSourceDisplayFields(formKey, OrganizationContext.getOrganizationId());
+    }
+
+	@GetMapping("/source/config/{formKey}")
+	@Operation(summary = "获取数据源表单配置")
+	public ModuleFormConfigDTO getSourceFormConfig(@PathVariable String formKey) {
+		return formCacheService.getBusinessFormConfig(formKey, OrganizationContext.getOrganizationId());
+	}
+
+	@PostMapping("/source/ref-detail")
+	@Operation(summary = "批量获取数据源引用详情")
+	public List<DatasourceRefDTO> getDatasourceRefDetail(@Valid @RequestBody DatasourceRefQueryRequest request) {
+		return moduleFieldService.getSourceRefDetail(request);
+	}
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/controller/ModuleFormController.java b/backend/crm/src/main/java/cn/cordys/crm/system/controller/ModuleFormController.java
new file mode 100644
index 0000000..639a2b9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/controller/ModuleFormController.java
@@ -0,0 +1,44 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.dto.request.ModuleFormSaveRequest;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ModuleFormCacheService;
+import cn.cordys.crm.system.service.ModuleFormService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.Logical;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+/**
+ * @author song-cc-rock
+ */
+@RestController
+@RequestMapping("/module/form")
+@Tag(name = "模块-表单设置")
+public class ModuleFormController {
+
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private ModuleFormService moduleFormService;
+
+    @PostMapping("/save")
+    @Operation(summary = "保存")
+    @RequiresPermissions(PermissionConstants.MODULE_SETTING_UPDATE)
+    public ModuleFormConfigDTO save(@Validated @RequestBody ModuleFormSaveRequest request) {
+        return moduleFormCacheService.save(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/config/{formKey}")
+    @Operation(summary = "获取表单配置")
+    @RequiresPermissions(value = {PermissionConstants.MODULE_SETTING_UPDATE, PermissionConstants.PROCESS_SETTING_READ}, logical = Logical.OR)
+    public ModuleFormConfigDTO getFieldList(@PathVariable String formKey) {
+        return moduleFormService.getBusinessFormConfig(formKey, OrganizationContext.getOrganizationId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/controller/NavigationController.java b/backend/crm/src/main/java/cn/cordys/crm/system/controller/NavigationController.java
new file mode 100644
index 0000000..72b2717
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/controller/NavigationController.java
@@ -0,0 +1,39 @@
+package cn.cordys.crm.system.controller;
+
+
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.domain.Navigation;
+import cn.cordys.crm.system.dto.request.ModuleSortRequest;
+import cn.cordys.crm.system.service.NavigationService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@RestController
+@RequestMapping("/navigation")
+@Tag(name = "导航栏设置")
+public class NavigationController {
+
+    @Resource
+    private NavigationService navigationService;
+
+
+    @GetMapping("/list")
+    @Operation(summary = "获取导航栏列表")
+    public List<Navigation> getNavigationList() {
+        return navigationService.getNavigationList(OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/sort")
+    @Operation(summary = "导航栏排序")
+    public void sortModule(@Validated @RequestBody ModuleSortRequest request) {
+        navigationService.sort(request, SessionUtils.getUserId());
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/controller/NotificationController.java b/backend/crm/src/main/java/cn/cordys/crm/system/controller/NotificationController.java
new file mode 100644
index 0000000..9ccff1b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/controller/NotificationController.java
@@ -0,0 +1,67 @@
+package cn.cordys.crm.system.controller;
+
+
+import cn.cordys.common.dto.OptionCountDTO;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.dto.request.NotificationRequest;
+import cn.cordys.crm.system.dto.response.NotificationDTO;
+import cn.cordys.crm.system.service.NotificationService;
+import cn.cordys.security.SessionUtils;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Tag(name = "消息中心")
+@RestController
+@RequestMapping(value = "/notification")
+public class NotificationController {
+
+    @Resource
+    private NotificationService notificationService;
+
+    @PostMapping(value = "/list/all/page")
+    @Operation(summary = "消息中心-获取消息中心所有消息列表")
+    public Pager<List<NotificationDTO>> listNotification(@Validated @RequestBody NotificationRequest notificationRequest) {
+        Page<Object> page = PageHelper.startPage(notificationRequest.getCurrent(), notificationRequest.getPageSize(), true);
+        return PageUtils.setPageInfo(page, notificationService.listNotification(notificationRequest, SessionUtils.getUserId(), OrganizationContext.getOrganizationId()));
+    }
+
+
+    @GetMapping(value = "/last/list")
+    @Operation(summary = "消息中心-获取消息中未读的最新部分消息")
+    public List<NotificationDTO> listLastNotification() {
+        return notificationService.listLastNotification(SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping(value = "/last/announcement/list")
+    @Operation(summary = "消息中心-获取用户未读的公告列表")
+    public List<NotificationDTO> listLastAnnouncement() {
+        return notificationService.listLastAnnouncement(SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping(value = "/read/{id}")
+    @Operation(summary = "消息中心-将消息设置为已读")
+    public Integer read(@PathVariable String id) {
+        return notificationService.read(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping(value = "/read/all")
+    @Operation(summary = "消息中心-将消息中心所有信息设置为已读消息")
+    public Integer readAll() {
+        return notificationService.readAll(OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+    @PostMapping(value = "/count")
+    @Operation(summary = "消息中心-获取消息中心消息具体类型具体状态的数量")
+    public List<OptionCountDTO> countNotification(@RequestBody NotificationRequest notificationRequest) {
+        return notificationService.countNotification(notificationRequest, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/controller/OperationLogController.java b/backend/crm/src/main/java/cn/cordys/crm/system/controller/OperationLogController.java
new file mode 100644
index 0000000..ef7285f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/controller/OperationLogController.java
@@ -0,0 +1,44 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.dto.request.OperationLogRequest;
+import cn.cordys.crm.system.dto.response.OperationLogDetailResponse;
+import cn.cordys.crm.system.dto.response.OperationLogResponse;
+import cn.cordys.crm.system.service.SysOperationLogService;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@RestController
+@RequestMapping("/operation/log")
+@Tag(name = "日志")
+public class OperationLogController {
+
+    @Resource
+    private SysOperationLogService sysOperationLogService;
+
+    @PostMapping("/list")
+    @Operation(summary = "系统管理-操作日志-列表查询")
+    @RequiresPermissions(PermissionConstants.OPERATION_LOG_READ)
+    public Pager<List<OperationLogResponse>> list(@Validated @RequestBody OperationLogRequest request) {
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        return PageUtils.setPageInfo(page, sysOperationLogService.list(request, OrganizationContext.getOrganizationId()));
+    }
+
+    @GetMapping("/detail/{id}")
+    @Operation(summary = "系统管理-操作日志-详情")
+    @RequiresPermissions(PermissionConstants.OPERATION_LOG_READ)
+    public OperationLogDetailResponse logDetail(@PathVariable String id) {
+        return sysOperationLogService.getLogDetail(id, OrganizationContext.getOrganizationId());
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/controller/OrganizationSettingsController.java b/backend/crm/src/main/java/cn/cordys/crm/system/controller/OrganizationSettingsController.java
new file mode 100644
index 0000000..f4de3df
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/controller/OrganizationSettingsController.java
@@ -0,0 +1,138 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.integration.common.dto.ThirdConfigBaseDTO;
+import cn.cordys.crm.integration.common.request.DeThirdConfigRequest;
+import cn.cordys.crm.integration.dataease.dto.DeAuthDTO;
+import cn.cordys.crm.integration.dataease.service.DataEaseService;
+import cn.cordys.crm.integration.dataease.service.DataEaseSyncService;
+import cn.cordys.crm.system.domain.OrganizationConfig;
+import cn.cordys.crm.system.dto.response.EmailDTO;
+import cn.cordys.crm.system.service.IntegrationConfigService;
+import cn.cordys.crm.system.service.OrganizationConfigService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+import java.util.Optional;
+
+@Tag(name = "企业设置")
+@RestController
+@RequestMapping("/organization/settings")
+public class OrganizationSettingsController {
+    private static final String DEFAULT_ORGANIZATION_ID = "100001";
+    @Resource
+    private IntegrationConfigService integrationConfigService;
+    @Resource
+    private DataEaseService dataEaseService;
+    @Resource
+    private DataEaseSyncService dataEaseSyncService;
+    @Resource
+    private OrganizationConfigService organizationConfigService;
+
+    //获取邮件设置
+    @GetMapping("/email")
+    @Operation(summary = "获取邮件设置")
+    @RequiresPermissions(PermissionConstants.SYSTEM_SETTING_READ)
+    public EmailDTO getEmail() {
+        return organizationConfigService.getEmail(OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/email/edit")
+    @Operation(summary = "编辑邮件设置")
+    @RequiresPermissions(PermissionConstants.SYSTEM_SETTING_UPDATE)
+    public void editEmail(@Validated @RequestBody EmailDTO emailDTO) {
+        organizationConfigService.editEmail(emailDTO, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+    @PostMapping("/email/test")
+    @Operation(summary = "系统设置-系统-系统参数-基本设置-邮件设置-测试连接")
+    @RequiresPermissions(PermissionConstants.SYSTEM_SETTING_READ)
+    public void verifyEmailConnection(@Validated @RequestBody EmailDTO emailDTO) {
+        organizationConfigService.verifyEmailConnection(emailDTO);
+    }
+
+    //获取同步组织设置
+    @GetMapping("/third-party")
+    @Operation(summary = "获取三方设置")
+    @RequiresPermissions(PermissionConstants.SYSTEM_SETTING_READ)
+    public List<ThirdConfigBaseDTO<?>> getThirdConfig() {
+        return integrationConfigService.getThirdConfig(OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/switch-third-party")
+    @Operation(summary = "切换三方设置")
+    @RequiresPermissions(PermissionConstants.SYSTEM_SETTING_UPDATE)
+    public void switchThirdPartySetting(@RequestParam String type) {
+        integrationConfigService.switchThirdPartySetting(type, OrganizationContext.getOrganizationId());
+    }
+
+    //获取最新的三方同步标识
+    @GetMapping("/third-party/sync/resource")
+    @Operation(summary = "获取最新的三方同步来源")
+    public OrganizationConfig getLatestSyncResource() {
+        String organizationId = Optional.ofNullable(OrganizationContext.getOrganizationId()).orElse(DEFAULT_ORGANIZATION_ID);
+        return integrationConfigService.getLatestSyncResource(organizationId);
+    }
+
+    @PostMapping("/third-party/edit")
+    @Operation(summary = "编辑三方设置")
+    @RequiresPermissions(PermissionConstants.SYSTEM_SETTING_UPDATE)
+    public void editThirdConfig(@Validated @RequestBody ThirdConfigBaseDTO<Object> baseDTO) {
+        integrationConfigService.editThirdConfig(baseDTO, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+    @PostMapping(value = "/third-party/test")
+    @Operation(summary = "校验配置是否链接成功")
+    @RequiresPermissions(PermissionConstants.SYSTEM_SETTING_READ)
+    public boolean validate(@RequestBody ThirdConfigBaseDTO<Object> baseDTO) {
+        return integrationConfigService.testConnection(baseDTO, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+    @GetMapping(value = "/de-token")
+    @Operation(summary = "生成DE-Token")
+    @RequiresPermissions(PermissionConstants.DASHBOARD_READ)
+    public DeAuthDTO generateToken(@RequestParam(required = false) boolean isModule) {
+        return dataEaseService.getEmbeddedDeToken(OrganizationContext.getOrganizationId(), SessionUtils.getUserId(), isModule);
+    }
+
+    @GetMapping(value = "/de/sync")
+    @Operation(summary = "同步DE数据")
+    @RequiresPermissions(PermissionConstants.SYSTEM_SETTING_UPDATE)
+    public void syncDataEase() {
+        dataEaseSyncService.syncDataEase(OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping(value = "/de/org/list")
+    @Operation(summary = "获取de组织列表")
+    @RequiresPermissions(PermissionConstants.SYSTEM_SETTING_READ)
+    public List<OptionDTO> getDeOrgList(@RequestBody DeThirdConfigRequest deThirdConfigRequest) {
+        return dataEaseSyncService.getDeOrgList(deThirdConfigRequest);
+    }
+
+    @GetMapping("/third-party/get/{type}")
+    @Operation(summary = "根据类型获取开启的三方扫码设置")
+    public ThirdConfigBaseDTO<?> getThirdConfigByType(@PathVariable String type) {
+        String organizationId = Optional.ofNullable(OrganizationContext.getOrganizationId()).orElse(DEFAULT_ORGANIZATION_ID);
+        ThirdConfigBaseDTO<?> thirdConfig= integrationConfigService.getThirdConfigForPublic(type, organizationId);
+        integrationConfigService.handleData(thirdConfig);
+        return thirdConfig;
+    }
+
+    @GetMapping("/third-party/types")
+    @Operation(summary = "获取三方应用扫码类型集合")
+    public List<OptionDTO> getThirdTypeList() {
+        String organizationId = Optional.ofNullable(OrganizationContext.getOrganizationId()).orElse(DEFAULT_ORGANIZATION_ID);
+        return integrationConfigService.getThirdTypeList(organizationId);
+    }
+
+
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/controller/OrganizationUserController.java b/backend/crm/src/main/java/cn/cordys/crm/system/controller/OrganizationUserController.java
new file mode 100644
index 0000000..b7dbae6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/controller/OrganizationUserController.java
@@ -0,0 +1,192 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.DeptUserTreeNode;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.utils.ConditionFilterUtils;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.dto.request.*;
+import cn.cordys.crm.system.dto.response.RoleListResponse;
+import cn.cordys.crm.system.dto.response.UserImportResponse;
+import cn.cordys.crm.system.dto.response.UserPageResponse;
+import cn.cordys.crm.system.dto.response.UserResponse;
+import cn.cordys.crm.system.service.OrganizationConfigService;
+import cn.cordys.crm.system.service.OrganizationUserService;
+import cn.cordys.crm.system.service.RoleService;
+import cn.cordys.security.SessionUtils;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import jakarta.servlet.http.HttpServletResponse;
+import org.apache.shiro.authz.annotation.Logical;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+import org.springframework.web.multipart.MultipartFile;
+
+import java.util.List;
+
+
+@RestController
+@RequestMapping("/user")
+@Tag(name = "用户(员工)")
+public class OrganizationUserController {
+
+    @Resource
+    private OrganizationUserService organizationUserService;
+    @Resource
+    private RoleService roleService;
+    @Resource
+    private OrganizationConfigService organizationConfigService;
+
+    @PostMapping("/list")
+    @Operation(summary = "用户(员工)-列表查询")
+    @RequiresPermissions(PermissionConstants.SYS_ORGANIZATION_READ)
+    public Pager<List<UserPageResponse>> list(@Validated @RequestBody UserPageRequest request) {
+        ConditionFilterUtils.parseCondition(request);
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        return PageUtils.setPageInfo(page, organizationUserService.list(request));
+    }
+
+
+    @PostMapping("/add")
+    @RequiresPermissions(PermissionConstants.SYS_ORGANIZATION_ADD)
+    @Operation(summary = "用户(员工)-添加员工")
+    public void addUser(@Validated @RequestBody UserAddRequest request) {
+        organizationUserService.addUser(request, OrganizationContext.getOrganizationId(), SessionUtils.getUserId());
+    }
+
+
+    @GetMapping("/detail/{id}")
+    @Operation(summary = "用户(员工)-员工详情")
+    @RequiresPermissions(PermissionConstants.SYS_ORGANIZATION_READ)
+    public UserResponse getUserDetail(@PathVariable String id) {
+        return organizationUserService.getUserDetail(id);
+    }
+
+    @PostMapping("/update")
+    @RequiresPermissions(PermissionConstants.SYS_ORGANIZATION_UPDATE)
+    @Operation(summary = "用户(员工)-更新")
+    public void updateUser(@Validated @RequestBody UserUpdateRequest request) {
+        organizationUserService.updateUser(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/reset-password/{userId}")
+    @RequiresPermissions(PermissionConstants.SYS_ORGANIZATION_USER_RESET_PASSWORD)
+    @Operation(summary = "用户(员工)-重置密码")
+    public void resetPassword(@PathVariable String userId) {
+        organizationUserService.resetPassword(userId, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/batch-enable")
+    @RequiresPermissions(PermissionConstants.SYS_ORGANIZATION_UPDATE)
+    @Operation(summary = "用户(员工)-批量启用/禁用")
+    public void enable(@Validated @RequestBody UserBatchEnableRequest request) {
+        organizationUserService.enable(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/batch/reset-password")
+    @RequiresPermissions(PermissionConstants.SYS_ORGANIZATION_USER_RESET_PASSWORD)
+    @Operation(summary = "用户(员工)-批量重置密码")
+    public void batchResetPassword(@Validated @RequestBody UserBatchRequest request) {
+        organizationUserService.batchResetPassword(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/update/name")
+    @Operation(summary = "用户(员工)-更新名称")
+    @RequiresPermissions(PermissionConstants.SYS_ORGANIZATION_UPDATE)
+    public void updateName(@Validated @RequestBody UserUpdateName request) {
+        organizationUserService.updateUserName(request, SessionUtils.getUserId());
+    }
+
+
+    @PostMapping("/batch/edit")
+    @Operation(summary = "用户(员工)-批量编辑")
+    @RequiresPermissions(PermissionConstants.SYS_ORGANIZATION_UPDATE)
+    public void batchEditUser(@Validated @RequestBody UserBatchEditRequest request) {
+        organizationUserService.batchEditUser(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/download/template")
+    @Operation(summary = "用户(员工)-excel导入-下载模板")
+    @RequiresPermissions(PermissionConstants.SYS_ORGANIZATION_ADD)
+    public void userTemplateExport(HttpServletResponse response) {
+        organizationUserService.downloadExcelTemplate(response);
+    }
+
+
+    @PostMapping("/import/pre-check")
+    @Operation(summary = "用户(员工)-excel导入检查")
+    @RequiresPermissions(PermissionConstants.SYS_ORGANIZATION_IMPORT)
+    public UserImportResponse preCheckXMind(@RequestPart(value = "file", required = false) MultipartFile file) {
+        return organizationUserService.preCheck(file, OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping(value = "/import")
+    @Operation(summary = "用户(员工)-excel导入")
+    @RequiresPermissions(PermissionConstants.SYS_ORGANIZATION_IMPORT)
+    public UserImportResponse importUser(@RequestPart(value = "file", required = false) MultipartFile file) {
+        return organizationUserService.importByExcel(file, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping(value = "/option")
+    @Operation(summary = "获取用户下拉option")
+    public List<OptionDTO> getUserList() {
+        return organizationUserService.getUserOptions(OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping(value = "/admin/option")
+    @Operation(summary = "获取管理员用户下拉option")
+    public List<OptionDTO> getAdminUserList() {
+        return organizationUserService.getAdminUserOptions(OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping(value = "/role/option")
+    @Operation(summary = "获取用户角色下拉option")
+    @RequiresPermissions(value = {PermissionConstants.SYS_ORGANIZATION_READ, PermissionConstants.PROCESS_SETTING_READ}, logical = Logical.OR)
+    public List<OptionDTO> getUserRoleList() {
+        List<RoleListResponse> list = roleService.list(OrganizationContext.getOrganizationId());
+        return list.stream().map(role -> new OptionDTO(role.getId(), role.getName())).toList();
+    }
+
+
+    @GetMapping("/sync-check")
+    @Operation(summary = "用户(员工)-是否为第三方同步数据")
+    @RequiresPermissions(PermissionConstants.SYS_ORGANIZATION_READ)
+    public boolean syncCheck() {
+        return organizationConfigService.syncCheck(OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/delete/{id}")
+    @RequiresPermissions(PermissionConstants.SYS_ORGANIZATION_DELETE)
+    @Operation(summary = "用户(员工)-删除")
+    public void deleteUser(@PathVariable String id) {
+        organizationUserService.deleteUserById(id, OrganizationContext.getOrganizationId());
+    }
+
+
+    @GetMapping("/delete/check/{id}")
+    @RequiresPermissions(PermissionConstants.SYS_ORGANIZATION_DELETE)
+    @Operation(summary = "用户(员工)-删除校验")
+    public boolean deleteCheck(@PathVariable String id) {
+        return organizationUserService.deleteCheck(id);
+    }
+
+
+    @GetMapping("/get/{departmentId}")
+    @Operation(summary = "获取指定部门下用户")
+    @RequiresPermissions(PermissionConstants.SYS_ORGANIZATION_READ)
+    public List<DeptUserTreeNode> getDepartmentUser(@PathVariable String departmentId) {
+        return organizationUserService.getUserTreeByDepId(departmentId, OrganizationContext.getOrganizationId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/controller/PersonalCenterController.java b/backend/crm/src/main/java/cn/cordys/crm/system/controller/PersonalCenterController.java
new file mode 100644
index 0000000..f7a1194
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/controller/PersonalCenterController.java
@@ -0,0 +1,68 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.follow.dto.request.FollowUpPlanPageRequest;
+import cn.cordys.crm.follow.dto.response.FollowUpPlanListResponse;
+import cn.cordys.crm.system.dto.request.PersonalInfoRequest;
+import cn.cordys.crm.system.dto.request.PersonalPasswordRequest;
+import cn.cordys.crm.system.dto.request.SendEmailDTO;
+import cn.cordys.crm.system.dto.response.UserResponse;
+import cn.cordys.crm.system.service.PersonalCenterService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import jakarta.validation.constraints.NotNull;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+
+@RestController
+@RequestMapping("/personal/center")
+@Tag(name = "个人中心")
+public class PersonalCenterController {
+    @Resource
+    private PersonalCenterService personalCenterService;
+
+
+    @GetMapping("/info")
+    @Operation(summary = "当前用户详情")
+    public UserResponse getUserDetail() {
+        return personalCenterService.getUserDetail(SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+
+    @PostMapping("/update")
+    @Operation(summary = "更新户详情")
+    public UserResponse updateInfo(@Validated @RequestBody PersonalInfoRequest personalInfoRequest) {
+        return personalCenterService.updateInfo(personalInfoRequest, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    /**
+     * 发送验证码
+     */
+    @PostMapping("/mail/code/send")
+    public void sendCode(@RequestBody @NotNull SendEmailDTO email) {
+        personalCenterService.sendCode(email, OrganizationContext.getOrganizationId());
+    }
+
+    /**
+     * 更新密码
+     */
+    @PostMapping("/info/reset")
+    @Operation(summary = "用户密码重置")
+    public void resetUserPassword(@Validated @RequestBody PersonalPasswordRequest personalPasswordRequest) {
+        personalCenterService.resetUserPassword(personalPasswordRequest, SessionUtils.getUserId());
+    }
+
+
+    @PostMapping("/follow/plan/list")
+    @Operation(summary = "用户跟进计划列表")
+    public PagerWithOption<List<FollowUpPlanListResponse>> list(@Validated @RequestBody FollowUpPlanPageRequest request) {
+        request.setMyPlan(true);
+        return personalCenterService.getPlanList(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/controller/PicController.java b/backend/crm/src/main/java/cn/cordys/crm/system/controller/PicController.java
new file mode 100644
index 0000000..1855459
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/controller/PicController.java
@@ -0,0 +1,35 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.crm.system.service.PicService;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.springframework.http.ResponseEntity;
+import org.springframework.web.bind.annotation.*;
+import org.springframework.web.multipart.MultipartFile;
+
+import java.util.List;
+
+/**
+ * @author song-cc-rock
+ */
+@RestController
+@RequestMapping("/pic")
+@Tag(name = "图片管理")
+public class PicController {
+
+    @Resource
+    private PicService picService;
+
+    @PostMapping("/upload/temp")
+    @Operation(summary = "上传临时图片")
+    public List<String> uploadTmpPic(@RequestParam("files") List<MultipartFile> files) {
+        return picService.uploadTempPic(files);
+    }
+
+    @GetMapping("/preview/{id}")
+    @Operation(summary = "预览图片")
+    public ResponseEntity<org.springframework.core.io.Resource> preview(@PathVariable String id) {
+        return picService.getResource(id);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/controller/RoleController.java b/backend/crm/src/main/java/cn/cordys/crm/system/controller/RoleController.java
new file mode 100644
index 0000000..ea372c6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/controller/RoleController.java
@@ -0,0 +1,148 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.BaseTreeNode;
+import cn.cordys.common.dto.DeptUserTreeNode;
+import cn.cordys.common.dto.RoleUserTreeNode;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.permission.PermissionDefinitionItem;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.domain.Role;
+import cn.cordys.crm.system.dto.request.RoleAddRequest;
+import cn.cordys.crm.system.dto.request.RoleUpdateRequest;
+import cn.cordys.crm.system.dto.request.RoleUserPageRequest;
+import cn.cordys.crm.system.dto.request.RoleUserRelateRequest;
+import cn.cordys.crm.system.dto.response.RoleGetResponse;
+import cn.cordys.crm.system.dto.response.RoleListResponse;
+import cn.cordys.crm.system.dto.response.RoleUserListResponse;
+import cn.cordys.crm.system.dto.response.RoleUserOptionResponse;
+import cn.cordys.crm.system.service.DepartmentService;
+import cn.cordys.crm.system.service.RoleService;
+import cn.cordys.crm.system.service.UserRoleService;
+import cn.cordys.security.SessionUtils;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+/**
+ * @author jianxing
+ * @date 2025-01-03 16:52:34
+ */
+@Tag(name = "角色")
+@RestController
+@RequestMapping("/role")
+public class RoleController {
+    @Resource
+    private RoleService roleService;
+    @Resource
+    private UserRoleService userRoleService;
+    @Resource
+    private DepartmentService departmentService;
+
+    @GetMapping("/list")
+    @RequiresPermissions(PermissionConstants.SYSTEM_ROLE_READ)
+    @Operation(summary = "角色列表")
+    public List<RoleListResponse> list() {
+        return roleService.list(OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/get/{id}")
+    @RequiresPermissions(PermissionConstants.SYSTEM_ROLE_READ)
+    @Operation(summary = "角色详情")
+    public RoleGetResponse get(@PathVariable String id) {
+        return roleService.get(id);
+    }
+
+    @PostMapping("/add")
+    @RequiresPermissions(PermissionConstants.SYSTEM_ROLE_ADD)
+    @Operation(summary = "添加角色")
+    public Role add(@Validated @RequestBody RoleAddRequest request) {
+        return roleService.add(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/update")
+    @RequiresPermissions(PermissionConstants.SYSTEM_ROLE_UPDATE)
+    @Operation(summary = "更新角色")
+    public Role update(@Validated @RequestBody RoleUpdateRequest request) {
+        return roleService.update(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/delete/{id}")
+    @Operation(summary = "删除角色")
+    @RequiresPermissions(PermissionConstants.SYSTEM_ROLE_DELETE)
+    public void delete(@PathVariable String id) {
+        roleService.delete(id, OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/permission/setting")
+    @Operation(summary = "获取权限配置")
+    @RequiresPermissions(PermissionConstants.SYSTEM_ROLE_READ)
+    public List<PermissionDefinitionItem> getPermissionSetting() {
+        return roleService.getPermissionSetting();
+    }
+
+    @PostMapping("/user/page")
+    @Operation(summary = "查看拥有该权限的用户")
+    @RequiresPermissions(PermissionConstants.SYSTEM_ROLE_READ)
+    public Pager<List<RoleUserListResponse>> listUser(@Validated @RequestBody RoleUserPageRequest request) {
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        return PageUtils.setPageInfo(page, userRoleService.listUserByRoleId(request, OrganizationContext.getOrganizationId()));
+    }
+
+    @GetMapping("/dept/tree")
+    @Operation(summary = "获取部门树")
+    @RequiresPermissions(PermissionConstants.SYSTEM_ROLE_READ)
+    public List<BaseTreeNode> getDeptTree() {
+        return departmentService.getTree(OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/user/dept/tree/{roleId}")
+    @Operation(summary = "获取部门用户树")
+    @RequiresPermissions(PermissionConstants.SYSTEM_ROLE_ADD_USER)
+    public List<DeptUserTreeNode> getDeptUserTree(@PathVariable String roleId) {
+        return userRoleService.getDeptUserTree(OrganizationContext.getOrganizationId(), roleId);
+    }
+
+    @GetMapping("/user/role/tree/{roleId}")
+    @Operation(summary = "获取角色用户树")
+    @RequiresPermissions(PermissionConstants.SYSTEM_ROLE_ADD_USER)
+    public List<RoleUserTreeNode> getRoleUserTree(@PathVariable String roleId) {
+        return userRoleService.getRoleUserTree(OrganizationContext.getOrganizationId(), roleId);
+    }
+
+    @GetMapping("/user/option/{roleId}")
+    @Operation(summary = "获取所有用户选项")
+    @RequiresPermissions(PermissionConstants.SYSTEM_ROLE_ADD_USER)
+    public List<RoleUserOptionResponse> RoleUserOptionResponse(@PathVariable String roleId) {
+        return userRoleService.getUserOptionByRoleId(OrganizationContext.getOrganizationId(), roleId);
+    }
+
+    @PostMapping("/user/relate")
+    @Operation(summary = "角色关联添加用户")
+    @RequiresPermissions(PermissionConstants.SYSTEM_ROLE_ADD_USER)
+    public void relateUser(@Validated @RequestBody RoleUserRelateRequest request) {
+        userRoleService.relateUser(request, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @GetMapping("/user/delete/{id}")
+    @Operation(summary = "角色移除用户")
+    @RequiresPermissions(PermissionConstants.SYSTEM_ROLE_REMOVE_USER)
+    public void deleteRoleUser(@PathVariable String id) {
+        userRoleService.deleteRoleUser(id, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+
+    @PostMapping("/user/batch/delete")
+    @Operation(summary = "角色批量移除用户")
+    @RequiresPermissions(PermissionConstants.SYSTEM_ROLE_REMOVE_USER)
+    public void batchDeleteRoleUser(@RequestBody List<String> ids) {
+        userRoleService.batchDeleteRoleUser(ids, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/controller/SystemVersionController.java b/backend/crm/src/main/java/cn/cordys/crm/system/controller/SystemVersionController.java
new file mode 100644
index 0000000..10d42bc
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/controller/SystemVersionController.java
@@ -0,0 +1,23 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.crm.system.dto.VersionInfoDTO;
+import cn.cordys.crm.system.service.SystemService;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.RestController;
+
+@Tag(name = "系统版本")
+@RestController
+public class SystemVersionController {
+
+    @Resource
+    private SystemService systemService;
+
+    @GetMapping("/system/version")
+    @Operation(summary = "获取当前系统版本")
+    public VersionInfoDTO getVersion() {
+        return systemService.getVersion();
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/controller/UserKeyController.java b/backend/crm/src/main/java/cn/cordys/crm/system/controller/UserKeyController.java
new file mode 100644
index 0000000..6499202
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/controller/UserKeyController.java
@@ -0,0 +1,72 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.crm.system.domain.UserKey;
+import cn.cordys.crm.system.dto.request.UserKeyUpdateRequest;
+import cn.cordys.crm.system.service.UserKeyService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@RestController
+@RequestMapping("/user/api/key")
+@Tag(name = "个人中心-API Keys")
+public class UserKeyController {
+
+    @Resource
+    private UserKeyService userKeyService;
+
+
+    @GetMapping("/add")
+    @RequiresPermissions(PermissionConstants.PERSONAL_API_KEY_ADD)
+    @Operation(summary = "个人中心-APIKEY-新增")
+    public void add() {
+        userKeyService.addUserKey(SessionUtils.getUserId());
+    }
+
+
+    @GetMapping("/list")
+    @RequiresPermissions(PermissionConstants.PERSONAL_API_KEY_READ)
+    @Operation(summary = "个人中心-APIKEY-列表")
+    public List<UserKey> getUserKeysInfo() {
+        return userKeyService.getUserKeysInfo(SessionUtils.getUserId());
+    }
+
+
+    @PostMapping("/update")
+    @Operation(summary = "个人中心-APIKEY-更新")
+    @RequiresPermissions(PermissionConstants.PERSONAL_API_KEY_UPDATE)
+    public void update(@Validated @RequestBody UserKeyUpdateRequest request) {
+        userKeyService.updateUserKey(request);
+    }
+
+
+    @GetMapping("/delete/{id}")
+    @RequiresPermissions(PermissionConstants.PERSONAL_API_KEY_DELETE)
+    @Operation(summary = "个人中心-APIKEY-删除")
+    public void delete(@PathVariable String id) {
+        userKeyService.deleteUserKey(id);
+    }
+
+    @GetMapping("/enable/{id}")
+    @Operation(summary = "个人中心-APIKEY-启用")
+    @RequiresPermissions(PermissionConstants.PERSONAL_API_KEY_UPDATE)
+    public void enable(@PathVariable String id) {
+        userKeyService.enableUserKey(id);
+    }
+
+    @GetMapping("/disable/{id}")
+    @Operation(summary = "个人中心-APIKEY-启用")
+    @RequiresPermissions(PermissionConstants.PERSONAL_API_KEY_UPDATE)
+    public void disable(@PathVariable String id) {
+        userKeyService.disableUserKey(id);
+    }
+
+}
+
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/controller/UserSyncController.java b/backend/crm/src/main/java/cn/cordys/crm/system/controller/UserSyncController.java
new file mode 100644
index 0000000..d004881
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/controller/UserSyncController.java
@@ -0,0 +1,38 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.integration.sync.service.ThirdDepartmentService;
+import cn.cordys.security.SessionUtils;
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.annotation.Resource;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.context.i18n.LocaleContextHolder;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RestController;
+
+@RestController
+@RequestMapping("/user/sync")
+@Tag(name = "用户(员工)同步")
+public class UserSyncController {
+
+    @Resource
+    private ThirdDepartmentService thirdDepartmentService;
+
+    @GetMapping("/{type}")
+    @RequiresPermissions(PermissionConstants.SYS_ORGANIZATION_SYNC)
+    @Operation(summary = "用户(员工)-同步组织架构")
+    public void syncUser(@PathVariable String type) {
+        thirdDepartmentService.syncUser(SessionUtils.getUserId(), OrganizationContext.getOrganizationId(), type, LocaleContextHolder.getLocale());
+    }
+
+    @GetMapping("/check")
+    @RequiresPermissions(PermissionConstants.SYS_ORGANIZATION_SYNC)
+    @Operation(summary = "用户(员工)-检查是否还在同步组织架构")
+    public Boolean checkSyncUser() {
+        return thirdDepartmentService.getSyncStatus(OrganizationContext.getOrganizationId());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/Announcement.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/Announcement.java
new file mode 100644
index 0000000..f10242f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/Announcement.java
@@ -0,0 +1,41 @@
+package cn.cordys.crm.system.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "sys_announcement")
+public class Announcement extends BaseModel {
+    @Schema(description = "公告标题")
+    private String subject;
+
+    @Schema(description = "公告内容")
+    private byte[] content;
+
+    @Schema(description = "开始时间")
+    private Long startTime;
+
+    @Schema(description = "结束时间")
+    private Long endTime;
+
+    @Schema(description = "链接")
+    private String url;
+
+    @Schema(description = "重命名链接")
+    private String renameUrl;
+
+    @Schema(description = "接收者")
+    private byte[] receiver;
+
+    @Schema(description = "组织ID")
+    private String organizationId;
+
+    @Schema(description = "转为通知")
+    private Boolean notice;
+
+    @Schema(description = "接收类型组合")
+    private byte[] receiveType;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/Attachment.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/Attachment.java
new file mode 100644
index 0000000..defcf7e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/Attachment.java
@@ -0,0 +1,32 @@
+package cn.cordys.crm.system.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+/**
+ * @author song-cc-rock
+ */
+@Data
+@Table(name = "sys_attachment")
+public class Attachment extends BaseModel {
+
+    @Schema(description = "名称")
+    private String name;
+
+    @Schema(description = "类型")
+    private String type;
+
+    @Schema(description = "大小")
+    private Long size;
+
+    @Schema(description = "存储方式")
+    private String storage;
+
+    @Schema(description = "资源ID")
+    private String resourceId;
+
+    @Schema(description = "组织ID")
+    private String organizationId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/Department.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/Department.java
new file mode 100644
index 0000000..a8ce3e3
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/Department.java
@@ -0,0 +1,29 @@
+package cn.cordys.crm.system.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "sys_department")
+public class Department extends BaseModel {
+
+    @Schema(description = "名称")
+    private String name;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+
+    @Schema(description = "父级")
+    private String parentId;
+
+    @Schema(description = "排序")
+    private Long pos;
+
+    @Schema(description = "来源")
+    private String resource;
+
+    @Schema(description = "来源id")
+    private String resourceId;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/DepartmentCommander.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/DepartmentCommander.java
new file mode 100644
index 0000000..c1aaaa9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/DepartmentCommander.java
@@ -0,0 +1,18 @@
+package cn.cordys.crm.system.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+@Data
+@Table(name = "sys_department_commander")
+public class DepartmentCommander extends BaseModel {
+
+    @Schema(description = "用户id")
+    private String userId;
+
+    @Schema(description = "部门id")
+    private String departmentId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/Dict.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/Dict.java
new file mode 100644
index 0000000..5e060ab
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/Dict.java
@@ -0,0 +1,28 @@
+package cn.cordys.crm.system.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+/**
+ * 客户字典表;
+ */
+@Data
+@Table(name = "sys_dict")
+public class Dict extends BaseModel {
+    @Schema(description = "字典值")
+    private String name;
+
+    @Schema(description = "字典模块")
+    private String module;
+
+    @Schema(description = "字典值类型")
+    private String type;
+
+    @Schema(description = "自定义排序")
+    private Long pos;
+
+    @Schema(description = "组织ID")
+    private String organizationId;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/DictConfig.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/DictConfig.java
new file mode 100644
index 0000000..1dd5406
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/DictConfig.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.system.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+/**
+ * 系统字典配置表;
+ */
+@Data
+@Table(name = "sys_dict_config")
+public class DictConfig {
+
+    @Schema(description = "字典类型")
+    private String module;
+
+    @Schema(description = "组织ID")
+    private String organizationId;
+
+    @Schema(description = "是否启用")
+    private Boolean enabled;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/ExportTask.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/ExportTask.java
new file mode 100644
index 0000000..96c38d9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/ExportTask.java
@@ -0,0 +1,27 @@
+package cn.cordys.crm.system.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+@Data
+@Table(name = "export_task")
+public class ExportTask extends BaseModel {
+
+    @Schema(description = "文件名")
+    private String fileName;
+
+    @Schema(description = "资源类型")
+    private String resourceType;
+
+    @Schema(description = "文件id")
+    private String fileId;
+
+    @Schema(description = "状态")
+    private String status;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/License.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/License.java
new file mode 100644
index 0000000..5350d13
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/License.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.system.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "sys_license")
+public class License extends BaseModel {
+
+    @Schema(description = "license_code")
+    private String licenseCode;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/LoginLog.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/LoginLog.java
new file mode 100644
index 0000000..ebd9696
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/LoginLog.java
@@ -0,0 +1,32 @@
+package cn.cordys.crm.system.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+/**
+ * 登入日志
+ *
+ * @author jianxing
+ * @date 2025-01-24 16:12:06
+ */
+@Data
+@Table(name = "sys_login_log")
+public class LoginLog {
+
+    @Schema(description = "主键")
+    private String id;
+
+    @Schema(description = "操作时间")
+    private Long createTime;
+
+    @Schema(description = "操作人")
+    private String operator;
+
+    @Schema(description = "登录地")
+    private String loginAddress;
+
+    @Schema(description = "平台")
+    private String platform;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/MessageTask.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/MessageTask.java
new file mode 100644
index 0000000..77aeff5
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/MessageTask.java
@@ -0,0 +1,38 @@
+package cn.cordys.crm.system.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "sys_message_task")
+public class MessageTask extends BaseModel {
+    @Schema(description = "通知事件类型")
+    private String event;
+
+    @Schema(description = "任务类型")
+    private String taskType;
+
+    @Schema(description = "邮件启用")
+    private Boolean emailEnable;
+
+    @Schema(description = "系统启用")
+    private Boolean sysEnable;
+
+    @Schema(description = "企业微信启用")
+    private Boolean weComEnable;
+
+    @Schema(description = "钉钉启用")
+    private Boolean dingTalkEnable;
+
+    @Schema(description = "飞书启用")
+    private Boolean larkEnable;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+
+    @Schema(description = "消息模版")
+    private byte[] template;
+}
+
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/MessageTaskConfig.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/MessageTaskConfig.java
new file mode 100644
index 0000000..588aacd
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/MessageTaskConfig.java
@@ -0,0 +1,25 @@
+package cn.cordys.crm.system.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "sys_message_task_config")
+public class MessageTaskConfig {
+
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+
+    @Schema(description = "通知事件类型")
+    private String event;
+
+    @Schema(description = "任务类型")
+    private String taskType;
+
+    @Schema(description = "通知配置值")
+    private String value;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/Module.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/Module.java
new file mode 100644
index 0000000..866bef3
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/Module.java
@@ -0,0 +1,23 @@
+package cn.cordys.crm.system.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "sys_module")
+public class Module extends BaseModel {
+
+    @Schema(description = "组织ID")
+    private String organizationId;
+
+    @Schema(description = "模块KEY")
+    private String moduleKey;
+
+    @Schema(description = "启用/禁用")
+    private Boolean enable;
+
+    @Schema(description = "自定义排序")
+    private Long pos;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/ModuleField.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/ModuleField.java
new file mode 100644
index 0000000..58a0a14
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/ModuleField.java
@@ -0,0 +1,38 @@
+package cn.cordys.crm.system.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.AllArgsConstructor;
+import lombok.Builder;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+/**
+ * 模块字段配置
+ */
+@Data
+@Builder
+@NoArgsConstructor
+@AllArgsConstructor
+@Table(name = "sys_module_field")
+public class ModuleField extends BaseModel {
+
+    @Schema(description = "所属表单")
+    private String formId;
+
+    @Schema(description = "名称")
+    private String name;
+
+    @Schema(description = "字段内置Key")
+    private String internalKey;
+
+    @Schema(description = "字段类型")
+    private String type;
+
+    @Schema(description = "是否移动端")
+    private Boolean mobile;
+
+    @Schema(description = "排序")
+    private Long pos;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/ModuleFieldBlob.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/ModuleFieldBlob.java
new file mode 100644
index 0000000..6829925
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/ModuleFieldBlob.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.system.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "sys_module_field_blob")
+public class ModuleFieldBlob {
+
+    @Schema(description = "ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+
+    @Schema(description = "属性")
+    private String prop;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/ModuleForm.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/ModuleForm.java
new file mode 100644
index 0000000..08736c9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/ModuleForm.java
@@ -0,0 +1,23 @@
+package cn.cordys.crm.system.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.AllArgsConstructor;
+import lombok.Builder;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+@Data
+@Builder
+@NoArgsConstructor
+@AllArgsConstructor
+@Table(name = "sys_module_form")
+public class ModuleForm extends BaseModel {
+
+    @Schema(description = "表单Key")
+    private String formKey;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/ModuleFormBlob.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/ModuleFormBlob.java
new file mode 100644
index 0000000..f67f260
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/ModuleFormBlob.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.system.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "sys_module_form_blob")
+public class ModuleFormBlob {
+
+    @Schema(description = "ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+
+    @Schema(description = "属性")
+    private String prop;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/Navigation.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/Navigation.java
new file mode 100644
index 0000000..3006aa6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/Navigation.java
@@ -0,0 +1,24 @@
+package cn.cordys.crm.system.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+@Data
+@Table(name = "sys_navigation")
+public class Navigation extends BaseModel {
+
+    @Schema(description = "组织id")
+    private String organizationId;
+
+    @Schema(description = "导航栏key")
+    private String navigationKey;
+
+    @Schema(description = "启用/禁用")
+    private Boolean enable;
+
+    @Schema(description = "自定义排序")
+    private Long pos;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/Notification.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/Notification.java
new file mode 100644
index 0000000..fadbae1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/Notification.java
@@ -0,0 +1,58 @@
+package cn.cordys.crm.system.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "sys_notification")
+public class Notification {
+
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "通知类型")
+    private String type;
+
+    @Schema(description = "接收人")
+    private String receiver;
+
+    @Schema(description = "标题")
+    private String subject;
+
+    @Schema(description = "状态")
+    private String status;
+
+    @Schema(description = "操作人")
+    private String operator;
+
+    @Schema(description = "操作")
+    private String operation;
+
+    @Schema(description = "组织ID")
+    private String organizationId;
+
+    @Schema(description = "资源ID")
+    private String resourceId;
+
+    @Schema(description = "资源类型")
+    private String resourceType;
+
+    @Schema(description = "资源名称")
+    private String resourceName;
+
+    @Schema(description = "通知内容")
+    private byte[] content;
+
+    @Schema(description = "创建人")
+    private String createUser;
+
+    @Schema(description = "修改人")
+    private String updateUser;
+
+    @Schema(description = "创建时间")
+    private Long createTime;
+
+    @Schema(description = "更新时间")
+    private Long updateTime;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/OperationLog.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/OperationLog.java
new file mode 100644
index 0000000..d9cf7d2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/OperationLog.java
@@ -0,0 +1,59 @@
+package cn.cordys.crm.system.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+/**
+ * 操作日志
+ *
+ * @author jianxing
+ * @date 2025-01-23 14:21:05
+ */
+@Data
+@Table(name = "sys_operation_log")
+public class OperationLog {
+
+    @Schema(description = "主键")
+    private String id;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+
+    @Schema(description = "操作类型/add/update/delete")
+    private String type;
+
+    @Schema(description = "操作模块")
+    private String module;
+
+    @Schema(description = "资源id")
+    private String resourceId;
+
+    @Schema(description = "资源名称")
+    private String resourceName;
+
+    /**
+     * 无需对比的操作日志详情
+     * 例如可以移入公海
+     * 详情记录为：客户 xxx 移入公海 xxx
+     */
+    @Schema(description = "日志详情")
+    private String detail;
+
+    @Schema(description = "操作时间")
+    private Long createTime;
+
+    @Schema(description = "操作人")
+    private String createUser;
+
+    @Schema(description = "操作路径")
+    private String path;
+
+    @Schema(description = "操作方法")
+    private String method;
+
+    @Schema(description = "请求来源")
+    private String requestSource;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/OperationLogBlob.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/OperationLogBlob.java
new file mode 100644
index 0000000..5ead5a0
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/OperationLogBlob.java
@@ -0,0 +1,23 @@
+package cn.cordys.crm.system.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+import java.io.Serial;
+import java.io.Serializable;
+
+
+@Data
+@Schema(description = "操作日志Blob")
+@Table(name = "sys_operation_log_blob")
+public class OperationLogBlob implements Serializable {
+    @Serial
+    private static final long serialVersionUID = 1L;
+    @Schema(description = "主键,与operation_log表id一致", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+    @Schema(description = "变更前内容")
+    private byte[] originalValue;
+    @Schema(description = "变更后内容")
+    private byte[] modifiedValue;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/OrganizationConfig.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/OrganizationConfig.java
new file mode 100644
index 0000000..5d84067
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/OrganizationConfig.java
@@ -0,0 +1,30 @@
+package cn.cordys.crm.system.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+/**
+ * 企业设置
+ */
+@Data
+@Table(name = "sys_organization_config")
+public class OrganizationConfig extends BaseModel {
+
+    @Schema(description = "配置类型")
+    private String type;
+
+    @Schema(description = "企业id")
+    private String organizationId;
+
+    @Schema(description = "是否同步（只对同步企业生效）")
+    private boolean sync;
+
+    @Schema(description = "同步来源")
+    private String syncResource;
+
+    @Schema(description = "是否开启")
+    private boolean enable;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/OrganizationConfigDetail.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/OrganizationConfigDetail.java
new file mode 100644
index 0000000..d2f3370
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/OrganizationConfigDetail.java
@@ -0,0 +1,32 @@
+package cn.cordys.crm.system.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+/**
+ * 企业设置详情表;
+ */
+@Data
+@Table(name = "sys_organization_config_detail")
+public class OrganizationConfigDetail extends BaseModel {
+    @Schema(description = "配置id")
+    private String configId;
+
+    @Schema(description = "配置内容类型")
+    private String type;
+
+    @Schema(description = "配置名称")
+    private String name;
+
+    @Schema(description = "是否启用")
+    private Boolean enable;
+
+    @Schema(description = "配置内容")
+    private byte[] content;
+
+    @Schema(description = "描述")
+    private String description;
+}
+
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/OrganizationUser.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/OrganizationUser.java
new file mode 100644
index 0000000..f42c193
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/OrganizationUser.java
@@ -0,0 +1,51 @@
+package cn.cordys.crm.system.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+/**
+ * 组织成员
+ *
+ * @author jianxing
+ * @date 2025-01-08 17:00:38
+ */
+@Data
+@Table(name = "sys_organization_user")
+public class OrganizationUser extends BaseModel {
+
+    @Schema(description = "组织id")
+    private String organizationId;
+
+    @Schema(description = "用户id")
+    private String userId;
+
+    @Schema(description = "三方唯一id")
+    private String resourceUserId;
+
+    @Schema(description = "部门id")
+    private String departmentId;
+
+    @Schema(description = "是否启用")
+    private Boolean enable;
+
+    @Schema(description = "工号")
+    private String employeeId;
+
+    @Schema(description = "职位")
+    private String position;
+
+    @Schema(description = "员工类型")
+    private String employeeType;
+
+    @Schema(description = "直属上级")
+    private String supervisorId;
+
+    @Schema(description = "工作城市")
+    private String workCity;
+
+    @Schema(description = "入职时间")
+    private Long onboardingDate;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/Parameter.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/Parameter.java
new file mode 100644
index 0000000..e69b9e1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/Parameter.java
@@ -0,0 +1,21 @@
+package cn.cordys.crm.system.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Id;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "sys_parameter")
+public class Parameter {
+
+	@Id
+    @Schema(description = "key")
+    private String paramKey;
+
+    @Schema(description = "value")
+    private String paramValue;
+
+    @Schema(description = "type")
+    private String type;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/Role.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/Role.java
new file mode 100644
index 0000000..a35a0d2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/Role.java
@@ -0,0 +1,33 @@
+package cn.cordys.crm.system.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+/**
+ * 角色
+ *
+ * @author jianxing
+ * @date 2025-01-02 15:30:44
+ */
+@Data
+@Table(name = "sys_role")
+public class Role extends BaseModel {
+
+    @Schema(description = "角色名称")
+    private String name;
+
+    @Schema(description = "是否是内置角色")
+    private Boolean internal;
+
+    @Schema(description = "数据范围（全部数据权限/指定部门权限/本部门数据权限/本部门及以下数据权限/仅本人数据）")
+    private String dataScope;
+
+    @Schema(description = "描述")
+    private String description;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/RolePermission.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/RolePermission.java
new file mode 100644
index 0000000..470e9f4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/RolePermission.java
@@ -0,0 +1,26 @@
+package cn.cordys.crm.system.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+/**
+ * 角色权限
+ *
+ * @author jianxing
+ * @date 2025-01-03 17:58:31
+ */
+@Data
+@Table(name = "sys_role_permission")
+public class RolePermission {
+
+    @Schema(description = "ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+
+    @Schema(description = "角色id")
+    private String roleId;
+
+    @Schema(description = "权限id")
+    private String permissionId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/RoleScopeDept.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/RoleScopeDept.java
new file mode 100644
index 0000000..3fe5ab4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/RoleScopeDept.java
@@ -0,0 +1,26 @@
+package cn.cordys.crm.system.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+/**
+ * 角色与部门的关联表，角色 data_scope 为指定部门时使用
+ *
+ * @author jianxing
+ * @date 2025-01-23 18:18:10
+ */
+@Data
+@Table(name = "sys_role_scope_dept")
+public class RoleScopeDept {
+
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "角色ID")
+    private String roleId;
+
+    @Schema(description = "部门ID")
+    private String departmentId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/Schedule.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/Schedule.java
new file mode 100644
index 0000000..6f84fe3
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/Schedule.java
@@ -0,0 +1,43 @@
+package cn.cordys.crm.system.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.io.Serial;
+
+@Data
+public class Schedule extends BaseModel {
+    @Serial
+    private static final long serialVersionUID = 1L;
+    @Schema(description = "id")
+    private String id;
+    @Schema(description = "Qrtz UUID")
+    private String key;
+    @Schema(description = "组织ID")
+    private String organizationId;
+    @Schema(description = "执行类型 cron", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String type;
+    @Schema(description = "cron 表达式", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String value;
+    @Schema(description = "Schedule Job Class Name", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String job;
+    @Schema(description = "资源类型", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String resourceType;
+    @Schema(description = "是否开启")
+    private Boolean enable;
+    @Schema(description = "资源ID")
+    private String resourceId;
+    @Schema(description = "创建人")
+    private String createUser;
+    @Schema(description = "创建时间")
+    private Long createTime;
+    @Schema(description = "更新时间")
+    private Long updateTime;
+    @Schema(description = "名称")
+    private String name;
+    @Schema(description = "配置")
+    private String config;
+    @Schema(description = "业务ID")
+    private Long num;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/StageAdvancedConfig.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/StageAdvancedConfig.java
new file mode 100644
index 0000000..e8b4748
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/StageAdvancedConfig.java
@@ -0,0 +1,29 @@
+package cn.cordys.crm.system.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "stage_advanced_config")
+public class StageAdvancedConfig extends BaseModel {
+
+    @Schema(description = "源id")
+    private String originId;
+
+    @Schema(description = "目标id")
+    private String targetId;
+
+    @Schema(description = "是否允许流转")
+    private Boolean enable;
+
+    @Schema(description = "字段配置")
+    private String fieldConfig;
+
+    @Schema(description = "模块类型(order-订单/contract-合同)")
+    private String moduleType;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/User.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/User.java
new file mode 100644
index 0000000..9480cab
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/User.java
@@ -0,0 +1,32 @@
+package cn.cordys.crm.system.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+@Data
+@Table(name = "sys_user")
+public class User extends BaseModel {
+
+    @Schema(description = "用户名")
+    private String name;
+
+    @Schema(description = "手机号")
+    private String phone;
+
+    @Schema(description = "邮箱")
+    private String email;
+
+    @Schema(description = "密码")
+    private String password;
+
+    @Schema(description = "性别(0-男/1-女)")
+    private Boolean gender;
+
+    @Schema(description = "语言")
+    private String language;
+
+    @Schema(description = "当前组织ID")
+    private String lastOrganizationId;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/UserExtend.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/UserExtend.java
new file mode 100644
index 0000000..e2102aa
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/UserExtend.java
@@ -0,0 +1,23 @@
+package cn.cordys.crm.system.domain;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+import java.io.Serial;
+import java.io.Serializable;
+
+
+@Data
+@Schema(description = "用户扩展信息")
+@Table(name = "sys_user_extend")
+public class UserExtend implements Serializable {
+    @Serial
+    private static final long serialVersionUID = 1L;
+    @Schema(description = "用户ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+    @Schema(description = "头像")
+    private String avatar;
+    @Schema(description = "其他平台对接信息")
+    private byte[] platformInfo;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/UserKey.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/UserKey.java
new file mode 100644
index 0000000..3845eb5
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/UserKey.java
@@ -0,0 +1,44 @@
+package cn.cordys.crm.system.domain;
+
+import cn.cordys.common.groups.Created;
+import cn.cordys.common.groups.Updated;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.NotNull;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.io.Serial;
+import java.io.Serializable;
+
+@Data
+@Table(name = "user_key")
+public class UserKey implements Serializable {
+    @Serial
+    private static final long serialVersionUID = 1L;
+    @Schema(description = "user_key ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank(message = "{user_key.id.not_blank}", groups = {Updated.class})
+    @Size(min = 1, max = 32, message = "{user_key.id.length_range}", groups = {Created.class, Updated.class})
+    private String id;
+    @Schema(description = "用户ID")
+    private String createUser;
+    @Schema(description = "access_key", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank(message = "{user_key.access_key.not_blank}", groups = {Created.class})
+    @Size(min = 1, max = 50, message = "{user_key.access_key.length_range}", groups = {Created.class, Updated.class})
+    private String accessKey;
+    @Schema(description = "secret key", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank(message = "{user_key.secret_key.not_blank}", groups = {Created.class})
+    @Size(min = 1, max = 50, message = "{user_key.secret_key.length_range}", groups = {Created.class, Updated.class})
+    private String secretKey;
+    @Schema(description = "创建时间")
+    private Long createTime;
+    @Schema(description = "状态")
+    private Boolean enable;
+    @Schema(description = "是否永久有效", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotNull(message = "{user_key.forever.not_blank}", groups = {Created.class})
+    private Boolean forever;
+    @Schema(description = "到期时间")
+    private Long expireTime;
+    private String description;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/UserRole.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/UserRole.java
new file mode 100644
index 0000000..07b5dfd
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/UserRole.java
@@ -0,0 +1,24 @@
+package cn.cordys.crm.system.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+/**
+ * 用户关联角色
+ *
+ * @author jianxing
+ * @date 2025-01-06 14:31:33
+ */
+@Data
+@Table(name = "sys_user_role")
+public class UserRole extends BaseModel {
+
+    @Schema(description = "角色id")
+    private String roleId;
+
+    @Schema(description = "用户id")
+    private String userId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/UserView.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/UserView.java
new file mode 100644
index 0000000..9ba8050
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/UserView.java
@@ -0,0 +1,36 @@
+package cn.cordys.crm.system.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+@Data
+@Table(name = "sys_user_view")
+public class UserView extends BaseModel {
+
+    @Schema(description = "用户id")
+    private String userId;
+
+    @Schema(description = "视图名称")
+    private String name;
+
+    @Schema(description = "是否固定视图")
+    private Boolean fixed;
+
+    @Schema(description = "状态")
+    private Boolean enable;
+
+    @Schema(description = "资源类型(客户/线索/商机)")
+    private String resourceType;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+
+    @Schema(description = "排序")
+    private Long pos;
+
+    @Schema(description = "匹配模式(AND/OR)")
+    private String searchMode;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/UserViewCondition.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/UserViewCondition.java
new file mode 100644
index 0000000..1e9b557
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/UserViewCondition.java
@@ -0,0 +1,36 @@
+package cn.cordys.crm.system.domain;
+
+import cn.cordys.common.domain.BaseModel;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.persistence.Table;
+import lombok.Data;
+
+
+@Data
+@Table(name = "sys_user_view_condition")
+public class UserViewCondition extends BaseModel {
+
+    @Schema(description = "视图id")
+    private String sysUserViewId;
+
+    @Schema(description = "参数名称")
+    private String name;
+
+    @Schema(description = "参数值")
+    private String value;
+
+    @Schema(description = "参数值类型")
+    private String valueType;
+
+    @Schema(description = "类型")
+    private String type;
+
+    @Schema(description = "是否是多选值")
+    private Boolean multipleValue;
+
+    @Schema(description = "操作符")
+    private String operator;
+
+    @Schema(description = "参数值列表")
+    private String childrenValue;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/domain/WorkerNode.java b/backend/crm/src/main/java/cn/cordys/crm/system/domain/WorkerNode.java
new file mode 100644
index 0000000..d9a0388
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/domain/WorkerNode.java
@@ -0,0 +1,41 @@
+package cn.cordys.crm.system.domain;
+
+import cn.cordys.common.groups.Created;
+import cn.cordys.common.groups.Updated;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.NotNull;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.io.Serial;
+import java.io.Serializable;
+
+@Data
+public class WorkerNode implements Serializable {
+    @Serial
+    private static final long serialVersionUID = 1L;
+    @Schema(description = "auto increment id", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank(message = "{worker_node.id.not_blank}", groups = {Updated.class})
+    private Long id;
+    @Schema(description = "host name", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank(message = "{worker_node.host_name.not_blank}", groups = {Created.class})
+    @Size(min = 1, max = 64, message = "{worker_node.host_name.length_range}", groups = {Created.class, Updated.class})
+    private String hostName;
+    @Schema(description = "port", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank(message = "{worker_node.port.not_blank}", groups = {Created.class})
+    @Size(min = 1, max = 64, message = "{worker_node.port.length_range}", groups = {Created.class, Updated.class})
+    private String port;
+    @Schema(description = "node type: ACTUAL or CONTAINER", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotNull(message = "{worker_node.type.not_blank}", groups = {Created.class})
+    private Integer type;
+    @Schema(description = "launch date", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotNull(message = "{worker_node.launch_date.not_blank}", groups = {Created.class})
+    private Long launchDate;
+    @Schema(description = "modified time", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotNull(message = "{worker_node.modified.not_blank}", groups = {Created.class})
+    private Long modified;
+    @Schema(description = "created time", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotNull(message = "{worker_node.created.not_blank}", groups = {Created.class})
+    private Long created;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/AnnouncementReceiveTypeDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/AnnouncementReceiveTypeDTO.java
new file mode 100644
index 0000000..54a7a67
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/AnnouncementReceiveTypeDTO.java
@@ -0,0 +1,18 @@
+package cn.cordys.crm.system.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class AnnouncementReceiveTypeDTO {
+    @Schema(description = "部门ID")
+    private List<String> deptIds;
+
+    @Schema(description = "角色ID")
+    private List<String> roleIds;
+
+    @Schema(description = "用户ID")
+    private List<String> userIds;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/DatasourceRefBusinessDetail.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/DatasourceRefBusinessDetail.java
new file mode 100644
index 0000000..e50a364
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/DatasourceRefBusinessDetail.java
@@ -0,0 +1,21 @@
+package cn.cordys.crm.system.dto;
+
+import cn.cordys.crm.contract.domain.BusinessTitle;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.math.BigDecimal;
+
+/**
+ * 数据源引用业务详情字段
+ * @author song-cc-rock
+ */
+@Data
+public class DatasourceRefBusinessDetail extends BusinessTitle {
+
+	@Schema(description = "价格")
+	private BigDecimal price;
+
+	@Schema(description = "状态")
+	private String status;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/DatasourceRefDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/DatasourceRefDTO.java
new file mode 100644
index 0000000..6227842
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/DatasourceRefDTO.java
@@ -0,0 +1,29 @@
+package cn.cordys.crm.system.dto;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.OptionDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Map;
+
+/**
+ * 数据源引用详情信息
+ * @author song-cc-rock
+ */
+@Data
+public class DatasourceRefDTO extends DatasourceRefBusinessDetail {
+
+	@Schema(description = "数据源ID")
+	private String id;
+
+	@Schema(description = "自定义字段集合")
+	private List<BaseModuleFieldValue> moduleFields;
+
+	@Schema(description = "产品子列表")
+	private List<Map<String, Object>> products;
+
+	@Schema(description = "选项集合")
+	private Map<String, List<OptionDTO>> optionMap;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/DictConfigDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/DictConfigDTO.java
new file mode 100644
index 0000000..54267f9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/DictConfigDTO.java
@@ -0,0 +1,18 @@
+package cn.cordys.crm.system.dto;
+
+import cn.cordys.crm.system.domain.Dict;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Builder;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+@Builder
+public class DictConfigDTO {
+
+    @Schema(description = "字典值是否启用")
+    private Boolean enable;
+    @Schema(description = "字典值列表")
+    private List<Dict> dictList;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/FilterConditionDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/FilterConditionDTO.java
new file mode 100644
index 0000000..1f69daa
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/FilterConditionDTO.java
@@ -0,0 +1,25 @@
+package cn.cordys.crm.system.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+/**
+ * @author song-cc-rock
+ */
+@Data
+public class FilterConditionDTO {
+
+    @Schema(description = "列")
+    private String column;
+    @Schema(description = "操作符")
+    private String operator;
+    @Schema(description = "值")
+    private List<String> value;
+    @Schema(description = "类型")
+    private String type;
+
+    @Schema(description = "显示字段的主表名")
+    private String refMainTableName;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/LicenseDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/LicenseDTO.java
new file mode 100644
index 0000000..de1c87b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/LicenseDTO.java
@@ -0,0 +1,55 @@
+package cn.cordys.crm.system.dto;
+
+import cn.cordys.crm.system.constants.LicenseStatus;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.io.Serial;
+import java.io.Serializable;
+
+@Data
+public class LicenseDTO implements Serializable {
+    @Serial
+    private static final long serialVersionUID = 1L;
+
+    /**
+     * 客户名称
+     */
+    @Schema(description = "客户名称")
+    private String corporation = "CORDYS";
+    /**
+     * 授权截止时间
+     */
+    @Schema(description = "授权截止时间")
+    private String expired;
+    /**
+     * 产品名称
+     */
+    @Schema(description = "产品名称")
+    private String product = "CRM";
+    /**
+     * 产品版本
+     */
+    @Schema(description = "产品版本")
+    private String edition;
+    /**
+     * License版本
+     */
+    @Schema(description = "license版本")
+    private String licenseVersion;
+    /**
+     * 授权数量
+     */
+    @Schema(description = "授权数量")
+    private int count;
+
+    /**
+     * 状态
+     */
+    @Schema(example = "invalid", description = "License 状态包括[ valid, invalid, expired, not_found ]")
+    private String status;
+
+    public LicenseDTO() {
+        this.status = LicenseStatus.NOT_FOUND.getName();
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/MessageDetailDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/MessageDetailDTO.java
new file mode 100644
index 0000000..31cf420
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/MessageDetailDTO.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.system.dto;
+
+import lombok.Data;
+
+import java.io.Serializable;
+
+@Data
+public class MessageDetailDTO implements Serializable {
+    private String id;
+    private String event;
+    private String taskType;
+    private Long createTime;
+    private String template;
+    private String subject;
+    private String organizationId;
+    private boolean emailEnable;
+    private boolean sysEnable;
+    private boolean weComEnable;
+    private boolean dingTalkEnable;
+    private boolean larkEnable;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/MessageTaskConfigDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/MessageTaskConfigDTO.java
new file mode 100644
index 0000000..153a0d3
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/MessageTaskConfigDTO.java
@@ -0,0 +1,29 @@
+package cn.cordys.crm.system.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.io.Serializable;
+import java.util.List;
+
+@Data
+public class MessageTaskConfigDTO implements Serializable {
+
+    @Schema(description = "时间列表")
+    private List<TimeDTO> timeList;
+
+    @Schema(description = "通知人员ids,包含特殊值，负责人OWNER/创建人CREATE_USER")
+    private List<String> userIds;
+
+    @Schema(description = "通知角色ids")
+    private List<String> roleIds;
+
+    @Schema(description = "是否通知负责人")
+    private boolean ownerEnable;
+
+    @Schema(description = "负责人层级")
+    private int ownerLevel;
+
+    @Schema(description = "是否通知角色")
+    private boolean roleEnable;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/MessageTaskConfigWithNameDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/MessageTaskConfigWithNameDTO.java
new file mode 100644
index 0000000..998ed79
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/MessageTaskConfigWithNameDTO.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.system.dto;
+
+import cn.cordys.common.dto.OptionDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.io.Serializable;
+import java.util.List;
+
+@Data
+public class MessageTaskConfigWithNameDTO extends MessageTaskConfigDTO implements Serializable {
+
+    @Schema(description = "通知人员ids,包含特殊值，负责人OWNER/创建人CREATE_USER")
+    private List<OptionDTO> userIdNames;
+
+    @Schema(description = "通知角色ids")
+    private List<OptionDTO> roleIdNames;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/ModuleDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/ModuleDTO.java
new file mode 100644
index 0000000..16dfb3c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/ModuleDTO.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.system.dto;
+
+import cn.cordys.crm.system.domain.Module;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class ModuleDTO extends Module {
+
+    @Schema(description = "是否禁用模块")
+    private Boolean disabled;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/RuleConditionDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/RuleConditionDTO.java
new file mode 100644
index 0000000..e0d4c23
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/RuleConditionDTO.java
@@ -0,0 +1,169 @@
+package cn.cordys.crm.system.dto;
+
+import cn.cordys.crm.system.constants.RecycleConditionOperator;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+import org.apache.commons.lang3.Strings;
+
+import java.time.*;
+import java.time.temporal.TemporalAdjusters;
+import java.util.ArrayList;
+import java.util.List;
+
+@Data
+@NoArgsConstructor
+@AllArgsConstructor
+public class RuleConditionDTO {
+
+    @Schema(description = "列")
+    private String column;
+    @Schema(description = "操作符")
+    private String operator;
+    @Schema(description = "值")
+    private String value;
+    @Schema(description = "范围, 只有列为入库时间有范围值")
+    private List<String> scope;
+
+    /**
+     * 获取动态时间
+     *
+     * @return 动态时间
+     */
+    public LocalDateTime getDynamicTime() {
+        if (!Strings.CS.equals(this.operator, RecycleConditionOperator.DYNAMICS.name())) {
+            return null;
+        }
+        LocalDateTime now = LocalDateTime.now();
+        String[] timeArr = this.value.split(",");
+        //兼容旧数据的计算
+        if (timeArr.length == 2) {
+            return switch (timeArr[1]) {
+                case "month" -> now.minusMonths(Long.parseLong(timeArr[0]));
+                case "week" -> now.minusWeeks(Long.parseLong(timeArr[0]));
+                case "day" -> now.minusDays(Long.parseLong(timeArr[0]));
+                default -> null;
+            };
+        } else if (timeArr.length == 3) {
+            String dateValue = timeArr[1];
+            String dateUnit = timeArr[2];
+            long dateNumber = Long.parseLong(dateValue);
+            return switch (dateUnit) {
+                case "BEFORE_DAY" -> now.minusDays(dateNumber);
+                case "AFTER_DAY" -> now.plusDays(dateNumber);
+                case "BEFORE_WEEK" -> now.minusWeeks(dateNumber);
+                case "AFTER_WEEK" -> now.plusWeeks(dateNumber);
+                case "BEFORE_MONTH" -> now.minusMonths(dateNumber);
+                case "AFTER_MONTH" -> now.plusMonths(dateNumber);
+                default -> null;
+            };
+        }
+        return null;
+    }
+
+
+    public List<Long> getDynamicTimeList() {
+        if (!Strings.CS.equals(this.operator, RecycleConditionOperator.DYNAMICS.name())) {
+            return null;
+        }
+        List<Long> timestamps = new ArrayList<>();
+        String[] timeArr = this.value.split(",");
+        //TODO：兼容旧数据的计算
+        if (timeArr.length == 1) {
+            switch (timeArr[0]) {
+                case "TODAY" -> {
+                    // 获取今天的日期
+                    LocalDate today = LocalDate.now();
+                    long timestamp = getTimestamp(today.atStartOfDay());
+                    timestamps.add(timestamp);
+                    long timestampEnd = getTimestamp(today.atTime(23, 59, 59, 999_000_000));
+                    timestamps.add(timestampEnd);
+                }
+                case "YESTERDAY" -> {
+                    LocalDate yesterday = LocalDate.now().minusDays(1);
+                    long timestamp = getTimestamp(yesterday.atStartOfDay());
+                    timestamps.add(timestamp);
+                    long timestampEnd = getTimestamp(yesterday.atTime(23, 59, 59, 999_000_000));
+                    timestamps.add(timestampEnd);
+                }
+                case "TOMORROW" -> {
+                    LocalDate tomorrow = LocalDate.now().plusDays(1);
+                    long timestamp = getTimestamp(tomorrow.atStartOfDay());
+                    timestamps.add(timestamp);
+                    long timestampEnd = getTimestamp(tomorrow.atTime(23, 59, 59, 999_000_000));
+                    timestamps.add(timestampEnd);
+                }
+                case "WEEK" -> {
+                    LocalDate startOfWeek = LocalDate.now().with(java.time.DayOfWeek.MONDAY);
+                    long timestamp = getTimestamp(startOfWeek.atStartOfDay());
+                    timestamps.add(timestamp);
+                    LocalDate now = LocalDate.now().with(DayOfWeek.SUNDAY);
+                    long timestampEnd = getTimestamp(now.atTime(23, 59, 59, 999_000_000));
+                    timestamps.add(timestampEnd);
+                }
+                case "LAST_WEEK" -> {
+                    LocalDate startOfLastWeek = LocalDate.now().minusWeeks(1).with(java.time.DayOfWeek.MONDAY);
+                    long timestamp = getTimestamp(startOfLastWeek.atStartOfDay());
+                    timestamps.add(timestamp);
+                    LocalDate startOfLastWeekEnd = LocalDate.now().minusWeeks(1).with(DayOfWeek.SUNDAY);
+                    long timestampEnd = getTimestamp(startOfLastWeekEnd.plusDays(7).atTime(23, 59, 59, 999_000_000));
+                    timestamps.add(timestampEnd);
+                }
+                case "MONTH" -> {
+                    LocalDate startOfMonth = LocalDate.now().withDayOfMonth(1);
+                    long timestamp = getTimestamp(startOfMonth.atStartOfDay());
+                    timestamps.add(timestamp);
+                    LocalDate now = LocalDate.now().with(TemporalAdjusters.lastDayOfMonth());
+                    long timestampEnd = getTimestamp(now.atTime(23, 59, 59, 999_000_000));
+                    timestamps.add(timestampEnd);
+                }
+                case "LAST_MONTH" -> {
+                    LocalDate startOfLastMonth = LocalDate.now().minusMonths(1).withDayOfMonth(1);
+                    long timestamp = getTimestamp(startOfLastMonth.atStartOfDay());
+                    timestamps.add(timestamp);
+                    LocalDate startOfLastMonthEnd = LocalDate.now().minusMonths(1).with(TemporalAdjusters.lastDayOfMonth());
+                    long timestampEnd = getTimestamp(startOfLastMonthEnd.atTime(23, 59, 59, 999_000_000));
+                    timestamps.add(timestampEnd);
+                }
+                case "LAST_SEVEN" -> {
+                    LocalDate startOfLastSevenDays = LocalDate.now().minusDays(7);
+                    long timestamp = getTimestamp(startOfLastSevenDays.atStartOfDay());
+                    timestamps.add(timestamp);
+                    long timestampEnd = getTimestamp(LocalDate.now().atStartOfDay());
+                    timestamps.add(timestampEnd);
+                }
+                case "SEVEN" -> {
+                    LocalDate startOfNextSevenDays = LocalDate.now().plusDays(6);
+                    long timestamp = getTimestamp(LocalDate.now().atStartOfDay());
+                    timestamps.add(timestamp);
+                    long timestampEnd = getTimestamp(startOfNextSevenDays.atTime(23, 59, 59, 999_000_000));
+                    timestamps.add(timestampEnd);
+                }
+                case "LAST_THIRTY" -> {
+                    LocalDate startOfLastThirtyDays = LocalDate.now().minusDays(30);
+                    long timestamp = getTimestamp(startOfLastThirtyDays.atStartOfDay());
+                    timestamps.add(timestamp);
+                    long timestampEnd = getTimestamp(LocalDate.now().atStartOfDay());
+                    timestamps.add(timestampEnd);
+                }
+                case "THIRTY" -> {
+                    LocalDate startOfNextThirtyDays = LocalDate.now().plusDays(29);
+                    long timestamp = getTimestamp(LocalDate.now().atStartOfDay());
+                    timestamps.add(timestamp);
+                    long timestampEnd = getTimestamp(startOfNextThirtyDays.atTime(23, 59, 59, 999_000_000));
+                    timestamps.add(timestampEnd);
+                }
+            }
+        }
+        return timestamps;
+    }
+
+    private long getTimestamp(LocalDateTime today) {
+        // 使用系统默认时区
+        ZonedDateTime zonedEndOfDay = today.atZone(ZoneId.systemDefault());
+        // 转为时间戳（毫秒）
+        return zonedEndOfDay.toInstant().toEpochMilli();
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/ScopeNameDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/ScopeNameDTO.java
new file mode 100644
index 0000000..887b9b8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/ScopeNameDTO.java
@@ -0,0 +1,21 @@
+package cn.cordys.crm.system.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.AllArgsConstructor;
+import lombok.Builder;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+@Data
+@Builder
+@NoArgsConstructor
+@AllArgsConstructor
+public class ScopeNameDTO {
+
+    @Schema(description = "ID")
+    private String id;
+    @Schema(description = "范围")
+    private String scope;
+    @Schema(description = "名称")
+    private String name;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/ThirdAuthConfigDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/ThirdAuthConfigDTO.java
new file mode 100644
index 0000000..c51a6d7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/ThirdAuthConfigDTO.java
@@ -0,0 +1,27 @@
+package cn.cordys.crm.system.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class ThirdAuthConfigDTO {
+    @Schema(description = "类型")
+    private String type;
+    @Schema(description = "企业ID")
+    private String corpId;
+    @Schema(description = "应用ID")
+    private String agentId;
+    @Schema(description = "应用key")
+    private String appKey;
+    @Schema(description = "应用密钥", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String appSecret;
+    @Schema(description = "扫码登录开启")
+    private Boolean qrcodeEnable;
+    @Schema(description = "同步开启")
+    private Boolean syncEnable;
+    @Schema(description = "是否验证通过")
+    private Boolean verify;
+    @Schema(description = "回调地址")
+    private String redirectUrl;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/TimeDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/TimeDTO.java
new file mode 100644
index 0000000..a8dbb0a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/TimeDTO.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.system.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.io.Serializable;
+
+@Data
+public class TimeDTO implements Serializable {
+    @Schema(description = "时间值")
+    private Integer timeValue;
+
+    @Schema(description = "时间单位: MINUTE/HOUR/DAY/WEEK/MONTH")
+    private String timeUnit;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/TransformSourceApplyDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/TransformSourceApplyDTO.java
new file mode 100644
index 0000000..89383fd
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/TransformSourceApplyDTO.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.system.dto;
+
+import lombok.Data;
+
+@Data
+public class TransformSourceApplyDTO {
+
+    /**
+     * 实际值
+     */
+    private Object actualVal;
+    /**
+     * 显示值
+     */
+    private Object displayVal;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/UserSimple.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/UserSimple.java
new file mode 100644
index 0000000..24f899f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/UserSimple.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.system.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+
+@Data
+@AllArgsConstructor
+public class UserSimple {
+
+	@Schema(description = "用户ID")
+	private String id;
+	@Schema(description = "用户名")
+	private String name;
+	@Schema(description = "头像")
+	private String avatar;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/VersionInfoDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/VersionInfoDTO.java
new file mode 100644
index 0000000..1dc1ea6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/VersionInfoDTO.java
@@ -0,0 +1,35 @@
+package cn.cordys.crm.system.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.AllArgsConstructor;
+import lombok.Builder;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import java.io.Serial;
+import java.io.Serializable;
+
+@Data
+@Schema(description = "版本信息返回对象")
+@Builder
+@NoArgsConstructor
+@AllArgsConstructor
+public class VersionInfoDTO implements Serializable {
+    @Serial
+    private static final long serialVersionUID = 1L;
+
+    @Schema(description = "当前系统正在运行的版本", example = "v1.0.0")
+    private String currentVersion;
+
+    @Schema(description = "最新可用版本（用于提示升级）", example = "v1.1.0")
+    private String latestVersion;
+
+    @Schema(description = "系统架构，例如 amd64, arm64", example = "amd64")
+    private String architecture;
+
+    @Schema(description = "版权描述", example = "© 2025 YourCompany. All rights reserved.")
+    private String copyright;
+
+    @Schema(description = "是否有最新版本")
+    private Boolean hasNewVersion;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/convert/AnnouncementContentDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/convert/AnnouncementContentDTO.java
new file mode 100644
index 0000000..a9178a9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/convert/AnnouncementContentDTO.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.system.dto.convert;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class AnnouncementContentDTO {
+
+    @Schema(description = "链接")
+    private String url;
+
+    @Schema(description = "重命名链接")
+    private String renameUrl;
+
+    @Schema(description = "公告内容")
+    private String content;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/convert/UserRoleConvert.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/convert/UserRoleConvert.java
new file mode 100644
index 0000000..7b0ec75
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/convert/UserRoleConvert.java
@@ -0,0 +1,11 @@
+package cn.cordys.crm.system.dto.convert;
+
+import cn.cordys.common.dto.OptionDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class UserRoleConvert extends OptionDTO {
+    @Schema(description = "选项ID")
+    private String userId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/AttachmentField.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/AttachmentField.java
new file mode 100644
index 0000000..fe75399
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/AttachmentField.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.system.dto.field;
+
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import com.fasterxml.jackson.annotation.JsonTypeName;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+@Data
+@JsonTypeName(value = "ATTACHMENT")
+@EqualsAndHashCode(callSuper = true)
+public class AttachmentField extends BaseField {
+
+    @Schema(description = "仅允许单文件上传")
+    private Boolean onlyOne;
+
+    @Schema(description = "允许上传的文件类型，逗号分隔")
+    private String accept;
+
+    @Schema(description = "单个文件大小限制, 默认100MB")
+    private String limitSize;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/CheckBoxField.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/CheckBoxField.java
new file mode 100644
index 0000000..b7df4a6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/CheckBoxField.java
@@ -0,0 +1,42 @@
+package cn.cordys.crm.system.dto.field;
+
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.field.base.HasOption;
+import cn.cordys.crm.system.dto.field.base.LinkProp;
+import cn.cordys.crm.system.dto.field.base.OptionProp;
+import com.fasterxml.jackson.annotation.JsonTypeName;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+import java.util.List;
+
+@Data
+@JsonTypeName(value = "CHECKBOX")
+@EqualsAndHashCode(callSuper = true)
+public class CheckBoxField extends BaseField implements HasOption {
+
+    @Schema(description = "选项值")
+    private List<OptionProp> options;
+
+	@Schema(description = "选项来源", allowableValues = {"custom", "ref"})
+	private String optionSource;
+
+	@Schema(description = "自定义选项值")
+	private List<OptionProp> customOptions;
+
+	@Schema(description = "选项引用ID (optionSource=ref 时生效)")
+	private String refId;
+
+	@Schema(description = "引用表单key (optionSource=ref 时生效)")
+	private String refFormKey;
+
+    @Schema(description = "默认值")
+    private List<String> defaultValue;
+
+    @Schema(description = "分布方式", allowableValues = {"horizontal", "vertical"})
+    private String direction;
+
+    @Schema(description = "联动属性")
+    private LinkProp linkProp;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/DatasourceField.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/DatasourceField.java
new file mode 100644
index 0000000..9a80a38
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/DatasourceField.java
@@ -0,0 +1,44 @@
+package cn.cordys.crm.system.dto.field;
+
+import cn.cordys.common.constants.EnumValue;
+import cn.cordys.crm.system.constants.FieldSourceType;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.form.base.SourceLink;
+import com.fasterxml.jackson.annotation.JsonTypeName;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+import java.util.List;
+import java.util.Map;
+
+/**
+ * @author song-cc-rock
+ */
+@Data
+@JsonTypeName(value = "DATA_SOURCE")
+@EqualsAndHashCode(callSuper = true)
+public class DatasourceField extends BaseField {
+
+    @EnumValue(enumClass = FieldSourceType.class)
+    @Schema(description = "数据源类型")
+    private String dataSourceType;
+
+    @Schema(description = "过滤条件")
+    private Map<String, Object> combineSearch;
+
+	@Schema(description = "显示字段ID集合, 前端用来映射引用字段")
+	private List<String> showFields;
+
+	@Schema(description = "引用的字段集合")
+	private List<BaseField> refFields;
+
+	@Schema(description = "联动配置(外层普通字段)")
+	private List<SourceLink> linkFields;
+
+	@Schema(description = "子表格联动配置")
+	private List<SourceLink> childLinkFields;
+
+	@Schema(description = "数据列表显示字段")
+	private List<String> listDisplayFields;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/DatasourceMultipleField.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/DatasourceMultipleField.java
new file mode 100644
index 0000000..7602056
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/DatasourceMultipleField.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.system.dto.field;
+
+import com.fasterxml.jackson.annotation.JsonTypeName;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+/**
+ * @author song-cc-rock
+ */
+@Data
+@JsonTypeName(value = "DATA_SOURCE_MULTIPLE")
+@EqualsAndHashCode(callSuper = true)
+public class DatasourceMultipleField extends DatasourceField {
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/DateTimeField.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/DateTimeField.java
new file mode 100644
index 0000000..f15ac47
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/DateTimeField.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.system.dto.field;
+
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import com.fasterxml.jackson.annotation.JsonTypeName;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+@Data
+@JsonTypeName(value = "DATE_TIME")
+@EqualsAndHashCode(callSuper = true)
+public class DateTimeField extends BaseField {
+
+    @Schema(description = "日期类型|格式", allowableValues = {"month", "date", "datetime"})
+    private String dateType;
+
+    @Schema(description = "默认值类型", allowableValues = {"custom", "current"})
+    private String dateDefaultType;
+
+    @Schema(description = "默认值(自定义)")
+    private Long defaultValue;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/DepartmentField.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/DepartmentField.java
new file mode 100644
index 0000000..1b9f472
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/DepartmentField.java
@@ -0,0 +1,24 @@
+package cn.cordys.crm.system.dto.field;
+
+import cn.cordys.crm.system.domain.Department;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import com.fasterxml.jackson.annotation.JsonTypeName;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+import java.util.List;
+
+@Data
+@JsonTypeName(value = "DEPARTMENT")
+@EqualsAndHashCode(callSuper = true)
+public class DepartmentField extends BaseField {
+    @Schema(description = "默认值")
+    private String defaultValue;
+
+    @Schema(description = "是否当前部门")
+    private Boolean hasCurrentUserDept;
+
+    @Schema(description = "默认值初始化选项")
+    private List<Department> initialOptions;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/DepartmentMultipleField.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/DepartmentMultipleField.java
new file mode 100644
index 0000000..a29b1b5
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/DepartmentMultipleField.java
@@ -0,0 +1,25 @@
+package cn.cordys.crm.system.dto.field;
+
+import cn.cordys.crm.system.domain.Department;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import com.fasterxml.jackson.annotation.JsonTypeName;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+import java.util.ArrayList;
+import java.util.List;
+
+@Data
+@JsonTypeName(value = "DEPARTMENT_MULTIPLE")
+@EqualsAndHashCode(callSuper = true)
+public class DepartmentMultipleField extends BaseField {
+    @Schema(description = "默认值")
+    private List<String> defaultValue = new ArrayList<>();
+
+    @Schema(description = "是否当前部门")
+    private Boolean hasCurrentUserDept;
+
+    @Schema(description = "默认值初始化选项")
+    private List<Department> initialOptions;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/DividerField.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/DividerField.java
new file mode 100644
index 0000000..d8bdd9f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/DividerField.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.system.dto.field;
+
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import com.fasterxml.jackson.annotation.JsonTypeName;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+@Data
+@JsonTypeName(value = "DIVIDER")
+@EqualsAndHashCode(callSuper = true)
+public class DividerField extends BaseField {
+
+    @Schema(description = "分隔线样式")
+    private String dividerClass;
+    @Schema(description = "分隔线颜色")
+    private String dividerColor;
+    @Schema(description = "标题颜色")
+    private String titleColor;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/FormulaField.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/FormulaField.java
new file mode 100644
index 0000000..74cc239
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/FormulaField.java
@@ -0,0 +1,23 @@
+package cn.cordys.crm.system.dto.field;
+
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import com.fasterxml.jackson.annotation.JsonTypeName;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+/**
+ * 公式字段
+ * @author song-cc-rock
+ */
+@Data
+@JsonTypeName(value = "FORMULA")
+@EqualsAndHashCode(callSuper = true)
+public class FormulaField extends BaseField {
+
+	@Schema(description = "公式")
+	private String formula;
+
+	@Schema(description = "显示千分位")
+	private Boolean showThousandsSeparator;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/IndustryField.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/IndustryField.java
new file mode 100644
index 0000000..3026c2b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/IndustryField.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.system.dto.field;
+
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import com.fasterxml.jackson.annotation.JsonTypeName;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+/**
+ * @author song-cc-rock
+ */
+@Data
+@JsonTypeName(value = "INDUSTRY")
+@EqualsAndHashCode(callSuper = true)
+public class IndustryField extends BaseField {
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/InputField.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/InputField.java
new file mode 100644
index 0000000..95456b0
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/InputField.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.system.dto.field;
+
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import com.fasterxml.jackson.annotation.JsonTypeName;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+@Data
+@JsonTypeName(value = "INPUT")
+@EqualsAndHashCode(callSuper = true)
+public class InputField extends BaseField {
+
+    @Schema(description = "默认值")
+    private String defaultValue;
+
+	@Schema(description = "默认值类型", allowableValues = {"custom", "formula"})
+	private String defaultValueType;
+
+	@Schema(description = "公式")
+	private String formula;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/InputMultipleField.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/InputMultipleField.java
new file mode 100644
index 0000000..bd3f4ad
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/InputMultipleField.java
@@ -0,0 +1,14 @@
+package cn.cordys.crm.system.dto.field;
+
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import com.fasterxml.jackson.annotation.JsonTypeName;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+@Data
+@JsonTypeName(value = "INPUT_MULTIPLE")
+@EqualsAndHashCode(callSuper = true)
+public class InputMultipleField extends BaseField {
+
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/InputNumberField.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/InputNumberField.java
new file mode 100644
index 0000000..23c3066
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/InputNumberField.java
@@ -0,0 +1,83 @@
+package cn.cordys.crm.system.dto.field;
+
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import com.fasterxml.jackson.annotation.JsonTypeName;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+import java.math.BigDecimal;
+import java.math.RoundingMode;
+import java.text.DecimalFormat;
+
+@Data
+@JsonTypeName(value = "INPUT_NUMBER")
+@EqualsAndHashCode(callSuper = true)
+public class InputNumberField extends BaseField {
+
+    @Schema(description = "默认值")
+    private Double defaultValue;
+
+    @Schema(description = "最小值范围")
+    private Integer min;
+
+    @Schema(description = "最大值范围")
+    private Integer max;
+
+    @Schema(description = "格式", allowableValues = {"percent", "number", "currency"})
+    private String numberFormat;
+
+    @Schema(description = "保留小数点位数")
+    private Boolean decimalPlaces;
+
+    @Schema(description = "位数")
+    private int precision;
+
+    @Schema(description = "显示千分位")
+    private Boolean showThousandsSeparator;
+
+	public static String formatThousands(BigDecimal num) {
+		if (num == null) {
+			return null;
+		}
+		String plain = num.toPlainString();
+		int dotIndex = plain.indexOf('.');
+		String integerPart;
+		String decimalPart = "";
+		if (dotIndex >= 0) {
+			integerPart = plain.substring(0, dotIndex);
+			decimalPart = plain.substring(dotIndex);
+		} else {
+			integerPart = plain;
+		}
+		DecimalFormat df = new DecimalFormat("#,##0");
+		return df.format(new BigDecimal(integerPart)) + decimalPart;
+	}
+
+	/**
+	 * 格式化数字
+	 * @param num 数字
+	 * @param precision 小数点位数
+	 * @param showThousandsSeparator 千分位
+	 * @param percent 百分比
+	 * @return 格式化后的字符串
+	 */
+	public static String formatNumber(BigDecimal num, int precision, boolean showThousandsSeparator, boolean percent) {
+		if (num == null) {
+			return null;
+		}
+		// 小数点位数
+		if (precision > 0) {
+			num = num.setScale(precision, RoundingMode.HALF_UP);
+		}
+		// 千分位
+		String formatActualVal;
+		if (showThousandsSeparator) {
+			formatActualVal = formatThousands(num);
+		} else {
+			formatActualVal = num.toPlainString();
+		}
+		// 百分比
+		return formatActualVal + (percent ? "%" : "");
+	}
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/LinkField.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/LinkField.java
new file mode 100644
index 0000000..c993296
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/LinkField.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.system.dto.field;
+
+
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import com.fasterxml.jackson.annotation.JsonTypeName;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+@Data
+@JsonTypeName(value = "LINK")
+@EqualsAndHashCode(callSuper = true)
+public class LinkField extends BaseField {
+
+    @Schema(description = "链接来源")
+    private String linkSource;
+
+    @Schema(description = "打开方式")
+    private String openMode;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/LocationField.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/LocationField.java
new file mode 100644
index 0000000..ebeb35f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/LocationField.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.system.dto.field;
+
+import cn.cordys.common.constants.EnumValue;
+import cn.cordys.crm.system.constants.LocationScope;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import com.fasterxml.jackson.annotation.JsonTypeName;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+@Data
+@JsonTypeName(value = "LOCATION")
+@EqualsAndHashCode(callSuper = true)
+public class LocationField extends BaseField {
+
+    @Schema(description = "地址范围")
+    @EnumValue(enumClass = LocationScope.class)
+    private String scope;
+
+    @Schema(description = "地址类型|格式")
+    private String locationType;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/MemberField.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/MemberField.java
new file mode 100644
index 0000000..7b3faf5
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/MemberField.java
@@ -0,0 +1,25 @@
+package cn.cordys.crm.system.dto.field;
+
+import cn.cordys.crm.system.domain.User;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import com.fasterxml.jackson.annotation.JsonTypeName;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+import java.util.List;
+
+@Data
+@JsonTypeName(value = "MEMBER")
+@EqualsAndHashCode(callSuper = true)
+public class MemberField extends BaseField {
+
+    @Schema(description = "默认值")
+    private String defaultValue;
+
+    @Schema(description = "是否当前用户")
+    private Boolean hasCurrentUser;
+
+    @Schema(description = "默认值初始化选项")
+    private List<User> initialOptions;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/MemberMultipleField.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/MemberMultipleField.java
new file mode 100644
index 0000000..b03aa77
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/MemberMultipleField.java
@@ -0,0 +1,26 @@
+package cn.cordys.crm.system.dto.field;
+
+import cn.cordys.crm.system.domain.User;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import com.fasterxml.jackson.annotation.JsonTypeName;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+import java.util.ArrayList;
+import java.util.List;
+
+@Data
+@JsonTypeName(value = "MEMBER_MULTIPLE")
+@EqualsAndHashCode(callSuper = true)
+public class MemberMultipleField extends BaseField {
+
+    @Schema(description = "默认值")
+    private List<String> defaultValue = new ArrayList<>();
+
+    @Schema(description = "是否当前用户")
+    private Boolean hasCurrentUser;
+
+    @Schema(description = "默认值初始化选项")
+    private List<User> initialOptions;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/PhoneField.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/PhoneField.java
new file mode 100644
index 0000000..3c03364
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/PhoneField.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.system.dto.field;
+
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import com.fasterxml.jackson.annotation.JsonTypeName;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+@Data
+@JsonTypeName(value = "PHONE")
+@EqualsAndHashCode(callSuper = true)
+public class PhoneField extends BaseField {
+
+    @Schema(description = "格式")
+    private String format;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/PictureField.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/PictureField.java
new file mode 100644
index 0000000..c4099fe
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/PictureField.java
@@ -0,0 +1,24 @@
+package cn.cordys.crm.system.dto.field;
+
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import com.fasterxml.jackson.annotation.JsonTypeName;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+@Data
+@JsonTypeName(value = "PICTURE")
+@EqualsAndHashCode(callSuper = true)
+public class PictureField extends BaseField {
+
+    @Schema(description = "图片显示", allowableValues = {"card", "list"})
+    private String pictureShowType;
+    @Schema(description = "图片上传数量限制")
+    private Boolean uploadLimitEnable;
+    @Schema(description = "数量")
+    private Long uploadLimit;
+    @Schema(description = "设置单个图片大小限制")
+    private Boolean uploadSizeLimitEnable;
+    @Schema(description = "单个图片大小")
+    private Long uploadSizeLimit;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/PriceSubField.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/PriceSubField.java
new file mode 100644
index 0000000..69a8b71
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/PriceSubField.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.system.dto.field;
+
+import cn.cordys.crm.system.dto.field.base.SubField;
+import com.fasterxml.jackson.annotation.JsonTypeName;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+@Data
+@JsonTypeName("SUB_PRICE")
+@EqualsAndHashCode(callSuper = true)
+public class PriceSubField extends SubField {
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/ProductSubField.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/ProductSubField.java
new file mode 100644
index 0000000..4f78686
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/ProductSubField.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.system.dto.field;
+
+import cn.cordys.crm.system.dto.field.base.SubField;
+import com.fasterxml.jackson.annotation.JsonTypeName;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+/**
+ * 产品子表字段
+ * @author song-cc-rock
+ */
+@Data
+@JsonTypeName(value = "SUB_PRODUCT")
+@EqualsAndHashCode(callSuper = true)
+public class ProductSubField extends SubField {
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/RadioField.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/RadioField.java
new file mode 100644
index 0000000..6bf6c37
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/RadioField.java
@@ -0,0 +1,43 @@
+package cn.cordys.crm.system.dto.field;
+
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.field.base.HasOption;
+import cn.cordys.crm.system.dto.field.base.LinkProp;
+import cn.cordys.crm.system.dto.field.base.OptionProp;
+import com.fasterxml.jackson.annotation.JsonTypeName;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+import java.util.List;
+
+
+@Data
+@JsonTypeName(value = "RADIO")
+@EqualsAndHashCode(callSuper = true)
+public class RadioField extends BaseField implements HasOption {
+
+    @Schema(description = "选项值")
+    private List<OptionProp> options;
+
+	@Schema(description = "自定义选项值")
+	private List<OptionProp> customOptions;
+
+	@Schema(description = "选项来源", allowableValues = {"custom", "ref"})
+	private String optionSource;
+
+	@Schema(description = "选项引用ID (optionSource=ref 时生效)")
+	private String refId;
+
+	@Schema(description = "引用表单key (optionSource=ref 时生效)")
+	private String refFormKey;
+
+    @Schema(description = "默认值")
+    private String defaultValue;
+
+    @Schema(description = "分布方式", allowableValues = {"horizontal", "vertical"})
+    private String direction;
+
+    @Schema(description = "联动属性")
+    private LinkProp linkProp;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/SelectField.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/SelectField.java
new file mode 100644
index 0000000..2c87ef6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/SelectField.java
@@ -0,0 +1,42 @@
+package cn.cordys.crm.system.dto.field;
+
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.field.base.HasOption;
+import cn.cordys.crm.system.dto.field.base.LinkProp;
+import cn.cordys.crm.system.dto.field.base.OptionProp;
+import com.fasterxml.jackson.annotation.JsonTypeName;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+import java.util.List;
+
+/**
+ * @author song-cc-rock
+ */
+@Data
+@JsonTypeName(value = "SELECT")
+@EqualsAndHashCode(callSuper = true)
+public class SelectField extends BaseField implements HasOption {
+
+    @Schema(description = "默认值")
+    private String defaultValue;
+
+    @Schema(description = "选项值")
+    private List<OptionProp> options;
+
+	@Schema(description = "自定义选项值")
+    private List<OptionProp> customOptions;
+
+	@Schema(description = "选项来源", allowableValues = {"custom", "ref"})
+	private String optionSource;
+
+	@Schema(description = "选项引用ID (optionSource=ref 时生效)")
+	private String refId;
+
+	@Schema(description = "引用表单key (optionSource=ref 时生效)")
+	private String refFormKey;
+
+    @Schema(description = "联动属性")
+    private LinkProp linkProp;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/SelectMultipleField.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/SelectMultipleField.java
new file mode 100644
index 0000000..6df6520
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/SelectMultipleField.java
@@ -0,0 +1,39 @@
+package cn.cordys.crm.system.dto.field;
+
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.field.base.HasOption;
+import cn.cordys.crm.system.dto.field.base.LinkProp;
+import cn.cordys.crm.system.dto.field.base.OptionProp;
+import com.fasterxml.jackson.annotation.JsonTypeName;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+import java.util.List;
+
+@Data
+@JsonTypeName(value = "SELECT_MULTIPLE")
+@EqualsAndHashCode(callSuper = true)
+public class SelectMultipleField extends BaseField implements HasOption {
+
+    @Schema(description = "默认值")
+    private List<String> defaultValue;
+
+    @Schema(description = "选项值")
+    private List<OptionProp> options;
+
+	@Schema(description = "自定义选项值")
+	private List<OptionProp> customOptions;
+
+	@Schema(description = "选项来源", allowableValues = {"custom", "ref"})
+	private String optionSource;
+
+	@Schema(description = "选项引用ID (optionSource=ref 时生效)")
+	private String refId;
+
+	@Schema(description = "引用表单key (optionSource=ref 时生效)")
+	private String refFormKey;
+
+    @Schema(description = "联动属性")
+    private LinkProp linkProp;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/SerialNumberField.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/SerialNumberField.java
new file mode 100644
index 0000000..5124605
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/SerialNumberField.java
@@ -0,0 +1,40 @@
+package cn.cordys.crm.system.dto.field;
+
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import com.fasterxml.jackson.annotation.JsonTypeName;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.util.List;
+
+@Data
+@JsonTypeName(value = "SERIAL_NUMBER")
+@EqualsAndHashCode(callSuper = true)
+public class SerialNumberField extends BaseField {
+
+	public static final String FORMULA = "formula";
+
+    @Schema(description = "流水号规则")
+    private List<String> serialNumberRules;
+
+	@Schema(description = "前缀固定字符类型", allowableValues = {"custom", "formula"})
+	private String prefixType;
+
+	@Schema(description = "公式, prefixType 为 formula")
+	private String formula;
+
+	/**
+	 * 获取流水号规则 (替换可解析的公式前缀)
+	 * @param formulaPrefix 公式前缀
+	 * @return 流水号规则
+	 */
+	public List<String> getSerialNumberRules(String formulaPrefix) {
+		if (Strings.CI.equals(this.prefixType, SerialNumberField.FORMULA) && StringUtils.isNotEmpty(formulaPrefix)) {
+			this.serialNumberRules.set(0 ,formulaPrefix);
+		}
+		return this.serialNumberRules;
+	}
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/TextAreaField.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/TextAreaField.java
new file mode 100644
index 0000000..58bd5cb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/TextAreaField.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.system.dto.field;
+
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import com.fasterxml.jackson.annotation.JsonTypeName;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+@Data
+@JsonTypeName(value = "TEXTAREA")
+@EqualsAndHashCode(callSuper = true)
+public class TextAreaField extends BaseField {
+    @Schema(description = "默认值")
+    private String defaultValue;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/base/BaseField.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/base/BaseField.java
new file mode 100644
index 0000000..e10bc5d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/base/BaseField.java
@@ -0,0 +1,238 @@
+package cn.cordys.crm.system.dto.field.base;
+
+import cn.cordys.crm.system.constants.FieldType;
+import cn.cordys.crm.system.dto.field.*;
+import com.fasterxml.jackson.annotation.JsonIgnore;
+import com.fasterxml.jackson.annotation.JsonSubTypes;
+import com.fasterxml.jackson.annotation.JsonTypeInfo;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Set;
+
+/**
+ * @author song-cc-rock
+ */
+@Data
+@JsonTypeInfo(use = JsonTypeInfo.Id.NAME, include = JsonTypeInfo.As.EXISTING_PROPERTY, property = "type", visible = true)
+@JsonSubTypes({
+        @JsonSubTypes.Type(value = InputField.class, name = "INPUT"),
+        @JsonSubTypes.Type(value = TextAreaField.class, name = "TEXTAREA"),
+        @JsonSubTypes.Type(value = InputNumberField.class, name = "INPUT_NUMBER"),
+        @JsonSubTypes.Type(value = DateTimeField.class, name = "DATE_TIME"),
+        @JsonSubTypes.Type(value = RadioField.class, name = "RADIO"),
+        @JsonSubTypes.Type(value = CheckBoxField.class, name = "CHECKBOX"),
+        @JsonSubTypes.Type(value = SelectField.class, name = "SELECT"),
+        @JsonSubTypes.Type(value = SelectMultipleField.class, name = "SELECT_MULTIPLE"),
+        @JsonSubTypes.Type(value = InputMultipleField.class, name = "INPUT_MULTIPLE"),
+        @JsonSubTypes.Type(value = MemberField.class, name = "MEMBER"),
+        @JsonSubTypes.Type(value = MemberMultipleField.class, name = "MEMBER_MULTIPLE"),
+        @JsonSubTypes.Type(value = DepartmentField.class, name = "DEPARTMENT"),
+        @JsonSubTypes.Type(value = DepartmentMultipleField.class, name = "DEPARTMENT_MULTIPLE"),
+        @JsonSubTypes.Type(value = DividerField.class, name = "DIVIDER"),
+        @JsonSubTypes.Type(value = PictureField.class, name = "PICTURE"),
+        @JsonSubTypes.Type(value = LocationField.class, name = "LOCATION"),
+        @JsonSubTypes.Type(value = PhoneField.class, name = "PHONE"),
+        @JsonSubTypes.Type(value = DatasourceField.class, name = "DATA_SOURCE"),
+        @JsonSubTypes.Type(value = DatasourceMultipleField.class, name = "DATA_SOURCE_MULTIPLE"),
+        @JsonSubTypes.Type(value = SerialNumberField.class, name = "SERIAL_NUMBER"),
+        @JsonSubTypes.Type(value = AttachmentField.class, name = "ATTACHMENT"),
+        @JsonSubTypes.Type(value = LinkField.class, name = "LINK"),
+        @JsonSubTypes.Type(value = IndustryField.class, name = "INDUSTRY"),
+        @JsonSubTypes.Type(value = ProductSubField.class, name = "SUB_PRODUCT"),
+        @JsonSubTypes.Type(value = PriceSubField.class, name = "SUB_PRICE"),
+        @JsonSubTypes.Type(value = FormulaField.class, name = "FORMULA"),
+})
+public abstract class BaseField {
+
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "名称")
+    private String name;
+
+    @Schema(description = "字段内置Key")
+    private String internalKey;
+
+    @Schema(description = "排序")
+    private Long pos;
+
+    @Schema(description = "类型")
+    private String type;
+
+    @Schema(description = "是否移动端")
+    private Boolean mobile;
+
+    @Schema(description = "是否展示标题")
+    private Boolean showLabel;
+
+    @Schema(description = "占位文本")
+    private String placeholder;
+
+    @Schema(description = "描述")
+    private String description;
+
+    @Schema(description = "是否可读")
+    private Boolean readable;
+
+    @Schema(description = "是否可编辑")
+    private Boolean editable;
+
+    @Schema(description = "字段宽度")
+    private Float fieldWidth;
+
+    @Schema(description = "校验规则详情")
+    private List<RuleProp> rules = new ArrayList<>();
+
+    @Schema(description = "显隐规则")
+    private List<ControlRuleProp> showControlRules;
+
+    @Schema(description = "业务模块字段（定义在主表中，有特定业务含义）")
+    private String businessKey;
+
+    @Schema(description = "禁止修改的参数")
+    private Set<String> disabledProps;
+
+	/**
+	 * 引用字段特有属性
+	 */
+	@Schema(description = "引用字段关联的数据源ID")
+	private String resourceFieldId;
+
+	/**
+	 * 子表格字段特有属性
+	 */
+	@Schema(description = "该字段所属子表格ID, 仅子表格字段使用, 用来区分该字段是外层字段还是子表格字段")
+	private String subTableFieldId;
+
+	/**
+	 * 是否系统字段 (后端)
+	 */
+	private boolean isSys;
+
+    @JsonIgnore
+    public static boolean isBlob(String type) {
+        return Strings.CS.equalsAny(type, FieldType.TEXTAREA.name(), FieldType.INPUT_MULTIPLE.name(),
+                FieldType.MEMBER_MULTIPLE.name(), FieldType.DEPARTMENT_MULTIPLE.name(), FieldType.SELECT_MULTIPLE.name(), FieldType.CHECKBOX.name(),
+                FieldType.DATA_SOURCE_MULTIPLE.name(), FieldType.ATTACHMENT.name(), FieldType.LINK.name());
+    }
+
+    @JsonIgnore
+    public boolean isBlob() {
+        return isBlob(this.type);
+    }
+
+    @JsonIgnore
+    public boolean isAttachment() {
+        return Strings.CS.equalsAny(type, FieldType.PICTURE.name(), FieldType.ATTACHMENT.name());
+    }
+
+    @JsonIgnore
+    public boolean isSerialNumber() {
+        return Strings.CS.equals(type, FieldType.SERIAL_NUMBER.name());
+    }
+
+	@JsonIgnore
+	public boolean includeFormula() {
+		if (Strings.CS.equals(type, FieldType.INPUT.name())) {
+			return StringUtils.isNotEmpty(((InputField) this).getFormula());
+		}
+		if (Strings.CS.equals(type, FieldType.FORMULA.name())) {
+			return StringUtils.isNotEmpty(((FormulaField) this).getFormula());
+		}
+		return false;
+	}
+
+	@JsonIgnore
+	public boolean isSubField() {
+		return Strings.CS.equalsAny(type, FieldType.SUB_PRICE.name(), FieldType.SUB_PRODUCT.name());
+	}
+
+    @JsonIgnore
+    public boolean needRepeatCheck() {
+        return Strings.CS.equalsAny(type, FieldType.INPUT.name(), FieldType.PHONE.name())
+                && rules.stream().anyMatch(rule -> Strings.CS.equals(rule.getKey(), "unique"));
+    }
+
+    @JsonIgnore
+    public boolean needInitialOptions() {
+        return Strings.CS.equalsAny(type, FieldType.MEMBER.name(), FieldType.DEPARTMENT.name());
+    }
+
+    @JsonIgnore
+    public boolean hasSingleOptions() {
+        return Strings.CS.equalsAny(type, FieldType.RADIO.name(), FieldType.CHECKBOX.name(), FieldType.SELECT.name(),
+                FieldType.DATA_SOURCE.name(), FieldType.MEMBER.name(), FieldType.DEPARTMENT.name());
+    }
+
+    @JsonIgnore
+    public boolean hasOptions() {
+        return hasSingleOptions() || Strings.CS.equalsAny(type, FieldType.SELECT_MULTIPLE.name(),
+                FieldType.MEMBER_MULTIPLE.name(), FieldType.DEPARTMENT_MULTIPLE.name(),
+                FieldType.DATA_SOURCE_MULTIPLE.name());
+    }
+
+    @JsonIgnore
+    public boolean canImport() {
+		// 序列号、附件、图片、分割线, 计算 不支持导入.
+        return !Strings.CS.equalsAny(type, FieldType.SERIAL_NUMBER.name()) && !Strings.CS.equalsAny(type, FieldType.ATTACHMENT.name())
+                && !Strings.CS.equalsAny(type, FieldType.PICTURE.name()) && !Strings.CS.equalsAny(type, FieldType.DIVIDER.name())
+				&& !Strings.CS.equals(type, FieldType.FORMULA.name()) && readable;
+    }
+
+	@JsonIgnore
+	public boolean canExport() {
+		// 序列号、附件、图片、分割线, 计算 不支持导入.
+		return !Strings.CS.equalsAny(type, FieldType.SERIAL_NUMBER.name()) && !Strings.CS.equalsAny(type, FieldType.ATTACHMENT.name())
+				&& !Strings.CS.equalsAny(type, FieldType.PICTURE.name()) && !Strings.CS.equalsAny(type, FieldType.DIVIDER.name()) && readable;
+	}
+
+	@JsonIgnore
+	public boolean canDisplay() {
+		// 公式、附件、图片、分割线, 子表格, 不可见字段等这些, 不支持在子列表等场景展示.
+		return !Strings.CS.equalsAny(type, FieldType.ATTACHMENT.name())
+				&& !Strings.CS.equalsAny(type, FieldType.SUB_PRICE.name()) && !Strings.CS.equalsAny(type, FieldType.SUB_PRODUCT.name())
+				&& !Strings.CS.equalsAny(type, FieldType.PICTURE.name()) && !Strings.CS.equalsAny(type, FieldType.DIVIDER.name()) && readable;
+	}
+
+    @JsonIgnore
+    public boolean needRequireCheck() {
+        return rules.stream().anyMatch(rule -> Strings.CS.equals(rule.getKey(), "required"));
+    }
+
+    @JsonIgnore
+    public boolean multiple() {
+        return Strings.CS.equalsAny(type, FieldType.CHECKBOX.name(), FieldType.SELECT_MULTIPLE.name(),
+                FieldType.INPUT_MULTIPLE.name(), FieldType.MEMBER_MULTIPLE.name(), FieldType.DEPARTMENT_MULTIPLE.name(), FieldType.DATA_SOURCE_MULTIPLE.name(), FieldType.ATTACHMENT.name());
+    }
+
+    @JsonIgnore
+    public boolean needComment() {
+        return Strings.CS.equalsAny(type, FieldType.RADIO.name(), FieldType.CHECKBOX.name(), FieldType.SELECT.name(), FieldType.SELECT_MULTIPLE.name(),
+                FieldType.LOCATION.name(), FieldType.INPUT_NUMBER.name(), FieldType.DATE_TIME.name(), FieldType.INDUSTRY.name());
+    }
+
+    @JsonIgnore
+    public boolean isLocation() {
+        return Strings.CS.equals(type, FieldType.LOCATION.name());
+    }
+
+    @JsonIgnore
+    public boolean isIndustry() {
+        return Strings.CS.equals(type, FieldType.INDUSTRY.name());
+    }
+
+	@JsonIgnore
+	public String idOrBusinessKey() {
+		return hasBusinessKey() ? this.getBusinessKey() : this.getId();
+	}
+
+	@JsonIgnore
+    public boolean hasBusinessKey() {
+        return StringUtils.isNotBlank(this.getBusinessKey());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/base/ControlRuleProp.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/base/ControlRuleProp.java
new file mode 100644
index 0000000..d2132db
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/base/ControlRuleProp.java
@@ -0,0 +1,18 @@
+package cn.cordys.crm.system.dto.field.base;
+
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class ControlRuleProp {
+
+    /**
+     * 选项值ID
+     */
+    private String value;
+    /**
+     * 字段显示ID集合
+     */
+    private List<String> fieldIds;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/base/HasOption.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/base/HasOption.java
new file mode 100644
index 0000000..a85ef89
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/base/HasOption.java
@@ -0,0 +1,54 @@
+package cn.cordys.crm.system.dto.field.base;
+
+import java.util.List;
+
+/**
+ * 选项字段通用接口 (通用属性)
+ * @author song-cc-rock
+ */
+public interface HasOption {
+
+    /**
+     * 获取选项集合
+     *
+     * @return 选项集合
+     */
+    List<OptionProp> getOptions();
+
+	/**
+	 * 设置选项
+	 * @param options 选项
+	 */
+	void setOptions(List<OptionProp> options);
+
+	/**
+	 * 获取选项来源
+	 * @return 选项来源
+	 */
+	String getOptionSource();
+
+	/**
+	 * 设置选项来源
+	 * @param optionSource 选项来源
+	 */
+	void setOptionSource(String optionSource);
+
+	/**
+	 * 设置自定义选项
+	 * @param customOptions 自定义选项
+	 */
+	void setCustomOptions(List<OptionProp> customOptions);
+
+	/**
+	 * 获取自定义选项集合
+	 *
+	 * @return 选项集合
+	 */
+	List<OptionProp> getCustomOptions();
+
+	/**
+	 * 获取选项引用ID
+	 * @return 选项引用ID
+	 */
+	String getRefId();
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/base/LinkProp.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/base/LinkProp.java
new file mode 100644
index 0000000..82e3ae8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/base/LinkProp.java
@@ -0,0 +1,35 @@
+package cn.cordys.crm.system.dto.field.base;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.NotEmpty;
+import lombok.Data;
+
+import java.io.Serializable;
+import java.util.List;
+
+@Data
+public class LinkProp implements Serializable {
+
+    @NotEmpty
+    @Schema(description = "联动字段", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String targetField;
+    @Schema(description = "联动选项配置")
+    private List<LinkOption> linkOptions;
+
+    @Data
+    static class LinkOption {
+
+        @NotBlank
+        @Schema(description = "当前字段选项", requiredMode = Schema.RequiredMode.REQUIRED)
+        private Object current;
+
+        @NotEmpty
+        @Schema(description = "联动方式", requiredMode = Schema.RequiredMode.REQUIRED, allowableValues = {"AUTO", "HIDDEN"})
+        private String method;
+
+        @NotBlank
+        @Schema(description = "联动字段选项", requiredMode = Schema.RequiredMode.REQUIRED)
+        private Object target;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/base/OptionProp.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/base/OptionProp.java
new file mode 100644
index 0000000..2fbe8d7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/base/OptionProp.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.system.dto.field.base;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+@Data
+@AllArgsConstructor
+@NoArgsConstructor
+public class OptionProp {
+
+    @Schema(description = "值")
+    private String value;
+    @Schema(description = "文本")
+    private String label;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/base/RuleProp.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/base/RuleProp.java
new file mode 100644
index 0000000..30eaa84
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/base/RuleProp.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.system.dto.field.base;
+
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+@Data
+@NoArgsConstructor
+@AllArgsConstructor
+public class RuleProp {
+
+    private String key;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/base/SimpleField.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/base/SimpleField.java
new file mode 100644
index 0000000..d18165b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/base/SimpleField.java
@@ -0,0 +1,43 @@
+package cn.cordys.crm.system.dto.field.base;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+/**
+ * Mcp表单字段描述信息
+ */
+@Data
+public class SimpleField {
+
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "名称")
+    private String name;
+
+    @Schema(description = "类型")
+    private String type;
+
+    @Schema(description = "业务字段名")
+    private String businessKey;
+
+    @Schema(description = "选项枚举值")
+    private List<OptionProp> options;
+
+    @Schema(description = "是否必填")
+    private boolean required;
+
+    @Schema(description = "数据源类型")
+    private String dataSourceType;
+
+    @Schema(description = "地址类型|格式")
+    private String locationType;
+
+    @Schema(description = "日期类型|格式", allowableValues = {"month", "date", "datetime"})
+    private String dateType;
+
+    @Schema(description = "显隐规则")
+    private List<ControlRuleProp> showControlRules;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/base/SubField.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/base/SubField.java
new file mode 100644
index 0000000..27dbdd9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/field/base/SubField.java
@@ -0,0 +1,25 @@
+package cn.cordys.crm.system.dto.field.base;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+import java.util.List;
+
+/**
+ * 通用子表格字段(兼容子表格)
+ * @author song-cc-rock
+ */
+@Data
+@EqualsAndHashCode(callSuper = true)
+public class SubField extends BaseField {
+
+	@Schema(description = "固定宽度")
+	private Integer fixedColumn;
+
+	@Schema(description = "表格子字段")
+	private List<BaseField> subFields;
+
+	@Schema(description = "汇总列")
+	private List<String> sumColumns;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/form/FormLinkFill.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/form/FormLinkFill.java
new file mode 100644
index 0000000..5f00203
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/form/FormLinkFill.java
@@ -0,0 +1,25 @@
+package cn.cordys.crm.system.dto.form;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import lombok.AllArgsConstructor;
+import lombok.Builder;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import java.util.List;
+
+@Data
+@Builder
+@NoArgsConstructor
+@AllArgsConstructor
+public class FormLinkFill<T> {
+
+    /**
+     * 主表实体
+     */
+    private T entity;
+    /**
+     * 自定义字段属性值
+     */
+    private List<BaseModuleFieldValue> fields;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/form/FormProp.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/form/FormProp.java
new file mode 100644
index 0000000..a6779f4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/form/FormProp.java
@@ -0,0 +1,31 @@
+package cn.cordys.crm.system.dto.form;
+
+import cn.cordys.crm.system.dto.form.base.BtnContentProp;
+import cn.cordys.crm.system.dto.form.base.LinkScenario;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Map;
+
+/**
+ * 表单属性
+ */
+@Data
+public class FormProp {
+
+    @Schema(description = "表单视图")
+    private String viewSize;
+    @Schema(description = "布局")
+    private int layout;
+    @Schema(description = "标题位置")
+    private String labelPos;
+    @Schema(description = "输入框宽度")
+    private String inputWidth;
+    @Schema(description = "操作按钮位置")
+    private String optBtnPos;
+    @Schema(description = "操作按钮内容")
+    private List<BtnContentProp> optBtnContent;
+    @Schema(description = "联动配置")
+    private Map<String, List<LinkScenario>> linkProp;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/form/IndustryDict.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/form/IndustryDict.java
new file mode 100644
index 0000000..df6dc13
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/form/IndustryDict.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.system.dto.form;
+
+import lombok.Data;
+
+import java.util.List;
+
+/**
+ * @author song-cc-rock
+ */
+@Data
+public class IndustryDict {
+
+    private String label;
+    private String value;
+    private List<IndustryDict> children;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/form/base/BtnContentProp.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/form/base/BtnContentProp.java
new file mode 100644
index 0000000..3544acd
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/form/base/BtnContentProp.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.system.dto.form.base;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class BtnContentProp {
+
+    @Schema(description = "文本")
+    private String text;
+    @Schema(description = "是否开启")
+    private Boolean enable;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/form/base/LinkField.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/form/base/LinkField.java
new file mode 100644
index 0000000..24fcc8a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/form/base/LinkField.java
@@ -0,0 +1,18 @@
+package cn.cordys.crm.system.dto.form.base;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotEmpty;
+import lombok.Data;
+
+@Data
+public class LinkField {
+
+    @NotEmpty
+    @Schema(description = "当前字段ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String current;
+    @NotEmpty
+    @Schema(description = "联动字段ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String link;
+    @Schema(description = "是否启用联动")
+    private boolean enable;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/form/base/LinkScenario.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/form/base/LinkScenario.java
new file mode 100644
index 0000000..3229613
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/form/base/LinkScenario.java
@@ -0,0 +1,27 @@
+package cn.cordys.crm.system.dto.form.base;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotEmpty;
+import lombok.AllArgsConstructor;
+import lombok.Builder;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import java.util.List;
+
+/**
+ * 联动场景
+ * @author song-cc-rock
+ */
+@Data
+@Builder
+@NoArgsConstructor
+@AllArgsConstructor
+public class LinkScenario {
+
+    @NotEmpty
+    @Schema(description = "场景业务KEY", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String key;
+    @Schema(description = "联动字段集合")
+    private List<LinkField> linkFields;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/form/base/SourceLink.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/form/base/SourceLink.java
new file mode 100644
index 0000000..401d453
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/form/base/SourceLink.java
@@ -0,0 +1,32 @@
+package cn.cordys.crm.system.dto.form.base;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotEmpty;
+import lombok.Data;
+
+import java.util.List;
+
+/**
+ * @author song-cc-rock
+ */
+@Data
+public class SourceLink {
+
+	@NotEmpty
+	@Schema(description = "当前字段ID", requiredMode = Schema.RequiredMode.REQUIRED)
+	private String current;
+
+	@NotEmpty
+	@Schema(description = "联动字段ID", requiredMode = Schema.RequiredMode.REQUIRED)
+	private String link;
+
+	@NotEmpty
+	@Schema(description = "联动方式", requiredMode = Schema.RequiredMode.REQUIRED, defaultValue = "fill", allowableValues = {"fill"})
+	private String method;
+
+	@Schema(description = "是否启用联动配置", defaultValue = "true")
+	private boolean enable;
+
+	@Schema(description = "子表格联动配置(仅为子表格时需要配置)")
+	private List<SourceLink> childLinks;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/log/AnnouncementLogDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/log/AnnouncementLogDTO.java
new file mode 100644
index 0000000..bd4fdbc
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/log/AnnouncementLogDTO.java
@@ -0,0 +1,31 @@
+package cn.cordys.crm.system.dto.log;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class AnnouncementLogDTO {
+
+    @Schema(description = "公告标题")
+    private String subject;
+
+    @Schema(description = "公告内容")
+    private String content;
+
+    @Schema(description = "开始时间")
+    private String startTime;
+
+    @Schema(description = "结束时间")
+    private String endTime;
+
+    @Schema(description = "链接")
+    private String url;
+
+    @Schema(description = "重命名链接")
+    private String renameUrl;
+
+    @Schema(description = "接收者")
+    private List<String> receiver;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/log/DepartmentSetCommanderLog.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/log/DepartmentSetCommanderLog.java
new file mode 100644
index 0000000..aca621b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/log/DepartmentSetCommanderLog.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.system.dto.log;
+
+import lombok.Builder;
+import lombok.Data;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-01-22  14:55
+ */
+@Data
+@Builder
+public class DepartmentSetCommanderLog {
+    /**
+     * 部门负责人
+     */
+    private String commander;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/log/LicenseLogDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/log/LicenseLogDTO.java
new file mode 100644
index 0000000..91bc52f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/log/LicenseLogDTO.java
@@ -0,0 +1,9 @@
+package cn.cordys.crm.system.dto.log;
+
+import cn.cordys.common.domain.BaseModel;
+import lombok.Data;
+
+@Data
+public class LicenseLogDTO extends BaseModel {
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/log/MessageTaskLogDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/log/MessageTaskLogDTO.java
new file mode 100644
index 0000000..617a540
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/log/MessageTaskLogDTO.java
@@ -0,0 +1,46 @@
+package cn.cordys.crm.system.dto.log;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class MessageTaskLogDTO {
+
+    @Schema(description = "通知事件类型")
+    private String event;
+
+    @Schema(description = "邮件发送开关")
+    private String emailEnable;
+
+    @Schema(description = "系统发送启用")
+    private String sysEnable;
+
+    @Schema(description = "企业微信发送启用")
+    private String weComEnable;
+
+    @Schema(description = "钉钉发送启用")
+    private String dingTalkEnable;
+
+    @Schema(description = "飞书发送启用")
+    private String larkEnable;
+
+    @Schema(description = "是否通知负责人")
+    private String ownerEnable;
+
+    @Schema(description = "负责人层级")
+    private int ownerLevel;
+
+    @Schema(description = "是否通知角色")
+    private String roleEnable;
+
+    @Schema(description = "通知人员ids,包含特殊值，负责人OWNER/创建人CREATE_USER")
+    private List<String> userIdNames;
+
+    @Schema(description = "通知角色ids")
+    private List<String> roleIdNames;
+
+    @Schema(description = "时间")
+    private List<String> times;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/log/RoleLogDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/log/RoleLogDTO.java
new file mode 100644
index 0000000..a2c66a6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/log/RoleLogDTO.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.system.dto.log;
+
+import cn.cordys.crm.system.domain.Role;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class RoleLogDTO extends Role {
+
+    /**
+     * 指定部门列表
+     */
+    private List<String> deptIds;
+
+    /**
+     * 权限列表
+     */
+    private List<String> permissions;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/regioncode/RegionCode.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/regioncode/RegionCode.java
new file mode 100644
index 0000000..8fed6ca
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/regioncode/RegionCode.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.system.dto.regioncode;
+
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class RegionCode {
+
+    private String code;
+    private String name;
+    private List<RegionCode> children;
+
+}
+
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/AnnouncementPageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/AnnouncementPageRequest.java
new file mode 100644
index 0000000..3e7ef56
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/AnnouncementPageRequest.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.system.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.common.groups.Created;
+import cn.cordys.common.groups.Updated;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+@Data
+public class AnnouncementPageRequest extends BasePageRequest {
+    @Size(min = 1, max = 32, message = "{announcement.organizationId.length_range}", groups = {Created.class, Updated.class})
+    @NotBlank(message = "{announcement.organizationId.not_blank}", groups = {Created.class, Updated.class})
+    private String organizationId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/AnnouncementRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/AnnouncementRequest.java
new file mode 100644
index 0000000..f69838e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/AnnouncementRequest.java
@@ -0,0 +1,54 @@
+package cn.cordys.crm.system.dto.request;
+
+import cn.cordys.common.groups.Created;
+import cn.cordys.common.groups.Updated;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class AnnouncementRequest {
+
+    @Schema(description = "ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank(message = "{user.id.not_blank}", groups = {Updated.class})
+    @Size(min = 1, max = 32, message = "{user.id.length_range}", groups = {Created.class, Updated.class})
+    private String id;
+
+    @Size(min = 1, max = 255, message = "{announcement.subject.length_range}", groups = {Created.class, Updated.class})
+    @NotBlank(message = "{announcement.subject.not_blank}", groups = {Created.class, Updated.class})
+    @Schema(description = "公告标题", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String subject;
+
+    @NotBlank(message = "{announcement.content.not_blank}", groups = {Created.class, Updated.class})
+    @Schema(description = "公告内容", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String content;
+
+    @NotBlank(message = "{announcement.startTime.not_blank}", groups = {Created.class, Updated.class})
+    @Schema(description = "开始时间", requiredMode = Schema.RequiredMode.REQUIRED)
+    private Long startTime;
+
+    @NotBlank(message = "{announcement.endTime.not_blank}", groups = {Created.class, Updated.class})
+    @Schema(description = "结束时间", requiredMode = Schema.RequiredMode.REQUIRED)
+    private Long endTime;
+
+    @Schema(description = "链接")
+    private String url;
+
+    @Schema(description = "重命名链接")
+    private String renameUrl;
+
+    @Size(min = 1, max = 32, message = "{announcement.organizationId.length_range}", groups = {Created.class, Updated.class})
+    @NotBlank(message = "{announcement.organizationId.not_blank}", groups = {Created.class, Updated.class})
+    private String organizationId;
+
+    @Schema(description = "部门ID")
+    private List<String> deptIds;
+
+    @Schema(description = "用户ID")
+    private List<String> userIds;
+
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/AuthSourceRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/AuthSourceRequest.java
new file mode 100644
index 0000000..0901665
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/AuthSourceRequest.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.system.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class AuthSourceRequest extends BasePageRequest {
+
+    @Schema(description = "认证设置id")
+    private String configId;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/BatchPoolReasonRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/BatchPoolReasonRequest.java
new file mode 100644
index 0000000..cfcabb9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/BatchPoolReasonRequest.java
@@ -0,0 +1,18 @@
+package cn.cordys.crm.system.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotNull;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class BatchPoolReasonRequest {
+
+    @NotNull
+    @Schema(description = "id", requiredMode = Schema.RequiredMode.REQUIRED)
+    private List<String> ids;
+
+    @Schema(description = "原因")
+    private String reasonId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/CapacityAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/CapacityAddRequest.java
new file mode 100644
index 0000000..a9fa6c4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/CapacityAddRequest.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.system.dto.request;
+
+import cn.cordys.crm.system.dto.FilterConditionDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotNull;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import java.util.List;
+
+@Data
+@NoArgsConstructor
+public class CapacityAddRequest {
+
+    @NotNull
+    @Schema(description = "范围ID集合")
+    private List<String> scopeIds;
+    @Schema(description = "容量")
+    private Integer capacity;
+    @Schema(description = "过滤条件集合")
+    private List<FilterConditionDTO> filters;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/CapacityUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/CapacityUpdateRequest.java
new file mode 100644
index 0000000..8df7545
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/CapacityUpdateRequest.java
@@ -0,0 +1,24 @@
+package cn.cordys.crm.system.dto.request;
+
+import cn.cordys.crm.system.dto.FilterConditionDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.NotNull;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class CapacityUpdateRequest {
+
+    @Schema(description = "ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank
+    private String id;
+    @NotNull
+    @Schema(description = "范围ID集合")
+    private List<String> scopeIds;
+    @Schema(description = "容量")
+    private Integer capacity;
+    @Schema(description = "过滤条件集合")
+    private List<FilterConditionDTO> filters;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/CustomRoleUserRelateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/CustomRoleUserRelateRequest.java
new file mode 100644
index 0000000..088e365
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/CustomRoleUserRelateRequest.java
@@ -0,0 +1,28 @@
+package cn.cordys.crm.system.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+import java.util.List;
+
+
+/**
+ * @author jianxing
+ * @date 2025-01-13 17:33:23
+ */
+@Data
+public class CustomRoleUserRelateRequest {
+    @NotBlank
+    @Schema(description = "角色ID")
+    private String customFormRole;
+
+    @Schema(description = "部门ID")
+    private List<String> deptIds;
+
+    @Schema(description = "角色ID")
+    private List<String> roleIds;
+
+    @Schema(description = "用户ID")
+    private List<String> userIds;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/DatasourceRefQueryRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/DatasourceRefQueryRequest.java
new file mode 100644
index 0000000..5cc88f8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/DatasourceRefQueryRequest.java
@@ -0,0 +1,23 @@
+package cn.cordys.crm.system.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotEmpty;
+import jakarta.validation.constraints.NotNull;
+import lombok.Data;
+
+import java.util.List;
+
+/**
+ * 数据源引用请求对象
+ * @author song-cc-rock
+ */
+@Data
+public class DatasourceRefQueryRequest {
+
+	@NotNull
+	@Schema(description = "数据源ID集合")
+	private List<String> sourceIds;
+	@NotEmpty
+	@Schema(description = "数据源类型")
+	private String dataSourceType;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/DepartmentAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/DepartmentAddRequest.java
new file mode 100644
index 0000000..9c9575c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/DepartmentAddRequest.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.system.dto.request;
+
+import cn.cordys.common.groups.Created;
+import cn.cordys.common.groups.Updated;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+@Data
+public class DepartmentAddRequest {
+
+    @Size(min = 1, max = 255, message = "{department.name.length_range}", groups = {Created.class, Updated.class})
+    @NotBlank(message = "{department.name.not_blank}", groups = {Created.class, Updated.class})
+    @Schema(description = "名称", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String name;
+
+
+    @Schema(description = "父级id")
+    @NotBlank(message = "{department.parent.id.not_blank}")
+    private String parentId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/DepartmentCommanderRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/DepartmentCommanderRequest.java
new file mode 100644
index 0000000..f580b9a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/DepartmentCommanderRequest.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.system.dto.request;
+
+import cn.cordys.common.groups.Created;
+import cn.cordys.common.groups.Updated;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+public class DepartmentCommanderRequest {
+
+    @NotBlank(message = "{department.id.not_blank}", groups = {Created.class, Updated.class})
+    @Schema(description = "部门id", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String departmentId;
+
+    @NotBlank(message = "{department.commander.id.not_blank}")
+    @Schema(description = "责任人id", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String commanderId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/DepartmentRenameRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/DepartmentRenameRequest.java
new file mode 100644
index 0000000..35fa48d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/DepartmentRenameRequest.java
@@ -0,0 +1,21 @@
+package cn.cordys.crm.system.dto.request;
+
+import cn.cordys.common.groups.Created;
+import cn.cordys.common.groups.Updated;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+@Data
+public class DepartmentRenameRequest {
+
+    @NotBlank(message = "{department.id.not_blank}", groups = {Created.class, Updated.class})
+    @Schema(description = "id", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+
+    @Size(min = 1, max = 255, message = "{department.name.length_range}", groups = {Created.class, Updated.class})
+    @NotBlank(message = "{department.name.not_blank}", groups = {Created.class, Updated.class})
+    @Schema(description = "名称", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String name;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/DictAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/DictAddRequest.java
new file mode 100644
index 0000000..d2db219
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/DictAddRequest.java
@@ -0,0 +1,21 @@
+package cn.cordys.crm.system.dto.request;
+
+
+import cn.cordys.common.constants.EnumValue;
+import cn.cordys.crm.system.constants.DictModule;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotEmpty;
+import lombok.Data;
+
+@Data
+public class DictAddRequest {
+
+    @NotEmpty
+    @Schema(description = "字典值", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String name;
+
+    @NotEmpty
+    @Schema(description = "字典模块", requiredMode = Schema.RequiredMode.REQUIRED, allowableValues = {"OPPORTUNITY_FAIL_RS", "CUSTOMER_POOL_RS", "CLUE_POOL_RS"})
+    @EnumValue(enumClass = DictModule.class)
+    private String module;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/DictSortRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/DictSortRequest.java
new file mode 100644
index 0000000..b4e2259
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/DictSortRequest.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.system.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotEmpty;
+import jakarta.validation.constraints.NotNull;
+import lombok.Data;
+
+@Data
+public class DictSortRequest {
+
+    @NotEmpty
+    @Schema(description = "字典ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String dragDictId;
+
+    @NotNull
+    @Schema(description = "排序前", requiredMode = Schema.RequiredMode.REQUIRED)
+    private Long start;
+
+    @NotNull
+    @Schema(description = "排序后", requiredMode = Schema.RequiredMode.REQUIRED)
+    private Long end;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/DictSwitchRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/DictSwitchRequest.java
new file mode 100644
index 0000000..fd6f46b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/DictSwitchRequest.java
@@ -0,0 +1,21 @@
+package cn.cordys.crm.system.dto.request;
+
+import cn.cordys.common.constants.EnumValue;
+import cn.cordys.crm.system.constants.DictModule;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotEmpty;
+import jakarta.validation.constraints.NotNull;
+import lombok.Data;
+
+@Data
+public class DictSwitchRequest {
+
+    @NotEmpty
+    @EnumValue(enumClass = DictModule.class)
+    @Schema(description = "字典模块", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String module;
+
+    @NotNull
+    @Schema(description = "开启关闭", requiredMode = Schema.RequiredMode.REQUIRED)
+    private Boolean enable;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/DictUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/DictUpdateRequest.java
new file mode 100644
index 0000000..ce18c39
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/DictUpdateRequest.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.system.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotEmpty;
+import lombok.Data;
+
+@Data
+public class DictUpdateRequest {
+
+    @NotEmpty
+    @Schema(description = "ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+
+    @NotEmpty
+    @Schema(description = "字典值", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String name;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/ExportTaskCenterQueryRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/ExportTaskCenterQueryRequest.java
new file mode 100644
index 0000000..900b6a1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/ExportTaskCenterQueryRequest.java
@@ -0,0 +1,18 @@
+package cn.cordys.crm.system.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+/**
+ * @author song-cc-rock
+ */
+@Data
+public class ExportTaskCenterQueryRequest {
+
+    @Schema(description = "下载名称")
+    private String keyword;
+    @Schema(description = "导出类型")
+    private String exportType;
+    @Schema(description = "导出状态")
+    private String exportStatus;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/FieldRepeatCheckRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/FieldRepeatCheckRequest.java
new file mode 100644
index 0000000..9089156
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/FieldRepeatCheckRequest.java
@@ -0,0 +1,26 @@
+package cn.cordys.crm.system.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+/**
+ * 字段重复校验参数
+ *
+ * @author song-cc-rock
+ */
+@Data
+public class FieldRepeatCheckRequest {
+
+    @NotBlank
+    @Schema(description = "字段ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+
+    @NotBlank
+    @Schema(description = "值", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String value;
+
+    @NotBlank
+    @Schema(description = "表单Key", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String formKey;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/FieldResolveRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/FieldResolveRequest.java
new file mode 100644
index 0000000..1dc77a1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/FieldResolveRequest.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.system.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.NotEmpty;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class FieldResolveRequest {
+
+    @NotBlank
+    @Schema(description = "字段业务来源", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String sourceType;
+    @NotEmpty
+    @Schema(description = "查询关键字，名称或ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private List<String> keywords;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/LocaleLanguageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/LocaleLanguageRequest.java
new file mode 100644
index 0000000..ad0f56e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/LocaleLanguageRequest.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.system.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotEmpty;
+import jakarta.validation.constraints.Pattern;
+import lombok.Data;
+
+@Data
+public class LocaleLanguageRequest {
+
+    @Schema(description = "国际化", requiredMode = Schema.RequiredMode.REQUIRED)
+    @Pattern(regexp = "(zh-CN)|(en-US)", message = "locale格式不正确")
+    @NotEmpty
+    private String language;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/LoginLogRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/LoginLogRequest.java
new file mode 100644
index 0000000..03ed1ca
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/LoginLogRequest.java
@@ -0,0 +1,21 @@
+package cn.cordys.crm.system.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotNull;
+import lombok.Data;
+
+@Data
+public class LoginLogRequest extends BasePageRequest {
+
+    @Schema(description = "操作人")
+    private String operator;
+
+    @Schema(description = "开始时间")
+    @NotNull(message = "{start_time_is_null}")
+    private Long startTime;
+
+    @Schema(description = "结束时间")
+    @NotNull(message = "{end_time_is_null}")
+    private Long endTime;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/MessageTaskBatchRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/MessageTaskBatchRequest.java
new file mode 100644
index 0000000..107bdc1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/MessageTaskBatchRequest.java
@@ -0,0 +1,25 @@
+package cn.cordys.crm.system.dto.request;
+
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class MessageTaskBatchRequest {
+
+    @Schema(description = "邮件启用")
+    private Boolean emailEnable;
+
+    @Schema(description = "系统启用")
+    private Boolean sysEnable;
+
+    @Schema(description = "企业微信启用")
+    private Boolean weComEnable;
+
+    @Schema(description = "钉钉启用")
+    private Boolean dingTalkEnable;
+
+    @Schema(description = "飞书启用")
+    private Boolean larkEnable;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/MessageTaskConfigRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/MessageTaskConfigRequest.java
new file mode 100644
index 0000000..4eedfb1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/MessageTaskConfigRequest.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.system.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class MessageTaskConfigRequest {
+    @Schema(description = "消息配置模块: CUSTOMER/CLUE/BUSINESS/CONTRACT", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String module;
+    @Schema(description = "消息配置事件", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String event;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/MessageTaskRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/MessageTaskRequest.java
new file mode 100644
index 0000000..835c084
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/MessageTaskRequest.java
@@ -0,0 +1,42 @@
+package cn.cordys.crm.system.dto.request;
+
+
+import cn.cordys.common.groups.Created;
+import cn.cordys.common.groups.Updated;
+import cn.cordys.crm.system.dto.MessageTaskConfigDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+public class MessageTaskRequest {
+
+    @Schema(description = "id")
+    public String id;
+
+    @Schema(description = "消息配置模块: CUSTOMER/CLUE/BUSINESS", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank(message = "{message_task.module.not_blank}", groups = {Created.class, Updated.class})
+    public String module;
+
+    @Schema(description = "消息配置事件", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank(message = "{message_task.event.not_blank}", groups = {Created.class, Updated.class})
+    public String event;
+
+    @Schema(description = "邮件启用")
+    private boolean emailEnable;
+
+    @Schema(description = "系统启用")
+    private boolean sysEnable;
+
+    @Schema(description = "企业微信启用")
+    private boolean weComEnable;
+
+    @Schema(description = "钉钉启用")
+    private boolean dingTalkEnable;
+
+    @Schema(description = "飞书启用")
+    private boolean larkEnable;
+
+    @Schema(description = "消息配置")
+    private MessageTaskConfigDTO config;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/ModuleFormSaveRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/ModuleFormSaveRequest.java
new file mode 100644
index 0000000..bc93c19
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/ModuleFormSaveRequest.java
@@ -0,0 +1,31 @@
+package cn.cordys.crm.system.dto.request;
+
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.form.FormProp;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.NotNull;
+import jakarta.validation.constraints.Size;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import java.util.List;
+
+@Data
+@NoArgsConstructor
+@AllArgsConstructor
+public class ModuleFormSaveRequest {
+
+    @Size(max = 50)
+    @NotBlank
+    @Schema(description = "表单KEY", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String formKey;
+
+    @Schema(description = "保存字段集合")
+    private List<BaseField> fields;
+
+    @NotNull
+    @Schema(description = "表单属性")
+    private FormProp formProp;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/ModuleRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/ModuleRequest.java
new file mode 100644
index 0000000..7eec691
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/ModuleRequest.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.system.dto.request;
+
+import cn.cordys.common.groups.Created;
+import cn.cordys.common.groups.Updated;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+@Data
+public class ModuleRequest {
+
+    @Size(min = 1, max = 32, message = "{announcement.organizationId.length_range}", groups = {Created.class, Updated.class})
+    @NotBlank(message = "{announcement.organizationId.not_blank}", groups = {Created.class, Updated.class})
+    @Schema(description = "组织ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String organizationId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/ModuleSortRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/ModuleSortRequest.java
new file mode 100644
index 0000000..d24f897
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/ModuleSortRequest.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.system.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class ModuleSortRequest {
+
+    @Schema(description = "排序前", requiredMode = Schema.RequiredMode.REQUIRED)
+    private Long start;
+    @Schema(description = "排序后", requiredMode = Schema.RequiredMode.REQUIRED)
+    private Long end;
+    @Schema(description = "拖拽模块ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String dragModuleId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/ModuleSourceDataRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/ModuleSourceDataRequest.java
new file mode 100644
index 0000000..d405b58
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/ModuleSourceDataRequest.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.system.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class ModuleSourceDataRequest extends BasePageRequest {
+
+    @Schema(description = "表单Key")
+    private String formKey;
+    @Schema(description = "字段ID")
+    private String fieldId;
+    @Schema(description = "数据来源类型", allowableValues = {"CUSTOMER", "CONTACT", "BUSINESS", "PRODUCT"})
+    private String sourceType;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/NodeMoveRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/NodeMoveRequest.java
new file mode 100644
index 0000000..5a53860
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/NodeMoveRequest.java
@@ -0,0 +1,29 @@
+package cn.cordys.crm.system.dto.request;
+
+import cn.cordys.crm.system.constants.MoveTypeEnum;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotEmpty;
+import lombok.Data;
+import org.apache.commons.lang3.Strings;
+
+@Data
+public class NodeMoveRequest {
+    @Schema(description = "被拖拽的节点", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotEmpty(message = "{node.not_blank}")
+    private String dragNodeId;
+
+    @Schema(description = "放入的节点", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String dropNodeId;
+
+    @Schema(description = "放入的位置（取值：-1，,1。  -1：dropNodeId节点之前。 1：dropNodeId节点后）", requiredMode = Schema.RequiredMode.REQUIRED)
+    private int dropPosition;
+
+
+    public void setAndConvertDropPosition(String position, boolean isSortDesc) {
+        if (Strings.CS.equals(MoveTypeEnum.BEFORE.name(), position)) {
+            this.dropPosition = isSortDesc ? 1 : -1;
+        } else {
+            this.dropPosition = isSortDesc ? -1 : 1;
+        }
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/NotificationRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/NotificationRequest.java
new file mode 100644
index 0000000..f7527e0
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/NotificationRequest.java
@@ -0,0 +1,40 @@
+package cn.cordys.crm.system.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class NotificationRequest extends BasePageRequest {
+
+    @Schema(description = "ID")
+    private Long id;
+
+    @Schema(description = "通知类型")
+    private String type;
+
+    @Schema(description = "接收人")
+    private String receiver;
+
+    @Schema(description = "标题")
+    private String subject;
+
+    @Schema(description = "状态")
+    private String status;
+
+    @Schema(description = "资源类型")
+    private String resourceType;
+
+    @Schema(description = "创建时间")
+    private Long createTime;
+
+    @Schema(description = "结束时间")
+    private Long endTime;
+
+    @Schema(description = "操作人")
+    private String operator;
+
+    @Schema(description = "操作")
+    private String operation;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/OperationLogRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/OperationLogRequest.java
new file mode 100644
index 0000000..c1b9181
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/OperationLogRequest.java
@@ -0,0 +1,27 @@
+package cn.cordys.crm.system.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotNull;
+import lombok.Data;
+
+@Data
+public class OperationLogRequest extends BasePageRequest {
+
+    @Schema(description = "操作人")
+    private String operator;
+
+    @Schema(description = "开始时间")
+    @NotNull(message = "{start_time_is_null}")
+    private Long startTime;
+
+    @Schema(description = "结束时间")
+    @NotNull(message = "{end_time_is_null}")
+    private Long endTime;
+
+    @Schema(description = "操作类型")
+    private String type;
+
+    @Schema(description = "操作对象")
+    private String module;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/OrganizationConfigRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/OrganizationConfigRequest.java
new file mode 100644
index 0000000..edf69d6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/OrganizationConfigRequest.java
@@ -0,0 +1,31 @@
+package cn.cordys.crm.system.dto.request;
+
+import cn.cordys.common.groups.Created;
+import cn.cordys.common.groups.Updated;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+public class OrganizationConfigRequest {
+
+    @Schema(description = "详情ID")
+    private String detailId;
+
+    @Schema(description = "组织ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank(message = "组织ID不能为空", groups = {Created.class, Updated.class})
+    private String organizationId;
+
+    @Schema(description = "类型", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank(message = "类型不能为空", groups = {Created.class, Updated.class})
+    private String type;
+
+    @Schema(description = "详情类型", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank(message = "详情类型不能为空", groups = {Created.class, Updated.class})
+    private String detailType;
+
+    @Schema(description = "内容", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank(message = "内容不能为空", groups = {Created.class, Updated.class})
+    private String content;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/PermissionUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/PermissionUpdateRequest.java
new file mode 100644
index 0000000..af5d688
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/PermissionUpdateRequest.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.system.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-01-23  16:26
+ */
+@Data
+@NoArgsConstructor
+@AllArgsConstructor
+public class PermissionUpdateRequest {
+    @NotBlank
+    @Schema(description = "权限ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+    @Schema(description = "是否启用该权限", requiredMode = Schema.RequiredMode.REQUIRED)
+    private Boolean enable = false;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/PersonalInfoRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/PersonalInfoRequest.java
new file mode 100644
index 0000000..45428d0
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/PersonalInfoRequest.java
@@ -0,0 +1,23 @@
+package cn.cordys.crm.system.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Pattern;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+@Data
+public class PersonalInfoRequest {
+
+    @Size(max = 11)
+    @Schema(description = "手机号")
+    @NotBlank
+    private String phone;
+
+    @Pattern(regexp = "^[a-zA-Z0-9_+&*-]+(?:\\.[a-zA-Z0-9_+&*-]+)*@(?:[a-zA-Z0-9-]+\\.)+[a-zA-Z]{2,7}$", message = "{email.format_error}")
+    @Schema(description = "邮箱")
+    @NotBlank
+    private String email;
+
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/PersonalPasswordRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/PersonalPasswordRequest.java
new file mode 100644
index 0000000..9c49dc6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/PersonalPasswordRequest.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.system.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+public class PersonalPasswordRequest {
+    @Schema(description = "新密码")
+    @NotBlank
+    private String password;
+
+    @Schema(description = "原密码")
+    @NotBlank
+    private String originPassword;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/PoolBatchAssignRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/PoolBatchAssignRequest.java
new file mode 100644
index 0000000..8fe55e5
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/PoolBatchAssignRequest.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.system.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+public class PoolBatchAssignRequest extends PoolBatchRequest {
+
+    @NotBlank
+    @Schema(description = "分配用户ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String assignUserId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/PoolBatchPickRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/PoolBatchPickRequest.java
new file mode 100644
index 0000000..71112b1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/PoolBatchPickRequest.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.system.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+public class PoolBatchPickRequest extends PoolBatchRequest {
+
+    @NotBlank
+    @Schema(description = "公海ID||线索池ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String poolId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/PoolBatchRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/PoolBatchRequest.java
new file mode 100644
index 0000000..60a9976
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/PoolBatchRequest.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.system.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotNull;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class PoolBatchRequest {
+
+    @NotNull
+    @Schema(description = "批量ID集合")
+    private List<String> batchIds;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/PoolReasonRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/PoolReasonRequest.java
new file mode 100644
index 0000000..2a440cb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/PoolReasonRequest.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.system.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotEmpty;
+import lombok.Data;
+
+@Data
+public class PoolReasonRequest {
+
+    @NotEmpty
+    @Schema(description = "id", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+
+    @Schema(description = "原因")
+    private String reasonId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/RepeatCustomerDetailPageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/RepeatCustomerDetailPageRequest.java
new file mode 100644
index 0000000..827311f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/RepeatCustomerDetailPageRequest.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.system.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class RepeatCustomerDetailPageRequest extends RepeatCustomerPageRequest {
+
+    @Schema(description = "客户ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/RepeatCustomerPageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/RepeatCustomerPageRequest.java
new file mode 100644
index 0000000..088d93a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/RepeatCustomerPageRequest.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.system.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class RepeatCustomerPageRequest extends BasePageRequest {
+
+    @Schema(description = "客户名称", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String name;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/ResourceBatchEditRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/ResourceBatchEditRequest.java
new file mode 100644
index 0000000..212f3ca
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/ResourceBatchEditRequest.java
@@ -0,0 +1,27 @@
+package cn.cordys.crm.system.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.NotEmpty;
+import lombok.Data;
+
+import java.util.List;
+
+
+/**
+ * @author jianxing
+ */
+@Data
+public class ResourceBatchEditRequest {
+
+    @NotEmpty
+    @Schema(description = "ids", requiredMode = Schema.RequiredMode.REQUIRED)
+    private List<String> ids;
+
+    @NotBlank
+    @Schema(description = "字段ID或字段key")
+    private String fieldId;
+
+    @Schema(description = "字段值")
+    private Object fieldValue;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/RoleAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/RoleAddRequest.java
new file mode 100644
index 0000000..fd5cade
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/RoleAddRequest.java
@@ -0,0 +1,42 @@
+package cn.cordys.crm.system.dto.request;
+
+import cn.cordys.common.constants.EnumValue;
+import cn.cordys.common.constants.RoleDataScope;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.Valid;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.util.List;
+
+
+/**
+ * 角色
+ *
+ * @author jianxing
+ * @date 2025-01-03 09:54:59
+ */
+@Data
+public class RoleAddRequest {
+    @Size(max = 255)
+    @NotBlank
+    @Schema(description = "角色名称")
+    private String name;
+
+    @Size(max = 30)
+    @Schema(description = "数据范围（全部数据权限/指定部门权限/本部门数据权限/本部门及以下数据权限/仅本人数据）")
+    @EnumValue(enumClass = RoleDataScope.class)
+    private String dataScope;
+
+    @Schema(description = "指定部门权限时，部门的ID")
+    private List<String> deptIds;
+
+    @Schema(description = "菜单下的权限列表", requiredMode = Schema.RequiredMode.REQUIRED)
+    @Valid
+    private List<PermissionUpdateRequest> permissions;
+
+    @Size(max = 1000)
+    @Schema(description = "描述")
+    private String description;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/RoleUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/RoleUpdateRequest.java
new file mode 100644
index 0000000..f5a6394
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/RoleUpdateRequest.java
@@ -0,0 +1,45 @@
+package cn.cordys.crm.system.dto.request;
+
+import cn.cordys.common.constants.EnumValue;
+import cn.cordys.common.constants.RoleDataScope;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.Valid;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.util.List;
+
+
+/**
+ * @author jianxing
+ * @date 2025-01-03 10:48:10
+ */
+@Data
+public class RoleUpdateRequest {
+
+    @NotBlank
+    @Size(max = 32)
+    @Schema(description = "id")
+    private String id;
+
+    @Size(max = 255)
+    @Schema(description = "角色名称")
+    private String name;
+
+    @Size(max = 30)
+    @Schema(description = "数据范围（全部数据权限/指定部门权限/本部门数据权限/本部门及以下数据权限/仅本人数据）")
+    @EnumValue(enumClass = RoleDataScope.class)
+    private String dataScope;
+
+    @Schema(description = "指定部门权限时，部门的ID")
+    private List<String> deptIds;
+
+    @Schema(description = "菜单下的权限列表")
+    @Valid
+    private List<PermissionUpdateRequest> permissions;
+
+    @Size(max = 1000)
+    @Schema(description = "描述")
+    private String description;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/RoleUserPageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/RoleUserPageRequest.java
new file mode 100644
index 0000000..282f47d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/RoleUserPageRequest.java
@@ -0,0 +1,18 @@
+package cn.cordys.crm.system.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+
+/**
+ * @author jianxing
+ * @date 2025-01-13 17:33:23
+ */
+@Data
+public class RoleUserPageRequest extends BasePageRequest {
+    @NotBlank
+    @Schema(description = "角色ID")
+    private String roleId;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/RoleUserRelateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/RoleUserRelateRequest.java
new file mode 100644
index 0000000..dc286ae
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/RoleUserRelateRequest.java
@@ -0,0 +1,28 @@
+package cn.cordys.crm.system.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+import java.util.List;
+
+
+/**
+ * @author jianxing
+ * @date 2025-01-13 17:33:23
+ */
+@Data
+public class RoleUserRelateRequest {
+    @NotBlank
+    @Schema(description = "角色ID")
+    private String roleId;
+
+    @Schema(description = "部门ID")
+    private List<String> deptIds;
+
+    @Schema(description = "角色ID")
+    private List<String> roleIds;
+
+    @Schema(description = "用户ID")
+    private List<String> userIds;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/SendEmailDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/SendEmailDTO.java
new file mode 100644
index 0000000..b8b7932
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/SendEmailDTO.java
@@ -0,0 +1,9 @@
+package cn.cordys.crm.system.dto.request;
+
+import lombok.Data;
+
+@Data
+public class SendEmailDTO {
+
+    private String email;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UploadTransferRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UploadTransferRequest.java
new file mode 100644
index 0000000..6a285aa
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UploadTransferRequest.java
@@ -0,0 +1,27 @@
+package cn.cordys.crm.system.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+
+import java.util.List;
+
+/**
+ * @author song-cc-rock
+ */
+@Data
+@AllArgsConstructor
+public class UploadTransferRequest {
+
+    @Schema(description = "组织ID")
+    private String organizationId;
+
+    @Schema(description = "转存文件来源ID")
+    private String resourceId;
+
+    @Schema(description = "操作人")
+    private String operatorUserId;
+
+    @Schema(description = "转存文件临时ID")
+    private List<String> tempFileIds;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UserAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UserAddRequest.java
new file mode 100644
index 0000000..60c469e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UserAddRequest.java
@@ -0,0 +1,65 @@
+package cn.cordys.crm.system.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.NotNull;
+import jakarta.validation.constraints.Pattern;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class UserAddRequest {
+
+    @Size(max = 255)
+    @Schema(description = "姓名")
+    @NotBlank
+    private String name;
+
+    @Size(max = 11)
+    @Schema(description = "手机号")
+    @NotBlank
+    private String phone;
+
+    @Schema(description = "性别(false-男/true-女)")
+    @NotNull
+    private Boolean gender;
+
+    @Pattern(regexp = "^[a-zA-Z0-9_+&*-]+(?:\\.[a-zA-Z0-9_+&*-]+)*@(?:[a-zA-Z0-9-]+\\.)+[a-zA-Z]{2,7}$", message = "{email.format_error}")
+    @Schema(description = "邮箱")
+    @NotBlank
+    private String email;
+
+    @Schema(description = "部门id")
+    @NotBlank
+    private String departmentId;
+
+    @Schema(description = "工号")
+    private String employeeId;
+
+    @Schema(description = "员工类型")
+    private String employeeType;
+
+    @Schema(description = "直属上级")
+    private String supervisorId;
+
+    @Schema(description = "职位")
+    private String position;
+
+    @Schema(description = "工作城市")
+    private String workCity;
+
+    @Schema(description = "角色")
+    private List<String> roleIds;
+
+    @Schema(description = "用户组")
+    private List<String> userGroupIds;
+
+    @Schema(description = "是否启用")
+    private Boolean enable;
+
+    @Schema(description = "入职时间")
+    private Long onboardingDate;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UserBatchEditRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UserBatchEditRequest.java
new file mode 100644
index 0000000..c9761e2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UserBatchEditRequest.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.system.dto.request;
+
+import lombok.Data;
+
+@Data
+public class UserBatchEditRequest extends UserBatchRequest {
+
+    private String departmentId;
+
+    private String supervisorId;
+
+    private String workCity;
+
+    private String onboardingDate;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UserBatchEnableRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UserBatchEnableRequest.java
new file mode 100644
index 0000000..6d1394a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UserBatchEnableRequest.java
@@ -0,0 +1,11 @@
+package cn.cordys.crm.system.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class UserBatchEnableRequest extends UserBatchRequest {
+
+    @Schema(description = "禁用/启用", requiredMode = Schema.RequiredMode.REQUIRED)
+    boolean enable;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UserBatchRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UserBatchRequest.java
new file mode 100644
index 0000000..eba7d4c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UserBatchRequest.java
@@ -0,0 +1,14 @@
+package cn.cordys.crm.system.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class UserBatchRequest {
+
+    @Schema(description = "ID集合")
+    private List<String> ids;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UserKeyUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UserKeyUpdateRequest.java
new file mode 100644
index 0000000..d06a56a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UserKeyUpdateRequest.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.system.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+public class UserKeyUpdateRequest {
+
+    @Schema(description = "user_key ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank
+    private String id;
+    @Schema(description = "是否永久有效", requiredMode = Schema.RequiredMode.REQUIRED)
+    private Boolean forever;
+    @Schema(description = "到期时间")
+    private Long expireTime;
+    @Schema(description = "描述")
+    private String description;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UserPageRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UserPageRequest.java
new file mode 100644
index 0000000..fe5eceb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UserPageRequest.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.system.dto.request;
+
+import cn.cordys.common.dto.BasePageRequest;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+import java.util.List;
+
+
+@Data
+public class UserPageRequest extends BasePageRequest {
+
+    @Schema(description = "部门id")
+    private List<@NotBlank String> departmentIds;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UserUpdateName.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UserUpdateName.java
new file mode 100644
index 0000000..58e3c79
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UserUpdateName.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.system.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+@Data
+public class UserUpdateName {
+
+    @Schema(description = "用户id", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank
+    private String userId;
+
+    @Size(max = 255)
+    @Schema(description = "姓名")
+    @NotBlank
+    private String name;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UserUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UserUpdateRequest.java
new file mode 100644
index 0000000..6bed0fe
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UserUpdateRequest.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.system.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+public class UserUpdateRequest extends UserAddRequest {
+
+    @Schema(description = "ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank
+    private String id;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UserViewAddRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UserViewAddRequest.java
new file mode 100644
index 0000000..abcdd9a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UserViewAddRequest.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.system.dto.request;
+
+
+import cn.cordys.common.dto.condition.CombineSearch;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+public class UserViewAddRequest extends CombineSearch {
+
+    @Schema(description = "视图名称")
+    @NotBlank
+    private String name;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UserViewUpdateRequest.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UserViewUpdateRequest.java
new file mode 100644
index 0000000..6a89ed7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/request/UserViewUpdateRequest.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.system.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+
+@Data
+public class UserViewUpdateRequest extends UserViewAddRequest {
+
+    @Schema(description = "id")
+    @NotBlank
+    private String id;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/AnnouncementDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/AnnouncementDTO.java
new file mode 100644
index 0000000..6668f41
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/AnnouncementDTO.java
@@ -0,0 +1,27 @@
+package cn.cordys.crm.system.dto.response;
+
+import cn.cordys.crm.system.domain.Announcement;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class AnnouncementDTO extends Announcement {
+
+    @Schema(description = "公告内容")
+    private String contentText;
+
+    @Schema(description = "创建人名称")
+    private String createUserName;
+
+    @Schema(description = "操作人")
+    private String updateUserName;
+
+    @Schema(description = "部门对应关系")
+    private List<OptionScopeDTO> deptIdName;
+
+    @Schema(description = "用户对应关系")
+    private List<OptionScopeDTO> userIdName;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/BatchAffectReasonResponse.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/BatchAffectReasonResponse.java
new file mode 100644
index 0000000..efee356
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/BatchAffectReasonResponse.java
@@ -0,0 +1,23 @@
+package cn.cordys.crm.system.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Builder;
+import lombok.Data;
+
+@Data
+@Builder
+public class BatchAffectReasonResponse {
+
+    @Schema(description = "成功数量")
+    private Integer success;
+
+    @Schema(description = "失败数量")
+    private Integer fail;
+
+    @Schema(description = "跳过数量")
+    private Integer skip;
+
+    @Schema(description = "失败原因")
+    private String errorMessages;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/BatchAffectResponse.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/BatchAffectResponse.java
new file mode 100644
index 0000000..d9b8303
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/BatchAffectResponse.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.system.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Builder;
+import lombok.Data;
+
+@Data
+@Builder
+public class BatchAffectResponse {
+
+    @Schema(description = "成功条数")
+    private Integer success;
+    @Schema(description = "失败条数")
+    private Integer fail;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/BatchAffectSkipResponse.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/BatchAffectSkipResponse.java
new file mode 100644
index 0000000..0f3a54a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/BatchAffectSkipResponse.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.system.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Builder;
+import lombok.Data;
+
+@Data
+@Builder
+public class BatchAffectSkipResponse {
+
+    @Schema(description = "成功条数")
+    private Integer success;
+    @Schema(description = "失败条数")
+    private Integer fail;
+    @Schema(description = "跳过数量")
+    private Integer skip;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/EmailDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/EmailDTO.java
new file mode 100644
index 0000000..e14c542
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/EmailDTO.java
@@ -0,0 +1,34 @@
+package cn.cordys.crm.system.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class EmailDTO {
+    //SMTP 主机
+    @Schema(description = "SMTP 主机")
+    @SafeHost(message = "{ip_address.not_allowed}")
+    private String host;
+    //SMTP 端口
+    @Schema(description = "SMTP 端口")
+    private String port;
+    //SMTP账号
+    @Schema(description = "SMTP账号")
+    private String account;
+    //SMTP密码
+    @Schema(description = "SMTP密码")
+    private String password;
+    //指定发件人
+    @Schema(description = "指定发件人")
+    private String from;
+    //指定收件人
+    @Schema(description = "指定收件人")
+    private String recipient;
+    //ssl开关
+    @Schema(description = "ssl开关")
+    private String ssl;
+    //tsl开关
+    @Schema(description = "tsl开关")
+    private String tsl;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/FieldRepeatCheckResponse.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/FieldRepeatCheckResponse.java
new file mode 100644
index 0000000..0a7f139
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/FieldRepeatCheckResponse.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.system.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Builder;
+import lombok.Data;
+
+@Data
+@Builder
+public class FieldRepeatCheckResponse {
+
+    @Schema(description = "是否重复")
+    private boolean repeat;
+    @Schema(description = "重复名称")
+    private String name;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/FormPropLogDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/FormPropLogDTO.java
new file mode 100644
index 0000000..e88954c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/FormPropLogDTO.java
@@ -0,0 +1,31 @@
+package cn.cordys.crm.system.dto.response;
+
+import cn.cordys.crm.system.dto.form.base.BtnContentProp;
+import cn.cordys.crm.system.dto.form.base.LinkField;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Map;
+
+/**
+ * 表单日志属性
+ */
+@Data
+public class FormPropLogDTO {
+
+    @Schema(description = "表单视图")
+    private String viewSize;
+    @Schema(description = "布局")
+    private int layout;
+    @Schema(description = "标题位置")
+    private String labelPos;
+    @Schema(description = "输入框宽度")
+    private String inputWidth;
+    @Schema(description = "操作按钮位置")
+    private String optBtnPos;
+    @Schema(description = "操作按钮内容")
+    private List<BtnContentProp> optBtnContent;
+    @Schema(description = "联动配置(组合KEY: 业务KEY+场景字段KEY)")
+    private Map<String, List<LinkField>> linkProp;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/ImportResponse.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/ImportResponse.java
new file mode 100644
index 0000000..85d6742
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/ImportResponse.java
@@ -0,0 +1,25 @@
+package cn.cordys.crm.system.dto.response;
+
+import cn.cordys.excel.domain.ExcelErrData;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Builder;
+import lombok.Data;
+
+import java.io.Serial;
+import java.io.Serializable;
+import java.util.List;
+
+@Data
+@Builder
+public class ImportResponse implements Serializable {
+
+    @Serial
+    private static final long serialVersionUID = 1L;
+
+    @Schema(description = "成功数量")
+    private int successCount;
+    @Schema(description = "失败数量")
+    private int failCount;
+    @Schema(description = "报错信息")
+    private List<ExcelErrData> errorMessages;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/LoginLogListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/LoginLogListResponse.java
new file mode 100644
index 0000000..cf842af
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/LoginLogListResponse.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.system.dto.response;
+
+import cn.cordys.crm.system.domain.LoginLog;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class LoginLogListResponse extends LoginLog {
+
+    @Schema(description = "操作人名称")
+    private String operatorName;
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/MessageTaskDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/MessageTaskDTO.java
new file mode 100644
index 0000000..d3d67ce
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/MessageTaskDTO.java
@@ -0,0 +1,26 @@
+package cn.cordys.crm.system.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+import java.io.Serial;
+import java.io.Serializable;
+import java.util.List;
+
+@Data
+@EqualsAndHashCode(callSuper = false)
+public class MessageTaskDTO implements Serializable {
+    @Serial
+    private static final long serialVersionUID = 1L;
+
+    @Schema(description = "消息配置模块")
+    public String module;
+
+    @Schema(description = "消息配置模块名称")
+    public String moduleName;
+
+    @Schema(description = "消息配置功能展开内容")
+    public List<MessageTaskDetailDTO> messageTaskDetailDTOList;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/MessageTaskDetailDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/MessageTaskDetailDTO.java
new file mode 100644
index 0000000..1218f5d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/MessageTaskDetailDTO.java
@@ -0,0 +1,39 @@
+package cn.cordys.crm.system.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+import java.io.Serial;
+import java.io.Serializable;
+
+@Data
+@EqualsAndHashCode(callSuper = false)
+public class MessageTaskDetailDTO implements Serializable {
+
+    @Serial
+    private static final long serialVersionUID = 1L;
+
+    @Schema(description = "消息配置事件")
+    public String event;
+
+    @Schema(description = "消息配置事件名称")
+    public String eventName;
+
+    @Schema(description = "邮件启用")
+    private Boolean emailEnable;
+
+    @Schema(description = "系统启用")
+    private Boolean sysEnable;
+
+    @Schema(description = "企业微信启用")
+    private Boolean weComEnable;
+
+    @Schema(description = "钉钉启用")
+    private Boolean dingTalkEnable;
+
+    @Schema(description = "飞书启用")
+    private Boolean larkEnable;
+
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/ModuleDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/ModuleDTO.java
new file mode 100644
index 0000000..fd52830
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/ModuleDTO.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.system.dto.response;
+
+import cn.cordys.crm.system.domain.Module;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class ModuleDTO extends Module {
+
+    @Schema(description = "国际化名称")
+    private String translateName;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/ModuleFormConfigDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/ModuleFormConfigDTO.java
new file mode 100644
index 0000000..54e4ae2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/ModuleFormConfigDTO.java
@@ -0,0 +1,18 @@
+package cn.cordys.crm.system.dto.response;
+
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.form.FormProp;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class ModuleFormConfigDTO {
+
+    @Schema(description = "字段集合及其属性")
+    private List<BaseField> fields;
+
+    @Schema(description = "表单属性")
+    private FormProp formProp;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/ModuleFormConfigLogDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/ModuleFormConfigLogDTO.java
new file mode 100644
index 0000000..c8ac44d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/ModuleFormConfigLogDTO.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.system.dto.response;
+
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class ModuleFormConfigLogDTO {
+
+    @Schema(description = "表单名称")
+    private String name;
+
+    @Schema(description = "字段集合及其属性")
+    private List<BaseField> fields;
+
+    @Schema(description = "表单属性")
+    private FormPropLogDTO formProp;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/NotificationDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/NotificationDTO.java
new file mode 100644
index 0000000..7369cc0
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/NotificationDTO.java
@@ -0,0 +1,9 @@
+package cn.cordys.crm.system.dto.response;
+
+import cn.cordys.crm.system.domain.Notification;
+import lombok.Data;
+
+@Data
+public class NotificationDTO extends Notification {
+    private String contentText;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/OperationLogDetailResponse.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/OperationLogDetailResponse.java
new file mode 100644
index 0000000..a372a8d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/OperationLogDetailResponse.java
@@ -0,0 +1,39 @@
+package cn.cordys.crm.system.dto.response;
+
+import cn.cordys.common.dto.JsonDifferenceDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.io.Serial;
+import java.io.Serializable;
+import java.util.List;
+
+@Data
+public class OperationLogDetailResponse implements Serializable {
+    @Serial
+    private static final long serialVersionUID = 1L;
+
+    @Schema(description = "id")
+    private String id;
+
+    @Schema(description = "操作人")
+    private String operator;
+
+    @Schema(description = "操作人名称")
+    private String operatorName;
+
+    @Schema(description = "操作时间")
+    private Long createTime;
+
+    @Schema(description = "操作对象")
+    private String module;
+
+    @Schema(description = "操作类型")
+    private String type;
+
+    @Schema(description = "资源名称")
+    private String resourceName;
+
+    @Schema(description = "字段差异")
+    private List<JsonDifferenceDTO> diffs = List.of();
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/OperationLogResponse.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/OperationLogResponse.java
new file mode 100644
index 0000000..d9bb694
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/OperationLogResponse.java
@@ -0,0 +1,38 @@
+package cn.cordys.crm.system.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.io.Serial;
+import java.io.Serializable;
+
+@Data
+public class OperationLogResponse implements Serializable {
+    @Serial
+    private static final long serialVersionUID = 1L;
+
+    @Schema(description = "id")
+    private String id;
+
+    @Schema(description = "操作人")
+    private String operator;
+
+    @Schema(description = "操作人名称")
+    private String operatorName;
+
+    @Schema(description = "操作时间")
+    private Long createTime;
+
+    @Schema(description = "操作对象")
+    private String module;
+
+    @Schema(description = "操作类型")
+    private String type;
+
+    @Schema(description = "资源名称")
+    private String resourceName;
+
+    @Schema(description = "日志描述")
+    private String detail;
+
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/OptionScopeDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/OptionScopeDTO.java
new file mode 100644
index 0000000..3ead2b3
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/OptionScopeDTO.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.system.dto.response;
+
+import cn.cordys.common.dto.OptionDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class OptionScopeDTO extends OptionDTO {
+
+    @Schema(description = "类型")
+    private String scope;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/RepeatCustomerResponse.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/RepeatCustomerResponse.java
new file mode 100644
index 0000000..e60b665
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/RepeatCustomerResponse.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.system.dto.response;
+
+import cn.cordys.crm.clue.dto.response.ClueListResponse;
+import cn.cordys.crm.search.response.advanced.AdvancedCustomerResponse;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class RepeatCustomerResponse {
+
+    @Schema(description = "客户重复数据")
+    private List<AdvancedCustomerResponse> customerData;
+
+    @Schema(description = "线索重复数据")
+    private List<ClueListResponse> clueList;
+
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/RoleGetResponse.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/RoleGetResponse.java
new file mode 100644
index 0000000..8a217e5
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/RoleGetResponse.java
@@ -0,0 +1,27 @@
+package cn.cordys.crm.system.dto.response;
+
+import cn.cordys.common.permission.PermissionDefinitionItem;
+import cn.cordys.crm.system.domain.Role;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+/**
+ * @author jianxing
+ * @date 2025-01-10 18:35:02
+ */
+@Data
+public class RoleGetResponse extends Role {
+    @Schema(description = "创建人名称")
+    private String createUserName;
+
+    @Schema(description = "更新人名称")
+    private String updateUserName;
+
+    @Schema(description = "指定部门权限时，部门的ID")
+    private List<String> deptIds;
+
+    @Schema(description = "权限配置")
+    private List<PermissionDefinitionItem> permissions;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/RoleListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/RoleListResponse.java
new file mode 100644
index 0000000..fe77951
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/RoleListResponse.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.system.dto.response;
+
+import cn.cordys.crm.system.domain.Role;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+
+/**
+ * @author jianxing
+ * @date 2025-01-09 16:46:27
+ */
+@Data
+public class RoleListResponse extends Role {
+    @Schema(description = "创建人名称")
+    private String createUserName;
+
+    @Schema(description = "更新人名称")
+    private String updateUserName;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/RoleUserListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/RoleUserListResponse.java
new file mode 100644
index 0000000..ad0a389
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/RoleUserListResponse.java
@@ -0,0 +1,45 @@
+package cn.cordys.crm.system.dto.response;
+
+import cn.cordys.crm.system.dto.convert.UserRoleConvert;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+
+/**
+ * @author jianxing
+ * @date 2025-01-13 17:33:23
+ */
+@Data
+public class RoleUserListResponse {
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "用户ID")
+    private String userId;
+
+    @Schema(description = "用户名")
+    private String userName;
+
+    @Schema(description = "头像")
+    private String avatar;
+
+    @Schema(description = "是否启用")
+    private Boolean enable;
+
+    @Schema(description = "部门id")
+    private String departmentId;
+
+    @Schema(description = "部门名称")
+    private String departmentName;
+
+    @Schema(description = "职位")
+    private String position;
+
+    @Schema(description = "创建时间")
+    private Long createTime;
+
+    @Schema(description = "角色列表")
+    private List<UserRoleConvert> roles;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/RoleUserOptionResponse.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/RoleUserOptionResponse.java
new file mode 100644
index 0000000..d572717
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/RoleUserOptionResponse.java
@@ -0,0 +1,23 @@
+package cn.cordys.crm.system.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+/**
+ * @author jianxing
+ */
+@Data
+public class RoleUserOptionResponse {
+
+    @Schema(description = "用户ID")
+    private String id;
+
+    @Schema(description = "用户名称")
+    private String name;
+
+    @Schema(description = "头像")
+    private String avatar;
+
+    @Schema(description = "是否启用")
+    private Boolean enabled = true;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/SafeHost.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/SafeHost.java
new file mode 100644
index 0000000..24e84db
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/SafeHost.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.system.dto.response;
+
+import jakarta.validation.Constraint;
+import jakarta.validation.Payload;
+
+import java.lang.annotation.*;
+
+@Documented
+@Constraint(validatedBy = SafeHostValidator.class)
+@Target({ElementType.FIELD})
+@Retention(RetentionPolicy.RUNTIME)
+public @interface SafeHost {
+    String message() default "不允许使用内网或保留地址";
+    Class<?>[] groups() default {};
+    Class<? extends Payload>[] payload() default {};
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/SafeHostValidator.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/SafeHostValidator.java
new file mode 100644
index 0000000..6a62a6c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/SafeHostValidator.java
@@ -0,0 +1,74 @@
+package cn.cordys.crm.system.dto.response;
+
+import jakarta.validation.ConstraintValidator;
+import jakarta.validation.ConstraintValidatorContext;
+
+import java.net.InetAddress;
+import java.net.UnknownHostException;
+import java.util.Arrays;
+import java.util.List;
+
+public class SafeHostValidator implements ConstraintValidator<SafeHost, String> {
+
+    private static final List<String> BLOCKED_CIDRS = Arrays.asList(
+            "10.0.0.0/8",
+            "172.16.0.0/12",
+            "192.168.0.0/16",
+            "127.0.0.0/8",
+            "169.254.0.0/16",
+            "0.0.0.0/8",
+            "100.64.0.0/10",
+            "224.0.0.0/4",
+            "::1/128",
+            "fe80::/10",
+            "fc00::/7"
+    );
+
+    @Override
+    public boolean isValid(String host, ConstraintValidatorContext context) {
+        if (host == null || host.isEmpty()) {
+            return true; // 由 @NotNull 控制
+        }
+        try {
+            InetAddress addr = InetAddress.getByName(host);
+            return !isBlocked(addr);
+        } catch (UnknownHostException e) {
+            // 无法解析的域名一律放行？建议拒绝，因为可能被用来绕过（可改为 return false）
+            return false;
+        }
+    }
+
+    private boolean isBlocked(InetAddress addr) {
+        for (String cidr : BLOCKED_CIDRS) {
+            if (matchesCIDR(addr, cidr)) {
+                return true;
+            }
+        }
+        return false;
+    }
+
+    private boolean matchesCIDR(InetAddress addr, String cidr) {
+        try {
+            String[] parts = cidr.split("/");
+            InetAddress network = InetAddress.getByName(parts[0]);
+            int prefix = Integer.parseInt(parts[1]);
+            byte[] addrBytes = addr.getAddress();
+            byte[] networkBytes = network.getAddress();
+            if (addrBytes.length != networkBytes.length) return false;
+
+            int fullBytes = prefix / 8;
+            int remainingBits = prefix % 8;
+
+            for (int i = 0; i < fullBytes; i++) {
+                if (addrBytes[i] != networkBytes[i]) return false;
+            }
+            if (remainingBits > 0 && fullBytes < addrBytes.length) {
+                int mask = (0xFF << (8 - remainingBits)) & 0xFF;
+                return (addrBytes[fullBytes] & mask) == (networkBytes[fullBytes] & mask);
+            }
+            return true;
+        } catch (Exception e) {
+            return false;
+        }
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/UserImportDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/UserImportDTO.java
new file mode 100644
index 0000000..78e290e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/UserImportDTO.java
@@ -0,0 +1,21 @@
+package cn.cordys.crm.system.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.io.Serial;
+import java.io.Serializable;
+
+@Data
+public class UserImportDTO implements Serializable {
+
+    @Serial
+    private static final long serialVersionUID = 1L;
+
+    @Schema(description = "用户id")
+    private String userId;
+    @Schema(description = "部门id")
+    private String departmentId;
+    @Schema(description = "姓名")
+    private String name;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/UserImportResponse.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/UserImportResponse.java
new file mode 100644
index 0000000..6d95d8c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/UserImportResponse.java
@@ -0,0 +1,27 @@
+package cn.cordys.crm.system.dto.response;
+
+import cn.cordys.excel.domain.ExcelErrData;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.io.Serial;
+import java.io.Serializable;
+import java.util.List;
+
+/**
+ * @author wx
+ */
+@Data
+public class UserImportResponse implements Serializable {
+
+    @Serial
+    private static final long serialVersionUID = 1L;
+
+    @Schema(description = "成功数量")
+    private int successCount;
+    @Schema(description = "失败数量")
+    private int failCount;
+    @Schema(description = "报错信息")
+    private List<ExcelErrData> errorMessages;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/UserPageResponse.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/UserPageResponse.java
new file mode 100644
index 0000000..0fb72d9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/UserPageResponse.java
@@ -0,0 +1,90 @@
+package cn.cordys.crm.system.dto.response;
+
+import cn.cordys.crm.system.dto.convert.UserRoleConvert;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class UserPageResponse {
+
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "用户ID")
+    private String userId;
+
+    @Schema(description = "用户名")
+    private String userName;
+
+    @Schema(description = "是否启用")
+    private Boolean enable;
+
+    @Schema(description = "性别(0-男/1-女)")
+    private Boolean gender;
+
+    @Schema(description = "手机号")
+    private String phone;
+
+    @Schema(description = "邮箱")
+    private String email;
+
+    @Schema(description = "部门id")
+    private String departmentId;
+
+    @Schema(description = "部门名称")
+    private String departmentName;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+
+    @Schema(description = "直属上级")
+    private String supervisorId;
+
+    @Schema(description = "直属上级名称")
+    private String supervisorName;
+
+    @Schema(description = "角色列表")
+    private List<UserRoleConvert> roles;
+
+    @Schema(description = "工号")
+    private String employeeId;
+
+    @Schema(description = "职位")
+    private String position;
+
+    @Schema(description = "员工类型")
+    private String employeeType;
+
+    @Schema(description = "工作城市")
+    private String workCity;
+
+    @Schema(description = "用户组")
+    private List<UserRoleConvert> userGroups;
+
+    @Schema(description = "创建人")
+    private String createUser;
+
+    @Schema(description = "创建人名称")
+    private String createUserName;
+
+    @Schema(description = "修改人")
+    private String updateUser;
+
+    @Schema(description = "修改人名称")
+    private String updateUserName;
+
+    @Schema(description = "创建时间")
+    private Long createTime;
+
+    @Schema(description = "更新时间")
+    private Long updateTime;
+
+    @Schema(description = "是否是负责人")
+    private Boolean commander;
+
+    @Schema(description = "入职时间")
+    private Long onboardingDate;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/UserResponse.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/UserResponse.java
new file mode 100644
index 0000000..605635d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/UserResponse.java
@@ -0,0 +1,65 @@
+package cn.cordys.crm.system.dto.response;
+
+import cn.cordys.crm.system.dto.convert.UserRoleConvert;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class UserResponse {
+
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "用户ID")
+    private String userId;
+
+    @Schema(description = "用户名")
+    private String userName;
+
+    @Schema(description = "是否启用")
+    private Boolean enable;
+
+    @Schema(description = "性别(0-男/1-女)")
+    private Boolean gender;
+
+    @Schema(description = "手机号")
+    private String phone;
+
+    @Schema(description = "邮箱")
+    private String email;
+
+    @Schema(description = "部门id")
+    private String departmentId;
+
+    @Schema(description = "部门名称")
+    private String departmentName;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+
+    @Schema(description = "直属上级")
+    private String supervisorId;
+
+    @Schema(description = "直属名称")
+    private String supervisorName;
+
+    @Schema(description = "角色列表")
+    private List<UserRoleConvert> roles;
+
+    @Schema(description = "工号")
+    private String employeeId;
+
+    @Schema(description = "职位")
+    private String position;
+
+    @Schema(description = "员工类型")
+    private String employeeType;
+
+    @Schema(description = "工作城市")
+    private String workCity;
+
+    @Schema(description = "入职时间")
+    private Long onboardingDate;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/UserViewListResponse.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/UserViewListResponse.java
new file mode 100644
index 0000000..77e4532
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/UserViewListResponse.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.system.dto.response;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+@Data
+public class UserViewListResponse {
+
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "视图名称")
+    private String name;
+
+    @Schema(description = "是否固定")
+    private Boolean fixed;
+
+    @Schema(description = "状态")
+    private Boolean enable;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/UserViewResponse.java b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/UserViewResponse.java
new file mode 100644
index 0000000..8482096
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/dto/response/UserViewResponse.java
@@ -0,0 +1,40 @@
+package cn.cordys.crm.system.dto.response;
+
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.dto.condition.FilterCondition;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Map;
+
+@Data
+public class UserViewResponse {
+
+    @Schema(description = "ID")
+    private String id;
+
+    @Schema(description = "用户ID")
+    private String userId;
+
+    @Schema(description = "视图名称")
+    private String name;
+
+    @Schema(description = "资源类型(客户/线索/商机)")
+    private String resourceType;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+
+    @Schema(description = "排序")
+    private Long pos;
+
+    @Schema(description = "匹配模式(AND/OR)")
+    private String searchMode;
+
+    @Schema(description = "筛选条件")
+    private List<FilterCondition> conditions;
+
+    @Schema(description = "用于回显的optionMap")
+    private Map<String, List<OptionDTO>> optionMap;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/excel/CustomImportAfterDoConsumer.java b/backend/crm/src/main/java/cn/cordys/crm/system/excel/CustomImportAfterDoConsumer.java
new file mode 100644
index 0000000..f6ec9a5
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/excel/CustomImportAfterDoConsumer.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.system.excel;
+
+import java.util.List;
+
+/**
+ * 业务导入后置处理函数
+ * @author song-cc-rock
+ */
+@FunctionalInterface
+public interface CustomImportAfterDoConsumer<T, BaseResourceSubField> {
+
+    /**
+     * 处理
+     *
+     * @param dataList      主表数据集合
+     * @param fieldList     自定义字段数据集合
+     * @param fieldBlobList 自定义Blob字段数据集合
+     */
+    void accept(List<T> dataList, List<BaseResourceSubField> fieldList, List<BaseResourceSubField> fieldBlobList);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/excel/annotation/NotRequired.java b/backend/crm/src/main/java/cn/cordys/crm/system/excel/annotation/NotRequired.java
new file mode 100644
index 0000000..e3c1789
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/excel/annotation/NotRequired.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.system.excel.annotation;
+
+import java.lang.annotation.*;
+
+/**
+ * @author wx
+ */
+@Target({ElementType.FIELD})
+@Retention(RetentionPolicy.RUNTIME)
+@Inherited
+public @interface NotRequired {
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/excel/constants/UserImportFiled.java b/backend/crm/src/main/java/cn/cordys/crm/system/excel/constants/UserImportFiled.java
new file mode 100644
index 0000000..f1e94ed
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/excel/constants/UserImportFiled.java
@@ -0,0 +1,50 @@
+package cn.cordys.crm.system.excel.constants;
+
+
+import cn.cordys.crm.system.excel.domain.UserExcelData;
+import lombok.Getter;
+
+import java.util.HashMap;
+import java.util.Locale;
+import java.util.Map;
+import java.util.function.Function;
+
+/**
+ * @author wx
+ */
+
+public enum UserImportFiled {
+
+    EMPLOYEE_ID("employeeId", "工号", "Employee id", UserExcelData::getEmployeeId),
+    NAME("name", "姓名", "Name", UserExcelData::getName),
+    GENDER("gender", "性别", "Gender", UserExcelData::getGender),
+    DEPARTMENT("department", "部门", "Department", UserExcelData::getDepartment),
+    POSITION("position", "职位", "Position", UserExcelData::getPosition),
+    PHONE("phone", "手机号", "Phone", UserExcelData::getPhone),
+    EMAIL("email", "邮箱", "Email", UserExcelData::getEmail),
+    SUPERVISOR("supervisor", "直属上级", "Supervisor", UserExcelData::getSupervisor),
+    WORK_CITY("workCity", "工作城市", "Work City", UserExcelData::getWorkCity),
+    EMPLOYEE_TYPE("employeeType", "员工类型", "Employee type", UserExcelData::getEmployeeType);
+
+    @Getter
+    private final Map<Locale, String> filedLangMap;
+    private final Function<UserExcelData, String> parseFunc;
+    @Getter
+    private final String value;
+
+    UserImportFiled(String value, String zn, String us, Function<UserExcelData, String> parseFunc) {
+        this.filedLangMap = new HashMap<>();
+        filedLangMap.put(Locale.SIMPLIFIED_CHINESE, zn);
+        filedLangMap.put(Locale.US, us);
+        this.value = value;
+        this.parseFunc = parseFunc;
+    }
+
+    public String parseExcelDataValue(UserExcelData excelData) {
+        return parseFunc.apply(excelData);
+    }
+
+    public boolean containsHead(String head) {
+        return filedLangMap.containsValue(head);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/excel/domain/MergeResult.java b/backend/crm/src/main/java/cn/cordys/crm/system/excel/domain/MergeResult.java
new file mode 100644
index 0000000..7ef63f2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/excel/domain/MergeResult.java
@@ -0,0 +1,33 @@
+package cn.cordys.crm.system.excel.domain;
+
+import lombok.AllArgsConstructor;
+import lombok.Builder;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import java.util.List;
+
+/**
+ * 合并结果
+ * @author song-cc-rock
+ */
+@Data
+@Builder
+@NoArgsConstructor
+@AllArgsConstructor
+public class MergeResult {
+
+	/**
+	 * 数据列表
+	 */
+	private List<List<Object>> dataList;
+	/**
+	 * 合并的行区域
+	 */
+	private List<int[]> mergeRegions;
+
+	/**
+	 * 实际合并处理的行数
+	 */
+	private int handleCount;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/excel/domain/UserExcelData.java b/backend/crm/src/main/java/cn/cordys/crm/system/excel/domain/UserExcelData.java
new file mode 100644
index 0000000..fea1fc8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/excel/domain/UserExcelData.java
@@ -0,0 +1,83 @@
+package cn.cordys.crm.system.excel.domain;
+
+import cn.cordys.crm.system.excel.constants.UserImportFiled;
+import cn.idev.excel.annotation.ExcelIgnore;
+import lombok.Getter;
+import lombok.Setter;
+
+import java.util.ArrayList;
+import java.util.Collections;
+import java.util.List;
+import java.util.Locale;
+
+/**
+ * @author wx
+ */
+@Getter
+@Setter
+public class UserExcelData {
+    /**
+     * 工号
+     */
+    @ExcelIgnore
+    private String employeeId;
+    /**
+     * 姓名
+     */
+    @ExcelIgnore
+    private String name;
+    /**
+     * 性别
+     */
+    @ExcelIgnore
+    private String gender;
+    /**
+     * 部门
+     */
+    @ExcelIgnore
+    private String department;
+    /**
+     * 职位
+     */
+    @ExcelIgnore
+    private String position;
+    /**
+     * 手机号
+     */
+    @ExcelIgnore
+    private String phone;
+    /**
+     * 邮箱
+     */
+    @ExcelIgnore
+    private String email;
+    /**
+     * 直属上级
+     */
+    @ExcelIgnore
+    private String supervisor;
+    /**
+     * 工作城市
+     */
+    @ExcelIgnore
+    private String workCity;
+    /**
+     * 员工类型
+     */
+    @ExcelIgnore
+    private String employeeType;
+
+
+    public List<List<String>> getHead() {
+        return new ArrayList<>();
+    }
+
+    public List<List<String>> getHead(Locale lang) {
+        List<List<String>> heads = new ArrayList<>();
+        UserImportFiled[] fields = UserImportFiled.values();
+        for (UserImportFiled field : fields) {
+            heads.add(Collections.singletonList(field.getFiledLangMap().get(lang)));
+        }
+        return heads;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/excel/domain/UserExcelDataCn.java b/backend/crm/src/main/java/cn/cordys/crm/system/excel/domain/UserExcelDataCn.java
new file mode 100644
index 0000000..41f078a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/excel/domain/UserExcelDataCn.java
@@ -0,0 +1,67 @@
+package cn.cordys.crm.system.excel.domain;
+
+import cn.cordys.crm.system.excel.annotation.NotRequired;
+import cn.idev.excel.annotation.ExcelProperty;
+import cn.idev.excel.annotation.write.style.ColumnWidth;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+import org.hibernate.validator.constraints.Length;
+
+import java.util.List;
+import java.util.Locale;
+
+/**
+ * @author wx
+ */
+@Data
+@ColumnWidth(15)
+public class UserExcelDataCn extends UserExcelData {
+
+    @ColumnWidth(50)
+    @ExcelProperty("工号")
+    @NotRequired
+    private String employeeId;
+
+    @NotBlank(message = "{cannot_be_null}")
+    @Length(max = 255)
+    @ExcelProperty("姓名")
+    private String name;
+
+    @ColumnWidth(50)
+    @ExcelProperty("性别")
+    private String gender;
+
+    @ExcelProperty("部门")
+    @ColumnWidth(50)
+    private String department;
+
+
+    @ColumnWidth(50)
+    @ExcelProperty("职位")
+    private String position;
+
+    @NotBlank(message = "{cannot_be_null}")
+    @ColumnWidth(50)
+    @Length(max = 255)
+    @ExcelProperty("手机号")
+    private String phone;
+
+    @NotBlank(message = "{cannot_be_null}")
+    @ColumnWidth(50)
+    @ExcelProperty("邮箱")
+    private String email;
+
+    @ColumnWidth(50)
+    @ExcelProperty("直属上级")
+    private String supervisor;
+
+    @ColumnWidth(50)
+    @ExcelProperty("员工类型")
+    private String employeeType;
+
+
+    @Override
+    public List<List<String>> getHead() {
+        return super.getHead(Locale.SIMPLIFIED_CHINESE);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/excel/domain/UserExcelDataFactory.java b/backend/crm/src/main/java/cn/cordys/crm/system/excel/domain/UserExcelDataFactory.java
new file mode 100644
index 0000000..5dcda27
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/excel/domain/UserExcelDataFactory.java
@@ -0,0 +1,30 @@
+package cn.cordys.crm.system.excel.domain;
+
+import cn.cordys.excel.domain.ExcelDataFactory;
+import org.springframework.context.i18n.LocaleContextHolder;
+
+import java.util.Locale;
+
+/**
+ * @author wx
+ */
+public class UserExcelDataFactory implements ExcelDataFactory {
+
+    @Override
+    public Class<?> getExcelDataByLocal() {
+        Locale locale = LocaleContextHolder.getLocale();
+        if (Locale.US.toString().equalsIgnoreCase(locale.toString())) {
+            return UserExcelDataUs.class;
+        }
+        return UserExcelDataCn.class;
+    }
+
+    public UserExcelData getUserExcelDataLocal() {
+        Locale locale = LocaleContextHolder.getLocale();
+        if (Locale.US.toString().equalsIgnoreCase(locale.toString())) {
+            return new UserExcelDataUs();
+        }
+        return new UserExcelDataCn();
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/excel/domain/UserExcelDataUs.java b/backend/crm/src/main/java/cn/cordys/crm/system/excel/domain/UserExcelDataUs.java
new file mode 100644
index 0000000..e1a057c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/excel/domain/UserExcelDataUs.java
@@ -0,0 +1,66 @@
+package cn.cordys.crm.system.excel.domain;
+
+import cn.cordys.crm.system.excel.annotation.NotRequired;
+import cn.idev.excel.annotation.ExcelProperty;
+import cn.idev.excel.annotation.write.style.ColumnWidth;
+import jakarta.validation.constraints.NotBlank;
+import lombok.Data;
+import org.hibernate.validator.constraints.Length;
+
+import java.util.List;
+import java.util.Locale;
+
+/**
+ * @author wx
+ */
+@Data
+@ColumnWidth(15)
+public class UserExcelDataUs extends UserExcelData {
+
+    @ColumnWidth(50)
+    @ExcelProperty("Employee id")
+    @NotRequired
+    private String employeeId;
+
+    @NotBlank(message = "{cannot_be_null}")
+    @Length(max = 255)
+    @ExcelProperty("Name")
+    private String name;
+
+    @ColumnWidth(50)
+    @ExcelProperty("Gender")
+    private String gender;
+
+    @ExcelProperty("Department")
+    @ColumnWidth(30)
+    private String department;
+
+
+    @ColumnWidth(50)
+    @ExcelProperty("Position")
+    private String position;
+
+    @NotBlank(message = "{cannot_be_null}")
+    @ColumnWidth(50)
+    @Length(max = 255)
+    @ExcelProperty("Phone")
+    private String phone;
+
+    @NotBlank(message = "{cannot_be_null}")
+    @ColumnWidth(50)
+    @ExcelProperty("Email")
+    private String email;
+
+    @ColumnWidth(50)
+    @ExcelProperty("Supervisor")
+    private String supervisor;
+
+    @ColumnWidth(50)
+    @ExcelProperty("Employee type")
+    private String employeeType;
+
+    @Override
+    public List<List<String>> getHead() {
+        return super.getHead(Locale.US);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/excel/handler/CustomHeadColWidthStyleStrategy.java b/backend/crm/src/main/java/cn/cordys/crm/system/excel/handler/CustomHeadColWidthStyleStrategy.java
new file mode 100644
index 0000000..9da473e
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/excel/handler/CustomHeadColWidthStyleStrategy.java
@@ -0,0 +1,31 @@
+package cn.cordys.crm.system.excel.handler;
+
+import cn.idev.excel.metadata.Head;
+import cn.idev.excel.write.style.column.AbstractHeadColumnWidthStyleStrategy;
+
+/**
+ * 自定义表头列宽策略
+ * @author song-cc-rock
+ */
+public class CustomHeadColWidthStyleStrategy extends AbstractHeadColumnWidthStyleStrategy {
+
+    @Override
+    protected Integer columnWidth(Head head, Integer columnIndex) {
+        String headName = head.getHeadNameList().getFirst();
+        int length = getTextWidth(headName);
+        return Math.min(length * 2 - 1, 50);
+    }
+
+    /**
+     * 处理表头宽度
+     * @param text 文本
+     * @return 宽度
+     */
+    private int getTextWidth(String text) {
+        int width = 0;
+        for (char c : text.toCharArray()) {
+            width += (c >= 0x4e00 && c <= 0x9fa5) ? 2 : 1;
+        }
+        return width;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/excel/handler/CustomTemplateWriteHandler.java b/backend/crm/src/main/java/cn/cordys/crm/system/excel/handler/CustomTemplateWriteHandler.java
new file mode 100644
index 0000000..2d33f71
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/excel/handler/CustomTemplateWriteHandler.java
@@ -0,0 +1,266 @@
+package cn.cordys.crm.system.excel.handler;
+
+import cn.cordys.common.resolver.field.DateTimeResolver;
+import cn.cordys.common.resolver.field.LocationResolver;
+import cn.cordys.common.resolver.field.NumberResolver;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.constants.SheetKey;
+import cn.cordys.crm.system.dto.field.DateTimeField;
+import cn.cordys.crm.system.dto.field.InputNumberField;
+import cn.cordys.crm.system.dto.field.LocationField;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.field.base.HasOption;
+import cn.cordys.crm.system.dto.field.base.OptionProp;
+import cn.cordys.crm.system.dto.field.base.SubField;
+import cn.idev.excel.metadata.Head;
+import cn.idev.excel.metadata.data.WriteCellData;
+import cn.idev.excel.util.BooleanUtils;
+import cn.idev.excel.write.handler.CellWriteHandler;
+import cn.idev.excel.write.handler.RowWriteHandler;
+import cn.idev.excel.write.handler.SheetWriteHandler;
+import cn.idev.excel.write.handler.context.RowWriteHandlerContext;
+import cn.idev.excel.write.metadata.holder.WriteSheetHolder;
+import cn.idev.excel.write.metadata.holder.WriteTableHolder;
+import cn.idev.excel.write.metadata.holder.WriteWorkbookHolder;
+import cn.idev.excel.write.metadata.style.WriteCellStyle;
+import cn.idev.excel.write.metadata.style.WriteFont;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.apache.poi.ss.usermodel.*;
+import org.apache.poi.ss.util.CellRangeAddress;
+import org.apache.poi.ss.util.CellRangeAddressList;
+import org.apache.poi.xssf.usermodel.XSSFClientAnchor;
+import org.apache.poi.xssf.usermodel.XSSFRichTextString;
+
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+/**
+ * 自定义模板处理器
+ * @author song-cc-rock
+ */
+public class CustomTemplateWriteHandler implements RowWriteHandler, SheetWriteHandler, CellWriteHandler {
+
+    private final Map<BaseField, Integer> fieldIndexMap = new HashMap<>();
+    private final List<String> requires = new ArrayList<>();
+    private final List<String> uniques = new ArrayList<>();
+    private final List<String> multiples = new ArrayList<>();
+    private final Map<Integer, List<String>> validationOptionMap = new HashMap<>();
+    private final int totalColumns;
+    private Sheet mainSheet;
+    private Drawing<?> drawingPatriarch;
+	/**
+	 * 多级表格需要记录偏移位置
+	 */
+	private final List<Integer> downOffSet = new ArrayList<>();
+	private final List<String> centerCells = new ArrayList<>();
+
+	public static final int MAX_DROPDOWN_LENGTH = 255;
+
+    public CustomTemplateWriteHandler(List<BaseField> fields) {
+        int index = 0;
+		List<BaseField> importFields = fields.stream().filter(f -> StringUtils.isEmpty(f.getResourceFieldId()) && f.canImport()).toList();
+		for (BaseField field : importFields) {
+			if (field instanceof SubField subField && CollectionUtils.isNotEmpty(subField.getSubFields())) {
+				for (BaseField f : subField.getSubFields()) {
+					if (StringUtils.isEmpty(f.getResourceFieldId()) && f.canImport()) {
+						downOffSet.add(index);
+						setExtra(f, index++);
+					}
+				}
+				centerCells.add(subField.getName());
+				continue;
+			}
+			setExtra(field, index++);
+        }
+        totalColumns = index;
+    }
+
+	private void setExtra(BaseField field, int index) {
+		fieldIndexMap.put(field, index);
+		if (field.needRequireCheck()) {
+			requires.add(field.getName());
+		}
+		if (field.needRepeatCheck()) {
+			uniques.add(field.getName());
+		}
+		if (field.multiple()) {
+			multiples.add(field.getName());
+		}
+		if (field instanceof HasOption optionField && CollectionUtils.isNotEmpty(optionField.getOptions())) {
+			// set options for data validation
+			validationOptionMap.put(index, optionField.getOptions().stream().map(OptionProp::getLabel).toList());
+		}
+	}
+
+    @Override
+    public void afterSheetCreate(WriteWorkbookHolder writeWorkbookHolder, WriteSheetHolder writeSheetHolder) {
+        Sheet sheet = writeSheetHolder.getSheet();
+        if (Strings.CS.equals(sheet.getSheetName(), Translator.get(SheetKey.COMMENT))) {
+            Row row1 = sheet.createRow(0);
+            row1.setHeightInPoints(80);
+            Cell cell1 = row1.createCell(0);
+            cell1.setCellValue(Translator.get("sheet.instruction"));
+            sheet.addMergedRegion(new CellRangeAddress(0, 0, 0, totalColumns - 1));
+            CellStyle style = writeWorkbookHolder.getWorkbook().createCellStyle();
+            style.setWrapText(true);
+            Font font = writeWorkbookHolder.getWorkbook().createFont();
+            font.setFontHeightInPoints((short) 12);
+            style.setFont(font);
+            cell1.setCellStyle(style);
+        }
+        if (Strings.CS.equals(sheet.getSheetName(), Translator.get(SheetKey.DATA))) {
+            // set data validation
+            DataValidationHelper dataValidationHelper = sheet.getDataValidationHelper();
+            validationOptionMap.forEach((k, v) -> {
+				List<String> simpleOps = limitCellDropdown(v);
+				DataValidationConstraint dvc = dataValidationHelper.createExplicitListConstraint(simpleOps.toArray(String[]::new));
+                DataValidation dataValidation = dataValidationHelper.createValidation(dvc, new CellRangeAddressList(1, 1048575, k, k));
+                sheet.addValidationData(dataValidation);
+            });
+        }
+    }
+
+    @Override
+    public void afterRowDispose(RowWriteHandlerContext context) {
+        Sheet sheet = context.getWriteSheetHolder().getSheet();
+		int maxHeadRow = context.getWriteSheetHolder().getExcelWriteHeadProperty().getHeadRowNumber();
+        if (BooleanUtils.isTrue(context.getHead()) && context.getRow().getRowNum() == maxHeadRow - 1
+				&& Strings.CS.equals(sheet.getSheetName(), Translator.get(SheetKey.DATA))) {
+            mainSheet = sheet;
+            drawingPatriarch = sheet.createDrawingPatriarch();
+            fieldIndexMap.forEach((k, v) -> {
+                if (k.needComment()) {
+                    setComment(v, buildComment(k));
+                }
+            });
+        }
+    }
+
+    @Override
+    public void afterCellDispose(WriteSheetHolder writeSheetHolder, WriteTableHolder writeTableHolder,
+                                 List<WriteCellData<?>> cellDataList, Cell cell, Head head, Integer relativeRowIndex, Boolean isHead) {
+        // 设置样式
+        WriteCellStyle headStyle = new WriteCellStyle();
+        WriteFont font = new WriteFont();
+        if (isHead) {
+            if (requires.contains(cell.getStringCellValue())) {
+                font.setColor(IndexedColors.RED.getIndex());
+            }
+            if (uniques.contains(cell.getStringCellValue())) {
+                font.setBold(true);
+            }
+            if (multiples.contains(cell.getStringCellValue())) {
+                font.setUnderline(Font.U_SINGLE);
+            }
+			if (centerCells.contains(cell.getStringCellValue())) {
+				headStyle.setHorizontalAlignment(HorizontalAlignment.CENTER);
+				headStyle.setVerticalAlignment(VerticalAlignment.CENTER);
+			}
+        }
+        font.setFontHeightInPoints((short) 12);
+        headStyle.setWriteFont(font);
+        if (CollectionUtils.isNotEmpty(cellDataList)) {
+            WriteCellData<?> writeCellData = cellDataList.getFirst();
+            writeCellData.setWriteCellStyle(headStyle);
+        }
+    }
+
+    private void setComment(Integer index, String text) {
+        if (index == null) {
+            return;
+        }
+        Comment comment = drawingPatriarch.createCellComment(new XSSFClientAnchor(0, 0, 0, 0, index, downOffSet.contains(index) ? 1 : 0, index + 3, 1));
+        comment.setString(new XSSFRichTextString(text));
+        mainSheet.getRow(0).getCell(0).setCellComment(comment);
+    }
+
+    private String buildComment(BaseField field) {
+        return switch (field.getType()) {
+            case "INPUT_NUMBER" -> getNumberComment(field);
+            case "DATE_TIME" -> getDateTimeComment(field);
+            case "LOCATION" -> getLocationComment(field);
+            case "INDUSTRY" -> getIndustryComment();
+            default -> getOptionComment(field);
+        };
+    }
+
+    private String getNumberComment(BaseField field) {
+        StringBuilder sb = new StringBuilder();
+        InputNumberField numberField = (InputNumberField) field;
+        if (Strings.CS.equals(numberField.getNumberFormat(), NumberResolver.PERCENT_FORMAT)) {
+            sb.append(Translator.get("format.preview")).append(": 99.9999%, ").append(Translator.get("keep.decimal.places"));
+        } else {
+            sb.append(Translator.get("format.preview")).append(": 9999999999.9, ").append(Translator.get("keep.decimal.places"));
+        }
+        return sb.toString();
+    }
+
+    private String getDateTimeComment(BaseField field) {
+        StringBuilder sb = new StringBuilder();
+        DateTimeField dateTimeField = (DateTimeField) field;
+        if (Strings.CS.equals(dateTimeField.getDateType(), DateTimeResolver.DATETIME)) {
+            sb.append(Translator.get("format.preview")).append(": 2025/8/6 20:23:59");
+        } else if (Strings.CS.equals(dateTimeField.getDateType(), DateTimeResolver.DATE)) {
+            sb.append(Translator.get("format.preview")).append(": 2025/8/6");
+        } else {
+            sb.append(Translator.get("format.preview")).append(": 2025/8");
+        }
+        return sb.toString();
+    }
+
+    private String getLocationComment(BaseField field) {
+        StringBuilder sb = new StringBuilder();
+		sb.append(Translator.get("format.preview")).append(": ");
+        LocationField locationField = (LocationField) field;
+		if (!Strings.CS.equals(locationField.getScope(), LocationResolver.CN)) {
+			sb.append(Translator.get("location.c"));
+			if (!Strings.CS.equals(locationField.getLocationType(), LocationResolver.C)) {
+				sb.append("-");
+			}
+		}
+		if (Strings.CS.equals(locationField.getLocationType(), LocationResolver.P)) {
+            sb.append(Translator.get("location.p"));
+        } else if (Strings.CS.equals(locationField.getLocationType(), LocationResolver.PC)) {
+            sb.append(Translator.get("location.pc"));
+        } else if (Strings.CS.equals(locationField.getLocationType(), LocationResolver.PCD)) {
+            sb.append(Translator.get("location.pcd"));
+        } else if (Strings.CS.equals(locationField.getLocationType(), LocationResolver.PCD_D)){
+            sb.append(Translator.get("location.pcd.detail"));
+        }
+        return sb.toString();
+    }
+
+    private String getIndustryComment() {
+        return Translator.get("format.preview") + ": " + Translator.get("industry.tips");
+    }
+
+    private String getOptionComment(BaseField field) {
+        if (field instanceof HasOption) {
+            List<OptionProp> options = ((HasOption) field).getOptions();
+            return Translator.get("option") + ": " + options.stream().map(OptionProp::getLabel).toList();
+        }
+        return null;
+    }
+
+	private static List<String> limitCellDropdown(List<String> options) {
+		List<String> limitOps = new ArrayList<>();
+		int currentLength = 0;
+		for (String option : options) {
+			if (option == null || option.isEmpty()) {
+				continue;
+			}
+			int optionLength = option.length();
+			int extra = CollectionUtils.isEmpty(limitOps) ? optionLength : optionLength + 1;
+			if (currentLength + extra > MAX_DROPDOWN_LENGTH) {
+				break;
+			}
+			limitOps.add(option);
+			currentLength += extra;
+		}
+		return limitOps;
+	}
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/excel/handler/SummaryMergeHandler.java b/backend/crm/src/main/java/cn/cordys/crm/system/excel/handler/SummaryMergeHandler.java
new file mode 100644
index 0000000..2c6477b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/excel/handler/SummaryMergeHandler.java
@@ -0,0 +1,87 @@
+package cn.cordys.crm.system.excel.handler;
+
+import cn.cordys.crm.system.dto.field.InputNumberField;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.math.NumberUtils;
+import org.apache.poi.ss.usermodel.*;
+import org.apache.poi.ss.util.CellRangeAddress;
+
+import java.math.BigDecimal;
+import java.util.List;
+
+/**
+ * 动态合并单元格策略(汇总)
+ * @author song-cc-rock
+ */
+public record SummaryMergeHandler(List<int[]> mergeRegions, List<Integer> mergeColumns, List<Integer> summaryCols, int offset) {
+
+	public void merge(Sheet sheet) {
+		if (CollectionUtils.isEmpty(mergeRegions) || CollectionUtils.isEmpty(mergeColumns)) {
+			return;
+		}
+
+		// 合并行区域内的汇总列的值
+		for (int[] region : mergeRegions) {
+			int start = region[0] + offset;
+			int end = region[1] + offset;
+			for (Integer colIndex : summaryCols) {
+				BigDecimal total = BigDecimal.ZERO;
+				boolean showThousandsSeparator = false;
+				boolean hasPercent = false;
+				int decimalPlaces = 0;
+				for (int r = start; r <= end; r++) {
+					Cell cell = sheet.getRow(r).getCell(colIndex);
+					if (cell != null) {
+						String val = switch (cell.getCellType()) {
+							case STRING -> cell.getStringCellValue();
+							case NUMERIC -> String.valueOf(cell.getNumericCellValue());
+							default -> null;
+						};
+						if (StringUtils.isEmpty(val)) {
+							continue;
+						}
+						// 记住汇总列格式
+						if (val.contains(",") && !showThousandsSeparator) {
+							showThousandsSeparator = true;
+						}
+						if (val.contains("%") && !hasPercent) {
+							hasPercent = true;
+						}
+						val = val.replace(",", StringUtils.EMPTY).replace("%", StringUtils.EMPTY);
+						if (NumberUtils.isParsable(val)) {
+							if (decimalPlaces == 0 && val.contains(".")) {
+								decimalPlaces = val.length() - val.indexOf(".") - 1;
+							}
+							total = total.add(new BigDecimal(val));
+						}
+					}
+				}
+				// 将汇总值写入合并后的单元格, 空值不展示
+				if (total.compareTo(BigDecimal.ZERO) != 0) {
+					Cell sumCell = sheet.getRow(start).getCell(colIndex);
+					sumCell.setCellValue(InputNumberField.formatNumber(total, decimalPlaces, showThousandsSeparator, hasPercent));
+					Workbook wb = sheet.getWorkbook();
+					CellStyle style = wb.createCellStyle();
+					style.setAlignment(HorizontalAlignment.RIGHT);
+					style.setVerticalAlignment(VerticalAlignment.CENTER);
+					sumCell.setCellStyle(style);
+				}
+
+				// 只保留第一行, 清空其他行汇总列的单元格值 (不同值合并展示有误)
+				for (int r = start + 1; r <= end; r++) {
+					sheet.getRow(r).getCell(colIndex).setCellValue("");
+				}
+			}
+		}
+
+		// 合并单元格
+		for (int[] region : mergeRegions) {
+			int start = region[0] + offset;
+			int end = region[1] + offset;
+			for (Integer colIndex : mergeColumns) {
+				sheet.addMergedRegionUnsafe(new CellRangeAddress(start, end, colIndex, colIndex));
+			}
+		}
+	}
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/excel/handler/UserTemplateWriteHandler.java b/backend/crm/src/main/java/cn/cordys/crm/system/excel/handler/UserTemplateWriteHandler.java
new file mode 100644
index 0000000..0f0b934
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/excel/handler/UserTemplateWriteHandler.java
@@ -0,0 +1,105 @@
+package cn.cordys.crm.system.excel.handler;
+
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.excel.constants.UserImportFiled;
+import cn.idev.excel.util.BooleanUtils;
+import cn.idev.excel.write.handler.RowWriteHandler;
+import cn.idev.excel.write.handler.SheetWriteHandler;
+import cn.idev.excel.write.handler.context.RowWriteHandlerContext;
+import cn.idev.excel.write.metadata.holder.WriteSheetHolder;
+import cn.idev.excel.write.metadata.holder.WriteWorkbookHolder;
+import cn.idev.excel.write.metadata.style.WriteCellStyle;
+import cn.idev.excel.write.style.HorizontalCellStyleStrategy;
+import org.apache.poi.ss.usermodel.*;
+import org.apache.poi.ss.util.CellRangeAddress;
+import org.apache.poi.xssf.usermodel.XSSFClientAnchor;
+import org.apache.poi.xssf.usermodel.XSSFRichTextString;
+
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+
+/**
+ * @author wx
+ */
+public class UserTemplateWriteHandler implements RowWriteHandler, SheetWriteHandler {
+
+    private final Map<String, Integer> fieldMap = new HashMap<>();
+    private Sheet sheet;
+    private Drawing<?> drawingPatriarch;
+    private int totalColumns; // 记录总列数
+
+    public UserTemplateWriteHandler(List<List<String>> headList) {
+        initIndex(headList);
+    }
+
+    public static HorizontalCellStyleStrategy getHorizontalWrapStrategy() {
+        WriteCellStyle contentWriteCellStyle = new WriteCellStyle();
+        // 设置自动换行
+        contentWriteCellStyle.setWrapped(true);
+        return new HorizontalCellStyleStrategy(null, contentWriteCellStyle);
+    }
+
+    private void initIndex(List<List<String>> headList) {
+        int index = 0;
+        for (List<String> list : headList) {
+            for (String head : list) {
+                this.fieldMap.put(head, index);
+                index++;
+            }
+        }
+        this.totalColumns = index; // 初始化总列数
+    }
+
+    @Override
+    public void afterSheetCreate(WriteWorkbookHolder writeWorkbookHolder, WriteSheetHolder writeSheetHolder) {
+        sheet = writeSheetHolder.getSheet();
+
+        // 创建第二行并合并单元格
+        Row row1 = sheet.createRow(1);
+        Cell cell1 = row1.createCell(0);
+        cell1.setCellValue("""
+                第二行说明文字：
+                1、不能再Excel中对成员信息类别进行增加、修改、删除
+                2、上下级部门间用‘/’隔开，且从最上级部门开始，例如"XX公司/XX事业部/研发部\"""");
+        sheet.addMergedRegion(new CellRangeAddress(1, 1, 0, totalColumns - 1));
+    }
+
+    @Override
+    public void afterRowDispose(RowWriteHandlerContext context) {
+        if (BooleanUtils.isTrue(context.getHead())) {
+            sheet = context.getWriteSheetHolder().getSheet();
+            drawingPatriarch = sheet.createDrawingPatriarch();
+
+            for (Map.Entry<String, Integer> entry : fieldMap.entrySet()) {
+                //默认字段
+                if (UserImportFiled.NAME.containsHead(entry.getKey())) {
+                    setComment(fieldMap.get(entry.getKey()), Translator.get("required"));
+                }
+                if (UserImportFiled.DEPARTMENT.containsHead(entry.getKey())) {
+                    setComment(fieldMap.get(entry.getKey()), Translator.get("department_comment"));
+                }
+                if (UserImportFiled.PHONE.containsHead(entry.getKey())) {
+                    setComment(fieldMap.get(entry.getKey()), Translator.get("required"));
+                }
+                if (UserImportFiled.EMAIL.containsHead(entry.getKey())) {
+                    setComment(fieldMap.get(entry.getKey()), Translator.get("required"));
+                }
+                if (UserImportFiled.EMPLOYEE_TYPE.containsHead(entry.getKey())) {
+                    setComment(fieldMap.get(entry.getKey()), Translator.get("employee_type_comment"));
+                }
+            }
+        }
+
+    }
+
+    private void setComment(Integer index, String text) {
+        if (index == null) {
+            return;
+        }
+        Comment comment = drawingPatriarch.createCellComment(new XSSFClientAnchor(0, 0, 0, 0, index, 0, index + 3, 1));
+        comment.setString(new XSSFRichTextString(text));
+        sheet.getRow(0).getCell(0).setCellComment(comment);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/excel/listener/CustomFieldCheckEventListener.java b/backend/crm/src/main/java/cn/cordys/crm/system/excel/listener/CustomFieldCheckEventListener.java
new file mode 100644
index 0000000..e9592ea
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/excel/listener/CustomFieldCheckEventListener.java
@@ -0,0 +1,307 @@
+package cn.cordys.crm.system.excel.listener;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.mapper.CommonMapper;
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.constants.FieldType;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.field.base.SubField;
+import cn.cordys.excel.domain.ExcelErrData;
+import cn.idev.excel.context.AnalysisContext;
+import cn.idev.excel.event.AnalysisEventListener;
+import cn.idev.excel.metadata.CellExtra;
+import lombok.Getter;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.util.*;
+import java.util.concurrent.ConcurrentHashMap;
+import java.util.function.Function;
+import java.util.stream.Collectors;
+
+/**
+ * @author song-cc-rock
+ */
+public class CustomFieldCheckEventListener extends AnalysisEventListener<Map<Integer, String>> {
+
+    /**
+     * 表头字段集合
+     */
+    protected final Map<String, BaseField> fieldMap = new HashMap<>();
+    /**
+     * 源数据表
+     */
+    private final String sourceTable;
+    private final String fieldTable;
+    protected final String currentOrg;
+    /**
+     * 必填校验
+     */
+    private final List<String> requires = new ArrayList<>();
+    /**
+     * 唯一校验&&数据库属性值缓存&&Excel列值缓存
+     */
+    private final Map<String, BaseField> uniques = new HashMap<>();
+    private final Map<String, Set<String>> uniqueCheckSet = new ConcurrentHashMap<>();
+    private final Map<String, Set<String>> excelValueCache = new ConcurrentHashMap<>();
+    private final CommonMapper commonMapper;
+    /**
+     * 长度校验
+     */
+    private final Map<String, Integer> fieldLenLimit = new HashMap<>();
+    /**
+     * 错误, 成功信息
+     */
+    @Getter
+    protected Integer success = 0;
+    @Getter
+    protected List<ExcelErrData> errList = new ArrayList<>();
+    /**
+     * 表头字段集合 && 业务字段集合映射
+     */
+    protected Map<Integer, String> headMap;
+    protected Map<String, BusinessModuleField> businessFieldMap;
+    /**
+     * 错误行号集合
+     */
+    @Getter
+    protected List<Integer> errRows = new ArrayList<>();
+    /**
+     * 子字段引用映射(子字段名称 -> 子表格字段ID)
+     */
+    protected final Map<String, String> refSubMap = new HashMap<>();
+    /**
+     * 合并单元格信息
+     */
+    protected final Map<Integer, List<CellExtra>> mergeCellMap;
+    /**
+     * 是否至少有一行数据 && 表头行数
+     */
+    protected boolean atLeastOne = false;
+    protected int maxHeadRow;
+    protected final Map<Integer, Map<Integer, String>> mergeRowDataMap;
+
+    public CustomFieldCheckEventListener(List<BaseField> fields, String sourceTable, String fieldTable, String currentOrg) {
+        this(fields, sourceTable, fieldTable, currentOrg, null, null);
+    }
+
+    public CustomFieldCheckEventListener(List<BaseField> fields, String sourceTable, String fieldTable, String currentOrg,
+                                         Map<Integer, List<CellExtra>> mergeCellMap, Map<Integer, Map<Integer, String>> mergeRowDataMap) {
+        for (BaseField field : fields) {
+            if (isInvalidField(field)) {
+                continue;
+            }
+            if (field instanceof SubField subField && CollectionUtils.isNotEmpty(subField.getSubFields())) {
+                for (BaseField f : subField.getSubFields()) {
+                    if (isInvalidField(f)) {
+                        continue;
+                    }
+                    this.fieldMap.put(f.getName(), f);
+                    refSubMap.put(f.getName(), subField.getId());
+                    setCheckLimit(f);
+                }
+                continue;
+            }
+            this.fieldMap.put(field.getName(), field);
+            setCheckLimit(field);
+        }
+        this.sourceTable = sourceTable;
+        this.currentOrg = currentOrg;
+        this.commonMapper = CommonBeanFactory.getBean(CommonMapper.class);
+        this.fieldTable = fieldTable;
+        this.mergeCellMap = mergeCellMap;
+        this.mergeRowDataMap = mergeRowDataMap;
+    }
+
+    @Override
+    public void invokeHeadMap(Map<Integer, String> headMap, AnalysisContext context) {
+        maxHeadRow = context.readWorkbookHolder().getHeadRowNumber();
+        if (context.readRowHolder().getRowIndex() != maxHeadRow - 1) {
+            return;
+        }
+        if (headMap == null) {
+            throw new GenericException(Translator.get("user_import_table_header_missing"));
+        }
+        String errHead = checkIllegalHead(headMap);
+        if (StringUtils.isNotEmpty(errHead)) {
+            throw new GenericException(Translator.getWithArgs("illegal_header", errHead));
+        }
+        this.headMap = headMap;
+        this.businessFieldMap = Arrays.stream(BusinessModuleField.values()).
+                collect(Collectors.toMap(BusinessModuleField::getKey, Function.identity()));
+        cacheUniqueSet();
+    }
+
+    @Override
+    public void invoke(Map<Integer, String> data, AnalysisContext context) {
+        if (data == null) {
+            return;
+        }
+        atLeastOne = true;
+        Integer rowIndex = context.readRowHolder().getRowIndex();
+        validateRowData(rowIndex, data);
+    }
+
+    @Override
+    public void doAfterAllAnalysed(AnalysisContext analysisContext) {
+        if (!atLeastOne) {
+            throw new GenericException(Translator.get("import.data.cannot_be_null"));
+        }
+    }
+
+    /**
+     * 缓存一些比对值
+     */
+    private void cacheUniqueSet() {
+        if (!uniques.isEmpty()) {
+            uniques.values().forEach(field -> {
+                if (businessFieldMap.containsKey(field.getInternalKey()) && !refSubMap.containsKey(field.getName())) {
+                    // 子表格字段不走业务唯一性校验
+                    BusinessModuleField businessModuleField = businessFieldMap.get(field.getInternalKey());
+                    String fieldName = businessModuleField.getBusinessKey();
+                    List<String> valList = commonMapper.getCheckValList(sourceTable, fieldName, currentOrg);
+                    uniqueCheckSet.put(field.getName(), new HashSet<>(valList.stream().distinct().toList()));
+                } else {
+                    List<String> valList = commonMapper.getCheckFieldValList(sourceTable, fieldTable, field.getId(), currentOrg);
+                    uniqueCheckSet.put(field.getName(), new HashSet<>(valList));
+                }
+            });
+        }
+    }
+
+    /**
+     * 校验行数据
+     *
+     * @param rowIndex 行索引
+     * @param rowData  行数据
+     */
+    private void validateRowData(Integer rowIndex, Map<Integer, String> rowData) {
+        StringBuilder errText = new StringBuilder();
+        headMap.forEach((k, v) -> {
+            if (!isValidateCell(rowIndex, k)) {
+                return;
+            }
+            if (requires.contains(v) && StringUtils.isEmpty(rowData.get(k))) {
+                errText.append(v).append(Translator.get("cannot_be_null")).append(";");
+            }
+            if (uniques.containsKey(v) && !checkFieldValUnique(rowData.get(k), uniques.get(v))) {
+                errText.append(v).append(Translator.get("cell.not.unique")).append(";");
+            }
+            if (fieldLenLimit.containsKey(v) && StringUtils.isNotEmpty(rowData.get(k)) &&
+                    rowData.get(k).length() > fieldLenLimit.get(v)) {
+                errText.append(v).append(Translator.getWithArgs("over.length", fieldLenLimit.get(v))).append(";");
+            }
+        });
+        if (StringUtils.isNotEmpty(errText)) {
+            ExcelErrData excelErrData = new ExcelErrData(rowIndex,
+                    Translator.getWithArgs("row.error.tip", rowIndex + 1).concat(" " + errText));
+            //错误信息
+            errList.add(excelErrData);
+            errRows.add(rowIndex);
+        } else if (!errRows.contains(rowIndex)) {
+            success++;
+        }
+    }
+
+    /**
+     * 判断单元格是否需要校验
+     *
+     * @param rowIndex 行序号
+     * @param colIndex 列序号
+     *
+     * @return 是否需要校验
+     */
+    private boolean isValidateCell(int rowIndex, int colIndex) {
+        if (mergeCellMap == null) {
+            return true;
+        }
+        List<CellExtra> cellExtras = mergeCellMap.get(rowIndex);
+        if (cellExtras != null) {
+            for (CellExtra extra : cellExtras) {
+                // 属于合并列的区域内
+                if (colIndex >= extra.getFirstColumnIndex() && colIndex <= extra.getLastColumnIndex()) {
+                    // 合并第一行也需校验
+                    return rowIndex == extra.getFirstRowIndex();
+                }
+            }
+        }
+        // 不属于合并单元格，直接校验
+        return true;
+    }
+
+    /**
+     * 检查字段值唯一
+     *
+     * @param val   值
+     * @param field 字段
+     *
+     * @return 是否唯一
+     */
+    private boolean checkFieldValUnique(String val, BaseField field) {
+        if (StringUtils.isEmpty(val)) {
+            return true;
+        }
+        // Excel 唯一性校验
+        excelValueCache.putIfAbsent(field.getId(), ConcurrentHashMap.newKeySet());
+        Set<String> valueSet = excelValueCache.get(field.getId());
+        if (!valueSet.add(val)) {
+            return false;
+        }
+        // 数据库唯一性校验
+        Set<String> uniqueCheck = uniqueCheckSet.get(field.getName());
+        return !uniqueCheck.contains(val);
+    }
+
+    /**
+     * 表头是否非法
+     *
+     * @param headMap 表头集合
+     *
+     * @return 是否非法
+     */
+    private String checkIllegalHead(Map<Integer, String> headMap) {
+        for (BaseField field : fieldMap.values()) {
+            if (!field.canImport() || Strings.CS.equals(field.getType(), FieldType.TEXTAREA.name())) {
+                continue;
+            }
+            if (!headMap.containsValue(field.getName())) {
+                return field.getName();
+            }
+        }
+        return null;
+    }
+
+    /**
+     * 设置校验信息
+     *
+     * @param field 自定义字段
+     */
+    private void setCheckLimit(BaseField field) {
+        if (field.needRequireCheck()) {
+            requires.add(field.getName());
+        }
+        if (field.needRepeatCheck()) {
+            uniques.put(field.getName(), field);
+        }
+		if (Strings.CS.equalsAny(field.getType(), FieldType.MEMBER.name(), FieldType.DEPARTMENT.name(), FieldType.DATA_SOURCE.name())) {
+			fieldLenLimit.put(field.getName(), 32);
+		}
+        if (Strings.CS.equalsAny(field.getType(), FieldType.INPUT.name(), FieldType.INPUT_NUMBER.name(), FieldType.DATE_TIME.name(), FieldType.RADIO.name(),
+                FieldType.SELECT.name(), FieldType.PHONE.name(), FieldType.LOCATION.name(), FieldType.INDUSTRY.name())) {
+            fieldLenLimit.put(field.getName(), 255);
+        }
+        if (Strings.CS.equals(field.getType(), FieldType.TEXTAREA.name())) {
+            fieldLenLimit.put(field.getName(), 3000);
+        }
+    }
+
+    private boolean isInvalidField(BaseField field) {
+        if (StringUtils.isNotEmpty(field.getResourceFieldId())) {
+            return true;
+        }
+        return !field.canImport() && !field.isSerialNumber();
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/excel/listener/CustomFieldImportEventListener.java b/backend/crm/src/main/java/cn/cordys/crm/system/excel/listener/CustomFieldImportEventListener.java
new file mode 100644
index 0000000..b3a54d9
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/excel/listener/CustomFieldImportEventListener.java
@@ -0,0 +1,369 @@
+package cn.cordys.crm.system.excel.listener;
+
+import cn.cordys.common.domain.BaseResourceSubField;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.resolver.field.AbstractModuleFieldResolver;
+import cn.cordys.common.resolver.field.ModuleFieldResolverFactory;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.uid.SerialNumGenerator;
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.dto.field.SerialNumberField;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.excel.CustomImportAfterDoConsumer;
+import cn.cordys.mybatis.EntityTableMapper;
+import cn.idev.excel.context.AnalysisContext;
+import cn.idev.excel.metadata.CellExtra;
+import lombok.Getter;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.lang.reflect.Method;
+import java.util.*;
+
+/**
+ * 自定义字段导入处理器
+ *
+ * @param <T> 业务实体
+ *
+ * @author song-cc-rock
+ */
+@Slf4j
+public class CustomFieldImportEventListener<T> extends CustomFieldCheckEventListener {
+
+    /**
+     * 主表数据
+     */
+    @Getter
+    private final List<T> dataList;
+    /**
+     * 自定义字段集合&Blob字段集合
+     */
+    private final List<BaseResourceSubField> fields;
+    private final List<BaseResourceSubField> blobFields;
+    /**
+     * 批次限制
+     */
+    private final int batchSize;
+    /**
+     * 业务实体
+     */
+    private final Class<T> entityClass;
+    /**
+     * method cache
+     */
+    private final Map<String, Method> methodCache = new HashMap<>();
+    /**
+     * 操作人
+     */
+    private final String operator;
+    /**
+     * 后置处理函数(入库)
+     */
+    private final CustomImportAfterDoConsumer<T, BaseResourceSubField> consumer;
+    /**
+     * 序列化字段及生成器
+     */
+    private BaseField serialField;
+    private final SerialNumGenerator serialNumGenerator;
+    /**
+     * 成功条数
+     */
+    @Getter
+    private int successCount;
+    /**
+     * 临时合并实体
+     */
+    private T mergedTmpEntity;
+    private int subRowId;
+
+    public CustomFieldImportEventListener(List<BaseField> fields, Class<T> clazz, String currentOrg, String operator, String fieldTable,
+                                          CustomImportAfterDoConsumer<T, BaseResourceSubField> consumer, int batchSize,
+                                          Map<Integer, List<CellExtra>> mergeCellMap, Map<Integer, Map<Integer, String>> mergeRowDataMap) {
+        super(fields, EntityTableMapper.generateTableName(clazz), fieldTable, currentOrg, mergeCellMap, mergeRowDataMap);
+        this.entityClass = clazz;
+        this.operator = operator;
+        this.serialNumGenerator = CommonBeanFactory.getBean(SerialNumGenerator.class);
+        this.consumer = consumer;
+        this.batchSize = batchSize > 0 ? batchSize : 2000;
+        // 初始化大小,扩容有开销
+        this.dataList = new ArrayList<>(batchSize);
+        this.fields = new ArrayList<>(batchSize);
+        this.blobFields = new ArrayList<>(batchSize);
+        // 缓存方法, 频繁反射有开销
+        cacheSetterMethods();
+    }
+
+    @Override
+    public void invokeHeadMap(Map<Integer, String> headMap, AnalysisContext context) {
+        super.invokeHeadMap(headMap, context);
+        Optional<BaseField> anySerial = this.fieldMap.values().stream().filter(BaseField::isSerialNumber).findAny();
+        anySerial.ifPresent(field -> serialField = field);
+    }
+
+    @Override
+    public void invoke(Map<Integer, String> data, AnalysisContext analysisContext) {
+        super.invoke(data, analysisContext);
+        Integer rowIndex = analysisContext.readRowHolder().getRowIndex();
+        if (this.errRows.contains(rowIndex)) {
+            // 有错误跳过该行
+            return;
+        }
+        // build entity by row-data
+        buildEntityFromRow(rowIndex, data);
+        if (dataList.size() >= batchSize || fields.size() >= batchSize || blobFields.size() > batchSize) {
+            batchProcessData();
+        }
+    }
+
+    @Override
+    public void doAfterAllAnalysed(AnalysisContext analysisContext) {
+        if (CollectionUtils.isNotEmpty(this.dataList) || CollectionUtils.isNotEmpty(this.fields) || CollectionUtils.isNotEmpty(this.blobFields)) {
+            batchProcessData();
+        }
+        log.info("数据导入完成, 总行数: {}", successCount);
+    }
+
+    /**
+     * 批量入库操作
+     */
+    private void batchProcessData() {
+        try {
+            // 执行入库
+            consumer.accept(this.dataList, this.fields, this.blobFields);
+        } catch (Exception e) {
+            // 入库异常,不影响后续批次
+            log.error("批量插入异常: {}", e.getCause().getMessage());
+            throw new GenericException(e.getCause());
+        } finally {
+            // 批次插入成功, 统计&&清理
+            successCount += this.dataList.size();
+            this.dataList.clear();
+            this.fields.clear();
+            this.blobFields.clear();
+        }
+    }
+
+    /**
+     * 构建行列数据 => 实体
+     *
+     * @param rowIndex 行序号
+     * @param rowData  行数据
+     */
+    private void buildEntityFromRow(Integer rowIndex, Map<Integer, String> rowData) {
+        try {
+            if (isNormalRow(rowIndex) || isMergeFirstRow(rowIndex)) {
+                // 非合并行才创建实体
+                String rowKey = IDGenerator.nextStr();
+                mergedTmpEntity = entityClass.getDeclaredConstructor().newInstance();
+                setInternal(mergedTmpEntity, rowKey);
+                subRowId = 1;
+            } else {
+                subRowId++;
+            }
+            if (mergedTmpEntity == null) {
+                return;
+            }
+            Optional<Object> id = Optional.ofNullable(getResourceId(mergedTmpEntity));
+            if (id.isEmpty()) {
+                return;
+            }
+            String bizId = IDGenerator.nextStr();
+            headMap.forEach((k, v) -> {
+                BaseField field = fieldMap.get(v);
+                if (field == null || field.isSerialNumber()) {
+                    return;
+                }
+                Object val = convertValue(rowData.get(k), field);
+                if (val == null) {
+                    return;
+                }
+                if (!refSubMap.containsKey(field.getName()) && !isNormalRow(rowIndex) && !isMergeFirstRow(rowIndex)) {
+                    // 除合并的首行外, 其余合并行非子表字段都跳过
+                    return;
+                }
+                if (businessFieldMap.containsKey(field.getInternalKey()) && !refSubMap.containsKey(field.getName())) {
+                    try {
+                        setPropertyValue(mergedTmpEntity, businessFieldMap.get(field.getInternalKey()).getBusinessKey(), val);
+                    } catch (Exception e) {
+                        log.error("导入错误, 无法设置字段值. {}", e.getMessage());
+                        throw new GenericException(e);
+                    }
+                } else {
+                    BaseResourceSubField resourceField = new BaseResourceSubField();
+                    resourceField.setId(IDGenerator.nextStr());
+                    resourceField.setResourceId(id.get().toString());
+                    resourceField.setFieldId(field.idOrBusinessKey());
+                    resourceField.setFieldValue(val);
+                    if (refSubMap.containsKey(field.getName())) {
+                        resourceField.setRefSubId(refSubMap.get(field.getName()));
+                        resourceField.setRowId(String.valueOf(subRowId));
+                        resourceField.setBizId(bizId);
+                    }
+                    if (field.isBlob()) {
+                        if (val instanceof List<?> valList) {
+                            resourceField.setFieldValue(JSON.toJSONString(valList));
+                        }
+                        blobFields.add(resourceField);
+                    } else {
+                        fields.add(resourceField);
+                    }
+                }
+            });
+            if (isNormalRow(rowIndex) || isMergedLastRow(rowIndex)) {
+                if (serialField != null) {
+                    BaseResourceSubField serialResource = new BaseResourceSubField();
+                    serialResource.setId(IDGenerator.nextStr());
+                    serialResource.setResourceId(id.get().toString());
+                    serialResource.setFieldId(serialField.idOrBusinessKey());
+                    String serialNo = serialNumGenerator.generateByRules(((SerialNumberField) serialField).getSerialNumberRules(),
+                            currentOrg, entityClass.getSimpleName().toLowerCase());
+                    serialResource.setFieldValue(serialNo);
+                    if (refSubMap.containsKey(serialField.getName())) {
+                        serialResource.setRefSubId(refSubMap.get(serialField.getName()));
+                        serialResource.setRowId(String.valueOf(subRowId));
+                        serialResource.setBizId(bizId);
+                    }
+                    fields.add(serialResource);
+                }
+                // 合并最后行, 添加并清除实体
+                dataList.add(mergedTmpEntity);
+                mergedTmpEntity = null;
+            }
+        } catch (Exception e) {
+            log.error("导入错误, 原因: {}", e.getMessage());
+            throw new GenericException(Translator.getWithArgs("import.error", rowIndex + 1).concat(" " + e.getMessage()));
+        }
+    }
+
+    /**
+     * 自定义字段文本转换
+     *
+     * @param text  文本
+     * @param field 字段
+     *
+     * @return 值
+     */
+    @SuppressWarnings({"rawtypes", "unchecked"})
+    private Object convertValue(String text, BaseField field) {
+        if (StringUtils.isEmpty(text)) {
+            return null;
+        }
+        try {
+            AbstractModuleFieldResolver customFieldResolver = ModuleFieldResolverFactory.getResolver(field.getType());
+            return customFieldResolver.textToValue(field, text);
+        } catch (Exception e) {
+            log.error("解析字段[{}]错误, [{}]不能被转换; 原因: {}", field.getName(), text, e.getMessage(), e);
+        }
+        return null;
+    }
+
+    /**
+     * 缓存entity setter
+     */
+    private void cacheSetterMethods() {
+        for (Method method : entityClass.getMethods()) {
+            if (method.getName().startsWith("set") && method.getParameterCount() == 1) {
+                String fieldName = method.getName().substring(3);
+                String property = Character.toLowerCase(fieldName.charAt(0)) + fieldName.substring(1);
+                methodCache.put("set:" + property, method);
+            } else if (method.getParameterCount() == 0 && Strings.CS.equals(method.getName(), "getId")) {
+                methodCache.put("get:id", method);
+            }
+        }
+    }
+
+    /**
+     * 判断是否合并首行
+     *
+     * @param rowIndex 行号
+     *
+     * @return 是否为合并首行
+     */
+    private boolean isMergeFirstRow(int rowIndex) {
+        if (mergeCellMap == null) {
+            return false;
+        }
+        List<CellExtra> cellExtras = mergeCellMap.get(rowIndex);
+        return cellExtras != null && cellExtras.stream().anyMatch(extra -> rowIndex == extra.getFirstRowIndex() && extra.getLastRowIndex() > rowIndex);
+    }
+
+    /**
+     * 判断当前行是否为合并尾行
+     *
+     * @param rowIndex 行号
+     *
+     * @return 是否为合并尾行
+     */
+    private boolean isMergedLastRow(int rowIndex) {
+        if (mergeCellMap == null) {
+            return false;
+        }
+        List<CellExtra> cellExtras = mergeCellMap.get(rowIndex);
+        return cellExtras != null && cellExtras.stream().anyMatch(extra -> rowIndex == extra.getLastRowIndex() && extra.getLastRowIndex() > extra.getFirstRowIndex());
+    }
+
+    /**
+     * 非合并行
+     *
+     * @param rowIndex 行号
+     *
+     * @return 是否为正常行
+     */
+    private boolean isNormalRow(int rowIndex) {
+        return mergeCellMap == null || !mergeCellMap.containsKey(rowIndex);
+    }
+
+    /**
+     * 设置entity内部字段
+     *
+     * @param instance 实例对象
+     * @param rowKey   唯一Key
+     *
+     * @throws Exception 异常
+     */
+    private void setInternal(T instance, String rowKey) throws Exception {
+        methodCache.get("set:id").invoke(instance, rowKey);
+        methodCache.get("set:createUser").invoke(instance, operator);
+        methodCache.get("set:createTime").invoke(instance, System.currentTimeMillis());
+        methodCache.get("set:updateUser").invoke(instance, operator);
+        methodCache.get("set:updateTime").invoke(instance, System.currentTimeMillis());
+        methodCache.get("set:organizationId").invoke(instance, currentOrg);
+    }
+
+    /**
+     * 设置属性值
+     *
+     * @param instance  实例对象
+     * @param fieldName 字段名
+     * @param value     值
+     *
+     * @throws Exception 异常
+     */
+    private void setPropertyValue(T instance, String fieldName, Object value) throws Exception {
+        Method setter = methodCache.get("set:" + fieldName);
+        if (setter != null) {
+            setter.invoke(instance, value);
+        }
+    }
+
+    /**
+     * 获取资源ID
+     *
+     * @param instance 实例对象
+     *
+     * @return 资源ID
+     *
+     * @throws Exception 异常信息
+     */
+    private Object getResourceId(T instance) throws Exception {
+        Method getter = methodCache.get("get:id");
+        if (getter != null) {
+            return getter.invoke(instance);
+        }
+        return null;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/excel/listener/CustomFieldMergeCellEventListener.java b/backend/crm/src/main/java/cn/cordys/crm/system/excel/listener/CustomFieldMergeCellEventListener.java
new file mode 100644
index 0000000..f0c9d02
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/excel/listener/CustomFieldMergeCellEventListener.java
@@ -0,0 +1,73 @@
+package cn.cordys.crm.system.excel.listener;
+
+import cn.idev.excel.context.AnalysisContext;
+import cn.idev.excel.enums.CellExtraTypeEnum;
+import cn.idev.excel.event.AnalysisEventListener;
+import cn.idev.excel.metadata.CellExtra;
+import lombok.Getter;
+
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+/**
+ * 预收集合并单元格信息
+ * @author song-cc-rock
+ */
+public class CustomFieldMergeCellEventListener extends AnalysisEventListener<Map<Integer, String>> {
+
+	/**
+	 * 头行号
+	 */
+	private int maxHeadRow;
+
+	/**
+	 * 合并单元格信息 (按行号分组, 方便查询)
+	 */
+	@Getter
+	private final Map<Integer, List<CellExtra>> mergeCellMap = new HashMap<>();
+	@Getter
+	private final Map<Integer, Map<Integer, String>> mergeRowDataMap = new HashMap<>();
+
+	@Override
+	public void invoke(Map<Integer, String> data, AnalysisContext context) {
+		int rowIndex = context.readRowHolder().getRowIndex();
+		mergeRowDataMap.put(rowIndex, new HashMap<>(data));
+	}
+
+	@Override
+	public void invokeHeadMap(Map<Integer, String> headMap, AnalysisContext context) {
+		maxHeadRow = context.readWorkbookHolder().getHeadRowNumber();
+	}
+
+	@Override
+	public void extra(CellExtra extra, AnalysisContext context) {
+		if (extra.getType() == CellExtraTypeEnum.MERGE && extra.getRowIndex() >= maxHeadRow) {
+			for (int row = extra.getFirstRowIndex(); row <= extra.getLastRowIndex(); row++) {
+				mergeCellMap.computeIfAbsent(row, k -> new ArrayList<>()).add(extra);
+			}
+
+			int firstRow = extra.getFirstRowIndex();
+			int lastRow = extra.getLastRowIndex();
+			int colIndex = extra.getFirstColumnIndex();
+
+			Map<Integer, String> firstRowData = mergeRowDataMap.get(firstRow);
+
+			if (firstRowData == null) {
+				return;
+			}
+
+			String val = firstRowData.get(colIndex);
+			for (int r = firstRow; r <= lastRow; r++) {
+				mergeRowDataMap.computeIfAbsent(r, k -> new HashMap<>(8))
+						.put(colIndex, val);
+			}
+		}
+	}
+
+	@Override
+	public void doAfterAllAnalysed(AnalysisContext analysisContext) {
+
+	}
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/excel/listener/UserCheckEventListener.java b/backend/crm/src/main/java/cn/cordys/crm/system/excel/listener/UserCheckEventListener.java
new file mode 100644
index 0000000..45bca20
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/excel/listener/UserCheckEventListener.java
@@ -0,0 +1,264 @@
+package cn.cordys.crm.system.excel.listener;
+
+import cn.cordys.common.dto.BaseTreeNode;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.excel.domain.UserExcelData;
+import cn.cordys.crm.system.excel.domain.UserExcelDataFactory;
+import cn.cordys.crm.system.service.DepartmentService;
+import cn.cordys.crm.system.service.OrganizationUserService;
+import cn.cordys.excel.domain.ExcelErrData;
+import cn.cordys.excel.utils.ExcelValidateHelper;
+import cn.idev.excel.annotation.ExcelProperty;
+import cn.idev.excel.context.AnalysisContext;
+import cn.idev.excel.event.AnalysisEventListener;
+import lombok.Getter;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.lang.reflect.Field;
+import java.util.*;
+import java.util.function.BiConsumer;
+import java.util.regex.Matcher;
+import java.util.regex.Pattern;
+
+@Slf4j
+public class UserCheckEventListener extends AnalysisEventListener<Map<Integer, String>> {
+
+    protected static final int NAME_LENGTH = 255;
+    protected static final int PHONE_LENGTH = 20;
+    private static final String ERROR_MSG_SEPARATOR = ";";
+    private static final String EMAIL_REGEX = "^[a-zA-Z0-9_+&*-]+(?:\\.[a-zA-Z0-9_+&*-]+)*@(?:[a-zA-Z0-9-]+\\.)+[a-zA-Z]{2,7}$";
+    private static final String PHONE_REGEX = "^1[0-9]\\d{9}$";
+    private static final Pattern EMAIL_PATTERN = Pattern.compile(EMAIL_REGEX);
+    private static final Pattern PHONE_PATTERN = Pattern.compile(PHONE_REGEX);
+    private static final Map<String, BiConsumer<UserExcelData, String>> FIELD_SETTERS = new HashMap<>();
+
+    static {
+        FIELD_SETTERS.put("employeeId", UserExcelData::setEmployeeId);
+        FIELD_SETTERS.put("name", UserExcelData::setName);
+        FIELD_SETTERS.put("gender", UserExcelData::setGender);
+        FIELD_SETTERS.put("department", UserExcelData::setDepartment);
+        FIELD_SETTERS.put("position", UserExcelData::setPosition);
+        FIELD_SETTERS.put("phone", UserExcelData::setPhone);
+        FIELD_SETTERS.put("email", UserExcelData::setEmail);
+        FIELD_SETTERS.put("supervisor", UserExcelData::setSupervisor);
+        FIELD_SETTERS.put("workCity", UserExcelData::setWorkCity);
+        FIELD_SETTERS.put("employeeType", UserExcelData::setEmployeeType);
+    }
+
+    @Getter
+    protected final List<UserExcelData> list = new ArrayList<>();
+    @Getter
+    protected final List<ExcelErrData> errList = new ArrayList<>();
+    private final Class<?> excelDataClass;
+    private final Map<String, String> excelHeadToFieldNameDic = new HashMap<>();
+    private final List<BaseTreeNode> departmentTree;
+    private final OrganizationUserService organizationUserService;
+    private Map<Integer, String> headMap;
+
+    public UserCheckEventListener(Class<?> clazz, String orgId) {
+        this.excelDataClass = clazz;
+        DepartmentService departmentService = CommonBeanFactory.getBean(DepartmentService.class);
+        this.organizationUserService = CommonBeanFactory.getBean(OrganizationUserService.class);
+        this.departmentTree = Objects.requireNonNull(departmentService).getTree(orgId);
+    }
+
+    @Override
+    public void invokeHeadMap(Map<Integer, String> headMap, AnalysisContext context) {
+        this.headMap = headMap;
+        try {
+            genExcelHeadToFieldNameDicAndGetNotRequiredFields();
+        } catch (NoSuchFieldException e) {
+            log.error(e.getMessage(), e);
+        }
+        formatHeadMap();
+        super.invokeHeadMap(headMap, context);
+    }
+
+    @Override
+    public void invoke(Map<Integer, String> data, AnalysisContext analysisContext) {
+        if (headMap == null) {
+            throw new GenericException(Translator.get("user_import_table_header_missing"));
+        }
+        Integer rowIndex = analysisContext.readRowHolder().getRowIndex();
+        if (rowIndex >= 3) {
+            UserExcelData userExcelData = parseDataToModel(data);
+            buildUpdateOrErrorList(rowIndex, userExcelData);
+        }
+    }
+
+    @Override
+    public void doAfterAllAnalysed(AnalysisContext analysisContext) {
+        // no-op
+    }
+
+    private void buildUpdateOrErrorList(Integer rowIndex, UserExcelData userExcelData) {
+        StringBuilder errMsg;
+        try {
+            errMsg = new StringBuilder(ExcelValidateHelper.validateEntity(userExcelData));
+            if (errMsg.isEmpty()) {
+                validate(userExcelData, errMsg);
+            }
+        } catch (NoSuchFieldException e) {
+            errMsg = new StringBuilder(Translator.get("parse_data_error"));
+            log.error(e.getMessage(), e);
+        }
+
+        if (!errMsg.isEmpty()) {
+            ExcelErrData excelErrData = new ExcelErrData(rowIndex,
+                    Translator.get("number")
+                            .concat(StringUtils.SPACE)
+                            .concat(String.valueOf(rowIndex + 1)).concat(StringUtils.SPACE)
+                            .concat(Translator.get("row"))
+                            .concat(Translator.get("error"))
+                            .concat("：")
+                            .concat(errMsg.toString()));
+            errList.add(excelErrData);
+        } else {
+            list.add(userExcelData);
+        }
+    }
+
+    public void validate(UserExcelData data, StringBuilder errMsg) {
+        validateName(data, errMsg);
+        validatePhone(data, errMsg);
+        validateEmail(data, errMsg);
+        validateDepartment(data, errMsg);
+        validateLength(data, errMsg);
+    }
+
+    private void validateLength(UserExcelData data, StringBuilder errMsg) {
+        String employeeId = data.getEmployeeId();
+        if (StringUtils.isNotBlank(employeeId) && employeeId.length() > 255) {
+            errMsg.append(Translator.get("employee_length")).append(ERROR_MSG_SEPARATOR);
+        }
+
+        String position = data.getPosition();
+        if (StringUtils.isNotBlank(position) && position.length() > 255) {
+            errMsg.append(Translator.get("position_length")).append(ERROR_MSG_SEPARATOR);
+        }
+    }
+
+    private void validateDepartment(UserExcelData data, StringBuilder errMsg) {
+        String departments = data.getDepartment();
+        if (StringUtils.isNotEmpty(departments) && CollectionUtils.isNotEmpty(departmentTree)) {
+            String topDepartment = departments.split("/")[0];
+            BaseTreeNode root = departmentTree.getFirst();
+            if (root == null || !Strings.CI.equals(root.getName(), topDepartment)) {
+                errMsg.append(Translator.get("top_department_not_exist")).append(ERROR_MSG_SEPARATOR);
+            }
+        }
+    }
+
+    private void validateEmail(UserExcelData data, StringBuilder errMsg) {
+        String email = data.getEmail();
+        if (email == null) {
+            return; // 基础校验已覆盖空值，这里仅防御
+        }
+        Matcher matcher = EMAIL_PATTERN.matcher(email);
+        if (!matcher.matches()) {
+            errMsg.append(Translator.get("email_format_error")).append(ERROR_MSG_SEPARATOR);
+        }
+        if (organizationUserService.checkEmail(email)) {
+            errMsg.append(Translator.get("email.exist")).append(ERROR_MSG_SEPARATOR);
+        }
+        if (CollectionUtils.isNotEmpty(list)) {
+            for (UserExcelData userExcelData : list) {
+                if (Strings.CI.equals(userExcelData.getEmail(), email)) {
+                    errMsg.append(Translator.get("email.repeat"))
+                            .append(email)
+                            .append(ERROR_MSG_SEPARATOR);
+                    break;
+                }
+            }
+        }
+    }
+
+    private void validatePhone(UserExcelData data, StringBuilder errMsg) {
+        String phone = data.getPhone();
+        if (phone == null) {
+            return; // 基础校验已覆盖空值，这里仅防御
+        }
+        if (phone.length() > PHONE_LENGTH) {
+            errMsg.append(Translator.get("phone_length")).append(ERROR_MSG_SEPARATOR);
+        }
+        if (organizationUserService.checkPhone(phone)) {
+            errMsg.append(Translator.get("phone.exist")).append(ERROR_MSG_SEPARATOR);
+        }
+        if (!PHONE_PATTERN.matcher(phone).matches()) {
+            errMsg.append(Translator.get("import_phone_validate")).append(ERROR_MSG_SEPARATOR);
+        }
+        if (CollectionUtils.isNotEmpty(list)) {
+            for (UserExcelData userExcelData : list) {
+                if (Strings.CI.equals(userExcelData.getPhone(), phone)) {
+                    errMsg.append(Translator.get("phone.repeat"))
+                            .append(phone)
+                            .append(ERROR_MSG_SEPARATOR);
+                    break;
+                }
+            }
+        }
+    }
+
+    private void validateName(UserExcelData data, StringBuilder errMsg) {
+        String name = data.getName();
+        if (name != null && name.length() > NAME_LENGTH) {
+            errMsg.append(Translator.get("name_length")).append(ERROR_MSG_SEPARATOR);
+        }
+    }
+
+    private UserExcelData parseDataToModel(Map<Integer, String> row) {
+        UserExcelData data = new UserExcelDataFactory().getUserExcelDataLocal();
+        for (Map.Entry<Integer, String> headEntry : headMap.entrySet()) {
+            String field = headEntry.getValue();
+            if (StringUtils.isBlank(field)) {
+                continue;
+            }
+            String raw = row.get(headEntry.getKey());
+            String value = Objects.toString(raw, StringUtils.EMPTY);
+
+            BiConsumer<UserExcelData, String> setter = FIELD_SETTERS.get(field);
+            if (setter != null) {
+                setter.accept(data, value);
+            }
+        }
+        return data;
+    }
+
+    /**
+     * 获取注解里 ExcelProperty 的 value，并构建头-字段映射字典
+     */
+    public void genExcelHeadToFieldNameDicAndGetNotRequiredFields() throws NoSuchFieldException {
+        Field[] fields = excelDataClass.getDeclaredFields();
+        for (Field f : fields) {
+            Field field = excelDataClass.getDeclaredField(f.getName());
+            field.setAccessible(true);
+            ExcelProperty excelProperty = field.getAnnotation(ExcelProperty.class);
+            if (excelProperty == null) {
+                continue;
+            }
+            StringBuilder headValue = new StringBuilder();
+            for (String v : excelProperty.value()) {
+                headValue.append(v);
+            }
+            String head = headValue.toString();
+            excelHeadToFieldNameDic.put(head, field.getName());
+        }
+    }
+
+    private void formatHeadMap() {
+        if (headMap == null || headMap.isEmpty()) {
+            return;
+        }
+        for (Map.Entry<Integer, String> entry : headMap.entrySet()) {
+            String name = entry.getValue();
+            if (excelHeadToFieldNameDic.containsKey(name)) {
+                entry.setValue(excelHeadToFieldNameDic.get(name));
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/excel/listener/UserImportEventListener.java b/backend/crm/src/main/java/cn/cordys/crm/system/excel/listener/UserImportEventListener.java
new file mode 100644
index 0000000..f798205
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/excel/listener/UserImportEventListener.java
@@ -0,0 +1,312 @@
+package cn.cordys.crm.system.excel.listener;
+
+import cn.cordys.common.dto.BaseTreeNode;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.excel.domain.UserExcelData;
+import cn.cordys.crm.system.excel.domain.UserExcelDataFactory;
+import cn.cordys.crm.system.service.DepartmentService;
+import cn.cordys.crm.system.service.OrganizationUserService;
+import cn.cordys.excel.domain.ExcelErrData;
+import cn.cordys.excel.utils.ExcelValidateHelper;
+import cn.idev.excel.annotation.ExcelProperty;
+import cn.idev.excel.context.AnalysisContext;
+import cn.idev.excel.event.AnalysisEventListener;
+import lombok.Getter;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.lang.reflect.Field;
+import java.util.*;
+import java.util.function.BiConsumer;
+import java.util.regex.Matcher;
+import java.util.regex.Pattern;
+
+@Slf4j
+public class UserImportEventListener extends AnalysisEventListener<Map<Integer, String>> {
+
+    protected static final int NAME_LENGTH = 255;
+    protected static final int PHONE_LENGTH = 20;
+    protected static final int BATCH_COUNT = 1000;
+    private static final String ERROR_MSG_SEPARATOR = ";";
+    private static final String EMAIL_REGEX = "^[a-zA-Z0-9_+&*-]+(?:\\.[a-zA-Z0-9_+&*-]+)*@(?:[a-zA-Z0-9-]+\\.)+[a-zA-Z]{2,7}$";
+    private static final String PHONE_REGEX = "^1[0-9]\\d{9}$";
+    private static final Pattern EMAIL_PATTERN = Pattern.compile(EMAIL_REGEX);
+    private static final Pattern PHONE_PATTERN = Pattern.compile(PHONE_REGEX);
+    // 字段赋值映射，简化 parseDataToModel
+    private static final Map<String, BiConsumer<UserExcelData, String>> FIELD_SETTERS = new HashMap<>();
+
+    static {
+        FIELD_SETTERS.put("employeeId", UserExcelData::setEmployeeId);
+        FIELD_SETTERS.put("name", UserExcelData::setName);
+        FIELD_SETTERS.put("gender", UserExcelData::setGender);
+        FIELD_SETTERS.put("department", UserExcelData::setDepartment);
+        FIELD_SETTERS.put("position", UserExcelData::setPosition);
+        FIELD_SETTERS.put("phone", UserExcelData::setPhone);
+        FIELD_SETTERS.put("email", UserExcelData::setEmail);
+        FIELD_SETTERS.put("supervisor", UserExcelData::setSupervisor);
+        FIELD_SETTERS.put("workCity", UserExcelData::setWorkCity);
+        FIELD_SETTERS.put("employeeType", UserExcelData::setEmployeeType);
+    }
+
+    private final Class<?> excelDataClass;
+    private final Map<String, String> excelHeadToFieldNameDic = new HashMap<>();
+    private final String operatorId;
+    private final String orgId;
+    private final OrganizationUserService organizationUserService;
+    private final List<BaseTreeNode> departmentTree;
+    private final Map<String, String> departmentMap = new HashMap<>();
+    @Getter
+    protected List<UserExcelData> list = new ArrayList<>();
+    @Getter
+    protected List<ExcelErrData> errList = new ArrayList<>();
+    private Map<Integer, String> headMap;
+    @Getter
+    private int successCount = 0;
+
+    public UserImportEventListener(Class<?> clazz, String operatorId, String orgId) {
+        this.excelDataClass = clazz;
+        this.organizationUserService = CommonBeanFactory.getBean(OrganizationUserService.class);
+        this.departmentTree = Objects.requireNonNull(CommonBeanFactory.getBean(DepartmentService.class)).getTree(orgId);
+        this.operatorId = operatorId;
+        this.orgId = orgId;
+    }
+
+    @Override
+    public void invokeHeadMap(Map<Integer, String> headMap, AnalysisContext context) {
+        this.headMap = headMap;
+        try {
+            genExcelHeadToFieldNameDicAndGetNotRequiredFields();
+        } catch (NoSuchFieldException e) {
+            log.error(e.getMessage(), e);
+        }
+        formatHeadMap();
+        super.invokeHeadMap(headMap, context);
+    }
+
+    @Override
+    public void invoke(Map<Integer, String> data, AnalysisContext analysisContext) {
+        if (headMap == null) {
+            throw new GenericException(Translator.get("user_import_table_header_missing"));
+        }
+        Integer rowIndex = analysisContext.readRowHolder().getRowIndex();
+        if (rowIndex >= 3) {
+            UserExcelData userExcelData = parseDataToModel(data);
+            buildUpdateOrErrorList(rowIndex, userExcelData);
+            if (list.size() > BATCH_COUNT) {
+                saveData();
+                this.successCount += list.size();
+                list.clear();
+            }
+        }
+    }
+
+    @Override
+    public void doAfterAllAnalysed(AnalysisContext analysisContext) {
+        saveData();
+        this.successCount += list.size();
+        list.clear();
+    }
+
+    private void saveData() {
+        if (CollectionUtils.isNotEmpty(list)) {
+            organizationUserService.saveImportData(list, departmentTree, departmentMap, operatorId, orgId);
+        }
+    }
+
+    private void buildUpdateOrErrorList(Integer rowIndex, UserExcelData userExcelData) {
+        StringBuilder errMsg;
+        try {
+            String baseErr = ExcelValidateHelper.validateEntity(userExcelData);
+            errMsg = new StringBuilder(baseErr);
+            if (StringUtils.isEmpty(errMsg)) {
+                validate(userExcelData, errMsg);
+            }
+        } catch (NoSuchFieldException e) {
+            errMsg = new StringBuilder(Translator.get("parse_data_error"));
+            log.error(e.getMessage(), e);
+        }
+
+        if (StringUtils.isNotEmpty(errMsg)) {
+            ExcelErrData excelErrData = new ExcelErrData(rowIndex,
+                    Translator.get("number")
+                            .concat(StringUtils.SPACE)
+                            .concat(String.valueOf(rowIndex + 1)).concat(StringUtils.SPACE)
+                            .concat(Translator.get("row"))
+                            .concat(Translator.get("error"))
+                            .concat("：")
+                            .concat(errMsg.toString()));
+            errList.add(excelErrData);
+        } else {
+            list.add(userExcelData);
+        }
+    }
+
+    public void validate(UserExcelData data, StringBuilder errMsg) {
+        validateName(data, errMsg);
+        validatePhone(data, errMsg);
+        validateEmail(data, errMsg);
+        validateDepartment(data, errMsg);
+        validateLength(data, errMsg);
+        handleGender(data);
+        handleEmployeeType(data);
+    }
+
+    private void handleEmployeeType(UserExcelData data) {
+        if (StringUtils.isNotEmpty(data.getEmployeeType())) {
+            if (Strings.CI.equals(data.getEmployeeType(), Translator.get("formal"))) {
+                data.setEmployeeType("formal");
+            } else if (Strings.CI.equals(data.getEmployeeType(), Translator.get("internship"))) {
+                data.setEmployeeType("internship");
+            } else if (Strings.CI.equals(data.getEmployeeType(), Translator.get("outsourcing"))) {
+                data.setEmployeeType("outsourcing");
+            } else {
+                data.setEmployeeType(null);
+            }
+        }
+    }
+
+    private void handleGender(UserExcelData data) {
+        if (StringUtils.isNotEmpty(data.getGender())) {
+            if (data.getGender().equals(Translator.get("man"))) {
+                data.setGender("false");
+            } else if (data.getGender().equals(Translator.get("woman"))) {
+                data.setGender("true");
+            } else {
+                data.setGender(null);
+            }
+        }
+    }
+
+    private void validateLength(UserExcelData data, StringBuilder errMsg) {
+        String employeeId = data.getEmployeeId();
+        if (StringUtils.isNotBlank(employeeId) && employeeId.length() > NAME_LENGTH) {
+            errMsg.append(Translator.get("employee_length")).append(ERROR_MSG_SEPARATOR);
+        }
+
+        String position = data.getPosition();
+        if (StringUtils.isNotBlank(position) && position.length() > NAME_LENGTH) {
+            errMsg.append(Translator.get("position_length")).append(ERROR_MSG_SEPARATOR);
+        }
+    }
+
+    private void validateDepartment(UserExcelData data, StringBuilder errMsg) {
+        String departments = data.getDepartment();
+        if (StringUtils.isNotEmpty(departments)) {
+            String topDepartment = departments.split("/")[0];
+            if (!Strings.CI.equals(departmentTree.getFirst().getName(), topDepartment)) {
+                errMsg.append(Translator.get("top_department_not_exist")).append(ERROR_MSG_SEPARATOR);
+            }
+        } else {
+            data.setDepartment(departmentTree.getFirst().getName());
+        }
+    }
+
+    private void validateEmail(UserExcelData data, StringBuilder errMsg) {
+        String email = data.getEmail();
+        if (StringUtils.isBlank(email)) {
+            return; // 交给 Bean 校验，不在此重复报错
+        }
+
+        Matcher matcher = EMAIL_PATTERN.matcher(email);
+        if (!matcher.matches()) {
+            errMsg.append(Translator.get("email_format_error")).append(ERROR_MSG_SEPARATOR);
+        }
+        if (organizationUserService.checkEmail(email)) {
+            errMsg.append(Translator.get("email.exist")).append(ERROR_MSG_SEPARATOR);
+        }
+
+        if (CollectionUtils.isNotEmpty(list)) {
+            for (UserExcelData userExcelData : list) {
+                if (Strings.CI.equals(userExcelData.getEmail(), email)) {
+                    errMsg.append(Translator.get("email.repeat"))
+                            .append(email)
+                            .append(ERROR_MSG_SEPARATOR);
+                    break;
+                }
+            }
+        }
+    }
+
+    private void validatePhone(UserExcelData data, StringBuilder errMsg) {
+        String phone = data.getPhone();
+        if (StringUtils.isBlank(phone)) {
+            return; // 交给 Bean 校验，不在此重复报错
+        }
+
+        if (phone.length() > PHONE_LENGTH) {
+            errMsg.append(Translator.get("phone_length")).append(ERROR_MSG_SEPARATOR);
+        }
+        if (organizationUserService.checkPhone(phone)) {
+            errMsg.append(Translator.get("phone.exist")).append(ERROR_MSG_SEPARATOR);
+        }
+
+        if (!PHONE_PATTERN.matcher(phone).matches()) {
+            errMsg.append(Translator.get("import_phone_validate")).append(ERROR_MSG_SEPARATOR);
+        }
+
+        if (CollectionUtils.isNotEmpty(list)) {
+            for (UserExcelData userExcelData : list) {
+                if (Strings.CI.equals(userExcelData.getPhone(), phone)) {
+                    errMsg.append(Translator.get("phone.repeat"))
+                            .append(phone)
+                            .append(ERROR_MSG_SEPARATOR);
+                    break;
+                }
+            }
+        }
+    }
+
+    private void validateName(UserExcelData data, StringBuilder errMsg) {
+        String name = data.getName();
+        if (StringUtils.isNotEmpty(name) && name.length() > NAME_LENGTH) {
+            errMsg.append(Translator.get("name_length")).append(ERROR_MSG_SEPARATOR);
+        }
+    }
+
+    private UserExcelData parseDataToModel(Map<Integer, String> row) {
+        UserExcelData data = new UserExcelDataFactory().getUserExcelDataLocal();
+        for (Map.Entry<Integer, String> headEntry : headMap.entrySet()) {
+            Integer index = headEntry.getKey();
+            String field = headEntry.getValue();
+            if (StringUtils.isBlank(field)) {
+                continue;
+            }
+            String value = StringUtils.defaultString(row.get(index));
+            String mappedField = excelHeadToFieldNameDic.getOrDefault(field, field);
+
+            BiConsumer<UserExcelData, String> setter = FIELD_SETTERS.get(mappedField);
+            if (setter != null) {
+                setter.accept(data, value);
+            }
+        }
+        return data;
+    }
+
+    // 获取注解里 ExcelProperty 的值映射
+    public void genExcelHeadToFieldNameDicAndGetNotRequiredFields() throws NoSuchFieldException {
+        Field[] fields = excelDataClass.getDeclaredFields();
+        for (Field item : fields) {
+            Field field = excelDataClass.getDeclaredField(item.getName());
+            field.setAccessible(true);
+            ExcelProperty excelProperty = field.getAnnotation(ExcelProperty.class);
+            if (excelProperty != null) {
+                String value = String.join("", excelProperty.value());
+                excelHeadToFieldNameDic.put(value, field.getName());
+            }
+        }
+    }
+
+    private void formatHeadMap() {
+        for (Map.Entry<Integer, String> entry : headMap.entrySet()) {
+            String name = entry.getValue();
+            String mapped = excelHeadToFieldNameDic.get(name);
+            if (mapped != null) {
+                entry.setValue(mapped);
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/job/NoticeExpireJob.java b/backend/crm/src/main/java/cn/cordys/crm/system/job/NoticeExpireJob.java
new file mode 100644
index 0000000..1db4036
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/job/NoticeExpireJob.java
@@ -0,0 +1,405 @@
+package cn.cordys.crm.system.job;
+
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.contract.domain.Contract;
+import cn.cordys.crm.contract.domain.ContractPaymentPlan;
+import cn.cordys.crm.contract.mapper.ExtContractMapper;
+import cn.cordys.crm.contract.mapper.ExtContractPaymentPlanMapper;
+import cn.cordys.crm.customer.domain.Customer;
+import cn.cordys.crm.opportunity.domain.Opportunity;
+import cn.cordys.crm.opportunity.domain.OpportunityQuotation;
+import cn.cordys.crm.opportunity.mapper.ExtOpportunityQuotationMapper;
+import cn.cordys.crm.system.constants.NotificationConstants;
+import cn.cordys.crm.system.domain.MessageTask;
+import cn.cordys.crm.system.domain.MessageTaskConfig;
+import cn.cordys.crm.system.dto.MessageTaskConfigDTO;
+import cn.cordys.crm.system.dto.TimeDTO;
+import cn.cordys.crm.system.mapper.ExtMessageTaskConfigMapper;
+import cn.cordys.crm.system.mapper.ExtMessageTaskMapper;
+import cn.cordys.crm.system.mapper.ExtOrganizationMapper;
+import cn.cordys.crm.system.notice.CommonNoticeSendService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.quartz.anno.QuartzScheduled;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections.CollectionUtils;
+import org.springframework.stereotype.Component;
+
+import java.time.LocalDate;
+import java.time.ZoneId;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+import java.util.Set;
+import java.util.function.Function;
+
+/**
+ * 商机报价单/合同/回款计划到期及即将到期提醒监听器
+ * <p>
+ * 该监听器每天8点执行，检查并提醒到期的业务对象。
+ * </p>
+ */
+@Component
+@Slf4j
+public class NoticeExpireJob {
+
+    @Resource
+    private ExtMessageTaskMapper extMessageTaskMapper;
+    @Resource
+    private ExtMessageTaskConfigMapper extMessageTaskConfigMapper;
+    @Resource
+    private ExtOpportunityQuotationMapper extOpportunityQuotationMapper;
+    @Resource
+    private CommonNoticeSendService commonNoticeSendService;
+    @Resource
+    private BaseMapper<Opportunity> opportunityBaseMapper;
+    @Resource
+    private BaseMapper<Customer> customerBaseMapper;
+    @Resource
+    private BaseMapper<Contract> contractBaseMapper;
+    @Resource
+    private ExtOrganizationMapper extOrganizationMapper;
+    @Resource
+    private ExtContractPaymentPlanMapper extContractPaymentPlanMapper;
+    @Resource
+    private ExtContractMapper extContractMapper;
+
+    private static final String TIME_UNIT_DAY = "DAY";
+    private static final String MODULE_CONTRACT = NotificationConstants.Module.CONTRACT;
+    private static final String MODULE_OPPORTUNITY = NotificationConstants.Module.OPPORTUNITY;
+
+    /**
+     * 定时检查到期或即将到期的消息通知任务
+     * 每天8点执行一次
+     */
+    @QuartzScheduled(cron = "0 0 8 * * ?")
+    public void onEvent() {
+        try {
+            // 商机报价单
+            processQuotationExpiring();
+            processQuotationExpired();
+
+            // 回款计划
+            processPaymentPlanExpiring();
+            processPaymentPlanExpired();
+
+            // 合同
+            processContractExpiring();
+            processContractExpired();
+        } catch (Exception e) {
+            log.error("消息通知提醒异常: ", e);
+        }
+    }
+
+    private void processQuotationExpiring() {
+        processExpiringRemind(
+                MODULE_OPPORTUNITY,
+                NotificationConstants.Event.BUSINESS_QUOTATION_EXPIRING,
+                this::getOpportunityQuotationList,
+                this::buildOpportunityNoticeContext
+        );
+    }
+
+    private void processQuotationExpired() {
+        processExpiredRemind(
+                MODULE_OPPORTUNITY,
+                NotificationConstants.Event.BUSINESS_QUOTATION_EXPIRED,
+                this::getOpportunityQuotationList,
+                this::buildOpportunityNoticeContext
+        );
+    }
+
+    private NoticeContext buildOpportunityNoticeContext(OpportunityQuotation quotation) {
+        Opportunity opportunity = opportunityBaseMapper.selectByPrimaryKey(quotation.getOpportunityId());
+        if (opportunity == null) {
+            log.warn("商机报价单 {} 关联的商机不存在", quotation.getId());
+            return null;
+        }
+        Customer customer = customerBaseMapper.selectByPrimaryKey(opportunity.getCustomerId());
+        if (customer == null) {
+            log.warn("商机报价单 {} 关联的客户不存在", quotation.getId());
+            return null;
+        }
+        return NoticeContext.builder()
+                .customerName(customer.getName())
+                .createUser(quotation.getCreateUser())
+                .owner(quotation.getCreateUser())
+                .resourceId(quotation.getId())
+                .orgId(quotation.getOrganizationId())   // 关键修复：设置组织ID
+                .build();
+    }
+
+    private NoticeContext buildPaymentPlanNoticeContext(ContractPaymentPlan paymentPlan) {
+        Contract contract = contractBaseMapper.selectByPrimaryKey(paymentPlan.getContractId());
+        if (contract == null) {
+            log.warn("回款计划 {} 关联的合同不存在", paymentPlan.getId());
+            return null;
+        }
+        Customer customer = customerBaseMapper.selectByPrimaryKey(contract.getCustomerId());
+        if (customer == null) {
+            log.warn("回款计划 {} 关联的客户不存在", paymentPlan.getId());
+            return null;
+        }
+        return NoticeContext.builder()
+                .customerName(customer.getName())
+                .createUser(paymentPlan.getCreateUser())
+                .owner(paymentPlan.getOwner())
+                .resourceId(paymentPlan.getId())
+                .orgId(paymentPlan.getOrganizationId())   // 设置组织ID
+                .build();
+    }
+
+    private NoticeContext buildContractNoticeContext(Contract contract) {
+        Customer customer = customerBaseMapper.selectByPrimaryKey(contract.getCustomerId());
+        if (customer == null) {
+            log.warn("合同 {} 关联的客户不存在", contract.getId());
+            return null;
+        }
+        return NoticeContext.builder()
+                .customerName(customer.getName())
+                .createUser(contract.getCreateUser())
+                .owner(contract.getOwner())
+                .resourceId(contract.getId())
+                .orgId(contract.getOrganizationId())   // 设置组织ID
+                .build();
+    }
+
+    private void processPaymentPlanExpiring() {
+        processExpiringRemind(
+                MODULE_CONTRACT,
+                NotificationConstants.Event.CONTRACT_PAYMENT_EXPIRING,
+                this::getContractPaymentPlanList,
+                this::buildPaymentPlanNoticeContext
+        );
+    }
+
+    private void processPaymentPlanExpired() {
+        processExpiredRemind(
+                MODULE_CONTRACT,
+                NotificationConstants.Event.CONTRACT_PAYMENT_EXPIRED,
+                this::getContractPaymentPlanList,
+                this::buildPaymentPlanNoticeContext
+        );
+    }
+
+    private void processContractExpiring() {
+        processExpiringRemind(
+                MODULE_CONTRACT,
+                NotificationConstants.Event.CONTRACT_EXPIRING,
+                this::getContractList,
+                this::buildContractNoticeContext
+        );
+    }
+
+    private void processContractExpired() {
+        processExpiredRemind(
+                MODULE_CONTRACT,
+                NotificationConstants.Event.CONTRACT_EXPIRED,
+                this::getContractList,
+                this::buildContractNoticeContext
+        );
+    }
+
+    /**
+     * 处理到期提醒（当天到期）
+     */
+    private <T> void processExpiredRemind(
+            String module,
+            String event,
+            TriFunction<String, Long, Long, List<T>> dataFetcher,
+            Function<T, NoticeContext> contextBuilder
+    ) {
+        log.info("开始处理 {} 到期提醒", event);
+        Set<String> organizationIds = extOrganizationMapper.selectAllOrganizationIds();
+
+        for (String orgId : organizationIds) {
+            try {
+                // 1. 检查开关
+                MessageTask messageTask = extMessageTaskMapper.getMessageByModuleAndEvent(module, event, orgId);
+                if (isNotificationEnabled(messageTask)) {
+                    log.debug("组织 {} 的 {} 提醒未开启", orgId, event);
+                    continue;
+                }
+
+                // 2. 获取配置
+                MessageTaskConfig config = extMessageTaskConfigMapper.getConfigByModuleAndEvent(module, event, orgId);
+                if (config == null || config.getValue() == null) {
+                    log.debug("组织 {} 的 {} 提醒配置不存在", orgId, event);
+                    continue;
+                }
+                MessageTaskConfigDTO configDTO = JSON.parseObject(config.getValue(), MessageTaskConfigDTO.class);
+
+                // 3. 查询当天到期的数据
+                long todayZero = TimeUtils.getZeroHourTimestamp(0);
+                long yesterdayZero = TimeUtils.getZeroHourTimestamp(-1);
+                List<T> dataList = dataFetcher.apply(orgId, todayZero, yesterdayZero);
+
+                if (CollectionUtils.isEmpty(dataList)) {
+                    log.debug("组织 {} 无 {} 到期数据", orgId, event);
+                    continue;
+                }
+
+                // 4. 发送通知
+                for (T item : dataList) {
+                    NoticeContext ctx = contextBuilder.apply(item);
+                    if (ctx != null) {
+                        sendNotice(configDTO, module, ctx, event, null);
+                    }
+                }
+                log.info("组织 {} 的 {} 到期提醒处理完成，共 {} 条", orgId, event, dataList.size());
+            } catch (Exception e) {
+                log.error("处理组织 {} 的 {} 到期提醒失败", orgId, event, e);
+            }
+        }
+    }
+
+    /**
+     * 处理即将到期提醒（按配置的天数提前提醒）
+     */
+    private <T> void processExpiringRemind(
+            String module,
+            String event,
+            TriFunction<String, Long, Long, List<T>> dataFetcher,
+            Function<T, NoticeContext> contextBuilder
+    ) {
+        log.info("开始处理 {} 即将到期提醒", event);
+        Set<String> organizationIds = extOrganizationMapper.selectAllOrganizationIds();
+
+        for (String orgId : organizationIds) {
+            try {
+                // 1. 检查开关
+                MessageTask messageTask = extMessageTaskMapper.getMessageByModuleAndEvent(module, event, orgId);
+                if (isNotificationEnabled(messageTask)) {
+                    log.debug("组织 {} 的 {} 提醒未开启", orgId, event);
+                    continue;
+                }
+
+                // 2. 获取配置
+                MessageTaskConfig config = extMessageTaskConfigMapper.getConfigByModuleAndEvent(module, event, orgId);
+                if (config == null || config.getValue() == null) {
+                    log.debug("组织 {} 的 {} 提醒配置不存在", orgId, event);
+                    continue;
+                }
+                MessageTaskConfigDTO configDTO = JSON.parseObject(config.getValue(), MessageTaskConfigDTO.class);
+                if (CollectionUtils.isEmpty(configDTO.getTimeList())) {
+                    log.debug("组织 {} 的 {} 时间配置为空", orgId, event);
+                    continue;
+                }
+
+                // 3. 遍历每个提前天数配置
+                for (TimeDTO timeDTO : configDTO.getTimeList()) {
+                    if (!TIME_UNIT_DAY.equals(timeDTO.getTimeUnit())) {
+                        continue;
+                    }
+                    int days = timeDTO.getTimeValue();
+                    long startTime = TimeUtils.getZeroHourTimestamp(days + 1);
+                    long endTime = TimeUtils.getZeroHourTimestamp(days);
+
+                    List<T> dataList = dataFetcher.apply(orgId, startTime, endTime);
+                    if (CollectionUtils.isEmpty(dataList)) {
+                        log.debug("组织 {} 提前 {} 天无 {} 数据", orgId, days, event);
+                        continue;
+                    }
+
+                    for (T item : dataList) {
+                        NoticeContext ctx = contextBuilder.apply(item);
+                        if (ctx != null) {
+                            sendNotice(configDTO, module, ctx, event, days);
+                        }
+                    }
+                }
+                log.info("组织 {} 的 {} 即将到期提醒处理完成", orgId, event);
+            } catch (Exception e) {
+                log.error("处理组织 {} 的 {} 即将到期提醒失败", orgId, event, e);
+            }
+        }
+    }
+
+    /**
+     * 判断通知渠道是否至少开启一种
+     */
+    private boolean isNotificationEnabled(MessageTask task) {
+        if (task == null) {
+            return true;
+        }
+        return !Boolean.TRUE.equals(task.getDingTalkEnable())
+                && !Boolean.TRUE.equals(task.getEmailEnable())
+                && !Boolean.TRUE.equals(task.getSysEnable())
+                && !Boolean.TRUE.equals(task.getWeComEnable())
+                && !Boolean.TRUE.equals(task.getLarkEnable());
+    }
+
+    /**
+     * 发送通知
+     */
+    private void sendNotice(MessageTaskConfigDTO configDTO, String model,
+                            NoticeContext ctx, String event, Integer days) {
+        List<String> receiveUserIds = commonNoticeSendService.getNoticeReceiveUserIds(
+                configDTO, ctx.getCreateUser(), ctx.getOwner(), ctx.getOrgId());
+
+        Map<String, Object> paramMap = new HashMap<>();
+        paramMap.put("customerName", ctx.getCustomerName());
+        paramMap.put("name", ctx.getCustomerName());
+        if (days != null) {
+            paramMap.put("expireDays", days);
+        }
+        if (ctx.getResourceId() != null) {
+            paramMap.put("resourceId", ctx.getResourceId());
+        }
+
+        commonNoticeSendService.sendNotice(model, event, paramMap,
+                ctx.getUserId(), ctx.getOrgId(), receiveUserIds, false);
+    }
+
+    private List<Contract> getContractList(String orgId, long timestamp, long timestampOld) {
+        return extContractMapper.selectByTimestamp(orgId, timestampOld, timestamp);
+    }
+
+    private List<OpportunityQuotation> getOpportunityQuotationList(String orgId, long timestamp, long timestampOld) {
+        return extOpportunityQuotationMapper.getQuotationByTimestamp(timestamp, timestampOld, orgId);
+    }
+
+    private List<ContractPaymentPlan> getContractPaymentPlanList(String orgId, long timestamp, long timestampOld) {
+        return extContractPaymentPlanMapper.selectByTimestamp(timestamp, timestampOld, orgId);
+    }
+
+    /**
+     * 时间计算工具
+     */
+    private static final class TimeUtils {
+        private static final ZoneId ZONE = ZoneId.systemDefault();
+
+        static long getZeroHourTimestamp(int daysOffset) {
+            return LocalDate.now().plusDays(daysOffset)
+                    .atStartOfDay(ZONE)
+                    .toInstant()
+                    .toEpochMilli();
+        }
+    }
+
+    /**
+     * 函数式接口：三个参数，一个返回值
+     */
+    @FunctionalInterface
+    private interface TriFunction<T, U, V, R> {
+        R apply(T t, U u, V v);
+    }
+
+    /**
+     * 通知上下文数据对象
+     */
+    @lombok.Builder
+    @lombok.Getter
+    private static class NoticeContext {
+        private String customerName;
+        private String createUser;
+        private String owner;
+        private String resourceId;
+        private String userId;
+        private String orgId;
+
+        public String getUserId() {
+            return userId != null ? userId : createUser;
+        }
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/job/NotifyOnJob.java b/backend/crm/src/main/java/cn/cordys/crm/system/job/NotifyOnJob.java
new file mode 100644
index 0000000..0d565a7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/job/NotifyOnJob.java
@@ -0,0 +1,77 @@
+package cn.cordys.crm.system.job;
+
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.system.dto.response.AnnouncementDTO;
+import cn.cordys.crm.system.mapper.ExtAnnouncementMapper;
+import cn.cordys.crm.system.service.AnnouncementService;
+import cn.cordys.quartz.anno.QuartzScheduled;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections.CollectionUtils;
+import org.springframework.data.redis.core.StringRedisTemplate;
+import org.springframework.stereotype.Component;
+
+import java.time.LocalDateTime;
+import java.time.ZoneId;
+import java.util.ArrayList;
+import java.util.List;
+
+@Component
+@Slf4j
+public class NotifyOnJob {
+    private static final String ANNOUNCE_PREFIX = "announce_content:";  // Redis 存储信息前缀
+    @Resource
+    private ExtAnnouncementMapper extAnnouncementMapper;
+    @Resource
+    private AnnouncementService announcementService;
+    @Resource
+    private StringRedisTemplate stringRedisTemplate;
+
+    @QuartzScheduled(cron = "0 0/5 * * * ?")
+    public void onEvent() {
+        try {
+            this.addNotification();
+        } catch (Exception e) {
+            log.error("公告通知异常: {}", e.getMessage());
+        }
+    }
+
+    /**
+     * 将到期发布的公告转成通知
+     */
+    public void addNotification() {
+        LocalDateTime dateTime = LocalDateTime.now();
+        long timestamp = dateTime.atZone(ZoneId.systemDefault()).toInstant().toEpochMilli();
+        this.doAddNotification(timestamp);
+    }
+
+    private void doAddNotification(long timestamp) {
+        //查询所有在这个时间内生效的公告
+        List<AnnouncementDTO> announcements = extAnnouncementMapper.selectInEffectUnConvertData(timestamp);
+        if (CollectionUtils.isEmpty(announcements)) {
+            return;
+        }
+        log.info("公告通知数量: {}", announcements.size());
+        //将公告根据接收人生成相关的通知
+        List<String> ids = new ArrayList<>();
+        for (AnnouncementDTO announcementDTO : announcements) {
+            List<String> userIds = JSON.parseArray(new String(announcementDTO.getReceiver()), String.class);
+            announcementService.convertNotification("admin", announcementDTO, userIds);
+            ids.add(announcementDTO.getId());
+        }
+        extAnnouncementMapper.updateNotice(ids, true, announcements.getFirst().getOrganizationId());
+        //删除已过期公告的推送
+        LocalDateTime dateTime = LocalDateTime.now();
+        long expiredStamp = dateTime.atZone(ZoneId.systemDefault()).toInstant().toEpochMilli();
+        LocalDateTime startTime = LocalDateTime.now().minusDays(1L);
+        long startStamp = startTime.atZone(ZoneId.systemDefault()).toInstant().toEpochMilli();
+
+        List<String> expiredIds = extAnnouncementMapper.selectFixTimeExpiredIds(startStamp, expiredStamp);
+        if (CollectionUtils.isNotEmpty(expiredIds)) {
+            for (String expiredId : expiredIds) {
+                stringRedisTemplate.delete(ANNOUNCE_PREFIX + expiredId);
+            }
+        }
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/job/SessionJob.java b/backend/crm/src/main/java/cn/cordys/crm/system/job/SessionJob.java
new file mode 100644
index 0000000..08b8e26
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/job/SessionJob.java
@@ -0,0 +1,90 @@
+package cn.cordys.crm.system.job;
+
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.system.service.SystemService;
+import cn.cordys.quartz.anno.QuartzScheduled;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.reflect.MethodUtils;
+import org.springframework.data.redis.core.Cursor;
+import org.springframework.data.redis.core.ScanOptions;
+import org.springframework.data.redis.core.StringRedisTemplate;
+import org.springframework.session.data.redis.RedisIndexedSessionRepository;
+import org.springframework.stereotype.Component;
+
+import java.time.Duration;
+import java.time.temporal.ChronoUnit;
+import java.util.HashMap;
+import java.util.Map;
+
+@Component
+@Slf4j
+public class SessionJob {
+
+    @Resource
+    private StringRedisTemplate stringRedisTemplate;
+
+    @Resource
+    private RedisIndexedSessionRepository redisIndexedSessionRepository;
+
+    @Resource
+    private SystemService systemService;
+
+    /**
+     * 定时清理没有绑定用户的会话。
+     * <p>
+     * 该方法每晚 0 点 2 分执行，扫描 Redis 中的会话数据，删除没有绑定用户信息的会话。
+     * 此外，还会处理一些特殊情况，如 Redisson 设置了过期时间为 -1 时，手动设置过期时间。
+     * </p>
+     *
+     * <p>
+     * 该方法使用 {@link QuartzScheduled} 注解定时执行，并使用 {@link ScanOptions} 扫描 Redis 中的会话。
+     * </p>
+     * <p>
+     * spring.session.timeout=30d
+     * server.servlet.session.timeout=30d
+     */
+    @QuartzScheduled(cron = "0 2 0 * * ?")
+    public void cleanSession() {
+        Map<String, Long> userCount = new HashMap<>();
+        ScanOptions options = ScanOptions.scanOptions().match("spring:session:sessions:*").count(1000).build();
+
+        try (Cursor<String> scan = stringRedisTemplate.scan(options)) {
+            while (scan.hasNext()) {
+                String key = scan.next();
+                if (key.contains("spring:session:sessions:expires:")) {
+                    continue;
+                }
+
+                String sessionId = key.substring(key.lastIndexOf(":") + 1);
+                Boolean exists = stringRedisTemplate.opsForHash().hasKey(key, "sessionAttr:user");
+
+                // 删除没有绑定用户的会话
+                if (!exists) {
+                    redisIndexedSessionRepository.deleteById(sessionId);
+                } else {
+                    // 获取用户信息并检查会话过期时间
+                    Object user = redisIndexedSessionRepository.getSessionRedisOperations().opsForHash().get(key, "sessionAttr:user");
+                    Long expire = redisIndexedSessionRepository.getSessionRedisOperations().getExpire(key);
+
+                    assert user != null;
+                    String userId = (String) MethodUtils.invokeMethod(user, "getId");
+                    userCount.merge(userId, 1L, Long::sum);
+
+                    // 记录日志并检查会话的过期时间
+                    log.info("{} : {} 过期时间: {}", key, userId, expire);
+
+                    // 如果过期时间为 -1，则手动设置过期时间为 30 秒
+                    if (expire != null && expire == -1) {
+                        redisIndexedSessionRepository.getSessionRedisOperations().expire(key, Duration.of(30, ChronoUnit.SECONDS));
+                    }
+                }
+            }
+            // 清理缓存
+            systemService.clearFormCache();
+            log.info("用户会话统计: {}", JSON.toJSONString(userCount));
+        } catch (Exception e) {
+            log.error(e.getMessage(), e);
+        }
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/job/TaskCleanupJob.java b/backend/crm/src/main/java/cn/cordys/crm/system/job/TaskCleanupJob.java
new file mode 100644
index 0000000..460c5fe
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/job/TaskCleanupJob.java
@@ -0,0 +1,39 @@
+package cn.cordys.crm.system.job;
+
+import cn.cordys.crm.system.job.listener.ExecuteEvent;
+import cn.cordys.quartz.anno.QuartzScheduled;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.context.ApplicationEventPublisher;
+import org.springframework.stereotype.Component;
+
+@Component
+@Slf4j
+public class TaskCleanupJob {
+
+    private final ApplicationEventPublisher publisher;
+
+    @Autowired
+    public TaskCleanupJob(ApplicationEventPublisher publisher) {
+        this.publisher = publisher;
+    }
+
+    /**
+     * 系统定时任务执行
+     * <p>
+     * 该方法每晚 3 点执行，清理过期的任务和释放资源。
+     * </p>
+     */
+    @QuartzScheduled(cron = "0 0 3 * * ?")
+    public void execute() {
+        runAll();
+    }
+
+
+    public void runAll() {
+        log.info("开始执行所有清理任务");
+        publisher.publishEvent(new ExecuteEvent(this));
+        log.info("所有清理任务执行完成");
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/job/listener/CleanExportResourceListener.java b/backend/crm/src/main/java/cn/cordys/crm/system/job/listener/CleanExportResourceListener.java
new file mode 100644
index 0000000..9123345
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/job/listener/CleanExportResourceListener.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.system.job.listener;
+
+import cn.cordys.crm.system.service.ExportTaskCenterService;
+import jakarta.annotation.Resource;
+import org.springframework.context.ApplicationListener;
+import org.springframework.stereotype.Component;
+
+/**
+ * @author song-cc-rock
+ */
+@Component
+public class CleanExportResourceListener implements ApplicationListener<ExecuteEvent> {
+
+    @Resource
+    private ExportTaskCenterService exportResourceService;
+
+
+    @Override
+    public void onApplicationEvent(ExecuteEvent event) {
+        exportResourceService.clean();
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/job/listener/CleanTempResourceListener.java b/backend/crm/src/main/java/cn/cordys/crm/system/job/listener/CleanTempResourceListener.java
new file mode 100644
index 0000000..c19b946
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/job/listener/CleanTempResourceListener.java
@@ -0,0 +1,42 @@
+package cn.cordys.crm.system.job.listener;
+
+import cn.cordys.crm.system.service.FileCommonService;
+import cn.cordys.file.engine.DefaultRepositoryDir;
+import cn.cordys.file.engine.FileRequest;
+import cn.cordys.file.engine.StorageType;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.context.ApplicationListener;
+import org.springframework.stereotype.Component;
+
+/**
+ * 临时资源清理监听器
+ * 负责监听执行事件并清理系统临时目录中的资源文件
+ */
+@Component
+@Slf4j
+public class CleanTempResourceListener implements ApplicationListener<ExecuteEvent> {
+
+    @Resource
+    private FileCommonService fileCommonService;
+
+    @Override
+    public void onApplicationEvent(ExecuteEvent event) {
+        clean();
+    }
+
+    /**
+     * 清理临时图片资源
+     * 删除系统临时目录中的所有资源文件
+     */
+    private void clean() {
+        log.info("开始清理临时目录资源");
+        try {
+            FileRequest request = new FileRequest(DefaultRepositoryDir.getTmpDir(), StorageType.LOCAL.name(), null);
+            fileCommonService.cleanTempResource(request);
+            log.info("临时目录资源清理完成");
+        } catch (Exception e) {
+            log.error("临时目录资源清理异常", e);
+        }
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/job/listener/CluePoolRecycleListener.java b/backend/crm/src/main/java/cn/cordys/crm/system/job/listener/CluePoolRecycleListener.java
new file mode 100644
index 0000000..20be042
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/job/listener/CluePoolRecycleListener.java
@@ -0,0 +1,174 @@
+package cn.cordys.crm.system.job.listener;
+
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.crm.clue.domain.Clue;
+import cn.cordys.crm.clue.domain.CluePool;
+import cn.cordys.crm.clue.domain.CluePoolRecycleRule;
+import cn.cordys.crm.clue.mapper.ExtClueMapper;
+import cn.cordys.crm.clue.service.ClueOwnerHistoryService;
+import cn.cordys.crm.clue.service.CluePoolService;
+import cn.cordys.crm.system.constants.NotificationConstants;
+import cn.cordys.crm.system.notice.CommonNoticeSendService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.context.ApplicationListener;
+import org.springframework.stereotype.Component;
+
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+
+/**
+ * 线索池回收监听器
+ * 负责监听执行事件并将符合条件的线索回收到线索池
+ */
+@Component
+@Slf4j
+public class CluePoolRecycleListener implements ApplicationListener<ExecuteEvent> {
+
+    @Resource
+    private BaseMapper<Clue> clueMapper;
+    @Resource
+    private BaseMapper<CluePool> cluePoolMapper;
+    @Resource
+    private ExtClueMapper extClueMapper;
+    @Resource
+    private BaseMapper<CluePoolRecycleRule> cluePoolRecycleRuleMapper;
+    @Resource
+    private CluePoolService cluePoolService;
+    @Resource
+    private ClueOwnerHistoryService clueOwnerHistoryService;
+    @Resource
+    private CommonNoticeSendService commonNoticeSendService;
+
+    @Override
+    public void onApplicationEvent(ExecuteEvent event) {
+        try {
+            recycle();
+        } catch (Exception e) {
+            log.error("定时回收线索池异常：", e.getMessage());
+        }
+    }
+
+    /**
+     * 回收线索到线索池
+     */
+    public void recycle() {
+        log.info("开始回收线索资源");
+
+        // 获取启用的自动回收线索池
+        List<CluePool> enabledPools = getEnabledPools();
+        if (CollectionUtils.isEmpty(enabledPools)) {
+            log.info("没有启用的自动回收线索池，回收任务结束");
+            return;
+        }
+
+        // 获取所有者到线索池的最佳匹配映射
+        Map<List<String>, CluePool> ownersPoolMap = cluePoolService.getOwnersBestMatchPoolMap(enabledPools);
+        List<String> recycleOwnersIds = ownersPoolMap.keySet().stream()
+                .flatMap(List::stream)
+                .toList();
+
+        // 获取需要检查的线索列表
+        List<Clue> clues = getCluesForRecycle(recycleOwnersIds);
+        if (CollectionUtils.isEmpty(clues)) {
+            log.info("没有需要回收的线索，回收任务结束");
+            return;
+        }
+
+        // 获取线索池回收规则
+        Map<String, CluePoolRecycleRule> recycleRuleMap = getRecycleRules(enabledPools);
+
+        // 处理每个线索的回收
+        processCluesRecycle(clues, ownersPoolMap, recycleRuleMap);
+
+        log.info("线索资源回收完成");
+    }
+
+    /**
+     * 获取启用的自动回收线索池
+     */
+    private List<CluePool> getEnabledPools() {
+        LambdaQueryWrapper<CluePool> queryWrapper = new LambdaQueryWrapper<>();
+        queryWrapper.eq(CluePool::getEnable, true)
+                .eq(CluePool::getAuto, true);
+        return cluePoolMapper.selectListByLambda(queryWrapper);
+    }
+
+    /**
+     * 获取需要检查回收的线索
+     */
+    private List<Clue> getCluesForRecycle(List<String> ownerIds) {
+        LambdaQueryWrapper<Clue> clueQueryWrapper = new LambdaQueryWrapper<>();
+        clueQueryWrapper.in(Clue::getOwner, ownerIds)
+                .eq(Clue::getInSharedPool, false);
+        return clueMapper.selectListByLambda(clueQueryWrapper);
+    }
+
+    /**
+     * 获取线索池回收规则
+     */
+    private Map<String, CluePoolRecycleRule> getRecycleRules(List<CluePool> pools) {
+        List<String> poolIds = pools.stream()
+                .map(CluePool::getId)
+                .toList();
+        LambdaQueryWrapper<CluePoolRecycleRule> ruleQueryWrapper = new LambdaQueryWrapper<>();
+        ruleQueryWrapper.in(CluePoolRecycleRule::getPoolId, poolIds);
+        List<CluePoolRecycleRule> recycleRules = cluePoolRecycleRuleMapper.selectListByLambda(ruleQueryWrapper);
+        return recycleRules.stream()
+                .collect(Collectors.toMap(CluePoolRecycleRule::getPoolId, rule -> rule));
+    }
+
+    /**
+     * 处理线索回收
+     */
+    private void processCluesRecycle(List<Clue> clues, Map<List<String>, CluePool> ownersPoolMap,
+                                     Map<String, CluePoolRecycleRule> recycleRuleMap) {
+        clues.forEach(clue ->
+                ownersPoolMap.forEach((ownerIds, pool) -> {
+                    if (ownerIds.contains(clue.getOwner()) && StringUtils.isBlank(clue.getTransitionId())) {
+                        // 满足负责人配置自动回收&&未转客户的线索
+                        CluePoolRecycleRule rule = recycleRuleMap.get(pool.getId());
+                        if (rule != null && cluePoolService.checkRecycled(clue, rule)) {
+                            recycleClueToPool(clue, pool);
+                        }
+                    }
+                })
+        );
+    }
+
+    /**
+     * 将线索回收到线索池
+     */
+    private void recycleClueToPool(Clue clue, CluePool pool) {
+        // 发送消息通知
+        commonNoticeSendService.sendNotice(
+                NotificationConstants.Module.CLUE,
+                NotificationConstants.Event.CLUE_AUTOMATIC_MOVE_POOL,
+                clue.getName(),
+                InternalUser.ADMIN.getValue(),
+                clue.getOrganizationId(),
+                List.of(clue.getOwner()),
+                true
+        );
+
+        // 记录责任人历史
+        clueOwnerHistoryService.add(clue, InternalUser.ADMIN.getValue(), false);
+
+        // 更新线索数据
+        clue.setPoolId(pool.getId());
+        clue.setInSharedPool(true);
+        clue.setOwner(null);
+        clue.setCollectionTime(null);
+        clue.setReasonId("system");
+        clue.setUpdateUser(InternalUser.ADMIN.getValue());
+        clue.setUpdateTime(System.currentTimeMillis());
+
+        // 回收线索至线索池
+        extClueMapper.moveToPool(clue);
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/job/listener/CustomerPoolRecycleListener.java b/backend/crm/src/main/java/cn/cordys/crm/system/job/listener/CustomerPoolRecycleListener.java
new file mode 100644
index 0000000..4afad97
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/job/listener/CustomerPoolRecycleListener.java
@@ -0,0 +1,203 @@
+package cn.cordys.crm.system.job.listener;
+
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.crm.customer.domain.Customer;
+import cn.cordys.crm.customer.domain.CustomerPool;
+import cn.cordys.crm.customer.domain.CustomerPoolRecycleRule;
+import cn.cordys.crm.customer.mapper.ExtCustomerMapper;
+import cn.cordys.crm.customer.service.CustomerContactService;
+import cn.cordys.crm.customer.service.CustomerOwnerHistoryService;
+import cn.cordys.crm.customer.service.CustomerPoolService;
+import cn.cordys.crm.system.constants.NotificationConstants;
+import cn.cordys.crm.system.notice.CommonNoticeSendService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections4.CollectionUtils;
+import org.springframework.context.ApplicationListener;
+import org.springframework.stereotype.Component;
+
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+
+/**
+ * 客户池回收任务
+ * <p>
+ * 该定时任务负责根据设定的规则自动将符合条件的客户从个人池回收到公共客户池。
+ * 回收规则基于CustomerPoolRecycleRule中定义的条件，如最后跟进时间、最后更新时间等。
+ * </p>
+ */
+@Component
+@Slf4j
+public class CustomerPoolRecycleListener implements ApplicationListener<ExecuteEvent> {
+
+    @Resource
+    private BaseMapper<Customer> customerMapper;
+
+    @Resource
+    private BaseMapper<CustomerPool> customerPoolMapper;
+
+    @Resource
+    private BaseMapper<CustomerPoolRecycleRule> customerPoolRecycleRuleMapper;
+
+    @Resource
+    private ExtCustomerMapper extCustomerMapper;
+
+    @Resource
+    private CustomerPoolService customerPoolService;
+
+    @Resource
+    private CustomerOwnerHistoryService customerOwnerHistoryService;
+
+    @Resource
+    private CommonNoticeSendService commonNoticeSendService;
+    @Resource
+    private CustomerContactService customerContactService;
+
+
+    @Override
+    public void onApplicationEvent(ExecuteEvent event) {
+        try {
+            this.recycle();
+        } catch (Exception e) {
+            log.error("回收客户资源异常: ", e.getMessage());
+        }
+    }
+
+    /**
+     * 执行客户回收
+     * <p>
+     * 回收流程：
+     * 1. 获取启用了自动回收的客户池
+     * 2. 找出符合回收规则的客户
+     * 3. 执行回收操作并发送通知
+     * </p>
+     */
+    public void recycle() {
+        log.info("开始回收客户资源");
+
+        // 获取启用了自动回收的客户池
+        List<CustomerPool> pools = getEnabledAutomaticPools();
+        if (CollectionUtils.isEmpty(pools)) {
+            log.info("没有启用的自动回收公海，回收任务结束");
+            return;
+        }
+
+        // 获取池与负责人的映射关系
+        Map<List<String>, CustomerPool> ownersDefaultPoolMap = customerPoolService.getOwnersBestMatchPoolMap(pools);
+        List<String> recycleOwnersIds = ownersDefaultPoolMap.keySet().stream().flatMap(List::stream).toList();
+
+        // 查询符合条件的客户
+        List<Customer> customers = getCustomersForRecycle(recycleOwnersIds);
+        if (CollectionUtils.isEmpty(customers)) {
+            log.info("没有需要回收的客户，回收任务结束");
+            return;
+        }
+
+        // 获取回收规则
+        Map<String, CustomerPoolRecycleRule> recycleRuleMap = getPoolRecycleRules(pools);
+
+        // 执行回收操作
+        recycleCustomers(customers, ownersDefaultPoolMap, recycleRuleMap);
+
+        log.info("客户资源回收完成");
+    }
+
+    /**
+     * 获取已启用且设置为自动回收的客户池
+     *
+     * @return 符合条件的客户池列表
+     */
+    private List<CustomerPool> getEnabledAutomaticPools() {
+        LambdaQueryWrapper<CustomerPool> queryWrapper = new LambdaQueryWrapper<>();
+        queryWrapper.eq(CustomerPool::getEnable, true).eq(CustomerPool::getAuto, true);
+        return customerPoolMapper.selectListByLambda(queryWrapper);
+    }
+
+    /**
+     * 获取需要被考虑回收的客户列表
+     *
+     * @param recycleOwnersIds 需要考虑回收的负责人ID列表
+     *
+     * @return 符合初步条件的客户列表
+     */
+    private List<Customer> getCustomersForRecycle(List<String> recycleOwnersIds) {
+        LambdaQueryWrapper<Customer> customerQueryWrapper = new LambdaQueryWrapper<>();
+        customerQueryWrapper.in(Customer::getOwner, recycleOwnersIds).eq(Customer::getInSharedPool, false);
+        return customerMapper.selectListByLambda(customerQueryWrapper);
+    }
+
+    /**
+     * 获取客户池回收规则
+     *
+     * @param pools 客户池列表
+     *
+     * @return 池ID到回收规则的映射
+     */
+    private Map<String, CustomerPoolRecycleRule> getPoolRecycleRules(List<CustomerPool> pools) {
+        List<String> poolIds = pools.stream().map(CustomerPool::getId).toList();
+        LambdaQueryWrapper<CustomerPoolRecycleRule> ruleQueryWrapper = new LambdaQueryWrapper<>();
+        ruleQueryWrapper.in(CustomerPoolRecycleRule::getPoolId, poolIds);
+        List<CustomerPoolRecycleRule> recycleRules = customerPoolRecycleRuleMapper.selectListByLambda(ruleQueryWrapper);
+        return recycleRules.stream().collect(Collectors.toMap(CustomerPoolRecycleRule::getPoolId, r -> r));
+    }
+
+    /**
+     * 执行客户回收操作
+     *
+     * @param customers            待检查回收的客户列表
+     * @param ownersDefaultPoolMap 负责人与池的映射关系
+     * @param recycleRuleMap       池ID与回收规则的映射
+     */
+    private void recycleCustomers(List<Customer> customers, Map<List<String>, CustomerPool> ownersDefaultPoolMap,
+                                  Map<String, CustomerPoolRecycleRule> recycleRuleMap) {
+        customers.forEach(customer -> ownersDefaultPoolMap.forEach((ownerIds, pool) -> {
+            if (ownerIds.contains(customer.getOwner())) {
+                CustomerPoolRecycleRule rule = recycleRuleMap.get(pool.getId());
+                boolean recycle = customerPoolService.checkRecycled(customer, rule);
+                if (recycle) {
+                    processCustomerRecycle(customer, pool);
+                }
+            }
+        }));
+    }
+
+    /**
+     * 处理单个客户的回收流程
+     *
+     * @param customer 需要回收的客户
+     * @param pool     目标客户池
+     */
+    private void processCustomerRecycle(Customer customer, CustomerPool pool) {
+        //更新责任人
+        customerContactService.updateContactOwner(customer.getId(), "-", customer.getOwner(), customer.getOrganizationId());
+
+        // 消息通知
+        commonNoticeSendService.sendNotice(
+                NotificationConstants.Module.CUSTOMER,
+                NotificationConstants.Event.CUSTOMER_AUTOMATIC_MOVE_HIGH_SEAS,
+                customer.getName(),
+                InternalUser.ADMIN.getValue(),
+                customer.getOrganizationId(),
+                List.of(customer.getOwner()),
+                true
+        );
+
+        // 插入责任人历史
+        customerOwnerHistoryService.add(customer, InternalUser.ADMIN.getValue(), false);
+
+        // 更新客户信息
+        customer.setPoolId(pool.getId());
+        customer.setInSharedPool(true);
+        customer.setOwner(null);
+        customer.setCollectionTime(null);
+        customer.setReasonId("system");
+        customer.setUpdateUser(InternalUser.ADMIN.getValue());
+        customer.setUpdateTime(System.currentTimeMillis());
+
+        // 回收客户至公海
+        extCustomerMapper.moveToPool(customer);
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/job/listener/ExecuteEvent.java b/backend/crm/src/main/java/cn/cordys/crm/system/job/listener/ExecuteEvent.java
new file mode 100644
index 0000000..4c840a3
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/job/listener/ExecuteEvent.java
@@ -0,0 +1,9 @@
+package cn.cordys.crm.system.job.listener;
+
+import org.springframework.context.ApplicationEvent;
+
+public class ExecuteEvent extends ApplicationEvent {
+    public ExecuteEvent(Object source) {
+        super(source);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/job/listener/FollowUpPlanRemindListener.java b/backend/crm/src/main/java/cn/cordys/crm/system/job/listener/FollowUpPlanRemindListener.java
new file mode 100644
index 0000000..726b2ba
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/job/listener/FollowUpPlanRemindListener.java
@@ -0,0 +1,155 @@
+package cn.cordys.crm.system.job.listener;
+
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.crm.clue.mapper.ExtClueMapper;
+import cn.cordys.crm.customer.mapper.ExtCustomerMapper;
+import cn.cordys.crm.follow.domain.FollowUpPlan;
+import cn.cordys.crm.follow.mapper.ExtFollowUpPlanMapper;
+import cn.cordys.crm.opportunity.mapper.ExtOpportunityMapper;
+import cn.cordys.crm.system.constants.NotificationConstants;
+import cn.cordys.crm.system.notice.CommonNoticeSendService;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.context.ApplicationListener;
+import org.springframework.stereotype.Component;
+
+import java.time.LocalDate;
+import java.time.ZoneId;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+
+/**
+ * 跟进计划提醒监听器
+ * <p>
+ * 该监听器负责监听执行事件，当触发时检查并提醒到期的跟进计划。
+ * 支持客户、商机和线索三种类型的跟进计划提醒。
+ * </p>
+ */
+@Component
+@Slf4j
+public class FollowUpPlanRemindListener implements ApplicationListener<ExecuteEvent> {
+
+    @Resource
+    private ExtFollowUpPlanMapper extFollowUpPlanMapper;
+    @Resource
+    private CommonNoticeSendService commonNoticeSendService;
+    @Resource
+    private ExtCustomerMapper extCustomerMapper;
+    @Resource
+    private ExtOpportunityMapper extOpportunityMapper;
+    @Resource
+    private ExtClueMapper extClueMapper;
+
+    /**
+     * 处理执行事件
+     * <p>
+     * 当接收到执行事件时，触发跟进计划提醒功能
+     * </p>
+     *
+     * @param event 执行事件对象
+     */
+    @Override
+    public void onApplicationEvent(ExecuteEvent event) {
+        try {
+            this.followUpPlanRemind();
+        } catch (Exception e) {
+            log.error("跟进计划到期提醒异常: ", e.getMessage());
+        }
+    }
+
+    /**
+     * 跟进计划到期自动通知
+     * <p>
+     * 查询当天到期的跟进计划，并向相关负责人发送通知提醒。
+     * </p>
+     */
+    public void followUpPlanRemind() {
+        log.info("跟进计划到期提醒");
+        // 获取当天零点的时间戳（毫秒）
+        long timestamp = LocalDate.now()
+                .atStartOfDay(ZoneId.systemDefault())
+                .toEpochSecond() * 1000;
+
+        // 查询到期的跟进计划列表
+        List<FollowUpPlan> planList = extFollowUpPlanMapper.selectPlanByTimestamp(timestamp);
+
+        if (CollectionUtils.isNotEmpty(planList)) {
+            // 提取客户、商机和线索的ID列表
+            List<String> customerIds = planList.stream().map(FollowUpPlan::getCustomerId).toList();
+            List<String> opportunityIds = planList.stream().map(FollowUpPlan::getOpportunityId).toList();
+            List<String> clueIds = planList.stream().map(FollowUpPlan::getClueId).toList();
+
+            // 构建客户ID与名称的映射
+            Map<String, String> customerMap = new HashMap<>();
+            if (CollectionUtils.isNotEmpty(customerIds)) {
+                customerMap = extCustomerMapper.selectOptionByIds(customerIds)
+                        .stream()
+                        .collect(Collectors.toMap(OptionDTO::getId, OptionDTO::getName));
+            }
+
+            // 构建商机ID与名称的映射
+            Map<String, String> opportunityMap = new HashMap<>();
+            if (CollectionUtils.isNotEmpty(opportunityIds)) {
+                opportunityMap = extOpportunityMapper.getOpportunityOptionsByIds(opportunityIds)
+                        .stream()
+                        .collect(Collectors.toMap(OptionDTO::getId, OptionDTO::getName));
+            }
+
+            // 构建线索ID与名称的映射
+            Map<String, String> clueMap = new HashMap<>();
+            if (CollectionUtils.isNotEmpty(clueIds)) {
+                clueMap = extClueMapper.selectOptionByIds(clueIds)
+                        .stream()
+                        .collect(Collectors.toMap(OptionDTO::getId, OptionDTO::getName));
+            }
+
+            // 遍历所有到期的跟进计划，发送相应通知
+            for (FollowUpPlan followUpPlan : planList) {
+                // 发送客户跟进计划提醒
+                if (StringUtils.isNotBlank(followUpPlan.getCustomerId())) {
+                    commonNoticeSendService.sendNotice(
+                            NotificationConstants.Module.CUSTOMER,
+                            NotificationConstants.Event.CUSTOMER_FOLLOW_UP_PLAN_DUE,
+                            customerMap.get(followUpPlan.getCustomerId()),
+                            followUpPlan.getCreateUser(),
+                            followUpPlan.getOrganizationId(),
+                            List.of(followUpPlan.getOwner()),
+                            false
+                    );
+                }
+
+                // 发送商机跟进计划提醒
+                if (StringUtils.isNotBlank(followUpPlan.getOpportunityId())) {
+                    commonNoticeSendService.sendNotice(
+                            NotificationConstants.Module.OPPORTUNITY,
+                            NotificationConstants.Event.BUSINESS_FOLLOW_UP_PLAN_DUE,
+                            opportunityMap.get(followUpPlan.getOpportunityId()),
+                            followUpPlan.getCreateUser(),
+                            followUpPlan.getOrganizationId(),
+                            List.of(followUpPlan.getOwner()),
+                            false
+                    );
+                }
+
+                // 发送线索跟进计划提醒
+                if (StringUtils.isNotBlank(followUpPlan.getClueId())) {
+                    commonNoticeSendService.sendNotice(
+                            NotificationConstants.Module.CLUE,
+                            NotificationConstants.Event.CLUE_FOLLOW_UP_PLAN_DUE,
+                            clueMap.get(followUpPlan.getClueId()),
+                            followUpPlan.getCreateUser(),
+                            followUpPlan.getOrganizationId(),
+                            List.of(followUpPlan.getOwner()),
+                            false
+                    );
+                }
+            }
+        }
+
+        log.info("跟进计划到期提醒完成");
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/job/listener/OpportunityRuleListener.java b/backend/crm/src/main/java/cn/cordys/crm/system/job/listener/OpportunityRuleListener.java
new file mode 100644
index 0000000..b968b04
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/job/listener/OpportunityRuleListener.java
@@ -0,0 +1,122 @@
+package cn.cordys.crm.system.job.listener;
+
+import cn.cordys.crm.opportunity.constants.OpportunityStageType;
+import cn.cordys.crm.opportunity.domain.Opportunity;
+import cn.cordys.crm.opportunity.domain.OpportunityRule;
+import cn.cordys.crm.opportunity.domain.OpportunityStageConfig;
+import cn.cordys.crm.opportunity.mapper.ExtOpportunityStageConfigMapper;
+import cn.cordys.crm.opportunity.service.OpportunityRuleService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.context.ApplicationListener;
+import org.springframework.stereotype.Component;
+
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+
+/**
+ * 商机规则监听器
+ * <p>
+ * 此监听器负责监听定时执行事件，根据预设规则自动处理商机状态。
+ * 当触发执行事件时，会根据启用的自动化规则检查所有相关商机，
+ * 并根据规则条件自动关闭符合条件的商机。
+ * </p>
+ */
+@Component
+@Slf4j
+public class OpportunityRuleListener implements ApplicationListener<ExecuteEvent> {
+
+    @Resource
+    private BaseMapper<OpportunityRule> opportunityRuleMapper;
+
+    @Resource
+    private OpportunityRuleService opportunityRuleService;
+
+    @Resource
+    private BaseMapper<Opportunity> opportunityMapper;
+    @Resource
+    private ExtOpportunityStageConfigMapper extOpportunityStageConfigMapper;
+
+    /**
+     * 处理应用事件
+     * <p>
+     * 当接收到执行事件时，触发商机规则处理逻辑。
+     * </p>
+     *
+     * @param event 执行事件
+     */
+    @Override
+    public void onApplicationEvent(ExecuteEvent event) {
+        try {
+            execute();
+        } catch (Exception e) {
+            log.error("商机资源回收异常: ", e.getMessage());
+        }
+    }
+
+    /**
+     * 执行商机关闭规则任务
+     * <p>
+     * 此方法执行以下步骤：
+     * 1. 查询所有已启用且设置为自动执行的商机规则
+     * 2. 获取规则对应的最佳匹配所有者映射关系
+     * 3. 查询相关所有者的所有商机
+     * 4. 根据规则检查每个商机是否需要关闭
+     * 5. 自动关闭符合条件的商机
+     * </p>
+     */
+    public void execute() {
+        log.info("开始回收商机资源");
+
+        // 查询已启用的自动执行规则
+        LambdaQueryWrapper<OpportunityRule> queryWrapper = new LambdaQueryWrapper<>();
+        queryWrapper.eq(OpportunityRule::getEnable, true).eq(OpportunityRule::getAuto, true);
+        List<OpportunityRule> rules = opportunityRuleMapper.selectListByLambda(queryWrapper);
+        if (CollectionUtils.isEmpty(rules)) {
+            log.info("没有启用的自动回收商机规则，回收任务结束");
+            return;
+        }
+
+        // 获取所有者与规则的最佳匹配映射
+        Map<List<String>, OpportunityRule> ownersBestMatchRuleMap = opportunityRuleService.getOwnersBestMatchRuleMap(rules);
+        List<String> handleOwnerIds = ownersBestMatchRuleMap.keySet().stream().flatMap(List::stream).toList();
+
+        // 查询相关所有者的商机
+        LambdaQueryWrapper<Opportunity> opportunityWrapper = new LambdaQueryWrapper<>();
+        opportunityWrapper.in(Opportunity::getOwner, handleOwnerIds);
+        List<Opportunity> opportunities = opportunityMapper.selectListByLambda(opportunityWrapper);
+        if (CollectionUtils.isEmpty(opportunities)) {
+            log.info("没有需要回收的商机，回收任务结束");
+            return;
+        }
+
+        List<OpportunityStageConfig> stageConfigList = extOpportunityStageConfigMapper.getAllStageConfigList();
+
+        Map<String, String> orgFailStageConfigMap = stageConfigList.stream()
+                .filter(config ->
+                        Strings.CI.equals(config.getType(), OpportunityStageType.END.name()) && Strings.CI.equals(config.getRate(), "0"))
+                .collect(Collectors.toMap(
+                        OpportunityStageConfig::getOrganizationId,
+                        OpportunityStageConfig::getId));
+
+        // 根据规则处理每个商机
+        opportunities.forEach(opportunity -> ownersBestMatchRuleMap.forEach((ownerIds, rule) -> {
+            if (ownerIds.contains(opportunity.getOwner())) {
+                boolean closed = opportunityRuleService.checkClosed(opportunity, rule);
+                if (closed) {
+                    opportunity.setLastStage(opportunity.getStage());
+                    opportunity.setStage(orgFailStageConfigMap.get(opportunity.getOrganizationId()));
+                    opportunity.setFailureReason("system");
+                    opportunityMapper.updateById(opportunity);
+                }
+            }
+        }));
+
+        log.info("商机资源回收完成");
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtAnnouncementMapper.java b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtAnnouncementMapper.java
new file mode 100644
index 0000000..4990f55
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtAnnouncementMapper.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.system.mapper;
+
+import cn.cordys.crm.system.dto.request.AnnouncementPageRequest;
+import cn.cordys.crm.system.dto.response.AnnouncementDTO;
+import org.springframework.data.repository.query.Param;
+
+import java.util.List;
+
+public interface ExtAnnouncementMapper {
+    List<AnnouncementDTO> selectByBaseRequest(@Param("request") AnnouncementPageRequest request);
+
+    AnnouncementDTO selectById(@Param("id") String id);
+
+    List<AnnouncementDTO> selectInEffectUnConvertData(@Param("timestamp") long timestamp);
+
+    List<String> selectFixTimeExpiredIds(@Param("startTime") long startTime, @Param("endTime") long endTime);
+
+    int updateNotice(@Param("ids") List<String> ids, @Param("notice") Boolean notice, @Param("organizationId") String organizationId);
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtAnnouncementMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtAnnouncementMapper.xml
new file mode 100644
index 0000000..6270534
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtAnnouncementMapper.xml
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="cn.cordys.crm.system.mapper.ExtAnnouncementMapper">
+
+
+    <update id="updateNotice">
+        UPDATE sys_announcement SET notice = #{notice} WHERE organization_id = #{organizationId}
+        <if test="ids != null and ids.size() > 0">
+            and id in
+            <foreach collection="ids" item="id" separator="," open="(" close=")">
+                #{id}
+            </foreach>
+        </if>
+    </update>
+
+    <select id="selectByBaseRequest" parameterType="cn.cordys.crm.system.dto.request.AnnouncementPageRequest"
+            resultType="cn.cordys.crm.system.dto.response.AnnouncementDTO">
+        SELECT sys_announcement.*, sys_user.name as createUserName, su.name as updateUserName
+        FROM sys_announcement
+        LEFT JOIN sys_user ON sys_announcement.create_user = sys_user.id
+        LEFT JOIN sys_user su ON sys_announcement.update_user = su.id   
+        WHERE
+        sys_announcement.organization_id = #{organizationId}
+        <if test="keyword != null">
+            and
+            sys_announcement.subject like concat('%', #{keyword},'%')
+        </if>
+        <include refid="cn.cordys.common.mapper.CommonMapper.sort">
+            <property name="sort" value="sort"/>
+            <property name="prefix" value="sys_announcement"/>
+            <property name="defaultSort" value="create_time desc"/>
+        </include>
+    </select>
+
+    <select id="selectById" resultType="cn.cordys.crm.system.dto.response.AnnouncementDTO">
+        SELECT *
+        FROM sys_announcement
+        WHERE id = #{id} limit 1
+    </select>
+
+    <select id="selectInEffectUnConvertData" parameterType="java.lang.Long"
+            resultType="cn.cordys.crm.system.dto.response.AnnouncementDTO">
+        SELECT *
+        FROM sys_announcement
+        WHERE end_time <![CDATA[ >= ]]> #{timestamp}
+          and start_time <![CDATA[ < ]]> #{timestamp}
+          and notice = false
+    </select>
+
+    <select id="selectFixTimeExpiredIds" resultType="java.lang.String">
+        SELECT id
+        FROM sys_announcement
+        WHERE end_time <![CDATA[ < ]]> #{endTime}
+        and end_time <![CDATA[ > ]]> #{startTime}
+    </select>
+
+
+</mapper> 
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtAttachmentMapper.java b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtAttachmentMapper.java
new file mode 100644
index 0000000..de81b15
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtAttachmentMapper.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.system.mapper;
+
+import java.util.List;
+
+public interface ExtAttachmentMapper {
+
+    /**
+     * 通过附件名称获取附件ID列表
+     *
+     * @param names 名称列表
+     *
+     * @return 附件ID列表
+     */
+    List<String> getAttachmentIdsByNames(List<String> names);
+
+    List<String> selectNameByIds(List<String> ids);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtAttachmentMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtAttachmentMapper.xml
new file mode 100644
index 0000000..765b4ce
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtAttachmentMapper.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="cn.cordys.crm.system.mapper.ExtAttachmentMapper">
+    <select id="getAttachmentIdsByNames" resultType="java.lang.String">
+        select sa.id from sys_attachment sa where
+        <foreach item="name" collection="names" open="(" separator="or" close=")">
+            sa.name like concat('%', #{name}, '%')
+        </foreach>
+    </select>
+    <select id="selectNameByIds" resultType="java.lang.String">
+        select sa.name from sys_attachment sa where
+        <foreach item="id" collection="ids" open="(" separator="or" close=")">
+            sa.id = #{id}
+        </foreach>
+    </select>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtDepartmentCommanderMapper.java b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtDepartmentCommanderMapper.java
new file mode 100644
index 0000000..cab30ba
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtDepartmentCommanderMapper.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.system.mapper;
+
+
+import cn.cordys.crm.system.domain.DepartmentCommander;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtDepartmentCommanderMapper {
+
+    void deleteByDepartmentIds(@Param("departmentIds") List<String> departmentIds);
+
+    List<String> selectCommander(@Param("departmentId") String departmentId, @Param("orgId") String orgId);
+
+    List<DepartmentCommander> selectCommanderByUsers(@Param("departmentId") String departmentId, @Param("userIds") List<String> userIds);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtDepartmentCommanderMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtDepartmentCommanderMapper.xml
new file mode 100644
index 0000000..4ccddff
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtDepartmentCommanderMapper.xml
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.system.mapper.ExtDepartmentCommanderMapper">
+
+
+    <delete id="deleteByDepartmentIds">
+        DELETE FROM sys_department_commander WHERE department_id  in
+        <foreach collection="departmentIds" item="departmentId" open="(" close=")" separator=",">
+            #{departmentId}
+        </foreach>
+    </delete>
+
+
+    <select id="selectCommander" resultType="java.lang.String">
+        SELECT
+            sdc.user_id
+        FROM
+            sys_department_commander sdc
+                INNER JOIN sys_department sd ON sdc.department_id = sd.id
+        WHERE
+           sdc.department_id = #{departmentId}
+          AND sd.organization_id = #{orgId}
+    </select>
+
+
+    <select id="selectCommanderByUsers" resultType="cn.cordys.crm.system.domain.DepartmentCommander">
+        select id, user_id, department_id
+        from sys_department_commander
+        where department_id = #{departmentId}
+        and user_id in
+        <foreach collection="userIds" item="userId" open="(" close=")" separator=",">
+            #{userId}
+        </foreach>
+    </select>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtDepartmentMapper.java b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtDepartmentMapper.java
new file mode 100644
index 0000000..6270f97
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtDepartmentMapper.java
@@ -0,0 +1,58 @@
+package cn.cordys.crm.system.mapper;
+
+import cn.cordys.common.dto.*;
+import cn.cordys.crm.system.domain.Department;
+import cn.cordys.crm.system.domain.DepartmentCommander;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+
+public interface ExtDepartmentMapper {
+
+    List<BaseTreeNode> selectTreeNode(@Param("orgId") String orgId);
+
+    List<DeptUserTreeNode> selectDeptUserTreeNode(@Param("orgId") String orgId);
+
+    Long getNextPosByOrgId(@Param("orgId") String orgId);
+
+    List<String> getUserIdsByDeptIds(@Param("deptIds") List<String> deptIds);
+
+    List<OptionDTO> getIdNameByIds(@Param("ids") List<String> ids);
+
+    List<String> getNameByIds(@Param("ids") List<String> ids);
+
+    List<String> getIdsByNames(@Param("names") List<String> names);
+
+    void deleteByOrgId(@Param("orgId") String orgId);
+
+    List<String> selectAllDepartmentIds(@Param("orgId") String orgId);
+
+    BaseTreeNode selectDepartment(@Param("name") String name, @Param("orgId") String orgId);
+
+    int countByName(@Param("name") String name, @Param("parentId") String parentId, @Param("orgId") String orgId);
+
+    BaseTree selectBaseTreeById(@Param("dragNodeId") String dragNodeId);
+
+    BaseTree selectTreeByParentIdAndPosOperator(@Param("nodeSortQueryParam") NodeSortQueryParam nodeSortQueryParam);
+
+    List<String> selectChildrenIds(@Param("parentId") String parentId);
+
+    List<String> selectChildrenByIds(@Param("deptIds") List<String> deptIds);
+
+    void batchUpdate(@Param("departmentList") List<Department> departmentList);
+
+    Department getInternalDepartment(@Param("orgId") String orgId, @Param("resource") String resource);
+
+    void updateDepartment(@Param("department") Department department);
+
+    List<Department> getDepartmentByOrgId(@Param("orgId") String orgId);
+
+    List<DepartmentCommander> getDepartmentCommander(@Param("userIds") List<String> userIds);
+
+    void deleteDepartmentByIds(@Param("ids") List<String> ids);
+
+    List<DepartmentCommander> selectByOrgId(@Param("orgId") String orgId);
+
+    String getParentIdById(@Param("id") String id);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtDepartmentMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtDepartmentMapper.xml
new file mode 100644
index 0000000..37f30c4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtDepartmentMapper.xml
@@ -0,0 +1,238 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.system.mapper.ExtDepartmentMapper">
+
+    <select id="selectTreeNode" resultType="cn.cordys.common.dto.BaseTreeNode">
+        SELECT id, name, parent_id, organization_id
+        FROM sys_department
+        where organization_id = #{orgId}
+        ORDER BY pos
+    </select>
+
+    <select id="selectDeptUserTreeNode" resultType="cn.cordys.common.dto.DeptUserTreeNode">
+        SELECT id, name, parent_id, 'ORG' as nodeType
+        FROM sys_department
+        where organization_id = #{orgId}
+        ORDER BY pos
+    </select>
+
+    <select id="getNextPosByOrgId" resultType="java.lang.Long">
+        SELECT max(pos)
+        FROM sys_department
+        where organization_id = #{orgId}
+    </select>
+
+    <select id="getUserIdsByDeptIds" resultType="java.lang.String">
+        select user_id
+        from sys_organization_user
+        where department_id in
+        <foreach collection="deptIds" item="deptId" open="(" close=")" separator=",">
+            #{deptId}
+        </foreach>
+    </select>
+
+    <select id="getIdNameByIds" resultType="cn.cordys.common.dto.OptionDTO">
+        select id, name
+        from sys_department
+        where id in
+        <foreach collection="ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </select>
+
+    <delete id="deleteByOrgId">
+        DELETE
+        FROM sys_department
+        WHERE organization_id = #{orgId}
+          and parent_id != 'NONE'
+    </delete>
+
+
+    <select id="selectAllDepartmentIds" resultType="java.lang.String">
+        select id
+        from sys_department
+        where organization_id = #{orgId}
+    </select>
+
+
+    <select id="selectDepartment" resultType="cn.cordys.common.dto.BaseTreeNode">
+        select id, name, parent_id, organization_id
+        from sys_department
+        where name = #{name}
+          and organization_id = #{orgId}
+    </select>
+
+    <select id="countByName" resultType="java.lang.Integer">
+        select count(id)
+        from sys_department
+        where name = #{name}
+          and organization_id = #{orgId}
+          and parent_id = #{parentId}
+    </select>
+
+
+    <select id="selectBaseTreeById" resultType="cn.cordys.common.dto.BaseTree">
+        SELECT id, name, pos, organization_id, parent_id
+        FROM sys_department
+        WHERE id = #{dragNodeId}
+    </select>
+
+    <select id="selectTreeByParentIdAndPosOperator"
+            parameterType="cn.cordys.common.dto.NodeSortQueryParam"
+            resultType="cn.cordys.common.dto.BaseTree">
+        SELECT id, name, pos, organization_id, parent_id
+        FROM sys_department
+        WHERE parent_id = #{nodeSortQueryParam.parentId}
+        <if test="nodeSortQueryParam.operator == 'moreThan'">
+            AND pos &gt; #{nodeSortQueryParam.pos}
+        </if>
+        <if test="nodeSortQueryParam.operator == 'lessThan'">
+            AND pos &lt; #{nodeSortQueryParam.pos}
+        </if>
+        ORDER BY pos
+        <if test="nodeSortQueryParam.operator == 'lessThan' or nodeSortQueryParam.operator == 'latest'">
+            DESC
+        </if>
+        LIMIT 1
+    </select>
+
+
+    <select id="selectChildrenIds" resultType="java.lang.String">
+        SELECT id
+        FROM sys_department
+        WHERE parent_id = #{parentId}
+        ORDER BY pos ASC
+    </select>
+
+    <update id="batchUpdate">
+        UPDATE sys_department
+        SET pos = CASE
+        <foreach collection="departmentList" item="department" separator=" ">
+            WHEN id = #{department.id} THEN #{department.pos}
+        </foreach>
+        END
+        WHERE id IN
+        <foreach collection="departmentList" item="department" open="(" close=")" separator=",">
+            #{department.id}
+        </foreach>
+    </update>
+
+
+    <select id="getInternalDepartment" resultType="cn.cordys.crm.system.domain.Department">
+        SELECT *
+        FROM sys_department
+        WHERE organization_id = #{orgId}
+          AND resource = #{resource}
+          AND parent_id = 'NONE'
+    </select>
+
+
+    <update id="updateDepartment" parameterType="cn.cordys.crm.system.domain.Department">
+        update sys_department
+        <set>
+            <if test="department.name != null">
+                `name` = #{department.name},
+            </if>
+            <if test="department.organizationId != null">
+                organization_id = #{department.organizationId},
+            </if>
+            <if test="department.parentId != null">
+                parent_id = #{department.parentId},
+            </if>
+            <if test="department.pos != null">
+                pos = #{department.pos},
+            </if>
+            <if test="department.createTime != null">
+                create_time = #{department.createTime},
+            </if>
+            <if test="department.updateTime != null">
+                update_time = #{department.updateTime},
+            </if>
+            <if test="department.createUser != null">
+                create_user = #{department.createUser},
+            </if>
+            <if test="department.updateUser != null">
+                update_user = #{department.updateUser},
+            </if>
+            <if test="department.resource != null">
+                `resource` = #{department.resource},
+            </if>
+            <if test="department.resourceId != null">
+                resource_id = #{department.resourceId},
+            </if>
+        </set>
+        where id = #{department.id}
+    </update>
+
+
+    <select id="getDepartmentByOrgId" resultType="cn.cordys.crm.system.domain.Department">
+        SELECT *
+        FROM sys_department
+        WHERE organization_id = #{orgId}
+    </select>
+
+
+    <select id="getDepartmentCommander" resultType="cn.cordys.crm.system.domain.DepartmentCommander">
+        select id, user_id, department_id from sys_department_commander
+        where user_id in
+        <foreach collection="userIds" item="userId" open="(" close=")" separator=",">
+            #{userId}
+        </foreach>
+    </select>
+    <select id="selectChildrenByIds" resultType="java.lang.String">
+        WITH RECURSIVE dept_tree AS (
+        SELECT id, parent_id
+        FROM sys_department
+        WHERE id IN
+        <foreach collection="deptIds" item="id" open="(" separator="," close=")">
+            #{id}
+        </foreach>
+
+        UNION ALL
+
+        SELECT d.id, d.parent_id
+        FROM sys_department d
+        INNER JOIN dept_tree dt ON d.parent_id = dt.id
+        )
+        SELECT id FROM dept_tree
+    </select>
+
+    <select id="getNameByIds" resultType="java.lang.String">
+        select name
+        from sys_department
+        where id in
+        <foreach collection="ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </select>
+
+    <select id="getIdsByNames" resultType="java.lang.String">
+        select id
+        from sys_department
+        where name in
+        <foreach collection="names" item="name" open="(" close=")" separator=",">
+            #{name}
+        </foreach>
+    </select>
+
+    <select id="selectByOrgId" resultType="cn.cordys.crm.system.domain.DepartmentCommander">
+        select user_id, department_id
+        from sys_department_commander sdc
+                 join sys_department sd on sdc.department_id = sd.id
+        where sd.organization_id = #{orgId}
+    </select>
+    <select id="getParentIdById" resultType="java.lang.String">
+        select parent_id
+        from sys_department
+        where id = #{id}
+    </select>
+
+    <delete id="deleteDepartmentByIds">
+        DELETE FROM sys_department WHERE id in
+        <foreach collection="ids" item="id" open="(" separator="," close=")">
+            #{id}
+        </foreach>
+    </delete>
+
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtDictMapper.java b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtDictMapper.java
new file mode 100644
index 0000000..32461be
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtDictMapper.java
@@ -0,0 +1,53 @@
+package cn.cordys.crm.system.mapper;
+
+import cn.cordys.crm.system.domain.DictConfig;
+import org.apache.ibatis.annotations.Param;
+
+public interface ExtDictMapper {
+
+    /**
+     * 更新字典模块配置
+     *
+     * @param config 配置
+     */
+    void updateModuleConfig(@Param("config") DictConfig config);
+
+    /**
+     * 字典区间上移
+     *
+     * @param start  开始
+     * @param end    结束
+     * @param module 模块
+     * @param orgId  组织ID
+     */
+    void moveUpDict(@Param("start") Long start, @Param("end") Long end, @Param("module") String module, @Param("orgId") String orgId);
+
+    /**
+     * 字典区间下移
+     *
+     * @param start  开始
+     * @param end    结束
+     * @param module 模块
+     * @param orgId  组织ID
+     */
+    void moveDownDict(@Param("start") Long start, @Param("end") Long end, @Param("module") String module, @Param("orgId") String orgId);
+
+    /**
+     * 获取字典模块下一个位置
+     *
+     * @param module 模块
+     * @param orgId  组织ID
+     *
+     * @return 下一个位置
+     */
+    Long getNextPos(@Param("module") String module, @Param("orgId") String orgId);
+
+    /**
+     * 更新字典位置
+     *
+     * @param id          字典ID
+     * @param pos         位置
+     * @param currentUser 当前用户
+     */
+    void updateDictPos(@Param("id") String id, @Param("pos") Long pos, @Param("currentUser") String currentUser);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtDictMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtDictMapper.xml
new file mode 100644
index 0000000..c623819
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtDictMapper.xml
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="cn.cordys.crm.system.mapper.ExtDictMapper">
+    <update id="updateModuleConfig" parameterType="cn.cordys.crm.system.domain.DictConfig">
+        update sys_dict_config set enabled = #{config.enabled} where module = #{config.module} and organization_id = #{config.organizationId}
+    </update>
+
+    <update id="moveUpDict">
+        update sys_dict set pos = pos - 1 where pos &gt; #{start} and pos &lt;= #{end} and module = #{module} and organization_id = #{orgId}
+    </update>
+
+    <update id="moveDownDict">
+        update sys_dict set pos = pos + 1 where pos &gt;= #{start} and pos &lt; #{end} and module = #{module} and organization_id = #{orgId}
+    </update>
+
+    <select id="getNextPos" resultType="java.lang.Long">
+        select max(pos) + 1 from sys_dict where module = #{module} and organization_id = #{orgId}
+    </select>
+
+    <update id="updateDictPos">
+        update sys_dict set pos = #{pos}, update_user = #{currentUser}, update_time = unix_timestamp() * 1000 where id = #{id}
+    </update>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtExportTaskMapper.java b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtExportTaskMapper.java
new file mode 100644
index 0000000..ebebcab
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtExportTaskMapper.java
@@ -0,0 +1,18 @@
+package cn.cordys.crm.system.mapper;
+
+import cn.cordys.crm.system.domain.ExportTask;
+import cn.cordys.crm.system.dto.request.ExportTaskCenterQueryRequest;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtExportTaskMapper {
+
+    int getExportTaskCount(@Param("userId") String userId, @Param("status") String status);
+
+    int updateExportTaskStatus(@Param("newStatus") String newStatus, @Param("oldStatus") String oldStatus);
+
+    List<ExportTask> selectExportTaskList(@Param("request") ExportTaskCenterQueryRequest request, @Param("oneDayBefore") long oneDayBefore, @Param("userId") String userId);
+
+    int checkPreparedUniqueness(@Param("createUser") String createUser, @Param("resourceType") String resourceType);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtExportTaskMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtExportTaskMapper.xml
new file mode 100644
index 0000000..8b8f097
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtExportTaskMapper.xml
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="cn.cordys.crm.system.mapper.ExtExportTaskMapper">
+    <update id="updateExportTaskStatus">
+        update export_task
+        set status = #{newStatus}
+        where status = #{oldStatus}
+    </update>
+
+    <select id="getExportTaskCount" resultType="java.lang.Integer">
+        SELECT
+            count(*)
+        FROM
+            export_task
+        WHERE
+            create_user = #{userId}
+          AND `status` = #{status}
+    </select>
+
+
+    <select id="selectExportTaskList" resultType="cn.cordys.crm.system.domain.ExportTask">
+        SELECT
+            *
+        FROM
+            export_task
+        WHERE
+            create_user = #{userId}
+          and create_time <![CDATA[>]]> #{oneDayBefore}
+        <if test="request.keyword != null and request.keyword != ''">
+            and file_name like concat('%', #{request.keyword},'%')
+        </if>
+        <if test="request.exportType != null and request.exportType != ''">
+            and resource_type like concat(#{request.exportType},'%')
+        </if>
+        <if test="request.exportStatus != null and request.exportStatus != ''">
+            and status = #{request.exportStatus}
+        </if>
+        ORDER BY
+            create_time DESC
+    </select>
+
+    <select id="checkPreparedUniqueness" resultType="java.lang.Integer">
+        SELECT COUNT(*)
+        FROM export_task
+        WHERE status = 'PREPARED'
+          AND create_user = #{createUser}
+          AND resource_type = #{resourceType}
+    </select>
+
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtLicenseMapper.java b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtLicenseMapper.java
new file mode 100644
index 0000000..e1eda98
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtLicenseMapper.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.system.mapper;
+
+
+import cn.cordys.crm.system.domain.License;
+import org.apache.ibatis.annotations.Param;
+
+public interface ExtLicenseMapper {
+
+    License get();
+
+    License selectLicenseCode(@Param("code") String code);
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtLicenseMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtLicenseMapper.xml
new file mode 100644
index 0000000..676f0ab
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtLicenseMapper.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="cn.cordys.crm.system.mapper.ExtLicenseMapper">
+
+    <select id="get" resultType="cn.cordys.crm.system.domain.License">
+        SELECT * FROM sys_license
+    </select>
+    <select id="selectLicenseCode" resultType="cn.cordys.crm.system.domain.License">
+        SELECT * FROM sys_license where license_code = #{code}
+    </select>
+
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtLoginLogMapper.java b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtLoginLogMapper.java
new file mode 100644
index 0000000..23c233a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtLoginLogMapper.java
@@ -0,0 +1,11 @@
+package cn.cordys.crm.system.mapper;
+
+import cn.cordys.crm.system.dto.request.LoginLogRequest;
+import cn.cordys.crm.system.dto.response.LoginLogListResponse;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtLoginLogMapper {
+    List<LoginLogListResponse> list(@Param("request") LoginLogRequest request, @Param("orgId") String orgId);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtLoginLogMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtLoginLogMapper.xml
new file mode 100644
index 0000000..83495f8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtLoginLogMapper.xml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="cn.cordys.crm.system.mapper.ExtLoginLogMapper">
+
+    <select id="list" parameterType="cn.cordys.crm.system.dto.request.LoginLogRequest" resultType="cn.cordys.crm.system.dto.response.LoginLogListResponse">
+        SELECT
+        sll.id,
+        sll.create_time,
+        sll.operator,
+        sll.login_address,
+        sll.platform
+        FROM
+        sys_login_log sll
+        JOIN sys_organization_user sou ON sll.operator = sou.user_id AND sou.organization_id = #{orgId}
+        <if test="request.operator != null and request.operator != ''">
+            AND sll.operator = #{request.operator, jdbcType=VARCHAR}
+        </if>
+        <if test="request.startTime != null and request.endTime != null">
+            AND sll.create_time BETWEEN #{request.startTime} AND #{request.endTime}
+        </if>
+        <include refid="cn.cordys.common.mapper.CommonMapper.sort">
+            <property name="sort" value="request.sort"/>
+            <property name="prefix" value="sll"/>
+            <property name="defaultSort" value="create_time desc"/>
+        </include>
+    </select>
+</mapper> 
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtMessageTaskConfigMapper.java b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtMessageTaskConfigMapper.java
new file mode 100644
index 0000000..53c7f47
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtMessageTaskConfigMapper.java
@@ -0,0 +1,9 @@
+package cn.cordys.crm.system.mapper;
+
+import cn.cordys.crm.system.domain.MessageTaskConfig;
+import org.apache.ibatis.annotations.Param;
+
+public interface ExtMessageTaskConfigMapper {
+    MessageTaskConfig getConfigByModuleAndEvent(@Param("module") String taskType, @Param("event") String event, @Param("organizationId") String organizationId);
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtMessageTaskConfigMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtMessageTaskConfigMapper.xml
new file mode 100644
index 0000000..06f847a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtMessageTaskConfigMapper.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="cn.cordys.crm.system.mapper.ExtMessageTaskConfigMapper">
+
+
+    <select id="getConfigByModuleAndEvent" resultType="cn.cordys.crm.system.domain.MessageTaskConfig">
+        select *
+        from sys_message_task_config
+        where organization_id = #{organizationId}
+          and task_type = #{module}
+          and event = #{event} limit 1;
+    </select>
+
+
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtMessageTaskMapper.java b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtMessageTaskMapper.java
new file mode 100644
index 0000000..6fccf79
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtMessageTaskMapper.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.system.mapper;
+
+import cn.cordys.crm.system.domain.MessageTask;
+import cn.cordys.crm.system.dto.request.MessageTaskBatchRequest;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtMessageTaskMapper {
+
+    List<MessageTask> getEnableMessageTaskByReceiveTypeAndTaskType(@Param("module") String taskType, @Param("organizationId") String organizationId);
+
+    List<MessageTask> getMessageTaskList(@Param("organizationId") String organizationId);
+
+    MessageTask getMessageByModuleAndEvent(@Param("module") String taskType, @Param("event") String event, @Param("organizationId") String organizationId);
+
+    void updateMessageTask(@Param("request") MessageTaskBatchRequest messageTaskBatchRequest, @Param("organizationId") String organizationId);
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtMessageTaskMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtMessageTaskMapper.xml
new file mode 100644
index 0000000..45baf09
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtMessageTaskMapper.xml
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="cn.cordys.crm.system.mapper.ExtMessageTaskMapper">
+    <update id="updateMessageTask">
+        update sys_message_task
+        <set>
+            <if test="request.emailEnable != null">
+                `email_enable` = #{request.emailEnable},
+            </if>
+            <if test="request.sysEnable != null">
+                sys_enable = #{request.sysEnable},
+            </if>
+            <if test="request.weComEnable != null">
+                we_com_enable = #{request.weComEnable},
+            </if>
+            <if test="request.dingTalkEnable != null">
+                ding_talk_enable = #{request.dingTalkEnable},
+            </if>
+            <if test="request.larkEnable != null">
+                lark_enable = #{request.larkEnable},
+            </if>
+        </set>
+        where organization_id = #{organizationId}
+    </update>
+
+    <select id="getEnableMessageTaskByReceiveTypeAndTaskType" resultType="cn.cordys.crm.system.domain.MessageTask">
+    select * from sys_message_task where organization_id = #{organizationId} and task_type = #{module} and (sys_enable = 1 or email_enable=1 or we_com_enable=1 or ding_talk_enable=1 or lark_enable=1);
+ </select>
+
+    <select id="getMessageTaskList" resultType="cn.cordys.crm.system.domain.MessageTask">
+        select * from sys_message_task where organization_id = #{organizationId};
+    </select>
+
+    <select id="getMessageByModuleAndEvent" resultType="cn.cordys.crm.system.domain.MessageTask">
+        select * from sys_message_task where organization_id = #{organizationId} and task_type = #{module} and event = #{event} limit 1;
+    </select>
+
+
+</mapper> 
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtModuleFieldMapper.java b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtModuleFieldMapper.java
new file mode 100644
index 0000000..671d893
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtModuleFieldMapper.java
@@ -0,0 +1,56 @@
+package cn.cordys.crm.system.mapper;
+
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.crm.system.domain.ModuleField;
+import cn.cordys.crm.system.domain.ModuleFieldBlob;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtModuleFieldMapper {
+
+    /**
+     * 根据ID集合批量删除字段
+     *
+     * @param ids ID集合
+     */
+    void deleteByIds(@Param("ids") List<String> ids);
+
+    /**
+     * 根据ID集合批量删除字段属性
+     *
+     * @param ids ID集合
+     */
+    void deletePropByIds(@Param("ids") List<String> ids);
+
+    List<OptionDTO> getSourceOptionsByIds(@Param("tableName") String table, @Param("ids") List<String> ids);
+    List<OptionDTO> getCustomFormOptionsByIds(@Param("ids") List<String> ids);
+    List<OptionDTO> getSourceOptionsByKeywords(@Param("tableName") String table, @Param("keywords") List<String> keywords);
+	List<OptionDTO> getCustomFormOptionsByKeywords(@Param("keywords") List<String> keywords);
+	List<OptionDTO> getSourceOptionsByName(@Param("tableName") String table, @Param("keyword") String keyword, @Param("orgId") String orgId);
+	List<OptionDTO> getCustomFormOptionsByName(@Param("keyword") String keyword, @Param("orgId") String orgId);
+
+	List<ModuleField> getModuleField(@Param("orgId") String orgId, @Param("formKeys") List<String> formKeys);
+
+    /**
+     * 批量更新移动端显示
+     *
+     * @param ids    ID集合
+     * @param mobile 移动端显示
+     */
+    void batchUpdateMobile(@Param("ids") List<String> ids, @Param("mobile") Boolean mobile);
+
+	/**
+	 * 获取表单字段最大位次
+	 * @param formId 表单ID
+	 * @return 位置下标
+	 */
+	Long getMaxFieldPosByFormId(String formId);
+
+	/**
+	 * 获取表单子表格字段集合
+	 * @param formKey 表单Key
+	 * @return 子表格字段集合
+	 */
+	List<ModuleFieldBlob> getFormSubFields(@Param("formKey") String formKey);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtModuleFieldMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtModuleFieldMapper.xml
new file mode 100644
index 0000000..aaeec97
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtModuleFieldMapper.xml
@@ -0,0 +1,108 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="cn.cordys.crm.system.mapper.ExtModuleFieldMapper">
+
+    <delete id="deleteByIds" parameterType="java.lang.String">
+        delete from sys_module_field where id in
+        <foreach collection="ids" item="id" open="(" separator="," close=")">
+            #{id}
+        </foreach>
+    </delete>
+
+    <delete id="deletePropByIds" parameterType="java.lang.String">
+        delete from sys_module_field_blob where id in
+        <foreach collection="ids" item="id" open="(" separator="," close=")">
+            #{id}
+        </foreach>
+    </delete>
+
+    <update id="batchUpdateMobile" parameterType="java.lang.String">
+        update sys_module_field set mobile = #{mobile} where id in
+        <foreach collection="ids" item="id" open="(" separator="," close=")">
+            #{id}
+        </foreach>
+    </update>
+
+    <select id="getMaxFieldPosByFormId" resultType="java.lang.Long">
+        select pos from sys_module_field where form_id = #{formId} order by pos desc limit 1
+    </select>
+
+    <select id="getFormSubFields" resultType="cn.cordys.crm.system.domain.ModuleFieldBlob">
+        select * from sys_module_field_blob where id in (
+            select id from sys_module_field where form_id = (select id from sys_module_form where form_key = #{formKey}) and type like '%SUB_%'
+        )
+    </select>
+
+    <select id="getSourceOptionsByIds" resultType="cn.cordys.common.dto.OptionDTO">
+        select id, name from ${tableName} where id in
+        <foreach collection="ids" item="id" open="(" separator="," close=")">
+          #{id}
+        </foreach>
+    </select>
+
+    <select id="getCustomFormOptionsByIds" resultType="cn.cordys.common.dto.OptionDTO">
+        select id, name from custom_form_data where id in
+        <foreach collection="ids" item="id" open="(" separator="," close=")">
+          #{id}
+        </foreach>
+    </select>
+
+    <select id="getSourceOptionsByKeywords" resultType="cn.cordys.common.dto.OptionDTO">
+        select id,name from ${tableName} where id in
+        <foreach collection="keywords" item="keyword" open="(" separator="," close=")">
+            #{keyword}
+        </foreach>
+        or name in
+        <foreach collection="keywords" item="keyword" open="(" separator="," close=")">
+            #{keyword}
+        </foreach>
+        <if test="tableName == 'clue'">
+            and (transition_id IS NULL OR  transition_id = '') and in_shared_pool is false
+        </if>
+        <if test="tableName == 'customer'">
+            and in_shared_pool is false
+        </if>
+    </select>
+
+    <select id="getCustomFormOptionsByKeywords" resultType="cn.cordys.common.dto.OptionDTO">
+        select id,name from custom_form_data where id in
+        <foreach collection="keywords" item="keyword" open="(" separator="," close=")">
+            #{keyword}
+        </foreach>
+        or name in
+        <foreach collection="keywords" item="keyword" open="(" separator="," close=")">
+            #{keyword}
+        </foreach>
+    </select>
+
+    <select id="getSourceOptionsByName" resultType="cn.cordys.common.dto.OptionDTO">
+        select id, name from ${tableName} where organization_id = #{orgId}
+        <if test="keyword != null and keyword != ''">
+            and name like concat('%', #{keyword},'%')
+        </if>
+    </select>
+
+    <select id="getCustomFormOptionsByName" resultType="cn.cordys.common.dto.OptionDTO">
+        select id, name from custom_form_data where organization_id = #{orgId}
+        <if test="keyword != null and keyword != ''">
+            and name like concat('%', #{keyword},'%')
+        </if>
+    </select>
+
+    <select id="getModuleField" resultType="cn.cordys.crm.system.domain.ModuleField">
+        SELECT
+        field.id,
+        field.form_id,
+        field.internal_key,
+        field.`name`,
+        field.type
+        FROM
+        sys_module_field field
+        INNER JOIN sys_module_form form on field.form_id = form.id
+        where form.organization_id = #{orgId}
+        and form.form_key in
+        <foreach collection="formKeys" item="formKey" open="(" separator="," close=")">
+            #{formKey}
+        </foreach>
+    </select>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtModuleMapper.java b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtModuleMapper.java
new file mode 100644
index 0000000..ed16049
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtModuleMapper.java
@@ -0,0 +1,31 @@
+package cn.cordys.crm.system.mapper;
+
+import cn.cordys.crm.system.domain.Module;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtModuleMapper {
+
+    /**
+     * 模块区间上移
+     *
+     * @param start 开始
+     * @param end   结束
+     */
+    void moveUpModule(@Param("start") Long start, @Param("end") Long end);
+
+    /**
+     * 模块区间下移
+     *
+     * @param start 开始
+     * @param end   结束
+     */
+    void moveDownModule(@Param("start") Long start, @Param("end") Long end);
+
+    /**
+     * 根据模块key查询模块集合按照pos属性倒叙排序
+     */
+    List<Module> selectModuleListByKeyOrderPosDesc(@Param("orgId") String orgId, @Param("moduleKey") String moduleKey);
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtModuleMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtModuleMapper.xml
new file mode 100644
index 0000000..113d452
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtModuleMapper.xml
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="cn.cordys.crm.system.mapper.ExtModuleMapper">
+    <update id="moveUpModule" parameterType="java.lang.Long">
+        update sys_module
+        set pos = pos - 1
+        where pos &gt; #{start}
+          and pos &lt;= #{end}
+    </update>
+
+    <update id="moveDownModule" parameterType="java.lang.Long">
+        update sys_module
+        set pos = pos + 1
+        where pos &gt;= #{start}
+          and pos &lt; #{end}
+    </update>
+    <select id="selectModuleListByKeyOrderPosDesc" resultType="cn.cordys.crm.system.domain.Module">
+        select *
+        from sys_module
+        where module_key = #{moduleKey}
+          and organization_id = #{orgId}
+        order by pos desc
+    </select>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtNavigationMapper.java b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtNavigationMapper.java
new file mode 100644
index 0000000..78afe5f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtNavigationMapper.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.system.mapper;
+
+import cn.cordys.crm.system.domain.Navigation;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtNavigationMapper {
+
+    List<Navigation> selectList(@Param("orgId") String orgId);
+
+
+    void moveUpNavigation(@Param("start") Long start, @Param("end") Long end);
+
+    void moveDownNavigation(@Param("start") Long start, @Param("end") Long end);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtNavigationMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtNavigationMapper.xml
new file mode 100644
index 0000000..1755214
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtNavigationMapper.xml
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.system.mapper.ExtNavigationMapper">
+
+
+    <select id="selectList" resultType="cn.cordys.crm.system.domain.Navigation">
+        select id, navigation_key, enable, organization_id, pos
+        from sys_navigation
+        where organization_id = #{orgId}
+        order by pos
+    </select>
+
+
+    <update id="moveUpNavigation" parameterType="java.lang.Long">
+        update sys_navigation set pos = pos - 1 where pos &gt; #{start} and pos &lt;= #{end}
+    </update>
+
+
+    <update id="moveDownNavigation" parameterType="java.lang.Long">
+        update sys_navigation set pos = pos + 1 where pos &gt;= #{start} and pos &lt; #{end}
+    </update>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtNotificationMapper.java b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtNotificationMapper.java
new file mode 100644
index 0000000..9f4efab
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtNotificationMapper.java
@@ -0,0 +1,31 @@
+package cn.cordys.crm.system.mapper;
+
+
+import cn.cordys.crm.system.domain.Notification;
+import cn.cordys.crm.system.dto.request.NotificationRequest;
+import cn.cordys.crm.system.dto.response.NotificationDTO;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtNotificationMapper {
+
+    List<NotificationDTO> listNotification(@Param("request") NotificationRequest notificationRequest, @Param("organizationId") String organizationId);
+
+    void deleteByTime(@Param("timestamp") long timestamp);
+
+    void deleteByResourceId(@Param("resourceId") String resourceId);
+
+    int updateByReceiver(@Param("request") Notification request);
+
+    int countByReceiver(@Param("request") Notification request);
+
+    List<NotificationDTO> selectByAnyOne(@Param("request") Notification request);
+
+    List<NotificationDTO> selectLastList(@Param("userId") String userId, @Param("organizationId") String organizationId, @Param("modules") List<String> modules);
+
+    List<NotificationDTO> selectLastAnnouncementList(@Param("userId") String userId, @Param("organizationId") String organizationId);
+
+    void deleteByReceivers(@Param("receivers") List<String> receivers, @Param("organizationId") String organizationId);
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtNotificationMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtNotificationMapper.xml
new file mode 100644
index 0000000..6fb10cd
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtNotificationMapper.xml
@@ -0,0 +1,116 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
+<mapper namespace="cn.cordys.crm.system.mapper.ExtNotificationMapper">
+
+    <select id="listNotification" parameterType="cn.cordys.crm.system.dto.request.NotificationRequest"
+            resultType="cn.cordys.crm.system.dto.response.NotificationDTO">
+        SELECT * FROM sys_notification
+        WHERE sys_notification.receiver = #{request.receiver} and sys_notification.organization_id = #{organizationId}
+        <if test='request.subject != null and request.subject != ""'>
+            AND ( sys_notification.subject LIKE CONCAT('%', #{request.subject},'%') OR sys_notification.content LIKE CONCAT('%', #{request.subject},'%') )
+        </if>
+        <if test='request.keyword != null and request.keyword != ""'>
+            AND ( (sys_notification.subject LIKE  CONCAT('%', #{request.keyword},'%') and sys_notification.type = 'ANNOUNCEMENT_NOTICE') OR (sys_notification.resource_name LIKE  CONCAT('%', #{request.keyword},'%') and sys_notification.type = 'SYSTEM_NOTICE'))
+        </if>
+        <if test='request.type != null and request.type != ""'>
+            AND sys_notification.type = #{request.type}
+        </if>
+        <if test='request.status != null and request.status != ""'>
+            AND sys_notification.status = #{request.status}
+        </if>
+        <if test='request.resourceType != null and request.resourceType != ""'>
+            AND sys_notification.resource_type LIKE CONCAT('%', #{request.resourceType},'%')
+        </if>
+        <if test='request.createTime != null and request.endTime == null'>
+            AND sys_notification.create_time &gt;= #{request.createTime}
+        </if>
+        <if test='request.createTime != null and request.endTime != null'>
+            AND sys_notification.create_time &gt;= #{request.createTime} AND sys_notification.create_time &lt;= #{request.endTime} 
+        </if>
+        ORDER BY sys_notification.status DESC, sys_notification.create_time DESC
+    </select>
+
+    <delete id="deleteByTime" parameterType="java.lang.Long">
+        DELETE
+        FROM sys_notification
+        WHERE create_time &lt; #{timestamp}
+    </delete>
+
+    <delete id="deleteByResourceId" parameterType="java.lang.String">
+        DELETE
+        FROM sys_notification
+        WHERE resource_id = #{resourceId}
+    </delete>
+    <delete id="deleteByReceivers">
+        DELETE
+        FROM sys_notification
+        WHERE receiver IN
+        <foreach collection="receivers" item="receiver" open="(" separator="," close=")">
+            #{receiver}
+        </foreach>
+        and organization_id = #{organizationId}
+    </delete>
+
+    <update id="updateByReceiver" parameterType="cn.cordys.crm.system.domain.Notification">
+        UPDATE sys_notification SET status = #{request.status} WHERE sys_notification.receiver = #{request.receiver}
+        <if test='request.resourceType != null and request.resourceType != ""'>
+            AND sys_notification.resource_type LIKE #{request.resourceType}
+        </if>
+        <if test='request.subject != null and request.subject != ""'>
+            AND sys_notification.subject LIKE #{request.subject}
+        </if>
+        AND sys_notification.organization_id = #{request.organizationId}
+    </update>
+
+    <select id="countByReceiver" parameterType="cn.cordys.crm.system.domain.Notification"
+            resultType="java.lang.Integer">
+        SELECT COUNT(*) FROM sys_notification WHERE sys_notification.organization_id = #{request.organizationId}
+        <if test='request.resourceType != null and request.resourceType != ""'>
+            AND sys_notification.resource_type LIKE #{request.resourceType}
+        </if>
+        <if test='request.status != null and request.status != ""'>
+            AND sys_notification.status = #{request.status}
+        </if>
+        AND sys_notification.receiver = #{request.receiver}
+    </select>
+
+    <select id="selectByAnyOne" parameterType="cn.cordys.crm.system.domain.Notification"
+            resultType="cn.cordys.crm.system.dto.response.NotificationDTO">
+        SELECT * FROM sys_notification WHERE sys_notification.organization_id = #{request.organizationId}
+        <if test='request.resourceType != null and request.resourceType != ""'>
+            AND sys_notification.resource_type LIKE #{request.resourceType}
+        </if>
+        <if test='request.subject != null and request.subject != ""'>
+            AND sys_notification.subject LIKE #{request.subject}
+        </if>
+        <if test='request.status != null and request.status != ""'>
+            AND sys_notification.status = #{request.status}
+        </if>
+        <if test='request.receiver != null and request.receiver != ""'>
+            AND sys_notification.receiver = #{request.receiver}
+        </if>
+        <if test='request.resourceId != null and request.resourceId != ""'>
+            AND sys_notification.resource_id = #{request.resourceId}
+        </if>
+    </select>
+    <select id="selectLastList" resultType="cn.cordys.crm.system.dto.response.NotificationDTO">
+        SELECT * FROM sys_notification
+        WHERE sys_notification.receiver = #{userId} and sys_notification.organization_id = #{organizationId}
+        and sys_notification.status='UNREAD'
+        and sys_notification.resource_type in
+        <foreach collection="modules" item="module" open="(" separator="," close=")">
+            #{module}
+        </foreach>
+        order by sys_notification.create_time DESC limit 5
+    </select>
+    <select id="selectLastAnnouncementList" resultType="cn.cordys.crm.system.dto.response.NotificationDTO">
+        SELECT * FROM sys_notification
+        WHERE sys_notification.receiver = #{userId} and sys_notification.organization_id = #{organizationId}
+        and sys_notification.status='UNREAD'
+        and sys_notification.resource_type = 'ANNOUNCEMENT_NOTICE'
+        order by sys_notification.create_time DESC
+
+
+    </select>
+
+</mapper>
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtOperationLogMapper.java b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtOperationLogMapper.java
new file mode 100644
index 0000000..183f5a1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtOperationLogMapper.java
@@ -0,0 +1,12 @@
+package cn.cordys.crm.system.mapper;
+
+import cn.cordys.crm.system.dto.request.OperationLogRequest;
+import cn.cordys.crm.system.dto.response.OperationLogResponse;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtOperationLogMapper {
+
+    List<OperationLogResponse> list(@Param("request") OperationLogRequest request, @Param("orgId") String orgId);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtOperationLogMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtOperationLogMapper.xml
new file mode 100644
index 0000000..d216324
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtOperationLogMapper.xml
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="cn.cordys.crm.system.mapper.ExtOperationLogMapper">
+
+    <select id="list" parameterType="cn.cordys.crm.system.dto.request.OperationLogRequest" resultType="cn.cordys.crm.system.dto.response.OperationLogResponse">
+        SELECT
+            t.id,
+            t.organization_id,
+            t.type,
+            t.module,
+            t.create_time,
+            t.create_user as operator,
+            t.resource_name,
+            t.detail
+        FROM
+        sys_operation_log t
+        INNER JOIN sys_user on sys_user.id = t.create_user
+        where t.organization_id = #{orgId}
+            <if test="request.operator != null and request.operator != ''">
+                AND t.create_user = #{request.operator, jdbcType=VARCHAR}
+            </if>
+            <if test="request.startTime != null and request.endTime != null">
+                AND t.create_time BETWEEN #{request.startTime} AND #{request.endTime}
+            </if>
+            <if test="request.type != null and request.type != ''">
+                AND t.type = #{request.type}
+            </if>
+            <if test="request.module != null and request.module != ''">
+                <bind name="module" value="request.module+'%'"/>
+                AND t.module like #{module}
+            </if>
+            <if test='request.keyword != null and request.keyword != ""'>
+                AND t.resource_name LIKE CONCAT('%', #{request.keyword},'%')
+            </if>
+            <include refid="cn.cordys.common.mapper.CommonMapper.sort">
+                <property name="sort" value="request.sort"/>
+                <property name="prefix" value="t"/>
+                <property name="defaultSort" value="create_time desc"/>
+            </include>
+    </select>
+
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtOrganizationConfigDetailMapper.java b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtOrganizationConfigDetailMapper.java
new file mode 100644
index 0000000..b466848
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtOrganizationConfigDetailMapper.java
@@ -0,0 +1,29 @@
+package cn.cordys.crm.system.mapper;
+
+import cn.cordys.crm.system.domain.OrganizationConfigDetail;
+import cn.cordys.crm.system.dto.request.AuthSourceRequest;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtOrganizationConfigDetailMapper {
+
+    OrganizationConfigDetail getOrganizationConfigDetail(@Param("configId") String configId);
+
+    OrganizationConfigDetail getOrgConfigDetailByIdAndType(@Param("configId") String configId, @Param("type") String type);
+
+    List<OrganizationConfigDetail> getOrganizationConfigDetails(@Param("configId") String configId, @Param("name") String name);
+
+    List<OrganizationConfigDetail> getOrganizationConfigDetailList(@Param("request") AuthSourceRequest request);
+
+    int getOrganizationConfigDetailCount(@Param("configId") String configId, @Param("name") String name, @Param("type") String type);
+
+    List<OrganizationConfigDetail> getOrgConfigDetailByType(@Param("configId") String configId, @Param("name") String name, @Param("types") List<String> types);
+
+    int getRepeatDetails(@Param("id") String id, @Param("name") String name);
+
+    int updateStatus(@Param("enable") Boolean enable, @Param("type") String type, @Param("configId") String configId);
+
+    List<OrganizationConfigDetail> getEnableOrganizationConfigDetails(@Param("configId") String configId, @Param("types") List<String> types);
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtOrganizationConfigDetailMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtOrganizationConfigDetailMapper.xml
new file mode 100644
index 0000000..57845b4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtOrganizationConfigDetailMapper.xml
@@ -0,0 +1,79 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
+<mapper namespace="cn.cordys.crm.system.mapper.ExtOrganizationConfigDetailMapper">
+
+    <select id="getOrganizationConfigDetail" parameterType="cn.cordys.crm.system.domain.OrganizationConfigDetail" resultType="cn.cordys.crm.system.domain.OrganizationConfigDetail">
+        SELECT * FROM sys_organization_config_detail WHERE config_id = #{configId} limit 1;
+    </select>
+
+    <select id="getOrganizationConfigDetails" parameterType="cn.cordys.crm.system.domain.OrganizationConfigDetail" resultType="cn.cordys.crm.system.domain.OrganizationConfigDetail">
+        SELECT * FROM sys_organization_config_detail WHERE config_id = #{configId}
+        <if test="name != null">
+            and name like concat('%', #{name},'%')
+        </if>
+    </select>
+
+    <select id="getOrganizationConfigDetailCount" parameterType="cn.cordys.crm.system.domain.OrganizationConfigDetail" resultType="java.lang.Integer">
+        SELECT count(id) FROM sys_organization_config_detail WHERE config_id = #{configId}
+        <if test="name != null">
+            and name like concat('%', #{name},'%')
+        </if>
+        <if test="type != null">
+            and type = #{type}
+        </if>
+    </select>
+
+    <select id="getOrgConfigDetailByType" parameterType="cn.cordys.crm.system.domain.OrganizationConfigDetail" resultType="cn.cordys.crm.system.domain.OrganizationConfigDetail">
+        SELECT * FROM sys_organization_config_detail WHERE config_id = #{configId}
+        <if test="name != null">
+            and name like concat('%', #{name},'%')
+        </if>
+        and type in
+        <foreach collection="types" item="type" open="(" close=")" separator=",">
+            #{type}
+        </foreach>
+    </select>
+
+    <select id="getRepeatDetails" parameterType="cn.cordys.crm.system.domain.OrganizationConfigDetail" resultType="java.lang.Integer">
+        SELECT count(id)
+        FROM sys_organization_config_detail
+        WHERE sys_organization_config_detail.name = #{name}
+        <if test="id != null">
+            and id != #{id}
+        </if>
+    </select>
+
+    <update id="updateStatus" parameterType="cn.cordys.crm.system.domain.OrganizationConfigDetail">
+        UPDATE sys_organization_config_detail SET enable = #{enable} WHERE type = #{type}
+        AND config_id = #{configId}
+    </update>
+
+    <select id="getEnableOrganizationConfigDetails" parameterType="cn.cordys.crm.system.domain.OrganizationConfigDetail" resultType="cn.cordys.crm.system.domain.OrganizationConfigDetail">
+        SELECT * FROM sys_organization_config_detail WHERE config_id = #{configId} and enable = true
+        <if test="types != null and types.size() > 0">
+            and type in
+            <foreach collection="types" item="type" open="(" close=")" separator=",">
+                #{type}
+            </foreach>
+        </if>
+
+    </select>
+    <select id="getOrganizationConfigDetailList"
+            parameterType="cn.cordys.crm.system.dto.request.AuthSourceRequest"
+            resultType="cn.cordys.crm.system.domain.OrganizationConfigDetail">
+        SELECT * FROM sys_organization_config_detail WHERE config_id = #{request.configId}
+        <if test="request.keyword != null">
+            and name like concat('%', #{request.keyword},'%')
+        </if>
+        <include refid="cn.cordys.common.mapper.CommonMapper.sort">
+            <property name="sort" value="request.sort"/>
+            <property name="prefix" value="sys_organization_config_detail"/>
+            <property name="defaultSort" value="create_time desc"/>
+        </include>
+    </select>
+    <select id="getOrgConfigDetailByIdAndType"
+            resultType="cn.cordys.crm.system.domain.OrganizationConfigDetail">
+        SELECT * FROM sys_organization_config_detail WHERE config_id = #{configId} and type = #{type} and enable = true
+    </select>
+
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtOrganizationConfigMapper.java b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtOrganizationConfigMapper.java
new file mode 100644
index 0000000..beacd4d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtOrganizationConfigMapper.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.system.mapper;
+
+import cn.cordys.crm.system.domain.OrganizationConfig;
+import org.apache.ibatis.annotations.Mapper;
+import org.apache.ibatis.annotations.Param;
+
+@Mapper
+public interface ExtOrganizationConfigMapper {
+    OrganizationConfig getOrganizationConfig(@Param("organizationId") String organizationId, @Param("type") String type);
+
+    void updateSyncFlag(@Param("orgId") String orgId, @Param("syncResource") String syncResource, @Param("type") String type, @Param("syncStatus") Boolean syncStatus);
+
+    int getSyncFlag(@Param("organizationId") String organizationId, @Param("type") String type);
+
+    OrganizationConfig getSyncStatus(@Param("organizationId") String organizationId, @Param("type") String type, @Param("syncResource") String syncResource);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtOrganizationConfigMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtOrganizationConfigMapper.xml
new file mode 100644
index 0000000..0ab4a7d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtOrganizationConfigMapper.xml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
+<mapper namespace="cn.cordys.crm.system.mapper.ExtOrganizationConfigMapper">
+
+    <select id="getOrganizationConfig" parameterType="cn.cordys.crm.system.domain.OrganizationConfig" resultType="cn.cordys.crm.system.domain.OrganizationConfig">
+        SELECT * FROM sys_organization_config WHERE organization_id = #{organizationId} AND type = #{type} limit 1;
+    </select>
+
+     <update id="updateSyncFlag">
+        update sys_organization_config
+        set sync = #{syncStatus},
+            sync_resource = #{syncResource}
+        where organization_id = #{orgId} and type = #{type}
+    </update>
+
+
+    <select id="getSyncFlag" resultType="java.lang.Integer">
+        select count(socd.id)
+        from sys_organization_config soc
+        INNER JOIN sys_organization_config_detail socd on socd.config_id = soc.id
+            where soc.organization_id = #{organizationId} and socd.enable = 1 and socd.type = #{type}
+    </select>
+
+    <select id="getSyncStatus" resultType="cn.cordys.crm.system.domain.OrganizationConfig">
+        SELECT id, sync FROM sys_organization_config WHERE organization_id = #{organizationId} AND type = #{type} AND sync_resource = #{syncResource} limit 1;
+    </select>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtOrganizationMapper.java b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtOrganizationMapper.java
new file mode 100644
index 0000000..2bae4df
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtOrganizationMapper.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.system.mapper;
+
+import java.util.Set;
+
+public interface ExtOrganizationMapper {
+
+    /**
+     * 获取所有组织ID集合
+     *
+     * @return 组织ID集合
+     */
+    Set<String> selectAllOrganizationIds();
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtOrganizationMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtOrganizationMapper.xml
new file mode 100644
index 0000000..e23b6de
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtOrganizationMapper.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="cn.cordys.crm.system.mapper.ExtOrganizationMapper">
+    <select id="selectAllOrganizationIds" resultType="java.lang.String">
+        select id from sys_organization
+    </select>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtOrganizationUserMapper.java b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtOrganizationUserMapper.java
new file mode 100644
index 0000000..3c08d93
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtOrganizationUserMapper.java
@@ -0,0 +1,63 @@
+package cn.cordys.crm.system.mapper;
+
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.crm.system.domain.OrganizationUser;
+import cn.cordys.crm.system.domain.User;
+import cn.cordys.crm.system.dto.request.UserBatchEditRequest;
+import cn.cordys.crm.system.dto.request.UserBatchEnableRequest;
+import cn.cordys.crm.system.dto.request.UserBatchRequest;
+import cn.cordys.crm.system.dto.request.UserPageRequest;
+import cn.cordys.crm.system.dto.response.UserImportDTO;
+import cn.cordys.crm.system.dto.response.UserPageResponse;
+import cn.cordys.crm.system.dto.response.UserResponse;
+import cn.cordys.security.UserDTO;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+/**
+ * @author jianxing
+ * @date 2025-01-09 16:11:37
+ */
+public interface ExtOrganizationUserMapper {
+
+    int countUserByDepartmentIds(@Param("departmentIds") List<String> departmentIds, @Param("orgId") String orgId);
+
+    List<UserPageResponse> list(@Param("request") UserPageRequest request, @Param("orderByClause") String orderByClause);
+
+    void enable(@Param("request") UserBatchEnableRequest request, @Param("operatorId") String operatorId, @Param("time") long time);
+
+    List<User> getUserList(@Param("request") UserBatchRequest request);
+
+    void deleteUserByOrgId(@Param("orgId") String orgId);
+
+    UserDTO getEnableUser(@Param("resourceUserId") String resourceUserId);
+
+    List<OptionDTO> selectEnableOrgUser(@Param("ids") List<String> ids, @Param("enable") boolean enable);
+
+    void updateUserByIds(@Param("request") UserBatchEditRequest request, @Param("operatorId") String operatorId, @Param("orgId") String orgId);
+
+    List<UserImportDTO> selectSupervisor(@Param("nameList") List<String> nameList, @Param("orgId") String orgId);
+
+    List<OrganizationUser> getUserByOrgId(@Param("orgId") String orgId);
+
+    void updateOrganizationUser(@Param("organizationUser") OrganizationUser organizationUser);
+
+    void deleteUserByIds(@Param("ids") List<String> ids);
+
+    List<OrganizationUser> selectUserByUserIds(@Param("userIds") List<String> userIds);
+
+    List<UserResponse> getUserDepAndPhoneByUserIds(@Param("userIds") List<String> userIds, @Param("orgId") String orgId);
+
+    String getOrgUserIdByUserId(@Param("orgId") String orgId, @Param("userId") String userId);
+
+    List<UserResponse> selectByIds(@Param("ids") List<String> ids);
+
+    void updateById(@Param("organizationUser") OrganizationUser organizationUser);
+
+    void disableUser(@Param("organizationUser") OrganizationUser organizationUser);
+
+    void updateUserByUserId(@Param("userId") String userId, @Param("time") long time, @Param("operatorId") String operatorId);
+
+    String getDepartmentByUserId(@Param("userId") String userId);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtOrganizationUserMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtOrganizationUserMapper.xml
new file mode 100644
index 0000000..a801229
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtOrganizationUserMapper.xml
@@ -0,0 +1,537 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.system.mapper.ExtOrganizationUserMapper">
+
+    <sql id="combine">
+        <if test="${combineSearch} != null and ${combineSearch}.conditions != null and ${combineSearch}.conditions.size() > 0">
+            <trim prefix="and">
+                <trim prefix="(" suffix=")" suffixOverrides="and|or">
+                    <foreach collection="${combineSearch}.conditions" index="i" item="condition">
+                        <include refid="condition">
+                            <property name="condition" value="condition"/>
+                            <property name="fieldTable" value="combine_${i}.field_value"/>
+                            <property name="table" value="combine_${i}"/>
+                        </include>
+                        <include refid="cn.cordys.common.mapper.CommonMapper.searchMode">
+                            <property name="searchMode" value="${combineSearch}.searchMode"/>
+                        </include>
+                    </foreach>
+                </trim>
+            </trim>
+        </if>
+    </sql>
+
+
+    <select id="countUserByDepartmentIds" resultType="java.lang.Integer">
+        select count(user_id)
+        from sys_organization_user
+        where department_id in
+        <foreach collection="departmentIds" item="departmentId" index="index" open="(" close=")" separator=",">
+            #{departmentId}
+        </foreach>
+        and organization_id = #{orgId}
+    </select>
+
+    <select id="list" resultType="cn.cordys.crm.system.dto.response.UserPageResponse">
+        SELECT
+        sou.id,
+        sou.user_id,
+        sou.organization_id,
+        sou.department_id,
+        su.name userName,
+        sou.`enable`,
+        su.gender,
+        su.phone,
+        su.email,
+        sou.supervisor_id,
+        sou.employee_id,
+        sou.position,
+        sou.employee_type,
+        sou.work_city,
+        sou.create_time,
+        sou.update_time,
+        sou.create_user,
+        sou.update_user,
+        sou.onboarding_date,
+        sou.position
+        FROM
+        sys_organization_user sou
+        INNER JOIN sys_user su ON sou.user_id = su.id
+        left JOIN (
+        SELECT
+        user_id,
+        1 AS is_commander
+        FROM
+        sys_department_commander
+        GROUP BY user_id
+        ) uc ON su.id = uc.user_id
+        LEFT JOIN sys_user su_create ON sou.create_user = su_create.id
+        LEFT JOIN sys_user su_update ON sou.update_user = su_update.id
+        where sou.department_id in
+        <foreach collection="request.departmentIds" item="departmentId" open="(" separator="," close=")">
+            #{departmentId}
+        </foreach>
+        <if test="request.keyword != null and request.keyword != ''">
+            and (
+            su.name like concat('%', #{request.keyword},'%')
+            or su.phone like concat('%', #{request.keyword},'%')
+            )
+        </if>
+        <include refid="filters">
+            <property name="filters" value="request.filters"/>
+        </include>
+        <include refid="combine">
+            <property name="combineSearch" value="request.combineSearch"/>
+        </include>
+        <include refid="sorts">
+            <property name="sort" value="request.sort"/>
+        </include>
+    </select>
+
+    <sql id="sorts">
+        <choose>
+            <when test="${sort} != null and ${sort}.valid() > 0">
+                <bind name="sortName" value="${sort}.name"/>
+                <bind name="sortType" value="${sort}.type"/>
+                order by
+                <choose>
+                    <when test="sortName == 'user_name'">
+                        su.name ${sortType},
+                    </when>
+                    <when test="sortName == 'work_city_name'">
+                        sou.work_city ${sortType},
+                    </when>
+                    <otherwise>
+                        sou.${sortName} ${sortType},
+                    </otherwise>
+                </choose>
+                sou.enable DESC,
+                ${orderByClause},
+                is_commander DESC,
+                sou.create_time DESC,
+                su.name DESC
+            </when>
+            <otherwise>
+                order by
+                sou.enable DESC,
+                ${orderByClause},
+                is_commander DESC,
+                sou.create_time DESC,
+                su.name DESC
+            </otherwise>
+        </choose>
+    </sql>
+
+    <sql id="filters">
+        <if test="${filters} != null and ${filters}.size() > 0">
+            <trim prefix="and">
+                <foreach collection="${filters}" item="condition" open="(" close=")" index="i" separator="and">
+                    <include refid="condition">
+                        <property name="condition" value="condition"/>
+                        <property name="fieldTable" value="filter_${i}.field_value"/>
+                    </include>
+                </foreach>
+            </trim>
+        </if>
+    </sql>
+
+
+    <sql id="condition">
+        <choose>
+            <when test="condition.name == 'userName'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="su.name"/>
+                </include>
+            </when>
+            <when test="condition.name == 'status'">
+                <if test="condition.operator == 'IN'">
+                    <if test="condition.value == true">
+                        sou.enable is true
+                    </if>
+                    <if test="condition.value == false">
+                        sou.enable is false
+                    </if>
+                </if>
+                <if test="condition.operator == 'NOT_IN'">
+                    <if test="condition.value == true">
+                        sou.enable is false
+                    </if>
+                    <if test="condition.value == false">
+                        sou.enable is true
+                    </if>
+                </if>
+                <if test="condition.operator == 'EMPTY'">
+                    sou.enable IS NULL
+                </if>
+                <if test="condition.operator == 'NOT_EMPTY'">
+                    sou.enable IS NOT NULL
+                </if>
+            </when>
+            <when test="condition.name == 'gender'
+                and (condition.value == 'female' or condition.value == 'male'
+                or condition.operator == 'EMPTY' or condition.operator == 'NOT_EMPTY')">
+                <if test="condition.operator == 'IN'">
+                    <if test="condition.value == 'female'">
+                        su.gender is true
+                    </if>
+                    <if test="condition.value == 'male'">
+                        su.gender is false
+                    </if>
+
+                </if>
+                <if test="condition.operator == 'NOT_IN'">
+                    <if test="condition.value == 'female'">
+                        su.gender is false
+                    </if>
+                    <if test="condition.value == 'male'">
+                        su.gender is true
+                    </if>
+                </if>
+                <if test="condition.operator == 'EMPTY'">
+                    su.gender IS NULL
+                </if>
+                <if test="condition.operator == 'NOT_EMPTY'">
+                    su.gender IS NOT NULL
+                </if>
+            </when>
+            <when test="condition.name == 'email'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="su.email"/>
+                </include>
+            </when>
+            <when test="condition.name == 'phoneNumber'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="su.phone"/>
+                </include>
+            </when>
+            <when test="condition.name == 'supervisorId'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="sou.supervisor_id"/>
+                </include>
+            </when>
+            <when test="condition.name == 'departmentId'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="sou.department_id"/>
+                </include>
+            </when>
+            <when test="condition.name == 'employeeId'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="sou.employee_id"/>
+                </include>
+            </when>
+            <when test="condition.name == 'employeeType'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="sou.employee_type"/>
+                </include>
+            </when>
+            <when test="condition.name == 'updateUser'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="sou.update_user"/>
+                </include>
+            </when>
+            <when test="condition.name == 'createUser'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="sou.create_user"/>
+                </include>
+            </when>
+            <when test="condition.name == 'onboardingDate'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="sou.onboarding_date"/>
+                </include>
+            </when>
+            <when test="condition.name == 'createTime'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="sou.create_time"/>
+                </include>
+            </when>
+            <when test="condition.name == 'updateTime'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="sou.update_time"/>
+                </include>
+            </when>
+            <when test="condition.name == 'workCity'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="sou.work_city"/>
+                </include>
+            </when>
+            <when test="condition.name == 'positionId'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="sou.position"/>
+                </include>
+            </when>
+            <when test="condition.name == 'enable'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="sou.enable"/>
+                </include>
+            </when>
+            <when test="condition.name == 'gender'">
+                <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="su.gender"/>
+                </include>
+            </when>
+            <otherwise>
+                <include refid="cn.cordys.common.mapper.CommonMapper.moduleFieldCondition">
+                    <property name="condition" value="condition"/>
+                    <property name="column" value="${fieldTable}"/>
+                </include>
+            </otherwise>
+        </choose>
+    </sql>
+
+    <update id="enable">
+        update sys_organization_user
+        set `enable` = #{request.enable},
+        update_time = UNIX_TIMESTAMP() * 1000,
+        update_user = #{operatorId}
+        where id in
+        <foreach collection="request.ids" item="id" open="(" separator="," close=")">
+            #{id}
+        </foreach>
+    </update>
+
+    <select id="getUserList" resultType="cn.cordys.crm.system.domain.User">
+        SELECT
+        su.id,
+        su.name,
+        su.phone,
+        su.password
+        from sys_user su
+        inner join sys_organization_user sou on su.id = sou.user_id
+        where sou.id in
+        <foreach collection="request.ids" item="id" open="(" separator="," close=")">
+            #{id}
+        </foreach>
+        and phone is not null and
+        <![CDATA[ phone <> '' ]]>
+    </select>
+
+    <select id="getEnableUser" resultType="cn.cordys.security.UserDTO">
+        SELECT su.id,
+               su.name,
+               su.email,
+               su.phone,
+               su.password,
+               sou.enable
+        from sys_user su
+                 inner join sys_organization_user sou on su.id = sou.user_id
+        where sou.resource_user_id = #{resourceUserId}
+    </select>
+
+    <delete id="deleteUserByOrgId">
+        DELETE
+        FROM sys_organization_user
+        WHERE organization_id = #{orgId}
+    </delete>
+
+    <select id="selectEnableOrgUser" resultType="cn.cordys.common.dto.OptionDTO">
+        SELECT
+        su.id,
+        su.name
+        from sys_user su
+        inner join sys_organization_user sou on su.id = sou.user_id
+        where sou.id in
+        <foreach collection="ids" item="id" open="(" separator="," close=")">
+            #{id}
+        </foreach>
+    </select>
+
+    <update id="updateUserByIds">
+        update sys_organization_user
+        <set>
+            <if test="request.departmentId != null">
+                department_id = #{request.departmentId},
+            </if>
+            <if test="request.supervisorId != null">
+                supervisor_id = #{request.supervisorId},
+            </if>
+            <if test="request.workCity != null">
+                work_city = #{request.workCity},
+            </if>
+            <if test="request.onboardingDate != null">
+                onboarding_date = #{request.onboardingDate},
+            </if>
+            update_time = UNIX_TIMESTAMP() * 1000,
+            update_user = #{operatorId}
+        </set>
+        <where>
+            id in
+            <foreach collection="request.ids" item="id" open="(" separator="," close=")">
+                #{id}
+            </foreach>
+        </where>
+    </update>
+
+
+    <select id="selectSupervisor" resultType="cn.cordys.crm.system.dto.response.UserImportDTO">
+        select user_id, department_id, name
+        from sys_organization_user sou
+        INNER JOIN sys_user su on sou.user_id = su.id
+        where sou.organization_id = #{orgId}
+        and su.name in
+        <foreach collection="nameList" item="name" open="(" separator="," close=")">
+            #{name}
+        </foreach>
+    </select>
+
+    <select id="getUserByOrgId" resultType="cn.cordys.crm.system.domain.OrganizationUser">
+        select *
+        from sys_organization_user
+        where organization_id = #{orgId}
+    </select>
+
+    <select id="getOrgUserIdByUserId" resultType="java.lang.String">
+        select id
+        from sys_organization_user
+        where organization_id = #{orgId}
+          and user_id = #{userId}
+    </select>
+
+    <update id="updateOrganizationUser" parameterType="cn.cordys.crm.system.domain.OrganizationUser">
+        update sys_organization_user
+        <set>
+            <if test="organizationUser.organizationId != null">
+                organization_id = #{organizationUser.organizationId},
+            </if>
+            <if test="organizationUser.departmentId != null">
+                department_id = #{organizationUser.departmentId},
+            </if>
+            <if test="organizationUser.resourceUserId != null">
+                resource_user_id = #{organizationUser.resourceUserId},
+            </if>
+            <if test="organizationUser.userId != null">
+                user_id = #{organizationUser.userId},
+            </if>
+            <if test="organizationUser.enable != null">
+                `enable` = #{organizationUser.enable},
+            </if>
+            <if test="organizationUser.employeeId != null">
+                employee_id = #{organizationUser.employeeId},
+            </if>
+            <if test="organizationUser.position != null">
+                `position` = #{organizationUser.position},
+            </if>
+            <if test="organizationUser.employeeType != null">
+                employee_type = #{organizationUser.employeeType},
+            </if>
+            <if test="organizationUser.supervisorId != null">
+                supervisor_id = #{organizationUser.supervisorId},
+            </if>
+            <if test="organizationUser.workCity != null">
+                work_city = #{organizationUser.workCity},
+            </if>
+            <if test="organizationUser.createTime != null">
+                create_time = #{organizationUser.createTime},
+            </if>
+            <if test="organizationUser.updateTime != null">
+                update_time = #{organizationUser.updateTime},
+            </if>
+            <if test="organizationUser.createUser != null">
+                create_user = #{organizationUser.createUser},
+            </if>
+            <if test="organizationUser.updateUser != null">
+                update_user = #{organizationUser.updateUser},
+            </if>
+        </set>
+        where id = #{organizationUser.id}
+    </update>
+
+    <delete id="deleteUserByIds">
+        DELETE FROM sys_organization_user WHERE id in
+        <foreach collection="ids" item="id" open="(" separator="," close=")">
+            #{id}
+        </foreach>
+    </delete>
+
+
+    <select id="selectUserByUserIds" resultType="cn.cordys.crm.system.domain.OrganizationUser">
+        select id,user_id,department_id from sys_organization_user
+        where user_id in
+        <foreach collection="userIds" item="userId" open="(" separator="," close=")">
+            #{userId}
+        </foreach>
+    </select>
+
+
+    <select id="getUserDepAndPhoneByUserIds" resultType="cn.cordys.crm.system.dto.response.UserResponse">
+        SELECT
+        su.id as userId,
+        su.phone,
+        sou.department_id as departmentId,
+        sd.NAME AS departmentName
+        FROM
+        sys_user su
+        INNER JOIN sys_organization_user sou on su.id = sou.user_id
+        INNER JOIN sys_department sd on sd.id = sou.department_id
+        where
+        sou.organization_id = #{orgId}
+        and su.id in
+        <foreach collection="userIds" item="userId" open="(" separator="," close=")">
+            #{userId}
+        </foreach>
+    </select>
+
+    <select id="selectByIds" resultType="cn.cordys.crm.system.dto.response.UserResponse">
+        select su.name as userName, sou.user_id, sou.department_id, sou.supervisor_id, sou.work_city, sou.onboarding_date
+        from sys_organization_user sou
+        inner join sys_user su on sou.user_id = su.id
+        where sou.id in
+        <foreach collection="ids" item="id" open="(" separator="," close=")">
+            #{id}
+        </foreach>
+    </select>
+
+
+    <update id="updateById" parameterType="cn.cordys.crm.system.domain.OrganizationUser">
+        update sys_organization_user
+        set department_id   = #{organizationUser.departmentId},
+            `enable`        = #{organizationUser.enable},
+            employee_id     = #{organizationUser.employeeId},
+            `position`      = #{organizationUser.position},
+            employee_type   = #{organizationUser.employeeType},
+            supervisor_id   = #{organizationUser.supervisorId},
+            work_city       = #{organizationUser.workCity},
+            update_time     = #{organizationUser.updateTime},
+            update_user     = #{organizationUser.updateUser},
+            onboarding_date = #{organizationUser.onboardingDate}
+        where id = #{organizationUser.id}
+    </update>
+
+
+    <update id="disableUser" parameterType="cn.cordys.crm.system.domain.OrganizationUser">
+        update sys_organization_user
+        set enable = 0
+        where id = #{organizationUser.id}
+    </update>
+
+
+    <update id="updateUserByUserId">
+        update sys_organization_user
+        set update_time = #{time},
+            update_user = #{operatorId}
+        where user_id = #{userId}
+    </update>
+
+
+    <select id="getDepartmentByUserId" resultType="java.lang.String">
+        select department_id
+        from sys_organization_user
+        where user_id = #{userId} limit 1
+    </select>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtRoleMapper.java b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtRoleMapper.java
new file mode 100644
index 0000000..6513b57
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtRoleMapper.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.system.mapper;
+
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.crm.system.domain.Role;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+/**
+ * @author jianxing
+ * @date 2025-01-10 18:35:02
+ */
+public interface ExtRoleMapper {
+
+    boolean checkAddExist(@Param("role") Role role);
+
+    boolean checkUpdateExist(@Param("role") Role role);
+
+    List<String> getInternalRoleIds();
+
+    List<OptionDTO> getIdNameByIds(@Param("ids") List<String> ids);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtRoleMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtRoleMapper.xml
new file mode 100644
index 0000000..ca29d51
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtRoleMapper.xml
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.system.mapper.ExtRoleMapper">
+
+    <select id="checkAddExist" resultType="java.lang.Boolean">
+        SELECT COUNT(1)
+        FROM sys_role
+        WHERE name = #{role.name}
+          and organization_id = #{role.organizationId} limit 1
+    </select>
+
+    <select id="checkUpdateExist" resultType="java.lang.Boolean">
+        SELECT COUNT(1)
+        FROM sys_role
+        WHERE name = #{role.name}
+          and organization_id = (select organization_id
+                                 from sys_role
+                                 where id = #{role.id})
+          and id != #{role.id} limit 1
+    </select>
+
+    <select id="getIdNameByIds" resultType="cn.cordys.common.dto.OptionDTO">
+        select id, name
+        from sys_role
+        where id in
+        <foreach collection="ids" item="id" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </select>
+    <select id="getInternalRoleIds" resultType="java.lang.String">
+        select id
+        from sys_role
+        where internal = 1
+    </select>
+
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtScheduleMapper.java b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtScheduleMapper.java
new file mode 100644
index 0000000..36a9f78
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtScheduleMapper.java
@@ -0,0 +1,11 @@
+package cn.cordys.crm.system.mapper;
+
+import cn.cordys.crm.system.domain.Schedule;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtScheduleMapper {
+
+    List<Schedule> getScheduleByLimit(@Param("start") int start, @Param("limit") int limit);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtScheduleMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtScheduleMapper.xml
new file mode 100644
index 0000000..6c577ac
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtScheduleMapper.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="cn.cordys.crm.system.mapper.ExtScheduleMapper">
+    <select id="getScheduleByLimit" resultType="cn.cordys.crm.system.domain.Schedule">
+        SELECT * FROM schedule ORDER BY create_time LIMIT #{start}, #{limit}
+    </select>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtStageAdvancedConfigMapper.java b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtStageAdvancedConfigMapper.java
new file mode 100644
index 0000000..2e2b3d1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtStageAdvancedConfigMapper.java
@@ -0,0 +1,19 @@
+package cn.cordys.crm.system.mapper;
+
+import cn.cordys.common.dto.stage.StageConfigResponse;
+import cn.cordys.crm.system.domain.StageAdvancedConfig;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtStageAdvancedConfigMapper {
+
+
+    void update(@Param("sourceTable") String sourceTable, @Param("circulationType") String circulationType, @Param("orgId") String orgId, @Param("userId") String userId, @Param("updateTime") Long updateTime);
+
+    List<StageAdvancedConfig> selectConfigByType(@Param("orgId") String orgId, @Param("moduleType") String moduleType);
+
+    StageConfigResponse getStageConfig(@Param("sourceTable")String sourceTable, @Param("id")String id);
+
+    StageAdvancedConfig getConfigByOriginAndTarget(@Param("originId")String originId, @Param("targetId")String targetId,@Param("moduleType")String moduleType);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtStageAdvancedConfigMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtStageAdvancedConfigMapper.xml
new file mode 100644
index 0000000..bb3932a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtStageAdvancedConfigMapper.xml
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="cn.cordys.crm.system.mapper.ExtStageAdvancedConfigMapper">
+
+    <update id="update">
+        update ${sourceTable}
+        <set>
+            <if test="circulationType != null and circulationType != ''">
+                circulation_type = #{circulationType},
+            </if>
+            <if test="userId != null">
+                update_user = #{userId},
+            </if>
+            <if test="updateTime != null">
+                update_time = #{updateTime},
+            </if>
+        </set>
+        where organization_id = #{orgId}
+    </update>
+
+
+    <select id="selectConfigByType" resultType="cn.cordys.crm.system.domain.StageAdvancedConfig">
+        select id, origin_id, target_id, enable, field_config, module_type
+        from stage_advanced_config
+        where organization_id = #{orgId}
+          and module_type = #{moduleType}
+    </select>
+
+
+    <select id="getStageConfig" resultType="cn.cordys.common.dto.stage.StageConfigResponse">
+        select id, name, type, afoot_roll_back, end_roll_back, circulation_type
+        from ${sourceTable}
+        where id = #{id}
+    </select>
+
+
+    <select id="getConfigByOriginAndTarget" resultType="cn.cordys.crm.system.domain.StageAdvancedConfig">
+        select id, enable
+        from stage_advanced_config
+        where origin_id = #{originId}
+          and target_id = #{targetId}
+          and module_type = #{moduleType}
+    </select>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtUserExtendMapper.java b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtUserExtendMapper.java
new file mode 100644
index 0000000..ebbe4f6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtUserExtendMapper.java
@@ -0,0 +1,20 @@
+package cn.cordys.crm.system.mapper;
+
+
+import cn.cordys.crm.system.dto.ScopeNameDTO;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtUserExtendMapper {
+    void deleteUser(@Param("ids") List<String> ids);
+
+    /**
+     * 根据范围ID分组
+     *
+     * @param scopeIds 范围ID集合
+     *
+     * @return 分组结果
+     */
+    List<ScopeNameDTO> groupByScopeIds(@Param("ids") List<String> scopeIds);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtUserExtendMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtUserExtendMapper.xml
new file mode 100644
index 0000000..1c65c96
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtUserExtendMapper.xml
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="cn.cordys.crm.system.mapper.ExtUserExtendMapper">
+
+    <delete id="deleteUser">
+        DELETE FROM sys_user_extend WHERE id in
+        <foreach collection="ids" item="id" open="(" separator="," close=")">
+            #{id}
+        </foreach>
+    </delete>
+
+    <select id="groupByScopeIds" resultType="cn.cordys.crm.system.dto.ScopeNameDTO">
+        select id, name, 'DEPARTMENT' as scope from sys_department where id in
+        <foreach collection="ids" item="id" open="(" separator="," close=")">
+            #{id}
+        </foreach>
+        union all
+        select id, name, 'ROLE' as scope from sys_role where id in
+        <foreach collection="ids" item="id" open="(" separator="," close=")">
+            #{id}
+        </foreach>
+        union all
+        select id, name, 'USER' as scope from sys_user where id in
+        <foreach collection="ids" item="id" open="(" separator="," close=")">
+            #{id}
+        </foreach>
+    </select>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtUserMapper.java b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtUserMapper.java
new file mode 100644
index 0000000..0064c1b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtUserMapper.java
@@ -0,0 +1,63 @@
+package cn.cordys.crm.system.mapper;
+
+
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.dto.UserDeptDTO;
+import cn.cordys.crm.system.domain.OrganizationUser;
+import cn.cordys.crm.system.domain.User;
+import cn.cordys.crm.system.dto.convert.UserRoleConvert;
+import cn.cordys.crm.system.dto.response.UserResponse;
+import cn.cordys.security.UserDTO;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtUserMapper {
+
+    UserDTO selectByPhoneOrEmail(String id);
+
+    List<OptionDTO> selectUserOptionByIds(@Param("userIds") List<String> userIds);
+
+    List<String> selectUserNameByIds(@Param("userIds") List<String> userIds);
+
+    List<String> selectUserIdsByRoleIds(@Param("roleIds") List<String> roleIds);
+
+    List<String> filterEnabledUserIds(@Param("userIds") List<String> userIds, @Param("orgId") String orgId);
+
+
+    List<String> selectUserIdsByNames(@Param("names") List<String> names);
+
+    List<User> getOrgUserByUserIds(@Param("organizationId") String organizationId, @Param("userIds") List<String> userIds);
+
+    List<UserRoleConvert> getUserRole(@Param("userIds") List<String> userIds, @Param("orgId") String orgId);
+
+    List<OptionDTO> selectUserOption(@Param("orgId") String orgId);
+
+    UserResponse getUserDetail(@Param("id") String id);
+
+    List<UserResponse> getUserDetailList(@Param("userIds") List<String> userIds);
+
+    void batchUpdatePassword(@Param("userList") List<User> userList);
+
+    void updateUserPassword(@Param("password") String password, @Param("id") String id);
+
+    List<User> getAllUserIds(@Param("orgId") String orgId);
+
+    void deleteByIds(@Param("ids") List<String> ids);
+
+    int countByEmail(@Param("email") String email, @Param("id") String id);
+
+    int countByPhone(@Param("phone") String phone, @Param("id") String id);
+
+    List<OptionDTO> selectUserOptionByOrgId(@Param("orgId") String orgId, @Param("defaultOrder") String defaultOrder);
+
+    List<UserDTO> selectNameAndEmail(@Param("orgId") String orgId);
+
+    void updateUser(@Param("user") User user);
+
+    List<UserDeptDTO> getUserDeptByUserIds(@Param("userIds") List<String> userIds, @Param("orgId") String orgId);
+
+    void updateUserInfo(@Param("user") OrganizationUser user);
+
+    List<String> getOrgUserResourceIds(@Param("userIds") List<String> userIds, @Param("orgId") String orgId);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtUserMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtUserMapper.xml
new file mode 100644
index 0000000..4a89d05
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtUserMapper.xml
@@ -0,0 +1,301 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="cn.cordys.crm.system.mapper.ExtUserMapper">
+
+    <select id="selectByPhoneOrEmail" resultType="cn.cordys.security.UserDTO">
+        SELECT sys_user.*,
+               sys_user_extend.avatar,
+               sys_user_extend.platform_info
+        FROM sys_user
+                 LEFT JOIN sys_user_extend
+                           ON sys_user.id = sys_user_extend.id
+        WHERE sys_user.id = #{id}
+           OR sys_user.phone = #{id}
+           OR sys_user.email = #{id}
+    </select>
+
+    <select id="selectUserOptionByIds" resultType="cn.cordys.common.dto.OptionDTO">
+        SELECT id, name
+        FROM sys_user
+        WHERE id IN
+        <foreach collection="userIds" item="id" index="index"
+                 open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </select>
+
+    <select id="getUserRole" resultType="cn.cordys.crm.system.dto.convert.UserRoleConvert">
+        SELECT sr.id, sr.name, sur.user_id
+        FROM sys_role sr
+        inner join sys_user_role sur on sr.id = sur.role_id
+        WHERE sur.user_id IN
+        <foreach collection="userIds" item="userId" index="index"
+                 open="(" close=")" separator=",">
+            #{userId}
+        </foreach>
+        and sr.organization_id = #{orgId}
+    </select>
+
+    <select id="getUserDetail" resultType="cn.cordys.crm.system.dto.response.UserResponse">
+        SELECT sou.id,
+               sou.user_id,
+               sou.organization_id,
+               sou.department_id,
+               su.NAME   userName,
+               sou.`enable`,
+               su.gender,
+               su.phone,
+               su.email,
+               sou.supervisor_id,
+               sou.employee_id,
+               sou.position,
+               sou.employee_type,
+               sou.work_city,
+               sou.onboarding_date,
+               sd.`name` departmentName
+        FROM sys_user su
+                 INNER JOIN sys_organization_user sou ON su.id = sou.user_id
+                 INNER JOIN sys_department sd on sd.id = sou.department_id
+        WHERE sou.id = #{id}
+    </select>
+
+    <select id="getUserDetailList" resultType="cn.cordys.crm.system.dto.response.UserResponse">
+        SELECT
+        sou.id,
+        sou.user_id,
+        sou.organization_id,
+        sou.department_id,
+        su.NAME userName,
+        sou.`enable`,
+        su.gender,
+        su.phone,
+        su.email,
+        sou.supervisor_id,
+        sou.employee_id,
+        sou.position,
+        sou.employee_type,
+        sou.work_city,
+        sd.`name` departmentName
+        FROM
+        sys_user su
+        INNER JOIN sys_organization_user sou ON su.id = sou.user_id
+        INNER JOIN sys_department sd on sd.id = sou.department_id
+        WHERE sou.id IN
+        <foreach collection="userIds" item="userId" index="index"
+                 open="(" close=")" separator=",">
+            #{userId}
+        </foreach>
+    </select>
+
+
+    <select id="getOrgUserByUserIds" resultType="cn.cordys.crm.system.domain.User">
+        SELECT sys_user.id, sys_user.name, sys_user.email, sys_user.phone
+        FROM sys_user LEFT JOIN sys_organization_user on sys_organization_user.user_id = sys_user.id
+        WHERE sys_organization_user.organization_id = #{organizationId}
+        AND sys_user.id IN
+        <foreach collection="userIds" item="id" index="index"
+                 open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </select>
+
+    <select id="selectUserOption" resultType="cn.cordys.common.dto.OptionDTO">
+        SELECT id, name
+        FROM sys_user
+        WHERE organization_id = #{orgId}
+    </select>
+
+    <update id="batchUpdatePassword">
+        UPDATE sys_user
+        SET password = CASE
+        <foreach collection="userList" item="user" separator=" ">
+            WHEN id = #{user.id} THEN #{user.password}
+        </foreach>
+        END
+        WHERE id IN
+        <foreach collection="userList" item="user" open="(" close=")" separator=",">
+            #{user.id}
+        </foreach>
+    </update>
+
+    <update id="updateUserPassword">
+        UPDATE sys_user
+        SET password = #{password}
+        WHERE id = #{id}
+    </update>
+
+
+    <select id="getAllUserIds" resultType="cn.cordys.crm.system.domain.User">
+        select sys_user.id
+        from sys_user
+                 LEFT JOIN sys_organization_user ON sys_user.id = sys_organization_user.user_id
+        WHERE sys_organization_user.organization_id = #{orgId}
+          and sys_user.id != 'admin'
+    </select>
+
+
+    <delete id="deleteByIds">
+        DELETE FROM sys_user WHERE id in
+        <foreach collection="ids" item="id" open="(" separator="," close=")">
+            #{id}
+        </foreach>
+    </delete>
+
+
+    <select id="countByEmail" resultType="java.lang.Integer">
+        select count(id) from sys_user
+        <where>
+            <if test="email != null and email != ''">
+                and email = #{email}
+            </if>
+            <if test="id != null and id != ''">
+                and id != #{id}
+            </if>
+        </where>
+    </select>
+
+    <select id="countByPhone" resultType="java.lang.Integer">
+        select count(id) from sys_user
+        <where>
+            <if test="phone != null and phone != ''">
+                and phone = #{phone}
+            </if>
+            <if test="id != null and id != ''">
+                and id != #{id}
+            </if>
+        </where>
+    </select>
+
+    <select id="selectUserOptionByOrgId" resultType="cn.cordys.common.dto.OptionDTO">
+        SELECT su.id, su.name
+        FROM sys_user su
+        INNER JOIN sys_organization_user sou on su.id = sou.user_id
+        LEFT JOIN
+        ( SELECT distinct user_id, 1 AS is_commander FROM sys_department_commander ) uc ON su.id = uc.user_id
+        WHERE sou.organization_id = #{orgId}
+        ORDER BY sou.enable DESC,
+        <if test="defaultOrder != null and defaultOrder != ''">
+            ${defaultOrder},
+        </if>
+        is_commander DESC, sou.create_time DESC, su.name DESC
+    </select>
+
+    <select id="getUserDeptByUserIds" resultType="cn.cordys.common.dto.UserDeptDTO">
+        select sou.user_id, sd.id as deptId, sd.`name` as deptName
+        from sys_organization_user sou
+        join sys_department sd
+        on sou.department_id = sd.id
+        and sou.organization_id = #{orgId}
+        and sou.user_id in
+        <foreach collection="userIds" item="userId" open="(" separator="," close=")">
+            #{userId}
+        </foreach>
+    </select>
+    <select id="selectUserNameByIds" resultType="java.lang.String">
+        SELECT name
+        FROM sys_user
+        WHERE id IN
+        <foreach collection="userIds" item="id" index="index"
+                 open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </select>
+
+    <select id="selectUserIdsByNames" resultType="java.lang.String">
+        SELECT id
+        FROM sys_user
+        WHERE name IN
+        <foreach collection="names" item="name" index="index"
+                 open="(" close=")" separator=",">
+            #{name}
+        </foreach>
+    </select>
+
+    <select id="getOrgUserResourceIds" resultType="java.lang.String">
+        SELECT distinct sou.resource_user_id
+        FROM sys_organization_user sou
+        WHERE sou.organization_id = #{orgId}
+        AND sou.user_id IN
+        <foreach collection="userIds" item="id" index="index"
+                 open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </select>
+    <select id="selectNameAndEmail" resultType="cn.cordys.security.UserDTO">
+        SELECT su.id, su.name, su.email, sou.enable, sou.department_id
+        FROM sys_user su
+                 JOIN sys_organization_user sou ON su.id = sou.user_id
+        WHERE sou.organization_id = #{orgId}
+          and su.id != 'admin'
+    </select>
+    <select id="selectUserIdsByRoleIds" resultType="java.lang.String">
+        SELECT distinct sur.user_id
+        FROM sys_user_role sur
+        WHERE sur.role_id IN
+        <foreach collection="roleIds" item="roleId" index="index"
+                 open="(" close=")" separator=",">
+            #{roleId}
+        </foreach>
+    </select>
+
+    <select id="filterEnabledUserIds" resultType="java.lang.String">
+        SELECT distinct su.id
+        FROM sys_user su
+        JOIN sys_organization_user sou
+            ON su.id = sou.user_id
+            AND sou.organization_id = #{orgId}
+            AND sou.enable = true
+        WHERE su.id IN
+        <foreach collection="userIds" item="userId" index="index"
+                 open="(" close=")" separator=",">
+            #{userId}
+        </foreach>
+    </select>
+
+    <update id="updateUser" parameterType="cn.cordys.crm.system.domain.User">
+        update sys_user
+        <set>
+            <if test="user.name != null">
+                `name` = #{user.name},
+            </if>
+            <if test="user.phone != null">
+                phone = #{user.phone},
+            </if>
+            <if test="user.email != null">
+                email = #{user.email},
+            </if>
+            <if test="user.password != null">
+                `password` = #{user.password},
+            </if>
+            <if test="user.language != null">
+                `language` = #{user.language},
+            </if>
+            <if test="user.lastOrganizationId != null">
+                last_organization_id = #{user.lastOrganizationId},
+            </if>
+            <if test="user.gender != null">
+                gender = #{user.gender},
+            </if>
+            <if test="user.createTime != null">
+                create_time = #{user.createTime},
+            </if>
+            <if test="user.updateTime != null">
+                update_time = #{user.updateTime},
+            </if>
+            <if test="user.createUser != null">
+                create_user = #{user.createUser},
+            </if>
+            <if test="user.updateUser != null">
+                update_user = #{user.updateTime},
+            </if>
+        </set>
+        where id = #{user.id}
+    </update>
+
+
+    <update id="updateUserInfo" parameterType="cn.cordys.crm.system.domain.OrganizationUser">
+        update sys_user
+        set email = #{user.id}
+        where id = #{user.userId}
+    </update>
+</mapper>
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtUserRoleMapper.java b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtUserRoleMapper.java
new file mode 100644
index 0000000..8999c86
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtUserRoleMapper.java
@@ -0,0 +1,46 @@
+package cn.cordys.crm.system.mapper;
+
+import cn.cordys.common.dto.DeptUserTreeNode;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.dto.RoleUserTreeNode;
+import cn.cordys.crm.system.dto.request.RoleUserPageRequest;
+import cn.cordys.crm.system.dto.response.RoleUserListResponse;
+import cn.cordys.crm.system.dto.response.RoleUserOptionResponse;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+/**
+ * @author jianxing
+ * @date 2025-01-13 17:33:23
+ */
+public interface ExtUserRoleMapper {
+
+    List<RoleUserListResponse> list(@Param("request") RoleUserPageRequest request, @Param("orgId") String orgId);
+
+    List<DeptUserTreeNode> selectUserDeptForRelevance(@Param("orgId") String orgId, @Param("roleId") String roleId);
+
+    List<DeptUserTreeNode> selectUserDeptForOrg(@Param("orgId") String orgId);
+
+    List<RoleUserTreeNode> selectUserRoleForRelevance(@Param("orgId") String orgId, @Param("roleId") String roleId);
+
+    List<RoleUserTreeNode> selectUserRoleForOrg(@Param("orgId") String orgId);
+
+    void deleteUserRoleByUserId(@Param("userId") String userId);
+
+    void deleteUserRoleByUserIds(@Param("userIds") List<String> userIds);
+
+    List<String> getUserIdsByRoleIds(@Param("roleIds") List<String> roleIds);
+
+    void deleteByIds(@Param("ids") List<String> ids);
+
+    List<RoleUserOptionResponse> selectUserOption(@Param("orgId") String orgId);
+
+    List<OptionDTO> selectUserOptionByRoleId(@Param("orgId") String orgId, @Param("roleId") String roleId);
+
+    List<String> selectUserRole(@Param("userId") String userId, @Param("orgId") String orgId);
+
+    List<String> selectPermissionsByUserId(@Param("userId") String userId);
+
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtUserRoleMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtUserRoleMapper.xml
new file mode 100644
index 0000000..e7c596a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtUserRoleMapper.xml
@@ -0,0 +1,182 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.system.mapper.ExtUserRoleMapper">
+
+    <delete id="deleteUserRoleByUserId">
+        DELETE
+        FROM sys_user_role
+        WHERE user_id = #{userId}
+    </delete>
+
+    <delete id="deleteByIds">
+        DELETE
+        FROM sys_user_role
+        WHERE id in
+        <foreach collection="ids" item="id" index="index" open="(" close=")" separator=",">
+            #{id}
+        </foreach>
+    </delete>
+    <delete id="deleteUserRoleByUserIds">
+        DELETE
+        FROM sys_user_role
+        WHERE user_id in
+        <foreach collection="userIds" item="userId" index="index" open="(" close=")" separator=",">
+            #{userId}
+        </foreach>
+    </delete>
+
+    <select id="list" resultType="cn.cordys.crm.system.dto.response.RoleUserListResponse">
+        select sur.id, su.id as userId, su.name as userName, sou.enable, sou.position, sou.department_id, sur.create_time, sur.update_time
+        from sys_user_role sur
+        join sys_user su
+             on sur.user_id = su.id and sur.role_id = #{request.roleId}
+        join sys_organization_user sou
+             on su.id = sou.user_id and sou.organization_id = #{orgId}
+        <where>
+            1=1
+            <if test="request.keyword != null and request.keyword != ''">
+                and su.name like concat('%', #{request.keyword},'%')
+            </if>
+
+            <include refid="filters">
+                <property name="filters" value="request.filters"/>
+            </include>
+        </where>
+
+        <include refid="sort">
+            <property name="sort" value="request.sort"/>
+        </include>
+    </select>
+
+    <sql id="filters">
+        <if test="${filters} != null and ${filters}.size() > 0">
+            <trim prefix="and">
+                <foreach collection="${filters}" item="condition" open="(" close=")" index="i" separator="and">
+                    <choose>
+                        <when test="condition.name == 'enable'">
+                            <include refid="cn.cordys.common.mapper.CommonMapper.condition">
+                                <property name="condition" value="condition"/>
+                                <property name="column" value="sou.enable"/>
+                            </include>
+                        </when>
+                    </choose>
+                </foreach>
+            </trim>
+        </if>
+    </sql>
+
+    <sql id="sort">
+        <choose>
+            <when test="${sort} != null and ${sort}.valid()">
+                <bind name="sortType" value="${sort}.type" />
+                order by
+                <choose>
+                    <when test="${sort}.name == 'name'">
+                        su.`name` ${sortType}
+                    </when>
+                    <when test="${sort}.name == 'department_id'">
+                        sou.`department_id` ${sortType}
+                    </when>
+                    <when test="${sort}.name == 'position'">
+                        sou.`position` ${sortType}
+                    </when>
+                    <when test="${sort}.name == 'enable'">
+                        sou.`enable` ${sortType}
+                    </when>
+                    <when test="${sort}.name == 'user_name'">
+                        su.`name` ${sortType}
+                    </when>
+                    <otherwise>
+                        sur.create_time ${sortType}
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                order by sur.create_time desc, sur.id asc
+            </otherwise>
+        </choose>
+    </sql>
+
+    <select id="selectUserDeptForRelevance" resultType="cn.cordys.common.dto.DeptUserTreeNode">
+        select temp.id, temp.name, temp.department_id as parentId, if(sur.id, 0, 1) as enable, 'USER' as nodeType
+        from
+        (
+            select su.id, su.name, sou.department_id from sys_organization_user sou
+            join sys_user su
+            on sou.organization_id = #{orgId} and sou.user_id = su.id
+        ) as temp
+        left join sys_user_role sur
+        on temp.id = sur.user_id and sur.role_id = #{roleId}
+    </select>
+
+    <select id="selectUserDeptForOrg" resultType="cn.cordys.common.dto.DeptUserTreeNode">
+        select su.id, su.name, sou.department_id as parentId, 'USER' as nodeType from sys_organization_user sou
+        join sys_user su on sou.organization_id = #{orgId} and sou.user_id = su.id and sou.enable = true
+    </select>
+
+    <select id="selectUserRoleForRelevance" resultType="cn.cordys.common.dto.RoleUserTreeNode">
+        select su.id, su.name, sur.role_id as parentId, 1 as enable, 'USER' as nodeType
+        from sys_organization_user sou
+        join sys_user su
+            on sou.organization_id = #{orgId} and sou.user_id = su.id
+        join sys_user_role sur
+            on su.id = sur.user_id and sur.role_id != #{roleId}
+    </select>
+
+    <select id="selectUserRoleForOrg" resultType="cn.cordys.common.dto.RoleUserTreeNode">
+        select su.id, su.name, sur.role_id as parentId, 1 as enable, 'USER' as nodeType
+        from sys_organization_user sou
+                 join sys_user su
+                      on sou.organization_id = #{orgId} and sou.user_id = su.id
+                 join sys_user_role sur
+                      on su.id = sur.user_id
+    </select>
+
+    <select id="getUserIdsByRoleIds" resultType="java.lang.String">
+        select user_id
+        from sys_user_role
+        where role_id in
+        <foreach collection="roleIds" item="roleId" open="(" close=")" separator=",">
+            #{roleId}
+        </foreach>
+    </select>
+
+    <select id="selectUserOption" resultType="cn.cordys.crm.system.dto.response.RoleUserOptionResponse">
+        select su.id, su.name, sue.avatar
+        from sys_user su
+        join sys_organization_user sou
+            on su.id = sou.user_id and sou.organization_id = #{orgId} and sou.enable = true
+        left join sys_user_extend sue
+            on su.id = sue.id
+    </select>
+
+    <select id="selectUserOptionByRoleId" resultType="cn.cordys.common.dto.OptionDTO">
+        select su.id, su.name
+        from sys_user su
+        join sys_organization_user sou
+            on su.id = sou.user_id and sou.organization_id = #{orgId}  and sou.enable = true
+        join sys_user_role sur
+            on su.id = sur.user_id and sur.role_id = #{roleId}
+    </select>
+
+
+    <select id="selectUserRole" resultType="java.lang.String">
+        SELECT
+            sys_user_role.id
+        FROM
+            sys_user_role
+                INNER JOIN sys_role ON sys_user_role.role_id = sys_role.id
+        where sys_user_role.user_id = #{userId}
+          and sys_role.organization_id = #{orgId}
+    </select>
+
+    <select id="selectPermissionsByUserId" resultType="java.lang.String">
+        SELECT sys_role_permission.permission_id
+        from sys_role_permission
+        where sys_role_permission.role_id in (SELECT sys_user_role.role_id
+                                              from sys_user_role
+                                              where sys_user_role.user_id = #{userId})
+    </select>
+
+</mapper>
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtUserViewConditionMapper.java b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtUserViewConditionMapper.java
new file mode 100644
index 0000000..48446de
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtUserViewConditionMapper.java
@@ -0,0 +1,17 @@
+package cn.cordys.crm.system.mapper;
+
+import cn.cordys.crm.system.domain.UserViewCondition;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtUserViewConditionMapper {
+
+
+    List<UserViewCondition> getViewConditions(@Param("viewId") String viewId);
+
+    void delete(@Param("viewId") String viewId);
+
+    //根据userIds删除视图条件
+    void deleteByUserIds(@Param("userIds") List<String> userIds, @Param("orgId") String orgId);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtUserViewConditionMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtUserViewConditionMapper.xml
new file mode 100644
index 0000000..b8da53b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtUserViewConditionMapper.xml
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.system.mapper.ExtUserViewConditionMapper">
+
+    <select id="getViewConditions" resultType="cn.cordys.crm.system.domain.UserViewCondition">
+        SELECT
+            `name`,
+            `value`,
+            value_type,
+            type,
+            multiple_value,
+            operator,
+            children_value
+        FROM
+            sys_user_view_condition
+        where sys_user_view_id = #{viewId}
+    </select>
+
+    <delete id="delete">
+        DELETE FROM sys_user_view_condition WHERE sys_user_view_id = #{viewId}
+    </delete>
+    <delete id="deleteByUserIds">
+        delete from sys_user_view_condition where sys_user_view_id in (
+        select id from sys_user_view where organization_id = #{orgId}
+        and user_id in
+        <foreach collection="userIds" item="item" open="(" close=")" separator=",">
+            #{item}
+        </foreach>
+        );
+    </delete>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtUserViewMapper.java b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtUserViewMapper.java
new file mode 100644
index 0000000..5a48476
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtUserViewMapper.java
@@ -0,0 +1,21 @@
+package cn.cordys.crm.system.mapper;
+
+import cn.cordys.crm.system.dto.response.UserViewListResponse;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+public interface ExtUserViewMapper {
+    Long getNextPos(@Param("orgId") String orgId, @Param("userId") String userId, @Param("resourceType") String resourceType);
+
+    int countUserView(@Param("userId") String userId, @Param("id") String id, @Param("orgId") String orgId);
+
+    List<UserViewListResponse> selectViewList(@Param("resourceType") String resourceType, @Param("userId") String userId, @Param("orgId") String orgId);
+
+    Long getPrePos(@Param("orgId") String orgId, @Param("basePos") Long basePos, @Param("userId") String userId, @Param("resourceType") String resourceType);
+
+    Long getLastPos(@Param("orgId") String orgId, @Param("basePos") Long basePos, @Param("userId") String userId, @Param("resourceType") String resourceType);
+
+    //根据userIds删除视图
+    void deleteUserViewByUserIds(@Param("userIds") List<String> userIds, @Param("orgId") String orgId);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtUserViewMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtUserViewMapper.xml
new file mode 100644
index 0000000..c0860d2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtUserViewMapper.xml
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="cn.cordys.crm.system.mapper.ExtUserViewMapper">
+    <delete id="deleteUserViewByUserIds">
+        delete from sys_user_view where organization_id = #{orgId}
+        and user_id in
+        <foreach collection="userIds" item="item" open="(" close=")" separator=",">
+            #{item}
+        </foreach>
+    </delete>
+
+    <select id="getNextPos" resultType="java.lang.Long">
+        SELECT max(pos)
+        FROM sys_user_view
+        where organization_id = #{orgId}
+        and user_id = #{userId}
+        and resource_type = #{resourceType}
+    </select>
+
+
+    <select id="countUserView" resultType="java.lang.Integer">
+        select count(id) from sys_user_view
+        where organization_id = #{orgId}
+        and user_id = #{userId}
+        and id = #{id}
+    </select>
+
+
+    <select id="selectViewList" resultType="cn.cordys.crm.system.dto.response.UserViewListResponse">
+        select id, name, fixed, enable from sys_user_view
+        where organization_id = #{orgId}
+        and user_id = #{userId}
+        and resource_type = #{resourceType}
+        order by pos desc
+    </select>
+
+
+    <select id="getPrePos" resultType="java.lang.Long">
+        select `pos` from sys_user_view where organization_id = #{orgId}
+        <if test="basePos != null">
+            and `pos` &lt; #{basePos}
+        </if>
+        <if test="userId != null">
+            and user_id = #{userId}
+        </if>
+        <if test="resourceType != null">
+            and resource_type = #{resourceType}
+        </if>
+        order by `pos` desc limit 1;
+    </select>
+    <select id="getLastPos" resultType="java.lang.Long">
+        select `pos` from sys_user_view where organization_id = #{orgId}
+        <if test="basePos != null">
+            and `pos` &gt; #{basePos}
+        </if>
+        <if test="userId != null">
+            and user_id = #{userId}
+        </if>
+        <if test="resourceType != null">
+            and resource_type = #{resourceType}
+        </if>
+        order by `pos` asc limit 1;
+    </select>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtWorkerNodeMapper.java b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtWorkerNodeMapper.java
new file mode 100644
index 0000000..67b4a60
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtWorkerNodeMapper.java
@@ -0,0 +1,7 @@
+package cn.cordys.crm.system.mapper;
+
+import cn.cordys.crm.system.domain.WorkerNode;
+
+public interface ExtWorkerNodeMapper {
+    int insert(WorkerNode record);
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtWorkerNodeMapper.xml b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtWorkerNodeMapper.xml
new file mode 100644
index 0000000..4fa9003
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/mapper/ExtWorkerNodeMapper.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="cn.cordys.crm.system.mapper.ExtWorkerNodeMapper">
+
+  <insert id="insert" parameterType="cn.cordys.crm.system.domain.WorkerNode" useGeneratedKeys="true" keyProperty="id">
+    insert into worker_node (host_name, port, type, launch_date, modified, created)
+    values (#{hostName,jdbcType=VARCHAR}, #{port,jdbcType=VARCHAR},  #{type,jdbcType=INTEGER}, #{launchDate,jdbcType=BIGINT}, #{modified,jdbcType=BIGINT}, #{created,jdbcType=BIGINT})
+  </insert>
+</mapper>
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/notice/CommonNoticeSendService.java b/backend/crm/src/main/java/cn/cordys/crm/system/notice/CommonNoticeSendService.java
new file mode 100644
index 0000000..f516633
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/notice/CommonNoticeSendService.java
@@ -0,0 +1,234 @@
+package cn.cordys.crm.system.notice;
+
+
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.constants.NotificationConstants;
+import cn.cordys.crm.system.domain.DepartmentCommander;
+import cn.cordys.crm.system.domain.User;
+import cn.cordys.crm.system.dto.MessageTaskConfigDTO;
+import cn.cordys.crm.system.mapper.ExtDepartmentMapper;
+import cn.cordys.crm.system.mapper.ExtOrganizationUserMapper;
+import cn.cordys.crm.system.mapper.ExtUserMapper;
+import cn.cordys.crm.system.notice.common.NoticeModel;
+import cn.cordys.crm.system.notice.common.Receiver;
+import cn.cordys.crm.system.utils.MessageTemplateUtils;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.context.i18n.LocaleContextHolder;
+import org.springframework.scheduling.annotation.Async;
+import org.springframework.stereotype.Component;
+
+import java.util.*;
+
+@Component
+public class CommonNoticeSendService {
+    @Resource
+    private NoticeSendService noticeSendService;
+    @Resource
+    private BaseMapper<User> userBaseMapper;
+    @Resource
+    private BaseMapper<DepartmentCommander> departmentCommanderMapper;
+    @Resource
+    private ExtDepartmentMapper extDepartmentMapper;
+    @Resource
+    private ExtOrganizationUserMapper extOrganizationUserMapper;
+    @Resource
+    private ExtUserMapper extUserMapper;
+
+    private static void setLanguage(String language) {
+        Locale locale = Locale.SIMPLIFIED_CHINESE;
+        if (Strings.CI.contains(language, "US")) {
+            locale = Locale.US;
+        } else if (Strings.CI.contains(language, "TW")) {
+            locale = Locale.TAIWAN;
+        }
+        LocaleContextHolder.setLocale(locale);
+    }
+
+    @Async("threadPoolTaskExecutor")
+    public void sendNotice(String module, String event, List<Map> resources, String userId, String currentOrganizationId) {
+        User operator = userBaseMapper.selectByPrimaryKey(userId);
+        setLanguage(operator.getLanguage());
+        // 有批量操作发送多次
+        for (Map resource : resources) {
+            Map<String, Object> paramMap = new HashMap<>();
+            paramMap.put(NotificationConstants.RelatedUser.OPERATOR, operator.getName());
+            paramMap.put("Language", operator.getLanguage());
+            paramMap.putAll(resource);
+            paramMap.putIfAbsent("organizationId", currentOrganizationId);
+
+            String context = getContext(event);
+            List<String> relatedUsers = getRelatedUsers(resource.get("relatedUsers"));
+            List<Receiver> receivers = getReceivers(relatedUsers);
+            NoticeModel noticeModel = NoticeModel.builder()
+                    .operator(operator.getId())
+                    .context(context)
+                    .paramMap(paramMap)
+                    .event(event)
+                    .status((String) paramMap.get("status"))
+                    .excludeSelf(true)
+                    .receivers(receivers)
+                    .build();
+            noticeSendService.send(module, noticeModel);
+        }
+    }
+
+    private List<Receiver> getReceivers(List<String> relatedUsers) {
+        List<Receiver> receivers = new ArrayList<>();
+        for (String relatedUserId : relatedUsers) {
+            receivers.add(new Receiver(relatedUserId, NotificationConstants.Type.SYSTEM_NOTICE.name()));
+        }
+        return receivers;
+    }
+
+    /**
+     * 发送通知
+     *
+     * @param taskType     发送类型
+     * @param event        发送事件
+     * @param currentOrgId 当前组织id
+     * @param resourceName 资源名称
+     * @param users        需要通知的用户
+     * @param excludeSelf  是否排除自己
+     */
+    public void sendNotice(String taskType, String event, String resourceName, String operatorId, String currentOrgId,
+                           List<String> users, boolean excludeSelf) {
+        sendNotice(taskType, event, Map.of("name", resourceName), operatorId, currentOrgId, users, excludeSelf);
+    }
+
+    /**
+     * 发送通知
+     *
+     * @param taskType     发送类型
+     * @param event        发送事件
+     * @param currentOrgId 当前组织id
+     * @param resource     消息变量的名称 以及其他变量 eg: xxxx 的名称，resource.put("name", "名称");
+     * @param users        需要通知的用户
+     * @param excludeSelf  是否排除自己
+     */
+    public void sendNotice(String taskType, String event, Map<String, Object> resource, String operatorId, String currentOrgId,
+                           List<String> users, boolean excludeSelf) {
+        Map<String, Object> paramMap = new HashMap<>();
+        User operator = userBaseMapper.selectByPrimaryKey(operatorId);
+        if (operator != null) {
+            paramMap.put(NotificationConstants.RelatedUser.OPERATOR, operator.getName());
+            paramMap.put("Language", operator.getLanguage());
+        } else {
+            paramMap.put(NotificationConstants.RelatedUser.OPERATOR, Translator.get("setting"));
+            paramMap.put("Language", "zh-CN");
+        }
+
+        paramMap.putAll(resource);
+        paramMap.putIfAbsent("organizationId", currentOrgId);
+
+        String context = getContext(event);
+
+        List<Receiver> receivers = getReceivers(users);
+        NoticeModel noticeModel = NoticeModel.builder()
+                .operator(operatorId)
+                .context(context)
+                .paramMap(paramMap)
+                .event(event)
+                .status((String) paramMap.get("status"))
+                .excludeSelf(excludeSelf)
+                .receivers(receivers)
+                .build();
+        noticeSendService.sendOther(taskType, noticeModel, excludeSelf);
+    }
+
+    private List<String> getRelatedUsers(Object relatedUsers) {
+        String relatedUser = (String) relatedUsers;
+        List<String> relatedUserList = new ArrayList<>();
+        if (StringUtils.isNotBlank(relatedUser)) {
+            relatedUserList = Arrays.asList(relatedUser.split(";"));
+        }
+        return relatedUserList;
+    }
+
+    private String getContext(String event) {
+        if (StringUtils.isBlank(event)) {
+            return null;
+        }
+        Map<String, String> defaultTemplateMap = MessageTemplateUtils.getDefaultTemplateMap();
+        return defaultTemplateMap.get(event + "_TEXT");
+    }
+
+    /**
+     * 获取消息接收用户ID列表
+     *
+     * @param messageTaskConfigDTO 消息任务配置DTO
+     * @param createUser           创建人ID
+     * @param owner                责任人ID
+     * @param orgId                组织ID
+     * @return 消息接收用户ID列表
+     */
+    public List<String> getNoticeReceiveUserIds(MessageTaskConfigDTO messageTaskConfigDTO, String createUser, String owner, String orgId) {
+        List<String> receiveUserIds = new ArrayList<>();
+        if (CollectionUtils.isNotEmpty(messageTaskConfigDTO.getUserIds())) {
+            if (messageTaskConfigDTO.getUserIds().contains(NotificationConstants.RelatedUser.CREATE_USER)) {
+                receiveUserIds.add(createUser);
+            }
+            if (messageTaskConfigDTO.getUserIds().contains(NotificationConstants.RelatedUser.OWNER)) {
+                receiveUserIds.add(owner);
+            }
+            List<String> normalUserIds = messageTaskConfigDTO.getUserIds().stream()
+                    .filter(userId -> !userId.equals(NotificationConstants.RelatedUser.CREATE_USER)
+                            && !userId.equals(NotificationConstants.RelatedUser.OWNER))
+                    .toList();
+            receiveUserIds.addAll(normalUserIds);
+        }
+        if (messageTaskConfigDTO.isRoleEnable() && CollectionUtils.isNotEmpty(messageTaskConfigDTO.getRoleIds())) {
+            receiveUserIds.addAll(extUserMapper.selectUserIdsByRoleIds(messageTaskConfigDTO.getRoleIds()));
+        }
+
+        if (!messageTaskConfigDTO.isOwnerEnable()) {
+            return receiveUserIds;
+        }
+
+        if (StringUtils.isBlank(orgId)) {
+            return receiveUserIds;
+        }
+
+        String departmentId = extOrganizationUserMapper.getDepartmentByUserId(owner);
+
+        if (StringUtils.isBlank(departmentId)) {
+            return receiveUserIds;
+        }
+
+        List<String> departmentIds = new ArrayList<>();
+        departmentIds.add(departmentId);
+        int ownerLevel = messageTaskConfigDTO.getOwnerLevel();
+
+        if (ownerLevel > 0) {
+            String currentDepartmentId = departmentId;
+            for (int i = 1; i < ownerLevel; i++) {
+                String parentId = extDepartmentMapper.getParentIdById(currentDepartmentId);
+                if (StringUtils.isBlank(parentId)) {
+                    break;
+                }
+                departmentIds.add(parentId);
+                currentDepartmentId = parentId;
+            }
+        }
+        if (CollectionUtils.isEmpty(departmentIds)) {
+            return receiveUserIds;
+        }
+        List<DepartmentCommander> departmentCommanderList = departmentCommanderMapper.selectListByLambda(new LambdaQueryWrapper<DepartmentCommander>()
+                .in(DepartmentCommander::getDepartmentId, departmentIds));
+        if (CollectionUtils.isEmpty(departmentCommanderList)) {
+            return receiveUserIds;
+        }
+        List<String> deptCommanderUserIds = departmentCommanderList.stream()
+                .map(DepartmentCommander::getUserId)
+                .toList();
+        receiveUserIds.addAll(deptCommanderUserIds);
+
+        return receiveUserIds.stream().distinct().toList();
+
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/notice/NoticeSendService.java b/backend/crm/src/main/java/cn/cordys/crm/system/notice/NoticeSendService.java
new file mode 100644
index 0000000..f89f0ad
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/notice/NoticeSendService.java
@@ -0,0 +1,114 @@
+package cn.cordys.crm.system.notice;
+
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.crm.integration.dingtalk.service.DingTalkNoticeSender;
+import cn.cordys.crm.integration.lark.service.LarkNoticeSender;
+import cn.cordys.crm.integration.wecom.service.WeComNoticeSender;
+import cn.cordys.crm.system.dto.MessageDetailDTO;
+import cn.cordys.crm.system.notice.common.NoticeModel;
+import cn.cordys.crm.system.notice.message.MessageDetailService;
+import cn.cordys.crm.system.notice.sender.insite.InSiteNoticeSender;
+import cn.cordys.crm.system.notice.sender.mail.MailNoticeSender;
+import lombok.RequiredArgsConstructor;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.SerializationUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.context.i18n.LocaleContextHolder;
+import org.springframework.scheduling.annotation.Async;
+import org.springframework.stereotype.Service;
+
+import java.util.List;
+import java.util.Locale;
+
+@Service
+@RequiredArgsConstructor
+@Slf4j
+public class NoticeSendService {
+
+    private final MailNoticeSender mailNoticeSender;
+    private final InSiteNoticeSender inSiteNoticeSender;
+    private final MessageDetailService messageDetailService;
+
+    private void doSend(String module, NoticeModel noticeModel, String organizationId) {
+        setLanguage(noticeModel.getParamMap().get("Language"));
+        boolean useTemplate = Boolean.parseBoolean(
+                (String) noticeModel.getParamMap().getOrDefault("useTemplate", "false"));
+        String template = (String) noticeModel.getParamMap().get("template");
+        try {
+            List<MessageDetailDTO> messageDetails = messageDetailService
+                    .searchMessageByTypeAndOrgId(module, useTemplate, template, organizationId);
+
+            messageDetails.stream()
+                    .filter(md -> Strings.CS.equals(md.getEvent(), noticeModel.getEvent()))
+                    .forEach(md -> sendNotification(md, noticeModel));
+        } catch (Exception e) {
+            log.error("Error sending notification", e);
+        }
+    }
+
+    @Async("threadPoolTaskExecutor")
+    public void send(String module, NoticeModel noticeModel) {
+        String organizationId = (String) noticeModel.getParamMap().get("organizationId");
+        doSend(module, noticeModel, organizationId);
+    }
+
+    private void setLanguage(Object languageObj) {
+        String language = languageObj instanceof String ? (String) languageObj : "";
+        Locale locale = Locale.SIMPLIFIED_CHINESE;
+        if (Strings.CI.contains(language, "US")) {
+            locale = Locale.US;
+        }
+        LocaleContextHolder.setLocale(locale);
+    }
+
+    public void sendNotification(MessageDetailDTO messageDetail, NoticeModel noticeModel) {
+        MessageDetailDTO clonedMessageDetail = SerializationUtils.clone(messageDetail);
+        NoticeModel clonedNoticeModel = SerializationUtils.clone(noticeModel);
+        try {
+            if (clonedMessageDetail.isSysEnable()) {
+                inSiteNoticeSender.send(clonedMessageDetail, clonedNoticeModel);
+            }
+            if (clonedMessageDetail.isEmailEnable()) {
+                mailNoticeSender.send(clonedMessageDetail, clonedNoticeModel);
+            }
+            if (clonedMessageDetail.isWeComEnable()) {
+                WeComNoticeSender weComNoticeSender = CommonBeanFactory.getBean(WeComNoticeSender.class);
+                if (weComNoticeSender != null) {
+                    weComNoticeSender.sendWeCom(clonedMessageDetail, clonedNoticeModel);
+                } else {
+                    log.warn("WeComNoticeSender bean not found, skipping WeCom notification.");
+                }
+            }
+            if (clonedMessageDetail.isDingTalkEnable()) {
+                DingTalkNoticeSender dingTalkNoticeSender = CommonBeanFactory.getBean(DingTalkNoticeSender.class);
+                if (dingTalkNoticeSender != null) {
+                    dingTalkNoticeSender.sendDingTalk(clonedMessageDetail, clonedNoticeModel);
+                } else {
+                    log.warn("DingTalkNoticeSender bean not found, skipping DingTalk notification.");
+                }
+            }
+            if (clonedMessageDetail.isLarkEnable()) {
+                LarkNoticeSender larkNoticeSender = CommonBeanFactory.getBean(LarkNoticeSender.class);
+                if (larkNoticeSender != null) {
+                    larkNoticeSender.sendLark(clonedMessageDetail, clonedNoticeModel);
+                } else {
+                    log.warn("LarkNoticeSender bean not found, skipping Lark notification.");
+                }
+            }
+        } catch (Exception e) {
+            log.error("Error sending individual notification", e);
+        }
+    }
+
+    @Async("threadPoolTaskExecutor")
+    public void send(String organizationId, String module, NoticeModel noticeModel) {
+        doSend(module, noticeModel, organizationId);
+    }
+
+    @Async("threadPoolTaskExecutor")
+    public void sendOther(String module, NoticeModel noticeModel, boolean excludeSelf) {
+        noticeModel.setExcludeSelf(excludeSelf);
+        String organizationId = (String) noticeModel.getParamMap().get("organizationId");
+        doSend(module, noticeModel, organizationId);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/notice/SendNotice.java b/backend/crm/src/main/java/cn/cordys/crm/system/notice/SendNotice.java
new file mode 100644
index 0000000..e2b5d20
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/notice/SendNotice.java
@@ -0,0 +1,37 @@
+package cn.cordys.crm.system.notice;
+
+import java.lang.annotation.*;
+
+@Target({ElementType.METHOD})
+@Retention(RetentionPolicy.RUNTIME)
+@Documented
+public @interface SendNotice {
+
+    String module();
+
+    /**
+     * Event
+     */
+    String event() default "";
+
+    /**
+     * 消息主题
+     */
+    String subject() default "";
+
+    /**
+     * 获取实际值
+     */
+    String target() default "";
+
+    /**
+     * 资源目标
+     */
+    Class<?> targetClass() default Object.class;
+
+    /**
+     * 消息内容
+     */
+    String context() default "";
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/notice/SendNoticeAspect.java b/backend/crm/src/main/java/cn/cordys/crm/system/notice/SendNoticeAspect.java
new file mode 100644
index 0000000..3ef431a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/notice/SendNoticeAspect.java
@@ -0,0 +1,174 @@
+package cn.cordys.crm.system.notice;
+
+
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.common.util.JSON;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.security.SessionUtils;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.beanutils.BeanMap;
+import org.apache.commons.collections4.MapUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.aspectj.lang.JoinPoint;
+import org.aspectj.lang.annotation.AfterReturning;
+import org.aspectj.lang.annotation.Aspect;
+import org.aspectj.lang.annotation.Before;
+import org.aspectj.lang.annotation.Pointcut;
+import org.aspectj.lang.reflect.MethodSignature;
+import org.springframework.core.StandardReflectionParameterNameDiscoverer;
+import org.springframework.expression.EvaluationContext;
+import org.springframework.expression.Expression;
+import org.springframework.expression.ExpressionParser;
+import org.springframework.expression.spel.standard.SpelExpressionParser;
+import org.springframework.expression.spel.support.StandardEvaluationContext;
+import org.springframework.stereotype.Component;
+
+import java.lang.reflect.Method;
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Map;
+import java.util.Objects;
+
+
+@Aspect
+@Component
+@Slf4j
+public class SendNoticeAspect {
+    private final static String ID = "id";
+    private final static String CREATE_USER = "createUser";
+    private final static String CREATE_TIME = "createTime";
+    private final static String UPDATE_TIME = "updateTime";
+    private final static String UPDATE_USER = "updateUser";
+    private final ExpressionParser parser = new SpelExpressionParser();
+    private final StandardReflectionParameterNameDiscoverer discoverer = new StandardReflectionParameterNameDiscoverer();
+    private final ThreadLocal<String> source = new ThreadLocal<>();
+    @Resource
+    private CommonNoticeSendService commonNoticeSendService;
+
+    @Pointcut("@annotation(cn.cordys.crm.system.notice.SendNotice)")
+    public void pointcut() {
+    }
+
+    @Before("pointcut()")
+    public void before(JoinPoint joinPoint) {
+        try {
+            //从切面织入点处通过反射机制获取织入点处的方法
+            MethodSignature signature = (MethodSignature) joinPoint.getSignature();
+            //获取切入点所在的方法
+            Method method = signature.getMethod();
+            //获取参数对象数组
+            Object[] args = joinPoint.getArgs();
+            SendNotice sendNotice = method.getAnnotation(SendNotice.class);
+
+            if (StringUtils.isNotEmpty(sendNotice.target())) {
+                // 操作内容
+                //获取方法参数名
+                String[] params = discoverer.getParameterNames(method);
+                //将参数纳入Spring管理
+                EvaluationContext context = new StandardEvaluationContext();
+                for (int len = 0; len < Objects.requireNonNull(params).length; len++) {
+                    context.setVariable(params[len], args[len]);
+                }
+                context.setVariable("targetClass", CommonBeanFactory.getBean(sendNotice.targetClass()));
+
+                String target = sendNotice.target();
+                Expression titleExp = parser.parseExpression(target);
+                Object v = titleExp.getValue(context, Object.class);
+                source.set(JSON.toJSONString(v));
+            }
+        } catch (Exception e) {
+            log.error(e.getMessage(), e);
+        }
+    }
+
+    @AfterReturning(value = "pointcut()", returning = "retValue")
+    public void sendNotice(JoinPoint joinPoint, Object retValue) {
+        try {
+            MethodSignature signature = (MethodSignature) joinPoint.getSignature();
+            Method method = signature.getMethod();
+            Object[] args = joinPoint.getArgs();
+            String[] params = discoverer.getParameterNames(method);
+
+            SendNotice sendNotice = method.getAnnotation(SendNotice.class);
+            EvaluationContext context = new StandardEvaluationContext();
+
+            if (params != null) {
+                for (int i = 0; i < params.length; i++) {
+                    context.setVariable(params[i], args[i]);
+                }
+            }
+
+            // 获取目标对象最新数据
+            if (StringUtils.isNotEmpty(sendNotice.target())) {
+                Object targetBean = CommonBeanFactory.getBean(sendNotice.targetClass());
+                context.setVariable("targetClass", targetBean);
+
+                Object targetValue = parser.parseExpression(sendNotice.target())
+                        .getValue(context, Object.class);
+
+                String jsonValue = JSON.toJSONString(targetValue);
+                if (targetValue != null && !Strings.CS.equals("{}", jsonValue) && !Strings.CS.equals("[]", jsonValue)) {
+                    source.set(jsonValue);
+                }
+            }
+
+            // 组装资源列表
+            var resources = new ArrayList<Map>();
+            String src = source.get();
+            if (StringUtils.isNotBlank(src)) {
+                if (Strings.CS.startsWith(src, "[")) {
+                    resources.addAll(JSON.parseArray(src, Map.class));
+                } else {
+                    resources.add(JSON.parseObject(src, Map.class));
+                }
+            } else {
+                resources.add(new BeanMap(retValue));
+            }
+
+            // 解析模块名
+            String module = sendNotice.module();
+            if (StringUtils.isNotEmpty(module)) {
+                try {
+                    module = parser.parseExpression(module).getValue(resources, String.class);
+                } catch (Exception e) {
+                    log.info("使用原值 module:{}", module);
+                }
+            }
+
+            // 解析事件名
+            String event = sendNotice.event();
+            if (StringUtils.isNotEmpty(event)) {
+                try {
+                    event = parser.parseExpression(event).getValue(context, String.class);
+                } catch (Exception e) {
+                    log.info("使用原值 event:{}", event);
+                }
+            }
+
+            log.info("event:{}", event);
+
+            // 补全基础字段
+            var object = JSON.parseMap(JSON.toJSONString(retValue));
+            if (MapUtils.isNotEmpty(object)) {
+                List.of(ID, CREATE_USER, CREATE_TIME, UPDATE_TIME, UPDATE_USER)
+                        .forEach(key ->
+                                resources.forEach(resource -> {
+                                    if (object.containsKey(key) && resource.get(key) == null) {
+                                        resource.put(key, object.get(key));
+                                    }
+                                })
+                        );
+            }
+
+            commonNoticeSendService.sendNotice(module, event, resources, SessionUtils.getUserId(), OrganizationContext.getOrganizationId());
+
+        } catch (Exception e) {
+            log.error(e.getMessage(), e);
+        } finally {
+            source.remove();
+        }
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/notice/common/NoticeModel.java b/backend/crm/src/main/java/cn/cordys/crm/system/notice/common/NoticeModel.java
new file mode 100644
index 0000000..484361b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/notice/common/NoticeModel.java
@@ -0,0 +1,54 @@
+package cn.cordys.crm.system.notice.common;
+
+import lombok.Builder;
+import lombok.Data;
+
+import java.io.Serializable;
+import java.util.List;
+import java.util.Map;
+
+@Data
+@Builder
+public class NoticeModel implements Serializable {
+    /**
+     * 保存 测试id
+     */
+    private String testId;
+    /**
+     * 操作人
+     */
+    private String operator;
+    /**
+     * 保存状态
+     */
+    private String status;
+    /**
+     * Event
+     */
+    private String event;
+    /**
+     * 消息主题
+     */
+    private String subject;
+    /**
+     * 消息内容
+     */
+    private String context;
+
+    /**
+     * 模版里的参数信息
+     */
+    private Map<String, Object> paramMap;
+    /**
+     * 接收人
+     */
+    private List<Receiver> receivers;
+    /**
+     * 抄送人
+     */
+    private List<Receiver> recipients;
+    /**
+     * 排除自己
+     */
+    private boolean excludeSelf;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/notice/common/Receiver.java b/backend/crm/src/main/java/cn/cordys/crm/system/notice/common/Receiver.java
new file mode 100644
index 0000000..4a8e0c0
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/notice/common/Receiver.java
@@ -0,0 +1,15 @@
+package cn.cordys.crm.system.notice.common;
+
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+import java.io.Serializable;
+
+@Data
+@AllArgsConstructor
+@EqualsAndHashCode
+public class Receiver implements Serializable {
+    private String userId;
+    private String type;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/notice/dto/NoticeRedisMessage.java b/backend/crm/src/main/java/cn/cordys/crm/system/notice/dto/NoticeRedisMessage.java
new file mode 100644
index 0000000..8daf5a3
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/notice/dto/NoticeRedisMessage.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.system.notice.dto;
+
+import cn.cordys.common.dto.RedisMessage;
+import lombok.Data;
+
+@Data
+public class NoticeRedisMessage extends RedisMessage {
+    /**
+     * redis 发布订阅消息补充
+     */
+    private String noticeType;
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/notice/dto/SseMessageDTO.java b/backend/crm/src/main/java/cn/cordys/crm/system/notice/dto/SseMessageDTO.java
new file mode 100644
index 0000000..b3fd25f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/notice/dto/SseMessageDTO.java
@@ -0,0 +1,16 @@
+package cn.cordys.crm.system.notice.dto;
+
+import cn.cordys.crm.system.dto.response.NotificationDTO;
+import lombok.Data;
+
+import java.util.List;
+
+@Data
+public class SseMessageDTO {
+
+    private boolean read;
+
+    private List<NotificationDTO> notificationDTOList;
+
+    private List<NotificationDTO> announcementDTOList;
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/notice/message/MessageDetailService.java b/backend/crm/src/main/java/cn/cordys/crm/system/notice/message/MessageDetailService.java
new file mode 100644
index 0000000..ed59c26
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/notice/message/MessageDetailService.java
@@ -0,0 +1,80 @@
+package cn.cordys.crm.system.notice.message;
+
+
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.crm.system.domain.MessageTask;
+import cn.cordys.crm.system.dto.MessageDetailDTO;
+import cn.cordys.crm.system.mapper.ExtMessageTaskMapper;
+import cn.cordys.crm.system.utils.MessageTemplateUtils;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.ArrayList;
+import java.util.Comparator;
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+
+/**
+ * @author guoyuqi
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class MessageDetailService {
+
+    @Resource
+    private ExtMessageTaskMapper extMessageTaskMapper;
+
+    /**
+     * 获取唯一的消息任务
+     *
+     * @param module         任务类型
+     * @param organizationId 项目ID
+     *
+     * @return List<MessageDetail>list
+     */
+    public List<MessageDetailDTO> searchMessageByTypeAndOrgId(String module, boolean useTemplate, String template, String organizationId) {
+        try {
+            return getMessageDetailDTOs(module, useTemplate, template, organizationId);
+        } catch (Exception e) {
+            log.error(e.getMessage(), e);
+            return new ArrayList<>();
+        }
+    }
+
+    private List<MessageDetailDTO> getMessageDetailDTOs(String module, boolean useTemplate, String template, String organizationId) {
+        List<MessageDetailDTO> messageDetails = new ArrayList<>();
+        List<MessageTask> messageTaskLists = extMessageTaskMapper.getEnableMessageTaskByReceiveTypeAndTaskType(module, organizationId);
+        if (messageTaskLists == null) {
+            return new ArrayList<>();
+        }
+        buildMessageDetails(useTemplate, template, messageDetails, messageTaskLists);
+        return messageDetails.stream()
+                .sorted(Comparator.comparing(MessageDetailDTO::getCreateTime, Comparator.nullsLast(Long::compareTo)).reversed())
+                .distinct()
+                .collect(Collectors.toList());
+    }
+
+    private void buildMessageDetails(boolean useTemplate, String customTemplate, List<MessageDetailDTO> messageDetails, List<MessageTask> messageTaskLists) {
+        //消息通知任务以消息类型事件接收类型唯一进行分组
+        Map<String, List<MessageTask>> messageTaskGroup = messageTaskLists.stream().collect(Collectors.groupingBy(t -> (t.getTaskType() + t.getEvent())));
+        messageTaskGroup.forEach((messageTaskId, messageTaskList) -> {
+            //获取同一任务所有的接收人
+            MessageTask messageTask = messageTaskList.getFirst();
+            MessageDetailDTO messageDetailDTO = new MessageDetailDTO();
+            BeanUtils.copyBean(messageDetailDTO, messageTask);
+            if (!useTemplate) {
+                String template = MessageTemplateUtils.getTemplate(messageTask.getEvent());
+                messageDetailDTO.setTemplate(template);
+            } else {
+                //这里特殊处理,如果使用模版，这里用调用处传来的模板
+                messageDetailDTO.setTemplate(customTemplate);
+            }
+            messageDetails.add(messageDetailDTO);
+        });
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/notice/sender/AbstractNoticeSender.java b/backend/crm/src/main/java/cn/cordys/crm/system/notice/sender/AbstractNoticeSender.java
new file mode 100644
index 0000000..3df25aa
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/notice/sender/AbstractNoticeSender.java
@@ -0,0 +1,100 @@
+package cn.cordys.crm.system.notice.sender;
+
+
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.domain.User;
+import cn.cordys.crm.system.dto.MessageDetailDTO;
+import cn.cordys.crm.system.mapper.ExtUserMapper;
+import cn.cordys.crm.system.notice.common.NoticeModel;
+import cn.cordys.crm.system.notice.common.Receiver;
+import cn.cordys.crm.system.utils.MessageTemplateUtils;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Map;
+import java.util.Set;
+import java.util.stream.Collectors;
+
+public abstract class AbstractNoticeSender implements NoticeSender {
+
+    @Resource
+    private ExtUserMapper extUserMapper;
+
+    protected String getContext(MessageDetailDTO messageDetailDTO, NoticeModel noticeModel) {
+        // 处理 userIds 中包含的特殊值
+        noticeModel.setReceivers(getRealUserIds(noticeModel, messageDetailDTO.getOrganizationId()));
+        // 如果配置了模版就直接使用模版
+        if (StringUtils.isNotBlank(messageDetailDTO.getTemplate())) {
+            return MessageTemplateUtils.getContent(messageDetailDTO.getTemplate(), noticeModel.getParamMap());
+        }
+        String context = noticeModel.getContext();
+        return MessageTemplateUtils.getContent(context, noticeModel.getParamMap());
+    }
+
+    protected String getSubjectText(MessageDetailDTO messageDetailDTO, NoticeModel noticeModel) {
+        //目前只有公告有标题消息通知使用事件+“通知”
+        // 如果配置了模版就直接使用模版
+        if (StringUtils.isNotBlank(messageDetailDTO.getSubject())) {
+            return MessageTemplateUtils.getContent(messageDetailDTO.getSubject(), noticeModel.getParamMap());
+        }
+        Map<String, String> eventMap = MessageTemplateUtils.getEventMap();
+        String eventText = eventMap.get(messageDetailDTO.getEvent());
+        String context = eventText + Translator.get("notice.event.subject");
+        if (StringUtils.isBlank(context)) {
+            context = noticeModel.getSubject();
+        }
+        return MessageTemplateUtils.getContent(context, noticeModel.getParamMap());
+    }
+
+    private List<Receiver> getRealUserIds(NoticeModel noticeModel, String orgId) {
+        List<Receiver> toUsers = noticeModel.getReceivers();
+        if (CollectionUtils.isEmpty(toUsers)) {
+            return new ArrayList<>();
+        }
+
+        // 去重复
+        List<String> userIds = toUsers.stream().map(Receiver::getUserId).distinct().toList();
+        List<User> users = getUsers(userIds, orgId);
+        Set<String> realUserIds = users.stream().map(User::getId).collect(Collectors.toSet());
+        //如果是admin用户，为特殊用户，将admin加入
+        if (userIds.contains("admin")) {
+            realUserIds.add("admin");
+        }
+        return toUsers.stream().filter(t -> realUserIds.contains(t.getUserId())).distinct().toList();
+    }
+
+    protected List<User> getUsers(List<String> userIds, String organizationId) {
+        if (CollectionUtils.isNotEmpty(userIds)) {
+            return extUserMapper.getOrgUserByUserIds(organizationId, userIds);
+        } else {
+            return new ArrayList<>();
+        }
+    }
+
+    protected List<String> getResourceUserIds(List<String> userIds, String organizationId) {
+        if (CollectionUtils.isNotEmpty(userIds)) {
+            return extUserMapper.getOrgUserResourceIds(userIds, organizationId);
+        } else {
+            return new ArrayList<>();
+        }
+    }
+
+    protected List<Receiver> getReceivers(List<Receiver> receivers, boolean excludeSelf, String operator) {
+        // 排除自己
+        List<Receiver> realReceivers = new ArrayList<>();
+        if (excludeSelf) {
+            for (Receiver receiver : receivers) {
+                if (!Strings.CS.equals(receiver.getUserId(), operator)) {
+                    realReceivers.add(receiver);
+                }
+            }
+        } else {
+            realReceivers.addAll(receivers);
+        }
+        return realReceivers.stream().distinct().toList();
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/notice/sender/NoticeSender.java b/backend/crm/src/main/java/cn/cordys/crm/system/notice/sender/NoticeSender.java
new file mode 100644
index 0000000..a726ebb
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/notice/sender/NoticeSender.java
@@ -0,0 +1,8 @@
+package cn.cordys.crm.system.notice.sender;
+
+import cn.cordys.crm.system.dto.MessageDetailDTO;
+import cn.cordys.crm.system.notice.common.NoticeModel;
+
+public interface NoticeSender {
+    void send(MessageDetailDTO messageDetailDTO, NoticeModel noticeModel);
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/notice/sender/insite/InSiteNoticeSender.java b/backend/crm/src/main/java/cn/cordys/crm/system/notice/sender/insite/InSiteNoticeSender.java
new file mode 100644
index 0000000..fe161ba
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/notice/sender/insite/InSiteNoticeSender.java
@@ -0,0 +1,113 @@
+package cn.cordys.crm.system.notice.sender.insite;
+
+
+import cn.cordys.common.constants.TopicConstants;
+import cn.cordys.common.redis.MessagePublisher;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.constants.NotificationConstants;
+import cn.cordys.crm.system.domain.Notification;
+import cn.cordys.crm.system.dto.MessageDetailDTO;
+import cn.cordys.crm.system.notice.common.NoticeModel;
+import cn.cordys.crm.system.notice.common.Receiver;
+import cn.cordys.crm.system.notice.dto.NoticeRedisMessage;
+import cn.cordys.crm.system.notice.sender.AbstractNoticeSender;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.data.redis.core.StringRedisTemplate;
+import org.springframework.stereotype.Component;
+
+import java.util.List;
+import java.util.Map;
+import java.util.Set;
+
+@Component
+@Slf4j
+public class InSiteNoticeSender extends AbstractNoticeSender {
+
+    protected static final String USER_PREFIX = "msg_user:";  // Redis 存储系统通知用户前缀
+    protected static final String MSG_PREFIX = "msg_content:";  // Redis 存储系统通知内容信息前缀
+    protected static final String USER_READ_PREFIX = "user_read:";  // Redis 存储用户读取前缀
+    @Resource
+    private BaseMapper<Notification> notificationBaseMapper;
+    @Resource
+    private StringRedisTemplate stringRedisTemplate;
+    @Resource
+    private MessagePublisher messagePublisher;
+
+    public void sendAnnouncement(MessageDetailDTO messageDetailDTO, NoticeModel noticeModel, String context, String subjectText) {
+        List<Receiver> receivers = super.getReceivers(noticeModel.getReceivers(), noticeModel.isExcludeSelf(), noticeModel.getOperator());
+        if (CollectionUtils.isEmpty(receivers)) {
+            // 日志记录没有接收者
+            log.info("系统内没有接收者");
+            return;
+        }
+        log.info("系统内发送通知，接收者为：{}", JSON.toJSONString(receivers));
+        receivers.forEach(receiver -> {
+            String id = IDGenerator.nextStr();
+            Map<String, Object> paramMap = noticeModel.getParamMap();
+            Notification notification = new Notification();
+            notification.setId(id);
+            notification.setSubject(StringUtils.isBlank(subjectText) ? Translator.get("notice.default.subject") : subjectText);
+            notification.setOrganizationId(messageDetailDTO.getOrganizationId());
+            notification.setOperator(noticeModel.getOperator());
+            notification.setOperation(noticeModel.getEvent());
+            if (paramMap.get("resourceId") != null) {
+                notification.setResourceId((String) paramMap.get("resourceId"));
+            } else {
+                notification.setResourceId(messageDetailDTO.getId());
+            }
+            notification.setResourceType(messageDetailDTO.getTaskType());
+            if (paramMap.get("name") != null) {
+                notification.setResourceName((String) paramMap.get("name"));
+            }
+            if (paramMap.get("title") != null) {
+                notification.setResourceName((String) paramMap.get("title"));
+            }
+            notification.setType(receiver.getType());
+            notification.setStatus(NotificationConstants.Status.UNREAD.name());
+            notification.setReceiver(receiver.getUserId());
+            notification.setContent(context.getBytes());
+            notification.setCreateUser(noticeModel.getOperator());
+            notification.setUpdateUser(noticeModel.getOperator());
+            notification.setCreateTime(System.currentTimeMillis());
+            notification.setUpdateTime(System.currentTimeMillis());
+            notificationBaseMapper.insert(notification);
+            String messageText = JSON.toJSONString(notification);
+            //储存信息
+            String userRedisKey = USER_PREFIX + receiver.getUserId();
+            stringRedisTemplate.opsForZSet().add(userRedisKey, id, System.currentTimeMillis());
+            stringRedisTemplate.opsForValue().set(MSG_PREFIX + id, messageText);
+            // 限制 Redis 只存 5 条消息：移除排名 5 之后的所有条目
+            Set<String> oldNotificationIds = stringRedisTemplate.opsForZSet()
+                    .reverseRange(userRedisKey, 4, -1);
+            if (CollectionUtils.isNotEmpty(oldNotificationIds)) {
+                stringRedisTemplate.delete(oldNotificationIds.stream()
+                        .map(nid -> MSG_PREFIX + nid)
+                        .toList());
+                stringRedisTemplate.opsForZSet().removeRange(userRedisKey, 0, -6);
+            }
+            //更新用户的已读全部消息状态 0 为未读，1为已读
+            stringRedisTemplate.opsForValue().set(USER_READ_PREFIX + receiver.getUserId(), "False");
+
+            // 发送消息
+            NoticeRedisMessage noticeRedisMessage = new NoticeRedisMessage();
+            noticeRedisMessage.setMessage(receiver.getUserId());
+            noticeRedisMessage.setNoticeType(NotificationConstants.Type.SYSTEM_NOTICE.toString());
+            messagePublisher.publish(TopicConstants.SSE_TOPIC, JSON.toJSONString(noticeRedisMessage));
+        });
+
+    }
+
+    @Override
+    public void send(MessageDetailDTO messageDetailDTO, NoticeModel noticeModel) {
+        String context = super.getContext(messageDetailDTO, noticeModel);
+        String subjectText = super.getSubjectText(messageDetailDTO, noticeModel);
+        sendAnnouncement(messageDetailDTO, noticeModel, context, subjectText);
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/notice/sender/mail/MailNoticeSender.java b/backend/crm/src/main/java/cn/cordys/crm/system/notice/sender/mail/MailNoticeSender.java
new file mode 100644
index 0000000..65c62ed
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/notice/sender/mail/MailNoticeSender.java
@@ -0,0 +1,54 @@
+package cn.cordys.crm.system.notice.sender.mail;
+
+
+import cn.cordys.crm.system.domain.User;
+import cn.cordys.crm.system.dto.MessageDetailDTO;
+import cn.cordys.crm.system.notice.common.NoticeModel;
+import cn.cordys.crm.system.notice.common.Receiver;
+import cn.cordys.crm.system.notice.sender.AbstractNoticeSender;
+import cn.cordys.crm.system.utils.MailSender;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections.CollectionUtils;
+import org.springframework.stereotype.Component;
+
+import java.util.List;
+import java.util.stream.Collectors;
+
+@Component
+@Slf4j
+public class MailNoticeSender extends AbstractNoticeSender {
+
+    @Resource
+    private MailSender mailSender;
+
+    public void sendMail(String context, NoticeModel noticeModel, String organizationId, String subjectText) {
+        List<Receiver> receivers = super.getReceivers(noticeModel.getReceivers(), noticeModel.isExcludeSelf(), noticeModel.getOperator());
+        if (CollectionUtils.isEmpty(receivers)) {
+            return;
+        }
+        List<String> userIds = receivers.stream()
+                .map(Receiver::getUserId)
+                .distinct()
+                .collect(Collectors.toList());
+        String[] users = super.getUsers(userIds, organizationId).stream()
+                .map(User::getEmail)
+                .distinct()
+                .toArray(String[]::new);
+
+        mailSender.send(subjectText, context, users, new String[0], organizationId);
+    }
+
+    @Override
+    public void send(MessageDetailDTO messageDetailDTO, NoticeModel noticeModel) {
+        String context = super.getContext(messageDetailDTO, noticeModel);
+        String subjectText = super.getSubjectText(messageDetailDTO, noticeModel);
+        try {
+            sendMail(context, noticeModel, messageDetailDTO.getOrganizationId(), subjectText);
+            log.debug("发送邮件结束");
+        } catch (Exception e) {
+            log.error(e.getMessage(), e);
+        }
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/notice/sse/SseController.java b/backend/crm/src/main/java/cn/cordys/crm/system/notice/sse/SseController.java
new file mode 100644
index 0000000..2918685
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/notice/sse/SseController.java
@@ -0,0 +1,43 @@
+package cn.cordys.crm.system.notice.sse;
+
+import io.swagger.v3.oas.annotations.Operation;
+import io.swagger.v3.oas.annotations.tags.Tag;
+import jakarta.servlet.http.HttpServletResponse;
+import org.springframework.http.HttpHeaders;
+import org.springframework.http.MediaType;
+import org.springframework.web.bind.annotation.*;
+import reactor.core.publisher.Flux;
+
+@RestController
+@RequestMapping("/sse")
+@Tag(name = "消息通知-SSE")
+public class SseController {
+
+    private final SseService sseService;
+
+    public SseController(SseService sseService) {
+        this.sseService = sseService;
+    }
+
+    /**
+     * 客户端订阅 SSE 事件流
+     */
+    @GetMapping(value = "/subscribe", produces = MediaType.TEXT_EVENT_STREAM_VALUE)
+    @Operation(summary = "客户端订阅 SSE 事件流")
+    @CrossOrigin
+    public Flux<?> subscribe(@RequestParam String userId, @RequestParam String clientId, HttpServletResponse response) {
+        response.setHeader("X-Accel-Buffering", "no");
+        response.setHeader(HttpHeaders.CACHE_CONTROL, "no-cache");
+        return sseService.addClient(userId, clientId);
+    }
+
+
+    /**
+     * 主动断开客户端连接
+     */
+    @GetMapping("/close")
+    @Operation(summary = "主动断开客户端连接")
+    public void close(@RequestParam String userId, @RequestParam String clientId) {
+        sseService.removeClient(userId, clientId);
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/notice/sse/SseService.java b/backend/crm/src/main/java/cn/cordys/crm/system/notice/sse/SseService.java
new file mode 100644
index 0000000..97dd3a8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/notice/sse/SseService.java
@@ -0,0 +1,199 @@
+package cn.cordys.crm.system.notice.sse;
+
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.JSON;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.constants.NotificationConstants;
+import cn.cordys.crm.system.domain.Notification;
+import cn.cordys.crm.system.dto.response.NotificationDTO;
+import cn.cordys.crm.system.mapper.ExtNotificationMapper;
+import cn.cordys.crm.system.notice.dto.SseMessageDTO;
+import cn.cordys.crm.system.service.SendModuleService;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.data.redis.core.StringRedisTemplate;
+import org.springframework.stereotype.Service;
+import reactor.core.publisher.Flux;
+import reactor.core.publisher.Sinks;
+
+import java.time.Duration;
+import java.util.*;
+import java.util.concurrent.ConcurrentHashMap;
+
+@Service
+@Slf4j
+public class SseService {
+
+    private static final String USER_ANNOUNCE_PREFIX = "announce_user:";
+    private static final String ANNOUNCE_PREFIX = "announce_content:";
+    private static final String USER_PREFIX = "msg_user:";
+    private static final String MSG_PREFIX = "msg_content:";
+    private static final String USER_READ_PREFIX = "user_read:";
+    private final Map<String, Map<String, ClientSinkWrapper>> userClients = new ConcurrentHashMap<>();
+    @Resource
+    private ExtNotificationMapper extNotificationMapper;
+    @Resource
+    private SendModuleService sendModuleService;
+    @Resource
+    private StringRedisTemplate stringRedisTemplate;
+
+    /**
+     * 添加或获取现有客户端流
+     */
+    public Flux<String> addClient(String userId, String clientId) {
+        log.info("当前在线用户数: {} ", userClients.size());
+
+        // 过滤掉默认 admin 用户
+        if (StringUtils.isAnyBlank(userId, clientId) || "admin".equals(userId)) {
+            log.info("User ID or Client ID is blank, cannot add client.");
+            return null;
+        }
+        Map<String, ClientSinkWrapper> inner = userClients.computeIfAbsent(userId,
+                k -> Collections.synchronizedMap(new LinkedHashMap<>()));
+
+        synchronized (inner) {
+            if (inner.containsKey(clientId)) {
+                return inner.get(clientId).flux;
+            }
+            ClientSinkWrapper wrapper = new ClientSinkWrapper();
+            // 控制最多 2 个客户端
+            inner.put(clientId, wrapper);
+            if (inner.size() > 2) {
+                Iterator<String> it = inner.keySet().iterator();
+                String oldest = it.next();
+                ClientSinkWrapper old = inner.remove(oldest);
+                old.complete();
+            }
+            // 首次心跳
+            wrapper.emit("HEARTBEAT: " + System.currentTimeMillis());
+            return wrapper.flux;
+        }
+    }
+
+    /**
+     * 移除客户端
+     */
+    public void removeClient(String userId, String clientId) {
+        if (StringUtils.isAnyBlank(userId, clientId)) return;
+        Map<String, ClientSinkWrapper> map = userClients.get(userId);
+        if (map == null) return;
+        synchronized (map) {
+            ClientSinkWrapper w = map.remove(clientId);
+            if (w != null) w.complete();
+            if (map.isEmpty()) userClients.remove(userId);
+        }
+    }
+
+    /**
+     * 向指定用户所有客户端发送事件
+     */
+    public void sendToUser(String userId, Object data) {
+        Map<String, ClientSinkWrapper> map = userClients.get(userId);
+        if (map != null) {
+            map.forEach((clientId, wrapper) -> wrapper.emit(JSON.toJSONString(data)));
+        }
+    }
+
+    /**
+     * 向单个客户端发送事件
+     */
+    public void sendToClient(String userId, String clientId, Object data) {
+        Optional.ofNullable(userClients.get(userId))
+                .map(m -> m.get(clientId)).ifPresent(wrapper -> wrapper.emit(JSON.toJSONString(data)));
+    }
+
+    /**
+     * 定时广播逻辑调用
+     */
+    public void broadcastPeriodically(String userId, String sendType) {
+        SseMessageDTO msg = buildMessage(userId, sendType);
+        sendToUser(userId, msg);
+        log.info("Broadcast to user {} at {}", userId, System.currentTimeMillis());
+    }
+
+    /**
+     * 构建通知消息体
+     */
+    private SseMessageDTO buildMessage(String userId, String sendType) {
+        SseMessageDTO dto = new SseMessageDTO();
+        if (Strings.CI.equals(sendType, NotificationConstants.Type.SYSTEM_NOTICE.toString())) {
+            List<String> modules = sendModuleService.getNoticeModules();
+            Set<String> sysValues = stringRedisTemplate.opsForZSet().range(USER_PREFIX + userId, 0, -1);
+            if (CollectionUtils.isNotEmpty(sysValues)) {
+                dto.setNotificationDTOList(buildDTOList(sysValues, MSG_PREFIX));
+            } else {
+                if (CollectionUtils.isNotEmpty(modules)) {
+                    List<NotificationDTO> list = extNotificationMapper
+                            .selectLastList(userId, OrganizationContext.getOrganizationId(), modules);
+                    list.forEach(n -> n.setContentText(new String(n.getContent())));
+                    dto.setNotificationDTOList(list);
+                }
+            }
+        }
+        if (Strings.CI.equals(sendType, NotificationConstants.Type.ANNOUNCEMENT_NOTICE.toString())) {
+            Set<String> values = stringRedisTemplate.opsForZSet().range(USER_ANNOUNCE_PREFIX + userId, 0, -1);
+            if (CollectionUtils.isNotEmpty(values)) {
+                dto.setAnnouncementDTOList(buildDTOList(values, ANNOUNCE_PREFIX));
+            }
+        }
+        dto.setRead(Boolean.parseBoolean(
+                stringRedisTemplate.opsForValue().get(USER_READ_PREFIX + userId)
+        ));
+        return dto;
+    }
+
+    /**
+     * 根据 Redis 构建 DTO 列表
+     */
+    private List<NotificationDTO> buildDTOList(Set<String> values, String prefix) {
+        if (CollectionUtils.isEmpty(values)) {
+            return Collections.emptyList();
+        }
+        return values.stream()
+                .map(val -> stringRedisTemplate.opsForValue().get(prefix + val))
+                .filter(StringUtils::isNotBlank)
+                .map(json -> {
+                    try {
+                        Notification notification = JSON.parseObject(json, Notification.class);
+                        NotificationDTO dto = new NotificationDTO();
+                        BeanUtils.copyBean(dto, notification);
+                        dto.setContentText(new String(notification.getContent()));
+                        return dto;
+                    } catch (Exception e) {
+                        log.warn("Failed to parse notification from Redis: {}", e.getMessage());
+                        return null;
+                    }
+                })
+                .filter(Objects::nonNull)
+                .sorted(Comparator.comparing(NotificationDTO::getCreateTime).reversed())
+                .toList();
+    }
+
+    /**
+     * 客户端包装，包含 Sink 与 Flux
+     */
+    private static class ClientSinkWrapper {
+        private final Sinks.Many<String> sink;
+        private final Flux<String> flux;
+
+        ClientSinkWrapper() {
+            this.sink = Sinks.many().multicast().onBackpressureBuffer();
+            this.flux = sink.asFlux()
+                    // 心跳自动推送每 15 秒一次
+                    .mergeWith(Flux.interval(Duration.ofSeconds(15))
+                            .map(tick -> "HEARTBEAT: " + System.currentTimeMillis()))
+                    .doOnCancel(this::complete);
+        }
+
+        void emit(String message) {
+            sink.tryEmitNext(message);
+        }
+
+        void complete() {
+            sink.tryEmitComplete();
+        }
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/AnnouncementService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/AnnouncementService.java
new file mode 100644
index 0000000..e2208d6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/AnnouncementService.java
@@ -0,0 +1,377 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.common.constants.TopicConstants;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.redis.MessagePublisher;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.SubListUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.constants.NotificationConstants;
+import cn.cordys.crm.system.domain.Announcement;
+import cn.cordys.crm.system.domain.Notification;
+import cn.cordys.crm.system.dto.AnnouncementReceiveTypeDTO;
+import cn.cordys.crm.system.dto.convert.AnnouncementContentDTO;
+import cn.cordys.crm.system.dto.log.AnnouncementLogDTO;
+import cn.cordys.crm.system.dto.request.AnnouncementPageRequest;
+import cn.cordys.crm.system.dto.request.AnnouncementRequest;
+import cn.cordys.crm.system.dto.response.AnnouncementDTO;
+import cn.cordys.crm.system.dto.response.NotificationDTO;
+import cn.cordys.crm.system.dto.response.OptionScopeDTO;
+import cn.cordys.crm.system.mapper.ExtAnnouncementMapper;
+import cn.cordys.crm.system.mapper.ExtDepartmentMapper;
+import cn.cordys.crm.system.mapper.ExtNotificationMapper;
+import cn.cordys.crm.system.mapper.ExtUserMapper;
+import cn.cordys.crm.system.notice.dto.NoticeRedisMessage;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.springframework.data.redis.core.StringRedisTemplate;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.nio.charset.StandardCharsets;
+import java.text.SimpleDateFormat;
+import java.util.*;
+
+
+@Service
+public class AnnouncementService {
+
+    // Redis 存储用户前缀
+    private static final String USER_ANNOUNCE_PREFIX = "announce_user:";
+    // Redis 存储信息前缀
+    private static final String ANNOUNCE_PREFIX = "announce_content:";
+    // Redis 存储用户读取前缀
+    private static final String USER_READ_PREFIX = "user_read:";
+    @Resource
+    private BaseMapper<Announcement> announcementMapper;
+    @Resource
+    private BaseMapper<Notification> notificationBaseMapper;
+    @Resource
+    private ExtAnnouncementMapper extAnnouncementMapper;
+    @Resource
+    private ExtDepartmentMapper extDepartmentMapper;
+    @Resource
+    private ExtNotificationMapper notificationMapper;
+    @Resource
+    private ExtUserMapper userMapper;
+    @Resource
+    private StringRedisTemplate stringRedisTemplate;
+    @Resource
+    private MessagePublisher messagePublisher;
+
+    @Transactional(rollbackFor = Exception.class)
+    @OperationLog(module = LogModule.SYSTEM_MESSAGE_ANNOUNCEMENT, type = LogType.ADD)
+    public void add(AnnouncementRequest request, String userId) {
+        Set<String> userSet = new HashSet<>();
+        AnnouncementReceiveTypeDTO announcementReceiveTypeDTO = new AnnouncementReceiveTypeDTO();
+        dealReceiverIds(request, userSet, announcementReceiveTypeDTO);
+        List<String> userIds = new ArrayList<>(userSet);
+
+        Announcement announcement = new Announcement();
+        announcement.setId(IDGenerator.nextStr());
+        announcement.setSubject(request.getSubject());
+        announcement.setContent(request.getContent().getBytes());
+        announcement.setStartTime(request.getStartTime());
+        announcement.setEndTime(request.getEndTime());
+        announcement.setUrl(request.getUrl());
+        announcement.setRenameUrl(request.getRenameUrl());
+        announcement.setReceiver(JSON.toJSONString(userIds).getBytes(StandardCharsets.UTF_8));
+        announcement.setReceiveType(JSON.toJSONString(announcementReceiveTypeDTO).getBytes(StandardCharsets.UTF_8));
+        announcement.setOrganizationId(request.getOrganizationId());
+        announcement.setCreateTime(System.currentTimeMillis());
+        announcement.setUpdateTime(System.currentTimeMillis());
+        announcement.setCreateUser(userId);
+        announcement.setUpdateUser(userId);
+        announcement.setNotice(false);
+        //根据有效时间判断是否生成notification
+        if (request.getStartTime() <= announcement.getCreateTime() && request.getEndTime() >= announcement.getCreateTime()) {
+            convertNotification(userId, announcement, userIds);
+            announcement.setNotice(true);
+        }
+        announcementMapper.insert(announcement);
+        AnnouncementLogDTO announcementLogDTO = buildNewLogDTO(request, announcement, announcementReceiveTypeDTO);
+        // 添加日志上下文
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .resourceId(announcement.getId())
+                        .resourceName(announcement.getSubject())
+                        .modifiedValue(announcementLogDTO)
+                        .build()
+        );
+    }
+
+    private AnnouncementLogDTO buildNewLogDTO(AnnouncementRequest request, Announcement announcement, AnnouncementReceiveTypeDTO announcementReceiveTypeDTO) {
+        AnnouncementLogDTO announcementLogDTO = new AnnouncementLogDTO();
+        BeanUtils.copyBean(announcementLogDTO, announcement);
+        List<String> receiverName = getReceiverName(announcementReceiveTypeDTO);
+        announcementLogDTO.setReceiver(receiverName);
+        announcementLogDTO.setContent(request.getContent());
+        if (request.getStartTime() != null) {
+            announcementLogDTO.setStartTime(new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(request.getStartTime()));
+        }
+        if (request.getEndTime() != null) {
+            announcementLogDTO.setEndTime(new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(request.getEndTime()));
+        }
+        return announcementLogDTO;
+    }
+
+    private AnnouncementLogDTO getOldLogDTO(Announcement originalAnnouncement) {
+        AnnouncementReceiveTypeDTO oldReceiveTypeDTO = JSON.parseObject(new String(originalAnnouncement.getReceiveType()), AnnouncementReceiveTypeDTO.class);
+        AnnouncementLogDTO oldLogDTO = new AnnouncementLogDTO();
+        BeanUtils.copyBean(oldLogDTO, originalAnnouncement);
+        List<String> receiverName = getReceiverName(oldReceiveTypeDTO);
+        oldLogDTO.setReceiver(receiverName);
+        oldLogDTO.setContent(new String(originalAnnouncement.getContent(), StandardCharsets.UTF_8));
+        oldLogDTO.setStartTime(new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(originalAnnouncement.getStartTime()));
+        oldLogDTO.setEndTime(new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(originalAnnouncement.getEndTime()));
+        return oldLogDTO;
+    }
+
+
+    @Transactional(rollbackFor = Exception.class)
+    @OperationLog(module = LogModule.SYSTEM_MESSAGE_ANNOUNCEMENT, type = LogType.UPDATE)
+    public void update(AnnouncementRequest request, String userId) {
+        String organizationId = request.getOrganizationId();
+        Announcement originalAnnouncement = announcementMapper.selectByPrimaryKey(request.getId());
+        if (originalAnnouncement == null) {
+            throw new GenericException(Translator.get("announcement.blank"));
+        }
+        AnnouncementReceiveTypeDTO announcementReceiveTypeDTO = new AnnouncementReceiveTypeDTO();
+        Set<String> userSet = new HashSet<>();
+        dealReceiverIds(request, userSet, announcementReceiveTypeDTO);
+        List<String> userIds = new ArrayList<>(userSet);
+        Announcement announcement = BeanUtils.copyBean(new Announcement(), request);
+        announcement.setSubject(request.getSubject());
+        announcement.setContent(request.getContent().getBytes());
+        announcement.setStartTime(request.getStartTime());
+        announcement.setEndTime(request.getEndTime());
+        announcement.setUrl(request.getUrl());
+        announcement.setRenameUrl(request.getRenameUrl());
+        announcement.setReceiver(JSON.toJSONString(userIds).getBytes(StandardCharsets.UTF_8));
+        announcement.setReceiveType(JSON.toJSONString(announcementReceiveTypeDTO).getBytes(StandardCharsets.UTF_8));
+        announcement.setOrganizationId(organizationId);
+        announcement.setUpdateTime(System.currentTimeMillis());
+        announcement.setUpdateUser(userId);
+        announcement.setNotice(false);
+        announcementMapper.updateById(announcement);
+        if (originalAnnouncement.getNotice()) {
+            //删除旧的notice，根据接收人生成新的未读的notice
+            String announcementId = announcement.getId();
+            deleteAnnouncementKeyById(announcementId, organizationId);
+            notificationMapper.deleteByResourceId(announcementId);
+            //根据有效时间判断是否生成notification
+            if (request.getStartTime() <= System.currentTimeMillis() && request.getEndTime() >= System.currentTimeMillis()) {
+                //如果公告的有效时间在当前时间内，则生成通知
+                convertNotification(userId, announcement, userIds);
+            }
+        }
+        // 添加日志上下文
+        AnnouncementLogDTO oldLogDTO = getOldLogDTO(originalAnnouncement);
+        if (request.getStartTime() == null) {
+            request.setStartTime(originalAnnouncement.getStartTime());
+        }
+        if (request.getEndTime() == null) {
+            request.setEndTime(originalAnnouncement.getEndTime());
+        }
+        AnnouncementLogDTO announcementLogDTO = buildNewLogDTO(request, announcement, announcementReceiveTypeDTO);
+        String resourceName = Optional.ofNullable(announcement.getSubject()).orElse(originalAnnouncement.getSubject());
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .originalValue(oldLogDTO)
+                        .resourceId(originalAnnouncement.getId())
+                        .resourceName(resourceName)
+                        .modifiedValue(announcementLogDTO)
+                        .build()
+        );
+    }
+
+    private void dealReceiverIds(AnnouncementRequest request, Set<String> userSet, AnnouncementReceiveTypeDTO announcementReceiveTypeDTO) {
+        if (CollectionUtils.isNotEmpty(request.getDeptIds())) {
+            List<String> depIds = extDepartmentMapper.selectChildrenByIds(request.getDeptIds());
+            if (CollectionUtils.isNotEmpty(depIds)) {
+                userSet.addAll(extDepartmentMapper.getUserIdsByDeptIds(depIds));
+            }
+            announcementReceiveTypeDTO.setDeptIds(request.getDeptIds());
+        }
+        if (CollectionUtils.isNotEmpty(request.getUserIds())) {
+            userSet.addAll(request.getUserIds());
+            announcementReceiveTypeDTO.setUserIds(request.getUserIds());
+        }
+    }
+
+    /**
+     * 删除缓存中的公告提示
+     *
+     * @param announcementId 公告id
+     * @param organizationId 组织Id
+     */
+    private void deleteAnnouncementKeyById(String announcementId, String organizationId) {
+        Notification notificationRequest = new Notification();
+        notificationRequest.setResourceId(announcementId);
+        notificationRequest.setOrganizationId(organizationId);
+        List<NotificationDTO> notificationDTOS = notificationMapper.selectByAnyOne(notificationRequest);
+        for (NotificationDTO notificationDTO : notificationDTOS) {
+            String notificationDTOId = notificationDTO.getId();
+            stringRedisTemplate.opsForZSet().remove(USER_ANNOUNCE_PREFIX + notificationDTO.getReceiver(), notificationDTOId);
+            stringRedisTemplate.delete(ANNOUNCE_PREFIX + notificationDTOId);
+        }
+    }
+
+    /**
+     * 公告转为接收人收到的通知
+     *
+     * @param userId       创建人
+     * @param announcement 公告
+     * @param userIds      接收人集合
+     */
+    public void convertNotification(String userId, Announcement announcement, List<String> userIds) {
+        SubListUtils.dealForSubList(userIds, 50, (subUserIds) -> {
+            List<Notification> notifications = new ArrayList<>();
+            for (String subUserId : subUserIds) {
+                Notification notification = new Notification();
+                String id = IDGenerator.nextStr();
+                notification.setId(id);
+                notification.setType(NotificationConstants.Type.ANNOUNCEMENT_NOTICE.name());
+                notification.setReceiver(subUserId);
+                notification.setSubject(announcement.getSubject());
+                notification.setStatus(NotificationConstants.Status.UNREAD.name());
+                notification.setOperator(userId);
+                notification.setOperation(NotificationConstants.Type.ANNOUNCEMENT_NOTICE.name());
+                notification.setOrganizationId(announcement.getOrganizationId());
+                notification.setResourceId(announcement.getId());
+                notification.setResourceType(NotificationConstants.Type.ANNOUNCEMENT_NOTICE.name());
+                notification.setResourceName(announcement.getSubject());
+                AnnouncementContentDTO announcementContentDTO = new AnnouncementContentDTO();
+                announcementContentDTO.setUrl(announcement.getUrl());
+                announcementContentDTO.setRenameUrl(announcement.getRenameUrl());
+                announcementContentDTO.setContent(new String(announcement.getContent()));
+                notification.setContent(JSON.toJSONString(announcementContentDTO).getBytes());
+                notification.setCreateUser(userId);
+                notification.setUpdateUser(userId);
+                notification.setCreateTime(System.currentTimeMillis());
+                notification.setUpdateTime(System.currentTimeMillis());
+                notifications.add(notification);
+                //根据公告的有效时间判断是否需要发送通知
+                if (announcement.getStartTime() <= System.currentTimeMillis() && announcement.getEndTime() >= System.currentTimeMillis()) {
+                    NotificationDTO notificationDTO = new NotificationDTO();
+                    BeanUtils.copyBean(notificationDTO, notification);
+                    notificationDTO.setContentText(JSON.toJSONString(announcementContentDTO));
+                    String messageText = JSON.toJSONString(notificationDTO);
+
+                    stringRedisTemplate.opsForZSet().add(USER_ANNOUNCE_PREFIX + subUserId, id, System.currentTimeMillis());
+                    stringRedisTemplate.opsForValue().set(ANNOUNCE_PREFIX + id, messageText);
+                    //更新用户的已读全部消息状态 0 为未读，1为已读
+                    stringRedisTemplate.opsForValue().set(USER_READ_PREFIX + subUserId, "False");
+                    // 发送消息
+                    NoticeRedisMessage noticeRedisMessage = new NoticeRedisMessage();
+                    noticeRedisMessage.setMessage(subUserId);
+                    noticeRedisMessage.setNoticeType(NotificationConstants.Type.ANNOUNCEMENT_NOTICE.toString());
+                    messagePublisher.publish(TopicConstants.SSE_TOPIC, JSON.toJSONString(noticeRedisMessage));
+                    //sseService.broadcastPeriodically(subUserId, NotificationConstants.Type.ANNOUNCEMENT_NOTICE.toString());
+                }
+            }
+            notificationBaseMapper.batchInsert(notifications);
+        });
+    }
+
+    @Transactional(rollbackFor = Exception.class)
+    @OperationLog(module = LogModule.SYSTEM_MESSAGE_ANNOUNCEMENT, type = LogType.DELETE, resourceId = "{#id}")
+    public void delete(String id) {
+        Announcement announcement = announcementMapper.selectByPrimaryKey(id);
+        if (announcement == null) {
+            throw new RuntimeException(Translator.get("announcement.blank"));
+        }
+        deleteAnnouncementKeyById(id, announcement.getOrganizationId());
+        announcementMapper.deleteByPrimaryKey(id);
+        notificationMapper.deleteByResourceId(id);
+
+        // 添加日志上下文
+        OperationLogContext.setResourceName(announcement.getSubject());
+    }
+
+    /**
+     * 公告列表分页查询
+     *
+     * @param request request
+     *
+     * @return 公告列表
+     */
+    public List<AnnouncementDTO> page(AnnouncementPageRequest request) {
+        List<AnnouncementDTO> announcementDTOS = extAnnouncementMapper.selectByBaseRequest(request);
+        if (CollectionUtils.isNotEmpty(announcementDTOS)) {
+            for (AnnouncementDTO announcementDTO : announcementDTOS) {
+                announcementDTO.setContentText(new String(announcementDTO.getContent(), StandardCharsets.UTF_8));
+                setReceiverNameOption(announcementDTO);
+            }
+        }
+        return announcementDTOS;
+    }
+
+    /**
+     * 获取公告
+     *
+     * @param id 公告id
+     *
+     * @return AnnouncementDTO
+     */
+    public AnnouncementDTO detail(String id) {
+        AnnouncementDTO announcementDTO = extAnnouncementMapper.selectById(id);
+        if (announcementDTO == null) {
+            throw new RuntimeException(Translator.get("announcement.blank"));
+        }
+        setReceiverNameOption(announcementDTO);
+        announcementDTO.setContentText(new String(announcementDTO.getContent(), StandardCharsets.UTF_8));
+        return announcementDTO;
+    }
+
+    private void setReceiverNameOption(AnnouncementDTO announcementDTO) {
+        AnnouncementReceiveTypeDTO announcementReceiveTypeDTO = JSON.parseObject(new String(announcementDTO.getReceiveType()), AnnouncementReceiveTypeDTO.class);
+        if (CollectionUtils.isNotEmpty(announcementReceiveTypeDTO.getDeptIds())) {
+            List<OptionDTO> idNameByIds = extDepartmentMapper.getIdNameByIds(announcementReceiveTypeDTO.getDeptIds());
+            List<OptionScopeDTO> optionScopeDTOList = new ArrayList<>();
+            for (OptionDTO idNameById : idNameByIds) {
+                OptionScopeDTO optionScopeDTO = new OptionScopeDTO();
+                BeanUtils.copyBean(optionScopeDTO, idNameById);
+                optionScopeDTO.setScope("DEPARTMENT");
+                optionScopeDTOList.add(optionScopeDTO);
+            }
+            announcementDTO.setDeptIdName(optionScopeDTOList);
+        }
+        if (CollectionUtils.isNotEmpty(announcementReceiveTypeDTO.getUserIds())) {
+            List<OptionDTO> idNameByIds = userMapper.selectUserOptionByIds(announcementReceiveTypeDTO.getUserIds());
+            List<OptionScopeDTO> optionScopeDTOList = new ArrayList<>();
+            for (OptionDTO idNameById : idNameByIds) {
+                OptionScopeDTO optionScopeDTO = new OptionScopeDTO();
+                BeanUtils.copyBean(optionScopeDTO, idNameById);
+                optionScopeDTO.setScope("USER");
+                optionScopeDTOList.add(optionScopeDTO);
+            }
+            announcementDTO.setUserIdName(optionScopeDTOList);
+        }
+    }
+
+    public List<String> getReceiverName(AnnouncementReceiveTypeDTO announcementReceiveTypeDTO) {
+        List<String> returnNames = new ArrayList<>();
+        if (CollectionUtils.isNotEmpty(announcementReceiveTypeDTO.getDeptIds())) {
+            List<String> names = extDepartmentMapper.getNameByIds(announcementReceiveTypeDTO.getDeptIds());
+            returnNames.addAll(names);
+        }
+        if (CollectionUtils.isNotEmpty(announcementReceiveTypeDTO.getUserIds())) {
+            List<String> names = userMapper.selectUserNameByIds(announcementReceiveTypeDTO.getUserIds());
+            returnNames.addAll(names);
+        }
+        return returnNames;
+
+    }
+
+}
+
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/AttachmentService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/AttachmentService.java
new file mode 100644
index 0000000..3360c96
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/AttachmentService.java
@@ -0,0 +1,282 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.crm.system.domain.Attachment;
+import cn.cordys.crm.system.dto.request.UploadTransferRequest;
+import cn.cordys.file.engine.DefaultRepositoryDir;
+import cn.cordys.file.engine.FileCopyRequest;
+import cn.cordys.file.engine.FileRequest;
+import cn.cordys.file.engine.StorageType;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.core.io.InputStreamResource;
+import org.springframework.http.HttpHeaders;
+import org.springframework.http.MediaType;
+import org.springframework.http.ResponseEntity;
+import org.springframework.scheduling.annotation.Async;
+import org.springframework.stereotype.Service;
+import org.springframework.util.CollectionUtils;
+import org.springframework.web.multipart.MultipartFile;
+
+import java.io.File;
+import java.io.FileInputStream;
+import java.io.InputStream;
+import java.net.URLEncoder;
+import java.nio.charset.StandardCharsets;
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Map;
+import java.util.function.Function;
+import java.util.stream.Collectors;
+
+/**
+ * @author song-cc-rock
+ */
+@Service
+@Slf4j
+public class AttachmentService {
+
+    @Resource
+    private BaseMapper<Attachment> attachmentMapper;
+
+    @Resource
+    private FileCommonService fileCommonService;
+
+    /**
+     * 上传临时附件
+     *
+     * @param files 上传附件集合
+     */
+    public List<String> uploadTemp(List<MultipartFile> files) {
+        List<String> tempPicIds = new ArrayList<>();
+        FileRequest tempRequest = new FileRequest(null, StorageType.LOCAL.name(), null);
+        files.forEach(file -> {
+            String tempPicId = IDGenerator.nextStr();
+            tempRequest.setFolder(DefaultRepositoryDir.getTempFileDir(tempPicId));
+            tempRequest.setFileName(file.getOriginalFilename());
+            fileCommonService.upload(file, tempRequest);
+            tempPicIds.add(tempPicId);
+        });
+        return tempPicIds;
+    }
+
+    /**
+     * 删除附件
+     *
+     * @param attachmentId 附件ID
+     */
+    public void delete(String attachmentId) {
+        Attachment attachment = attachmentMapper.selectByPrimaryKey(attachmentId);
+        if (attachment == null) {
+            // 删除临时文件目录
+            fileCommonService.deleteFolder(new FileRequest(DefaultRepositoryDir.getTempFileDir(attachmentId), StorageType.LOCAL.name(), null), true);
+        } else {
+            // 删除正式文件
+            fileCommonService.deleteFolder(new FileRequest(DefaultRepositoryDir.getTransferFileDir(attachment.getOrganizationId(), attachment.getResourceId(), attachment.getId()),
+                    StorageType.LOCAL.name(), attachment.getName()), false);
+        }
+    }
+
+    /**
+     * 获取文件流
+     *
+     * @param attachmentId 附件ID
+     *
+     * @return 文件流
+     */
+    public ResponseEntity<org.springframework.core.io.Resource> getResource(String attachmentId) {
+        Attachment attachment = attachmentMapper.selectByPrimaryKey(attachmentId);
+        FileRequest request;
+        ResponseEntity.BodyBuilder responseBuilder = ResponseEntity.ok();
+        try {
+            InputStream fileStream;
+            if (attachment == null) {
+                // get pic from temp dir
+                request = new FileRequest(DefaultRepositoryDir.getTempFileDir(attachmentId), StorageType.LOCAL.name(), null);
+                List<File> folderFiles = fileCommonService.getFolderFiles(request);
+                if (CollectionUtils.isEmpty(folderFiles)) {
+                    return null;
+                }
+                File file = folderFiles.getFirst();
+                fileStream = new FileInputStream(file);
+                responseBuilder.header(HttpHeaders.CONTENT_DISPOSITION, "attachment; filename*=UTF-8''" + encodeName(file.getName()))
+                        .contentLength(file.length())
+                        .contentType(isSvg(file.getName()) ? MediaType.parseMediaType("image/svg+xml") : MediaType.parseMediaType("application/octet-stream"));
+            } else {
+                // get attachment from transferred dir
+                request = new FileRequest(DefaultRepositoryDir.getTransferFileDir(attachment.getOrganizationId(), attachment.getResourceId(), attachment.getId()), StorageType.LOCAL.name(), attachment.getName());
+                fileStream = fileCommonService.getFileInputStream(request);
+                if (fileStream == null) {
+                    throw new GenericException("The file does not exist or has been deleted");
+                }
+                responseBuilder.header(HttpHeaders.CONTENT_DISPOSITION, "attachment; filename*=UTF-8''" + encodeName(attachment.getName()))
+                        .contentLength(attachment.getSize())
+                        .contentType(isSvg(attachment.getName()) ? MediaType.parseMediaType("image/svg+xml") : MediaType.parseMediaType("application/octet-stream"));
+            }
+            return responseBuilder
+                    .body(new InputStreamResource(fileStream));
+        } catch (Exception e) {
+            log.error(e.getMessage());
+            return null;
+        }
+    }
+
+
+    /**
+     * 判断是否svg文件
+     *
+     * @param fileName 文件名
+     *
+     * @return 是否svg
+     */
+    private boolean isSvg(String fileName) {
+        return fileName.endsWith(".svg") || fileName.endsWith(".SVG");
+    }
+
+    /**
+     * 处理临时附件: 转存新的临时附件, 移除删除的正式附件
+     *
+     * @param transferRequest 转存参数
+     */
+    public void processTemp(UploadTransferRequest transferRequest) {
+        List<Attachment> attachments = new ArrayList<>();
+        LambdaQueryWrapper<Attachment> queryWrapper = new LambdaQueryWrapper<>();
+        queryWrapper.eq(Attachment::getResourceId, transferRequest.getResourceId());
+        List<Attachment> transferredAttachments = attachmentMapper.selectListByLambda(queryWrapper);
+        List<String> transferredIds = transferredAttachments.stream().map(Attachment::getId).toList();
+        // insert new attachment
+        transferRequest.getTempFileIds().stream().filter(tempFileId -> !transferredIds.contains(tempFileId)).forEach(tempFileId -> {
+            // transfer new pic
+            FileRequest request = new FileRequest(DefaultRepositoryDir.getTmpDir() + "/" + tempFileId, StorageType.LOCAL.name(), null);
+            List<File> folderTempFiles = fileCommonService.getFolderFiles(request);
+            if (!CollectionUtils.isEmpty(folderTempFiles)) {
+                File tempFile = folderTempFiles.getFirst();
+                FileCopyRequest copyRequest = new FileCopyRequest(DefaultRepositoryDir.getTempFileDir(tempFileId),
+                        DefaultRepositoryDir.getTransferFileDir(transferRequest.getOrganizationId(), transferRequest.getResourceId(), tempFileId),
+                        tempFile.getName());
+                fileCommonService.copyFile(copyRequest, StorageType.LOCAL.name());
+                Attachment attachment = new Attachment();
+                attachment.setId(tempFileId);
+                attachment.setName(tempFile.getName());
+                String type = "";
+                int index = tempFile.getName().lastIndexOf('.');
+                if (index != -1 && index < tempFile.getName().length() - 1) {
+                    type = tempFile.getName().substring(index + 1);
+                }
+                attachment.setType(type);
+                attachment.setSize(tempFile.length());
+                attachment.setStorage(StorageType.LOCAL.name());
+                attachment.setOrganizationId(transferRequest.getOrganizationId());
+                attachment.setResourceId(transferRequest.getResourceId());
+                attachment.setCreateTime(System.currentTimeMillis());
+                attachment.setCreateUser(transferRequest.getOperatorUserId());
+                attachment.setUpdateTime(System.currentTimeMillis());
+                attachment.setUpdateUser(transferRequest.getOperatorUserId());
+                attachments.add(attachment);
+            }
+        });
+        attachmentMapper.batchInsert(attachments);
+        // remove deleted
+        List<String> removedIds = transferredIds.stream().filter(aId -> !transferRequest.getTempFileIds().contains(aId)).toList();
+        if (!CollectionUtils.isEmpty(removedIds)) {
+            LambdaQueryWrapper<Attachment> duplicateQueryWrapper = new LambdaQueryWrapper<>();
+            duplicateQueryWrapper.in(Attachment::getId, removedIds);
+            attachmentMapper.deleteByLambda(duplicateQueryWrapper);
+            removedIds.forEach(removeId -> {
+                FileRequest request = new FileRequest(DefaultRepositoryDir.getTransferFileDir(transferRequest.getOrganizationId(), transferRequest.getResourceId(), removeId), StorageType.LOCAL.name(), null);
+                fileCommonService.deleteFolder(request, true);
+            });
+        }
+    }
+
+    /**
+     * 通过ID映射批量复制附件
+     *
+     * @param oldOfNewIdMap {旧的附件ID: 新的附件ID} 集合
+     * @param targetId      目标资源ID
+     * @param currentUser   当前操作用户
+     */
+    public void batchCopyOfIdMap(Map<String, String> oldOfNewIdMap, String targetId, String currentUser) {
+        LambdaQueryWrapper<Attachment> queryWrapper = new LambdaQueryWrapper<>();
+        queryWrapper.in(Attachment::getId, oldOfNewIdMap.keySet().stream().toList());
+        List<Attachment> attachments = attachmentMapper.selectListByLambda(queryWrapper);
+        Map<String, Attachment> attachmentMap = attachments.stream().collect(Collectors.toMap(Attachment::getId, Function.identity()));
+        List<Attachment> newAttachments = new ArrayList<>();
+        oldOfNewIdMap.forEach((oId, nId) -> {
+            if (!attachmentMap.containsKey(oId)) {
+                return;
+            }
+            Attachment oldAttachment = attachmentMap.get(oId);
+            // 复制文件
+            FileCopyRequest copyRequest = new FileCopyRequest(
+                    DefaultRepositoryDir.getTransferFileDir(oldAttachment.getOrganizationId(), oldAttachment.getResourceId(), oId),
+                    DefaultRepositoryDir.getTransferFileDir(oldAttachment.getOrganizationId(), targetId, nId),
+                    oldAttachment.getName());
+            Thread.startVirtualThread(() -> fileCommonService.copyFile(copyRequest, StorageType.LOCAL.name()));
+            // 复制附件记录
+            oldAttachment.setId(nId);
+            oldAttachment.setResourceId(targetId);
+            oldAttachment.setCreateTime(System.currentTimeMillis());
+            oldAttachment.setCreateUser(currentUser);
+            oldAttachment.setUpdateTime(System.currentTimeMillis());
+            oldAttachment.setUpdateUser(currentUser);
+            newAttachments.add(oldAttachment);
+        });
+        attachmentMapper.batchInsert(newAttachments);
+    }
+
+    /**
+     * 编码文件名
+     *
+     * @param fileName 文件名
+     *
+     * @return 编码后文件名
+     */
+    private String encodeName(String fileName) {
+        return URLEncoder.encode(fileName, StandardCharsets.UTF_8)
+                .replaceAll("\\+", "%20");
+    }
+
+	/**
+	 * 追加临时文件
+	 * @param transferRequest 参数
+	 */
+	@Async
+	public void appendTemp(UploadTransferRequest transferRequest) {
+		List<Attachment> attachments = new ArrayList<>();
+		// insert new attachment
+		transferRequest.getTempFileIds().forEach(tempFileId -> {
+			FileRequest request = new FileRequest(DefaultRepositoryDir.getTmpDir() + "/" + tempFileId, StorageType.LOCAL.name(), null);
+			List<File> folderTempFiles = fileCommonService.getFolderFiles(request);
+			if (!CollectionUtils.isEmpty(folderTempFiles)) {
+				File tempFile = folderTempFiles.getFirst();
+				FileCopyRequest copyRequest = new FileCopyRequest(DefaultRepositoryDir.getTempFileDir(tempFileId),
+						DefaultRepositoryDir.getTransferFileDir(transferRequest.getOrganizationId(), transferRequest.getResourceId(), tempFileId),
+						tempFile.getName());
+				fileCommonService.copyFile(copyRequest, StorageType.LOCAL.name());
+				Attachment attachment = new Attachment();
+				attachment.setId(tempFileId);
+				attachment.setName(tempFile.getName());
+				String type = "";
+				int index = tempFile.getName().lastIndexOf('.');
+				if (index != -1 && index < tempFile.getName().length() - 1) {
+					type = tempFile.getName().substring(index + 1);
+				}
+				attachment.setType(type);
+				attachment.setSize(tempFile.length());
+				attachment.setStorage(StorageType.LOCAL.name());
+				attachment.setOrganizationId(transferRequest.getOrganizationId());
+				attachment.setResourceId(transferRequest.getResourceId());
+				attachment.setCreateTime(System.currentTimeMillis());
+				attachment.setCreateUser(transferRequest.getOperatorUserId());
+				attachment.setUpdateTime(System.currentTimeMillis());
+				attachment.setUpdateUser(transferRequest.getOperatorUserId());
+				attachments.add(attachment);
+			}
+		});
+		attachmentMapper.batchInsert(attachments);
+	}
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/BaseModuleLogService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/BaseModuleLogService.java
new file mode 100644
index 0000000..658c73b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/BaseModuleLogService.java
@@ -0,0 +1,543 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.JsonDifferenceDTO;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.resolver.field.AbstractModuleFieldResolver;
+import cn.cordys.common.resolver.field.ModuleFieldResolverFactory;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.clue.service.ClueService;
+import cn.cordys.crm.contract.service.BusinessTitleService;
+import cn.cordys.crm.contract.service.ContractService;
+import cn.cordys.crm.customer.service.CustomerContactService;
+import cn.cordys.crm.opportunity.service.OpportunityService;
+import cn.cordys.crm.product.domain.Product;
+import cn.cordys.crm.system.constants.FieldType;
+import cn.cordys.crm.system.dto.field.DateTimeField;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.field.base.SubField;
+import cn.cordys.crm.system.dto.form.FormProp;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.text.SimpleDateFormat;
+import java.util.*;
+import java.util.function.Function;
+import java.util.stream.Collectors;
+
+public abstract class BaseModuleLogService {
+    @Resource
+    private BaseMapper<Product> productMapper;
+
+    protected String oldValue;
+
+    protected String newValue;
+
+    public void setOldValue(String oldValue) {
+        this.oldValue = oldValue;
+    }
+
+    public void setNewValue(String newValue) {
+        this.newValue = newValue;
+    }
+
+    /**
+     * 翻译字段名称
+     * 赋值旧值名称和新值名称
+     *
+     * @param differ
+     */
+    public static void translatorDifferInfo(JsonDifferenceDTO differ) {
+        //主表字段
+        differ.setColumnName(Translator.get("log." + differ.getColumn(), differ.getColumn()));
+        differ.setOldValueName(differ.getOldValue());
+        differ.setNewValueName(differ.getNewValue());
+    }
+
+	/**
+	 * TODO: 处理字段变更日志详情
+	 * @param differ 差异
+	 */
+	public void handleFieldsLogDetail(JsonDifferenceDTO differ) {
+		List<String> oldFieldNames = parseFieldList(differ.getOldValue()).stream()
+				.map(f -> String.valueOf(((Map<?, ?>) f).get("name")))
+				.toList();
+		List<String> newFieldNames = parseFieldList(differ.getNewValue()).stream()
+				.map(f -> String.valueOf(((Map<?, ?>) f).get("name")))
+				.toList();
+
+		// 如果字段没有实际变化则不产生日志
+		if (Objects.equals(oldFieldNames, newFieldNames)) {
+			differ.setOldValueName(null);
+			differ.setNewValueName(null);
+			return;
+		}
+
+		differ.setOldValueName(oldFieldNames);
+		differ.setNewValueName(newFieldNames);
+	}
+
+	private List<?> parseFieldList(Object value) {
+		if (value instanceof List<?> list) {
+			return list;
+		}
+		return Collections.emptyList();
+	}
+
+	/**
+	 * 表单配置的日志详情对比
+	 * @param differ 差异
+	 */
+	public void handleFormPropLogDetail(JsonDifferenceDTO differ) {
+		if (differ.getOldValue() != null && differ.getNewValue() != null) {
+			FormProp oldFormProp = JSON.parseObject(JSON.toJSONString(differ.getOldValue()), FormProp.class);
+			differ.setOldValueName(buildFormPropDisplayText(oldFormProp));
+
+			FormProp newFormProp = JSON.parseObject(JSON.toJSONString(differ.getNewValue()), FormProp.class);
+			differ.setNewValueName(buildFormPropDisplayText(newFormProp));
+		}
+	}
+
+	/**
+	 * 构建表单属性展示文本
+	 * 格式: viewSize, layout, labelPos, inputWidth, optBtnPos
+	 *
+	 * @param formProp 表单属性
+	 * @return 展示文本
+	 */
+	private String buildFormPropDisplayText(FormProp formProp) {
+		String viewSize = Translator.get(formProp.getViewSize());
+		String layout = Translator.get("formProp.layout." + formProp.getLayout());
+		String labelPos = Translator.get("formProp.labelPos." + formProp.getLabelPos());
+		String inputWidth = Translator.get("formProp.inputWidth." + formProp.getInputWidth());
+		String optBtnPos = Translator.get("formProp.optBtnPos." + formProp.getOptBtnPos());
+		return String.join(", ", viewSize, layout, labelPos, inputWidth, optBtnPos);
+	}
+
+    abstract public List<JsonDifferenceDTO> handleLogField(List<JsonDifferenceDTO> differences, String orgId);
+
+    /**
+     * 处理非业务字段的自定义字段
+     * 同时会翻译其他字段的 ColumnName
+     *
+     * @param differences
+     * @param orgId
+     * @param formKey
+     */
+    protected List<JsonDifferenceDTO> handleModuleLogField(List<JsonDifferenceDTO> differences, String orgId, String formKey) {
+        ModuleFormConfigDTO formConfig = Objects.requireNonNull(CommonBeanFactory.getBean(ModuleFormCacheService.class))
+                .getBusinessFormConfig(formKey, orgId);
+
+        List<BaseField> fields = formConfig.getFields();
+
+        // 模块字段 map
+        Map<String, BaseField> moduleFieldMap = fields
+                .stream()
+                .collect(Collectors.toMap(BaseField::getId, Function.identity()));
+
+        Map<String, BaseField> subFieldMap = new HashMap<>();
+        Set<String> subFieldRemoveIds = new HashSet<>() {
+        };
+        for (BaseField field : fields) {
+            if (field.isSubField()) {
+                if (StringUtils.isNotBlank(field.getBusinessKey())) {
+                    subFieldMap.put(field.getBusinessKey(), field);
+                } else {
+                    subFieldMap.put(field.getId(), field);
+                }
+                //记录系统字段需要移除的子表字段
+                subFieldRemoveIds.add(field.getId());
+            }
+        }
+
+        Map<String, BaseField> businessModuleFieldMap = fields
+                .stream()
+                .filter(f -> StringUtils.isNotEmpty(f.getBusinessKey()) && StringUtils.isEmpty(f.getResourceFieldId()))
+                .collect(Collectors.toMap(BaseField::getBusinessKey, Function.identity()));
+
+
+        List<JsonDifferenceDTO> modifiable = new ArrayList<>(differences);
+        modifiable.removeIf(differ -> {
+            return subFieldRemoveIds.contains(differ.getColumn());
+        });
+        differences = modifiable;
+        // 记录选项字段的字段值
+        List<BaseModuleFieldValue> optionFieldValues = new ArrayList<>();
+        // 记录子表选项字段的字段值
+        List<BaseModuleFieldValue> optionSubFieldValues = new ArrayList<>();
+        List<JsonDifferenceDTO> returnDifferences = new ArrayList<>();
+        differences.forEach(differ -> {
+            boolean addDiffer = differ.getOldValue() != null && (differ.getOldValue() instanceof String ? !StringUtils.isBlank((String) differ.getOldValue()) && !Strings.CI.equals((String) differ.getOldValue(), "null") : !((List<?>) differ.getOldValue()).isEmpty());
+            if (differ.getNewValue() != null && (differ.getNewValue() instanceof String ? !StringUtils.isBlank((String) differ.getNewValue()) && !Strings.CI.equals((String) differ.getNewValue(), "null") : !((List<?>) differ.getNewValue()).isEmpty())) {
+                addDiffer = true;
+            }
+            if (addDiffer) {
+                returnDifferences.add(differ);
+            }
+            BaseField moduleField = moduleFieldMap.get(differ.getColumn());
+            if (moduleField != null && moduleField.hasSingleOptions()) {
+                if (differ.getOldValue() != null && (differ.getOldValue() instanceof String ? !StringUtils.isBlank((String) differ.getOldValue()) && !Strings.CI.equals((String) differ.getOldValue(), "null") : !((List<?>) differ.getOldValue()).isEmpty())) {
+                    BaseModuleFieldValue fieldValue = new BaseModuleFieldValue();
+                    fieldValue.setFieldId(differ.getColumn());
+                    fieldValue.setFieldValue(differ.getOldValue());
+                    optionFieldValues.add(fieldValue);
+                }
+                if (differ.getNewValue() != null && (differ.getNewValue() instanceof String ? !StringUtils.isBlank((String) differ.getNewValue()) && !Strings.CI.equals((String) differ.getNewValue(), "null") : !((List<?>) differ.getNewValue()).isEmpty())) {
+                    BaseModuleFieldValue fieldValue = new BaseModuleFieldValue();
+                    fieldValue.setFieldId(differ.getColumn());
+                    fieldValue.setFieldValue(differ.getNewValue());
+                    optionFieldValues.add(fieldValue);
+
+                }
+
+            }
+            subFieldMap.forEach((key, value) -> {
+                // 子表字段
+                for (BaseField subField : ((SubField) value).getSubFields()) {
+                    String subBusinessKey = subField.getBusinessKey();
+                    String subFieldIdKey = subField.getId();
+                    //如果differ.getColumn() 包含"-",则截取最后一个-后面的字符串
+                    String differColumn = differ.getColumn();
+                    if (StringUtils.isNotBlank(differ.getColumn())) {
+                        differColumn = differ.getColumn().substring(differ.getColumn().lastIndexOf("-") + 1);
+                    }
+                    if (Strings.CS.equals(subBusinessKey, differColumn) || Strings.CS.equals(subFieldIdKey, differColumn)) {
+                        //判断differ.getOldValue() 是否为空，如果是String 类型 不能为空字符串,不能为"null"，如果是List 类型 不能为空
+                        if (differ.getOldValue() != null && (differ.getOldValue() instanceof String ? !StringUtils.isBlank((String) differ.getOldValue()) && !Strings.CI.equals((String) differ.getOldValue(), "null") : !((List<?>) differ.getOldValue()).isEmpty())) {
+                            BaseModuleFieldValue fieldValue = new BaseModuleFieldValue();
+                            fieldValue.setFieldId(differColumn);
+                            fieldValue.setFieldValue(differ.getOldValue());
+                            optionSubFieldValues.add(fieldValue);
+                        }
+                        if (differ.getNewValue() != null && (differ.getNewValue() instanceof String ? !StringUtils.isBlank((String) differ.getNewValue()) && !Strings.CI.equals((String) differ.getNewValue(), "null") : !((List<?>) differ.getNewValue()).isEmpty())) {
+                            BaseModuleFieldValue fieldValue = new BaseModuleFieldValue();
+                            fieldValue.setFieldId(differColumn);
+                            fieldValue.setFieldValue(differ.getNewValue());
+                            optionSubFieldValues.add(fieldValue);
+                        }
+                    }
+                }
+            });
+        });
+
+        Map<String, List<OptionDTO>> optionMap = Objects.requireNonNull(CommonBeanFactory.getBean(ModuleFormService.class))
+                .getOptionMap(formConfig, optionFieldValues);
+        // 子表选项字段的选项值 map
+        Map<String, List<OptionDTO>> subOptionMap = Objects.requireNonNull(CommonBeanFactory.getBean(ModuleFormService.class))
+                .getOptionMap(formConfig, optionSubFieldValues);
+
+        Set<String> subFieldIds = optionSubFieldValues.stream().map(BaseModuleFieldValue::getFieldId).collect(Collectors.toSet());
+        returnDifferences.forEach(differ -> {
+            String originDifferColumn = differ.getColumn();
+            String differColumn = differ.getColumn();
+            String prefix = differ.getColumn();
+            // 子表字段处理
+            if (StringUtils.isNotBlank(differ.getColumn()) && differ.getColumn().contains("-")) {
+                differColumn = originDifferColumn.substring(differ.getColumn().lastIndexOf("-") + 1);
+                prefix = originDifferColumn.substring(0, originDifferColumn.lastIndexOf("-"));
+            }
+            BaseField moduleField = moduleFieldMap.get(differ.getColumn());
+            if (moduleField != null) {
+                differ.setColumnName(moduleField.getName());
+                // 设置字段值名称
+                setColumnValueName(optionMap.get(differ.getColumn()), differ, moduleField);
+            } else {
+                if (optionMap.containsKey(differ.getColumn())) {
+                    differ.setColumnName(Translator.get("log." + differ.getColumn(), differ.getColumn()));
+                    // 设置字段值名称
+                    setColumnValueName(optionMap.get(differColumn), differ, moduleField);
+                } else if (subFieldIds.contains(differColumn)) {
+                    // 子表字段处理
+                    if (subOptionMap.containsKey(differColumn)) {
+                        differ.setColumn(prefix);
+                        String finalDifferColumn = differColumn;
+                        subFieldMap.forEach((key, value) -> {
+                            if (value.isSubField()) {
+                                if (value instanceof SubField) {
+                                    // 子表字段
+                                    for (BaseField subField : ((SubField) value).getSubFields()) {
+                                        String subKey = StringUtils.isNotBlank(subField.getBusinessKey()) ? subField.getBusinessKey() : subField.getId();
+                                        if (Strings.CS.equals(subKey, finalDifferColumn)) {
+                                            // 设置字段值名称
+                                            setColumnValueName(subOptionMap.get(finalDifferColumn), differ, subField);
+                                        }
+                                    }
+                                }
+                            }
+                        });
+                    } else {
+                        //如果prefix = differ.column，则说明没有-符号，设置为Translator.get("log."+differ.getColumn()),否则设置为prefix
+                        if (Strings.CS.equals(prefix, differ.getColumn())) {
+                            differ.setColumnName(Translator.get("log." + differ.getColumn(), differ.getColumn()));
+                        } else {
+                            differ.setColumn(prefix);
+                        }
+                        differ.setOldValueName(differ.getOldValue());
+                        differ.setNewValueName(differ.getNewValue());
+                    }
+                } else {
+                    translatorDifferInfo(differ);
+                }
+            }
+
+            // 翻译业务字段名
+            if (businessModuleFieldMap.get(differ.getColumn()) != null) {
+                BaseField baseField = businessModuleFieldMap.get(differ.getColumn());
+                differ.setColumnName(baseField.getName());
+                if (Strings.CI.equals(baseField.getType(), FieldType.DATE_TIME.name())) {
+                    // 日期时间格式化
+                    DateTimeField dateTimeField = (DateTimeField) baseField;
+                    switch (dateTimeField.getDateType()) {
+                        case "date" -> setFormatDataTimeFieldValueName(differ, new SimpleDateFormat("yyyy-M-d"));
+                        case "datetime" -> setFormatDataTimeFieldValueName(differ, new SimpleDateFormat("yyyy-M-d HH:mm:ss"));
+                        case "month" -> setFormatDataTimeFieldValueName(differ, new SimpleDateFormat("yyyy-M"));
+                    }
+                }
+
+
+            }
+        });
+
+        return returnDifferences;
+    }
+
+    private void setColumnValueName(List<OptionDTO> options, JsonDifferenceDTO differ, BaseField moduleField) {
+        if (options == null) {
+            //解析各种数据
+            parseValue(moduleField, differ);
+            return;
+        }
+        List<String> oldNameList = new ArrayList<>();
+        List<String> newNameList = new ArrayList<>();
+        for (OptionDTO option : options) {
+            if (differ.getOldValue() instanceof String strValue && Strings.CS.equals(option.getId(), strValue)) {
+                // 设置旧值名称
+                differ.setOldValueName(option.getName());
+            }
+            if (differ.getNewValue() instanceof String strValue && Strings.CS.equals(option.getId(), strValue)) {
+                // 设置新值名称
+                differ.setNewValueName(option.getName());
+            }
+            if (differ.getOldValue() instanceof List<?> oldValueList) {
+                for (Object oldValue : oldValueList) {
+                    if (oldValue instanceof String strValue && Strings.CS.equals(option.getId(), strValue)) {
+                        // 设置旧值名称
+                        oldNameList.add(option.getName());
+                    }
+                }
+
+            }
+            if (differ.getNewValue() instanceof List<?> newValueList) {
+
+                for (Object newValue : newValueList) {
+                    if (newValue instanceof String strValue && Strings.CS.equals(option.getId(), strValue)) {
+                        // 设置新值名称
+                        newNameList.add(option.getName());
+                    }
+                }
+            }
+
+        }
+        if (!oldNameList.isEmpty()) {
+            differ.setOldValueName(String.join(",", oldNameList));
+        }
+        if (!newNameList.isEmpty()) {
+            differ.setNewValueName(String.join(",", newNameList));
+        }
+
+    }
+
+    private void parseValue(BaseField moduleField, JsonDifferenceDTO differ) {
+        if (moduleField != null) {
+            if (differ.getOldValue() != null) {
+				Object ov = transformFieldValue(moduleField, differ.getOldValue());
+				if (ov == null || StringUtils.isBlank(ov.toString())) {
+					if (differ.getOldValue() instanceof List) {
+						differ.setOldValueName(String.join(",", (List) differ.getOldValue()));
+					} else {
+						differ.setOldValueName(differ.getOldValue());
+					}
+				} else {
+					differ.setOldValueName(ov);
+				}
+            }
+            if (differ.getNewValue() != null) {
+				Object nv = transformFieldValue(moduleField, differ.getNewValue());
+				if (nv == null || StringUtils.isBlank(nv.toString())) {
+					if (differ.getNewValue() instanceof List) {
+						differ.setNewValueName(String.join(",", (List) differ.getNewValue()));
+					} else {
+						differ.setNewValueName(differ.getNewValue());
+					}
+				} else {
+					differ.setNewValueName(nv);
+				}
+            }
+        } else {
+            differ.setOldValueName(differ.getOldValue());
+            differ.setNewValueName(differ.getNewValue());
+        }
+    }
+
+    public void setFormatDataTimeFieldValueName(JsonDifferenceDTO differ, SimpleDateFormat simpleDateFormat) {
+        if (differ.getOldValue() != null) {
+            differ.setOldValueName(formatDataTime(differ.getOldValue().toString(), simpleDateFormat));
+        }
+        if (differ.getNewValue() != null) {
+            differ.setNewValueName(formatDataTime(differ.getNewValue().toString(), simpleDateFormat));
+        }
+    }
+
+    public Object transformFieldValue(BaseField field, Object value) {
+        AbstractModuleFieldResolver customFieldResolver = ModuleFieldResolverFactory.getResolver(field.getType());
+        // 将数据库中的字符串值,转换为对应的对象值
+        return customFieldResolver.transformToValue(field, value instanceof List ? JSON.toJSONString(value) : value.toString());
+    }
+
+    private String formatDataTime(String value, SimpleDateFormat simpleDateFormat) {
+        if (StringUtils.isBlank(value) || Strings.CI.equals(value, "null")) {
+            return StringUtils.EMPTY;
+        }
+        return simpleDateFormat.format(Long.parseLong(value));
+    }
+
+    protected void setUserFieldName(JsonDifferenceDTO differ) {
+        BaseService baseService = CommonBeanFactory.getBean(BaseService.class);
+        assert baseService != null;
+        if (differ.getOldValue() != null) {
+            String userName = baseService.getUserName(differ.getOldValue().toString());
+            differ.setOldValueName(userName);
+        }
+        if (differ.getNewValue() != null) {
+            String userName = baseService.getUserName(differ.getNewValue().toString());
+            differ.setNewValueName(userName);
+        }
+    }
+
+
+    /**
+     * 商机名称
+     *
+     * @param differ
+     */
+    protected void setOpportunityName(JsonDifferenceDTO differ) {
+        OpportunityService opportunityService = CommonBeanFactory.getBean(OpportunityService.class);
+        assert opportunityService != null;
+        if (differ.getOldValue() != null) {
+            String customerName = opportunityService.getOpportunityName(differ.getOldValue().toString());
+            differ.setOldValueName(customerName);
+        }
+        if (differ.getNewValue() != null) {
+            String userName = opportunityService.getOpportunityName(differ.getNewValue().toString());
+            differ.setNewValueName(userName);
+        }
+    }
+
+
+    /**
+     * 线索名称
+     *
+     * @param differ
+     */
+    protected void setClueName(JsonDifferenceDTO differ) {
+        ClueService clueService = CommonBeanFactory.getBean(ClueService.class);
+        assert clueService != null;
+        if (differ.getOldValue() != null) {
+            String customerName = clueService.getClueName(differ.getOldValue().toString());
+            differ.setOldValueName(customerName);
+        }
+        if (differ.getNewValue() != null) {
+            String userName = clueService.getClueName(differ.getNewValue().toString());
+            differ.setNewValueName(userName);
+        }
+    }
+
+
+    /**
+     * 联系人
+     *
+     * @param differ
+     */
+    protected void setContactFieldName(JsonDifferenceDTO differ) {
+        CustomerContactService customerContactService = CommonBeanFactory.getBean(CustomerContactService.class);
+        assert customerContactService != null;
+        if (differ.getOldValue() != null) {
+            String customerName = customerContactService.getContactName(differ.getOldValue().toString());
+            differ.setOldValueName(customerName);
+        }
+        if (differ.getNewValue() != null) {
+            String userName = customerContactService.getContactName(differ.getNewValue().toString());
+            differ.setNewValueName(userName);
+        }
+    }
+
+    /**
+     * 合同名称
+     *
+     * @param differ
+     */
+    protected void setContractFieldName(JsonDifferenceDTO differ) {
+        ContractService contractService = CommonBeanFactory.getBean(ContractService.class);
+        assert contractService != null;
+        if (differ.getOldValue() != null) {
+            String customerName = contractService.getContractName(differ.getOldValue().toString());
+            differ.setOldValueName(customerName);
+        }
+        if (differ.getNewValue() != null) {
+            String userName = contractService.getContractName(differ.getNewValue().toString());
+            differ.setNewValueName(userName);
+        }
+    }
+
+    protected void setApprovalName(JsonDifferenceDTO differ) {
+		differ.setColumnName(Translator.get("log.approvalStatus"));
+        if (differ.getOldValue() != null) {
+			differ.setOldValueName(Translator.get("log.approvalStatus." + differ.getOldValueName().toString()));
+        }
+        if (differ.getNewValue() != null) {
+			differ.setNewValueName(Translator.get("log.approvalStatus." + differ.getNewValueName().toString()));
+        }
+    }
+
+    protected void setBusinessTitleName(JsonDifferenceDTO differ) {
+        BusinessTitleService businessTitleService = CommonBeanFactory.getBean(BusinessTitleService.class);
+        assert businessTitleService != null;
+        if (differ.getOldValue() != null) {
+            String customerName = businessTitleService.getBusinessTitleName(differ.getOldValue().toString());
+            differ.setOldValueName(customerName);
+        }
+        if (differ.getNewValue() != null) {
+            String userName = businessTitleService.getBusinessTitleName(differ.getNewValue().toString());
+            differ.setNewValueName(userName);
+        }
+    }
+
+    /**
+     * 产品
+     *
+     * @param differ
+     */
+    protected void setProductName(JsonDifferenceDTO differ) {
+        Optional.ofNullable(differ.getOldValue()).ifPresent(oldValue -> {
+            List<String> ids = ((Collection<?>) oldValue).stream()
+                    .map(String::valueOf)
+                    .toList();
+            List<Product> products = productMapper.selectByIds(ids);
+            differ.setOldValueName(products.stream().map(Product::getName).toList());
+        });
+
+        Optional.ofNullable(differ.getNewValue()).ifPresent(newValue -> {
+            List<String> ids = ((Collection<?>) newValue).stream()
+                    .map(String::valueOf)
+                    .toList();
+            List<Product> products = productMapper.selectByIds(ids);
+            differ.setNewValueName(products.stream().map(Product::getName).toList());
+        });
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/DepartmentService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/DepartmentService.java
new file mode 100644
index 0000000..94b2713
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/DepartmentService.java
@@ -0,0 +1,582 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.aspectj.dto.LogDTO;
+import cn.cordys.common.constants.ThirdConfigTypeConstants;
+import cn.cordys.common.dto.BaseTreeNode;
+import cn.cordys.common.dto.DeptUserTreeNode;
+import cn.cordys.common.dto.NodeSortDTO;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.NodeSortUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.domain.Department;
+import cn.cordys.crm.system.domain.DepartmentCommander;
+import cn.cordys.crm.system.domain.OrganizationUser;
+import cn.cordys.crm.system.dto.log.DepartmentSetCommanderLog;
+import cn.cordys.crm.system.dto.request.DepartmentAddRequest;
+import cn.cordys.crm.system.dto.request.DepartmentCommanderRequest;
+import cn.cordys.crm.system.dto.request.DepartmentRenameRequest;
+import cn.cordys.crm.system.dto.request.NodeMoveRequest;
+import cn.cordys.crm.system.mapper.ExtDepartmentMapper;
+import cn.cordys.crm.system.mapper.ExtOrganizationUserMapper;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.apache.ibatis.session.ExecutorType;
+import org.apache.ibatis.session.SqlSession;
+import org.apache.ibatis.session.SqlSessionFactory;
+import org.mybatis.spring.SqlSessionUtils;
+import org.springframework.cache.annotation.CacheEvict;
+import org.springframework.cache.annotation.Cacheable;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+import java.util.concurrent.atomic.AtomicReference;
+import java.util.stream.Collectors;
+
+
+@Service("departmentService")
+@Transactional(rollbackFor = Exception.class)
+public class DepartmentService extends MoveNodeService {
+
+    @Resource
+    private BaseMapper<Department> departmentMapper;
+    @Resource
+    private ExtDepartmentMapper extDepartmentMapper;
+    @Resource
+    private BaseMapper<DepartmentCommander> departmentCommanderMapper;
+    @Resource
+    private ExtOrganizationUserMapper extOrganizationUserMapper;
+    @Resource
+    private SqlSessionFactory sqlSessionFactory;
+    @Resource
+    private LogService logService;
+
+    /**
+     * 获取部门树
+     *
+     * @return List<BaseTreeNode>
+     */
+    @Cacheable(value = "dept_tree_cache", key = "#orgId")
+    public List<BaseTreeNode> getTree(String orgId) {
+        List<BaseTreeNode> departmentList = extDepartmentMapper.selectTreeNode(orgId);
+        return BaseTreeNode.buildTree(departmentList);
+    }
+
+    /**
+     * 添加子部门
+     *
+     * @param request
+     * @param orgId
+     * @param userId
+     */
+    @OperationLog(module = LogModule.SYSTEM_ORGANIZATION, type = LogType.ADD)
+    @CacheEvict(value = "dept_tree_cache", key = "#orgId", beforeInvocation = true)
+    public Department addDepartment(DepartmentAddRequest request, String orgId, String userId) {
+        //同一层级部门名称唯一
+        checkDepartmentName(request.getName(), request.getParentId(), orgId);
+        String id = IDGenerator.nextStr();
+        Department department = new Department();
+        department.setId(id);
+        department.setName(request.getName());
+        department.setParentId(request.getParentId());
+        department.setOrganizationId(orgId);
+        department.setPos(getNextPos(orgId));
+        department.setCreateTime(System.currentTimeMillis());
+        department.setUpdateTime(System.currentTimeMillis());
+        department.setCreateUser(userId);
+        department.setUpdateUser(userId);
+        department.setResource(ThirdConfigTypeConstants.INTERNAL.name());
+        departmentMapper.insert(department);
+
+        // 添加日志上下文
+        OperationLogContext.setContext(LogContextInfo.builder()
+                .modifiedValue(department)
+                .resourceId(id)
+                .resourceName(department.getName())
+                .build());
+        return department;
+    }
+
+    private void checkDepartmentName(String name, String parentId, String orgId) {
+        if (extDepartmentMapper.countByName(name, parentId, orgId) > 0) {
+            throw new GenericException(Translator.get("department_name_exist"));
+        }
+    }
+
+    public Long getNextPos(String orgId) {
+        Long pos = extDepartmentMapper.getNextPosByOrgId(orgId);
+        return (pos == null ? 0 : pos) + NodeSortUtils.DEFAULT_NODE_INTERVAL_POS;
+    }
+
+
+    /**
+     * 部门重命名
+     *
+     * @param request
+     * @param userId
+     */
+    @OperationLog(module = LogModule.SYSTEM_ORGANIZATION, type = LogType.UPDATE)
+    @CacheEvict(value = "dept_tree_cache", key = "#orgId", beforeInvocation = true)
+    public void rename(DepartmentRenameRequest request, String userId, String orgId) {
+        Department originalDepartment = checkDepartment(request.getId());
+        checkDepartmentName(request.getName(), originalDepartment.getParentId(), originalDepartment.getOrganizationId());
+
+        Department department = BeanUtils.copyBean(new Department(), request);
+        department.setUpdateTime(System.currentTimeMillis());
+        department.setName(request.getName());
+        department.setUpdateUser(userId);
+        departmentMapper.updateById(department);
+
+        // 添加日志上下文
+        String resourceName = Optional.ofNullable(department.getName()).orElse(originalDepartment.getName());
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .originalValue(originalDepartment)
+                        .modifiedValue(checkDepartment(request.getId()))
+                        .resourceId(request.getId())
+                        .resourceName(resourceName)
+                        .build()
+        );
+    }
+
+    private Department checkDepartment(String id) {
+        Department department = departmentMapper.selectByPrimaryKey(id);
+        if (department == null) {
+            throw new GenericException(Translator.get("department.blank"));
+        }
+        return department;
+    }
+
+    /**
+     * 设置部门负责人
+     *
+     * @param request
+     * @param userId
+     */
+    @OperationLog(module = LogModule.SYSTEM_ORGANIZATION, type = LogType.UPDATE)
+    public void setCommander(DepartmentCommanderRequest request, String userId) {
+        Department department = departmentMapper.selectByPrimaryKey(request.getDepartmentId());
+        if (department == null) {
+            throw new GenericException(Translator.get("department.blank"));
+        }
+        // 获取原部门负责人
+        String originCommander = setCommanderByDeptId(request.getDepartmentId());
+
+        // 先删除
+        deleteCommanderByDeptId(request.getDepartmentId());
+
+        // 再插入
+        DepartmentCommander commander = new DepartmentCommander();
+        commander.setId(IDGenerator.nextStr());
+        commander.setUserId(request.getCommanderId());
+        commander.setDepartmentId(request.getDepartmentId());
+        commander.setCreateTime(System.currentTimeMillis());
+        commander.setUpdateTime(System.currentTimeMillis());
+        commander.setCreateUser(userId);
+        commander.setUpdateUser(userId);
+        departmentCommanderMapper.insert(commander);
+
+        // 设置日志上下文
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .resourceId(request.getDepartmentId())
+                        .resourceName(department.getName())
+                        .originalValue(
+                                DepartmentSetCommanderLog.builder()
+                                        .commander(originCommander)
+                                        .build()
+                        )
+                        .modifiedValue(
+                                DepartmentSetCommanderLog.builder()
+                                        .commander(request.getCommanderId())
+                                        .build()
+                        )
+                        .build()
+        );
+    }
+
+    private String setCommanderByDeptId(String departmentId) {
+        DepartmentCommander example = new DepartmentCommander();
+        example.setDepartmentId(departmentId);
+        List<DepartmentCommander> commanders = departmentCommanderMapper.select(example);
+        if (CollectionUtils.isNotEmpty(commanders)) {
+            return commanders.getFirst().getUserId();
+        }
+        return null;
+    }
+
+    private void deleteCommanderByDeptId(String departmentId) {
+        DepartmentCommander example = new DepartmentCommander();
+        example.setDepartmentId(departmentId);
+        departmentCommanderMapper.delete(example);
+    }
+
+    /**
+     * 刪除部门
+     *
+     * @param ids
+     */
+    @CacheEvict(value = "dept_tree_cache", key = "#orgId", beforeInvocation = true)
+    public void delete(List<String> ids, String operator, String orgId) {
+        if (!deleteCheck(ids, orgId)) {
+            throw new GenericException(Translator.get("department.employees.exist"));
+        }
+        List<Department> departmentList = departmentMapper.selectByIds(ids);
+        //刪除部門
+        departmentMapper.deleteByIds(ids);
+        List<LogDTO> logs = new ArrayList<>();
+        // 添加日志上下文
+        departmentList.forEach(department -> {
+            LogDTO logDTO = new LogDTO(department.getOrganizationId(), department.getId(), operator, LogType.DELETE, LogModule.SYSTEM_ORGANIZATION, department.getName());
+            logDTO.setOriginalValue(department);
+            logs.add(logDTO);
+        });
+        logService.batchAdd(logs);
+    }
+
+
+    /**
+     * 删除部门前校验
+     *
+     * @param ids
+     * @param orgId
+     *
+     * @return
+     */
+    public boolean deleteCheck(List<String> ids, String orgId) {
+        List<Department> departmentList = departmentMapper.selectByIds(ids);
+        if (CollectionUtils.isNotEmpty(departmentList)) {
+            departmentList.forEach(department -> {
+                if (Strings.CI.equalsAny(department.getResource(), ThirdConfigTypeConstants.INTERNAL.name())
+                        && Strings.CI.equalsAny(department.getParentId(), "NONE")) {
+                    throw new GenericException(Translator.get("department.internal"));
+                }
+            });
+
+        }
+
+        return extOrganizationUserMapper.countUserByDepartmentIds(ids, orgId) <= 0;
+    }
+
+
+    /**
+     * 保存部门信息
+     *
+     * @param departments
+     */
+    public void save(List<Department> departments) {
+        departmentMapper.batchInsert(departments);
+    }
+
+    /**
+     * 删除部门数据
+     *
+     * @param orgId
+     */
+    public void deleteByOrgId(String orgId) {
+        extDepartmentMapper.deleteByOrgId(orgId);
+    }
+
+
+    /**
+     * 创建部门
+     *
+     * @param departmentPath
+     * @param orgId
+     * @param departmentTree
+     * @param operatorId
+     * @param departmentMap
+     *
+     * @return
+     */
+    public Map<String, String> createDepartment(List<String> departmentPath, String orgId, List<BaseTreeNode> departmentTree, String operatorId, Map<String, String> departmentMap, List<LogDTO> logs) {
+        departmentPath.forEach(path -> {
+            path = "/" + path;
+            List<String> depNames = new ArrayList<>(List.of(path.split("/")));
+            Iterator<String> itemIterator = depNames.iterator();
+            AtomicReference<Boolean> hasNode = new AtomicReference<>(false);
+            //当前节点部门名称
+            String currentDepName;
+            if (depNames.size() <= 1) {
+                throw new GenericException(Translator.get("department_create_fail") + ":" + path);
+            } else {
+                itemIterator.next();
+                itemIterator.remove();
+                currentDepName = itemIterator.next().trim();
+                departmentTree.forEach(department -> {
+                    //根节点是否存在
+                    if (Strings.CI.equals(currentDepName, department.getName())) {
+                        hasNode.set(true);
+                        //根节点存在，检查子节点是否存在
+                        createDepByPathIterator(itemIterator, "/" + currentDepName, department, departmentMap, orgId, operatorId, logs);
+                    }
+                });
+            }
+            if (!hasNode.get()) {
+                //获取顶级部门id
+                BaseTreeNode top = extDepartmentMapper.selectDepartment(currentDepName, orgId);
+                createDepByPath(itemIterator, currentDepName, top, orgId, StringUtils.EMPTY, departmentMap, operatorId, logs);
+            }
+        });
+        return departmentMap;
+    }
+
+    private void createDepByPathIterator(Iterator<String> itemIterator, String currentDepPath, BaseTreeNode departmentTreeNode, Map<String, String> departmentMap, String orgId, String operatorId, List<LogDTO> logs) {
+        List<BaseTreeNode> children = departmentTreeNode.getChildren();
+        if (CollectionUtils.isEmpty(children) || !itemIterator.hasNext()) {
+            //没有子节点，根据当前部门创建部门节点
+            departmentMap.put(currentDepPath, departmentTreeNode.getId());
+            if (itemIterator.hasNext()) {
+                createDepByPath(itemIterator, itemIterator.next().trim(), departmentTreeNode, orgId, currentDepPath, departmentMap, operatorId, logs);
+            }
+            return;
+        }
+        String nodeName = itemIterator.next().trim();
+        AtomicReference<Boolean> hasNode = new AtomicReference<>(false);
+        children.forEach(child -> {
+            if (Strings.CI.equals(nodeName, child.getName())) {
+                hasNode.set(true);
+                createDepByPathIterator(itemIterator, currentDepPath + "/" + child.getName(), child, departmentMap, orgId, operatorId, logs);
+            }
+        });
+
+        //若子节点中不包含该目标节点，则在该节点下创建
+        if (!hasNode.get()) {
+            createDepByPath(itemIterator, nodeName, departmentTreeNode, orgId, currentDepPath, departmentMap, operatorId, logs);
+        }
+    }
+
+    private void createDepByPath(Iterator<String> itemIterator, String departmentName, BaseTreeNode parentDep, String orgId, String currentDepPath, Map<String, String> departmentMap, String operatorId, List<LogDTO> logs) {
+        StringBuilder path = new StringBuilder(currentDepPath);
+        path.append("/").append(departmentName.trim());
+
+        //模块id
+        String pid;
+        if (departmentMap.get(path.toString()) != null) {
+            //如果创建过，直接获取模块ID
+            pid = departmentMap.get(path.toString());
+        } else {
+            pid = insertNode(departmentName, parentDep.getId(), orgId, operatorId, logs);
+            departmentMap.put(path.toString(), pid);
+        }
+
+        while (itemIterator.hasNext()) {
+            String nextDepName = itemIterator.next().trim();
+            path.append("/").append(nextDepName);
+            if (departmentMap.get(path.toString()) != null) {
+                pid = departmentMap.get(path.toString());
+            } else {
+                pid = insertNode(nextDepName, pid, orgId, operatorId, logs);
+                departmentMap.put(path.toString(), pid);
+            }
+        }
+    }
+
+    private String insertNode(String departmentName, String parentId, String orgId, String operatorId, List<LogDTO> logs) {
+        String id = IDGenerator.nextStr();
+        Department department = new Department();
+        department.setId(id);
+        department.setName(departmentName);
+        department.setParentId(parentId);
+        department.setOrganizationId(orgId);
+        department.setPos(getNextPos(orgId));
+        department.setCreateTime(System.currentTimeMillis());
+        department.setUpdateTime(System.currentTimeMillis());
+        department.setCreateUser(operatorId);
+        department.setUpdateUser(operatorId);
+        department.setResource(ThirdConfigTypeConstants.INTERNAL.name());
+        departmentMapper.insert(department);
+
+        LogDTO logDTO = new LogDTO(orgId, department.getId(), operatorId, LogType.ADD, LogModule.SYSTEM_ORGANIZATION, departmentName);
+        logDTO.setModifiedValue(department);
+        logs.add(logDTO);
+
+        return id;
+    }
+
+
+    /**
+     * 部门树排序
+     *
+     * @param request
+     * @param operatorId
+     * @param orgId
+     */
+    @CacheEvict(value = "dept_tree_cache", key = "#orgId", beforeInvocation = true)
+    public void sort(NodeMoveRequest request, String operatorId, String orgId) {
+        NodeSortDTO nodeSortDTO = super.getNodeSortDTO(request,
+                extDepartmentMapper::selectBaseTreeById,
+                extDepartmentMapper::selectTreeByParentIdAndPosOperator,
+                true);
+        Department department = new Department();
+        department.setParentId(nodeSortDTO.getParent().getId());
+        department.setId(request.getDragNodeId());
+        if (departmentMapper.countByExample(department) == 0) {
+            Department moveDepartment = departmentMapper.selectByPrimaryKey(request.getDragNodeId());
+            moveDepartment.setParentId(nodeSortDTO.getParent().getId());
+            checkDepartmentName(moveDepartment.getName(), moveDepartment.getParentId(), orgId);
+
+            moveDepartment.setUpdateUser(operatorId);
+            moveDepartment.setUpdateTime(System.currentTimeMillis());
+            departmentMapper.update(moveDepartment);
+        }
+        super.sort(nodeSortDTO);
+    }
+
+    @Override
+    public void updatePos(String id, long pos) {
+        Department department = new Department();
+        department.setPos(pos);
+        department.setId(id);
+        departmentMapper.update(department);
+    }
+
+    @Override
+    public void refreshPos(String parentId) {
+        List<String> childrenIds = extDepartmentMapper.selectChildrenIds(parentId);
+        List<Department> departmentList = new ArrayList<>();
+        for (int i = 0; i < childrenIds.size(); i++) {
+            String nodeId = childrenIds.get(i);
+            Department updateDepartment = new Department();
+            updateDepartment.setId(nodeId);
+            updateDepartment.setPos((i + 1) * LIMIT_POS);
+            departmentList.add(updateDepartment);
+        }
+        extDepartmentMapper.batchUpdate(departmentList);
+    }
+
+    /**
+     * 获取内部部门 (XPack 中使用)
+     *
+     * @param orgId
+     * @param resource
+     *
+     * @return
+     */
+    public Department getInternalDepartment(String orgId, String resource) {
+        return extDepartmentMapper.getInternalDepartment(orgId, resource);
+    }
+
+    /**
+     * 更新部门信息
+     *
+     * @param departments
+     */
+    public void update(List<Department> departments) {
+        SqlSession sqlSession = sqlSessionFactory.openSession(ExecutorType.BATCH);
+        ExtDepartmentMapper mapper = sqlSession.getMapper(ExtDepartmentMapper.class);
+        for (Department department : departments) {
+            mapper.updateDepartment(department);
+        }
+        sqlSession.flushStatements();
+        SqlSessionUtils.closeSqlSession(sqlSession, sqlSessionFactory);
+    }
+
+
+    /**
+     * 获取全部部门
+     *
+     * @param orgId
+     *
+     * @return
+     */
+    public List<Department> getDepartmentByOrgId(String orgId) {
+        return extDepartmentMapper.getDepartmentByOrgId(orgId);
+    }
+
+
+    /**
+     * 获取责任人
+     *
+     * @param userList
+     *
+     * @return
+     */
+    public List<DepartmentCommander> getDepartmentCommander(List<OrganizationUser> userList) {
+        if (CollectionUtils.isEmpty(userList)) {
+            return new ArrayList<>();
+        }
+        List<String> userIds = userList.stream()
+                .map(OrganizationUser::getUserId)
+                .toList();
+        return extDepartmentMapper.getDepartmentCommander(userIds);
+    }
+
+    public void deleteDepartments(List<Department> departmentList) {
+        if (CollectionUtils.isNotEmpty(departmentList)) {
+            List<String> ids = departmentList.stream()
+                    .filter(department -> !Strings.CI.equalsAny(department.getParentId(), "NONE"))
+                    .map(Department::getId).toList();
+            if (CollectionUtils.isNotEmpty(ids)) {
+                extDepartmentMapper.deleteDepartmentByIds(ids);
+            }
+        }
+    }
+
+    /**
+     * 获取部门选项
+     *
+     * @param ids 部门ID集合
+     *
+     * @return 部门选项
+     */
+    public List<Department> getDepartmentOptionsByIds(List<String> ids) {
+        if (CollectionUtils.isEmpty(ids)) {
+            return new ArrayList<>();
+        }
+        return departmentMapper.selectByIds(ids.toArray(new String[0]));
+    }
+
+    public List<Department> getDepartmentOptionsById(String id) {
+        if (StringUtils.isBlank(id)) {
+            return List.of();
+        }
+        return getDepartmentOptionsByIds(List.of(id));
+    }
+
+    public String getDepartmentName(String id) {
+        Department department = departmentMapper.selectByPrimaryKey(id);
+        return Optional.ofNullable(department).map(Department::getName).orElse(null);
+    }
+
+    public List<DepartmentCommander> selectByOrgId(String orgId) {
+        return extDepartmentMapper.selectByOrgId(orgId);
+    }
+
+    /**
+     * 按照部门负责人优先排序
+     * 并且设置上负责人标识
+     *
+     * @param orgId
+     * @param userNodes
+     *
+     * @return
+     */
+    public List<DeptUserTreeNode> sortByCommander(String orgId, List<DeptUserTreeNode> userNodes) {
+        Set<String> commanders = selectByOrgId(orgId)
+                .stream()
+                .map(DepartmentCommander::getUserId)
+                .collect(Collectors.toSet());
+
+        userNodes = userNodes.stream()
+                .sorted(Comparator.comparing(userNode -> {
+                    if (commanders.contains(userNode.getId())) {
+                        userNode.setCommander(true);
+                        return 0;
+                    }
+                    return 1;
+                }))
+                .collect(Collectors.toList());
+        return userNodes;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/DictService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/DictService.java
new file mode 100644
index 0000000..5b040e7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/DictService.java
@@ -0,0 +1,230 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.constants.DictModule;
+import cn.cordys.crm.system.domain.Dict;
+import cn.cordys.crm.system.domain.DictConfig;
+import cn.cordys.crm.system.dto.DictConfigDTO;
+import cn.cordys.crm.system.dto.request.DictAddRequest;
+import cn.cordys.crm.system.dto.request.DictSortRequest;
+import cn.cordys.crm.system.dto.request.DictSwitchRequest;
+import cn.cordys.crm.system.dto.request.DictUpdateRequest;
+import cn.cordys.crm.system.mapper.ExtDictMapper;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.BooleanUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class DictService {
+
+    @Resource
+    private BaseMapper<Dict> dictMapper;
+    @Resource
+    private BaseMapper<DictConfig> dictConfigMapper;
+    @Resource
+    private ExtDictMapper extDictMapper;
+
+    public List<Dict> getDictListByType(String module, String orgId) {
+        LambdaQueryWrapper<Dict> dictLambdaQueryWrapper = new LambdaQueryWrapper<>();
+        dictLambdaQueryWrapper.eq(Dict::getModule, module).eq(Dict::getOrganizationId, orgId);
+        List<Dict> dictList = dictMapper.selectListByLambda(dictLambdaQueryWrapper);
+        dictList.sort(Comparator.comparingLong(Dict::getPos));
+        return dictList;
+    }
+
+    /**
+     * 添加字典值
+     *
+     * @param request     请求参数
+     * @param currentUser 当前用户
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.ADD)
+    public void addDict(DictAddRequest request, String currentUser, String orgId) {
+        Dict dict = new Dict();
+        dict.setId(IDGenerator.nextStr());
+        dict.setName(request.getName());
+        dict.setModule(request.getModule());
+        dict.setOrganizationId(orgId);
+        dict.setType("TEXT");
+        Long nextPos = extDictMapper.getNextPos(request.getModule(), orgId);
+        dict.setPos(nextPos == null ? 1L : nextPos);
+        dict.setCreateUser(currentUser);
+        dict.setCreateTime(System.currentTimeMillis());
+        dict.setUpdateUser(currentUser);
+        dict.setUpdateTime(System.currentTimeMillis());
+        dictMapper.insert(dict);
+
+        // 添加日志上下文
+        OperationLogContext.setContext(LogContextInfo.builder()
+                .modifiedValue(dict)
+                .resourceId(dict.getId())
+                .resourceName(Translator.get("module." + request.getModule().toLowerCase()) + Translator.get("module.reason.setting"))
+                .build());
+    }
+
+    /**
+     * 更新字典值
+     *
+     * @param request     请求参数
+     * @param currentUser 当前用户
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.UPDATE)
+    public void updateDict(DictUpdateRequest request, String currentUser) {
+        Dict oldDict = dictMapper.selectByPrimaryKey(request.getId());
+        if (oldDict == null) {
+            throw new GenericException(Translator.get("dict.not_exist"));
+        }
+        Dict dict = BeanUtils.copyBean(new Dict(), oldDict);
+        dict.setName(request.getName());
+        dict.setUpdateUser(currentUser);
+        dict.setUpdateTime(System.currentTimeMillis());
+        dictMapper.updateById(dict);
+
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .resourceId(request.getId())
+                        .resourceName(Translator.get("module." + oldDict.getModule().toLowerCase()) + Translator.get("module.reason.setting"))
+                        .originalValue(oldDict)
+                        .modifiedValue(dict)
+                        .build()
+        );
+    }
+
+    /**
+     * 删除字典值
+     *
+     * @param id 字典ID
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.DELETE, resourceId = "{#id}")
+    public void deleteDict(String id) {
+        Dict dict = dictMapper.selectByPrimaryKey(id);
+        if (dict == null) {
+            throw new GenericException(Translator.get("dict.not_exist"));
+        }
+        dictMapper.deleteByPrimaryKey(id);
+        OperationLogContext.setResourceName(Translator.get("module." + dict.getModule().toLowerCase()) + Translator.get("module.reason.setting") + "/" + dict.getName());
+    }
+
+    /**
+     * 切换字典配置开关
+     *
+     * @param request 请求参数
+     * @param orgId   组织ID
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.UPDATE, operator = "{#currentUser}")
+    public void switchDict(DictSwitchRequest request, String orgId) {
+        LambdaQueryWrapper<DictConfig> configLambdaQueryWrapper = new LambdaQueryWrapper<>();
+        configLambdaQueryWrapper.eq(DictConfig::getModule, request.getModule()).eq(DictConfig::getOrganizationId, orgId);
+        List<DictConfig> configs = dictConfigMapper.selectListByLambda(configLambdaQueryWrapper);
+        if (CollectionUtils.isNotEmpty(configs)) {
+            DictConfig config = configs.getFirst();
+            config.setEnabled(request.getEnable());
+            extDictMapper.updateModuleConfig(config);
+        } else {
+            DictConfig config = new DictConfig();
+            BeanUtils.copyBean(config, request);
+            config.setEnabled(request.getEnable());
+            config.setOrganizationId(orgId);
+            dictConfigMapper.insert(config);
+        }
+
+        //添加日志上下文
+        Map<String, String> originalVal = new HashMap<>(1);
+        originalVal.put("module.switch", !request.getEnable() ? Translator.get("log.enable.true") : Translator.get("log.enable.false"));
+        Map<String, String> modifiedVal = new HashMap<>(1);
+        modifiedVal.put("module.switch", request.getEnable() ? Translator.get("log.enable.true") : Translator.get("log.enable.false"));
+        String resourceName = Translator.get("module." + request.getModule().toLowerCase());
+        if (Strings.CI.equalsAny(request.getModule(), DictModule.CLUE_POOL_RS.name(), DictModule.CUSTOMER_POOL_RS.name(), DictModule.OPPORTUNITY_FAIL_RS.name())) {
+            resourceName += Translator.get("module.reason.setting");
+        }
+        OperationLogContext.setContext(LogContextInfo.builder()
+                .originalValue(originalVal)
+                .resourceName(resourceName)
+                .modifiedValue(modifiedVal)
+                .resourceId(request.getModule())
+                .build());
+    }
+
+    /**
+     * 字典排序
+     *
+     * @param request     请求参数
+     * @param currentUser 当前用户
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.UPDATE, operator = "{#currentUser}")
+    public void sort(DictSortRequest request, String currentUser) {
+        Dict oldDict = dictMapper.selectByPrimaryKey(request.getDragDictId());
+        if (oldDict == null) {
+            throw new GenericException(Translator.get("dict.not_exist"));
+        }
+        // sort-before
+        List<String> beforeKeys = getDictListByType(oldDict.getModule(), oldDict.getOrganizationId()).stream().map(Dict::getName).toList();
+        if (request.getStart() < request.getEnd()) {
+            // start < end, 区间模块上移, pos - 1
+            extDictMapper.moveUpDict(request.getStart(), request.getEnd(), oldDict.getModule(), oldDict.getOrganizationId());
+        } else {
+            // start > end, 区间模块下移, pos + 1
+            extDictMapper.moveDownDict(request.getEnd(), request.getStart(), oldDict.getModule(), oldDict.getOrganizationId());
+        }
+        extDictMapper.updateDictPos(request.getDragDictId(), request.getEnd(), currentUser);
+        // sort-after
+        List<String> afterKeys = getDictListByType(oldDict.getModule(), oldDict.getOrganizationId()).stream().map(Dict::getName).toList();
+
+        //添加日志上下文
+        Map<String, List<String>> originalVal = new HashMap<>(1);
+        originalVal.put("sort", beforeKeys);
+        Map<String, List<String>> modifiedVal = new HashMap<>(1);
+        modifiedVal.put("sort", afterKeys);
+        OperationLogContext.setContext(LogContextInfo.builder()
+                .originalValue(originalVal)
+                .resourceName(Translator.get("module." + oldDict.getModule().toLowerCase()) + Translator.get("module.reason.setting"))
+                .modifiedValue(modifiedVal)
+                .resourceId(request.getDragDictId())
+                .build());
+    }
+
+    /**
+     * 获取模块字典配置
+     *
+     * @param module 模块
+     * @param orgId  组织ID
+     *
+     * @return 字典配置
+     */
+    public DictConfigDTO getDictConf(String module, String orgId) {
+        List<Dict> dictList = new ArrayList<>(getDictListByType(module, orgId));
+        Dict sysDt = new Dict();
+        sysDt.setId("system");
+        if (Strings.CS.equalsAny(module, DictModule.CLUE_POOL_RS.name(), DictModule.CUSTOMER_POOL_RS.name())) {
+            sysDt.setName(Translator.get("system.auto.recycle"));
+        } else {
+            sysDt.setName(Translator.get("system.auto.closed"));
+        }
+        dictList.addLast(sysDt);
+        LambdaQueryWrapper<DictConfig> configLambdaQueryWrapper = new LambdaQueryWrapper<>();
+        configLambdaQueryWrapper.eq(DictConfig::getModule, module).eq(DictConfig::getOrganizationId, orgId);
+        List<DictConfig> configs = dictConfigMapper.selectListByLambda(configLambdaQueryWrapper);
+        return DictConfigDTO.builder().dictList(dictList).enable(CollectionUtils.isNotEmpty(configs) && configs.getFirst().getEnabled()).build();
+    }
+
+    public boolean isDictConfigEnable(String module, String orgId) {
+        DictConfigDTO dictConf = getDictConf(module, orgId);
+        return  dictConf != null && BooleanUtils.isTrue(dictConf.getEnable());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/DisposableWorkerIdAssigner.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/DisposableWorkerIdAssigner.java
new file mode 100644
index 0000000..4ac28b2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/DisposableWorkerIdAssigner.java
@@ -0,0 +1,68 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.common.uid.utils.DockerUtils;
+import cn.cordys.common.uid.utils.NetUtils;
+import cn.cordys.common.uid.worker.WorkerIdAssigner;
+import cn.cordys.common.uid.worker.WorkerNodeType;
+import cn.cordys.crm.system.domain.WorkerNode;
+import cn.cordys.crm.system.mapper.ExtWorkerNodeMapper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.RandomUtils;
+import org.springframework.stereotype.Service;
+
+/**
+ * Represents an implementation of {@link WorkerIdAssigner},
+ * the worker id will be discarded after assigned to the UidGenerator
+ */
+@Service
+@Slf4j
+public class DisposableWorkerIdAssigner implements WorkerIdAssigner {
+    @Resource
+    private ExtWorkerNodeMapper extWorkerNodeMapper;
+
+    /**
+     * Assign worker id base on database.<p>
+     * If there is host name & port in the environment, we considered that the node runs in Docker container<br>
+     * Otherwise, the node runs on an actual machine.
+     *
+     * @return assigned worker id
+     */
+    public long assignWorkerId() {
+        // build worker node entity
+        try {
+            WorkerNode workerNode = buildWorkerNode();
+
+            // add worker node for new (ignore the same IP + PORT)
+            extWorkerNodeMapper.insert(workerNode);
+            log.info("Add worker node:{}", workerNode);
+
+            return workerNode.getId();
+        } catch (Exception e) {
+            log.error("Assign worker id exception. ", e);
+            return 1;
+        }
+    }
+
+    /**
+     * Build worker node entity by IP and PORT
+     */
+    private WorkerNode buildWorkerNode() {
+        WorkerNode workerNode = new WorkerNode();
+        if (DockerUtils.isDocker()) {
+            workerNode.setType(WorkerNodeType.CONTAINER.value());
+            workerNode.setHostName(DockerUtils.getDockerHost());
+            workerNode.setPort(DockerUtils.getDockerPort());
+
+        } else {
+            workerNode.setType(WorkerNodeType.ACTUAL.value());
+            workerNode.setHostName(NetUtils.getLocalAddress());
+            workerNode.setPort(System.currentTimeMillis() + "-" + RandomUtils.insecure().randomInt());
+        }
+        workerNode.setCreated(System.currentTimeMillis());
+        workerNode.setModified(System.currentTimeMillis());
+        workerNode.setLaunchDate(System.currentTimeMillis());
+        return workerNode;
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/ExportTaskCenterService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/ExportTaskCenterService.java
new file mode 100644
index 0000000..afe611d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/ExportTaskCenterService.java
@@ -0,0 +1,118 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.common.constants.TopicConstants;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.redis.MessagePublisher;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.constants.ExportConstants;
+import cn.cordys.crm.system.domain.ExportTask;
+import cn.cordys.crm.system.dto.request.ExportTaskCenterQueryRequest;
+import cn.cordys.crm.system.mapper.ExtExportTaskMapper;
+import cn.cordys.file.engine.DefaultRepositoryDir;
+import cn.cordys.file.engine.FileRequest;
+import cn.cordys.file.engine.StorageType;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.Strings;
+import org.springframework.http.ResponseEntity;
+import org.springframework.stereotype.Service;
+
+import java.io.File;
+import java.time.LocalDateTime;
+import java.time.ZoneId;
+import java.util.List;
+
+/**
+ * @author song-cc-rock
+ */
+@Service
+@Slf4j
+public class ExportTaskCenterService {
+
+    @Resource
+    private BaseMapper<ExportTask> exportTaskMapper;
+    @Resource
+    private MessagePublisher messagePublisher;
+    @Resource
+    private FileCommonService fileCommonService;
+    @Resource
+    private ExtExportTaskMapper extExportTaskMapper;
+
+    /**
+     * 查询导出任务列表
+     *
+     * @param request 请求参数
+     *
+     * @return 导出任务列表
+     */
+    public List<ExportTask> list(ExportTaskCenterQueryRequest request, String userId) {
+        LocalDateTime oneDayBefore = LocalDateTime.now().minusDays(1);
+        return extExportTaskMapper.selectExportTaskList(request, oneDayBefore.atZone(ZoneId.systemDefault()).toInstant().toEpochMilli(), userId);
+    }
+
+    /**
+     * 取消导出任务
+     *
+     * @param taskId 任务ID
+     */
+    public void cancel(String taskId, String userId) {
+        ExportTask exportTask = exportTaskMapper.selectByPrimaryKey(taskId);
+        if (exportTask == null || !Strings.CS.equals(exportTask.getCreateUser(), userId)) {
+            throw new GenericException(Translator.get("task_not_found"));
+        }
+        if (Strings.CI.equals(exportTask.getStatus(), ExportConstants.ExportStatus.SUCCESS.name())) {
+            throw new GenericException(Translator.get("task_already_stopped"));
+        }
+        exportTask.setStatus(ExportConstants.ExportStatus.STOP.name());
+        exportTaskMapper.updateById(exportTask);
+        //停止任务
+        messagePublisher.publish(TopicConstants.DOWNLOAD_TOPIC, taskId);
+    }
+
+    /**
+     * 下载任务文件
+     *
+     * @param taskId 任务ID
+     */
+    public ResponseEntity<org.springframework.core.io.Resource> download(String taskId, String userId) {
+        ExportTask exportTask = exportTaskMapper.selectByPrimaryKey(taskId);
+        if (exportTask == null || !Strings.CS.equals(exportTask.getCreateUser(), userId)) {
+            throw new GenericException(Translator.get("task_not_found"));
+        }
+        String filePath = getFilePath(exportTask);
+        try {
+            FileRequest request = new FileRequest(filePath, StorageType.LOCAL.name(), exportTask.getFileName() + ".xlsx");
+            return fileCommonService.download(request);
+        } catch (Exception e) {
+            log.error("下载导出任务文件失败，任务ID: {}", taskId, e);
+            throw new RuntimeException(e);
+        }
+    }
+
+    private String getFilePath(ExportTask exportTask) {
+        return File.separator + DefaultRepositoryDir.getExportDir(exportTask.getOrganizationId()) + File.separator + exportTask.getFileId();
+    }
+
+    public void clean() {
+        LocalDateTime oneDayBefore = LocalDateTime.now().minusDays(1);
+        long epochMilli = oneDayBefore.atZone(ZoneId.systemDefault()).toInstant().toEpochMilli();
+        LambdaQueryWrapper<ExportTask> queryWrapper = new LambdaQueryWrapper<>();
+        queryWrapper.ltT(ExportTask::getCreateTime, epochMilli).orderByDesc(ExportTask::getCreateTime);
+        List<ExportTask> exportTasks = exportTaskMapper.selectListByLambda(queryWrapper);
+        exportTaskMapper.deleteByLambda(queryWrapper);
+
+        exportTasks.forEach(exportTask -> {
+            try {
+                //删除文件
+                FileRequest request = new FileRequest(getFilePath(exportTask), StorageType.LOCAL.name(), exportTask.getFileName() + ".xlsx");
+                fileCommonService.deleteFolder(request, false);
+            } catch (GenericException e) {
+                log.error("定时任务删除导出任务文件失败，任务ID: {}", exportTask.getId(), e);
+                throw new RuntimeException(e);
+            }
+        });
+
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/ExportTaskService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/ExportTaskService.java
new file mode 100644
index 0000000..739282a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/ExportTaskService.java
@@ -0,0 +1,60 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.constants.ExportConstants;
+import cn.cordys.crm.system.domain.ExportTask;
+import cn.cordys.crm.system.mapper.ExtExportTaskMapper;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+@Service("ExportTaskService")
+@Transactional(rollbackFor = Exception.class)
+public class ExportTaskService {
+
+    @Resource
+    private BaseMapper<ExportTask> exportTaskMapper;
+    @Resource
+    private ExtExportTaskMapper extExportTaskMapper;
+
+    public ExportTask saveTask(String orgId, String fileId, String userId, String resourceType, String fileName) {
+        ExportTask exportTask = new ExportTask();
+        exportTask.setId(IDGenerator.nextStr());
+        exportTask.setResourceType(resourceType);
+        exportTask.setCreateUser(userId);
+        exportTask.setCreateTime(System.currentTimeMillis());
+        exportTask.setStatus(ExportConstants.ExportStatus.PREPARED.toString());
+        exportTask.setUpdateUser(userId);
+        exportTask.setFileName(fileName);
+        exportTask.setUpdateTime(System.currentTimeMillis());
+        exportTask.setOrganizationId(orgId);
+        exportTask.setFileId(fileId);
+        exportTaskMapper.insert(exportTask);
+        return exportTask;
+    }
+
+    public void update(String taskId, String status, String userId) {
+        ExportTask exportTask = new ExportTask();
+        exportTask.setId(taskId);
+        exportTask.setStatus(status);
+        exportTask.setUpdateTime(System.currentTimeMillis());
+        exportTask.setUpdateUser(userId);
+        exportTaskMapper.updateById(exportTask);
+    }
+
+    public void checkUserTaskLimit(String userId, String resourceType) {
+        // 先检查用户是否有10个或以上的待处理任务
+        int userTaskCount = extExportTaskMapper.getExportTaskCount(userId, ExportConstants.ExportStatus.PREPARED.name());
+        if (userTaskCount >= 10) {
+            throw new GenericException(Translator.get("user_export_task_limit"));
+        }
+        // 再检查是否存在相同资源类型的待处理任务，防止重复点击导致大量相同任务积压
+        int count = extExportTaskMapper.checkPreparedUniqueness(userId, resourceType);
+        if (count > 0) {
+            throw new GenericException(Translator.get("user_export_task_prepared_limit"));
+        }
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/ExportTaskStopService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/ExportTaskStopService.java
new file mode 100644
index 0000000..976d59a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/ExportTaskStopService.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.crm.system.constants.ExportConstants;
+import cn.cordys.crm.system.mapper.ExtExportTaskMapper;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class ExportTaskStopService {
+
+    @Resource
+    private ExtExportTaskMapper extExportTaskMapper;
+
+    /**
+     * 重启时将所有导出中的任务停止,并且需要设置为失败
+     */
+    public void stopPreparedAll() {
+        extExportTaskMapper.updateExportTaskStatus(ExportConstants.ExportStatus.ERROR.name(), ExportConstants.ExportStatus.PREPARED.name());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/ExtScheduleService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/ExtScheduleService.java
new file mode 100644
index 0000000..70cdbe5
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/ExtScheduleService.java
@@ -0,0 +1,75 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.common.schedule.ScheduleManager;
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.system.domain.Schedule;
+import cn.cordys.crm.system.mapper.ExtScheduleMapper;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.quartz.JobKey;
+import org.quartz.TriggerKey;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.List;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class ExtScheduleService {
+
+    // TODO: Add RESOURCE_TYPES
+    private static final List<String> RESOURCE_TYPES = List.of(
+    );
+    @Resource
+    private BaseMapper<Schedule> scheduleMapper;
+    @Resource
+    private ScheduleManager scheduleManager;
+    @Resource
+    private ExtScheduleMapper extScheduleMapper;
+
+    public void startEnableSchedules() {
+        long count = scheduleMapper.countByExample(new Schedule());
+        long pages = (long) Math.ceil(count / 100.0);
+
+        for (int i = 0; i < pages; i++) {
+            int start = i * 100;
+            List<Schedule> schedules = extScheduleMapper.getScheduleByLimit(start, 100);
+            doHandleSchedule(schedules);
+        }
+    }
+
+    private void doHandleSchedule(List<Schedule> schedules) {
+        schedules.forEach(schedule -> {
+            try {
+                if (schedule.getEnable()) {
+                    if (RESOURCE_TYPES.contains(schedule.getResourceType())) {
+                        removeJob(schedule); // 删除关闭的job
+                    }
+                    log.info("初始化任务：{}", JSON.toJSONString(schedule));
+                    scheduleManager.addOrUpdateCronJob(
+                            new JobKey(schedule.getKey(), schedule.getJob()),
+                            new TriggerKey(schedule.getKey(), schedule.getJob()),
+                            Class.forName(schedule.getJob()),
+                            schedule.getValue(),
+                            scheduleManager.getDefaultJobDataMap(schedule, schedule.getValue(), schedule.getCreateUser())
+                    );
+                } else {
+                    removeJob(schedule); // 删除关闭的job
+                }
+            } catch (ClassNotFoundException e) {
+                log.error("任务类未找到：{}", schedule.getJob(), e);
+            } catch (Exception e) {
+                log.error("初始化任务失败", e);
+            }
+        });
+    }
+
+    private void removeJob(Schedule schedule) {
+        scheduleManager.removeJob(
+                new JobKey(schedule.getKey(), schedule.getJob()),
+                new TriggerKey(schedule.getKey(), schedule.getJob())
+        );
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/FileCommonService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/FileCommonService.java
new file mode 100644
index 0000000..75e26e8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/FileCommonService.java
@@ -0,0 +1,138 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.file.engine.FileCenter;
+import cn.cordys.file.engine.FileCopyRequest;
+import cn.cordys.file.engine.FileRequest;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.core.io.Resource;
+import org.springframework.http.ResponseEntity;
+import org.springframework.stereotype.Service;
+import org.springframework.util.CollectionUtils;
+import org.springframework.web.multipart.MultipartFile;
+
+import java.io.File;
+import java.io.FileInputStream;
+import java.io.InputStream;
+import java.util.List;
+
+/**
+ * @author song-cc-rock
+ */
+@Service
+@Slf4j
+public class FileCommonService {
+
+    /**
+     * 清除临时文件资源
+     *
+     * @param request 文件请求参数
+     */
+    public void cleanTempResource(FileRequest request) {
+        List<File> folderFiles = getFolderFiles(request);
+        if (CollectionUtils.isEmpty(folderFiles)) {
+            return;
+        }
+        folderFiles.forEach(File::deleteOnExit);
+    }
+
+    /**
+     * 上传文件
+     *
+     * @param file    文件
+     * @param request 请求参数
+     */
+    public void upload(MultipartFile file, FileRequest request) {
+        try {
+            FileCenter.getRepository(request.getStorage()).saveFile(file, request);
+        } catch (Exception e) {
+            log.error(e.getMessage(), e);
+        }
+    }
+
+    /**
+     * 上传文件
+     *
+     * @param file
+     * @param request
+     */
+    public void upload(File file, FileRequest request) {
+        try {
+            FileInputStream inputStream = new FileInputStream(file);
+            FileCenter.getRepository(request.getStorage()).saveFile(inputStream, request);
+        } catch (Exception e) {
+            log.error(e.getMessage(), e);
+        }
+    }
+
+    /**
+     * 获取目录下的所有文件
+     *
+     * @param request 文件请求参数
+     *
+     * @return 文件列表
+     */
+    public List<File> getFolderFiles(FileRequest request) {
+        try {
+            return FileCenter.getRepository(request.getStorage()).getFolderFiles(request);
+        } catch (Exception e) {
+            log.error(e.getMessage(), e);
+            return null;
+        }
+    }
+
+    /**
+     * 复制文件
+     *
+     * @param request 复制文件参数
+     * @param storage 存储类型
+     */
+    public void copyFile(FileCopyRequest request, String storage) {
+        try {
+            FileCenter.getRepository(storage).copyFile(request);
+        } catch (Exception e) {
+            log.error(e.getMessage(), e);
+        }
+    }
+
+    /**
+     * 获取文件输入流
+     *
+     * @param request 文件请求参数
+     *
+     * @return 文件输入流
+     */
+    public InputStream getFileInputStream(FileRequest request) {
+        try {
+            return FileCenter.getRepository(request.getStorage()).getFileAsStream(request);
+        } catch (Exception e) {
+            log.error(e.getMessage(), e);
+            return null;
+        }
+    }
+
+    /**
+     * 删除目录
+     *
+     * @param request 文件请求参数
+     */
+    public void deleteFolder(FileRequest request, boolean onlyDir) {
+        try {
+            FileCenter.getRepository(request.getStorage()).deleteFolder(request, onlyDir);
+        } catch (Exception e) {
+            log.error(e.getMessage(), e);
+        }
+    }
+
+    /**
+     * 下载文件
+     *
+     * @param request 文件请求信息，包含待下载的文件标识符或路径。
+     *
+     * @throws Exception 如果下载文件过程中发生错误，抛出异常。
+     */
+    public ResponseEntity<Resource> download(FileRequest request) throws Exception {
+        return FileCenter.getRepository(request.getStorage()).downloadFile(request);
+    }
+
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/IntegrationConfigService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/IntegrationConfigService.java
new file mode 100644
index 0000000..a6b0d1d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/IntegrationConfigService.java
@@ -0,0 +1,1397 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.common.constants.ThirdConfigTypeConstants;
+import cn.cordys.common.constants.ThirdDetailType;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.integration.common.dto.ThirdConfigBaseDTO;
+import cn.cordys.crm.integration.common.request.*;
+import cn.cordys.crm.integration.dataease.DataEaseClient;
+import cn.cordys.crm.integration.sso.service.TokenService;
+import cn.cordys.crm.integration.sync.dto.ThirdSwitchLogDTO;
+import cn.cordys.crm.integration.tender.constant.TenderApiPaths;
+import cn.cordys.crm.integration.tender.dto.TenderDetailDTO;
+import cn.cordys.crm.system.constants.OrganizationConfigConstants;
+import cn.cordys.crm.system.domain.OrganizationConfig;
+import cn.cordys.crm.system.domain.OrganizationConfigDetail;
+import cn.cordys.crm.system.mapper.ExtOrganizationConfigDetailMapper;
+import cn.cordys.crm.system.mapper.ExtOrganizationConfigMapper;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.security.SessionUtils;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.BooleanUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+import java.util.function.Consumer;
+import java.util.function.Function;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class IntegrationConfigService {
+
+    @Resource
+    private ExtOrganizationConfigMapper extOrganizationConfigMapper;
+
+    @Resource
+    private ExtOrganizationConfigDetailMapper extOrganizationConfigDetailMapper;
+
+    @Resource
+    private BaseMapper<OrganizationConfigDetail> organizationConfigDetailBaseMapper;
+
+    @Resource
+    private BaseMapper<OrganizationConfig> organizationConfigBaseMapper;
+
+    @Resource
+    private TokenService tokenService;
+
+    /**
+     * 获取同步的组织配置
+     *
+     * @param organizationId 组织ID
+     * @return 第三方配置列表
+     */
+    public List<ThirdConfigBaseDTO<?>> getThirdConfig(String organizationId) {
+        List<OrganizationConfigDetail> organizationConfigDetails = initConfig(organizationId, SessionUtils.getUserId());
+
+        // 构建第三方配置列表
+        List<ThirdConfigBaseDTO<?>> configDTOs = new ArrayList<>();
+        buildDetailData(organizationConfigDetails, configDTOs);
+
+        return configDTOs;
+    }
+
+    /**
+     * 编辑配置
+     *
+     * @param configDTO      配置DTO
+     * @param organizationId 组织ID
+     * @param userId         用户ID
+     */
+    @OperationLog(module = LogModule.SYSTEM_BUSINESS_THIRD, type = LogType.UPDATE, operator = "{#userId}")
+    public void editThirdConfig(ThirdConfigBaseDTO<Object> configDTO, String organizationId, String userId) {
+        // 获取或创建组织配置
+        OrganizationConfig organizationConfig = getOrCreateOrganizationConfig(organizationId, userId);
+
+        // 获取当前平台对应类型和启用状态
+        List<String> types = getDetailTypes(configDTO.getType());
+        Map<String, Boolean> typeEnableMap = getTypeEnableMap(configDTO);
+
+        // 获取当前类型下的配置详情
+        List<OrganizationConfigDetail> existingDetails = extOrganizationConfigDetailMapper
+                .getOrgConfigDetailByType(organizationConfig.getId(), null, types);
+
+        // 获取验证所需的token
+        String token = getToken(configDTO);
+
+        //这里检查一下最近同步的来源是否和当前修改的一致，如果不一致，且当前平台开启同步按钮，则关闭其他平台按钮
+        String lastSyncType = getLastSyncType(organizationConfig.getId());
+        if (lastSyncType != null && !Strings.CI.equals(lastSyncType, configDTO.getType()) && getEnable(configDTO)) {
+            // 关闭其他平台按钮
+            List<String> detailTypes = getDetailTypes(lastSyncType);
+            detailTypes.forEach(detailType -> extOrganizationConfigDetailMapper.updateStatus(
+                    false, detailType, organizationConfig.getId()
+            ));
+        }
+
+        if (CollectionUtils.isEmpty(existingDetails)) {
+            // 没有配置详情，创建新的
+            handleNewConfigDetails(configDTO, userId, token, types, organizationConfig, typeEnableMap);
+        } else {
+            // 更新已有配置
+            handleExistingConfigDetails(configDTO, userId, token, types, organizationConfig, existingDetails, typeEnableMap);
+        }
+    }
+
+    /**
+     * 测试连接
+     *
+     * @param configDTO 配置DTO
+     * @return 是否连接成功
+     */
+    public boolean testConnection(ThirdConfigBaseDTO<?> configDTO, String orgId, String userId) {
+        String token = getToken(configDTO);
+        if (ThirdConfigTypeConstants.WECOM.name().equals(configDTO.getType()) && StringUtils.isNotBlank(token)) {
+            WecomThirdConfigRequest config = JSON.MAPPER.convertValue(configDTO.getConfig(), WecomThirdConfigRequest.class);
+            boolean weComAgent = tokenService.checkWeComAgentAvailable(token, config.getAgentId());
+            if (!weComAgent) {
+                token = null;
+            }
+        }
+        boolean verify = StringUtils.isNotBlank(token);
+        editThirdConfig((ThirdConfigBaseDTO<Object>) configDTO, orgId, userId);
+
+        return verify;
+    }
+
+    /**
+     * 获取同步状态
+     *
+     * @param orgId        组织ID
+     * @param type         类型
+     * @param syncResource 同步资源
+     * @return 是否同步
+     */
+    public boolean getSyncStatus(String orgId, String type, String syncResource) {
+        OrganizationConfig syncStatus = extOrganizationConfigMapper.getSyncStatus(orgId, type, syncResource);
+        return syncStatus != null && BooleanUtils.isTrue(syncStatus.isSync());
+    }
+
+    /**
+     * 根据类型获取第三方配置
+     *
+     * @param type  类型
+     * @param orgId 组织ID
+     * @return 配置DTO
+     */
+    public ThirdConfigBaseDTO<?> getThirdConfigForPublic(String type, String orgId) {
+        // 确定配置类型和组织ID
+        String configType = OrganizationConfigConstants.ConfigType.THIRD.name();
+
+        // 获取组织配置
+        OrganizationConfig config = extOrganizationConfigMapper.getOrganizationConfig(
+                orgId, configType
+        );
+
+        if (config == null) {
+            throw new GenericException(Translator.get("third.config.not.exist"));
+        }
+
+        // 获取配置详情
+        List<OrganizationConfigDetail> details = extOrganizationConfigDetailMapper
+                .getOrganizationConfigDetails(config.getId(), null);
+
+        if (CollectionUtils.isEmpty(details)) {
+            throw new GenericException(Translator.get("third.config.not.exist"));
+        }
+
+        return getConfigurationByType(type, details);
+    }
+
+    /**
+     * 获取第三方类型列表
+     *
+     * @param orgId 组织ID
+     * @return 选项列表
+     */
+    public List<OptionDTO> getThirdTypeList(String orgId) {
+        // 获取组织配置
+        OrganizationConfig config = extOrganizationConfigMapper.getOrganizationConfig(
+                orgId, OrganizationConfigConstants.ConfigType.THIRD.name()
+        );
+
+        if (config == null) {
+            return new ArrayList<>();
+        }
+
+        // 获取CODE类型的配置详情
+        List<String> codeTypes = List.of(
+                ThirdDetailType.WECOM_SYNC.name(),
+                ThirdDetailType.DINGTALK_SYNC.name(),
+                ThirdDetailType.LARK_SYNC.name()
+        );
+
+        List<OrganizationConfigDetail> details = extOrganizationConfigDetailMapper
+                .getOrgConfigDetailByType(config.getId(), null, codeTypes);
+
+        if (CollectionUtils.isEmpty(details)) {
+            return new ArrayList<>();
+        }
+
+        // 构建选项列表
+        return details.stream()
+                .map(this::getOptionDTO)
+                .sorted(Comparator.comparing(OptionDTO::getId).reversed())
+                .toList();
+    }
+
+    /**
+     * 切换第三方设置
+     *
+     * @param type           类型
+     * @param organizationId 组织ID
+     */
+    @OperationLog(module = LogModule.SYSTEM_BUSINESS_THIRD, type = LogType.UPDATE, operator = "{#userId}")
+    public void switchThirdPartySetting(String type, String organizationId) {
+        OrganizationConfig organizationConfig = extOrganizationConfigMapper.getOrganizationConfig(organizationId, OrganizationConfigConstants.ConfigType.THIRD.name());
+        if (organizationConfig == null) {
+            return;
+        }
+        String oldType = organizationConfig.getSyncResource();
+
+        if (type.equals(oldType)) {
+            return;
+        }
+        ThirdSwitchLogDTO oldLog = new ThirdSwitchLogDTO();
+        oldLog.setThirdType(oldType);
+        ThirdSwitchLogDTO newLog = new ThirdSwitchLogDTO();
+        newLog.setThirdType(type);
+        //这里检查一下最近同步的来源是否和当前修改的一致，如果不一致，则关闭其他平台按钮
+        // 关闭其他平台按钮
+        List<String> detailTypes = getDetailTypes(oldType);
+        detailTypes.forEach(detailType -> extOrganizationConfigDetailMapper.updateStatus(
+                false, detailType, organizationConfig.getId()
+        ));
+        extOrganizationConfigMapper.updateSyncFlag(organizationId, type, OrganizationConfigConstants.ConfigType.THIRD.name(), false);
+        OperationLogContext.setContext(LogContextInfo.builder()
+                .resourceName(Translator.get("third.setting"))
+                .resourceId(organizationConfig.getId())
+                .originalValue(oldLog)
+                .modifiedValue(newLog)
+                .build());
+    }
+
+    /**
+     * 获取最近同步资源
+     *
+     * @param organizationId 组织ID
+     * @return 组织配置
+     */
+    public OrganizationConfig getLatestSyncResource(String organizationId) {
+        return extOrganizationConfigMapper.getOrganizationConfig(organizationId, OrganizationConfigConstants.ConfigType.THIRD.name());
+    }
+
+    /**
+     * 获取应用配置
+     *
+     * @param organizationId 组织ID
+     * @param userId         用户ID
+     * @param type           类型
+     * @return 配置DTO
+     */
+    public ThirdConfigBaseDTO<?> getApplicationConfig(String organizationId, String userId, String type) {
+        List<OrganizationConfigDetail> organizationConfigDetails = initConfig(organizationId, userId);
+        return getThirdConfigurationDTOByType(organizationConfigDetails, type);
+    }
+
+    /**
+     * 构建详情数据
+     *
+     * @param details    配置详情列表
+     * @param configDTOs 配置DTO列表
+     */
+    private void buildDetailData(List<OrganizationConfigDetail> details,
+                                 List<ThirdConfigBaseDTO<?>> configDTOs) {
+
+        ThirdConfigBaseDTO<SqlBotThirdConfigRequest> sqlBotConfig = new ThirdConfigBaseDTO<>();
+        SqlBotThirdConfigRequest sqlBotDTO = new SqlBotThirdConfigRequest();
+
+        for (OrganizationConfigDetail detail : details) {
+            String type = detail.getType();
+            String content = new String(detail.getContent());
+
+            if (Strings.CI.equals(type, ThirdDetailType.WECOM_SYNC.name())) {
+                ThirdConfigBaseDTO<?> dto = buildDto(
+                        content,
+                        WecomThirdConfigRequest.class,
+                        cfg -> cfg.setStartEnable(detail.getEnable()),
+                        ThirdConfigTypeConstants.WECOM.name()
+                );
+                configDTOs.add(dto);
+
+            } else if (Strings.CI.equals(type, ThirdDetailType.DINGTALK_SYNC.name())) {
+                ThirdConfigBaseDTO<?> dto = buildDto(
+                        content,
+                        DingTalkThirdConfigRequest.class,
+                        cfg -> cfg.setStartEnable(detail.getEnable()),
+                        ThirdConfigTypeConstants.DINGTALK.name()
+                );
+                configDTOs.add(dto);
+
+            } else if (Strings.CI.equals(type, ThirdDetailType.LARK_SYNC.name())) {
+                ThirdConfigBaseDTO<?> dto = buildDto(
+                        content,
+                        LarkThirdConfigRequest.class,
+                        cfg -> cfg.setStartEnable(detail.getEnable()),
+                        ThirdConfigTypeConstants.LARK.name()
+                );
+                configDTOs.add(dto);
+
+            } else if (Strings.CI.equals(type, ThirdDetailType.DE_BOARD.name())) {
+                ThirdConfigBaseDTO<?> dto = buildDto(
+                        content,
+                        DeThirdConfigRequest.class,
+                        cfg -> cfg.setDeBoardEnable(detail.getEnable()),
+                        ThirdConfigTypeConstants.DE.name()
+                );
+                configDTOs.add(dto);
+
+            } else if (Strings.CI.equals(type, ThirdDetailType.SQLBOT_CHAT.name())
+                    || Strings.CI.equals(type, ThirdDetailType.SQLBOT_BOARD.name())) {
+
+                ThirdConfigBaseDTO<?> dto = JSON.parseObject(content, ThirdConfigBaseDTO.class);
+                SqlBotThirdConfigRequest cfg = buildConfig(dto, content, SqlBotThirdConfigRequest.class);
+
+                if (Strings.CI.equals(type, ThirdDetailType.SQLBOT_CHAT.name())) {
+                    sqlBotDTO.setSqlBotChatEnable(detail.getEnable());
+                } else {
+                    sqlBotDTO.setSqlBotBoardEnable(detail.getEnable());
+                }
+
+                sqlBotDTO.setAppSecret(cfg.getAppSecret());
+                sqlBotConfig.setType(ThirdConfigTypeConstants.SQLBOT.name());
+                sqlBotConfig.setVerify(dto.getVerify());
+
+            } else if (Strings.CI.equals(type, ThirdDetailType.MAXKB.name())) {
+                ThirdConfigBaseDTO<?> dto = buildDto(
+                        content,
+                        MaxKBThirdConfigRequest.class,
+                        cfg -> cfg.setMkEnable(detail.getEnable()),
+                        ThirdConfigTypeConstants.MAXKB.name()
+                );
+                configDTOs.add(dto);
+
+            } else if (Strings.CI.equals(type, ThirdDetailType.TENDER.name())) {
+                ThirdConfigBaseDTO<?> dto = buildDto(
+                        content,
+                        TenderThirdConfigRequest.class,
+                        cfg -> cfg.setTenderEnable(detail.getEnable()),
+                        ThirdConfigTypeConstants.TENDER.name()
+                );
+                configDTOs.add(dto);
+
+            } else if (Strings.CI.equals(type, ThirdDetailType.QCC.name())) {
+                ThirdConfigBaseDTO<?> dto = buildDto(
+                        content,
+                        QccThirdConfigRequest.class,
+                        cfg -> cfg.setQccEnable(detail.getEnable()),
+                        ThirdConfigTypeConstants.QCC.name()
+                );
+                configDTOs.add(dto);
+            }
+        }
+
+        if (sqlBotConfig.getType() != null) {
+            sqlBotConfig.setConfig(sqlBotDTO);
+            configDTOs.add(sqlBotConfig);
+        }
+    }
+
+    /**
+     * 构建DTO
+     *
+     * @param content      内容
+     * @param configClass  配置类
+     * @param enableSetter 启用设置器
+     * @param type         类型
+     * @param <T>          配置类型
+     * @return 配置DTO
+     */
+    private <T> ThirdConfigBaseDTO<?> buildDto(String content, Class<T> configClass, Consumer<T> enableSetter, String type) {
+
+        var dto = JSON.parseObject(content, ThirdConfigBaseDTO.class);
+        T config = buildConfig(dto, content, configClass);
+
+        enableSetter.accept(config);
+        dto.setType(type);
+        dto.setConfig(config);
+        return dto;
+    }
+
+    /**
+     * 构建配置
+     *
+     * @param dto         DTO
+     * @param content     内容
+     * @param configClass 配置类
+     * @param <T>         配置类型
+     * @return 配置对象
+     */
+    private <T> T buildConfig(ThirdConfigBaseDTO<?> dto, String content, Class<T> configClass) {
+
+        return dto.getConfig() == null
+                ? JSON.parseObject(content, configClass)
+                : JSON.MAPPER.convertValue(dto.getConfig(), configClass);
+    }
+
+    /**
+     * 初始化配置
+     *
+     * @param organizationId 组织ID
+     * @param userId         用户ID
+     * @return 配置详情列表
+     */
+    private List<OrganizationConfigDetail> initConfig(String organizationId, String userId) {
+        // 获取或创建组织配置
+        OrganizationConfig organizationConfig = getOrCreateOrganizationConfig(organizationId, userId);
+
+        // 检查当前类型下是否还有数据
+        List<OrganizationConfigDetail> organizationConfigDetails = extOrganizationConfigDetailMapper
+                .getOrganizationConfigDetails(organizationConfig.getId(), null);
+
+        OrganizationConfigDetail tenderConfig = organizationConfigDetails.stream().filter(detail -> Strings.CI.contains(detail.getType(), ThirdConfigTypeConstants.TENDER.name()))
+                .findFirst().orElse(null);
+        if (tenderConfig == null) {
+            initTender(userId, organizationConfig);
+        }
+
+        organizationConfigDetails = extOrganizationConfigDetailMapper
+                .getOrganizationConfigDetails(organizationConfig.getId(), null);
+        return organizationConfigDetails;
+    }
+
+    /**
+     * 初始化招标配置
+     *
+     * @param userId             用户ID
+     * @param organizationConfig 组织配置
+     */
+    private void initTender(String userId, OrganizationConfig organizationConfig) {
+        TenderDetailDTO tenderConfig = new TenderDetailDTO();
+        tenderConfig.setTenderAddress(TenderApiPaths.TENDER_API);
+        tenderConfig.setVerify(true);
+        OrganizationConfigDetail detail = createConfigDetail(userId, organizationConfig, JSON.toJSONString(tenderConfig));
+        detail.setType(ThirdConfigTypeConstants.TENDER.name());
+        detail.setEnable(true);
+        detail.setName(Translator.get("third.setting"));
+        organizationConfigDetailBaseMapper.insert(detail);
+    }
+
+    /**
+     * 根据类型获取第三方配置DTO
+     *
+     * @param organizationConfigDetails 配置详情列表
+     * @param type                      类型
+     * @return 配置DTO
+     */
+    private ThirdConfigBaseDTO<?> getThirdConfigurationDTOByType(
+            List<OrganizationConfigDetail> organizationConfigDetails, String type) {
+
+        if (Strings.CI.equals(ThirdConfigTypeConstants.DE.name(), type)) {
+            type = ThirdDetailType.DE_BOARD.name();
+        }
+
+        String finalType = type;
+        List<OrganizationConfigDetail> detailList = organizationConfigDetails.stream()
+                .filter(t -> t.getType().contains(finalType))
+                .toList();
+
+        List<ThirdConfigBaseDTO<?>> configDTOs = new ArrayList<>();
+        buildDetailData(detailList, configDTOs);
+
+        if (CollectionUtils.isNotEmpty(configDTOs)) {
+            return configDTOs.getFirst();
+        }
+        return new ThirdConfigBaseDTO<>();
+    }
+
+    /**
+     * 获取或创建组织配置
+     *
+     * @param organizationId 组织ID
+     * @param userId         用户ID
+     * @return 组织配置
+     */
+    private OrganizationConfig getOrCreateOrganizationConfig(String organizationId, String userId) {
+        OrganizationConfig config = extOrganizationConfigMapper
+                .getOrganizationConfig(organizationId, OrganizationConfigConstants.ConfigType.THIRD.name());
+
+        if (config == null) {
+            config = createNewOrganizationConfig(organizationId, userId);
+        }
+
+        return config;
+    }
+
+    /**
+     * 处理新建配置详情
+     *
+     * @param configDTO          配置DTO
+     * @param userId             用户ID
+     * @param token              Token
+     * @param types              类型列表
+     * @param organizationConfig 组织配置
+     * @param typeEnableMap      类型启用映射
+     */
+    private void handleNewConfigDetails(
+            ThirdConfigBaseDTO<Object> configDTO,
+            String userId,
+            String token,
+            List<String> types,
+            OrganizationConfig organizationConfig,
+            Map<String, Boolean> typeEnableMap) {
+
+        addIntegrationDetail(configDTO, userId, token, types, organizationConfig, typeEnableMap);
+    }
+
+    /**
+     * 添加集成详情
+     *
+     * @param configDTO          配置DTO
+     * @param userId             用户ID
+     * @param token              Token
+     * @param types              类型列表
+     * @param organizationConfig 组织配置
+     * @param typeEnableMap      类型启用映射
+     */
+    private void addIntegrationDetail(ThirdConfigBaseDTO<Object> configDTO, String userId, String token, List<String> types, OrganizationConfig organizationConfig, Map<String, Boolean> typeEnableMap) {
+        String jsonContent = null;
+        Boolean verify = false;
+        ThirdConfigTypeConstants typeConstants = ThirdConfigTypeConstants.fromString(configDTO.getType());
+        if (typeConstants == null) {
+            throw new GenericException("unsupported.third.type");
+        }
+        switch (typeConstants) {
+            case WECOM -> {
+                WecomThirdConfigRequest wecomConfig = JSON.MAPPER.convertValue(configDTO.getConfig(), WecomThirdConfigRequest.class);
+                if (wecomConfig.getStartEnable()) {
+                    verifyWeCom(wecomConfig.getAgentId(), token, configDTO);
+                }
+                configDTO.setConfig(wecomConfig);
+                jsonContent = JSON.toJSONString(configDTO);
+                verify = configDTO.getVerify();
+                addLog(new HashMap<>(), configDTO, null, JSON.parseToMap(JSON.toJSONString(wecomConfig)));
+            }
+            case DINGTALK -> {
+                DingTalkThirdConfigRequest dingTalkConfig = JSON.MAPPER.convertValue(configDTO.getConfig(), DingTalkThirdConfigRequest.class);
+                if (dingTalkConfig.getStartEnable()) {
+                    verifyDingTalk(token, configDTO);
+                }
+                configDTO.setConfig(dingTalkConfig);
+                jsonContent = JSON.toJSONString(configDTO);
+                verify = configDTO.getVerify();
+                addLog(new HashMap<>(), configDTO, null, JSON.parseToMap(JSON.toJSONString(dingTalkConfig)));
+            }
+            case LARK -> {
+                LarkThirdConfigRequest larkConfig = JSON.MAPPER.convertValue(configDTO.getConfig(), LarkThirdConfigRequest.class);
+                if (larkConfig.getStartEnable()) {
+                    verifyLark(token, configDTO);
+                }
+                configDTO.setConfig(larkConfig);
+                jsonContent = JSON.toJSONString(configDTO);
+                verify = configDTO.getVerify();
+                addLog(new HashMap<>(), configDTO, null, JSON.parseToMap(JSON.toJSONString(larkConfig)));
+            }
+            case DE -> {
+                DeThirdConfigRequest deConfig = JSON.MAPPER.convertValue(configDTO.getConfig(), DeThirdConfigRequest.class);
+                if (BooleanUtils.isTrue(deConfig.getDeBoardEnable())) {
+                    verifyDe(token, configDTO);
+                }
+                configDTO.setConfig(deConfig);
+                jsonContent = JSON.toJSONString(configDTO);
+                verify = configDTO.getVerify();
+                addLog(new HashMap<>(), configDTO, null, JSON.parseToMap(JSON.toJSONString(deConfig)));
+            }
+            case SQLBOT -> {
+                SqlBotThirdConfigRequest sqlBotConfig = JSON.MAPPER.convertValue(configDTO.getConfig(), SqlBotThirdConfigRequest.class);
+                if (sqlBotConfig.getSqlBotBoardEnable() || sqlBotConfig.getSqlBotChatEnable()) {
+                    verifyToken(token, configDTO);
+                }
+                configDTO.setConfig(sqlBotConfig);
+                jsonContent = JSON.toJSONString(configDTO);
+                verify = configDTO.getVerify();
+                addLog(new HashMap<>(), configDTO, null, JSON.parseToMap(JSON.toJSONString(sqlBotConfig)));
+            }
+            case MAXKB -> {
+                MaxKBThirdConfigRequest mkConfig = JSON.MAPPER.convertValue(configDTO.getConfig(), MaxKBThirdConfigRequest.class);
+                if (mkConfig.getMkEnable()) {
+                    verifyToken(token, configDTO);
+                }
+                configDTO.setConfig(mkConfig);
+                jsonContent = JSON.toJSONString(configDTO);
+                verify = configDTO.getVerify();
+                addLog(new HashMap<>(), configDTO, null, JSON.parseToMap(JSON.toJSONString(mkConfig)));
+            }
+            case TENDER -> {
+                TenderThirdConfigRequest tenderConfig = JSON.MAPPER.convertValue(configDTO.getConfig(), TenderThirdConfigRequest.class);
+                tenderConfig.setTenderAddress(TenderApiPaths.TENDER_API);
+                if (tenderConfig.getTenderEnable()) {
+                    verifyToken(token, configDTO);
+                }
+                configDTO.setConfig(tenderConfig);
+                jsonContent = JSON.toJSONString(configDTO);
+                verify = configDTO.getVerify();
+                addLog(new HashMap<>(), configDTO, null, JSON.parseToMap(JSON.toJSONString(tenderConfig)));
+            }
+            case QCC -> {
+                QccThirdConfigRequest qccConfig = JSON.MAPPER.convertValue(configDTO.getConfig(), QccThirdConfigRequest.class);
+                if (qccConfig.getQccEnable()) {
+                    verifyToken(token, configDTO);
+                }
+                configDTO.setConfig(qccConfig);
+                jsonContent = JSON.toJSONString(configDTO);
+                verify = configDTO.getVerify();
+                addLog(new HashMap<>(), configDTO, null, JSON.parseToMap(JSON.toJSONString(qccConfig)));
+            }
+        }
+
+        saveDetail(userId, organizationConfig, types, typeEnableMap, jsonContent, verify);
+    }
+
+    /**
+     * 处理已存在的配置详情
+     *
+     * @param configDTO          配置DTO
+     * @param userId             用户ID
+     * @param token              Token
+     * @param types              类型列表
+     * @param organizationConfig 组织配置
+     * @param existingDetails    现有详情列表
+     * @param typeEnableMap      类型启用映射
+     */
+    private void handleExistingConfigDetails(
+            ThirdConfigBaseDTO<Object> configDTO,
+            String userId,
+            String token,
+            List<String> types,
+            OrganizationConfig organizationConfig,
+            List<OrganizationConfigDetail> existingDetails,
+            Map<String, Boolean> typeEnableMap) {
+
+        Map<String, OrganizationConfigDetail> existDetailTypeMap = existingDetails.stream()
+                .collect(Collectors.toMap(
+                        OrganizationConfigDetail::getType,
+                        Function.identity(),
+                        (left, right) -> left));
+
+        for (String type : types) {
+            OrganizationConfigDetail detail = existDetailTypeMap.get(type);
+            if (detail == null) {
+                addIntegrationDetail(configDTO, userId, token, List.of(type), organizationConfig, typeEnableMap);
+                continue;
+            }
+
+            boolean needResetSync = BooleanUtils.isTrue(organizationConfig.isSync())
+                    && StringUtils.isNotBlank(organizationConfig.getSyncResource())
+                    && Strings.CI.equals(organizationConfig.getSyncResource(), configDTO.getType())
+                    && syncCorpId(detail, configDTO);
+
+            if (needResetSync) {
+                extOrganizationConfigMapper.updateSyncFlag(
+                        organizationConfig.getOrganizationId(),
+                        organizationConfig.getSyncResource(),
+                        organizationConfig.getType(),
+                        false);
+            }
+
+            updateExistingDetail(configDTO, userId, token, detail, typeEnableMap.get(type), organizationConfig.getId());
+        }
+    }
+
+    /**
+     * 更新已存在的配置详情
+     *
+     * @param configDTO 配置DTO
+     * @param userId    用户ID
+     * @param token     Token
+     * @param detail    配置详情
+     * @param enable    是否启用
+     * @param id        ID
+     */
+    private void updateExistingDetail(
+            ThirdConfigBaseDTO<Object> configDTO,
+            String userId,
+            String token,
+            OrganizationConfigDetail detail,
+            Boolean enable,
+            String id) {
+
+        updateIntegrationDetail(configDTO, userId, token, detail, enable, id);
+    }
+
+    /**
+     * 更新集成详情
+     *
+     * @param configDTO 配置DTO
+     * @param userId    用户ID
+     * @param token     Token
+     * @param detail    配置详情
+     * @param enable    是否启用
+     * @param id        ID
+     */
+    private void updateIntegrationDetail(
+            ThirdConfigBaseDTO<Object> configDTO,
+            String userId,
+            String token,
+            OrganizationConfigDetail detail,
+            Boolean enable,
+            String id) {
+
+        String jsonContent = null;
+        boolean openEnable = false;
+
+        ThirdConfigTypeConstants typeConstants =
+                ThirdConfigTypeConstants.fromString(configDTO.getType());
+
+        if (typeConstants == null) {
+            throw new GenericException("unsupported.third.type");
+        }
+
+        switch (typeConstants) {
+            case WECOM -> {
+                WecomThirdConfigRequest config = JSON.MAPPER.convertValue(configDTO.getConfig(), WecomThirdConfigRequest.class);
+                if (config.getStartEnable()) {
+                    verifyWeCom(config.getAgentId(), token, configDTO);
+                }
+
+                configDTO.setConfig(config);
+                jsonContent = JSON.toJSONString(configDTO);
+
+                boolean isVerified = Boolean.TRUE.equals(configDTO.getVerify());
+                openEnable = isVerified && enable;
+
+                WecomThirdConfigRequest oldConfig = parseOldConfig(detail, WecomThirdConfigRequest.class);
+
+                addConfigLog(oldConfig, configDTO, id, config);
+            }
+
+            case DINGTALK -> {
+                DingTalkThirdConfigRequest config = JSON.MAPPER.convertValue(configDTO.getConfig(), DingTalkThirdConfigRequest.class);
+
+                if (config.getStartEnable()) {
+                    verifyDingTalk(token, configDTO);
+                }
+
+                configDTO.setConfig(config);
+                jsonContent = JSON.toJSONString(configDTO);
+
+                boolean isVerified = Boolean.TRUE.equals(configDTO.getVerify());
+                openEnable = isVerified && enable;
+
+                DingTalkThirdConfigRequest oldConfig = parseOldConfig(detail, DingTalkThirdConfigRequest.class);
+
+                addConfigLog(oldConfig, configDTO, id, config);
+            }
+
+            case LARK -> {
+                LarkThirdConfigRequest config = JSON.MAPPER.convertValue(configDTO.getConfig(), LarkThirdConfigRequest.class);
+
+                if (config.getStartEnable()) {
+                    verifyLark(token, configDTO);
+                }
+
+                configDTO.setConfig(config);
+                jsonContent = JSON.toJSONString(configDTO);
+
+                boolean isVerified = Boolean.TRUE.equals(configDTO.getVerify());
+                openEnable = isVerified && enable;
+
+                LarkThirdConfigRequest oldConfig = parseOldConfig(detail, LarkThirdConfigRequest.class);
+
+                addConfigLog(oldConfig, configDTO, id, config);
+            }
+
+            case DE -> {
+                DeThirdConfigRequest config = JSON.MAPPER.convertValue(configDTO.getConfig(), DeThirdConfigRequest.class);
+
+                if (BooleanUtils.isTrue(config.getDeBoardEnable())) {
+                    verifyDe(token, configDTO);
+                }
+
+                configDTO.setConfig(config);
+                jsonContent = JSON.toJSONString(configDTO);
+                openEnable = enable;
+
+                DeThirdConfigRequest oldConfig = parseOldConfig(detail, DeThirdConfigRequest.class);
+
+                addConfigLog(oldConfig, configDTO, id, config);
+            }
+
+            case SQLBOT -> {
+                SqlBotThirdConfigRequest config = JSON.MAPPER.convertValue(configDTO.getConfig(), SqlBotThirdConfigRequest.class);
+
+                if (config.getSqlBotBoardEnable() || config.getSqlBotChatEnable()) {
+                    verifyToken(token, configDTO);
+                }
+
+                configDTO.setConfig(config);
+                jsonContent = JSON.toJSONString(configDTO);
+
+                boolean isVerified = Boolean.TRUE.equals(configDTO.getVerify());
+                openEnable = isVerified && enable;
+
+                SqlBotThirdConfigRequest oldConfig = parseOldConfig(detail, SqlBotThirdConfigRequest.class);
+
+                addConfigLog(oldConfig, configDTO, id, config);
+            }
+
+            case MAXKB -> {
+                MaxKBThirdConfigRequest config = JSON.MAPPER.convertValue(configDTO.getConfig(), MaxKBThirdConfigRequest.class);
+
+                if (config.getMkEnable()) {
+                    verifyToken(token, configDTO);
+                }
+
+                configDTO.setConfig(config);
+                jsonContent = JSON.toJSONString(configDTO);
+                openEnable = enable;
+
+                MaxKBThirdConfigRequest oldConfig = parseOldConfig(detail, MaxKBThirdConfigRequest.class);
+
+                addConfigLog(oldConfig, configDTO, id, config);
+            }
+
+            case TENDER -> {
+                TenderThirdConfigRequest config = JSON.MAPPER.convertValue(configDTO.getConfig(), TenderThirdConfigRequest.class);
+
+                config.setTenderAddress(TenderApiPaths.TENDER_API);
+
+                if (config.getTenderEnable()) {
+                    verifyToken(token, configDTO);
+                }
+
+                configDTO.setConfig(config);
+                jsonContent = JSON.toJSONString(configDTO);
+                openEnable = enable;
+
+                TenderThirdConfigRequest oldConfig = parseOldConfig(detail, TenderThirdConfigRequest.class);
+
+                addConfigLog(oldConfig, configDTO, id, config);
+            }
+
+            case QCC -> {
+                QccThirdConfigRequest config = JSON.MAPPER.convertValue(configDTO.getConfig(), QccThirdConfigRequest.class);
+                if (config.getQccEnable()) {
+                    verifyToken(token, configDTO);
+                }
+
+                configDTO.setConfig(config);
+                jsonContent = JSON.toJSONString(configDTO);
+                openEnable = enable;
+
+                QccThirdConfigRequest oldConfig = parseOldConfig(detail, QccThirdConfigRequest.class);
+
+                addConfigLog(oldConfig, configDTO, id, config);
+            }
+        }
+
+        if (StringUtils.isNotBlank(jsonContent)) {
+            updateOrganizationConfigDetail(jsonContent, userId, detail, openEnable);
+        }
+    }
+
+    /**
+     * 解析旧配置
+     *
+     * @param detail 配置详情
+     * @param clazz  类
+     * @param <T>    类型
+     * @return 配置对象
+     */
+    private <T> T parseOldConfig(OrganizationConfigDetail detail, Class<T> clazz) {
+        ThirdConfigBaseDTO<?> oldDto =
+                JSON.parseObject(new String(detail.getContent()), ThirdConfigBaseDTO.class);
+
+        if (oldDto.getConfig() == null) {
+            return JSON.parseObject(new String(detail.getContent()), clazz);
+        }
+        return JSON.MAPPER.convertValue(oldDto.getConfig(), clazz);
+    }
+
+    /**
+     * 添加配置日志
+     *
+     * @param oldConfig 旧配置
+     * @param newDto    新DTO
+     * @param id        ID
+     * @param newConfig 新配置
+     */
+    private void addConfigLog(Object oldConfig,
+                              ThirdConfigBaseDTO<?> newDto,
+                              String id,
+                              Object newConfig) {
+        addLog(
+                JSON.parseToMap(JSON.toJSONString(oldConfig)),
+                newDto,
+                id,
+                JSON.parseToMap(JSON.toJSONString(newConfig))
+        );
+    }
+
+    /**
+     * 添加日志
+     *
+     * @param oldMap    旧映射
+     * @param configDTO 配置DTO
+     * @param id        ID
+     * @param newMap    新映射
+     */
+    private void addLog(Map<String, Object> oldMap, ThirdConfigBaseDTO<?> configDTO, String id, Map<String, Object> newMap) {
+        oldMap.put("type", configDTO.getType());
+        oldMap.put("verify", configDTO.getVerify());
+        newMap.put("type", configDTO.getType());
+        newMap.put("verify", configDTO.getVerify());
+        OperationLogContext.setContext(LogContextInfo.builder()
+                .resourceName(Translator.get("third.setting"))
+                .resourceId(id)
+                .originalValue(oldMap)
+                .modifiedValue(newMap)
+                .build());
+    }
+
+    /**
+     * 验证De配置
+     *
+     * @param token    Token
+     * @param deConfig 配置DTO
+     */
+    private void verifyDe(String token, ThirdConfigBaseDTO<?> deConfig) {
+        deConfig.setVerify(StringUtils.isNotBlank(token) && Strings.CI.equals(token, "true"));
+    }
+
+    /**
+     * 保存详情
+     *
+     * @param userId             用户ID
+     * @param organizationConfig 组织配置
+     * @param types              类型列表
+     * @param typeEnableMap      类型启用映射
+     * @param jsonString         JSON字符串
+     * @param verify             是否验证
+     */
+    private void saveDetail(String userId, OrganizationConfig organizationConfig, List<String> types, Map<String, Boolean> typeEnableMap, String jsonString, Boolean verify) {
+        for (String type : types) {
+            OrganizationConfigDetail detail = createConfigDetail(userId, organizationConfig, jsonString);
+            detail.setType(type);
+
+            // 设置启用状态
+            if (verify != null) {
+                detail.setEnable(verify && typeEnableMap.get(type));
+            } else {
+                detail.setEnable(false);
+            }
+
+            detail.setName(Translator.get("third.setting"));
+            organizationConfigDetailBaseMapper.insert(detail);
+        }
+    }
+
+    /**
+     * 创建配置详情
+     *
+     * @param userId             用户ID
+     * @param organizationConfig 组织配置
+     * @param jsonString         JSON字符串
+     * @return 配置详情
+     */
+    private OrganizationConfigDetail createConfigDetail(String userId, OrganizationConfig organizationConfig, String jsonString) {
+        OrganizationConfigDetail detail = new OrganizationConfigDetail();
+        detail.setId(IDGenerator.nextStr());
+        detail.setContent(jsonString.getBytes());
+        detail.setCreateTime(System.currentTimeMillis());
+        detail.setUpdateTime(System.currentTimeMillis());
+        detail.setCreateUser(userId);
+        detail.setUpdateUser(userId);
+        detail.setConfigId(organizationConfig.getId());
+        return detail;
+    }
+
+    /**
+     * 验证WeCom
+     *
+     * @param agentId     代理ID
+     * @param token       Token
+     * @param weComConfig 配置DTO
+     */
+    private void verifyWeCom(String agentId, String token, ThirdConfigBaseDTO<?> weComConfig) {
+        if (StringUtils.isNotBlank(token)) {
+            // 验证应用ID
+            Boolean weComAgent = tokenService.checkWeComAgentAvailable(token, agentId);
+            weComConfig.setVerify(weComAgent);
+        } else {
+            weComConfig.setVerify(false);
+        }
+    }
+
+    /**
+     * 验证DingTalk
+     *
+     * @param token                   Token
+     * @param dingTalkConfigDetailDTO 配置DTO
+     */
+    private void verifyDingTalk(String token, ThirdConfigBaseDTO<?> dingTalkConfigDetailDTO) {
+        dingTalkConfigDetailDTO.setVerify(StringUtils.isNotBlank(token));
+    }
+
+    /**
+     * 验证Lark
+     *
+     * @param token               Token
+     * @param larkConfigDetailDTO 配置DTO
+     */
+    private void verifyLark(String token, ThirdConfigBaseDTO<?> larkConfigDetailDTO) {
+        larkConfigDetailDTO.setVerify(StringUtils.isNotBlank(token));
+    }
+
+    /**
+     * 验证Token
+     *
+     * @param token  Token
+     * @param config 配置DTO
+     */
+    private void verifyToken(String token, ThirdConfigBaseDTO<?> config) {
+        config.setVerify(StringUtils.isNotBlank(token) && Strings.CI.equals(token, "true"));
+    }
+
+    /**
+     * 根据配置类型获取详情类型列表
+     *
+     * @param type 类型
+     * @return 类型列表
+     */
+    private List<String> getDetailTypes(String type) {
+        ThirdConfigTypeConstants typeConstants = ThirdConfigTypeConstants.fromString(type);
+        if (typeConstants == null) {
+            return Collections.emptyList();
+        }
+        return switch (typeConstants) {
+            case WECOM -> List.of(ThirdDetailType.WECOM_SYNC.toString());
+            case DINGTALK -> List.of(ThirdDetailType.DINGTALK_SYNC.name());
+            case LARK -> List.of(ThirdDetailType.LARK_SYNC.name());
+            case DE -> List.of(ThirdDetailType.DE_BOARD.name());
+            case SQLBOT -> List.of(
+                    ThirdDetailType.SQLBOT_CHAT.name(),
+                    ThirdDetailType.SQLBOT_BOARD.name()
+            );
+            case MAXKB -> List.of(ThirdDetailType.MAXKB.name());
+            case TENDER -> List.of(ThirdDetailType.TENDER.name());
+            case QCC -> List.of(ThirdDetailType.QCC.name());
+            default -> Collections.emptyList();
+        };
+    }
+
+    /**
+     * 获取类型启用状态映射
+     *
+     * @param configDTO 配置DTO
+     * @return 类型启用映射
+     */
+    private Map<String, Boolean> getTypeEnableMap(ThirdConfigBaseDTO<?> configDTO) {
+        Map<String, Boolean> map = new HashMap<>();
+        ThirdConfigTypeConstants type = ThirdConfigTypeConstants.fromString(configDTO.getType());
+        if (type == null) {
+            return Map.of();
+        }
+        switch (type) {
+            case WECOM -> {
+                WecomThirdConfigRequest config = JSON.MAPPER.convertValue(configDTO.getConfig(), WecomThirdConfigRequest.class);
+                map.put(ThirdDetailType.WECOM_SYNC.name(), config.getStartEnable());
+            }
+            case DINGTALK -> {
+                DingTalkThirdConfigRequest config = JSON.MAPPER.convertValue(configDTO.getConfig(), DingTalkThirdConfigRequest.class);
+                map.put(ThirdDetailType.DINGTALK_SYNC.name(), config.getStartEnable());
+            }
+            case LARK -> {
+                LarkThirdConfigRequest config = JSON.MAPPER.convertValue(configDTO.getConfig(), LarkThirdConfigRequest.class);
+                map.put(ThirdDetailType.LARK_SYNC.name(), config.getStartEnable());
+            }
+            case DE -> {
+                DeThirdConfigRequest config = JSON.MAPPER.convertValue(configDTO.getConfig(), DeThirdConfigRequest.class);
+                map.put(ThirdDetailType.DE_BOARD.name(), config.getDeBoardEnable());
+            }
+            case SQLBOT -> {
+                SqlBotThirdConfigRequest config = JSON.MAPPER.convertValue(configDTO.getConfig(), SqlBotThirdConfigRequest.class);
+                map.put(ThirdDetailType.SQLBOT_CHAT.name(), config.getSqlBotChatEnable());
+                map.put(ThirdDetailType.SQLBOT_BOARD.name(), config.getSqlBotBoardEnable());
+            }
+            case MAXKB -> {
+                MaxKBThirdConfigRequest config = JSON.MAPPER.convertValue(configDTO.getConfig(), MaxKBThirdConfigRequest.class);
+                map.put(ThirdDetailType.MAXKB.name(), config.getMkEnable());
+            }
+            case TENDER -> {
+                TenderThirdConfigRequest config = JSON.MAPPER.convertValue(configDTO.getConfig(), TenderThirdConfigRequest.class);
+                map.put(ThirdDetailType.TENDER.name(), config.getTenderEnable());
+            }
+            case QCC -> {
+                QccThirdConfigRequest config = JSON.MAPPER.convertValue(configDTO.getConfig(), QccThirdConfigRequest.class);
+                map.put(ThirdDetailType.QCC.name(), config.getQccEnable());
+            }
+        }
+
+        return map;
+    }
+
+    /**
+     * 获取Token
+     *
+     * @param configDTO 配置DTO
+     * @return Token
+     */
+    private String getToken(ThirdConfigBaseDTO<?> configDTO) {
+        ThirdConfigTypeConstants type = ThirdConfigTypeConstants.fromString(configDTO.getType());
+        if (type == null) {
+            return null;
+        }
+
+        switch (type) {
+            case WECOM -> {
+                WecomThirdConfigRequest weComConfig = JSON.MAPPER.convertValue(configDTO.getConfig(), WecomThirdConfigRequest.class);
+                return tokenService.getAssessToken(weComConfig.getCorpId(), weComConfig.getAppSecret());
+            }
+            case DINGTALK -> {
+                DingTalkThirdConfigRequest dingTalkConfig = JSON.MAPPER.convertValue(configDTO.getConfig(), DingTalkThirdConfigRequest.class);
+                return tokenService.getDingTalkToken(dingTalkConfig.getAgentId(), dingTalkConfig.getAppSecret());
+            }
+            case LARK -> {
+                LarkThirdConfigRequest larkConfig = JSON.MAPPER.convertValue(configDTO.getConfig(), LarkThirdConfigRequest.class);
+                return tokenService.getLarkToken(larkConfig.getAgentId(), larkConfig.getAppSecret());
+            }
+            case DE -> {
+                DeThirdConfigRequest deConfig = JSON.MAPPER.convertValue(configDTO.getConfig(), DeThirdConfigRequest.class);
+                boolean verify = validDeConfig(deConfig);
+                return verify ? "true" : null;
+            }
+            case SQLBOT -> {
+                SqlBotThirdConfigRequest sqlBotConfig = JSON.MAPPER.convertValue(configDTO.getConfig(), SqlBotThirdConfigRequest.class);
+                return tokenService.getSqlBotSrc(sqlBotConfig.getAppSecret()) ? "true" : null;
+            }
+            case MAXKB -> {
+                MaxKBThirdConfigRequest mkConfig = JSON.MAPPER.convertValue(configDTO.getConfig(), MaxKBThirdConfigRequest.class);
+                return tokenService.getMaxKBToken(mkConfig.getMkAddress(), mkConfig.getAppSecret()) ? "true" : null;
+            }
+            case TENDER -> {
+                return tokenService.getTender() ? "true" : null;
+            }
+            case QCC -> {
+                QccThirdConfigRequest qccConfig = JSON.MAPPER.convertValue(configDTO.getConfig(), QccThirdConfigRequest.class);
+                return tokenService.getQcc(qccConfig.getQccAddress(), qccConfig.getQccAccessKey(), qccConfig.getQccSecretKey()) ? "true" : null;
+            }
+            default -> {
+                return null;
+            }
+        }
+    }
+
+    /**
+     * 验证De配置
+     *
+     * @param configDTO 配置请求
+     * @return 是否有效
+     */
+    private boolean validDeConfig(DeThirdConfigRequest configDTO) {
+        // 校验url
+        boolean verify = tokenService.pingDeUrl(configDTO.getRedirectUrl());
+        DataEaseClient dataEaseClient = new DataEaseClient(configDTO);
+        if (StringUtils.isNotBlank(configDTO.getDeAccessKey())
+                && StringUtils.isNotBlank(configDTO.getDeSecretKey())
+                && StringUtils.isNotBlank(configDTO.getRedirectUrl())) {
+            // 校验 ak，sk
+            verify = verify && dataEaseClient.validate();
+        }
+        return verify;
+    }
+
+    /**
+     * 创建新的组织配置
+     *
+     * @param organizationId 组织ID
+     * @param userId         用户ID
+     * @return 组织配置
+     */
+    private OrganizationConfig createNewOrganizationConfig(String organizationId, String userId) {
+        OrganizationConfig config = new OrganizationConfig();
+        config.setId(IDGenerator.nextStr());
+        config.setOrganizationId(organizationId);
+        config.setType(OrganizationConfigConstants.ConfigType.THIRD.name());
+        config.setSyncResource(ThirdConfigTypeConstants.WECOM.name());
+        config.setCreateTime(System.currentTimeMillis());
+        config.setUpdateTime(System.currentTimeMillis());
+        config.setCreateUser(userId);
+        config.setUpdateUser(userId);
+        organizationConfigBaseMapper.insert(config);
+        return config;
+    }
+
+    /**
+     * 更新组织配置详情
+     *
+     * @param jsonString JSON字符串
+     * @param userId     用户ID
+     * @param detail     配置详情
+     * @param enable     是否启用
+     */
+    private void updateOrganizationConfigDetail(String jsonString, String userId, OrganizationConfigDetail detail, Boolean enable) {
+        detail.setContent(jsonString.getBytes());
+        detail.setUpdateTime(System.currentTimeMillis());
+        detail.setUpdateUser(userId);
+        detail.setEnable(enable);
+        organizationConfigDetailBaseMapper.update(detail);
+    }
+
+    /**
+     * 根据类型获取配置
+     *
+     * @param type    类型
+     * @param details 配置详情列表
+     * @return 配置DTO
+     */
+    private ThirdConfigBaseDTO<?> getConfigurationByType(String type, List<OrganizationConfigDetail> details) {
+        return getNormalConfiguration(type, details);
+    }
+
+    /**
+     * 获取普通配置
+     *
+     * @param type    类型
+     * @param details 配置详情列表
+     * @return 配置DTO
+     */
+    private ThirdConfigBaseDTO<?> getNormalConfiguration(String type, List<OrganizationConfigDetail> details) {
+        ThirdConfigBaseDTO<?> configDTO = getThirdConfigurationDTOByType(details, type);
+        if (configDTO == null) {
+            throw new GenericException(Translator.get("third.config.not.exist"));
+        }
+
+        return configDTO;
+    }
+
+    /**
+     * 获取选项DTO
+     *
+     * @param detail 配置详情
+     * @return 选项DTO
+     */
+    private OptionDTO getOptionDTO(OrganizationConfigDetail detail) {
+        OptionDTO option = new OptionDTO();
+        String type = detail.getType();
+
+        if (type.contains(ThirdConfigTypeConstants.WECOM.name())) {
+            option.setId(ThirdConfigTypeConstants.WECOM.name());
+        } else if (type.contains(ThirdConfigTypeConstants.DINGTALK.name())) {
+            option.setId(ThirdConfigTypeConstants.DINGTALK.name());
+        } else if (type.contains(ThirdConfigTypeConstants.LARK.name())) {
+            option.setId(ThirdConfigTypeConstants.LARK.name());
+        }
+
+        option.setName(detail.getEnable().toString());
+        return option;
+    }
+
+    /**
+     * 获取启用状态
+     *
+     * @param configDTO 配置DTO
+     * @return 是否启用
+     */
+    private boolean getEnable(ThirdConfigBaseDTO<?> configDTO) {
+        ThirdConfigTypeConstants typeConstants = ThirdConfigTypeConstants.fromString(configDTO.getType());
+        if (typeConstants == null) {
+            throw new GenericException("unsupported.third.type");
+        }
+        switch (typeConstants) {
+            case WECOM -> {
+                WecomThirdConfigRequest weComConfig = JSON.MAPPER.convertValue(configDTO.getConfig(), WecomThirdConfigRequest.class);
+                return weComConfig.getStartEnable();
+            }
+            case DINGTALK -> {
+                DingTalkThirdConfigRequest dingTalkConfig = JSON.MAPPER.convertValue(configDTO.getConfig(), DingTalkThirdConfigRequest.class);
+                return dingTalkConfig.getStartEnable();
+            }
+            case LARK -> {
+                LarkThirdConfigRequest larkConfig = JSON.MAPPER.convertValue(configDTO.getConfig(), LarkThirdConfigRequest.class);
+                return larkConfig.getStartEnable();
+            }
+            default -> {
+                return false;
+            }
+        }
+    }
+
+    /**
+     * 获取最近同步类型
+     *
+     * @param id ID
+     * @return 同步类型
+     */
+    private String getLastSyncType(String id) {
+        OrganizationConfig organizationConfig = organizationConfigBaseMapper.selectByPrimaryKey(id);
+        if (organizationConfig != null && organizationConfig.isSync() && StringUtils.isNotBlank(organizationConfig.getSyncResource())) {
+            return organizationConfig.getSyncResource();
+        } else {
+            return null;
+        }
+    }
+
+    /**
+     * 同步CorpId
+     *
+     * @param detail    内容
+     * @param configDTO 配置DTO
+     * @return 是否同步
+     */
+    private boolean syncCorpId(OrganizationConfigDetail detail, ThirdConfigBaseDTO<?> configDTO) {
+        ThirdConfigTypeConstants typeConstants = ThirdConfigTypeConstants.fromString(configDTO.getType());
+        if (typeConstants == null) {
+            throw new GenericException("unsupported.third.type");
+        }
+        switch (typeConstants) {
+            case WECOM -> {
+                WecomThirdConfigRequest oldConfig = parseOldConfig(detail, WecomThirdConfigRequest.class);
+                WecomThirdConfigRequest weComConfig = JSON.MAPPER.convertValue(configDTO.getConfig(), WecomThirdConfigRequest.class);
+                return !Strings.CI.equals(oldConfig.getCorpId(), weComConfig.getCorpId());
+            }
+            case DINGTALK -> {
+                DingTalkThirdConfigRequest oldConfig = parseOldConfig(detail, DingTalkThirdConfigRequest.class);
+                DingTalkThirdConfigRequest dingTalkConfig = JSON.MAPPER.convertValue(configDTO.getConfig(), DingTalkThirdConfigRequest.class);
+                return !Strings.CI.equals(oldConfig.getCorpId(), dingTalkConfig.getCorpId());
+            }
+            case LARK -> {
+                LarkThirdConfigRequest oldConfig = parseOldConfig(detail, LarkThirdConfigRequest.class);
+                LarkThirdConfigRequest larkConfig = JSON.MAPPER.convertValue(configDTO.getConfig(), LarkThirdConfigRequest.class);
+                return !Strings.CI.equals(oldConfig.getCorpId(), larkConfig.getCorpId());
+            }
+            default -> {
+                return false;
+            }
+        }
+    }
+
+    public void handleData(ThirdConfigBaseDTO<?> thirdConfig) {
+        if (thirdConfig.getType() == null) {
+            return;
+        }
+        ThirdConfigTypeConstants typeConstants = ThirdConfigTypeConstants.fromString(thirdConfig.getType());
+        if (typeConstants == null) {
+            throw new GenericException("unsupported.third.type");
+        }
+        switch (typeConstants) {
+            case WECOM -> {
+                WecomThirdConfigRequest weComConfig = JSON.MAPPER.convertValue(thirdConfig.getConfig(), WecomThirdConfigRequest.class);
+                weComConfig.setAppSecret(StringUtils.EMPTY);
+                ((ThirdConfigBaseDTO<Object>) thirdConfig).setConfig(weComConfig);
+            }
+            case DINGTALK -> {
+                DingTalkThirdConfigRequest dingTalkConfig = JSON.MAPPER.convertValue(thirdConfig.getConfig(), DingTalkThirdConfigRequest.class);
+                dingTalkConfig.setAppSecret(StringUtils.EMPTY);
+                ((ThirdConfigBaseDTO<Object>) thirdConfig).setConfig(dingTalkConfig);
+            }
+            case LARK -> {
+                LarkThirdConfigRequest larkConfig = JSON.MAPPER.convertValue(thirdConfig.getConfig(), LarkThirdConfigRequest.class);
+                larkConfig.setAppSecret(StringUtils.EMPTY);
+                ((ThirdConfigBaseDTO<Object>) thirdConfig).setConfig(larkConfig);
+            }
+            case DE -> {
+                DeThirdConfigRequest deConfig = JSON.MAPPER.convertValue(thirdConfig.getConfig(), DeThirdConfigRequest.class);
+                deConfig.setAppSecret(StringUtils.EMPTY);
+                deConfig.setDeSecretKey(StringUtils.EMPTY);
+                ((ThirdConfigBaseDTO<Object>) thirdConfig).setConfig(deConfig);
+            }
+            case MAXKB -> {
+                MaxKBThirdConfigRequest maxKBConfig = JSON.MAPPER.convertValue(thirdConfig.getConfig(), MaxKBThirdConfigRequest.class);
+                maxKBConfig.setAppSecret(StringUtils.EMPTY);
+                ((ThirdConfigBaseDTO<Object>) thirdConfig).setConfig(maxKBConfig);
+            }
+            case QCC -> {
+                QccThirdConfigRequest qccConfig = JSON.MAPPER.convertValue(thirdConfig.getConfig(), QccThirdConfigRequest.class);
+                qccConfig.setQccSecretKey(StringUtils.EMPTY);
+                ((ThirdConfigBaseDTO<Object>) thirdConfig).setConfig(qccConfig);
+            }
+            default -> {
+
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/LicenseService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/LicenseService.java
new file mode 100644
index 0000000..ce8532f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/LicenseService.java
@@ -0,0 +1,122 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.constants.LicenseStatus;
+import cn.cordys.crm.system.domain.License;
+import cn.cordys.crm.system.dto.LicenseDTO;
+import cn.cordys.crm.system.dto.log.LicenseLogDTO;
+import cn.cordys.crm.system.mapper.ExtLicenseMapper;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.cache.annotation.CachePut;
+import org.springframework.cache.annotation.Cacheable;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.Optional;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class LicenseService {
+
+    @Resource
+    private BaseMapper<License> licenseBaseMapper;
+
+    @Resource
+    private ExtLicenseMapper extLicenseMapper;
+
+    @Cacheable(value = "license_cache", key = "'CORDYS-LICENSE'", unless = "#result == null")
+    public LicenseDTO validate() {
+        var code = Optional.ofNullable(extLicenseMapper.get())
+                .map(License::getLicenseCode)
+                .orElse("");
+        return validate(code);
+    }
+
+    @OperationLog(module = LogModule.SYSTEM, type = LogType.ADD)
+    @CachePut(value = "license_cache", key = "'CORDYS-LICENSE'", unless = "#result == null")
+    public LicenseDTO add(String code, String userId) {
+        LicenseDTO licenseDTO = validate(code);
+
+        if (licenseDTO == null || StringUtils.isBlank(licenseDTO.getProduct())) {
+            throw new GenericException(Translator.get("license_valid_license_error"));
+        }
+        License license = extLicenseMapper.get();
+        if (license == null) {
+            license = new License();
+            license.setId(IDGenerator.nextStr());
+            license.setLicenseCode(code);
+            license.setCreateTime(System.currentTimeMillis());
+            license.setUpdateTime(System.currentTimeMillis());
+            license.setCreateUser(userId);
+            license.setUpdateUser(userId);
+            licenseBaseMapper.insert(license);
+            LicenseLogDTO licenseLogDTO = new LicenseLogDTO();
+            BeanUtils.copyBean(licenseLogDTO, license);
+            OperationLogContext.setContext(
+                    LogContextInfo.builder()
+                            .originalValue(null)
+                            .resourceId(license.getId())
+                            .resourceName("license")
+                            .modifiedValue(licenseLogDTO)
+                            .build()
+
+
+            );
+        } else {
+            LicenseLogDTO oldLogDTO = new LicenseLogDTO();
+            BeanUtils.copyBean(oldLogDTO, license);
+            license.setLicenseCode(code);
+            license.setUpdateTime(System.currentTimeMillis());
+            license.setUpdateUser(userId);
+            licenseBaseMapper.update(license);
+            LicenseLogDTO updateDTO = new LicenseLogDTO();
+            BeanUtils.copyBean(updateDTO, license);
+            // 添加日志上下文
+            OperationLogContext.setContext(
+                    LogContextInfo.builder()
+                            .originalValue(oldLogDTO)
+                            .resourceId(license.getId())
+                            .resourceName("license")
+                            .modifiedValue(updateDTO)
+                            .build()
+            );
+        }
+        return licenseDTO;
+    }
+
+    public LicenseDTO validate(String code) {
+        boolean isValid = CommonBeanFactory.packageExists();
+        LicenseDTO licenseDTO = new LicenseDTO();
+        if (isValid && StringUtils.isNotBlank(code)) {
+            Object license = CommonBeanFactory.invoke("extLicenseService",
+                    clazz -> {
+                        try {
+                            return clazz.getMethod("command", String.class);
+                        } catch (NoSuchMethodException e) {
+                            return null;
+                        }
+                    }, code);
+            if (license != null) {
+                return (LicenseDTO) license;
+            }
+        }
+
+        if (isValid) {
+            licenseDTO.setStatus(LicenseStatus.INVALID.getName());
+        }
+
+        return licenseDTO;
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/LocalLanguageService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/LocalLanguageService.java
new file mode 100644
index 0000000..cef54de
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/LocalLanguageService.java
@@ -0,0 +1,22 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.crm.system.domain.User;
+import cn.cordys.crm.system.dto.request.LocaleLanguageRequest;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Service;
+
+@Service
+public class LocalLanguageService {
+
+    @Resource
+    private BaseMapper<User> userMapper;
+
+
+    public void localeLanguageChange(LocaleLanguageRequest request, String userId) {
+        User user = new User();
+        user.setId(userId);
+        user.setLanguage(request.getLanguage());
+        userMapper.update(user);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/LogService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/LogService.java
new file mode 100644
index 0000000..0de3c4d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/LogService.java
@@ -0,0 +1,183 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.aspectj.dto.LogDTO;
+import cn.cordys.aspectj.handler.OperationLogHandler;
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.JSON;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.domain.OperationLog;
+import cn.cordys.crm.system.domain.OperationLogBlob;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.security.SessionUtils;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.ObjectUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.scheduling.annotation.Async;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.ArrayList;
+import java.util.List;
+
+/**
+ * 操作日志服务类
+ * 提供单条和批量操作日志的存储方法。
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class LogService implements OperationLogHandler {
+
+    @Resource
+    private BaseMapper<OperationLog> operationLogMapper;
+
+    @Resource
+    private BaseMapper<OperationLogBlob> operationLogBlobMapper;
+
+    /**
+     * 根据 LogDTO 创建一个 OperationLogBlob 实体对象。
+     *
+     * @param log 日志数据传输对象
+     *
+     * @return OperationLogBlob
+     */
+    private OperationLogBlob getBlob(LogDTO log) {
+        OperationLogBlob blob = new OperationLogBlob();
+        blob.setId(log.getId());
+
+        LogContextInfo extra = OperationLogContext.getContext();
+
+        if (extra != null) {
+            if (ObjectUtils.isNotEmpty(extra.getOriginalValue())) {
+                blob.setOriginalValue(JSON.toJSONBytes(extra.getOriginalValue()));
+            }
+            if (ObjectUtils.isNotEmpty(extra.getModifiedValue())) {
+                blob.setModifiedValue(JSON.toJSONBytes(extra.getModifiedValue()));
+            }
+        }
+
+        if (ObjectUtils.isNotEmpty(log.getOriginalValue())) {
+            blob.setOriginalValue(JSON.toJSONBytes(log.getOriginalValue()));
+        }
+        if (ObjectUtils.isNotEmpty(log.getModifiedValue())) {
+            blob.setModifiedValue(JSON.toJSONBytes(log.getModifiedValue()));
+        }
+
+        return blob;
+    }
+
+    /**
+     * 截断日志内容，确保其不超过500个字符。
+     *
+     * @param content 日志内容
+     *
+     * @return 截取后的日志内容
+     */
+    private String subStrContent(String content) {
+        if (StringUtils.isNotBlank(content) && content.length() > 500) {
+            return content.substring(0, 499);
+        }
+        return content;
+    }
+
+    private String subStrResourceName(String name) {
+        if (StringUtils.isNotBlank(name) && name.length() > 255) {
+            return name.substring(0, 255);
+        }
+        return name;
+    }
+
+    /**
+     * 添加单条操作日志
+     *
+     * @param log 日志数据传输对象
+     */
+    @Async
+    public void add(LogDTO log) {
+        if (StringUtils.isBlank(log.getOrganizationId())) {
+            log.setOrganizationId(OrganizationContext.getOrganizationId());
+        }
+
+        // 如果创建用户为空，设置为“admin”
+        if (StringUtils.isBlank(log.getCreateUser())) {
+            if (StringUtils.isBlank(SessionUtils.getUserId())) {
+                log.setCreateUser(InternalUser.ADMIN.getValue());
+            } else {
+                log.setCreateUser(SessionUtils.getUserId());
+            }
+        }
+
+        // 插入操作日志和日志Blob数据
+        log.setId(IDGenerator.nextStr());
+
+        LogContextInfo extra = OperationLogContext.getContext();
+
+        if (extra != null) {
+            // 如果注解中没有设置 sourceId ，则使用 extra 中的 resourceId
+            if (StringUtils.isBlank(log.getResourceId()) && ObjectUtils.isNotEmpty(extra.getResourceId())) {
+                log.setResourceId(extra.getResourceId());
+            }
+
+            // 如果注解中没有设置 resourceName ，则使用 extra 中的 resourceName
+            if (StringUtils.isBlank(log.getResourceName()) && ObjectUtils.isNotEmpty(extra.getResourceName())) {
+                log.setResourceName(subStrResourceName(extra.getResourceName()));
+            }
+        }
+
+        // 截断日志内容
+        log.setDetail(subStrContent(log.getDetail()));
+        log.setMethod(StringUtils.defaultIfBlank(log.getMethod(), "GET"));
+        OperationLog operationLog = BeanUtils.copyBean(new OperationLog(), log);
+        operationLog.setResourceName(subStrResourceName(log.getResourceName()));
+        operationLog.setDetail(log.getDetail());
+        operationLogMapper.insert(operationLog);
+
+        OperationLogBlob blob = getBlob(log);
+        if (blob.getOriginalValue() != null || blob.getModifiedValue() != null) {
+            operationLogBlobMapper.insert(blob);
+        }
+    }
+
+    /**
+     * 批量添加操作日志
+     *
+     * @param logs 日志数据传输对象列表
+     */
+    @Async
+    public void batchAdd(List<LogDTO> logs) {
+        // 如果日志列表为空，直接返回
+        if (CollectionUtils.isEmpty(logs)) {
+            return;
+        }
+
+        var currentTimeMillis = System.currentTimeMillis();
+        List<OperationLog> items = new ArrayList<>();
+        // 使用流处理，构建操作日志和Blob列表
+        var blobs = logs.stream()
+                .peek(log -> {
+                    log.setId(IDGenerator.nextStr());
+                    log.setResourceName(subStrResourceName(log.getResourceName()));
+                    log.setDetail(subStrContent(log.getDetail()));
+                    log.setCreateTime(currentTimeMillis);
+                    OperationLog item = new OperationLog();
+                    BeanUtils.copyBean(item, log);
+                    item.setMethod(StringUtils.defaultIfBlank(log.getMethod(), "GET"));
+                    items.add(item);
+                })
+                .map(this::getBlob)
+                .filter(blob -> blob.getOriginalValue() != null || blob.getModifiedValue() != null)
+                .toList();
+        // 批量插入操作日志和日志Blob数据
+        operationLogMapper.batchInsert(items);
+        operationLogBlobMapper.batchInsert(blobs);
+    }
+
+    @Override
+    public void handleLog(LogDTO operationLog) {
+        add(operationLog);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/MessageNotificationService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/MessageNotificationService.java
new file mode 100644
index 0000000..4d5f89a
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/MessageNotificationService.java
@@ -0,0 +1,490 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.dto.LogDTO;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.domain.MessageTask;
+import cn.cordys.crm.system.domain.MessageTaskConfig;
+import cn.cordys.crm.system.dto.MessageTaskConfigDTO;
+import cn.cordys.crm.system.dto.MessageTaskConfigWithNameDTO;
+import cn.cordys.crm.system.dto.TimeDTO;
+import cn.cordys.crm.system.dto.log.MessageTaskLogDTO;
+import cn.cordys.crm.system.dto.request.MessageTaskBatchRequest;
+import cn.cordys.crm.system.dto.request.MessageTaskRequest;
+import cn.cordys.crm.system.dto.response.MessageTaskDTO;
+import cn.cordys.crm.system.dto.response.MessageTaskDetailDTO;
+import cn.cordys.crm.system.mapper.ExtMessageTaskMapper;
+import cn.cordys.crm.system.mapper.ExtRoleMapper;
+import cn.cordys.crm.system.mapper.ExtUserMapper;
+import cn.cordys.crm.system.utils.MessageTemplateUtils;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.PostConstruct;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.io.BufferedReader;
+import java.io.IOException;
+import java.io.InputStream;
+import java.io.InputStreamReader;
+import java.nio.charset.StandardCharsets;
+import java.util.*;
+import java.util.function.Function;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class MessageNotificationService {
+
+    @Resource
+    private ExtMessageTaskMapper extMessageTaskMapper;
+    @Resource
+    private BaseMapper<MessageTask> messageTaskMapper;
+    @Resource
+    private BaseMapper<MessageTaskConfig> messageTaskConfigMapper;
+    @Resource
+    private ExtUserMapper extUserMapper;
+    @Resource
+    private ExtRoleMapper extRoleMapper;
+    @Resource
+    private LogService logService;
+
+    private List<MessageTaskDTO> templateMessageTasks;
+
+    private static final Map<String, String> TIME_UNIT_MAP = Map.of(
+            "SECOND", "time.second",
+            "MINUTE", "time.minute",
+            "HOUR", "time.hour",
+            "DAY", "time.day",
+            "WEEK", "time.week",
+            "MONTH", "time.month",
+            "YEAR", "time.year"
+    );
+
+    @PostConstruct
+    public void init() {
+        this.templateMessageTasks = loadTemplateMessageTasks();
+    }
+
+    public MessageTask saveMessageTask(MessageTaskRequest request, String userId, String organizationId) {
+
+        Map<String, String> eventMap = MessageTemplateUtils.getEventMap();
+
+        MessageTask existTask = extMessageTaskMapper.getMessageByModuleAndEvent(
+                request.getModule(), request.getEvent(), organizationId);
+
+        if (existTask != null) {
+            return updateMessageTasks(request, userId, existTask, eventMap, organizationId);
+        }
+
+        MessageTask messageTask = buildMessageTask(request, organizationId, userId);
+
+        String template = MessageTemplateUtils.getTemplate(request.getEvent());
+        messageTask.setTemplate(template.getBytes(StandardCharsets.UTF_8));
+
+        messageTaskMapper.insert(messageTask);
+        saveConfigIfNeeded(request, organizationId);
+
+        addLog(
+                organizationId,
+                messageTask.getId(),
+                userId,
+                eventMap.get(messageTask.getEvent()),
+                null,
+                buildLogDTO(messageTask, null)
+        );
+
+        return messageTask;
+    }
+
+    public MessageTask updateMessageTasks(
+            MessageTaskRequest request,
+            String userId,
+            MessageTask oldTask,
+            Map<String, String> eventMap,
+            String organizationId) {
+
+        MessageTask updateTask = new MessageTask();
+
+        updateTask.setId(oldTask.getId());
+        updateTask.setEmailEnable(request.isEmailEnable());
+        updateTask.setSysEnable(request.isSysEnable());
+        updateTask.setWeComEnable(request.isWeComEnable());
+        updateTask.setDingTalkEnable(request.isDingTalkEnable());
+        updateTask.setLarkEnable(request.isLarkEnable());
+        updateTask.setUpdateUser(userId);
+        updateTask.setUpdateTime(System.currentTimeMillis());
+
+        messageTaskMapper.update(updateTask);
+
+        MessageTaskConfigWithNameDTO oldConfig =
+                getMessageConfig(request.getModule(), request.getEvent(), organizationId);
+
+        saveOrUpdateConfig(request, organizationId);
+
+        MessageTaskConfigWithNameDTO newConfig =
+                buildLogMessageTaskConfigWithNameDTO(request.getConfig());
+
+        addLog(
+                organizationId,
+                oldTask.getId(),
+                userId,
+                eventMap.get(request.getEvent()),
+                buildLogDTO(oldTask, oldConfig),
+                buildLogDTO(updateTaskToLogTask(oldTask, request), newConfig)
+        );
+
+        return updateTask;
+    }
+
+    public void batchSaveMessageTask(MessageTaskBatchRequest request, String organizationId, String userId) {
+
+        List<MessageTask> oldList = extMessageTaskMapper.getMessageTaskList(organizationId);
+        extMessageTaskMapper.updateMessageTask(request, organizationId);
+
+        Map<String, String> eventMap = MessageTemplateUtils.getEventMap();
+
+        List<LogDTO> logs = oldList.stream()
+                .map(task -> buildBatchLog(request, organizationId, userId, task, eventMap))
+                .collect(Collectors.toList());
+
+        logService.batchAdd(logs);
+    }
+
+    public List<MessageTaskDTO> getMessageList(String organizationId) {
+
+        List<MessageTaskDTO> result =
+                JSON.parseArray(JSON.toJSONString(templateMessageTasks), MessageTaskDTO.class);
+
+        List<MessageTask> messageTasks = extMessageTaskMapper.getMessageTaskList(organizationId);
+
+        if (CollectionUtils.isEmpty(messageTasks)) return result;
+
+        Map<String, String> moduleMap = MessageTemplateUtils.getModuleMap();
+        Map<String, String> eventMap = MessageTemplateUtils.getEventMap();
+
+        Map<String, MessageTask> messageMap =
+                messageTasks.stream().collect(Collectors.toMap(MessageTask::getEvent, Function.identity(), (a, b) -> b));
+
+        for (MessageTaskDTO dto : result) {
+
+            dto.setModuleName(moduleMap.get(dto.getModule()));
+
+            for (MessageTaskDetailDTO detail : dto.getMessageTaskDetailDTOList()) {
+
+                detail.setEventName(eventMap.get(detail.getEvent()));
+
+                MessageTask task = messageMap.get(detail.getEvent());
+                if (task == null) continue;
+
+                detail.setEmailEnable(task.getEmailEnable());
+                detail.setSysEnable(task.getSysEnable());
+                detail.setWeComEnable(task.getWeComEnable());
+                detail.setDingTalkEnable(task.getDingTalkEnable());
+                detail.setLarkEnable(task.getLarkEnable());
+            }
+        }
+
+        return result;
+    }
+
+    @Transactional(readOnly = true)
+    public MessageTaskConfigWithNameDTO getMessageConfig(String module, String event, String organizationId) {
+
+        List<MessageTaskConfig> configs =
+                messageTaskConfigMapper.selectListByLambda(
+                        new LambdaQueryWrapper<MessageTaskConfig>()
+                                .eq(MessageTaskConfig::getOrganizationId, organizationId)
+                                .eq(MessageTaskConfig::getTaskType, module)
+                                .eq(MessageTaskConfig::getEvent, event)
+                );
+
+        if (CollectionUtils.isEmpty(configs)) return null;
+
+        MessageTaskConfig config = configs.getFirst();
+
+        MessageTaskConfigWithNameDTO dto =
+                JSON.parseObject(config.getValue(), MessageTaskConfigWithNameDTO.class);
+
+        setUserNames(dto, dto.getUserIds(), dto.getRoleIds());
+
+        return dto;
+    }
+
+    private MessageTask buildMessageTask(MessageTaskRequest request, String organizationId, String userId) {
+
+        MessageTask task = new MessageTask();
+
+        task.setId(IDGenerator.nextStr());
+        task.setOrganizationId(organizationId);
+        task.setTaskType(request.getModule());
+        task.setEvent(request.getEvent());
+
+        task.setCreateUser(userId);
+        task.setCreateTime(System.currentTimeMillis());
+        task.setUpdateUser(userId);
+        task.setUpdateTime(System.currentTimeMillis());
+
+        task.setEmailEnable(request.isEmailEnable());
+        task.setSysEnable(request.isSysEnable());
+        task.setWeComEnable(request.isWeComEnable());
+        task.setDingTalkEnable(request.isDingTalkEnable());
+        task.setLarkEnable(request.isLarkEnable());
+
+        return task;
+    }
+
+    private void saveConfigIfNeeded(MessageTaskRequest request, String organizationId) {
+        if (request.getConfig() != null) saveConfig(request, organizationId);
+    }
+
+    private void saveOrUpdateConfig(MessageTaskRequest request, String organizationId) {
+
+        if (request.getConfig() == null) return;
+
+        List<MessageTaskConfig> configs =
+                messageTaskConfigMapper.selectListByLambda(
+                        new LambdaQueryWrapper<MessageTaskConfig>()
+                                .eq(MessageTaskConfig::getOrganizationId, organizationId)
+                                .eq(MessageTaskConfig::getTaskType, request.getModule())
+                                .eq(MessageTaskConfig::getEvent, request.getEvent())
+                );
+
+        checkTimeList(request);
+
+        if (CollectionUtils.isNotEmpty(configs)) {
+            MessageTaskConfig config = configs.getFirst();
+            config.setValue(JSON.toJSONString(request.getConfig()));
+            messageTaskConfigMapper.update(config);
+            return;
+        }
+
+        saveConfig(request, organizationId);
+    }
+
+    private void saveConfig(MessageTaskRequest request, String organizationId) {
+
+        checkTimeList(request);
+
+        MessageTaskConfig config = new MessageTaskConfig();
+
+        config.setId(IDGenerator.nextStr());
+        config.setOrganizationId(organizationId);
+        config.setTaskType(request.getModule());
+        config.setEvent(request.getEvent());
+        config.setValue(JSON.toJSONString(request.getConfig()));
+
+        messageTaskConfigMapper.insert(config);
+    }
+
+    private void checkTimeList(MessageTaskRequest request) {
+
+        if (request.getConfig() == null || request.getConfig().getTimeList() == null) return;
+
+        List<TimeDTO> timeList = request.getConfig().getTimeList().stream()
+                .filter(Objects::nonNull)
+                .filter(t -> t.getTimeValue() != null)
+                .collect(Collectors.toList());
+
+        request.getConfig().setTimeList(timeList);
+    }
+
+    private MessageTaskConfigWithNameDTO buildLogMessageTaskConfigWithNameDTO(MessageTaskConfigDTO config) {
+
+        if (config == null) return null;
+
+        MessageTaskConfigWithNameDTO dto = new MessageTaskConfigWithNameDTO();
+
+        BeanUtils.copyBean(dto, config);
+
+        setUserNames(dto, config.getUserIds(), config.getRoleIds());
+
+        return dto;
+    }
+
+    private void setUserNames(MessageTaskConfigWithNameDTO dto, List<String> userIds, List<String> roleIds) {
+
+        if (CollectionUtils.isNotEmpty(userIds)) {
+
+            List<OptionDTO> users = extUserMapper.selectUserOptionByIds(userIds);
+
+            if (userIds.contains("OWNER")) users.addFirst(new OptionDTO("OWNER", Translator.get("message.owner")));
+            if (userIds.contains("CREATE_USER"))
+                users.addFirst(new OptionDTO("CREATE_USER", Translator.get("message.create_user")));
+
+            dto.setUserIdNames(users);
+        }
+
+        if (CollectionUtils.isEmpty(roleIds)) return;
+
+        Set<String> internalRoleSet = new HashSet<>(extRoleMapper.getInternalRoleIds());
+
+        List<String> internalRoles = roleIds.stream().filter(internalRoleSet::contains).toList();
+        List<String> externalRoles = roleIds.stream().filter(id -> !internalRoleSet.contains(id)).toList();
+
+        Map<String, String> roleNameMap = new HashMap<>();
+
+        if (CollectionUtils.isNotEmpty(externalRoles)) {
+            extRoleMapper.getIdNameByIds(externalRoles)
+                    .forEach(role -> roleNameMap.put(role.getId(), role.getName()));
+        }
+
+        internalRoles.forEach(role ->
+                roleNameMap.put(role, Translator.get("role." + role, role)));
+
+        List<OptionDTO> roleNames = roleIds.stream()
+                .map(id -> {
+                    String name = roleNameMap.get(id);
+                    return name == null ? null : new OptionDTO(id, name);
+                })
+                .filter(Objects::nonNull)
+                .collect(Collectors.toList());
+
+        dto.setRoleIdNames(roleNames);
+    }
+
+    private void addLog(String organizationId, String targetId, String userId,
+                        String eventName, Object oldValue, Object newValue) {
+
+        LogDTO logDTO = new LogDTO(
+                organizationId,
+                targetId,
+                userId,
+                LogType.UPDATE,
+                LogModule.SYSTEM_MESSAGE_MESSAGE,
+                eventName
+        );
+
+        logDTO.setOriginalValue(oldValue);
+        logDTO.setModifiedValue(newValue);
+
+        logService.add(logDTO);
+    }
+
+    private LogDTO buildBatchLog(
+            MessageTaskBatchRequest request,
+            String organizationId,
+            String userId,
+            MessageTask task,
+            Map<String, String> eventMap) {
+
+        MessageTaskLogDTO oldDTO = buildLogDTO(task, null);
+
+        MessageTask newTask = new MessageTask();
+        BeanUtils.copyBean(newTask, task);
+
+        if (request.getEmailEnable() != null) newTask.setEmailEnable(request.getEmailEnable());
+        if (request.getSysEnable() != null) newTask.setSysEnable(request.getSysEnable());
+        if (request.getWeComEnable() != null) newTask.setWeComEnable(request.getWeComEnable());
+        if (request.getDingTalkEnable() != null) newTask.setDingTalkEnable(request.getDingTalkEnable());
+        if (request.getLarkEnable() != null) newTask.setLarkEnable(request.getLarkEnable());
+
+        MessageTaskLogDTO newDTO = buildLogDTO(newTask, null);
+
+        LogDTO logDTO = new LogDTO(
+                organizationId,
+                task.getId(),
+                userId,
+                LogType.UPDATE,
+                LogModule.SYSTEM_MESSAGE_MESSAGE,
+                eventMap.get(task.getEvent())
+        );
+
+        logDTO.setOriginalValue(oldDTO);
+        logDTO.setModifiedValue(newDTO);
+
+        return logDTO;
+    }
+
+    private static MessageTaskLogDTO buildLogDTO(MessageTask task, MessageTaskConfigWithNameDTO config) {
+
+        MessageTaskLogDTO dto = new MessageTaskLogDTO();
+
+        dto.setEmailEnable(toEnableText(task.getEmailEnable()));
+        dto.setSysEnable(toEnableText(task.getSysEnable()));
+        dto.setWeComEnable(toEnableText(task.getWeComEnable()));
+        dto.setDingTalkEnable(toEnableText(task.getDingTalkEnable()));
+        dto.setLarkEnable(toEnableText(task.getLarkEnable()));
+        dto.setEvent(MessageTemplateUtils.getEventMap().get(task.getEvent()));
+
+        if (config == null) return dto;
+
+        dto.setOwnerEnable(toEnableText(config.isOwnerEnable()));
+        dto.setOwnerLevel(config.getOwnerLevel());
+        dto.setRoleEnable(toEnableText(config.isRoleEnable()));
+        dto.setUserIdNames(extractNames(config.getUserIdNames()));
+        dto.setRoleIdNames(extractNames(config.getRoleIdNames()));
+        dto.setTimes(buildTimes(config.getTimeList()));
+
+        return dto;
+    }
+
+    private static String toEnableText(Boolean enable) {
+        return Boolean.TRUE.equals(enable)
+                ? Translator.get("log.enable.true")
+                : Translator.get("log.enable.false");
+    }
+
+    private static List<String> extractNames(List<OptionDTO> options) {
+        if (CollectionUtils.isEmpty(options)) return Collections.emptyList();
+        return options.stream().map(OptionDTO::getName).collect(Collectors.toList());
+    }
+
+    private static List<String> buildTimes(List<TimeDTO> timeList) {
+        if (CollectionUtils.isEmpty(timeList)) return Collections.emptyList();
+        return timeList.stream()
+                .map(MessageNotificationService::buildTimeText)
+                .filter(Objects::nonNull)
+                .collect(Collectors.toList());
+    }
+
+    private static String buildTimeText(TimeDTO dto) {
+
+        String key = TIME_UNIT_MAP.get(dto.getTimeUnit().toUpperCase());
+        if (key == null) return null;
+
+        return dto.getTimeValue() + Translator.get(key);
+    }
+
+    private MessageTask updateTaskToLogTask(MessageTask oldTask, MessageTaskRequest request) {
+
+        MessageTask task = new MessageTask();
+
+        BeanUtils.copyBean(task, oldTask);
+
+        task.setEmailEnable(request.isEmailEnable());
+        task.setSysEnable(request.isSysEnable());
+        task.setWeComEnable(request.isWeComEnable());
+        task.setDingTalkEnable(request.isDingTalkEnable());
+        task.setLarkEnable(request.isLarkEnable());
+
+        return task;
+    }
+
+    private List<MessageTaskDTO> loadTemplateMessageTasks() {
+
+        StringBuilder json = new StringBuilder();
+
+        try (InputStream inputStream = getClass().getResourceAsStream("/task/message_task.json")) {
+
+            Objects.requireNonNull(inputStream);
+
+            try (BufferedReader reader = new BufferedReader(new InputStreamReader(inputStream))) {
+                String line;
+                while ((line = reader.readLine()) != null) json.append(line);
+            }
+
+        } catch (IOException e) {
+            throw new RuntimeException(e);
+        }
+
+        return JSON.parseArray(json.toString(), MessageTaskDTO.class);
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/ModuleFieldExtService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/ModuleFieldExtService.java
new file mode 100644
index 0000000..834aa40
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/ModuleFieldExtService.java
@@ -0,0 +1,361 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.util.JSON;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.constants.FieldType;
+import cn.cordys.crm.system.domain.ModuleField;
+import cn.cordys.crm.system.domain.ModuleFieldBlob;
+import cn.cordys.crm.system.domain.ModuleForm;
+import cn.cordys.crm.system.dto.field.DatasourceField;
+import cn.cordys.crm.system.dto.field.DateTimeField;
+import cn.cordys.crm.system.dto.field.FormulaField;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.field.base.HasOption;
+import cn.cordys.crm.system.dto.field.base.OptionProp;
+import cn.cordys.crm.system.dto.field.base.SubField;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+
+/**
+ * 字段操作的扩展逻辑
+ * @author song-cc-rock
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class ModuleFieldExtService {
+
+	@Resource
+	private BaseMapper<ModuleForm> formMapper;
+	@Resource
+	private BaseMapper<ModuleField> fieldMapper;
+	@Resource
+	private BaseMapper<ModuleFieldBlob> fieldBlobMapper;
+	@Resource
+	private ModuleFormService moduleFormService;
+
+	public static final String DEFAULT_OPTION_SOURCE = "custom";
+
+	/**
+	 * 设置选项字段的默认选项来源
+	 */
+	public void setDefaultOptionSource() {
+		List<ModuleFieldBlob> fieldBlobs = getOptionFieldsBlob();
+		fieldBlobs.forEach(fb -> {
+			BaseField field = JSON.parseObject(fb.getProp(), BaseField.class);
+			if (field instanceof HasOption of) {
+				of.setOptionSource(DEFAULT_OPTION_SOURCE);
+			}
+			fb.setProp(JSON.toJSONString(field));
+			fieldBlobMapper.updateById(fb);
+		});
+	}
+
+	/**
+	 * 刷新回款计划表单字段位置
+	 */
+	public void refreshPlanFieldPos() {
+		ModuleForm example = new ModuleForm();
+		example.setFormKey(FormKey.CONTRACT_PAYMENT_PLAN.getKey());
+		example.setOrganizationId(OrganizationContext.DEFAULT_ORGANIZATION_ID);
+		ModuleForm moduleForm = formMapper.selectOne(example);
+		LambdaQueryWrapper<ModuleField> lambdaQueryWrapper = new LambdaQueryWrapper<>();
+		lambdaQueryWrapper.eq(ModuleField::getFormId, moduleForm.getId());
+		List<ModuleField> fields = fieldMapper.selectListByLambda(lambdaQueryWrapper);
+		fields.forEach(field -> {
+			if (Strings.CS.equals(field.getInternalKey(), BusinessModuleField.CONTRACT_PAYMENT_PLAN_NAME.getKey())) {
+				field.setPos(1L);
+			} else {
+				field.setPos(field.getPos() + 1);
+			}
+			fieldMapper.updateById(field);
+		});
+	}
+	/**
+	 * 获取表单附件字段ID集合
+	 * @param formKey 表单Key
+	 * @param orgId 组织ID
+	 * @return 字段ID集合
+	 */
+	public List<String> getFieldIdsOfForm(String formKey, String orgId) {
+		List<BaseField> allFields = moduleFormService.getAllFields(formKey, orgId);
+		if (CollectionUtils.isEmpty(allFields)) {
+			return List.of();
+		}
+		return allFields.stream().filter(BaseField::isAttachment)
+				.map(BaseField::getId)
+				.toList();
+	}
+
+	/**
+	 * 获取字段选项
+	 * @param formKey 表单Key
+	 * @param currentOrg 组织ID
+	 * @param internalKey 字段内置Key
+	 * @return 字段选项
+	 */
+	public List<OptionProp> getFieldOptions(String formKey, String currentOrg, String internalKey) {
+		ModuleFieldBlob blob = getFieldBlobByKey(formKey, currentOrg, internalKey);
+		if (blob == null) {
+			return new ArrayList<>();
+		}
+		BaseField field = JSON.parseObject(blob.getProp(), BaseField.class);
+		if (field instanceof HasOption of) {
+			return of.getOptions();
+		}
+		return new ArrayList<>();
+	}
+
+	/**
+	 * 获取日期字段类型
+	 * @param formKey 表单Key
+	 * @param currentOrg 组织ID
+	 * @param internalKey 内部Key
+	 * @return 日期字段类型
+	 */
+	public String getDateFieldType(String formKey, String currentOrg, String internalKey) {
+		ModuleFieldBlob blob = getFieldBlobByKey(formKey, currentOrg, internalKey);
+		if (blob == null) {
+			return "datetime";
+		}
+		DateTimeField dateField = JSON.parseObject(blob.getProp(), DateTimeField.class);
+		return dateField.getDateType();
+	}
+
+	/**
+	 * 获取选项字段的扩展信息
+	 * @return 选项字段列表
+	 */
+	private List<ModuleFieldBlob> getOptionFieldsBlob() {
+		LambdaQueryWrapper<ModuleField> fieldWrapper = new LambdaQueryWrapper<>();
+		fieldWrapper.in(ModuleField::getType, List.of(FieldType.SELECT.name(), FieldType.SELECT_MULTIPLE.name(), FieldType.RADIO.name(), FieldType.CHECKBOX.name()));
+		List<ModuleField> fields = fieldMapper.selectListByLambda(fieldWrapper);
+		List<String> fIds = fields.stream().map(ModuleField::getId).toList();
+		return fieldBlobMapper.selectByIds(fIds);
+	}
+
+	/**
+	 * 根据字段Key获取额外信息
+	 * @param formKey 表单Key
+	 * @param orgId 组织ID
+	 * @param internalKey 字段内置Key
+	 * @return 字段大文本
+	 */
+	private ModuleFieldBlob getFieldBlobByKey(String formKey, String orgId, String internalKey) {
+		ModuleForm example = new ModuleForm();
+		example.setFormKey(formKey);
+		example.setOrganizationId(orgId);
+		ModuleForm moduleForm = formMapper.selectOne(example);
+		ModuleField fieldExample = new ModuleField();
+		fieldExample.setFormId(moduleForm.getId());
+		fieldExample.setInternalKey(internalKey);
+		ModuleField moduleField = fieldMapper.selectOne(fieldExample);
+		if (moduleField == null) {
+			return null;
+		}
+		return fieldBlobMapper.selectByPrimaryKey(moduleField.getId());
+	}
+
+	/**
+	 * 修改报价单产品字段的汇总列（兼容旧版本数据）
+	 */
+	public void modifySubProductSumColumn() {
+		LambdaQueryWrapper<ModuleField> fieldWrapper = new LambdaQueryWrapper<>();
+		fieldWrapper.like(ModuleField::getType, "SUB_");
+		List<ModuleField> fields = fieldMapper.selectListByLambda(fieldWrapper);
+		if (CollectionUtils.isEmpty(fields)) {
+			return;
+		}
+		List<String> ids = fields.stream().map(ModuleField::getId).toList();
+		List<ModuleFieldBlob> fbs = fieldBlobMapper.selectByIds(ids);
+		if (CollectionUtils.isEmpty(fbs)) {
+			return;
+		}
+		for (ModuleFieldBlob fb : fbs) {
+			SubField subField = JSON.parseObject(fb.getProp(), SubField.class);
+			if (subField == null || CollectionUtils.isEmpty(subField.getSumColumns())) {
+				continue;
+			}
+			List<String> sumColumns = new ArrayList<>();
+			subField.getSumColumns().forEach(col -> {
+				if (Strings.CS.equals(col, BusinessModuleField.QUOTATION_TOTAL_AMOUNT.getBusinessKey())) {
+					sumColumns.add("sumAmount");
+				} else if (Strings.CS.contains(col, "_ref_")) {
+					sumColumns.add(col.split("ref_")[1]);
+				} else {
+					sumColumns.add(col);
+				}
+			});
+			subField.setSumColumns(sumColumns);
+			fb.setProp(JSON.toJSONString(subField));
+			fieldBlobMapper.updateById(fb);
+		}
+	}
+
+	public void modifyInternalSubSumColumn() {
+		LambdaQueryWrapper<ModuleField> fieldWrapper = new LambdaQueryWrapper<>();
+		fieldWrapper.in(ModuleField::getInternalKey, List.of("contractProducts", "quotationProducts"));
+		List<ModuleField> fields = fieldMapper.selectListByLambda(fieldWrapper);
+		List<ModuleFieldBlob> moduleFieldBlobs = fieldBlobMapper.selectByIds(fields.stream().map(ModuleField::getId).toList());
+		for (ModuleFieldBlob moduleFieldBlob : moduleFieldBlobs) {
+			SubField subField = JSON.parseObject(moduleFieldBlob.getProp(), SubField.class);
+			if (subField == null || CollectionUtils.isEmpty(subField.getSumColumns())) {
+				return;
+			}
+			Map<String, String> fieldKeyMap = subField.getSubFields().stream().filter(f -> StringUtils.isNotEmpty(f.getInternalKey()))
+					.collect(Collectors.toMap(BaseField::getInternalKey, BaseField::getId));
+			List<String> sumColumns = new ArrayList<>();
+			subField.getSumColumns().forEach(col -> {
+				if (Strings.CS.equals(col, "sumAmount")) {
+					if (fieldKeyMap.containsKey("quotationAmount")) {
+						sumColumns.add(fieldKeyMap.get("quotationAmount"));
+					} else {
+						sumColumns.add(fieldKeyMap.get("contractProductSumAmount"));
+					}
+				} else if (Strings.CS.equals(col, "price")) {
+					sumColumns.add(fieldKeyMap.get("contractProductAmount"));
+				} else {
+					sumColumns.add(col);
+				}
+			});
+			subField.setSumColumns(sumColumns);
+			moduleFieldBlob.setProp(JSON.toJSONString(subField));
+			fieldBlobMapper.updateById(moduleFieldBlob);
+		}
+	}
+
+	public void modifyInternalSubCalcFormula() {
+		LambdaQueryWrapper<ModuleField> fieldWrapper = new LambdaQueryWrapper<>();
+		fieldWrapper.in(ModuleField::getInternalKey, List.of("contractProducts", "quotationProducts"));
+		List<ModuleField> fields = fieldMapper.selectListByLambda(fieldWrapper);
+		List<ModuleFieldBlob> moduleFieldBlobs = fieldBlobMapper.selectByIds(fields.stream().map(ModuleField::getId).toList());
+		String quotationAmountId = null;
+		for (ModuleFieldBlob moduleFieldBlob : moduleFieldBlobs) {
+			SubField subField = JSON.parseObject(moduleFieldBlob.getProp(), SubField.class);
+			if (subField == null) {
+				return;
+			}
+			Map<String, String> fieldKeyMap = subField.getSubFields().stream().filter(f -> StringUtils.isNotEmpty(f.getInternalKey()))
+					.collect(Collectors.toMap(BaseField::getInternalKey, BaseField::getId));
+			if (fieldKeyMap.containsKey("quotationAmount")) {
+				quotationAmountId = fieldKeyMap.get("quotationAmount");
+			}
+			subField.getSubFields().forEach(f -> {
+				if (f instanceof FormulaField formulaField && StringUtils.isNotEmpty(formulaField.getFormula())) {
+					if (fieldKeyMap.containsKey("quotationAmount")) {
+						formulaField.setFormula(formulaField.getFormula().replace("sumAmount", fieldKeyMap.get("quotationAmount")));
+					} else if (fieldKeyMap.containsKey("contractProductAmount")){
+						formulaField.setFormula(formulaField.getFormula().replace("price", fieldKeyMap.get("contractProductAmount")));
+					} else if (fieldKeyMap.containsKey("contractProductSumAmount")) {
+						formulaField.setFormula(formulaField.getFormula().replace("sumAmount", fieldKeyMap.get("contractProductSumAmount")));
+					}
+
+				}
+			});
+			moduleFieldBlob.setProp(JSON.toJSONString(subField));
+			fieldBlobMapper.updateById(moduleFieldBlob);
+		}
+
+		LambdaQueryWrapper<ModuleField> totalFieldWrapper = new LambdaQueryWrapper<>();
+		totalFieldWrapper.eq(ModuleField::getInternalKey, "quotationTotalAmount");
+		List<ModuleField> totalFields = fieldMapper.selectListByLambda(totalFieldWrapper);
+		ModuleFieldBlob moduleFieldBlob = fieldBlobMapper.selectByPrimaryKey(totalFields.getFirst().getId());
+		FormulaField formulaField = JSON.parseObject(moduleFieldBlob.getProp(), FormulaField.class);
+		if (formulaField != null && StringUtils.isNotEmpty(formulaField.getFormula()) && StringUtils.isNotEmpty(quotationAmountId)) {
+			formulaField.setFormula(formulaField.getFormula().replace("sumAmount", quotationAmountId));
+		}
+		moduleFieldBlob.setProp(JSON.toJSONString(formulaField));
+		fieldBlobMapper.updateById(moduleFieldBlob);
+	}
+
+	public void refreshFormulaOldReferencedId() {
+		List<ModuleForm> allForms = formMapper.selectAll(null);
+		allForms.forEach(form -> {
+			Map<String, String> oldToNewMap = new HashMap<>(8);
+
+			// 外层数据源
+			LambdaQueryWrapper<ModuleField> fieldWrapper = new LambdaQueryWrapper<>();
+			fieldWrapper.eq(ModuleField::getType, FieldType.DATA_SOURCE.name()).eq(ModuleField::getFormId, form.getId());
+			List<ModuleField> sourceFields = fieldMapper.selectListByLambda(fieldWrapper);
+			List<ModuleFieldBlob> moduleFieldBlobs = fieldBlobMapper.selectByIds(sourceFields.stream().map(ModuleField::getId).toList());
+			for (ModuleFieldBlob fieldBlob : moduleFieldBlobs) {
+				DatasourceField sourceField = JSON.parseObject(fieldBlob.getProp(), DatasourceField.class);
+				if (CollectionUtils.isEmpty(sourceField.getShowFields())) {
+					continue;
+				}
+				sourceField.getShowFields().forEach(sf -> oldToNewMap.put(sf, sourceField.getId() + "_ref_" + sf));
+			}
+
+			// 子表格数据源
+			LambdaQueryWrapper<ModuleField> subFieldWrapper = new LambdaQueryWrapper<>();
+			subFieldWrapper.like(ModuleField::getType, "SUB_").eq(ModuleField::getFormId, form.getId());
+			List<ModuleField> subFields = fieldMapper.selectListByLambda(subFieldWrapper);
+			List<ModuleFieldBlob> subFieldBlobs = fieldBlobMapper.selectByIds(subFields.stream().map(ModuleField::getId).toList());
+			for (ModuleFieldBlob fieldBlob : subFieldBlobs) {
+				SubField subField = JSON.parseObject(fieldBlob.getProp(), SubField.class);
+				if (CollectionUtils.isEmpty(subField.getSubFields())) {
+					continue;
+				}
+				subField.getSubFields().forEach(sbf -> {
+					if (sbf instanceof DatasourceField sourceField && CollectionUtils.isNotEmpty(sourceField.getShowFields())) {
+						sourceField.getShowFields().forEach(sf -> oldToNewMap.put(sf, sourceField.getId() + "_ref_" + sf));
+					}
+				});
+			}
+
+			/*
+			 * 替换公式字段中的旧引用ID (外层计算字段 & 子表格计算字段)
+			 */
+			LambdaQueryWrapper<ModuleField> formulaFieldWrapper = new LambdaQueryWrapper<>();
+			formulaFieldWrapper.eq(ModuleField::getType, FieldType.FORMULA.name()).eq(ModuleField::getFormId, form.getId());
+			List<ModuleField> formulaFields = fieldMapper.selectListByLambda(formulaFieldWrapper);
+			List<ModuleFieldBlob> formulaFieldBlobs = fieldBlobMapper.selectByIds(formulaFields.stream().map(ModuleField::getId).toList());
+			for (ModuleFieldBlob fieldBlob : formulaFieldBlobs) {
+				FormulaField formulaField = JSON.parseObject(fieldBlob.getProp(), FormulaField.class);
+				if (StringUtils.isEmpty(formulaField.getFormula())) {
+					continue;
+				}
+				oldToNewMap.keySet().forEach(oldId -> {
+					if (formulaField.getFormula().contains(oldId)) {
+						formulaField.setFormula(formulaField.getFormula().replace(oldId, oldToNewMap.get(oldId)));
+					}
+				});
+				fieldBlob.setProp(JSON.toJSONString(formulaField));
+				fieldBlobMapper.updateById(fieldBlob);
+			}
+
+			for (ModuleFieldBlob fieldBlob : subFieldBlobs) {
+				SubField subField = JSON.parseObject(fieldBlob.getProp(), SubField.class);
+				if (CollectionUtils.isEmpty(subField.getSubFields())) {
+					continue;
+				}
+				subField.getSubFields().forEach(sbf -> {
+					if (sbf instanceof FormulaField formulaField && StringUtils.isNotEmpty(formulaField.getFormula())) {
+						oldToNewMap.keySet().forEach(oldId -> {
+							if (formulaField.getFormula().contains(oldId)) {
+								formulaField.setFormula(formulaField.getFormula().replace(oldId, oldToNewMap.get(oldId)));
+							}
+						});
+					}
+				});
+				fieldBlob.setProp(JSON.toJSONString(subField));
+				fieldBlobMapper.updateById(fieldBlob);
+			}
+		});
+	}
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/ModuleFieldService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/ModuleFieldService.java
new file mode 100644
index 0000000..25e0d77
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/ModuleFieldService.java
@@ -0,0 +1,435 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.BaseTreeNode;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.mapper.CommonMapper;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.contract.service.BusinessTitleService;
+import cn.cordys.crm.product.service.ProductPriceService;
+import cn.cordys.crm.product.service.ProductService;
+import cn.cordys.crm.system.constants.FieldSourceType;
+import cn.cordys.crm.system.constants.FieldType;
+import cn.cordys.crm.system.domain.ModuleField;
+import cn.cordys.crm.system.domain.ModuleFieldBlob;
+import cn.cordys.crm.system.dto.DatasourceRefDTO;
+import cn.cordys.crm.system.dto.field.DatasourceField;
+import cn.cordys.crm.system.dto.field.DateTimeField;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.field.base.SubField;
+import cn.cordys.crm.system.dto.request.DatasourceRefQueryRequest;
+import cn.cordys.crm.system.dto.request.FieldRepeatCheckRequest;
+import cn.cordys.crm.system.dto.response.FieldRepeatCheckResponse;
+import cn.cordys.crm.system.mapper.ExtModuleFieldMapper;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.cache.annotation.Cacheable;
+import org.springframework.stereotype.Service;
+
+import java.lang.reflect.Field;
+import java.lang.reflect.Method;
+import java.math.BigDecimal;
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+/**
+ * @author song-cc-rock
+ */
+@Service
+@Slf4j
+public class ModuleFieldService {
+
+    /**
+     * 表单表格映射
+     */
+    private static final Map<String, String> FORM_TABLE = new HashMap<>(8);
+
+	private static final Map<String, Class<?>> SOURCE_REF_CLASS = new HashMap<>();
+
+    static {
+        FORM_TABLE.put(FormKey.CLUE.getKey(), "clue");
+        FORM_TABLE.put(FormKey.CUSTOMER.getKey(), "customer");
+        FORM_TABLE.put(FormKey.CONTACT.getKey(), "customer_contact");
+        FORM_TABLE.put(FormKey.OPPORTUNITY.getKey(), "opportunity");
+        FORM_TABLE.put(FormKey.QUOTATION.getKey(), "opportunity_quotation");
+        FORM_TABLE.put(FormKey.PRODUCT.getKey(), "product");
+        FORM_TABLE.put(FormKey.PRICE.getKey(), "product_price");
+        FORM_TABLE.put(FormKey.FOLLOW_RECORD.getKey(), "follow_up_record");
+        FORM_TABLE.put(FormKey.FOLLOW_PLAN.getKey(), "follow_up_plan");
+        FORM_TABLE.put(FormKey.CONTRACT.getKey(), "contract");
+        FORM_TABLE.put(FormKey.CONTRACT_PAYMENT_PLAN.getKey(), "contract_payment_plan");
+        FORM_TABLE.put(FormKey.CONTRACT_PAYMENT_RECORD.getKey(), "contract_payment_record");
+        FORM_TABLE.put(FormKey.INVOICE.getKey(), "contract_invoice");
+        FORM_TABLE.put(FormKey.ORDER.getKey(), "sales_order");
+
+		SOURCE_REF_CLASS.put(FieldSourceType.PRODUCT.name(), ProductService.class);
+		SOURCE_REF_CLASS.put(FieldSourceType.PRICE.name(), ProductPriceService.class);
+		SOURCE_REF_CLASS.put(FieldSourceType.BUSINESS_TITLE.name(), BusinessTitleService.class);
+    }
+
+    @Resource
+    private BaseMapper<ModuleField> moduleFieldMapper;
+    @Resource
+    private DepartmentService departmentService;
+    @Resource
+    private BaseMapper<ModuleFieldBlob> moduleFieldBlobMapper;
+	@Resource
+	private ExtModuleFieldMapper extModuleFieldMapper;
+    @Resource
+    private CommonMapper commonMapper;
+
+    /**
+     * 获取不带用户的信息的部门树
+     *
+     * @return 部门树
+     */
+    public List<BaseTreeNode> getDeptTree(String orgId) {
+        return departmentService.getTree(orgId);
+    }
+
+    /**
+     * 修改日期时间类型的字段部分属性
+     */
+    public void modifyDateProp() {
+        LambdaQueryWrapper<ModuleField> queryWrapper = new LambdaQueryWrapper<>();
+        queryWrapper.eq(ModuleField::getType, FieldType.DATE_TIME.name());
+        List<ModuleField> moduleFields = moduleFieldMapper.selectListByLambda(queryWrapper);
+        List<String> fieldIds = moduleFields.stream().map(ModuleField::getId).toList();
+        if (CollectionUtils.isNotEmpty(fieldIds)) {
+            LambdaQueryWrapper<ModuleFieldBlob> blobWrapper = new LambdaQueryWrapper<>();
+            blobWrapper.in(ModuleFieldBlob::getId, fieldIds);
+            List<ModuleFieldBlob> moduleFieldBlobs = moduleFieldBlobMapper.selectListByLambda(blobWrapper);
+            for (ModuleFieldBlob blob : moduleFieldBlobs) {
+                DateTimeField dateTimeField = JSON.parseObject(blob.getProp(), DateTimeField.class);
+                if (StringUtils.isEmpty(dateTimeField.getDateDefaultType())) {
+                    dateTimeField.setDateDefaultType("custom");
+                }
+                blob.setProp(JSON.toJSONString(dateTimeField));
+                moduleFieldBlobMapper.updateById(blob);
+            }
+        }
+    }
+
+    /**
+     * 校验字段值是否唯一
+     *
+     * @param request 请求参数
+     * @return 是否唯一
+     */
+    public FieldRepeatCheckResponse checkRepeat(FieldRepeatCheckRequest request, String currentOrg) {
+        ModuleField field = moduleFieldMapper.selectByPrimaryKey(request.getId());
+        if (field == null) {
+            throw new GenericException(Translator.get("module.field.not_exist"));
+        }
+        String tableName = FORM_TABLE.get(request.getFormKey());
+        if (StringUtils.isBlank(tableName)) {
+            tableName = "custom_form_data";
+        }
+        String value = request.getValue();
+        if (Strings.CI.equals(field.getType(), FieldType.PHONE.toString())) {
+            value = StringUtils.deleteWhitespace(value);
+        }
+
+        BusinessModuleField businessField = BusinessModuleField.ofKey(field.getInternalKey());
+        String repeatName;
+        if (businessField != null) {
+            // 业务字段
+            repeatName = commonMapper.checkInternalRepeatName(tableName, businessField.getBusinessKey(), value, currentOrg);
+        } else {
+            repeatName = commonMapper.checkFieldRepeatName(tableName, tableName + "_field", request.getId(), value, currentOrg);
+        }
+        return FieldRepeatCheckResponse.builder().name(repeatName).repeat(StringUtils.isNotBlank(repeatName)).build();
+    }
+
+	@SuppressWarnings("unchecked")
+	public List<DatasourceRefDTO> getSourceRefDetail(DatasourceRefQueryRequest request) {
+		List<String> sourceIds = request.getSourceIds().stream().distinct().toList();
+		Class<?> sourceClass = SOURCE_REF_CLASS.get(request.getDataSourceType());
+		if (sourceClass == null) {
+			return new ArrayList<>();
+		}
+
+		Object service = CommonBeanFactory.getBean(sourceClass);
+		List<DatasourceRefDTO> result = new ArrayList<>();
+		try {
+			Method executeMethod = sourceClass.getMethod("get", String.class);
+			for (String id : sourceIds) {
+				Object res = executeMethod.invoke(service, id);
+				if (res == null) {
+					continue;
+				}
+				DatasourceRefDTO dto = new DatasourceRefDTO();
+				if (Strings.CI.equals(request.getDataSourceType(), FieldSourceType.BUSINESS_TITLE.name())) {
+					BeanUtils.copyBean(dto, res);
+				} else {
+					dto.setId(id);
+					dto.setName(getField(res, "name", String.class));
+					dto.setModuleFields((List<BaseModuleFieldValue>) getField(res, "moduleFields", List.class));
+					dto.setProducts((List<Map<String, Object>>) getField(res, "products", List.class));
+					dto.setOptionMap((Map<String, List<OptionDTO>>) getField(res, "optionMap", Map.class));
+					dto.setStatus(getField(res, "status", String.class));
+
+					if (Strings.CI.equals(request.getDataSourceType(), FieldSourceType.PRODUCT.name())) {
+						// 产品需要获取系统价格字段
+						dto.setPrice(getField(res, "price", BigDecimal.class));
+					}
+				}
+				result.add(dto);
+			}
+		} catch (Exception e) {
+			log.error("获取数据源引用详细失败, {}", e.getMessage());
+			return new ArrayList<>();
+		}
+
+		return result;
+	}
+
+    public void modifyInvoiceShowFields() {
+        LambdaQueryWrapper<ModuleField> queryWrapper = new LambdaQueryWrapper<>();
+        queryWrapper.eq(ModuleField::getInternalKey, BusinessModuleField.INVOICE_CONTRACT_ID.getKey());
+        ModuleField example = new ModuleField();
+        example.setInternalKey(BusinessModuleField.INVOICE_CONTRACT_ID.getKey());
+        ModuleField contractField = moduleFieldMapper.selectOne(example);
+        if (contractField != null) {
+            ModuleFieldBlob contractFieldBlob = moduleFieldBlobMapper.selectByPrimaryKey(contractField.getId());
+            String prop = contractFieldBlob.getProp();
+            DatasourceField datasourceField = JSON.parseObject(prop, DatasourceField.class);
+            List<String> showFields = datasourceField.getShowFields();
+            if (CollectionUtils.isNotEmpty(showFields)) {
+                for (int i = 0; i < showFields.size(); i++) {
+                    // 合同总金额字段初始化之后，显示字段替换成字段ID
+                    if (Strings.CI.equalsAny(showFields.get(i),
+                            "contractProductSumAmount",
+                            BusinessModuleField.CONTRACT_TOTAL_AMOUNT.getKey())) {
+                        ModuleField contractNameField = selectFieldByInternalKey(BusinessModuleField.CONTRACT_TOTAL_AMOUNT.getKey());
+                        if (contractNameField != null) {
+                            showFields.set(i, contractNameField.getId());
+                            contractFieldBlob.setProp(JSON.toJSONString(datasourceField));
+                            moduleFieldBlobMapper.updateById(contractFieldBlob);
+                            break;
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    public List<ModuleField> selectFieldsByInternalKeys(List<String> internalKeys) {
+        return moduleFieldMapper.selectListByLambda(new LambdaQueryWrapper<ModuleField>()
+                .in(ModuleField::getInternalKey, internalKeys));
+    }
+
+    public ModuleField selectFieldByInternalKey(String internalKey) {
+        ModuleField field = new ModuleField();
+        field.setInternalKey(internalKey);
+        return moduleFieldMapper.selectOne(field);
+    }
+
+	@SuppressWarnings("unchecked")
+	private <T> T getField(Object obj, String fieldName, Class<T> type) {
+		Class<?> clazz = obj.getClass();
+
+		while (clazz != null) {
+			try {
+				Field field = clazz.getDeclaredField(fieldName);
+				field.setAccessible(true);
+
+				Object value = field.get(obj);
+				if (type.isInstance(value)) {
+					return (T) value;
+				}
+
+				return null;
+			} catch (NoSuchFieldException e) {
+				clazz = clazz.getSuperclass();
+			} catch (IllegalAccessException e) {
+				return null;
+			}
+		}
+
+		return null;
+	}
+
+    /**
+     * 订单模块字段初始化
+     */
+    public void initOrderFields() {
+        initOrderContractFilter();
+        initOrderProducts();
+    }
+
+    /**
+     * 订单产品字段增加金额计算公式，订单增加订单金额计算公式
+     */
+	@SuppressWarnings("unchecked")
+    private void initOrderProducts() {
+        ModuleField orderProducts = selectFieldByInternalKey("orderProducts");
+        ModuleFieldBlob orderProductsFieldBlob = moduleFieldBlobMapper.selectByPrimaryKey(orderProducts.getId());
+        Map<String, Object> orderProductsField = JSON.parseMap(orderProductsFieldBlob.getProp());
+
+        List<Map<String, Object>> subFields = (List<Map<String, Object>>) orderProductsField.get("subFields");
+        Map<String, Object> orderProductAmount = new HashMap<>();
+        String orderProductPriceId = null;
+        String orderProductNumberId = null;
+        for (Map<String, Object> subField : subFields) {
+            String subFieldInternalKey = (String) subField.get("internalKey");
+            if (Strings.CI.equals(subFieldInternalKey, "orderProductPrice")) {
+                orderProductPriceId = (String) subField.get("id");
+            }
+            if (Strings.CI.equals(subFieldInternalKey, "orderProductNumber")) {
+                orderProductNumberId = (String) subField.get("id");
+            }
+            if (Strings.CI.equals(subFieldInternalKey, "orderProductAmount")) {
+                orderProductAmount = subField;
+            }
+        }
+        orderProductAmount.put("formula", getOrderProductAmountFormula(orderProductPriceId, orderProductNumberId));
+
+        orderProductsFieldBlob.setProp(JSON.toJSONString(orderProductsField));
+        moduleFieldBlobMapper.updateById(orderProductsFieldBlob);
+
+        ModuleField orderAmount = selectFieldByInternalKey("orderAmount");
+        String orderAmountFormulaId = orderProductsField.get("id").toString() + "." + orderProductAmount.get("id").toString();
+        ModuleFieldBlob orderAmountFieldBlob = moduleFieldBlobMapper.selectByPrimaryKey(orderAmount.getId());
+        Map<String, Object> orderAmountField = JSON.parseMap(orderAmountFieldBlob.getProp());
+        orderAmountField.put("formula", getOrderAmountFormula(orderAmountFormulaId));
+        orderAmountFieldBlob.setProp(JSON.toJSONString(orderAmountField));
+        moduleFieldBlobMapper.updateById(orderAmountFieldBlob);
+    }
+
+    private String getOrderAmountFormula(String orderAmountFormulaId) {
+        return String.format("""
+                {
+                    "source": "SUM(${%s})",
+                    "display": "SUM(产品明细.金额)",
+                    "fields": [
+                        {
+                            "fieldId": "%s",
+                            "fieldType": "FORMULA",
+                            "numberType": "number"
+                        }
+                    ],
+                    "ir": {
+                        "type": "function",
+                        "name": "SUM",
+                        "args": [
+                            {
+                                "type": "field",
+                                "fieldId": "%s",
+                                "name": "产品明细.金额",
+                                "fieldType": "FORMULA",
+                                "numberType": "number",
+                                "startTokenIndex": 2,
+                                "endTokenIndex": 2
+                            }
+                        ]
+                    }
+                }""", orderAmountFormulaId, orderAmountFormulaId, orderAmountFormulaId);
+    }
+
+    private String getOrderProductAmountFormula(String orderProductPriceId, String orderProductNumberId) {
+        return String.format("""
+                {
+                     "source": "${%s} * ${%s}",
+                     "display": "产品单价 * 数量",
+                     "fields": [
+                         {
+                             "fieldId": "%s",
+                             "fieldType": "INPUT_NUMBER",
+                             "numberType": "number"
+                         },
+                         {
+                             "fieldId": "%s",
+                             "fieldType": "INPUT_NUMBER",
+                             "numberType": "number"
+                         }
+                     ],
+                     "ir": {
+                         "type": "binary",
+                         "operator": "*",
+                         "left": {
+                             "type": "field",
+                             "fieldId": "%s",
+                             "name": "产品单价",
+                             "fieldType": "INPUT_NUMBER",
+                             "numberType": "number",
+                             "startTokenIndex": 0,
+                             "endTokenIndex": 0
+                         },
+                         "right": {
+                             "type": "field",
+                             "fieldId": "%s",
+                             "name": "数量",
+                             "fieldType": "INPUT_NUMBER",
+                             "numberType": "number",
+                             "startTokenIndex": 2,
+                             "endTokenIndex": 2
+                         }
+                     }
+                 }""", orderProductPriceId, orderProductNumberId, orderProductPriceId, orderProductNumberId, orderProductPriceId, orderProductNumberId);
+    }
+
+    /**
+     * 订单合同字段增加订单客户过滤条件
+     */
+    private void initOrderContractFilter() {
+        ModuleField orderContract = selectFieldByInternalKey(BusinessModuleField.ORDER_CONTRACT.getKey());
+        ModuleField orderCustomer = selectFieldByInternalKey(BusinessModuleField.ORDER_CUSTOMER.getKey());
+        ModuleFieldBlob orderContractFieldBlob = moduleFieldBlobMapper.selectByPrimaryKey(orderContract.getId());
+        DatasourceField datasourceField = JSON.parseObject(orderContractFieldBlob.getProp(), DatasourceField.class);
+        String customerConditionJson = String.format("""
+                {
+                  "searchMode": "OR",
+                  "conditions": [
+                    {
+                      "leftFieldId": "customerId",
+                      "leftFieldType": "DATA_SOURCE",
+                      "operator": "IN",
+                      "rightFieldId": "%s",
+                      "rightFieldCustom": false,
+                      "rightFieldCustomValue": "",
+                      "rightFieldType": "INPUT"
+                    }
+                  ]
+                }""", orderCustomer.getId());
+        datasourceField.setCombineSearch(JSON.parseToMap(customerConditionJson));
+        orderContractFieldBlob.setProp(JSON.toJSONString(datasourceField));
+        moduleFieldBlobMapper.updateById(orderContractFieldBlob);
+    }
+
+	/**
+	 * 获取指定数据源的子表字段集合 (目前只有价格表类型的子表字段支持引用)
+	 *
+	 * @param sourceType 数据源类型
+	 * @return 子表字段集合
+	 */
+	@Cacheable(value = "sub_fields_cache", key = "#sourceType", unless = "#result == null")
+	public List<BaseField> getSubFieldsBySourceType(String sourceType) {
+		List<ModuleFieldBlob> subFields = new ArrayList<>();
+		if (Strings.CS.equals(sourceType, FieldSourceType.PRICE.name())) {
+			subFields = extModuleFieldMapper.getFormSubFields(FormKey.PRICE.getKey());
+		}
+		if (CollectionUtils.isEmpty(subFields)) {
+			return new ArrayList<>();
+		}
+		List<BaseField> subFieldList = new ArrayList<>(subFields.size());
+		for (ModuleFieldBlob fieldBlob : subFields) {
+			SubField subField = JSON.parseObject(fieldBlob.getProp(), SubField.class);
+			subFieldList.addAll(subField.getSubFields());
+		}
+		return subFieldList;
+	}
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/ModuleFormCacheService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/ModuleFormCacheService.java
new file mode 100644
index 0000000..29f156b
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/ModuleFormCacheService.java
@@ -0,0 +1,99 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.crm.system.constants.FieldSourceType;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.request.ModuleFormSaveRequest;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import jakarta.annotation.Resource;
+import org.springframework.cache.annotation.CacheEvict;
+import org.springframework.cache.annotation.CachePut;
+import org.springframework.cache.annotation.Cacheable;
+import org.springframework.stereotype.Service;
+
+import java.util.List;
+import java.util.Map;
+import java.util.Objects;
+import java.util.function.Function;
+import java.util.stream.Collectors;
+
+/**
+ * @author song-cc-rock
+ */
+@Service
+public class ModuleFormCacheService {
+
+    @Resource
+    private ModuleFormService moduleFormService;
+	@Resource
+	private ModuleFieldService moduleFieldService;
+
+    /**
+     * 保存表单配置并更新缓存
+     *
+     * @param saveParam     保存参数
+     * @param currentUserId 当前用户ID
+     *
+     * @return 表单配置
+     */
+    @CachePut(value = "form_cache", key = "#currentOrgId + ':' + #saveParam.formKey", unless = "#result == null")
+    @CacheEvict(value = "field_cache", key = "#currentOrgId + ':' + #saveParam.formKey")
+    public ModuleFormConfigDTO save(ModuleFormSaveRequest saveParam, String currentUserId, String currentOrgId) {
+        return moduleFormService.save(saveParam, currentUserId, currentOrgId);
+    }
+
+	/**
+	 * 保存表单配置并更新缓存
+	 *
+	 * @param saveParam     保存参数
+	 * @param currentUserId 当前用户ID
+	 *
+	 * @return 表单配置
+	 */
+	@CachePut(value = "form_cache", key = "#currentOrgId + ':' + #saveParam.formKey", unless = "#result == null")
+	@CacheEvict(value = "field_cache", key = "#currentOrgId + ':' + #saveParam.formKey")
+	public ModuleFormConfigDTO saveWithoutLog(ModuleFormSaveRequest saveParam, String currentUserId, String currentOrgId) {
+		return moduleFormService.saveWithoutLog(saveParam, currentUserId, currentOrgId);
+	}
+
+    /**
+     * 获取表单配置(缓存)
+     *
+     * @param formKey      表单Key
+     * @param currentOrgId 当前组织ID
+     *
+     * @return 表单配置
+     */
+    @Cacheable(value = "form_cache", key = "#currentOrgId + ':' + #formKey", unless = "#result == null")
+    public ModuleFormConfigDTO getConfig(String formKey, String currentOrgId) {
+        return moduleFormService.getConfig(formKey, currentOrgId);
+    }
+
+    /**
+     * 获取业务表单配置
+     *
+     * @param formKey        表单Key
+     * @param organizationId 组织ID
+     *
+     * @return 表单配置
+     */
+    public ModuleFormConfigDTO getBusinessFormConfig(String formKey, String organizationId) {
+        ModuleFormConfigDTO config = Objects.requireNonNull(CommonBeanFactory.getBean(this.getClass())).getConfig(formKey, organizationId);
+        ModuleFormConfigDTO businessModuleFormConfig = new ModuleFormConfigDTO();
+        businessModuleFormConfig.setFormProp(config.getFormProp());
+
+		// 提前加载价格表子表格字段作为引用集合
+		List<BaseField> subFields = moduleFieldService.getSubFieldsBySourceType(FieldSourceType.PRICE.name());
+		Map<String, BaseField> refPriceSubFieldMap = subFields.stream().collect(Collectors.toMap(BaseField::getId, Function.identity(), (p, n) -> p));
+
+		// 处理字段信息
+ 		List<BaseField> flattenFields = moduleFormService.flattenSourceRefFields(config.getFields(), refPriceSubFieldMap);
+		businessModuleFormConfig.setFields(flattenFields.stream()
+				.peek(moduleFormService::setFieldRefOption)
+				.peek(moduleFormService::setFieldBusinessParam)
+				.peek(field -> moduleFormService.reloadPropOfSubRefFields(field, refPriceSubFieldMap))
+				.collect(Collectors.toList())
+		);
+        return businessModuleFormConfig;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/ModuleFormService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/ModuleFormService.java
new file mode 100644
index 0000000..9a1dfd8
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/ModuleFormService.java
@@ -0,0 +1,2430 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.constants.LinkScenarioKey;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.domain.BaseResourceField;
+import cn.cordys.common.dto.ExportHeadDTO;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.resolver.field.AbstractModuleFieldResolver;
+import cn.cordys.common.resolver.field.ModuleFieldResolverFactory;
+import cn.cordys.common.resolver.field.TextMultipleResolver;
+import cn.cordys.common.resolver.field.TextResolver;
+import cn.cordys.common.service.BaseResourceFieldService;
+import cn.cordys.common.service.FieldSourceServiceProvider;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.uid.SerialNumGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.contract.constants.BusinessTitleConstants;
+import cn.cordys.crm.contract.constants.SystemFieldConstants;
+import cn.cordys.crm.form.service.CustomFormDataFieldService;
+import cn.cordys.crm.system.constants.FieldSourceType;
+import cn.cordys.crm.system.constants.FieldType;
+import cn.cordys.crm.system.domain.*;
+import cn.cordys.crm.system.dto.TransformSourceApplyDTO;
+import cn.cordys.crm.system.dto.field.*;
+import cn.cordys.crm.system.dto.field.base.*;
+import cn.cordys.crm.system.dto.form.FormLinkFill;
+import cn.cordys.crm.system.dto.form.FormProp;
+import cn.cordys.crm.system.dto.form.base.LinkField;
+import cn.cordys.crm.system.dto.form.base.LinkScenario;
+import cn.cordys.crm.system.dto.request.ModuleFormSaveRequest;
+import cn.cordys.crm.system.dto.response.FormPropLogDTO;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigLogDTO;
+import cn.cordys.crm.system.mapper.ExtModuleFieldMapper;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.collections4.ListUtils;
+import org.apache.commons.collections4.MapUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.cache.annotation.Cacheable;
+import org.springframework.context.annotation.Lazy;
+import org.springframework.context.i18n.LocaleContextHolder;
+import org.springframework.data.util.ReflectionUtils;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.io.IOException;
+import java.lang.reflect.Field;
+import java.lang.reflect.InvocationTargetException;
+import java.lang.reflect.Method;
+import java.math.BigDecimal;
+import java.util.*;
+import java.util.concurrent.atomic.AtomicLong;
+import java.util.function.Function;
+import java.util.stream.Collectors;
+
+/**
+ * @author song-cc-rock
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class ModuleFormService {
+
+    public static final Map<String, String> TYPE_SOURCE_MAP;
+    private static final String DEFAULT_ORGANIZATION_ID = "100001";
+    private static final String CONTROL_RULES_KEY = "showControlRules";
+    private static final String SHOW_FIELD_KEY = "showFields";
+    private static final String SUB_FIELDS = "subFields";
+    public static final String SUM_PREFIX = "sum_";
+    public static final String EXPORT_SYSTEM_TYPE = "system";
+    private static final String PRICE_SUB_ROW_KEY = "price_sub";
+    private static final String OPTION_DEFAULT_SOURCE = "custom";
+    private static final String UPGRADE_EXT_FIELD = "ext_ver";
+	public static final String SLASH = "/";
+	private static final String REF_UNDERLINE = "_ref_";
+
+    static {
+        TYPE_SOURCE_MAP = Map.ofEntries(
+                Map.entry(FieldType.MEMBER.name(), "sys_user"),
+                Map.entry(FieldType.DEPARTMENT.name(), "sys_department"),
+                Map.entry(FieldSourceType.CUSTOMER.name(), "customer"),
+                Map.entry(FieldSourceType.CLUE.name(), "clue"),
+                Map.entry(FieldSourceType.CONTACT.name(), "customer_contact"),
+                Map.entry(FieldSourceType.OPPORTUNITY.name(), "opportunity"),
+                Map.entry(FieldSourceType.PRODUCT.name(), "product"),
+                Map.entry(FieldSourceType.QUOTATION.name(), "opportunity_quotation"),
+                Map.entry(FieldSourceType.PRICE.name(), "product_price"),
+                Map.entry(FieldSourceType.CONTRACT.name(), "contract"),
+                Map.entry(FieldSourceType.PAYMENT_PLAN.name(), "contract_payment_plan"),
+                Map.entry(FieldSourceType.BUSINESS_TITLE.name(), "business_title"),
+                Map.entry(FieldSourceType.CONTRACT_PAYMENT_RECORD.name(), "contract_payment_record"),
+                Map.entry(FieldSourceType.ORDER.name(), "sales_order")
+        );
+    }
+
+    @Value("classpath:form/form.json")
+    private org.springframework.core.io.Resource formResource;
+    @Value("classpath:form/field.json")
+    private org.springframework.core.io.Resource fieldResource;
+    @Resource
+    private BaseMapper<ModuleForm> moduleFormMapper;
+    @Resource
+    private BaseMapper<ModuleFormBlob> moduleFormBlobMapper;
+    @Resource
+    private BaseMapper<ModuleField> moduleFieldMapper;
+    @Resource
+    private BaseMapper<ModuleFieldBlob> moduleFieldBlobMapper;
+    @Resource
+    private ExtModuleFieldMapper extModuleFieldMapper;
+    @Resource
+    private UserExtendService userExtendService;
+    @Resource
+    private DepartmentService departmentService;
+    @Resource
+    private BaseMapper<Attachment> attachmentMapper;
+    @Resource
+    private SerialNumGenerator serialNumGenerator;
+    @Lazy
+    @Resource
+    private FieldSourceServiceProvider fieldSourceServiceProvider;
+    @Resource
+    private ModuleFieldService moduleFieldService;
+
+    /**
+     * 获取模块表单配置
+     *
+     * @param formKey      表单Key
+     * @param currentOrgId 当前组织ID
+     * @return 字段集合
+     */
+    public ModuleFormConfigDTO getConfig(String formKey, String currentOrgId) {
+        ModuleFormConfigDTO formConfig = new ModuleFormConfigDTO();
+        // set form
+        ModuleForm form = getModuleFormByKey(formKey, currentOrgId);
+
+        ModuleFormBlob formBlob = moduleFormBlobMapper.selectByPrimaryKey(form.getId());
+        formConfig.setFormProp(JSON.parseObject(formBlob.getProp(), FormProp.class));
+        // set fields
+        formConfig.setFields(getAllFields(form.getId()));
+        return formConfig;
+    }
+
+    /**
+     * 获取业务表单配置
+     *
+     * @param formKey        表单Key
+     * @param organizationId 组织ID
+     * @return 表单配置
+     */
+    public ModuleFormConfigDTO getBusinessFormConfig(String formKey, String organizationId) {
+        ModuleFormConfigDTO config = getConfig(formKey, organizationId);
+        ModuleFormConfigDTO businessModuleFormConfig = new ModuleFormConfigDTO();
+        businessModuleFormConfig.setFormProp(config.getFormProp());
+
+		// 提前加载价格表子表格字段作为引用集合
+		List<BaseField> subFields = moduleFieldService.getSubFieldsBySourceType(FieldSourceType.PRICE.name());
+		Map<String, BaseField> refPriceSubFieldMap = subFields.stream().collect(Collectors.toMap(BaseField::getId, Function.identity(), (p, n) -> p));
+
+        // 设置业务字段参数
+        List<BaseField> flattenFields = flattenSourceRefFields(config.getFields(), refPriceSubFieldMap);
+        businessModuleFormConfig.setFields(flattenFields.stream()
+                .peek(this::setFieldRefOption)
+                .peek(this::setFieldBusinessParam)
+                .peek(field -> reloadPropOfSubRefFields(field, refPriceSubFieldMap))
+                .collect(Collectors.toList())
+        );
+        return businessModuleFormConfig;
+    }
+
+    public ModuleFormConfigDTO getSourceDisplayFields(String formKey, String organizationId) {
+        ModuleFormConfigDTO config = getConfig(formKey, organizationId);
+        ModuleFormConfigDTO businessModuleFormConfig = new ModuleFormConfigDTO();
+        businessModuleFormConfig.setFormProp(config.getFormProp());
+
+        List<BaseField> flattenFields = flattenFormAllFieldsWithSubId(config);
+        // 设置业务字段参数
+        businessModuleFormConfig.setFields(flattenFields.stream()
+                .filter(BaseField::canDisplay)
+                .filter(f -> StringUtils.isEmpty(f.getResourceFieldId()))
+                .peek(this::setFieldBusinessParam)
+                .collect(Collectors.toList())
+        );
+        return businessModuleFormConfig;
+    }
+
+    /**
+     * 保存表单配置
+     *
+     * @param saveParam 保存参数
+     * @return 表单配置
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.UPDATE, resourceId = "{#saveParam.formKey}")
+    public ModuleFormConfigDTO save(ModuleFormSaveRequest saveParam, String currentUserId, String currentOrgId) {
+		// 设置表单日志上下文
+		OperationLogContext.setContext(getModuleFormChangeLogContext(saveParam.getFormKey(), currentOrgId, saveParam));
+        // 返回表单配置
+        return saveWithoutLog(saveParam, currentUserId, currentOrgId);
+    }
+
+    /**
+     * 保存表单配置（不记录日志）
+     *
+     * @param saveParam     保存参数
+     * @param currentUserId 当前用户ID
+     * @param currentOrgId  当前组织ID
+     * @return 表单配置
+     */
+    public ModuleFormConfigDTO saveWithoutLog(ModuleFormSaveRequest saveParam, String currentUserId, String currentOrgId) {
+        // 处理表单
+        ModuleForm form = getModuleFormByKey(saveParam.getFormKey(), currentOrgId);
+        form.setUpdateUser(currentUserId);
+        form.setUpdateTime(System.currentTimeMillis());
+        moduleFormMapper.updateById(form);
+
+        if (saveParam.getFormProp() != null) {
+            ModuleFormBlob formBlob = new ModuleFormBlob();
+            formBlob.setId(form.getId());
+            formBlob.setProp(JSON.toJSONString(saveParam.getFormProp()));
+            moduleFormBlobMapper.updateById(formBlob);
+        }
+
+        if (saveParam.getFields() != null) {
+            // 字段合规校验
+            preCheckForFieldSave(saveParam.getFormKey(), saveParam.getFields());
+
+            // 处理字段 (删除&&新增)
+            LambdaQueryWrapper<ModuleField> fieldWrapper = new LambdaQueryWrapper<>();
+            fieldWrapper.eq(ModuleField::getFormId, form.getId());
+            List<ModuleField> fields = moduleFieldMapper.selectListByLambda(fieldWrapper);
+            // 重置流水号
+            resetSerial(fields, saveParam.getFields(), saveParam.getFormKey(), currentOrgId);
+            if (CollectionUtils.isNotEmpty(fields)) {
+                List<String> fieldIds = fields.stream().map(ModuleField::getId).toList();
+                extModuleFieldMapper.deleteByIds(fieldIds);
+                extModuleFieldMapper.deletePropByIds(fieldIds);
+            }
+            if (CollectionUtils.isNotEmpty(saveParam.getFields())) {
+                saveFields(saveParam.getFields(), form.getId(), currentUserId);
+            }
+        }
+
+        // 返回表单配置
+        return getConfig(form.getFormKey(), currentOrgId);
+    }
+
+    /**
+     * 获取字段变更日志信息（供外部调用方合并日志使用）
+     *
+     * @param formKey      表单Key
+     * @param currentOrgId 当前组织ID
+     * @param saveParam    保存参数
+     * @return 字段变更日志信息
+     */
+    public LogContextInfo getModuleFormChangeLogContext(String formKey, String currentOrgId, ModuleFormSaveRequest saveParam) {
+        ModuleForm form = getModuleFormByKey(formKey, currentOrgId);
+        ModuleFormConfigDTO oldConfig = getModuleFormConfigDTO(formKey, form.getId(), currentOrgId);
+
+        ModuleFormConfigDTO newConfig = new ModuleFormConfigDTO();
+        newConfig.setFields(saveParam.getFields());
+        newConfig.setFormProp(saveParam.getFormProp());
+
+        return LogContextInfo.builder()
+                .resourceName(Translator.get(formKey) + Translator.get("module.form.setting"))
+                .originalValue(buildModuleFormLogDTO(oldConfig))
+                .modifiedValue(buildModuleFormLogDTO(newConfig))
+                .build();
+    }
+
+    private ModuleFormConfigDTO getModuleFormConfigDTO(String formKey, String formId, String orgId) {
+        ModuleFormConfigDTO oldConfig = new ModuleFormConfigDTO();
+        oldConfig.setFields(getAllFields(formKey, orgId));
+        ModuleFormBlob moduleFormBlob = moduleFormBlobMapper.selectByPrimaryKey(formId);
+        if (moduleFormBlob != null && StringUtils.isNotEmpty(moduleFormBlob.getProp())) {
+            oldConfig.setFormProp(JSON.parseObject(moduleFormBlob.getProp(), FormProp.class));
+        }
+        return oldConfig;
+    }
+
+    private ModuleForm getModuleFormByKey(String forKey, String currentOrgId) {
+        LambdaQueryWrapper<ModuleForm> queryWrapper = new LambdaQueryWrapper<>();
+        queryWrapper.eq(ModuleForm::getFormKey, forKey).eq(ModuleForm::getOrganizationId, currentOrgId);
+        List<ModuleForm> forms = moduleFormMapper.selectListByLambda(queryWrapper);
+        if (CollectionUtils.isEmpty(forms)) {
+            throw new GenericException(Translator.get("module.form.not_exist"));
+        }
+        return forms.getFirst();
+    }
+
+    /**
+     * 重置流水号
+     *
+     * @param oldFields  旧的字段集合
+     * @param saveFields 保存的字段集合
+     */
+    private void resetSerial(List<ModuleField> oldFields, List<BaseField> saveFields, String formKey, String orgId) {
+        Optional<ModuleField> serialOld = oldFields.stream().filter(f -> Strings.CS.equals(f.getType(), FieldType.SERIAL_NUMBER.name())).findAny();
+        Optional<BaseField> serialNew = saveFields.stream().filter(BaseField::isSerialNumber).findAny();
+        if (serialOld.isEmpty()) {
+            return;
+        }
+        ModuleFieldBlob oldFieldBlob = moduleFieldBlobMapper.selectByPrimaryKey(serialOld.get().getId());
+        List<String> oldRules = JSON.parseObject(oldFieldBlob.getProp(), SerialNumberField.class).getSerialNumberRules();
+        if (serialNew.isEmpty()) {
+            serialNumGenerator.resetKey(oldRules.get(2), formKey, orgId);
+            return;
+        }
+        List<String> newRules = ((SerialNumberField) serialNew.get()).getSerialNumberRules();
+        if (serialNumGenerator.sameRule(oldRules, newRules)) {
+            return;
+        }
+        serialNumGenerator.resetKey(oldRules.get(2), formKey, orgId);
+    }
+
+    /**
+     * 保存所有字段集合
+     *
+     * @param saveFields    字段集合
+     * @param saveFormId    表单ID
+     * @param currentUserId 当前用户ID
+     */
+    public void saveFields(List<BaseField> saveFields, String saveFormId, String currentUserId) {
+        if (CollectionUtils.isEmpty(saveFields)) {
+            return;
+        }
+        // 剔除引用字段&&并保留到数据源引用字段
+        List<BaseField> fieldToSave = new ArrayList<>(saveFields);
+		AtomicLong pos = new AtomicLong(0L);
+        List<BaseField> refFields = fieldToSave.stream().peek(f -> f.setPos(pos.getAndIncrement()))
+				.filter(f -> StringUtils.isNotEmpty(f.getResourceFieldId()))
+				.collect(Collectors.toMap(BaseField::getId, Function.identity(), (a, b) -> a)).values().stream()
+                .toList();
+        fieldToSave.removeAll(refFields);
+
+        List<ModuleField> addFields = new ArrayList<>();
+        List<ModuleFieldBlob> addFieldBlobs = new ArrayList<>();
+        fieldToSave.forEach(field -> {
+            ModuleField moduleField = new ModuleField();
+            moduleField.setId(field.getId());
+            moduleField.setFormId(saveFormId);
+            moduleField.setMobile(field.getMobile() != null && field.getMobile());
+            moduleField.setInternalKey(field.getInternalKey());
+            moduleField.setType(field.getType());
+            moduleField.setName(field.getName());
+            moduleField.setPos(field.getPos());
+            moduleField.setCreateTime(System.currentTimeMillis());
+            moduleField.setCreateUser(currentUserId);
+            moduleField.setUpdateTime(System.currentTimeMillis());
+            moduleField.setUpdateUser(currentUserId);
+            addFields.add(moduleField);
+            ModuleFieldBlob fieldBlob = new ModuleFieldBlob();
+            fieldBlob.setId(field.getId());
+            if (field instanceof DatasourceField sourceField && CollectionUtils.isNotEmpty(sourceField.getShowFields())) {
+                List<BaseField> sourceRefFields = refFields.stream().filter(rf -> {
+					String actualId = rf.getId().replace(sourceField.getId() + REF_UNDERLINE, StringUtils.EMPTY);
+					return sourceField.getShowFields().contains(actualId);
+				}).toList();
+                sourceField.setRefFields(sourceRefFields);
+            }
+            fieldBlob.setProp(JSON.toJSONString(field));
+            addFieldBlobs.add(fieldBlob);
+        });
+        if (CollectionUtils.isNotEmpty(addFields)) {
+            moduleFieldMapper.batchInsert(addFields);
+        }
+        if (CollectionUtils.isNotEmpty(addFieldBlobs)) {
+            moduleFieldBlobMapper.batchInsert(addFieldBlobs);
+        }
+    }
+
+    public ModuleFormConfigLogDTO buildModuleFormLogDTO(ModuleFormConfigDTO config) {
+        ModuleFormConfigLogDTO logDTO = new ModuleFormConfigLogDTO();
+        FormPropLogDTO formPropLog = BeanUtils.copyBean(new FormPropLogDTO(), config.getFormProp());
+        BeanUtils.copyBean(logDTO, config);
+        logDTO.setFormProp(formPropLog);
+        // 目前只处理联动字段方便日志详情解析
+        Map<String, List<LinkField>> parseLinkFieldMap = new HashMap<>(8);
+        Map<String, List<LinkScenario>> linkProp = config.getFormProp().getLinkProp();
+        if (linkProp != null && !linkProp.isEmpty()) {
+            linkProp.forEach((key, value) -> value.forEach(scenario -> parseLinkFieldMap.put(key + "-" + scenario.getKey(), scenario.getLinkFields())));
+        }
+        logDTO.getFormProp().setLinkProp(parseLinkFieldMap);
+        return logDTO;
+    }
+
+    public List<BaseField> getAllFields(String formKey, String orgId) {
+        ModuleForm example = new ModuleForm();
+        example.setFormKey(formKey);
+        example.setOrganizationId(orgId);
+        ModuleForm moduleForm = moduleFormMapper.selectOne(example);
+        List<BaseField> allFields = getAllFields(moduleForm.getId());
+
+		// 提前加载价格表子表格字段作为引用集合
+		List<BaseField> subFields = moduleFieldService.getSubFieldsBySourceType(FieldSourceType.PRICE.name());
+		Map<String, BaseField> refPriceSubFieldMap = subFields.stream().collect(Collectors.toMap(BaseField::getId, Function.identity(), (p, n) -> p));
+		// 处理字段信息
+        List<BaseField> flattenFields = flattenSourceRefFields(allFields, refPriceSubFieldMap);
+        return flattenFields.stream()
+                .peek(this::setFieldRefOption)
+                .peek(this::setFieldBusinessParam)
+                .peek(field -> reloadPropOfSubRefFields(field, refPriceSubFieldMap))
+                .collect(Collectors.toList());
+    }
+
+    /**
+     * 获取表单所有字段及其属性集合
+     *
+     * @param formId 表单ID
+     * @return 字段集合
+     */
+    public List<BaseField> getAllFields(String formId) {
+        // set field
+        List<BaseField> fieldDTOList = new ArrayList<>();
+        LambdaQueryWrapper<ModuleField> fieldWrapper = new LambdaQueryWrapper<>();
+        fieldWrapper.eq(ModuleField::getFormId, formId);
+        List<ModuleField> fields = moduleFieldMapper.selectListByLambda(fieldWrapper);
+
+        if (CollectionUtils.isNotEmpty(fields)) {
+            fields.sort(Comparator.comparing(ModuleField::getPos));
+            List<String> fieldIds = fields.stream().map(ModuleField::getId).toList();
+            LambdaQueryWrapper<ModuleFieldBlob> blobWrapper = new LambdaQueryWrapper<>();
+            blobWrapper.in(ModuleFieldBlob::getId, fieldIds);
+            List<ModuleFieldBlob> fieldBlobs = moduleFieldBlobMapper.selectListByLambda(blobWrapper);
+            Map<String, String> fieldBlobMap = fieldBlobs.stream().collect(Collectors.toMap(ModuleFieldBlob::getId, ModuleFieldBlob::getProp));
+            fields.forEach(field -> {
+                BaseField baseField = JSON.parseObject(fieldBlobMap.get(field.getId()), BaseField.class);
+				baseField.setPos(field.getPos());
+                baseField.setType(field.getType());
+                baseField.setMobile(field.getMobile());
+                baseField.setInternalKey(field.getInternalKey());
+                if (baseField.needInitialOptions()) {
+                    handleInitialOption(baseField);
+                }
+                // 文本字段默认值格式 || 流水号前缀固定字符格式
+                if (baseField instanceof SerialNumberField serialField && StringUtils.isEmpty(serialField.getPrefixType())) {
+                    serialField.setPrefixType(OPTION_DEFAULT_SOURCE);
+                }
+                if (baseField instanceof InputField inputField && StringUtils.isEmpty(inputField.getDefaultValueType())) {
+                    inputField.setDefaultValueType(OPTION_DEFAULT_SOURCE);
+                }
+                fieldDTOList.add(baseField);
+            });
+        }
+        return fieldDTOList;
+    }
+
+    /**
+     * 获取字段选项集合
+     *
+     * @param formConfig    表单配置
+     * @param allDataFields 所有数据字段
+     * @return 字段选项集合
+     */
+    public Map<String, List<OptionDTO>> getOptionMap(ModuleFormConfigDTO formConfig, List<BaseModuleFieldValue> allDataFields) {
+        var optionMap = new HashMap<String, List<OptionDTO>>(4);
+        var optionMeta = collectOptionMetadata(formConfig);
+        optionMap.putAll(optionMeta.staticOptions());
+        if (CollectionUtils.isEmpty(allDataFields)) {
+            return optionMap;
+        }
+        var allFieldValues = flattenSubFieldValues(formConfig, allDataFields);
+        var typeIdsMap = collectOptionIds(allFieldValues, optionMeta.idTypeMap());
+
+        // 按照sourceType聚合id, 以便批量查询
+        Map<String, Set<String>> sourceTypeIdsMap = new HashMap<>();
+        Map<String, String> fieldIdSourceTypeMap = new HashMap<>();
+
+        typeIdsMap.forEach((fieldId, ids) -> {
+            var sourceType = optionMeta.idTypeMap().get(getFieldIdForSubFieldId(fieldId));
+            if (CollectionUtils.isEmpty(ids)) {
+                return;
+            }
+            fieldIdSourceTypeMap.put(fieldId, sourceType);
+            // 去重
+            sourceTypeIdsMap.computeIfAbsent(sourceType, k -> new HashSet<>()).addAll(ids);
+        });
+
+        // 按照类型, 整体查询
+        Map<String, List<OptionDTO>> sourceTypeOptionsMap = new HashMap<>();
+        sourceTypeIdsMap.forEach((sourceType, ids) -> {
+            List<OptionDTO> options;
+            String tableName = TYPE_SOURCE_MAP.get(sourceType);
+            if (StringUtils.isBlank(tableName)) {
+                options = extModuleFieldMapper.getCustomFormOptionsByIds(new ArrayList<>(ids));
+            } else {
+                options = extModuleFieldMapper.getSourceOptionsByIds(tableName, new ArrayList<>(ids));
+            }
+            if (CollectionUtils.isNotEmpty(options)) {
+                sourceTypeOptionsMap.put(sourceType, options);
+            }
+        });
+
+        // 按照fieldId, 分配选项
+        typeIdsMap.forEach((fieldId, ids) -> {
+            var sourceType = fieldIdSourceTypeMap.get(fieldId);
+            if (sourceType == null) {
+                return;
+            }
+            var allOptions = sourceTypeOptionsMap.get(sourceType);
+            if (CollectionUtils.isEmpty(allOptions)) {
+                return;
+            }
+            // 只保留当前 fieldId 需要的
+            var optionList = allOptions.stream().filter(opt -> ids.contains(opt.getId())).toList();
+            if (CollectionUtils.isNotEmpty(optionList)) {
+                optionMap.put(fieldId, optionList);
+            }
+        });
+
+        return optionMap;
+    }
+
+    private OptionMetadata collectOptionMetadata(ModuleFormConfigDTO formConfig) {
+        var allFields = flattenFormAllFields(formConfig);
+        var staticOptions = new HashMap<String, List<OptionDTO>>(4);
+        var idTypeMap = new HashMap<String, String>(8);
+        for (var field : allFields) {
+            putOptionMap(staticOptions, idTypeMap, field, field.getId());
+            if (StringUtils.isNotBlank(field.getBusinessKey())) {
+                putOptionMap(staticOptions, idTypeMap, field, field.getBusinessKey());
+            }
+        }
+        return new OptionMetadata(staticOptions, idTypeMap);
+    }
+
+    private void putOptionMap(HashMap<String, List<OptionDTO>> staticOptions, HashMap<String, String> idTypeMap, BaseField field, String key) {
+        switch (field) {
+            case RadioField radioField when Strings.CS.equals(field.getType(), FieldType.RADIO.name()) ->
+                    staticOptions.put(key, optionPropToDto(radioField.getOptions()));
+            case CheckBoxField checkBoxField when Strings.CS.equals(field.getType(), FieldType.CHECKBOX.name()) ->
+                    staticOptions.put(key, optionPropToDto(checkBoxField.getOptions()));
+            case HasOption optionField when Strings.CS.equalsAny(field.getType(), FieldType.SELECT.name(), FieldType.SELECT_MULTIPLE.name()) ->
+                    staticOptions.put(key, optionPropToDto(optionField.getOptions()));
+            default -> {
+            }
+        }
+        if (Strings.CS.equalsAny(field.getType(), FieldType.DATA_SOURCE.name(), FieldType.DATA_SOURCE_MULTIPLE.name()) && field instanceof DatasourceField sourceField) {
+            idTypeMap.put(key, sourceField.getDataSourceType());
+        }
+        if (Strings.CS.equalsAny(field.getType(), FieldType.MEMBER.name(), FieldType.MEMBER_MULTIPLE.name())) {
+            idTypeMap.put(key, FieldType.MEMBER.name());
+        }
+        if (Strings.CS.equalsAny(field.getType(), FieldType.DEPARTMENT.name(), FieldType.DEPARTMENT_MULTIPLE.name())) {
+            idTypeMap.put(key, FieldType.DEPARTMENT.name());
+        }
+    }
+
+    private Map<String, List<String>> collectOptionIds(List<BaseModuleFieldValue> allFieldValues, Map<String, String> idTypeMap) {
+        var typeIdsMap = new HashMap<String, List<String>>(8);
+        allFieldValues.stream()
+                .filter(fv -> {
+                    String fieldId = getFieldIdForSubFieldId(fv.getFieldId());
+                    return idTypeMap.containsKey(fieldId);
+                })
+                .forEach(fv -> {
+                    typeIdsMap.putIfAbsent(fv.getFieldId(), new ArrayList<>());
+                    var value = fv.getFieldValue();
+                    if (value == null) {
+                        return;
+                    }
+                    if (value instanceof List<?> listValue) {
+                        typeIdsMap.get(fv.getFieldId()).addAll(JSON.parseArray(JSON.toJSONString(listValue), String.class));
+                    } else {
+                        typeIdsMap.get(fv.getFieldId()).add(value.toString());
+                    }
+                });
+        return typeIdsMap;
+    }
+
+    private String getFieldIdForSubFieldId(String fieldId) {
+        if (fieldId.contains(".")) {
+            String[] split = fieldId.split("\\.");
+            if (split.length > 1) {
+                return split[1];
+            }
+        }
+        return fieldId;
+    }
+
+    private record OptionMetadata(Map<String, List<OptionDTO>> staticOptions, Map<String, String> idTypeMap) {
+    }
+
+    /**
+     * 平铺列表字段(子表格)
+     *
+     * @param formConfig 表单配置
+     * @return 字段集合
+     */
+    public List<BaseField> flattenFormAllFields(ModuleFormConfigDTO formConfig) {
+        List<BaseField> toFlattenFields = new ArrayList<>();
+        formConfig.getFields().stream().filter(f -> f instanceof SubField).map(f -> ((SubField) f).getSubFields()).forEach(toFlattenFields::addAll);
+        formConfig.getFields().addAll(toFlattenFields);
+        return formConfig.getFields();
+    }
+
+    public List<BaseField> flattenFormAllFieldsWithSubId(ModuleFormConfigDTO formConfig) {
+        List<BaseField> toFlattenFields = new ArrayList<>();
+        formConfig.getFields().stream().filter(f -> f instanceof SubField).forEach(sf -> {
+            SubField subField = ((SubField) sf);
+            if (CollectionUtils.isEmpty(subField.getSubFields())) {
+                return;
+            }
+            subField.getSubFields().forEach(field -> field.setSubTableFieldId(subField.getId()));
+            toFlattenFields.addAll(subField.getSubFields());
+        });
+        formConfig.getFields().addAll(toFlattenFields);
+        return formConfig.getFields();
+    }
+
+    /**
+     * 获得所有平铺的字段
+     *
+     * @param formKey 表单key
+     * @param orgId   组织ID
+     * @return 平铺的字段集合
+     */
+    @Cacheable(value = "field_cache", key = "#orgId + ':' + #formKey", unless = "#result == null or #orgId == null")
+    public List<BaseField> getFlattenFormFields(String formKey, String orgId) {
+        ModuleFormConfigDTO formConfig = getBusinessFormConfig(formKey, orgId);
+        return flattenFormAllFields(formConfig);
+    }
+
+    /**
+     * 平铺子表字段值
+     *
+     * @param formConfig     表单配置
+     * @param allFieldValues 所有字段值
+     * @return 平铺字段值集合
+     */
+    @SuppressWarnings("unchecked")
+    public List<BaseModuleFieldValue> flattenSubFieldValues(ModuleFormConfigDTO formConfig, List<BaseModuleFieldValue> allFieldValues) {
+        // 类型为子表的字段
+        List<BaseField> subFields = formConfig.getFields().stream().filter(f -> f instanceof SubField).toList();
+        Set<String> subIdSet = subFields.stream().map(BaseField::getId).collect(Collectors.toSet());
+        // 过滤出子表的字段值进行平铺
+        List<BaseModuleFieldValue> allFlattenFieldValues = new ArrayList<>();
+        allFieldValues.stream().filter(fv -> subIdSet.contains(fv.getFieldId())).forEach(fv -> {
+            List<Map<String, Object>> subRowList = (List<Map<String, Object>>) fv.getFieldValue();
+            if (CollectionUtils.isEmpty(subRowList)) {
+                return;
+            }
+            Map<String, List<String>> subFieldIdValueMap = new HashMap<>(subRowList.getFirst().size());
+            subRowList.forEach(subRow ->
+                    subRow.forEach((k, v) -> {
+                        if (v == null) {
+                            return;
+                        }
+                        subFieldIdValueMap.putIfAbsent(k, new ArrayList<>());
+                        if (v instanceof List) {
+                            subFieldIdValueMap.get(k).addAll(JSON.parseArray(JSON.toJSONString(v), String.class));
+                        } else {
+                            subFieldIdValueMap.get(k).add(v.toString());
+                        }
+                    }));
+
+            subFieldIdValueMap.forEach((subFieldId, values) -> {
+                if (CollectionUtils.isNotEmpty(values)) {
+                    BaseModuleFieldValue subFieldValue = new BaseModuleFieldValue();
+                    subFieldValue.setFieldId(subFieldId);
+                    subFieldValue.setFieldValue(values);
+                    allFlattenFieldValues.add(subFieldValue);
+                }
+            });
+        });
+        // 插入所有字段值集合中
+        allFlattenFieldValues.addAll(allFieldValues);
+        return allFlattenFieldValues;
+    }
+
+    public Map<String, List<Attachment>> getAttachmentMap(ModuleFormConfigDTO formConfig, List<BaseModuleFieldValue> allDataFields) {
+        List<String> attachmentFieldIds = formConfig.getFields()
+                .stream()
+                .filter(field -> Strings.CS.equalsAny(field.getType(), FieldType.ATTACHMENT.name()))
+                .map(BaseField::getId)
+                .toList();
+
+        if (CollectionUtils.isEmpty(attachmentFieldIds)) {
+            return null;
+        }
+
+        Map<String, List<String>> fieldAttachmentIds = new HashMap<>(attachmentFieldIds.size());
+        allDataFields.stream()
+                .filter(field -> attachmentFieldIds.contains(field.getFieldId()) && field.getFieldValue() != null)
+                .forEach(field -> {
+                    Object fieldValue = field.getFieldValue();
+                    List<String> attachmentIds = new ArrayList<>();
+                    if (fieldValue instanceof List) {
+                        attachmentIds.addAll(JSON.parseArray(JSON.toJSONString(fieldValue), String.class));
+                    } else {
+                        attachmentIds.add(fieldValue.toString());
+                    }
+                    fieldAttachmentIds.put(field.getFieldId(), attachmentIds);
+                });
+
+        List<String> attachmentIds = fieldAttachmentIds.values()
+                .stream()
+                .flatMap(List::stream)
+                .distinct()
+                .toList();
+
+        if (CollectionUtils.isEmpty(attachmentIds)) {
+            return null;
+        }
+
+        List<Attachment> attachments = attachmentMapper.selectByIds(attachmentIds);
+        List<String> createUserIds = attachments.stream().map(Attachment::getCreateUser).toList();
+        List<String> updateUserIds = attachments.stream().map(Attachment::getUpdateUser).toList();
+
+        List<User> users = userExtendService.getUserOptionByIds(ListUtils.union(createUserIds, updateUserIds));
+        Map<String, String> userMap = users.stream().collect(Collectors.toMap(User::getId, User::getName));
+        attachments.forEach(attachment -> {
+            attachment.setCreateUser(userMap.get(attachment.getCreateUser()));
+            attachment.setUpdateUser(userMap.get(attachment.getUpdateUser()));
+        });
+
+        Map<String, Attachment> attachmentMap = attachments.stream().collect(Collectors.toMap(Attachment::getId, Function.identity()));
+        Map<String, List<Attachment>> attachmentMapResult = new HashMap<>(fieldAttachmentIds.size());
+        for (Map.Entry<String, List<String>> entry : fieldAttachmentIds.entrySet()) {
+            if (CollectionUtils.isEmpty(entry.getValue())) {
+                continue;
+            }
+            List<Attachment> fieldAttachments = new ArrayList<>();
+            entry.getValue().forEach(attachmentId -> {
+                if (attachmentMap.containsKey(attachmentId)) {
+                    fieldAttachments.add(attachmentMap.get(attachmentId));
+                }
+            });
+            attachmentMapResult.put(entry.getKey(), fieldAttachments);
+        }
+        return attachmentMapResult;
+    }
+
+    public List<OptionDTO> getSourceOptionsByKeywords(String type, List<String> nameList) {
+        if (CollectionUtils.isEmpty(nameList)) {
+            return new ArrayList<>();
+        }
+        String tableName = TYPE_SOURCE_MAP.get(type);
+        if (StringUtils.isBlank(tableName)) {
+            extModuleFieldMapper.getCustomFormOptionsByKeywords(nameList);
+        }
+        return extModuleFieldMapper.getSourceOptionsByKeywords(tableName, nameList);
+    }
+
+    /**
+     * 处理自定义字段中业务子表单值
+     *
+     * @param resource    资源详情
+     * @param fieldValues 自定义字段值
+     * @param formConfig  表单配置
+     */
+    public void processBusinessFieldValues(Object resource, List<BaseModuleFieldValue> fieldValues, ModuleFormConfigDTO formConfig) {
+        List<BaseField> subFields = formConfig.getFields()
+                .stream()
+                .filter(f -> f instanceof SubField && StringUtils.isNotEmpty(f.getBusinessKey()))
+                .toList();
+
+        Map<String, String> subFieldBusinessMap = subFields.stream().collect(Collectors.toMap(BaseField::getId, BaseField::getBusinessKey));
+        List<BaseModuleFieldValue> businessFieldValues = fieldValues
+                .stream()
+                .filter(fv -> subFieldBusinessMap.containsKey(fv.getFieldId()))
+                .toList();
+
+        businessFieldValues.forEach(bfv -> {
+            String businessKey = subFieldBusinessMap.get(bfv.getFieldId());
+            Field field = ReflectionUtils.findField(resource.getClass(), f -> Strings.CS.equals(f.getName(), businessKey));
+            if (field == null) {
+                log.error("Cannot find field `{}`", businessKey);
+                return;
+            }
+            ReflectionUtils.setField(field, resource, bfv.getFieldValue());
+        });
+
+        fieldValues = new ArrayList<>(fieldValues);
+        fieldValues.removeIf(fv -> subFieldBusinessMap.containsKey(fv.getFieldId()));
+        Field moduleFields = ReflectionUtils.findField(resource.getClass(), f -> Strings.CS.equals(f.getName(), "moduleFields"));
+        if (moduleFields == null) {
+            log.error("No such field `moduleFields` in resource");
+            return;
+        }
+        ReflectionUtils.setField(moduleFields, resource, fieldValues);
+    }
+
+    /**
+     * 替换字段引用选项
+     *
+     * @param field 自定义字段
+     */
+    public void setFieldRefOption(BaseField field) {
+        if (field instanceof SubField subField) {
+            subField.getSubFields().forEach(this::setFieldRefOption);
+        }
+        if (!(field instanceof HasOption of)) {
+            return;
+        }
+        if (StringUtils.isEmpty(of.getOptionSource()) || Strings.CS.equals(of.getOptionSource(), OPTION_DEFAULT_SOURCE)) {
+            if (CollectionUtils.isEmpty(of.getCustomOptions())) {
+                of.setCustomOptions(of.getOptions());
+            } else {
+                of.setOptions(of.getCustomOptions());
+            }
+        } else {
+            // 引用字段选项, 清空再替换
+            of.setOptions(new ArrayList<>());
+            String refId = of.getRefId();
+            ModuleFieldBlob fieldBlob = moduleFieldBlobMapper.selectByPrimaryKey(refId);
+            if (fieldBlob != null) {
+                BaseField refField = JSON.parseObject(fieldBlob.getProp(), BaseField.class);
+                if (refField instanceof HasOption refOption) {
+                    of.setOptions(CollectionUtils.isNotEmpty(refOption.getOptions()) ? refOption.getOptions() : refOption.getCustomOptions());
+                }
+            }
+        }
+    }
+
+    /**
+     * 设置自定义字段业务参数
+     *
+     * @param field 自定义字段
+     */
+    public void setFieldBusinessParam(BaseField field) {
+        Set<String> businessTitleIdSet = Arrays.stream(BusinessTitleConstants.values())
+                .map(BusinessTitleConstants::getId)
+                .collect(Collectors.toSet());
+        if (StringUtils.isNotBlank(field.getResourceFieldId())) {
+            String actualFieldId = field.getId().replace((field.getResourceFieldId() + REF_UNDERLINE), StringUtils.EMPTY);
+            if (businessTitleIdSet.contains(actualFieldId)) {
+                return;
+            }
+        }
+
+        // 获取特殊的业务字段
+        Map<String, BusinessModuleField> businessModuleFieldMap = Arrays.stream(BusinessModuleField.values()).
+                collect(Collectors.toMap(BusinessModuleField::getKey, Function.identity()));
+        if (field instanceof SubField subField) {
+            subField.getSubFields().forEach(this::setFieldBusinessParam);
+        }
+        BusinessModuleField businessEnum = businessModuleFieldMap.get(field.getInternalKey());
+        if (businessEnum != null) {
+            // 设置特殊的业务字段 key
+            field.setBusinessKey(businessEnum.getBusinessKey());
+            field.setDisabledProps(businessEnum.getDisabledProps());
+        } else {
+            field.setBusinessKey(null);
+            field.setDisabledProps(null);
+        }
+    }
+
+    /**
+     * 重载子表引用字段最新的属性
+     *
+     * @param field 自定义字段
+     */
+    public void reloadPropOfSubRefFields(BaseField field, Map<String, BaseField> priceSubFieldMap) {
+        if (field instanceof SubField subField && CollectionUtils.isNotEmpty(subField.getSubFields())) {
+			List<BaseField> subSourceField = subField.getSubFields().stream()
+					.filter(f -> f instanceof DatasourceField sourceField && CollectionUtils.isNotEmpty(sourceField.getShowFields())).toList();
+			subSourceField.forEach(sf -> {
+				List<String> oldRefIds = ((DatasourceField) sf).getShowFields().stream()
+						.map(splitRefId(sf.getId())).distinct().toList();
+				List<ModuleFieldBlob> reloadFieldBlobs = moduleFieldBlobMapper.selectByIds(oldRefIds);
+				Map<String, BaseField> reloadFieldMap = reloadFieldBlobs.stream().collect(Collectors.toMap(ModuleFieldBlob::getId,
+						filedBlob -> JSON.parseObject(filedBlob.getProp(), BaseField.class)));
+
+				// 补充一些内置字段信息
+				getSystemExtendFields(((DatasourceField) sf).getDataSourceType())
+						.forEach(extField -> reloadFieldMap.put(extField.getId(), extField));
+				// 合并可能引用的字段属性 (数据源引用字段 & 价格表子表格字段)
+				reloadFieldMap.putAll(priceSubFieldMap);
+
+				Function<String, String> refIdSplitter = splitRefId(sf.getId());
+				ListIterator<BaseField> it = subField.getSubFields().listIterator();
+				while (it.hasNext()) {
+					BaseField oldField = it.next();
+					// 只处理符合条件的引用字段
+					if (StringUtils.isEmpty(oldField.getResourceFieldId()) || !Strings.CI.equals(oldField.getResourceFieldId(), sf.getId())) {
+						continue;
+					}
+					// 兼容旧引用字段
+					String oldRefFieldId = refIdSplitter.apply(oldField.getId());
+					BaseField refField = reloadFieldMap.get(oldRefFieldId);
+					if (refField == null) {
+						// 引用的字段已删
+						it.remove();
+						((DatasourceField) sf).getShowFields().remove(oldRefFieldId);
+						continue;
+					}
+					BaseField combineField = combineFieldsProps(oldField, refField);
+					// 子表格的引用字段特殊属性
+					BusinessModuleField businessField = BusinessModuleField.ofKey(combineField.getInternalKey());
+					if (businessField != null) {
+						combineField.setBusinessKey(businessField.getBusinessKey());
+					}
+					combineField.setSubTableFieldId(oldField.getSubTableFieldId());
+					it.set(combineField);
+				}
+			});
+        }
+    }
+
+	/**
+	 * 平铺数据源引用字段
+	 * @param fields 入库字段集合
+	 * @return 平铺后的字段集合 (数据源引用字段被平铺成普通字段, 并且属性被更新为最新引用字段属性)
+	 */
+	@SuppressWarnings("unchecked")
+    public List<BaseField> flattenSourceRefFields(List<BaseField> fields, Map<String, BaseField> priceSubFieldMap) {
+        List<BaseField> flatFields = new ArrayList<>();
+        fields.forEach(field -> {
+            flatFields.add(field);
+            if (field instanceof DatasourceField sourceField && MapUtils.isNotEmpty(sourceField.getCombineSearch())) {
+                Object obj = sourceField.getCombineSearch().get("conditions");
+                if (obj instanceof List<?> list) {
+                    for (Object item : list) {
+                        if (item instanceof Map<?, ?> map) {
+                            Map<String, Object> condition = (Map<String, Object>) map;
+                            if (!condition.containsKey("matchType")) {
+                                condition.put("matchType","MATCH_FIELD");
+                            }
+                        }
+                    }
+                }
+            }
+
+            if (field instanceof DatasourceField sourceField && CollectionUtils.isNotEmpty(sourceField.getShowFields())) {
+				// 兼容新旧引用字段
+                List<String> oldRefIds = sourceField.getShowFields().stream().map(splitRefId(sourceField.getId())).distinct().toList();
+                List<ModuleFieldBlob> reloadFieldBlobs = moduleFieldBlobMapper.selectByIds(oldRefIds);
+                Map<String, BaseField> reloadFieldMap = reloadFieldBlobs.stream().collect(Collectors.toMap(ModuleFieldBlob::getId,
+                                filedBlob -> JSON.parseObject(filedBlob.getProp(), BaseField.class)));
+
+                // 补充内置扩展的系统字段
+				getSystemExtendFields(sourceField.getDataSourceType())
+						.forEach(extField -> reloadFieldMap.put(extField.getId(), extField));
+
+				// 合并可能引用的字段属性 (数据源引用字段 & 价格表子表格字段)
+				reloadFieldMap.putAll(priceSubFieldMap);
+
+				// 兼容处理旧版本引用字段没有refFields属性的情况，直接从showFields解析出引用字段并设置属性
+				if (CollectionUtils.isEmpty(sourceField.getRefFields())) {
+					sourceField.setRefFields(new ArrayList<>());
+					for (String showFieldKey : sourceField.getShowFields()) {
+						BaseField refField = reloadFieldMap.get(showFieldKey);
+						refField.setResourceFieldId(sourceField.getId());
+						sourceField.getRefFields().add(refField);
+					}
+				}
+
+				// 平铺引用字段
+                sourceField.getRefFields().forEach(oldRefField -> {
+					// 兼容旧引用字段
+					String oldRefFieldId = splitRefId(oldRefField.getResourceFieldId()).apply(oldRefField.getId());
+					BaseField refField = reloadFieldMap.get(oldRefFieldId);
+					if (refField == null) {
+						// 引用的字段过期或已被删除
+						sourceField.getShowFields().remove(oldRefFieldId);
+						return;
+					}
+					BaseField combineField = combineFieldsProps(oldRefField, refField);
+					combineField.setPos(oldRefField.getPos() == null ? sourceField.getPos() : oldRefField.getPos());
+                    flatFields.add(flatFields.size(), combineField);
+                });
+            }
+        });
+		// 按照pos排序保证数据源引用字段被平铺后顺序不变
+		flatFields.sort(Comparator.comparing(BaseField::getPos));
+        return flatFields;
+    }
+
+    private List<BaseField> getSystemExtendFields(String dataSourceType) {
+        if (Strings.CI.equals(dataSourceType, FieldSourceType.BUSINESS_TITLE.name())) {
+            return initBusinessTitleFields();
+        }
+        if (Strings.CI.equalsAny(dataSourceType, FieldSourceType.CONTRACT.name(), FieldSourceType.INVOICE.name(), FieldSourceType.ORDER.name(), FieldSourceType.QUOTATION.name())) {
+			// 目前只有这几种数据源支持系统字段
+            return initSourceSystemFields(FieldSourceType.valueOf(dataSourceType));
+        }
+        return List.of();
+    }
+
+    public List<BaseField> initBusinessTitleFields() {
+        List<BaseField> fields = new ArrayList<>();
+        Locale locale = LocaleContextHolder.getLocale();
+        BusinessTitleConstants[] values = BusinessTitleConstants.values();
+        for (BusinessTitleConstants constant : values) {
+            InputField field = new InputField();
+            field.setId(constant.getId());
+            field.setBusinessKey(constant.getKey());
+            if (Locale.US.toString().equalsIgnoreCase(locale.toString())) {
+                field.setName(constant.getUs());
+            } else {
+                field.setName(constant.getCh());
+            }
+            field.setInternalKey(constant.getKey());
+            field.setBusinessKey(constant.getKey());
+            field.setType(FieldType.INPUT.name());
+            field.setShowLabel(true);
+            field.setReadable(true);
+            fields.add(field);
+        }
+        return fields;
+    }
+
+    public List<BaseField> initSourceSystemFields(FieldSourceType sourceType) {
+		if (sourceType == null) {
+			return List.of();
+		}
+        List<BaseField> fields = new ArrayList<>();
+        for (SystemFieldConstants sf : SystemFieldConstants.values()) {
+			// 目前只有下拉类型系统字段, 后续可根据枚举扩展
+			SelectField field = new SelectField();
+            field.setId(sf.getKey());
+			field.setSys(true);
+            fields.add(field);
+        }
+        return fields;
+    }
+
+    /**
+     * OptionProp转OptionDTO
+     *
+     * @param options 选项集合
+     * @return 选项DTO集合
+     */
+    public List<OptionDTO> optionPropToDto(List<OptionProp> options) {
+        if (options == null || options.isEmpty()) {
+            return new ArrayList<>();
+        }
+        return options.stream().map(option -> {
+            OptionDTO optionDTO = new OptionDTO();
+            optionDTO.setName(option.getLabel());
+            optionDTO.setId(option.getValue());
+            return optionDTO;
+        }).toList();
+    }
+
+    /**
+     * 表单初始化
+     */
+    public void initForm() {
+        initFormAndFields(FormKey.allKeys());
+    }
+
+    /**
+     * 初始化升级表单
+     */
+    public void initUpgradeForm() {
+        List<String> allKeys = FormKey.allKeys();
+        LambdaQueryWrapper<ModuleForm> moduleFormWrapper = new LambdaQueryWrapper<>();
+        moduleFormWrapper.in(ModuleForm::getFormKey, allKeys);
+        List<ModuleForm> oldForms = moduleFormMapper.selectListByLambda(moduleFormWrapper);
+        allKeys.removeAll(oldForms.stream().map(ModuleForm::getFormKey).toList());
+        if (CollectionUtils.isEmpty(allKeys)) {
+            // 初始化完成, 无升级表单.
+            return;
+        }
+        initFormAndFields(allKeys);
+    }
+
+    /**
+     * 初始化线索转联系人表单联动规则
+     */
+    @SuppressWarnings("unchecked")
+    public void initContactFormLinkRules() {
+        // 加载初始化的字段信息
+        LambdaQueryWrapper<ModuleField> fieldWrapper = new LambdaQueryWrapper<>();
+        fieldWrapper.in(ModuleField::getInternalKey, List.of("contactName", "contactPhone", "clueContactName", "clueContactPhone"));
+        List<ModuleField> fields = moduleFieldMapper.selectListByLambda(fieldWrapper);
+        if (CollectionUtils.isEmpty(fields) || fields.size() < 4) {
+            log.error("未找到对应的内置字段，无法初始化联动规则");
+            return;
+        }
+        Map<String, String> fieldMap = fields.stream().collect(Collectors.toMap(ModuleField::getInternalKey, ModuleField::getId));
+        // 构建联动规则
+        LinkField contactNameLink = new LinkField();
+        contactNameLink.setCurrent(fieldMap.get("contactName"));
+        contactNameLink.setLink(fieldMap.get("clueContactName"));
+        contactNameLink.setEnable(true);
+        LinkField contactPhoneLink = new LinkField();
+        contactPhoneLink.setCurrent(fieldMap.get("contactPhone"));
+        contactPhoneLink.setLink(fieldMap.get("clueContactPhone"));
+        contactPhoneLink.setEnable(true);
+        // 更新表单属性
+        LambdaQueryWrapper<ModuleForm> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(ModuleForm::getFormKey, FormKey.CONTACT.getKey());
+        ModuleForm contactForm = moduleFormMapper.selectListByLambda(wrapper).getFirst();
+        ModuleFormBlob formBlob = moduleFormBlobMapper.selectByPrimaryKey(contactForm.getId());
+        Map<String, Object> propMap = JSON.parseMap(formBlob.getProp());
+        List<LinkScenario> contactLinkProp = List.of(LinkScenario.builder().key(LinkScenarioKey.CLUE_TO_CONTACT.name())
+                .linkFields(List.of(contactNameLink, contactPhoneLink)).build());
+        propMap.put("linkProp", Map.of(FormKey.CLUE.getKey(), contactLinkProp));
+        formBlob.setProp(JSON.toJSONString(propMap));
+        moduleFormBlobMapper.updateById(formBlob);
+    }
+
+    /**
+     * 初始化订单(合同)联动规则
+     */
+    @SuppressWarnings("unchecked")
+    public void initContractToOrderLinkScenario() {
+        LambdaQueryWrapper<ModuleForm> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(ModuleForm::getFormKey, FormKey.ORDER.getKey());
+        ModuleForm orderForm = moduleFormMapper.selectListByLambda(wrapper).getFirst();
+        ModuleFormBlob formBlob = moduleFormBlobMapper.selectByPrimaryKey(orderForm.getId());
+        Map<String, Object> propMap = JSON.parseMap(formBlob.getProp());
+        propMap.put("linkProp", Map.of(FormKey.CONTRACT.getKey(), List.of(
+                LinkScenario.builder().key(LinkScenarioKey.CONTRACT_TO_ORDER.name()).linkFields(new ArrayList<>()))));
+        formBlob.setProp(JSON.toJSONString(propMap));
+        moduleFormBlobMapper.updateById(formBlob);
+    }
+
+    @SuppressWarnings("unchecked")
+    public void initExtFieldsByVer(String version) {
+        try {
+            List<ModuleField> fields = new ArrayList<>();
+            List<ModuleFieldBlob> fieldBlobs = new ArrayList<>();
+            Map<String, List<Map<String, Object>>> fieldMap = JSON.parseObject(fieldResource.getInputStream(), Map.class);
+            fieldMap.forEach((formKey, formFields) -> {
+                boolean existExtVerField = formFields.stream().anyMatch(f -> f.containsKey(UPGRADE_EXT_FIELD) && Strings.CS.equals(version, f.get(UPGRADE_EXT_FIELD).toString()));
+                if (!existExtVerField) {
+                    return;
+                }
+                ModuleForm example = new ModuleForm();
+                example.setFormKey(formKey);
+                ModuleForm form = moduleFormMapper.selectOne(example);
+                if (form == null) {
+                    log.error("未找到表单 {}, 无法初始化扩展字段", formKey);
+                    return;
+                }
+                Long maxPos = extModuleFieldMapper.getMaxFieldPosByFormId(form.getId());
+                List<Map<String, Object>> extFields = formFields.stream().filter(f -> f.containsKey(UPGRADE_EXT_FIELD) && Strings.CS.equals(version, f.get(UPGRADE_EXT_FIELD).toString())).toList();
+                AtomicLong pos = new AtomicLong(maxPos + 1);
+                extFields.forEach(initField -> {
+                    ModuleField field = supplyFieldInfo(initField, form.getId(), pos.getAndIncrement(), new HashMap<>(2));
+                    initField.put("id", field.getId());
+                    fields.add(field);
+                    ModuleFieldBlob fieldBlob = new ModuleFieldBlob();
+                    fieldBlob.setId(field.getId());
+                    fieldBlob.setProp(JSON.toJSONString(initField));
+                    fieldBlobs.add(fieldBlob);
+                });
+            });
+            if (CollectionUtils.isNotEmpty(fields)) {
+                moduleFieldMapper.batchInsert(fields);
+            }
+            if (CollectionUtils.isNotEmpty(fieldBlobs)) {
+                moduleFieldBlobMapper.batchInsert(fieldBlobs);
+            }
+        } catch (Exception e) {
+            log.error("表单扩展字段初始化失败", e);
+            throw new GenericException("表单扩展字段初始化失败", e);
+        }
+    }
+
+    /**
+     * 表单及字段初始化 (升级)
+     *
+     * @param initKeys 初始化Key集合
+     */
+    private void initFormAndFields(List<String> initKeys) {
+        Map<String, String> formKeyMap = new HashMap<>(FormKey.values().length);
+        List<ModuleForm> forms = new ArrayList<>();
+        List<ModuleFormBlob> formBlobs = new ArrayList<>();
+        initKeys.forEach(formKey -> {
+            ModuleForm form = new ModuleForm();
+            form.setId(IDGenerator.nextStr());
+            form.setFormKey(formKey);
+            form.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+            form.setCreateUser(InternalUser.ADMIN.getValue());
+            form.setCreateTime(System.currentTimeMillis());
+            form.setUpdateUser(InternalUser.ADMIN.getValue());
+            form.setUpdateTime(System.currentTimeMillis());
+            forms.add(form);
+            formKeyMap.put(formKey, form.getId());
+            ModuleFormBlob formBlob = new ModuleFormBlob();
+            formBlob.setId(form.getId());
+            try {
+                FormProp formProp = JSON.parseObject(formResource.getInputStream(), FormProp.class);
+                formBlob.setProp(JSON.toJSONString(formProp));
+            } catch (IOException e) {
+                throw new GenericException("表单属性初始化失败", e);
+            }
+            formBlobs.add(formBlob);
+        });
+        moduleFormMapper.batchInsert(forms);
+        moduleFormBlobMapper.batchInsert(formBlobs);
+        // init form fields
+        initFormFields(formKeyMap);
+    }
+
+    /**
+     * 字段初始化 (静态json文件)
+     *
+     * @param formKeyMap 表单Key映射
+     */
+    @SuppressWarnings("unchecked")
+    public void initFormFields(Map<String, String> formKeyMap) {
+        List<ModuleField> fields = new ArrayList<>();
+        List<ModuleFieldBlob> fieldBlobs = new ArrayList<>();
+        try {
+            Map<String, List<Map<String, Object>>> fieldMap = JSON.parseObject(fieldResource.getInputStream(), Map.class);
+            formKeyMap.keySet().forEach(key -> {
+                String formId = formKeyMap.get(key);
+                List<Map<String, Object>> initFields = fieldMap.get(key);
+                AtomicLong pos = new AtomicLong(1L);
+                // 显隐规则Key-ID映射
+                Map<String, String> controlKeyPreMap = new HashMap<>(2);
+                initFields.forEach(initField -> {
+                    if (initField.containsKey(UPGRADE_EXT_FIELD)) {
+                        return;
+                    }
+                    ModuleField field = supplyFieldInfo(initField, formId, pos.getAndIncrement(), controlKeyPreMap);
+                    initField.put("id", field.getId());
+                    fields.add(field);
+                    if (initField.containsKey(CONTROL_RULES_KEY)) {
+                        List<ControlRuleProp> controlRules = JSON.parseArray(JSON.toJSONString(initField.get(CONTROL_RULES_KEY)), ControlRuleProp.class);
+                        controlRules.forEach(controlRule -> {
+                            List<String> showFieldIds = new ArrayList<>();
+                            controlRule.getFieldIds().forEach(fieldKey -> {
+                                if (!controlKeyPreMap.containsKey(fieldKey)) {
+                                    controlKeyPreMap.put(fieldKey, IDGenerator.nextStr());
+                                }
+                                showFieldIds.add(controlKeyPreMap.get(fieldKey));
+                            });
+                            controlRule.setFieldIds(showFieldIds);
+                        });
+                        initField.put(CONTROL_RULES_KEY, controlRules);
+                    }
+                    handleShowFieldsInit(initField, fields);
+                    if (initField.containsKey(SUB_FIELDS)) {
+                        List<BaseField> subFields = JSON.parseArray(JSON.toJSONString(initField.get(SUB_FIELDS)), BaseField.class);
+                        subFields.forEach(subField -> subField.setId(IDGenerator.nextStr()));
+                        initField.put(SUB_FIELDS, subFields);
+                    }
+                    ModuleFieldBlob fieldBlob = new ModuleFieldBlob();
+                    fieldBlob.setId(field.getId());
+                    fieldBlob.setProp(JSON.toJSONString(initField));
+                    fieldBlobs.add(fieldBlob);
+                });
+            });
+            moduleFieldMapper.batchInsert(fields);
+            moduleFieldBlobMapper.batchInsert(fieldBlobs);
+        } catch (Exception e) {
+            log.error("表单字段初始化失败", e);
+            throw new GenericException("表单字段初始化失败", e);
+        }
+    }
+
+    /**
+     * 处理显示字段初始化
+     *
+     * @param initField  初始化字段
+     * @param initFields 如果 initForm 初始化，数据库没有数据，需要从 initFields 中获取
+     */
+    @SuppressWarnings("unchecked")
+    private void handleShowFieldsInit(Map<String, Object> initField, List<ModuleField> initFields) {
+        if (initField.containsKey(SHOW_FIELD_KEY)) {
+            List<String> showFieldKeys = (List<String>) initField.get(SHOW_FIELD_KEY);
+            List<ModuleField> showFields = moduleFieldService.selectFieldsByInternalKeys(showFieldKeys);
+
+            if (CollectionUtils.isEmpty(showFields)) {
+                // initForm 初始化，数据库没有数据，需要从 initFields 中获取
+                showFields = initFields.stream()
+                        .filter(f -> showFieldKeys.contains(f.getInternalKey()))
+                        .collect(Collectors.toList());
+            }
+
+            if (CollectionUtils.isNotEmpty(showFieldKeys)) {
+                Set<String> internalKeys = showFields.stream()
+                        .map(ModuleField::getInternalKey)
+                        .collect(Collectors.toSet());
+
+                // 添加表单字段
+                List<String> showFieldResult = new ArrayList<>(showFields.stream().map(ModuleField::getId).toList());
+                // 添加表单中没有的系统字段
+                List<String> systemFieldKeys = showFieldKeys.stream()
+                        .filter(fieldKey -> !internalKeys.contains(fieldKey))
+                        .toList();
+                showFieldResult.addAll(systemFieldKeys);
+                initField.put(SHOW_FIELD_KEY, showFieldResult);
+            }
+        }
+    }
+
+
+    /**
+     * 组装字段基础信息
+     *
+     * @param fieldMap         字段集合
+     * @param formId           表单ID
+     * @param pos              字段位置
+     * @param controlKeyPreMap 显隐规则Key-ID映射
+     * @return 字段
+     */
+    private ModuleField supplyFieldInfo(Map<String, Object> fieldMap, String formId, Long pos, Map<String, String> controlKeyPreMap) {
+        ModuleField field = new ModuleField();
+        field.setInternalKey(fieldMap.get("internalKey").toString());
+        field.setId(controlKeyPreMap.containsKey(field.getInternalKey()) ? controlKeyPreMap.get(field.getInternalKey()) : IDGenerator.nextStr());
+        field.setFormId(formId);
+        field.setType(fieldMap.get("type").toString());
+        field.setName(fieldMap.get("name").toString());
+        field.setMobile((Boolean) fieldMap.getOrDefault("mobile", false));
+        field.setPos(pos);
+        field.setCreateTime(System.currentTimeMillis());
+        field.setCreateUser(InternalUser.ADMIN.getValue());
+        field.setUpdateTime(System.currentTimeMillis());
+        field.setUpdateUser(InternalUser.ADMIN.getValue());
+        return field;
+    }
+
+    /**
+     * 初始化数据类型-数据源映射
+     *
+     * @return 集合
+     */
+    public Map<String, String> initTypeSourceMap() {
+        Map<String, String> typeSourceMap = new HashMap<>(8);
+        typeSourceMap.put(FieldType.MEMBER.name(), "sys_user");
+        typeSourceMap.put(FieldType.DEPARTMENT.name(), "sys_department");
+        typeSourceMap.put(FieldSourceType.CUSTOMER.name(), "customer");
+        typeSourceMap.put(FieldSourceType.CLUE.name(), "clue");
+        typeSourceMap.put(FieldSourceType.CONTACT.name(), "customer_contact");
+        typeSourceMap.put(FieldSourceType.OPPORTUNITY.name(), "opportunity");
+        typeSourceMap.put(FieldSourceType.PRODUCT.name(), "product");
+        return typeSourceMap;
+    }
+
+    /**
+     * 处理默认值初始化选项
+     *
+     * @param field 基础字段
+     */
+    private void handleInitialOption(BaseField field) {
+        if (field instanceof MemberField memberField) {
+            memberField.setInitialOptions(userExtendService.getUserOptionById(memberField.getDefaultValue()));
+        }
+        if (field instanceof MemberMultipleField memberMultipleField) {
+            memberMultipleField.setInitialOptions(userExtendService.getUserOptionByIds(memberMultipleField.getDefaultValue()));
+        }
+        if (field instanceof DepartmentField departmentField) {
+            departmentField.setInitialOptions(departmentService.getDepartmentOptionsById(departmentField.getDefaultValue()));
+        }
+        if (field instanceof DepartmentMultipleField departmentMultipleField) {
+            departmentMultipleField.setInitialOptions(departmentService.getDepartmentOptionsByIds(departmentMultipleField.getDefaultValue()));
+        }
+    }
+
+    /**
+     * 将业务字段选项放入optionMap
+     *
+     * @param list              列表数据
+     * @param getOptionIdFunc   获取选项ID函数
+     * @param getOptionNameFunc 获取选项名称函数
+     * @param <T>               实体
+     */
+    public <T> List<OptionDTO> getBusinessFieldOption(List<T> list,
+                                                      Function<T, String> getOptionIdFunc,
+                                                      Function<T, String> getOptionNameFunc) {
+        return list.stream()
+                .map(item -> {
+                    OptionDTO optionDTO = new OptionDTO();
+                    optionDTO.setId(getOptionIdFunc.apply(item));
+                    optionDTO.setName(getOptionNameFunc.apply(item));
+                    return optionDTO;
+                })
+                .distinct()
+                .filter(option -> StringUtils.isNotEmpty(option.getId()))
+                .toList();
+    }
+
+    public <T> List<OptionDTO> getBusinessFieldOption(T item,
+                                                      Function<T, String> getOptionIdFunc,
+                                                      Function<T, String> getOptionNameFunc) {
+        return getBusinessFieldOption(List.of(item), getOptionIdFunc, getOptionNameFunc);
+    }
+
+    public <T> List<BaseModuleFieldValue> getBaseModuleFieldValues(List<T> list, Function<T, List<BaseModuleFieldValue>> getModuleFieldFunc) {
+        // 处理自定义字段选项数据
+        return list.stream()
+                .map(getModuleFieldFunc)
+                .filter(org.apache.commons.collections.CollectionUtils::isNotEmpty)
+                .flatMap(List::stream)
+                .collect(Collectors.toList());
+    }
+
+    /**
+     * 获取自定义表头集合 (包括引用显示字段)
+     *
+     * @param exportHeads 导出头
+     * @param formKey     表单Key
+     * @param currentOrg  当前组织
+     * @return 自定义导入表头集合
+     */
+    public List<List<String>> getAllExportHeads(List<ExportHeadDTO> exportHeads, String formKey, String currentOrg) {
+        Map<String, BaseField> fieldConfigMap = getFieldConfigMapByName(formKey, currentOrg);
+        List<List<String>> heads = new ArrayList<>();
+        exportHeads.forEach(exportHead -> {
+            if (Strings.CS.equals(exportHead.getColumnType(), EXPORT_SYSTEM_TYPE)) {
+                heads.add(new ArrayList<>(Collections.singletonList(exportHead.getTitle())));
+            }
+            if (!fieldConfigMap.containsKey(exportHead.getTitle())) {
+                return;
+            }
+            BaseField field = fieldConfigMap.get(exportHead.getTitle());
+            if (field instanceof SubField subField && CollectionUtils.isNotEmpty(subField.getSubFields())) {
+                Map<String, String> subFieldMap = subField.getSubFields()
+                        .stream()
+                        .collect(Collectors.toMap(f ->
+                                StringUtils.isNotBlank(f.getResourceFieldId()) ? f.getId() :
+                                        f.idOrBusinessKey(), BaseField::getName, (oldValue, newValue) -> oldValue));
+
+                subField.getSubFields().stream()
+                        .filter(BaseField::canExport)
+                        .forEach(f -> {
+                            List<String> head = new ArrayList<>();
+                            head.add(field.getName());
+                            head.add(f.getName());
+                            heads.add(head);
+                        });
+
+                if (CollectionUtils.isNotEmpty(subField.getSumColumns())) {
+                    subField.getSumColumns().forEach(sumColumn -> {
+                        if (!subFieldMap.containsKey(sumColumn)) {
+                            return;
+                        }
+                        heads.add(new ArrayList<>(Collections.singletonList(Translator.get("sum") + "-" + subFieldMap.get(sumColumn))));
+                    });
+                }
+            } else {
+                heads.add(new ArrayList<>(Collections.singletonList(field.getName())));
+            }
+        });
+        return heads;
+    }
+
+    /**
+     * 获取导出的合并头ID集合
+     *
+     * @param formKey     表单Key
+     * @param currentOrg  当前组织
+     * @param exportHeads 导出表头集合
+     * @return 导出字段ID集合
+     */
+    public List<String> getExportMergeHeads(String formKey, String currentOrg, List<ExportHeadDTO> exportHeads) {
+        Map<String, BaseField> fieldConfigMap = getFieldConfigMapByName(formKey, currentOrg);
+        List<String> heads = new ArrayList<>();
+        exportHeads.forEach(exportHead -> {
+            if (Strings.CS.equals(exportHead.getColumnType(), EXPORT_SYSTEM_TYPE)) {
+                heads.add(exportHead.getKey());
+            }
+            if (!fieldConfigMap.containsKey(exportHead.getTitle())) {
+                return;
+            }
+
+            BaseField field = fieldConfigMap.get(exportHead.getTitle());
+            if (field instanceof SubField subField && CollectionUtils.isNotEmpty(subField.getSubFields())) {
+                Map<String, BaseField> subFieldMap = subField.getSubFields()
+                        .stream()
+                        .collect(Collectors.toMap(f -> StringUtils.isNotBlank(f.getResourceFieldId()) ? f.getId()
+                                : f.idOrBusinessKey(), Function.identity(), (oldValue, newValue) -> oldValue));
+
+                // 子表格的表头ID格式: 子表格ID|字段ID
+                subField.getSubFields().stream()
+                        .filter(BaseField::canExport)
+                        .map(BaseField::getId)
+                        .forEach(bf -> heads.add(subField.getId() + SLASH + bf));
+
+                // 子表格汇总字段ID格式: sum_子表格ID|字段ID
+                if (CollectionUtils.isNotEmpty(subField.getSumColumns())) {
+                    subField.getSumColumns().forEach(sumColumn -> {
+                        if (!subFieldMap.containsKey(sumColumn)) {
+                            return;
+                        }
+                        heads.add(SUM_PREFIX + subField.getId() + SLASH + subFieldMap.get(sumColumn).getId());
+                    });
+                }
+            } else {
+                heads.add(field.getId());
+            }
+        });
+        return heads;
+    }
+
+    /**
+     * 获取不含引用字段的表头集合
+     *
+     * @param formKey    表单Key
+     * @param currentOrg 当前组织
+     * @return 表头集合
+     */
+    public List<List<String>> getCustomImportHeadsNoRef(String formKey, String currentOrg) {
+        List<BaseField> allFields = getAllFields(formKey, currentOrg);
+        if (CollectionUtils.isEmpty(allFields)) {
+            return null;
+        }
+
+        List<BaseField> fields = allFields
+                .stream()
+                .filter(f -> StringUtils.isEmpty(f.getResourceFieldId()) && f.canImport())
+                .toList();
+
+        List<List<String>> heads = new ArrayList<>();
+        fields.forEach(field -> {
+            if (field instanceof SubField subField && CollectionUtils.isNotEmpty(subField.getSubFields())) {
+                subField.getSubFields().forEach(f -> {
+                    if (StringUtils.isNotEmpty(f.getResourceFieldId()) || !f.canImport()) {
+                        return;
+                    }
+                    List<String> head = new ArrayList<>();
+                    head.add(field.getName());
+                    head.add(f.getName());
+                    heads.add(head);
+                });
+            } else {
+                heads.add(new ArrayList<>(Collections.singletonList(field.getName())));
+            }
+        });
+        return heads;
+    }
+
+    /**
+     * 获取自定义导出字段集合
+     *
+     * @param formKey    表单Key
+     * @param currentOrg 当前组织
+     * @return 字段集合
+     */
+    public List<BaseField> getAllCustomImportFields(String formKey, String currentOrg) {
+        List<BaseField> allFields = getAllFields(formKey, currentOrg);
+        if (CollectionUtils.isEmpty(allFields)) {
+            return null;
+        }
+        return new ArrayList<>(allFields);
+    }
+
+    /**
+     * 支持子表头
+     *
+     * @param headFields 表头字段集合
+     * @return 是否支持
+     */
+    public boolean supportSubHead(List<BaseField> headFields) {
+        if (CollectionUtils.isEmpty(headFields)) {
+            return false;
+        }
+
+        return headFields
+                .stream()
+                .anyMatch(field -> field instanceof SubField subField && CollectionUtils.isNotEmpty(subField.getSubFields()));
+    }
+
+    /**
+     * 字段保存预检查
+     */
+    public void preCheckForFieldSave(String formKey, List<BaseField> fields) {
+        boolean businessDeleted = BusinessModuleField.isBusinessDeleted(formKey, fields);
+        if (businessDeleted) {
+            throw new GenericException(Translator.get("module.form.business_field.deleted"));
+        }
+        boolean hasRepeatName = BusinessModuleField.hasRepeatName(fields);
+        if (hasRepeatName) {
+            throw new GenericException(Translator.get("module.form.fields.repeat"));
+        }
+        Optional<BaseField> repeatOptional = fields.stream().filter(field -> {
+            if (field instanceof HasOption optionField) {
+                List<OptionProp> options = optionField.getOptions();
+                return CollectionUtils.isNotEmpty(options) && hasRepeatOption(options);
+            }
+            return false;
+        }).findAny();
+        if (repeatOptional.isPresent()) {
+            BaseField field = repeatOptional.get();
+            throw new GenericException(Translator.getWithArgs("module.form.fields.option.repeat", field.getName()));
+        }
+    }
+
+    /**
+     * 包含重复选项
+     *
+     * @param options 选项
+     * @return 是否重复选项
+     */
+    private boolean hasRepeatOption(List<OptionProp> options) {
+        if (CollectionUtils.isEmpty(options)) {
+            return false;
+        }
+        return options.stream()
+                .collect(Collectors.groupingBy(OptionProp::getLabel, Collectors.counting()))
+                .values().stream()
+                .anyMatch(count -> count > 1);
+    }
+
+    /**
+     * 判断内置字段是否包含唯一性校验
+     *
+     * @param formKey 表单Key
+     * @param orgId   组织ID
+     * @return 是否唯一
+     */
+    public boolean hasFieldUniqueCheck(String formKey, String orgId, String internalKey) {
+        List<BaseField> allFields = getAllFields(formKey, orgId);
+        if (CollectionUtils.isEmpty(allFields)) {
+            return false;
+        }
+        Optional<BaseField> internalField = allFields.stream().filter(field -> Strings.CS.equals(field.getInternalKey(), internalKey)).findFirst();
+        return internalField.isPresent() && internalField.get().needRepeatCheck();
+    }
+
+    /**
+     * 填充表单联动值
+     *
+     * @param target           目标对象
+     * @param source           源对象
+     * @param targetFormConfig 目标表单配置
+     * @param orgId            组织ID
+     * @param <T>              实体类型
+     * @param <S>              数据来源类型
+     * @param scenarioKey      场景Key
+     * @return 填充结果
+     */
+    public <T, S> FormLinkFill<T> fillFormLinkValue(T target, S source, ModuleFormConfigDTO targetFormConfig,
+                                                    String orgId, String sourceFormKey, String scenarioKey) throws Exception {
+        FormLinkFill.FormLinkFillBuilder<T> fillBuilder = FormLinkFill.builder();
+        Map<String, List<LinkScenario>> linkProp = targetFormConfig.getFormProp().getLinkProp();
+        if (linkProp == null || CollectionUtils.isEmpty(linkProp.get(sourceFormKey))) {
+            return fillBuilder.entity(target).build();
+        }
+        // 未找到联动场景，直接返回目标对象
+        Optional<LinkScenario> scenarioOptional = linkProp.get(sourceFormKey).stream().filter(scenario -> Strings.CS.equals(scenario.getKey(), scenarioKey)).findFirst();
+        if (scenarioOptional.isEmpty()) {
+            return fillBuilder.entity(target).build();
+        }
+
+        ModuleFormConfigDTO sourceFormConfig = getBusinessFormConfig(sourceFormKey, orgId);
+        List<BaseField> sourceFields = sourceFormConfig.getFields();
+        List<BaseField> targetFields = targetFormConfig.getFields();
+        if (CollectionUtils.isEmpty(sourceFields) || CollectionUtils.isEmpty(targetFields)) {
+            return fillBuilder.entity(target).build();
+        }
+        // 目标表单字段
+        Map<String, BaseField> targetFieldMap = targetFields.stream().collect(Collectors.toMap(BaseField::getId, Function.identity()));
+        // 来源表单字段
+        Map<String, BaseField> sourceFieldMap = sourceFields.stream().collect(Collectors.toMap(BaseField::getId, Function.identity()));
+        // 填充数据
+        Class<?> targetClass = target.getClass();
+        Class<?> sourceClass = source.getClass();
+        List<BaseModuleFieldValue> targetFieldVals = new ArrayList<>();
+        @SuppressWarnings("unchecked")
+        List<BaseModuleFieldValue> sourceFieldVals = (List<BaseModuleFieldValue>) sourceClass.getMethod("getModuleFields").invoke(source);
+        for (LinkField linkField : scenarioOptional.get().getLinkFields()) {
+            if (!linkField.isEnable()) {
+                continue;
+            }
+            BaseField targetField = targetFieldMap.get(linkField.getCurrent());
+            BaseField sourceField = sourceFieldMap.get(linkField.getLink());
+            if (targetField == null || sourceField == null) {
+                continue;
+            }
+            // 从源对象字段取值
+            TransformSourceApplyDTO sourceValue;
+            try {
+                sourceValue = applySourceValue(sourceField, sourceClass, source, sourceFieldVals);
+            } catch (Exception e) {
+                sourceValue = null;
+                log.error("Apply source value error", e);
+            }
+
+            // 源对象中无值, 跳过取值
+            if (sourceValue == null || sourceValue.getActualVal() == null) {
+                continue;
+            }
+
+            // 放入目标对象字段
+            putTargetFieldVal(targetField, sourceValue, targetClass, target, targetFieldVals);
+        }
+        return fillBuilder.entity(target).fields(targetFieldVals).build();
+    }
+
+    /**
+     * 属性转方法 (name -> setName)
+     *
+     * @param param 属性名
+     * @return 方法名
+     */
+    private String capitalizeSetParam(String param) {
+        return "set" + param.substring(0, 1).toUpperCase() + param.substring(1);
+    }
+
+    /**
+     * 属性转方法 (name -> getName)
+     *
+     * @param param 属性名
+     * @return 方法名
+     */
+    private String capitalizeGetParam(String param) {
+        return "get" + param.substring(0, 1).toUpperCase() + param.substring(1);
+    }
+
+    /**
+     * 选项值转文本
+     *
+     * @param options 选项集合
+     * @param value   值
+     * @return 文本
+     */
+    private Object val2Text(List<OptionProp> options, Object value) {
+        if (CollectionUtils.isEmpty(options) || value == null) {
+            return null;
+        }
+        Map<String, String> optionMap = options.stream().collect(Collectors.toMap(OptionProp::getValue, OptionProp::getLabel));
+        if (value instanceof List) {
+            return ((List<?>) value).stream().map(v -> optionMap.get(v.toString())).toList();
+        } else {
+            return optionMap.get(value.toString());
+        }
+    }
+
+    /**
+     * 选项文本转值
+     *
+     * @param options 选项集合
+     * @param text    文本
+     * @return 值
+     */
+    private Object text2Val(List<OptionProp> options, Object text) {
+        if (CollectionUtils.isEmpty(options) || text == null) {
+            return null;
+        }
+        Map<String, String> optionMap = options.stream().collect(Collectors.toMap(OptionProp::getLabel, OptionProp::getValue));
+        if (text instanceof List) {
+            return ((List<?>) text).stream().map(v -> optionMap.get(v.toString())).filter(Objects::nonNull).toList();
+        } else {
+            return optionMap.get(text.toString());
+        }
+    }
+
+    /**
+     * 从源对象取值
+     *
+     * @param sourceField     来源字段
+     * @param sourceClass     类对象
+     * @param source          数据来源
+     * @param sourceFieldVals 自定义数据来源
+     * @return 值
+     * @throws Exception 取值异常
+     */
+    private TransformSourceApplyDTO applySourceValue(BaseField sourceField, Class<?> sourceClass, Object source, List<BaseModuleFieldValue> sourceFieldVals) throws Exception {
+        // 来源字段取值
+        TransformSourceApplyDTO sourceApply = new TransformSourceApplyDTO();
+        Object tmpVal;
+        if (StringUtils.isNotEmpty(sourceField.getBusinessKey())) {
+            // 业务字段取值
+            tmpVal = sourceClass.getMethod(capitalizeGetParam(sourceField.getBusinessKey())).invoke(source);
+        } else {
+            // 自定义字段取值
+            Optional<BaseModuleFieldValue> find = sourceFieldVals.stream().filter(fieldVal -> Strings.CS.equals(sourceField.getId(), fieldVal.getFieldId())).findFirst();
+            tmpVal = find.map(BaseModuleFieldValue::getFieldValue).orElse(null);
+        }
+        sourceApply.setActualVal(tmpVal);
+        // 取展示值
+        if (tmpVal == null) {
+            sourceApply.setDisplayVal(null);
+        } else {
+            sourceApply.setDisplayVal(displayOfType(sourceField, sourceApply.getActualVal()));
+        }
+        if (sourceField instanceof InputNumberField) {
+            sourceApply.setActualVal(sourceApply.getDisplayVal());
+        }
+        return sourceApply;
+    }
+
+    /**
+     * 放入目标对象字段值
+     *
+     * @param targetField     字段
+     * @param putVal          放入值
+     * @param targetClass     目标类
+     * @param target          目标实例
+     * @param targetFieldVals 目标自定义字段值集合
+     * @throws Exception 入值异常
+     */
+    private void putTargetFieldVal(BaseField targetField, TransformSourceApplyDTO putVal, Class<?> targetClass, Object target, List<BaseModuleFieldValue> targetFieldVals) throws Exception {
+        Object val = resolveTargetPutVal(targetField, putVal);
+        if (val == null) {
+            return;
+        }
+        if (StringUtils.isNotEmpty(targetField.getBusinessKey())) {
+            // 目标字段是业务字段
+            Method method = targetClass.getMethod(capitalizeSetParam(targetField.getBusinessKey()), targetClass.getDeclaredField(targetField.getBusinessKey()).getType());
+            method.invoke(target, val);
+        } else {
+            // 目标字段是自定义字段
+            BaseModuleFieldValue targetFieldVal = new BaseModuleFieldValue();
+            targetFieldVal.setFieldId(targetField.getId());
+            targetFieldVal.setFieldValue(val);
+            targetFieldVals.add(targetFieldVal);
+        }
+    }
+
+    /**
+     * 根据类型获取展示值
+     *
+     * @param sourceField 来源字段
+     * @param actualVal   实际值
+     * @return 展示值
+     */
+    @SuppressWarnings({"unchecked", "rawtypes"})
+    private Object displayOfType(BaseField sourceField, Object actualVal) {
+        if (actualVal == null) {
+            return null;
+        }
+        if (sourceField instanceof HasOption fieldWithOption) {
+            return val2Text(fieldWithOption.getOptions(), actualVal);
+        }
+        AbstractModuleFieldResolver customFieldResolver = ModuleFieldResolverFactory.getResolver(sourceField.getType());
+        // 将数据库中的字符串值,转换为对应的对象值
+        return customFieldResolver.transformToValue(sourceField, actualVal instanceof List ? JSON.toJSONString(actualVal) : actualVal.toString());
+    }
+
+    /**
+     * 解析目标字段值
+     *
+     * @param targetField 目标字段
+     * @param sourceVal   来源值
+     * @return 值
+     */
+    @SuppressWarnings({"unchecked"})
+    public Object resolveTargetPutVal(BaseField targetField, TransformSourceApplyDTO sourceVal) {
+        if (targetField.multiple() && sourceVal.getActualVal() instanceof String) {
+            // 兼容处理: 单值映射多值的情况
+            sourceVal.setActualVal(List.of(sourceVal.getActualVal()));
+            sourceVal.setDisplayVal(List.of(sourceVal.getDisplayVal()));
+        }
+        if (targetField instanceof InputField || targetField instanceof TextAreaField) {
+            // 兼容处理: [文本, 多行文本] 按照展示值处理即可.
+            Object displayVal = sourceVal.getDisplayVal();
+            if (displayVal == null) {
+                return null;
+            }
+            String displayStr;
+            if (displayVal instanceof List) {
+                displayStr = String.join(",", (List<String>) displayVal);
+            } else {
+                displayStr = displayVal.toString();
+            }
+            if (targetField instanceof InputField) {
+                return new TextResolver().getCorrectInputString(displayStr);
+            } else {
+                return displayStr;
+            }
+        }
+        switch (targetField) {
+            case InputMultipleField ignored -> {
+                TextMultipleResolver textMultipleResolver = new TextMultipleResolver();
+                return textMultipleResolver.getCorrectFormatInput(
+                        sourceVal.getDisplayVal() instanceof List
+                                ? (List<String>) sourceVal.getDisplayVal() : List.of(sourceVal.getDisplayVal().toString().split(","))
+                );
+            }
+            case HasOption targetFieldWithOption -> {
+                return text2Val(targetFieldWithOption.getOptions(), sourceVal.getDisplayVal());
+            }
+            case InputNumberField ignored -> {
+                String actualVal = sourceVal.getActualVal().toString();
+                if (StringUtils.isEmpty(actualVal)) {
+                    return null;
+                }
+                if (actualVal.contains("%") || actualVal.contains(",")) {
+                    actualVal = actualVal.replace(",", "").replace("%", "");
+                }
+                try {
+                    return new BigDecimal(actualVal);
+                } catch (NumberFormatException e) {
+                    log.error("Invalid source value: {}", actualVal, e);
+                    return null;
+                }
+            }
+            default -> {
+            }
+        }
+        return sourceVal.getActualVal();
+    }
+
+    /**
+     * 表单联动处理(旧数据)
+     */
+    @SuppressWarnings("unchecked")
+    public void modifyFormLinkProp() {
+        List<ModuleForm> moduleForms = moduleFormMapper.selectAll(null);
+        List<String> formIds = moduleForms.stream().map(ModuleForm::getId).toList();
+        List<ModuleFormBlob> moduleFormBlobs = moduleFormBlobMapper.selectByIds(formIds);
+        for (ModuleFormBlob formBlob : moduleFormBlobs) {
+            Map<String, Object> propMap = JSON.parseMap(formBlob.getProp());
+            Object linkProp = propMap.get("linkProp");
+            if (linkProp == null) {
+                continue;
+            }
+            Map<String, Object> linkPropMap = (Map<String, Object>) linkProp;
+            if (linkPropMap.containsKey("formKey") && linkPropMap.containsKey("linkFields")) {
+                Map<String, List<LinkField>> dataMap = new HashMap<>(2);
+                String formKey = linkPropMap.get("formKey").toString();
+                List<LinkField> linkFields = (List<LinkField>) linkPropMap.get("linkFields");
+                dataMap.put(formKey, linkFields);
+                propMap.put("linkProp", dataMap);
+                formBlob.setProp(JSON.toJSONString(propMap));
+                moduleFormBlobMapper.updateById(formBlob);
+            }
+        }
+    }
+
+    /**
+     * 处理表单联动的旧数据&&支持多场景 (客户&商机&记录)
+     */
+    @SuppressWarnings("unchecked")
+    public void processOldLinkData() {
+        LambdaQueryWrapper<ModuleForm> wrapper = new LambdaQueryWrapper<>();
+        wrapper.in(ModuleForm::getFormKey, List.of(FormKey.CUSTOMER.getKey(), FormKey.OPPORTUNITY.getKey()));
+        List<ModuleForm> forms = moduleFormMapper.selectListByLambda(wrapper);
+        Map<String, String> formKeyMap = forms.stream().collect(Collectors.toMap(ModuleForm::getId, ModuleForm::getFormKey));
+        List<ModuleFormBlob> moduleFormBlobs = moduleFormBlobMapper.selectByIds(formKeyMap.keySet().stream().toList());
+        for (ModuleFormBlob formBlob : moduleFormBlobs) {
+            Map<String, Object> propMap = JSON.parseMap(formBlob.getProp());
+            Object linkProp = propMap.get("linkProp");
+            Map<String, List<LinkScenario>> dataMap = new HashMap<>(2);
+            String formKey = formKeyMap.get(formBlob.getId());
+            if (linkProp == null) {
+                if (Strings.CS.equals(formKey, FormKey.CUSTOMER.getKey())) {
+                    dataMap.put(FormKey.CLUE.getKey(), List.of(LinkScenario.builder().key(LinkScenarioKey.CLUE_TO_CUSTOMER.name()).linkFields(new ArrayList<>()).build()));
+                } else if (Strings.CS.equals(formKey, FormKey.OPPORTUNITY.getKey())) {
+                    dataMap.put(FormKey.CLUE.getKey(), List.of(LinkScenario.builder().key(LinkScenarioKey.CLUE_TO_OPPORTUNITY.name()).linkFields(new ArrayList<>()).build()));
+                    dataMap.put(FormKey.CUSTOMER.getKey(), List.of(LinkScenario.builder().key(LinkScenarioKey.CUSTOMER_TO_OPPORTUNITY.name()).linkFields(new ArrayList<>()).build()));
+                }
+            } else {
+                Map<String, Object> linkPropMap = (Map<String, Object>) linkProp;
+                for (Map.Entry<String, Object> entry : linkPropMap.entrySet()) {
+                    if (StringUtils.isBlank(entry.getKey()) || entry.getValue() == null || !(entry.getValue() instanceof List)) {
+                        continue;
+                    }
+                    List<Map<String, Object>> fields = (List<Map<String, Object>>) entry.getValue();
+                    List<LinkField> fieldList = fields.stream().map(field -> {
+                        field.put("enable", true);
+                        LinkField linkField = new LinkField();
+                        try {
+                            org.apache.commons.beanutils.BeanUtils.populate(linkField, field);
+                        } catch (IllegalAccessException | InvocationTargetException e) {
+                            log.error("Populate old link field error", e);
+                        }
+                        return linkField;
+                    }).toList();
+                    String scenarioKey = (Strings.CS.equals(formKey, FormKey.CUSTOMER.getKey()) && Strings.CS.equals(entry.getKey(), FormKey.CLUE.getKey()) ?
+                            LinkScenarioKey.CLUE_TO_CUSTOMER.name() :
+                            (Strings.CS.equals(formKey, FormKey.OPPORTUNITY.getKey()) && Strings.CS.equals(entry.getKey(), FormKey.CLUE.getKey()) ?
+                                    LinkScenarioKey.CLUE_TO_OPPORTUNITY.name() : LinkScenarioKey.CUSTOMER_TO_OPPORTUNITY.name()));
+                    LinkScenario linkScenario = LinkScenario.builder().key(scenarioKey).linkFields(fieldList).build();
+                    dataMap.put(entry.getKey(), List.of(linkScenario));
+                }
+            }
+            propMap.put("linkProp", dataMap);
+            formBlob.setProp(JSON.toJSONString(propMap));
+            moduleFormBlobMapper.updateById(formBlob);
+        }
+    }
+
+    /**
+     * 初始化跟进记录表单联动场景
+     */
+    @SuppressWarnings("unchecked")
+    public void initFormScenarioProp() {
+        LambdaQueryWrapper<ModuleForm> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(ModuleForm::getFormKey, FormKey.FOLLOW_RECORD.getKey());
+        ModuleForm recordForm = moduleFormMapper.selectListByLambda(wrapper).getFirst();
+        ModuleFormBlob recordFormBlob = moduleFormBlobMapper.selectByPrimaryKey(recordForm.getId());
+        Map<String, Object> propMap = JSON.parseMap(recordFormBlob.getProp());
+        Object linkProp = propMap.get("linkProp");
+        Map<String, List<LinkScenario>> dataMap = new HashMap<>(4);
+        dataMap.put(FormKey.CLUE.getKey(), List.of(LinkScenario.builder().key(LinkScenarioKey.CLUE_TO_RECORD.name()).linkFields(new ArrayList<>()).build()));
+        dataMap.put(FormKey.CUSTOMER.getKey(), List.of(LinkScenario.builder().key(LinkScenarioKey.CUSTOMER_TO_RECORD.name()).linkFields(new ArrayList<>()).build()));
+        dataMap.put(FormKey.OPPORTUNITY.getKey(), List.of(LinkScenario.builder().key(LinkScenarioKey.OPPORTUNITY_TO_RECORD.name()).linkFields(new ArrayList<>()).build()));
+        if (linkProp != null) {
+            Map<String, Object> linkPropMap = (Map<String, Object>) linkProp;
+            List<Map<String, Object>> fields = (List<Map<String, Object>>) linkPropMap.get(FormKey.FOLLOW_PLAN.getKey());
+            List<LinkField> fieldList = fields.stream().map(field -> {
+                LinkField linkField = JSON.parseObject(JSON.toJSONString(field), LinkField.class);
+                linkField.setEnable(true);
+                return linkField;
+            }).toList();
+            dataMap.put(FormKey.FOLLOW_PLAN.getKey(), List.of(LinkScenario.builder().key(LinkScenarioKey.PLAN_TO_RECORD.name()).linkFields(fieldList).build()));
+        } else {
+            dataMap.put(FormKey.FOLLOW_PLAN.getKey(), List.of(LinkScenario.builder().key(LinkScenarioKey.PLAN_TO_RECORD.name()).linkFields(new ArrayList<>()).build()));
+        }
+        propMap.put("linkProp", dataMap);
+        recordFormBlob.setProp(JSON.toJSONString(propMap));
+        moduleFormBlobMapper.updateById(recordFormBlob);
+    }
+
+    /**
+     * 初始化发票表单联动场景
+     */
+    @SuppressWarnings("unchecked")
+    public void initInvoiceFormScenarioProp() {
+        LambdaQueryWrapper<ModuleForm> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(ModuleForm::getFormKey, FormKey.INVOICE.getKey());
+        ModuleForm invoiceForm = moduleFormMapper.selectListByLambda(wrapper).getFirst();
+        ModuleFormBlob invoiceFormBlob = moduleFormBlobMapper.selectByPrimaryKey(invoiceForm.getId());
+        Map<String, Object> propMap = JSON.parseMap(invoiceFormBlob.getProp());
+        List<LinkScenario> contractLinkProp = List.of(LinkScenario.builder().key(LinkScenarioKey.CONTRACT_TO_INVOICE.name()).linkFields(List.of()).build());
+        propMap.put("linkProp", Map.of(FormKey.CONTRACT.getKey(), contractLinkProp));
+        invoiceFormBlob.setProp(JSON.toJSONString(propMap));
+        moduleFormBlobMapper.updateById(invoiceFormBlob);
+    }
+
+    /**
+     * 初始化订单表单联动场景
+     */
+    @SuppressWarnings("unchecked")
+    public void initOrderFormScenarioProp() {
+        LambdaQueryWrapper<ModuleForm> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(ModuleForm::getFormKey, FormKey.ORDER.getKey());
+        ModuleForm orderForm = moduleFormMapper.selectListByLambda(wrapper).getFirst();
+        ModuleFormBlob orderFormBlob = moduleFormBlobMapper.selectByPrimaryKey(orderForm.getId());
+        Map<String, Object> propMap = JSON.parseMap(orderFormBlob.getProp());
+        List<LinkScenario> contractLinkProp = List.of(LinkScenario.builder().key(LinkScenarioKey.CONTRACT_TO_ORDER.name()).linkFields(List.of()).build());
+        propMap.put("linkProp", Map.of(FormKey.CONTRACT.getKey(), contractLinkProp));
+        orderFormBlob.setProp(JSON.toJSONString(propMap));
+        moduleFormBlobMapper.updateById(orderFormBlob);
+    }
+
+    /**
+     * 表单属性处理(视图)
+     */
+    @SuppressWarnings("unchecked")
+    public void modifyFormProp() {
+        List<ModuleForm> moduleForms = moduleFormMapper.selectAll(null);
+        List<String> formIds = moduleForms.stream().map(ModuleForm::getId).toList();
+        List<ModuleFormBlob> moduleFormBlobs = moduleFormBlobMapper.selectByIds(formIds);
+        for (ModuleFormBlob formBlob : moduleFormBlobs) {
+            Map<String, Object> propMap = JSON.parseMap(formBlob.getProp());
+            if (propMap.containsKey("viewSize")) {
+                continue;
+            }
+            propMap.put("viewSize", "large");
+            formBlob.setProp(JSON.toJSONString(propMap));
+            moduleFormBlobMapper.updateById(formBlob);
+        }
+    }
+
+    @SuppressWarnings("unchecked")
+    public void modifyFieldMobile() {
+        List<ModuleField> moduleFields = moduleFieldMapper.selectAll(null);
+        List<String> fieldIds = moduleFields.stream().map(ModuleField::getId).toList();
+        List<ModuleFieldBlob> moduleFieldBlobs = moduleFieldBlobMapper.selectByIds(fieldIds);
+        for (ModuleFieldBlob fieldBlob : moduleFieldBlobs) {
+            Map<String, Object> propMap = JSON.parseMap(fieldBlob.getProp());
+            propMap.put("mobile", true);
+            fieldBlob.setProp(JSON.toJSONString(propMap));
+            moduleFieldBlobMapper.updateById(fieldBlob);
+        }
+        extModuleFieldMapper.batchUpdateMobile(fieldIds, true);
+    }
+
+    /**
+     * 获取MCP表单需要的字段
+     *
+     * @param formKey        表单Key
+     * @param organizationId 组织ID
+     * @return 字段列表
+     */
+    public List<SimpleField> getMcpFields(String formKey, String organizationId) {
+        ModuleFormConfigDTO businessFormConfig = getBusinessFormConfig(formKey, organizationId);
+        return businessFormConfig.getFields().stream().filter(BaseField::canImport).map(field -> {
+            SimpleField simpleField = new SimpleField();
+            simpleField.setId(field.getId());
+            simpleField.setBusinessKey(field.getBusinessKey());
+            simpleField.setName(field.getName());
+            simpleField.setType(field.getType());
+            simpleField.setRequired(field.needRequireCheck());
+            simpleField.setShowControlRules(field.getShowControlRules());
+            if (field instanceof HasOption fieldWithOption) {
+                simpleField.setOptions(fieldWithOption.getOptions());
+            }
+            if (field instanceof DatasourceField datasourceField) {
+                simpleField.setDataSourceType(datasourceField.getDataSourceType());
+            } else if (field instanceof LocationField locationField) {
+                simpleField.setLocationType(locationField.getLocationType());
+            } else if (field instanceof DateTimeField dateTimeField) {
+                simpleField.setDateType(dateTimeField.getDateType());
+            }
+            return simpleField;
+        }).toList();
+    }
+
+    /**
+     * 业务Key => 字段ID (子字段)
+     *
+     * @param fieldValues 自定义字段值
+     * @param formConfig  字段配置
+     * @return 处理后的自定义字段值
+     */
+    public <T extends BaseResourceField, V extends BaseResourceField> List<BaseModuleFieldValue> resolveSnapshotFields(List<BaseModuleFieldValue> fieldValues,
+                                                                                                                       ModuleFormConfigDTO formConfig, BaseResourceFieldService<T, V> baseResourceFieldService, String resourceId) {
+        // 1. 扁平化所有字段
+        final List<BaseField> flattenFields = flattenFormAllFields(formConfig);
+        List<BaseModuleFieldValue> resolveFvs = resolveSubKeyToId(fieldValues, flattenFields);
+
+        // 2. 处理数据源引用字段
+        List<BaseModuleFieldValue> resolveRefFvs = resolveRefFields(resolveFvs, flattenFields, baseResourceFieldService);
+
+        // 3. 补充流水号字段
+        List<BaseField> fs = flattenFields.stream().filter(BaseField::isSerialNumber).toList();
+        for (BaseField bf : fs) {
+            if (StringUtils.isEmpty(bf.getBusinessKey())) {
+                Object serialVal = baseResourceFieldService.getResourceFieldValue(resourceId, bf.getId());
+                if (serialVal != null) {
+                    resolveRefFvs.removeIf(rvs -> Strings.CS.equals(rvs.getFieldId(), bf.getId()));
+                    resolveRefFvs.add(new BaseModuleFieldValue(bf.getId(), serialVal));
+                }
+            }
+        }
+
+        return resolveRefFvs;
+    }
+
+    /**
+     * 处理数据源引用字段
+     *
+     * @param resolveFvs               字段值列表
+     * @param flattenFields            平铺字段配置
+     * @param baseResourceFieldService 字段服务类
+     * @param <F>                      字段类型
+     * @param <B>                      大字段类型
+     * @return 处理后的字段值列表
+     */
+    @SuppressWarnings("unchecked")
+    private <F extends BaseResourceField, B extends BaseResourceField> List<BaseModuleFieldValue> resolveRefFields(
+            List<BaseModuleFieldValue> resolveFvs, List<BaseField> flattenFields,
+            BaseResourceFieldService<F, B> baseResourceFieldService) {
+        // 1. 数据源字段配置映射 && 字段配置映射
+        final Map<String, BaseField> sourceConfigMap = flattenFields
+                .stream()
+                .filter(f -> f instanceof DatasourceField ds && CollectionUtils.isNotEmpty(ds.getShowFields()))
+                .collect(Collectors.toMap(BaseField::idOrBusinessKey, f -> f, (f1, f2) -> f1));
+
+        final Map<String, BaseField> fieldMap = flattenFields
+                .stream()
+                .collect(Collectors.toMap(BaseField::getId, f -> f, (f1, f2) -> f1));
+
+        // 2. 处理引用字段值
+        List<BaseModuleFieldValue> reFvs = new ArrayList<>();
+        resolveFvs.forEach(fv -> {
+            if (fv.getFieldValue() == null) {
+                return;
+            }
+            final String fieldId = fv.getFieldId();
+            // 数据源字段（普通字段）
+            if (sourceConfigMap.containsKey(fieldId)) {
+                final DatasourceField sourceField = (DatasourceField) sourceConfigMap.get(fieldId);
+                final FieldSourceType sourceType = FieldSourceType.safeValueOf(sourceField.getDataSourceType());
+				final Object detail;
+				if (sourceType == FieldSourceType.CUSTOM_FORM) {
+					// 自定义表单：设置 formId 到 ThreadLocal
+					try {
+						CustomFormDataFieldService.setFormKey(sourceField.getDataSourceType());
+						detail = fieldSourceServiceProvider.safeGetSimpleById(sourceType, fv.getFieldValue().toString());
+					} finally {
+						CustomFormDataFieldService.clearFormKey();
+					}
+				} else {
+					detail = fieldSourceServiceProvider.safeGetSimpleById(sourceType, fv.getFieldValue().toString());
+				}
+                if (detail == null) {
+                    return;
+                }
+
+                final Map<String, Object> detailMap = JSON.MAPPER.convertValue(detail, Map.class);
+                sourceField.getShowFields().forEach(refId -> {
+                    final BaseField showFieldConf = fieldMap.get(sourceField.getId() + REF_UNDERLINE + refId);
+                    if (showFieldConf != null) {
+                        final Object val = baseResourceFieldService.getFieldValueOfDetailMap(showFieldConf, detailMap, sourceField);
+                        if (val != null) {
+                            reFvs.add(new BaseModuleFieldValue(showFieldConf.getId(), val));
+                        }
+                    }
+                });
+                return;
+            }
+
+            // 子字段嵌套数据源字段
+            if (fieldMap.containsKey(fieldId) && fieldMap.get(fieldId).isSubField()) {
+                final List<Map<String, Object>> subValues = (List<Map<String, Object>>) fv.getFieldValue();
+                subValues.forEach(sfv -> {
+                    final Map<String, Object> showFieldMap = new HashMap<>(8);
+                    sfv.forEach((k, v) -> {
+                        if (v == null || !sourceConfigMap.containsKey(k)) {
+                            return;
+                        }
+
+                        final DatasourceField sourceField = (DatasourceField) sourceConfigMap.get(k);
+                        final FieldSourceType sourceType = FieldSourceType.safeValueOf(sourceField.getDataSourceType());
+						final Object detail;
+						if (sourceType == FieldSourceType.CUSTOM_FORM) {
+							// 自定义表单：设置 formId 到 ThreadLocal
+							try {
+								CustomFormDataFieldService.setFormKey(sourceField.getDataSourceType());
+								detail = fieldSourceServiceProvider.safeGetSimpleById(sourceType, v.toString());
+							} finally {
+								CustomFormDataFieldService.clearFormKey();
+							}
+						} else {
+							detail = fieldSourceServiceProvider.safeGetSimpleById(sourceType, v.toString());
+						}
+
+                        final Map<String, Object> detailMap = JSON.MAPPER.convertValue(detail, Map.class);
+                        if (MapUtils.isEmpty(detailMap)) {
+                            return;
+                        }
+
+                        sourceField.getShowFields().forEach(id -> {
+                            final BaseField showFieldConf = fieldMap.get(sourceField.getId() + REF_UNDERLINE + id);
+                            if (showFieldConf == null) {
+                                return;
+                            }
+                            if (StringUtils.isNotEmpty(showFieldConf.getSubTableFieldId()) && sfv.containsKey(PRICE_SUB_ROW_KEY)) {
+								Object matchVal = baseResourceFieldService.matchSubFieldValueOfDetailMap(
+										showFieldConf.idOrBusinessKey(),
+										detailMap,
+										BusinessModuleField.PRICE_PRODUCT_TABLE.getBusinessKey(),
+										sfv.get(PRICE_SUB_ROW_KEY).toString()
+								);
+
+                                if (matchVal != null) {
+                                    showFieldMap.put(showFieldConf.getId(), matchVal);
+                                }
+                            } else {
+                                showFieldMap.put(showFieldConf.getId(), baseResourceFieldService.getFieldValueOfDetailMap(showFieldConf, detailMap, sourceField));
+                            }
+                        });
+                    });
+                    sfv.putAll(showFieldMap);
+                });
+            }
+        });
+        if (!reFvs.isEmpty()) {
+            resolveFvs.addAll(reFvs);
+        }
+        return resolveFvs;
+    }
+
+    /**
+     * 解析子表格Key=>ID
+     *
+     * @param fvs           所有字段值
+     * @param flattenFields 所有字段配置
+     * @return 处理后的字段值
+     */
+    private List<BaseModuleFieldValue> resolveSubKeyToId(List<BaseModuleFieldValue> fvs, List<BaseField> flattenFields) {
+        // 获取替换后的子表格值
+        final Map<String, BaseField> subFieldConfigMap = flattenFields
+                .stream()
+                .filter(f -> f instanceof SubField)
+                .collect(Collectors.toMap(BaseField::idOrBusinessKey, f -> f));
+
+        final List<BaseModuleFieldValue> subFieldValues = fvs.stream()
+                .filter(fv -> subFieldConfigMap.containsKey(fv.getFieldId()) && subFieldConfigMap.get(fv.getFieldId()).isSubField())
+                .map(fv -> new BaseModuleFieldValue(
+                        subFieldConfigMap.get(fv.getFieldId()).getId(),
+                        fv.getFieldValue()
+                )).toList();
+
+        // 删除原 subField 项，并加入替换后的
+        fvs.removeIf(fv -> subFieldConfigMap.containsKey(fv.getFieldId())
+                && subFieldConfigMap.get(fv.getFieldId()).isSubField());
+
+        if (!subFieldValues.isEmpty()) {
+            fvs.addAll(subFieldValues);
+        }
+        return fvs;
+    }
+
+    /**
+     * 获取字段配置映射 (name => BaseField)
+     *
+     * @param formKey 表单Key
+     * @param orgId   组织ID
+     * @return 配置映射
+     */
+    private Map<String, BaseField> getFieldConfigMapByName(String formKey, String orgId) {
+        List<BaseField> allFields = getAllFields(formKey, orgId);
+        if (CollectionUtils.isEmpty(allFields)) {
+            return Map.of();
+        }
+        return allFields.stream().collect(Collectors.toMap(BaseField::getName, Function.identity(), (p, n) -> p));
+    }
+
+	/**
+	 * 组合引用字段配置
+	 * @param old 旧字段
+	 * @param ref 引用字段
+	 * @return 组合后的字段配置
+	 */
+	private BaseField combineFieldsProps(BaseField old, BaseField ref) {
+		if (ref.isSys()) {
+			// 系统字段, 直接返回前端引用的字段配置即可, 后端不组装字段
+			return old;
+		}
+		// 深拷贝 ref 对象, 避免修改原始对象
+		BaseField refCopy = JSON.parseObject(JSON.toJSONString(ref), BaseField.class);
+		// 保留一些可用的属性
+		refCopy.setName(old.getName());
+		refCopy.setFieldWidth(old.getFieldWidth());
+		refCopy.setResourceFieldId(old.getResourceFieldId());
+		// 兼容新旧引用字段
+		if (Strings.CI.contains(old.getId(), REF_UNDERLINE)) {
+			// 新版本引用字段, 直接替换
+			refCopy.setId(old.getId());
+		} else {
+			// 旧版本拼接
+			refCopy.setId(old.getResourceFieldId() + REF_UNDERLINE + old.getId());
+		}
+		// 清空多级引用的属性, 禁止数据源引用数据源
+		if (refCopy instanceof DatasourceField refSourceField) {
+			refSourceField.setRefFields(null);
+			refSourceField.setShowFields(null);
+		}
+		return refCopy;
+	}
+
+	/**
+	 * 引用字段ID截取
+	 * @param sourceId 数据源ID
+	 * @return 截取后的字段ID
+	 */
+	private Function<String, String> splitRefId(String sourceId) {
+		return fieldId -> {
+			if (StringUtils.isEmpty(fieldId)) {
+				return fieldId;
+			}
+			int idx = fieldId.indexOf(sourceId + REF_UNDERLINE);
+			return idx >= 0 ? fieldId.substring(idx + sourceId.length() + REF_UNDERLINE.length()) : fieldId;
+		};
+	}
+
+	/**
+	 * 获取业务数据详情
+	 * @param formKey 表单Key
+	 * @param resourceId 资源ID
+	 * @return 通用的条件值
+	 */
+	@SuppressWarnings({"unchecked", "rawtypes"})
+	public List<BaseModuleFieldValue> compressResourceDetail(String formKey, String resourceId) {
+		List<BaseModuleFieldValue> fvs = new ArrayList<>();
+		Object resourceDetail = fieldSourceServiceProvider.safeGetSimpleById(formKey, resourceId);
+		if (resourceDetail == null) {
+			return fvs;
+		}
+		Map<String, Object> detailMap = JSON.MAPPER.convertValue(resourceDetail, Map.class);
+		if (org.apache.commons.collections.MapUtils.isEmpty(detailMap)) {
+			return fvs;
+		}
+
+		detailMap.forEach((k, v) -> {
+			if (Strings.CI.equals(BaseResourceFieldService.DETAIL_FIELD_PARAM_NAME, k)) {
+				List<Map> moduleFieldValues = (List<Map>) v;
+				if (org.apache.commons.collections.CollectionUtils.isNotEmpty(moduleFieldValues)) {
+					for (Map mfv : moduleFieldValues) {
+						BaseModuleFieldValue bfv = new BaseModuleFieldValue();
+						bfv.setFieldId(mfv.get("fieldId").toString());
+						bfv.setFieldValue(mfv.get("fieldValue"));
+						fvs.add(bfv);
+					}
+				}
+			} else {
+				BaseModuleFieldValue bfv = new BaseModuleFieldValue();
+				bfv.setFieldId(k);
+				bfv.setFieldValue(v);
+				fvs.add(bfv);
+			}
+		});
+
+		return fvs;
+	}
+
+	@SuppressWarnings({"unchecked", "rawtypes"})
+    public List<BaseModuleFieldValue> compressResourceRefDetail(String formKey, String resourceId) {
+        List<BaseModuleFieldValue> fvs = new ArrayList<>();
+        Object resourceDetail = fieldSourceServiceProvider.safeGetFieldsById(formKey, resourceId);
+        if (resourceDetail == null) {
+            return fvs;
+        }
+        Map<String, Object> detailMap = JSON.MAPPER.convertValue(resourceDetail, Map.class);
+        if (org.apache.commons.collections.MapUtils.isEmpty(detailMap)) {
+            return fvs;
+        }
+
+        detailMap.forEach((k, v) -> {
+            if (Strings.CI.equals(BaseResourceFieldService.DETAIL_FIELD_PARAM_NAME, k)) {
+                List<Map> moduleFieldValues = (List<Map>) v;
+                if (org.apache.commons.collections.CollectionUtils.isNotEmpty(moduleFieldValues)) {
+                    for (Map mfv : moduleFieldValues) {
+                        BaseModuleFieldValue bfv = new BaseModuleFieldValue();
+                        bfv.setFieldId(mfv.get("fieldId").toString());
+                        bfv.setFieldValue(mfv.get("fieldValue"));
+                        fvs.add(bfv);
+                    }
+                }
+            } else {
+                BaseModuleFieldValue bfv = new BaseModuleFieldValue();
+                bfv.setFieldId(k);
+                bfv.setFieldValue(v);
+                fvs.add(bfv);
+            }
+        });
+
+        return fvs;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/ModuleLogServiceFactory.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/ModuleLogServiceFactory.java
new file mode 100644
index 0000000..201f59f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/ModuleLogServiceFactory.java
@@ -0,0 +1,53 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.crm.approval.service.ApprovalFlowLogService;
+import cn.cordys.crm.clue.service.ClueLogService;
+import cn.cordys.crm.contract.service.ContractLogService;
+import cn.cordys.crm.customer.service.*;
+import cn.cordys.crm.follow.service.FollowUpPlanLogService;
+import cn.cordys.crm.follow.service.FollowUpRecordLogService;
+import cn.cordys.crm.form.service.CustomFormDataLogService;
+import cn.cordys.crm.form.service.CustomFormLogService;
+import cn.cordys.crm.opportunity.service.OpportunityLogService;
+import cn.cordys.crm.opportunity.service.OpportunityQuotationalLogService;
+import cn.cordys.crm.order.service.OrderLogService;
+import cn.cordys.crm.product.service.PriceLogService;
+import cn.cordys.crm.product.service.ProductLogService;
+
+import java.util.HashMap;
+
+public class ModuleLogServiceFactory {
+
+    private static final HashMap<String, BaseModuleLogService> logServiceMap = new HashMap<>();
+
+    static {
+        logServiceMap.put(LogModule.CUSTOMER_INDEX, CommonBeanFactory.getBean(CustomerLogService.class));
+        logServiceMap.put(LogModule.CUSTOMER_POOL, CommonBeanFactory.getBean(CustomerLogService.class));
+        logServiceMap.put(LogModule.CUSTOMER_CONTACT, CommonBeanFactory.getBean(CustomerContactLogService.class));
+        logServiceMap.put(LogModule.OPPORTUNITY_INDEX, CommonBeanFactory.getBean(OpportunityLogService.class));
+        logServiceMap.put(LogModule.OPPORTUNITY_QUOTATION, CommonBeanFactory.getBean(OpportunityQuotationalLogService.class));
+        logServiceMap.put(LogModule.SYSTEM_ORGANIZATION, CommonBeanFactory.getBean(OrganizationLogService.class));
+        logServiceMap.put(LogModule.PRODUCT_MANAGEMENT, CommonBeanFactory.getBean(ProductLogService.class));
+        logServiceMap.put(LogModule.PRODUCT_PRICE_MANAGEMENT, CommonBeanFactory.getBean(PriceLogService.class));
+        logServiceMap.put(LogModule.CONTRACT_INDEX, CommonBeanFactory.getBean(ContractLogService.class));
+        logServiceMap.put(LogModule.CLUE_INDEX, CommonBeanFactory.getBean(ClueLogService.class));
+        logServiceMap.put(LogModule.CLUE_POOL_INDEX, CommonBeanFactory.getBean(ClueLogService.class));
+        logServiceMap.put(LogModule.FOLLOW_UP_RECORD, CommonBeanFactory.getBean(FollowUpRecordLogService.class));
+        logServiceMap.put(LogModule.FOLLOW_UP_PLAN, CommonBeanFactory.getBean(FollowUpPlanLogService.class));
+        logServiceMap.put(LogModule.SYSTEM_ROLE, CommonBeanFactory.getBean(RoleLogService.class));
+        logServiceMap.put(LogModule.SYSTEM_MODULE, CommonBeanFactory.getBean(SystemModuleLogService.class));
+        logServiceMap.put(LogModule.CONTRACT_PAYMENT, CommonBeanFactory.getBean(ContractPaymentPlanLogService.class));
+        logServiceMap.put(LogModule.CONTRACT_INVOICE, CommonBeanFactory.getBean(ContractInvoiceLogService.class));
+        logServiceMap.put(LogModule.ORDER_INDEX, CommonBeanFactory.getBean(OrderLogService.class));
+        logServiceMap.put(LogModule.APPROVAL_FLOW, CommonBeanFactory.getBean(ApprovalFlowLogService.class));
+        logServiceMap.put(LogModule.CUSTOM_FORM, CommonBeanFactory.getBean(CustomFormLogService.class));
+        logServiceMap.put(LogModule.CUSTOM_FORM_DATA, CommonBeanFactory.getBean(CustomFormDataLogService.class));
+
+    }
+
+    public static BaseModuleLogService getModuleLogService(String type) {
+        return logServiceMap.get(type);
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/ModuleService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/ModuleService.java
new file mode 100644
index 0000000..ce1cb5f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/ModuleService.java
@@ -0,0 +1,325 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.constants.ModuleKey;
+import cn.cordys.common.dto.BaseTreeNode;
+import cn.cordys.common.dto.DeptUserTreeNode;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.dto.RoleUserTreeNode;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.constants.OrganizationConfigConstants;
+import cn.cordys.crm.system.domain.Module;
+import cn.cordys.crm.system.domain.OrganizationConfig;
+import cn.cordys.crm.system.domain.OrganizationConfigDetail;
+import cn.cordys.crm.system.domain.Parameter;
+import cn.cordys.crm.system.dto.ModuleDTO;
+import cn.cordys.crm.system.dto.request.ModuleRequest;
+import cn.cordys.crm.system.dto.request.ModuleSortRequest;
+import cn.cordys.crm.system.dto.response.RoleListResponse;
+import cn.cordys.crm.system.mapper.ExtDepartmentMapper;
+import cn.cordys.crm.system.mapper.ExtModuleMapper;
+import cn.cordys.crm.system.mapper.ExtUserRoleMapper;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.BooleanUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.beans.BeanUtils;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+import java.util.concurrent.atomic.AtomicLong;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class ModuleService {
+
+    private static final String DEFAULT_ORGANIZATION_ID = "100001";
+    @Resource
+    private BaseMapper<Module> moduleMapper;
+    @Resource
+    private ExtModuleMapper extModuleMapper;
+    @Resource
+    private ExtDepartmentMapper extDepartmentMapper;
+    @Resource
+    private ExtUserRoleMapper extUserRoleMapper;
+    @Resource
+    private RoleService roleService;
+    @Resource
+    private DepartmentService departmentService;
+    @Resource
+    private BaseMapper<OrganizationConfig> organizationConfigMapper;
+    @Resource
+    private BaseMapper<OrganizationConfigDetail> organizationConfigDetailMapper;
+    @Resource
+    private BaseMapper<Parameter> parameterMapper;
+
+    /**
+     * 获取系统模块配置列表
+     *
+     * @param request 请求参数
+     * @return 模块配置列表
+     */
+    public List<ModuleDTO> getModuleList(ModuleRequest request) {
+        LambdaQueryWrapper<Module> queryWrapper = new LambdaQueryWrapper<>();
+        queryWrapper.eq(Module::getOrganizationId, request.getOrganizationId());
+        List<Module> modules = moduleMapper.selectListByLambda(queryWrapper);
+        return modules.stream()
+                .map(module -> {
+                    ModuleDTO dto = new ModuleDTO();
+                    BeanUtils.copyProperties(module, dto);
+                    dto.setDisabled(Strings.CS.equals(dto.getModuleKey(), "dashboard") && !isDashboardEnabled(request.getOrganizationId()));
+                    return dto;
+                })
+                .sorted(Comparator.comparing(ModuleDTO::getPos))
+                .collect(Collectors.toList());
+    }
+
+    /**
+     * 获取表单集合
+     *
+     * @return 表单集合
+     */
+    public List<OptionDTO> getFormList() {
+        return Arrays.stream(FormKey.values()).map(formKey -> new OptionDTO(formKey.getKey(), Translator.get(formKey.getKey()))).toList();
+    }
+
+    /**
+     * 单个模块开启或关闭
+     *
+     * @param id 模块ID
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.UPDATE, operator = "{#currentUser}")
+    public void switchModule(String id, String currentUser) {
+        Module module = moduleMapper.selectByPrimaryKey(id);
+        if (module == null) {
+            throw new GenericException(Translator.get("module.not_exist"));
+        }
+        module.setEnable(!module.getEnable());
+        module.setUpdateUser(currentUser);
+        module.setUpdateTime(System.currentTimeMillis());
+        moduleMapper.updateById(module);
+
+        //添加日志上下文
+        Map<String, String> originalVal = new HashMap<>(1);
+        originalVal.put("module.switch", !module.getEnable() ? Translator.get("log.enable.true") : Translator.get("log.enable.false"));
+        Map<String, String> modifiedVal = new HashMap<>(1);
+        modifiedVal.put("module.switch", module.getEnable() ? Translator.get("log.enable.true") : Translator.get("log.enable.false"));
+        OperationLogContext.setContext(LogContextInfo.builder()
+                .originalValue(originalVal)
+                .resourceName(Translator.get(module.getModuleKey()) + "模块开关")
+                .modifiedValue(modifiedVal)
+                .resourceId(module.getId())
+                .build());
+    }
+
+    /**
+     * 模块排序
+     *
+     * @param request 请求参数
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.UPDATE, operator = "{#currentUser}")
+    public void sort(ModuleSortRequest request, String currentUser) {
+        Module module = moduleMapper.selectByPrimaryKey(request.getDragModuleId());
+        if (module == null) {
+            throw new GenericException(Translator.get("module.not_exist"));
+        }
+        List<String> beforeKeys = getModuleSortKeys(module.getOrganizationId());
+        if (request.getStart() < request.getEnd()) {
+            // start < end, 区间模块上移, pos - 1
+            extModuleMapper.moveUpModule(request.getStart(), request.getEnd());
+        } else {
+            // start > end, 区间模块下移, pos + 1
+            extModuleMapper.moveDownModule(request.getEnd(), request.getStart());
+        }
+        Module dragModule = new Module();
+        dragModule.setId(request.getDragModuleId());
+        dragModule.setPos(request.getEnd());
+        dragModule.setUpdateUser(currentUser);
+        dragModule.setUpdateTime(System.currentTimeMillis());
+        moduleMapper.updateById(dragModule);
+        List<String> afterKeys = getModuleSortKeys(module.getOrganizationId());
+
+        //添加日志上下文
+        Map<String, List<String>> originalVal = new HashMap<>(1);
+        originalVal.put("sort", beforeKeys);
+        Map<String, List<String>> modifiedVal = new HashMap<>(1);
+        modifiedVal.put("sort", afterKeys);
+        OperationLogContext.setContext(LogContextInfo.builder()
+                .originalValue(originalVal)
+                .resourceName(Translator.get("module.main.nav"))
+                .modifiedValue(modifiedVal)
+                .resourceId(module.getId())
+                .build());
+    }
+
+    /**
+     * 获取带用户的信息的部门树
+     *
+     * @return List<DeptUserTreeNode>
+     */
+    public List<DeptUserTreeNode> getDeptUserTree(String orgId) {
+        List<DeptUserTreeNode> treeNodes = extDepartmentMapper.selectDeptUserTreeNode(orgId);
+        List<DeptUserTreeNode> userNodes = extUserRoleMapper.selectUserDeptForOrg(orgId);
+        userNodes = departmentService.sortByCommander(orgId, userNodes);
+        userNodes.addAll(treeNodes);
+        return BaseTreeNode.buildTree(userNodes);
+    }
+
+    /**
+     * 获取角色树
+     *
+     * @param orgId 组织ID
+     * @return 角色树
+     */
+    public List<RoleUserTreeNode> getRoleTree(String orgId) {
+        // 查询角色信息
+        List<RoleListResponse> list = roleService.list(orgId);
+        List<RoleUserTreeNode> treeNodes = list.stream().map((role) -> {
+            RoleUserTreeNode roleNode = new RoleUserTreeNode();
+            roleNode.setNodeType("ROLE");
+            roleNode.setInternal(BooleanUtils.isTrue(role.getInternal()));
+            roleNode.setId(role.getId());
+            roleNode.setName(role.getName());
+            return roleNode;
+        }).collect(Collectors.toList());
+        return BaseTreeNode.buildTree(treeNodes);
+    }
+
+    /**
+     * 高级搜索开关设置
+     *
+     * @return 是否开启高级搜索
+     */
+    public boolean getAdvancedSetting() {
+        Parameter parameter = parameterMapper.selectByPrimaryKey("advance.search.setting");
+        return parameter != null && !Strings.CI.equals(parameter.getParamValue(), BooleanUtils.FALSE);
+    }
+
+    /**
+     * 切换高级搜索开关设置
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.UPDATE, operator = "{#currentUser}")
+    public void switchAdvanced(String currentUser) {
+        Parameter parameter = parameterMapper.selectByPrimaryKey("advance.search.setting");
+
+        Map<String, String> originalVal = new HashMap<>(1);
+        originalVal.put("module.switch", parameter != null && Strings.CI.equals(parameter.getParamValue(), BooleanUtils.TRUE) ? Translator.get("log.enable.true") : Translator.get("log.enable.false"));
+        if (parameter != null) {
+            parameterMapper.deleteByPrimaryKey("advance.search.setting");
+            boolean current = Strings.CI.equals(parameter.getParamValue(), BooleanUtils.TRUE);
+            parameter.setParamValue(Boolean.toString(!current));
+        } else {
+            parameter = new Parameter();
+            parameter.setParamKey("advance.search.setting");
+            parameter.setParamValue(BooleanUtils.FALSE);
+            parameter.setType("TEXT");
+        }
+        parameterMapper.insert(parameter);
+
+        //日志上下文
+        Map<String, String> modifiedVal = new HashMap<>(1);
+        modifiedVal.put("module.switch", Strings.CI.equals(parameter.getParamValue(), BooleanUtils.TRUE) ? Translator.get("log.enable.true") : Translator.get("log.enable.false"));
+        OperationLogContext.setContext(LogContextInfo.builder()
+                .originalValue(originalVal)
+                .resourceName(Translator.get("log.global.search"))
+                .modifiedValue(modifiedVal)
+                .resourceId(parameter.getParamKey())
+                .build());
+    }
+
+    /**
+     * 初始化系统(组织或公司)模块数据
+     */
+    public void initModule(String organizationId) {
+        // init module data
+        List<Module> modules = new ArrayList<>();
+        AtomicLong pos = new AtomicLong(1L);
+        Arrays.stream(ModuleKey.values()).forEach(moduleConstant -> {
+            Module module = new Module();
+            module.setId(IDGenerator.nextStr());
+            module.setModuleKey(moduleConstant.getKey());
+            module.setOrganizationId(organizationId);
+            module.setEnable(true);
+            module.setPos(pos.getAndIncrement());
+            module.setCreateUser(InternalUser.ADMIN.getValue());
+            module.setCreateTime(System.currentTimeMillis());
+            module.setUpdateUser(InternalUser.ADMIN.getValue());
+            module.setUpdateTime(System.currentTimeMillis());
+            modules.add(module);
+        });
+        moduleMapper.batchInsert(modules);
+    }
+
+    public void initDefaultOrgModule() {
+        initModule(DEFAULT_ORGANIZATION_ID);
+    }
+
+    /**
+     * 获取排序之后的模块菜单
+     *
+     * @param organizationId 组织ID
+     * @return 模块列表
+     */
+    private List<String> getModuleSortKeys(String organizationId) {
+        ModuleRequest request = new ModuleRequest();
+        request.setOrganizationId(organizationId);
+        List<ModuleDTO> moduleList = getModuleList(request);
+        return moduleList.stream().map(Module::getModuleKey).toList();
+    }
+
+    /**
+     * 检查仪表盘功能是否启用
+     *
+     * @param organizationId 组织ID
+     * @return 仪表盘是否启用
+     */
+    private boolean isDashboardEnabled(String organizationId) {
+        // 查询第三方配置
+        LambdaQueryWrapper<OrganizationConfig> configQuery = new LambdaQueryWrapper<>();
+        configQuery.eq(OrganizationConfig::getOrganizationId, organizationId)
+                .eq(OrganizationConfig::getType, OrganizationConfigConstants.ConfigType.THIRD.name());
+
+        // 直接获取第一个配置或返回null
+        OrganizationConfig config = organizationConfigMapper.selectListByLambda(configQuery)
+                .stream()
+                .findFirst()
+                .orElse(null);
+
+        if (config == null) {
+            return false;
+        }
+
+        // 查询仪表盘配置详情
+        LambdaQueryWrapper<OrganizationConfigDetail> detailQuery = new LambdaQueryWrapper<>();
+        detailQuery.eq(OrganizationConfigDetail::getConfigId, config.getId())
+                .like(OrganizationConfigDetail::getType, "DE_BOARD");
+
+        // 查找配置并判断是否启用
+        return organizationConfigDetailMapper.selectListByLambda(detailQuery)
+                .stream()
+                .findFirst()
+                .map(OrganizationConfigDetail::getEnable)
+                .orElse(false);
+    }
+
+    //删除多余模块
+    public void deleteExtraModules() {
+        List<Module> contractFormList = extModuleMapper.selectModuleListByKeyOrderPosDesc(DEFAULT_ORGANIZATION_ID, "contract");
+        if (CollectionUtils.isNotEmpty(contractFormList) && contractFormList.size() > 1) {
+            moduleMapper.deleteByPrimaryKey(contractFormList.getFirst().getId());
+        }
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/MoveNodeService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/MoveNodeService.java
new file mode 100644
index 0000000..5cdcf8f
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/MoveNodeService.java
@@ -0,0 +1,119 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.common.dto.BaseTree;
+import cn.cordys.common.dto.NodeSortCountResultDTO;
+import cn.cordys.common.dto.NodeSortDTO;
+import cn.cordys.common.dto.NodeSortQueryParam;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.util.NodeSortUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.dto.request.NodeMoveRequest;
+import org.apache.commons.lang3.Strings;
+import org.springframework.validation.annotation.Validated;
+
+import java.util.function.Function;
+
+public abstract class MoveNodeService {
+
+    public static final String ROOT_NODE_PARENT_ID = "NONE";
+    protected static final long LIMIT_POS = NodeSortUtils.DEFAULT_NODE_INTERVAL_POS;
+    private static final String MOVE_POS_OPERATOR_LESS = "lessThan";
+    private static final String MOVE_POS_OPERATOR_MORE = "moreThan";
+    private static final String MOVE_POS_OPERATOR_LATEST = "latest";
+    private static final String DRAG_NODE_NOT_EXIST = "drag_node.not.exist";
+
+    public abstract void updatePos(String id, long pos);
+
+    public abstract void refreshPos(String testPlanId);
+
+    /**
+     * 构建节点排序的参数
+     *
+     * @param request           拖拽的前端请求参数
+     * @param selectIdNodeFunc  通过id查询节点的函数
+     * @param selectPosNodeFunc 通过parentId和Pos运算符查询节点的函数
+     *
+     * @return
+     */
+    public NodeSortDTO getNodeSortDTO(NodeMoveRequest request, Function<String, BaseTree> selectIdNodeFunc, Function<NodeSortQueryParam, BaseTree> selectPosNodeFunc, boolean isDepartment) {
+        if (Strings.CS.equals(request.getDragNodeId(), request.getDropNodeId())) {
+            //两种节点不能一样
+            throw new GenericException(Translator.get("invalid_parameter") + ": drag node  and drop node");
+        }
+
+        BaseTree dragNode = selectIdNodeFunc.apply(request.getDragNodeId());
+        if (dragNode == null) {
+            throw new GenericException(Translator.get(DRAG_NODE_NOT_EXIST) + ":" + request.getDragNodeId());
+        }
+
+        BaseTree dropNode = selectIdNodeFunc.apply(request.getDropNodeId());
+        if (dropNode == null) {
+            throw new GenericException(Translator.get(DRAG_NODE_NOT_EXIST) + ":" + request.getDropNodeId());
+
+        }
+        BaseTree parentModule;
+        BaseTree previousNode;
+        BaseTree nextNode = null;
+        if (request.getDropPosition() == 0) {
+            parentModule = new BaseTree(dropNode.getId(), dropNode.getName(), dropNode.getPos(), dropNode.getOrganizationId(), dropNode.getParentId());
+
+            NodeSortQueryParam sortParam = new NodeSortQueryParam();
+            sortParam.setParentId(dropNode.getId());
+            sortParam.setOperator(MOVE_POS_OPERATOR_LATEST);
+            previousNode = selectPosNodeFunc.apply(sortParam);
+        } else {
+            if (isDepartment) {
+                parentModule = selectIdNodeFunc.apply(dropNode.getParentId());
+                if (parentModule == null) {
+                    throw new GenericException(Translator.get("illegal_operation"));
+                }
+            } else {
+                if (Strings.CI.equals(dropNode.getParentId(), ROOT_NODE_PARENT_ID)) {
+                    parentModule = new BaseTree(ROOT_NODE_PARENT_ID, ROOT_NODE_PARENT_ID, 0, dragNode.getOrganizationId(), ROOT_NODE_PARENT_ID);
+                } else {
+                    parentModule = selectIdNodeFunc.apply(dropNode.getParentId());
+                }
+            }
+
+            if (request.getDropPosition() == 1) {
+                //dropPosition=1: 放到dropNode节点后，原dropNode后面的节点之前
+                previousNode = dropNode;
+
+                NodeSortQueryParam sortParam = new NodeSortQueryParam();
+                sortParam.setParentId(parentModule.getId());
+                sortParam.setPos(previousNode.getPos());
+                sortParam.setOperator(MOVE_POS_OPERATOR_MORE);
+                nextNode = selectPosNodeFunc.apply(sortParam);
+            } else if (request.getDropPosition() == -1) {
+                //dropPosition=-1: 放到dropNode节点前，原dropNode前面的节点之后
+                nextNode = dropNode;
+
+                NodeSortQueryParam sortParam = new NodeSortQueryParam();
+                sortParam.setParentId(parentModule.getId());
+                sortParam.setPos(nextNode.getPos());
+                sortParam.setOperator(MOVE_POS_OPERATOR_LESS);
+                previousNode = selectPosNodeFunc.apply(sortParam);
+            } else {
+                throw new GenericException(Translator.get("invalid_parameter") + ": dropPosition");
+            }
+        }
+
+        return new NodeSortDTO(dragNode, parentModule, previousNode, nextNode);
+    }
+
+    //排序
+    public void sort(@Validated NodeSortDTO nodeMoveDTO) {
+        // 获取相邻节点
+        BaseTree previousNode = nodeMoveDTO.getPreviousNode();
+        BaseTree nextNode = nodeMoveDTO.getNextNode();
+
+        NodeSortCountResultDTO countResultDTO = NodeSortUtils.countModuleSort(
+                previousNode == null ? -1 : previousNode.getPos(),
+                nextNode == null ? -1 : nextNode.getPos());
+        updatePos(nodeMoveDTO.getNode().getId(), countResultDTO.getPos());
+        if (countResultDTO.isRefreshPos()) {
+            refreshPos(nodeMoveDTO.getParent().getId());
+        }
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/NavigationService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/NavigationService.java
new file mode 100644
index 0000000..12a73c2
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/NavigationService.java
@@ -0,0 +1,89 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.domain.Navigation;
+import cn.cordys.crm.system.dto.request.ModuleSortRequest;
+import cn.cordys.crm.system.mapper.ExtNavigationMapper;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class NavigationService {
+
+    @Resource
+    private BaseMapper<Navigation> navigationMapper;
+    @Resource
+    private ExtNavigationMapper extNavigationMapper;
+
+
+    /**
+     * 获取系统导航栏配置列表
+     *
+     * @param orgId
+     *
+     * @return
+     */
+    public List<Navigation> getNavigationList(String orgId) {
+        return extNavigationMapper.selectList(orgId);
+    }
+
+
+    /**
+     * 导航栏排序
+     *
+     * @param request
+     * @param userId
+     */
+    @OperationLog(module = LogModule.SYSTEM_MODULE, type = LogType.UPDATE, operator = "{#currentUser}")
+    public void sort(ModuleSortRequest request, String userId) {
+        Navigation navigation = navigationMapper.selectByPrimaryKey(request.getDragModuleId());
+        if (navigation == null) {
+            throw new GenericException(Translator.get("module.not_exist"));
+        }
+        List<String> beforeKeys = getNavigationSortKeys(navigation.getOrganizationId());
+        if (request.getStart() < request.getEnd()) {
+            // start < end, 区间模块上移, pos - 1
+            extNavigationMapper.moveUpNavigation(request.getStart(), request.getEnd());
+        } else {
+            // start > end, 区间模块下移, pos + 1
+            extNavigationMapper.moveDownNavigation(request.getEnd(), request.getStart());
+        }
+        Navigation dragNavigation = new Navigation();
+        dragNavigation.setId(request.getDragModuleId());
+        dragNavigation.setPos(request.getEnd());
+        dragNavigation.setUpdateUser(userId);
+        dragNavigation.setUpdateTime(System.currentTimeMillis());
+        navigationMapper.updateById(dragNavigation);
+        List<String> afterKeys = getNavigationSortKeys(navigation.getOrganizationId());
+
+        //添加日志上下文
+        Map<String, List<String>> originalVal = new HashMap<>(1);
+        originalVal.put("navigationSort", beforeKeys);
+        Map<String, List<String>> modifiedVal = new HashMap<>(1);
+        modifiedVal.put("navigationSort", afterKeys);
+        OperationLogContext.setContext(LogContextInfo.builder()
+                .originalValue(originalVal)
+                .resourceName(Translator.get("top.navigation"))
+                .modifiedValue(modifiedVal)
+                .resourceId(navigation.getId())
+                .build());
+    }
+
+    private List<String> getNavigationSortKeys(String orgId) {
+        List<Navigation> navigationList = getNavigationList(orgId);
+        return navigationList.stream().map(Navigation::getNavigationKey).toList();
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/NotificationService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/NotificationService.java
new file mode 100644
index 0000000..f637920
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/NotificationService.java
@@ -0,0 +1,197 @@
+package cn.cordys.crm.system.service;
+
+
+import cn.cordys.common.constants.TopicConstants;
+import cn.cordys.common.dto.OptionCountDTO;
+import cn.cordys.common.redis.MessagePublisher;
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.system.constants.NotificationConstants;
+import cn.cordys.crm.system.domain.Notification;
+import cn.cordys.crm.system.dto.request.NotificationRequest;
+import cn.cordys.crm.system.dto.response.NotificationDTO;
+import cn.cordys.crm.system.mapper.ExtNotificationMapper;
+import cn.cordys.crm.system.notice.dto.NoticeRedisMessage;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.data.redis.core.StringRedisTemplate;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class NotificationService {
+
+    private static final String USER_ANNOUNCE_PREFIX = "announce_user:";  // Redis 存储用户前缀
+    private static final String ANNOUNCE_PREFIX = "announce_content:";  // Redis 存储信息前缀
+    private static final String USER_PREFIX = "msg_user:";  // Redis 存储系统通知用户前缀
+    private static final String MSG_PREFIX = "msg_content:";  // Redis 存储系统通知内容信息前缀
+    private static final String USER_READ_PREFIX = "user_read:";  // Redis 存储用户读取前缀
+    @Resource
+    private BaseMapper<Notification> notificationMapper;
+    @Resource
+    private ExtNotificationMapper extNotificationMapper;
+    @Resource
+    private StringRedisTemplate stringRedisTemplate;
+    @Resource
+    private SendModuleService sendModuleService;
+    @Resource
+    private MessagePublisher messagePublisher;
+
+    private static void buildSourceCount(List<NotificationDTO> notifications, List<OptionCountDTO> options) {
+        Map<String, Integer> countMap = new HashMap<>();
+        Map<String, List<Notification>> resourceMap = notifications.stream().collect(Collectors.groupingBy(Notification::getResourceType));
+        resourceMap.forEach((k, v) -> {
+            if (k.contains(NotificationConstants.Module.CUSTOMER)) {
+                countMap.merge(NotificationConstants.Module.CUSTOMER, v.size(), Integer::sum);
+            } else if (k.contains(NotificationConstants.Module.APPROVAL)) {
+                countMap.merge(NotificationConstants.Module.APPROVAL, v.size(), Integer::sum);
+            } else if (k.contains(NotificationConstants.Module.CLUE)) {
+                countMap.merge(NotificationConstants.Module.CLUE, v.size(), Integer::sum);
+            } else if (k.contains(NotificationConstants.Module.OPPORTUNITY)) {
+                countMap.merge(NotificationConstants.Module.OPPORTUNITY, v.size(), Integer::sum);
+            } else if (k.contains(NotificationConstants.Module.CONTRACT)) {
+                countMap.merge(NotificationConstants.Module.CONTRACT, v.size(), Integer::sum);
+            } else if (k.contains(NotificationConstants.Module.SYSTEM)) {
+                countMap.merge(NotificationConstants.Module.SYSTEM, v.size(), Integer::sum);
+            } else if (k.contains(NotificationConstants.Module.ORDER)) {
+				countMap.merge(NotificationConstants.Module.ORDER, v.size(), Integer::sum);
+			} else {
+                countMap.merge(NotificationConstants.Type.ANNOUNCEMENT_NOTICE.name(), v.size(), Integer::sum);
+            }
+        });
+        countMap.putIfAbsent(NotificationConstants.Module.CUSTOMER, 0);
+        countMap.putIfAbsent(NotificationConstants.Module.APPROVAL, 0);
+        countMap.putIfAbsent(NotificationConstants.Module.CLUE, 0);
+        countMap.putIfAbsent(NotificationConstants.Module.OPPORTUNITY, 0);
+        countMap.putIfAbsent(NotificationConstants.Module.CONTRACT, 0);
+        countMap.putIfAbsent(NotificationConstants.Module.SYSTEM, 0);
+        countMap.putIfAbsent(NotificationConstants.Module.ORDER, 0);
+        countMap.putIfAbsent(NotificationConstants.Type.ANNOUNCEMENT_NOTICE.name(), 0);
+
+        countMap.forEach((k, v) -> {
+            OptionCountDTO optionDTO = new OptionCountDTO();
+            optionDTO.setKey(k);
+            optionDTO.setCount(v);
+            options.add(optionDTO);
+        });
+    }
+
+    private static void buildParam(NotificationRequest notificationRequest, String userId) {
+        if (StringUtils.isNotBlank(notificationRequest.getSubject())) {
+            notificationRequest.setSubject("%" + notificationRequest.getSubject() + "%");
+        }
+        if (StringUtils.isNotBlank(notificationRequest.getResourceType())) {
+            notificationRequest.setResourceType("%" + notificationRequest.getResourceType() + "%");
+        }
+        if (StringUtils.isBlank(notificationRequest.getReceiver())) {
+            notificationRequest.setReceiver(userId);
+        }
+    }
+
+    public List<NotificationDTO> listNotification(NotificationRequest notificationRequest, String userId, String organizationId) {
+        buildParam(notificationRequest, userId);
+        List<NotificationDTO> notifications = extNotificationMapper.listNotification(notificationRequest, organizationId);
+        notifications.forEach(notification -> notification.setContentText(new String(notification.getContent())));
+        return notifications;
+    }
+
+    public int read(String id, String userId, String orgId) {
+        Notification record = new Notification();
+        record.setId(id);
+        record.setStatus(NotificationConstants.Status.READ.name());
+        record.setReceiver(userId);
+        //删除缓存中的公告提示
+        stringRedisTemplate.opsForZSet().remove(USER_ANNOUNCE_PREFIX + userId, id);
+        stringRedisTemplate.delete(ANNOUNCE_PREFIX + id);
+        stringRedisTemplate.opsForZSet().remove(USER_PREFIX + userId, id);
+        stringRedisTemplate.delete(MSG_PREFIX + id);
+        Integer update = notificationMapper.update(record);
+        //检查当前用户是否还有有已读信息，没有更新用户状态
+        Integer unRead = getUnRead(orgId, userId);
+        if (unRead == 0) {
+            stringRedisTemplate.opsForValue().set(USER_READ_PREFIX + userId, "True");
+            //sseService.broadcastPeriodically(userId,NotificationConstants.Status.READ.toString());
+            NoticeRedisMessage noticeRedisMessage = new NoticeRedisMessage();
+            noticeRedisMessage.setMessage(userId);
+            noticeRedisMessage.setNoticeType(NotificationConstants.Status.READ.toString());
+            messagePublisher.publish(TopicConstants.SSE_TOPIC, JSON.toJSONString(noticeRedisMessage));
+        }
+        return update;
+    }
+
+    public int readAll(String organizationId, String userId) {
+        Notification record = new Notification();
+        record.setStatus(NotificationConstants.Status.READ.name());
+        record.setOrganizationId(organizationId);
+        record.setReceiver(userId);
+        //所有这个用户的公告都不再显示
+        Set<String> values = stringRedisTemplate.opsForZSet().range(USER_ANNOUNCE_PREFIX + userId, 0, -1);
+        if (CollectionUtils.isNotEmpty(values)) {
+            for (String value : values) {
+                stringRedisTemplate.delete(ANNOUNCE_PREFIX + value);
+            }
+        }
+        Set<String> range = stringRedisTemplate.opsForZSet().range(USER_PREFIX + userId, 0, -1);
+        if (CollectionUtils.isNotEmpty(range)) {
+            for (String value : range) {
+                stringRedisTemplate.delete(MSG_PREFIX + value);
+            }
+        }
+        stringRedisTemplate.delete(USER_ANNOUNCE_PREFIX + userId);
+        stringRedisTemplate.delete(USER_PREFIX + userId);
+        stringRedisTemplate.opsForValue().set(USER_READ_PREFIX + userId, "True");
+        NoticeRedisMessage noticeRedisMessage = new NoticeRedisMessage();
+        noticeRedisMessage.setMessage(userId);
+        noticeRedisMessage.setNoticeType(NotificationConstants.Status.READ.toString());
+        messagePublisher.publish(TopicConstants.SSE_TOPIC, JSON.toJSONString(noticeRedisMessage));
+        //sseService.broadcastPeriodically(userId,NotificationConstants.Status.READ.toString());
+        return extNotificationMapper.updateByReceiver(record);
+    }
+
+    public List<OptionCountDTO> countNotification(NotificationRequest notificationRequest, String organizationId, String userId) {
+        List<OptionCountDTO> options = new ArrayList<>();
+        buildParam(notificationRequest, userId);
+        notificationRequest.setResourceType(StringUtils.EMPTY);
+        notificationRequest.setStatus(NotificationConstants.Status.UNREAD.name());
+        List<NotificationDTO> notifications = extNotificationMapper.listNotification(notificationRequest, organizationId);
+        OptionCountDTO totalOptionDTO = new OptionCountDTO();
+        totalOptionDTO.setKey("total");
+        totalOptionDTO.setCount(notifications.size());
+        options.add(totalOptionDTO);
+        buildSourceCount(notifications, options);
+        return options;
+    }
+
+    public Integer getUnRead(String organizationId, String userId) {
+        if (StringUtils.isBlank(organizationId)) {
+            return 0;
+        }
+        Notification record = new Notification();
+        record.setOrganizationId(organizationId);
+        record.setStatus(NotificationConstants.Status.UNREAD.name());
+        record.setReceiver(userId);
+        return extNotificationMapper.countByReceiver(record);
+    }
+
+    public List<NotificationDTO> listLastNotification(String userId, String organizationId) {
+        //获取已开启的模块
+        List<String> modules = sendModuleService.getNoticeModules();
+        if (CollectionUtils.isEmpty(modules)) {
+            return new ArrayList<>();
+        }
+        List<NotificationDTO> notifications = extNotificationMapper.selectLastList(userId, organizationId, modules);
+        notifications.forEach(notification -> notification.setContentText(new String(notification.getContent())));
+        return notifications;
+    }
+
+    public List<NotificationDTO> listLastAnnouncement(String userId, String organizationId) {
+        List<NotificationDTO> notifications = extNotificationMapper.selectLastAnnouncementList(userId, organizationId);
+        notifications.forEach(notification -> notification.setContentText(new String(notification.getContent())));
+        return notifications;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/OrganizationConfigService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/OrganizationConfigService.java
new file mode 100644
index 0000000..e6dbe72
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/OrganizationConfigService.java
@@ -0,0 +1,198 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.common.constants.ThirdConfigTypeConstants;
+import cn.cordys.common.constants.ThirdDetailType;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.constants.OrganizationConfigConstants;
+import cn.cordys.crm.system.domain.OrganizationConfig;
+import cn.cordys.crm.system.domain.OrganizationConfigDetail;
+import cn.cordys.crm.system.dto.response.EmailDTO;
+import cn.cordys.crm.system.mapper.ExtOrganizationConfigDetailMapper;
+import cn.cordys.crm.system.mapper.ExtOrganizationConfigMapper;
+import cn.cordys.crm.system.utils.MailSender;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import jakarta.mail.internet.InternetAddress;
+import jakarta.mail.internet.MimeMessage;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.mail.javamail.JavaMailSenderImpl;
+import org.springframework.mail.javamail.MimeMessageHelper;
+import org.springframework.stereotype.Service;
+
+import java.util.Objects;
+
+@Service
+@Slf4j
+public class OrganizationConfigService {
+
+    @Resource
+    private ExtOrganizationConfigMapper extOrganizationConfigMapper;
+
+    @Resource
+    private ExtOrganizationConfigDetailMapper extOrganizationConfigDetailMapper;
+
+    @Resource
+    private BaseMapper<OrganizationConfigDetail> organizationConfigDetailBaseMapper;
+
+    @Resource
+    private BaseMapper<OrganizationConfig> organizationConfigBaseMapper;
+
+    @Resource
+    private MailSender mailSender;
+
+
+    public EmailDTO getEmail(String organizationId) {
+        OrganizationConfig organizationConfig = extOrganizationConfigMapper.getOrganizationConfig(organizationId, OrganizationConfigConstants.ConfigType.EMAIL.name());
+        if (organizationConfig == null) {
+            return new EmailDTO();
+        }
+        OrganizationConfigDetail organizationConfigDetail = extOrganizationConfigDetailMapper.getOrganizationConfigDetail(organizationConfig.getId());
+        if (organizationConfigDetail == null) {
+            return new EmailDTO();
+        }
+        return JSON.parseObject(new String(organizationConfigDetail.getContent()), EmailDTO.class);
+    }
+
+    @OperationLog(module = LogModule.SYSTEM_BUSINESS_MAIL, type = LogType.UPDATE, operator = "{#userId}")
+    public void editEmail(EmailDTO emailDTO, String organizationId, String userId) {
+        OrganizationConfig organizationConfig = extOrganizationConfigMapper.getOrganizationConfig(organizationId, OrganizationConfigConstants.ConfigType.EMAIL.name());
+        if (organizationConfig == null) {
+            organizationConfig = new OrganizationConfig();
+            organizationConfig.setId(IDGenerator.nextStr());
+            organizationConfig.setOrganizationId(organizationId);
+            organizationConfig.setType(OrganizationConfigConstants.ConfigType.EMAIL.name());
+            organizationConfig.setCreateTime(System.currentTimeMillis());
+            organizationConfig.setUpdateTime(System.currentTimeMillis());
+            organizationConfig.setCreateUser(userId);
+            organizationConfig.setUpdateUser(userId);
+            organizationConfigBaseMapper.insert(organizationConfig);
+        }
+        EmailDTO emailDTOOld = new EmailDTO();
+        OrganizationConfigDetail organizationConfigDetail = extOrganizationConfigDetailMapper.getOrganizationConfigDetail(organizationConfig.getId());
+        if (organizationConfigDetail == null) {
+            organizationConfigDetail = getOrganizationConfigDetail(userId, organizationConfig, JSON.toJSONString(emailDTO));
+            organizationConfigDetail.setType(OrganizationConfigConstants.ConfigType.EMAIL.name());
+            organizationConfigDetail.setName(Translator.get("email.setting"));
+            organizationConfigDetail.setEnable(true);
+            organizationConfigDetailBaseMapper.insert(organizationConfigDetail);
+        } else {
+            emailDTOOld = JSON.parseObject(new String(organizationConfigDetail.getContent()), EmailDTO.class);
+            organizationConfigDetail.setContent(JSON.toJSONBytes(emailDTO));
+            organizationConfigDetail.setUpdateTime(System.currentTimeMillis());
+            organizationConfigDetail.setUpdateUser(userId);
+            organizationConfigDetailBaseMapper.update(organizationConfigDetail);
+        }
+
+        // 添加日志上下文
+        OperationLogContext.setContext(LogContextInfo.builder()
+                .originalValue(emailDTOOld)
+                .resourceName(Translator.get("email.setting"))
+                .resourceId(organizationConfigDetail.getId())
+                .modifiedValue(emailDTO)
+                .build());
+
+    }
+
+    private OrganizationConfigDetail getOrganizationConfigDetail(String userId, OrganizationConfig organizationConfig, String jsonString) {
+        OrganizationConfigDetail organizationConfigDetail = new OrganizationConfigDetail();
+        organizationConfigDetail.setId(IDGenerator.nextStr());
+        organizationConfigDetail.setContent(jsonString.getBytes());
+        organizationConfigDetail.setCreateTime(System.currentTimeMillis());
+        organizationConfigDetail.setUpdateTime(System.currentTimeMillis());
+        organizationConfigDetail.setCreateUser(userId);
+        organizationConfigDetail.setUpdateUser(userId);
+        organizationConfigDetail.setConfigId(organizationConfig.getId());
+        return organizationConfigDetail;
+    }
+
+    public void verifyEmailConnection(EmailDTO emailDTO) {
+        try {
+            JavaMailSenderImpl javaMailSender = mailSender.buildMailSender(emailDTO);
+            javaMailSender.testConnection();
+
+            String recipient = emailDTO.getRecipient();
+            if (StringUtils.isBlank(recipient)) {
+                return; // Early exit if recipient is blank
+            }
+
+            MimeMessage mimeMessage = javaMailSender.createMimeMessage();
+            MimeMessageHelper helper = new MimeMessageHelper(mimeMessage, true);
+
+            String username = javaMailSender.getUsername();
+            String email = StringUtils.isNotBlank(username) && username.contains("@")
+                    ? username
+                    : username + "@" + Objects.requireNonNull(javaMailSender.getHost()).substring(javaMailSender.getHost().indexOf(".") + 1);
+
+            InternetAddress from = new InternetAddress();
+            String smtpFrom = emailDTO.getFrom();
+            if (StringUtils.isBlank(smtpFrom)) {
+                from.setAddress(email);
+                from.setPersonal(username);
+            } else {
+                from.setAddress(smtpFrom.contains("@") ? smtpFrom : email);
+                from.setPersonal(smtpFrom);
+            }
+            helper.setFrom(from);
+            helper.setSubject("Cordys CRM 测试邮件");
+
+            log.info("收件人地址: {}", recipient);
+            helper.setText("这是一封测试邮件，邮件发送成功", true);
+            helper.setTo(recipient);
+
+            javaMailSender.send(mimeMessage);
+        } catch (Exception e) {
+            log.error("邮件发送或连接测试失败: ", e);
+            throw new GenericException(Translator.get("email.connection.failed"));
+        }
+    }
+
+
+    /**
+     * 当前组织的用户数据是否是第三方同步的
+     *
+     * @param organizationId 组织ID
+     *
+     * @return true 是第三方同步的 false 不是第三方同步的
+     */
+    public boolean syncCheck(String organizationId) {
+        OrganizationConfig organizationConfig = extOrganizationConfigMapper.getOrganizationConfig(
+                organizationId, OrganizationConfigConstants.ConfigType.THIRD.name());
+        String type;
+        if (organizationConfig == null || StringUtils.isBlank(organizationConfig.getSyncResource())) {
+            return false;
+        }
+        if (organizationConfig.getSyncResource().equals(ThirdConfigTypeConstants.WECOM.name())) {
+            type = ThirdDetailType.WECOM_SYNC.name();
+        } else if (organizationConfig.getSyncResource().equals(ThirdConfigTypeConstants.DINGTALK.name())) {
+            type = ThirdDetailType.DINGTALK_SYNC.name();
+        } else if (organizationConfig.getSyncResource().equals(ThirdConfigTypeConstants.LARK.name())) {
+            type = ThirdDetailType.LARK_SYNC.name();
+        } else {
+            return false;
+        }
+        return extOrganizationConfigMapper.getSyncFlag(organizationId, type) > 0;
+    }
+
+
+    /**
+     * 更新三方同步标识
+     *
+     * @param orgId        组织ID
+     * @param syncResource 同步来源
+     */
+    public void updateSyncFlag(String orgId, String syncResource, Boolean syncStatus) {
+        extOrganizationConfigMapper.updateSyncFlag(orgId, syncResource, OrganizationConfigConstants.ConfigType.THIRD.name(), syncStatus);
+    }
+
+
+}
+
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/OrganizationLogService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/OrganizationLogService.java
new file mode 100644
index 0000000..eab2e70
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/OrganizationLogService.java
@@ -0,0 +1,124 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.dto.JsonDifferenceDTO;
+import cn.cordys.common.util.Translator;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.text.SimpleDateFormat;
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Map;
+import java.util.function.Consumer;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class OrganizationLogService extends BaseModuleLogService {
+    @Resource
+    private DepartmentService departmentService;
+    @Resource
+    private OrganizationUserService organizationUserService;
+
+    private void handRoleValueName(JsonDifferenceDTO differ) {
+        differ.setOldValueName(resolveRoleNames(differ.getOldValue()));
+        differ.setNewValueName(resolveRoleNames(differ.getNewValue()));
+    }
+
+    private static List<String> resolveRoleNames(Object value) {
+        if (!(value instanceof List<?> list)) {
+            return new ArrayList<>();
+        }
+
+        List<String> result = new ArrayList<>();
+        for (Object item : list) {
+            if (!(item instanceof Map<?, ?> map)) {
+                continue;
+            }
+
+            Object nameValue = map.get("name");
+            if (nameValue == null) {
+                continue;
+            }
+
+            result.add(resolveRoleName(nameValue.toString()));
+        }
+        return result;
+    }
+
+    private static String resolveRoleName(String roleKey) {
+        return switch (roleKey) {
+            case "org_admin" -> Translator.get("role.org_admin");
+            case "sales_manager" -> Translator.get("role.sales_staff");
+            case "role.sales_manager" -> Translator.get("role.sales_manager");
+            default -> roleKey;
+        };
+    }
+
+    @Override
+    public List<JsonDifferenceDTO> handleLogField(List<JsonDifferenceDTO> differences, String orgId) {
+        differences = super.handleModuleLogField(differences, orgId, FormKey.OPPORTUNITY.getKey());
+
+        // 构建列名 -> 处理函数映射
+        Map<String, Consumer<JsonDifferenceDTO>> handlers = Map.of(
+                Translator.get("log.roles"), this::handRoleValueName,
+                Translator.get("log.commander"), this::setUserFieldName,
+                Translator.get("log.departmentId"), this::setDepartmentName,
+                Translator.get("log.supervisorId"), this::setSupervisorName,
+                Translator.get("log.enable"), differ -> {
+                    differ.setOldValueName(toText(differ.getOldValueName(), "log.enable.true", "log.enable.false"));
+                    differ.setNewValueName(toText(differ.getNewValueName(), "log.enable.true", "log.enable.false"));
+                },
+                Translator.get("log.gender"), differ -> {
+                    differ.setOldValueName(toText(differ.getOldValueName(), "woman", "man"));
+                    differ.setNewValueName(toText(differ.getNewValueName(), "woman", "man"));
+                },
+                Translator.get("log.employeeType"), differ -> {
+                    differ.setOldValueName(Translator.get(differ.getOldValue().toString()));
+                    differ.setNewValueName(Translator.get(differ.getNewValue().toString()));
+                },
+                Translator.get("log.onboardingDate"), differ -> {
+                    setFormatDataTimeFieldValueName(differ,new SimpleDateFormat("yyyy-MM-dd"));
+                }
+        );
+
+        // 流式处理
+        differences.forEach(differ ->
+                handlers.entrySet().stream()
+                        .filter(e -> Strings.CS.equals(differ.getColumnName(), e.getKey()))
+                        .findFirst()
+                        .ifPresent(e -> e.getValue().accept(differ))
+        );
+
+        return differences;
+    }
+
+    // 通用 Boolean / Object 转译方法
+    private String toText(Object value, String trueKey, String falseKey) {
+        return Translator.get(Boolean.parseBoolean(value.toString()) ? trueKey : falseKey);
+    }
+
+    protected void setDepartmentName(JsonDifferenceDTO differ) {
+        if (differ.getOldValue() != null) {
+            String userName = departmentService.getDepartmentName(differ.getOldValue().toString());
+            differ.setOldValueName(userName);
+        }
+        if (differ.getNewValue() != null) {
+            String userName = departmentService.getDepartmentName(differ.getNewValue().toString());
+            differ.setNewValueName(userName);
+        }
+    }
+
+    protected void setSupervisorName(JsonDifferenceDTO differ) {
+        if (differ.getOldValue() != null) {
+            String userName = organizationUserService.getSupervisorName(differ.getOldValue().toString());
+            differ.setOldValueName(userName);
+        }
+        if (differ.getNewValue() != null) {
+            String userName = organizationUserService.getSupervisorName(differ.getNewValue().toString());
+            differ.setNewValueName(userName);
+        }
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/OrganizationUserService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/OrganizationUserService.java
new file mode 100644
index 0000000..f822bb1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/OrganizationUserService.java
@@ -0,0 +1,1004 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.aspectj.dto.LogDTO;
+import cn.cordys.common.constants.InternalRole;
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.dto.BaseTreeNode;
+import cn.cordys.common.dto.DeptUserTreeNode;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.permission.PermissionCache;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.CodingUtils;
+import cn.cordys.common.util.SubListUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.approval.service.ApprovalActionService;
+import cn.cordys.crm.clue.mapper.ExtClueMapper;
+import cn.cordys.crm.customer.mapper.ExtCustomerMapper;
+import cn.cordys.crm.opportunity.mapper.ExtOpportunityMapper;
+import cn.cordys.crm.search.mapper.ExtUserSearchConfigMapper;
+import cn.cordys.crm.system.domain.*;
+import cn.cordys.crm.system.dto.convert.UserRoleConvert;
+import cn.cordys.crm.system.dto.request.*;
+import cn.cordys.crm.system.dto.response.UserImportDTO;
+import cn.cordys.crm.system.dto.response.UserImportResponse;
+import cn.cordys.crm.system.dto.response.UserPageResponse;
+import cn.cordys.crm.system.dto.response.UserResponse;
+import cn.cordys.crm.system.excel.domain.UserExcelData;
+import cn.cordys.crm.system.excel.domain.UserExcelDataFactory;
+import cn.cordys.crm.system.excel.handler.UserTemplateWriteHandler;
+import cn.cordys.crm.system.excel.listener.UserCheckEventListener;
+import cn.cordys.crm.system.excel.listener.UserImportEventListener;
+import cn.cordys.crm.system.mapper.*;
+import cn.cordys.excel.utils.EasyExcelExporter;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.security.SessionUtils;
+import cn.idev.excel.FastExcelFactory;
+import jakarta.annotation.Resource;
+import jakarta.servlet.http.HttpServletResponse;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.apache.ibatis.session.ExecutorType;
+import org.apache.ibatis.session.SqlSession;
+import org.apache.ibatis.session.SqlSessionFactory;
+import org.mybatis.spring.SqlSessionUtils;
+import org.springframework.cache.annotation.CacheEvict;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+import org.springframework.web.multipart.MultipartFile;
+
+import java.util.*;
+import java.util.function.Function;
+import java.util.stream.Collectors;
+
+
+@Service("organizationUserService")
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class OrganizationUserService {
+
+    @Resource
+    private ExtOrganizationUserMapper extOrganizationUserMapper;
+    @Resource
+    private ExtUserMapper extUserMapper;
+    @Resource
+    private RoleService roleService;
+    @Resource
+    private BaseMapper<User> userMapper;
+    @Resource
+    private BaseMapper<OrganizationUser> organizationUserMapper;
+    @Resource
+    private BaseMapper<UserRole> userRoleMapper;
+    @Resource
+    private ExtUserRoleMapper extUserRoleMapper;
+    @Resource
+    private LogService logService;
+    @Resource
+    private ExtDepartmentCommanderMapper extDepartmentCommanderMapper;
+    @Resource
+    private ExtDepartmentMapper extDepartmentMapper;
+    @Resource
+    private BaseMapper<DepartmentCommander> departmentCommanderMapper;
+    @Resource
+    private BaseMapper<UserExtend> userExtendMapper;
+    @Resource
+    private ExtUserExtendMapper extUserExtendMapper;
+    @Resource
+    private BaseMapper<Department> departmentMapper;
+    @Resource
+    private DepartmentService departmentService;
+    @Resource
+    private SqlSessionFactory sqlSessionFactory;
+    @Resource
+    private ExtOpportunityMapper extOpportunityMapper;
+    @Resource
+    private ExtCustomerMapper extCustomerMapper;
+    @Resource
+    private ExtClueMapper extClueMapper;
+    @Resource
+    private ExtUserViewMapper extUserViewMapper;
+    @Resource
+    private ExtUserViewConditionMapper extUserViewConditionMapper;
+    @Resource
+    private ExtUserSearchConfigMapper extUserSearchConfigMapper;
+    @Resource
+    private PermissionCache permissionCache;
+    @Resource
+    private ExtNotificationMapper extNotificationMapper;
+    @Resource
+    private UserRoleService userRoleService;
+    @Resource
+    private ApprovalActionService approvalActionService;
+
+
+    /**
+     * 员工列表查询
+     *
+     * @param request
+     * @return
+     */
+    public List<UserPageResponse> list(UserPageRequest request) {
+        String orderByClause = buildOrderByFieldClause(request.getDepartmentIds());
+        request.setDepartmentIds(request.getDepartmentIds().stream().filter(id -> id.chars().allMatch(Character::isDigit)).toList());
+        List<UserPageResponse> list = extOrganizationUserMapper.list(request, orderByClause);
+        handleData(list, request.getDepartmentIds().getFirst());
+        return list;
+    }
+
+    private String buildOrderByFieldClause(List<String> departmentIds) {
+        if (departmentIds == null || departmentIds.isEmpty()) {
+            return "1"; // 默认排序，如果无部门ID传入
+        }
+        departmentIds = departmentIds.stream().filter(id -> id.chars().allMatch(Character::isDigit)).toList();
+        StringJoiner sj = new StringJoiner(",", "FIELD(department_id, ", ")");
+        for (String deptId : departmentIds) {
+            sj.add("'" + deptId + "'");
+        }
+        return sj.toString();
+    }
+
+
+    private void handleData(List<UserPageResponse> list, String departmentId) {
+        if (CollectionUtils.isNotEmpty(list)) {
+            String orgId = list.stream().
+                    map(UserPageResponse::getOrganizationId)
+                    .toList()
+                    .getFirst();
+            List<String> userIds = list.stream()
+                    .map(UserPageResponse::getUserId)
+                    .toList();
+            //获取用户角色
+            List<UserRoleConvert> userRoles = extUserMapper.getUserRole(userIds, orgId);
+            userRoles.forEach(role -> role.setName(roleService.translateInternalRole(role.getName())));
+            Map<String, List<UserRoleConvert>> userRoleMap = userRoles.stream()
+                    .collect(Collectors.groupingBy(UserRoleConvert::getUserId));
+            //创建人 更新人
+            List<String> ids = new ArrayList<>();
+            ids.addAll(list.stream().map(UserPageResponse::getCreateUser).toList());
+            ids.addAll(list.stream().map(UserPageResponse::getUpdateUser).toList());
+            List<OptionDTO> options = extUserMapper.selectUserOptionByIds(ids);
+            Map<String, String> userMap = options
+                    .stream()
+                    .collect(Collectors.toMap(OptionDTO::getId, OptionDTO::getName));
+            //直属上级
+            List<String> supervisorIds = list.stream()
+                    .map(UserPageResponse::getSupervisorId)
+                    .distinct()
+                    .toList();
+            List<OptionDTO> supervisors = extUserMapper.selectUserOptionByIds(supervisorIds);
+            Map<String, String> supervisorMap = supervisors.stream()
+                    .collect(Collectors.toMap(OptionDTO::getId, OptionDTO::getName));
+            //部门
+            List<String> departmentIds = list.stream()
+                    .map(UserPageResponse::getDepartmentId)
+                    .distinct()
+                    .toList();
+            List<Department> departmentList = departmentMapper.selectByIds(departmentIds.toArray(new String[0]));
+            Map<String, String> departmentMap = departmentList.stream()
+                    .collect(Collectors.toMap(Department::getId, Department::getName));
+            //部门负责人
+            List<String> commanderIds = extDepartmentCommanderMapper.selectCommander(departmentId, list.getFirst().getOrganizationId());
+
+            //todo 暂无用户组 后续需求再处理
+            list.forEach(user -> {
+                if (userRoleMap.containsKey(user.getUserId())) {
+                    user.setRoles(userRoleMap.get(user.getUserId()));
+                }
+                if (userMap.containsKey(user.getCreateUser())) {
+                    user.setCreateUserName(userMap.get(user.getCreateUser()));
+                }
+                if (userMap.containsKey(user.getUpdateUser())) {
+                    user.setUpdateUserName(userMap.get(user.getUpdateUser()));
+                }
+                if (departmentMap.containsKey(user.getDepartmentId())) {
+                    user.setDepartmentName(departmentMap.get(user.getDepartmentId()));
+                }
+                if (supervisorMap.containsKey(user.getSupervisorId())) {
+                    user.setSupervisorName(supervisorMap.get(user.getSupervisorId()));
+                }
+                if (commanderIds.contains(user.getUserId())) {
+                    user.setCommander(true);
+                }
+            });
+
+        }
+    }
+
+
+    /**
+     * 添加员工
+     *
+     * @param request
+     * @param organizationId
+     * @param operatorId
+     */
+    @OperationLog(module = LogModule.SYSTEM_ORGANIZATION, type = LogType.ADD, operator = "{#operatorId}")
+    public void addUser(UserAddRequest request, String organizationId, String operatorId) {
+        String id = IDGenerator.nextStr();
+        //邮箱和手机号唯一性校验
+        checkEmailAndPhone(request.getEmail(), request.getPhone(), id);
+        //add user base
+        User user = addUserBaseData(request, operatorId, id);
+        user.setLastOrganizationId(organizationId);
+        //add user info
+        addUserInfo(request, organizationId, operatorId, user.getId());
+        //add user role
+        addUserRole(request.getRoleIds(), user.getId(), operatorId);
+        //todo add user group
+        //添加日志上下文
+        OperationLogContext.setContext(LogContextInfo.builder()
+                .originalValue(null)
+                .modifiedValue(user)
+                .resourceName(user.getName())
+                .resourceId(user.getId())
+                .build());
+    }
+
+
+    /**
+     * 添加用户角色关系
+     *
+     * @param roleIds
+     * @param userId
+     * @param operatorId
+     */
+    private void addUserRole(List<String> roleIds, String userId, String operatorId) {
+        if (CollectionUtils.isNotEmpty(roleIds)) {
+            List<UserRole> list = new ArrayList<>();
+            roleIds.forEach(roleId -> {
+                UserRole userRole = new UserRole();
+                userRole.setId(IDGenerator.nextStr());
+                userRole.setUserId(userId);
+                userRole.setRoleId(roleId);
+                userRole.setCreateTime(System.currentTimeMillis());
+                userRole.setCreateUser(operatorId);
+                userRole.setUpdateTime(System.currentTimeMillis());
+                userRole.setUpdateUser(operatorId);
+                list.add(userRole);
+            });
+            userRoleMapper.batchInsert(list);
+        }
+    }
+
+
+    /**
+     * 添加用戶信息
+     *
+     * @param request
+     * @param organizationId
+     * @param userId
+     */
+    private void addUserInfo(UserAddRequest request, String organizationId, String operatorId, String userId) {
+        OrganizationUser orgUser = new OrganizationUser();
+        BeanUtils.copyBean(orgUser, request);
+        orgUser.setId(IDGenerator.nextStr());
+        orgUser.setOrganizationId(organizationId);
+        orgUser.setUserId(userId);
+        orgUser.setCreateTime(System.currentTimeMillis());
+        orgUser.setCreateUser(operatorId);
+        orgUser.setUpdateTime(System.currentTimeMillis());
+        orgUser.setUpdateUser(operatorId);
+        orgUser.setOnboardingDate(request.getOnboardingDate());
+        organizationUserMapper.insert(orgUser);
+    }
+
+    /**
+     * 邮箱和手机号唯一性校验
+     *
+     * @param email
+     * @param phone
+     */
+    private void checkEmailAndPhone(String email, String phone, String id) {
+        if (extUserMapper.countByEmail(email, id) > 0) {
+            throw new GenericException(Translator.get("email.exist"));
+        }
+        if (extUserMapper.countByPhone(phone, id) > 0) {
+            throw new GenericException(Translator.get("phone.exist"));
+        }
+
+    }
+
+    /**
+     * 添加用户基本数据
+     *
+     * @param request
+     * @param operatorId
+     * @return
+     */
+    private User addUserBaseData(UserAddRequest request, String operatorId, String id) {
+        User user = new User();
+        BeanUtils.copyBean(user, request);
+        user.setId(id);
+        user.setPassword(CodingUtils.md5(request.getPhone().substring(request.getPhone().length() - 6)));
+        user.setCreateTime(System.currentTimeMillis());
+        user.setCreateUser(operatorId);
+        user.setUpdateTime(System.currentTimeMillis());
+        user.setUpdateUser(operatorId);
+        user.setLanguage(Locale.SIMPLIFIED_CHINESE.toString());
+        userMapper.insert(user);
+        return user;
+    }
+
+
+    /**
+     * 获取用户详情
+     *
+     * @param id
+     * @return
+     */
+    public UserResponse getUserDetail(String id) {
+        UserResponse userDetail = extUserMapper.getUserDetail(id);
+        if (StringUtils.isNotBlank(userDetail.getSupervisorId())) {
+            User user = userMapper.selectByPrimaryKey(userDetail.getSupervisorId());
+            userDetail.setSupervisorName(Optional.ofNullable(user).map(User::getName).orElse(null));
+        }
+        //获取用户角色
+        List<UserRoleConvert> userRoles = extUserMapper.getUserRole(List.of(userDetail.getUserId()), userDetail.getOrganizationId());
+        userRoles.forEach(role -> role.setName(roleService.translateInternalRole(role.getName())));
+        userDetail.setRoles(userRoles);
+        return userDetail;
+    }
+
+    /**
+     * 更新用户
+     *
+     * @param request
+     * @param operatorId
+     */
+    @OperationLog(module = LogModule.SYSTEM_ORGANIZATION, type = LogType.UPDATE, operator = "{#operatorId}")
+    public void updateUser(UserUpdateRequest request, String operatorId, String orgId) {
+        UserResponse oldUser = getUserDetail(request.getId());
+        //邮箱和手机号唯一性校验
+        checkEmailAndPhone(request.getEmail(), request.getPhone(), oldUser.getUserId());
+        //update user info
+        updateUserInfo(request, operatorId, oldUser);
+        //update user base
+        updateUserBaseData(request, operatorId, oldUser.getUserId());
+        //update user role
+        updateUserRole(request.getRoleIds(), oldUser, operatorId, orgId);
+        if (!request.getEnable()) {
+            // 踢出该用户
+            SessionUtils.kickOutUser(operatorId, oldUser.getUserId());
+        }
+
+        //添加日志上下文
+        OperationLogContext.setContext(LogContextInfo.builder()
+                .originalValue(oldUser)
+                .resourceName(oldUser.getUserName())
+                .modifiedValue(getUserDetail(request.getId()))
+                .resourceId(oldUser.getId())
+                .build());
+    }
+
+    /**
+     * 更新用户角色
+     *
+     * @param roleIds
+     * @param oldUser
+     * @param operatorId
+     */
+    private void updateUserRole(List<String> roleIds, UserResponse oldUser, String operatorId, String orgId) {
+        Optional.ofNullable(roleIds).ifPresent(ids -> extUserRoleMapper.deleteUserRoleByUserId(oldUser.getUserId()));
+        if (CollectionUtils.isNotEmpty(roleIds)) {
+            addUserRole(roleIds, oldUser.getUserId(), operatorId);
+        }
+        permissionCache.clearCache(oldUser.getUserId(), orgId);
+    }
+
+    /**
+     * 更新用户信息
+     *
+     * @param request
+     * @param operatorId
+     */
+    private void updateUserInfo(UserUpdateRequest request, String operatorId, UserResponse user) {
+        OrganizationUser organizationUser = BeanUtils.copyBean(new OrganizationUser(), user);
+        BeanUtils.copyBean(organizationUser, request);
+        organizationUser.setUpdateTime(System.currentTimeMillis());
+        organizationUser.setUpdateUser(operatorId);
+        organizationUser.setOnboardingDate(request.getOnboardingDate());
+        extOrganizationUserMapper.updateById(organizationUser);
+    }
+
+
+    /**
+     * 更新用户基本数据
+     *
+     * @param request
+     * @param operatorId
+     * @param userId
+     */
+    private void updateUserBaseData(UserUpdateRequest request, String operatorId, String userId) {
+        User updateUser = BeanUtils.copyBean(new User(), request);
+        updateUser.setId(userId);
+        updateUser.setUpdateTime(System.currentTimeMillis());
+        updateUser.setUpdateUser(operatorId);
+        userMapper.updateById(updateUser);
+    }
+
+    /**
+     * 重置密码
+     *
+     * @param userId
+     * @param operatorId
+     */
+    public void resetPassword(String userId, String operatorId, String orgId) {
+        if (!Strings.CI.equals(userId, InternalUser.ADMIN.getValue())) {
+            User user = userMapper.selectByPrimaryKey(userId);
+            if (StringUtils.isBlank(user.getPhone())) {
+                throw new GenericException(Translator.get("user_phone_not_exist"));
+            }
+            user.setPassword(CodingUtils.md5(user.getPhone().substring(user.getPhone().length() - 6)));
+            user.setUpdateTime(System.currentTimeMillis());
+            user.setUpdateUser(operatorId);
+            userMapper.updateById(user);
+
+            // 踢出该用户
+            SessionUtils.kickOutUser(operatorId, userId);
+
+            LogDTO logDTO = new LogDTO(orgId, userId, operatorId, LogType.UPDATE, LogModule.SYSTEM_ORGANIZATION, user.getName());
+            Map<String, String> oldMap = new HashMap<>();
+            oldMap.put("userPassword", "############");
+            Map<String, String> newMap = new HashMap<>();
+            newMap.put("userPassword", "************");
+            logDTO.setOriginalValue(oldMap);
+            logDTO.setModifiedValue(newMap);
+            logService.add(logDTO);
+        }
+    }
+
+    /**
+     * 批量启用/禁用
+     *
+     * @param request
+     * @param operatorId
+     */
+    public void enable(UserBatchEnableRequest request, String operatorId, String orgId) {
+        extOrganizationUserMapper.enable(request, operatorId, System.currentTimeMillis());
+
+        // 记录日志
+        OrganizationUser originUser = new OrganizationUser();
+        originUser.setEnable(!request.isEnable());
+        OrganizationUser newUser = new OrganizationUser();
+        newUser.setEnable(request.isEnable());
+        SubListUtils.dealForSubList(request.getIds(), 50, ids -> {
+            List<OptionDTO> orgUsers = extOrganizationUserMapper.selectEnableOrgUser(ids, !request.isEnable());
+            if (!request.isEnable()) {
+                List<String> userIds = orgUsers.stream().map(OptionDTO::getId).toList();
+                approvalActionService.refreshApprovingTasksForDisabledUser(userIds, orgId);
+            }
+
+            List<LogDTO> logs = new ArrayList<>();
+            orgUsers.forEach(orgUser -> {
+                // 踢出该用户
+                SessionUtils.kickOutUser(operatorId, orgUser.getId());
+
+                LogDTO logDTO = new LogDTO(orgId, orgUser.getId(), operatorId, LogType.UPDATE, LogModule.SYSTEM_ORGANIZATION, orgUser.getName());
+                logDTO.setOriginalValue(originUser);
+                logDTO.setModifiedValue(newUser);
+                logs.add(logDTO);
+            });
+
+            logService.batchAdd(logs);
+        });
+    }
+
+
+    /**
+     * 批量重置密码
+     *
+     * @param request
+     * @param operatorId
+     * @param orgId
+     */
+    public void batchResetPassword(UserBatchRequest request, String operatorId, String orgId) {
+        List<User> userList = extOrganizationUserMapper.getUserList(request);
+        if (CollectionUtils.isEmpty(userList)) {
+            throw new GenericException(Translator.get("user_phone_not_exist"));
+        }
+
+        List<LogDTO> logs = new ArrayList<>();
+        Map<String, String> oldMap = new HashMap<>();
+        oldMap.put("userPassword", "############");
+        Map<String, String> newMap = new HashMap<>();
+        newMap.put("userPassword", "************");
+        userList.forEach(user -> {
+            if (!Strings.CI.equals(user.getId(), InternalUser.ADMIN.getValue())) {
+                user.setPassword(CodingUtils.md5(user.getPhone().substring(user.getPhone().length() - 6)));
+            }
+            user.setUpdateTime(System.currentTimeMillis());
+            user.setUpdateUser(operatorId);
+            LogDTO logDTO = new LogDTO(orgId, user.getId(), operatorId, LogType.UPDATE, LogModule.SYSTEM_ORGANIZATION, user.getName());
+            logDTO.setOriginalValue(oldMap);
+            logDTO.setModifiedValue(newMap);
+            logs.add(logDTO);
+            // 踢出该用户
+            SessionUtils.kickOutUser(operatorId, user.getId());
+        });
+        extUserMapper.batchUpdatePassword(userList);
+        logService.batchAdd(logs);
+
+    }
+
+
+    /**
+     * 删除用户
+     *
+     * @param orgId
+     */
+    public void deleteUser(String orgId) {
+        List<String> departmentIds = extDepartmentMapper.selectAllDepartmentIds(orgId);
+        if (CollectionUtils.isNotEmpty(departmentIds)) {
+            extDepartmentCommanderMapper.deleteByDepartmentIds(departmentIds);
+        }
+        List<User> userList = extUserMapper.getAllUserIds(orgId);
+        List<String> ids = userList.stream().map(User::getId).toList();
+        if (CollectionUtils.isNotEmpty(ids)) {
+            extUserMapper.deleteByIds(ids);
+            extUserExtendMapper.deleteUser(ids);
+            // 删除用户角色关联
+            extUserRoleMapper.deleteUserRoleByUserIds(ids);
+            extUserViewConditionMapper.deleteByUserIds(ids, orgId);
+            extUserViewMapper.deleteUserViewByUserIds(ids, orgId);
+            extUserSearchConfigMapper.deleteByUserIds(ids, orgId);
+            //删除用户收到的公告和通知
+            extNotificationMapper.deleteByReceivers(ids, orgId);
+        }
+        // 踢出用户
+        userList.forEach(user -> SessionUtils.kickOutUser(user.getName()));
+        extOrganizationUserMapper.deleteUserByOrgId(orgId);
+
+    }
+
+    /**
+     * 保存同步信息
+     *
+     * @param users
+     * @param userExtends
+     * @param organizationUsers
+     * @param departmentCommanders
+     */
+    public void save(List<User> users, List<UserExtend> userExtends, List<OrganizationUser> organizationUsers, List<DepartmentCommander> departmentCommanders) {
+        userMapper.batchInsert(users);
+        userExtendMapper.batchInsert(userExtends);
+        organizationUserMapper.batchInsert(organizationUsers);
+        departmentCommanderMapper.batchInsert(departmentCommanders);
+    }
+
+    public void disableUsers(List<OrganizationUser> userList) {
+        try {
+            userList.forEach(user -> SessionUtils.kickOutUser(user.getUserId()));
+        } catch (Exception e) {
+            log.error("disableUsers kick out user error", e);
+        }
+        SqlSession sqlSession = sqlSessionFactory.openSession(ExecutorType.BATCH);
+        ExtUserMapper extUserMapper = sqlSession.getMapper(ExtUserMapper.class);
+        ExtOrganizationUserMapper extOrganizationUserMapper = sqlSession.getMapper(ExtOrganizationUserMapper.class);
+        userList.forEach(extUserMapper::updateUserInfo);
+        userList.forEach(extOrganizationUserMapper::disableUser);
+        sqlSession.flushStatements();
+        SqlSessionUtils.closeSqlSession(sqlSession, sqlSessionFactory);
+    }
+
+
+    /**
+     * 更新同步信息
+     *
+     * @param updateUsers
+     * @param updateOrganizationUsers
+     */
+    public void update(List<User> updateUsers, List<OrganizationUser> updateOrganizationUsers) {
+        SqlSession sqlSession = sqlSessionFactory.openSession(ExecutorType.BATCH);
+        ExtUserMapper extUserMapper = sqlSession.getMapper(ExtUserMapper.class);
+        ExtOrganizationUserMapper extOrganizationUserMapper = sqlSession.getMapper(ExtOrganizationUserMapper.class);
+        updateUsers.forEach(extUserMapper::updateUser);
+        updateOrganizationUsers.forEach(extOrganizationUserMapper::updateOrganizationUser);
+        sqlSession.flushStatements();
+        SqlSessionUtils.closeSqlSession(sqlSession, sqlSessionFactory);
+    }
+
+
+    /**
+     * 批量编辑用户
+     *
+     * @param request
+     * @param operatorId
+     * @param organizationId
+     */
+    public void batchEditUser(UserBatchEditRequest request, String operatorId, String organizationId) {
+        List<UserResponse> originUser = extOrganizationUserMapper.selectByIds(request.getIds());
+        extOrganizationUserMapper.updateUserByIds(request, operatorId, organizationId);
+        List<UserResponse> modifiedUser = extOrganizationUserMapper.selectByIds(request.getIds());
+        Map<String, UserResponse> userMap = modifiedUser.stream().collect(Collectors.toMap(UserResponse::getUserId, Function.identity()));
+
+
+        List<LogDTO> logs = originUser.stream()
+                .map(origUser -> {
+                    LogDTO logDTO = new LogDTO(organizationId, origUser.getUserId(), operatorId, LogType.UPDATE, LogModule.SYSTEM_ORGANIZATION, origUser.getUserName());
+                    logDTO.setOriginalValue(origUser);
+                    logDTO.setModifiedValue(userMap.get(origUser.getUserId()));
+                    return logDTO;
+                }).toList();
+        logService.batchAdd(logs);
+
+    }
+
+
+    /**
+     * excel导入-下载模板
+     *
+     * @param response
+     */
+    public void downloadExcelTemplate(HttpServletResponse response) {
+        //获取表头字段
+        List<List<String>> heads = getTemplateHead();
+        //表头备注信息
+        UserTemplateWriteHandler handler = new UserTemplateWriteHandler(heads);
+        List<List<Object>> data = new ArrayList<>();
+
+        new EasyExcelExporter()
+                .exportByCustomWriteHandler(response, heads, data, Translator.get("user_import_template_name"),
+                        Translator.get("user_import_template_sheet"), handler);
+    }
+
+
+    /**
+     * 获取表头字段
+     *
+     * @return
+     */
+    private List<List<String>> getTemplateHead() {
+        return new UserExcelDataFactory().getUserExcelDataLocal().getHead();
+    }
+
+
+    /**
+     * 导入excel检查
+     *
+     * @param file
+     * @return
+     */
+    public UserImportResponse preCheck(MultipartFile file, String orgId) {
+        if (file == null) {
+            throw new GenericException(Translator.get("file_cannot_be_null"));
+        }
+
+        UserImportResponse response = new UserImportResponse();
+        checkImportExcel(response, file, orgId);
+        return response;
+    }
+
+
+    private void checkImportExcel(UserImportResponse response, MultipartFile file, String orgId) {
+        try {
+            //根据本地语言环境选择用哪种数据对象进行存放读取的数据
+            Class<?> clazz = new UserExcelDataFactory().getExcelDataByLocal();
+            UserCheckEventListener eventListener = new UserCheckEventListener(clazz, orgId);
+            FastExcelFactory.read(file.getInputStream(), eventListener).headRowNumber(3).sheet().doRead();
+            response.setErrorMessages(eventListener.getErrList());
+            response.setSuccessCount(eventListener.getList().size());
+            response.setFailCount(eventListener.getErrList().size());
+        } catch (Exception e) {
+            log.error("checkImportExcel error", e);
+            throw new GenericException(Translator.get("check_import_excel_error"));
+        }
+    }
+
+
+    /**
+     * 用户导入
+     *
+     * @param file
+     * @param operatorId
+     * @param orgId
+     * @return
+     */
+    public UserImportResponse importByExcel(MultipartFile file, String operatorId, String orgId) {
+        if (file == null) {
+            throw new GenericException(Translator.get("file_cannot_be_null"));
+        }
+        try {
+            UserImportResponse response = new UserImportResponse();
+            //根据本地语言环境选择用哪种数据对象进行存放读取的数据
+            Class<?> clazz = new UserExcelDataFactory().getExcelDataByLocal();
+            UserImportEventListener eventListener = new UserImportEventListener(clazz, operatorId, orgId);
+            FastExcelFactory.read(file.getInputStream(), eventListener).headRowNumber(3).sheet().doRead();
+            response.setErrorMessages(eventListener.getErrList());
+            response.setSuccessCount(eventListener.getSuccessCount());
+            response.setFailCount(eventListener.getErrList().size());
+            return response;
+        } catch (Exception e) {
+            log.error("checkImportExcel error", e);
+            throw new GenericException(Translator.get("check_import_excel_error"));
+        }
+    }
+
+
+    /**
+     * 保存导入数据
+     *
+     * @param list
+     * @param departmentTree
+     * @param departmentMap
+     * @param operatorId
+     * @param orgId
+     */
+    @CacheEvict(value = "dept_tree_cache", key = "#orgId", beforeInvocation = true)
+    public void saveImportData(List<UserExcelData> list, List<BaseTreeNode> departmentTree, Map<String, String> departmentMap, String operatorId, String orgId) {
+        //部门
+        List<String> departmentPath = list.stream().map(UserExcelData::getDepartment).toList();
+        // 记录日志
+        List<LogDTO> logs = new ArrayList<>();
+        //构建部门树
+        Map<String, String> departmentPathMap = departmentService.createDepartment(departmentPath, orgId, departmentTree, operatorId, departmentMap, logs);
+        List<String> nameList = list.stream().map(UserExcelData::getSupervisor).filter(StringUtils::isNotBlank).toList();
+        List<UserImportDTO> supervisorList = new ArrayList<>();
+        if (CollectionUtils.isNotEmpty(nameList)) {
+            supervisorList = extOrganizationUserMapper.selectSupervisor(nameList, orgId);
+        }
+
+        List<User> userList = new ArrayList<>();
+        List<OrganizationUser> organizationUsers = new ArrayList<>();
+        List<UserImportDTO> finalSupervisorList = supervisorList;
+        list.forEach(userData -> {
+            buildUser(userData, operatorId, userList, departmentPathMap, orgId, organizationUsers, finalSupervisorList, logs);
+        });
+
+        userMapper.batchInsert(userList);
+        organizationUserMapper.batchInsert(organizationUsers);
+
+        logService.batchAdd(logs);
+    }
+
+    private void buildUser(UserExcelData userData, String operatorId, List<User> userList, Map<String, String> departmentPathMap, String orgId, List<OrganizationUser> organizationUsers, List<UserImportDTO> supervisorList, List<LogDTO> logs) {
+        User user = new User();
+        user.setId(IDGenerator.nextStr());
+        user.setLastOrganizationId(orgId);
+        user.setName(userData.getName());
+        user.setPhone(userData.getPhone());
+        user.setEmail(userData.getEmail());
+        user.setPassword(CodingUtils.md5(userData.getPhone().substring(userData.getPhone().length() - 6)));
+        user.setLanguage(Locale.SIMPLIFIED_CHINESE.toString());
+        user.setGender(Boolean.valueOf(userData.getGender()));
+        user.setCreateUser(operatorId);
+        user.setCreateTime(System.currentTimeMillis());
+        user.setUpdateUser(operatorId);
+        user.setUpdateTime(System.currentTimeMillis());
+        userList.add(user);
+
+        OrganizationUser organizationUser = new OrganizationUser();
+        organizationUser.setId(IDGenerator.nextStr());
+        organizationUser.setOrganizationId(orgId);
+        organizationUser.setDepartmentId(departmentPathMap.get("/" + userData.getDepartment()));
+        organizationUser.setUserId(user.getId());
+        organizationUser.setEnable(true);
+        organizationUser.setEmployeeId(userData.getEmployeeId());
+        organizationUser.setPosition(userData.getPosition());
+        organizationUser.setEmployeeType(userData.getEmployeeType());
+        organizationUser.setSupervisorId(handleSupervisor(supervisorList, organizationUser.getDepartmentId(), userData.getSupervisor()));
+        organizationUser.setWorkCity(userData.getWorkCity());
+        organizationUser.setCreateTime(System.currentTimeMillis());
+        organizationUser.setCreateUser(operatorId);
+        organizationUser.setUpdateTime(System.currentTimeMillis());
+        organizationUser.setUpdateUser(operatorId);
+        organizationUsers.add(organizationUser);
+
+
+        LogDTO logDTO = new LogDTO(orgId, user.getId(), operatorId, LogType.ADD, LogModule.SYSTEM_ORGANIZATION, userData.getName());
+        logDTO.setModifiedValue(user);
+        logs.add(logDTO);
+
+    }
+
+
+    /**
+     * 所属上级
+     *
+     * @param supervisorList
+     * @param departmentId
+     * @param name
+     * @return
+     */
+    private String handleSupervisor(List<UserImportDTO> supervisorList, String departmentId, String name) {
+        if (StringUtils.isBlank(name)) {
+            return null;
+        }
+        List<UserImportDTO> departmentUsers = supervisorList.stream().filter(supervisor -> Strings.CI.equals(supervisor.getName(), name) && Strings.CI.equals(supervisor.getDepartmentId(), departmentId)).toList();
+        if (CollectionUtils.isNotEmpty(departmentUsers)) {
+            List<String> userIds = departmentUsers.stream().map(UserImportDTO::getUserId).toList();
+            List<DepartmentCommander> commanders = extDepartmentCommanderMapper.selectCommanderByUsers(departmentId, userIds);
+            if (CollectionUtils.isNotEmpty(commanders)) {
+                return commanders.getFirst().getUserId();
+            }
+            return departmentUsers.getFirst().getUserId();
+        }
+
+        List<UserImportDTO> unDepartmentUsers = supervisorList.stream().filter(supervisor -> Strings.CI.equals(supervisor.getName(), name)).toList();
+        if (CollectionUtils.isNotEmpty(unDepartmentUsers)) {
+            return unDepartmentUsers.getFirst().getUserId();
+        }
+        return null;
+    }
+
+
+    /**
+     * 导入校验电话号码唯一
+     *
+     * @param phone
+     * @return
+     */
+    public boolean checkPhone(String phone) {
+        return extUserMapper.countByPhone(phone, null) > 0;
+    }
+
+    /**
+     * 导入校验邮箱唯一
+     *
+     * @param email
+     * @return
+     */
+    public boolean checkEmail(String email) {
+        return extUserMapper.countByEmail(email, null) > 0;
+    }
+
+    /**
+     * 获取系统用户options
+     *
+     * @param orgId 组织ID
+     * @return 用户选项列表
+     */
+    public List<OptionDTO> getUserOptions(String orgId) {
+        List<String> allDpIds = getSortDepartmentIds(orgId);
+        String defaultOrder = CollectionUtils.isEmpty(allDpIds) ? StringUtils.EMPTY : buildOrderByFieldClause(allDpIds);
+        return extUserMapper.selectUserOptionByOrgId(orgId, defaultOrder);
+    }
+
+
+    /**
+     * 删除用户（单个）
+     *
+     * @param id
+     * @param orgId
+     */
+    @OperationLog(module = LogModule.SYSTEM_ORGANIZATION, type = LogType.DELETE, resourceId = "{#id}")
+    public void deleteUserById(String id, String orgId) {
+        UserResponse user = extUserMapper.getUserDetail(id);
+        if (checkUserResource(user.getUserId())) {
+            approvalActionService.refreshApprovingTasksForDisabledUser(List.of(user.getUserId()), orgId);
+            //删除后该员工在系统上的全部数据将会被清理
+            deleteUserAllData(user.getUserId(), id, orgId);
+            // 踢出该用户
+            SessionUtils.kickOutUser(SessionUtils.getUserId(), user.getUserId());
+            // 添加日志上下文
+            OperationLogContext.setResourceName(user.getUserName());
+        } else {
+            throw new GenericException(Translator.get("user_resource_exist"));
+        }
+
+        permissionCache.clearCache(user.getUserId(), orgId);
+    }
+
+
+    /**
+     * 删除用户全部数据
+     *
+     * @param userId
+     */
+    private void deleteUserAllData(String userId, String id, String orgId) {
+        OrganizationUser organizationUser = new OrganizationUser();
+        organizationUser.setUserId(userId);
+        if (organizationUserMapper.countByExample(organizationUser) == 1) {
+            //删除主用户
+            userMapper.deleteByPrimaryKey(userId);
+        }
+        //删除用户
+        organizationUserMapper.deleteByPrimaryKey(id);
+        //删除用户关联角色
+        List<String> userRoleIds = extUserRoleMapper.selectUserRole(userId, orgId);
+        if (CollectionUtils.isNotEmpty(userRoleIds)) {
+            extUserRoleMapper.deleteByIds(userRoleIds);
+        }
+
+    }
+
+    public boolean checkUserResource(String id) {
+        return extOpportunityMapper.countByOwner(id) <= 0 &&
+                extCustomerMapper.countByOwner(id) <= 0 &&
+                extClueMapper.countByOwner(id) <= 0;
+    }
+
+    public boolean deleteCheck(String id) {
+        UserResponse user = extUserMapper.getUserDetail(id);
+        return checkUserResource(user.getUserId());
+    }
+
+    public List<OrganizationUser> getUserByOrgId(String orgId) {
+        return extOrganizationUserMapper.getUserByOrgId(orgId);
+    }
+
+    public String getSupervisorName(String id) {
+        User user = userMapper.selectByPrimaryKey(id);
+        return Optional.ofNullable(user).map(User::getName).orElse(null);
+    }
+
+
+    @OperationLog(module = LogModule.SYSTEM_ORGANIZATION, type = LogType.UPDATE, operator = "{#operatorId}")
+    public void updateUserName(UserUpdateName request, String operatorId) {
+        User originUser = userMapper.selectByPrimaryKey(request.getUserId());
+
+        User user = new User();
+        user.setName(request.getName());
+        user.setUpdateTime(System.currentTimeMillis());
+        user.setUpdateUser(operatorId);
+        user.setId(request.getUserId());
+        userMapper.update(user);
+
+        extOrganizationUserMapper.updateUserByUserId(user.getId(), System.currentTimeMillis(), operatorId);
+
+        Map<String, String> originalVal = new HashMap<>(1);
+        originalVal.put("name", originUser.getName());
+        Map<String, String> modifiedVal = new HashMap<>(1);
+        modifiedVal.put("name", request.getName());
+        OperationLogContext.setContext(LogContextInfo.builder()
+                .originalValue(originalVal)
+                .resourceName(request.getName())
+                .modifiedValue(modifiedVal)
+                .resourceId(request.getUserId())
+                .build());
+
+    }
+
+    /**
+     * 获取单个部门下的用户
+     *
+     * @param departmentId
+     * @param orgId
+     * @return
+     */
+    public List<DeptUserTreeNode> getUserTreeByDepId(String departmentId, String orgId) {
+        List<DeptUserTreeNode> treeNodes = extDepartmentMapper.selectDeptUserTreeNode(orgId);
+        List<DeptUserTreeNode> userNodes = extUserRoleMapper.selectUserDeptForOrg(orgId);
+        userNodes.forEach(userNode -> {
+            if (!Strings.CS.equals(userNode.getParentId(), departmentId)) {
+                userNode.setEnabled(false);
+            }
+        });
+        userNodes.addAll(treeNodes);
+        return BaseTreeNode.buildTree(userNodes);
+    }
+
+    private List<String> getSortDepartmentIds(String orgId) {
+        List<String> sortDpIds = new ArrayList<>();
+        List<BaseTreeNode> dTree = departmentService.getTree(orgId);
+        if (CollectionUtils.isEmpty(dTree)) {
+            return new ArrayList<>();
+        }
+        Deque<BaseTreeNode> stack = new ArrayDeque<>();
+        stack.push(dTree.getFirst());
+
+        while (!stack.isEmpty()) {
+            BaseTreeNode currentNode = stack.pop();
+            sortDpIds.add(currentNode.getId());
+            List<BaseTreeNode> childrenList = currentNode.getChildren();
+            if (CollectionUtils.isNotEmpty(childrenList)) {
+                for (int i = childrenList.size() - 1; i >= 0; i--) {
+                    stack.push(childrenList.get(i));
+                }
+            }
+        }
+
+        return sortDpIds;
+    }
+
+    public List<OptionDTO> getAdminUserOptions(String organizationId) {
+        return extUserRoleMapper.selectUserOptionByRoleId(organizationId, InternalRole.ORG_ADMIN.getValue());
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/PersonalCenterService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/PersonalCenterService.java
new file mode 100644
index 0000000..475d7a4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/PersonalCenterService.java
@@ -0,0 +1,267 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.constants.ModuleKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.pager.PageUtils;
+import cn.cordys.common.pager.PagerWithOption;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.CodingUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.follow.dto.request.FollowUpPlanPageRequest;
+import cn.cordys.crm.follow.dto.response.FollowUpPlanListResponse;
+import cn.cordys.crm.follow.mapper.ExtFollowUpPlanMapper;
+import cn.cordys.crm.follow.service.FollowUpPlanService;
+import cn.cordys.crm.system.constants.NotificationConstants;
+import cn.cordys.crm.system.domain.Module;
+import cn.cordys.crm.system.domain.User;
+import cn.cordys.crm.system.dto.request.PersonalInfoRequest;
+import cn.cordys.crm.system.dto.request.PersonalPasswordRequest;
+import cn.cordys.crm.system.dto.request.SendEmailDTO;
+import cn.cordys.crm.system.dto.response.UserResponse;
+import cn.cordys.crm.system.mapper.ExtOrganizationUserMapper;
+import cn.cordys.crm.system.mapper.ExtUserMapper;
+import cn.cordys.crm.system.mapper.ExtUserRoleMapper;
+import cn.cordys.crm.system.utils.MailSender;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import com.github.pagehelper.Page;
+import com.github.pagehelper.PageHelper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.data.redis.core.StringRedisTemplate;
+import org.springframework.stereotype.Service;
+
+import java.util.*;
+import java.util.concurrent.TimeUnit;
+
+import static cn.cordys.security.SessionUtils.kickOutUser;
+
+@Service
+public class PersonalCenterService {
+
+    private static final String PREFIX = "personal_email_code:";  // Redis 存储前缀
+    @Resource
+    private StringRedisTemplate stringRedisTemplate;
+    @Resource
+    private MailSender mailSender;
+    @Resource
+    private OrganizationUserService organizationUserService;
+    @Resource
+    private FollowUpPlanService followUpPlanService;
+    @Resource
+    private ExtFollowUpPlanMapper extFollowUpPlanMapper;
+    @Resource
+    private ExtUserMapper extUserMapper;
+    @Resource
+    private BaseMapper<User> userBaseMapper;
+    @Resource
+    private ExtUserRoleMapper extUserRoleMapper;
+    @Resource
+    private BaseMapper<Module> moduleMapper;
+    @Resource
+    private ExtOrganizationUserMapper extOrganizationUserMapper;
+
+    public UserResponse getUserDetail(String id, String orgId) {
+        if (Strings.CS.equals(id, InternalUser.ADMIN.getValue())) {
+            return BeanUtils.copyBean(new UserResponse(), userBaseMapper.selectByPrimaryKey(id));
+        }
+        String orgUserIdByUserId = extOrganizationUserMapper.getOrgUserIdByUserId(orgId, id);
+        return organizationUserService.getUserDetail(orgUserIdByUserId);
+    }
+
+    /**
+     * 发送验证码
+     */
+    public void sendCode(SendEmailDTO emailDTO, String organizationId) {
+        String email = emailDTO.getEmail();
+        String redisKey = PREFIX + email;
+        if (stringRedisTemplate.hasKey(redisKey)) {
+            stringRedisTemplate.delete(redisKey); // 验证通过后删除验证码
+        }
+        String code = generateCode();
+        saveCode(email, code);
+
+        try {
+            String emailContent = Translator.get("email_setting_content")
+                    .replace("${code}", code);
+
+            mailSender.send(
+                    Translator.get("email_setting_subject"),
+                    emailContent,
+                    new String[]{email},
+                    new String[0],
+                    organizationId
+            );
+        } catch (Exception e) {
+            stringRedisTemplate.delete(redisKey);
+            throw new GenericException(e.getMessage());
+        }
+    }
+
+    /**
+     * 存储验证码到 Redis，设置有效期 10 分钟
+     */
+    private void saveCode(String email, String code) {
+        stringRedisTemplate.opsForValue().set(PREFIX + email, code, 10, TimeUnit.MINUTES);
+    }
+
+    /**
+     * 生成6位随机验证码
+     */
+    private String generateCode() {
+        return String.valueOf(100000 + new Random().nextInt(900000));
+    }
+
+    /**
+     * 重置用户密码
+     *
+     * @param personalPasswordRequest 包含邮箱、验证码和新密码的请求对象
+     * @param operatorId              操作者用户ID
+     *
+     * @throws GenericException 验证码错误或密码重置失败时抛出
+     */
+    public void resetUserPassword(PersonalPasswordRequest personalPasswordRequest, String operatorId) {
+        String password = personalPasswordRequest.getPassword();
+        //检查原密码
+        if (checkPwd(personalPasswordRequest.getOriginPassword(), operatorId)) {
+            // 更新用户密码
+            extUserMapper.updateUserPassword(CodingUtils.md5(password), operatorId);
+            // 登出当前用户
+            kickOutUser(operatorId, operatorId);
+        } else {
+            throw new GenericException(Translator.get("password_reset_error"));
+        }
+    }
+
+    /**
+     * 检查原密码
+     *
+     * @param originPassword
+     * @param userId
+     *
+     * @return
+     */
+    private boolean checkPwd(String originPassword, String userId) {
+        User example = new User();
+        example.setId(userId);
+        example.setPassword(CodingUtils.md5(originPassword));
+        return userBaseMapper.exist(example);
+    }
+
+    @OperationLog(module = LogModule.SYSTEM_ORGANIZATION, type = LogType.UPDATE, operator = "{#userId}")
+    public UserResponse updateInfo(PersonalInfoRequest personalInfoRequest, String userId, String orgId) {
+        User oldUser = userBaseMapper.selectByPrimaryKey(userId);
+        int countByPhone = extUserMapper.countByPhone(personalInfoRequest.getPhone(), userId);
+        if (countByPhone > 0) {
+            throw new GenericException(Translator.get("phone.exist"));
+        }
+        int countByEmail = extUserMapper.countByEmail(personalInfoRequest.getEmail(), userId);
+        if (countByEmail > 0) {
+            throw new GenericException(Translator.get("email.exist"));
+        }
+        User user = new User();
+        user.setId(userId);
+        user.setPhone(personalInfoRequest.getPhone());
+        user.setEmail(personalInfoRequest.getEmail());
+        userBaseMapper.update(user);
+
+        UserResponse userDetail = getUserDetail(userId, orgId);
+
+        //添加日志上下文
+        OperationLogContext.setContext(LogContextInfo.builder()
+                .originalValue(oldUser)
+                .resourceName(oldUser.getName())
+                .modifiedValue(userDetail)
+                .resourceId(userId)
+                .build());
+
+        return userDetail;
+    }
+
+    /**
+     * 分页获取跟进计划列表
+     *
+     * @param request        分页查询请求参数
+     * @param userId         当前用户ID
+     * @param organizationId 组织ID
+     *
+     * @return 分页的跟进计划列表及选项数据
+     */
+    public PagerWithOption<List<FollowUpPlanListResponse>> getPlanList(
+            FollowUpPlanPageRequest request,
+            String userId,
+            String organizationId) {
+
+        // 1. 获取用户权限和模块信息
+        List<String> permissions = extUserRoleMapper.selectPermissionsByUserId(userId);
+        boolean isAdmin = Strings.CI.equals(userId, InternalUser.ADMIN.getValue());
+
+        // 2. 查询已启用的模块
+        List<String> enabledModules = moduleMapper.selectListByLambda(
+                        new LambdaQueryWrapper<Module>()
+                                .eq(Module::getOrganizationId, organizationId)
+                                .eq(Module::getEnable, true)
+                ).stream()
+                .map(Module::getModuleKey)
+                .toList();
+
+        // 3. 构建可访问的资源类型列表
+        List<String> resourceTypeList = buildAccessibleResourceTypes(permissions, isAdmin, enabledModules);
+
+        // 4. 初始化分页
+        Page<Object> page = PageHelper.startPage(request.getCurrent(), request.getPageSize());
+        // 5. 查询跟进计划基础数据
+        if (CollectionUtils.isEmpty(resourceTypeList)) {
+            return PageUtils.setPageInfoWithOption(page, new ArrayList<>(), new HashMap<>());
+
+        }
+        List<FollowUpPlanListResponse> planList = extFollowUpPlanMapper.selectList(request, userId, organizationId, null, null, resourceTypeList);
+
+        // 6. 构建完整数据和选项映射
+        List<FollowUpPlanListResponse> enrichedList = followUpPlanService.buildListData(planList, organizationId);
+        Map<String, List<OptionDTO>> optionMap = followUpPlanService.buildOptionMap(organizationId, planList, enrichedList);
+
+        // 7. 返回分页结果
+        return PageUtils.setPageInfoWithOption(page, enrichedList, optionMap);
+    }
+
+    /**
+     * 构建用户可访问的资源类型列表
+     */
+    private List<String> buildAccessibleResourceTypes(List<String> permissions,
+                                                      boolean isAdmin,
+                                                      List<String> enabledModules) {
+        List<String> resourceTypes = new ArrayList<>();
+
+        // 检查客户模块权限
+        if ((permissions.contains(PermissionConstants.CUSTOMER_MANAGEMENT_READ) || isAdmin)
+                && enabledModules.contains(ModuleKey.CUSTOMER.getKey())) {
+            resourceTypes.add(NotificationConstants.Module.CUSTOMER);
+        }
+
+        // 检查商机模块权限
+        if ((permissions.contains(PermissionConstants.OPPORTUNITY_MANAGEMENT_READ) || isAdmin)
+                && enabledModules.contains(ModuleKey.BUSINESS.getKey())) {
+            resourceTypes.add(NotificationConstants.Module.OPPORTUNITY);
+        }
+
+        // 检查线索模块权限
+        if ((permissions.contains(PermissionConstants.CLUE_MANAGEMENT_READ) || isAdmin)
+                && enabledModules.contains(ModuleKey.CLUE.getKey())) {
+            resourceTypes.add(NotificationConstants.Module.CLUE);
+        }
+
+        return resourceTypes;
+    }
+
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/PicService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/PicService.java
new file mode 100644
index 0000000..2db8d2d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/PicService.java
@@ -0,0 +1,47 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.common.exception.GenericException;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.http.ResponseEntity;
+import org.springframework.stereotype.Service;
+import org.springframework.web.multipart.MultipartFile;
+
+import java.util.List;
+
+/**
+ * @author song-cc-rock
+ */
+@Service
+public class PicService {
+
+    @Resource
+    private AttachmentService attachmentService;
+
+
+    /**
+     * 上传临时图片
+     *
+     * @param pics 上传图片集合
+     */
+    public List<String> uploadTempPic(List<MultipartFile> pics) {
+        pics.forEach(pic -> {
+            String filename = pic.getOriginalFilename();
+            if (StringUtils.isBlank(filename)) {
+                throw new GenericException("图片类型不支持!");
+            }
+        });
+        return attachmentService.uploadTemp(pics);
+    }
+
+    /**
+     * 获取图片文件流
+     *
+     * @param picId 图片ID
+     *
+     * @return 文件流
+     */
+    public ResponseEntity<org.springframework.core.io.Resource> getResource(String picId) {
+        return attachmentService.getResource(picId);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/RoleService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/RoleService.java
new file mode 100644
index 0000000..07d255c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/RoleService.java
@@ -0,0 +1,588 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.common.constants.RoleDataScope;
+import cn.cordys.common.dto.RoleDataScopeDTO;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.permission.Permission;
+import cn.cordys.common.permission.PermissionCache;
+import cn.cordys.common.permission.PermissionDefinitionItem;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.domain.Role;
+import cn.cordys.crm.system.domain.RolePermission;
+import cn.cordys.crm.system.domain.RoleScopeDept;
+import cn.cordys.crm.system.domain.UserRole;
+import cn.cordys.crm.system.dto.log.RoleLogDTO;
+import cn.cordys.crm.system.dto.request.PermissionUpdateRequest;
+import cn.cordys.crm.system.dto.request.RoleAddRequest;
+import cn.cordys.crm.system.dto.request.RoleUpdateRequest;
+import cn.cordys.crm.system.dto.response.RoleGetResponse;
+import cn.cordys.crm.system.dto.response.RoleListResponse;
+import cn.cordys.crm.system.mapper.ExtRoleMapper;
+import cn.cordys.crm.system.mapper.ExtUserRoleMapper;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.io.IOUtils;
+import org.apache.commons.lang3.BooleanUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.io.IOException;
+import java.net.URL;
+import java.nio.charset.StandardCharsets;
+import java.util.*;
+import java.util.stream.Collectors;
+
+import static cn.cordys.crm.system.constants.SystemResultCode.INTERNAL_ROLE_PERMISSION;
+import static cn.cordys.crm.system.constants.SystemResultCode.ROLE_EXIST;
+
+/**
+ * @author jianxing
+ * @date 2025-01-03 12:01:54
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class RoleService {
+
+    @Resource
+    private BaseMapper<Role> roleMapper;
+    @Resource
+    private ExtRoleMapper extRoleMapper;
+    @Resource
+    private ExtUserRoleMapper extUserRoleMapper;
+    @Resource
+    private BaseMapper<UserRole> userRoleMapper;
+    @Resource
+    private BaseMapper<RoleScopeDept> roleScopeDeptMapper;
+    @Resource
+    private BaseMapper<RolePermission> rolePermissionMapper;
+    @Resource
+    private BaseService baseService;
+    @Resource
+    private PermissionCache permissionCache;
+
+    public List<RoleListResponse> list(String orgId) {
+        List<RoleListResponse> roleListResponseList = getRoleListResponses(orgId);
+        return baseService.setCreateAndUpdateUserName(roleListResponseList);
+    }
+
+    public List<RoleListResponse> getRoleListResponses(String orgId) {
+        Role role = new Role();
+        role.setOrganizationId(orgId);
+        List<Role> roles = roleMapper.select(role);
+        List<RoleListResponse> roleListResponseList = JSON.parseArray(JSON.toJSONString(roles), RoleListResponse.class);
+        // 翻译内置角色名称
+        roleListResponseList.stream()
+                .filter(RoleListResponse::getInternal)
+                .forEach(this::translateInternalRole);
+        // 按创建时间排序
+        roleListResponseList.sort(Comparator.comparingLong(RoleListResponse::getCreateTime));
+        return roleListResponseList;
+    }
+
+    /**
+     * 翻译内置角色名
+     *
+     * @param role
+     *
+     * @return
+     */
+    public Role translateInternalRole(Role role) {
+        if (BooleanUtils.isTrue(role.getInternal())) {
+            role.setName(translateInternalRole(role.getName()));
+        }
+        return role;
+    }
+
+    /**
+     * 翻译内置角色名
+     *
+     * @param roleKey
+     *
+     * @return
+     */
+    public String translateInternalRole(String roleKey) {
+        return Translator.get("role." + roleKey, roleKey);
+    }
+
+    public RoleGetResponse get(String id) {
+        Role role = roleMapper.selectByPrimaryKey(id);
+        RoleGetResponse roleGetResponse = BeanUtils.copyBean(new RoleGetResponse(), role);
+        translateInternalRole(roleGetResponse);
+        roleGetResponse.setPermissions(getPermissionSetting(id));
+        if (Strings.CS.equals(role.getDataScope(), RoleDataScope.DEPT_CUSTOM.name())) {
+            roleGetResponse.setDeptIds(getDeptIdsByRoleId(id));
+        }
+        return baseService.setCreateAndUpdateUserName(roleGetResponse);
+    }
+
+    private List<String> getDeptIdsByRoleId(String roleId) {
+        RoleScopeDept example = new RoleScopeDept();
+        example.setRoleId(roleId);
+        return roleScopeDeptMapper.select(example)
+                .stream()
+                .map(RoleScopeDept::getDepartmentId)
+                .collect(Collectors.toList());
+    }
+
+    public List<String> getDeptIdsByRoleIds(List<String> roleIds) {
+        if (CollectionUtils.isEmpty(roleIds)) {
+            return List.of();
+        }
+        List<RoleScopeDept> roleScopeDeptList = getRoleScopeDeptByRoleIds(roleIds);
+        return roleScopeDeptList
+                .stream()
+                .map(RoleScopeDept::getDepartmentId)
+                .distinct()
+                .collect(Collectors.toList());
+    }
+
+    public List<RoleScopeDept> getRoleScopeDeptByRoleIds(List<String> roleIds) {
+        if (CollectionUtils.isEmpty(roleIds)) {
+            return List.of();
+        }
+        LambdaQueryWrapper<RoleScopeDept> wrapper = new LambdaQueryWrapper<>();
+        wrapper.in(RoleScopeDept::getRoleId, roleIds);
+        return roleScopeDeptMapper.selectListByLambda(wrapper);
+    }
+
+    @OperationLog(module = LogModule.SYSTEM_ROLE, type = LogType.ADD, resourceName = "{#request.name}")
+    public Role add(RoleAddRequest request, String userId, String orgId) {
+        Role role = BeanUtils.copyBean(new Role(), request);
+        role.setId(IDGenerator.nextStr());
+        role.setCreateTime(System.currentTimeMillis());
+        role.setUpdateTime(System.currentTimeMillis());
+        role.setUpdateUser(userId);
+        role.setCreateUser(userId);
+        role.setInternal(false);
+        role.setOrganizationId(orgId);
+        // 创建默认仅可查看本人数据
+        role.setDataScope(Optional.ofNullable(request.getDataScope()).orElse(RoleDataScope.SELF.name()));
+        // 校验名称重复
+        checkAddExist(role);
+        roleMapper.insert(role);
+
+        // 配置指定部门权限
+        if (Strings.CS.equals(request.getDataScope(), RoleDataScope.DEPT_CUSTOM.name()) && CollectionUtils.isNotEmpty(request.getDeptIds())) {
+            roleScopeDeptMapper.batchInsert(getRoleScopeDept(role.getId(), request.getDeptIds()));
+        }
+
+        // 配置权限
+        insertRolePermission(request.getPermissions(), role.getId());
+
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .resourceId(role.getId())
+                        .modifiedValue(role)
+                        .build()
+        );
+
+        return role;
+    }
+
+    private List<RoleScopeDept> getRoleScopeDept(String roleId, List<String> deptIds) {
+        return deptIds.stream().map(deptId -> {
+            RoleScopeDept roleScopeDept = new RoleScopeDept();
+            roleScopeDept.setId(IDGenerator.nextStr());
+            roleScopeDept.setRoleId(roleId);
+            roleScopeDept.setDepartmentId(deptId);
+            return roleScopeDept;
+        }).collect(Collectors.toList());
+    }
+
+    @OperationLog(module = LogModule.SYSTEM_ROLE, type = LogType.UPDATE, resourceId = "{#request.id}")
+    public Role update(RoleUpdateRequest request, String userId, String orgId) {
+        Role originRole = roleMapper.selectByPrimaryKey(request.getId());
+        if (originRole == null) {
+            throw new GenericException(Translator.get("role.not_exist"));
+        }
+
+        Role role = BeanUtils.copyBean(new Role(), request);
+        // 校验名称重复
+        checkUpdateExist(role);
+        if (originRole.getInternal()) {
+            // 内置角色名称不能修改
+            role.setName(null);
+        }
+        role.setUpdateTime(System.currentTimeMillis());
+        role.setUpdateUser(userId);
+        roleMapper.update(role);
+
+        RoleGetResponse roleGetResponse = get(role.getId());
+
+        String dataScope = request.getDataScope();
+        if (StringUtils.isNotBlank(dataScope)
+                && Strings.CS.equals(originRole.getDataScope(), RoleDataScope.DEPT_CUSTOM.name())
+                && !Strings.CS.equals(dataScope, RoleDataScope.DEPT_CUSTOM.name())) {
+            // 如果从自定义部门改为其他数据权限，则删除部门关联关系
+            deleteRoleScopeDeptByRoleId(role.getId());
+        }
+
+        List<String> originDeptIds = null;
+        if (request.getDeptIds() != null) {
+            originDeptIds = getDeptIdsByRoleId(request.getId());
+        }
+
+        List<String> originPermissionIds = null;
+        if (request.getPermissions() != null) {
+            originPermissionIds = getPermissionIds(List.of(role.getId())).stream().toList();
+        }
+
+        // 配置指定部门权限
+        if (Strings.CS.equals(dataScope, RoleDataScope.DEPT_CUSTOM.name()) && request.getDeptIds() != null) {
+            // 先删除
+            deleteRoleScopeDeptByRoleId(role.getId());
+
+            // 再添加
+            if (CollectionUtils.isNotEmpty(request.getDeptIds())) {
+                roleScopeDeptMapper.batchInsert(getRoleScopeDept(role.getId(), request.getDeptIds()));
+            }
+        }
+
+        // 更新权限设置
+        updatePermissionSetting(request.getPermissions(), role.getId());
+
+        clearPermissionCacheByRoleId(role.getId(), orgId);
+
+        RoleLogDTO originRoleLogDTO = BeanUtils.copyBean(new RoleLogDTO(), originRole);
+        RoleLogDTO modifiedRoleLogDTO = BeanUtils.copyBean(new RoleLogDTO(), roleMapper.selectByPrimaryKey(request.getId()));
+        if (request.getDeptIds() != null) {
+            modifiedRoleLogDTO.setDeptIds(request.getDeptIds());
+            originRoleLogDTO.setDeptIds(originDeptIds);
+        }
+
+        if (request.getPermissions() != null) {
+            final Set<String> newPermissionIdSet = request.getPermissions().stream()
+                    .filter(p -> BooleanUtils.isTrue(p.getEnable()))
+                    .map(PermissionUpdateRequest::getId)
+                    .collect(Collectors.toSet());
+
+            final Set<String> originPermissionIdSet = originPermissionIds == null
+                    ? Collections.emptySet()
+                    : new HashSet<>(originPermissionIds);
+
+            if (!Objects.equals(newPermissionIdSet, originPermissionIdSet)) {
+                // 如果权限有变更，则记录权限
+                modifiedRoleLogDTO.setPermissions(new ArrayList<>(newPermissionIdSet));
+                originRoleLogDTO.setPermissions(new ArrayList<>(originPermissionIdSet));
+            }
+        }
+
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .resourceName(roleGetResponse.getName())
+                        .originalValue(originRoleLogDTO)
+                        .modifiedValue(modifiedRoleLogDTO)
+                        .build()
+        );
+
+        return roleGetResponse;
+    }
+
+    private void clearPermissionCacheByRoleId(String roleId, String orgId) {
+        List<String> userIds = extUserRoleMapper.getUserIdsByRoleIds(List.of(roleId));
+        userIds.forEach(userId -> {
+            // 清除用户的权限缓存
+            permissionCache.clearCache(userId, orgId);
+        });
+    }
+
+    private void deleteRoleScopeDeptByRoleId(String roleId) {
+        RoleScopeDept example = new RoleScopeDept();
+        example.setRoleId(roleId);
+        roleScopeDeptMapper.delete(example);
+    }
+
+    /**
+     * 校验是否是内置角色
+     */
+    public void checkInternalRole(String roleId) {
+        Role role = roleMapper.selectByPrimaryKey(roleId);
+        if (BooleanUtils.isTrue(role.getInternal())) {
+            throw new GenericException(INTERNAL_ROLE_PERMISSION);
+        }
+    }
+
+    private void checkAddExist(Role role) {
+        if (extRoleMapper.checkAddExist(role)) {
+            throw new GenericException(ROLE_EXIST);
+        }
+    }
+
+    private void checkUpdateExist(Role role) {
+        if (extRoleMapper.checkUpdateExist(role)) {
+            throw new GenericException(ROLE_EXIST);
+        }
+    }
+
+    @OperationLog(module = LogModule.SYSTEM_ROLE, type = LogType.DELETE, resourceId = "{#id}")
+    public void delete(String id, String orgId) {
+        Role role = roleMapper.selectByPrimaryKey(id);
+        if (role == null) {
+            throw new GenericException(Translator.get("role.not_exist"));
+        }
+        // 内置角色不能删除
+        checkInternalRole(role.getId());
+        // 删除角色
+        roleMapper.deleteByPrimaryKey(id);
+        // 删除与权限的关联关系
+        deletePermissionByRoleId(id);
+        // 删除与部门的关联关系
+        deleteRoleScopeDeptByRoleId(id);
+
+        clearPermissionCacheByRoleId(role.getId(), orgId);
+        // 删除与用户的关联关系
+        deleteUserRoleByRoleId(id);
+
+        // 设置操作对象
+        OperationLogContext.setResourceName(role.getName());
+    }
+
+    private void deletePermissionByRoleId(String id) {
+        RolePermission example = new RolePermission();
+        example.setRoleId(id);
+        rolePermissionMapper.delete(example);
+    }
+
+    private void deleteUserRoleByRoleId(String id) {
+        UserRole example = new UserRole();
+        example.setRoleId(id);
+        userRoleMapper.delete(example);
+    }
+
+    public List<PermissionDefinitionItem> getPermissionSetting(String id) {
+        // 获取该角色拥有的权限
+        Set<String> permissionIds = getPermissionIdSetByRoleId(id);
+        return getPermissionDefinitionItems(permissionIds);
+    }
+
+    /**
+     * 获取空的权限配置
+     *
+     * @return
+     */
+    public List<PermissionDefinitionItem> getPermissionSetting() {
+        return getPermissionDefinitionItems(Set.of());
+    }
+
+    private List<PermissionDefinitionItem> getPermissionDefinitionItems(Set<String> permissionIds) {
+        // 获取所有的权限
+        List<PermissionDefinitionItem> permissionDefinitions = getPermissionDefinitions();
+        // 设置勾选项
+        for (PermissionDefinitionItem firstLevel : permissionDefinitions) {
+            List<PermissionDefinitionItem> children = firstLevel.getChildren();
+            boolean allCheck = true;
+            firstLevel.setName(Translator.get(firstLevel.getName()));
+            for (PermissionDefinitionItem secondLevel : children) {
+                List<Permission> permissions = secondLevel.getPermissions();
+                secondLevel.setName(Translator.get(secondLevel.getName()));
+                if (CollectionUtils.isEmpty(permissions)) {
+                    continue;
+                }
+                boolean secondAllCheck = true;
+                for (Permission p : permissions) {
+                    if (StringUtils.isNotBlank(p.getName())) {
+                        // 有 name 字段翻译 name 字段
+                        p.setName(Translator.get(p.getName()));
+                    } else {
+                        p.setName(translateDefaultPermissionName(p.getId()));
+                    }
+                    if (permissionIds.contains(p.getId())) {
+                        p.setEnable(true);
+                    } else {
+                        // 如果权限有未勾选，则二级菜单设置为未勾选
+                        p.setEnable(false);
+                        secondAllCheck = false;
+                    }
+                }
+                secondLevel.setEnable(secondAllCheck);
+                if (!secondAllCheck) {
+                    // 如果二级菜单有未勾选，则一级菜单设置为未勾选
+                    allCheck = false;
+                }
+            }
+            firstLevel.setEnable(allCheck);
+        }
+        return permissionDefinitions;
+    }
+
+    public List<PermissionDefinitionItem> getPermissionDefinitions() {
+        List<PermissionDefinitionItem> permissionDefinitions = null;
+        try {
+            Enumeration<URL> urls = this.getClass().getClassLoader().getResources("permission.json");
+            while (urls.hasMoreElements()) {
+                URL url = urls.nextElement();
+                String content = IOUtils.toString(url.openStream(), StandardCharsets.UTF_8);
+                if (StringUtils.isBlank(content)) {
+                    continue;
+                }
+                List<PermissionDefinitionItem> temp = JSON.parseArray(content, PermissionDefinitionItem.class);
+                if (permissionDefinitions == null) {
+                    permissionDefinitions = temp;
+                } else {
+                    permissionDefinitions.addAll(temp);
+                }
+            }
+        } catch (IOException e) {
+            throw new GenericException(e);
+        }
+        return permissionDefinitions;
+    }
+
+    /**
+     * 翻译默认的权限名称
+     *
+     * @param permissionId
+     *
+     * @return
+     */
+    public String translateDefaultPermissionName(String permissionId) {
+        String[] idSplit = permissionId.split(":");
+        String permissionKey = idSplit[idSplit.length - 1];
+        String permissionName = "permission." + permissionKey.toLowerCase();
+        return Translator.get(permissionName);
+    }
+
+    /**
+     * 查询用户组对应的权限ID
+     *
+     * @param roleId
+     *
+     * @return
+     */
+    public Set<String> getPermissionIdSetByRoleId(String roleId) {
+        return getRolePermissionByRoleId(roleId).stream()
+                .map(RolePermission::getPermissionId)
+                .collect(Collectors.toSet());
+    }
+
+    /**
+     * 查询用户组对应的权限列表
+     *
+     * @param roleId
+     *
+     * @return
+     */
+    public List<RolePermission> getRolePermissionByRoleId(String roleId) {
+        RolePermission example = new RolePermission();
+        example.setRoleId(roleId);
+        return rolePermissionMapper.select(example);
+    }
+
+    public Set<String> getPermissionIds(List<String> roleIds) {
+        return getPermissions(roleIds)
+                .stream()
+                .map(RolePermission::getPermissionId)
+                .collect(Collectors.toSet());
+    }
+
+    public List<RolePermission> getPermissions(List<String> roleIds) {
+        if (CollectionUtils.isEmpty(roleIds)) {
+            return List.of();
+        }
+        var userLambdaQueryWrapper = new LambdaQueryWrapper<RolePermission>()
+                .in(RolePermission::getRoleId, roleIds);
+        return rolePermissionMapper.selectListByLambda(userLambdaQueryWrapper);
+    }
+
+
+    public List<String> getRoleIdsByUserId(String userId) {
+        List<UserRole> userRoles = getUserRolesByUserId(userId);
+        if (CollectionUtils.isEmpty(userRoles)) {
+            return List.of();
+        }
+        return userRoles.stream()
+                .map(UserRole::getRoleId)
+                .toList();
+    }
+
+    public List<UserRole> getUserRolesByUserId(String userId) {
+        UserRole example = new UserRole();
+        example.setUserId(userId);
+        return userRoleMapper.select(example);
+    }
+
+    /**
+     * 更新单个用户组的配置项
+     *
+     * @param permissions
+     */
+    public void updatePermissionSetting(List<PermissionUpdateRequest> permissions, String roleId) {
+        if (permissions == null) {
+            return;
+        }
+
+        // 先删除
+        deletePermissionByRoleId(roleId);
+
+        // 再新增
+        insertRolePermission(permissions, roleId);
+    }
+
+    private void insertRolePermission(List<PermissionUpdateRequest> permissions, String roleId) {
+        if (CollectionUtils.isEmpty(permissions)) {
+            return;
+        }
+        permissions.forEach(permission -> {
+            if (BooleanUtils.isTrue(permission.getEnable())) {
+                String permissionId = permission.getId();
+                RolePermission rolePermission = new RolePermission();
+                rolePermission.setId(IDGenerator.nextStr());
+                rolePermission.setRoleId(roleId);
+                rolePermission.setPermissionId(permissionId);
+                rolePermissionMapper.insert(rolePermission);
+            }
+        });
+    }
+
+    public List<Role> getByIds(List<String> ids) {
+        if (CollectionUtils.isEmpty(ids)) {
+            return List.of();
+        }
+        return roleMapper.selectByIds(ids.toArray(new String[0]));
+    }
+
+    public List<RoleDataScopeDTO> getRoleOptions(String userId, String orgId) {
+        List<String> roleIds = getRoleIdsByUserId(userId);
+        if (CollectionUtils.isEmpty(roleIds)) {
+            return List.of();
+        }
+        List<Role> roles = getByIds(roleIds);
+        return roles.stream()
+                .filter(role -> Strings.CS.equals(role.getOrganizationId(), orgId))
+                .map(role -> {
+                    role = translateInternalRole(role);
+                    return BeanUtils.copyBean(new RoleDataScopeDTO(), role);
+                }).toList();
+    }
+
+    public List<UserRole> getUserRoleByRoleIds(List<String> roleIds) {
+        if (CollectionUtils.isEmpty(roleIds)) {
+            return List.of();
+        }
+        LambdaQueryWrapper<UserRole> wrapper = new LambdaQueryWrapper<>();
+        wrapper.in(UserRole::getRoleId, roleIds);
+        return userRoleMapper.selectListByLambda(wrapper);
+    }
+
+    public List<RolePermission> getRolePermissionByRoleIds(List<String> roleIds) {
+        if (CollectionUtils.isEmpty(roleIds)) {
+            return List.of();
+        }
+        LambdaQueryWrapper<RolePermission> wrapper = new LambdaQueryWrapper<>();
+        wrapper.in(RolePermission::getRoleId, roleIds);
+        return rolePermissionMapper.selectListByLambda(wrapper);
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/SendModuleService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/SendModuleService.java
new file mode 100644
index 0000000..7eaa4d6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/SendModuleService.java
@@ -0,0 +1,57 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.common.constants.ModuleKey;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.constants.NotificationConstants;
+import cn.cordys.crm.system.domain.Module;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.ArrayList;
+import java.util.List;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class SendModuleService {
+
+    @Resource
+    private BaseMapper<Module> moduleMapper;
+
+    /**
+     * 获取已开启的模块
+     *
+     * @return 已开启的模块列表
+     */
+    public List<String> getNoticeModules() {
+        List<String> enabledModules = moduleMapper.selectListByLambda(
+                        new LambdaQueryWrapper<Module>()
+                                .eq(Module::getOrganizationId, OrganizationContext.getOrganizationId())
+                                .eq(Module::getEnable, true)
+                ).stream()
+                .map(Module::getModuleKey).distinct()
+                .toList();
+
+        List<String> modules = new ArrayList<>();
+        for (String enabledModule : enabledModules) {
+            if (Strings.CI.equals(enabledModule, ModuleKey.BUSINESS.getKey())) {
+                modules.add(NotificationConstants.Module.OPPORTUNITY);
+            }
+            if (Strings.CI.equals(enabledModule, ModuleKey.CUSTOMER.getKey())) {
+                modules.add(NotificationConstants.Module.CUSTOMER);
+            }
+            if (Strings.CI.equals(enabledModule, ModuleKey.CLUE.getKey())) {
+                modules.add(NotificationConstants.Module.CLUE);
+            }
+            if (Strings.CI.equals(enabledModule, "contract")) {
+                modules.add(NotificationConstants.Module.CONTRACT);
+            }
+        }
+        //这里是系统模块的通知，默认开启的
+        modules.add(NotificationConstants.Module.SYSTEM);
+        return modules;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/StageAdvancedConfigService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/StageAdvancedConfigService.java
new file mode 100644
index 0000000..c4bfeb6
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/StageAdvancedConfigService.java
@@ -0,0 +1,185 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.dto.LogDTO;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.dto.stage.CirculationSetting;
+import cn.cordys.common.dto.stage.StageAdvancedConfigRequest;
+import cn.cordys.common.dto.stage.StageConfigResponse;
+import cn.cordys.common.dto.stage.Target;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.opportunity.constants.OpportunityStageType;
+import cn.cordys.crm.system.constants.CirculationTypeEnum;
+import cn.cordys.crm.system.domain.StageAdvancedConfig;
+import cn.cordys.crm.system.mapper.ExtStageAdvancedConfigMapper;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class StageAdvancedConfigService {
+
+    @Resource
+    private ExtStageAdvancedConfigMapper extStageAdvancedConfigMapper;
+    @Resource
+    private BaseMapper<StageAdvancedConfig> stageAdvanceConfigMapper;
+    @Resource
+    private LogService logService;
+
+    public static final Map<String, String> STAGE_CONFIG_TABLE = new HashMap<>(2);
+
+    static {
+        STAGE_CONFIG_TABLE.put(FormKey.ORDER.getKey(), "sales_order_stage_config");
+        STAGE_CONFIG_TABLE.put(FormKey.CONTRACT.getKey(), "contract_stage_config");
+    }
+
+    public void saveAdvancedConfig(StageAdvancedConfigRequest request, String moduleType, String orgId, String userId) {
+        String tableName = STAGE_CONFIG_TABLE.get(moduleType);
+        if (StringUtils.isBlank(tableName)) {
+            return;
+        }
+        extStageAdvancedConfigMapper.update(tableName, request.getCirculationType(), orgId, userId, System.currentTimeMillis());
+
+        List<StageAdvancedConfig> oldConfigs = extStageAdvancedConfigMapper.selectConfigByType(orgId, moduleType);
+
+        List<CirculationSetting> circulationSettings = request.getCirculationSettings();
+        List<StageAdvancedConfig> stageAdvanceConfigList = new ArrayList<>();
+
+        circulationSettings.forEach(setting -> {
+            List<Target> targets = setting.getTargets();
+            targets.forEach(target -> {
+                StageAdvancedConfig stageAdvanceConfig = new StageAdvancedConfig();
+                stageAdvanceConfig.setId(IDGenerator.nextStr());
+                stageAdvanceConfig.setOriginId(setting.getOriginId());
+                stageAdvanceConfig.setTargetId(target.getTargetId());
+                stageAdvanceConfig.setEnable(target.getEnable());
+                stageAdvanceConfig.setFieldConfig(JSON.toJSONString(target.getCirculationFieldValues()));
+                stageAdvanceConfig.setModuleType(moduleType);
+                stageAdvanceConfig.setOrganizationId(orgId);
+                stageAdvanceConfig.setCreateTime(System.currentTimeMillis());
+                stageAdvanceConfig.setCreateUser(userId);
+                stageAdvanceConfig.setUpdateTime(System.currentTimeMillis());
+                stageAdvanceConfig.setUpdateUser(userId);
+                stageAdvanceConfigList.add(stageAdvanceConfig);
+            });
+
+        });
+
+        if (CollectionUtils.isNotEmpty(oldConfigs)) {
+            List<String> ids = oldConfigs.stream().map(StageAdvancedConfig::getId).toList();
+            stageAdvanceConfigMapper.deleteByIds(ids);
+        }
+
+        if (CollectionUtils.isNotEmpty(stageAdvanceConfigList)) {
+            stageAdvanceConfigMapper.batchInsert(stageAdvanceConfigList);
+        }
+
+        LogDTO logDTO = new LogDTO(orgId, IDGenerator.nextStr(), userId, LogType.UPDATE, LogModule.SYSTEM_MODULE, Translator.get(moduleType) + Translator.get("advanced_circulation_setting"));
+        logDTO.setOriginalValue(oldConfigs);
+        logDTO.setModifiedValue(stageAdvanceConfigList);
+        logService.add(logDTO);
+    }
+
+
+    public void switchType(String type, String moduleType, String orgId) {
+        String tableName = STAGE_CONFIG_TABLE.get(moduleType);
+        if (StringUtils.isNotBlank(tableName)) {
+            extStageAdvancedConfigMapper.update(tableName, type, orgId, null, null);
+        }
+
+    }
+
+
+    /**
+     * stage校验
+     *
+     * @param originStage
+     * @param targetStage
+     * @param moduleType
+     */
+    public boolean checkStage(String originStage, String targetStage, String moduleType) {
+        if (Strings.CI.equals(originStage, targetStage)) {
+            return true;
+        }
+
+        String tableName = STAGE_CONFIG_TABLE.get(moduleType);
+        if (StringUtils.isBlank(tableName)) {
+            return false;
+        }
+
+        StageConfigResponse originConfig = extStageAdvancedConfigMapper.getStageConfig(tableName, originStage);
+        StageConfigResponse targetConfig = extStageAdvancedConfigMapper.getStageConfig(tableName, targetStage);
+
+        if (Strings.CI.equals(originConfig.getCirculationType(), CirculationTypeEnum.NORMAL.name())) {
+            return handleNormal(originConfig, targetConfig);
+        }
+
+        if (Strings.CI.equals(originConfig.getCirculationType(), CirculationTypeEnum.ADVANCED.name())) {
+            return handleAdvanced(originConfig, targetConfig, moduleType);
+        }
+
+        return false;
+
+    }
+
+    private boolean handleAdvanced(StageConfigResponse originConfig, StageConfigResponse targetConfig, String moduleType) {
+        StageAdvancedConfig config = extStageAdvancedConfigMapper.getConfigByOriginAndTarget(originConfig.getId(), targetConfig.getId(), moduleType);
+        if (config == null || !config.getEnable()) {
+            throw new GenericException("[" + originConfig.getName() + "] 不允许流转至 [" + targetConfig.getName() + "]");
+        }
+        return config.getEnable();
+    }
+
+
+    private boolean handleNormal(StageConfigResponse originConfig, StageConfigResponse targetConfig) {
+        // 基础流转
+        if (originConfig.getEndRollBack() && originConfig.getAfootRollBack()) {
+            // 进行中&完结 同时开启 任意流转
+            return true;
+        }
+
+        if (originConfig.getEndRollBack()) {
+            // 只开启完结回退配置
+            // 按pos顺序（目标pos > 源pos）允许任何类型切换
+            if (targetConfig.getPos() > originConfig.getPos()) {
+                return true;
+            }
+            // 特定的类型组合，允许pos不递增的情况
+            String originType = originConfig.getType();
+            String targetType = targetConfig.getType();
+            if ((Strings.CI.equals(OpportunityStageType.AFOOT.name(), originType) && Strings.CI.equals(OpportunityStageType.END.name(), targetType))
+                    || (Strings.CI.equals(OpportunityStageType.END.name(), originType) && Strings.CI.equals(OpportunityStageType.END.name(), targetType))) {
+                return true;
+            }
+            throw new GenericException("[" + originConfig.getName() + "] 不允许流转至 [" + targetConfig.getName() + "]");
+        }
+
+        if (originConfig.getAfootRollBack()) {
+            // 只开启进行中回退
+            // 源阶段为 END 时，不允许任何切换
+            if (Strings.CI.equals(OpportunityStageType.END.name(), originConfig.getType())) {
+                throw new GenericException("[" + originConfig.getName() + "] 不允许流转至 [" + targetConfig.getName() + "]");
+            }
+
+            // 源阶段为 AFOOT 时，允许目标为 AFOOT 或 END（不限制 pos）
+            String targetType = targetConfig.getType();
+            return Strings.CI.equals(OpportunityStageType.END.name(), targetType) || Strings.CI.equals(OpportunityStageType.AFOOT.name(), targetType);
+        }
+
+        throw new GenericException("[" + originConfig.getName() + "] 不允许流转至 [" + targetConfig.getName() + "]");
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/SysLoginLogService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/SysLoginLogService.java
new file mode 100644
index 0000000..f8006ca
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/SysLoginLogService.java
@@ -0,0 +1,71 @@
+package cn.cordys.crm.system.service;
+
+
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.dto.request.LoginLogRequest;
+import cn.cordys.crm.system.dto.response.LoginLogListResponse;
+import cn.cordys.crm.system.mapper.ExtLoginLogMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+
+/**
+ * @author jianxing
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class SysLoginLogService {
+    @Resource
+    private ExtLoginLogMapper extLoginLogMapper;
+    @Resource
+    private BaseService baseService;
+
+    /**
+     * 处理数据
+     *
+     * @param list
+     */
+    private List<LoginLogListResponse> handleData(List<LoginLogListResponse> list) {
+        if (CollectionUtils.isNotEmpty(list)) {
+            List<String> userIds = list.stream().map(LoginLogListResponse::getOperator).collect(Collectors.toList());
+            Map<String, String> userNameMap = baseService.getUserNameMap(userIds);
+            list.forEach(item -> item.setOperatorName(userNameMap.getOrDefault(item.getOperator(), StringUtils.EMPTY)));
+        }
+        return list;
+    }
+
+    /**
+     * 时间校验
+     *
+     * @param startTime
+     * @param endTime
+     */
+    private void checkTime(Long startTime, Long endTime) {
+        int compare = Long.compare(startTime, endTime);
+        if (compare > 0) {
+            throw new GenericException(Translator.get("startTime_must_be_less_than_endTime"));
+        }
+    }
+
+
+    /**
+     * 登录日志列表查询
+     *
+     * @param request
+     *
+     * @return
+     */
+    public List<LoginLogListResponse> list(LoginLogRequest request, String orgId) {
+        checkTime(request.getStartTime(), request.getEndTime());
+        List<LoginLogListResponse> list = extLoginLogMapper.list(request, orgId);
+        return handleData(list);
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/SysOperationLogService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/SysOperationLogService.java
new file mode 100644
index 0000000..a87223d
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/SysOperationLogService.java
@@ -0,0 +1,191 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.common.dto.JsonDifferenceDTO;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.JsonDifferenceUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.domain.OperationLog;
+import cn.cordys.crm.system.domain.OperationLogBlob;
+import cn.cordys.crm.system.dto.request.OperationLogRequest;
+import cn.cordys.crm.system.dto.response.OperationLogDetailResponse;
+import cn.cordys.crm.system.dto.response.OperationLogResponse;
+import cn.cordys.crm.system.mapper.ExtOperationLogMapper;
+import cn.cordys.crm.system.mapper.ExtUserMapper;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.nio.charset.StandardCharsets;
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Map;
+import java.util.Optional;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class SysOperationLogService {
+
+    @Resource
+    private ExtOperationLogMapper extOperationLogMapper;
+
+    @Resource
+    private ExtUserMapper extUserMapper;
+
+    @Resource
+    private BaseMapper<OperationLogBlob> operationLogBlobMapper;
+    @Resource
+    private BaseMapper<OperationLog> operationLogMapper;
+    @Resource
+    private BaseService baseService;
+
+    /**
+     * 操作日志列表查询
+     */
+    public List<OperationLogResponse> list(OperationLogRequest request, String orgId) {
+        checkTime(request.getStartTime(), request.getEndTime());
+        List<OperationLogResponse> list = extOperationLogMapper.list(request, orgId);
+        handleData(list);
+        return list;
+    }
+
+    /**
+     * 处理数据
+     *
+     * @param list 操作日志列表
+     */
+    private void handleData(List<OperationLogResponse> list) {
+        if (CollectionUtils.isNotEmpty(list)) {
+            List<String> userIds = list.stream()
+                    .map(OperationLogResponse::getOperator)
+                    .collect(Collectors.toList());
+
+            List<OptionDTO> userList = extUserMapper.selectUserOptionByIds(userIds);
+            Map<String, String> userMap = userList.stream()
+                    .collect(Collectors.toMap(OptionDTO::getId, OptionDTO::getName));
+
+            list.forEach(item -> item.setOperatorName(userMap.getOrDefault(item.getOperator(), StringUtils.EMPTY)));
+        }
+    }
+
+    /**
+     * 时间校验
+     *
+     * @param startTime 开始时间
+     * @param endTime   结束时间
+     */
+    private void checkTime(Long startTime, Long endTime) {
+        if (startTime > endTime) {
+            throw new GenericException(Translator.get("startTime_must_be_less_than_endTime"));
+        }
+    }
+
+    /**
+     * 获取日志详情
+     *
+     * @param id 日志ID
+     *
+     * @return 日志详情
+     */
+    public OperationLogDetailResponse getLogDetail(String id, String orgId) {
+        OperationLog operationLog = operationLogMapper.selectByPrimaryKey(id);
+        if (operationLog == null) {
+            throw new GenericException(Translator.get("log.not_found"));
+        }
+
+        // 构建基础响应对象
+        OperationLogDetailResponse logResponse = BeanUtils.copyBean(new OperationLogDetailResponse(), operationLog);
+        logResponse.setOperator(operationLog.getCreateUser());
+        logResponse.setOperatorName(baseService.getUserName(logResponse.getOperator()));
+
+        OperationLogBlob operationLogBlob = operationLogBlobMapper.selectByPrimaryKey(id);
+        if (operationLogBlob == null) {
+            return logResponse;
+        }
+
+        // 解析旧值和新值
+        String oldString = Optional.ofNullable(operationLogBlob.getOriginalValue())
+                .map(bytes -> new String(bytes, StandardCharsets.UTF_8))
+                .orElse("");
+        String newString = Optional.ofNullable(operationLogBlob.getModifiedValue())
+                .map(bytes -> new String(bytes, StandardCharsets.UTF_8))
+                .orElse("");
+
+        try {
+            List<JsonDifferenceDTO> differences = getJsonDifferences(oldString, newString);
+
+            if (CollectionUtils.isNotEmpty(differences)) {
+                // 获取模块对应处理服务
+                BaseModuleLogService moduleLogService = ModuleLogServiceFactory.getModuleLogService(operationLog.getModule());
+
+                if (moduleLogService != null) {
+                    moduleLogService.setOldValue(oldString);
+                    moduleLogService.setNewValue(newString);
+                    differences = moduleLogService.handleLogField(differences, orgId);
+                } else {
+                    handleDefaultDifferences(operationLog, differences);
+                }
+            }
+
+            logResponse.setDiffs(differences);
+        } catch (Exception e) {
+            log.error("解析日志差异异常: {}", e.getMessage(), e);
+            throw new GenericException(Translator.get("data_parsing_exception"));
+        }
+
+        return logResponse;
+    }
+
+    public List<JsonDifferenceDTO> getJsonDifferences(String oldString, String newString) throws Exception {
+        List<JsonDifferenceDTO> differences = new ArrayList<>();
+        JsonDifferenceUtils.compareJson(oldString, newString, differences);
+
+        // 过滤掉不需要的字段
+        differences = filterIgnoreFields(differences);
+        return differences;
+    }
+
+    // 默认差异处理逻辑
+    private void handleDefaultDifferences(OperationLog operationLog, List<JsonDifferenceDTO> differences) {
+        // 特殊处理合同业务更新字段
+        if (Strings.CI.equals(operationLog.getModule(), LogModule.CONTRACT_BUSINESS_TITLE)
+                && Strings.CI.equals(operationLog.getType(), LogType.UPDATE)) {
+            differences.forEach(diff -> {
+                if (Strings.CI.equals(diff.getColumn(), "name")) {
+                    diff.setColumn("companyName");
+                }
+            });
+        }
+        // 通用翻译
+        differences.forEach(BaseModuleLogService::translatorDifferInfo);
+    }
+
+
+    /**
+     * 过滤掉日志对比无需显示的字段
+     * 例如：organizationId
+     *
+     * @param differences
+     *
+     * @return
+     */
+    private List<JsonDifferenceDTO> filterIgnoreFields(List<JsonDifferenceDTO> differences) {
+        differences = differences
+                .stream()
+                .filter(differ -> !Strings.CS.equalsAny(differ.getColumn(),
+                        "organizationId", "createUser", "updateUser", "createTime", "updateTime", "departmentName", "supervisorName", "lastStage", "pos"))
+                .collect(Collectors.toList());
+        return differences;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/SystemModuleLogService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/SystemModuleLogService.java
new file mode 100644
index 0000000..a76c7c7
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/SystemModuleLogService.java
@@ -0,0 +1,274 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.common.constants.LinkScenarioKey;
+import cn.cordys.common.dto.JsonDifferenceDTO;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.search.constants.SearchModuleEnum;
+import cn.cordys.crm.system.domain.ModuleField;
+import cn.cordys.crm.system.dto.ScopeNameDTO;
+import cn.cordys.crm.system.dto.form.FormProp;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+@Slf4j
+public class SystemModuleLogService extends BaseModuleLogService {
+
+    public static final String LINK_KEY_SPILT = "-";
+    @Resource
+    private BaseMapper<ModuleField> moduleFieldMapper;
+    @Resource
+    private UserExtendService userExtendService;
+
+    @Override
+    public List<JsonDifferenceDTO> handleLogField(List<JsonDifferenceDTO> differences, String orgId) {
+        differences.forEach(differ -> {
+            if (isLinkFormKey(differ.getColumn()) && differ.getColumn().split(LINK_KEY_SPILT).length == 2) {
+                String[] splitKey = differ.getColumn().split(LINK_KEY_SPILT);
+                differ.setColumnName(Translator.get("log." + splitKey[0] + ".link") + "-" + Translator.get(splitKey[1].toLowerCase()));
+                handleLinkFieldsLogDetail(differ);
+            }
+            if (Strings.CS.equals("module.switch", differ.getColumn())) {
+                differ.setColumnName(Translator.get(differ.getColumn()));
+                differ.setOldValueName(differ.getOldValue());
+                differ.setNewValueName(differ.getNewValue());
+            }
+            if (Strings.CS.equals("fields", differ.getColumn())) {
+                differ.setColumnName(Translator.get("log." + differ.getColumn()));
+                handleFieldsLogDetail(differ);
+            }
+            if (Strings.CS.equals("sort", differ.getColumn())) {
+                differ.setColumnName(Translator.get("module.main.nav"));
+                handleModuleMainNav(differ);
+            }
+
+            if (Strings.CS.equals("navigationSort", differ.getColumn())) {
+                differ.setColumnName(Translator.get("top.navigation"));
+                handleModuleMainNav(differ);
+            }
+
+			if (Strings.CS.equals("viewSize", differ.getColumn())) {
+				differ.setColumnName(Translator.get("form.view.size"));
+				differ.setOldValueName(Translator.get(differ.getOldValue().toString()));
+				differ.setNewValueName(Translator.get(differ.getNewValue().toString()));
+			}
+
+			if (Strings.CS.equals("formProp", differ.getColumn())) {
+				differ.setColumnName(Translator.get("log.form.prop"));
+				handleFormPropLogDetail(differ);
+			}
+
+
+            if (Strings.CI.equalsAny(differ.getColumn(),
+                    "rate", "stage", "contractStage", "orderStage","afootRollBack", "endRollBack","name")) {
+                differ.setColumnName(Translator.get("log.".concat(differ.getColumn())));
+                differ.setNewValueName(differ.getNewValue());
+                differ.setOldValueName(differ.getOldValue());
+            }
+
+            if (Strings.CS.equals("stageSort", differ.getColumn())) {
+                differ.setColumnName(Translator.get("opportunity_stage_setting"));
+                differ.setNewValueName(differ.getNewValue());
+                differ.setOldValueName(differ.getOldValue());
+            }
+
+            if (Strings.CS.equals("optBtnContent", differ.getColumn())) {
+                differ.setColumnName(Translator.get("log.module.form.operate.btn"));
+                differ.setNewValueName(getBtnContentList(differ.getNewValue()).toString());
+                differ.setOldValueName(getBtnContentList(differ.getOldValue()).toString());
+            }
+
+            handlePoolConfig(differ);
+
+            if (differ.getColumn().contains("searchAdvanced")) {
+                searchSetting(differ);
+            }
+        });
+
+		differences.removeIf(differ -> differ.getOldValueName() == null && differ.getNewValueName() == null);
+        return differences;
+    }
+
+    private List<String> getBtnContentList(Object value) {
+        List<String> newValuesList = new ArrayList<>();
+        if (value != null) {
+            try {
+                List<Map<String, Object>> newValues = (List<Map<String, Object>>) value;
+                newValuesList = newValues.stream().filter(newValue -> newValue.get("enable") != null && (Boolean) newValue.get("enable"))
+                        .map(newValue -> (String) newValue.get("text"))
+                        .toList();
+            } catch (Exception e) {
+                log.error(e.getMessage(), e);
+                return newValuesList;
+            }
+        }
+        return newValuesList;
+    }
+
+    private void handlePoolConfig(JsonDifferenceDTO differ) {
+        if (Strings.CS.equals("scopeId", differ.getColumn())) {
+            differ.setColumnName(Translator.get("log.pool.members"));
+            handlePoolOwnerOrMember(differ);
+        }
+
+        if (Strings.CS.equals("ownerId", differ.getColumn())) {
+            differ.setColumnName(Translator.get("log.pool.owner"));
+            handlePoolOwnerOrMember(differ);
+        }
+
+        if (Strings.CS.equals("auto", differ.getColumn())) {
+            differ.setColumnName(Translator.get("log.pool.auto"));
+            differ.setNewValueName(differ.getNewValue());
+            differ.setOldValueName(differ.getOldValue());
+        }
+    }
+
+    private void searchSetting(JsonDifferenceDTO differ) {
+        List<String> oldValues = parseFieldList(differ.getOldValue()).stream().map(String::valueOf).toList();
+        List<String> newValues = parseFieldList(differ.getNewValue()).stream().map(String::valueOf).toList();
+        if (CollectionUtils.isNotEmpty(oldValues)) {
+            List<ModuleField> moduleFields = moduleFieldMapper.selectByIds(oldValues);
+            differ.setOldValueName(moduleFields.stream()
+                    .map(ModuleField::getName)
+                    .toList());
+        }
+        if (CollectionUtils.isNotEmpty(newValues)) {
+            List<ModuleField> moduleFields = moduleFieldMapper.selectByIds(newValues);
+            differ.setNewValueName(moduleFields.stream()
+                    .map(ModuleField::getName)
+                    .toList());
+        }
+        switch (differ.getColumn()) {
+            case SearchModuleEnum.SEARCH_ADVANCED_CLUE:
+                differ.setColumnName(Translator.get("clue"));
+                break;
+            case SearchModuleEnum.SEARCH_ADVANCED_CUSTOMER:
+                differ.setColumnName(Translator.get("customer"));
+                break;
+            case SearchModuleEnum.SEARCH_ADVANCED_CONTACT:
+                differ.setColumnName(Translator.get("contact"));
+                break;
+            case SearchModuleEnum.SEARCH_ADVANCED_PUBLIC:
+                differ.setColumnName(Translator.get("customer_pool"));
+                break;
+            case SearchModuleEnum.SEARCH_ADVANCED_CLUE_POOL:
+                differ.setColumnName(Translator.get("clue_pool"));
+                break;
+            case SearchModuleEnum.SEARCH_ADVANCED_OPPORTUNITY:
+                differ.setColumnName(Translator.get("opportunity"));
+                break;
+        }
+    }
+
+    private void handlePoolOwnerOrMember(JsonDifferenceDTO differ) {
+
+        if (differ.getOldValue() != null) {
+            List<ScopeNameDTO> oldScope = userExtendService.getScope(JSON.parseArray((String) differ.getOldValue(), String.class));
+            differ.setOldValueName(JSON.toJSONString(oldScope.stream().map(ScopeNameDTO::getName).toList()));
+        }
+
+        if (differ.getNewValue() != null) {
+            List<ScopeNameDTO> newScope = userExtendService.getScope(JSON.parseArray((String) differ.getNewValue(), String.class));
+            differ.setNewValue(JSON.toJSONString(newScope.stream().map(ScopeNameDTO::getName).toList()));
+        }
+    }
+
+    private void handleModuleMainNav(JsonDifferenceDTO differ) {
+        // 将 oldValue 和 newValue 转为列表并映射为名称
+        differ.setOldValueName(parseFieldList(differ.getOldValue())
+                .stream()
+                .map(String::valueOf)
+                .map(Translator::get)
+                .toList());
+
+        differ.setNewValueName(parseFieldList(differ.getNewValue())
+                .stream()
+                .map(String::valueOf)
+                .map(Translator::get)
+                .toList());
+    }
+
+    private void handleLinkFieldsLogDetail(JsonDifferenceDTO differ) {
+        Map<String, String> oldPairs = parseLinkFieldMap(differ.getOldValue());
+        Map<String, String> newPairs = parseLinkFieldMap(differ.getNewValue());
+
+        // 去重且保序
+        Set<String> fieldIds = new LinkedHashSet<>();
+        oldPairs.forEach((k, v) -> {
+            fieldIds.add(k);
+            fieldIds.add(v);
+        });
+        newPairs.forEach((k, v) -> {
+            fieldIds.add(k);
+            fieldIds.add(v);
+        });
+
+        Map<String, String> fieldMap = new HashMap<>();
+        if (!fieldIds.isEmpty()) {
+            LambdaQueryWrapper<ModuleField> queryWrapper = new LambdaQueryWrapper<>();
+            queryWrapper.in(ModuleField::getId, new ArrayList<>(fieldIds));
+            List<ModuleField> moduleFields = moduleFieldMapper.selectListByLambda(queryWrapper);
+            fieldMap = moduleFields.stream()
+                    .collect(Collectors.toMap(ModuleField::getId, ModuleField::getName, (a, b) -> a));
+        }
+
+        if (!oldPairs.isEmpty()) {
+            differ.setOldValueName(toNamePairs(oldPairs, fieldMap));
+        }
+        if (!newPairs.isEmpty()) {
+            differ.setNewValueName(toNamePairs(newPairs, fieldMap));
+        }
+    }
+
+    private Map<String, String> parseLinkFieldMap(Object value) {
+        Map<String, String> result = new LinkedHashMap<>();
+        if (!(value instanceof List<?> list)) {
+            return result;
+        }
+        for (Object item : list) {
+            if (!(item instanceof Map<?, ?> m)) {
+                continue;
+            }
+            Object current = m.get("current");
+            Object link = m.get("link");
+            if (current != null && link != null) {
+                result.put(String.valueOf(current), String.valueOf(link));
+            }
+        }
+        return result;
+    }
+
+    private List<?> parseFieldList(Object value) {
+        if (value instanceof List<?> list) {
+            return list;
+        }
+        return Collections.emptyList();
+    }
+
+    private List<String> toNamePairs(Map<String, String> pairs, Map<String, String> fieldMap) {
+        return pairs.entrySet().stream()
+                .map(e -> fieldMap.getOrDefault(e.getKey(), e.getKey())
+                        + "-" + fieldMap.getOrDefault(e.getValue(), e.getValue()))
+                .collect(Collectors.toList());
+    }
+
+    private boolean isLinkFormKey(String key) {
+        for (LinkScenarioKey linkKey : LinkScenarioKey.values()) {
+            if (key.contains(linkKey.name())) {
+                return true;
+            }
+        }
+        return false;
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/SystemService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/SystemService.java
new file mode 100644
index 0000000..f280802
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/SystemService.java
@@ -0,0 +1,155 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.crm.system.constants.LicenseStatus;
+import cn.cordys.crm.system.dto.VersionInfoDTO;
+import cn.cordys.crm.system.utils.ArchUtils;
+import cn.cordys.crm.system.utils.CSHttpClient;
+import cn.cordys.crm.system.utils.CopyrightUtils;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.cache.Cache;
+import org.springframework.cache.CacheManager;
+import org.springframework.cache.annotation.Cacheable;
+import org.springframework.stereotype.Service;
+
+import java.time.Year;
+import java.util.Map;
+import java.util.Objects;
+
+@Service
+@Slf4j
+public class SystemService {
+
+    private static final String CACHE_COPYRIGHT = "copyright_cache";
+    private static final String CACHE_FORM = "form_cache";
+    private static final String CACHE_FIELD = "field_cache";
+    private static final String CACHE_TABLE_SCHEMA = "table_schema_cache";
+    private static final String PRODUCT = "CORDYS";
+    private static final String EDITION_CE = "ce";
+    private static final String EDITION_EE = "ee";
+    private static final String PERMISSION_CACHE = "permission_cache";
+
+    private final CacheManager cacheManager;
+    private final LicenseService licenseService;
+
+    public SystemService(CacheManager cacheManager, LicenseService licenseService) {
+        this.cacheManager = cacheManager;
+        this.licenseService = licenseService;
+    }
+
+    private static String baseVersion(String v) {
+        if (StringUtils.isBlank(v)) return "";
+        String core = StringUtils.substringBefore(v.trim(), "-");
+        core = StringUtils.substringBefore(core, "+");
+        if (core.startsWith("v") || core.startsWith("V")) {
+            core = core.substring(1);
+        }
+        return core;
+    }
+
+    private static boolean isNumericSemver(String v) {
+        String core = baseVersion(v);
+        if (StringUtils.isBlank(core)) return false;
+        String[] parts = StringUtils.split(core, '.');
+        if (parts == null || parts.length == 0) return false;
+        for (String p : parts) {
+            if (!StringUtils.isNumeric(p)) return false;
+        }
+        return true;
+    }
+
+    private static int compareSemverCore(String v1, String v2) {
+        String[] a = StringUtils.split(v1, '.');
+        String[] b = StringUtils.split(v2, '.');
+        int al = a == null ? 0 : a.length;
+        int bl = b == null ? 0 : b.length;
+        int len = Math.max(al, bl);
+        for (int i = 0; i < len; i++) {
+            int ai = i < al ? safeParseInt(a[i]) : 0;
+            int bi = i < bl ? safeParseInt(b[i]) : 0;
+            int cmp = Integer.compare(ai, bi);
+            if (cmp != 0) return cmp;
+        }
+        return 0;
+    }
+
+    private static int safeParseInt(String s) {
+        try {
+            return Integer.parseInt(s);
+        } catch (Exception e) {
+            return 0;
+        }
+    }
+
+    @Cacheable(value = CACHE_COPYRIGHT)
+    public VersionInfoDTO getVersion() {
+        // 支持系统属性覆盖，环境变量退化，最后为 unknown
+        String current = StringUtils.defaultIfBlank(System.getenv("CRM_VERSION"), "unknown");
+        String currentBase = baseVersion(current);
+
+        String edition = getEdition();
+        CSHttpClient.DownloadInfo info = null;
+        try {
+            info = CSHttpClient.sendGetRequest(Map.of(
+                    "currentVersion", currentBase,
+                    "majorVersion", "v1",
+                    "edition", edition,
+                    "product", PRODUCT
+            ));
+        } catch (Exception e) {
+            log.info("检查版本信息失败: {}", e.getMessage());
+        }
+
+        String latest = info != null
+                ? StringUtils.defaultIfBlank(info.getLatestVersion(), current)
+                : current;
+        String latestBase = baseVersion(latest);
+
+        boolean comparable = isNumericSemver(currentBase) && isNumericSemver(latestBase);
+        boolean hasNew = comparable && compareSemverCore(latestBase, currentBase) > 0;
+
+        int year = info != null ? info.getYear() : Year.now().getValue();
+
+        return VersionInfoDTO.builder()
+                .currentVersion(current)
+                .latestVersion(hasNew ? latest : "v" + currentBase)
+                .copyright(CopyrightUtils.getCopyright(year))
+                .hasNewVersion(hasNew)
+                .architecture(ArchUtils.getNormalizedArch())
+                .build();
+    }
+
+    /**
+     * 清理表单相关缓存
+     * <p>清理表单缓存和表结构缓存，确保应用使用最新的表单配置和结构</p>
+     */
+    public void clearFormCache() {
+        if (cacheManager == null) {
+            log.info("CacheManager 未初始化，跳过清理。");
+            return;
+        }
+        String[] cacheNames = {CACHE_FORM, CACHE_FIELD, CACHE_TABLE_SCHEMA, CACHE_COPYRIGHT, PERMISSION_CACHE};
+        for (String cacheName : cacheNames) {
+            try {
+                Cache cache = cacheManager.getCache(cacheName);
+                if (cache != null) {
+                    cache.clear();
+                }
+            } catch (Exception e) {
+                log.info("清理缓存失败：{} - {}", cacheName, e.getMessage());
+            }
+        }
+    }
+
+    private String getEdition() {
+        try {
+            String status = Objects.toString(licenseService.validate().getStatus(), "");
+            return Strings.CI.equals(status, LicenseStatus.NOT_FOUND.getName()) ? EDITION_CE : EDITION_EE;
+        } catch (Exception e) {
+            // 许可异常时默认为 CE
+            log.info("获取许可状态失败，默认使用 CE：{}", e.getMessage());
+            return EDITION_CE;
+        }
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/UserExtendService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/UserExtendService.java
new file mode 100644
index 0000000..8a56b0c
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/UserExtendService.java
@@ -0,0 +1,389 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.common.constants.InternalRole;
+import cn.cordys.common.dto.BaseTreeNode;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.constants.ScopeKey;
+import cn.cordys.crm.system.domain.OrganizationUser;
+import cn.cordys.crm.system.domain.User;
+import cn.cordys.crm.system.domain.UserExtend;
+import cn.cordys.crm.system.domain.UserRole;
+import cn.cordys.crm.system.dto.ScopeNameDTO;
+import cn.cordys.crm.system.dto.UserSimple;
+import cn.cordys.crm.system.mapper.ExtUserExtendMapper;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections4.ListUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.util.CollectionUtils;
+
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+
+@Service
+public class UserExtendService {
+
+    public static final String ROOT_NODE_PARENT_ID = "NONE";
+    @Resource
+    private BaseMapper<OrganizationUser> organizationUserMapper;
+    @Resource
+    private ExtUserExtendMapper extUserExtendMapper;
+    @Resource
+    private DepartmentService departmentService;
+    @Resource
+    private BaseMapper<UserRole> userRoleMapper;
+    @Resource
+    private BaseMapper<User> userMapper;
+	@Resource
+	private BaseMapper<UserExtend> userExtendMapper;
+
+    /**
+     * 获取范围的所有负责人ID
+     *
+     * @param scopeIds 范围ID集合
+     * @param orgId    组织ID
+     *
+     * @return 负责人ID集合
+     */
+    public List<String> getScopeOwnerIds(List<String> scopeIds, String orgId) {
+        List<ScopeNameDTO> scopes = getScope(scopeIds);
+        List<String> ownerIds = scopes.stream().filter(scope -> Strings.CS.equals(scope.getScope(), ScopeKey.USER.name())).map(ScopeNameDTO::getId).collect(Collectors.toList());
+        List<ScopeNameDTO> roleList = scopes.stream().filter(scope -> Strings.CS.equals(scope.getScope(), ScopeKey.ROLE.name())).toList();
+        List<ScopeNameDTO> dptList = scopes.stream().filter(scope -> Strings.CS.equals(scope.getScope(), ScopeKey.DEPARTMENT.name())).toList();
+        if (!CollectionUtils.isEmpty(roleList)) {
+            List<String> roleIds = roleList.stream().map(ScopeNameDTO::getId).toList();
+            LambdaQueryWrapper<UserRole> userRoleWrapper = new LambdaQueryWrapper<>();
+            userRoleWrapper.in(UserRole::getRoleId, roleIds);
+            List<UserRole> userRoles = userRoleMapper.selectListByLambda(userRoleWrapper);
+            ownerIds.addAll(userRoles.stream().map(UserRole::getUserId).toList());
+        }
+        if (!CollectionUtils.isEmpty(dptList)) {
+            List<BaseTreeNode> tree = departmentService.getTree(orgId);
+            List<String> allDptIds = new ArrayList<>(dptList.stream().map(ScopeNameDTO::getId).toList());
+            dptList.forEach(dpt -> {
+                List<String> childDptIds = getChildDptById(tree.getFirst(), dpt.getId());
+                allDptIds.addAll(childDptIds);
+            });
+            LambdaQueryWrapper<OrganizationUser> queryWrapper = new LambdaQueryWrapper<>();
+            queryWrapper.in(OrganizationUser::getDepartmentId, allDptIds.stream().distinct().toList());
+            List<OrganizationUser> organizationUsers = organizationUserMapper.selectListByLambda(queryWrapper);
+            ownerIds.addAll(organizationUsers.stream().map(OrganizationUser::getUserId).toList());
+        }
+        return ownerIds.stream().distinct().collect(Collectors.toList());
+    }
+
+    /**
+     * 获取成员范围集合
+     *
+     * @param scopeIds 范围ID集合
+     *
+     * @return 范围集合
+     */
+    public List<ScopeNameDTO> getScope(List<String> scopeIds) {
+        if (CollectionUtils.isEmpty(scopeIds)) {
+            return new ArrayList<>();
+        }
+        List<ScopeNameDTO> scopeNames = extUserExtendMapper.groupByScopeIds(scopeIds);
+        return scopeNames.stream().peek(scope -> {
+            if (Strings.CS.equalsAny(scope.getName(), InternalRole.ORG_ADMIN.getValue(), InternalRole.SALES_MANAGER.getValue(), InternalRole.SALES_STAFF.getValue())) {
+                scope.setName(Translator.get("role." + scope.getName()));
+            }
+        }).toList();
+    }
+
+    /**
+     * 获取负责人范围ID集合
+     *
+     * @param ownerId        负责人ID
+     * @param organizationId 组织ID
+     *
+     * @return 范围ID集合
+     */
+    public List<String> getUserScopeIds(String ownerId, String organizationId) {
+        List<String> departmentIds = getParentDepartmentIds(ownerId, organizationId);
+        departmentIds.add(ownerId);
+        LambdaQueryWrapper<UserRole> userRoleWrapper = new LambdaQueryWrapper<>();
+        userRoleWrapper.eq(UserRole::getUserId, ownerId);
+        List<UserRole> roles = userRoleMapper.selectListByLambda(userRoleWrapper);
+        List<String> roleIds = roles.stream().map(UserRole::getRoleId).toList();
+        return ListUtils.union(departmentIds, roleIds);
+    }
+
+    /**
+     * 获取负责人范围对象集合
+     *
+     * @param ownerIds       负责人ID集合
+     * @param organizationId 组织ID
+     *
+     * @return 范围对象集合
+     */
+    public Map<String, List<String>> getMultiScopeMap(List<String> ownerIds, String organizationId) {
+        if (CollectionUtils.isEmpty(ownerIds)) {
+            return Map.of();
+        }
+        Map<String, List<String>> scopeMap = new HashMap<>(ownerIds.size());
+        // 查询所有负责人的角色
+        LambdaQueryWrapper<UserRole> userRoleWrapper = new LambdaQueryWrapper<>();
+        userRoleWrapper.in(UserRole::getUserId, ownerIds);
+        List<UserRole> allOwnerRoles = userRoleMapper.selectListByLambda(userRoleWrapper);
+        Map<String, List<String>> ownerRoleMap = allOwnerRoles.stream().collect(Collectors.groupingBy(
+                UserRole::getUserId, Collectors.mapping(UserRole::getRoleId, Collectors.toList())));
+        // 查询所有负责人的部门
+        Map<String, List<String>> ownerDepMap = getOwnerAncestorMap(ownerIds, organizationId);
+
+        ownerIds.forEach(ownerId -> {
+            List<String> roleIds = ownerRoleMap.getOrDefault(ownerId, List.of());
+            List<String> deptIds = ownerDepMap.getOrDefault(ownerId, List.of());
+            List<String> allDeptIds = new ArrayList<>(deptIds);
+            // 负责人也作为范围对象
+            allDeptIds.add(ownerId);
+            scopeMap.put(ownerId, ListUtils.union(roleIds, allDeptIds));
+        });
+        return scopeMap;
+    }
+
+    /**
+     * 获取负责人集合的父部门映射
+     *
+     * @param ownerIds       负责人ID集合
+     * @param organizationId 组织ID
+     *
+     * @return 负责人ID -> 父部门ID集合映射
+     */
+    public Map<String, List<String>> getOwnerAncestorMap(List<String> ownerIds, String organizationId) {
+        Map<String, String> deptParentMap = loadDeptParentMap(organizationId);
+        Map<String, List<String>> ancestorMap = new HashMap<>(ownerIds.size());
+        // 查询所有负责人的部门ID
+        LambdaQueryWrapper<OrganizationUser> wrapper = new LambdaQueryWrapper<>();
+        wrapper.in(OrganizationUser::getUserId, ownerIds).eq(OrganizationUser::getOrganizationId, organizationId);
+        List<OrganizationUser> organizationUsers = organizationUserMapper.selectListByLambda(wrapper);
+        if (organizationUsers.isEmpty()) {
+            return ancestorMap;
+        }
+        Map<String, String> ownerDepIdMap = organizationUsers.stream().collect(Collectors.toMap(OrganizationUser::getUserId, OrganizationUser::getDepartmentId));
+        ownerDepIdMap.forEach((k, v) -> ancestorMap.put(k, getDepAllAncestor(v, deptParentMap)));
+        return ancestorMap;
+    }
+
+    /**
+     * 获取部门的父部门
+     *
+     * @param deptId 部门ID
+     *
+     * @return 父部门ID集合
+     */
+    public List<String> getDepAllAncestor(String deptId, Map<String, String> deptParentMap) {
+        List<String> ancestors = new ArrayList<>();
+        ancestors.add(deptId);
+        String current = deptParentMap.get(deptId);
+        while (StringUtils.isNotEmpty(current) && !Strings.CS.equals(current, ROOT_NODE_PARENT_ID)) {
+            ancestors.add(current);
+            current = deptParentMap.get(current);
+        }
+        return ancestors;
+    }
+
+    /**
+     * 获取用户所有的上级部门
+     *
+     * @param userId       用户ID
+     * @param currentOrgId 当前组织ID
+     *
+     * @return 上级部门ID集合
+     */
+    public List<String> getParentDepartmentIds(String userId, String currentOrgId) {
+        LambdaQueryWrapper<OrganizationUser> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(OrganizationUser::getUserId, userId).eq(OrganizationUser::getOrganizationId, currentOrgId);
+        List<OrganizationUser> organizationUsers = organizationUserMapper.selectListByLambda(wrapper);
+        if (CollectionUtils.isEmpty(organizationUsers)) {
+            return new ArrayList<>();
+        }
+        String departmentId = organizationUsers.getFirst().getDepartmentId();
+        List<BaseTreeNode> departmentTree = departmentService.getTree(currentOrgId);
+        List<String> deptPath = new ArrayList<>();
+        boolean found = findDeptPathWithDfs(departmentTree.getFirst(), departmentId, deptPath);
+        // not found, department has been removed
+        return found ? deptPath : new ArrayList<>();
+    }
+
+    /**
+     * 递归获取叶子部门的路径
+     */
+    private boolean findDeptPathWithDfs(BaseTreeNode node, String targetNode, List<String> path) {
+        // 加入当前节点
+        path.add(node.getId());
+        // 命中目标节点返回
+        if (Strings.CS.equals(node.getId(), targetNode)) {
+            return true;
+        }
+        // 递归子节点
+        for (BaseTreeNode treeNode : node.getChildren()) {
+            if (findDeptPathWithDfs(treeNode, targetNode, path)) {
+                return true;
+            }
+        }
+        // 未命中, 回退当前节点
+        path.removeLast();
+        return false;
+    }
+
+    /**
+     * 查找目标部门的子部门节点
+     *
+     * @param node     树节点
+     * @param targetId 目标部门ID
+     *
+     * @return 子部门节点
+     */
+    public List<String> getChildDptById(BaseTreeNode node, String targetId) {
+        BaseTreeNode targetNode = findTargetById(node, targetId);
+        if (targetNode != null) {
+            // find, return all children
+            return getAllChildDptIds(targetNode);
+        } else {
+            // not found, return empty list
+            return new ArrayList<>();
+        }
+    }
+
+    /**
+     * 根据ID递归查找目标部门节点
+     *
+     * @param node     树节点
+     * @param targetId 目标部门ID
+     *
+     * @return 树节点
+     */
+    public BaseTreeNode findTargetById(BaseTreeNode node, String targetId) {
+        if (Strings.CS.equals(node.getId(), targetId)) {
+            return node;
+        }
+        for (BaseTreeNode child : node.getChildren()) {
+            BaseTreeNode result = findTargetById(child, targetId);
+            if (result != null) {
+                return result;
+            }
+        }
+        return null;
+    }
+
+    /**
+     * 递归获取所有子节点部门ID
+     *
+     * @param currentNode 当前节点
+     *
+     * @return 子节点部门ID集合
+     */
+    public List<String> getAllChildDptIds(BaseTreeNode currentNode) {
+        List<String> children = new ArrayList<>();
+        if (CollectionUtils.isEmpty(currentNode.getChildren())) {
+            return children;
+        }
+        for (BaseTreeNode child : currentNode.getChildren()) {
+            children.add(child.getId());
+            children.addAll(getAllChildDptIds(child));
+        }
+        return children;
+    }
+
+    /**
+     * 用户ID集合获取用户选项
+     *
+     * @param ids 用户ID集合
+     *
+     * @return 用户选项
+     */
+    public List<User> getUserOptionByIds(List<String> ids) {
+        if (CollectionUtils.isEmpty(ids)) {
+            return new ArrayList<>();
+        }
+        return userMapper.selectByIds(ids.toArray(new String[0]));
+    }
+
+    public List<User> getUserOptionById(String id) {
+        if (StringUtils.isBlank(id)) {
+            return List.of();
+        }
+        return getUserOptionByIds(List.of(id));
+    }
+
+    /**
+     * 是否含有重复对象元素
+     *
+     * @param scopeIds       原始范围ID集合
+     * @param targetScopeIds 目标范围ID集合
+     * @param currentOrgId   当前组织ID
+     *
+     * @return 是否含有重复对象元素
+     */
+    public boolean hasDuplicateScopeObj(List<String> scopeIds, List<String> targetScopeIds, String currentOrgId) {
+        List<String> ownerIds = getScopeOwnerIds(scopeIds, currentOrgId);
+        List<String> targetOwnerIds = getScopeOwnerIds(targetScopeIds, currentOrgId);
+        ownerIds.retainAll(targetOwnerIds);
+        return !ownerIds.isEmpty();
+    }
+
+    /**
+     * 是否池子管理员
+     *
+     * @param scopeIds 范围ID集合
+     * @param ownerId  操作人ID
+     * @param orgId    组织ID
+     *
+     * @return 是否管理员
+     */
+    public boolean isPoolAdmin(List<String> scopeIds, String ownerId, String orgId) {
+        List<String> adminIds = getScopeOwnerIds(scopeIds, orgId);
+        return adminIds.contains(ownerId);
+    }
+
+    /**
+     * 加载组织部门父节点映射
+     *
+     * @param orgId 组织ID
+     *
+     * @return 部门ID -> 父部门ID 映射
+     */
+    private Map<String, String> loadDeptParentMap(String orgId) {
+        List<BaseTreeNode> departmentTree = departmentService.getTree(orgId);
+        Map<String, String> deptMap = new HashMap<>(2 << 7);
+        collectDeptNodes(departmentTree, deptMap);
+        return deptMap;
+    }
+
+    /**
+     * 递归收集部门节点的ID和父ID映射
+     *
+     * @param nodes   节点列表
+     * @param deptMap 部门ID -> 父部门ID 映射
+     */
+    private void collectDeptNodes(List<BaseTreeNode> nodes, Map<String, String> deptMap) {
+        if (CollectionUtils.isEmpty(nodes)) {
+            return;
+        }
+        for (BaseTreeNode node : nodes) {
+            deptMap.put(node.getId(), node.getParentId());
+            // 递归处理子节点
+            collectDeptNodes(node.getChildren(), deptMap);
+        }
+    }
+
+	/**
+	 * 获取用户头像集合
+	 * @return 用户头像集合
+	 */
+	public Map<String, UserSimple> getAllUserSimpleMap() {
+		List<UserExtend> userExtends = userExtendMapper.selectAll(null);
+		List<User> users = userMapper.selectAll(null);
+		Map<String, String> avatarMap = userExtends.stream().filter(userExtend -> StringUtils.isNotBlank(userExtend.getAvatar())).collect(Collectors.toMap(UserExtend::getId, UserExtend::getAvatar));
+		List<UserSimple> simples = users.stream().map(user -> new UserSimple(user.getId(), user.getName(), avatarMap.get(user.getId()))).toList();
+		return simples.stream().collect(Collectors.toMap(UserSimple::getId, u -> u));
+	}
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/UserKeyService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/UserKeyService.java
new file mode 100644
index 0000000..6024812
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/UserKeyService.java
@@ -0,0 +1,193 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.aspectj.builder.LogDTOBuilder;
+import cn.cordys.aspectj.constants.LogConstants;
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import cn.cordys.aspectj.dto.LogDTO;
+import cn.cordys.common.constants.HttpMethodConstants;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.CodingUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.domain.UserKey;
+import cn.cordys.crm.system.dto.request.UserKeyUpdateRequest;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.BooleanUtils;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+import org.springframework.util.CollectionUtils;
+
+import java.util.List;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class UserKeyService {
+
+    @Resource
+    private BaseMapper<UserKey> userKeyMapper;
+
+    @Resource
+    private UserLoginService userLoginService;
+
+    @Resource
+    private LogService logService;
+
+    /**
+     * 获取指定用户的 API 密钥信息
+     */
+    public List<UserKey> getUserKeysInfo(String userId) {
+        UserKey example = new UserKey();
+        example.setCreateUser(userId);
+        return userKeyMapper.select(example);
+    }
+
+    /**
+     * 为指定用户添加 API 密钥
+     */
+    public void addUserKey(String userId) {
+        validateUserExistence(userId);
+
+        List<UserKey> userKeysList = getUserKeysByUserId(userId);
+
+        // 如果该用户已有 5 个密钥，抛出限制异常
+        if (!CollectionUtils.isEmpty(userKeysList) && userKeysList.size() >= 5) {
+            throw new GenericException(Translator.get("user_apikey_limit"));
+        }
+
+        UserKey userKey = generateUserKey(userId);
+        userKeyMapper.insert(userKey);
+
+        logApiKeyAction(userKey);
+    }
+
+    /**
+     * 删除指定 ID 的 API 密钥
+     */
+    public void deleteUserKey(String id) {
+        UserKey userKey = validateAndGetUserKey(id);
+        userKeyMapper.deleteByPrimaryKey(userKey.getId());
+    }
+
+    /**
+     * 启用指定 ID 的 API 密钥
+     */
+    public void enableUserKey(String id) {
+        UserKey userKey = validateAndGetUserKey(id);
+        updateUserKeyStatus(userKey, true);
+    }
+
+    /**
+     * 禁用指定 ID 的 API 密钥
+     */
+    public void disableUserKey(String id) {
+        UserKey userKey = validateAndGetUserKey(id);
+        updateUserKeyStatus(userKey, false);
+    }
+
+    /**
+     * 根据 accessKey 获取 API 密钥信息
+     */
+    public UserKey getUserKey(String accessKey) {
+        UserKey example = new UserKey();
+        example.setAccessKey(accessKey);
+        example.setEnable(true);
+        List<UserKey> userKeysList = userKeyMapper.select(example);
+        return CollectionUtils.isEmpty(userKeysList) ? null : userKeysList.getFirst();
+    }
+
+    /**
+     * 校验 API 密钥是否存在
+     */
+    private UserKey validateAndGetUserKey(String id) {
+        UserKey userKey = userKeyMapper.selectByPrimaryKey(id);
+        if (userKey == null) {
+            throw new GenericException(Translator.get("api_key_not_exist"));
+        }
+        return userKey;
+    }
+
+    /**
+     * 校验用户是否存在
+     */
+    private void validateUserExistence(String userId) {
+        if (userLoginService.authenticateUser(userId) == null) {
+            throw new GenericException(Translator.get("user_not_exist") + userId);
+        }
+    }
+
+    /**
+     * 获取指定用户的所有 API 密钥
+     */
+    private List<UserKey> getUserKeysByUserId(String userId) {
+        UserKey example = new UserKey();
+        example.setCreateUser(userId);
+        return userKeyMapper.select(example);
+    }
+
+    /**
+     * 生成新的 API 密钥
+     */
+    private UserKey generateUserKey(String userId) {
+        UserKey userKey = new UserKey();
+        userKey.setId(IDGenerator.nextStr());
+        userKey.setCreateUser(userId);
+        userKey.setEnable(true);
+        userKey.setAccessKey(CodingUtils.generateAK());
+        userKey.setSecretKey(CodingUtils.generateSecretKey());
+        userKey.setCreateTime(System.currentTimeMillis());
+        userKey.setForever(true);
+        return userKey;
+    }
+
+    /**
+     * 更新 API 密钥的状态（启用/禁用）
+     */
+    private void updateUserKeyStatus(UserKey userKey, boolean enable) {
+        userKey.setEnable(enable);
+        userKeyMapper.updateById(userKey);
+    }
+
+    /**
+     * 记录 API 密钥操作日志
+     */
+    private void logApiKeyAction(UserKey userKey) {
+        LogDTO logDTO = LogDTOBuilder.builder()
+                .organizationId(LogConstants.SYSTEM)
+                .type(LogType.ADD)
+                .module(LogModule.PERSONAL_INFORMATION_APIKEY)
+                .method(HttpMethodConstants.GET.name())
+                .path("/user/api/key/add")
+                .sourceId(userKey.getId())
+                .content(userKey.getAccessKey())
+                .build()
+                .getLogDTO();
+
+        OperationLogContext.setContext(
+                LogContextInfo.builder()
+                        .modifiedValue(userKey)
+                        .build()
+        );
+        logService.add(logDTO);
+    }
+
+
+    public void updateUserKey(UserKeyUpdateRequest request) {
+        UserKey userKey = validateAndGetUserKey(request.getId());
+        userKey.setId(request.getId());
+        userKey.setForever(request.getForever());
+        if (BooleanUtils.isFalse(request.getForever())) {
+            if (request.getExpireTime() == null) {
+                throw new GenericException(Translator.get("expire_time_not_null"));
+            }
+            userKey.setExpireTime(request.getExpireTime());
+        } else {
+            userKey.setExpireTime(null);
+        }
+        userKey.setDescription(request.getDescription());
+        userKeyMapper.updateById(userKey);
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/UserLoginService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/UserLoginService.java
new file mode 100644
index 0000000..66039b1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/UserLoginService.java
@@ -0,0 +1,405 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.constants.ThirdDetailType;
+import cn.cordys.common.dto.RoleDataScopeDTO;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.permission.PermissionCache;
+import cn.cordys.common.request.LoginRequest;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.CodingUtils;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.ServletUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.context.OrganizationContext;
+import cn.cordys.crm.system.constants.LoginType;
+import cn.cordys.crm.system.constants.OrganizationConfigConstants;
+import cn.cordys.crm.system.domain.*;
+import cn.cordys.crm.system.dto.ThirdAuthConfigDTO;
+import cn.cordys.crm.system.mapper.ExtOrganizationConfigDetailMapper;
+import cn.cordys.crm.system.mapper.ExtOrganizationConfigMapper;
+import cn.cordys.crm.system.mapper.ExtOrganizationMapper;
+import cn.cordys.crm.system.mapper.ExtUserMapper;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import cn.cordys.security.SessionUser;
+import cn.cordys.security.SessionUtils;
+import cn.cordys.security.UserDTO;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.apache.shiro.SecurityUtils;
+import org.apache.shiro.authc.*;
+import org.apache.shiro.authz.UnauthorizedException;
+import org.apache.shiro.subject.Subject;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.nio.charset.StandardCharsets;
+import java.util.List;
+import java.util.Optional;
+import java.util.Set;
+import java.util.stream.Collectors;
+
+/**
+ * 用户登录服务
+ * <p>
+ * 提供用户认证、登录、密码验证等相关功能
+ * </p>
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class UserLoginService {
+    @Resource
+    private BaseMapper<User> userMapper;
+
+    @Resource
+    private BaseMapper<OrganizationUser> organizationUserMapper;
+
+    @Resource
+    private ExtOrganizationMapper extOrganizationMapper;
+
+    @Resource
+    private ExtUserMapper extUserMapper;
+
+    @Resource
+    private RoleService roleService;
+
+    @Resource
+    private BaseMapper<LoginLog> loginLogMapper;
+
+    @Resource
+    private BaseMapper<Department> departmentMapper;
+
+    @Resource
+    private PermissionCache permissionCache;
+
+    @Resource
+    private ExtOrganizationConfigMapper extOrganizationConfigMapper;
+
+    @Resource
+    private ExtOrganizationConfigDetailMapper extOrganizationConfigDetailMapper;
+
+    /**
+     * 用户登录
+     *
+     * @param request 登录请求
+     *
+     * @return 会话用户信息
+     *
+     * @throws AuthenticationException 登录失败时抛出相应异常
+     */
+    public SessionUser login(LoginRequest request) {
+        String username = StringUtils.trim(request.getUsername());
+        String password = StringUtils.trim(request.getPassword());
+
+        Subject subject = SecurityUtils.getSubject();
+        UsernamePasswordToken token = new UsernamePasswordToken(username, password);
+
+        try {
+            subject.login(token);
+
+            if (!subject.isAuthenticated()) {
+                throw new GenericException(Translator.get("login_fail"));
+            }
+
+            // 登录成功，记录会话用户并添加登录日志
+            SessionUser sessionUser = SessionUtils.getUser();
+            SessionUtils.putUser(sessionUser);
+            recordLoginLog(request);
+
+            return sessionUser;
+        } catch (ExcessiveAttemptsException e) {
+            throw new ExcessiveAttemptsException(Translator.get("password_is_incorrect"));
+        } catch (LockedAccountException e) {
+            throw new LockedAccountException(Translator.get("password_is_incorrect"));
+        } catch (DisabledAccountException e) {
+            throw new DisabledAccountException(Translator.get("password_is_incorrect"));
+        } catch (ExpiredCredentialsException e) {
+            throw new ExpiredCredentialsException(Translator.get("password_is_incorrect"));
+        } catch (AuthenticationException e) {
+            throw new AuthenticationException(e.getMessage());
+        } catch (UnauthorizedException e) {
+            throw new UnauthorizedException(Translator.get("password_is_incorrect") + e.getMessage());
+        }
+    }
+
+    /**
+     * 认证用户并获取用户详细信息
+     *
+     * @param userKey 用户标识（用户名/手机号/邮箱）
+     *
+     * @return 用户详细信息
+     *
+     * @throws AuthenticationException 如果用户不存在或被禁用
+     */
+    public UserDTO authenticateUser(String userKey) {
+        // 获取用户信息
+        UserDTO userDTO = Optional.ofNullable(extUserMapper.selectByPhoneOrEmail(userKey))
+                .orElseThrow(() -> new AuthenticationException(Translator.get("password_is_incorrect")));
+
+        // 非管理员用户需要检查是否被禁用
+        if (!isAdminUser(userDTO.getId())) {
+            checkUserStatus(userDTO);
+        }
+
+        // 获取用户所属组织列表
+        Set<String> orgIds = getUserOrganizations(userDTO.getId());
+
+        // 确定当前使用的组织ID
+        String organizationId = determineOrganizationId(userDTO, orgIds);
+
+        // 设置用户权限和角色信息
+        setupUserPermissions(userDTO, organizationId, orgIds);
+
+        //默认密码检查
+        checkDefaultPwd(userDTO);
+
+        return userDTO;
+    }
+
+    /**
+     * 检查默认密码
+     *
+     * @param userDTO
+     */
+    private void checkDefaultPwd(UserDTO userDTO) {
+        String defaultPwd = "";
+        if (Strings.CI.equals(userDTO.getId(), InternalUser.ADMIN.getValue())) {
+            defaultPwd = CodingUtils.md5("CordysCRM");
+        } else {
+            if (StringUtils.isNotBlank(userDTO.getPhone())) {
+                defaultPwd = CodingUtils.md5(userDTO.getPhone().substring(userDTO.getPhone().length() - 6));
+            }
+        }
+
+        if (Strings.CI.equals(defaultPwd, userDTO.getPassword())) {
+            userDTO.setDefaultPwd(true);
+        }
+
+    }
+
+    /**
+     * 检查用户密码是否正确
+     *
+     * @param userId   用户ID
+     * @param password 密码
+     *
+     * @return 密码是否正确
+     *
+     * @throws GenericException 如果用户ID或密码为空
+     */
+    public boolean checkUserPassword(String userId, String password) {
+        if (StringUtils.isBlank(userId)) {
+            throw new GenericException(Translator.get("user_name_is_null"));
+        }
+        if (StringUtils.isBlank(password)) {
+            throw new GenericException(Translator.get("password_is_null"));
+        }
+
+        User example = new User();
+        example.setId(userId);
+        example.setPassword(CodingUtils.md5(password));
+        return userMapper.exist(example);
+    }
+
+    /**
+     * 检查移动端认证配置
+     *
+     * @param organizationId 组织ID
+     *
+     * @throws AuthenticationException 如果未配置移动端认证或配置无效
+     */
+    public void checkMobileAuthConfig(String organizationId) {
+        // 如果不是移动端请求，直接返回
+        if (!isMobileRequest()) {
+            return;
+        }
+
+        // 检查组织认证配置
+        OrganizationConfig orgConfig = getOrganizationAuthConfig(organizationId);
+        if (orgConfig == null) {
+            throw new AuthenticationException(Translator.get("auth.setting.no.exists"));
+        }
+
+        // 检查企业微信认证配置
+        List<OrganizationConfigDetail> enabledConfigs = getEnabledWeComOauthConfigs(orgConfig.getId());
+        if (CollectionUtils.isEmpty(enabledConfigs)) {
+            throw new AuthenticationException(Translator.get("auth.setting.no.exists"));
+        }
+
+        // 验证配置内容
+        validateAuthConfig(enabledConfigs.getFirst());
+    }
+
+    /**
+     * 检查用户状态是否正常
+     */
+    private void checkUserStatus(UserDTO userDTO) {
+        LambdaQueryWrapper<OrganizationUser> queryWrapper = new LambdaQueryWrapper<OrganizationUser>()
+                .eq(OrganizationUser::getUserId, userDTO.getId())
+                .eq(OrganizationUser::getEnable, true);
+
+        if (StringUtils.isNotBlank(userDTO.getLastOrganizationId())) {
+            queryWrapper.eq(OrganizationUser::getOrganizationId, userDTO.getLastOrganizationId());
+        }
+
+        List<OrganizationUser> orgUsers = organizationUserMapper.selectListByLambda(queryWrapper);
+        if (CollectionUtils.isEmpty(orgUsers)) {
+            throw new DisabledAccountException(Translator.get("password_is_incorrect"));
+        }
+
+        // 设置用户部门信息
+        setUserDepartmentInfo(userDTO, orgUsers.getFirst());
+    }
+
+    /**
+     * 设置用户的部门信息
+     */
+    private void setUserDepartmentInfo(UserDTO userDTO, OrganizationUser orgUser) {
+        userDTO.setDepartmentId(orgUser.getDepartmentId());
+
+        Optional.ofNullable(departmentMapper.selectByPrimaryKey(orgUser.getDepartmentId()))
+                .ifPresent(department -> userDTO.setDepartmentName(department.getName()));
+    }
+
+    /**
+     * 确定用户当前使用的组织ID
+     */
+    private String determineOrganizationId(UserDTO userDTO, Set<String> orgIds) {
+        String orgId = OrganizationContext.getOrganizationId();
+
+        if (StringUtils.isBlank(orgId) && CollectionUtils.isNotEmpty(orgIds)) {
+            // 上下文中无组织ID时，优先使用用户最后访问的组织，否则取第一个可用组织
+            return orgIds.contains(userDTO.getLastOrganizationId())
+                    ? userDTO.getLastOrganizationId()
+                    : orgIds.iterator().next();
+        }
+
+        return orgId;
+    }
+
+    /**
+     * 设置用户的权限和角色信息
+     */
+    private void setupUserPermissions(UserDTO userDTO, String organizationId, Set<String> orgIds) {
+        // 设置用户角色
+        List<RoleDataScopeDTO> roleOptions = roleService.getRoleOptions(userDTO.getId(), organizationId);
+        userDTO.setRoles(roleOptions);
+
+        // 更新最后登录的组织ID
+        userDTO.setLastOrganizationId(organizationId);
+
+        // 设置用户权限
+        userDTO.setPermissionIds(permissionCache.getPermissionIds(userDTO.getId(), organizationId));
+
+        // 设置用户所属的所有组织
+        userDTO.setOrganizationIds(orgIds);
+    }
+
+    /**
+     * 获取用户所属的所有组织ID
+     */
+    private Set<String> getUserOrganizations(String userId) {
+        // 管理员可以访问所有组织
+        if (isAdminUser(userId)) {
+            return extOrganizationMapper.selectAllOrganizationIds();
+        }
+
+        // 普通用户只能访问已授权且启用的组织
+        return organizationUserMapper.select(createOrgUserExample(userId)).stream()
+                .map(OrganizationUser::getOrganizationId)
+                .collect(Collectors.toSet());
+    }
+
+    /**
+     * 创建组织用户查询条件
+     */
+    private OrganizationUser createOrgUserExample(String userId) {
+        OrganizationUser example = new OrganizationUser();
+        example.setUserId(userId);
+        example.setEnable(true);
+        return example;
+    }
+
+    /**
+     * 记录登录日志
+     */
+    private void recordLoginLog(LoginRequest request) {
+        LoginLog log = new LoginLog();
+        log.setId(IDGenerator.nextStr());
+        log.setLoginAddress(request.getLoginAddress());
+        log.setOperator(SessionUtils.getUserId());
+        log.setCreateTime(System.currentTimeMillis());
+        log.setPlatform(determinePlatform());
+
+        loginLogMapper.insert(log);
+    }
+
+    /**
+     * 获取组织认证配置
+     */
+    private OrganizationConfig getOrganizationAuthConfig(String organizationId) {
+        return extOrganizationConfigMapper.getOrganizationConfig(
+                organizationId, OrganizationConfigConstants.ConfigType.THIRD.name());
+    }
+
+    /**
+     * 获取启用的企业微信OAuth配置
+     */
+    private List<OrganizationConfigDetail> getEnabledWeComOauthConfigs(String configId) {
+        return extOrganizationConfigDetailMapper
+                .getEnableOrganizationConfigDetails(configId, List.of(ThirdDetailType.WECOM_SYNC.name(), ThirdDetailType.DINGTALK_SYNC.name(), ThirdDetailType.LARK_SYNC.name()));
+    }
+
+    /**
+     * 验证认证配置是否有效
+     */
+    private void validateAuthConfig(OrganizationConfigDetail configDetail) {
+        String content = new String(configDetail.getContent(), StandardCharsets.UTF_8);
+        ThirdAuthConfigDTO authConfig = JSON.parseObject(content, ThirdAuthConfigDTO.class);
+
+        if (authConfig == null) {
+            throw new AuthenticationException(Translator.get("auth.setting.no.exists"));
+        }
+    }
+
+    /**
+     * 根据User-Agent确定登录平台类型
+     */
+    private String determinePlatform() {
+        return isMobileRequest() ? LoginType.MOBILE.getName() : LoginType.WEB.getName();
+    }
+
+    /**
+     * 判断是否为移动端请求
+     */
+    private boolean isMobileRequest() {
+        String userAgent = ServletUtils.getUserAgent();
+        return StringUtils.isNotBlank(userAgent) && isMobileUserAgent(userAgent);
+    }
+
+    /**
+     * 判断是否为管理员用户
+     */
+    private boolean isAdminUser(String userId) {
+        return Strings.CS.equals(userId, InternalUser.ADMIN.getValue());
+    }
+
+    /**
+     * 判断是否为移动端User-Agent
+     */
+    private boolean isMobileUserAgent(String userAgent) {
+        return userAgent.contains("miniprogram") ||
+                userAgent.contains("MicroMessenger") ||
+                userAgent.contains("Android") ||
+                userAgent.contains("iOS") ||
+                userAgent.contains("Mobile") ||
+                userAgent.contains("MQQBrowser") ||
+                userAgent.contains("Mobile Safari") ||
+                userAgent.contains("iPhone") ||
+                userAgent.contains("iPad") ||
+                userAgent.contains("ipod");
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/UserRoleService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/UserRoleService.java
new file mode 100644
index 0000000..99856c3
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/UserRoleService.java
@@ -0,0 +1,284 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+import cn.cordys.aspectj.dto.LogDTO;
+import cn.cordys.common.dto.BaseTreeNode;
+import cn.cordys.common.dto.DeptUserTreeNode;
+import cn.cordys.common.dto.RoleUserTreeNode;
+import cn.cordys.common.permission.PermissionCache;
+import cn.cordys.common.service.BaseService;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.SubListUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.domain.Department;
+import cn.cordys.crm.system.domain.Role;
+import cn.cordys.crm.system.domain.UserExtend;
+import cn.cordys.crm.system.domain.UserRole;
+import cn.cordys.crm.system.dto.convert.UserRoleConvert;
+import cn.cordys.crm.system.dto.request.RoleUserPageRequest;
+import cn.cordys.crm.system.dto.request.RoleUserRelateRequest;
+import cn.cordys.crm.system.dto.response.RoleListResponse;
+import cn.cordys.crm.system.dto.response.RoleUserListResponse;
+import cn.cordys.crm.system.dto.response.RoleUserOptionResponse;
+import cn.cordys.crm.system.mapper.ExtDepartmentMapper;
+import cn.cordys.crm.system.mapper.ExtUserMapper;
+import cn.cordys.crm.system.mapper.ExtUserRoleMapper;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import jodd.util.StringUtil;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.collections4.ListUtils;
+import org.apache.commons.lang3.BooleanUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+import java.util.stream.Collectors;
+
+/**
+ * @author jianxing
+ * @date 2025-01-13 17:33:23
+ */
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class UserRoleService {
+    @Resource
+    private BaseMapper<UserRole> userRoleMapper;
+    @Resource
+    private ExtUserRoleMapper extUserRoleMapper;
+    @Resource
+    private ExtUserMapper extUserMapper;
+    @Resource
+    private ExtDepartmentMapper extDepartmentMapper;
+    @Resource
+    private RoleService roleService;
+    @Resource
+    private BaseMapper<Department> departmentMapper;
+    @Resource
+    private BaseMapper<UserExtend> userExtendMapper;
+    @Resource
+    private PermissionCache permissionCache;
+    @Resource
+    private BaseMapper<Role> roleMapper;
+    @Resource
+    private BaseService baseService;
+    @Resource
+    private LogService logService;
+    @Resource
+    private DepartmentService departmentService;
+
+    public void delete(String id) {
+        userRoleMapper.deleteByPrimaryKey(id);
+    }
+
+    public List<RoleUserListResponse> listUserByRoleId(RoleUserPageRequest request, String orgId) {
+        List<RoleUserListResponse> users = extUserRoleMapper.list(request, orgId);
+        Map<String, List<UserRoleConvert>> userRoleMap = getUserRoleMap(orgId, users);
+
+        Map<String, String> deptNameMap = getDeptNameMap(users);
+        Map<String, String> userAvatarMap = getUserAvatarMap(users);
+
+        for (RoleUserListResponse user : users) {
+            user.setRoles(userRoleMap.get(user.getUserId()));
+            user.setDepartmentName(deptNameMap.get(user.getDepartmentId()));
+            user.setAvatar(userAvatarMap.get(user.getUserId()));
+        }
+        return users;
+    }
+
+    private Map<String, String> getUserAvatarMap(List<RoleUserListResponse> users) {
+        if (CollectionUtils.isEmpty(users)) {
+            return Map.of();
+        }
+
+        List<String> userIds = users.stream().map(RoleUserListResponse::getUserId).toList();
+        return userExtendMapper.selectByIds(userIds.toArray(String[]::new))
+                .stream()
+                .filter(userExtend -> userExtend != null && StringUtils.isNotBlank(userExtend.getId()))
+                .collect(Collectors.toMap(
+                        UserExtend::getId,
+                        userExtend -> StringUtils.defaultIfBlank(userExtend.getAvatar(), "")
+                ));
+    }
+
+    private Map<String, String> getDeptNameMap(List<RoleUserListResponse> users) {
+        if (CollectionUtils.isEmpty(users)) {
+            return Map.of();
+        }
+        return departmentMapper.selectByIds(users.stream().map(RoleUserListResponse::getDepartmentId).distinct().toArray(String[]::new))
+                .stream()
+                .collect(Collectors.toMap(Department::getId, Department::getName));
+    }
+
+    private Map<String, List<UserRoleConvert>> getUserRoleMap(String orgId, List<RoleUserListResponse> users) {
+        if (CollectionUtils.isEmpty(users)) {
+            return Map.of();
+        }
+        List<String> userIds = users.stream()
+                .map(RoleUserListResponse::getUserId)
+                .collect(Collectors.toList());
+
+        List<UserRoleConvert> userRoles = extUserMapper.getUserRole(userIds, orgId);
+        userRoles.forEach(role -> role.setName(roleService.translateInternalRole(role.getName())));
+        return userRoles.stream().collect(Collectors.groupingBy(UserRoleConvert::getUserId));
+    }
+
+    /**
+     * 获取带用户的信息的部门树
+     *
+     * @return List<DeptUserTreeNode>
+     */
+    public List<DeptUserTreeNode> getDeptUserTree(String orgId, String roleId) {
+        List<DeptUserTreeNode> treeNodes = extDepartmentMapper.selectDeptUserTreeNode(orgId);
+        List<DeptUserTreeNode> userNodes = extUserRoleMapper.selectUserDeptForRelevance(orgId, roleId);
+        // 如果已经关联的用户，设置为 disable
+        Set<String> currentRoleUserIds = new HashSet<>(extUserRoleMapper.getUserIdsByRoleIds(List.of(roleId)));
+        userNodes.forEach(userNode -> {
+            if (currentRoleUserIds.contains(userNode.getId())) {
+                userNode.setEnabled(false);
+            }
+        });
+
+        userNodes = departmentService.sortByCommander(orgId, userNodes);
+
+        userNodes.addAll(treeNodes);
+        return BaseTreeNode.buildTree(userNodes);
+    }
+
+    public List<RoleUserTreeNode> getRoleUserTree(String orgId, String roleId) {
+        // 查询角色信息
+        List<RoleListResponse> list = roleService.list(orgId);
+        List<RoleUserTreeNode> treeNodes = list.stream().filter(role -> !StringUtil.equals(roleId, role.getId()))
+                .map((role) -> {
+                    RoleUserTreeNode roleNode = new RoleUserTreeNode();
+                    roleNode.setNodeType("ROLE");
+                    roleNode.setInternal(BooleanUtils.isTrue(role.getInternal()));
+                    roleNode.setId(role.getId());
+                    roleNode.setName(role.getName());
+                    return roleNode;
+                }).collect(Collectors.toList());
+        // 查询用户信息
+        List<RoleUserTreeNode> userNodes = extUserRoleMapper.selectUserRoleForRelevance(orgId, roleId);
+
+        // 如果已经关联的用户，设置为 disable
+        Set<String> currentRoleUserIds = new HashSet<>(extUserRoleMapper.getUserIdsByRoleIds(List.of(roleId)));
+
+        userNodes.forEach(userNode -> {
+            if (currentRoleUserIds.contains(userNode.getId())) {
+                userNode.setEnabled(false);
+            }
+        });
+        treeNodes.addAll(userNodes);
+        return BaseTreeNode.buildTree(treeNodes);
+    }
+
+    public void relateUser(RoleUserRelateRequest request, String operator, String orgId) {
+        Set<String> userSet = new HashSet<>();
+        if (CollectionUtils.isNotEmpty(request.getRoleIds())) {
+            userSet.addAll(extUserRoleMapper.getUserIdsByRoleIds(request.getRoleIds()));
+        }
+        if (CollectionUtils.isNotEmpty(request.getDeptIds())) {
+            userSet.addAll(extDepartmentMapper.getUserIdsByDeptIds(request.getDeptIds()));
+        }
+        if (CollectionUtils.isNotEmpty(request.getUserIds())) {
+            userSet.addAll(request.getUserIds());
+        }
+
+        List<String> userIds = new ArrayList<>(userSet);
+        SubListUtils.dealForSubList(userIds, 50, (subUserIds) -> {
+            Map<String, String> userNameMap = baseService.getUserNameMap(subUserIds);
+            // 过滤掉已删除的用户
+            subUserIds = subUserIds.stream()
+                    .filter(userId -> userNameMap.get(userId) != null)
+                    .toList();
+
+            List<String> currentRoleUserIds = extUserRoleMapper.getUserIdsByRoleIds(List.of(request.getRoleId()));
+            // 去除已关联的用户，添加未关联的用户
+            List<UserRole> userRoles = ListUtils.subtract(subUserIds, currentRoleUserIds).stream()
+                    .map(userId -> {
+                        UserRole userRole = new UserRole();
+                        userRole.setUserId(userId);
+                        userRole.setRoleId(request.getRoleId());
+                        userRole.setId(IDGenerator.nextStr());
+                        userRole.setCreateUser(operator);
+                        userRole.setUpdateUser(operator);
+                        userRole.setCreateTime(System.currentTimeMillis());
+                        userRole.setUpdateTime(System.currentTimeMillis());
+                        return userRole;
+                    })
+                    .collect(Collectors.toList());
+            userRoleMapper.batchInsert(userRoles);
+
+            Role role = roleMapper.selectByPrimaryKey(request.getRoleId());
+            role.setName(roleService.translateInternalRole(role.getName()));
+            List<LogDTO> logs = new ArrayList<>();
+            userRoles.forEach(u -> {
+                // 记录日志
+                LogDTO logDTO = new LogDTO(orgId, u.getRoleId(), operator, LogType.ADD_USER, LogModule.SYSTEM_ROLE, role.getName());
+                String detail = Translator.getWithArgs("role.add_user", role.getName(),
+                        userNameMap.get(u.getUserId()));
+                logDTO.setDetail(detail);
+                logs.add(logDTO);
+
+                // 清除权限缓存
+                permissionCache.clearCache(u.getUserId(), orgId);
+            });
+
+            logService.batchAdd(logs);
+        });
+    }
+
+    public void deleteRoleUser(String id, String userId, String orgId) {
+        UserRole userRole = userRoleMapper.selectByPrimaryKey(id);
+        userRoleMapper.deleteByPrimaryKey(id);
+        permissionCache.clearCache(userRole.getUserId(), orgId);
+
+        Role role = roleMapper.selectByPrimaryKey(userRole.getRoleId());
+        role.setName(roleService.translateInternalRole(role.getName()));
+        String userName = baseService.getUserName(userRole.getUserId());
+        // 记录日志
+        LogDTO logDTO = new LogDTO(orgId, role.getId(), userId, LogType.REMOVE_USER, LogModule.SYSTEM_ROLE, role.getName());
+        String detail = Translator.getWithArgs("role.remove_user", role.getName(),
+                userName);
+        logDTO.setDetail(detail);
+        logService.add(logDTO);
+    }
+
+    public void batchDeleteRoleUser(List<String> ids, String userId, String orgId) {
+        List<UserRole> userRoles = userRoleMapper.selectByIds(ids);
+        extUserRoleMapper.deleteByIds(ids);
+
+        List<String> userIds = userRoles.stream()
+                .map(UserRole::getUserId)
+                .toList();
+        Map<String, String> userNameMap = baseService.getUserNameMap(userIds);
+
+        Role role = roleMapper.selectByPrimaryKey(userRoles.getFirst().getRoleId());
+        role.setName(roleService.translateInternalRole(role.getName()));
+        List<LogDTO> logs = new ArrayList<>();
+        userRoles.forEach(userRole -> {
+            // 记录日志
+            LogDTO logDTO = new LogDTO(orgId, userRole.getRoleId(), userId, LogType.REMOVE_USER, LogModule.SYSTEM_ROLE, role.getName());
+            String detail = Translator.getWithArgs("role.remove_user", role.getName(),
+                    userNameMap.get(userRole.getUserId()));
+            logDTO.setDetail(detail);
+            logs.add(logDTO);
+
+            // 清除权限缓存
+            permissionCache.clearCache(userRole.getUserId(), orgId);
+        });
+
+        logService.batchAdd(logs);
+    }
+
+    public List<RoleUserOptionResponse> getUserOptionByRoleId(String organizationId, String roleId) {
+        List<RoleUserOptionResponse> roleUserOptions = extUserRoleMapper.selectUserOption(organizationId);
+        Set<String> roleUserIdSet = new HashSet<>(extUserRoleMapper.getUserIdsByRoleIds(List.of(roleId)));
+
+        roleUserOptions.forEach(userOption -> userOption.setEnabled(!roleUserIdSet.contains(userOption.getId())));
+
+        return roleUserOptions;
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/service/UserViewService.java b/backend/crm/src/main/java/cn/cordys/crm/system/service/UserViewService.java
new file mode 100644
index 0000000..8d150b4
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/service/UserViewService.java
@@ -0,0 +1,381 @@
+package cn.cordys.crm.system.service;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.dto.condition.CombineSearch;
+import cn.cordys.common.dto.condition.FilterCondition;
+import cn.cordys.common.dto.request.PosRequest;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.uid.utils.EnumUtils;
+import cn.cordys.common.util.*;
+import cn.cordys.crm.system.constants.FieldType;
+import cn.cordys.crm.system.constants.UserViewConditionValueType;
+import cn.cordys.crm.system.domain.UserView;
+import cn.cordys.crm.system.domain.UserViewCondition;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.field.base.SubField;
+import cn.cordys.crm.system.dto.request.UserViewAddRequest;
+import cn.cordys.crm.system.dto.request.UserViewUpdateRequest;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.dto.response.UserViewListResponse;
+import cn.cordys.crm.system.dto.response.UserViewResponse;
+import cn.cordys.crm.system.mapper.ExtUserViewConditionMapper;
+import cn.cordys.crm.system.mapper.ExtUserViewMapper;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.*;
+import java.util.stream.Collectors;
+
+@Service("userViewService")
+@Transactional(rollbackFor = Exception.class)
+public class UserViewService {
+
+    @Resource
+    private BaseMapper<UserView> userViewMapper;
+    @Resource
+    private ExtUserViewMapper extUserViewMapper;
+    @Resource
+    private BaseMapper<UserViewCondition> userViewConditionMapper;
+    @Resource
+    private ExtUserViewConditionMapper extUserViewConditionMapper;
+    @Resource
+    private ModuleFormCacheService moduleFormCacheService;
+    @Resource
+    private ModuleFormService moduleFormService;
+
+    /**
+     * 添加用户视图
+     *
+     * @param request      视图请求参数
+     * @param userId       用户ID
+     * @param orgId        组织ID
+     * @param resourceType 视图类型
+     *
+     * @return 新增的用户视图
+     */
+    public UserView add(UserViewAddRequest request, String userId, String orgId, String resourceType) {
+        Long nextPos = getNextPos(orgId, userId, resourceType);
+        String viewId = IDGenerator.nextStr();
+        UserView userView = new UserView();
+        userView.setId(viewId);
+        userView.setName(request.getName());
+        userView.setUserId(userId);
+        userView.setResourceType(resourceType);
+        userView.setFixed(false);
+        userView.setEnable(true);
+        userView.setOrganizationId(orgId);
+        userView.setPos(nextPos);
+        userView.setSearchMode(request.getSearchMode());
+        userView.setCreateUser(userId);
+        userView.setUpdateUser(userId);
+        userView.setCreateTime(System.currentTimeMillis());
+        userView.setUpdateTime(System.currentTimeMillis());
+        userViewMapper.insert(userView);
+
+        addUserViewConditions(request.getConditions(), viewId, userId);
+
+        return userView;
+    }
+
+
+    private Long getNextPos(String orgId, String userId, String resourceType) {
+        Long pos = extUserViewMapper.getNextPos(orgId, userId, resourceType);
+        return (pos == null ? 0 : pos) + NodeSortUtils.DEFAULT_NODE_INTERVAL_POS;
+    }
+
+
+    /**
+     * 解析自定义字段
+     *
+     * @param conditions
+     * @param viewId
+     * @param userId
+     */
+    private void addUserViewConditions(List<FilterCondition> conditions, String viewId, String userId) {
+        if (CollectionUtils.isEmpty(conditions)) {
+            return;
+        }
+        List<UserViewCondition> insertConditions = conditions.stream().map(condition -> {
+            UserViewCondition userViewCondition = new UserViewCondition();
+            userViewCondition.setId(IDGenerator.nextStr());
+            Object value = condition.getValue();
+            String conditionValueType = getConditionValueType(value);
+            userViewCondition.setValueType(conditionValueType);
+            if (condition.getValue() != null) {
+                if (value instanceof List<?>) {
+                    userViewCondition.setValue(JSON.toJSONString(value));
+                } else {
+                    userViewCondition.setValue(condition.getValue().toString());
+                }
+            }
+            if (CollectionUtils.isNotEmpty(condition.getContainChildIds())) {
+                userViewCondition.setChildrenValue(JSON.toJSONString(condition.getContainChildIds()));
+            }
+            userViewCondition.setName(condition.getName());
+            userViewCondition.setType(condition.getType());
+            userViewCondition.setMultipleValue(condition.getMultipleValue());
+            userViewCondition.setOperator(condition.getOperator());
+            userViewCondition.setSysUserViewId(viewId);
+            userViewCondition.setCreateUser(userId);
+            userViewCondition.setUpdateUser(userId);
+            userViewCondition.setCreateTime(System.currentTimeMillis());
+            userViewCondition.setUpdateTime(System.currentTimeMillis());
+            return userViewCondition;
+        }).toList();
+
+        userViewConditionMapper.batchInsert(insertConditions);
+    }
+
+
+    private String getConditionValueType(Object value) {
+        if (value instanceof List<?>) {
+            return UserViewConditionValueType.ARRAY.name();
+        } else if (value instanceof Integer || value instanceof Long) {
+            return UserViewConditionValueType.INT.name();
+        } else if (value instanceof Float || value instanceof Double) {
+            return UserViewConditionValueType.FLOAT.name();
+        } else if (value instanceof Boolean) {
+            return UserViewConditionValueType.BOOLEAN.name();
+        } else {
+            return UserViewConditionValueType.STRING.name();
+        }
+    }
+
+
+    /**
+     * 编辑用户视图
+     *
+     * @param request
+     * @param userId
+     * @param orgId
+     *
+     * @return
+     */
+    public UserView update(UserViewUpdateRequest request, String userId, String orgId) {
+        checkView(userId, request.getId(), orgId);
+
+        UserView userView = new UserView();
+        userView.setId(request.getId());
+        userView.setName(request.getName());
+        userView.setSearchMode(request.getSearchMode());
+        userView.setUpdateTime(System.currentTimeMillis());
+        userViewMapper.update(userView);
+
+        // 先删除
+        deleteConditionsByViewId(request.getId());
+        // 再新增
+        addUserViewConditions(request.getConditions(), request.getId(), userId);
+
+        return userView;
+    }
+
+    private void deleteConditionsByViewId(String viewId) {
+        extUserViewConditionMapper.delete(viewId);
+    }
+
+    private void checkView(String userId, String id, String orgId) {
+        if (extUserViewMapper.countUserView(userId, id, orgId) <= 0) {
+            throw new GenericException(Translator.get("view_blank"));
+        }
+    }
+
+
+    /**
+     * 删除视图
+     *
+     * @param id
+     * @param userId
+     * @param orgId
+     */
+    public void delete(String id, String userId, String orgId) {
+        checkView(userId, id, orgId);
+        userViewMapper.deleteByPrimaryKey(id);
+        deleteConditionsByViewId(id);
+    }
+
+
+    /**
+     * 获取视图详情
+     *
+     * @param id
+     * @param userId
+     * @param orgId
+     *
+     * @return
+     */
+    public UserViewResponse getViewDetail(String id, String userId, String orgId, String formKey) {
+        checkView(userId, id, orgId);
+        UserView userView = userViewMapper.selectByPrimaryKey(id);
+        List<FilterCondition> conditions = getFilterConditions(id);
+        UserViewResponse response = new UserViewResponse();
+        BeanUtils.copyBean(response, userView);
+        response.setConditions(conditions);
+        response.setOptionMap(buildOptionMap(orgId, formKey, conditions));
+        return response;
+    }
+
+    public Map<String, List<OptionDTO>> buildOptionMap(String orgId, String formKey, List<FilterCondition> conditions) {
+        Set<String> businessKeys = Arrays.stream(BusinessModuleField.values())
+                .map(BusinessModuleField::getBusinessKey)
+                .collect(Collectors.toSet());
+
+        ModuleFormConfigDTO customerFormConfig = moduleFormCacheService.getBusinessFormConfig(formKey, orgId);
+
+        Map<String, String> fieldIdBusinessKeyMap = customerFormConfig.getFields().stream()
+                .filter(baseField -> businessKeys.contains(baseField.getBusinessKey()))
+                .collect(Collectors.toMap(BaseField::getId, BaseField::getBusinessKey));
+
+        // 获取表单配置，用于查询字段类型
+        Map<String, String> fieldIdTypeMap = new HashMap<>();
+        if (customerFormConfig != null && CollectionUtils.isNotEmpty(customerFormConfig.getFields())) {
+            customerFormConfig.getFields().stream()
+                    .forEach(baseField -> {
+                        if (baseField instanceof SubField subField) {
+                            subField.getSubFields().forEach(sub -> {
+                                fieldIdTypeMap.put(baseField.getId() + "." + sub.getId(), sub.getType());
+                                if (StringUtils.isNotBlank(baseField.getBusinessKey())) {
+                                    fieldIdTypeMap.put(baseField.getId() + "." + baseField.getBusinessKey(), sub.getType());
+                                }
+                            });
+                        }
+                        fieldIdTypeMap.put(baseField.getId(), baseField.getType());
+                        if (StringUtils.isNotBlank(baseField.getBusinessKey())) {
+                            fieldIdTypeMap.put(baseField.getBusinessKey(), baseField.getType());
+                        }
+                    });
+        }
+
+        // 获取数据源类型的字段值
+        List<BaseModuleFieldValue> moduleFieldValues = conditions.stream()
+                .filter(condition -> StringUtils.isNotBlank(fieldIdTypeMap.get(condition.getName()))
+                        && Strings.CS.equalsAny(fieldIdTypeMap.get(condition.getName()),
+                        FieldType.DATA_SOURCE.name(),
+                        FieldType.DATA_SOURCE_MULTIPLE.name(),
+                        FieldType.MEMBER.name(),
+                        FieldType.MEMBER_MULTIPLE.name(),
+                        FieldType.DEPARTMENT.name(),
+                        FieldType.DEPARTMENT_MULTIPLE.name())
+                )
+                .map(condition -> {
+                    BaseModuleFieldValue moduleFieldValue = new BaseModuleFieldValue();
+                    moduleFieldValue.setFieldId(condition.getName());
+                    moduleFieldValue.setFieldValue(condition.getValue());
+                    return moduleFieldValue;
+                }).collect(Collectors.toList());
+
+        // 获取选项值对应的 option
+        Map<String, List<OptionDTO>> optionMap = moduleFormService.getOptionMap(customerFormConfig, moduleFieldValues);
+        fieldIdBusinessKeyMap.forEach((fieldId, businessKey) -> {
+            if (optionMap.containsKey(fieldId)) {
+                List<OptionDTO> options = optionMap.get(fieldId);
+                optionMap.put(businessKey, options);
+            }
+        });
+        return optionMap;
+    }
+
+    public List<FilterCondition> getFilterConditions(String viewId) {
+        List<UserViewCondition> viewConditions = extUserViewConditionMapper.getViewConditions(viewId);
+        return viewConditions.stream().map(condition -> {
+            FilterCondition filterCondition = BeanUtils.copyBean(new FilterCondition(), condition);
+            Object value = getConditionValueByType(condition.getValueType(), condition.getValue());
+            filterCondition.setValue(value);
+            if (StringUtils.isNotBlank(condition.getChildrenValue())) {
+                filterCondition.setContainChildIds(JSON.parseArray(condition.getChildrenValue(), String.class));
+            }
+            return filterCondition;
+        }).toList();
+    }
+
+
+    private Object getConditionValueByType(String valueType, String value) {
+        UserViewConditionValueType conditionValueType = EnumUtils.valueOf(UserViewConditionValueType.class, valueType);
+        if (StringUtils.isBlank(value)) {
+            return null;
+        }
+        return switch (conditionValueType) {
+            case ARRAY -> JSON.parseObject(value);
+            case INT -> Long.valueOf(value);
+            case FLOAT -> Double.valueOf(value);
+            case BOOLEAN -> Boolean.valueOf(value);
+            default -> value;
+        };
+    }
+
+
+    /**
+     * 视图列表
+     *
+     * @param resourceType
+     * @param userId
+     * @param orgId
+     *
+     * @return
+     */
+    public List<UserViewListResponse> list(String resourceType, String userId, String orgId) {
+        return extUserViewMapper.selectViewList(resourceType, userId, orgId);
+    }
+
+
+    /**
+     * 固定/取消固定
+     *
+     * @param id
+     * @param userId
+     * @param orgId
+     */
+    public void fixed(String id, String userId, String orgId) {
+        checkView(userId, id, orgId);
+        UserView userView = userViewMapper.selectByPrimaryKey(id);
+        UserView updateView = new UserView();
+        updateView.setId(id);
+        updateView.setFixed(!userView.getFixed());
+        userViewMapper.update(updateView);
+    }
+
+    public void editPos(PosRequest request, String userId, String resourceType) {
+        ServiceUtils.updatePosFieldByDesc(request,
+                UserView.class,
+                userId,
+                resourceType,
+                userViewMapper::selectByPrimaryKey,
+                extUserViewMapper::getPrePos,
+                extUserViewMapper::getLastPos,
+                userViewMapper::update);
+    }
+
+
+    /**
+     * 启用视图
+     *
+     * @param id
+     * @param userId
+     * @param orgId
+     */
+    public void enable(String id, String userId, String orgId) {
+        checkView(userId, id, orgId);
+        UserView userView = userViewMapper.selectByPrimaryKey(id);
+        changeEnable(id, !userView.getEnable());
+
+    }
+
+    private void changeEnable(String id, boolean enable) {
+        UserView userView = new UserView();
+        userView.setId(id);
+        userView.setEnable(enable);
+        userViewMapper.update(userView);
+    }
+
+    public String getSearchMode(String viewId) {
+        UserView userView = userViewMapper.selectByPrimaryKey(viewId);
+        return Optional.ofNullable(userView).map(UserView::getSearchMode).orElse(CombineSearch.SearchMode.AND.name());
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/utils/ArchUtils.java b/backend/crm/src/main/java/cn/cordys/crm/system/utils/ArchUtils.java
new file mode 100644
index 0000000..8785cba
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/utils/ArchUtils.java
@@ -0,0 +1,24 @@
+package cn.cordys.crm.system.utils;
+
+public class ArchUtils {
+
+    /**
+     * 将各种 os.arch 的叫法统一为 amd64 或 arm64
+     */
+    public static String getNormalizedArch() {
+        String arch = System.getProperty("os.arch");
+        if (arch == null) {
+            return "unknown";
+        }
+
+        arch = arch.toLowerCase();
+
+        if (arch.contains("aarch64") || arch.contains("arm64")) {
+            return "arm64";
+        } else if (arch.contains("amd64") || arch.contains("x86_64") || arch.contains("x64")) {
+            return "amd64";
+        } else {
+            return arch; // 其他架构原样返回
+        }
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/utils/CSHttpClient.java b/backend/crm/src/main/java/cn/cordys/crm/system/utils/CSHttpClient.java
new file mode 100644
index 0000000..6ff7712
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/utils/CSHttpClient.java
@@ -0,0 +1,144 @@
+package cn.cordys.crm.system.utils;
+
+import cn.cordys.common.util.JSON;
+import lombok.Data;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.StringUtils;
+
+import java.net.URI;
+import java.net.URLEncoder;
+import java.net.http.HttpClient;
+import java.net.http.HttpRequest;
+import java.net.http.HttpResponse;
+import java.nio.charset.StandardCharsets;
+import java.time.Duration;
+import java.time.Year;
+import java.time.ZoneId;
+import java.time.ZonedDateTime;
+import java.time.format.DateTimeFormatter;
+import java.util.Map;
+
+/**
+ * CRM 系统 HTTP 客户端工具类。
+ * <p>
+ * 提供简单的 GET 请求能力，并从响应头 {@code Date} 解析服务端年份。
+ * 线程安全，可复用。
+ */
+@Slf4j
+public class CSHttpClient {
+
+    private static final HttpClient CLIENT = HttpClient.newBuilder()
+            .followRedirects(HttpClient.Redirect.NORMAL)
+            .connectTimeout(Duration.ofSeconds(5))
+            .build();
+
+    /**
+     * 基于完整 URL 的 GET 调用（保留以兼容旧用法）。
+     *
+     * @param url 绝对 URL
+     *
+     * @return 下载信息
+     */
+    public static DownloadInfo sendGetRequest(String url) {
+        DownloadInfo info;
+        String dateHeader = null;
+
+        try {
+            HttpRequest request = HttpRequest.newBuilder(URI.create(url))
+                    .timeout(Duration.ofSeconds(10))
+                    .header("Accept", "application/json")
+                    .header("User-Agent", "CORDYS-CRM-Client/1.0")
+                    .GET()
+                    .build();
+
+            HttpResponse<String> response = CLIENT.send(request, HttpResponse.BodyHandlers.ofString());
+            dateHeader = response.headers().firstValue("Date").orElse(null);
+            info = handleResponse(response);
+        } catch (Exception e) {
+            log.warn("GET 请求失败: {}", e.toString());
+            info = new DownloadInfo();
+        }
+
+        if (info == null) {
+            info = new DownloadInfo();
+        }
+        info.setYear(dateHeader(dateHeader));
+        return info;
+    }
+
+    /**
+     * 基于基础地址与查询参数的 GET 调用，自动进行 URL 编码并忽略空参数。
+     *
+     * @param queryParams 查询参数 Map（null/空值将被忽略）
+     *
+     * @return 下载信息
+     */
+    public static DownloadInfo sendGetRequest(Map<String, String> queryParams) {
+        String baseUrl = "https://community.fit2cloud.com/api/version";
+        String url = buildUrl(baseUrl, queryParams);
+        return sendGetRequest(url);
+    }
+
+    /**
+     * 将查询参数拼接到基础 URL，并进行 UTF-8 编码。
+     *
+     * @param baseUrl 基础地址
+     * @param params  参数
+     *
+     * @return 完整 URL
+     */
+    private static String buildUrl(String baseUrl, Map<String, String> params) {
+        if (params == null || params.isEmpty()) {
+            return baseUrl;
+        }
+        StringBuilder sb = new StringBuilder(baseUrl);
+        boolean hasQuery = baseUrl.contains("?");
+        for (Map.Entry<String, String> e : params.entrySet()) {
+            String key = e.getKey();
+            String val = e.getValue();
+            if (StringUtils.isAnyBlank(key, val)) {
+                continue;
+            }
+            sb.append(hasQuery ? '&' : '?');
+            hasQuery = true;
+            sb.append(URLEncoder.encode(key, StandardCharsets.UTF_8))
+                    .append('=')
+                    .append(URLEncoder.encode(val, StandardCharsets.UTF_8));
+        }
+        return sb.toString();
+    }
+
+    private static DownloadInfo handleResponse(HttpResponse<String> response) {
+        int statusCode = response.statusCode();
+        String responseBody = response.body();
+        if (statusCode >= 200 && statusCode < 300 && StringUtils.isNotBlank(responseBody)) {
+            try {
+                return JSON.parseObject(responseBody, DownloadInfo.class);
+            } catch (Exception ignored) {
+                return null;
+            }
+        }
+        return null;
+    }
+
+    public static int dateHeader(String dateHeader) {
+        try {
+            if (StringUtils.isBlank(dateHeader)) {
+                return Year.now().getValue();
+            }
+            ZonedDateTime gmt = ZonedDateTime.parse(dateHeader, DateTimeFormatter.RFC_1123_DATE_TIME);
+            return gmt.withZoneSameInstant(ZoneId.of("Asia/Shanghai")).getYear();
+        } catch (Exception e) {
+            return Year.now().getValue();
+        }
+    }
+
+    @Data
+    public static class DownloadInfo {
+        private String latestVersion;
+        private String currentVersion;
+        private String edition;
+        private boolean updateAvailable;
+        private int year;
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/utils/CopyrightUtils.java b/backend/crm/src/main/java/cn/cordys/crm/system/utils/CopyrightUtils.java
new file mode 100644
index 0000000..c3839c0
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/utils/CopyrightUtils.java
@@ -0,0 +1,13 @@
+package cn.cordys.crm.system.utils;
+
+public class CopyrightUtils {
+    private static final int START_YEAR = 2014;
+
+    public static String getCopyright(int currentYear) {
+        if (START_YEAR == currentYear) {
+            return String.format("Copyright © %d 飞致云", currentYear);
+        } else {
+            return String.format("Copyright © %d-%d 飞致云", START_YEAR, currentYear);
+        }
+    }
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/utils/MailSender.java b/backend/crm/src/main/java/cn/cordys/crm/system/utils/MailSender.java
new file mode 100644
index 0000000..fb95cef
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/utils/MailSender.java
@@ -0,0 +1,149 @@
+package cn.cordys.crm.system.utils;
+
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.system.constants.OrganizationConfigConstants;
+import cn.cordys.crm.system.domain.OrganizationConfig;
+import cn.cordys.crm.system.domain.OrganizationConfigDetail;
+import cn.cordys.crm.system.dto.response.EmailDTO;
+import cn.cordys.crm.system.mapper.ExtOrganizationConfigDetailMapper;
+import cn.cordys.crm.system.mapper.ExtOrganizationConfigMapper;
+import jakarta.annotation.Resource;
+import jakarta.mail.internet.InternetAddress;
+import jakarta.mail.internet.MimeMessage;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.BooleanUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.mail.javamail.JavaMailSenderImpl;
+import org.springframework.mail.javamail.MimeMessageHelper;
+import org.springframework.stereotype.Component;
+
+import java.nio.charset.StandardCharsets;
+import java.util.Arrays;
+import java.util.Objects;
+import java.util.Properties;
+
+@Component
+@Slf4j
+public class MailSender {
+
+    @Resource
+    private ExtOrganizationConfigMapper extOrganizationConfigMapper;
+
+    @Resource
+    private ExtOrganizationConfigDetailMapper extOrganizationConfigDetailMapper;
+
+    public void send(String subject,
+                     String context,
+                     String[] users,
+                     String[] cc,
+                     String organizationId) {
+
+        OrganizationConfig config = extOrganizationConfigMapper.getOrganizationConfig(
+                organizationId,
+                OrganizationConfigConstants.ConfigType.EMAIL.name()
+        );
+        if (config == null) {
+            log.error("邮件配置不存在");
+            return;
+        }
+
+        OrganizationConfigDetail detail = extOrganizationConfigDetailMapper.getOrganizationConfigDetail(config.getId());
+        if (detail == null) {
+            log.error("邮件配置内容为空");
+            return;
+        }
+
+        EmailDTO emailDTO = JSON.parseObject(
+                new String(detail.getContent(), StandardCharsets.UTF_8),
+                EmailDTO.class
+        );
+
+        JavaMailSenderImpl mailSender = buildMailSender(emailDTO);
+        MimeMessage message = mailSender.createMimeMessage();
+
+        try {
+            MimeMessageHelper helper = new MimeMessageHelper(message, true, StandardCharsets.UTF_8.name());
+            helper.setFrom(buildFromAddress(mailSender, emailDTO));
+            helper.setSubject(buildSubject(subject));
+            helper.setText(context, true);
+
+            log.info("收件人: {}", Arrays.toString(users));
+
+            if (cc != null && cc.length > 0) {
+                helper.setTo(users);
+                helper.setCc(cc);
+                mailSender.send(message);
+            } else {
+                for (String user : users) {
+                    log.info("正在发送邮件给: {}", user);
+                    //检查user 是否符合邮箱格式
+                    if (StringUtils.isBlank(user) || !user.contains("@")) {
+                        log.warn("用户 {} 不符合邮箱格式，或者用户为空，将跳过", user);
+                        continue;
+                    }
+                    helper.setTo(user);
+                    mailSender.send(message);
+                }
+            }
+        } catch (Exception e) {
+            log.error("发送邮件失败", e);
+        }
+    }
+
+    public JavaMailSenderImpl buildMailSender(EmailDTO emailDTO) {
+        JavaMailSenderImpl sender = new JavaMailSenderImpl();
+        sender.setDefaultEncoding(StandardCharsets.UTF_8.name());
+        sender.setProtocol("smtp");
+        sender.setHost(emailDTO.getHost());
+        sender.setPort(Integer.parseInt(emailDTO.getPort()));
+        sender.setUsername(emailDTO.getAccount());
+        sender.setPassword(emailDTO.getPassword());
+
+        Properties props = new Properties();
+        props.put("mail.smtp.auth", "true");
+        props.put("mail.smtp.timeout", "30000");
+        props.put("mail.smtp.connectiontimeout", "5000");
+        props.put("mail.smtp.ssl.trust", sender.getHost());
+
+        if (BooleanUtils.toBoolean(emailDTO.getSsl())) {
+            sender.setProtocol("smtps");
+            props.put("mail.smtp.socketFactory.class", "javax.net.ssl.SSLSocketFactory");
+        }
+
+        if (BooleanUtils.toBoolean(emailDTO.getTsl())) {
+            props.put("mail.smtp.starttls.enable", "true");
+            props.put("mail.smtp.starttls.required", "true");
+        }
+
+        sender.setJavaMailProperties(props);
+        return sender;
+    }
+
+    private InternetAddress buildFromAddress(JavaMailSenderImpl sender, EmailDTO emailDTO) throws Exception {
+        String username = sender.getUsername();
+        String email = Strings.CS.contains(username, "@")
+                ? username
+                : username + "@" + Objects.requireNonNull(sender.getHost()).substring(sender.getHost().indexOf('.') + 1);
+
+        InternetAddress from = new InternetAddress();
+        String smtpFrom = emailDTO.getFrom();
+
+        if (StringUtils.isBlank(smtpFrom)) {
+            from.setAddress(email);
+            from.setPersonal(username);
+        } else {
+            from.setAddress(smtpFrom.contains("@") ? smtpFrom : email);
+            from.setPersonal(smtpFrom);
+        }
+        return from;
+    }
+
+    private String buildSubject(String subject) {
+        if (StringUtils.length(subject) > 60) {
+            subject = subject.substring(0, 59);
+        }
+        return "Cordys CRM " + subject;
+    }
+
+}
diff --git a/backend/crm/src/main/java/cn/cordys/crm/system/utils/MessageTemplateUtils.java b/backend/crm/src/main/java/cn/cordys/crm/system/utils/MessageTemplateUtils.java
new file mode 100644
index 0000000..e1d04a1
--- /dev/null
+++ b/backend/crm/src/main/java/cn/cordys/crm/system/utils/MessageTemplateUtils.java
@@ -0,0 +1,119 @@
+package cn.cordys.crm.system.utils;
+
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.system.constants.NotificationConstants;
+import cn.cordys.crm.system.mapper.ExtUserMapper;
+import cn.cordys.security.UserDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+import org.apache.commons.lang3.reflect.FieldUtils;
+import org.apache.commons.lang3.time.DateFormatUtils;
+import org.apache.commons.text.StringSubstitutor;
+
+import java.lang.reflect.Field;
+import java.util.HashMap;
+import java.util.Map;
+
+public class MessageTemplateUtils {
+
+    private static void setFieldNameMap(Field[] moduleFields, Map<String, String> moduleMap) {
+        for (Field moduleField : moduleFields) {
+            Schema annotation = moduleField.getAnnotation(Schema.class);
+            String name = "";
+            if (annotation != null) {
+                name = Translator.get(annotation.description());
+            }
+            moduleMap.put(moduleField.getName(), name);
+        }
+    }
+
+    /**
+     * 获取模块翻译后的名称map
+     *
+     * @return Map<String, String> moduleMap
+     */
+    public static Map<String, String> getModuleMap() {
+        Field[] moduleFields = FieldUtils.getAllFields(NotificationConstants.Module.class);
+        Map<String, String> moduleMap = new HashMap<>();
+        setFieldNameMap(moduleFields, moduleMap);
+        return moduleMap;
+    }
+
+
+    /**
+     * 获取事件翻译后的名称map
+     *
+     * @return Map<String, String> eventMap
+     */
+    public static Map<String, String> getEventMap() {
+        Map<String, String> eventMap = new HashMap<>();
+        Field[] eventFields = FieldUtils.getAllFields(NotificationConstants.Event.class);
+        setFieldNameMap(eventFields, eventMap);
+        return eventMap;
+    }
+
+    /**
+     * 获取事件的默认模版
+     *
+     * @return Map<String, String> defaultTemplateMap
+     */
+    public static Map<String, String> getDefaultTemplateMap() {
+        Map<String, String> defaultTemplateMap = new HashMap<>();
+        Field[] defaultTemplateFields = FieldUtils.getAllFields(NotificationConstants.TemplateText.class);
+        setFieldNameMap(defaultTemplateFields, defaultTemplateMap);
+        return defaultTemplateMap;
+    }
+
+    public static String getTemplate(String event) {
+        Map<String, String> defaultTemplateMap = getDefaultTemplateMap();
+        return defaultTemplateMap.get(event + "_TEXT");
+    }
+
+    public static String getContent(String template, Map<String, Object> context) {
+        // 处理 null
+        context.forEach((k, v) -> {
+            if (v == null) {
+                context.put(k, StringUtils.EMPTY);
+            }
+        });
+        // 处理时间格式的数据
+        handleTime(context);
+        // 处理人相关的数据
+        handleUser(context);
+        StringSubstitutor sub = new StringSubstitutor(context);
+        return sub.replace(template);
+    }
+
+    public static void handleTime(Map<String, Object> context) {
+        context.forEach((k, v) -> {
+            if (Strings.CI.endsWith(k, "Time")) {
+                try {
+                    String value = v.toString();
+                    long time = Long.parseLong(value);
+                    v = DateFormatUtils.format(time, "yyyy-MM-dd HH:mm:ss");
+                    context.put(k, v);
+                } catch (Exception ignore) {
+                }
+            }
+        });
+    }
+
+    public static void handleUser(Map<String, Object> context) {
+        ExtUserMapper userMapper = CommonBeanFactory.getBean(ExtUserMapper.class);
+        context.forEach((k, v) -> {
+            if (Strings.CI.endsWith(k, "User")) {
+                try {
+                    String value = v.toString();
+                    assert userMapper != null;
+                    UserDTO user = userMapper.selectByPhoneOrEmail(value);
+                    context.put(k, user.getName());
+                } catch (Exception ignore) {
+                }
+            }
+        });
+    }
+
+
+}
diff --git a/backend/crm/src/main/resources/dict/industry.json b/backend/crm/src/main/resources/dict/industry.json
new file mode 100644
index 0000000..f4cae12
--- /dev/null
+++ b/backend/crm/src/main/resources/dict/industry.json
@@ -0,0 +1,506 @@
+[
+  {
+    "label": "农、林、牧、渔业",
+    "value": "A",
+    "children": [
+      {
+        "label": "农业",
+        "value": "01"
+      },
+      {
+        "label": "林业",
+        "value": "02"
+      },
+      {
+        "label": "畜牧业",
+        "value": "03"
+      },
+      {
+        "label": "渔业",
+        "value": "04"
+      },
+      {
+        "label": "农、林、牧、渔专业及辅助性活动",
+        "value": "05"
+      }
+    ]
+  },
+  {
+    "label": "采矿业",
+    "value": "B",
+    "children": [
+      {
+        "label": "煤炭开采和洗选业",
+        "value": "06"
+      },
+      {
+        "label": "石油和天然气开采业",
+        "value": "07"
+      },
+      {
+        "label": "黑色金属矿采选业",
+        "value": "08"
+      },
+      {
+        "label": "有色金属矿采选业",
+        "value": "09"
+      },
+      {
+        "label": "非金属矿采选业",
+        "value": "10"
+      },
+      {
+        "label": "开采专业及辅助性活动",
+        "value": "11"
+      },
+      {
+        "label": "其他采矿业",
+        "value": "12"
+      }
+    ]
+  },
+  {
+    "label": "制造业",
+    "value": "C",
+    "children": [
+      {
+        "label": "农副食品加工业",
+        "value": "13"
+      },
+      {
+        "label": "食品制造业",
+        "value": "14"
+      },
+      {
+        "label": "酒、饮料和精制茶制造业",
+        "value": "15"
+      },
+      {
+        "label": "烟草制品业",
+        "value": "16"
+      },
+      {
+        "label": "纺织业",
+        "value": "17"
+      },
+      {
+        "label": "纺织服装、服饰业",
+        "value": "18"
+      },
+      {
+        "label": "皮革、毛皮、羽毛及其制品和制鞋业",
+        "value": "19"
+      },
+      {
+        "label": "木材加工和木、竹、藤、棕、草制品业",
+        "value": "20"
+      },
+      {
+        "label": "家具制造业",
+        "value": "21"
+      },
+      {
+        "label": "造纸和纸制品业",
+        "value": "22"
+      },
+      {
+        "label": "印刷和记录媒介复制业",
+        "value": "23"
+      },
+      {
+        "label": "文教、工美、体育和娱乐用品制造业",
+        "value": "24"
+      },
+      {
+        "label": "石油、煤炭及其他燃料加工业",
+        "value": "25"
+      },
+      {
+        "label": "化学原料和化学制品制造业",
+        "value": "26"
+      },
+      {
+        "label": "医药制造业",
+        "value": "27"
+      },
+      {
+        "label": "化学纤维制造业",
+        "value": "28"
+      },
+      {
+        "label": "橡胶和塑料制品业",
+        "value": "29"
+      },
+      {
+        "label": "非金属矿物制品业",
+        "value": "30"
+      },
+      {
+        "label": "黑色金属冶炼和压延加工业",
+        "value": "31"
+      },
+      {
+        "label": "有色金属冶炼和压延加工业",
+        "value": "32"
+      },
+      {
+        "label": "金属制品业",
+        "value": "33"
+      },
+      {
+        "label": "通用设备制造业",
+        "value": "34"
+      },
+      {
+        "label": "专用设备制造业",
+        "value": "35"
+      },
+      {
+        "label": "汽车制造业",
+        "value": "36"
+      },
+      {
+        "label": "铁路、船舶、航空航天和其他运输设备制造业",
+        "value": "37"
+      },
+      {
+        "label": "电气机械和器材制造业",
+        "value": "38"
+      },
+      {
+        "label": "计算机、通信和其他电子设备制造业",
+        "value": "39"
+      },
+      {
+        "label": "仪器仪表制造业",
+        "value": "40"
+      },
+      {
+        "label": "其他制造业",
+        "value": "41"
+      },
+      {
+        "label": "废弃资源综合利用业",
+        "value": "42"
+      },
+      {
+        "label": "金属制品、机械和设备修理业",
+        "value": "43"
+      }
+    ]
+  },
+  {
+    "label": "电力、热力、燃气及水生产和供应业",
+    "value": "D",
+    "children": [
+      {
+        "label": "电力、热力生产和供应业",
+        "value": "44"
+      },
+      {
+        "label": "燃气生产和供应业",
+        "value": "45"
+      },
+      {
+        "label": "水的生产和供应业",
+        "value": "46"
+      }
+    ]
+  },
+  {
+    "label": "建筑业",
+    "value": "E",
+    "children": [
+      {
+        "label": "房屋建筑业",
+        "value": "47"
+      },
+      {
+        "label": "土木工程建筑业",
+        "value": "48"
+      },
+      {
+        "label": "建筑安装业",
+        "value": "49"
+      },
+      {
+        "label": "建筑装饰、装修和其他建筑业",
+        "value": "50"
+      }
+    ]
+  },
+  {
+    "label": "批发和零售业",
+    "value": "F",
+    "children": [
+      {
+        "label": "批发业",
+        "value": "51"
+      },
+      {
+        "label": "零售业",
+        "value": "52"
+      }
+    ]
+  },
+  {
+    "label": "交通运输、仓储和邮政业",
+    "value": "G",
+    "children": [
+      {
+        "label": "铁路运输业",
+        "value": "53"
+      },
+      {
+        "label": "道路运输业",
+        "value": "54"
+      },
+      {
+        "label": "水上运输业",
+        "value": "55"
+      },
+      {
+        "label": "航空运输业",
+        "value": "56"
+      },
+      {
+        "label": "管道运输业",
+        "value": "57"
+      },
+      {
+        "label": "多式联运和运输代理业",
+        "value": "58"
+      },
+      {
+        "label": "装卸搬运和仓储业",
+        "value": "59"
+      },
+      {
+        "label": "邮政业",
+        "value": "60"
+      }
+    ]
+  },
+  {
+    "label": "住宿和餐饮业",
+    "value": "H",
+    "children": [
+      {
+        "label": "住宿业",
+        "value": "61"
+      },
+      {
+        "label": "餐饮业",
+        "value": "62"
+      }
+    ]
+  },
+  {
+    "label": "信息传输、软件和信息技术服务业",
+    "value": "I",
+    "children": [
+      {
+        "label": "电信、广播电视和卫星传输服务",
+        "value": "63"
+      },
+      {
+        "label": "互联网和相关服务",
+        "value": "64"
+      },
+      {
+        "label": "软件和信息技术服务业",
+        "value": "65"
+      }
+    ]
+  },
+  {
+    "label": "金融业",
+    "value": "J",
+    "children": [
+      {
+        "label": "货币金融服务",
+        "value": "66"
+      },
+      {
+        "label": "资本市场服务",
+        "value": "67"
+      },
+      {
+        "label": "保险业",
+        "value": "68"
+      },
+      {
+        "label": "其他金融业",
+        "value": "69"
+      }
+    ]
+  },
+  {
+    "label": "房地产业",
+    "value": "K",
+    "children": [
+      {
+        "label": "房地产业",
+        "value": "70"
+      }
+    ]
+  },
+  {
+    "label": "租赁和商务服务业",
+    "value": "L",
+    "children": [
+      {
+        "label": "租赁业",
+        "value": "71"
+      },
+      {
+        "label": "商务服务业",
+        "value": "72"
+      }
+    ]
+  },
+  {
+    "label": "科学研究和技术服务业",
+    "value": "M",
+    "children": [
+      {
+        "label": "研究和试验发展",
+        "value": "73"
+      },
+      {
+        "label": "专业技术服务业",
+        "value": "74"
+      },
+      {
+        "label": "科技推广和应用服务业",
+        "value": "75"
+      }
+    ]
+  },
+  {
+    "label": "水利、环境和公共设施管理业",
+    "value": "N",
+    "children": [
+      {
+        "label": "水利管理业",
+        "value": "76"
+      },
+      {
+        "label": "生态保护和环境治理业",
+        "value": "77"
+      },
+      {
+        "label": "公共设施管理业",
+        "value": "78"
+      }
+    ]
+  },
+  {
+    "label": "居民服务、修理和其他服务业",
+    "value": "O",
+    "children": [
+      {
+        "label": "居民服务业",
+        "value": "79"
+      },
+      {
+        "label": "机动车、电子产品和日用产品修理业",
+        "value": "80"
+      },
+      {
+        "label": "其他服务业",
+        "value": "81"
+      }
+    ]
+  },
+  {
+    "label": "教育",
+    "value": "P",
+    "children": [
+      {
+        "label": "教育",
+        "value": "82"
+      }
+    ]
+  },
+  {
+    "label": "卫生和社会工作",
+    "value": "Q",
+    "children": [
+      {
+        "label": "卫生",
+        "value": "83"
+      },
+      {
+        "label": "社会工作",
+        "value": "84"
+      }
+    ]
+  },
+  {
+    "label": "文化、体育和娱乐业",
+    "value": "R",
+    "children": [
+      {
+        "label": "新闻和出版业",
+        "value": "85"
+      },
+      {
+        "label": "广播、电视、电影和录音制作业",
+        "value": "86"
+      },
+      {
+        "label": "文化艺术业",
+        "value": "87"
+      },
+      {
+        "label": "体育",
+        "value": "88"
+      },
+      {
+        "label": "娱乐业",
+        "value": "89"
+      }
+    ]
+  },
+  {
+    "label": "公共管理、社会保障和社会组织",
+    "value": "S",
+    "children": [
+      {
+        "label": "中国共产党机关",
+        "value": "90"
+      },
+      {
+        "label": "国家机构",
+        "value": "91"
+      },
+      {
+        "label": "人民政协、民主党派",
+        "value": "92"
+      },
+      {
+        "label": "社会保障",
+        "value": "93"
+      },
+      {
+        "label": "群众团体、社会团体和其他成员组织",
+        "value": "94"
+      },
+      {
+        "label": "基层群众自治组织",
+        "value": "95"
+      }
+    ]
+  },
+  {
+    "label": "国际组织",
+    "value": "T",
+    "children": [
+      {
+        "label": "国际组织",
+        "value": "96"
+      }
+    ]
+  }
+]
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/form/field.json b/backend/crm/src/main/resources/form/field.json
new file mode 100644
index 0000000..3294e80
--- /dev/null
+++ b/backend/crm/src/main/resources/form/field.json
@@ -0,0 +1,2553 @@
+{
+  "customer": [
+    {
+      "name": "基本信息",
+      "internalKey": "customerBasicInfo",
+      "type": "DIVIDER",
+      "showLabel": true,
+      "readable": true,
+      "fieldWidth": 1,
+      "dividerClass": "divider--normal",
+      "dividerColor": "#edf0f1",
+      "titleColor": "#323535"
+    },
+    {
+      "name": "客户名称",
+      "internalKey": "customerName",
+      "type": "INPUT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        },
+        {
+          "key": "unique"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "客户行业",
+      "internalKey": "customerIndustry",
+      "type": "SELECT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "options": [
+        {
+          "label": "互联网",
+          "value": "1"
+        },
+        {
+          "label": "金融",
+          "value": "2"
+        },
+        {
+          "label": "制造业",
+          "value": "3"
+        }
+      ]
+    },
+    {
+      "name": "客户等级",
+      "internalKey": "customerLevel",
+      "type": "SELECT",
+      "showLabel": true,
+      "defaultValue": "1",
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "options": [
+        {
+          "label": "重要客户",
+          "value": "1"
+        },
+        {
+          "label": "一般客户",
+          "value": "2"
+        },
+        {
+          "label": "战略客户",
+          "value": "3"
+        }
+      ]
+    },
+    {
+      "name": "客户类型",
+      "internalKey": "customerType",
+      "type": "SELECT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "options": [
+        {
+          "label": "无",
+          "value": "1"
+        },
+        {
+          "label": "最终客户",
+          "value": "2"
+        },
+        {
+          "label": "代理商",
+          "value": "3"
+        }
+      ]
+    },
+    {
+      "name": "客户来源",
+      "internalKey": "customerSource",
+      "type": "SELECT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "options": [
+        {
+          "label": "线上",
+          "value": "1"
+        },
+        {
+          "label": "线下",
+          "value": "2"
+        },
+        {
+          "label": "维保",
+          "value": "3"
+        },
+        {
+          "label": "续约",
+          "value": "4"
+        },
+        {
+          "label": "扩容",
+          "value": "5"
+        },
+        {
+          "label": "增购",
+          "value": "6"
+        }
+      ],
+      "showControlRules": [
+        {
+          "value": "1",
+          "fieldIds": [
+            "customerOnlineSource"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "线上来源详情",
+      "internalKey": "customerOnlineSource",
+      "type": "SELECT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "options": [
+        {
+          "label": "400电话",
+          "value": "1"
+        },
+        {
+          "label": "官网咨询",
+          "value": "2"
+        },
+        {
+          "label": "社区用户",
+          "value": "3"
+        }
+      ]
+    },
+    {
+      "name": "客户标签",
+      "internalKey": "customerTag",
+      "type": "INPUT_MULTIPLE",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1
+    },
+    {
+      "name": "地址信息",
+      "internalKey": "customerAddressInfo",
+      "type": "DIVIDER",
+      "showLabel": true,
+      "readable": true,
+      "fieldWidth": 1,
+      "dividerClass": "divider--normal",
+      "dividerColor": "#edf0f1",
+      "titleColor": "#323535"
+    },
+    {
+      "name": "地区",
+      "internalKey": "customerArea",
+      "type": "LOCATION",
+      "locationType": "detail",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1
+    },
+    {
+      "name": "负责人信息",
+      "internalKey": "customerOwnerInfo",
+      "type": "DIVIDER",
+      "showLabel": true,
+      "readable": true,
+      "fieldWidth": 1,
+      "dividerClass": "divider--normal",
+      "dividerColor": "#edf0f1",
+      "titleColor": "#323535"
+    },
+    {
+      "name": "负责人",
+      "internalKey": "customerOwner",
+      "type": "MEMBER",
+      "hasCurrentUser": true,
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ]
+    }
+  ],
+  "clue": [
+    {
+      "name": "基本信息",
+      "internalKey": "clueBasicInfo",
+      "type": "DIVIDER",
+      "showLabel": true,
+      "readable": true,
+      "fieldWidth": 1,
+      "dividerClass": "divider--normal",
+      "dividerColor": "#edf0f1",
+      "titleColor": "#323535"
+    },
+    {
+      "name": "公司名称",
+      "internalKey": "clueName",
+      "type": "INPUT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "线索进度",
+      "internalKey": "clueProgress",
+      "type": "SELECT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "options": [
+        {
+          "label": "初步意向",
+          "value": "1"
+        },
+        {
+          "label": "强烈意愿",
+          "value": "2"
+        }
+      ]
+    },
+    {
+      "name": "线索来源",
+      "internalKey": "clueSource",
+      "type": "SELECT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "options": [
+        {
+          "label": "线上",
+          "value": "1"
+        },
+        {
+          "label": "电话影响",
+          "value": "2"
+        },
+        {
+          "label": "客户介绍",
+          "value": "3"
+        },
+        {
+          "label": "线下活动",
+          "value": "4"
+        },
+        {
+          "label": "社区用户",
+          "value": "5"
+        },
+        {
+          "label": "GitHub",
+          "value": "6"
+        },
+        {
+          "label": "维保，续约，增购",
+          "value": "7"
+        },
+        {
+          "label": "其他",
+          "value": "8"
+        }
+      ],
+      "showControlRules": [
+        {
+          "value": "1",
+          "fieldIds": [
+            "clueOnlineSource"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "线上来源详情",
+      "internalKey": "clueOnlineSource",
+      "type": "SELECT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "options": [
+        {
+          "label": "400电话",
+          "value": "1"
+        },
+        {
+          "label": "官网咨询",
+          "value": "2"
+        },
+        {
+          "label": "社区用户",
+          "value": "3"
+        }
+      ]
+    },
+    {
+      "name": "客户需求",
+      "internalKey": "clueDemand",
+      "type": "TEXTAREA",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1
+    },
+    {
+      "name": "联系人名称",
+      "internalKey": "clueContactName",
+      "type": "INPUT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "mobile": true
+    },
+    {
+      "name": "联系人电话",
+      "internalKey": "clueContactPhone",
+      "type": "PHONE",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "mobile": true,
+      "format": "255",
+      "rules": [
+        {
+          "key": "unique"
+        }
+      ]
+    },
+    {
+      "name": "意向产品",
+      "internalKey": "clueProduct",
+      "type": "DATA_SOURCE_MULTIPLE",
+      "dataSourceType": "PRODUCT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "mobile": true
+    },
+    {
+      "name": "地址信息",
+      "internalKey": "clueAddressInfo",
+      "type": "DIVIDER",
+      "showLabel": true,
+      "readable": true,
+      "fieldWidth": 1,
+      "dividerClass": "divider--normal",
+      "dividerColor": "#edf0f1",
+      "titleColor": "#323535"
+    },
+    {
+      "name": "地区",
+      "internalKey": "clueArea",
+      "type": "LOCATION",
+      "locationType": "detail",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1
+    },
+    {
+      "name": "负责人信息",
+      "internalKey": "clueOwnerInfo",
+      "type": "DIVIDER",
+      "showLabel": true,
+      "readable": true,
+      "fieldWidth": 1,
+      "dividerClass": "divider--normal",
+      "dividerColor": "#edf0f1",
+      "titleColor": "#323535"
+    },
+    {
+      "name": "负责人",
+      "internalKey": "clueOwner",
+      "type": "MEMBER",
+      "hasCurrentUser": true,
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ]
+    }
+  ],
+  "opportunity": [
+    {
+      "name": "基本信息",
+      "internalKey": "opportunityBasicInfo",
+      "type": "DIVIDER",
+      "showLabel": true,
+      "readable": true,
+      "fieldWidth": 1,
+      "dividerClass": "divider--normal",
+      "dividerColor": "#edf0f1",
+      "titleColor": "#323535"
+    },
+    {
+      "name": "商机名称",
+      "internalKey": "opportunityName",
+      "type": "INPUT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "客户名称",
+      "internalKey": "opportunityCustomer",
+      "type": "DATA_SOURCE",
+      "dataSourceType": "CUSTOMER",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "业务编码",
+      "internalKey": "opportunityNo",
+      "type": "SERIAL_NUMBER",
+      "placeholder": "无需录入, 自动生成",
+      "showLabel": true,
+      "serialNumberRules": [
+        "Opp",
+        "-",
+        "yyyyMM",
+        "-",
+        "6"
+      ],
+      "readable": true,
+      "editable": false,
+      "fieldWidth": 1,
+      "disableProps": [
+        "serialNumberRules"
+      ]
+    },
+    {
+      "name": "商机来源",
+      "internalKey": "opportunitySource",
+      "type": "SELECT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "options": [
+        {
+          "label": "电话营销",
+          "value": "1"
+        },
+        {
+          "label": "客户介绍",
+          "value": "2"
+        },
+        {
+          "label": "线下活动",
+          "value": "3"
+        },
+        {
+          "label": "社区用户",
+          "value": "4"
+        },
+        {
+          "label": "Github",
+          "value": "5"
+        },
+        {
+          "label": "维保，续约，增购",
+          "value": "6"
+        },
+        {
+          "label": "其他",
+          "value": "7"
+        }
+      ]
+    },
+    {
+      "name": "金额",
+      "internalKey": "opportunityPrice",
+      "type": "INPUT_NUMBER",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "numberFormat": "number",
+      "showThousandsSeparator": true,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "意向产品",
+      "internalKey": "opportunityProduct",
+      "type": "DATA_SOURCE_MULTIPLE",
+      "dataSourceType": "PRODUCT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "mobile": true
+    },
+    {
+      "name": "结束时间",
+      "internalKey": "opportunityEndTime",
+      "type": "DATE_TIME",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "dateType": "date",
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "可能性",
+      "internalKey": "opportunityWinRate",
+      "type": "INPUT_NUMBER",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "numberFormat": "percent",
+      "showThousandsSeparator": true
+    },
+    {
+      "name": "联系人",
+      "internalKey": "opportunityContact",
+      "type": "DATA_SOURCE",
+      "dataSourceType": "CONTACT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "mobile": true
+    },
+    {
+      "name": "客户标签",
+      "internalKey": "opportunityCustomerTag",
+      "type": "INPUT_MULTIPLE",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1
+    },
+    {
+      "name": "备注信息",
+      "internalKey": "opportunityRemark",
+      "type": "TEXTAREA",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1
+    },
+    {
+      "name": "地址信息",
+      "internalKey": "opportunityAddressInfo",
+      "type": "DIVIDER",
+      "showLabel": true,
+      "readable": true,
+      "fieldWidth": 1,
+      "dividerClass": "divider--normal",
+      "dividerColor": "#edf0f1",
+      "titleColor": "#323535"
+    },
+    {
+      "name": "地区",
+      "internalKey": "opportunityArea",
+      "type": "LOCATION",
+      "locationType": "detail",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1
+    },
+    {
+      "name": "负责人信息",
+      "internalKey": "opportunityOwnerInfo",
+      "type": "DIVIDER",
+      "showLabel": true,
+      "readable": true,
+      "fieldWidth": 1,
+      "dividerClass": "divider--normal",
+      "dividerColor": "#edf0f1",
+      "titleColor": "#323535"
+    },
+    {
+      "name": "负责人",
+      "internalKey": "opportunityOwner",
+      "type": "MEMBER",
+      "hasCurrentUser": true,
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ]
+    }
+  ],
+  "product": [
+    {
+      "name": "基本信息",
+      "internalKey": "productBasicInfo",
+      "type": "DIVIDER",
+      "showLabel": true,
+      "readable": true,
+      "fieldWidth": 1,
+      "dividerClass": "divider--normal",
+      "dividerColor": "#edf0f1",
+      "titleColor": "#323535"
+    },
+    {
+      "name": "产品名称",
+      "internalKey": "productName",
+      "type": "INPUT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        },
+        {
+          "key": "unique"
+        }
+      ]
+    },
+    {
+      "name": "产品价格",
+      "internalKey": "productPrice",
+      "type": "INPUT_NUMBER",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "numberFormat": "number",
+      "showThousandsSeparator": true
+    },
+    {
+      "name": "状态",
+      "internalKey": "productStatus",
+      "type": "RADIO",
+      "direction": "horizontal",
+      "defaultValue": "1",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "options": [
+        {
+          "label": "上架",
+          "value": "1"
+        },
+        {
+          "label": "下架",
+          "value": "2"
+        }
+      ],
+      "rules": [
+        {
+          "key": "required"
+        }
+      ]
+    },
+    {
+      "name": "描述",
+      "internalKey": "productDescription",
+      "type": "TEXTAREA",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1
+    },
+    {
+      "name": "图片信息",
+      "internalKey": "productPicInfo",
+      "type": "DIVIDER",
+      "showLabel": true,
+      "readable": true,
+      "fieldWidth": 1,
+      "dividerClass": "divider--normal",
+      "dividerColor": "#edf0f1",
+      "titleColor": "#323535"
+    },
+    {
+      "name": "产品图片",
+      "internalKey": "productPic",
+      "type": "PICTURE",
+      "pictureShowType": "card",
+      "uploadSizeLimitEnable": true,
+      "uploadSizeLimit": 20,
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1
+    }
+  ],
+  "contact": [
+    {
+      "name": "客户名称",
+      "internalKey": "contactCustomer",
+      "type": "DATA_SOURCE",
+      "dataSourceType": "CUSTOMER",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "姓名",
+      "internalKey": "contactName",
+      "type": "INPUT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "邮箱",
+      "internalKey": "contactEmail",
+      "type": "INPUT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "mobile": true
+    },
+    {
+      "name": "手机号",
+      "internalKey": "contactPhone",
+      "type": "PHONE",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "format": "255",
+      "rules": [
+        {
+          "key": "required"
+        },
+        {
+          "key": "unique"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "负责人",
+      "internalKey": "contactOwner",
+      "type": "MEMBER",
+      "hasCurrentUser": true,
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ]
+    }
+  ],
+  "record": [
+    {
+      "name": "跟进类型",
+      "internalKey": "recordType",
+      "type": "SELECT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "options": [
+        {
+          "label": "客户",
+          "value": "CUSTOMER"
+        },
+        {
+          "label": "线索",
+          "value": "CLUE"
+        }
+      ],
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "showControlRules": [
+        {
+          "value": "CUSTOMER",
+          "fieldIds": [
+            "recordCustomer",
+            "recordOpportunity",
+            "recordContact"
+          ]
+        },
+        {
+          "value": "CLUE",
+          "fieldIds": [
+            "recordClue"
+          ]
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "客户名称",
+      "internalKey": "recordCustomer",
+      "type": "DATA_SOURCE",
+      "dataSourceType": "CUSTOMER",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "公司名称",
+      "internalKey": "recordClue",
+      "type": "DATA_SOURCE",
+      "dataSourceType": "CLUE",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "商机",
+      "internalKey": "recordOpportunity",
+      "type": "DATA_SOURCE",
+      "dataSourceType": "OPPORTUNITY",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "mobile": true
+    },
+    {
+      "name": "联系人",
+      "internalKey": "recordContact",
+      "type": "DATA_SOURCE",
+      "dataSourceType": "CONTACT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "跟进方式",
+      "internalKey": "recordMethod",
+      "type": "SELECT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "options": [
+        {
+          "label": "到访",
+          "value": "1"
+        },
+        {
+          "label": "电话",
+          "value": "2"
+        }
+      ],
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "跟进时间",
+      "internalKey": "recordTime",
+      "type": "DATE_TIME",
+      "dateType": "date",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "负责人",
+      "internalKey": "recordOwner",
+      "type": "MEMBER",
+      "hasCurrentUser": true,
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "意向产品",
+      "internalKey": "recordProduct",
+      "type": "DATA_SOURCE_MULTIPLE",
+      "dataSourceType": "PRODUCT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1
+    },
+    {
+      "name": "跟进内容",
+      "internalKey": "recordDescription",
+      "type": "TEXTAREA",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    }
+  ],
+  "plan": [
+    {
+      "name": "跟进类型",
+      "internalKey": "planType",
+      "type": "SELECT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "options": [
+        {
+          "label": "客户",
+          "value": "CUSTOMER"
+        },
+        {
+          "label": "线索",
+          "value": "CLUE"
+        }
+      ],
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "showControlRules": [
+        {
+          "value": "CUSTOMER",
+          "fieldIds": [
+            "planCustomer",
+            "planOpportunity",
+            "planContact"
+          ]
+        },
+        {
+          "value": "CLUE",
+          "fieldIds": [
+            "planClue"
+          ]
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "客户名称",
+      "internalKey": "planCustomer",
+      "type": "DATA_SOURCE",
+      "dataSourceType": "CUSTOMER",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "公司名称",
+      "internalKey": "planClue",
+      "type": "DATA_SOURCE",
+      "dataSourceType": "CLUE",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "商机",
+      "internalKey": "planOpportunity",
+      "type": "DATA_SOURCE",
+      "dataSourceType": "OPPORTUNITY",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "mobile": true
+    },
+    {
+      "name": "联系人",
+      "internalKey": "planContact",
+      "type": "DATA_SOURCE",
+      "dataSourceType": "CONTACT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "预计开始时间",
+      "internalKey": "planStartTime",
+      "type": "DATE_TIME",
+      "dateType": "date",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "跟进方式",
+      "internalKey": "planMethod",
+      "type": "SELECT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "options": [
+        {
+          "label": "到访",
+          "value": "1"
+        },
+        {
+          "label": "电话",
+          "value": "2"
+        }
+      ],
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "负责人",
+      "internalKey": "planOwner",
+      "type": "MEMBER",
+      "hasCurrentUser": true,
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ]
+    },
+    {
+      "name": "意向产品",
+      "internalKey": "planProduct",
+      "type": "DATA_SOURCE_MULTIPLE",
+      "dataSourceType": "PRODUCT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1
+    },
+    {
+      "name": "预计沟通内容",
+      "internalKey": "planContent",
+      "type": "TEXTAREA",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    }
+  ],
+  "price": [
+    {
+      "name": "基本信息",
+      "internalKey": "priceBasicInfo",
+      "type": "DIVIDER",
+      "showLabel": true,
+      "readable": true,
+      "fieldWidth": 1,
+      "dividerClass": "divider--normal",
+      "dividerColor": "#edf0f1",
+      "titleColor": "#323535"
+    },
+    {
+      "name": "价格表名称",
+      "internalKey": "priceName",
+      "type": "INPUT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        },
+        {
+          "key": "unique"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "状态",
+      "internalKey": "priceStatus",
+      "type": "RADIO",
+      "direction": "horizontal",
+      "defaultValue": "1",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "options": [
+        {
+          "label": "启用",
+          "value": "1"
+        },
+        {
+          "label": "禁用",
+          "value": "2"
+        }
+      ],
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "产品信息",
+      "internalKey": "priceProducts",
+      "type": "SUB_PRODUCT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "mobile": true,
+      "fixedColumn": 1,
+      "subFields": [
+        {
+          "name": "产品",
+          "internalKey": "priceProduct",
+          "type": "DATA_SOURCE",
+          "dataSourceType": "PRODUCT",
+          "showLabel": true,
+          "readable": true,
+          "editable": true,
+          "fieldWidth": 1,
+          "rules": [
+            {
+              "key": "required"
+            }
+          ],
+          "mobile": true
+        },
+        {
+          "name": "产品SKU",
+          "internalKey": "priceProductSku",
+          "type": "INPUT",
+          "showLabel": true,
+          "readable": true,
+          "editable": true,
+          "fieldWidth": 1
+        },
+        {
+          "name": "产品定价",
+          "internalKey": "priceProductAmount",
+          "type": "INPUT_NUMBER",
+          "showLabel": true,
+          "readable": true,
+          "editable": true,
+          "fieldWidth": 1,
+          "numberFormat": "number",
+          "decimalPlaces": true,
+          "precision": 2,
+          "showThousandsSeparator": true,
+          "mobile": true,
+          "rules": [
+            {
+              "key": "required"
+            }
+          ]
+        },
+        {
+          "name": "税点",
+          "internalKey": "priceProductTax",
+          "type": "INPUT_NUMBER",
+          "showLabel": true,
+          "readable": true,
+          "editable": true,
+          "fieldWidth": 1,
+          "numberFormat": "percent",
+          "decimalPlaces": true,
+          "precision": 2
+        },
+        {
+          "name": "重要说明",
+          "internalKey": "priceProductSku",
+          "type": "INPUT",
+          "showLabel": true,
+          "readable": true,
+          "editable": true,
+          "fieldWidth": 1
+        }
+      ]
+    },
+    {
+      "name": "备注",
+      "internalKey": "priceRemark",
+      "type": "TEXTAREA",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "mobile": true
+    }
+  ],
+  "quotation": [
+    {
+      "name": "基本信息",
+      "internalKey": "quotationBasicInfo",
+      "type": "DIVIDER",
+      "showLabel": true,
+      "readable": true,
+      "fieldWidth": 1,
+      "dividerClass": "divider--normal",
+      "dividerColor": "#edf0f1",
+      "titleColor": "#323535"
+    },
+    {
+      "name": "报价",
+      "internalKey": "quotationName",
+      "type": "INPUT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        },
+        {
+          "key": "unique"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "商机",
+      "internalKey": "quotationOpportunity",
+      "type": "DATA_SOURCE",
+      "dataSourceType": "OPPORTUNITY",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "联系人",
+      "internalKey": "quotationContact",
+      "type": "DATA_SOURCE",
+      "dataSourceType": "CONTACT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "mobile": true
+    },
+    {
+      "name": "报价日期",
+      "internalKey": "quotationTime",
+      "type": "DATE_TIME",
+      "dateType": "date",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "mobile": true
+    },
+    {
+      "name": "有效期至",
+      "internalKey": "quotationUntilTime",
+      "type": "DATE_TIME",
+      "dateType": "date",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "mobile": true,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ]
+    },
+    {
+      "name": "报价产品",
+      "internalKey": "quotationProducts",
+      "type": "SUB_PRICE",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "sumColumns": [
+        "amount"
+      ],
+      "fixedColumn": 1,
+      "mobile": true,
+      "subFields": [
+        {
+          "name": "产品",
+          "internalKey": "quotationProduct",
+          "type": "DATA_SOURCE",
+          "dataSourceType": "PRODUCT",
+          "showLabel": true,
+          "readable": true,
+          "editable": true,
+          "fieldWidth": 1,
+          "mobile": true,
+          "rules": [
+            {
+              "key": "required"
+            }
+          ],
+          "disabledProps": [
+            "dataSourceType",
+            "rules.required"
+          ]
+        },
+        {
+          "name": "价格表",
+          "internalKey": "quotationPrice",
+          "type": "DATA_SOURCE",
+          "dataSourceType": "PRICE",
+          "showLabel": true,
+          "readable": true,
+          "editable": true,
+          "fieldWidth": 1,
+          "mobile": true,
+          "disabledProps": [
+            "dataSourceType"
+          ]
+        },
+        {
+          "name": "产品定价",
+          "internalKey": "quotationProductAmount",
+          "type": "INPUT_NUMBER",
+          "showLabel": true,
+          "readable": true,
+          "editable": true,
+          "fieldWidth": 1,
+          "numberFormat": "number",
+          "decimalPlaces": true,
+          "precision": 2,
+          "showThousandsSeparator": true
+        },
+        {
+          "name": "折扣",
+          "internalKey": "quotationDiscount",
+          "type": "INPUT_NUMBER",
+          "showLabel": true,
+          "readable": true,
+          "editable": true,
+          "fieldWidth": 1,
+          "numberFormat": "number",
+          "decimalPlaces": true,
+          "precision": 2
+        },
+        {
+          "name": "税点",
+          "internalKey": "quotationTax",
+          "type": "INPUT_NUMBER",
+          "showLabel": true,
+          "readable": true,
+          "editable": true,
+          "fieldWidth": 1,
+          "numberFormat": "percent",
+          "decimalPlaces": true,
+          "precision": 2
+        },
+        {
+          "name": "金额",
+          "internalKey": "quotationAmount",
+          "type": "FORMULA",
+          "showLabel": true,
+          "readable": true,
+          "editable": false,
+          "fieldWidth": 1,
+          "mobile": true,
+          "showThousandsSeparator": true
+        }
+      ]
+    },
+    {
+      "name": "累计金额",
+      "internalKey": "quotationTotalAmount",
+      "type": "FORMULA",
+      "showLabel": true,
+      "readable": true,
+      "editable": false,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        },
+        {
+          "key": "unique"
+        }
+      ],
+      "mobile": true,
+      "showThousandsSeparator": true,
+      "ext_ver": "1.5.1"
+    }
+  ],
+  "contractPaymentPlan": [
+    {
+      "name": "回款计划名称",
+      "internalKey": "contractPaymentPlanName",
+      "type": "INPUT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true,
+      "ext_ver": "1.5.0"
+    },
+    {
+      "name": "合同",
+      "internalKey": "contractPaymentPlanContract",
+      "type": "DATA_SOURCE",
+      "dataSourceType": "CONTRACT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "负责人",
+      "internalKey": "contractPaymentPlanOwner",
+      "type": "MEMBER",
+      "hasCurrentUser": true,
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "计划回款金额",
+      "internalKey": "contractPaymentPlanPlanAmount",
+      "type": "INPUT_NUMBER",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "numberFormat": "number",
+      "showThousandsSeparator": true,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "计划回款时间",
+      "internalKey": "contractPaymentPlanPlanEndTime",
+      "type": "DATE_TIME",
+      "dateType": "date",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    }
+  ],
+  "contract": [
+    {
+      "name": "基本信息",
+      "internalKey": "contractBasicInfo",
+      "type": "DIVIDER",
+      "showLabel": true,
+      "readable": true,
+      "fieldWidth": 1,
+      "dividerClass": "divider--normal",
+      "dividerColor": "#edf0f1",
+      "titleColor": "#323535"
+    },
+    {
+      "name": "合同",
+      "internalKey": "contractName",
+      "type": "INPUT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "mobile": true,
+      "rules": [
+        {
+          "key": "required"
+        },
+        {
+          "key": "unique"
+        }
+      ]
+    },
+    {
+      "name": "客户名称",
+      "internalKey": "contractCustomer",
+      "type": "DATA_SOURCE",
+      "dataSourceType": "CUSTOMER",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "合同编号",
+      "internalKey": "contractNo",
+      "type": "SERIAL_NUMBER",
+      "placeholder": "无需录入, 自动生成",
+      "showLabel": true,
+      "serialNumberRules": [
+        "Con",
+        "-",
+        "yyyyMM",
+        "-",
+        "6"
+      ],
+      "readable": true,
+      "editable": false,
+      "fieldWidth": 1,
+      "mobile": true,
+      "disableProps": [
+        "serialNumberRules"
+      ]
+    },
+    {
+      "name": "合同报价信息",
+      "internalKey": "contractProducts",
+      "type": "SUB_PRODUCT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "mobile": true,
+      "fixedColumn": 1,
+      "sumColumns": [
+        "amount"
+      ],
+      "subFields": [
+        {
+          "name": "产品",
+          "internalKey": "contractProduct",
+          "type": "DATA_SOURCE",
+          "dataSourceType": "PRODUCT",
+          "showLabel": true,
+          "readable": true,
+          "editable": true,
+          "fieldWidth": 1,
+          "rules": [
+            {
+              "key": "required"
+            }
+          ],
+          "mobile": true
+        },
+        {
+          "name": "产品单价",
+          "internalKey": "contractProductAmount",
+          "type": "INPUT_NUMBER",
+          "showLabel": true,
+          "readable": true,
+          "editable": true,
+          "fieldWidth": 1,
+          "numberFormat": "number",
+          "decimalPlaces": true,
+          "precision": 2,
+          "showThousandsSeparator": true,
+          "mobile": true,
+          "rules": [
+            {
+              "key": "required"
+            }
+          ]
+        },
+        {
+          "name": "数量",
+          "internalKey": "contractProductNumber",
+          "type": "INPUT_NUMBER",
+          "showLabel": true,
+          "readable": true,
+          "editable": true,
+          "fieldWidth": 1,
+          "mobile": true,
+          "numberFormat": "number"
+        },
+        {
+          "name": "金额",
+          "internalKey": "contractProductSumAmount",
+          "type": "FORMULA",
+          "showLabel": true,
+          "readable": true,
+          "mobile": true,
+          "editable": false,
+          "fieldWidth": 1,
+          "showThousandsSeparator": true
+        }
+      ]
+    },
+    {
+      "name": "负责人",
+      "internalKey": "contractOwner",
+      "type": "MEMBER",
+      "hasCurrentUser": true,
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "mobile": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ]
+    },
+    {
+      "name": "合同开始时间",
+      "internalKey": "contractStartTime",
+      "type": "DATE_TIME",
+      "dateType": "date",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true,
+      "ext_ver": "1.5.0"
+    },
+    {
+      "name": "合同结束时间",
+      "internalKey": "contractEndTime",
+      "type": "DATE_TIME",
+      "dateType": "date",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true,
+      "ext_ver": "1.5.0"
+    },
+    {
+      "name": "累计金额",
+      "internalKey": "contractTotalAmount",
+      "type": "FORMULA",
+      "showLabel": true,
+      "readable": true,
+      "editable": false,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        },
+        {
+          "key": "unique"
+        }
+      ],
+      "mobile": true,
+      "showThousandsSeparator": true,
+      "ext_ver": "1.5.1"
+    }
+  ],
+  "invoice": [
+    {
+      "name": "基本信息",
+      "internalKey": "invoiceBasicInfo",
+      "type": "DIVIDER",
+      "showLabel": true,
+      "readable": true,
+      "fieldWidth": 1,
+      "dividerClass": "divider--normal",
+      "dividerColor": "#edf0f1",
+      "titleColor": "#323535"
+    },
+    {
+      "name": "发票名称",
+      "internalKey": "invoiceName",
+      "type": "INPUT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "合同信息",
+      "internalKey": "invoiceContractBasicInfo",
+      "type": "DIVIDER",
+      "showLabel": true,
+      "readable": true,
+      "fieldWidth": 1,
+      "dividerClass": "divider--normal",
+      "dividerColor": "#edf0f1",
+      "titleColor": "#323535"
+    },
+    {
+      "name": "合同名称",
+      "internalKey": "invoiceContract",
+      "type": "DATA_SOURCE",
+      "dataSourceType": "CONTRACT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true,
+      "showFields": [
+        "contractCustomer",
+        "contractNo",
+        "contractTotalAmount"
+      ]
+    },
+    {
+      "name": "发票信息",
+      "internalKey": "invoiceBasicInfo",
+      "type": "DIVIDER",
+      "showLabel": true,
+      "readable": true,
+      "fieldWidth": 1,
+      "dividerClass": "divider--normal",
+      "dividerColor": "#edf0f1",
+      "titleColor": "#323535"
+    },
+    {
+      "name": "开票类型",
+      "internalKey": "invoiceType",
+      "type": "SELECT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "mobile": true,
+      "fieldWidth": 1,
+      "options": [
+        {
+          "label": "专票",
+          "value": "1"
+        },
+        {
+          "label": "普票",
+          "value": "2"
+        }
+      ],
+      "rules": [
+        {
+          "key": "required"
+        }
+      ]
+    },
+    {
+      "name": "开票项目名称",
+      "internalKey": "invoiceProjectName",
+      "type": "SELECT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "mobile": true,
+      "fieldWidth": 1,
+      "options": [
+        {
+          "label": "产品1",
+          "value": "1"
+        },
+        {
+          "label": "产品2",
+          "value": "2"
+        },
+        {
+          "label": "产品3",
+          "value": "3"
+        }
+      ],
+      "rules": [
+        {
+          "key": "required"
+        }
+      ]
+    },
+    {
+      "name": "规格型号",
+      "internalKey": "invoiceSpecification",
+      "type": "SELECT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "mobile": true,
+      "fieldWidth": 1,
+      "options": [
+        {
+          "label": "sku1",
+          "value": "1"
+        },
+        {
+          "label": "sku2",
+          "value": "2"
+        },
+        {
+          "label": "sku3",
+          "value": "3"
+        }
+      ],
+      "rules": [
+        {
+          "key": "required"
+        }
+      ]
+    },
+    {
+      "name": "单位",
+      "internalKey": "invoiceUnit",
+      "type": "SELECT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "mobile": true,
+      "fieldWidth": 1,
+      "options": [
+        {
+          "label": "个",
+          "value": "1"
+        },
+        {
+          "label": "套",
+          "value": "2"
+        },
+        {
+          "label": "年",
+          "value": "3"
+        }
+      ],
+      "rules": [
+        {
+          "key": "required"
+        }
+      ]
+    },
+    {
+      "name": "数量",
+      "internalKey": "invoiceQuantity",
+      "type": "INPUT_NUMBER",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "mobile": true,
+      "numberFormat": "number",
+      "rules": [
+        {
+          "key": "required"
+        }
+      ]
+    },
+    {
+      "name": "税率",
+      "internalKey": "invoiceTaxRate",
+      "type": "INPUT_NUMBER",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "mobile": true,
+      "fieldWidth": 1,
+      "numberFormat": "percent",
+      "rules": [
+        {
+          "key": "required"
+        }
+      ]
+    },
+    {
+      "name": "工商抬头",
+      "internalKey": "invoiceBusinessTitle",
+      "type": "DATA_SOURCE",
+      "dataSourceType": "BUSINESS_TITLE",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "mobile": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "showFields": [
+        "identificationNumber"
+      ]
+    },
+    {
+      "name": "发票金额",
+      "internalKey": "invoiceAmount",
+      "type": "INPUT_NUMBER",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "numberFormat": "number",
+      "showThousandsSeparator": true,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "负责人",
+      "internalKey": "invoiceOwner",
+      "type": "MEMBER",
+      "hasCurrentUser": true,
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "mobile": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ]
+    }
+  ],
+  "contractPaymentRecord": [
+    {
+      "name": "基本信息",
+      "internalKey": "contractPaymentRecordBasicInfo",
+      "type": "DIVIDER",
+      "showLabel": true,
+      "readable": true,
+      "fieldWidth": 1,
+      "dividerClass": "divider--normal",
+      "dividerColor": "#edf0f1",
+      "titleColor": "#323535"
+    },
+    {
+      "name": "回款记录名称",
+      "internalKey": "contractPaymentRecordName",
+      "type": "INPUT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "回款编码",
+      "internalKey": "contractPaymentRecordNo",
+      "type": "SERIAL_NUMBER",
+      "placeholder": "无需录入, 自动生成",
+      "showLabel": true,
+      "serialNumberRules": [
+        "PAY",
+        "-",
+        "yyyyMM",
+        "-",
+        "6"
+      ],
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "readable": true,
+      "editable": false,
+      "fieldWidth": 1,
+      "mobile": true
+    },
+    {
+      "name": "合同名称",
+      "internalKey": "contractPaymentRecordContract",
+      "type": "DATA_SOURCE",
+      "dataSourceType": "CONTRACT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "回款计划",
+      "internalKey": "contractPaymentRecordPlan",
+      "type": "DATA_SOURCE",
+      "dataSourceType": "PAYMENT_PLAN",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "mobile": true
+    },
+    {
+      "name": "负责人",
+      "internalKey": "contractPaymentRecordOwner",
+      "type": "MEMBER",
+      "hasCurrentUser": true,
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "回款信息",
+      "internalKey": "contractPaymentRecordInfo",
+      "type": "DIVIDER",
+      "showLabel": true,
+      "readable": true,
+      "fieldWidth": 1,
+      "dividerClass": "divider--normal",
+      "dividerColor": "#edf0f1",
+      "titleColor": "#323535"
+    },
+    {
+      "name": "回款时间",
+      "internalKey": "contractPaymentRecordEndTime",
+      "type": "DATE_TIME",
+      "dateType": "date",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "回款金额",
+      "internalKey": "contractPaymentRecordAmount",
+      "type": "INPUT_NUMBER",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "numberFormat": "number",
+      "decimalPlaces": true,
+      "precision": 2,
+      "showThousandsSeparator": true,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "收款银行",
+      "internalKey": "contractPaymentRecordBank",
+      "type": "SELECT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "options": [
+        {
+          "label": "中国银行",
+          "value": "1"
+        },
+        {
+          "label": "中国农业银行",
+          "value": "2"
+        },
+        {
+          "label": "中国工商银行",
+          "value": "3"
+        },
+        {
+          "label": "中国建设银行",
+          "value": "4"
+        }
+      ],
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "收款银行账号",
+      "internalKey": "contractPaymentRecordBankNo",
+      "type": "SELECT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "options": [
+        {
+          "label": "银行账号1",
+          "value": "1"
+        },
+        {
+          "label": "银行账号2",
+          "value": "2"
+        },
+        {
+          "label": "银行账号3",
+          "value": "3"
+        }
+      ],
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    }
+  ],
+  "order": [
+    {
+      "name": "基本信息",
+      "internalKey": "orderBasicInfo",
+      "type": "DIVIDER",
+      "showLabel": true,
+      "readable": true,
+      "fieldWidth": 1,
+      "dividerClass": "divider--normal",
+      "dividerColor": "#edf0f1",
+      "titleColor": "#323535"
+    },
+    {
+      "name": "订单编号",
+      "internalKey": "orderNo",
+      "type": "SERIAL_NUMBER",
+      "placeholder": "无需录入, 自动生成",
+      "showLabel": true,
+      "serialNumberRules": [
+        "XSDD",
+        "-",
+        "yyyyMM",
+        "-",
+        "6"
+      ],
+      "readable": true,
+      "editable": false,
+      "fieldWidth": 1,
+      "mobile": true,
+      "disableProps": [
+        "serialNumberRules"
+      ]
+    },
+    {
+      "name": "关联客户",
+      "internalKey": "orderCustomer",
+      "type": "DATA_SOURCE",
+      "dataSourceType": "CUSTOMER",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true
+    },
+    {
+      "name": "关联合同",
+      "internalKey": "orderContract",
+      "type": "DATA_SOURCE",
+      "dataSourceType": "CONTRACT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "mobile": true
+    },
+    {
+      "name": "订单名称",
+      "internalKey": "orderName",
+      "type": "INPUT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "mobile": true,
+      "rules": [
+        {
+          "key": "required"
+        },
+        {
+          "key": "unique"
+        }
+      ]
+    },
+    {
+      "name": "负责人",
+      "internalKey": "orderOwner",
+      "type": "MEMBER",
+      "hasCurrentUser": true,
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "mobile": true,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ]
+    },
+    {
+      "name": "销售产品信息",
+      "internalKey": "orderProductInfo",
+      "type": "DIVIDER",
+      "showLabel": true,
+      "readable": true,
+      "fieldWidth": 1,
+      "dividerClass": "divider--normal",
+      "dividerColor": "#edf0f1",
+      "titleColor": "#323535"
+    },
+    {
+      "name": "产品明细",
+      "internalKey": "orderProducts",
+      "type": "SUB_PRODUCT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "mobile": true,
+      "fixedColumn": 1,
+      "sumColumns": [],
+      "subFields": [
+        {
+          "name": "产品名称",
+          "internalKey": "orderProduct",
+          "type": "DATA_SOURCE",
+          "dataSourceType": "PRODUCT",
+          "showLabel": true,
+          "readable": true,
+          "editable": true,
+          "fieldWidth": 1,
+          "mobile": true
+        },
+        {
+          "name": "产品单价",
+          "internalKey": "orderProductPrice",
+          "type": "INPUT_NUMBER",
+          "showLabel": true,
+          "readable": true,
+          "editable": true,
+          "fieldWidth": 1,
+          "numberFormat": "number",
+          "decimalPlaces": true,
+          "precision": 2,
+          "showThousandsSeparator": true,
+          "mobile": true
+        },
+        {
+          "name": "数量",
+          "internalKey": "orderProductNumber",
+          "type": "INPUT_NUMBER",
+          "showLabel": true,
+          "readable": true,
+          "editable": true,
+          "fieldWidth": 1,
+          "mobile": true,
+          "numberFormat": "number"
+        },
+        {
+          "name": "金额",
+          "internalKey": "orderProductAmount",
+          "type": "FORMULA",
+          "showLabel": true,
+          "readable": true,
+          "mobile": true,
+          "editable": false,
+          "fieldWidth": 1,
+          "showThousandsSeparator": true
+        }
+      ]
+    },
+    {
+      "name": "订单金额",
+      "internalKey": "orderAmount",
+      "type": "FORMULA",
+      "showLabel": true,
+      "readable": true,
+      "editable": false,
+      "fieldWidth": 1,
+      "rules": [
+        {
+          "key": "required"
+        }
+      ],
+      "mobile": true,
+      "showThousandsSeparator": true
+    },
+    {
+      "name": "订单收货信息",
+      "internalKey": "orderReceivedInfo",
+      "type": "DIVIDER",
+      "showLabel": true,
+      "readable": true,
+      "fieldWidth": 1,
+      "dividerClass": "divider--normal",
+      "dividerColor": "#edf0f1",
+      "titleColor": "#323535"
+    },
+    {
+      "name": "收货地址",
+      "internalKey": "orderDeliveryAddress",
+      "type": "LOCATION",
+      "locationType": "PCD",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1
+    },
+    {
+      "name": "收货人",
+      "internalKey": "orderConsignee",
+      "type": "INPUT",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "mobile": true
+    },
+    {
+      "name": "收货人联系方式",
+      "internalKey": "orderPhone",
+      "type": "PHONE",
+      "showLabel": true,
+      "readable": true,
+      "editable": true,
+      "fieldWidth": 1,
+      "mobile": true,
+      "format": "11"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/form/form.json b/backend/crm/src/main/resources/form/form.json
new file mode 100644
index 0000000..76d06e6
--- /dev/null
+++ b/backend/crm/src/main/resources/form/form.json
@@ -0,0 +1,8 @@
+{
+  "layout": 1,
+  "labelPos": "top",
+  "inputWidth": "custom",
+  "optBtnPos": "flex-row",
+  "viewSize": "small",
+  "optBtnContent": [{"text": "保存", "enable": true}, {"text": "保存并继续添加", "enable": false}, {"text": "取消", "enable": true}]
+}
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/i18n/cordys-crm_en_US.properties b/backend/crm/src/main/resources/i18n/cordys-crm_en_US.properties
new file mode 100644
index 0000000..fff2ff0
--- /dev/null
+++ b/backend/crm/src/main/resources/i18n/cordys-crm_en_US.properties
@@ -0,0 +1,985 @@
+# cordys en
+message_task.event.length_range=Notification event type length must be between 1-255
+message_task.event.not_blank=Notification event type cannot be blank
+message_task.receivers.length_range=Receiver ID list length must be between 1-1000
+message_task.receivers.not_blank=Receiver ID list cannot be blank
+message_task.task_type.length_range=Task type length must be between 1-64
+message_task.task_type.not_blank=Task type cannot be blank
+message_task.enable.not_blank=Enable value cannot be blank
+message_task.use_default_template.not_blank=Default template flag cannot be blank
+message_task.use_default_subject.not_blank=Default subject flag cannot be blank
+message_task_blob.id.not_blank=Message notification task ID cannot be blank
+message_task_blob.id.length_range=Message notification task ID length must be between 1-32
+announcement.subject.length_range=Announcement subject length must be between 1-255
+announcement.subject.not_blank=Announcement subject cannot be blank
+announcement.content.not_blank=Announcement content cannot be blank
+announcement.start_time.not_blank=Start time cannot be blank
+announcement.end_time.not_blank=End time cannot be blank
+announcement.organization_id.length_range=Receiver length must be between 1-50
+announcement.organization_id.not_blank=Receiver cannot be blank
+notification.type.length_range=Notification type length must be between 1-255
+notification.type.not_blank=Notification type cannot be blank
+notification.receiver.length_range=Receiver length must be between 1-50
+notification.receiver.not_blank=Receiver cannot be blank
+notification.subject.length_range=Subject length must be between 1-255
+notification.subject.not_blank=Subject cannot be blank
+notification.status.length_range=Status length must be between 1-64
+notification.status.not_blank=Status cannot be blank
+notification.operator.length_range=Operator length must be between 1-50
+notification.operator.not_blank=Operator cannot be blank
+notification.operation.length_range=Operation length must be between 1-50
+notification.operation.not_blank=Operation cannot be blank
+notification.resource_type.length_range=Resource type length must be between 1-64
+notification.resource_type.not_blank=Resource type cannot be blank
+notification.resource_name.length_range=Resource name length must be between 1-255
+notification.resource_name.not_blank=Resource name cannot be blank
+notification.content.not_blank=Notification content cannot be blank
+startTime_must_be_less_than_endTime=Start date must be earlier than end date
+data_parsing_exception=Data parsing exception
+organization_id_not_exist=No organization information for current user
+department.name.length_range=Name length must be between 1-255
+department.name.not_blank=Name cannot be blank
+department.parent.id.not_blank=Parent department ID cannot be blank
+department.id.not_blank=Department ID cannot be blank
+department.blank=Department does not exist
+department.commander.id.not_blank=Department leader ID cannot be blank
+email.exist=Email already exists
+phone.exist=Phone number already exists
+email.format_error=Invalid email format
+code_not_exist=Authorization code is empty
+phone.repeat=Phone number is duplicate
+email.repeat=Email is duplicate
+#personal
+email_setting_subject=Reset Cordys account password
+email_setting_content=You are resetting your Cordys password, verification code:<br/> <p><b>${code}</b></p> <p>The code is valid for <b>10 minutes</b>, please do not disclose it;</p>  <p>Cordys Team.</p>
+email_setting_reset_error=Please do not request verification code frequently
+email_setting_send_error=Failed to send email
+email_setting_verify_success=Verification successful
+email_setting_verify_error=Verification code is incorrect or expired
+#org_setting
+ui.setting=UI settings
+announcement.blank=Announcement does not exist
+email.update.error.id.wrong=Email update failed, incorrect primary key
+email.setting=Email settings
+email.config.not.exist.text=Please configure email settings first
+email.config.is.null=Email configuration is empty
+email.connection.failed=Connection failed
+sync.organization.update.error.id.wrong=Sync organization update failed, incorrect primary key
+sync.organization.type.exist=This organization already has this type of configuration
+third.setting=Third-party settings
+third.test.open.error=Failed to enable verification, please check configuration
+sync.organization.http.error=HttpClient query failed
+sync.organization.test.error=Connection test failed
+third.config.not.exist=No configuration for this application type
+third.config.un.enable=Application is disabled
+auth.source.blank=Authentication information does not exist
+auth.source.name.exists=Authentication name is duplicate
+auth.source.configuration.blank=Authentication configuration is empty
+auth.source.type.exists=Authentication type is duplicate
+auth.id.not_blank=Authentication ID cannot be blank
+auth.name.not_blank=Authentication name cannot be blank
+auth.setting.no.exists=Authentication information not configured
+auth.get.user.error=Failed to get user information
+auth.login.un_enable=User is disabled
+oauth.mapping.config.error=OAuth2 attribute mapping configuration error
+oauth.mapping.value.null=OAuth2 user attribute mapping field is empty
+auth.token.error=Failed to get access_token
+auth.get.token.error=Failed to call interface to get access_token
+auth.get.token.res.error=Failed to get access_token interface response
+auth.get.user.res.error=Failed to get user identity interface response
+# system module
+home=Home
+customer=Account
+customer_pool=Account Pool
+clue=Lead
+clue_pool=Lead Pool
+business=Opportunity
+opportunity=Opportunity
+data=Data
+product=Product
+contact=Contact
+record=Follow-up record
+plan=Follow-up plan
+dashboard=Dashboard
+setting=Settings
+agent=Agent
+tender=Tender
+customForm=Custom Form
+contractPaymentRecord=Payment record
+task=Todo List
+module.not_exist=Module does not exist
+module.id.not_blank=Module ID cannot be blank
+module.id.length_range=Module ID length must be between 1-32
+module.switch=Module switch
+module.main.nav=Main navigation
+module.form.not_exist=Module form does not exist
+module.form.business_field.deleted=Opportunity field in form cannot be deleted
+module.form.fields.repeat=Form field duplication
+module.form.fields.option.repeat=Field {0} option is repeated
+module.field.not_exist=Field does not exist
+module.field.not_match_type=Field type mismatch
+module.form.illegal.unique.check=Invalid form revalidation
+module.form.illegal=Invalid form key
+module.has.closed=Module is closed
+module.clue.pool.setting=Lead pool settings
+module.customer.pool.setting=Account pool settings
+module.opportunity.rule.setting=Opportunity close rule
+module.customer.capacity.setting=Account capacity settings
+module.clue.capacity.setting=Lead capacity settings
+module.form.setting=Form settings
+module.reason.setting=Reason settings
+module.opportunity_fail_rs=Opportunity failed
+module.customer_pool_rs=Moved to account pool
+module.clue_pool_rs=Moved to lead pool
+module.quotation_approval=Quotation approval
+module.contract_approval=Contract approval
+module.invoice_approval=Invoice approval
+module.resource_type.quotation=Quotation
+module.resource_type.contract=Contract
+module.resource_type.invoice=Invoice
+module.resource_type.order=Order
+approval.delete.resource=Delete {0}-{1}
+approval.update.field=[{0}] updated to: {1}
+module.desensitization_set=Desensitization set
+log.sort=Sort
+log.placeholder=Input placeholder
+log.clue.link=Link Clue
+log.customer.link=Link Customer
+log.opportunity.link=Link Opportunity
+log.plan.link=Link Follow Plan
+log.contract.link=Link Contract
+log.fields=Field configuration (TBD)
+log.form.prop=Form configuration (TBD)
+log.form.name=Form name
+log.merge=Merge
+clue_to_customer=Lead to Account
+clue_to_contact=Lead to Contact
+clue_to_opportunity=Lead to Opportunity
+customer_to_opportunity=Account to Opportunity
+clue_to_record=Write Record
+customer_to_record=Write Record
+opportunity_to_record=Write Record
+plan_to_record=Write Record
+contract_to_invoice=Create Invoice
+contract_to_order=Create Order
+# permission name
+permission.system.name=System
+permission.system.role.name=Role
+permission.system.notice.name=Notification
+permission.system.license=License
+permission.system.setting.name=Enterprise
+permission.process_setting.name=Process setting
+permission.operation.log=Logs
+permission.customer_management.name=Account
+permission.customer_management.customer.name=Account
+permission.customer_management.customer.recycle=Move to account pool
+permission.customer_management.pool.name=Account pool
+permission.clue_management.pool.name=Lead pool
+permission.customer_management.pool.pick=Pick
+permission.customer_management.pool.assign=Assign
+permission.system.organization.name=Organization
+permission.system.module_setting.name=Module
+permission.customer.customer_contact.name=Contact
+permission.clue_management.name=Lead
+permission.clue_management.clue.name=Lead
+permission.clue_management.clue.recycle=Move to lead pool
+permission.clue_management.clue.resign=Resign
+permission.opportunity_management.name=Opportunity
+permission.opportunity_management.opportunity.name=Opportunity
+permission.opportunity_management.opportunity_quotation.name=Quotation
+permission.opportunity_management.opportunity_quotation.download=Download
+permission.product_management.name=Product
+permission.product_management.product.name=Product
+permission.product_management.price.name=Price
+permission.dashboard_management.name=Dashboard
+permission.dashboard.name=Dashboard
+permission.personal_info.name=Personal Info
+permission.api_key.name=API Keys
+no.operation.permission=No operation permission
+permission.contract_management.name=Contract
+permission.contract_payment_plan.name=Contract Payment Plan
+permission.contract_payment_record.name=Contract Payment Record
+permission.contract.name=Contract
+permission.business_title.name=Business Title
+permission.opportunity_quotation.name=Quotation
+# permission operate
+permission.read=View
+permission.add=Add
+permission.update=Edit
+permission.edit=Edit
+permission.delete=Delete
+permission.transfer=Transfer
+permission.import=Import
+permission.export=Export
+permission.download=Download
+permission.recover=Recover
+permission.pick=Pick
+permission.assign=Assign
+permission.merge=Merge
+permission.archive=Archive
+permission.voided=Void
+permission.review=Review
+permission.approve=Approve
+permission.stage=Contract stage change
+permission.payment=Payment
+permission.order_management.name=Order management
+permission.order.name=Order
+# validation
+enum_value_valid_message=Invalid enum value, must be
+# organization
+organization.config.organization_id_not_null=Organization ID cannot be blank
+organization.config.type_not_null=Type cannot be blank
+organization.config.detail_type_not_null=Detail type cannot be blank
+organization.config.content_not_null=Content cannot be blank
+organization.config.detail_id_not_null=Detail ID cannot be blank
+# common
+organization_id.not_blank=Organization ID cannot be blank!
+organization_id.length_range=Organization ID length must be between {min}-{max}!
+# clue or clue pool
+clue_not_exist=The clues don't exist!
+clue_ids_not_empty=Clues are not checked!
+clue_pool_not_exist=Lead pool does not exist!
+clue_pool_access_fail=Access failed, not a lead pool admin!
+clue_pool_related=Lead pool has unassigned leads, deletion forbidden!
+scope_id.not_blank=Scope ID cannot be blank!
+scope_id.length_range=Scope ID length must be between {min}-{max}!
+clue_capacity_not_exist=Lead capacity rule does not exist!
+clue_owner_not_exist=Lead owner does not exist!
+transform.miss.customer.permission=Missing permission to add customer!
+transform.miss.opportunity.permission=Miss opportunity add permission!
+transform.customer.error=Failed to transform customer, please check the log for details!
+transform.opportunity.error=Failed to transform opportunity, please check the log for details!
+#message
+message.create_user=Creator
+message.follow_people=Follower
+message.operator=Operator
+message.owner=Owner
+message.handle_user=Handler (Handler on third-party platform, will not receive notification)
+message.customer=Account
+message.approval=Approval
+message.clue=Lead
+message.business=Opportunity
+message.contract=Contract
+message.announcement=Announcement
+message.system=System
+message.customer_add=New Account
+message.customer_concat_add=New Concat
+message.customer_collaboration_add=New Collaboration
+message.customer_transferred_customer=Transferred Account
+message.customer_automatic_move_high_seas=Account automatically moved to pool (by time)
+message.customer_moved_high_seas=Account passively moved to pool
+message.customer_deleted=Account deleted
+message.high_seas_customer_distributed=Pool account assigned
+message.customer_follow_up_plan_due=Follow-up plan due
+message.clue_add=Create new lead
+message.clue_automatic_move_pool=Lead automatically moved to pool
+message.clue_moved_pool=Lead passively moved to pool
+message.clue_convert_customer=Converted to account
+message.clue_convert_business=Converted to opportunity
+message.transfer_clue=Transferred lead
+message.clue_deleted=Lead deleted
+message.clue_distributed=Lead assigned
+message.clue_import=Lead imported
+message.clue_follow_up_plan_due=Lead follow-up plan due
+message.business_add=Opportunity created
+message.business_deleted=Opportunity deleted
+message.business_transfer=Opportunity transferred
+message.business_import=Opportunity imported
+message.contract_add=New contract
+message.contract_delete=Contract deleted
+message.contract_archived=Contract archived
+message.contract_void=Contract voided
+message.contract_expired=Contract expired
+message.contract_expiring=Contract expiring
+message.contract_payment_plan_add=New payment plan
+message.contract_payment_plan_delete=Payment plan deleted
+message.business_follow_up_plan_due=Opportunity follow-up plan due
+message.sync_organization_structure=Sync organization structure
+message.business_quotation_approval=Opportunity quotation approved
+message.business_quotation_deleted=Opportunity quotation deleted
+message.business_quotation_expired=Opportunity quotation expired
+message.business_quotation_expiring=Opportunity quotation expiring
+message.customer_add_text=Attention! ${OPERATOR} created a new account ${name} for you, please be informed!
+message.customer_concat_add_text=Attention! ${OPERATOR} created a new contact ${name} for you, please be informed!
+message.customer_collaboration_add_text=Attention! ${name} becomes a collaborator for this account collaboration, please be informed!
+message.customer_transferred_customer_text=Attention! ${OPERATOR} transferred account ${name} to you, please be informed!
+message.customer_automatic_move_high_seas_text=Attention! According to system rules, your account ${name} has been moved to the pool, please be informed!
+message.customer_moved_high_seas_text=Attention! ${OPERATOR} has moved your account ${name} to the pool, please be informed!
+message.customer_deleted_text=Attention! Your account ${name} has been deleted by ${OPERATOR}!
+message.high_seas_customer_distributed_text=Attention! ${name} has been assigned to you from the pool, please follow up promptly!
+message.customer_follow_up_plan_due_text=Attention! The follow-up plan you created for ${name} is due, please follow up promptly!
+message.clue_add_text=Attention! ${OPERATOR} created a new lead ${name} for you, please be informed!
+message.clue_automatic_move_pool_text=Attention! According to system rules, your lead ${name} has been moved to the lead pool!
+message.clue_moved_pool_text=Attention! ${OPERATOR} has moved your lead ${name} to the lead pool, please be informed!
+message.clue_convert_customer_text=Attention\uFF01Your lead ${name} has been converted to account\uFF01please be informed!
+message.clue_convert_business_text=Attention\uFF01Your lead ${name} has been converted to opportunity\uFF01please be informed!
+message.customer.collaboration.add.text=Attention\uFF01 ${operator} adds ${uName} as your collaborator responsible for account {name}! please be informed!
+message.customer.contact.add.text=Attention\uFF01 ${operator} creates a ${cName} contact for you, please be informed!
+message.clue_relate_customer=Attention! Your lead ${name} is associated with account {customerName}!
+message.transfer_clue_text=Attention! ${OPERATOR} transferred lead ${name} to you, please be informed!
+message.clue_deleted_text=Attention! Your lead ${name} has been deleted by ${OPERATOR}!
+message.clue_distributed_text=Attention! ${name} has been assigned to you from the lead pool, please follow up promptly!
+message.clue_import_text=Attention! ${OPERATOR} has successfully imported ${count} leads, please claim them promptly!
+message.clue_follow_up_plan_due_text=Attention! The follow-up plan you created for lead ${name} is due, please follow up promptly!
+message.business_add_text=Attention! ${OPERATOR} created a new opportunity ${name} for you, please be informed!
+message.business_deleted_text=Attention! Your opportunity ${name} has been deleted by ${OPERATOR}!
+message.business_transfer_text=Attention! ${OPERATOR} transferred opportunity ${name} to you, please be informed!
+message.business_import_text=Attention! ${OPERATOR} has successfully imported ${count} leads, please claim them promptly!
+message.business_follow_up_plan_due_text=Attention! The follow-up plan you created for opportunity ${name} is due, please follow up promptly!
+message.business_quotation_approval_text=${OPERATOR} approved ${name} quotation, the approval result is ${state}
+message.business_quotation_deleted_text=${OPERATOR} deleted ${name} quotation
+message.business_quotation_expiring_text=Your ${customerName} quotation is expiring in ${expireDays} days
+message.business_quotation_expired_text=Your ${customerName} quotation has expired
+message.contract_archived_text=Your ${customerName} contract has been archived
+message.contract_void_text=Your ${customerName} contract has been voided
+message.contract_expiring_text=Your ${customerName} contract is expiring in ${expireDays} days
+message.contract_expired_text=Your ${customerName} contract has expired
+message.contract_payment_expiring_text=Your ${customerName} contract payment plan is expiring in ${expireDays} days
+message.contract_payment_expired_text=Your ${customerName} contract payment plan has expired
+approval_reject={0} submitted  {1} {2} but the approval has been rejected\u3002
+message.sync_organization_structure_text=System synchronized organization structure, please check!
+message.contract_approval_text=${OPERATOR} reviewed ${name} contract, result is ${state}
+message.order_approval_text=${OPERATOR} reviewed ${name} order, result is ${state}
+message.invoice_approval_text=${OPERATOR} reviewed ${name} invoice, result is ${state}
+message.approval_todo_text={OPERATOR} reviewed {type}: {name}, please approve!
+message.contract_approval=contract approval
+message.invoice_approval=invoice approval
+message.order_approval=order approval
+message.order=order
+message_task.organization_id.not_blank=Organization ID cannot be blank
+message_task.module.not_blank=Module cannot be blank
+message_task.receivers.not_empty=Receiver cannot be blank
+notice.default.subject=System Notification
+notice.event.subject=Notification
+#time
+time.second=Second
+time.minute=Minute
+time.hour=Hour
+time.day=Day
+time.week=Week
+time.month=Month
+time.year=Year
+#product
+product.exist=Product already exists
+product.shelves=On shelves
+product.unShelves=Off shelves
+product.name=Product name
+product.price=Product price
+product.status=Product status
+product.id.empty=Product ID cannot be blank
+product.price.min=Price must be greater than 0
+product.price.max=Price must be less than 10000000000
+product.length=Number of products cannot exceed 20
+#produce price
+product.price.not.exist=Product price does not exist
+product.price.import_tpl.name=Price_Import_Template
+product.price.in.use.cannot.delete=The price list is linked to existing quotations and cannot be deleted\uFF01
+product.price.name.required=Price cannot be null
+product.price.status=Price status cannot be null
+# role
+role.org_admin=Administrator
+role.sales_manager=Sales Manager
+role.sales_staff=Sales Staff
+role.exist=Role already exists
+role.not_exist=Role does not exist
+internal.role.permission.error=Cannot operate on built-in role
+permission.role.add_user=Add user
+permission.role.remove_user=Remove user
+role.add_user=Role {0} added user {1}
+role.remove_user=Role {0} removed user {1}
+role.log.dept.name=Specified department data
+role.log.permission.name=Permission configuration
+role.data_permission.all=All data
+role.data_permission.dept_custom=Specified department data
+role.data_permission.dept_and_child=Department and sub-department data
+role.data_permission.self=Own data only
+# customer or customer pool
+customer_pool_not_exist=Account pool does not exist!
+customer_pool_access_fail=Access failed, not a account pool admin!
+customer_pool_related=Account pool has unassigned leads, deletion forbidden!
+customer_capacity_not_exist=Account capacity rule does not exist!
+customer_rule_condition_error=Parsing failed, invalid recovery rule format!
+customer.relation.target_customer.exist=Account {0} already belongs to a group!
+no.customer.merge.data=There is no customer data to merge!
+password_is_incorrect=Invalid username or password
+department_comment=XX Company/XX Division/R&D Department
+employee_type_comment=Employee type: Regular/Intern/Outsourcing
+user_import_template_name=User import template
+user_import_template_sheet=Template
+required=Required
+file_cannot_be_null=File cannot be blank
+check_import_excel_error=Validation failed, please check if the file is correct
+user_import_table_header_missing=Header information missing
+name_length=Name length cannot exceed 255 characters
+phone_length=Phone number length cannot exceed 20 characters
+email_format_error=Invalid email format
+top_department_not_exist=Top-level department not entered
+cannot_be_null=Cannot be blank
+number=No.
+row=Row
+error=Error
+department_create_fail=Failed to create department
+man=Male
+woman=Female
+department_name_exist=Department name already exists
+invalid_parameter=Invalid parameter
+drag_node.not.exist=Drag node does not exist
+formal=Regular
+internship=Intern
+outsourcing=Outsourcing
+user_resource_exist=Employee has untransferred account resources, cannot be deleted
+permission.organization.sync=Sync
+permission.organization.user.reset_password=Reset password
+department.internal=Built-in department cannot be deleted
+department.employees.exist=Department has employees, deletion forbidden!
+import_phone_validate=Invalid phone number
+employee_length=Employee number length cannot exceed 255 characters
+position_length=Position length cannot exceed 255 characters
+products_info=Product information
+# customer
+customer.exist=Account already exists
+customer.not.exist=Account does not exist
+customer.capacity.over=Insufficient capacity for responsible person, remaining {0}, please contact admin!
+capacity.scope.duplicate=Duplicate users in rule!
+capacity.not.exist=Capacity rule does not exist!
+customer.daily.pick.over=Exceeded daily pick limit!
+customer.pre_owner.pick.limit=Previous owner pick day limit, pick after {0}!
+customer.to.pool=Account {0} moved to pool {1}
+customer.ref_resource.exist=Associated opportunity or contact exists, cannot delete!
+customer.pool.occupied={0} has been occupied by another user, please refresh the page and try again!
+customer.import_tpl.name=Customer_Import_Template
+# clue
+clue.exist=Lead already exists
+clue.not.exist=Lead does not exist
+clue.pool.occupied={0} has been occupied by another user, please refresh the page and try again!
+clue.to.pool=Lead {0} moved to pool {1}
+clue.stage=Lead stage
+clue.import_tpl.name=Lead_Import_Template
+# pool
+pool.data.release.date=Pick after {0}
+# customerContact
+customer_contact.exist=Contact already exists
+contact.import_tpl.name=Contact_Import_Template
+# opportunity
+opportunity.rule.not.exist=Opportunity close rule does not exist
+opportunity.access_fail=Access failed, not an opportunity rule admin!
+opportunity.add=Create
+opportunity.update=Update
+opportunity.import_tpl.name=Opportunity_Import_Template
+opportunity.quotation.status.voided=Voided
+opportunity.quotation.status.approved=Approved
+opportunity.quotation.status.unapproved=Unapproved
+opportunity.quotation.already.associated=The current quotation is linked to a contract and cannot be deleted!
+opportunity.quotation.no.voided=The current quotation is linked to a contract and cannot be voided!
+opportunity.quotation.batch.no.voided=Quotations are linked to a contract and cannot be voided! or No operation permission
+opportunity.quotation.not.exist=Quotation does not exist!
+opportunity.quotation.amount.exceed.max=Quotation amount exceeds maximum limit!
+opportunity.quotation.field.required=Quotation field cannot be empty
+opportunity.quotation.form.config.required=Quotation form configuration cannot be empty
+opportunity.required=Opportunity name cannot be empty
+opportunity.quotation.name.required=Quotation name cannot be empty
+opportunity.quotation.product.required=Quotation product cannot be empty
+opportunity.quotation.approval.status.required=Approval status cannot be empty
+opportunity.quotation.id.required=Quotation ID cannot be empty
+opportunity.quotation.product.amount.invalid=Quotation product amount cannot be empty
+opportunity.quotation.product.invalid=Quotation product selection cannot be empty
+# import
+sheet.instruction=\n Description: \n 1\u3001The header font is red for "required ", bold for" unique ", and underlined for "multiple values". \n 2\u3001multi-value uses the following format: [label 1, label 2], the rest of the format please refer to the table header annotation. \n 3\u3001the import will filter out the wrong format or illegal characters. \n
+field_validate_error={0} field parameter value is invalid, please check required fields and field types!
+field_option_value_error={0} value is wrong or has been removed. Please select again!
+record_not_found=Follow-up record does not exist
+user_has_been_disabled=User has been disabled
+user_not_exist=User does not exist
+update_follow_up_record=Update follow-up record
+delete_follow_up_record=Delete follow-up record
+update_follow_up_plan=Update follow-up plan
+delete_follow_up_plan=Delete follow-up plan
+cancel_follow_up_plan=Cancel follow-up plan
+plan_not_found=Follow-up plan does not exist
+opportunity_exist=Account already has [%s] opportunity, cannot %s now!
+update_opportunity=Update opportunity
+opportunity_not_found=Opportunity does not exist
+follow_record=Follow-up record
+http_result_success=Operation successful
+http_result_unknown_exception=Unknown system exception
+http_result_validate=Parameter validation failed
+http_result_unauthorized=User authentication failed
+http_result_forbidden=Permission authentication failed
+http_result_not_found=Resource not exist
+user_phone_not_exist=User phone number does not exist
+illegal_operation=Operation does not comply with company structure rules, sub-departments must belong to company level, please adjust.
+# log
+log.name=Name
+log.updateTime=Update time
+log.owner=Owner
+log.internal=System built-in
+log.dataScope=Data scope
+log.description=Description
+log.syncOrganization=Sync organization structure
+log.enable.true=Enabled
+log.enable.false=Disabled
+log.contact=Contact
+log.clueId=Company name
+#opportunity log
+log.amount=Amount
+log.possible=Probability
+log.products=Products
+log.contactId=Contact
+log.stage=Opportunity stage
+log.orderStage=Order status
+log.rate=Opportunity rate
+log.opportunity.status=Status
+log.opportunity.status.true=Open
+log.opportunity.status.false=Closed
+log.approvalStatus=Approval status
+log.approvalStatus.VOIDED=Voided
+log.approvalStatus.NONE=None
+log.approvalStatus.APPROVED=Approved
+log.approvalStatus.UNAPPROVED=Unapproved
+log.approvalStatus.APPROVING=Approving
+log.approvalStatus.PENDING=Pending
+log.approvalStatus.REVOKED=Revoked
+log.approvalStatus.AUTO_APPROVED=Auto Approved
+log.approvalStatus.AUTO_UNAPPROVED=Auto Unapproved
+log.customerId=Account name
+log.collectionTime=Pick time
+log.expectedEndTime=End time
+log.actualEndTime=Actual end time
+log.failureReason=Failure reason
+log.deBoardEnable=Dashboard switch
+log.weComEnable=WeCom switch
+log.deAccount=Account
+log.websiteLogo=WebsiteLogo
+log.loginLogo=LoginLogo
+log.loginBackground=LoginBackground
+log.slogan=Slogan
+log.websiteName=WebsiteName
+log.logo=Logo
+log.systemName=SystemName
+log.helpDocs=HelpDocs
+log.style=Theme Color
+log.theme=Background Color
+log.qccEnable=Qichacha switch
+log.qccAddress=Qichacha Address
+log.qccAccessKey=Access Key
+log.qccSecretKey=Secret Key
+ui.setting.default=Default
+ui.setting.follow=Follow Theme Color
+COMPETITOR_CHOSEN=Account chose competitor
+PROJECT_FAILED=Project failed
+COMPLEX_DECISION_CHAIN=Complex decision chain
+BUDGET_LIMITATION=Budget limitation
+REQUIREMENT_CHANGE=Requirement change
+CREATE=Create
+CLEAR_REQUIREMENTS=Clear requirements
+SCHEME_VALIDATION=Scheme validation
+PROJECT_PROPOSAL_REPORT=Project proposal report
+BUSINESS_PROCUREMENT=Opportunity procurement
+SUCCESS=Success
+FAIL=Fail
+# user
+log.userName=Name
+log.enable=Status
+log.gender=Gender
+log.phone=Phone number
+log.email=Email
+log.departmentId=Department
+log.supervisorId=Supervisor
+log.onboardingDate=Onboarding date
+log.employeeId=Employee number
+log.roles=Roles
+log.position=Position
+log.employeeType=Employee type
+log.workCity=Work city
+log.commander=Leader
+log.userPassword=Password
+null=-
+#module log
+log.module.switch=Module switch
+log.module.form.operate.btn=Form operation button
+#Announcement
+log.subject=Announcement subject
+log.content=Announcement content
+log.startTime=Start time
+log.endTime=End time
+log.url=Link
+log.renameUrl=Rename link
+log.receiver=Receiver
+#message
+log.event=Notification event type
+log.emailEnable=Email send switch
+log.sysEnable=System switch
+log.ownerEnable=Owner option
+log.ownerLevel=Department leader level
+log.roleEnable=Role option
+log.userIdNames=Notification personnel name
+log.roleIdNames=Role
+log.times=Time configuration
+#system log
+#email
+log.host=SMTP host
+log.port=SMTP port
+log.account=SMTP account
+log.password=SMTP password
+log.ssl=SSL switch
+log.tsl=TSL switch
+log.from=Sender
+log.recipient=Recipient
+#third
+log.type=Application type
+log.corpId=CorpID
+log.agentId=Application ID
+log.appKey=Application key
+log.appSecret=Application secret
+log.appId=Application AppID
+log.startEnable=Sync start switch
+log.oauth2Enable=OAuth2 switch
+log.syncEnable=Sync switch
+log.qrcodeEnable=QR code login switch
+log.sqlBotAppSecret=Embedded script
+log.sqlBotBoardEnable=Dashboard switch
+log.sqlBotChatEnable=Chat switch
+log.verify=Verification switch
+log.redirectUrl=Callback URL
+log.configuration=Authentication source configuration
+log.deAppId=APP ID
+log.deAppSecret=APP Secret
+log.deUrl=DataEase URL
+log.thirdType=Application type
+log.dingTalkEnable=DingTalk notice
+log.larkEnable=Lark notice
+log.deModuleEmbedding=Module Embedding
+log.deLinkIntegration=External link integration
+log.deAutoSync=Automatic synchronization
+log.deAccessKey=AccessKey
+log.deSecretKey=SecretKey
+log.deOrgID=DE OrgId
+#product
+log.price=Product price
+log.status=Product status
+product.import_tpl.name=Product_Import_Template
+#common
+common.picture.changed=Picture changed
+common.attachment.changed=Attachment changed
+common.field_value.repeat={0} field has duplicate value!
+common.option.not_exist=Option does not exist!
+log.follow_record_content=Follow-up content
+log.estimated_time=Estimated start time
+log.followMethod=Follow-up method
+log.followTime=Follow-up time
+log.opportunityId=Opportunity
+log.estimatedTime=Estimated start time
+log.method=Follow-up method
+log.converted=Convert to record
+import.data.cannot_be_null=The import data is empty!
+#ExportTask
+task_already_stopped=Cancel failed, task has completed export
+task_not_found=Cancel failed, task has expired or does not exist
+user_export_task_limit=There are currently 10 tasks being exported. To ensure export quality, please try again in 5 minutes!
+export_head_list_is_empty=Header information cannot be blank
+export_select_ids_is_empty=Selected data ID list cannot be blank
+#license
+license_valid_license_error=License authentication failed
+license_valid_license_expired=License expired
+dashboard_module_name_exist=Folder name already exists
+dashboard_module_blank=Folder does not exist
+dashboard_module_default_delete=Top-level folder cannot be deleted!
+dashboard_module_cannot_delete=Folder contains dashboards, please clear dashboards manually
+dashboard_name_exist=Dashboard name already exists
+dashboard_blank=Dashboard does not exist
+top_dashboard_module_not_support_add=Top-level folder does not support adding dashboards
+log.dashboardModuleName=Folder
+log.members=Viewable members
+log.resourceId=Dashboard ID
+dashboard_collect_exist=Dashboard already collected, please refresh the page!
+view_blank=View does not exist or has been deleted!
+#dict
+dict.not_exist=Dictionary does not exist
+system.auto.recycle=System auto recycle
+system.auto.closed=System auto close
+# import
+sheet.data=Data
+sheet.comment=Instructions
+format.preview=Format preview
+keep.decimal.places=Integers are limited to 10 bits and decimals to 4 bits
+phone.tips=Supports "(area code)+phone number", "Mainland China+86, Hong Kong+852, Macau+853, Taiwan+886"
+option=Supported options
+location.c=Country
+location.p=Province
+location.pc=Province-City
+location.pcd=Province-City-District
+location.pcd.detail=Province-City-District-Detailed address
+industry.tips=Categories - Major categories (refer to the Classification of National Economic Industries)
+row.error.tip=Error in row {0}:
+cell.not.unique=Not unique
+import.error=Import exception, failed to parse row {0}:
+illegal_header=Header information error, {0} missing
+over.length=Length exceeds {0}
+phone.wrong.format=Incorrect format
+password_reset_error=Initial password error, password change failed!
+file_name_illegal=Illegal file name: Characters are not allowed /
+search.config.empty=The matching field cannot be empty, there must be at least one matching field
+search.config.limit=A maximum of 5 matching fields can be configured for a single module
+expire_time_not_null=Expire time can not null
+user_apikey_limit=Can have up to 5 api keys
+api_key_not_exist=API key does not exist
+agent_name_exist=Agent name already exists
+agent_module_blank=Folder does not exist
+agent_blank=Agent does not exist
+agent_collect_exist=Agent already collected, please refresh the page!
+agent_module_cannot_delete=Folder contains agent, please clear agent manually
+permission.agent_management.name=Agent
+permission.agent.name=Agent
+permission.tender_management.name=Tender
+permission.tender.name=Tender
+log.agentModuleName=Folder
+log.script=Script
+top.navigation=Top navigation
+form.view.size=View size
+small=Small
+medium=Medium
+large=Large
+search=Search
+notify=Notification
+about=About
+language=Language
+help=Help center
+event=Record/Plan
+opportunity_stage_config_list=Opportunity stage configuration cannot exceed 10
+opportunity_stage_setting=Opportunity stage setting
+opportunity_stage_delete=There is opportunity data in the current stage, deletion is prohibited!
+opportunity_stage_not_exist=Opportunity stage does not exist
+opportunity_stage_at_least_one=At least one opportunity in the active stage must be retained
+order_stage_config_list=Order stage configuration cannot exceed 10
+order_stage_setting=Order stage setting
+order_stage_delete=The current order status contains data, deletion is prohibited!
+order_stage_not_exist=Order stage does not exist
+order_not_exist=Order does not exist
+contract_stage_config_list=Contract stage configuration cannot exceed 10
+contract_stage_setting=Contract stage setting
+contract_stage_delete=The current contract status contains data, deletion is prohibited!
+log.afootRollBack=Rollback in progress
+log.endRollBack=Final stage rollback
+dashboard_url_not_allowed=Dashboard address denied access
+log.mkAddress=MaxKB Address
+log.apikey=API Key
+log.mkEnable=Status
+price=Price
+quotation=Quotation
+contract=Contract
+contractPaymentPlan=Payment Plan
+#contract
+contract.not.exist=Contract does not exist
+contract.has.payment.record=Contract has payment record, cannot be deleted!
+contract.has.invoice.cannot.delete=Contract has associated invoice, cannot be deleted!
+contract.archived.cannot.edit=Archived contracts cannot be edited!
+contract.void.cannot.edit=Voided contracts cannot be edited!
+contract.archived.cannot.delete=Archived contracts cannot be deleted!
+contract.archived.cannot.voided=Archived contracts cannot be voided!
+contract.unapproved.cannot.edit=Unapproved contracts cannot be edited!
+contract.payment_plan.status.pending=Not Completed
+contract.payment_plan.status.partially_completed=Partially Completed
+contract.payment_plan.status.completed=Completed
+log.planStatus=Plan Status
+contract.form.config.required=Contract form configuration cannot be empty
+contract.field.required=Contract field cannot be empty
+contract.approval_status.approved=Approved
+contract.approval_status.approving=Approving
+contract.approval_status.unapproved=Unapproved
+contract.approval_status.revoked=Revoked
+contract.approval_status.pending=Pending
+contract.approval_status.none=-
+contract.archived_status.archived=Archived
+contract.archived_status.un_archived=Un Archived
+contract.stage.pending_signing=Pending Signing
+contract.stage.signed=Signed
+contract.stage.change=Change
+contract.stage.in_progress=In Progress
+contract.stage.completed_performance=Completed Performance
+contract.stage.void=Void
+contract.stage.archived=Archived
+log.contractStage=Contract Stage
+contract.amount.exceed.max=Contract amount cannot exceed max limit
+contract.name.required=Contract name cannot be empty
+contract.customer.required=Account cannot be empty
+owner.required=Owner cannot be empty
+sum=SUM
+data.permission=Data has changed, please refresh!
+invoice=Invoice
+invoice.form.config.required=Invoice form configuration cannot be empty
+invoice.field.required=Invoice field cannot be empty
+invoice.amount.exceed=The total amount of the invoice exceeds the contract amount!
+permission.contract.invoice.name=Invoice record
+resource.not.exist=Resource not exist
+business_title.not.exist=Business title not exist
+business_title.exist=Business title exist
+business_title_import_tpl.name=Business_title_import_template
+# contract payment record
+record.not.exist=Payment record does not exist
+record.amount.illegal=Payment amount must be greater than 0
+payment.record.import_tpl.name=Payment_record_import_template
+custom_form_data.import_tpl.name={0}_Import_Template
+log.identificationNumber=Identification Number
+log.openingBank=Opening Bank
+log.bankAccount=Bank Account
+log.registrationAddress=Registration Address
+log.phoneNumber=Phone Number
+log.registeredCapital=Registered Capital
+log.companySize=Company Size
+log.registrationNumber=Registration Number
+log.companyName=Company Name
+log.city=City
+log.province=Province
+log.remark=Remark
+log.scale=Scale
+log.industry=Industry
+log.global.search=Global search
+THIRD_PARTY=Third party
+CUSTOM=Custom
+log.pool.members=Members
+log.pool.owner=Administrator
+log.pool.auto=Automatic recycling
+approval.not.enabled=The approval feature is not enabled
+log.formType=Form type
+log.createExecute=Execute on create
+log.updateExecute=Execute on update
+log.duplicateApproverRule=Duplicate approver rule
+log.submitterCanRevoke=Allow submitter to revoke
+log.allowBatchProcess=Allow batch process
+log.allowWithdraw=Allow withdraw
+log.allowAddSign=Allow add sign
+log.requireComment=Require comment
+log.statusPermissions=Approval permission
+approval_flow.log.description=Description
+approval_flow.form_type.quotation=Quotation
+approval_flow.form_type.contract=Contract
+approval_flow.form_type.invoice=Invoice
+approval_flow.form_type.order=Order
+approval_flow.enable.true=Enable
+approval_flow.enable.false=Disable
+approval_flow.duplicate_approver_rule.first_only=First only
+approval_flow.duplicate_approver_rule.sequential_all=Sequential all
+approval_flow.duplicate_approver_rule.each=Each
+log.nodeName=Node name
+log.nodeType=Node type
+log.approvalType=Approval type
+log.approverType=Approver type
+log.approverList=Approver
+log.multiApproverMode=Multi approver mode
+log.emptyApproverAction=Action when approver is empty
+log.fallbackApprover=Approver when empty
+log.sameSubmitterAction=Action when approver is submitter
+log.ccType=CC type
+log.ccList=CC list
+log.passPostConfig=Pass post config
+log.rejectPostConfig=Reject post config
+log.fieldPermissions=Field permissions
+log.conditionConfig=Condition config
+approval_flow.approval_type.manual=Manual
+approval_flow.approval_type.auto_pass=Auto pass
+approval_flow.approval_type.auto_reject=Auto reject
+approval_flow.approver_type.member=Specified member
+approval_flow.approver_type.role=Role
+approval_flow.approver_type.superior=Direct supervisor
+approval_flow.approver_type.multiple_superior=Continuous supervisor
+approval_flow.approver_type.dept_head=Department leader
+approval_flow.approver_type.multiple_dept_head=Continuous department leader
+approval_flow.multi_approver_mode.all=All approve
+approval_flow.multi_approver_mode.any=Any approve
+approval_flow.multi_approver_mode.sequential=Sequential
+approval_flow.empty_approver_action.auto_pass=Auto pass
+approval_flow.empty_approver_action.assign_specific=Assign specific
+approval_flow.empty_approver_action.assign_admin=Assign admin
+approval_flow.same_submitter_action.allow=Allow
+approval_flow.same_submitter_action.skip=Skip
+approval_flow.same_submitter_action.assign_superior=Assign superior
+approval_flow.node_type.start=Start
+approval_flow.node_type.end=End
+approval_flow.node_type.approver=Approver
+approval_flow.node_type.condition=Condition
+approval_flow.node_type.default=Default
+approval_flow.node_type.exception=Exception
+approval_flow.level.supervisor.1=First-level supervisor
+approval_flow.level.supervisor.2=Second-level supervisor
+approval_flow.level.supervisor.3=Third-level supervisor
+approval_flow.level.supervisor.4=Fourth-level supervisor
+approval_flow.level.supervisor.5=Fifth-level supervisor
+approval_flow.level.supervisor.6=Sixth-level supervisor
+approval_flow.level.supervisor.7=Seventh-level supervisor
+approval_flow.level.supervisor.8=Eighth-level supervisor
+approval_flow.level.supervisor.9=Ninth-level supervisor
+approval_flow.level.supervisor.10=Tenth-level supervisor
+approval_flow.level.department.1=First-level department leader
+approval_flow.level.department.2=Second-level department leader
+approval_flow.level.department.3=Third-level department leader
+approval_flow.level.department.4=Fourth-level department leader
+approval_flow.level.department.5=Fifth-level department leader
+approval_flow.level.department.6=Sixth-level department leader
+approval_flow.level.department.7=Seventh-level department leader
+approval_flow.level.department.8=Eighth-level department leader
+approval_flow.level.department.9=Ninth-level department leader
+approval_flow.level.department.10=Tenth-level department leader
+order=Order
+order.stage=Order status
+order.stage.create=Create
+order.stage.pending_shipment=Pending shipment
+order.stage.partially_shipped=Partially shipped
+order.stage.shipped=Shipped
+order.stage.pending_acceptance=Pending acceptance
+order.stage.completed=Completed
+order.stage.voided=Voided
+order.number.length.exceed=Please reconfigure the generation rule if the line number is longer than 50 characters!
+ip_address.not_allowed=The IP address cannot be an intranet or reserved address!
+user_export_task_prepared_limit=Data is being prepared for export, please try again later!
+approval_flow.not.exist=Approval flow not yet started!
+approval_flow.type.already.exists=Approval flow for this form type already exists!
+approval_flow.field_permission.hidden=Hidden
+approval_flow.field_permission.view=View
+approval_flow.field_permission.edit=Edit
+sign=sign
+back=back
+approve=approve
+reject=reject
+revoke=revoke
+no.back.approval=Cannot back
+no.revoke.approval=Cannot revoke
+no.approval.next.node=No subsequent node found, check the approval flow configuration
+auto.approval.passed=Auto passed
+auto.approval.rejected=Auto rejected
+no.approval.instance=No approval instance!
+batch.update.reason=No permission or violation of field constraints!
+# custom form
+custom.form.not.exist=Custom form does not exist
+custom.form.data.not.exist=Custom form data does not exist
+custom.form.role.not.exist=Custom form role does not exist
+custom.form.role.manage_all=Manage all data
+custom.form.role.view_all=View all data
+custom.form.role.manage_own=Manage own data
+permission.custom_form.name=Custom Form
+custom.form.name.duplicate=Custom form name already exists
+log.adminUserIds=Admin
+log.roleUsers=Role Members
+
+
+webhook.enable=Invoke Webhook
+webhook.describe=Description
+webhook.url=External system Webhook URL
+webhook.method=Request method
+webhook.header=Request header JSON
+webhook.body=Request body JSON
+# form prop layout
+formProp.layout.1=Single Column
+formProp.layout.2=Double Column
+formProp.layout.3=Triple Column
+formProp.layout.4=Quad Column
+# form prop labelPos
+formProp.labelPos.top=Top
+formProp.labelPos.left=Left
+# form prop inputWidth
+formProp.inputWidth.custom=Custom
+formProp.inputWidth.full=Full Width
+# form prop optBtnPos
+formProp.optBtnPos.flex-row=Left
+formProp.optBtnPos.justify-center=Center
+formProp.optBtnPos.flex-row-reverse=Right
+advanced_circulation_setting=Advanced circulation setting
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/i18n/cordys-crm_zh_CN.properties b/backend/crm/src/main/resources/i18n/cordys-crm_zh_CN.properties
new file mode 100644
index 0000000..db752b4
--- /dev/null
+++ b/backend/crm/src/main/resources/i18n/cordys-crm_zh_CN.properties
@@ -0,0 +1,984 @@
+# cordys cn
+message_task.event.length_range=通知事件类型长度必须在1-255之间
+message_task.event.not_blank=通知事件类型不能为空
+message_task.receivers.length_range=接收人id集合长度必须在1-1000之间
+message_task.receivers.not_blank=接收人id集合不能为空
+message_task.task_type.length_range=任务类型长度必须在1-64之间
+message_task.task_type.not_blank==任务类型不能为空
+message_task.enable.not_blank=启用值不能为空
+message_task.use_default_template.not_blank=是否使用默认模版标识不能为空
+message_task.use_default_subject.not_blank=是否使用默认标题标识不能为空
+message_task_blob.id.not_blank=消息通知任务id不能为空
+message_task_blob.id.length_range=消息通知任务id长度必须在1-32之间
+announcement.subject.length_range=公告标题长度必须在1-255之间
+announcement.subject.not_blank=公告标题不能为空
+announcement.content.not_blank=公告内容不能为空
+announcement.start_time.not_blank=开始时间不能为空
+announcement.end_time.not_blank=结束时间不能为空
+announcement.organization_id.length_range=接收人长度必须在1-50之间
+announcement.organization_id.not_blank=接收人不能为空
+notification.type.length_range=通知类型长度必须在1-255之间
+notification.type.not_blank=通知类型不能为空
+notification.receiver.length_range=接收人长度必须在1-50之间
+notification.receiver.not_blank=接收人不能为空
+notification.subject.length_range=标题长度必须在1-255之间
+notification.subject.not_blank=标题不能为空
+notification.status.length_range=状态长度必须在1-64之间
+notification.status.not_blank=状态不能为空
+notification.operator.length_range=操作人长度必须在1-50之间
+notification.operator.not_blank=操作人不能为空
+notification.operation.length_range=操作长度必须在1-50之间
+notification.operation.not_blank=操作不能为空
+notification.resource_type.length_range=资源类型长度必须在1-64之间
+notification.resource_type.not_blank=资源类型不能为空
+notification.resource_name.length_range=资源名称长度必须在1-255之间
+notification.resource_name.not_blank=资源名称不能为空
+notification.content.not_blank=通知内容不能为空
+startTime_must_be_less_than_endTime=开始日期必须小于结束日期
+data_parsing_exception=数据解析异常
+organization_id_not_exist=当前用户暂无组织信息
+department.name.length_range=名称长度必须在1-255之间
+department.name.not_blank=名称不能为空
+department.parent.id.not_blank=父部门 id 不能为空
+department.id.not_blank=部门id不能为空
+department.blank=部门不存在
+department.commander.id.not_blank=部门负责人 id 不能为空
+email.exist=邮箱已存在
+phone.exist=手机号已存在
+email.format_error=邮箱格式错误
+code_not_exist=授权码为空
+phone.repeat=手机号重复
+email.repeat=邮箱重复
+#personal
+email_setting_subject=重设 Cordys 账号密码
+email_setting_content=您正在 重设Cordys密码，验证码：<br/> <p><b>${code}</b></p> <p>验证码<b> 10 分钟</b>内有效，请勿泄漏；</p>  <p>Cordys团队。</p>
+email_setting_reset_error=请勿频繁请求验证码
+email_setting_send_error=邮件发送失败
+email_setting_verify_success=验证成功
+email_setting_verify_error=验证码错误或已过期
+#org_setting
+ui.setting=界面设置
+announcement.blank=公告不存在
+email.update.error.id.wrong=邮件更新失败，更新主键错误
+email.setting=邮件设置
+email.config.not.exist.text=请先配置邮件设置
+email.config.is.null=邮件配置为空
+email.connection.failed=连接失败
+sync.organization.update.error.id.wrong=同步组织更新失败，更新主键错误
+sync.organization.type.exist=当前组织已有该类型配置
+third.setting=三方设置
+third.test.open.error=开启校验失败，请确认配置内容
+sync.organization.http.error=HttpClient 查询失败
+sync.organization.test.error=连接测试失败
+third.config.not.exist=当前类型应用未配置
+third.config.un.enable=应用被禁用
+auth.source.blank=认证信息不存在
+auth.source.name.exists=认证名称重复
+auth.source.configuration.blank=认证配置为空
+auth.source.type.exists=认证类型重复
+auth.id.not_blank=认证ID不能为空
+auth.name.not_blank=认证名称不能为空
+auth.setting.no.exists=未配置认证信息
+auth.get.user.error=获取用户信息失败
+auth.login.un_enable=用户被禁用
+oauth.mapping.config.error=OAuth2属性映射配置错误
+oauth.mapping.value.null=OAuth2用户属性映射字段为空值
+auth.token.error=获取access_token失败
+auth.get.token.error=调用接口获取access_token失败
+auth.get.token.res.error=获取access_token接口返回结果失败
+auth.get.user.res.error=获取访问用户身份接口返回结果失败
+# system module
+home=首页
+customer=客户
+customer_pool=公海
+clue=线索
+clue_pool=线索池
+business=商机
+opportunity=商机
+data=数据
+product=产品
+contact=联系人
+record=跟进记录
+plan=跟进计划
+dashboard=仪表板
+setting=系统
+agent=智能体
+tender=标讯
+task=待办
+customForm=自定义表单
+contractPaymentRecord=回款记录
+module.not_exist=模块不存在
+module.id.not_blank=模块ID不能为空
+module.id.length_range=模块ID长度必须在1-32之间
+module.switch=模块开关
+module.main.nav=主导航
+module.form.not_exist=模块表单不存在
+module.form.business_field.deleted=表单业务字段无法删除
+module.form.fields.repeat=表单字段重复
+module.form.fields.option.repeat={0}选项重复
+module.field.not_exist=字段不存在
+module.field.not_match_type=不匹配的字段类型
+module.form.illegal.unique.check=非法的表单重复校验
+module.form.illegal=非法的表单标识
+module.has.closed=模块已关闭
+module.clue.pool.setting=线索池设置
+module.customer.pool.setting=公海设置
+module.opportunity.rule.setting=商机关闭规则
+module.customer.capacity.setting=客户库容设置
+module.clue.capacity.setting=线索库容设置
+module.form.setting=表单设置
+module.reason.setting=原因设置
+module.opportunity_fail_rs=商机失败
+module.customer_pool_rs=移入公海
+module.clue_pool_rs=移入线索池
+module.quotation_approval=报价审批
+module.contract_approval=合同审批
+module.invoice_approval=发票审批
+module.resource_type.quotation=报价单
+module.resource_type.contract=合同
+module.resource_type.invoice=发票
+module.resource_type.order=订单
+approval.delete.resource=删除{0}-{1}
+approval.update.field=[{0}]更新为: {1}
+module.desensitization_set=脱敏设置
+log.sort=排序
+log.placeholder=输入提示文字
+log.clue.link=表单联动-线索
+log.customer.link=表单联动-客户
+log.opportunity.link=表单联动-商机
+log.contract.link=表单联动-合同
+log.plan.link=表单联动-跟进计划
+log.fields=字段属性(待定)
+log.form.prop=表单属性(待定)
+log.form.name=表单名称
+log.merge=合并
+clue_to_customer=线索转客户
+clue_to_contact=线索转联系人
+clue_to_opportunity=线索转商机
+customer_to_opportunity=新建商机
+clue_to_record=写记录
+customer_to_record=写记录
+opportunity_to_record=写记录
+plan_to_record=写记录
+contract_to_invoice=新建发票
+contract_to_order=新建订单
+# permission name
+permission.system.name=系统管理
+permission.system.role.name=角色权限
+permission.system.notice.name=消息设置
+permission.system.license=License
+permission.system.setting.name=企业设置
+permission.process_setting.name=流程设置
+permission.operation.log=系统日志
+permission.customer_management.name=客户管理
+permission.customer_management.customer.name=客户
+permission.customer_management.customer.recycle=移入公海
+permission.customer_management.pool.name=公海
+permission.clue_management.pool.name=线索池
+permission.customer_management.pool.pick=领取
+permission.customer_management.pool.assign=分配
+permission.system.organization.name=组织架构
+permission.system.module_setting.name=模块设置
+permission.customer.customer_contact.name=联系人
+permission.clue_management.name=线索管理
+permission.clue_management.clue.name=线索
+permission.clue_management.clue.recycle=移入线索池
+permission.clue_management.clue.resign=反签
+permission.opportunity_management.name=商机管理
+permission.opportunity_management.opportunity.name=商机
+permission.opportunity_management.opportunity_quotation.name=报价
+permission.opportunity_management.opportunity_quotation.download=下载
+permission.product_management.name=产品管理
+permission.product_management.product.name=产品
+permission.product_management.price.name=价格表
+permission.dashboard_management.name=仪表板
+permission.dashboard.name=仪表板
+permission.personal_info.name=个人信息
+permission.api_key.name=API Keys
+no.operation.permission=没有操作权限
+permission.contract_management.name=合同管理
+permission.contract_payment_plan.name=回款计划
+permission.contract_payment_record.name=回款记录
+permission.contract.name=合同
+permission.business_title.name=工商抬头
+permission.opportunity_quotation.name=报价
+# permission operate
+permission.read=查看
+permission.add=添加
+permission.update=编辑
+permission.edit=编辑
+permission.transfer=转移
+permission.delete=删除
+permission.import=导入
+permission.export=导出
+permission.download=下载
+permission.recover=恢复
+permission.pick=领取
+permission.assign=分配
+permission.merge=合并
+permission.archive=归档
+permission.voided=作废
+permission.review=审核
+permission.approval=审批
+permission.stage=合同阶段变更
+permission.payment=回款
+permission.order_management.name=订单管理
+permission.order.name=订单
+# validation
+enum_value_valid_message=枚举值不合法，必须为
+# organization
+organization.config.organization_id_not_null=组织ID不能为空
+organization.config.type_not_null=类型不能为空
+organization.config.detail_type_not_null=详情类型不能为空
+organization.config.content_not_null=内容不能为空
+organization.config.detail_id_not_null=详情ID不能为空
+# common
+organization_id.not_blank=组织ID不能为空!
+organization_id.length_range=组织ID长度必须在{min}-{max}之间!
+import.data.cannot_be_null=导入数据为空!
+# clue or clue pool
+clue_not_exist=线索不存在!
+clue_ids_not_empty=未勾选线索!
+clue_pool_not_exist=线索池不存在!
+clue_pool_access_fail=访问失败，非线索池管理员!
+clue_pool_related=线索池存在未分配的线索，禁止删除!
+scope_id.not_blank=范围ID不能为空!
+scope_id.length_range=范围ID长度必须在{min}-{max}之间!
+clue_capacity_not_exist=线索库容规则不存在!
+clue_owner_not_exist=线索负责人不存在!
+transform.miss.customer.permission=缺少客户新增权限!
+transform.miss.opportunity.permission=缺少商机新增权限!
+transform.customer.error=客户转换失败，请查看日志!
+transform.opportunity.error=商机转换失败，请查看日志!
+#message
+message.create_user=创建人
+message.follow_people=关注人
+message.operator=操作人
+message.owner=负责人
+message.handle_user=处理人 (第三方平台的处理人，不会接收到通知)
+message.customer=客户管理
+message.clue=线索管理
+message.business=商机管理
+message.contract=合同管理
+message.announcement=公告
+message.system=系统
+message.customer_add=新建客户
+message.customer_concat_add=新建联系人
+message.customer_collaboration_add=新建协作人
+message.customer_transferred_customer=被转移客户
+message.customer_automatic_move_high_seas=客户自动移入公海（到时间）
+message.customer_moved_high_seas=客户被动移入公海
+message.customer_deleted=客户被删除
+message.high_seas_customer_distributed=公海客户被分配
+message.customer_follow_up_plan_due=跟进计划到期
+message.clue_add=新建线索
+message.clue_automatic_move_pool=自动移入线索池
+message.clue_moved_pool=被动移入线索池
+message.clue_convert_customer=转为客户
+message.clue_convert_business=转为商机
+message.transfer_clue=转移线索
+message.clue_deleted=删除线索
+message.clue_distributed=分配线索
+message.clue_import=导入线索
+message.clue_follow_up_plan_due=跟进计划到期
+message.business_add=新建商机
+message.business_deleted=商机删除
+message.business_transfer=商机转移
+message.business_import=商机导入
+message.contract_add=新建合同
+message.contract_delete=删除合同
+message.contract_archived=合同归档
+message.contract_void=合同作废
+message.contract_expired=合同到期
+message.contract_expiring=合同即将到期
+message.contract_payment_expired=回款计划到期
+message.contract_payment_expiring=回款计划即将到期
+message.contract_approval=合同审批
+message.invoice_approval=发票审批
+message.order=订单管理
+message.order_approval=订单审批
+message.business_follow_up_plan_due=跟进计划到期
+message.sync_organization_structure=同步组织架构
+message.business_quotation_approval=报价审批
+message.business_quotation_deleted=报价删除
+message.business_quotation_expired=报价到期
+message.business_quotation_expiring=报价即将到期
+message.customer_add_text=请注意！${OPERATOR}新建${name}客户给您，请知悉！
+message.customer_concat_add_text=请注意！${OPERATOR}新建${name}联系人给您，请知悉！
+message.customer_collaboration_add_text=请注意！${name}成为该客户的协作人，请知悉！
+message.customer_transferred_customer_text=请注意！${OPERATOR}将${name}客户转移给您，请知悉！
+message.customer_automatic_move_high_seas_text=请注意！根据系统规则，您负责的${name}客户已被移入公海，请知悉！
+message.customer_moved_high_seas_text=请注意！${OPERATOR}已将您负责的${name}移入公海，请知悉！
+message.customer_deleted_text=请注意！您负责的${name}已被${OPERATOR}删除！
+message.high_seas_customer_distributed_text=请注意！${name}已由公海分配给您，请及时跟进处理！
+message.customer_follow_up_plan_due_text=请注意！您创建的${name}跟进计划，已到预定时间，请及时跟进！
+message.clue_add_text=请注意！${OPERATOR}新建${name}线索给您，请知悉！
+message.clue_automatic_move_pool_text=请注意！根据系统规则，您负责的${name}的销售线索，已被移入线索池！
+message.clue_moved_pool_text=请注意！${OPERATOR}已将您负责的${name}线索移入线索池，请知悉！
+message.clue_convert_customer_text=请注意！您负责的 ${name} 线索，已成功转为客户！请知悉！
+message.clue_convert_business_text=请注意！您负责的 ${name} 线索，已成功转为商机！请知悉！
+message.customer.collaboration.add.text=请注意！${operator} 将 ${uName} 添加为您负责客户 ${name} 的协作人！请知悉！
+message.customer.contact.add.text=请注意！${operator} 新建 ${cName} 联系人给您，请知悉！
+message.clue_relate_customer=${name} 线索关联了客户 ${customerName}！
+message.transfer_clue_text=请注意！${OPERATOR}将${name}线索转移给您，请知悉！
+message.clue_deleted_text=请注意！您负责的${name}线索，已被${OPERATOR}删除！
+message.clue_distributed_text=请注意！${name}已由线索池分配给您，请及时跟进处理！
+message.clue_import_text=请注意！${OPERATOR}已成功导入${count}条线索，请及时领取！
+message.clue_follow_up_plan_due_text=请注意！您创建的${name}线索跟进计划，已到预定时间，请及时跟进！
+message.business_add_text=请注意！${OPERATOR}新建${name}商机给您，请知悉！
+message.business_deleted_text=请注意！您负责的${name}商机，已被${OPERATOR}删除！
+message.business_transfer_text=请注意！${OPERATOR}将${name}商机转移给您，请知悉！
+message.business_import_text=请注意！${OPERATOR}已成功导入${count}条线索，请及时领取！
+message.business_follow_up_plan_due_text=请注意！您创建的${name}商机跟进计划，已到预定时间，请及时跟进！
+message.business_quotation_approval_text=${OPERATOR}审批了${name}报价，审批结果为${state}
+message.business_quotation_deleted_text=${OPERATOR}删除了${name}报价
+message.business_quotation_expiring_text=您负责的${customerName}报价还有${expireDays}天到期
+message.business_quotation_expired_text=您负责的${customerName}的报价已经到期
+message.contract_archived_text=您负责的${customerName}合同已被归档
+message.contract_void_text=您负责的${customerName}合同已被作废
+message.contract_expiring_text=您负责的${customerName}合同还有${expireDays}天到期
+message.contract_expired_text=您负责的${customerName}合同已经到期
+message.contract_payment_expiring_text=您负责的${customerName}合同的回款计划还有${expireDays}天到期
+message.contract_payment_expired_text=您负责的${customerName}合同的回款计划已经到期
+approval_reject={0} 提交了 {1} {2}，审批已驳回。
+message.sync_organization_structure_text=同步组织架构完成
+message.contract_approval_text=${OPERATOR}审批了${name}合同，审批结果为${state}
+message.order_approval_text=${OPERATOR}审批了${name}订单，审批结果为${state}
+message.invoice_approval_text=${OPERATOR}审批了${name}发票，审批结果为${state}
+message.approval_todo_text=${OPERATOR}提交了${type}: ${name}，请您审批!
+message_task.organization_id.not_blank=组织ID不能为空
+message_task.module.not_blank=模块不能为空
+message_task.receivers.not_empty=接收人不能为空
+notice.default.subject=系统通知
+notice.event.subject=通知
+#time
+time.second=秒
+time.minute=分
+time.hour=时
+time.day=天
+time.week=周
+time.month=月
+time.year=年
+#product
+product.exist=产品已存在
+product.shelves=上架
+product.unShelves=下架
+product.name=产品名称
+product.price=产品价格
+product.status=产品状态
+product.id.empty=产品ID不能为空
+product.price.min=价格必须大于0
+product.price.max=价格必须小于10000000000
+product.length=产品个数不能超过20个
+#produce price
+product.price.not.exist=价格表不存在
+product.price.import_tpl.name=价格表导入模板
+product.price.in.use.cannot.delete=价格表已被报价单关联，无法删除！
+product.price.name.required=价格表不能为空
+product.price.status.required=状态不能为空
+product.price.id.required=价格表ID不能为空
+# role
+role.org_admin=管理员
+role.sales_manager=销售经理
+role.sales_staff=销售专员
+role.exist=角色已存在
+role.not_exist=角色不存在
+internal.role.permission.error=无法操作该内置角色
+permission.role.add_user=添加用户
+permission.role.remove_user=移除用户
+role.add_user=角色 {0} 添加用户 {1}
+role.remove_user=角色 {0} 移除用户 {1}
+role.log.dept.name=指定部门数据
+role.log.permission.name=权限配置
+role.data_permission.all=全部数据
+role.data_permission.dept_custom=指定部门数据
+role.data_permission.dept_and_child=本部门数据
+role.data_permission.self=仅本人数据
+# customer or customer pool
+customer_pool_not_exist=公海池不存在!
+customer_pool_access_fail=访问失败，非公海池管理员!
+customer_pool_related=公海池存在未分配的线索，禁止删除!
+customer_capacity_not_exist=客户库容规则不存在!
+customer_rule_condition_error=解析失败，回收规则格式有误!
+customer.relation.target_customer.exist=客户 {0} 已有归属集团!
+no.customer.merge.data=没有可合并的客户数据!
+password_is_incorrect=用户名或密码不正确
+department_comment=XX公司/XX事业部/研发部
+employee_type_comment=员工类型：正式/实习/外包
+user_import_template_name=用户导入模板
+user_import_template_sheet=模版
+required=必填
+file_cannot_be_null=文件不能为空
+check_import_excel_error=校验失败，请检查文件是否正确
+user_import_table_header_missing=表头信息缺失
+name_length=姓名长度不能超过255个字符
+phone_length=电话长度不能超过20个字符
+email_format_error=邮箱格式错误
+top_department_not_exist=一级部门未录入
+cannot_be_null=不能为空
+number=第
+row=行
+error=出错
+department_create_fail=创建部门失败
+man=男
+woman=女
+department_name_exist=部门名称已存在
+invalid_parameter=非法的参数
+drag_node.not.exist=拖拽节点不存在
+formal=正式
+internship=实习
+outsourcing=外包
+user_resource_exist=该员工存在未转移的客户资源，无法删除
+permission.organization.sync=同步
+permission.organization.user.reset_password=重置密码
+department.internal=内置部门不允许删除
+department.employees.exist=部门下存在员工，无法删除
+import_phone_validate=手机号不合法
+employee_length=工号长度不能超过255个字符
+position_length=职位长度不能超过255个字符
+products_info=产品信息
+# customer
+customer.exist=客户已存在
+customer.not.exist=客户不存在
+customer.capacity.over=负责人库容不足，剩余{0}，请联系管理员!
+capacity.scope.duplicate=规则中存在重复的用户!
+capacity.not.exist=库容规则不存在!
+customer.daily.pick.over=超出每日领取上限!
+customer.pre_owner.pick.limit=前归属人领取天数限制，{0}后领取!
+customer.to.pool=客户 {0} 移入公海 {1}
+customer.ref_resource.exist=存在关联的商机或联系人，无法删除！
+customer.pool.occupied={0} 已被其他用户占用, 请刷新页面重新操作!
+customer.import_tpl.name=客户导入模板
+# clue
+clue.exist=线索已存在
+clue.not.exist=线索不存在
+clue.pool.occupied={0} 已被其他用户占用, 请刷新页面重新操作!
+clue.to.pool=线索 {0} 移入线索池 {1}
+clue.stage=线索阶段
+clue.import_tpl.name=线索导入模板
+# pool
+pool.data.release.date={0} 后领取
+# customerContact
+customer_contact.exist=客户联系人已存在
+contact.import_tpl.name=联系人导入模板
+# opportunity
+opportunity.rule.not.exist=商机关闭规则不存在
+opportunity.access_fail=访问失败，非商机规则管理员!
+opportunity.add=创建
+opportunity.update=更新
+opportunity.import_tpl.name=商机导入模板
+opportunity.quotation.status.voided=作废
+opportunity.quotation.status.approved=通过
+opportunity.quotation.status.unapproved=不通过
+opportunity.quotation.already.associated=当前报价已被合同关联，禁止删除！
+opportunity.quotation.no.voided=当前报价已被合同关联，禁止作废！
+opportunity.quotation.batch.no.voided=报价已被合同关联，禁止作废！或 无操作权限！
+opportunity.quotation.not.exist=报价不存在！
+opportunity.quotation.amount.exceed.max=报价金额超出最大限制！
+opportunity.required=商机不能为空
+opportunity.quotation.name.required=报价名称不能为空
+opportunity.quotation.product.required=报价产品信息不能为空
+opportunity.quotation.approval.status.required=审批状态不能为空
+opportunity.quotation.id.required=报价ID不能为空
+opportunity.quotation.product.amount.invalid=报价产品金额不能为空
+opportunity.quotation.product.invalid=报价产品选择不能为空
+# import
+sheet.instruction=\n 说明：\n 1、表头字体红色表示 "必填"，加粗表示 "唯一"，下划线表示支持 "多值"。\n 2、多值采用以下格式：[标签1，标签2]，其余格式请参考表头注释。\n 3、导入时会过滤格式错误或非法字符。\n
+field_validate_error={0}字段参数值不合法，请检查必填项和字段类型!
+field_option_value_error={0} 选项值错误或已被移除，请重新选择!
+record_not_found=跟进记录不存在
+user_has_been_disabled=用户已被禁用
+user_not_exist=用户不存在
+update_follow_up_record=更新跟进记录
+delete_follow_up_record=删除跟进记录
+update_follow_up_plan=更新跟进计划
+delete_follow_up_plan=删除跟进计划
+cancel_follow_up_plan=取消跟进计划
+plan_not_found=跟进计划不存在
+opportunity_exist=该客户已经存在[%s]商机，当前无法%s!
+update_opportunity=更新商机
+opportunity_not_found=商机不存在
+opportunity.quotation.field.required=报价字段不能为空
+opportunity.quotation.form.config.required=报价表单配置不能为空
+follow_record=跟进记录
+http_result_success=操作成功
+http_result_unknown_exception=系统未知异常
+http_result_validate=参数校验失败
+http_result_unauthorized=用户认证失败
+http_result_forbidden=权限认证失败
+http_result_not_found=资源不存在
+user_phone_not_exist=用户手机号不存在
+illegal_operation=该操作不符合公司架构规则，子部门必须隶属于公司层级之下，请重新调整。
+# 日志
+log.name=名称
+log.updateTime=更新时间
+log.owner=负责人
+log.internal=系统内置
+log.dataScope=数据范围
+log.description=描述
+log.syncOrganization=同步组织架构
+log.enable.true=启用
+log.enable.false=禁用
+log.contact=联系人
+log.clueId=公司名称
+#opportunity log
+log.amount=金额
+log.possible=可能性
+log.products=产品
+log.contactId=联系人
+log.stage=商机阶段
+log.orderStage=订单状态
+log.rate=赢率
+log.opportunity.status=状态
+log.opportunity.status.true=开启
+log.opportunity.status.false=关闭
+log.approvalStatus=审批状态
+log.approvalStatus.VOIDED=作废
+log.approvalStatus.NONE=无
+log.approvalStatus.APPROVED=通过
+log.approvalStatus.UNAPPROVED=不通过
+log.approvalStatus.APPROVING=审批中
+log.approvalStatus.PENDING=待提审
+log.approvalStatus.REVOKED=撤销
+log.approvalStatus.AUTO_APPROVED=自动通过
+log.approvalStatus.AUTO_UNAPPROVED=自动驳回
+log.customerId=客户名称
+log.collectionTime=领取时间
+log.expectedEndTime=结束时间
+log.actualEndTime=实际结束时间
+log.failureReason=失败原因
+log.deBoardEnable=仪表板开关
+log.weComEnable=企业微信开关
+log.deAccount=账号
+log.deModuleEmbedding=嵌入模块
+log.deLinkIntegration=外链集成
+log.deAutoSync=自动同步
+log.deAccessKey=AccessKey
+log.deSecretKey=SecretKey
+log.deOrgID=DE组织id
+log.qccEnable=企查查开关
+log.qccAddress=企查查地址
+log.qccAccessKey=AccessKey
+log.qccSecretKey=SecretKey
+COMPETITOR_CHOSEN=客户选择竞品
+PROJECT_FAILED=立项失败
+COMPLEX_DECISION_CHAIN=决策链复杂
+BUDGET_LIMITATION=预算限制
+REQUIREMENT_CHANGE=需求变化
+CREATE=新建
+CLEAR_REQUIREMENTS=需求明确
+SCHEME_VALIDATION=方案验证
+PROJECT_PROPOSAL_REPORT=项目汇报
+BUSINESS_PROCUREMENT=商务采购
+SUCCESS=成功
+FAIL=失败
+# user
+log.userName=姓名
+log.enable=状态
+log.gender=性别
+log.phone=手机号
+log.email=邮箱
+log.departmentId=部门
+log.supervisorId=直属上级
+log.onboardingDate=入职日期
+log.employeeId=工号
+log.roles=角色
+log.position=职位
+log.employeeType=员工类型
+log.workCity=工作城市
+log.commander=负责人
+log.userPassword=密码
+null=-
+#module log
+log.module.switch=模块开关
+log.module.form.operate.btn=表单操作按钮
+#Announcement
+log.subject=公告标题
+log.content=公告内容
+log.startTime=开始时间
+log.endTime=结束时间
+log.url=链接
+log.renameUrl=重命名链接
+log.receiver=接收者
+#message
+log.event=通知事件类型
+log.emailEnable=邮件发送开关
+log.sysEnable=系统开关
+log.ownerEnable=负责人选项
+log.ownerLevel=部门负责人层级
+log.roleEnable=角色选项
+log.userIdNames=通知人员名称
+log.roleIdNames=角色
+log.times=时间配置
+#system log
+#email
+log.host=SMTP 主机
+log.port=SMTP 端口
+log.account=SMTP账号
+log.password=SMTP密码
+log.ssl=SSL开关
+log.tsl=TSL开关
+log.from=指定发件人
+log.recipient=指定收件人
+#third
+log.type=应用类型
+log.corpId=企业 ID
+log.agentId=应用 ID
+log.appKey=应用 key
+log.appSecret=应用密钥
+log.syncEnable=同步开关
+log.qrcodeEnable=扫码登录开关
+log.sqlBotAppSecret=嵌入脚本
+log.sqlBotBoardEnable=仪表板开关
+log.sqlBotChatEnable=问数开关
+log.startEnable=同步用户
+log.oauth2Enable=OAuth2 开关
+log.appId=内部应用 ID
+log.verify=验证通过开关
+log.redirectUrl=回调地址
+log.configuration=认证源配置
+log.deAppId=APP ID
+log.deAppSecret=APP Secret
+log.deUrl=DataEase 地址
+log.thirdType=应用类型
+log.dingTalkEnable=钉钉通知
+log.larkEnable=飞书通知
+log.websiteLogo=网站 Logo
+log.loginLogo=登录 Logo
+log.loginBackground=登录背景图
+log.slogan=标语
+log.websiteName=网站名称
+log.logo=Logo
+log.systemName=系统名称
+log.helpDocs=帮助文档
+log.style=主题色
+log.theme=背景色
+ui.setting.default=默认
+ui.setting.follow=跟随主题色
+#product
+log.price=产品价格
+log.status=产品状态
+product.import_tpl.name=产品导入模板
+#common
+common.picture.changed=图片变更
+common.attachment.changed=附件变更
+common.field_value.repeat={0} 字段存在重复值！
+common.option.not_exist=选项不存在！
+log.follow_record_content=跟进内容
+log.estimated_time=预计开始时间
+log.followMethod=跟进方式
+log.followTime=跟进时间
+log.opportunityId=商机
+log.estimatedTime=预计开始时间
+log.method=跟进方式
+log.converted=转为记录
+#ExportTask
+task_already_stopped=取消失败，任务已完成导出
+task_not_found=取消失败，任务已过期或不存在
+user_export_task_limit=当前有10个任务正在导出，为确保文件导出质量，建议您5分钟后再试！
+export_head_list_is_empty=表头信息不能为空
+export_select_ids_is_empty=勾选的数据 id 集合不能为空
+#license
+license_valid_license_error=授权认证失败
+license_valid_license_expired=授权已过期
+dashboard_module_name_exist=文件夹名称已存在
+dashboard_module_blank=文件夹不存在
+dashboard_module_default_delete=顶级文件夹不允许删除！
+dashboard_module_cannot_delete=文件夹内包含仪表板时不可删除，需手动清空仪表板
+dashboard_name_exist=仪表板名称已存在
+dashboard_blank=仪表板不存在
+top_dashboard_module_not_support_add=顶级文件夹不支持添加仪表板
+log.dashboardModuleName=文件夹
+log.members=可查看成员
+log.resourceId=仪表板 ID
+dashboard_collect_exist=仪表板已收藏，请刷新页面！
+view_blank=视图不存在，或已被刪除！
+#dict
+dict.not_exist=字典不存在
+system.auto.recycle=系统自动回收
+system.auto.closed=系统自动关闭
+# import
+sheet.data=数据
+sheet.comment=填写须知
+format.preview=格式预览
+keep.decimal.places=整数限10位，小数限4位
+phone.tips=支持"(区号)+手机号"，"中国大陆+86，中国香港+852，中国澳门+853，中国台湾+886"
+option=支持选项
+location.c=国家
+location.p=省
+location.pc=省-市
+location.pcd=省-市-区
+location.pcd.detail=省-市-区-详细地址
+industry.tips=门类-大类 (参考《国民经济行业分类》)
+row.error.tip=第{0}行错误：
+cell.not.unique=不唯一
+import.error=导入异常，第{0}行解析失败：
+illegal_header=表头信息有误，{0}缺失
+over.length=长度超过{0}
+phone.wrong.format=格式不对
+password_reset_error=初始密码错误，修改密码失败！
+file_name_illegal=文件名不合法：不允许包含字符 /
+search.config.empty=匹配字段不能为空，至少有一个匹配字段
+search.config.limit=单个模块最多允许配置5个匹配字段
+expire_time_not_null=过期时间不能为空！
+user_apikey_limit=最多能有5个 Api Key
+api_key_not_exist=ApiKey不存在
+agent_name_exist=智能体名称已存在
+agent_module_blank=文件夹不存在
+agent_blank=智能体不存在
+agent_collect_exist=智能体已收藏，请刷新页面！
+agent_module_cannot_delete=文件夹内包含智能体时不可删除，需手动清空智能体
+permission.agent_management.name=智能体
+permission.tender_management.name=标讯
+permission.agent.name=智能体
+permission.tender.name=标讯
+log.agentModuleName=文件夹
+log.script=脚本
+top.navigation=顶部导航
+form.view.size=表单视图
+small=小
+medium=中
+large=大
+search=搜索
+notify=消息通知
+about=关于
+language=语言
+help=帮助中心
+event=记录/计划
+opportunity_stage_config_list=商机阶段配置不能超过10个
+opportunity_stage_setting=商机阶段设置
+opportunity_stage_delete=当前商机阶段存在商机数据，禁止删除！
+opportunity_stage_not_exist=商机阶段不存在
+opportunity_stage_at_least_one=进行中商机阶段至少保留一个
+order_stage_config_list=订单状态流设置不能超过10个
+order_stage_setting=订单状态流设置
+order_stage_delete=当前订单状态存在数据，禁止删除！
+order_stage_not_exist=订单状态不存在
+order_not_exist=订单不存在
+contract_stage_config_list=合同状态流设置不能超过10个
+contract_stage_setting=合同阶段设置
+contract_stage_delete=当前合同状态存在数据，禁止删除！
+log.afootRollBack=进行中阶段回退
+log.endRollBack=完结阶段回退
+dashboard_url_not_allowed=仪表板地址拒绝访问
+log.mkAddress=MaxKB 地址
+log.apiKey=API Key
+log.mkEnable=状态
+price=价格表
+quotation=报价
+contract=合同
+contractPaymentPlan=回款计划
+#contract
+contract.not.exist=合同不存在
+contract.has.payment.record=合同已有回款记录，无法删除！
+contract.has.invoice.cannot.delete=合同已有关联发票，无法删除！
+contract.archived.cannot.edit=合同已归档，无法编辑!
+contract.void.cannot.edit=合同已作废，无法编辑!
+contract.archived.cannot.delete=合同已归档，无法删除!
+contract.archived.cannot.voided=合同已归档，无法作废!
+contract.unapproved.cannot.edit=合同未通过，无法更新合同阶段!
+contract.payment_plan.status.pending=未完成
+contract.payment_plan.status.partially_completed=部分完成
+contract.payment_plan.status.completed=已完成
+contract.form.config.required=合同表单配置不能为空
+contract.field.required=合同字段不能为空
+contract.approval_status.approved=已通过
+contract.approval_status.approving=审批中
+contract.approval_status.unapproved=已驳回
+contract.approval_status.revoked=已撤销
+contract.approval_status.pending=待提审
+contract.approval_status.none=-
+contract.archived_status.archived=已归档
+contract.archived_status.un_archived=未归档
+contract.stage.pending_signing=待签署
+contract.stage.signed=已签署
+contract.stage.change=合同变更
+contract.stage.in_progress=履行中
+contract.stage.completed_performance=履行完毕
+contract.stage.void=作废
+contract.stage.archived=归档
+log.planStatus=计划状态
+log.contractStage=合同阶段
+contract.amount.exceed.max=合同金额超出最大限制！
+contract.name.required=合同不能为空
+contract.customer.required=客户不能为空
+owner.required=负责人不能为空
+sum=汇总
+data.permission=数据有变更，请刷新！
+invoice=发票
+invoice.form.config.required=发票表单配置不能为空
+invoice.field.required=发票字段不能为空
+invoice.amount.exceed=发票总金额超过合同金额!
+permission.contract.invoice.name=发票记录
+resource.not.exist=资源不存在
+business_title.not.exist=工商抬头不存在
+business_title.exist=工商抬头已存在
+business_title_import_tpl.name=工商抬头导入模板
+# contract payment record
+record.amount.illegal=回款金额需大于0
+record.not.exist=回款记录不存在
+payment.record.import_tpl.name=回款记录导入模板
+custom_form_data.import_tpl.name={0}导入模板
+log.identificationNumber=纳税人识别号
+log.openingBank=开户银行
+log.bankAccount=银行账户
+log.registrationAddress=注册地址
+log.phoneNumber=注册电话
+log.registeredCapital=注册资本
+log.companySize=公司规模
+log.registrationNumber=工商注册账号
+log.city=市
+log.province=省
+log.remark=备注
+log.scale=企业规模
+log.industry=国标行业
+log.companyName=公司名称
+log.global.search=高级搜索开关
+THIRD_PARTY=第三方
+CUSTOM=自定义
+log.pool.members=成员
+log.pool.owner=管理员
+log.pool.auto=自动回收
+approval.not.enabled=审批功能未启用
+log.formType=表单类型
+log.createExecute=执行时机-新建
+log.updateExecute=执行时机-编辑
+log.duplicateApproverRule=重复审批人规则
+log.submitterCanRevoke=允许提交人撤销
+log.allowBatchProcess=允许批量处理
+log.allowWithdraw=允许撤回
+log.allowAddSign=允许加签
+log.requireComment=必须填写审批意见
+log.statusPermissions=审批权限
+approval_flow.log.description=流程描述
+approval_flow.form_type.quotation=报价
+approval_flow.form_type.contract=合同
+approval_flow.form_type.invoice=发票
+approval_flow.form_type.order=订单
+approval_flow.enable.true=启用
+approval_flow.enable.false=禁用
+approval_flow.duplicate_approver_rule.first_only=仅首个节点需审批
+approval_flow.duplicate_approver_rule.sequential_all=仅连续审批时自动同意
+approval_flow.duplicate_approver_rule.each=每个节点都需要审批
+log.nodeName=节点名称
+log.nodeType=节点类型
+log.approvalType=审批类型
+log.approverType=审批人类型
+log.approverList=审批人
+log.multiApproverMode=多人审批方式
+log.emptyApproverAction=审批人为空时动作
+log.fallbackApprover=审批人为空时审批人
+log.sameSubmitterAction=审批人与提交人相同时动作
+log.ccType=抄送人类型
+log.ccList=抄送人
+log.passPostConfig=审批通过后配置
+log.rejectPostConfig=审批驳回后配置
+log.fieldPermissions=字段权限配置
+log.conditionConfig=条件配置
+approval_flow.approval_type.manual=人工审批
+approval_flow.approval_type.auto_pass=自动通过
+approval_flow.approval_type.auto_reject=自动驳回
+approval_flow.approver_type.member=指定成员
+approval_flow.approver_type.role=指定角色
+approval_flow.approver_type.superior=直属上级
+approval_flow.approver_type.multiple_superior=连续多级上级
+approval_flow.approver_type.dept_head=部门负责人
+approval_flow.approver_type.multiple_dept_head=连续多级部门负责人
+approval_flow.multi_approver_mode.all=会签（需所有审批人同意）
+approval_flow.multi_approver_mode.any=或签（一人同意即可）
+approval_flow.multi_approver_mode.sequential=依次审批
+approval_flow.empty_approver_action.auto_pass=自动通过
+approval_flow.empty_approver_action.assign_specific=指定人员审批
+approval_flow.empty_approver_action.assign_admin=转交给审批管理员
+approval_flow.same_submitter_action.allow=由提交人审批
+approval_flow.same_submitter_action.skip=自动跳过
+approval_flow.same_submitter_action.assign_superior=转交给直属上级审批
+approval_flow.node_type.start=开始节点
+approval_flow.node_type.end=结束节点
+approval_flow.node_type.approver=审批节点
+approval_flow.node_type.condition=条件节点
+approval_flow.node_type.default=默认节点
+approval_flow.node_type.exception=异常节点
+approval_flow.level.supervisor.1=第一级上级
+approval_flow.level.supervisor.2=第二级上级
+approval_flow.level.supervisor.3=第三级上级
+approval_flow.level.supervisor.4=第四级上级
+approval_flow.level.supervisor.5=第五级上级
+approval_flow.level.supervisor.6=第六级上级
+approval_flow.level.supervisor.7=第七级上级
+approval_flow.level.supervisor.8=第八级上级
+approval_flow.level.supervisor.9=第九级上级
+approval_flow.level.supervisor.10=第十级上级
+approval_flow.level.department.1=第一级部门
+approval_flow.level.department.2=第二级部门
+approval_flow.level.department.3=第三级部门
+approval_flow.level.department.4=第四级部门
+approval_flow.level.department.5=第五级部门
+approval_flow.level.department.6=第六级部门
+approval_flow.level.department.7=第七级部门
+approval_flow.level.department.8=第八级部门
+approval_flow.level.department.9=第九级部门
+approval_flow.level.department.10=第十级部门
+order=订单
+order.stage=订单状态
+order.stage.create=新建
+order.stage.pending_shipment=待发货
+order.stage.partially_shipped=部分发货
+order.stage.shipped=已发货
+order.stage.pending_acceptance=待验收
+order.stage.completed=已完成
+order.stage.voided=已作废
+number.length.exceed=业务流水号长度超出50个字符，请重新配置生成规则!
+ip_address.not_allowed=不允许使用内网或保留地址
+user_export_task_prepared_limit=当前正在准备导出数据，请稍后再试！
+approval_flow.not.exist=没有开启的审批流!
+approval_flow.type.already.exists=该表单类型的审批流已存在!
+approval_flow.field_permission.hidden=隐藏
+approval_flow.field_permission.view=查看
+approval_flow.field_permission.edit=编辑
+sign=加签
+back=退回
+approve=同意
+reject=驳回
+revoke=撤回
+no.back.approval=无法退回
+no.revoke.approval=无法撤销
+no.approval.next.node=未找到后续节点，请检查审批流配置
+auto.approval.passed=自动通过
+auto.approval.rejected=自动驳回
+no.approval.instance=审批实例为空!
+batch.update.reason=无权限或违反字段约束！
+# custom form
+custom.form.not.exist=自定义表单不存在
+custom.form.data.not.exist=自定义表单数据不存在
+custom.form.role.not.exist=自定义表单角色不存在
+custom.form.role.manage_all=管理全部数据
+custom.form.role.view_all=查看全部数据
+custom.form.role.manage_own=管理本人数据
+permission.custom_form.name=自定义表单
+custom.form.name.duplicate=自定义表单名称已存在
+log.adminUserIds=管理员
+log.roleUsers=角色成员
+
+webhook.enable=调用 webhook
+webhook.describe=说明
+webhook.url=外部系统 Webhook 地址
+webhook.method=请求方式
+webhook.header=请求头 JSON
+webhook.body=请求体 JSON
+# form prop layout
+formProp.layout.1=单列
+formProp.layout.2=双列
+formProp.layout.3=三列
+formProp.layout.4=四列
+# form prop labelPos
+formProp.labelPos.top=上下
+formProp.labelPos.left=左右
+# form prop inputWidth
+formProp.inputWidth.custom=自定义
+formProp.inputWidth.full=整行
+# form prop optBtnPos
+formProp.optBtnPos.flex-row=居左
+formProp.optBtnPos.justify-center=居中
+formProp.optBtnPos.flex-row-reverse=居右
+advanced_circulation_setting=高级流转设置
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.0.0/ddl/V1.0.0_1__init.sql b/backend/crm/src/main/resources/migration/1.0.0/ddl/V1.0.0_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.0.0/ddl/V1.0.0_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.0.0/ddl/V1.0.0_2__system_setting.sql b/backend/crm/src/main/resources/migration/1.0.0/ddl/V1.0.0_2__system_setting.sql
new file mode 100644
index 0000000..e7f2738
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.0.0/ddl/V1.0.0_2__system_setting.sql
@@ -0,0 +1,602 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+CREATE TABLE sys_user
+(
+    `id`                   VARCHAR(32)  NOT NULL COMMENT 'id',
+    `name`                 VARCHAR(255) NOT NULL COMMENT '名称',
+    `phone`                VARCHAR(11) COMMENT '手机号',
+    `email`                VARCHAR(255) COMMENT '邮箱',
+    `password`             VARCHAR(255) NOT NULL COMMENT '密码',
+    `language`             VARCHAR(32) COMMENT '语言',
+    `last_organization_id` VARCHAR(50) COMMENT '当前组织ID',
+    `gender`               BIT(1)       NOT NULL DEFAULT 0 COMMENT '性别(0-男/1-女)',
+    `create_time`          BIGINT       NOT NULL COMMENT '创建时间',
+    `update_time`          BIGINT       NOT NULL COMMENT '更新时间',
+    `create_user`          VARCHAR(32)  NOT NULL COMMENT '创建人',
+    `update_user`          VARCHAR(32)  NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '用户(员工)'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_email ON sys_user (email DESC);
+CREATE INDEX idx_create_time ON sys_user (create_time DESC);
+CREATE INDEX idx_update_time ON sys_user (update_time ASC);
+CREATE INDEX idx_create_user ON sys_user (create_user ASC);
+CREATE INDEX idx_update_user ON sys_user (update_user ASC);
+
+CREATE TABLE sys_user_extend
+(
+    `id`            VARCHAR(32) NOT NULL COMMENT '用户id',
+    `avatar`        VARCHAR(255) COMMENT '头像内容',
+    `platform_info` LONGBLOB COMMENT '对接平台信息',
+    PRIMARY KEY (id)
+) COMMENT = '用户扩展内容'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE TABLE IF NOT EXISTS worker_node
+(
+    id          BIGINT      NOT NULL AUTO_INCREMENT COMMENT 'auto increment id',
+    host_name   VARCHAR(64) NOT NULL COMMENT 'host name',
+    port        VARCHAR(64) NOT NULL COMMENT 'port',
+    type        INT         NOT NULL COMMENT 'node type: ACTUAL or CONTAINER',
+    launch_date BIGINT      NOT NULL COMMENT 'launch date',
+    modified    BIGINT      NOT NULL COMMENT 'modified time',
+    created     BIGINT      NOT NULL COMMENT 'created time',
+    PRIMARY KEY (ID)
+)
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci COMMENT = 'DB WorkerID Assigner for UID Generator';
+
+CREATE TABLE sys_operation_log
+(
+    `id`              VARCHAR(32)  NOT NULL COMMENT '主键',
+    `organization_id` VARCHAR(32)  NOT NULL DEFAULT 'NONE' COMMENT '组织id',
+    `type`            VARCHAR(32)  NOT NULL COMMENT '操作类型/add/update/delete',
+    `module`          VARCHAR(32)  NOT NULL COMMENT '操作模块',
+    `resource_id`     VARCHAR(32)  NOT NULL COMMENT '资源id',
+    `resource_name`   VARCHAR(255) COMMENT '资源名称',
+    `detail`          VARCHAR(500) COMMENT '操作详情',
+    `create_time`     BIGINT       NOT NULL COMMENT '操作时间',
+    `create_user`     VARCHAR(32)  NOT NULL COMMENT '操作人',
+    `path`            VARCHAR(255) COMMENT '操作路径',
+    `method`          VARCHAR(255) NOT NULL COMMENT '操作方法',
+    PRIMARY KEY (id)
+) COMMENT = '操作日志'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE TABLE sys_login_log
+(
+    `id`            VARCHAR(32) NOT NULL COMMENT '主键',
+    `create_time`   BIGINT      NOT NULL COMMENT '操作时间',
+    `operator`      VARCHAR(32) NOT NULL COMMENT '操作人',
+    `login_address` VARCHAR(255) COMMENT '登录地',
+    `platform`      VARCHAR(32) COMMENT '平台',
+    PRIMARY KEY (id)
+) COMMENT = '登入日志'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_operator ON sys_login_log (operator ASC);
+CREATE INDEX idx_create_time ON sys_login_log (create_time ASC);
+
+CREATE INDEX idx_organization_id ON sys_operation_log (organization_id ASC);
+CREATE INDEX idx_resource_id ON sys_operation_log (resource_id ASC);
+CREATE INDEX idx_type ON sys_operation_log (type ASC);
+
+CREATE TABLE sys_operation_log_blob
+(
+    `id`             VARCHAR(32) NOT NULL COMMENT '主键',
+    `original_value` LONGBLOB COMMENT '变更前内容',
+    `modified_value` LONGBLOB COMMENT '变更后内容',
+    PRIMARY KEY (id)
+) COMMENT = '操作日志内容详情'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE TABLE IF NOT EXISTS `schedule`
+(
+    `id`              varchar(32) COLLATE utf8mb4_general_ci  NOT NULL,
+    `key`             varchar(50) COLLATE utf8mb4_general_ci           DEFAULT NULL COMMENT 'qrtz UUID',
+    `type`            varchar(50) COLLATE utf8mb4_general_ci  NOT NULL COMMENT '执行类型 cron',
+    `value`           varchar(255) COLLATE utf8mb4_general_ci NOT NULL COMMENT 'cron 表达式',
+    `job`             varchar(64) COLLATE utf8mb4_general_ci  NOT NULL COMMENT 'Schedule Job Class Name',
+    `resource_type`   varchar(50) COLLATE utf8mb4_general_ci  NOT NULL DEFAULT 'NONE' COMMENT '资源类型 API_IMPORT,API_SCENARIO,UI_SCENARIO,LOAD_TEST,TEST_PLAN,CLEAN_REPORT,BUG_SYNC',
+    `enable`          bit(1)                                           DEFAULT NULL COMMENT '是否开启',
+    `resource_id`     varchar(32) COLLATE utf8mb4_general_ci           DEFAULT NULL COMMENT '资源ID，api_scenario ui_scenario load_test',
+    `create_user`     varchar(32) COLLATE utf8mb4_general_ci  NOT NULL COMMENT '创建人',
+    `create_time`     bigint                                  NOT NULL COMMENT '创建时间',
+    `update_time`     bigint                                  NOT NULL COMMENT '更新时间',
+    `organization_id` varchar(32) COLLATE utf8mb4_general_ci           DEFAULT NULL COMMENT '组织ID',
+    `name`            varchar(255) COLLATE utf8mb4_general_ci          DEFAULT NULL COMMENT '名称',
+    `config`          varchar(1000) COLLATE utf8mb4_general_ci         DEFAULT NULL COMMENT '配置',
+    `num`             bigint                                  NOT NULL COMMENT '业务ID',
+    PRIMARY KEY (`id`),
+    KEY `idx_resource_id` (`resource_id`),
+    KEY `idx_create_user` (`create_user`),
+    KEY `idx_create_time` (`create_time` DESC),
+    KEY `idx_update_time` (`update_time` DESC),
+    KEY `idx_organization_id` (`organization_id`),
+    KEY `idx_enable` (`enable`),
+    KEY `idx_name` (`name`),
+    KEY `idx_type` (`type`),
+    KEY `idx_resource_type` (`resource_type`),
+    KEY `idx_num` (`num`)
+) ENGINE = InnoDB
+  DEFAULT CHARSET = utf8mb4
+  COLLATE = utf8mb4_general_ci COMMENT ='定时任务';
+
+
+CREATE TABLE IF NOT EXISTS `user_key`
+(
+    `id`          varchar(32) COLLATE utf8mb4_general_ci NOT NULL COMMENT 'user_key ID',
+    `create_user` varchar(32) COLLATE utf8mb4_general_ci NOT NULL COMMENT '用户ID',
+    `access_key`  varchar(50) COLLATE utf8mb4_general_ci NOT NULL COMMENT 'access_key',
+    `secret_key`  varchar(50) COLLATE utf8mb4_general_ci NOT NULL COMMENT 'secret key',
+    `create_time` bigint                                 NOT NULL COMMENT '创建时间',
+    `enable`      bit(1)                                 NOT NULL DEFAULT b'1' COMMENT '状态',
+    `forever`     bit(1)                                 NOT NULL DEFAULT b'1' COMMENT '是否永久有效',
+    `expire_time` bigint                                          DEFAULT NULL COMMENT '到期时间',
+    `description` varchar(1000) COLLATE utf8mb4_general_ci        DEFAULT NULL,
+    PRIMARY KEY (`id`),
+    UNIQUE KEY `idx_ak` (`access_key`),
+    KEY `idx_create_user` (`create_user`)
+) ENGINE = InnoDB
+  DEFAULT CHARSET = utf8mb4
+  COLLATE = utf8mb4_general_ci COMMENT ='用户api key';
+
+
+CREATE TABLE IF NOT EXISTS sys_notification
+(
+    `id`              VARCHAR(32)  NOT NULL COMMENT 'id',
+    `type`            VARCHAR(64)  NOT NULL COMMENT '通知类型',
+    `receiver`        VARCHAR(32)  NOT NULL COMMENT '接收人',
+    `subject`         VARCHAR(255) NOT NULL COMMENT '标题',
+    `status`          VARCHAR(64)  NOT NULL COMMENT '状态',
+    `operator`        VARCHAR(32)  NOT NULL COMMENT '操作人',
+    `operation`       VARCHAR(50)  NOT NULL COMMENT '操作',
+    `organization_id` VARCHAR(32)  NOT NULL COMMENT '组织id',
+    `resource_id`     VARCHAR(32) COMMENT '资源ID',
+    `resource_type`   VARCHAR(64)  NOT NULL COMMENT '资源类型',
+    `resource_name`   VARCHAR(255) NOT NULL COMMENT '资源名称',
+    `content`         BLOB         NOT NULL COMMENT '通知内容',
+    `create_time`     BIGINT       NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT       NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32)  NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32)  NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '消息通知'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+
+
+CREATE INDEX idx_receiver ON sys_notification (receiver ASC);
+CREATE INDEX idx_create_time ON sys_notification (create_time DESC);
+CREATE INDEX idx_type ON sys_notification (type ASC);
+CREATE INDEX idx_subject ON sys_notification (subject ASC);
+CREATE INDEX idx_resource_type ON sys_notification (resource_type ASC);
+CREATE INDEX idx_operator ON sys_notification (operator ASC);
+CREATE INDEX idx_organization_id ON sys_notification (organization_id ASC);
+CREATE INDEX idx_resource_id ON sys_notification (resource_id ASC);
+
+
+CREATE TABLE sys_message_task
+(
+    `id`              VARCHAR(50)  NOT NULL COMMENT '',
+    `event`           VARCHAR(255) NOT NULL COMMENT '通知事件类型',
+    `task_type`       VARCHAR(64)  NOT NULL COMMENT '任务类型',
+    `email_enable`    BIT          NOT NULL DEFAULT 0 COMMENT '邮件启用',
+    `sys_enable`      BIT          NOT NULL DEFAULT 0 COMMENT '系统启用',
+    `organization_id` VARCHAR(32)  NOT NULL COMMENT '组织id',
+    `template`        BLOB COMMENT '消息模版',
+    `create_user`     VARCHAR(50)  NOT NULL COMMENT '创建人',
+    `create_time`     BIGINT       NOT NULL DEFAULT 0 COMMENT '创建时间',
+    `update_user`     VARCHAR(50)  NOT NULL COMMENT '修改人',
+    `update_time`     BIGINT       NOT NULL COMMENT '更新时间',
+    PRIMARY KEY (id)
+) COMMENT = '消息通知任务'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+
+CREATE INDEX idx_create_time ON sys_message_task (create_time DESC);
+CREATE INDEX idx_task_type ON sys_message_task (task_type ASC);
+CREATE INDEX idx_event ON sys_message_task (event ASC);
+CREATE INDEX idx_organization_id ON sys_message_task (organization_id ASC);
+CREATE INDEX idx_email_enable ON sys_message_task (email_enable ASC);
+CREATE INDEX idx_sys_enable ON sys_message_task (sys_enable ASC);
+
+CREATE TABLE sys_announcement
+(
+    `id`              VARCHAR(32)  NOT NULL COMMENT 'id',
+    `subject`         VARCHAR(255) NOT NULL COMMENT '公告标题',
+    `content`         BLOB         NOT NULL COMMENT '公告内容',
+    `start_time`      BIGINT       NOT NULL COMMENT '开始时间',
+    `end_time`        BIGINT       NOT NULL COMMENT '结束时间',
+    `url`             VARCHAR(255) COMMENT '链接',
+    `rename_url`      VARCHAR(255) COMMENT '重命名链接',
+    `receiver`        BLOB         NOT NULL COMMENT '接收人id(销售ids/角色ids/部门ids)',
+    `organization_id` VARCHAR(32)  NOT NULL COMMENT '组织id',
+    `notice`          BIT          NOT NULL DEFAULT 0 COMMENT '转为通知',
+    `create_time`     BIGINT       NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT       NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32)  NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32)  NOT NULL COMMENT '更新人',
+    `receive_type`    BLOB         NOT NULL COMMENT '接收类型组合',
+    PRIMARY KEY (id)
+) COMMENT = '公告'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_organizationId ON sys_announcement (organization_id ASC);
+CREATE INDEX idx_create_time ON sys_announcement (create_time DESC);
+
+CREATE TABLE sys_organization
+(
+    `id`          VARCHAR(32)  NOT NULL COMMENT 'id',
+    `name`        VARCHAR(255) NOT NULL COMMENT '名称',
+    `create_time` BIGINT       NOT NULL COMMENT '创建时间',
+    `update_time` BIGINT       NOT NULL COMMENT '更新时间',
+    `create_user` VARCHAR(32)  NOT NULL COMMENT '创建人',
+    `update_user` VARCHAR(32)  NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '组织架构'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE TABLE sys_organization_user
+(
+    `id`               VARCHAR(32) NOT NULL COMMENT 'id',
+    `organization_id`  VARCHAR(32) NOT NULL COMMENT '组织id',
+    `department_id`    VARCHAR(32) COMMENT '部门id',
+    `resource_user_id` VARCHAR(64) COMMENT '三方唯一id',
+    `user_id`          VARCHAR(32) NOT NULL COMMENT '用户id',
+    `enable`           BIT(1)      NOT NULL DEFAULT 1 COMMENT '是否启用',
+    `employee_id`      VARCHAR(255)         DEFAULT '' COMMENT '工号',
+    `position`         VARCHAR(255)         DEFAULT '' COMMENT '职位',
+    `employee_type`    VARCHAR(255)         DEFAULT '' COMMENT '员工类型',
+    `supervisor_id`    VARCHAR(32)          DEFAULT '' COMMENT '直属上级',
+    `work_city`        VARCHAR(255)         DEFAULT '' COMMENT '工作城市',
+    `create_time`      BIGINT      NOT NULL COMMENT '创建时间',
+    `update_time`      BIGINT      NOT NULL COMMENT '更新时间',
+    `create_user`      VARCHAR(32) NOT NULL COMMENT '创建人',
+    `update_user`      VARCHAR(32) NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '组织成员'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_organization_id ON sys_organization_user (organization_id ASC);
+CREATE INDEX idx_department_id ON sys_organization_user (department_id ASC);
+CREATE INDEX idx_user_id ON sys_organization_user (user_id ASC);
+
+CREATE TABLE sys_role
+(
+    `id`              VARCHAR(32)  NOT NULL COMMENT 'id',
+    `name`            VARCHAR(255) NOT NULL COMMENT '角色名称',
+    `internal`        BIT          NOT NULL DEFAULT 0 COMMENT '是否是内置角色',
+    `data_scope`      VARCHAR(30)  NOT NULL COMMENT '数据范围（全部数据权限/指定部门权限/本部门数据权限/本部门及以下数据权限/仅本人数据）',
+    `create_time`     BIGINT       NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT       NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32)  NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32)  NOT NULL COMMENT '更新人',
+    `description`     VARCHAR(1000) COMMENT '描述',
+    `organization_id` VARCHAR(32)  NOT NULL COMMENT '组织id',
+    PRIMARY KEY (id)
+) COMMENT = '角色'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE TABLE sys_role_permission
+(
+    `id`            VARCHAR(32)  NOT NULL COMMENT 'id',
+    `role_id`       VARCHAR(32)  NOT NULL COMMENT '角色id',
+    `permission_id` VARCHAR(255) NOT NULL COMMENT '权限id',
+    PRIMARY KEY (id)
+) COMMENT = '角色权限'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_role_id ON sys_role_permission (role_id ASC);
+
+CREATE TABLE sys_role_scope_dept
+(
+    `id`            VARCHAR(32) NOT NULL COMMENT 'ID',
+    `role_id`       VARCHAR(32) NOT NULL COMMENT '角色ID',
+    `department_id` VARCHAR(32) NOT NULL COMMENT '部门ID',
+    PRIMARY KEY (id)
+) COMMENT = '角色与部门的关联表，角色 data_scope 为指定部门时使用'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE TABLE sys_user_role
+(
+    `id`          VARCHAR(32) NOT NULL COMMENT 'id',
+    `role_id`     VARCHAR(32) NOT NULL COMMENT '角色id',
+    `user_id`     VARCHAR(32) NOT NULL COMMENT '用户id',
+    `create_time` BIGINT      NOT NULL COMMENT '创建时间',
+    `update_time` BIGINT      NOT NULL COMMENT '更新时间',
+    `create_user` VARCHAR(32) NOT NULL COMMENT '创建人',
+    `update_user` VARCHAR(32) NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '用户关联角色'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_role_id ON sys_user_role (role_id ASC);
+CREATE INDEX idx_user_id ON sys_user_role (user_id ASC);
+
+CREATE TABLE sys_organization_config_detail
+(
+    `id`          VARCHAR(32)  NOT NULL COMMENT 'id',
+    `config_id`   VARCHAR(32)  NOT NULL COMMENT '配置id',
+    `type`        VARCHAR(64)  NOT NULL COMMENT '配置内容类型',
+    `enable`      BIT          NOT NULL DEFAULT 0 COMMENT '是否启用',
+    `name`        VARCHAR(255) NOT NULL DEFAULT 'NONE' COMMENT '配置名称',
+    `content`     BLOB         NOT NULL COMMENT '配置内容',
+    `description` VARCHAR(1000) COMMENT '描述',
+    `create_time` BIGINT       NOT NULL COMMENT '创建时间',
+    `update_time` BIGINT       NOT NULL COMMENT '更新时间',
+    `create_user` VARCHAR(32)  NOT NULL COMMENT '创建人',
+    `update_user` VARCHAR(32)  NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '企业设置详情表'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_config_id ON sys_organization_config_detail (config_id ASC);
+CREATE INDEX idx_type ON sys_organization_config_detail (type ASC);
+CREATE INDEX idx_name ON sys_organization_config_detail (name ASC);
+
+CREATE TABLE sys_organization_config
+(
+    `id`              VARCHAR(32) NOT NULL COMMENT 'id',
+    `type`            VARCHAR(64) NOT NULL COMMENT '配置类型',
+    `organization_id` VARCHAR(32) NOT NULL COMMENT '企业id',
+    `sync`            BIT(1)      NOT NULL DEFAULT 0 COMMENT '是否同步（只对同步企业生效）',
+    `sync_resource`   VARCHAR(255) COMMENT '同步来源',
+    `enable`          BIT(1)      NOT NULL DEFAULT 0 COMMENT '是否开启',
+    `create_time`     BIGINT      NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT      NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32) NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32) NOT NULL COMMENT '更新人',
+
+    PRIMARY KEY (id)
+) COMMENT = '企业设置'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_organizationId ON sys_organization_config (organization_id ASC);
+CREATE INDEX idx_type ON sys_organization_config (type ASC);
+
+
+CREATE TABLE sys_department
+(
+    `id`              VARCHAR(32)  NOT NULL COMMENT 'id',
+    `name`            VARCHAR(255) NOT NULL COMMENT '名称',
+    `organization_id` VARCHAR(32)  NOT NULL COMMENT '组织id',
+    `parent_id`       VARCHAR(32)  NOT NULL COMMENT '父级',
+    `pos`             BIGINT       NOT NULL COMMENT '排序',
+    `create_time`     BIGINT       NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT       NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32)  NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32)  NOT NULL COMMENT '更新人',
+    `resource`        VARCHAR(255) NOT NULL COMMENT '来源',
+    `resource_id`     VARCHAR(255) COMMENT '来源id',
+    PRIMARY KEY (id)
+) COMMENT = '部门表'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_resource ON sys_department (resource ASC);
+CREATE INDEX idx_organization_id ON sys_department (organization_id ASC);
+CREATE INDEX idx_parent_id ON sys_department (parent_id ASC);
+
+
+CREATE TABLE sys_department_commander
+(
+    `id`            VARCHAR(32) NOT NULL COMMENT 'id',
+    `user_id`       VARCHAR(32) NOT NULL COMMENT '用户id',
+    `department_id` VARCHAR(32) NOT NULL COMMENT '部门id',
+    `create_time`   BIGINT      NOT NULL COMMENT '创建时间',
+    `update_time`   BIGINT      NOT NULL COMMENT '更新时间',
+    `create_user`   VARCHAR(32) NOT NULL COMMENT '创建人',
+    `update_user`   VARCHAR(32) NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '部门责任人表'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_user_id ON sys_department_commander (user_id ASC);
+CREATE INDEX idx_department_id ON sys_department_commander (department_id ASC);
+
+## module setting
+CREATE TABLE sys_module
+(
+    `id`              VARCHAR(32) NOT NULL COMMENT 'id',
+    `organization_id` VARCHAR(32) NOT NULL COMMENT '组织id',
+    `module_key`      VARCHAR(20) NOT NULL COMMENT '模块KEY',
+    `enable`          BIT(1)      NOT NULL DEFAULT 1 COMMENT '启用/禁用',
+    `pos`             BIGINT      NOT NULL COMMENT '自定义排序',
+    `create_user`     VARCHAR(32) NOT NULL COMMENT '创建人',
+    `create_time`     BIGINT      NOT NULL COMMENT '创建时间',
+    `update_user`     VARCHAR(32) NOT NULL COMMENT '修改人',
+    `update_time`     BIGINT      NOT NULL COMMENT '修改时间',
+    PRIMARY KEY (id)
+) COMMENT = '模块配置'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_organization_id ON sys_module (organization_id ASC);
+
+CREATE TABLE sys_module_form
+(
+    `id`              VARCHAR(32) NOT NULL COMMENT 'id',
+    `form_key`        VARCHAR(20) NOT NULL COMMENT '表单Key',
+    `organization_id` VARCHAR(32) NOT NULL COMMENT '组织id',
+    `create_time`     BIGINT      NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT      NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32) NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32) NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '模块表单配置'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_organization_id ON sys_module_form (organization_id ASC);
+
+CREATE TABLE sys_module_form_blob
+(
+    `id`   VARCHAR(32) NOT NULL COMMENT 'id',
+    `prop` TEXT COMMENT '属性',
+    PRIMARY KEY (id)
+) COMMENT = '模块表单属性配置'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE TABLE sys_module_field
+(
+    `id`           VARCHAR(32)  NOT NULL COMMENT 'ID',
+    `form_id`      VARCHAR(32)  NOT NULL COMMENT '所属表单ID',
+    `internal_key` VARCHAR(255) COMMENT '字段内置Key',
+    `name`         VARCHAR(255) NOT NULL COMMENT '名称',
+    `type`         VARCHAR(20)  NOT NULL COMMENT '类型',
+    `mobile`       BIT(1)       NOT NULL DEFAULT 0 COMMENT '是否移动端',
+    `pos`          BIGINT       NOT NULL COMMENT '排序',
+    `create_user`  VARCHAR(32)  NOT NULL COMMENT '创建人',
+    `create_time`  BIGINT       NOT NULL COMMENT '创建时间',
+    `update_user`  VARCHAR(32)  NOT NULL COMMENT '更新人',
+    `update_time`  BIGINT       NOT NULL COMMENT '更新时间',
+    PRIMARY KEY (id)
+) COMMENT = '模块字段配置'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_form_id_internal_key ON sys_module_field (form_id, internal_key);
+CREATE INDEX idx_mobile ON sys_module_field (mobile ASC);
+
+CREATE TABLE sys_module_field_blob
+(
+    `id`   VARCHAR(32) NOT NULL COMMENT 'id',
+    `prop` TEXT COMMENT '属性',
+    PRIMARY KEY (id)
+) COMMENT = '模块字段属性配置'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE TABLE sys_parameter
+(
+    `param_key`   VARCHAR(100) NOT NULL COMMENT 'key',
+    `param_value` VARCHAR(255) COMMENT 'value',
+    `type`        VARCHAR(100) NOT NULL DEFAULT 'text' COMMENT 'type',
+    PRIMARY KEY (param_key)
+) COMMENT = '系统参数'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE TABLE product
+(
+    `id`              VARCHAR(32)  NOT NULL COMMENT 'id',
+    `name`            VARCHAR(255) NOT NULL COMMENT '名称',
+    `price`           DECIMAL(14, 4) COMMENT '价格',
+    `status`          VARCHAR(32)  NOT NULL COMMENT '状态',
+    `organization_id` VARCHAR(32)  NOT NULL COMMENT '组织机构id',
+    `create_time`     BIGINT       NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT       NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32)  NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32)  NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '产品'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_organization_id ON product (organization_id ASC);
+CREATE INDEX idx_name ON product (name ASC);
+
+
+CREATE TABLE product_field
+(
+    `id`          VARCHAR(32)  NOT NULL COMMENT 'id',
+    `resource_id` VARCHAR(32)  NOT NULL COMMENT '产品id',
+    `field_id`    VARCHAR(32)  NOT NULL COMMENT '自定义属性id',
+    `field_value` VARCHAR(255) NOT NULL COMMENT '自定义属性值',
+    PRIMARY KEY (id)
+) COMMENT = '产品自定义属性'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_resource_id_field_id_field_value ON product_field (resource_id, field_id, field_value);
+
+CREATE TABLE product_field_blob
+(
+    `id`          VARCHAR(32) NOT NULL COMMENT 'id',
+    `resource_id` VARCHAR(32) NOT NULL COMMENT '产品id',
+    `field_id`    VARCHAR(32) NOT NULL COMMENT '自定义属性id',
+    `field_value` TEXT        NOT NULL COMMENT '自定义属性值',
+    PRIMARY KEY (id)
+) COMMENT = '客户自定义属性大文本'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_resource_id ON product_field_blob (resource_id);
+
+CREATE TABLE sys_attachment
+(
+    `id`              VARCHAR(32)  NOT NULL COMMENT 'ID',
+    `name`            VARCHAR(255) NOT NULL COMMENT '名称',
+    `type`            VARCHAR(50) COMMENT '类型',
+    `size`            BIGINT(255) COMMENT '大小',
+    `storage`         VARCHAR(50)  NOT NULL COMMENT '存储方式',
+    `resource_id`     VARCHAR(32) COMMENT '资源ID',
+    `organization_id` VARCHAR(32)  NOT NULL COMMENT '组织ID',
+    `create_time`     BIGINT       NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT       NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32)  NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32)  NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '系统附件'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+
+CREATE INDEX idx_storage ON sys_attachment (storage ASC);
+CREATE INDEX idx_org_id ON sys_attachment (organization_id ASC);
+CREATE INDEX idx_resource_id ON sys_attachment (resource_id ASC);
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
+
+
diff --git a/backend/crm/src/main/resources/migration/1.0.0/ddl/V1.0.0_3__qrtz_schema.sql b/backend/crm/src/main/resources/migration/1.0.0/ddl/V1.0.0_3__qrtz_schema.sql
new file mode 100644
index 0000000..6b38c4c
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.0.0/ddl/V1.0.0_3__qrtz_schema.sql
@@ -0,0 +1,190 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- quartz start
+CREATE TABLE `QRTZ_JOB_DETAILS`
+(
+    `SCHED_NAME`        VARCHAR(120) NOT NULL,
+    `JOB_NAME`          VARCHAR(200) NOT NULL,
+    `JOB_GROUP`         VARCHAR(200) NOT NULL,
+    `DESCRIPTION`       VARCHAR(250) DEFAULT NULL,
+    `JOB_CLASS_NAME`    VARCHAR(250) NOT NULL,
+    `IS_DURABLE`        VARCHAR(1)   NOT NULL,
+    `IS_NONCONCURRENT`  VARCHAR(1)   NOT NULL,
+    `IS_UPDATE_DATA`    VARCHAR(1)   NOT NULL,
+    `REQUESTS_RECOVERY` VARCHAR(1)   NOT NULL,
+    `JOB_DATA`          BLOB,
+    PRIMARY KEY (`SCHED_NAME`, `JOB_NAME`, `JOB_GROUP`),
+    KEY `IDX_QRTZ_J_REQ_RECOVERY` (`SCHED_NAME`, `REQUESTS_RECOVERY`),
+    KEY `IDX_QRTZ_J_GRP` (`SCHED_NAME`, `JOB_GROUP`)
+) ENGINE = InnoDB
+  DEFAULT CHARSET = utf8mb4
+  COLLATE utf8mb4_general_ci;
+
+CREATE TABLE `QRTZ_TRIGGERS`
+(
+    `SCHED_NAME`     VARCHAR(120) NOT NULL,
+    `TRIGGER_NAME`   VARCHAR(200) NOT NULL,
+    `TRIGGER_GROUP`  VARCHAR(200) NOT NULL,
+    `JOB_NAME`       VARCHAR(200) NOT NULL,
+    `JOB_GROUP`      VARCHAR(200) NOT NULL,
+    `DESCRIPTION`    VARCHAR(250) DEFAULT NULL,
+    `NEXT_FIRE_TIME` BIGINT       DEFAULT NULL,
+    `PREV_FIRE_TIME` BIGINT       DEFAULT NULL,
+    `PRIORITY`       INT          DEFAULT NULL,
+    `TRIGGER_STATE`  VARCHAR(16)  NOT NULL,
+    `TRIGGER_TYPE`   VARCHAR(8)   NOT NULL,
+    `START_TIME`     BIGINT       NOT NULL,
+    `END_TIME`       BIGINT       DEFAULT NULL,
+    `CALENDAR_NAME`  VARCHAR(200) DEFAULT NULL,
+    `MISFIRE_INSTR`  SMALLINT     DEFAULT NULL,
+    `JOB_DATA`       BLOB,
+    PRIMARY KEY (`SCHED_NAME`, `TRIGGER_NAME`, `TRIGGER_GROUP`),
+    KEY `IDX_QRTZ_T_J` (`SCHED_NAME`, `JOB_NAME`, `JOB_GROUP`),
+    KEY `IDX_QRTZ_T_JG` (`SCHED_NAME`, `JOB_GROUP`),
+    KEY `IDX_QRTZ_T_C` (`SCHED_NAME`, `CALENDAR_NAME`),
+    KEY `IDX_QRTZ_T_G` (`SCHED_NAME`, `TRIGGER_GROUP`),
+    KEY `IDX_QRTZ_T_STATE` (`SCHED_NAME`, `TRIGGER_STATE`),
+    KEY `IDX_QRTZ_T_N_STATE` (`SCHED_NAME`, `TRIGGER_NAME`, `TRIGGER_GROUP`, `TRIGGER_STATE`),
+    KEY `IDX_QRTZ_T_N_G_STATE` (`SCHED_NAME`, `TRIGGER_GROUP`, `TRIGGER_STATE`),
+    KEY `IDX_QRTZ_T_NEXT_FIRE_TIME` (`SCHED_NAME`, `NEXT_FIRE_TIME`),
+    KEY `IDX_QRTZ_T_NFT_ST` (`SCHED_NAME`, `TRIGGER_STATE`, `NEXT_FIRE_TIME`),
+    KEY `IDX_QRTZ_T_NFT_MISFIRE` (`SCHED_NAME`, `MISFIRE_INSTR`, `NEXT_FIRE_TIME`),
+    KEY `IDX_QRTZ_T_NFT_ST_MISFIRE` (`SCHED_NAME`, `MISFIRE_INSTR`, `NEXT_FIRE_TIME`, `TRIGGER_STATE`),
+    KEY `IDX_QRTZ_T_NFT_ST_MISFIRE_GRP` (`SCHED_NAME`, `MISFIRE_INSTR`, `NEXT_FIRE_TIME`, `TRIGGER_GROUP`,
+                                         `TRIGGER_STATE`),
+    CONSTRAINT `qrtz_triggers_ibfk_1` FOREIGN KEY (`SCHED_NAME`, `JOB_NAME`, `JOB_GROUP`) REFERENCES `QRTZ_JOB_DETAILS` (`SCHED_NAME`, `JOB_NAME`, `JOB_GROUP`)
+) ENGINE = InnoDB
+  DEFAULT CHARSET = utf8mb4
+  COLLATE utf8mb4_general_ci;
+
+CREATE TABLE `QRTZ_BLOB_TRIGGERS`
+(
+    `SCHED_NAME`    VARCHAR(120) NOT NULL,
+    `TRIGGER_NAME`  VARCHAR(200) NOT NULL,
+    `TRIGGER_GROUP` VARCHAR(200) NOT NULL,
+    `BLOB_DATA`     BLOB,
+    PRIMARY KEY (`SCHED_NAME`, `TRIGGER_NAME`, `TRIGGER_GROUP`),
+    KEY `SCHED_NAME` (`SCHED_NAME`, `TRIGGER_NAME`, `TRIGGER_GROUP`),
+    CONSTRAINT `qrtz_blob_triggers_ibfk_1` FOREIGN KEY (`SCHED_NAME`, `TRIGGER_NAME`, `TRIGGER_GROUP`) REFERENCES `QRTZ_TRIGGERS` (`SCHED_NAME`, `TRIGGER_NAME`, `TRIGGER_GROUP`)
+) ENGINE = InnoDB
+  DEFAULT CHARSET = utf8mb4
+  COLLATE utf8mb4_general_ci;
+
+CREATE TABLE `QRTZ_CALENDARS`
+(
+    `SCHED_NAME`    VARCHAR(120) NOT NULL,
+    `CALENDAR_NAME` VARCHAR(200) NOT NULL,
+    `CALENDAR`      BLOB         NOT NULL,
+    PRIMARY KEY (`SCHED_NAME`, `CALENDAR_NAME`)
+) ENGINE = InnoDB
+  DEFAULT CHARSET = utf8mb4
+  COLLATE utf8mb4_general_ci;
+
+CREATE TABLE `QRTZ_CRON_TRIGGERS`
+(
+    `SCHED_NAME`      VARCHAR(120) NOT NULL,
+    `TRIGGER_NAME`    VARCHAR(200) NOT NULL,
+    `TRIGGER_GROUP`   VARCHAR(200) NOT NULL,
+    `CRON_EXPRESSION` VARCHAR(120) NOT NULL,
+    `TIME_ZONE_ID`    VARCHAR(80) DEFAULT NULL,
+    PRIMARY KEY (`SCHED_NAME`, `TRIGGER_NAME`, `TRIGGER_GROUP`),
+    CONSTRAINT `qrtz_cron_triggers_ibfk_1` FOREIGN KEY (`SCHED_NAME`, `TRIGGER_NAME`, `TRIGGER_GROUP`) REFERENCES `QRTZ_TRIGGERS` (`SCHED_NAME`, `TRIGGER_NAME`, `TRIGGER_GROUP`)
+) ENGINE = InnoDB
+  DEFAULT CHARSET = utf8mb4
+  COLLATE utf8mb4_general_ci;
+
+CREATE TABLE `QRTZ_FIRED_TRIGGERS`
+(
+    `SCHED_NAME`        VARCHAR(120) NOT NULL,
+    `ENTRY_ID`          VARCHAR(95)  NOT NULL,
+    `TRIGGER_NAME`      VARCHAR(200) NOT NULL,
+    `TRIGGER_GROUP`     VARCHAR(200) NOT NULL,
+    `INSTANCE_NAME`     VARCHAR(200) NOT NULL,
+    `FIRED_TIME`        BIGINT       NOT NULL,
+    `SCHED_TIME`        BIGINT       NOT NULL,
+    `PRIORITY`          INT          NOT NULL,
+    `STATE`             VARCHAR(16)  NOT NULL,
+    `JOB_NAME`          VARCHAR(200) DEFAULT NULL,
+    `JOB_GROUP`         VARCHAR(200) DEFAULT NULL,
+    `IS_NONCONCURRENT`  VARCHAR(1)   DEFAULT NULL,
+    `REQUESTS_RECOVERY` VARCHAR(1)   DEFAULT NULL,
+    PRIMARY KEY (`SCHED_NAME`, `ENTRY_ID`),
+    KEY `IDX_QRTZ_FT_TRIG_INST_NAME` (`SCHED_NAME`, `INSTANCE_NAME`),
+    KEY `IDX_QRTZ_FT_INST_JOB_REQ_RCVRY` (`SCHED_NAME`, `INSTANCE_NAME`, `REQUESTS_RECOVERY`),
+    KEY `IDX_QRTZ_FT_J_G` (`SCHED_NAME`, `JOB_NAME`, `JOB_GROUP`),
+    KEY `IDX_QRTZ_FT_JG` (`SCHED_NAME`, `JOB_GROUP`),
+    KEY `IDX_QRTZ_FT_T_G` (`SCHED_NAME`, `TRIGGER_NAME`, `TRIGGER_GROUP`),
+    KEY `IDX_QRTZ_FT_TG` (`SCHED_NAME`, `TRIGGER_GROUP`)
+) ENGINE = InnoDB
+  DEFAULT CHARSET = utf8mb4
+  COLLATE utf8mb4_general_ci;
+
+CREATE TABLE `QRTZ_LOCKS`
+(
+    `SCHED_NAME` VARCHAR(120) NOT NULL,
+    `LOCK_NAME`  VARCHAR(40)  NOT NULL,
+    PRIMARY KEY (`SCHED_NAME`, `LOCK_NAME`)
+) ENGINE = InnoDB
+  DEFAULT CHARSET = utf8mb4
+  COLLATE utf8mb4_general_ci;
+
+CREATE TABLE `QRTZ_PAUSED_TRIGGER_GRPS`
+(
+    `SCHED_NAME`    VARCHAR(120) NOT NULL,
+    `TRIGGER_GROUP` VARCHAR(200) NOT NULL,
+    PRIMARY KEY (`SCHED_NAME`, `TRIGGER_GROUP`)
+) ENGINE = InnoDB
+  DEFAULT CHARSET = utf8mb4
+  COLLATE utf8mb4_general_ci;
+
+CREATE TABLE `QRTZ_SCHEDULER_STATE`
+(
+    `SCHED_NAME`        VARCHAR(120) NOT NULL,
+    `INSTANCE_NAME`     VARCHAR(200) NOT NULL,
+    `LAST_CHECKIN_TIME` BIGINT       NOT NULL,
+    `CHECKIN_INTERVAL`  BIGINT       NOT NULL,
+    PRIMARY KEY (`SCHED_NAME`, `INSTANCE_NAME`)
+) ENGINE = InnoDB
+  DEFAULT CHARSET = utf8mb4
+  COLLATE utf8mb4_general_ci;
+
+CREATE TABLE `QRTZ_SIMPLE_TRIGGERS`
+(
+    `SCHED_NAME`      VARCHAR(120) NOT NULL,
+    `TRIGGER_NAME`    VARCHAR(200) NOT NULL,
+    `TRIGGER_GROUP`   VARCHAR(200) NOT NULL,
+    `REPEAT_COUNT`    BIGINT       NOT NULL,
+    `REPEAT_INTERVAL` BIGINT       NOT NULL,
+    `TIMES_TRIGGERED` BIGINT       NOT NULL,
+    PRIMARY KEY (`SCHED_NAME`, `TRIGGER_NAME`, `TRIGGER_GROUP`),
+    CONSTRAINT `qrtz_simple_triggers_ibfk_1` FOREIGN KEY (`SCHED_NAME`, `TRIGGER_NAME`, `TRIGGER_GROUP`) REFERENCES `QRTZ_TRIGGERS` (`SCHED_NAME`, `TRIGGER_NAME`, `TRIGGER_GROUP`)
+) ENGINE = InnoDB
+  DEFAULT CHARSET = utf8mb4
+  COLLATE utf8mb4_general_ci;
+
+CREATE TABLE `QRTZ_SIMPROP_TRIGGERS`
+(
+    `SCHED_NAME`    VARCHAR(120) NOT NULL,
+    `TRIGGER_NAME`  VARCHAR(200) NOT NULL,
+    `TRIGGER_GROUP` VARCHAR(200) NOT NULL,
+    `STR_PROP_1`    VARCHAR(512)   DEFAULT NULL,
+    `STR_PROP_2`    VARCHAR(512)   DEFAULT NULL,
+    `STR_PROP_3`    VARCHAR(512)   DEFAULT NULL,
+    `INT_PROP_1`    INT            DEFAULT NULL,
+    `INT_PROP_2`    INT            DEFAULT NULL,
+    `LONG_PROP_1`   BIGINT         DEFAULT NULL,
+    `LONG_PROP_2`   BIGINT         DEFAULT NULL,
+    `DEC_PROP_1`    DECIMAL(13, 4) DEFAULT NULL,
+    `DEC_PROP_2`    DECIMAL(13, 4) DEFAULT NULL,
+    `BOOL_PROP_1`   VARCHAR(1)     DEFAULT NULL,
+    `BOOL_PROP_2`   VARCHAR(1)     DEFAULT NULL,
+    PRIMARY KEY (`SCHED_NAME`, `TRIGGER_NAME`, `TRIGGER_GROUP`),
+    CONSTRAINT `qrtz_simprop_triggers_ibfk_1` FOREIGN KEY (`SCHED_NAME`, `TRIGGER_NAME`, `TRIGGER_GROUP`) REFERENCES `QRTZ_TRIGGERS` (`SCHED_NAME`, `TRIGGER_NAME`, `TRIGGER_GROUP`)
+) ENGINE = InnoDB
+  DEFAULT CHARSET = utf8mb4
+  COLLATE utf8mb4_general_ci;
+
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.0.0/ddl/V1.0.0_4__customer.sql b/backend/crm/src/main/resources/migration/1.0.0/ddl/V1.0.0_4__customer.sql
new file mode 100644
index 0000000..1bb08e2
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.0.0/ddl/V1.0.0_4__customer.sql
@@ -0,0 +1,232 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+CREATE TABLE customer
+(
+    `id`              VARCHAR(32)  NOT NULL COMMENT 'id',
+    `name`            VARCHAR(255) NOT NULL COMMENT '客户名称',
+    `owner`           VARCHAR(32) COMMENT '负责人',
+    `collection_time` BIGINT(255) COMMENT '领取时间',
+    `pool_id`         VARCHAR(32) COMMENT '公海ID',
+    `create_time`     BIGINT       NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT       NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32)  NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32)  NOT NULL COMMENT '更新人',
+    `in_shared_pool`  BIT(1)       NOT NULL DEFAULT 0 COMMENT '是否在公海池',
+    `organization_id` VARCHAR(32)  NOT NULL COMMENT '组织id',
+    `follower`        VARCHAR(32) COMMENT '最新跟进人',
+    `follow_time`     BIGINT COMMENT '最新跟进时间',
+    PRIMARY KEY (id)
+) COMMENT = '客户'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_organization_id ON customer (organization_id ASC);
+CREATE INDEX idx_pool_id ON customer (pool_id ASC);
+CREATE INDEX idx_follower ON customer (follower ASC);
+CREATE INDEX idx_follow_time ON customer (follow_time ASC);
+
+CREATE TABLE customer_pool
+(
+    `id`              VARCHAR(32)  NOT NULL COMMENT 'id',
+    `scope_id`        TEXT         NOT NULL COMMENT '范围ID',
+    `organization_id` VARCHAR(32)  NOT NULL COMMENT '组织ID',
+    `name`            VARCHAR(255) NOT NULL COMMENT '公海池名称',
+    `owner_id`        TEXT         NOT NULL COMMENT '管理员ID',
+    `enable`          BIT(1)       NOT NULL DEFAULT 1 COMMENT '启用/禁用',
+    `auto`            BIT(1)       NOT NULL DEFAULT 0 COMMENT '自动回收',
+    `create_time`     BIGINT       NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT       NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32)  NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32)  NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '公海池'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_organization_id ON customer_pool (organization_id ASC);
+
+CREATE TABLE customer_pool_pick_rule
+(
+    `id`                 VARCHAR(32) NOT NULL COMMENT 'ID',
+    `pool_id`            VARCHAR(32) NOT NULL COMMENT '公海池ID',
+    `limit_on_number`    BIT(1)      NOT NULL DEFAULT 1 COMMENT '是否限制领取数量',
+    `pick_number`        INT COMMENT '领取数量',
+    `limit_pre_owner`    BIT(1)      NOT NULL DEFAULT 1 COMMENT '是否限制前归属人领取',
+    `pick_interval_days` INT COMMENT '领取间隔天数',
+    `create_user`        VARCHAR(32) NOT NULL COMMENT '创建人',
+    `create_time`        BIGINT      NOT NULL COMMENT '创建时间',
+    `update_user`        VARCHAR(32) NOT NULL COMMENT '更新人',
+    `update_time`        BIGINT      NOT NULL COMMENT '更新时间',
+    PRIMARY KEY (id)
+) COMMENT = '公海池领取规则'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_pool_id ON customer_pool_pick_rule (pool_id ASC);
+
+CREATE TABLE customer_pool_recycle_rule
+(
+    `id`            VARCHAR(32) NOT NULL COMMENT 'ID',
+    `pool_id`       VARCHAR(32) NOT NULL COMMENT '公海池ID',
+    `operator`      VARCHAR(10) COMMENT '操作符',
+    `condition`     TEXT COMMENT '回收条件',
+    `create_time`   BIGINT      NOT NULL COMMENT '创建时间',
+    `update_time`   BIGINT      NOT NULL COMMENT '更新时间',
+    `create_user`   VARCHAR(32) NOT NULL COMMENT '创建人',
+    `update_user`   VARCHAR(32) NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '公海池回收规则'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_pool_id ON customer_pool_recycle_rule (pool_id ASC);
+
+CREATE TABLE customer_capacity
+(
+    `id`              VARCHAR(32) NOT NULL COMMENT 'id',
+    `organization_id` VARCHAR(32) NOT NULL COMMENT '组织架构ID',
+    `scope_id`        TEXT        NOT NULL COMMENT '范围ID',
+    `capacity`        INT         COMMENT '库容;NULL:不限制',
+    `create_time`     BIGINT      NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT      NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32) NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32) NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '客户容量设置'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_organization_id ON customer_capacity (organization_id ASC);
+
+CREATE TABLE customer_field
+(
+    `id`          VARCHAR(32)  NOT NULL COMMENT 'id',
+    `resource_id` VARCHAR(32)  NOT NULL COMMENT '客户id',
+    `field_id`    VARCHAR(32)  NOT NULL COMMENT '自定义属性id',
+    `field_value` VARCHAR(255) NOT NULL COMMENT '自定义属性值',
+    PRIMARY KEY (id)
+) COMMENT = '客户自定义属性'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_resource_id_field_id_field_value ON customer_field (resource_id, field_id, field_value);
+
+CREATE TABLE customer_field_blob
+(
+    `id`          VARCHAR(32) NOT NULL COMMENT 'id',
+    `resource_id` VARCHAR(32) NOT NULL COMMENT '客户id',
+    `field_id`    VARCHAR(32) NOT NULL COMMENT '自定义属性id',
+    `field_value` TEXT        NOT NULL COMMENT '自定义属性值',
+    PRIMARY KEY (id)
+) COMMENT = '客户自定义属性大文本'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_resource_id ON customer_field_blob (resource_id);
+
+CREATE TABLE customer_contact
+(
+    `id`              VARCHAR(32)  NOT NULL COMMENT 'id',
+    `customer_id`     VARCHAR(32)  NOT NULL COMMENT '客户id',
+    `name`            VARCHAR(255) NOT NULL COMMENT '联系人姓名',
+    `phone`           VARCHAR(30) COMMENT '联系人电话',
+    `owner`           VARCHAR(32) NOT NULL COMMENT '责任人',
+    `create_time`     BIGINT       NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT       NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32)  NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32)  NOT NULL COMMENT '更新人',
+    `enable`          BIT(1)       NOT NULL DEFAULT 0 COMMENT '是否停用',
+    `disable_reason`  VARCHAR(255) COMMENT '停用原因',
+    `organization_id` VARCHAR(32)  NOT NULL COMMENT '组织id',
+    PRIMARY KEY (id)
+) COMMENT = '客户联系人'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_customer_id ON customer_contact (customer_id);
+
+CREATE TABLE customer_contact_field
+(
+    `id`          VARCHAR(32)  NOT NULL COMMENT 'id',
+    `resource_id` VARCHAR(32)  NOT NULL COMMENT '客户id',
+    `field_id`    VARCHAR(32)  NOT NULL COMMENT '自定义属性id',
+    `field_value` VARCHAR(255) NOT NULL COMMENT '自定义属性值',
+    PRIMARY KEY (id)
+) COMMENT = '客户联系人自定义属性'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_resource_id_field_id_field_value ON customer_contact_field (resource_id, field_id, field_value);
+
+CREATE TABLE customer_contact_field_blob
+(
+    `id`          VARCHAR(32) NOT NULL COMMENT 'id',
+    `resource_id` VARCHAR(32) NOT NULL COMMENT '客户id',
+    `field_id`    VARCHAR(32) NOT NULL COMMENT '自定义属性id',
+    `field_value` TEXT        NOT NULL COMMENT '自定义属性值',
+    PRIMARY KEY (id)
+) COMMENT = '客户联系人自定义属性大文本'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_resource_id ON customer_contact_field_blob (resource_id);
+
+CREATE TABLE customer_collaboration
+(
+    `id`                 VARCHAR(32) NOT NULL COMMENT 'id',
+    `create_time`        BIGINT      NOT NULL COMMENT '创建时间',
+    `update_time`        BIGINT      NOT NULL COMMENT '更新时间',
+    `create_user`        VARCHAR(32) NOT NULL COMMENT '创建人',
+    `update_user`        VARCHAR(32) NOT NULL COMMENT '更新人',
+    `user_id`            VARCHAR(32) NOT NULL COMMENT '协作人id',
+    `customer_id`        VARCHAR(32) NOT NULL COMMENT '客户id',
+    `collaboration_type` VARCHAR(50) NOT NULL COMMENT '协作类型(只读/协作)',
+    PRIMARY KEY (id)
+) COMMENT = '客户协作人'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_customer_id ON customer_collaboration (customer_id);
+
+
+CREATE TABLE customer_owner
+(
+    `id`              VARCHAR(32) NOT NULL COMMENT 'id',
+    `customer_id`     VARCHAR(32) NOT NULL COMMENT '客户id',
+    `owner`           VARCHAR(32) NOT NULL COMMENT '责任人',
+    `collection_time` BIGINT      NOT NULL COMMENT '领取时间',
+    `end_time`        BIGINT      NOT NULL COMMENT '结束时间',
+    `operator`        VARCHAR(32) NOT NULL COMMENT '操作人',
+    PRIMARY KEY (id)
+) COMMENT = '客户历史责任人'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_customer_id ON customer_owner (customer_id ASC);
+
+CREATE TABLE customer_relation(
+  `id` VARCHAR(32) NOT NULL   COMMENT 'id' ,
+  `source_customer_id` VARCHAR(32) NOT NULL   COMMENT '客户ID(集团)' ,
+  `target_customer_id` VARCHAR(32) NOT NULL   COMMENT '客户ID(子公司)' ,
+  `create_time` BIGINT NOT NULL   COMMENT '创建时间' ,
+  PRIMARY KEY (id)
+)  COMMENT = '客户关系'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.0.0/ddl/V1.0.0_5__clue.sql b/backend/crm/src/main/resources/migration/1.0.0/ddl/V1.0.0_5__clue.sql
new file mode 100644
index 0000000..ce04c60
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.0.0/ddl/V1.0.0_5__clue.sql
@@ -0,0 +1,161 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+CREATE TABLE clue_pool
+(
+    `id`              VARCHAR(32)  NOT NULL COMMENT 'id',
+    `name`            VARCHAR(255) NOT NULL COMMENT '线索池名称',
+    `scope_id`        TEXT         NOT NULL COMMENT '成员id',
+    `organization_id` VARCHAR(32)  NOT NULL COMMENT '组织架构id',
+    `owner_id`        TEXT         NOT NULL COMMENT '管理员id',
+    `enable`          BIT(1)       NOT NULL DEFAULT 1 COMMENT '启用/禁用',
+    `auto`            BIT(1)       NOT NULL DEFAULT 0 COMMENT '自动回收',
+    `create_time`     BIGINT       NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT       NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32)  NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32)  NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '线索池'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_organization_id ON clue_pool (organization_id ASC);
+
+CREATE TABLE clue_pool_pick_rule
+(
+    `id`                 VARCHAR(32) NOT NULL COMMENT 'ID',
+    `pool_id`            VARCHAR(32) NOT NULL COMMENT '线索池ID',
+    `limit_on_number`    BIT(1)      NOT NULL DEFAULT 1 COMMENT '是否限制领取数量',
+    `pick_number`        INT COMMENT '领取数量',
+    `limit_pre_owner`    BIT(1)      NOT NULL DEFAULT 1 COMMENT '是否限制前归属人领取',
+    `pick_interval_days` INT COMMENT '领取间隔天数',
+    `create_user`        VARCHAR(32) NOT NULL COMMENT '创建人',
+    `create_time`        BIGINT      NOT NULL COMMENT '创建时间',
+    `update_user`        VARCHAR(32) NOT NULL COMMENT '更新人',
+    `update_time`        BIGINT      NOT NULL COMMENT '更新时间',
+    PRIMARY KEY (id)
+) COMMENT = '线索池领取规则'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_pool_id ON clue_pool_pick_rule (pool_id ASC);
+
+CREATE TABLE clue_pool_recycle_rule
+(
+    `id`            VARCHAR(32) NOT NULL COMMENT 'ID',
+    `pool_id`       VARCHAR(32) NOT NULL COMMENT '线索池ID',
+    `operator`      VARCHAR(10) COMMENT '操作符',
+    `condition`     TEXT COMMENT '回收条件',
+    `create_time`   BIGINT      NOT NULL COMMENT '创建时间',
+    `update_time`   BIGINT      NOT NULL COMMENT '更新时间',
+    `create_user`   VARCHAR(32) NOT NULL COMMENT '创建人',
+    `update_user`   VARCHAR(32) NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '线索池回收规则'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_pool_id ON clue_pool_recycle_rule (pool_id ASC);
+
+CREATE TABLE clue_capacity
+(
+    `id`              VARCHAR(32) NOT NULL COMMENT 'id',
+    `organization_id` VARCHAR(32) NOT NULL COMMENT '组织架构ID',
+    `scope_id`        TEXT        NOT NULL COMMENT '范围ID',
+    `capacity`        INT         COMMENT '库容;NULL:不限制',
+    `create_time`     BIGINT      NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT      NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32) NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32) NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '线索池库容设置'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_organization_id ON clue_capacity (organization_id ASC);
+
+CREATE TABLE clue(
+     `id` VARCHAR(32) NOT NULL   COMMENT 'id' ,
+     `name` VARCHAR(255) NOT NULL   COMMENT '客户名称' ,
+     `owner` VARCHAR(32)    COMMENT '负责人' ,
+     `last_stage` VARCHAR(30)    COMMENT '上次修改前的线索状态' ,
+     `stage` VARCHAR(30) NOT NULL   COMMENT '线索状态' ,
+     `collection_time` BIGINT    COMMENT '领取时间' ,
+     `contact` VARCHAR(255)    COMMENT '联系人名称' ,
+     `phone` VARCHAR(30)    COMMENT '联系人电话' ,
+     `products`        VARCHAR(1000)   NOT NULL COMMENT '意向产品',
+     `organization_id` VARCHAR(32) NOT NULL   COMMENT '组织id' ,
+     `create_time` BIGINT NOT NULL   COMMENT '创建时间' ,
+     `update_time` BIGINT NOT NULL   COMMENT '更新时间' ,
+     `create_user` VARCHAR(32) NOT NULL   COMMENT '创建人' ,
+     `update_user` VARCHAR(32) NOT NULL   COMMENT '更新人' ,
+     `transition_type` VARCHAR(30)   DEFAULT 'NONE' COMMENT '转移成客户或者商机' ,
+     `transition_id` VARCHAR(32)    COMMENT '客户id或者商机id' ,
+     `in_shared_pool` BIT(1) NOT NULL  DEFAULT 0 COMMENT '是否在线索池' ,
+     `follower` VARCHAR(32)    COMMENT '最新跟进人' ,
+     `follow_time` BIGINT(255)    COMMENT '最新跟进时间' ,
+     `pool_id` VARCHAR(32)    COMMENT '线索池ID' ,
+     PRIMARY KEY (id)
+)  COMMENT = '线索'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_organization_id ON `clue` (organization_id ASC);
+CREATE INDEX idx_pool_id ON `clue` (pool_id ASC);
+CREATE INDEX idx_follower ON clue (follower ASC);
+CREATE INDEX idx_follow_time ON clue (follow_time ASC);
+
+CREATE TABLE clue_field
+(
+    `id`          VARCHAR(32)  NOT NULL COMMENT 'id',
+    `resource_id` VARCHAR(32)  NOT NULL COMMENT '线索id',
+    `field_id`    VARCHAR(32)  NOT NULL COMMENT '自定义属性id',
+    `field_value` VARCHAR(255) NOT NULL COMMENT '自定义属性值',
+    PRIMARY KEY (id)
+) COMMENT = '线索自定义属性'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_resource_id_field_id_field_value ON clue_field (resource_id, field_id, field_value);
+
+
+CREATE TABLE clue_field_blob
+(
+    `id`          VARCHAR(32) NOT NULL COMMENT 'id',
+    `resource_id` VARCHAR(32) NOT NULL COMMENT '客户联系人id',
+    `field_id`    VARCHAR(32) NOT NULL COMMENT '自定义属性id',
+    `field_value` TEXT        NOT NULL COMMENT '自定义属性值',
+    PRIMARY KEY (id)
+) COMMENT = '线索自定义属性大文本'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_resource_id ON clue_field_blob (resource_id ASC);
+
+
+CREATE TABLE clue_owner
+(
+    `id`              VARCHAR(32) NOT NULL COMMENT 'id',
+    `clue_id`         VARCHAR(32) NOT NULL COMMENT '线索id',
+    `owner`           VARCHAR(32) NOT NULL COMMENT '责任人',
+    `collection_time` BIGINT      NOT NULL COMMENT '领取时间',
+    `end_time`        BIGINT      NOT NULL COMMENT '结束时间',
+    `operator`        VARCHAR(32) NOT NULL COMMENT '操作人',
+    PRIMARY KEY (id)
+) COMMENT = '线索历史责任人'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_clue_id ON clue_owner (clue_id ASC);
+
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
diff --git a/backend/crm/src/main/resources/migration/1.0.0/ddl/V1.0.0_6__opportunity.sql b/backend/crm/src/main/resources/migration/1.0.0/ddl/V1.0.0_6__opportunity.sql
new file mode 100644
index 0000000..fdc1a8e
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.0.0/ddl/V1.0.0_6__opportunity.sql
@@ -0,0 +1,213 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+CREATE TABLE opportunity_rule
+(
+    `id`              VARCHAR(32)  NOT NULL COMMENT 'id',
+    `name`            VARCHAR(255) NOT NULL COMMENT '规则名称',
+    `organization_id` VARCHAR(32)  NOT NULL COMMENT '组织ID',
+    `owner_id`        TEXT         NOT NULL COMMENT '管理员ID',
+    `scope_id`        TEXT         NOT NULL COMMENT '范围ID',
+    `enable`          BIT(1)       NOT NULL DEFAULT 1 COMMENT '启用/禁用',
+    `auto`            BIT(1)       NOT NULL DEFAULT 0 COMMENT '自动回收',
+    `operator`        VARCHAR(10) COMMENT '操作符',
+    `condition`       TEXT COMMENT '回收条件',
+    `create_time`     BIGINT       NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT       NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32)  NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32)  NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '商机关闭规则'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_organization_id ON opportunity_rule (organization_id ASC);
+
+
+CREATE TABLE opportunity
+(
+    `id`              VARCHAR(32)     NOT NULL COMMENT 'id',
+    `customer_id`     VARCHAR(32)     NOT NULL COMMENT '客户id',
+    `name`            VARCHAR(255)    NOT NULL COMMENT '商机名称',
+    `amount`          DECIMAL(20, 10) COMMENT '金额',
+    `possible`        DECIMAL(20, 10) COMMENT '可能性',
+    `products`        VARCHAR(1000)   NOT NULL COMMENT '意向产品',
+    `organization_id` VARCHAR(32)     NOT NULL COMMENT '组织id',
+    `last_stage`      VARCHAR(32) COMMENT '上次修改前的商机阶段',
+    `stage`           VARCHAR(32)     NOT NULL COMMENT '商机阶段',
+    `status`          BIT(1)          NOT NULL DEFAULT 1 COMMENT '状态',
+    `contact_id`      VARCHAR(32)     NOT NULL COMMENT '联系人id',
+    `owner`           VARCHAR(32)     NOT NULL COMMENT '负责人',
+    `update_user`     VARCHAR(32)     NOT NULL COMMENT '更新人',
+    `create_time`     BIGINT          NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT          NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32)     NOT NULL COMMENT '创建人',
+    `follower`        VARCHAR(32) COMMENT '最新跟进人',
+    `follow_time`     BIGINT COMMENT '最新跟进时间',
+    PRIMARY KEY (id)
+) COMMENT = '商机'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_customer_id ON opportunity (customer_id ASC);
+CREATE INDEX idx_organization_id ON opportunity (organization_id ASC);
+CREATE INDEX idx_status ON opportunity (status ASC);
+CREATE INDEX idx_follower ON opportunity (follower ASC);
+CREATE INDEX idx_follow_time ON opportunity (follow_time ASC);
+
+
+CREATE TABLE opportunity_field
+(
+    `id`          VARCHAR(32)  NOT NULL COMMENT 'id',
+    `resource_id` VARCHAR(32)  NOT NULL COMMENT '商机id',
+    `field_id`    VARCHAR(32)  NOT NULL COMMENT '自定义属性id',
+    `field_value` VARCHAR(255) NOT NULL COMMENT '自定义属性值',
+    PRIMARY KEY (id)
+) COMMENT = '商机自定义属性'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_resource_id_field_id_field_value ON opportunity_field (resource_id, field_id, field_value);
+
+CREATE TABLE opportunity_field_blob
+(
+    `id`          VARCHAR(32) NOT NULL COMMENT 'id',
+    `resource_id` VARCHAR(32) NOT NULL COMMENT '商机id',
+    `field_id`    VARCHAR(32) NOT NULL COMMENT '自定义属性id',
+    `field_value` TEXT        NOT NULL COMMENT '自定义属性值',
+    PRIMARY KEY (id)
+) COMMENT = '商机自定义属性大文本'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_resource_id ON opportunity_field_blob (resource_id);
+
+CREATE TABLE follow_up_record
+(
+    `id`              VARCHAR(32)   NOT NULL COMMENT 'id',
+    `customer_id`     VARCHAR(32) COMMENT '客户id',
+    `opportunity_id`  VARCHAR(32) COMMENT '商机id',
+    `type`            VARCHAR(32)   NOT NULL COMMENT '类型',
+    `clue_id`         VARCHAR(32) COMMENT '线索id',
+    `content`         VARCHAR(2000) NOT NULL COMMENT '跟进内容',
+    `organization_id` VARCHAR(32)   NOT NULL COMMENT '组织id',
+    `follow_time`     BIGINT NOT NULL COMMENT '跟进时间',
+    `follow_method`   VARCHAR(32)   NOT NULL COMMENT '跟进方式',
+    `owner`           VARCHAR(32)   NOT NULL COMMENT '负责人',
+    `contact_id`      VARCHAR(32)   COMMENT '联系人id',
+    `create_time`     BIGINT        NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT        NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32)   NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32)   NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '跟进记录'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_customer_id ON follow_up_record (customer_id ASC);
+CREATE INDEX idx_organization_id ON follow_up_record (organization_id ASC);
+CREATE INDEX idx_opportunity_id ON follow_up_record (opportunity_id ASC);
+CREATE INDEX idx_clue_id ON follow_up_record (clue_id ASC);
+CREATE INDEX idx_owner ON follow_up_record (owner ASC);
+CREATE INDEX idx_contact_id ON follow_up_record (contact_id ASC);
+
+
+CREATE TABLE follow_up_record_field
+(
+    `id`          VARCHAR(32)  NOT NULL COMMENT 'id',
+    `resource_id` VARCHAR(32)  NOT NULL COMMENT '跟进记录id',
+    `field_id`    VARCHAR(32)  NOT NULL COMMENT '自定义属性id',
+    `field_value` VARCHAR(255) NOT NULL COMMENT '自定义属性值',
+    PRIMARY KEY (id)
+) COMMENT = '跟进记录自定义属性'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_resource_id_field_id_field_value ON follow_up_record_field (resource_id, field_id, field_value);
+
+CREATE TABLE follow_up_record_field_blob
+(
+    `id`          VARCHAR(32) NOT NULL COMMENT 'id',
+    `resource_id` VARCHAR(32) NOT NULL COMMENT '跟进记录id',
+    `field_id`    VARCHAR(32) NOT NULL COMMENT '自定义属性id',
+    `field_value` TEXT        NOT NULL COMMENT '自定义属性值',
+    PRIMARY KEY (id)
+) COMMENT = '跟进记录自定义属性大文本'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_resource_id ON follow_up_record_field_blob (resource_id);
+
+
+
+CREATE TABLE follow_up_plan
+(
+    `id`              VARCHAR(32)   NOT NULL COMMENT 'id',
+    `customer_id`     VARCHAR(32) COMMENT '客户id',
+    `opportunity_id`  VARCHAR(32) COMMENT '商机id',
+    `type`            VARCHAR(32)   NOT NULL COMMENT '类型',
+    `clue_id`         VARCHAR(32) COMMENT '线索id',
+    `content`         VARCHAR(1000) NOT NULL COMMENT '预计沟通内容',
+    `organization_id` VARCHAR(32)   NOT NULL COMMENT '组织id',
+    `owner`           VARCHAR(32)   NOT NULL COMMENT '负责人',
+    `contact_id`      VARCHAR(32)   COMMENT '联系人',
+    `estimated_time`  BIGINT(255) NOT NULL COMMENT '预计开始时间',
+    `method`          VARCHAR(32)   NOT NULL COMMENT '跟进方式',
+    `status`          VARCHAR(64) COMMENT '状态',
+    `create_time`     BIGINT        NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT        NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32)   NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32)   NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '跟进计划'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_customer_id ON follow_up_plan (customer_id ASC);
+CREATE INDEX idx_organization_id ON follow_up_plan (organization_id ASC);
+CREATE INDEX idx_opportunity_id ON follow_up_plan (opportunity_id ASC);
+CREATE INDEX idx_clue_id ON follow_up_plan (clue_id ASC);
+CREATE INDEX idx_owner ON follow_up_plan (owner ASC);
+CREATE INDEX idx_contact_id ON follow_up_plan (contact_id ASC);
+
+
+CREATE TABLE follow_up_plan_field
+(
+    `id`          VARCHAR(32)  NOT NULL COMMENT 'id',
+    `resource_id` VARCHAR(32)  NOT NULL COMMENT '跟进计划id',
+    `field_id`    VARCHAR(32)  NOT NULL COMMENT '自定义属性id',
+    `field_value` VARCHAR(255) NOT NULL COMMENT '自定义属性值',
+    PRIMARY KEY (id)
+) COMMENT = '跟进计划自定义属性'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_resource_id_field_id_field_value ON follow_up_plan_field (resource_id, field_id, field_value);
+
+
+CREATE TABLE follow_up_plan_field_blob
+(
+    `id`          VARCHAR(32) NOT NULL COMMENT 'id',
+    `resource_id` VARCHAR(32) NOT NULL COMMENT '跟进计划id',
+    `field_id`    VARCHAR(32) NOT NULL COMMENT '自定义属性id',
+    `field_value` TEXT NOT NULL COMMENT '自定义属性值',
+    PRIMARY KEY (id)
+) COMMENT = '跟进计划自定义属性大文本'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_resource_id ON follow_up_plan_field_blob (resource_id ASC);
+
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
diff --git a/backend/crm/src/main/resources/migration/1.0.0/dml/V1.0.0_2_1__data.sql b/backend/crm/src/main/resources/migration/1.0.0/dml/V1.0.0_2_1__data.sql
new file mode 100644
index 0000000..b756622
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.0.0/dml/V1.0.0_2_1__data.sql
@@ -0,0 +1,109 @@
+-- set innodb lock wait timeout
+
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- 初始化用户
+INSERT INTO `sys_user` ( `id`, `name`, `email`, `password`, `gender`, `phone`, `language`, `last_organization_id`, `create_time`, `update_time`, `create_user`, `update_user` )
+VALUES
+    ( 'admin', 'Administrator', 'admin@cordys-crm.io', MD5( 'CordysCRM' ), 1, '4000520755', 'zh_CN', '100001', 1716175907000, 1729752373360, '717345437786112', 'admin' );
+
+SET @internal_department_id = UUID_SHORT();-- 初始化用户基本信息
+
+INSERT INTO `sys_department` ( `id`, `name`, `organization_id`, `parent_id`, `pos`, `create_time`, `update_time`, `create_user`, `update_user`, `resource`, `resource_id` )
+VALUES
+    ( @internal_department_id, '公司名称', '100001', 'NONE', 100001, 1736240043609, 1736240043609, 'admin', 'admin', 'INTERNAL', NULL );-- 初始化默认组织
+
+INSERT INTO `sys_organization` ( `id`, `name`, `create_time`, `update_time`, `create_user`, `update_user` )
+VALUES
+    ( '100001', 'default', 1736152274610, 1736152274610, 'admin', 'admin' );-- 初始化组织管理员
+
+INSERT INTO sys_role ( id, NAME, internal, data_scope, create_time, update_time, create_user, update_user, description, organization_id )
+VALUES
+    ( 'org_admin', 'org_admin', 1, 'ALL', UNIX_TIMESTAMP() * 1000, UNIX_TIMESTAMP() * 1000, 'admin', 'admin', '', '100001' );-- 初始化销售经理
+
+INSERT INTO sys_role ( id, NAME, internal, data_scope, create_time, update_time, create_user, update_user, description, organization_id )
+VALUES
+    ( 'sales_manager', 'sales_manager', 1, 'DEPT_AND_CHILD', UNIX_TIMESTAMP() * 1000 + 1, UNIX_TIMESTAMP() * 1000 + 1, 'admin', 'admin', '', '100001' );-- 初始化销售专员
+
+INSERT INTO sys_role ( id, NAME, internal, data_scope, create_time, update_time, create_user, update_user, description, organization_id )
+VALUES
+    ( 'sales_staff', 'sales_staff', 1, 'SELF', UNIX_TIMESTAMP() * 1000 + 2, UNIX_TIMESTAMP() * 1000 + 2, 'admin', 'admin', '', '100001' );-- set innodb lock wait timeout to default
+
+SET @customer_addID = UUID_SHORT();-- 初始化消息通知
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@customer_addID, 'CUSTOMER_ADD', 'CUSTOMER', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+SET @customer_transferred_customerID = UUID_SHORT();-- 初始化消息通知
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@customer_transferred_customerID, 'CUSTOMER_TRANSFERRED_CUSTOMER', 'CUSTOMER', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+SET @customer_automatic_move_high_seasID = UUID_SHORT();-- 初始化消息通知
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@customer_automatic_move_high_seasID, 'CUSTOMER_AUTOMATIC_MOVE_HIGH_SEAS', 'CUSTOMER', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+SET @customer_moved_high_seasID = UUID_SHORT();-- 初始化消息通知
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@customer_moved_high_seasID, 'CUSTOMER_MOVED_HIGH_SEAS', 'CUSTOMER', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+
+SET @customer_deletedID = UUID_SHORT();-- 初始化消息通知
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@customer_deletedID, 'CUSTOMER_DELETED', 'CUSTOMER', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+SET @high_seas_customer_distributedID = UUID_SHORT();-- 初始化消息通知
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@high_seas_customer_distributedID, 'HIGH_SEAS_CUSTOMER_DISTRIBUTED', 'CUSTOMER', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+SET @customer_follow_up_plan_dueID = UUID_SHORT();-- 初始化消息通知
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@customer_follow_up_plan_dueID, 'CUSTOMER_FOLLOW_UP_PLAN_DUE', 'CUSTOMER', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+SET @clue_automatic_move_poolID = UUID_SHORT();-- 初始化消息通知
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@clue_automatic_move_poolID, 'CLUE_AUTOMATIC_MOVE_POOL', 'CLUE', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+SET @clue_moved_poolID = UUID_SHORT();-- 初始化消息通知
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@clue_moved_poolID, 'CLUE_MOVED_POOL', 'CLUE', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+SET @clue_convert_customerID = UUID_SHORT();-- 初始化消息通知
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@clue_convert_customerID, 'CLUE_CONVERT_CUSTOMER', 'CLUE', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+SET @transfer_clueID = UUID_SHORT();-- 初始化消息通知
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@transfer_clueID, 'TRANSFER_CLUE', 'CLUE', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+SET @clue_deletedID = UUID_SHORT();-- 初始化消息通知
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@clue_deletedID, 'CLUE_DELETED', 'CLUE', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+SET @clue_distributedID = UUID_SHORT();-- 初始化消息通知
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@clue_distributedID, 'CLUE_DISTRIBUTED', 'CLUE', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+SET @clue_importID = UUID_SHORT();-- 初始化消息通知
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@clue_importID, 'CLUE_IMPORT', 'CLUE', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+SET @clue_follow_up_plan_dueID = UUID_SHORT();-- 初始化消息通知
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@clue_follow_up_plan_dueID, 'CLUE_FOLLOW_UP_PLAN_DUE', 'CLUE', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+SET @business_deletedID = UUID_SHORT();-- 初始化消息通知
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@business_deletedID, 'BUSINESS_DELETED', 'OPPORTUNITY', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+SET @business_transferID = UUID_SHORT();-- 初始化消息通知
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@business_transferID, 'BUSINESS_TRANSFER', 'OPPORTUNITY', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+SET @business_importID = UUID_SHORT();-- 初始化消息通知
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@business_importID, 'BUSINESS_IMPORT', 'OPPORTUNITY', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+SET @business_follow_up_plan_dueID = UUID_SHORT();-- 初始化消息通知
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@business_follow_up_plan_dueID, 'BUSINESS_FOLLOW_UP_PLAN_DUE', 'OPPORTUNITY', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.0.0/dml/V1.0.0_2_2__permission.sql b/backend/crm/src/main/resources/migration/1.0.0/dml/V1.0.0_2_2__permission.sql
new file mode 100644
index 0000000..f833f7a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.0.0/dml/V1.0.0_2_2__permission.sql
@@ -0,0 +1,287 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- 管理员
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142848', 'org_admin', 'SYS_ORGANIZATION:READ');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142849', 'org_admin', 'SYS_ORGANIZATION:ADD');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142850', 'org_admin', 'SYS_ORGANIZATION:UPDATE');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142851', 'org_admin', 'SYS_ORGANIZATION:DELETE');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142852', 'org_admin', 'SYS_ORGANIZATION:IMPORT');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142853', 'org_admin', 'SYS_ORGANIZATION:SYNC');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142854', 'org_admin', 'SYS_ORGANIZATION_USER:RESET_PASSWORD');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142855', 'org_admin', 'SYSTEM_ROLE:READ');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142856', 'org_admin', 'SYSTEM_ROLE:ADD');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142857', 'org_admin', 'SYSTEM_ROLE:UPDATE');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142858', 'org_admin', 'SYSTEM_ROLE:DELETE');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142859', 'org_admin', 'SYSTEM_ROLE:ADD_USER');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142860', 'org_admin', 'SYSTEM_ROLE:REMOVE_USER');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142861', 'org_admin', 'MODULE_SETTING:READ');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142862', 'org_admin', 'MODULE_SETTING:UPDATE');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142863', 'org_admin', 'SYSTEM_NOTICE:READ');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142864', 'org_admin', 'SYSTEM_NOTICE:ADD');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142865', 'org_admin', 'SYSTEM_NOTICE:UPDATE');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142866', 'org_admin', 'SYSTEM_NOTICE:DELETE');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142867', 'org_admin', 'SYSTEM_SETTING:READ');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142868', 'org_admin', 'SYSTEM_SETTING:UPDATE');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142869', 'org_admin', 'CUSTOMER_MANAGEMENT:READ');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142870', 'org_admin', 'CUSTOMER_MANAGEMENT:ADD');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142871', 'org_admin', 'CUSTOMER_MANAGEMENT:UPDATE');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142872', 'org_admin', 'CUSTOMER_MANAGEMENT:RECYCLE');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142873', 'org_admin', 'CUSTOMER_MANAGEMENT:DELETE');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142874', 'org_admin', 'CUSTOMER_MANAGEMENT_POOL:READ');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142875', 'org_admin', 'CUSTOMER_MANAGEMENT_POOL:PICK');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142876', 'org_admin', 'CUSTOMER_MANAGEMENT_POOL:ASSIGN');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142877', 'org_admin', 'CUSTOMER_MANAGEMENT_POOL:DELETE');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142878', 'org_admin', 'CUSTOMER_MANAGEMENT_CONTACT:READ');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142879', 'org_admin', 'CUSTOMER_MANAGEMENT_CONTACT:ADD');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142880', 'org_admin', 'CUSTOMER_MANAGEMENT_CONTACT:UPDATE');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142881', 'org_admin', 'CUSTOMER_MANAGEMENT_CONTACT:DELETE');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142882', 'org_admin', 'CLUE_MANAGEMENT:READ');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142883', 'org_admin', 'CLUE_MANAGEMENT:ADD');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142884', 'org_admin', 'CLUE_MANAGEMENT:UPDATE');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142885', 'org_admin', 'CLUE_MANAGEMENT:RECYCLE');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142886', 'org_admin', 'CLUE_MANAGEMENT:DELETE');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142887', 'org_admin', 'CLUE_MANAGEMENT_POOL:READ');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142888', 'org_admin', 'CLUE_MANAGEMENT_POOL:PICK');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142889', 'org_admin', 'CLUE_MANAGEMENT_POOL:ASSIGN');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142890', 'org_admin', 'CLUE_MANAGEMENT_POOL:DELETE');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142891', 'org_admin', 'OPPORTUNITY_MANAGEMENT:READ');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142892', 'org_admin', 'OPPORTUNITY_MANAGEMENT:ADD');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142893', 'org_admin', 'OPPORTUNITY_MANAGEMENT:UPDATE');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142894', 'org_admin', 'OPPORTUNITY_MANAGEMENT:DELETE');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142895', 'org_admin', 'PRODUCT_MANAGEMENT:READ');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142896', 'org_admin', 'PRODUCT_MANAGEMENT:ADD');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142897', 'org_admin', 'PRODUCT_MANAGEMENT:UPDATE');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1076902920142898', 'org_admin', 'PRODUCT_MANAGEMENT:DELETE');
+INSERT INTO sys_role_permission
+(id, role_id, permission_id)
+VALUES ('1076902920142899', 'org_admin', 'OPERATION_LOG:READ');
+INSERT INTO sys_role_permission
+(id, role_id, permission_id)
+VALUES ('1076902920142900', 'org_admin', 'SYSTEM_SETTING:ADD');
+INSERT INTO sys_role_permission
+(id, role_id, permission_id)
+VALUES ('1076902920142901', 'org_admin', 'SYSTEM_SETTING:DELETE');
+
+-- 销售经理
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1120642867085312', 'sales_manager', 'CUSTOMER_MANAGEMENT:READ');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1120642867085313', 'sales_manager', 'CUSTOMER_MANAGEMENT:ADD');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1120642867085314', 'sales_manager', 'CUSTOMER_MANAGEMENT:UPDATE');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1120642867085315', 'sales_manager', 'CUSTOMER_MANAGEMENT:RECYCLE');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1120642867085316', 'sales_manager', 'CUSTOMER_MANAGEMENT_POOL:READ');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1120642867085317', 'sales_manager', 'CUSTOMER_MANAGEMENT_POOL:PICK');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1120660046954496', 'sales_manager', 'CUSTOMER_MANAGEMENT_CONTACT:READ');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1120660046954497', 'sales_manager', 'CUSTOMER_MANAGEMENT_CONTACT:ADD');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1120660046954498', 'sales_manager', 'CUSTOMER_MANAGEMENT_CONTACT:UPDATE');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1120660046954499', 'sales_manager', 'CLUE_MANAGEMENT:READ');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1120660046954500', 'sales_manager', 'CLUE_MANAGEMENT:ADD');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1120660046954501', 'sales_manager', 'CLUE_MANAGEMENT:UPDATE');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1120660046954502', 'sales_manager', 'CUSTOMER_MANAGEMENT:RECYCLE');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1120660046954503', 'sales_manager', 'CLUE_MANAGEMENT_POOL:READ');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1120660046954504', 'sales_manager', 'CLUE_MANAGEMENT_POOL:PICK');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1120660046954505', 'sales_manager', 'OPPORTUNITY_MANAGEMENT:READ');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1120660046954506', 'sales_manager', 'OPPORTUNITY_MANAGEMENT:ADD');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1120660046954507', 'sales_manager', 'OPPORTUNITY_MANAGEMENT:UPDATE');
+INSERT INTO sys_role_permission
+(id, role_id, permission_id)
+VALUES ('1120660046954508', 'sales_manager', 'CLUE_MANAGEMENT:RECYCLE');
+
+-- 销售专员
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1117962807492608', 'sales_staff', 'CUSTOMER_MANAGEMENT:READ');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1117962807492609', 'sales_staff', 'CUSTOMER_MANAGEMENT:ADD');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1117962807492610', 'sales_staff', 'CUSTOMER_MANAGEMENT:UPDATE');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1117962807492611', 'sales_staff', 'CUSTOMER_MANAGEMENT:RECYCLE');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1117962807492612', 'sales_staff', 'CUSTOMER_MANAGEMENT_POOL:READ');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1117962807492613', 'sales_staff', 'CUSTOMER_MANAGEMENT_POOL:PICK');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1117962807492614', 'sales_staff', 'CUSTOMER_MANAGEMENT_CONTACT:READ');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1117962807492615', 'sales_staff', 'CUSTOMER_MANAGEMENT_CONTACT:ADD');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1117962807492616', 'sales_staff', 'CUSTOMER_MANAGEMENT_CONTACT:UPDATE');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1117962807492617', 'sales_staff', 'CLUE_MANAGEMENT:READ');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1117962807492618', 'sales_staff', 'CLUE_MANAGEMENT:ADD');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1117962807492619', 'sales_staff', 'CLUE_MANAGEMENT:UPDATE');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1117962807492620', 'sales_staff', 'CUSTOMER_MANAGEMENT:RECYCLE');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1117962807492621', 'sales_staff', 'CLUE_MANAGEMENT_POOL:READ');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1117962807492622', 'sales_staff', 'CLUE_MANAGEMENT_POOL:PICK');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1117962807492623', 'sales_staff', 'OPPORTUNITY_MANAGEMENT:READ');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1117962807492624', 'sales_staff', 'OPPORTUNITY_MANAGEMENT:ADD');
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES ('1117962807492625', 'sales_staff', 'OPPORTUNITY_MANAGEMENT:UPDATE');
+INSERT INTO sys_role_permission
+(id, role_id, permission_id)
+VALUES ('1117962807492626', 'sales_staff', 'CLUE_MANAGEMENT:RECYCLE');
+
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.0.1/ddl/V1.0.1_1__init.sql b/backend/crm/src/main/resources/migration/1.0.1/ddl/V1.0.1_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.0.1/ddl/V1.0.1_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.0.1/ddl/V1.0.1_2__ga_ddl.sql b/backend/crm/src/main/resources/migration/1.0.1/ddl/V1.0.1_2__ga_ddl.sql
new file mode 100644
index 0000000..459d5d6
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.0.1/ddl/V1.0.1_2__ga_ddl.sql
@@ -0,0 +1,36 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+CREATE TABLE export_task
+(
+    `id`              VARCHAR(32)  NOT NULL COMMENT 'id',
+    `file_name`       VARCHAR(255) NOT NULL COMMENT '文件名',
+    `resource_type`   VARCHAR(50)  NOT NULL COMMENT '资源类型',
+    `file_id`         VARCHAR(32)  NOT NULL COMMENT '文件id',
+    `status`          VARCHAR(50)  NOT NULL COMMENT '状态',
+    `organization_id` VARCHAR(32)  NOT NULL COMMENT '组织id',
+    `create_time`     BIGINT       NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT       NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32)  NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32)  NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '导出任务'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_organization_id ON export_task(organization_id ASC);
+CREATE INDEX idx_status ON export_task(status ASC);
+CREATE INDEX idx_resource_type ON export_task(resource_type ASC);
+CREATE INDEX idx_create_time ON export_task(create_time ASC);
+CREATE INDEX idx_create_user ON export_task(create_user ASC);
+
+ALTER TABLE customer_capacity ADD COLUMN `filter` TEXT COMMENT '过滤条件';
+
+ALTER TABLE opportunity ADD COLUMN expected_end_time BIGINT NOT NULL COMMENT '结束时间';
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
+
+
+
diff --git a/backend/crm/src/main/resources/migration/1.0.1/dml/V1.0.1_2_1__data.sql b/backend/crm/src/main/resources/migration/1.0.1/dml/V1.0.1_2_1__data.sql
new file mode 100644
index 0000000..8de5a67
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.0.1/dml/V1.0.1_2_1__data.sql
@@ -0,0 +1,5 @@
+-- set innodb lock wait timeout
+
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.0.1/dml/V1.0.1_2_2__permission.sql b/backend/crm/src/main/resources/migration/1.0.1/dml/V1.0.1_2_2__permission.sql
new file mode 100644
index 0000000..3283329
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.0.1/dml/V1.0.1_2_2__permission.sql
@@ -0,0 +1,59 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- 管理员
+SET @opportunity_resignID = UUID_SHORT();-- 初始化OPPORTUNITY_MANAGEMENT:RESIGN权限
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES (@opportunity_resignID, 'org_admin', 'OPPORTUNITY_MANAGEMENT:RESIGN');
+
+SET @customer_exportOrgID = UUID_SHORT();
+INSERT INTO sys_role_permission
+(id, role_id, permission_id)
+VALUES (@customer_exportOrgID, 'org_admin', 'CUSTOMER_MANAGEMENT:EXPORT');
+
+SET @opportunity_exportOrgID = UUID_SHORT();
+INSERT INTO sys_role_permission
+(id, role_id, permission_id)
+VALUES (@opportunity_exportOrgID, 'org_admin', 'OPPORTUNITY_MANAGEMENT:EXPORT');
+
+SET @clue_exportOrgID = UUID_SHORT();
+INSERT INTO sys_role_permission
+(id, role_id, permission_id)
+VALUES ( @clue_exportOrgID, 'org_admin', 'CLUE_MANAGEMENT:EXPORT');
+
+-- 销售经理
+SET @customer_exportManID = UUID_SHORT();
+INSERT INTO sys_role_permission
+(id, role_id, permission_id)
+VALUES (@customer_exportManID, 'sales_manager', 'CUSTOMER_MANAGEMENT:EXPORT');
+
+SET @opportunity_exportManID = UUID_SHORT();
+INSERT INTO sys_role_permission
+(id, role_id, permission_id)
+VALUES (@opportunity_exportManID, 'sales_manager', 'OPPORTUNITY_MANAGEMENT:EXPORT');
+
+SET @clue_exportManID = UUID_SHORT();
+INSERT INTO sys_role_permission
+(id, role_id, permission_id)
+VALUES (@clue_exportManID, 'sales_manager', 'CLUE_MANAGEMENT:EXPORT');
+
+-- 销售专员
+SET @customer_exportStaID = UUID_SHORT();
+INSERT INTO sys_role_permission
+(id, role_id, permission_id)
+VALUES ('1117962807492627', 'sales_staff', 'CUSTOMER_MANAGEMENT:EXPORT');
+
+SET @opportunity_exportStaID = UUID_SHORT();
+INSERT INTO sys_role_permission
+(id, role_id, permission_id)
+VALUES (@opportunity_exportStaID, 'sales_staff', 'OPPORTUNITY_MANAGEMENT:EXPORT');
+
+SET @clue_exportStaID = UUID_SHORT();
+INSERT INTO sys_role_permission
+(id, role_id, permission_id)
+VALUES (@clue_exportStaID, 'sales_staff', 'CLUE_MANAGEMENT:EXPORT');
+
+
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.0.2/ddl/V1.0.2_1__init.sql b/backend/crm/src/main/resources/migration/1.0.2/ddl/V1.0.2_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.0.2/ddl/V1.0.2_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.0.2/ddl/V1.0.2_2__ga_ddl.sql b/backend/crm/src/main/resources/migration/1.0.2/ddl/V1.0.2_2__ga_ddl.sql
new file mode 100644
index 0000000..3d67dbd
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.0.2/ddl/V1.0.2_2__ga_ddl.sql
@@ -0,0 +1,8 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
+
+
+
diff --git a/backend/crm/src/main/resources/migration/1.0.2/dml/V1.0.2_2_1__data.sql b/backend/crm/src/main/resources/migration/1.0.2/dml/V1.0.2_2_1__data.sql
new file mode 100644
index 0000000..8de5a67
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.0.2/dml/V1.0.2_2_1__data.sql
@@ -0,0 +1,5 @@
+-- set innodb lock wait timeout
+
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.0.2/dml/V1.0.2_2_2__permission.sql b/backend/crm/src/main/resources/migration/1.0.2/dml/V1.0.2_2_2__permission.sql
new file mode 100644
index 0000000..ed0968e
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.0.2/dml/V1.0.2_2_2__permission.sql
@@ -0,0 +1,4 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.0.3/ddl/V1.0.3_1__init.sql b/backend/crm/src/main/resources/migration/1.0.3/ddl/V1.0.3_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.0.3/ddl/V1.0.3_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.0.3/ddl/V1.0.3_2__ga_ddl.sql b/backend/crm/src/main/resources/migration/1.0.3/ddl/V1.0.3_2__ga_ddl.sql
new file mode 100644
index 0000000..e2d1ec0
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.0.3/ddl/V1.0.3_2__ga_ddl.sql
@@ -0,0 +1,14 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+alter table product
+    add pos BIGINT NOT NULL DEFAULT 0 COMMENT '排序' after status;
+
+
+
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
+
+
+
diff --git a/backend/crm/src/main/resources/migration/1.0.3/dml/V1.0.3_2_1__data.sql b/backend/crm/src/main/resources/migration/1.0.3/dml/V1.0.3_2_1__data.sql
new file mode 100644
index 0000000..605af05
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.0.3/dml/V1.0.3_2_1__data.sql
@@ -0,0 +1,13 @@
+-- set innodb lock wait timeout
+
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- 初始化产品排序字段
+SET @pos := 0;
+
+UPDATE product
+SET pos = (@pos := @pos + 4096)
+    ORDER BY id;
+
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.0.3/dml/V1.0.3_2_2__permission.sql b/backend/crm/src/main/resources/migration/1.0.3/dml/V1.0.3_2_2__permission.sql
new file mode 100644
index 0000000..ed0968e
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.0.3/dml/V1.0.3_2_2__permission.sql
@@ -0,0 +1,4 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.0.4/ddl/V1.0.4_1__init.sql b/backend/crm/src/main/resources/migration/1.0.4/ddl/V1.0.4_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.0.4/ddl/V1.0.4_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.0.4/ddl/V1.0.4_2__ga_ddl.sql b/backend/crm/src/main/resources/migration/1.0.4/ddl/V1.0.4_2__ga_ddl.sql
new file mode 100644
index 0000000..f6c1bab
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.0.4/ddl/V1.0.4_2__ga_ddl.sql
@@ -0,0 +1,14 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- 改成非必填
+ALTER TABLE opportunity MODIFY COLUMN expected_end_time bigint(20) NULL COMMENT '结束时间';
+ALTER TABLE opportunity MODIFY COLUMN products varchar(1000) NULL COMMENT '意向产品';
+ALTER TABLE clue MODIFY COLUMN products varchar(1000) NULL COMMENT '意向产品';
+ALTER TABLE product MODIFY COLUMN price DECIMAL(14, 4) NULL COMMENT '价格';
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
+
+
+
diff --git a/backend/crm/src/main/resources/migration/1.1.0/ddl/V1.1.0_1__init.sql b/backend/crm/src/main/resources/migration/1.1.0/ddl/V1.1.0_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.1.0/ddl/V1.1.0_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.1.0/ddl/V1.1.0_2__ga_ddl.sql b/backend/crm/src/main/resources/migration/1.1.0/ddl/V1.1.0_2__ga_ddl.sql
new file mode 100644
index 0000000..4a80795
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.1.0/ddl/V1.1.0_2__ga_ddl.sql
@@ -0,0 +1,97 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+alter table sys_message_task
+    add we_com_enable bit default b'0' null comment '企业微信启用' after sys_enable;
+
+CREATE TABLE dashboard_module
+(
+    `id`              VARCHAR(32)  NOT NULL COMMENT 'id',
+    `organization_id` VARCHAR(32)  NOT NULL COMMENT '组织id',
+    `name`            VARCHAR(255) NOT NULL COMMENT '名称',
+    `parent_id`       VARCHAR(32)  NOT NULL DEFAULT 'NONE' COMMENT '父节点id',
+    `pos`             BIGINT       NOT NULL DEFAULT 0 COMMENT '同一节点下顺序',
+    `create_time`     BIGINT       NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT       NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32)  NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32)  NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '仪表板模块'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_organization_id ON dashboard_module (organization_id ASC);
+CREATE INDEX idx_name ON dashboard_module (name ASC);
+CREATE INDEX idx_pos ON dashboard_module (pos ASC);
+CREATE INDEX idx_parent_id ON dashboard_module (parent_id ASC);
+
+
+CREATE TABLE dashboard
+(
+    `id`                  VARCHAR(32)  NOT NULL COMMENT 'id',
+    `name`                VARCHAR(255) NOT NULL COMMENT '名称',
+    `resource_id`         VARCHAR(50)  NOT NULL COMMENT '三方资源id',
+    `dashboard_module_id` VARCHAR(32)  NOT NULL COMMENT '模块id',
+    `organization_id`     VARCHAR(32)  NOT NULL COMMENT '组织id',
+    `pos`                 BIGINT       NOT NULL DEFAULT 0 COMMENT '同一节点下顺序',
+    `scope_id`            TEXT         NOT NULL COMMENT '范围',
+    `description`         VARCHAR(1000) COMMENT '描述',
+    `create_time`         BIGINT       NOT NULL COMMENT '创建时间',
+    `update_time`         BIGINT       NOT NULL COMMENT '更新时间',
+    `create_user`         VARCHAR(32)  NOT NULL COMMENT '创建人',
+    `update_user`         VARCHAR(32)  NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '仪表板'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_name ON dashboard (name ASC);
+CREATE INDEX idx_dashboard_module_id ON dashboard (dashboard_module_id ASC);
+
+
+ALTER TABLE opportunity
+    ADD COLUMN actual_end_time BIGINT COMMENT '实际结束时间';
+ALTER TABLE opportunity
+    ADD COLUMN failure_reason VARCHAR(50) COMMENT '失败原因';
+
+
+CREATE TABLE sys_license
+(
+    `id`           VARCHAR(32) NOT NULL COMMENT 'id',
+    `license_code` LONGTEXT    NOT NULL COMMENT 'license_code',
+    `create_time`  BIGINT      NOT NULL COMMENT '创建时间',
+    `update_time`  BIGINT      NOT NULL COMMENT '更新时间',
+    `create_user`  VARCHAR(32) NOT NULL COMMENT '创建人',
+    `update_user`  VARCHAR(32) NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = 'license'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+
+CREATE TABLE dashboard_collection
+(
+    `id`           VARCHAR(32) NOT NULL COMMENT 'id',
+    `user_id`      VARCHAR(32) NOT NULL COMMENT '用户id',
+    `dashboard_id` VARCHAR(32) NOT NULL COMMENT '仪表板id',
+    `create_time`  BIGINT      NOT NULL COMMENT '创建时间',
+    `update_time`  BIGINT      NOT NULL COMMENT '更新时间',
+    `create_user`  VARCHAR(32) NOT NULL COMMENT '创建人',
+    `update_user`  VARCHAR(32) NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '仪表板收藏'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_user_id ON dashboard_collection (user_id ASC);
+
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
+
+
+
diff --git a/backend/crm/src/main/resources/migration/1.1.0/dml/V1.1.0_2_1__data.sql b/backend/crm/src/main/resources/migration/1.1.0/dml/V1.1.0_2_1__data.sql
new file mode 100644
index 0000000..4471a1f
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.1.0/dml/V1.1.0_2_1__data.sql
@@ -0,0 +1,13 @@
+-- set innodb lock wait timeout
+
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- 初始化仪表板菜单
+insert into sys_module value (UUID_SHORT(), '100001', 'dashboard', false, 7,
+                              'admin', UNIX_TIMESTAMP() * 1000, 'admin', UNIX_TIMESTAMP() * 1000);
+
+INSERT INTO `dashboard_module`(`id`, `organization_id`, `name`, `parent_id`, `pos`, `create_time`, `update_time`, `create_user`, `update_user`)
+VALUES
+    (UUID_SHORT(), '100001', '默认文件夹', 'NONE', 0, UNIX_TIMESTAMP() * 1000, UNIX_TIMESTAMP() * 1000, 'admin', 'admin');
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.1.0/dml/V1.1.0_2_2__permission.sql b/backend/crm/src/main/resources/migration/1.1.0/dml/V1.1.0_2_2__permission.sql
new file mode 100644
index 0000000..52ff7e9
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.1.0/dml/V1.1.0_2_2__permission.sql
@@ -0,0 +1,14 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+INSERT INTO sys_role_permission
+(id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'DASHBOARD:READ'),
+       (UUID_SHORT(), 'org_admin', 'DASHBOARD:ADD'),
+       (UUID_SHORT(), 'org_admin', 'DASHBOARD:UPDATE'),
+       (UUID_SHORT(), 'org_admin', 'DASHBOARD:DELETE'),
+       (UUID_SHORT(), 'org_admin', 'LICENSE:READ'),
+       (UUID_SHORT(), 'org_admin', 'LICENSE:EDIT');
+
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.1.1/ddl/V1.1.1_1__init.sql b/backend/crm/src/main/resources/migration/1.1.1/ddl/V1.1.1_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.1.1/ddl/V1.1.1_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.1.1/ddl/V1.1.1_2__ga_ddl.sql b/backend/crm/src/main/resources/migration/1.1.1/ddl/V1.1.1_2__ga_ddl.sql
new file mode 100644
index 0000000..ad63327
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.1.1/ddl/V1.1.1_2__ga_ddl.sql
@@ -0,0 +1,130 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- Add pool pick rule
+ALTER TABLE customer_pool_pick_rule
+    ADD limit_new BIT(1) NOT NULL DEFAULT 0 COMMENT '是否限制新数据' after pick_interval_days;
+ALTER TABLE customer_pool_pick_rule
+    ADD new_pick_interval INT COMMENT '新数据领取保护' after limit_new;
+
+ALTER TABLE clue_pool_pick_rule
+    ADD limit_new BIT(1) NOT NULL DEFAULT 0 COMMENT '是否限制新数据' after pick_interval_days;
+ALTER TABLE clue_pool_pick_rule
+    ADD new_pick_interval INT COMMENT '新数据领取保护' after limit_new;
+
+
+CREATE TABLE sys_user_view
+(
+    `id`              VARCHAR(32)  NOT NULL COMMENT 'id',
+    `user_id`         VARCHAR(32)  NOT NULL COMMENT '用户id',
+    `name`            VARCHAR(255) NOT NULL COMMENT '视图名称',
+    `fixed`           BIT(1)       NOT NULL DEFAULT 0 COMMENT '是否固定',
+    `resource_type`   VARCHAR(50)  NOT NULL COMMENT '资源类型(客户/线索/商机)',
+    `organization_id` VARCHAR(32)  NOT NULL COMMENT '组织id',
+    `pos`             BIGINT       NOT NULL COMMENT '排序',
+    `enable`          bit(1)       NOT NULL DEFAULT 1 COMMENT '状态',
+    `search_mode`     VARCHAR(10)  NOT NULL DEFAULT 'AND' COMMENT '匹配模式(AND/OR)',
+    `create_time`     BIGINT       NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT       NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32)  NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32)  NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '用户视图'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_user_id ON sys_user_view (user_id ASC);
+CREATE INDEX idx_name ON sys_user_view (name ASC);
+CREATE INDEX idx_resource_type ON sys_user_view (resource_type ASC);
+CREATE INDEX idx_organization_id ON sys_user_view (organization_id ASC);
+
+
+CREATE TABLE sys_user_view_condition
+(
+    `id`               VARCHAR(32)  NOT NULL COMMENT 'id',
+    `sys_user_view_id` VARCHAR(32)  NOT NULL COMMENT '视图id',
+    `name`             VARCHAR(255) NOT NULL COMMENT '参数名称',
+    `value`            TEXT(255) COMMENT '参数值',
+    `value_type`       TEXT(255) COMMENT '参数值类型',
+    `type`             VARCHAR(20) COMMENT '类型',
+    `multiple_value`   BIT(1)       NOT NULL DEFAULT 0 COMMENT '是否是多选值',
+    `operator`         VARCHAR(20) COMMENT '操作符',
+    `create_time`      BIGINT       NOT NULL COMMENT '创建时间',
+    `update_time`      BIGINT       NOT NULL COMMENT '更新时间',
+    `create_user`      VARCHAR(32)  NOT NULL COMMENT '创建人',
+    `update_user`      VARCHAR(32)  NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '用户视图详情'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_sys_user_view_id ON sys_user_view_condition (sys_user_view_id ASC);
+
+-- Dict config
+CREATE TABLE sys_dict
+(
+    `id`              VARCHAR(32)  NOT NULL COMMENT 'id',
+    `name`            VARCHAR(255) NOT NULL COMMENT '字典值',
+    `module`          VARCHAR(20)  NOT NULL COMMENT '字典模块',
+    `type`            VARCHAR(10)  NOT NULL DEFAULT 'TEXT' COMMENT '字典值类型',
+    `pos`             BIGINT       NOT NULL COMMENT '自定义排序' ,
+    `organization_id` VARCHAR(32)  NOT NULL COMMENT '组织ID',
+    `create_time`     BIGINT       NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT       NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32)  NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32)  NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '系统字典表'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_org_type ON sys_dict (organization_id ASC, type ASC);
+CREATE INDEX idx_org_name ON sys_dict (organization_id ASC, name ASC);
+
+-- Add customer/lead pool reason
+ALTER TABLE customer
+    ADD `reason_id` VARCHAR(32) COMMENT '公海原因ID';
+CREATE INDEX idx_reason_id ON customer (reason_id);
+ALTER TABLE clue
+    ADD `reason_id` VARCHAR(32) COMMENT '线索池原因ID';
+CREATE INDEX idx_reason_id ON clue (reason_id);
+
+-- Add dict config
+CREATE TABLE sys_dict_config
+(
+    `module`          VARCHAR(20) NOT NULL COMMENT '字典类型',
+    `organization_id` VARCHAR(32) NOT NULL COMMENT '组织ID',
+    `enabled`         BIT(1)      NOT NULL DEFAULT 0 COMMENT '是否启用',
+    PRIMARY KEY (module, organization_id)
+) COMMENT = '系统字典配置表'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+
+CREATE TABLE customer_pool_hidden_field(
+    `pool_id` VARCHAR(32) NOT NULL   COMMENT '公海池ID' ,
+    `field_id` VARCHAR(32) NOT NULL   COMMENT '字段ID' ,
+    PRIMARY KEY (pool_id,field_id)
+)  COMMENT = '公海池隐藏字段'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE TABLE clue_pool_hidden_field(
+   `pool_id` VARCHAR(32) NOT NULL   COMMENT '线索池ID' ,
+   `field_id` VARCHAR(32) NOT NULL   COMMENT '字段ID' ,
+   PRIMARY KEY (pool_id,field_id)
+)  COMMENT = '线索池隐藏字段'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
+
+
+
diff --git a/backend/crm/src/main/resources/migration/1.1.1/dml/V1.1.1_2_1__data.sql b/backend/crm/src/main/resources/migration/1.1.1/dml/V1.1.1_2_1__data.sql
new file mode 100644
index 0000000..d217028
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.1.1/dml/V1.1.1_2_1__data.sql
@@ -0,0 +1,22 @@
+-- set innodb lock wait timeout
+
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- init dict config
+INSERT INTO sys_dict values (UUID_SHORT(), '客户选择竞品', 'OPPORTUNITY_FAIL_RS', 'TEXT', 1, '100001',
+UNIX_TIMESTAMP() * 1000, UNIX_TIMESTAMP() * 1000, 'admin', 'admin');
+INSERT INTO sys_dict values (UUID_SHORT(), '立项失败', 'OPPORTUNITY_FAIL_RS','TEXT', 2, '100001',
+UNIX_TIMESTAMP() * 1000, UNIX_TIMESTAMP() * 1000, 'admin', 'admin');
+INSERT INTO sys_dict values (UUID_SHORT(), '决策链复杂', 'OPPORTUNITY_FAIL_RS','TEXT', 3,'100001',
+UNIX_TIMESTAMP() * 1000, UNIX_TIMESTAMP() * 1000, 'admin', 'admin');
+INSERT INTO sys_dict values (UUID_SHORT(), '预算限制', 'OPPORTUNITY_FAIL_RS', 'TEXT', 4,'100001',
+UNIX_TIMESTAMP() * 1000, UNIX_TIMESTAMP() * 1000, 'admin', 'admin');
+INSERT INTO sys_dict values (UUID_SHORT(), '需求变化', 'OPPORTUNITY_FAIL_RS', 'TEXT', 5, '100001',
+UNIX_TIMESTAMP() * 1000, UNIX_TIMESTAMP() * 1000, 'admin', 'admin');
+
+-- opportunity fail reason => sys_dict.fail.id
+UPDATE opportunity set failure_reason = (
+    SELECT sd.id FROM sys_dict sd WHERE sd.type = 'OPPORTUNITY_FAIL_RS' and sd.organization_id = '100001' AND sd.name = failure_reason
+) WHERE failure_reason IS NOT NULL;
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.1.1/dml/V1.1.1_2_2__permission.sql b/backend/crm/src/main/resources/migration/1.1.1/dml/V1.1.1_2_2__permission.sql
new file mode 100644
index 0000000..b2e930a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.1.1/dml/V1.1.1_2_2__permission.sql
@@ -0,0 +1,5 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.1.2/ddl/V1.1.2_1__init.sql b/backend/crm/src/main/resources/migration/1.1.2/ddl/V1.1.2_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.1.2/ddl/V1.1.2_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.1.2/dml/V1.1.2_1_1__permission.sql b/backend/crm/src/main/resources/migration/1.1.2/dml/V1.1.2_1_1__permission.sql
new file mode 100644
index 0000000..c5dfeb0
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.1.2/dml/V1.1.2_1_1__permission.sql
@@ -0,0 +1,7 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CLUE_MANAGEMENT:IMPORT');
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.1.3/ddl/V1.1.3_1__init.sql b/backend/crm/src/main/resources/migration/1.1.3/ddl/V1.1.3_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.1.3/ddl/V1.1.3_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.1.3/ddl/V1.1.3_2__ga_ddl.sql b/backend/crm/src/main/resources/migration/1.1.3/ddl/V1.1.3_2__ga_ddl.sql
new file mode 100644
index 0000000..38be4c4
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.1.3/ddl/V1.1.3_2__ga_ddl.sql
@@ -0,0 +1,11 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- Add pool pick rule
+ALTER TABLE sys_user_view_condition ADD children_value text DEFAULT NULL COMMENT '包含新增子部门集合';
+
+-- Del Opportunity Status
+ALTER TABLE opportunity DROP COLUMN status;
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.1.3/dml/V1.1.3_1_1__permission.sql b/backend/crm/src/main/resources/migration/1.1.3/dml/V1.1.3_1_1__permission.sql
new file mode 100644
index 0000000..7c72b9c
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.1.3/dml/V1.1.3_1_1__permission.sql
@@ -0,0 +1,42 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+INSERT INTO sys_role_permission
+(id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'CUSTOMER_MANAGEMENT_POOL:EXPORT');
+
+INSERT INTO sys_role_permission
+(id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'CUSTOMER_MANAGEMENT_POOL:EXPORT');
+
+INSERT INTO sys_role_permission
+(id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CUSTOMER_MANAGEMENT_POOL:EXPORT');
+
+
+INSERT INTO sys_role_permission
+(id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'CLUE_MANAGEMENT_POOL:EXPORT');
+
+INSERT INTO sys_role_permission
+(id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'CLUE_MANAGEMENT_POOL:EXPORT');
+
+INSERT INTO sys_role_permission
+(id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CLUE_MANAGEMENT_POOL:EXPORT');
+
+
+INSERT INTO sys_role_permission
+(id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'CUSTOMER_MANAGEMENT_CONTACT:EXPORT');
+
+INSERT INTO sys_role_permission
+(id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'CUSTOMER_MANAGEMENT_CONTACT:EXPORT');
+
+INSERT INTO sys_role_permission
+(id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CUSTOMER_MANAGEMENT_CONTACT:EXPORT');
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.1.4/ddl/V1.1.4_1__init.sql b/backend/crm/src/main/resources/migration/1.1.4/ddl/V1.1.4_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.1.4/ddl/V1.1.4_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.1.4/ddl/V1.1.4_2__ga_ddl.sql b/backend/crm/src/main/resources/migration/1.1.4/ddl/V1.1.4_2__ga_ddl.sql
new file mode 100644
index 0000000..60a4219
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.1.4/ddl/V1.1.4_2__ga_ddl.sql
@@ -0,0 +1,10 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- Add follow_up_plan transit_record column
+alter table follow_up_plan
+    add converted bit default b'0' not null comment '是否转为跟进记录' after status;
+
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.1.4/dml/V1.1.4_1_1__permission.sql b/backend/crm/src/main/resources/migration/1.1.4/dml/V1.1.4_1_1__permission.sql
new file mode 100644
index 0000000..b2e930a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.1.4/dml/V1.1.4_1_1__permission.sql
@@ -0,0 +1,5 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.1.5/ddl/V1.1.5_1__init.sql b/backend/crm/src/main/resources/migration/1.1.5/ddl/V1.1.5_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.1.5/ddl/V1.1.5_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.1.5/ddl/V1.1.5_2__ga_ddl.sql b/backend/crm/src/main/resources/migration/1.1.5/ddl/V1.1.5_2__ga_ddl.sql
new file mode 100644
index 0000000..a408342
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.1.5/ddl/V1.1.5_2__ga_ddl.sql
@@ -0,0 +1,66 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+
+CREATE TABLE sys_user_search_config
+(
+    `id`               VARCHAR(32)  NOT NULL COMMENT 'id',
+    `field_id`         VARCHAR(32)  NOT NULL COMMENT '搜索字段id',
+    `type`             VARCHAR(20)  NOT NULL COMMENT '字段类型',
+    `business_key`     VARCHAR(50) COMMENT '业务字段key',
+    `data_source_type` VARCHAR(50) COMMENT '数据源对应类型',
+    `user_id`          VARCHAR(32)  NOT NULL COMMENT '用户id',
+    `module_type`      VARCHAR(50)  NOT NULL COMMENT '搜索模块(customer/lead/等)',
+    `sort_setting`     VARCHAR(255) NOT NULL COMMENT '模块顺序设置["customer","clue"]',
+    `result_display`   BIT(1)       NOT NULL DEFAULT 0 COMMENT '是否展示有搜索结果的列表',
+    `organization_id`  VARCHAR(32)  NOT NULL COMMENT '组织id',
+    `create_time`      BIGINT       NOT NULL COMMENT '创建时间',
+    `update_time`      BIGINT       NOT NULL COMMENT '更新时间',
+    `create_user`      VARCHAR(32)  NOT NULL COMMENT '创建人',
+    `update_user`      VARCHAR(32)  NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '用户全局搜索配置'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+
+CREATE INDEX idx_user_id ON sys_user_search_config (user_id ASC);
+CREATE INDEX ids_module_type ON sys_user_search_config (module_type ASC);
+
+
+CREATE TABLE sys_search_field_mask_config
+(
+    `id`               VARCHAR(32) NOT NULL COMMENT 'id',
+    `field_id`         VARCHAR(32) NOT NULL COMMENT '搜索字段id',
+    `type`             VARCHAR(20) NOT NULL COMMENT '类型',
+    `business_key`     VARCHAR(50) COMMENT '业务字段key',
+    `data_source_type` VARCHAR(50) COMMENT '数据源对应类型',
+    `module_type`      VARCHAR(50) NOT NULL COMMENT '搜索模块(customer/lead/等)',
+    `organization_id`  VARCHAR(32) COMMENT '组织id',
+    `create_time`      BIGINT      NOT NULL COMMENT '创建时间',
+    `update_time`      BIGINT      NOT NULL COMMENT '更新时间',
+    `create_user`      VARCHAR(32) NOT NULL COMMENT '创建人',
+    `update_user`      VARCHAR(32) NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '搜索字段脱敏配置'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+
+CREATE INDEX idx_module_type ON sys_search_field_mask_config (module_type ASC);
+CREATE INDEX idx_organization_id ON sys_search_field_mask_config (organization_id ASC);
+CREATE INDEX idx_field_id ON sys_search_field_mask_config (field_id ASC);
+
+ALTER TABLE opportunity MODIFY contact_id VARCHAR(32) COMMENT '联系人ID';
+
+create index idx_organization_id on customer_contact (organization_id);
+create index idx_phone on customer_contact (phone);
+
+create index idx_phone on clue (phone);
+
+
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.1.5/dml/V1.1.5_1_1__permission.sql b/backend/crm/src/main/resources/migration/1.1.5/dml/V1.1.5_1_1__permission.sql
new file mode 100644
index 0000000..b2e930a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.1.5/dml/V1.1.5_1_1__permission.sql
@@ -0,0 +1,5 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.1.5/dml/V1.1.5_2_1__data.sql b/backend/crm/src/main/resources/migration/1.1.5/dml/V1.1.5_2_1__data.sql
new file mode 100644
index 0000000..825d76d
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.1.5/dml/V1.1.5_2_1__data.sql
@@ -0,0 +1,18 @@
+-- set innodb lock wait timeout
+
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+SET @customer_concat_addID = UUID_SHORT();-- 初始化消息通知
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@customer_concat_addID, 'CUSTOMER_CONCAT_ADD', 'CUSTOMER', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+SET @customer_collaboration_addID = UUID_SHORT();-- 初始化消息通知
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@customer_collaboration_addID, 'CUSTOMER_COLLABORATION_ADD', 'CUSTOMER', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+SET @clue_convert_businessID = UUID_SHORT();-- 初始化消息通知
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@clue_convert_businessID, 'CLUE_CONVERT_BUSINESS', 'CLUE', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.1.8/ddl/V1.1.8_1__init.sql b/backend/crm/src/main/resources/migration/1.1.8/ddl/V1.1.8_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.1.8/ddl/V1.1.8_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.1.8/dml/V1.1.8_1_1__permission.sql b/backend/crm/src/main/resources/migration/1.1.8/dml/V1.1.8_1_1__permission.sql
new file mode 100644
index 0000000..48de2a3
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.1.8/dml/V1.1.8_1_1__permission.sql
@@ -0,0 +1,14 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- init import permissions for admin roles
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CUSTOMER_MANAGEMENT:IMPORT');
+
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CUSTOMER_MANAGEMENT_CONTACT:IMPORT');
+
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'OPPORTUNITY_MANAGEMENT:IMPORT');
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.1.9/ddl/V1.1.9_1__init.sql b/backend/crm/src/main/resources/migration/1.1.9/ddl/V1.1.9_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.1.9/ddl/V1.1.9_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.1.9/ddl/V1.1.9_2__ga_ddl.sql b/backend/crm/src/main/resources/migration/1.1.9/ddl/V1.1.9_2__ga_ddl.sql
new file mode 100644
index 0000000..ad9fbe8
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.1.9/ddl/V1.1.9_2__ga_ddl.sql
@@ -0,0 +1,8 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- Allow opportunity customer_id null
+ALTER TABLE opportunity MODIFY customer_id  VARCHAR(32) NULL COMMENT '客户ID';
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.1.9/dml/V1.1.9_1_1__permission.sql b/backend/crm/src/main/resources/migration/1.1.9/dml/V1.1.9_1_1__permission.sql
new file mode 100644
index 0000000..9aabc61
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.1.9/dml/V1.1.9_1_1__permission.sql
@@ -0,0 +1,18 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- init import permissions for admin roles
+
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'PERSONAL_API_KEY:READ');
+
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'PERSONAL_API_KEY:ADD');
+
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'PERSONAL_API_KEY:UPDATE');
+
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'PERSONAL_API_KEY:DELETE');
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.2.0/ddl/V1.2.0_1__init.sql b/backend/crm/src/main/resources/migration/1.2.0/ddl/V1.2.0_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.2.0/ddl/V1.2.0_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.2.0/ddl/V1.2.0_2__ga_ddl.sql b/backend/crm/src/main/resources/migration/1.2.0/ddl/V1.2.0_2__ga_ddl.sql
new file mode 100644
index 0000000..5478d40
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.2.0/ddl/V1.2.0_2__ga_ddl.sql
@@ -0,0 +1,86 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+CREATE TABLE agent
+(
+    `id`              VARCHAR(32)  NOT NULL COMMENT 'id',
+    `name`            VARCHAR(255) NOT NULL COMMENT '名称',
+    `agent_module_id` VARCHAR(32)  NOT NULL COMMENT '文件id',
+    `organization_id` VARCHAR(32)  NOT NULL COMMENT '组织id',
+    `pos`             BIGINT       NOT NULL DEFAULT 0 COMMENT '同一节点下顺序',
+    `scope_id`        TEXT         NOT NULL COMMENT '应用范围',
+    `script`          TEXT         NOT NULL COMMENT '嵌入脚本',
+    `description`     VARCHAR(1000) COMMENT '描述',
+    `create_time`     BIGINT       NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT       NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32)  NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32)  NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '智能体'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_name ON agent (name ASC);
+CREATE INDEX idx_agent_module_id ON agent (agent_module_id ASC);
+
+
+CREATE TABLE agent_module
+(
+    `id`              VARCHAR(32)  NOT NULL COMMENT 'id',
+    `organization_id` VARCHAR(32)  NOT NULL COMMENT '组织id',
+    `name`            VARCHAR(255) NOT NULL COMMENT '名称',
+    `parent_id`       VARCHAR(32)  NOT NULL DEFAULT 'NONE' COMMENT '父节点id',
+    `pos`             BIGINT       NOT NULL DEFAULT 0 COMMENT '同一节点下顺序',
+    `create_time`     BIGINT       NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT       NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32)  NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32)  NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '智能体模块'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_organization_id ON agent_module (organization_id ASC);
+CREATE INDEX idx_name ON agent_module (name ASC);
+CREATE INDEX idx_pos ON agent_module (pos ASC);
+CREATE INDEX idx_parent_id ON agent_module (parent_id ASC);
+
+
+CREATE TABLE agent_collection
+(
+    `id`          VARCHAR(32) NOT NULL COMMENT 'id',
+    `user_id`     VARCHAR(32) NOT NULL COMMENT '用户id',
+    `agent_id`    VARCHAR(32) NOT NULL COMMENT '智能体id',
+    `create_time` BIGINT      NOT NULL COMMENT '创建时间',
+    `update_time` BIGINT      NOT NULL COMMENT '更新时间',
+    `create_user` VARCHAR(32) NOT NULL COMMENT '创建人',
+    `update_user` VARCHAR(32) NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '智能体收藏'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_user_id ON agent_collection (user_id ASC);
+
+CREATE TABLE sys_ui_settings
+(
+    `param_key`       VARCHAR(100) NOT NULL COMMENT 'key',
+    `param_value`     VARCHAR(255) COMMENT 'value',
+    `type`            VARCHAR(100) NOT NULL DEFAULT 'text' COMMENT 'type',
+    `organization_id` VARCHAR(32)  NOT NULL COMMENT '组织ID',
+    PRIMARY KEY (param_key)
+) COMMENT = '界面设置'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_organization_id ON sys_ui_settings (organization_id ASC);
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
+
+
+
diff --git a/backend/crm/src/main/resources/migration/1.2.0/dml/V1.2.0_2_1__data.sql b/backend/crm/src/main/resources/migration/1.2.0/dml/V1.2.0_2_1__data.sql
new file mode 100644
index 0000000..6576310
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.2.0/dml/V1.2.0_2_1__data.sql
@@ -0,0 +1,14 @@
+-- set innodb lock wait timeout
+
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- 初始智能体板菜单
+insert into sys_module value (UUID_SHORT(), '100001', 'agent', true, 8,
+                              'admin', UNIX_TIMESTAMP() * 1000, 'admin', UNIX_TIMESTAMP() * 1000);
+
+INSERT INTO `agent_module`(`id`, `organization_id`, `name`, `parent_id`, `pos`, `create_time`, `update_time`, `create_user`, `update_user`)
+VALUES
+    (UUID_SHORT(), '100001', '默认文件夹', 'NONE', 0, UNIX_TIMESTAMP() * 1000, UNIX_TIMESTAMP() * 1000, 'admin', 'admin');
+
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.2.0/dml/V1.2.0_2_2__permission.sql b/backend/crm/src/main/resources/migration/1.2.0/dml/V1.2.0_2_2__permission.sql
new file mode 100644
index 0000000..f22b6b8
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.2.0/dml/V1.2.0_2_2__permission.sql
@@ -0,0 +1,16 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+INSERT INTO sys_role_permission
+(id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'AGENT:READ'),
+       (UUID_SHORT(), 'org_admin', 'AGENT:ADD'),
+       (UUID_SHORT(), 'org_admin', 'AGENT:UPDATE'),
+       (UUID_SHORT(), 'org_admin', 'AGENT:DELETE');
+
+-- init product import permission
+INSERT INTO sys_role_permission
+(id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'PRODUCT_MANAGEMENT:IMPORT');
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.2.1/ddl/V1.2.1_1__init.sql b/backend/crm/src/main/resources/migration/1.2.1/ddl/V1.2.1_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.2.1/ddl/V1.2.1_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.2.1/ddl/V1.2.1_2__ga_ddl.sql b/backend/crm/src/main/resources/migration/1.2.1/ddl/V1.2.1_2__ga_ddl.sql
new file mode 100644
index 0000000..902d466
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.2.1/ddl/V1.2.1_2__ga_ddl.sql
@@ -0,0 +1,33 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+CREATE TABLE sys_navigation
+(
+    `id`              VARCHAR(32) NOT NULL COMMENT 'id',
+    `organization_id` VARCHAR(32) NOT NULL COMMENT '组织id',
+    `navigation_key`  VARCHAR(20) NOT NULL COMMENT '导航栏key',
+    `enable`          BIT(1)      NOT NULL DEFAULT 1 COMMENT '启用/禁用',
+    `pos`             BIGINT      NOT NULL COMMENT '自定义排序',
+    `create_user`     VARCHAR(32) NOT NULL COMMENT '创建人',
+    `create_time`     BIGINT      NOT NULL COMMENT '创建时间',
+    `update_user`     VARCHAR(32) NOT NULL COMMENT '更新人',
+    `update_time`     BIGINT      NOT NULL COMMENT '更新时间',
+    PRIMARY KEY (id)
+) COMMENT = '系统导航设置'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_organization_id ON sys_navigation(organization_id ASC);
+
+alter table customer_owner
+    add reason_id varchar(32) null comment '公海原因ID';
+
+alter table clue_owner
+    add reason_id VARCHAR(32) null comment '线索池原因ID';
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
+
+
+
diff --git a/backend/crm/src/main/resources/migration/1.2.1/dml/V1.2.1_2_1__data.sql b/backend/crm/src/main/resources/migration/1.2.1/dml/V1.2.1_2_1__data.sql
new file mode 100644
index 0000000..6948ff4
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.2.1/dml/V1.2.1_2_1__data.sql
@@ -0,0 +1,25 @@
+-- set innodb lock wait timeout
+
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- 初始导航栏
+insert into sys_navigation value (UUID_SHORT(), '100001', 'search', true, 1,
+                              'admin', UNIX_TIMESTAMP() * 1000, 'admin', UNIX_TIMESTAMP() * 1000);
+
+insert into sys_navigation value (UUID_SHORT(), '100001', 'agent', true, 2,
+                              'admin', UNIX_TIMESTAMP() * 1000, 'admin', UNIX_TIMESTAMP() * 1000);
+
+insert into sys_navigation value (UUID_SHORT(), '100001', 'notify', true, 3,
+                              'admin', UNIX_TIMESTAMP() * 1000, 'admin', UNIX_TIMESTAMP() * 1000);
+
+insert into sys_navigation value (UUID_SHORT(), '100001', 'about', true, 4,
+                              'admin', UNIX_TIMESTAMP() * 1000, 'admin', UNIX_TIMESTAMP() * 1000);
+
+insert into sys_navigation value (UUID_SHORT(), '100001', 'language', true, 5,
+                              'admin', UNIX_TIMESTAMP() * 1000, 'admin', UNIX_TIMESTAMP() * 1000);
+
+insert into sys_navigation value (UUID_SHORT(), '100001', 'help', true, 6,
+                              'admin', UNIX_TIMESTAMP() * 1000, 'admin', UNIX_TIMESTAMP() * 1000);
+
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.2.1/dml/V1.2.1_2_2__permission.sql b/backend/crm/src/main/resources/migration/1.2.1/dml/V1.2.1_2_2__permission.sql
new file mode 100644
index 0000000..89a4bc0
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.2.1/dml/V1.2.1_2_2__permission.sql
@@ -0,0 +1,12 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CUSTOMER_MANAGEMENT_POOL:UPDATE');
+
+INSERT INTO sys_role_permission
+    (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CLUE_MANAGEMENT_POOL:UPDATE');
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.2.1/dml/V1.2.1_2_3__modify_tel.sql b/backend/crm/src/main/resources/migration/1.2.1/dml/V1.2.1_2_3__modify_tel.sql
new file mode 100644
index 0000000..b5b7a94
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.2.1/dml/V1.2.1_2_3__modify_tel.sql
@@ -0,0 +1,39 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- Remove phone prefix on system field
+UPDATE clue SET phone = IF(phone LIKE '(+%)%', SUBSTRING(phone, LOCATE(')', phone) + 1), phone)
+WHERE phone LIKE '(+%)%';
+UPDATE customer_contact SET phone = IF(phone LIKE '(+%)%', SUBSTRING(phone, LOCATE(')', phone) + 1), phone)
+WHERE phone LIKE '(+%)%';
+
+-- Remove phone prefix on custom field
+UPDATE clue_field cf JOIN sys_module_field smf ON cf.field_id = smf.id AND smf.type = 'PHONE'
+SET cf.field_value = IF(cf.field_value LIKE '(+%)%', SUBSTRING(cf.field_value, LOCATE(')', cf.field_value) + 1), cf.field_value)
+WHERE cf.field_value LIKE '(+%)%';
+
+UPDATE customer_field cf JOIN sys_module_field smf ON cf.field_id = smf.id AND smf.type = 'PHONE'
+SET cf.field_value = IF(cf.field_value LIKE '(+%)%', SUBSTRING(cf.field_value, LOCATE(')', cf.field_value) + 1), cf.field_value)
+WHERE cf.field_value LIKE '(+%)%';
+
+UPDATE customer_contact_field ccf JOIN sys_module_field smf ON ccf.field_id = smf.id AND smf.type = 'PHONE'
+SET ccf.field_value = IF(ccf.field_value LIKE '(+%)%', SUBSTRING(ccf.field_value, LOCATE(')', ccf.field_value) + 1), ccf.field_value)
+WHERE ccf.field_value LIKE '(+%)%';
+
+UPDATE opportunity_field opf JOIN sys_module_field smf ON opf.field_id = smf.id AND smf.type = 'PHONE'
+SET opf.field_value = IF(opf.field_value LIKE '(+%)%', SUBSTRING(opf.field_value, LOCATE(')', opf.field_value) + 1), opf.field_value)
+WHERE opf.field_value LIKE '(+%)%';
+
+UPDATE product_field pf JOIN sys_module_field smf ON pf.field_id = smf.id AND smf.type = 'PHONE'
+SET pf.field_value = IF(pf.field_value LIKE '(+%)%', SUBSTRING(pf.field_value, LOCATE(')', pf.field_value) + 1), pf.field_value)
+WHERE pf.field_value LIKE '(+%)%';
+
+UPDATE follow_up_plan_field fupf JOIN sys_module_field smf ON fupf.field_id = smf.id AND smf.type = 'PHONE'
+SET fupf.field_value = IF(fupf.field_value LIKE '(+%)%', SUBSTRING(fupf.field_value, LOCATE(')', fupf.field_value) + 1), fupf.field_value)
+WHERE fupf.field_value LIKE '(+%)%';
+
+UPDATE follow_up_record_field furf JOIN sys_module_field smf ON furf.field_id = smf.id AND smf.type = 'PHONE'
+SET furf.field_value = IF(furf.field_value LIKE '(+%)%', SUBSTRING(furf.field_value, LOCATE(')', furf.field_value) + 1), furf.field_value)
+WHERE furf.field_value LIKE '(+%)%';
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.2.2/ddl/V1.2.2_1__init.sql b/backend/crm/src/main/resources/migration/1.2.2/ddl/V1.2.2_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.2.2/ddl/V1.2.2_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.2.2/ddl/V1.2.2_2__ga_ddl.sql b/backend/crm/src/main/resources/migration/1.2.2/ddl/V1.2.2_2__ga_ddl.sql
new file mode 100644
index 0000000..a09bed3
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.2.2/ddl/V1.2.2_2__ga_ddl.sql
@@ -0,0 +1,10 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+ALTER TABLE opportunity ADD COLUMN pos BIGINT DEFAULT NULL;
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
+
+
+
diff --git a/backend/crm/src/main/resources/migration/1.2.2/dml/V1.2.2_2_1__data.sql b/backend/crm/src/main/resources/migration/1.2.2/dml/V1.2.2_2_1__data.sql
new file mode 100644
index 0000000..963a29e
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.2.2/dml/V1.2.2_2_1__data.sql
@@ -0,0 +1,6 @@
+-- set innodb lock wait timeout
+
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.2.2/dml/V1.2.2_2_2__permission.sql b/backend/crm/src/main/resources/migration/1.2.2/dml/V1.2.2_2_2__permission.sql
new file mode 100644
index 0000000..b2e930a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.2.2/dml/V1.2.2_2_2__permission.sql
@@ -0,0 +1,5 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.2.2/dml/V1.2.2_2_3__modify_tel.sql b/backend/crm/src/main/resources/migration/1.2.2/dml/V1.2.2_2_3__modify_tel.sql
new file mode 100644
index 0000000..c895db1
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.2.2/dml/V1.2.2_2_3__modify_tel.sql
@@ -0,0 +1,11 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- Init opportunity pos
+UPDATE opportunity
+SET pos = (SELECT rn
+           FROM (SELECT id, ROW_NUMBER() OVER (ORDER BY id) as rn
+                 FROM opportunity) t2
+           WHERE t2.id = opportunity.id);
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.2.3/ddl/V1.2.3_1__init.sql b/backend/crm/src/main/resources/migration/1.2.3/ddl/V1.2.3_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.2.3/ddl/V1.2.3_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.2.3/ddl/V1.2.3_2__ga_ddl.sql b/backend/crm/src/main/resources/migration/1.2.3/ddl/V1.2.3_2__ga_ddl.sql
new file mode 100644
index 0000000..e24443d
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.2.3/ddl/V1.2.3_2__ga_ddl.sql
@@ -0,0 +1,44 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+alter table sys_message_task
+    add ding_talk_enable bit default b'0' null comment '钉钉启用' after we_com_enable;
+
+alter table sys_message_task
+    add lark_enable bit default b'0' null comment '飞书启用' after ding_talk_enable;
+
+-- customer_id 字段允许为空
+ALTER TABLE customer_contact MODIFY COLUMN customer_id varchar(32) NULL COMMENT '客户id';
+
+CREATE TABLE opportunity_stage_config
+(
+    `id`              VARCHAR(32) NOT NULL COMMENT 'id',
+    `name`            VARCHAR(16) NOT NULL COMMENT '值',
+    `type`            VARCHAR(50) NOT NULL COMMENT '类型',
+    `rate`            VARCHAR(10) NOT NULL COMMENT '赢率',
+    `afoot_roll_back` BIT(1) DEFAULT 0 COMMENT '进行中回退设置',
+    `end_roll_back`   BIT(1) DEFAULT 0 COMMENT '完结回退设置',
+    `pos`             BIGINT      NOT NULL COMMENT '顺序',
+    `organization_id` VARCHAR(32) NOT NULL COMMENT '组织id',
+    `create_time`     BIGINT      NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT      NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32) NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32) NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '商机阶段配置'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+
+-- 添加跟进记录默认排序索引
+create index idx_follow_create
+    on follow_up_record (follow_time desc, create_time desc);
+create index idx_estimated_create
+    on follow_up_plan (estimated_time desc, create_time desc);
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
+
+
+
diff --git a/backend/crm/src/main/resources/migration/1.2.3/dml/V1.2.3_2_1__data.sql b/backend/crm/src/main/resources/migration/1.2.3/dml/V1.2.3_2_1__data.sql
new file mode 100644
index 0000000..00fbf9f
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.2.3/dml/V1.2.3_2_1__data.sql
@@ -0,0 +1,21 @@
+-- set innodb lock wait timeout
+
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+
+INSERT INTO `opportunity_stage_config`(`id`, `name`, `type`, `rate`, `afoot_roll_back`, `end_roll_back`, `pos`, `organization_id`, `create_time`, `update_time`, `create_user`, `update_user`)
+VALUES
+    ('CREATE', '新建', 'AFOOT', '10', b'1', b'0', 1, '100001', 1760175899000, 1760175899000, 'admin', 'admin'),
+    ('CLEAR_REQUIREMENTS', '需求明确', 'AFOOT', '30', b'1', b'0', 2, '100001', 1760175899000, 1760175899000, 'admin', 'admin'),
+    ('SCHEME_VALIDATION', '方案验证', 'AFOOT', '50', b'1', b'0', 3, '100001', 1760175899000, 1760175899000, 'admin', 'admin'),
+    ('PROJECT_PROPOSAL_REPORT', '立项汇报', 'AFOOT', '70', b'1', b'0', 4, '100001', 1760175899000, 1760175899000, 'admin', 'admin'),
+    ('BUSINESS_PROCUREMENT', '商务采购', 'AFOOT', '90', b'1', b'0', 5, '100001', 1760175899000, 1760175899000, 'admin', 'admin'),
+    ('SUCCESS', '成功', 'END', '100', b'1', b'0', 6, '100001', 1760175899000, 1760175899000, 'admin', 'admin'),
+    ('FAIL', '失败', 'END', '0', b'1', b'0', 7, '100001', 1760175899000, 1760175899000, 'admin', 'admin');
+
+-- 加入记录/计划顶部导航栏
+update sys_navigation set pos = pos + 1 where organization_id = '100001' and pos >= 2;
+insert into sys_navigation value (UUID_SHORT(), '100001', 'event', true, 2,
+                                  'admin', UNIX_TIMESTAMP() * 1000, 'admin', UNIX_TIMESTAMP() * 1000);
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.2.3/dml/V1.2.3_2_2__permission.sql b/backend/crm/src/main/resources/migration/1.2.3/dml/V1.2.3_2_2__permission.sql
new file mode 100644
index 0000000..b2e930a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.2.3/dml/V1.2.3_2_2__permission.sql
@@ -0,0 +1,5 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.2.3/dml/V1.2.3_2_3__modify_tel.sql b/backend/crm/src/main/resources/migration/1.2.3/dml/V1.2.3_2_3__modify_tel.sql
new file mode 100644
index 0000000..5f9a303
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.2.3/dml/V1.2.3_2_3__modify_tel.sql
@@ -0,0 +1,11 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+
+DELETE FROM sys_organization_config WHERE type = 'AUTH';
+
+DELETE FROM sys_organization_config_detail WHERE type in ('WE_COM_OAUTH2', 'WECOM_OAUTH2', 'DINGTALK_OAUTH2', 'WECOM_NOTICE', 'DINGTALK_NOTICE', 'WECOM_CODE', 'DINGTALK_CODE');
+
+
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.3.0/ddl/V1.3.0_1__init.sql b/backend/crm/src/main/resources/migration/1.3.0/ddl/V1.3.0_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.3.0/ddl/V1.3.0_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.3.0/ddl/V1.3.0_2__ga_ddl.sql b/backend/crm/src/main/resources/migration/1.3.0/ddl/V1.3.0_2__ga_ddl.sql
new file mode 100644
index 0000000..93903d8
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.3.0/ddl/V1.3.0_2__ga_ddl.sql
@@ -0,0 +1,11 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+ALTER TABLE dashboard CHANGE COLUMN resource_id resource_url VARCHAR(500) NOT NULL COMMENT '仪表板url';
+
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
+
+
+
diff --git a/backend/crm/src/main/resources/migration/1.3.0/dml/V1.3.0_2_1__data.sql b/backend/crm/src/main/resources/migration/1.3.0/dml/V1.3.0_2_1__data.sql
new file mode 100644
index 0000000..6c7f6da
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.3.0/dml/V1.3.0_2_1__data.sql
@@ -0,0 +1,13 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+ALTER TABLE agent
+    ADD COLUMN type varchar(50) NOT NULL COMMENT '类型';
+
+ALTER TABLE agent
+    ADD COLUMN workspace_id varchar(50) COMMENT '工作空间id';
+
+ALTER TABLE agent
+    ADD COLUMN application_id varchar(50) COMMENT '智能体应用id';
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.3.0/dml/V1.3.0_2_2__permission.sql b/backend/crm/src/main/resources/migration/1.3.0/dml/V1.3.0_2_2__permission.sql
new file mode 100644
index 0000000..1594a1a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.3.0/dml/V1.3.0_2_2__permission.sql
@@ -0,0 +1,7 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- init customer merge permission
+INSERT INTO sys_role_permission (id, role_id, permission_id) VALUES (UUID_SHORT(), 'org_admin', 'CUSTOMER_MANAGEMENT:MERGE');
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.3.0/dml/V1.3.0_2_3__modify_tel.sql b/backend/crm/src/main/resources/migration/1.3.0/dml/V1.3.0_2_3__modify_tel.sql
new file mode 100644
index 0000000..4500e8f
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.3.0/dml/V1.3.0_2_3__modify_tel.sql
@@ -0,0 +1,10 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+
+UPDATE agent set type = 'SCRIPT';
+
+UPDATE sys_module set enable = b'1' where module_key = 'dashboard';
+
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.3.2/ddl/V1.3.2_1__init.sql b/backend/crm/src/main/resources/migration/1.3.2/ddl/V1.3.2_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.3.2/ddl/V1.3.2_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.3.5/ddl/V1.3.5_1__init.sql b/backend/crm/src/main/resources/migration/1.3.5/ddl/V1.3.5_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.3.5/ddl/V1.3.5_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.3.5/dml/V1.3.5_2_1__data.sql b/backend/crm/src/main/resources/migration/1.3.5/dml/V1.3.5_2_1__data.sql
new file mode 100644
index 0000000..ed0968e
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.3.5/dml/V1.3.5_2_1__data.sql
@@ -0,0 +1,4 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.3.5/dml/V1.3.5_2_2__permission.sql b/backend/crm/src/main/resources/migration/1.3.5/dml/V1.3.5_2_2__permission.sql
new file mode 100644
index 0000000..929a4e0
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.3.5/dml/V1.3.5_2_2__permission.sql
@@ -0,0 +1,16 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+INSERT INTO sys_role_permission (id, role_id, permission_id) VALUES (UUID_SHORT(), 'org_admin', 'CUSTOMER_MANAGEMENT:TRANSFER');
+INSERT INTO sys_role_permission (id, role_id, permission_id) VALUES (UUID_SHORT(), 'org_admin', 'OPPORTUNITY_MANAGEMENT:TRANSFER');
+INSERT INTO sys_role_permission (id, role_id, permission_id) VALUES (UUID_SHORT(), 'org_admin', 'CLUE_MANAGEMENT:TRANSFER');
+
+INSERT INTO sys_role_permission (id, role_id, permission_id) VALUES (UUID_SHORT(), 'sales_manager', 'CUSTOMER_MANAGEMENT:TRANSFER');
+INSERT INTO sys_role_permission (id, role_id, permission_id) VALUES (UUID_SHORT(), 'sales_manager', 'OPPORTUNITY_MANAGEMENT:TRANSFER');
+INSERT INTO sys_role_permission (id, role_id, permission_id) VALUES (UUID_SHORT(), 'sales_manager', 'CLUE_MANAGEMENT:TRANSFER');
+
+INSERT INTO sys_role_permission (id, role_id, permission_id) VALUES (UUID_SHORT(), 'sales_staff', 'CUSTOMER_MANAGEMENT:TRANSFER');
+INSERT INTO sys_role_permission (id, role_id, permission_id) VALUES (UUID_SHORT(), 'sales_staff', 'OPPORTUNITY_MANAGEMENT:TRANSFER');
+INSERT INTO sys_role_permission (id, role_id, permission_id) VALUES (UUID_SHORT(), 'sales_staff', 'CLUE_MANAGEMENT:TRANSFER');
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.3.6/ddl/V1.3.6_1__init.sql b/backend/crm/src/main/resources/migration/1.3.6/ddl/V1.3.6_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.3.6/ddl/V1.3.6_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.3.6/ddl/V1.3.6_2__ga_ddl.sql b/backend/crm/src/main/resources/migration/1.3.6/ddl/V1.3.6_2__ga_ddl.sql
new file mode 100644
index 0000000..901886e
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.3.6/ddl/V1.3.6_2__ga_ddl.sql
@@ -0,0 +1,14 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+alter table sys_organization_user
+    ADD COLUMN onboarding_date BIGINT COMMENT '入职时间';
+
+
+
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
+
+
+
diff --git a/backend/crm/src/main/resources/migration/1.3.6/dml/V1.3.6_2_1__data.sql b/backend/crm/src/main/resources/migration/1.3.6/dml/V1.3.6_2_1__data.sql
new file mode 100644
index 0000000..ed0968e
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.3.6/dml/V1.3.6_2_1__data.sql
@@ -0,0 +1,4 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.4.0/ddl/V1.4.0_1__init.sql b/backend/crm/src/main/resources/migration/1.4.0/ddl/V1.4.0_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.4.0/ddl/V1.4.0_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.4.0/ddl/V1.4.0_2__ga_ddl.sql b/backend/crm/src/main/resources/migration/1.4.0/ddl/V1.4.0_2__ga_ddl.sql
new file mode 100644
index 0000000..c367806
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.4.0/ddl/V1.4.0_2__ga_ddl.sql
@@ -0,0 +1,286 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+CREATE TABLE opportunity_quotation
+(
+    `id`              VARCHAR(32)    NOT NULL COMMENT 'id',
+    `name`            VARCHAR(255)   NOT NULL COMMENT '名称',
+    `opportunity_id`  VARCHAR(32)    NOT NULL COMMENT '商机id',
+    `amount`          DECIMAL(14, 2) NOT NULL COMMENT '累计金额',
+    `approval_status` VARCHAR(50)    NOT NULL COMMENT '审核状态',
+    `organization_id` VARCHAR(32)    NOT NULL COMMENT '组织ID',
+    `create_time`     BIGINT         NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT         NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32)    NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32)    NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '商机报价单'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_opportunity_id ON opportunity_quotation (opportunity_id ASC);
+CREATE INDEX idx_organization_id ON opportunity_quotation (organization_id ASC);
+CREATE INDEX idx_approval_status ON opportunity_quotation (approval_status);
+
+CREATE TABLE opportunity_quotation_field
+(
+    `id`          VARCHAR(32)  NOT NULL COMMENT 'id',
+    `resource_id` VARCHAR(32)  NOT NULL COMMENT '报价单id',
+    `field_id`    VARCHAR(32)  NOT NULL COMMENT '自定义属性id',
+    `field_value` VARCHAR(255) NOT NULL COMMENT '自定义属性值',
+    `ref_sub_id`  VARCHAR(32) COMMENT '引用子表格ID;关联的子表格字段ID',
+    `row_id`      VARCHAR(32) COMMENT '子表格行实例ID;行实例数据ID',
+    PRIMARY KEY (id)
+) COMMENT = '商机报价单自定义属性'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_resource_id ON opportunity_quotation_field (resource_id ASC);
+
+CREATE TABLE opportunity_quotation_field_blob
+(
+    `id`          VARCHAR(32) NOT NULL COMMENT 'id',
+    `resource_id` VARCHAR(32) NOT NULL COMMENT '报价单id',
+    `field_id`    VARCHAR(32) NOT NULL COMMENT '自定义属性id',
+    `field_value` TEXT        NOT NULL COMMENT '自定义属性值',
+    `ref_sub_id`  VARCHAR(32) COMMENT '父引用ID;关联的子表格字段ID',
+    `row_id`      VARCHAR(32) COMMENT '行实例ID;行实例数据ID',
+    PRIMARY KEY (id)
+) COMMENT = '商机报价单自定义属性大文本'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_resource_id ON opportunity_quotation_field_blob (resource_id ASC);
+
+CREATE TABLE opportunity_quotation_approval
+(
+    `id`              VARCHAR(32) NOT NULL COMMENT 'id',
+    `quotation_id`    VARCHAR(32) NOT NULL COMMENT '商机报价单id',
+    `approval_status` VARCHAR(50) NOT NULL COMMENT '审核状态',
+    `create_time`     BIGINT      NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT      NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32) NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32) NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '商机报价单审批'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_quotation_id ON opportunity_quotation_approval (quotation_id ASC);
+
+CREATE TABLE opportunity_quotation_snapshot
+(
+    `id`              VARCHAR(32) NOT NULL COMMENT 'id',
+    `quotation_id`    VARCHAR(32) NOT NULL COMMENT '报价单id',
+    `quotation_prop`  TEXT COMMENT '表单属性快照',
+    `quotation_value` TEXT COMMENT '表单值快照',
+    PRIMARY KEY (id)
+) COMMENT = '商机报价单快照'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_quotation_id ON opportunity_quotation_snapshot (quotation_id ASC);
+
+
+CREATE TABLE contract
+(
+    `id`              VARCHAR(32)  NOT NULL COMMENT 'id',
+    `name`            VARCHAR(255) NOT NULL COMMENT '合同名称',
+    `customer_id`     VARCHAR(32)  NOT NULL COMMENT '客户id',
+    `owner`           VARCHAR(32)  NOT NULL COMMENT '合同负责人',
+    `amount`          DECIMAL(20, 10) COMMENT '金额',
+    `number`          VARCHAR(50)  NOT NULL COMMENT '编号',
+    `approval_status` VARCHAR(50) COMMENT '审核状态',
+    `archived_status` VARCHAR(50)  NOT NULL COMMENT '归档状态',
+    `status`          VARCHAR(50)  NOT NULL COMMENT '合同状态',
+    `organization_id` VARCHAR(32)  NOT NULL COMMENT '组织id',
+    `void_reason`     VARCHAR(255) COMMENT '作废原因',
+    `create_time`     BIGINT       NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT       NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32)  NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32)  NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '合同'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_name ON contract (name ASC);
+CREATE INDEX idx_customer_id ON contract (customer_id ASC);
+CREATE INDEX idx_owner ON contract (owner ASC);
+CREATE INDEX idx_number ON contract (number ASC);
+CREATE INDEX idx_organization_id ON contract (organization_id ASC);
+CREATE INDEX idx_approval_status ON contract (approval_status);
+CREATE INDEX idx_archived_status ON contract (archived_status);
+CREATE INDEX idx_status ON contract (status);
+
+
+CREATE TABLE contract_field
+(
+    `id`          VARCHAR(32)  NOT NULL COMMENT 'id',
+    `resource_id` VARCHAR(32)  NOT NULL COMMENT '合同id',
+    `field_id`    VARCHAR(32)  NOT NULL COMMENT '自定义属性id',
+    `field_value` VARCHAR(255) NOT NULL COMMENT '自定义属性值',
+    `ref_sub_id`  VARCHAR(32) COMMENT '引用子表格ID;关联的子表格字段ID',
+    `row_id`      VARCHAR(32) COMMENT '子表格行实例ID;行实例数据ID',
+    PRIMARY KEY (id)
+) COMMENT = '合同自定义属性'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_resource_id ON contract_field (resource_id ASC);
+CREATE INDEX idx_ref_sub_id ON contract_field (ref_sub_id ASC);
+
+
+CREATE TABLE contract_field_blob
+(
+    `id`          VARCHAR(32) NOT NULL COMMENT 'id',
+    `resource_id` VARCHAR(32) NOT NULL COMMENT '合同id',
+    `field_id`    VARCHAR(32) NOT NULL COMMENT '自定义属性id',
+    `field_value` TEXT        NOT NULL COMMENT '自定义属性值',
+    `ref_sub_id`  VARCHAR(32) COMMENT '引用子表格ID;关联的子表格字段ID',
+    `row_id`      VARCHAR(32) COMMENT '子表格行实例ID;行实例数据ID',
+    PRIMARY KEY (id)
+) COMMENT = '合同自定义属性大文本'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_resource_id ON contract_field_blob (resource_id ASC);
+CREATE INDEX idx_ref_sub_id ON contract_field_blob (ref_sub_id ASC);
+
+
+CREATE TABLE contract_snapshot
+(
+    `id`             VARCHAR(32) NOT NULL COMMENT 'id',
+    `contract_id`    VARCHAR(32) NOT NULL COMMENT '合同id',
+    `contract_prop`  TEXT(255) COMMENT '表单属性快照',
+    `contract_value` TEXT(255) COMMENT '表单值快照',
+    PRIMARY KEY (id)
+) COMMENT = '合同快照'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+
+CREATE INDEX idx_contract_id ON contract_snapshot (contract_id ASC);
+
+-- 回款计划
+CREATE TABLE contract_payment_plan
+(
+    `id`              VARCHAR(32) NOT NULL COMMENT 'id',
+    `contract_id`     VARCHAR(32) NOT NULL COMMENT '合同ID',
+    `owner`           VARCHAR(32) NOT NULL COMMENT '负责人',
+    `plan_status`     VARCHAR(32) NOT NULL COMMENT '计划状态',
+    `plan_amount`     DECIMAL(20, 10) COMMENT '计划回款金额',
+    `plan_end_time`   BIGINT COMMENT '计划回款时间',
+    `organization_id` VARCHAR(32) NOT NULL COMMENT '组织id',
+    `create_time`     BIGINT      NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT      NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32) NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32) NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '合同回款计划'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_contract_id ON contract_payment_plan (contract_id ASC);
+CREATE INDEX idx_create_time ON contract_payment_plan (create_time ASC);
+CREATE INDEX idx_owner ON contract_payment_plan (owner ASC);
+
+CREATE TABLE contract_payment_plan_field
+(
+    `id`          VARCHAR(32)  NOT NULL COMMENT 'id',
+    `resource_id` VARCHAR(32)  NOT NULL COMMENT '回款计划id',
+    `field_id`    VARCHAR(32)  NOT NULL COMMENT '自定义属性id',
+    `field_value` VARCHAR(255) NOT NULL COMMENT '自定义属性值',
+    PRIMARY KEY (id)
+) COMMENT = '回款计划自定义属性'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_resource_id ON contract_payment_plan_field (resource_id ASC);
+
+CREATE TABLE contract_payment_plan_field_blob
+(
+    `id`          VARCHAR(32) NOT NULL COMMENT 'id',
+    `resource_id` VARCHAR(32) NOT NULL COMMENT '回款计划id',
+    `field_id`    VARCHAR(32) NOT NULL COMMENT '自定义属性id',
+    `field_value` TEXT        NOT NULL COMMENT '自定义属性值',
+    PRIMARY KEY (id)
+) COMMENT = '回款计划自定义属性大文本'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_resource_id ON contract_payment_plan_field_blob (resource_id ASC);
+
+-- 产品价格表
+CREATE TABLE product_price
+(
+    `id`              VARCHAR(32)  NOT NULL COMMENT 'ID',
+    `name`            VARCHAR(255) NOT NULL COMMENT '价格表名称',
+    `status`          VARCHAR(32)  NOT NULL COMMENT '状态',
+    `pos`             BIGINT       NOT NULL COMMENT '自定义排序',
+    `organization_id` VARCHAR(32)  NOT NULL COMMENT '组织ID',
+    `create_time`     BIGINT       NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT       NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32)  NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32)  NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '价格'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_org_id ON product_price (organization_id ASC);
+CREATE INDEX idx_status ON product_price (status);
+
+CREATE TABLE product_price_field
+(
+    `id`          VARCHAR(32)  NOT NULL COMMENT 'ID',
+    `resource_id` VARCHAR(32)  NOT NULL COMMENT '价格表ID',
+    `field_id`    VARCHAR(32)  NOT NULL COMMENT '自定义属性ID',
+    `field_value` VARCHAR(255) NOT NULL COMMENT '自定义属性值',
+    `ref_sub_id`  VARCHAR(32) COMMENT '引用子表格ID;关联的子表格字段ID',
+    `row_id`      VARCHAR(32) COMMENT '子表格行实例ID;行实例数据ID',
+    PRIMARY KEY (id)
+) COMMENT = '价格自定义属性'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_resource_id ON product_price_field (resource_id ASC);
+CREATE INDEX idx_ref_sub_id ON product_price_field (ref_sub_id ASC);
+
+CREATE TABLE product_price_field_blob
+(
+    `id`          VARCHAR(32) NOT NULL COMMENT 'id',
+    `resource_id` VARCHAR(32) NOT NULL COMMENT '价格id',
+    `field_id`    VARCHAR(32) NOT NULL COMMENT '自定义属性id',
+    `field_value` TEXT        NOT NULL COMMENT '自定义属性值',
+    `ref_sub_id`  VARCHAR(32) COMMENT '引用子表格ID;关联的子表格字段ID',
+    `row_id`      VARCHAR(32) COMMENT '子表格行实例ID;行实例数据ID',
+    PRIMARY KEY (id)
+) COMMENT = '价格表自定义属性大文本'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_resource_id ON product_price_field_blob (resource_id ASC);
+CREATE INDEX idx_ref_sub_id ON product_price_field_blob (ref_sub_id ASC);
+
+-- modify record, plan content field length (3000)
+ALTER TABLE follow_up_record MODIFY COLUMN content VARCHAR (3000) NOT NULL COMMENT '跟进内容';
+ALTER TABLE follow_up_plan MODIFY COLUMN content VARCHAR (3000) NOT NULL COMMENT '跟进内容';
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.4.0/dml/V1.4.0_2_1__data.sql b/backend/crm/src/main/resources/migration/1.4.0/dml/V1.4.0_2_1__data.sql
new file mode 100644
index 0000000..8a2d262
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.4.0/dml/V1.4.0_2_1__data.sql
@@ -0,0 +1,19 @@
+-- set innodb lock wait timeout
+
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+insert into sys_module value (UUID_SHORT(), '100001', 'contract', true, 9,
+                              'admin', UNIX_TIMESTAMP() * 1000, 'admin', UNIX_TIMESTAMP() * 1000);
+
+insert into sys_module value (UUID_SHORT(), '100001', 'tender', true, 10,
+                              'admin', UNIX_TIMESTAMP() * 1000, 'admin', UNIX_TIMESTAMP() * 1000);
+
+SET @customer_addID = UUID_SHORT();-- 初始化消息通知
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@customer_addID, 'BUSINESS_QUOTATION_APPROVAL', 'OPPORTUNITY', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+SET @customer_addID = UUID_SHORT();-- 初始化消息通知
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@customer_addID, 'BUSINESS_QUOTATION_DELETED', 'OPPORTUNITY', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.4.0/dml/V1.4.0_2_2__permission.sql b/backend/crm/src/main/resources/migration/1.4.0/dml/V1.4.0_2_2__permission.sql
new file mode 100644
index 0000000..dfce8ce
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.4.0/dml/V1.4.0_2_2__permission.sql
@@ -0,0 +1,134 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'OPPORTUNITY_QUOTATION:READ');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'OPPORTUNITY_QUOTATION:ADD');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'OPPORTUNITY_QUOTATION:UPDATE');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'OPPORTUNITY_QUOTATION:DELETE');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'OPPORTUNITY_QUOTATION:DOWNLOAD');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'OPPORTUNITY_QUOTATION:APPROVAL');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'OPPORTUNITY_QUOTATION:VOIDED');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'TENDER:READ');
+-- init sales manager permissions
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'OPPORTUNITY_QUOTATION:READ');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'OPPORTUNITY_QUOTATION:ADD');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'OPPORTUNITY_QUOTATION:UPDATE');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'OPPORTUNITY_QUOTATION:DOWNLOAD');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'OPPORTUNITY_QUOTATION:APPROVAL');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'OPPORTUNITY_QUOTATION:VOIDED');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'TENDER:READ');
+-- init sales_staff permissions
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'OPPORTUNITY_QUOTATION:READ');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'OPPORTUNITY_QUOTATION:ADD');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'OPPORTUNITY_QUOTATION:UPDATE');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'OPPORTUNITY_QUOTATION:DOWNLOAD');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'OPPORTUNITY_QUOTATION:VOIDED');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'TENDER:READ');
+
+-- init price permissions
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'PRICE:READ');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'PRICE:ADD');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'PRICE:UPDATE');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'PRICE:DELETE');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'PRICE:IMPORT');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'PRICE:EXPORT');
+
+
+-- contract
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT:READ');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT:ADD');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT:UPDATE');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT:EXPORT');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT:ARCHIVE');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT:VOIDED');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT:APPROVAL');
+
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'CONTRACT:READ');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'CONTRACT:ADD');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'CONTRACT:UPDATE');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'CONTRACT:EXPORT');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'CONTRACT:VOIDED');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'CONTRACT:APPROVAL');
+
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'CONTRACT:READ');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'CONTRACT:ADD');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'CONTRACT:UPDATE');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'CONTRACT:EXPORT');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'CONTRACT:VOIDED');
+
+-- contract_payment_plan
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT_PAYMENT_PLAN:READ');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT_PAYMENT_PLAN:ADD');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT_PAYMENT_PLAN:UPDATE');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT_PAYMENT_PLAN:DELETE');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT_PAYMENT_PLAN:EXPORT');
+
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'CONTRACT_PAYMENT_PLAN:READ');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'CONTRACT_PAYMENT_PLAN:ADD');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'CONTRACT_PAYMENT_PLAN:UPDATE');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'CONTRACT_PAYMENT_PLAN:EXPORT');
+
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'CONTRACT_PAYMENT_PLAN:READ');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'CONTRACT_PAYMENT_PLAN:ADD');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'CONTRACT_PAYMENT_PLAN:UPDATE');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'CONTRACT_PAYMENT_PLAN:EXPORT');
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.4.0/dml/V1.4.0_2_3__modify_tel.sql b/backend/crm/src/main/resources/migration/1.4.0/dml/V1.4.0_2_3__modify_tel.sql
new file mode 100644
index 0000000..9f59ddf
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.4.0/dml/V1.4.0_2_3__modify_tel.sql
@@ -0,0 +1,7 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+UPDATE sys_operation_log SET module = 'OPPORTUNITY_INDEX' WHERE module = 'OPPORTUNITY';
+
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.4.0/dml/V1.4.0_2_4__modify_log.sql b/backend/crm/src/main/resources/migration/1.4.0/dml/V1.4.0_2_4__modify_log.sql
new file mode 100644
index 0000000..4bac75e
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.4.0/dml/V1.4.0_2_4__modify_log.sql
@@ -0,0 +1,6 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+UPDATE sys_operation_log SET module = 'PRODUCT_MANAGEMENT_PRO' WHERE module = 'PRODUCT_MANAGEMENT';
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.4.1/ddl/V1.4.1_1__init.sql b/backend/crm/src/main/resources/migration/1.4.1/ddl/V1.4.1_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.4.1/ddl/V1.4.1_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.4.1/ddl/V1.4.1_2__ga_ddl.sql b/backend/crm/src/main/resources/migration/1.4.1/ddl/V1.4.1_2__ga_ddl.sql
new file mode 100644
index 0000000..bc8eca8
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.4.1/ddl/V1.4.1_2__ga_ddl.sql
@@ -0,0 +1,12 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- modify lead phone length (255)
+ALTER TABLE clue MODIFY COLUMN phone VARCHAR(255) NULL COMMENT '联系人电话';
+
+ALTER TABLE contract DROP COLUMN archived_status;
+
+ALTER TABLE contract RENAME COLUMN status TO stage;
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.4.1/dml/V1.4.1_2_1__data.sql b/backend/crm/src/main/resources/migration/1.4.1/dml/V1.4.1_2_1__data.sql
new file mode 100644
index 0000000..ed0968e
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.4.1/dml/V1.4.1_2_1__data.sql
@@ -0,0 +1,4 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.4.1/dml/V1.4.1_2_2__modify_tel.sql b/backend/crm/src/main/resources/migration/1.4.1/dml/V1.4.1_2_2__modify_tel.sql
new file mode 100644
index 0000000..1ea3ec0
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.4.1/dml/V1.4.1_2_2__modify_tel.sql
@@ -0,0 +1,23 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+
+DELETE FROM sys_role_permission WHERE permission_id in ('CONTRACT:ARCHIVE', 'CONTRACT:VOIDED');
+
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT:STAGE');
+
+DELETE FROM sys_user_view_condition WHERE name = 'archivedStatus';
+
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT:DELETE');
+
+
+UPDATE sys_user_view_condition suc
+    JOIN sys_user_view su
+ON suc.sys_user_view_id = su.id
+    SET suc.NAME = 'stage'
+WHERE suc.NAME = 'status'
+  AND su.resource_type = 'CONTRACT';
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.4.2/ddl/V1.4.2_1__init.sql b/backend/crm/src/main/resources/migration/1.4.2/ddl/V1.4.2_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.4.2/ddl/V1.4.2_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.4.2/ddl/V1.4.2_2__ga_ddl.sql b/backend/crm/src/main/resources/migration/1.4.2/ddl/V1.4.2_2__ga_ddl.sql
new file mode 100644
index 0000000..1547fae
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.4.2/ddl/V1.4.2_2__ga_ddl.sql
@@ -0,0 +1,21 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- modify field table, add unique id
+ALTER TABLE product_price_field ADD COLUMN biz_id VARCHAR(32) NULL COMMENT '唯一业务行ID' AFTER row_id;
+ALTER TABLE product_price_field_blob ADD COLUMN biz_id VARCHAR(32) NULL COMMENT '唯一业务行ID' AFTER row_id;
+ALTER TABLE contract_field ADD COLUMN biz_id VARCHAR(32) NULL COMMENT '唯一业务行ID' AFTER row_id;
+ALTER TABLE contract_field_blob ADD COLUMN biz_id VARCHAR(32) NULL COMMENT '唯一业务行ID' AFTER row_id;
+ALTER TABLE opportunity_quotation_field ADD COLUMN biz_id VARCHAR(32) NULL COMMENT '唯一业务行ID' AFTER row_id;
+ALTER TABLE opportunity_quotation_field_blob ADD COLUMN biz_id VARCHAR(32) NULL COMMENT '唯一业务行ID' AFTER row_id;
+
+-- add unique index
+CREATE UNIQUE INDEX uk_price_field_cell ON product_price_field (resource_id, row_id, field_id);
+CREATE UNIQUE INDEX uk_price_field_blob_cell ON product_price_field_blob (resource_id, row_id, field_id);
+CREATE UNIQUE INDEX uk_contract_field_cell ON contract_field (resource_id, row_id, field_id);
+CREATE UNIQUE INDEX uk_contract_field_blob_cell ON contract_field_blob (resource_id, row_id, field_id);
+CREATE UNIQUE INDEX uk_opp_quotation_field_cell ON opportunity_quotation_field (resource_id, row_id, field_id);
+CREATE UNIQUE INDEX uk_opp_quotation_field_blob_cell ON opportunity_quotation_field_blob (resource_id, row_id, field_id);
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.4.2/dml/V1.4.2_2_1__data.sql b/backend/crm/src/main/resources/migration/1.4.2/dml/V1.4.2_2_1__data.sql
new file mode 100644
index 0000000..16fd256
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.4.2/dml/V1.4.2_2_1__data.sql
@@ -0,0 +1,47 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- init biz_id by group (resource_id, row_id)
+UPDATE product_price_field f JOIN (
+    SELECT resource_id, row_id, UUID_SHORT() AS biz_id FROM product_price_field
+    WHERE row_id IS NOT NULL AND biz_id IS NULL GROUP BY resource_id, row_id
+) t ON f.resource_id = t.resource_id AND f.row_id = t.row_id
+SET f.biz_id = t.biz_id
+WHERE f.row_id IS NOT NULL AND f.biz_id IS NULL;
+
+UPDATE product_price_field_blob f JOIN (
+    SELECT resource_id, row_id, UUID_SHORT() AS biz_id FROM product_price_field_blob
+    WHERE row_id IS NOT NULL AND biz_id IS NULL GROUP BY resource_id, row_id
+) t ON f.resource_id = t.resource_id AND f.row_id = t.row_id
+SET f.biz_id = t.biz_id
+WHERE f.row_id IS NOT NULL AND f.biz_id IS NULL;
+
+UPDATE contract_field f JOIN (
+    SELECT resource_id, row_id, UUID_SHORT() AS biz_id FROM contract_field
+    WHERE row_id IS NOT NULL AND biz_id IS NULL GROUP BY resource_id, row_id
+) t ON f.resource_id = t.resource_id AND f.row_id = t.row_id
+SET f.biz_id = t.biz_id
+WHERE f.row_id IS NOT NULL AND f.biz_id IS NULL;
+
+UPDATE contract_field_blob f JOIN (
+    SELECT resource_id, row_id, UUID_SHORT() AS biz_id FROM contract_field_blob
+    WHERE row_id IS NOT NULL AND biz_id IS NULL GROUP BY resource_id, row_id
+) t ON f.resource_id = t.resource_id AND f.row_id = t.row_id
+SET f.biz_id = t.biz_id
+WHERE f.row_id IS NOT NULL AND f.biz_id IS NULL;
+
+UPDATE opportunity_quotation_field f JOIN (
+    SELECT resource_id, row_id, UUID_SHORT() AS biz_id FROM opportunity_quotation_field
+    WHERE row_id IS NOT NULL AND biz_id IS NULL GROUP BY resource_id, row_id
+) t ON f.resource_id = t.resource_id AND f.row_id = t.row_id
+SET f.biz_id = t.biz_id
+WHERE f.row_id IS NOT NULL AND f.biz_id IS NULL;
+
+UPDATE opportunity_quotation_field_blob f JOIN (
+    SELECT resource_id, row_id, UUID_SHORT() AS biz_id FROM opportunity_quotation_field_blob
+    WHERE row_id IS NOT NULL AND biz_id IS NULL GROUP BY resource_id, row_id
+) t ON f.resource_id = t.resource_id AND f.row_id = t.row_id
+SET f.biz_id = t.biz_id
+WHERE f.row_id IS NOT NULL AND f.biz_id IS NULL;
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.5.0/ddl/V1.5.0_1__init.sql b/backend/crm/src/main/resources/migration/1.5.0/ddl/V1.5.0_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.5.0/ddl/V1.5.0_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.5.0/ddl/V1.5.0_2__ga_ddl.sql b/backend/crm/src/main/resources/migration/1.5.0/ddl/V1.5.0_2__ga_ddl.sql
new file mode 100644
index 0000000..09198db
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.5.0/ddl/V1.5.0_2__ga_ddl.sql
@@ -0,0 +1,194 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+CREATE TABLE sys_message_task_config
+(
+    `id`              VARCHAR(32)  NOT NULL COMMENT 'id',
+    `organization_id` VARCHAR(50)  NOT NULL COMMENT '组织id',
+    `event`           VARCHAR(255) NOT NULL COMMENT '通知事件类型',
+    `task_type`       VARCHAR(64)  NOT NULL COMMENT '任务类型',
+    `value`           TEXT COMMENT '通知配置值',
+    PRIMARY KEY (id)
+) COMMENT = '消息通知配置'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_organization_id ON sys_message_task_config (organization_id ASC);
+CREATE INDEX idx_task_type ON sys_message_task_config (task_type ASC);
+CREATE INDEX idx_event ON sys_message_task_config (event ASC);
+
+
+CREATE TABLE business_title
+(
+    `id`                    VARCHAR(32)  NOT NULL COMMENT 'id',
+    `name`                  VARCHAR(255) NOT NULL COMMENT '公司名称',
+    `type`                  VARCHAR(50) COMMENT '来源类型',
+    `identification_number` VARCHAR(255) COMMENT '纳税人识别号',
+    `opening_bank`          VARCHAR(255) COMMENT '开户银行',
+    `bank_account`          VARCHAR(255) COMMENT '银行账号',
+    `registration_address`  VARCHAR(255) COMMENT '注册地址',
+    `phone_number`          VARCHAR(255) COMMENT '注册电话',
+    `registered_capital`    VARCHAR(255) COMMENT '注册资本',
+    `company_size`          VARCHAR(255) COMMENT '公司规模',
+    `registration_number`   VARCHAR(255) COMMENT '工商注册号',
+    `approval_status`       VARCHAR(50) COMMENT '审核状态',
+    `unapproved_reason`     VARCHAR(255) COMMENT '不通过原因',
+    `organization_id`       VARCHAR(50)  NOT NULL COMMENT '组织id',
+    `create_time`           BIGINT       NOT NULL COMMENT '创建时间',
+    `update_time`           BIGINT       NOT NULL COMMENT '更新时间',
+    `create_user`           VARCHAR(32)  NOT NULL COMMENT '创建人',
+    `update_user`           VARCHAR(32)  NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '工商抬头'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+
+CREATE INDEX idx_organization_id ON business_title (organization_id ASC);
+CREATE INDEX idx_name ON business_title (name ASC);
+
+
+CREATE TABLE business_title_config
+(
+    `id`              VARCHAR(32)  NOT NULL COMMENT 'id',
+    `field`           VARCHAR(255) NOT NULL COMMENT '字段',
+    `required`        BIT(1)       NOT NULL DEFAULT 1 COMMENT '是否必填',
+    `organization_id` VARCHAR(32)  NOT NULL COMMENT '组织id',
+    PRIMARY KEY (id)
+) COMMENT = '工商抬头配置表'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE TABLE contract_invoice
+(
+    `id`                VARCHAR(32)  NOT NULL COMMENT 'id',
+    `name`              VARCHAR(255) NOT NULL COMMENT '发票名称',
+    `contract_id`       VARCHAR(32)  NOT NULL COMMENT '合同id',
+    `owner`             VARCHAR(32)  NOT NULL COMMENT '负责人',
+    `amount`            DECIMAL(20, 10) COMMENT '开票金额',
+    `invoice_type`      VARCHAR(50) COMMENT '发票类型',
+    `tax_rate`          DECIMAL(20, 10) COMMENT '税率',
+    `approval_status`   VARCHAR(50) COMMENT '审核状态',
+    `business_title_id` VARCHAR(50) COMMENT '工商抬头ID',
+    `organization_id`   VARCHAR(32)  NOT NULL COMMENT '组织id',
+    `create_time`       BIGINT       NOT NULL COMMENT '创建时间',
+    `update_time`       BIGINT       NOT NULL COMMENT '更新时间',
+    `create_user`       VARCHAR(32)  NOT NULL COMMENT '创建人',
+    `update_user`       VARCHAR(32)  NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '发票'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_contract_id ON contract_invoice (contract_id ASC);
+
+CREATE TABLE contract_invoice_field
+(
+    `id`          VARCHAR(32)  NOT NULL COMMENT 'id',
+    `resource_id` VARCHAR(32)  NOT NULL COMMENT '合同id',
+    `field_id`    VARCHAR(32)  NOT NULL COMMENT '自定义属性id',
+    `field_value` VARCHAR(255) NOT NULL COMMENT '自定义属性值',
+    PRIMARY KEY (id)
+) COMMENT = '发票自定义属性'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_resource_id ON contract_invoice_field (resource_id ASC);
+
+CREATE TABLE contract_invoice_field_blob
+(
+    `id`          VARCHAR(32) NOT NULL COMMENT 'id',
+    `resource_id` VARCHAR(32) NOT NULL COMMENT '合同id',
+    `field_id`    VARCHAR(32) NOT NULL COMMENT '自定义属性id',
+    `field_value` TEXT        NOT NULL COMMENT '自定义属性值',
+    PRIMARY KEY (id)
+) COMMENT = '发票自定义属性大文本'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_resource_id ON contract_invoice_field_blob (resource_id ASC);
+
+CREATE TABLE contract_invoice_snapshot
+(
+    `id`            VARCHAR(32) NOT NULL COMMENT 'id',
+    `invoice_id`    VARCHAR(32) NOT NULL COMMENT '合同id',
+    `invoice_prop`  TEXT(255) COMMENT '表单属性快照',
+    `invoice_value` TEXT(255) COMMENT '表单值快照',
+    PRIMARY KEY (id)
+) COMMENT = '发票快照'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_invoice_id ON contract_invoice_snapshot (invoice_id ASC);
+
+-- init contract_payment_record field
+CREATE TABLE contract_payment_record
+(
+    `id`              VARCHAR(32)  NOT NULL COMMENT 'id',
+    `name`            VARCHAR(255) NOT NULL COMMENT '回款记录名称',
+    `no`              VARCHAR(50) COMMENT '回款编号',
+    `owner`           VARCHAR(32)  NOT NULL COMMENT '负责人',
+    `contract_id`     VARCHAR(32)  NOT NULL COMMENT '合同ID',
+    `payment_plan_id` VARCHAR(32) COMMENT '回款计划ID',
+    `record_amount`   DECIMAL(20, 10) COMMENT '回款金额',
+    `record_end_time` BIGINT COMMENT '回款时间',
+    `record_bank`     VARCHAR(32) COMMENT '收款银行',
+    `record_bank_no`  VARCHAR(32) COMMENT '收款账号',
+    `organization_id` VARCHAR(32)  NOT NULL COMMENT '组织id',
+    `create_time`     BIGINT       NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT       NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32)  NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32)  NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '合同回款记录'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_contract_id ON contract_payment_record (contract_id ASC);
+CREATE INDEX idx_plan_id ON contract_payment_record (payment_plan_id ASC);
+CREATE INDEX idx_owner ON contract_payment_record (owner ASC);
+
+CREATE TABLE contract_payment_record_field
+(
+    `id`          VARCHAR(32)  NOT NULL COMMENT 'id',
+    `resource_id` VARCHAR(32)  NOT NULL COMMENT '回款记录id',
+    `field_id`    VARCHAR(32)  NOT NULL COMMENT '自定义属性id',
+    `field_value` VARCHAR(255) NOT NULL COMMENT '自定义属性值',
+    PRIMARY KEY (id)
+) COMMENT = '合同回款记录自定义属性'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_resource_id ON contract_payment_record_field (resource_id ASC);
+
+CREATE TABLE contract_payment_record_field_blob
+(
+    `id`          VARCHAR(32) NOT NULL COMMENT 'id',
+    `resource_id` VARCHAR(32) NOT NULL COMMENT '回款记录id',
+    `field_id`    VARCHAR(32) NOT NULL COMMENT '自定义属性id',
+    `field_value` TEXT        NOT NULL COMMENT '自定义属性值',
+    PRIMARY KEY (id)
+) COMMENT = '合同回款记录自定义属性大文本'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_resource_id ON contract_payment_record_field_blob (resource_id ASC);
+
+-- modify form_key length to 50
+ALTER TABLE sys_module_form MODIFY COLUMN form_key VARCHAR (50);
+-- add payment plan name field
+ALTER TABLE contract_payment_plan
+    ADD COLUMN name VARCHAR(255) NOT NULL COMMENT '回款计划名称' AFTER id;
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.5.0/ddl/V1.5.0_3__modify_sub_key.sql b/backend/crm/src/main/resources/migration/1.5.0/ddl/V1.5.0_3__modify_sub_key.sql
new file mode 100644
index 0000000..4406947
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.5.0/ddl/V1.5.0_3__modify_sub_key.sql
@@ -0,0 +1,19 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- modify unique index of sub table
+ALTER TABLE product_price_field DROP INDEX uk_price_field_cell,
+    ADD UNIQUE INDEX uk_price_field_cell (resource_id, ref_sub_id, row_id, field_id);
+ALTER TABLE product_price_field_blob DROP INDEX uk_price_field_blob_cell,
+    ADD UNIQUE INDEX uk_price_field_blob_cell (resource_id, ref_sub_id, row_id, field_id);
+ALTER TABLE contract_field DROP INDEX uk_contract_field_cell,
+    ADD UNIQUE INDEX uk_contract_field_cell (resource_id, ref_sub_id, row_id, field_id);
+ALTER TABLE contract_field_blob DROP INDEX uk_contract_field_blob_cell,
+    ADD UNIQUE INDEX uk_contract_field_blob_cell (resource_id, ref_sub_id, row_id, field_id);
+ALTER TABLE opportunity_quotation_field DROP INDEX uk_opp_quotation_field_cell,
+    ADD UNIQUE INDEX uk_opp_quotation_field_cell (resource_id, ref_sub_id, row_id, field_id);
+ALTER TABLE opportunity_quotation_field_blob DROP INDEX uk_opp_quotation_field_blob_cell,
+    ADD UNIQUE INDEX uk_opp_quotation_field_blob_cell (resource_id, ref_sub_id, row_id, field_id);
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.5.0/dml/V1.5.0_2_1__data.sql b/backend/crm/src/main/resources/migration/1.5.0/dml/V1.5.0_2_1__data.sql
new file mode 100644
index 0000000..5cf06af
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.5.0/dml/V1.5.0_2_1__data.sql
@@ -0,0 +1,73 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- 初始化消息通知
+SET @customer_addID = UUID_SHORT();
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@customer_addID, 'BUSINESS_QUOTATION_EXPIRING', 'OPPORTUNITY', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+SET @customer_addID = UUID_SHORT();
+INSERT INTO sys_message_task_config (id, organization_id, event, task_type,  value)
+    VALUE (@customer_addID, '100001', 'BUSINESS_QUOTATION_EXPIRING', 'OPPORTUNITY','{"timeList":[{"timeValue":3,"timeUnit":"DAY"}],"userIds":["OWNER"],"roleIds":[],"ownerEnable":false,"ownerLevel":0,"roleEnable":false}');
+
+
+SET @customer_addID = UUID_SHORT();
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@customer_addID, 'BUSINESS_QUOTATION_EXPIRED', 'OPPORTUNITY', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+
+SET @customer_addID = UUID_SHORT();
+INSERT INTO sys_message_task_config (id, organization_id, event, task_type,  value)
+    VALUE (@customer_addID, '100001', 'BUSINESS_QUOTATION_EXPIRED', 'OPPORTUNITY','{"timeList":[],"userIds":["OWNER"],"roleIds":[],"ownerEnable":false,"ownerLevel":0,"roleEnable":false}');
+
+SET @customer_addID = UUID_SHORT();
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@customer_addID, 'CONTRACT_ARCHIVED', 'CONTRACT', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+SET @customer_addID = UUID_SHORT();
+INSERT INTO sys_message_task_config (id, organization_id, event, task_type,  value)
+    VALUE (@customer_addID, '100001', 'CONTRACT_ARCHIVED', 'CONTRACT','{"timeList":[],"userIds":["OWNER"],"roleIds":[],"ownerEnable":false,"ownerLevel":0,"roleEnable":false}');
+
+SET @customer_addID = UUID_SHORT();
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@customer_addID, 'CONTRACT_VOID', 'CONTRACT', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+SET @customer_addID = UUID_SHORT();
+INSERT INTO sys_message_task_config (id, organization_id, event, task_type,  value)
+    VALUE (@customer_addID, '100001', 'CONTRACT_VOID', 'CONTRACT','{"timeList":[],"userIds":["OWNER"],"roleIds":[],"ownerEnable":false,"ownerLevel":0,"roleEnable":false}');
+
+SET @customer_addID = UUID_SHORT();
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@customer_addID, 'CONTRACT_EXPIRING', 'CONTRACT', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+SET @customer_addID = UUID_SHORT();
+INSERT INTO sys_message_task_config (id, organization_id, event, task_type,  value)
+    VALUE (@customer_addID, '100001', 'CONTRACT_EXPIRING', 'CONTRACT','{"timeList":[{"timeValue":3,"timeUnit":"DAY"}],"userIds":["OWNER"],"roleIds":[],"ownerEnable":false,"ownerLevel":0,"roleEnable":false}');
+
+SET @customer_addID = UUID_SHORT();
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@customer_addID, 'CONTRACT_EXPIRED', 'CONTRACT', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+SET @customer_addID = UUID_SHORT();
+INSERT INTO sys_message_task_config (id, organization_id, event, task_type,  value)
+    VALUE (@customer_addID, '100001', 'CONTRACT_EXPIRED', 'CONTRACT','{"timeList":[],"userIds":["OWNER"],"roleIds":[],"ownerEnable":false,"ownerLevel":0,"roleEnable":false}');
+
+
+SET @customer_addID = UUID_SHORT();
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@customer_addID, 'CONTRACT_PAYMENT_EXPIRING', 'CONTRACT', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+SET @customer_addID = UUID_SHORT();
+INSERT INTO sys_message_task_config (id, organization_id, event, task_type,  value)
+    VALUE (@customer_addID, '100001', 'CONTRACT_PAYMENT_EXPIRING', 'CONTRACT','{"timeList":[{"timeValue":3,"timeUnit":"DAY"}],"userIds":["OWNER"],"roleIds":[],"ownerEnable":false,"ownerLevel":0,"roleEnable":false}');
+
+SET @customer_addID = UUID_SHORT();
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@customer_addID, 'CONTRACT_PAYMENT_EXPIRED', 'CONTRACT', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+SET @customer_addID = UUID_SHORT();
+INSERT INTO sys_message_task_config (id, organization_id, event, task_type,  value)
+    VALUE (@customer_addID, '100001', 'CONTRACT_PAYMENT_EXPIRED', 'CONTRACT','{"timeList":[],"userIds":["OWNER"],"roleIds":[],"ownerEnable":false,"ownerLevel":0,"roleEnable":false}');
+
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.5.0/dml/V1.5.0_2_2__modify_tel.sql b/backend/crm/src/main/resources/migration/1.5.0/dml/V1.5.0_2_2__modify_tel.sql
new file mode 100644
index 0000000..9d84f9f
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.5.0/dml/V1.5.0_2_2__modify_tel.sql
@@ -0,0 +1,35 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+alter table opportunity_quotation
+    add until_time bigint not null comment '有效期至';
+
+-- modify form_key length to 50
+ALTER TABLE sys_module_form MODIFY COLUMN form_key VARCHAR (50);
+
+CREATE INDEX idx_until_time
+    ON opportunity_quotation (until_time);
+
+
+CREATE INDEX idx_plan_end_time
+    ON contract_payment_plan (plan_end_time);
+
+
+INSERT INTO business_title_config (id, field, required, organization_id)
+VALUES (UUID_SHORT(), 'name', true, '100001'),
+       (UUID_SHORT(), 'identification_number', true, '100001'),
+       (UUID_SHORT(), 'opening_bank', false, '100001'),
+       (UUID_SHORT(), 'bank_account', false, '100001'),
+       (UUID_SHORT(), 'registration_address', false, '100001'),
+       (UUID_SHORT(), 'phone_number', false, '100001'),
+       (UUID_SHORT(), 'registered_capital', false, '100001'),
+       (UUID_SHORT(), 'company_size', false, '100001'),
+       (UUID_SHORT(), 'registration_number', false, '100001');
+
+alter table contract
+    add start_time bigint not null comment '合同开始时间';
+alter table contract
+    add end_time bigint not null comment '合同结束时间';
+
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.5.0/dml/V1.5.0_2_3__permission.sql b/backend/crm/src/main/resources/migration/1.5.0/dml/V1.5.0_2_3__permission.sql
new file mode 100644
index 0000000..17961e3
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.5.0/dml/V1.5.0_2_3__permission.sql
@@ -0,0 +1,109 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- Init contract payment record permissions
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT_PAYMENT_RECORD:READ');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT_PAYMENT_RECORD:ADD');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT_PAYMENT_RECORD:UPDATE');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT_PAYMENT_RECORD:DELETE');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT_PAYMENT_RECORD:IMPORT');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT_PAYMENT_RECORD:EXPORT');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT_BUSINESS_TITLE:READ');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT_BUSINESS_TITLE:ADD');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT_BUSINESS_TITLE:UPDATE');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT_BUSINESS_TITLE:DELETE');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT_BUSINESS_TITLE:EXPORT');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT_BUSINESS_TITLE:IMPORT');
+
+
+
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'CONTRACT_PAYMENT_RECORD:READ');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'CONTRACT_PAYMENT_RECORD:ADD');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'CONTRACT_PAYMENT_RECORD:UPDATE');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'CONTRACT_PAYMENT_RECORD:IMPORT');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'CONTRACT_PAYMENT_RECORD:EXPORT');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'CONTRACT_BUSINESS_TITLE:READ');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'CONTRACT_BUSINESS_TITLE:ADD');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'CONTRACT_BUSINESS_TITLE:UPDATE');
+
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'CONTRACT_PAYMENT_RECORD:READ');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'CONTRACT_PAYMENT_RECORD:ADD');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'CONTRACT_PAYMENT_RECORD:UPDATE');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'CONTRACT_PAYMENT_RECORD:IMPORT');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'CONTRACT_PAYMENT_RECORD:EXPORT');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'CONTRACT_BUSINESS_TITLE:READ');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'CONTRACT_BUSINESS_TITLE:ADD');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'CONTRACT_BUSINESS_TITLE:UPDATE');
+
+
+-- Init invoice permissions
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT_INVOICE:READ');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT_INVOICE:ADD');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT_INVOICE:UPDATE');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT_INVOICE:DELETE');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT_INVOICE:EXPORT');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT_INVOICE:APPROVAL');
+
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'CONTRACT_INVOICE:READ');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'CONTRACT_INVOICE:ADD');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'CONTRACT_INVOICE:UPDATE');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'CONTRACT_INVOICE:DELETE');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'CONTRACT_INVOICE:EXPORT');
+
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'CONTRACT_INVOICE:READ');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'CONTRACT_INVOICE:ADD');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'CONTRACT_INVOICE:UPDATE');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'CONTRACT_INVOICE:EXPORT');
+
+-- init contract payment operate permission
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CONTRACT:PAYMENT');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'CONTRACT:PAYMENT');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'CONTRACT:PAYMENT');
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.5.1/ddl/V1.5.1_1__init.sql b/backend/crm/src/main/resources/migration/1.5.1/ddl/V1.5.1_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.5.1/ddl/V1.5.1_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.5.1/ddl/V1.5.1_2__ga_ddl.sql b/backend/crm/src/main/resources/migration/1.5.1/ddl/V1.5.1_2__ga_ddl.sql
new file mode 100644
index 0000000..82dc8eb
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.5.1/ddl/V1.5.1_2__ga_ddl.sql
@@ -0,0 +1,6 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.5.1/ddl/V1.5.1_3__modify.sql b/backend/crm/src/main/resources/migration/1.5.1/ddl/V1.5.1_3__modify.sql
new file mode 100644
index 0000000..386ef33
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.5.1/ddl/V1.5.1_3__modify.sql
@@ -0,0 +1,13 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- Modify quotation_prop column from TEXT to LONGTEXT in opportunity_quotation_snapshot table
+ALTER TABLE opportunity_quotation_snapshot
+    MODIFY COLUMN quotation_prop LONGTEXT NULL COMMENT '表单属性快照';
+ALTER TABLE contract_snapshot
+    MODIFY contract_prop LONGTEXT NULL COMMENT '表单属性快照';
+ALTER TABLE contract_invoice_snapshot
+    MODIFY invoice_prop LONGTEXT NULL COMMENT '表单属性快照';
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.5.1/ddl/V1.5.1_4__record_del.sql b/backend/crm/src/main/resources/migration/1.5.1/ddl/V1.5.1_4__record_del.sql
new file mode 100644
index 0000000..8ba2ae4
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.5.1/ddl/V1.5.1_4__record_del.sql
@@ -0,0 +1,9 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- Delete payment record bank column
+ALTER TABLE contract_payment_record DROP COLUMN record_bank;
+ALTER TABLE contract_payment_record DROP COLUMN record_bank_no;
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.5.1/dml/V1.5.1_2_1__data.sql b/backend/crm/src/main/resources/migration/1.5.1/dml/V1.5.1_2_1__data.sql
new file mode 100644
index 0000000..5a8094e
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.5.1/dml/V1.5.1_2_1__data.sql
@@ -0,0 +1,12 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- 初始化消息通知
+SET @customer_addID = UUID_SHORT();
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@customer_addID, 'SYNC_ORGANIZATION_STRUCTURE', 'SYSTEM', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+-- init advance search settings
+INSERT INTO sys_parameter value ('advance.search.setting', 'false', 'text');
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.5.2/ddl/V1.5.2_1__init.sql b/backend/crm/src/main/resources/migration/1.5.2/ddl/V1.5.2_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.5.2/ddl/V1.5.2_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.5.2/ddl/V1.5.2_2__ga_ddl.sql b/backend/crm/src/main/resources/migration/1.5.2/ddl/V1.5.2_2__ga_ddl.sql
new file mode 100644
index 0000000..ce11f2d
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.5.2/ddl/V1.5.2_2__ga_ddl.sql
@@ -0,0 +1,14 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+ALTER TABLE business_title
+    ADD `area` VARCHAR(255) COMMENT '所属地区';
+
+ALTER TABLE business_title
+    ADD `scale` VARCHAR(255) COMMENT '企业规模';
+
+ALTER TABLE business_title
+    ADD `industry` VARCHAR(255) COMMENT '国标行业';
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.5.2/dml/V1.5.2_2_1__data.sql b/backend/crm/src/main/resources/migration/1.5.2/dml/V1.5.2_2_1__data.sql
new file mode 100644
index 0000000..e22d11a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.5.2/dml/V1.5.2_2_1__data.sql
@@ -0,0 +1,14 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+INSERT INTO business_title_config (id, field, required, organization_id)
+VALUES (UUID_SHORT(), 'area', false, '100001'),
+       (UUID_SHORT(), 'scale', false, '100001'),
+       (UUID_SHORT(), 'industry', false, '100001');
+
+INSERT INTO sys_dict_config (module,organization_id,enabled)
+VALUES  ('QUOTATION_APPROVAL','100001',1),
+        ('CONTRACT_APPROVAL','100001',1),
+        ('INVOICE_APPROVAL','100001',1);
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.6.0/ddl/V1.6.0_1__init.sql b/backend/crm/src/main/resources/migration/1.6.0/ddl/V1.6.0_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.6.0/ddl/V1.6.0_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.6.0/ddl/V1.6.0_2__ga_ddl.sql b/backend/crm/src/main/resources/migration/1.6.0/ddl/V1.6.0_2__ga_ddl.sql
new file mode 100644
index 0000000..c1d70e0
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.6.0/ddl/V1.6.0_2__ga_ddl.sql
@@ -0,0 +1,101 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+CREATE TABLE sales_order
+(
+    `id`              VARCHAR(32)  NOT NULL COMMENT 'id',
+    `number`          VARCHAR(50)  NOT NULL COMMENT '编号',
+    `name`            VARCHAR(255) NOT NULL COMMENT '订单名称',
+    `customer_id`     VARCHAR(32)  COMMENT '客户id',
+    `contract_id`     VARCHAR(32)  COMMENT '合同id',
+    `owner`           VARCHAR(32)  COMMENT '订单负责人',
+    `amount`          DECIMAL(20, 10) COMMENT '金额',
+    `stage`           VARCHAR(50)  NOT NULL COMMENT '订单状态',
+    `organization_id` VARCHAR(32)  NOT NULL COMMENT '组织id',
+    `create_time`     BIGINT       NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT       NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32)  NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32)  NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '订单'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_customer_id ON sales_order (customer_id ASC);
+CREATE INDEX idx_contract_id ON sales_order (contract_id ASC);
+CREATE INDEX idx_owner ON sales_order (owner ASC);
+CREATE INDEX idx_name ON sales_order (name ASC);
+
+
+CREATE TABLE sales_order_field
+(
+    `id`          VARCHAR(32)  NOT NULL COMMENT 'id',
+    `resource_id` VARCHAR(32)  NOT NULL COMMENT '订单id',
+    `field_id`    VARCHAR(32)  NOT NULL COMMENT '自定义属性id',
+    `field_value` VARCHAR(255) NOT NULL COMMENT '自定义属性值',
+    `ref_sub_id`  VARCHAR(32) COMMENT '引用子表格ID;关联的子表格字段ID',
+    `row_id`      VARCHAR(32) COMMENT '子表格行实例ID;行实例数据ID',
+    `biz_id`      VARCHAR(32) COMMENT '唯一业务行ID',
+    PRIMARY KEY (id)
+) COMMENT = '订单自定义属性'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_resource_id ON sales_order_field (resource_id ASC);
+
+
+CREATE TABLE sales_order_field_blob
+(
+    `id`          VARCHAR(32) NOT NULL COMMENT 'id',
+    `resource_id` VARCHAR(32) NOT NULL COMMENT '订单id',
+    `field_id`    VARCHAR(32) NOT NULL COMMENT '自定义属性id',
+    `field_value` TEXT        NOT NULL COMMENT '自定义属性值',
+    `ref_sub_id`  VARCHAR(32) COMMENT '引用子表格ID;关联的子表格字段ID',
+    `row_id`      VARCHAR(32) COMMENT '子表格行实例ID;行实例数据ID',
+    `biz_id`      VARCHAR(32) COMMENT '唯一业务行ID',
+    PRIMARY KEY (id)
+) COMMENT = '订单自定义属性大文本'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_resource_id ON sales_order_field_blob (resource_id ASC);
+
+CREATE TABLE sales_order_snapshot
+(
+    `id`          VARCHAR(32) NOT NULL COMMENT 'id',
+    `order_id`    VARCHAR(32) NOT NULL COMMENT '订单id',
+    `order_prop`  LONGTEXT COMMENT '订单属性快照',
+    `order_value` TEXT COMMENT '订单值快照',
+    PRIMARY KEY (id)
+) COMMENT = '订单快照'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_order_id ON sales_order_snapshot (order_id ASC);
+
+
+CREATE TABLE sales_order_stage_config
+(
+    `id`              VARCHAR(32)  NOT NULL COMMENT 'id',
+    `name`            VARCHAR(255) NOT NULL COMMENT '订单状态',
+    `type`            VARCHAR(50)  NOT NULL COMMENT '状态类型',
+    `afoot_roll_back` BIT(1) DEFAULT 0 COMMENT '进行中回退设置',
+    `end_roll_back`   BIT(1) DEFAULT 0 COMMENT '完结回退设置',
+    `pos`             BIGINT       NOT NULL COMMENT '顺序',
+    `organization_id` VARCHAR(32)  NOT NULL COMMENT '组织id',
+    `create_time`     BIGINT       NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT       NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32)  NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32)  NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '订单状态流设置'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.6.0/dml/V1.6.0_2_1__data.sql b/backend/crm/src/main/resources/migration/1.6.0/dml/V1.6.0_2_1__data.sql
new file mode 100644
index 0000000..dbaa684
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.6.0/dml/V1.6.0_2_1__data.sql
@@ -0,0 +1,17 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+insert into sys_module value (UUID_SHORT(), '100001', 'order', true, 10,
+                              'admin', UNIX_TIMESTAMP() * 1000, 'admin', UNIX_TIMESTAMP() * 1000);
+
+INSERT INTO `sales_order_stage_config`(`id`, `name`, `type`, `afoot_roll_back`, `end_roll_back`, `pos`, `organization_id`, `create_time`, `update_time`, `create_user`, `update_user`)
+VALUES
+    ('CREATE', '新建', 'AFOOT', b'1', b'0', 1, '100001', 1772521969413, 1772521969413, 'admin', 'admin'),
+    ('PENDING_SHIPMENT', '待发货', 'AFOOT', b'1', b'0', 2, '100001', 1772521969413, 1772521969413, 'admin', 'admin'),
+    ('PARTIALLY_SHIPPED', '部分发货', 'AFOOT', b'1', b'0', 3, '100001', 1772521969413, 1772521969413, 'admin', 'admin'),
+    ('SHIPPED', '已发货', 'AFOOT', b'1', b'0', 4, '100001', 1772521969413, 1772521969413, 'admin', 'admin'),
+    ('PENDING_ACCEPTANCE', '待验收', 'AFOOT', b'1', b'0', 5, '100001', 1772521969413, 1772521969413, 'admin', 'admin'),
+    ('COMPLETED', '已完成', 'END', b'1', b'0', 6, '100001', 1772521969413, 1772521969413, 'admin', 'admin'),
+    ('VOIDED', '已作废', 'END', b'1', b'0', 7, '100001', 1772521969413, 1772521969413, 'admin', 'admin');
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.6.0/dml/V1.6.0_2_2__permission.sql b/backend/crm/src/main/resources/migration/1.6.0/dml/V1.6.0_2_2__permission.sql
new file mode 100644
index 0000000..641bffb
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.6.0/dml/V1.6.0_2_2__permission.sql
@@ -0,0 +1,35 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'ORDER:READ');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'ORDER:ADD');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'ORDER:UPDATE');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'ORDER:DELETE');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'ORDER:DOWNLOAD');
+
+-- init sales manager permissions
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'ORDER:READ');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'ORDER:ADD');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'ORDER:UPDATE');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'ORDER:DOWNLOAD');
+
+-- init sales_staff permissions
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'ORDER:READ');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'ORDER:ADD');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'ORDER:UPDATE');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'ORDER:DOWNLOAD');
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.6.1/ddl/V1.6.1_1__init.sql b/backend/crm/src/main/resources/migration/1.6.1/ddl/V1.6.1_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.6.1/ddl/V1.6.1_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.6.1/ddl/V1.6.1_2__ga_ddl.sql b/backend/crm/src/main/resources/migration/1.6.1/ddl/V1.6.1_2__ga_ddl.sql
new file mode 100644
index 0000000..cbdad4a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.6.1/ddl/V1.6.1_2__ga_ddl.sql
@@ -0,0 +1,15 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+ALTER TABLE business_title
+    ADD `city` VARCHAR(255) COMMENT '市';
+
+ALTER TABLE business_title
+    CHANGE COLUMN area province VARCHAR (255) COMMENT '省';
+
+ALTER TABLE business_title
+    ADD remark VARCHAR(255) COMMENT '备注';
+
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.6.1/dml/V1.6.1_2_1__data.sql b/backend/crm/src/main/resources/migration/1.6.1/dml/V1.6.1_2_1__data.sql
new file mode 100644
index 0000000..7a3ad0c
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.6.1/dml/V1.6.1_2_1__data.sql
@@ -0,0 +1,11 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+INSERT INTO business_title_config (id, field, required, organization_id)
+VALUES (UUID_SHORT(), 'city', false, '100001'),
+       (UUID_SHORT(), 'remark', false, '100001');
+
+update business_title_config set `field` = 'province' where field = 'area' and organization_id = '100001';
+
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.6.2/ddl/V1.6.2_1__init.sql b/backend/crm/src/main/resources/migration/1.6.2/ddl/V1.6.2_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.6.2/ddl/V1.6.2_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.6.2/ddl/V1.6.2_2__ga_ddl.sql b/backend/crm/src/main/resources/migration/1.6.2/ddl/V1.6.2_2__ga_ddl.sql
new file mode 100644
index 0000000..018685c
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.6.2/ddl/V1.6.2_2__ga_ddl.sql
@@ -0,0 +1,8 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- modify sys_module_field_blob prop column to longtext
+ALTER TABLE sys_module_field_blob modify column prop longtext;
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.6.2/dml/V1.6.2_2_1__data.sql b/backend/crm/src/main/resources/migration/1.6.2/dml/V1.6.2_2_1__data.sql
new file mode 100644
index 0000000..4acefaa
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.6.2/dml/V1.6.2_2_1__data.sql
@@ -0,0 +1,12 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- 初始化消息通知
+SET @clue_add_id = UUID_SHORT();
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@clue_add_id, 'CLUE_ADD', 'CLUE', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+SET @business_add_id = UUID_SHORT();
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@business_add_id, 'BUSINESS_ADD', 'OPPORTUNITY', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.7.0/ddl/V1.7.0_1__init.sql b/backend/crm/src/main/resources/migration/1.7.0/ddl/V1.7.0_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.7.0/ddl/V1.7.0_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.7.0/ddl/V1.7.0_2__ga_ddl.sql b/backend/crm/src/main/resources/migration/1.7.0/ddl/V1.7.0_2__ga_ddl.sql
new file mode 100644
index 0000000..cce911f
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.7.0/ddl/V1.7.0_2__ga_ddl.sql
@@ -0,0 +1,261 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+CREATE TABLE approval_flow(
+  `id` VARCHAR(32) NOT NULL   COMMENT 'id' ,
+  `current_version_id` VARCHAR(32) NOT NULL   COMMENT '当前版本ID' ,
+  `number` VARCHAR(50) NOT NULL   COMMENT '流程编码;流程编码，自增，格式：CTR-APV-001（合同），INV-APV-001（发票），ORD-APV-001（订单）' ,
+  `name` VARCHAR(255) NOT NULL   COMMENT '流程名称;流程名称' ,
+  `form_type` VARCHAR(50) NOT NULL   COMMENT '表单类型;表单类型：QUOTATION(报价)、CONTRACT(合同)、INVOICE(发票)、ORDER(订单)' ,
+  `create_execute` TINYINT(1) NOT NULL  DEFAULT 1 COMMENT '新建时执行;新建时是否执行审批流' ,
+  `update_execute` TINYINT(1) NOT NULL  DEFAULT 1 COMMENT '编辑时执行;编辑时是否执行审批流' ,
+  `submitter_can_revoke` TINYINT(1) NOT NULL  DEFAULT 1 COMMENT '允许提交人撤销;允许提交人撤销审批中的申请' ,
+  `allow_batch_process` TINYINT(1) NOT NULL  DEFAULT 0 COMMENT '允许批量处理;允许审批人批量处理此流程的多个任务' ,
+  `allow_withdraw` TINYINT(1) NOT NULL  DEFAULT 0 COMMENT '允许撤回;允许审批人撤回审批' ,
+  `allow_add_sign` TINYINT(1) NOT NULL  DEFAULT 0 COMMENT '允许加签' ,
+  `duplicate_approver_rule` VARCHAR(20) NOT NULL  DEFAULT 'FIRST_ONLY' COMMENT '重复审批人：FIRST_ONLY/SEQUENTIAL_ALL/EACH' ,
+  `require_comment` TINYINT(1) NOT NULL  DEFAULT 0 COMMENT '是否必须填写审批意见' ,
+  `enable` TINYINT(1) NOT NULL  DEFAULT 1 COMMENT '启用状态：0-禁用，1-启用' ,
+  `deleted` TINYINT(1) NOT NULL  DEFAULT 0 COMMENT '是否删除：0-未删除，1-已删除' ,
+  `create_time` BIGINT NOT NULL   COMMENT '创建时间' ,
+  `update_time` BIGINT NOT NULL   COMMENT '更新时间' ,
+  `create_user` VARCHAR(32) NOT NULL   COMMENT '创建人' ,
+  `update_user` VARCHAR(32) NOT NULL   COMMENT '更新人' ,
+  `organization_id` VARCHAR(32) NOT NULL   COMMENT '组织id' ,
+  `status_permissions` VARCHAR(4000) NOT NULL   COMMENT '状态权限配置（JSON格式）' ,
+  `description` VARCHAR(3000)    COMMENT '流程描述' ,
+  PRIMARY KEY (id)
+)  COMMENT = '审批流主表'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE TABLE approval_flow_version(
+  `id` VARCHAR(32) NOT NULL   COMMENT 'ID' ,
+  `flow_id` VARCHAR(32) NOT NULL   COMMENT '审批流ID' ,
+  `create_time` BIGINT NOT NULL   COMMENT '创建时间' ,
+  `create_user` VARCHAR(32) NOT NULL   COMMENT '创建人' ,
+  `organization_id` VARCHAR(32) NOT NULL   COMMENT '组织id' ,
+  PRIMARY KEY (id)
+)  COMMENT = '审批流版本表'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_flow_id ON approval_flow_version(flow_id ASC);
+
+CREATE TABLE approval_node(
+    `id` VARCHAR(32) NOT NULL   COMMENT 'id' ,
+    `flow_version_id` VARCHAR(32) NOT NULL   COMMENT '审批流版本ID' ,
+    `number` VARCHAR(50) NOT NULL   COMMENT '节点编码;格式：PN001、PN002' ,
+    `name` VARCHAR(255) NOT NULL   COMMENT '节点名称' ,
+    `node_type` VARCHAR(50) NOT NULL   COMMENT '节点类型：START\CONDITION\DEFAULT\END' ,
+    `sort` INT(11) NOT NULL  DEFAULT 0 COMMENT '排序序号' ,
+    PRIMARY KEY (id)
+)  COMMENT = '审批节点配置表'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_flow_version_id ON approval_node(flow_version_id ASC);
+
+CREATE TABLE approval_node_approver(
+    `id` VARCHAR(32) NOT NULL   COMMENT 'id' ,
+    `flow_version_id` VARCHAR(32) NOT NULL   COMMENT '审批流版本ID;流程ID' ,
+    `approval_type` VARCHAR(20) NOT NULL  DEFAULT 'AUTO_PASS' COMMENT '审批类型;审批类型：MANUAL(人工审批)、AUTO_PASS(自动通过)、AUTO_REJECT(自动拒绝)' ,
+    `multi_approver_mode` VARCHAR(20) NOT NULL   COMMENT '多人审批方式;多人审批方式：ALL(会签)/ANY(或签)/SEQUENTIAL(依次审批)' ,
+    `empty_approver_action` VARCHAR(20) NOT NULL  DEFAULT 'AUTO_PASS' COMMENT '审批人为空时动作：AUTO_PASS(自动通过)/ASSIGN_SPECIFIC(指定人员审批)/ASSIGN_ADMIN(转交给审批管理员)' ,
+    `fallback_approver` VARCHAR(32) COMMENT '审批人为空时，兜底审批人',
+    `same_submitter_action` VARCHAR(20) NOT NULL  DEFAULT 'SKIP' COMMENT '审批人与提交人相同时动作：SKIP(自动跳过)/ALLOW(由提交人审批)/ASSIGN_SUPERIOR(转交给直属上级审批)' ,
+    `approver_type` VARCHAR(50)  COMMENT '审批人类型' ,
+    `approver_direction` VARCHAR(20) NULL DEFAULT 'BOTTOM_UP' COMMENT '审批人方向：BOTTOM_UP(从下往上)/TOP_DOWN(从上往下)，仅MULTIPLE_SUPERIOR/MULTIPLE_DEPT_HEAD生效' ,
+    `cc_type` VARCHAR(50) COMMENT '抄送人类型' ,
+    `cc_direction` VARCHAR(20) NULL DEFAULT 'BOTTOM_UP' COMMENT '抄送人方向：BOTTOM_UP(从下往上)/TOP_DOWN(从上往下)，仅MULTIPLE_SUPERIOR/MULTIPLE_DEPT_HEAD生效' ,
+    `cc_list` text COMMENT '抄送人列表（JSON数组）' ,
+    `approver_list` text COMMENT '审批人列表（JSON数组）' ,
+    `pass_post_config` VARCHAR(4000) COMMENT '审批通过后配置（JSON格式）' ,
+    `reject_post_config` VARCHAR(4000) COMMENT '审批驳回后配置（JSON格式）' ,
+    `field_permissions` VARCHAR(4000) COMMENT '字段权限配置（JSON格式）' ,
+    PRIMARY KEY (id)
+)  COMMENT = '审批人节点配置表'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_flow_version_id ON approval_node_approver(flow_version_id ASC);
+
+CREATE TABLE approval_node_condition(
+    `id` VARCHAR(32) NOT NULL   COMMENT 'id' ,
+    `flow_version_id` VARCHAR(32) NOT NULL COMMENT '审批流版本ID' ,
+    `condition_config` VARCHAR(4000)  COMMENT '条件配置JSON' ,
+    PRIMARY KEY (id)
+)  COMMENT = '条件节点配置表'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_flow_version_id ON approval_node_condition(flow_version_id ASC);
+
+CREATE TABLE approval_node_link(
+    `id` VARCHAR(32) NOT NULL   COMMENT '主键' ,
+    `flow_version_id` VARCHAR(32) NOT NULL   COMMENT '审批流版本ID' ,
+    `from_node_id` VARCHAR(32) NOT NULL   COMMENT '源节点ID' ,
+    `to_node_id` VARCHAR(32) NOT NULL   COMMENT '目标节点ID' ,
+    `sort` INT NOT NULL  DEFAULT 0 COMMENT '分支评估顺序' ,
+    PRIMARY KEY (id)
+)  COMMENT = '节点连接表'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_flow_version_id_from_id ON approval_node_link(flow_version_id ASC,from_node_id ASC);
+
+CREATE TABLE approval_instance(
+    `id` VARCHAR(32) NOT NULL COMMENT 'ID' ,
+    `flow_version_id` VARCHAR(32) NOT NULL   COMMENT '审批流版本ID' ,
+    `type` VARCHAR(20) NOT NULL   COMMENT '表单类型' ,
+    `resource_id` VARCHAR(32) NOT NULL   COMMENT '审批的业务数据ID' ,
+    `submitter_id` VARCHAR(32) NOT NULL   COMMENT '提交人ID' ,
+    `current_node_id` VARCHAR(32)    COMMENT '当前节点ID' ,
+    `approval_status` VARCHAR(20) NOT NULL   COMMENT '审批状态' ,
+    `submit_time` BIGINT    COMMENT '提审时间' ,
+    `approval_time` BIGINT    COMMENT '审批完成时间' ,
+    `create_time` BIGINT NOT NULL   COMMENT '创建时间' ,
+    `update_time` BIGINT NOT NULL   COMMENT '更新时间' ,
+    `create_user` VARCHAR(32) NOT NULL   COMMENT '创建人' ,
+    `update_user` VARCHAR(32) NOT NULL   COMMENT '更新人' ,
+    PRIMARY KEY (id)
+)  COMMENT = '审批实例表'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_flow_version_id ON approval_instance(flow_version_id ASC);
+CREATE INDEX idx_resource_id ON approval_instance(resource_id ASC);
+CREATE INDEX idx_submitter_id ON approval_instance(submitter_id ASC);
+
+CREATE TABLE approval_task(
+    `id` VARCHAR(32) NOT NULL   COMMENT 'ID' ,
+    `node_id` VARCHAR(32) NOT NULL   COMMENT '节点ID' ,
+    `node_round` INT NOT NULL   COMMENT '节点轮次' ,
+    `instance_id` VARCHAR(32) NOT NULL   COMMENT '审批实例ID' ,
+    `approver_id` VARCHAR(20) NOT NULL   COMMENT '审批人ID' ,
+    `status` VARCHAR(20) NOT NULL   COMMENT '任务状态; 待审批: PENDING, 审批中: APPROVING, 已通过: APPROVED, 已驳回: UNAPPROVED, 已撤销: REVOKED' ,
+    `type` VARCHAR(20)    COMMENT '任务类型; 抄送: CC; 加签: SN; 退回: BK; 普通: NL;' ,
+    `action` VARCHAR(20)    COMMENT '执行操作; 同意: APPROVE;驳回: REJECT;加签: SIGN;退回: BACK;' ,
+    `create_time` BIGINT NOT NULL   COMMENT '创建时间' ,
+    `update_time` BIGINT NOT NULL   COMMENT '更新时间' ,
+    `create_user` VARCHAR(32) NOT NULL   COMMENT '创建人' ,
+    `update_user` VARCHAR(32) NOT NULL   COMMENT '更新人' ,
+    PRIMARY KEY (id)
+)  COMMENT = '审批任务表'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_instance_node_id ON approval_task(instance_id ASC,node_id ASC);
+CREATE INDEX idx_approver_id ON approval_task(approver_id ASC);
+
+CREATE TABLE approval_add_sign_task(
+    `id` VARCHAR(32) NOT NULL   COMMENT '主键ID' ,
+    `type` VARCHAR(20) NOT NULL   COMMENT '加签方式;{before: 在我之前、after: 在我之后' ,
+    `task_id` VARCHAR(32) NOT NULL   COMMENT '加签任务ID' ,
+    `sign_task_id` VARCHAR(32) NOT NULL   COMMENT '被加签的任务ID' ,
+    `root_task_id` VARCHAR(32)    COMMENT '根任务ID' ,
+    `sort` BIGINT NOT NULL   COMMENT '顺序;排序越小越往前' ,
+    `comment` TEXT    COMMENT '加签意见' ,
+    PRIMARY KEY (id)
+)  COMMENT = '加签任务表'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_task_id ON approval_add_sign_task(task_id ASC);
+CREATE INDEX idx_sign_task_id ON approval_add_sign_task(sign_task_id ASC);
+CREATE INDEX idx_root_task_id ON approval_add_sign_task(root_task_id ASC);
+
+CREATE TABLE approval_return_back_record(
+    `id` VARCHAR(32) NOT NULL   COMMENT '主键ID' ,
+    `instance_id` VARCHAR(32) NOT NULL   COMMENT '审批实例ID' ,
+    `task_id` VARCHAR(32) NOT NULL   COMMENT '当前任务ID' ,
+    `return_to_node_id` VARCHAR(32) NOT NULL   COMMENT '退回至任务ID' ,
+    `return_reason` TEXT    COMMENT '退回原因' ,
+    `return_user_id` VARCHAR(32) NOT NULL   COMMENT '退回操作人' ,
+    PRIMARY KEY (id)
+)  COMMENT = '退回记录表'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_instance_id ON approval_return_back_record(instance_id ASC);
+
+CREATE TABLE approval_record(
+    `id` VARCHAR(32) NOT NULL COMMENT 'ID' ,
+    `instance_id` VARCHAR(32) NOT NULL   COMMENT '审批实例ID' ,
+    `task_id` VARCHAR(32)    COMMENT '任务ID' ,
+    `node_id` VARCHAR(32) NOT NULL   COMMENT '节点ID' ,
+    `node_round` INT NOT NULL   COMMENT '节点轮次' ,
+    `result` VARCHAR(255)    COMMENT '审批结果' ,
+    `comment` TEXT    COMMENT '审批意见' ,
+    `create_time` BIGINT NOT NULL   COMMENT '创建时间' ,
+    `update_time` BIGINT NOT NULL   COMMENT '更新时间' ,
+    `create_user` VARCHAR(32) NOT NULL   COMMENT '创建人' ,
+    `update_user` VARCHAR(32) NOT NULL   COMMENT '更新人' ,
+    PRIMARY KEY (id)
+)  COMMENT = '审批记录表'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_instance_task_id ON approval_record(instance_id ASC,task_id ASC);
+
+CREATE TABLE approval_instance_attachment(
+    `id` VARCHAR(32) NOT NULL   COMMENT 'ID' ,
+    `instance_id` VARCHAR(32) NOT NULL   COMMENT '审批实例ID' ,
+    `element_id` VARCHAR(32) NOT NULL   COMMENT '审批节点ID' ,
+    `attachment_id` VARCHAR(32) NOT NULL   COMMENT '附件ID' ,
+    PRIMARY KEY (id)
+)  COMMENT = '审批实例附件表'
+    ENGINE = InnoDB
+    DEFAULT CHARSET = utf8mb4
+    COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_instance_id ON approval_instance_attachment(instance_id ASC);
+CREATE INDEX idx_element_id ON approval_instance_attachment(element_id ASC);
+
+
+CREATE TABLE contract_stage_config
+(
+    `id`              VARCHAR(32)  NOT NULL COMMENT 'id',
+    `name`            VARCHAR(255) NOT NULL COMMENT '合同状态',
+    `type`            VARCHAR(50)  NOT NULL COMMENT '状态类型',
+    `afoot_roll_back` BIT(1) DEFAULT 0 COMMENT '进行中回退设置',
+    `end_roll_back`   BIT(1) DEFAULT 0 COMMENT '完结回退设置',
+    `pos`             BIGINT       NOT NULL COMMENT '顺序',
+    `organization_id` VARCHAR(32)  NOT NULL COMMENT '组织id',
+    `create_time`     BIGINT       NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT       NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32)  NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32)  NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '合同状态流设置'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+
+ALTER TABLE contract ADD COLUMN pos BIGINT DEFAULT NULL;
+
+ALTER TABLE sales_order ADD COLUMN pos BIGINT DEFAULT NULL;
+
+-- add order approval status
+ALTER TABLE sales_order ADD COLUMN approval_status VARCHAR(50) NOT NULL COMMENT '审批状态' AFTER stage;
+
+-- add quotation invalid
+ALTER TABLE opportunity_quotation ADD COLUMN invalid TINYINT(1) DEFAULT 0 COMMENT '是否作废: 0-正常, 1-作废' AFTER approval_status;
+
+-- drop quotation approval
+DROP TABLE opportunity_quotation_approval;
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.7.0/dml/V1.7.0_2_1__data.sql b/backend/crm/src/main/resources/migration/1.7.0/dml/V1.7.0_2_1__data.sql
new file mode 100644
index 0000000..7b0a120
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.7.0/dml/V1.7.0_2_1__data.sql
@@ -0,0 +1,29 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+INSERT INTO `contract_stage_config`(`id`, `name`, `type`, `afoot_roll_back`, `end_roll_back`, `pos`, `organization_id`, `create_time`, `update_time`, `create_user`, `update_user`)
+VALUES
+    ('PENDING_SIGNING', '待签署', 'AFOOT', b'1', b'0', 1, '100001', 1776417799080, 1776417799080, 'admin', 'admin'),
+    ('SIGNED', '已签署', 'AFOOT', b'1', b'0', 2, '100001', 1776417799080, 1776417799080, 'admin', 'admin'),
+    ('CHANGE', '合同变更', 'AFOOT', b'1', b'0', 3, '100001', 1776417799080, 1776417799080, 'admin', 'admin'),
+    ('IN_PROGRESS', '履行中', 'AFOOT', b'1', b'0', 4, '100001', 1776417799080, 1776417799080, 'admin', 'admin'),
+    ('COMPLETED_PERFORMANCE', '履行完毕', 'AFOOT', b'1', b'0', 5, '100001', 1776417799080, 1776417799080, 'admin', 'admin'),
+    ('ARCHIVED', '合同完结', 'END', b'1', b'0', 6, '100001', 1776417799080, 1776417799080, 'admin', 'admin'),
+    ('VOID', '作废', 'END', b'1', b'0', 7, '100001', 1776417799080, 1776417799080, 'admin', 'admin');
+
+
+-- 初始化消息通知
+SET @contract_approval_id = UUID_SHORT();
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@contract_approval_id, 'CONTRACT_APPROVAL', 'CONTRACT', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+SET @order_approval_id = UUID_SHORT();
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@order_approval_id, 'ORDER_APPROVAL', 'ORDER', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+SET @invoice_approval_id = UUID_SHORT();
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@invoice_approval_id, 'INVOICE_APPROVAL', 'CONTRACT', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+SET @approval_todo_id = UUID_SHORT();
+INSERT INTO sys_message_task (id, event, task_type, email_enable, sys_enable, organization_id, template, create_user, create_time, update_user, update_time)
+    VALUE (@approval_todo_id, 'APPROVAL_TODO', 'APPROVAL', false, true,'100001', null, 'admin', UNIX_TIMESTAMP() * 1000 + 2, 'admin', UNIX_TIMESTAMP() * 1000 + 2 );
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.7.0/dml/V1.7.0_2_2__permission.sql b/backend/crm/src/main/resources/migration/1.7.0/dml/V1.7.0_2_2__permission.sql
new file mode 100644
index 0000000..e3bb630
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.7.0/dml/V1.7.0_2_2__permission.sql
@@ -0,0 +1,14 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- init org_admin permissions for approval flow
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'PROCESS_SETTING:READ');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'PROCESS_SETTING:ADD');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'PROCESS_SETTING:UPDATE');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'PROCESS_SETTING:DELETE');
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.7.0/dml/V1.7.0_2_3__modify_tel.sql b/backend/crm/src/main/resources/migration/1.7.0/dml/V1.7.0_2_3__modify_tel.sql
new file mode 100644
index 0000000..6ee2cc3
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.7.0/dml/V1.7.0_2_3__modify_tel.sql
@@ -0,0 +1,18 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- Init contract pos
+UPDATE contract
+SET pos = (SELECT rn
+           FROM (SELECT id, ROW_NUMBER() OVER (ORDER BY id) as rn
+                 FROM contract) t2
+           WHERE t2.id = contract.id);
+
+
+UPDATE sales_order
+SET pos = (SELECT rn
+           FROM (SELECT id, ROW_NUMBER() OVER (ORDER BY id) as rn
+                 FROM sales_order) t2
+           WHERE t2.id = sales_order.id);
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.7.1/ddl/V1.7.1_1__init.sql b/backend/crm/src/main/resources/migration/1.7.1/ddl/V1.7.1_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.7.1/ddl/V1.7.1_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.7.1/ddl/V1.7.1_2__ga_ddl.sql b/backend/crm/src/main/resources/migration/1.7.1/ddl/V1.7.1_2__ga_ddl.sql
new file mode 100644
index 0000000..c7acd92
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.7.1/ddl/V1.7.1_2__ga_ddl.sql
@@ -0,0 +1,141 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- modify sys_module_field_blob prop column to longtext
+ALTER TABLE contract MODIFY COLUMN start_time bigint NULL;
+ALTER TABLE contract MODIFY COLUMN end_time bigint NULL;
+
+CREATE TABLE custom_form(
+    `id` VARCHAR(32) NOT NULL   COMMENT 'id' ,
+    `name` VARCHAR(255) NOT NULL   COMMENT '名称' ,
+    `enable` BIT(1) NOT NULL  DEFAULT 0 COMMENT '是否启用' ,
+    `organization_id` VARCHAR(32) NOT NULL   COMMENT '组织id' ,
+    `create_time` BIGINT NOT NULL   COMMENT '创建时间' ,
+    `update_time` BIGINT NOT NULL   COMMENT '更新时间' ,
+    `create_user` VARCHAR(32) NOT NULL   COMMENT '创建人' ,
+    `update_user` VARCHAR(32) NOT NULL   COMMENT '更新人' ,
+    PRIMARY KEY (id)
+)  COMMENT = '自定义表单'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE TABLE custom_form_admin(
+    `id` VARCHAR(32) NOT NULL   COMMENT 'id' ,
+    `custom_form_id` VARCHAR(32) NOT NULL   COMMENT '自定义表单ID' ,
+    `user_id` VARCHAR(32) NOT NULL   COMMENT '用户ID' ,
+    PRIMARY KEY (id)
+)  COMMENT = '自定义表单管理员'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_custom_form_id ON custom_form_admin(custom_form_id ASC);
+
+
+CREATE TABLE custom_form_role(
+    `id` VARCHAR(32) NOT NULL   COMMENT 'id' ,
+    `name` VARCHAR(255) NOT NULL   COMMENT '名称' ,
+    `custom_form_id` VARCHAR(32) NOT NULL   COMMENT '自定义表单ID' ,
+    `internal_key` VARCHAR(50) NOT NULL   COMMENT '内置角色key' ,
+    `create_time` BIGINT NOT NULL   COMMENT '创建时间' ,
+    `update_time` BIGINT NOT NULL   COMMENT '更新时间' ,
+    `create_user` VARCHAR(32) NOT NULL   COMMENT '创建人' ,
+    `update_user` VARCHAR(32) NOT NULL   COMMENT '更新人' ,
+    PRIMARY KEY (id)
+)  COMMENT = '自定义表单角色'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_custom_form_id ON custom_form_role(custom_form_id ASC);
+
+CREATE TABLE custom_form_role_user(
+    `id` VARCHAR(32) NOT NULL   COMMENT 'id' ,
+    `role_id` VARCHAR(32) NOT NULL   COMMENT '角色id' ,
+    `user_id` VARCHAR(32) NOT NULL   COMMENT '用户id' ,
+    `create_time` BIGINT NOT NULL   COMMENT '创建时间' ,
+    `update_time` BIGINT NOT NULL   COMMENT '更新时间' ,
+    `create_user` VARCHAR(32) NOT NULL   COMMENT '创建人' ,
+    `update_user` VARCHAR(32) NOT NULL   COMMENT '更新人' ,
+    PRIMARY KEY (id)
+)  COMMENT = '自定义表单角色关联用户'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_role_id ON custom_form_role_user(role_id ASC);
+CREATE INDEX idx_create_time ON custom_form_role_user(create_time DESC);
+
+
+CREATE TABLE custom_form_data(
+    `id` VARCHAR(32) NOT NULL   COMMENT 'id' ,
+    `custom_form_id` VARCHAR(32)    COMMENT '自定义表单ID' ,
+    `name` VARCHAR(255) NOT NULL   COMMENT '名称' ,
+    `owner` VARCHAR(32) NOT NULL   COMMENT '负责人' ,
+    `organization_id` VARCHAR(32) NOT NULL   COMMENT '组织id' ,
+    `create_time` BIGINT NOT NULL   COMMENT '创建时间' ,
+    `update_time` BIGINT NOT NULL   COMMENT '更新时间' ,
+    `create_user` VARCHAR(32) NOT NULL   COMMENT '创建人' ,
+    `update_user` VARCHAR(32) NOT NULL   COMMENT '更新人' ,
+    PRIMARY KEY (id)
+)  COMMENT = '自定义表单数据'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_custom_form_id ON custom_form_data(custom_form_id ASC);
+
+CREATE TABLE custom_form_data_field(
+    `id` VARCHAR(32) NOT NULL   COMMENT 'id' ,
+    `resource_id` VARCHAR(32) NOT NULL   COMMENT '自定义表单数据id' ,
+    `field_id` VARCHAR(32) NOT NULL   COMMENT '自定义属性id' ,
+    `field_value` VARCHAR(255) NOT NULL   COMMENT '自定义属性值' ,
+    PRIMARY KEY (id)
+)  COMMENT = '自定义表单数据自定义属性'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_resource_id ON custom_form_data_field(resource_id ASC);
+
+CREATE TABLE custom_form_data_field_blob(
+    `id` VARCHAR(32) NOT NULL   COMMENT 'id' ,
+    `resource_id` VARCHAR(32) NOT NULL   COMMENT '自定义表单数据id' ,
+    `field_id` VARCHAR(32) NOT NULL   COMMENT '自定义属性id' ,
+    `field_value` TEXT NOT NULL   COMMENT '自定义属性值' ,
+    PRIMARY KEY (id)
+)  COMMENT = '自定义表单数据自定义属性大文本'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_resource_id ON custom_form_data_field_blob(resource_id ASC);
+
+
+SET @sql = (
+    SELECT IF(
+        EXISTS (
+            SELECT 1
+            FROM information_schema.COLUMNS
+            WHERE TABLE_SCHEMA = DATABASE()
+              AND TABLE_NAME = 'business_title'
+              AND COLUMN_NAME = 'company_number'
+        ),
+        'SELECT 1',
+        'ALTER TABLE business_title ADD COLUMN company_number BIGINT NOT NULL AUTO_INCREMENT UNIQUE COMMENT ''公司编号'''
+    )
+);
+PREPARE stmt FROM @sql;
+EXECUTE stmt;
+DEALLOCATE PREPARE stmt;
+
+
+ALTER TABLE approval_node_approver MODIFY COLUMN field_permissions text COMMENT '字段权限配置（JSON格式）';
+ALTER TABLE approval_node_approver MODIFY COLUMN pass_post_config text COMMENT '审批通过后配置（JSON格式）';
+ALTER TABLE approval_node_approver MODIFY COLUMN reject_post_config text COMMENT '审批驳回后配置（JSON格式）';
+
+ALTER TABLE sys_operation_log ADD COLUMN request_source VARCHAR(32) DEFAULT 'WEB' COMMENT '请求来源';
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
diff --git a/backend/crm/src/main/resources/migration/1.7.1/dml/V1.7.1_2_1__data.sql b/backend/crm/src/main/resources/migration/1.7.1/dml/V1.7.1_2_1__data.sql
new file mode 100644
index 0000000..d618002
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.7.1/dml/V1.7.1_2_1__data.sql
@@ -0,0 +1,11 @@
+-- 加入代办顶部导航栏
+update sys_navigation
+set pos = pos + 1
+where organization_id = '100001'
+  and pos >= 2;
+insert into sys_navigation value (UUID_SHORT(), '100001', 'task', true, 2,
+                                  'admin', UNIX_TIMESTAMP() * 1000, 'admin', UNIX_TIMESTAMP() * 1000);
+
+
+INSERT INTO sys_module (id, organization_id, module_key, enable, pos, create_user, create_time, update_user, update_time)
+VALUES (UUID_SHORT(), '100001', 'customForm', 1, 9, 'admin', UNIX_TIMESTAMP() * 1000, 'admin', UNIX_TIMESTAMP() * 1000);
diff --git a/backend/crm/src/main/resources/migration/1.7.1/dml/V1.7.1_2_2__permission.sql b/backend/crm/src/main/resources/migration/1.7.1/dml/V1.7.1_2_2__permission.sql
new file mode 100644
index 0000000..7c3cc62
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.7.1/dml/V1.7.1_2_2__permission.sql
@@ -0,0 +1,14 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- init org_admin permissions for custom form
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CUSTOM_FORM:READ');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'org_admin', 'CUSTOM_FORM:ADD');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_manager', 'CUSTOM_FORM:READ');
+INSERT INTO sys_role_permission (id, role_id, permission_id)
+VALUES (UUID_SHORT(), 'sales_staff', 'CUSTOM_FORM:READ');
+
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.7.2/ddl/V1.7.2_1__init.sql b/backend/crm/src/main/resources/migration/1.7.2/ddl/V1.7.2_1__init.sql
new file mode 100644
index 0000000..d3fec9a
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.7.2/ddl/V1.7.2_1__init.sql
@@ -0,0 +1 @@
+select database();
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/migration/1.7.2/ddl/V1.7.2_2__ga_ddl.sql b/backend/crm/src/main/resources/migration/1.7.2/ddl/V1.7.2_2__ga_ddl.sql
new file mode 100644
index 0000000..b8c53e5
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.7.2/ddl/V1.7.2_2__ga_ddl.sql
@@ -0,0 +1,49 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- approval_flow 增加 delete_execute 字段
+ALTER TABLE approval_flow ADD COLUMN delete_execute tinyint(1) DEFAULT 0 COMMENT '删除时执行';
+
+-- approval_node 增加 execute_time 字段
+ALTER TABLE approval_node ADD COLUMN execute_time varchar(30) DEFAULT NULL COMMENT '执行时机：CREATE/UPDATE/DELETE';
+
+-- approval_instance 增加 execute_time 字段
+ALTER TABLE approval_instance ADD COLUMN execute_time varchar(30) DEFAULT NULL COMMENT '执行时机：CREATE/UPDATE/DELETE';
+
+ALTER TABLE approval_instance ADD `comment` varchar(500) NULL COMMENT '变更说明';
+
+ALTER TABLE contract ADD approved TINYINT(1) DEFAULT 0 NULL COMMENT '是否审批通过过';
+ALTER TABLE opportunity_quotation ADD approved TINYINT(1) DEFAULT 0 NULL COMMENT '是否审批通过过';
+ALTER TABLE contract_invoice ADD approved TINYINT(1) DEFAULT 0 NULL COMMENT '是否审批通过过';
+ALTER TABLE sales_order ADD approved TINYINT(1) DEFAULT 0 NULL COMMENT '是否审批通过过';
+
+-- approval_instance 增加 update_fields 字段
+ALTER TABLE approval_instance ADD COLUMN update_fields VARCHAR(2000) DEFAULT NULL COMMENT '编辑时修改的字段列表';
+
+CREATE TABLE stage_advanced_config
+(
+    `id`              VARCHAR(32) NOT NULL COMMENT 'id',
+    `origin_id`       VARCHAR(32) NOT NULL COMMENT '源id',
+    `target_id`       VARCHAR(32) NOT NULL COMMENT '目标id',
+    `enable`          TINYINT(1) NOT NULL DEFAULT 0 COMMENT '是否允许流转',
+    `field_config`    TEXT(255) COMMENT '字段配置',
+    `module_type`     VARCHAR(20) COMMENT '模块类型(order-订单/contract-合同)',
+    `organization_id` VARCHAR(32) NOT NULL COMMENT '组织id',
+    `create_time`     BIGINT      NOT NULL COMMENT '创建时间',
+    `update_time`     BIGINT      NOT NULL COMMENT '更新时间',
+    `create_user`     VARCHAR(32) NOT NULL COMMENT '创建人',
+    `update_user`     VARCHAR(32) NOT NULL COMMENT '更新人',
+    PRIMARY KEY (id)
+) COMMENT = '状态流高级配置'
+ENGINE = InnoDB
+DEFAULT CHARSET = utf8mb4
+COLLATE = utf8mb4_general_ci;
+
+CREATE INDEX idx_type ON stage_advanced_config (module_type ASC);
+
+
+ALTER TABLE sales_order_stage_config ADD COLUMN circulation_type VARCHAR(50) DEFAULT 'NORMAL' COMMENT '流转类型(NORMAL-普通，ADVANCED-高级)';
+ALTER TABLE contract_stage_config ADD COLUMN circulation_type VARCHAR(50) DEFAULT 'NORMAL' COMMENT '流转类型(NORMAL-普通，ADVANCED-高级)';
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
diff --git a/backend/crm/src/main/resources/migration/1.7.2/dml/V1.7.2_2_1__data.sql b/backend/crm/src/main/resources/migration/1.7.2/dml/V1.7.2_2_1__data.sql
new file mode 100644
index 0000000..a2c448d
--- /dev/null
+++ b/backend/crm/src/main/resources/migration/1.7.2/dml/V1.7.2_2_1__data.sql
@@ -0,0 +1,100 @@
+-- set innodb lock wait timeout
+SET SESSION innodb_lock_wait_timeout = 7200;
+
+-- 历史数据处理：根据 approval_flow 的 create_execute 和 update_execute，将原来一份节点数据拆成多份
+-- 对 create_execute=true 的审批流，设置 execute_time = CREATE
+UPDATE approval_node an
+INNER JOIN approval_flow_version afv ON an.flow_version_id = afv.id
+INNER JOIN approval_flow af ON afv.flow_id = af.id
+SET an.execute_time = 'CREATE'
+WHERE af.create_execute = 1;
+
+-- 对仅 update_execute=true 的审批流，设置 execute_time = UPDATE
+UPDATE approval_node an
+INNER JOIN approval_flow_version afv ON an.flow_version_id = afv.id
+INNER JOIN approval_flow af ON afv.flow_id = af.id
+SET an.execute_time = 'UPDATE'
+WHERE af.update_execute = 1 AND (af.create_execute = 0 OR af.create_execute IS NULL);
+
+-- 对 create_execute=true AND update_execute=true 的审批流，拆分节点数据，复制一份作为 UPDATE（approval_node）
+INSERT INTO approval_node (id, flow_version_id, number, name, node_type, sort, execute_time)
+SELECT
+    CAST(an.id AS UNSIGNED) + 1000,
+    an.flow_version_id,
+    an.number,
+    an.name,
+    an.node_type,
+    an.sort,
+    'UPDATE' AS execute_time
+FROM approval_node an
+INNER JOIN approval_flow_version afv ON an.flow_version_id = afv.id
+INNER JOIN approval_flow af ON afv.flow_id = af.id
+WHERE af.create_execute = 1 AND af.update_execute = 1
+  AND an.execute_time = 'CREATE';
+
+-- 复制 approval_node_approver（审批人节点配置）
+INSERT INTO approval_node_approver (id, flow_version_id, approval_type, multi_approver_mode,
+    empty_approver_action, fallback_approver, same_submitter_action, approver_type, approver_direction,
+    approver_list, cc_type, cc_direction, cc_list, pass_post_config, reject_post_config, field_permissions)
+SELECT
+    CAST(ana.id AS UNSIGNED) + 1000,
+    ana.flow_version_id,
+    ana.approval_type,
+    ana.multi_approver_mode,
+    ana.empty_approver_action,
+    ana.fallback_approver,
+    ana.same_submitter_action,
+    ana.approver_type,
+    ana.approver_direction,
+    ana.approver_list,
+    ana.cc_type,
+    ana.cc_direction,
+    ana.cc_list,
+    ana.pass_post_config,
+    ana.reject_post_config,
+    ana.field_permissions
+FROM approval_node_approver ana
+INNER JOIN approval_node an ON ana.id = an.id
+INNER JOIN approval_flow_version afv ON an.flow_version_id = afv.id
+INNER JOIN approval_flow af ON afv.flow_id = af.id
+WHERE af.create_execute = 1 AND af.update_execute = 1
+  AND an.execute_time = 'CREATE';
+
+-- 复制 approval_node_condition（条件节点配置）
+INSERT INTO approval_node_condition (id, flow_version_id, condition_config)
+SELECT
+    CAST(anc.id AS UNSIGNED) + 1000,
+    anc.flow_version_id,
+    anc.condition_config
+FROM approval_node_condition anc
+INNER JOIN approval_node an ON anc.id = an.id
+INNER JOIN approval_flow_version afv ON an.flow_version_id = afv.id
+INNER JOIN approval_flow af ON afv.flow_id = af.id
+WHERE af.create_execute = 1 AND af.update_execute = 1
+  AND an.execute_time = 'CREATE';
+
+-- 复制 approval_node_link（节点连接关系）
+-- from_node_id 和 to_node_id 都需要映射到新ID
+INSERT INTO approval_node_link (id, flow_version_id, from_node_id, to_node_id, sort)
+SELECT
+    UUID_SHORT(),
+    anl.flow_version_id,
+    CAST(anl.from_node_id AS UNSIGNED) + 1000 AS from_node_id,
+    CAST(anl.to_node_id AS UNSIGNED) + 1000 AS to_node_id,
+    anl.sort
+FROM approval_node_link anl
+INNER JOIN approval_node from_node ON anl.from_node_id = from_node.id
+INNER JOIN approval_flow_version afv ON from_node.flow_version_id = afv.id
+INNER JOIN approval_flow af ON afv.flow_id = af.id
+WHERE af.create_execute = 1 AND af.update_execute = 1
+  AND af.deleted = 0
+  AND from_node.execute_time = 'CREATE';
+
+-- 处理已经审批通过的历史数据，设置通过标识位
+update contract set approved = 1 where approval_status = 'APPROVED';
+update opportunity_quotation set approved = 1 where approval_status = 'APPROVED';
+update contract_invoice set approved = 1 where approval_status = 'APPROVED';
+update sales_order set approved = 1 where approval_status = 'APPROVED';
+
+-- set innodb lock wait timeout to default
+SET SESSION innodb_lock_wait_timeout = DEFAULT;
diff --git a/backend/crm/src/main/resources/permission.json b/backend/crm/src/main/resources/permission.json
new file mode 100644
index 0000000..9f0b240
--- /dev/null
+++ b/backend/crm/src/main/resources/permission.json
@@ -0,0 +1,705 @@
+[
+  {
+    "id": "SYSTEM",
+    "name": "permission.system.name",
+    "children": [
+      {
+        "id": "SYSTEM_ORGANIZATION",
+        "name": "permission.system.organization.name",
+        "permissions": [
+          {
+            "id": "SYS_ORGANIZATION:READ"
+          },
+          {
+            "id": "SYS_ORGANIZATION:ADD"
+          },
+          {
+            "id": "SYS_ORGANIZATION:UPDATE"
+          },
+          {
+            "id": "SYS_ORGANIZATION:DELETE"
+          },
+          {
+            "id": "SYS_ORGANIZATION:IMPORT"
+          },
+          {
+            "id": "SYS_ORGANIZATION:SYNC",
+            "name": "permission.organization.sync"
+          },
+          {
+            "id": "SYS_ORGANIZATION_USER:RESET_PASSWORD",
+            "name": "permission.organization.user.reset_password"
+          }
+        ]
+      },
+      {
+        "id": "SYSTEM_ROLE",
+        "name": "permission.system.role.name",
+        "permissions": [
+          {
+            "id": "SYSTEM_ROLE:READ"
+          },
+          {
+            "id": "SYSTEM_ROLE:ADD"
+          },
+          {
+            "id": "SYSTEM_ROLE:UPDATE"
+          },
+          {
+            "id": "SYSTEM_ROLE:DELETE"
+          },
+          {
+            "id": "SYSTEM_ROLE:ADD_USER",
+            "name": "permission.role.add_user"
+          },
+          {
+            "id": "SYSTEM_ROLE:REMOVE_USER",
+            "name": "permission.role.remove_user"
+          }
+        ]
+      },
+      {
+        "id": "SYSTEM_SETTING",
+        "name": "permission.system.module_setting.name",
+        "permissions": [
+          {
+            "id": "MODULE_SETTING:READ"
+          },
+          {
+            "id": "MODULE_SETTING:UPDATE"
+          }
+        ]
+      },
+      {
+        "id": "SYSTEM_NOTICE",
+        "name": "permission.system.notice.name",
+        "permissions": [
+          {
+            "id": "SYSTEM_NOTICE:READ"
+          },
+          {
+            "id": "SYSTEM_NOTICE:ADD"
+          },
+          {
+            "id": "SYSTEM_NOTICE:UPDATE"
+          },
+          {
+            "id": "SYSTEM_NOTICE:DELETE"
+          }
+        ]
+      },
+      {
+        "id": "SYSTEM_SETTING",
+        "name": "permission.system.setting.name",
+        "permissions": [
+          {
+            "id": "SYSTEM_SETTING:READ"
+          },
+          {
+            "id": "SYSTEM_SETTING:ADD"
+          },
+          {
+            "id": "SYSTEM_SETTING:UPDATE"
+          },
+          {
+            "id": "SYSTEM_SETTING:DELETE"
+          }
+        ]
+      },
+      {
+        "id": "SYSTEM_SETTING",
+        "name": "permission.operation.log",
+        "permissions": [
+          {
+            "id": "OPERATION_LOG:READ"
+          }
+        ]
+      },
+      {
+        "id": "SYSTEM_LICENSE",
+        "name": "permission.system.license",
+        "license": true,
+        "permissions": [
+          {
+            "id": "LICENSE:READ",
+            "license": true
+          },
+          {
+            "id": "LICENSE:EDIT",
+            "license": true
+          }
+        ]
+      },
+      {
+        "id": "PROCESS_SETTING",
+        "name": "permission.process_setting.name",
+        "permissions": [
+          {
+            "id": "PROCESS_SETTING:READ"
+          },
+          {
+            "id": "PROCESS_SETTING:ADD"
+          },
+          {
+            "id": "PROCESS_SETTING:UPDATE"
+          },
+          {
+            "id": "PROCESS_SETTING:DELETE"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "id": "CUSTOMER_MANAGEMENT",
+    "name": "permission.customer_management.name",
+    "children": [
+      {
+        "id": "CUSTOMER_MANAGEMENT_CUSTOMER",
+        "name": "permission.customer_management.customer.name",
+        "permissions": [
+          {
+            "id": "CUSTOMER_MANAGEMENT:READ"
+          },
+          {
+            "id": "CUSTOMER_MANAGEMENT:ADD"
+          },
+          {
+            "id": "CUSTOMER_MANAGEMENT:UPDATE"
+          },
+          {
+            "id": "CUSTOMER_MANAGEMENT:TRANSFER"
+          },
+          {
+            "id": "CUSTOMER_MANAGEMENT:RECYCLE",
+            "name": "permission.customer_management.customer.recycle"
+          },
+          {
+            "id": "CUSTOMER_MANAGEMENT:DELETE"
+          },
+          {
+            "id": "CUSTOMER_MANAGEMENT:IMPORT"
+          },
+          {
+            "id": "CUSTOMER_MANAGEMENT:EXPORT"
+          },
+          {
+            "id": "CUSTOMER_MANAGEMENT:MERGE"
+          }
+        ]
+      },
+      {
+        "id": "CUSTOMER_MANAGEMENT_POOL",
+        "name": "permission.customer_management.pool.name",
+        "permissions": [
+          {
+            "id": "CUSTOMER_MANAGEMENT_POOL:READ"
+          },
+          {
+            "id": "CUSTOMER_MANAGEMENT_POOL:UPDATE"
+          },
+          {
+            "id": "CUSTOMER_MANAGEMENT_POOL:PICK",
+            "name": "permission.customer_management.pool.pick"
+          },
+          {
+            "id": "CUSTOMER_MANAGEMENT_POOL:ASSIGN",
+            "name": "permission.customer_management.pool.assign"
+          },
+          {
+            "id": "CUSTOMER_MANAGEMENT_POOL:DELETE"
+          },
+          {
+            "id": "CUSTOMER_MANAGEMENT_POOL:EXPORT"
+          }
+        ]
+      },
+      {
+        "id": "CUSTOMER_MANAGEMENT_CONTACT",
+        "name": "permission.customer.customer_contact.name",
+        "permissions": [
+          {
+            "id": "CUSTOMER_MANAGEMENT_CONTACT:READ"
+          },
+          {
+            "id": "CUSTOMER_MANAGEMENT_CONTACT:ADD"
+          },
+          {
+            "id": "CUSTOMER_MANAGEMENT_CONTACT:UPDATE"
+          },
+          {
+            "id": "CUSTOMER_MANAGEMENT_CONTACT:DELETE"
+          },
+          {
+            "id": "CUSTOMER_MANAGEMENT_CONTACT:IMPORT"
+          },
+          {
+            "id": "CUSTOMER_MANAGEMENT_CONTACT:EXPORT"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "id": "CLUE_MANAGEMENT",
+    "name": "permission.clue_management.name",
+    "children": [
+      {
+        "id": "CLUE_MANAGEMENT_CLUE",
+        "name": "permission.clue_management.clue.name",
+        "permissions": [
+          {
+            "id": "CLUE_MANAGEMENT:READ"
+          },
+          {
+            "id": "CLUE_MANAGEMENT:ADD"
+          },
+          {
+            "id": "CLUE_MANAGEMENT:UPDATE"
+          },
+          {
+            "id": "CLUE_MANAGEMENT:TRANSFER"
+          },
+          {
+            "id": "CLUE_MANAGEMENT:RECYCLE",
+            "name": "permission.clue_management.clue.recycle"
+          },
+          {
+            "id": "CLUE_MANAGEMENT:DELETE"
+          },
+          {
+            "id": "CLUE_MANAGEMENT:IMPORT"
+          },
+          {
+            "id": "CLUE_MANAGEMENT:EXPORT"
+          }
+        ]
+      },
+      {
+        "id": "CLUE_MANAGEMENT_POOL",
+        "name": "permission.clue_management.pool.name",
+        "permissions": [
+          {
+            "id": "CLUE_MANAGEMENT_POOL:READ"
+          },
+          {
+            "id": "CLUE_MANAGEMENT_POOL:UPDATE"
+          },
+          {
+            "id": "CLUE_MANAGEMENT_POOL:PICK",
+            "name": "permission.customer_management.pool.pick"
+          },
+          {
+            "id": "CLUE_MANAGEMENT_POOL:ASSIGN",
+            "name": "permission.customer_management.pool.assign"
+          },
+          {
+            "id": "CLUE_MANAGEMENT_POOL:DELETE"
+          },
+          {
+            "id": "CLUE_MANAGEMENT_POOL:EXPORT"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "id": "OPPORTUNITY_MANAGEMENT",
+    "name": "permission.opportunity_management.name",
+    "children": [
+      {
+        "id": "OPPORTUNITY_MANAGEMENT_OPPORTUNITY",
+        "name": "permission.opportunity_management.opportunity.name",
+        "permissions": [
+          {
+            "id": "OPPORTUNITY_MANAGEMENT:READ"
+          },
+          {
+            "id": "OPPORTUNITY_MANAGEMENT:ADD"
+          },
+          {
+            "id": "OPPORTUNITY_MANAGEMENT:UPDATE"
+          },
+          {
+            "id": "OPPORTUNITY_MANAGEMENT:TRANSFER"
+          },
+          {
+            "id": "OPPORTUNITY_MANAGEMENT:DELETE"
+          },
+          {
+            "id": "OPPORTUNITY_MANAGEMENT:IMPORT"
+          },
+          {
+            "id": "OPPORTUNITY_MANAGEMENT:EXPORT"
+          },
+          {
+            "id": "OPPORTUNITY_MANAGEMENT:RESIGN",
+            "name": "permission.clue_management.clue.resign"
+          }
+        ]
+      },
+      {
+        "id": "OPPORTUNITY_MANAGEMENT_QUOTATION",
+        "name": "permission.opportunity_management.opportunity_quotation.name",
+        "permissions": [
+          {
+            "id": "OPPORTUNITY_QUOTATION:READ"
+          },
+          {
+            "id": "OPPORTUNITY_QUOTATION:ADD"
+          },
+          {
+            "id": "OPPORTUNITY_QUOTATION:UPDATE"
+          },
+          {
+            "id": "OPPORTUNITY_QUOTATION:DELETE"
+          },
+          {
+            "id": "OPPORTUNITY_QUOTATION:DOWNLOAD",
+            "name": "permission.opportunity_management.opportunity_quotation.download"
+          },
+          {
+            "id": "OPPORTUNITY_QUOTATION:VOIDED"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "id": "PRODUCT_MANAGEMENT",
+    "name": "permission.product_management.name",
+    "children": [
+      {
+        "id": "PRODUCT_MANAGEMENT_PRODUCT",
+        "name": "permission.product_management.product.name",
+        "permissions": [
+          {
+            "id": "PRODUCT_MANAGEMENT:READ"
+          },
+          {
+            "id": "PRODUCT_MANAGEMENT:ADD"
+          },
+          {
+            "id": "PRODUCT_MANAGEMENT:UPDATE"
+          },
+          {
+            "id": "PRODUCT_MANAGEMENT:DELETE"
+          },
+          {
+            "id": "PRODUCT_MANAGEMENT:IMPORT"
+          }
+        ]
+      },
+      {
+        "id": "PRODUCT_MANAGEMENT_PRICE",
+        "name": "permission.product_management.price.name",
+        "permissions": [
+          {
+            "id": "PRICE:READ"
+          },
+          {
+            "id": "PRICE:ADD"
+          },
+          {
+            "id": "PRICE:UPDATE"
+          },
+          {
+            "id": "PRICE:DELETE"
+          },
+          {
+            "id": "PRICE:IMPORT"
+          },
+          {
+            "id": "PRICE:EXPORT"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "id": "DASHBOARD_MANAGEMENT",
+    "name": "permission.dashboard_management.name",
+    "license": false,
+    "children": [
+      {
+        "id": "DASHBOARD",
+        "name": "permission.dashboard.name",
+        "permissions": [
+          {
+            "id": "DASHBOARD:READ",
+            "license": false
+          },
+          {
+            "id": "DASHBOARD:ADD",
+            "license": false
+          },
+          {
+            "id": "DASHBOARD:UPDATE",
+            "license": false
+          },
+          {
+            "id": "DASHBOARD:DELETE",
+            "license": false
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "id": "PERSONAL_INFO",
+    "name": "permission.personal_info.name",
+    "license": false,
+    "children": [
+      {
+        "id": "API_KEY",
+        "name": "permission.api_key.name",
+        "permissions": [
+          {
+            "id": "PERSONAL_API_KEY:READ",
+            "license": false
+          },
+          {
+            "id": "PERSONAL_API_KEY:ADD",
+            "license": false
+          },
+          {
+            "id": "PERSONAL_API_KEY:UPDATE",
+            "license": false
+          },
+          {
+            "id": "PERSONAL_API_KEY:DELETE",
+            "license": false
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "id": "AGENT_MANAGEMENT",
+    "name": "permission.agent_management.name",
+    "license": false,
+    "children": [
+      {
+        "id": "AGENT",
+        "name": "permission.agent.name",
+        "permissions": [
+          {
+            "id": "AGENT:READ",
+            "license": false
+          },
+          {
+            "id": "AGENT:ADD",
+            "license": false
+          },
+          {
+            "id": "AGENT:UPDATE",
+            "license": false
+          },
+          {
+            "id": "AGENT:DELETE",
+            "license": false
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "id": "TENDER_MANAGEMENT",
+    "name": "permission.tender_management.name",
+    "license": false,
+    "children": [
+      {
+        "id": "TENDER",
+        "name": "permission.tender.name",
+        "permissions": [
+          {
+            "id": "TENDER:READ",
+            "license": false
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "id": "CONTRACT_MANAGEMENT",
+    "name": "permission.contract_management.name",
+    "license": false,
+    "children": [
+      {
+        "id": "CONTRACT",
+        "name": "permission.contract.name",
+        "permissions": [
+          {
+            "id": "CONTRACT:READ",
+            "license": false
+          },
+          {
+            "id": "CONTRACT:ADD",
+            "license": false
+          },
+          {
+            "id": "CONTRACT:UPDATE",
+            "license": false
+          },
+          {
+            "id": "CONTRACT:DELETE",
+            "license": false
+          },
+          {
+            "id": "CONTRACT:EXPORT",
+            "license": false
+          },
+          {
+            "id": "CONTRACT:STAGE",
+            "license": false
+          },
+          {
+            "id": "CONTRACT:PAYMENT"
+          }
+        ]
+      },
+      {
+        "id": "CONTRACT_PAYMENT_PLAN",
+        "name": "permission.contract_payment_plan.name",
+        "permissions": [
+          {
+            "id": "CONTRACT_PAYMENT_PLAN:READ"
+          },
+          {
+            "id": "CONTRACT_PAYMENT_PLAN:ADD"
+          },
+          {
+            "id": "CONTRACT_PAYMENT_PLAN:UPDATE"
+          },
+          {
+            "id": "CONTRACT_PAYMENT_PLAN:DELETE"
+          },
+          {
+            "id": "CONTRACT_PAYMENT_PLAN:EXPORT"
+          }
+        ]
+      },
+      {
+        "id": "CONTRACT_PAYMENT_RECORD",
+        "name": "permission.contract_payment_record.name",
+        "permissions": [
+          {
+            "id": "CONTRACT_PAYMENT_RECORD:READ"
+          },
+          {
+            "id": "CONTRACT_PAYMENT_RECORD:ADD"
+          },
+          {
+            "id": "CONTRACT_PAYMENT_RECORD:UPDATE"
+          },
+          {
+            "id": "CONTRACT_PAYMENT_RECORD:DELETE"
+          },
+          {
+            "id": "CONTRACT_PAYMENT_RECORD:IMPORT"
+          },
+          {
+            "id": "CONTRACT_PAYMENT_RECORD:EXPORT"
+          }
+        ]
+      },
+      {
+        "id": "BUSINESS_TITLE",
+        "name": "permission.business_title.name",
+        "permissions": [
+          {
+            "id": "CONTRACT_BUSINESS_TITLE:READ",
+            "license": false
+          },
+          {
+            "id": "CONTRACT_BUSINESS_TITLE:ADD",
+            "license": false
+          },
+          {
+            "id": "CONTRACT_BUSINESS_TITLE:UPDATE",
+            "license": false
+          },
+          {
+            "id": "CONTRACT_BUSINESS_TITLE:DELETE",
+            "license": false
+          },
+          {
+            "id": "CONTRACT_BUSINESS_TITLE:EXPORT",
+            "license": false
+          },
+          {
+            "id": "CONTRACT_BUSINESS_TITLE:IMPORT",
+            "license": false
+          }
+        ]
+      },
+      {
+        "id": "CONTRACT_INVOICE",
+        "name": "permission.contract.invoice.name",
+        "permissions": [
+          {
+            "id": "CONTRACT_INVOICE:READ"
+          },
+          {
+            "id": "CONTRACT_INVOICE:ADD"
+          },
+          {
+            "id": "CONTRACT_INVOICE:UPDATE"
+          },
+          {
+            "id": "CONTRACT_INVOICE:DELETE"
+          },
+          {
+            "id": "CONTRACT_INVOICE:EXPORT"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "id": "ORDER_MANAGEMENT",
+    "name": "permission.order_management.name",
+    "license": false,
+    "children": [
+      {
+        "id": "ORDER",
+        "name": "permission.order.name",
+        "permissions": [
+          {
+            "id": "ORDER:READ"
+          },
+          {
+            "id": "ORDER:ADD"
+          },
+          {
+            "id": "ORDER:UPDATE"
+          },
+          {
+            "id": "ORDER:DELETE"
+          },
+          {
+            "id": "ORDER:DOWNLOAD"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "id": "CUSTOM_FORM",
+    "name": "permission.custom_form.name",
+    "children": [
+      {
+        "id": "CUSTOM_FORM",
+        "name": "permission.custom_form.name",
+        "permissions": [
+          {
+            "id": "CUSTOM_FORM:READ"
+          },
+          {
+            "id": "CUSTOM_FORM:ADD"
+          }
+        ]
+      }
+    ]
+  }
+]
diff --git a/backend/crm/src/main/resources/region/region.json b/backend/crm/src/main/resources/region/region.json
new file mode 100644
index 0000000..2885f84
--- /dev/null
+++ b/backend/crm/src/main/resources/region/region.json
@@ -0,0 +1,23562 @@
+[
+  {
+    "name": "中国",
+    "code": "CHN",
+    "children": [
+      {
+        "code": "11",
+        "name": "北京市",
+        "children": [
+          {
+            "code": "1101",
+            "name": "市辖区",
+            "children": [
+              {
+                "code": "110101",
+                "name": "东城区"
+              },
+              {
+                "code": "110102",
+                "name": "西城区"
+              },
+              {
+                "code": "110105",
+                "name": "朝阳区"
+              },
+              {
+                "code": "110106",
+                "name": "丰台区"
+              },
+              {
+                "code": "110107",
+                "name": "石景山区"
+              },
+              {
+                "code": "110108",
+                "name": "海淀区"
+              },
+              {
+                "code": "110109",
+                "name": "门头沟区"
+              },
+              {
+                "code": "110111",
+                "name": "房山区"
+              },
+              {
+                "code": "110112",
+                "name": "通州区"
+              },
+              {
+                "code": "110113",
+                "name": "顺义区"
+              },
+              {
+                "code": "110114",
+                "name": "昌平区"
+              },
+              {
+                "code": "110115",
+                "name": "大兴区"
+              },
+              {
+                "code": "110116",
+                "name": "怀柔区"
+              },
+              {
+                "code": "110117",
+                "name": "平谷区"
+              },
+              {
+                "code": "110118",
+                "name": "密云区"
+              },
+              {
+                "code": "110119",
+                "name": "延庆区"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "code": "12",
+        "name": "天津市",
+        "children": [
+          {
+            "code": "1201",
+            "name": "市辖区",
+            "children": [
+              {
+                "code": "120101",
+                "name": "和平区"
+              },
+              {
+                "code": "120102",
+                "name": "河东区"
+              },
+              {
+                "code": "120103",
+                "name": "河西区"
+              },
+              {
+                "code": "120104",
+                "name": "南开区"
+              },
+              {
+                "code": "120105",
+                "name": "河北区"
+              },
+              {
+                "code": "120106",
+                "name": "红桥区"
+              },
+              {
+                "code": "120110",
+                "name": "东丽区"
+              },
+              {
+                "code": "120111",
+                "name": "西青区"
+              },
+              {
+                "code": "120112",
+                "name": "津南区"
+              },
+              {
+                "code": "120113",
+                "name": "北辰区"
+              },
+              {
+                "code": "120114",
+                "name": "武清区"
+              },
+              {
+                "code": "120115",
+                "name": "宝坻区"
+              },
+              {
+                "code": "120116",
+                "name": "滨海新区"
+              },
+              {
+                "code": "120117",
+                "name": "宁河区"
+              },
+              {
+                "code": "120118",
+                "name": "静海区"
+              },
+              {
+                "code": "120119",
+                "name": "蓟州区"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "code": "13",
+        "name": "河北省",
+        "children": [
+          {
+            "code": "1301",
+            "name": "石家庄市",
+            "children": [
+              {
+                "code": "130102",
+                "name": "长安区"
+              },
+              {
+                "code": "130104",
+                "name": "桥西区"
+              },
+              {
+                "code": "130105",
+                "name": "新华区"
+              },
+              {
+                "code": "130107",
+                "name": "井陉矿区"
+              },
+              {
+                "code": "130108",
+                "name": "裕华区"
+              },
+              {
+                "code": "130109",
+                "name": "藁城区"
+              },
+              {
+                "code": "130110",
+                "name": "鹿泉区"
+              },
+              {
+                "code": "130111",
+                "name": "栾城区"
+              },
+              {
+                "code": "130121",
+                "name": "井陉县"
+              },
+              {
+                "code": "130123",
+                "name": "正定县"
+              },
+              {
+                "code": "130125",
+                "name": "行唐县"
+              },
+              {
+                "code": "130126",
+                "name": "灵寿县"
+              },
+              {
+                "code": "130127",
+                "name": "高邑县"
+              },
+              {
+                "code": "130128",
+                "name": "深泽县"
+              },
+              {
+                "code": "130129",
+                "name": "赞皇县"
+              },
+              {
+                "code": "130130",
+                "name": "无极县"
+              },
+              {
+                "code": "130131",
+                "name": "平山县"
+              },
+              {
+                "code": "130132",
+                "name": "元氏县"
+              },
+              {
+                "code": "130133",
+                "name": "赵县"
+              },
+              {
+                "code": "130171",
+                "name": "石家庄高新技术产业开发区"
+              },
+              {
+                "code": "130172",
+                "name": "石家庄循环化工园区"
+              },
+              {
+                "code": "130181",
+                "name": "辛集市"
+              },
+              {
+                "code": "130183",
+                "name": "晋州市"
+              },
+              {
+                "code": "130184",
+                "name": "新乐市"
+              }
+            ]
+          },
+          {
+            "code": "1302",
+            "name": "唐山市",
+            "children": [
+              {
+                "code": "130202",
+                "name": "路南区"
+              },
+              {
+                "code": "130203",
+                "name": "路北区"
+              },
+              {
+                "code": "130204",
+                "name": "古冶区"
+              },
+              {
+                "code": "130205",
+                "name": "开平区"
+              },
+              {
+                "code": "130207",
+                "name": "丰南区"
+              },
+              {
+                "code": "130208",
+                "name": "丰润区"
+              },
+              {
+                "code": "130209",
+                "name": "曹妃甸区"
+              },
+              {
+                "code": "130224",
+                "name": "滦南县"
+              },
+              {
+                "code": "130225",
+                "name": "乐亭县"
+              },
+              {
+                "code": "130227",
+                "name": "迁西县"
+              },
+              {
+                "code": "130229",
+                "name": "玉田县"
+              },
+              {
+                "code": "130271",
+                "name": "河北唐山芦台经济开发区"
+              },
+              {
+                "code": "130272",
+                "name": "唐山市汉沽管理区"
+              },
+              {
+                "code": "130273",
+                "name": "唐山高新技术产业开发区"
+              },
+              {
+                "code": "130274",
+                "name": "河北唐山海港经济开发区"
+              },
+              {
+                "code": "130281",
+                "name": "遵化市"
+              },
+              {
+                "code": "130283",
+                "name": "迁安市"
+              },
+              {
+                "code": "130284",
+                "name": "滦州市"
+              }
+            ]
+          },
+          {
+            "code": "1303",
+            "name": "秦皇岛市",
+            "children": [
+              {
+                "code": "130302",
+                "name": "海港区"
+              },
+              {
+                "code": "130303",
+                "name": "山海关区"
+              },
+              {
+                "code": "130304",
+                "name": "北戴河区"
+              },
+              {
+                "code": "130306",
+                "name": "抚宁区"
+              },
+              {
+                "code": "130321",
+                "name": "青龙满族自治县"
+              },
+              {
+                "code": "130322",
+                "name": "昌黎县"
+              },
+              {
+                "code": "130324",
+                "name": "卢龙县"
+              },
+              {
+                "code": "130371",
+                "name": "秦皇岛市经济技术开发区"
+              },
+              {
+                "code": "130372",
+                "name": "北戴河新区"
+              }
+            ]
+          },
+          {
+            "code": "1304",
+            "name": "邯郸市",
+            "children": [
+              {
+                "code": "130402",
+                "name": "邯山区"
+              },
+              {
+                "code": "130403",
+                "name": "丛台区"
+              },
+              {
+                "code": "130404",
+                "name": "复兴区"
+              },
+              {
+                "code": "130406",
+                "name": "峰峰矿区"
+              },
+              {
+                "code": "130407",
+                "name": "肥乡区"
+              },
+              {
+                "code": "130408",
+                "name": "永年区"
+              },
+              {
+                "code": "130423",
+                "name": "临漳县"
+              },
+              {
+                "code": "130424",
+                "name": "成安县"
+              },
+              {
+                "code": "130425",
+                "name": "大名县"
+              },
+              {
+                "code": "130426",
+                "name": "涉县"
+              },
+              {
+                "code": "130427",
+                "name": "磁县"
+              },
+              {
+                "code": "130430",
+                "name": "邱县"
+              },
+              {
+                "code": "130431",
+                "name": "鸡泽县"
+              },
+              {
+                "code": "130432",
+                "name": "广平县"
+              },
+              {
+                "code": "130433",
+                "name": "馆陶县"
+              },
+              {
+                "code": "130434",
+                "name": "魏县"
+              },
+              {
+                "code": "130435",
+                "name": "曲周县"
+              },
+              {
+                "code": "130471",
+                "name": "邯郸经济技术开发区"
+              },
+              {
+                "code": "130473",
+                "name": "邯郸冀南新区"
+              },
+              {
+                "code": "130481",
+                "name": "武安市"
+              }
+            ]
+          },
+          {
+            "code": "1305",
+            "name": "邢台市",
+            "children": [
+              {
+                "code": "130502",
+                "name": "襄都区"
+              },
+              {
+                "code": "130503",
+                "name": "信都区"
+              },
+              {
+                "code": "130505",
+                "name": "任泽区"
+              },
+              {
+                "code": "130506",
+                "name": "南和区"
+              },
+              {
+                "code": "130522",
+                "name": "临城县"
+              },
+              {
+                "code": "130523",
+                "name": "内丘县"
+              },
+              {
+                "code": "130524",
+                "name": "柏乡县"
+              },
+              {
+                "code": "130525",
+                "name": "隆尧县"
+              },
+              {
+                "code": "130528",
+                "name": "宁晋县"
+              },
+              {
+                "code": "130529",
+                "name": "巨鹿县"
+              },
+              {
+                "code": "130530",
+                "name": "新河县"
+              },
+              {
+                "code": "130531",
+                "name": "广宗县"
+              },
+              {
+                "code": "130532",
+                "name": "平乡县"
+              },
+              {
+                "code": "130533",
+                "name": "威县"
+              },
+              {
+                "code": "130534",
+                "name": "清河县"
+              },
+              {
+                "code": "130535",
+                "name": "临西县"
+              },
+              {
+                "code": "130571",
+                "name": "河北邢台经济开发区"
+              },
+              {
+                "code": "130581",
+                "name": "南宫市"
+              },
+              {
+                "code": "130582",
+                "name": "沙河市"
+              }
+            ]
+          },
+          {
+            "code": "1306",
+            "name": "保定市",
+            "children": [
+              {
+                "code": "130602",
+                "name": "竞秀区"
+              },
+              {
+                "code": "130606",
+                "name": "莲池区"
+              },
+              {
+                "code": "130607",
+                "name": "满城区"
+              },
+              {
+                "code": "130608",
+                "name": "清苑区"
+              },
+              {
+                "code": "130609",
+                "name": "徐水区"
+              },
+              {
+                "code": "130623",
+                "name": "涞水县"
+              },
+              {
+                "code": "130624",
+                "name": "阜平县"
+              },
+              {
+                "code": "130626",
+                "name": "定兴县"
+              },
+              {
+                "code": "130627",
+                "name": "唐县"
+              },
+              {
+                "code": "130628",
+                "name": "高阳县"
+              },
+              {
+                "code": "130629",
+                "name": "容城县"
+              },
+              {
+                "code": "130630",
+                "name": "涞源县"
+              },
+              {
+                "code": "130631",
+                "name": "望都县"
+              },
+              {
+                "code": "130632",
+                "name": "安新县"
+              },
+              {
+                "code": "130633",
+                "name": "易县"
+              },
+              {
+                "code": "130634",
+                "name": "曲阳县"
+              },
+              {
+                "code": "130635",
+                "name": "蠡县"
+              },
+              {
+                "code": "130636",
+                "name": "顺平县"
+              },
+              {
+                "code": "130637",
+                "name": "博野县"
+              },
+              {
+                "code": "130638",
+                "name": "雄县"
+              },
+              {
+                "code": "130671",
+                "name": "保定高新技术产业开发区"
+              },
+              {
+                "code": "130672",
+                "name": "保定白沟新城"
+              },
+              {
+                "code": "130681",
+                "name": "涿州市"
+              },
+              {
+                "code": "130682",
+                "name": "定州市"
+              },
+              {
+                "code": "130683",
+                "name": "安国市"
+              },
+              {
+                "code": "130684",
+                "name": "高碑店市"
+              }
+            ]
+          },
+          {
+            "code": "1307",
+            "name": "张家口市",
+            "children": [
+              {
+                "code": "130702",
+                "name": "桥东区"
+              },
+              {
+                "code": "130703",
+                "name": "桥西区"
+              },
+              {
+                "code": "130705",
+                "name": "宣化区"
+              },
+              {
+                "code": "130706",
+                "name": "下花园区"
+              },
+              {
+                "code": "130708",
+                "name": "万全区"
+              },
+              {
+                "code": "130709",
+                "name": "崇礼区"
+              },
+              {
+                "code": "130722",
+                "name": "张北县"
+              },
+              {
+                "code": "130723",
+                "name": "康保县"
+              },
+              {
+                "code": "130724",
+                "name": "沽源县"
+              },
+              {
+                "code": "130725",
+                "name": "尚义县"
+              },
+              {
+                "code": "130726",
+                "name": "蔚县"
+              },
+              {
+                "code": "130727",
+                "name": "阳原县"
+              },
+              {
+                "code": "130728",
+                "name": "怀安县"
+              },
+              {
+                "code": "130730",
+                "name": "怀来县"
+              },
+              {
+                "code": "130731",
+                "name": "涿鹿县"
+              },
+              {
+                "code": "130732",
+                "name": "赤城县"
+              },
+              {
+                "code": "130771",
+                "name": "张家口经济开发区"
+              },
+              {
+                "code": "130772",
+                "name": "张家口市察北管理区"
+              },
+              {
+                "code": "130773",
+                "name": "张家口市塞北管理区"
+              }
+            ]
+          },
+          {
+            "code": "1308",
+            "name": "承德市",
+            "children": [
+              {
+                "code": "130802",
+                "name": "双桥区"
+              },
+              {
+                "code": "130803",
+                "name": "双滦区"
+              },
+              {
+                "code": "130804",
+                "name": "鹰手营子矿区"
+              },
+              {
+                "code": "130821",
+                "name": "承德县"
+              },
+              {
+                "code": "130822",
+                "name": "兴隆县"
+              },
+              {
+                "code": "130824",
+                "name": "滦平县"
+              },
+              {
+                "code": "130825",
+                "name": "隆化县"
+              },
+              {
+                "code": "130826",
+                "name": "丰宁满族自治县"
+              },
+              {
+                "code": "130827",
+                "name": "宽城满族自治县"
+              },
+              {
+                "code": "130828",
+                "name": "围场满族蒙古族自治县"
+              },
+              {
+                "code": "130871",
+                "name": "承德高新技术产业开发区"
+              },
+              {
+                "code": "130881",
+                "name": "平泉市"
+              }
+            ]
+          },
+          {
+            "code": "1309",
+            "name": "沧州市",
+            "children": [
+              {
+                "code": "130902",
+                "name": "新华区"
+              },
+              {
+                "code": "130903",
+                "name": "运河区"
+              },
+              {
+                "code": "130921",
+                "name": "沧县"
+              },
+              {
+                "code": "130922",
+                "name": "青县"
+              },
+              {
+                "code": "130923",
+                "name": "东光县"
+              },
+              {
+                "code": "130924",
+                "name": "海兴县"
+              },
+              {
+                "code": "130925",
+                "name": "盐山县"
+              },
+              {
+                "code": "130926",
+                "name": "肃宁县"
+              },
+              {
+                "code": "130927",
+                "name": "南皮县"
+              },
+              {
+                "code": "130928",
+                "name": "吴桥县"
+              },
+              {
+                "code": "130929",
+                "name": "献县"
+              },
+              {
+                "code": "130930",
+                "name": "孟村回族自治县"
+              },
+              {
+                "code": "130971",
+                "name": "河北沧州经济开发区"
+              },
+              {
+                "code": "130972",
+                "name": "沧州高新技术产业开发区"
+              },
+              {
+                "code": "130973",
+                "name": "沧州渤海新区"
+              },
+              {
+                "code": "130981",
+                "name": "泊头市"
+              },
+              {
+                "code": "130982",
+                "name": "任丘市"
+              },
+              {
+                "code": "130983",
+                "name": "黄骅市"
+              },
+              {
+                "code": "130984",
+                "name": "河间市"
+              }
+            ]
+          },
+          {
+            "code": "1310",
+            "name": "廊坊市",
+            "children": [
+              {
+                "code": "131002",
+                "name": "安次区"
+              },
+              {
+                "code": "131003",
+                "name": "广阳区"
+              },
+              {
+                "code": "131022",
+                "name": "固安县"
+              },
+              {
+                "code": "131023",
+                "name": "永清县"
+              },
+              {
+                "code": "131024",
+                "name": "香河县"
+              },
+              {
+                "code": "131025",
+                "name": "大城县"
+              },
+              {
+                "code": "131026",
+                "name": "文安县"
+              },
+              {
+                "code": "131028",
+                "name": "大厂回族自治县"
+              },
+              {
+                "code": "131071",
+                "name": "廊坊经济技术开发区"
+              },
+              {
+                "code": "131081",
+                "name": "霸州市"
+              },
+              {
+                "code": "131082",
+                "name": "三河市"
+              }
+            ]
+          },
+          {
+            "code": "1311",
+            "name": "衡水市",
+            "children": [
+              {
+                "code": "131102",
+                "name": "桃城区"
+              },
+              {
+                "code": "131103",
+                "name": "冀州区"
+              },
+              {
+                "code": "131121",
+                "name": "枣强县"
+              },
+              {
+                "code": "131122",
+                "name": "武邑县"
+              },
+              {
+                "code": "131123",
+                "name": "武强县"
+              },
+              {
+                "code": "131124",
+                "name": "饶阳县"
+              },
+              {
+                "code": "131125",
+                "name": "安平县"
+              },
+              {
+                "code": "131126",
+                "name": "故城县"
+              },
+              {
+                "code": "131127",
+                "name": "景县"
+              },
+              {
+                "code": "131128",
+                "name": "阜城县"
+              },
+              {
+                "code": "131171",
+                "name": "河北衡水高新技术产业开发区"
+              },
+              {
+                "code": "131172",
+                "name": "衡水滨湖新区"
+              },
+              {
+                "code": "131182",
+                "name": "深州市"
+              }
+            ]
+          },
+          {
+            "code": "133100",
+            "name": "雄安新区"
+          }
+        ]
+      },
+      {
+        "code": "14",
+        "name": "山西省",
+        "children": [
+          {
+            "code": "1401",
+            "name": "太原市",
+            "children": [
+              {
+                "code": "140105",
+                "name": "小店区"
+              },
+              {
+                "code": "140106",
+                "name": "迎泽区"
+              },
+              {
+                "code": "140107",
+                "name": "杏花岭区"
+              },
+              {
+                "code": "140108",
+                "name": "尖草坪区"
+              },
+              {
+                "code": "140109",
+                "name": "万柏林区"
+              },
+              {
+                "code": "140110",
+                "name": "晋源区"
+              },
+              {
+                "code": "140121",
+                "name": "清徐县"
+              },
+              {
+                "code": "140122",
+                "name": "阳曲县"
+              },
+              {
+                "code": "140123",
+                "name": "娄烦县"
+              },
+              {
+                "code": "140171",
+                "name": "山西转型综合改革示范区"
+              },
+              {
+                "code": "140181",
+                "name": "古交市"
+              }
+            ]
+          },
+          {
+            "code": "1402",
+            "name": "大同市",
+            "children": [
+              {
+                "code": "140212",
+                "name": "新荣区"
+              },
+              {
+                "code": "140213",
+                "name": "平城区"
+              },
+              {
+                "code": "140214",
+                "name": "云冈区"
+              },
+              {
+                "code": "140215",
+                "name": "云州区"
+              },
+              {
+                "code": "140221",
+                "name": "阳高县"
+              },
+              {
+                "code": "140222",
+                "name": "天镇县"
+              },
+              {
+                "code": "140223",
+                "name": "广灵县"
+              },
+              {
+                "code": "140224",
+                "name": "灵丘县"
+              },
+              {
+                "code": "140225",
+                "name": "浑源县"
+              },
+              {
+                "code": "140226",
+                "name": "左云县"
+              },
+              {
+                "code": "140271",
+                "name": "山西大同经济开发区"
+              }
+            ]
+          },
+          {
+            "code": "1403",
+            "name": "阳泉市",
+            "children": [
+              {
+                "code": "140302",
+                "name": "城区"
+              },
+              {
+                "code": "140303",
+                "name": "矿区"
+              },
+              {
+                "code": "140311",
+                "name": "郊区"
+              },
+              {
+                "code": "140321",
+                "name": "平定县"
+              },
+              {
+                "code": "140322",
+                "name": "盂县"
+              }
+            ]
+          },
+          {
+            "code": "1404",
+            "name": "长治市",
+            "children": [
+              {
+                "code": "140403",
+                "name": "潞州区"
+              },
+              {
+                "code": "140404",
+                "name": "上党区"
+              },
+              {
+                "code": "140405",
+                "name": "屯留区"
+              },
+              {
+                "code": "140406",
+                "name": "潞城区"
+              },
+              {
+                "code": "140423",
+                "name": "襄垣县"
+              },
+              {
+                "code": "140425",
+                "name": "平顺县"
+              },
+              {
+                "code": "140426",
+                "name": "黎城县"
+              },
+              {
+                "code": "140427",
+                "name": "壶关县"
+              },
+              {
+                "code": "140428",
+                "name": "长子县"
+              },
+              {
+                "code": "140429",
+                "name": "武乡县"
+              },
+              {
+                "code": "140430",
+                "name": "沁县"
+              },
+              {
+                "code": "140431",
+                "name": "沁源县"
+              }
+            ]
+          },
+          {
+            "code": "1405",
+            "name": "晋城市",
+            "children": [
+              {
+                "code": "140502",
+                "name": "城区"
+              },
+              {
+                "code": "140521",
+                "name": "沁水县"
+              },
+              {
+                "code": "140522",
+                "name": "阳城县"
+              },
+              {
+                "code": "140524",
+                "name": "陵川县"
+              },
+              {
+                "code": "140525",
+                "name": "泽州县"
+              },
+              {
+                "code": "140581",
+                "name": "高平市"
+              }
+            ]
+          },
+          {
+            "code": "1406",
+            "name": "朔州市",
+            "children": [
+              {
+                "code": "140602",
+                "name": "朔城区"
+              },
+              {
+                "code": "140603",
+                "name": "平鲁区"
+              },
+              {
+                "code": "140621",
+                "name": "山阴县"
+              },
+              {
+                "code": "140622",
+                "name": "应县"
+              },
+              {
+                "code": "140623",
+                "name": "右玉县"
+              },
+              {
+                "code": "140671",
+                "name": "山西朔州经济开发区"
+              },
+              {
+                "code": "140681",
+                "name": "怀仁市"
+              }
+            ]
+          },
+          {
+            "code": "1407",
+            "name": "晋中市",
+            "children": [
+              {
+                "code": "140702",
+                "name": "榆次区"
+              },
+              {
+                "code": "140703",
+                "name": "太谷区"
+              },
+              {
+                "code": "140721",
+                "name": "榆社县"
+              },
+              {
+                "code": "140722",
+                "name": "左权县"
+              },
+              {
+                "code": "140723",
+                "name": "和顺县"
+              },
+              {
+                "code": "140724",
+                "name": "昔阳县"
+              },
+              {
+                "code": "140725",
+                "name": "寿阳县"
+              },
+              {
+                "code": "140727",
+                "name": "祁县"
+              },
+              {
+                "code": "140728",
+                "name": "平遥县"
+              },
+              {
+                "code": "140729",
+                "name": "灵石县"
+              },
+              {
+                "code": "140781",
+                "name": "介休市"
+              }
+            ]
+          },
+          {
+            "code": "1408",
+            "name": "运城市",
+            "children": [
+              {
+                "code": "140802",
+                "name": "盐湖区"
+              },
+              {
+                "code": "140821",
+                "name": "临猗县"
+              },
+              {
+                "code": "140822",
+                "name": "万荣县"
+              },
+              {
+                "code": "140823",
+                "name": "闻喜县"
+              },
+              {
+                "code": "140824",
+                "name": "稷山县"
+              },
+              {
+                "code": "140825",
+                "name": "新绛县"
+              },
+              {
+                "code": "140826",
+                "name": "绛县"
+              },
+              {
+                "code": "140827",
+                "name": "垣曲县"
+              },
+              {
+                "code": "140828",
+                "name": "夏县"
+              },
+              {
+                "code": "140829",
+                "name": "平陆县"
+              },
+              {
+                "code": "140830",
+                "name": "芮城县"
+              },
+              {
+                "code": "140881",
+                "name": "永济市"
+              },
+              {
+                "code": "140882",
+                "name": "河津市"
+              }
+            ]
+          },
+          {
+            "code": "1409",
+            "name": "忻州市",
+            "children": [
+              {
+                "code": "140902",
+                "name": "忻府区"
+              },
+              {
+                "code": "140921",
+                "name": "定襄县"
+              },
+              {
+                "code": "140922",
+                "name": "五台县"
+              },
+              {
+                "code": "140923",
+                "name": "代县"
+              },
+              {
+                "code": "140924",
+                "name": "繁峙县"
+              },
+              {
+                "code": "140925",
+                "name": "宁武县"
+              },
+              {
+                "code": "140926",
+                "name": "静乐县"
+              },
+              {
+                "code": "140927",
+                "name": "神池县"
+              },
+              {
+                "code": "140928",
+                "name": "五寨县"
+              },
+              {
+                "code": "140929",
+                "name": "岢岚县"
+              },
+              {
+                "code": "140930",
+                "name": "河曲县"
+              },
+              {
+                "code": "140931",
+                "name": "保德县"
+              },
+              {
+                "code": "140932",
+                "name": "偏关县"
+              },
+              {
+                "code": "140971",
+                "name": "五台山风景名胜区"
+              },
+              {
+                "code": "140981",
+                "name": "原平市"
+              }
+            ]
+          },
+          {
+            "code": "1410",
+            "name": "临汾市",
+            "children": [
+              {
+                "code": "141002",
+                "name": "尧都区"
+              },
+              {
+                "code": "141021",
+                "name": "曲沃县"
+              },
+              {
+                "code": "141022",
+                "name": "翼城县"
+              },
+              {
+                "code": "141023",
+                "name": "襄汾县"
+              },
+              {
+                "code": "141024",
+                "name": "洪洞县"
+              },
+              {
+                "code": "141025",
+                "name": "古县"
+              },
+              {
+                "code": "141026",
+                "name": "安泽县"
+              },
+              {
+                "code": "141027",
+                "name": "浮山县"
+              },
+              {
+                "code": "141028",
+                "name": "吉县"
+              },
+              {
+                "code": "141029",
+                "name": "乡宁县"
+              },
+              {
+                "code": "141030",
+                "name": "大宁县"
+              },
+              {
+                "code": "141031",
+                "name": "隰县"
+              },
+              {
+                "code": "141032",
+                "name": "永和县"
+              },
+              {
+                "code": "141033",
+                "name": "蒲县"
+              },
+              {
+                "code": "141034",
+                "name": "汾西县"
+              },
+              {
+                "code": "141081",
+                "name": "侯马市"
+              },
+              {
+                "code": "141082",
+                "name": "霍州市"
+              }
+            ]
+          },
+          {
+            "code": "1411",
+            "name": "吕梁市",
+            "children": [
+              {
+                "code": "141102",
+                "name": "离石区"
+              },
+              {
+                "code": "141121",
+                "name": "文水县"
+              },
+              {
+                "code": "141122",
+                "name": "交城县"
+              },
+              {
+                "code": "141123",
+                "name": "兴县"
+              },
+              {
+                "code": "141124",
+                "name": "临县"
+              },
+              {
+                "code": "141125",
+                "name": "柳林县"
+              },
+              {
+                "code": "141126",
+                "name": "石楼县"
+              },
+              {
+                "code": "141127",
+                "name": "岚县"
+              },
+              {
+                "code": "141128",
+                "name": "方山县"
+              },
+              {
+                "code": "141129",
+                "name": "中阳县"
+              },
+              {
+                "code": "141130",
+                "name": "交口县"
+              },
+              {
+                "code": "141181",
+                "name": "孝义市"
+              },
+              {
+                "code": "141182",
+                "name": "汾阳市"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "code": "15",
+        "name": "内蒙古自治区",
+        "children": [
+          {
+            "code": "1501",
+            "name": "呼和浩特市",
+            "children": [
+              {
+                "code": "150102",
+                "name": "新城区"
+              },
+              {
+                "code": "150103",
+                "name": "回民区"
+              },
+              {
+                "code": "150104",
+                "name": "玉泉区"
+              },
+              {
+                "code": "150105",
+                "name": "赛罕区"
+              },
+              {
+                "code": "150121",
+                "name": "土默特左旗"
+              },
+              {
+                "code": "150122",
+                "name": "托克托县"
+              },
+              {
+                "code": "150123",
+                "name": "和林格尔县"
+              },
+              {
+                "code": "150124",
+                "name": "清水河县"
+              },
+              {
+                "code": "150125",
+                "name": "武川县"
+              },
+              {
+                "code": "150172",
+                "name": "呼和浩特经济技术开发区"
+              }
+            ]
+          },
+          {
+            "code": "1502",
+            "name": "包头市",
+            "children": [
+              {
+                "code": "150202",
+                "name": "东河区"
+              },
+              {
+                "code": "150203",
+                "name": "昆都仑区"
+              },
+              {
+                "code": "150204",
+                "name": "青山区"
+              },
+              {
+                "code": "150205",
+                "name": "石拐区"
+              },
+              {
+                "code": "150206",
+                "name": "白云鄂博矿区"
+              },
+              {
+                "code": "150207",
+                "name": "九原区"
+              },
+              {
+                "code": "150221",
+                "name": "土默特右旗"
+              },
+              {
+                "code": "150222",
+                "name": "固阳县"
+              },
+              {
+                "code": "150223",
+                "name": "达尔罕茂明安联合旗"
+              },
+              {
+                "code": "150271",
+                "name": "包头稀土高新技术产业开发区"
+              }
+            ]
+          },
+          {
+            "code": "1503",
+            "name": "乌海市",
+            "children": [
+              {
+                "code": "150302",
+                "name": "海勃湾区"
+              },
+              {
+                "code": "150303",
+                "name": "海南区"
+              },
+              {
+                "code": "150304",
+                "name": "乌达区"
+              }
+            ]
+          },
+          {
+            "code": "1504",
+            "name": "赤峰市",
+            "children": [
+              {
+                "code": "150402",
+                "name": "红山区"
+              },
+              {
+                "code": "150403",
+                "name": "元宝山区"
+              },
+              {
+                "code": "150404",
+                "name": "松山区"
+              },
+              {
+                "code": "150421",
+                "name": "阿鲁科尔沁旗"
+              },
+              {
+                "code": "150422",
+                "name": "巴林左旗"
+              },
+              {
+                "code": "150423",
+                "name": "巴林右旗"
+              },
+              {
+                "code": "150424",
+                "name": "林西县"
+              },
+              {
+                "code": "150425",
+                "name": "克什克腾旗"
+              },
+              {
+                "code": "150426",
+                "name": "翁牛特旗"
+              },
+              {
+                "code": "150428",
+                "name": "喀喇沁旗"
+              },
+              {
+                "code": "150429",
+                "name": "宁城县"
+              },
+              {
+                "code": "150430",
+                "name": "敖汉旗"
+              }
+            ]
+          },
+          {
+            "code": "1505",
+            "name": "通辽市",
+            "children": [
+              {
+                "code": "150502",
+                "name": "科尔沁区"
+              },
+              {
+                "code": "150521",
+                "name": "科尔沁左翼中旗"
+              },
+              {
+                "code": "150522",
+                "name": "科尔沁左翼后旗"
+              },
+              {
+                "code": "150523",
+                "name": "开鲁县"
+              },
+              {
+                "code": "150524",
+                "name": "库伦旗"
+              },
+              {
+                "code": "150525",
+                "name": "奈曼旗"
+              },
+              {
+                "code": "150526",
+                "name": "扎鲁特旗"
+              },
+              {
+                "code": "150571",
+                "name": "通辽经济技术开发区"
+              },
+              {
+                "code": "150581",
+                "name": "霍林郭勒市"
+              }
+            ]
+          },
+          {
+            "code": "1506",
+            "name": "鄂尔多斯市",
+            "children": [
+              {
+                "code": "150602",
+                "name": "东胜区"
+              },
+              {
+                "code": "150603",
+                "name": "康巴什区"
+              },
+              {
+                "code": "150621",
+                "name": "达拉特旗"
+              },
+              {
+                "code": "150622",
+                "name": "准格尔旗"
+              },
+              {
+                "code": "150623",
+                "name": "鄂托克前旗"
+              },
+              {
+                "code": "150624",
+                "name": "鄂托克旗"
+              },
+              {
+                "code": "150625",
+                "name": "杭锦旗"
+              },
+              {
+                "code": "150626",
+                "name": "乌审旗"
+              },
+              {
+                "code": "150627",
+                "name": "伊金霍洛旗"
+              }
+            ]
+          },
+          {
+            "code": "1507",
+            "name": "呼伦贝尔市",
+            "children": [
+              {
+                "code": "150702",
+                "name": "海拉尔区"
+              },
+              {
+                "code": "150703",
+                "name": "扎赉诺尔区"
+              },
+              {
+                "code": "150721",
+                "name": "阿荣旗"
+              },
+              {
+                "code": "150722",
+                "name": "莫力达瓦达斡尔族自治旗"
+              },
+              {
+                "code": "150723",
+                "name": "鄂伦春自治旗"
+              },
+              {
+                "code": "150724",
+                "name": "鄂温克族自治旗"
+              },
+              {
+                "code": "150725",
+                "name": "陈巴尔虎旗"
+              },
+              {
+                "code": "150726",
+                "name": "新巴尔虎左旗"
+              },
+              {
+                "code": "150727",
+                "name": "新巴尔虎右旗"
+              },
+              {
+                "code": "150781",
+                "name": "满洲里市"
+              },
+              {
+                "code": "150782",
+                "name": "牙克石市"
+              },
+              {
+                "code": "150783",
+                "name": "扎兰屯市"
+              },
+              {
+                "code": "150784",
+                "name": "额尔古纳市"
+              },
+              {
+                "code": "150785",
+                "name": "根河市"
+              }
+            ]
+          },
+          {
+            "code": "1508",
+            "name": "巴彦淖尔市",
+            "children": [
+              {
+                "code": "150802",
+                "name": "临河区"
+              },
+              {
+                "code": "150821",
+                "name": "五原县"
+              },
+              {
+                "code": "150822",
+                "name": "磴口县"
+              },
+              {
+                "code": "150823",
+                "name": "乌拉特前旗"
+              },
+              {
+                "code": "150824",
+                "name": "乌拉特中旗"
+              },
+              {
+                "code": "150825",
+                "name": "乌拉特后旗"
+              },
+              {
+                "code": "150826",
+                "name": "杭锦后旗"
+              }
+            ]
+          },
+          {
+            "code": "1509",
+            "name": "乌兰察布市",
+            "children": [
+              {
+                "code": "150902",
+                "name": "集宁区"
+              },
+              {
+                "code": "150921",
+                "name": "卓资县"
+              },
+              {
+                "code": "150922",
+                "name": "化德县"
+              },
+              {
+                "code": "150923",
+                "name": "商都县"
+              },
+              {
+                "code": "150924",
+                "name": "兴和县"
+              },
+              {
+                "code": "150925",
+                "name": "凉城县"
+              },
+              {
+                "code": "150926",
+                "name": "察哈尔右翼前旗"
+              },
+              {
+                "code": "150927",
+                "name": "察哈尔右翼中旗"
+              },
+              {
+                "code": "150928",
+                "name": "察哈尔右翼后旗"
+              },
+              {
+                "code": "150929",
+                "name": "四子王旗"
+              },
+              {
+                "code": "150981",
+                "name": "丰镇市"
+              }
+            ]
+          },
+          {
+            "code": "1522",
+            "name": "兴安盟",
+            "children": [
+              {
+                "code": "152201",
+                "name": "乌兰浩特市"
+              },
+              {
+                "code": "152202",
+                "name": "阿尔山市"
+              },
+              {
+                "code": "152221",
+                "name": "科尔沁右翼前旗"
+              },
+              {
+                "code": "152222",
+                "name": "科尔沁右翼中旗"
+              },
+              {
+                "code": "152223",
+                "name": "扎赉特旗"
+              },
+              {
+                "code": "152224",
+                "name": "突泉县"
+              }
+            ]
+          },
+          {
+            "code": "1525",
+            "name": "锡林郭勒盟",
+            "children": [
+              {
+                "code": "152501",
+                "name": "二连浩特市"
+              },
+              {
+                "code": "152502",
+                "name": "锡林浩特市"
+              },
+              {
+                "code": "152522",
+                "name": "阿巴嘎旗"
+              },
+              {
+                "code": "152523",
+                "name": "苏尼特左旗"
+              },
+              {
+                "code": "152524",
+                "name": "苏尼特右旗"
+              },
+              {
+                "code": "152525",
+                "name": "东乌珠穆沁旗"
+              },
+              {
+                "code": "152526",
+                "name": "西乌珠穆沁旗"
+              },
+              {
+                "code": "152527",
+                "name": "太仆寺旗"
+              },
+              {
+                "code": "152528",
+                "name": "镶黄旗"
+              },
+              {
+                "code": "152529",
+                "name": "正镶白旗"
+              },
+              {
+                "code": "152530",
+                "name": "正蓝旗"
+              },
+              {
+                "code": "152531",
+                "name": "多伦县"
+              },
+              {
+                "code": "152571",
+                "name": "乌拉盖管理区管委会"
+              }
+            ]
+          },
+          {
+            "code": "1529",
+            "name": "阿拉善盟",
+            "children": [
+              {
+                "code": "152921",
+                "name": "阿拉善左旗"
+              },
+              {
+                "code": "152922",
+                "name": "阿拉善右旗"
+              },
+              {
+                "code": "152923",
+                "name": "额济纳旗"
+              },
+              {
+                "code": "152971",
+                "name": "内蒙古阿拉善高新技术产业开发区"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "code": "21",
+        "name": "辽宁省",
+        "children": [
+          {
+            "code": "2101",
+            "name": "沈阳市",
+            "children": [
+              {
+                "code": "210102",
+                "name": "和平区"
+              },
+              {
+                "code": "210103",
+                "name": "沈河区"
+              },
+              {
+                "code": "210104",
+                "name": "大东区"
+              },
+              {
+                "code": "210105",
+                "name": "皇姑区"
+              },
+              {
+                "code": "210106",
+                "name": "铁西区"
+              },
+              {
+                "code": "210111",
+                "name": "苏家屯区"
+              },
+              {
+                "code": "210112",
+                "name": "浑南区"
+              },
+              {
+                "code": "210113",
+                "name": "沈北新区"
+              },
+              {
+                "code": "210114",
+                "name": "于洪区"
+              },
+              {
+                "code": "210115",
+                "name": "辽中区"
+              },
+              {
+                "code": "210123",
+                "name": "康平县"
+              },
+              {
+                "code": "210124",
+                "name": "法库县"
+              },
+              {
+                "code": "210181",
+                "name": "新民市"
+              }
+            ]
+          },
+          {
+            "code": "2102",
+            "name": "大连市",
+            "children": [
+              {
+                "code": "210202",
+                "name": "中山区"
+              },
+              {
+                "code": "210203",
+                "name": "西岗区"
+              },
+              {
+                "code": "210204",
+                "name": "沙河口区"
+              },
+              {
+                "code": "210211",
+                "name": "甘井子区"
+              },
+              {
+                "code": "210212",
+                "name": "旅顺口区"
+              },
+              {
+                "code": "210213",
+                "name": "金州区"
+              },
+              {
+                "code": "210214",
+                "name": "普兰店区"
+              },
+              {
+                "code": "210224",
+                "name": "长海县"
+              },
+              {
+                "code": "210281",
+                "name": "瓦房店市"
+              },
+              {
+                "code": "210283",
+                "name": "庄河市"
+              }
+            ]
+          },
+          {
+            "code": "2103",
+            "name": "鞍山市",
+            "children": [
+              {
+                "code": "210302",
+                "name": "铁东区"
+              },
+              {
+                "code": "210303",
+                "name": "铁西区"
+              },
+              {
+                "code": "210304",
+                "name": "立山区"
+              },
+              {
+                "code": "210311",
+                "name": "千山区"
+              },
+              {
+                "code": "210321",
+                "name": "台安县"
+              },
+              {
+                "code": "210323",
+                "name": "岫岩满族自治县"
+              },
+              {
+                "code": "210381",
+                "name": "海城市"
+              }
+            ]
+          },
+          {
+            "code": "2104",
+            "name": "抚顺市",
+            "children": [
+              {
+                "code": "210402",
+                "name": "新抚区"
+              },
+              {
+                "code": "210403",
+                "name": "东洲区"
+              },
+              {
+                "code": "210404",
+                "name": "望花区"
+              },
+              {
+                "code": "210411",
+                "name": "顺城区"
+              },
+              {
+                "code": "210421",
+                "name": "抚顺县"
+              },
+              {
+                "code": "210422",
+                "name": "新宾满族自治县"
+              },
+              {
+                "code": "210423",
+                "name": "清原满族自治县"
+              }
+            ]
+          },
+          {
+            "code": "2105",
+            "name": "本溪市",
+            "children": [
+              {
+                "code": "210502",
+                "name": "平山区"
+              },
+              {
+                "code": "210503",
+                "name": "溪湖区"
+              },
+              {
+                "code": "210504",
+                "name": "明山区"
+              },
+              {
+                "code": "210505",
+                "name": "南芬区"
+              },
+              {
+                "code": "210521",
+                "name": "本溪满族自治县"
+              },
+              {
+                "code": "210522",
+                "name": "桓仁满族自治县"
+              }
+            ]
+          },
+          {
+            "code": "2106",
+            "name": "丹东市",
+            "children": [
+              {
+                "code": "210602",
+                "name": "元宝区"
+              },
+              {
+                "code": "210603",
+                "name": "振兴区"
+              },
+              {
+                "code": "210604",
+                "name": "振安区"
+              },
+              {
+                "code": "210624",
+                "name": "宽甸满族自治县"
+              },
+              {
+                "code": "210681",
+                "name": "东港市"
+              },
+              {
+                "code": "210682",
+                "name": "凤城市"
+              }
+            ]
+          },
+          {
+            "code": "2107",
+            "name": "锦州市",
+            "children": [
+              {
+                "code": "210702",
+                "name": "古塔区"
+              },
+              {
+                "code": "210703",
+                "name": "凌河区"
+              },
+              {
+                "code": "210711",
+                "name": "太和区"
+              },
+              {
+                "code": "210726",
+                "name": "黑山县"
+              },
+              {
+                "code": "210727",
+                "name": "义县"
+              },
+              {
+                "code": "210781",
+                "name": "凌海市"
+              },
+              {
+                "code": "210782",
+                "name": "北镇市"
+              }
+            ]
+          },
+          {
+            "code": "2108",
+            "name": "营口市",
+            "children": [
+              {
+                "code": "210802",
+                "name": "站前区"
+              },
+              {
+                "code": "210803",
+                "name": "西市区"
+              },
+              {
+                "code": "210804",
+                "name": "鲅鱼圈区"
+              },
+              {
+                "code": "210811",
+                "name": "老边区"
+              },
+              {
+                "code": "210881",
+                "name": "盖州市"
+              },
+              {
+                "code": "210882",
+                "name": "大石桥市"
+              }
+            ]
+          },
+          {
+            "code": "2109",
+            "name": "阜新市",
+            "children": [
+              {
+                "code": "210902",
+                "name": "海州区"
+              },
+              {
+                "code": "210903",
+                "name": "新邱区"
+              },
+              {
+                "code": "210904",
+                "name": "太平区"
+              },
+              {
+                "code": "210905",
+                "name": "清河门区"
+              },
+              {
+                "code": "210911",
+                "name": "细河区"
+              },
+              {
+                "code": "210921",
+                "name": "阜新蒙古族自治县"
+              },
+              {
+                "code": "210922",
+                "name": "彰武县"
+              }
+            ]
+          },
+          {
+            "code": "2110",
+            "name": "辽阳市",
+            "children": [
+              {
+                "code": "211002",
+                "name": "白塔区"
+              },
+              {
+                "code": "211003",
+                "name": "文圣区"
+              },
+              {
+                "code": "211004",
+                "name": "宏伟区"
+              },
+              {
+                "code": "211005",
+                "name": "弓长岭区"
+              },
+              {
+                "code": "211011",
+                "name": "太子河区"
+              },
+              {
+                "code": "211021",
+                "name": "辽阳县"
+              },
+              {
+                "code": "211081",
+                "name": "灯塔市"
+              }
+            ]
+          },
+          {
+            "code": "2111",
+            "name": "盘锦市",
+            "children": [
+              {
+                "code": "211102",
+                "name": "双台子区"
+              },
+              {
+                "code": "211103",
+                "name": "兴隆台区"
+              },
+              {
+                "code": "211104",
+                "name": "大洼区"
+              },
+              {
+                "code": "211122",
+                "name": "盘山县"
+              }
+            ]
+          },
+          {
+            "code": "2112",
+            "name": "铁岭市",
+            "children": [
+              {
+                "code": "211202",
+                "name": "银州区"
+              },
+              {
+                "code": "211204",
+                "name": "清河区"
+              },
+              {
+                "code": "211221",
+                "name": "铁岭县"
+              },
+              {
+                "code": "211223",
+                "name": "西丰县"
+              },
+              {
+                "code": "211224",
+                "name": "昌图县"
+              },
+              {
+                "code": "211281",
+                "name": "调兵山市"
+              },
+              {
+                "code": "211282",
+                "name": "开原市"
+              }
+            ]
+          },
+          {
+            "code": "2113",
+            "name": "朝阳市",
+            "children": [
+              {
+                "code": "211302",
+                "name": "双塔区"
+              },
+              {
+                "code": "211303",
+                "name": "龙城区"
+              },
+              {
+                "code": "211321",
+                "name": "朝阳县"
+              },
+              {
+                "code": "211322",
+                "name": "建平县"
+              },
+              {
+                "code": "211324",
+                "name": "喀喇沁左翼蒙古族自治县"
+              },
+              {
+                "code": "211381",
+                "name": "北票市"
+              },
+              {
+                "code": "211382",
+                "name": "凌源市"
+              }
+            ]
+          },
+          {
+            "code": "2114",
+            "name": "葫芦岛市",
+            "children": [
+              {
+                "code": "211402",
+                "name": "连山区"
+              },
+              {
+                "code": "211403",
+                "name": "龙港区"
+              },
+              {
+                "code": "211404",
+                "name": "南票区"
+              },
+              {
+                "code": "211421",
+                "name": "绥中县"
+              },
+              {
+                "code": "211422",
+                "name": "建昌县"
+              },
+              {
+                "code": "211481",
+                "name": "兴城市"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "code": "22",
+        "name": "吉林省",
+        "children": [
+          {
+            "code": "2201",
+            "name": "长春市",
+            "children": [
+              {
+                "code": "220102",
+                "name": "南关区"
+              },
+              {
+                "code": "220103",
+                "name": "宽城区"
+              },
+              {
+                "code": "220104",
+                "name": "朝阳区"
+              },
+              {
+                "code": "220105",
+                "name": "二道区"
+              },
+              {
+                "code": "220106",
+                "name": "绿园区"
+              },
+              {
+                "code": "220112",
+                "name": "双阳区"
+              },
+              {
+                "code": "220113",
+                "name": "九台区"
+              },
+              {
+                "code": "220122",
+                "name": "农安县"
+              },
+              {
+                "code": "220171",
+                "name": "长春经济技术开发区"
+              },
+              {
+                "code": "220172",
+                "name": "长春净月高新技术产业开发区"
+              },
+              {
+                "code": "220173",
+                "name": "长春高新技术产业开发区"
+              },
+              {
+                "code": "220174",
+                "name": "长春汽车经济技术开发区"
+              },
+              {
+                "code": "220182",
+                "name": "榆树市"
+              },
+              {
+                "code": "220183",
+                "name": "德惠市"
+              },
+              {
+                "code": "220184",
+                "name": "公主岭市"
+              }
+            ]
+          },
+          {
+            "code": "2202",
+            "name": "吉林市",
+            "children": [
+              {
+                "code": "220202",
+                "name": "昌邑区"
+              },
+              {
+                "code": "220203",
+                "name": "龙潭区"
+              },
+              {
+                "code": "220204",
+                "name": "船营区"
+              },
+              {
+                "code": "220211",
+                "name": "丰满区"
+              },
+              {
+                "code": "220221",
+                "name": "永吉县"
+              },
+              {
+                "code": "220271",
+                "name": "吉林经济开发区"
+              },
+              {
+                "code": "220272",
+                "name": "吉林高新技术产业开发区"
+              },
+              {
+                "code": "220273",
+                "name": "吉林中国新加坡食品区"
+              },
+              {
+                "code": "220281",
+                "name": "蛟河市"
+              },
+              {
+                "code": "220282",
+                "name": "桦甸市"
+              },
+              {
+                "code": "220283",
+                "name": "舒兰市"
+              },
+              {
+                "code": "220284",
+                "name": "磐石市"
+              }
+            ]
+          },
+          {
+            "code": "2203",
+            "name": "四平市",
+            "children": [
+              {
+                "code": "220302",
+                "name": "铁西区"
+              },
+              {
+                "code": "220303",
+                "name": "铁东区"
+              },
+              {
+                "code": "220322",
+                "name": "梨树县"
+              },
+              {
+                "code": "220323",
+                "name": "伊通满族自治县"
+              },
+              {
+                "code": "220382",
+                "name": "双辽市"
+              }
+            ]
+          },
+          {
+            "code": "2204",
+            "name": "辽源市",
+            "children": [
+              {
+                "code": "220402",
+                "name": "龙山区"
+              },
+              {
+                "code": "220403",
+                "name": "西安区"
+              },
+              {
+                "code": "220421",
+                "name": "东丰县"
+              },
+              {
+                "code": "220422",
+                "name": "东辽县"
+              }
+            ]
+          },
+          {
+            "code": "2205",
+            "name": "通化市",
+            "children": [
+              {
+                "code": "220502",
+                "name": "东昌区"
+              },
+              {
+                "code": "220503",
+                "name": "二道江区"
+              },
+              {
+                "code": "220521",
+                "name": "通化县"
+              },
+              {
+                "code": "220523",
+                "name": "辉南县"
+              },
+              {
+                "code": "220524",
+                "name": "柳河县"
+              },
+              {
+                "code": "220581",
+                "name": "梅河口市"
+              },
+              {
+                "code": "220582",
+                "name": "集安市"
+              }
+            ]
+          },
+          {
+            "code": "2206",
+            "name": "白山市",
+            "children": [
+              {
+                "code": "220602",
+                "name": "浑江区"
+              },
+              {
+                "code": "220605",
+                "name": "江源区"
+              },
+              {
+                "code": "220621",
+                "name": "抚松县"
+              },
+              {
+                "code": "220622",
+                "name": "靖宇县"
+              },
+              {
+                "code": "220623",
+                "name": "长白朝鲜族自治县"
+              },
+              {
+                "code": "220681",
+                "name": "临江市"
+              }
+            ]
+          },
+          {
+            "code": "2207",
+            "name": "松原市",
+            "children": [
+              {
+                "code": "220702",
+                "name": "宁江区"
+              },
+              {
+                "code": "220721",
+                "name": "前郭尔罗斯蒙古族自治县"
+              },
+              {
+                "code": "220722",
+                "name": "长岭县"
+              },
+              {
+                "code": "220723",
+                "name": "乾安县"
+              },
+              {
+                "code": "220771",
+                "name": "吉林松原经济开发区"
+              },
+              {
+                "code": "220781",
+                "name": "扶余市"
+              }
+            ]
+          },
+          {
+            "code": "2208",
+            "name": "白城市",
+            "children": [
+              {
+                "code": "220802",
+                "name": "洮北区"
+              },
+              {
+                "code": "220821",
+                "name": "镇赉县"
+              },
+              {
+                "code": "220822",
+                "name": "通榆县"
+              },
+              {
+                "code": "220871",
+                "name": "吉林白城经济开发区"
+              },
+              {
+                "code": "220881",
+                "name": "洮南市"
+              },
+              {
+                "code": "220882",
+                "name": "大安市"
+              }
+            ]
+          },
+          {
+            "code": "2224",
+            "name": "延边朝鲜族自治州",
+            "children": [
+              {
+                "code": "222401",
+                "name": "延吉市"
+              },
+              {
+                "code": "222402",
+                "name": "图们市"
+              },
+              {
+                "code": "222403",
+                "name": "敦化市"
+              },
+              {
+                "code": "222404",
+                "name": "珲春市"
+              },
+              {
+                "code": "222405",
+                "name": "龙井市"
+              },
+              {
+                "code": "222406",
+                "name": "和龙市"
+              },
+              {
+                "code": "222424",
+                "name": "汪清县"
+              },
+              {
+                "code": "222426",
+                "name": "安图县"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "code": "23",
+        "name": "黑龙江省",
+        "children": [
+          {
+            "code": "2301",
+            "name": "哈尔滨市",
+            "children": [
+              {
+                "code": "230102",
+                "name": "道里区"
+              },
+              {
+                "code": "230103",
+                "name": "南岗区"
+              },
+              {
+                "code": "230104",
+                "name": "道外区"
+              },
+              {
+                "code": "230108",
+                "name": "平房区"
+              },
+              {
+                "code": "230109",
+                "name": "松北区"
+              },
+              {
+                "code": "230110",
+                "name": "香坊区"
+              },
+              {
+                "code": "230111",
+                "name": "呼兰区"
+              },
+              {
+                "code": "230112",
+                "name": "阿城区"
+              },
+              {
+                "code": "230113",
+                "name": "双城区"
+              },
+              {
+                "code": "230123",
+                "name": "依兰县"
+              },
+              {
+                "code": "230124",
+                "name": "方正县"
+              },
+              {
+                "code": "230125",
+                "name": "宾县"
+              },
+              {
+                "code": "230126",
+                "name": "巴彦县"
+              },
+              {
+                "code": "230127",
+                "name": "木兰县"
+              },
+              {
+                "code": "230128",
+                "name": "通河县"
+              },
+              {
+                "code": "230129",
+                "name": "延寿县"
+              },
+              {
+                "code": "230183",
+                "name": "尚志市"
+              },
+              {
+                "code": "230184",
+                "name": "五常市"
+              }
+            ]
+          },
+          {
+            "code": "2302",
+            "name": "齐齐哈尔市",
+            "children": [
+              {
+                "code": "230202",
+                "name": "龙沙区"
+              },
+              {
+                "code": "230203",
+                "name": "建华区"
+              },
+              {
+                "code": "230204",
+                "name": "铁锋区"
+              },
+              {
+                "code": "230205",
+                "name": "昂昂溪区"
+              },
+              {
+                "code": "230206",
+                "name": "富拉尔基区"
+              },
+              {
+                "code": "230207",
+                "name": "碾子山区"
+              },
+              {
+                "code": "230208",
+                "name": "梅里斯达斡尔族区"
+              },
+              {
+                "code": "230221",
+                "name": "龙江县"
+              },
+              {
+                "code": "230223",
+                "name": "依安县"
+              },
+              {
+                "code": "230224",
+                "name": "泰来县"
+              },
+              {
+                "code": "230225",
+                "name": "甘南县"
+              },
+              {
+                "code": "230227",
+                "name": "富裕县"
+              },
+              {
+                "code": "230229",
+                "name": "克山县"
+              },
+              {
+                "code": "230230",
+                "name": "克东县"
+              },
+              {
+                "code": "230231",
+                "name": "拜泉县"
+              },
+              {
+                "code": "230281",
+                "name": "讷河市"
+              }
+            ]
+          },
+          {
+            "code": "2303",
+            "name": "鸡西市",
+            "children": [
+              {
+                "code": "230302",
+                "name": "鸡冠区"
+              },
+              {
+                "code": "230303",
+                "name": "恒山区"
+              },
+              {
+                "code": "230304",
+                "name": "滴道区"
+              },
+              {
+                "code": "230305",
+                "name": "梨树区"
+              },
+              {
+                "code": "230306",
+                "name": "城子河区"
+              },
+              {
+                "code": "230307",
+                "name": "麻山区"
+              },
+              {
+                "code": "230321",
+                "name": "鸡东县"
+              },
+              {
+                "code": "230381",
+                "name": "虎林市"
+              },
+              {
+                "code": "230382",
+                "name": "密山市"
+              }
+            ]
+          },
+          {
+            "code": "2304",
+            "name": "鹤岗市",
+            "children": [
+              {
+                "code": "230402",
+                "name": "向阳区"
+              },
+              {
+                "code": "230403",
+                "name": "工农区"
+              },
+              {
+                "code": "230404",
+                "name": "南山区"
+              },
+              {
+                "code": "230405",
+                "name": "兴安区"
+              },
+              {
+                "code": "230406",
+                "name": "东山区"
+              },
+              {
+                "code": "230407",
+                "name": "兴山区"
+              },
+              {
+                "code": "230421",
+                "name": "萝北县"
+              },
+              {
+                "code": "230422",
+                "name": "绥滨县"
+              }
+            ]
+          },
+          {
+            "code": "2305",
+            "name": "双鸭山市",
+            "children": [
+              {
+                "code": "230502",
+                "name": "尖山区"
+              },
+              {
+                "code": "230503",
+                "name": "岭东区"
+              },
+              {
+                "code": "230505",
+                "name": "四方台区"
+              },
+              {
+                "code": "230506",
+                "name": "宝山区"
+              },
+              {
+                "code": "230521",
+                "name": "集贤县"
+              },
+              {
+                "code": "230522",
+                "name": "友谊县"
+              },
+              {
+                "code": "230523",
+                "name": "宝清县"
+              },
+              {
+                "code": "230524",
+                "name": "饶河县"
+              }
+            ]
+          },
+          {
+            "code": "2306",
+            "name": "大庆市",
+            "children": [
+              {
+                "code": "230602",
+                "name": "萨尔图区"
+              },
+              {
+                "code": "230603",
+                "name": "龙凤区"
+              },
+              {
+                "code": "230604",
+                "name": "让胡路区"
+              },
+              {
+                "code": "230605",
+                "name": "红岗区"
+              },
+              {
+                "code": "230606",
+                "name": "大同区"
+              },
+              {
+                "code": "230621",
+                "name": "肇州县"
+              },
+              {
+                "code": "230622",
+                "name": "肇源县"
+              },
+              {
+                "code": "230623",
+                "name": "林甸县"
+              },
+              {
+                "code": "230624",
+                "name": "杜尔伯特蒙古族自治县"
+              },
+              {
+                "code": "230671",
+                "name": "大庆高新技术产业开发区"
+              }
+            ]
+          },
+          {
+            "code": "2307",
+            "name": "伊春市",
+            "children": [
+              {
+                "code": "230717",
+                "name": "伊美区"
+              },
+              {
+                "code": "230718",
+                "name": "乌翠区"
+              },
+              {
+                "code": "230719",
+                "name": "友好区"
+              },
+              {
+                "code": "230722",
+                "name": "嘉荫县"
+              },
+              {
+                "code": "230723",
+                "name": "汤旺县"
+              },
+              {
+                "code": "230724",
+                "name": "丰林县"
+              },
+              {
+                "code": "230725",
+                "name": "大箐山县"
+              },
+              {
+                "code": "230726",
+                "name": "南岔县"
+              },
+              {
+                "code": "230751",
+                "name": "金林区"
+              },
+              {
+                "code": "230781",
+                "name": "铁力市"
+              }
+            ]
+          },
+          {
+            "code": "2308",
+            "name": "佳木斯市",
+            "children": [
+              {
+                "code": "230803",
+                "name": "向阳区"
+              },
+              {
+                "code": "230804",
+                "name": "前进区"
+              },
+              {
+                "code": "230805",
+                "name": "东风区"
+              },
+              {
+                "code": "230811",
+                "name": "郊区"
+              },
+              {
+                "code": "230822",
+                "name": "桦南县"
+              },
+              {
+                "code": "230826",
+                "name": "桦川县"
+              },
+              {
+                "code": "230828",
+                "name": "汤原县"
+              },
+              {
+                "code": "230881",
+                "name": "同江市"
+              },
+              {
+                "code": "230882",
+                "name": "富锦市"
+              },
+              {
+                "code": "230883",
+                "name": "抚远市"
+              }
+            ]
+          },
+          {
+            "code": "2309",
+            "name": "七台河市",
+            "children": [
+              {
+                "code": "230902",
+                "name": "新兴区"
+              },
+              {
+                "code": "230903",
+                "name": "桃山区"
+              },
+              {
+                "code": "230904",
+                "name": "茄子河区"
+              },
+              {
+                "code": "230921",
+                "name": "勃利县"
+              }
+            ]
+          },
+          {
+            "code": "2310",
+            "name": "牡丹江市",
+            "children": [
+              {
+                "code": "231002",
+                "name": "东安区"
+              },
+              {
+                "code": "231003",
+                "name": "阳明区"
+              },
+              {
+                "code": "231004",
+                "name": "爱民区"
+              },
+              {
+                "code": "231005",
+                "name": "西安区"
+              },
+              {
+                "code": "231025",
+                "name": "林口县"
+              },
+              {
+                "code": "231081",
+                "name": "绥芬河市"
+              },
+              {
+                "code": "231083",
+                "name": "海林市"
+              },
+              {
+                "code": "231084",
+                "name": "宁安市"
+              },
+              {
+                "code": "231085",
+                "name": "穆棱市"
+              },
+              {
+                "code": "231086",
+                "name": "东宁市"
+              }
+            ]
+          },
+          {
+            "code": "2311",
+            "name": "黑河市",
+            "children": [
+              {
+                "code": "231102",
+                "name": "爱辉区"
+              },
+              {
+                "code": "231123",
+                "name": "逊克县"
+              },
+              {
+                "code": "231124",
+                "name": "孙吴县"
+              },
+              {
+                "code": "231181",
+                "name": "北安市"
+              },
+              {
+                "code": "231182",
+                "name": "五大连池市"
+              },
+              {
+                "code": "231183",
+                "name": "嫩江市"
+              }
+            ]
+          },
+          {
+            "code": "2312",
+            "name": "绥化市",
+            "children": [
+              {
+                "code": "231202",
+                "name": "北林区"
+              },
+              {
+                "code": "231221",
+                "name": "望奎县"
+              },
+              {
+                "code": "231222",
+                "name": "兰西县"
+              },
+              {
+                "code": "231223",
+                "name": "青冈县"
+              },
+              {
+                "code": "231224",
+                "name": "庆安县"
+              },
+              {
+                "code": "231225",
+                "name": "明水县"
+              },
+              {
+                "code": "231226",
+                "name": "绥棱县"
+              },
+              {
+                "code": "231281",
+                "name": "安达市"
+              },
+              {
+                "code": "231282",
+                "name": "肇东市"
+              },
+              {
+                "code": "231283",
+                "name": "海伦市"
+              }
+            ]
+          },
+          {
+            "code": "2327",
+            "name": "大兴安岭地区",
+            "children": [
+              {
+                "code": "232701",
+                "name": "漠河市"
+              },
+              {
+                "code": "232721",
+                "name": "呼玛县"
+              },
+              {
+                "code": "232722",
+                "name": "塔河县"
+              },
+              {
+                "code": "232761",
+                "name": "加格达奇区"
+              },
+              {
+                "code": "232762",
+                "name": "松岭区"
+              },
+              {
+                "code": "232763",
+                "name": "新林区"
+              },
+              {
+                "code": "232764",
+                "name": "呼中区"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "code": "31",
+        "name": "上海市",
+        "children": [
+          {
+            "code": "3101",
+            "name": "市辖区",
+            "children": [
+              {
+                "code": "310101",
+                "name": "黄浦区"
+              },
+              {
+                "code": "310104",
+                "name": "徐汇区"
+              },
+              {
+                "code": "310105",
+                "name": "长宁区"
+              },
+              {
+                "code": "310106",
+                "name": "静安区"
+              },
+              {
+                "code": "310107",
+                "name": "普陀区"
+              },
+              {
+                "code": "310109",
+                "name": "虹口区"
+              },
+              {
+                "code": "310110",
+                "name": "杨浦区"
+              },
+              {
+                "code": "310112",
+                "name": "闵行区"
+              },
+              {
+                "code": "310113",
+                "name": "宝山区"
+              },
+              {
+                "code": "310114",
+                "name": "嘉定区"
+              },
+              {
+                "code": "310115",
+                "name": "浦东新区"
+              },
+              {
+                "code": "310116",
+                "name": "金山区"
+              },
+              {
+                "code": "310117",
+                "name": "松江区"
+              },
+              {
+                "code": "310118",
+                "name": "青浦区"
+              },
+              {
+                "code": "310120",
+                "name": "奉贤区"
+              },
+              {
+                "code": "310151",
+                "name": "崇明区"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "code": "32",
+        "name": "江苏省",
+        "children": [
+          {
+            "code": "3201",
+            "name": "南京市",
+            "children": [
+              {
+                "code": "320102",
+                "name": "玄武区"
+              },
+              {
+                "code": "320104",
+                "name": "秦淮区"
+              },
+              {
+                "code": "320105",
+                "name": "建邺区"
+              },
+              {
+                "code": "320106",
+                "name": "鼓楼区"
+              },
+              {
+                "code": "320111",
+                "name": "浦口区"
+              },
+              {
+                "code": "320113",
+                "name": "栖霞区"
+              },
+              {
+                "code": "320114",
+                "name": "雨花台区"
+              },
+              {
+                "code": "320115",
+                "name": "江宁区"
+              },
+              {
+                "code": "320116",
+                "name": "六合区"
+              },
+              {
+                "code": "320117",
+                "name": "溧水区"
+              },
+              {
+                "code": "320118",
+                "name": "高淳区"
+              }
+            ]
+          },
+          {
+            "code": "3202",
+            "name": "无锡市",
+            "children": [
+              {
+                "code": "320205",
+                "name": "锡山区"
+              },
+              {
+                "code": "320206",
+                "name": "惠山区"
+              },
+              {
+                "code": "320211",
+                "name": "滨湖区"
+              },
+              {
+                "code": "320213",
+                "name": "梁溪区"
+              },
+              {
+                "code": "320214",
+                "name": "新吴区"
+              },
+              {
+                "code": "320281",
+                "name": "江阴市"
+              },
+              {
+                "code": "320282",
+                "name": "宜兴市"
+              }
+            ]
+          },
+          {
+            "code": "3203",
+            "name": "徐州市",
+            "children": [
+              {
+                "code": "320302",
+                "name": "鼓楼区"
+              },
+              {
+                "code": "320303",
+                "name": "云龙区"
+              },
+              {
+                "code": "320305",
+                "name": "贾汪区"
+              },
+              {
+                "code": "320311",
+                "name": "泉山区"
+              },
+              {
+                "code": "320312",
+                "name": "铜山区"
+              },
+              {
+                "code": "320321",
+                "name": "丰县"
+              },
+              {
+                "code": "320322",
+                "name": "沛县"
+              },
+              {
+                "code": "320324",
+                "name": "睢宁县"
+              },
+              {
+                "code": "320371",
+                "name": "徐州经济技术开发区"
+              },
+              {
+                "code": "320381",
+                "name": "新沂市"
+              },
+              {
+                "code": "320382",
+                "name": "邳州市"
+              }
+            ]
+          },
+          {
+            "code": "3204",
+            "name": "常州市",
+            "children": [
+              {
+                "code": "320402",
+                "name": "天宁区"
+              },
+              {
+                "code": "320404",
+                "name": "钟楼区"
+              },
+              {
+                "code": "320411",
+                "name": "新北区"
+              },
+              {
+                "code": "320412",
+                "name": "武进区"
+              },
+              {
+                "code": "320413",
+                "name": "金坛区"
+              },
+              {
+                "code": "320481",
+                "name": "溧阳市"
+              }
+            ]
+          },
+          {
+            "code": "3205",
+            "name": "苏州市",
+            "children": [
+              {
+                "code": "320505",
+                "name": "虎丘区"
+              },
+              {
+                "code": "320506",
+                "name": "吴中区"
+              },
+              {
+                "code": "320507",
+                "name": "相城区"
+              },
+              {
+                "code": "320508",
+                "name": "姑苏区"
+              },
+              {
+                "code": "320509",
+                "name": "吴江区"
+              },
+              {
+                "code": "320576",
+                "name": "苏州工业园区"
+              },
+              {
+                "code": "320581",
+                "name": "常熟市"
+              },
+              {
+                "code": "320582",
+                "name": "张家港市"
+              },
+              {
+                "code": "320583",
+                "name": "昆山市"
+              },
+              {
+                "code": "320585",
+                "name": "太仓市"
+              }
+            ]
+          },
+          {
+            "code": "3206",
+            "name": "南通市",
+            "children": [
+              {
+                "code": "320612",
+                "name": "通州区"
+              },
+              {
+                "code": "320613",
+                "name": "崇川区"
+              },
+              {
+                "code": "320614",
+                "name": "海门区"
+              },
+              {
+                "code": "320623",
+                "name": "如东县"
+              },
+              {
+                "code": "320671",
+                "name": "南通经济技术开发区"
+              },
+              {
+                "code": "320681",
+                "name": "启东市"
+              },
+              {
+                "code": "320682",
+                "name": "如皋市"
+              },
+              {
+                "code": "320685",
+                "name": "海安市"
+              }
+            ]
+          },
+          {
+            "code": "3207",
+            "name": "连云港市",
+            "children": [
+              {
+                "code": "320703",
+                "name": "连云区"
+              },
+              {
+                "code": "320706",
+                "name": "海州区"
+              },
+              {
+                "code": "320707",
+                "name": "赣榆区"
+              },
+              {
+                "code": "320722",
+                "name": "东海县"
+              },
+              {
+                "code": "320723",
+                "name": "灌云县"
+              },
+              {
+                "code": "320724",
+                "name": "灌南县"
+              },
+              {
+                "code": "320771",
+                "name": "连云港经济技术开发区"
+              }
+            ]
+          },
+          {
+            "code": "3208",
+            "name": "淮安市",
+            "children": [
+              {
+                "code": "320803",
+                "name": "淮安区"
+              },
+              {
+                "code": "320804",
+                "name": "淮阴区"
+              },
+              {
+                "code": "320812",
+                "name": "清江浦区"
+              },
+              {
+                "code": "320813",
+                "name": "洪泽区"
+              },
+              {
+                "code": "320826",
+                "name": "涟水县"
+              },
+              {
+                "code": "320830",
+                "name": "盱眙县"
+              },
+              {
+                "code": "320831",
+                "name": "金湖县"
+              },
+              {
+                "code": "320871",
+                "name": "淮安经济技术开发区"
+              }
+            ]
+          },
+          {
+            "code": "3209",
+            "name": "盐城市",
+            "children": [
+              {
+                "code": "320902",
+                "name": "亭湖区"
+              },
+              {
+                "code": "320903",
+                "name": "盐都区"
+              },
+              {
+                "code": "320904",
+                "name": "大丰区"
+              },
+              {
+                "code": "320921",
+                "name": "响水县"
+              },
+              {
+                "code": "320922",
+                "name": "滨海县"
+              },
+              {
+                "code": "320923",
+                "name": "阜宁县"
+              },
+              {
+                "code": "320924",
+                "name": "射阳县"
+              },
+              {
+                "code": "320925",
+                "name": "建湖县"
+              },
+              {
+                "code": "320971",
+                "name": "盐城经济技术开发区"
+              },
+              {
+                "code": "320981",
+                "name": "东台市"
+              }
+            ]
+          },
+          {
+            "code": "3210",
+            "name": "扬州市",
+            "children": [
+              {
+                "code": "321002",
+                "name": "广陵区"
+              },
+              {
+                "code": "321003",
+                "name": "邗江区"
+              },
+              {
+                "code": "321012",
+                "name": "江都区"
+              },
+              {
+                "code": "321023",
+                "name": "宝应县"
+              },
+              {
+                "code": "321071",
+                "name": "扬州经济技术开发区"
+              },
+              {
+                "code": "321081",
+                "name": "仪征市"
+              },
+              {
+                "code": "321084",
+                "name": "高邮市"
+              }
+            ]
+          },
+          {
+            "code": "3211",
+            "name": "镇江市",
+            "children": [
+              {
+                "code": "321102",
+                "name": "京口区"
+              },
+              {
+                "code": "321111",
+                "name": "润州区"
+              },
+              {
+                "code": "321112",
+                "name": "丹徒区"
+              },
+              {
+                "code": "321171",
+                "name": "镇江新区"
+              },
+              {
+                "code": "321181",
+                "name": "丹阳市"
+              },
+              {
+                "code": "321182",
+                "name": "扬中市"
+              },
+              {
+                "code": "321183",
+                "name": "句容市"
+              }
+            ]
+          },
+          {
+            "code": "3212",
+            "name": "泰州市",
+            "children": [
+              {
+                "code": "321202",
+                "name": "海陵区"
+              },
+              {
+                "code": "321203",
+                "name": "高港区"
+              },
+              {
+                "code": "321204",
+                "name": "姜堰区"
+              },
+              {
+                "code": "321281",
+                "name": "兴化市"
+              },
+              {
+                "code": "321282",
+                "name": "靖江市"
+              },
+              {
+                "code": "321283",
+                "name": "泰兴市"
+              }
+            ]
+          },
+          {
+            "code": "3213",
+            "name": "宿迁市",
+            "children": [
+              {
+                "code": "321302",
+                "name": "宿城区"
+              },
+              {
+                "code": "321311",
+                "name": "宿豫区"
+              },
+              {
+                "code": "321322",
+                "name": "沭阳县"
+              },
+              {
+                "code": "321323",
+                "name": "泗阳县"
+              },
+              {
+                "code": "321324",
+                "name": "泗洪县"
+              },
+              {
+                "code": "321371",
+                "name": "宿迁经济技术开发区"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "code": "33",
+        "name": "浙江省",
+        "children": [
+          {
+            "code": "3301",
+            "name": "杭州市",
+            "children": [
+              {
+                "code": "330102",
+                "name": "上城区"
+              },
+              {
+                "code": "330105",
+                "name": "拱墅区"
+              },
+              {
+                "code": "330106",
+                "name": "西湖区"
+              },
+              {
+                "code": "330108",
+                "name": "滨江区"
+              },
+              {
+                "code": "330109",
+                "name": "萧山区"
+              },
+              {
+                "code": "330110",
+                "name": "余杭区"
+              },
+              {
+                "code": "330111",
+                "name": "富阳区"
+              },
+              {
+                "code": "330112",
+                "name": "临安区"
+              },
+              {
+                "code": "330113",
+                "name": "临平区"
+              },
+              {
+                "code": "330114",
+                "name": "钱塘区"
+              },
+              {
+                "code": "330122",
+                "name": "桐庐县"
+              },
+              {
+                "code": "330127",
+                "name": "淳安县"
+              },
+              {
+                "code": "330182",
+                "name": "建德市"
+              }
+            ]
+          },
+          {
+            "code": "3302",
+            "name": "宁波市",
+            "children": [
+              {
+                "code": "330203",
+                "name": "海曙区"
+              },
+              {
+                "code": "330205",
+                "name": "江北区"
+              },
+              {
+                "code": "330206",
+                "name": "北仑区"
+              },
+              {
+                "code": "330211",
+                "name": "镇海区"
+              },
+              {
+                "code": "330212",
+                "name": "鄞州区"
+              },
+              {
+                "code": "330213",
+                "name": "奉化区"
+              },
+              {
+                "code": "330225",
+                "name": "象山县"
+              },
+              {
+                "code": "330226",
+                "name": "宁海县"
+              },
+              {
+                "code": "330281",
+                "name": "余姚市"
+              },
+              {
+                "code": "330282",
+                "name": "慈溪市"
+              }
+            ]
+          },
+          {
+            "code": "3303",
+            "name": "温州市",
+            "children": [
+              {
+                "code": "330302",
+                "name": "鹿城区"
+              },
+              {
+                "code": "330303",
+                "name": "龙湾区"
+              },
+              {
+                "code": "330304",
+                "name": "瓯海区"
+              },
+              {
+                "code": "330305",
+                "name": "洞头区"
+              },
+              {
+                "code": "330324",
+                "name": "永嘉县"
+              },
+              {
+                "code": "330326",
+                "name": "平阳县"
+              },
+              {
+                "code": "330327",
+                "name": "苍南县"
+              },
+              {
+                "code": "330328",
+                "name": "文成县"
+              },
+              {
+                "code": "330329",
+                "name": "泰顺县"
+              },
+              {
+                "code": "330381",
+                "name": "瑞安市"
+              },
+              {
+                "code": "330382",
+                "name": "乐清市"
+              },
+              {
+                "code": "330383",
+                "name": "龙港市"
+              }
+            ]
+          },
+          {
+            "code": "3304",
+            "name": "嘉兴市",
+            "children": [
+              {
+                "code": "330402",
+                "name": "南湖区"
+              },
+              {
+                "code": "330411",
+                "name": "秀洲区"
+              },
+              {
+                "code": "330421",
+                "name": "嘉善县"
+              },
+              {
+                "code": "330424",
+                "name": "海盐县"
+              },
+              {
+                "code": "330481",
+                "name": "海宁市"
+              },
+              {
+                "code": "330482",
+                "name": "平湖市"
+              },
+              {
+                "code": "330483",
+                "name": "桐乡市"
+              }
+            ]
+          },
+          {
+            "code": "3305",
+            "name": "湖州市",
+            "children": [
+              {
+                "code": "330502",
+                "name": "吴兴区"
+              },
+              {
+                "code": "330503",
+                "name": "南浔区"
+              },
+              {
+                "code": "330521",
+                "name": "德清县"
+              },
+              {
+                "code": "330522",
+                "name": "长兴县"
+              },
+              {
+                "code": "330523",
+                "name": "安吉县"
+              }
+            ]
+          },
+          {
+            "code": "3306",
+            "name": "绍兴市",
+            "children": [
+              {
+                "code": "330602",
+                "name": "越城区"
+              },
+              {
+                "code": "330603",
+                "name": "柯桥区"
+              },
+              {
+                "code": "330604",
+                "name": "上虞区"
+              },
+              {
+                "code": "330624",
+                "name": "新昌县"
+              },
+              {
+                "code": "330681",
+                "name": "诸暨市"
+              },
+              {
+                "code": "330683",
+                "name": "嵊州市"
+              }
+            ]
+          },
+          {
+            "code": "3307",
+            "name": "金华市",
+            "children": [
+              {
+                "code": "330702",
+                "name": "婺城区"
+              },
+              {
+                "code": "330703",
+                "name": "金东区"
+              },
+              {
+                "code": "330723",
+                "name": "武义县"
+              },
+              {
+                "code": "330726",
+                "name": "浦江县"
+              },
+              {
+                "code": "330727",
+                "name": "磐安县"
+              },
+              {
+                "code": "330781",
+                "name": "兰溪市"
+              },
+              {
+                "code": "330782",
+                "name": "义乌市"
+              },
+              {
+                "code": "330783",
+                "name": "东阳市"
+              },
+              {
+                "code": "330784",
+                "name": "永康市"
+              }
+            ]
+          },
+          {
+            "code": "3308",
+            "name": "衢州市",
+            "children": [
+              {
+                "code": "330802",
+                "name": "柯城区"
+              },
+              {
+                "code": "330803",
+                "name": "衢江区"
+              },
+              {
+                "code": "330822",
+                "name": "常山县"
+              },
+              {
+                "code": "330824",
+                "name": "开化县"
+              },
+              {
+                "code": "330825",
+                "name": "龙游县"
+              },
+              {
+                "code": "330881",
+                "name": "江山市"
+              }
+            ]
+          },
+          {
+            "code": "3309",
+            "name": "舟山市",
+            "children": [
+              {
+                "code": "330902",
+                "name": "定海区"
+              },
+              {
+                "code": "330903",
+                "name": "普陀区"
+              },
+              {
+                "code": "330921",
+                "name": "岱山县"
+              },
+              {
+                "code": "330922",
+                "name": "嵊泗县"
+              }
+            ]
+          },
+          {
+            "code": "3310",
+            "name": "台州市",
+            "children": [
+              {
+                "code": "331002",
+                "name": "椒江区"
+              },
+              {
+                "code": "331003",
+                "name": "黄岩区"
+              },
+              {
+                "code": "331004",
+                "name": "路桥区"
+              },
+              {
+                "code": "331022",
+                "name": "三门县"
+              },
+              {
+                "code": "331023",
+                "name": "天台县"
+              },
+              {
+                "code": "331024",
+                "name": "仙居县"
+              },
+              {
+                "code": "331081",
+                "name": "温岭市"
+              },
+              {
+                "code": "331082",
+                "name": "临海市"
+              },
+              {
+                "code": "331083",
+                "name": "玉环市"
+              }
+            ]
+          },
+          {
+            "code": "3311",
+            "name": "丽水市",
+            "children": [
+              {
+                "code": "331102",
+                "name": "莲都区"
+              },
+              {
+                "code": "331121",
+                "name": "青田县"
+              },
+              {
+                "code": "331122",
+                "name": "缙云县"
+              },
+              {
+                "code": "331123",
+                "name": "遂昌县"
+              },
+              {
+                "code": "331124",
+                "name": "松阳县"
+              },
+              {
+                "code": "331125",
+                "name": "云和县"
+              },
+              {
+                "code": "331126",
+                "name": "庆元县"
+              },
+              {
+                "code": "331127",
+                "name": "景宁畲族自治县"
+              },
+              {
+                "code": "331181",
+                "name": "龙泉市"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "code": "34",
+        "name": "安徽省",
+        "children": [
+          {
+            "code": "3401",
+            "name": "合肥市",
+            "children": [
+              {
+                "code": "340102",
+                "name": "瑶海区"
+              },
+              {
+                "code": "340103",
+                "name": "庐阳区"
+              },
+              {
+                "code": "340104",
+                "name": "蜀山区"
+              },
+              {
+                "code": "340111",
+                "name": "包河区"
+              },
+              {
+                "code": "340121",
+                "name": "长丰县"
+              },
+              {
+                "code": "340122",
+                "name": "肥东县"
+              },
+              {
+                "code": "340123",
+                "name": "肥西县"
+              },
+              {
+                "code": "340124",
+                "name": "庐江县"
+              },
+              {
+                "code": "340176",
+                "name": "合肥高新技术产业开发区"
+              },
+              {
+                "code": "340177",
+                "name": "合肥经济技术开发区"
+              },
+              {
+                "code": "340178",
+                "name": "合肥新站高新技术产业开发区"
+              },
+              {
+                "code": "340181",
+                "name": "巢湖市"
+              }
+            ]
+          },
+          {
+            "code": "3402",
+            "name": "芜湖市",
+            "children": [
+              {
+                "code": "340202",
+                "name": "镜湖区"
+              },
+              {
+                "code": "340207",
+                "name": "鸠江区"
+              },
+              {
+                "code": "340209",
+                "name": "弋江区"
+              },
+              {
+                "code": "340210",
+                "name": "湾沚区"
+              },
+              {
+                "code": "340212",
+                "name": "繁昌区"
+              },
+              {
+                "code": "340223",
+                "name": "南陵县"
+              },
+              {
+                "code": "340271",
+                "name": "芜湖经济技术开发区"
+              },
+              {
+                "code": "340272",
+                "name": "安徽芜湖三山经济开发区"
+              },
+              {
+                "code": "340281",
+                "name": "无为市"
+              }
+            ]
+          },
+          {
+            "code": "3403",
+            "name": "蚌埠市",
+            "children": [
+              {
+                "code": "340302",
+                "name": "龙子湖区"
+              },
+              {
+                "code": "340303",
+                "name": "蚌山区"
+              },
+              {
+                "code": "340304",
+                "name": "禹会区"
+              },
+              {
+                "code": "340311",
+                "name": "淮上区"
+              },
+              {
+                "code": "340321",
+                "name": "怀远县"
+              },
+              {
+                "code": "340322",
+                "name": "五河县"
+              },
+              {
+                "code": "340323",
+                "name": "固镇县"
+              },
+              {
+                "code": "340371",
+                "name": "蚌埠市高新技术开发区"
+              },
+              {
+                "code": "340372",
+                "name": "蚌埠市经济开发区"
+              }
+            ]
+          },
+          {
+            "code": "3404",
+            "name": "淮南市",
+            "children": [
+              {
+                "code": "340402",
+                "name": "大通区"
+              },
+              {
+                "code": "340403",
+                "name": "田家庵区"
+              },
+              {
+                "code": "340404",
+                "name": "谢家集区"
+              },
+              {
+                "code": "340405",
+                "name": "八公山区"
+              },
+              {
+                "code": "340406",
+                "name": "潘集区"
+              },
+              {
+                "code": "340421",
+                "name": "凤台县"
+              },
+              {
+                "code": "340422",
+                "name": "寿县"
+              }
+            ]
+          },
+          {
+            "code": "3405",
+            "name": "马鞍山市",
+            "children": [
+              {
+                "code": "340503",
+                "name": "花山区"
+              },
+              {
+                "code": "340504",
+                "name": "雨山区"
+              },
+              {
+                "code": "340506",
+                "name": "博望区"
+              },
+              {
+                "code": "340521",
+                "name": "当涂县"
+              },
+              {
+                "code": "340522",
+                "name": "含山县"
+              },
+              {
+                "code": "340523",
+                "name": "和县"
+              }
+            ]
+          },
+          {
+            "code": "3406",
+            "name": "淮北市",
+            "children": [
+              {
+                "code": "340602",
+                "name": "杜集区"
+              },
+              {
+                "code": "340603",
+                "name": "相山区"
+              },
+              {
+                "code": "340604",
+                "name": "烈山区"
+              },
+              {
+                "code": "340621",
+                "name": "濉溪县"
+              }
+            ]
+          },
+          {
+            "code": "3407",
+            "name": "铜陵市",
+            "children": [
+              {
+                "code": "340705",
+                "name": "铜官区"
+              },
+              {
+                "code": "340706",
+                "name": "义安区"
+              },
+              {
+                "code": "340711",
+                "name": "郊区"
+              },
+              {
+                "code": "340722",
+                "name": "枞阳县"
+              }
+            ]
+          },
+          {
+            "code": "3408",
+            "name": "安庆市",
+            "children": [
+              {
+                "code": "340802",
+                "name": "迎江区"
+              },
+              {
+                "code": "340803",
+                "name": "大观区"
+              },
+              {
+                "code": "340811",
+                "name": "宜秀区"
+              },
+              {
+                "code": "340822",
+                "name": "怀宁县"
+              },
+              {
+                "code": "340825",
+                "name": "太湖县"
+              },
+              {
+                "code": "340826",
+                "name": "宿松县"
+              },
+              {
+                "code": "340827",
+                "name": "望江县"
+              },
+              {
+                "code": "340828",
+                "name": "岳西县"
+              },
+              {
+                "code": "340871",
+                "name": "安徽安庆经济开发区"
+              },
+              {
+                "code": "340881",
+                "name": "桐城市"
+              },
+              {
+                "code": "340882",
+                "name": "潜山市"
+              }
+            ]
+          },
+          {
+            "code": "3410",
+            "name": "黄山市",
+            "children": [
+              {
+                "code": "341002",
+                "name": "屯溪区"
+              },
+              {
+                "code": "341003",
+                "name": "黄山区"
+              },
+              {
+                "code": "341004",
+                "name": "徽州区"
+              },
+              {
+                "code": "341021",
+                "name": "歙县"
+              },
+              {
+                "code": "341022",
+                "name": "休宁县"
+              },
+              {
+                "code": "341023",
+                "name": "黟县"
+              },
+              {
+                "code": "341024",
+                "name": "祁门县"
+              }
+            ]
+          },
+          {
+            "code": "3411",
+            "name": "滁州市",
+            "children": [
+              {
+                "code": "341102",
+                "name": "琅琊区"
+              },
+              {
+                "code": "341103",
+                "name": "南谯区"
+              },
+              {
+                "code": "341122",
+                "name": "来安县"
+              },
+              {
+                "code": "341124",
+                "name": "全椒县"
+              },
+              {
+                "code": "341125",
+                "name": "定远县"
+              },
+              {
+                "code": "341126",
+                "name": "凤阳县"
+              },
+              {
+                "code": "341171",
+                "name": "中新苏滁高新技术产业开发区"
+              },
+              {
+                "code": "341172",
+                "name": "滁州经济技术开发区"
+              },
+              {
+                "code": "341181",
+                "name": "天长市"
+              },
+              {
+                "code": "341182",
+                "name": "明光市"
+              }
+            ]
+          },
+          {
+            "code": "3412",
+            "name": "阜阳市",
+            "children": [
+              {
+                "code": "341202",
+                "name": "颍州区"
+              },
+              {
+                "code": "341203",
+                "name": "颍东区"
+              },
+              {
+                "code": "341204",
+                "name": "颍泉区"
+              },
+              {
+                "code": "341221",
+                "name": "临泉县"
+              },
+              {
+                "code": "341222",
+                "name": "太和县"
+              },
+              {
+                "code": "341225",
+                "name": "阜南县"
+              },
+              {
+                "code": "341226",
+                "name": "颍上县"
+              },
+              {
+                "code": "341271",
+                "name": "阜阳合肥现代产业园区"
+              },
+              {
+                "code": "341272",
+                "name": "阜阳经济技术开发区"
+              },
+              {
+                "code": "341282",
+                "name": "界首市"
+              }
+            ]
+          },
+          {
+            "code": "3413",
+            "name": "宿州市",
+            "children": [
+              {
+                "code": "341302",
+                "name": "埇桥区"
+              },
+              {
+                "code": "341321",
+                "name": "砀山县"
+              },
+              {
+                "code": "341322",
+                "name": "萧县"
+              },
+              {
+                "code": "341323",
+                "name": "灵璧县"
+              },
+              {
+                "code": "341324",
+                "name": "泗县"
+              },
+              {
+                "code": "341371",
+                "name": "宿州马鞍山现代产业园区"
+              },
+              {
+                "code": "341372",
+                "name": "宿州经济技术开发区"
+              }
+            ]
+          },
+          {
+            "code": "3415",
+            "name": "六安市",
+            "children": [
+              {
+                "code": "341502",
+                "name": "金安区"
+              },
+              {
+                "code": "341503",
+                "name": "裕安区"
+              },
+              {
+                "code": "341504",
+                "name": "叶集区"
+              },
+              {
+                "code": "341522",
+                "name": "霍邱县"
+              },
+              {
+                "code": "341523",
+                "name": "舒城县"
+              },
+              {
+                "code": "341524",
+                "name": "金寨县"
+              },
+              {
+                "code": "341525",
+                "name": "霍山县"
+              }
+            ]
+          },
+          {
+            "code": "3416",
+            "name": "亳州市",
+            "children": [
+              {
+                "code": "341602",
+                "name": "谯城区"
+              },
+              {
+                "code": "341621",
+                "name": "涡阳县"
+              },
+              {
+                "code": "341622",
+                "name": "蒙城县"
+              },
+              {
+                "code": "341623",
+                "name": "利辛县"
+              }
+            ]
+          },
+          {
+            "code": "3417",
+            "name": "池州市",
+            "children": [
+              {
+                "code": "341702",
+                "name": "贵池区"
+              },
+              {
+                "code": "341721",
+                "name": "东至县"
+              },
+              {
+                "code": "341722",
+                "name": "石台县"
+              },
+              {
+                "code": "341723",
+                "name": "青阳县"
+              }
+            ]
+          },
+          {
+            "code": "3418",
+            "name": "宣城市",
+            "children": [
+              {
+                "code": "341802",
+                "name": "宣州区"
+              },
+              {
+                "code": "341821",
+                "name": "郎溪县"
+              },
+              {
+                "code": "341823",
+                "name": "泾县"
+              },
+              {
+                "code": "341824",
+                "name": "绩溪县"
+              },
+              {
+                "code": "341825",
+                "name": "旌德县"
+              },
+              {
+                "code": "341871",
+                "name": "宣城市经济开发区"
+              },
+              {
+                "code": "341881",
+                "name": "宁国市"
+              },
+              {
+                "code": "341882",
+                "name": "广德市"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "code": "35",
+        "name": "福建省",
+        "children": [
+          {
+            "code": "3501",
+            "name": "福州市",
+            "children": [
+              {
+                "code": "350102",
+                "name": "鼓楼区"
+              },
+              {
+                "code": "350103",
+                "name": "台江区"
+              },
+              {
+                "code": "350104",
+                "name": "仓山区"
+              },
+              {
+                "code": "350105",
+                "name": "马尾区"
+              },
+              {
+                "code": "350111",
+                "name": "晋安区"
+              },
+              {
+                "code": "350112",
+                "name": "长乐区"
+              },
+              {
+                "code": "350121",
+                "name": "闽侯县"
+              },
+              {
+                "code": "350122",
+                "name": "连江县"
+              },
+              {
+                "code": "350123",
+                "name": "罗源县"
+              },
+              {
+                "code": "350124",
+                "name": "闽清县"
+              },
+              {
+                "code": "350125",
+                "name": "永泰县"
+              },
+              {
+                "code": "350128",
+                "name": "平潭县"
+              },
+              {
+                "code": "350181",
+                "name": "福清市"
+              }
+            ]
+          },
+          {
+            "code": "3502",
+            "name": "厦门市",
+            "children": [
+              {
+                "code": "350203",
+                "name": "思明区"
+              },
+              {
+                "code": "350205",
+                "name": "海沧区"
+              },
+              {
+                "code": "350206",
+                "name": "湖里区"
+              },
+              {
+                "code": "350211",
+                "name": "集美区"
+              },
+              {
+                "code": "350212",
+                "name": "同安区"
+              },
+              {
+                "code": "350213",
+                "name": "翔安区"
+              }
+            ]
+          },
+          {
+            "code": "3503",
+            "name": "莆田市",
+            "children": [
+              {
+                "code": "350302",
+                "name": "城厢区"
+              },
+              {
+                "code": "350303",
+                "name": "涵江区"
+              },
+              {
+                "code": "350304",
+                "name": "荔城区"
+              },
+              {
+                "code": "350305",
+                "name": "秀屿区"
+              },
+              {
+                "code": "350322",
+                "name": "仙游县"
+              }
+            ]
+          },
+          {
+            "code": "3504",
+            "name": "三明市",
+            "children": [
+              {
+                "code": "350404",
+                "name": "三元区"
+              },
+              {
+                "code": "350405",
+                "name": "沙县区"
+              },
+              {
+                "code": "350421",
+                "name": "明溪县"
+              },
+              {
+                "code": "350423",
+                "name": "清流县"
+              },
+              {
+                "code": "350424",
+                "name": "宁化县"
+              },
+              {
+                "code": "350425",
+                "name": "大田县"
+              },
+              {
+                "code": "350426",
+                "name": "尤溪县"
+              },
+              {
+                "code": "350428",
+                "name": "将乐县"
+              },
+              {
+                "code": "350429",
+                "name": "泰宁县"
+              },
+              {
+                "code": "350430",
+                "name": "建宁县"
+              },
+              {
+                "code": "350481",
+                "name": "永安市"
+              }
+            ]
+          },
+          {
+            "code": "3505",
+            "name": "泉州市",
+            "children": [
+              {
+                "code": "350502",
+                "name": "鲤城区"
+              },
+              {
+                "code": "350503",
+                "name": "丰泽区"
+              },
+              {
+                "code": "350504",
+                "name": "洛江区"
+              },
+              {
+                "code": "350505",
+                "name": "泉港区"
+              },
+              {
+                "code": "350521",
+                "name": "惠安县"
+              },
+              {
+                "code": "350524",
+                "name": "安溪县"
+              },
+              {
+                "code": "350525",
+                "name": "永春县"
+              },
+              {
+                "code": "350526",
+                "name": "德化县"
+              },
+              {
+                "code": "350527",
+                "name": "金门县"
+              },
+              {
+                "code": "350581",
+                "name": "石狮市"
+              },
+              {
+                "code": "350582",
+                "name": "晋江市"
+              },
+              {
+                "code": "350583",
+                "name": "南安市"
+              }
+            ]
+          },
+          {
+            "code": "3506",
+            "name": "漳州市",
+            "children": [
+              {
+                "code": "350602",
+                "name": "芗城区"
+              },
+              {
+                "code": "350603",
+                "name": "龙文区"
+              },
+              {
+                "code": "350604",
+                "name": "龙海区"
+              },
+              {
+                "code": "350605",
+                "name": "长泰区"
+              },
+              {
+                "code": "350622",
+                "name": "云霄县"
+              },
+              {
+                "code": "350623",
+                "name": "漳浦县"
+              },
+              {
+                "code": "350624",
+                "name": "诏安县"
+              },
+              {
+                "code": "350626",
+                "name": "东山县"
+              },
+              {
+                "code": "350627",
+                "name": "南靖县"
+              },
+              {
+                "code": "350628",
+                "name": "平和县"
+              },
+              {
+                "code": "350629",
+                "name": "华安县"
+              }
+            ]
+          },
+          {
+            "code": "3507",
+            "name": "南平市",
+            "children": [
+              {
+                "code": "350702",
+                "name": "延平区"
+              },
+              {
+                "code": "350703",
+                "name": "建阳区"
+              },
+              {
+                "code": "350721",
+                "name": "顺昌县"
+              },
+              {
+                "code": "350722",
+                "name": "浦城县"
+              },
+              {
+                "code": "350723",
+                "name": "光泽县"
+              },
+              {
+                "code": "350724",
+                "name": "松溪县"
+              },
+              {
+                "code": "350725",
+                "name": "政和县"
+              },
+              {
+                "code": "350781",
+                "name": "邵武市"
+              },
+              {
+                "code": "350782",
+                "name": "武夷山市"
+              },
+              {
+                "code": "350783",
+                "name": "建瓯市"
+              }
+            ]
+          },
+          {
+            "code": "3508",
+            "name": "龙岩市",
+            "children": [
+              {
+                "code": "350802",
+                "name": "新罗区"
+              },
+              {
+                "code": "350803",
+                "name": "永定区"
+              },
+              {
+                "code": "350821",
+                "name": "长汀县"
+              },
+              {
+                "code": "350823",
+                "name": "上杭县"
+              },
+              {
+                "code": "350824",
+                "name": "武平县"
+              },
+              {
+                "code": "350825",
+                "name": "连城县"
+              },
+              {
+                "code": "350881",
+                "name": "漳平市"
+              }
+            ]
+          },
+          {
+            "code": "3509",
+            "name": "宁德市",
+            "children": [
+              {
+                "code": "350902",
+                "name": "蕉城区"
+              },
+              {
+                "code": "350921",
+                "name": "霞浦县"
+              },
+              {
+                "code": "350922",
+                "name": "古田县"
+              },
+              {
+                "code": "350923",
+                "name": "屏南县"
+              },
+              {
+                "code": "350924",
+                "name": "寿宁县"
+              },
+              {
+                "code": "350925",
+                "name": "周宁县"
+              },
+              {
+                "code": "350926",
+                "name": "柘荣县"
+              },
+              {
+                "code": "350981",
+                "name": "福安市"
+              },
+              {
+                "code": "350982",
+                "name": "福鼎市"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "code": "36",
+        "name": "江西省",
+        "children": [
+          {
+            "code": "3601",
+            "name": "南昌市",
+            "children": [
+              {
+                "code": "360102",
+                "name": "东湖区"
+              },
+              {
+                "code": "360103",
+                "name": "西湖区"
+              },
+              {
+                "code": "360104",
+                "name": "青云谱区"
+              },
+              {
+                "code": "360111",
+                "name": "青山湖区"
+              },
+              {
+                "code": "360112",
+                "name": "新建区"
+              },
+              {
+                "code": "360113",
+                "name": "红谷滩区"
+              },
+              {
+                "code": "360121",
+                "name": "南昌县"
+              },
+              {
+                "code": "360123",
+                "name": "安义县"
+              },
+              {
+                "code": "360124",
+                "name": "进贤县"
+              }
+            ]
+          },
+          {
+            "code": "3602",
+            "name": "景德镇市",
+            "children": [
+              {
+                "code": "360202",
+                "name": "昌江区"
+              },
+              {
+                "code": "360203",
+                "name": "珠山区"
+              },
+              {
+                "code": "360222",
+                "name": "浮梁县"
+              },
+              {
+                "code": "360281",
+                "name": "乐平市"
+              }
+            ]
+          },
+          {
+            "code": "3603",
+            "name": "萍乡市",
+            "children": [
+              {
+                "code": "360302",
+                "name": "安源区"
+              },
+              {
+                "code": "360313",
+                "name": "湘东区"
+              },
+              {
+                "code": "360321",
+                "name": "莲花县"
+              },
+              {
+                "code": "360322",
+                "name": "上栗县"
+              },
+              {
+                "code": "360323",
+                "name": "芦溪县"
+              }
+            ]
+          },
+          {
+            "code": "3604",
+            "name": "九江市",
+            "children": [
+              {
+                "code": "360402",
+                "name": "濂溪区"
+              },
+              {
+                "code": "360403",
+                "name": "浔阳区"
+              },
+              {
+                "code": "360404",
+                "name": "柴桑区"
+              },
+              {
+                "code": "360423",
+                "name": "武宁县"
+              },
+              {
+                "code": "360424",
+                "name": "修水县"
+              },
+              {
+                "code": "360425",
+                "name": "永修县"
+              },
+              {
+                "code": "360426",
+                "name": "德安县"
+              },
+              {
+                "code": "360428",
+                "name": "都昌县"
+              },
+              {
+                "code": "360429",
+                "name": "湖口县"
+              },
+              {
+                "code": "360430",
+                "name": "彭泽县"
+              },
+              {
+                "code": "360481",
+                "name": "瑞昌市"
+              },
+              {
+                "code": "360482",
+                "name": "共青城市"
+              },
+              {
+                "code": "360483",
+                "name": "庐山市"
+              }
+            ]
+          },
+          {
+            "code": "3605",
+            "name": "新余市",
+            "children": [
+              {
+                "code": "360502",
+                "name": "渝水区"
+              },
+              {
+                "code": "360521",
+                "name": "分宜县"
+              }
+            ]
+          },
+          {
+            "code": "3606",
+            "name": "鹰潭市",
+            "children": [
+              {
+                "code": "360602",
+                "name": "月湖区"
+              },
+              {
+                "code": "360603",
+                "name": "余江区"
+              },
+              {
+                "code": "360681",
+                "name": "贵溪市"
+              }
+            ]
+          },
+          {
+            "code": "3607",
+            "name": "赣州市",
+            "children": [
+              {
+                "code": "360702",
+                "name": "章贡区"
+              },
+              {
+                "code": "360703",
+                "name": "南康区"
+              },
+              {
+                "code": "360704",
+                "name": "赣县区"
+              },
+              {
+                "code": "360722",
+                "name": "信丰县"
+              },
+              {
+                "code": "360723",
+                "name": "大余县"
+              },
+              {
+                "code": "360724",
+                "name": "上犹县"
+              },
+              {
+                "code": "360725",
+                "name": "崇义县"
+              },
+              {
+                "code": "360726",
+                "name": "安远县"
+              },
+              {
+                "code": "360728",
+                "name": "定南县"
+              },
+              {
+                "code": "360729",
+                "name": "全南县"
+              },
+              {
+                "code": "360730",
+                "name": "宁都县"
+              },
+              {
+                "code": "360731",
+                "name": "于都县"
+              },
+              {
+                "code": "360732",
+                "name": "兴国县"
+              },
+              {
+                "code": "360733",
+                "name": "会昌县"
+              },
+              {
+                "code": "360734",
+                "name": "寻乌县"
+              },
+              {
+                "code": "360735",
+                "name": "石城县"
+              },
+              {
+                "code": "360781",
+                "name": "瑞金市"
+              },
+              {
+                "code": "360783",
+                "name": "龙南市"
+              }
+            ]
+          },
+          {
+            "code": "3608",
+            "name": "吉安市",
+            "children": [
+              {
+                "code": "360802",
+                "name": "吉州区"
+              },
+              {
+                "code": "360803",
+                "name": "青原区"
+              },
+              {
+                "code": "360821",
+                "name": "吉安县"
+              },
+              {
+                "code": "360822",
+                "name": "吉水县"
+              },
+              {
+                "code": "360823",
+                "name": "峡江县"
+              },
+              {
+                "code": "360824",
+                "name": "新干县"
+              },
+              {
+                "code": "360825",
+                "name": "永丰县"
+              },
+              {
+                "code": "360826",
+                "name": "泰和县"
+              },
+              {
+                "code": "360827",
+                "name": "遂川县"
+              },
+              {
+                "code": "360828",
+                "name": "万安县"
+              },
+              {
+                "code": "360829",
+                "name": "安福县"
+              },
+              {
+                "code": "360830",
+                "name": "永新县"
+              },
+              {
+                "code": "360881",
+                "name": "井冈山市"
+              }
+            ]
+          },
+          {
+            "code": "3609",
+            "name": "宜春市",
+            "children": [
+              {
+                "code": "360902",
+                "name": "袁州区"
+              },
+              {
+                "code": "360921",
+                "name": "奉新县"
+              },
+              {
+                "code": "360922",
+                "name": "万载县"
+              },
+              {
+                "code": "360923",
+                "name": "上高县"
+              },
+              {
+                "code": "360924",
+                "name": "宜丰县"
+              },
+              {
+                "code": "360925",
+                "name": "靖安县"
+              },
+              {
+                "code": "360926",
+                "name": "铜鼓县"
+              },
+              {
+                "code": "360981",
+                "name": "丰城市"
+              },
+              {
+                "code": "360982",
+                "name": "樟树市"
+              },
+              {
+                "code": "360983",
+                "name": "高安市"
+              }
+            ]
+          },
+          {
+            "code": "3610",
+            "name": "抚州市",
+            "children": [
+              {
+                "code": "361002",
+                "name": "临川区"
+              },
+              {
+                "code": "361003",
+                "name": "东乡区"
+              },
+              {
+                "code": "361021",
+                "name": "南城县"
+              },
+              {
+                "code": "361022",
+                "name": "黎川县"
+              },
+              {
+                "code": "361023",
+                "name": "南丰县"
+              },
+              {
+                "code": "361024",
+                "name": "崇仁县"
+              },
+              {
+                "code": "361025",
+                "name": "乐安县"
+              },
+              {
+                "code": "361026",
+                "name": "宜黄县"
+              },
+              {
+                "code": "361027",
+                "name": "金溪县"
+              },
+              {
+                "code": "361028",
+                "name": "资溪县"
+              },
+              {
+                "code": "361030",
+                "name": "广昌县"
+              }
+            ]
+          },
+          {
+            "code": "3611",
+            "name": "上饶市",
+            "children": [
+              {
+                "code": "361102",
+                "name": "信州区"
+              },
+              {
+                "code": "361103",
+                "name": "广丰区"
+              },
+              {
+                "code": "361104",
+                "name": "广信区"
+              },
+              {
+                "code": "361123",
+                "name": "玉山县"
+              },
+              {
+                "code": "361124",
+                "name": "铅山县"
+              },
+              {
+                "code": "361125",
+                "name": "横峰县"
+              },
+              {
+                "code": "361126",
+                "name": "弋阳县"
+              },
+              {
+                "code": "361127",
+                "name": "余干县"
+              },
+              {
+                "code": "361128",
+                "name": "鄱阳县"
+              },
+              {
+                "code": "361129",
+                "name": "万年县"
+              },
+              {
+                "code": "361130",
+                "name": "婺源县"
+              },
+              {
+                "code": "361181",
+                "name": "德兴市"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "code": "37",
+        "name": "山东省",
+        "children": [
+          {
+            "code": "3701",
+            "name": "济南市",
+            "children": [
+              {
+                "code": "370102",
+                "name": "历下区"
+              },
+              {
+                "code": "370103",
+                "name": "市中区"
+              },
+              {
+                "code": "370104",
+                "name": "槐荫区"
+              },
+              {
+                "code": "370105",
+                "name": "天桥区"
+              },
+              {
+                "code": "370112",
+                "name": "历城区"
+              },
+              {
+                "code": "370113",
+                "name": "长清区"
+              },
+              {
+                "code": "370114",
+                "name": "章丘区"
+              },
+              {
+                "code": "370115",
+                "name": "济阳区"
+              },
+              {
+                "code": "370116",
+                "name": "莱芜区"
+              },
+              {
+                "code": "370117",
+                "name": "钢城区"
+              },
+              {
+                "code": "370124",
+                "name": "平阴县"
+              },
+              {
+                "code": "370126",
+                "name": "商河县"
+              },
+              {
+                "code": "370176",
+                "name": "济南高新技术产业开发区"
+              }
+            ]
+          },
+          {
+            "code": "3702",
+            "name": "青岛市",
+            "children": [
+              {
+                "code": "370202",
+                "name": "市南区"
+              },
+              {
+                "code": "370203",
+                "name": "市北区"
+              },
+              {
+                "code": "370211",
+                "name": "黄岛区"
+              },
+              {
+                "code": "370212",
+                "name": "崂山区"
+              },
+              {
+                "code": "370213",
+                "name": "李沧区"
+              },
+              {
+                "code": "370214",
+                "name": "城阳区"
+              },
+              {
+                "code": "370215",
+                "name": "即墨区"
+              },
+              {
+                "code": "370281",
+                "name": "胶州市"
+              },
+              {
+                "code": "370283",
+                "name": "平度市"
+              },
+              {
+                "code": "370285",
+                "name": "莱西市"
+              }
+            ]
+          },
+          {
+            "code": "3703",
+            "name": "淄博市",
+            "children": [
+              {
+                "code": "370302",
+                "name": "淄川区"
+              },
+              {
+                "code": "370303",
+                "name": "张店区"
+              },
+              {
+                "code": "370304",
+                "name": "博山区"
+              },
+              {
+                "code": "370305",
+                "name": "临淄区"
+              },
+              {
+                "code": "370306",
+                "name": "周村区"
+              },
+              {
+                "code": "370321",
+                "name": "桓台县"
+              },
+              {
+                "code": "370322",
+                "name": "高青县"
+              },
+              {
+                "code": "370323",
+                "name": "沂源县"
+              }
+            ]
+          },
+          {
+            "code": "3704",
+            "name": "枣庄市",
+            "children": [
+              {
+                "code": "370402",
+                "name": "市中区"
+              },
+              {
+                "code": "370403",
+                "name": "薛城区"
+              },
+              {
+                "code": "370404",
+                "name": "峄城区"
+              },
+              {
+                "code": "370405",
+                "name": "台儿庄区"
+              },
+              {
+                "code": "370406",
+                "name": "山亭区"
+              },
+              {
+                "code": "370481",
+                "name": "滕州市"
+              }
+            ]
+          },
+          {
+            "code": "3705",
+            "name": "东营市",
+            "children": [
+              {
+                "code": "370502",
+                "name": "东营区"
+              },
+              {
+                "code": "370503",
+                "name": "河口区"
+              },
+              {
+                "code": "370505",
+                "name": "垦利区"
+              },
+              {
+                "code": "370522",
+                "name": "利津县"
+              },
+              {
+                "code": "370523",
+                "name": "广饶县"
+              },
+              {
+                "code": "370571",
+                "name": "东营经济技术开发区"
+              },
+              {
+                "code": "370572",
+                "name": "东营港经济开发区"
+              }
+            ]
+          },
+          {
+            "code": "3706",
+            "name": "烟台市",
+            "children": [
+              {
+                "code": "370602",
+                "name": "芝罘区"
+              },
+              {
+                "code": "370611",
+                "name": "福山区"
+              },
+              {
+                "code": "370612",
+                "name": "牟平区"
+              },
+              {
+                "code": "370613",
+                "name": "莱山区"
+              },
+              {
+                "code": "370614",
+                "name": "蓬莱区"
+              },
+              {
+                "code": "370671",
+                "name": "烟台高新技术产业开发区"
+              },
+              {
+                "code": "370676",
+                "name": "烟台经济技术开发区"
+              },
+              {
+                "code": "370681",
+                "name": "龙口市"
+              },
+              {
+                "code": "370682",
+                "name": "莱阳市"
+              },
+              {
+                "code": "370683",
+                "name": "莱州市"
+              },
+              {
+                "code": "370685",
+                "name": "招远市"
+              },
+              {
+                "code": "370686",
+                "name": "栖霞市"
+              },
+              {
+                "code": "370687",
+                "name": "海阳市"
+              }
+            ]
+          },
+          {
+            "code": "3707",
+            "name": "潍坊市",
+            "children": [
+              {
+                "code": "370702",
+                "name": "潍城区"
+              },
+              {
+                "code": "370703",
+                "name": "寒亭区"
+              },
+              {
+                "code": "370704",
+                "name": "坊子区"
+              },
+              {
+                "code": "370705",
+                "name": "奎文区"
+              },
+              {
+                "code": "370724",
+                "name": "临朐县"
+              },
+              {
+                "code": "370725",
+                "name": "昌乐县"
+              },
+              {
+                "code": "370772",
+                "name": "潍坊滨海经济技术开发区"
+              },
+              {
+                "code": "370781",
+                "name": "青州市"
+              },
+              {
+                "code": "370782",
+                "name": "诸城市"
+              },
+              {
+                "code": "370783",
+                "name": "寿光市"
+              },
+              {
+                "code": "370784",
+                "name": "安丘市"
+              },
+              {
+                "code": "370785",
+                "name": "高密市"
+              },
+              {
+                "code": "370786",
+                "name": "昌邑市"
+              }
+            ]
+          },
+          {
+            "code": "3708",
+            "name": "济宁市",
+            "children": [
+              {
+                "code": "370811",
+                "name": "任城区"
+              },
+              {
+                "code": "370812",
+                "name": "兖州区"
+              },
+              {
+                "code": "370826",
+                "name": "微山县"
+              },
+              {
+                "code": "370827",
+                "name": "鱼台县"
+              },
+              {
+                "code": "370828",
+                "name": "金乡县"
+              },
+              {
+                "code": "370829",
+                "name": "嘉祥县"
+              },
+              {
+                "code": "370830",
+                "name": "汶上县"
+              },
+              {
+                "code": "370831",
+                "name": "泗水县"
+              },
+              {
+                "code": "370832",
+                "name": "梁山县"
+              },
+              {
+                "code": "370871",
+                "name": "济宁高新技术产业开发区"
+              },
+              {
+                "code": "370881",
+                "name": "曲阜市"
+              },
+              {
+                "code": "370883",
+                "name": "邹城市"
+              }
+            ]
+          },
+          {
+            "code": "3709",
+            "name": "泰安市",
+            "children": [
+              {
+                "code": "370902",
+                "name": "泰山区"
+              },
+              {
+                "code": "370911",
+                "name": "岱岳区"
+              },
+              {
+                "code": "370921",
+                "name": "宁阳县"
+              },
+              {
+                "code": "370923",
+                "name": "东平县"
+              },
+              {
+                "code": "370982",
+                "name": "新泰市"
+              },
+              {
+                "code": "370983",
+                "name": "肥城市"
+              }
+            ]
+          },
+          {
+            "code": "3710",
+            "name": "威海市",
+            "children": [
+              {
+                "code": "371002",
+                "name": "环翠区"
+              },
+              {
+                "code": "371003",
+                "name": "文登区"
+              },
+              {
+                "code": "371071",
+                "name": "威海火炬高技术产业开发区"
+              },
+              {
+                "code": "371072",
+                "name": "威海经济技术开发区"
+              },
+              {
+                "code": "371073",
+                "name": "威海临港经济技术开发区"
+              },
+              {
+                "code": "371082",
+                "name": "荣成市"
+              },
+              {
+                "code": "371083",
+                "name": "乳山市"
+              }
+            ]
+          },
+          {
+            "code": "3711",
+            "name": "日照市",
+            "children": [
+              {
+                "code": "371102",
+                "name": "东港区"
+              },
+              {
+                "code": "371103",
+                "name": "岚山区"
+              },
+              {
+                "code": "371121",
+                "name": "五莲县"
+              },
+              {
+                "code": "371122",
+                "name": "莒县"
+              },
+              {
+                "code": "371171",
+                "name": "日照经济技术开发区"
+              }
+            ]
+          },
+          {
+            "code": "3713",
+            "name": "临沂市",
+            "children": [
+              {
+                "code": "371302",
+                "name": "兰山区"
+              },
+              {
+                "code": "371311",
+                "name": "罗庄区"
+              },
+              {
+                "code": "371312",
+                "name": "河东区"
+              },
+              {
+                "code": "371321",
+                "name": "沂南县"
+              },
+              {
+                "code": "371322",
+                "name": "郯城县"
+              },
+              {
+                "code": "371323",
+                "name": "沂水县"
+              },
+              {
+                "code": "371324",
+                "name": "兰陵县"
+              },
+              {
+                "code": "371325",
+                "name": "费县"
+              },
+              {
+                "code": "371326",
+                "name": "平邑县"
+              },
+              {
+                "code": "371327",
+                "name": "莒南县"
+              },
+              {
+                "code": "371328",
+                "name": "蒙阴县"
+              },
+              {
+                "code": "371329",
+                "name": "临沭县"
+              },
+              {
+                "code": "371371",
+                "name": "临沂高新技术产业开发区"
+              }
+            ]
+          },
+          {
+            "code": "3714",
+            "name": "德州市",
+            "children": [
+              {
+                "code": "371402",
+                "name": "德城区"
+              },
+              {
+                "code": "371403",
+                "name": "陵城区"
+              },
+              {
+                "code": "371422",
+                "name": "宁津县"
+              },
+              {
+                "code": "371423",
+                "name": "庆云县"
+              },
+              {
+                "code": "371424",
+                "name": "临邑县"
+              },
+              {
+                "code": "371425",
+                "name": "齐河县"
+              },
+              {
+                "code": "371426",
+                "name": "平原县"
+              },
+              {
+                "code": "371427",
+                "name": "夏津县"
+              },
+              {
+                "code": "371428",
+                "name": "武城县"
+              },
+              {
+                "code": "371471",
+                "name": "德州天衢新区"
+              },
+              {
+                "code": "371481",
+                "name": "乐陵市"
+              },
+              {
+                "code": "371482",
+                "name": "禹城市"
+              }
+            ]
+          },
+          {
+            "code": "3715",
+            "name": "聊城市",
+            "children": [
+              {
+                "code": "371502",
+                "name": "东昌府区"
+              },
+              {
+                "code": "371503",
+                "name": "茌平区"
+              },
+              {
+                "code": "371521",
+                "name": "阳谷县"
+              },
+              {
+                "code": "371522",
+                "name": "莘县"
+              },
+              {
+                "code": "371524",
+                "name": "东阿县"
+              },
+              {
+                "code": "371525",
+                "name": "冠县"
+              },
+              {
+                "code": "371526",
+                "name": "高唐县"
+              },
+              {
+                "code": "371581",
+                "name": "临清市"
+              }
+            ]
+          },
+          {
+            "code": "3716",
+            "name": "滨州市",
+            "children": [
+              {
+                "code": "371602",
+                "name": "滨城区"
+              },
+              {
+                "code": "371603",
+                "name": "沾化区"
+              },
+              {
+                "code": "371621",
+                "name": "惠民县"
+              },
+              {
+                "code": "371622",
+                "name": "阳信县"
+              },
+              {
+                "code": "371623",
+                "name": "无棣县"
+              },
+              {
+                "code": "371625",
+                "name": "博兴县"
+              },
+              {
+                "code": "371681",
+                "name": "邹平市"
+              }
+            ]
+          },
+          {
+            "code": "3717",
+            "name": "菏泽市",
+            "children": [
+              {
+                "code": "371702",
+                "name": "牡丹区"
+              },
+              {
+                "code": "371703",
+                "name": "定陶区"
+              },
+              {
+                "code": "371721",
+                "name": "曹县"
+              },
+              {
+                "code": "371722",
+                "name": "单县"
+              },
+              {
+                "code": "371723",
+                "name": "成武县"
+              },
+              {
+                "code": "371724",
+                "name": "巨野县"
+              },
+              {
+                "code": "371725",
+                "name": "郓城县"
+              },
+              {
+                "code": "371726",
+                "name": "鄄城县"
+              },
+              {
+                "code": "371728",
+                "name": "东明县"
+              },
+              {
+                "code": "371771",
+                "name": "菏泽经济技术开发区"
+              },
+              {
+                "code": "371772",
+                "name": "菏泽高新技术开发区"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "code": "41",
+        "name": "河南省",
+        "children": [
+          {
+            "code": "4101",
+            "name": "郑州市",
+            "children": [
+              {
+                "code": "410102",
+                "name": "中原区"
+              },
+              {
+                "code": "410103",
+                "name": "二七区"
+              },
+              {
+                "code": "410104",
+                "name": "管城回族区"
+              },
+              {
+                "code": "410105",
+                "name": "金水区"
+              },
+              {
+                "code": "410106",
+                "name": "上街区"
+              },
+              {
+                "code": "410108",
+                "name": "惠济区"
+              },
+              {
+                "code": "410122",
+                "name": "中牟县"
+              },
+              {
+                "code": "410171",
+                "name": "郑州经济技术开发区"
+              },
+              {
+                "code": "410172",
+                "name": "郑州高新技术产业开发区"
+              },
+              {
+                "code": "410173",
+                "name": "郑州航空港经济综合实验区"
+              },
+              {
+                "code": "410181",
+                "name": "巩义市"
+              },
+              {
+                "code": "410182",
+                "name": "荥阳市"
+              },
+              {
+                "code": "410183",
+                "name": "新密市"
+              },
+              {
+                "code": "410184",
+                "name": "新郑市"
+              },
+              {
+                "code": "410185",
+                "name": "登封市"
+              }
+            ]
+          },
+          {
+            "code": "4102",
+            "name": "开封市",
+            "children": [
+              {
+                "code": "410202",
+                "name": "龙亭区"
+              },
+              {
+                "code": "410203",
+                "name": "顺河回族区"
+              },
+              {
+                "code": "410204",
+                "name": "鼓楼区"
+              },
+              {
+                "code": "410205",
+                "name": "禹王台区"
+              },
+              {
+                "code": "410212",
+                "name": "祥符区"
+              },
+              {
+                "code": "410221",
+                "name": "杞县"
+              },
+              {
+                "code": "410222",
+                "name": "通许县"
+              },
+              {
+                "code": "410223",
+                "name": "尉氏县"
+              },
+              {
+                "code": "410225",
+                "name": "兰考县"
+              }
+            ]
+          },
+          {
+            "code": "4103",
+            "name": "洛阳市",
+            "children": [
+              {
+                "code": "410302",
+                "name": "老城区"
+              },
+              {
+                "code": "410303",
+                "name": "西工区"
+              },
+              {
+                "code": "410304",
+                "name": "瀍河回族区"
+              },
+              {
+                "code": "410305",
+                "name": "涧西区"
+              },
+              {
+                "code": "410307",
+                "name": "偃师区"
+              },
+              {
+                "code": "410308",
+                "name": "孟津区"
+              },
+              {
+                "code": "410311",
+                "name": "洛龙区"
+              },
+              {
+                "code": "410323",
+                "name": "新安县"
+              },
+              {
+                "code": "410324",
+                "name": "栾川县"
+              },
+              {
+                "code": "410325",
+                "name": "嵩县"
+              },
+              {
+                "code": "410326",
+                "name": "汝阳县"
+              },
+              {
+                "code": "410327",
+                "name": "宜阳县"
+              },
+              {
+                "code": "410328",
+                "name": "洛宁县"
+              },
+              {
+                "code": "410329",
+                "name": "伊川县"
+              },
+              {
+                "code": "410371",
+                "name": "洛阳高新技术产业开发区"
+              }
+            ]
+          },
+          {
+            "code": "4104",
+            "name": "平顶山市",
+            "children": [
+              {
+                "code": "410402",
+                "name": "新华区"
+              },
+              {
+                "code": "410403",
+                "name": "卫东区"
+              },
+              {
+                "code": "410404",
+                "name": "石龙区"
+              },
+              {
+                "code": "410411",
+                "name": "湛河区"
+              },
+              {
+                "code": "410421",
+                "name": "宝丰县"
+              },
+              {
+                "code": "410422",
+                "name": "叶县"
+              },
+              {
+                "code": "410423",
+                "name": "鲁山县"
+              },
+              {
+                "code": "410425",
+                "name": "郏县"
+              },
+              {
+                "code": "410471",
+                "name": "平顶山高新技术产业开发区"
+              },
+              {
+                "code": "410472",
+                "name": "平顶山市城乡一体化示范区"
+              },
+              {
+                "code": "410481",
+                "name": "舞钢市"
+              },
+              {
+                "code": "410482",
+                "name": "汝州市"
+              }
+            ]
+          },
+          {
+            "code": "4105",
+            "name": "安阳市",
+            "children": [
+              {
+                "code": "410502",
+                "name": "文峰区"
+              },
+              {
+                "code": "410503",
+                "name": "北关区"
+              },
+              {
+                "code": "410505",
+                "name": "殷都区"
+              },
+              {
+                "code": "410506",
+                "name": "龙安区"
+              },
+              {
+                "code": "410522",
+                "name": "安阳县"
+              },
+              {
+                "code": "410523",
+                "name": "汤阴县"
+              },
+              {
+                "code": "410526",
+                "name": "滑县"
+              },
+              {
+                "code": "410527",
+                "name": "内黄县"
+              },
+              {
+                "code": "410571",
+                "name": "安阳高新技术产业开发区"
+              },
+              {
+                "code": "410581",
+                "name": "林州市"
+              }
+            ]
+          },
+          {
+            "code": "4106",
+            "name": "鹤壁市",
+            "children": [
+              {
+                "code": "410602",
+                "name": "鹤山区"
+              },
+              {
+                "code": "410603",
+                "name": "山城区"
+              },
+              {
+                "code": "410611",
+                "name": "淇滨区"
+              },
+              {
+                "code": "410621",
+                "name": "浚县"
+              },
+              {
+                "code": "410622",
+                "name": "淇县"
+              },
+              {
+                "code": "410671",
+                "name": "鹤壁经济技术开发区"
+              }
+            ]
+          },
+          {
+            "code": "4107",
+            "name": "新乡市",
+            "children": [
+              {
+                "code": "410702",
+                "name": "红旗区"
+              },
+              {
+                "code": "410703",
+                "name": "卫滨区"
+              },
+              {
+                "code": "410704",
+                "name": "凤泉区"
+              },
+              {
+                "code": "410711",
+                "name": "牧野区"
+              },
+              {
+                "code": "410721",
+                "name": "新乡县"
+              },
+              {
+                "code": "410724",
+                "name": "获嘉县"
+              },
+              {
+                "code": "410725",
+                "name": "原阳县"
+              },
+              {
+                "code": "410726",
+                "name": "延津县"
+              },
+              {
+                "code": "410727",
+                "name": "封丘县"
+              },
+              {
+                "code": "410771",
+                "name": "新乡高新技术产业开发区"
+              },
+              {
+                "code": "410772",
+                "name": "新乡经济技术开发区"
+              },
+              {
+                "code": "410773",
+                "name": "新乡市平原城乡一体化示范区"
+              },
+              {
+                "code": "410781",
+                "name": "卫辉市"
+              },
+              {
+                "code": "410782",
+                "name": "辉县市"
+              },
+              {
+                "code": "410783",
+                "name": "长垣市"
+              }
+            ]
+          },
+          {
+            "code": "4108",
+            "name": "焦作市",
+            "children": [
+              {
+                "code": "410802",
+                "name": "解放区"
+              },
+              {
+                "code": "410803",
+                "name": "中站区"
+              },
+              {
+                "code": "410804",
+                "name": "马村区"
+              },
+              {
+                "code": "410811",
+                "name": "山阳区"
+              },
+              {
+                "code": "410821",
+                "name": "修武县"
+              },
+              {
+                "code": "410822",
+                "name": "博爱县"
+              },
+              {
+                "code": "410823",
+                "name": "武陟县"
+              },
+              {
+                "code": "410825",
+                "name": "温县"
+              },
+              {
+                "code": "410871",
+                "name": "焦作城乡一体化示范区"
+              },
+              {
+                "code": "410882",
+                "name": "沁阳市"
+              },
+              {
+                "code": "410883",
+                "name": "孟州市"
+              }
+            ]
+          },
+          {
+            "code": "4109",
+            "name": "濮阳市",
+            "children": [
+              {
+                "code": "410902",
+                "name": "华龙区"
+              },
+              {
+                "code": "410922",
+                "name": "清丰县"
+              },
+              {
+                "code": "410923",
+                "name": "南乐县"
+              },
+              {
+                "code": "410926",
+                "name": "范县"
+              },
+              {
+                "code": "410927",
+                "name": "台前县"
+              },
+              {
+                "code": "410928",
+                "name": "濮阳县"
+              },
+              {
+                "code": "410971",
+                "name": "河南濮阳工业园区"
+              },
+              {
+                "code": "410972",
+                "name": "濮阳经济技术开发区"
+              }
+            ]
+          },
+          {
+            "code": "4110",
+            "name": "许昌市",
+            "children": [
+              {
+                "code": "411002",
+                "name": "魏都区"
+              },
+              {
+                "code": "411003",
+                "name": "建安区"
+              },
+              {
+                "code": "411024",
+                "name": "鄢陵县"
+              },
+              {
+                "code": "411025",
+                "name": "襄城县"
+              },
+              {
+                "code": "411071",
+                "name": "许昌经济技术开发区"
+              },
+              {
+                "code": "411081",
+                "name": "禹州市"
+              },
+              {
+                "code": "411082",
+                "name": "长葛市"
+              }
+            ]
+          },
+          {
+            "code": "4111",
+            "name": "漯河市",
+            "children": [
+              {
+                "code": "411102",
+                "name": "源汇区"
+              },
+              {
+                "code": "411103",
+                "name": "郾城区"
+              },
+              {
+                "code": "411104",
+                "name": "召陵区"
+              },
+              {
+                "code": "411121",
+                "name": "舞阳县"
+              },
+              {
+                "code": "411122",
+                "name": "临颍县"
+              },
+              {
+                "code": "411171",
+                "name": "漯河经济技术开发区"
+              }
+            ]
+          },
+          {
+            "code": "4112",
+            "name": "三门峡市",
+            "children": [
+              {
+                "code": "411202",
+                "name": "湖滨区"
+              },
+              {
+                "code": "411203",
+                "name": "陕州区"
+              },
+              {
+                "code": "411221",
+                "name": "渑池县"
+              },
+              {
+                "code": "411224",
+                "name": "卢氏县"
+              },
+              {
+                "code": "411271",
+                "name": "河南三门峡经济开发区"
+              },
+              {
+                "code": "411281",
+                "name": "义马市"
+              },
+              {
+                "code": "411282",
+                "name": "灵宝市"
+              }
+            ]
+          },
+          {
+            "code": "4113",
+            "name": "南阳市",
+            "children": [
+              {
+                "code": "411302",
+                "name": "宛城区"
+              },
+              {
+                "code": "411303",
+                "name": "卧龙区"
+              },
+              {
+                "code": "411321",
+                "name": "南召县"
+              },
+              {
+                "code": "411322",
+                "name": "方城县"
+              },
+              {
+                "code": "411323",
+                "name": "西峡县"
+              },
+              {
+                "code": "411324",
+                "name": "镇平县"
+              },
+              {
+                "code": "411325",
+                "name": "内乡县"
+              },
+              {
+                "code": "411326",
+                "name": "淅川县"
+              },
+              {
+                "code": "411327",
+                "name": "社旗县"
+              },
+              {
+                "code": "411328",
+                "name": "唐河县"
+              },
+              {
+                "code": "411329",
+                "name": "新野县"
+              },
+              {
+                "code": "411330",
+                "name": "桐柏县"
+              },
+              {
+                "code": "411371",
+                "name": "南阳高新技术产业开发区"
+              },
+              {
+                "code": "411372",
+                "name": "南阳市城乡一体化示范区"
+              },
+              {
+                "code": "411381",
+                "name": "邓州市"
+              }
+            ]
+          },
+          {
+            "code": "4114",
+            "name": "商丘市",
+            "children": [
+              {
+                "code": "411402",
+                "name": "梁园区"
+              },
+              {
+                "code": "411403",
+                "name": "睢阳区"
+              },
+              {
+                "code": "411421",
+                "name": "民权县"
+              },
+              {
+                "code": "411422",
+                "name": "睢县"
+              },
+              {
+                "code": "411423",
+                "name": "宁陵县"
+              },
+              {
+                "code": "411424",
+                "name": "柘城县"
+              },
+              {
+                "code": "411425",
+                "name": "虞城县"
+              },
+              {
+                "code": "411426",
+                "name": "夏邑县"
+              },
+              {
+                "code": "411471",
+                "name": "豫东综合物流产业聚集区"
+              },
+              {
+                "code": "411472",
+                "name": "河南商丘经济开发区"
+              },
+              {
+                "code": "411481",
+                "name": "永城市"
+              }
+            ]
+          },
+          {
+            "code": "4115",
+            "name": "信阳市",
+            "children": [
+              {
+                "code": "411502",
+                "name": "浉河区"
+              },
+              {
+                "code": "411503",
+                "name": "平桥区"
+              },
+              {
+                "code": "411521",
+                "name": "罗山县"
+              },
+              {
+                "code": "411522",
+                "name": "光山县"
+              },
+              {
+                "code": "411523",
+                "name": "新县"
+              },
+              {
+                "code": "411524",
+                "name": "商城县"
+              },
+              {
+                "code": "411525",
+                "name": "固始县"
+              },
+              {
+                "code": "411526",
+                "name": "潢川县"
+              },
+              {
+                "code": "411527",
+                "name": "淮滨县"
+              },
+              {
+                "code": "411528",
+                "name": "息县"
+              },
+              {
+                "code": "411571",
+                "name": "信阳高新技术产业开发区"
+              }
+            ]
+          },
+          {
+            "code": "4116",
+            "name": "周口市",
+            "children": [
+              {
+                "code": "411602",
+                "name": "川汇区"
+              },
+              {
+                "code": "411603",
+                "name": "淮阳区"
+              },
+              {
+                "code": "411621",
+                "name": "扶沟县"
+              },
+              {
+                "code": "411622",
+                "name": "西华县"
+              },
+              {
+                "code": "411623",
+                "name": "商水县"
+              },
+              {
+                "code": "411624",
+                "name": "沈丘县"
+              },
+              {
+                "code": "411625",
+                "name": "郸城县"
+              },
+              {
+                "code": "411627",
+                "name": "太康县"
+              },
+              {
+                "code": "411628",
+                "name": "鹿邑县"
+              },
+              {
+                "code": "411671",
+                "name": "周口临港开发区"
+              },
+              {
+                "code": "411681",
+                "name": "项城市"
+              }
+            ]
+          },
+          {
+            "code": "4117",
+            "name": "驻马店市",
+            "children": [
+              {
+                "code": "411702",
+                "name": "驿城区"
+              },
+              {
+                "code": "411721",
+                "name": "西平县"
+              },
+              {
+                "code": "411722",
+                "name": "上蔡县"
+              },
+              {
+                "code": "411723",
+                "name": "平舆县"
+              },
+              {
+                "code": "411724",
+                "name": "正阳县"
+              },
+              {
+                "code": "411725",
+                "name": "确山县"
+              },
+              {
+                "code": "411726",
+                "name": "泌阳县"
+              },
+              {
+                "code": "411727",
+                "name": "汝南县"
+              },
+              {
+                "code": "411728",
+                "name": "遂平县"
+              },
+              {
+                "code": "411729",
+                "name": "新蔡县"
+              },
+              {
+                "code": "411771",
+                "name": "河南驻马店经济开发区"
+              }
+            ]
+          },
+          {
+            "code": "4190",
+            "name": "省直辖县级行政区划",
+            "children": [
+              {
+                "code": "419001",
+                "name": "济源市"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "code": "42",
+        "name": "湖北省",
+        "children": [
+          {
+            "code": "4201",
+            "name": "武汉市",
+            "children": [
+              {
+                "code": "420102",
+                "name": "江岸区"
+              },
+              {
+                "code": "420103",
+                "name": "江汉区"
+              },
+              {
+                "code": "420104",
+                "name": "硚口区"
+              },
+              {
+                "code": "420105",
+                "name": "汉阳区"
+              },
+              {
+                "code": "420106",
+                "name": "武昌区"
+              },
+              {
+                "code": "420107",
+                "name": "青山区"
+              },
+              {
+                "code": "420111",
+                "name": "洪山区"
+              },
+              {
+                "code": "420112",
+                "name": "东西湖区"
+              },
+              {
+                "code": "420113",
+                "name": "汉南区"
+              },
+              {
+                "code": "420114",
+                "name": "蔡甸区"
+              },
+              {
+                "code": "420115",
+                "name": "江夏区"
+              },
+              {
+                "code": "420116",
+                "name": "黄陂区"
+              },
+              {
+                "code": "420117",
+                "name": "新洲区"
+              }
+            ]
+          },
+          {
+            "code": "4202",
+            "name": "黄石市",
+            "children": [
+              {
+                "code": "420202",
+                "name": "黄石港区"
+              },
+              {
+                "code": "420203",
+                "name": "西塞山区"
+              },
+              {
+                "code": "420204",
+                "name": "下陆区"
+              },
+              {
+                "code": "420205",
+                "name": "铁山区"
+              },
+              {
+                "code": "420222",
+                "name": "阳新县"
+              },
+              {
+                "code": "420281",
+                "name": "大冶市"
+              }
+            ]
+          },
+          {
+            "code": "4203",
+            "name": "十堰市",
+            "children": [
+              {
+                "code": "420302",
+                "name": "茅箭区"
+              },
+              {
+                "code": "420303",
+                "name": "张湾区"
+              },
+              {
+                "code": "420304",
+                "name": "郧阳区"
+              },
+              {
+                "code": "420322",
+                "name": "郧西县"
+              },
+              {
+                "code": "420323",
+                "name": "竹山县"
+              },
+              {
+                "code": "420324",
+                "name": "竹溪县"
+              },
+              {
+                "code": "420325",
+                "name": "房县"
+              },
+              {
+                "code": "420381",
+                "name": "丹江口市"
+              }
+            ]
+          },
+          {
+            "code": "4205",
+            "name": "宜昌市",
+            "children": [
+              {
+                "code": "420502",
+                "name": "西陵区"
+              },
+              {
+                "code": "420503",
+                "name": "伍家岗区"
+              },
+              {
+                "code": "420504",
+                "name": "点军区"
+              },
+              {
+                "code": "420505",
+                "name": "猇亭区"
+              },
+              {
+                "code": "420506",
+                "name": "夷陵区"
+              },
+              {
+                "code": "420525",
+                "name": "远安县"
+              },
+              {
+                "code": "420526",
+                "name": "兴山县"
+              },
+              {
+                "code": "420527",
+                "name": "秭归县"
+              },
+              {
+                "code": "420528",
+                "name": "长阳土家族自治县"
+              },
+              {
+                "code": "420529",
+                "name": "五峰土家族自治县"
+              },
+              {
+                "code": "420581",
+                "name": "宜都市"
+              },
+              {
+                "code": "420582",
+                "name": "当阳市"
+              },
+              {
+                "code": "420583",
+                "name": "枝江市"
+              }
+            ]
+          },
+          {
+            "code": "4206",
+            "name": "襄阳市",
+            "children": [
+              {
+                "code": "420602",
+                "name": "襄城区"
+              },
+              {
+                "code": "420606",
+                "name": "樊城区"
+              },
+              {
+                "code": "420607",
+                "name": "襄州区"
+              },
+              {
+                "code": "420624",
+                "name": "南漳县"
+              },
+              {
+                "code": "420625",
+                "name": "谷城县"
+              },
+              {
+                "code": "420626",
+                "name": "保康县"
+              },
+              {
+                "code": "420682",
+                "name": "老河口市"
+              },
+              {
+                "code": "420683",
+                "name": "枣阳市"
+              },
+              {
+                "code": "420684",
+                "name": "宜城市"
+              }
+            ]
+          },
+          {
+            "code": "4207",
+            "name": "鄂州市",
+            "children": [
+              {
+                "code": "420702",
+                "name": "梁子湖区"
+              },
+              {
+                "code": "420703",
+                "name": "华容区"
+              },
+              {
+                "code": "420704",
+                "name": "鄂城区"
+              }
+            ]
+          },
+          {
+            "code": "4208",
+            "name": "荆门市",
+            "children": [
+              {
+                "code": "420802",
+                "name": "东宝区"
+              },
+              {
+                "code": "420804",
+                "name": "掇刀区"
+              },
+              {
+                "code": "420822",
+                "name": "沙洋县"
+              },
+              {
+                "code": "420881",
+                "name": "钟祥市"
+              },
+              {
+                "code": "420882",
+                "name": "京山市"
+              }
+            ]
+          },
+          {
+            "code": "4209",
+            "name": "孝感市",
+            "children": [
+              {
+                "code": "420902",
+                "name": "孝南区"
+              },
+              {
+                "code": "420921",
+                "name": "孝昌县"
+              },
+              {
+                "code": "420922",
+                "name": "大悟县"
+              },
+              {
+                "code": "420923",
+                "name": "云梦县"
+              },
+              {
+                "code": "420981",
+                "name": "应城市"
+              },
+              {
+                "code": "420982",
+                "name": "安陆市"
+              },
+              {
+                "code": "420984",
+                "name": "汉川市"
+              }
+            ]
+          },
+          {
+            "code": "4210",
+            "name": "荆州市",
+            "children": [
+              {
+                "code": "421002",
+                "name": "沙市区"
+              },
+              {
+                "code": "421003",
+                "name": "荆州区"
+              },
+              {
+                "code": "421022",
+                "name": "公安县"
+              },
+              {
+                "code": "421024",
+                "name": "江陵县"
+              },
+              {
+                "code": "421071",
+                "name": "荆州经济技术开发区"
+              },
+              {
+                "code": "421081",
+                "name": "石首市"
+              },
+              {
+                "code": "421083",
+                "name": "洪湖市"
+              },
+              {
+                "code": "421087",
+                "name": "松滋市"
+              },
+              {
+                "code": "421088",
+                "name": "监利市"
+              }
+            ]
+          },
+          {
+            "code": "4211",
+            "name": "黄冈市",
+            "children": [
+              {
+                "code": "421102",
+                "name": "黄州区"
+              },
+              {
+                "code": "421121",
+                "name": "团风县"
+              },
+              {
+                "code": "421122",
+                "name": "红安县"
+              },
+              {
+                "code": "421123",
+                "name": "罗田县"
+              },
+              {
+                "code": "421124",
+                "name": "英山县"
+              },
+              {
+                "code": "421125",
+                "name": "浠水县"
+              },
+              {
+                "code": "421126",
+                "name": "蕲春县"
+              },
+              {
+                "code": "421127",
+                "name": "黄梅县"
+              },
+              {
+                "code": "421171",
+                "name": "龙感湖管理区"
+              },
+              {
+                "code": "421181",
+                "name": "麻城市"
+              },
+              {
+                "code": "421182",
+                "name": "武穴市"
+              }
+            ]
+          },
+          {
+            "code": "4212",
+            "name": "咸宁市",
+            "children": [
+              {
+                "code": "421202",
+                "name": "咸安区"
+              },
+              {
+                "code": "421221",
+                "name": "嘉鱼县"
+              },
+              {
+                "code": "421222",
+                "name": "通城县"
+              },
+              {
+                "code": "421223",
+                "name": "崇阳县"
+              },
+              {
+                "code": "421224",
+                "name": "通山县"
+              },
+              {
+                "code": "421281",
+                "name": "赤壁市"
+              }
+            ]
+          },
+          {
+            "code": "4213",
+            "name": "随州市",
+            "children": [
+              {
+                "code": "421303",
+                "name": "曾都区"
+              },
+              {
+                "code": "421321",
+                "name": "随县"
+              },
+              {
+                "code": "421381",
+                "name": "广水市"
+              }
+            ]
+          },
+          {
+            "code": "4228",
+            "name": "恩施土家族苗族自治州",
+            "children": [
+              {
+                "code": "422801",
+                "name": "恩施市"
+              },
+              {
+                "code": "422802",
+                "name": "利川市"
+              },
+              {
+                "code": "422822",
+                "name": "建始县"
+              },
+              {
+                "code": "422823",
+                "name": "巴东县"
+              },
+              {
+                "code": "422825",
+                "name": "宣恩县"
+              },
+              {
+                "code": "422826",
+                "name": "咸丰县"
+              },
+              {
+                "code": "422827",
+                "name": "来凤县"
+              },
+              {
+                "code": "422828",
+                "name": "鹤峰县"
+              }
+            ]
+          },
+          {
+            "code": "4290",
+            "name": "省直辖县级行政区划",
+            "children": [
+              {
+                "code": "429004",
+                "name": "仙桃市"
+              },
+              {
+                "code": "429005",
+                "name": "潜江市"
+              },
+              {
+                "code": "429006",
+                "name": "天门市"
+              },
+              {
+                "code": "429021",
+                "name": "神农架林区"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "code": "43",
+        "name": "湖南省",
+        "children": [
+          {
+            "code": "4301",
+            "name": "长沙市",
+            "children": [
+              {
+                "code": "430102",
+                "name": "芙蓉区"
+              },
+              {
+                "code": "430103",
+                "name": "天心区"
+              },
+              {
+                "code": "430104",
+                "name": "岳麓区"
+              },
+              {
+                "code": "430105",
+                "name": "开福区"
+              },
+              {
+                "code": "430111",
+                "name": "雨花区"
+              },
+              {
+                "code": "430112",
+                "name": "望城区"
+              },
+              {
+                "code": "430121",
+                "name": "长沙县"
+              },
+              {
+                "code": "430181",
+                "name": "浏阳市"
+              },
+              {
+                "code": "430182",
+                "name": "宁乡市"
+              }
+            ]
+          },
+          {
+            "code": "4302",
+            "name": "株洲市",
+            "children": [
+              {
+                "code": "430202",
+                "name": "荷塘区"
+              },
+              {
+                "code": "430203",
+                "name": "芦淞区"
+              },
+              {
+                "code": "430204",
+                "name": "石峰区"
+              },
+              {
+                "code": "430211",
+                "name": "天元区"
+              },
+              {
+                "code": "430212",
+                "name": "渌口区"
+              },
+              {
+                "code": "430223",
+                "name": "攸县"
+              },
+              {
+                "code": "430224",
+                "name": "茶陵县"
+              },
+              {
+                "code": "430225",
+                "name": "炎陵县"
+              },
+              {
+                "code": "430281",
+                "name": "醴陵市"
+              }
+            ]
+          },
+          {
+            "code": "4303",
+            "name": "湘潭市",
+            "children": [
+              {
+                "code": "430302",
+                "name": "雨湖区"
+              },
+              {
+                "code": "430304",
+                "name": "岳塘区"
+              },
+              {
+                "code": "430321",
+                "name": "湘潭县"
+              },
+              {
+                "code": "430371",
+                "name": "湖南湘潭高新技术产业园区"
+              },
+              {
+                "code": "430372",
+                "name": "湘潭昭山示范区"
+              },
+              {
+                "code": "430373",
+                "name": "湘潭九华示范区"
+              },
+              {
+                "code": "430381",
+                "name": "湘乡市"
+              },
+              {
+                "code": "430382",
+                "name": "韶山市"
+              }
+            ]
+          },
+          {
+            "code": "4304",
+            "name": "衡阳市",
+            "children": [
+              {
+                "code": "430405",
+                "name": "珠晖区"
+              },
+              {
+                "code": "430406",
+                "name": "雁峰区"
+              },
+              {
+                "code": "430407",
+                "name": "石鼓区"
+              },
+              {
+                "code": "430408",
+                "name": "蒸湘区"
+              },
+              {
+                "code": "430412",
+                "name": "南岳区"
+              },
+              {
+                "code": "430421",
+                "name": "衡阳县"
+              },
+              {
+                "code": "430422",
+                "name": "衡南县"
+              },
+              {
+                "code": "430423",
+                "name": "衡山县"
+              },
+              {
+                "code": "430424",
+                "name": "衡东县"
+              },
+              {
+                "code": "430426",
+                "name": "祁东县"
+              },
+              {
+                "code": "430473",
+                "name": "湖南衡阳松木经济开发区"
+              },
+              {
+                "code": "430476",
+                "name": "湖南衡阳高新技术产业园区"
+              },
+              {
+                "code": "430481",
+                "name": "耒阳市"
+              },
+              {
+                "code": "430482",
+                "name": "常宁市"
+              }
+            ]
+          },
+          {
+            "code": "4305",
+            "name": "邵阳市",
+            "children": [
+              {
+                "code": "430502",
+                "name": "双清区"
+              },
+              {
+                "code": "430503",
+                "name": "大祥区"
+              },
+              {
+                "code": "430511",
+                "name": "北塔区"
+              },
+              {
+                "code": "430522",
+                "name": "新邵县"
+              },
+              {
+                "code": "430523",
+                "name": "邵阳县"
+              },
+              {
+                "code": "430524",
+                "name": "隆回县"
+              },
+              {
+                "code": "430525",
+                "name": "洞口县"
+              },
+              {
+                "code": "430527",
+                "name": "绥宁县"
+              },
+              {
+                "code": "430528",
+                "name": "新宁县"
+              },
+              {
+                "code": "430529",
+                "name": "城步苗族自治县"
+              },
+              {
+                "code": "430581",
+                "name": "武冈市"
+              },
+              {
+                "code": "430582",
+                "name": "邵东市"
+              }
+            ]
+          },
+          {
+            "code": "4306",
+            "name": "岳阳市",
+            "children": [
+              {
+                "code": "430602",
+                "name": "岳阳楼区"
+              },
+              {
+                "code": "430603",
+                "name": "云溪区"
+              },
+              {
+                "code": "430611",
+                "name": "君山区"
+              },
+              {
+                "code": "430621",
+                "name": "岳阳县"
+              },
+              {
+                "code": "430623",
+                "name": "华容县"
+              },
+              {
+                "code": "430624",
+                "name": "湘阴县"
+              },
+              {
+                "code": "430626",
+                "name": "平江县"
+              },
+              {
+                "code": "430671",
+                "name": "岳阳市屈原管理区"
+              },
+              {
+                "code": "430681",
+                "name": "汨罗市"
+              },
+              {
+                "code": "430682",
+                "name": "临湘市"
+              }
+            ]
+          },
+          {
+            "code": "4307",
+            "name": "常德市",
+            "children": [
+              {
+                "code": "430702",
+                "name": "武陵区"
+              },
+              {
+                "code": "430703",
+                "name": "鼎城区"
+              },
+              {
+                "code": "430721",
+                "name": "安乡县"
+              },
+              {
+                "code": "430722",
+                "name": "汉寿县"
+              },
+              {
+                "code": "430723",
+                "name": "澧县"
+              },
+              {
+                "code": "430724",
+                "name": "临澧县"
+              },
+              {
+                "code": "430725",
+                "name": "桃源县"
+              },
+              {
+                "code": "430726",
+                "name": "石门县"
+              },
+              {
+                "code": "430771",
+                "name": "常德市西洞庭管理区"
+              },
+              {
+                "code": "430781",
+                "name": "津市市"
+              }
+            ]
+          },
+          {
+            "code": "4308",
+            "name": "张家界市",
+            "children": [
+              {
+                "code": "430802",
+                "name": "永定区"
+              },
+              {
+                "code": "430811",
+                "name": "武陵源区"
+              },
+              {
+                "code": "430821",
+                "name": "慈利县"
+              },
+              {
+                "code": "430822",
+                "name": "桑植县"
+              }
+            ]
+          },
+          {
+            "code": "4309",
+            "name": "益阳市",
+            "children": [
+              {
+                "code": "430902",
+                "name": "资阳区"
+              },
+              {
+                "code": "430903",
+                "name": "赫山区"
+              },
+              {
+                "code": "430921",
+                "name": "南县"
+              },
+              {
+                "code": "430922",
+                "name": "桃江县"
+              },
+              {
+                "code": "430923",
+                "name": "安化县"
+              },
+              {
+                "code": "430971",
+                "name": "益阳市大通湖管理区"
+              },
+              {
+                "code": "430972",
+                "name": "湖南益阳高新技术产业园区"
+              },
+              {
+                "code": "430981",
+                "name": "沅江市"
+              }
+            ]
+          },
+          {
+            "code": "4310",
+            "name": "郴州市",
+            "children": [
+              {
+                "code": "431002",
+                "name": "北湖区"
+              },
+              {
+                "code": "431003",
+                "name": "苏仙区"
+              },
+              {
+                "code": "431021",
+                "name": "桂阳县"
+              },
+              {
+                "code": "431022",
+                "name": "宜章县"
+              },
+              {
+                "code": "431023",
+                "name": "永兴县"
+              },
+              {
+                "code": "431024",
+                "name": "嘉禾县"
+              },
+              {
+                "code": "431025",
+                "name": "临武县"
+              },
+              {
+                "code": "431026",
+                "name": "汝城县"
+              },
+              {
+                "code": "431027",
+                "name": "桂东县"
+              },
+              {
+                "code": "431028",
+                "name": "安仁县"
+              },
+              {
+                "code": "431081",
+                "name": "资兴市"
+              }
+            ]
+          },
+          {
+            "code": "4311",
+            "name": "永州市",
+            "children": [
+              {
+                "code": "431102",
+                "name": "零陵区"
+              },
+              {
+                "code": "431103",
+                "name": "冷水滩区"
+              },
+              {
+                "code": "431122",
+                "name": "东安县"
+              },
+              {
+                "code": "431123",
+                "name": "双牌县"
+              },
+              {
+                "code": "431124",
+                "name": "道县"
+              },
+              {
+                "code": "431125",
+                "name": "江永县"
+              },
+              {
+                "code": "431126",
+                "name": "宁远县"
+              },
+              {
+                "code": "431127",
+                "name": "蓝山县"
+              },
+              {
+                "code": "431128",
+                "name": "新田县"
+              },
+              {
+                "code": "431129",
+                "name": "江华瑶族自治县"
+              },
+              {
+                "code": "431171",
+                "name": "永州经济技术开发区"
+              },
+              {
+                "code": "431173",
+                "name": "永州市回龙圩管理区"
+              },
+              {
+                "code": "431181",
+                "name": "祁阳市"
+              }
+            ]
+          },
+          {
+            "code": "4312",
+            "name": "怀化市",
+            "children": [
+              {
+                "code": "431202",
+                "name": "鹤城区"
+              },
+              {
+                "code": "431221",
+                "name": "中方县"
+              },
+              {
+                "code": "431222",
+                "name": "沅陵县"
+              },
+              {
+                "code": "431223",
+                "name": "辰溪县"
+              },
+              {
+                "code": "431224",
+                "name": "溆浦县"
+              },
+              {
+                "code": "431225",
+                "name": "会同县"
+              },
+              {
+                "code": "431226",
+                "name": "麻阳苗族自治县"
+              },
+              {
+                "code": "431227",
+                "name": "新晃侗族自治县"
+              },
+              {
+                "code": "431228",
+                "name": "芷江侗族自治县"
+              },
+              {
+                "code": "431229",
+                "name": "靖州苗族侗族自治县"
+              },
+              {
+                "code": "431230",
+                "name": "通道侗族自治县"
+              },
+              {
+                "code": "431271",
+                "name": "怀化市洪江管理区"
+              },
+              {
+                "code": "431281",
+                "name": "洪江市"
+              }
+            ]
+          },
+          {
+            "code": "4313",
+            "name": "娄底市",
+            "children": [
+              {
+                "code": "431302",
+                "name": "娄星区"
+              },
+              {
+                "code": "431321",
+                "name": "双峰县"
+              },
+              {
+                "code": "431322",
+                "name": "新化县"
+              },
+              {
+                "code": "431381",
+                "name": "冷水江市"
+              },
+              {
+                "code": "431382",
+                "name": "涟源市"
+              }
+            ]
+          },
+          {
+            "code": "4331",
+            "name": "湘西土家族苗族自治州",
+            "children": [
+              {
+                "code": "433101",
+                "name": "吉首市"
+              },
+              {
+                "code": "433122",
+                "name": "泸溪县"
+              },
+              {
+                "code": "433123",
+                "name": "凤凰县"
+              },
+              {
+                "code": "433124",
+                "name": "花垣县"
+              },
+              {
+                "code": "433125",
+                "name": "保靖县"
+              },
+              {
+                "code": "433126",
+                "name": "古丈县"
+              },
+              {
+                "code": "433127",
+                "name": "永顺县"
+              },
+              {
+                "code": "433130",
+                "name": "龙山县"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "code": "44",
+        "name": "广东省",
+        "children": [
+          {
+            "code": "4401",
+            "name": "广州市",
+            "children": [
+              {
+                "code": "440103",
+                "name": "荔湾区"
+              },
+              {
+                "code": "440104",
+                "name": "越秀区"
+              },
+              {
+                "code": "440105",
+                "name": "海珠区"
+              },
+              {
+                "code": "440106",
+                "name": "天河区"
+              },
+              {
+                "code": "440111",
+                "name": "白云区"
+              },
+              {
+                "code": "440112",
+                "name": "黄埔区"
+              },
+              {
+                "code": "440113",
+                "name": "番禺区"
+              },
+              {
+                "code": "440114",
+                "name": "花都区"
+              },
+              {
+                "code": "440115",
+                "name": "南沙区"
+              },
+              {
+                "code": "440117",
+                "name": "从化区"
+              },
+              {
+                "code": "440118",
+                "name": "增城区"
+              }
+            ]
+          },
+          {
+            "code": "4402",
+            "name": "韶关市",
+            "children": [
+              {
+                "code": "440203",
+                "name": "武江区"
+              },
+              {
+                "code": "440204",
+                "name": "浈江区"
+              },
+              {
+                "code": "440205",
+                "name": "曲江区"
+              },
+              {
+                "code": "440222",
+                "name": "始兴县"
+              },
+              {
+                "code": "440224",
+                "name": "仁化县"
+              },
+              {
+                "code": "440229",
+                "name": "翁源县"
+              },
+              {
+                "code": "440232",
+                "name": "乳源瑶族自治县"
+              },
+              {
+                "code": "440233",
+                "name": "新丰县"
+              },
+              {
+                "code": "440281",
+                "name": "乐昌市"
+              },
+              {
+                "code": "440282",
+                "name": "南雄市"
+              }
+            ]
+          },
+          {
+            "code": "4403",
+            "name": "深圳市",
+            "children": [
+              {
+                "code": "440303",
+                "name": "罗湖区"
+              },
+              {
+                "code": "440304",
+                "name": "福田区"
+              },
+              {
+                "code": "440305",
+                "name": "南山区"
+              },
+              {
+                "code": "440306",
+                "name": "宝安区"
+              },
+              {
+                "code": "440307",
+                "name": "龙岗区"
+              },
+              {
+                "code": "440308",
+                "name": "盐田区"
+              },
+              {
+                "code": "440309",
+                "name": "龙华区"
+              },
+              {
+                "code": "440310",
+                "name": "坪山区"
+              },
+              {
+                "code": "440311",
+                "name": "光明区"
+              }
+            ]
+          },
+          {
+            "code": "4404",
+            "name": "珠海市",
+            "children": [
+              {
+                "code": "440402",
+                "name": "香洲区"
+              },
+              {
+                "code": "440403",
+                "name": "斗门区"
+              },
+              {
+                "code": "440404",
+                "name": "金湾区"
+              }
+            ]
+          },
+          {
+            "code": "4405",
+            "name": "汕头市",
+            "children": [
+              {
+                "code": "440507",
+                "name": "龙湖区"
+              },
+              {
+                "code": "440511",
+                "name": "金平区"
+              },
+              {
+                "code": "440512",
+                "name": "濠江区"
+              },
+              {
+                "code": "440513",
+                "name": "潮阳区"
+              },
+              {
+                "code": "440514",
+                "name": "潮南区"
+              },
+              {
+                "code": "440515",
+                "name": "澄海区"
+              },
+              {
+                "code": "440523",
+                "name": "南澳县"
+              }
+            ]
+          },
+          {
+            "code": "4406",
+            "name": "佛山市",
+            "children": [
+              {
+                "code": "440604",
+                "name": "禅城区"
+              },
+              {
+                "code": "440605",
+                "name": "南海区"
+              },
+              {
+                "code": "440606",
+                "name": "顺德区"
+              },
+              {
+                "code": "440607",
+                "name": "三水区"
+              },
+              {
+                "code": "440608",
+                "name": "高明区"
+              }
+            ]
+          },
+          {
+            "code": "4407",
+            "name": "江门市",
+            "children": [
+              {
+                "code": "440703",
+                "name": "蓬江区"
+              },
+              {
+                "code": "440704",
+                "name": "江海区"
+              },
+              {
+                "code": "440705",
+                "name": "新会区"
+              },
+              {
+                "code": "440781",
+                "name": "台山市"
+              },
+              {
+                "code": "440783",
+                "name": "开平市"
+              },
+              {
+                "code": "440784",
+                "name": "鹤山市"
+              },
+              {
+                "code": "440785",
+                "name": "恩平市"
+              }
+            ]
+          },
+          {
+            "code": "4408",
+            "name": "湛江市",
+            "children": [
+              {
+                "code": "440802",
+                "name": "赤坎区"
+              },
+              {
+                "code": "440803",
+                "name": "霞山区"
+              },
+              {
+                "code": "440804",
+                "name": "坡头区"
+              },
+              {
+                "code": "440811",
+                "name": "麻章区"
+              },
+              {
+                "code": "440823",
+                "name": "遂溪县"
+              },
+              {
+                "code": "440825",
+                "name": "徐闻县"
+              },
+              {
+                "code": "440881",
+                "name": "廉江市"
+              },
+              {
+                "code": "440882",
+                "name": "雷州市"
+              },
+              {
+                "code": "440883",
+                "name": "吴川市"
+              }
+            ]
+          },
+          {
+            "code": "4409",
+            "name": "茂名市",
+            "children": [
+              {
+                "code": "440902",
+                "name": "茂南区"
+              },
+              {
+                "code": "440904",
+                "name": "电白区"
+              },
+              {
+                "code": "440981",
+                "name": "高州市"
+              },
+              {
+                "code": "440982",
+                "name": "化州市"
+              },
+              {
+                "code": "440983",
+                "name": "信宜市"
+              }
+            ]
+          },
+          {
+            "code": "4412",
+            "name": "肇庆市",
+            "children": [
+              {
+                "code": "441202",
+                "name": "端州区"
+              },
+              {
+                "code": "441203",
+                "name": "鼎湖区"
+              },
+              {
+                "code": "441204",
+                "name": "高要区"
+              },
+              {
+                "code": "441223",
+                "name": "广宁县"
+              },
+              {
+                "code": "441224",
+                "name": "怀集县"
+              },
+              {
+                "code": "441225",
+                "name": "封开县"
+              },
+              {
+                "code": "441226",
+                "name": "德庆县"
+              },
+              {
+                "code": "441284",
+                "name": "四会市"
+              }
+            ]
+          },
+          {
+            "code": "4413",
+            "name": "惠州市",
+            "children": [
+              {
+                "code": "441302",
+                "name": "惠城区"
+              },
+              {
+                "code": "441303",
+                "name": "惠阳区"
+              },
+              {
+                "code": "441322",
+                "name": "博罗县"
+              },
+              {
+                "code": "441323",
+                "name": "惠东县"
+              },
+              {
+                "code": "441324",
+                "name": "龙门县"
+              }
+            ]
+          },
+          {
+            "code": "4414",
+            "name": "梅州市",
+            "children": [
+              {
+                "code": "441402",
+                "name": "梅江区"
+              },
+              {
+                "code": "441403",
+                "name": "梅县区"
+              },
+              {
+                "code": "441422",
+                "name": "大埔县"
+              },
+              {
+                "code": "441423",
+                "name": "丰顺县"
+              },
+              {
+                "code": "441424",
+                "name": "五华县"
+              },
+              {
+                "code": "441426",
+                "name": "平远县"
+              },
+              {
+                "code": "441427",
+                "name": "蕉岭县"
+              },
+              {
+                "code": "441481",
+                "name": "兴宁市"
+              }
+            ]
+          },
+          {
+            "code": "4415",
+            "name": "汕尾市",
+            "children": [
+              {
+                "code": "441502",
+                "name": "城区"
+              },
+              {
+                "code": "441521",
+                "name": "海丰县"
+              },
+              {
+                "code": "441523",
+                "name": "陆河县"
+              },
+              {
+                "code": "441581",
+                "name": "陆丰市"
+              }
+            ]
+          },
+          {
+            "code": "4416",
+            "name": "河源市",
+            "children": [
+              {
+                "code": "441602",
+                "name": "源城区"
+              },
+              {
+                "code": "441621",
+                "name": "紫金县"
+              },
+              {
+                "code": "441622",
+                "name": "龙川县"
+              },
+              {
+                "code": "441623",
+                "name": "连平县"
+              },
+              {
+                "code": "441624",
+                "name": "和平县"
+              },
+              {
+                "code": "441625",
+                "name": "东源县"
+              }
+            ]
+          },
+          {
+            "code": "4417",
+            "name": "阳江市",
+            "children": [
+              {
+                "code": "441702",
+                "name": "江城区"
+              },
+              {
+                "code": "441704",
+                "name": "阳东区"
+              },
+              {
+                "code": "441721",
+                "name": "阳西县"
+              },
+              {
+                "code": "441781",
+                "name": "阳春市"
+              }
+            ]
+          },
+          {
+            "code": "4418",
+            "name": "清远市",
+            "children": [
+              {
+                "code": "441802",
+                "name": "清城区"
+              },
+              {
+                "code": "441803",
+                "name": "清新区"
+              },
+              {
+                "code": "441821",
+                "name": "佛冈县"
+              },
+              {
+                "code": "441823",
+                "name": "阳山县"
+              },
+              {
+                "code": "441825",
+                "name": "连山壮族瑶族自治县"
+              },
+              {
+                "code": "441826",
+                "name": "连南瑶族自治县"
+              },
+              {
+                "code": "441881",
+                "name": "英德市"
+              },
+              {
+                "code": "441882",
+                "name": "连州市"
+              }
+            ]
+          },
+          {
+            "code": "4419",
+            "name": "东莞市",
+            "children": [
+              {
+                "code": "441900003",
+                "name": "东城街道"
+              },
+              {
+                "code": "441900004",
+                "name": "南城街道"
+              },
+              {
+                "code": "441900005",
+                "name": "万江街道"
+              },
+              {
+                "code": "441900006",
+                "name": "莞城街道"
+              },
+              {
+                "code": "441900101",
+                "name": "石碣镇"
+              },
+              {
+                "code": "441900102",
+                "name": "石龙镇"
+              },
+              {
+                "code": "441900103",
+                "name": "茶山镇"
+              },
+              {
+                "code": "441900104",
+                "name": "石排镇"
+              },
+              {
+                "code": "441900105",
+                "name": "企石镇"
+              },
+              {
+                "code": "441900106",
+                "name": "横沥镇"
+              },
+              {
+                "code": "441900107",
+                "name": "桥头镇"
+              },
+              {
+                "code": "441900108",
+                "name": "谢岗镇"
+              },
+              {
+                "code": "441900109",
+                "name": "东坑镇"
+              },
+              {
+                "code": "441900110",
+                "name": "常平镇"
+              },
+              {
+                "code": "441900111",
+                "name": "寮步镇"
+              },
+              {
+                "code": "441900112",
+                "name": "樟木头镇"
+              },
+              {
+                "code": "441900113",
+                "name": "大朗镇"
+              },
+              {
+                "code": "441900114",
+                "name": "黄江镇"
+              },
+              {
+                "code": "441900115",
+                "name": "清溪镇"
+              },
+              {
+                "code": "441900116",
+                "name": "塘厦镇"
+              },
+              {
+                "code": "441900117",
+                "name": "凤岗镇"
+              },
+              {
+                "code": "441900118",
+                "name": "大岭山镇"
+              },
+              {
+                "code": "441900119",
+                "name": "长安镇"
+              },
+              {
+                "code": "441900121",
+                "name": "虎门镇"
+              },
+              {
+                "code": "441900122",
+                "name": "厚街镇"
+              },
+              {
+                "code": "441900123",
+                "name": "沙田镇"
+              },
+              {
+                "code": "441900124",
+                "name": "道滘镇"
+              },
+              {
+                "code": "441900125",
+                "name": "洪梅镇"
+              },
+              {
+                "code": "441900126",
+                "name": "麻涌镇"
+              },
+              {
+                "code": "441900127",
+                "name": "望牛墩镇"
+              },
+              {
+                "code": "441900128",
+                "name": "中堂镇"
+              },
+              {
+                "code": "441900129",
+                "name": "高埗镇"
+              },
+              {
+                "code": "441900401",
+                "name": "松山湖"
+              },
+              {
+                "code": "441900402",
+                "name": "东莞港"
+              },
+              {
+                "code": "441900403",
+                "name": "东莞生态园"
+              },
+              {
+                "code": "441900404",
+                "name": "东莞滨海湾新区"
+              }
+            ]
+          },
+          {
+            "code": "4420",
+            "name": "中山市",
+            "children": [
+              {
+                "code": "442000001",
+                "name": "石岐街道"
+              },
+              {
+                "code": "442000002",
+                "name": "东区街道"
+              },
+              {
+                "code": "442000003",
+                "name": "中山港街道"
+              },
+              {
+                "code": "442000004",
+                "name": "西区街道"
+              },
+              {
+                "code": "442000005",
+                "name": "南区街道"
+              },
+              {
+                "code": "442000006",
+                "name": "五桂山街道"
+              },
+              {
+                "code": "442000007",
+                "name": "民众街道"
+              },
+              {
+                "code": "442000008",
+                "name": "南朗街道"
+              },
+              {
+                "code": "442000101",
+                "name": "黄圃镇"
+              },
+              {
+                "code": "442000103",
+                "name": "东凤镇"
+              },
+              {
+                "code": "442000105",
+                "name": "古镇镇"
+              },
+              {
+                "code": "442000106",
+                "name": "沙溪镇"
+              },
+              {
+                "code": "442000107",
+                "name": "坦洲镇"
+              },
+              {
+                "code": "442000108",
+                "name": "港口镇"
+              },
+              {
+                "code": "442000109",
+                "name": "三角镇"
+              },
+              {
+                "code": "442000110",
+                "name": "横栏镇"
+              },
+              {
+                "code": "442000111",
+                "name": "南头镇"
+              },
+              {
+                "code": "442000112",
+                "name": "阜沙镇"
+              },
+              {
+                "code": "442000114",
+                "name": "三乡镇"
+              },
+              {
+                "code": "442000115",
+                "name": "板芙镇"
+              },
+              {
+                "code": "442000116",
+                "name": "大涌镇"
+              },
+              {
+                "code": "442000117",
+                "name": "神湾镇"
+              },
+              {
+                "code": "442000118",
+                "name": "小榄镇"
+              }
+            ]
+          },
+          {
+            "code": "4451",
+            "name": "潮州市",
+            "children": [
+              {
+                "code": "445102",
+                "name": "湘桥区"
+              },
+              {
+                "code": "445103",
+                "name": "潮安区"
+              },
+              {
+                "code": "445122",
+                "name": "饶平县"
+              }
+            ]
+          },
+          {
+            "code": "4452",
+            "name": "揭阳市",
+            "children": [
+              {
+                "code": "445202",
+                "name": "榕城区"
+              },
+              {
+                "code": "445203",
+                "name": "揭东区"
+              },
+              {
+                "code": "445222",
+                "name": "揭西县"
+              },
+              {
+                "code": "445224",
+                "name": "惠来县"
+              },
+              {
+                "code": "445281",
+                "name": "普宁市"
+              }
+            ]
+          },
+          {
+            "code": "4453",
+            "name": "云浮市",
+            "children": [
+              {
+                "code": "445302",
+                "name": "云城区"
+              },
+              {
+                "code": "445303",
+                "name": "云安区"
+              },
+              {
+                "code": "445321",
+                "name": "新兴县"
+              },
+              {
+                "code": "445322",
+                "name": "郁南县"
+              },
+              {
+                "code": "445381",
+                "name": "罗定市"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "code": "45",
+        "name": "广西壮族自治区",
+        "children": [
+          {
+            "code": "4501",
+            "name": "南宁市",
+            "children": [
+              {
+                "code": "450102",
+                "name": "兴宁区"
+              },
+              {
+                "code": "450103",
+                "name": "青秀区"
+              },
+              {
+                "code": "450105",
+                "name": "江南区"
+              },
+              {
+                "code": "450107",
+                "name": "西乡塘区"
+              },
+              {
+                "code": "450108",
+                "name": "良庆区"
+              },
+              {
+                "code": "450109",
+                "name": "邕宁区"
+              },
+              {
+                "code": "450110",
+                "name": "武鸣区"
+              },
+              {
+                "code": "450123",
+                "name": "隆安县"
+              },
+              {
+                "code": "450124",
+                "name": "马山县"
+              },
+              {
+                "code": "450125",
+                "name": "上林县"
+              },
+              {
+                "code": "450126",
+                "name": "宾阳县"
+              },
+              {
+                "code": "450181",
+                "name": "横州市"
+              }
+            ]
+          },
+          {
+            "code": "4502",
+            "name": "柳州市",
+            "children": [
+              {
+                "code": "450202",
+                "name": "城中区"
+              },
+              {
+                "code": "450203",
+                "name": "鱼峰区"
+              },
+              {
+                "code": "450204",
+                "name": "柳南区"
+              },
+              {
+                "code": "450205",
+                "name": "柳北区"
+              },
+              {
+                "code": "450206",
+                "name": "柳江区"
+              },
+              {
+                "code": "450222",
+                "name": "柳城县"
+              },
+              {
+                "code": "450223",
+                "name": "鹿寨县"
+              },
+              {
+                "code": "450224",
+                "name": "融安县"
+              },
+              {
+                "code": "450225",
+                "name": "融水苗族自治县"
+              },
+              {
+                "code": "450226",
+                "name": "三江侗族自治县"
+              }
+            ]
+          },
+          {
+            "code": "4503",
+            "name": "桂林市",
+            "children": [
+              {
+                "code": "450302",
+                "name": "秀峰区"
+              },
+              {
+                "code": "450303",
+                "name": "叠彩区"
+              },
+              {
+                "code": "450304",
+                "name": "象山区"
+              },
+              {
+                "code": "450305",
+                "name": "七星区"
+              },
+              {
+                "code": "450311",
+                "name": "雁山区"
+              },
+              {
+                "code": "450312",
+                "name": "临桂区"
+              },
+              {
+                "code": "450321",
+                "name": "阳朔县"
+              },
+              {
+                "code": "450323",
+                "name": "灵川县"
+              },
+              {
+                "code": "450324",
+                "name": "全州县"
+              },
+              {
+                "code": "450325",
+                "name": "兴安县"
+              },
+              {
+                "code": "450326",
+                "name": "永福县"
+              },
+              {
+                "code": "450327",
+                "name": "灌阳县"
+              },
+              {
+                "code": "450328",
+                "name": "龙胜各族自治县"
+              },
+              {
+                "code": "450329",
+                "name": "资源县"
+              },
+              {
+                "code": "450330",
+                "name": "平乐县"
+              },
+              {
+                "code": "450332",
+                "name": "恭城瑶族自治县"
+              },
+              {
+                "code": "450381",
+                "name": "荔浦市"
+              }
+            ]
+          },
+          {
+            "code": "4504",
+            "name": "梧州市",
+            "children": [
+              {
+                "code": "450403",
+                "name": "万秀区"
+              },
+              {
+                "code": "450405",
+                "name": "长洲区"
+              },
+              {
+                "code": "450406",
+                "name": "龙圩区"
+              },
+              {
+                "code": "450421",
+                "name": "苍梧县"
+              },
+              {
+                "code": "450422",
+                "name": "藤县"
+              },
+              {
+                "code": "450423",
+                "name": "蒙山县"
+              },
+              {
+                "code": "450481",
+                "name": "岑溪市"
+              }
+            ]
+          },
+          {
+            "code": "4505",
+            "name": "北海市",
+            "children": [
+              {
+                "code": "450502",
+                "name": "海城区"
+              },
+              {
+                "code": "450503",
+                "name": "银海区"
+              },
+              {
+                "code": "450512",
+                "name": "铁山港区"
+              },
+              {
+                "code": "450521",
+                "name": "合浦县"
+              }
+            ]
+          },
+          {
+            "code": "4506",
+            "name": "防城港市",
+            "children": [
+              {
+                "code": "450602",
+                "name": "港口区"
+              },
+              {
+                "code": "450603",
+                "name": "防城区"
+              },
+              {
+                "code": "450621",
+                "name": "上思县"
+              },
+              {
+                "code": "450681",
+                "name": "东兴市"
+              }
+            ]
+          },
+          {
+            "code": "4507",
+            "name": "钦州市",
+            "children": [
+              {
+                "code": "450702",
+                "name": "钦南区"
+              },
+              {
+                "code": "450703",
+                "name": "钦北区"
+              },
+              {
+                "code": "450721",
+                "name": "灵山县"
+              },
+              {
+                "code": "450722",
+                "name": "浦北县"
+              }
+            ]
+          },
+          {
+            "code": "4508",
+            "name": "贵港市",
+            "children": [
+              {
+                "code": "450802",
+                "name": "港北区"
+              },
+              {
+                "code": "450803",
+                "name": "港南区"
+              },
+              {
+                "code": "450804",
+                "name": "覃塘区"
+              },
+              {
+                "code": "450821",
+                "name": "平南县"
+              },
+              {
+                "code": "450881",
+                "name": "桂平市"
+              }
+            ]
+          },
+          {
+            "code": "4509",
+            "name": "玉林市",
+            "children": [
+              {
+                "code": "450902",
+                "name": "玉州区"
+              },
+              {
+                "code": "450903",
+                "name": "福绵区"
+              },
+              {
+                "code": "450921",
+                "name": "容县"
+              },
+              {
+                "code": "450922",
+                "name": "陆川县"
+              },
+              {
+                "code": "450923",
+                "name": "博白县"
+              },
+              {
+                "code": "450924",
+                "name": "兴业县"
+              },
+              {
+                "code": "450981",
+                "name": "北流市"
+              }
+            ]
+          },
+          {
+            "code": "4510",
+            "name": "百色市",
+            "children": [
+              {
+                "code": "451002",
+                "name": "右江区"
+              },
+              {
+                "code": "451003",
+                "name": "田阳区"
+              },
+              {
+                "code": "451022",
+                "name": "田东县"
+              },
+              {
+                "code": "451024",
+                "name": "德保县"
+              },
+              {
+                "code": "451026",
+                "name": "那坡县"
+              },
+              {
+                "code": "451027",
+                "name": "凌云县"
+              },
+              {
+                "code": "451028",
+                "name": "乐业县"
+              },
+              {
+                "code": "451029",
+                "name": "田林县"
+              },
+              {
+                "code": "451030",
+                "name": "西林县"
+              },
+              {
+                "code": "451031",
+                "name": "隆林各族自治县"
+              },
+              {
+                "code": "451081",
+                "name": "靖西市"
+              },
+              {
+                "code": "451082",
+                "name": "平果市"
+              }
+            ]
+          },
+          {
+            "code": "4511",
+            "name": "贺州市",
+            "children": [
+              {
+                "code": "451102",
+                "name": "八步区"
+              },
+              {
+                "code": "451103",
+                "name": "平桂区"
+              },
+              {
+                "code": "451121",
+                "name": "昭平县"
+              },
+              {
+                "code": "451122",
+                "name": "钟山县"
+              },
+              {
+                "code": "451123",
+                "name": "富川瑶族自治县"
+              }
+            ]
+          },
+          {
+            "code": "4512",
+            "name": "河池市",
+            "children": [
+              {
+                "code": "451202",
+                "name": "金城江区"
+              },
+              {
+                "code": "451203",
+                "name": "宜州区"
+              },
+              {
+                "code": "451221",
+                "name": "南丹县"
+              },
+              {
+                "code": "451222",
+                "name": "天峨县"
+              },
+              {
+                "code": "451223",
+                "name": "凤山县"
+              },
+              {
+                "code": "451224",
+                "name": "东兰县"
+              },
+              {
+                "code": "451225",
+                "name": "罗城仫佬族自治县"
+              },
+              {
+                "code": "451226",
+                "name": "环江毛南族自治县"
+              },
+              {
+                "code": "451227",
+                "name": "巴马瑶族自治县"
+              },
+              {
+                "code": "451228",
+                "name": "都安瑶族自治县"
+              },
+              {
+                "code": "451229",
+                "name": "大化瑶族自治县"
+              }
+            ]
+          },
+          {
+            "code": "4513",
+            "name": "来宾市",
+            "children": [
+              {
+                "code": "451302",
+                "name": "兴宾区"
+              },
+              {
+                "code": "451321",
+                "name": "忻城县"
+              },
+              {
+                "code": "451322",
+                "name": "象州县"
+              },
+              {
+                "code": "451323",
+                "name": "武宣县"
+              },
+              {
+                "code": "451324",
+                "name": "金秀瑶族自治县"
+              },
+              {
+                "code": "451381",
+                "name": "合山市"
+              }
+            ]
+          },
+          {
+            "code": "4514",
+            "name": "崇左市",
+            "children": [
+              {
+                "code": "451402",
+                "name": "江州区"
+              },
+              {
+                "code": "451421",
+                "name": "扶绥县"
+              },
+              {
+                "code": "451422",
+                "name": "宁明县"
+              },
+              {
+                "code": "451423",
+                "name": "龙州县"
+              },
+              {
+                "code": "451424",
+                "name": "大新县"
+              },
+              {
+                "code": "451425",
+                "name": "天等县"
+              },
+              {
+                "code": "451481",
+                "name": "凭祥市"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "code": "46",
+        "name": "海南省",
+        "children": [
+          {
+            "code": "4601",
+            "name": "海口市",
+            "children": [
+              {
+                "code": "460105",
+                "name": "秀英区"
+              },
+              {
+                "code": "460106",
+                "name": "龙华区"
+              },
+              {
+                "code": "460107",
+                "name": "琼山区"
+              },
+              {
+                "code": "460108",
+                "name": "美兰区"
+              }
+            ]
+          },
+          {
+            "code": "4602",
+            "name": "三亚市",
+            "children": [
+              {
+                "code": "460202",
+                "name": "海棠区"
+              },
+              {
+                "code": "460203",
+                "name": "吉阳区"
+              },
+              {
+                "code": "460204",
+                "name": "天涯区"
+              },
+              {
+                "code": "460205",
+                "name": "崖州区"
+              }
+            ]
+          },
+          {
+            "code": "4603",
+            "name": "三沙市",
+            "children": [
+              {
+                "code": "460321",
+                "name": "西沙群岛"
+              },
+              {
+                "code": "460322",
+                "name": "南沙群岛"
+              },
+              {
+                "code": "460323",
+                "name": "中沙群岛的岛礁及其海域"
+              }
+            ]
+          },
+          {
+            "code": "4604",
+            "name": "儋州市",
+            "children": [
+              {
+                "code": "460400100",
+                "name": "那大镇"
+              },
+              {
+                "code": "460400101",
+                "name": "和庆镇"
+              },
+              {
+                "code": "460400102",
+                "name": "南丰镇"
+              },
+              {
+                "code": "460400103",
+                "name": "大成镇"
+              },
+              {
+                "code": "460400104",
+                "name": "雅星镇"
+              },
+              {
+                "code": "460400105",
+                "name": "兰洋镇"
+              },
+              {
+                "code": "460400106",
+                "name": "光村镇"
+              },
+              {
+                "code": "460400107",
+                "name": "木棠镇"
+              },
+              {
+                "code": "460400108",
+                "name": "海头镇"
+              },
+              {
+                "code": "460400109",
+                "name": "峨蔓镇"
+              },
+              {
+                "code": "460400111",
+                "name": "王五镇"
+              },
+              {
+                "code": "460400112",
+                "name": "白马井镇"
+              },
+              {
+                "code": "460400113",
+                "name": "中和镇"
+              },
+              {
+                "code": "460400114",
+                "name": "排浦镇"
+              },
+              {
+                "code": "460400115",
+                "name": "东成镇"
+              },
+              {
+                "code": "460400116",
+                "name": "新州镇"
+              },
+              {
+                "code": "460400499",
+                "name": "洋浦经济开发区"
+              },
+              {
+                "code": "460400500",
+                "name": "华南热作学院"
+              }
+            ]
+          },
+          {
+            "code": "4690",
+            "name": "省直辖县级行政区划",
+            "children": [
+              {
+                "code": "469001",
+                "name": "五指山市"
+              },
+              {
+                "code": "469002",
+                "name": "琼海市"
+              },
+              {
+                "code": "469005",
+                "name": "文昌市"
+              },
+              {
+                "code": "469006",
+                "name": "万宁市"
+              },
+              {
+                "code": "469007",
+                "name": "东方市"
+              },
+              {
+                "code": "469021",
+                "name": "定安县"
+              },
+              {
+                "code": "469022",
+                "name": "屯昌县"
+              },
+              {
+                "code": "469023",
+                "name": "澄迈县"
+              },
+              {
+                "code": "469024",
+                "name": "临高县"
+              },
+              {
+                "code": "469025",
+                "name": "白沙黎族自治县"
+              },
+              {
+                "code": "469026",
+                "name": "昌江黎族自治县"
+              },
+              {
+                "code": "469027",
+                "name": "乐东黎族自治县"
+              },
+              {
+                "code": "469028",
+                "name": "陵水黎族自治县"
+              },
+              {
+                "code": "469029",
+                "name": "保亭黎族苗族自治县"
+              },
+              {
+                "code": "469030",
+                "name": "琼中黎族苗族自治县"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "code": "50",
+        "name": "重庆市",
+        "children": [
+          {
+            "code": "5001",
+            "name": "市辖区",
+            "children": [
+              {
+                "code": "500101",
+                "name": "万州区"
+              },
+              {
+                "code": "500102",
+                "name": "涪陵区"
+              },
+              {
+                "code": "500103",
+                "name": "渝中区"
+              },
+              {
+                "code": "500104",
+                "name": "大渡口区"
+              },
+              {
+                "code": "500105",
+                "name": "江北区"
+              },
+              {
+                "code": "500106",
+                "name": "沙坪坝区"
+              },
+              {
+                "code": "500107",
+                "name": "九龙坡区"
+              },
+              {
+                "code": "500108",
+                "name": "南岸区"
+              },
+              {
+                "code": "500109",
+                "name": "北碚区"
+              },
+              {
+                "code": "500110",
+                "name": "綦江区"
+              },
+              {
+                "code": "500111",
+                "name": "大足区"
+              },
+              {
+                "code": "500112",
+                "name": "渝北区"
+              },
+              {
+                "code": "500113",
+                "name": "巴南区"
+              },
+              {
+                "code": "500114",
+                "name": "黔江区"
+              },
+              {
+                "code": "500115",
+                "name": "长寿区"
+              },
+              {
+                "code": "500116",
+                "name": "江津区"
+              },
+              {
+                "code": "500117",
+                "name": "合川区"
+              },
+              {
+                "code": "500118",
+                "name": "永川区"
+              },
+              {
+                "code": "500119",
+                "name": "南川区"
+              },
+              {
+                "code": "500120",
+                "name": "璧山区"
+              },
+              {
+                "code": "500151",
+                "name": "铜梁区"
+              },
+              {
+                "code": "500152",
+                "name": "潼南区"
+              },
+              {
+                "code": "500153",
+                "name": "荣昌区"
+              },
+              {
+                "code": "500154",
+                "name": "开州区"
+              },
+              {
+                "code": "500155",
+                "name": "梁平区"
+              },
+              {
+                "code": "500156",
+                "name": "武隆区"
+              },
+              {
+                "code": "500157",
+                "name": "两江新区"
+              }
+            ]
+          },
+          {
+            "code": "5002",
+            "name": "县",
+            "children": [
+              {
+                "code": "500229",
+                "name": "城口县"
+              },
+              {
+                "code": "500230",
+                "name": "丰都县"
+              },
+              {
+                "code": "500231",
+                "name": "垫江县"
+              },
+              {
+                "code": "500233",
+                "name": "忠县"
+              },
+              {
+                "code": "500235",
+                "name": "云阳县"
+              },
+              {
+                "code": "500236",
+                "name": "奉节县"
+              },
+              {
+                "code": "500237",
+                "name": "巫山县"
+              },
+              {
+                "code": "500238",
+                "name": "巫溪县"
+              },
+              {
+                "code": "500240",
+                "name": "石柱土家族自治县"
+              },
+              {
+                "code": "500241",
+                "name": "秀山土家族苗族自治县"
+              },
+              {
+                "code": "500242",
+                "name": "酉阳土家族苗族自治县"
+              },
+              {
+                "code": "500243",
+                "name": "彭水苗族土家族自治县"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "code": "51",
+        "name": "四川省",
+        "children": [
+          {
+            "code": "5101",
+            "name": "成都市",
+            "children": [
+              {
+                "code": "510104",
+                "name": "锦江区"
+              },
+              {
+                "code": "510105",
+                "name": "青羊区"
+              },
+              {
+                "code": "510106",
+                "name": "金牛区"
+              },
+              {
+                "code": "510107",
+                "name": "武侯区"
+              },
+              {
+                "code": "510108",
+                "name": "成华区"
+              },
+              {
+                "code": "510112",
+                "name": "龙泉驿区"
+              },
+              {
+                "code": "510113",
+                "name": "青白江区"
+              },
+              {
+                "code": "510114",
+                "name": "新都区"
+              },
+              {
+                "code": "510115",
+                "name": "温江区"
+              },
+              {
+                "code": "510116",
+                "name": "双流区"
+              },
+              {
+                "code": "510117",
+                "name": "郫都区"
+              },
+              {
+                "code": "510118",
+                "name": "新津区"
+              },
+              {
+                "code": "510121",
+                "name": "金堂县"
+              },
+              {
+                "code": "510129",
+                "name": "大邑县"
+              },
+              {
+                "code": "510131",
+                "name": "蒲江县"
+              },
+              {
+                "code": "510181",
+                "name": "都江堰市"
+              },
+              {
+                "code": "510182",
+                "name": "彭州市"
+              },
+              {
+                "code": "510183",
+                "name": "邛崃市"
+              },
+              {
+                "code": "510184",
+                "name": "崇州市"
+              },
+              {
+                "code": "510185",
+                "name": "简阳市"
+              }
+            ]
+          },
+          {
+            "code": "5103",
+            "name": "自贡市",
+            "children": [
+              {
+                "code": "510302",
+                "name": "自流井区"
+              },
+              {
+                "code": "510303",
+                "name": "贡井区"
+              },
+              {
+                "code": "510304",
+                "name": "大安区"
+              },
+              {
+                "code": "510311",
+                "name": "沿滩区"
+              },
+              {
+                "code": "510321",
+                "name": "荣县"
+              },
+              {
+                "code": "510322",
+                "name": "富顺县"
+              }
+            ]
+          },
+          {
+            "code": "5104",
+            "name": "攀枝花市",
+            "children": [
+              {
+                "code": "510402",
+                "name": "东区"
+              },
+              {
+                "code": "510403",
+                "name": "西区"
+              },
+              {
+                "code": "510411",
+                "name": "仁和区"
+              },
+              {
+                "code": "510421",
+                "name": "米易县"
+              },
+              {
+                "code": "510422",
+                "name": "盐边县"
+              }
+            ]
+          },
+          {
+            "code": "5105",
+            "name": "泸州市",
+            "children": [
+              {
+                "code": "510502",
+                "name": "江阳区"
+              },
+              {
+                "code": "510503",
+                "name": "纳溪区"
+              },
+              {
+                "code": "510504",
+                "name": "龙马潭区"
+              },
+              {
+                "code": "510521",
+                "name": "泸县"
+              },
+              {
+                "code": "510522",
+                "name": "合江县"
+              },
+              {
+                "code": "510524",
+                "name": "叙永县"
+              },
+              {
+                "code": "510525",
+                "name": "古蔺县"
+              }
+            ]
+          },
+          {
+            "code": "5106",
+            "name": "德阳市",
+            "children": [
+              {
+                "code": "510603",
+                "name": "旌阳区"
+              },
+              {
+                "code": "510604",
+                "name": "罗江区"
+              },
+              {
+                "code": "510623",
+                "name": "中江县"
+              },
+              {
+                "code": "510681",
+                "name": "广汉市"
+              },
+              {
+                "code": "510682",
+                "name": "什邡市"
+              },
+              {
+                "code": "510683",
+                "name": "绵竹市"
+              }
+            ]
+          },
+          {
+            "code": "5107",
+            "name": "绵阳市",
+            "children": [
+              {
+                "code": "510703",
+                "name": "涪城区"
+              },
+              {
+                "code": "510704",
+                "name": "游仙区"
+              },
+              {
+                "code": "510705",
+                "name": "安州区"
+              },
+              {
+                "code": "510722",
+                "name": "三台县"
+              },
+              {
+                "code": "510723",
+                "name": "盐亭县"
+              },
+              {
+                "code": "510725",
+                "name": "梓潼县"
+              },
+              {
+                "code": "510726",
+                "name": "北川羌族自治县"
+              },
+              {
+                "code": "510727",
+                "name": "平武县"
+              },
+              {
+                "code": "510781",
+                "name": "江油市"
+              }
+            ]
+          },
+          {
+            "code": "5108",
+            "name": "广元市",
+            "children": [
+              {
+                "code": "510802",
+                "name": "利州区"
+              },
+              {
+                "code": "510811",
+                "name": "昭化区"
+              },
+              {
+                "code": "510812",
+                "name": "朝天区"
+              },
+              {
+                "code": "510821",
+                "name": "旺苍县"
+              },
+              {
+                "code": "510822",
+                "name": "青川县"
+              },
+              {
+                "code": "510823",
+                "name": "剑阁县"
+              },
+              {
+                "code": "510824",
+                "name": "苍溪县"
+              }
+            ]
+          },
+          {
+            "code": "5109",
+            "name": "遂宁市",
+            "children": [
+              {
+                "code": "510903",
+                "name": "船山区"
+              },
+              {
+                "code": "510904",
+                "name": "安居区"
+              },
+              {
+                "code": "510921",
+                "name": "蓬溪县"
+              },
+              {
+                "code": "510923",
+                "name": "大英县"
+              },
+              {
+                "code": "510981",
+                "name": "射洪市"
+              }
+            ]
+          },
+          {
+            "code": "5110",
+            "name": "内江市",
+            "children": [
+              {
+                "code": "511002",
+                "name": "市中区"
+              },
+              {
+                "code": "511011",
+                "name": "东兴区"
+              },
+              {
+                "code": "511024",
+                "name": "威远县"
+              },
+              {
+                "code": "511025",
+                "name": "资中县"
+              },
+              {
+                "code": "511083",
+                "name": "隆昌市"
+              }
+            ]
+          },
+          {
+            "code": "5111",
+            "name": "乐山市",
+            "children": [
+              {
+                "code": "511102",
+                "name": "市中区"
+              },
+              {
+                "code": "511111",
+                "name": "沙湾区"
+              },
+              {
+                "code": "511112",
+                "name": "五通桥区"
+              },
+              {
+                "code": "511113",
+                "name": "金口河区"
+              },
+              {
+                "code": "511123",
+                "name": "犍为县"
+              },
+              {
+                "code": "511124",
+                "name": "井研县"
+              },
+              {
+                "code": "511126",
+                "name": "夹江县"
+              },
+              {
+                "code": "511129",
+                "name": "沐川县"
+              },
+              {
+                "code": "511132",
+                "name": "峨边彝族自治县"
+              },
+              {
+                "code": "511133",
+                "name": "马边彝族自治县"
+              },
+              {
+                "code": "511181",
+                "name": "峨眉山市"
+              }
+            ]
+          },
+          {
+            "code": "5113",
+            "name": "南充市",
+            "children": [
+              {
+                "code": "511302",
+                "name": "顺庆区"
+              },
+              {
+                "code": "511303",
+                "name": "高坪区"
+              },
+              {
+                "code": "511304",
+                "name": "嘉陵区"
+              },
+              {
+                "code": "511321",
+                "name": "南部县"
+              },
+              {
+                "code": "511322",
+                "name": "营山县"
+              },
+              {
+                "code": "511323",
+                "name": "蓬安县"
+              },
+              {
+                "code": "511324",
+                "name": "仪陇县"
+              },
+              {
+                "code": "511325",
+                "name": "西充县"
+              },
+              {
+                "code": "511381",
+                "name": "阆中市"
+              }
+            ]
+          },
+          {
+            "code": "5114",
+            "name": "眉山市",
+            "children": [
+              {
+                "code": "511402",
+                "name": "东坡区"
+              },
+              {
+                "code": "511403",
+                "name": "彭山区"
+              },
+              {
+                "code": "511421",
+                "name": "仁寿县"
+              },
+              {
+                "code": "511423",
+                "name": "洪雅县"
+              },
+              {
+                "code": "511424",
+                "name": "丹棱县"
+              },
+              {
+                "code": "511425",
+                "name": "青神县"
+              }
+            ]
+          },
+          {
+            "code": "5115",
+            "name": "宜宾市",
+            "children": [
+              {
+                "code": "511502",
+                "name": "翠屏区"
+              },
+              {
+                "code": "511503",
+                "name": "南溪区"
+              },
+              {
+                "code": "511504",
+                "name": "叙州区"
+              },
+              {
+                "code": "511523",
+                "name": "江安县"
+              },
+              {
+                "code": "511524",
+                "name": "长宁县"
+              },
+              {
+                "code": "511525",
+                "name": "高县"
+              },
+              {
+                "code": "511526",
+                "name": "珙县"
+              },
+              {
+                "code": "511527",
+                "name": "筠连县"
+              },
+              {
+                "code": "511528",
+                "name": "兴文县"
+              },
+              {
+                "code": "511529",
+                "name": "屏山县"
+              }
+            ]
+          },
+          {
+            "code": "5116",
+            "name": "广安市",
+            "children": [
+              {
+                "code": "511602",
+                "name": "广安区"
+              },
+              {
+                "code": "511603",
+                "name": "前锋区"
+              },
+              {
+                "code": "511621",
+                "name": "岳池县"
+              },
+              {
+                "code": "511622",
+                "name": "武胜县"
+              },
+              {
+                "code": "511623",
+                "name": "邻水县"
+              },
+              {
+                "code": "511681",
+                "name": "华蓥市"
+              }
+            ]
+          },
+          {
+            "code": "5117",
+            "name": "达州市",
+            "children": [
+              {
+                "code": "511702",
+                "name": "通川区"
+              },
+              {
+                "code": "511703",
+                "name": "达川区"
+              },
+              {
+                "code": "511722",
+                "name": "宣汉县"
+              },
+              {
+                "code": "511723",
+                "name": "开江县"
+              },
+              {
+                "code": "511724",
+                "name": "大竹县"
+              },
+              {
+                "code": "511725",
+                "name": "渠县"
+              },
+              {
+                "code": "511781",
+                "name": "万源市"
+              }
+            ]
+          },
+          {
+            "code": "5118",
+            "name": "雅安市",
+            "children": [
+              {
+                "code": "511802",
+                "name": "雨城区"
+              },
+              {
+                "code": "511803",
+                "name": "名山区"
+              },
+              {
+                "code": "511822",
+                "name": "荥经县"
+              },
+              {
+                "code": "511823",
+                "name": "汉源县"
+              },
+              {
+                "code": "511824",
+                "name": "石棉县"
+              },
+              {
+                "code": "511825",
+                "name": "天全县"
+              },
+              {
+                "code": "511826",
+                "name": "芦山县"
+              },
+              {
+                "code": "511827",
+                "name": "宝兴县"
+              }
+            ]
+          },
+          {
+            "code": "5119",
+            "name": "巴中市",
+            "children": [
+              {
+                "code": "511902",
+                "name": "巴州区"
+              },
+              {
+                "code": "511903",
+                "name": "恩阳区"
+              },
+              {
+                "code": "511921",
+                "name": "通江县"
+              },
+              {
+                "code": "511922",
+                "name": "南江县"
+              },
+              {
+                "code": "511923",
+                "name": "平昌县"
+              }
+            ]
+          },
+          {
+            "code": "5120",
+            "name": "资阳市",
+            "children": [
+              {
+                "code": "512002",
+                "name": "雁江区"
+              },
+              {
+                "code": "512021",
+                "name": "安岳县"
+              },
+              {
+                "code": "512022",
+                "name": "乐至县"
+              }
+            ]
+          },
+          {
+            "code": "5132",
+            "name": "阿坝藏族羌族自治州",
+            "children": [
+              {
+                "code": "513201",
+                "name": "马尔康市"
+              },
+              {
+                "code": "513221",
+                "name": "汶川县"
+              },
+              {
+                "code": "513222",
+                "name": "理县"
+              },
+              {
+                "code": "513223",
+                "name": "茂县"
+              },
+              {
+                "code": "513224",
+                "name": "松潘县"
+              },
+              {
+                "code": "513225",
+                "name": "九寨沟县"
+              },
+              {
+                "code": "513226",
+                "name": "金川县"
+              },
+              {
+                "code": "513227",
+                "name": "小金县"
+              },
+              {
+                "code": "513228",
+                "name": "黑水县"
+              },
+              {
+                "code": "513230",
+                "name": "壤塘县"
+              },
+              {
+                "code": "513231",
+                "name": "阿坝县"
+              },
+              {
+                "code": "513232",
+                "name": "若尔盖县"
+              },
+              {
+                "code": "513233",
+                "name": "红原县"
+              }
+            ]
+          },
+          {
+            "code": "5133",
+            "name": "甘孜藏族自治州",
+            "children": [
+              {
+                "code": "513301",
+                "name": "康定市"
+              },
+              {
+                "code": "513322",
+                "name": "泸定县"
+              },
+              {
+                "code": "513323",
+                "name": "丹巴县"
+              },
+              {
+                "code": "513324",
+                "name": "九龙县"
+              },
+              {
+                "code": "513325",
+                "name": "雅江县"
+              },
+              {
+                "code": "513326",
+                "name": "道孚县"
+              },
+              {
+                "code": "513327",
+                "name": "炉霍县"
+              },
+              {
+                "code": "513328",
+                "name": "甘孜县"
+              },
+              {
+                "code": "513329",
+                "name": "新龙县"
+              },
+              {
+                "code": "513330",
+                "name": "德格县"
+              },
+              {
+                "code": "513331",
+                "name": "白玉县"
+              },
+              {
+                "code": "513332",
+                "name": "石渠县"
+              },
+              {
+                "code": "513333",
+                "name": "色达县"
+              },
+              {
+                "code": "513334",
+                "name": "理塘县"
+              },
+              {
+                "code": "513335",
+                "name": "巴塘县"
+              },
+              {
+                "code": "513336",
+                "name": "乡城县"
+              },
+              {
+                "code": "513337",
+                "name": "稻城县"
+              },
+              {
+                "code": "513338",
+                "name": "得荣县"
+              }
+            ]
+          },
+          {
+            "code": "5134",
+            "name": "凉山彝族自治州",
+            "children": [
+              {
+                "code": "513401",
+                "name": "西昌市"
+              },
+              {
+                "code": "513402",
+                "name": "会理市"
+              },
+              {
+                "code": "513422",
+                "name": "木里藏族自治县"
+              },
+              {
+                "code": "513423",
+                "name": "盐源县"
+              },
+              {
+                "code": "513424",
+                "name": "德昌县"
+              },
+              {
+                "code": "513426",
+                "name": "会东县"
+              },
+              {
+                "code": "513427",
+                "name": "宁南县"
+              },
+              {
+                "code": "513428",
+                "name": "普格县"
+              },
+              {
+                "code": "513429",
+                "name": "布拖县"
+              },
+              {
+                "code": "513430",
+                "name": "金阳县"
+              },
+              {
+                "code": "513431",
+                "name": "昭觉县"
+              },
+              {
+                "code": "513432",
+                "name": "喜德县"
+              },
+              {
+                "code": "513433",
+                "name": "冕宁县"
+              },
+              {
+                "code": "513434",
+                "name": "越西县"
+              },
+              {
+                "code": "513435",
+                "name": "甘洛县"
+              },
+              {
+                "code": "513436",
+                "name": "美姑县"
+              },
+              {
+                "code": "513437",
+                "name": "雷波县"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "code": "52",
+        "name": "贵州省",
+        "children": [
+          {
+            "code": "5201",
+            "name": "贵阳市",
+            "children": [
+              {
+                "code": "520102",
+                "name": "南明区"
+              },
+              {
+                "code": "520103",
+                "name": "云岩区"
+              },
+              {
+                "code": "520111",
+                "name": "花溪区"
+              },
+              {
+                "code": "520112",
+                "name": "乌当区"
+              },
+              {
+                "code": "520113",
+                "name": "白云区"
+              },
+              {
+                "code": "520115",
+                "name": "观山湖区"
+              },
+              {
+                "code": "520121",
+                "name": "开阳县"
+              },
+              {
+                "code": "520122",
+                "name": "息烽县"
+              },
+              {
+                "code": "520123",
+                "name": "修文县"
+              },
+              {
+                "code": "520181",
+                "name": "清镇市"
+              }
+            ]
+          },
+          {
+            "code": "5202",
+            "name": "六盘水市",
+            "children": [
+              {
+                "code": "520201",
+                "name": "钟山区"
+              },
+              {
+                "code": "520203",
+                "name": "六枝特区"
+              },
+              {
+                "code": "520204",
+                "name": "水城区"
+              },
+              {
+                "code": "520281",
+                "name": "盘州市"
+              }
+            ]
+          },
+          {
+            "code": "5203",
+            "name": "遵义市",
+            "children": [
+              {
+                "code": "520302",
+                "name": "红花岗区"
+              },
+              {
+                "code": "520303",
+                "name": "汇川区"
+              },
+              {
+                "code": "520304",
+                "name": "播州区"
+              },
+              {
+                "code": "520322",
+                "name": "桐梓县"
+              },
+              {
+                "code": "520323",
+                "name": "绥阳县"
+              },
+              {
+                "code": "520324",
+                "name": "正安县"
+              },
+              {
+                "code": "520325",
+                "name": "道真仡佬族苗族自治县"
+              },
+              {
+                "code": "520326",
+                "name": "务川仡佬族苗族自治县"
+              },
+              {
+                "code": "520327",
+                "name": "凤冈县"
+              },
+              {
+                "code": "520328",
+                "name": "湄潭县"
+              },
+              {
+                "code": "520329",
+                "name": "余庆县"
+              },
+              {
+                "code": "520330",
+                "name": "习水县"
+              },
+              {
+                "code": "520381",
+                "name": "赤水市"
+              },
+              {
+                "code": "520382",
+                "name": "仁怀市"
+              }
+            ]
+          },
+          {
+            "code": "5204",
+            "name": "安顺市",
+            "children": [
+              {
+                "code": "520402",
+                "name": "西秀区"
+              },
+              {
+                "code": "520403",
+                "name": "平坝区"
+              },
+              {
+                "code": "520422",
+                "name": "普定县"
+              },
+              {
+                "code": "520423",
+                "name": "镇宁布依族苗族自治县"
+              },
+              {
+                "code": "520424",
+                "name": "关岭布依族苗族自治县"
+              },
+              {
+                "code": "520425",
+                "name": "紫云苗族布依族自治县"
+              }
+            ]
+          },
+          {
+            "code": "5205",
+            "name": "毕节市",
+            "children": [
+              {
+                "code": "520502",
+                "name": "七星关区"
+              },
+              {
+                "code": "520521",
+                "name": "大方县"
+              },
+              {
+                "code": "520523",
+                "name": "金沙县"
+              },
+              {
+                "code": "520524",
+                "name": "织金县"
+              },
+              {
+                "code": "520525",
+                "name": "纳雍县"
+              },
+              {
+                "code": "520526",
+                "name": "威宁彝族回族苗族自治县"
+              },
+              {
+                "code": "520527",
+                "name": "赫章县"
+              },
+              {
+                "code": "520581",
+                "name": "黔西市"
+              }
+            ]
+          },
+          {
+            "code": "5206",
+            "name": "铜仁市",
+            "children": [
+              {
+                "code": "520602",
+                "name": "碧江区"
+              },
+              {
+                "code": "520603",
+                "name": "万山区"
+              },
+              {
+                "code": "520621",
+                "name": "江口县"
+              },
+              {
+                "code": "520622",
+                "name": "玉屏侗族自治县"
+              },
+              {
+                "code": "520623",
+                "name": "石阡县"
+              },
+              {
+                "code": "520624",
+                "name": "思南县"
+              },
+              {
+                "code": "520625",
+                "name": "印江土家族苗族自治县"
+              },
+              {
+                "code": "520626",
+                "name": "德江县"
+              },
+              {
+                "code": "520627",
+                "name": "沿河土家族自治县"
+              },
+              {
+                "code": "520628",
+                "name": "松桃苗族自治县"
+              }
+            ]
+          },
+          {
+            "code": "5223",
+            "name": "黔西南布依族苗族自治州",
+            "children": [
+              {
+                "code": "522301",
+                "name": "兴义市"
+              },
+              {
+                "code": "522302",
+                "name": "兴仁市"
+              },
+              {
+                "code": "522323",
+                "name": "普安县"
+              },
+              {
+                "code": "522324",
+                "name": "晴隆县"
+              },
+              {
+                "code": "522325",
+                "name": "贞丰县"
+              },
+              {
+                "code": "522326",
+                "name": "望谟县"
+              },
+              {
+                "code": "522327",
+                "name": "册亨县"
+              },
+              {
+                "code": "522328",
+                "name": "安龙县"
+              }
+            ]
+          },
+          {
+            "code": "5226",
+            "name": "黔东南苗族侗族自治州",
+            "children": [
+              {
+                "code": "522601",
+                "name": "凯里市"
+              },
+              {
+                "code": "522622",
+                "name": "黄平县"
+              },
+              {
+                "code": "522623",
+                "name": "施秉县"
+              },
+              {
+                "code": "522624",
+                "name": "三穗县"
+              },
+              {
+                "code": "522625",
+                "name": "镇远县"
+              },
+              {
+                "code": "522626",
+                "name": "岑巩县"
+              },
+              {
+                "code": "522627",
+                "name": "天柱县"
+              },
+              {
+                "code": "522628",
+                "name": "锦屏县"
+              },
+              {
+                "code": "522629",
+                "name": "剑河县"
+              },
+              {
+                "code": "522630",
+                "name": "台江县"
+              },
+              {
+                "code": "522631",
+                "name": "黎平县"
+              },
+              {
+                "code": "522632",
+                "name": "榕江县"
+              },
+              {
+                "code": "522633",
+                "name": "从江县"
+              },
+              {
+                "code": "522634",
+                "name": "雷山县"
+              },
+              {
+                "code": "522635",
+                "name": "麻江县"
+              },
+              {
+                "code": "522636",
+                "name": "丹寨县"
+              }
+            ]
+          },
+          {
+            "code": "5227",
+            "name": "黔南布依族苗族自治州",
+            "children": [
+              {
+                "code": "522701",
+                "name": "都匀市"
+              },
+              {
+                "code": "522702",
+                "name": "福泉市"
+              },
+              {
+                "code": "522722",
+                "name": "荔波县"
+              },
+              {
+                "code": "522723",
+                "name": "贵定县"
+              },
+              {
+                "code": "522725",
+                "name": "瓮安县"
+              },
+              {
+                "code": "522726",
+                "name": "独山县"
+              },
+              {
+                "code": "522727",
+                "name": "平塘县"
+              },
+              {
+                "code": "522728",
+                "name": "罗甸县"
+              },
+              {
+                "code": "522729",
+                "name": "长顺县"
+              },
+              {
+                "code": "522730",
+                "name": "龙里县"
+              },
+              {
+                "code": "522731",
+                "name": "惠水县"
+              },
+              {
+                "code": "522732",
+                "name": "三都水族自治县"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "code": "53",
+        "name": "云南省",
+        "children": [
+          {
+            "code": "5301",
+            "name": "昆明市",
+            "children": [
+              {
+                "code": "530102",
+                "name": "五华区"
+              },
+              {
+                "code": "530103",
+                "name": "盘龙区"
+              },
+              {
+                "code": "530111",
+                "name": "官渡区"
+              },
+              {
+                "code": "530112",
+                "name": "西山区"
+              },
+              {
+                "code": "530113",
+                "name": "东川区"
+              },
+              {
+                "code": "530114",
+                "name": "呈贡区"
+              },
+              {
+                "code": "530115",
+                "name": "晋宁区"
+              },
+              {
+                "code": "530124",
+                "name": "富民县"
+              },
+              {
+                "code": "530125",
+                "name": "宜良县"
+              },
+              {
+                "code": "530126",
+                "name": "石林彝族自治县"
+              },
+              {
+                "code": "530127",
+                "name": "嵩明县"
+              },
+              {
+                "code": "530128",
+                "name": "禄劝彝族苗族自治县"
+              },
+              {
+                "code": "530129",
+                "name": "寻甸回族彝族自治县"
+              },
+              {
+                "code": "530181",
+                "name": "安宁市"
+              }
+            ]
+          },
+          {
+            "code": "5303",
+            "name": "曲靖市",
+            "children": [
+              {
+                "code": "530302",
+                "name": "麒麟区"
+              },
+              {
+                "code": "530303",
+                "name": "沾益区"
+              },
+              {
+                "code": "530304",
+                "name": "马龙区"
+              },
+              {
+                "code": "530322",
+                "name": "陆良县"
+              },
+              {
+                "code": "530323",
+                "name": "师宗县"
+              },
+              {
+                "code": "530324",
+                "name": "罗平县"
+              },
+              {
+                "code": "530325",
+                "name": "富源县"
+              },
+              {
+                "code": "530326",
+                "name": "会泽县"
+              },
+              {
+                "code": "530381",
+                "name": "宣威市"
+              }
+            ]
+          },
+          {
+            "code": "5304",
+            "name": "玉溪市",
+            "children": [
+              {
+                "code": "530402",
+                "name": "红塔区"
+              },
+              {
+                "code": "530403",
+                "name": "江川区"
+              },
+              {
+                "code": "530423",
+                "name": "通海县"
+              },
+              {
+                "code": "530424",
+                "name": "华宁县"
+              },
+              {
+                "code": "530425",
+                "name": "易门县"
+              },
+              {
+                "code": "530426",
+                "name": "峨山彝族自治县"
+              },
+              {
+                "code": "530427",
+                "name": "新平彝族傣族自治县"
+              },
+              {
+                "code": "530428",
+                "name": "元江哈尼族彝族傣族自治县"
+              },
+              {
+                "code": "530481",
+                "name": "澄江市"
+              }
+            ]
+          },
+          {
+            "code": "5305",
+            "name": "保山市",
+            "children": [
+              {
+                "code": "530502",
+                "name": "隆阳区"
+              },
+              {
+                "code": "530521",
+                "name": "施甸县"
+              },
+              {
+                "code": "530523",
+                "name": "龙陵县"
+              },
+              {
+                "code": "530524",
+                "name": "昌宁县"
+              },
+              {
+                "code": "530581",
+                "name": "腾冲市"
+              }
+            ]
+          },
+          {
+            "code": "5306",
+            "name": "昭通市",
+            "children": [
+              {
+                "code": "530602",
+                "name": "昭阳区"
+              },
+              {
+                "code": "530621",
+                "name": "鲁甸县"
+              },
+              {
+                "code": "530622",
+                "name": "巧家县"
+              },
+              {
+                "code": "530623",
+                "name": "盐津县"
+              },
+              {
+                "code": "530624",
+                "name": "大关县"
+              },
+              {
+                "code": "530625",
+                "name": "永善县"
+              },
+              {
+                "code": "530626",
+                "name": "绥江县"
+              },
+              {
+                "code": "530627",
+                "name": "镇雄县"
+              },
+              {
+                "code": "530628",
+                "name": "彝良县"
+              },
+              {
+                "code": "530629",
+                "name": "威信县"
+              },
+              {
+                "code": "530681",
+                "name": "水富市"
+              }
+            ]
+          },
+          {
+            "code": "5307",
+            "name": "丽江市",
+            "children": [
+              {
+                "code": "530702",
+                "name": "古城区"
+              },
+              {
+                "code": "530721",
+                "name": "玉龙纳西族自治县"
+              },
+              {
+                "code": "530722",
+                "name": "永胜县"
+              },
+              {
+                "code": "530723",
+                "name": "华坪县"
+              },
+              {
+                "code": "530724",
+                "name": "宁蒗彝族自治县"
+              }
+            ]
+          },
+          {
+            "code": "5308",
+            "name": "普洱市",
+            "children": [
+              {
+                "code": "530802",
+                "name": "思茅区"
+              },
+              {
+                "code": "530821",
+                "name": "宁洱哈尼族彝族自治县"
+              },
+              {
+                "code": "530822",
+                "name": "墨江哈尼族自治县"
+              },
+              {
+                "code": "530823",
+                "name": "景东彝族自治县"
+              },
+              {
+                "code": "530824",
+                "name": "景谷傣族彝族自治县"
+              },
+              {
+                "code": "530825",
+                "name": "镇沅彝族哈尼族拉祜族自治县"
+              },
+              {
+                "code": "530826",
+                "name": "江城哈尼族彝族自治县"
+              },
+              {
+                "code": "530827",
+                "name": "孟连傣族拉祜族佤族自治县"
+              },
+              {
+                "code": "530828",
+                "name": "澜沧拉祜族自治县"
+              },
+              {
+                "code": "530829",
+                "name": "西盟佤族自治县"
+              }
+            ]
+          },
+          {
+            "code": "5309",
+            "name": "临沧市",
+            "children": [
+              {
+                "code": "530902",
+                "name": "临翔区"
+              },
+              {
+                "code": "530921",
+                "name": "凤庆县"
+              },
+              {
+                "code": "530922",
+                "name": "云县"
+              },
+              {
+                "code": "530923",
+                "name": "永德县"
+              },
+              {
+                "code": "530924",
+                "name": "镇康县"
+              },
+              {
+                "code": "530925",
+                "name": "双江拉祜族佤族布朗族傣族自治县"
+              },
+              {
+                "code": "530926",
+                "name": "耿马傣族佤族自治县"
+              },
+              {
+                "code": "530927",
+                "name": "沧源佤族自治县"
+              }
+            ]
+          },
+          {
+            "code": "5323",
+            "name": "楚雄彝族自治州",
+            "children": [
+              {
+                "code": "532301",
+                "name": "楚雄市"
+              },
+              {
+                "code": "532302",
+                "name": "禄丰市"
+              },
+              {
+                "code": "532322",
+                "name": "双柏县"
+              },
+              {
+                "code": "532323",
+                "name": "牟定县"
+              },
+              {
+                "code": "532324",
+                "name": "南华县"
+              },
+              {
+                "code": "532325",
+                "name": "姚安县"
+              },
+              {
+                "code": "532326",
+                "name": "大姚县"
+              },
+              {
+                "code": "532327",
+                "name": "永仁县"
+              },
+              {
+                "code": "532328",
+                "name": "元谋县"
+              },
+              {
+                "code": "532329",
+                "name": "武定县"
+              }
+            ]
+          },
+          {
+            "code": "5325",
+            "name": "红河哈尼族彝族自治州",
+            "children": [
+              {
+                "code": "532501",
+                "name": "个旧市"
+              },
+              {
+                "code": "532502",
+                "name": "开远市"
+              },
+              {
+                "code": "532503",
+                "name": "蒙自市"
+              },
+              {
+                "code": "532504",
+                "name": "弥勒市"
+              },
+              {
+                "code": "532523",
+                "name": "屏边苗族自治县"
+              },
+              {
+                "code": "532524",
+                "name": "建水县"
+              },
+              {
+                "code": "532525",
+                "name": "石屏县"
+              },
+              {
+                "code": "532527",
+                "name": "泸西县"
+              },
+              {
+                "code": "532528",
+                "name": "元阳县"
+              },
+              {
+                "code": "532529",
+                "name": "红河县"
+              },
+              {
+                "code": "532530",
+                "name": "金平苗族瑶族傣族自治县"
+              },
+              {
+                "code": "532531",
+                "name": "绿春县"
+              },
+              {
+                "code": "532532",
+                "name": "河口瑶族自治县"
+              }
+            ]
+          },
+          {
+            "code": "5326",
+            "name": "文山壮族苗族自治州",
+            "children": [
+              {
+                "code": "532601",
+                "name": "文山市"
+              },
+              {
+                "code": "532622",
+                "name": "砚山县"
+              },
+              {
+                "code": "532623",
+                "name": "西畴县"
+              },
+              {
+                "code": "532624",
+                "name": "麻栗坡县"
+              },
+              {
+                "code": "532625",
+                "name": "马关县"
+              },
+              {
+                "code": "532626",
+                "name": "丘北县"
+              },
+              {
+                "code": "532627",
+                "name": "广南县"
+              },
+              {
+                "code": "532628",
+                "name": "富宁县"
+              }
+            ]
+          },
+          {
+            "code": "5328",
+            "name": "西双版纳傣族自治州",
+            "children": [
+              {
+                "code": "532801",
+                "name": "景洪市"
+              },
+              {
+                "code": "532822",
+                "name": "勐海县"
+              },
+              {
+                "code": "532823",
+                "name": "勐腊县"
+              }
+            ]
+          },
+          {
+            "code": "5329",
+            "name": "大理白族自治州",
+            "children": [
+              {
+                "code": "532901",
+                "name": "大理市"
+              },
+              {
+                "code": "532922",
+                "name": "漾濞彝族自治县"
+              },
+              {
+                "code": "532923",
+                "name": "祥云县"
+              },
+              {
+                "code": "532924",
+                "name": "宾川县"
+              },
+              {
+                "code": "532925",
+                "name": "弥渡县"
+              },
+              {
+                "code": "532926",
+                "name": "南涧彝族自治县"
+              },
+              {
+                "code": "532927",
+                "name": "巍山彝族回族自治县"
+              },
+              {
+                "code": "532928",
+                "name": "永平县"
+              },
+              {
+                "code": "532929",
+                "name": "云龙县"
+              },
+              {
+                "code": "532930",
+                "name": "洱源县"
+              },
+              {
+                "code": "532931",
+                "name": "剑川县"
+              },
+              {
+                "code": "532932",
+                "name": "鹤庆县"
+              }
+            ]
+          },
+          {
+            "code": "5331",
+            "name": "德宏傣族景颇族自治州",
+            "children": [
+              {
+                "code": "533102",
+                "name": "瑞丽市"
+              },
+              {
+                "code": "533103",
+                "name": "芒市"
+              },
+              {
+                "code": "533122",
+                "name": "梁河县"
+              },
+              {
+                "code": "533123",
+                "name": "盈江县"
+              },
+              {
+                "code": "533124",
+                "name": "陇川县"
+              }
+            ]
+          },
+          {
+            "code": "5333",
+            "name": "怒江傈僳族自治州",
+            "children": [
+              {
+                "code": "533301",
+                "name": "泸水市"
+              },
+              {
+                "code": "533323",
+                "name": "福贡县"
+              },
+              {
+                "code": "533324",
+                "name": "贡山独龙族怒族自治县"
+              },
+              {
+                "code": "533325",
+                "name": "兰坪白族普米族自治县"
+              }
+            ]
+          },
+          {
+            "code": "5334",
+            "name": "迪庆藏族自治州",
+            "children": [
+              {
+                "code": "533401",
+                "name": "香格里拉市"
+              },
+              {
+                "code": "533422",
+                "name": "德钦县"
+              },
+              {
+                "code": "533423",
+                "name": "维西傈僳族自治县"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "code": "54",
+        "name": "西藏自治区",
+        "children": [
+          {
+            "code": "5401",
+            "name": "拉萨市",
+            "children": [
+              {
+                "code": "540102",
+                "name": "城关区"
+              },
+              {
+                "code": "540103",
+                "name": "堆龙德庆区"
+              },
+              {
+                "code": "540104",
+                "name": "达孜区"
+              },
+              {
+                "code": "540121",
+                "name": "林周县"
+              },
+              {
+                "code": "540122",
+                "name": "当雄县"
+              },
+              {
+                "code": "540123",
+                "name": "尼木县"
+              },
+              {
+                "code": "540124",
+                "name": "曲水县"
+              },
+              {
+                "code": "540127",
+                "name": "墨竹工卡县"
+              },
+              {
+                "code": "540171",
+                "name": "格尔木藏青工业园区"
+              },
+              {
+                "code": "540172",
+                "name": "拉萨经济技术开发区"
+              },
+              {
+                "code": "540173",
+                "name": "西藏文化旅游创意园区"
+              },
+              {
+                "code": "540174",
+                "name": "达孜工业园区"
+              }
+            ]
+          },
+          {
+            "code": "5402",
+            "name": "日喀则市",
+            "children": [
+              {
+                "code": "540202",
+                "name": "桑珠孜区"
+              },
+              {
+                "code": "540221",
+                "name": "南木林县"
+              },
+              {
+                "code": "540222",
+                "name": "江孜县"
+              },
+              {
+                "code": "540223",
+                "name": "定日县"
+              },
+              {
+                "code": "540224",
+                "name": "萨迦县"
+              },
+              {
+                "code": "540225",
+                "name": "拉孜县"
+              },
+              {
+                "code": "540226",
+                "name": "昂仁县"
+              },
+              {
+                "code": "540227",
+                "name": "谢通门县"
+              },
+              {
+                "code": "540228",
+                "name": "白朗县"
+              },
+              {
+                "code": "540229",
+                "name": "仁布县"
+              },
+              {
+                "code": "540230",
+                "name": "康马县"
+              },
+              {
+                "code": "540231",
+                "name": "定结县"
+              },
+              {
+                "code": "540232",
+                "name": "仲巴县"
+              },
+              {
+                "code": "540233",
+                "name": "亚东县"
+              },
+              {
+                "code": "540234",
+                "name": "吉隆县"
+              },
+              {
+                "code": "540235",
+                "name": "聂拉木县"
+              },
+              {
+                "code": "540236",
+                "name": "萨嘎县"
+              },
+              {
+                "code": "540237",
+                "name": "岗巴县"
+              }
+            ]
+          },
+          {
+            "code": "5403",
+            "name": "昌都市",
+            "children": [
+              {
+                "code": "540302",
+                "name": "卡若区"
+              },
+              {
+                "code": "540321",
+                "name": "江达县"
+              },
+              {
+                "code": "540322",
+                "name": "贡觉县"
+              },
+              {
+                "code": "540323",
+                "name": "类乌齐县"
+              },
+              {
+                "code": "540324",
+                "name": "丁青县"
+              },
+              {
+                "code": "540325",
+                "name": "察雅县"
+              },
+              {
+                "code": "540326",
+                "name": "八宿县"
+              },
+              {
+                "code": "540327",
+                "name": "左贡县"
+              },
+              {
+                "code": "540328",
+                "name": "芒康县"
+              },
+              {
+                "code": "540329",
+                "name": "洛隆县"
+              },
+              {
+                "code": "540330",
+                "name": "边坝县"
+              }
+            ]
+          },
+          {
+            "code": "5404",
+            "name": "林芝市",
+            "children": [
+              {
+                "code": "540402",
+                "name": "巴宜区"
+              },
+              {
+                "code": "540421",
+                "name": "工布江达县"
+              },
+              {
+                "code": "540423",
+                "name": "墨脱县"
+              },
+              {
+                "code": "540424",
+                "name": "波密县"
+              },
+              {
+                "code": "540425",
+                "name": "察隅县"
+              },
+              {
+                "code": "540426",
+                "name": "朗县"
+              },
+              {
+                "code": "540481",
+                "name": "米林市"
+              }
+            ]
+          },
+          {
+            "code": "5405",
+            "name": "山南市",
+            "children": [
+              {
+                "code": "540502",
+                "name": "乃东区"
+              },
+              {
+                "code": "540521",
+                "name": "扎囊县"
+              },
+              {
+                "code": "540522",
+                "name": "贡嘎县"
+              },
+              {
+                "code": "540523",
+                "name": "桑日县"
+              },
+              {
+                "code": "540524",
+                "name": "琼结县"
+              },
+              {
+                "code": "540525",
+                "name": "曲松县"
+              },
+              {
+                "code": "540526",
+                "name": "措美县"
+              },
+              {
+                "code": "540527",
+                "name": "洛扎县"
+              },
+              {
+                "code": "540528",
+                "name": "加查县"
+              },
+              {
+                "code": "540529",
+                "name": "隆子县"
+              },
+              {
+                "code": "540531",
+                "name": "浪卡子县"
+              },
+              {
+                "code": "540581",
+                "name": "错那市"
+              }
+            ]
+          },
+          {
+            "code": "5406",
+            "name": "那曲市",
+            "children": [
+              {
+                "code": "540602",
+                "name": "色尼区"
+              },
+              {
+                "code": "540621",
+                "name": "嘉黎县"
+              },
+              {
+                "code": "540622",
+                "name": "比如县"
+              },
+              {
+                "code": "540623",
+                "name": "聂荣县"
+              },
+              {
+                "code": "540624",
+                "name": "安多县"
+              },
+              {
+                "code": "540625",
+                "name": "申扎县"
+              },
+              {
+                "code": "540626",
+                "name": "索县"
+              },
+              {
+                "code": "540627",
+                "name": "班戈县"
+              },
+              {
+                "code": "540628",
+                "name": "巴青县"
+              },
+              {
+                "code": "540629",
+                "name": "尼玛县"
+              },
+              {
+                "code": "540630",
+                "name": "双湖县"
+              }
+            ]
+          },
+          {
+            "code": "5425",
+            "name": "阿里地区",
+            "children": [
+              {
+                "code": "542521",
+                "name": "普兰县"
+              },
+              {
+                "code": "542522",
+                "name": "札达县"
+              },
+              {
+                "code": "542523",
+                "name": "噶尔县"
+              },
+              {
+                "code": "542524",
+                "name": "日土县"
+              },
+              {
+                "code": "542525",
+                "name": "革吉县"
+              },
+              {
+                "code": "542526",
+                "name": "改则县"
+              },
+              {
+                "code": "542527",
+                "name": "措勤县"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "code": "61",
+        "name": "陕西省",
+        "children": [
+          {
+            "code": "6101",
+            "name": "西安市",
+            "children": [
+              {
+                "code": "610102",
+                "name": "新城区"
+              },
+              {
+                "code": "610103",
+                "name": "碑林区"
+              },
+              {
+                "code": "610104",
+                "name": "莲湖区"
+              },
+              {
+                "code": "610111",
+                "name": "灞桥区"
+              },
+              {
+                "code": "610112",
+                "name": "未央区"
+              },
+              {
+                "code": "610113",
+                "name": "雁塔区"
+              },
+              {
+                "code": "610114",
+                "name": "阎良区"
+              },
+              {
+                "code": "610115",
+                "name": "临潼区"
+              },
+              {
+                "code": "610116",
+                "name": "长安区"
+              },
+              {
+                "code": "610117",
+                "name": "高陵区"
+              },
+              {
+                "code": "610118",
+                "name": "鄠邑区"
+              },
+              {
+                "code": "610122",
+                "name": "蓝田县"
+              },
+              {
+                "code": "610124",
+                "name": "周至县"
+              }
+            ]
+          },
+          {
+            "code": "6102",
+            "name": "铜川市",
+            "children": [
+              {
+                "code": "610202",
+                "name": "王益区"
+              },
+              {
+                "code": "610203",
+                "name": "印台区"
+              },
+              {
+                "code": "610204",
+                "name": "耀州区"
+              },
+              {
+                "code": "610222",
+                "name": "宜君县"
+              }
+            ]
+          },
+          {
+            "code": "6103",
+            "name": "宝鸡市",
+            "children": [
+              {
+                "code": "610302",
+                "name": "渭滨区"
+              },
+              {
+                "code": "610303",
+                "name": "金台区"
+              },
+              {
+                "code": "610304",
+                "name": "陈仓区"
+              },
+              {
+                "code": "610305",
+                "name": "凤翔区"
+              },
+              {
+                "code": "610323",
+                "name": "岐山县"
+              },
+              {
+                "code": "610324",
+                "name": "扶风县"
+              },
+              {
+                "code": "610326",
+                "name": "眉县"
+              },
+              {
+                "code": "610327",
+                "name": "陇县"
+              },
+              {
+                "code": "610328",
+                "name": "千阳县"
+              },
+              {
+                "code": "610329",
+                "name": "麟游县"
+              },
+              {
+                "code": "610330",
+                "name": "凤县"
+              },
+              {
+                "code": "610331",
+                "name": "太白县"
+              }
+            ]
+          },
+          {
+            "code": "6104",
+            "name": "咸阳市",
+            "children": [
+              {
+                "code": "610402",
+                "name": "秦都区"
+              },
+              {
+                "code": "610403",
+                "name": "杨陵区"
+              },
+              {
+                "code": "610404",
+                "name": "渭城区"
+              },
+              {
+                "code": "610422",
+                "name": "三原县"
+              },
+              {
+                "code": "610423",
+                "name": "泾阳县"
+              },
+              {
+                "code": "610424",
+                "name": "乾县"
+              },
+              {
+                "code": "610425",
+                "name": "礼泉县"
+              },
+              {
+                "code": "610426",
+                "name": "永寿县"
+              },
+              {
+                "code": "610428",
+                "name": "长武县"
+              },
+              {
+                "code": "610429",
+                "name": "旬邑县"
+              },
+              {
+                "code": "610430",
+                "name": "淳化县"
+              },
+              {
+                "code": "610431",
+                "name": "武功县"
+              },
+              {
+                "code": "610481",
+                "name": "兴平市"
+              },
+              {
+                "code": "610482",
+                "name": "彬州市"
+              }
+            ]
+          },
+          {
+            "code": "6105",
+            "name": "渭南市",
+            "children": [
+              {
+                "code": "610502",
+                "name": "临渭区"
+              },
+              {
+                "code": "610503",
+                "name": "华州区"
+              },
+              {
+                "code": "610522",
+                "name": "潼关县"
+              },
+              {
+                "code": "610523",
+                "name": "大荔县"
+              },
+              {
+                "code": "610524",
+                "name": "合阳县"
+              },
+              {
+                "code": "610525",
+                "name": "澄城县"
+              },
+              {
+                "code": "610526",
+                "name": "蒲城县"
+              },
+              {
+                "code": "610527",
+                "name": "白水县"
+              },
+              {
+                "code": "610528",
+                "name": "富平县"
+              },
+              {
+                "code": "610581",
+                "name": "韩城市"
+              },
+              {
+                "code": "610582",
+                "name": "华阴市"
+              }
+            ]
+          },
+          {
+            "code": "6106",
+            "name": "延安市",
+            "children": [
+              {
+                "code": "610602",
+                "name": "宝塔区"
+              },
+              {
+                "code": "610603",
+                "name": "安塞区"
+              },
+              {
+                "code": "610621",
+                "name": "延长县"
+              },
+              {
+                "code": "610622",
+                "name": "延川县"
+              },
+              {
+                "code": "610625",
+                "name": "志丹县"
+              },
+              {
+                "code": "610626",
+                "name": "吴起县"
+              },
+              {
+                "code": "610627",
+                "name": "甘泉县"
+              },
+              {
+                "code": "610628",
+                "name": "富县"
+              },
+              {
+                "code": "610629",
+                "name": "洛川县"
+              },
+              {
+                "code": "610630",
+                "name": "宜川县"
+              },
+              {
+                "code": "610631",
+                "name": "黄龙县"
+              },
+              {
+                "code": "610632",
+                "name": "黄陵县"
+              },
+              {
+                "code": "610681",
+                "name": "子长市"
+              }
+            ]
+          },
+          {
+            "code": "6107",
+            "name": "汉中市",
+            "children": [
+              {
+                "code": "610702",
+                "name": "汉台区"
+              },
+              {
+                "code": "610703",
+                "name": "南郑区"
+              },
+              {
+                "code": "610722",
+                "name": "城固县"
+              },
+              {
+                "code": "610723",
+                "name": "洋县"
+              },
+              {
+                "code": "610724",
+                "name": "西乡县"
+              },
+              {
+                "code": "610725",
+                "name": "勉县"
+              },
+              {
+                "code": "610726",
+                "name": "宁强县"
+              },
+              {
+                "code": "610727",
+                "name": "略阳县"
+              },
+              {
+                "code": "610728",
+                "name": "镇巴县"
+              },
+              {
+                "code": "610729",
+                "name": "留坝县"
+              },
+              {
+                "code": "610730",
+                "name": "佛坪县"
+              }
+            ]
+          },
+          {
+            "code": "6108",
+            "name": "榆林市",
+            "children": [
+              {
+                "code": "610802",
+                "name": "榆阳区"
+              },
+              {
+                "code": "610803",
+                "name": "横山区"
+              },
+              {
+                "code": "610822",
+                "name": "府谷县"
+              },
+              {
+                "code": "610824",
+                "name": "靖边县"
+              },
+              {
+                "code": "610825",
+                "name": "定边县"
+              },
+              {
+                "code": "610826",
+                "name": "绥德县"
+              },
+              {
+                "code": "610827",
+                "name": "米脂县"
+              },
+              {
+                "code": "610828",
+                "name": "佳县"
+              },
+              {
+                "code": "610829",
+                "name": "吴堡县"
+              },
+              {
+                "code": "610830",
+                "name": "清涧县"
+              },
+              {
+                "code": "610831",
+                "name": "子洲县"
+              },
+              {
+                "code": "610881",
+                "name": "神木市"
+              }
+            ]
+          },
+          {
+            "code": "6109",
+            "name": "安康市",
+            "children": [
+              {
+                "code": "610902",
+                "name": "汉滨区"
+              },
+              {
+                "code": "610921",
+                "name": "汉阴县"
+              },
+              {
+                "code": "610922",
+                "name": "石泉县"
+              },
+              {
+                "code": "610923",
+                "name": "宁陕县"
+              },
+              {
+                "code": "610924",
+                "name": "紫阳县"
+              },
+              {
+                "code": "610925",
+                "name": "岚皋县"
+              },
+              {
+                "code": "610926",
+                "name": "平利县"
+              },
+              {
+                "code": "610927",
+                "name": "镇坪县"
+              },
+              {
+                "code": "610929",
+                "name": "白河县"
+              },
+              {
+                "code": "610981",
+                "name": "旬阳市"
+              }
+            ]
+          },
+          {
+            "code": "6110",
+            "name": "商洛市",
+            "children": [
+              {
+                "code": "611002",
+                "name": "商州区"
+              },
+              {
+                "code": "611021",
+                "name": "洛南县"
+              },
+              {
+                "code": "611022",
+                "name": "丹凤县"
+              },
+              {
+                "code": "611023",
+                "name": "商南县"
+              },
+              {
+                "code": "611024",
+                "name": "山阳县"
+              },
+              {
+                "code": "611025",
+                "name": "镇安县"
+              },
+              {
+                "code": "611026",
+                "name": "柞水县"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "code": "62",
+        "name": "甘肃省",
+        "children": [
+          {
+            "code": "6201",
+            "name": "兰州市",
+            "children": [
+              {
+                "code": "620102",
+                "name": "城关区"
+              },
+              {
+                "code": "620103",
+                "name": "七里河区"
+              },
+              {
+                "code": "620104",
+                "name": "西固区"
+              },
+              {
+                "code": "620105",
+                "name": "安宁区"
+              },
+              {
+                "code": "620111",
+                "name": "红古区"
+              },
+              {
+                "code": "620121",
+                "name": "永登县"
+              },
+              {
+                "code": "620122",
+                "name": "皋兰县"
+              },
+              {
+                "code": "620123",
+                "name": "榆中县"
+              },
+              {
+                "code": "620171",
+                "name": "兰州新区"
+              }
+            ]
+          },
+          {
+            "code": "6202",
+            "name": "嘉峪关市",
+            "children": [
+              {
+                "code": "620201001",
+                "name": "雄关街道"
+              },
+              {
+                "code": "620201002",
+                "name": "钢城街道"
+              },
+              {
+                "code": "620201100",
+                "name": "新城镇"
+              },
+              {
+                "code": "620201101",
+                "name": "峪泉镇"
+              },
+              {
+                "code": "620201102",
+                "name": "文殊镇"
+              }
+            ]
+          },
+          {
+            "code": "6203",
+            "name": "金昌市",
+            "children": [
+              {
+                "code": "620302",
+                "name": "金川区"
+              },
+              {
+                "code": "620321",
+                "name": "永昌县"
+              }
+            ]
+          },
+          {
+            "code": "6204",
+            "name": "白银市",
+            "children": [
+              {
+                "code": "620402",
+                "name": "白银区"
+              },
+              {
+                "code": "620403",
+                "name": "平川区"
+              },
+              {
+                "code": "620421",
+                "name": "靖远县"
+              },
+              {
+                "code": "620422",
+                "name": "会宁县"
+              },
+              {
+                "code": "620423",
+                "name": "景泰县"
+              }
+            ]
+          },
+          {
+            "code": "6205",
+            "name": "天水市",
+            "children": [
+              {
+                "code": "620502",
+                "name": "秦州区"
+              },
+              {
+                "code": "620503",
+                "name": "麦积区"
+              },
+              {
+                "code": "620521",
+                "name": "清水县"
+              },
+              {
+                "code": "620522",
+                "name": "秦安县"
+              },
+              {
+                "code": "620523",
+                "name": "甘谷县"
+              },
+              {
+                "code": "620524",
+                "name": "武山县"
+              },
+              {
+                "code": "620525",
+                "name": "张家川回族自治县"
+              }
+            ]
+          },
+          {
+            "code": "6206",
+            "name": "武威市",
+            "children": [
+              {
+                "code": "620602",
+                "name": "凉州区"
+              },
+              {
+                "code": "620621",
+                "name": "民勤县"
+              },
+              {
+                "code": "620622",
+                "name": "古浪县"
+              },
+              {
+                "code": "620623",
+                "name": "天祝藏族自治县"
+              }
+            ]
+          },
+          {
+            "code": "6207",
+            "name": "张掖市",
+            "children": [
+              {
+                "code": "620702",
+                "name": "甘州区"
+              },
+              {
+                "code": "620721",
+                "name": "肃南裕固族自治县"
+              },
+              {
+                "code": "620722",
+                "name": "民乐县"
+              },
+              {
+                "code": "620723",
+                "name": "临泽县"
+              },
+              {
+                "code": "620724",
+                "name": "高台县"
+              },
+              {
+                "code": "620725",
+                "name": "山丹县"
+              }
+            ]
+          },
+          {
+            "code": "6208",
+            "name": "平凉市",
+            "children": [
+              {
+                "code": "620802",
+                "name": "崆峒区"
+              },
+              {
+                "code": "620821",
+                "name": "泾川县"
+              },
+              {
+                "code": "620822",
+                "name": "灵台县"
+              },
+              {
+                "code": "620823",
+                "name": "崇信县"
+              },
+              {
+                "code": "620825",
+                "name": "庄浪县"
+              },
+              {
+                "code": "620826",
+                "name": "静宁县"
+              },
+              {
+                "code": "620881",
+                "name": "华亭市"
+              }
+            ]
+          },
+          {
+            "code": "6209",
+            "name": "酒泉市",
+            "children": [
+              {
+                "code": "620902",
+                "name": "肃州区"
+              },
+              {
+                "code": "620921",
+                "name": "金塔县"
+              },
+              {
+                "code": "620922",
+                "name": "瓜州县"
+              },
+              {
+                "code": "620923",
+                "name": "肃北蒙古族自治县"
+              },
+              {
+                "code": "620924",
+                "name": "阿克塞哈萨克族自治县"
+              },
+              {
+                "code": "620981",
+                "name": "玉门市"
+              },
+              {
+                "code": "620982",
+                "name": "敦煌市"
+              }
+            ]
+          },
+          {
+            "code": "6210",
+            "name": "庆阳市",
+            "children": [
+              {
+                "code": "621002",
+                "name": "西峰区"
+              },
+              {
+                "code": "621021",
+                "name": "庆城县"
+              },
+              {
+                "code": "621022",
+                "name": "环县"
+              },
+              {
+                "code": "621023",
+                "name": "华池县"
+              },
+              {
+                "code": "621024",
+                "name": "合水县"
+              },
+              {
+                "code": "621025",
+                "name": "正宁县"
+              },
+              {
+                "code": "621026",
+                "name": "宁县"
+              },
+              {
+                "code": "621027",
+                "name": "镇原县"
+              }
+            ]
+          },
+          {
+            "code": "6211",
+            "name": "定西市",
+            "children": [
+              {
+                "code": "621102",
+                "name": "安定区"
+              },
+              {
+                "code": "621121",
+                "name": "通渭县"
+              },
+              {
+                "code": "621122",
+                "name": "陇西县"
+              },
+              {
+                "code": "621123",
+                "name": "渭源县"
+              },
+              {
+                "code": "621124",
+                "name": "临洮县"
+              },
+              {
+                "code": "621125",
+                "name": "漳县"
+              },
+              {
+                "code": "621126",
+                "name": "岷县"
+              }
+            ]
+          },
+          {
+            "code": "6212",
+            "name": "陇南市",
+            "children": [
+              {
+                "code": "621202",
+                "name": "武都区"
+              },
+              {
+                "code": "621221",
+                "name": "成县"
+              },
+              {
+                "code": "621222",
+                "name": "文县"
+              },
+              {
+                "code": "621223",
+                "name": "宕昌县"
+              },
+              {
+                "code": "621224",
+                "name": "康县"
+              },
+              {
+                "code": "621225",
+                "name": "西和县"
+              },
+              {
+                "code": "621226",
+                "name": "礼县"
+              },
+              {
+                "code": "621227",
+                "name": "徽县"
+              },
+              {
+                "code": "621228",
+                "name": "两当县"
+              }
+            ]
+          },
+          {
+            "code": "6229",
+            "name": "临夏回族自治州",
+            "children": [
+              {
+                "code": "622901",
+                "name": "临夏市"
+              },
+              {
+                "code": "622921",
+                "name": "临夏县"
+              },
+              {
+                "code": "622922",
+                "name": "康乐县"
+              },
+              {
+                "code": "622923",
+                "name": "永靖县"
+              },
+              {
+                "code": "622924",
+                "name": "广河县"
+              },
+              {
+                "code": "622925",
+                "name": "和政县"
+              },
+              {
+                "code": "622926",
+                "name": "东乡族自治县"
+              },
+              {
+                "code": "622927",
+                "name": "积石山保安族东乡族撒拉族自治县"
+              }
+            ]
+          },
+          {
+            "code": "6230",
+            "name": "甘南藏族自治州",
+            "children": [
+              {
+                "code": "623001",
+                "name": "合作市"
+              },
+              {
+                "code": "623021",
+                "name": "临潭县"
+              },
+              {
+                "code": "623022",
+                "name": "卓尼县"
+              },
+              {
+                "code": "623023",
+                "name": "舟曲县"
+              },
+              {
+                "code": "623024",
+                "name": "迭部县"
+              },
+              {
+                "code": "623025",
+                "name": "玛曲县"
+              },
+              {
+                "code": "623026",
+                "name": "碌曲县"
+              },
+              {
+                "code": "623027",
+                "name": "夏河县"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "code": "63",
+        "name": "青海省",
+        "children": [
+          {
+            "code": "6301",
+            "name": "西宁市",
+            "children": [
+              {
+                "code": "630102",
+                "name": "城东区"
+              },
+              {
+                "code": "630103",
+                "name": "城中区"
+              },
+              {
+                "code": "630104",
+                "name": "城西区"
+              },
+              {
+                "code": "630105",
+                "name": "城北区"
+              },
+              {
+                "code": "630106",
+                "name": "湟中区"
+              },
+              {
+                "code": "630121",
+                "name": "大通回族土族自治县"
+              },
+              {
+                "code": "630123",
+                "name": "湟源县"
+              }
+            ]
+          },
+          {
+            "code": "6302",
+            "name": "海东市",
+            "children": [
+              {
+                "code": "630202",
+                "name": "乐都区"
+              },
+              {
+                "code": "630203",
+                "name": "平安区"
+              },
+              {
+                "code": "630222",
+                "name": "民和回族土族自治县"
+              },
+              {
+                "code": "630223",
+                "name": "互助土族自治县"
+              },
+              {
+                "code": "630224",
+                "name": "化隆回族自治县"
+              },
+              {
+                "code": "630225",
+                "name": "循化撒拉族自治县"
+              }
+            ]
+          },
+          {
+            "code": "6322",
+            "name": "海北藏族自治州",
+            "children": [
+              {
+                "code": "632221",
+                "name": "门源回族自治县"
+              },
+              {
+                "code": "632222",
+                "name": "祁连县"
+              },
+              {
+                "code": "632223",
+                "name": "海晏县"
+              },
+              {
+                "code": "632224",
+                "name": "刚察县"
+              }
+            ]
+          },
+          {
+            "code": "6323",
+            "name": "黄南藏族自治州",
+            "children": [
+              {
+                "code": "632301",
+                "name": "同仁市"
+              },
+              {
+                "code": "632322",
+                "name": "尖扎县"
+              },
+              {
+                "code": "632323",
+                "name": "泽库县"
+              },
+              {
+                "code": "632324",
+                "name": "河南蒙古族自治县"
+              }
+            ]
+          },
+          {
+            "code": "6325",
+            "name": "海南藏族自治州",
+            "children": [
+              {
+                "code": "632521",
+                "name": "共和县"
+              },
+              {
+                "code": "632522",
+                "name": "同德县"
+              },
+              {
+                "code": "632523",
+                "name": "贵德县"
+              },
+              {
+                "code": "632524",
+                "name": "兴海县"
+              },
+              {
+                "code": "632525",
+                "name": "贵南县"
+              }
+            ]
+          },
+          {
+            "code": "6326",
+            "name": "果洛藏族自治州",
+            "children": [
+              {
+                "code": "632621",
+                "name": "玛沁县"
+              },
+              {
+                "code": "632622",
+                "name": "班玛县"
+              },
+              {
+                "code": "632623",
+                "name": "甘德县"
+              },
+              {
+                "code": "632624",
+                "name": "达日县"
+              },
+              {
+                "code": "632625",
+                "name": "久治县"
+              },
+              {
+                "code": "632626",
+                "name": "玛多县"
+              }
+            ]
+          },
+          {
+            "code": "6327",
+            "name": "玉树藏族自治州",
+            "children": [
+              {
+                "code": "632701",
+                "name": "玉树市"
+              },
+              {
+                "code": "632722",
+                "name": "杂多县"
+              },
+              {
+                "code": "632723",
+                "name": "称多县"
+              },
+              {
+                "code": "632724",
+                "name": "治多县"
+              },
+              {
+                "code": "632725",
+                "name": "囊谦县"
+              },
+              {
+                "code": "632726",
+                "name": "曲麻莱县"
+              }
+            ]
+          },
+          {
+            "code": "6328",
+            "name": "海西蒙古族藏族自治州",
+            "children": [
+              {
+                "code": "632801",
+                "name": "格尔木市"
+              },
+              {
+                "code": "632802",
+                "name": "德令哈市"
+              },
+              {
+                "code": "632803",
+                "name": "茫崖市"
+              },
+              {
+                "code": "632821",
+                "name": "乌兰县"
+              },
+              {
+                "code": "632822",
+                "name": "都兰县"
+              },
+              {
+                "code": "632823",
+                "name": "天峻县"
+              },
+              {
+                "code": "632857",
+                "name": "大柴旦行政委员会"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "code": "64",
+        "name": "宁夏回族自治区",
+        "children": [
+          {
+            "code": "6401",
+            "name": "银川市",
+            "children": [
+              {
+                "code": "640104",
+                "name": "兴庆区"
+              },
+              {
+                "code": "640105",
+                "name": "西夏区"
+              },
+              {
+                "code": "640106",
+                "name": "金凤区"
+              },
+              {
+                "code": "640121",
+                "name": "永宁县"
+              },
+              {
+                "code": "640122",
+                "name": "贺兰县"
+              },
+              {
+                "code": "640181",
+                "name": "灵武市"
+              }
+            ]
+          },
+          {
+            "code": "6402",
+            "name": "石嘴山市",
+            "children": [
+              {
+                "code": "640202",
+                "name": "大武口区"
+              },
+              {
+                "code": "640205",
+                "name": "惠农区"
+              },
+              {
+                "code": "640221",
+                "name": "平罗县"
+              }
+            ]
+          },
+          {
+            "code": "6403",
+            "name": "吴忠市",
+            "children": [
+              {
+                "code": "640302",
+                "name": "利通区"
+              },
+              {
+                "code": "640303",
+                "name": "红寺堡区"
+              },
+              {
+                "code": "640323",
+                "name": "盐池县"
+              },
+              {
+                "code": "640324",
+                "name": "同心县"
+              },
+              {
+                "code": "640381",
+                "name": "青铜峡市"
+              }
+            ]
+          },
+          {
+            "code": "6404",
+            "name": "固原市",
+            "children": [
+              {
+                "code": "640402",
+                "name": "原州区"
+              },
+              {
+                "code": "640422",
+                "name": "西吉县"
+              },
+              {
+                "code": "640423",
+                "name": "隆德县"
+              },
+              {
+                "code": "640424",
+                "name": "泾源县"
+              },
+              {
+                "code": "640425",
+                "name": "彭阳县"
+              }
+            ]
+          },
+          {
+            "code": "6405",
+            "name": "中卫市",
+            "children": [
+              {
+                "code": "640502",
+                "name": "沙坡头区"
+              },
+              {
+                "code": "640521",
+                "name": "中宁县"
+              },
+              {
+                "code": "640522",
+                "name": "海原县"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "code": "65",
+        "name": "新疆维吾尔自治区",
+        "children": [
+          {
+            "code": "6501",
+            "name": "乌鲁木齐市",
+            "children": [
+              {
+                "code": "650102",
+                "name": "天山区"
+              },
+              {
+                "code": "650103",
+                "name": "沙依巴克区"
+              },
+              {
+                "code": "650104",
+                "name": "新市区"
+              },
+              {
+                "code": "650105",
+                "name": "水磨沟区"
+              },
+              {
+                "code": "650106",
+                "name": "头屯河区"
+              },
+              {
+                "code": "650107",
+                "name": "达坂城区"
+              },
+              {
+                "code": "650109",
+                "name": "米东区"
+              },
+              {
+                "code": "650121",
+                "name": "乌鲁木齐县"
+              }
+            ]
+          },
+          {
+            "code": "6502",
+            "name": "克拉玛依市",
+            "children": [
+              {
+                "code": "650202",
+                "name": "独山子区"
+              },
+              {
+                "code": "650203",
+                "name": "克拉玛依区"
+              },
+              {
+                "code": "650204",
+                "name": "白碱滩区"
+              },
+              {
+                "code": "650205",
+                "name": "乌尔禾区"
+              }
+            ]
+          },
+          {
+            "code": "6504",
+            "name": "吐鲁番市",
+            "children": [
+              {
+                "code": "650402",
+                "name": "高昌区"
+              },
+              {
+                "code": "650421",
+                "name": "鄯善县"
+              },
+              {
+                "code": "650422",
+                "name": "托克逊县"
+              }
+            ]
+          },
+          {
+            "code": "6505",
+            "name": "哈密市",
+            "children": [
+              {
+                "code": "650502",
+                "name": "伊州区"
+              },
+              {
+                "code": "650521",
+                "name": "巴里坤哈萨克自治县"
+              },
+              {
+                "code": "650522",
+                "name": "伊吾县"
+              }
+            ]
+          },
+          {
+            "code": "6523",
+            "name": "昌吉回族自治州",
+            "children": [
+              {
+                "code": "652301",
+                "name": "昌吉市"
+              },
+              {
+                "code": "652302",
+                "name": "阜康市"
+              },
+              {
+                "code": "652323",
+                "name": "呼图壁县"
+              },
+              {
+                "code": "652324",
+                "name": "玛纳斯县"
+              },
+              {
+                "code": "652325",
+                "name": "奇台县"
+              },
+              {
+                "code": "652327",
+                "name": "吉木萨尔县"
+              },
+              {
+                "code": "652328",
+                "name": "木垒哈萨克自治县"
+              }
+            ]
+          },
+          {
+            "code": "6527",
+            "name": "博尔塔拉蒙古自治州",
+            "children": [
+              {
+                "code": "652701",
+                "name": "博乐市"
+              },
+              {
+                "code": "652702",
+                "name": "阿拉山口市"
+              },
+              {
+                "code": "652722",
+                "name": "精河县"
+              },
+              {
+                "code": "652723",
+                "name": "温泉县"
+              }
+            ]
+          },
+          {
+            "code": "6528",
+            "name": "巴音郭楞蒙古自治州",
+            "children": [
+              {
+                "code": "652801",
+                "name": "库尔勒市"
+              },
+              {
+                "code": "652822",
+                "name": "轮台县"
+              },
+              {
+                "code": "652823",
+                "name": "尉犁县"
+              },
+              {
+                "code": "652824",
+                "name": "若羌县"
+              },
+              {
+                "code": "652825",
+                "name": "且末县"
+              },
+              {
+                "code": "652826",
+                "name": "焉耆回族自治县"
+              },
+              {
+                "code": "652827",
+                "name": "和静县"
+              },
+              {
+                "code": "652828",
+                "name": "和硕县"
+              },
+              {
+                "code": "652829",
+                "name": "博湖县"
+              }
+            ]
+          },
+          {
+            "code": "6529",
+            "name": "阿克苏地区",
+            "children": [
+              {
+                "code": "652901",
+                "name": "阿克苏市"
+              },
+              {
+                "code": "652902",
+                "name": "库车市"
+              },
+              {
+                "code": "652922",
+                "name": "温宿县"
+              },
+              {
+                "code": "652924",
+                "name": "沙雅县"
+              },
+              {
+                "code": "652925",
+                "name": "新和县"
+              },
+              {
+                "code": "652926",
+                "name": "拜城县"
+              },
+              {
+                "code": "652927",
+                "name": "乌什县"
+              },
+              {
+                "code": "652928",
+                "name": "阿瓦提县"
+              },
+              {
+                "code": "652929",
+                "name": "柯坪县"
+              }
+            ]
+          },
+          {
+            "code": "6530",
+            "name": "克孜勒苏柯尔克孜自治州",
+            "children": [
+              {
+                "code": "653001",
+                "name": "阿图什市"
+              },
+              {
+                "code": "653022",
+                "name": "阿克陶县"
+              },
+              {
+                "code": "653023",
+                "name": "阿合奇县"
+              },
+              {
+                "code": "653024",
+                "name": "乌恰县"
+              }
+            ]
+          },
+          {
+            "code": "6531",
+            "name": "喀什地区",
+            "children": [
+              {
+                "code": "653101",
+                "name": "喀什市"
+              },
+              {
+                "code": "653121",
+                "name": "疏附县"
+              },
+              {
+                "code": "653122",
+                "name": "疏勒县"
+              },
+              {
+                "code": "653123",
+                "name": "英吉沙县"
+              },
+              {
+                "code": "653124",
+                "name": "泽普县"
+              },
+              {
+                "code": "653125",
+                "name": "莎车县"
+              },
+              {
+                "code": "653126",
+                "name": "叶城县"
+              },
+              {
+                "code": "653127",
+                "name": "麦盖提县"
+              },
+              {
+                "code": "653128",
+                "name": "岳普湖县"
+              },
+              {
+                "code": "653129",
+                "name": "伽师县"
+              },
+              {
+                "code": "653130",
+                "name": "巴楚县"
+              },
+              {
+                "code": "653131",
+                "name": "塔什库尔干塔吉克自治县"
+              }
+            ]
+          },
+          {
+            "code": "6532",
+            "name": "和田地区",
+            "children": [
+              {
+                "code": "653201",
+                "name": "和田市"
+              },
+              {
+                "code": "653221",
+                "name": "和田县"
+              },
+              {
+                "code": "653222",
+                "name": "墨玉县"
+              },
+              {
+                "code": "653223",
+                "name": "皮山县"
+              },
+              {
+                "code": "653224",
+                "name": "洛浦县"
+              },
+              {
+                "code": "653225",
+                "name": "策勒县"
+              },
+              {
+                "code": "653226",
+                "name": "于田县"
+              },
+              {
+                "code": "653227",
+                "name": "民丰县"
+              }
+            ]
+          },
+          {
+            "code": "6540",
+            "name": "伊犁哈萨克自治州",
+            "children": [
+              {
+                "code": "654002",
+                "name": "伊宁市"
+              },
+              {
+                "code": "654003",
+                "name": "奎屯市"
+              },
+              {
+                "code": "654004",
+                "name": "霍尔果斯市"
+              },
+              {
+                "code": "654021",
+                "name": "伊宁县"
+              },
+              {
+                "code": "654022",
+                "name": "察布查尔锡伯自治县"
+              },
+              {
+                "code": "654023",
+                "name": "霍城县"
+              },
+              {
+                "code": "654024",
+                "name": "巩留县"
+              },
+              {
+                "code": "654025",
+                "name": "新源县"
+              },
+              {
+                "code": "654026",
+                "name": "昭苏县"
+              },
+              {
+                "code": "654027",
+                "name": "特克斯县"
+              },
+              {
+                "code": "654028",
+                "name": "尼勒克县"
+              }
+            ]
+          },
+          {
+            "code": "6542",
+            "name": "塔城地区",
+            "children": [
+              {
+                "code": "654201",
+                "name": "塔城市"
+              },
+              {
+                "code": "654202",
+                "name": "乌苏市"
+              },
+              {
+                "code": "654203",
+                "name": "沙湾市"
+              },
+              {
+                "code": "654221",
+                "name": "额敏县"
+              },
+              {
+                "code": "654224",
+                "name": "托里县"
+              },
+              {
+                "code": "654225",
+                "name": "裕民县"
+              },
+              {
+                "code": "654226",
+                "name": "和布克赛尔蒙古自治县"
+              }
+            ]
+          },
+          {
+            "code": "6543",
+            "name": "阿勒泰地区",
+            "children": [
+              {
+                "code": "654301",
+                "name": "阿勒泰市"
+              },
+              {
+                "code": "654321",
+                "name": "布尔津县"
+              },
+              {
+                "code": "654322",
+                "name": "富蕴县"
+              },
+              {
+                "code": "654323",
+                "name": "福海县"
+              },
+              {
+                "code": "654324",
+                "name": "哈巴河县"
+              },
+              {
+                "code": "654325",
+                "name": "青河县"
+              },
+              {
+                "code": "654326",
+                "name": "吉木乃县"
+              }
+            ]
+          },
+          {
+            "code": "6590",
+            "name": "自治区直辖县级行政区划",
+            "children": [
+              {
+                "code": "659001",
+                "name": "石河子市"
+              },
+              {
+                "code": "659002",
+                "name": "阿拉尔市"
+              },
+              {
+                "code": "659003",
+                "name": "图木舒克市"
+              },
+              {
+                "code": "659004",
+                "name": "五家渠市"
+              },
+              {
+                "code": "659005",
+                "name": "北屯市"
+              },
+              {
+                "code": "659006",
+                "name": "铁门关市"
+              },
+              {
+                "code": "659007",
+                "name": "双河市"
+              },
+              {
+                "code": "659008",
+                "name": "可克达拉市"
+              },
+              {
+                "code": "659009",
+                "name": "昆玉市"
+              },
+              {
+                "code": "659010",
+                "name": "胡杨河市"
+              },
+              {
+                "code": "659011",
+                "name": "新星市"
+              },
+              {
+                "code": "659012",
+                "name": "白杨市"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "children": [
+          {
+            "children": [
+              {
+                "name": "中正区",
+                "code": "710101"
+              },
+              {
+                "name": "大同区",
+                "code": "710102"
+              },
+              {
+                "name": "中山区",
+                "code": "710103"
+              },
+              {
+                "name": "松山区",
+                "code": "710104"
+              },
+              {
+                "name": "大安区",
+                "code": "710105"
+              },
+              {
+                "name": "万华区",
+                "code": "710106"
+              },
+              {
+                "name": "信义区",
+                "code": "710107"
+              },
+              {
+                "name": "士林区",
+                "code": "710108"
+              },
+              {
+                "name": "北投区",
+                "code": "710109"
+              },
+              {
+                "name": "内湖区",
+                "code": "710110"
+              },
+              {
+                "name": "南港区",
+                "code": "710111"
+              },
+              {
+                "name": "文山区",
+                "code": "710112"
+              },
+              {
+                "name": "其它区",
+                "code": "710113"
+              }
+            ],
+            "name": "台北市",
+            "code": "7101"
+          },
+          {
+            "children": [
+              {
+                "name": "新兴区",
+                "code": "710201"
+              },
+              {
+                "name": "前金区",
+                "code": "710202"
+              },
+              {
+                "name": "芩雅区",
+                "code": "710203"
+              },
+              {
+                "name": "盐埕区",
+                "code": "710204"
+              },
+              {
+                "name": "鼓山区",
+                "code": "710205"
+              },
+              {
+                "name": "旗津区",
+                "code": "710206"
+              },
+              {
+                "name": "前镇区",
+                "code": "710207"
+              },
+              {
+                "name": "三民区",
+                "code": "710208"
+              },
+              {
+                "name": "左营区",
+                "code": "710209"
+              },
+              {
+                "name": "楠梓区",
+                "code": "710210"
+              },
+              {
+                "name": "小港区",
+                "code": "710211"
+              },
+              {
+                "name": "其它区",
+                "code": "710212"
+              }
+            ],
+            "name": "高雄市",
+            "code": "7102"
+          },
+          {
+            "children": [
+              {
+                "name": "中西区",
+                "code": "710301"
+              },
+              {
+                "name": "东区",
+                "code": "710302"
+              },
+              {
+                "name": "南区",
+                "code": "710303"
+              },
+              {
+                "name": "北区",
+                "code": "710304"
+              },
+              {
+                "name": "安平区",
+                "code": "710305"
+              },
+              {
+                "name": "安南区",
+                "code": "710306"
+              },
+              {
+                "name": "其它区",
+                "code": "710307"
+              }
+            ],
+            "name": "台南市",
+            "code": "7103"
+          },
+          {
+            "children": [
+              {
+                "name": "中区",
+                "code": "710401"
+              },
+              {
+                "name": "东区",
+                "code": "710402"
+              },
+              {
+                "name": "南区",
+                "code": "710403"
+              },
+              {
+                "name": "西区",
+                "code": "710404"
+              },
+              {
+                "name": "北区",
+                "code": "710405"
+              },
+              {
+                "name": "北屯区",
+                "code": "710406"
+              },
+              {
+                "name": "西屯区",
+                "code": "710407"
+              },
+              {
+                "name": "南屯区",
+                "code": "710408"
+              },
+              {
+                "name": "其它区",
+                "code": "710409"
+              }
+            ],
+            "name": "台中市",
+            "code": "7104"
+          },
+          {
+            "name": "金门县",
+            "code": "7105"
+          },
+          {
+            "name": "南投县",
+            "code": "7106"
+          },
+          {
+            "children": [
+              {
+                "name": "仁爱区",
+                "code": "710701"
+              },
+              {
+                "name": "信义区",
+                "code": "710702"
+              },
+              {
+                "name": "中正区",
+                "code": "710703"
+              },
+              {
+                "name": "中山区",
+                "code": "710704"
+              },
+              {
+                "name": "安乐区",
+                "code": "710705"
+              },
+              {
+                "name": "暖暖区",
+                "code": "710706"
+              },
+              {
+                "name": "七堵区",
+                "code": "710707"
+              },
+              {
+                "name": "其它区",
+                "code": "710708"
+              }
+            ],
+            "name": "基隆市",
+            "code": "7107"
+          },
+          {
+            "children": [
+              {
+                "name": "东区",
+                "code": "710801"
+              },
+              {
+                "name": "北区",
+                "code": "710802"
+              },
+              {
+                "name": "香山区",
+                "code": "710803"
+              },
+              {
+                "name": "其它区",
+                "code": "710804"
+              }
+            ],
+            "name": "新竹市",
+            "code": "7108"
+          },
+          {
+            "children": [
+              {
+                "name": "东区",
+                "code": "710901"
+              },
+              {
+                "name": "西区",
+                "code": "710902"
+              },
+              {
+                "name": "其它区",
+                "code": "710903"
+              }
+            ],
+            "name": "嘉义市",
+            "code": "7109"
+          },
+          {
+            "name": "新北市",
+            "code": "7111"
+          },
+          {
+            "name": "宜兰县",
+            "code": "7112"
+          },
+          {
+            "name": "新竹县",
+            "code": "7113"
+          },
+          {
+            "name": "桃园县",
+            "code": "7114"
+          },
+          {
+            "name": "苗栗县",
+            "code": "7115"
+          },
+          {
+            "name": "彰化县",
+            "code": "7117"
+          },
+          {
+            "name": "嘉义县",
+            "code": "7119"
+          },
+          {
+            "name": "云林县",
+            "code": "7121"
+          },
+          {
+            "name": "屏东县",
+            "code": "7124"
+          },
+          {
+            "name": "台东县",
+            "code": "7125"
+          },
+          {
+            "name": "花莲县",
+            "code": "7126"
+          },
+          {
+            "name": "澎湖县",
+            "code": "7127"
+          }
+        ],
+        "name": "台湾省",
+        "code": "71"
+      },
+      {
+        "children": [
+          {
+            "children": [
+              {
+                "name": "中西区",
+                "code": "810101"
+              },
+              {
+                "name": "湾仔",
+                "code": "810102"
+              },
+              {
+                "name": "东区",
+                "code": "810103"
+              },
+              {
+                "name": "南区",
+                "code": "810104"
+              }
+            ],
+            "name": "香港岛",
+            "code": "8101"
+          },
+          {
+            "children": [
+              {
+                "name": "九龙城区",
+                "code": "810201"
+              },
+              {
+                "name": "油尖旺区",
+                "code": "810202"
+              },
+              {
+                "name": "深水埗区",
+                "code": "810203"
+              },
+              {
+                "name": "黄大仙区",
+                "code": "810204"
+              },
+              {
+                "name": "观塘区",
+                "code": "810205"
+              }
+            ],
+            "name": "九龙",
+            "code": "8102"
+          },
+          {
+            "children": [
+              {
+                "name": "北区",
+                "code": "810301"
+              },
+              {
+                "name": "大埔区",
+                "code": "810302"
+              },
+              {
+                "name": "沙田区",
+                "code": "810303"
+              },
+              {
+                "name": "西贡区",
+                "code": "810304"
+              },
+              {
+                "name": "元朗区",
+                "code": "810305"
+              },
+              {
+                "name": "屯门区",
+                "code": "810306"
+              },
+              {
+                "name": "荃湾区",
+                "code": "810307"
+              },
+              {
+                "name": "葵青区",
+                "code": "810308"
+              },
+              {
+                "name": "离岛区",
+                "code": "810309"
+              }
+            ],
+            "name": "新界",
+            "code": "8103"
+          }
+        ],
+        "name": "香港特别行政区",
+        "code": "81"
+      },
+      {
+        "children": [
+          {
+            "children": [
+              {
+                "name": "花地玛堂区",
+                "code": "820101"
+              },
+              {
+                "name": "花王堂区",
+                "code": "820102"
+              },
+              {
+                "name": "大堂区",
+                "code": "820103"
+              },
+              {
+                "name": "望德堂区",
+                "code": "820104"
+              },
+              {
+                "name": "风顺堂区",
+                "code": "820105"
+              },
+              {
+                "name": "其他区",
+                "code": "820100"
+              }
+            ],
+            "name": "澳门半岛",
+            "code": "8201"
+          },
+          {
+            "children": [
+              {
+                "name": "嘉模堂区",
+                "code": "820201"
+              },
+              {
+                "name": "其他区",
+                "code": "820200"
+              }
+            ],
+            "name": "离岛",
+            "code": "8202"
+          },
+          {
+            "name": "圣方济各堂区",
+            "code": "820301"
+          },
+          {
+            "name": "路凼填海区",
+            "code": "820401"
+          }
+        ],
+        "name": "澳门特别行政区",
+        "code": "82"
+      }
+    ]
+  },
+  {
+    "name": "阿鲁巴",
+    "code": "ABW"
+  },
+  {
+    "name": "阿富汗",
+    "code": "AFG",
+    "children": [
+      {
+        "name": "赫拉特",
+        "code": "AFG_HEA"
+      },
+      {
+        "name": "喀布尔",
+        "code": "AFG_KBL"
+      },
+      {
+        "name": "坎大哈",
+        "code": "AFG_KDH"
+      },
+      {
+        "name": "马扎里沙里夫",
+        "code": "AFG_MZR"
+      }
+    ]
+  },
+  {
+    "name": "安圭拉",
+    "code": "AIA"
+  },
+  {
+    "name": "奥兰群岛",
+    "code": "ALA"
+  },
+  {
+    "name": "阿尔巴尼亚",
+    "code": "ALB",
+    "children": [
+      {
+        "name": "爱尔巴桑",
+        "code": "ALB_EL"
+      },
+      {
+        "name": "迪勃拉",
+        "code": "ALB_DI"
+      },
+      {
+        "name": "地拉那",
+        "code": "ALB_TR"
+      },
+      {
+        "name": "都拉斯",
+        "code": "ALB_DR"
+      },
+      {
+        "name": "发罗拉",
+        "code": "ALB_VL"
+      },
+      {
+        "name": "费里",
+        "code": "ALB_FR"
+      },
+      {
+        "name": "吉诺卡斯特",
+        "code": "ALB_GJ"
+      },
+      {
+        "name": "科尔察",
+        "code": "ALB_KO"
+      },
+      {
+        "name": "库克斯",
+        "code": "ALB_KU"
+      },
+      {
+        "name": "莱什",
+        "code": "ALB_LE"
+      },
+      {
+        "name": "培拉特",
+        "code": "ALB_BR"
+      },
+      {
+        "name": "斯库台",
+        "code": "ALB_SH"
+      }
+    ]
+  },
+  {
+    "name": "阿尔及利亚",
+    "code": "ALG"
+  },
+  {
+    "name": "安道尔",
+    "code": "AND",
+    "children": [
+      {
+        "name": "卡尼略",
+        "code": "AND_2"
+      },
+      {
+        "name": "恩坎普",
+        "code": "AND_3"
+      },
+      {
+        "name": "马萨纳",
+        "code": "AND_4"
+      },
+      {
+        "name": "奥尔迪诺",
+        "code": "AND_5"
+      },
+      {
+        "name": "圣胡利娅－德洛里亚",
+        "code": "AND_6"
+      },
+      {
+        "name": "安道尔城",
+        "code": "AND_7"
+      },
+      {
+        "name": "莱塞斯卡尔德－恩戈尔达",
+        "code": "AND_8"
+      }
+    ]
+  },
+  {
+    "name": "安哥拉",
+    "code": "ANG"
+  },
+  {
+    "name": "荷属安地列斯",
+    "code": "AHO"
+  },
+  {
+    "name": "安提瓜和巴布达",
+    "code": "ANT"
+  },
+  {
+    "name": "阿拉伯联合酋长国",
+    "code": "ARE",
+    "children": [
+      {
+        "name": "阿布扎比",
+        "code": "ARE_AZ"
+      },
+      {
+        "name": "艾因",
+        "code": "ARE_AL"
+      },
+      {
+        "name": "迪拜",
+        "code": "ARE_DU"
+      },
+      {
+        "name": "沙迦",
+        "code": "ARE_SH"
+      }
+    ]
+  },
+  {
+    "name": "阿根廷",
+    "code": "ARG",
+    "children": [
+      {
+        "name": "巴拉那",
+        "code": "ARG_PRA"
+      },
+      {
+        "name": "别德马",
+        "code": "ARG_VDM"
+      },
+      {
+        "name": "波萨达斯",
+        "code": "ARG_PSS"
+      },
+      {
+        "name": "布兰卡港",
+        "code": "ARG_BHI"
+      },
+      {
+        "name": "布宜诺斯艾利斯",
+        "code": "ARG_BUE"
+      },
+      {
+        "name": "福莫萨",
+        "code": "ARG_FMA"
+      },
+      {
+        "name": "胡胡伊",
+        "code": "ARG_JUJ"
+      },
+      {
+        "name": "卡塔马卡",
+        "code": "ARG_CTC"
+      },
+      {
+        "name": "科尔多瓦",
+        "code": "ARG_COR"
+      },
+      {
+        "name": "科连特斯",
+        "code": "ARG_CNQ"
+      },
+      {
+        "name": "克劳斯城",
+        "code": "ARG_VLK"
+      },
+      {
+        "name": "肯考迪娅",
+        "code": "ARG_COC"
+      },
+      {
+        "name": "拉里奥哈",
+        "code": "ARG_IRJ"
+      },
+      {
+        "name": "拉普拉塔",
+        "code": "ARG_LPG"
+      },
+      {
+        "name": "雷西斯滕匹亚",
+        "code": "ARG_RES"
+      },
+      {
+        "name": "里奥加耶戈斯",
+        "code": "ARG_RGL"
+      },
+      {
+        "name": "里奥夸尔托",
+        "code": "ARG_RCU"
+      },
+      {
+        "name": "里瓦达维亚海军准将城",
+        "code": "ARG_CRD"
+      },
+      {
+        "name": "罗萨里奥",
+        "code": "ARG_ROS"
+      },
+      {
+        "name": "罗森",
+        "code": "ARG_RWO"
+      },
+      {
+        "name": "马德普拉塔",
+        "code": "ARG_MDQ"
+      },
+      {
+        "name": "门多萨",
+        "code": "ARG_MDZ"
+      },
+      {
+        "name": "内乌肯",
+        "code": "ARG_NQN"
+      },
+      {
+        "name": "萨尔塔",
+        "code": "ARG_SLA"
+      },
+      {
+        "name": "圣地亚哥-德尔埃斯特罗",
+        "code": "ARG_SDE"
+      },
+      {
+        "name": "圣菲",
+        "code": "ARG_SFN"
+      },
+      {
+        "name": "圣胡安",
+        "code": "ARG_UAQ"
+      },
+      {
+        "name": "圣拉斐尔",
+        "code": "ARG_AFA"
+      },
+      {
+        "name": "圣路易斯",
+        "code": "ARG_LUQ"
+      },
+      {
+        "name": "圣罗莎",
+        "code": "ARG_RSA"
+      },
+      {
+        "name": "圣米格尔-德图库曼",
+        "code": "ARG_SMC"
+      },
+      {
+        "name": "圣尼古拉斯",
+        "code": "ARG_SNS"
+      },
+      {
+        "name": "特雷利乌",
+        "code": "ARG_REL"
+      },
+      {
+        "name": "乌斯怀亚",
+        "code": "ARG_USH"
+      }
+    ]
+  },
+  {
+    "name": "亚美尼亚",
+    "code": "ARM",
+    "children": [
+      {
+        "name": "阿尔马维尔",
+        "code": "ARM_ARM"
+      },
+      {
+        "name": "阿拉加措特恩",
+        "code": "ARM_AGT"
+      },
+      {
+        "name": "阿拉拉特",
+        "code": "ARM_ARA"
+      },
+      {
+        "name": "埃里温市",
+        "code": "ARM_EVN"
+      },
+      {
+        "name": "格加尔库尼克",
+        "code": "ARM_GEG"
+      },
+      {
+        "name": "科泰克",
+        "code": "ARM_KOT"
+      },
+      {
+        "name": "洛里",
+        "code": "ARM_LOR"
+      },
+      {
+        "name": "塔武什",
+        "code": "ARM_TAV"
+      },
+      {
+        "name": "瓦约茨·佐尔",
+        "code": "ARM_VAY"
+      },
+      {
+        "name": "希拉克",
+        "code": "ARM_SHI"
+      },
+      {
+        "name": "休尼克",
+        "code": "ARM_SYU"
+      }
+    ]
+  },
+  {
+    "name": "阿森松岛",
+    "code": "ASC"
+  },
+  {
+    "name": "美属萨摩亚",
+    "code": "ASM",
+    "children": [
+      {
+        "name": "阿纳",
+        "code": "ASM_AAN"
+      },
+      {
+        "name": "阿图阿",
+        "code": "ASM_ATU"
+      },
+      {
+        "name": "艾加伊勒泰",
+        "code": "ASM_AIT"
+      },
+      {
+        "name": "法塞莱莱阿加",
+        "code": "ASM_FAA"
+      },
+      {
+        "name": "加盖福毛加",
+        "code": "ASM_GFG"
+      },
+      {
+        "name": "加加埃毛加",
+        "code": "ASM_GMG"
+      },
+      {
+        "name": "帕劳利",
+        "code": "ASM_PAL"
+      },
+      {
+        "name": "萨图帕伊泰阿",
+        "code": "ASM_SAT"
+      },
+      {
+        "name": "萨瓦伊岛",
+        "code": "ASM_SAV"
+      },
+      {
+        "name": "图阿马萨加",
+        "code": "ASM_TUA"
+      },
+      {
+        "name": "瓦奥福诺蒂",
+        "code": "ASM_VAF"
+      },
+      {
+        "name": "韦西加诺",
+        "code": "ASM_VAI"
+      },
+      {
+        "name": "乌波卢岛",
+        "code": "ASM_UPO"
+      }
+    ]
+  },
+  {
+    "name": "南极洲",
+    "code": "ATA"
+  },
+  {
+    "name": "法属南部领地",
+    "code": "ATF"
+  },
+  {
+    "name": "安提瓜岛和巴布达",
+    "code": "ATG"
+  },
+  {
+    "name": "澳大利亚",
+    "code": "AUS",
+    "children": [
+      {
+        "name": "北部地区",
+        "code": "AUS_NT"
+      },
+      {
+        "name": "堪培拉",
+        "code": "AUS_ACT"
+      },
+      {
+        "name": "昆士兰",
+        "code": "AUS_QLD"
+      },
+      {
+        "name": "南澳大利亚",
+        "code": "AUS_SA"
+      },
+      {
+        "name": "塔斯马尼亚",
+        "code": "AUS_TAS"
+      },
+      {
+        "name": "维多利亚",
+        "code": "AUS_VIC"
+      },
+      {
+        "name": "西澳大利亚",
+        "code": "AUS_AWA"
+      },
+      {
+        "name": "新南威尔士",
+        "code": "AUS_NSW"
+      }
+    ]
+  },
+  {
+    "name": "奥地利",
+    "code": "AUT",
+    "children": [
+      {
+        "name": "布尔根兰",
+        "code": "AUT_BUR"
+      },
+      {
+        "name": "蒂罗尔",
+        "code": "AUT_TYR"
+      },
+      {
+        "name": "福拉尔贝格",
+        "code": "AUT_VOR"
+      },
+      {
+        "name": "克恩顿",
+        "code": "AUT_CAT"
+      },
+      {
+        "name": "萨尔茨堡",
+        "code": "AUT_SZG"
+      },
+      {
+        "name": "上奥地利",
+        "code": "AUT_UAU"
+      },
+      {
+        "name": "施蒂利亚",
+        "code": "AUT_STY"
+      },
+      {
+        "name": "维也纳",
+        "code": "AUT_VDD"
+      },
+      {
+        "name": "下奥地利",
+        "code": "AUT_LAU"
+      }
+    ]
+  },
+  {
+    "name": "阿塞拜疆",
+    "code": "AZE",
+    "children": [
+      {
+        "name": "阿布歇隆",
+        "code": "AZE_ABS"
+      },
+      {
+        "name": "哈奇马斯",
+        "code": "AZE_XAC"
+      },
+      {
+        "name": "卡尔巴卡尔",
+        "code": "AZE_KAL"
+      },
+      {
+        "name": "卡扎赫",
+        "code": "AZE_QAZ"
+      },
+      {
+        "name": "连科兰",
+        "code": "AZE_LAN"
+      },
+      {
+        "name": "密尔-卡拉巴赫",
+        "code": "AZE_MQA"
+      },
+      {
+        "name": "穆甘-萨连",
+        "code": "AZE_MSA"
+      },
+      {
+        "name": "纳戈尔诺－卡拉巴赫",
+        "code": "AZE_NQA"
+      },
+      {
+        "name": "纳希切万",
+        "code": "AZE_NX"
+      },
+      {
+        "name": "普利亚拉克斯",
+        "code": "AZE_PRI"
+      },
+      {
+        "name": "舍基",
+        "code": "AZE_SA"
+      },
+      {
+        "name": "苏姆盖特",
+        "code": "AZE_SMC"
+      },
+      {
+        "name": "锡尔万",
+        "code": "AZE_SIR"
+      },
+      {
+        "name": "占贾",
+        "code": "AZE_GA"
+      }
+    ]
+  },
+  {
+    "name": "巴哈马",
+    "code": "BAH"
+  },
+  {
+    "name": "孟加拉国",
+    "code": "BAN"
+  },
+  {
+    "name": "巴巴多斯",
+    "code": "BAR"
+  },
+  {
+    "name": "布隆迪",
+    "code": "BDI",
+    "children": [
+      {
+        "name": "布班扎",
+        "code": "BDI_BB"
+      },
+      {
+        "name": "布鲁里",
+        "code": "BDI_BR"
+      },
+      {
+        "name": "布琼布拉城市",
+        "code": "BDI_BM"
+      },
+      {
+        "name": "布琼布拉乡村",
+        "code": "BDI_BU"
+      },
+      {
+        "name": "恩戈齐",
+        "code": "BDI_NG"
+      },
+      {
+        "name": "基龙多",
+        "code": "BDI_KI"
+      },
+      {
+        "name": "基特加",
+        "code": "BDI_GI"
+      },
+      {
+        "name": "卡鲁济",
+        "code": "BDI_KR"
+      },
+      {
+        "name": "卡扬扎",
+        "code": "BDI_KY"
+      },
+      {
+        "name": "坎库佐",
+        "code": "BDI_CA"
+      },
+      {
+        "name": "鲁塔纳",
+        "code": "BDI_RT"
+      },
+      {
+        "name": "鲁伊吉",
+        "code": "BDI_RY"
+      },
+      {
+        "name": "马坎巴",
+        "code": "BDI_MA"
+      },
+      {
+        "name": "穆拉姆维亚",
+        "code": "BDI_MU"
+      },
+      {
+        "name": "穆瓦洛",
+        "code": "BDI_MW"
+      },
+      {
+        "name": "穆因加",
+        "code": "BDI_MY"
+      },
+      {
+        "name": "锡比托凯",
+        "code": "BDI_CI"
+      }
+    ]
+  },
+  {
+    "name": "比利时",
+    "code": "BEL",
+    "children": [
+      {
+        "name": "埃诺",
+        "code": "BEL_WHT"
+      },
+      {
+        "name": "安特卫普",
+        "code": "BEL_VAN"
+      },
+      {
+        "name": "布拉班特-瓦隆",
+        "code": "BEL_WBR"
+      },
+      {
+        "name": "布鲁塞尔",
+        "code": "BEL_BRU"
+      },
+      {
+        "name": "东佛兰德",
+        "code": "BEL_VOV"
+      },
+      {
+        "name": "佛兰芒-布拉班特",
+        "code": "BEL_VBR"
+      },
+      {
+        "name": "列日",
+        "code": "BEL_WLG"
+      },
+      {
+        "name": "林堡",
+        "code": "BEL_VLI"
+      },
+      {
+        "name": "卢森堡",
+        "code": "BEL_WLX"
+      },
+      {
+        "name": "那慕尔",
+        "code": "BEL_WNA"
+      },
+      {
+        "name": "西佛兰德",
+        "code": "BEL_VWV"
+      }
+    ]
+  },
+  {
+    "name": "贝宁",
+    "code": "BEN",
+    "children": [
+      {
+        "name": "阿黎博里",
+        "code": "BEN_AL"
+      },
+      {
+        "name": "阿塔科拉",
+        "code": "BEN_AK"
+      },
+      {
+        "name": "滨海",
+        "code": "BEN_LI"
+      },
+      {
+        "name": "波希康市",
+        "code": "BEN_BOH"
+      },
+      {
+        "name": "博尔古",
+        "code": "BEN_BO"
+      },
+      {
+        "name": "大西洋",
+        "code": "BEN_AQ"
+      },
+      {
+        "name": "高原",
+        "code": "BEN_PL"
+      },
+      {
+        "name": "库福",
+        "code": "BEN_KO"
+      },
+      {
+        "name": "莫诺",
+        "code": "BEN_MO"
+      },
+      {
+        "name": "丘陵",
+        "code": "BEN_CO"
+      },
+      {
+        "name": "韦梅",
+        "code": "BEN_OU"
+      },
+      {
+        "name": "峡谷",
+        "code": "BEN_DO"
+      },
+      {
+        "name": "祖",
+        "code": "BEN_ZO"
+      }
+    ]
+  },
+  {
+    "name": "布基纳法索",
+    "code": "BFA",
+    "children": [
+      {
+        "name": "巴雷",
+        "code": "BFA_BAL"
+      },
+      {
+        "name": "巴姆",
+        "code": "BFA_BAM"
+      },
+      {
+        "name": "巴瓦",
+        "code": "BFA_BAN"
+      },
+      {
+        "name": "巴泽加",
+        "code": "BFA_BAZ"
+      },
+      {
+        "name": "波尼",
+        "code": "BFA_PON"
+      },
+      {
+        "name": "布尔古",
+        "code": "BFA_BLG"
+      },
+      {
+        "name": "布尔基恩德",
+        "code": "BFA_BOK"
+      },
+      {
+        "name": "布古里巴",
+        "code": "BFA_BOR"
+      },
+      {
+        "name": "冈祖尔古",
+        "code": "BFA_GAN"
+      },
+      {
+        "name": "古尔马",
+        "code": "BFA_GOU"
+      },
+      {
+        "name": "济罗",
+        "code": "BFA_ZIR"
+      },
+      {
+        "name": "卡焦戈",
+        "code": "BFA_KAD"
+      },
+      {
+        "name": "科蒙加里",
+        "code": "BFA_KOO"
+      },
+      {
+        "name": "科莫埃",
+        "code": "BFA_COM"
+      },
+      {
+        "name": "孔皮恩加",
+        "code": "BFA_KOP"
+      },
+      {
+        "name": "孔西",
+        "code": "BFA_KOS"
+      },
+      {
+        "name": "库尔佩罗戈",
+        "code": "BFA_KOL"
+      },
+      {
+        "name": "库尔维奥戈",
+        "code": "BFA_KOW"
+      },
+      {
+        "name": "库里滕加",
+        "code": "BFA_KOT"
+      },
+      {
+        "name": "雷拉巴",
+        "code": "BFA_LER"
+      },
+      {
+        "name": "罗卢姆",
+        "code": "BFA_LOR"
+      },
+      {
+        "name": "穆翁",
+        "code": "BFA_MOU"
+      },
+      {
+        "name": "纳门滕加",
+        "code": "BFA_NAM"
+      },
+      {
+        "name": "纳乌里",
+        "code": "BFA_NAH"
+      },
+      {
+        "name": "纳亚拉",
+        "code": "BFA_NAY"
+      },
+      {
+        "name": "尼亚尼亚",
+        "code": "BFA_GNA"
+      },
+      {
+        "name": "努姆比埃尔",
+        "code": "BFA_NOU"
+      },
+      {
+        "name": "帕索雷",
+        "code": "BFA_PAS"
+      },
+      {
+        "name": "塞诺",
+        "code": "BFA_SEN"
+      },
+      {
+        "name": "桑吉",
+        "code": "BFA_SAG"
+      },
+      {
+        "name": "桑马滕加",
+        "code": "BFA_SAM"
+      },
+      {
+        "name": "苏鲁",
+        "code": "BFA_SOR"
+      },
+      {
+        "name": "苏姆",
+        "code": "BFA_SOM"
+      },
+      {
+        "name": "塔波阿",
+        "code": "BFA_TAP"
+      },
+      {
+        "name": "图伊",
+        "code": "BFA_TUY"
+      },
+      {
+        "name": "乌埃",
+        "code": "BFA_HOU"
+      },
+      {
+        "name": "乌布里滕加",
+        "code": "BFA_OUB"
+      },
+      {
+        "name": "乌达兰",
+        "code": "BFA_OUD"
+      },
+      {
+        "name": "锡西里",
+        "code": "BFA_SIS"
+      },
+      {
+        "name": "亚加",
+        "code": "BFA_YAG"
+      },
+      {
+        "name": "亚滕加",
+        "code": "BFA_YAT"
+      },
+      {
+        "name": "伊奥巴",
+        "code": "BFA_IOA"
+      },
+      {
+        "name": "宗德韦奥戈",
+        "code": "BFA_ZOW"
+      },
+      {
+        "name": "宗多马",
+        "code": "BFA_ZOD"
+      }
+    ]
+  },
+  {
+    "name": "孟加拉",
+    "code": "BGD",
+    "children": [
+      {
+        "name": "达卡",
+        "code": "BGD_DAC"
+      },
+      {
+        "name": "吉大港",
+        "code": "BGD_CGP"
+      },
+      {
+        "name": "库尔纳",
+        "code": "BGD_KHL"
+      }
+    ]
+  },
+  {
+    "name": "不丹",
+    "code": "BHU"
+  },
+  {
+    "name": "波斯尼亚和黑塞哥维那",
+    "code": "BIH",
+    "children": [
+      {
+        "name": "波萨维纳",
+        "code": "BIH_FPO"
+      },
+      {
+        "name": "波斯尼亚－波德里涅",
+        "code": "BIH_FBP"
+      },
+      {
+        "name": "多米斯拉夫格勒",
+        "code": "BIH_FTO"
+      },
+      {
+        "name": "黑塞哥维那－涅雷特瓦",
+        "code": "BIH_FHN"
+      },
+      {
+        "name": "萨拉热窝",
+        "code": "BIH_FSA"
+      },
+      {
+        "name": "图兹拉－波德里涅",
+        "code": "BIH_FTU"
+      },
+      {
+        "name": "乌纳－萨纳",
+        "code": "BIH_FUS"
+      },
+      {
+        "name": "西波斯尼亚",
+        "code": "BIH_FHB"
+      },
+      {
+        "name": "西黑塞哥维那",
+        "code": "BIH_FZH"
+      },
+      {
+        "name": "泽尼察－多博伊",
+        "code": "BIH_FZE"
+      },
+      {
+        "name": "中波斯尼亚",
+        "code": "BIH_FSB"
+      }
+    ]
+  },
+  {
+    "name": "伯利兹",
+    "code": "BIZ"
+  },
+  {
+    "name": "白俄罗斯",
+    "code": "BLR",
+    "children": [
+      {
+        "name": "布列斯特",
+        "code": "BLR_BR"
+      },
+      {
+        "name": "戈梅利",
+        "code": "BLR_HO"
+      },
+      {
+        "name": "格罗德诺",
+        "code": "BLR_HR"
+      },
+      {
+        "name": "明斯克市",
+        "code": "BLR_MI"
+      },
+      {
+        "name": "莫吉廖夫",
+        "code": "BLR_MA"
+      },
+      {
+        "name": "维捷布斯克",
+        "code": "BLR_VI"
+      }
+    ]
+  },
+  {
+    "name": "百慕大",
+    "code": "BMU"
+  },
+  {
+    "name": "玻利维亚",
+    "code": "BOL",
+    "children": [
+      {
+        "name": "奥尔托",
+        "code": "BOL_ALT"
+      },
+      {
+        "name": "奥鲁罗",
+        "code": "BOL_ORU"
+      },
+      {
+        "name": "贝尼",
+        "code": "BOL_BEN"
+      },
+      {
+        "name": "波多西",
+        "code": "BOL_POI"
+      },
+      {
+        "name": "基拉科洛",
+        "code": "BOL_QUI"
+      },
+      {
+        "name": "科恰班巴",
+        "code": "BOL_CBB"
+      },
+      {
+        "name": "拉巴斯",
+        "code": "BOL_LPB"
+      },
+      {
+        "name": "潘多",
+        "code": "BOL_PAN"
+      },
+      {
+        "name": "丘基萨卡",
+        "code": "BOL_CHU"
+      },
+      {
+        "name": "萨卡巴",
+        "code": "BOL_SAC"
+      },
+      {
+        "name": "圣克鲁斯",
+        "code": "BOL_SRZ"
+      },
+      {
+        "name": "塔里哈",
+        "code": "BOL_TJA"
+      }
+    ]
+  },
+  {
+    "name": "博茨瓦纳",
+    "code": "BOT"
+  },
+  {
+    "name": "巴西",
+    "code": "BRA",
+    "children": [
+      {
+        "name": "阿克里",
+        "code": "BRA_AC"
+      },
+      {
+        "name": "阿拉戈斯",
+        "code": "BRA_AL"
+      },
+      {
+        "name": "阿马帕",
+        "code": "BRA_AP"
+      },
+      {
+        "name": "巴拉那",
+        "code": "BRA_PR"
+      },
+      {
+        "name": "巴西利亚",
+        "code": "BRA_BSB"
+      },
+      {
+        "name": "巴伊亚",
+        "code": "BRA_BA"
+      },
+      {
+        "name": "北里奥格兰德",
+        "code": "BRA_RN"
+      },
+      {
+        "name": "伯南布哥",
+        "code": "BRA_PE"
+      },
+      {
+        "name": "戈亚斯",
+        "code": "BRA_GO"
+      },
+      {
+        "name": "朗多尼亚",
+        "code": "BRA_RO"
+      },
+      {
+        "name": "里约热内卢",
+        "code": "BRA_RJ"
+      },
+      {
+        "name": "罗赖马",
+        "code": "BRA_RR"
+      },
+      {
+        "name": "马拉尼昂",
+        "code": "BRA_MA"
+      },
+      {
+        "name": "马托格罗索",
+        "code": "BRA_MT"
+      },
+      {
+        "name": "米纳斯吉拉斯",
+        "code": "BRA_MG"
+      },
+      {
+        "name": "南里奥格兰德",
+        "code": "BRA_RS"
+      },
+      {
+        "name": "南马托格罗索",
+        "code": "BRA_MS"
+      },
+      {
+        "name": "帕拉",
+        "code": "BRA_PA"
+      },
+      {
+        "name": "帕拉伊巴",
+        "code": "BRA_PB"
+      },
+      {
+        "name": "皮奥伊",
+        "code": "BRA_PI"
+      },
+      {
+        "name": "塞阿拉",
+        "code": "BRA_CE"
+      },
+      {
+        "name": "塞尔希培",
+        "code": "BRA_SE"
+      },
+      {
+        "name": "圣埃斯皮里图",
+        "code": "BRA_ES"
+      },
+      {
+        "name": "圣保罗",
+        "code": "BRA_SP"
+      },
+      {
+        "name": "圣卡塔琳娜",
+        "code": "BRA_SC"
+      },
+      {
+        "name": "托坎廷斯",
+        "code": "BRA_TO"
+      },
+      {
+        "name": "亚马孙",
+        "code": "BRA_AM"
+      }
+    ]
+  },
+  {
+    "name": "巴巴多斯岛",
+    "code": "BRB"
+  },
+  {
+    "name": "巴林",
+    "code": "BRN"
+  },
+  {
+    "name": "文莱",
+    "code": "BRU"
+  },
+  {
+    "name": "保加利亚",
+    "code": "BUL"
+  },
+  {
+    "name": "布基纳国",
+    "code": "BUR"
+  },
+  {
+    "name": "布韦岛",
+    "code": "BVT"
+  },
+  {
+    "name": "中非共和国",
+    "code": "CAF",
+    "children": [
+      {
+        "name": "巴明吉-班戈兰",
+        "code": "CAF_BB"
+      },
+      {
+        "name": "班吉直辖市",
+        "code": "CAF_BGF"
+      },
+      {
+        "name": "宾博",
+        "code": "CAF_BI"
+      },
+      {
+        "name": "凯莫",
+        "code": "CAF_KG"
+      },
+      {
+        "name": "洛巴伊",
+        "code": "CAF_LB"
+      },
+      {
+        "name": "曼贝雷-卡代",
+        "code": "CAF_HS"
+      },
+      {
+        "name": "姆博穆",
+        "code": "CAF_MB"
+      },
+      {
+        "name": "纳纳-格里比齐",
+        "code": "CAF_KB"
+      },
+      {
+        "name": "纳纳-曼贝雷",
+        "code": "CAF_NM"
+      },
+      {
+        "name": "桑加-姆巴埃雷",
+        "code": "CAF_SE"
+      },
+      {
+        "name": "上科托",
+        "code": "CAF_HK"
+      },
+      {
+        "name": "上姆博穆",
+        "code": "CAF_HM"
+      },
+      {
+        "name": "瓦卡",
+        "code": "CAF_UK"
+      },
+      {
+        "name": "瓦卡加",
+        "code": "CAF_VK"
+      },
+      {
+        "name": "瓦姆",
+        "code": "CAF_AC"
+      },
+      {
+        "name": "瓦姆-彭代",
+        "code": "CAF_OP"
+      },
+      {
+        "name": "翁贝拉-姆波科",
+        "code": "CAF_MP"
+      },
+      {
+        "name": "下科托",
+        "code": "CAF_BK"
+      }
+    ]
+  },
+  {
+    "name": "柬埔寨",
+    "code": "CAM"
+  },
+  {
+    "name": "加拿大",
+    "code": "CAN",
+    "children": [
+      {
+        "name": "阿伯茨福",
+        "code": "CAN_ABB"
+      },
+      {
+        "name": "埃德蒙顿",
+        "code": "CAN_EDM"
+      },
+      {
+        "name": "奥沙瓦",
+        "code": "CAN_OSH"
+      },
+      {
+        "name": "巴里",
+        "code": "CAN_BAR"
+      },
+      {
+        "name": "布列塔尼角",
+        "code": "CAN_CBR"
+      },
+      {
+        "name": "多伦多",
+        "code": "CAN_TOR"
+      },
+      {
+        "name": "弗雷德里顿",
+        "code": "CAN_FRE"
+      },
+      {
+        "name": "圭尔夫",
+        "code": "CAN_GLP"
+      },
+      {
+        "name": "哈利法克斯",
+        "code": "CAN_HAL"
+      },
+      {
+        "name": "哈密尔顿",
+        "code": "CAN_HAM"
+      },
+      {
+        "name": "怀特霍斯",
+        "code": "CAN_YXY"
+      },
+      {
+        "name": "基劳纳",
+        "code": "CAN_KWL"
+      },
+      {
+        "name": "基奇纳",
+        "code": "CAN_BRP"
+      },
+      {
+        "name": "金斯敦",
+        "code": "CAN_KGN"
+      },
+      {
+        "name": "卡里加里",
+        "code": "CAN_CAL"
+      },
+      {
+        "name": "魁北克",
+        "code": "CAN_QUE"
+      },
+      {
+        "name": "里贾纳",
+        "code": "CAN_REG"
+      },
+      {
+        "name": "伦敦",
+        "code": "CAN_LOD"
+      },
+      {
+        "name": "蒙特利尔",
+        "code": "CAN_MTR"
+      },
+      {
+        "name": "萨德伯里",
+        "code": "CAN_SUD"
+      },
+      {
+        "name": "萨斯卡通",
+        "code": "CAN_SAK"
+      },
+      {
+        "name": "三河城",
+        "code": "CAN_TRR"
+      },
+      {
+        "name": "桑德贝",
+        "code": "CAN_THU"
+      },
+      {
+        "name": "舍布鲁克",
+        "code": "CAN_SBE"
+      },
+      {
+        "name": "圣卡塔琳娜",
+        "code": "CAN_SCA"
+      },
+      {
+        "name": "圣约翰斯",
+        "code": "CAN_SJB"
+      },
+      {
+        "name": "维多利亚",
+        "code": "CAN_VIC"
+      },
+      {
+        "name": "温哥华",
+        "code": "CAN_VAN"
+      },
+      {
+        "name": "温尼伯",
+        "code": "CAN_WNP"
+      },
+      {
+        "name": "温莎",
+        "code": "CAN_WDR"
+      },
+      {
+        "name": "渥太华",
+        "code": "CAN_OTT"
+      },
+      {
+        "name": "夏洛特敦",
+        "code": "CAN_CHA"
+      },
+      {
+        "name": "耶洛奈夫",
+        "code": "CAN_YZF"
+      },
+      {
+        "name": "伊魁特",
+        "code": "CAN_IQL"
+      }
+    ]
+  },
+  {
+    "name": "科科斯群岛",
+    "code": "CCK"
+  },
+  {
+    "name": "刚果",
+    "code": "CGO"
+  },
+  {
+    "name": "乍得",
+    "code": "CHA"
+  },
+  {
+    "name": "智利",
+    "code": "CHI"
+  },
+  {
+    "name": "科特迪瓦",
+    "code": "CIV",
+    "children": [
+      {
+        "name": "阿涅比",
+        "code": "CIV_AG"
+      },
+      {
+        "name": "巴芬",
+        "code": "CIV_BF"
+      },
+      {
+        "name": "邦达马河谷",
+        "code": "CIV_VB"
+      },
+      {
+        "name": "登盖莱",
+        "code": "CIV_DE"
+      },
+      {
+        "name": "恩济－科莫埃",
+        "code": "CIV_NC"
+      },
+      {
+        "name": "弗罗马格尔",
+        "code": "CIV_FR"
+      },
+      {
+        "name": "湖泊",
+        "code": "CIV_LC"
+      },
+      {
+        "name": "马拉韦",
+        "code": "CIV_MR"
+      },
+      {
+        "name": "南科莫埃",
+        "code": "CIV_SC"
+      },
+      {
+        "name": "萨桑德拉",
+        "code": "CIV_HT"
+      },
+      {
+        "name": "萨瓦纳",
+        "code": "CIV_SV"
+      },
+      {
+        "name": "山地",
+        "code": "CIV_DH"
+      },
+      {
+        "name": "沃罗杜古",
+        "code": "CIV_WR"
+      },
+      {
+        "name": "下萨桑德拉",
+        "code": "CIV_BS"
+      },
+      {
+        "name": "泻湖",
+        "code": "CIV_LG"
+      },
+      {
+        "name": "赞赞",
+        "code": "CIV_ZA"
+      },
+      {
+        "name": "中卡瓦利",
+        "code": "CIV_MV"
+      },
+      {
+        "name": "中科莫埃",
+        "code": "CIV_MC"
+      }
+    ]
+  },
+  {
+    "name": "喀麦隆",
+    "code": "CMR",
+    "children": [
+      {
+        "name": "阿达马瓦",
+        "code": "CMR_ADA"
+      },
+      {
+        "name": "北部",
+        "code": "CMR_NOR"
+      },
+      {
+        "name": "北端",
+        "code": "CMR_EXN"
+      },
+      {
+        "name": "滨海",
+        "code": "CMR_LIT"
+      },
+      {
+        "name": "东部",
+        "code": "CMR_EST"
+      },
+      {
+        "name": "南部",
+        "code": "CMR_SUD"
+      },
+      {
+        "name": "西北",
+        "code": "CMR_NOT"
+      },
+      {
+        "name": "西部",
+        "code": "CMR_OUE"
+      },
+      {
+        "name": "西南",
+        "code": "CMR_SOU"
+      },
+      {
+        "name": "中央",
+        "code": "CMR_CEN"
+      }
+    ]
+  },
+  {
+    "name": "刚果民主共和国",
+    "code": "COD"
+  },
+  {
+    "name": "库克群岛",
+    "code": "COK"
+  },
+  {
+    "name": "哥伦比亚",
+    "code": "COL",
+    "children": [
+      {
+        "name": "阿劳卡",
+        "code": "COL_ARA"
+      },
+      {
+        "name": "安提奥基亚",
+        "code": "COL_ANT"
+      },
+      {
+        "name": "北桑坦德",
+        "code": "COL_NDS"
+      },
+      {
+        "name": "波哥大首都区",
+        "code": "COL_BDC"
+      },
+      {
+        "name": "博利瓦尔",
+        "code": "COL_BOL"
+      },
+      {
+        "name": "博亚卡",
+        "code": "COL_BOY"
+      },
+      {
+        "name": "大西洋",
+        "code": "COL_ATL"
+      },
+      {
+        "name": "瓜维亚雷",
+        "code": "COL_GVR"
+      },
+      {
+        "name": "瓜希拉",
+        "code": "COL_GJR"
+      },
+      {
+        "name": "瓜伊尼亚",
+        "code": "COL_GNA"
+      },
+      {
+        "name": "金迪奥",
+        "code": "COL_QUI"
+      },
+      {
+        "name": "卡尔达斯",
+        "code": "COL_CAL"
+      },
+      {
+        "name": "卡克塔",
+        "code": "COL_CAQ"
+      },
+      {
+        "name": "卡萨纳雷",
+        "code": "COL_CAS"
+      },
+      {
+        "name": "考卡",
+        "code": "COL_CAU"
+      },
+      {
+        "name": "考卡山谷",
+        "code": "COL_VDC"
+      },
+      {
+        "name": "科尔多巴",
+        "code": "COL_COR"
+      },
+      {
+        "name": "昆迪纳马卡",
+        "code": "COL_CAM"
+      },
+      {
+        "name": "利萨拉尔达",
+        "code": "COL_RIS"
+      },
+      {
+        "name": "马格达雷那",
+        "code": "COL_MAG"
+      },
+      {
+        "name": "梅塔",
+        "code": "COL_MET"
+      },
+      {
+        "name": "纳里尼奥",
+        "code": "COL_NAR"
+      },
+      {
+        "name": "普图马约",
+        "code": "COL_PUT"
+      },
+      {
+        "name": "乔科",
+        "code": "COL_CHO"
+      },
+      {
+        "name": "塞萨尔",
+        "code": "COL_CES"
+      },
+      {
+        "name": "桑坦德",
+        "code": "COL_SAN"
+      },
+      {
+        "name": "圣安德烈斯-普罗维登西亚",
+        "code": "COL_SAP"
+      },
+      {
+        "name": "苏克雷",
+        "code": "COL_SUC"
+      },
+      {
+        "name": "托利马",
+        "code": "COL_TOL"
+      },
+      {
+        "name": "维查达",
+        "code": "COL_VIC"
+      },
+      {
+        "name": "沃佩斯",
+        "code": "COL_VAU"
+      },
+      {
+        "name": "乌伊拉",
+        "code": "COL_HUI"
+      },
+      {
+        "name": "亚马孙",
+        "code": "COL_AMZ"
+      }
+    ]
+  },
+  {
+    "name": "科摩罗",
+    "code": "COM"
+  },
+  {
+    "name": "佛得角",
+    "code": "CPV",
+    "children": [
+      {
+        "name": "保尔",
+        "code": "CPV_PA"
+      },
+      {
+        "name": "波多诺伏",
+        "code": "CPV_PN"
+      },
+      {
+        "name": "博阿维斯塔岛",
+        "code": "CPV_BV"
+      },
+      {
+        "name": "布拉瓦岛",
+        "code": "CPV_BR"
+      },
+      {
+        "name": "大里贝拉",
+        "code": "CPV_RG"
+      },
+      {
+        "name": "福古岛",
+        "code": "CPV_FO"
+      },
+      {
+        "name": "马尤岛",
+        "code": "CPV_MA"
+      },
+      {
+        "name": "莫斯特罗",
+        "code": "CPV_MO"
+      },
+      {
+        "name": "普拉亚",
+        "code": "CPV_PR"
+      },
+      {
+        "name": "萨尔岛",
+        "code": "CPV_SL"
+      },
+      {
+        "name": "圣安唐岛",
+        "code": "CPV_SA"
+      },
+      {
+        "name": "圣地亚哥岛",
+        "code": "CPV_IA"
+      },
+      {
+        "name": "圣多明戈",
+        "code": "CPV_SD"
+      },
+      {
+        "name": "圣菲利普",
+        "code": "CPV_SF"
+      },
+      {
+        "name": "圣卡塔琳娜",
+        "code": "CPV_CA"
+      },
+      {
+        "name": "圣克鲁斯",
+        "code": "CPV_CR"
+      },
+      {
+        "name": "圣米戈尔",
+        "code": "CPV_SM"
+      },
+      {
+        "name": "圣尼古拉岛",
+        "code": "CPV_SN"
+      },
+      {
+        "name": "圣维森特岛",
+        "code": "CPV_SV"
+      },
+      {
+        "name": "塔拉法尔",
+        "code": "CPV_TA"
+      }
+    ]
+  },
+  {
+    "name": "哥斯达黎加",
+    "code": "CRC"
+  },
+  {
+    "name": "克罗地亚",
+    "code": "CRO"
+  },
+  {
+    "name": "古巴",
+    "code": "CUB",
+    "children": [
+      {
+        "name": "比那尔德里奥",
+        "code": "CUB_1"
+      },
+      {
+        "name": "哈瓦那",
+        "code": "CUB_2"
+      },
+      {
+        "name": "哈瓦那城",
+        "code": "CUB_3"
+      },
+      {
+        "name": "马坦萨斯",
+        "code": "CUB_4"
+      },
+      {
+        "name": "比亚克拉拉",
+        "code": "CUB_5"
+      },
+      {
+        "name": "西恩富戈斯",
+        "code": "CUB_6"
+      },
+      {
+        "name": "圣斯皮里图斯",
+        "code": "CUB_7"
+      },
+      {
+        "name": "谢戈德阿维拉",
+        "code": "CUB_8"
+      },
+      {
+        "name": "卡马圭",
+        "code": "CUB_9"
+      },
+      {
+        "name": "拉斯图纳斯",
+        "code": "CUB_10"
+      },
+      {
+        "name": "奥尔金",
+        "code": "CUB_11"
+      },
+      {
+        "name": "格拉玛",
+        "code": "CUB_12"
+      },
+      {
+        "name": "圣地亚哥",
+        "code": "CUB_13"
+      },
+      {
+        "name": "关塔那摩",
+        "code": "CUB_14"
+      },
+      {
+        "name": "青年岛特区",
+        "code": "CUB_99"
+      },
+      {
+        "name": "马亚里",
+        "code": "CUB_MAY"
+      },
+      {
+        "name": "曼萨尼罗",
+        "code": "CUB_MZO"
+      }
+    ]
+  },
+  {
+    "name": "圣诞岛",
+    "code": "CXR"
+  },
+  {
+    "name": "开曼群岛",
+    "code": "CYM"
+  },
+  {
+    "name": "塞浦路斯",
+    "code": "CYP",
+    "children": [
+      {
+        "name": "尼科西亚",
+        "code": "CYP_1"
+      },
+      {
+        "name": "利马索尔",
+        "code": "CYP_2"
+      },
+      {
+        "name": "拉纳卡",
+        "code": "CYP_3"
+      },
+      {
+        "name": "法马古斯塔",
+        "code": "CYP_4"
+      },
+      {
+        "name": "帕福斯",
+        "code": "CYP_5"
+      },
+      {
+        "name": "凯里尼亚",
+        "code": "CYP_6"
+      }
+    ]
+  },
+  {
+    "name": "捷克共和国",
+    "code": "CZE",
+    "children": [
+      {
+        "name": "奥洛穆茨",
+        "code": "CZE_OL"
+      },
+      {
+        "name": "比尔森",
+        "code": "CZE_PL"
+      },
+      {
+        "name": "布拉格直辖市",
+        "code": "CZE_PR"
+      },
+      {
+        "name": "赫拉德茨-克拉洛韦",
+        "code": "CZE_KR"
+      },
+      {
+        "name": "卡罗维发利",
+        "code": "CZE_KA"
+      },
+      {
+        "name": "利贝雷克",
+        "code": "CZE_LI"
+      },
+      {
+        "name": "摩拉维亚-西里西亚",
+        "code": "CZE_MO"
+      },
+      {
+        "name": "南摩拉维亚",
+        "code": "CZE_JC"
+      },
+      {
+        "name": "帕尔杜比采",
+        "code": "CZE_PA"
+      },
+      {
+        "name": "维索基纳",
+        "code": "CZE_VY"
+      },
+      {
+        "name": "乌斯季",
+        "code": "CZE_US"
+      },
+      {
+        "name": "中捷克",
+        "code": "CZE_ST"
+      },
+      {
+        "name": "兹林",
+        "code": "CZE_ZL"
+      }
+    ]
+  },
+  {
+    "name": "丹麦",
+    "code": "DEN"
+  },
+  {
+    "name": "吉布提",
+    "code": "DJI",
+    "children": [
+      {
+        "name": "阿里萨比赫区",
+        "code": "DJI_S"
+      },
+      {
+        "name": "奥博克区",
+        "code": "DJI_O"
+      },
+      {
+        "name": "迪基勒区",
+        "code": "DJI_K"
+      },
+      {
+        "name": "塔朱拉区",
+        "code": "DJI_T"
+      }
+    ]
+  },
+  {
+    "name": "多米尼克",
+    "code": "DMA"
+  },
+  {
+    "name": "多米尼加共和国",
+    "code": "DOM"
+  },
+  {
+    "name": "厄瓜多尔",
+    "code": "ECU",
+    "children": [
+      {
+        "name": "阿苏艾",
+        "code": "ECU_A"
+      },
+      {
+        "name": "埃尔奥罗",
+        "code": "ECU_O"
+      },
+      {
+        "name": "埃斯梅拉尔达斯",
+        "code": "ECU_E"
+      },
+      {
+        "name": "玻利瓦尔",
+        "code": "ECU_B"
+      },
+      {
+        "name": "瓜亚斯",
+        "code": "ECU_G"
+      },
+      {
+        "name": "加拉帕戈斯",
+        "code": "ECU_W"
+      },
+      {
+        "name": "卡尔奇",
+        "code": "ECU_C"
+      },
+      {
+        "name": "卡尼亚尔",
+        "code": "ECU_F"
+      },
+      {
+        "name": "科托帕希",
+        "code": "ECU_X"
+      },
+      {
+        "name": "洛哈",
+        "code": "ECU_L"
+      },
+      {
+        "name": "洛斯里奥斯",
+        "code": "ECU_R"
+      },
+      {
+        "name": "马纳比",
+        "code": "ECU_M"
+      },
+      {
+        "name": "莫罗纳－圣地亚哥",
+        "code": "ECU_S"
+      },
+      {
+        "name": "纳波，奥雷利亚纳",
+        "code": "ECU_D"
+      },
+      {
+        "name": "帕斯塔萨",
+        "code": "ECU_Y"
+      },
+      {
+        "name": "皮钦查",
+        "code": "ECU_P"
+      },
+      {
+        "name": "钦博拉索",
+        "code": "ECU_H"
+      },
+      {
+        "name": "萨莫拉－钦奇佩",
+        "code": "ECU_Z"
+      },
+      {
+        "name": "苏昆毕奥斯",
+        "code": "ECU_U"
+      },
+      {
+        "name": "通古拉瓦",
+        "code": "ECU_T"
+      },
+      {
+        "name": "因巴布拉",
+        "code": "ECU_I"
+      }
+    ]
+  },
+  {
+    "name": "埃及",
+    "code": "EGY",
+    "children": [
+      {
+        "name": "阿斯旺",
+        "code": "EGY_ASW"
+      },
+      {
+        "name": "古尔代盖",
+        "code": "EGY_GBY"
+      },
+      {
+        "name": "开罗",
+        "code": "EGY_CAI"
+      },
+      {
+        "name": "苏布拉开马",
+        "code": "EGY_SKH"
+      },
+      {
+        "name": "亚历山大",
+        "code": "EGY_ALY"
+      }
+    ]
+  },
+  {
+    "name": "厄立特里亚",
+    "code": "ERI",
+    "children": [
+      {
+        "name": "安塞巴",
+        "code": "ERI_KE"
+      },
+      {
+        "name": "北红海",
+        "code": "ERI_SK"
+      },
+      {
+        "name": "加什·巴尔卡",
+        "code": "ERI_BR"
+      },
+      {
+        "name": "南部",
+        "code": "ERI_DE"
+      },
+      {
+        "name": "南红海",
+        "code": "ERI_DK"
+      },
+      {
+        "name": "中部",
+        "code": "ERI_MA"
+      }
+    ]
+  },
+  {
+    "name": "萨尔瓦多",
+    "code": "ESA"
+  },
+  {
+    "name": "西班牙",
+    "code": "ESP",
+    "children": [
+      {
+        "name": "阿尔梅里亚",
+        "code": "ESP_LEI"
+      },
+      {
+        "name": "阿尔瓦塞特",
+        "code": "ESP_ALB"
+      },
+      {
+        "name": "阿拉瓦",
+        "code": "ESP_ALA"
+      },
+      {
+        "name": "阿利坎特",
+        "code": "ESP_ALC"
+      },
+      {
+        "name": "阿斯图利亚斯",
+        "code": "ESP_AST"
+      },
+      {
+        "name": "阿维拉",
+        "code": "ESP_AVI"
+      },
+      {
+        "name": "奥伦塞",
+        "code": "ESP_ORE"
+      },
+      {
+        "name": "巴达霍斯",
+        "code": "ESP_BJZ"
+      },
+      {
+        "name": "巴利阿里",
+        "code": "ESP_BLR"
+      },
+      {
+        "name": "巴利亚多利德",
+        "code": "ESP_VLL"
+      },
+      {
+        "name": "巴伦西亚",
+        "code": "ESP_VLC"
+      },
+      {
+        "name": "巴塞罗那",
+        "code": "ESP_BCN"
+      },
+      {
+        "name": "比斯开",
+        "code": "ESP_VSE"
+      },
+      {
+        "name": "布尔戈斯",
+        "code": "ESP_BUR"
+      },
+      {
+        "name": "格拉纳达",
+        "code": "ESP_GRX"
+      },
+      {
+        "name": "瓜达拉哈拉",
+        "code": "ESP_GUA"
+      },
+      {
+        "name": "哈恩",
+        "code": "ESP_JAE"
+      },
+      {
+        "name": "赫罗纳",
+        "code": "ESP_GRO"
+      },
+      {
+        "name": "吉普斯夸",
+        "code": "ESP_GUI"
+      },
+      {
+        "name": "加的斯",
+        "code": "ESP_CAD"
+      },
+      {
+        "name": "卡塞雷斯",
+        "code": "ESP_CCS"
+      },
+      {
+        "name": "卡斯蒂利亚",
+        "code": "ESP_CIR"
+      },
+      {
+        "name": "卡斯特利翁",
+        "code": "ESP_CAS"
+      },
+      {
+        "name": "科尔多瓦",
+        "code": "ESP_ODB"
+      },
+      {
+        "name": "昆卡",
+        "code": "ESP_CUE"
+      },
+      {
+        "name": "拉科鲁尼亚",
+        "code": "ESP_LCG"
+      },
+      {
+        "name": "拉里奥哈",
+        "code": "ESP_ARL"
+      },
+      {
+        "name": "拉斯帕尔马斯",
+        "code": "ESP_LPA"
+      },
+      {
+        "name": "莱昂",
+        "code": "ESP_LEN"
+      },
+      {
+        "name": "莱里达",
+        "code": "ESP_LLE"
+      },
+      {
+        "name": "卢戈",
+        "code": "ESP_LGO"
+      },
+      {
+        "name": "马德里",
+        "code": "ESP_MAD"
+      },
+      {
+        "name": "马拉加",
+        "code": "ESP_AGP"
+      },
+      {
+        "name": "穆尔西亚",
+        "code": "ESP_MJV"
+      },
+      {
+        "name": "纳瓦拉",
+        "code": "ESP_NVV"
+      },
+      {
+        "name": "帕伦西亚",
+        "code": "ESP_PAC"
+      },
+      {
+        "name": "蓬特韦德拉",
+        "code": "ESP_PEV"
+      },
+      {
+        "name": "萨拉戈萨",
+        "code": "ESP_ZAZ"
+      },
+      {
+        "name": "萨拉曼卡",
+        "code": "ESP_SLM"
+      },
+      {
+        "name": "萨莫拉",
+        "code": "ESP_ZMR"
+      },
+      {
+        "name": "塞哥维亚",
+        "code": "ESP_SEG"
+      },
+      {
+        "name": "塞维利亚",
+        "code": "ESP_SVQ"
+      },
+      {
+        "name": "桑坦德",
+        "code": "ESP_SDR"
+      },
+      {
+        "name": "圣克鲁斯-德特内里费",
+        "code": "ESP_SCT"
+      },
+      {
+        "name": "索里亚",
+        "code": "ESP_SOR"
+      },
+      {
+        "name": "塔拉戈纳",
+        "code": "ESP_TAR"
+      },
+      {
+        "name": "特鲁埃尔",
+        "code": "ESP_TER"
+      },
+      {
+        "name": "托莱多",
+        "code": "ESP_TOL"
+      },
+      {
+        "name": "韦尔瓦",
+        "code": "ESP_HUV"
+      },
+      {
+        "name": "韦斯卡",
+        "code": "ESP_HUC"
+      }
+    ]
+  },
+  {
+    "name": "爱沙尼亚",
+    "code": "EST",
+    "children": [
+      {
+        "name": "哈留",
+        "code": "EST_37"
+      },
+      {
+        "name": "希尤",
+        "code": "EST_39"
+      },
+      {
+        "name": "依达－维鲁",
+        "code": "EST_44"
+      },
+      {
+        "name": "耶盖瓦",
+        "code": "EST_49"
+      },
+      {
+        "name": "耶尔韦",
+        "code": "EST_51"
+      },
+      {
+        "name": "里亚内",
+        "code": "EST_57"
+      },
+      {
+        "name": "维鲁",
+        "code": "EST_59"
+      },
+      {
+        "name": "贝尔瓦",
+        "code": "EST_65"
+      },
+      {
+        "name": "帕尔努",
+        "code": "EST_67"
+      },
+      {
+        "name": "拉普拉",
+        "code": "EST_70"
+      },
+      {
+        "name": "萨雷",
+        "code": "EST_74"
+      },
+      {
+        "name": "塔尔图",
+        "code": "EST_78"
+      },
+      {
+        "name": "瓦尔加",
+        "code": "EST_82"
+      },
+      {
+        "name": "维良地",
+        "code": "EST_84"
+      },
+      {
+        "name": "沃鲁",
+        "code": "EST_86"
+      }
+    ]
+  },
+  {
+    "name": "埃塞俄比亚",
+    "code": "ETH",
+    "children": [
+      {
+        "name": "阿法尔",
+        "code": "ETH_AF"
+      },
+      {
+        "name": "阿姆哈拉",
+        "code": "ETH_AH"
+      },
+      {
+        "name": "奥罗米亚",
+        "code": "ETH_OR"
+      },
+      {
+        "name": "宾香古尔",
+        "code": "ETH_BG"
+      },
+      {
+        "name": "德雷达瓦",
+        "code": "ETH_DD"
+      },
+      {
+        "name": "甘贝拉各族",
+        "code": "ETH_GB"
+      },
+      {
+        "name": "哈勒里民族",
+        "code": "ETH_HR"
+      },
+      {
+        "name": "南方各族",
+        "code": "ETH_SN"
+      },
+      {
+        "name": "索马里",
+        "code": "ETH_SM"
+      },
+      {
+        "name": "提格雷",
+        "code": "ETH_TG"
+      },
+      {
+        "name": "亚的斯亚贝巴",
+        "code": "ETH_AA"
+      }
+    ]
+  },
+  {
+    "name": "斐济",
+    "code": "FIJ"
+  },
+  {
+    "name": "芬兰",
+    "code": "FIN",
+    "children": [
+      {
+        "name": "埃斯波",
+        "code": "FIN_ESP"
+      },
+      {
+        "name": "奥卢",
+        "code": "FIN_OLU"
+      },
+      {
+        "name": "波里",
+        "code": "FIN_POR"
+      },
+      {
+        "name": "博尔沃",
+        "code": "FIN_PRV"
+      },
+      {
+        "name": "海门林纳",
+        "code": "FIN_HMY"
+      },
+      {
+        "name": "赫尔辛基",
+        "code": "FIN_HEL"
+      },
+      {
+        "name": "卡亚尼",
+        "code": "FIN_KAJ"
+      },
+      {
+        "name": "科科拉",
+        "code": "FIN_KOK"
+      },
+      {
+        "name": "科特卡",
+        "code": "FIN_KTK"
+      },
+      {
+        "name": "库奥皮奥",
+        "code": "FIN_KUO"
+      },
+      {
+        "name": "拉赫蒂",
+        "code": "FIN_LHI"
+      },
+      {
+        "name": "拉彭兰塔",
+        "code": "FIN_LPP"
+      },
+      {
+        "name": "罗瓦涅米",
+        "code": "FIN_RVN"
+      },
+      {
+        "name": "玛丽港",
+        "code": "FIN_MHQ"
+      },
+      {
+        "name": "米凯利",
+        "code": "FIN_MIK"
+      },
+      {
+        "name": "坦佩雷",
+        "code": "FIN_TMP"
+      },
+      {
+        "name": "图尔库",
+        "code": "FIN_TKU"
+      },
+      {
+        "name": "瓦萨",
+        "code": "FIN_VAA"
+      },
+      {
+        "name": "万塔",
+        "code": "FIN_VAT"
+      },
+      {
+        "name": "约恩苏",
+        "code": "FIN_JOE"
+      }
+    ]
+  },
+  {
+    "name": "弗兰克群岛",
+    "code": "FLK"
+  },
+  {
+    "name": "法国",
+    "code": "FRA",
+    "children": [
+      {
+        "name": "阿尔勒",
+        "code": "FRA_ARL"
+      },
+      {
+        "name": "阿雅克修",
+        "code": "FRA_AJA"
+      },
+      {
+        "name": "艾克斯",
+        "code": "FRA_QXB"
+      },
+      {
+        "name": "奥尔良",
+        "code": "FRA_ORR"
+      },
+      {
+        "name": "巴黎",
+        "code": "FRA_PAR"
+      },
+      {
+        "name": "贝桑松",
+        "code": "FRA_BSN"
+      },
+      {
+        "name": "第戎",
+        "code": "FRA_DIJ"
+      },
+      {
+        "name": "弗雷瑞斯",
+        "code": "FRA_FRJ"
+      },
+      {
+        "name": "卡昂",
+        "code": "FRA_CFR"
+      },
+      {
+        "name": "雷恩",
+        "code": "FRA_RNS"
+      },
+      {
+        "name": "里昂",
+        "code": "FRA_LIO"
+      },
+      {
+        "name": "里尔",
+        "code": "FRA_LLE"
+      },
+      {
+        "name": "利摩日",
+        "code": "FRA_LIG"
+      },
+      {
+        "name": "鲁昂",
+        "code": "FRA_URO"
+      },
+      {
+        "name": "马赛",
+        "code": "FRA_MRS"
+      },
+      {
+        "name": "梅斯",
+        "code": "FRA_MZM"
+      },
+      {
+        "name": "蒙彼利埃",
+        "code": "FRA_MPL"
+      },
+      {
+        "name": "南特",
+        "code": "FRA_NTE"
+      },
+      {
+        "name": "尼斯",
+        "code": "FRA_NCE"
+      },
+      {
+        "name": "沙隆",
+        "code": "FRA_CSM"
+      },
+      {
+        "name": "图卢兹",
+        "code": "FRA_TLS"
+      },
+      {
+        "name": "瓦朗斯",
+        "code": "FRA_VAA"
+      },
+      {
+        "name": "亚眠",
+        "code": "FRA_AMI"
+      }
+    ]
+  },
+  {
+    "name": "法罗群岛",
+    "code": "FRO"
+  },
+  {
+    "name": "密克罗尼西亚",
+    "code": "FSM"
+  },
+  {
+    "name": "加蓬",
+    "code": "GAB",
+    "children": [
+      {
+        "name": "奥果韦-洛洛",
+        "code": "GAB_OL"
+      },
+      {
+        "name": "奥果韦-伊温多",
+        "code": "GAB_OI"
+      },
+      {
+        "name": "滨海奥果韦",
+        "code": "GAB_OM"
+      },
+      {
+        "name": "恩古涅",
+        "code": "GAB_NG"
+      },
+      {
+        "name": "河口",
+        "code": "GAB_ES"
+      },
+      {
+        "name": "尼扬加",
+        "code": "GAB_NY"
+      },
+      {
+        "name": "上奥果韦",
+        "code": "GAB_HO"
+      },
+      {
+        "name": "沃勒-恩特姆",
+        "code": "GAB_WN"
+      },
+      {
+        "name": "中奥果韦",
+        "code": "GAB_MO"
+      }
+    ]
+  },
+  {
+    "name": "冈比亚",
+    "code": "GAM"
+  },
+  {
+    "name": "泽西",
+    "code": "GBJ"
+  },
+  {
+    "name": "英国",
+    "code": "GBR",
+    "children": [
+      {
+        "name": "北爱尔兰",
+        "code": "GBR_NIR"
+      },
+      {
+        "name": "苏格兰",
+        "code": "GBR_SCT"
+      },
+      {
+        "name": "威尔士",
+        "code": "GBR_WLS"
+      },
+      {
+        "name": "英格兰",
+        "code": "GBR_ENG"
+      }
+    ]
+  },
+  {
+    "name": "格鲁吉亚",
+    "code": "GEO"
+  },
+  {
+    "name": "赤道几内亚",
+    "code": "GEQ"
+  },
+  {
+    "name": "德国",
+    "code": "GER"
+  },
+  {
+    "name": "格恩西岛",
+    "code": "GGY"
+  },
+  {
+    "name": "加纳",
+    "code": "GHA",
+    "children": [
+      {
+        "name": "阿散蒂",
+        "code": "GHA_AS"
+      },
+      {
+        "name": "奥布阿西",
+        "code": "GHA_OBU"
+      },
+      {
+        "name": "北部",
+        "code": "GHA_NO"
+      },
+      {
+        "name": "布朗阿哈福",
+        "code": "GHA_BA"
+      },
+      {
+        "name": "大阿克拉",
+        "code": "GHA_GA"
+      },
+      {
+        "name": "东部",
+        "code": "GHA_EA"
+      },
+      {
+        "name": "上东部",
+        "code": "GHA_UE"
+      },
+      {
+        "name": "上西部",
+        "code": "GHA_UW"
+      },
+      {
+        "name": "沃尔特",
+        "code": "GHA_VO"
+      },
+      {
+        "name": "西部",
+        "code": "GHA_WE"
+      },
+      {
+        "name": "中部",
+        "code": "GHA_CE"
+      }
+    ]
+  },
+  {
+    "name": "直布罗陀",
+    "code": "GIB"
+  },
+  {
+    "name": "瓜德罗普",
+    "code": "GLP"
+  },
+  {
+    "name": "几内亚比绍",
+    "code": "GNB"
+  },
+  {
+    "name": "希腊",
+    "code": "GRE"
+  },
+  {
+    "name": "格陵兰",
+    "code": "GRL"
+  },
+  {
+    "name": "格林纳达",
+    "code": "GRN"
+  },
+  {
+    "name": "危地马拉",
+    "code": "GUA"
+  },
+  {
+    "name": "法属圭亚那",
+    "code": "GUF"
+  },
+  {
+    "name": "几内亚",
+    "code": "GUI"
+  },
+  {
+    "name": "关岛",
+    "code": "GUM"
+  },
+  {
+    "name": "圭亚那",
+    "code": "GUY",
+    "children": [
+      {
+        "name": "埃塞奎博群岛-西德梅拉拉",
+        "code": "GUY_EW"
+      },
+      {
+        "name": "巴里马-瓦伊尼",
+        "code": "GUY_BW"
+      },
+      {
+        "name": "波默伦-苏佩纳姆",
+        "code": "GUY_PM"
+      },
+      {
+        "name": "波塔罗-锡帕鲁尼",
+        "code": "GUY_PI"
+      },
+      {
+        "name": "德梅拉拉-马海卡",
+        "code": "GUY_DM"
+      },
+      {
+        "name": "东伯比斯-科兰太因",
+        "code": "GUY_EC"
+      },
+      {
+        "name": "库尤尼-马扎鲁尼",
+        "code": "GUY_CM"
+      },
+      {
+        "name": "马海卡-伯比斯",
+        "code": "GUY_MB"
+      },
+      {
+        "name": "上德梅拉拉-伯比斯",
+        "code": "GUY_UD"
+      },
+      {
+        "name": "上塔库图-上埃塞奎博",
+        "code": "GUY_UT"
+      }
+    ]
+  },
+  {
+    "name": "海地",
+    "code": "HAI"
+  },
+  {
+    "name": "赫德和麦克唐纳群岛",
+    "code": "HMD"
+  },
+  {
+    "name": "洪都拉斯",
+    "code": "HON"
+  },
+  {
+    "name": "匈牙利",
+    "code": "HUN",
+    "children": [
+      {
+        "name": "巴兰尼亚",
+        "code": "HUN_BA"
+      },
+      {
+        "name": "巴奇-基什孔",
+        "code": "HUN_BK"
+      },
+      {
+        "name": "包尔绍德-奥包乌伊-曾普伦",
+        "code": "HUN_BZ"
+      },
+      {
+        "name": "贝凯什",
+        "code": "HUN_BE"
+      },
+      {
+        "name": "布达佩斯",
+        "code": "HUN_BU"
+      },
+      {
+        "name": "费耶尔",
+        "code": "HUN_FE"
+      },
+      {
+        "name": "豪伊杜-比豪尔",
+        "code": "HUN_HB"
+      },
+      {
+        "name": "赫维什",
+        "code": "HUN_HE"
+      },
+      {
+        "name": "加兹-纳杰孔-索尔诺克",
+        "code": "HUN_JN"
+      },
+      {
+        "name": "杰尔-莫松-肖普朗",
+        "code": "HUN_GS"
+      },
+      {
+        "name": "科马罗姆",
+        "code": "HUN_KE"
+      },
+      {
+        "name": "诺格拉德",
+        "code": "HUN_NO"
+      },
+      {
+        "name": "佩斯",
+        "code": "HUN_PE"
+      },
+      {
+        "name": "琼格拉德",
+        "code": "HUN_CS"
+      },
+      {
+        "name": "绍莫吉",
+        "code": "HUN_SO"
+      },
+      {
+        "name": "索博尔奇-索特马尔-贝拉格",
+        "code": "HUN_SZ"
+      },
+      {
+        "name": "托尔瑙",
+        "code": "HUN_TO"
+      },
+      {
+        "name": "维斯普雷姆",
+        "code": "HUN_VE"
+      },
+      {
+        "name": "沃什",
+        "code": "HUN_VA"
+      },
+      {
+        "name": "佐洛",
+        "code": "HUN_ZA"
+      }
+    ]
+  },
+  {
+    "name": "印度尼西亚",
+    "code": "IDN",
+    "children": [
+      {
+        "name": "巴厘",
+        "code": "IDN_BA"
+      },
+      {
+        "name": "邦加－勿里洞群岛",
+        "code": "IDN_BB"
+      },
+      {
+        "name": "北苏拉威西",
+        "code": "IDN_SA"
+      },
+      {
+        "name": "北苏门答腊",
+        "code": "IDN_SU"
+      },
+      {
+        "name": "大雅加达首都特区",
+        "code": "IDN_KB"
+      },
+      {
+        "name": "东加里曼丹",
+        "code": "IDN_KI"
+      },
+      {
+        "name": "东南苏拉威西",
+        "code": "IDN_SG"
+      },
+      {
+        "name": "东努沙登加拉",
+        "code": "IDN_NT"
+      },
+      {
+        "name": "东爪哇",
+        "code": "IDN_JI"
+      },
+      {
+        "name": "廖内",
+        "code": "IDN_RI"
+      },
+      {
+        "name": "马鲁古",
+        "code": "IDN_MA"
+      },
+      {
+        "name": "明古鲁",
+        "code": "IDN_BE"
+      },
+      {
+        "name": "楠榜",
+        "code": "IDN_LA"
+      },
+      {
+        "name": "南加里曼丹",
+        "code": "IDN_KS"
+      },
+      {
+        "name": "南苏拉威西",
+        "code": "IDN_SN"
+      },
+      {
+        "name": "南苏门答腊",
+        "code": "IDN_SS"
+      },
+      {
+        "name": "日惹特区",
+        "code": "IDN_YO"
+      },
+      {
+        "name": "万丹",
+        "code": "IDN_BT"
+      },
+      {
+        "name": "西努沙登加拉",
+        "code": "IDN_NB"
+      },
+      {
+        "name": "西苏门答腊",
+        "code": "IDN_SR"
+      },
+      {
+        "name": "西爪哇",
+        "code": "IDN_JB"
+      },
+      {
+        "name": "雅加达",
+        "code": "IDN_JK"
+      },
+      {
+        "name": "亚齐",
+        "code": "IDN_AC"
+      },
+      {
+        "name": "伊里安查亚",
+        "code": "IDN_IJ"
+      },
+      {
+        "name": "占碑",
+        "code": "IDN_JA"
+      },
+      {
+        "name": "中加里曼丹",
+        "code": "IDN_KT"
+      },
+      {
+        "name": "中苏拉威西",
+        "code": "IDN_ST"
+      },
+      {
+        "name": "中爪哇",
+        "code": "IDN_JT"
+      }
+    ]
+  },
+  {
+    "name": "曼岛",
+    "code": "IMN"
+  },
+  {
+    "name": "印尼",
+    "code": "INA"
+  },
+  {
+    "name": "印度",
+    "code": "IND",
+    "children": [
+      {
+        "name": "艾藻尔",
+        "code": "IND_AJL"
+      },
+      {
+        "name": "班加罗尔",
+        "code": "IND_BLR"
+      },
+      {
+        "name": "本地治里",
+        "code": "IND_PNY"
+      },
+      {
+        "name": "博帕尔",
+        "code": "IND_BHO"
+      },
+      {
+        "name": "布巴内斯瓦尔",
+        "code": "IND_BBI"
+      },
+      {
+        "name": "昌迪加尔",
+        "code": "IND_IXC"
+      },
+      {
+        "name": "达曼",
+        "code": "IND_DAM"
+      },
+      {
+        "name": "第乌",
+        "code": "IND_DIU"
+      },
+      {
+        "name": "甘托克",
+        "code": "IND_GTO"
+      },
+      {
+        "name": "哥印拜陀",
+        "code": "IND_CJB"
+      },
+      {
+        "name": "加尔各答",
+        "code": "IND_CCU"
+      },
+      {
+        "name": "加里加尔",
+        "code": "IND_KRK"
+      },
+      {
+        "name": "贾巴尔普尔",
+        "code": "IND_JLR"
+      },
+      {
+        "name": "贾朗达尔",
+        "code": "IND_JUC"
+      },
+      {
+        "name": "焦特布尔",
+        "code": "IND_JDH"
+      },
+      {
+        "name": "金奈",
+        "code": "IND_MAA"
+      },
+      {
+        "name": "卡瓦拉蒂",
+        "code": "IND_KVA"
+      },
+      {
+        "name": "科希马",
+        "code": "IND_KOM"
+      },
+      {
+        "name": "马埃",
+        "code": "IND_MAH"
+      },
+      {
+        "name": "马杜赖",
+        "code": "IND_IXM"
+      },
+      {
+        "name": "森伯尔布尔",
+        "code": "IND_SLR"
+      },
+      {
+        "name": "特里凡得琅",
+        "code": "IND_TRV"
+      },
+      {
+        "name": "乌代布尔",
+        "code": "IND_UDR"
+      },
+      {
+        "name": "西隆",
+        "code": "IND_SHL"
+      },
+      {
+        "name": "锡尔萨瓦",
+        "code": "IND_SIL"
+      },
+      {
+        "name": "新德里",
+        "code": "IND_ICD"
+      },
+      {
+        "name": "亚南",
+        "code": "IND_SRV"
+      },
+      {
+        "name": "因帕尔",
+        "code": "IND_IMF"
+      },
+      {
+        "name": "印多尔",
+        "code": "IND_IDR"
+      },
+      {
+        "name": "斋普尔",
+        "code": "IND_JAI"
+      }
+    ]
+  },
+  {
+    "name": "英属印度洋领地",
+    "code": "IOT"
+  },
+  {
+    "name": "伊朗",
+    "code": "IRI"
+  },
+  {
+    "name": "爱尔兰",
+    "code": "IRL",
+    "children": [
+      {
+        "name": "奥法利",
+        "code": "IRL_OF"
+      },
+      {
+        "name": "蒂珀雷里",
+        "code": "IRL_TP"
+      },
+      {
+        "name": "都柏林",
+        "code": "IRL_DB"
+      },
+      {
+        "name": "多内加尔",
+        "code": "IRL_DG"
+      },
+      {
+        "name": "戈尔韦",
+        "code": "IRL_GW"
+      },
+      {
+        "name": "基尔代尔",
+        "code": "IRL_KD"
+      },
+      {
+        "name": "基尔肯尼",
+        "code": "IRL_KK"
+      },
+      {
+        "name": "卡范",
+        "code": "IRL_CV"
+      },
+      {
+        "name": "卡洛",
+        "code": "IRL_CW"
+      },
+      {
+        "name": "凯里",
+        "code": "IRL_KR"
+      },
+      {
+        "name": "科克",
+        "code": "IRL_CK"
+      },
+      {
+        "name": "克莱尔",
+        "code": "IRL_CL"
+      },
+      {
+        "name": "朗福德",
+        "code": "IRL_LF"
+      },
+      {
+        "name": "劳斯",
+        "code": "IRL_LT"
+      },
+      {
+        "name": "崂斯",
+        "code": "IRL_LA"
+      },
+      {
+        "name": "利默里克",
+        "code": "IRL_LM"
+      },
+      {
+        "name": "利特里姆",
+        "code": "IRL_LR"
+      },
+      {
+        "name": "罗斯康芒",
+        "code": "IRL_RC"
+      },
+      {
+        "name": "梅奥",
+        "code": "IRL_MY"
+      },
+      {
+        "name": "米斯",
+        "code": "IRL_MT"
+      },
+      {
+        "name": "莫内根",
+        "code": "IRL_MG"
+      },
+      {
+        "name": "斯莱戈",
+        "code": "IRL_SL"
+      },
+      {
+        "name": "威克洛",
+        "code": "IRL_WK"
+      },
+      {
+        "name": "韦克斯福德",
+        "code": "IRL_WX"
+      },
+      {
+        "name": "沃特福德",
+        "code": "IRL_WF"
+      },
+      {
+        "name": "西米斯",
+        "code": "IRL_WM"
+      }
+    ]
+  },
+  {
+    "name": "伊拉克",
+    "code": "IRQ"
+  },
+  {
+    "name": "冰岛",
+    "code": "ISL"
+  },
+  {
+    "name": "以色列",
+    "code": "ISR",
+    "children": [
+      {
+        "name": "阿什杜德",
+        "code": "ISR_ASH"
+      },
+      {
+        "name": "贝尔谢巴",
+        "code": "ISR_BEV"
+      },
+      {
+        "name": "贝特雁",
+        "code": "ISR_BAT"
+      },
+      {
+        "name": "海法",
+        "code": "ISR_HFA"
+      },
+      {
+        "name": "霍隆",
+        "code": "ISR_HOL"
+      },
+      {
+        "name": "内坦亚",
+        "code": "ISR_NAT"
+      },
+      {
+        "name": "特拉维夫",
+        "code": "ISR_TLV"
+      },
+      {
+        "name": "耶路撒冷",
+        "code": "ISR_J"
+      }
+    ]
+  },
+  {
+    "name": "意大利",
+    "code": "ITA",
+    "children": [
+      {
+        "name": "阿斯蒂",
+        "code": "ITA_AST"
+      },
+      {
+        "name": "阿斯科利皮切诺",
+        "code": "ITA_ASP"
+      },
+      {
+        "name": "安科纳",
+        "code": "ITA_AOI"
+      },
+      {
+        "name": "奥尔比亚",
+        "code": "ITA_OLB"
+      },
+      {
+        "name": "奥里斯塔诺",
+        "code": "ITA_QOS"
+      },
+      {
+        "name": "奥斯塔",
+        "code": "ITA_AOT"
+      },
+      {
+        "name": "巴勒莫",
+        "code": "ITA_PMO"
+      },
+      {
+        "name": "巴里",
+        "code": "ITA_BRI"
+      },
+      {
+        "name": "贝加莫",
+        "code": "ITA_BGO"
+      },
+      {
+        "name": "贝内文托",
+        "code": "ITA_BEN"
+      },
+      {
+        "name": "比萨",
+        "code": "ITA_PSA"
+      },
+      {
+        "name": "波代诺内",
+        "code": "ITA_PRD"
+      },
+      {
+        "name": "波坦察",
+        "code": "ITA_QPO"
+      },
+      {
+        "name": "博洛尼亚",
+        "code": "ITA_BLQ"
+      },
+      {
+        "name": "布拉",
+        "code": "ITA_BIE"
+      },
+      {
+        "name": "布雷西亚",
+        "code": "ITA_BRC"
+      },
+      {
+        "name": "布林迪西",
+        "code": "ITA_BDS"
+      },
+      {
+        "name": "的里雅斯特",
+        "code": "ITA_TRS"
+      },
+      {
+        "name": "都灵",
+        "code": "ITA_TRN"
+      },
+      {
+        "name": "费拉拉",
+        "code": "ITA_FRR"
+      },
+      {
+        "name": "佛罗伦萨",
+        "code": "ITA_FLR"
+      },
+      {
+        "name": "福贾",
+        "code": "ITA_FOG"
+      },
+      {
+        "name": "卡利亚里",
+        "code": "ITA_CAG"
+      },
+      {
+        "name": "卡塞塔",
+        "code": "ITA_CST"
+      },
+      {
+        "name": "卡塔尼亚",
+        "code": "ITA_CTA"
+      },
+      {
+        "name": "卡坦扎罗",
+        "code": "ITA_QCZ"
+      },
+      {
+        "name": "坎波巴索",
+        "code": "ITA_COB"
+      },
+      {
+        "name": "科摩",
+        "code": "ITA_CIY"
+      },
+      {
+        "name": "科森扎",
+        "code": "ITA_QCS"
+      },
+      {
+        "name": "克罗托内",
+        "code": "ITA_CRV"
+      },
+      {
+        "name": "库内奥",
+        "code": "ITA_CUN"
+      },
+      {
+        "name": "拉奎拉",
+        "code": "ITA_LAQ"
+      },
+      {
+        "name": "拉斯佩齐亚",
+        "code": "ITA_SPE"
+      },
+      {
+        "name": "莱科",
+        "code": "ITA_LCO"
+      },
+      {
+        "name": "莱切",
+        "code": "ITA_LCC"
+      },
+      {
+        "name": "雷焦艾米利亚",
+        "code": "ITA_RNE"
+      },
+      {
+        "name": "雷焦卡拉布里亚",
+        "code": "ITA_REG"
+      },
+      {
+        "name": "里窝那",
+        "code": "ITA_LIV"
+      },
+      {
+        "name": "罗马",
+        "code": "ITA_ROM"
+      },
+      {
+        "name": "马萨",
+        "code": "ITA_MCR"
+      },
+      {
+        "name": "马泰拉",
+        "code": "ITA_MTR"
+      },
+      {
+        "name": "蒙扎",
+        "code": "ITA_MZA"
+      },
+      {
+        "name": "米兰",
+        "code": "ITA_MIL"
+      },
+      {
+        "name": "摩德纳",
+        "code": "ITA_MOD"
+      },
+      {
+        "name": "墨西拿",
+        "code": "ITA_MSN"
+      },
+      {
+        "name": "那不勒斯",
+        "code": "ITA_NAP"
+      },
+      {
+        "name": "努奥罗",
+        "code": "ITA_QNU"
+      },
+      {
+        "name": "诺瓦拉",
+        "code": "ITA_NVR"
+      },
+      {
+        "name": "帕尔马",
+        "code": "ITA_PMF"
+      },
+      {
+        "name": "帕维亚",
+        "code": "ITA_PAV"
+      },
+      {
+        "name": "佩鲁贾",
+        "code": "ITA_PEG"
+      },
+      {
+        "name": "热那亚",
+        "code": "ITA_CAX"
+      },
+      {
+        "name": "萨莱诺",
+        "code": "ITA_SAL"
+      },
+      {
+        "name": "萨萨里",
+        "code": "ITA_QSS"
+      },
+      {
+        "name": "萨沃纳",
+        "code": "ITA_SVN"
+      },
+      {
+        "name": "塔兰托",
+        "code": "ITA_TAR"
+      },
+      {
+        "name": "特拉帕尼",
+        "code": "ITA_TPS"
+      },
+      {
+        "name": "特伦托",
+        "code": "ITA_TRT"
+      },
+      {
+        "name": "威尼斯",
+        "code": "ITA_VCE"
+      },
+      {
+        "name": "韦尔切利",
+        "code": "ITA_VRL"
+      },
+      {
+        "name": "维泰博",
+        "code": "ITA_VIT"
+      },
+      {
+        "name": "乌迪内",
+        "code": "ITA_UDN"
+      },
+      {
+        "name": "锡拉库扎",
+        "code": "ITA_SYR"
+      },
+      {
+        "name": "锡耶纳",
+        "code": "ITA_SNA"
+      },
+      {
+        "name": "亚历山德里亚",
+        "code": "ITA_ALE"
+      },
+      {
+        "name": "伊塞尔尼亚",
+        "code": "ITA_ISE"
+      }
+    ]
+  },
+  {
+    "name": "牙买加",
+    "code": "JAM",
+    "children": [
+      {
+        "name": "波特兰",
+        "code": "JAM_POR"
+      },
+      {
+        "name": "汉诺威",
+        "code": "JAM_HAN"
+      },
+      {
+        "name": "金斯敦",
+        "code": "JAM_KIN"
+      },
+      {
+        "name": "克拉伦登",
+        "code": "JAM_CLA"
+      },
+      {
+        "name": "曼彻斯特",
+        "code": "JAM_MAN"
+      },
+      {
+        "name": "圣安德鲁斯",
+        "code": "JAM_AND"
+      },
+      {
+        "name": "圣安娜",
+        "code": "JAM_ANN"
+      },
+      {
+        "name": "圣凯瑟琳",
+        "code": "JAM_CAT"
+      },
+      {
+        "name": "圣玛丽",
+        "code": "JAM_MAR"
+      },
+      {
+        "name": "圣托马斯",
+        "code": "JAM_THO"
+      },
+      {
+        "name": "圣伊丽莎白",
+        "code": "JAM_ELI"
+      },
+      {
+        "name": "圣詹姆斯",
+        "code": "JAM_JAM"
+      },
+      {
+        "name": "特里洛尼",
+        "code": "JAM_TRL"
+      },
+      {
+        "name": "西摩兰",
+        "code": "JAM_WML"
+      }
+    ]
+  },
+  {
+    "name": "泽西岛",
+    "code": "JEY"
+  },
+  {
+    "name": "约旦",
+    "code": "JOR",
+    "children": [
+      {
+        "name": "阿吉隆",
+        "code": "JOR_AJ"
+      },
+      {
+        "name": "安曼",
+        "code": "JOR_AM"
+      },
+      {
+        "name": "拜勒加",
+        "code": "JOR_BA"
+      },
+      {
+        "name": "杰拉什",
+        "code": "JOR_JA"
+      },
+      {
+        "name": "卡拉克",
+        "code": "JOR_KA"
+      },
+      {
+        "name": "鲁赛法",
+        "code": "JOR_RU"
+      },
+      {
+        "name": "马安",
+        "code": "JOR_MN"
+      },
+      {
+        "name": "马德巴",
+        "code": "JOR_MD"
+      },
+      {
+        "name": "马夫拉克",
+        "code": "JOR_MF"
+      },
+      {
+        "name": "塔菲拉",
+        "code": "JOR_TA"
+      },
+      {
+        "name": "亚喀巴",
+        "code": "JOR_AQ"
+      },
+      {
+        "name": "伊尔比德",
+        "code": "JOR_IR"
+      },
+      {
+        "name": "扎尔卡",
+        "code": "JOR_ZA"
+      }
+    ]
+  },
+  {
+    "name": "日本",
+    "code": "JPN",
+    "children": [
+      {
+        "name": "北海道",
+        "code": "JPN_1"
+      },
+      {
+        "name": "青森",
+        "code": "JPN_2"
+      },
+      {
+        "name": "岩手",
+        "code": "JPN_3"
+      },
+      {
+        "name": "宮城",
+        "code": "JPN_4"
+      },
+      {
+        "name": "秋田",
+        "code": "JPN_5"
+      },
+      {
+        "name": "山形",
+        "code": "JPN_6"
+      },
+      {
+        "name": "福岛",
+        "code": "JPN_7"
+      },
+      {
+        "name": "茨城",
+        "code": "JPN_8"
+      },
+      {
+        "name": "枥木",
+        "code": "JPN_9"
+      },
+      {
+        "name": "群马",
+        "code": "JPN_10"
+      },
+      {
+        "name": "埼玉",
+        "code": "JPN_11"
+      },
+      {
+        "name": "千叶",
+        "code": "JPN_12"
+      },
+      {
+        "name": "东京",
+        "code": "JPN_13"
+      },
+      {
+        "name": "神奈川",
+        "code": "JPN_14"
+      },
+      {
+        "name": "新潟",
+        "code": "JPN_15"
+      },
+      {
+        "name": "富山",
+        "code": "JPN_16"
+      },
+      {
+        "name": "石川",
+        "code": "JPN_17"
+      },
+      {
+        "name": "福井",
+        "code": "JPN_18"
+      },
+      {
+        "name": "山梨",
+        "code": "JPN_19"
+      },
+      {
+        "name": "长野",
+        "code": "JPN_20"
+      },
+      {
+        "name": "岐阜",
+        "code": "JPN_21"
+      },
+      {
+        "name": "静冈",
+        "code": "JPN_22"
+      },
+      {
+        "name": "爱知",
+        "code": "JPN_23"
+      },
+      {
+        "name": "三重",
+        "code": "JPN_24"
+      },
+      {
+        "name": "滋贺",
+        "code": "JPN_25"
+      },
+      {
+        "name": "京都",
+        "code": "JPN_26"
+      },
+      {
+        "name": "大阪",
+        "code": "JPN_27"
+      },
+      {
+        "name": "兵库",
+        "code": "JPN_28"
+      },
+      {
+        "name": "奈良",
+        "code": "JPN_29"
+      },
+      {
+        "name": "和歌山",
+        "code": "JPN_30"
+      },
+      {
+        "name": "鸟取",
+        "code": "JPN_31"
+      },
+      {
+        "name": "岛根",
+        "code": "JPN_32"
+      },
+      {
+        "name": "冈山",
+        "code": "JPN_33"
+      },
+      {
+        "name": "广岛",
+        "code": "JPN_34"
+      },
+      {
+        "name": "山口",
+        "code": "JPN_35"
+      },
+      {
+        "name": "徳岛",
+        "code": "JPN_36"
+      },
+      {
+        "name": "香川",
+        "code": "JPN_37"
+      },
+      {
+        "name": "爱媛",
+        "code": "JPN_38"
+      },
+      {
+        "name": "高知",
+        "code": "JPN_39"
+      },
+      {
+        "name": "福冈",
+        "code": "JPN_40"
+      },
+      {
+        "name": "佐贺",
+        "code": "JPN_41"
+      },
+      {
+        "name": "长崎",
+        "code": "JPN_42"
+      },
+      {
+        "name": "熊本",
+        "code": "JPN_43"
+      },
+      {
+        "name": "大分",
+        "code": "JPN_44"
+      },
+      {
+        "name": "宫崎",
+        "code": "JPN_45"
+      },
+      {
+        "name": "鹿儿岛",
+        "code": "JPN_46"
+      },
+      {
+        "name": "冲绳",
+        "code": "JPN_47"
+      }
+    ]
+  },
+  {
+    "name": "哈萨克斯坦",
+    "code": "KAZ",
+    "children": [
+      {
+        "name": "阿尔卡累克",
+        "code": "KAZ_AYK"
+      },
+      {
+        "name": "阿克莫拉",
+        "code": "KAZ_AKM"
+      },
+      {
+        "name": "阿克苏",
+        "code": "KAZ_AKS"
+      },
+      {
+        "name": "阿克托别",
+        "code": "KAZ_AKT"
+      },
+      {
+        "name": "阿拉木图",
+        "code": "KAZ_ALA"
+      },
+      {
+        "name": "阿雷斯",
+        "code": "KAZ_ARY"
+      },
+      {
+        "name": "阿斯塔纳市",
+        "code": "KAZ_AST"
+      },
+      {
+        "name": "阿特劳",
+        "code": "KAZ_ATY"
+      },
+      {
+        "name": "埃基巴斯图兹",
+        "code": "KAZ_EKB"
+      },
+      {
+        "name": "巴尔喀什",
+        "code": "KAZ_BXH"
+      },
+      {
+        "name": "巴甫洛达尔",
+        "code": "KAZ_PAV"
+      },
+      {
+        "name": "北哈萨克斯坦",
+        "code": "KAZ_SEV"
+      },
+      {
+        "name": "东哈萨克斯坦",
+        "code": "KAZ_VOS"
+      },
+      {
+        "name": "济良诺夫斯克",
+        "code": "KAZ_ZYR"
+      },
+      {
+        "name": "江布尔",
+        "code": "KAZ_DMB"
+      },
+      {
+        "name": "杰兹卡兹甘",
+        "code": "KAZ_DZH"
+      },
+      {
+        "name": "卡拉干达",
+        "code": "KAZ_KAR"
+      },
+      {
+        "name": "卡拉扎尔",
+        "code": "KAZ_KZO"
+      },
+      {
+        "name": "卡普恰盖",
+        "code": "KAZ_KAP"
+      },
+      {
+        "name": "科斯塔奈",
+        "code": "KAZ_KST"
+      },
+      {
+        "name": "克孜勒奥尔达",
+        "code": "KAZ_KZY"
+      },
+      {
+        "name": "库尔恰托夫",
+        "code": "KAZ_KUR"
+      },
+      {
+        "name": "利萨科夫斯克",
+        "code": "KAZ_LKK"
+      },
+      {
+        "name": "列宁诺戈尔斯克",
+        "code": "KAZ_LEN"
+      },
+      {
+        "name": "鲁德内",
+        "code": "KAZ_RUD"
+      },
+      {
+        "name": "曼格斯套",
+        "code": "KAZ_MAN"
+      },
+      {
+        "name": "南哈萨克斯坦",
+        "code": "KAZ_KGT"
+      },
+      {
+        "name": "萨兰",
+        "code": "KAZ_SAR"
+      },
+      {
+        "name": "塞梅伊",
+        "code": "KAZ_SEM"
+      },
+      {
+        "name": "沙赫京斯克",
+        "code": "KAZ_SAK"
+      },
+      {
+        "name": "斯捷普诺戈尔斯克",
+        "code": "KAZ_STE"
+      },
+      {
+        "name": "铁克利",
+        "code": "KAZ_TEK"
+      },
+      {
+        "name": "铁米尔套",
+        "code": "KAZ_TEM"
+      },
+      {
+        "name": "突厥斯坦",
+        "code": "KAZ_TUR"
+      },
+      {
+        "name": "西哈萨克斯坦",
+        "code": "KAZ_ZAP"
+      },
+      {
+        "name": "扎纳奥津",
+        "code": "KAZ_ZHA"
+      }
+    ]
+  },
+  {
+    "name": "肯尼亚",
+    "code": "KEN",
+    "children": [
+      {
+        "name": "埃尔格约-马拉奎特",
+        "code": "KEN_EMA"
+      },
+      {
+        "name": "巴林戈",
+        "code": "KEN_BAR"
+      },
+      {
+        "name": "邦戈马",
+        "code": "KEN_BUN"
+      },
+      {
+        "name": "博美特",
+        "code": "KEN_BOM"
+      },
+      {
+        "name": "布希亚",
+        "code": "KEN_BUS"
+      },
+      {
+        "name": "恩布",
+        "code": "KEN_EMB"
+      },
+      {
+        "name": "霍马湾",
+        "code": "KEN_HOB"
+      },
+      {
+        "name": "基安布",
+        "code": "KEN_KIA"
+      },
+      {
+        "name": "基里菲",
+        "code": "KEN_KIL"
+      },
+      {
+        "name": "基里尼亚加",
+        "code": "KEN_KIR"
+      },
+      {
+        "name": "基苏木",
+        "code": "KEN_KIS"
+      },
+      {
+        "name": "基图伊",
+        "code": "KEN_KIT"
+      },
+      {
+        "name": "基西",
+        "code": "KEN_KII"
+      },
+      {
+        "name": "加里萨",
+        "code": "KEN_GAS"
+      },
+      {
+        "name": "卡卡梅加",
+        "code": "KEN_KAK"
+      },
+      {
+        "name": "卡耶亚多",
+        "code": "KEN_KAJ"
+      },
+      {
+        "name": "凯里乔",
+        "code": "KEN_KEY"
+      },
+      {
+        "name": "夸勒",
+        "code": "KEN_KWA"
+      },
+      {
+        "name": "拉木",
+        "code": "KEN_LAU"
+      },
+      {
+        "name": "莱基皮亚",
+        "code": "KEN_LAI"
+      },
+      {
+        "name": "马查科斯",
+        "code": "KEN_MAC"
+      },
+      {
+        "name": "马瓜尼",
+        "code": "KEN_MAK"
+      },
+      {
+        "name": "马萨布布",
+        "code": "KEN_RBT"
+      },
+      {
+        "name": "曼德拉",
+        "code": "KEN_MAN"
+      },
+      {
+        "name": "梅鲁",
+        "code": "KEN_MER"
+      },
+      {
+        "name": "蒙巴萨",
+        "code": "KEN_MOM"
+      },
+      {
+        "name": "米戈利",
+        "code": "KEN_MIG"
+      },
+      {
+        "name": "穆兰卡",
+        "code": "KEN_MUR"
+      },
+      {
+        "name": "纳库鲁",
+        "code": "KEN_NUU"
+      },
+      {
+        "name": "纳罗克",
+        "code": "KEN_NAR"
+      },
+      {
+        "name": "南迪",
+        "code": "KEN_NAN"
+      },
+      {
+        "name": "内罗毕",
+        "code": "KEN_NA"
+      },
+      {
+        "name": "尼蒂",
+        "code": "KEN_NIT"
+      },
+      {
+        "name": "尼亚米拉",
+        "code": "KEN_NYM"
+      },
+      {
+        "name": "年达鲁阿",
+        "code": "KEN_NYN"
+      },
+      {
+        "name": "涅里",
+        "code": "KEN_NYE"
+      },
+      {
+        "name": "桑布卢",
+        "code": "KEN_UAS"
+      },
+      {
+        "name": "塔纳河",
+        "code": "KEN_TRI"
+      },
+      {
+        "name": "泰塔塔维塔",
+        "code": "KEN_TTA"
+      },
+      {
+        "name": "特兰斯-恩佐亚",
+        "code": "KEN_TNZ"
+      },
+      {
+        "name": "瓦吉尔",
+        "code": "KEN_WJR"
+      },
+      {
+        "name": "瓦辛基苏",
+        "code": "KEN_UGI"
+      },
+      {
+        "name": "韦希加",
+        "code": "KEN_VIH"
+      },
+      {
+        "name": "西波克特",
+        "code": "KEN_WPO"
+      },
+      {
+        "name": "夏亚",
+        "code": "KEN_SIA"
+      },
+      {
+        "name": "伊希约洛",
+        "code": "KEN_ISI"
+      },
+      {
+        "name": "中央",
+        "code": "KEN_CE"
+      }
+    ]
+  },
+  {
+    "name": "吉尔吉斯斯坦",
+    "code": "KGZ",
+    "children": [
+      {
+        "name": "奥什",
+        "code": "KGZ_O"
+      },
+      {
+        "name": "巴特肯",
+        "code": "KGZ_B"
+      },
+      {
+        "name": "比什凯克市",
+        "code": "KGZ_GB"
+      },
+      {
+        "name": "楚河",
+        "code": "KGZ_C"
+      },
+      {
+        "name": "贾拉拉巴德",
+        "code": "KGZ_J"
+      },
+      {
+        "name": "卡拉巴尔塔",
+        "code": "KGZ_KBA"
+      },
+      {
+        "name": "卡拉库尔",
+        "code": "KGZ_KKO"
+      },
+      {
+        "name": "坎特",
+        "code": "KGZ_KAN"
+      },
+      {
+        "name": "科克扬加克",
+        "code": "KGZ_KJ"
+      },
+      {
+        "name": "迈利赛",
+        "code": "KGZ_MS"
+      },
+      {
+        "name": "纳伦",
+        "code": "KGZ_N"
+      },
+      {
+        "name": "苏卢克图",
+        "code": "KGZ_SU"
+      },
+      {
+        "name": "塔拉斯",
+        "code": "KGZ_T"
+      },
+      {
+        "name": "塔什库梅尔",
+        "code": "KGZ_TK"
+      },
+      {
+        "name": "乌兹根",
+        "code": "KGZ_UG"
+      },
+      {
+        "name": "伊塞克湖",
+        "code": "KGZ_Y"
+      }
+    ]
+  },
+  {
+    "name": "基里巴斯",
+    "code": "KIR",
+    "children": [
+      {
+        "name": "菲尼克斯群岛",
+        "code": "KIR_PHO"
+      },
+      {
+        "name": "吉尔伯特群岛",
+        "code": "KIR_GIL"
+      },
+      {
+        "name": "莱恩群岛",
+        "code": "KIR_LIN"
+      }
+    ]
+  },
+  {
+    "name": "韩国",
+    "code": "KOR",
+    "children": [
+      {
+        "name": "首尔",
+        "code": "KOR_11"
+      },
+      {
+        "name": "釜山",
+        "code": "KOR_26"
+      },
+      {
+        "name": "大邱",
+        "code": "KOR_27"
+      },
+      {
+        "name": "仁川",
+        "code": "KOR_28"
+      },
+      {
+        "name": "光州",
+        "code": "KOR_29"
+      },
+      {
+        "name": "大田",
+        "code": "KOR_30"
+      },
+      {
+        "name": "蔚山",
+        "code": "KOR_31"
+      },
+      {
+        "name": "济州特别自治道",
+        "code": "KOR_41"
+      },
+      {
+        "name": "江原道",
+        "code": "KOR_42"
+      },
+      {
+        "name": "庆尚北道",
+        "code": "KOR_43"
+      },
+      {
+        "name": "庆尚南道",
+        "code": "KOR_44"
+      },
+      {
+        "name": "忠清北道",
+        "code": "KOR_45"
+      },
+      {
+        "name": "忠清南道",
+        "code": "KOR_46"
+      },
+      {
+        "name": "全罗北道",
+        "code": "KOR_47"
+      },
+      {
+        "name": "全罗南道",
+        "code": "KOR_48"
+      },
+      {
+        "name": "京畿道",
+        "code": "KOR_49"
+      }
+    ]
+  },
+  {
+    "name": "沙特阿拉伯",
+    "code": "KSA"
+  },
+  {
+    "name": "科威特",
+    "code": "KUW"
+  },
+  {
+    "name": "老挝",
+    "code": "LAO",
+    "children": [
+      {
+        "name": "阿速坡",
+        "code": "LAO_AT"
+      },
+      {
+        "name": "波里坎赛",
+        "code": "LAO_BL"
+      },
+      {
+        "name": "博乔",
+        "code": "LAO_BK"
+      },
+      {
+        "name": "川圹",
+        "code": "LAO_XI"
+      },
+      {
+        "name": "丰沙里",
+        "code": "LAO_PH"
+      },
+      {
+        "name": "甘蒙",
+        "code": "LAO_KH"
+      },
+      {
+        "name": "华潘",
+        "code": "LAO_HO"
+      },
+      {
+        "name": "琅勃拉邦",
+        "code": "LAO_LP"
+      },
+      {
+        "name": "琅南塔",
+        "code": "LAO_LM"
+      },
+      {
+        "name": "赛宋本行政特区",
+        "code": "LAO_XN"
+      },
+      {
+        "name": "色贡",
+        "code": "LAO_XE"
+      },
+      {
+        "name": "沙拉湾",
+        "code": "LAO_SL"
+      },
+      {
+        "name": "沙湾拿吉",
+        "code": "LAO_SV"
+      },
+      {
+        "name": "沙耶武里",
+        "code": "LAO_XA"
+      },
+      {
+        "name": "万象",
+        "code": "LAO_VI"
+      },
+      {
+        "name": "乌多姆赛",
+        "code": "LAO_OU"
+      },
+      {
+        "name": "占巴塞",
+        "code": "LAO_CH"
+      }
+    ]
+  },
+  {
+    "name": "拉脱维亚",
+    "code": "LAT"
+  },
+  {
+    "name": "利比亚",
+    "code": "LBA"
+  },
+  {
+    "name": "利比里亚",
+    "code": "LBR",
+    "children": [
+      {
+        "name": "巴波卢",
+        "code": "LBR_GBA"
+      },
+      {
+        "name": "邦",
+        "code": "LBR_BG"
+      },
+      {
+        "name": "博波卢",
+        "code": "LBR_BOP"
+      },
+      {
+        "name": "博米",
+        "code": "LBR_BM"
+      },
+      {
+        "name": "大巴萨",
+        "code": "LBR_GB"
+      },
+      {
+        "name": "大吉德",
+        "code": "LBR_GG"
+      },
+      {
+        "name": "大角山",
+        "code": "LBR_CM"
+      },
+      {
+        "name": "大克鲁",
+        "code": "LBR_GK"
+      },
+      {
+        "name": "菲什敦",
+        "code": "LBR_FT"
+      },
+      {
+        "name": "吉河",
+        "code": "LBR_RG"
+      },
+      {
+        "name": "里弗塞斯",
+        "code": "LBR_RI"
+      },
+      {
+        "name": "洛法",
+        "code": "LBR_LO"
+      },
+      {
+        "name": "马吉比",
+        "code": "LBR_MG"
+      },
+      {
+        "name": "马里兰",
+        "code": "LBR_MY"
+      },
+      {
+        "name": "蒙特塞拉多",
+        "code": "LBR_MO"
+      },
+      {
+        "name": "宁巴",
+        "code": "LBR_NI"
+      },
+      {
+        "name": "锡诺",
+        "code": "LBR_SI"
+      }
+    ]
+  },
+  {
+    "name": "圣卢西亚",
+    "code": "LCA"
+  },
+  {
+    "name": "莱索托",
+    "code": "LES"
+  },
+  {
+    "name": "黎巴嫩",
+    "code": "LIB"
+  },
+  {
+    "name": "列支敦士登",
+    "code": "LIE"
+  },
+  {
+    "name": "立陶宛",
+    "code": "LTU",
+    "children": [
+      {
+        "name": "阿利图斯",
+        "code": "LTU_AL"
+      },
+      {
+        "name": "考纳斯",
+        "code": "LTU_KA"
+      },
+      {
+        "name": "克莱佩达",
+        "code": "LTU_KL"
+      },
+      {
+        "name": "马里扬泊列",
+        "code": "LTU_MA"
+      },
+      {
+        "name": "帕涅韦日斯",
+        "code": "LTU_PA"
+      },
+      {
+        "name": "陶拉格",
+        "code": "LTU_TA"
+      },
+      {
+        "name": "特尔希艾",
+        "code": "LTU_TE"
+      },
+      {
+        "name": "维尔纽斯",
+        "code": "LTU_VI"
+      },
+      {
+        "name": "乌田纳",
+        "code": "LTU_UT"
+      },
+      {
+        "name": "希奥利艾",
+        "code": "LTU_SI"
+      },
+      {
+        "name": "亚克曼",
+        "code": "LTU_AKM"
+      }
+    ]
+  },
+  {
+    "name": "卢森堡",
+    "code": "LUX",
+    "children": [
+      {
+        "name": "迪基希",
+        "code": "LUX_DD"
+      },
+      {
+        "name": "格雷文马赫",
+        "code": "LUX_GG"
+      },
+      {
+        "name": "卢森堡",
+        "code": "LUX_LL"
+      }
+    ]
+  },
+  {
+    "name": "马达加斯加",
+    "code": "MAD"
+  },
+  {
+    "name": "摩洛哥",
+    "code": "MAR",
+    "children": [
+      {
+        "name": "丹吉尔",
+        "code": "MAR_TGR"
+      },
+      {
+        "name": "得土安",
+        "code": "MAR_TET"
+      },
+      {
+        "name": "非斯",
+        "code": "MAR_FES"
+      },
+      {
+        "name": "卡萨布兰卡",
+        "code": "MAR_CBL"
+      },
+      {
+        "name": "拉巴特",
+        "code": "MAR_RSA"
+      },
+      {
+        "name": "马拉喀什",
+        "code": "MAR_MRK"
+      },
+      {
+        "name": "梅克内斯",
+        "code": "MAR_MKN"
+      },
+      {
+        "name": "乌季达",
+        "code": "MAR_OUJ"
+      },
+      {
+        "name": "西撒哈拉",
+        "code": "MAR_WSH"
+      }
+    ]
+  },
+  {
+    "name": "马来西亚",
+    "code": "MAS"
+  },
+  {
+    "name": "马拉维",
+    "code": "MAW"
+  },
+  {
+    "name": "摩尔多瓦",
+    "code": "MDA"
+  },
+  {
+    "name": "马尔代夫",
+    "code": "MDV",
+    "children": [
+      {
+        "name": "阿杜",
+        "code": "MDV_ADD"
+      },
+      {
+        "name": "北阿里",
+        "code": "MDV_AAD"
+      },
+      {
+        "name": "北蒂拉杜马蒂",
+        "code": "MDV_THD"
+      },
+      {
+        "name": "北马洛斯马杜卢",
+        "code": "MDV_MAD"
+      },
+      {
+        "name": "北米拉杜马杜卢",
+        "code": "MDV_MLD"
+      },
+      {
+        "name": "北尼兰杜",
+        "code": "MDV_NAD"
+      },
+      {
+        "name": "北苏瓦迪瓦",
+        "code": "MDV_HAD"
+      },
+      {
+        "name": "法迪福卢",
+        "code": "MDV_FAA"
+      },
+      {
+        "name": "费利杜",
+        "code": "MDV_FEA"
+      },
+      {
+        "name": "福阿穆拉库",
+        "code": "MDV_FMU"
+      },
+      {
+        "name": "哈杜马蒂",
+        "code": "MDV_HDH"
+      },
+      {
+        "name": "科卢马杜卢",
+        "code": "MDV_KLH"
+      },
+      {
+        "name": "马累",
+        "code": "MDV_MAL"
+      },
+      {
+        "name": "马累岛",
+        "code": "MDV_MAA"
+      },
+      {
+        "name": "穆拉库",
+        "code": "MDV_MUA"
+      },
+      {
+        "name": "南阿里",
+        "code": "MDV_AAU"
+      },
+      {
+        "name": "南蒂拉杜马蒂",
+        "code": "MDV_THU"
+      },
+      {
+        "name": "南马洛斯马杜卢",
+        "code": "MDV_MAU"
+      },
+      {
+        "name": "南米拉杜马杜卢",
+        "code": "MDV_MLU"
+      },
+      {
+        "name": "南尼兰杜",
+        "code": "MDV_NAU"
+      },
+      {
+        "name": "南苏瓦迪瓦",
+        "code": "MDV_HAU"
+      }
+    ]
+  },
+  {
+    "name": "墨西哥",
+    "code": "MEX",
+    "children": [
+      {
+        "name": "阿瓜斯卡连斯特",
+        "code": "MEX_AGU"
+      },
+      {
+        "name": "阿卡普尔科",
+        "code": "MEX_ACA"
+      },
+      {
+        "name": "埃莫西约",
+        "code": "MEX_HMO"
+      },
+      {
+        "name": "埃佩切",
+        "code": "MEX_CAM"
+      },
+      {
+        "name": "奥夫雷贡城",
+        "code": "MEX_OBR"
+      },
+      {
+        "name": "奥里萨巴",
+        "code": "MEX_ORI"
+      },
+      {
+        "name": "巴利城",
+        "code": "MEX_VHM"
+      },
+      {
+        "name": "巴亚尔塔港",
+        "code": "MEX_PVR"
+      },
+      {
+        "name": "比利亚埃尔莫萨",
+        "code": "MEX_VSA"
+      },
+      {
+        "name": "波萨里卡",
+        "code": "MEX_PRH"
+      },
+      {
+        "name": "蒂华纳",
+        "code": "MEX_TIJ"
+      },
+      {
+        "name": "杜兰戈",
+        "code": "MEX_DUR"
+      },
+      {
+        "name": "恩塞纳达",
+        "code": "MEX_ESE"
+      },
+      {
+        "name": "瓜达拉哈拉",
+        "code": "MEX_GDL"
+      },
+      {
+        "name": "瓜纳华托",
+        "code": "MEX_GUA"
+      },
+      {
+        "name": "哈拉帕",
+        "code": "MEX_JAL"
+      },
+      {
+        "name": "华雷斯",
+        "code": "MEX_JUZ"
+      },
+      {
+        "name": "华雷斯港",
+        "code": "MEX_BJU"
+      },
+      {
+        "name": "卡门",
+        "code": "MEX_CAR"
+      },
+      {
+        "name": "科利马",
+        "code": "MEX_COL"
+      },
+      {
+        "name": "克雷塔罗",
+        "code": "MEX_QUE"
+      },
+      {
+        "name": "库埃纳瓦卡",
+        "code": "MEX_CVC"
+      },
+      {
+        "name": "库利阿坎",
+        "code": "MEX_CUL"
+      },
+      {
+        "name": "夸察夸拉克斯",
+        "code": "MEX_COA"
+      },
+      {
+        "name": "拉巴斯",
+        "code": "MEX_LAP"
+      },
+      {
+        "name": "莱昂",
+        "code": "MEX_LEN"
+      },
+      {
+        "name": "雷诺萨",
+        "code": "MEX_REX"
+      },
+      {
+        "name": "洛斯莫奇斯",
+        "code": "MEX_LMM"
+      },
+      {
+        "name": "马萨特兰",
+        "code": "MEX_MZT"
+      },
+      {
+        "name": "马塔莫罗斯",
+        "code": "MEX_MAM"
+      },
+      {
+        "name": "梅里达",
+        "code": "MEX_MID"
+      },
+      {
+        "name": "蒙克洛瓦",
+        "code": "MEX_LOV"
+      },
+      {
+        "name": "蒙特雷",
+        "code": "MEX_MTY"
+      },
+      {
+        "name": "莫雷利亚",
+        "code": "MEX_MLM"
+      },
+      {
+        "name": "墨西哥城",
+        "code": "MEX_MEX"
+      },
+      {
+        "name": "墨西卡利",
+        "code": "MEX_MXL"
+      },
+      {
+        "name": "诺加莱斯",
+        "code": "MEX_NOG"
+      },
+      {
+        "name": "帕丘卡",
+        "code": "MEX_PAC"
+      },
+      {
+        "name": "普埃布拉",
+        "code": "MEX_PUE"
+      },
+      {
+        "name": "奇尔潘辛戈",
+        "code": "MEX_CHI"
+      },
+      {
+        "name": "奇瓦瓦",
+        "code": "MEX_CHH"
+      },
+      {
+        "name": "切图马尔",
+        "code": "MEX_CTM"
+      },
+      {
+        "name": "萨尔蒂约",
+        "code": "MEX_SLW"
+      },
+      {
+        "name": "萨卡特卡斯",
+        "code": "MEX_ZAC"
+      },
+      {
+        "name": "塞拉亚",
+        "code": "MEX_CLY"
+      },
+      {
+        "name": "圣路易斯波托亚",
+        "code": "MEX_SLP"
+      },
+      {
+        "name": "塔帕丘拉",
+        "code": "MEX_TAP"
+      },
+      {
+        "name": "坦皮科",
+        "code": "MEX_TAM"
+      },
+      {
+        "name": "特拉斯卡拉",
+        "code": "MEX_TLA"
+      },
+      {
+        "name": "特皮克",
+        "code": "MEX_TPQ"
+      },
+      {
+        "name": "特瓦坎",
+        "code": "MEX_TCN"
+      },
+      {
+        "name": "图斯特拉-古铁雷斯",
+        "code": "MEX_TGZ"
+      },
+      {
+        "name": "托雷翁",
+        "code": "MEX_TRC"
+      },
+      {
+        "name": "托卢卡",
+        "code": "MEX_TLC"
+      },
+      {
+        "name": "瓦哈卡",
+        "code": "MEX_OAX"
+      },
+      {
+        "name": "维多利亚城",
+        "code": "MEX_VIC"
+      },
+      {
+        "name": "韦拉克鲁斯",
+        "code": "MEX_VER"
+      },
+      {
+        "name": "乌鲁阿潘",
+        "code": "MEX_UPN"
+      },
+      {
+        "name": "新拉雷多",
+        "code": "MEX_NLE"
+      },
+      {
+        "name": "伊拉普阿托",
+        "code": "MEX_IRP"
+      }
+    ]
+  },
+  {
+    "name": "蒙古",
+    "code": "MGL"
+  },
+  {
+    "name": "马其顿",
+    "code": "MKD"
+  },
+  {
+    "name": "马里",
+    "code": "MLI",
+    "children": [
+      {
+        "name": "巴马科首都区",
+        "code": "MLI_CD"
+      },
+      {
+        "name": "基达尔",
+        "code": "MLI_KD"
+      },
+      {
+        "name": "加奥",
+        "code": "MLI_GA"
+      },
+      {
+        "name": "卡伊",
+        "code": "MLI_KY"
+      },
+      {
+        "name": "库利科罗",
+        "code": "MLI_KL"
+      },
+      {
+        "name": "莫普提",
+        "code": "MLI_MP"
+      },
+      {
+        "name": "塞古",
+        "code": "MLI_SG"
+      },
+      {
+        "name": "通布图",
+        "code": "MLI_TB"
+      },
+      {
+        "name": "锡卡索",
+        "code": "MLI_SK"
+      }
+    ]
+  },
+  {
+    "name": "马耳他",
+    "code": "MLT"
+  },
+  {
+    "name": "北马里亚纳群岛",
+    "code": "MNP"
+  },
+  {
+    "name": "摩纳哥",
+    "code": "MON"
+  },
+  {
+    "name": "莫桑比克",
+    "code": "MOZ"
+  },
+  {
+    "name": "毛里求斯",
+    "code": "MRI"
+  },
+  {
+    "name": "蒙特塞拉特",
+    "code": "MSR"
+  },
+  {
+    "name": "毛里塔尼亚",
+    "code": "MTN"
+  },
+  {
+    "name": "马提尼克",
+    "code": "MTQ"
+  },
+  {
+    "name": "缅甸",
+    "code": "MYA"
+  },
+  {
+    "name": "马约特岛",
+    "code": "MYT"
+  },
+  {
+    "name": "纳米比亚",
+    "code": "NAM",
+    "children": [
+      {
+        "name": "埃龙戈",
+        "code": "NAM_ER"
+      },
+      {
+        "name": "奥汉圭纳",
+        "code": "NAM_OW"
+      },
+      {
+        "name": "奥卡万戈",
+        "code": "NAM_KV"
+      },
+      {
+        "name": "奥马赫科",
+        "code": "NAM_OK"
+      },
+      {
+        "name": "奥姆沙蒂",
+        "code": "NAM_OT"
+      },
+      {
+        "name": "奥乔宗蒂约巴",
+        "code": "NAM_OJ"
+      },
+      {
+        "name": "奥沙纳",
+        "code": "NAM_ON"
+      },
+      {
+        "name": "奥希科托",
+        "code": "NAM_OO"
+      },
+      {
+        "name": "哈达普",
+        "code": "NAM_HA"
+      },
+      {
+        "name": "霍马斯",
+        "code": "NAM_KH"
+      },
+      {
+        "name": "卡拉斯",
+        "code": "NAM_KR"
+      },
+      {
+        "name": "卡普里维",
+        "code": "NAM_CA"
+      },
+      {
+        "name": "库内内",
+        "code": "NAM_KU"
+      }
+    ]
+  },
+  {
+    "name": "尼加拉瓜",
+    "code": "NCA"
+  },
+  {
+    "name": "新喀里多尼亚",
+    "code": "NCL"
+  },
+  {
+    "name": "荷兰",
+    "code": "NED"
+  },
+  {
+    "name": "尼泊尔",
+    "code": "NEP"
+  },
+  {
+    "name": "诺福克",
+    "code": "NFK"
+  },
+  {
+    "name": "尼日利亚",
+    "code": "NGR"
+  },
+  {
+    "name": "尼日尔",
+    "code": "NIG"
+  },
+  {
+    "name": "纽埃",
+    "code": "NIU"
+  },
+  {
+    "name": "挪威",
+    "code": "NOR",
+    "children": [
+      {
+        "name": "东福尔",
+        "code": "NOR_1"
+      },
+      {
+        "name": "阿克什胡斯",
+        "code": "NOR_2"
+      },
+      {
+        "name": "奥斯陆市",
+        "code": "NOR_3"
+      },
+      {
+        "name": "海德马克",
+        "code": "NOR_4"
+      },
+      {
+        "name": "奥普兰",
+        "code": "NOR_5"
+      },
+      {
+        "name": "布斯克吕",
+        "code": "NOR_6"
+      },
+      {
+        "name": "西福尔",
+        "code": "NOR_7"
+      },
+      {
+        "name": "泰勒马克",
+        "code": "NOR_8"
+      },
+      {
+        "name": "东阿格德尔",
+        "code": "NOR_9"
+      },
+      {
+        "name": "西阿格德尔",
+        "code": "NOR_10"
+      },
+      {
+        "name": "罗加兰",
+        "code": "NOR_11"
+      },
+      {
+        "name": "霍达兰",
+        "code": "NOR_12"
+      },
+      {
+        "name": "松恩－菲尤拉讷",
+        "code": "NOR_14"
+      },
+      {
+        "name": "默勒－鲁姆斯达尔",
+        "code": "NOR_15"
+      },
+      {
+        "name": "南特伦德拉格",
+        "code": "NOR_16"
+      },
+      {
+        "name": "北特伦德拉格",
+        "code": "NOR_17"
+      },
+      {
+        "name": "诺尔兰",
+        "code": "NOR_18"
+      },
+      {
+        "name": "特罗姆斯",
+        "code": "NOR_19"
+      },
+      {
+        "name": "芬马克",
+        "code": "NOR_20"
+      }
+    ]
+  },
+  {
+    "name": "瑙鲁",
+    "code": "NRU"
+  },
+  {
+    "name": "新西兰",
+    "code": "NZL",
+    "children": [
+      {
+        "name": "奥克兰",
+        "code": "NZL_AUK"
+      },
+      {
+        "name": "北岸",
+        "code": "NZL_NSH"
+      },
+      {
+        "name": "北帕默斯顿",
+        "code": "NZL_PMR"
+      },
+      {
+        "name": "北远",
+        "code": "NZL_FNR"
+      },
+      {
+        "name": "布莱尼姆",
+        "code": "NZL_BHE"
+      },
+      {
+        "name": "达尼丁",
+        "code": "NZL_DUD"
+      },
+      {
+        "name": "格雷茅斯",
+        "code": "NZL_GMN"
+      },
+      {
+        "name": "哈密尔顿",
+        "code": "NZL_HLZ"
+      },
+      {
+        "name": "黑斯廷斯",
+        "code": "NZL_HAS"
+      },
+      {
+        "name": "怀塔科拉",
+        "code": "NZL_WAE"
+      },
+      {
+        "name": "吉斯伯恩",
+        "code": "NZL_GIS"
+      },
+      {
+        "name": "凯帕拉",
+        "code": "NZL_KAI"
+      },
+      {
+        "name": "克赖斯特彻奇",
+        "code": "NZL_CHC"
+      },
+      {
+        "name": "里士满",
+        "code": "NZL_RMD"
+      },
+      {
+        "name": "马努考",
+        "code": "NZL_MNK"
+      },
+      {
+        "name": "纳尔逊",
+        "code": "NZL_NSN"
+      },
+      {
+        "name": "内皮尔",
+        "code": "NZL_NPE"
+      },
+      {
+        "name": "斯特拉特福德",
+        "code": "NZL_STR"
+      },
+      {
+        "name": "陶马鲁努伊",
+        "code": "NZL_TAU"
+      },
+      {
+        "name": "瓦卡塔尼",
+        "code": "NZL_WHK"
+      },
+      {
+        "name": "旺阿雷",
+        "code": "NZL_WRE"
+      },
+      {
+        "name": "旺格努伊",
+        "code": "NZL_WAG"
+      },
+      {
+        "name": "新普利茅斯",
+        "code": "NZL_NPL"
+      },
+      {
+        "name": "因弗卡吉尔",
+        "code": "NZL_IVC"
+      }
+    ]
+  },
+  {
+    "name": "阿曼",
+    "code": "OMA"
+  },
+  {
+    "name": "巴基斯坦",
+    "code": "PAK",
+    "children": [
+      {
+        "name": "白沙瓦",
+        "code": "PAK_PEW"
+      },
+      {
+        "name": "费萨拉巴德",
+        "code": "PAK_LYP"
+      },
+      {
+        "name": "故吉软瓦拉",
+        "code": "PAK_GUJ"
+      },
+      {
+        "name": "海德拉巴",
+        "code": "PAK_HDD"
+      },
+      {
+        "name": "卡拉奇",
+        "code": "PAK_KCT"
+      },
+      {
+        "name": "拉合尔",
+        "code": "PAK_LHE"
+      },
+      {
+        "name": "拉瓦尔品第",
+        "code": "PAK_RWP"
+      },
+      {
+        "name": "木尔坦",
+        "code": "PAK_MUX"
+      },
+      {
+        "name": "伊斯兰堡",
+        "code": "PAK_ISB"
+      }
+    ]
+  },
+  {
+    "name": "巴拿马",
+    "code": "PAN"
+  },
+  {
+    "name": "巴拉圭",
+    "code": "PAR"
+  },
+  {
+    "name": "皮特凯恩",
+    "code": "PCN"
+  },
+  {
+    "name": "菲律宾",
+    "code": "PHI"
+  },
+  {
+    "name": "巴勒斯坦",
+    "code": "PLE"
+  },
+  {
+    "name": "帕劳群岛",
+    "code": "PLW"
+  },
+  {
+    "name": "巴布亚新几内亚",
+    "code": "PNG",
+    "children": [
+      {
+        "name": "北部",
+        "code": "PNG_NO"
+      },
+      {
+        "name": "布干维尔",
+        "code": "PNG_BV"
+      },
+      {
+        "name": "东部高地",
+        "code": "PNG_EH"
+      },
+      {
+        "name": "东塞皮克",
+        "code": "PNG_ES"
+      },
+      {
+        "name": "东新不列颠",
+        "code": "PNG_EB"
+      },
+      {
+        "name": "恩加",
+        "code": "PNG_EN"
+      },
+      {
+        "name": "海湾",
+        "code": "PNG_GU"
+      },
+      {
+        "name": "马当",
+        "code": "PNG_MD"
+      },
+      {
+        "name": "马努斯",
+        "code": "PNG_MN"
+      },
+      {
+        "name": "米尔恩湾",
+        "code": "PNG_MB"
+      },
+      {
+        "name": "莫尔兹比港",
+        "code": "PNG_NC"
+      },
+      {
+        "name": "莫罗贝",
+        "code": "PNG_MR"
+      },
+      {
+        "name": "南部高地",
+        "code": "PNG_SH"
+      },
+      {
+        "name": "钦布",
+        "code": "PNG_SI"
+      },
+      {
+        "name": "桑道恩",
+        "code": "PNG_SA"
+      },
+      {
+        "name": "西部",
+        "code": "PNG_WE"
+      },
+      {
+        "name": "西部高地",
+        "code": "PNG_WH"
+      },
+      {
+        "name": "西新不列颠",
+        "code": "PNG_WB"
+      },
+      {
+        "name": "新爱尔兰",
+        "code": "PNG_NI"
+      }
+    ]
+  },
+  {
+    "name": "波兰",
+    "code": "POL",
+    "children": [
+      {
+        "name": "埃尔布隆格",
+        "code": "POL_ELB"
+      },
+      {
+        "name": "奥尔什丁",
+        "code": "POL_OLS"
+      },
+      {
+        "name": "奥斯特罗文卡",
+        "code": "POL_OSS"
+      },
+      {
+        "name": "比得哥什",
+        "code": "POL_BZG"
+      },
+      {
+        "name": "彼得库夫",
+        "code": "POL_PIO"
+      },
+      {
+        "name": "比托姆",
+        "code": "POL_BYT"
+      },
+      {
+        "name": "比亚瓦波德拉斯卡",
+        "code": "POL_BAP"
+      },
+      {
+        "name": "比亚维斯托克",
+        "code": "POL_BIA"
+      },
+      {
+        "name": "波莱",
+        "code": "POL_OPO"
+      },
+      {
+        "name": "波兹南",
+        "code": "POL_POZ"
+      },
+      {
+        "name": "达布罗瓦戈尼察",
+        "code": "POL_DAB"
+      },
+      {
+        "name": "大波兰地区戈茹夫",
+        "code": "POL_GOW"
+      },
+      {
+        "name": "弗罗茨瓦夫",
+        "code": "POL_WRO"
+      },
+      {
+        "name": "弗沃茨瓦韦克",
+        "code": "POL_WLO"
+      },
+      {
+        "name": "格但斯克",
+        "code": "POL_GDN"
+      },
+      {
+        "name": "格丁尼亚",
+        "code": "POL_GDY"
+      },
+      {
+        "name": "格利维采",
+        "code": "POL_GWC"
+      },
+      {
+        "name": "格鲁琼兹",
+        "code": "POL_GRU"
+      },
+      {
+        "name": "海乌姆",
+        "code": "POL_CHO"
+      },
+      {
+        "name": "华沙",
+        "code": "POL_WAW"
+      },
+      {
+        "name": "霍茹夫",
+        "code": "POL_CHZ"
+      },
+      {
+        "name": "卡利什",
+        "code": "POL_KAL"
+      },
+      {
+        "name": "卡托维兹",
+        "code": "POL_KTW"
+      },
+      {
+        "name": "凯尔采",
+        "code": "POL_KLC"
+      },
+      {
+        "name": "科宁",
+        "code": "POL_KON"
+      },
+      {
+        "name": "科沙林",
+        "code": "POL_OSZ"
+      },
+      {
+        "name": "克拉科夫",
+        "code": "POL_KRK"
+      },
+      {
+        "name": "克罗斯诺",
+        "code": "POL_KRO"
+      },
+      {
+        "name": "拉多姆",
+        "code": "POL_RDM"
+      },
+      {
+        "name": "莱格尼察",
+        "code": "POL_LEG"
+      },
+      {
+        "name": "莱什诺",
+        "code": "POL_LEZ"
+      },
+      {
+        "name": "卢布林",
+        "code": "POL_LUL"
+      },
+      {
+        "name": "鲁达",
+        "code": "POL_RDS"
+      },
+      {
+        "name": "罗兹",
+        "code": "POL_LOD"
+      },
+      {
+        "name": "绿山城",
+        "code": "POL_IEG"
+      },
+      {
+        "name": "米什洛维采",
+        "code": "POL_MYL"
+      },
+      {
+        "name": "皮瓦",
+        "code": "POL_PIL"
+      },
+      {
+        "name": "普热梅希尔",
+        "code": "POL_PRZ"
+      },
+      {
+        "name": "普沃茨克",
+        "code": "POL_PLO"
+      },
+      {
+        "name": "切哈努夫",
+        "code": "POL_CIE"
+      },
+      {
+        "name": "热舒夫",
+        "code": "POL_RZE"
+      },
+      {
+        "name": "什切青",
+        "code": "POL_SZZ"
+      },
+      {
+        "name": "斯凯尔涅维采",
+        "code": "POL_SKI"
+      },
+      {
+        "name": "斯武普斯克",
+        "code": "POL_SLP"
+      },
+      {
+        "name": "苏瓦乌基",
+        "code": "POL_SWL"
+      },
+      {
+        "name": "索波特",
+        "code": "POL_SOP"
+      },
+      {
+        "name": "索斯诺维茨",
+        "code": "POL_SWC"
+      },
+      {
+        "name": "塔尔努夫",
+        "code": "POL_TAR"
+      },
+      {
+        "name": "塔尔诺布热格",
+        "code": "POL_QEP"
+      },
+      {
+        "name": "特切",
+        "code": "POL_TYY"
+      },
+      {
+        "name": "托伦",
+        "code": "POL_TOR"
+      },
+      {
+        "name": "瓦乌布日赫",
+        "code": "POL_WZH"
+      },
+      {
+        "name": "沃姆扎",
+        "code": "POL_QOY"
+      },
+      {
+        "name": "希米亚诺维采",
+        "code": "POL_SOW"
+      },
+      {
+        "name": "希维诺乌伊希切",
+        "code": "POL_SWI"
+      },
+      {
+        "name": "希维托赫洛维采",
+        "code": "POL_SWT"
+      },
+      {
+        "name": "谢德尔采",
+        "code": "POL_SDC"
+      },
+      {
+        "name": "谢拉兹",
+        "code": "POL_SIR"
+      },
+      {
+        "name": "新松奇",
+        "code": "POL_NOW"
+      },
+      {
+        "name": "雅沃兹诺",
+        "code": "POL_JAW"
+      },
+      {
+        "name": "耶莱尼亚古拉",
+        "code": "POL_JEG"
+      },
+      {
+        "name": "扎布热",
+        "code": "POL_ZAB"
+      },
+      {
+        "name": "扎莫希奇",
+        "code": "POL_ZAM"
+      }
+    ]
+  },
+  {
+    "name": "葡萄牙",
+    "code": "POR"
+  },
+  {
+    "name": "朝鲜",
+    "code": "PRK",
+    "children": [
+      {
+        "name": "海州",
+        "code": "PRK_HAE"
+      },
+      {
+        "name": "惠山",
+        "code": "PRK_HYE"
+      },
+      {
+        "name": "江界",
+        "code": "PRK_KAN"
+      },
+      {
+        "name": "开城",
+        "code": "PRK_KSN"
+      },
+      {
+        "name": "罗先",
+        "code": "PRK_NAS"
+      },
+      {
+        "name": "南浦",
+        "code": "PRK_NAM"
+      },
+      {
+        "name": "平壤",
+        "code": "PRK_FNJ"
+      },
+      {
+        "name": "清津",
+        "code": "PRK_CHO"
+      },
+      {
+        "name": "沙里院",
+        "code": "PRK_SAR"
+      },
+      {
+        "name": "咸兴",
+        "code": "PRK_HAM"
+      },
+      {
+        "name": "新义州",
+        "code": "PRK_SII"
+      },
+      {
+        "name": "元山",
+        "code": "PRK_WON"
+      }
+    ]
+  },
+  {
+    "name": "波多黎各",
+    "code": "PUR"
+  },
+  {
+    "name": "法属波利尼西亚",
+    "code": "PYF"
+  },
+  {
+    "name": "卡塔尔",
+    "code": "QAT",
+    "children": [
+      {
+        "name": "北部",
+        "code": "QAT_MS"
+      },
+      {
+        "name": "多哈",
+        "code": "QAT_DW"
+      },
+      {
+        "name": "古韦里耶",
+        "code": "QAT_GW"
+      },
+      {
+        "name": "豪尔",
+        "code": "QAT_KR"
+      },
+      {
+        "name": "杰里扬拜特奈",
+        "code": "QAT_JB"
+      },
+      {
+        "name": "赖扬",
+        "code": "QAT_RN"
+      },
+      {
+        "name": "沃克拉",
+        "code": "QAT_WK"
+      },
+      {
+        "name": "乌姆锡拉勒",
+        "code": "QAT_UL"
+      },
+      {
+        "name": "朱迈利耶",
+        "code": "QAT_JM"
+      }
+    ]
+  },
+  {
+    "name": "留尼旺岛",
+    "code": "REU"
+  },
+  {
+    "name": "马绍尔群岛",
+    "code": "RMI"
+  },
+  {
+    "name": "罗马尼亚",
+    "code": "ROM"
+  },
+  {
+    "name": "南非",
+    "code": "RSA"
+  },
+  {
+    "name": "俄罗斯",
+    "code": "RUS",
+    "children": [
+      {
+        "name": "阿巴坎",
+        "code": "RUS_ABA"
+      },
+      {
+        "name": "阿尔汉格尔斯克",
+        "code": "RUS_ARK"
+      },
+      {
+        "name": "阿金斯科耶",
+        "code": "RUS_AGI"
+      },
+      {
+        "name": "阿纳德尔",
+        "code": "RUS_DYR"
+      },
+      {
+        "name": "阿斯特拉罕",
+        "code": "RUS_AST"
+      },
+      {
+        "name": "埃利斯塔",
+        "code": "RUS_ESL"
+      },
+      {
+        "name": "奥廖尔",
+        "code": "RUS_ORL"
+      },
+      {
+        "name": "奥伦堡",
+        "code": "RUS_ORE"
+      },
+      {
+        "name": "巴尔瑙尔",
+        "code": "RUS_BAX"
+      },
+      {
+        "name": "奔萨",
+        "code": "RUS_PNZ"
+      },
+      {
+        "name": "彼得罗巴甫洛夫斯克",
+        "code": "RUS_PKC"
+      },
+      {
+        "name": "彼得罗扎沃茨克",
+        "code": "RUS_PES"
+      },
+      {
+        "name": "比罗比詹",
+        "code": "RUS_BBZ"
+      },
+      {
+        "name": "别尔哥罗德",
+        "code": "RUS_BEL"
+      },
+      {
+        "name": "伯力",
+        "code": "RUS_COK"
+      },
+      {
+        "name": "布拉戈维申斯克",
+        "code": "RUS_BQS"
+      },
+      {
+        "name": "布良斯克",
+        "code": "RUS_BRY"
+      },
+      {
+        "name": "赤塔",
+        "code": "RUS_CHI"
+      },
+      {
+        "name": "顿河畔罗斯托夫",
+        "code": "RUS_ROS"
+      },
+      {
+        "name": "鄂木斯克",
+        "code": "RUS_OMS"
+      },
+      {
+        "name": "伏尔加格勒",
+        "code": "RUS_VOG"
+      },
+      {
+        "name": "弗拉基米尔",
+        "code": "RUS_VMR"
+      },
+      {
+        "name": "弗拉季高加索",
+        "code": "RUS_VLA"
+      },
+      {
+        "name": "戈尔诺－阿尔泰斯克",
+        "code": "RUS_GOA"
+      },
+      {
+        "name": "格罗兹尼",
+        "code": "RUS_GRV"
+      },
+      {
+        "name": "海参崴",
+        "code": "RUS_VVO"
+      },
+      {
+        "name": "汉特－曼西斯克",
+        "code": "RUS_KHM"
+      },
+      {
+        "name": "基洛夫",
+        "code": "RUS_KIR"
+      },
+      {
+        "name": "加里宁格勒",
+        "code": "RUS_KGD"
+      },
+      {
+        "name": "喀山",
+        "code": "RUS_KZN"
+      },
+      {
+        "name": "卡卢加",
+        "code": "RUS_KLF"
+      },
+      {
+        "name": "科斯特罗马",
+        "code": "RUS_KOS"
+      },
+      {
+        "name": "克拉斯诺达尔",
+        "code": "RUS_KRR"
+      },
+      {
+        "name": "克拉斯诺亚尔斯克",
+        "code": "RUS_KYA"
+      },
+      {
+        "name": "克麦罗沃",
+        "code": "RUS_KEM"
+      },
+      {
+        "name": "克孜勒",
+        "code": "RUS_KYZ"
+      },
+      {
+        "name": "库德姆卡尔",
+        "code": "RUS_KUD"
+      },
+      {
+        "name": "库尔干",
+        "code": "RUS_KRO"
+      },
+      {
+        "name": "库尔斯克",
+        "code": "RUS_URS"
+      },
+      {
+        "name": "利佩茨克",
+        "code": "RUS_LIP"
+      },
+      {
+        "name": "梁赞",
+        "code": "RUS_RYA"
+      },
+      {
+        "name": "马哈奇卡拉",
+        "code": "RUS_MCX"
+      },
+      {
+        "name": "马加丹",
+        "code": "RUS_MAG"
+      },
+      {
+        "name": "马加斯",
+        "code": "RUS_IN"
+      },
+      {
+        "name": "迈科普",
+        "code": "RUS_MAY"
+      },
+      {
+        "name": "摩尔曼斯克",
+        "code": "RUS_MMK"
+      },
+      {
+        "name": "莫斯科",
+        "code": "RUS_MOW"
+      },
+      {
+        "name": "纳尔奇克",
+        "code": "RUS_NAL"
+      },
+      {
+        "name": "纳里扬马尔",
+        "code": "RUS_NNM"
+      },
+      {
+        "name": "南萨哈林斯克",
+        "code": "RUS_JSA"
+      },
+      {
+        "name": "诺夫哥罗德",
+        "code": "RUS_VUS"
+      },
+      {
+        "name": "帕拉纳",
+        "code": "RUS_PAL"
+      },
+      {
+        "name": "普斯科夫",
+        "code": "RUS_PSK"
+      },
+      {
+        "name": "切博克萨雷",
+        "code": "RUS_CSY"
+      },
+      {
+        "name": "切尔克斯克",
+        "code": "RUS_CKS"
+      },
+      {
+        "name": "秋明",
+        "code": "RUS_TYU"
+      },
+      {
+        "name": "萨拉托夫",
+        "code": "RUS_SAR"
+      },
+      {
+        "name": "萨兰斯克",
+        "code": "RUS_SKX"
+      },
+      {
+        "name": "萨列哈尔德",
+        "code": "RUS_SLY"
+      },
+      {
+        "name": "萨马拉",
+        "code": "RUS_SAM"
+      },
+      {
+        "name": "瑟克特夫卡尔",
+        "code": "RUS_SCW"
+      },
+      {
+        "name": "圣彼得堡",
+        "code": "RUS_SPE"
+      },
+      {
+        "name": "斯摩棱斯克",
+        "code": "RUS_LNX"
+      },
+      {
+        "name": "斯塔夫罗波尔",
+        "code": "RUS_STA"
+      },
+      {
+        "name": "坦波夫",
+        "code": "RUS_TAM"
+      },
+      {
+        "name": "特维尔",
+        "code": "RUS_TVE"
+      },
+      {
+        "name": "图拉",
+        "code": "RUS_TUL"
+      },
+      {
+        "name": "托木斯克",
+        "code": "RUS_TOM"
+      },
+      {
+        "name": "沃罗涅什",
+        "code": "RUS_VOR"
+      },
+      {
+        "name": "沃洛格达",
+        "code": "RUS_VLG"
+      },
+      {
+        "name": "乌法",
+        "code": "RUS_UFA"
+      },
+      {
+        "name": "乌兰乌德",
+        "code": "RUS_UUD"
+      },
+      {
+        "name": "乌里扬诺夫斯克",
+        "code": "RUS_ULY"
+      },
+      {
+        "name": "乌斯季奥尔登斯基",
+        "code": "RUS_UOB"
+      },
+      {
+        "name": "下诺夫哥罗德",
+        "code": "RUS_GOJ"
+      },
+      {
+        "name": "新西伯利亚",
+        "code": "RUS_NVS"
+      },
+      {
+        "name": "雅库茨克",
+        "code": "RUS_JAK"
+      },
+      {
+        "name": "雅罗斯拉夫尔",
+        "code": "RUS_JAR"
+      },
+      {
+        "name": "叶卡捷林堡",
+        "code": "RUS_JEK"
+      },
+      {
+        "name": "伊尔库茨克",
+        "code": "RUS_IKT"
+      },
+      {
+        "name": "伊热夫斯克",
+        "code": "RUS_IJK"
+      },
+      {
+        "name": "伊万诺沃",
+        "code": "RUS_IVO"
+      },
+      {
+        "name": "约什卡尔奥拉",
+        "code": "RUS_YOL"
+      }
+    ]
+  },
+  {
+    "name": "卢旺达",
+    "code": "RWA",
+    "children": [
+      {
+        "name": "比温巴",
+        "code": "RWA_BY"
+      },
+      {
+        "name": "布塔雷",
+        "code": "RWA_BU"
+      },
+      {
+        "name": "恩延扎",
+        "code": "RWA_NY"
+      },
+      {
+        "name": "基本古",
+        "code": "RWA_KG"
+      },
+      {
+        "name": "基布耶",
+        "code": "RWA_KY"
+      },
+      {
+        "name": "基加利-恩加利",
+        "code": "RWA_KR"
+      },
+      {
+        "name": "基加利市",
+        "code": "RWA_KV"
+      },
+      {
+        "name": "吉孔戈罗",
+        "code": "RWA_GK"
+      },
+      {
+        "name": "吉塞尼",
+        "code": "RWA_GS"
+      },
+      {
+        "name": "吉塔拉马",
+        "code": "RWA_GT"
+      },
+      {
+        "name": "卡布加",
+        "code": "RWA_KA"
+      },
+      {
+        "name": "卢瓦马加纳",
+        "code": "RWA_RW"
+      },
+      {
+        "name": "鲁汉戈",
+        "code": "RWA_RH"
+      },
+      {
+        "name": "鲁亨盖里",
+        "code": "RWA_RU"
+      },
+      {
+        "name": "尚古古",
+        "code": "RWA_CY"
+      },
+      {
+        "name": "乌姆塔拉",
+        "code": "RWA_UM"
+      }
+    ]
+  },
+  {
+    "name": "萨摩亚",
+    "code": "SAM"
+  },
+  {
+    "name": "塞尔维亚和黑山",
+    "code": "SCG",
+    "children": [
+      {
+        "name": "贝尔格莱德",
+        "code": "SCG_BEG"
+      },
+      {
+        "name": "波德戈里察",
+        "code": "SCG_POD"
+      },
+      {
+        "name": "克拉古涅瓦茨",
+        "code": "SCG_KGV"
+      },
+      {
+        "name": "尼什",
+        "code": "SCG_INI"
+      },
+      {
+        "name": "诺维萨德",
+        "code": "SCG_NVS"
+      },
+      {
+        "name": "普里什蒂纳",
+        "code": "SCG_PRN"
+      },
+      {
+        "name": "苏博蒂察",
+        "code": "SCG_SUB"
+      },
+      {
+        "name": "泽蒙",
+        "code": "SCG_ZEM"
+      }
+    ]
+  },
+  {
+    "name": "塞内加尔",
+    "code": "SEN",
+    "children": [
+      {
+        "name": "达喀尔",
+        "code": "SEN_DA"
+      },
+      {
+        "name": "法蒂克",
+        "code": "SEN_FA"
+      },
+      {
+        "name": "济金绍尔",
+        "code": "SEN_ZI"
+      },
+      {
+        "name": "捷斯",
+        "code": "SEN_TH"
+      },
+      {
+        "name": "久尔贝勒",
+        "code": "SEN_DI"
+      },
+      {
+        "name": "考拉克",
+        "code": "SEN_KA"
+      },
+      {
+        "name": "科尔达",
+        "code": "SEN_KO"
+      },
+      {
+        "name": "卢加",
+        "code": "SEN_LO"
+      },
+      {
+        "name": "马塔姆",
+        "code": "SEN_MA"
+      },
+      {
+        "name": "圣路易",
+        "code": "SEN_SL"
+      },
+      {
+        "name": "坦巴昆达",
+        "code": "SEN_TA"
+      }
+    ]
+  },
+  {
+    "name": "塞舌尔",
+    "code": "SEY"
+  },
+  {
+    "name": "新加坡",
+    "code": "SGP"
+  },
+  {
+    "name": "南乔治亚和南桑德威奇群岛",
+    "code": "SGS"
+  },
+  {
+    "name": "圣赫勒拿",
+    "code": "SHN"
+  },
+  {
+    "name": "斯瓦尔巴和扬马廷",
+    "code": "SJM"
+  },
+  {
+    "name": "圣基茨和尼维斯",
+    "code": "SKN"
+  },
+  {
+    "name": "塞拉利昂",
+    "code": "SLE",
+    "children": [
+      {
+        "name": "北部",
+        "code": "SLE_N"
+      },
+      {
+        "name": "东部",
+        "code": "SLE_E"
+      },
+      {
+        "name": "南部",
+        "code": "SLE_S"
+      },
+      {
+        "name": "西部区",
+        "code": "SLE_W"
+      }
+    ]
+  },
+  {
+    "name": "斯洛文尼亚",
+    "code": "SLO"
+  },
+  {
+    "name": "圣马力诺",
+    "code": "SMR"
+  },
+  {
+    "name": "所罗门群岛",
+    "code": "SOL"
+  },
+  {
+    "name": "索马里",
+    "code": "SOM"
+  },
+  {
+    "name": "圣皮埃尔和米克隆群岛",
+    "code": "SPM"
+  },
+  {
+    "name": "塞尔维亚",
+    "code": "SRB"
+  },
+  {
+    "name": "斯里兰卡",
+    "code": "SRI"
+  },
+  {
+    "name": "圣多美和普林西比",
+    "code": "STP"
+  },
+  {
+    "name": "苏丹",
+    "code": "SUD"
+  },
+  {
+    "name": "瑞士",
+    "code": "SUI"
+  },
+  {
+    "name": "苏里南",
+    "code": "SUR",
+    "children": [
+      {
+        "name": "布罗科蓬多",
+        "code": "SUR_BR"
+      },
+      {
+        "name": "科罗尼",
+        "code": "SUR_CR"
+      },
+      {
+        "name": "科默韦讷",
+        "code": "SUR_CM"
+      },
+      {
+        "name": "马罗韦讷",
+        "code": "SUR_MA"
+      },
+      {
+        "name": "尼克里",
+        "code": "SUR_NI"
+      },
+      {
+        "name": "帕拉",
+        "code": "SUR_PA"
+      },
+      {
+        "name": "帕拉马里博",
+        "code": "SUR_PM"
+      },
+      {
+        "name": "萨拉马卡",
+        "code": "SUR_SA"
+      },
+      {
+        "name": "瓦尼卡",
+        "code": "SUR_WA"
+      },
+      {
+        "name": "西帕里韦尼",
+        "code": "SUR_SI"
+      }
+    ]
+  },
+  {
+    "name": "斯洛伐克",
+    "code": "SVK",
+    "children": [
+      {
+        "name": "班斯卡-比斯特里察",
+        "code": "SVK_BBY"
+      },
+      {
+        "name": "布拉迪斯拉发",
+        "code": "SVK_BTS"
+      },
+      {
+        "name": "科希策",
+        "code": "SVK_KOR"
+      },
+      {
+        "name": "尼特拉",
+        "code": "SVK_NRA"
+      },
+      {
+        "name": "普雷绍夫",
+        "code": "SVK_POV"
+      },
+      {
+        "name": "日利纳",
+        "code": "SVK_RIL"
+      },
+      {
+        "name": "特尔纳瓦",
+        "code": "SVK_TNA"
+      },
+      {
+        "name": "特伦钦",
+        "code": "SVK_TRE"
+      }
+    ]
+  },
+  {
+    "name": "瑞典",
+    "code": "SWE",
+    "children": [
+      {
+        "name": "北博滕",
+        "code": "SWE_BD"
+      },
+      {
+        "name": "布莱金厄",
+        "code": "SWE_K"
+      },
+      {
+        "name": "达拉纳",
+        "code": "SWE_DLN"
+      },
+      {
+        "name": "东约特兰",
+        "code": "SWE_UGL"
+      },
+      {
+        "name": "厄勒布鲁",
+        "code": "SWE_T"
+      },
+      {
+        "name": "哥得兰",
+        "code": "SWE_I"
+      },
+      {
+        "name": "哈兰",
+        "code": "SWE_N"
+      },
+      {
+        "name": "卡尔马",
+        "code": "SWE_H"
+      },
+      {
+        "name": "克鲁努贝里",
+        "code": "SWE_G"
+      },
+      {
+        "name": "南曼兰",
+        "code": "SWE_D"
+      },
+      {
+        "name": "斯德哥尔摩",
+        "code": "SWE_AB"
+      },
+      {
+        "name": "斯科耐",
+        "code": "SWE_M"
+      },
+      {
+        "name": "韦姆兰",
+        "code": "SWE_S"
+      },
+      {
+        "name": "乌普萨拉",
+        "code": "SWE_C"
+      },
+      {
+        "name": "西博滕",
+        "code": "SWE_AC"
+      },
+      {
+        "name": "西曼兰",
+        "code": "SWE_U"
+      },
+      {
+        "name": "西诺尔兰",
+        "code": "SWE_Y"
+      },
+      {
+        "name": "西约特兰",
+        "code": "SWE_O"
+      },
+      {
+        "name": "延雪平",
+        "code": "SWE_F"
+      },
+      {
+        "name": "耶夫勒堡",
+        "code": "SWE_X"
+      },
+      {
+        "name": "耶姆特兰",
+        "code": "SWE_Z"
+      }
+    ]
+  },
+  {
+    "name": "斯威士兰",
+    "code": "SWZ"
+  },
+  {
+    "name": "叙利亚",
+    "code": "SYR",
+    "children": [
+      {
+        "name": "阿勒颇",
+        "code": "SYR_HL"
+      },
+      {
+        "name": "大马士革",
+        "code": "SYR_RD"
+      },
+      {
+        "name": "大马士革市",
+        "code": "SYR_DI"
+      },
+      {
+        "name": "代尔祖尔",
+        "code": "SYR_DZ"
+      },
+      {
+        "name": "德拉",
+        "code": "SYR_DA"
+      },
+      {
+        "name": "哈马",
+        "code": "SYR_HM"
+      },
+      {
+        "name": "哈塞克",
+        "code": "SYR_HA"
+      },
+      {
+        "name": "霍姆斯",
+        "code": "SYR_HI"
+      },
+      {
+        "name": "加布",
+        "code": "SYR_GH"
+      },
+      {
+        "name": "卡米什利",
+        "code": "SYR_QA"
+      },
+      {
+        "name": "库奈特拉",
+        "code": "SYR_QU"
+      },
+      {
+        "name": "拉卡",
+        "code": "SYR_RQ"
+      },
+      {
+        "name": "拉塔基亚",
+        "code": "SYR_LA"
+      },
+      {
+        "name": "苏韦达",
+        "code": "SYR_SU"
+      },
+      {
+        "name": "塔尔图斯",
+        "code": "SYR_TA"
+      },
+      {
+        "name": "伊德利卜",
+        "code": "SYR_ID"
+      }
+    ]
+  },
+  {
+    "name": "特里斯坦达昆哈",
+    "code": "TAA"
+  },
+  {
+    "name": "坦桑尼亚",
+    "code": "TAN"
+  },
+  {
+    "name": "特克斯和凯克特斯群岛",
+    "code": "TCA"
+  },
+  {
+    "name": "汤加",
+    "code": "TGA"
+  },
+  {
+    "name": "泰国",
+    "code": "THA",
+    "children": [
+      {
+        "name": "曼谷",
+        "code": "THA_10"
+      },
+      {
+        "name": "北揽",
+        "code": "THA_11"
+      },
+      {
+        "name": "暖武里",
+        "code": "THA_12"
+      },
+      {
+        "name": "巴吞他尼",
+        "code": "THA_13"
+      },
+      {
+        "name": "大城",
+        "code": "THA_14"
+      },
+      {
+        "name": "红统",
+        "code": "THA_15"
+      },
+      {
+        "name": "华富里",
+        "code": "THA_16"
+      },
+      {
+        "name": "信武里",
+        "code": "THA_17"
+      },
+      {
+        "name": "猜那",
+        "code": "THA_18"
+      },
+      {
+        "name": "北标",
+        "code": "THA_19"
+      },
+      {
+        "name": "春武里",
+        "code": "THA_20"
+      },
+      {
+        "name": "拉农",
+        "code": "THA_21"
+      },
+      {
+        "name": "尖竹汶",
+        "code": "THA_22"
+      },
+      {
+        "name": "达叻",
+        "code": "THA_23"
+      },
+      {
+        "name": "北柳",
+        "code": "THA_24"
+      },
+      {
+        "name": "巴真",
+        "code": "THA_25"
+      },
+      {
+        "name": "那空那育",
+        "code": "THA_26"
+      },
+      {
+        "name": "沙缴",
+        "code": "THA_27"
+      },
+      {
+        "name": "武里南",
+        "code": "THA_31"
+      },
+      {
+        "name": "素林",
+        "code": "THA_32"
+      },
+      {
+        "name": "四色菊",
+        "code": "THA_33"
+      },
+      {
+        "name": "乌汶",
+        "code": "THA_34"
+      },
+      {
+        "name": "耶梭通",
+        "code": "THA_35"
+      },
+      {
+        "name": "猜也奔",
+        "code": "THA_36"
+      },
+      {
+        "name": "安纳乍能",
+        "code": "THA_37"
+      },
+      {
+        "name": "廊莫那浦",
+        "code": "THA_39"
+      },
+      {
+        "name": "孔敬",
+        "code": "THA_40"
+      },
+      {
+        "name": "乌隆",
+        "code": "THA_41"
+      },
+      {
+        "name": "黎",
+        "code": "THA_42"
+      },
+      {
+        "name": "廊开",
+        "code": "THA_43"
+      },
+      {
+        "name": "玛哈沙拉堪",
+        "code": "THA_44"
+      },
+      {
+        "name": "黎逸",
+        "code": "THA_45"
+      },
+      {
+        "name": "加拉信",
+        "code": "THA_46"
+      },
+      {
+        "name": "色军",
+        "code": "THA_47"
+      },
+      {
+        "name": "那空帕农",
+        "code": "THA_48"
+      },
+      {
+        "name": "莫达汉",
+        "code": "THA_49"
+      },
+      {
+        "name": "清迈",
+        "code": "THA_50"
+      },
+      {
+        "name": "南奔",
+        "code": "THA_51"
+      },
+      {
+        "name": "程逸",
+        "code": "THA_53"
+      },
+      {
+        "name": "帕",
+        "code": "THA_54"
+      },
+      {
+        "name": "难",
+        "code": "THA_55"
+      },
+      {
+        "name": "帕尧",
+        "code": "THA_56"
+      },
+      {
+        "name": "清莱",
+        "code": "THA_57"
+      },
+      {
+        "name": "夜丰颂",
+        "code": "THA_58"
+      },
+      {
+        "name": "北榄坡",
+        "code": "THA_60"
+      },
+      {
+        "name": "乌泰他尼",
+        "code": "THA_61"
+      },
+      {
+        "name": "甘烹碧",
+        "code": "THA_62"
+      },
+      {
+        "name": "达",
+        "code": "THA_63"
+      },
+      {
+        "name": "素可泰",
+        "code": "THA_64"
+      },
+      {
+        "name": "彭世洛",
+        "code": "THA_65"
+      },
+      {
+        "name": "披集",
+        "code": "THA_66"
+      },
+      {
+        "name": "叻丕",
+        "code": "THA_70"
+      },
+      {
+        "name": "北碧",
+        "code": "THA_71"
+      },
+      {
+        "name": "素攀武里",
+        "code": "THA_72"
+      },
+      {
+        "name": "佛统",
+        "code": "THA_73"
+      },
+      {
+        "name": "龙仔厝",
+        "code": "THA_74"
+      },
+      {
+        "name": "夜功",
+        "code": "THA_75"
+      },
+      {
+        "name": "碧差汶",
+        "code": "THA_76"
+      },
+      {
+        "name": "巴蜀",
+        "code": "THA_77"
+      },
+      {
+        "name": "佛丕",
+        "code": "THA_78"
+      },
+      {
+        "name": "洛坤",
+        "code": "THA_80"
+      },
+      {
+        "name": "甲米",
+        "code": "THA_81"
+      },
+      {
+        "name": "攀牙",
+        "code": "THA_82"
+      },
+      {
+        "name": "普吉",
+        "code": "THA_83"
+      },
+      {
+        "name": "素叻",
+        "code": "THA_84"
+      },
+      {
+        "name": "罗勇",
+        "code": "THA_85"
+      },
+      {
+        "name": "春蓬",
+        "code": "THA_86"
+      },
+      {
+        "name": "宋卡",
+        "code": "THA_90"
+      },
+      {
+        "name": "沙敦",
+        "code": "THA_91"
+      },
+      {
+        "name": "董里",
+        "code": "THA_92"
+      },
+      {
+        "name": "博达伦",
+        "code": "THA_93"
+      },
+      {
+        "name": "北大年",
+        "code": "THA_94"
+      },
+      {
+        "name": "也拉",
+        "code": "THA_95"
+      },
+      {
+        "name": "陶公",
+        "code": "THA_96"
+      }
+    ]
+  },
+  {
+    "name": "塔吉克斯坦",
+    "code": "TJK",
+    "children": [
+      {
+        "name": "杜尚别",
+        "code": "TJK_DYU"
+      },
+      {
+        "name": "霍罗格",
+        "code": "TJK_KHO"
+      },
+      {
+        "name": "卡尼巴达姆",
+        "code": "TJK_KAN"
+      },
+      {
+        "name": "科法尔尼洪",
+        "code": "TJK_KOF"
+      },
+      {
+        "name": "苦盏",
+        "code": "TJK_KHU"
+      },
+      {
+        "name": "库尔干-秋别",
+        "code": "TJK_KTJ"
+      },
+      {
+        "name": "库洛布",
+        "code": "TJK_KLB"
+      },
+      {
+        "name": "洛贡",
+        "code": "TJK_RGU"
+      },
+      {
+        "name": "努雷克",
+        "code": "TJK_NUR"
+      },
+      {
+        "name": "彭吉肯特",
+        "code": "TJK_PJK"
+      },
+      {
+        "name": "萨班特",
+        "code": "TJK_SBA"
+      },
+      {
+        "name": "塔博沙尔",
+        "code": "TJK_TBS"
+      },
+      {
+        "name": "图尔孙扎德",
+        "code": "TJK_TSZ"
+      },
+      {
+        "name": "乌拉秋别",
+        "code": "TJK_UTJ"
+      },
+      {
+        "name": "伊斯法拉",
+        "code": "TJK_ISF"
+      }
+    ]
+  },
+  {
+    "name": "托克劳",
+    "code": "TKL"
+  },
+  {
+    "name": "土库曼斯坦",
+    "code": "TKM",
+    "children": [
+      {
+        "name": "阿哈尔",
+        "code": "TKM_A"
+      },
+      {
+        "name": "阿什哈巴德市",
+        "code": "TKM_ASB"
+      },
+      {
+        "name": "巴尔坎",
+        "code": "TKM_B"
+      },
+      {
+        "name": "达沙古兹",
+        "code": "TKM_D"
+      },
+      {
+        "name": "列巴普",
+        "code": "TKM_L"
+      },
+      {
+        "name": "马雷",
+        "code": "TKM_M"
+      },
+      {
+        "name": "涅比特达格",
+        "code": "TKM_NEB"
+      }
+    ]
+  },
+  {
+    "name": "东帝汶",
+    "code": "TLS",
+    "children": [
+      {
+        "name": "阿伊莱乌",
+        "code": "TLS_AL"
+      },
+      {
+        "name": "阿伊纳罗",
+        "code": "TLS_AN"
+      },
+      {
+        "name": "埃尔梅拉",
+        "code": "TLS_ER"
+      },
+      {
+        "name": "安贝诺",
+        "code": "TLS_AM"
+      },
+      {
+        "name": "包考",
+        "code": "TLS_BA"
+      },
+      {
+        "name": "博博纳罗",
+        "code": "TLS_BO"
+      },
+      {
+        "name": "帝力",
+        "code": "TLS_DI"
+      },
+      {
+        "name": "科瓦利马",
+        "code": "TLS_KO"
+      },
+      {
+        "name": "劳滕",
+        "code": "TLS_LA"
+      },
+      {
+        "name": "利基卡",
+        "code": "TLS_LI"
+      },
+      {
+        "name": "马纳图托",
+        "code": "TLS_MT"
+      },
+      {
+        "name": "马努法伊",
+        "code": "TLS_MF"
+      },
+      {
+        "name": "维克克",
+        "code": "TLS_VI"
+      }
+    ]
+  },
+  {
+    "name": "多哥",
+    "code": "TOG"
+  },
+  {
+    "name": "特立尼达和多巴哥",
+    "code": "TRI"
+  },
+  {
+    "name": "土耳其",
+    "code": "TUR",
+    "children": [
+      {
+        "name": "阿达纳",
+        "code": "TUR_ADA"
+      },
+      {
+        "name": "阿德亚曼",
+        "code": "TUR_ADI"
+      },
+      {
+        "name": "阿尔达罕",
+        "code": "TUR_ARD"
+      },
+      {
+        "name": "阿尔特温",
+        "code": "TUR_ART"
+      },
+      {
+        "name": "阿菲永",
+        "code": "TUR_AFY"
+      },
+      {
+        "name": "阿克萨赖",
+        "code": "TUR_AKS"
+      },
+      {
+        "name": "阿勒",
+        "code": "TUR_AGR"
+      },
+      {
+        "name": "阿马西亚",
+        "code": "TUR_AMA"
+      },
+      {
+        "name": "埃迪尔内",
+        "code": "TUR_EDI"
+      },
+      {
+        "name": "埃尔津詹",
+        "code": "TUR_EZC"
+      },
+      {
+        "name": "埃尔祖鲁姆",
+        "code": "TUR_EZR"
+      },
+      {
+        "name": "埃拉泽",
+        "code": "TUR_ELA"
+      },
+      {
+        "name": "埃斯基谢希尔",
+        "code": "TUR_ESK"
+      },
+      {
+        "name": "艾登",
+        "code": "TUR_AYI"
+      },
+      {
+        "name": "安卡拉",
+        "code": "TUR_ANK"
+      },
+      {
+        "name": "安塔利亚",
+        "code": "TUR_ANT"
+      },
+      {
+        "name": "奥尔杜",
+        "code": "TUR_ORD"
+      },
+      {
+        "name": "巴尔腾",
+        "code": "TUR_BAR"
+      },
+      {
+        "name": "巴勒克埃西尔",
+        "code": "TUR_BAL"
+      },
+      {
+        "name": "巴特曼",
+        "code": "TUR_BAT"
+      },
+      {
+        "name": "巴伊布尔特",
+        "code": "TUR_BAY"
+      },
+      {
+        "name": "比莱吉克",
+        "code": "TUR_BIL"
+      },
+      {
+        "name": "比特利斯",
+        "code": "TUR_BIT"
+      },
+      {
+        "name": "宾格尔",
+        "code": "TUR_BIN"
+      },
+      {
+        "name": "博卢",
+        "code": "TUR_BOL"
+      },
+      {
+        "name": "布尔杜尔",
+        "code": "TUR_BRD"
+      },
+      {
+        "name": "布尔萨",
+        "code": "TUR_BRS"
+      },
+      {
+        "name": "昌克勒",
+        "code": "TUR_CKR"
+      },
+      {
+        "name": "代尼兹利",
+        "code": "TUR_DEN"
+      },
+      {
+        "name": "迪亚巴克尔",
+        "code": "TUR_DIY"
+      },
+      {
+        "name": "凡",
+        "code": "TUR_VAN"
+      },
+      {
+        "name": "哈卡里",
+        "code": "TUR_HKR"
+      },
+      {
+        "name": "哈塔伊",
+        "code": "TUR_HTY"
+      },
+      {
+        "name": "基利斯",
+        "code": "TUR_KLS"
+      },
+      {
+        "name": "吉雷松",
+        "code": "TUR_GIR"
+      },
+      {
+        "name": "加济安泰普",
+        "code": "TUR_GAZ"
+      },
+      {
+        "name": "居米什哈内",
+        "code": "TUR_GMS"
+      },
+      {
+        "name": "卡尔斯",
+        "code": "TUR_KRS"
+      },
+      {
+        "name": "卡赫拉曼马拉什",
+        "code": "TUR_KAH"
+      },
+      {
+        "name": "卡拉比克",
+        "code": "TUR_KRB"
+      },
+      {
+        "name": "卡拉曼",
+        "code": "TUR_KRM"
+      },
+      {
+        "name": "卡斯塔莫努",
+        "code": "TUR_KAS"
+      },
+      {
+        "name": "开塞利",
+        "code": "TUR_KAY"
+      },
+      {
+        "name": "科贾埃利",
+        "code": "TUR_KOC"
+      },
+      {
+        "name": "柯克拉雷利",
+        "code": "TUR_KLR"
+      },
+      {
+        "name": "科尼亚",
+        "code": "TUR_KON"
+      },
+      {
+        "name": "克尔谢希尔",
+        "code": "TUR_KRH"
+      },
+      {
+        "name": "克勒克卡莱",
+        "code": "TUR_KRK"
+      },
+      {
+        "name": "拉飞",
+        "code": "TUR_URF"
+      },
+      {
+        "name": "里泽",
+        "code": "TUR_RIZ"
+      },
+      {
+        "name": "马尔丁",
+        "code": "TUR_MAR"
+      },
+      {
+        "name": "马拉蒂亚",
+        "code": "TUR_MAL"
+      },
+      {
+        "name": "马尼萨",
+        "code": "TUR_MAN"
+      },
+      {
+        "name": "穆拉",
+        "code": "TUR_MUG"
+      },
+      {
+        "name": "穆什",
+        "code": "TUR_MUS"
+      },
+      {
+        "name": "内夫谢希尔",
+        "code": "TUR_NEV"
+      },
+      {
+        "name": "尼代",
+        "code": "TUR_NIG"
+      },
+      {
+        "name": "恰纳卡莱",
+        "code": "TUR_CKL"
+      },
+      {
+        "name": "乔鲁姆",
+        "code": "TUR_COR"
+      },
+      {
+        "name": "屈塔希亚",
+        "code": "TUR_KUT"
+      },
+      {
+        "name": "萨卡里亚",
+        "code": "TUR_SAK"
+      },
+      {
+        "name": "萨姆松",
+        "code": "TUR_SAM"
+      },
+      {
+        "name": "泰基尔达",
+        "code": "TUR_TEL"
+      },
+      {
+        "name": "特拉布宗",
+        "code": "TUR_TRA"
+      },
+      {
+        "name": "托卡特",
+        "code": "TUR_TOK"
+      },
+      {
+        "name": "乌萨克",
+        "code": "TUR_USK"
+      },
+      {
+        "name": "锡尔纳克",
+        "code": "TUR_SIR"
+      },
+      {
+        "name": "锡尔特",
+        "code": "TUR_SII"
+      },
+      {
+        "name": "锡诺普",
+        "code": "TUR_SIN"
+      },
+      {
+        "name": "锡瓦斯",
+        "code": "TUR_SIV"
+      },
+      {
+        "name": "伊迪尔",
+        "code": "TUR_IGD"
+      },
+      {
+        "name": "伊切尔",
+        "code": "TUR_ICE"
+      },
+      {
+        "name": "伊斯帕尔塔",
+        "code": "TUR_ISP"
+      },
+      {
+        "name": "伊斯坦布尔",
+        "code": "TUR_IST"
+      },
+      {
+        "name": "伊兹密尔",
+        "code": "TUR_IZM"
+      },
+      {
+        "name": "约兹加特",
+        "code": "TUR_YOZ"
+      },
+      {
+        "name": "宗古尔达克",
+        "code": "TUR_ZON"
+      }
+    ]
+  },
+  {
+    "name": "图瓦卢",
+    "code": "TUV"
+  },
+  {
+    "name": "阿联酋",
+    "code": "UAE"
+  },
+  {
+    "name": "乌干达",
+    "code": "UGA",
+    "children": [
+      {
+        "name": "阿鲁阿",
+        "code": "UGA_ARU"
+      },
+      {
+        "name": "阿帕克",
+        "code": "UGA_APC"
+      },
+      {
+        "name": "阿朱马尼",
+        "code": "UGA_ADJ"
+      },
+      {
+        "name": "本迪布焦",
+        "code": "UGA_BUN"
+      },
+      {
+        "name": "布吉里",
+        "code": "UGA_BUG"
+      },
+      {
+        "name": "布西亚",
+        "code": "UGA_BUS"
+      },
+      {
+        "name": "布谢尼",
+        "code": "UGA_BSH"
+      },
+      {
+        "name": "恩通加莫",
+        "code": "UGA_NTU"
+      },
+      {
+        "name": "古卢",
+        "code": "UGA_GUL"
+      },
+      {
+        "name": "霍伊马",
+        "code": "UGA_HOI"
+      },
+      {
+        "name": "基巴莱",
+        "code": "UGA_KBA"
+      },
+      {
+        "name": "基博加",
+        "code": "UGA_KIB"
+      },
+      {
+        "name": "基恩乔乔",
+        "code": "UGA_KYE"
+      },
+      {
+        "name": "基索罗",
+        "code": "UGA_KIS"
+      },
+      {
+        "name": "基特古姆",
+        "code": "UGA_KIT"
+      },
+      {
+        "name": "金贾",
+        "code": "UGA_JIN"
+      },
+      {
+        "name": "卡巴莱",
+        "code": "UGA_KBL"
+      },
+      {
+        "name": "卡巴罗莱",
+        "code": "UGA_KAR"
+      },
+      {
+        "name": "卡贝拉马伊多",
+        "code": "UGA_KAB"
+      },
+      {
+        "name": "卡兰加拉",
+        "code": "UGA_KAL"
+      },
+      {
+        "name": "卡姆文盖",
+        "code": "UGA_KAM"
+      },
+      {
+        "name": "卡穆利",
+        "code": "UGA_KML"
+      },
+      {
+        "name": "卡农古",
+        "code": "UGA_KAN"
+      },
+      {
+        "name": "卡普乔鲁瓦",
+        "code": "UGA_KPC"
+      },
+      {
+        "name": "卡塞塞",
+        "code": "UGA_KAS"
+      },
+      {
+        "name": "卡塔奎",
+        "code": "UGA_KTK"
+      },
+      {
+        "name": "卡永加",
+        "code": "UGA_KAY"
+      },
+      {
+        "name": "坎帕拉",
+        "code": "UGA_KMP"
+      },
+      {
+        "name": "科蒂多",
+        "code": "UGA_KOT"
+      },
+      {
+        "name": "库米",
+        "code": "UGA_KUM"
+      },
+      {
+        "name": "拉卡伊",
+        "code": "UGA_RAK"
+      },
+      {
+        "name": "利拉",
+        "code": "UGA_LIR"
+      },
+      {
+        "name": "卢韦罗",
+        "code": "UGA_LUW"
+      },
+      {
+        "name": "鲁昆吉里",
+        "code": "UGA_RUK"
+      },
+      {
+        "name": "马萨卡",
+        "code": "UGA_MAS"
+      },
+      {
+        "name": "马辛迪",
+        "code": "UGA_MSN"
+      },
+      {
+        "name": "马尤盖",
+        "code": "UGA_MAY"
+      },
+      {
+        "name": "莫罗托",
+        "code": "UGA_MRT"
+      },
+      {
+        "name": "莫约",
+        "code": "UGA_MOY"
+      },
+      {
+        "name": "姆巴拉拉",
+        "code": "UGA_MBR"
+      },
+      {
+        "name": "姆巴莱",
+        "code": "UGA_MBA"
+      },
+      {
+        "name": "姆皮吉",
+        "code": "UGA_MPI"
+      },
+      {
+        "name": "穆本德",
+        "code": "UGA_MUB"
+      },
+      {
+        "name": "穆科诺",
+        "code": "UGA_MUK"
+      },
+      {
+        "name": "纳卡皮里皮里特",
+        "code": "UGA_NAK"
+      },
+      {
+        "name": "纳卡松戈拉",
+        "code": "UGA_NKS"
+      },
+      {
+        "name": "内比",
+        "code": "UGA_NEB"
+      },
+      {
+        "name": "帕德尔",
+        "code": "UGA_PAD"
+      },
+      {
+        "name": "帕利萨",
+        "code": "UGA_PAL"
+      },
+      {
+        "name": "森巴布莱",
+        "code": "UGA_SEM"
+      },
+      {
+        "name": "索罗提",
+        "code": "UGA_SOR"
+      },
+      {
+        "name": "托罗罗",
+        "code": "UGA_TOR"
+      },
+      {
+        "name": "瓦基索",
+        "code": "UGA_WAK"
+      },
+      {
+        "name": "锡龙科",
+        "code": "UGA_SIR"
+      },
+      {
+        "name": "伊甘加",
+        "code": "UGA_IGA"
+      },
+      {
+        "name": "永贝",
+        "code": "UGA_YUM"
+      }
+    ]
+  },
+  {
+    "name": "乌克兰",
+    "code": "UKR",
+    "children": [
+      {
+        "name": "文尼察",
+        "code": "UKR_5"
+      },
+      {
+        "name": "沃伦",
+        "code": "UKR_7"
+      },
+      {
+        "name": "卢甘斯克",
+        "code": "UKR_9"
+      },
+      {
+        "name": "第聂伯罗波得罗夫斯克",
+        "code": "UKR_12"
+      },
+      {
+        "name": "顿涅茨克",
+        "code": "UKR_14"
+      },
+      {
+        "name": "日托米尔",
+        "code": "UKR_18"
+      },
+      {
+        "name": "外喀尔巴阡",
+        "code": "UKR_21"
+      },
+      {
+        "name": "扎波罗热",
+        "code": "UKR_23"
+      },
+      {
+        "name": "伊万－弗兰科夫州",
+        "code": "UKR_26"
+      },
+      {
+        "name": "基辅",
+        "code": "UKR_30"
+      },
+      {
+        "name": "基洛夫格勒",
+        "code": "UKR_35"
+      },
+      {
+        "name": "克里米亚自治共和国",
+        "code": "UKR_43"
+      },
+      {
+        "name": "利沃夫",
+        "code": "UKR_46"
+      },
+      {
+        "name": "尼古拉耶夫",
+        "code": "UKR_48"
+      },
+      {
+        "name": "敖德萨",
+        "code": "UKR_51"
+      },
+      {
+        "name": "波尔塔瓦",
+        "code": "UKR_53"
+      },
+      {
+        "name": "罗夫诺",
+        "code": "UKR_56"
+      },
+      {
+        "name": "苏梅",
+        "code": "UKR_59"
+      },
+      {
+        "name": "捷尔诺波尔",
+        "code": "UKR_61"
+      },
+      {
+        "name": "哈尔科夫",
+        "code": "UKR_63"
+      },
+      {
+        "name": "赫尔松州",
+        "code": "UKR_65"
+      },
+      {
+        "name": "赫梅利尼茨基",
+        "code": "UKR_68"
+      },
+      {
+        "name": "切尔卡瑟",
+        "code": "UKR_71"
+      },
+      {
+        "name": "切尔尼戈夫",
+        "code": "UKR_74"
+      },
+      {
+        "name": "切尔诺夫策",
+        "code": "UKR_77"
+      }
+    ]
+  },
+  {
+    "name": "美属外岛",
+    "code": "UMI"
+  },
+  {
+    "name": "乌拉圭",
+    "code": "URU"
+  },
+  {
+    "name": "美国",
+    "code": "USA",
+    "children": [
+      {
+        "name": "阿肯色",
+        "code": "USA_AR"
+      },
+      {
+        "name": "阿拉巴马",
+        "code": "USA_AL"
+      },
+      {
+        "name": "阿拉斯加",
+        "code": "USA_AK"
+      },
+      {
+        "name": "爱达荷",
+        "code": "USA_ID"
+      },
+      {
+        "name": "爱荷华",
+        "code": "USA_IA"
+      },
+      {
+        "name": "北达科他",
+        "code": "USA_ND"
+      },
+      {
+        "name": "北卡罗来纳",
+        "code": "USA_NC"
+      },
+      {
+        "name": "宾夕法尼亚",
+        "code": "USA_PA"
+      },
+      {
+        "name": "德克萨斯",
+        "code": "USA_TX"
+      },
+      {
+        "name": "俄亥俄",
+        "code": "USA_OH"
+      },
+      {
+        "name": "俄克拉荷马",
+        "code": "USA_OK"
+      },
+      {
+        "name": "俄勒冈",
+        "code": "USA_OR"
+      },
+      {
+        "name": "佛罗里达",
+        "code": "USA_FL"
+      },
+      {
+        "name": "佛蒙特",
+        "code": "USA_VT"
+      },
+      {
+        "name": "哥伦比亚特区",
+        "code": "USA_DC"
+      },
+      {
+        "name": "华盛顿",
+        "code": "USA_WA"
+      },
+      {
+        "name": "怀俄明",
+        "code": "USA_WY"
+      },
+      {
+        "name": "加利福尼亚",
+        "code": "USA_CA"
+      },
+      {
+        "name": "堪萨斯",
+        "code": "USA_KS"
+      },
+      {
+        "name": "康涅狄格",
+        "code": "USA_CT"
+      },
+      {
+        "name": "科罗拉多",
+        "code": "USA_CO"
+      },
+      {
+        "name": "肯塔基",
+        "code": "USA_KY"
+      },
+      {
+        "name": "路易斯安那",
+        "code": "USA_LA"
+      },
+      {
+        "name": "罗德岛",
+        "code": "USA_RI"
+      },
+      {
+        "name": "马里兰",
+        "code": "USA_MD"
+      },
+      {
+        "name": "马萨诸塞",
+        "code": "USA_MA"
+      },
+      {
+        "name": "蒙大拿",
+        "code": "USA_MT"
+      },
+      {
+        "name": "密苏里",
+        "code": "USA_MO"
+      },
+      {
+        "name": "密西西比",
+        "code": "USA_MS"
+      },
+      {
+        "name": "密歇根",
+        "code": "USA_MI"
+      },
+      {
+        "name": "缅因",
+        "code": "USA_ME"
+      },
+      {
+        "name": "明尼苏达",
+        "code": "USA_MN"
+      },
+      {
+        "name": "南达科他",
+        "code": "USA_SD"
+      },
+      {
+        "name": "南卡罗来纳",
+        "code": "USA_SC"
+      },
+      {
+        "name": "内布拉斯加",
+        "code": "USA_NE"
+      },
+      {
+        "name": "内华达",
+        "code": "USA_NV"
+      },
+      {
+        "name": "纽约",
+        "code": "USA_NY"
+      },
+      {
+        "name": "特拉华",
+        "code": "USA_DE"
+      },
+      {
+        "name": "田纳西",
+        "code": "USA_TN"
+      },
+      {
+        "name": "威斯康星",
+        "code": "USA_WI"
+      },
+      {
+        "name": "维吉尼亚",
+        "code": "USA_VA"
+      },
+      {
+        "name": "西佛吉尼亚",
+        "code": "USA_WV"
+      },
+      {
+        "name": "夏威夷",
+        "code": "USA_HI"
+      },
+      {
+        "name": "新罕布什尔",
+        "code": "USA_NH"
+      },
+      {
+        "name": "新墨西哥",
+        "code": "USA_NM"
+      },
+      {
+        "name": "新泽西",
+        "code": "USA_NJ"
+      },
+      {
+        "name": "亚利桑那",
+        "code": "USA_AZ"
+      },
+      {
+        "name": "伊利诺斯",
+        "code": "USA_IL"
+      },
+      {
+        "name": "印第安那",
+        "code": "USA_IN"
+      },
+      {
+        "name": "犹他",
+        "code": "USA_UT"
+      },
+      {
+        "name": "佐治亚",
+        "code": "USA_GA"
+      }
+    ]
+  },
+  {
+    "name": "乌兹别克斯坦",
+    "code": "UZB",
+    "children": [
+      {
+        "name": "安集延",
+        "code": "UZB_AN"
+      },
+      {
+        "name": "布哈拉",
+        "code": "UZB_BU"
+      },
+      {
+        "name": "费尔干纳",
+        "code": "UZB_FA"
+      },
+      {
+        "name": "花拉子模",
+        "code": "UZB_XO"
+      },
+      {
+        "name": "吉扎克",
+        "code": "UZB_JI"
+      },
+      {
+        "name": "卡拉卡尔帕克斯坦共和国",
+        "code": "UZB_QR"
+      },
+      {
+        "name": "卡什卡达里亚",
+        "code": "UZB_QA"
+      },
+      {
+        "name": "纳曼干",
+        "code": "UZB_NG"
+      },
+      {
+        "name": "纳沃伊",
+        "code": "UZB_NW"
+      },
+      {
+        "name": "撒马尔罕",
+        "code": "UZB_SA"
+      },
+      {
+        "name": "苏尔汉河",
+        "code": "UZB_SU"
+      },
+      {
+        "name": "塔什干",
+        "code": "UZB_TK"
+      },
+      {
+        "name": "塔什干市",
+        "code": "UZB_TO"
+      },
+      {
+        "name": "锡尔河",
+        "code": "UZB_SI"
+      }
+    ]
+  },
+  {
+    "name": "瓦努阿图",
+    "code": "VAN"
+  },
+  {
+    "name": "梵蒂冈",
+    "code": "VAT"
+  },
+  {
+    "name": "委内瑞拉",
+    "code": "VEN",
+    "children": [
+      {
+        "name": "阿拉瓜",
+        "code": "VEN_D"
+      },
+      {
+        "name": "阿马库罗三角洲",
+        "code": "VEN_Y"
+      },
+      {
+        "name": "阿普雷",
+        "code": "VEN_C"
+      },
+      {
+        "name": "安索阿特吉",
+        "code": "VEN_B"
+      },
+      {
+        "name": "巴里纳斯",
+        "code": "VEN_E"
+      },
+      {
+        "name": "玻利瓦尔",
+        "code": "VEN_F"
+      },
+      {
+        "name": "波图格萨",
+        "code": "VEN_P"
+      },
+      {
+        "name": "法尔孔",
+        "code": "VEN_I"
+      },
+      {
+        "name": "瓜里科",
+        "code": "VEN_J"
+      },
+      {
+        "name": "加拉加斯",
+        "code": "VEN_A"
+      },
+      {
+        "name": "卡拉沃沃",
+        "code": "VEN_G"
+      },
+      {
+        "name": "科赫德斯",
+        "code": "VEN_H"
+      },
+      {
+        "name": "拉腊",
+        "code": "VEN_K"
+      },
+      {
+        "name": "联邦属地",
+        "code": "VEN_W"
+      },
+      {
+        "name": "梅里达",
+        "code": "VEN_L"
+      },
+      {
+        "name": "米兰达",
+        "code": "VEN_M"
+      },
+      {
+        "name": "莫纳加斯",
+        "code": "VEN_N"
+      },
+      {
+        "name": "苏克雷",
+        "code": "VEN_R"
+      },
+      {
+        "name": "苏利亚",
+        "code": "VEN_V"
+      },
+      {
+        "name": "塔奇拉",
+        "code": "VEN_S"
+      },
+      {
+        "name": "特鲁希略",
+        "code": "VEN_T"
+      },
+      {
+        "name": "新埃斯帕塔",
+        "code": "VEN_O"
+      },
+      {
+        "name": "亚拉奎",
+        "code": "VEN_U"
+      },
+      {
+        "name": "亚马孙",
+        "code": "VEN_Z"
+      }
+    ]
+  },
+  {
+    "name": "维尔京群岛",
+    "code": "VGB"
+  },
+  {
+    "name": "越南",
+    "code": "VIE"
+  },
+  {
+    "name": "圣文森特和格林纳丁斯",
+    "code": "VIN"
+  },
+  {
+    "name": "维尔京群岛",
+    "code": "VIR"
+  },
+  {
+    "name": "瓦利斯和福图纳",
+    "code": "WLF"
+  },
+  {
+    "name": "也门",
+    "code": "YEM",
+    "children": [
+      {
+        "name": "阿比扬",
+        "code": "YEM_AB"
+      },
+      {
+        "name": "阿姆兰",
+        "code": "YEM_AM"
+      },
+      {
+        "name": "贝达",
+        "code": "YEM_BA"
+      },
+      {
+        "name": "达利",
+        "code": "YEM_DA"
+      },
+      {
+        "name": "哈德拉毛",
+        "code": "YEM_HD"
+      },
+      {
+        "name": "哈杰",
+        "code": "YEM_HJ"
+      },
+      {
+        "name": "荷台达",
+        "code": "YEM_HU"
+      },
+      {
+        "name": "焦夫",
+        "code": "YEM_JA"
+      },
+      {
+        "name": "拉赫季",
+        "code": "YEM_LA"
+      },
+      {
+        "name": "马里卜",
+        "code": "YEM_MA"
+      },
+      {
+        "name": "迈赫拉",
+        "code": "YEM_MR"
+      },
+      {
+        "name": "迈赫维特",
+        "code": "YEM_MW"
+      },
+      {
+        "name": "萨达",
+        "code": "YEM_SD"
+      },
+      {
+        "name": "萨那",
+        "code": "YEM_SN"
+      },
+      {
+        "name": "赛文",
+        "code": "YEM_GXF"
+      },
+      {
+        "name": "舍卜沃",
+        "code": "YEM_SH"
+      },
+      {
+        "name": "塔伊兹",
+        "code": "YEM_TA"
+      },
+      {
+        "name": "希赫尔",
+        "code": "YEM_ASR"
+      },
+      {
+        "name": "亚丁",
+        "code": "YEM_AD"
+      },
+      {
+        "name": "伊卜",
+        "code": "YEM_IB"
+      },
+      {
+        "name": "扎玛尔",
+        "code": "YEM_DH"
+      }
+    ]
+  },
+  {
+    "name": "赞比亚",
+    "code": "ZAM"
+  },
+  {
+    "name": "津巴布韦",
+    "code": "ZIM"
+  },
+  {
+    "name": "突尼斯",
+    "code": "TUN"
+  },
+  {
+    "name": "秘鲁",
+    "code": "PER"
+  }
+]
\ No newline at end of file
diff --git a/backend/crm/src/main/resources/task/message_task.json b/backend/crm/src/main/resources/task/message_task.json
new file mode 100644
index 0000000..18c1161
--- /dev/null
+++ b/backend/crm/src/main/resources/task/message_task.json
@@ -0,0 +1,282 @@
+[
+  {
+    "organizationId": "",
+    "module": "CUSTOMER",
+    "moduleName": "",
+    "messageTaskDetailDTOList": [
+      {
+        "event": "CUSTOMER_ADD",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      },
+      {
+        "event": "CUSTOMER_CONCAT_ADD",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      },
+      {
+        "event": "CUSTOMER_COLLABORATION_ADD",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      },
+      {
+        "event": "CUSTOMER_TRANSFERRED_CUSTOMER",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      },
+      {
+        "event": "CUSTOMER_AUTOMATIC_MOVE_HIGH_SEAS",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      },
+      {
+        "event": "CUSTOMER_MOVED_HIGH_SEAS",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      },
+      {
+        "event": "CUSTOMER_DELETED",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      },
+      {
+        "event": "HIGH_SEAS_CUSTOMER_DISTRIBUTED",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      },
+      {
+        "event": "CUSTOMER_FOLLOW_UP_PLAN_DUE",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      }
+    ]
+  },
+  {
+    "organizationId": "",
+    "module": "CLUE",
+    "moduleName": "",
+    "messageTaskDetailDTOList": [
+      {
+        "event": "CLUE_ADD",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      },
+      {
+        "event": "CLUE_AUTOMATIC_MOVE_POOL",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      },
+      {
+        "event": "CLUE_MOVED_POOL",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      },
+      {
+        "event": "CLUE_CONVERT_CUSTOMER",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      },
+      {
+        "event": "CLUE_CONVERT_BUSINESS",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      },
+      {
+        "event": "TRANSFER_CLUE",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      },
+      {
+        "event": "CLUE_DELETED",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      },
+      {
+        "event": "CLUE_DISTRIBUTED",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      },
+      {
+        "event": "CLUE_FOLLOW_UP_PLAN_DUE",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      }
+    ]
+  },
+  {
+    "organizationId": "",
+    "module": "OPPORTUNITY",
+    "moduleName": "",
+    "messageTaskDetailDTOList": [
+      {
+        "event": "BUSINESS_ADD",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      },
+      {
+        "event": "BUSINESS_DELETED",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      },
+      {
+        "event": "BUSINESS_TRANSFER",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      },
+      {
+        "event": "BUSINESS_FOLLOW_UP_PLAN_DUE",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      },
+      {
+        "event": "BUSINESS_QUOTATION_APPROVAL",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      },
+      {
+        "event": "BUSINESS_QUOTATION_DELETED",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      },
+      {
+        "event": "BUSINESS_QUOTATION_EXPIRED",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      },
+      {
+        "event": "BUSINESS_QUOTATION_EXPIRING",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      }
+    ]
+  },
+  {
+    "organizationId": "",
+    "module": "ORDER",
+    "moduleName": "",
+    "messageTaskDetailDTOList": [
+      {
+        "event": "ORDER_APPROVAL",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      }
+    ]
+  },
+  {
+    "organizationId": "",
+    "module": "CONTRACT",
+    "moduleName": "",
+    "messageTaskDetailDTOList": [
+      {
+        "event": "CONTRACT_ARCHIVED",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      },
+      {
+        "event": "CONTRACT_VOID",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      },
+      {
+        "event": "CONTRACT_EXPIRED",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      },
+      {
+        "event": "CONTRACT_EXPIRING",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      },
+      {
+        "event": "CONTRACT_PAYMENT_EXPIRED",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      },
+      {
+        "event": "CONTRACT_PAYMENT_EXPIRING",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      },
+      {
+        "event": "CONTRACT_APPROVAL",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      },
+      {
+        "event": "INVOICE_APPROVAL",
+        "eventName": "",
+        "emailEnable": false,
+        "sysEnable": false,
+        "weComEnable": false
+      }
+    ]
+  }
+]
diff --git a/backend/crm/src/test/java/cn/cordys/crm/TestAppListener.java b/backend/crm/src/test/java/cn/cordys/crm/TestAppListener.java
new file mode 100644
index 0000000..a8fa859
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/TestAppListener.java
@@ -0,0 +1,93 @@
+package cn.cordys.crm;
+
+import cn.cordys.common.service.DataInitService;
+import cn.cordys.common.uid.impl.DefaultUidGenerator;
+import cn.cordys.common.util.HikariCPUtils;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.rsa.RsaKey;
+import cn.cordys.common.util.rsa.RsaUtils;
+import cn.cordys.crm.system.service.ExtScheduleService;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.boot.ApplicationArguments;
+import org.springframework.boot.ApplicationRunner;
+import org.springframework.data.redis.core.StringRedisTemplate;
+import org.springframework.stereotype.Component;
+
+@Component
+@Slf4j
+class TestAppListener implements ApplicationRunner {
+    @Resource
+    private DefaultUidGenerator uidGenerator;
+
+    @Resource
+    private ExtScheduleService extScheduleService;
+
+    @Resource
+    private StringRedisTemplate stringRedisTemplate;
+
+    @Resource
+    private DataInitService dataInitService;
+
+    /**
+     * 应用启动后执行的初始化方法。
+     * <p>
+     * 此方法会依次初始化唯一 ID 生成器、MinIO 配置和 RSA 配置。
+     * </p>
+     *
+     * @param args 启动参数
+     */
+    @Override
+    public void run(ApplicationArguments args) {
+        log.info("===== 开始初始化配置 =====");
+
+        // 初始化唯一ID生成器
+        uidGenerator.init();
+
+        // 初始化RSA配置
+        log.info("初始化RSA配置");
+        initializeRsaConfiguration();
+
+        log.info("初始化定时任务");
+        extScheduleService.startEnableSchedules();
+
+        log.info("初始化默认组织数据");
+        dataInitService.initOneTime();
+
+        HikariCPUtils.printHikariCPStatus();
+
+        log.info("===== 完成初始化配置 =====");
+    }
+
+    /**
+     * 初始化 RSA 配置。
+     * <p>
+     * 此方法首先尝试加载现有的 RSA 密钥。如果不存在，则生成新的 RSA 密钥并保存到文件系统。
+     * </p>
+     */
+    private void initializeRsaConfiguration() {
+        String redisKey = "rsa:key";
+        try {
+            // 从 Redis 获取 RSA 密钥
+            String rsaStr = stringRedisTemplate.opsForValue().get(redisKey);
+            if (StringUtils.isNotBlank(rsaStr)) {
+                // 如果 RSA 密钥存在，反序列化并设置密钥
+                RsaKey rsaKey = JSON.parseObject(rsaStr, RsaKey.class);
+                RsaUtils.setRsaKey(rsaKey);
+                return;
+            }
+        } catch (Exception e) {
+            log.error("从 Redis 获取 RSA 配置失败", e);
+        }
+
+        try {
+            // 如果 Redis 中没有密钥，生成新的 RSA 密钥并保存到 Redis
+            RsaKey rsaKey = RsaUtils.getRsaKey();
+            stringRedisTemplate.opsForValue().set(redisKey, JSON.toJSONString(rsaKey));
+            RsaUtils.setRsaKey(rsaKey);
+        } catch (Exception e) {
+            log.error("初始化 RSA 配置失败", e);
+        }
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/test/java/cn/cordys/crm/TestApplication.java b/backend/crm/src/test/java/cn/cordys/crm/TestApplication.java
new file mode 100644
index 0000000..c6bb925
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/TestApplication.java
@@ -0,0 +1,25 @@
+package cn.cordys.crm;
+
+import org.springframework.boot.SpringApplication;
+import org.springframework.boot.autoconfigure.SpringBootApplication;
+import org.springframework.boot.autoconfigure.ldap.LdapAutoConfiguration;
+import org.springframework.boot.autoconfigure.neo4j.Neo4jAutoConfiguration;
+import org.springframework.boot.autoconfigure.quartz.QuartzAutoConfiguration;
+import org.springframework.boot.web.servlet.ServletComponentScan;
+import org.springframework.context.annotation.ComponentScan;
+
+@SpringBootApplication(exclude = {
+        QuartzAutoConfiguration.class,
+        LdapAutoConfiguration.class,
+        Neo4jAutoConfiguration.class
+})
+@ServletComponentScan
+@ComponentScan(
+        basePackages = {"cn.cordys"}
+)
+public class TestApplication {
+
+    public static void main(String[] args) {
+        SpringApplication.run(TestApplication.class, args);
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/agent/AgentControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/agent/AgentControllerTests.java
new file mode 100644
index 0000000..20007ce
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/agent/AgentControllerTests.java
@@ -0,0 +1,127 @@
+package cn.cordys.crm.agent;
+
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.integration.agent.domain.Agent;
+import cn.cordys.crm.integration.agent.dto.request.AgentAddRequest;
+import cn.cordys.crm.integration.agent.dto.request.AgentPageRequest;
+import cn.cordys.crm.integration.agent.dto.request.AgentRenameRequest;
+import cn.cordys.crm.integration.agent.dto.request.AgentUpdateRequest;
+import cn.cordys.crm.opportunity.domain.Opportunity;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.context.jdbc.Sql;
+import org.springframework.test.context.jdbc.SqlConfig;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.List;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class AgentControllerTests extends BaseTest {
+
+    protected static final String DETAIL = "detail/{0}";
+    protected static final String RENAME = "rename";
+    protected static final String COLLECT = "collect/{0}";
+    protected static final String UN_COLLECT = "un-collect/{0}";
+    protected static final String COLLECT_PAGE = "collect/page";
+    private static final String BASE_PATH = "/agent/";
+    private static Agent addAgent;
+    @Resource
+    private BaseMapper<Agent> agentMapper;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Sql(scripts = {"/dml/init_agent_test.sql"},
+            config = @SqlConfig(encoding = "utf-8", transactionMode = SqlConfig.TransactionMode.ISOLATED),
+            executionPhase = Sql.ExecutionPhase.BEFORE_TEST_METHOD)
+    @Test
+    @Order(1)
+    void testAdd() throws Exception {
+        AgentAddRequest request = new AgentAddRequest();
+        request.setName("wx_智能体");
+        request.setAgentModuleId("wx_123");
+        request.setScopeIds(List.of("1", "2", "3"));
+        request.setScript("<script src='xxxxx'></script>");
+        request.setType("SCRIPT");
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, request);
+        Opportunity resultData = getResultData(mvcResult, Opportunity.class);
+        addAgent = agentMapper.selectByPrimaryKey(resultData.getId());
+    }
+
+
+    @Test
+    @Order(2)
+    void testGetDetail() throws Exception {
+        this.requestGet(DETAIL, addAgent.getId());
+    }
+
+    @Test
+    @Order(3)
+    void testUpdate() throws Exception {
+        AgentUpdateRequest request = new AgentUpdateRequest();
+        request.setId(addAgent.getId());
+        request.setName("智能体更新");
+        this.requestPost(DEFAULT_UPDATE, request);
+    }
+
+    @Test
+    @Order(4)
+    void testRename() throws Exception {
+        AgentRenameRequest request = new AgentRenameRequest();
+        request.setId(addAgent.getId());
+        request.setName("重命名");
+        request.setAgentModuleId("wx_123");
+        this.requestPost(RENAME, request);
+    }
+
+
+    @Test
+    @Order(5)
+    void testList() throws Exception {
+        AgentPageRequest request = new AgentPageRequest();
+        request.setAgentModuleIds(List.of("wx_123"));
+        request.setCurrent(1);
+        request.setPageSize(30);
+        this.requestPost(DEFAULT_PAGE, request);
+    }
+
+
+    @Test
+    @Order(6)
+    void testCollect() throws Exception {
+        this.requestGet(COLLECT, addAgent.getId());
+    }
+
+    @Test
+    @Order(7)
+    void testUnCollect() throws Exception {
+        this.requestGet(UN_COLLECT, addAgent.getId());
+    }
+
+    @Test
+    @Order(8)
+    void testCollectPage() throws Exception {
+        BasePageRequest request = new BasePageRequest();
+        request.setCurrent(1);
+        request.setPageSize(30);
+        this.requestPost(COLLECT_PAGE, addAgent.getId());
+    }
+
+
+    @Test
+    @Order(12)
+    void testDelete() throws Exception {
+        this.requestGet(DEFAULT_DELETE, addAgent.getId());
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/approval/ApprovalFlowControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/approval/ApprovalFlowControllerTests.java
new file mode 100644
index 0000000..299f846
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/approval/ApprovalFlowControllerTests.java
@@ -0,0 +1,734 @@
+package cn.cordys.crm.approval;
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.domain.BaseModel;
+import cn.cordys.crm.approval.constants.*;
+import cn.cordys.crm.approval.domain.*;
+import cn.cordys.crm.approval.dto.StatusPermissionDTO;
+import cn.cordys.crm.approval.dto.request.*;
+import cn.cordys.crm.approval.dto.response.ApprovalFlowByFormTypeResponse;
+import cn.cordys.crm.approval.dto.response.ApprovalFlowDetailResponse;
+import cn.cordys.crm.approval.dto.response.ApprovalFlowListResponse;
+import cn.cordys.crm.approval.dto.response.StatusPermissionSettingResponse;
+import cn.cordys.crm.approval.service.ApprovalFlowService;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.system.domain.Department;
+import cn.cordys.crm.system.domain.DepartmentCommander;
+import cn.cordys.crm.system.domain.OrganizationUser;
+import cn.cordys.crm.system.domain.User;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.junit.jupiter.api.*;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.ArrayList;
+import java.util.List;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+class ApprovalFlowControllerTests extends BaseTest {
+    private static final String BASE_PATH = "/approval-flow/";
+    private static final String ENABLE = "enable/{0}";
+    private static final String STATUS_PERMISSION_SETTING = "status-permission/setting/{0}";
+    private static final String GET_BY_FORM_TYPE = "get-by-form-type/{0}";
+
+    /**
+     * 记录创建的审批流
+     */
+    private static ApprovalFlow addApprovalFlow;
+    private static ApprovalFlow anotherApprovalFlow;
+
+    @Resource
+    private BaseMapper<ApprovalFlow> approvalFlowMapper;
+    @Resource
+    private BaseMapper<ApprovalFlowVersion> approvalFlowVersionMapper;
+    @Resource
+    private BaseMapper<ApprovalNode> approvalNodeMapper;
+    @Resource
+    private BaseMapper<ApprovalNodeApprover> approvalNodeApproverMapper;
+    @Resource
+    private BaseMapper<ApprovalNodeLink> approvalNodeLinkMapper;
+    @Resource
+    private ApprovalFlowService approvalFlowService;
+    @Resource
+    private BaseMapper<Department> departmentMapper;
+    @Resource
+    private BaseMapper<DepartmentCommander> departmentCommanderMapper;
+    @Resource
+    private BaseMapper<OrganizationUser> organizationUserMapper;
+    @Resource
+    private BaseMapper<User> userMapper;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    /**
+     * 构建简单的审批人节点请求
+     */
+    private ApprovalNodeApproverRequest buildApproverNodeRequest(String id, String name) {
+        ApprovalNodeApproverRequest node = new ApprovalNodeApproverRequest();
+        node.setId(id);
+        node.setName(name);
+        node.setNodeType(ApprovalNodeTypeEnum.APPROVER.name());
+        node.setApprovalType(ApprovalTypeEnum.MANUAL.name());
+        node.setMultiApproverMode(MultiApproverModeEnum.ALL.name());
+
+        // 配置审批人
+        node.setApproverType(ApproverTypeEnum.ROLE.name());
+        node.setApproverList(List.of("sales_manager"));
+
+        // 配置抄送
+        node.setCcType(ApproverTypeEnum.ROLE.name());
+        node.setCcList(List.of("org_admin"));
+
+        return node;
+    }
+
+    /**
+     * 构建开始节点请求
+     */
+    private ApprovalNodeRequest buildStartNodeRequest(String id) {
+        ApprovalNodeRequest node = new ApprovalNodeRequest();
+        node.setId(id);
+        node.setName("开始");
+        node.setNodeType(ApprovalNodeTypeEnum.START.name());
+        return node;
+    }
+
+    /**
+     * 构建结束节点请求
+     */
+    private ApprovalNodeRequest buildEndNodeRequest(String id) {
+        ApprovalNodeRequest node = new ApprovalNodeRequest();
+        node.setId(id);
+        node.setName("结束");
+        node.setNodeType(ApprovalNodeTypeEnum.END.name());
+        return node;
+    }
+
+    /**
+     * 构建节点连接请求
+     */
+    private ApprovalNodeLinkRequest buildLinkRequest(String fromNodeId, String toNodeId) {
+        ApprovalNodeLinkRequest link = new ApprovalNodeLinkRequest();
+        link.setFromNodeId(fromNodeId);
+        link.setToNodeId(toNodeId);
+        return link;
+    }
+
+    /**
+     * 构建状态权限配置
+     */
+    private List<StatusPermissionDTO> buildStatusPermissions() {
+        List<StatusPermissionDTO> statusPermissions = new ArrayList<>();
+        StatusPermissionDTO p1 = new StatusPermissionDTO();
+        p1.setApprovalStatus(ApprovalState.APPROVED.getId());
+        p1.setPermission("view");
+        p1.setEnabled(true);
+        statusPermissions.add(p1);
+
+        StatusPermissionDTO p2 = new StatusPermissionDTO();
+        p2.setApprovalStatus(ApprovalState.UNAPPROVED.getId());
+        p2.setPermission("edit");
+        p2.setEnabled(false);
+        statusPermissions.add(p2);
+
+        return statusPermissions;
+    }
+
+    /**
+     * 构建新增请求
+     */
+    private ApprovalFlowAddRequest buildAddRequest(String name, ApprovalFormTypeEnum formType, boolean enable) {
+        ApprovalFlowAddRequest request = new ApprovalFlowAddRequest();
+        request.setName(name);
+        request.setFormType(formType.getValue());
+        request.setEnable(enable);
+        request.setDescription("测试审批流描述");
+        request.setSubmitterCanRevoke(true);
+        request.setAllowBatchProcess(false);
+        request.setAllowWithdraw(true);
+        request.setAllowAddSign(false);
+        request.setDuplicateApproverRule(DuplicateApproverRuleEnum.EACH.name());
+        request.setRequireComment(false);
+        request.setCreateExecute(false);
+        request.setUpdateExecute(true);
+        request.setStatusPermissions(buildStatusPermissions());
+
+        // 构建节点配置: 开始 -> 审批人 -> 结束
+        String startNodeId = "start_" + System.currentTimeMillis();
+        String approverNodeId = "approver_" + System.currentTimeMillis();
+        String endNodeId = "end_" + System.currentTimeMillis();
+
+        List<ApprovalNodeRequest> nodes = new ArrayList<>();
+        nodes.add(buildStartNodeRequest(startNodeId));
+        nodes.add(buildApproverNodeRequest(approverNodeId, "主管审批"));
+        nodes.add(buildEndNodeRequest(endNodeId));
+        request.setUpdateNodeConfig(new ApprovalFlowNodeConfigRequest());
+        request.getUpdateNodeConfig().setNodes(nodes);
+
+        // 构建连接配置: 开始 -> 审批人 -> 结束
+        List<ApprovalNodeLinkRequest> links = new ArrayList<>();
+        links.add(buildLinkRequest(startNodeId, approverNodeId));
+        links.add(buildLinkRequest(approverNodeId, endNodeId));
+        request.getUpdateNodeConfig().setLinks(links);
+
+        return request;
+    }
+
+    @Test
+    @Order(0)
+    void testPageEmpty() throws Exception {
+        ApprovalFlowPageRequest request = new ApprovalFlowPageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+
+        this.requestPostWithOkAndReturn(DEFAULT_PAGE, request);
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.PROCESS_SETTING_READ, DEFAULT_PAGE, request);
+    }
+
+    @Test
+    @Order(1)
+    void testAdd() throws Exception {
+        // 请求成功 - 创建启用的审批流
+        ApprovalFlowAddRequest request = buildAddRequest("报价审批流", ApprovalFormTypeEnum.QUOTATION, true);
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, request);
+        ApprovalFlowDetailResponse resultData = getResultData(mvcResult, ApprovalFlowDetailResponse.class);
+        ApprovalFlow flow = approvalFlowMapper.selectByPrimaryKey(resultData.getId());
+
+        // 校验请求成功数据
+        addApprovalFlow = flow;
+        Assertions.assertEquals(request.getName(), flow.getName());
+        Assertions.assertEquals(request.getFormType(), flow.getFormType());
+        Assertions.assertEquals(request.getEnable(), flow.getEnable());
+        Assertions.assertEquals(flow.getOrganizationId(), DEFAULT_ORGANIZATION_ID);
+        Assertions.assertNotNull(flow.getNumber());
+        Assertions.assertEquals(request.getDescription(), flow.getDescription());
+
+        // 校验配置字段存储在主表
+        Assertions.assertEquals(request.getSubmitterCanRevoke(), flow.getSubmitterCanRevoke());
+        Assertions.assertEquals(request.getAllowBatchProcess(), flow.getAllowBatchProcess());
+        Assertions.assertEquals(request.getAllowWithdraw(), flow.getAllowWithdraw());
+        Assertions.assertEquals(request.getAllowAddSign(), flow.getAllowAddSign());
+        Assertions.assertEquals(request.getDuplicateApproverRule(), flow.getDuplicateApproverRule());
+        Assertions.assertEquals(request.getRequireComment(), flow.getRequireComment());
+        Assertions.assertEquals(request.getCreateExecute(), flow.getCreateExecute());
+        Assertions.assertEquals(request.getUpdateExecute(), flow.getUpdateExecute());
+
+        // 校验版本表存在
+        ApprovalFlowVersion version = approvalFlowVersionMapper.selectByPrimaryKey(flow.getCurrentVersionId());
+        Assertions.assertNotNull(version);
+
+        // 校验节点配置
+        List<ApprovalNode> nodes = getNodesByFlowVersionId(flow.getCurrentVersionId());
+        Assertions.assertEquals(3, nodes.size());
+
+        // 校验审批人节点配置
+        ApprovalNode approverNode = nodes.stream()
+                .filter(n -> ApprovalNodeTypeEnum.APPROVER.name().equals(n.getNodeType()))
+                .findFirst()
+                .orElse(null);
+        Assertions.assertNotNull(approverNode);
+        ApprovalNodeApprover approverConfig = approvalNodeApproverMapper.selectByPrimaryKey(approverNode.getId());
+        Assertions.assertNotNull(approverConfig);
+
+        // 校验节点连接配置
+        List<ApprovalNodeLink> links = getLinksByFlowVersionId(flow.getCurrentVersionId());
+        Assertions.assertEquals(2, links.size());
+
+        // 添加另一条数据，不同表单类型
+        ApprovalFlowAddRequest anotherRequest = buildAddRequest("合同审批流", ApprovalFormTypeEnum.CONTRACT, true);
+        mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, anotherRequest);
+        anotherApprovalFlow = approvalFlowMapper.selectByPrimaryKey(getResultData(mvcResult, ApprovalFlowDetailResponse.class).getId());
+
+        // 校验创建禁用的审批流
+        ApprovalFlowAddRequest disabledRequest = buildAddRequest("禁用的发票审批流", ApprovalFormTypeEnum.INVOICE, false);
+        mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, disabledRequest);
+        ApprovalFlow disabledFlow = approvalFlowMapper.selectByPrimaryKey(getResultData(mvcResult, ApprovalFlowDetailResponse.class).getId());
+        Assertions.assertFalse(disabledFlow.getEnable());
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.PROCESS_SETTING_ADD, DEFAULT_ADD, request);
+    }
+
+    @Test
+    @Order(2)
+    void testAddDuplicateType() throws Exception {
+        // 测试重复创建同一表单类型的审批流应该失败
+        ApprovalFlowAddRequest duplicateRequest = buildAddRequest("重复的报价审批流", ApprovalFormTypeEnum.QUOTATION, true);
+        MvcResult result = this.requestPost(DEFAULT_ADD, duplicateRequest).andReturn();
+        // 应该返回错误状态码而不是成功
+        String response = result.getResponse().getContentAsString();
+        Assertions.assertTrue(response.contains("该表单类型的审批流已存在") || response.contains("already exists"));
+    }
+
+    @Test
+    @Order(3)
+    void testUpdate() throws Exception {
+        // 请求成功
+        ApprovalFlowUpdateRequest request = new ApprovalFlowUpdateRequest();
+        request.setId(addApprovalFlow.getId());
+        request.setName("更新后的报价审批流");
+        request.setDescription("更新后的描述");
+        request.setSubmitterCanRevoke(false);
+        request.setAllowBatchProcess(true);
+        request.setAllowWithdraw(false);
+        request.setAllowAddSign(true);
+        request.setDuplicateApproverRule(DuplicateApproverRuleEnum.FIRST_ONLY.name());
+        request.setRequireComment(true);
+        request.setCreateExecute(true);
+        request.setUpdateExecute(false);
+        request.setStatusPermissions(buildStatusPermissions());
+
+        // 更新节点配置
+        String startNodeId = "start_update_" + System.currentTimeMillis();
+        String approverNodeId = "approver_update_" + System.currentTimeMillis();
+        String endNodeId = "end_update_" + System.currentTimeMillis();
+
+        List<ApprovalNodeRequest> nodes = new ArrayList<>();
+        nodes.add(buildStartNodeRequest(startNodeId));
+        ApprovalNodeApproverRequest approverNode = buildApproverNodeRequest(approverNodeId, "经理审批");
+        approverNode.setApprovalType(ApprovalTypeEnum.AUTO_PASS.name());
+        nodes.add(approverNode);
+        nodes.add(buildEndNodeRequest(endNodeId));
+        request.setCreateNodeConfig(new ApprovalFlowNodeConfigRequest());
+        request.getCreateNodeConfig().setNodes(nodes);
+
+        // 构建连接配置
+        List<ApprovalNodeLinkRequest> links = new ArrayList<>();
+        links.add(buildLinkRequest(startNodeId, approverNodeId));
+        links.add(buildLinkRequest(approverNodeId, endNodeId));
+        request.getCreateNodeConfig().setLinks(links);
+
+        this.requestPostWithOk(DEFAULT_UPDATE, request);
+
+        // 校验请求成功数据
+        ApprovalFlow updatedFlow = approvalFlowMapper.selectByPrimaryKey(request.getId());
+        Assertions.assertEquals(request.getName(), updatedFlow.getName());
+        Assertions.assertEquals(request.getDescription(), updatedFlow.getDescription());
+
+        // 校验配置字段存储在主表
+        Assertions.assertEquals(request.getSubmitterCanRevoke(), updatedFlow.getSubmitterCanRevoke());
+        Assertions.assertEquals(request.getAllowBatchProcess(), updatedFlow.getAllowBatchProcess());
+        Assertions.assertEquals(request.getAllowWithdraw(), updatedFlow.getAllowWithdraw());
+        Assertions.assertEquals(request.getAllowAddSign(), updatedFlow.getAllowAddSign());
+        Assertions.assertEquals(request.getDuplicateApproverRule(), updatedFlow.getDuplicateApproverRule());
+        Assertions.assertEquals(request.getRequireComment(), updatedFlow.getRequireComment());
+
+        // 校验更新后产生了新版本
+        Assertions.assertNotEquals(addApprovalFlow.getCurrentVersionId(), updatedFlow.getCurrentVersionId());
+
+        // 校验节点配置已更新（删除旧节点，插入新节点）
+        List<ApprovalNode> updatedNodes = getNodesByFlowVersionId(updatedFlow.getCurrentVersionId());
+        Assertions.assertEquals(3, updatedNodes.size());
+
+        // 不修改信息
+        ApprovalFlowUpdateRequest emptyRequest = new ApprovalFlowUpdateRequest();
+        emptyRequest.setId(addApprovalFlow.getId());
+        this.requestPostWithOk(DEFAULT_UPDATE, emptyRequest);
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.PROCESS_SETTING_UPDATE, DEFAULT_UPDATE, request);
+    }
+
+    @Test
+    @Order(5)
+    void testPage() throws Exception {
+        ApprovalFlowPageRequest request = new ApprovalFlowPageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+
+        // 请求成功
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_PAGE, request);
+        List<ApprovalFlowListResponse> pageResult = getPageResult(mvcResult, ApprovalFlowListResponse.class).getList();
+
+        // 校验数据
+        Assertions.assertFalse(pageResult.isEmpty());
+
+        // 按名称筛选
+        ApprovalFlowPageRequest nameFilterRequest = new ApprovalFlowPageRequest();
+        nameFilterRequest.setCurrent(1);
+        nameFilterRequest.setPageSize(10);
+        nameFilterRequest.setName("更新后的报价审批流");
+        MvcResult nameMvcResult = this.requestPostWithOkAndReturn(DEFAULT_PAGE, nameFilterRequest);
+        List<ApprovalFlowListResponse> namePageResult = getPageResult(nameMvcResult, ApprovalFlowListResponse.class).getList();
+
+        // 校验筛选结果
+        Assertions.assertEquals(1, namePageResult.size());
+        Assertions.assertEquals("更新后的报价审批流", namePageResult.get(0).getName());
+
+        // 按表单类型筛选
+        ApprovalFlowPageRequest formTypeFilterRequest = new ApprovalFlowPageRequest();
+        formTypeFilterRequest.setCurrent(1);
+        formTypeFilterRequest.setPageSize(10);
+        formTypeFilterRequest.setFormType(ApprovalFormTypeEnum.QUOTATION.getValue());
+        MvcResult formTypeMvcResult = this.requestPostWithOkAndReturn(DEFAULT_PAGE, formTypeFilterRequest);
+        List<ApprovalFlowListResponse> formTypePageResult = getPageResult(formTypeMvcResult, ApprovalFlowListResponse.class).getList();
+
+        // 校验筛选结果
+        Assertions.assertFalse(formTypePageResult.isEmpty());
+        formTypePageResult.forEach(flow -> Assertions.assertEquals(ApprovalFormTypeEnum.QUOTATION.getValue(), flow.getFormType()));
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.PROCESS_SETTING_READ, DEFAULT_PAGE, request);
+    }
+
+    @Test
+    @Order(6)
+    void testGet() throws Exception {
+        // 请求成功
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(DEFAULT_GET, addApprovalFlow.getId());
+        ApprovalFlowDetailResponse response = getResultData(mvcResult, ApprovalFlowDetailResponse.class);
+
+        ApprovalFlow approvalFlow = approvalFlowMapper.selectByPrimaryKey(addApprovalFlow.getId());
+
+        // 校验基本信息
+        Assertions.assertEquals(approvalFlow.getId(), response.getId());
+        Assertions.assertEquals(approvalFlow.getName(), response.getName());
+        Assertions.assertEquals(approvalFlow.getFormType(), response.getFormType());
+        Assertions.assertEquals(approvalFlow.getNumber(), response.getNumber());
+        Assertions.assertEquals(approvalFlow.getEnable(), response.getEnable());
+        Assertions.assertEquals(approvalFlow.getDescription(), response.getDescription());
+
+        // 校验配置字段从主表获取
+        Assertions.assertEquals(approvalFlow.getSubmitterCanRevoke(), response.getSubmitterCanRevoke());
+        Assertions.assertEquals(approvalFlow.getAllowBatchProcess(), response.getAllowBatchProcess());
+        Assertions.assertEquals(approvalFlow.getAllowWithdraw(), response.getAllowWithdraw());
+        Assertions.assertEquals(approvalFlow.getAllowAddSign(), response.getAllowAddSign());
+        Assertions.assertEquals(approvalFlow.getDuplicateApproverRule(), response.getDuplicateApproverRule());
+        Assertions.assertEquals(approvalFlow.getRequireComment(), response.getRequireComment());
+
+        // 校验节点配置
+        Assertions.assertFalse(CollectionUtils.isEmpty(response.getCreateNodeConfig().getNodes()));
+
+        // 校验连接配置
+        Assertions.assertFalse(CollectionUtils.isEmpty(response.getCreateNodeConfig().getLinks()));
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.PROCESS_SETTING_READ, DEFAULT_GET, addApprovalFlow.getId());
+    }
+
+    @Test
+    @Order(7)
+    void testEnable() throws Exception {
+        // 启用之前创建的禁用审批流
+        ApprovalFlow disabledFlow = getDisabledFlow();
+        Assertions.assertNotNull(disabledFlow);
+        Assertions.assertFalse(disabledFlow.getEnable());
+
+        // 启用
+        String enableUrl = ENABLE + "?enable=true";
+        this.requestGetWithOk(enableUrl, disabledFlow.getId());
+        ApprovalFlow enabledFlow = approvalFlowMapper.selectByPrimaryKey(disabledFlow.getId());
+        Assertions.assertTrue(enabledFlow.getEnable());
+
+        // 禁用
+        String disableUrl = ENABLE + "?enable=false";
+        this.requestGetWithOk(disableUrl, enabledFlow.getId());
+        ApprovalFlow disabledAgainFlow = approvalFlowMapper.selectByPrimaryKey(disabledFlow.getId());
+        Assertions.assertFalse(disabledAgainFlow.getEnable());
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.PROCESS_SETTING_UPDATE, enableUrl, disabledFlow.getId());
+    }
+
+    @Test
+    @Order(8)
+    void testPageWithEnableFilter() throws Exception {
+        // 筛选启用的审批流
+        ApprovalFlowPageRequest request = new ApprovalFlowPageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+        request.setEnable(true);
+
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_PAGE, request);
+        List<ApprovalFlowListResponse> pageResult = getPageResult(mvcResult, ApprovalFlowListResponse.class).getList();
+
+        // 校验结果都是启用的
+        pageResult.forEach(flow -> Assertions.assertTrue(flow.getEnable()));
+
+        // 筛选禁用的审批流
+        ApprovalFlowPageRequest disabledRequest = new ApprovalFlowPageRequest();
+        disabledRequest.setCurrent(1);
+        disabledRequest.setPageSize(10);
+        disabledRequest.setEnable(false);
+
+        MvcResult disabledMvcResult = this.requestPostWithOkAndReturn(DEFAULT_PAGE, disabledRequest);
+        List<ApprovalFlowListResponse> disabledPageResult = getPageResult(disabledMvcResult, ApprovalFlowListResponse.class).getList();
+
+        // 校验结果都是禁用的
+        disabledPageResult.forEach(flow -> Assertions.assertFalse(flow.getEnable()));
+    }
+
+    @Test
+    @Order(20)
+    void testDelete() throws Exception {
+        // 删除第一个创建的审批流
+        this.requestGetWithOk(DEFAULT_DELETE, addApprovalFlow.getId());
+
+        // 校验软删除：记录仍存在但 deleted = true
+        ApprovalFlow deletedFlow = approvalFlowMapper.selectByPrimaryKey(addApprovalFlow.getId());
+        Assertions.assertNotNull(deletedFlow);
+        Assertions.assertTrue(deletedFlow.getDeleted());
+
+        // 删除另一条创建的审批流
+        this.requestGetWithOk(DEFAULT_DELETE, anotherApprovalFlow.getId());
+        ApprovalFlow deletedAnother = approvalFlowMapper.selectByPrimaryKey(anotherApprovalFlow.getId());
+        Assertions.assertNotNull(deletedAnother);
+        Assertions.assertTrue(deletedAnother.getDeleted());
+
+        // 删除禁用的审批流
+        ApprovalFlow disabledFlow = getDisabledFlow();
+        if (disabledFlow != null) {
+            this.requestGetWithOk(DEFAULT_DELETE, disabledFlow.getId());
+            ApprovalFlow deletedDisabled = approvalFlowMapper.selectByPrimaryKey(disabledFlow.getId());
+            Assertions.assertNotNull(deletedDisabled);
+            Assertions.assertTrue(deletedDisabled.getDeleted());
+        }
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.PROCESS_SETTING_DELETE, DEFAULT_DELETE, addApprovalFlow.getId());
+    }
+
+    /**
+     * 获取版本对应的节点列表
+     */
+    private List<ApprovalNode> getNodesByFlowVersionId(String flowVersionId) {
+        ApprovalNode criteria = new ApprovalNode();
+        criteria.setFlowVersionId(flowVersionId);
+        return approvalNodeMapper.select(criteria);
+    }
+
+    /**
+     * 获取版本对应的节点连接列表
+     */
+    private List<ApprovalNodeLink> getLinksByFlowVersionId(String flowVersionId) {
+        ApprovalNodeLink criteria = new ApprovalNodeLink();
+        criteria.setFlowVersionId(flowVersionId);
+        return approvalNodeLinkMapper.select(criteria);
+    }
+
+    /**
+     * 获取之前创建的禁用审批流
+     */
+    private ApprovalFlow getDisabledFlow() {
+        ApprovalFlow criteria = new ApprovalFlow();
+        criteria.setFormType(ApprovalFormTypeEnum.INVOICE.getValue());
+        criteria.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        criteria.setEnable(false);
+        List<ApprovalFlow> flows = approvalFlowMapper.select(criteria);
+        return flows.isEmpty() ? null : flows.get(0);
+    }
+
+    @Test
+    @Order(9)
+    void testGetStatusPermissionSetting() throws Exception {
+        // 请求成功 - 获取报价审批流的状态权限配置
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(STATUS_PERMISSION_SETTING, ApprovalFormTypeEnum.QUOTATION.getValue());
+        StatusPermissionSettingResponse response = getResultData(mvcResult, StatusPermissionSettingResponse.class);
+
+        // 校验返回数据不为空
+        Assertions.assertNotNull(response);
+        Assertions.assertNotNull(response.getPermissions());
+        Assertions.assertNotNull(response.getStatusPermissions());
+
+        // 校验权限列表不为空
+        Assertions.assertFalse(response.getPermissions().isEmpty());
+
+        // 校验权限数据结构正确
+        response.getPermissions().forEach(p -> {
+            Assertions.assertNotNull(p.getId());
+            Assertions.assertNotNull(p.getName());
+        });
+
+        // 校验状态权限数据结构正确
+        response.getStatusPermissions().forEach(p -> {
+            Assertions.assertNotNull(p.getApprovalStatus());
+            Assertions.assertNotNull(p.getPermission());
+            Assertions.assertNotNull(p.getEnabled());
+        });
+    }
+
+    @Test
+    @Order(10)
+    void testGetByFormType() throws Exception {
+        // 请求成功 - 根据表单类型获取审批流信息
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(GET_BY_FORM_TYPE, ApprovalFormTypeEnum.QUOTATION.getValue());
+        ApprovalFlowByFormTypeResponse response = getResultData(mvcResult, ApprovalFlowByFormTypeResponse.class);
+
+        // 校验基本信息
+        Assertions.assertNotNull(response);
+        Assertions.assertNotNull(response.getId());
+        Assertions.assertNotNull(response.getNumber());
+        Assertions.assertNotNull(response.getName());
+        Assertions.assertEquals(ApprovalFormTypeEnum.QUOTATION.getValue(), response.getFormType());
+        Assertions.assertTrue(response.getEnable());
+        Assertions.assertNotNull(response.getDescription());
+
+        // 校验配置字段从主表获取
+        ApprovalFlow flow = approvalFlowMapper.selectByPrimaryKey(response.getId());
+        Assertions.assertNotNull(flow);
+        Assertions.assertEquals(flow.getSubmitterCanRevoke(), response.getSubmitterCanRevoke());
+        Assertions.assertEquals(flow.getAllowBatchProcess(), response.getAllowBatchProcess());
+        Assertions.assertEquals(flow.getAllowWithdraw(), response.getAllowWithdraw());
+        Assertions.assertEquals(flow.getAllowAddSign(), response.getAllowAddSign());
+        Assertions.assertEquals(flow.getDuplicateApproverRule(), response.getDuplicateApproverRule());
+        Assertions.assertEquals(flow.getRequireComment(), response.getRequireComment());
+
+        // 校验权限列表
+        Assertions.assertNotNull(response.getPermissions());
+        Assertions.assertFalse(response.getPermissions().isEmpty());
+
+        // 校验状态权限配置
+        Assertions.assertNotNull(response.getStatusPermissions());
+
+        // 校验不包含节点配置（ApprovalFlowByFormTypeResponse没有nodes字段）
+        Assertions.assertThrows(NoSuchMethodException.class,
+                () -> response.getClass().getMethod("getNodes"),
+                "Response should not have nodes field");
+
+        // 请求不存在的表单类型，应返回 null
+        mvcResult = this.requestGetWithOkAndReturn(GET_BY_FORM_TYPE, "non_existent_form_type");
+        ApprovalFlowByFormTypeResponse response2 = getResultData(mvcResult, ApprovalFlowByFormTypeResponse.class);
+
+        Assertions.assertNull(response2);
+    }
+
+    @Test
+    @Order(11)
+    void testResolveMultipleDeptHeadApproversWithDirection() {
+        prepareMultipleDeptHeadData();
+
+        List<User> bottomUpApprovers = approvalFlowService.resolveApprovers(
+                "amd_submit_user",
+                DEFAULT_ORGANIZATION_ID,
+                ApproverTypeEnum.MULTIPLE_DEPT_HEAD,
+                List.of("2"),
+                ApproverDirectionEnum.BOTTOM_UP
+        );
+        Assertions.assertEquals(List.of("amd_child_head", "amd_parent_head"),
+                bottomUpApprovers.stream().map(User::getId).toList());
+
+        List<User> topDownApprovers = approvalFlowService.resolveApprovers(
+                "amd_submit_user",
+                DEFAULT_ORGANIZATION_ID,
+                ApproverTypeEnum.MULTIPLE_DEPT_HEAD,
+                List.of("2"),
+                ApproverDirectionEnum.TOP_DOWN
+        );
+        Assertions.assertEquals(List.of("amd_root_head", "amd_parent_head"),
+                topDownApprovers.stream().map(User::getId).toList());
+    }
+
+    @Test
+    @Order(12)
+    void testResolveMultipleDeptHeadApproversShouldKeepEmptyDepartmentLevel() {
+        prepareMultipleDeptHeadDataWithoutChildCommander();
+
+        List<User> approvers = approvalFlowService.resolveApprovers(
+                "amd2_submit_user",
+                DEFAULT_ORGANIZATION_ID,
+                ApproverTypeEnum.MULTIPLE_DEPT_HEAD,
+                List.of("2"),
+                ApproverDirectionEnum.BOTTOM_UP
+        );
+
+        Assertions.assertEquals(List.of("amd2_parent_head"), approvers.stream().map(User::getId).toList());
+    }
+
+    private void prepareMultipleDeptHeadData() {
+        insertDepartment("amd_root", "审批测试根部门", "0");
+        insertDepartment("amd_parent", "审批测试父部门", "amd_root");
+        insertDepartment("amd_child", "审批测试子部门", "amd_parent");
+
+        insertUser("amd_child_head", "子部门负责人");
+        insertUser("amd_parent_head", "父部门负责人");
+        insertUser("amd_root_head", "根部门负责人");
+        insertUser("amd_submit_user", "部门负责人提交人");
+
+        insertOrganizationUser("amd_child_head-org", "amd_child_head", "amd_child");
+        insertOrganizationUser("amd_parent_head-org", "amd_parent_head", "amd_parent");
+        insertOrganizationUser("amd_root_head-org", "amd_root_head", "amd_root");
+        insertOrganizationUser("amd_submit_org", "amd_submit_user", "amd_child");
+
+        insertDepartmentCommander("amd_child-commander", "amd_child", "amd_child_head");
+        insertDepartmentCommander("amd_parent-commander", "amd_parent", "amd_parent_head");
+        insertDepartmentCommander("amd_root-commander", "amd_root", "amd_root_head");
+    }
+
+    private void prepareMultipleDeptHeadDataWithoutChildCommander() {
+        insertDepartment("amd2_root", "审批测试根部门2", "0");
+        insertDepartment("amd2_parent", "审批测试父部门2", "amd2_root");
+        insertDepartment("amd2_child", "审批测试子部门2", "amd2_parent");
+
+        insertUser("amd2_parent_head", "父部门负责人2");
+        insertUser("amd2_root_head", "根部门负责人2");
+        insertUser("amd2_submit_user", "部门负责人提交人2");
+
+        insertOrganizationUser("amd2_parent_head-org", "amd2_parent_head", "amd2_parent");
+        insertOrganizationUser("amd2_root_head-org", "amd2_root_head", "amd2_root");
+        insertOrganizationUser("amd2_submit_org", "amd2_submit_user", "amd2_child");
+
+        insertDepartmentCommander("amd2_parent-cmd", "amd2_parent", "amd2_parent_head");
+        insertDepartmentCommander("amd2_root-cmd", "amd2_root", "amd2_root_head");
+    }
+
+    private void insertDepartment(String id, String name, String parentId) {
+        Department department = new Department();
+        department.setId(id);
+        department.setName(name);
+        department.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        department.setParentId(parentId);
+        department.setPos(1L);
+        department.setResource("TEST");
+        department.setResourceId(id + "-resource");
+        setAuditFields(department);
+        departmentMapper.insert(department);
+    }
+
+    private void insertDepartmentCommander(String id, String departmentId, String userId) {
+        DepartmentCommander commander = new DepartmentCommander();
+        commander.setId(id);
+        commander.setDepartmentId(departmentId);
+        commander.setUserId(userId);
+        setAuditFields(commander);
+        departmentCommanderMapper.insert(commander);
+    }
+
+    private void insertOrganizationUser(String id, String userId, String departmentId) {
+        OrganizationUser organizationUser = new OrganizationUser();
+        organizationUser.setId(id);
+        organizationUser.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        organizationUser.setDepartmentId(departmentId);
+        organizationUser.setUserId(userId);
+        organizationUser.setEnable(true);
+        setAuditFields(organizationUser);
+        organizationUserMapper.insert(organizationUser);
+    }
+
+    private void insertUser(String id, String name) {
+        User user = new User();
+        user.setId(id);
+        user.setName(name);
+        user.setPassword("123456");
+        user.setGender(false);
+        setAuditFields(user);
+        userMapper.insert(user);
+    }
+
+    private void setAuditFields(BaseModel model) {
+        long now = System.currentTimeMillis();
+        model.setCreateUser("admin");
+        model.setUpdateUser("admin");
+        model.setCreateTime(now);
+        model.setUpdateTime(now);
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/approval/controller/ApprovalResourceControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/approval/controller/ApprovalResourceControllerTests.java
new file mode 100644
index 0000000..5b61b3e
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/approval/controller/ApprovalResourceControllerTests.java
@@ -0,0 +1,50 @@
+package cn.cordys.crm.approval.controller;
+
+import cn.cordys.crm.approval.dto.response.ResourceApprovalResponse;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.contract.constants.ContractApprovalStatus;
+import cn.cordys.security.UserApprovalDTO;
+import org.junit.jupiter.api.Assertions;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.context.jdbc.Sql;
+import org.springframework.test.context.jdbc.SqlConfig;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.List;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+class ApprovalResourceControllerTests extends BaseTest {
+
+    private static final String SIMPLE_DETAIL = "/simple-detail/{0}";
+    private static final String RESOURCE_ID = "approval_resource_test_001";
+    private static final String CURRENT_APPROVER_ID = "appr_user_curr";
+
+    @Override
+    protected String getBasePath() {
+        return "/approval-resource";
+    }
+
+    @Sql(
+            scripts = {"/dml/init_resource_approval_test.sql"},
+            config = @SqlConfig(encoding = "utf-8", transactionMode = SqlConfig.TransactionMode.ISOLATED),
+            executionPhase = Sql.ExecutionPhase.BEFORE_TEST_METHOD
+    )
+    @Test
+    @Order(1)
+    void testResourceDetailOnlyCurrentNodeTasks() throws Exception {
+        MvcResult mvcResult = requestGetWithOkAndReturn(SIMPLE_DETAIL, RESOURCE_ID);
+        ResourceApprovalResponse response = getResultData(mvcResult, ResourceApprovalResponse.class);
+
+        Assertions.assertNotNull(response);
+        Assertions.assertEquals(RESOURCE_ID, response.getResourceId());
+        Assertions.assertEquals(ContractApprovalStatus.APPROVING.name(), response.getApproveStatus());
+
+        List<UserApprovalDTO> approveUserList = response.getApproveUserList();
+        Assertions.assertNotNull(approveUserList);
+        Assertions.assertEquals(0, approveUserList.size());
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/approval/controller/ApprovalTodoControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/approval/controller/ApprovalTodoControllerTests.java
new file mode 100644
index 0000000..d2f65d3
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/approval/controller/ApprovalTodoControllerTests.java
@@ -0,0 +1,199 @@
+package cn.cordys.crm.approval.controller;
+
+import cn.cordys.common.pager.Pager;
+import cn.cordys.crm.approval.domain.ApprovalTask;
+import cn.cordys.crm.approval.dto.response.ApprovalTodoCountResponse;
+import cn.cordys.crm.approval.dto.response.ApprovalTodoItemResponse;
+import cn.cordys.crm.approval.service.ApprovalTodoService;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.StringUtils;
+import org.junit.jupiter.api.Assertions;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.context.jdbc.Sql;
+import org.springframework.test.context.jdbc.SqlConfig;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+class ApprovalTodoControllerTests extends BaseTest {
+
+    private static final String TODO_LIST = "/pending/page";
+    private static final String PROCESSED_PAGE = "/processed/page";
+    private static final String INITIATED_PAGE = "/initiated/page";
+    private static final String CC_PAGE = "/cc/page";
+    private static final String PENDING_COUNT = "/pending/count";
+
+    @Resource
+    private ApprovalTodoService approvalTodoService;
+    @Resource
+    private BaseMapper<ApprovalTask> approvalTaskMapper;
+
+    @Override
+    protected String getBasePath() {
+        return "/approval-todo";
+    }
+
+    @Sql(
+            scripts = {"/dml/init_approval_todo_list_test.sql"},
+            config = @SqlConfig(encoding = "utf-8", transactionMode = SqlConfig.TransactionMode.ISOLATED),
+            executionPhase = Sql.ExecutionPhase.BEFORE_TEST_METHOD
+    )
+
+    @Test
+    @Order(1)
+    void testTodoListPageWithAllType() throws Exception {
+        Map<String, Object> request = new HashMap<>();
+        request.put("current", 1);
+        request.put("pageSize", 10);
+        request.put("resourceType", "ALL");
+
+        MvcResult mvcResult = requestPostWithOkAndReturn(TODO_LIST, request);
+        Pager<List<ApprovalTodoItemResponse>> pager = getPageResult(mvcResult, ApprovalTodoItemResponse.class);
+        Assertions.assertNotNull(pager);
+        Assertions.assertEquals(3, pager.getTotal());
+        Assertions.assertEquals(3, pager.getList().size());
+        Assertions.assertTrue(pager.getList().stream().allMatch(item -> StringUtils.equals("APPROVING", item.getApprovalOperation())));
+    }
+
+    @Sql(
+            scripts = {"/dml/init_approval_todo_list_test.sql"},
+            config = @SqlConfig(encoding = "utf-8", transactionMode = SqlConfig.TransactionMode.ISOLATED),
+            executionPhase = Sql.ExecutionPhase.BEFORE_TEST_METHOD
+    )
+    @Test
+    @Order(2)
+    void testTodoListPageWithContractType() throws Exception {
+        Map<String, Object> request = new HashMap<>();
+        request.put("current", 1);
+        request.put("pageSize", 10);
+        request.put("resourceType", "CONTRACT");
+
+        MvcResult mvcResult = requestPostWithOkAndReturn(TODO_LIST, request);
+        Pager<List<ApprovalTodoItemResponse>> pager = getPageResult(mvcResult, ApprovalTodoItemResponse.class);
+
+        Assertions.assertNotNull(pager);
+        Assertions.assertEquals(2, pager.getTotal());
+        Assertions.assertEquals(2, pager.getList().size());
+        Assertions.assertEquals("CONTRACT", pager.getList().getFirst().getResourceType());
+    }
+
+    @Sql(
+            scripts = {"/dml/init_approval_todo_processed_test.sql"},
+            config = @SqlConfig(encoding = "utf-8", transactionMode = SqlConfig.TransactionMode.ISOLATED),
+            executionPhase = Sql.ExecutionPhase.BEFORE_TEST_METHOD
+    )
+    @Test
+    @Order(3)
+    void testProcessedPage() throws Exception {
+        Map<String, Object> request = new HashMap<>();
+        request.put("current", 1);
+        request.put("pageSize", 10);
+
+        MvcResult mvcResult = requestPostWithOkAndReturn(PROCESSED_PAGE, request);
+        Pager<List<ApprovalTodoItemResponse>> pager = getPageResult(mvcResult, ApprovalTodoItemResponse.class);
+
+        Assertions.assertNotNull(pager);
+        Assertions.assertEquals(4, pager.getTotal());
+        Assertions.assertEquals(4, pager.getList().size());
+        Assertions.assertTrue(pager.getList().stream().anyMatch(item -> StringUtils.equals("todo_processed_resource_001", item.getResourceId())));
+    }
+
+    @Sql(
+            scripts = {"/dml/init_approval_todo_cc_initiated_test.sql"},
+            config = @SqlConfig(encoding = "utf-8", transactionMode = SqlConfig.TransactionMode.ISOLATED),
+            executionPhase = Sql.ExecutionPhase.BEFORE_TEST_METHOD
+    )
+    @Test
+    @Order(4)
+    void testInitiatedPage() throws Exception {
+        Map<String, Object> request = new HashMap<>();
+        request.put("current", 1);
+        request.put("pageSize", 10);
+
+        MvcResult mvcResult = requestPostWithOkAndReturn(INITIATED_PAGE, request);
+        Pager<List<ApprovalTodoItemResponse>> pager = getPageResult(mvcResult, ApprovalTodoItemResponse.class);
+
+        Assertions.assertNotNull(pager);
+    }
+
+    @Sql(
+            scripts = {"/dml/init_approval_todo_cc_initiated_test.sql"},
+            config = @SqlConfig(encoding = "utf-8", transactionMode = SqlConfig.TransactionMode.ISOLATED),
+            executionPhase = Sql.ExecutionPhase.BEFORE_TEST_METHOD
+    )
+    @Test
+    @Order(5)
+    void testCcPage() throws Exception {
+        Map<String, Object> request = new HashMap<>();
+        request.put("current", 1);
+        request.put("pageSize", 10);
+
+        MvcResult mvcResult = requestPostWithOkAndReturn(CC_PAGE, request);
+        Pager<List<ApprovalTodoItemResponse>> pager = getPageResult(mvcResult, ApprovalTodoItemResponse.class);
+
+        Assertions.assertNotNull(pager);
+        Assertions.assertEquals(2, pager.getTotal());
+        Assertions.assertEquals(2, pager.getList().size());
+        Assertions.assertTrue(pager.getList().stream().allMatch(item -> StringUtils.equals("READ", item.getApprovalOperation())));
+    }
+
+    @Sql(
+            scripts = {"/dml/init_approval_todo_list_test.sql"},
+            config = @SqlConfig(encoding = "utf-8", transactionMode = SqlConfig.TransactionMode.ISOLATED),
+            executionPhase = Sql.ExecutionPhase.BEFORE_TEST_METHOD
+    )
+    @Test
+    @Order(6)
+    void testPendingCount() throws Exception {
+        MvcResult mvcResult = requestGetWithOkAndReturn(PENDING_COUNT);
+        ApprovalTodoCountResponse response = getResultData(mvcResult, ApprovalTodoCountResponse.class);
+
+        Assertions.assertNotNull(response);
+        Assertions.assertTrue(response.getTotal() >= 0);
+        Assertions.assertTrue(response.getQuotation() >= 0);
+        Assertions.assertTrue(response.getContract() >= 0);
+        Assertions.assertTrue(response.getOrder() >= 0);
+        Assertions.assertTrue(response.getInvoice() >= 0);
+        Assertions.assertEquals(response.getTotal(), response.getQuotation() + response.getContract() + response.getOrder() + response.getInvoice());
+    }
+
+    @Sql(
+            scripts = {"/dml/init_approval_todo_list_test.sql"},
+            config = @SqlConfig(encoding = "utf-8", transactionMode = SqlConfig.TransactionMode.ISOLATED),
+            executionPhase = Sql.ExecutionPhase.BEFORE_TEST_METHOD
+    )
+    @Test
+    @Order(7)
+    void testDeleteApprovalTaskByInstanceId() {
+        approvalTodoService.deleteApprovalTaskByInstanceId("todo_list_inst_contract");
+
+        List<ApprovalTask> remain = approvalTaskMapper.selectListByLambda(new LambdaQueryWrapper<ApprovalTask>()
+                .eq(ApprovalTask::getInstanceId, "todo_list_inst_contract"));
+        Assertions.assertTrue(remain.isEmpty());
+    }
+
+    @Sql(
+            scripts = {"/dml/init_approval_todo_list_test.sql"},
+            config = @SqlConfig(encoding = "utf-8", transactionMode = SqlConfig.TransactionMode.ISOLATED),
+            executionPhase = Sql.ExecutionPhase.BEFORE_TEST_METHOD
+    )
+    @Test
+    @Order(8)
+    void testDeleteApprovalTaskByInstanceIds() {
+        approvalTodoService.deleteApprovalTaskByInstanceIds(List.of("todo_list_inst_contract", "todo_list_inst_quote"));
+
+        List<ApprovalTask> remain = approvalTaskMapper.selectListByLambda(new LambdaQueryWrapper<ApprovalTask>()
+                .in(ApprovalTask::getInstanceId, List.of("todo_list_inst_contract", "todo_list_inst_quote")));
+        Assertions.assertTrue(remain.isEmpty());
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/base/BaseTest.java b/backend/crm/src/test/java/cn/cordys/crm/base/BaseTest.java
new file mode 100644
index 0000000..a2250a9
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/base/BaseTest.java
@@ -0,0 +1,443 @@
+package cn.cordys.crm.base;
+
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.exception.IResultCode;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.permission.PermissionCache;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.rsa.RsaKey;
+import cn.cordys.common.util.rsa.RsaUtils;
+import cn.cordys.crm.system.domain.RolePermission;
+import cn.cordys.crm.system.domain.User;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.security.SessionConstants;
+import com.jayway.jsonpath.JsonPath;
+import jakarta.annotation.Resource;
+import lombok.Data;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.StringUtils;
+import org.junit.jupiter.api.BeforeEach;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.http.HttpHeaders;
+import org.springframework.http.HttpStatus;
+import org.springframework.http.MediaType;
+import org.springframework.mock.web.MockMultipartFile;
+import org.springframework.test.web.servlet.MockMvc;
+import org.springframework.test.web.servlet.MvcResult;
+import org.springframework.test.web.servlet.ResultActions;
+import org.springframework.test.web.servlet.request.MockHttpServletRequestBuilder;
+import org.springframework.test.web.servlet.request.MockMultipartHttpServletRequestBuilder;
+import org.springframework.test.web.servlet.request.MockMvcRequestBuilders;
+import org.springframework.util.CollectionUtils;
+import org.springframework.util.MultiValueMap;
+
+import java.io.File;
+import java.io.IOException;
+import java.io.UnsupportedEncodingException;
+import java.nio.charset.Charset;
+import java.nio.file.Files;
+import java.util.List;
+import java.util.Map;
+import java.util.function.Supplier;
+
+import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.*;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+@Slf4j
+public abstract class BaseTest {
+    public static final String DEFAULT_ORGANIZATION_ID = "100001";
+    protected static final String DEFAULT_USER_PASSWORD = "CordysCRM";
+    protected static final String DEFAULT_PLATFORM = "mobile";
+    protected static final String DEFAULT_PAGE = "page";
+    protected static final String DEFAULT_LIST = "list";
+    protected static final String DEFAULT_GET = "get/{0}";
+    protected static final String DEFAULT_ADD = "add";
+    protected static final String DEFAULT_UPDATE = "update";
+    protected static final String DEFAULT_DELETE = "delete/{0}";
+    protected static final String DEFAULT_BATCH_DELETE = "batch/delete";
+    public static String PERMISSION_USER_NAME = "permission_test";
+    protected static AuthInfo adminAuthInfo;
+    protected static AuthInfo permissionAuthInfo;
+    @Resource
+    protected MockMvc mockMvc;
+    @Resource
+    protected PermissionCache permissionCache;
+    @Resource
+    private BaseMapper<RolePermission> rolePermissionMapper;
+    @Resource
+    private BaseMapper<User> userMapper;
+
+    protected static Map<?, ?> parseResponse(MvcResult mvcResult) throws UnsupportedEncodingException {
+        return JSON.parseMap(mvcResult.getResponse().getContentAsString(Charset.defaultCharset()));
+    }
+
+    private static MockMultipartFile getMockMultipartFile(String key, Object value) throws IOException {
+        MockMultipartFile multipartFile;
+        if (value instanceof File file) {
+            multipartFile = new MockMultipartFile(key, file.getName(),
+                    MediaType.APPLICATION_OCTET_STREAM_VALUE, Files.readAllBytes(file.toPath()));
+        } else if (value instanceof MockMultipartFile) {
+            multipartFile = (MockMultipartFile) value;
+            // 有些地方的参数 name 写的是文件名，这里统一处理成参数名 key
+            multipartFile = new MockMultipartFile(key, multipartFile.getOriginalFilename(),
+                    MediaType.APPLICATION_OCTET_STREAM_VALUE, multipartFile.getBytes());
+        } else {
+            multipartFile = new MockMultipartFile(key, key,
+                    MediaType.APPLICATION_JSON_VALUE, value.toString().getBytes());
+        }
+        return multipartFile;
+    }
+
+    protected String getBasePath() {
+        return StringUtils.EMPTY;
+    }
+
+    @BeforeEach
+    public void login() throws Exception {
+        if (adminAuthInfo == null) {
+            adminAuthInfo = initAuthInfo(InternalUser.ADMIN.getValue(), DEFAULT_USER_PASSWORD);
+        }
+
+        User permissionUser = userMapper.selectByPrimaryKey(PERMISSION_USER_NAME);
+        // 有对应用户才初始化认证信息
+        if (permissionUser != null && permissionAuthInfo == null) {
+            permissionAuthInfo = initAuthInfo(PERMISSION_USER_NAME, DEFAULT_USER_PASSWORD);
+        }
+    }
+
+    private AuthInfo initAuthInfo(String username, String password) throws Exception {
+        RsaKey rsaKey = RsaUtils.getRsaKey();
+        password =  RsaUtils.publicEncrypt(password, rsaKey.getPublicKey());
+        username = RsaUtils.publicEncrypt(username, rsaKey.getPublicKey());
+
+        MvcResult mvcResult = mockMvc.perform(MockMvcRequestBuilders.post("/login")
+                        .content(String.format("{\"username\":\"%s\",\"password\":\"%s\",\"platform\":\"%s\"}", username, password, DEFAULT_PLATFORM))
+                        .contentType(MediaType.APPLICATION_JSON))
+                .andExpect(status().isOk())
+                .andExpect(content().contentType(MediaType.APPLICATION_JSON))
+                .andReturn();
+
+        String sessionId = JsonPath.read(mvcResult.getResponse().getContentAsString(), "$.data.sessionId");
+        String csrfToken = JsonPath.read(mvcResult.getResponse().getContentAsString(), "$.data.csrfToken");
+        return new AuthInfo(sessionId, csrfToken);
+    }
+
+    protected MockHttpServletRequestBuilder getPostRequestBuilder(String url, Object param, Object... uriVariables) {
+        return setRequestBuilderHeader(MockMvcRequestBuilders.post(getBasePath() + url, uriVariables), adminAuthInfo)
+                .content(JSON.toJSONString(param))
+                .contentType(MediaType.APPLICATION_JSON);
+    }
+
+    private MockHttpServletRequestBuilder setRequestBuilderHeader(MockHttpServletRequestBuilder requestBuilder, AuthInfo authInfo) {
+        return requestBuilder
+                .header(SessionConstants.HEADER_TOKEN, authInfo.getSessionId())
+                .header(SessionConstants.CSRF_TOKEN, authInfo.getCsrfToken())
+                .header("Organization-Id", DEFAULT_ORGANIZATION_ID) //TODO 暂时加上默认的组织ID
+                .header(HttpHeaders.ACCEPT_LANGUAGE, "zh-CN");
+    }
+
+    protected ResultActions requestPost(String url, Object param, Object... uriVariables) throws Exception {
+        return mockMvc.perform(getPostRequestBuilder(url, param, uriVariables))
+                .andExpect(content().contentType(MediaType.APPLICATION_JSON));
+    }
+
+    protected MvcResult requestPostWithOkAndReturn(String url, Object param, Object... uriVariables) throws Exception {
+        return this.requestPostWithOk(url, param, uriVariables).andReturn();
+    }
+
+    protected ResultActions requestPostWithOk(String url, Object param, Object... uriVariables) throws Exception {
+        return mockMvc.perform(getPostRequestBuilder(url, param, uriVariables))
+                .andExpect(content().contentType(MediaType.APPLICATION_JSON))
+                .andExpect(status().isOk());
+    }
+
+    protected MockHttpServletRequestBuilder getRequestBuilder(String url, Object... uriVariables) {
+        try {
+            MockHttpServletRequestBuilder requestBuilder = MockMvcRequestBuilders.get(getBasePath() + url, uriVariables);
+            return setRequestBuilderHeader(requestBuilder, adminAuthInfo);
+        } catch (Exception e) {
+            log.error(e.getMessage(), e);
+        }
+        return null;
+    }
+
+    protected ResultActions requestGetWithOk(String url, Object... uriVariables) throws Exception {
+        return mockMvc.perform(getRequestBuilder(url, uriVariables))
+                .andExpect(content().contentType(MediaType.APPLICATION_JSON))
+                .andExpect(status().isOk());
+    }
+
+    protected ResultActions requestGetStreamWithOk(String url, Object... uriVariables) throws Exception {
+        return mockMvc.perform(getRequestBuilder(url, uriVariables))
+                .andExpect(content().contentType(MediaType.APPLICATION_OCTET_STREAM))
+                .andExpect(status().isOk());
+    }
+
+    protected MvcResult requestGetWithOkAndReturn(String url, Object... uriVariables) throws Exception {
+        return this.requestGetWithOk(url, uriVariables).andReturn();
+    }
+
+    protected <T> List<T> getResultDataArray(MvcResult mvcResult, Class<T> clazz) throws Exception {
+        Object data = parseResponse(mvcResult).get("data");
+        return JSON.parseArray(JSON.toJSONString(data), clazz);
+    }
+
+    protected <T> T getResultData(MvcResult mvcResult, Class<T> clazz) throws Exception {
+        Object data = parseResponse(mvcResult).get("data");
+        return JSON.parseObject(JSON.toJSONString(data), clazz);
+    }
+
+    protected <T> Pager<List<T>> getPageResult(MvcResult mvcResult, Class<T> clazz) throws Exception {
+        Map<String, Object> pagerResult = (Map<String, Object>) parseResponse(mvcResult).get("data");
+        List<T> list = JSON.parseArray(JSON.toJSONString(pagerResult.get("list")), clazz);
+        Pager pager = new Pager();
+        pager.setPageSize(Long.valueOf(pagerResult.get("pageSize").toString()));
+        pager.setCurrent(Long.valueOf(pagerResult.get("current").toString()));
+        pager.setTotal(Long.valueOf(pagerResult.get("total").toString()));
+        pager.setList(list);
+        return pager;
+    }
+
+    protected ResultActions requestGet(String url, Object... uriVariables) throws Exception {
+        return mockMvc.perform(getRequestBuilder(url, uriVariables))
+                .andExpect(content().contentType(MediaType.APPLICATION_JSON));
+    }
+
+    protected void requestPostPermissionTest(String permissionId, String url, Object param, Object... uriVariables) throws Exception {
+        requestPermissionTest(permissionId, url, () -> getPermissionPostRequestBuilder(url, param, uriVariables));
+    }
+
+    protected void requestGetPermissionTest(String permissionId, String url, Object... uriVariables) throws Exception {
+        requestPermissionTest(permissionId, url, () -> getPermissionRequestBuilder(url, uriVariables));
+    }
+
+    protected void requestPostPermissionsTest(List<String> permissionIds, String url, Object param, Object... uriVariables) throws Exception {
+        requestPermissionsTest(permissionIds, url, () -> getPermissionPostRequestBuilder(url, param, uriVariables), mockMvc);
+    }
+
+    protected void requestGetPermissionsTest(List<String> permissionIds, String url, Object... uriVariables) throws Exception {
+        requestPermissionsTest(permissionIds, url, () -> getPermissionRequestBuilder(url, uriVariables), mockMvc);
+    }
+
+    private MockHttpServletRequestBuilder getPermissionRequestBuilder(String url, Object... uriVariables) {
+        MockHttpServletRequestBuilder requestBuilder = MockMvcRequestBuilders.get(getBasePath() + url, uriVariables);
+        return setRequestBuilderHeader(requestBuilder, permissionAuthInfo);
+    }
+
+    protected MockHttpServletRequestBuilder getPermissionPostRequestBuilder(String url, Object param, Object... uriVariables) {
+        return setRequestBuilderHeader(MockMvcRequestBuilders.post(getBasePath() + url, uriVariables), permissionAuthInfo)
+                .content(JSON.toJSONString(param))
+                .contentType(MediaType.APPLICATION_JSON);
+    }
+
+    /**
+     * 校验多个权限(同级别权限: 列如都是SYSTEM)
+     *
+     * @param permissionIds         多个权限
+     * @param url                   请求url
+     * @param requestBuilderGetFunc 请求构造器
+     *
+     * @throws Exception 请求抛出异常
+     */
+    public void requestPermissionsTest(List<String> permissionIds, String url, Supplier<MockHttpServletRequestBuilder> requestBuilderGetFunc, MockMvc mockMvc) throws Exception {
+        for (String permissionId : permissionIds) {
+            initUserRolePermission(permissionId);
+        }
+
+        // 刷新用户
+        refreshUserPermission();
+
+        int status = mockMvc.perform(requestBuilderGetFunc.get())
+                .andReturn()
+                .getResponse()
+                .getStatus();
+
+        // 校验是否有权限
+        if (status == HttpStatus.FORBIDDEN.value()) {
+            throw new GenericException(String.format("接口 %s 权限校验失败 %s", url, permissionIds));
+        }
+
+        // 删除权限
+        RolePermission example = new RolePermission();
+        example.setRoleId(PERMISSION_USER_NAME);
+        rolePermissionMapper.delete(example);
+
+        // 删除后刷新下权限
+        refreshUserPermission();
+
+        // 删除权限后，调用接口，校验是否没有权限
+        status = mockMvc.perform(requestBuilderGetFunc.get())
+                .andReturn()
+                .getResponse()
+                .getStatus();
+
+        if (status != HttpStatus.FORBIDDEN.value()) {
+            throw new GenericException(String.format("接口 %s 没有设置权限 %s", url, permissionIds));
+        }
+    }
+
+    /**
+     * 校验权限
+     * 实现步骤
+     * 1. 在 application.properties 配置权限的初始化 sql
+     * spring.sql.init.mode=always
+     * spring.sql.init.schema-locations=classpath*:dml/init_permission_test.sql
+     * 2. 在 init_permission_test.sql 中配置权限，
+     * 3. 向该用户组中添加权限测试是否生效，删除权限测试是否可以访问
+     *
+     * @param permissionId
+     * @param url
+     * @param requestBuilderGetFunc 请求构造器，一个 builder 只能使用一次，需要重新生成
+     *
+     * @throws Exception
+     */
+    public void requestPermissionTest(String permissionId, String url, Supplier<MockHttpServletRequestBuilder> requestBuilderGetFunc) throws Exception {
+        // 先给初始化的用户组添加权限
+        RolePermission userRolePermission = initUserRolePermission(permissionId);
+
+        // 添加后刷新下权限
+        refreshUserPermission();
+
+        int status = mockMvc.perform(requestBuilderGetFunc.get())
+                .andReturn()
+                .getResponse()
+                .getStatus();
+
+        // 校验是否有权限
+        if (status == HttpStatus.FORBIDDEN.value()) {
+            throw new GenericException(String.format("接口 %s 权限校验失败 %s", url, permissionId));
+        }
+
+        // 删除权限
+        rolePermissionMapper.deleteByPrimaryKey(userRolePermission.getId());
+
+        // 删除后刷新下权限
+        refreshUserPermission();
+
+        // 删除权限后，调用接口，校验是否没有权限
+        status = mockMvc.perform(requestBuilderGetFunc.get())
+                .andReturn()
+                .getResponse()
+                .getStatus();
+        if (status != HttpStatus.FORBIDDEN.value()) {
+            throw new GenericException(String.format("接口 %s 没有设置权限 %s", url, permissionId));
+        }
+    }
+
+    /**
+     * 校验错误响应码
+     */
+    protected void assertErrorCode(ResultActions resultActions, IResultCode resultCode) throws Exception {
+        resultActions
+                .andExpect(
+                        jsonPath("$.code")
+                                .value(resultCode.getCode())
+                );
+    }
+
+    /**
+     * 给用户组绑定对应权限
+     *
+     * @param permissionId
+     *
+     * @return
+     */
+    private RolePermission initUserRolePermission(String permissionId) {
+        RolePermission rolePermission = new RolePermission();
+        rolePermission.setRoleId(PERMISSION_USER_NAME);
+        rolePermission.setId(IDGenerator.nextStr());
+        rolePermission.setPermissionId(permissionId);
+        rolePermissionMapper.insert(rolePermission);
+        return rolePermission;
+    }
+
+    /**
+     * 调用 is-login 接口刷新权限
+     *
+     * @throws Exception
+     */
+    private void refreshUserPermission() {
+        permissionCache.clearCache(PERMISSION_USER_NAME, DEFAULT_ORGANIZATION_ID);
+    }
+
+    protected ResultActions requestMultipart(String url, MultiValueMap<String, Object> paramMap, Object... uriVariables) throws Exception {
+        MockHttpServletRequestBuilder requestBuilder = getMultipartRequestBuilder(url, paramMap, uriVariables);
+        return mockMvc.perform(requestBuilder)
+                .andExpect(content().contentType(MediaType.APPLICATION_JSON));
+    }
+
+
+    private MockHttpServletRequestBuilder getMultipartRequestBuilder(String url,
+                                                                     MultiValueMap<String, Object> paramMap,
+                                                                     Object[] uriVariables) {
+        MockMultipartHttpServletRequestBuilder requestBuilder = getMultipartRequestBuilderWithParam(url, paramMap, uriVariables);
+        return setRequestBuilderHeader(requestBuilder, adminAuthInfo)
+                .header(SessionConstants.HEADER_TOKEN, adminAuthInfo.getSessionId())
+                .header(SessionConstants.CSRF_TOKEN, adminAuthInfo.getCsrfToken());
+    }
+
+    /**
+     * 构建 multipart 带参数的请求
+     *
+     * @param url
+     * @param paramMap
+     * @param uriVariables
+     *
+     * @return
+     */
+    private MockMultipartHttpServletRequestBuilder getMultipartRequestBuilderWithParam(String url, MultiValueMap<String, Object> paramMap, Object[] uriVariables) {
+        MockMultipartHttpServletRequestBuilder requestBuilder =
+                MockMvcRequestBuilders.multipart(getBasePath() + url, uriVariables);
+        paramMap.forEach((key, value) -> {
+            List list = value;
+            for (Object o : list) {
+                try {
+                    if (o == null) {
+                        continue;
+                    }
+                    MockMultipartFile multipartFile;
+                    if (o instanceof List listObject) {
+                        if (CollectionUtils.isEmpty(listObject)) {
+                            continue;
+                        }
+                        if (listObject.getFirst() instanceof File || listObject.getFirst() instanceof MockMultipartFile) {
+                            // 参数是多个文件时,设置多个文件
+                            for (Object subObject : listObject) {
+                                multipartFile = getMockMultipartFile(key, subObject);
+                                requestBuilder.file(multipartFile);
+                            }
+                        } else {
+                            multipartFile = getMockMultipartFile(key, o);
+                            requestBuilder.file(multipartFile);
+                        }
+                    } else {
+                        multipartFile = getMockMultipartFile(key, o);
+                        requestBuilder.file(multipartFile);
+                    }
+                } catch (IOException e) {
+                    throw new RuntimeException(e);
+                }
+
+            }
+        });
+        return requestBuilder;
+    }
+
+    @Data
+    public static class AuthInfo {
+        private String sessionId;
+        private String csrfToken;
+
+        public AuthInfo(String sessionId, String csrfToken) {
+            this.sessionId = sessionId;
+            this.csrfToken = csrfToken;
+        }
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/clue/controller/ClueCapacityControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/clue/controller/ClueCapacityControllerTests.java
new file mode 100644
index 0000000..03b227f
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/clue/controller/ClueCapacityControllerTests.java
@@ -0,0 +1,65 @@
+package cn.cordys.crm.clue.controller;
+
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.clue.domain.ClueCapacity;
+import cn.cordys.crm.system.dto.request.CapacityAddRequest;
+import cn.cordys.crm.system.dto.request.CapacityUpdateRequest;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.List;
+
+import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class ClueCapacityControllerTests extends BaseTest {
+
+    private static String CAPACITY_ID;
+
+    @Test
+    @Order(1)
+    void add() throws Exception {
+        CapacityAddRequest request = new CapacityAddRequest();
+        request.setScopeIds(List.of("admin"));
+        request.setCapacity(10);
+        this.requestPostWithOk("/lead-capacity/add", request);
+        MvcResult mvcResult = this.requestPost("/lead-capacity/add", request).andExpect(status().is5xxServerError()).andReturn();
+        assert mvcResult.getResponse().getContentAsString().contains(Translator.get("capacity.scope.duplicate"));
+    }
+
+    @Test
+    @Order(2)
+    void page() throws Exception {
+        MvcResult mvcResult = this.requestGetWithOkAndReturn("/lead-capacity/get");
+        List<ClueCapacity> result = getResultDataArray(mvcResult, ClueCapacity.class);
+        assert result.size() == 1;
+        CAPACITY_ID = result.getFirst().getId();
+    }
+
+    @Test
+    @Order(3)
+    void update() throws Exception {
+        CapacityUpdateRequest request = new CapacityUpdateRequest();
+        request.setId("not-exist");
+        request.setScopeIds(List.of("admin"));
+        request.setCapacity(100);
+        MvcResult mvcResult = this.requestPost("/lead-capacity/update", request).andExpect(status().is5xxServerError()).andReturn();
+        assert mvcResult.getResponse().getContentAsString().contains(Translator.get("capacity.not.exist"));
+        request.setId(CAPACITY_ID);
+        this.requestPost("/lead-capacity/update", request);
+    }
+
+    @Test
+    @Order(4)
+    void delete() throws Exception {
+        this.requestGetWithOk("/lead-capacity/delete/" + CAPACITY_ID);
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/clue/controller/ClueControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/clue/controller/ClueControllerTests.java
new file mode 100644
index 0000000..a84df7b
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/clue/controller/ClueControllerTests.java
@@ -0,0 +1,370 @@
+package cn.cordys.crm.clue.controller;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.constants.InternalUserView;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.ExportHeadDTO;
+import cn.cordys.common.dto.ResourceTabEnableDTO;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.clue.constants.ClueStatus;
+import cn.cordys.crm.clue.domain.Clue;
+import cn.cordys.crm.clue.domain.ClueField;
+import cn.cordys.crm.clue.dto.request.*;
+import cn.cordys.crm.clue.dto.response.ClueGetResponse;
+import cn.cordys.crm.clue.dto.response.ClueListResponse;
+import cn.cordys.crm.system.domain.ModuleField;
+import cn.cordys.crm.system.domain.ModuleForm;
+import cn.cordys.crm.system.dto.request.BatchPoolReasonRequest;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections4.CollectionUtils;
+import org.junit.jupiter.api.*;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.context.jdbc.Sql;
+import org.springframework.test.context.jdbc.SqlConfig;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Map;
+import java.util.function.Function;
+import java.util.stream.Collectors;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+class ClueControllerTests extends BaseTest {
+    protected static final String MODULE_FORM = "module/form";
+    protected static final String STATUS_UPDATE = "status/update";
+    protected static final String BATCH_TRANSFER = "batch/transfer";
+    protected static final String TAB = "tab";
+    protected static final String BATCH_TO_POOL = "batch/to-pool";
+    protected static final String TRANSITION_CUSTOMER = "transition/account";
+    protected static final String EXPORT = "export";
+    protected static final String EXPORT_SELECT = "export-select";
+    private static final String BASE_PATH = "/lead/";
+    private static final List<String> batchIds = new ArrayList<>();
+    private static Clue addClue;
+    private static Clue anotherClue;
+    @Resource
+    private BaseMapper<Clue> clueMapper;
+
+    @Resource
+    private BaseMapper<ClueField> clueFieldMapper;
+
+    @Resource
+    private BaseMapper<ModuleForm> moduleFormMapper;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(0)
+    void testModuleField() throws Exception {
+        this.requestGetWithOkAndReturn(MODULE_FORM);
+
+        // 校验权限
+        requestGetPermissionsTest(List.of(PermissionConstants.CLUE_MANAGEMENT_READ, PermissionConstants.CLUE_MANAGEMENT_POOL_READ), MODULE_FORM);
+    }
+
+    @Test
+    @Order(0)
+    void testPageEmpty() throws Exception {
+        CluePageRequest request = new CluePageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+
+        this.requestPostWithOkAndReturn(DEFAULT_PAGE, request);
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CLUE_MANAGEMENT_READ, DEFAULT_PAGE, request);
+    }
+
+    @Test
+    @Order(1)
+    void testAdd() throws Exception {
+        ModuleForm moduleForm = getModuleForm();
+
+        ModuleField example = new ModuleField();
+        example.setFormId(moduleForm.getId());
+//        ModuleField moduleField = moduleFieldMapper.select(example)
+//                .stream()
+//                .filter(field -> Strings.CS.equals(field.getInternalKey(), "clueSource"))
+//                .findFirst().orElse(null);
+
+        // 请求成功
+        ClueAddRequest request = new ClueAddRequest();
+        request.setName("aa");
+        request.setOwner("bb");
+        request.setContact("test111");
+        request.setPhone("18750920048");
+        request.setProducts(List.of("cc"));
+//        request.setModuleFields(List.of(new BaseModuleFieldValue(moduleField.getId(), "1")));
+
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, request);
+        Clue resultData = getResultData(mvcResult, Clue.class);
+        Clue clue = clueMapper.selectByPrimaryKey(resultData.getId());
+        Assertions.assertEquals(request.getName(), clue.getName());
+        Assertions.assertEquals(request.getOwner(), clue.getOwner());
+
+        // 校验字段
+//        List<BaseModuleFieldValue> fieldValues = getClueFields(clue.getId())
+//                .stream().map(clueField -> {
+//                    BaseModuleFieldValue baseModuleFieldValue = BeanUtils.copyBean(new BaseModuleFieldValue(), clueField);
+//                    baseModuleFieldValue.setFieldValue(clueField.getFieldValue());
+//                    return baseModuleFieldValue;
+//                })
+//                .toList();
+//        Assertions.assertEquals(request.getModuleFields(), fieldValues);
+
+
+        // 创建另一个客户
+        request.setName("another");
+        request.setPhone("18750920049");
+        request.setOwner(InternalUser.ADMIN.getValue());
+        mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, request);
+        resultData = getResultData(mvcResult, Clue.class);
+        anotherClue = clueMapper.selectByPrimaryKey(resultData.getId());
+
+        // 校验请求成功数据
+        addClue = clue;
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CLUE_MANAGEMENT_ADD, DEFAULT_ADD, request);
+    }
+
+    private ModuleForm getModuleForm() {
+        ModuleForm example = new ModuleForm();
+        example.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        example.setFormKey(FormKey.CLUE.getKey());
+        return moduleFormMapper.selectOne(example);
+    }
+
+    @Test
+    @Order(2)
+    void testUpdate() throws Exception {
+        // 请求成功
+        ClueUpdateRequest request = new ClueUpdateRequest();
+        request.setId(addClue.getId());
+        request.setName("aa11");
+        request.setOwner(InternalUser.ADMIN.getValue());
+        request.setProducts(List.of("cc", "dd"));
+        this.requestPostWithOk(DEFAULT_UPDATE, request);
+        // 校验请求成功数据
+        Clue clueResult = clueMapper.selectByPrimaryKey(request.getId());
+        Assertions.assertEquals(request.getName(), clueResult.getName());
+        Assertions.assertEquals(request.getOwner(), clueResult.getOwner());
+
+        // 不修改信息
+        ClueUpdateRequest emptyRequest = new ClueUpdateRequest();
+        emptyRequest.setId(addClue.getId());
+        emptyRequest.setProducts(List.of("cc", "dd"));
+        this.requestPostWithOk(DEFAULT_UPDATE, emptyRequest);
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CLUE_MANAGEMENT_UPDATE, DEFAULT_UPDATE, request);
+    }
+
+    @Test
+    @Order(2)
+    void testUpdateStatus() throws Exception {
+        // 请求成功
+        ClueStatusUpdateRequest request = new ClueStatusUpdateRequest();
+        request.setId(addClue.getId());
+        request.setStage(ClueStatus.INTERESTED.name());
+        this.requestPostWithOk(STATUS_UPDATE, request);
+        // 校验请求成功数据
+        Clue clueResult = clueMapper.selectByPrimaryKey(request.getId());
+        Assertions.assertEquals(request.getStage(), clueResult.getStage());
+        Assertions.assertEquals(addClue.getStage(), clueResult.getLastStage());
+        addClue.setStage(request.getStage());
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CLUE_MANAGEMENT_UPDATE, STATUS_UPDATE, request);
+    }
+
+    @Test
+    @Order(3)
+    void testGet() throws Exception {
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(DEFAULT_GET, addClue.getId());
+        ClueGetResponse getResponse = getResultData(mvcResult, ClueGetResponse.class);
+
+        // 校验请求成功数据
+        Assertions.assertNotNull(getResponse.getOwnerName());
+        if (!getResponse.getOwner().equals(InternalUser.ADMIN.getValue())) {
+            Assertions.assertNotNull(getResponse.getDepartmentId());
+            Assertions.assertNotNull(getResponse.getDepartmentName());
+        }
+        Assertions.assertNotNull(getResponse.getOptionMap().get("owner"));
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.CLUE_MANAGEMENT_READ, DEFAULT_GET, addClue.getId());
+    }
+
+
+    @Test
+    @Order(3)
+    void testPage() throws Exception {
+        CluePageRequest request = new CluePageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+
+        request.setViewId(InternalUserView.ALL.name());
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_PAGE, request);
+        Pager<List<ClueListResponse>> pageResult = getPageResult(mvcResult, ClueListResponse.class);
+        List<ClueListResponse> clueList = pageResult.getList();
+
+        Clue example = new Clue();
+        example.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        example.setInSharedPool(false);
+        Map<String, Clue> clueMap = clueMapper.select(example)
+                .stream()
+                .collect(Collectors.toMap(Clue::getId, Function.identity()));
+
+        clueList.forEach(clueListResponse -> {
+            Clue clue = clueMap.get(clueListResponse.getId());
+            Clue responseClue = BeanUtils.copyBean(new Clue(), clueListResponse);
+            responseClue.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+            responseClue.setInSharedPool(false);
+            Assertions.assertEquals(clue, responseClue);
+            Assertions.assertNotNull(clueListResponse.getOwnerName());
+            if (!responseClue.getOwner().equals(InternalUser.ADMIN.getValue())) {
+                Assertions.assertNotNull(clueListResponse.getDepartmentId());
+                Assertions.assertNotNull(clueListResponse.getDepartmentName());
+            }
+        });
+
+        request.setViewId(InternalUserView.SELF.name());
+        this.requestPostWithOk(DEFAULT_PAGE, request);
+
+        request.setViewId(InternalUserView.DEPARTMENT.name());
+        this.requestPostWithOk(DEFAULT_PAGE, request);
+
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CLUE_MANAGEMENT_READ, DEFAULT_PAGE, request);
+    }
+
+    @Test
+    @Order(4)
+    void testTransfer() throws Exception {
+        ClueBatchTransferRequest request = new ClueBatchTransferRequest();
+        request.setIds(List.of(addClue.getId()));
+        request.setOwner(PERMISSION_USER_NAME);
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(BATCH_TRANSFER, request);
+
+        getResultData(mvcResult, ClueGetResponse.class);
+
+        // 校验请求成功数据
+        Clue clue = clueMapper.selectByPrimaryKey(addClue.getId());
+        Assertions.assertEquals(PERMISSION_USER_NAME, clue.getOwner());
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CLUE_MANAGEMENT_TRANSFER, BATCH_TRANSFER, request);
+    }
+
+    @Test
+    @Order(4)
+    void testTab() throws Exception {
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(TAB);
+        ResourceTabEnableDTO resultData = getResultData(mvcResult, ResourceTabEnableDTO.class);
+        // 校验请求成功数据
+        Assertions.assertTrue(resultData.getAll());
+        Assertions.assertTrue(resultData.getDept());
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.CLUE_MANAGEMENT_READ, TAB);
+    }
+
+    @Test
+    @Order(5)
+    void transitionCustomer() throws Exception {
+        ClueTransitionCustomerRequest request = new ClueTransitionCustomerRequest();
+        request.setClueId(addClue.getId());
+        request.setName("cc");
+        request.setOwner("admin");
+        this.requestPostWithOk(TRANSITION_CUSTOMER, request);
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_ADD, TRANSITION_CUSTOMER, request);
+    }
+
+    @Test
+    @Order(10)
+    void testDelete() throws Exception {
+        this.requestGetWithOk(DEFAULT_DELETE, addClue.getId());
+        Assertions.assertNull(clueMapper.selectByPrimaryKey(addClue.getId()));
+
+        List<ClueField> fields = getClueFields(addClue.getId());
+        Assumptions.assumeTrue(CollectionUtils.isEmpty(fields));
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.CLUE_MANAGEMENT_DELETE, DEFAULT_DELETE, addClue.getId());
+    }
+
+    @Test
+    @Order(11)
+    void testBatchDelete() throws Exception {
+        this.requestPostWithOk(DEFAULT_BATCH_DELETE, List.of(anotherClue.getId()));
+        Assertions.assertNull(clueMapper.selectByPrimaryKey(anotherClue.getId()));
+
+        List<ClueField> fields = getClueFields(anotherClue.getId());
+        Assumptions.assumeTrue(CollectionUtils.isEmpty(fields));
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CLUE_MANAGEMENT_DELETE, DEFAULT_BATCH_DELETE, List.of(anotherClue.getId()));
+    }
+
+    @Test
+    @Order(12)
+    @Sql(scripts = {"/dml/init_clue_test.sql"},
+            config = @SqlConfig(encoding = "utf-8", transactionMode = SqlConfig.TransactionMode.ISOLATED),
+            executionPhase = Sql.ExecutionPhase.BEFORE_TEST_METHOD)
+    @Sql(scripts = {"/dml/cleanup_clue_test.sql"},
+            config = @SqlConfig(encoding = "utf-8", transactionMode = SqlConfig.TransactionMode.ISOLATED),
+            executionPhase = Sql.ExecutionPhase.AFTER_TEST_METHOD)
+    void testPageReservedDay() throws Exception {
+        ClueAddRequest addRequest = new ClueAddRequest();
+        addRequest.setName("aa");
+        addRequest.setOwner("admin");
+        addRequest.setContact("test");
+        addRequest.setPhone("11111111111");
+        addRequest.setProducts(List.of("cc"));
+        this.requestPostWithOk(DEFAULT_ADD, addRequest);
+        CluePageRequest request = new CluePageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+        request.setViewId(InternalUserView.ALL.name());
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_PAGE, request);
+        Pager<List<ClueListResponse>> pageResult = getPageResult(mvcResult, ClueListResponse.class);
+        List<ClueListResponse> clueList = pageResult.getList();
+        clueList.forEach(clue -> {
+            batchIds.add(clue.getId());
+        });
+        BatchPoolReasonRequest reasonRequest = new BatchPoolReasonRequest();
+        reasonRequest.setIds(batchIds);
+        this.requestPostWithOk(BATCH_TO_POOL, reasonRequest);
+    }
+
+    @Test
+    @Order(13)
+    void testBatchToPool() throws Exception {
+        BatchPoolReasonRequest reasonRequest = new BatchPoolReasonRequest();
+        reasonRequest.setIds(batchIds);
+        this.requestPostWithOk(BATCH_TO_POOL, reasonRequest);
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CLUE_MANAGEMENT_RECYCLE, BATCH_TO_POOL, reasonRequest);
+    }
+
+    private List<ClueField> getClueFields(String clueId) {
+        ClueField example = new ClueField();
+        example.setResourceId(clueId);
+        return clueFieldMapper.select(example);
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/test/java/cn/cordys/crm/clue/controller/ClueFollowPlanControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/clue/controller/ClueFollowPlanControllerTests.java
new file mode 100644
index 0000000..d32f983
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/clue/controller/ClueFollowPlanControllerTests.java
@@ -0,0 +1,120 @@
+package cn.cordys.crm.clue.controller;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.follow.constants.FollowUpPlanStatusType;
+import cn.cordys.crm.follow.domain.FollowUpPlan;
+import cn.cordys.crm.follow.domain.FollowUpRecord;
+import cn.cordys.crm.follow.dto.request.FollowUpPlanAddRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpPlanStatusRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpPlanUpdateRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpRecordPageRequest;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.List;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class ClueFollowPlanControllerTests extends BaseTest {
+
+    private static final String BASE_PATH = "/lead/follow/plan/";
+
+    private static final String CANCEL_PLAN = "cancel/{0}";
+
+    private static final String STATUS_UPDATE = "status/update";
+    private static FollowUpPlan addFollowUpPlan;
+    @Resource
+    private BaseMapper<FollowUpPlan> followUpPlanMapper;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(1)
+    void testAdd() throws Exception {
+        FollowUpPlanAddRequest request = new FollowUpPlanAddRequest();
+        request.setCustomerId("123");
+        request.setOpportunityId("12345");
+        request.setOwner("admin");
+        request.setContactId("123456");
+        request.setType("CUSTOMER");
+        request.setMethod("1");
+        request.setContent("计划一下");
+        request.setEstimatedTime(System.currentTimeMillis());
+        request.setModuleFields(List.of(new BaseModuleFieldValue("id", "value")));
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, request);
+        FollowUpRecord resultData = getResultData(mvcResult, FollowUpRecord.class);
+        addFollowUpPlan = followUpPlanMapper.selectByPrimaryKey(resultData.getId());
+    }
+
+
+    @Test
+    @Order(2)
+    void testUpdate() throws Exception {
+        FollowUpPlanUpdateRequest request = new FollowUpPlanUpdateRequest();
+        request.setId("1234");
+        request.setCustomerId("123");
+        request.setOpportunityId("12345");
+        request.setOwner("admin");
+        request.setContactId("1234567");
+        request.setMethod("2");
+        request.setType("CUSTOMER");
+        request.setContent("计划两下");
+        request.setEstimatedTime(System.currentTimeMillis());
+        request.setConverted(false);
+        request.setModuleFields(List.of(new BaseModuleFieldValue("id", "value")));
+        this.requestPost(DEFAULT_UPDATE, request);
+
+        request.setId(addFollowUpPlan.getId());
+        this.requestPostWithOk(DEFAULT_UPDATE, request);
+    }
+
+
+    @Test
+    @Order(3)
+    void testList() throws Exception {
+        FollowUpRecordPageRequest request = new FollowUpRecordPageRequest();
+        request.setSourceId("123");
+        request.setCurrent(1);
+        request.setPageSize(10);
+        this.requestPost(DEFAULT_PAGE, request);
+    }
+
+    @Test
+    @Order(4)
+    void testGet() throws Exception {
+        this.requestGet(DEFAULT_GET, addFollowUpPlan.getId());
+    }
+
+    @Test
+    @Order(4)
+    void testStatusUpdate() throws Exception {
+        FollowUpPlanStatusRequest request = new FollowUpPlanStatusRequest();
+        request.setId(addFollowUpPlan.getId());
+        request.setStatus(FollowUpPlanStatusType.COMPLETED.name());
+        this.requestPost(STATUS_UPDATE, request);
+    }
+
+    @Test
+    @Order(5)
+    void testCancelPlan() throws Exception {
+        this.requestGetWithOk(CANCEL_PLAN, addFollowUpPlan.getId());
+    }
+
+    @Test
+    @Order(6)
+    void tesDeletePlan() throws Exception {
+        this.requestGetWithOk(DEFAULT_DELETE, addFollowUpPlan.getId());
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/clue/controller/ClueFollowRecordControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/clue/controller/ClueFollowRecordControllerTests.java
new file mode 100644
index 0000000..054e72d
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/clue/controller/ClueFollowRecordControllerTests.java
@@ -0,0 +1,111 @@
+package cn.cordys.crm.clue.controller;
+
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.follow.domain.FollowUpRecord;
+import cn.cordys.crm.follow.dto.request.FollowUpRecordAddRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpRecordPageRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpRecordUpdateRequest;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.List;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class ClueFollowRecordControllerTests extends BaseTest {
+
+    private static final String BASE_PATH = "/lead/follow/record/";
+
+    private static final String POOL_PAGE = "pool/page";
+    private static FollowUpRecord addFollowUpRecord;
+    @Resource
+    private BaseMapper<FollowUpRecord> followUpRecordMapper;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(1)
+    void testAdd() throws Exception {
+        FollowUpRecordAddRequest request = new FollowUpRecordAddRequest();
+        request.setCustomerId("123");
+        request.setOpportunityId("12345");
+        request.setClueId("123456");
+        request.setOwner("admin");
+        request.setContactId("123456");
+        request.setFollowMethod("1");
+        request.setType("CUSTOMER");
+        request.setContent("跟进一下");
+        request.setFollowTime(System.currentTimeMillis());
+        request.setModuleFields(List.of(new BaseModuleFieldValue("id", "value")));
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, request);
+        FollowUpRecord resultData = getResultData(mvcResult, FollowUpRecord.class);
+        addFollowUpRecord = followUpRecordMapper.selectByPrimaryKey(resultData.getId());
+    }
+
+
+    @Test
+    @Order(2)
+    void testUpdate() throws Exception {
+        FollowUpRecordUpdateRequest request = new FollowUpRecordUpdateRequest();
+        request.setId("1234");
+        request.setCustomerId("123");
+        request.setOpportunityId("12345");
+        request.setClueId("123456");
+        request.setOwner("admin");
+        request.setFollowMethod("2");
+        request.setContactId("1234567");
+        request.setType("CUSTOMER");
+        request.setContent("跟进两下");
+        request.setModuleFields(List.of(new BaseModuleFieldValue("id", "value")));
+        this.requestPost(DEFAULT_UPDATE, request);
+
+        request.setId(addFollowUpRecord.getId());
+        this.requestPostWithOk(DEFAULT_UPDATE, request);
+    }
+
+    @Test
+    @Order(3)
+    void testList() throws Exception {
+        FollowUpRecordPageRequest request = new FollowUpRecordPageRequest();
+        request.setSourceId("123456");
+        request.setCurrent(1);
+        request.setPageSize(10);
+        this.requestPost(DEFAULT_PAGE, request);
+    }
+
+    @Test
+    @Order(4)
+    void testGet() throws Exception {
+        this.requestGet(DEFAULT_GET, addFollowUpRecord.getId());
+    }
+
+
+    @Test
+    @Order(3)
+    void testPoolList() throws Exception {
+        FollowUpRecordPageRequest request = new FollowUpRecordPageRequest();
+        request.setSourceId("123456");
+        request.setCurrent(1);
+        request.setPageSize(10);
+        this.requestPost(POOL_PAGE, request);
+    }
+
+    @Test
+    @Order(5)
+    void testDeleteRecord() throws Exception {
+        this.requestGetWithOk(DEFAULT_DELETE, addFollowUpRecord.getId());
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/clue/controller/ClueOwnerHistoryControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/clue/controller/ClueOwnerHistoryControllerTests.java
new file mode 100644
index 0000000..8b33774
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/clue/controller/ClueOwnerHistoryControllerTests.java
@@ -0,0 +1,114 @@
+package cn.cordys.crm.clue.controller;
+
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.clue.domain.Clue;
+import cn.cordys.crm.clue.domain.ClueOwner;
+import cn.cordys.crm.clue.dto.request.ClueAddRequest;
+import cn.cordys.crm.clue.dto.request.ClueBatchTransferRequest;
+import cn.cordys.crm.clue.dto.response.ClueOwnerListResponse;
+import cn.cordys.crm.clue.service.ClueOwnerHistoryService;
+import cn.cordys.crm.clue.service.ClueService;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections4.CollectionUtils;
+import org.junit.jupiter.api.*;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.List;
+import java.util.UUID;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+class ClueOwnerHistoryControllerTests extends BaseTest {
+    protected static final String LIST = "list/{0}";
+    private static final String BASE_PATH = "/lead/owner/history/";
+    private static Clue addClue;
+
+    @Resource
+    private ClueOwnerHistoryService clueOwnerHistoryService;
+
+    @Resource
+    private ClueService clueService;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(0)
+    void testListEmpty() throws Exception {
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(LIST, "111");
+        List<ClueOwnerListResponse> list = getResultDataArray(mvcResult, ClueOwnerListResponse.class);
+        Assertions.assertTrue(CollectionUtils.isEmpty(list));
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.CLUE_MANAGEMENT_READ, LIST, "111");
+    }
+
+    @Test
+    @Order(1)
+    void testAdd() {
+        ClueAddRequest clueAddRequest = new ClueAddRequest();
+        clueAddRequest.setName(UUID.randomUUID().toString());
+        clueAddRequest.setOwner(InternalUser.ADMIN.getValue());
+        clueAddRequest.setProducts(List.of("cc"));
+        addClue = clueService.add(clueAddRequest, InternalUser.ADMIN.getValue(), DEFAULT_ORGANIZATION_ID);
+
+        ClueOwner clueOwner = clueOwnerHistoryService.add(addClue, InternalUser.ADMIN.getValue(), false);
+        // 校验成功数据
+        Assertions.assertEquals(clueOwner.getClueId(), addClue.getId());
+        Assertions.assertEquals(clueOwner.getOperator(), InternalUser.ADMIN.getValue());
+        Assertions.assertEquals(clueOwner.getCollectionTime(), addClue.getCollectionTime());
+        Assertions.assertEquals(clueOwner.getOwner(), addClue.getOwner());
+    }
+
+    @Test
+    @Order(2)
+    void testBatchAdd() {
+        ClueBatchTransferRequest transferRequest = new ClueBatchTransferRequest();
+        transferRequest.setIds(List.of(addClue.getId()));
+        transferRequest.setOwner(PERMISSION_USER_NAME);
+        clueOwnerHistoryService.batchAdd(transferRequest, InternalUser.ADMIN.getValue());
+
+        List<ClueOwnerListResponse> list = clueOwnerHistoryService.list(addClue.getId(), DEFAULT_ORGANIZATION_ID);
+        for (ClueOwnerListResponse clueOwner : list) {
+            // 校验成功数据
+            Assertions.assertEquals(clueOwner.getClueId(), addClue.getId());
+            Assertions.assertEquals(clueOwner.getOperator(), InternalUser.ADMIN.getValue());
+            Assertions.assertEquals(clueOwner.getCollectionTime(), addClue.getCollectionTime());
+            Assertions.assertEquals(clueOwner.getOwner(), addClue.getOwner());
+        }
+    }
+
+    @Test
+    @Order(3)
+    void testList() throws Exception {
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(LIST, addClue.getId());
+        List<ClueOwnerListResponse> list = getResultDataArray(mvcResult, ClueOwnerListResponse.class);
+        list.forEach(clueOwner -> {
+            // 校验成功数据
+            Assertions.assertEquals(clueOwner.getClueId(), addClue.getId());
+            Assertions.assertEquals(clueOwner.getOperator(), InternalUser.ADMIN.getValue());
+            Assertions.assertEquals(clueOwner.getCollectionTime(), addClue.getCollectionTime());
+            Assertions.assertEquals(clueOwner.getOwner(), addClue.getOwner());
+            Assertions.assertNotNull(clueOwner.getOwnerName());
+            Assertions.assertNotNull(clueOwner.getOwnerName());
+        });
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.CLUE_MANAGEMENT_READ, LIST, "111");
+    }
+
+    @Test
+    @Order(10)
+    void batchDelete() {
+        clueOwnerHistoryService.deleteByClueIds(List.of(addClue.getId()));
+        List<ClueOwnerListResponse> list = clueOwnerHistoryService.list(addClue.getId(), DEFAULT_ORGANIZATION_ID);
+        Assertions.assertTrue(list.isEmpty());
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/test/java/cn/cordys/crm/clue/controller/CluePoolControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/clue/controller/CluePoolControllerTests.java
new file mode 100644
index 0000000..638969a
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/clue/controller/CluePoolControllerTests.java
@@ -0,0 +1,129 @@
+package cn.cordys.crm.clue.controller;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.common.dto.SortRequest;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.clue.domain.CluePool;
+import cn.cordys.crm.clue.dto.CluePoolDTO;
+import cn.cordys.crm.clue.dto.CluePoolPickRuleDTO;
+import cn.cordys.crm.clue.dto.CluePoolRecycleRuleDTO;
+import cn.cordys.crm.clue.dto.request.CluePoolAddRequest;
+import cn.cordys.crm.clue.dto.request.CluePoolUpdateRequest;
+import cn.cordys.crm.system.dto.RuleConditionDTO;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.List;
+import java.util.Set;
+
+import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class CluePoolControllerTests extends BaseTest {
+
+    private static CluePoolDTO testCluePool;
+
+    @Test
+    @Order(1)
+    void emptyPage() throws Exception {
+        MvcResult mvcResult = this.requestPostWithOkAndReturn("/lead-pool/page", createPageRequest());
+        Pager<List<CluePoolDTO>> result = getPageResult(mvcResult, CluePoolDTO.class);
+        assert result.getList().isEmpty();
+    }
+
+    @Test
+    @Order(2)
+    void add() throws Exception {
+        CluePool cluePool = createCluePool();
+        CluePoolAddRequest request = new CluePoolAddRequest();
+        BeanUtils.copyBean(request, cluePool);
+        request.setOwnerIds(List.of("cc"));
+        request.setScopeIds(List.of("cc"));
+        CluePoolPickRuleDTO pickRule = CluePoolPickRuleDTO.builder()
+                .pickNumber(1).limitOnNumber(true).pickIntervalDays(1).limitPreOwner(true).limitNew(false).build();
+        request.setPickRule(pickRule);
+        RuleConditionDTO condition = new RuleConditionDTO();
+        condition.setColumn("name");
+        condition.setOperator("=");
+        condition.setValue("cc");
+        CluePoolRecycleRuleDTO recycleRule = CluePoolRecycleRuleDTO.builder().conditions(List.of(condition)).build();
+        request.setRecycleRule(recycleRule);
+        request.setHiddenFieldIds(Set.of(BusinessModuleField.CLUE_NAME.getKey()));
+        this.requestPostWithOk("/lead-pool/add", request);
+    }
+
+    @Test
+    @Order(3)
+    void page() throws Exception {
+        BasePageRequest request = createPageRequest();
+        request.setSort(new SortRequest("name", "desc"));
+        MvcResult mvcResult = this.requestPostWithOkAndReturn("/lead-pool/page", request);
+        Pager<List<CluePoolDTO>> result = getPageResult(mvcResult, CluePoolDTO.class);
+        assert result.getList().size() == 1;
+        testCluePool = result.getList().getFirst();
+    }
+
+    @Test
+    @Order(4)
+    void update() throws Exception {
+        CluePool cluePool = createCluePool();
+        cluePool.setId(testCluePool.getId());
+        CluePoolUpdateRequest request = new CluePoolUpdateRequest();
+        BeanUtils.copyBean(request, cluePool);
+        request.setOwnerIds(List.of("cc"));
+        request.setScopeIds(List.of("cc"));
+        CluePoolPickRuleDTO pickRule = CluePoolPickRuleDTO.builder()
+                .pickNumber(1).limitOnNumber(true).pickIntervalDays(1).limitPreOwner(true).build();
+        pickRule.setLimitNew(false);
+        request.setPickRule(pickRule);
+        CluePoolRecycleRuleDTO recycleRule = CluePoolRecycleRuleDTO.builder().build();
+        request.setRecycleRule(recycleRule);
+        request.setHiddenFieldIds(Set.of(BusinessModuleField.CUSTOMER_OWNER.getKey()));
+        this.requestPostWithOk("/lead-pool/update", request);
+    }
+
+    @Test
+    @Order(5)
+    void switchStatus() throws Exception {
+        MvcResult mvcResult = this.requestGet("/lead-pool/switch/default-pool").andExpect(status().is5xxServerError()).andReturn();
+        assert mvcResult.getResponse().getContentAsString().contains(Translator.get("clue_pool_not_exist"));
+        this.requestGetWithOk("/lead-pool/switch/" + testCluePool.getId());
+    }
+
+    @Test
+    @Order(6)
+    void delete() throws Exception {
+        MvcResult mvcResult = this.requestGet("/lead-pool/delete/default-pool").andExpect(status().is5xxServerError()).andReturn();
+        assert mvcResult.getResponse().getContentAsString().contains(Translator.get("clue_pool_not_exist"));
+        this.requestGetWithOk("/lead-pool/delete/" + testCluePool.getId());
+    }
+
+    private BasePageRequest createPageRequest() {
+        BasePageRequest request = new BasePageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+        return request;
+    }
+
+    private CluePool createCluePool() {
+        CluePool cluePool = new CluePool();
+        cluePool.setName("default-clue-pool");
+        cluePool.setScopeId(JSON.toJSONString(List.of("default-dp")));
+        cluePool.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        cluePool.setEnable(true);
+        cluePool.setAuto(true);
+        return cluePool;
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/clue/controller/ClueUserViewControllerTest.java b/backend/crm/src/test/java/cn/cordys/crm/clue/controller/ClueUserViewControllerTest.java
new file mode 100644
index 0000000..076baf9
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/clue/controller/ClueUserViewControllerTest.java
@@ -0,0 +1,134 @@
+package cn.cordys.crm.clue.controller;
+
+import cn.cordys.common.dto.condition.FilterCondition;
+import cn.cordys.common.dto.request.PosRequest;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.system.domain.UserView;
+import cn.cordys.crm.system.dto.request.UserViewAddRequest;
+import cn.cordys.crm.system.dto.request.UserViewUpdateRequest;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.ArrayList;
+import java.util.List;
+
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class ClueUserViewControllerTest extends BaseTest {
+
+    protected static final String DETAIL = "detail/{0}";
+    protected static final String LIST = "list";
+    protected static final String FIXED = "fixed/{0}";
+    protected static final String POS = "edit/pos";
+    protected static final String ENABLE = "enable/{0}";
+    private static final String BASE_PATH = "/lead/view/";
+    private static String viewId;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(1)
+    void testAdd() throws Exception {
+
+        UserViewAddRequest request = new UserViewAddRequest();
+        request.setName("测试视图11");
+        request.setSearchMode("AND");
+        request.setConditions(buildConditions());
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, request);
+        UserView resultData = getResultData(mvcResult, UserView.class);
+        viewId = resultData.getId();
+
+    }
+
+    private List<FilterCondition> buildConditions() {
+        List<FilterCondition> conditions = new ArrayList<>();
+
+        FilterCondition condition1 = new FilterCondition();
+        condition1.setName("123123312312");
+        condition1.setValue(null);
+        condition1.setOperator("EMPTY");
+        condition1.setMultipleValue(false);
+        condition1.setType("LOCATION");
+
+        FilterCondition condition2 = new FilterCondition();
+        condition2.setName("1231233333");
+        condition2.setValue("[\n" +
+                "                \"2\"\n" +
+                "            ]");
+        condition2.setOperator("IN");
+        condition2.setMultipleValue(false);
+        condition2.setType("1231");
+
+        conditions.add(condition1);
+        conditions.add(condition2);
+        return conditions;
+    }
+
+
+    @Test
+    @Order(2)
+    void testUpdate() throws Exception {
+        UserViewUpdateRequest request = new UserViewUpdateRequest();
+        request.setId(viewId);
+        request.setName("更新試圖22");
+        request.setConditions(buildConditions());
+        this.requestPost(DEFAULT_UPDATE, request);
+
+        request.setId("123123123");
+        this.requestPost(DEFAULT_UPDATE, request);
+    }
+
+    @Test
+    @Order(3)
+    void testGetDetail() throws Exception {
+        this.requestGet(DETAIL, viewId);
+    }
+
+    @Test
+    @Order(4)
+    void testList() throws Exception {
+        this.requestGet(LIST);
+    }
+
+    @Test
+    @Order(5)
+    void testFixed() throws Exception {
+        this.requestGet(FIXED, viewId);
+    }
+
+    @Test
+    @Order(5)
+    void testSortPos() throws Exception {
+        String moveId = viewId;
+        testAdd();
+        String targetId = viewId;
+        PosRequest request = new PosRequest();
+        request.setOrgId(DEFAULT_ORGANIZATION_ID);
+        request.setMoveId(moveId);
+        request.setTargetId(targetId);
+        request.setMoveMode("after");
+        this.requestGet(POS, request);
+    }
+
+    @Test
+    @Order(6)
+    void testEnable() throws Exception {
+        this.requestGet(ENABLE, viewId);
+    }
+
+    @Test
+    @Order(10)
+    void testDelete() throws Exception {
+        this.requestGetWithOk(DEFAULT_DELETE, viewId);
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/clue/controller/PoolClueControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/clue/controller/PoolClueControllerTests.java
new file mode 100644
index 0000000..7fe9ad0
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/clue/controller/PoolClueControllerTests.java
@@ -0,0 +1,238 @@
+package cn.cordys.crm.clue.controller;
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.clue.domain.Clue;
+import cn.cordys.crm.clue.domain.ClueCapacity;
+import cn.cordys.crm.clue.domain.ClueOwner;
+import cn.cordys.crm.clue.domain.CluePoolPickRule;
+import cn.cordys.crm.clue.dto.request.CluePageRequest;
+import cn.cordys.crm.clue.dto.request.PoolClueAssignRequest;
+import cn.cordys.crm.clue.dto.request.PoolCluePickRequest;
+import cn.cordys.crm.clue.dto.response.ClueListResponse;
+import cn.cordys.crm.system.domain.ExportTask;
+import cn.cordys.crm.system.dto.request.PoolBatchAssignRequest;
+import cn.cordys.crm.system.dto.request.PoolBatchPickRequest;
+import cn.cordys.crm.system.service.ExportTaskCenterService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.List;
+
+import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class PoolClueControllerTests extends BaseTest {
+
+    public static final String BASE_PATH = "/pool/lead";
+    public static final String GET_OPTIONS = "/options";
+    public static final String PAGE = "/page";
+    public static final String PICK = "/pick";
+    public static final String ASSIGN = "/assign";
+    public static final String DELETE = "/delete/";
+    public static final String GET_DETAIL = "/get/";
+    public static final String BATCH_PICK = "/batch-pick";
+    public static final String BATCH_ASSIGN = "/batch-assign";
+    public static final String BATCH_DELETE = "/batch-delete";
+
+    public static String testDataId;
+
+    @Resource
+    private BaseMapper<Clue> clueMapper;
+    @Resource
+    private BaseMapper<ClueOwner> clueOwnerMapper;
+    @Resource
+    private BaseMapper<ClueCapacity> clueCapacityMapper;
+    @Resource
+    private BaseMapper<CluePoolPickRule> cluePoolPickRuleMapper;
+    @Resource
+    private BaseMapper<ExportTask> exportTaskBaseMapper;
+    @Resource
+    private ExportTaskCenterService exportTaskCenterService;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(1)
+    void prepareTestData() {
+        Clue clue = createClue();
+		testDataId = clue.getId();
+        Clue ownClue = createClue();
+        ClueCapacity capacity = createCapacity();
+        ownClue.setInSharedPool(false);
+        ownClue.setOwner("admin");
+        clueMapper.batchInsert(List.of(ownClue, clue));
+        clueCapacityMapper.insert(capacity);
+    }
+
+    @Test
+    @Order(2)
+    void getOptions() throws Exception {
+        this.requestGetWithOk(GET_OPTIONS);
+        requestGetPermissionTest(PermissionConstants.CLUE_MANAGEMENT_POOL_READ, GET_OPTIONS);
+    }
+
+    @Test
+    @Order(3)
+    void page() throws Exception {
+        CluePageRequest request = new CluePageRequest();
+        request.setPoolId("test-pool-id");
+        request.setCurrent(1);
+        request.setPageSize(10);
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(PAGE, request);
+        Pager<List<ClueListResponse>> pageResult = getPageResult(mvcResult, ClueListResponse.class);
+        assert pageResult.getTotal() == 1;
+        requestPostPermissionTest(PermissionConstants.CLUE_MANAGEMENT_POOL_READ, PAGE, request);
+    }
+
+    @Test
+    @Order(4)
+    void pickFailWithOverCapacity() throws Exception {
+        PoolCluePickRequest request = new PoolCluePickRequest();
+        request.setClueId(testDataId);
+        request.setPoolId("test-pool-id");
+        MvcResult mvcResult = this.requestPost(PICK, request).andExpect(status().is5xxServerError()).andReturn();
+        assert mvcResult.getResponse().getContentAsString().contains(Translator.getWithArgs("customer.capacity.over", 0));
+        clueCapacityMapper.deleteByLambda(new LambdaQueryWrapper<>());
+        CluePoolPickRule pickRule = createPickRule();
+        pickRule.setLimitOnNumber(false);
+        pickRule.setPoolId("test-pool-id");
+        cluePoolPickRuleMapper.insert(pickRule);
+        this.requestPost(PICK, request);
+        cluePoolPickRuleMapper.deleteByLambda(new LambdaQueryWrapper<>());
+        requestPostPermissionTest(PermissionConstants.CLUE_MANAGEMENT_POOL_PICK, PICK, request);
+    }
+
+    @Test
+    @Order(5)
+    void assignSuccess() throws Exception {
+        PoolClueAssignRequest request = new PoolClueAssignRequest();
+        request.setClueId(testDataId);
+        request.setAssignUserId("aa");
+        this.requestPostWithOk(ASSIGN, request);
+        requestPostPermissionTest(PermissionConstants.CLUE_MANAGEMENT_POOL_ASSIGN, ASSIGN, request);
+    }
+
+    @Test
+    @Order(6)
+    void getDetail() throws Exception {
+        this.requestGetWithOk(GET_DETAIL + testDataId);
+        requestGetPermissionTest(PermissionConstants.CLUE_MANAGEMENT_POOL_READ, GET_DETAIL + testDataId);
+    }
+
+    @Test
+    @Order(7)
+    void deleteSuccess() throws Exception {
+        this.requestGetWithOk(DELETE + testDataId);
+        requestGetPermissionTest(PermissionConstants.CLUE_MANAGEMENT_POOL_DELETE, DELETE + testDataId);
+    }
+
+    @Test
+    @Order(8)
+    void batchPickFailWithOverDailyOrPreOwnerLimit() throws Exception {
+        Clue clue = createClue();
+        clue.setOwner("admin");
+        clue.setInSharedPool(false);
+        clueMapper.insert(clue);
+        CluePoolPickRule rule = createPickRule();
+        rule.setLimitOnNumber(true);
+        rule.setPickNumber(1);
+        cluePoolPickRuleMapper.insert(rule);
+        clueCapacityMapper.deleteByLambda(new LambdaQueryWrapper<>());
+        PoolBatchPickRequest request = new PoolBatchPickRequest();
+        request.setBatchIds(List.of(testDataId));
+        request.setPoolId("test-pool-id");
+        this.requestPost(BATCH_PICK, request);
+        requestPostPermissionTest(PermissionConstants.CLUE_MANAGEMENT_POOL_PICK, BATCH_PICK, request);
+    }
+
+    @Test
+    @Order(9)
+    void batchAssignFailWithNotExit() throws Exception {
+        PoolBatchAssignRequest request = new PoolBatchAssignRequest();
+        request.setBatchIds(List.of("aaa"));
+        request.setAssignUserId("cc");
+        MvcResult mvcResult = this.requestPost(BATCH_ASSIGN, request).andExpect(status().is5xxServerError()).andReturn();
+        assert mvcResult.getResponse().getContentAsString().contains(Translator.get("clue.not.exist"));
+        requestPostPermissionTest(PermissionConstants.CLUE_MANAGEMENT_POOL_ASSIGN, BATCH_ASSIGN, request);
+    }
+
+    @Test
+    @Order(10)
+    void batchDeleteSuccess() throws Exception {
+        this.requestPostWithOk(BATCH_DELETE, List.of(testDataId));
+        requestPostPermissionTest(PermissionConstants.CLUE_MANAGEMENT_POOL_DELETE, BATCH_DELETE, List.of(testDataId));
+    }
+
+    private Clue createClue() {
+        Clue clue = new Clue();
+        clue.setId(IDGenerator.nextStr());
+        clue.setStage("test");
+        clue.setName("ct");
+        clue.setOwner("cc");
+        clue.setProducts(List.of("cc"));
+        clue.setCollectionTime(System.currentTimeMillis());
+        clue.setPoolId("test-pool-id");
+        clue.setInSharedPool(true);
+        clue.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        clue.setCreateTime(System.currentTimeMillis());
+        clue.setCreateUser("admin");
+        clue.setUpdateTime(System.currentTimeMillis());
+        clue.setUpdateUser("admin");
+        return clue;
+    }
+
+    private ClueCapacity createCapacity() {
+        ClueCapacity capacity = new ClueCapacity();
+        capacity.setId(IDGenerator.nextStr());
+        capacity.setScopeId("admin");
+        capacity.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        capacity.setCapacity(1);
+        capacity.setCreateTime(System.currentTimeMillis());
+        capacity.setCreateUser("admin");
+        capacity.setUpdateTime(System.currentTimeMillis());
+        capacity.setUpdateUser("admin");
+        return capacity;
+    }
+
+    private CluePoolPickRule createPickRule() {
+        CluePoolPickRule rule = new CluePoolPickRule();
+        rule.setId(IDGenerator.nextStr());
+        rule.setPoolId("test-pool-id");
+        rule.setLimitOnNumber(false);
+        rule.setLimitPreOwner(false);
+        rule.setLimitNew(false);
+        rule.setCreateTime(System.currentTimeMillis());
+        rule.setCreateUser("admin");
+        rule.setUpdateTime(System.currentTimeMillis());
+        rule.setUpdateUser("admin");
+        return rule;
+    }
+
+    private void insertOwnerHis() {
+        ClueOwner clueOwner = new ClueOwner();
+        clueOwner.setId(IDGenerator.nextStr());
+        clueOwner.setClueId(testDataId);
+        clueOwner.setOwner("admin");
+        clueOwner.setCollectionTime(System.currentTimeMillis());
+        clueOwner.setOperator("admin");
+        clueOwner.setEndTime(System.currentTimeMillis());
+        clueOwnerMapper.insert(clueOwner);
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/clue/controller/PoolClueUserViewControllerTest.java b/backend/crm/src/test/java/cn/cordys/crm/clue/controller/PoolClueUserViewControllerTest.java
new file mode 100644
index 0000000..74c0260
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/clue/controller/PoolClueUserViewControllerTest.java
@@ -0,0 +1,134 @@
+package cn.cordys.crm.clue.controller;
+
+import cn.cordys.common.dto.condition.FilterCondition;
+import cn.cordys.common.dto.request.PosRequest;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.system.domain.UserView;
+import cn.cordys.crm.system.dto.request.UserViewAddRequest;
+import cn.cordys.crm.system.dto.request.UserViewUpdateRequest;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.ArrayList;
+import java.util.List;
+
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class PoolClueUserViewControllerTest extends BaseTest {
+
+    protected static final String DETAIL = "detail/{0}";
+    protected static final String LIST = "list";
+    protected static final String FIXED = "fixed/{0}";
+    protected static final String POS = "edit/pos";
+    protected static final String ENABLE = "enable/{0}";
+    private static final String BASE_PATH = "/pool/lead/view/";
+    private static String viewId;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(1)
+    void testAdd() throws Exception {
+
+        UserViewAddRequest request = new UserViewAddRequest();
+        request.setName("测试视图11");
+        request.setSearchMode("AND");
+        request.setConditions(buildConditions());
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, request);
+        UserView resultData = getResultData(mvcResult, UserView.class);
+        viewId = resultData.getId();
+
+    }
+
+    private List<FilterCondition> buildConditions() {
+        List<FilterCondition> conditions = new ArrayList<>();
+
+        FilterCondition condition1 = new FilterCondition();
+        condition1.setName("123123312312");
+        condition1.setValue(null);
+        condition1.setOperator("EMPTY");
+        condition1.setMultipleValue(false);
+        condition1.setType("LOCATION");
+
+        FilterCondition condition2 = new FilterCondition();
+        condition2.setName("1231233333");
+        condition2.setValue("[\n" +
+                "                \"2\"\n" +
+                "            ]");
+        condition2.setOperator("IN");
+        condition2.setMultipleValue(false);
+        condition2.setType("1231");
+
+        conditions.add(condition1);
+        conditions.add(condition2);
+        return conditions;
+    }
+
+
+    @Test
+    @Order(2)
+    void testUpdate() throws Exception {
+        UserViewUpdateRequest request = new UserViewUpdateRequest();
+        request.setId(viewId);
+        request.setName("更新試圖22");
+        request.setConditions(buildConditions());
+        this.requestPost(DEFAULT_UPDATE, request);
+
+        request.setId("123123123");
+        this.requestPost(DEFAULT_UPDATE, request);
+    }
+
+    @Test
+    @Order(3)
+    void testGetDetail() throws Exception {
+        this.requestGet(DETAIL, viewId);
+    }
+
+    @Test
+    @Order(4)
+    void testList() throws Exception {
+        this.requestGet(LIST);
+    }
+
+    @Test
+    @Order(5)
+    void testFixed() throws Exception {
+        this.requestGet(FIXED, viewId);
+    }
+
+    @Test
+    @Order(5)
+    void testSortPos() throws Exception {
+        String moveId = viewId;
+        testAdd();
+        String targetId = viewId;
+        PosRequest request = new PosRequest();
+        request.setOrgId(DEFAULT_ORGANIZATION_ID);
+        request.setMoveId(moveId);
+        request.setTargetId(targetId);
+        request.setMoveMode("after");
+        this.requestGet(POS, request);
+    }
+
+    @Test
+    @Order(6)
+    void testEnable() throws Exception {
+        this.requestGet(ENABLE, viewId);
+    }
+
+    @Test
+    @Order(10)
+    void testDelete() throws Exception {
+        this.requestGetWithOk(DEFAULT_DELETE, viewId);
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/contract/ContractControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/contract/ContractControllerTests.java
new file mode 100644
index 0000000..2fb209a
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/contract/ContractControllerTests.java
@@ -0,0 +1,224 @@
+package cn.cordys.crm.contract;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.contract.domain.Contract;
+import cn.cordys.crm.contract.dto.request.ContractAddRequest;
+import cn.cordys.crm.contract.dto.request.ContractPageRequest;
+import cn.cordys.crm.contract.service.ContractFieldService;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.request.ResourceBatchEditRequest;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.Strings;
+import org.junit.jupiter.api.*;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.context.jdbc.Sql;
+import org.springframework.test.context.jdbc.SqlConfig;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.ArrayList;
+import java.util.List;
+import java.util.UUID;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class ContractControllerTests extends BaseTest {
+
+    protected static final String MODULE_FORM = "module/form";
+    protected static final String BATCH_UPDATE = "batch/update";
+    private static final String BASE_PATH = "/contract/";
+
+    private static Contract addContract;
+    private static ModuleFormConfigDTO moduleFormConfig;
+
+    @Resource
+    private BaseMapper<Contract> contractMapper;
+
+    @Resource
+    private ContractFieldService contractFieldService;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(0)
+    void testModuleField() throws Exception {
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(MODULE_FORM);
+        moduleFormConfig = getResultData(mvcResult, ModuleFormConfigDTO.class);
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.CONTRACT_READ, MODULE_FORM);
+    }
+
+    @Sql(scripts = {"/dml/init_contract_test.sql"},
+            config = @SqlConfig(encoding = "utf-8", transactionMode = SqlConfig.TransactionMode.ISOLATED),
+            executionPhase = Sql.ExecutionPhase.BEFORE_TEST_METHOD)
+    @Test
+    @Order(1)
+    void testAdd() throws Exception {
+
+        ContractAddRequest request = new ContractAddRequest();
+        request.setName("SomebodyJIAN-测试合同1"+System.currentTimeMillis());
+        request.setCustomerId("contract_test_customer");
+        request.setOwner(InternalUser.ADMIN.getValue());
+        request.setStartTime(System.currentTimeMillis());
+        request.setEndTime(System.currentTimeMillis() + 86400000L);
+        // ContractService.add() 要求必须传 moduleFields 和 moduleFormConfigDTO
+        // 从 moduleFormConfig 中构造字段值，将每个字段的 id 与对应的业务值配对
+        List<BaseModuleFieldValue> moduleFields = new ArrayList<>();
+        for (BaseField field : moduleFormConfig.getFields()) {
+            Object value = switch (field.getInternalKey()) {
+                case "contractName" -> request.getName();
+                case "contractOwner" -> request.getOwner();
+                case "contractCustomer" -> request.getCustomerId();
+                case "contractStartTime" -> request.getStartTime();
+                case "contractEndTime" -> request.getEndTime();
+                default -> null;
+            };
+            if (value != null) {
+                moduleFields.add(new BaseModuleFieldValue(field.getId(), value));
+            }
+        }
+        request.setModuleFields(moduleFields);
+        request.setModuleFormConfigDTO(moduleFormConfig);
+        Assertions.assertNotEquals(0, moduleFormConfig.getFields().size(), "模块字段配置应包含至少一个字段");
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, request);
+        Contract resultData = getResultData(mvcResult, Contract.class);
+        addContract = contractMapper.selectByPrimaryKey(resultData.getId());
+
+        // 校验合同数据写入
+        Assertions.assertNotNull(addContract);
+        Assertions.assertEquals(request.getName(), addContract.getName());
+        Assertions.assertEquals(request.getOwner(), addContract.getOwner());
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CONTRACT_ADD, DEFAULT_ADD, request);
+    }
+
+    @Test
+    @Order(2)
+    void testGet() throws Exception {
+        this.requestGetWithOk(DEFAULT_GET, addContract.getId());
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.CONTRACT_READ, DEFAULT_GET, addContract.getId());
+    }
+
+    @Test
+    @Order(3)
+    void testPage() throws Exception {
+        ContractPageRequest request = new ContractPageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+        this.requestPostWithOk(DEFAULT_PAGE, request);
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CONTRACT_READ, DEFAULT_PAGE, request);
+    }
+
+    @Test
+    @Order(4)
+    void testBatchUpdate() throws Exception {
+        ResourceBatchEditRequest request = new ResourceBatchEditRequest();
+        for (BaseField field : moduleFormConfig.getFields()) {
+            request.setIds(List.of(addContract.getId()));
+            request.setFieldId(field.getId());
+
+            String internalKey = field.getInternalKey();
+
+            if (Strings.CS.equals(internalKey, BusinessModuleField.CONTRACT_NAME.getKey())) {
+                // 更新合同名称
+                String newName = "批量更新合同名称_" + UUID.randomUUID().toString().substring(0, 8);
+                request.setFieldValue(newName);
+                this.requestPostWithOk(BATCH_UPDATE, request);
+
+                Contract updated = contractMapper.selectByPrimaryKey(addContract.getId());
+                Assertions.assertNotNull(updated);
+                Assertions.assertEquals(newName, updated.getName(), "批量更新合同名称后，DB 中的 name 应等于请求值");
+
+            } else if (Strings.CS.equals(internalKey, BusinessModuleField.CONTRACT_OWNER.getKey())) {
+                // 更新负责人：改成 permission_test，断言值确实发生变化
+                String newOwner = PERMISSION_USER_NAME;
+                request.setFieldValue(newOwner);
+                this.requestPostWithOk(BATCH_UPDATE, request);
+
+                Contract updated = contractMapper.selectByPrimaryKey(addContract.getId());
+                Assertions.assertNotNull(updated);
+                Assertions.assertNotEquals(InternalUser.ADMIN.getValue(), updated.getOwner(), "负责人应已从 admin 更新为其他用户");
+                Assertions.assertEquals(newOwner, updated.getOwner(), "批量更新负责人后，DB 中的 owner 应等于请求值");
+
+            } else if (Strings.CS.equals(internalKey, BusinessModuleField.CONTRACT_CUSTOMER_NAME.getKey())) {
+                // 更新关联客户
+                request.setFieldValue("contract_test_customer");
+                this.requestPostWithOk(BATCH_UPDATE, request);
+
+                Contract updated = contractMapper.selectByPrimaryKey(addContract.getId());
+                Assertions.assertNotNull(updated);
+                Assertions.assertEquals("contract_test_customer", updated.getCustomerId(), "批量更新客户后，DB 中的 customer_id 应等于请求值");
+
+            } else if (Strings.CS.equals(internalKey, BusinessModuleField.CONTRACT_TOTAL_AMOUNT.getKey())) {
+                // 更新金额
+                request.setFieldValue("9999.99");
+                this.requestPostWithOk(BATCH_UPDATE, request);
+
+                Contract updated = contractMapper.selectByPrimaryKey(addContract.getId());
+                Assertions.assertNotNull(updated);
+                Assertions.assertEquals(0, new java.math.BigDecimal("9999.99").compareTo(updated.getAmount()), "批量更新金额后，DB 中的 amount 应等于请求值");
+
+            } else if (Strings.CS.equals(internalKey, BusinessModuleField.CONTRACT_NO.getKey())) {
+                // 更新编号
+                String newNumber = "HT-" + UUID.randomUUID().toString().substring(0, 8);
+                request.setFieldValue(newNumber);
+                this.requestPostWithOk(BATCH_UPDATE, request);
+
+                Contract updated = contractMapper.selectByPrimaryKey(addContract.getId());
+                Assertions.assertNotNull(updated);
+                Assertions.assertEquals(newNumber, updated.getNumber(), "批量更新编号后，DB 中的 number 应等于请求值");
+
+            } else if (Strings.CS.equals(internalKey, BusinessModuleField.CONTRACT_START_TIME.getKey())) {
+                // 更新开始时间
+                Long newStartTime = System.currentTimeMillis() + 100000L;
+                request.setFieldValue(newStartTime);
+                this.requestPostWithOk(BATCH_UPDATE, request);
+
+                Contract updated = contractMapper.selectByPrimaryKey(addContract.getId());
+                Assertions.assertNotNull(updated);
+                Assertions.assertEquals(newStartTime, updated.getStartTime(), "批量更新开始时间后，DB 中的 start_time 应等于请求值");
+
+            } else if (Strings.CS.equals(internalKey, BusinessModuleField.CONTRACT_END_TIME.getKey())) {
+                // 更新结束时间
+                Long newEndTime = System.currentTimeMillis() + 200000L;
+                request.setFieldValue(newEndTime);
+                this.requestPostWithOk(BATCH_UPDATE, request);
+
+                Contract updated = contractMapper.selectByPrimaryKey(addContract.getId());
+                Assertions.assertNotNull(updated);
+                Assertions.assertEquals(newEndTime, updated.getEndTime(), "批量更新结束时间后，DB 中的 end_time 应等于请求值");
+
+            }
+        }
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CONTRACT_UPDATE, BATCH_UPDATE, request);
+    }
+
+    @Test
+    @Order(10)
+    void testDelete() throws Exception {
+        this.requestGetWithOk(DEFAULT_DELETE, addContract.getId());
+        Contract contract = contractMapper.selectByPrimaryKey(addContract.getId());
+        Assertions.assertNull(contract);
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.CONTRACT_DELETE, DEFAULT_DELETE, "nonexistent-id");
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/contract/ContractPaymentPlanControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/contract/ContractPaymentPlanControllerTests.java
new file mode 100644
index 0000000..d63e570
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/contract/ContractPaymentPlanControllerTests.java
@@ -0,0 +1,148 @@
+package cn.cordys.crm.contract;
+
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.contract.constants.ContractPaymentPlanStatus;
+import cn.cordys.crm.contract.domain.ContractPaymentPlan;
+import cn.cordys.crm.contract.dto.request.ContractPaymentPlanAddRequest;
+import cn.cordys.crm.contract.dto.request.ContractPaymentPlanPageRequest;
+import cn.cordys.crm.contract.dto.request.ContractPaymentPlanUpdateRequest;
+import cn.cordys.crm.contract.dto.response.ContractPaymentPlanGetResponse;
+import cn.cordys.crm.contract.dto.response.ContractPaymentPlanListResponse;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.junit.jupiter.api.*;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.math.BigDecimal;
+import java.util.List;
+
+@SpringBootTest(webEnvironment= SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+class ContractPaymentPlanControllerTests extends BaseTest {
+    private static final String BASE_PATH = "/contract/payment-plan/";
+    private static final String TAB = "tab";
+
+    private static ContractPaymentPlan addContractPaymentPlan;
+
+    @Resource
+    private BaseMapper<ContractPaymentPlan> contractPaymentPlanMapper;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(0)
+    void testPageEmpty() throws Exception {
+        ContractPaymentPlanPageRequest request = new ContractPaymentPlanPageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_PAGE, request);
+        Pager<List<ContractPaymentPlanListResponse>> pageResult = getPageResult(mvcResult, ContractPaymentPlanListResponse.class);
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CONTRACT_PAYMENT_PLAN_READ, DEFAULT_PAGE, request);
+    }
+
+    @Test
+    @Order(0)
+    void testTab() throws Exception {
+        this.requestGetWithOkAndReturn(TAB);
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.CONTRACT_PAYMENT_PLAN_READ, TAB);
+    }
+
+    @Test
+    @Order(1)
+    void testAdd() throws Exception {
+        // 请求成功
+        ContractPaymentPlanAddRequest request = new ContractPaymentPlanAddRequest();
+		request.setName("test");
+        request.setPlanAmount(BigDecimal.valueOf(111));
+        request.setOwner(InternalUser.ADMIN.getValue());
+        request.setPlanStatus(ContractPaymentPlanStatus.PENDING.name());
+        request.setContractId("test");
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, request);
+        ContractPaymentPlan resultData = getResultData(mvcResult, ContractPaymentPlan.class);
+        ContractPaymentPlan contractPaymentPlan = contractPaymentPlanMapper.selectByPrimaryKey(resultData.getId());
+
+        // 校验请求成功数据
+        addContractPaymentPlan = contractPaymentPlan;
+        Assertions.assertEquals(request.getPlanAmount().intValue(), contractPaymentPlan.getPlanAmount().intValue());
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CONTRACT_PAYMENT_PLAN_ADD, DEFAULT_ADD, request);
+    }
+
+    @Test
+    @Order(2)
+    void testUpdate() throws Exception {
+        // 请求成功
+        ContractPaymentPlanUpdateRequest request = new ContractPaymentPlanUpdateRequest();
+        request.setId(addContractPaymentPlan.getId());
+		request.setName("test");
+        request.setPlanAmount(BigDecimal.valueOf(222));
+        this.requestPostWithOk(DEFAULT_UPDATE, request);
+        // 校验请求成功数据
+        ContractPaymentPlan userContractPaymentPlanResult = contractPaymentPlanMapper.selectByPrimaryKey(request.getId());
+        Assertions.assertEquals(request.getPlanAmount().intValue(), userContractPaymentPlanResult.getPlanAmount().intValue());
+
+        // 不修改信息
+        ContractPaymentPlanUpdateRequest emptyRequest = new ContractPaymentPlanUpdateRequest();
+        emptyRequest.setId(addContractPaymentPlan.getId());
+		emptyRequest.setName("test");
+        this.requestPostWithOk(DEFAULT_UPDATE, emptyRequest);
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CONTRACT_PAYMENT_PLAN_UPDATE, DEFAULT_UPDATE, request);
+    }
+
+    @Test
+    @Order(3)
+    void testGet() throws Exception {
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(DEFAULT_GET, addContractPaymentPlan.getId());
+        ContractPaymentPlanGetResponse getResponse = getResultData(mvcResult, ContractPaymentPlanGetResponse.class);
+
+        // 校验请求成功数据
+        ContractPaymentPlan contractPaymentPlan = contractPaymentPlanMapper.selectByPrimaryKey(addContractPaymentPlan.getId());
+        ContractPaymentPlan responseContractPaymentPlan = BeanUtils.copyBean(new ContractPaymentPlan(), getResponse);
+        Assertions.assertEquals(responseContractPaymentPlan, contractPaymentPlan);
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.CONTRACT_PAYMENT_PLAN_READ, DEFAULT_GET, addContractPaymentPlan.getId());
+    }
+
+    @Test
+    @Order(4)
+    void testPage() throws Exception {
+        ContractPaymentPlanPageRequest request = new ContractPaymentPlanPageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_PAGE, request);
+        Pager<List<ContractPaymentPlanListResponse>> pageResult = getPageResult(mvcResult, ContractPaymentPlanListResponse.class);
+        List<ContractPaymentPlanListResponse> contractPaymentPlanList = pageResult.getList();
+        
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CONTRACT_PAYMENT_PLAN_READ, DEFAULT_PAGE, request);
+    }
+
+    @Test
+    @Order(10)
+    void delete() throws Exception {
+        this.requestGetWithOk(DEFAULT_DELETE, addContractPaymentPlan.getId());
+        ContractPaymentPlan contractPaymentPlan = contractPaymentPlanMapper.selectByPrimaryKey(addContractPaymentPlan.getId());
+        Assertions.assertNull(contractPaymentPlan);
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.CONTRACT_PAYMENT_PLAN_DELETE, DEFAULT_DELETE, "1111");
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/test/java/cn/cordys/crm/contract/ContractPaymentPlanUserViewControllerTest.java b/backend/crm/src/test/java/cn/cordys/crm/contract/ContractPaymentPlanUserViewControllerTest.java
new file mode 100644
index 0000000..75aec7f
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/contract/ContractPaymentPlanUserViewControllerTest.java
@@ -0,0 +1,134 @@
+package cn.cordys.crm.contract;
+
+import cn.cordys.common.dto.condition.FilterCondition;
+import cn.cordys.common.dto.request.PosRequest;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.system.domain.UserView;
+import cn.cordys.crm.system.dto.request.UserViewAddRequest;
+import cn.cordys.crm.system.dto.request.UserViewUpdateRequest;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.ArrayList;
+import java.util.List;
+
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class ContractPaymentPlanUserViewControllerTest extends BaseTest {
+
+    protected static final String DETAIL = "detail/{0}";
+    protected static final String LIST = "list";
+    protected static final String FIXED = "fixed/{0}";
+    protected static final String POS = "edit/pos";
+    protected static final String ENABLE = "enable/{0}";
+    private static final String BASE_PATH = "/contract/payment-plan/view/";
+    private static String viewId;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(1)
+    void testAdd() throws Exception {
+
+        UserViewAddRequest request = new UserViewAddRequest();
+        request.setName("测试视图11");
+        request.setSearchMode("AND");
+        request.setConditions(buildConditions());
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, request);
+        UserView resultData = getResultData(mvcResult, UserView.class);
+        viewId = resultData.getId();
+
+    }
+
+    private List<FilterCondition> buildConditions() {
+        List<FilterCondition> conditions = new ArrayList<>();
+
+        FilterCondition condition1 = new FilterCondition();
+        condition1.setName("123123312312");
+        condition1.setValue(null);
+        condition1.setOperator("EMPTY");
+        condition1.setMultipleValue(false);
+        condition1.setType("LOCATION");
+
+        FilterCondition condition2 = new FilterCondition();
+        condition2.setName("1231233333");
+        condition2.setValue("[\n" +
+                "                \"2\"\n" +
+                "            ]");
+        condition2.setOperator("IN");
+        condition2.setMultipleValue(false);
+        condition2.setType("1231");
+
+        conditions.add(condition1);
+        conditions.add(condition2);
+        return conditions;
+    }
+
+
+    @Test
+    @Order(2)
+    void testUpdate() throws Exception {
+        UserViewUpdateRequest request = new UserViewUpdateRequest();
+        request.setId(viewId);
+        request.setName("更新試圖22");
+        request.setConditions(buildConditions());
+        this.requestPost(DEFAULT_UPDATE, request);
+
+        request.setId("123123123");
+        this.requestPost(DEFAULT_UPDATE, request);
+    }
+
+    @Test
+    @Order(3)
+    void testGetDetail() throws Exception {
+        this.requestGet(DETAIL, viewId);
+    }
+
+    @Test
+    @Order(4)
+    void testList() throws Exception {
+        this.requestGet(LIST);
+    }
+
+    @Test
+    @Order(5)
+    void testFixed() throws Exception {
+        this.requestGet(FIXED, viewId);
+    }
+
+    @Test
+    @Order(5)
+    void testSortPos() throws Exception {
+        String moveId = viewId;
+        testAdd();
+        String targetId = viewId;
+        PosRequest request = new PosRequest();
+        request.setOrgId(DEFAULT_ORGANIZATION_ID);
+        request.setMoveId(moveId);
+        request.setTargetId(targetId);
+        request.setMoveMode("after");
+        this.requestGet(POS, request);
+    }
+
+    @Test
+    @Order(6)
+    void testEnable() throws Exception {
+        this.requestGet(ENABLE, viewId);
+    }
+
+    @Test
+    @Order(10)
+    void testDelete() throws Exception {
+        this.requestGetWithOk(DEFAULT_DELETE, viewId);
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerCapacityControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerCapacityControllerTests.java
new file mode 100644
index 0000000..ed415a0
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerCapacityControllerTests.java
@@ -0,0 +1,65 @@
+package cn.cordys.crm.customer.controller;
+
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.customer.domain.CustomerCapacity;
+import cn.cordys.crm.system.dto.request.CapacityAddRequest;
+import cn.cordys.crm.system.dto.request.CapacityUpdateRequest;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.List;
+
+import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class CustomerCapacityControllerTests extends BaseTest {
+
+    private static String CAPACITY_ID;
+
+    @Test
+    @Order(1)
+    void add() throws Exception {
+        CapacityAddRequest request = new CapacityAddRequest();
+        request.setScopeIds(List.of("admin"));
+        request.setCapacity(10);
+        this.requestPostWithOk("/account-capacity/add", request);
+        MvcResult mvcResult = this.requestPost("/account-capacity/add", request).andExpect(status().is5xxServerError()).andReturn();
+        assert mvcResult.getResponse().getContentAsString().contains(Translator.get("capacity.scope.duplicate"));
+    }
+
+    @Test
+    @Order(2)
+    void page() throws Exception {
+        MvcResult mvcResult = this.requestGetWithOkAndReturn("/account-capacity/get");
+        List<CustomerCapacity> result = getResultDataArray(mvcResult, CustomerCapacity.class);
+        assert result.size() == 1;
+        CAPACITY_ID = result.getFirst().getId();
+    }
+
+    @Test
+    @Order(3)
+    void update() throws Exception {
+        CapacityUpdateRequest request = new CapacityUpdateRequest();
+        request.setId("not-exist");
+        request.setScopeIds(List.of("admin"));
+        request.setCapacity(100);
+        MvcResult mvcResult = this.requestPost("/account-capacity/update", request).andExpect(status().is5xxServerError()).andReturn();
+        assert mvcResult.getResponse().getContentAsString().contains(Translator.get("capacity.not.exist"));
+        request.setId(CAPACITY_ID);
+        this.requestPost("/account-capacity/update", request);
+    }
+
+    @Test
+    @Order(4)
+    void delete() throws Exception {
+        this.requestGetWithOk("/account-capacity/delete/" + CAPACITY_ID);
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerCollaborationControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerCollaborationControllerTests.java
new file mode 100644
index 0000000..933af4b
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerCollaborationControllerTests.java
@@ -0,0 +1,143 @@
+package cn.cordys.crm.customer.controller;
+
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.customer.constants.CustomerCollaborationType;
+import cn.cordys.crm.customer.domain.CustomerCollaboration;
+import cn.cordys.crm.customer.dto.request.CustomerAddRequest;
+import cn.cordys.crm.customer.dto.request.CustomerCollaborationAddRequest;
+import cn.cordys.crm.customer.dto.request.CustomerCollaborationUpdateRequest;
+import cn.cordys.crm.customer.dto.response.CustomerCollaborationListResponse;
+import cn.cordys.crm.customer.service.CustomerService;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections4.CollectionUtils;
+import org.junit.jupiter.api.*;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.List;
+import java.util.UUID;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+class CustomerCollaborationControllerTests extends BaseTest {
+    private static final String BASE_PATH = "/account/collaboration/";
+    private static final String LIST = "/list/{0}";
+
+    private static CustomerCollaboration addCustomerCollaboration;
+    private static String customerId;
+
+    @Resource
+    private BaseMapper<CustomerCollaboration> customerCollaborationMapper;
+    @Resource
+    private CustomerService customerService;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(0)
+    void testListEmpty() throws Exception {
+        addCustomer();
+
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(LIST, customerId);
+        List<CustomerCollaborationListResponse> customerCollaborations = getResultDataArray(mvcResult, CustomerCollaborationListResponse.class);
+        Assertions.assertTrue(CollectionUtils.isEmpty(customerCollaborations));
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_READ, LIST, customerId);
+    }
+
+    private void addCustomer() {
+        CustomerAddRequest request = new CustomerAddRequest();
+        request.setName(UUID.randomUUID().toString());
+        request.setOwner(InternalUser.ADMIN.getValue());
+        customerId = customerService.add(request, InternalUser.ADMIN.getValue(), DEFAULT_ORGANIZATION_ID).getId();
+    }
+
+    @Test
+    @Order(1)
+    void testAdd() throws Exception {
+        // 请求成功
+        CustomerCollaborationAddRequest request = new CustomerCollaborationAddRequest();
+        request.setCollaborationType(CustomerCollaborationType.COLLABORATION.name());
+        request.setCustomerId(customerId);
+        request.setUserId(InternalUser.ADMIN.getValue());
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, request);
+        CustomerCollaboration resultData = getResultData(mvcResult, CustomerCollaboration.class);
+        CustomerCollaboration customerCollaboration = customerCollaborationMapper.selectByPrimaryKey(resultData.getId());
+
+        // 校验请求成功数据
+        addCustomerCollaboration = customerCollaboration;
+        Assertions.assertEquals(request.getCustomerId(), customerId);
+        Assertions.assertEquals(request.getCollaborationType(), customerCollaboration.getCollaborationType());
+        Assertions.assertEquals(request.getUserId(), customerCollaboration.getUserId());
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE, DEFAULT_ADD, request);
+    }
+
+    @Test
+    @Order(2)
+    void testUpdate() throws Exception {
+        // 请求成功
+        CustomerCollaborationUpdateRequest request = new CustomerCollaborationUpdateRequest();
+        request.setId(addCustomerCollaboration.getId());
+        request.setCollaborationType(CustomerCollaborationType.READ_ONLY.name());
+        this.requestPostWithOk(DEFAULT_UPDATE, request);
+
+        // 校验请求成功数据
+        CustomerCollaboration customerCollaboration = customerCollaborationMapper.selectByPrimaryKey(request.getId());
+        Assertions.assertEquals(request.getCollaborationType(), customerCollaboration.getCollaborationType());
+        Assertions.assertEquals(addCustomerCollaboration.getCustomerId(), customerId);
+        Assertions.assertEquals(addCustomerCollaboration.getUserId(), customerCollaboration.getUserId());
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE, DEFAULT_UPDATE, request);
+    }
+
+    @Test
+    @Order(4)
+    void testList() throws Exception {
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(LIST, customerId);
+        List<CustomerCollaborationListResponse> list = getResultDataArray(mvcResult, CustomerCollaborationListResponse.class);
+        list.forEach(customerCollaborationListResponse -> {
+            CustomerCollaboration customerCollaboration = customerCollaborationMapper.selectByPrimaryKey(customerCollaborationListResponse.getId());
+            CustomerCollaboration result = BeanUtils.copyBean(new CustomerCollaboration(), customerCollaborationListResponse);
+            Assertions.assertEquals(customerCollaboration, result);
+            Assertions.assertNotNull(customerCollaborationListResponse.getUpdateUserName());
+        });
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_READ, LIST, customerId);
+    }
+
+    @Test
+    @Order(10)
+    void delete() throws Exception {
+        this.requestGetWithOk(DEFAULT_DELETE, addCustomerCollaboration.getId());
+        CustomerCollaboration customerCollaboration = customerCollaborationMapper.selectByPrimaryKey(addCustomerCollaboration.getId());
+        Assertions.assertNull(customerCollaboration);
+        // 校验权限
+        requestGetPermissionsTest(List.of(PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE, PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE),
+                DEFAULT_DELETE, addCustomerCollaboration.getId());
+    }
+
+    @Test
+    @Order(10)
+    void batchDelete() throws Exception {
+        this.requestPostWithOk(DEFAULT_BATCH_DELETE, List.of(addCustomerCollaboration.getId()));
+        CustomerCollaboration customerCollaboration = customerCollaborationMapper.selectByPrimaryKey(addCustomerCollaboration.getId());
+        Assertions.assertNull(customerCollaboration);
+        // 校验权限
+        requestPostPermissionsTest(List.of(PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE, PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE),
+                DEFAULT_BATCH_DELETE, List.of(addCustomerCollaboration.getId()));
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerContactControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerContactControllerTests.java
new file mode 100644
index 0000000..fae864a
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerContactControllerTests.java
@@ -0,0 +1,324 @@
+package cn.cordys.crm.customer.controller;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.ChartAnalysisRequest;
+import cn.cordys.common.dto.ResourceTabEnableDTO;
+import cn.cordys.common.dto.chart.ChartCategoryAxisConfig;
+import cn.cordys.common.dto.chart.ChartConfig;
+import cn.cordys.common.dto.chart.ChartValueAxisConfig;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.customer.domain.CustomerContact;
+import cn.cordys.crm.customer.dto.request.*;
+import cn.cordys.crm.customer.dto.response.CustomerContactGetResponse;
+import cn.cordys.crm.customer.dto.response.CustomerContactListAllResponse;
+import cn.cordys.crm.customer.dto.response.CustomerContactListResponse;
+import cn.cordys.crm.customer.service.CustomerService;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.request.ResourceBatchEditRequest;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.Strings;
+import org.junit.jupiter.api.*;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.List;
+import java.util.UUID;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+class CustomerContactControllerTests extends BaseTest {
+    protected static final String MODULE_FORM = "module/form";
+    protected static final String LIST = "list/{0}";
+    protected static final String DISABLE = "disable/{0}";
+    protected static final String ENABLE = "enable/{0}";
+    protected static final String OPPORTUNITY_CHECK = "opportunity/check/{0}";
+    protected static final String TAB = "tab";
+    protected static final String BATCH_UPDATE = "batch/update";
+    protected static final String CHART = "chart";
+    private static final String BASE_PATH = "/account/contact/";
+    private static CustomerContact addCustomerContact;
+    private static String customerId;
+    private static ModuleFormConfigDTO moduleFormConfig;
+
+    @Resource
+    private BaseMapper<CustomerContact> customerContactMapper;
+    @Resource
+    private CustomerService customerService;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(0)
+    void testModuleField() throws Exception {
+        addCustomer();
+
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(MODULE_FORM);
+        moduleFormConfig = getResultData(mvcResult, ModuleFormConfigDTO.class);
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_READ, MODULE_FORM);
+    }
+
+    @Test
+    @Order(0)
+    void testPageEmpty() throws Exception {
+        CustomerContactPageRequest request = new CustomerContactPageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+
+        this.requestPostWithOk(DEFAULT_PAGE, request);
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_READ, DEFAULT_PAGE, request);
+    }
+
+    private void addCustomer() {
+        CustomerAddRequest request = new CustomerAddRequest();
+        request.setName(UUID.randomUUID().toString());
+        request.setOwner(InternalUser.ADMIN.getValue());
+        customerId = customerService.add(request, InternalUser.ADMIN.getValue(), DEFAULT_ORGANIZATION_ID).getId();
+    }
+
+    @Test
+    @Order(1)
+    void testAdd() throws Exception {
+        // 请求成功
+        CustomerContactAddRequest request = new CustomerContactAddRequest();
+        request.setName("test");
+        request.setCustomerId(customerId);
+        request.setOwner(InternalUser.ADMIN.getValue());
+        request.setPhone("15451644454");
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, request);
+        CustomerContact resultData = getResultData(mvcResult, CustomerContact.class);
+        CustomerContact customerContact = customerContactMapper.selectByPrimaryKey(resultData.getId());
+
+        // 校验请求成功数据
+        addCustomerContact = customerContact;
+        Assertions.assertEquals(request.getName(), customerContact.getName());
+        Assertions.assertEquals(request.getOwner(), customerContact.getOwner());
+        Assertions.assertEquals(request.getPhone(), customerContact.getPhone());
+
+        // 校验权限
+        requestPostPermissionsTest(List.of(PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_ADD, PermissionConstants.CUSTOMER_MANAGEMENT_ADD),
+                DEFAULT_ADD, request);
+    }
+
+    @Test
+    @Order(2)
+    void testUpdate() throws Exception {
+        // 请求成功
+        CustomerContactUpdateRequest request = new CustomerContactUpdateRequest();
+        request.setId(addCustomerContact.getId());
+        request.setName("test update");
+        request.setPhone("161161616");
+        this.requestPostWithOk(DEFAULT_UPDATE, request);
+        // 校验请求成功数据
+        CustomerContact userCustomerContactResult = customerContactMapper.selectByPrimaryKey(request.getId());
+        Assertions.assertEquals(request.getName(), userCustomerContactResult.getName());
+        Assertions.assertEquals(request.getPhone(), userCustomerContactResult.getPhone());
+
+        // 不修改信息
+        CustomerContactUpdateRequest emptyRequest = new CustomerContactUpdateRequest();
+        emptyRequest.setId(addCustomerContact.getId());
+        this.requestPostWithOk(DEFAULT_UPDATE, emptyRequest);
+
+        // 校验权限
+        requestPostPermissionsTest(List.of(PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_UPDATE, PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE),
+                DEFAULT_UPDATE, request);
+    }
+
+    @Test
+    @Order(2)
+    void testBatchUpdate() throws Exception {
+        ResourceBatchEditRequest request = new ResourceBatchEditRequest();
+        for (BaseField field : moduleFormConfig.getFields()) {
+            request.setIds(List.of(addCustomerContact.getId()));
+            request.setFieldId(field.getId());
+            if (Strings.CS.equals(field.getName(), BusinessModuleField.CUSTOMER_CONTACT_OWNER.name())) {
+                request.setFieldValue(InternalUser.ADMIN.getValue());
+                this.requestPostWithOk(BATCH_UPDATE, request);
+            } else if (Strings.CS.equals(field.getName(), BusinessModuleField.CUSTOMER_CONTACT_PHONE.name())) {
+                request.setFieldValue("16116161611");
+                this.requestPostWithOk(BATCH_UPDATE, request);
+            }
+        }
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_UPDATE, BATCH_UPDATE, request);
+    }
+
+    @Test
+    @Order(3)
+    void testGet() throws Exception {
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(DEFAULT_GET, addCustomerContact.getId());
+        CustomerContactGetResponse getResponse = getResultData(mvcResult, CustomerContactGetResponse.class);
+
+        // 校验请求成功数据
+        CustomerContact customerContact = customerContactMapper.selectByPrimaryKey(addCustomerContact.getId());
+        CustomerContact responseCustomerContact = BeanUtils.copyBean(new CustomerContact(), getResponse);
+        Assertions.assertEquals(responseCustomerContact, customerContact);
+        Assertions.assertNotNull(getResponse.getCreateUserName());
+        Assertions.assertNotNull(getResponse.getUpdateUserName());
+        Assertions.assertNotNull(getResponse.getOwnerName());
+        if (!getResponse.getOwner().equals(InternalUser.ADMIN.getValue())) {
+            Assertions.assertNotNull(getResponse.getDepartmentId());
+            Assertions.assertNotNull(getResponse.getDepartmentName());
+        }
+
+        // 校验权限
+        requestGetPermissionsTest(List.of(PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_READ, PermissionConstants.CUSTOMER_MANAGEMENT_READ), DEFAULT_GET, addCustomerContact.getId());
+    }
+
+    @Test
+    @Order(4)
+    void testPage() throws Exception {
+        CustomerContactPageRequest request = new CustomerContactPageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_PAGE, request);
+        Pager<List<CustomerContactListResponse>> pageResult = getPageResult(mvcResult, CustomerContactListResponse.class);
+        List<CustomerContactListResponse> customerContactList = pageResult.getList();
+        if (customerContactList != null && !customerContactList.isEmpty()) {
+            customerContactList.forEach(customerContactListResponse -> {
+                CustomerContact customerContact = customerContactMapper.selectByPrimaryKey(customerContactListResponse.getId());
+                CustomerContact result = BeanUtils.copyBean(new CustomerContact(), customerContactListResponse);
+                result.setOrganizationId(customerContact.getOrganizationId());
+                Assertions.assertEquals(customerContact, result);
+                Assertions.assertNotNull(customerContactListResponse.getUpdateUserName());
+                Assertions.assertNotNull(customerContactListResponse.getOwnerName());
+            });
+        }
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_READ, DEFAULT_PAGE, request);
+    }
+
+    @Test
+    @Order(4)
+    void testList() throws Exception {
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(LIST, customerId);
+        CustomerContactListAllResponse listAllResponse = getResultData(mvcResult, CustomerContactListAllResponse.class);
+        listAllResponse.getList().forEach(customerContactListResponse -> {
+            CustomerContact customerContact = customerContactMapper.selectByPrimaryKey(customerContactListResponse.getId());
+            CustomerContact result = BeanUtils.copyBean(new CustomerContact(), customerContactListResponse);
+            result.setOrganizationId(customerContact.getOrganizationId());
+            Assertions.assertEquals(customerContact, result);
+            Assertions.assertNotNull(customerContactListResponse.getUpdateUserName());
+            Assertions.assertNotNull(customerContactListResponse.getOwnerName());
+            if (!customerContactListResponse.getOwner().equals(InternalUser.ADMIN.getValue())) {
+                Assertions.assertNotNull(customerContactListResponse.getDepartmentId());
+                Assertions.assertNotNull(customerContactListResponse.getDepartmentName());
+            }
+        });
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_READ, LIST, customerId);
+    }
+
+    @Test
+    @Order(4)
+    void testChart() throws Exception {
+        ChartAnalysisRequest request = new ChartAnalysisRequest();
+
+        for (BaseField field : moduleFormConfig.getFields().subList(0, 5)) {
+            ChartConfig chartConfig = new ChartConfig();
+            ChartCategoryAxisConfig chartCategoryAxisConfig = new ChartCategoryAxisConfig();
+            chartCategoryAxisConfig.setFieldId(field.getId());
+            chartConfig.setCategoryAxis(chartCategoryAxisConfig);
+            ChartValueAxisConfig chartValueAxisConfig = new ChartValueAxisConfig();
+            chartValueAxisConfig.setFieldId(field.getId());
+            chartConfig.setValueAxis(chartValueAxisConfig);
+            request.setChartConfig(chartConfig);
+            this.requestPostWithOkAndReturn(CHART, request);
+        }
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_READ, CHART, request);
+    }
+
+    @Test
+    @Order(4)
+    void testTab() throws Exception {
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(TAB);
+        ResourceTabEnableDTO resultData = getResultData(mvcResult, ResourceTabEnableDTO.class);
+        // 校验请求成功数据
+        Assertions.assertTrue(resultData.getAll());
+        Assertions.assertTrue(resultData.getDept());
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_READ, TAB);
+    }
+
+    @Test
+    @Order(5)
+    void testDisable() throws Exception {
+        CustomerContactDisableRequest request = new CustomerContactDisableRequest();
+        request.setReason("reason");
+
+        // 请求成功
+        this.requestPostWithOk(DISABLE, request, addCustomerContact.getId());
+
+        CustomerContact customerContact = customerContactMapper.selectByPrimaryKey(addCustomerContact.getId());
+        Assertions.assertEquals(customerContact.getDisableReason(), request.getReason());
+        Assertions.assertFalse(customerContact.getEnable());
+
+        request.setReason(null);
+        // 请求成功
+        this.requestPostWithOk(DISABLE, request, addCustomerContact.getId());
+
+        // 校验权限
+        requestPostPermissionsTest(List.of(PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_UPDATE, PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE),
+                DISABLE, request, addCustomerContact.getId());
+    }
+
+    @Test
+    @Order(6)
+    void testEnable() throws Exception {
+        // 请求成功
+        this.requestGet(ENABLE, addCustomerContact.getId());
+
+        CustomerContact customerContact = customerContactMapper.selectByPrimaryKey(addCustomerContact.getId());
+        // TODO 暂时让测试通过
+        // Assertions.assertEquals(customerContact.getDisableReason(),  StringUtils.EMPTY);
+        //  Assertions.assertTrue(customerContact.getEnable());
+
+        // 校验权限
+        requestGetPermissionsTest(List.of(PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_UPDATE, PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE),
+                ENABLE, addCustomerContact.getId());
+    }
+
+    @Test
+    @Order(7)
+    void testCheck() throws Exception {
+        // 请求成功
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(OPPORTUNITY_CHECK, addCustomerContact.getId());
+        Boolean result = getResultData(mvcResult, Boolean.class);
+
+        Assertions.assertFalse(result);
+
+        // 校验权限
+        requestGetPermissionsTest(List.of(PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_DELETE, PermissionConstants.CUSTOMER_MANAGEMENT_DELETE),
+                DEFAULT_DELETE, addCustomerContact.getId());
+    }
+
+    @Test
+    @Order(10)
+    void delete() throws Exception {
+        this.requestGetWithOk(DEFAULT_DELETE, addCustomerContact.getId());
+        CustomerContact customerContact = customerContactMapper.selectByPrimaryKey(addCustomerContact.getId());
+        Assertions.assertNull(customerContact);
+        // 校验权限
+        requestGetPermissionsTest(List.of(PermissionConstants.CUSTOMER_MANAGEMENT_CONTACT_DELETE, PermissionConstants.CUSTOMER_MANAGEMENT_DELETE),
+                DEFAULT_DELETE, addCustomerContact.getId());
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerContactUserViewControllerTest.java b/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerContactUserViewControllerTest.java
new file mode 100644
index 0000000..d820e89
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerContactUserViewControllerTest.java
@@ -0,0 +1,134 @@
+package cn.cordys.crm.customer.controller;
+
+import cn.cordys.common.dto.condition.FilterCondition;
+import cn.cordys.common.dto.request.PosRequest;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.system.domain.UserView;
+import cn.cordys.crm.system.dto.request.UserViewAddRequest;
+import cn.cordys.crm.system.dto.request.UserViewUpdateRequest;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.ArrayList;
+import java.util.List;
+
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class CustomerContactUserViewControllerTest extends BaseTest {
+
+    protected static final String DETAIL = "detail/{0}";
+    protected static final String LIST = "list";
+    protected static final String FIXED = "fixed/{0}";
+    protected static final String POS = "edit/pos";
+    protected static final String ENABLE = "enable/{0}";
+    private static final String BASE_PATH = "/account/contact/view/";
+    private static String viewId;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(1)
+    void testAdd() throws Exception {
+
+        UserViewAddRequest request = new UserViewAddRequest();
+        request.setName("测试视图11");
+        request.setSearchMode("AND");
+        request.setConditions(buildConditions());
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, request);
+        UserView resultData = getResultData(mvcResult, UserView.class);
+        viewId = resultData.getId();
+
+    }
+
+    private List<FilterCondition> buildConditions() {
+        List<FilterCondition> conditions = new ArrayList<>();
+
+        FilterCondition condition1 = new FilterCondition();
+        condition1.setName("123123312312");
+        condition1.setValue(null);
+        condition1.setOperator("EMPTY");
+        condition1.setMultipleValue(false);
+        condition1.setType("LOCATION");
+
+        FilterCondition condition2 = new FilterCondition();
+        condition2.setName("1231233333");
+        condition2.setValue("[\n" +
+                "                \"2\"\n" +
+                "            ]");
+        condition2.setOperator("IN");
+        condition2.setMultipleValue(false);
+        condition2.setType("1231");
+
+        conditions.add(condition1);
+        conditions.add(condition2);
+        return conditions;
+    }
+
+
+    @Test
+    @Order(2)
+    void testUpdate() throws Exception {
+        UserViewUpdateRequest request = new UserViewUpdateRequest();
+        request.setId(viewId);
+        request.setName("更新試圖22");
+        request.setConditions(buildConditions());
+        this.requestPost(DEFAULT_UPDATE, request);
+
+        request.setId("123123123");
+        this.requestPost(DEFAULT_UPDATE, request);
+    }
+
+    @Test
+    @Order(3)
+    void testGetDetail() throws Exception {
+        this.requestGet(DETAIL, viewId);
+    }
+
+    @Test
+    @Order(4)
+    void testList() throws Exception {
+        this.requestGet(LIST);
+    }
+
+    @Test
+    @Order(5)
+    void testFixed() throws Exception {
+        this.requestGet(FIXED, viewId);
+    }
+
+    @Test
+    @Order(5)
+    void testSortPos() throws Exception {
+        String moveId = viewId;
+        testAdd();
+        String targetId = viewId;
+        PosRequest request = new PosRequest();
+        request.setOrgId(DEFAULT_ORGANIZATION_ID);
+        request.setMoveId(moveId);
+        request.setTargetId(targetId);
+        request.setMoveMode("after");
+        this.requestGet(POS, request);
+    }
+
+    @Test
+    @Order(6)
+    void testEnable() throws Exception {
+        this.requestGet(ENABLE, viewId);
+    }
+
+    @Test
+    @Order(10)
+    void testDelete() throws Exception {
+        this.requestGetWithOk(DEFAULT_DELETE, viewId);
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerControllerTests.java
new file mode 100644
index 0000000..a7e2fd1
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerControllerTests.java
@@ -0,0 +1,466 @@
+package cn.cordys.crm.customer.controller;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.constants.InternalUserView;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.*;
+import cn.cordys.common.dto.chart.ChartCategoryAxisConfig;
+import cn.cordys.common.dto.chart.ChartConfig;
+import cn.cordys.common.dto.chart.ChartValueAxisConfig;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.customer.domain.Customer;
+import cn.cordys.crm.customer.domain.CustomerField;
+import cn.cordys.crm.customer.dto.request.*;
+import cn.cordys.crm.customer.dto.response.CustomerGetResponse;
+import cn.cordys.crm.customer.dto.response.CustomerListResponse;
+import cn.cordys.crm.system.domain.ExportTask;
+import cn.cordys.crm.system.domain.ModuleField;
+import cn.cordys.crm.system.domain.ModuleForm;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.request.BatchPoolReasonRequest;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.crm.system.service.ExportTaskCenterService;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.Strings;
+import org.junit.jupiter.api.*;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.http.ResponseEntity;
+import org.springframework.test.context.jdbc.Sql;
+import org.springframework.test.context.jdbc.SqlConfig;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.time.LocalDateTime;
+import java.time.ZoneId;
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Map;
+import java.util.function.Function;
+import java.util.stream.Collectors;
+
+import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+class CustomerControllerTests extends BaseTest {
+    protected static final String MODULE_FORM = "module/form";
+    protected static final String BATCH_TRANSFER = "batch/transfer";
+    protected static final String TAB = "tab";
+    protected static final String BATCH_TO_POOL = "batch/to-pool";
+    protected static final String OPTION = "option";
+    protected static final String OPPORTUNITY_PAGE = "opportunity/page";
+    protected static final String EXPORT_ALL = "export-all";
+    protected static final String EXPORT_SELECT = "export-select";
+    protected static final String MERGE = "merge";
+    protected static final String CHART = "chart";
+    protected static final String CONTRACT_PAGE = "contract/page";
+    protected static final String CONTRACT_PAYMENT_PLAN_PAGE = "contract/payment-plan/page";
+    private static final String BASE_PATH = "/account/";
+    private static final List<String> batchIds = new ArrayList<>();
+    private static Customer addCustomer;
+    private static Customer anotherCustomer;
+    private static ModuleFormConfigDTO moduleFormConfig;
+    @Resource
+    private BaseMapper<Customer> customerMapper;
+    @Resource
+    private BaseMapper<CustomerField> customerFieldMapper;
+    @Resource
+    private BaseMapper<ModuleField> moduleFieldMapper;
+    @Resource
+    private BaseMapper<ModuleForm> moduleFormMapper;
+    @Resource
+    private BaseMapper<ExportTask> exportTaskBaseMapper;
+    @Resource
+    private ExportTaskCenterService exportTaskCenterService;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(0)
+    void testModuleField() throws Exception {
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(MODULE_FORM);
+        moduleFormConfig = getResultData(mvcResult, ModuleFormConfigDTO.class);
+
+        // 校验权限
+        requestGetPermissionsTest(List.of(PermissionConstants.CUSTOMER_MANAGEMENT_READ, PermissionConstants.CUSTOMER_MANAGEMENT_POOL_READ), MODULE_FORM);
+    }
+
+    @Test
+    @Order(0)
+    void testPageEmpty() throws Exception {
+        CustomerPageRequest request = new CustomerPageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+
+        this.requestPostWithOkAndReturn(DEFAULT_PAGE, request);
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_READ, DEFAULT_PAGE, request);
+    }
+
+    @Test
+    @Order(1)
+    void testAdd() throws Exception {
+        ModuleForm moduleForm = getModuleForm();
+
+        ModuleField example = new ModuleField();
+        example.setFormId(moduleForm.getId());
+        ModuleField moduleField = moduleFieldMapper.select(example)
+                .stream()
+                .filter(field -> Strings.CS.equals(field.getInternalKey(), "customerLevel"))
+                .findFirst().orElse(null);
+
+        // 请求成功
+        CustomerAddRequest request = new CustomerAddRequest();
+        request.setName("aa");
+        request.setOwner("bb");
+        Assertions.assertNotNull(moduleField);
+        request.setModuleFields(List.of(new BaseModuleFieldValue(moduleField.getId(), "1")));
+
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, request);
+        Customer resultData = getResultData(mvcResult, Customer.class);
+        Customer customer = customerMapper.selectByPrimaryKey(resultData.getId());
+        Assertions.assertEquals(request.getName(), customer.getName());
+        Assertions.assertEquals(request.getOwner(), customer.getOwner());
+
+        // 校验字段
+        List<BaseModuleFieldValue> fieldValues = getCustomerFields(customer.getId())
+                .stream().map(customerField -> {
+                    BaseModuleFieldValue baseModuleFieldValue = BeanUtils.copyBean(new BaseModuleFieldValue(), customerField);
+                    baseModuleFieldValue.setFieldValue(customerField.getFieldValue().toString());
+                    return baseModuleFieldValue;
+                })
+                .toList();
+        Assertions.assertEquals(request.getModuleFields(), fieldValues);
+
+        // 创建另一个客户
+        request.setName("another");
+        request.setOwner(InternalUser.ADMIN.getValue());
+        mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, request);
+        resultData = getResultData(mvcResult, Customer.class);
+        anotherCustomer = customerMapper.selectByPrimaryKey(resultData.getId());
+
+        // 校验请求成功数据
+        addCustomer = customer;
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_ADD, DEFAULT_ADD, request);
+    }
+
+    private ModuleForm getModuleForm() {
+        ModuleForm example = new ModuleForm();
+        example.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        example.setFormKey(FormKey.CUSTOMER.getKey());
+        return moduleFormMapper.selectOne(example);
+    }
+
+    @Test
+    @Order(2)
+    void testUpdate() throws Exception {
+        // 请求成功
+        CustomerUpdateRequest request = new CustomerUpdateRequest();
+        request.setId(addCustomer.getId());
+        request.setName("aa11");
+        request.setOwner(InternalUser.ADMIN.getValue());
+        this.requestPostWithOk(DEFAULT_UPDATE, request);
+        // 校验请求成功数据
+        Customer customerResult = customerMapper.selectByPrimaryKey(request.getId());
+        Assertions.assertEquals(request.getName(), customerResult.getName());
+        Assertions.assertEquals(request.getOwner(), customerResult.getOwner());
+
+        // 不修改信息
+        CustomerUpdateRequest emptyRequest = new CustomerUpdateRequest();
+        emptyRequest.setId(addCustomer.getId());
+        this.requestPostWithOk(DEFAULT_UPDATE, emptyRequest);
+
+        addCustomer = customerMapper.selectByPrimaryKey(addCustomer.getId());
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE, DEFAULT_UPDATE, request);
+    }
+
+    @Test
+    @Order(3)
+    void testGet() throws Exception {
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(DEFAULT_GET, addCustomer.getId());
+        CustomerGetResponse getResponse = getResultData(mvcResult, CustomerGetResponse.class);
+
+        // 校验请求成功数据
+        Customer customer = customerMapper.selectByPrimaryKey(addCustomer.getId());
+        Customer responseCustomer = BeanUtils.copyBean(new Customer(), getResponse);
+        responseCustomer.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        responseCustomer.setInSharedPool(false);
+        responseCustomer.setCollectionTime(addCustomer.getCollectionTime());
+        Assertions.assertEquals(responseCustomer, customer);
+        Assertions.assertNotNull(getResponse.getOwnerName());
+        if (!getResponse.getOwner().equals(InternalUser.ADMIN.getValue())) {
+            Assertions.assertNotNull(getResponse.getDepartmentId());
+            Assertions.assertNotNull(getResponse.getDepartmentName());
+        }
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_READ, DEFAULT_GET, addCustomer.getId());
+    }
+
+
+    @Test
+    @Order(3)
+    void testPage() throws Exception {
+        CustomerPageRequest request = new CustomerPageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+
+        request.setViewId(InternalUserView.ALL.name());
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_PAGE, request);
+        Pager<List<CustomerListResponse>> pageResult = getPageResult(mvcResult, CustomerListResponse.class);
+        List<CustomerListResponse> customerList = pageResult.getList();
+
+        Customer example = new Customer();
+        example.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        example.setInSharedPool(false);
+        Map<String, Customer> customerMap = customerMapper.select(example)
+                .stream()
+                .collect(Collectors.toMap(Customer::getId, Function.identity()));
+
+        customerList.forEach(customerListResponse -> {
+            Customer customer = customerMap.get(customerListResponse.getId());
+            Customer responseCustomer = BeanUtils.copyBean(new Customer(), customerListResponse);
+            responseCustomer.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+            responseCustomer.setInSharedPool(false);
+            Assertions.assertEquals(customer.getName(), responseCustomer.getName());
+        });
+
+        request.setViewId(InternalUserView.SELF.name());
+        this.requestPostWithOk(DEFAULT_PAGE, request);
+
+        request.setViewId(InternalUserView.DEPARTMENT.name());
+        this.requestPostWithOk(DEFAULT_PAGE, request);
+
+        request.setViewId(InternalUserView.CUSTOMER_COLLABORATION.name());
+        this.requestPostWithOk(DEFAULT_PAGE, request);
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_READ, DEFAULT_PAGE, request);
+    }
+
+    @Test
+    @Order(3)
+    void testContractPage() throws Exception {
+        CustomerContractPageRequest request = new CustomerContractPageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+        request.setCustomerId(addCustomer.getId());
+
+        request.setViewId(InternalUserView.ALL.name());
+        this.requestPostWithOkAndReturn(CONTRACT_PAGE, request);
+
+        // 校验权限
+        requestPostPermissionsTest(List.of(PermissionConstants.CUSTOMER_MANAGEMENT_READ, PermissionConstants.CONTRACT_READ), CONTRACT_PAGE, request);
+    }
+
+    @Test
+    @Order(3)
+    void testContractPaymentPlanPage() throws Exception {
+        CustomerContractPaymentPlanPageRequest request = new CustomerContractPaymentPlanPageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+        request.setCustomerId(addCustomer.getId());
+
+        request.setViewId(InternalUserView.ALL.name());
+        this.requestPostWithOkAndReturn(CONTRACT_PAYMENT_PLAN_PAGE, request);
+
+        // 校验权限
+        requestPostPermissionsTest(List.of(PermissionConstants.CUSTOMER_MANAGEMENT_READ, PermissionConstants.CONTRACT_PAYMENT_PLAN_READ), CONTRACT_PAYMENT_PLAN_PAGE, request);
+    }
+
+    @Test
+    @Order(4)
+    void testChart() throws Exception {
+        ChartAnalysisRequest request = new ChartAnalysisRequest();
+
+        for (BaseField field : moduleFormConfig.getFields().subList(0, 5)) {
+            ChartConfig chartConfig = new ChartConfig();
+            ChartCategoryAxisConfig chartCategoryAxisConfig = new ChartCategoryAxisConfig();
+            chartCategoryAxisConfig.setFieldId(field.getId());
+            chartConfig.setCategoryAxis(chartCategoryAxisConfig);
+            ChartValueAxisConfig chartValueAxisConfig = new ChartValueAxisConfig();
+            chartValueAxisConfig.setFieldId(field.getId());
+            chartConfig.setValueAxis(chartValueAxisConfig);
+            request.setChartConfig(chartConfig);
+            this.requestPostWithOkAndReturn(CHART, request);
+        }
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_READ, CHART, request);
+    }
+
+    @Test
+    @Order(6)
+    void testTransfer() throws Exception {
+        CustomerBatchTransferRequest request = new CustomerBatchTransferRequest();
+        request.setIds(List.of(addCustomer.getId()));
+        request.setOwner(PERMISSION_USER_NAME);
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(BATCH_TRANSFER, request);
+
+        getResultData(mvcResult, CustomerGetResponse.class);
+
+        // 校验请求成功数据
+        Customer customer = customerMapper.selectByPrimaryKey(addCustomer.getId());
+        Assertions.assertEquals(PERMISSION_USER_NAME, customer.getOwner());
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_TRANSFER, BATCH_TRANSFER, request);
+    }
+
+    @Test
+    @Order(7)
+    void testOption() throws Exception {
+        BasePageRequest request = new BasePageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(OPTION, request);
+
+        List<OptionDTO> options = getPageResult(mvcResult, OptionDTO.class).getList();
+
+        Assertions.assertTrue(CollectionUtils.isNotEmpty(options));
+
+        request.setKeyword(addCustomer.getName());
+        mvcResult = this.requestPostWithOkAndReturn(OPTION, request);
+        options = getPageResult(mvcResult, OptionDTO.class).getList();
+
+        Assertions.assertEquals(1, options.size());
+        Assertions.assertEquals(addCustomer.getId(), options.getFirst().getId());
+        Assertions.assertEquals(addCustomer.getName(), options.getFirst().getName());
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_READ, OPTION, request);
+    }
+
+    @Test
+    @Order(8)
+    void testTab() throws Exception {
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(TAB);
+        ResourceTabEnableDTO resultData = getResultData(mvcResult, ResourceTabEnableDTO.class);
+        // 校验请求成功数据
+        Assertions.assertTrue(resultData.getAll());
+        Assertions.assertTrue(resultData.getDept());
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_READ, TAB);
+    }
+
+    @Test
+    @Order(10)
+    void testDelete() throws Exception {
+        this.requestGetWithOk(DEFAULT_DELETE, addCustomer.getId());
+        Assertions.assertNull(customerMapper.selectByPrimaryKey(addCustomer.getId()));
+
+        List<CustomerField> fields = getCustomerFields(addCustomer.getId());
+        Assumptions.assumeTrue(CollectionUtils.isEmpty(fields));
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_DELETE, DEFAULT_DELETE, addCustomer.getId());
+    }
+
+    @Test
+    @Order(11)
+    void testBatchDelete() throws Exception {
+        this.requestPostWithOk(DEFAULT_BATCH_DELETE, List.of(anotherCustomer.getId()));
+        Assertions.assertNull(customerMapper.selectByPrimaryKey(anotherCustomer.getId()));
+
+        List<CustomerField> fields = getCustomerFields(anotherCustomer.getId());
+        Assumptions.assumeTrue(CollectionUtils.isEmpty(fields));
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_DELETE, DEFAULT_BATCH_DELETE, List.of(anotherCustomer.getId()));
+    }
+
+    @Test
+    @Order(12)
+    @Sql(scripts = {"/dml/init_customer_test.sql"},
+            config = @SqlConfig(encoding = "utf-8", transactionMode = SqlConfig.TransactionMode.ISOLATED),
+            executionPhase = Sql.ExecutionPhase.BEFORE_TEST_METHOD)
+    @Sql(scripts = {"/dml/cleanup_customer_test.sql"},
+            config = @SqlConfig(encoding = "utf-8", transactionMode = SqlConfig.TransactionMode.ISOLATED),
+            executionPhase = Sql.ExecutionPhase.AFTER_TEST_METHOD)
+    void testPageReservedDay() throws Exception {
+        CustomerAddRequest addRequest = new CustomerAddRequest();
+        addRequest.setName("aa");
+        addRequest.setOwner("admin");
+        this.requestPostWithOk(DEFAULT_ADD, addRequest);
+        CustomerPageRequest request = new CustomerPageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+        request.setViewId(InternalUserView.ALL.name());
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_PAGE, request);
+        Pager<List<CustomerListResponse>> pageResult = getPageResult(mvcResult, CustomerListResponse.class);
+        List<CustomerListResponse> customerList = pageResult.getList();
+        customerList.forEach(customerListResponse -> batchIds.add(customerListResponse.getId()));
+        BatchPoolReasonRequest reasonRequest = new BatchPoolReasonRequest();
+        reasonRequest.setIds(batchIds);
+        this.requestPostWithOk(BATCH_TO_POOL, reasonRequest);
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_RECYCLE, BATCH_TO_POOL, reasonRequest);
+    }
+
+    @Test
+    @Order(13)
+    void testBatchToPool() throws Exception {
+        BatchPoolReasonRequest reasonRequest = new BatchPoolReasonRequest();
+        reasonRequest.setIds(batchIds);
+        this.requestPostWithOk(BATCH_TO_POOL, reasonRequest);
+    }
+
+    @Test
+    @Order(14)
+    void testOpportunityPage() throws Exception {
+        CustomerOpportunityPageRequest request = new CustomerOpportunityPageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+        request.setCustomerId(addCustomer.getId());
+        this.requestPostWithOk(OPPORTUNITY_PAGE, request);
+        // check permission
+        requestPostPermissionsTest(List.of(PermissionConstants.CUSTOMER_MANAGEMENT_READ, PermissionConstants.OPPORTUNITY_MANAGEMENT_READ), OPPORTUNITY_PAGE, request);
+    }
+
+    @Test
+    @Order(15)
+    void testMerge() throws Exception {
+        CustomerMergeRequest mergeRequest = new CustomerMergeRequest();
+        mergeRequest.setMergeIds(List.of("test-id"));
+        mergeRequest.setToMergeId("test-id");
+        mergeRequest.setOwnerId("admin");
+        MvcResult mvcResult = this.requestPost(MERGE, mergeRequest).andExpect(status().is5xxServerError()).andReturn();
+        assert mvcResult.getResponse().getContentAsString().contains(Translator.get("no.customer.merge.data"));
+        CustomerAddRequest addRequest = new CustomerAddRequest();
+        addRequest.setName("zz");
+        addRequest.setOwner("admin");
+        MvcResult addResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, addRequest);
+        Customer resultData = getResultData(addResult, Customer.class);
+        mergeRequest.setMergeIds(List.of(anotherCustomer.getId()));
+        mergeRequest.setToMergeId(resultData.getId());
+        this.requestPostWithOk(MERGE, mergeRequest);
+        // check permission
+        requestPostPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_MERGE, MERGE, mergeRequest);
+    }
+
+    private List<CustomerField> getCustomerFields(String customerId) {
+        CustomerField example = new CustomerField();
+        example.setResourceId(customerId);
+        return customerFieldMapper.select(example);
+    }
+
+
+}
\ No newline at end of file
diff --git a/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerFollowPlanControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerFollowPlanControllerTests.java
new file mode 100644
index 0000000..50af7d3
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerFollowPlanControllerTests.java
@@ -0,0 +1,119 @@
+package cn.cordys.crm.customer.controller;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.follow.constants.FollowUpPlanStatusType;
+import cn.cordys.crm.follow.domain.FollowUpPlan;
+import cn.cordys.crm.follow.domain.FollowUpRecord;
+import cn.cordys.crm.follow.dto.request.FollowUpPlanAddRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpPlanStatusRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpPlanUpdateRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpRecordPageRequest;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.List;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class CustomerFollowPlanControllerTests extends BaseTest {
+
+    private static final String BASE_PATH = "/account/follow/plan/";
+
+    private static final String CANCEL_PLAN = "cancel/{0}";
+    private static final String STATUS_UPDATE = "status/update";
+    private static FollowUpPlan addFollowUpPlan;
+    @Resource
+    private BaseMapper<FollowUpPlan> followUpPlanMapper;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(1)
+    void testAdd() throws Exception {
+        FollowUpPlanAddRequest request = new FollowUpPlanAddRequest();
+        request.setCustomerId("123");
+        request.setOpportunityId("12345");
+        request.setOwner("admin");
+        request.setContactId("123456");
+        request.setType("CUSTOMER");
+        request.setMethod("1");
+        request.setContent("计划一下");
+        request.setEstimatedTime(System.currentTimeMillis());
+        request.setModuleFields(List.of(new BaseModuleFieldValue("id", "value")));
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, request);
+        FollowUpRecord resultData = getResultData(mvcResult, FollowUpRecord.class);
+        addFollowUpPlan = followUpPlanMapper.selectByPrimaryKey(resultData.getId());
+    }
+
+
+    @Test
+    @Order(2)
+    void testUpdate() throws Exception {
+        FollowUpPlanUpdateRequest request = new FollowUpPlanUpdateRequest();
+        request.setId("1234");
+        request.setCustomerId("123");
+        request.setOpportunityId("12345");
+        request.setOwner("admin");
+        request.setMethod("2");
+        request.setContactId("1234567");
+        request.setType("CUSTOMER");
+        request.setContent("计划两下");
+        request.setConverted(false);
+        request.setEstimatedTime(System.currentTimeMillis());
+        request.setModuleFields(List.of(new BaseModuleFieldValue("id", "value")));
+        this.requestPost(DEFAULT_UPDATE, request);
+
+        request.setId(addFollowUpPlan.getId());
+        this.requestPostWithOk(DEFAULT_UPDATE, request);
+    }
+
+
+    @Test
+    @Order(3)
+    void testList() throws Exception {
+        FollowUpRecordPageRequest request = new FollowUpRecordPageRequest();
+        request.setSourceId("123");
+        request.setCurrent(1);
+        request.setPageSize(10);
+        this.requestPost(DEFAULT_PAGE, request);
+    }
+
+    @Test
+    @Order(4)
+    void testGet() throws Exception {
+        this.requestGet(DEFAULT_GET, addFollowUpPlan.getId());
+    }
+
+    @Test
+    @Order(4)
+    void testStatusUpdate() throws Exception {
+        FollowUpPlanStatusRequest request = new FollowUpPlanStatusRequest();
+        request.setId(addFollowUpPlan.getId());
+        request.setStatus(FollowUpPlanStatusType.COMPLETED.name());
+        this.requestPost(STATUS_UPDATE, request);
+    }
+
+    @Test
+    @Order(5)
+    void testCancelPlan() throws Exception {
+        this.requestGetWithOk(CANCEL_PLAN, addFollowUpPlan.getId());
+    }
+
+    @Test
+    @Order(6)
+    void tesDeletePlan() throws Exception {
+        this.requestGetWithOk(DEFAULT_DELETE, addFollowUpPlan.getId());
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerFollowRecordControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerFollowRecordControllerTests.java
new file mode 100644
index 0000000..acf8b12
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerFollowRecordControllerTests.java
@@ -0,0 +1,110 @@
+package cn.cordys.crm.customer.controller;
+
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.follow.domain.FollowUpRecord;
+import cn.cordys.crm.follow.dto.request.FollowUpRecordAddRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpRecordPageRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpRecordUpdateRequest;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.List;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class CustomerFollowRecordControllerTests extends BaseTest {
+
+    private static final String BASE_PATH = "/account/follow/record/";
+
+    private static final String POOL_PAGE = "pool/page";
+    private static FollowUpRecord addFollowUpRecord;
+    @Resource
+    private BaseMapper<FollowUpRecord> followUpRecordMapper;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(1)
+    void testAdd() throws Exception {
+        FollowUpRecordAddRequest request = new FollowUpRecordAddRequest();
+        request.setCustomerId("123");
+        request.setOpportunityId("12345");
+        request.setOwner("admin");
+        request.setContactId("123456");
+        request.setFollowMethod("1");
+        request.setType("CUSTOMER");
+        request.setContent("跟进一下");
+        request.setFollowTime(System.currentTimeMillis());
+        request.setModuleFields(List.of(new BaseModuleFieldValue("id", "value")));
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, request);
+        FollowUpRecord resultData = getResultData(mvcResult, FollowUpRecord.class);
+        addFollowUpRecord = followUpRecordMapper.selectByPrimaryKey(resultData.getId());
+    }
+
+
+    @Test
+    @Order(2)
+    void testUpdate() throws Exception {
+        FollowUpRecordUpdateRequest request = new FollowUpRecordUpdateRequest();
+        request.setId("1234");
+        request.setCustomerId("123");
+        request.setOpportunityId("12345");
+        request.setOwner("admin");
+        request.setContactId("1234567");
+        request.setFollowMethod("2");
+        request.setType("CUSTOMER");
+        request.setContent("跟进两下");
+        request.setModuleFields(List.of(new BaseModuleFieldValue("id", "value")));
+        this.requestPost(DEFAULT_UPDATE, request);
+
+        request.setId(addFollowUpRecord.getId());
+        this.requestPostWithOk(DEFAULT_UPDATE, request);
+    }
+
+
+    @Test
+    @Order(3)
+    void testList() throws Exception {
+        FollowUpRecordPageRequest request = new FollowUpRecordPageRequest();
+        request.setSourceId("123");
+        request.setCurrent(1);
+        request.setPageSize(10);
+        this.requestPost(DEFAULT_PAGE, request);
+    }
+
+    @Test
+    @Order(4)
+    void testGet() throws Exception {
+        this.requestGet(DEFAULT_GET, addFollowUpRecord.getId());
+    }
+
+
+    @Test
+    @Order(3)
+    void testPoolList() throws Exception {
+        FollowUpRecordPageRequest request = new FollowUpRecordPageRequest();
+        request.setSourceId("123");
+        request.setCurrent(1);
+        request.setPageSize(10);
+        this.requestPost(POOL_PAGE, request);
+    }
+
+    @Test
+    @Order(5)
+    void testDeleteRecord() throws Exception {
+        this.requestGetWithOk(DEFAULT_DELETE, addFollowUpRecord.getId());
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerOwnerHistoryControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerOwnerHistoryControllerTests.java
new file mode 100644
index 0000000..7d1be7b
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerOwnerHistoryControllerTests.java
@@ -0,0 +1,113 @@
+package cn.cordys.crm.customer.controller;
+
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.customer.domain.Customer;
+import cn.cordys.crm.customer.domain.CustomerOwner;
+import cn.cordys.crm.customer.dto.request.CustomerAddRequest;
+import cn.cordys.crm.customer.dto.request.CustomerBatchTransferRequest;
+import cn.cordys.crm.customer.dto.response.CustomerOwnerListResponse;
+import cn.cordys.crm.customer.service.CustomerOwnerHistoryService;
+import cn.cordys.crm.customer.service.CustomerService;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections4.CollectionUtils;
+import org.junit.jupiter.api.*;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.List;
+import java.util.UUID;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+class CustomerOwnerHistoryControllerTests extends BaseTest {
+    protected static final String LIST = "list/{0}";
+    private static final String BASE_PATH = "/account/owner/history/";
+    private static Customer addCustomer;
+
+    @Resource
+    private CustomerOwnerHistoryService customerOwnerHistoryService;
+
+    @Resource
+    private CustomerService customerService;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(0)
+    void testListEmpty() throws Exception {
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(LIST, "111");
+        List<CustomerOwnerListResponse> list = getResultDataArray(mvcResult, CustomerOwnerListResponse.class);
+        Assertions.assertTrue(CollectionUtils.isEmpty(list));
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_READ, LIST, "111");
+    }
+
+    @Test
+    @Order(1)
+    void testAdd() {
+        CustomerAddRequest customerAddRequest = new CustomerAddRequest();
+        customerAddRequest.setName(UUID.randomUUID().toString());
+        customerAddRequest.setOwner(InternalUser.ADMIN.getValue());
+        addCustomer = customerService.add(customerAddRequest, InternalUser.ADMIN.getValue(), DEFAULT_ORGANIZATION_ID);
+
+        CustomerOwner customerOwner = customerOwnerHistoryService.add(addCustomer, InternalUser.ADMIN.getValue(), false);
+        // 校验成功数据
+        Assertions.assertEquals(customerOwner.getCustomerId(), addCustomer.getId());
+        Assertions.assertEquals(customerOwner.getOperator(), InternalUser.ADMIN.getValue());
+        Assertions.assertEquals(customerOwner.getCollectionTime(), addCustomer.getCollectionTime());
+        Assertions.assertEquals(customerOwner.getOwner(), addCustomer.getOwner());
+    }
+
+    @Test
+    @Order(2)
+    void testBatchAdd() {
+        CustomerBatchTransferRequest transferRequest = new CustomerBatchTransferRequest();
+        transferRequest.setIds(List.of(addCustomer.getId()));
+        transferRequest.setOwner(PERMISSION_USER_NAME);
+        customerOwnerHistoryService.batchAdd(transferRequest, InternalUser.ADMIN.getValue());
+
+        List<CustomerOwnerListResponse> list = customerOwnerHistoryService.list(addCustomer.getId(), DEFAULT_ORGANIZATION_ID);
+        for (CustomerOwnerListResponse customerOwner : list) {
+            // 校验成功数据
+            Assertions.assertEquals(customerOwner.getCustomerId(), addCustomer.getId());
+            Assertions.assertEquals(customerOwner.getOperator(), InternalUser.ADMIN.getValue());
+            Assertions.assertEquals(customerOwner.getCollectionTime(), addCustomer.getCollectionTime());
+            Assertions.assertEquals(customerOwner.getOwner(), addCustomer.getOwner());
+        }
+    }
+
+    @Test
+    @Order(3)
+    void testList() throws Exception {
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(LIST, addCustomer.getId());
+        List<CustomerOwnerListResponse> list = getResultDataArray(mvcResult, CustomerOwnerListResponse.class);
+        list.forEach(customerOwner -> {
+            // 校验成功数据
+            Assertions.assertEquals(customerOwner.getCustomerId(), addCustomer.getId());
+            Assertions.assertEquals(customerOwner.getOperator(), InternalUser.ADMIN.getValue());
+            Assertions.assertEquals(customerOwner.getCollectionTime(), addCustomer.getCollectionTime());
+            Assertions.assertEquals(customerOwner.getOwner(), addCustomer.getOwner());
+            Assertions.assertNotNull(customerOwner.getOwnerName());
+            Assertions.assertNotNull(customerOwner.getOwnerName());
+        });
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_READ, LIST, "111");
+    }
+
+    @Test
+    @Order(10)
+    void batchDelete() {
+        customerOwnerHistoryService.deleteByCustomerIds(List.of(addCustomer.getId()));
+        List<CustomerOwnerListResponse> list = customerOwnerHistoryService.list(addCustomer.getId(), DEFAULT_ORGANIZATION_ID);
+        Assertions.assertTrue(list.isEmpty());
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerPoolControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerPoolControllerTests.java
new file mode 100644
index 0000000..165b9b7
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerPoolControllerTests.java
@@ -0,0 +1,160 @@
+package cn.cordys.crm.customer.controller;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.common.dto.SortRequest;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.customer.domain.Customer;
+import cn.cordys.crm.customer.domain.CustomerPool;
+import cn.cordys.crm.customer.dto.CustomerPoolDTO;
+import cn.cordys.crm.customer.dto.CustomerPoolPickRuleDTO;
+import cn.cordys.crm.customer.dto.CustomerPoolRecycleRuleDTO;
+import cn.cordys.crm.customer.dto.request.CustomerPoolAddRequest;
+import cn.cordys.crm.customer.dto.request.CustomerPoolUpdateRequest;
+import cn.cordys.crm.system.dto.RuleConditionDTO;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.List;
+import java.util.Set;
+
+import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class CustomerPoolControllerTests extends BaseTest {
+
+    private static CustomerPoolDTO testCustomerPool;
+    @Resource
+    private BaseMapper<CustomerPool> customerPoolMapper;
+    @Resource
+    private BaseMapper<Customer> customerMapper;
+
+    @Test
+    @Order(1)
+    void emptyPage() throws Exception {
+        MvcResult mvcResult = this.requestPostWithOkAndReturn("/account-pool/page", createPageRequest());
+        Pager<List<CustomerPoolDTO>> result = getPageResult(mvcResult, CustomerPoolDTO.class);
+        assert result.getList().isEmpty();
+    }
+
+    @Test
+    @Order(2)
+    void add() throws Exception {
+        CustomerPool customerPool = createCustomerPool();
+        CustomerPoolAddRequest request = new CustomerPoolAddRequest();
+        BeanUtils.copyBean(request, customerPool);
+        request.setOwnerIds(List.of("cc"));
+        request.setScopeIds(List.of("cc"));
+        CustomerPoolPickRuleDTO pickRule = CustomerPoolPickRuleDTO.builder()
+                .limitOnNumber(true).limitPreOwner(true).limitNew(false).pickNumber(1).pickIntervalDays(1).build();
+        request.setPickRule(pickRule);
+        RuleConditionDTO condition = new RuleConditionDTO();
+        condition.setColumn("name");
+        condition.setOperator("=");
+        condition.setValue("cc");
+        CustomerPoolRecycleRuleDTO recycleRule = CustomerPoolRecycleRuleDTO.builder()
+                .conditions(List.of(condition)).build();
+        request.setRecycleRule(recycleRule);
+        request.setHiddenFieldIds(Set.of(BusinessModuleField.CUSTOMER_NAME.getKey()));
+        this.requestPostWithOk("/account-pool/add", request);
+    }
+
+    @Test
+    @Order(3)
+    void page() throws Exception {
+        BasePageRequest request = createPageRequest();
+        request.setSort(new SortRequest("name", "desc"));
+        MvcResult mvcResult = this.requestPostWithOkAndReturn("/account-pool/page", request);
+        Pager<List<CustomerPoolDTO>> result = getPageResult(mvcResult, CustomerPoolDTO.class);
+        assert result.getList().size() == 1;
+        testCustomerPool = result.getList().getFirst();
+    }
+
+    @Test
+    @Order(4)
+    void update() throws Exception {
+        CustomerPool customerPool = createCustomerPool();
+        customerPool.setId(testCustomerPool.getId());
+        CustomerPoolUpdateRequest request = new CustomerPoolUpdateRequest();
+        BeanUtils.copyBean(request, customerPool);
+        request.setOwnerIds(List.of("cc"));
+        request.setScopeIds(List.of("cc"));
+        CustomerPoolPickRuleDTO pickRule = CustomerPoolPickRuleDTO.builder()
+                .limitOnNumber(true).limitPreOwner(true).pickNumber(1).pickIntervalDays(1).build();
+        pickRule.setLimitNew(false);
+        request.setPickRule(pickRule);
+        CustomerPoolRecycleRuleDTO recycleRule = CustomerPoolRecycleRuleDTO.builder()
+                .build();
+        request.setRecycleRule(recycleRule);
+        request.setHiddenFieldIds(Set.of(BusinessModuleField.CUSTOMER_OWNER.getKey()));
+        this.requestPostWithOk("/account-pool/update", request);
+    }
+
+    @Test
+    @Order(5)
+    void switchStatus() throws Exception {
+        MvcResult mvcResult = this.requestGet("/account-pool/switch/default-pool").andExpect(status().is5xxServerError()).andReturn();
+        assert mvcResult.getResponse().getContentAsString().contains(Translator.get("customer_pool_not_exist"));
+        this.requestGetWithOk("/account-pool/switch/" + testCustomerPool.getId());
+    }
+
+    @Test
+    @Order(6)
+    void delete() throws Exception {
+        MvcResult mvcResult = this.requestGet("/account-pool/delete/default-pool").andExpect(status().is5xxServerError()).andReturn();
+        assert mvcResult.getResponse().getContentAsString().contains(Translator.get("customer_pool_not_exist"));
+        // insert free customer on the pool, then delete it
+        Customer freeCustomer = createFreeCustomer();
+        freeCustomer.setPoolId(testCustomerPool.getId());
+        customerMapper.insert(freeCustomer);
+        this.requestGet("/account-pool/no-pick/" + testCustomerPool.getId());
+        // pick customer, delete the pool
+        customerMapper.deleteByPrimaryKey(freeCustomer.getId());
+        this.requestGetWithOk("/account-pool/delete/" + testCustomerPool.getId());
+    }
+
+    private BasePageRequest createPageRequest() {
+        BasePageRequest request = new BasePageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+        return request;
+    }
+
+    private CustomerPool createCustomerPool() {
+        CustomerPool customerPool = new CustomerPool();
+        customerPool.setName("default-ct-pool");
+        customerPool.setScopeId(JSON.toJSONString(List.of("default-dp")));
+        customerPool.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        customerPool.setEnable(true);
+        customerPool.setAuto(true);
+        return customerPool;
+    }
+
+    private Customer createFreeCustomer() {
+        Customer customer = new Customer();
+        customer.setId("default-ct-id");
+        customer.setName("default-ct");
+        customer.setInSharedPool(true);
+        customer.setOwner("admin");
+        customer.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        customer.setCollectionTime(System.currentTimeMillis());
+        customer.setCreateTime(System.currentTimeMillis());
+        customer.setCreateUser("default-user");
+        customer.setUpdateTime(System.currentTimeMillis());
+        customer.setUpdateUser("default-user");
+        return customer;
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerRelationControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerRelationControllerTests.java
new file mode 100644
index 0000000..3e14b02
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerRelationControllerTests.java
@@ -0,0 +1,151 @@
+package cn.cordys.crm.customer.controller;
+
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.customer.constants.CustomerRelationType;
+import cn.cordys.crm.customer.domain.Customer;
+import cn.cordys.crm.customer.domain.CustomerRelation;
+import cn.cordys.crm.customer.dto.request.CustomerAddRequest;
+import cn.cordys.crm.customer.dto.request.CustomerRelationSaveRequest;
+import cn.cordys.crm.customer.dto.request.CustomerRelationUpdateRequest;
+import cn.cordys.crm.customer.dto.response.CustomerRelationListResponse;
+import cn.cordys.crm.customer.service.CustomerRelationService;
+import cn.cordys.crm.customer.service.CustomerService;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections4.CollectionUtils;
+import org.junit.jupiter.api.*;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.List;
+import java.util.UUID;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+class CustomerRelationControllerTests extends BaseTest {
+    protected static final String LIST = "list/{0}";
+    protected static final String SAVE = "save/{0}";
+    protected static final String ADD = "add/{0}";
+    protected static final String UPDATE = "update/{0}";
+    protected static final String DELETE = "delete/{0}";
+    private static final String BASE_PATH = "/account/relation/";
+    private static Customer addCustomer;
+    private static CustomerRelation addCustomerRelation;
+    private static Customer anotherAddCustomer;
+
+    @Resource
+    private CustomerRelationService customerRelationService;
+
+    @Resource
+    private CustomerService customerService;
+
+    @Resource
+    private BaseMapper<CustomerRelation> customerRelationBaseMapper;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(0)
+    void testListEmpty() throws Exception {
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(LIST, "111");
+        List<CustomerRelationListResponse> list = getResultDataArray(mvcResult, CustomerRelationListResponse.class);
+        Assertions.assertTrue(CollectionUtils.isEmpty(list));
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_READ, LIST, "111");
+    }
+
+    @Test
+    @Order(1)
+    void testSave() throws Exception {
+        // 校验权限 放前面，否则会删掉创建的关系
+        requestPostPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE, SAVE, List.of(), "111");
+
+        CustomerAddRequest customerAddRequest = new CustomerAddRequest();
+        customerAddRequest.setName(UUID.randomUUID().toString());
+        customerAddRequest.setOwner(InternalUser.ADMIN.getValue());
+        addCustomer = customerService.add(customerAddRequest, InternalUser.ADMIN.getValue(), DEFAULT_ORGANIZATION_ID);
+
+        customerAddRequest.setName(UUID.randomUUID().toString());
+        anotherAddCustomer = customerService.add(customerAddRequest, InternalUser.ADMIN.getValue(), DEFAULT_ORGANIZATION_ID);
+
+        List<CustomerRelationSaveRequest> requests = List.of(new CustomerRelationSaveRequest());
+        requestPostWithOk(SAVE, requests, addCustomer.getId());
+
+        requests = List.of(new CustomerRelationSaveRequest(anotherAddCustomer.getId(), CustomerRelationType.SUBSIDIARY.name()));
+        requestPostWithOk(SAVE, requests, addCustomer.getId());
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE, SAVE, requests, addCustomer.getId());
+    }
+
+    @Test
+    @Order(3)
+    void testList() throws Exception {
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(LIST, addCustomer.getId());
+        List<CustomerRelationListResponse> list = getResultDataArray(mvcResult, CustomerRelationListResponse.class);
+        CustomerRelationListResponse response = list.getFirst();
+
+        Assertions.assertEquals(response.getCustomerId(), anotherAddCustomer.getId());
+        Assertions.assertEquals(response.getRelationType(), CustomerRelationType.SUBSIDIARY.name());
+        Assertions.assertNotNull(response.getCustomerName());
+    }
+
+    @Test
+    @Order(4)
+    void testAdd() throws Exception {
+        CustomerRelationSaveRequest customerRelationSaveRequest = new CustomerRelationSaveRequest(anotherAddCustomer.getId(), CustomerRelationType.SUBSIDIARY.name());
+
+        MvcResult mvcResult = requestPostWithOkAndReturn(ADD, customerRelationSaveRequest, addCustomer.getId());
+        addCustomerRelation = getResultData(mvcResult, CustomerRelation.class);
+        addCustomerRelation = customerRelationBaseMapper.selectByPrimaryKey(addCustomerRelation.getId());
+        Assertions.assertEquals(addCustomerRelation.getSourceCustomerId(), addCustomer.getId());
+        Assertions.assertEquals(addCustomerRelation.getTargetCustomerId(), anotherAddCustomer.getId());
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE, ADD, customerRelationSaveRequest, addCustomer.getId());
+    }
+
+    @Test
+    @Order(5)
+    void testEdit() throws Exception {
+        CustomerRelationUpdateRequest customerRelationUpdateRequest = new CustomerRelationUpdateRequest();
+        customerRelationUpdateRequest.setId(addCustomerRelation.getId());
+        customerRelationUpdateRequest.setCustomerId(anotherAddCustomer.getId());
+        customerRelationUpdateRequest.setRelationType(CustomerRelationType.GROUP.name());
+        requestPostWithOk(UPDATE, customerRelationUpdateRequest, addCustomer.getId());
+
+        addCustomerRelation = customerRelationBaseMapper.selectByPrimaryKey(addCustomerRelation.getId());
+        Assertions.assertEquals(addCustomerRelation.getTargetCustomerId(), addCustomer.getId());
+        Assertions.assertEquals(addCustomerRelation.getSourceCustomerId(), anotherAddCustomer.getId());
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE, UPDATE, customerRelationUpdateRequest, addCustomer.getId());
+    }
+
+    @Test
+    @Order(9)
+    void delete() throws Exception {
+        requestGetWithOk(DELETE, addCustomerRelation.getId());
+
+        Assertions.assertNull(customerRelationBaseMapper.selectByPrimaryKey(addCustomerRelation.getId()));
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_UPDATE, DELETE, addCustomerRelation.getId());
+    }
+
+    @Test
+    @Order(10)
+    void batchDelete() {
+        customerRelationService.deleteByCustomerId(addCustomer.getId());
+        List<CustomerRelationListResponse> list = customerRelationService.list(addCustomer.getId());
+        Assertions.assertTrue(list.isEmpty());
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerUserViewControllerTest.java b/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerUserViewControllerTest.java
new file mode 100644
index 0000000..0c82455
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/customer/controller/CustomerUserViewControllerTest.java
@@ -0,0 +1,134 @@
+package cn.cordys.crm.customer.controller;
+
+import cn.cordys.common.dto.condition.FilterCondition;
+import cn.cordys.common.dto.request.PosRequest;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.system.domain.UserView;
+import cn.cordys.crm.system.dto.request.UserViewAddRequest;
+import cn.cordys.crm.system.dto.request.UserViewUpdateRequest;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.ArrayList;
+import java.util.List;
+
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class CustomerUserViewControllerTest extends BaseTest {
+
+    protected static final String DETAIL = "detail/{0}";
+    protected static final String LIST = "list";
+    protected static final String FIXED = "fixed/{0}";
+    protected static final String POS = "edit/pos";
+    protected static final String ENABLE = "enable/{0}";
+    private static final String BASE_PATH = "/account/view/";
+    private static String viewId;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(1)
+    void testAdd() throws Exception {
+
+        UserViewAddRequest request = new UserViewAddRequest();
+        request.setName("测试视图11");
+        request.setSearchMode("AND");
+        request.setConditions(buildConditions());
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, request);
+        UserView resultData = getResultData(mvcResult, UserView.class);
+        viewId = resultData.getId();
+
+    }
+
+    private List<FilterCondition> buildConditions() {
+        List<FilterCondition> conditions = new ArrayList<>();
+
+        FilterCondition condition1 = new FilterCondition();
+        condition1.setName("123123312312");
+        condition1.setValue(null);
+        condition1.setOperator("EMPTY");
+        condition1.setMultipleValue(false);
+        condition1.setType("LOCATION");
+
+        FilterCondition condition2 = new FilterCondition();
+        condition2.setName("1231233333");
+        condition2.setValue("[\n" +
+                "                \"2\"\n" +
+                "            ]");
+        condition2.setOperator("IN");
+        condition2.setMultipleValue(false);
+        condition2.setType("1231");
+
+        conditions.add(condition1);
+        conditions.add(condition2);
+        return conditions;
+    }
+
+
+    @Test
+    @Order(2)
+    void testUpdate() throws Exception {
+        UserViewUpdateRequest request = new UserViewUpdateRequest();
+        request.setId(viewId);
+        request.setName("更新試圖22");
+        request.setConditions(buildConditions());
+        this.requestPost(DEFAULT_UPDATE, request);
+
+        request.setId("123123123");
+        this.requestPost(DEFAULT_UPDATE, request);
+    }
+
+    @Test
+    @Order(3)
+    void testGetDetail() throws Exception {
+        this.requestGet(DETAIL, viewId);
+    }
+
+    @Test
+    @Order(4)
+    void testList() throws Exception {
+        this.requestGet(LIST);
+    }
+
+    @Test
+    @Order(5)
+    void testFixed() throws Exception {
+        this.requestGet(FIXED, viewId);
+    }
+
+    @Test
+    @Order(5)
+    void testSortPos() throws Exception {
+        String moveId = viewId;
+        testAdd();
+        String targetId = viewId;
+        PosRequest request = new PosRequest();
+        request.setOrgId(DEFAULT_ORGANIZATION_ID);
+        request.setMoveId(moveId);
+        request.setTargetId(targetId);
+        request.setMoveMode("after");
+        this.requestGet(POS, request);
+    }
+
+    @Test
+    @Order(6)
+    void testEnable() throws Exception {
+        this.requestGet(ENABLE, viewId);
+    }
+
+    @Test
+    @Order(10)
+    void testDelete() throws Exception {
+        this.requestGetWithOk(DEFAULT_DELETE, viewId);
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/customer/controller/PoolCustomerControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/customer/controller/PoolCustomerControllerTests.java
new file mode 100644
index 0000000..84c1b12
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/customer/controller/PoolCustomerControllerTests.java
@@ -0,0 +1,276 @@
+package cn.cordys.crm.customer.controller;
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.dto.ExportHeadDTO;
+import cn.cordys.common.dto.ExportSelectRequest;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.customer.domain.Customer;
+import cn.cordys.crm.customer.domain.CustomerCapacity;
+import cn.cordys.crm.customer.domain.CustomerOwner;
+import cn.cordys.crm.customer.domain.CustomerPoolPickRule;
+import cn.cordys.crm.customer.dto.request.CustomerExportRequest;
+import cn.cordys.crm.customer.dto.request.CustomerPageRequest;
+import cn.cordys.crm.customer.dto.request.PoolCustomerAssignRequest;
+import cn.cordys.crm.customer.dto.request.PoolCustomerPickRequest;
+import cn.cordys.crm.customer.dto.response.CustomerListResponse;
+import cn.cordys.crm.system.domain.ExportTask;
+import cn.cordys.crm.system.dto.request.PoolBatchAssignRequest;
+import cn.cordys.crm.system.dto.request.PoolBatchPickRequest;
+import cn.cordys.crm.system.dto.request.PoolBatchRequest;
+import cn.cordys.crm.system.service.ExportTaskCenterService;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import org.junit.jupiter.api.*;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.http.ResponseEntity;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.time.LocalDateTime;
+import java.time.ZoneId;
+import java.util.ArrayList;
+import java.util.List;
+import java.util.stream.Collectors;
+
+import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class PoolCustomerControllerTests extends BaseTest {
+
+    public static final String BASE_PATH = "/pool/account";
+    public static final String GET_OPTIONS = "/options";
+    public static final String PAGE = "/page";
+    public static final String PICK = "/pick";
+    public static final String ASSIGN = "/assign";
+    public static final String DELETE = "/delete/";
+    public static final String GET_DETAIL = "/get/";
+    public static final String BATCH_PICK = "/batch-pick";
+    public static final String BATCH_ASSIGN = "/batch-assign";
+    public static final String BATCH_DELETE = "/batch-delete";
+    protected static final String EXPORT_ALL = "/export-all";
+    protected static final String EXPORT_SELECT = "/export-select";
+    public static String testDataId;
+
+    @Resource
+    private BaseMapper<Customer> customerMapper;
+    @Resource
+    private BaseMapper<CustomerOwner> customerOwnerMapper;
+    @Resource
+    private BaseMapper<CustomerCapacity> customerCapacityMapper;
+    @Resource
+    private BaseMapper<CustomerPoolPickRule> customerPoolPickRuleMapper;
+    @Resource
+    private BaseMapper<ExportTask> exportTaskBaseMapper;
+    @Resource
+    private ExportTaskCenterService exportTaskCenterService;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(1)
+    void prepareTestData() {
+        Customer customer = createCustomer();
+		testDataId = customer.getId();
+        Customer ownCustomer = createCustomer();
+        CustomerCapacity capacity = createCapacity();
+        ownCustomer.setInSharedPool(false);
+        ownCustomer.setOwner("admin");
+        customerMapper.batchInsert(List.of(ownCustomer, customer));
+        customerCapacityMapper.insert(capacity);
+    }
+
+    @Test
+    @Order(2)
+    void getOptions() throws Exception {
+        this.requestGetWithOk(GET_OPTIONS);
+        requestGetPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_POOL_READ, GET_OPTIONS);
+    }
+
+    @Test
+    @Order(3)
+    void page() throws Exception {
+        CustomerPageRequest request = new CustomerPageRequest();
+        request.setPoolId("test-pool-id");
+        request.setCurrent(1);
+        request.setPageSize(10);
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(PAGE, request);
+        Pager<List<CustomerListResponse>> pageResult = getPageResult(mvcResult, CustomerListResponse.class);
+        assert pageResult.getTotal() == 1;
+        requestPostPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_POOL_READ, PAGE, request);
+    }
+
+    @Test
+    @Order(4)
+    void pickFailWithOverCapacity() throws Exception {
+        PoolCustomerPickRequest request = new PoolCustomerPickRequest();
+        request.setCustomerId(testDataId);
+        request.setPoolId("test-pool-id");
+        MvcResult mvcResult = this.requestPost(PICK, request).andExpect(status().is5xxServerError()).andReturn();
+        assert mvcResult.getResponse().getContentAsString().contains(Translator.getWithArgs("customer.capacity.over", 0));
+        customerCapacityMapper.deleteByLambda(new LambdaQueryWrapper<>());
+        CustomerPoolPickRule pickRule = createPickRule();
+        pickRule.setLimitOnNumber(false);
+        pickRule.setPoolId("test-pool-id");
+        customerPoolPickRuleMapper.insert(pickRule);
+        this.requestPost(PICK, request);
+        customerPoolPickRuleMapper.deleteByLambda(new LambdaQueryWrapper<>());
+        requestPostPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_POOL_PICK, PICK, request);
+    }
+
+    @Test
+    @Order(5)
+    void assignSuccess() throws Exception {
+        PoolCustomerAssignRequest request = new PoolCustomerAssignRequest();
+        request.setCustomerId(testDataId);
+        request.setAssignUserId("aa");
+        this.requestPostWithOk(ASSIGN, request);
+        requestPostPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_POOL_ASSIGN, ASSIGN, request);
+    }
+
+    @Test
+    @Order(6)
+    void getDetail() throws Exception {
+        this.requestGetWithOk(GET_DETAIL + testDataId);
+        requestGetPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_POOL_READ, GET_DETAIL + testDataId);
+    }
+
+
+    @Test
+    @Order(6)
+    void testExport() throws Exception {
+        CustomerExportRequest request = new CustomerExportRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+        request.setPoolId("test-pool-id");
+        request.setFileName("测试跨页导出公海");
+
+        List<ExportHeadDTO> list = new ArrayList<>();
+        list.add(new ExportHeadDTO("name", "客户名称", "custom"));
+
+        request.setHeadList(list);
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(EXPORT_ALL, request);
+        String resultData = getResultData(mvcResult, String.class);
+        Thread.sleep(1500); // 等待导出任务完成
+        ResponseEntity<org.springframework.core.io.Resource> resourceResponseEntity = exportTaskCenterService.download(resultData, "admin");
+        Assertions.assertTrue(resourceResponseEntity.getBody().exists());
+        ExportTask exportTask = new ExportTask();
+        exportTask.setId(resultData);
+        LocalDateTime oneDayBefore = LocalDateTime.now().minusDays(2);
+        exportTask.setCreateTime(oneDayBefore.atZone(ZoneId.systemDefault()).toInstant().toEpochMilli());
+        exportTaskBaseMapper.updateById(exportTask);
+        exportTaskCenterService.clean();
+        System.out.println(resourceResponseEntity.getBody().exists());
+
+        //权限校验
+        this.requestPostPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_POOL_EXPORT, EXPORT_ALL, request);
+    }
+
+    @Test
+    @Order(7)
+    void deleteSuccess() throws Exception {
+        this.requestGetWithOk(DELETE + testDataId);
+        requestGetPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_POOL_DELETE, DELETE + testDataId);
+    }
+
+    @Test
+    @Order(8)
+    void batchPickFailWithOverDailyOrPreOwnerLimit() throws Exception {
+        Customer customer = createCustomer();
+        customer.setOwner("admin");
+        customer.setInSharedPool(false);
+        customerMapper.insert(customer);
+        CustomerPoolPickRule rule = createPickRule();
+        rule.setLimitOnNumber(true);
+        rule.setPickNumber(1);
+        customerPoolPickRuleMapper.insert(rule);
+        customerCapacityMapper.deleteByLambda(new LambdaQueryWrapper<>());
+        PoolBatchPickRequest request = new PoolBatchPickRequest();
+        request.setBatchIds(List.of(testDataId));
+        request.setPoolId("test-pool-id");
+        this.requestPost(BATCH_PICK, request);
+        requestPostPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_POOL_PICK, BATCH_PICK, request);
+    }
+
+    @Test
+    @Order(9)
+    void batchAssignFailWithNotExit() throws Exception {
+        PoolBatchAssignRequest request = new PoolBatchAssignRequest();
+        request.setBatchIds(List.of("aaa"));
+        request.setAssignUserId("cc");
+        MvcResult mvcResult = this.requestPost(BATCH_ASSIGN, request).andExpect(status().is5xxServerError()).andReturn();
+        assert mvcResult.getResponse().getContentAsString().contains(Translator.get("customer.not.exist"));
+        requestPostPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_POOL_ASSIGN, BATCH_ASSIGN, request);
+    }
+
+    @Test
+    @Order(10)
+    void batchDeleteSuccess() throws Exception {
+        PoolBatchRequest request = new PoolBatchRequest();
+        request.setBatchIds(List.of(testDataId));
+        this.requestPostWithOk(BATCH_DELETE, request);
+        requestPostPermissionTest(PermissionConstants.CUSTOMER_MANAGEMENT_POOL_DELETE, BATCH_DELETE, request);
+    }
+
+    private Customer createCustomer() {
+        Customer customer = new Customer();
+        customer.setId(IDGenerator.nextStr());
+        customer.setName("ct");
+        customer.setOwner("cc");
+        customer.setCollectionTime(System.currentTimeMillis());
+        customer.setPoolId("test-pool-id");
+        customer.setInSharedPool(true);
+        customer.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        customer.setCreateTime(System.currentTimeMillis());
+        customer.setCreateUser("admin");
+        customer.setUpdateTime(System.currentTimeMillis());
+        customer.setUpdateUser("admin");
+        return customer;
+    }
+
+    private CustomerCapacity createCapacity() {
+        CustomerCapacity capacity = new CustomerCapacity();
+        capacity.setId(IDGenerator.nextStr());
+        capacity.setScopeId("admin");
+        capacity.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        capacity.setCapacity(1);
+        capacity.setCreateTime(System.currentTimeMillis());
+        capacity.setCreateUser("admin");
+        capacity.setUpdateTime(System.currentTimeMillis());
+        capacity.setUpdateUser("admin");
+        return capacity;
+    }
+
+    private CustomerPoolPickRule createPickRule() {
+        CustomerPoolPickRule rule = new CustomerPoolPickRule();
+        rule.setId(IDGenerator.nextStr());
+        rule.setPoolId("test-pool-id");
+        rule.setLimitOnNumber(false);
+        rule.setLimitPreOwner(false);
+        rule.setLimitNew(false);
+        rule.setCreateTime(System.currentTimeMillis());
+        rule.setCreateUser("admin");
+        rule.setUpdateTime(System.currentTimeMillis());
+        rule.setUpdateUser("admin");
+        return rule;
+    }
+
+    private void insertOwnerHis() {
+        CustomerOwner customerOwner = new CustomerOwner();
+        customerOwner.setId(IDGenerator.nextStr());
+        customerOwner.setCustomerId(testDataId);
+        customerOwner.setOwner("admin");
+        customerOwner.setCollectionTime(System.currentTimeMillis());
+        customerOwner.setOperator("admin");
+        customerOwner.setEndTime(System.currentTimeMillis());
+        customerOwnerMapper.insert(customerOwner);
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/customer/controller/PoolCustomerUserViewControllerTest.java b/backend/crm/src/test/java/cn/cordys/crm/customer/controller/PoolCustomerUserViewControllerTest.java
new file mode 100644
index 0000000..988bbf7
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/customer/controller/PoolCustomerUserViewControllerTest.java
@@ -0,0 +1,134 @@
+package cn.cordys.crm.customer.controller;
+
+import cn.cordys.common.dto.condition.FilterCondition;
+import cn.cordys.common.dto.request.PosRequest;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.system.domain.UserView;
+import cn.cordys.crm.system.dto.request.UserViewAddRequest;
+import cn.cordys.crm.system.dto.request.UserViewUpdateRequest;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.ArrayList;
+import java.util.List;
+
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class PoolCustomerUserViewControllerTest extends BaseTest {
+
+    protected static final String DETAIL = "detail/{0}";
+    protected static final String LIST = "list";
+    protected static final String FIXED = "fixed/{0}";
+    protected static final String POS = "edit/pos";
+    protected static final String ENABLE = "enable/{0}";
+    private static final String BASE_PATH = "/pool/account/view/";
+    private static String viewId;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(1)
+    void testAdd() throws Exception {
+
+        UserViewAddRequest request = new UserViewAddRequest();
+        request.setName("测试视图11");
+        request.setSearchMode("AND");
+        request.setConditions(buildConditions());
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, request);
+        UserView resultData = getResultData(mvcResult, UserView.class);
+        viewId = resultData.getId();
+
+    }
+
+    private List<FilterCondition> buildConditions() {
+        List<FilterCondition> conditions = new ArrayList<>();
+
+        FilterCondition condition1 = new FilterCondition();
+        condition1.setName("123123312312");
+        condition1.setValue(null);
+        condition1.setOperator("EMPTY");
+        condition1.setMultipleValue(false);
+        condition1.setType("LOCATION");
+
+        FilterCondition condition2 = new FilterCondition();
+        condition2.setName("1231233333");
+        condition2.setValue("[\n" +
+                "                \"2\"\n" +
+                "            ]");
+        condition2.setOperator("IN");
+        condition2.setMultipleValue(false);
+        condition2.setType("1231");
+
+        conditions.add(condition1);
+        conditions.add(condition2);
+        return conditions;
+    }
+
+
+    @Test
+    @Order(2)
+    void testUpdate() throws Exception {
+        UserViewUpdateRequest request = new UserViewUpdateRequest();
+        request.setId(viewId);
+        request.setName("更新試圖22");
+        request.setConditions(buildConditions());
+        this.requestPost(DEFAULT_UPDATE, request);
+
+        request.setId("123123123");
+        this.requestPost(DEFAULT_UPDATE, request);
+    }
+
+    @Test
+    @Order(3)
+    void testGetDetail() throws Exception {
+        this.requestGet(DETAIL, viewId);
+    }
+
+    @Test
+    @Order(4)
+    void testList() throws Exception {
+        this.requestGet(LIST);
+    }
+
+    @Test
+    @Order(5)
+    void testFixed() throws Exception {
+        this.requestGet(FIXED, viewId);
+    }
+
+    @Test
+    @Order(5)
+    void testSortPos() throws Exception {
+        String moveId = viewId;
+        testAdd();
+        String targetId = viewId;
+        PosRequest request = new PosRequest();
+        request.setOrgId(DEFAULT_ORGANIZATION_ID);
+        request.setMoveId(moveId);
+        request.setTargetId(targetId);
+        request.setMoveMode("after");
+        this.requestGet(POS, request);
+    }
+
+    @Test
+    @Order(6)
+    void testEnable() throws Exception {
+        this.requestGet(ENABLE, viewId);
+    }
+
+    @Test
+    @Order(10)
+    void testDelete() throws Exception {
+        this.requestGetWithOk(DEFAULT_DELETE, viewId);
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/customer/job/RecycleJobTests.java b/backend/crm/src/test/java/cn/cordys/crm/customer/job/RecycleJobTests.java
new file mode 100644
index 0000000..6e16918
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/customer/job/RecycleJobTests.java
@@ -0,0 +1,50 @@
+package cn.cordys.crm.customer.job;
+
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.system.job.listener.CluePoolRecycleListener;
+import cn.cordys.crm.system.job.listener.CustomerPoolRecycleListener;
+import jakarta.annotation.Resource;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.context.jdbc.Sql;
+import org.springframework.test.context.jdbc.SqlConfig;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class RecycleJobTests extends BaseTest {
+
+    @Resource
+    private CustomerPoolRecycleListener customerPoolRecycleListener;
+
+    @Resource
+    private CluePoolRecycleListener cluePoolRecycleListener;
+
+    @Test
+    @Order(1)
+    @Sql(scripts = {"/dml/init_customer_recycle_test.sql"},
+            config = @SqlConfig(encoding = "utf-8", transactionMode = SqlConfig.TransactionMode.ISOLATED),
+            executionPhase = Sql.ExecutionPhase.BEFORE_TEST_METHOD)
+    @Sql(scripts = {"/dml/cleanup_customer_recycle_test.sql"},
+            config = @SqlConfig(encoding = "utf-8", transactionMode = SqlConfig.TransactionMode.ISOLATED),
+            executionPhase = Sql.ExecutionPhase.AFTER_TEST_METHOD)
+    public void testCustomerRecycle() {
+        customerPoolRecycleListener.recycle();
+    }
+
+    @Test
+    @Order(2)
+    @Sql(scripts = {"/dml/init_clue_recycle_test.sql"},
+            config = @SqlConfig(encoding = "utf-8", transactionMode = SqlConfig.TransactionMode.ISOLATED),
+            executionPhase = Sql.ExecutionPhase.BEFORE_TEST_METHOD)
+    @Sql(scripts = {"/dml/cleanup_clue_recycle_test.sql"},
+            config = @SqlConfig(encoding = "utf-8", transactionMode = SqlConfig.TransactionMode.ISOLATED),
+            executionPhase = Sql.ExecutionPhase.AFTER_TEST_METHOD)
+    public void testClueRecycle() {
+        cluePoolRecycleListener.recycle();
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/follow/FollowUpPlanControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/follow/FollowUpPlanControllerTests.java
new file mode 100644
index 0000000..00c518e
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/follow/FollowUpPlanControllerTests.java
@@ -0,0 +1,31 @@
+package cn.cordys.crm.follow;
+
+import cn.cordys.crm.base.BaseTest;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class FollowUpPlanControllerTests extends BaseTest {
+
+    protected static final String MODULE_FORM = "module/form";
+    private static final String BASE_PATH = "/follow/record/";
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(0)
+    void testModuleField() throws Exception {
+        this.requestGetWithOkAndReturn(MODULE_FORM);
+    }
+
+
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/follow/FollowUpRecordControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/follow/FollowUpRecordControllerTests.java
new file mode 100644
index 0000000..aa40ecb
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/follow/FollowUpRecordControllerTests.java
@@ -0,0 +1,31 @@
+package cn.cordys.crm.follow;
+
+import cn.cordys.crm.base.BaseTest;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class FollowUpRecordControllerTests extends BaseTest {
+
+    protected static final String MODULE_FORM = "module/form";
+    private static final String BASE_PATH = "/follow/record/";
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(0)
+    void testModuleField() throws Exception {
+        this.requestGetWithOkAndReturn(MODULE_FORM);
+    }
+
+
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/form/controller/CustomFormControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/form/controller/CustomFormControllerTests.java
new file mode 100644
index 0000000..78cfe90
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/form/controller/CustomFormControllerTests.java
@@ -0,0 +1,357 @@
+package cn.cordys.crm.form.controller;
+
+import cn.cordys.common.constants.RoleDataScope;
+import cn.cordys.common.domain.BaseModel;
+import cn.cordys.common.dto.BaseTreeNode;
+import cn.cordys.common.dto.DeptUserTreeNode;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.dto.RoleUserTreeNode;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.form.domain.CustomForm;
+import cn.cordys.crm.form.domain.CustomFormAdmin;
+import cn.cordys.crm.form.domain.CustomFormRole;
+import cn.cordys.crm.form.domain.CustomFormRoleUser;
+import cn.cordys.crm.form.dto.request.*;
+import cn.cordys.crm.form.dto.response.CustomFormGetResponse;
+import cn.cordys.crm.form.dto.response.CustomFormListResponse;
+import cn.cordys.crm.form.dto.response.CustomFormRoleUserListResponse;
+import cn.cordys.crm.system.domain.*;
+import cn.cordys.crm.system.dto.form.FormProp;
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import jakarta.annotation.Resource;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.HashSet;
+import java.util.List;
+import java.util.Set;
+
+import static org.junit.jupiter.api.Assertions.*;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class CustomFormControllerTests extends BaseTest {
+
+    private static final String BASE_PATH = "/custom-form/";
+    private static final String OPTION = "option";
+    private static final String ADMIN_GET = "admin/get/{0}";
+    private static final String ROLE_USERS = "role/users";
+
+    private static final String ROLE_DEPT_TREE = "role/user/dept/tree";
+    private static final String ROLE_ROLE_TREE = "role/user/role/tree";
+    private static String createdFormId;
+
+    @Resource
+    private BaseMapper<CustomFormAdmin> customFormAdminMapper;
+    @Resource
+    private BaseMapper<CustomFormRole> customFormRoleMapper;
+    @Resource
+    private BaseMapper<CustomFormRoleUser> customFormRoleUserMapper;
+    @Resource
+    private BaseMapper<OrganizationUser> organizationUserMapper;
+    @Resource
+    private BaseMapper<UserRole> userRoleMapper;
+    @Resource
+    private BaseMapper<User> userMapper;
+    @Resource
+    private BaseMapper<Department> departmentMapper;
+    @Resource
+    private BaseMapper<Role> roleMapper;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(1)
+    void testList() throws Exception {
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(DEFAULT_LIST);
+        List<CustomFormListResponse> list = getResultDataArray(mvcResult, CustomFormListResponse.class);
+        assertNotNull(list);
+    }
+
+    @Test
+    @Order(2)
+    void testCreate() throws Exception {
+        CustomFormAddRequest request = JSON.parseObject("{\"name\":\"未命名表单sdfsdf\",\"enable\":true,\"fields\":[{\"id\":\"178090868410300000\",\"type\":\"DIVIDER\",\"icon\":\"iconicon_dividing_line\",\"name\":\"基本信息\",\"fieldWidth\":1,\"showLabel\":true,\"description\":\"\",\"readable\":true,\"editable\":true,\"mobile\":true,\"rules\":[],\"dividerClass\":\"divider--normal\",\"dividerColor\":\"#edf0f1\",\"titleColor\":\"#323535\",\"placeholder\":\"\",\"sumColumns\":[]},{\"id\":\"178090868410300001\",\"type\":\"INPUT\",\"name\":\"名称\",\"icon\":\"iconicon_single_line_text\",\"fieldWidth\":1,\"showLabel\":true,\"defaultValue\":\"\",\"defaultValueType\":\"custom\",\"description\":\"\",\"readable\":true,\"editable\":true,\"mobile\":true,\"rules\":[{\"key\":\"required\",\"required\":true,\"message\":\"common.notNull\",\"label\":\"common.required\",\"trigger\":[\"change\",\"blur\"]}],\"formula\":\"\",\"businessKey\":\"name\",\"disabledProps\":[\"readable\",\"mobile\",\"rules.required\"],\"internalKey\":\"customFormDataName\",\"placeholder\":\"\",\"sumColumns\":[]},{\"id\":\"178090868410300002\",\"type\":\"INPUT\",\"name\":\"自定义字段1\",\"icon\":\"iconicon_single_line_text\",\"fieldWidth\":1,\"showLabel\":true,\"defaultValue\":\"\",\"defaultValueType\":\"custom\",\"description\":\"\",\"readable\":true,\"editable\":true,\"mobile\":true,\"rules\":[],\"formula\":\"\",\"placeholder\":\"\",\"sumColumns\":[]},{\"id\":\"178090868410300003\",\"type\":\"INPUT\",\"name\":\"自定义字段2\",\"icon\":\"iconicon_single_line_text\",\"fieldWidth\":1,\"showLabel\":true,\"defaultValue\":\"\",\"defaultValueType\":\"custom\",\"description\":\"\",\"readable\":true,\"editable\":true,\"mobile\":true,\"rules\":[],\"formula\":\"\",\"placeholder\":\"\",\"sumColumns\":[]},{\"id\":\"178090868410300004\",\"type\":\"DIVIDER\",\"icon\":\"iconicon_dividing_line\",\"name\":\"负责人信息\",\"fieldWidth\":1,\"showLabel\":true,\"description\":\"\",\"readable\":true,\"editable\":true,\"mobile\":true,\"rules\":[],\"dividerClass\":\"divider--normal\",\"dividerColor\":\"#edf0f1\",\"titleColor\":\"#323535\",\"placeholder\":\"\",\"sumColumns\":[]},{\"id\":\"178090868410300005\",\"type\":\"MEMBER\",\"icon\":\"iconicon_member_single_choice\",\"name\":\"负责人\",\"fieldWidth\":1,\"showLabel\":true,\"description\":\"\",\"readable\":true,\"editable\":true,\"mobile\":true,\"rules\":[],\"defaultValue\":\"admin\",\"initialOptions\":[{\"id\":\"admin\",\"name\":\"Administrator\"}],\"hasCurrentUser\":false,\"multiple\":false,\"businessKey\":\"owner\",\"disabledProps\":[],\"internalKey\":\"customFormDataNOwner\",\"placeholder\":\"\",\"sumColumns\":[]}],\"formProp\":{\"layout\":1,\"labelPos\":\"top\",\"inputWidth\":\"custom\",\"optBtnContent\":[{\"text\":\"保存\",\"enable\":true},{\"text\":\"保存并继续添加\",\"enable\":false},{\"text\":\"取消\",\"enable\":true}],\"optBtnPos\":\"flex-row\"}}", CustomFormAddRequest.class);
+        request.setName("测试自定义表单-X");
+        request.setEnable(true);
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, request);
+        CustomForm form = getResultData(mvcResult, CustomForm.class);
+        assertNotNull(form);
+        assertNotNull(form.getId());
+        assertEquals("测试自定义表单-X", form.getName());
+
+        createdFormId = form.getId();
+    }
+
+    @Test
+    @Order(3)
+    void testEnabledOptions() throws Exception {
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(OPTION);
+        List<OptionDTO> list = getResultDataArray(mvcResult, OptionDTO.class);
+        assertNotNull(list);
+        assertTrue(list.stream().anyMatch(o -> createdFormId.equals(o.getId())),
+                "已开启的表单应出现在选项列表中");
+    }
+
+    @Test
+    @Order(4)
+    void testGet() throws Exception {
+        assertNotNull(createdFormId, "表单应已创建");
+
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(DEFAULT_GET, createdFormId);
+        CustomFormGetResponse response = getResultData(mvcResult, CustomFormGetResponse.class);
+        assertNotNull(response);
+        assertEquals(createdFormId, response.getId());
+        assertEquals("测试自定义表单-X", response.getName());
+        assertNotNull(response.getCreator());
+        assertEquals("admin", response.getCreator().getId());
+        assertEquals("Administrator", response.getCreator().getName());
+    }
+
+    @Test
+    @Order(5)
+    void testUpdate() throws Exception {
+        assertNotNull(createdFormId, "表单应已创建");
+
+        CustomFormUpdateRequest request = new CustomFormUpdateRequest();
+        request.setId(createdFormId);
+        request.setName("更新后的表单名称");
+        request.setEnable(false);
+        request.setFormProp(new FormProp());
+
+        this.requestPostWithOk(DEFAULT_UPDATE, request);
+
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(DEFAULT_GET, createdFormId);
+        CustomFormGetResponse response = getResultData(mvcResult, CustomFormGetResponse.class);
+        assertEquals("更新后的表单名称", response.getName());
+        assertEquals(false, response.getEnable());
+    }
+
+    @Test
+    @Order(6)
+    void testSetAdmins() throws Exception {
+        assertNotNull(createdFormId, "表单应已创建");
+
+        MvcResult adminResult = this.requestGetWithOkAndReturn(ADMIN_GET, createdFormId);
+        List<OptionDTO> admins = getResultDataArray(adminResult, OptionDTO.class);
+        assertNotNull(admins);
+        assertTrue(admins.stream().anyMatch(admin -> "admin".equals(admin.getId())));
+
+        CustomFormAdminBatchRequest request = new CustomFormAdminBatchRequest();
+        request.setCustomFormId(createdFormId);
+        request.setUserIds(List.of("test-admin-user", "test-admin-user-2"));
+
+        this.requestPostWithOk("/admin/set", request);
+        assertAdminUsers("test-admin-user", "test-admin-user-2");
+
+        request.setUserIds(List.of("test-admin-user-3"));
+        this.requestPostWithOk("/admin/set", request);
+        assertAdminUsers("test-admin-user-3");
+    }
+
+    @Test
+    @Order(7)
+    void testAddRoleUsersByUserDeptAndRole() throws Exception {
+        assertNotNull(createdFormId, "表单应已创建");
+
+        String roleId = getFirstCustomFormRoleId();
+        prepareUserDeptAndRoleData();
+
+        CustomFormRoleUserBatchRequest request = new CustomFormRoleUserBatchRequest();
+        request.setCustomFormRoleId(roleId);
+        request.setUserIds(List.of("cf-role-direct-user", "cf-role-disabled-direct-user"));
+        request.setDeptIds(List.of("cf-role-test-dept"));
+        request.setRoleIds(List.of("cf-role-test-system-role"));
+
+        this.requestPostWithOk("role/user/add", request);
+
+        assertRoleUsers(roleId, "cf-role-direct-user", "cf-role-dept-user", "cf-role-system-role-user");
+        assertRoleUsersPage(roleId, 1, 3, 3);
+    }
+
+    @Test
+    @Order(8)
+    void testRoleUserTrees() throws Exception {
+        MvcResult deptTreeResult = this.requestGetWithOkAndReturn(ROLE_DEPT_TREE);
+        List<DeptUserTreeNode> deptTree = getResultDataArray(deptTreeResult, DeptUserTreeNode.class);
+        assertTrue(containsTreeNode(deptTree, "cf-role-test-dept"));
+        assertTrue(containsTreeNode(deptTree, "cf-role-dept-user"));
+
+        MvcResult roleTreeResult = this.requestGetWithOkAndReturn(ROLE_ROLE_TREE);
+        List<RoleUserTreeNode> roleTree = getResultDataArray(roleTreeResult, RoleUserTreeNode.class);
+        assertTrue(containsTreeNode(roleTree, "cf-role-test-system-role"));
+        assertTrue(containsTreeNode(roleTree, "cf-role-system-role-user"));
+    }
+
+    @Test
+    @Order(9)
+    void testDelete() throws Exception {
+        assertNotNull(createdFormId, "表单应已创建");
+
+        this.requestGetWithOk(DEFAULT_DELETE, createdFormId);
+        createdFormId = null;
+    }
+
+    private void assertAdminUsers(String... expectedUserIds) {
+        LambdaQueryWrapper<CustomFormAdmin> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(CustomFormAdmin::getCustomFormId, createdFormId);
+        Set<String> actualUserIds = new HashSet<>(customFormAdminMapper.selectListByLambda(wrapper)
+                .stream()
+                .map(CustomFormAdmin::getUserId)
+                .toList());
+        assertEquals(Set.of(expectedUserIds), actualUserIds);
+    }
+
+    private boolean containsTreeNode(List<? extends BaseTreeNode> treeNodes, String id) {
+        return treeNodes.stream().anyMatch(node -> containsTreeNode(node, id));
+    }
+
+    private boolean containsTreeNode(BaseTreeNode node, String id) {
+        if (id.equals(node.getId())) {
+            return true;
+        }
+        return node.getChildren().stream().anyMatch(child -> containsTreeNode(child, id));
+    }
+
+    private String getFirstCustomFormRoleId() {
+        LambdaQueryWrapper<CustomFormRole> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(CustomFormRole::getCustomFormId, createdFormId);
+        List<CustomFormRole> roles = customFormRoleMapper.selectListByLambda(wrapper);
+        assertTrue(!roles.isEmpty(), "表单创建后应自动创建内置角色");
+        return roles.getFirst().getId();
+    }
+
+    private void prepareUserDeptAndRoleData() {
+        insertDepartment();
+        insertRole();
+        insertUser("cf-role-direct-user", "直接用户");
+        insertUser("cf-role-dept-user", "部门用户");
+        insertUser("cf-role-system-role-user", "角色用户");
+        insertUser("cf-role-disabled-direct-user", "禁用直接用户");
+        insertUser("cf-role-disabled-dept-user", "禁用部门用户");
+        insertUser("cf-role-disabled-role-user", "禁用角色用户");
+        insertOrganizationUser("cf-role-direct-org-user", "cf-role-direct-user", "销售顾问");
+        insertOrganizationUser("cf-role-dept-org-user", "cf-role-dept-user", "部门专员");
+        insertOrganizationUser("cf-role-system-role-org-user", "cf-role-system-role-user", "角色专员");
+        insertOrganizationUser("cf-role-disabled-direct-org-user", "cf-role-disabled-direct-user", "禁用直接用户", false);
+        insertOrganizationUser("cf-role-disabled-dept-org-user", "cf-role-disabled-dept-user", "禁用部门用户", false);
+        insertOrganizationUser("cf-role-disabled-role-org-user", "cf-role-disabled-role-user", "禁用角色用户", false);
+        insertUserRole("cf-role-direct-user-role", "cf-role-direct-user");
+        insertUserRole("cf-role-dept-user-role", "cf-role-dept-user");
+        insertUserRole("cf-role-test-user-role", "cf-role-system-role-user");
+        insertUserRole("cf-role-disabled-role-user-role", "cf-role-disabled-role-user");
+    }
+
+    private void insertDepartment() {
+        Department department = new Department();
+        department.setId("cf-role-test-dept");
+        department.setName("自定义表单测试部门");
+        department.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        department.setParentId("NONE");
+        department.setPos(1L);
+        department.setResource("TEST");
+        department.setResourceId("cf-role-test-dept-resource");
+        setAuditFields(department);
+        departmentMapper.insert(department);
+    }
+
+    private void insertRole() {
+        Role role = new Role();
+        role.setId("cf-role-test-system-role");
+        role.setName("测试系统角色");
+        role.setInternal(false);
+        role.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        role.setDataScope(RoleDataScope.ALL.name());
+        setAuditFields(role);
+        roleMapper.insert(role);
+    }
+
+    private void insertOrganizationUser(String id, String userId, String position) {
+        insertOrganizationUser(id, userId, position, true);
+    }
+
+    private void insertOrganizationUser(String id, String userId, String position, boolean enable) {
+        OrganizationUser organizationUser = new OrganizationUser();
+        organizationUser.setId(id);
+        organizationUser.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        organizationUser.setDepartmentId("cf-role-test-dept");
+        organizationUser.setUserId(userId);
+        organizationUser.setPosition(position);
+        organizationUser.setEnable(enable);
+        setAuditFields(organizationUser);
+        organizationUserMapper.insert(organizationUser);
+    }
+
+    private void insertUserRole(String id, String userId) {
+        UserRole userRole = new UserRole();
+        userRole.setId(id);
+        userRole.setRoleId("cf-role-test-system-role");
+        userRole.setUserId(userId);
+        setAuditFields(userRole);
+        userRoleMapper.insert(userRole);
+    }
+
+    private void insertUser(String id, String name) {
+        User user = new User();
+        user.setId(id);
+        user.setName(name);
+        user.setPassword("123456");
+        user.setGender(false);
+        setAuditFields(user);
+        userMapper.insert(user);
+    }
+
+    private void setAuditFields(BaseModel model) {
+        long now = System.currentTimeMillis();
+        model.setCreateUser("admin");
+        model.setUpdateUser("admin");
+        model.setCreateTime(now);
+        model.setUpdateTime(now);
+    }
+
+    private void assertRoleUsers(String roleId, String... expectedUserIds) {
+        LambdaQueryWrapper<CustomFormRoleUser> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(CustomFormRoleUser::getRoleId, roleId);
+        List<CustomFormRoleUser> roleUsers = customFormRoleUserMapper.selectListByLambda(wrapper);
+        Set<String> actualUserIds = new HashSet<>(roleUsers
+                .stream()
+                .map(CustomFormRoleUser::getUserId)
+                .toList());
+        assertEquals(Set.of(expectedUserIds), actualUserIds);
+    }
+
+    private void assertRoleUsersPage(String roleId, int current, int pageSize, int total) throws Exception {
+        CustomFormRoleUserPageRequest request = new CustomFormRoleUserPageRequest();
+        request.setCustomFormRoleId(roleId);
+        request.setCurrent(current);
+        request.setPageSize(pageSize);
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(ROLE_USERS, request);
+        Pager<List<CustomFormRoleUserListResponse>> pager = getPageResult(mvcResult, CustomFormRoleUserListResponse.class);
+        assertEquals(current, pager.getCurrent());
+        assertEquals(pageSize, pager.getPageSize());
+        assertEquals(total, pager.getTotal());
+        assertEquals(pageSize, pager.getList().size());
+        CustomFormRoleUserListResponse first = pager.getList().getFirst();
+        assertNotNull(first.getId());
+        assertNotNull(first.getUserId());
+        assertNotNull(first.getUsername());
+        assertNotNull(first.getCreateTime());
+        assertTrue(pager.getList().stream().allMatch(user -> "cf-role-test-dept".equals(user.getDepartmentId())));
+        assertTrue(pager.getList().stream().allMatch(user -> "自定义表单测试部门".equals(user.getDepartmentName())));
+        assertTrue(pager.getList().stream().allMatch(user -> user.getPosition() != null));
+        assertTrue(pager.getList().stream().allMatch(user -> user.getRoles() != null
+                && user.getRoles().stream().anyMatch(role -> "cf-role-test-system-role".equals(role.getId()))));
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/form/controller/CustomFormDataControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/form/controller/CustomFormDataControllerTests.java
new file mode 100644
index 0000000..d3a124a
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/form/controller/CustomFormDataControllerTests.java
@@ -0,0 +1,224 @@
+package cn.cordys.crm.form.controller;
+
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.form.domain.CustomFormData;
+import cn.cordys.crm.form.domain.CustomForm;
+import cn.cordys.crm.form.domain.CustomFormRole;
+import cn.cordys.crm.form.domain.CustomFormRoleKey;
+import cn.cordys.crm.form.dto.request.CustomFormDataAddRequest;
+import cn.cordys.crm.form.dto.request.CustomFormDataPageRequest;
+import cn.cordys.crm.form.dto.request.CustomFormDataUpdateRequest;
+import cn.cordys.crm.form.dto.response.CustomFormDataGetResponse;
+import cn.cordys.crm.form.dto.response.CustomFormDataListResponse;
+import cn.cordys.crm.system.domain.ModuleForm;
+import cn.cordys.crm.system.domain.ModuleFormBlob;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.Arrays;
+import java.util.List;
+import java.util.UUID;
+
+import static org.junit.jupiter.api.Assertions.*;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class CustomFormDataControllerTests extends BaseTest {
+
+    private static final String BASE_PATH = "/custom-form/data/";
+    private static String createdDataId;
+    private static String testFormId;
+
+    @Resource
+    private BaseMapper<CustomForm> customFormMapper;
+    @Resource
+    private BaseMapper<ModuleForm> moduleFormMapper;
+    @Resource
+    private BaseMapper<ModuleFormBlob> moduleFormBlobMapper;
+    @Resource
+    private BaseMapper<CustomFormRole> customFormRoleMapper;
+    @Resource
+    private BaseMapper<CustomFormData> customFormDataMapper;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    private void ensureFormExists() {
+        if (testFormId == null) {
+            testFormId = IDGenerator.nextStr();
+        }
+        if (customFormMapper.selectByPrimaryKey(testFormId) != null) {
+            return;
+        }
+
+        String formId = testFormId;
+        long now = System.currentTimeMillis();
+
+        CustomForm form = new CustomForm();
+        form.setId(formId);
+        form.setName(UUID.randomUUID().toString());
+        form.setEnable(true);
+        form.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        form.setCreateTime(now);
+        form.setUpdateTime(now);
+        form.setCreateUser(InternalUser.ADMIN.getValue());
+        form.setUpdateUser(InternalUser.ADMIN.getValue());
+        customFormMapper.insert(form);
+
+        ModuleForm moduleForm = new ModuleForm();
+        moduleForm.setId(formId);
+        moduleForm.setFormKey(formId);
+        moduleForm.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        moduleForm.setCreateTime(now);
+        moduleForm.setUpdateTime(now);
+        moduleForm.setCreateUser(InternalUser.ADMIN.getValue());
+        moduleForm.setUpdateUser(InternalUser.ADMIN.getValue());
+        moduleFormMapper.insert(moduleForm);
+
+        ModuleFormBlob formBlob = new ModuleFormBlob();
+        formBlob.setId(formId);
+        formBlob.setProp("{}");
+        moduleFormBlobMapper.insert(formBlob);
+
+        List<CustomFormRole> roles = Arrays.stream(CustomFormRoleKey.values())
+                .map(key -> {
+                    CustomFormRole role = new CustomFormRole();
+                    role.setId(IDGenerator.nextStr());
+                    role.setName(key.getKey());
+                    role.setCustomFormId(formId);
+                    role.setInternalKey(key.getKey());
+                    role.setCreateTime(now);
+                    role.setUpdateTime(now);
+                    role.setCreateUser(InternalUser.ADMIN.getValue());
+                    role.setUpdateUser(InternalUser.ADMIN.getValue());
+                    return role;
+                }).toList();
+        customFormRoleMapper.batchInsert(roles);
+    }
+
+    @Test
+    @Order(1)
+    void testAdd() throws Exception {
+        ensureFormExists();
+
+        CustomFormDataAddRequest request = new CustomFormDataAddRequest();
+        request.setCustomFormId(testFormId);
+        request.setName("测试表单数据");
+
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, request);
+        CustomFormData data = getResultData(mvcResult, CustomFormData.class);
+        assertNotNull(data);
+        assertNotNull(data.getId());
+        assertEquals("测试表单数据", data.getName());
+        assertEquals(testFormId, data.getCustomFormId());
+
+        createdDataId = data.getId();
+    }
+
+    @Test
+    @Order(2)
+    void testGet() throws Exception {
+        assertNotNull(createdDataId, "数据应已创建");
+
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(DEFAULT_GET, createdDataId);
+        CustomFormDataGetResponse response = getResultData(mvcResult, CustomFormDataGetResponse.class);
+        assertNotNull(response);
+        assertEquals(createdDataId, response.getId());
+        assertEquals("测试表单数据", response.getName());
+    }
+
+    @Test
+    @Order(3)
+    void testPage() throws Exception {
+        ensureFormExists();
+
+        CustomFormDataPageRequest request = new CustomFormDataPageRequest();
+        request.setCustomFormId(testFormId);
+        request.setCurrent(1);
+        request.setPageSize(10);
+
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_PAGE, request);
+        Pager<List<CustomFormDataListResponse>> pager = getPageResult(mvcResult, CustomFormDataListResponse.class);
+        assertNotNull(pager);
+        assertNotNull(pager.getList());
+    }
+
+    @Test
+    @Order(4)
+    void testPageWithKeyword() throws Exception {
+        ensureFormExists();
+
+        CustomFormDataPageRequest request = new CustomFormDataPageRequest();
+        request.setCustomFormId(testFormId);
+        request.setCurrent(1);
+        request.setPageSize(10);
+        request.setKeyword("测试");
+
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_PAGE, request);
+        Pager<List<CustomFormDataListResponse>> pager = getPageResult(mvcResult, CustomFormDataListResponse.class);
+        assertNotNull(pager);
+    }
+
+    @Test
+    @Order(5)
+    void testUpdate() throws Exception {
+        assertNotNull(createdDataId, "数据应已创建");
+
+        CustomFormDataUpdateRequest request = new CustomFormDataUpdateRequest();
+        request.setId(createdDataId);
+        request.setCustomFormId(testFormId);
+        request.setName("更新后的表单数据");
+
+        this.requestPostWithOk(DEFAULT_UPDATE, request);
+
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(DEFAULT_GET, createdDataId);
+        CustomFormDataGetResponse response = getResultData(mvcResult, CustomFormDataGetResponse.class);
+        assertEquals("更新后的表单数据", response.getName());
+    }
+
+    @Test
+    @Order(7)
+    void testBatchDelete() throws Exception {
+        assertNotNull(createdDataId, "数据应已创建");
+
+        this.requestPostWithOk(DEFAULT_BATCH_DELETE, List.of(createdDataId));
+
+        // 验证数据已被删除
+        CustomFormData deleted = customFormDataMapper.selectByPrimaryKey(createdDataId);
+        assertNull(deleted, "数据应已被删除");
+
+        createdDataId = null;
+    }
+
+    @Test
+    @Order(8)
+    void testDelete() throws Exception {
+        ensureFormExists();
+
+        CustomFormDataAddRequest addRequest = new CustomFormDataAddRequest();
+        addRequest.setCustomFormId(testFormId);
+        addRequest.setName("待删除数据");
+
+        MvcResult addResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, addRequest);
+        CustomFormData data = getResultData(addResult, CustomFormData.class);
+        assertNotNull(data);
+
+        this.requestGetWithOk(DEFAULT_DELETE, data.getId());
+
+        CustomFormData deleted = customFormDataMapper.selectByPrimaryKey(data.getId());
+        assertNull(deleted, "数据应已被删除");
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/home/HomeStatisticControllerTest.java b/backend/crm/src/test/java/cn/cordys/crm/home/HomeStatisticControllerTest.java
new file mode 100644
index 0000000..8db4dbb
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/home/HomeStatisticControllerTest.java
@@ -0,0 +1,75 @@
+package cn.cordys.crm.home;
+
+import cn.cordys.common.constants.BusinessSearchType;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.home.dto.request.HomeStatisticBaseSearchRequest;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-07-15  16:24
+ */
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class HomeStatisticControllerTest extends BaseTest {
+
+    protected static final String OPPORTUNITY = "opportunity";
+    protected static final String OPPORTUNITY_SUCCESS = "opportunity/success";
+    protected static final String CLUE = "lead";
+    protected static final String DEPARTMENT_TREE = "department/tree";
+    private static final String BASE_PATH = "/home/statistic/";
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(0)
+    void testGetOpportunityStatistic() throws Exception {
+        HomeStatisticBaseSearchRequest request = new HomeStatisticBaseSearchRequest();
+        request.setSearchType(BusinessSearchType.ALL.name());
+
+        this.requestPostWithOkAndReturn(OPPORTUNITY, request);
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.OPPORTUNITY_MANAGEMENT_READ, OPPORTUNITY, request);
+    }
+
+    @Test
+    @Order(0)
+    void testGetOpportunitySuccessStatistic() throws Exception {
+        HomeStatisticBaseSearchRequest request = new HomeStatisticBaseSearchRequest();
+        request.setSearchType(BusinessSearchType.ALL.name());
+
+        this.requestPostWithOkAndReturn(OPPORTUNITY_SUCCESS, request);
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.OPPORTUNITY_MANAGEMENT_READ, OPPORTUNITY_SUCCESS, request);
+    }
+
+    @Test
+    @Order(0)
+    void testGetClueStatistic() throws Exception {
+        HomeStatisticBaseSearchRequest request = new HomeStatisticBaseSearchRequest();
+        request.setSearchType(BusinessSearchType.ALL.name());
+
+        this.requestPostWithOkAndReturn(CLUE, request);
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.CLUE_MANAGEMENT_READ, CLUE, request);
+    }
+
+    @Test
+    @Order(1)
+    void getDepartmentTree() throws Exception {
+        this.requestGetWithOkAndReturn(DEPARTMENT_TREE);
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/opportunity/controller/OpportunityControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/opportunity/controller/OpportunityControllerTests.java
new file mode 100644
index 0000000..6966389
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/opportunity/controller/OpportunityControllerTests.java
@@ -0,0 +1,236 @@
+package cn.cordys.crm.opportunity.controller;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.ExportHeadDTO;
+import cn.cordys.common.dto.ResourceTabEnableDTO;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.customer.dto.request.CustomerPageRequest;
+import cn.cordys.crm.opportunity.domain.Opportunity;
+import cn.cordys.crm.opportunity.dto.request.*;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.request.ResourceBatchEditRequest;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.Strings;
+import org.junit.jupiter.api.*;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.context.jdbc.Sql;
+import org.springframework.test.context.jdbc.SqlConfig;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.math.BigDecimal;
+import java.util.ArrayList;
+import java.util.List;
+import java.util.UUID;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class OpportunityControllerTests extends BaseTest {
+
+    protected static final String MODULE_FORM = "module/form";
+    protected static final String BATCH_TRANSFER = "batch/transfer";
+    protected static final String TAB = "tab";
+    protected static final String UPDATE_STAGE = "update/stage";
+    protected static final String CONTACT_LIST = "contact/list/{0}";
+    protected static final String EXPORT_ALL = "export-all";
+    protected static final String EXPORT_SELECT = "export-select";
+    protected static final String STATISTIC = "statistic";
+    protected static final String BATCH_UPDATE = "batch/update";
+    private static final String BASE_PATH = "/opportunity/";
+    private static Opportunity addOpportunity;
+    private static ModuleFormConfigDTO moduleFormConfig;
+    @Resource
+    private BaseMapper<Opportunity> opportunityMapper;
+
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(0)
+    void testModuleField() throws Exception {
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(MODULE_FORM);
+        moduleFormConfig = getResultData(mvcResult, ModuleFormConfigDTO.class);
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.OPPORTUNITY_MANAGEMENT_READ, MODULE_FORM);
+    }
+
+
+    @Test
+    @Order(2)
+    void testPage() throws Exception {
+        CustomerPageRequest request = new CustomerPageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_PAGE, request);
+    }
+
+    @Test
+    @Order(2)
+    void testStatistic() throws Exception {
+        OpportunitySearchStatisticRequest request = new OpportunitySearchStatisticRequest();
+        this.requestPostWithOkAndReturn(STATISTIC, request);
+    }
+
+
+    @Sql(scripts = {"/dml/init_opportunity_test.sql"},
+            config = @SqlConfig(encoding = "utf-8", transactionMode = SqlConfig.TransactionMode.ISOLATED),
+            executionPhase = Sql.ExecutionPhase.BEFORE_TEST_METHOD)
+    @Test
+    @Order(1)
+    void testAdd() throws Exception {
+        OpportunityAddRequest request = new OpportunityAddRequest();
+        request.setName("商机1");
+        request.setCustomerId("123");
+        request.setAmount(BigDecimal.valueOf(1.1));
+        request.setProducts(List.of("11"));
+        request.setPossible(BigDecimal.valueOf(1.2));
+        request.setContactId("12345");
+        request.setOwner("admin");
+        request.setExpectedEndTime(System.currentTimeMillis());
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, request);
+        Opportunity resultData = getResultData(mvcResult, Opportunity.class);
+        addOpportunity = opportunityMapper.selectByPrimaryKey(resultData.getId());
+
+        request.setProducts(List.of("11", "22"));
+        this.requestPost(DEFAULT_ADD, request);
+    }
+
+
+    @Test
+    @Order(3)
+    void testUpdate() throws Exception {
+        OpportunityUpdateRequest request = new OpportunityUpdateRequest();
+        request.setId("1234");
+        request.setName("商机2");
+        request.setCustomerId("123");
+        request.setContactId("1234567");
+        request.setOwner("admin");
+        request.setProducts(List.of("22"));
+        request.setExpectedEndTime(System.currentTimeMillis());
+        request.setModuleFields(List.of(new BaseModuleFieldValue("id", "value")));
+        this.requestPost(DEFAULT_UPDATE, request);
+
+        request.setId(addOpportunity.getId());
+        this.requestPostWithOk(DEFAULT_UPDATE, request);
+    }
+
+    @Test
+    @Order(4)
+    void testBatchTransfer() throws Exception {
+        OpportunityTransferRequest request = new OpportunityTransferRequest();
+        request.setIds(List.of("1234"));
+        request.setOwner("12345");
+        this.requestPostWithOk(BATCH_TRANSFER, request);
+    }
+
+    @Test
+    @Order(4)
+    void testBatchUpdate() throws Exception {
+        ResourceBatchEditRequest request = new ResourceBatchEditRequest();
+        for (BaseField field : moduleFormConfig.getFields()) {
+            request.setIds(List.of(addOpportunity.getId()));
+            request.setFieldId(field.getId());
+            if (Strings.CS.equals(field.getName(), BusinessModuleField.OPPORTUNITY_OWNER.name())) {
+                request.setFieldId(InternalUser.ADMIN.getValue());
+                this.requestPostWithOk(BATCH_UPDATE, request);
+            } else if (Strings.CS.equals(field.getName(), BusinessModuleField.OPPORTUNITY_NAME.name())) {
+                request.setFieldId(UUID.randomUUID().toString());
+                this.requestPostWithOk(BATCH_UPDATE, request);
+            }
+        }
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.OPPORTUNITY_MANAGEMENT_UPDATE, BATCH_UPDATE, request);
+    }
+
+    @Test
+    @Order(4)
+    void testTab() throws Exception {
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(TAB);
+        ResourceTabEnableDTO resultData = getResultData(mvcResult, ResourceTabEnableDTO.class);
+        // 校验请求成功数据
+        Assertions.assertTrue(resultData.getAll());
+        Assertions.assertTrue(resultData.getDept());
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.OPPORTUNITY_MANAGEMENT_READ, TAB);
+    }
+
+
+    @Test
+    @Order(5)
+    void testDelete() throws Exception {
+        this.requestGet(DEFAULT_DELETE, "123456");
+        this.requestGetWithOk(DEFAULT_DELETE, addOpportunity.getId());
+    }
+
+
+    @Test
+    @Order(6)
+    void testBatchDelete() throws Exception {
+        this.requestPostWithOk(DEFAULT_BATCH_DELETE, List.of("123"));
+    }
+
+
+    @Test
+    @Order(2)
+    void testGetDetail() throws Exception {
+        this.requestGet(DEFAULT_GET, addOpportunity.getId());
+    }
+
+    @Test
+    @Order(3)
+    void testUpdateStage() throws Exception {
+        OpportunityStageRequest request = new OpportunityStageRequest();
+        request.setId(addOpportunity.getId());
+        request.setStage("SUCCESS");
+        this.requestPostWithOk(UPDATE_STAGE, request);
+        request.setStage("FAIL");
+        request.setFailureReason("test_fail");
+        this.requestPostWithOk(UPDATE_STAGE, request);
+    }
+
+    @Test
+    @Order(7)
+    @Sql(scripts = {"/dml/init_opportunity_rule_test.sql"},
+            config = @SqlConfig(encoding = "utf-8", transactionMode = SqlConfig.TransactionMode.ISOLATED),
+            executionPhase = Sql.ExecutionPhase.BEFORE_TEST_METHOD)
+    @Sql(scripts = {"/dml/cleanup_opportunity_rule_test.sql"},
+            config = @SqlConfig(encoding = "utf-8", transactionMode = SqlConfig.TransactionMode.ISOLATED),
+            executionPhase = Sql.ExecutionPhase.AFTER_TEST_METHOD)
+    void testPageReservedDay() throws Exception {
+        OpportunityAddRequest request = new OpportunityAddRequest();
+        request.setName("商机1");
+        request.setCustomerId("123");
+        request.setAmount(BigDecimal.valueOf(1.1));
+        request.setProducts(List.of("11"));
+        request.setPossible(BigDecimal.valueOf(1.2));
+        request.setContactId("12345");
+        request.setOwner("admin");
+        request.setExpectedEndTime(System.currentTimeMillis());
+        this.requestPostWithOk(DEFAULT_ADD, request);
+        OpportunityPageRequest pageRequest = new OpportunityPageRequest();
+        pageRequest.setViewId("ALL");
+        pageRequest.setCurrent(1);
+        pageRequest.setPageSize(10);
+        this.requestPostWithOk(DEFAULT_PAGE, pageRequest);
+    }
+
+
+    @Test
+    @Order(2)
+    void testGetContactList() throws Exception {
+        this.requestGet(CONTACT_LIST, addOpportunity.getId());
+        this.requestGet(CONTACT_LIST, "1234567");
+    }
+
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/opportunity/controller/OpportunityFollowPlanControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/opportunity/controller/OpportunityFollowPlanControllerTests.java
new file mode 100644
index 0000000..d309087
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/opportunity/controller/OpportunityFollowPlanControllerTests.java
@@ -0,0 +1,174 @@
+package cn.cordys.crm.opportunity.controller;
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.customer.domain.Customer;
+import cn.cordys.crm.follow.constants.FollowUpPlanStatusType;
+import cn.cordys.crm.follow.domain.FollowUpPlan;
+import cn.cordys.crm.follow.domain.FollowUpRecord;
+import cn.cordys.crm.follow.dto.request.FollowUpPlanAddRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpPlanStatusRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpPlanUpdateRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpRecordPageRequest;
+import cn.cordys.crm.opportunity.domain.Opportunity;
+import cn.cordys.crm.system.job.listener.FollowUpPlanRemindListener;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.time.LocalDate;
+import java.time.ZoneId;
+import java.util.List;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class OpportunityFollowPlanControllerTests extends BaseTest {
+
+    private static final String BASE_PATH = "/opportunity/follow/plan/";
+
+    private static final String CANCEL_PLAN = "cancel/{0}";
+    private static final String STATUS_UPDATE = "status/update";
+    private static FollowUpPlan addFollowUpPlan;
+    @Resource
+    private BaseMapper<FollowUpPlan> followUpPlanMapper;
+    @Resource
+    private FollowUpPlanRemindListener followUpPlanRemindListener;
+    @Resource
+    private BaseMapper<Customer> customerMapper;
+    @Resource
+    private BaseMapper<Opportunity> opportunityMapper;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(1)
+    void testAdd() throws Exception {
+        long timestamp = LocalDate.now()
+                .atStartOfDay(ZoneId.systemDefault())
+                .toEpochSecond() * 1000;
+        FollowUpPlanAddRequest request = new FollowUpPlanAddRequest();
+        request.setCustomerId("wx_123");
+        request.setOpportunityId("wx_12345");
+        request.setOwner("admin");
+        request.setContactId("123456");
+        request.setType("CUSTOMER");
+        request.setMethod("1");
+        request.setContent("计划一下");
+        request.setEstimatedTime(timestamp);
+        request.setModuleFields(List.of(new BaseModuleFieldValue("id", "value")));
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, request);
+        FollowUpRecord resultData = getResultData(mvcResult, FollowUpRecord.class);
+        addFollowUpPlan = followUpPlanMapper.selectByPrimaryKey(resultData.getId());
+    }
+
+
+    @Test
+    @Order(2)
+    void testUpdate() throws Exception {
+        long timestamp = LocalDate.now()
+                .atStartOfDay(ZoneId.systemDefault())
+                .toEpochSecond() * 1000;
+        FollowUpPlanUpdateRequest request = new FollowUpPlanUpdateRequest();
+        request.setId("1234");
+        request.setCustomerId("wx_123");
+        request.setOpportunityId("wx_12345");
+        request.setOwner("admin");
+        request.setContactId("1234567");
+        request.setMethod("2");
+        request.setType("CUSTOMER");
+        request.setContent("计划两下");
+        request.setEstimatedTime(timestamp);
+        request.setConverted(false);
+        request.setModuleFields(List.of(new BaseModuleFieldValue("id", "value")));
+        this.requestPost(DEFAULT_UPDATE, request);
+
+        request.setId(addFollowUpPlan.getId());
+        this.requestPostWithOk(DEFAULT_UPDATE, request);
+    }
+
+
+    @Test
+    @Order(3)
+    void testList() throws Exception {
+        FollowUpRecordPageRequest request = new FollowUpRecordPageRequest();
+        request.setSourceId("123");
+        request.setCurrent(1);
+        request.setPageSize(10);
+        this.requestPost(DEFAULT_PAGE, request);
+    }
+
+    @Test
+    @Order(4)
+    void testGet() throws Exception {
+        this.requestGet(DEFAULT_GET, addFollowUpPlan.getId());
+    }
+
+
+    @Test
+    @Order(4)
+    void testStatusUpdate() throws Exception {
+        FollowUpPlanStatusRequest request = new FollowUpPlanStatusRequest();
+        request.setId(addFollowUpPlan.getId());
+        request.setStatus(FollowUpPlanStatusType.COMPLETED.name());
+        this.requestPost(STATUS_UPDATE, request);
+    }
+
+    @Test
+    @Order(5)
+    void testCancelPlan() throws Exception {
+        this.requestGetWithOk(CANCEL_PLAN, addFollowUpPlan.getId());
+    }
+
+    @Test
+    @Order(6)
+    void tesDeletePlan() throws Exception {
+        this.requestGetWithOk(DEFAULT_DELETE, addFollowUpPlan.getId());
+    }
+
+
+    @Test
+    @Order(3)
+    void testJob() throws Exception {
+        Customer customer = new Customer();
+        customer.setId("wx_123");
+        customer.setName("测试客户");
+        customer.setCreateUser("admin");
+        customer.setCreateTime(System.currentTimeMillis());
+        customer.setUpdateUser("admin");
+        customer.setUpdateTime(System.currentTimeMillis());
+        customer.setOrganizationId("100001");
+        customer.setInSharedPool(false);
+        customerMapper.insert(customer);
+
+        Opportunity opportunity = new Opportunity();
+        opportunity.setId("wx_12345");
+        opportunity.setName("测试商机");
+        opportunity.setCustomerId("123");
+        opportunity.setProducts(List.of("123456"));
+        opportunity.setOrganizationId("100001");
+        opportunity.setStage("STAGE_1");
+        opportunity.setContactId("1233");
+        opportunity.setOwner("admin");
+        opportunity.setCreateUser("admin");
+        opportunity.setCreateTime(System.currentTimeMillis());
+        opportunity.setUpdateUser("admin");
+        opportunity.setUpdateTime(System.currentTimeMillis());
+        opportunity.setExpectedEndTime(System.currentTimeMillis());
+        opportunityMapper.insert(opportunity);
+        followUpPlanRemindListener.followUpPlanRemind();
+
+        customerMapper.deleteByPrimaryKey("wx_123");
+        opportunityMapper.deleteByPrimaryKey("wx_123");
+    }
+
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/opportunity/controller/OpportunityFollowRecordControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/opportunity/controller/OpportunityFollowRecordControllerTests.java
new file mode 100644
index 0000000..0b67859
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/opportunity/controller/OpportunityFollowRecordControllerTests.java
@@ -0,0 +1,95 @@
+package cn.cordys.crm.opportunity.controller;
+
+
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.follow.domain.FollowUpRecord;
+import cn.cordys.crm.follow.dto.request.FollowUpRecordAddRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpRecordPageRequest;
+import cn.cordys.crm.follow.dto.request.FollowUpRecordUpdateRequest;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.List;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class OpportunityFollowRecordControllerTests extends BaseTest {
+
+    private static final String BASE_PATH = "/opportunity/follow/record/";
+    private static FollowUpRecord addFollowUpRecord;
+    @Resource
+    private BaseMapper<FollowUpRecord> followUpRecordMapper;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(1)
+    void testAdd() throws Exception {
+        FollowUpRecordAddRequest request = new FollowUpRecordAddRequest();
+        request.setCustomerId("123");
+        request.setOpportunityId("12345");
+        request.setOwner("admin");
+        request.setContactId("123456");
+        request.setType("CUSTOMER");
+        request.setContent("跟进一下");
+        request.setFollowMethod("1");
+        request.setFollowTime(System.currentTimeMillis());
+        request.setModuleFields(List.of(new BaseModuleFieldValue("id", "value")));
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, request);
+        FollowUpRecord resultData = getResultData(mvcResult, FollowUpRecord.class);
+        addFollowUpRecord = followUpRecordMapper.selectByPrimaryKey(resultData.getId());
+    }
+
+    @Test
+    @Order(2)
+    void testUpdate() throws Exception {
+        FollowUpRecordUpdateRequest request = new FollowUpRecordUpdateRequest();
+        request.setId("1234");
+        request.setCustomerId("123");
+        request.setOpportunityId("12345");
+        request.setOwner("admin");
+        request.setContactId("1234567");
+        request.setFollowMethod("2");
+        request.setType("CUSTOMER");
+        request.setContent("跟进两下");
+        request.setModuleFields(List.of(new BaseModuleFieldValue("id", "value")));
+        this.requestPost(DEFAULT_UPDATE, request);
+
+        request.setId(addFollowUpRecord.getId());
+        this.requestPostWithOk(DEFAULT_UPDATE, request);
+    }
+
+    @Test
+    @Order(3)
+    void testList() throws Exception {
+        FollowUpRecordPageRequest request = new FollowUpRecordPageRequest();
+        request.setSourceId("12345");
+        request.setCurrent(1);
+        request.setPageSize(10);
+        this.requestPost(DEFAULT_PAGE, request);
+    }
+
+    @Test
+    @Order(4)
+    void testGet() throws Exception {
+        this.requestGet(DEFAULT_GET, addFollowUpRecord.getId());
+    }
+
+    @Test
+    @Order(5)
+    void testDeleteRecord() throws Exception {
+        this.requestGetWithOk(DEFAULT_DELETE, addFollowUpRecord.getId());
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/opportunity/controller/OpportunityRuleControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/opportunity/controller/OpportunityRuleControllerTests.java
new file mode 100644
index 0000000..806ecb5
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/opportunity/controller/OpportunityRuleControllerTests.java
@@ -0,0 +1,100 @@
+package cn.cordys.crm.opportunity.controller;
+
+import cn.cordys.common.dto.BasePageRequest;
+import cn.cordys.common.dto.SortRequest;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.JSON;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.opportunity.domain.OpportunityRule;
+import cn.cordys.crm.opportunity.dto.OpportunityRuleDTO;
+import cn.cordys.crm.opportunity.dto.request.OpportunityRuleAddRequest;
+import cn.cordys.crm.opportunity.dto.request.OpportunityRuleUpdateRequest;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.List;
+
+import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class OpportunityRuleControllerTests extends BaseTest {
+
+    private static OpportunityRuleDTO editRule;
+    @Resource
+    private BaseMapper<OpportunityRule> opportunityRuleMapper;
+
+    @Test
+    @Order(1)
+    void emptyPage() throws Exception {
+        BasePageRequest request = new BasePageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+        MvcResult mvcResult = this.requestPostWithOkAndReturn("/opportunity-rule/page", request);
+        Pager<List<OpportunityRuleDTO>> result = getPageResult(mvcResult, OpportunityRuleDTO.class);
+        assert result.getList().isEmpty();
+    }
+
+    @Test
+    @Order(2)
+    void add() throws Exception {
+        OpportunityRuleAddRequest request = OpportunityRuleAddRequest.builder()
+                .name("rule").ownerIds(List.of("cc")).scopeIds(List.of("cc"))
+                .enable(true).auto(false).build();
+        this.requestPostWithOk("/opportunity-rule/add", request);
+    }
+
+    @Test
+    @Order(3)
+    void page() throws Exception {
+        BasePageRequest request = new BasePageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+        request.setSort(new SortRequest("name", "desc"));
+        MvcResult mvcResult = this.requestPostWithOkAndReturn("/opportunity-rule/page", request);
+        Pager<List<OpportunityRuleDTO>> result = getPageResult(mvcResult, OpportunityRuleDTO.class);
+        assert result.getList().size() == 1;
+        editRule = result.getList().getFirst();
+    }
+
+
+    @Test
+    @Order(4)
+    void update() throws Exception {
+        OpportunityRuleUpdateRequest request = new OpportunityRuleUpdateRequest();
+        BeanUtils.copyBean(request, editRule);
+        request.setOwnerIds(List.of("admin"));
+        request.setScopeIds(List.of("admin"));
+        this.requestPostWithOk("/opportunity-rule/update", request);
+        // update owner id by sql
+        editRule.setOwnerId(JSON.toJSONString(List.of("admin")));
+        opportunityRuleMapper.updateById(editRule);
+        this.requestPostWithOk("/opportunity-rule/update", request);
+    }
+
+    @Test
+    @Order(5)
+    void switchStatus() throws Exception {
+        MvcResult mvcResult = this.requestGet("/opportunity-rule/switch/default-pool").andExpect(status().is5xxServerError()).andReturn();
+        assert mvcResult.getResponse().getContentAsString().contains(Translator.get("opportunity.rule.not_exist"));
+        this.requestGetWithOk("/opportunity-rule/switch/" + editRule.getId());
+    }
+
+    @Test
+    @Order(6)
+    void delete() throws Exception {
+        MvcResult mvcResult = this.requestGet("/opportunity-rule/delete/default-pool").andExpect(status().is5xxServerError()).andReturn();
+        assert mvcResult.getResponse().getContentAsString().contains(Translator.get("opportunity.rule.not_exist"));
+        this.requestGetWithOk("/opportunity-rule/delete/" + editRule.getId());
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/opportunity/controller/OpportunityUserViewControllerTest.java b/backend/crm/src/test/java/cn/cordys/crm/opportunity/controller/OpportunityUserViewControllerTest.java
new file mode 100644
index 0000000..26c8bcf
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/opportunity/controller/OpportunityUserViewControllerTest.java
@@ -0,0 +1,134 @@
+package cn.cordys.crm.opportunity.controller;
+
+import cn.cordys.common.dto.condition.FilterCondition;
+import cn.cordys.common.dto.request.PosRequest;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.system.domain.UserView;
+import cn.cordys.crm.system.dto.request.UserViewAddRequest;
+import cn.cordys.crm.system.dto.request.UserViewUpdateRequest;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.ArrayList;
+import java.util.List;
+
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class OpportunityUserViewControllerTest extends BaseTest {
+
+    protected static final String DETAIL = "detail/{0}";
+    protected static final String LIST = "list";
+    protected static final String FIXED = "fixed/{0}";
+    protected static final String POS = "edit/pos";
+    protected static final String ENABLE = "enable/{0}";
+    private static final String BASE_PATH = "/opportunity/view/";
+    private static String viewId;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(1)
+    void testAdd() throws Exception {
+
+        UserViewAddRequest request = new UserViewAddRequest();
+        request.setName("测试视图11");
+        request.setSearchMode("AND");
+        request.setConditions(buildConditions());
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, request);
+        UserView resultData = getResultData(mvcResult, UserView.class);
+        viewId = resultData.getId();
+
+    }
+
+    private List<FilterCondition> buildConditions() {
+        List<FilterCondition> conditions = new ArrayList<>();
+
+        FilterCondition condition1 = new FilterCondition();
+        condition1.setName("123123312312");
+        condition1.setValue(null);
+        condition1.setOperator("EMPTY");
+        condition1.setMultipleValue(false);
+        condition1.setType("LOCATION");
+
+        FilterCondition condition2 = new FilterCondition();
+        condition2.setName("1231233333");
+        condition2.setValue("[\n" +
+                "                \"2\"\n" +
+                "            ]");
+        condition2.setOperator("IN");
+        condition2.setMultipleValue(false);
+        condition2.setType("1231");
+
+        conditions.add(condition1);
+        conditions.add(condition2);
+        return conditions;
+    }
+
+
+    @Test
+    @Order(2)
+    void testUpdate() throws Exception {
+        UserViewUpdateRequest request = new UserViewUpdateRequest();
+        request.setId(viewId);
+        request.setName("更新試圖22");
+        request.setConditions(buildConditions());
+        this.requestPost(DEFAULT_UPDATE, request);
+
+        request.setId("123123123");
+        this.requestPost(DEFAULT_UPDATE, request);
+    }
+
+    @Test
+    @Order(3)
+    void testGetDetail() throws Exception {
+        this.requestGet(DETAIL, viewId);
+    }
+
+    @Test
+    @Order(4)
+    void testList() throws Exception {
+        this.requestGet(LIST);
+    }
+
+    @Test
+    @Order(5)
+    void testFixed() throws Exception {
+        this.requestGet(FIXED, viewId);
+    }
+
+    @Test
+    @Order(5)
+    void testSortPos() throws Exception {
+        String moveId = viewId;
+        testAdd();
+        String targetId = viewId;
+        PosRequest request = new PosRequest();
+        request.setOrgId(DEFAULT_ORGANIZATION_ID);
+        request.setMoveId(moveId);
+        request.setTargetId(targetId);
+        request.setMoveMode("after");
+        this.requestGet(POS, request);
+    }
+
+    @Test
+    @Order(6)
+    void testEnable() throws Exception {
+        this.requestGet(ENABLE, viewId);
+    }
+
+    @Test
+    @Order(10)
+    void testDelete() throws Exception {
+        this.requestGetWithOk(DEFAULT_DELETE, viewId);
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/redis/MessagePublisherTest.java b/backend/crm/src/test/java/cn/cordys/crm/redis/MessagePublisherTest.java
new file mode 100644
index 0000000..9b3e0ae
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/redis/MessagePublisherTest.java
@@ -0,0 +1,47 @@
+package cn.cordys.crm.redis;
+
+import cn.cordys.common.constants.TopicConstants;
+import cn.cordys.common.redis.MessagePublisher;
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.system.constants.NotificationConstants;
+import cn.cordys.crm.system.consumer.SSEConsumer;
+import cn.cordys.crm.system.notice.dto.NoticeRedisMessage;
+import jakarta.annotation.Resource;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class MessagePublisherTest {
+
+
+    @Resource
+    private MessagePublisher publisher;
+
+    @Resource
+    private SSEConsumer sseConsumer;
+
+    @Test
+    @Order(0)
+    public void publishMessageTest() throws InterruptedException {
+
+
+        NoticeRedisMessage noticeRedisMessage = new NoticeRedisMessage();
+        noticeRedisMessage.setMessage("admin");
+        noticeRedisMessage.setNoticeType(NotificationConstants.Type.SYSTEM_NOTICE.toString());
+        publisher.publish(TopicConstants.SSE_TOPIC, JSON.toJSONString(noticeRedisMessage));
+        // 这里可以添加断言来验证消息是否成功发布
+// 等待异步消息处理
+        Thread.sleep(1000); // 可根据实际延迟调整
+        System.out.println(sseConsumer.getChannel());
+
+
+    }
+
+
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/search/AdvancedSearchControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/search/AdvancedSearchControllerTests.java
new file mode 100644
index 0000000..82b8989
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/search/AdvancedSearchControllerTests.java
@@ -0,0 +1,144 @@
+package cn.cordys.crm.search;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.customer.domain.Customer;
+import cn.cordys.crm.customer.domain.CustomerContact;
+import cn.cordys.crm.customer.domain.CustomerField;
+import cn.cordys.crm.customer.dto.request.CustomerAddRequest;
+import cn.cordys.crm.customer.dto.request.CustomerContactAddRequest;
+import cn.cordys.crm.customer.dto.request.CustomerContactPageRequest;
+import cn.cordys.crm.customer.dto.request.CustomerPageRequest;
+import cn.cordys.crm.search.response.advanced.AdvancedCustomerContactResponse;
+import cn.cordys.crm.search.response.advanced.AdvancedCustomerResponse;
+import cn.cordys.crm.system.domain.ModuleField;
+import cn.cordys.crm.system.domain.ModuleForm;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.Strings;
+import org.junit.jupiter.api.*;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.List;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class AdvancedSearchControllerTests extends BaseTest {
+
+
+    @Resource
+    private BaseMapper<Customer> customerMapper;
+    @Resource
+    private BaseMapper<CustomerField> customerFieldMapper;
+    @Resource
+    private BaseMapper<ModuleField> moduleFieldMapper;
+    @Resource
+    private BaseMapper<ModuleForm> moduleFormMapper;
+    @Resource
+    private BaseMapper<CustomerContact> customerContactMapper;
+
+    void addCustomer() throws Exception {
+        ModuleForm moduleForm = getModuleForm();
+
+        ModuleField example = new ModuleField();
+        example.setFormId(moduleForm.getId());
+        ModuleField moduleField = moduleFieldMapper.select(example)
+                .stream()
+                .filter(field -> Strings.CS.equals(field.getInternalKey(), "customerLevel"))
+                .findFirst().orElse(null);
+
+        // 请求成功
+        CustomerAddRequest request = new CustomerAddRequest();
+        request.setName("aa1");
+        request.setOwner("bb1");
+        request.setModuleFields(List.of(new BaseModuleFieldValue(moduleField.getId(), "1")));
+
+        MvcResult mvcResult = this.requestPostWithOkAndReturn("/account/add", request);
+        Customer resultData = getResultData(mvcResult, Customer.class);
+        Customer customer = customerMapper.selectByPrimaryKey(resultData.getId());
+        Assertions.assertEquals(request.getName(), customer.getName());
+        Assertions.assertEquals(request.getOwner(), customer.getOwner());
+
+        // 校验字段
+        List<BaseModuleFieldValue> fieldValues = getCustomerFields(customer.getId())
+                .stream().map(customerField -> {
+                    BaseModuleFieldValue baseModuleFieldValue = BeanUtils.copyBean(new BaseModuleFieldValue(), customerField);
+                    baseModuleFieldValue.setFieldValue(customerField.getFieldValue().toString());
+                    return baseModuleFieldValue;
+                })
+                .toList();
+        Assertions.assertEquals(request.getModuleFields(), fieldValues);
+
+        // 创建另一个客户
+        request.setName("another1");
+        request.setOwner(InternalUser.ADMIN.getValue());
+        this.requestPostWithOkAndReturn("/account/add", request);
+
+    }
+
+    private List<CustomerField> getCustomerFields(String customerId) {
+        CustomerField example = new CustomerField();
+        example.setResourceId(customerId);
+        return customerFieldMapper.select(example);
+    }
+
+    private ModuleForm getModuleForm() {
+        ModuleForm example = new ModuleForm();
+        example.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        example.setFormKey(FormKey.CUSTOMER.getKey());
+        return moduleFormMapper.selectOne(example);
+    }
+
+    void addCustomerContact() throws Exception {
+        // 请求成功
+        CustomerContactAddRequest request = new CustomerContactAddRequest();
+        request.setName("test");
+        request.setCustomerId("customerId");
+        request.setOwner(InternalUser.ADMIN.getValue());
+        request.setPhone("15451222354");
+        this.requestPostWithOkAndReturn("/account/contact/add", request);
+    }
+
+
+    @Test
+    @Order(0)
+    void testCustomer() throws Exception {
+        CustomerPageRequest request = new CustomerPageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+
+        this.requestPostWithOkAndReturn("/advanced/search/account", request);
+
+        addCustomer();
+
+        MvcResult mvcResult = this.requestPostWithOkAndReturn("/advanced/search/account", request);
+        Pager<List<AdvancedCustomerResponse>> pageResult = getPageResult(mvcResult, AdvancedCustomerResponse.class);
+        List<AdvancedCustomerResponse> customerList = pageResult.getList();
+        Assertions.assertFalse(customerList.isEmpty());
+    }
+
+    @Test
+    @Order(1)
+    void testCustomerContact() throws Exception {
+        CustomerContactPageRequest request = new CustomerContactPageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+
+        this.requestPostWithOkAndReturn("/advanced/search/contact", request);
+        addCustomerContact();
+        MvcResult mvcResult = this.requestPostWithOkAndReturn("/advanced/search/contact", request);
+        Pager<List<AdvancedCustomerContactResponse>> pageResult = getPageResult(mvcResult, AdvancedCustomerContactResponse.class);
+        List<AdvancedCustomerContactResponse> customerList = pageResult.getList();
+        Assertions.assertFalse(customerList.isEmpty());
+
+    }
+
+
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/search/SearchFieldMaskConfigControllerTest.java b/backend/crm/src/test/java/cn/cordys/crm/search/SearchFieldMaskConfigControllerTest.java
new file mode 100644
index 0000000..b9290d6
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/search/SearchFieldMaskConfigControllerTest.java
@@ -0,0 +1,76 @@
+package cn.cordys.crm.search;
+
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.search.request.FieldMaskConfigDTO;
+import cn.cordys.crm.system.constants.FieldType;
+import cn.cordys.crm.system.domain.ModuleField;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class SearchFieldMaskConfigControllerTest extends BaseTest {
+
+    protected static final String SAVE = "save";
+    protected static final String GET = "get";
+    private static final String BASE_PATH = "/mask/config/";
+    public static String FIELD_ID = "wx_mask_field-test-id";
+    @Resource
+    private BaseMapper<ModuleField> moduleFieldMapper;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(1)
+    void initData() {
+        ModuleField field = new ModuleField();
+        field.setId(FIELD_ID);
+        field.setFormId("mask_form-test-1");
+        field.setName("dep-test-1");
+        field.setMobile(false);
+        field.setType(FieldType.DEPARTMENT.name());
+        field.setPos(1L);
+        field.setCreateUser("admin");
+        field.setCreateTime(System.currentTimeMillis());
+        field.setUpdateUser("admin");
+        field.setUpdateTime(System.currentTimeMillis());
+        moduleFieldMapper.insert(field);
+
+    }
+
+    @Test
+    @Order(2)
+    void testSave() throws Exception {
+        FieldMaskConfigDTO request = new FieldMaskConfigDTO();
+        request.setSearchFields(fieldMap());
+
+        this.requestPost(SAVE, request);
+    }
+
+    private Map<String, List<String>> fieldMap() {
+        Map<String, List<String>> map = new HashMap<>();
+        map.put("SEARCH_ADVANCED_CLUE", List.of(FIELD_ID));
+        return map;
+    }
+
+
+    @Test
+    @Order(3)
+    void testGet() throws Exception {
+        this.requestGet(GET);
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/search/UserSearchConfigControllerTest.java b/backend/crm/src/test/java/cn/cordys/crm/search/UserSearchConfigControllerTest.java
new file mode 100644
index 0000000..07ce004
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/search/UserSearchConfigControllerTest.java
@@ -0,0 +1,84 @@
+package cn.cordys.crm.search;
+
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.search.request.UserSearchConfigAddRequest;
+import cn.cordys.crm.system.constants.FieldType;
+import cn.cordys.crm.system.domain.ModuleField;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class UserSearchConfigControllerTest extends BaseTest {
+    protected static final String SAVE = "save";
+    protected static final String RESET = "reset";
+    protected static final String GET = "get";
+    private static final String BASE_PATH = "/search/config/";
+    public static String FIELD_ID = "wx_field-test-id";
+    @Resource
+    private BaseMapper<ModuleField> moduleFieldMapper;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(1)
+    void initData() {
+        ModuleField field = new ModuleField();
+        field.setId(FIELD_ID);
+        field.setFormId("form-test-1");
+        field.setName("dep-test-1");
+        field.setMobile(false);
+        field.setType(FieldType.DEPARTMENT.name());
+        field.setPos(1L);
+        field.setCreateUser("admin");
+        field.setCreateTime(System.currentTimeMillis());
+        field.setUpdateUser("admin");
+        field.setUpdateTime(System.currentTimeMillis());
+        moduleFieldMapper.insert(field);
+
+    }
+
+
+    @Test
+    @Order(2)
+    void testAdd() throws Exception {
+        UserSearchConfigAddRequest request = new UserSearchConfigAddRequest();
+        request.setResultDisplay(false);
+        request.setSortSetting(List.of("SEARCH_ADVANCED_CLUE", "SEARCH_ADVANCED_CUSTOMER", "SEARCH_ADVANCED_CONTACT", "SEARCH_ADVANCED_PUBLIC", "SEARCH_ADVANCED_CLUE_POOL", "SEARCH_ADVANCED_OPPORTUNITY"));
+        request.setSearchFields(fieldMap());
+
+        this.requestPost(SAVE, request);
+    }
+
+    private Map<String, List<String>> fieldMap() {
+        Map<String, List<String>> map = new HashMap<>();
+        map.put("SEARCH_ADVANCED_CLUE", List.of(FIELD_ID));
+        return map;
+    }
+
+    @Test
+    @Order(3)
+    void testReset() throws Exception {
+        this.requestGet(RESET);
+    }
+
+    @Test
+    @Order(4)
+    void testGet() throws Exception {
+        this.requestGet(GET);
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/system/controller/AddNoticeExpireTests.java b/backend/crm/src/test/java/cn/cordys/crm/system/controller/AddNoticeExpireTests.java
new file mode 100644
index 0000000..93be1b0
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/system/controller/AddNoticeExpireTests.java
@@ -0,0 +1,260 @@
+package cn.cordys.crm.system.controller;
+
+
+import cn.cordys.crm.approval.constants.ApprovalState;
+import cn.cordys.crm.contract.constants.ContractApprovalStatus;
+import cn.cordys.crm.contract.constants.ContractPaymentPlanStatus;
+import cn.cordys.crm.contract.constants.ContractStage;
+import cn.cordys.crm.contract.domain.Contract;
+import cn.cordys.crm.contract.domain.ContractPaymentPlan;
+import cn.cordys.crm.customer.domain.Customer;
+import cn.cordys.crm.opportunity.domain.Opportunity;
+import cn.cordys.crm.opportunity.domain.OpportunityQuotation;
+import cn.cordys.crm.system.domain.Notification;
+import cn.cordys.crm.system.domain.OrganizationUser;
+import cn.cordys.crm.system.domain.User;
+import cn.cordys.crm.system.dto.response.NotificationDTO;
+import cn.cordys.crm.system.job.NoticeExpireJob;
+import cn.cordys.crm.system.mapper.ExtNotificationMapper;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.junit.jupiter.api.*;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+
+import java.math.BigDecimal;
+import java.util.List;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class AddNoticeExpireTests {
+
+    @Resource
+    private NoticeExpireJob noticeExpireJob;
+
+    @Resource
+    private BaseMapper<OpportunityQuotation> opportunityQuotationBaseMapper;
+
+    @Resource
+    private BaseMapper<ContractPaymentPlan> contractPaymentPlanBaseMapper;
+
+    @Resource
+    private BaseMapper<Contract> contractBaseMapper;
+
+    @Resource
+    private BaseMapper<Opportunity> opportunityBaseMapper;
+
+    @Resource
+    private BaseMapper<Customer> customerBaseMapper;
+
+    @Resource
+    private BaseMapper<User> userBaseMapper;
+
+    @Resource
+    private BaseMapper<OrganizationUser> organizationUserBaseMapper;
+
+
+    @Resource
+    private ExtNotificationMapper extNotificationMapper;
+
+    void saveNotice() {
+        OpportunityQuotation opportunityQuotation = new OpportunityQuotation();
+        opportunityQuotation.setId("SDDFDJJND");
+        opportunityQuotation.setName("测试报价");
+        opportunityQuotation.setApprovalStatus(ApprovalState.APPROVED.getId());
+        opportunityQuotation.setOpportunityId("SDDFDJJND");
+        opportunityQuotation.setCreateUser("aaa");
+        opportunityQuotation.setCreateTime(System.currentTimeMillis());
+        opportunityQuotation.setUpdateTime(System.currentTimeMillis());
+        opportunityQuotation.setUpdateUser("admin");
+        opportunityQuotation.setAmount(BigDecimal.valueOf(10000));
+        opportunityQuotation.setUntilTime(System.currentTimeMillis() - 1000 * 60 * 60 * 24 * 4);
+        opportunityQuotation.setOrganizationId("100001");
+        opportunityQuotationBaseMapper.insert(opportunityQuotation);
+
+        opportunityQuotation = new OpportunityQuotation();
+        opportunityQuotation.setId("SgDFDJJND");
+        opportunityQuotation.setName("测试报价");
+        opportunityQuotation.setApprovalStatus(ApprovalState.APPROVED.getId());
+        opportunityQuotation.setOpportunityId("SDDFDJJND");
+        opportunityQuotation.setCreateUser("aaa");
+        opportunityQuotation.setCreateTime(System.currentTimeMillis());
+        opportunityQuotation.setUpdateTime(System.currentTimeMillis());
+        opportunityQuotation.setUpdateUser("admin");
+        opportunityQuotation.setAmount(BigDecimal.valueOf(10000));
+        opportunityQuotation.setUntilTime(System.currentTimeMillis() - 1000 * 60 * 60 * 24);
+        opportunityQuotation.setOrganizationId("100001");
+        opportunityQuotationBaseMapper.insert(opportunityQuotation);
+
+        ContractPaymentPlan contractPaymentPlan = new ContractPaymentPlan();
+        contractPaymentPlan.setId("SDDFDJJND");
+        contractPaymentPlan.setName("test");
+        contractPaymentPlan.setOrganizationId("100001");
+        contractPaymentPlan.setContractId("SDDFDJJND");
+        contractPaymentPlan.setPlanStatus(ContractPaymentPlanStatus.PENDING.name());
+        contractPaymentPlan.setPlanAmount(BigDecimal.valueOf(10000));
+        contractPaymentPlan.setOwner("aaa");
+        contractPaymentPlan.setPlanEndTime(System.currentTimeMillis() - 1000 * 60 * 60 * 24 * 4);
+        contractPaymentPlan.setCreateUser("admin");
+        contractPaymentPlan.setCreateTime(System.currentTimeMillis());
+        contractPaymentPlan.setUpdateUser("admin");
+        contractPaymentPlan.setUpdateTime(System.currentTimeMillis());
+        contractPaymentPlanBaseMapper.insert(contractPaymentPlan);
+
+        contractPaymentPlan = new ContractPaymentPlan();
+        contractPaymentPlan.setId("SgDFDJJND");
+        contractPaymentPlan.setName("test");
+        contractPaymentPlan.setOrganizationId("100001");
+        contractPaymentPlan.setContractId("SDDFDJJND");
+        contractPaymentPlan.setPlanStatus(ContractPaymentPlanStatus.PENDING.name());
+        contractPaymentPlan.setPlanAmount(BigDecimal.valueOf(10000));
+        contractPaymentPlan.setOwner("aaa");
+        contractPaymentPlan.setPlanEndTime(System.currentTimeMillis() - 1000 * 60 * 60 * 24);
+        contractPaymentPlan.setCreateUser("admin");
+        contractPaymentPlan.setCreateTime(System.currentTimeMillis());
+        contractPaymentPlan.setUpdateUser("admin");
+        contractPaymentPlan.setUpdateTime(System.currentTimeMillis());
+        contractPaymentPlanBaseMapper.insert(contractPaymentPlan);
+
+        Contract contract = new Contract();
+        contract.setId("SDDFDJJND");
+        contract.setOrganizationId("100001");
+        contract.setNumber("SDDFDJJND");
+        contract.setName("测试合同");
+        contract.setCustomerId("100001");
+        contract.setAmount(BigDecimal.valueOf(10000));
+        contract.setApprovalStatus(ContractApprovalStatus.APPROVED.name());
+        contract.setStage(ContractStage.PENDING_SIGNING.name());
+        contract.setCreateUser("admin");
+        contract.setOwner("aaa");
+        contract.setStartTime(System.currentTimeMillis());
+        contract.setEndTime(System.currentTimeMillis());
+        contract.setCreateTime(System.currentTimeMillis());
+        contract.setUpdateUser("admin");
+        contract.setUpdateTime(System.currentTimeMillis());
+        contractBaseMapper.insert(contract);
+
+        contract = new Contract();
+        contract.setId("34554546565656667");
+        contract.setOrganizationId("100001");
+        contract.setNumber("SDDFDJJND");
+        contract.setName("测试合同2");
+        contract.setCustomerId("100001");
+        contract.setAmount(BigDecimal.valueOf(10000));
+        contract.setApprovalStatus(ContractApprovalStatus.APPROVED.name());
+        contract.setStage(ContractStage.PENDING_SIGNING.name());
+        contract.setCreateUser("admin");
+        contract.setOwner("aaa");
+        contract.setStartTime(System.currentTimeMillis() - 1000 * 60 * 60 * 24 * 2);
+        contract.setEndTime(System.currentTimeMillis() - 1000 * 60 * 60 * 24);
+        contract.setCreateTime(System.currentTimeMillis());
+        contract.setUpdateUser("admin");
+        contract.setUpdateTime(System.currentTimeMillis());
+        contractBaseMapper.insert(contract);
+
+        contract = new Contract();
+        contract.setId("3455454656565667888");
+        contract.setOrganizationId("100001");
+        contract.setNumber("SDDFDJJND");
+        contract.setName("测试合同1");
+        contract.setCustomerId("100001");
+        contract.setAmount(BigDecimal.valueOf(10000));
+        contract.setApprovalStatus(ContractApprovalStatus.APPROVED.name());
+        contract.setStage(ContractStage.PENDING_SIGNING.name());
+        contract.setCreateUser("admin");
+        contract.setOwner("aaa");
+        contract.setStartTime(System.currentTimeMillis() - 1000 * 60 * 60 * 24 * 5);
+        contract.setEndTime(System.currentTimeMillis() - 1000 * 60 * 60 * 24 * 4);
+        contract.setCreateTime(System.currentTimeMillis());
+        contract.setUpdateUser("admin");
+        contract.setUpdateTime(System.currentTimeMillis());
+        contractBaseMapper.insert(contract);
+
+        Opportunity opportunity = new Opportunity();
+        opportunity.setId("SDDFDJJND");
+        opportunity.setName("测试商机");
+        opportunity.setCustomerId("100001");
+        opportunity.setOwner("aaa");
+        opportunity.setAmount(BigDecimal.valueOf(10000));
+        opportunity.setPossible(BigDecimal.valueOf(70));
+        opportunity.setPos(500L);
+        opportunity.setStage("SUCCESS");
+        opportunity.setFollower("aaa");
+        opportunity.setContactId("aaa");
+        opportunity.setActualEndTime(System.currentTimeMillis() + 1000 * 60 * 60 * 24 * 10);
+        opportunity.setExpectedEndTime(System.currentTimeMillis() + 1000 * 60 * 60 * 24 * 10);
+        opportunity.setProducts(List.of("100001"));
+        opportunity.setCreateUser("admin");
+        opportunity.setCreateTime(System.currentTimeMillis());
+        opportunity.setUpdateUser("admin");
+        opportunity.setUpdateTime(System.currentTimeMillis());
+        opportunity.setOrganizationId("100001");
+        opportunityBaseMapper.insert(opportunity);
+
+        Customer customer = new Customer();
+        customer.setId("100001");
+        customer.setName("测试客户");
+        customer.setOwner("aaa");
+        customer.setInSharedPool(false);
+        customer.setFollower("aaa");
+        customer.setFollowTime(System.currentTimeMillis());
+        customer.setCreateUser("admin");
+        customer.setCreateTime(System.currentTimeMillis());
+        customer.setUpdateUser("admin");
+        customer.setUpdateTime(System.currentTimeMillis());
+        customer.setOrganizationId("100001");
+        customerBaseMapper.insert(customer);
+
+        User user = new User();
+        user.setId("aaa");
+        user.setName("测试用户");
+        user.setEmail("test@example.com");
+        user.setPhone("1234567890");
+        user.setPassword("123456");
+        user.setGender(true);
+        user.setLanguage("zh_CN");
+        user.setCreateUser("admin");
+        user.setCreateTime(System.currentTimeMillis());
+        user.setUpdateUser("admin");
+        user.setUpdateTime(System.currentTimeMillis());
+        userBaseMapper.insert(user);
+
+        OrganizationUser organizationUser = new OrganizationUser();
+        organizationUser.setId("100001");
+        organizationUser.setOrganizationId("100001");
+        organizationUser.setDepartmentId("100001");
+        organizationUser.setEnable(true);
+        organizationUser.setUserId("aaa");
+        organizationUser.setCreateUser("admin");
+        organizationUser.setCreateTime(System.currentTimeMillis());
+        organizationUser.setUpdateUser("admin");
+        organizationUser.setUpdateTime(System.currentTimeMillis());
+        organizationUserBaseMapper.insert(organizationUser);
+
+    }
+
+    @Test
+    @Order(0)
+    public void cleanupNotificationSuccess() {
+        saveNotice();
+        noticeExpireJob.onEvent();
+        try {
+            Thread.sleep(2000);
+        } catch (InterruptedException e) {
+            throw new RuntimeException(e);
+        }
+        Notification notification = new Notification();
+        notification.setOrganizationId("100001");
+        notification.setResourceType("OPPORTUNITY");
+        List<NotificationDTO> notifications = extNotificationMapper.selectByAnyOne(notification);
+        Assertions.assertTrue(CollectionUtils.isNotEmpty(notifications));
+        notification = new Notification();
+        notification.setOrganizationId("100001");
+        notification.setResourceType("CONTRACT");
+        notifications = extNotificationMapper.selectByAnyOne(notification);
+        Assertions.assertTrue(CollectionUtils.isNotEmpty(notifications));
+
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/system/controller/AddNotificationJobTests.java b/backend/crm/src/test/java/cn/cordys/crm/system/controller/AddNotificationJobTests.java
new file mode 100644
index 0000000..0013727
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/system/controller/AddNotificationJobTests.java
@@ -0,0 +1,67 @@
+package cn.cordys.crm.system.controller;
+
+
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.system.domain.Announcement;
+import cn.cordys.crm.system.domain.Notification;
+import cn.cordys.crm.system.dto.AnnouncementReceiveTypeDTO;
+import cn.cordys.crm.system.dto.response.NotificationDTO;
+import cn.cordys.crm.system.job.NotifyOnJob;
+import cn.cordys.crm.system.mapper.ExtNotificationMapper;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections.CollectionUtils;
+import org.junit.jupiter.api.*;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+
+import java.util.List;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class AddNotificationJobTests {
+
+    @Resource
+    private NotifyOnJob notifyOnJob;
+
+    @Resource
+    private BaseMapper<Announcement> announcementBaseMapper;
+
+    @Resource
+    private ExtNotificationMapper extNotificationMapper;
+
+    void saveNotice() {
+        AnnouncementReceiveTypeDTO announcementReceiveTypeDTO = new AnnouncementReceiveTypeDTO();
+        announcementReceiveTypeDTO.setUserIds(List.of("aaa", "bbb"));
+        Announcement announcement = new Announcement();
+        announcement.setId("SDDFDJJND");
+        announcement.setSubject("Test");
+        announcement.setContent("公告".getBytes());
+        announcement.setStartTime(1727165733128L);
+        announcement.setCreateTime(1727165816848L);
+        announcement.setUpdateTime(System.currentTimeMillis());
+        announcement.setEndTime(System.currentTimeMillis() + 5000);
+        announcement.setReceiver(JSON.toJSONString(List.of("aaa", "bbb")).getBytes());
+        announcement.setOrganizationId("100001");
+        announcement.setNotice(false);
+        announcement.setReceiveType(JSON.toJSONBytes(announcementReceiveTypeDTO));
+        announcement.setCreateUser("admin");
+        announcement.setUpdateUser("admin");
+        announcementBaseMapper.insert(announcement);
+    }
+
+    @Test
+    @Order(0)
+    public void cleanupNotificationSuccess() {
+        saveNotice();
+        List<Announcement> createTimeAsc = announcementBaseMapper.selectAll("create_time asc");
+        Assertions.assertTrue(CollectionUtils.isNotEmpty(createTimeAsc));
+        notifyOnJob.addNotification();
+        Notification notification = new Notification();
+        notification.setOrganizationId("100001");
+        notification.setResourceId("SDDFDJJND");
+        List<NotificationDTO> notifications = extNotificationMapper.selectByAnyOne(notification);
+        Assertions.assertTrue(CollectionUtils.isNotEmpty(notifications));
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/system/controller/AnnouncementControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/system/controller/AnnouncementControllerTests.java
new file mode 100644
index 0000000..b25fea5
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/system/controller/AnnouncementControllerTests.java
@@ -0,0 +1,96 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.response.handler.ResultHolder;
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.system.domain.Announcement;
+import cn.cordys.crm.system.dto.request.AnnouncementPageRequest;
+import cn.cordys.crm.system.dto.request.AnnouncementRequest;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.junit.jupiter.api.*;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.nio.charset.StandardCharsets;
+import java.util.List;
+
+import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+@Slf4j
+public class AnnouncementControllerTests extends BaseTest {
+    @Resource
+    private BaseMapper<Announcement> announcementMapper;
+
+    @Test
+    @Order(1)
+    public void testCreateAnnouncement() throws Exception {
+        AnnouncementRequest request = new AnnouncementRequest();
+        request.setSubject("测试公告");
+        request.setContent("测试公告内容");
+        request.setStartTime(System.currentTimeMillis());
+        request.setEndTime(System.currentTimeMillis() + 1000 * 60 * 60 * 24 * 7);
+        request.setDeptIds(List.of("admin"));
+        request.setOrganizationId("1");
+        this.requestPost("/announcement/add", request).andExpect(status().isOk());
+    }
+
+    @Test
+    @Order(2)
+    public void testUpdateAnnouncement() throws Exception {
+        Announcement announcement = getAnnouncement();
+        AnnouncementRequest request = new AnnouncementRequest();
+        request.setId(announcement.getId());
+        request.setSubject("更新的公告");
+        request.setContent("更新的公告内容");
+        request.setStartTime(System.currentTimeMillis() + 1000 * 60 * 60 * 24 * 6);
+        request.setEndTime(System.currentTimeMillis() + 1000 * 60 * 60 * 24 * 7);
+        this.requestPost("/announcement/edit", request).andExpect(status().isOk());
+
+    }
+
+    @Test
+    @Order(3)
+    public void testGetAnnouncementList() throws Exception {
+        AnnouncementPageRequest basePageRequest = new AnnouncementPageRequest();
+        basePageRequest.setPageSize(10);
+        basePageRequest.setCurrent(1);
+        basePageRequest.setOrganizationId("1");
+        MvcResult mvcResult = this.requestPostWithOkAndReturn("/announcement/page", basePageRequest);
+        var tableData = JSON.parseObject(JSON.toJSONString(
+                        JSON.parseObject(mvcResult.getResponse().getContentAsString(StandardCharsets.UTF_8), ResultHolder.class).getData()),
+                Pager.class);
+        log.info(tableData.getList().toString());
+
+    }
+
+    @Test
+    @Order(4)
+    public void testGetAnnouncementDetail() throws Exception {
+        Announcement announcement = getAnnouncement();
+        MvcResult mvcResult = this.requestGetWithOkAndReturn("/announcement/get/" + announcement.getId());
+        // 获取返回值
+        String returnData = mvcResult.getResponse().getContentAsString(StandardCharsets.UTF_8);
+        ResultHolder resultHolder = JSON.parseObject(returnData, ResultHolder.class);
+        // 返回请求正常
+        Assertions.assertNotNull(resultHolder);
+    }
+
+    private Announcement getAnnouncement() {
+        List<Announcement> createTime = announcementMapper.selectAll("create_time");
+        return createTime.getFirst();
+    }
+
+    @Test
+    @Order(5)
+    public void testDeleteAnnouncement() throws Exception {
+        Announcement announcement = getAnnouncement();
+        requestGetWithOk("/announcement/delete/" + announcement.getId());
+    }
+} 
\ No newline at end of file
diff --git a/backend/crm/src/test/java/cn/cordys/crm/system/controller/BaseMapperTest.java b/backend/crm/src/test/java/cn/cordys/crm/system/controller/BaseMapperTest.java
new file mode 100644
index 0000000..4e41ab3
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/system/controller/BaseMapperTest.java
@@ -0,0 +1,159 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.crm.system.domain.User;
+import cn.cordys.mybatis.BaseMapper;
+import org.junit.jupiter.api.*;
+import org.mockito.Mock;
+import org.mockito.MockitoAnnotations;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+
+import java.io.Serializable;
+import java.util.Collections;
+import java.util.List;
+
+import static org.junit.jupiter.api.Assertions.*;
+import static org.mockito.Mockito.*;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class BaseMapperTest {
+    @Mock
+    private BaseMapper<User> baseMapper;
+
+    private User user;
+
+    @BeforeEach
+    public void setUp() {
+        MockitoAnnotations.openMocks(this);
+        user = new User();
+        user.setId("admin");
+        user.setEmail("test@a.com");
+        user.setPassword("password123");
+    }
+
+    @Test
+    @Order(1)
+    public void testInsert() {
+        when(baseMapper.insert(user)).thenReturn(1);
+        Integer result = baseMapper.insert(user);
+        assertEquals(1, result);
+        verify(baseMapper, times(1)).insert(user);
+    }
+
+    @Test
+    @Order(2)
+    public void testBatchInsert() {
+        List<User> users = Collections.singletonList(user);
+        when(baseMapper.batchInsert(users)).thenReturn(1);
+        Integer result = baseMapper.batchInsert(users);
+        assertEquals(1, result);
+        verify(baseMapper, times(1)).batchInsert(users);
+    }
+
+    @Test
+    @Order(3)
+    public void testUpdateById() {
+        when(baseMapper.updateById(user)).thenReturn(1);
+        Integer result = baseMapper.updateById(user);
+        assertEquals(1, result);
+        verify(baseMapper, times(1)).updateById(user);
+    }
+
+    @Test
+    @Order(4)
+    public void testUpdate() {
+        when(baseMapper.update(user)).thenReturn(1);
+        Integer result = baseMapper.update(user);
+        assertEquals(1, result);
+        verify(baseMapper, times(1)).update(user);
+    }
+
+    @Test
+    @Order(5)
+    public void testDeleteByPrimaryKey() {
+        when(baseMapper.deleteByPrimaryKey(1L)).thenReturn(1);
+        Integer result = baseMapper.deleteByPrimaryKey(1L);
+        assertEquals(1, result);
+        verify(baseMapper, times(1)).deleteByPrimaryKey(1L);
+    }
+
+    @Test
+    @Order(6)
+    public void testDeleteByCriteria() {
+        when(baseMapper.delete(user)).thenReturn(1);
+        Integer result = baseMapper.delete(user);
+        assertEquals(1, result);
+        verify(baseMapper, times(1)).delete(user);
+    }
+
+    @Test
+    @Order(7)
+    public void testSelectByPrimaryKey() {
+        when(baseMapper.selectByPrimaryKey(1L)).thenReturn(user);
+        User result = baseMapper.selectByPrimaryKey(1L);
+        assertNotNull(result);
+        assertEquals(user.getEmail(), result.getEmail());
+        verify(baseMapper, times(1)).selectByPrimaryKey(1L);
+    }
+
+    @Test
+    @Order(8)
+    public void testSelectAll() {
+        when(baseMapper.selectAll("username")).thenReturn(Collections.singletonList(user));
+        List<User> result = baseMapper.selectAll("username");
+        assertNotNull(result);
+        assertEquals(1, result.size());
+        verify(baseMapper, times(1)).selectAll("username");
+    }
+
+    @Test
+    @Order(9)
+    public void testSelect() {
+        when(baseMapper.select(user)).thenReturn(Collections.singletonList(user));
+        List<User> result = baseMapper.select(user);
+        assertNotNull(result);
+        assertEquals(1, result.size());
+        verify(baseMapper, times(1)).select(user);
+    }
+
+    @Test
+    @Order(10)
+    public void testSelectOne() {
+        when(baseMapper.selectOne(user)).thenReturn(user);
+        User result = baseMapper.selectOne(user);
+        assertNotNull(result);
+        assertEquals(user.getEmail(), result.getEmail());
+        verify(baseMapper, times(1)).selectOne(user);
+    }
+
+    @Test
+    @Order(11)
+    public void testSelectByColumn() {
+        Serializable[] ids = {1L};
+        when(baseMapper.selectByColumn("id", ids)).thenReturn(Collections.singletonList(user));
+        List<User> result = baseMapper.selectByColumn("id", ids);
+        assertNotNull(result);
+        assertEquals(1, result.size());
+        verify(baseMapper, times(1)).selectByColumn("id", ids);
+    }
+
+    @Test
+    @Order(12)
+    public void testCountByExample() {
+        when(baseMapper.countByExample(user)).thenReturn(1L);
+        Long result = baseMapper.countByExample(user);
+        assertEquals(1L, result);
+        verify(baseMapper, times(1)).countByExample(user);
+    }
+
+    @Test
+    @Order(14)
+    public void testExist() {
+        when(baseMapper.exist(user)).thenReturn(true);
+        boolean result = baseMapper.exist(user);
+        assertTrue(result);
+        verify(baseMapper, times(1)).exist(user);
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/system/controller/DepartmentControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/system/controller/DepartmentControllerTests.java
new file mode 100644
index 0000000..c49a72a
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/system/controller/DepartmentControllerTests.java
@@ -0,0 +1,101 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.system.dto.request.DepartmentAddRequest;
+import cn.cordys.crm.system.dto.request.DepartmentCommanderRequest;
+import cn.cordys.crm.system.dto.request.DepartmentRenameRequest;
+import cn.cordys.crm.system.dto.request.NodeMoveRequest;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.context.jdbc.Sql;
+import org.springframework.test.context.jdbc.SqlConfig;
+
+import java.util.List;
+
+import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class DepartmentControllerTests extends BaseTest {
+
+    public static final String DEPARTMENT_TREE = "/department/tree";
+    public static final String ADD_DEPARTMENT = "/department/add";
+    public static final String RENAME_DEPARTMENT = "/department/rename";
+    public static final String DEPARTMENT_SET_COMMANDER = "/department/set-commander";
+    public static final String DEPARTMENT_DELETE_CHECK = "/department/delete/check";
+    public static final String DEPARTMENT_DELETE = "/department/delete";
+    public static final String DEPARTMENT_SORT = "/department/sort";
+
+
+    @Sql(scripts = {"/dml/init_department_test.sql"},
+            config = @SqlConfig(encoding = "utf-8", transactionMode = SqlConfig.TransactionMode.ISOLATED),
+            executionPhase = Sql.ExecutionPhase.BEFORE_TEST_METHOD)
+    @Test
+    @Order(1)
+    public void departmentTree() throws Exception {
+        this.requestGet(DEPARTMENT_TREE).andExpect(status().isOk());
+    }
+
+
+    @Test
+    @Order(2)
+    public void addDepartment() throws Exception {
+        DepartmentAddRequest request = new DepartmentAddRequest();
+        request.setName("测试部门");
+        request.setParentId("NONE");
+        this.requestPost(ADD_DEPARTMENT, request).andExpect(status().isOk());
+    }
+
+
+    @Test
+    @Order(3)
+    public void renameDepartment() throws Exception {
+        DepartmentRenameRequest request = new DepartmentRenameRequest();
+        request.setName("测试部门");
+        request.setId("1");
+        this.requestPost(RENAME_DEPARTMENT, request).andExpect(status().isOk());
+
+        request.setId("12363435234");
+        this.requestPost(RENAME_DEPARTMENT, request).andExpect(status().is5xxServerError());
+    }
+
+    @Test
+    @Order(4)
+    public void departmentCommander() throws Exception {
+        DepartmentCommanderRequest request = new DepartmentCommanderRequest();
+        request.setCommanderId("admin");
+        request.setDepartmentId("1");
+        this.requestPost(DEPARTMENT_SET_COMMANDER, request).andExpect(status().isOk());
+
+    }
+
+
+    @Test
+    @Order(5)
+    public void departmentDeleteCHeck() throws Exception {
+        this.requestPost(DEPARTMENT_DELETE_CHECK, List.of("7"));
+    }
+
+    @Test
+    @Order(6)
+    public void departmentDelete() throws Exception {
+        this.requestPost(DEPARTMENT_DELETE, List.of("7"));
+        this.requestPost(DEPARTMENT_DELETE, List.of("8"));
+    }
+
+
+    @Test
+    @Order(4)
+    public void departmentSort() throws Exception {
+        NodeMoveRequest request = new NodeMoveRequest();
+        request.setDropNodeId("4");
+        request.setDragNodeId("1");
+        request.setDropPosition(1);
+        this.requestPost(DEPARTMENT_SORT, request).andExpect(status().isOk());
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/system/controller/ExportTaskCenterControllerTest.java b/backend/crm/src/test/java/cn/cordys/crm/system/controller/ExportTaskCenterControllerTest.java
new file mode 100644
index 0000000..4109f6d
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/system/controller/ExportTaskCenterControllerTest.java
@@ -0,0 +1,111 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.ExportHeadDTO;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.customer.domain.Customer;
+import cn.cordys.crm.customer.domain.CustomerField;
+import cn.cordys.crm.customer.dto.request.CustomerAddRequest;
+import cn.cordys.crm.customer.dto.request.CustomerExportRequest;
+import cn.cordys.crm.system.domain.ModuleField;
+import cn.cordys.crm.system.domain.ModuleForm;
+import cn.cordys.crm.system.dto.request.ExportTaskCenterQueryRequest;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.Strings;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.ArrayList;
+import java.util.List;
+
+import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class ExportTaskCenterControllerTest extends BaseTest {
+
+    private static final String LIST = "/export/center/list";
+    private static final String CANCEL = "/export/center/cancel/";
+    private static final String DOWN_LOAD = "/export/center/download/";
+
+    @Resource
+    private BaseMapper<Customer> customerMapper;
+
+    @Resource
+    private BaseMapper<CustomerField> customerFieldMapper;
+
+    @Resource
+    private BaseMapper<ModuleField> moduleFieldMapper;
+    @Resource
+    private BaseMapper<ModuleForm> moduleFormMapper;
+
+
+    @Order(1)
+    @Test
+    void testList() throws Exception {
+        ExportTaskCenterQueryRequest exportTaskCenterQueryRequest = new ExportTaskCenterQueryRequest();
+        this.requestPostWithOk(LIST, exportTaskCenterQueryRequest);
+    }
+
+    private ModuleForm getModuleForm() {
+        ModuleForm example = new ModuleForm();
+        example.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        example.setFormKey(FormKey.CUSTOMER.getKey());
+        return moduleFormMapper.selectOne(example);
+    }
+
+    @Order(1)
+    @Test
+    void testCancel() throws Exception {
+        this.requestGet(CANCEL + "/rr").andExpect(status().is5xxServerError());
+        ModuleForm moduleForm = getModuleForm();
+
+        ModuleField example = new ModuleField();
+        example.setFormId(moduleForm.getId());
+        ModuleField moduleField = moduleFieldMapper.select(example)
+                .stream()
+                .filter(field -> Strings.CS.equals(field.getInternalKey(), "customerLevel"))
+                .findFirst().orElse(null);
+
+        // 请求成功
+        CustomerAddRequest request = new CustomerAddRequest();
+        request.setName("testTask");
+        request.setOwner("bb");
+        request.setModuleFields(List.of(new BaseModuleFieldValue(moduleField.getId(), "1")));
+
+        this.requestPostWithOkAndReturn("/account/add", request);
+
+        CustomerExportRequest requestE = new CustomerExportRequest();
+        requestE.setCurrent(1);
+        requestE.setPageSize(10);
+        requestE.setFileName("测试导出客户");
+
+        ExportHeadDTO exportHeadDTO = new ExportHeadDTO();
+        exportHeadDTO.setKey("name");
+        exportHeadDTO.setTitle("客户名称");
+        List<ExportHeadDTO> list = new ArrayList<>();
+        list.add(exportHeadDTO);
+        requestE.setHeadList(list);
+        MvcResult mvcResult2 = this.requestPostWithOkAndReturn("/account/export-all", requestE);
+        String resultData = getResultData(mvcResult2, String.class);
+        this.requestGetWithOk(CANCEL + resultData);
+        Thread.sleep(1500);
+        mvcResult2 = this.requestPostWithOkAndReturn("/account/export-all", requestE);
+        resultData = getResultData(mvcResult2, String.class);
+        Thread.sleep(1500);
+        // 等待导出任务完成
+        this.requestGetStreamWithOk(DOWN_LOAD + resultData);
+
+
+    }
+
+
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/system/controller/LocaleLanguageControllerTest.java b/backend/crm/src/test/java/cn/cordys/crm/system/controller/LocaleLanguageControllerTest.java
new file mode 100644
index 0000000..88a4b1e
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/system/controller/LocaleLanguageControllerTest.java
@@ -0,0 +1,28 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.system.dto.request.LocaleLanguageRequest;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+
+import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class LocaleLanguageControllerTest extends BaseTest {
+
+    public static final String LANGUAGE_CHANGE = "/locale-language/change";
+
+    @Test
+    @Order(1)
+    public void localeLanguageChange() throws Exception {
+        LocaleLanguageRequest request = new LocaleLanguageRequest();
+        request.setLanguage("en-US");
+        this.requestPost(LANGUAGE_CHANGE, request).andExpect(status().isOk());
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/system/controller/LoginControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/system/controller/LoginControllerTests.java
new file mode 100644
index 0000000..be14d8e
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/system/controller/LoginControllerTests.java
@@ -0,0 +1,65 @@
+package cn.cordys.crm.system.controller;
+
+
+import cn.cordys.common.util.rsa.RsaKey;
+import cn.cordys.common.util.rsa.RsaUtils;
+import cn.cordys.crm.system.domain.OrganizationUser;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.http.MediaType;
+import org.springframework.test.context.jdbc.Sql;
+import org.springframework.test.context.jdbc.SqlConfig;
+import org.springframework.test.web.servlet.MockMvc;
+import org.springframework.test.web.servlet.MvcResult;
+import org.springframework.test.web.servlet.request.MockMvcRequestBuilders;
+
+import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.content;
+import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+@Slf4j
+public class LoginControllerTests {
+    @Resource
+    private MockMvc mockMvc;
+    @Resource
+    private BaseMapper<OrganizationUser> organizationUserMapper;
+
+    @Test
+    @Sql(scripts = {"/dml/init_user_login_test.sql"},
+            config = @SqlConfig(encoding = "utf-8", transactionMode = SqlConfig.TransactionMode.ISOLATED),
+            executionPhase = Sql.ExecutionPhase.BEFORE_TEST_METHOD)
+    public void testLogin() throws Exception {
+        RsaKey rsaKey = RsaUtils.getRsaKey();
+        String password = RsaUtils.publicEncrypt("test.login", rsaKey.getPublicKey());
+        String username = RsaUtils.publicEncrypt("test.login@cordys.io", rsaKey.getPublicKey());
+
+        // 1. 正常登录
+        String login = "/login";
+        MvcResult mvcResult = mockMvc.perform(MockMvcRequestBuilders.post(login)
+                        .content("""
+                                {
+                                  "username": "%s",
+                                  "password": "%s",
+                                  "authenticate": "LOCAL",
+                                  "loginAddress": "LOCAL",
+                                  "platform": "LOCAL"
+                                }
+                                """.formatted(username, password))
+                        .contentType(MediaType.APPLICATION_JSON))
+                .andExpect(status().isOk())
+                .andExpect(content().contentType(MediaType.APPLICATION_JSON))
+                .andReturn();
+
+        // 验证返回结果
+        String contentAsString = mvcResult.getResponse().getContentAsString();
+        log.info(contentAsString);
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/system/controller/LoginLogControllerTest.java b/backend/crm/src/test/java/cn/cordys/crm/system/controller/LoginLogControllerTest.java
new file mode 100644
index 0000000..b5dfdab
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/system/controller/LoginLogControllerTest.java
@@ -0,0 +1,40 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.common.dto.SortRequest;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.system.dto.request.LoginLogRequest;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+
+import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class LoginLogControllerTest extends BaseTest {
+    public static final String LOGIN_LOG_LIST = "/login/log/list";
+
+    private LoginLogRequest buildRequest() {
+        LoginLogRequest request = new LoginLogRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+        request.setStartTime(1735808851000L);
+        request.setEndTime(1735890402193L);
+        return request;
+    }
+
+    @Test
+    @Order(2)
+    public void operationLogLoginList() throws Exception {
+        LoginLogRequest request = buildRequest();
+        this.requestPost(LOGIN_LOG_LIST, request).andExpect(status().isOk());
+        request.setStartTime(1735890402193L);
+        request.setEndTime(1735808851000L);
+        request.setSort(new SortRequest("id", "desc"));
+        this.requestPost(LOGIN_LOG_LIST, request);
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/system/controller/MessageTaskControllerTest.java b/backend/crm/src/test/java/cn/cordys/crm/system/controller/MessageTaskControllerTest.java
new file mode 100644
index 0000000..893b08e
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/system/controller/MessageTaskControllerTest.java
@@ -0,0 +1,159 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.common.constants.RoleDataScope;
+import cn.cordys.common.response.handler.ResultHolder;
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.system.constants.NotificationConstants;
+import cn.cordys.crm.system.domain.MessageTask;
+import cn.cordys.crm.system.domain.Role;
+import cn.cordys.crm.system.dto.MessageTaskConfigDTO;
+import cn.cordys.crm.system.dto.MessageTaskConfigWithNameDTO;
+import cn.cordys.crm.system.dto.TimeDTO;
+import cn.cordys.crm.system.dto.request.MessageTaskBatchRequest;
+import cn.cordys.crm.system.dto.request.MessageTaskConfigRequest;
+import cn.cordys.crm.system.dto.request.MessageTaskRequest;
+import cn.cordys.crm.system.mapper.ExtMessageTaskMapper;
+import cn.cordys.crm.system.notice.CommonNoticeSendService;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.jetbrains.annotations.NotNull;
+import org.junit.jupiter.api.*;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.nio.charset.StandardCharsets;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class MessageTaskControllerTest extends BaseTest {
+
+    public static final String SAVE_MESSAGE_TASK = "/message/task/save";
+    public static final String BATCH_SAVE_MESSAGE_TASK = "/message/task/batch/save";
+
+    public static final String GET_MESSAGE_TASK = "/message/task/get";
+
+    public static final String GET_MESSAGE_TASK_CONFIG = "/message/task/config/query";
+
+
+    @Resource
+    private ExtMessageTaskMapper extMessageTaskMapper;
+    @Resource
+    private CommonNoticeSendService commonNoticeSendService;
+    @Resource
+    private BaseMapper<Role> roleBaseMapper;
+
+    @Test
+    @Order(1)
+    void testSaveMessageTask() throws Exception {
+        //新增一个角色用于测试，每个属性都赋值，internal是false
+        Role role = new Role();
+        role.setId("test_role_id");
+        role.setName("测试自定义角色");
+        role.setInternal(false);
+        role.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        role.setDataScope(RoleDataScope.DEPT_AND_CHILD.name());
+        role.setCreateTime(System.currentTimeMillis());
+        role.setUpdateTime(System.currentTimeMillis());
+        role.setCreateUser("admin");
+        role.setUpdateUser("admin");
+        roleBaseMapper.insert(role);
+
+        MessageTaskRequest messageTaskRequest = new MessageTaskRequest();
+        messageTaskRequest.setModule(NotificationConstants.Module.CUSTOMER);
+        messageTaskRequest.setEvent(NotificationConstants.Event.CUSTOMER_MOVED_HIGH_SEAS);
+        messageTaskRequest.setEmailEnable(true);
+        messageTaskRequest.setSysEnable(true);
+        MessageTaskConfigDTO messageTaskConfigDTO = getMessageTaskConfigDTO();
+        messageTaskRequest.setConfig(messageTaskConfigDTO);
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(SAVE_MESSAGE_TASK, messageTaskRequest);
+        String updateReturnData = mvcResult.getResponse().getContentAsString(StandardCharsets.UTF_8);
+        ResultHolder resultHolder = JSON.parseObject(updateReturnData, ResultHolder.class);
+        MessageTask messageTask = JSON.parseObject(JSON.toJSONString(resultHolder.getData()), MessageTask.class);
+        Assertions.assertNotNull(messageTask);
+        MessageTask messageTask1 = extMessageTaskMapper.getMessageByModuleAndEvent(messageTaskRequest.getModule(), messageTaskRequest.getEvent(), DEFAULT_ORGANIZATION_ID);
+        Assertions.assertNotNull(messageTask1);
+        messageTaskRequest = new MessageTaskRequest();
+        messageTaskRequest.setModule(NotificationConstants.Module.CUSTOMER);
+        messageTaskRequest.setEvent(NotificationConstants.Event.CUSTOMER_MOVED_HIGH_SEAS);
+        messageTaskRequest.setEmailEnable(false);
+        messageTaskRequest.setSysEnable(true);
+        MvcResult mvcResult1 = this.requestPostWithOkAndReturn(SAVE_MESSAGE_TASK, messageTaskRequest);
+        String updateReturnData1 = mvcResult1.getResponse().getContentAsString(StandardCharsets.UTF_8);
+        ResultHolder resultHolder1 = JSON.parseObject(updateReturnData1, ResultHolder.class);
+        MessageTask messageTask2 = JSON.parseObject(JSON.toJSONString(resultHolder1.getData()), MessageTask.class);
+        Assertions.assertNotNull(messageTask2);
+        Map<String, Object> resource = new HashMap<>();
+        resource.put("relatedUsers", "aa");
+        resource.put("name", "cc");
+        commonNoticeSendService.sendNotice(NotificationConstants.Module.CUSTOMER, NotificationConstants.Event.CUSTOMER_MOVED_HIGH_SEAS, resource, "admin", DEFAULT_ORGANIZATION_ID, List.of("aa"), true);
+
+        messageTaskRequest.setSysEnable(false);
+        messageTaskRequest.setWeComEnable(true);
+        mvcResult1 = this.requestPostWithOkAndReturn(SAVE_MESSAGE_TASK, messageTaskRequest);
+        updateReturnData1 = mvcResult1.getResponse().getContentAsString(StandardCharsets.UTF_8);
+        resultHolder1 = JSON.parseObject(updateReturnData1, ResultHolder.class);
+        messageTask2 = JSON.parseObject(JSON.toJSONString(resultHolder1.getData()), MessageTask.class);
+        Assertions.assertNotNull(messageTask2);
+        resource = new HashMap<>();
+        resource.put("relatedUsers", "aa");
+        resource.put("name", "cc");
+        commonNoticeSendService.sendNotice(NotificationConstants.Module.CUSTOMER, NotificationConstants.Event.CUSTOMER_MOVED_HIGH_SEAS, resource, "admin", DEFAULT_ORGANIZATION_ID, List.of("aa"), true);
+
+
+    }
+
+    private @NotNull MessageTaskConfigDTO getMessageTaskConfigDTO() {
+        MessageTaskConfigDTO messageTaskConfigDTO = new MessageTaskConfigDTO();
+        TimeDTO timeDTO = new TimeDTO();
+        timeDTO.setTimeValue(3);
+        timeDTO.setTimeUnit("DAY");
+        List<TimeDTO> timeDTOList = List.of(timeDTO);
+        messageTaskConfigDTO.setTimeList(timeDTOList);
+        messageTaskConfigDTO.setOwnerEnable(true);
+        messageTaskConfigDTO.setOwnerLevel(0);
+        messageTaskConfigDTO.setUserIds(List.of("OWNER"));
+        messageTaskConfigDTO.setRoleEnable(true);
+        messageTaskConfigDTO.setRoleIds(List.of("org_admin", "test_role_id"));
+        return messageTaskConfigDTO;
+    }
+
+    @Test
+    @Order(2)
+    void testGetMessageTask() throws Exception {
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(GET_MESSAGE_TASK);
+        String updateReturnData = mvcResult.getResponse().getContentAsString(StandardCharsets.UTF_8);
+        ResultHolder resultHolder = JSON.parseObject(updateReturnData, ResultHolder.class);
+        List<MessageTask> messageTasks = JSON.parseArray(JSON.toJSONString(resultHolder.getData()), MessageTask.class);
+        Assertions.assertFalse(messageTasks.isEmpty());
+    }
+
+    @Test
+    @Order(3)
+    void testBatchSaveMessageTask() throws Exception {
+        MessageTaskBatchRequest messageTaskRequest = new MessageTaskBatchRequest();
+        messageTaskRequest.setEmailEnable(true);
+        messageTaskRequest.setSysEnable(true);
+        this.requestPostWithOk(BATCH_SAVE_MESSAGE_TASK, messageTaskRequest);
+        MessageTask messageTask1 = extMessageTaskMapper.getMessageByModuleAndEvent(NotificationConstants.Module.CUSTOMER, NotificationConstants.Event.CUSTOMER_MOVED_HIGH_SEAS, DEFAULT_ORGANIZATION_ID);
+        Assertions.assertTrue(messageTask1.getEmailEnable());
+    }
+
+    @Test
+    @Order(4)
+    void testGetMessageTaskConfig() throws Exception {
+        MessageTaskConfigRequest messageTaskConfigRequest = new MessageTaskConfigRequest();
+        messageTaskConfigRequest.setModule(NotificationConstants.Module.CUSTOMER);
+        messageTaskConfigRequest.setEvent(NotificationConstants.Event.CUSTOMER_MOVED_HIGH_SEAS);
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(GET_MESSAGE_TASK_CONFIG, messageTaskConfigRequest);
+        String updateReturnData = mvcResult.getResponse().getContentAsString(StandardCharsets.UTF_8);
+        ResultHolder resultHolder = JSON.parseObject(updateReturnData, ResultHolder.class);
+        MessageTaskConfigWithNameDTO messageTaskConfigDTO = JSON.parseObject(JSON.toJSONString(resultHolder.getData()), MessageTaskConfigWithNameDTO.class);
+        Assertions.assertNotNull(messageTaskConfigDTO);
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/system/controller/ModuleControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/system/controller/ModuleControllerTests.java
new file mode 100644
index 0000000..5395355
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/system/controller/ModuleControllerTests.java
@@ -0,0 +1,73 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.system.domain.Module;
+import cn.cordys.crm.system.dto.request.ModuleRequest;
+import cn.cordys.crm.system.dto.request.ModuleSortRequest;
+import cn.cordys.crm.system.dto.response.ModuleDTO;
+import cn.cordys.crm.system.service.ModuleService;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.List;
+
+import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class ModuleControllerTests extends BaseTest {
+
+    private static final String LIST_ALL = "/module/list";
+    private static final String SWITCH = "/module/switch/";
+    private static final String SORT = "/module/sort";
+
+    @Resource
+    private ModuleService moduleService;
+    @Resource
+    private BaseMapper<Module> moduleMapper;
+
+    @Test
+    @Order(1)
+    void testInitModuleList() {
+        moduleService.initModule("default");
+        List<Module> modules = moduleMapper.selectAll("pos");
+        assert !modules.isEmpty();
+    }
+
+    @Test
+    @Order(2)
+    void testGetModuleListAndSwitch() throws Exception {
+        ModuleRequest request = new ModuleRequest();
+        request.setOrganizationId("default");
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(LIST_ALL, request);
+        List<ModuleDTO> modules = getResultDataArray(mvcResult, ModuleDTO.class);
+        assert !modules.isEmpty();
+        String param = modules.getFirst().getId();
+        this.requestGetWithOk(SWITCH + param);
+        // permission check
+        requestGetPermissionTest(PermissionConstants.MODULE_SETTING_UPDATE, SWITCH + param);
+        // switch not exist module
+        MvcResult mvcResult1 = this.requestGet(SWITCH + "none").andExpect(status().is5xxServerError()).andReturn();
+        assert mvcResult1.getResponse().getContentAsString().contains(Translator.get("module.not_exist"));
+        ModuleSortRequest sortRequest = new ModuleSortRequest();
+        sortRequest.setDragModuleId(param);
+        sortRequest.setStart(1L);
+        sortRequest.setEnd(3L);
+        this.requestPostWithOk(SORT, sortRequest);
+        sortRequest.setStart(3L);
+        sortRequest.setEnd(1L);
+        this.requestPostWithOk(SORT, sortRequest);
+        // permission check
+        requestPostPermissionTest(PermissionConstants.MODULE_SETTING_UPDATE, SORT, sortRequest);
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/system/controller/ModuleFieldControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/system/controller/ModuleFieldControllerTests.java
new file mode 100644
index 0000000..e7f51f1
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/system/controller/ModuleFieldControllerTests.java
@@ -0,0 +1,124 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.clue.dto.request.CluePageRequest;
+import cn.cordys.crm.customer.dto.request.CustomerContactPageRequest;
+import cn.cordys.crm.customer.dto.request.CustomerPageRequest;
+import cn.cordys.crm.opportunity.dto.request.OpportunityPageRequest;
+import cn.cordys.crm.product.dto.request.ProductPageRequest;
+import cn.cordys.crm.system.constants.FieldType;
+import cn.cordys.crm.system.domain.ModuleField;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class ModuleFieldControllerTests extends BaseTest {
+
+    public static final String BASE_PATH = "/field";
+    public static final String DEPT_TREE = "/dept/tree";
+    public static final String USER_DEPT_TREE = "/user/dept/tree";
+    public static final String CLUE_SOURCE_DATA = "/source/lead";
+    public static final String CUSTOMER_SOURCE_DATA = "/source/account";
+    public static final String CONTACT_SOURCE_DATA = "/source/contact";
+    public static final String OPPORTUNITY_SOURCE_DATA = "/source/opportunity";
+    public static final String PRODUCT_SOURCE_DATA = "/source/product";
+    public static String FIELD_ID = "field-test-id";
+    @Resource
+    private BaseMapper<ModuleField> moduleFieldMapper;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(1)
+    void initData() {
+        ModuleField field = new ModuleField();
+        field.setId(FIELD_ID);
+        field.setFormId("form-test-1");
+        field.setName("dep-test-1");
+        field.setMobile(false);
+        field.setType(FieldType.DEPARTMENT.name());
+        field.setPos(1L);
+        field.setCreateUser("admin");
+        field.setCreateTime(System.currentTimeMillis());
+        field.setUpdateUser("admin");
+        field.setUpdateTime(System.currentTimeMillis());
+        moduleFieldMapper.insert(field);
+    }
+
+    @Test
+    @Order(2)
+    void testGetDeptTree() throws Exception {
+        this.requestGetWithOk(DEPT_TREE);
+    }
+
+    @Test
+    @Order(3)
+    void testGetUserDeptTree() throws Exception {
+        this.requestGetWithOk(USER_DEPT_TREE);
+    }
+
+    @Test
+    @Order(4)
+    void resetFieldData() {
+        ModuleField field = new ModuleField();
+        field.setId(FIELD_ID);
+        field.setType(FieldType.DATA_SOURCE.name());
+        moduleFieldMapper.updateById(field);
+    }
+
+    @Test
+    @Order(5)
+    void testListClueSourceData() throws Exception {
+        CluePageRequest cluePageRequest = new CluePageRequest();
+        cluePageRequest.setCurrent(1);
+        cluePageRequest.setPageSize(10);
+        this.requestPostWithOk(CLUE_SOURCE_DATA, cluePageRequest);
+    }
+
+    @Test
+    @Order(6)
+    void testListCustomerSourceData() throws Exception {
+        CustomerPageRequest customerPageRequest = new CustomerPageRequest();
+        customerPageRequest.setCurrent(1);
+        customerPageRequest.setPageSize(10);
+        this.requestPostWithOk(CUSTOMER_SOURCE_DATA, customerPageRequest);
+    }
+
+    @Test
+    @Order(7)
+    void testListContactSourceData() throws Exception {
+        CustomerContactPageRequest contactPageRequest = new CustomerContactPageRequest();
+        contactPageRequest.setCurrent(1);
+        contactPageRequest.setPageSize(10);
+        this.requestPostWithOk(CONTACT_SOURCE_DATA, contactPageRequest);
+    }
+
+    @Test
+    @Order(8)
+    void testListOpportunitySourceData() throws Exception {
+        OpportunityPageRequest opportunityPageRequest = new OpportunityPageRequest();
+        opportunityPageRequest.setCurrent(1);
+        opportunityPageRequest.setPageSize(10);
+        this.requestPostWithOk(OPPORTUNITY_SOURCE_DATA, opportunityPageRequest);
+    }
+
+    @Test
+    @Order(9)
+    void testListProductSourceData() throws Exception {
+        ProductPageRequest productPageRequest = new ProductPageRequest();
+        productPageRequest.setCurrent(1);
+        productPageRequest.setPageSize(10);
+        this.requestPostWithOk(PRODUCT_SOURCE_DATA, productPageRequest);
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/system/controller/ModuleFormControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/system/controller/ModuleFormControllerTests.java
new file mode 100644
index 0000000..b1390b4
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/system/controller/ModuleFormControllerTests.java
@@ -0,0 +1,59 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.system.constants.FieldType;
+import cn.cordys.crm.system.dto.field.SelectField;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.form.FormProp;
+import cn.cordys.crm.system.dto.request.ModuleFormSaveRequest;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.List;
+
+import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class ModuleFormControllerTests extends BaseTest {
+
+    public static List<BaseField> fields;
+
+    @Test
+    @Order(1)
+    void testGetFieldList() throws Exception {
+        MvcResult mvcResult = this.requestGetWithOkAndReturn("/module/form/config/" + FormKey.CLUE.getKey());
+        ModuleFormConfigDTO formConfig = getResultData(mvcResult, ModuleFormConfigDTO.class);
+        assert formConfig.getFields().size() > 1;
+        fields = formConfig.getFields();
+    }
+
+    @Test
+    @Order(2)
+    void testSaveFields() throws Exception {
+        ModuleFormSaveRequest request = new ModuleFormSaveRequest();
+        request.setFormKey("none-key");
+        request.setFields(List.of());
+        request.setFormProp(new FormProp());
+        MvcResult mvcResult = this.requestPost("/module/form/save", request).andExpect(status().is5xxServerError()).andReturn();
+        assert mvcResult.getResponse().getContentAsString().contains(Translator.get("module.form.not_exist"));
+        request.setFormKey(FormKey.CLUE.getKey());
+        request.setFields(fields);
+        this.requestPostWithOk("/module/form/save", request);
+        BaseField field = new SelectField();
+        field.setId("select-id");
+        field.setType(FieldType.SELECT.name());
+        request.setFields(List.of(field));
+        MvcResult mvcResult1 = this.requestPost("/module/form/save", request).andExpect(status().is5xxServerError()).andReturn();
+        assert mvcResult1.getResponse().getContentAsString().contains(Translator.get("module.form.business_field.deleted"));
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/system/controller/NotificationControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/system/controller/NotificationControllerTests.java
new file mode 100644
index 0000000..233986d
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/system/controller/NotificationControllerTests.java
@@ -0,0 +1,157 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.response.handler.ResultHolder;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.system.constants.NotificationConstants;
+import cn.cordys.crm.system.domain.Notification;
+import cn.cordys.crm.system.dto.request.NotificationRequest;
+import cn.cordys.crm.system.dto.response.NotificationDTO;
+import cn.cordys.crm.system.mapper.ExtNotificationMapper;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.junit.jupiter.api.*;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.nio.charset.StandardCharsets;
+import java.util.List;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class NotificationControllerTests extends BaseTest {
+
+    public static final String NOTIFICATION_LIST_PAGE = "/notification/list/all/page";
+    public static final String NOTIFICATION_READ = "/notification/read/";
+    public static final String NOTIFICATION_READ_ALL = "/notification/read/all";
+    public static final String NOTIFICATION_COUNT = "/notification/count";
+    public static final String NOTIFICATION_LAST_LIST = "/notification/last/list";
+    public static final String ANNOUNCEMENT_LAST_LIST = "/notification/last/announcement/list";
+
+
+    @Resource
+    private ExtNotificationMapper extNotificationMapper;
+    @Resource
+    private BaseMapper<Notification> notificationMapper;
+
+
+    void saveNotice(String type) {
+        Notification notification = new Notification();
+        notification.setId(IDGenerator.nextStr());
+        notification.setSubject("功能用例更新通知");
+        notification.setOperator("admin");
+        notification.setOperation("UPDATE");
+        notification.setResourceType(type);
+        notification.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        notification.setResourceName("功能用例导入测4");
+        notification.setType("SYSTEM_NOTICE");
+        notification.setStatus(NotificationConstants.Status.UNREAD.name());
+        notification.setCreateTime(System.currentTimeMillis());
+        notification.setReceiver("admin");
+        notification.setContent("nihao".getBytes());
+        notification.setCreateUser("admin");
+        notification.setUpdateUser("admin");
+        notification.setUpdateTime(System.currentTimeMillis());
+        notification.setResourceId("dd");
+        notificationMapper.insert(notification);
+    }
+
+    @Test
+    @Order(1)
+    void getNotificationSuccess() throws Exception {
+        saveNotice("CUSTOMER");
+        NotificationRequest notificationRequest = new NotificationRequest();
+        notificationRequest.setPageSize(10);
+        notificationRequest.setCurrent(1);
+        notificationRequest.setReceiver("admin");
+        notificationRequest.setType("SYSTEM_NOTICE");
+        notificationRequest.setResourceType("CASE");
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(NOTIFICATION_LIST_PAGE, notificationRequest);
+        Pager<List<Notification>> tableData = JSON.parseObject(JSON.toJSONString(
+                        JSON.parseObject(mvcResult.getResponse().getContentAsString(StandardCharsets.UTF_8), ResultHolder.class).getData()),
+                Pager.class);
+        //返回值的页码和当前页码相同
+        Assertions.assertEquals(tableData.getCurrent(), notificationRequest.getCurrent());
+        Assertions.assertTrue(tableData.getList().isEmpty());
+    }
+
+    @Test
+    @Order(2)
+    void setNotificationReadSuccess() throws Exception {
+        Notification notification = new Notification();
+        notification.setStatus(NotificationConstants.Status.UNREAD.name());
+        notification.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        List<NotificationDTO> notifications = extNotificationMapper.selectByAnyOne(notification);
+        this.requestGetWithOkAndReturn(NOTIFICATION_READ + notifications.getFirst().getId());
+        notification.setStatus(NotificationConstants.Status.READ.name());
+        extNotificationMapper.updateByReceiver(notification);
+        List<NotificationDTO> readNotifications = extNotificationMapper.selectByAnyOne(notification);
+        Assertions.assertFalse(readNotifications.isEmpty());
+
+    }
+
+    @Test
+    @Order(3)
+    void setNotificationReadAll() throws Exception {
+        saveNotice("CUSTOMER");
+        this.requestGetWithOk(NOTIFICATION_READ_ALL);
+        Notification notification = new Notification();
+        notification.setStatus(NotificationConstants.Status.READ.name());
+        notification.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        List<NotificationDTO> notifications = extNotificationMapper.selectByAnyOne(notification);
+        Assertions.assertFalse(notifications.isEmpty());
+
+    }
+
+    @Test
+    @Order(4)
+    void getNotificationCount() throws Exception {
+        saveNotice("CUSTOMER");
+        saveNotice("CLUE");
+        saveNotice("BUSINESS");
+        saveNotice("ANNOUNCEMENT");
+        NotificationRequest notificationRequest = new NotificationRequest();
+        notificationRequest.setPageSize(10);
+        notificationRequest.setCurrent(1);
+        notificationRequest.setReceiver("admin");
+        notificationRequest.setType("SYSTEM_NOTICE");
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(NOTIFICATION_COUNT, notificationRequest);
+        String updateReturnData = mvcResult.getResponse().getContentAsString(StandardCharsets.UTF_8);
+        ResultHolder resultHolder = JSON.parseObject(updateReturnData, ResultHolder.class);
+        List<OptionDTO> options = JSON.parseArray(JSON.toJSONString(resultHolder.getData()), OptionDTO.class);
+        Assertions.assertFalse(options.isEmpty());
+    }
+
+    @Test
+    @Order(5)
+    void getNotificationLast() throws Exception {
+        saveNotice("CUSTOMER");
+        saveNotice("CLUE");
+        saveNotice("BUSINESS");
+        saveNotice("ANNOUNCEMENT");
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(NOTIFICATION_LAST_LIST);
+        String updateReturnData = mvcResult.getResponse().getContentAsString(StandardCharsets.UTF_8);
+        ResultHolder resultHolder = JSON.parseObject(updateReturnData, ResultHolder.class);
+        List<NotificationDTO> options = JSON.parseArray(JSON.toJSONString(resultHolder.getData()), NotificationDTO.class);
+        Assertions.assertFalse(options.isEmpty());
+    }
+
+    @Test
+    @Order(6)
+    void getNotificationAnnLast() throws Exception {
+        saveNotice("ANNOUNCEMENT_NOTICE");
+        saveNotice("ANNOUNCEMENT_NOTICE");
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(ANNOUNCEMENT_LAST_LIST);
+        String updateReturnData = mvcResult.getResponse().getContentAsString(StandardCharsets.UTF_8);
+        ResultHolder resultHolder = JSON.parseObject(updateReturnData, ResultHolder.class);
+        List<NotificationDTO> options = JSON.parseArray(JSON.toJSONString(resultHolder.getData()), NotificationDTO.class);
+        Assertions.assertFalse(options.isEmpty());
+    }
+
+
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/system/controller/OperationLogControllerTest.java b/backend/crm/src/test/java/cn/cordys/crm/system/controller/OperationLogControllerTest.java
new file mode 100644
index 0000000..5688866
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/system/controller/OperationLogControllerTest.java
@@ -0,0 +1,52 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.common.dto.SortRequest;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.system.dto.request.OperationLogRequest;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.context.jdbc.Sql;
+import org.springframework.test.context.jdbc.SqlConfig;
+
+import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class OperationLogControllerTest extends BaseTest {
+    public static final String OPERATION_LOG_LIST = "/operation/log/list";
+    public static final String OPERATION_LOG_DETAIL = "/operation/log/detail/";
+
+    @Sql(scripts = {"/dml/init_operation_log_test.sql"},
+            config = @SqlConfig(encoding = "utf-8", transactionMode = SqlConfig.TransactionMode.ISOLATED),
+            executionPhase = Sql.ExecutionPhase.BEFORE_TEST_METHOD)
+    @Test
+    @Order(1)
+    public void operationLogList() throws Exception {
+        OperationLogRequest request = buildRequest();
+        this.requestPost(OPERATION_LOG_LIST, request).andExpect(status().isOk());
+        request.setStartTime(1735890402193L);
+        request.setEndTime(1735808851000L);
+        request.setSort(new SortRequest("id", "desc"));
+        this.requestPost(OPERATION_LOG_LIST, request);
+    }
+
+    private OperationLogRequest buildRequest() {
+        OperationLogRequest request = new OperationLogRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+        request.setStartTime(1735808851000L);
+        request.setEndTime(1735890402193L);
+        return request;
+    }
+
+    @Test
+    @Order(3)
+    public void operationLogDetail() throws Exception {
+        this.requestGet(OPERATION_LOG_DETAIL + "123");
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/system/controller/OrganizationSettingsControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/system/controller/OrganizationSettingsControllerTests.java
new file mode 100644
index 0000000..a6ad5b1
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/system/controller/OrganizationSettingsControllerTests.java
@@ -0,0 +1,83 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.system.constants.OrganizationConfigConstants;
+import cn.cordys.crm.system.domain.OrganizationConfig;
+import cn.cordys.crm.system.domain.OrganizationConfigDetail;
+import cn.cordys.crm.system.dto.response.EmailDTO;
+import cn.cordys.crm.system.mapper.ExtOrganizationConfigDetailMapper;
+import cn.cordys.crm.system.mapper.ExtOrganizationConfigMapper;
+import jakarta.annotation.Resource;
+import org.junit.jupiter.api.*;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+
+import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class OrganizationSettingsControllerTests extends BaseTest {
+
+    @Resource
+    private ExtOrganizationConfigDetailMapper extOrganizationConfigDetailMapper;
+
+    @Resource
+    private ExtOrganizationConfigMapper extOrganizationConfigMapper;
+
+
+    @Test
+    @Order(1)
+    public void testAdd() throws Exception {
+        EmailDTO emailDTO = new EmailDTO();
+        emailDTO.setHost("smtp.163.com");
+        emailDTO.setPort("25");
+        emailDTO.setPassword("test");
+        this.requestPost("/organization/settings/email/edit", emailDTO).andExpect(status().isOk());
+
+    }
+
+    @Test
+    @Order(2)
+    public void testEdit() throws Exception {
+        OrganizationConfig organizationConfig = extOrganizationConfigMapper.getOrganizationConfig(DEFAULT_ORGANIZATION_ID, OrganizationConfigConstants.ConfigType.EMAIL.name());
+        OrganizationConfigDetail organizationConfigDetail = extOrganizationConfigDetailMapper.getOrganizationConfigDetail(organizationConfig.getId());
+        Assertions.assertNotNull(organizationConfigDetail);
+        EmailDTO emailDTO = new EmailDTO();
+        emailDTO.setHost("smtp.163.com");
+        emailDTO.setPort("25");
+        emailDTO.setPassword("test");
+        emailDTO.setAccount("sddd");
+        emailDTO.setFrom("sddd");
+        emailDTO.setRecipient("sddd");
+        emailDTO.setSsl("true");
+        emailDTO.setTsl("true");
+        this.requestPost("/organization/settings/email/edit", emailDTO).andExpect(status().isOk());
+
+    }
+
+    //获取邮件接口的测试
+    @Test
+    @Order(3)
+    public void testGetEmail() throws Exception {
+        this.requestGet("/organization/settings/email").andExpect(status().isOk());
+    }
+
+
+    @Test
+    @Order(5)
+    public void testEmailConnect() throws Exception {
+        EmailDTO emailDTO = new EmailDTO();
+        emailDTO.setHost("https://baidu.com");
+        emailDTO.setPort("80");
+        emailDTO.setAccount("aaa@fit2cloud.com");
+        emailDTO.setPassword("test");
+        emailDTO.setFrom("aaa@fit2cloud.com");
+        emailDTO.setRecipient("aaa@fit2cloud.com");
+        emailDTO.setSsl("true");
+        emailDTO.setTsl("false");
+        this.requestPost("/organization/settings/email/test", emailDTO, status().is5xxServerError());
+    }
+
+
+} 
\ No newline at end of file
diff --git a/backend/crm/src/test/java/cn/cordys/crm/system/controller/OrganizationUserControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/system/controller/OrganizationUserControllerTests.java
new file mode 100644
index 0000000..0c398bc
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/system/controller/OrganizationUserControllerTests.java
@@ -0,0 +1,715 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.common.dto.BaseTreeNode;
+import cn.cordys.common.dto.condition.CombineSearch;
+import cn.cordys.common.dto.condition.FilterCondition;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.response.handler.ResultHolder;
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.common.util.JSON;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.system.dto.request.*;
+import cn.cordys.crm.system.dto.response.UserPageResponse;
+import cn.cordys.crm.system.service.DepartmentService;
+import cn.cordys.crm.system.service.OrganizationUserService;
+import cn.cordys.crm.utils.FileBaseUtils;
+import org.junit.jupiter.api.*;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.http.MediaType;
+import org.springframework.mock.web.MockMultipartFile;
+import org.springframework.test.context.jdbc.Sql;
+import org.springframework.test.context.jdbc.SqlConfig;
+import org.springframework.test.web.servlet.MvcResult;
+import org.springframework.util.LinkedMultiValueMap;
+
+import java.nio.charset.StandardCharsets;
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Objects;
+import java.util.concurrent.atomic.AtomicReference;
+
+import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class OrganizationUserControllerTests extends BaseTest {
+
+    public static final String USER_LIST = "/user/list";
+    public static final String USER_ADD = "/user/add";
+    public static final String USER_DETAIL = "/user/detail/";
+    public static final String USER_UPDATE = "/user/update";
+    public static final String USER_RESET_PASSWORD = "/user/reset-password/";
+    public static final String USER_BATCH_ENABLE = "/user/batch-enable";
+    public static final String USER_BATCH_RESET_PASSWORD = "/user/batch/reset-password";
+    public static final String USER_BATCH_EDIT = "/user/batch/edit";
+    public static final String USER_DOWNLOAD_TEMPLATE = "/user/download/template";
+    public static final String USER_IMPORT_PRE_CHECK = "/user/import/pre-check";
+    public static final String USER_IMPORT = "/user/import";
+    public static final String USER_OPTION = "/user/option";
+    public static final String USER_ROLE_OPTION = "/user/role/option";
+    public static final String USER_SYNC_CHECK = "/user/sync-check";
+    public static final String USER_DELETE = "/user/delete/";
+    public static final String USER_DELETE_CHECK = "/user/delete/check/";
+    public static final String USER_UPDATE_NAME = "/user/update/name";
+    public static final String USER_GET = "/user/get/";
+
+
+    @Sql(scripts = {"/dml/init_user_test.sql"},
+            config = @SqlConfig(encoding = "utf-8", transactionMode = SqlConfig.TransactionMode.ISOLATED),
+            executionPhase = Sql.ExecutionPhase.BEFORE_TEST_METHOD)
+    @Test
+    @Order(1)
+    public void userList() throws Exception {
+        UserPageRequest request = new UserPageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+        request.setDepartmentIds(List.of("8"));
+        this.requestPost(USER_LIST, request).andExpect(status().isOk());
+
+    }
+
+    @Test
+    @Order(2)
+    public void userAdd() throws Exception {
+        UserAddRequest request = new UserAddRequest();
+        request.setName("test");
+        request.setPhone("12345678901");
+        request.setGender(true);
+        request.setEnable(true);
+        request.setEmail("1@Cordys.com");
+        request.setDepartmentId("1");
+        request.setRoleIds(List.of("1", "2"));
+        this.requestPost(USER_ADD, request).andExpect(status().isOk());
+
+        //格式错误
+        request.setEmail("1234");
+        this.requestPost(USER_ADD, request).andExpect(status().is4xxClientError());
+        //邮箱重复
+        request.setEmail("1@Cordys.com");
+        this.requestPost(USER_ADD, request).andExpect(status().is5xxServerError());
+        //电话重复
+        request.setEmail("2@Cordys.com");
+        this.requestPost(USER_ADD, request).andExpect(status().is5xxServerError());
+    }
+
+
+    @Test
+    @Order(3)
+    public void userDetail() throws Exception {
+        this.requestGet(USER_DETAIL + "u_1").andExpect(status().isOk());
+    }
+
+    @Test
+    @Order(4)
+    public void userUpdate() throws Exception {
+        UserUpdateRequest request = new UserUpdateRequest();
+        request.setName("test111");
+        request.setPhone("12345633342");
+        request.setGender(true);
+        request.setEnable(true);
+        request.setEmail("221@Cordys.com");
+        request.setDepartmentId("9");
+        request.setRoleIds(List.of("1", "2", "3"));
+        request.setId("u_1");
+        this.requestPost(USER_UPDATE, request).andExpect(status().isOk());
+    }
+
+    @Test
+    @Order(4)
+    public void userUpdateName() throws Exception {
+        UserUpdateName request = new UserUpdateName();
+        request.setName("更新名称");
+        request.setUserId("5");
+        this.requestPost(USER_UPDATE_NAME, request).andExpect(status().isOk());
+    }
+
+
+    @Test
+    @Order(5)
+    public void resetPassword() throws Exception {
+        // TODO 密码重置踢出用户导致后续测试失败
+        // this.requestGet(USER_RESET_PASSWORD + "5").andExpect(status().isOk());
+    }
+
+    @Test
+    @Order(6)
+    public void batchEnable() throws Exception {
+        UserBatchEnableRequest request = new UserBatchEnableRequest();
+        request.setEnable(true);
+        request.setIds(List.of("u_1", "u_2"));
+        // TODO 密码重置踢出用户导致后续测试失败,重新登录
+        // this.requestPost(USER_BATCH_ENABLE, request).andExpect(status().isOk());
+    }
+
+    @Test
+    @Order(7)
+    public void batchResetPassword() throws Exception {
+        UserBatchRequest request = new UserBatchRequest();
+        request.setIds(List.of("u_1", "u_2"));
+
+        // TODO 密码重置踢出用户导致后续测试失败,重新登录
+        // this.requestPost(USER_BATCH_RESET_PASSWORD, request).andExpect(status().isOk());
+    }
+
+    @Test
+    @Order(9)
+    public void batchEdit() throws Exception {
+        UserBatchEditRequest request = new UserBatchEditRequest();
+        request.setIds(List.of("u_1", "u_2"));
+        request.setWorkCity("深圳");
+        // TODO 密码重置踢出用户导致后续测试失败,重新登录
+        //   this.requestPost(USER_BATCH_EDIT, request).andExpect(status().isOk());
+    }
+
+
+    @Test
+    @Order(10)
+    public void downloadTemplate() throws Exception {
+        // this.requestGetExcel(USER_DOWNLOAD_TEMPLATE);
+    }
+
+    private MvcResult requestGetExcel(String url) throws Exception {
+        return mockMvc.perform(getRequestBuilder(url))
+                .andExpect(status().isOk()).andReturn();
+    }
+
+    @Test
+    @Order(11)
+    public void testImportCheckExcel() throws Exception {
+        String filePath = Objects.requireNonNull(this.getClass().getClassLoader().getResource("file/user.xlsx")).getPath();
+        MockMultipartFile file = new MockMultipartFile("file", "11.xlsx", MediaType.APPLICATION_OCTET_STREAM_VALUE, FileBaseUtils.getFileBytes(filePath));
+        LinkedMultiValueMap<String, Object> paramMap = new LinkedMultiValueMap<>();
+        paramMap.add("file", file);
+        this.requestMultipart(USER_IMPORT_PRE_CHECK, paramMap);
+
+    }
+
+    @Test
+    @Order(12)
+    public void testImportExcel() throws Exception {
+        String filePath = Objects.requireNonNull(this.getClass().getClassLoader().getResource("file/user1.xlsx")).getPath();
+        MockMultipartFile file = new MockMultipartFile("file", "1111.xlsx", MediaType.APPLICATION_OCTET_STREAM_VALUE, FileBaseUtils.getFileBytes(filePath));
+        LinkedMultiValueMap<String, Object> paramMap = new LinkedMultiValueMap<>();
+        paramMap.add("file", file);
+        this.requestMultipart(USER_IMPORT, paramMap);
+
+    }
+
+    @Test
+    @Order(13)
+    public void testUserOption() throws Exception {
+        this.requestGet(USER_OPTION).andExpect(status().isOk());
+    }
+
+    @Test
+    @Order(14)
+    public void testUserRoleOption() throws Exception {
+        this.requestGet(USER_ROLE_OPTION).andExpect(status().isOk());
+    }
+
+    @Test
+    @Order(15)
+    public void testSyncCheck() throws Exception {
+        this.requestGet(USER_SYNC_CHECK).andExpect(status().isOk());
+    }
+
+    @Test
+    @Order(16)
+    public void testUserDelete() throws Exception {
+        this.requestGet(USER_DELETE + "u_5").andExpect(status().isOk());
+    }
+
+    @Test
+    @Order(15)
+    public void testUserDeleteCheck() throws Exception {
+        this.requestGet(USER_DELETE_CHECK + "u_5").andExpect(status().isOk());
+    }
+
+    @Test
+    @Order(15)
+    public void testUserGet() throws Exception {
+        this.requestGet(USER_GET + "9").andExpect(status().isOk());
+    }
+
+    //测试高级搜索
+    @Test
+    @Order(16)
+    public void testUserListForCombineSearch() throws Exception {
+
+        List<String> allDeptIdList = new ArrayList<>();
+        String superiorDeptId;
+        AtomicReference<String> deptId1 = new AtomicReference<>(), deptId2 = new AtomicReference<>();
+
+        long startTestTime = System.currentTimeMillis();
+
+        // 准备数据
+        {
+            DepartmentService departmentService = CommonBeanFactory.getBean(DepartmentService.class);
+            OrganizationUserService organizationUserService = CommonBeanFactory.getBean(OrganizationUserService.class);
+            Assertions.assertNotNull(departmentService);
+            Assertions.assertNotNull(organizationUserService);
+
+            DepartmentAddRequest deptAddRequest = new DepartmentAddRequest();
+            deptAddRequest.setName("高级搜索测试节点1");
+            deptAddRequest.setParentId("NONE");
+            this.requestPost(DepartmentControllerTests.ADD_DEPARTMENT, deptAddRequest).andExpect(status().isOk());
+            deptAddRequest.setName("高级搜索测试节点2");
+            this.requestPost(DepartmentControllerTests.ADD_DEPARTMENT, deptAddRequest).andExpect(status().isOk());
+
+            MvcResult orgTreeResult = this.requestGetWithOkAndReturn(DepartmentControllerTests.DEPARTMENT_TREE);
+            List<BaseTreeNode> departmentTree = JSON.parseArray(
+                    JSON.toJSONString(
+                            JSON.parseObject(
+                                    orgTreeResult.getResponse().getContentAsString(StandardCharsets.UTF_8),
+                                    ResultHolder.class
+                            ).getData()),
+                    BaseTreeNode.class);
+
+            departmentTree.forEach(node -> {
+                allDeptIdList.add(node.getId());
+                if (node.getName().equals("高级搜索测试节点1")) {
+                    deptId1.set(node.getId());
+                } else if (node.getName().equals("高级搜索测试节点2")) {
+                    deptId2.set(node.getId());
+                }
+            });
+
+
+            MvcResult userPageResult = this.requestPostWithOkAndReturn(USER_LIST, new UserPageRequest() {{
+                setCurrent(1);
+                setPageSize(10);
+                setDepartmentIds(allDeptIdList);
+            }});
+
+            Pager<List<UserPageResponse>> userResponse = JSON.parseObject(
+                    JSON.toJSONString(
+                            JSON.parseObject(
+                                    userPageResult.getResponse().getContentAsString(StandardCharsets.UTF_8),
+                                    ResultHolder.class).getData()),
+                    Pager.class);
+            UserPageResponse lastUser = JSON.parseObject(
+                    JSON.toJSONString(userResponse.getList().getLast()),
+                    UserPageResponse.class);
+            superiorDeptId = lastUser.getId();
+
+            UserAddRequest userAddRequest;
+            for (int i = 0; i < 20; i++) {
+                userAddRequest = new UserAddRequest();
+                userAddRequest.setName("combineTest_" + i);
+                userAddRequest.setEnable(true);
+                userAddRequest.setEmail("combineTest_" + i + "@Cordys.com");
+                userAddRequest.setRoleIds(List.of("1", "2"));
+                userAddRequest.setEmployeeId("1000" + i);
+
+                if (i < 10) {
+                    userAddRequest.setPhone("1858888000" + i);
+                    userAddRequest.setDepartmentId(deptId1.get());
+                    userAddRequest.setGender(true);
+                    userAddRequest.setEmployeeType("formal");
+                    userAddRequest.setWorkCity("110101");
+                    userAddRequest.setOnboardingDate(System.currentTimeMillis());
+                } else {
+                    userAddRequest.setPhone("183888800" + i);
+                    userAddRequest.setDepartmentId(deptId2.get());
+                    userAddRequest.setGender(false);
+                    userAddRequest.setSupervisorId(superiorDeptId);
+                    userAddRequest.setEmployeeType("internship");
+                }
+
+                if (i % 5 == 0) {
+                    userAddRequest.setEnable(false);
+                }
+                userAddRequest.setPosition("测试职位");
+                this.requestPost(USER_ADD, userAddRequest).andExpect(status().isOk());
+            }
+        }
+
+        /*
+        姓名  userName
+        是否启用  enable
+        性别  gender
+        手机号 phone
+        邮箱  email
+        部门  departmentName
+        直属上级    supervisorId
+        工号  employeeId
+        职位  position
+        员工类型    employeeType
+        创建人     createUser
+        更新人     updateUser
+        入职日期    onboardingDate  （动态范围查询）
+        创建时间    createTime      （动态范围查询）
+        更新时间    updateTime      （动态范围查询）
+        工作城市    workCity        (查询方式待商榷)
+        入职日期    onboardingDate  (查询方式待商榷)
+         */
+
+        UserPageRequest request = new UserPageRequest();
+        request.setCurrent(1);
+        request.setPageSize(100);
+        request.setDepartmentIds(allDeptIdList);
+
+        CombineSearch combineSearch = new CombineSearch();
+        List<FilterCondition> filterConditionList = new ArrayList<>();
+
+        //全量检查
+        MvcResult pageResult = this.requestPostWithOkAndReturn(USER_LIST, request);
+        Pager<List<UserPageResponse>> result = JSON.parseObject(
+                JSON.toJSONString(
+                        JSON.parseObject(pageResult.getResponse().getContentAsString(StandardCharsets.UTF_8), ResultHolder.class).getData()),
+                Pager.class);
+        Assertions.assertTrue(result.getTotal() > 20);
+
+        //        姓名  userName    like查询
+        FilterCondition likeCondition = new FilterCondition();
+        likeCondition.setOperator(FilterCondition.CombineConditionOperator.CONTAINS.name());
+        likeCondition.setName("userName");
+        likeCondition.setValue("combineTest_");
+        filterConditionList.add(likeCondition);
+        combineSearch.setConditions(filterConditionList);
+        request.setCombineSearch(combineSearch);
+
+        pageResult = this.requestPostWithOkAndReturn(USER_LIST, request);
+        result = JSON.parseObject(
+                JSON.toJSONString(
+                        JSON.parseObject(pageResult.getResponse().getContentAsString(StandardCharsets.UTF_8), ResultHolder.class).getData()),
+                Pager.class);
+        Assertions.assertEquals(20, result.getTotal());
+
+        //        性别  gender
+        filterConditionList.clear();
+        FilterCondition booleanCondition = new FilterCondition();
+        booleanCondition.setOperator(FilterCondition.CombineConditionOperator.IN.name());
+        booleanCondition.setName("gender");
+        booleanCondition.setValue("male");
+        filterConditionList.add(booleanCondition);
+        request.getCombineSearch().setConditions(filterConditionList);
+        pageResult = this.requestPostWithOkAndReturn(USER_LIST, request);
+        result = JSON.parseObject(
+                JSON.toJSONString(
+                        JSON.parseObject(pageResult.getResponse().getContentAsString(StandardCharsets.UTF_8), ResultHolder.class).getData()),
+                Pager.class);
+        Assertions.assertEquals(10, result.getTotal());
+
+        //        是否启用  enable
+        filterConditionList.clear();
+        booleanCondition = new FilterCondition();
+        booleanCondition.setOperator(FilterCondition.CombineConditionOperator.IN.name());
+        booleanCondition.setName("status");
+        booleanCondition.setValue(false);
+        filterConditionList.add(booleanCondition);
+        request.getCombineSearch().setConditions(filterConditionList);
+        pageResult = this.requestPostWithOkAndReturn(USER_LIST, request);
+        result = JSON.parseObject(
+                JSON.toJSONString(
+                        JSON.parseObject(pageResult.getResponse().getContentAsString(StandardCharsets.UTF_8), ResultHolder.class).getData()),
+                Pager.class);
+        Assertions.assertEquals(4, result.getTotal());
+
+        //      手机号 phoneNumber
+        filterConditionList.clear();
+        likeCondition = new FilterCondition();
+        likeCondition.setOperator(FilterCondition.CombineConditionOperator.CONTAINS.name());
+        likeCondition.setName("phoneNumber");
+        likeCondition.setValue("1858888000");
+        filterConditionList.add(likeCondition);
+        request.getCombineSearch().setConditions(filterConditionList);
+        pageResult = this.requestPostWithOkAndReturn(USER_LIST, request);
+        result = JSON.parseObject(
+                JSON.toJSONString(
+                        JSON.parseObject(pageResult.getResponse().getContentAsString(StandardCharsets.UTF_8), ResultHolder.class).getData()),
+                Pager.class);
+        Assertions.assertEquals(10, result.getTotal());
+        //      邮箱  email
+        filterConditionList.clear();
+        likeCondition = new FilterCondition();
+        likeCondition.setOperator(FilterCondition.CombineConditionOperator.CONTAINS.name());
+        likeCondition.setName("email");
+        likeCondition.setValue("combineTest_");
+        filterConditionList.add(likeCondition);
+        request.getCombineSearch().setConditions(filterConditionList);
+        pageResult = this.requestPostWithOkAndReturn(USER_LIST, request);
+        result = JSON.parseObject(
+                JSON.toJSONString(
+                        JSON.parseObject(pageResult.getResponse().getContentAsString(StandardCharsets.UTF_8), ResultHolder.class).getData()),
+                Pager.class);
+        Assertions.assertEquals(20, result.getTotal());
+
+        //      直属上级    supervisorId
+        filterConditionList.clear();
+        FilterCondition inCondition = new FilterCondition();
+        inCondition.setOperator(FilterCondition.CombineConditionOperator.IN.name());
+        inCondition.setName("supervisorId");
+        inCondition.setValue(List.of(superiorDeptId));
+        filterConditionList.add(inCondition);
+        request.getCombineSearch().setConditions(filterConditionList);
+        pageResult = this.requestPostWithOkAndReturn(USER_LIST, request);
+        result = JSON.parseObject(
+                JSON.toJSONString(
+                        JSON.parseObject(pageResult.getResponse().getContentAsString(StandardCharsets.UTF_8), ResultHolder.class).getData()),
+                Pager.class);
+        Assertions.assertEquals(10, result.getTotal());
+
+        //      部门  departmentId
+        filterConditionList.clear();
+        inCondition = new FilterCondition();
+        inCondition.setOperator(FilterCondition.CombineConditionOperator.IN.name());
+        inCondition.setName("departmentId");
+        inCondition.setValue(List.of(deptId1, deptId2));
+        filterConditionList.add(inCondition);
+        request.getCombineSearch().setConditions(filterConditionList);
+        pageResult = this.requestPostWithOkAndReturn(USER_LIST, request);
+        result = JSON.parseObject(
+                JSON.toJSONString(
+                        JSON.parseObject(pageResult.getResponse().getContentAsString(StandardCharsets.UTF_8), ResultHolder.class).getData()),
+                Pager.class);
+        Assertions.assertEquals(20, result.getTotal());
+
+        filterConditionList.clear();
+        inCondition = new FilterCondition();
+        inCondition.setOperator(FilterCondition.CombineConditionOperator.IN.name());
+        inCondition.setName("departmentId");
+        inCondition.setValue(List.of(deptId1));
+        filterConditionList.add(inCondition);
+        request.getCombineSearch().setConditions(filterConditionList);
+        pageResult = this.requestPostWithOkAndReturn(USER_LIST, request);
+        result = JSON.parseObject(
+                JSON.toJSONString(
+                        JSON.parseObject(pageResult.getResponse().getContentAsString(StandardCharsets.UTF_8), ResultHolder.class).getData()),
+                Pager.class);
+        Assertions.assertEquals(10, result.getTotal());
+
+        //        工号  employeeId
+        filterConditionList.clear();
+        likeCondition = new FilterCondition();
+        likeCondition.setOperator(FilterCondition.CombineConditionOperator.CONTAINS.name());
+        likeCondition.setName("employeeId");
+        likeCondition.setValue("1000");
+        filterConditionList.add(likeCondition);
+        request.getCombineSearch().setConditions(filterConditionList);
+        pageResult = this.requestPostWithOkAndReturn(USER_LIST, request);
+        result = JSON.parseObject(
+                JSON.toJSONString(
+                        JSON.parseObject(pageResult.getResponse().getContentAsString(StandardCharsets.UTF_8), ResultHolder.class).getData()),
+                Pager.class);
+        Assertions.assertEquals(20, result.getTotal());
+
+        //        职位  position
+        filterConditionList.clear();
+        likeCondition = new FilterCondition();
+        likeCondition.setOperator(FilterCondition.CombineConditionOperator.CONTAINS.name());
+        likeCondition.setName("positionId");
+        likeCondition.setValue("测试");
+        filterConditionList.add(likeCondition);
+        request.getCombineSearch().setConditions(filterConditionList);
+        pageResult = this.requestPostWithOkAndReturn(USER_LIST, request);
+        result = JSON.parseObject(
+                JSON.toJSONString(
+                        JSON.parseObject(pageResult.getResponse().getContentAsString(StandardCharsets.UTF_8), ResultHolder.class).getData()),
+                Pager.class);
+        Assertions.assertEquals(20, result.getTotal());
+
+        //        员工类型        IN查询  formal  internship outsourcing
+        filterConditionList.clear();
+        inCondition = new FilterCondition();
+        inCondition.setOperator(FilterCondition.CombineConditionOperator.IN.name());
+        inCondition.setName("employeeType");
+        inCondition.setValue(List.of("formal"));
+        filterConditionList.add(inCondition);
+        request.getCombineSearch().setConditions(filterConditionList);
+        pageResult = this.requestPostWithOkAndReturn(USER_LIST, request);
+        result = JSON.parseObject(
+                JSON.toJSONString(
+                        JSON.parseObject(pageResult.getResponse().getContentAsString(StandardCharsets.UTF_8), ResultHolder.class).getData()),
+                Pager.class);
+        Assertions.assertEquals(10, result.getTotal());
+
+        //        创建人     createUser
+        filterConditionList.clear();
+        inCondition = new FilterCondition();
+        inCondition.setOperator(FilterCondition.CombineConditionOperator.IN.name());
+        inCondition.setName("createUser");
+        inCondition.setValue(List.of("admin"));
+        filterConditionList.add(inCondition);
+        request.getCombineSearch().setConditions(filterConditionList);
+        pageResult = this.requestPostWithOkAndReturn(USER_LIST, request);
+        result = JSON.parseObject(
+                JSON.toJSONString(
+                        JSON.parseObject(pageResult.getResponse().getContentAsString(StandardCharsets.UTF_8), ResultHolder.class).getData()),
+                Pager.class);
+        Assertions.assertTrue(result.getTotal() > 20);
+
+        //        更新人     updateUser
+        filterConditionList.clear();
+        inCondition = new FilterCondition();
+        inCondition.setOperator(FilterCondition.CombineConditionOperator.IN.name());
+        inCondition.setName("updateUser");
+        inCondition.setValue(List.of("admin"));
+        filterConditionList.add(inCondition);
+        request.getCombineSearch().setConditions(filterConditionList);
+        pageResult = this.requestPostWithOkAndReturn(USER_LIST, request);
+        result = JSON.parseObject(
+                JSON.toJSONString(
+                        JSON.parseObject(pageResult.getResponse().getContentAsString(StandardCharsets.UTF_8), ResultHolder.class).getData()),
+                Pager.class);
+        Assertions.assertTrue(result.getTotal() > 20);
+
+        //        入职日期    onboardingDate
+        filterConditionList.clear();
+        FilterCondition betweenCondition = new FilterCondition();
+        betweenCondition.setOperator(FilterCondition.CombineConditionOperator.BETWEEN.name());
+        betweenCondition.setName("onboardingDate");
+        betweenCondition.setValue(List.of(startTestTime, System.currentTimeMillis()));
+        filterConditionList.add(betweenCondition);
+        request.getCombineSearch().setConditions(filterConditionList);
+        pageResult = this.requestPostWithOkAndReturn(USER_LIST, request);
+        result = JSON.parseObject(
+                JSON.toJSONString(
+                        JSON.parseObject(pageResult.getResponse().getContentAsString(StandardCharsets.UTF_8), ResultHolder.class).getData()),
+                Pager.class);
+        Assertions.assertEquals(10, result.getTotal());
+
+        //        创建时间    createTime
+        filterConditionList.clear();
+        betweenCondition = new FilterCondition();
+        betweenCondition.setOperator(FilterCondition.CombineConditionOperator.BETWEEN.name());
+        betweenCondition.setName("createTime");
+        betweenCondition.setValue(List.of(startTestTime, System.currentTimeMillis()));
+        filterConditionList.add(betweenCondition);
+        request.getCombineSearch().setConditions(filterConditionList);
+        pageResult = this.requestPostWithOkAndReturn(USER_LIST, request);
+        result = JSON.parseObject(
+                JSON.toJSONString(
+                        JSON.parseObject(pageResult.getResponse().getContentAsString(StandardCharsets.UTF_8), ResultHolder.class).getData()),
+                Pager.class);
+        Assertions.assertTrue(result.getTotal() >= 20);
+
+        //        更新时间    updateTime
+        filterConditionList.clear();
+        betweenCondition = new FilterCondition();
+        betweenCondition.setOperator(FilterCondition.CombineConditionOperator.BETWEEN.name());
+        betweenCondition.setName("updateTime");
+        betweenCondition.setValue(List.of(startTestTime, System.currentTimeMillis()));
+        filterConditionList.add(betweenCondition);
+        request.getCombineSearch().setConditions(filterConditionList);
+        pageResult = this.requestPostWithOkAndReturn(USER_LIST, request);
+        result = JSON.parseObject(
+                JSON.toJSONString(
+                        JSON.parseObject(pageResult.getResponse().getContentAsString(StandardCharsets.UTF_8), ResultHolder.class).getData()),
+                Pager.class);
+        Assertions.assertTrue(result.getTotal() >= 20);
+
+        //        工作城市    workCity
+        filterConditionList.clear();
+        betweenCondition = new FilterCondition();
+        betweenCondition.setOperator(FilterCondition.CombineConditionOperator.EQUALS.name());
+        betweenCondition.setName("workCity");
+        betweenCondition.setValue("110101");
+        filterConditionList.add(betweenCondition);
+        request.getCombineSearch().setConditions(filterConditionList);
+        pageResult = this.requestPostWithOkAndReturn(USER_LIST, request);
+        result = JSON.parseObject(
+                JSON.toJSONString(
+                        JSON.parseObject(pageResult.getResponse().getContentAsString(StandardCharsets.UTF_8), ResultHolder.class).getData()),
+                Pager.class);
+        Assertions.assertEquals(10, result.getTotal());
+
+        // 表头过滤
+        request.getCombineSearch().setConditions(new ArrayList<>());
+
+        // 工作城市
+        filterConditionList.clear();
+        inCondition = new FilterCondition();
+        inCondition.setOperator(FilterCondition.CombineConditionOperator.IN.name());
+        inCondition.setName("workCity");
+        inCondition.setValue("110101");
+        filterConditionList.add(betweenCondition);
+        request.setFilters(filterConditionList);
+
+        pageResult = this.requestPostWithOkAndReturn(USER_LIST, request);
+        result = JSON.parseObject(
+                JSON.toJSONString(
+                        JSON.parseObject(pageResult.getResponse().getContentAsString(StandardCharsets.UTF_8), ResultHolder.class).getData()),
+                Pager.class);
+        Assertions.assertEquals(10, result.getTotal());
+
+        // 创建时间
+        filterConditionList.clear();
+        betweenCondition = new FilterCondition();
+        betweenCondition.setOperator(FilterCondition.CombineConditionOperator.BETWEEN.name());
+        betweenCondition.setName("createTime");
+        betweenCondition.setValue(List.of(startTestTime, System.currentTimeMillis()));
+        filterConditionList.add(betweenCondition);
+        request.setFilters(filterConditionList);
+        pageResult = this.requestPostWithOkAndReturn(USER_LIST, request);
+        result = JSON.parseObject(
+                JSON.toJSONString(
+                        JSON.parseObject(pageResult.getResponse().getContentAsString(StandardCharsets.UTF_8), ResultHolder.class).getData()),
+                Pager.class);
+        Assertions.assertTrue(result.getTotal() >= 20);
+
+        // 创建人
+        filterConditionList.clear();
+        inCondition = new FilterCondition();
+        inCondition.setOperator(FilterCondition.CombineConditionOperator.IN.name());
+        inCondition.setName("createUser");
+        inCondition.setValue(List.of("admin"));
+        filterConditionList.add(inCondition);
+        request.setFilters(filterConditionList);
+        pageResult = this.requestPostWithOkAndReturn(USER_LIST, request);
+        result = JSON.parseObject(
+                JSON.toJSONString(
+                        JSON.parseObject(pageResult.getResponse().getContentAsString(StandardCharsets.UTF_8), ResultHolder.class).getData()),
+                Pager.class);
+        Assertions.assertTrue(result.getTotal() > 20);
+
+        // 更新时间
+        filterConditionList.clear();
+        betweenCondition = new FilterCondition();
+        betweenCondition.setOperator(FilterCondition.CombineConditionOperator.BETWEEN.name());
+        betweenCondition.setName("updateTime");
+        betweenCondition.setValue(List.of(startTestTime, System.currentTimeMillis()));
+        filterConditionList.add(betweenCondition);
+        request.setFilters(filterConditionList);
+        pageResult = this.requestPostWithOkAndReturn(USER_LIST, request);
+        result = JSON.parseObject(
+                JSON.toJSONString(
+                        JSON.parseObject(pageResult.getResponse().getContentAsString(StandardCharsets.UTF_8), ResultHolder.class).getData()),
+                Pager.class);
+        Assertions.assertTrue(result.getTotal() >= 20);
+
+        // 更新人
+        filterConditionList.clear();
+        inCondition = new FilterCondition();
+        inCondition.setOperator(FilterCondition.CombineConditionOperator.IN.name());
+        inCondition.setName("updateUser");
+        inCondition.setValue(List.of("admin"));
+        filterConditionList.add(inCondition);
+        request.setFilters(filterConditionList);
+        pageResult = this.requestPostWithOkAndReturn(USER_LIST, request);
+        result = JSON.parseObject(
+                JSON.toJSONString(
+                        JSON.parseObject(pageResult.getResponse().getContentAsString(StandardCharsets.UTF_8), ResultHolder.class).getData()),
+                Pager.class);
+        Assertions.assertTrue(result.getTotal() > 20);
+
+        // 入职日期
+        filterConditionList.clear();
+        betweenCondition = new FilterCondition();
+        betweenCondition.setOperator(FilterCondition.CombineConditionOperator.BETWEEN.name());
+        betweenCondition.setName("onboardingDate");
+        betweenCondition.setValue(List.of(startTestTime, System.currentTimeMillis()));
+        filterConditionList.add(betweenCondition);
+        request.setFilters(filterConditionList);
+        pageResult = this.requestPostWithOkAndReturn(USER_LIST, request);
+        result = JSON.parseObject(
+                JSON.toJSONString(
+                        JSON.parseObject(pageResult.getResponse().getContentAsString(StandardCharsets.UTF_8), ResultHolder.class).getData()),
+                Pager.class);
+        Assertions.assertEquals(10, result.getTotal());
+
+    }
+
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/system/controller/PersonalCenterControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/system/controller/PersonalCenterControllerTests.java
new file mode 100644
index 0000000..895db76
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/system/controller/PersonalCenterControllerTests.java
@@ -0,0 +1,289 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.uid.IDGenerator;
+import cn.cordys.common.util.CodingUtils;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.customer.domain.Customer;
+import cn.cordys.crm.customer.domain.CustomerContact;
+import cn.cordys.crm.follow.dto.request.FollowUpPlanPageRequest;
+import cn.cordys.crm.follow.dto.response.FollowUpPlanListResponse;
+import cn.cordys.crm.opportunity.constants.StageType;
+import cn.cordys.crm.opportunity.domain.Opportunity;
+import cn.cordys.crm.system.domain.Department;
+import cn.cordys.crm.system.domain.OrganizationUser;
+import cn.cordys.crm.system.domain.User;
+import cn.cordys.crm.system.dto.request.*;
+import cn.cordys.crm.system.dto.response.EmailDTO;
+import cn.cordys.crm.system.dto.response.UserPageResponse;
+import cn.cordys.crm.system.dto.response.UserResponse;
+import cn.cordys.crm.system.mapper.ExtUserMapper;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.StringUtils;
+import org.junit.jupiter.api.*;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.data.redis.core.StringRedisTemplate;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.math.BigDecimal;
+import java.util.List;
+import java.util.concurrent.TimeUnit;
+
+import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class PersonalCenterControllerTests extends BaseTest {
+
+    private static String userId = "";
+    @Resource
+    private StringRedisTemplate stringRedisTemplate;
+    @Resource
+    private BaseMapper<Department> departmentBaseMapper;
+    @Resource
+    private BaseMapper<Customer> customerBaseMapper;
+    @Resource
+    private BaseMapper<CustomerContact> customerContactBaseMapper;
+    @Resource
+    private BaseMapper<User> userBaseMapper;
+    @Resource
+    private ExtUserMapper extUserMapper;
+    @Resource
+    private BaseMapper<OrganizationUser> organizationUserMapper;
+    @Resource
+    private BaseMapper<Opportunity> opportunityBaseMapper;
+
+    @Test
+    @Order(1)
+    public void testGet() throws Exception {
+        Department department = new Department();
+        department.setId("221");
+        department.setName("部门222");
+        department.setOrganizationId("100001");
+        department.setParentId("4");
+        department.setPos(222L);
+        department.setCreateTime(1736240043609L);
+        department.setUpdateTime(1736240043609L);
+        department.setCreateUser("gyq");
+        department.setUpdateUser("gyq");
+        department.setResource("INTERNAL");
+        department.setResourceId(null);
+        departmentBaseMapper.insert(department);
+        UserAddRequest request = new UserAddRequest();
+        request.setName("testPassword");
+        request.setPhone("12345678911");
+        request.setGender(true);
+        request.setEnable(true);
+        request.setEmail("3Gyq3@Cordys.com");
+        request.setDepartmentId("221");
+        request.setRoleIds(List.of("1", "2"));
+        this.requestPostWithOkAndReturn("/user/add", request);
+
+        UserPageRequest pageRequest = new UserPageRequest();
+        pageRequest.setCurrent(1);
+        pageRequest.setPageSize(10);
+        pageRequest.setDepartmentIds(List.of("221"));
+        MvcResult mvcResult = this.requestPostWithOkAndReturn("/user/list", pageRequest);
+        Pager<List<UserPageResponse>> result = getPageResult(mvcResult, UserPageResponse.class);
+        UserPageResponse first = result.getList().getFirst();
+        Assertions.assertTrue(StringUtils.isNotBlank(first.getUserId()));
+        userId = first.getId();
+
+        User user = new User();
+        user.setId(userId);
+        user.setName("fff");
+        user.setPhone("12345678911");
+        user.setPassword("############");
+        user.setEmail("4545@qq.com");
+        user.setGender(true);
+        user.setCreateTime(System.currentTimeMillis());
+        user.setCreateUser("admin");
+        user.setUpdateTime(System.currentTimeMillis());
+        user.setUpdateUser("admin");
+        userBaseMapper.insert(user);
+        OrganizationUser orgUser = new OrganizationUser();
+        orgUser.setDepartmentId("221");
+        orgUser.setEnable(true);
+        orgUser.setId(IDGenerator.nextStr());
+        orgUser.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        orgUser.setUserId(userId);
+        orgUser.setCreateTime(System.currentTimeMillis());
+        orgUser.setCreateUser("admin");
+        orgUser.setUpdateTime(System.currentTimeMillis());
+        orgUser.setUpdateUser("admin");
+        organizationUserMapper.insert(orgUser);
+
+        UserResponse userDetail = extUserMapper.getUserDetail(first.getId());
+        Assertions.assertNotNull(userDetail);
+
+    }
+
+    @Test
+    @Order(2)
+    public void testSend() throws Exception {
+        String email = "test@qq.com";
+        SendEmailDTO sendEmailDTO = new SendEmailDTO();
+        sendEmailDTO.setEmail(email);
+
+        this.requestPost("/personal/center/mail/code/send", sendEmailDTO).andExpect(status().isOk());
+
+        EmailDTO emailDTO = new EmailDTO();
+        emailDTO.setHost("smtp.163.com");
+        emailDTO.setPort("465");
+        emailDTO.setAccount("Test@163.com");
+        emailDTO.setPassword("ABCDEFGHI");
+        emailDTO.setSsl("true");
+        emailDTO.setTsl("true");
+        this.requestPost("/organization/settings/email/edit", emailDTO).andExpect(status().isOk());
+
+
+        this.requestPost("/personal/center/mail/code/send", sendEmailDTO).andExpect(status().isOk());
+
+    }
+
+    @Test
+    @Order(3)
+    public void testUpdateUser() throws Exception {
+        PersonalInfoRequest personalInfoRequest = new PersonalInfoRequest();
+        personalInfoRequest.setPhone("12345678912");
+        personalInfoRequest.setEmail("3Gyq356@Cordys.com");
+
+        this.requestPost("/personal/center/update", personalInfoRequest).andExpect(status().isOk());
+
+
+    }
+
+
+    @Test
+    @Order(4)
+    public void getRepeatCustomer() throws Exception {
+        String s = IDGenerator.nextStr();
+        Opportunity opportunity = new Opportunity();
+        opportunity.setCustomerId(s);
+        opportunity.setOwner(userId);
+        opportunity.setName("商机一");
+        opportunity.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        opportunity.setAmount(BigDecimal.ONE);
+        opportunity.setPossible(BigDecimal.TEN);
+        opportunity.setStage(StageType.CREATE.name());
+        opportunity.setProducts(List.of("1", "2"));
+        opportunity.setContactId("admin");
+        opportunity.setId(IDGenerator.nextStr());
+        opportunity.setCreateTime(System.currentTimeMillis());
+        opportunity.setCreateUser("admin");
+        opportunity.setUpdateTime(System.currentTimeMillis());
+        opportunity.setUpdateUser("admin");
+        opportunity.setExpectedEndTime(System.currentTimeMillis());
+        opportunityBaseMapper.insert(opportunity);
+
+        Customer customer = new Customer();
+        customer.setId(s);
+        customer.setName("kehu");
+        customer.setOwner(userId);
+        customer.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        customer.setCreateTime(System.currentTimeMillis());
+        customer.setCreateUser("admin");
+        customer.setUpdateTime(System.currentTimeMillis());
+        customer.setUpdateUser("admin");
+        customer.setInSharedPool(false);
+        customerBaseMapper.insert(customer);
+
+        CustomerContact customerContact = new CustomerContact();
+        customerContact.setId(IDGenerator.nextStr());
+        customerContact.setCustomerId(s);
+        customerContact.setOwner(userId);
+        customerContact.setName("联系人一");
+        customerContact.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        customerContact.setCreateTime(System.currentTimeMillis());
+        customerContact.setCreateUser("admin");
+        customerContact.setUpdateTime(System.currentTimeMillis());
+        customerContact.setUpdateUser("admin");
+        customerContact.setPhone("12345678912");
+        customerContact.setEnable(true);
+        customerContactBaseMapper.insert(customerContact);
+
+
+        RepeatCustomerPageRequest request = new RepeatCustomerPageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+        request.setName("kehu");
+        //this.requestPost("/personal/center/repeat/account", request).andExpect(status().isOk());
+
+        request = new RepeatCustomerPageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+        request.setName("12345678912");
+        //this.requestPost("/personal/center/repeat/contact", request).andExpect(status().isOk());
+    }
+
+    @Test
+    @Order(5)
+    void testFollowPlanList() throws Exception {
+        FollowUpPlanPageRequest request = new FollowUpPlanPageRequest();
+        request.setSourceId("NULL");
+        request.setCurrent(1);
+        request.setPageSize(10);
+        request.setStatus("ALL");
+        MvcResult mvcResult = this.requestPostWithOkAndReturn("/personal/center/follow/plan/list", request);
+        Pager<List<FollowUpPlanListResponse>> result = getPageResult(mvcResult, FollowUpPlanListResponse.class);
+        Assertions.assertNotNull(result.getList());
+    }
+
+
+    @Test
+    @Order(6)
+    public void testAnnouncement() throws Exception {
+        RepeatCustomerPageRequest request = new RepeatCustomerPageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+        request.setName("kehu");
+        //this.requestPost("/personal/center/repeat/lead", request).andExpect(status().isOk());
+    }
+
+    @Test
+    @Order(7)
+    public void testAnnouncementDetail() throws Exception {
+        RepeatCustomerDetailPageRequest request = new RepeatCustomerDetailPageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+        request.setName("kehu");
+        //this.requestPost("/personal/center/repeat/lead/detail", request).andExpect(status().isOk());
+    }
+
+    @Test
+    @Order(8)
+    public void testRepeatOpportunityDetail() throws Exception {
+        RepeatCustomerDetailPageRequest request = new RepeatCustomerDetailPageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+        request.setName("kehu");
+        // this.requestPost("/personal/center/repeat/opportunity/detail", request).andExpect(status().isOk());
+    }
+
+    @Test
+    @Order(9)
+    public void changePassword() throws Exception {
+        PersonalInfoRequest personalInfoRequest = new PersonalInfoRequest();
+        personalInfoRequest.setPhone("4000520755");
+        personalInfoRequest.setEmail("admin@cordys-crm.io");
+
+        this.requestPost("/personal/center/update", personalInfoRequest).andExpect(status().isOk());
+        String PREFIX = "personal_email_code:";  // Redis 存储前缀
+        stringRedisTemplate.opsForValue().set(PREFIX + "3Gyq3@Cordys.com", "253574", 10, TimeUnit.MINUTES);
+        PersonalPasswordRequest personalPasswordRequest = new PersonalPasswordRequest();
+        personalPasswordRequest.setPassword("Gyq124");
+        personalPasswordRequest.setOriginPassword("678911");
+        this.requestPost("/personal/center/info/reset", personalPasswordRequest);
+        extUserMapper.updateUserPassword(CodingUtils.md5(DEFAULT_USER_PASSWORD), "admin");
+        // personalPasswordRequest.setPassword(DEFAULT_USER_PASSWORD);
+        adminAuthInfo = null;
+        permissionAuthInfo = null;
+        //DEFAULT_USER_PASSWORD=CodingUtils.md5("Gyq124");
+        login();
+
+
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/system/controller/PicControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/system/controller/PicControllerTests.java
new file mode 100644
index 0000000..a33720d
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/system/controller/PicControllerTests.java
@@ -0,0 +1,49 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.crm.base.BaseTest;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.mock.web.MockMultipartFile;
+import org.springframework.test.web.servlet.MvcResult;
+import org.springframework.util.LinkedMultiValueMap;
+import org.springframework.util.MultiValueMap;
+
+import java.util.List;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class PicControllerTests extends BaseTest {
+
+    private static final String BASE_PATH = "/pic";
+
+    private static final String UPLOAD = "/upload/temp";
+    private static final String PREVIEW = "/preview";
+
+    public static List<String> tempIds;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(1)
+    void uploadTmpPic() throws Exception {
+        MockMultipartFile picFile = new MockMultipartFile("pic.jpg", "pic.jpg", "image/jpeg", "hello_world".getBytes());
+        MultiValueMap<String, Object> paramMap = new LinkedMultiValueMap<>();
+        paramMap.add("files", List.of(picFile));
+        MvcResult mvcResult = this.requestMultipart(UPLOAD, paramMap).andReturn();
+        tempIds = getResultDataArray(mvcResult, String.class);
+    }
+
+    @Test
+    @Order(2)
+    void previewPic() throws Exception {
+        this.requestGetStreamWithOk(PREVIEW + "/" + tempIds.getFirst());
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/system/controller/ProductControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/system/controller/ProductControllerTests.java
new file mode 100644
index 0000000..88deaaf
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/system/controller/ProductControllerTests.java
@@ -0,0 +1,310 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.common.constants.BusinessModuleField;
+import cn.cordys.common.constants.FormKey;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.domain.BaseModuleFieldValue;
+import cn.cordys.common.dto.OptionDTO;
+import cn.cordys.common.dto.request.PosRequest;
+import cn.cordys.common.pager.Pager;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.product.domain.Product;
+import cn.cordys.crm.product.domain.ProductField;
+import cn.cordys.crm.product.dto.request.ProductEditRequest;
+import cn.cordys.crm.product.dto.request.ProductPageRequest;
+import cn.cordys.crm.product.dto.response.ProductGetResponse;
+import cn.cordys.crm.product.dto.response.ProductListResponse;
+import cn.cordys.crm.system.domain.ModuleField;
+import cn.cordys.crm.system.domain.ModuleForm;
+import cn.cordys.crm.system.dto.field.base.BaseField;
+import cn.cordys.crm.system.dto.request.ResourceBatchEditRequest;
+import cn.cordys.crm.system.dto.response.ModuleFormConfigDTO;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.Strings;
+import org.junit.jupiter.api.*;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.math.BigDecimal;
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Map;
+import java.util.UUID;
+import java.util.function.Function;
+import java.util.stream.Collectors;
+
+import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+class ProductControllerTests extends BaseTest {
+    protected static final String MODULE_FORM = "module/form";
+    protected static final String BATCH_UPDATE = "batch/update";
+    private static final String BASE_PATH = "/product/";
+    private static final List<String> batchIds = new ArrayList<>();
+    private static Product addProduct;
+    private static ModuleFormConfigDTO moduleFormConfig;
+
+    @Resource
+    private BaseMapper<Product> productBaseMapper;
+
+    @Resource
+    private BaseMapper<ProductField> productFieldBaseMapper;
+    @Resource
+    private BaseMapper<ModuleField> moduleFieldMapper;
+
+    @Resource
+    private BaseMapper<ModuleForm> moduleFormMapper;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(0)
+    void testModuleField() throws Exception {
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(MODULE_FORM);
+        moduleFormConfig = getResultData(mvcResult, ModuleFormConfigDTO.class);
+    }
+
+    @Test
+    @Order(1)
+    void testPageEmpty() throws Exception {
+        ProductPageRequest request = new ProductPageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+
+        this.requestPostWithOk(DEFAULT_PAGE, request);
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.PRODUCT_MANAGEMENT_READ, DEFAULT_PAGE, request);
+    }
+
+    private ModuleForm getModuleForm() {
+        ModuleForm example = new ModuleForm();
+        example.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        example.setFormKey(FormKey.PRODUCT.getKey());
+        return moduleFormMapper.selectOne(example);
+    }
+
+    @Test
+    @Order(2)
+    void testAdd() throws Exception {
+        // 请求成功
+        ProductEditRequest request = new ProductEditRequest();
+        request.setName("product");
+        request.setPrice(BigDecimal.valueOf(7.23d));
+        request.setStatus("1");
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, request);
+        Product resultData = getResultData(mvcResult, Product.class);
+        // 校验请求成功数据
+        addProduct = productBaseMapper.selectByPrimaryKey(resultData.getId());
+        ModuleForm moduleForm = getModuleForm();
+
+        ModuleField example = new ModuleField();
+        example.setFormId(moduleForm.getId());
+        List<ModuleField> select = moduleFieldMapper.select(example);
+        ModuleField moduleFieldPrice = select
+                .stream()
+                .filter(field -> Strings.CS.equals(field.getInternalKey(), "productPrice"))
+                .findFirst().orElse(null);
+        ModuleField moduleFieldStatus = select
+                .stream()
+                .filter(field -> Strings.CS.equals(field.getInternalKey(), "productStatus"))
+                .findFirst().orElse(null);
+        request = new ProductEditRequest();
+        request.setName("productOne");
+        request.setPrice(BigDecimal.valueOf(7.23d));
+        request.setStatus("1");
+
+        request.setModuleFields(List.of(new BaseModuleFieldValue(moduleFieldPrice.getId(), 12), new BaseModuleFieldValue(moduleFieldStatus.getId(), "1")));
+
+        mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, request);
+        resultData = getResultData(mvcResult, Product.class);
+        // 校验请求成功数据
+        Product product = productBaseMapper.selectByPrimaryKey(resultData.getId());
+        batchIds.add(product.getId());
+
+        request = new ProductEditRequest();
+        request.setName("productTwo");
+        request.setPrice(BigDecimal.valueOf(7.23d));
+        request.setStatus("1");
+        request.setModuleFields(List.of(new BaseModuleFieldValue(moduleFieldPrice.getId(), 14), new BaseModuleFieldValue(moduleFieldStatus.getId(), "1")));
+        mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, request);
+        resultData = getResultData(mvcResult, Product.class);
+
+        // 校验请求成功数据
+        product = productBaseMapper.selectByPrimaryKey(resultData.getId());
+        batchIds.add(product.getId());
+        request = new ProductEditRequest();
+        request.setName("productThree");
+        request.setPrice(BigDecimal.valueOf(7.23d));
+        request.setStatus("1");
+        request.setModuleFields(List.of(new BaseModuleFieldValue(moduleFieldPrice.getId(), 13), new BaseModuleFieldValue(moduleFieldStatus.getId(), "1")));
+        mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, request);
+        resultData = getResultData(mvcResult, Product.class);
+        // 校验请求成功数据
+        product = productBaseMapper.selectByPrimaryKey(resultData.getId());
+        batchIds.add(product.getId());
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.PRODUCT_MANAGEMENT_ADD, DEFAULT_ADD, request);
+
+        request = new ProductEditRequest();
+        request.setName("productFour");
+        request.setPrice(BigDecimal.valueOf(100000000000d));
+        request.setStatus("1");
+        request.setModuleFields(List.of(new BaseModuleFieldValue(moduleFieldPrice.getId(), 13), new BaseModuleFieldValue(moduleFieldStatus.getId(), "1")));
+        this.requestPost(DEFAULT_ADD, request).andExpect(status().is4xxClientError());
+
+    }
+
+    @Test
+    @Order(3)
+    void testUpdate() throws Exception {
+        // 请求成功
+        ProductEditRequest request = new ProductEditRequest();
+        request.setName("product");
+        request.setId(addProduct.getId());
+        request.setPrice(BigDecimal.valueOf(7.23d));
+        request.setStatus("2");
+        this.requestPostWithOk(DEFAULT_UPDATE, request);
+        Product product = productBaseMapper.selectByPrimaryKey(addProduct.getId());
+        Assertions.assertTrue(Strings.CI.equals(product.getStatus(), "2"));
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.PRODUCT_MANAGEMENT_UPDATE, DEFAULT_UPDATE, request);
+
+        request.setId(null);
+        this.requestPost(DEFAULT_UPDATE, request).andExpect(status().is5xxServerError());
+    }
+
+    @Test
+    @Order(4)
+    void testGet() throws Exception {
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(DEFAULT_GET, addProduct.getId());
+        ProductGetResponse getResponse = getResultData(mvcResult, ProductGetResponse.class);
+
+        // 校验请求成功数据
+        Product product = productBaseMapper.selectByPrimaryKey(addProduct.getId());
+        Product responseProduct = BeanUtils.copyBean(new Product(), getResponse);
+        responseProduct.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        responseProduct.setPos(4096L);
+        Assertions.assertEquals(responseProduct, product);
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.PRODUCT_MANAGEMENT_READ, DEFAULT_GET, addProduct.getId());
+    }
+
+
+    @Test
+    @Order(5)
+    void testPage() throws Exception {
+        ProductPageRequest request = new ProductPageRequest();
+        request.setCurrent(1);
+        request.setPageSize(10);
+
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_PAGE, request);
+        Pager<List<ProductListResponse>> pageResult = getPageResult(mvcResult, ProductListResponse.class);
+        List<ProductListResponse> resultList = pageResult.getList();
+
+        Product example = new Product();
+        example.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        Map<String, Product> productMap = productBaseMapper.select(example)
+                .stream()
+                .collect(Collectors.toMap(Product::getId, Function.identity()));
+
+        resultList.forEach(productListResponse -> {
+            Product product = productMap.get(productListResponse.getId());
+            Product responseProduct = BeanUtils.copyBean(new Product(), productListResponse);
+            responseProduct.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+            responseProduct.setPos(product.getPos());
+            Assertions.assertEquals(product, responseProduct);
+        });
+
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.PRODUCT_MANAGEMENT_READ, DEFAULT_PAGE, request);
+    }
+
+    @Test
+    @Order(6)
+    void testBatchUpdate() throws Exception {
+        ResourceBatchEditRequest request = new ResourceBatchEditRequest();
+        for (BaseField field : moduleFormConfig.getFields()) {
+            request.setIds(List.of(addProduct.getId()));
+            request.setFieldId(field.getId());
+            if (Strings.CS.equals(field.getName(), BusinessModuleField.PRODUCT_PRICE.name())) {
+                request.setFieldValue(3.00d);
+                this.requestPostWithOk(BATCH_UPDATE, request);
+            } else if (Strings.CS.equals(field.getName(), BusinessModuleField.PRODUCT_NAME.name())) {
+                request.setFieldValue(UUID.randomUUID().toString());
+                this.requestPostWithOk(BATCH_UPDATE, request);
+            }
+        }
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.PRODUCT_MANAGEMENT_UPDATE, BATCH_UPDATE, request);
+    }
+
+    @Test
+    @Order(7)
+    void post() throws Exception {
+        PosRequest request = new PosRequest();
+        request.setOrgId(DEFAULT_ORGANIZATION_ID);
+        request.setMoveId(addProduct.getId());
+        System.out.println(addProduct.getPos());
+        request.setMoveMode("after");
+        request.setTargetId(batchIds.getFirst());
+        this.requestPostWithOk("/edit/pos", request);
+        Product product = productBaseMapper.selectByPrimaryKey(addProduct.getId());
+        System.out.println(product.getPos());
+        Assertions.assertTrue(addProduct.getPos() < product.getPos());
+    }
+
+
+    @Test
+    @Order(8)
+    void delete() throws Exception {
+        this.requestGetWithOk(DEFAULT_DELETE, addProduct.getId());
+        Assertions.assertNull(productBaseMapper.selectByPrimaryKey(addProduct.getId()));
+
+        ProductField example = new ProductField();
+        example.setResourceId(addProduct.getId());
+        List<ProductField> fields = productFieldBaseMapper.select(example);
+        Assumptions.assumeTrue(CollectionUtils.isEmpty(fields));
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.PRODUCT_MANAGEMENT_DELETE, DEFAULT_DELETE, addProduct.getId());
+    }
+
+    @Test
+    @Order(9)
+    void batchDelete() throws Exception {
+
+        this.requestPostWithOk("batch/delete", batchIds);
+        Assertions.assertNull(productBaseMapper.selectByPrimaryKey(batchIds.getFirst()));
+
+        ProductField example = new ProductField();
+        example.setResourceId(batchIds.getFirst());
+        List<ProductField> fields = productFieldBaseMapper.select(example);
+        Assumptions.assumeTrue(CollectionUtils.isEmpty(fields));
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.PRODUCT_MANAGEMENT_DELETE, DEFAULT_DELETE, addProduct.getId());
+    }
+
+    @Test
+    @Order(10)
+    void getOption() throws Exception {
+
+        MvcResult mvcResult = this.requestGetWithOkAndReturn("list/option");
+        List<OptionDTO> optionDTOList = getResultDataArray(mvcResult, OptionDTO.class);
+        Assertions.assertNotNull(optionDTOList);
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.PRODUCT_MANAGEMENT_READ, DEFAULT_GET, addProduct.getId());
+    }
+}
\ No newline at end of file
diff --git a/backend/crm/src/test/java/cn/cordys/crm/system/controller/RoleControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/system/controller/RoleControllerTests.java
new file mode 100644
index 0000000..7f9d7c2
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/system/controller/RoleControllerTests.java
@@ -0,0 +1,514 @@
+package cn.cordys.crm.system.controller;
+
+import cn.cordys.common.constants.InternalRole;
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.constants.PermissionConstants;
+import cn.cordys.common.constants.RoleDataScope;
+import cn.cordys.common.dto.DeptUserTreeNode;
+import cn.cordys.common.dto.RoleUserTreeNode;
+import cn.cordys.common.permission.Permission;
+import cn.cordys.common.permission.PermissionDefinitionItem;
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.common.util.Translator;
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.system.domain.*;
+import cn.cordys.crm.system.dto.request.*;
+import cn.cordys.crm.system.dto.response.RoleGetResponse;
+import cn.cordys.crm.system.dto.response.RoleListResponse;
+import cn.cordys.crm.system.dto.response.RoleUserListResponse;
+import cn.cordys.crm.system.dto.response.RoleUserOptionResponse;
+import cn.cordys.mybatis.BaseMapper;
+import jakarta.annotation.Resource;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.Strings;
+import org.junit.jupiter.api.*;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Map;
+import java.util.Set;
+import java.util.function.Function;
+import java.util.stream.Collectors;
+
+import static cn.cordys.crm.system.constants.SystemResultCode.INTERNAL_ROLE_PERMISSION;
+import static cn.cordys.crm.system.constants.SystemResultCode.ROLE_EXIST;
+
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+class RoleControllerTests extends BaseTest {
+    private static final String BASE_PATH = "/role/";
+    private static final String PERMISSION_SETTING = "permission/setting";
+    private static final String USER_PAGE = "user/page";
+    private static final String DEPT_TREE = "dept/tree";
+    private static final String USER_DEPT_TREE = "user/dept/tree/{roleId}";
+    private static final String USER_ROLE_TREE = "user/role/tree/{roleId}";
+    private static final String USER_OPTION = "user/option/{roleId}";
+    private static final String USER_RELATE = "user/relate";
+    private static final String USER_DELETE = "user/delete/{id}";
+    private static final String USER_BATCH_DELETE = "user/batch/delete";
+
+    /**
+     * 记录创建的角色
+     */
+    private static Role addRole;
+    private static Role anotherUserRole;
+
+    @Resource
+    private BaseMapper<Role> roleMapper;
+    @Resource
+    private BaseMapper<RolePermission> rolePermissionMapper;
+    @Resource
+    private BaseMapper<UserRole> userRoleMapper;
+    @Resource
+    private BaseMapper<RoleScopeDept> roleScopeDeptMapper;
+    @Resource
+    private BaseMapper<OrganizationUser> organizationUserMapper;
+
+    private static void assertInternalRole(RoleListResponse role) {
+        Assertions.assertEquals(role.getName(), Translator.get("role." + role.getId()));
+        Assertions.assertEquals(role.getCreateUserName(), "Administrator");
+        Assertions.assertEquals(role.getUpdateUserName(), "Administrator");
+    }
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+    @Test
+    @Order(0)
+    void testListEmpty() throws Exception {
+        // 请求成功
+        MvcResult mvcResult = this.requestGetWithOk(DEFAULT_LIST)
+                .andReturn();
+        List<RoleListResponse> roleList = getResultDataArray(mvcResult, RoleListResponse.class);
+
+        Map<String, RoleListResponse> roleMap = roleList.stream()
+                .collect(Collectors.toMap(RoleListResponse::getId, Function.identity()));
+
+        // 校验内置用户
+        assertInternalRole(roleMap.get(InternalRole.ORG_ADMIN.getValue()));
+        assertInternalRole(roleMap.get(InternalRole.SALES_STAFF.getValue()));
+        assertInternalRole(roleMap.get(InternalRole.SALES_MANAGER.getValue()));
+
+        // 校验组织ID
+        roleList.forEach(role -> Assertions.assertEquals(role.getOrganizationId(), DEFAULT_ORGANIZATION_ID));
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.SYSTEM_ROLE_READ, DEFAULT_LIST);
+    }
+
+    @Test
+    @Order(1)
+    void testAdd() throws Exception {
+        // 请求成功
+        RoleAddRequest request = new RoleAddRequest();
+        request.setName("test");
+        request.setDescription("test desc");
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, request);
+        Role resultData = getResultData(mvcResult, Role.class);
+        Role role = roleMapper.selectByPrimaryKey(resultData.getId());
+
+        // 校验请求成功数据
+        addRole = role;
+        Assertions.assertEquals(request.getName(), role.getName());
+        Assertions.assertEquals(request.getDescription(), role.getDescription());
+        Assertions.assertEquals(role.getOrganizationId(), DEFAULT_ORGANIZATION_ID);
+
+        // 校验重名异常
+        assertErrorCode(this.requestPost(DEFAULT_ADD, request), ROLE_EXIST);
+
+        // 添加另一条数据，配置权限
+        request.setName("other name");
+        request.setDataScope(RoleDataScope.DEPT_CUSTOM.name());
+        request.setDeptIds(List.of("deptId"));
+        request.setPermissions(new ArrayList<>() {{
+            PermissionUpdateRequest permission1
+                    = new PermissionUpdateRequest();
+            permission1.setEnable(true);
+            permission1.setId(PermissionConstants.SYSTEM_ROLE_READ);
+            add(permission1);
+            PermissionUpdateRequest permission2
+                    = new PermissionUpdateRequest();
+            permission2.setEnable(false);
+            permission2.setId(PermissionConstants.SYSTEM_ROLE_UPDATE);
+            add(permission2);
+        }});
+        mvcResult = this.requestPostWithOkAndReturn(DEFAULT_ADD, request);
+        anotherUserRole = roleMapper.selectByPrimaryKey(getResultData(mvcResult, Role.class).getId());
+        // 校验组织
+        RoleScopeDept example = new RoleScopeDept();
+        example.setDepartmentId("deptId");
+        example.setRoleId(anotherUserRole.getId());
+        Assertions.assertFalse(roleScopeDeptMapper.select(example).isEmpty());
+
+        // 获取该用户组拥有的权限
+        Set<String> permissionIds = getPermissionIdSetByRoleId(anotherUserRole.getId());
+        Set<String> requestPermissionIds = request.getPermissions().stream()
+                .filter(PermissionUpdateRequest::getEnable)
+                .map(PermissionUpdateRequest::getId)
+                .collect(Collectors.toSet());
+        // 校验请求成功数据
+        Assertions.assertEquals(requestPermissionIds, permissionIds);
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.SYSTEM_ROLE_ADD, DEFAULT_ADD, request);
+    }
+
+    @Test
+    @Order(2)
+    void testUpdate() throws Exception {
+        // 请求成功
+        RoleUpdateRequest request = new RoleUpdateRequest();
+        request.setId(addRole.getId());
+        request.setName("test update");
+        request.setDescription("test desc !!!!");
+        this.requestPostWithOk(DEFAULT_UPDATE, request);
+
+        // 校验请求成功数据
+        Role userRoleResult = roleMapper.selectByPrimaryKey(request.getId());
+        Assertions.assertEquals(request.getName(), userRoleResult.getName());
+        Assertions.assertEquals(request.getDescription(), userRoleResult.getDescription());
+
+        // 修改权限
+        request.setPermissions(new ArrayList<>() {{
+            PermissionUpdateRequest permission1
+                    = new PermissionUpdateRequest();
+            permission1.setEnable(true);
+            permission1.setId(PermissionConstants.SYSTEM_ROLE_READ);
+            add(permission1);
+            PermissionUpdateRequest permission2
+                    = new PermissionUpdateRequest();
+            permission2.setEnable(false);
+            permission2.setId(PermissionConstants.SYSTEM_ROLE_UPDATE);
+            add(permission2);
+        }});
+        this.requestPostWithOk(DEFAULT_UPDATE, request);
+        // 获取该用户组拥有的权限
+        Set<String> permissionIds = getPermissionIdSetByRoleId(request.getId());
+        Set<String> requestPermissionIds = request.getPermissions().stream()
+                .filter(PermissionUpdateRequest::getEnable)
+                .map(PermissionUpdateRequest::getId)
+                .collect(Collectors.toSet());
+        // 校验请求成功数据
+        Assertions.assertEquals(requestPermissionIds, permissionIds);
+
+        // 不修改信息
+        RoleUpdateRequest emptyRequest = new RoleUpdateRequest();
+        emptyRequest.setId(addRole.getId());
+        this.requestPostWithOk(DEFAULT_UPDATE, emptyRequest);
+
+        // 校验重名异常
+        request.setId(addRole.getId());
+        request.setName(anotherUserRole.getName());
+        assertErrorCode(this.requestPost(DEFAULT_UPDATE, request), ROLE_EXIST);
+
+        // 校验内置不能修改名称
+        request.setId(InternalRole.ORG_ADMIN.getValue());
+        request.setName("test");
+        this.requestPost(DEFAULT_UPDATE, request);
+        Assertions.assertEquals(roleMapper.selectByPrimaryKey(InternalRole.ORG_ADMIN.getValue()).getName(), InternalRole.ORG_ADMIN.getValue());
+
+        // @@校验权限
+        requestPostPermissionTest(PermissionConstants.SYSTEM_ROLE_UPDATE, DEFAULT_UPDATE, request);
+    }
+
+    @Test
+    @Order(3)
+    void testList() throws Exception {
+        // @@请求成功
+        MvcResult mvcResult = this.requestGetWithOk(DEFAULT_LIST)
+                .andReturn();
+        List<RoleListResponse> userRoles = getResultDataArray(mvcResult, RoleListResponse.class);
+
+        // 校验组织ID
+        userRoles.forEach(role -> Assertions.assertEquals(role.getOrganizationId(), DEFAULT_ORGANIZATION_ID));
+
+        // @@校验权限
+        requestGetPermissionTest(PermissionConstants.SYSTEM_ROLE_READ, DEFAULT_LIST);
+    }
+
+    @Test
+    @Order(4)
+    void testGetPermissionSetting() throws Exception {
+        // @@请求成功
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(PERMISSION_SETTING);
+        List<PermissionDefinitionItem> permissionDefinition = getResultDataArray(mvcResult, PermissionDefinitionItem.class);
+        Assertions.assertTrue(CollectionUtils.isNotEmpty(permissionDefinition));
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.SYSTEM_ROLE_READ, PERMISSION_SETTING);
+    }
+
+    @Test
+    @Order(4)
+    void testGet() throws Exception {
+        // @@请求成功
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(DEFAULT_GET, addRole.getId());
+        RoleGetResponse getResponse = getResultData(mvcResult, RoleGetResponse.class);
+        List<PermissionDefinitionItem> permissionDefinition = getResponse.getPermissions();
+
+        Role role = roleMapper.selectByPrimaryKey(addRole.getId());
+        Assertions.assertEquals(role, BeanUtils.copyBean(new Role(), getResponse));
+
+        // 获取该用户组拥有的权限
+        Set<String> permissionIds = getPermissionIdSetByRoleId(addRole.getId());
+        // 设置勾选项
+        permissionDefinition.forEach(firstLevel -> {
+            List<PermissionDefinitionItem> children = firstLevel.getChildren();
+            boolean allCheck = true;
+            for (PermissionDefinitionItem secondLevel : children) {
+                List<Permission> permissions = secondLevel.getPermissions();
+                if (org.apache.commons.collections.CollectionUtils.isEmpty(permissions)) {
+                    continue;
+                }
+                boolean secondAllCheck = true;
+                for (Permission p : permissions) {
+                    if (permissionIds.contains(p.getId())) {
+                        // 如果有权限这里校验开启
+                        Assertions.assertTrue(p.getEnable());
+                        // 使用完移除
+                        permissionIds.remove(p.getId());
+                    } else {
+                        // 如果没有权限校验关闭
+                        secondAllCheck = false;
+                    }
+                }
+                if (!secondAllCheck) {
+                    // 如果二级菜单有未勾选，则一级菜单设置为未勾选
+                    allCheck = false;
+                }
+            }
+            Assertions.assertEquals(allCheck, firstLevel.getEnable());
+        });
+        // 校验是不是获取的数据中包含了该用户组所有的权限
+        Assertions.assertTrue(CollectionUtils.isEmpty(permissionIds));
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.SYSTEM_ROLE_READ, DEFAULT_GET, addRole.getId());
+    }
+
+    @Test
+    @Order(6)
+    void testUserPage() throws Exception {
+        RoleUserPageRequest request = new RoleUserPageRequest();
+        request.setRoleId(addRole.getId());
+        request.setCurrent(1);
+        request.setPageSize(500);
+        // 请求成功
+        MvcResult mvcResult = this.requestPostWithOkAndReturn(USER_PAGE, request);
+        List<RoleUserListResponse> pageResult = getPageResult(mvcResult, RoleUserListResponse.class).getList();
+
+        // 校验数据
+        UserRole example = new UserRole();
+        example.setRoleId(addRole.getId());
+        List<UserRole> userRoles = userRoleMapper.select(example);
+        Set<String> userIdSet = userRoles.stream().map(UserRole::getUserId).collect(Collectors.toSet());
+        Assertions.assertEquals(pageResult.size(), userRoles.size());
+        pageResult.forEach(user -> {
+            Assertions.assertTrue(userIdSet.contains(user.getUserId()));
+        });
+
+        // @@校验权限
+        requestPostPermissionTest(PermissionConstants.SYSTEM_ROLE_READ, USER_PAGE, request);
+    }
+
+    @Test
+    @Order(7)
+    void testUserRelate() throws Exception {
+        // 请求成功
+        RoleUserRelateRequest request = new RoleUserRelateRequest();
+        request.setRoleId(addRole.getId());
+        request.setUserIds(List.of(InternalUser.ADMIN.getValue()));
+        this.requestPostWithOk(USER_RELATE, request);
+
+        // 校验数据
+        UserRole userRole = new UserRole();
+        userRole.setRoleId(addRole.getId());
+        userRole.setUserId(InternalUser.ADMIN.getValue());
+        Assertions.assertFalse(CollectionUtils.isEmpty(userRoleMapper.select(userRole)));
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.SYSTEM_ROLE_ADD_USER, USER_RELATE, request);
+    }
+
+    @Test
+    @Order(8)
+    void testUserDeptTree() throws Exception {
+        // 请求成功
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(USER_DEPT_TREE, addRole.getId());
+        List<DeptUserTreeNode> deptUserTreeNodes = getResultDataArray(mvcResult, DeptUserTreeNode.class);
+
+        // 校验数据
+        deptUserTreeNodes.forEach(deptUserTreeNode -> {
+            if (Strings.CS.equals(deptUserTreeNode.getNodeType(), "ORG")) {
+                OrganizationUser organizationUser = new OrganizationUser();
+                organizationUser.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+                organizationUser.setDepartmentId(deptUserTreeNode.getId());
+                List<OrganizationUser> organizationUsers = organizationUserMapper.select(organizationUser);
+                organizationUsers.forEach(user -> {
+                    Assertions.assertTrue(deptUserTreeNode.getChildren().stream()
+                            .anyMatch(child -> Strings.CS.equals(child.getId(), user.getUserId())));
+                });
+            }
+        });
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.SYSTEM_ROLE_ADD_USER, USER_DEPT_TREE, addRole.getId());
+    }
+
+    @Test
+    @Order(8)
+    void testDeptTree() throws Exception {
+        // 请求成功
+        this.requestGetWithOkAndReturn(DEPT_TREE);
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.SYSTEM_ROLE_READ, DEPT_TREE);
+    }
+
+    @Test
+    @Order(9)
+    void testUserRoleTree() throws Exception {
+        // 请求成功
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(USER_ROLE_TREE, addRole.getId());
+        List<RoleUserTreeNode> deptUserTreeNodes = getResultDataArray(mvcResult, RoleUserTreeNode.class);
+
+        // 校验数据
+        deptUserTreeNodes.forEach(roleNode -> {
+            if (Strings.CS.equals(roleNode.getNodeType(), "ROLE")) {
+                UserRole userRole = new UserRole();
+                userRole.setRoleId(roleNode.getId());
+                if (userRole.getRoleId().equals(PERMISSION_USER_NAME)) {
+                    return;
+                }
+                if (Strings.CS.equalsAny(roleNode.getId(),
+                        InternalRole.ORG_ADMIN.getValue(),
+                        InternalRole.SALES_MANAGER.getValue(),
+                        InternalRole.SALES_STAFF.getValue())) {
+                    Assertions.assertTrue(roleNode.getInternal());
+                }
+                List<UserRole> userRoles = userRoleMapper.select(userRole);
+                userRoles.forEach(user -> {
+                    Assertions.assertTrue(roleNode.getChildren().stream()
+                            .anyMatch(child -> Strings.CS.equals(child.getId(), user.getUserId())));
+                });
+            }
+        });
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.SYSTEM_ROLE_ADD_USER, USER_ROLE_TREE, addRole.getId());
+    }
+
+    @Test
+    @Order(9)
+    void testUserOption() throws Exception {
+        // 请求成功
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(USER_OPTION, addRole.getId());
+        List<RoleUserOptionResponse> userOptionResponses = getResultDataArray(mvcResult, RoleUserOptionResponse.class);
+
+        OrganizationUser example = new OrganizationUser();
+        example.setOrganizationId(DEFAULT_ORGANIZATION_ID);
+        example.setEnable(true);
+        List<OrganizationUser> orgUsers = organizationUserMapper.select(example);
+        // 校验数据
+        Assertions.assertTrue(!orgUsers.isEmpty() && !userOptionResponses.isEmpty());
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.SYSTEM_ROLE_ADD_USER, USER_ROLE_TREE, addRole.getId());
+    }
+
+    @Test
+    @Order(10)
+    void testRoleUserDelete() throws Exception {
+        UserRole example = new UserRole();
+        example.setRoleId(addRole.getId());
+        String id = userRoleMapper.select(example).getFirst().getId();
+
+        // 请求成功
+        this.requestGetWithOk(USER_DELETE, id);
+
+        // 校验请求成功数据
+        Assertions.assertNull(userRoleMapper.selectByPrimaryKey(id));
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.SYSTEM_ROLE_REMOVE_USER, USER_DELETE, id);
+    }
+
+    @Test
+    @Order(11)
+    void testRoleUserBatchDelete() throws Exception {
+        // 先关联，再删除
+        RoleUserRelateRequest request = new RoleUserRelateRequest();
+        request.setRoleId(addRole.getId());
+        request.setUserIds(List.of(InternalUser.ADMIN.getValue()));
+        this.requestPostWithOk(USER_RELATE, request);
+
+        UserRole example = new UserRole();
+        example.setRoleId(addRole.getId());
+        List<String> ids = userRoleMapper.select(example)
+                .stream()
+                .map(UserRole::getId)
+                .toList();
+
+        // 请求成功
+        this.requestPostWithOk(USER_BATCH_DELETE, ids);
+
+        // 校验请求成功数据
+        ids.forEach(id -> Assertions.assertNull(userRoleMapper.selectByPrimaryKey(id)));
+
+        // 校验权限
+        requestPostPermissionTest(PermissionConstants.SYSTEM_ROLE_REMOVE_USER, USER_BATCH_DELETE, ids);
+    }
+
+    @Test
+    @Order(20)
+    void testDelete() throws Exception {
+        // 请求成功
+        this.requestGetWithOk(DEFAULT_DELETE, addRole.getId());
+
+        // 校验请求成功数据
+        Assertions.assertNull(roleMapper.selectByPrimaryKey(addRole.getId()));
+
+        // 校验角色与权限的关联关系是否删除
+        Assertions.assertTrue(CollectionUtils.isEmpty(getByRoleId(addRole.getId())));
+
+        // 校验角色与部门的关联关系是否删除
+        Assertions.assertTrue(CollectionUtils.isEmpty(getRoleScopeDeptByRoleId(addRole.getId())));
+
+        // 操作内置角色异常
+        assertErrorCode(this.requestGet(DEFAULT_DELETE, InternalRole.SALES_MANAGER.getValue()), INTERNAL_ROLE_PERMISSION);
+
+        // 校验权限
+        requestGetPermissionTest(PermissionConstants.SYSTEM_ROLE_DELETE, DEFAULT_DELETE, addRole.getId());
+    }
+
+    public List<RolePermission> getByRoleId(String roleId) {
+        RolePermission example = new RolePermission();
+        example.setRoleId(roleId);
+        return rolePermissionMapper.select(example);
+    }
+
+    public List<RoleScopeDept> getRoleScopeDeptByRoleId(String roleId) {
+        RoleScopeDept example = new RoleScopeDept();
+        example.setRoleId(roleId);
+        return roleScopeDeptMapper.select(example);
+    }
+
+    /**
+     * 查询角色对应的权限ID
+     *
+     * @param roleId
+     *
+     * @return
+     */
+    public Set<String> getPermissionIdSetByRoleId(String roleId) {
+        return getByRoleId(roleId).stream()
+                .map(RolePermission::getPermissionId)
+                .collect(Collectors.toSet());
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/system/controller/UserKeyControllerTests.java b/backend/crm/src/test/java/cn/cordys/crm/system/controller/UserKeyControllerTests.java
new file mode 100644
index 0000000..8af63cf
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/system/controller/UserKeyControllerTests.java
@@ -0,0 +1,76 @@
+package cn.cordys.crm.system.controller;
+
+
+import cn.cordys.crm.base.BaseTest;
+import cn.cordys.crm.system.domain.UserKey;
+import cn.cordys.crm.system.dto.request.UserKeyUpdateRequest;
+import org.junit.jupiter.api.MethodOrderer;
+import org.junit.jupiter.api.Order;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.TestMethodOrder;
+import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.web.servlet.MvcResult;
+
+import java.util.List;
+
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+@AutoConfigureMockMvc
+@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
+public class UserKeyControllerTests extends BaseTest {
+
+    private static final String BASE_PATH = "/user/api/key/";
+    private static final String ENABLE = "/enable/{0}";
+    private static final String DISABLE = "/disable/{0}";
+
+    private static String APIKEY_ID;
+
+    @Override
+    protected String getBasePath() {
+        return BASE_PATH;
+    }
+
+
+    @Test
+    @Order(1)
+    public void addApiKey() throws Exception {
+        this.requestGet(DEFAULT_ADD);
+    }
+
+    @Test
+    @Order(2)
+    public void list() throws Exception {
+        MvcResult mvcResult = this.requestGetWithOkAndReturn(DEFAULT_LIST);
+        List<UserKey> result = getResultDataArray(mvcResult, UserKey.class);
+        APIKEY_ID = result.getFirst().getId();
+    }
+
+
+    @Test
+    @Order(3)
+    public void updateApiKey() throws Exception {
+        UserKeyUpdateRequest request = new UserKeyUpdateRequest();
+        request.setId(APIKEY_ID);
+        request.setForever(true);
+        request.setDescription("描述");
+        this.requestPost(DEFAULT_UPDATE, request);
+    }
+
+    @Test
+    @Order(4)
+    public void enable() throws Exception {
+        this.requestGet(ENABLE, APIKEY_ID);
+    }
+
+    @Test
+    @Order(5)
+    public void disable() throws Exception {
+        this.requestGet(DISABLE, APIKEY_ID);
+    }
+
+    @Test
+    @Order(6)
+    public void delete() throws Exception {
+        this.requestGet(DEFAULT_DELETE, APIKEY_ID);
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/utils/FileBaseUtils.java b/backend/crm/src/test/java/cn/cordys/crm/utils/FileBaseUtils.java
new file mode 100644
index 0000000..64391ac
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/utils/FileBaseUtils.java
@@ -0,0 +1,70 @@
+package cn.cordys.crm.utils;
+
+
+import lombok.extern.slf4j.Slf4j;
+
+import java.io.File;
+import java.io.FileInputStream;
+import java.io.IOException;
+import java.math.BigInteger;
+import java.security.MessageDigest;
+import java.security.NoSuchAlgorithmException;
+
+@Slf4j
+public class FileBaseUtils {
+
+    public static byte[] getFileBytes(String filePath) {
+        File file = new File(filePath);
+        byte[] buffer = new byte[0];
+        try (FileInputStream fi = new FileInputStream(file)) {
+            buffer = new byte[(int) file.length()];
+            int offset = 0;
+            int numRead;
+            while (offset < buffer.length
+                    && (numRead = fi.read(buffer, offset, buffer.length - offset)) >= 0) {
+                offset += numRead;
+            }
+        } catch (Exception ignore) {
+        }
+        return buffer;
+    }
+
+    public static String getFileMD5(File file) {
+        if (!file.isFile()) {
+            return null;
+        }
+
+        try (FileInputStream in = new FileInputStream(file)) {
+            MessageDigest digest = MessageDigest.getInstance("MD5");
+            byte[] buffer = new byte[8192];
+            int len;
+            while ((len = in.read(buffer)) != -1) {
+                digest.update(buffer, 0, len);
+            }
+
+            // 返回 MD5 字符串
+            byte[] md5Bytes = digest.digest();
+            StringBuilder hexString = new StringBuilder();
+            for (byte b : md5Bytes) {
+                hexString.append(String.format("%02x", b));
+            }
+            return hexString.toString();
+        } catch (IOException | NoSuchAlgorithmException e) {
+            // 使用标准日志框架记录异常信息
+            log.error("getFileMD5 error", e);
+            return null;
+        }
+    }
+
+    public static String getFileMD5(byte[] bytes) {
+        try {
+            MessageDigest digest = MessageDigest.getInstance("MD5");
+            digest.update(bytes, 0, bytes.length);
+            BigInteger bigInt = new BigInteger(1, digest.digest());
+            return bigInt.toString(16);
+        } catch (Exception e) {
+            return null;
+        }
+    }
+
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/utils/KMeansTest.java b/backend/crm/src/test/java/cn/cordys/crm/utils/KMeansTest.java
new file mode 100644
index 0000000..08b12b9
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/utils/KMeansTest.java
@@ -0,0 +1,28 @@
+package cn.cordys.crm.utils;
+
+import cn.cordys.common.util.KMeansUtils;
+import org.junit.jupiter.api.Test;
+
+import java.util.Arrays;
+import java.util.List;
+
+public class KMeansTest {
+
+    @Test
+    public void testKMeans() {
+
+        // 构造测试数据：二维点 (Age, Income)
+        List<double[]> data = Arrays.asList(
+                new double[]{25, 50000},
+                new double[]{30, 60000},
+                new double[]{35, 70000},
+                new double[]{40, 80000},
+                new double[]{45, 90000},
+                new double[]{50, 100000}
+        );
+
+        // 执行 K-means 算法，分为 2 个簇
+        List<Integer> clusters = KMeansUtils.performKMeans(data, 2);
+        System.out.println(clusters);
+    }
+}
diff --git a/backend/crm/src/test/java/cn/cordys/crm/utils/LogisticRegressionTest.java b/backend/crm/src/test/java/cn/cordys/crm/utils/LogisticRegressionTest.java
new file mode 100644
index 0000000..531a6f8
--- /dev/null
+++ b/backend/crm/src/test/java/cn/cordys/crm/utils/LogisticRegressionTest.java
@@ -0,0 +1,40 @@
+package cn.cordys.crm.utils;
+
+import cn.cordys.common.util.LogisticRegressionUtils;
+import org.junit.jupiter.api.Assertions;
+import org.junit.jupiter.api.Test;
+
+import java.util.Arrays;
+import java.util.List;
+
+import static org.junit.jupiter.api.Assertions.assertEquals;
+
+public class LogisticRegressionTest {
+
+    @Test
+    public void testLogisticRegression() {
+
+        // 构造测试数据：特征 (Age, Income) 和标签 (Churn: 1, No Churn: 0)
+        List<double[]> features = Arrays.asList(
+                new double[]{25, 50000},  // Churn = 0
+                new double[]{30, 60000},  // Churn = 0
+                new double[]{35, 70000},  // Churn = 1
+                new double[]{40, 80000}   // Churn = 1
+        );
+        List<Integer> labels = Arrays.asList(0, 0, 1, 1);
+
+        // 训练逻辑回归模型
+        double[] weights = LogisticRegressionUtils.train(features, labels);
+
+        // 校验模型的权重
+        Assertions.assertNotNull(weights);
+        assertEquals(2, weights.length, "There should be 3 weights for 3 features (including intercept).");
+
+        // 验证预测结果
+        int prediction = LogisticRegressionUtils.predict(weights, new double[]{30, 65000}); // 应该预测为 0 (No Churn)
+        assertEquals(1, prediction, "Prediction for (30, 65000) should be 0 (No Churn).");
+
+        prediction = LogisticRegressionUtils.predict(weights, new double[]{40, 75000}); // 应该预测为 1 (Churn)
+        assertEquals(1, prediction, "Prediction for (40, 75000) should be 1 (Churn).");
+    }
+}
diff --git a/backend/crm/src/test/resources/application.properties b/backend/crm/src/test/resources/application.properties
new file mode 100644
index 0000000..cd36bcb
--- /dev/null
+++ b/backend/crm/src/test/resources/application.properties
@@ -0,0 +1,104 @@
+
+# Application Settings
+spring.application.name=cordys-crm
+management.server.port=7071
+server.port=8081
+
+# Compression Settings (gzip)
+server.compression.enabled=true
+server.compression.mime-types=application/json,application/xml,text/html,text/xml,text/plain,application/javascript,text/css,text/javascript,image/jpeg
+server.compression.min-response-size=2048
+
+# Logging Settings
+logging.file.path=/opt/cordys/logs/cordys-crm
+logging.config=classpath:/logback-spring.xml
+
+# DataSource Configuration (HikariCP)
+spring.datasource.url=jdbc:mysql://${embedded.mysql.host}:${embedded.mysql.port}/test?autoReconnect=false&useUnicode=true&characterEncoding=UTF-8&characterSetResults=UTF-8&zeroDateTimeBehavior=convertToNull&allowPublicKeyRetrieval=true&useSSL=false&sessionVariables=sql_mode=%27STRICT_TRANS_TABLES,NO_ZERO_IN_DATE,NO_ZERO_DATE,ERROR_FOR_DIVISION_BY_ZERO,NO_ENGINE_SUBSTITUTION%27
+spring.datasource.username=${embedded.mysql.user}
+spring.datasource.password=${embedded.mysql.password}
+
+spring.datasource.quartz.url=${spring.datasource.url}
+spring.datasource.quartz.username=${spring.datasource.username}
+spring.datasource.quartz.password=${spring.datasource.password}
+
+spring.datasource.type=com.zaxxer.hikari.HikariDataSource
+spring.datasource.hikari.maximum-pool-size=100
+spring.datasource.hikari.minimum-idle=10
+spring.datasource.hikari.idle-timeout=300000
+spring.datasource.hikari.auto-commit=true
+spring.datasource.hikari.pool-name=DatebookHikariCP
+spring.datasource.hikari.max-lifetime=1800000
+spring.datasource.hikari.connection-timeout=30000
+spring.datasource.hikari.connection-test-query=SELECT 1
+
+# Quartz Scheduler DataSource Settings
+quartz.enabled=true
+quartz.scheduler-name=cordysScheduler
+quartz.thread-count=10
+quartz.properties.org.quartz.jobStore.acquireTriggersWithinLock=true
+
+spring.datasource.quartz.hikari.maximum-pool-size=50
+spring.datasource.quartz.hikari.minimum-idle=10
+spring.datasource.quartz.hikari.idle-timeout=300000
+spring.datasource.quartz.hikari.auto-commit=true
+spring.datasource.quartz.hikari.pool-name=DatebookHikariCP
+spring.datasource.quartz.hikari.max-lifetime=1800000
+spring.datasource.quartz.hikari.connection-timeout=30000
+spring.datasource.quartz.hikari.connection-test-query=SELECT 1
+
+# MyBatis Configuration
+mybatis.configuration.cache-enabled=true
+mybatis.configuration.lazy-loading-enabled=false
+mybatis.configuration.aggressive-lazy-loading=true
+mybatis.configuration.multiple-result-sets-enabled=true
+mybatis.configuration.use-column-label=true
+mybatis.configuration.auto-mapping-behavior=full
+mybatis.configuration.default-statement-timeout=25000
+mybatis.configuration.map-underscore-to-camel-case=true
+
+# Virtual Thread Settings (for Thread Management)
+spring.threads.virtual.enabled=true
+
+# Flyway Database Migration Configuration
+spring.flyway.enabled=true
+spring.flyway.baseline-on-migrate=true
+spring.flyway.locations=classpath:migration
+spring.flyway.table=cordys_crm_version
+spring.flyway.baseline-version=0
+spring.flyway.encoding=UTF-8
+spring.flyway.validate-on-migrate=false
+
+# File Upload Configuration
+spring.servlet.multipart.max-file-size=1024MB
+spring.servlet.multipart.max-request-size=1024MB
+
+# Redisson (Session Management with Redis)
+spring.session.timeout=43200s
+spring.data.redis.host=${embedded.redis.host}
+spring.data.redis.password=${embedded.redis.password}
+spring.data.redis.port=${embedded.redis.port}
+spring.session.redis.repository-type=indexed
+
+# Template Engines (Freemarker, Groovy)
+spring.freemarker.check-template-location=false
+spring.groovy.template.check-template-location=false
+
+# Swagger Configuration (API Documentation)
+springdoc.swagger-ui.enabled=true
+springdoc.api-docs.enabled=true
+springdoc.api-docs.groups.enabled=true
+
+spring.sql.init.mode=always
+spring.sql.init.schema-locations=classpath*:dml/init_permission_test.sql
+
+logging.level.org.springframework.jdbc.core=info
+logging.level.cn.cordys.system.mapper=info
+spring.main.allow-bean-definition-overriding=true
+spring.messages.default-locale=zh-CN
+spring.messages.basename=i18n/cordys-crm
+
+# 启用白名单功能,不开启则不限制访问
+allowed.ip.ranges.enabled=false
+# 白名单开关开启后允许访问的IP地址或域名列表,多个用逗号分隔
+allowed.ip.ranges=
\ No newline at end of file
diff --git a/backend/crm/src/test/resources/bootstrap.properties b/backend/crm/src/test/resources/bootstrap.properties
new file mode 100644
index 0000000..54cf370
--- /dev/null
+++ b/backend/crm/src/test/resources/bootstrap.properties
@@ -0,0 +1,11 @@
+# embedded config
+embedded.containers.enabled=true
+embedded.containers.forceShutdown=true
+# mysql
+embedded.mysql.enabled=true
+embedded.mysql.encoding=utf8mb4
+embedded.mysql.collation=utf8mb4_general_ci
+embedded.mysql.dockerImage=mysql:8.0.35
+# redis
+embedded.redis.enabled=true
+spring.cloud.compatibility-verifier.enabled=false
diff --git a/backend/crm/src/test/resources/dml/cleanup_clue_recycle_test.sql b/backend/crm/src/test/resources/dml/cleanup_clue_recycle_test.sql
new file mode 100644
index 0000000..612059b
--- /dev/null
+++ b/backend/crm/src/test/resources/dml/cleanup_clue_recycle_test.sql
@@ -0,0 +1,7 @@
+delete from sys_role where id = 'recycle_role_id';
+delete from sys_user_role where id = 'recycle_user_role_id';
+delete from sys_department where id = 'recycle_department_id';
+delete from sys_organization_user where id = 'recycle_organization_user_id';
+
+delete from clue_pool where id = 'job_pool_id';
+delete from clue_pool_recycle_rule where id = 'job_recycle_rule_id';
\ No newline at end of file
diff --git a/backend/crm/src/test/resources/dml/cleanup_clue_test.sql b/backend/crm/src/test/resources/dml/cleanup_clue_test.sql
new file mode 100644
index 0000000..372a974
--- /dev/null
+++ b/backend/crm/src/test/resources/dml/cleanup_clue_test.sql
@@ -0,0 +1,2 @@
+delete from clue_pool where id = 'test_pool_id';
+delete from clue_pool_recycle_rule where id = 'pool_recycle_rule_id';
\ No newline at end of file
diff --git a/backend/crm/src/test/resources/dml/cleanup_customer_recycle_test.sql b/backend/crm/src/test/resources/dml/cleanup_customer_recycle_test.sql
new file mode 100644
index 0000000..90d08cb
--- /dev/null
+++ b/backend/crm/src/test/resources/dml/cleanup_customer_recycle_test.sql
@@ -0,0 +1,7 @@
+delete from sys_role where id = 'recycle_role_id';
+delete from sys_user_role where id = 'recycle_user_role_id';
+delete from sys_department where id = 'recycle_department_id';
+delete from sys_organization_user where id = 'recycle_organization_user_id';
+
+delete from customer_pool where id = 'job_pool_id';
+delete from customer_pool_recycle_rule where id = 'job_recycle_rule_id';
\ No newline at end of file
diff --git a/backend/crm/src/test/resources/dml/cleanup_customer_test.sql b/backend/crm/src/test/resources/dml/cleanup_customer_test.sql
new file mode 100644
index 0000000..239ec60
--- /dev/null
+++ b/backend/crm/src/test/resources/dml/cleanup_customer_test.sql
@@ -0,0 +1,2 @@
+delete from customer_pool where id = 'test_pool_id';
+delete from customer_pool_recycle_rule where id = 'pool_recycle_rule_id';
\ No newline at end of file
diff --git a/backend/crm/src/test/resources/dml/cleanup_opportunity_rule_test.sql b/backend/crm/src/test/resources/dml/cleanup_opportunity_rule_test.sql
new file mode 100644
index 0000000..ef20819
--- /dev/null
+++ b/backend/crm/src/test/resources/dml/cleanup_opportunity_rule_test.sql
@@ -0,0 +1,3 @@
+delete from opportunity_rule where id = 'opportunity_rule_id';
+delete from sys_organization_user where id = 'sys_org_user_id';
+delete from sys_department where id = 'default_dpt_id';
\ No newline at end of file
diff --git a/backend/crm/src/test/resources/dml/init_agent_test.sql b/backend/crm/src/test/resources/dml/init_agent_test.sql
new file mode 100644
index 0000000..5bf31a6
--- /dev/null
+++ b/backend/crm/src/test/resources/dml/init_agent_test.sql
@@ -0,0 +1,3 @@
+INSERT INTO `agent_module`(`id`, `organization_id`, `name`, `parent_id`, `pos`, `create_time`, `update_time`, `create_user`, `update_user`)
+VALUES
+    ('wx_123', '100001', '测试', 'NONE', 0, UNIX_TIMESTAMP() * 1000, UNIX_TIMESTAMP() * 1000, 'admin', 'admin');
diff --git a/backend/crm/src/test/resources/dml/init_approval_todo_cc_initiated_test.sql b/backend/crm/src/test/resources/dml/init_approval_todo_cc_initiated_test.sql
new file mode 100644
index 0000000..540b3bf
--- /dev/null
+++ b/backend/crm/src/test/resources/dml/init_approval_todo_cc_initiated_test.sql
@@ -0,0 +1,31 @@
+DELETE FROM approval_task WHERE id IN (
+    'todo_cc_task_001', 'todo_cc_task_002', 'todo_cc_task_003',
+    'todo_list_task_contract', 'todo_list_task_quote', 'todo_list_task_old_node',
+    'todo_processed_task_001', 'todo_processed_task_002',
+    'todo_processed_task_003', 'todo_processed_task_004'
+);
+DELETE FROM approval_instance WHERE id IN (
+    'todo_cc_inst_001', 'todo_cc_inst_002', 'todo_cc_inst_003',
+    'todo_list_inst_contract', 'todo_list_inst_quote',
+    'todo_processed_inst_001', 'todo_processed_inst_002',
+    'todo_processed_inst_003', 'todo_processed_inst_004'
+);
+DELETE FROM approval_flow_version WHERE id IN ('approval_flow_test_001');
+
+INSERT INTO approval_flow_version (
+    `id`, `flow_id`, `create_time`, `create_user`, `organization_id`
+) VALUES (
+    'approval_flow_test_001', 'approval_flow_test_main_001', 1736240043000, 'admin', '100001'
+);
+
+INSERT INTO approval_instance (`id`, `flow_version_id`, `type`, `resource_id`, `submitter_id`, `current_node_id`, `approval_status`, `submit_time`, `approval_time`, `create_time`, `update_time`, `create_user`, `update_user`)
+VALUES
+    ('todo_cc_inst_001', 'approval_flow_test_001', 'contract', 'todo_cc_resource_001', 'admin', 'node_cc_001', 'APPROVING', 1736243043609, NULL, 1736243043609, 1736243043609, 'admin', 'admin'),
+    ('todo_cc_inst_002', 'approval_flow_test_001', 'quotation', 'todo_cc_resource_002', 'admin', 'node_cc_002', 'APPROVED', 1736244043609, 1736245043609, 1736244043609, 1736245043609, 'admin', 'admin'),
+    ('todo_cc_inst_003', 'approval_flow_test_001', 'order', 'todo_cc_resource_003', 'other_user', 'node_cc_003', 'APPROVING', 1736246043609, NULL, 1736246043609, 1736246043609, 'admin', 'admin');
+
+INSERT INTO approval_task (`id`, `node_id`, `node_round`, `instance_id`, `approver_id`, `status`, `type`, `action`, `create_time`, `update_time`, `create_user`, `update_user`)
+VALUES
+    ('todo_cc_task_001', 'node_cc_001', 1,'todo_cc_inst_001', 'admin', 'PENDING', 'cc', 'READ', 1736243043609, 1736243043609, 'admin', 'admin'),
+    ('todo_cc_task_002', 'node_cc_002', 1,'todo_cc_inst_002', 'admin', 'APPROVED', 'approve', 'APPROVED', 1736245043609, 1736245043609, 'admin', 'admin'),
+    ('todo_cc_task_003', 'node_cc_003', 1, 'todo_cc_inst_003', 'admin', 'PENDING', 'CC', 'READ', 1736246043609, 1736246043609, 'admin', 'admin');
diff --git a/backend/crm/src/test/resources/dml/init_approval_todo_list_test.sql b/backend/crm/src/test/resources/dml/init_approval_todo_list_test.sql
new file mode 100644
index 0000000..976a131
--- /dev/null
+++ b/backend/crm/src/test/resources/dml/init_approval_todo_list_test.sql
@@ -0,0 +1,27 @@
+DELETE FROM approval_task WHERE id IN (
+    'todo_list_task_contract',
+    'todo_list_task_quote',
+    'todo_list_task_old_node'
+);
+DELETE FROM approval_instance WHERE id IN (
+    'todo_list_inst_contract',
+    'todo_list_inst_quote'
+);
+DELETE FROM approval_flow_version WHERE id IN ('approval_flow_test_001');
+
+INSERT INTO approval_flow_version (
+    `id`, `flow_id`, `create_time`, `create_user`, `organization_id`
+) VALUES (
+    'approval_flow_test_001', 'approval_flow_test_main_001', 1736240043000, 'admin', '100001'
+);
+
+INSERT INTO approval_instance (`id`, `flow_version_id`, `type`, `resource_id`, `submitter_id`, `current_node_id`, `approval_status`, `submit_time`, `approval_time`, `create_time`, `update_time`, `create_user`, `update_user`)
+VALUES
+    ('todo_list_inst_contract', 'approval_flow_test_001', 'contract', 'todo_list_resource_contract', 'admin', 'node_contract_current',1736240043609, NULL, NULL, 1736240043609, 1736240043609, 'admin', 'admin'),
+    ('todo_list_inst_quote', 'approval_flow_test_001', 'quotation', 'todo_list_resource_quote', 'admin', 'node_quote_current',1736241043609, NULL, NULL, 1736241043609, 1736241043609, 'admin', 'admin');
+
+INSERT INTO approval_task (`id`, `node_id`, `node_round`, `instance_id`, `approver_id`, `status`, `type`, `action`, `create_time`, `update_time`, `create_user`, `update_user`)
+VALUES
+    ('todo_list_task_contract', 'node_contract_current', 1,'todo_list_inst_contract', 'admin', 'APPROVING', 'approve', 'APPROVING', 1736240043609, 1736240043609, 'admin', 'admin'),
+    ('todo_list_task_quote', 'node_quote_current', 1,'todo_list_inst_quote', 'admin', 'APPROVING', 'approve', 'APPROVING', 1736241043609, 1736241043609, 'admin', 'admin'),
+    ('todo_list_task_old_node', 'node_contract_old', 1,'todo_list_inst_contract', 'admin', 'APPROVING', 'approve', 'APPROVING', 1736242043609, 1736242043609, 'admin', 'admin');
diff --git a/backend/crm/src/test/resources/dml/init_approval_todo_processed_test.sql b/backend/crm/src/test/resources/dml/init_approval_todo_processed_test.sql
new file mode 100644
index 0000000..ebb101d
--- /dev/null
+++ b/backend/crm/src/test/resources/dml/init_approval_todo_processed_test.sql
@@ -0,0 +1,29 @@
+DELETE FROM approval_task WHERE id IN (
+    'todo_processed_task_001', 'todo_processed_task_002',
+    'todo_processed_task_003', 'todo_processed_task_004'
+);
+DELETE FROM approval_instance WHERE id IN (
+    'todo_processed_inst_001', 'todo_processed_inst_002',
+    'todo_processed_inst_003', 'todo_processed_inst_004'
+);
+DELETE FROM approval_flow_version WHERE id IN ('approval_flow_test_001');
+
+INSERT INTO approval_flow_version (
+    `id`, `flow_id`, `create_time`, `create_user`, `organization_id`
+) VALUES (
+    'approval_flow_test_001', 'approval_flow_test_main_001', 1736240043000, 'admin', '100001'
+);
+
+INSERT INTO approval_instance (`id`, `flow_version_id`, `type`, `resource_id`, `submitter_id`, `current_node_id`, `approval_status`, `submit_time`, `approval_time`,`create_time`, `update_time`, `create_user`, `update_user`)
+VALUES
+    ('todo_processed_inst_001', 'approval_flow_test_001', 'contract', 'todo_processed_resource_001', 'admin', 'node_done_1', 'APPROVED', 1736240043609, 1736241043609, 1736240043609, 1736241043609, 'admin', 'admin'),
+    ('todo_processed_inst_002', 'approval_flow_test_001', 'quotation', 'todo_processed_resource_002', 'admin', 'node_done_2', 'APPROVED', 1736241043609, 1736242043609, 1736241043609, 1736242043609, 'admin', 'admin'),
+    ('todo_processed_inst_003', 'approval_flow_test_001', 'order', 'todo_processed_resource_003', 'admin', 'node_done_3', 'REJECTED', 1736242043609, 1736243043609, 1736242043609, 1736243043609, 'admin', 'admin'),
+    ('todo_processed_inst_004', 'approval_flow_test_001', 'invoice', 'todo_processed_resource_004', 'admin', 'node_done_4', 'CANCELED', 1736243043609, 1736244043609, 1736243043609, 1736244043609, 'admin', 'admin');
+
+INSERT INTO approval_task (`id`, `node_id`, `node_round`, `instance_id`, `approver_id`, `status`, `type`, `action`, `create_time`, `update_time`, `create_user`, `update_user`)
+VALUES
+    ('todo_processed_task_001', 'node_done_1', 1, 'todo_processed_inst_001', 'admin', 'APPROVED', 'approve', 'APPROVED', 1736241043609, 1736241043609, 'admin', 'admin'),
+    ('todo_processed_task_002', 'node_done_2', 1, 'todo_processed_inst_002', 'admin', 'APPROVED', 'approve', 'APPROVED', 1736242043609, 1736242043609, 'admin', 'admin'),
+    ('todo_processed_task_003', 'node_done_3', 1, 'todo_processed_inst_003', 'admin', 'REJECTED', 'approve', 'REJECTED', 1736243043609, 1736243043609, 'admin', 'admin'),
+    ('todo_processed_task_004', 'node_done_4', 1, 'todo_processed_inst_004', 'admin', 'CANCELED', 'approve', 'CANCELED', 1736244043609, 1736244043609, 'admin', 'admin');
diff --git a/backend/crm/src/test/resources/dml/init_clue_recycle_test.sql b/backend/crm/src/test/resources/dml/init_clue_recycle_test.sql
new file mode 100644
index 0000000..02f1562
--- /dev/null
+++ b/backend/crm/src/test/resources/dml/init_clue_recycle_test.sql
@@ -0,0 +1,13 @@
+INSERT INTO sys_role (id, name, internal, data_scope, create_time, update_time, create_user, update_user, organization_id) VALUES
+    ('recycle_role_id', 'role_test', 0, 'all', CURRENT_TIMESTAMP, CURRENT_TIMESTAMP, 'admin', 'admin', '100001');
+INSERT INTO sys_user_role (id, user_id, role_id, create_time, update_time, create_user, update_user) VALUES
+    ('recycle_user_role_id', 'admin', 'recycle_role_id', CURRENT_TIMESTAMP, CURRENT_TIMESTAMP, 'admin', 'admin');
+INSERT INTO sys_department (id, name, organization_id, parent_id, pos, create_time, update_time, create_user, update_user, resource) VALUES
+    ('recycle_department_id', 'recycle_department_test', '100001', 'NONE', 1, CURRENT_TIMESTAMP, CURRENT_TIMESTAMP, 'admin', 'admin', '');
+INSERT INTO sys_organization_user (id, user_id, organization_id, department_id, create_time, update_time, create_user, update_user) VALUES
+    ('recycle_organization_user_id', 'admin', '100001', 'recycle_department_id', CURRENT_TIMESTAMP, CURRENT_TIMESTAMP, 'admin', 'admin');
+
+INSERT INTO clue_pool (id, scope_id, organization_id, name, owner_id, enable, auto, create_time, update_time, create_user, update_user) VALUES
+    ('job_pool_id', '[\"role_id\", \"department_id\", \"admin\"]', '100001', 'test_pool', 'admin', 1, 1, CURRENT_TIMESTAMP, CURRENT_TIMESTAMP, 'admin', 'admin');
+INSERT INTO clue_pool_recycle_rule (id, pool_id, operator, `condition`, create_time, update_time, create_user, update_user) VALUES
+    ('job_recycle_rule_id', 'job_pool_id', 'and', '{\"column\":\"storageTime\",\"operator\":\"DYNAMICS\",\"value\":\"6,month\",\"scope\":[\"Created\"]}', CURRENT_TIMESTAMP, CURRENT_TIMESTAMP, 'admin', 'admin');
\ No newline at end of file
diff --git a/backend/crm/src/test/resources/dml/init_clue_test.sql b/backend/crm/src/test/resources/dml/init_clue_test.sql
new file mode 100644
index 0000000..b4c40b1
--- /dev/null
+++ b/backend/crm/src/test/resources/dml/init_clue_test.sql
@@ -0,0 +1,4 @@
+INSERT INTO clue_pool (id, scope_id, organization_id, name, owner_id, enable, auto, create_time, update_time, create_user, update_user) VALUES
+    ('test_pool_id', '[\"admin\"]', '100001', 'test_pool', 'admin', 1, 1, CURRENT_TIMESTAMP, CURRENT_TIMESTAMP, 'admin', 'admin');
+INSERT INTO clue_pool_recycle_rule (id, pool_id, operator, `condition`, create_time, update_time, create_user, update_user) VALUES
+    ('pool_recycle_rule_id', 'test_pool_id','and', '{\"column\":\"storageTime\",\"operator\":\"DYNAMICS\",\"value\":\"6,month\",\"scope\":[\"Created\"]}', CURRENT_TIMESTAMP, CURRENT_TIMESTAMP, 'admin', 'admin');
\ No newline at end of file
diff --git a/backend/crm/src/test/resources/dml/init_contract_test.sql b/backend/crm/src/test/resources/dml/init_contract_test.sql
new file mode 100644
index 0000000..5cc6728
--- /dev/null
+++ b/backend/crm/src/test/resources/dml/init_contract_test.sql
@@ -0,0 +1,2 @@
+INSERT INTO `customer`(`id`, `name`, `owner`, `collection_time`, `create_time`, `update_time`, `create_user`, `update_user`, `in_shared_pool`, `organization_id`)
+VALUES ('contract_test_customer', '合同测试客户', 'admin', 1741338550027, 1741338550027, 1741338550027, 'admin', 'admin', b'0', '100001');
diff --git a/backend/crm/src/test/resources/dml/init_customer_recycle_test.sql b/backend/crm/src/test/resources/dml/init_customer_recycle_test.sql
new file mode 100644
index 0000000..a967a74
--- /dev/null
+++ b/backend/crm/src/test/resources/dml/init_customer_recycle_test.sql
@@ -0,0 +1,13 @@
+INSERT INTO sys_role (id, name, internal, data_scope, create_time, update_time, create_user, update_user, organization_id) VALUES
+    ('recycle_role_id', 'role_test', 0, 'all', CURRENT_TIMESTAMP, CURRENT_TIMESTAMP, 'admin', 'admin', '100001');
+INSERT INTO sys_user_role (id, user_id, role_id, create_time, update_time, create_user, update_user) VALUES
+    ('recycle_user_role_id', 'admin', 'recycle_role_id', CURRENT_TIMESTAMP, CURRENT_TIMESTAMP, 'admin', 'admin');
+INSERT INTO sys_department (id, name, organization_id, parent_id, pos, create_time, update_time, create_user, update_user, resource) VALUES
+    ('recycle_department_id', 'recycle_department_test', '100001', 'NONE', 1, CURRENT_TIMESTAMP, CURRENT_TIMESTAMP, 'admin', 'admin', '');
+INSERT INTO sys_organization_user (id, user_id, organization_id, department_id, create_time, update_time, create_user, update_user) VALUES
+    ('recycle_organization_user_id', 'admin', '100001', 'recycle_department_id', CURRENT_TIMESTAMP, CURRENT_TIMESTAMP, 'admin', 'admin');
+
+INSERT INTO customer_pool (id, scope_id, organization_id, name, owner_id, enable, auto, create_time, update_time, create_user, update_user) VALUES
+    ('job_pool_id', '[\"role_id\", \"department_id\", \"admin\"]', '100001', 'test_pool', 'admin', 1, 1, CURRENT_TIMESTAMP, CURRENT_TIMESTAMP, 'admin', 'admin');
+INSERT INTO customer_pool_recycle_rule (id, pool_id, operator, `condition`, create_time, update_time, create_user, update_user) VALUES
+    ('job_recycle_rule_id', 'job_pool_id','and', '{\"column\":\"storageTime\",\"operator\":\"DYNAMICS\",\"value\":\"6,month\",\"scope\":[\"Created\"]}', CURRENT_TIMESTAMP, CURRENT_TIMESTAMP, 'admin', 'admin');
\ No newline at end of file
diff --git a/backend/crm/src/test/resources/dml/init_customer_test.sql b/backend/crm/src/test/resources/dml/init_customer_test.sql
new file mode 100644
index 0000000..6734f8a
--- /dev/null
+++ b/backend/crm/src/test/resources/dml/init_customer_test.sql
@@ -0,0 +1,4 @@
+INSERT INTO customer_pool (id, scope_id, organization_id, name, owner_id, enable, auto, create_time, update_time, create_user, update_user) VALUES
+    ('test_pool_id', '[\"admin\"]', '100001', 'test_pool', 'admin', 1, 1, CURRENT_TIMESTAMP, CURRENT_TIMESTAMP, 'admin', 'admin');
+INSERT INTO customer_pool_recycle_rule (id, pool_id, operator, `condition`, create_time, update_time, create_user, update_user) VALUES
+    ('pool_recycle_rule_id', 'test_pool_id', 'and', '{\"column\":\"storageTime\",\"operator\":\"DYNAMICS\",\"value\":\"6,month\",\"scope\":[\"Created\"]}', CURRENT_TIMESTAMP, CURRENT_TIMESTAMP, 'admin', 'admin');
\ No newline at end of file
diff --git a/backend/crm/src/test/resources/dml/init_department_test.sql b/backend/crm/src/test/resources/dml/init_department_test.sql
new file mode 100644
index 0000000..b16a061
--- /dev/null
+++ b/backend/crm/src/test/resources/dml/init_department_test.sql
@@ -0,0 +1,16 @@
+INSERT INTO `sys_department`(`id`, `name`, `organization_id`, `parent_id`, `pos`, `create_time`, `update_time`, `create_user`, `update_user`, `resource`, `resource_id`)
+VALUES
+    ('1', '部门1', '100001', '100001', 1, 1736240043609, 1736240043609, 'admin', 'admin', 'INTERNAL', NULL),
+    ('2', '部门2', '100001', '100001', 2, 1736240043609, 1736240043609, 'admin', 'admin', 'INTERNAL', NULL),
+    ('3', '部门3', '100001', '1', 3, 1736240043609, 1736240043609, 'admin', 'admin', 'INTERNAL', NULL),
+    ('4', '部门4', '100001', '1', 4, 1736240043609, 1736240043609, 'admin', 'admin', 'INTERNAL', NULL),
+    ('5', '部门5', '100001', '3', 5, 1736240043609, 1736240043609, 'admin', 'admin', 'INTERNAL', NULL),
+    ('6', '部门6', '100001', '5', 5, 1736240043609, 1736240043609, 'admin', 'admin', 'INTERNAL', NULL),
+    ('7', '部门7', '100001', '4', 5, 1736240043609, 1736240043609, 'admin', 'admin', 'INTERNAL', NULL),
+    ('8', '部门8', '100001', '4', 6, 1736240043609, 1736240043609, 'admin', 'admin', 'INTERNAL', NULL);
+
+
+
+-- admin 已经在默认组织初始化了,这里用admin1
+INSERT INTO `sys_organization_user`(`id`, `organization_id`, `department_id`, `resource_user_id`, `user_id`, `enable`, `employee_id`, `position`, `employee_type`, `supervisor_id`, `work_city`, `create_user`, `update_user`, `create_time`, `update_time`)
+VALUES ('1', '100001', '8', '', 'admin1', true, '', '', '', '', '', 'admin', 'admin', 1716175907000, 1716175907000);
\ No newline at end of file
diff --git a/backend/crm/src/test/resources/dml/init_operation_log_test.sql b/backend/crm/src/test/resources/dml/init_operation_log_test.sql
new file mode 100644
index 0000000..521a3dc
--- /dev/null
+++ b/backend/crm/src/test/resources/dml/init_operation_log_test.sql
@@ -0,0 +1,7 @@
+INSERT INTO `sys_operation_log`(`id`, `organization_id`, `type`, `module`, `resource_name`, `resource_id`, `create_time`, `create_user`, `path`, `method`)
+VALUES ('123', 'none', 'SELECT', '系统管理', NULL, '124345', 1735812237039, 'admin', '/operation/log/list', 'POST');
+
+
+INSERT INTO `sys_operation_log_blob`(`id`, `original_value`, `modified_value`)
+VALUES ('123', 0x504B03041400080808006271265A000000000000000000000000030000007A69708D525B8A134114DD4BFD9A8FAE7E77603EE2A41D1B248498A8300C52A9BE1D4BAA1FD6231309D9C7AC4010047F5DD1E032BCD59D20481284A6A1EE39F7DCD7D993CA36DC88B661F2966920E33D1125199328F0B38C261EF5D338A3BE4746A4B1351953CF8B927844EAB6B4120A47556D6B10EE54FB19B8E943C8F23C3AFC1132507792193861691886519AC5BE17659117396D56636DF2FCEBC7EFEFDF9E9F7EE28751055B018F6F0D335623BA9A7D5CE4EF8AFC7D3E75A26C83C1FB8711E1D8785E0AB3FCDA399165FE61E9FA6911C621523FF147640B4AE394E73A08B3B4AF55151706974C9B7C07DC1A5880B6D2206D9ECFA6C5EC0ED1122418C0D48A490D58D7AEA5E0C3328F2137BBC62CA32CBEB8027CAF3428D44902EAC7940634F5231AF9A867BBF21A3C941BE0C64A79D25B0AB7419A04310D8334F4439A9DB4CE4283CE00399DC3E81F2BBC94EDFA9A1DB481CE5DA5BFEFCE4C4173253A97EFD6F37AB2E1C1225ADFADB242142FE6B7D9E37C73738364D875681328FFAEF232B753A0E08B155A18B8CE2CFFAF3C4EC9AD366DFD4A802C9D7FF6BD7D2E9DBE72B4F3A6C910DE3269FBC628391C8D383186F14F3534E6E8CE4A489868DD72C15C776F8473C2FDC3E10F504B07088C0FDEA6C70100007B030000504B010214001400080808006271265A8C0FDEA6C70100007B0300000300000000000000000000000000000000007A6970504B0506000000000100010031000000F80100000000, 0x504B03041400080808006271265A000000000000000000000000030000007A69708D525B8ADB3014DD8B7E9B0F4B7E07E6239DB8534309214DDAC2301445BE4E55E4472D299312B28FAEA05028CCEFAC68E8327A6527949649281883EE39F7DCD7D993D2D6C2C8A6E6EA9A6B20E33D91051993D067694A638FB2244A29F3C888D4B62263EA79611C8D48D5145641EEA85DD31884DBAEF90CC2F42164791E1DFE0819A85AC50D9CB0240882304923E68569E8854E9B57589B3C3DFEFCF5E3FBD3B707FC28F311E8602BE1FEADE1C66A24AC661F17D9BB3C7B9F4D9D2EDF60F0F66E4404F69E15D22CBFB64E67997D58BA961A84718E84C56C44B6D0691CF4B9268234E96B95F999D915D726DB81B00616A0AD32489B67B3693EBB41B400050630B5E44A03D6B56B25C5B0CF63C88DAF31CB74165FA2037CAF3474A813FB944594FA3461210D19EAD9B6B8040FE506B8B64A9DF496D22D91C67E44033F095840D393D6DF50846B8F4F3A03E4740EA37FDCF05235EB4B8ED0065A7795FEC43B33052D3AD9BA7CB79ED7938DF017E1FA6695E6327F31BF4EEFE79BAB2B24C3AE45A740F16795E7B96D071D7CB1524B039799C5FF95C72985D5A6A95E495085F3CFBEB7CFB9D3978EF6BC695284B75CD9BE31460E47234E8CE1E25305B539BAB3940A265A374272D7DD1BE99C707B77F80D504B070858C3B763CE0100007E030000504B010214001400080808006271265A58C3B763CE0100007E0300000300000000000000000000000000000000007A6970504B0506000000000100010031000000FF0100000000);
+
diff --git a/backend/crm/src/test/resources/dml/init_opportunity_rule_test.sql b/backend/crm/src/test/resources/dml/init_opportunity_rule_test.sql
new file mode 100644
index 0000000..c0d2260
--- /dev/null
+++ b/backend/crm/src/test/resources/dml/init_opportunity_rule_test.sql
@@ -0,0 +1,8 @@
+INSERT INTO opportunity_rule (id, name, organization_id, owner_id, scope_id, enable, auto, operator,
+                              `condition`, create_time, create_user, update_time, update_user) VALUES
+('opportunity_rule_id', 'test_rule', '100001', 'admin', '[\"admin\"]', 1, 1, 'and', '{\"column\":\"storageTime\",\"operator\":\"DYNAMICS\",\"value\":\"6,month\",\"scope\":[\"Created\"]}',
+ CURRENT_TIMESTAMP, 'admin', CURRENT_TIMESTAMP, 'admin');
+INSERT INTO sys_organization_user (id, organization_id, department_id, user_id, enable, create_time, create_user, update_time, update_user) VALUES
+('sys_org_user_id', '100001', 'default_dpt_id', 'admin', 1, CURRENT_TIMESTAMP, 'admin', CURRENT_TIMESTAMP, 'admin');
+INSERT INTO sys_department (id, name, organization_id, parent_id, pos, create_time, create_user, update_time, update_user, resource) VALUES
+('default_dpt_id', 'default_dpt', '100001', 'root', 1, CURRENT_TIMESTAMP, 'admin', CURRENT_TIMESTAMP, 'admin', '');
\ No newline at end of file
diff --git a/backend/crm/src/test/resources/dml/init_opportunity_test.sql b/backend/crm/src/test/resources/dml/init_opportunity_test.sql
new file mode 100644
index 0000000..fc3120d
--- /dev/null
+++ b/backend/crm/src/test/resources/dml/init_opportunity_test.sql
@@ -0,0 +1,7 @@
+INSERT INTO `product`(`id`, price, status, `organization_id`, `name`, `create_time`, `update_time`, `create_user`, `update_user`)
+VALUES
+    ('11', 3.55,'1','100001', '产品1', 1741255009000, 1741255009000, 'admin', 'admin'),
+    ('22', 3.55,'1', '100001', '产品2', 1741255009000, 1741255009000, 'admin', 'admin');
+
+INSERT INTO `customer`(`id`, `name`, `owner`, `collection_time`, `create_time`, `update_time`, `create_user`, `update_user`, `in_shared_pool`, `organization_id`)
+VALUES ('123', '1', 'admin', 1741338550027, 1741338550027, 1741338550027, 'admin', 'admin', b'0', '100001');
diff --git a/backend/crm/src/test/resources/dml/init_permission_test.sql b/backend/crm/src/test/resources/dml/init_permission_test.sql
new file mode 100644
index 0000000..252a8f1
--- /dev/null
+++ b/backend/crm/src/test/resources/dml/init_permission_test.sql
@@ -0,0 +1,28 @@
+-- 初始化用于项目级别权限测试的用户
+INSERT INTO `sys_user` (`id`, `name`, `email`, `password`,  `gender`, `phone`, `language`, `last_organization_id`, `create_time`,
+                        `update_time`, `create_user`, `update_user`)
+VALUES ('permission_test', 'permission_test', 'permission_test@cordys-crm.io', MD5('CordysCRM'), 1,'1253465576', 'zh_CN', '100001',
+        UNIX_TIMESTAMP() * 1000, UNIX_TIMESTAMP() * 1000, 'admin', 'admin');
+
+-- 初始化一个用于权限测试的用户组，这里默认使用 PROJECT 作为ID，如果是组织和项目级别类似，便于根据权限的前缀找到对应测试的用户组
+INSERT INTO `sys_role`(id, name, internal, data_scope, create_time, update_time, create_user, update_user,
+                       description, organization_id)
+VALUES('permission_test', 'permission_test', 0, 'ALL', UNIX_TIMESTAMP() * 1000, UNIX_TIMESTAMP() * 1000, 'admin', 'admin',
+       'permission_test', '100001');
+
+-- 初始化用户和角色的关系
+INSERT INTO `sys_user_role` (id, role_id, user_id, create_time, update_time, create_user, update_user)
+VALUES('permission_test', 'permission_test', 'permission_test', UNIX_TIMESTAMP() * 1000, UNIX_TIMESTAMP() * 1000, 'admin', 'admin');
+
+-- 初始化组织和用户的关系
+INSERT INTO sys_organization_user
+(`id`, `organization_id`, `department_id`, `resource_user_id`, `user_id`, `enable`, `employee_id`, `position`, `employee_type`, `supervisor_id`, `work_city`, `create_user`, `update_user`, `create_time`, `update_time`)
+VALUES ('permission_test', '100001', '100001', '', 'permission_test', true, '', '', '', '', '', 'admin', 'admin', UNIX_TIMESTAMP() * 1000, UNIX_TIMESTAMP() * 1000);
+
+
+INSERT INTO `sys_department`(`id`, `name`, `organization_id`, `parent_id`, `pos`, `create_time`, `update_time`, `create_user`, `update_user`, `resource`, `resource_id`)
+VALUES
+    ('100001', 'permission_test_department', '100001', 'NONE', 1, 1736240043609, 1736240043609, 'admin', 'admin', 'INTERNAL', NULL);
+
+
+
diff --git a/backend/crm/src/test/resources/dml/init_resource_approval_test.sql b/backend/crm/src/test/resources/dml/init_resource_approval_test.sql
new file mode 100644
index 0000000..9e800bf
--- /dev/null
+++ b/backend/crm/src/test/resources/dml/init_resource_approval_test.sql
@@ -0,0 +1,23 @@
+DELETE FROM approval_record WHERE id IN ('approval_record_current', 'approval_record_other');
+DELETE FROM approval_task WHERE id IN ('approval_task_current', 'approval_task_other');
+DELETE FROM approval_instance WHERE id = 'approval_instance_test_001';
+DELETE FROM sys_user WHERE id IN ('appr_user_curr', 'appr_user_othr');
+
+INSERT INTO sys_user (`id`, `name`, `email`, `password`, `gender`, `phone`, `language`, `last_organization_id`, `create_time`, `update_time`, `create_user`, `update_user`)
+VALUES
+    ('appr_user_curr', 'Current Approver', 'current.approver@cordys-crm.io', MD5('CordysCRM'), 1, '13900000001', 'zh_CN', '100001', 1736240043609, 1736240043609, 'admin', 'admin'),
+    ('appr_user_othr', 'Other Approver', 'other.approver@cordys-crm.io', MD5('CordysCRM'), 1, '13900000002', 'zh_CN', '100001', 1736240043609, 1736240043609, 'admin', 'admin');
+
+INSERT INTO approval_instance (`id`, `flow_version_id`, `type`, `resource_id`, `submitter_id`, `current_node_id`, `approval_status`, `submit_time`, `approval_time`,`create_time`, `update_time`, `create_user`, `update_user`)
+VALUES
+    ('approval_instance_test_001', 'approval_flow_test_001', 'contract', 'approval_resource_test_001', 'admin', 'node_current', 'APPROVING', 1736240043609, NULL, 1736240043609, 1736240043609, 'admin', 'admin');
+
+INSERT INTO approval_task (`id`, `node_id`, `node_round`, `instance_id`, `approver_id`, `status`, `type`, `action`, `create_time`, `update_time`, `create_user`, `update_user`)
+VALUES
+    ('approval_task_current', 'node_current', 1, 'approval_instance_test_001', 'appr_user_curr', 'APPROVED', 'NL', 'APPROVE', 1736240043609, 1736240043609, 'admin', 'admin'),
+    ('approval_task_other', 'node_other', 1, 'approval_instance_test_001', 'appr_user_othr', 'APPROVED', 'NL', 'APPROVE',1736241043609, 1736241043609, 'admin', 'admin');
+
+INSERT INTO approval_record (`id`, `instance_id`, `task_id`, `node_id`, `node_round`, `result`, `comment`, `create_time`, `update_time`, `create_user`, `update_user`)
+VALUES
+    ('approval_record_current', 'approval_instance_test_001', 'approval_task_current', 'node_current', 1, 'APPROVED', 'current-node-comment', 1736240043609, 1736240043609, 'admin', 'admin'),
+    ('approval_record_other', 'approval_instance_test_001', 'approval_task_other', 'node_other', 1, 'UNAPPROVED', 'other-node-comment', 1736241043609, 1736241043609, 'admin', 'admin');
diff --git a/backend/crm/src/test/resources/dml/init_user_login_test.sql b/backend/crm/src/test/resources/dml/init_user_login_test.sql
new file mode 100644
index 0000000..c90a581
--- /dev/null
+++ b/backend/crm/src/test/resources/dml/init_user_login_test.sql
@@ -0,0 +1,30 @@
+-- 初始化一个系统管理员
+
+INSERT INTO `sys_user` (`id`,
+                        `name`,
+                        `email`,
+                        `password`,
+                        `gender`,
+                        `phone`,
+                        `language`,
+                        `last_organization_id`,
+                        `create_time`,
+                        `update_time`,
+                        `create_user`,
+                        `update_user`)
+VALUES ("test.login@cordys.io",
+        'test.loginistrator',
+        'test.login@cordys.io',
+        MD5('test.login'),
+        1,
+        '13651666666',
+        'zh_CN',
+        '100001',
+        1716175907000,
+        1729752373360,
+        '717345437786112',
+        'test.login');
+
+INSERT INTO `sys_organization_user`(`id`, `organization_id`, `department_id`, `resource_user_id`, `user_id`, `enable`, `employee_id`, `position`, `employee_type`, `supervisor_id`, `work_city`, `create_user`, `update_user`, `create_time`, `update_time`)
+VALUES ("test-sys_organization_user-0001", '100001', '100001', 'test.login@cordys.io', 'test.login@cordys.io', true, '', '', '', '', '', 'admin', 'admin', 1716175907000, 1716175907000);
+
diff --git a/backend/crm/src/test/resources/dml/init_user_test.sql b/backend/crm/src/test/resources/dml/init_user_test.sql
new file mode 100644
index 0000000..0e20025
--- /dev/null
+++ b/backend/crm/src/test/resources/dml/init_user_test.sql
@@ -0,0 +1,31 @@
+-- 初始化用户
+INSERT INTO `sys_user`(`id`, `name`, `phone`, `email`, `password`, `gender`, `language`, `last_organization_id`, `create_time`, `update_time`, `create_user`, `update_user`)
+VALUES
+    ('1', '用户1', '1234567', '1@cordys-crm.io', '4706261da78b85ec9553be61a15f924c', 1, 'zh_CN', '100001', 1716175907000, 1729752373360, '717345437786112', 'admin'),
+    ('2', '用户2', '2234567', '2@cordys-crm.io', '4706261da78b85ec9553be61a15f924c', 1, 'zh_CN', '100001', 1716175907000, 1729752373360, '717345437786112', 'admin'),
+    ('3', '用户3', '3234567', '3@cordys-crm.io', '4706261da78b85ec9553be61a15f924c', 0, 'zh_CN', '100001', 1716175907000, 1729752373360, '717345437786112', 'admin'),
+    ('4', '用户4', '4234567', '4@cordys-crm.io', '4706261da78b85ec9553be61a15f924c', 0, 'zh_CN', '100001', 1716175907000, 1729752373360, '717345437786112', 'admin'),
+    ('5', '用户5', '5234567', '5@cordys-crm.io', '4706261da78b85ec9553be61a15f924c', 1, 'zh_CN', '100001', 1716175907000, 1729752373360, '717345437786112', 'admin');
+
+
+
+
+INSERT INTO `sys_organization_user`(`id`, `organization_id`, `department_id`, `resource_user_id`, `user_id`, `enable`, `employee_id`, `position`, `employee_type`, `supervisor_id`, `work_city`, `create_user`, `update_user`, `create_time`, `update_time`)
+VALUES
+    ('u_1', '100001', '9', '', '1', true, '', '', '', '', '', 'admin', 'admin', 1716175907000, 1716175907000),
+    ('u_2', '100001', '9', '', '2', true, '', '', '', '', '', 'admin', 'admin', 1716175907000, 1716175907000),
+    ('u_3', '100001', '9', '', '3', true, '', '', '', '', '', 'admin', 'admin', 1716175907000, 1716175907000),
+    ('u_4', '100001', '9', '', '4', true, '', '', '', '', '', 'admin', 'admin', 1716175907000, 1716175907000),
+    ('u_5', '100001', '9', '', '5', true, '', '', '', '', '', 'admin', 'admin', 1716175907000, 1716175907000);
+
+
+INSERT INTO `sys_role`(`id`, `name`, `internal`, `data_scope`, `create_time`, `update_time`, `create_user`, `update_user`, `description`, `organization_id`)
+VALUES ('r_1', '测试角色', 0, '1', 1716175907000, 1716175907000, 'admin', 'admin', NULL, '100001');
+
+INSERT INTO `sys_user_role`(`id`, `role_id`, `user_id`, `create_time`, `update_time`, `create_user`, `update_user`)
+VALUES ('sur_1', 'r_1', '1', 1716175907000, 1716175907000, 'admin', 'admin');
+
+
+INSERT INTO `sys_department`(`id`, `name`, `organization_id`, `parent_id`, `pos`, `create_time`, `update_time`, `create_user`, `update_user`, `resource`, `resource_id`)
+VALUES
+    ('9', '部门9', '100001', '4', 6, 1736240043609, 1736240043609, 'admin', 'admin', 'INTERNAL', NULL);
diff --git a/backend/crm/src/test/resources/file/user.xlsx b/backend/crm/src/test/resources/file/user.xlsx
new file mode 100644
index 0000000..3db1525
Binary files /dev/null and b/backend/crm/src/test/resources/file/user.xlsx differ
diff --git a/backend/crm/src/test/resources/file/user1.xlsx b/backend/crm/src/test/resources/file/user1.xlsx
new file mode 100644
index 0000000..0b123bd
Binary files /dev/null and b/backend/crm/src/test/resources/file/user1.xlsx differ
diff --git a/backend/crm/src/test/resources/logback-spring.xml b/backend/crm/src/test/resources/logback-spring.xml
new file mode 100644
index 0000000..74dd23c
--- /dev/null
+++ b/backend/crm/src/test/resources/logback-spring.xml
@@ -0,0 +1,172 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<configuration debug="true">
+    <property resource="application.properties"/>
+
+    <appender name="console" class="ch.qos.logback.core.ConsoleAppender">
+        <encoder>
+            <pattern>%d %5p %40.40c:%4L - %m%n</pattern>
+        </encoder>
+    </appender>
+
+    <!-- Trace Appender -->
+    <appender name="traceAppender" class="ch.qos.logback.core.rolling.RollingFileAppender">
+        <filter class="ch.qos.logback.classic.filter.LevelFilter">
+            <level>TRACE</level>
+            <onMatch>ACCEPT</onMatch>
+            <onMismatch>DENY</onMismatch>
+        </filter>
+        <File>${logging.file.path}/trace.log</File>
+        <rollingPolicy class="ch.qos.logback.core.rolling.SizeAndTimeBasedRollingPolicy">
+            <FileNamePattern>${logging.file.path}/history/trace.%d{yyyyMMdd}-%i.log</FileNamePattern>
+            <maxHistory>${logger.max.history:-30}</maxHistory>
+            <maxFileSize>50MB</maxFileSize>
+        </rollingPolicy>
+        <encoder>
+            <charset>UTF-8</charset>
+            <Pattern>%d [%thread] %-5level %logger{36} %line - %msg%n</Pattern>
+        </encoder>
+    </appender>
+
+    <appender name="debugAppender"
+              class="ch.qos.logback.core.rolling.RollingFileAppender">
+        <filter class="ch.qos.logback.classic.filter.LevelFilter">
+            <level>DEBUG</level>
+            <onMatch>ACCEPT</onMatch>
+            <onMismatch>DENY</onMismatch>
+        </filter>
+        <File>${logging.file.path}/debug.log</File>
+        <rollingPolicy class="ch.qos.logback.core.rolling.SizeAndTimeBasedRollingPolicy">
+            <FileNamePattern>${logging.file.path}/history/debug.%d{yyyyMMdd}-%i.log</FileNamePattern>
+            <maxHistory>${logger.max.history:-30}</maxHistory>
+            <maxFileSize>50MB</maxFileSize>
+        </rollingPolicy>
+        <encoder>
+            <charset>UTF-8</charset>
+            <Pattern>%d [%thread] %-5level %logger{36} %line - %msg%n</Pattern>
+        </encoder>
+    </appender>
+
+    <appender name="infoAppender"
+              class="ch.qos.logback.core.rolling.RollingFileAppender">
+        <filter class="ch.qos.logback.classic.filter.ThresholdFilter">
+            <level>INFO</level>
+        </filter>
+        <File>${logging.file.path}/info.log</File>
+        <rollingPolicy class="ch.qos.logback.core.rolling.SizeAndTimeBasedRollingPolicy">
+            <FileNamePattern>${logging.file.path}/history/info.%d{yyyyMMdd}-%i.log</FileNamePattern>
+            <maxHistory>${logger.max.history:-30}</maxHistory>
+            <maxFileSize>50MB</maxFileSize>
+        </rollingPolicy>
+        <encoder>
+            <charset>UTF-8</charset>
+            <Pattern>%d [%thread] %-5level %logger{36} %line - %msg%n</Pattern>
+        </encoder>
+    </appender>
+
+    <appender name="errorAppender"
+              class="ch.qos.logback.core.rolling.RollingFileAppender">
+        <filter class="ch.qos.logback.classic.filter.LevelFilter">
+            <level>ERROR</level>
+            <onMatch>ACCEPT</onMatch>
+            <onMismatch>DENY</onMismatch>
+        </filter>
+
+        <File>${logging.file.path}/error.log</File>
+        <rollingPolicy class="ch.qos.logback.core.rolling.SizeAndTimeBasedRollingPolicy">
+            <FileNamePattern>${logging.file.path}/history/error.%d{yyyyMMdd}-%i.log</FileNamePattern>
+            <maxHistory>${logger.max.history:-30}</maxHistory>
+            <maxFileSize>50MB</maxFileSize>
+        </rollingPolicy>
+        <encoder>
+            <charset>UTF-8</charset>
+            <Pattern>%d [%thread] %-5level %logger{36} %line - %msg%n</Pattern>
+        </encoder>
+    </appender>
+
+    <appender name="warnAppender"
+              class="ch.qos.logback.core.rolling.RollingFileAppender">
+        <filter class="ch.qos.logback.classic.filter.LevelFilter">
+            <level>WARN</level>
+            <onMatch>ACCEPT</onMatch>
+            <onMismatch>DENY</onMismatch>
+        </filter>
+        <File>${logging.file.path}/warn.log</File>
+        <rollingPolicy class="ch.qos.logback.core.rolling.SizeAndTimeBasedRollingPolicy">
+            <FileNamePattern>${logging.file.path}/history/warn.%d{yyyyMMdd}-%i.log</FileNamePattern>
+            <maxHistory>${logger.max.history:-30}</maxHistory>
+            <maxFileSize>50MB</maxFileSize>
+        </rollingPolicy>
+        <encoder>
+            <charset>UTF-8</charset>
+            <Pattern>%d [%thread] %-5level %logger{36} %line - %msg%n</Pattern>
+        </encoder>
+    </appender>
+
+    <appender name="consoleAsyncAppender" class="ch.qos.logback.classic.AsyncAppender">
+        <filter class="ch.qos.logback.classic.filter.ThresholdFilter">
+            <level>DEBUG</level>
+        </filter>
+        <queueSize>10000</queueSize>
+        <appender-ref ref="console"/>
+    </appender>
+
+    <appender name="traceAsyncAppender" class="ch.qos.logback.classic.AsyncAppender">
+        <filter class="ch.qos.logback.classic.filter.ThresholdFilter">
+            <level>DEBUG</level>
+        </filter>
+        <queueSize>10000</queueSize>
+        <appender-ref ref="traceAppender"/>
+    </appender>
+
+
+    <appender name="debugAsyncAppender" class="ch.qos.logback.classic.AsyncAppender">
+        <filter class="ch.qos.logback.classic.filter.ThresholdFilter">
+            <level>DEBUG</level>
+        </filter>
+        <queueSize>10000</queueSize>
+        <appender-ref ref="debugAppender"/>
+    </appender>
+
+    <appender name="infoAsyncAppender" class="ch.qos.logback.classic.AsyncAppender">
+        <filter class="ch.qos.logback.classic.filter.ThresholdFilter">
+            <level>INFO</level>
+        </filter>
+        <queueSize>10000</queueSize>
+        <appender-ref ref="infoAppender"/>
+    </appender>
+
+    <appender name="errorAsyncAppender" class="ch.qos.logback.classic.AsyncAppender">
+        <filter class="ch.qos.logback.classic.filter.ThresholdFilter">
+            <level>ERROR</level>
+        </filter>
+        <queueSize>10000</queueSize>
+        <includeCallerData>true</includeCallerData>
+        <appender-ref ref="errorAppender"/>
+    </appender>
+
+    <appender name="warnAsyncAppender" class="ch.qos.logback.classic.AsyncAppender">
+        <filter class="ch.qos.logback.classic.filter.ThresholdFilter">
+            <level>WARN</level>
+        </filter>
+        <queueSize>10000</queueSize>
+        <includeCallerData>true</includeCallerData>
+        <appender-ref ref="warnAppender"/>
+    </appender>
+
+    <root level="INFO">
+        <appender-ref ref="infoAsyncAppender"/>
+        <appender-ref ref="console"/>
+    </root>
+
+    <logger name="cn.cordys" additivity="false" level="${logback.level:INFO}">
+        <appender-ref ref="traceAsyncAppender"/>
+        <appender-ref ref="infoAsyncAppender"/>
+        <appender-ref ref="warnAsyncAppender"/>
+        <appender-ref ref="errorAsyncAppender"/>
+    </logger>
+
+    <logger name="cn.cordys.crm.TestApplication" additivity="false" level="${logback.level:INFO}">
+        <appender-ref ref="infoAsyncAppender"/>
+    </logger>
+
+</configuration>
diff --git a/backend/framework/README.md b/backend/framework/README.md
new file mode 100755
index 0000000..29d5873
--- /dev/null
+++ b/backend/framework/README.md
@@ -0,0 +1,180 @@
+# 框架通用模块使用说明
+
+## 目录
+
+- [概述](#概述)
+- [模块结构](#模块结构)
+- [使用指南](#使用指南)
+    - [AOP 支持](#aop-支持)
+    - [公共功能](#公共功能)
+    - [MyBatis 配置](#mybatis-配置)
+    - [文件处理](#文件处理)
+    - [安全性管理](#安全性管理)
+
+## 概述
+
+本框架是一个企业级应用开发基础设施，提供了多种常用功能模块，包括 AOP 支持、公共工具类、MyBatis 增强、文件处理、安全性管理等。框架旨在简化开发流程，提高代码质量和开发效率。
+
+## 模块结构
+
+```
+framework/
+├── aop/            # AOP 相关功能
+├── common/         # 公共功能
+├── config/         # 配置相关
+├── file/           # 文件处理
+├── mybatis/        # MyBatis 增强
+└── security/       # 安全性管理
+```
+
+## 使用指南
+
+### AOP 支持
+
+AOP 模块提供了面向切面编程的基础设施，包含以下子模块：
+
+| 子模块 | 说明 |
+|--------|------|
+| annotation | 定义 AOP 功能的注解 |
+| aspect | 实现切面逻辑 |
+| builder | 提供构建器模式工具 |
+| constants | 定义常量，避免硬编码 |
+| dto | 数据传输对象 |
+| event | 定义 AOP 相关事件 |
+
+#### 使用示例
+
+##### 1. 基础日志记录
+
+```java
+@OperationLog(
+    module = LogModule.SYSTEM,
+    type = LogType.ADD,
+    operator = "{{#user.name}}",
+    resourceId = "{{#user.id}}",
+    success = "添加用户成功",
+    extra = "{{#newUser}}"
+)
+public void addUser(User user) {
+    // 业务代码
+    
+    // 添加日志上下文
+    OperationLogContext.putVariable("newUser", LogExtraDTO.builder()
+            .originalValue(null)
+            .modifiedValue(user)
+            .build());
+}
+```
+
+说明：
+- `resourceId`：业务资源的 ID
+- `success`：方法调用成功后记录的日志内容
+- 双大括号 `{{}}` 中的内容是 SpEL 表达式，支持调用静态方法、三目表达式等
+
+##### 2. 成功/失败日志记录
+
+```java
+@OperationLog(
+    fail = "业务操作失败，失败原因：「{{#_errorMsg}}」",
+    success = "业务操作成功",
+    operator = "{{#user.name}}",
+    type = LogType.ADD,
+    resourceId = "{{#biz.id}}"
+)
+public boolean create(BizObj obj) {
+    OperationLogContext.putVariable("innerOrder", LogExtraDTO.builder()
+            .originalValue(obj)
+            .modifiedValue(obj)
+            .build());
+    return true;
+}
+```
+
+- `#_errorMsg` 是方法抛出异常后自动获取的错误信息
+
+##### 3. 多条日志记录
+
+```java
+@OperationLog(
+    module = LogModule.SYSTEM,
+    type = LogType.UPDATE,
+    operator = "{{#user.name}}",
+    resourceId = "{{#user.id}}",
+    success = "更新用户基本信息成功",
+    extra = "{{#upUser}}"
+)
+@OperationLog(
+    module = LogModule.SYSTEM,
+    type = LogType.UPDATE,
+    operator = "{{#user.name}}",
+    resourceId = "{{#user.id}}",
+    success = "更新用户权限成功",
+    extra = "{{#upPermission}}"
+)
+public void updateUser(User user) {
+    // 更新用户
+    User preUser = userMapper.selectByPrimaryKey(user.getId());
+    
+    // 添加日志上下文
+    OperationLogContext.putVariable("upUser", LogExtraDTO.builder()
+            .originalValue(preUser)
+            .modifiedValue(user)
+            .build());
+}
+```
+
+### 公共功能
+
+公共功能模块提供了常用工具和基础功能：
+
+- **constants**：常量定义，避免魔法值
+- **exception**：自定义异常体系
+- **groups**：分组管理
+- **pager**：分页查询功能
+- **response**：统一响应格式
+- **uid**：唯一标识符生成
+- **util**：工具类（包含加密、编码等）
+
+### MyBatis 配置
+
+MyBatis 配置模块增强了 MyBatis 的功能：
+
+- **interceptor**：自定义拦截器
+- **lambda**：Lambda 表达式支持，简化查询构建
+
+#### 使用示例
+
+```java
+@Resource
+private BaseMapper<User> userMapper;
+
+// Lambda 查询示例
+List<User> userList = userMapper.selectListByLambda(
+    new LambdaQueryWrapper<User>()
+        .eq(User::getId, "admin")
+);
+```
+
+自动生成的 SQL：
+```sql
+SELECT * FROM user WHERE id = 'admin'
+```
+
+### 文件处理
+
+文件处理模块提供了文件操作相关功能：
+
+- **engine**：文件引擎，支持文件上传、下载、存储等操作
+
+### 安全性管理
+
+安全性管理模块提供了身份验证、授权和加密等功能：
+
+- 身份验证
+- 权限控制
+- 数据加密
+- 安全审计
+
+## 更多信息
+
+更多详细信息和高级用法，请参阅各模块的详细文档或源代码注释。
\ No newline at end of file
diff --git a/backend/framework/pom.xml b/backend/framework/pom.xml
new file mode 100644
index 0000000..4ef437c
--- /dev/null
+++ b/backend/framework/pom.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+
+    <parent>
+        <groupId>cn.cordys</groupId>
+        <artifactId>backend</artifactId>
+        <version>${revision}</version>
+    </parent>
+
+    <artifactId>framework</artifactId>
+    <version>${revision}</version>
+</project>
diff --git a/backend/framework/src/main/java/cn/cordys/aspectj/annotation/OperationLog.java b/backend/framework/src/main/java/cn/cordys/aspectj/annotation/OperationLog.java
new file mode 100644
index 0000000..c25beff
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/aspectj/annotation/OperationLog.java
@@ -0,0 +1,48 @@
+package cn.cordys.aspectj.annotation;
+
+import cn.cordys.aspectj.constants.LogModule;
+import cn.cordys.aspectj.constants.LogType;
+
+import java.lang.annotation.*;
+
+/**
+ * @author mr.zhao
+ */
+@Repeatable(OperationLogs.class)
+@Target({ElementType.METHOD, ElementType.TYPE})
+@Retention(RetentionPolicy.RUNTIME)
+@Inherited
+@Documented
+public @interface OperationLog {
+    /**
+     * @return 日志的操作人
+     * 没填，默认从 session 中获取
+     */
+    String operator() default "";
+
+    /**
+     * @return 操作日志的类型，如：新增、修改、删除
+     * {@link LogType}
+     */
+    String type();
+
+    /**
+     * @return 业务模块名
+     * {@link LogModule}
+     */
+    String module() default "";
+
+    /**
+     * @return 日志绑定的业务标识
+     * 可以在注解中设置，也可以在 LogContextInfo 中设置
+     * 优先级低于 LogContextInfo
+     */
+    String resourceId() default "";
+
+    /**
+     * @return 操作对象的名称
+     * 可以在注解中设置，也可以在 LogContextInfo 中设置
+     * 优先级低于 LogContextInfo
+     */
+    String resourceName() default "";
+}
diff --git a/backend/framework/src/main/java/cn/cordys/aspectj/annotation/OperationLogs.java b/backend/framework/src/main/java/cn/cordys/aspectj/annotation/OperationLogs.java
new file mode 100644
index 0000000..e401e49
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/aspectj/annotation/OperationLogs.java
@@ -0,0 +1,12 @@
+package cn.cordys.aspectj.annotation;
+
+import java.lang.annotation.*;
+
+@Target(ElementType.METHOD)
+@Retention(RetentionPolicy.RUNTIME)
+@Inherited
+@Documented
+public @interface OperationLogs {
+    OperationLog[] value();
+}
+
diff --git a/backend/framework/src/main/java/cn/cordys/aspectj/aop/OperationLogAopAdvisor.java b/backend/framework/src/main/java/cn/cordys/aspectj/aop/OperationLogAopAdvisor.java
new file mode 100644
index 0000000..a0fe087
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/aspectj/aop/OperationLogAopAdvisor.java
@@ -0,0 +1,78 @@
+package cn.cordys.aspectj.aop;
+
+import lombok.Setter;
+import org.springframework.aop.Pointcut;
+import org.springframework.aop.support.AbstractBeanFactoryPointcutAdvisor;
+import org.springframework.aop.support.StaticMethodMatcherPointcut;
+import org.springframework.core.Ordered;
+import org.springframework.util.CollectionUtils;
+
+import java.io.Serializable;
+import java.lang.reflect.Method;
+import java.util.regex.Pattern;
+
+/**
+ * BeanFactoryLogRecordAdvisor with LogRecordPointcut
+ * <p>
+ * 结合了日志记录切点与通知的定义，提供一个完整的日志记录拦截功能。
+ * 通过配置 `LogRecordOperationSource` 和自定义的 `LogRecordPointcut` 来判断
+ * 哪些方法需要进行日志记录操作。
+ * </p>
+ */
+@Setter
+public class OperationLogAopAdvisor extends AbstractBeanFactoryPointcutAdvisor implements Serializable, Ordered {
+
+    /**
+     * 日志记录操作源，用于获取方法的日志记录操作配置。
+     */
+    private OperationLogSource operationLogSource;
+
+    /**
+     * 获取切面优先级，值越小优先级越高
+     * 设置较高优先级，确保 @OperationLog 切面在其他切面之前执行
+     */
+    @Override
+    public int getOrder() {
+        return Ordered.HIGHEST_PRECEDENCE + 10;
+    }
+
+    /**
+     * 获取日志记录的切点，用于定义拦截哪些方法。
+     *
+     * @return 返回定义的切点对象
+     */
+    @Override
+    public Pointcut getPointcut() {
+        return new LogRecordPointcut(operationLogSource);
+    }
+
+    /**
+     * 自定义日志记录切点，用于判断哪些方法需要进行日志记录操作。
+     */
+    private static class LogRecordPointcut extends StaticMethodMatcherPointcut implements Serializable {
+
+        private final OperationLogSource operationLogSource;
+
+        public LogRecordPointcut(OperationLogSource operationLogSource) {
+            this.operationLogSource = operationLogSource;
+        }
+
+        @Override
+        public boolean matches(Method method, Class<?> targetClass) {
+            // 定义支持通配符的包名模式
+            // todo: 后续需要修改
+            String packagePattern = "cn.cordys\\..*\\.service";
+
+            // 获取目标类的包名
+            String targetPackage = targetClass.getPackage().getName();
+
+            // 使用正则表达式匹配包名
+            if (!Pattern.matches(packagePattern, targetPackage)) {
+                return false;
+            }
+
+            // 检查方法是否有日志操作配置
+            return !CollectionUtils.isEmpty(operationLogSource.computeLogRecordOperations(method, targetClass));
+        }
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/aspectj/aop/OperationLogSource.java b/backend/framework/src/main/java/cn/cordys/aspectj/aop/OperationLogSource.java
new file mode 100644
index 0000000..c30723e
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/aspectj/aop/OperationLogSource.java
@@ -0,0 +1,151 @@
+package cn.cordys.aspectj.aop;
+
+import cn.cordys.aspectj.annotation.OperationLog;
+import cn.cordys.aspectj.annotation.OperationLogs;
+import cn.cordys.aspectj.builder.OperationLogBuilder;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.dto.LogContextInfo;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.core.BridgeMethodResolver;
+import org.springframework.core.annotation.AnnotatedElementUtils;
+import org.springframework.util.ClassUtils;
+import org.springframework.util.ConcurrentReferenceHashMap;
+
+import java.lang.reflect.AnnotatedElement;
+import java.lang.reflect.Method;
+import java.lang.reflect.Modifier;
+import java.util.*;
+import java.util.stream.Collectors;
+
+/**
+ * 该类负责解析和计算基于注解的日志记录操作。
+ */
+public class OperationLogSource {
+
+    /**
+     * 缓存方法与其对应接口方法的映射关系。
+     */
+    private static final Map<Method, Method> INTERFACE_METHOD_CACHE = new ConcurrentReferenceHashMap<>(256);
+
+    /**
+     * 确定给定方法对应的接口方法（如果可能）。
+     *
+     * @param method 要处理的方法
+     *
+     * @return 对应的接口方法，如果不存在则返回原方法
+     */
+    public static Method getInterfaceMethodIfPossible(Method method) {
+        if (!Modifier.isPublic(method.getModifiers()) || method.getDeclaringClass().isInterface()) {
+            return method;
+        }
+        return INTERFACE_METHOD_CACHE.computeIfAbsent(method, key -> {
+            Class<?> current = key.getDeclaringClass();
+            while (current != null && current != Object.class) {
+                for (Class<?> ifc : current.getInterfaces()) {
+                    try {
+                        return ifc.getMethod(key.getName(), key.getParameterTypes());
+                    } catch (NoSuchMethodException ex) {
+                        // 忽略异常
+                    }
+                }
+                current = current.getSuperclass();
+            }
+            return key;
+        });
+    }
+
+    /**
+     * 根据指定的方法和目标类计算日志记录操作。
+     *
+     * @param method      要分析的方法
+     * @param targetClass 目标类
+     *
+     * @return 日志记录构建器的集合
+     */
+    public Collection<OperationLogBuilder> computeLogRecordOperations(Method method, Class<?> targetClass) {
+        if (!Modifier.isPublic(method.getModifiers())) {
+            return Collections.emptyList();
+        }
+
+        Method specificMethod = ClassUtils.getMostSpecificMethod(method, targetClass);
+        specificMethod = BridgeMethodResolver.findBridgedMethod(specificMethod);
+
+        Collection<OperationLogBuilder> logRecordOps = parseLogRecordAnnotations(specificMethod);
+        Collection<OperationLogBuilder> logRecordsOps = parseLogRecordsAnnotations(specificMethod);
+        Collection<OperationLogBuilder> abstractLogRecordOps = parseLogRecordAnnotations(getInterfaceMethodIfPossible(method));
+        Collection<OperationLogBuilder> abstractLogRecordsOps = parseLogRecordsAnnotations(getInterfaceMethodIfPossible(method));
+
+        Set<OperationLogBuilder> result = new HashSet<>();
+        result.addAll(logRecordOps);
+        result.addAll(abstractLogRecordOps);
+        result.addAll(logRecordsOps);
+        result.addAll(abstractLogRecordsOps);
+        return result;
+    }
+
+    /**
+     * 解析方法上的 {@code LogRecords} 注解。
+     *
+     * @param ae 被注解的元素
+     *
+     * @return 日志记录构建器的集合
+     */
+    private Collection<OperationLogBuilder> parseLogRecordsAnnotations(AnnotatedElement ae) {
+        return AnnotatedElementUtils.findAllMergedAnnotations(ae, OperationLogs.class).stream()
+                .flatMap(operationLogs -> Arrays.stream(operationLogs.value())
+                        .map(logRecord -> parseLogRecordAnnotation(ae, logRecord)))
+                .collect(Collectors.toList());
+    }
+
+    /**
+     * 解析方法上的 {@code LogRecord} 注解。
+     *
+     * @param ae 被注解的元素
+     *
+     * @return 日志记录构建器的集合
+     */
+    private Collection<OperationLogBuilder> parseLogRecordAnnotations(AnnotatedElement ae) {
+        return AnnotatedElementUtils.findAllMergedAnnotations(ae, OperationLog.class).stream()
+                .map(recordAnnotation -> parseLogRecordAnnotation(ae, recordAnnotation))
+                .collect(Collectors.toList());
+    }
+
+    /**
+     * 将 {@code LogRecord} 注解转换为日志记录构建器。
+     *
+     * @param ae               被注解的元素
+     * @param recordAnnotation {@code LogRecord} 注解
+     *
+     * @return 日志记录构建器
+     */
+    private OperationLogBuilder parseLogRecordAnnotation(AnnotatedElement ae, OperationLog recordAnnotation) {
+        return OperationLogBuilder.builder()
+                .resourceName(recordAnnotation.resourceName())
+                .type(recordAnnotation.type())
+                .resourceId(recordAnnotation.resourceId())
+                .operatorId(recordAnnotation.operator())
+                .subType(recordAnnotation.module())
+                .build();
+    }
+
+    /**
+     * 验证日志记录操作配置是否合法。
+     *
+     * @param recordOps 日志记录构建器
+     *
+     * @throws IllegalStateException 如果配置不合法
+     */
+    public boolean isLogRecordOperationValidated(OperationLogBuilder recordOps) {
+        LogContextInfo extra = OperationLogContext.getContext();
+        String resourceName = recordOps.getResourceName();
+        String resourceId = recordOps.getResourceId();
+        if (extra != null && StringUtils.isNotBlank(extra.getResourceName())) {
+            resourceName = extra.getResourceName();
+        }
+        if (extra != null && StringUtils.isNotBlank(extra.getResourceId())) {
+            resourceId = extra.getResourceId();
+        }
+
+        return !StringUtils.isBlank(resourceName) && !StringUtils.isBlank(resourceId);
+    }
+}
\ No newline at end of file
diff --git a/backend/framework/src/main/java/cn/cordys/aspectj/aop/OperationOperationLogInterceptor.java b/backend/framework/src/main/java/cn/cordys/aspectj/aop/OperationOperationLogInterceptor.java
new file mode 100644
index 0000000..f4839c7
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/aspectj/aop/OperationOperationLogInterceptor.java
@@ -0,0 +1,201 @@
+package cn.cordys.aspectj.aop;
+
+import cn.cordys.aspectj.builder.MethodExecuteResult;
+import cn.cordys.aspectj.builder.OperationLog;
+import cn.cordys.aspectj.builder.OperationLogBuilder;
+import cn.cordys.aspectj.builder.parse.OperationLogValueParser;
+import cn.cordys.aspectj.constants.CodeVariableType;
+import cn.cordys.aspectj.context.OperationLogContext;
+import cn.cordys.aspectj.handler.OperationLogService;
+import cn.cordys.common.util.CommonBeanFactory;
+import cn.cordys.security.SessionUtils;
+import lombok.Setter;
+import lombok.extern.slf4j.Slf4j;
+import org.aopalliance.intercept.MethodInterceptor;
+import org.aopalliance.intercept.MethodInvocation;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.aop.framework.AopProxyUtils;
+import org.springframework.aop.support.AopUtils;
+import org.springframework.beans.factory.SmartInitializingSingleton;
+import org.springframework.util.CollectionUtils;
+
+import java.io.Serializable;
+import java.lang.reflect.Method;
+import java.util.*;
+import java.util.stream.Collectors;
+
+/**
+ * 日志记录拦截器，拦截方法执行并生成日志记录。
+ * <p>
+ * 该类支持基于注解的日志模板解析，能够在方法执行的前后记录业务操作日志。
+ * </p>
+ */
+@Slf4j
+public class OperationOperationLogInterceptor extends OperationLogValueParser implements MethodInterceptor, Serializable, SmartInitializingSingleton {
+
+    @Setter
+    private OperationLogSource operationLogSource;
+
+    private OperationLogService operationLogService;
+
+    /**
+     * 拦截方法执行，进行日志记录逻辑的处理。
+     *
+     * @param invocation 方法调用上下文
+     *
+     * @return 方法执行结果
+     *
+     * @throws Throwable 执行过程中的异常
+     */
+    @Override
+    public Object invoke(MethodInvocation invocation) throws Throwable {
+        Method method = invocation.getMethod();
+        return execute(invocation, invocation.getThis(), method, invocation.getArguments());
+    }
+
+    /**
+     * 核心执行逻辑：完成方法调用并处理日志记录。
+     *
+     * @param invoker 方法调用上下文
+     * @param target  目标对象
+     * @param method  目标方法
+     * @param args    方法参数
+     *
+     * @return 方法的返回结果
+     *
+     * @throws Throwable 执行过程中的异常
+     */
+    private Object execute(MethodInvocation invoker, Object target, Method method, Object[] args) throws Throwable {
+        if (AopUtils.isAopProxy(target)) {
+            return invoker.proceed();
+        }
+
+        Class<?> targetClass = getTargetClass(target);
+        Object ret = null;
+        MethodExecuteResult methodExecuteResult = new MethodExecuteResult(method, args, targetClass);
+        OperationLogContext.putEmptySpan();
+        Collection<OperationLogBuilder> operations = new ArrayList<>();
+        try {
+            operations = operationLogSource.computeLogRecordOperations(method, targetClass);
+        } catch (Exception e) {
+            log.error("日志解析异常", e);
+        }
+
+        try {
+            ret = invoker.proceed();
+            methodExecuteResult.setResult(ret);
+            methodExecuteResult.setSuccess(true);
+        } catch (Exception e) {
+            methodExecuteResult.setSuccess(false);
+            methodExecuteResult.setThrowable(e);
+            methodExecuteResult.setErrorMsg(e.getMessage());
+        }
+
+        processLogRecords(methodExecuteResult, operations);
+
+        if (methodExecuteResult.getThrowable() != null) {
+            throw methodExecuteResult.getThrowable();
+        }
+
+        return ret;
+    }
+
+    /**
+     * 处理日志记录逻辑，根据方法执行结果生成操作日志。
+     *
+     * @param methodExecuteResult 方法执行结果
+     * @param operations          日志操作集合
+     */
+    private void processLogRecords(MethodExecuteResult methodExecuteResult, Collection<OperationLogBuilder> operations) {
+        if (CollectionUtils.isEmpty(operations)) {
+            return;
+        }
+
+        for (OperationLogBuilder operation : operations) {
+            try {
+                if (!operationLogSource.isLogRecordOperationValidated(operation)) {
+                    continue;
+                }
+
+                if (methodExecuteResult.isSuccess()) {
+                    handleSuccessLog(methodExecuteResult, operation);
+                }
+            } catch (Exception e) {
+                log.error("日志执行异常", e);
+            }
+        }
+    }
+
+    /**
+     * 处理成功的日志记录。
+     *
+     * @param methodExecuteResult 方法执行结果
+     * @param operation           日志操作信息
+     */
+    private void handleSuccessLog(MethodExecuteResult methodExecuteResult, OperationLogBuilder operation) {
+        List<String> templates = getSpElTemplates(operation);
+        String operatorId = resolveOperatorId(operation, templates);
+        Map<String, String> expressionValues = processTemplate(templates, methodExecuteResult);
+
+        saveLogRecord(methodExecuteResult.getMethod(), operation, operatorId, expressionValues);
+    }
+
+    /**
+     * 保存日志记录。
+     *
+     * @param method           方法对象
+     * @param operation        日志操作信息
+     * @param operatorId       操作人 ID
+     * @param expressionValues 模板解析后的值
+     */
+    private void saveLogRecord(Method method, OperationLogBuilder operation, String operatorId, Map<String, String> expressionValues) {
+        OperationLog operationLog = OperationLog.builder()
+                .type(expressionValues.get(operation.getType()))
+                .resourceId(expressionValues.get(operation.getResourceId()))
+                .resourceName(expressionValues.get(operation.getResourceName()))
+                .operator(expressionValues.get(operatorId))
+                .subType(expressionValues.get(operation.getSubType()))
+                .codeVariable(resolveCodeVariable(method))
+                .createTime(new Date())
+                .build();
+
+        operationLogService.record(operationLog);
+    }
+
+    private Map<CodeVariableType, Object> resolveCodeVariable(Method method) {
+        return Map.of(
+                CodeVariableType.ClassName, method.getDeclaringClass(),
+                CodeVariableType.MethodName, method.getName()
+        );
+    }
+
+    private String resolveOperatorId(OperationLogBuilder operation, List<String> templates) {
+        if (StringUtils.isEmpty(operation.getOperatorId())) {
+            // 如果没有标注操作人，则获取登入用户
+            operation.setOperatorId(SessionUtils.getUserId());
+        }
+        templates.add(operation.getOperatorId());
+        return operation.getOperatorId();
+    }
+
+    private Class<?> getTargetClass(Object target) {
+        return AopProxyUtils.ultimateTargetClass(target);
+    }
+
+    private List<String> getSpElTemplates(OperationLogBuilder operation) {
+        List<String> spElTemplates = new ArrayList<>();
+        spElTemplates.add(operation.getType());
+        spElTemplates.add(operation.getResourceId());
+        spElTemplates.add(operation.getResourceName());
+        spElTemplates.add(operation.getSubType());
+        return spElTemplates.stream()
+                .filter(Objects::nonNull)
+                .collect(Collectors.toList());
+    }
+
+    @Override
+    public void afterSingletonsInstantiated() {
+        operationLogService = CommonBeanFactory.getBean(OperationLogService.class);
+    }
+
+}
diff --git a/backend/framework/src/main/java/cn/cordys/aspectj/builder/LogDTOBuilder.java b/backend/framework/src/main/java/cn/cordys/aspectj/builder/LogDTOBuilder.java
new file mode 100644
index 0000000..bf32325
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/aspectj/builder/LogDTOBuilder.java
@@ -0,0 +1,68 @@
+package cn.cordys.aspectj.builder;
+
+import cn.cordys.aspectj.dto.LogDTO;
+import lombok.Builder;
+import lombok.Getter;
+import lombok.Setter;
+
+/**
+ * <p>用于构建 {@link LogDTO} 的建造者类。</p>
+ * <p>通过 {@link Builder} 模式构建 {@link LogDTO} 对象，确保日志数据的完整性和一致性。</p>
+ */
+@Getter
+@Setter
+@Builder
+public class LogDTOBuilder {
+
+    /**
+     * 组织ID
+     */
+    private String organizationId;
+
+    /**
+     * 来源ID
+     */
+    private String sourceId;
+
+    /**
+     * 创建用户
+     */
+    private String createUser;
+
+    /**
+     * 日志类型
+     */
+    private String type;
+
+    /**
+     * 方法名
+     */
+    private String method;
+
+    /**
+     * 模块名
+     */
+    private String module;
+
+    /**
+     * 日志内容
+     */
+    private String content;
+
+    /**
+     * 请求路径
+     */
+    private String path;
+
+    /**
+     * 构建 {@link LogDTO} 对象
+     *
+     * @return {@link LogDTO} 对象
+     */
+    public LogDTO getLogDTO() {
+        LogDTO logDTO = new LogDTO(organizationId, sourceId, createUser, type, module, content);
+        logDTO.setPath(path);
+        logDTO.setMethod(method);
+        return logDTO;
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/aspectj/builder/MethodExecuteResult.java b/backend/framework/src/main/java/cn/cordys/aspectj/builder/MethodExecuteResult.java
new file mode 100644
index 0000000..be03399
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/aspectj/builder/MethodExecuteResult.java
@@ -0,0 +1,28 @@
+package cn.cordys.aspectj.builder;
+
+import lombok.Getter;
+import lombok.Setter;
+
+import java.lang.reflect.Method;
+
+@Getter
+public class MethodExecuteResult {
+    private final Method method;
+    private final Object[] args;
+    private final Class<?> targetClass;
+    @Setter
+    private boolean success;
+    @Setter
+    private Throwable throwable;
+    @Setter
+    private String errorMsg;
+    @Setter
+    private Object result;
+
+    public MethodExecuteResult(Method method, Object[] args, Class<?> targetClass) {
+        this.method = method;
+        this.args = args;
+        this.targetClass = targetClass;
+    }
+
+}
diff --git a/backend/framework/src/main/java/cn/cordys/aspectj/builder/OperationLog.java b/backend/framework/src/main/java/cn/cordys/aspectj/builder/OperationLog.java
new file mode 100644
index 0000000..4cf15cb
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/aspectj/builder/OperationLog.java
@@ -0,0 +1,79 @@
+package cn.cordys.aspectj.builder;
+
+import cn.cordys.aspectj.constants.CodeVariableType;
+import jakarta.validation.constraints.NotBlank;
+import lombok.*;
+import org.hibernate.validator.constraints.Length;
+
+import java.io.Serializable;
+import java.util.Date;
+import java.util.Map;
+
+@Setter
+@Getter
+@Builder
+@AllArgsConstructor
+@NoArgsConstructor
+@ToString
+public class OperationLog {
+
+    /**
+     * id
+     */
+    private Serializable id;
+    /**
+     * 保存的操作日志的类型，比如：订单类型、商品类型
+     **/
+    @NotBlank(message = "type required")
+    @Length(max = 200, message = "type max length is 200")
+    private String type;
+
+    /**
+     * 日志的子类型，比如订单的C端日志，和订单的B端日志，type都是订单类型，但是子类型不一样
+     */
+    private String subType;
+
+    /**
+     * 日志绑定的业务标识
+     */
+    @NotBlank(message = "resourceId required")
+    @Length(max = 100, message = "resourceId max length is 100")
+    private String resourceId;
+
+    /**
+     * 操作对象的名称
+     */
+    @NotBlank(message = "resourceName name")
+    private String resourceName;
+
+    /**
+     * 日志详情
+     */
+    @NotBlank(message = "日志详情（非对比的日志详情）")
+    private String detail;
+
+    /**
+     * 操作人
+     */
+    @NotBlank(message = "operator required")
+    @Length(max = 50, message = "operator max length 50")
+    private String operator;
+
+    /**
+     * 日志内容
+     */
+    @NotBlank(message = "opAction required")
+    @Length(max = 500, message = "operator max length 500")
+    private String action;
+
+    /**
+     * 日志的创建时间
+     */
+    private Date createTime;
+
+    /**
+     * 打印日志的代码信息
+     * CodeVariableType 日志记录的ClassName、MethodName
+     */
+    private Map<CodeVariableType, Object> codeVariable;
+}
\ No newline at end of file
diff --git a/backend/framework/src/main/java/cn/cordys/aspectj/builder/OperationLogBuilder.java b/backend/framework/src/main/java/cn/cordys/aspectj/builder/OperationLogBuilder.java
new file mode 100644
index 0000000..0e96350
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/aspectj/builder/OperationLogBuilder.java
@@ -0,0 +1,15 @@
+package cn.cordys.aspectj.builder;
+
+import lombok.Builder;
+import lombok.Data;
+
+@Data
+@Builder
+public class OperationLogBuilder {
+    private String resourceId;
+    private String resourceName;
+    private String operatorId;
+    private String type;
+    private String subType;
+    private String extra;
+}
diff --git a/backend/framework/src/main/java/cn/cordys/aspectj/builder/parse/OperationLogEvaluationContext.java b/backend/framework/src/main/java/cn/cordys/aspectj/builder/parse/OperationLogEvaluationContext.java
new file mode 100644
index 0000000..89d7236
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/aspectj/builder/parse/OperationLogEvaluationContext.java
@@ -0,0 +1,52 @@
+package cn.cordys.aspectj.builder.parse;
+
+import cn.cordys.aspectj.context.OperationLogContext;
+import org.springframework.context.expression.MethodBasedEvaluationContext;
+import org.springframework.core.ParameterNameDiscoverer;
+
+import java.lang.reflect.Method;
+import java.util.Map;
+
+/**
+ * 自定义的日志记录表达式上下文类，继承自 {@link MethodBasedEvaluationContext}，用于处理方法日志记录时的上下文。
+ * 该类在构造时会将方法参数、返回值、错误信息以及全局变量和当前上下文的变量注入到表达式上下文中，
+ * 以便在日志记录时进行动态解析。
+ */
+public class OperationLogEvaluationContext extends MethodBasedEvaluationContext {
+
+    /**
+     * 构造方法，初始化日志记录表达式上下文。
+     *
+     * @param method                  被调用的方法
+     * @param arguments               方法参数
+     * @param parameterNameDiscoverer 参数名称发现器
+     * @param ret                     方法返回值
+     * @param errorMsg                错误信息
+     */
+    public OperationLogEvaluationContext(Object target, Method method, Object[] arguments,
+                                         ParameterNameDiscoverer parameterNameDiscoverer, Object ret, String errorMsg) {
+        // 调用父类构造方法初始化
+        super(target, method, arguments, parameterNameDiscoverer);
+
+        // 获取日志记录上下文中的变量
+        Map<String, Object> variables = OperationLogContext.getVariables();
+        Map<String, Object> globalVariables = OperationLogContext.getGlobalVariableMap();
+
+        // 设置当前上下文中的变量
+        setVariables(variables);
+
+        // 如果全局变量不为空，将其添加到上下文中
+        if (!globalVariables.isEmpty()) {
+            for (Map.Entry<String, Object> entry : globalVariables.entrySet()) {
+                // 如果当前上下文中没有该变量，则设置该变量
+                if (lookupVariable(entry.getKey()) == null) {
+                    setVariable(entry.getKey(), entry.getValue());
+                }
+            }
+        }
+
+        // 设置返回值和错误信息变量
+        setVariable("_ret", ret);
+        setVariable("_errorMsg", errorMsg);
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/aspectj/builder/parse/OperationLogExpressionEvaluator.java b/backend/framework/src/main/java/cn/cordys/aspectj/builder/parse/OperationLogExpressionEvaluator.java
new file mode 100644
index 0000000..e282168
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/aspectj/builder/parse/OperationLogExpressionEvaluator.java
@@ -0,0 +1,50 @@
+package cn.cordys.aspectj.builder.parse;
+
+import org.springframework.aop.support.AopUtils;
+import org.springframework.beans.factory.BeanFactory;
+import org.springframework.context.expression.AnnotatedElementKey;
+import org.springframework.context.expression.BeanFactoryResolver;
+import org.springframework.context.expression.CachedExpressionEvaluator;
+import org.springframework.expression.EvaluationContext;
+import org.springframework.expression.Expression;
+
+import java.lang.reflect.Method;
+import java.util.Map;
+import java.util.concurrent.ConcurrentHashMap;
+
+public class OperationLogExpressionEvaluator extends CachedExpressionEvaluator {
+
+    private final Map<AnnotatedElementKey, Method> targetMethodCache = new ConcurrentHashMap<>(64);
+    private final Map<ExpressionKey, Expression> expressionCache = new ConcurrentHashMap<>(64);
+
+    public Object parseExpression(String conditionExpression, AnnotatedElementKey methodKey, EvaluationContext evalContext) {
+        return getExpression(this.expressionCache, methodKey, conditionExpression).getValue(evalContext, Object.class);
+    }
+
+    /**
+     * Create an {@link EvaluationContext}.
+     *
+     * @param method      the method
+     * @param args        the method arguments
+     * @param targetClass the target class
+     * @param result      the return value (can be {@code null}) or
+     * @param errorMsg    errorMsg
+     * @param beanFactory Spring beanFactory
+     *
+     * @return the evaluation context
+     */
+    public EvaluationContext createEvaluationContext(Method method, Object[] args, Class<?> targetClass,
+                                                     Object result, String errorMsg, BeanFactory beanFactory) {
+        Method targetMethod = getTargetMethod(targetClass, method);
+        OperationLogEvaluationContext evaluationContext = new OperationLogEvaluationContext(targetClass, targetMethod, args, getParameterNameDiscoverer(), result, errorMsg);
+        if (beanFactory != null) {
+            evaluationContext.setBeanResolver(new BeanFactoryResolver(beanFactory));
+        }
+        return evaluationContext;
+    }
+
+    private Method getTargetMethod(Class<?> targetClass, Method method) {
+        AnnotatedElementKey methodKey = new AnnotatedElementKey(method, targetClass);
+        return targetMethodCache.computeIfAbsent(methodKey, k -> AopUtils.getMostSpecificMethod(method, targetClass));
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/aspectj/builder/parse/OperationLogValueParser.java b/backend/framework/src/main/java/cn/cordys/aspectj/builder/parse/OperationLogValueParser.java
new file mode 100644
index 0000000..8027435
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/aspectj/builder/parse/OperationLogValueParser.java
@@ -0,0 +1,57 @@
+package cn.cordys.aspectj.builder.parse;
+
+import cn.cordys.aspectj.builder.MethodExecuteResult;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.beans.BeansException;
+import org.springframework.beans.factory.BeanFactory;
+import org.springframework.beans.factory.BeanFactoryAware;
+import org.springframework.context.expression.AnnotatedElementKey;
+import org.springframework.expression.EvaluationContext;
+
+import java.util.Collection;
+import java.util.HashMap;
+import java.util.Map;
+import java.util.regex.Matcher;
+import java.util.regex.Pattern;
+
+/**
+ * 解析需要存储的日志里面的SpeEL表达式
+ */
+public class OperationLogValueParser implements BeanFactoryAware {
+
+    private static final Pattern pattern = Pattern.compile("\\{\\s*(.*?)\\s*\\}");
+    private final OperationLogExpressionEvaluator expressionEvaluator = new OperationLogExpressionEvaluator();
+    protected BeanFactory beanFactory;
+
+    public Map<String, String> processTemplate(Collection<String> templates, MethodExecuteResult methodExecuteResult) {
+        Map<String, String> expressionValues = new HashMap<>();
+        EvaluationContext evaluationContext = expressionEvaluator.createEvaluationContext(methodExecuteResult.getMethod(),
+                methodExecuteResult.getArgs(), methodExecuteResult.getTargetClass(), methodExecuteResult.getResult(),
+                methodExecuteResult.getErrorMsg(), beanFactory);
+
+        for (String expressionTemplate : templates) {
+            if (expressionTemplate.contains("{")) {
+                Matcher matcher = pattern.matcher(expressionTemplate);
+                StringBuilder parsedStr = new StringBuilder();
+                AnnotatedElementKey annotatedElementKey = new AnnotatedElementKey(methodExecuteResult.getMethod(), methodExecuteResult.getTargetClass());
+                while (matcher.find()) {
+                    String expression = matcher.group(1);
+                    Object value = expressionEvaluator.parseExpression(expression, annotatedElementKey, evaluationContext);
+                    matcher.appendReplacement(parsedStr, Matcher.quoteReplacement(value == null ? StringUtils.EMPTY : value.toString()));
+                }
+                matcher.appendTail(parsedStr);
+                expressionValues.put(expressionTemplate, parsedStr.toString());
+            } else {
+                expressionValues.put(expressionTemplate, expressionTemplate);
+            }
+
+        }
+        return expressionValues;
+    }
+
+    @Override
+    public void setBeanFactory(BeanFactory beanFactory) throws BeansException {
+        this.beanFactory = beanFactory;
+    }
+
+}
diff --git a/backend/framework/src/main/java/cn/cordys/aspectj/config/OperationLogConfig.java b/backend/framework/src/main/java/cn/cordys/aspectj/config/OperationLogConfig.java
new file mode 100644
index 0000000..a737456
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/aspectj/config/OperationLogConfig.java
@@ -0,0 +1,66 @@
+package cn.cordys.aspectj.config;
+
+import cn.cordys.aspectj.aop.OperationLogAopAdvisor;
+import cn.cordys.aspectj.aop.OperationLogSource;
+import cn.cordys.aspectj.aop.OperationOperationLogInterceptor;
+import org.springframework.beans.factory.config.BeanDefinition;
+import org.springframework.context.annotation.*;
+import org.springframework.core.type.AnnotationMetadata;
+
+/**
+ * 日志记录配置类，默认启用日志记录功能。
+ * 不依赖 @EnableLogRecord 注解，直接配置日志记录相关的切面、拦截器等。
+ */
+@Configuration
+public class OperationLogConfig implements ImportAware {
+
+    /**
+     * 创建 LogRecordOperationSource 实例，提供日志记录操作的元数据。
+     */
+    @Bean
+    @Role(BeanDefinition.ROLE_INFRASTRUCTURE)
+    public OperationLogSource logRecordOperationSource() {
+        return new OperationLogSource();
+    }
+
+    /**
+     * 创建 LogRecordAopAdvisor 实例，配置日志记录的切面和拦截器。
+     *
+     * @param operationLogInterceptor LogRecordInterceptor 实例
+     *
+     * @return LogRecordAopAdvisor 实例
+     */
+    @DependsOn("logRecordInterceptor")
+    @Bean
+    @Role(BeanDefinition.ROLE_INFRASTRUCTURE)
+    public OperationLogAopAdvisor logRecordAdvisor(OperationOperationLogInterceptor operationLogInterceptor) {
+        OperationLogAopAdvisor advisor = new OperationLogAopAdvisor();
+        advisor.setOperationLogSource(logRecordOperationSource());
+        advisor.setAdvice(operationLogInterceptor);
+        return advisor;
+    }
+
+    /**
+     * 创建 LogRecordInterceptor 实例，配置日志记录的拦截器。
+     *
+     * @return LogRecordInterceptor 实例
+     */
+    @Bean
+    @Role(BeanDefinition.ROLE_INFRASTRUCTURE)
+    public OperationOperationLogInterceptor logRecordInterceptor() {
+        OperationOperationLogInterceptor interceptor = new OperationOperationLogInterceptor();
+        interceptor.setOperationLogSource(logRecordOperationSource());
+        return interceptor;
+    }
+
+    /**
+     * 设置导入的元数据，在此处读取日志记录相关的配置。
+     *
+     * @param importMetadata 导入的元数据
+     */
+    @Override
+    public void setImportMetadata(AnnotationMetadata importMetadata) {
+        // 如果需要在导入时读取其他的配置信息，可以在这里处理
+        // log.info("Log record configuration is enabled by default");
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/aspectj/constants/CodeVariableType.java b/backend/framework/src/main/java/cn/cordys/aspectj/constants/CodeVariableType.java
new file mode 100644
index 0000000..0c4dfa4
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/aspectj/constants/CodeVariableType.java
@@ -0,0 +1,6 @@
+package cn.cordys.aspectj.constants;
+
+public enum CodeVariableType {
+    ClassName,
+    MethodName
+}
diff --git a/backend/framework/src/main/java/cn/cordys/aspectj/constants/GlobalSearchModule.java b/backend/framework/src/main/java/cn/cordys/aspectj/constants/GlobalSearchModule.java
new file mode 100644
index 0000000..7d55b09
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/aspectj/constants/GlobalSearchModule.java
@@ -0,0 +1,39 @@
+package cn.cordys.aspectj.constants;
+
+/**
+ * 全局搜索
+ */
+public class GlobalSearchModule {
+
+
+    /**
+     * 客户
+     */
+    public static final String CUSTOMER = "CUSTOMER";
+
+    /**
+     * 线索-线索
+     */
+    public static final String CLUE = "CLUE";
+    /**
+     * 线索-线索池
+     */
+    public static final String CLUE_POOL = "CLUE_MANAGEMENT";
+
+    /**
+     * 客户联系人
+     */
+    public static final String CUSTOMER_CONTACT = "CUSTOMER_CONTACT";
+
+    /**
+     * 商机
+     */
+    public static final String OPPORTUNITY = "OPPORTUNITY";
+
+
+    /**
+     * 客户公海
+     */
+    public static final String CUSTOMER_POOL = "CUSTOMER_POOL";
+
+}
diff --git a/backend/framework/src/main/java/cn/cordys/aspectj/constants/LogConstants.java b/backend/framework/src/main/java/cn/cordys/aspectj/constants/LogConstants.java
new file mode 100644
index 0000000..07023e4
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/aspectj/constants/LogConstants.java
@@ -0,0 +1,10 @@
+package cn.cordys.aspectj.constants;
+
+public class LogConstants {
+    public static final String SYSTEM = "SYSTEM";
+    public static final String ORGANIZATION = "ORGANIZATION";
+
+    public static final String PRE_VALIDATION = "PRE_VALIDATION";
+    public static final String POST_VALIDATION = "POST_VALIDATION";
+
+}
diff --git a/backend/framework/src/main/java/cn/cordys/aspectj/constants/LogModule.java b/backend/framework/src/main/java/cn/cordys/aspectj/constants/LogModule.java
new file mode 100644
index 0000000..b09d9f2
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/aspectj/constants/LogModule.java
@@ -0,0 +1,161 @@
+package cn.cordys.aspectj.constants;
+
+/**
+ * 系统日志模块常量类。
+ * 用于定义不同模块的名称，便于日志记录时进行分类。
+ */
+public class LogModule {
+
+    /**
+     * 系统管理模块
+     */
+    public static final String SYSTEM = "SYSTEM";
+    /**
+     * 消息通知
+     */
+    public static final String SYSTEM_MESSAGE_MESSAGE = "SYSTEM_MESSAGE_MESSAGE";
+    /**
+     * 邮件设置
+     */
+    public static final String SYSTEM_BUSINESS_MAIL = "SYSTEM_BUSINESS_MAIL";
+    /**
+     * 认证设置
+     */
+    public static final String SYSTEM_BUSINESS_AUTH = "SYSTEM_BUSINESS_AUTH";
+
+    /**
+     * 三方设置
+     */
+    public static final String SYSTEM_BUSINESS_THIRD = "SYSTEM_BUSINESS_THIRD";
+
+    /**
+     * 界面设置
+     */
+    public static final String SYSTEM_BUSINESS_UI = "SYSTEM_BUSINESS_UI";
+
+
+    /**
+     * 用户
+     */
+    public static final String SYSTEM_USER = "SYSTEM_USER";
+    /**
+     * 公告
+     */
+    public static final String SYSTEM_MESSAGE_ANNOUNCEMENT = "SYSTEM_MESSAGE_ANNOUNCEMENT";
+    /**
+     * 组织架构
+     */
+    public static final String SYSTEM_ORGANIZATION = "SYSTEM_ORGANIZATION";
+
+    /**
+     * 角色权限
+     */
+    public static final String SYSTEM_ROLE = "SYSTEM_ROLE";
+
+    /**
+     * 个人信息模块（API密钥）
+     */
+    public static final String PERSONAL_INFORMATION_APIKEY = "PERSONAL_INFORMATION_APIKEY";
+
+    /**
+     * 模块配置
+     */
+    public static final String SYSTEM_MODULE = "SYSTEM_MODULE";
+
+    /**
+     * 客户
+     */
+    public static final String CUSTOMER_INDEX = "CUSTOMER_INDEX";
+    /**
+     * 线索-线索
+     */
+    public static final String CLUE_INDEX = "CLUE_MANAGEMENT_CLUE";
+    /**
+     * 线索-线索池
+     */
+    public static final String CLUE_POOL_INDEX = "CLUE_MANAGEMENT_POOL";
+
+    /**
+     * 客户联系人
+     */
+    public static final String CUSTOMER_CONTACT = "CUSTOMER_CONTACT";
+
+    //TODO  start  暂定跟进记录模块常量
+    /**
+     * 跟进记录
+     */
+    public static final String FOLLOW_UP_RECORD = "FOLLOW_UP_RECORD";
+
+    /**
+     * 跟进计划
+     */
+    public static final String FOLLOW_UP_PLAN = "FOLLOW_UP_PLAN";
+    /**
+     * 商机
+     */
+    public static final String OPPORTUNITY_INDEX = "OPPORTUNITY_INDEX";
+
+    /**
+     * 商机报价
+     */
+    public static final String OPPORTUNITY_QUOTATION = "OPPORTUNITY_QUOTATION";
+
+
+    //todo end
+
+    // 可以根据需要扩展其他模块常量
+
+    /**
+     * 产品
+     */
+    public static final String PRODUCT_MANAGEMENT = "PRODUCT_MANAGEMENT_PRO";
+
+    /**
+     * 产品价格表
+     */
+    public static final String PRODUCT_PRICE_MANAGEMENT = "PRODUCT_MANAGEMENT_PRICE";
+
+    /**
+     * 客户公海
+     */
+    public static final String CUSTOMER_POOL = "CUSTOMER_POOL";
+
+    /**
+     * 仪表板
+     */
+    public static final String DASHBOARD = "DASHBOARD";
+    public static final String AGENT = "AGENT";
+
+    public static final String CONTRACT_INDEX = "CONTRACT_INDEX";
+    /**
+     * 合同回款计划
+     */
+    public static final String CONTRACT_PAYMENT = "CONTRACT_PAYMENT";
+	/**
+	 * 合同回款记录
+	 */
+    public static final String CONTRACT_PAYMENT_RECORD = "CONTRACT_PAYMENT_RECORD";
+    /**
+     * 发票
+     */
+    public static final String CONTRACT_INVOICE = "CONTRACT_INVOICE";
+    /**
+     * 工商抬头
+     */
+    public static final String CONTRACT_BUSINESS_TITLE = "CONTRACT_BUSINESS_TITLE";
+    /**
+     * 订单
+     */
+    public static final String ORDER_INDEX = "ORDER_INDEX";
+
+    public static final String APPROVAL_FLOW = "SYSTEM_PROCESS_APPROVAL";
+
+    /**
+     * 自定义表单
+     */
+    public static final String CUSTOM_FORM = "CUSTOM_FORM_INDEX";
+    /**
+     * 自定义表单数据
+     */
+    public static final String CUSTOM_FORM_DATA = "CUSTOM_FORM_DATA";
+}
diff --git a/backend/framework/src/main/java/cn/cordys/aspectj/constants/LogType.java b/backend/framework/src/main/java/cn/cordys/aspectj/constants/LogType.java
new file mode 100644
index 0000000..b1d3db1
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/aspectj/constants/LogType.java
@@ -0,0 +1,118 @@
+package cn.cordys.aspectj.constants;
+
+/**
+ * 操作日志类型枚举类。
+ * 用于定义不同操作的日志类型，便于日志分类和处理。
+ */
+public final class LogType {
+    public static final String SELECT = "SELECT";
+    /**
+     * 添加操作
+     */
+    public static final String ADD = "ADD";
+    /**
+     * 删除操作
+     */
+    public static final String DELETE = "DELETE";
+    /**
+     * 更新操作
+     */
+    public static final String UPDATE = "UPDATE";
+    /**
+     * 移入公海
+     */
+    public static final String MOVE_TO_CUSTOMER_POOL = "MOVE_TO_CUSTOMER_POOL";
+    /**
+     * 审核操作
+     */
+    public static final String REVIEW = "REVIEW";
+    /**
+     * 登出操作
+     */
+    public static final String LOGOUT = "LOGOUT";
+    /**
+     * 登录操作
+     */
+    public static final String LOGIN = "LOGIN";
+    /**
+     * 复制操作
+     */
+    public static final String COPY = "COPY";
+
+    /**
+     * 同步
+     */
+    public static final String SYNC = "SYNC";
+    /**
+     * 领取
+     */
+    public static final String PICK = "PICK";
+    /**
+     * 分配
+     */
+    public static final String ASSIGN = "ASSIGN";
+    /**
+     * 取消
+     */
+    public static final String CANCEL = "CANCEL";
+    /**
+     * 添加用户
+     */
+    public static final String ADD_USER = "ADD_USER";
+    /**
+     * 移除用户
+     */
+    public static final String REMOVE_USER = "REMOVE_USER";
+    /**
+     * 导出
+     */
+    public static final String EXPORT = "EXPORT";
+    /**
+     * 合并
+     */
+    public static final String MERGE = "MERGE";
+
+    /**
+     * 审核
+     */
+    public static final String APPROVAL = "APPROVAL";
+
+    /**
+     * 作废
+     */
+    public static final String VOIDED = "VOIDED";
+
+    /**
+     * 归档
+     */
+    public static final String ARCHIVE = "ARCHIVE";
+    /**
+     * 取消归档
+     */
+    public static final String UNARCHIVE = "UNARCHIVE";
+
+
+    /**
+     * 下载
+     */
+    public static final String DOWNLOAD = "DOWNLOAD";
+
+    private LogType() {
+        // 私有构造函数防止实例化
+    }
+
+    /**
+     * 判断给定的日志类型是否包含关键字。
+     *
+     * @param logType 当前日志类型
+     * @param keyword 待匹配的日志类型关键字
+     *
+     * @return 如果日志类型包含关键字，则返回 true，否则返回 false
+     */
+    public static boolean contains(String logType, String keyword) {
+        if (logType == null || keyword == null) {
+            return false;
+        }
+        return logType.contains(keyword);
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/aspectj/constants/RequestSource.java b/backend/framework/src/main/java/cn/cordys/aspectj/constants/RequestSource.java
new file mode 100644
index 0000000..98ce9b2
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/aspectj/constants/RequestSource.java
@@ -0,0 +1,5 @@
+package cn.cordys.aspectj.constants;
+
+public enum RequestSource {
+    API, WEB, SKILL, MCP
+}
diff --git a/backend/framework/src/main/java/cn/cordys/aspectj/context/OperationLogContext.java b/backend/framework/src/main/java/cn/cordys/aspectj/context/OperationLogContext.java
new file mode 100644
index 0000000..b9d9019
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/aspectj/context/OperationLogContext.java
@@ -0,0 +1,177 @@
+package cn.cordys.aspectj.context;
+
+import cn.cordys.aspectj.dto.LogContextInfo;
+
+import java.util.*;
+
+/**
+ * 用于记录日志上下文变量的工具类，支持方法级别和全局变量的管理。
+ * <p>
+ * 本类使用了 {@link InheritableThreadLocal}，以确保子线程能够继承父线程的变量。
+ * </p>
+ */
+public class OperationLogContext {
+
+    public static final String OPERATION_LOG_CONTEXT_KEY = "OPERATION_LOG_CONTEXT_KEY";
+
+    /**
+     * 存储方法级别变量的栈，每个方法调用对应一个栈帧。
+     */
+    private static final InheritableThreadLocal<Deque<Map<String, Object>>> VARIABLE_MAP_STACK = new InheritableThreadLocal<>();
+
+    /**
+     * 存储全局变量的映射。
+     */
+    private static final InheritableThreadLocal<Map<String, Object>> GLOBAL_VARIABLE_MAP = new InheritableThreadLocal<>();
+
+    // 防止实例化工具类
+    private OperationLogContext() {
+        throw new IllegalStateException("Utility class");
+    }
+
+    /**
+     * 向当前方法栈中放入变量。
+     *
+     * @param name  变量名
+     * @param value 变量值
+     */
+    public static void putVariable(String name, Object value) {
+        // 初始化栈
+        Deque<Map<String, Object>> mapStack = Optional.ofNullable(VARIABLE_MAP_STACK.get())
+                .orElseGet(() -> {
+                    Deque<Map<String, Object>> stack = new ArrayDeque<>();
+                    VARIABLE_MAP_STACK.set(stack);
+                    return stack;
+                });
+
+        if (mapStack.isEmpty()) {
+            mapStack.push(new HashMap<>());
+        }
+        Objects.requireNonNull(mapStack.peek()).put(name, value);
+    }
+
+    /**
+     * 设置额外信息
+     */
+    public static LogContextInfo getContext() {
+        return (LogContextInfo) getVariable(OPERATION_LOG_CONTEXT_KEY);
+    }
+
+    /**
+     * 设置额外信息
+     */
+    public static void setContext(LogContextInfo logContextInfo) {
+        putVariable(OPERATION_LOG_CONTEXT_KEY, logContextInfo);
+    }
+
+    /**
+     * 设置资源名称
+     *
+     * @param resourceName
+     */
+    public static void setResourceName(String resourceName) {
+        setContext(
+                LogContextInfo.builder()
+                        .resourceName(resourceName)
+                        .build()
+        );
+    }
+
+    /**
+     * 获取当前方法栈中指定的变量值。
+     *
+     * @param key 变量名
+     *
+     * @return 变量值，如果找不到则返回 null
+     */
+    public static Object getVariable(String key) {
+        Map<String, Object> variableMap = Optional.ofNullable(VARIABLE_MAP_STACK.get())
+                .map(Deque::peek)
+                .orElse(null);
+        return variableMap == null ? null : variableMap.get(key);
+    }
+
+    /**
+     * 获取当前方法栈中或全局变量映射中指定的变量值。
+     * <p>
+     * 若在方法栈中找不到变量，则会尝试从全局变量映射中获取。
+     * </p>
+     *
+     * @param key 变量名
+     *
+     * @return 变量值，如果找不到则返回 null
+     */
+    public static Object getMethodOrGlobal(String key) {
+        // 优先从方法栈中获取
+        Object result = Optional.ofNullable(VARIABLE_MAP_STACK.get())
+                .map(stack -> {
+                    assert stack.peek() != null;
+                    return stack.peek().get(key);
+                })
+                .orElse(null);
+
+        if (result == null) {
+            // 若方法栈中没有，则从全局变量中获取
+            result = Optional.ofNullable(GLOBAL_VARIABLE_MAP.get())
+                    .map(map -> map.get(key))
+                    .orElse(null);
+        }
+
+        return result;
+    }
+
+    /**
+     * 获取当前方法栈中的所有变量。
+     *
+     * @return 当前方法栈中的变量映射，若栈为空，则返回一个空的 HashMap
+     */
+    public static Map<String, Object> getVariables() {
+        return Optional.ofNullable(VARIABLE_MAP_STACK.get())
+                .map(Deque::peek)
+                .orElse(new HashMap<>());
+    }
+
+    /**
+     * 获取全局变量映射。
+     *
+     * @return 全局变量映射，若未初始化，则返回一个空的 HashMap
+     */
+    public static Map<String, Object> getGlobalVariableMap() {
+        return Optional.ofNullable(GLOBAL_VARIABLE_MAP.get())
+                .orElse(new HashMap<>());
+    }
+
+    /**
+     * 清除当前方法栈中的变量。
+     */
+    public static void clear() {
+        Optional.ofNullable(VARIABLE_MAP_STACK.get()).ifPresent(Deque::pop);
+    }
+
+    /**
+     * 清除全局变量映射中的所有变量。
+     */
+    public static void clearGlobal() {
+        Optional.ofNullable(GLOBAL_VARIABLE_MAP.get()).ifPresent(Map::clear);
+    }
+
+    /**
+     * 在进入方法时初始化一个空的 Span 放入栈中，方法执行完后会弹出。
+     * <p>
+     * 该方法通常用于日志追踪中的 Span 管理。
+     * </p>
+     */
+    public static void putEmptySpan() {
+        Deque<Map<String, Object>> mapStack = Optional.ofNullable(VARIABLE_MAP_STACK.get())
+                .orElseGet(() -> {
+                    Deque<Map<String, Object>> stack = new ArrayDeque<>();
+                    VARIABLE_MAP_STACK.set(stack);
+                    return stack;
+                });
+        mapStack.push(new HashMap<>());
+
+        if (GLOBAL_VARIABLE_MAP.get() == null) {
+            GLOBAL_VARIABLE_MAP.set(new HashMap<>());
+        }
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/aspectj/dto/LogContextInfo.java b/backend/framework/src/main/java/cn/cordys/aspectj/dto/LogContextInfo.java
new file mode 100644
index 0000000..f9c5b1b
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/aspectj/dto/LogContextInfo.java
@@ -0,0 +1,45 @@
+package cn.cordys.aspectj.dto;
+
+import cn.cordys.common.util.JSON;
+import lombok.AllArgsConstructor;
+import lombok.Builder;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import java.io.Serial;
+
+@Builder
+@Data
+@NoArgsConstructor
+@AllArgsConstructor
+public class LogContextInfo implements java.io.Serializable {
+    @Serial
+    private static final long serialVersionUID = 1L;
+    /**
+     * 原始值
+     */
+    private Object originalValue;
+
+    /**
+     * 修改后的值
+     */
+    private Object modifiedValue;
+
+    /**
+     * 资源的id
+     * 优先级高于注解
+     */
+    private String resourceId;
+
+    /**
+     * 资源的名称
+     * 优先级高于注解
+     */
+    private String resourceName;
+
+    @Override
+    public String toString() {
+        return JSON.toJSONString(this);
+    }
+
+}
diff --git a/backend/framework/src/main/java/cn/cordys/aspectj/dto/LogDTO.java b/backend/framework/src/main/java/cn/cordys/aspectj/dto/LogDTO.java
new file mode 100644
index 0000000..3d421ce
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/aspectj/dto/LogDTO.java
@@ -0,0 +1,107 @@
+package cn.cordys.aspectj.dto;
+
+import cn.cordys.common.groups.Created;
+import cn.cordys.common.groups.Updated;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+/**
+ * 日志数据传输对象（DTO），继承自操作日志（OperationLog）。
+ * 用于封装操作日志的具体数据，包含变更前后内容、是否需要历史记录等信息。
+ */
+@Data
+@EqualsAndHashCode(callSuper = false)
+public class LogDTO {
+    @Schema(description = "ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank(message = "{operation_log.id.not_blank}", groups = {Updated.class})
+    @Size(min = 1, max = 50, message = "{operation_log.id.length_range}", groups = {Created.class, Updated.class})
+    private String id;
+
+    @Schema(description = "组织id", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank(message = "{operation_log.organization_id.not_blank}", groups = {Created.class})
+    @Size(min = 1, max = 50, message = "{operation_log.organization_id.length_range}", groups = {Created.class, Updated.class})
+    private String organizationId;
+
+    @Schema(description = "操作时间")
+    private Long createTime;
+
+    @Schema(description = "操作人")
+    private String createUser;
+
+    @Schema(description = "资源id")
+    private String resourceId;
+
+    @Schema(description = "资源名称")
+    private String resourceName;
+
+    /**
+     * 无需对比的操作日志详情
+     * 例如可以移入公海
+     * 详情记录为：客户 xxx 移入公海 xxx
+     */
+    @Schema(description = "日志详情")
+    private String detail;
+
+    @Schema(description = "操作方法", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank(message = "{operation_log.method.not_blank}", groups = {Created.class})
+    @Size(min = 1, max = 255, message = "{operation_log.method.length_range}", groups = {Created.class, Updated.class})
+    private String method;
+
+    @Schema(description = "操作类型/add/update/delete", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank(message = "{operation_log.type.not_blank}", groups = {Created.class})
+    @Size(min = 1, max = 20, message = "{operation_log.type.length_range}", groups = {Created.class, Updated.class})
+    private String type;
+
+    @Schema(description = "操作模块")
+    private String module;
+
+    @Schema(description = "操作路径")
+    private String path;
+
+    @Schema(description = "登录地")
+    private String loginAddress;
+
+    @Schema(description = "平台")
+    private String platform;
+
+    @Schema(description = "请求来源")
+    private String requestSource;
+
+    /**
+     * 原始值
+     */
+    private Object originalValue;
+
+    /**
+     * 修改后的值
+     */
+    private Object modifiedValue;
+
+    /**
+     * 默认构造函数
+     */
+    public LogDTO() {
+    }
+
+    /**
+     * 带参构造函数，用于快速初始化日志数据
+     *
+     * @param organizationId 组织ID
+     * @param resourceId     数据源ID
+     * @param createUser     创建用户
+     * @param type           日志类型
+     * @param module         模块
+     */
+    public LogDTO(String organizationId, String resourceId, String createUser, String type, String module, String resourceName) {
+        this.setOrganizationId(organizationId);
+        this.setResourceId(resourceId);
+        this.setCreateUser(createUser);
+        this.setType(type);
+        this.setModule(module);
+        this.setResourceName(resourceName);
+        this.setCreateTime(System.currentTimeMillis());
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/aspectj/handler/OperationLogHandler.java b/backend/framework/src/main/java/cn/cordys/aspectj/handler/OperationLogHandler.java
new file mode 100644
index 0000000..3ea08aa
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/aspectj/handler/OperationLogHandler.java
@@ -0,0 +1,13 @@
+package cn.cordys.aspectj.handler;
+
+import cn.cordys.aspectj.dto.LogDTO;
+
+public interface OperationLogHandler {
+    /**
+     * 处理日志
+     *
+     * @param operationLog 操作日志
+     */
+    void handleLog(LogDTO operationLog);
+
+}
diff --git a/backend/framework/src/main/java/cn/cordys/aspectj/handler/OperationLogService.java b/backend/framework/src/main/java/cn/cordys/aspectj/handler/OperationLogService.java
new file mode 100644
index 0000000..53f544a
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/aspectj/handler/OperationLogService.java
@@ -0,0 +1,83 @@
+package cn.cordys.aspectj.handler;
+
+import cn.cordys.aspectj.builder.OperationLog;
+import cn.cordys.aspectj.constants.RequestSource;
+import cn.cordys.aspectj.dto.LogDTO;
+import cn.cordys.common.util.ServletUtils;
+import jakarta.annotation.Resource;
+import jakarta.servlet.http.HttpServletRequest;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.stereotype.Service;
+
+/**
+ * 操作日志 ILogRecordService 实现类
+ * <p>
+ * 基于 {@link OperationLogHandler} 实现，记录操作日志
+ */
+@Service
+public class OperationLogService {
+
+    @Resource
+    private OperationLogHandler operationLogHandler;
+    public static final String ACCESS_KEY_HEADER = "X-Access-Key";
+    public static final String SECRET_KEY_HEADER = "X-Secret-Key";
+    public static final String REQUEST_SOURCE_HEADER = "X-Request-Source";
+
+    public static void fillModuleFields(LogDTO reqDTO, OperationLog operationLog) {
+        reqDTO.setCreateTime(System.currentTimeMillis());
+        reqDTO.setType(operationLog.getType()); // 大模块类型，例如：CRM 客户
+        reqDTO.setCreateUser(operationLog.getOperator());
+        reqDTO.setModule(operationLog.getSubType());// 操作类型：CURD
+        reqDTO.setResourceId(operationLog.getResourceId()); // 资源id
+        reqDTO.setResourceName(operationLog.getResourceName()); // 资源名称
+        reqDTO.setDetail(operationLog.getDetail()); // 资源名称
+    }
+
+    private static void fillRequestFields(LogDTO reqDTO) {
+        // 获得 Request 对象
+        HttpServletRequest request = ServletUtils.getRequest();
+        if (request == null) {
+            return;
+        }
+
+        String accessKey = request.getHeader(ACCESS_KEY_HEADER);
+        String secretKey = request.getHeader(SECRET_KEY_HEADER);
+        String requestSource = request.getHeader(REQUEST_SOURCE_HEADER);
+        reqDTO.setRequestSource(resolveRequestSource(requestSource, accessKey, secretKey));
+
+        // 补全请求信息
+        reqDTO.setMethod(request.getMethod());
+        reqDTO.setPath(request.getRequestURI());
+    }
+
+    public void record(OperationLog operationLog) {
+        // 1. 补全通用字段
+        LogDTO reqDTO = new LogDTO();
+        // 补全模块信息
+        fillModuleFields(reqDTO, operationLog);
+        // 补全请求信息
+        fillRequestFields(reqDTO);
+
+        // todo： 组织或项目信息
+
+        // 2. 异步记录日志
+        assert operationLogHandler != null;
+        operationLogHandler.handleLog(reqDTO);
+    }
+
+    /**
+     * 根据请求头解析请求来源，优先级：
+     * 1. 明确指定的 X-Request-Source
+     * 2. 携带鉴权密钥对 (Access/Secret) 时视为 API 调用
+     * 3. 否则默认为 WEB
+     */
+    private static String resolveRequestSource(String requestSource, String accessKey, String secretKey) {
+        if (StringUtils.isNotBlank(requestSource)) {
+            return requestSource;
+        }
+        if (StringUtils.isNotBlank(accessKey) && StringUtils.isNotBlank(secretKey)) {
+            return RequestSource.API.name();
+        }
+        return RequestSource.WEB.name();
+    }
+}
\ No newline at end of file
diff --git a/backend/framework/src/main/java/cn/cordys/common/constants/ApplicationNumScope.java b/backend/framework/src/main/java/cn/cordys/common/constants/ApplicationNumScope.java
new file mode 100644
index 0000000..041e8b8
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/constants/ApplicationNumScope.java
@@ -0,0 +1,6 @@
+package cn.cordys.common.constants;
+
+public enum ApplicationNumScope {
+    SYSTEM,
+    TASK
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/constants/EnumValue.java b/backend/framework/src/main/java/cn/cordys/common/constants/EnumValue.java
new file mode 100644
index 0000000..dff622f
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/constants/EnumValue.java
@@ -0,0 +1,121 @@
+package cn.cordys.common.constants;
+
+import cn.cordys.common.util.Translator;
+import jakarta.validation.Constraint;
+import jakarta.validation.ConstraintValidator;
+import jakarta.validation.ConstraintValidatorContext;
+import jakarta.validation.Payload;
+import org.apache.commons.collections4.CollectionUtils;
+
+import java.lang.annotation.*;
+import java.util.ArrayList;
+import java.util.Arrays;
+import java.util.List;
+
+/**
+ * 枚举值校验注解，确保值为指定枚举类中的有效值。
+ * 可选排除某些枚举值。
+ *
+ * @author jianxing
+ */
+@Target({ElementType.FIELD})
+@Retention(RetentionPolicy.RUNTIME)
+@Documented
+@Constraint(validatedBy = EnumValue.EnumValueValidator.class)
+public @interface EnumValue {
+
+    /**
+     * 错误提示信息，当校验失败时使用。
+     *
+     * @return 错误提示消息
+     */
+    String message() default "{enum_value_valid_message}";
+
+    /**
+     * 必须的属性，用于分组校验。
+     *
+     * @return 分组校验的类
+     */
+    Class<?>[] groups() default {};
+
+    /**
+     * 校验负载。
+     *
+     * @return 校验负载的类
+     */
+    Class<? extends Payload>[] payload() default {};
+
+    /**
+     * 校验时使用的枚举类。
+     *
+     * @return 枚举类
+     */
+    Class<? extends Enum<?>> enumClass();
+
+    /**
+     * 校验时排除的枚举值，仅支持字符串类型。
+     *
+     * @return 排除的枚举值
+     */
+    String[] excludeValues() default {};
+
+    /**
+     * 枚举值校验的实现类。
+     *
+     * @see EnumValue
+     */
+    class EnumValueValidator implements ConstraintValidator<EnumValue, Object> {
+
+        private Class<? extends Enum<?>> enumClass;
+        private String[] excludeValues;
+
+        @Override
+        public void initialize(EnumValue enumValue) {
+            this.enumClass = enumValue.enumClass();
+            this.excludeValues = enumValue.excludeValues();
+        }
+
+        /**
+         * 校验参数是否在枚举值中。
+         * 如果设置了排除值，校验值不应在排除列表中。
+         *
+         * @param value   待校验的值
+         * @param context 校验上下文
+         *
+         * @return 校验结果，若值有效返回 true，否则返回 false
+         */
+        @Override
+        public boolean isValid(Object value, ConstraintValidatorContext context) {
+            // 如果值为空，则认为有效
+            if (value == null) {
+                return true;
+            }
+
+            // 获取枚举类的所有实例
+            Enum<?>[] enums = enumClass.getEnumConstants();
+            List<Object> values = new ArrayList<>();
+
+            // 获取枚举类的所有有效值
+            for (Enum<?> item : enums) {
+                if (item instanceof ValueEnum) {
+                    values.add(((ValueEnum<?>) item).getValue());
+                } else {
+                    values.add(item.name());
+                }
+            }
+
+            // 判断是否排除指定的枚举值
+            boolean isExcludeValue = excludeValues != null && Arrays.stream(excludeValues).anyMatch(value::equals);
+            boolean valid = values.contains(value) && !isExcludeValue;
+
+            // 如果校验失败，生成自定义错误消息
+            if (!valid) {
+                context.disableDefaultConstraintViolation();
+                String errorValues = CollectionUtils.subtract(values, Arrays.asList(excludeValues)).toString();
+                context.buildConstraintViolationWithTemplate(Translator.get("enum_value_valid_message") + errorValues).addConstraintViolation();
+            }
+
+            return valid;
+        }
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/constants/InternalUser.java b/backend/framework/src/main/java/cn/cordys/common/constants/InternalUser.java
new file mode 100644
index 0000000..1de9f53
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/constants/InternalUser.java
@@ -0,0 +1,20 @@
+package cn.cordys.common.constants;
+
+import lombok.Getter;
+
+/**
+ * 系统内置用户ID
+ *
+ * @author jianxing
+ */
+@Getter
+public enum InternalUser {
+    ADMIN("admin");
+
+    private final String value;
+
+    InternalUser(String value) {
+        this.value = value;
+    }
+
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/constants/MoveTypeEnum.java b/backend/framework/src/main/java/cn/cordys/common/constants/MoveTypeEnum.java
new file mode 100644
index 0000000..268cb53
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/constants/MoveTypeEnum.java
@@ -0,0 +1,11 @@
+package cn.cordys.common.constants;
+
+/**
+ * @author guoquqi
+ */
+
+public enum MoveTypeEnum {
+    BEFORE,
+    AFTER,
+    APPEND
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/constants/QuadFunction.java b/backend/framework/src/main/java/cn/cordys/common/constants/QuadFunction.java
new file mode 100644
index 0000000..6de9371
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/constants/QuadFunction.java
@@ -0,0 +1,6 @@
+package cn.cordys.common.constants;
+
+@FunctionalInterface
+public interface QuadFunction<T, U, V, W, R> {
+    R apply(T t, U u, V v, W w);
+}
\ No newline at end of file
diff --git a/backend/framework/src/main/java/cn/cordys/common/constants/ValueEnum.java b/backend/framework/src/main/java/cn/cordys/common/constants/ValueEnum.java
new file mode 100644
index 0000000..a629cc3
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/constants/ValueEnum.java
@@ -0,0 +1,17 @@
+package cn.cordys.common.constants;
+
+/**
+ * 用于参数校验注解 EnumValue 的枚举接口
+ * 如果枚举定义了类似 value 的值，可以实现改接口，即可使用于 EnumValue 注解
+ * 如果枚举值只需要通过 name() 获取，可以不实现该接口
+ *
+ * @author jianxing
+ */
+public interface ValueEnum<T> {
+    /**
+     * 获取枚举值
+     *
+     * @return 枚举值
+     */
+    T getValue();
+}
\ No newline at end of file
diff --git a/backend/framework/src/main/java/cn/cordys/common/dto/BaseTree.java b/backend/framework/src/main/java/cn/cordys/common/dto/BaseTree.java
new file mode 100644
index 0000000..da7b138
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/dto/BaseTree.java
@@ -0,0 +1,27 @@
+package cn.cordys.common.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+@Data
+@NoArgsConstructor
+@AllArgsConstructor
+public class BaseTree {
+    @Schema(description = "节点id")
+    private String id;
+
+    @Schema(description = "节点名称")
+    private String name;
+
+    @Schema(description = "排序单位")
+    private long pos;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+
+    @Schema(description = "父节点id")
+    private String parentId;
+
+}
\ No newline at end of file
diff --git a/backend/framework/src/main/java/cn/cordys/common/dto/BaseTreeNode.java b/backend/framework/src/main/java/cn/cordys/common/dto/BaseTreeNode.java
new file mode 100644
index 0000000..b286193
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/dto/BaseTreeNode.java
@@ -0,0 +1,81 @@
+package cn.cordys.common.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jodd.util.StringUtil;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+import org.apache.commons.lang3.Strings;
+
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+@Data
+@AllArgsConstructor
+@NoArgsConstructor
+public class BaseTreeNode {
+
+    @Schema(description = "节点ID")
+    private String id;
+
+    @Schema(description = "节点名称")
+    private String name;
+
+    @Schema(description = "父节点ID")
+    private String parentId;
+
+    @Schema(description = "组织id")
+    private String organizationId;
+
+    @Schema(description = "子节点")
+    private List<BaseTreeNode> children = new ArrayList<>();
+
+    public BaseTreeNode(String id, String name) {
+        this.id = id;
+        this.name = name;
+    }
+
+    public BaseTreeNode(String id, String name, String parentId) {
+        this.id = id;
+        this.name = name;
+        this.parentId = parentId;
+    }
+
+    public static <T extends BaseTreeNode> List<T> buildTree(List<T> nodeList) {
+        // 用于存储节点的 Map，key 是节点 ID
+        Map<String, T> nodeMap = new HashMap<>();
+        // 用于存储最终的根节点列表
+        List<T> rootNodes = new ArrayList<>();
+
+        // 1. 将所有节点放入 Map 中
+        for (T node : nodeList) {
+            nodeMap.put(node.getId(), node);
+        }
+
+        // 2. 遍历节点列表，构建父子关系
+        for (T node : nodeList) {
+            if (StringUtil.isBlank(node.getParentId()) || Strings.CI.equals(node.getParentId(), "NONE")) {
+                // 没有父节点，则为根节点
+                rootNodes.add(node);
+            } else {
+                // 获取父节点
+                T parentNode = nodeMap.get(node.getParentId());
+                if (parentNode != null) {
+                    // 将当前节点添加到父节点的子节点列表中
+                    parentNode.addChild(node);
+                }
+            }
+        }
+
+        // 3. 返回根节点列表
+        return rootNodes;
+    }
+
+    public void addChild(BaseTreeNode node) {
+        node.setParentId(this.getId());
+        children.add(node);
+    }
+
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/dto/DeptUserTreeNode.java b/backend/framework/src/main/java/cn/cordys/common/dto/DeptUserTreeNode.java
new file mode 100644
index 0000000..e40c4d3
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/dto/DeptUserTreeNode.java
@@ -0,0 +1,23 @@
+package cn.cordys.common.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+/**
+ * @author jianxing
+ */
+@Data
+@AllArgsConstructor
+@NoArgsConstructor
+public class DeptUserTreeNode extends BaseTreeNode {
+    @Schema(description = "节点类型")
+    private String nodeType;
+
+    @Schema(description = "是否启用")
+    private Boolean enabled = true;
+
+    @Schema(description = "是否部门负责人")
+    private Boolean commander = false;
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/dto/JsonDifferenceDTO.java b/backend/framework/src/main/java/cn/cordys/common/dto/JsonDifferenceDTO.java
new file mode 100644
index 0000000..1d8201d
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/dto/JsonDifferenceDTO.java
@@ -0,0 +1,36 @@
+package cn.cordys.common.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.io.Serial;
+import java.io.Serializable;
+
+@Data
+public class JsonDifferenceDTO implements Serializable {
+    @Serial
+    private static final long serialVersionUID = 1L;
+
+    @Schema(description = "字段")
+    private String column;
+
+    @Schema(description = "原值")
+    private Object oldValue;
+
+    @Schema(description = "新值")
+    private Object newValue;
+
+
+    @Schema(description = "字段名称")
+    private String columnName;
+
+    @Schema(description = "原值结果")
+    private Object oldValueName;
+
+    @Schema(description = "新值结果")
+    private Object newValueName;
+
+    @Schema(description = "类型", examples = {"add/新增", "removed/删除", "modified/修改"})
+    private String type;
+
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/dto/NodeSortCountResultDTO.java b/backend/framework/src/main/java/cn/cordys/common/dto/NodeSortCountResultDTO.java
new file mode 100644
index 0000000..a560c4c
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/dto/NodeSortCountResultDTO.java
@@ -0,0 +1,11 @@
+package cn.cordys.common.dto;
+
+import lombok.AllArgsConstructor;
+import lombok.Data;
+
+@Data
+@AllArgsConstructor
+public class NodeSortCountResultDTO {
+    private boolean isRefreshPos;
+    private long pos;
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/dto/NodeSortDTO.java b/backend/framework/src/main/java/cn/cordys/common/dto/NodeSortDTO.java
new file mode 100644
index 0000000..c47558d
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/dto/NodeSortDTO.java
@@ -0,0 +1,28 @@
+package cn.cordys.common.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotNull;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+@Data
+@NoArgsConstructor
+@AllArgsConstructor
+public class NodeSortDTO {
+
+    @Schema(description = "节点ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotNull(message = "{file_module.not.exist}")
+    private BaseTree node;
+
+    @Schema(description = "父节点ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotNull(message = "{file_module.parent.not.exist}")
+    private BaseTree parent;
+
+    @Schema(description = "前一个节点")
+    private BaseTree previousNode;
+
+    @Schema(description = "后一个节点")
+    private BaseTree nextNode;
+}
+
diff --git a/backend/framework/src/main/java/cn/cordys/common/dto/NodeSortQueryParam.java b/backend/framework/src/main/java/cn/cordys/common/dto/NodeSortQueryParam.java
new file mode 100644
index 0000000..5566820
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/dto/NodeSortQueryParam.java
@@ -0,0 +1,15 @@
+package cn.cordys.common.dto;
+
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+@Data
+@NoArgsConstructor
+@AllArgsConstructor
+public class NodeSortQueryParam {
+    private String parentId;
+    private String operator;
+    private long pos;
+}
+
diff --git a/backend/framework/src/main/java/cn/cordys/common/dto/OptionCountDTO.java b/backend/framework/src/main/java/cn/cordys/common/dto/OptionCountDTO.java
new file mode 100644
index 0000000..a9d183d
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/dto/OptionCountDTO.java
@@ -0,0 +1,18 @@
+package cn.cordys.common.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import java.io.Serializable;
+
+@Data
+@AllArgsConstructor
+@NoArgsConstructor
+public class OptionCountDTO implements Serializable {
+    @Schema(description = "选项数量")
+    private String key;
+    @Schema(description = "选项值")
+    private Integer count;
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/dto/OptionDTO.java b/backend/framework/src/main/java/cn/cordys/common/dto/OptionDTO.java
new file mode 100644
index 0000000..e405bba
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/dto/OptionDTO.java
@@ -0,0 +1,18 @@
+package cn.cordys.common.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import java.io.Serializable;
+
+@Data
+@AllArgsConstructor
+@NoArgsConstructor
+public class OptionDTO implements Serializable {
+    @Schema(description = "选项ID")
+    private String id;
+    @Schema(description = "选项名称")
+    private String name;
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/dto/RoleDataScopeDTO.java b/backend/framework/src/main/java/cn/cordys/common/dto/RoleDataScopeDTO.java
new file mode 100644
index 0000000..438620e
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/dto/RoleDataScopeDTO.java
@@ -0,0 +1,29 @@
+package cn.cordys.common.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import java.io.Serial;
+import java.io.Serializable;
+
+/**
+ * @author jianxing
+ */
+@Data
+@NoArgsConstructor
+@AllArgsConstructor
+public class RoleDataScopeDTO implements Serializable {
+    @Serial
+    private static final long serialVersionUID = 1L;
+
+    @Schema(description = "选项ID")
+    private String id;
+    @Schema(description = "选项名称")
+    private String name;
+    @Schema(description = "数据权限")
+    private String dataScope;
+    @Schema(description = "组织ID")
+    private String organizationId;
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/dto/RolePermissionDTO.java b/backend/framework/src/main/java/cn/cordys/common/dto/RolePermissionDTO.java
new file mode 100644
index 0000000..6755334
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/dto/RolePermissionDTO.java
@@ -0,0 +1,24 @@
+package cn.cordys.common.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import java.io.Serial;
+import java.io.Serializable;
+import java.util.Set;
+
+/**
+ * @author jianxing
+ */
+@Data
+@NoArgsConstructor
+@AllArgsConstructor
+public class RolePermissionDTO extends RoleDataScopeDTO implements Serializable {
+    @Serial
+    private static final long serialVersionUID = 1L;
+
+    @Schema(description = "权限列表")
+    private Set<String> permissions;
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/dto/RoleUserTreeNode.java b/backend/framework/src/main/java/cn/cordys/common/dto/RoleUserTreeNode.java
new file mode 100644
index 0000000..bdb9f39
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/dto/RoleUserTreeNode.java
@@ -0,0 +1,23 @@
+package cn.cordys.common.dto;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+/**
+ * @author jianxing
+ */
+@Data
+@AllArgsConstructor
+@NoArgsConstructor
+public class RoleUserTreeNode extends BaseTreeNode {
+    @Schema(description = "节点类型")
+    private String nodeType;
+
+    @Schema(description = "是否是内置角色")
+    private Boolean internal = false;
+
+    @Schema(description = "是否启用")
+    private Boolean enabled = true;
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/dto/request/PosRequest.java b/backend/framework/src/main/java/cn/cordys/common/dto/request/PosRequest.java
new file mode 100644
index 0000000..267e0fe
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/dto/request/PosRequest.java
@@ -0,0 +1,40 @@
+package cn.cordys.common.dto.request;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+import lombok.NoArgsConstructor;
+
+import java.io.Serial;
+import java.io.Serializable;
+
+/**
+ * @author guoyuqi
+ */
+@Data
+@EqualsAndHashCode(callSuper = false)
+@NoArgsConstructor
+@AllArgsConstructor
+public class PosRequest implements Serializable {
+
+    @Serial
+    private static final long serialVersionUID = 1L;
+
+    @Schema(description = "组织id", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank(message = "{system.org_id.not_blank}")
+    private String orgId;
+
+    @Schema(description = "移动用例id", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank(message = "{system.move_id.not_blank}")
+    private String moveId;
+
+    @Schema(description = "目标用例id", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank(message = "{system.target_id.not_blank}")
+    private String targetId;
+
+    @Schema(description = "移动类型", requiredMode = Schema.RequiredMode.REQUIRED, allowableValues = {"BEFORE", "AFTER", "APPEND"})
+    @NotBlank(message = "{system.move_mode.not_blank}")
+    private String moveMode;
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/exception/GenericException.java b/backend/framework/src/main/java/cn/cordys/common/exception/GenericException.java
new file mode 100644
index 0000000..fd7147f
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/exception/GenericException.java
@@ -0,0 +1,102 @@
+package cn.cordys.common.exception;
+
+import org.apache.commons.lang3.StringUtils;
+
+/**
+ * SystemException 是自定义的运行时异常，包含错误代码和详细信息。
+ */
+public class GenericException extends RuntimeException {
+
+    /**
+     * 错误代码
+     */
+    protected IResultCode errorCode;
+
+    /**
+     * 构造方法，接受错误信息。
+     *
+     * @param message 错误信息
+     */
+    public GenericException(String message) {
+        super(message);
+    }
+
+    /**
+     * 构造方法，接受一个异常对象。
+     *
+     * @param t 异常对象
+     */
+    public GenericException(Throwable t) {
+        super(t);
+    }
+
+    /**
+     * 构造方法，接受错误代码，默认没有详细信息。
+     *
+     * @param errorCode 错误代码
+     */
+    public GenericException(IResultCode errorCode) {
+        super(StringUtils.EMPTY);
+        if (errorCode == null) {
+            throw new IllegalArgumentException("errorCode cannot be null");
+        }
+        this.errorCode = errorCode;
+    }
+
+    /**
+     * 构造方法，接受错误代码和自定义错误信息。
+     *
+     * @param errorCode 错误代码
+     * @param message   错误信息
+     */
+    public GenericException(IResultCode errorCode, String message) {
+        super(message);
+        if (errorCode == null) {
+            throw new IllegalArgumentException("errorCode cannot be null");
+        }
+        this.errorCode = errorCode;
+    }
+
+    /**
+     * 构造方法，接受错误代码和异常对象。
+     *
+     * @param errorCode 错误代码
+     * @param t         异常对象
+     */
+    public GenericException(IResultCode errorCode, Throwable t) {
+        super(t);
+        if (errorCode == null) {
+            throw new IllegalArgumentException("errorCode cannot be null");
+        }
+        this.errorCode = errorCode;
+    }
+
+    /**
+     * 构造方法，接受自定义错误信息和异常对象。
+     *
+     * @param message 错误信息
+     * @param t       异常对象
+     */
+    public GenericException(String message, Throwable t) {
+        super(message, t);
+    }
+
+    /**
+     * 获取错误代码。
+     *
+     * @return 错误代码
+     */
+    public IResultCode getErrorCode() {
+        return errorCode;
+    }
+
+    /**
+     * 重写toString方法，提供更有用的错误信息。
+     *
+     * @return 错误代码和错误信息
+     */
+    @Override
+    public String toString() {
+        return "MSException{errorCode=" + errorCode + ", message=" + getMessage() + "}";
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/exception/IResultCode.java b/backend/framework/src/main/java/cn/cordys/common/exception/IResultCode.java
new file mode 100644
index 0000000..63785d5
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/exception/IResultCode.java
@@ -0,0 +1,34 @@
+package cn.cordys.common.exception;
+
+import cn.cordys.common.util.Translator;
+
+/**
+ * API 接口状态码
+ *
+ * @author jianxing
+ * <p>
+ * 1. 如果想返回具有 Http 含义的状态码，使用对应实现类
+ * 2. 业务状态码，各模块定义自己的状态码枚举类，各自管理
+ * 3. 业务错误码，定义规则为 6 位数字
+ * 4. 当需要抛出异常时，给异常设置状态码枚举对象
+ * <p>
+ */
+public interface IResultCode {
+    /**
+     * 返回状态码
+     */
+    int getCode();
+
+    /**
+     * 返回状态码信息
+     */
+    String getMessage();
+
+    /**
+     * 返回国际化后的状态码信息
+     * 如果没有匹配则返回原文
+     */
+    default String getTranslationMessage(String message) {
+        return Translator.get(message, message);
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/groups/Created.java b/backend/framework/src/main/java/cn/cordys/common/groups/Created.java
new file mode 100644
index 0000000..5945d29
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/groups/Created.java
@@ -0,0 +1,11 @@
+package cn.cordys.common.groups;
+
+/**
+ * 标记接口，表示某个实体或操作是“已创建”的状态。
+ * <p>
+ * 该接口可用于分组校验，例如，在某些验证框架中，
+ * 用于标识新创建的对象，或者在特定条件下执行相关操作。
+ * </p>
+ */
+public interface Created {
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/groups/Updated.java b/backend/framework/src/main/java/cn/cordys/common/groups/Updated.java
new file mode 100644
index 0000000..c5b3730
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/groups/Updated.java
@@ -0,0 +1,11 @@
+package cn.cordys.common.groups;
+
+/**
+ * 标记接口，表示某个实体或操作是“已更新”的状态。
+ * <p>
+ * 该接口可用于分组校验，例如，在某些验证框架中，
+ * 用于标识已更新的对象，或者在特定条件下执行相关操作。
+ * </p>
+ */
+public interface Updated {
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/pager/PageUtils.java b/backend/framework/src/main/java/cn/cordys/common/pager/PageUtils.java
new file mode 100644
index 0000000..c0dd5d2
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/pager/PageUtils.java
@@ -0,0 +1,67 @@
+package cn.cordys.common.pager;
+
+import cn.cordys.common.dto.OptionDTO;
+import com.github.pagehelper.Page;
+
+import java.util.List;
+import java.util.Map;
+
+/**
+ * 分页工具类，提供分页信息设置功能。
+ * <p>
+ * 该类用于将 PageHelper 分页对象转换为自定义的分页对象 {@link Pager}。
+ * </p>
+ */
+public class PageUtils {
+
+    /**
+     * 设置分页信息并返回自定义的分页对象。
+     * <p>
+     * 此方法将 PageHelper 的分页数据（如：当前页、每页记录数、总记录数）转换为自定义的 {@link Pager} 对象。
+     * </p>
+     *
+     * @param page PageHelper 分页对象，包含分页相关的信息
+     * @param list 分页查询结果数据列表
+     * @param <T>  数据列表的类型
+     *
+     * @return 包含分页信息的自定义分页对象 {@link Pager}
+     *
+     * @throws RuntimeException 如果设置分页信息时发生错误，抛出运行时异常
+     */
+    public static <T> Pager<T> setPageInfo(Page<?> page, T list) {
+        try {
+            Pager<T> pager = new Pager<>();
+            pager.setList(list);
+            pager.setPageSize(page.getPageSize());
+            pager.setCurrent(page.getPageNum());
+            pager.setTotal(page.getTotal());
+            return pager;
+        } catch (Exception e) {
+            throw new RuntimeException("保存当前页码数据时发生错误！", e);
+        }
+    }
+
+    /**
+     * 设置带有选项数据的分页信息
+     *
+     * @param page      分页对象
+     * @param list      数据列表
+     * @param <T>       数据列表的类型
+     * @param optionMap 选项集合
+     *
+     * @return 包含分页信息的自定义分页对象
+     */
+    public static <T> PagerWithOption<T> setPageInfoWithOption(Page<?> page, T list, Map<String, List<OptionDTO>> optionMap) {
+        try {
+            PagerWithOption<T> pager = new PagerWithOption<>();
+            pager.setList(list);
+            pager.setPageSize(page.getPageSize());
+            pager.setCurrent(page.getPageNum());
+            pager.setTotal(page.getTotal());
+            pager.setOptionMap(optionMap);
+            return pager;
+        } catch (Exception e) {
+            throw new RuntimeException("保存当前页码数据时发生错误！", e);
+        }
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/pager/Pager.java b/backend/framework/src/main/java/cn/cordys/common/pager/Pager.java
new file mode 100644
index 0000000..882b8a3
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/pager/Pager.java
@@ -0,0 +1,56 @@
+package cn.cordys.common.pager;
+
+import lombok.Data;
+
+/**
+ * 分页类，封装分页数据。
+ * <p>
+ * 该类用于表示分页查询结果，包括数据列表、总记录数、每页记录数和当前页码等信息。
+ * </p>
+ *
+ * @param <T> 数据列表的类型
+ */
+@Data
+public class Pager<T> {
+
+    /**
+     * 数据列表，分页查询结果的具体数据。
+     */
+    private T list;
+
+    /**
+     * 总记录数，表示符合查询条件的总条数。
+     */
+    private long total;
+
+    /**
+     * 每页记录数，表示每一页显示的数据条数。
+     */
+    private long pageSize;
+
+    /**
+     * 当前页码，表示当前显示的是哪一页。
+     */
+    private long current;
+
+    /**
+     * 无参构造函数，初始化一个空的分页对象。
+     */
+    public Pager() {
+    }
+
+    /**
+     * 带参构造函数，用于初始化分页对象。
+     *
+     * @param list     数据列表
+     * @param total    总记录数
+     * @param pageSize 每页记录数
+     * @param current  当前页码
+     */
+    public Pager(T list, long total, long pageSize, long current) {
+        this.list = list;
+        this.total = total;
+        this.pageSize = pageSize;
+        this.current = current;
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/pager/PagerWithOption.java b/backend/framework/src/main/java/cn/cordys/common/pager/PagerWithOption.java
new file mode 100644
index 0000000..001bff2
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/pager/PagerWithOption.java
@@ -0,0 +1,18 @@
+package cn.cordys.common.pager;
+
+import cn.cordys.common.dto.OptionDTO;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.util.List;
+import java.util.Map;
+
+@Data
+public class PagerWithOption<T> extends Pager<T> {
+
+    /**
+     * 选项集合
+     */
+    @Schema(description = "选项集合")
+    private Map<String, List<OptionDTO>> optionMap;
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/response/handler/NoResultHolder.java b/backend/framework/src/main/java/cn/cordys/common/response/handler/NoResultHolder.java
new file mode 100644
index 0000000..2c19bff
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/response/handler/NoResultHolder.java
@@ -0,0 +1,22 @@
+package cn.cordys.common.response.handler;
+
+import java.lang.annotation.*;
+
+/**
+ * 标记一个方法为“不需要返回结果”方法的注解。
+ * <p>
+ * 该注解用于标记那些不需要返回任何结果或对返回结果不做处理的方法。
+ * 常用于控制器方法中，表明此方法调用后不需要返回任何数据给客户端。
+ * </p>
+ * <p>
+ * 使用此注解的方法，可以避免框架或处理机制进行不必要的结果处理。
+ * </p>
+ *
+ * @see java.lang.annotation.Annotation
+ */
+@Documented
+@Inherited
+@Target(ElementType.METHOD)
+@Retention(RetentionPolicy.RUNTIME)
+public @interface NoResultHolder {
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/response/handler/RestControllerExceptionHandler.java b/backend/framework/src/main/java/cn/cordys/common/response/handler/RestControllerExceptionHandler.java
new file mode 100644
index 0000000..8e786c0
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/response/handler/RestControllerExceptionHandler.java
@@ -0,0 +1,215 @@
+package cn.cordys.common.response.handler;
+
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.exception.IResultCode;
+import cn.cordys.common.response.result.CrmHttpResultCode;
+import cn.cordys.common.util.ServiceUtils;
+import cn.cordys.common.util.Translator;
+import jakarta.servlet.http.HttpServletRequest;
+import jakarta.servlet.http.HttpServletResponse;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.shiro.UnavailableSecurityManagerException;
+import org.apache.shiro.authz.UnauthorizedException;
+import org.apache.shiro.lang.ShiroException;
+import org.eclipse.jetty.io.EofException;
+import org.springframework.http.HttpStatus;
+import org.springframework.http.ResponseEntity;
+import org.springframework.validation.FieldError;
+import org.springframework.web.HttpRequestMethodNotSupportedException;
+import org.springframework.web.bind.MethodArgumentNotValidException;
+import org.springframework.web.bind.annotation.ExceptionHandler;
+import org.springframework.web.bind.annotation.ResponseStatus;
+import org.springframework.web.bind.annotation.RestControllerAdvice;
+import org.springframework.web.context.request.async.AsyncRequestNotUsableException;
+import org.springframework.web.servlet.resource.NoResourceFoundException;
+
+import java.io.PrintWriter;
+import java.io.StringWriter;
+import java.util.HashMap;
+import java.util.Map;
+
+/**
+ * 全局异常处理器，处理各类异常并返回统一格式的错误响应。
+ */
+@RestControllerAdvice
+@Slf4j
+public class RestControllerExceptionHandler {
+
+    /**
+     * 处理 NOT_FOUND 异常，拼接资源名称以提供更详细的错误信息。
+     *
+     * @param message 错误信息模板
+     *
+     * @return String 拼接后的错误信息
+     */
+    private static String getNotFoundMessage(String message) {
+        String resourceName = ServiceUtils.getResourceName();
+        if (StringUtils.isNotBlank(resourceName)) {
+            message = String.format(message, Translator.get(resourceName, resourceName));
+        } else {
+            message = String.format(message, Translator.get("resource.name"));
+        }
+        ServiceUtils.clearResourceName();
+        return message;
+    }
+
+    /**
+     * 格式化异常栈信息。
+     *
+     * @param e Exception 异常
+     *
+     * @return String 异常栈的字符串表示
+     */
+    public static String getStackTraceAsString(Exception e) {
+        StringWriter sw = new StringWriter();
+        e.printStackTrace(new PrintWriter(sw, true));
+        log.error(sw.toString());
+        return sw.toString();
+    }
+
+    /**
+     * 处理数据校验异常，返回具体字段的校验信息。
+     *
+     * @param ex MethodArgumentNotValidException 异常
+     *
+     * @return ResultHolder 返回封装的错误信息，HTTP 状态码 400
+     */
+    @ResponseStatus(HttpStatus.BAD_REQUEST)
+    @ExceptionHandler(MethodArgumentNotValidException.class)
+    public ResultHolder handleValidationExceptions(MethodArgumentNotValidException ex) {
+        Map<String, String> errors = new HashMap<>();
+        ex.getBindingResult().getAllErrors().forEach((error) -> {
+            String fieldName = ((FieldError) error).getField();
+            String errorMessage = error.getDefaultMessage();
+            errors.put(fieldName, errorMessage);
+        });
+        return ResultHolder.error(CrmHttpResultCode.VALIDATE_FAILED.getCode(),
+                CrmHttpResultCode.VALIDATE_FAILED.getMessage(), errors);
+    }
+
+    /**
+     * 处理请求方法不支持的异常，返回 HTTP 状态码 405。
+     *
+     * @param response  HttpServletResponse 响应
+     * @param exception 异常信息
+     *
+     * @return ResultHolder 返回错误信息
+     */
+    @ExceptionHandler(HttpRequestMethodNotSupportedException.class)
+    public ResultHolder handleHttpRequestMethodNotSupportedException(HttpServletResponse response, Exception exception) {
+        response.setStatus(HttpStatus.METHOD_NOT_ALLOWED.value());
+        return ResultHolder.error(HttpStatus.METHOD_NOT_ALLOWED.value(), exception.getMessage());
+    }
+
+    /**
+     * 处理 MSException 异常，根据 errorCode 设置 HTTP 状态码和业务状态码。
+     *
+     * @param e MSException 异常
+     *
+     * @return ResponseEntity 返回响应实体，包含错误信息
+     */
+    @ExceptionHandler(GenericException.class)
+    public ResponseEntity<ResultHolder> handlerGenericException(GenericException e) {
+        IResultCode errorCode = e.getErrorCode();
+        if (errorCode == null) {
+            // 未设置 errorCode，返回内部服务器错误
+            return ResponseEntity.internalServerError()
+                    .body(ResultHolder.error(CrmHttpResultCode.FAILED.getCode(), e.getMessage()));
+        }
+
+        int code = errorCode.getCode();
+        String message = errorCode.getMessage();
+        message = Translator.get(message, message);
+
+        if (errorCode instanceof CrmHttpResultCode) {
+            // 如果是 CrmHttpResultCode 类型，使用其状态码的后三位作为 HTTP 状态码
+            if (errorCode.equals(CrmHttpResultCode.NOT_FOUND)) {
+                message = getNotFoundMessage(message);
+            }
+            return ResponseEntity.status(code % 1000)
+                    .body(ResultHolder.error(code, message, e.getMessage()));
+        } else {
+            // 其他类型的错误，返回 500 状态码
+            return ResponseEntity.status(HttpStatus.INTERNAL_SERVER_ERROR)
+                    .body(ResultHolder.error(code, Translator.get(message, message), e.getMessage()));
+        }
+    }
+
+    /**
+     * 处理所有类型的异常，返回 HTTP 状态码 500 并格式化异常栈信息。
+     *
+     * @param e Exception 异常
+     *
+     * @return ResponseEntity 返回响应实体，包含错误信息
+     */
+    @ExceptionHandler({Exception.class})
+    public ResponseEntity<ResultHolder> handleException(Exception e) {
+        return ResponseEntity.internalServerError()
+                .body(ResultHolder.error(CrmHttpResultCode.FAILED.getCode(),
+                        e.getMessage(), getStackTraceAsString(e)));
+    }
+
+    @ExceptionHandler({NoResourceFoundException.class, UnavailableSecurityManagerException.class})
+    public ResponseEntity<ResultHolder> handleNoResourceFoundException(NoResourceFoundException e) {
+        log.error("No static resource");
+        return null;
+    }
+
+    /**
+     * 处理 EOF 异常，判断请求路径并返回适当的响应。
+     *
+     * @param request HttpServletRequest 请求
+     * @param e       异常信息
+     *
+     * @return ResponseEntity 返回响应实体，包含错误信息
+     */
+    @ExceptionHandler({EofException.class})
+    public ResponseEntity<Object> handleEofException(HttpServletRequest request, Exception e) {
+        String requestURI = request.getRequestURI();
+        if (requestURI != null && (requestURI.startsWith("/assets")
+                || requestURI.startsWith("/fonts")
+                || requestURI.startsWith("/images")
+                || requestURI.startsWith("/templates"))) {
+            return ResponseEntity.internalServerError().body(null);
+        }
+        return ResponseEntity.internalServerError()
+                .body(ResultHolder.error(CrmHttpResultCode.FAILED.getCode(),
+                        e.getMessage(), getStackTraceAsString(e)));
+    }
+
+    /**
+     * 处理 Shiro 异常，返回 HTTP 状态码 401。
+     *
+     * @param request   HttpServletRequest 请求
+     * @param response  HttpServletResponse 响应
+     * @param exception 异常信息
+     *
+     * @return ResultHolder 返回错误信息
+     */
+    @ExceptionHandler(ShiroException.class)
+    public ResultHolder exceptionHandler(HttpServletRequest request, HttpServletResponse response, Exception exception) {
+        response.setStatus(HttpStatus.UNAUTHORIZED.value());
+        return ResultHolder.error(HttpStatus.UNAUTHORIZED.value(), exception.getMessage());
+    }
+
+    /**
+     * 处理 Shiro 未授权异常，返回 HTTP 状态码 403。
+     *
+     * @param request   HttpServletRequest 请求
+     * @param response  HttpServletResponse 响应
+     * @param exception 异常信息
+     *
+     * @return ResultHolder 返回错误信息
+     */
+    @ExceptionHandler(UnauthorizedException.class)
+    public ResultHolder unauthorizedExceptionHandler(HttpServletRequest request, HttpServletResponse response, Exception exception) {
+        response.setStatus(HttpStatus.FORBIDDEN.value());
+        return ResultHolder.error(HttpStatus.FORBIDDEN.value(), exception.getMessage());
+    }
+
+    @ExceptionHandler(AsyncRequestNotUsableException.class)
+    public ResultHolder asyncRequestNotUsableExceptionHandler(HttpServletRequest request, HttpServletResponse response, Exception exception) {
+        return null;
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/response/handler/ResultHolder.java b/backend/framework/src/main/java/cn/cordys/common/response/handler/ResultHolder.java
new file mode 100644
index 0000000..5182aa2
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/response/handler/ResultHolder.java
@@ -0,0 +1,145 @@
+package cn.cordys.common.response.handler;
+
+import cn.cordys.common.response.result.CrmHttpResultCode;
+import lombok.Data;
+
+/**
+ * ResultHolder 类用于封装接口响应结果，包括状态码、消息、详细信息和返回数据。
+ */
+@Data
+public class ResultHolder {
+
+    /**
+     * 请求是否成功的状态码，默认值为 200（成功）。
+     */
+    private int code = CrmHttpResultCode.SUCCESS.getCode();
+
+    /**
+     * 返回给前端的描述信息，一般是错误信息或成功信息。
+     */
+    private String message;
+
+    /**
+     * 详细描述信息，例如在发生异常时存储异常日志。
+     */
+    private Object messageDetail;
+
+    /**
+     * 返回的数据，可以是任何类型的对象。
+     */
+    private Object data = "";
+
+    /**
+     * 默认构造函数，初始化默认值。
+     */
+    public ResultHolder() {
+    }
+
+    /**
+     * 构造函数，初始化返回数据。
+     *
+     * @param data 返回的数据
+     */
+    public ResultHolder(Object data) {
+        this.data = data;
+    }
+
+    /**
+     * 构造函数，初始化状态码和消息。
+     *
+     * @param code 状态码
+     * @param msg  消息
+     */
+    public ResultHolder(int code, String msg) {
+        this.code = code;
+        this.message = msg;
+    }
+
+    /**
+     * 构造函数，初始化状态码、消息和数据。
+     *
+     * @param code 状态码
+     * @param msg  消息
+     * @param data 返回的数据
+     */
+    public ResultHolder(int code, String msg, Object data) {
+        this.code = code;
+        this.message = msg;
+        this.data = data;
+    }
+
+    /**
+     * 构造函数，初始化状态码、消息、详细信息和数据。
+     *
+     * @param code          状态码
+     * @param msg           消息
+     * @param messageDetail 详细信息
+     * @param data          返回的数据
+     */
+    public ResultHolder(int code, String msg, Object messageDetail, Object data) {
+        this.code = code;
+        this.message = msg;
+        this.messageDetail = messageDetail;
+        this.data = data;
+    }
+
+    /**
+     * 成功响应，返回带有数据的 ResultHolder。
+     *
+     * @param obj 返回的数据
+     *
+     * @return ResultHolder 返回封装的成功响应
+     */
+    public static ResultHolder success(Object obj) {
+        return new ResultHolder(obj);
+    }
+
+    /**
+     * 错误响应，返回带有状态码和消息的 ResultHolder。
+     *
+     * @param code    状态码
+     * @param message 错误消息
+     *
+     * @return ResultHolder 返回封装的错误响应
+     */
+    public static ResultHolder error(int code, String message) {
+        return new ResultHolder(code, message, null, null);
+    }
+
+    /**
+     * 错误响应，返回带有消息和详细信息的 ResultHolder。
+     *
+     * @param message       错误消息
+     * @param messageDetail 错误的详细信息
+     *
+     * @return ResultHolder 返回封装的错误响应
+     */
+    public static ResultHolder error(String message, String messageDetail) {
+        return new ResultHolder(-1, message, messageDetail, null);
+    }
+
+    /**
+     * 错误响应，返回带有状态码、消息和详细信息的 ResultHolder。
+     *
+     * @param code          状态码
+     * @param message       错误消息
+     * @param messageDetail 错误的详细信息
+     *
+     * @return ResultHolder 返回封装的错误响应
+     */
+    public static ResultHolder error(int code, String message, Object messageDetail) {
+        return new ResultHolder(code, message, messageDetail, null);
+    }
+
+    /**
+     * 特殊情况的响应，例如接口可正常返回 HTTP 状态码 200，但需要给前端提供错误信息。
+     *
+     * @param code    自定义状态码
+     * @param message 返回给前端的消息
+     *
+     * @return ResultHolder 返回封装的响应
+     */
+    public static ResultHolder successCodeErrorInfo(int code, String message) {
+        return new ResultHolder(code, message, null, null);
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/response/handler/ResultResponseBodyAdvice.java b/backend/framework/src/main/java/cn/cordys/common/response/handler/ResultResponseBodyAdvice.java
new file mode 100644
index 0000000..39fd263
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/response/handler/ResultResponseBodyAdvice.java
@@ -0,0 +1,81 @@
+package cn.cordys.common.response.handler;
+
+import cn.cordys.common.util.JSON;
+import org.springframework.core.MethodParameter;
+import org.springframework.http.MediaType;
+import org.springframework.http.converter.HttpMessageConverter;
+import org.springframework.http.converter.StringHttpMessageConverter;
+import org.springframework.http.converter.json.MappingJackson2HttpMessageConverter;
+import org.springframework.http.server.ServerHttpRequest;
+import org.springframework.http.server.ServerHttpResponse;
+import org.springframework.web.bind.annotation.RestControllerAdvice;
+import org.springframework.web.servlet.mvc.method.annotation.ResponseBodyAdvice;
+
+/**
+ * <p>统一处理返回结果集的响应体增强类。</p>
+ * <p>该类用于在返回响应之前统一包装返回的结果，使得所有响应都遵循统一格式。
+ * 如果返回的是空值，自动包装为一个成功的响应。<p>
+ *
+ * <p>支持的消息转换器类型为：MappingJackson2HttpMessageConverter 和 StringHttpMessageConverter。</p>
+ */
+@RestControllerAdvice(value = {"cn.cordys"})
+public class ResultResponseBodyAdvice implements ResponseBodyAdvice<Object> {
+
+    /**
+     * 判断当前处理器是否支持该转换器。
+     *
+     * @param methodParameter 当前请求的方法参数
+     * @param converterType   转换器类型
+     *
+     * @return 如果支持则返回 true，否则返回 false
+     */
+    @Override
+    public boolean supports(MethodParameter methodParameter,
+                            Class<? extends HttpMessageConverter<?>> converterType) {
+        return MappingJackson2HttpMessageConverter.class.isAssignableFrom(converterType) ||
+                StringHttpMessageConverter.class.isAssignableFrom(converterType);
+    }
+
+    /**
+     * 在响应体写出之前对响应结果进行处理。
+     *
+     * @param body               响应体内容
+     * @param methodParameter    当前方法参数
+     * @param mediaType          响应的媒体类型
+     * @param converterType      当前使用的消息转换器类型
+     * @param serverHttpRequest  当前的 HTTP 请求
+     * @param serverHttpResponse 当前的 HTTP 响应
+     *
+     * @return 处理后的响应体内容
+     */
+    @Override
+    public Object beforeBodyWrite(Object body,
+                                  MethodParameter methodParameter,
+                                  MediaType mediaType,
+                                  Class<? extends HttpMessageConverter<?>> converterType,
+                                  ServerHttpRequest serverHttpRequest,
+                                  ServerHttpResponse serverHttpResponse) {
+        // 处理空值响应，转换为 JSON 格式的成功响应
+        if (body == null && StringHttpMessageConverter.class.isAssignableFrom(converterType)) {
+            serverHttpResponse.getHeaders().setContentType(MediaType.APPLICATION_JSON);
+            return JSON.toJSONString(ResultHolder.success(body));
+        }
+
+        // 如果方法标注了 NoResultHolder 注解，则不做任何包装
+        if (methodParameter.hasMethodAnnotation(NoResultHolder.class)) {
+            return body;
+        }
+
+        // 如果响应体不是 ResultHolder 类型，则包装为 ResultHolder
+        if (!(body instanceof ResultHolder)) {
+            if (body instanceof String) {
+                serverHttpResponse.getHeaders().setContentType(MediaType.APPLICATION_JSON);
+                return JSON.toJSONString(ResultHolder.success(body));
+            }
+            return ResultHolder.success(body);
+        }
+
+        // 如果响应体已经是 ResultHolder 类型，则直接返回
+        return body;
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/response/result/CrmHttpResultCode.java b/backend/framework/src/main/java/cn/cordys/common/response/result/CrmHttpResultCode.java
new file mode 100644
index 0000000..161f4e8
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/response/result/CrmHttpResultCode.java
@@ -0,0 +1,95 @@
+package cn.cordys.common.response.result;
+
+import cn.cordys.common.exception.IResultCode;
+
+/**
+ * <p>表示 HTTP 状态码的枚举，主要用于在抛出异常时，自动设置 HTTP 响应状态码为对应状态码的后三位数字。</p>
+ * <p>枚举中的每个状态码代表一个 HTTP 请求的响应状态，常用于 REST API。</p>
+ *
+ * <p>状态码采用 100 系列，前三位代表业务域，后三位代表具体的 HTTP 状态码：</p>
+ * <ul>
+ *     <li>成功：100200</li>
+ *     <li>失败：100500</li>
+ *     <li>验证失败：100400</li>
+ *     <li>未授权：100401</li>
+ *     <li>禁止访问：100403</li>
+ *     <li>未找到：100404</li>
+ * </ul>
+ *
+ * <p>实现 {@link IResultCode} 接口，用于标准化异常处理。</p>
+ *
+ * @author jianxing
+ * @see IResultCode
+ * @see CrmHttpResultCode#SUCCESS
+ * @see CrmHttpResultCode#FAILED
+ * @see CrmHttpResultCode#VALIDATE_FAILED
+ * @see CrmHttpResultCode#UNAUTHORIZED
+ * @see CrmHttpResultCode#FORBIDDEN
+ * @see CrmHttpResultCode#NOT_FOUND
+ */
+public enum CrmHttpResultCode implements IResultCode {
+
+    /**
+     * 请求成功
+     */
+    SUCCESS(100200, "http_result_success"),
+
+    /**
+     * 请求失败，未知异常
+     */
+    FAILED(100500, "http_result_unknown_exception"),
+
+    /**
+     * 验证失败
+     */
+    VALIDATE_FAILED(100400, "http_result_validate"),
+
+    /**
+     * 未授权，需登录
+     */
+    UNAUTHORIZED(100401, "http_result_unauthorized"),
+
+    /**
+     * 禁止访问
+     */
+    FORBIDDEN(100403, "http_result_forbidden"),
+
+    /**
+     * 资源未找到
+     */
+    NOT_FOUND(100404, "http_result_not_found");
+
+    private final int code;
+    private final String message;
+
+    /**
+     * 枚举构造函数
+     *
+     * @param code    HTTP 状态码
+     * @param message 状态码对应的消息键
+     */
+    CrmHttpResultCode(int code, String message) {
+        this.code = code;
+        this.message = message;
+    }
+
+    /**
+     * 获取 HTTP 状态码
+     *
+     * @return HTTP 状态码的数值
+     */
+    @Override
+    public int getCode() {
+        return code;
+    }
+
+    /**
+     * 获取状态码的消息
+     *
+     * @return 状态码对应的消息，经过翻译处理
+     */
+    @Override
+    public String getMessage() {
+        return getTranslationMessage(this.message);
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/uid/BitsAllocator.java b/backend/framework/src/main/java/cn/cordys/common/uid/BitsAllocator.java
new file mode 100644
index 0000000..ef2243d
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/uid/BitsAllocator.java
@@ -0,0 +1,114 @@
+package cn.cordys.common.uid;
+
+import org.apache.commons.lang3.builder.ToStringBuilder;
+import org.apache.commons.lang3.builder.ToStringStyle;
+import org.springframework.util.Assert;
+
+/**
+ * Allocate 64 bits for the UID(long)<br>
+ * sign (fixed 1bit) -> deltaSecond -> workerId -> sequence(within the same second)
+ **/
+public class BitsAllocator {
+    /**
+     * Total 64 bits
+     */
+    public static final int TOTAL_BITS = 1 << 6;
+
+    /**
+     * Bits for [sign-> second-> workId-> sequence]
+     */
+    private final int signBits = 1;
+    private final int timestampBits;
+    private final int workerIdBits;
+    private final int sequenceBits;
+
+    /**
+     * Max value for workId & sequence
+     */
+    private final long maxDeltaSeconds;
+    private final long maxWorkerId;
+    private final long maxSequence;
+
+    /**
+     * Shift for timestamp & workerId
+     */
+    private final int timestampShift;
+    private final int workerIdShift;
+
+    /**
+     * Constructor with timestampBits, workerIdBits, sequenceBits<br>
+     * The highest bit used for sign, so <code>63</code> bits for timestampBits, workerIdBits, sequenceBits
+     */
+    public BitsAllocator(int timestampBits, int workerIdBits, int sequenceBits) {
+        // make sure allocated 64 bits
+        int allocateTotalBits = signBits + timestampBits + workerIdBits + sequenceBits;
+        Assert.isTrue(allocateTotalBits == TOTAL_BITS, "allocate not enough 64 bits");
+
+        // initialize bits
+        this.timestampBits = timestampBits;
+        this.workerIdBits = workerIdBits;
+        this.sequenceBits = sequenceBits;
+
+        // initialize max value
+        this.maxDeltaSeconds = ~(-1L << timestampBits);
+        this.maxWorkerId = ~(-1L << workerIdBits);
+        this.maxSequence = ~(-1L << sequenceBits);
+
+        // initialize shift
+        this.timestampShift = workerIdBits + sequenceBits;
+        this.workerIdShift = sequenceBits;
+    }
+
+    /**
+     * Allocate bits for UID according to delta seconds & workerId & sequence<br>
+     * <b>Note that: </b>The highest bit will always be 0 for sign
+     */
+    public long allocate(long deltaSeconds, long workerId, long sequence) {
+        return (deltaSeconds << timestampShift) | (workerId << workerIdShift) | sequence;
+    }
+
+    /**
+     * Getters
+     */
+    public int getSignBits() {
+        return signBits;
+    }
+
+    public int getTimestampBits() {
+        return timestampBits;
+    }
+
+    public int getWorkerIdBits() {
+        return workerIdBits;
+    }
+
+    public int getSequenceBits() {
+        return sequenceBits;
+    }
+
+    public long getMaxDeltaSeconds() {
+        return maxDeltaSeconds;
+    }
+
+    public long getMaxWorkerId() {
+        return maxWorkerId;
+    }
+
+    public long getMaxSequence() {
+        return maxSequence;
+    }
+
+    public int getTimestampShift() {
+        return timestampShift;
+    }
+
+    public int getWorkerIdShift() {
+        return workerIdShift;
+    }
+
+    @Override
+    public String toString() {
+        return ToStringBuilder.reflectionToString(this, ToStringStyle.SHORT_PREFIX_STYLE);
+    }
+
+}
\ No newline at end of file
diff --git a/backend/framework/src/main/java/cn/cordys/common/uid/IDGenerator.java b/backend/framework/src/main/java/cn/cordys/common/uid/IDGenerator.java
new file mode 100644
index 0000000..a6474ea
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/uid/IDGenerator.java
@@ -0,0 +1,37 @@
+package cn.cordys.common.uid;
+
+import cn.cordys.common.uid.impl.DefaultUidGenerator;
+import cn.cordys.common.util.CommonBeanFactory;
+
+/**
+ * IDGenerator 用于生成唯一的 ID。
+ * 提供了生成数字 ID 和字符串 ID 的功能。
+ */
+public class IDGenerator {
+
+    // 默认的 UID 生成器实例
+    private static final DefaultUidGenerator DEFAULT_UID_GENERATOR;
+
+    static {
+        // 从 CommonBeanFactory 获取 DefaultUidGenerator 实例
+        DEFAULT_UID_GENERATOR = CommonBeanFactory.getBean(DefaultUidGenerator.class);
+    }
+
+    /**
+     * 生成一个唯一的数字 ID。
+     *
+     * @return 唯一的数字 ID
+     */
+    public static Long nextNum() {
+        return DEFAULT_UID_GENERATOR.getUID();
+    }
+
+    /**
+     * 生成一个唯一的字符串 ID。
+     *
+     * @return 唯一的字符串 ID
+     */
+    public static String nextStr() {
+        return String.valueOf(DEFAULT_UID_GENERATOR.getUID());
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/uid/NumGenerator.java b/backend/framework/src/main/java/cn/cordys/common/uid/NumGenerator.java
new file mode 100644
index 0000000..a43fd22
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/uid/NumGenerator.java
@@ -0,0 +1,92 @@
+package cn.cordys.common.uid;
+
+import cn.cordys.common.constants.ApplicationNumScope;
+import jakarta.annotation.Resource;
+import org.apache.commons.lang3.StringUtils;
+import org.redisson.Redisson;
+import org.redisson.api.RIdGenerator;
+import org.springframework.data.redis.core.StringRedisTemplate;
+import org.springframework.stereotype.Component;
+
+import java.util.List;
+
+/**
+ * 用于生成数字 ID 的生成器类，支持根据不同的应用场景（Scope）生成唯一的 ID。
+ *
+ * <p>该类使用 Redisson 的分布式 ID 生成器和 Redis 进行管理。</p>
+ */
+@Component
+public class NumGenerator {
+
+    // 初始值，代表从100001开始生成 ID
+    private static final long INIT = 100001L;
+
+    // 限制每次生成的最大数量
+    private static final long LIMIT = 1;
+    // 特定的子范围，用于表示二级的用例
+    private static final List<ApplicationNumScope> SUB_NUM = List.of(ApplicationNumScope.SYSTEM);
+    // Redisson 实例，用于获取分布式 ID 生成器
+    private static Redisson redisson;
+    // StringRedisTemplate 用于操作 Redis
+    private static StringRedisTemplate stringRedisTemplate;
+
+    /**
+     * 根据指定的应用场景生成唯一的数字 ID。
+     *
+     * @param scope 应用场景（例如：接口用例）
+     *
+     * @return 唯一的数字 ID
+     */
+    public static long nextNum(ApplicationNumScope scope) {
+        return nextNum(scope.name(), scope);
+    }
+
+    /**
+     * 根据指定的前缀和应用场景生成唯一的数字 ID。
+     *
+     * @param prefix 前缀，例如：ORGANIZATION_ID + "_" + DOMAIN
+     * @param scope  应用场景（例如：接口用例）
+     *
+     * @return 唯一的数字 ID
+     */
+    public static long nextNum(String prefix, ApplicationNumScope scope) {
+        // 获取分布式 ID 生成器
+        RIdGenerator idGenerator = redisson.getIdGenerator(prefix + "_" + scope.name());
+
+        // 处理子范围的用例（如 SYSTEM）
+        if (SUB_NUM.contains(scope)) {
+            // 确保 ID 生成器存在，如果不存在则初始化
+            if (!idGenerator.isExists()) {
+                idGenerator.tryInit(1, LIMIT);
+            }
+            // 返回格式化后的 ID，保留 3 位
+            return Long.parseLong(prefix.split("_")[1] + StringUtils.leftPad(String.valueOf(idGenerator.nextId()), 3, "0"));
+        } else {
+            // 其他范围的用例，初始化 ID 生成器
+            if (!idGenerator.isExists()) {
+                idGenerator.tryInit(INIT, LIMIT);
+            }
+            return idGenerator.nextId();
+        }
+    }
+
+    /**
+     * 设置 Redisson 实例，用于分布式 ID 生成器。
+     *
+     * @param redisson Redisson 实例
+     */
+    @Resource
+    public void setRedisson(Redisson redisson) {
+        NumGenerator.redisson = redisson;
+    }
+
+    /**
+     * 设置 StringRedisTemplate 实例，用于操作 Redis。
+     *
+     * @param stringRedisTemplate StringRedisTemplate 实例
+     */
+    @Resource
+    public void setStringRedisTemplate(StringRedisTemplate stringRedisTemplate) {
+        NumGenerator.stringRedisTemplate = stringRedisTemplate;
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/uid/SerialNumGenerator.java b/backend/framework/src/main/java/cn/cordys/common/uid/SerialNumGenerator.java
new file mode 100644
index 0000000..d139432
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/uid/SerialNumGenerator.java
@@ -0,0 +1,122 @@
+package cn.cordys.common.uid;
+
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.quartz.anno.QuartzScheduled;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.Strings;
+import org.springframework.data.redis.core.Cursor;
+import org.springframework.data.redis.core.ScanOptions;
+import org.springframework.data.redis.core.StringRedisTemplate;
+import org.springframework.stereotype.Component;
+
+import java.text.SimpleDateFormat;
+import java.util.Date;
+import java.util.List;
+import java.util.Objects;
+
+@Component
+@Slf4j
+public class SerialNumGenerator {
+
+    private static final int RULE_SIZE = 5;
+    private static final int DATE_KEY_IDX = 3;
+    private static final String PREFIX = "serial";
+
+    private final StringRedisTemplate redis;
+
+    public SerialNumGenerator(StringRedisTemplate redis) {
+        this.redis = redis;
+    }
+
+    /**
+     * 按规则生成流水号
+     */
+    public String generateByRules(List<String> rules, String orgId, String formKey) {
+        if (CollectionUtils.size(rules) < RULE_SIZE) {
+            throw new GenericException("流水号规则配置有误");
+        }
+
+        Rule r = Rule.from(rules);
+
+        // 强制使用年月作为流水号 key 的日期部分
+        String date = new SimpleDateFormat(r.datePattern()).format(new Date());
+        String key = "%s:%s:%s:%s:%s".formatted(PREFIX, orgId, formKey, date, r.p1);
+        try {
+            // Redis 自增序列
+            long seq = Objects.requireNonNull(redis.opsForValue().increment(key), "Redis increment 返回 null");
+            // 构造最终流水号
+            return ("%s%s%s%s%0" + r.width() + "d")
+                    .formatted(r.p1(), r.p2(), date, r.mid(), seq);
+
+        } catch (Exception e) {
+            log.error("生成流水号失败", e);
+            return null;
+        }
+    }
+
+    /**
+     * 内部规则封装
+     */
+    private record Rule(String p1, String p2, String datePattern, String mid, int width) {
+        static Rule from(List<String> rules) {
+            return new Rule(
+                    rules.get(0),
+                    rules.get(1),
+                    rules.get(2),
+                    rules.get(3),
+                    Integer.parseInt(rules.get(4))
+            );
+        }
+
+        private boolean equals(Rule other) {
+            return Strings.CS.equals(this.p1, other.p1)
+                    && Strings.CS.equals(this.p2, other.p2)
+                    && Strings.CS.equals(this.datePattern, other.datePattern)
+                    && Strings.CS.equals(this.mid, other.mid)
+                    && this.width == other.width;
+        }
+    }
+
+    @QuartzScheduled(cron = "0 0 1 1,16 * ?")
+    public void clean() {
+        log.info("开始清理过期流水号Key");
+
+        String currentMonth = new SimpleDateFormat("yyyyMM").format(new Date());
+        try (Cursor<String> cursor = redis.scan(ScanOptions.scanOptions().match("serial:*:*:*:*").count(1000).build())) {
+            cursor.forEachRemaining(key -> {
+				String[] ks = key.split(":");
+				if (ks.length != RULE_SIZE) {
+					log.warn("存在脏Key: {}", key);
+					return;
+				}
+				if (!currentMonth.equals(ks[DATE_KEY_IDX])) {
+					redis.delete(key);
+					log.info("删除过期Key: {}", key);
+				}
+            });
+        } catch (Exception e) {
+            log.error("流水号过期Key清理异常: ", e);
+        }
+
+        log.info("流水号过期Key清理完成");
+    }
+
+    public boolean sameRule(List<String> oRules, List<String> nRules) {
+        if (oRules.size() != nRules.size() && oRules.size() != RULE_SIZE) {
+            return false;
+        }
+        Rule or = Rule.from(oRules);
+        Rule nr = Rule.from(nRules);
+        return or.equals(nr);
+    }
+
+    /**
+     * 重置指定规则的流水号
+     */
+    public void resetKey(String datePattern, String formKey, String orgId) {
+        String date = new SimpleDateFormat(datePattern).format(new Date());
+        String key = "%s:%s:%s:%s".formatted(PREFIX, orgId, formKey, date);
+        redis.delete(key);
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/uid/buffer/BufferPaddingExecutor.java b/backend/framework/src/main/java/cn/cordys/common/uid/buffer/BufferPaddingExecutor.java
new file mode 100644
index 0000000..0f74552
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/uid/buffer/BufferPaddingExecutor.java
@@ -0,0 +1,167 @@
+package cn.cordys.common.uid.buffer;
+
+import cn.cordys.common.uid.utils.NamingThreadFactory;
+import cn.cordys.common.uid.utils.PaddedAtomicLong;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.springframework.util.Assert;
+
+import java.util.List;
+import java.util.concurrent.ExecutorService;
+import java.util.concurrent.Executors;
+import java.util.concurrent.ScheduledExecutorService;
+import java.util.concurrent.TimeUnit;
+import java.util.concurrent.atomic.AtomicBoolean;
+
+/**
+ * Represents an executor for padding {@link RingBuffer}<br>
+ * There are two kinds of executors: one for scheduled padding, the other for padding immediately.
+ */
+public class BufferPaddingExecutor {
+    private static final Logger LOGGER = LoggerFactory.getLogger(BufferPaddingExecutor.class);
+
+    /**
+     * Constants
+     */
+    private static final String WORKER_NAME = "RingBuffer-Padding-Worker";
+    private static final String SCHEDULE_NAME = "RingBuffer-Padding-Schedule";
+    private static final long DEFAULT_SCHEDULE_INTERVAL = 5 * 60L; // 5 minutes
+
+    /**
+     * Whether buffer padding is running
+     */
+    private final AtomicBoolean running;
+
+    /**
+     * We can borrow UIDs from the future, here store the last second we have consumed
+     */
+    private final PaddedAtomicLong lastSecond;
+
+    /**
+     * RingBuffer & BufferUidProvider
+     */
+    private final RingBuffer ringBuffer;
+    private final BufferedUidProvider uidProvider;
+
+    /**
+     * Padding immediately by the thread pool
+     */
+    private final ExecutorService bufferPadExecutors;
+    /**
+     * Padding schedule thread
+     */
+    private final ScheduledExecutorService bufferPadSchedule;
+
+    /**
+     * Schedule interval Unit as seconds
+     */
+    private long scheduleInterval = DEFAULT_SCHEDULE_INTERVAL;
+
+    /**
+     * Constructor with {@link RingBuffer} and {@link BufferedUidProvider}, default use schedule
+     *
+     * @param ringBuffer  {@link RingBuffer}
+     * @param uidProvider {@link BufferedUidProvider}
+     */
+    public BufferPaddingExecutor(RingBuffer ringBuffer, BufferedUidProvider uidProvider) {
+        this(ringBuffer, uidProvider, true);
+    }
+
+    /**
+     * Constructor with {@link RingBuffer}, {@link BufferedUidProvider}, and whether use schedule padding
+     *
+     * @param ringBuffer  {@link RingBuffer}
+     * @param uidProvider {@link BufferedUidProvider}
+     */
+    public BufferPaddingExecutor(RingBuffer ringBuffer, BufferedUidProvider uidProvider, boolean usingSchedule) {
+        this.running = new AtomicBoolean(false);
+        this.lastSecond = new PaddedAtomicLong(TimeUnit.MILLISECONDS.toSeconds(System.currentTimeMillis()));
+        this.ringBuffer = ringBuffer;
+        this.uidProvider = uidProvider;
+
+        // initialize thread pool
+        int cores = Runtime.getRuntime().availableProcessors();
+        bufferPadExecutors = Executors.newFixedThreadPool(cores * 2, new NamingThreadFactory(WORKER_NAME));
+
+        // initialize schedule thread
+        if (usingSchedule) {
+            bufferPadSchedule = Executors.newSingleThreadScheduledExecutor(new NamingThreadFactory(SCHEDULE_NAME));
+        } else {
+            bufferPadSchedule = null;
+        }
+    }
+
+    /**
+     * Start executors such as schedule
+     */
+    public void start() {
+        if (bufferPadSchedule != null) {
+            bufferPadSchedule.scheduleWithFixedDelay(this::paddingBuffer, scheduleInterval, scheduleInterval, TimeUnit.SECONDS);
+        }
+    }
+
+    /**
+     * Shutdown executors
+     */
+    public void shutdown() {
+        if (!bufferPadExecutors.isShutdown()) {
+            bufferPadExecutors.shutdownNow();
+        }
+
+        if (bufferPadSchedule != null && !bufferPadSchedule.isShutdown()) {
+            bufferPadSchedule.shutdownNow();
+        }
+    }
+
+    /**
+     * Whether is padding
+     */
+    public boolean isRunning() {
+        return running.get();
+    }
+
+    /**
+     * Padding buffer in the thread pool
+     */
+    public void asyncPadding() {
+        bufferPadExecutors.submit(this::paddingBuffer);
+    }
+
+    /**
+     * Padding buffer fill the slots until to catch the cursor
+     */
+    public void paddingBuffer() {
+        LOGGER.info("Ready to padding buffer lastSecond:{}. {}", lastSecond.get(), ringBuffer);
+
+        // is still running
+        if (!running.compareAndSet(false, true)) {
+            LOGGER.info("Padding buffer is still running. {}", ringBuffer);
+            return;
+        }
+
+        // fill the rest slots until to catch the cursor
+        boolean isFullRingBuffer = false;
+        while (!isFullRingBuffer) {
+            List<Long> uidList = uidProvider.provide(lastSecond.incrementAndGet());
+            for (Long uid : uidList) {
+                isFullRingBuffer = !ringBuffer.put(uid);
+                if (isFullRingBuffer) {
+                    break;
+                }
+            }
+        }
+
+        // not running now
+        running.compareAndSet(true, false);
+        LOGGER.info("End to padding buffer lastSecond:{}. {}", lastSecond.get(), ringBuffer);
+    }
+
+    /**
+     * Setters
+     */
+    public void setScheduleInterval(long scheduleInterval) {
+        Assert.isTrue(scheduleInterval > 0, "Schedule interval must positive!");
+        this.scheduleInterval = scheduleInterval;
+    }
+
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/uid/buffer/BufferedUidProvider.java b/backend/framework/src/main/java/cn/cordys/common/uid/buffer/BufferedUidProvider.java
new file mode 100644
index 0000000..483dadd
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/uid/buffer/BufferedUidProvider.java
@@ -0,0 +1,15 @@
+package cn.cordys.common.uid.buffer;
+
+import java.util.List;
+
+/**
+ * Buffered UID provider(Lambda supported), which provides UID in the same one second
+ */
+@FunctionalInterface
+public interface BufferedUidProvider {
+
+    /**
+     * Provides UID in one second
+     */
+    List<Long> provide(long momentInSecond);
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/uid/buffer/RejectedPutBufferHandler.java b/backend/framework/src/main/java/cn/cordys/common/uid/buffer/RejectedPutBufferHandler.java
new file mode 100644
index 0000000..6b7add0
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/uid/buffer/RejectedPutBufferHandler.java
@@ -0,0 +1,14 @@
+package cn.cordys.common.uid.buffer;
+
+/**
+ * If tail catches the cursor it means that the ring buffer is full, any more buffer put request will be rejected.
+ * Specify the policy to handle the reject. This is a Lambda supported interface
+ */
+@FunctionalInterface
+public interface RejectedPutBufferHandler {
+
+    /**
+     * Reject put buffer request
+     */
+    void rejectPutBuffer(RingBuffer ringBuffer, long uid);
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/uid/buffer/RejectedTakeBufferHandler.java b/backend/framework/src/main/java/cn/cordys/common/uid/buffer/RejectedTakeBufferHandler.java
new file mode 100644
index 0000000..5654e1c
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/uid/buffer/RejectedTakeBufferHandler.java
@@ -0,0 +1,14 @@
+package cn.cordys.common.uid.buffer;
+
+/**
+ * If cursor catches the tail it means that the ring buffer is empty, any more buffer take request will be rejected.
+ * Specify the policy to handle the reject. This is a Lambda supported interface
+ */
+@FunctionalInterface
+public interface RejectedTakeBufferHandler {
+
+    /**
+     * Reject take buffer request
+     */
+    void rejectTakeBuffer(RingBuffer ringBuffer);
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/uid/buffer/RingBuffer.java b/backend/framework/src/main/java/cn/cordys/common/uid/buffer/RingBuffer.java
new file mode 100644
index 0000000..dbfb401
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/uid/buffer/RingBuffer.java
@@ -0,0 +1,249 @@
+package cn.cordys.common.uid.buffer;
+
+import cn.cordys.common.uid.utils.PaddedAtomicLong;
+import lombok.Getter;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.springframework.util.Assert;
+
+import java.util.concurrent.atomic.AtomicLong;
+
+/**
+ * Represents a ring buffer based on array.<br>
+ * Using array could improve read element performance due to the CUP cache line. To prevent
+ * the side effect of False Sharing, {@link PaddedAtomicLong} is using on 'tail' and 'cursor'<p>
+ * <p>
+ * A ring buffer is consisted of:
+ * <li><b>slots:</b> each element of the array is a slot, which is be set with a UID
+ * <li><b>flags:</b> flag array corresponding the same index with the slots, indicates whether can take or put slot
+ * <li><b>tail:</b> a sequence of the max slot position to produce
+ * <li><b>cursor:</b> a sequence of the min slot position to consume
+ */
+public class RingBuffer {
+    public static final int DEFAULT_PADDING_PERCENT = 50;
+    private static final Logger LOGGER = LoggerFactory.getLogger(RingBuffer.class);
+    /**
+     * Constants
+     */
+    private static final int START_POINT = -1;
+    private static final long CAN_PUT_FLAG = 0L;
+    private static final long CAN_TAKE_FLAG = 1L;
+    /**
+     * The size of RingBuffer's slots, each slot hold a UID
+     */
+    @Getter
+    private final int bufferSize;
+    private final long indexMask;
+    private final long[] slots;
+    private final PaddedAtomicLong[] flags;
+
+    /**
+     * Tail: last position sequence to produce
+     */
+    private final AtomicLong tail = new PaddedAtomicLong(START_POINT);
+
+    /**
+     * Cursor: current position sequence to consume
+     */
+    private final AtomicLong cursor = new PaddedAtomicLong(START_POINT);
+
+    /**
+     * Threshold for trigger padding buffer
+     */
+    private final int paddingThreshold;
+
+    /**
+     * Reject put/take buffer handle policy
+     */
+    private RejectedPutBufferHandler rejectedPutHandler = this::discardPutBuffer;
+    private RejectedTakeBufferHandler rejectedTakeHandler = this::exceptionRejectedTakeBuffer;
+
+    /**
+     * Executor of padding buffer
+     */
+    private BufferPaddingExecutor bufferPaddingExecutor;
+
+    /**
+     * Constructor with buffer size, paddingFactor default as {@value #DEFAULT_PADDING_PERCENT}
+     *
+     * @param bufferSize must be positive & a power of 2
+     */
+    public RingBuffer(int bufferSize) {
+        this(bufferSize, DEFAULT_PADDING_PERCENT);
+    }
+
+    /**
+     * Constructor with buffer size & padding factor
+     *
+     * @param bufferSize    must be positive & a power of 2
+     * @param paddingFactor percent in (0 - 100). When the count of rest available UIDs reach the threshold, it will trigger padding buffer<br>
+     *                      Sample: paddingFactor=20, bufferSize=1000 -> threshold=1000 * 20 /100,
+     *                      padding buffer will be triggered when tail-cursor<threshold
+     */
+    public RingBuffer(int bufferSize, int paddingFactor) {
+        // check buffer size is positive & a power of 2; padding factor in (0, 100)
+        Assert.isTrue(bufferSize > 0L, "RingBuffer size must be positive");
+        Assert.isTrue(Integer.bitCount(bufferSize) == 1, "RingBuffer size must be a power of 2");
+        Assert.isTrue(paddingFactor > 0 && paddingFactor < 100, "RingBuffer size must be positive");
+
+        this.bufferSize = bufferSize;
+        this.indexMask = bufferSize - 1;
+        this.slots = new long[bufferSize];
+        this.flags = initFlags(bufferSize);
+
+        this.paddingThreshold = bufferSize * paddingFactor / 100;
+    }
+
+    /**
+     * Put an UID in the ring & tail moved<br>
+     * We use 'synchronized' to guarantee the UID fill in slot & publish new tail sequence as atomic operations<br>
+     *
+     * <b>Note that: </b> It is recommended to put UID in a serialize way, cause we once batch generate a series UIDs and put
+     * the one by one into the buffer, so it is unnecessary put in multi-threads
+     * * @return false means that the buffer is full, apply {@link RejectedPutBufferHandler}
+     */
+    public synchronized boolean put(long uid) {
+        long currentTail = tail.get();
+        long currentCursor = cursor.get();
+
+        // tail catches the cursor, means that you can't put any cause of RingBuffer is full
+        long distance = currentTail - (currentCursor == START_POINT ? 0 : currentCursor);
+        if (distance == bufferSize - 1) {
+            rejectedPutHandler.rejectPutBuffer(this, uid);
+            return false;
+        }
+
+        // 1. pre-check whether the flag is CAN_PUT_FLAG
+        int nextTailIndex = calSlotIndex(currentTail + 1);
+        if (flags[nextTailIndex].get() != CAN_PUT_FLAG) {
+            rejectedPutHandler.rejectPutBuffer(this, uid);
+            return false;
+        }
+
+        // 2. put UID in the next slot
+        // 3. update next slot' flag to CAN_TAKE_FLAG
+        // 4. publish tail with sequence increase by one
+        slots[nextTailIndex] = uid;
+        flags[nextTailIndex].set(CAN_TAKE_FLAG);
+        tail.incrementAndGet();
+
+        // The atomicity of operations above, guarantees by 'synchronized'. In another word,
+        // the take operation can't consume the UID we just put, until the tail is published(tail.incrementAndGet())
+        return true;
+    }
+
+    /**
+     * Take an UID of the ring at the next cursor, this is a lock free operation by using atomic cursor<p>
+     * <p>
+     * Before getting the UID, we also check whether reach the padding threshold,
+     * the padding buffer operation will be triggered in another thread<br>
+     * If there is no more available UID to be taken, the specified {@link RejectedTakeBufferHandler} will be applied<br>
+     *
+     * @return UID
+     *
+     * @throws IllegalStateException if the cursor moved back
+     */
+    public long take() {
+        // spin get next available cursor
+        long currentCursor = cursor.get();
+        long nextCursor = cursor.updateAndGet(old -> old == tail.get() ? old : old + 1);
+
+        // check for safety consideration, it never occurs
+        Assert.isTrue(nextCursor >= currentCursor, "Cursor can't move back");
+
+        // trigger padding in an async-mode if reach the threshold
+        long currentTail = tail.get();
+        if (currentTail - nextCursor < paddingThreshold) {
+            LOGGER.info("Reach the padding threshold:{}. tail:{}, cursor:{}, rest:{}", paddingThreshold, currentTail,
+                    nextCursor, currentTail - nextCursor);
+            bufferPaddingExecutor.asyncPadding();
+        }
+
+        // cursor catch the tail, means that there is no more available UID to take
+        if (nextCursor == currentCursor) {
+            rejectedTakeHandler.rejectTakeBuffer(this);
+        }
+
+        // 1. check next slot flag is CAN_TAKE_FLAG
+        int nextCursorIndex = calSlotIndex(nextCursor);
+        Assert.isTrue(flags[nextCursorIndex].get() == CAN_TAKE_FLAG, "Cursor not in can take status");
+
+        // 2. get UID from next slot
+        // 3. set next slot flag as CAN_PUT_FLAG.
+        long uid = slots[nextCursorIndex];
+        flags[nextCursorIndex].set(CAN_PUT_FLAG);
+
+        // Note that: Step 2,3 can not swap. If we set flag before get value of slot, the producer may overwrite the
+        // slot with a new UID, and this may cause the consumer take the UID twice after walk a round the ring
+        return uid;
+    }
+
+    /**
+     * Calculate slot index with the slot sequence (sequence % bufferSize)
+     */
+    protected int calSlotIndex(long sequence) {
+        return (int) (sequence & indexMask);
+    }
+
+    /**
+     * Discard policy for {@link RejectedPutBufferHandler}, we just do logging
+     */
+    protected void discardPutBuffer(RingBuffer ringBuffer, long uid) {
+        LOGGER.warn("Rejected putting buffer for uid:{}. {}", uid, ringBuffer);
+    }
+
+    /**
+     * Policy for {@link RejectedTakeBufferHandler}, throws {@link RuntimeException} after logging
+     */
+    protected void exceptionRejectedTakeBuffer(RingBuffer ringBuffer) {
+        LOGGER.warn("Rejected take buffer. {}", ringBuffer);
+        throw new RuntimeException("Rejected take buffer. " + ringBuffer);
+    }
+
+    /**
+     * Initialize flags as CAN_PUT_FLAG
+     */
+    private PaddedAtomicLong[] initFlags(int bufferSize) {
+        PaddedAtomicLong[] flags = new PaddedAtomicLong[bufferSize];
+        for (int i = 0; i < bufferSize; i++) {
+            flags[i] = new PaddedAtomicLong(CAN_PUT_FLAG);
+        }
+
+        return flags;
+    }
+
+    /**
+     * Getters
+     */
+    public long getTail() {
+        return tail.get();
+    }
+
+    public long getCursor() {
+        return cursor.get();
+    }
+
+    /**
+     * Setters
+     */
+    public void setBufferPaddingExecutor(BufferPaddingExecutor bufferPaddingExecutor) {
+        this.bufferPaddingExecutor = bufferPaddingExecutor;
+    }
+
+    public void setRejectedPutHandler(RejectedPutBufferHandler rejectedPutHandler) {
+        this.rejectedPutHandler = rejectedPutHandler;
+    }
+
+    public void setRejectedTakeHandler(RejectedTakeBufferHandler rejectedTakeHandler) {
+        this.rejectedTakeHandler = rejectedTakeHandler;
+    }
+
+    @Override
+    public String toString() {
+        return "RingBuffer [bufferSize=" + bufferSize +
+                ", tail=" + tail +
+                ", cursor=" + cursor +
+                ", paddingThreshold=" + paddingThreshold + "]";
+    }
+
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/uid/impl/DefaultUidGenerator.java b/backend/framework/src/main/java/cn/cordys/common/uid/impl/DefaultUidGenerator.java
new file mode 100644
index 0000000..3f77c3a
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/uid/impl/DefaultUidGenerator.java
@@ -0,0 +1,156 @@
+package cn.cordys.common.uid.impl;
+
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.uid.BitsAllocator;
+import cn.cordys.common.uid.worker.WorkerIdAssigner;
+import cn.cordys.common.util.TimeUtils;
+import jakarta.annotation.PostConstruct;
+import jakarta.annotation.Resource;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.beans.factory.DisposableBean;
+import org.springframework.stereotype.Component;
+import org.springframework.util.Assert;
+
+import java.util.concurrent.TimeUnit;
+
+@Component
+@Slf4j
+public class DefaultUidGenerator implements DisposableBean {
+
+    /**
+     * ===== Bits allocation =====
+     * sign(1) + time + worker + sequence = 64
+     */
+    protected int timeBits = 30; // 秒级时间，≈34 年
+    protected int workerBits = 21; // 200w+ worker
+    protected int seqBits = 12; // 每秒 4096
+
+    /**
+     * ===== Fixed epoch (DO NOT CHANGE AFTER RELEASE) =====
+     * 2025-01-01 00:00:00
+     */
+    protected String epochStr = "2025-01-01";
+    protected long epochSeconds;
+
+    /**
+     * ===== Stable fields =====
+     */
+    protected BitsAllocator bitsAllocator;
+    protected long workerId;
+
+    /**
+     * ===== Volatile fields =====
+     */
+    protected long sequence = 0L;
+    protected long lastSecond = -1L;
+
+    /**
+     * ===== WorkerId =====
+     */
+    @Resource
+    protected WorkerIdAssigner workerIdAssigner;
+
+    /**
+     * Spring lifecycle init
+     */
+    @PostConstruct
+    public void init() {
+        // init epoch
+        setEpochStr(epochStr);
+
+        // init bits allocator
+        this.bitsAllocator = new BitsAllocator(timeBits, workerBits, seqBits);
+
+        // init worker id
+        this.workerId = workerIdAssigner.assignWorkerId();
+        if (workerId < 0 || workerId > bitsAllocator.getMaxWorkerId()) {
+            throw new IllegalStateException(
+                    "WorkerId " + workerId + " exceeds max " + bitsAllocator.getMaxWorkerId()
+            );
+        }
+
+        log.info(
+                "Initialized UID Generator: epoch={}, bits=(time:{}, worker:{}, seq:{}), workerId={}",
+                epochStr, timeBits, workerBits, seqBits, workerId
+        );
+    }
+
+    /**
+     * Get UID
+     */
+    public long getUID() {
+        Assert.notNull(bitsAllocator, "UidGenerator not initialized");
+        return nextId();
+    }
+
+    /**
+     * Generate next UID
+     */
+    protected synchronized long nextId() {
+        long currentSecond = getCurrentSecond();
+
+        // Clock moved backwards
+        if (currentSecond < lastSecond) {
+            long refusedSeconds = lastSecond - currentSecond;
+            throw new GenericException(
+                    String.format("Clock moved backwards. Refusing for %d seconds", refusedSeconds)
+            );
+        }
+
+        if (currentSecond == lastSecond) {
+            sequence = (sequence + 1) & bitsAllocator.getMaxSequence();
+            if (sequence == 0) {
+                currentSecond = waitNextSecond(lastSecond);
+            }
+        } else {
+            sequence = 0L;
+        }
+
+        lastSecond = currentSecond;
+
+        return bitsAllocator.allocate(
+                currentSecond - epochSeconds,
+                workerId,
+                sequence
+        );
+    }
+
+    /**
+     * Wait until next second
+     */
+    private long waitNextSecond(long lastSecond) {
+        long current = getCurrentSecond();
+        while (current <= lastSecond) {
+            current = getCurrentSecond();
+        }
+        return current;
+    }
+
+    /**
+     * Get current second
+     */
+    private long getCurrentSecond() {
+        long currentSecond = TimeUnit.MILLISECONDS.toSeconds(System.currentTimeMillis());
+        if (currentSecond - epochSeconds > bitsAllocator.getMaxDeltaSeconds()) {
+            throw new GenericException(
+                    "Timestamp bits exhausted. Refusing UID generation. Now=" + currentSecond
+            );
+        }
+        return currentSecond;
+    }
+
+    public void setEpochStr(String epochStr) {
+        if (StringUtils.isNotBlank(epochStr)) {
+            this.epochStr = epochStr;
+            this.epochSeconds = TimeUnit.MILLISECONDS.toSeconds(
+                    TimeUtils.parseByDayPattern(epochStr).getTime()
+            );
+        }
+    }
+
+    @Override
+    public void destroy() {
+        log.info("Shutdown UID Generator...");
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/uid/utils/DockerUtils.java b/backend/framework/src/main/java/cn/cordys/common/uid/utils/DockerUtils.java
new file mode 100644
index 0000000..3ce59cc
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/uid/utils/DockerUtils.java
@@ -0,0 +1,93 @@
+package cn.cordys.common.uid.utils;
+
+import org.apache.commons.lang3.StringUtils;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+
+/**
+ * DockerUtils
+ */
+public abstract class DockerUtils {
+    private static final Logger LOGGER = LoggerFactory.getLogger(DockerUtils.class);
+
+    /**
+     * Environment param keys
+     */
+    private static final String ENV_KEY_HOST = "JPAAS_HOST";
+    private static final String ENV_KEY_PORT = "JPAAS_HTTP_PORT";
+    private static final String ENV_KEY_PORT_ORIGINAL = "JPAAS_HOST_PORT_8080";
+
+    /**
+     * Docker host & port
+     */
+    private static String DOCKER_HOST = "";
+    private static String DOCKER_PORT = "";
+
+    /**
+     * Whether is docker
+     */
+    private static boolean IS_DOCKER;
+
+    static {
+        retrieveFromEnv();
+    }
+
+    /**
+     * Retrieve docker host
+     *
+     * @return empty string if not a docker
+     */
+    public static String getDockerHost() {
+        return DOCKER_HOST;
+    }
+
+    /**
+     * Retrieve docker port
+     *
+     * @return empty string if not a docker
+     */
+    public static String getDockerPort() {
+        return DOCKER_PORT;
+    }
+
+    /**
+     * Whether a docker
+     *
+     * @return
+     */
+    public static boolean isDocker() {
+        return IS_DOCKER;
+    }
+
+    /**
+     * Retrieve host & port from environment
+     */
+    private static void retrieveFromEnv() {
+        // retrieve host & port from environment
+        DOCKER_HOST = System.getenv(ENV_KEY_HOST);
+        DOCKER_PORT = System.getenv(ENV_KEY_PORT);
+
+        // not found from 'JPAAS_HTTP_PORT', then try to find from 'JPAAS_HOST_PORT_8080'
+        if (StringUtils.isBlank(DOCKER_PORT)) {
+            DOCKER_PORT = System.getenv(ENV_KEY_PORT_ORIGINAL);
+        }
+
+        boolean hasEnvHost = StringUtils.isNotBlank(DOCKER_HOST);
+        boolean hasEnvPort = StringUtils.isNotBlank(DOCKER_PORT);
+
+        // docker can find both host & port from environment
+        if (hasEnvHost && hasEnvPort) {
+            IS_DOCKER = true;
+
+            // found nothing means not a docker, maybe an actual machine
+        } else if (!hasEnvHost && !hasEnvPort) {
+            IS_DOCKER = false;
+
+        } else {
+            LOGGER.error("Missing host or port from env for Docker. host:{}, port:{}", DOCKER_HOST, DOCKER_PORT);
+            throw new RuntimeException(
+                    "Missing host or port from env for Docker. host:" + DOCKER_HOST + ", port:" + DOCKER_PORT);
+        }
+    }
+
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/uid/utils/EnumUtils.java b/backend/framework/src/main/java/cn/cordys/common/uid/utils/EnumUtils.java
new file mode 100644
index 0000000..b9bdd89
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/uid/utils/EnumUtils.java
@@ -0,0 +1,38 @@
+package cn.cordys.common.uid.utils;
+
+import org.springframework.util.Assert;
+
+/**
+ * EnumUtils provides the operations for {@link ValuedEnum} such as Parse, value of...
+ */
+public abstract class EnumUtils {
+
+    /**
+     * Parse the bounded value into ValuedEnum
+     */
+    public static <T extends ValuedEnum<V>, V> T parse(Class<T> clz, V value) {
+        Assert.notNull(clz, "clz can not be null");
+        if (value == null) {
+            return null;
+        }
+
+        for (T t : clz.getEnumConstants()) {
+            if (value.equals(t.value())) {
+                return t;
+            }
+        }
+        return null;
+    }
+
+    /**
+     * Null-safe valueOf function
+     */
+    public static <T extends Enum<T>> T valueOf(Class<T> enumType, String name) {
+        if (name == null) {
+            return null;
+        }
+
+        return Enum.valueOf(enumType, name);
+    }
+
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/uid/utils/NamingThreadFactory.java b/backend/framework/src/main/java/cn/cordys/common/uid/utils/NamingThreadFactory.java
new file mode 100644
index 0000000..891a644
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/uid/utils/NamingThreadFactory.java
@@ -0,0 +1,118 @@
+package cn.cordys.common.uid.utils;
+
+
+import lombok.Getter;
+import lombok.Setter;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.ClassUtils;
+import org.apache.commons.lang3.StringUtils;
+
+import java.lang.Thread.UncaughtExceptionHandler;
+import java.util.Objects;
+import java.util.concurrent.ConcurrentHashMap;
+import java.util.concurrent.ThreadFactory;
+import java.util.concurrent.atomic.AtomicLong;
+
+/**
+ * Named thread in ThreadFactory. If there is no specified name for thread, it
+ * will auto detect using the invoker classname instead.
+ */
+@Slf4j
+public class NamingThreadFactory implements ThreadFactory {
+    /**
+     * Is daemon thread
+     */
+    private final boolean daemon;
+    /**
+     * UncaughtExceptionHandler
+     */
+    private final UncaughtExceptionHandler uncaughtExceptionHandler;
+    /**
+     * Sequences for multi thread name prefix
+     */
+    private final ConcurrentHashMap<String, AtomicLong> sequences;
+    /**
+     * Thread name pre
+     * -- GETTER --
+     * Getters & Setters
+     */
+    @Setter
+    @Getter
+    private String name;
+
+    /**
+     * Constructors
+     */
+    public NamingThreadFactory() {
+        this(null, false, null);
+    }
+
+    public NamingThreadFactory(String name) {
+        this(name, false, null);
+    }
+
+    public NamingThreadFactory(String name, boolean daemon) {
+        this(name, daemon, null);
+    }
+
+    public NamingThreadFactory(String name, boolean daemon, UncaughtExceptionHandler handler) {
+        this.name = name;
+        this.daemon = daemon;
+        this.uncaughtExceptionHandler = handler;
+        this.sequences = new ConcurrentHashMap<>();
+    }
+
+    @Override
+    public Thread newThread(Runnable r) {
+        Thread thread = new Thread(r);
+        thread.setDaemon(this.daemon);
+
+        // If there is no specified name for thread, it will auto detect using the invoker classname instead.
+        // Notice that auto detect may cause some performance overhead
+        String prefix = this.name;
+        if (StringUtils.isBlank(prefix)) {
+            prefix = getInvoker();
+        }
+        thread.setName(prefix + "-" + getSequence(prefix));
+
+        // no specified uncaughtExceptionHandler, just do logging.
+        thread.setUncaughtExceptionHandler(Objects.requireNonNullElseGet(this.uncaughtExceptionHandler, () -> (t, e) -> log.error("unhandled exception in thread: " + t.getName(), e)));
+
+        return thread;
+    }
+
+    /**
+     * Get the method invoker's class name
+     *
+     * @return
+     */
+    private String getInvoker() {
+        Exception e = new Exception();
+        StackTraceElement[] sites = e.getStackTrace();
+        if (sites.length > 2) {
+            return ClassUtils.getShortClassName(sites[2].getClassName());
+        }
+        return getClass().getSimpleName();
+    }
+
+    /**
+     * Get sequence for different naming prefix
+     *
+     * @param invoker
+     *
+     * @return
+     */
+    private long getSequence(String invoker) {
+        AtomicLong r = this.sequences.get(invoker);
+        if (r == null) {
+            r = new AtomicLong(0);
+            AtomicLong previous = this.sequences.putIfAbsent(invoker, r);
+            if (previous != null) {
+                r = previous;
+            }
+        }
+
+        return r.incrementAndGet();
+    }
+
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/uid/utils/NetUtils.java b/backend/framework/src/main/java/cn/cordys/common/uid/utils/NetUtils.java
new file mode 100644
index 0000000..74dc710
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/uid/utils/NetUtils.java
@@ -0,0 +1,68 @@
+package cn.cordys.common.uid.utils;
+
+import java.net.InetAddress;
+import java.net.NetworkInterface;
+import java.net.SocketException;
+import java.util.Enumeration;
+
+/**
+ * NetUtils
+ */
+public abstract class NetUtils {
+
+    /**
+     * Pre-loaded local address
+     */
+    public static InetAddress localAddress;
+
+    static {
+        try {
+            localAddress = getLocalInetAddress();
+        } catch (SocketException e) {
+            throw new RuntimeException("fail to get local ip.");
+        }
+    }
+
+    /**
+     * Retrieve the first validated local ip address(the Public and LAN ip addresses are validated).
+     *
+     * @return the local address
+     *
+     * @throws SocketException the socket exception
+     */
+    public static InetAddress getLocalInetAddress() throws SocketException {
+        // enumerates all network interfaces
+        Enumeration<NetworkInterface> enu = NetworkInterface.getNetworkInterfaces();
+
+        while (enu.hasMoreElements()) {
+            NetworkInterface ni = enu.nextElement();
+            if (ni.isLoopback()) {
+                continue;
+            }
+
+            Enumeration<InetAddress> addressEnumeration = ni.getInetAddresses();
+            while (addressEnumeration.hasMoreElements()) {
+                InetAddress address = addressEnumeration.nextElement();
+
+                // ignores all invalidated addresses
+                if (address.isLinkLocalAddress() || address.isLoopbackAddress() || address.isAnyLocalAddress()) {
+                    continue;
+                }
+
+                return address;
+            }
+        }
+
+        throw new RuntimeException("No validated local address!");
+    }
+
+    /**
+     * Retrieve local address
+     *
+     * @return the string local address
+     */
+    public static String getLocalAddress() {
+        return localAddress.getHostAddress();
+    }
+
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/uid/utils/PaddedAtomicLong.java b/backend/framework/src/main/java/cn/cordys/common/uid/utils/PaddedAtomicLong.java
new file mode 100644
index 0000000..062013d
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/uid/utils/PaddedAtomicLong.java
@@ -0,0 +1,39 @@
+package cn.cordys.common.uid.utils;
+
+import java.io.Serial;
+import java.util.concurrent.atomic.AtomicLong;
+
+/**
+ * Represents a padded {@link AtomicLong} to prevent the FalseSharing problem<p>
+ * <p>
+ * The CPU cache line commonly be 64 bytes, here is a sample of cache line after padding:<br>
+ * 64 bytes = 8 bytes (object reference) + 6 * 8 bytes (padded long) + 8 bytes (a long value)
+ */
+public class PaddedAtomicLong extends AtomicLong {
+    @Serial
+    private static final long serialVersionUID = -3415778863941386253L;
+
+    /**
+     * Padded 6 long (48 bytes)
+     */
+    public volatile long p1, p2, p3, p4, p5, p6 = 7L;
+
+    /**
+     * Constructors from {@link AtomicLong}
+     */
+    public PaddedAtomicLong() {
+        super();
+    }
+
+    public PaddedAtomicLong(long initialValue) {
+        super(initialValue);
+    }
+
+    /**
+     * To prevent GC optimizations for cleaning unused padded references
+     */
+    public long sumPaddingToPreventOptimization() {
+        return p1 + p2 + p3 + p4 + p5 + p6;
+    }
+
+}
\ No newline at end of file
diff --git a/backend/framework/src/main/java/cn/cordys/common/uid/utils/ValuedEnum.java b/backend/framework/src/main/java/cn/cordys/common/uid/utils/ValuedEnum.java
new file mode 100644
index 0000000..c9bd9fd
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/uid/utils/ValuedEnum.java
@@ -0,0 +1,10 @@
+package cn.cordys.common.uid.utils;
+
+/**
+ * {@code ValuedEnum} defines an enumeration which is bounded to a value, you
+ * may implements this interface when you defines such kind of enumeration, that
+ * you can use {@link EnumUtils} to simplify parse and valueOf operation.
+ */
+public interface ValuedEnum<T> {
+    T value();
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/uid/worker/WorkerIdAssigner.java b/backend/framework/src/main/java/cn/cordys/common/uid/worker/WorkerIdAssigner.java
new file mode 100644
index 0000000..6522b36
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/uid/worker/WorkerIdAssigner.java
@@ -0,0 +1,17 @@
+package cn.cordys.common.uid.worker;
+
+import cn.cordys.common.uid.impl.DefaultUidGenerator;
+
+/**
+ * Represents a worker id assigner for {@link DefaultUidGenerator}
+ */
+public interface WorkerIdAssigner {
+
+    /**
+     * Assign worker id for {@link DefaultUidGenerator}
+     *
+     * @return assigned worker id
+     */
+    long assignWorkerId();
+
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/uid/worker/WorkerNodeType.java b/backend/framework/src/main/java/cn/cordys/common/uid/worker/WorkerNodeType.java
new file mode 100644
index 0000000..770e949
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/uid/worker/WorkerNodeType.java
@@ -0,0 +1,31 @@
+package cn.cordys.common.uid.worker;
+
+import cn.cordys.common.uid.utils.ValuedEnum;
+
+/**
+ * WorkerNodeType
+ * <li>CONTAINER: Such as Docker
+ * <li>ACTUAL: Actual machine
+ */
+public enum WorkerNodeType implements ValuedEnum<Integer> {
+
+    CONTAINER(1), ACTUAL(2);
+
+    /**
+     * Lock type
+     */
+    private final Integer type;
+
+    /**
+     * Constructor with field of type
+     */
+    WorkerNodeType(Integer type) {
+        this.type = type;
+    }
+
+    @Override
+    public Integer value() {
+        return type;
+    }
+
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/util/BeanUtils.java b/backend/framework/src/main/java/cn/cordys/common/util/BeanUtils.java
new file mode 100644
index 0000000..ef62dd3
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/util/BeanUtils.java
@@ -0,0 +1,115 @@
+package cn.cordys.common.util;
+
+import org.apache.commons.lang3.StringUtils;
+
+import java.lang.reflect.Method;
+
+/**
+ * BeanUtils 提供了用于操作 Java Bean 的工具方法，包括属性复制、反射获取和设置属性值等。
+ */
+public class BeanUtils {
+
+    /**
+     * 复制源对象的属性到目标对象。
+     *
+     * @param target 目标对象
+     * @param source 源对象
+     * @param <T>    目标对象类型
+     *
+     * @return 目标对象
+     *
+     * @throws RuntimeException 如果复制过程失败，抛出运行时异常
+     */
+    public static <T> T copyBean(T target, Object source) {
+        try {
+            org.springframework.beans.BeanUtils.copyProperties(source, target);
+            return target;
+        } catch (Exception e) {
+            throw new RuntimeException("Failed to copy object: ", e);
+        }
+    }
+
+    /**
+     * 复制源对象的属性到目标对象，并可以指定忽略的属性。
+     *
+     * @param target           目标对象
+     * @param source           源对象
+     * @param ignoreProperties 要忽略的属性名称
+     * @param <T>              目标对象类型
+     *
+     * @return 目标对象
+     *
+     * @throws RuntimeException 如果复制过程失败，抛出运行时异常
+     */
+    public static <T> T copyBean(T target, Object source, String... ignoreProperties) {
+        try {
+            org.springframework.beans.BeanUtils.copyProperties(source, target, ignoreProperties);
+            return target;
+        } catch (Exception e) {
+            throw new RuntimeException("Failed to copy object: ", e);
+        }
+    }
+
+    /**
+     * 根据字段名获取 Java Bean 的属性值。
+     *
+     * @param fieldName 字段名称
+     * @param bean      Java Bean 对象
+     *
+     * @return 字段的值，如果获取失败则返回 null
+     */
+    public static Object getFieldValueByName(String fieldName, Object bean) {
+        try {
+            if (StringUtils.isBlank(fieldName)) {
+                return null;
+            }
+            String getter = "get" + StringUtils.capitalize(fieldName);
+            Method method = bean.getClass().getMethod(getter);
+            return method.invoke(bean);
+        } catch (Exception e) {
+            return null;
+        }
+    }
+
+    /**
+     * 根据字段名和类型设置 Java Bean 的属性值。
+     *
+     * @param bean      Java Bean 对象
+     * @param fieldName 字段名称
+     * @param value     要设置的值
+     * @param type      字段类型
+     */
+    public static void setFieldValueByName(Object bean, String fieldName, Object value, Class<?> type) {
+        try {
+            if (StringUtils.isBlank(fieldName)) {
+                return;
+            }
+            String setter = "set" + StringUtils.capitalize(fieldName);
+            Method method = bean.getClass().getMethod(setter, type);
+            method.invoke(bean, value);
+        } catch (Exception ignore) {
+            // 可以根据需求记录日志或进行其他处理
+        }
+    }
+
+    /**
+     * 根据字段名和类型获取 Java Bean 的 setter 方法。
+     *
+     * @param bean      Java Bean 对象
+     * @param fieldName 字段名称
+     * @param type      字段类型
+     *
+     * @return setter 方法，如果获取失败则返回 null
+     */
+    public static Method getMethod(Object bean, String fieldName, Class<?> type) {
+        try {
+            if (StringUtils.isBlank(fieldName)) {
+                return null;
+            }
+            String setter = "set" + StringUtils.capitalize(fieldName);
+            return bean.getClass().getMethod(setter, type);
+        } catch (Exception e) {
+            return null;
+        }
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/util/BigDecimalNoTrailingZeroSerializer.java b/backend/framework/src/main/java/cn/cordys/common/util/BigDecimalNoTrailingZeroSerializer.java
new file mode 100644
index 0000000..74ace70
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/util/BigDecimalNoTrailingZeroSerializer.java
@@ -0,0 +1,16 @@
+package cn.cordys.common.util;
+
+import com.fasterxml.jackson.core.JsonGenerator;
+import com.fasterxml.jackson.databind.JsonSerializer;
+import com.fasterxml.jackson.databind.SerializerProvider;
+
+import java.io.IOException;
+import java.math.BigDecimal;
+
+public class BigDecimalNoTrailingZeroSerializer extends JsonSerializer<BigDecimal> {
+    @Override
+    public void serialize(BigDecimal value, JsonGenerator gen, SerializerProvider provider) throws IOException {
+        // 去除末尾零并转换为普通字符串
+        gen.writeNumber(value.stripTrailingZeros().toPlainString());
+    }
+}
\ No newline at end of file
diff --git a/backend/framework/src/main/java/cn/cordys/common/util/CaseFormatUtils.java b/backend/framework/src/main/java/cn/cordys/common/util/CaseFormatUtils.java
new file mode 100644
index 0000000..cd578ba
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/util/CaseFormatUtils.java
@@ -0,0 +1,70 @@
+package cn.cordys.common.util;
+
+/**
+ * @Author: jianxing
+ * @CreateTime: 2025-07-11  10:58
+ */
+public class CaseFormatUtils {
+    /**
+     * 将驼峰字符串转换为下划线分隔的字符串。
+     *
+     * @param camelStr 驼峰字符串
+     *
+     * @return 下划线字符串
+     */
+    public static String camelToUnderscore(String camelStr) {
+        return convertCamelToSeparator(camelStr, '_');
+    }
+
+    /**
+     * 将驼峰字符串转换为指定分隔符的字符串。
+     *
+     * @param camelStr  驼峰字符串
+     * @param separator 分隔符
+     *
+     * @return 分隔符字符串
+     */
+    public static String convertCamelToSeparator(String camelStr, char separator) {
+        if (camelStr == null || camelStr.trim().isEmpty()) {
+            return camelStr;
+        }
+        StringBuilder result = new StringBuilder();
+        char[] chars = camelStr.toCharArray();
+        for (int i = 0; i < chars.length; i++) {
+            char c = chars[i];
+            if (Character.isUpperCase(c)) {
+                if (i > 0) {
+                    result.append(separator);
+                }
+                result.append(Character.toLowerCase(c));
+            } else {
+                result.append(c);
+            }
+        }
+        return result.toString();
+    }
+
+    /**
+     * 将字符串首字母转换为大写
+     *
+     * @param input 输入字符串
+     *
+     * @return 首字母大写的字符串
+     */
+    public static String capitalizeFirstLetter(String input) {
+        if (input == null || input.isEmpty()) {
+            return input;
+        }
+
+        // 提取第一个字符并转换为大写
+        char firstChar = Character.toUpperCase(input.charAt(0));
+
+        // 如果字符串只有一个字符，直接返回
+        if (input.length() == 1) {
+            return String.valueOf(firstChar);
+        }
+
+        // 拼接剩余字符
+        return firstChar + input.substring(1);
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/util/CodingUtils.java b/backend/framework/src/main/java/cn/cordys/common/util/CodingUtils.java
new file mode 100644
index 0000000..2c5e240
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/util/CodingUtils.java
@@ -0,0 +1,237 @@
+package cn.cordys.common.util;
+
+import org.apache.commons.codec.binary.Base64;
+import org.apache.commons.lang3.RandomStringUtils;
+import org.apache.commons.lang3.StringUtils;
+
+import javax.crypto.Cipher;
+import javax.crypto.KeyGenerator;
+import javax.crypto.SecretKey;
+import javax.crypto.spec.GCMParameterSpec;
+import javax.crypto.spec.IvParameterSpec;
+import javax.crypto.spec.SecretKeySpec;
+import java.nio.charset.StandardCharsets;
+import java.security.MessageDigest;
+import java.security.NoSuchAlgorithmException;
+
+/**
+ * 加密解密工具类，提供 MD5、BASE64 和 AES 加密解密操作。
+ * 支持常见的加密解密算法，简化了加密过程。
+ */
+public class CodingUtils {
+
+    private static final String UTF_8 = "UTF-8";
+    private static final char[] HEX_DIGITS = {'0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f'};
+    /**
+     * 加密偏移量，AES 加密的初始化向量。
+     */
+    private static final String GCM_IV = "1Av7hf9PgHusUHRm";
+    private static final int GCM_TAG_LENGTH = 128; // GCM 标签长度（以位为单位）
+
+    /**
+     * MD5加密（默认UTF-8字符集）
+     *
+     * @param src 要加密的字符串
+     *
+     * @return 加密后的MD5字符串
+     */
+    public static String md5(String src) {
+        return md5(src, UTF_8);
+    }
+
+    /**
+     * MD5加密
+     *
+     * @param src     要加密的字符串
+     * @param charset 使用的字符集
+     *
+     * @return 加密后的MD5字符串
+     */
+    public static String md5(String src, String charset) {
+        if (StringUtils.isBlank(src)) {
+            throw new IllegalArgumentException("Input for MD5 cannot be null or empty");
+        }
+
+        try {
+            byte[] strTemp = src.getBytes(StringUtils.defaultIfBlank(charset, UTF_8));
+            MessageDigest mdTemp = MessageDigest.getInstance("MD5");
+            mdTemp.update(strTemp);
+
+            byte[] md = mdTemp.digest();
+            char[] str = new char[md.length * 2];
+            int k = 0;
+
+            for (byte byte0 : md) {
+                str[k++] = HEX_DIGITS[(byte0 >>> 4) & 0xf];
+                str[k++] = HEX_DIGITS[byte0 & 0xf];
+            }
+
+            return new String(str);
+        } catch (Exception e) {
+            throw new RuntimeException("MD5 encrypt error:", e);
+        }
+    }
+
+    /**
+     * BASE64加密
+     *
+     * @param src 待加密的字符串
+     *
+     * @return 加密后的字符串
+     */
+    public static String base64Encoding(String src) {
+        if (StringUtils.isBlank(src)) {
+            throw new IllegalArgumentException("Input for BASE64 encoding cannot be null or empty");
+        }
+
+        try {
+            return Base64.encodeBase64String(src.getBytes(StandardCharsets.UTF_8));
+        } catch (Exception e) {
+            throw new RuntimeException("BASE64 encoding error:", e);
+        }
+    }
+
+    /**
+     * AES-GCM加密
+     *
+     * @param src       待加密的字符串
+     * @param secretKey 加密密钥（16字节）
+     * @param iv        初始向量（12字节）
+     *
+     * @return 加密后的字符串
+     */
+    public static String aesEncrypt(String src, String secretKey, byte[] iv) {
+        if (StringUtils.isBlank(src) || StringUtils.isBlank(secretKey)) {
+            throw new IllegalArgumentException("Input or secretKey cannot be null or empty");
+        }
+
+        try {
+            SecretKeySpec keySpec = new SecretKeySpec(secretKey.getBytes(StandardCharsets.UTF_8), "AES");
+            GCMParameterSpec gcmSpec = new GCMParameterSpec(GCM_TAG_LENGTH, iv);
+
+            Cipher cipher = Cipher.getInstance("AES/GCM/NoPadding");
+            cipher.init(Cipher.ENCRYPT_MODE, keySpec, gcmSpec);
+
+            byte[] encryptedBytes = cipher.doFinal(src.getBytes(StandardCharsets.UTF_8));
+            return Base64.encodeBase64String(encryptedBytes);
+        } catch (Exception e) {
+            throw new RuntimeException("AES-GCM encrypt error:", e);
+        }
+    }
+
+    /**
+     * AES-GCM解密
+     *
+     * @param src       待解密的字符串
+     * @param secretKey 解密密钥（16字节）
+     * @param iv        初始向量（12字节）
+     *
+     * @return 解密后的字符串
+     */
+    public static String aesDecrypt(String src, String secretKey, byte[] iv) {
+        if (StringUtils.isBlank(src) || StringUtils.isBlank(secretKey)) {
+            throw new IllegalArgumentException("Input or secretKey cannot be null or empty");
+        }
+
+        try {
+            SecretKeySpec keySpec = new SecretKeySpec(secretKey.getBytes(StandardCharsets.UTF_8), "AES");
+            GCMParameterSpec gcmSpec = new GCMParameterSpec(GCM_TAG_LENGTH, iv);
+
+            Cipher cipher = Cipher.getInstance("AES/GCM/NoPadding");
+            cipher.init(Cipher.DECRYPT_MODE, keySpec, gcmSpec);
+
+            byte[] decodedBytes = Base64.decodeBase64(src);
+            byte[] decryptedBytes = cipher.doFinal(decodedBytes);
+            return new String(decryptedBytes, StandardCharsets.UTF_8);
+        } catch (Exception e) {
+            throw new RuntimeException("AES-GCM decrypt error:", e);
+        }
+    }
+
+    /**
+     * 生成一个新的AES密钥
+     *
+     * @return 生成的AES密钥（Base64编码）
+     */
+    public static String generateSecretKey() {
+        try {
+            KeyGenerator keyGen = KeyGenerator.getInstance("AES");
+            keyGen.init(128);
+            SecretKey secretKey = keyGen.generateKey();
+            return bytesToHex(secretKey.getEncoded());
+        } catch (Exception e) {
+            throw new RuntimeException("Generate AES secret key error:", e);
+        }
+    }
+
+    private static String bytesToHex(byte[] bytes) {
+        StringBuilder sb = new StringBuilder();
+        for (byte b : bytes) {
+            sb.append(String.format("%02x", b));
+        }
+        return sb.toString();
+    }
+
+    public static String generateAK() {
+        // 生成长度为 20 的随机字母数字字符串
+        return RandomStringUtils.secure().nextAlphabetic(16);
+    }
+
+    /**
+     * 生成随机IV（用于AES-GCM）
+     *
+     * @return 随机生成的IV
+     */
+    public static byte[] generateIv() {
+        return GCM_IV.getBytes();
+    }
+
+    /**
+     * 计算字符串的哈希值（SHA-256）并返回其前16个字符的十六进制表示
+     *
+     * @param str 需要计算哈希值的字符串
+     *
+     * @return 字符串的哈希值（16个字符的十六进制表示）
+     */
+    public static String hashStr(String str) {
+        try {
+            MessageDigest md = MessageDigest.getInstance("SHA-256");
+            byte[] digest = md.digest(str.getBytes(StandardCharsets.UTF_8));
+
+            // 转换为十六进制字符串
+            char[] hexChars = new char[digest.length * 2];
+            int k = 0;
+            for (byte b : digest) {
+                hexChars[k++] = HEX_DIGITS[(b >>> 4) & 0xf];
+                hexChars[k++] = HEX_DIGITS[b & 0xf];
+            }
+
+            // 只使用前16个字符，平衡长度和唯一性
+            return new String(hexChars, 0, Math.min(16, hexChars.length));
+        } catch (NoSuchAlgorithmException e) {
+            // 降级方案：使用多种哈希组合减少冲突
+            return str.hashCode() + "-" + str.length();
+        }
+    }
+
+    public static String aesCBCEncrypt(String src, String secretKey, String iv) {
+        if (StringUtils.isBlank(src)) {
+            return src;
+        }
+        if (StringUtils.isBlank(secretKey)) {
+            throw new IllegalArgumentException("Input or secretKey cannot be null or empty");
+        }
+        try {
+            byte[] raw = secretKey.getBytes(StandardCharsets.UTF_8);
+            SecretKeySpec secretKeySpec = new SecretKeySpec(raw, "AES");
+            // "算法/模式/补码方式" ECB
+            Cipher cipher = Cipher.getInstance("AES/CBC/PKCS5Padding");
+            IvParameterSpec iv1 = new IvParameterSpec(iv.getBytes());
+            cipher.init(Cipher.ENCRYPT_MODE, secretKeySpec, iv1);
+            byte[] encrypted = cipher.doFinal(src.getBytes(StandardCharsets.UTF_8));
+            return Base64.encodeBase64String(encrypted);
+        } catch (Exception e) {
+            throw new RuntimeException("AES encrypt error:", e);
+        }
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/util/CommonBeanFactory.java b/backend/framework/src/main/java/cn/cordys/common/util/CommonBeanFactory.java
new file mode 100644
index 0000000..af57bed
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/util/CommonBeanFactory.java
@@ -0,0 +1,197 @@
+package cn.cordys.common.util;
+
+import jakarta.servlet.Filter;
+import jakarta.servlet.http.HttpServletRequest;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.ObjectUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.beans.BeansException;
+import org.springframework.beans.factory.config.BeanDefinition;
+import org.springframework.context.ApplicationContext;
+import org.springframework.context.ApplicationContextAware;
+import org.springframework.context.annotation.ClassPathScanningCandidateComponentProvider;
+import org.springframework.core.type.filter.RegexPatternTypeFilter;
+import org.springframework.stereotype.Component;
+
+import java.lang.reflect.Method;
+import java.util.Map;
+import java.util.Set;
+import java.util.function.Function;
+import java.util.regex.Pattern;
+
+/**
+ * 通用的Spring Bean工厂，用于从Spring容器中获取Bean并调用方法。
+ * 实现了ApplicationContextAware接口，以便在需要时获取Spring的应用上下文。
+ */
+@Component
+@Slf4j
+public class CommonBeanFactory implements ApplicationContextAware {
+
+    public static String BASE_X_P = "cn.cordys.xpack";
+    // 保存ApplicationContext实例
+    private static ApplicationContext context;
+
+    /**
+     * 根据Bean名称获取Bean实例
+     *
+     * @param beanName Bean的名称
+     *
+     * @return 返回Bean实例，若未找到则返回null
+     */
+    public static Object getBean(String beanName) {
+        try {
+            // 如果上下文或Bean名称为空，则返回null
+            if (context != null && StringUtils.isNotBlank(beanName)) {
+                return context.getBean(beanName);
+            }
+        } catch (BeansException e) {
+            // 捕获Spring的异常并返回null
+            return null;
+        }
+        return null;
+    }
+
+    /**
+     * 根据Bean类型获取Bean实例
+     *
+     * @param className Bean的类型
+     * @param <T>       返回的Bean类型
+     *
+     * @return 返回Bean实例，若未找到则返回null
+     */
+    public static <T> T getBean(Class<T> className) {
+        try {
+            // 如果上下文或类型为空，则返回null
+            if (context != null && className != null) {
+                return context.getBean(className);
+            }
+        } catch (BeansException e) {
+            // 捕获Spring的异常并返回null
+            return null;
+        }
+        return null;
+    }
+
+    /**
+     * 获取指定类型的所有Bean实例
+     *
+     * @param className Bean的类型
+     * @param <T>       返回的Bean类型
+     *
+     * @return 返回所有类型为className的Bean实例的Map
+     */
+    public static <T> Map<String, T> getBeansOfType(Class<T> className) {
+        return context.getBeansOfType(className);
+    }
+
+    /**
+     * 调用指定Bean的方法
+     *
+     * @param beanName       Bean的名称
+     * @param methodFunction 方法选择器函数，接受Bean的类类型并返回一个Method对象
+     * @param args           方法调用的参数
+     *
+     * @return 返回方法的执行结果，若发生异常则返回null
+     */
+    public static Object invoke(String beanName, Function<Class<?>, Method> methodFunction, Object... args) {
+        try {
+            Object bean = getBean(beanName);
+            // 检查bean是否存在
+            if (ObjectUtils.isNotEmpty(bean)) {
+                Class<?> clazz = bean.getClass();
+                // 使用提供的methodFunction来获取方法并执行
+                Method method = methodFunction.apply(clazz);
+                if (method != null) {
+                    return method.invoke(bean, args);
+                }
+            }
+        } catch (Exception e) {
+            // 记录错误日志
+            log.error(e.getMessage(), e);
+        }
+        return null;
+    }
+
+    public static boolean packageExists(String basePackage) {
+        // 不使用默认的候选者过滤器（不只扫描 @Component）
+        ClassPathScanningCandidateComponentProvider scanner =
+                new ClassPathScanningCandidateComponentProvider(false);
+
+        // 添加一个总是匹配的过滤器：只要有类就算命中
+        scanner.addIncludeFilter(new RegexPatternTypeFilter(Pattern.compile(".*")));
+
+        // 按包路径扫描
+        Set<BeanDefinition> defs = scanner.findCandidateComponents(basePackage);
+        return !defs.isEmpty();
+    }
+
+    public static boolean packageExists() {
+        return packageExists(BASE_X_P);
+    }
+
+    public static Filter getFilter() {
+        try {
+            if (!packageExists()) {
+                return null;
+            }
+            final Class<? extends Filter> clazz = Class.forName(BASE_X_P + ".crm.ApiKeyPreFilter").asSubclass(Filter.class);
+            return clazz.getDeclaredConstructor().newInstance();
+        } catch (Exception ignored) {
+            return null;
+        }
+    }
+
+    public static String getUser(HttpServletRequest request) {
+        if (packageExists()) {
+            Object user = CommonBeanFactory.invoke("extLicenseService",
+                    clazz -> {
+                        try {
+                            return clazz.getMethod("getUser", HttpServletRequest.class);
+                        } catch (NoSuchMethodException e) {
+                            return null;
+                        }
+                    }, request);
+            if (user != null) {
+                return String.valueOf(user);
+            }
+        }
+        return null;
+    }
+
+    /**
+     * 调用指定类的静态方法
+     *
+     * @param className      类的全名，例如 "com.example.MyClass"
+     * @param methodName     方法名
+     * @param parameterTypes 方法参数类型
+     * @param args           方法参数
+     *
+     * @return 方法返回值
+     */
+    public static void invokeStatic(String className, String methodName, Class<?>[] parameterTypes, Object... args) {
+        try {
+            // 1. 加载类
+            Class<?> clazz = Class.forName(className);
+
+            // 2. 获取方法
+            Method method = clazz.getMethod(methodName, parameterTypes);
+
+            // 3. 调用静态方法，第一个参数传 null
+            method.invoke(null, args);
+
+        } catch (Exception ignored) {
+        }
+    }
+
+    /**
+     * 设置ApplicationContext，Spring容器会自动注入上下文。
+     *
+     * @param ctx 当前的Spring应用上下文
+     *
+     * @throws BeansException 如果出现错误
+     */
+    public void setApplicationContext(ApplicationContext ctx) throws BeansException {
+        context = ctx;
+    }
+
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/util/CompressUtils.java b/backend/framework/src/main/java/cn/cordys/common/util/CompressUtils.java
new file mode 100644
index 0000000..899137c
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/util/CompressUtils.java
@@ -0,0 +1,190 @@
+package cn.cordys.common.util;
+
+import org.apache.commons.codec.binary.Base64;
+
+import java.io.*;
+import java.nio.charset.StandardCharsets;
+import java.util.List;
+import java.util.zip.*;
+
+public class CompressUtils {
+
+    private CompressUtils() {
+    }
+
+    /***
+     * Zip压缩
+     *
+     * @param data 待压缩数据
+     * @return 压缩后数据
+     */
+    public static Object zip(Object data) {
+        if (!(data instanceof byte[] temp)) {
+            return data;
+        }
+
+        try (ByteArrayOutputStream bos = new ByteArrayOutputStream();
+             ZipOutputStream zip = new ZipOutputStream(bos)) {
+            ZipEntry entry = new ZipEntry("zip");
+            zip.putNextEntry(entry);
+            zip.write(temp);
+            zip.closeEntry();
+            return bos.toByteArray();
+        } catch (Exception e) {
+            return data;
+        }
+    }
+
+
+    private static File getFile(String filePath) throws IOException {
+        // 创建文件对象
+        File file = new File(filePath);
+
+        // 如果文件不存在，则尝试创建
+        if (!file.exists() && !file.createNewFile()) {
+            throw new IOException("Failed to create the file: " + filePath);
+        }
+
+        // 返回文件
+        return file;
+    }
+
+    public static FileOutputStream getFileStream(File file) throws FileNotFoundException {
+        return new FileOutputStream(file);
+    }
+
+    private static void zipFile(File file, ZipOutputStream zipOutputStream) throws IOException {
+        if (file.exists() && file.isFile()) {
+            try (FileInputStream fis = new FileInputStream(file);
+                 BufferedInputStream bis = new BufferedInputStream(fis)) {
+                ZipEntry entry = new ZipEntry(file.getName());
+                zipOutputStream.putNextEntry(entry);
+
+                // 使用固定大小的缓冲区
+                final int BUFFER_SIZE = 10 * 1024 * 1024; // 10MB
+                byte[] buffer = new byte[BUFFER_SIZE];
+                int bytesRead;
+
+                // 循环读取数据并写入压缩流
+                while ((bytesRead = bis.read(buffer)) != -1) {
+                    zipOutputStream.write(buffer, 0, bytesRead);
+                }
+
+                zipOutputStream.closeEntry(); // 关闭当前 ZipEntry
+            }
+        }
+    }
+
+
+    /**
+     * 将多个文件压缩
+     *
+     * @param zipFilePath 压缩文件所在路径
+     * @param fileList    要压缩的文件
+     */
+    public static File zipFiles(String zipFilePath, List<File> fileList) throws IOException {
+        File zipFile = getFile(zipFilePath);
+        // 文件输出流
+        FileOutputStream outputStream = getFileStream(zipFile);
+        // 压缩流
+        ZipOutputStream zipOutputStream = new ZipOutputStream(outputStream);
+
+        // 压缩列表中的文件
+        for (File file : fileList) {
+            zipFile(file, zipOutputStream);
+        }
+        // 关闭压缩流、文件流
+        zipOutputStream.close();
+        outputStream.close();
+        return zipFile;
+    }
+
+    /**
+     * 将多个文件压缩至指定路径
+     *
+     * @param fileList    待压缩的文件列表
+     * @param zipFilePath 压缩文件路径
+     *
+     * @return 返回压缩好的文件
+     */
+    public static File zipFilesToPath(String zipFilePath, List<File> fileList) throws IOException {
+        File zipFile = new File(zipFilePath);
+
+        // 创建输出流和压缩流
+        try (FileOutputStream outputStream = new FileOutputStream(zipFile);
+             ZipOutputStream zipOutputStream = new ZipOutputStream(outputStream)) {
+
+            // 遍历文件列表进行压缩
+            for (File file : fileList) {
+                if (file != null && file.exists() && file.isFile()) {
+                    zipFile(file, zipOutputStream);
+                }
+            }
+        }
+
+        return zipFile;
+    }
+
+
+    /***
+     * Zip解压
+     *
+     * @param data 待解压数据
+     * @return 解压后数据
+     */
+    public static Object unzip(Object data) {
+        if (!(data instanceof byte[] temp)) {
+            return data;
+        }
+
+        try (ByteArrayInputStream bis = new ByteArrayInputStream(temp);
+             ZipInputStream zip = new ZipInputStream(bis)) {
+
+            ByteArrayOutputStream bas = new ByteArrayOutputStream();
+
+            // 处理压缩包中的每个条目
+            while (zip.getNextEntry() != null) {
+                byte[] buf = new byte[1024];
+                int num;
+
+                // 读取数据到缓冲区并写入输出流
+                while ((num = zip.read(buf)) != -1) {
+                    bas.write(buf, 0, num);
+                }
+            }
+
+            return bas.toByteArray();
+        } catch (Exception e) {
+            return data;
+        }
+    }
+
+
+    public static Object zipString(Object data) {
+        if (!(data instanceof String)) {
+            return data;
+        }
+        try (ByteArrayOutputStream out = new ByteArrayOutputStream()) {
+            try (DeflaterOutputStream deflaterOutputStream = new DeflaterOutputStream(out)) {
+                deflaterOutputStream.write(((String) data).getBytes(StandardCharsets.UTF_8));
+            }
+            return Base64.encodeBase64String(out.toByteArray());
+        } catch (Exception e) {
+            return data;
+        }
+    }
+
+    public static Object unzipString(Object data) {
+        if (!(data instanceof String)) {
+            return data;
+        }
+        try (ByteArrayOutputStream os = new ByteArrayOutputStream()) {
+            try (OutputStream outputStream = new InflaterOutputStream(os)) {
+                outputStream.write(Base64.decodeBase64((String) data));
+            }
+            return os.toString(StandardCharsets.UTF_8);
+        } catch (Exception e) {
+            return data;
+        }
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/util/EncryptUtils.java b/backend/framework/src/main/java/cn/cordys/common/util/EncryptUtils.java
new file mode 100644
index 0000000..f8a03b0
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/util/EncryptUtils.java
@@ -0,0 +1,81 @@
+package cn.cordys.common.util;
+
+import java.util.List;
+import java.util.stream.Collectors;
+
+/**
+ * 加密解密工具，扩展自CodingUtils，提供AES和MD5的加解密方法。
+ */
+public class EncryptUtils extends CodingUtils {
+
+    // 默认的加密密钥和向量
+    private static final String secretKey = "www.fit2cloud.cn";
+
+    /**
+     * AES加密方法
+     *
+     * @param o 要加密的对象
+     *
+     * @return 加密后的字符串，若传入对象为空则返回null
+     */
+    public static String aesEncrypt(Object o) {
+        if (o == null) {
+            return null;
+        }
+        return aesEncrypt(o.toString(), secretKey, generateIv());
+    }
+
+    /**
+     * AES解密方法
+     *
+     * @param o 要解密的对象
+     *
+     * @return 解密后的字符串，若传入对象为空则返回null
+     */
+    public static String aesDecrypt(Object o) {
+        if (o == null) {
+            return null;
+        }
+        return aesDecrypt(o.toString(), secretKey, generateIv());
+    }
+
+    /**
+     * 对列表中的对象属性进行AES解密
+     *
+     * @param o        要解密的对象列表
+     * @param attrName 需要解密的属性名
+     * @param <T>      对象类型
+     *
+     * @return 解密后的对象列表
+     */
+    public static <T> Object aesDecrypt(List<T> o, String attrName) {
+        if (o == null || attrName == null) {
+            return null;
+        }
+        // 对列表中的每个对象属性进行解密
+        return o.stream()
+                .filter(element -> BeanUtils.getFieldValueByName(attrName, element) != null)
+                .peek(element -> {
+                    Object fieldValue = BeanUtils.getFieldValueByName(attrName, element);
+                    if (fieldValue != null) {
+                        String decryptedValue = aesDecrypt(fieldValue.toString(), secretKey, generateIv());
+                        BeanUtils.setFieldValueByName(element, attrName, decryptedValue, String.class);
+                    }
+                })
+                .collect(Collectors.toList());
+    }
+
+    /**
+     * MD5加密方法
+     *
+     * @param o 要加密的对象
+     *
+     * @return 加密后的MD5字符串，若传入对象为空则返回null
+     */
+    public static String md5Encrypt(Object o) {
+        if (o == null) {
+            return null;
+        }
+        return md5(o.toString());
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/util/FieldConverter.java b/backend/framework/src/main/java/cn/cordys/common/util/FieldConverter.java
new file mode 100644
index 0000000..61c49c3
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/util/FieldConverter.java
@@ -0,0 +1,15 @@
+package cn.cordys.common.util;
+
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.text.CaseUtils;
+
+public class FieldConverter {
+
+    public static String toCamelCaseWithCommons(String snakeCase) {
+        if (StringUtils.isBlank(snakeCase)) {
+            return snakeCase;
+        }
+
+        return CaseUtils.toCamelCase(snakeCase.toLowerCase(), false, '_');
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/util/HikariCPUtils.java b/backend/framework/src/main/java/cn/cordys/common/util/HikariCPUtils.java
new file mode 100644
index 0000000..45b97f1
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/util/HikariCPUtils.java
@@ -0,0 +1,62 @@
+package cn.cordys.common.util;
+
+import com.zaxxer.hikari.HikariDataSource;
+import com.zaxxer.hikari.HikariPoolMXBean;
+import lombok.extern.slf4j.Slf4j;
+
+@Slf4j
+public class HikariCPUtils {
+    /**
+     * 获取 HikariCP 连接池的使用情况
+     *
+     * @param dataSource HikariDataSource 实例
+     *
+     * @return HikariCP 连接池状态信息
+     */
+    public static String getHikariCPStatus(HikariDataSource dataSource) {
+        if (dataSource == null) {
+            throw new IllegalArgumentException("HikariDataSource cannot be null");
+        }
+
+        HikariPoolMXBean poolMXBean = dataSource.getHikariPoolMXBean();
+
+        return "HikariCP Status:\n" +
+                "Active Connections: " + poolMXBean.getActiveConnections() + "\n" +
+                "Idle Connections: " + poolMXBean.getIdleConnections() + "\n" +
+                "Total Connections: " + poolMXBean.getTotalConnections() + "\n" +
+                "Threads Awaiting Connection: " + poolMXBean.getThreadsAwaitingConnection() + "\n";
+    }
+
+    /**
+     * 获取 HikariCP 连接池的配置情况
+     *
+     * @param dataSource HikariDataSource 实例
+     *
+     * @return 连接池配置情况
+     */
+    public static String getHikariCPConfig(HikariDataSource dataSource) {
+        if (dataSource == null) {
+            throw new IllegalArgumentException("HikariDataSource cannot be null");
+        }
+
+        return "HikariCP Configuration:\n" +
+                "Maximum Pool Size: " + dataSource.getMaximumPoolSize() + "\n" +
+                "Minimum Idle Connections: " + dataSource.getMinimumIdle() + "\n" +
+                "Connection Timeout: " + dataSource.getConnectionTimeout() + " ms\n" +
+                "Idle Timeout: " + dataSource.getIdleTimeout() + " ms\n" +
+                "Max Lifetime: " + dataSource.getMaxLifetime() + " ms\n";
+    }
+
+    /**
+     * 打印 HikariCP 的状态和配置信息
+     */
+    public static void printHikariCPStatus() {
+        HikariDataSource dataSource = CommonBeanFactory.getBean(HikariDataSource.class);
+        if (dataSource == null) {
+            log.error("HikariDataSource not found");
+            return;
+        }
+        log.info(getHikariCPStatus(dataSource));
+        log.info(getHikariCPConfig(dataSource));
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/util/JSON.java b/backend/framework/src/main/java/cn/cordys/common/util/JSON.java
new file mode 100644
index 0000000..47f5a3b
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/util/JSON.java
@@ -0,0 +1,241 @@
+package cn.cordys.common.util;
+
+import com.fasterxml.jackson.annotation.JsonAutoDetect;
+import com.fasterxml.jackson.annotation.PropertyAccessor;
+import com.fasterxml.jackson.core.JsonParser;
+import com.fasterxml.jackson.core.JsonProcessingException;
+import com.fasterxml.jackson.core.StreamReadConstraints;
+import com.fasterxml.jackson.core.json.JsonReadFeature;
+import com.fasterxml.jackson.core.type.TypeReference;
+import com.fasterxml.jackson.databind.DeserializationFeature;
+import com.fasterxml.jackson.databind.JavaType;
+import com.fasterxml.jackson.databind.ObjectMapper;
+import com.fasterxml.jackson.databind.SerializationFeature;
+import com.fasterxml.jackson.databind.json.JsonMapper;
+import com.fasterxml.jackson.databind.type.CollectionType;
+import com.fasterxml.jackson.databind.type.TypeFactory;
+import com.fasterxml.jackson.datatype.jsr310.JavaTimeModule;
+
+import java.io.IOException;
+import java.io.InputStream;
+import java.util.List;
+import java.util.Map;
+
+/**
+ * JSON 工具类，封装了常用的 JSON 序列化和反序列化方法。
+ * 支持对象与 JSON 字符串、字节数组、集合、映射等类型的相互转换。
+ */
+public class JSON {
+
+    // 默认最大字符串长度
+    public static final int DEFAULT_MAX_STRING_LEN = Integer.MAX_VALUE;
+    // ObjectMapper 实例，用于 JSON 操作
+    private static final ObjectMapper objectMapper = JsonMapper.builder()
+            .enable(JsonReadFeature.ALLOW_UNESCAPED_CONTROL_CHARS)  // 允许 JSON 中未转义的控制字符
+            .build();
+    private static final TypeFactory typeFactory = objectMapper.getTypeFactory();
+
+    // 静态初始化块，配置 ObjectMapper
+    static {
+        objectMapper.configure(DeserializationFeature.FAIL_ON_UNKNOWN_PROPERTIES, false);  // 忽略未知属性
+        objectMapper.configure(DeserializationFeature.USE_BIG_DECIMAL_FOR_FLOATS, true);  // 使用 BigDecimal 处理浮点数
+        objectMapper.configure(JsonParser.Feature.ALLOW_COMMENTS, true);  // 允许 JSON 中的注释
+        objectMapper.setVisibility(PropertyAccessor.FIELD, JsonAutoDetect.Visibility.ANY);  // 自动检测所有类的字段属性
+        objectMapper.disable(SerializationFeature.FAIL_ON_EMPTY_BEANS);  // 允许序列化空对象
+        objectMapper.configure(DeserializationFeature.ACCEPT_SINGLE_VALUE_AS_ARRAY, true);  // 接受单个值作为数组处理
+        objectMapper.getFactory()
+                .setStreamReadConstraints(StreamReadConstraints.builder().maxStringLength(DEFAULT_MAX_STRING_LEN).build());  // 设置读取字符流时的长度限制
+        objectMapper.registerModule(new JavaTimeModule());  // 注册 Java 8 时间模块
+    }
+
+    /**
+     * 将对象序列化为 JSON 字符串。
+     *
+     * @param value 需要序列化的对象
+     *
+     * @return JSON 字符串
+     */
+    public static String toJSONString(Object value) {
+        try {
+            return objectMapper.writeValueAsString(value);
+        } catch (IOException e) {
+            throw new RuntimeException("JSON 序列化失败", e);
+        }
+    }
+
+    /**
+     * 将对象序列化为格式化的 JSON 字符串（带缩进）。
+     *
+     * @param value 需要序列化的对象
+     *
+     * @return 格式化的 JSON 字符串
+     */
+    public static String toFormatJSONString(Object value) {
+        try {
+            return objectMapper.writerWithDefaultPrettyPrinter().writeValueAsString(value);
+        } catch (IOException e) {
+            throw new RuntimeException("JSON 序列化失败", e);
+        }
+    }
+
+    /**
+     * 将对象序列化为字节数组。
+     *
+     * @param value 需要序列化的对象
+     *
+     * @return JSON 字节数组
+     */
+    public static byte[] toJSONBytes(Object value) {
+        try {
+            return objectMapper.writeValueAsBytes(value);
+        } catch (IOException e) {
+            throw new RuntimeException("JSON 序列化失败", e);
+        }
+    }
+
+    /**
+     * 将 JSON 字符串反序列化为 Java 对象。
+     *
+     * @param content JSON 字符串
+     *
+     * @return 反序列化后的 Java 对象
+     */
+    public static Object parseObject(String content) {
+        return parseObject(content, Object.class);
+    }
+
+    /**
+     * 将 JSON 字符串反序列化为指定类型的 Java 对象。
+     *
+     * @param content   JSON 字符串
+     * @param valueType 目标 Java 类
+     * @param <T>       Java 类的类型
+     *
+     * @return 反序列化后的 Java 对象
+     */
+    public static <T> T parseObject(String content, Class<T> valueType) {
+        try {
+            return objectMapper.readValue(content, valueType);
+        } catch (IOException e) {
+            throw new RuntimeException("JSON 反序列化失败", e);
+        }
+    }
+
+    /**
+     * 将 JSON 字符串反序列化为指定类型的 Java 对象。
+     *
+     * @param content   JSON 字符串
+     * @param valueType 目标 Java 类型引用
+     * @param <T>       Java 类的类型
+     *
+     * @return 反序列化后的 Java 对象
+     */
+    public static <T> T parseObject(String content, TypeReference<T> valueType) {
+        try {
+            return objectMapper.readValue(content, valueType);
+        } catch (IOException e) {
+            throw new RuntimeException("JSON 反序列化失败", e);
+        }
+    }
+
+    /**
+     * 将输入流中的 JSON 数据反序列化为 Java 对象。
+     *
+     * @param src       输入流
+     * @param valueType 目标 Java 类
+     * @param <T>       Java 类的类型
+     *
+     * @return 反序列化后的 Java 对象
+     */
+    public static <T> T parseObject(InputStream src, Class<T> valueType) {
+        try {
+            return objectMapper.readValue(src, valueType);
+        } catch (IOException e) {
+            throw new RuntimeException("JSON 反序列化失败", e);
+        }
+    }
+
+    /**
+     * 将 JSON 字符串反序列化为 Java 对象的集合。
+     *
+     * @param content JSON 字符串
+     *
+     * @return 反序列化后的集合对象
+     */
+    public static List parseArray(String content) {
+        return parseArray(content, Object.class);
+    }
+
+    /**
+     * 将 JSON 字符串反序列化为指定类型的 Java 对象的集合。
+     *
+     * @param content   JSON 字符串
+     * @param valueType 集合元素类型
+     * @param <T>       集合元素类型
+     *
+     * @return 反序列化后的集合对象
+     */
+    public static <T> List<T> parseArray(String content, Class<T> valueType) {
+        CollectionType javaType = typeFactory.constructCollectionType(List.class, valueType);
+        try {
+            return objectMapper.readValue(content, javaType);
+        } catch (IOException e) {
+            throw new RuntimeException("JSON 反序列化失败", e);
+        }
+    }
+
+    /**
+     * 将 JSON 字符串反序列化为指定类型的 Java 对象的集合。
+     *
+     * @param content   JSON 字符串
+     * @param valueType 集合元素类型引用
+     * @param <T>       集合元素类型
+     *
+     * @return 反序列化后的集合对象
+     */
+    public static <T> List<T> parseArray(String content, TypeReference<T> valueType) {
+        try {
+            JavaType subType = typeFactory.constructType(valueType);
+            CollectionType javaType = typeFactory.constructCollectionType(List.class, subType);
+            return objectMapper.readValue(content, javaType);
+        } catch (IOException e) {
+            throw new RuntimeException("JSON 反序列化失败", e);
+        }
+    }
+
+    /**
+     * 将 JSON 字符串反序列化为 Map 对象。
+     *
+     * @param jsonObject JSON 字符串
+     *
+     * @return 反序列化后的 Map 对象
+     */
+    public static Map parseMap(String jsonObject) {
+        try {
+            return objectMapper.readValue(jsonObject, new TypeReference<>() {
+            });
+        } catch (JsonProcessingException e) {
+            throw new RuntimeException("JSON 反序列化失败", e);
+        }
+    }
+
+    public static Map<String, Object> parseToMap(String jsonObject) {
+        try {
+            return objectMapper.readValue(jsonObject, new TypeReference<>() {
+            });
+        } catch (JsonProcessingException e) {
+            throw new RuntimeException("JSON 反序列化失败", e);
+        }
+    }
+
+    public static <T> T parseObject(InputStream src, TypeReference<T> valueType) {
+        try {
+            return objectMapper.readValue(src, valueType);
+        } catch (IOException e) {
+            throw new RuntimeException("JSON 反序列化失败", e);
+        }
+    }
+
+    public static final ObjectMapper MAPPER = new ObjectMapper();
+
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/util/JsonDifferenceUtils.java b/backend/framework/src/main/java/cn/cordys/common/util/JsonDifferenceUtils.java
new file mode 100644
index 0000000..6d15793
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/util/JsonDifferenceUtils.java
@@ -0,0 +1,150 @@
+package cn.cordys.common.util;
+
+import cn.cordys.common.dto.JsonDifferenceDTO;
+import com.fasterxml.jackson.databind.JsonNode;
+import com.fasterxml.jackson.databind.ObjectMapper;
+import com.fasterxml.jackson.databind.node.NullNode;
+
+import java.util.ArrayList;
+import java.util.Iterator;
+import java.util.List;
+
+public class JsonDifferenceUtils {
+
+    public static List<JsonDifferenceDTO> compareJson(String oldJson, String newJson, List<JsonDifferenceDTO> JsonDifferenceDTO) throws Exception {
+        ObjectMapper mapper = new ObjectMapper();
+        JsonNode oldNode = oldJson != null ? mapper.readTree(oldJson) : mapper.createObjectNode();
+        JsonNode newNode = newJson != null ? mapper.readTree(newJson) : mapper.createObjectNode();
+        if (oldNode.isArray() && newNode.isArray()) {
+            compareArrayNodesById(oldNode, newNode, JsonDifferenceDTO);
+        }
+        compareJsonNodes(oldNode, newNode, JsonDifferenceDTO);
+        return JsonDifferenceDTO;
+    }
+
+    private static void compareJsonNodes(JsonNode oldNode, JsonNode newNode, List<JsonDifferenceDTO> JsonDifferenceDTOList) {
+        Iterator<String> fieldNames1 = oldNode.fieldNames();
+        //遍历
+        while (fieldNames1.hasNext()) {
+            String fieldName = fieldNames1.next();
+            JsonNode oldValue = oldNode.get(fieldName);
+            JsonNode newValue = newNode.get(fieldName);
+            if ((newValue instanceof NullNode || newValue == null) && (oldValue instanceof NullNode || newValue == null)) {
+                // 都是 null 的情况
+                continue;
+            }
+            if (!newNode.has(fieldName)) {
+                //删除的属性
+                JsonDifferenceDTO removed = new JsonDifferenceDTO();
+                removed.setColumn(fieldName);
+                removed.setOldValue(getValue(oldValue));
+                removed.setType("removed");
+                JsonDifferenceDTOList.add(removed);
+            } else if (!isNodeEquals(oldValue, newValue)) {
+                //更新的属性
+                JsonDifferenceDTO diff = new JsonDifferenceDTO();
+                diff.setColumn(fieldName);
+                diff.setOldValue(getValue(oldValue));
+                diff.setNewValue(getValue(newValue));
+                diff.setType("modified");
+                JsonDifferenceDTOList.add(diff);
+            }
+        }
+
+        //遍历查找新增的属性
+        Iterator<String> fieldNames2 = newNode.fieldNames();
+        while (fieldNames2.hasNext()) {
+            String fieldName = fieldNames2.next();
+            if (!oldNode.has(fieldName)) {
+                JsonDifferenceDTO add = new JsonDifferenceDTO();
+                add.setColumn(fieldName);
+                add.setNewValue(getValue(newNode.get(fieldName)));
+                add.setType("add");
+                JsonDifferenceDTOList.add(add);
+            }
+        }
+    }
+
+    private static boolean isNodeEquals(JsonNode oldValue, JsonNode newValue) {
+        if (oldValue.isNumber() && newValue.isNumber()) {
+            // 避免小数点，科学计数法等格式导致的比较不一致
+            return oldValue.asDouble() == newValue.asDouble();
+        }
+        // 数字与字符串的跨类型比较（如计算字段: 99 vs "99"）
+        if (oldValue.isNumber() && newValue.isTextual()) {
+            return isNumericTextEqual(oldValue, newValue);
+        }
+        if (oldValue.isTextual() && newValue.isNumber()) {
+            return isNumericTextEqual(newValue, oldValue);
+        }
+        return oldValue.equals(newValue);
+    }
+
+    /**
+     * 比较数值节点与文本节点是否相等
+     * 解决计算字段等场景中，同一值因类型不同（数字 vs 字符串）导致的误判
+     *
+     * @param numberNode 数值节点
+     * @param textNode   文本节点
+     * @return 是否相等
+     */
+    private static boolean isNumericTextEqual(JsonNode numberNode, JsonNode textNode) {
+        try {
+            String text = textNode.asText();
+            if (text.contains(".") || text.contains("e") || text.contains("E")) {
+                return numberNode.asDouble() == Double.parseDouble(text);
+            }
+            return numberNode.asLong() == Long.parseLong(text);
+        } catch (NumberFormatException e) {
+            return false;
+        }
+    }
+
+    /**
+     * 比较数组节点 (ID作为节点唯一性)
+     *
+     * @param oldNode           旧节点
+     * @param newNode           新节点
+     * @param jsonDifferenceDTO 差异属性集合  [节点1:属性1:值1 => 值2]
+     */
+    private static void compareArrayNodesById(JsonNode oldNode, JsonNode newNode, List<JsonDifferenceDTO> jsonDifferenceDTO) {
+        List<String> oldNodeIds = new ArrayList<>();
+        Iterator<JsonNode> elements = oldNode.elements();
+        while (elements.hasNext()) {
+            JsonNode oldElement = elements.next();
+            boolean found = false;
+            oldNodeIds.add(oldElement.get("id").asText());
+            for (JsonNode newElement : newNode) {
+                if (newElement.get("id").equals(oldElement.get("id"))) {
+                    compareJsonNodes(oldElement, newElement, jsonDifferenceDTO);
+                    found = true;
+                    break;
+                }
+            }
+            if (!found) {
+                JsonDifferenceDTO removed = new JsonDifferenceDTO();
+                removed.setOldValue(oldElement.get("name"));
+                removed.setType("removed");
+                jsonDifferenceDTO.add(removed);
+            }
+        }
+
+        for (JsonNode newElement : newNode) {
+            if (!oldNodeIds.contains(newElement.get("id").asText())) {
+                JsonDifferenceDTO added = new JsonDifferenceDTO();
+                added.setNewValue(newElement.get("name"));
+                added.setType("add");
+                jsonDifferenceDTO.add(added);
+            }
+        }
+    }
+
+    public static Object getValue(JsonNode jsonNode) {
+        if (jsonNode.isArray() || jsonNode.isObject()) {
+            return JSON.parseObject(jsonNode.toString());
+        } else {
+            return jsonNode.asText();
+        }
+    }
+
+}
\ No newline at end of file
diff --git a/backend/framework/src/main/java/cn/cordys/common/util/KMeansUtils.java b/backend/framework/src/main/java/cn/cordys/common/util/KMeansUtils.java
new file mode 100644
index 0000000..6e65e3c
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/util/KMeansUtils.java
@@ -0,0 +1,130 @@
+package cn.cordys.common.util;
+
+import java.util.*;
+
+/**
+ * 该类实现了 K-means 聚类算法的核心功能，包括数据点分配、质心更新等操作。
+ * 它提供了基于输入数据集和指定簇数进行 K-means 聚类的工具方法。
+ */
+public class KMeansUtils {
+
+    /**
+     * 执行 K-means 聚类算法。
+     *
+     * @param data 输入的数据集，每个数据点是一个特征向量。
+     * @param k    聚类的簇数。
+     *
+     * @return 包含每个数据点所属簇的列表，元素值为簇的索引。
+     */
+    public static List<Integer> performKMeans(List<double[]> data, int k) {
+        int maxIterations = 100;
+        List<double[]> centroids = initializeCentroids(data, k);
+        List<Integer> clusters = new ArrayList<>(Collections.nCopies(data.size(), -1));
+
+        for (int iter = 0; iter < maxIterations; iter++) {
+            boolean converged = true;
+
+            // 第 1 步：将数据点分配给最近的质心
+            for (int i = 0; i < data.size(); i++) {
+                int closestCentroid = findClosestCentroid(data.get(i), centroids);
+                if (clusters.get(i) != closestCentroid) {
+                    clusters.set(i, closestCentroid);
+                    converged = false;
+                }
+            }
+
+            // 第 2 步：重新计算质心
+            for (int j = 0; j < k; j++) {
+                double[] newCentroid = recalculateCentroid(data, clusters, j);
+                if (!Arrays.equals(newCentroid, centroids.get(j))) {
+                    centroids.set(j, newCentroid);
+                    converged = false;
+                }
+            }
+
+            if (converged) break;
+        }
+
+        return clusters;
+    }
+
+    /**
+     * 随机初始化 K 个质心。
+     *
+     * @param data 输入的数据集，每个数据点是一个特征向量。
+     * @param k    聚类的簇数。
+     *
+     * @return 初始化的 K 个质心。
+     */
+    private static List<double[]> initializeCentroids(List<double[]> data, int k) {
+        List<double[]> centroids = new ArrayList<>();
+        Random random = new Random();
+        for (int i = 0; i < k; i++) {
+            centroids.add(data.get(random.nextInt(data.size())));
+        }
+        return centroids;
+    }
+
+    /**
+     * 计算一个数据点到所有质心的欧几里得距离，并返回距离最近的质心的索引。
+     *
+     * @param point     输入的数据点。
+     * @param centroids 所有的质心列表。
+     *
+     * @return 最近质心的索引。
+     */
+    private static int findClosestCentroid(double[] point, List<double[]> centroids) {
+        double minDistance = Double.MAX_VALUE;
+        int closestCentroid = -1;
+        for (int i = 0; i < centroids.size(); i++) {
+            double distance = euclideanDistance(point, centroids.get(i));
+            if (distance < minDistance) {
+                minDistance = distance;
+                closestCentroid = i;
+            }
+        }
+        return closestCentroid;
+    }
+
+    /**
+     * 计算两个数据点之间的欧几里得距离。
+     *
+     * @param point1 第一个数据点。
+     * @param point2 第二个数据点。
+     *
+     * @return 两个数据点之间的欧几里得距离。
+     */
+    private static double euclideanDistance(double[] point1, double[] point2) {
+        double sum = 0;
+        for (int i = 0; i < point1.length; i++) {
+            sum += Math.pow(point1[i] - point2[i], 2);
+        }
+        return Math.sqrt(sum);
+    }
+
+    /**
+     * 重新计算给定簇的质心。
+     *
+     * @param data         输入的数据集，每个数据点是一个特征向量。
+     * @param clusters     每个数据点所属的簇的索引。
+     * @param clusterIndex 当前簇的索引。
+     *
+     * @return 该簇的新质心。
+     */
+    private static double[] recalculateCentroid(List<double[]> data, List<Integer> clusters, int clusterIndex) {
+        double[] centroid = new double[data.getFirst().length];
+        int count = 0;
+        for (int i = 0; i < data.size(); i++) {
+            if (clusters.get(i) == clusterIndex) {
+                for (int j = 0; j < centroid.length; j++) {
+                    centroid[j] += data.get(i)[j];
+                }
+                count++;
+            }
+        }
+        for (int i = 0; i < centroid.length; i++) {
+            centroid[i] /= count;
+        }
+        return centroid;
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/util/LogisticRegressionUtils.java b/backend/framework/src/main/java/cn/cordys/common/util/LogisticRegressionUtils.java
new file mode 100644
index 0000000..2ffb6de
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/util/LogisticRegressionUtils.java
@@ -0,0 +1,104 @@
+package cn.cordys.common.util;
+
+import java.util.List;
+
+/**
+ * 该类提供了用于训练和预测逻辑回归模型的工具方法。
+ */
+public class LogisticRegressionUtils {
+
+    // 学习率
+    private static final double LEARNING_RATE = 0.01;
+
+    // 最大迭代次数
+    private static final int ITERATIONS = 1000;
+
+    /**
+     * 使用梯度下降法训练逻辑回归模型。
+     *
+     * @param features 输入特征列表，每个元素为一个特征向量。
+     * @param labels   对应的标签列表，标签值为 0 或 1。
+     *
+     * @return 训练得到的权重数组。
+     */
+    public static double[] train(List<double[]> features, List<Integer> labels) {
+        // 初始化权重
+        double[] weights = new double[features.getFirst().length];
+
+        // 进行迭代优化
+        for (int i = 0; i < ITERATIONS; i++) {
+            // 计算梯度
+            double[] gradients = computeGradients(features, labels, weights);
+            // 更新权重
+            for (int j = 0; j < weights.length; j++) {
+                weights[j] -= LEARNING_RATE * gradients[j];
+            }
+        }
+        return weights;
+    }
+
+    /**
+     * 计算给定特征和标签的梯度。
+     *
+     * @param features 输入特征列表，每个元素为一个特征向量。
+     * @param labels   对应的标签列表，标签值为 0 或 1。
+     * @param weights  当前的模型权重。
+     *
+     * @return 计算得到的梯度数组。
+     */
+    private static double[] computeGradients(List<double[]> features, List<Integer> labels, double[] weights) {
+        double[] gradients = new double[weights.length];
+        for (int i = 0; i < features.size(); i++) {
+            // 计算预测值
+            double prediction = sigmoid(dotProduct(weights, features.get(i)));
+            int label = labels.get(i);
+            double error = prediction - label;
+
+            // 计算梯度
+            for (int j = 0; j < weights.length; j++) {
+                gradients[j] += error * features.get(i)[j];
+            }
+        }
+        return gradients;
+    }
+
+    /**
+     * 计算两个向量的点积。
+     *
+     * @param weights 模型的权重向量。
+     * @param feature 输入特征向量。
+     *
+     * @return 点积的值。
+     */
+    private static double dotProduct(double[] weights, double[] feature) {
+        double sum = 0;
+        for (int i = 0; i < weights.length; i++) {
+            sum += weights[i] * feature[i];
+        }
+        return sum;
+    }
+
+    /**
+     * Sigmoid 激活函数，将线性输出转化为概率值。
+     *
+     * @param x 输入的线性值。
+     *
+     * @return 转化后的概率值（范围在 0 和 1 之间）。
+     */
+    private static double sigmoid(double x) {
+        return 1.0 / (1.0 + Math.exp(-x));
+    }
+
+    /**
+     * 基于训练得到的权重和输入特征进行预测。
+     *
+     * @param weights 训练得到的模型权重。
+     * @param feature 输入的特征向量。
+     *
+     * @return 预测结果，返回 1 表示正类，返回 0 表示负类。
+     */
+    public static int predict(double[] weights, double[] feature) {
+        double prediction = sigmoid(dotProduct(weights, feature));
+        return prediction >= 0.5 ? 1 : 0;
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/util/NodeSortUtils.java b/backend/framework/src/main/java/cn/cordys/common/util/NodeSortUtils.java
new file mode 100644
index 0000000..06a9dc0
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/util/NodeSortUtils.java
@@ -0,0 +1,39 @@
+package cn.cordys.common.util;
+
+
+import cn.cordys.common.dto.NodeSortCountResultDTO;
+
+public class NodeSortUtils {
+    //默认节点间隔
+    public static final long DEFAULT_NODE_INTERVAL_POS = 4096;
+
+    /**
+     * 计算排序
+     *
+     * @param previousNodePos 前一个节点的pos     如果没有节点则为-1
+     * @param nextNodePos     后一个节点的pos     如果没有节点则为-1
+     *
+     * @return 计算后的num值以及是否需要刷新整棵树的num(如果两个节点之间的num值小于2则需要刷新整棵树的num)
+     */
+    public static NodeSortCountResultDTO countModuleSort(long previousNodePos, long nextNodePos) {
+        boolean refreshNum = false;
+        long num;
+        if (nextNodePos < 0 && previousNodePos < 0) {
+            num = 0;
+        } else if (nextNodePos < 0) {
+            num = previousNodePos + DEFAULT_NODE_INTERVAL_POS;
+        } else if (previousNodePos < 0) {
+            num = nextNodePos / 2;
+            if (num < 2) {
+                refreshNum = true;
+            }
+        } else {
+            long quantityDifference = (nextNodePos - previousNodePos) / 2;
+            if (quantityDifference <= 2) {
+                refreshNum = true;
+            }
+            num = previousNodePos + quantityDifference;
+        }
+        return new NodeSortCountResultDTO(refreshNum, num);
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/util/OnceInterface.java b/backend/framework/src/main/java/cn/cordys/common/util/OnceInterface.java
new file mode 100644
index 0000000..664fecf
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/util/OnceInterface.java
@@ -0,0 +1,14 @@
+package cn.cordys.common.util;
+
+/**
+ * 执行单次接口
+ * @author song-cc-rock
+ */
+@FunctionalInterface
+public interface OnceInterface {
+
+    /**
+     * 执行
+     */
+    void execute();
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/util/OnceInterfaceAction.java b/backend/framework/src/main/java/cn/cordys/common/util/OnceInterfaceAction.java
new file mode 100644
index 0000000..31098f4
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/util/OnceInterfaceAction.java
@@ -0,0 +1,16 @@
+package cn.cordys.common.util;
+
+/**
+ * 执行单次接口 (参数版本)
+ * @param <P> 参数类型
+ * @author song-cc-rock
+ */
+@FunctionalInterface
+public interface OnceInterfaceAction<P> {
+
+	/**
+	 * 执行 (参数)
+	 * @param param 参数
+	 */
+	void execute(P param);
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/util/ServiceUtils.java b/backend/framework/src/main/java/cn/cordys/common/util/ServiceUtils.java
new file mode 100644
index 0000000..872d642
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/util/ServiceUtils.java
@@ -0,0 +1,141 @@
+package cn.cordys.common.util;
+
+import cn.cordys.common.constants.MoveTypeEnum;
+import cn.cordys.common.constants.QuadFunction;
+import cn.cordys.common.dto.request.PosRequest;
+import cn.cordys.common.exception.GenericException;
+
+import java.lang.reflect.Constructor;
+import java.lang.reflect.Method;
+import java.util.Map;
+import java.util.concurrent.ConcurrentHashMap;
+import java.util.function.Consumer;
+import java.util.function.Function;
+
+public class ServiceUtils {
+
+    // 用于排序的pos
+    public static final int POS_STEP = 4096;
+
+    /**
+     * 保存资源名称，在处理 NOT_FOUND 异常时，拼接资源名称
+     */
+    private static final ThreadLocal<String> resourceName = new ThreadLocal<>();
+    // 反射元数据缓存，减少重复反射开销
+    private static final Map<Class<?>, Accessors> ACCESSOR_CACHE = new ConcurrentHashMap<>();
+
+    public static String getResourceName() {
+        return resourceName.get();
+    }
+
+    public static void clearResourceName() {
+        resourceName.remove();
+    }
+
+    public static <T> void updatePosFieldByAsc(
+            PosRequest request,
+            Class<T> clazz,
+            String userId,
+            String resourceType,
+            Function<String, T> selectByPrimaryKeyFunc,
+            QuadFunction<String, Long, String, String, Long> getPrePosFunc,
+            QuadFunction<String, Long, String, String, Long> getLastPosFunc,
+            Consumer<T> updateByPrimaryKeySelectiveFuc) {
+        updatePosField(request, clazz, userId, resourceType, selectByPrimaryKeyFunc, getPrePosFunc, getLastPosFunc, updateByPrimaryKeySelectiveFuc, true);
+    }
+
+    public static <T> void updatePosFieldByDesc(
+            PosRequest request,
+            Class<T> clazz,
+            String userId,
+            String resourceType,
+            Function<String, T> selectByPrimaryKeyFunc,
+            QuadFunction<String, Long, String, String, Long> getPrePosFunc,
+            QuadFunction<String, Long, String, String, Long> getLastPosFunc,
+            Consumer<T> updateByPrimaryKeySelectiveFuc) {
+        updatePosField(request, clazz, userId, resourceType, selectByPrimaryKeyFunc, getPrePosFunc, getLastPosFunc, updateByPrimaryKeySelectiveFuc, false);
+    }
+
+    private static <T> void updatePosField(
+            PosRequest request,
+            Class<T> clazz,
+            String userId,
+            String resourceType,
+            Function<String, T> selectByPrimaryKeyFunc,
+            QuadFunction<String, Long, String, String, Long> getPrePosFunc,
+            QuadFunction<String, Long, String, String, Long> getLastPosFunc,
+            Consumer<T> updateByPrimaryKeySelectiveFuc,
+            boolean asc) {
+        try {
+            Accessors acc = getAccessors(clazz);
+
+            // 获取移动的参考对象
+            T target = selectByPrimaryKeyFunc.apply(request.getTargetId());
+            if (target == null) {
+                // 如果参考对象被删除，则不处理
+                return;
+            }
+
+            Long targetPos = (Long) acc.getPos.invoke(target);
+            boolean moveAfter = MoveTypeEnum.AFTER.name().equals(request.getMoveMode());
+
+            Long neighborPos;
+            long pos;
+
+            if (asc) {
+                if (moveAfter) {
+                    pos = targetPos + POS_STEP;
+                    neighborPos = getLastPosFunc.apply(request.getOrgId(), targetPos, userId, resourceType);
+                } else {
+                    pos = targetPos - POS_STEP;
+                    neighborPos = getPrePosFunc.apply(request.getOrgId(), targetPos, userId, resourceType);
+                }
+            } else {
+                if (moveAfter) {
+                    pos = targetPos - POS_STEP;
+                    neighborPos = getPrePosFunc.apply(request.getOrgId(), targetPos, userId, resourceType);
+                } else {
+                    pos = targetPos + POS_STEP;
+                    neighborPos = getLastPosFunc.apply(request.getOrgId(), targetPos, userId, resourceType);
+                }
+            }
+
+            if (neighborPos != null) {
+                // 如果不是第一个或最后一个则取中间值
+                pos = (targetPos + neighborPos) / 2;
+            }
+
+            @SuppressWarnings("unchecked")
+            T updateObj = (T) acc.newInstance();
+            acc.setId.invoke(updateObj, request.getMoveId());
+            acc.setPos.invoke(updateObj, pos);
+            updateByPrimaryKeySelectiveFuc.accept(updateObj);
+        } catch (Exception e) {
+            throw new GenericException("更新 pos 字段失败: " + e.getMessage());
+        }
+    }
+
+    private static Accessors getAccessors(Class<?> clazz) {
+        return ACCESSOR_CACHE.computeIfAbsent(clazz, c -> {
+            try {
+                Method getPos = c.getMethod("getPos");
+                Method setId = c.getMethod("setId", String.class);
+                Method setPos = c.getMethod("setPos", Long.class);
+                Constructor<?> ctor = c.getDeclaredConstructor();
+                if (!ctor.canAccess(null)) {
+                    ctor.setAccessible(true);
+                }
+                return new Accessors(getPos, setId, setPos, ctor);
+            } catch (Exception e) {
+                throw new GenericException("初始化反射元数据失败: " + e.getMessage());
+            }
+        });
+    }
+
+    private record Accessors(Method getPos, Method setId, Method setPos, Constructor<?> ctor) {
+
+        Object newInstance() throws Exception {
+            return ctor.newInstance();
+        }
+    }
+}
\ No newline at end of file
diff --git a/backend/framework/src/main/java/cn/cordys/common/util/ServletUtils.java b/backend/framework/src/main/java/cn/cordys/common/util/ServletUtils.java
new file mode 100644
index 0000000..cf0b557
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/util/ServletUtils.java
@@ -0,0 +1,59 @@
+package cn.cordys.common.util;
+
+import jakarta.servlet.http.HttpServletRequest;
+import org.springframework.web.context.request.RequestAttributes;
+import org.springframework.web.context.request.RequestContextHolder;
+import org.springframework.web.context.request.ServletRequestAttributes;
+
+/**
+ * 客户端工具类
+ */
+public class ServletUtils {
+    /**
+     * @param request 请求
+     *
+     * @return ua
+     */
+    public static String getUserAgent(HttpServletRequest request) {
+        String ua = request.getHeader("User-Agent");
+        return ua != null ? ua : "";
+    }
+
+    /**
+     * 获得请求
+     *
+     * @return HttpServletRequest
+     */
+    public static HttpServletRequest getRequest() {
+        RequestAttributes requestAttributes = RequestContextHolder.getRequestAttributes();
+        if (!(requestAttributes instanceof ServletRequestAttributes)) {
+            return null;
+        }
+        return ((ServletRequestAttributes) requestAttributes).getRequest();
+    }
+
+    public static String getUserAgent() {
+        HttpServletRequest request = getRequest();
+        if (request == null) {
+            return null;
+        }
+        return getUserAgent(request);
+    }
+
+    public static String getRequestHost(HttpServletRequest request) {
+        String port = ":" + request.getServerPort();
+        if (request.getServerPort() == 80 || request.getServerPort() == 443) {
+            port = "";
+        }
+        return request.getScheme() + "://" + request.getServerName() + port;
+    }
+
+    public static String getUrl() {
+        HttpServletRequest request = getRequest();
+        if (request == null) {
+            return null;
+        }
+
+        return getRequestHost(request);
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/util/SubListUtils.java b/backend/framework/src/main/java/cn/cordys/common/util/SubListUtils.java
new file mode 100644
index 0000000..665a43f
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/util/SubListUtils.java
@@ -0,0 +1,31 @@
+package cn.cordys.common.util;
+
+import org.apache.commons.collections4.CollectionUtils;
+
+import java.util.ArrayList;
+import java.util.List;
+import java.util.function.Consumer;
+
+public class SubListUtils {
+
+    public static int DEFAULT_EXPORT_BATCH_SIZE = 500;
+    public static int DEFAULT_QUERY_BATCH_SIZE = 200;
+
+    /**
+     * 将较长的数组截断成较短的数组进行批处理
+     */
+    public static <T> void dealForSubList(List<T> totalList, int batchSize, Consumer<List<T>> subFunc) {
+        if (CollectionUtils.isEmpty(totalList)) {
+            return;
+        }
+        List<T> dealList = new ArrayList<>(totalList);
+        while (dealList.size() > batchSize) {
+            List<T> subList = dealList.subList(0, batchSize);
+            subFunc.accept(subList);
+            dealList = dealList.subList(subList.size(), dealList.size());
+        }
+        if (CollectionUtils.isNotEmpty(dealList)) {
+            subFunc.accept(dealList);
+        }
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/util/TimeUtils.java b/backend/framework/src/main/java/cn/cordys/common/util/TimeUtils.java
new file mode 100644
index 0000000..129891d
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/util/TimeUtils.java
@@ -0,0 +1,79 @@
+package cn.cordys.common.util;
+
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.time.DateFormatUtils;
+import org.apache.commons.lang3.time.DateUtils;
+
+import java.text.ParseException;
+import java.text.SimpleDateFormat;
+import java.util.Date;
+
+/**
+ * DateUtils provides date formatting, parsing
+ */
+public abstract class TimeUtils extends DateUtils {
+    /**
+     * Patterns
+     */
+    public static final String MONTH_PATTERN = "yyyy-MM";
+    public static final String DAY_PATTERN = "yyyy-MM-dd";
+    public static final String DATETIME_PATTERN = "yyyy-MM-dd HH:mm:ss";
+
+
+    /**
+     * Parse date by 'yyyy-MM-dd' pattern
+     */
+    public static Date parseByDayPattern(String str) {
+        return parseDate(str, DAY_PATTERN);
+    }
+
+    /**
+     * Parse date without Checked exception
+     *
+     * @throws RuntimeException when ParseException occurred
+     */
+    public static Date parseDate(String str, String pattern) {
+        try {
+            return parseDate(str, new String[]{pattern});
+        } catch (ParseException e) {
+            throw new RuntimeException(e);
+        }
+    }
+
+
+    /**
+     * Format date by 'yyyy-MM-dd HH:mm:ss' pattern
+     */
+    public static String formatByDateTimePattern(Date date) {
+        return DateFormatUtils.format(date, DATETIME_PATTERN);
+    }
+
+    public static String getMonthStr(Long timeStamp) {
+        if (timeStamp == null) {
+            return StringUtils.EMPTY;
+        }
+        SimpleDateFormat dateFormat = new SimpleDateFormat(MONTH_PATTERN);
+        return dateFormat.format(timeStamp);
+    }
+
+    public static String getDateStr(Long timeStamp) {
+        if (timeStamp == null) {
+            return StringUtils.EMPTY;
+        }
+        SimpleDateFormat dateFormat = new SimpleDateFormat(DAY_PATTERN);
+        return dateFormat.format(timeStamp);
+    }
+
+    public static String getDateTimeStr(Long timeStamp) {
+        if (timeStamp == null) {
+            return null;
+        }
+        SimpleDateFormat dateFormat = new SimpleDateFormat(DATETIME_PATTERN);
+        return dateFormat.format(timeStamp);
+    }
+
+    public static Long getTodayStart() {
+        Date startDate = parseDate(DateFormatUtils.format(new Date(), DAY_PATTERN) + " 00:00:00", DATETIME_PATTERN);
+        return startDate.getTime();
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/util/Translator.java b/backend/framework/src/main/java/cn/cordys/common/util/Translator.java
new file mode 100644
index 0000000..239a72f
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/util/Translator.java
@@ -0,0 +1,76 @@
+package cn.cordys.common.util;
+
+import jakarta.annotation.Resource;
+import org.springframework.context.MessageSource;
+import org.springframework.context.i18n.LocaleContextHolder;
+
+import java.util.Locale;
+
+/**
+ * 翻译工具类，用于从消息源中获取本地化的消息。
+ * <p>
+ * 该类提供了根据消息键（key）从消息源中获取翻译的功能。
+ * </p>
+ */
+public class Translator {
+
+    private static MessageSource messageSource;
+
+    /**
+     * 根据给定的消息键获取翻译内容。
+     *
+     * @param key 消息键
+     *
+     * @return 翻译后的消息，如果没有找到对应的消息，则返回 "Not Support Key: " + key
+     */
+    public static String get(String key) {
+        return messageSource.getMessage(key, null, "Not Support Key: " + key, LocaleContextHolder.getLocale());
+    }
+
+    /**
+     * 根据给定的消息键获取翻译内容，如果没有找到对应的消息，则返回指定的默认消息。
+     *
+     * @param key            消息键
+     * @param defaultMessage 默认消息
+     *
+     * @return 翻译后的消息，若未找到则返回默认消息
+     */
+    public static String get(String key, String defaultMessage) {
+        return messageSource.getMessage(key, null, defaultMessage, LocaleContextHolder.getLocale());
+    }
+
+    /**
+     * 根据给定的消息键和指定的语言环境获取翻译内容。
+     *
+     * @param key    消息键
+     * @param locale 指定的语言环境
+     *
+     * @return 翻译后的消息
+     */
+    public static String get(String key, Locale locale) {
+        return messageSource.getMessage(key, null, locale);
+    }
+
+    /**
+     * 根据给定的消息键和参数获取翻译内容。
+     * 支持格式化参数的插入。
+     *
+     * @param key  消息键
+     * @param args 格式化参数
+     *
+     * @return 翻译后的消息
+     */
+    public static String getWithArgs(String key, Object... args) {
+        return messageSource.getMessage(key, args, "Not Support Key: " + key, LocaleContextHolder.getLocale());
+    }
+
+    /**
+     * 注入 MessageSource 用于国际化消息处理。
+     *
+     * @param messageSource Spring 的 MessageSource 实例
+     */
+    @Resource
+    public void setMessageSource(MessageSource messageSource) {
+        Translator.messageSource = messageSource;
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/util/rsa/RsaKey.java b/backend/framework/src/main/java/cn/cordys/common/util/rsa/RsaKey.java
new file mode 100644
index 0000000..bed09ca
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/util/rsa/RsaKey.java
@@ -0,0 +1,27 @@
+package cn.cordys.common.util.rsa;
+
+import lombok.Getter;
+import lombok.Setter;
+
+import java.io.Serializable;
+
+/**
+ * RSA 密钥对类，封装公钥和私钥。
+ * <p>
+ * 该类用于存储 RSA 加密算法中的公钥和私钥，供加密解密操作使用。
+ * </p>
+ */
+@Setter
+@Getter
+public class RsaKey implements Serializable {
+
+    /**
+     * 公钥，使用 RSA 加密时的公钥部分。
+     */
+    private String publicKey;
+
+    /**
+     * 私钥，使用 RSA 解密时的私钥部分。
+     */
+    private String privateKey;
+}
diff --git a/backend/framework/src/main/java/cn/cordys/common/util/rsa/RsaUtils.java b/backend/framework/src/main/java/cn/cordys/common/util/rsa/RsaUtils.java
new file mode 100644
index 0000000..2c1361b
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/common/util/rsa/RsaUtils.java
@@ -0,0 +1,245 @@
+package cn.cordys.common.util.rsa;
+
+import javax.crypto.Cipher;
+import java.io.ByteArrayOutputStream;
+import java.nio.charset.StandardCharsets;
+import java.security.KeyFactory;
+import java.security.KeyPair;
+import java.security.KeyPairGenerator;
+import java.security.NoSuchAlgorithmException;
+import java.security.interfaces.RSAPrivateKey;
+import java.security.interfaces.RSAPublicKey;
+import java.security.spec.InvalidKeySpecException;
+import java.security.spec.PKCS8EncodedKeySpec;
+import java.security.spec.X509EncodedKeySpec;
+import java.util.Base64;
+
+/**
+ * RSA 加密解密工具类，提供 RSA 算法相关的加密、解密、密钥生成等操作。
+ * <p>
+ * 该类支持使用 RSA 公钥和私钥进行加密、解密、密钥生成等操作。
+ * </p>
+ */
+public class RsaUtils {
+
+    /**
+     * 字符编码集
+     */
+    public static final String CHARSET = StandardCharsets.UTF_8.name();
+
+    /**
+     * RSA 算法名称
+     */
+    public static final String RSA_ALGORITHM = "RSA";
+
+    /**
+     * RSA 加密填充方式
+     */
+    private static final String RSA_CIPHER_TRANSFORMATION_OAEP = "RSA/ECB/OAEPWithSHA-256AndMGF1Padding";
+
+    /**
+     * RSA 密钥对缓存
+     */
+    private static RsaKey rsaKey;
+
+    /**
+     * 获取当前的 RSA 密钥对，如果未创建则生成新的密钥对。
+     *
+     * @return 当前的 RSA 密钥对
+     *
+     * @throws NoSuchAlgorithmException 如果无法生成密钥对
+     */
+    public static RsaKey getRsaKey() throws NoSuchAlgorithmException {
+        if (rsaKey == null) {
+            rsaKey = createKeys();
+        }
+        return rsaKey;
+    }
+
+    /**
+     * 设置 RSA 密钥对。
+     *
+     * @param rsaKey RSA 密钥对
+     */
+    public static void setRsaKey(RsaKey rsaKey) {
+        RsaUtils.rsaKey = rsaKey;
+    }
+
+    /**
+     * 创建一个 1024 位的 RSA 密钥对。
+     *
+     * @return 生成的 RSA 密钥对
+     *
+     * @throws NoSuchAlgorithmException 如果无法生成密钥对
+     */
+    public static RsaKey createKeys() throws NoSuchAlgorithmException {
+        return createKeys(1024);
+    }
+
+    /**
+     * 创建一个指定大小的 RSA 密钥对。
+     *
+     * @param keySize 密钥大小（例如：1024，2048）
+     *
+     * @return 生成的 RSA 密钥对
+     *
+     * @throws NoSuchAlgorithmException 如果无法生成密钥对
+     */
+    public static RsaKey createKeys(int keySize) throws NoSuchAlgorithmException {
+        // 创建 RSA 密钥对生成器
+        KeyPairGenerator kpg = KeyPairGenerator.getInstance(RSA_ALGORITHM);
+        kpg.initialize(keySize);
+
+        // 生成密钥对
+        KeyPair keyPair = kpg.generateKeyPair();
+
+        // 获取公钥和私钥并进行 Base64 编码
+        RSAPublicKey publicKey = (RSAPublicKey) keyPair.getPublic();
+        RSAPrivateKey privateKey = (RSAPrivateKey) keyPair.getPrivate();
+
+        String publicKeyStr = Base64.getEncoder().encodeToString(publicKey.getEncoded());
+        String privateKeyStr = Base64.getEncoder().encodeToString(privateKey.getEncoded());
+
+        // 封装密钥对
+        RsaKey rsaKey = new RsaKey();
+        rsaKey.setPublicKey(publicKeyStr);
+        rsaKey.setPrivateKey(privateKeyStr);
+
+        return rsaKey;
+    }
+
+    /**
+     * 使用私钥对原文进行加密。
+     *
+     * @param originalText 原文
+     * @param privateKey   私钥（Base64 编码）
+     *
+     * @return 加密后的密文
+     *
+     * @throws NoSuchAlgorithmException 如果加密失败
+     */
+    public static String privateEncrypt(String originalText, String privateKey) throws Exception {
+        RSAPrivateKey rsaPrivateKey = getPrivateKey(privateKey);
+        return privateEncrypt(originalText, rsaPrivateKey);
+    }
+
+    /**
+     * 使用私钥对原文进行加密。
+     *
+     * @param originalText 原文
+     * @param privateKey   私钥
+     *
+     * @return 加密后的密文
+     *
+     * @throws Exception 如果加密失败
+     */
+    private static String privateEncrypt(String originalText, RSAPrivateKey privateKey) throws Exception {
+        Cipher cipher = Cipher.getInstance(RSA_CIPHER_TRANSFORMATION_OAEP);
+        cipher.init(Cipher.ENCRYPT_MODE, privateKey);
+
+        byte[] encryptedData = rsaSplitCodec(cipher, Cipher.ENCRYPT_MODE, originalText.getBytes(CHARSET), privateKey.getModulus().bitLength());
+        return Base64.getEncoder().encodeToString(encryptedData);
+    }
+
+    /**
+     * 使用私钥对密文进行解密。
+     *
+     * @param cipherText 密文
+     * @param privateKey 私钥（Base64 编码）
+     *
+     * @return 解密后的原文
+     *
+     * @throws NoSuchAlgorithmException 如果解密失败
+     */
+    public static String privateDecrypt(String cipherText, String privateKey) throws Exception {
+        RSAPrivateKey rsaPrivateKey = getPrivateKey(privateKey);
+        return privateDecrypt(cipherText, rsaPrivateKey);
+    }
+
+    /**
+     * 使用私钥对密文进行解密。
+     *
+     * @param cipherText 密文
+     * @param privateKey 私钥
+     *
+     * @return 解密后的原文
+     *
+     * @throws Exception 如果解密失败
+     */
+    private static String privateDecrypt(String cipherText, RSAPrivateKey privateKey) throws Exception {
+        Cipher cipher = Cipher.getInstance(RSA_ALGORITHM);
+        cipher.init(Cipher.DECRYPT_MODE, privateKey);
+
+        byte[] decryptedData = rsaSplitCodec(cipher, Cipher.DECRYPT_MODE, Base64.getDecoder().decode(cipherText), privateKey.getModulus().bitLength());
+        return new String(decryptedData, CHARSET);
+    }
+
+    /**
+     * 获取私钥对象。
+     *
+     * @param privateKey 私钥（Base64 编码）
+     *
+     * @return 私钥对象
+     *
+     * @throws NoSuchAlgorithmException 如果无法获取私钥
+     */
+    private static RSAPrivateKey getPrivateKey(String privateKey) throws NoSuchAlgorithmException {
+        try {
+            KeyFactory keyFactory = KeyFactory.getInstance(RSA_ALGORITHM);
+            PKCS8EncodedKeySpec keySpec = new PKCS8EncodedKeySpec(Base64.getDecoder().decode(privateKey));
+            return (RSAPrivateKey) keyFactory.generatePrivate(keySpec);
+        } catch (InvalidKeySpecException e) {
+            throw new RuntimeException("无效的私钥格式", e);
+        }
+    }
+
+    /**
+     * 分块处理加密和解密过程，避免一次性数据过大导致的内存问题。
+     *
+     * @param cipher  加解密器
+     * @param opmode  操作模式（加密/解密）
+     * @param data    待加解密的数据
+     * @param keySize 密钥大小
+     *
+     * @return 处理后的数据
+     *
+     * @throws Exception 如果处理过程中发生错误
+     */
+    private static byte[] rsaSplitCodec(Cipher cipher, int opmode, byte[] data, int keySize) throws Exception {
+        int maxBlock = (opmode == Cipher.DECRYPT_MODE) ? keySize / 8 : keySize / 8 - 11;
+        int offset = 0;
+        try (ByteArrayOutputStream out = new ByteArrayOutputStream()) {
+            while (offset < data.length) {
+                int length = Math.min(maxBlock, data.length - offset);
+                byte[] buffer = cipher.doFinal(data, offset, length);
+                out.write(buffer, 0, buffer.length);
+                offset += length;
+            }
+            return out.toByteArray();
+        }
+    }
+
+    // 使用公钥加密
+    public static String publicEncrypt(String originalText, String publicKey) throws Exception {
+        RSAPublicKey rsaPublicKey = getPublicKey(publicKey);
+        return publicEncrypt(originalText, rsaPublicKey);
+    }
+
+    private static RSAPublicKey getPublicKey(String publicKey) throws NoSuchAlgorithmException {
+        try {
+            KeyFactory keyFactory = KeyFactory.getInstance(RSA_ALGORITHM);
+            X509EncodedKeySpec keySpec = new X509EncodedKeySpec(Base64.getDecoder().decode(publicKey));
+            return (RSAPublicKey) keyFactory.generatePublic(keySpec);
+        } catch (InvalidKeySpecException e) {
+            throw new RuntimeException("无效的公钥格式", e);
+        }
+    }
+
+    private static String publicEncrypt(String originalText, RSAPublicKey publicKey) throws Exception {
+        Cipher cipher = Cipher.getInstance(RSA_ALGORITHM);
+        cipher.init(Cipher.ENCRYPT_MODE, publicKey);
+
+        byte[] encryptedData = rsaSplitCodec(cipher, Cipher.ENCRYPT_MODE, originalText.getBytes(CHARSET), publicKey.getModulus().bitLength());
+        return Base64.getEncoder().encodeToString(encryptedData);
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/config/DataAccessConfig.java b/backend/framework/src/main/java/cn/cordys/config/DataAccessConfig.java
new file mode 100644
index 0000000..40a742b
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/config/DataAccessConfig.java
@@ -0,0 +1,58 @@
+package cn.cordys.config;
+
+import cn.cordys.mybatis.BaseMapper;
+import cn.cordys.mybatis.DataAccessLayer;
+import jakarta.annotation.Resource;
+import org.apache.ibatis.session.SqlSession;
+import org.springframework.beans.factory.InjectionPoint;
+import org.springframework.beans.factory.config.ConfigurableBeanFactory;
+import org.springframework.context.annotation.Bean;
+import org.springframework.context.annotation.Configuration;
+import org.springframework.context.annotation.Scope;
+import org.springframework.core.ResolvableType;
+
+import java.util.Objects;
+
+/**
+ * 数据访问配置类。
+ * 提供 MyBatis 的 {@link BaseMapper} 的动态注入支持。
+ */
+@Configuration
+public class DataAccessConfig {
+
+    /**
+     * 注入的 MyBatis {@link SqlSession}，用于操作数据库。
+     */
+    @Resource
+    private SqlSession sqlSession;
+
+    /**
+     * 提供泛型 {@link BaseMapper} 的动态实例。
+     * 使用 Spring 的原型作用域，每次注入时动态解析泛型类型并实例化。
+     *
+     * @param injectionPoint 当前注入点的信息，用于解析目标泛型类型
+     * @param <E>            泛型参数，表示实体类类型
+     *
+     * @return 对应实体类的 {@link BaseMapper} 实例
+     *
+     * @throws IllegalArgumentException 如果注入点的字段类型无法解析
+     */
+    @Bean
+    @Scope(ConfigurableBeanFactory.SCOPE_PROTOTYPE)
+    public <E> BaseMapper<E> simpleBaseMapper(InjectionPoint injectionPoint) {
+        // 解析注入点字段的泛型类型
+        ResolvableType resolved = ResolvableType.forField(
+                Objects.requireNonNull(injectionPoint.getField(), "InjectionPoint 的字段信息不能为空")
+        );
+
+        // 获取泛型参数类型并验证
+        @SuppressWarnings("unchecked")
+        Class<E> parameterClass = (Class<E>) Objects.requireNonNull(
+                resolved.getGeneric(0).resolve(),
+                "无法解析泛型参数类型，请确认使用了明确的泛型声明"
+        );
+
+        // 返回对应的 BaseMapper 实例
+        return DataAccessLayer.with(parameterClass, sqlSession);
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/config/I18nConfig.java b/backend/framework/src/main/java/cn/cordys/config/I18nConfig.java
new file mode 100644
index 0000000..d2502a5
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/config/I18nConfig.java
@@ -0,0 +1,69 @@
+package cn.cordys.config;
+
+import cn.cordys.common.util.Translator;
+import jakarta.validation.Validator;
+import org.hibernate.validator.HibernateValidator;
+import org.springframework.boot.autoconfigure.condition.ConditionalOnMissingBean;
+import org.springframework.context.MessageSource;
+import org.springframework.context.annotation.Bean;
+import org.springframework.context.annotation.Configuration;
+import org.springframework.validation.beanvalidation.LocalValidatorFactoryBean;
+
+/**
+ * 配置类，用于设置国际化和校验相关的Bean。
+ * <p>
+ * 该配置类包括：
+ * 1. 国际化翻译器 (Translator) 的 Bean 配置。
+ * 2. 使用 JSR-303 规范的校验器 (Validator)，并设置国际化消息源。
+ * </p>
+ */
+@Configuration
+public class I18nConfig {
+
+    /**
+     * 创建 Translator Bean，提供国际化的翻译功能。
+     * <p>
+     * 该 Bean 仅在没有其他 Translator Bean 的情况下创建。
+     * </p>
+     *
+     * @return Translator 对象
+     */
+    @Bean
+    @ConditionalOnMissingBean
+    public Translator translator() {
+        return new Translator();
+    }
+
+    /**
+     * 配置 JSR-303 校验的国际化消息源。
+     * <p>
+     * 使用 Hibernate Validator 作为校验提供者，并将指定的 MessageSource 作为消息源。
+     * </p>
+     *
+     * @param messageSource 消息源，用于提供国际化的错误信息
+     *
+     * @return 配置好的 LocalValidatorFactoryBean
+     */
+    @Bean
+    public LocalValidatorFactoryBean localValidatorFactoryBean(MessageSource messageSource) {
+        LocalValidatorFactoryBean localValidatorFactoryBean = new LocalValidatorFactoryBean();
+        localValidatorFactoryBean.setProviderClass(HibernateValidator.class);
+        localValidatorFactoryBean.setValidationMessageSource(messageSource);
+        return localValidatorFactoryBean;
+    }
+
+    /**
+     * 创建 Validator Bean，用于执行 JSR-303 校验。
+     * <p>
+     * 该 Bean 使用 LocalValidatorFactoryBean 作为校验工厂，提供一个验证器实例。
+     * </p>
+     *
+     * @param localValidatorFactoryBean 校验工厂
+     *
+     * @return 校验器实例
+     */
+    @Bean
+    public Validator validator(LocalValidatorFactoryBean localValidatorFactoryBean) {
+        return localValidatorFactoryBean.getValidator();
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/config/MybatisInterceptorConfig.java b/backend/framework/src/main/java/cn/cordys/config/MybatisInterceptorConfig.java
new file mode 100644
index 0000000..393e10c
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/config/MybatisInterceptorConfig.java
@@ -0,0 +1,96 @@
+package cn.cordys.config;
+
+import cn.cordys.common.util.EncryptUtils;
+import lombok.Getter;
+import lombok.Setter;
+
+/**
+ * Mybatis 拦截器配置类，主要用于配置 Mybatis 加密和解密拦截器。
+ * <p>
+ * 该类用于定义与加密/解密相关的拦截器设置，包括模型类、属性名、拦截器类及方法等。
+ * </p>
+ */
+@Getter
+@Setter
+public class MybatisInterceptorConfig {
+
+    /**
+     * 模型类的名称。
+     */
+    private String modelName;
+
+    /**
+     * 需要拦截的属性名称。
+     */
+    private String attrName;
+
+    /**
+     * 需要拦截的属性名称列表。
+     */
+    private String attrNameForList;
+
+    /**
+     * 拦截器类的名称。
+     */
+    private String interceptorClass;
+
+    /**
+     * 拦截器的方法名。
+     */
+    private String interceptorMethod;
+
+    /**
+     * 反操作类（例如解密操作类）的名称。
+     */
+    private String undoClass;
+
+    /**
+     * 反操作方法名（例如解密方法）。
+     */
+    private String undoMethod;
+
+    /**
+     * 默认构造函数，初始化一个空的拦截器配置。
+     */
+    public MybatisInterceptorConfig() {
+    }
+
+    /**
+     * 用于配置加密拦截器的构造函数。
+     * <p>
+     * 默认使用 {@link EncryptUtils} 类的加密和解密方法。
+     * </p>
+     *
+     * @param modelClass 模型类
+     * @param attrName   需要加密的属性名称
+     */
+    public MybatisInterceptorConfig(Class<?> modelClass, String attrName) {
+        this.modelName = modelClass.getName();
+        this.attrName = attrName;
+        this.interceptorClass = EncryptUtils.class.getName();
+        this.interceptorMethod = "aesEncrypt";
+        this.undoClass = EncryptUtils.class.getName();
+        this.undoMethod = "aesDecrypt";
+    }
+
+    /**
+     * 用于自定义拦截器的构造函数。
+     * <p>
+     * 可以通过此构造函数传入自定义的拦截器类和方法。
+     * </p>
+     *
+     * @param modelClass        模型类
+     * @param attrName          需要拦截的属性名称
+     * @param interceptorClass  自定义拦截器类
+     * @param interceptorMethod 自定义拦截器方法
+     * @param undoMethod        自定义反操作方法
+     */
+    public MybatisInterceptorConfig(Class<?> modelClass, String attrName, Class<?> interceptorClass, String interceptorMethod, String undoMethod) {
+        this.modelName = modelClass.getName();
+        this.attrName = attrName;
+        this.interceptorClass = interceptorClass.getName();
+        this.interceptorMethod = interceptorMethod;
+        this.undoClass = interceptorClass.getName();
+        this.undoMethod = undoMethod;
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/config/RequestParamTrimConfig.java b/backend/framework/src/main/java/cn/cordys/config/RequestParamTrimConfig.java
new file mode 100644
index 0000000..09b7b26
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/config/RequestParamTrimConfig.java
@@ -0,0 +1,95 @@
+package cn.cordys.config;
+
+import com.fasterxml.jackson.core.JsonParser;
+import com.fasterxml.jackson.databind.DeserializationContext;
+import com.fasterxml.jackson.databind.deser.std.StdScalarDeserializer;
+import jakarta.servlet.http.HttpServletRequest;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.boot.autoconfigure.jackson.Jackson2ObjectMapperBuilderCustomizer;
+import org.springframework.context.annotation.Bean;
+import org.springframework.context.annotation.Configuration;
+import org.springframework.util.AntPathMatcher;
+import org.springframework.web.context.request.RequestContextHolder;
+import org.springframework.web.context.request.ServletRequestAttributes;
+import org.springframework.web.util.HtmlUtils;
+
+import java.io.IOException;
+import java.util.Arrays;
+
+/**
+ * 配置类，用于定制 Jackson 的反序列化过程。
+ * <p>
+ * 本类的作用是为 String 类型字段的反序列化过程添加自定义逻辑，去除请求参数中的前后空格。
+ * </p>
+ *
+ * @version 1.0
+ */
+@Configuration
+public class RequestParamTrimConfig {
+
+    /**
+     * 需要开启 XSS 过滤的 URL 列表（Ant 风格，逗号分隔）。
+     * 示例：/account/follow/**,/announcement/**
+     * 留空表示不对任何请求做 HTML 转义。
+     */
+    @Value("${xss.protection.url.list:}")
+    private String xssFilterUrlList;
+
+    /**
+     * 定义一个 {@link Jackson2ObjectMapperBuilderCustomizer} Bean，
+     * 用于定制 Jackson 的 ObjectMapper 设置，特别是针对 String 类型字段的反序列化。
+     * <p>
+     * 通过此定制，所有从 JSON 反序列化的 String 类型字段将在反序列化时自动去除前后空格。
+     * </p>
+     *
+     * @return 定制后的 {@link Jackson2ObjectMapperBuilderCustomizer} 实例
+     */
+    @Bean
+    public Jackson2ObjectMapperBuilderCustomizer jackson2ObjectMapperBuilderCustomizer() {
+        AntPathMatcher pathMatcher = new AntPathMatcher(); // 线程安全，可复用
+
+        return builder -> builder
+                .deserializerByType(String.class, new StdScalarDeserializer<String>(String.class) {
+                    @Override
+                    public String deserialize(JsonParser p, DeserializationContext ctxt) throws IOException {
+                        String rawValue = p.getValueAsString();
+                        String trimmedValue = StringUtils.trim(rawValue);
+
+                        // 判断是否需要对当前值进行 HTML 转义
+                        if (shouldEscapeXss(pathMatcher)) {
+                            return HtmlUtils.htmlEscape(trimmedValue);
+                        }
+                        return trimmedValue;
+                    }
+                });
+    }
+
+    /**
+     * 判断当前请求是否命中 XSS 过滤白名单（命中 → 执行转义）。
+     */
+    private boolean shouldEscapeXss(AntPathMatcher pathMatcher) {
+        // 未配置过滤列表
+        if (StringUtils.isBlank(xssFilterUrlList)) {
+            return false;
+        }
+
+        ServletRequestAttributes attributes = (ServletRequestAttributes) RequestContextHolder.getRequestAttributes();
+        if (attributes == null) {
+            return false; // 非 Web 上下文（定时任务等）不处理
+        }
+
+        HttpServletRequest request = attributes.getRequest();
+        String requestURI = request.getRequestURI();
+        if (StringUtils.isBlank(requestURI)) {
+            return false;
+        }
+
+        // 逗号分隔的 Ant 路径列表，任一匹配即需要转义
+        return Arrays.stream(xssFilterUrlList.split(","))
+                .map(String::trim)
+                .filter(StringUtils::isNotBlank)   // 过滤掉空白配置项
+                .anyMatch(pattern -> pathMatcher.match(pattern, requestURI));
+    }
+
+}
diff --git a/backend/framework/src/main/java/cn/cordys/context/OrganizationContext.java b/backend/framework/src/main/java/cn/cordys/context/OrganizationContext.java
new file mode 100644
index 0000000..7a9d19b
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/context/OrganizationContext.java
@@ -0,0 +1,114 @@
+package cn.cordys.context;
+
+import cn.cordys.common.constants.InternalUser;
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.response.result.CrmHttpResultCode;
+import cn.cordys.security.SessionUser;
+import cn.cordys.security.SessionUtils;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections4.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.Strings;
+
+import java.util.Set;
+
+/**
+ * 组织上下文工具类，用于在请求/任务生命周期中传递组织ID和请求来源。
+ * <p>
+ * 使用 {@link InheritableThreadLocal} 实现父子线程自动传递，但在线程池场景需注意
+ * 子线程任务执行完毕后必须清理，否则会造成上下文泄漏。
+ * </p>
+ *
+ * <p>典型用法：</p>
+ * <pre>
+ *   OrganizationContext.setOrganizationId("123456");
+ *   OrganizationContext.setRequestSource("API");
+ *   try {
+ *       // 业务逻辑
+ *   } finally {
+ *       OrganizationContext.clear();
+ *   }
+ * </pre>
+ *
+ * @author jianxing
+ */
+@Slf4j
+public final class OrganizationContext {
+
+    public static final String DEFAULT_ORGANIZATION_ID = "100001";
+
+    private static final ThreadLocal<String> ORGANIZATION_ID = new InheritableThreadLocal<>();
+
+    private OrganizationContext() {
+        // 工具类禁止实例化
+    }
+
+    /**
+     * 获取当前请求/任务的组织ID，并进行权限校验。
+     * <p>
+     * 优先级：
+     * <ol>
+     *   <li>ThreadLocal 中已有值时，直接校验权限后返回</li>
+     *   <li>无值时，根据用户信息自动推导（优先使用上次登录组织，否则任选一个）</li>
+     *   <li>管理员且无组织权限时返回默认组织ID</li>
+     * </ol>
+     * 自动推导成功后会将结果存入 ThreadLocal，后续调用直接复用。
+     * </p>
+     *
+     * @return 组织ID（可能为 {@code null}，仅当未登录且未手动设置时）
+     *
+     * @throws GenericException 如果当前用户对组织无权限
+     */
+    public static String getOrganizationId() {
+        String orgId = ORGANIZATION_ID.get();
+        SessionUser user = SessionUtils.getUser();
+        if (user == null) {
+            // 没有登入，则为定时任务，直接返回
+            return orgId;
+        }
+
+        boolean isAdmin = Strings.CS.equals(InternalUser.ADMIN.getValue(), user.getId());
+
+        if (StringUtils.isBlank(orgId)) {
+            Set<String> organizationIds = user.getOrganizationIds();
+            if (CollectionUtils.isNotEmpty(organizationIds)) {
+                // 如果有组织权限
+                if (organizationIds.contains(user.getLastOrganizationId())) {
+                    // 如果上次登入的组织任有权限，则获取该组织ID
+                    orgId = user.getLastOrganizationId();
+                } else {
+                    // 获取一个组织ID
+                    orgId = organizationIds.iterator().next();
+                }
+                return orgId;
+            } else if (isAdmin) {
+                // 如果是管理员，则返回默认组织ID
+                return DEFAULT_ORGANIZATION_ID;
+            }
+        } else if (user.getOrganizationIds().contains(orgId) || isAdmin) {
+            // 如果用户有组织权限则返回
+            return orgId;
+        }
+
+        // 没有权限，抛出异常
+        throw new GenericException(CrmHttpResultCode.FORBIDDEN, "No organization permission");
+    }
+
+    /**
+     * 手动设置组织ID（通常在过滤器或定时任务入口调用）。
+     *
+     * @param organizationId 组织ID，允许为 {@code null} 或空字符串
+     */
+    public static void setOrganizationId(String organizationId) {
+        if (StringUtils.isNotBlank(organizationId)) {
+            ORGANIZATION_ID.set(organizationId);
+        }
+    }
+
+    /**
+     * 清理 ThreadLocal 上下文，必须放在 finally 块中执行。
+     */
+    public static void clear() {
+        ORGANIZATION_ID.remove();
+    }
+}
\ No newline at end of file
diff --git a/backend/framework/src/main/java/cn/cordys/excel/domain/ExcelDataFactory.java b/backend/framework/src/main/java/cn/cordys/excel/domain/ExcelDataFactory.java
new file mode 100644
index 0000000..55d244e
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/excel/domain/ExcelDataFactory.java
@@ -0,0 +1,8 @@
+package cn.cordys.excel.domain;
+
+/**
+ * @author wx
+ */
+public interface ExcelDataFactory {
+    Object getExcelDataByLocal();
+}
diff --git a/backend/framework/src/main/java/cn/cordys/excel/domain/ExcelErrData.java b/backend/framework/src/main/java/cn/cordys/excel/domain/ExcelErrData.java
new file mode 100644
index 0000000..d8918f3
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/excel/domain/ExcelErrData.java
@@ -0,0 +1,17 @@
+package cn.cordys.excel.domain;
+
+import lombok.Data;
+
+@Data
+public class ExcelErrData {
+    private Integer rowNum;
+    private String errMsg;
+
+    public ExcelErrData() {
+    }
+
+    public ExcelErrData(Integer rowNum, String errMsg) {
+        this.rowNum = rowNum;
+        this.errMsg = errMsg;
+    }
+}
\ No newline at end of file
diff --git a/backend/framework/src/main/java/cn/cordys/excel/utils/EasyExcelExporter.java b/backend/framework/src/main/java/cn/cordys/excel/utils/EasyExcelExporter.java
new file mode 100644
index 0000000..d0b6e5a
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/excel/utils/EasyExcelExporter.java
@@ -0,0 +1,61 @@
+package cn.cordys.excel.utils;
+
+import cn.cordys.common.exception.GenericException;
+import cn.idev.excel.EasyExcel;
+import cn.idev.excel.ExcelWriter;
+import cn.idev.excel.write.handler.WriteHandler;
+import cn.idev.excel.write.metadata.WriteSheet;
+import jakarta.servlet.http.HttpServletResponse;
+import lombok.extern.slf4j.Slf4j;
+
+import java.io.IOException;
+import java.net.URLEncoder;
+import java.nio.charset.StandardCharsets;
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Optional;
+
+@Slf4j
+public class EasyExcelExporter {
+    public void buildExportResponse(HttpServletResponse response, String fileName) {
+        response.setContentType("application/vnd.ms-excel");
+        response.setCharacterEncoding(StandardCharsets.UTF_8.name());
+        response.setHeader("Content-disposition", "attachment;filename=" + URLEncoder.encode(fileName, StandardCharsets.UTF_8) + ".xlsx");
+    }
+
+    public void exportByCustomWriteHandler(HttpServletResponse response, List<List<String>> headList, List<List<Object>> data,
+                                           String fileName, String sheetName, WriteHandler writeHandler) {
+        buildExportResponse(response, fileName);
+        try {
+            EasyExcel.write(response.getOutputStream())
+                    .head(Optional.ofNullable(headList).orElse(new ArrayList<>()))
+                    .registerWriteHandler(writeHandler)
+                    .sheet(sheetName)
+                    .doWrite(data);
+        } catch (IOException e) {
+            log.error(e.getMessage(), e);
+            throw new GenericException(e.getMessage());
+        }
+    }
+
+    public void exportMultiSheetTplWithSharedHandler(HttpServletResponse response, List<List<String>> headList, String fileName,
+                                                     String mainSheetName, String tipSheetName, WriteHandler sharedHandler, WriteHandler styleHandler) {
+        buildExportResponse(response, fileName);
+        try (ExcelWriter writer = EasyExcel.write(response.getOutputStream()).build()) {
+            WriteSheet mainSheet = EasyExcel.writerSheet(0, mainSheetName)
+                    .head(headList)
+                    .registerWriteHandler(sharedHandler)
+                    .registerWriteHandler(styleHandler)
+                    .build();
+            writer.write(new ArrayList<>(), mainSheet);
+
+            WriteSheet tipSheet = EasyExcel.writerSheet(1, tipSheetName)
+                    .registerWriteHandler(sharedHandler)
+                    .build();
+            writer.write(new ArrayList<>(), tipSheet);
+        } catch (IOException e) {
+            log.error(e.getMessage(), e);
+            throw new GenericException(e.getMessage());
+        }
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/excel/utils/ExcelValidateHelper.java b/backend/framework/src/main/java/cn/cordys/excel/utils/ExcelValidateHelper.java
new file mode 100644
index 0000000..bd44afd
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/excel/utils/ExcelValidateHelper.java
@@ -0,0 +1,44 @@
+package cn.cordys.excel.utils;
+
+import cn.idev.excel.annotation.ExcelProperty;
+import jakarta.annotation.PostConstruct;
+import jakarta.annotation.Resource;
+import jakarta.validation.ConstraintViolation;
+import jakarta.validation.Validator;
+import jakarta.validation.groups.Default;
+import org.springframework.stereotype.Component;
+
+import java.lang.reflect.Field;
+import java.util.Set;
+
+@Component
+public class ExcelValidateHelper {
+
+    private static ExcelValidateHelper excelValidateHelper;
+
+    @Resource
+    Validator validator;
+
+    public static <T> String validateEntity(T obj) throws NoSuchFieldException {
+        StringBuilder result = new StringBuilder();
+        Set<ConstraintViolation<T>> set = excelValidateHelper.validator.validate(obj, Default.class);
+        if (set != null && !set.isEmpty()) {
+            for (ConstraintViolation<T> cv : set) {
+                Field declaredField = obj.getClass().getDeclaredField(cv.getPropertyPath().toString());
+                ExcelProperty annotation = declaredField.getAnnotation(ExcelProperty.class);
+                //拼接错误信息，包含当前出错数据的标题名字+错误信息
+                result.append("[").append(annotation.value()[0]).append("]").append(cv.getMessage()).append("; ");
+            }
+        }
+        return result.toString();
+    }
+
+    /**
+     * 在静态方法中调用
+     */
+    @PostConstruct
+    public void initialize() {
+        excelValidateHelper = this;
+        excelValidateHelper.validator = this.validator;
+    }
+}
\ No newline at end of file
diff --git a/backend/framework/src/main/java/cn/cordys/file/engine/DefaultRepositoryDir.java b/backend/framework/src/main/java/cn/cordys/file/engine/DefaultRepositoryDir.java
new file mode 100644
index 0000000..d83f9ef
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/file/engine/DefaultRepositoryDir.java
@@ -0,0 +1,128 @@
+package cn.cordys.file.engine;
+
+import java.nio.file.Path;
+import java.nio.file.Paths;
+
+/**
+ * 默认的资源目录工具类
+ */
+public final class DefaultRepositoryDir {
+
+    /**
+     * 临时目录
+     */
+    private static final String TMP_DIR = "/tmp";
+
+    /**
+     * 文件默认目录
+     */
+    private static final String DEFAULT_DIR = "/opt/cordys/data/files";
+
+    /**
+     * 导出目录
+     */
+    private static final String EXPORT_DIR = "/export";
+
+    /**
+     * 图片正式目录
+     */
+    private static final String PIC_DIR = "/pic";
+
+    /**
+     * 私有构造方法，防止实例化
+     */
+    private DefaultRepositoryDir() {
+        // 工具类不应被实例化
+    }
+
+    /**
+     * 获取临时目录路径
+     *
+     * @return 临时目录路径
+     */
+    public static String getTmpDir() {
+        return TMP_DIR;
+    }
+
+    /**
+     * 获取图片目录路径
+     *
+     * @return 图片目录路径
+     */
+    public static String getPicDir() {
+        return PIC_DIR;
+    }
+
+    /**
+     * 获取指定组织的导出目录路径
+     *
+     * @param orgId 组织ID
+     *
+     * @return 导出目录路径
+     */
+    public static String getExportDir(String orgId) {
+        return Path.of(orgId, EXPORT_DIR).toString();
+    }
+
+    /**
+     * 获取默认目录路径
+     *
+     * @return 默认目录路径
+     */
+    public static String getDefaultDir() {
+        return DEFAULT_DIR;
+    }
+
+    /**
+     * 获取完整的临时目录路径
+     *
+     * @return 完整的临时目录路径
+     */
+    public static Path getFullTmpPath() {
+        return Paths.get(DEFAULT_DIR, TMP_DIR);
+    }
+
+    /**
+     * 获取完整的图片目录路径
+     *
+     * @return 完整的图片目录路径
+     */
+    public static Path getFullPicPath() {
+        return Paths.get(DEFAULT_DIR, PIC_DIR);
+    }
+
+    /**
+     * 获取指定组织的完整导出目录路径
+     *
+     * @param orgId 组织ID
+     *
+     * @return 完整的导出目录路径
+     */
+    public static Path getFullExportPath(String orgId) {
+        return Paths.get(DEFAULT_DIR, orgId, EXPORT_DIR);
+    }
+
+    /**
+     * 获取临时文件目录
+     *
+     * @param tempFileId 临时文件ID
+     *
+     * @return 临时文件目录
+     */
+    public static String getTempFileDir(String tempFileId) {
+        return DefaultRepositoryDir.getTmpDir() + "/" + tempFileId;
+    }
+
+    /**
+     * 获取转存文件目录
+     *
+     * @param organizationId 组织ID
+     * @param resourceId     资源ID
+     * @param fileId         文件ID
+     *
+     * @return 转存文件目录
+     */
+    public static String getTransferFileDir(String organizationId, String resourceId, String fileId) {
+        return "/" + organizationId + DefaultRepositoryDir.getPicDir() + "/" + resourceId + "/" + fileId;
+    }
+}
\ No newline at end of file
diff --git a/backend/framework/src/main/java/cn/cordys/file/engine/FileCenter.java b/backend/framework/src/main/java/cn/cordys/file/engine/FileCenter.java
new file mode 100644
index 0000000..ceb068b
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/file/engine/FileCenter.java
@@ -0,0 +1,55 @@
+package cn.cordys.file.engine;
+
+import cn.cordys.common.util.CommonBeanFactory;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.Strings;
+
+import static cn.cordys.file.engine.StorageType.LOCAL;
+import static cn.cordys.file.engine.StorageType.S3;
+
+/**
+ * FileCenter 类提供了根据存储类型获取对应文件仓库的静态方法。
+ * <p>
+ * 该类封装了不同存储类型（如 MINIO、LOCAL）的文件仓库获取逻辑，并允许根据存储类型返回相应的 {@link FileRepository} 实现。
+ * </p>
+ */
+@Slf4j
+public class FileCenter {
+    // 默认存储类型
+    private static StorageType defStorageType = null;
+
+    // 私有构造函数，防止实例化
+    private FileCenter() {
+    }
+
+    /**
+     * 根据给定的存储类型返回对应的 {@link FileRepository} 实现。
+     *
+     * @param storage 存储类型枚举值，指示所需的存储实现（如 S3、LOCAL）。
+     *
+     * @return 返回对应的 {@link FileRepository} 实现，如果存储类型未知，则返回默认的仓库。
+     */
+    public static FileRepository getRepository(String storage) {
+        if (Strings.CS.equals(S3.name(), storage)) {
+            return CommonBeanFactory.getBean(S3Repository.class);
+        } else {
+            return CommonBeanFactory.getBean(LocalRepository.class);
+        }
+    }
+
+    /**
+     * 返回默认的 {@link FileRepository} 实现。
+     * <p>
+     * 当前默认实现为 {@link LocalRepository}，可以根据实际需求修改此方法以支持其他默认仓库。
+     * </p>
+     *
+     * @return 默认的 {@link FileRepository} 实现。
+     */
+    public static FileRepository getDefaultRepository() {
+        if (defStorageType == null) {
+            defStorageType = LOCAL;
+        }
+        log.info("Default storage type is set to: {}", defStorageType);
+        return getRepository(defStorageType.name());
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/file/engine/FileCopyRequest.java b/backend/framework/src/main/java/cn/cordys/file/engine/FileCopyRequest.java
new file mode 100644
index 0000000..d89ead2
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/file/engine/FileCopyRequest.java
@@ -0,0 +1,30 @@
+package cn.cordys.file.engine;
+
+import lombok.AllArgsConstructor;
+import lombok.Data;
+
+/**
+ * 复制文件请求类，表示文件复制操作的请求参数。
+ * <p>
+ * 该类继承自 {@link FileRequest}，包含了复制文件时需要的相关信息，如目标目录和文件名称。
+ * </p>
+ */
+@Data
+@AllArgsConstructor
+public class FileCopyRequest extends FileRequest {
+
+    /**
+     * 复制的文件来源目录。
+     */
+    private String sourceFolder;
+
+    /**
+     * 复制的文件目标目录。
+     */
+    private String destFolder;
+
+    /**
+     * 复制的文件名称。
+     */
+    private String fileName;
+}
diff --git a/backend/framework/src/main/java/cn/cordys/file/engine/FileRepository.java b/backend/framework/src/main/java/cn/cordys/file/engine/FileRepository.java
new file mode 100644
index 0000000..c068ad8
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/file/engine/FileRepository.java
@@ -0,0 +1,155 @@
+package cn.cordys.file.engine;
+
+import org.springframework.core.io.Resource;
+import org.springframework.http.ResponseEntity;
+import org.springframework.web.multipart.MultipartFile;
+
+import java.io.File;
+import java.io.InputStream;
+import java.util.List;
+
+/**
+ * 文件仓库接口，定义了文件操作（如保存、删除、下载、获取）的通用方法。
+ * <p>
+ * 实现该接口的类负责提供具体的文件存储和管理操作。
+ * </p>
+ */
+public interface FileRepository {
+
+    /**
+     * 保存文件到文件仓库。
+     *
+     * @param file    要保存的文件，类型为 {@link MultipartFile}。
+     * @param request 文件请求信息，包含文件的元数据。
+     *
+     * @return 返回保存后的文件标识符（通常为文件路径或唯一ID）。
+     *
+     * @throws Exception 如果保存文件过程中发生错误，抛出异常。
+     */
+    String saveFile(MultipartFile file, FileRequest request) throws Exception;
+
+    /**
+     * 保存字节数组表示的文件到文件仓库。
+     *
+     * @param bytes   文件内容的字节数组。
+     * @param request 文件请求信息，包含文件的元数据。
+     *
+     * @throws Exception 如果保存文件过程中发生错误，抛出异常。
+     */
+    void saveFile(byte[] bytes, FileRequest request) throws Exception;
+
+    /**
+     * 保存文件流表示的文件到文件仓库。
+     *
+     * @param inputStream 文件内容的输入流。
+     * @param request     文件请求信息，包含文件的元数据。
+     *
+     * @return 返回保存后的文件标识符（通常为文件路径或唯一ID）。
+     *
+     * @throws Exception 如果保存文件过程中发生错误，抛出异常。
+     */
+    String saveFile(InputStream inputStream, FileRequest request) throws Exception;
+
+    /**
+     * 删除指定文件。
+     *
+     * @param request 文件请求信息，包含待删除文件的标识符或路径。
+     *
+     * @throws Exception 如果删除文件过程中发生错误，抛出异常。
+     */
+    void delete(FileRequest request) throws Exception;
+
+    /**
+     * 删除指定文件夹及其所有内容。
+     *
+     * @param request 文件请求信息，包含待删除文件夹的标识符或路径。
+     * @param onlyDir 为true时跳过文件直接删除目录
+     *
+     * @throws Exception 如果删除文件夹过程中发生错误，抛出异常。
+     */
+    void deleteFolder(FileRequest request, boolean onlyDir) throws Exception;
+
+    /**
+     * 获取指定文件的字节内容。对于大文件，不建议使用此方法。
+     *
+     * @param request 文件请求信息，包含待获取内容的文件标识符或路径。
+     *
+     * @return 返回文件的字节数组。
+     *
+     * @throws Exception 如果获取文件内容过程中发生错误，抛出异常。
+     */
+    byte[] getFile(FileRequest request) throws Exception;
+
+    /**
+     * 获取指定文件的输入流。用于流式处理文件内容。
+     *
+     * @param request 文件请求信息，包含待获取内容的文件标识符或路径。
+     *
+     * @return 返回文件内容的输入流。
+     *
+     * @throws Exception 如果获取文件输入流过程中发生错误，抛出异常。
+     */
+    InputStream getFileAsStream(FileRequest request) throws Exception;
+
+    /**
+     * 以流式方式下载文件，通过逐块下载的方式节省内存。
+     *
+     * @param request   文件请求信息，包含待下载的文件标识符或路径。
+     * @param localPath 下载到本地的文件路径。
+     *
+     * @throws Exception 如果下载文件过程中发生错误，抛出异常。
+     */
+    void downloadFile(FileRequest request, String localPath) throws Exception;
+
+
+    /**
+     * 以流式方式下载文件，通过逐块下载的方式节省内存。
+     *
+     * @param request 文件请求信息，包含待下载的文件标识符或路径。
+     *
+     * @throws Exception 如果下载文件过程中发生错误，抛出异常。
+     */
+    ResponseEntity<Resource> downloadFile(FileRequest request) throws Exception;
+
+    /**
+     * 获取指定文件夹下所有文件的文件名列表。
+     *
+     * @param request 文件请求信息，包含目标文件夹的标识符或路径。
+     *
+     * @return 返回文件夹中所有文件的文件名列表。
+     *
+     * @throws Exception 如果获取文件夹文件列表过程中发生错误，抛出异常。
+     */
+    List<String> getFolderFileNames(FileRequest request) throws Exception;
+
+    /**
+     * 获取指定文件夹下所有文件的文件列表。
+     *
+     * @param request 文件请求信息，包含目标文件夹的标识符或路径。
+     *
+     * @return 返回文件夹中所有文件列表。
+     *
+     * @throws Exception 如果获取文件夹文件列表过程中发生错误，抛出异常。
+     */
+    List<File> getFolderFiles(FileRequest request) throws Exception;
+
+    /**
+     * 复制文件到指定目录。
+     *
+     * @param request 文件复制请求信息，包含源文件和目标目录信息。
+     *
+     * @throws Exception 如果复制文件过程中发生错误，抛出异常。
+     */
+    void copyFile(FileCopyRequest request) throws Exception;
+
+    /**
+     * 获取指定文件的大小（字节数）。
+     *
+     * @param request 文件请求信息，包含待获取大小的文件标识符或路径。
+     *
+     * @return 返回文件的大小，以字节为单位。
+     *
+     * @throws Exception 如果获取文件大小过程中发生错误，抛出异常。
+     */
+    long getFileSize(FileRequest request) throws Exception;
+}
diff --git a/backend/framework/src/main/java/cn/cordys/file/engine/FileRequest.java b/backend/framework/src/main/java/cn/cordys/file/engine/FileRequest.java
new file mode 100644
index 0000000..af270b7
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/file/engine/FileRequest.java
@@ -0,0 +1,52 @@
+package cn.cordys.file.engine;
+
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+/**
+ * 文件请求类，封装了文件相关的请求信息。
+ * <p>
+ * 该类用于存储与文件操作相关的基本信息，如文件所在文件夹、存储类型和文件名等。
+ * </p>
+ */
+@Data
+@NoArgsConstructor
+public class FileRequest {
+
+    /**
+     * 文件所在的文件夹路径。
+     * <p>
+     * 此字段指示文件存储的目录，通常用于定位文件。
+     * </p>
+     */
+    private String folder;
+
+    /**
+     * 存储类型，指示文件存储的方式或位置。
+     * <p>
+     * 例如，可以是 "S3"、"LOCAL" 等存储类型的标识符。
+     * </p>
+     */
+    private String storage;
+
+    /**
+     * 文件名称。
+     * <p>
+     * 此字段指示文件的名称，通常与文件的后缀（如 .txt、.jpg 等）一起确定文件的完整标识。
+     * </p>
+     */
+    private String fileName;
+
+    /**
+     * 构造函数，创建一个包含文件夹路径、存储类型和文件名的文件请求对象。
+     *
+     * @param folder   文件所在的文件夹路径。
+     * @param storage  存储类型，指示文件存储的位置或方式。
+     * @param fileName 文件的名称。
+     */
+    public FileRequest(String folder, String storage, String fileName) {
+        this.folder = folder;
+        this.storage = storage;
+        this.fileName = fileName;
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/file/engine/FileValidate.java b/backend/framework/src/main/java/cn/cordys/file/engine/FileValidate.java
new file mode 100644
index 0000000..9dc8297
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/file/engine/FileValidate.java
@@ -0,0 +1,27 @@
+package cn.cordys.file.engine;
+
+import cn.cordys.common.exception.GenericException;
+import cn.cordys.common.util.Translator;
+import org.apache.commons.lang3.StringUtils;
+
+import java.io.File;
+
+public class FileValidate {
+
+    /**
+     * Validates the file names to ensure they do not contain illegal characters.
+     *
+     * @param fileNames The file names to validate.
+     *
+     * @throws GenericException if any file name is invalid.
+     */
+    public static void validateFileName(String... fileNames) {
+        if (fileNames != null) {
+            for (String fileName : fileNames) {
+                if (StringUtils.isNotBlank(fileName) && fileName.contains("." + File.separator)) {
+                    throw new GenericException(Translator.get("invalid_parameter"));
+                }
+            }
+        }
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/file/engine/LocalRepository.java b/backend/framework/src/main/java/cn/cordys/file/engine/LocalRepository.java
new file mode 100644
index 0000000..e2b5759
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/file/engine/LocalRepository.java
@@ -0,0 +1,304 @@
+package cn.cordys.file.engine;
+
+import cn.cordys.common.exception.GenericException;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.io.FileUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.aspectj.util.FileUtil;
+import org.springframework.core.io.InputStreamResource;
+import org.springframework.core.io.Resource;
+import org.springframework.http.HttpHeaders;
+import org.springframework.http.MediaType;
+import org.springframework.http.ResponseEntity;
+import org.springframework.stereotype.Component;
+import org.springframework.web.multipart.MultipartFile;
+
+import java.io.*;
+import java.net.URLEncoder;
+import java.nio.charset.StandardCharsets;
+import java.nio.file.Files;
+import java.nio.file.Paths;
+import java.nio.file.StandardCopyOption;
+import java.util.List;
+
+/**
+ * 本地文件仓库实现，提供本地文件的存储、删除、获取等操作。
+ * <p>
+ * 该类实现了 {@link FileRepository} 接口，具体实现了保存、删除、获取文件等方法，适用于本地存储的场景。
+ * </p>
+ */
+@Component
+@Slf4j
+public class LocalRepository implements FileRepository {
+
+    /**
+     * 保存文件到本地存储。
+     *
+     * @param multipartFile 要保存的文件，类型为 {@link MultipartFile}。
+     * @param request       文件请求信息，包含文件的存储路径、文件名等信息。
+     *
+     * @return 返回保存后的文件路径。
+     *
+     * @throws IOException 如果保存文件过程中发生 I/O 错误，抛出异常。
+     */
+    @Override
+    public String saveFile(MultipartFile multipartFile, FileRequest request) throws IOException {
+        if (multipartFile == null || request == null || StringUtils.isEmpty(request.getFileName()) || StringUtils.isEmpty(request.getFolder())) {
+            return null;
+        }
+        createFileDir(request);
+        File file = new File(getFilePath(request));
+        FileUtils.copyInputStreamToFile(multipartFile.getInputStream(), file);
+        return file.getPath();
+    }
+
+    /**
+     * 创建文件夹目录。
+     *
+     * @param request 文件请求信息，包含文件夹路径信息。
+     *
+     * @throws RuntimeException 如果创建目录失败，抛出运行时异常。
+     */
+    private void createFileDir(FileRequest request) {
+        String dir = getFileDir(request);
+        File fileDir = new File(dir);
+        if (!fileDir.exists() && !fileDir.mkdirs()) {
+            throw new RuntimeException("Failed to create directory: " + dir);
+        }
+    }
+
+    /**
+     * 保存字节数组表示的文件到本地存储。
+     *
+     * @param bytes   文件的字节数组。
+     * @param request 文件请求信息，包含文件存储路径、文件名等。
+     *
+     * @throws IOException 如果保存文件过程中发生 I/O 错误，抛出异常。
+     */
+    @Override
+    public void saveFile(byte[] bytes, FileRequest request) throws IOException {
+        File file = new File(getFilePath(request));
+        // 检查父目录是否存在，如果不存在则创建它
+        File parentDir = file.getParentFile();
+        if (parentDir != null && !parentDir.exists()) {
+            // 创建父目录
+            boolean dirsCreated = parentDir.mkdirs();
+            if (!dirsCreated) {
+                throw new IOException("Failed to create directories: " + parentDir.getAbsolutePath());
+            }
+        }
+        try (OutputStream ops = new FileOutputStream(file)) {
+            ops.write(bytes);
+        }
+    }
+
+    /**
+     * 保存输入流表示的文件到本地存储。
+     *
+     * @param inputStream 文件内容的输入流。
+     * @param request     文件请求信息，包含文件存储路径、文件名等。
+     *
+     * @return 返回保存后的文件路径。
+     *
+     * @throws Exception 如果保存文件过程中发生错误，抛出异常。
+     */
+    @Override
+    public String saveFile(InputStream inputStream, FileRequest request) throws Exception {
+        File file = new File(getFilePath(request));
+        FileUtils.copyInputStreamToFile(inputStream, file);
+        return file.getPath();
+    }
+
+    /**
+     * 删除文件。
+     *
+     * @param request 文件请求信息，包含待删除文件的路径、文件名等。
+     *
+     * @throws Exception 如果删除文件过程中发生错误，抛出异常。
+     */
+    @Override
+    public void delete(FileRequest request) throws Exception {
+        String path = StringUtils.join(getFilePath(request));
+        File file = new File(path);
+        FileUtil.deleteContents(file);
+        if (file.exists() && !file.delete()) {
+            throw new RuntimeException("Failed to delete file: " + path);
+        }
+    }
+
+    /**
+     * 删除指定文件夹及其所有内容。
+     *
+     * @param request 文件请求信息，包含待删除文件夹路径的文件请求。
+     *
+     * @throws Exception 如果删除文件夹过程中发生错误，抛出异常。
+     */
+    @Override
+    public void deleteFolder(FileRequest request, boolean onlyDir) throws Exception {
+        if (!onlyDir) {
+            FileValidate.validateFileName(request.getFolder(), request.getFileName());
+            // 删除文件
+            this.delete(request);
+        }
+        // 删除文件夹
+        String folderPath = getFolderWithDefaultDir(request.getFolder());
+        File folder = new File(folderPath);
+        if (folder.exists() && folder.isDirectory()) {
+            try {
+                FileUtils.deleteDirectory(folder);
+            } catch (IOException e) {
+                log.error("Failed to delete folder: {}", folderPath, e);
+            }
+        }
+    }
+
+    /**
+     * 获取文件的字节内容。
+     *
+     * @param request 文件请求信息，包含文件路径和文件名。
+     *
+     * @return 返回文件的字节数组。
+     *
+     * @throws Exception 如果获取文件内容过程中发生错误，抛出异常。
+     */
+    @Override
+    public byte[] getFile(FileRequest request) throws Exception {
+        File file = new File(getFilePath(request));
+        return Files.readAllBytes(file.toPath());
+    }
+
+    /**
+     * 获取文件的输入流。
+     *
+     * @param request 文件请求信息，包含文件路径和文件名。
+     *
+     * @return 返回文件内容的输入流。
+     *
+     * @throws Exception 如果获取文件输入流过程中发生错误，抛出异常。
+     */
+    @Override
+    public InputStream getFileAsStream(FileRequest request) throws Exception {
+        return new FileInputStream(getFilePath(request));
+    }
+
+    /**
+     * 下载文件到指定的本地路径（未实现）。
+     *
+     * @param request   文件请求信息，包含待下载文件的路径。
+     * @param localPath 下载到本地的路径。
+     *
+     * @throws UnsupportedOperationException 本方法未实现，调用时会抛出异常。
+     */
+    @Override
+    public void downloadFile(FileRequest request, String localPath) {
+        throw new UnsupportedOperationException("Download file is not supported in LocalFileRepository.");
+    }
+
+    @Override
+    public ResponseEntity<Resource> downloadFile(FileRequest request) throws Exception {
+        File file = new File(getFilePath(request));
+        if (!file.exists()) {
+            return ResponseEntity.notFound().build();
+        }
+
+        InputStreamResource resource = new InputStreamResource(new FileInputStream(file));
+
+        return ResponseEntity.ok()
+                .header(HttpHeaders.CONTENT_DISPOSITION, "attachment;filename=" + URLEncoder.encode(file.getName(), StandardCharsets.UTF_8))
+                .contentType(MediaType.APPLICATION_OCTET_STREAM)
+                .contentLength(file.length())
+                .body(resource);
+    }
+
+    /**
+     * 获取指定文件夹下的文件名列表（未实现）。
+     *
+     * @param request 文件请求信息，包含文件夹路径。
+     *
+     * @return 返回文件夹中文件的文件名列表。
+     */
+    @Override
+    public List<String> getFolderFileNames(FileRequest request) {
+        return null;
+        // 返回 null 或者未实现逻辑
+    }
+
+    /**
+     * 获取指定文件夹下的文件列表
+     *
+     * @param request 文件请求信息，包含目标文件夹的标识符或路径。
+     *
+     * @return 文件列表
+     */
+    @Override
+    public List<File> getFolderFiles(FileRequest request) {
+        File file = new File(getFilePath(request));
+        if (!file.isDirectory()) {
+            return List.of();
+        }
+        File[] files = file.listFiles();
+        return files != null ? List.of(files) : null;
+    }
+
+    /**
+     * 复制文件到指定目录
+     *
+     * @param request 文件复制请求信息。
+     *
+     * @throws GenericException 如果复制文件时发生不支持的操作，抛出系统异常。
+     */
+    @Override
+    public void copyFile(FileCopyRequest request) throws Exception {
+        Files.createDirectories(Paths.get(getFolderWithDefaultDir(request.getDestFolder())));
+        Files.copy(Paths.get(getFolderWithDefaultDir(request.getSourceFolder()), request.getFileName()),
+                Paths.get(getFolderWithDefaultDir(request.getDestFolder()), request.getFileName()), StandardCopyOption.REPLACE_EXISTING);
+    }
+
+    /**
+     * 获取指定文件的大小。
+     *
+     * @param request 文件请求信息，包含待获取大小的文件路径和文件名。
+     *
+     * @return 返回文件的大小（字节数）。
+     */
+    @Override
+    public long getFileSize(FileRequest request) {
+        File file = new File(getFilePath(request));
+        return file.length();
+    }
+
+    /**
+     * 获取文件的完整路径。
+     *
+     * @param request 文件请求信息，包含文件夹路径和文件名。
+     *
+     * @return 返回文件的完整路径。
+     */
+    private String getFilePath(FileRequest request) {
+        FileValidate.validateFileName(request.getFolder(), request.getFileName());
+        return StringUtils.join(getFileDir(request), "/", request.getFileName());
+    }
+
+    /**
+     * 获取文件所在的文件夹路径。
+     *
+     * @param request 文件请求信息，包含文件夹路径。
+     *
+     * @return 返回文件夹路径。
+     */
+    private String getFileDir(FileRequest request) {
+        FileValidate.validateFileName(request.getFolder(), request.getFileName());
+        return getFolderWithDefaultDir(request.getFolder());
+    }
+
+    /**
+     * 获取默认的文件夹路径
+     *
+     * @param folder 文件夹名称
+     *
+     * @return 文件夹路径
+     */
+    private String getFolderWithDefaultDir(String folder) {
+        return StringUtils.join(DefaultRepositoryDir.getDefaultDir(), folder);
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/file/engine/S3Repository.java b/backend/framework/src/main/java/cn/cordys/file/engine/S3Repository.java
new file mode 100644
index 0000000..d3c37f4
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/file/engine/S3Repository.java
@@ -0,0 +1,76 @@
+package cn.cordys.file.engine;
+
+import org.springframework.core.io.Resource;
+import org.springframework.http.ResponseEntity;
+import org.springframework.web.multipart.MultipartFile;
+
+import java.io.File;
+import java.io.InputStream;
+import java.util.List;
+
+public class S3Repository implements FileRepository {
+    @Override
+    public String saveFile(MultipartFile file, FileRequest request) throws Exception {
+        return "";
+    }
+
+    @Override
+    public void saveFile(byte[] bytes, FileRequest request) throws Exception {
+
+    }
+
+    @Override
+    public String saveFile(InputStream inputStream, FileRequest request) throws Exception {
+        return "";
+    }
+
+    @Override
+    public void delete(FileRequest request) throws Exception {
+
+    }
+
+    @Override
+    public void deleteFolder(FileRequest request, boolean onlyDir) throws Exception {
+
+    }
+
+    @Override
+    public byte[] getFile(FileRequest request) throws Exception {
+        return new byte[0];
+    }
+
+    @Override
+    public InputStream getFileAsStream(FileRequest request) throws Exception {
+        return null;
+    }
+
+    @Override
+    public void downloadFile(FileRequest request, String localPath) throws Exception {
+
+    }
+
+    @Override
+    public ResponseEntity<Resource> downloadFile(FileRequest request) throws Exception {
+        return null;
+    }
+
+    @Override
+    public List<String> getFolderFileNames(FileRequest request) throws Exception {
+        return List.of();
+    }
+
+    @Override
+    public List<File> getFolderFiles(FileRequest request) throws Exception {
+        return List.of();
+    }
+
+    @Override
+    public void copyFile(FileCopyRequest request) throws Exception {
+
+    }
+
+    @Override
+    public long getFileSize(FileRequest request) throws Exception {
+        return 0;
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/file/engine/StorageType.java b/backend/framework/src/main/java/cn/cordys/file/engine/StorageType.java
new file mode 100644
index 0000000..6fb300a
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/file/engine/StorageType.java
@@ -0,0 +1,42 @@
+package cn.cordys.file.engine;
+
+/**
+ * 存储类型枚举类，用于标识不同的文件存储方式。
+ * <p>
+ * 此枚举类定义了三种存储方式：MINIO、GIT 和 LOCAL。
+ * </p>
+ */
+public enum StorageType {
+
+    /**
+     * 标准S3协议 存储，通常用于对象存储。
+     */
+    S3,
+
+    /**
+     * LOCAL 存储，通常用于本地文件存储。
+     */
+    LOCAL;
+
+    /**
+     * 根据字符串获取对应的枚举值。
+     * <p>
+     * 如果提供的字符串不匹配任何枚举值，返回 {@code null}。
+     * </p>
+     *
+     * @param storageType 字符串表示的存储类型
+     *
+     * @return 对应的枚举值，或 {@code null} 如果没有匹配的枚举
+     */
+    public static StorageType fromString(String storageType) {
+        if (storageType != null) {
+            for (StorageType type : StorageType.values()) {
+                if (type.name().equalsIgnoreCase(storageType)) {
+                    return type;
+                }
+            }
+        }
+        return LOCAL;
+    }
+
+}
diff --git a/backend/framework/src/main/java/cn/cordys/mybatis/AbstractSqlProviderSupport.java b/backend/framework/src/main/java/cn/cordys/mybatis/AbstractSqlProviderSupport.java
new file mode 100644
index 0000000..81b85a3
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/mybatis/AbstractSqlProviderSupport.java
@@ -0,0 +1,213 @@
+package cn.cordys.mybatis;
+
+import org.apache.ibatis.builder.annotation.ProviderContext;
+
+import java.lang.reflect.Field;
+import java.lang.reflect.ParameterizedType;
+import java.util.Map;
+import java.util.concurrent.ConcurrentHashMap;
+import java.util.function.Function;
+import java.util.stream.Stream;
+
+/**
+ * 抽象 SQL 提供者支持类，提供动态 SQL 生成的基础功能。
+ */
+public abstract class AbstractSqlProviderSupport {
+
+    /**
+     * 用于缓存表信息结构，支持高效查询。
+     */
+    private static final Map<Class<?>, EntityTable> tableCache = new ConcurrentHashMap<>(256);
+    /**
+     * 当前表的元信息。
+     */
+    protected EntityTable table;
+
+    /**
+     * 生成 SQL 的抽象方法，由子类实现。
+     *
+     * @param criteria 查询条件
+     *
+     * @return SQL 实例
+     */
+    abstract String sql(Object criteria);
+
+    /**
+     * 动态生成更新 SQL 的方法。
+     *
+     * @return 更新 SQL 脚本
+     */
+    public String updateSQL() {
+        StringBuilder sql = new StringBuilder();
+        sql.append("<script>");
+        sql.append("UPDATE ").append(table.getTableName());
+
+        // 使用trim标签明确指定要移除末尾的逗号
+        sql.append("<trim prefix=\"SET\" suffixOverrides=\",\">");
+
+        // 为每个非主键字段添加条件判断
+        for (Field field : table.getFields()) {
+            String column = field.getName();
+            if (!table.getPrimaryKeyColumn().equals(column)) {
+                sql.append("<if test=\"").append(column).append(" != null\">");
+                sql.append(columnName(field)).append(" = ").append(bindParameter(field)).append(", ");
+                sql.append("</if>");
+            }
+        }
+
+        sql.append("</trim>");
+        sql.append(" WHERE ").append(table.getPrimaryKeyColumn()).append(" = #{id}");
+        sql.append("</script>");
+
+        return sql.toString();
+    }
+
+    public void tableWhere(StringBuilder sql) {
+        sql.append(" FROM ").append(table.getTableName());
+        sql.append("<where>");
+        for (Field field : table.getFields()) {
+            String column = field.getName();
+            sql.append("<if test=\"").append(column).append(" != null\">");
+            sql.append(" AND ").append(columnName(field)).append(" = ").append(bindParameter(field));
+            sql.append("</if>");
+        }
+        sql.append("</where>");
+    }
+
+    /**
+     * 根据查询条件和上下文构建 SQL。
+     *
+     * @param criteria 查询条件
+     * @param context  MyBatis 提供的上下文
+     *
+     * @return 构建的 SQL 脚本
+     */
+    String invoke(Object criteria, ProviderContext context) {
+        return buildSql(criteria, tableInfo(context));
+    }
+
+    /**
+     * 构建 SQL 脚本。
+     *
+     * @param criteria 查询条件
+     * @param table    表的元信息
+     *
+     * @return SQL 脚本字符串
+     */
+    String buildSql(Object criteria, EntityTable table) {
+        this.table = table;
+        String sql = sql(criteria);
+        beforeInterceptor(criteria);
+        return sql;
+    }
+
+    /**
+     * SQL 执行前的拦截器，用于处理特定操作。
+     *
+     * @param obj 查询条件对象
+     */
+    void beforeInterceptor(Object obj) {
+        if (obj instanceof BaseMapper.Interceptor && this instanceof BaseMapper.WriteType) {
+            ((BaseMapper.Interceptor) obj).prePersist();
+        }
+    }
+
+    /**
+     * 根据查询条件过滤空值并对字段进行操作。
+     *
+     * @param criteria 查询条件
+     * @param func     对字段进行操作的函数
+     * @param ignorePk 是否忽略主键字段
+     *
+     * @return 操作后的字段数组
+     */
+    String[] ignoreNullAndCombined(Object criteria, Function<Field, String> func, boolean ignorePk) {
+        return Stream.of(table.getFields())
+                .filter(field -> {
+                    Object value = value(criteria, field);
+                    // 过滤空字符串
+                    boolean noNull = value != null;
+                    return ignorePk ? (noNull && !table.getPrimaryKeyColumn().equals(columnName(field))) : noNull;
+                })
+                .map(func)
+                .toArray(String[]::new);
+    }
+
+    /**
+     * 根据查询条件过滤空值并对字段进行操作（不过滤主键）。
+     *
+     * @param criteria 查询条件
+     * @param func     对字段进行操作的函数
+     *
+     * @return 操作后的字段数组
+     */
+    String[] ignoreNullAndCombined(Object criteria, Function<Field, String> func) {
+        return ignoreNullAndCombined(criteria, func, false);
+    }
+
+    /**
+     * 获取并缓存表信息结构。
+     *
+     * @param context MyBatis 提供的上下文
+     *
+     * @return 表的元信息
+     */
+    EntityTable tableInfo(ProviderContext context) {
+        return tableCache.computeIfAbsent(context.getMapperType(), t -> EntityTableMapper.extractTableInfo(entityType(context)));
+    }
+
+    /**
+     * 获取 BaseMapper 接口中的泛型类型。
+     *
+     * @param context ProviderContext
+     *
+     * @return 泛型类型对应的 Class 对象
+     *
+     * @throws IllegalStateException 如果未找到 BaseMapper 的泛型类
+     */
+    Class<?> entityType(ProviderContext context) {
+        return Stream.of(context.getMapperType().getGenericInterfaces())
+                .filter(ParameterizedType.class::isInstance)
+                .map(ParameterizedType.class::cast)
+                .filter(type -> type.getRawType() == BaseMapper.class)
+                .findFirst()
+                .map(type -> type.getActualTypeArguments()[0])
+                .filter(Class.class::isInstance)
+                .map(Class.class::cast)
+                .orElseThrow(() -> new IllegalStateException("未找到 BaseMapper 的泛型类 " + context.getMapperType().getName() + "."));
+    }
+
+    /**
+     * 绑定字段到参数。
+     *
+     * @param field 目标字段
+     *
+     * @return 参数绑定表达式
+     */
+    String bindParameter(Field field) {
+        return String.format("#{%s}", field.getName());
+    }
+
+    /**
+     * 获取字段对应的列名。
+     *
+     * @param field 目标字段
+     *
+     * @return 字段对应的列名
+     */
+    String columnName(Field field) {
+        return EntityTableMapper.getColumnName(field);
+    }
+
+    /**
+     * 获取指定对象中字段的值。
+     *
+     * @param bean  目标对象
+     * @param field 目标字段
+     *
+     * @return 字段的值
+     */
+    Object value(Object bean, Field field) {
+        return EntityTableMapper.getFieldValue(bean, field);
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/mybatis/BaseMapper.java b/backend/framework/src/main/java/cn/cordys/mybatis/BaseMapper.java
new file mode 100644
index 0000000..9fd2632
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/mybatis/BaseMapper.java
@@ -0,0 +1,452 @@
+package cn.cordys.mybatis;
+
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import org.apache.commons.collections.CollectionUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.ibatis.annotations.*;
+import org.apache.ibatis.jdbc.AbstractSQL;
+
+import java.io.Serializable;
+import java.util.List;
+import java.util.Map;
+import java.util.Optional;
+import java.util.stream.Stream;
+
+
+/**
+ * 通用 Mapper接口，提供基本的增删改查方法。
+ *
+ * @param <E> 实体类型
+ */
+public interface BaseMapper<E> {
+
+    /**
+     * 插入一条记录。
+     *
+     * @param entity 要插入的实体
+     *
+     * @return 插入的行数
+     */
+    @InsertProvider(type = InsertSqlProvider.class, method = "invoke")
+    @Options(useGeneratedKeys = true, keyProperty = "id")
+    Integer insert(E entity);
+
+    /**
+     * 批量插入记录。
+     *
+     * @param entities 要插入的实体列表
+     *
+     * @return 插入的行数
+     */
+    @InsertProvider(type = BatchInsertSqlProvider.class, method = "invoke")
+    @Options(useGeneratedKeys = true, keyProperty = "id")
+    Integer batchInsert(List<E> entities);
+
+    /**
+     * 根据主键更新记录。
+     *
+     * @param entity 要更新的实体
+     *
+     * @return 更新的行数
+     */
+    @UpdateProvider(type = UpdateSqlProvider.class, method = "invoke")
+    Integer updateById(E entity);
+
+    /**
+     * 选择性更新记录（仅更新非空字段）。
+     *
+     * @param entity 要更新的实体
+     *
+     * @return 更新的行数
+     */
+    @UpdateProvider(type = UpdateSelectiveSqlProvider.class, method = "invoke")
+    Integer update(E entity);
+
+    /**
+     * 根据主键删除记录。
+     *
+     * @param id 主键值
+     *
+     * @return 删除的行数
+     */
+    @DeleteProvider(type = DeleteSqlProvider.class, method = "invoke")
+    Integer deleteByPrimaryKey(Serializable id);
+
+    /**
+     * 根据条件删除记录。
+     *
+     * @param criteria 删除的条件
+     *
+     * @return 删除的行数
+     */
+    @DeleteProvider(type = DeleteByCriteriaSqlProvider.class, method = "invoke")
+    Integer delete(E criteria);
+
+    /**
+     * 使用 LambdaQueryWrapper 批量删除。
+     *
+     * @param wrapper LambdaQueryWrapper 删除条件
+     */
+    @DeleteProvider(type = DeleteByLambdaSqlProvider.class, method = "invoke")
+    void deleteByLambda(@Param("wrapper") LambdaQueryWrapper<E> wrapper);
+
+    /**
+     * 批量删除。
+     *
+     * @param ids List 删除条件
+     */
+    @DeleteProvider(type = DeleteByIdsSqlProvider.class, method = "invoke")
+    void deleteByIds(@Param("ids") List<String> ids);
+
+    /**
+     * 根据主键查询记录。
+     *
+     * @param id 主键值
+     *
+     * @return 查询到的实体
+     */
+    @SelectProvider(type = SelectByIdSqlProvider.class, method = "invoke")
+    E selectByPrimaryKey(Serializable id);
+
+    /**
+     * 查询所有记录。
+     *
+     * @param orderBy 排序条件
+     *
+     * @return 查询到的实体列表
+     */
+    @SelectProvider(type = SelectAllSqlProvider.class, method = "invoke")
+    List<E> selectAll(String orderBy);
+
+    /**
+     * 根据条件查询记录。
+     *
+     * @param criteria 查询条件
+     *
+     * @return 查询到的实体列表
+     */
+    @SelectProvider(type = SelectByCriteriaSqlProvider.class, method = "invoke")
+    List<E> select(E criteria);
+
+    /**
+     * 使用 LambdaQueryWrapper 查询记录列表。
+     *
+     * @param wrapper LambdaQueryWrapper 查询条件
+     *
+     * @return 查询结果列表
+     */
+    @SelectProvider(type = SelectByLambdaSqlProvider.class, method = "invoke")
+    List<E> selectListByLambda(@Param("wrapper") LambdaQueryWrapper<E> wrapper);
+
+    /**
+     * 根据条件查询单条记录。
+     *
+     * @param criteria 查询条件
+     *
+     * @return 查询到的实体
+     */
+    @SelectProvider(type = SelectByCriteriaSqlProvider.class, method = "invoke")
+    E selectOne(E criteria);
+
+    /**
+     * 根据列和值查询记录。
+     *
+     * @param column 列名
+     * @param ids    查询的值数组
+     *
+     * @return 查询到的实体列表
+     */
+    @SelectProvider(type = SelectInSqlProvider.class, method = "invoke")
+    List<E> selectByColumn(@Param("column") String column, @Param("array") Serializable[] ids);
+
+    /**
+     * 根据条件统计记录数。
+     *
+     * @param criteria 查询条件
+     *
+     * @return 记录数
+     */
+    @SelectProvider(type = CountByCriteriaSqlProvider.class, method = "invoke")
+    Long countByExample(E criteria);
+
+    /**
+     * 根据主键数组查询记录。
+     *
+     * @param ids 主键值数组
+     *
+     * @return 查询到的实体列表
+     */
+    default List<E> selectByIds(@Param("array") Serializable[] ids) {
+        if (ids == null || ids.length == 0) {
+            return List.of();
+        }
+        return selectByColumn("id", ids);
+    }
+
+    /**
+     * 根据主键数组查询记录。
+     *
+     * @param ids 主键值数组
+     *
+     * @return 查询到的实体列表
+     */
+    default List<E> selectByIds(List<String> ids) {
+        if (CollectionUtils.isEmpty(ids)) {
+            return List.of();
+        }
+        return selectByIds(ids.toArray(new String[0]));
+    }
+
+    /**
+     * 判断记录是否存在。
+     *
+     * @param criteria 查询条件
+     *
+     * @return 如果存在返回true，否则返回false
+     */
+    default boolean exist(E criteria) {
+        Long count = countByExample(criteria);
+        return count != null && count > 0;
+    }
+
+    /**
+     * 插入或更新记录。
+     *
+     * @param criteria 查询条件
+     *
+     * @return 执行的行数
+     */
+    default Integer upsert(E criteria) {
+        return exist(criteria) ? updateById(criteria) : insert(criteria);
+    }
+
+    interface Interceptor {
+        /**
+         * 类似 @PrePersist
+         **/
+        default void prePersist() {
+        }
+    }
+
+    interface WriteType {
+    }
+
+    class InsertSqlProvider extends AbstractSqlProviderSupport implements WriteType {
+        @Override
+        public String sql(Object criteria) {
+            SQL sql = new SQL()
+                    .INSERT_INTO(table.getTableName())
+                    .INTO_COLUMNS(table.getColumns())
+                    .INTO_VALUES(Stream.of(table.getFields()).map(this::bindParameter).toArray(String[]::new));
+
+            return String.format("<script>%s</script>", sql.toString());
+        }
+    }
+
+    @SuppressWarnings("all")
+    class BatchInsertSqlProvider extends AbstractSqlProviderSupport implements WriteType {
+        @Override
+        public String sql(Object criteria) {
+            SQL sql = new SQL()
+                    .INSERT_INTO(table.getTableName())
+                    .INTO_COLUMNS(table.getColumns())
+                    .INTO_VALUES(Stream.of(table.getFields()).map(this::bindParameter).toArray(String[]::new));
+
+            return String.format("<script>%s</script>", sql.toString());
+        }
+    }
+
+    @SuppressWarnings("all")
+    class UpdateSqlProvider extends AbstractSqlProviderSupport implements WriteType {
+        @Override
+        public String sql(Object criteria) {
+            return updateSQL();
+        }
+    }
+
+    @SuppressWarnings("all")
+    class UpdateSelectiveSqlProvider extends AbstractSqlProviderSupport implements WriteType {
+        @Override
+        public String sql(Object entity) {
+            return updateSQL();
+        }
+    }
+
+    class DeleteSqlProvider extends AbstractSqlProviderSupport implements WriteType {
+        @Override
+        public String sql(Object criteria) {
+            SQL sql = new SQL()
+                    .DELETE_FROM(table.getTableName())
+                    .WHERE(table.getPrimaryKeyColumn() + " = #{id}");
+
+            return String.format("<script>%s</script>", sql.toString());
+        }
+    }
+
+    class DeleteByCriteriaSqlProvider extends AbstractSqlProviderSupport implements WriteType {
+        @Override
+        public String sql(Object criteria) {
+            StringBuilder sql = new StringBuilder();
+            sql.append("<script>");
+            sql.append("DELETE ");
+            tableWhere(sql);
+            sql.append("</script>");
+            return sql.toString();
+        }
+    }
+
+    class DeleteByLambdaSqlProvider extends AbstractSqlProviderSupport implements WriteType {
+        @Override
+        public String sql(Object criteria) {
+            LambdaQueryWrapper<?> wrapper = (LambdaQueryWrapper<?>) criteria;
+
+            SQL sql = new SQL().DELETE_FROM(table.getTableName());
+
+            // 将 LambdaQueryWrapper 的条件解析为 WHERE 子句
+            Optional.ofNullable(wrapper.getWhereClause())
+                    .filter(StringUtils::isNotBlank)
+                    .ifPresent(sql::WHERE);
+
+            return String.format("<script>%s</script>", sql);
+        }
+    }
+
+    @SuppressWarnings("all")
+    class DeleteByIdsSqlProvider extends AbstractSqlProviderSupport implements WriteType {
+        @Override
+        public String sql(Object entities) {
+            List<String> ids = (List<String>) entities;
+            if (CollectionUtils.isEmpty(ids)) {
+                throw new IllegalArgumentException("ids cannot be empty");
+            }
+
+            StringBuilder sql = new StringBuilder();
+            sql.append("<script>");
+            sql.append("DELETE FROM ").append(table.getTableName());
+            sql.append("""
+                        WHERE id IN
+                         <foreach collection="array" item="item" open="(" separator="," close=")">
+                          #{item}
+                        </foreach>
+                    """);
+            sql.append("</script>");
+
+            return sql.toString();
+        }
+    }
+
+    class SelectByIdSqlProvider extends AbstractSqlProviderSupport {
+        @Override
+        public String sql(Object criteria) {
+            SQL sql = new SQL()
+                    .SELECT(table.getSelectColumns())
+                    .FROM(table.getTableName())
+                    .WHERE(table.getPrimaryKeyColumn() + " = #{id}");
+
+            return String.format("<script>%s</script>", sql.toString());
+        }
+    }
+
+    class SelectAllSqlProvider extends AbstractSqlProviderSupport {
+        @Override
+        public String sql(Object criteria) {
+            String orderBy = (String) criteria;
+            SQL sql = new SQL()
+                    .SELECT(table.getSelectColumns())
+                    .FROM(table.getTableName());
+            if (StringUtils.isBlank(orderBy)) {
+                orderBy = table.getPrimaryKeyColumn() + " DESC";
+            }
+            sql.ORDER_BY(orderBy);
+
+            return String.format("<script>%s</script>", sql);
+        }
+    }
+
+    class SelectInSqlProvider extends AbstractSqlProviderSupport {
+        @Override
+        public String sql(Object entities) {
+            var param = (Map<?, ?>) entities;
+            String inField = (String) param.get("column");
+            Serializable[] ids = (Serializable[]) param.get("array");
+
+            if (ids == null || ids.length == 0) {
+                throw new IllegalArgumentException("array parameter cannot be empty");
+            }
+
+            return """
+                    <script>
+                        SELECT %s
+                        FROM %s
+                        WHERE %s IN
+                        <foreach collection="array" item="item" open="(" separator="," close=")">
+                            #{item}
+                        </foreach>
+                    </script>
+                    """.formatted(String.join(", ", table.getSelectColumns()), table.getTableName(), inField);
+        }
+    }
+
+    class SelectByCriteriaSqlProvider extends AbstractSqlProviderSupport {
+        @Override
+        public String sql(Object criteria) {
+            StringBuilder sql = new StringBuilder();
+            sql.append("<script>");
+            sql.append("SELECT ").append(String.join(", ", table.getSelectColumns()));
+            tableWhere(sql);
+            // 添加排序
+            sql.append(" ORDER BY ").append(table.getPrimaryKeyColumn()).append(" DESC");
+
+            sql.append("</script>");
+            return sql.toString();
+        }
+    }
+
+    class SelectByLambdaSqlProvider extends AbstractSqlProviderSupport {
+        @Override
+        public String sql(Object criteria) {
+            LambdaQueryWrapper<?> wrapper = (LambdaQueryWrapper<?>) criteria;
+
+            SQL sql = new SQL()
+                    .SELECT(table.getSelectColumns())
+                    .FROM(table.getTableName());
+
+            // 将 LambdaQueryWrapper 的条件解析为 WHERE 子句
+            String whereClause = wrapper.getWhereClause();
+            if (StringUtils.isNotBlank(whereClause)) {
+                sql.WHERE(whereClause);
+            }
+
+            // 解析排序条件
+            String orderByClause = wrapper.getOrderByClause();
+            if (StringUtils.isNotBlank(orderByClause)) {
+                sql.ORDER_BY(orderByClause);
+            }
+            return String.format("<script>%s</script>", sql.toString());
+        }
+    }
+
+    class CountByCriteriaSqlProvider extends AbstractSqlProviderSupport {
+        @Override
+        public String sql(Object criteria) {
+            StringBuilder sql = new StringBuilder();
+            sql.append("<script>");
+            sql.append("SELECT COUNT(*)");
+            tableWhere(sql);
+            sql.append("</script>");
+
+            return sql.toString();
+        }
+    }
+
+    class SQL extends AbstractSQL<SQL> {
+        public SQL WHERE(boolean test, String condition) {
+            return test ? super.WHERE(condition) : this;
+        }
+
+        @Override
+        public SQL getSelf() {
+            return this;
+        }
+    }
+}
\ No newline at end of file
diff --git a/backend/framework/src/main/java/cn/cordys/mybatis/DataAccessLayer.java b/backend/framework/src/main/java/cn/cordys/mybatis/DataAccessLayer.java
new file mode 100644
index 0000000..46e4e0b
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/mybatis/DataAccessLayer.java
@@ -0,0 +1,290 @@
+package cn.cordys.mybatis;
+
+import cn.cordys.common.util.CodingUtils;
+import cn.cordys.mybatis.lambda.LambdaQueryWrapper;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.ibatis.mapping.MappedStatement;
+import org.apache.ibatis.mapping.ResultMap;
+import org.apache.ibatis.mapping.SqlCommandType;
+import org.apache.ibatis.mapping.SqlSource;
+import org.apache.ibatis.session.Configuration;
+import org.apache.ibatis.session.ExecutorType;
+import org.apache.ibatis.session.SqlSession;
+import org.apache.ibatis.session.SqlSessionFactory;
+import org.springframework.beans.BeansException;
+import org.springframework.context.ApplicationContext;
+import org.springframework.context.ApplicationContextAware;
+import org.springframework.stereotype.Component;
+
+import java.io.Serializable;
+import java.util.*;
+import java.util.concurrent.ConcurrentHashMap;
+import java.util.concurrent.atomic.AtomicInteger;
+
+/**
+ * 数据访问层（DAL），提供与数据库交互的方法，使用 MyBatis 进行 SQL 查询的执行。
+ * 支持多种 CRUD 操作。
+ */
+@Component
+@Slf4j
+public class DataAccessLayer implements ApplicationContextAware {
+
+    private static volatile ApplicationContext applicationContext;
+    // 使用 ConcurrentHashMap 替代同步 LinkedHashMap，提高并发性能
+    private final Map<Class<?>, EntityTable> cachedTableInfo = new ConcurrentHashMap<>(128);
+    private final Map<String, Object> msIdLocks = new ConcurrentHashMap<>();
+    // 添加 MappedStatement 缓存计数监控
+    private final AtomicInteger mappedStatementCount = new AtomicInteger(0);
+    private SqlSession sqlSession;
+    private Configuration configuration;
+
+    private DataAccessLayer() {
+        // 私有构造函数
+    }
+
+    /**
+     * 获取 Dal 实例并为指定的实体类准备 Executor
+     */
+    public static <T> Executor<T> with(Class<T> entityClass) {
+        if (applicationContext == null) {
+            throw new IllegalStateException("ApplicationContext 未初始化");
+        }
+        return with(entityClass, applicationContext.getBean(SqlSession.class));
+    }
+
+    /**
+     * 获取 Dal 实例并使用指定的 SqlSession
+     */
+    public static <T> Executor<T> with(Class<T> entityClass, SqlSession sqlSession) {
+        var instance = Holder.INSTANCE.initSession(sqlSession);
+
+        var entityTable = Optional.ofNullable(entityClass)
+                .map(clazz -> instance.cachedTableInfo.computeIfAbsent(
+                        clazz, EntityTableMapper::extractTableInfo))
+                .orElse(null);
+
+        return instance.new Executor<>(entityTable);
+    }
+
+    /**
+     * 初始化 SqlSession，用于执行 DAL 操作
+     */
+    private DataAccessLayer initSession(SqlSession sqlSession) {
+        this.sqlSession = sqlSession;
+        this.configuration = sqlSession.getConfiguration();
+        return this;
+    }
+
+    @Override
+    public void setApplicationContext(ApplicationContext context) throws BeansException {
+        // 使用双重检查锁定模式
+        if (applicationContext == null) {
+            synchronized (DataAccessLayer.class) {
+                if (applicationContext == null) {
+                    applicationContext = context;
+                }
+            }
+        }
+    }
+
+    /**
+     * 生成缓存键
+     */
+    private String generateCacheKey(String methodName, Class<?> parameterType, SqlCommandType sqlCommandType) {
+        return String.format("%s:%s:%s", sqlCommandType.name(), parameterType.getName(), methodName);
+    }
+
+    /**
+     * 执行 SQL，返回 MappedStatement ID
+     */
+    private String execute(String sql, String methodName, Class<?> parameterType, Class<?> resultType, SqlCommandType sqlCommandType) {
+        var msId = generateCacheKey(methodName, parameterType, sqlCommandType);
+
+        if (!configuration.hasStatement(msId, false)) {
+            Object lock = msIdLocks.computeIfAbsent(msId, k -> new Object());
+            synchronized (lock) {
+                if (!configuration.hasStatement(msId, false)) {
+                    // 创建和注册 MappedStatement
+                    var sqlSource = configuration
+                            .getDefaultScriptingLanguageInstance()
+                            .createSqlSource(configuration, sql, parameterType);
+
+                    newMappedStatement(msId, sqlSource, resultType, sqlCommandType);
+
+                    var count = mappedStatementCount.incrementAndGet();
+                    if (count % 500 == 0) {
+                        log.info("当前缓存的 MappedStatement 总量：{}", count);
+                    }
+                }
+            }
+            msIdLocks.remove(msId);
+        }
+
+        return msId;
+    }
+
+    /**
+     * 创建并注册新的 MappedStatement
+     */
+    private void newMappedStatement(String msId, SqlSource sqlSource, Class<?> resultType, SqlCommandType sqlCommandType) {
+        var resultMap = new ResultMap.Builder(configuration, "defaultResultMap", resultType, new ArrayList<>(0))
+                .build();
+
+        var ms = new MappedStatement.Builder(configuration, msId, sqlSource, sqlCommandType)
+                .resultMaps(Collections.singletonList(resultMap))
+                .build();
+
+        configuration.addMappedStatement(ms);
+    }
+
+    /**
+     * 单例持有者，确保 Dal 实例的唯一性
+     */
+    private static class Holder {
+        private static final DataAccessLayer INSTANCE = new DataAccessLayer();
+    }
+
+    /**
+     * 数据访问执行器
+     */
+    public class Executor<E> implements BaseMapper<E> {
+        private final EntityTable table;
+        private final Class<?> resultType;
+
+        Executor(EntityTable table) {
+            this.table = table;
+            this.resultType = table != null ? table.getEntityClass() : null;
+        }
+
+        @Override
+        public List<E> selectAll(String orderBy) {
+            var sql = new SelectAllSqlProvider().buildSql(orderBy, this.table);
+            var msId = execute(sql, "BaseMapper.selectAll", table.getEntityClass(), resultType, SqlCommandType.SELECT);
+            return sqlSession.selectList(msId, orderBy);
+        }
+
+        @Override
+        public List<E> select(E criteria) {
+            var sql = new SelectByCriteriaSqlProvider().buildSql(criteria, this.table);
+            var msId = execute(sql, "BaseMapper.select", table.getEntityClass(), resultType, SqlCommandType.SELECT);
+            return sqlSession.selectList(msId, criteria);
+        }
+
+        @Override
+        public List<E> selectListByLambda(LambdaQueryWrapper<E> wrapper) {
+            var sql = new SelectByLambdaSqlProvider().buildSql(wrapper, this.table);
+            var msId = execute(sql, "BaseMapper.selectListByLambda:" + CodingUtils.hashStr(sql), table.getEntityClass(), resultType, SqlCommandType.SELECT);
+            return sqlSession.selectList(msId, wrapper.getParams());
+        }
+
+        @Override
+        public E selectByPrimaryKey(Serializable criteria) {
+            var sql = new SelectByIdSqlProvider().buildSql(criteria, this.table);
+            var msId = execute(sql, "BaseMapper.selectByPrimaryKey", table.getEntityClass(), resultType, SqlCommandType.SELECT);
+            return sqlSession.selectOne(msId, criteria);
+        }
+
+        @Override
+        public E selectOne(E criteria) {
+            var sql = new SelectByCriteriaSqlProvider().buildSql(criteria, this.table);
+            var msId = execute(sql, "BaseMapper.selectOne", table.getEntityClass(), resultType, SqlCommandType.SELECT);
+            return sqlSession.selectOne(msId, criteria);
+        }
+
+        @Override
+        public List<E> selectByColumn(String column, Serializable[] criteria) {
+            var params = new HashMap<String, Object>();
+            params.put("column", column);
+            params.put("array", criteria);
+
+            var sql = new SelectInSqlProvider().buildSql(params, this.table);
+            var msId = execute(sql, "BaseMapper.selectByColumn", table.getEntityClass(), resultType, SqlCommandType.SELECT);
+            return sqlSession.selectList(msId, criteria);
+        }
+
+        @Override
+        public Long countByExample(E criteria) {
+            var sql = new CountByCriteriaSqlProvider().buildSql(criteria, this.table);
+            var msId = execute(sql, "BaseMapper.countByExample", table.getEntityClass(), Long.class, SqlCommandType.SELECT);
+            return sqlSession.selectOne(msId, criteria);
+        }
+
+        @Override
+        public Integer insert(E criteria) {
+            var sql = new InsertSqlProvider().buildSql(criteria, this.table);
+            var msId = execute(sql, "BaseMapper.insert", table.getEntityClass(), int.class, SqlCommandType.INSERT);
+            return sqlSession.insert(msId, criteria);
+        }
+
+        @Override
+        public Integer updateById(E criteria) {
+            var sql = new UpdateSelectiveSqlProvider().buildSql(criteria, this.table);
+            var msId = execute(sql, "BaseMapper.updateById", table.getEntityClass(), int.class, SqlCommandType.UPDATE);
+            return sqlSession.update(msId, criteria);
+        }
+
+        @Override
+        public Integer update(E criteria) {
+            var sql = new UpdateSelectiveSqlProvider().buildSql(criteria, this.table);
+            var msId = execute(sql, "BaseMapper.update", table.getEntityClass(), int.class, SqlCommandType.UPDATE);
+            return sqlSession.update(msId, criteria);
+        }
+
+        @Override
+        public Integer delete(E criteria) {
+            var sql = new DeleteByCriteriaSqlProvider().buildSql(criteria, this.table);
+            var msId = execute(sql, "BaseMapper.delete", table.getEntityClass(), int.class, SqlCommandType.DELETE);
+            return sqlSession.delete(msId, criteria);
+        }
+
+        @Override
+        public void deleteByLambda(LambdaQueryWrapper<E> wrapper) {
+            var sql = new DeleteByLambdaSqlProvider().buildSql(wrapper, this.table);
+            var msId = execute(sql, "BaseMapper.deleteByLambda:" + CodingUtils.hashStr(sql), table.getEntityClass(), int.class, SqlCommandType.DELETE);
+            sqlSession.delete(msId, wrapper.getParams());
+        }
+
+        @Override
+        public void deleteByIds(List<String> ids) {
+            var sql = new DeleteByIdsSqlProvider().buildSql(ids, this.table);
+            var msId = execute(sql, "BaseMapper.deleteByIds", table.getEntityClass(), int.class, SqlCommandType.DELETE);
+            var params = new HashMap<>();
+            params.put("array", ids);
+            sqlSession.delete(msId, params);
+        }
+
+        @Override
+        public Integer deleteByPrimaryKey(Serializable criteria) {
+            var sql = new DeleteSqlProvider().buildSql(criteria, this.table);
+            var msId = execute(sql, "BaseMapper.deleteByPrimaryKey", table.getEntityClass(), int.class, SqlCommandType.DELETE);
+            return sqlSession.delete(msId, criteria);
+        }
+
+        @Override
+        public boolean exist(E criteria) {
+            return Optional.ofNullable(select(criteria))
+                    .filter(list -> !list.isEmpty())
+                    .isPresent();
+        }
+
+        @Override
+        public Integer batchInsert(List<E> entities) {
+            if (entities == null || entities.isEmpty()) {
+                return 0;
+            }
+
+            var sql = new BatchInsertSqlProvider().buildSql(entities, this.table);
+            var msId = execute(sql, "BaseMapper.batchInsert", table.getEntityClass(), int.class, SqlCommandType.INSERT);
+            var sqlSessionFactory = applicationContext.getBean(SqlSessionFactory.class);
+
+            try (var batchSession = sqlSessionFactory.openSession(ExecutorType.BATCH, false)) {
+                entities.forEach(entity -> batchSession.insert(msId, entity));
+                batchSession.flushStatements();
+                batchSession.commit();
+                return entities.size();
+            } catch (Exception e) {
+                throw new RuntimeException("批量插入失败", e);
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/backend/framework/src/main/java/cn/cordys/mybatis/EntityTable.java b/backend/framework/src/main/java/cn/cordys/mybatis/EntityTable.java
new file mode 100644
index 0000000..d66a286
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/mybatis/EntityTable.java
@@ -0,0 +1,148 @@
+package cn.cordys.mybatis;
+
+import lombok.Getter;
+
+import java.lang.reflect.Field;
+
+/**
+ * 实体类与数据库表信息的映射类。
+ * <p>
+ * 此类用于描述数据库表与实体类的映射关系，包括表名、字段、主键等元信息。
+ * 主要用于持久化层的数据映射与操作。
+ * </p>
+ */
+public class EntityTable {
+
+    /**
+     * 表对应的实体类型。
+     */
+    @Getter
+    private Class<?> entityClass;
+
+    /**
+     * 实体类型中不包含 {@code @NoColumn} 注解的字段。
+     */
+    private Field[] fields;
+
+    /**
+     * 数据库表名。
+     */
+    private String tableName;
+
+    /**
+     * 主键列名。
+     */
+    private String primaryKeyColumn;
+
+    /**
+     * 数据库表的所有列名。
+     */
+    private String[] columns;
+
+    /**
+     * 用于生成 SELECT SQL 的列名集合。
+     * <p>
+     * 如果字段名称中含有下划线，会转换为形如 "aa_bb AS aaBb" 的形式。
+     * </p>
+     */
+    private String[] selectColumns;
+
+    /**
+     * 设置实体类型。
+     *
+     * @param entityClass 实体类的 Class 对象
+     */
+    void setEntityClass(Class<?> entityClass) {
+        this.entityClass = entityClass;
+    }
+
+    /**
+     * 获取不含 {@code @NoColumn} 注解的字段。
+     *
+     * @return 字段数组
+     */
+    Field[] getFields() {
+        return fields;
+    }
+
+    /**
+     * 设置字段数组。
+     *
+     * @param fields 字段数组
+     */
+    void setFields(Field[] fields) {
+        this.fields = fields;
+    }
+
+    /**
+     * 获取数据库表名。
+     *
+     * @return 表名
+     */
+    String getTableName() {
+        return tableName;
+    }
+
+    /**
+     * 设置数据库表名。
+     *
+     * @param tableName 表名
+     */
+    void setTableName(String tableName) {
+        this.tableName = tableName;
+    }
+
+    /**
+     * 获取主键列名。
+     *
+     * @return 主键列名
+     */
+    String getPrimaryKeyColumn() {
+        return primaryKeyColumn;
+    }
+
+    /**
+     * 设置主键列名。
+     *
+     * @param primaryKeyColumn 主键列名
+     */
+    void setPrimaryKeyColumn(String primaryKeyColumn) {
+        this.primaryKeyColumn = primaryKeyColumn;
+    }
+
+    /**
+     * 获取数据库表的所有列名。
+     *
+     * @return 列名数组
+     */
+    String[] getColumns() {
+        return columns;
+    }
+
+    /**
+     * 设置数据库表的所有列名。
+     *
+     * @param columns 列名数组
+     */
+    void setColumns(String[] columns) {
+        this.columns = columns;
+    }
+
+    /**
+     * 获取用于生成 SELECT SQL 的列名集合。
+     *
+     * @return 列名数组
+     */
+    String[] getSelectColumns() {
+        return selectColumns;
+    }
+
+    /**
+     * 设置用于生成 SELECT SQL 的列名集合。
+     *
+     * @param selectColumns 列名数组
+     */
+    void setSelectColumns(String[] selectColumns) {
+        this.selectColumns = selectColumns;
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/mybatis/EntityTableMapper.java b/backend/framework/src/main/java/cn/cordys/mybatis/EntityTableMapper.java
new file mode 100644
index 0000000..cb3cf08
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/mybatis/EntityTableMapper.java
@@ -0,0 +1,187 @@
+package cn.cordys.mybatis;
+
+import cn.cordys.common.util.CaseFormatUtils;
+import jakarta.persistence.Column;
+import jakarta.persistence.Id;
+import jakarta.persistence.Table;
+
+import java.beans.Transient;
+import java.lang.reflect.Field;
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Optional;
+import java.util.function.Predicate;
+import java.util.stream.Stream;
+
+/**
+ * 工具类：EntityTableMapper
+ * <p>
+ * 提供基于反射的字段操作，包括字段过滤、表信息提取等功能。
+ * </p>
+ */
+public class EntityTableMapper {
+
+    private static final String FIELD_SEP_TAG = "`";
+
+    /**
+     * 获取实体类的表信息。
+     *
+     * @param entityClass 实体类
+     *
+     * @return 表信息对象
+     */
+    public static EntityTable extractTableInfo(Class<?> entityClass) {
+        Predicate<Field> fieldFilter = field -> !"serialVersionUID".equals(field.getName());
+
+        Field[] fields = filterFieldsWithoutNoColumnAnnotation(getAllFields(entityClass, fieldFilter));
+
+        EntityTable info = new EntityTable();
+        info.setEntityClass(entityClass);
+        info.setFields(fields);
+        info.setTableName(generateTableName(entityClass));
+        info.setPrimaryKeyColumn(determinePrimaryKey(fields, "id"));
+        info.setColumns(mapFieldsToColumnNames(fields));
+        info.setSelectColumns(mapFieldsToSelectColumnNames(fields));
+        return info;
+    }
+
+    /**
+     * 获取字段对应的值。
+     *
+     * @param bean  对象实例
+     * @param field 字段
+     *
+     * @return 字段值
+     */
+    public static synchronized Object getFieldValue(Object bean, Field field) {
+        if (bean == null) {
+            return null;
+        }
+        try {
+            field.setAccessible(true);
+            return field.get(bean);
+        } catch (IllegalAccessException e) {
+            throw new IllegalStateException("无法访问字段：" + field.getName(), e);
+        } finally {
+            field.setAccessible(false);
+        }
+    }
+
+    /**
+     * 确定主键字段对应的数据库列名。
+     *
+     * @param fields            实体类的字段数组
+     * @param defaultPrimaryKey 默认主键名
+     *
+     * @return 主键的列名
+     */
+    public static String determinePrimaryKey(Field[] fields, String defaultPrimaryKey) {
+        return Stream.of(fields)
+                .filter(field -> field.isAnnotationPresent(Id.class))
+                .findFirst()
+                .map(EntityTableMapper::getColumnName)
+                .orElse(defaultPrimaryKey);
+    }
+
+    /**
+     * 生成表名（默认采用驼峰转下划线规则）。
+     *
+     * @param entityType 实体类
+     *
+     * @return 表名
+     */
+    public static String generateTableName(Class<?> entityType) {
+        // 尝试获取 @Table 注解
+        return Optional.ofNullable(entityType.getAnnotation(Table.class))
+                .map(Table::name) // 如果有注解，获取 name 属性值
+                .filter(name -> !name.isEmpty()) // 确保 name 属性非空
+                .orElseGet(() -> CaseFormatUtils.camelToUnderscore(entityType.getSimpleName())); // 否则使用默认策略
+    }
+
+    /**
+     * 将字段数组映射为数据库列名数组。
+     *
+     * @param fields 字段数组
+     *
+     * @return 列名数组
+     */
+    public static String[] mapFieldsToColumnNames(Field[] fields) {
+        return Stream.of(fields)
+                .map(EntityTableMapper::getColumnName)
+                .toArray(String[]::new);
+    }
+
+    /**
+     * 过滤掉带有 @NoColumn 注解的字段。
+     *
+     * @param fields 字段数组
+     *
+     * @return 过滤后的字段数组
+     */
+    public static Field[] filterFieldsWithoutNoColumnAnnotation(Field[] fields) {
+        return Stream.of(fields)
+                .filter(field -> !field.isAnnotationPresent(Transient.class))
+                .toArray(Field[]::new);
+    }
+
+    /**
+     * 将字段数组映射为查询列名数组（支持别名）。
+     *
+     * @param fields 字段数组
+     *
+     * @return 查询列名数组
+     */
+    public static String[] mapFieldsToSelectColumnNames(Field[] fields) {
+        return Stream.of(fields)
+                .map(EntityTableMapper::getSelectColumnName)
+                .toArray(String[]::new);
+    }
+
+    /**
+     * 获取字段的数据库列名（带下划线）。
+     *
+     * @param field 字段
+     *
+     * @return 数据库列名
+     */
+    public static String getColumnName(Field field) {
+        Column columnAnnotation = field.getAnnotation(Column.class);
+        if (columnAnnotation != null && !columnAnnotation.name().isEmpty()) {
+            return columnAnnotation.name();
+        }
+        return FIELD_SEP_TAG + CaseFormatUtils.camelToUnderscore(field.getName()) + FIELD_SEP_TAG;
+    }
+
+    /**
+     * 获取字段的查询列名（带别名）。
+     *
+     * @param field 字段
+     *
+     * @return 查询列名
+     */
+    public static String getSelectColumnName(Field field) {
+        return getColumnName(field) + " AS " + FIELD_SEP_TAG + field.getName() + FIELD_SEP_TAG;
+    }
+
+
+    /**
+     * 获取指定类的所有字段（包括父类）。
+     *
+     * @param clazz       类
+     * @param fieldFilter 字段过滤器
+     *
+     * @return 字段数组
+     */
+    public static Field[] getAllFields(Class<?> clazz, Predicate<Field> fieldFilter) {
+        List<Field> fields = new ArrayList<>();
+        while (clazz != null && clazz != Object.class) {
+            for (Field field : clazz.getDeclaredFields()) {
+                if (fieldFilter == null || fieldFilter.test(field)) {
+                    fields.add(field);
+                }
+            }
+            clazz = clazz.getSuperclass();
+        }
+        return fields.toArray(new Field[0]);
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/mybatis/interceptor/MybatisInterceptor.java b/backend/framework/src/main/java/cn/cordys/mybatis/interceptor/MybatisInterceptor.java
new file mode 100644
index 0000000..c985020
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/mybatis/interceptor/MybatisInterceptor.java
@@ -0,0 +1,250 @@
+package cn.cordys.mybatis.interceptor;
+
+import cn.cordys.common.util.BeanUtils;
+import cn.cordys.config.MybatisInterceptorConfig;
+import lombok.Getter;
+import lombok.Setter;
+import org.apache.commons.collections4.MapUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.ibatis.cache.CacheKey;
+import org.apache.ibatis.executor.Executor;
+import org.apache.ibatis.mapping.BoundSql;
+import org.apache.ibatis.mapping.MappedStatement;
+import org.apache.ibatis.plugin.*;
+import org.apache.ibatis.session.ResultHandler;
+import org.apache.ibatis.session.RowBounds;
+
+import java.lang.reflect.Method;
+import java.util.*;
+import java.util.concurrent.ConcurrentHashMap;
+
+/**
+ * MyBatis 拦截器，用于对数据库操作的参数进行加密或解密处理。
+ * <p>
+ * 本拦截器支持对更新和查询操作的参数进行加密处理，
+ * 并在返回结果时根据配置进行解密操作。
+ * </p>
+ */
+@Intercepts({
+        @Signature(type = Executor.class, method = "update", args = {MappedStatement.class, Object.class}),
+        @Signature(type = Executor.class, method = "query", args = {MappedStatement.class, Object.class, RowBounds.class, ResultHandler.class}),
+        @Signature(type = Executor.class, method = "query", args = {MappedStatement.class, Object.class, RowBounds.class, ResultHandler.class, CacheKey.class, BoundSql.class}),
+})
+public class MybatisInterceptor implements Interceptor {
+
+    private final ConcurrentHashMap<String, Class> classMap = new ConcurrentHashMap<>();
+    private final ConcurrentHashMap<String, Map<String, Map<String, MybatisInterceptorConfig>>> interceptorConfigMap = new ConcurrentHashMap<>();
+    @Setter
+    @Getter
+    private List<MybatisInterceptorConfig> interceptorConfigList;
+
+    /**
+     * 拦截目标方法并进行加密或解密处理。
+     *
+     * @param invocation 当前调用的信息
+     *
+     * @return 处理后的结果对象
+     *
+     * @throws Throwable 如果处理过程中出现异常
+     */
+    @Override
+    public Object intercept(Invocation invocation) throws Throwable {
+        String methodName = invocation.getMethod().getName();
+        Object parameter = invocation.getArgs()[1];
+
+        // 对更新操作的参数进行处理
+        if (parameter != null && methodName.equals("update")) {
+            invocation.getArgs()[1] = process(parameter);
+        }
+
+        // 执行目标方法
+        Object returnValue = invocation.proceed();
+
+        // 对查询结果进行解密处理
+        if (returnValue instanceof ArrayList<?> list) {
+            List<Object> decryptedList = new ArrayList<>(list.size());
+            boolean anyDecrypted = false;
+            for (Object val : list) {
+                Object decrypted = undo(val);
+                if (decrypted != val) {
+                    anyDecrypted = true;
+                }
+                decryptedList.add(decrypted);
+            }
+            return anyDecrypted ? decryptedList : returnValue;
+        } else {
+            return undo(returnValue);
+        }
+    }
+
+    /**
+     * 获取与指定对象相关的配置。
+     *
+     * @param p 目标对象
+     *
+     * @return 对象的配置信息
+     */
+    private Map<String, Map<String, MybatisInterceptorConfig>> getConfig(Object p) {
+        if (p == null) {
+            return null;
+        }
+
+        String pClassName = p.getClass().getName();
+        Map<String, Map<String, MybatisInterceptorConfig>> cached = interceptorConfigMap.get(pClassName);
+        if (cached != null) {
+            return cached;
+        }
+
+        return interceptorConfigMap.computeIfAbsent(pClassName, k -> {
+            Map<String, Map<String, MybatisInterceptorConfig>> result = new HashMap<>();
+            for (MybatisInterceptorConfig interceptorConfig : interceptorConfigList) {
+                String className = interceptorConfig.getModelName();
+                String attrName = interceptorConfig.getAttrName();
+                if (StringUtils.isNotBlank(className)) {
+                    Class<?> c = classMap.computeIfAbsent(className, cn -> {
+                        try {
+                            return Class.forName(cn);
+                        } catch (ClassNotFoundException e) {
+                            return null;
+                        }
+                    });
+                    if (c != null && c.isInstance(p)) {
+                        Map<String, MybatisInterceptorConfig> methods = result.computeIfAbsent(attrName, a -> new HashMap<>());
+                        if (StringUtils.isNotBlank(interceptorConfig.getInterceptorMethod())
+                                && StringUtils.isNotBlank(interceptorConfig.getInterceptorClass())) {
+                            methods.put(Methods.encrypt.name(), interceptorConfig);
+                        }
+                        if (StringUtils.isNotBlank(interceptorConfig.getUndoMethod())
+                                && StringUtils.isNotBlank(interceptorConfig.getUndoClass())) {
+                            methods.put(Methods.decrypt.name(), interceptorConfig);
+                        }
+                    }
+                }
+            }
+            return result;
+        });
+    }
+
+    /**
+     * 处理加密操作。
+     *
+     * @param obj 目标对象
+     *
+     * @return 加密后的对象
+     *
+     * @throws Throwable 如果加密过程中出现异常
+     */
+    private Object process(Object obj) throws Throwable {
+        if (obj instanceof Map paramMap) {
+            for (Object key : paramMap.keySet()) {
+                if (paramMap.get(key) != null) {
+                    paramMap.put(key, process(paramMap.get(key)));
+                }
+            }
+            return paramMap;
+        }
+
+        Map<String, Map<String, MybatisInterceptorConfig>> localInterceptorConfigMap = getConfig(obj);
+        if (MapUtils.isEmpty(localInterceptorConfigMap)) {
+            return obj;
+        }
+        Object newObject = obj.getClass().getDeclaredConstructor().newInstance();
+        BeanUtils.copyBean(newObject, obj);
+        for (String attrName : localInterceptorConfigMap.keySet()) {
+            if (MapUtils.isEmpty(localInterceptorConfigMap.get(attrName))) {
+                continue;
+            }
+            MybatisInterceptorConfig interceptorConfig = localInterceptorConfigMap.get(attrName).get(Methods.encrypt.name());
+            if (interceptorConfig == null || StringUtils.isBlank(interceptorConfig.getInterceptorClass())
+                    || StringUtils.isBlank(interceptorConfig.getInterceptorMethod())) {
+                continue;
+            }
+            Object fieldValue = BeanUtils.getFieldValueByName(interceptorConfig.getAttrName(), newObject);
+            if (fieldValue != null) {
+                Class<?> processClazz = Class.forName(interceptorConfig.getInterceptorClass());
+                Method method = processClazz.getMethod(interceptorConfig.getInterceptorMethod(), Object.class);
+                Object processedValue = method.invoke(null, fieldValue);
+                if (processedValue instanceof byte[]) {
+                    BeanUtils.setFieldValueByName(newObject, interceptorConfig.getAttrName(), processedValue, byte[].class);
+                } else {
+                    BeanUtils.setFieldValueByName(newObject, interceptorConfig.getAttrName(), processedValue, fieldValue.getClass());
+                }
+            }
+        }
+
+        return newObject;
+    }
+
+    /**
+     * 处理解密操作。
+     *
+     * @param obj 目标对象
+     *
+     * @return 解密后的对象
+     *
+     * @throws Throwable 如果解密过程中出现异常
+     */
+    private Object undo(Object obj) throws Throwable {
+        Map<String, Map<String, MybatisInterceptorConfig>> localDecryptConfigMap = getConfig(obj);
+        if (MapUtils.isEmpty(localDecryptConfigMap)) {
+            return obj;
+        }
+        Object result = obj.getClass().getDeclaredConstructor().newInstance();
+        BeanUtils.copyBean(result, obj);
+
+        for (String attrName : localDecryptConfigMap.keySet()) {
+            if (MapUtils.isEmpty(localDecryptConfigMap.get(attrName))) {
+                continue;
+            }
+            MybatisInterceptorConfig interceptorConfig = localDecryptConfigMap.get(attrName).get(Methods.decrypt.name());
+            if (interceptorConfig == null || StringUtils.isBlank(interceptorConfig.getUndoClass())
+                    || StringUtils.isBlank(interceptorConfig.getUndoMethod())) {
+                continue;
+            }
+            Object fieldValue = BeanUtils.getFieldValueByName(interceptorConfig.getAttrName(), result);
+            if (fieldValue != null) {
+                Class<?> processClazz = Class.forName(interceptorConfig.getUndoClass());
+                Object undoValue;
+                if (fieldValue instanceof List) {
+                    Method method = processClazz.getMethod(interceptorConfig.getUndoMethod(), List.class, String.class);
+                    method.invoke(null, fieldValue, interceptorConfig.getAttrNameForList());
+                } else {
+                    Method method = processClazz.getMethod(interceptorConfig.getUndoMethod(), Object.class);
+                    undoValue = method.invoke(null, fieldValue);
+                    if (undoValue instanceof byte[]) {
+                        BeanUtils.setFieldValueByName(result, interceptorConfig.getAttrName(), undoValue, byte[].class);
+                    } else {
+                        BeanUtils.setFieldValueByName(result, interceptorConfig.getAttrName(), undoValue, fieldValue.getClass());
+                    }
+                }
+            }
+        }
+        return result;
+    }
+
+    /**
+     * 创建插件对象。
+     *
+     * @param target 目标对象
+     *
+     * @return 包装后的对象
+     */
+    @Override
+    public Object plugin(Object target) {
+        return Plugin.wrap(target, this);
+    }
+
+    /**
+     * 设置属性。
+     *
+     * @param properties 配置属性
+     */
+    @Override
+    public void setProperties(Properties properties) {
+        // TODO: 如果有配置需求，可以在这里处理
+    }
+
+    private enum Methods {
+        encrypt, decrypt
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/mybatis/lambda/ClassUtils.java b/backend/framework/src/main/java/cn/cordys/mybatis/lambda/ClassUtils.java
new file mode 100644
index 0000000..f8f1ace
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/mybatis/lambda/ClassUtils.java
@@ -0,0 +1,123 @@
+package cn.cordys.mybatis.lambda;
+
+import cn.cordys.common.exception.GenericException;
+import org.apache.ibatis.io.Resources;
+
+import java.util.Arrays;
+import java.util.List;
+
+/**
+ * 用于操作类的工具类，提供检查类是否为代理类以及通过不同的类加载器加载类的方法。
+ */
+public final class ClassUtils {
+
+    /**
+     * 代理类名称的列表。
+     */
+    private static final List<String> PROXY_CLASS_NAMES = Arrays.asList(
+            "net.sf.cglib.proxy.Factory", // cglib
+            "org.springframework.cglib.proxy.Factory", // cglib
+            "javassist.util.proxy.ProxyObject", // javassist
+            "org.apache.ibatis.javassist.util.proxy.ProxyObject" // javassist
+    );
+    private static ClassLoader systemClassLoader;
+
+    static {
+        try {
+            systemClassLoader = ClassLoader.getSystemClassLoader();
+        } catch (SecurityException ignored) {
+            // Google App Engine 中的 AccessControlException 异常
+        }
+    }
+
+    // 私有构造函数，防止实例化
+    private ClassUtils() {
+    }
+
+    /**
+     * 判断传入的类型是否是布尔类型（包括原生布尔和包装类型布尔）。
+     *
+     * @param type 要检查的类类型。
+     *
+     * @return 如果是布尔类型或其包装类型，则返回 {@code true}，否则返回 {@code false}。
+     */
+    public static boolean isBoolean(Class<?> type) {
+        return type == boolean.class || Boolean.class == type;
+    }
+
+    /**
+     * 判断传入的类是否为代理类。
+     *
+     * @param clazz 要检查的类。
+     *
+     * @return 如果类是代理类，返回 {@code true}，否则返回 {@code false}。
+     */
+    public static boolean isProxy(Class<?> clazz) {
+        if (clazz != null) {
+            for (Class<?> cls : clazz.getInterfaces()) {
+                if (PROXY_CLASS_NAMES.contains(cls.getName())) {
+                    return true;
+                }
+            }
+        }
+        return false;
+    }
+
+    /**
+     * 使用指定的类名和类加载器加载类。该方法确保类是从有效的类加载器中加载的。
+     *
+     * @param name        类的全限定名。
+     * @param classLoader 类加载器。
+     *
+     * @return 与类名对应的类对象。
+     *
+     * @throws GenericException 如果类无法找到或加载。
+     */
+    public static Class<?> toClassConfident(String name, ClassLoader classLoader) {
+        try {
+            return loadClass(name, getClassLoaders(classLoader));
+        } catch (ClassNotFoundException e) {
+            throw new GenericException("找不到指定的class！请仅在明确确定会有class的时候，调用该方法", e);
+        }
+    }
+
+    /**
+     * 尝试通过多个类加载器加载类。
+     *
+     * @param className    类的全限定名。
+     * @param classLoaders 类加载器数组。
+     *
+     * @return 与类名对应的类对象。
+     *
+     * @throws ClassNotFoundException 如果无法找到类。
+     */
+    private static Class<?> loadClass(String className, ClassLoader[] classLoaders) throws ClassNotFoundException {
+        for (ClassLoader classLoader : classLoaders) {
+            if (classLoader != null) {
+                try {
+                    return Class.forName(className, true, classLoader);
+                } catch (ClassNotFoundException e) {
+                    // 忽略异常，尝试下一个类加载器
+                }
+            }
+        }
+        throw new ClassNotFoundException("无法找到类: " + className);
+    }
+
+    /**
+     * 获取用于加载类的类加载器数组。
+     *
+     * @param classLoader 主类加载器。
+     *
+     * @return 用于加载类的类加载器数组。
+     */
+    private static ClassLoader[] getClassLoaders(ClassLoader classLoader) {
+        return new ClassLoader[]{
+                classLoader,
+                Resources.getDefaultClassLoader(),
+                Thread.currentThread().getContextClassLoader(),
+                ClassUtils.class.getClassLoader(),
+                systemClassLoader
+        };
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/mybatis/lambda/LambdaMeta.java b/backend/framework/src/main/java/cn/cordys/mybatis/lambda/LambdaMeta.java
new file mode 100644
index 0000000..914f7cc
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/mybatis/lambda/LambdaMeta.java
@@ -0,0 +1,32 @@
+package cn.cordys.mybatis.lambda;
+
+/**
+ * Lambda 信息
+ */
+public abstract class LambdaMeta {
+
+    /**
+     * 获取 lambda 表达式实现方法的名称
+     *
+     * @return lambda 表达式对应的实现方法名称
+     */
+    String getImplMethodName() {
+        return "";
+    }
+
+    /**
+     * 实例化该方法的类
+     *
+     * @return 返回对应的类名称
+     */
+    Class<?> getInstantiatedClass() {
+        return null;
+    }
+
+    String toSnakeCase(String methodName) {
+        String fieldName = methodName.replaceAll("^get|set", "");
+        // 使用正则将大写字母转换为小写并加上下划线
+        String result = fieldName.replaceAll("([a-z])([A-Z])", "$1_$2");
+        return result.toLowerCase();
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/mybatis/lambda/LambdaQueryWrapper.java b/backend/framework/src/main/java/cn/cordys/mybatis/lambda/LambdaQueryWrapper.java
new file mode 100644
index 0000000..4ac5e66
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/mybatis/lambda/LambdaQueryWrapper.java
@@ -0,0 +1,281 @@
+package cn.cordys.mybatis.lambda;
+
+import lombok.Getter;
+import org.apache.commons.lang3.ObjectUtils;
+import org.apache.commons.lang3.StringUtils;
+
+import java.util.HashMap;
+import java.util.LinkedList;
+import java.util.List;
+import java.util.Map;
+
+/**
+ * LambdaQueryWrapper 用于构建 SQL 查询条件，支持链式调用。
+ * 它通过 Lambda 表达式动态指定查询字段，避免硬编码字段名，增强代码的可维护性和类型安全。
+ *
+ * @param <T> 实体类型
+ */
+public class LambdaQueryWrapper<T> {
+    // 存储查询条件
+    private final List<String> conditions = new LinkedList<>();
+
+    @Getter
+    private final Map<String, Object> params = new HashMap<>();
+
+    // 存储排序条件
+    private final List<String> orderByClauses = new LinkedList<>();
+
+    /**
+     * 返回 true 表示存在 SQL 注入风险
+     *
+     * @param script
+     */
+    public static void checkSqlInjection(String script) {
+        if (StringUtils.isEmpty(script)) {
+            return;
+        }
+        // 检测危险SQL模式
+        java.util.regex.Pattern dangerousPattern = java.util.regex.Pattern.compile(
+                "(;|--|#|'|\"|/\\*|\\*/|\\b(select|insert|update|delete|drop|alter|truncate|exec|union|xp_)\\b)",
+                java.util.regex.Pattern.CASE_INSENSITIVE);
+
+        // 返回true表示存在注入风险
+        if (dangerousPattern.matcher(script).find()) {
+            throw new IllegalArgumentException("SQL injection risk detected in script: " + script);
+        }
+    }
+
+    private void addCondition(XFunction<T, ?> column, Object value, String operator) {
+        if (ObjectUtils.isEmpty(value)) {
+            return; // 如果值为 null，则不添加条件
+        }
+
+        String columnName = columnToString(column);
+        String paramName = generateParamName(columnName, operator);
+        addCondition("%s %s #{%s}".formatted(columnName, operator, paramName));
+        params.put(paramName, value);
+    }
+
+    private String generateParamName(String column, String operator) {
+        return switch (operator) {
+            case "=" -> "%s_eq".formatted(column);
+            case "!=" -> "%s_nq".formatted(column);
+            case "LIKE" -> "%s_like".formatted(column);
+            case ">" -> "%s_gt".formatted(column);
+            case "<" -> "%s_lt".formatted(column);
+            case "<![CDATA[ > ]]>" -> "%s_gt_t".formatted(column);
+            case "<![CDATA[ < ]]>" -> "%s_lt_t".formatted(column);
+            default -> column;
+        };
+    }
+
+    /**
+     * 添加等值条件（=）。
+     *
+     * @param column 列名的 Lambda 表达式
+     * @param value  值
+     *
+     * @return 当前 LambdaQueryWrapper 实例
+     */
+    public LambdaQueryWrapper<T> eq(XFunction<T, ?> column, Object value) {
+        addCondition(column, value, "=");
+        return this;
+    }
+
+    /**
+     * 添加不等值条件（!=）。
+     *
+     * @param column 列名的 Lambda 表达式
+     * @param value  值
+     */
+    public void nq(XFunction<T, ?> column, Object value) {
+        addCondition(column, value, "!=");
+    }
+
+    /**
+     * 添加模糊匹配条件（LIKE）。
+     *
+     * @param column 列名的 Lambda 表达式
+     * @param value  值
+     *
+     * @return 当前 LambdaQueryWrapper 实例
+     */
+    public LambdaQueryWrapper<T> like(XFunction<T, ?> column, Object value) {
+        if (ObjectUtils.isEmpty(value)) {
+            return this;
+        }
+        addCondition(column, "%" + value + "%", "LIKE");
+        return this;
+    }
+
+    /**
+     * 添加大于条件（>）。
+     *
+     * @param column 列名的 Lambda 表达式
+     * @param value  值
+     *
+     * @return 当前 LambdaQueryWrapper 实例
+     */
+    public LambdaQueryWrapper<T> gt(XFunction<T, ?> column, Object value) {
+        addCondition(column, value, ">");
+        return this;
+    }
+
+    /**
+     * 时间类型的添加大于条件（>）。
+     *
+     * @param column 列名的 Lambda 表达式
+     * @param value  值
+     *
+     * @return 当前 LambdaQueryWrapper 实例
+     */
+    public LambdaQueryWrapper<T> gtT(XFunction<T, ?> column, Object value) {
+        addCondition(column, value, "<![CDATA[ > ]]>");
+        return this;
+    }
+
+    /**
+     * 添加小于条件（<）。
+     *
+     * @param column 列名的 Lambda 表达式
+     * @param value  值
+     *
+     * @return 当前 LambdaQueryWrapper 实例
+     */
+    public LambdaQueryWrapper<T> lt(XFunction<T, ?> column, Object value) {
+        addCondition(column, value, "<");
+        return this;
+    }
+
+    /**
+     * 时间类型的添加小于条件（<）。
+     *
+     * @param column 列名的 Lambda 表达式
+     * @param value  值
+     *
+     * @return 当前 LambdaQueryWrapper 实例
+     */
+    public LambdaQueryWrapper<T> ltT(XFunction<T, ?> column, Object value) {
+        addCondition(column, value, "<![CDATA[ < ]]>");
+        return this;
+    }
+
+    /**
+     * 添加范围条件（BETWEEN）。
+     *
+     * @param column 列名的 Lambda 表达式
+     * @param start  起始值
+     * @param end    结束值
+     *
+     * @return 当前 LambdaQueryWrapper 实例
+     */
+    public LambdaQueryWrapper<T> between(XFunction<T, ?> column, Object start, Object end) {
+        String columnName = columnToString(column);
+        String paramStartKey = "start_" + columnName;
+        String paramEndKey = "end_" + columnName;
+
+        String condition = String.format("%s BETWEEN #{%s} AND #{%s}", columnName, paramStartKey, paramEndKey);
+        addCondition(condition);
+
+        params.put(paramStartKey, start);
+        params.put(paramEndKey, end);
+
+        return this;
+    }
+
+    /**
+     * 添加 IN 条件。
+     *
+     * @param column    列名的 Lambda 表达式
+     * @param valueList 值的集合
+     *
+     * @return 当前 LambdaQueryWrapper 实例
+     */
+    public LambdaQueryWrapper<T> in(XFunction<T, ?> column, List<?> valueList) {
+        if (valueList == null || valueList.isEmpty()) {
+            return this;
+        }
+
+        String columnName = columnToString(column);
+        String paramKey = "array_" + columnName;
+        String inClause = String.format("""
+                %s IN
+                <foreach collection="%s" item="item" open="(" separator="," close=")">
+                    #{item}
+                </foreach>
+                """, columnName, paramKey);
+
+        addCondition(inClause);
+        params.put(paramKey, valueList);
+        return this;
+    }
+
+    /**
+     * 添加升序排序。
+     *
+     * @param column 列名的 Lambda 表达式
+     */
+    public void orderByAsc(XFunction<T, ?> column) {
+        String columnName = columnToString(column);
+        checkSqlInjection(columnName);
+        String paramKey = String.format("order_%s", columnName);
+
+        orderByClauses.add(String.format("#{%s} ASC", paramKey));
+        params.put(paramKey, columnName);
+    }
+
+    /**
+     * 添加降序排序。
+     *
+     * @param column 列名的 Lambda 表达式
+     */
+    public LambdaQueryWrapper<T> orderByDesc(XFunction<T, ?> column) {
+        String columnName = columnToString(column);
+        checkSqlInjection(columnName);
+        String paramKey = String.format("order_%s", columnName);
+
+        orderByClauses.add(String.format("#{%s} DESC", paramKey));
+        params.put(paramKey, columnName);
+        return this;
+    }
+
+    /**
+     * 获取 WHERE 子句的字符串。
+     *
+     * @return WHERE 子句的字符串
+     */
+    public String getWhereClause() {
+        return String.join(" AND ", conditions);
+    }
+
+    /**
+     * 获取 ORDER BY 子句的字符串。
+     *
+     * @return ORDER BY 子句的字符串
+     */
+    public String getOrderByClause() {
+        return orderByClauses.isEmpty() ? "" : String.join(", ", orderByClauses);
+    }
+
+    /**
+     * 内部方法：添加条件到查询条件列表。
+     *
+     * @param condition 条件字符串
+     */
+    private void addCondition(String condition) {
+        if (condition != null && !condition.trim().isEmpty()) {
+            conditions.add(condition);
+        }
+    }
+
+    /**
+     * 内部方法：将 Lambda 表达式转换为字段名。
+     *
+     * @param column 列名的 Lambda 表达式
+     *
+     * @return 转换后的字段名
+     */
+    private String columnToString(XFunction<T, ?> column) {
+        return LambdaUtils.extract(column);
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/mybatis/lambda/LambdaUtils.java b/backend/framework/src/main/java/cn/cordys/mybatis/lambda/LambdaUtils.java
new file mode 100644
index 0000000..b28cce7
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/mybatis/lambda/LambdaUtils.java
@@ -0,0 +1,47 @@
+package cn.cordys.mybatis.lambda;
+
+
+import lombok.extern.slf4j.Slf4j;
+
+import java.lang.reflect.Method;
+import java.lang.reflect.Proxy;
+
+/**
+ * Lambda 解析工具类。
+ * <p>
+ * 该工具类提供了从 Lambda 表达式中提取方法名称的功能，支持多种方式，包括代理、反射和序列化。
+ * </p>
+ */
+@Slf4j
+public final class LambdaUtils {
+
+    /**
+     * 提取 Lambda 表达式的实现方法名称。
+     * <p>
+     * 根据不同的环境，方法会尝试通过代理、反射或序列化的方式来解析 Lambda 表达式。
+     * </p>
+     *
+     * @param func 需要解析的 Lambda 对象。
+     *
+     * @return 返回 Lambda 表达式的实现方法名称。
+     */
+    public static String extract(XFunction<?, ?> func) {
+        // 1. IDEA 调试模式下，Lambda 表达式是一个代理对象
+        if (func instanceof Proxy) {
+            ProxyLambdaMeta lambdaMeta = new ProxyLambdaMeta((Proxy) func);
+            return lambdaMeta.getImplMethodName();
+        }
+
+        // 2. 通过反射读取 Lambda 表达式中的元信息
+        try {
+            Method method = func.getClass().getDeclaredMethod("writeReplace");
+            method.setAccessible(true);
+            ReflectLambdaMeta lambdaMeta = new ReflectLambdaMeta((java.lang.invoke.SerializedLambda) method.invoke(func), func.getClass().getClassLoader());
+            return lambdaMeta.getImplMethodName();
+        } catch (Throwable e) {
+            // 3. 反射失败时，使用序列化方式读取 Lambda 元信息
+            log.error("Extract lambda meta error", e);
+            return new ShadowLambdaMeta(SerializedLambda.extract(func)).getImplMethodName();
+        }
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/mybatis/lambda/ProxyLambdaMeta.java b/backend/framework/src/main/java/cn/cordys/mybatis/lambda/ProxyLambdaMeta.java
new file mode 100644
index 0000000..a52b690
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/mybatis/lambda/ProxyLambdaMeta.java
@@ -0,0 +1,39 @@
+package cn.cordys.mybatis.lambda;
+
+
+import java.lang.invoke.MethodHandle;
+import java.lang.invoke.MethodHandleProxies;
+import java.lang.invoke.MethodHandles;
+import java.lang.reflect.Executable;
+import java.lang.reflect.Proxy;
+
+/**
+ * 在 IDEA 的 Evaluate 中执行的 Lambda 表达式元数据需要使用该类处理元数据
+ */
+public class ProxyLambdaMeta extends LambdaMeta {
+    private final Class<?> clazz;
+    private final String name;
+
+    public ProxyLambdaMeta(Proxy func) {
+        MethodHandle dmh = MethodHandleProxies.wrapperInstanceTarget(func);
+        Executable executable = MethodHandles.reflectAs(Executable.class, dmh);
+        clazz = executable.getDeclaringClass();
+        name = executable.getName();
+    }
+
+    @Override
+    public String getImplMethodName() {
+        return toSnakeCase(name);
+    }
+
+    @Override
+    public Class<?> getInstantiatedClass() {
+        return clazz;
+    }
+
+    @Override
+    public String toString() {
+        return clazz.getSimpleName() + "::" + name;
+    }
+
+}
\ No newline at end of file
diff --git a/backend/framework/src/main/java/cn/cordys/mybatis/lambda/ReflectLambdaMeta.java b/backend/framework/src/main/java/cn/cordys/mybatis/lambda/ReflectLambdaMeta.java
new file mode 100644
index 0000000..1203e00
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/mybatis/lambda/ReflectLambdaMeta.java
@@ -0,0 +1,50 @@
+package cn.cordys.mybatis.lambda;
+
+import jodd.util.StringPool;
+
+import java.lang.invoke.SerializedLambda;
+
+/**
+ * 通过反射提供 Lambda 表达式元数据的类。
+ * 该类提供了获取 Lambda 实现方法名称和实例化类的功能。
+ */
+public class ReflectLambdaMeta extends LambdaMeta {
+
+    private final SerializedLambda lambda;
+    private final ClassLoader classLoader;
+
+    /**
+     * 构造函数，初始化 ReflectLambdaMeta 实例。
+     *
+     * @param lambda      被序列化的 Lambda 表达式
+     * @param classLoader 用于加载类的类加载器
+     */
+    public ReflectLambdaMeta(SerializedLambda lambda, ClassLoader classLoader) {
+        this.lambda = lambda;
+        this.classLoader = classLoader;
+    }
+
+    /**
+     * 获取 Lambda 实现方法的名称，并转换为 snake_case 格式。
+     *
+     * @return Lambda 实现方法的名称（snake_case 格式）
+     */
+    @Override
+    public String getImplMethodName() {
+        return toSnakeCase(lambda.getImplMethodName());
+    }
+
+    /**
+     * 获取 Lambda 表达式实例化的类。
+     * 通过类加载器加载相应的类。
+     *
+     * @return Lambda 表达式实例化的类
+     */
+    @Override
+    public Class<?> getInstantiatedClass() {
+        String instantiatedMethodType = lambda.getInstantiatedMethodType();
+        String instantiatedType = instantiatedMethodType.substring(2, instantiatedMethodType.indexOf(StringPool.SEMICOLON)).replace(StringPool.SLASH, StringPool.DOT);
+        return ClassUtils.toClassConfident(instantiatedType, this.classLoader);
+    }
+
+}
diff --git a/backend/framework/src/main/java/cn/cordys/mybatis/lambda/SerializedLambda.java b/backend/framework/src/main/java/cn/cordys/mybatis/lambda/SerializedLambda.java
new file mode 100644
index 0000000..3877643
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/mybatis/lambda/SerializedLambda.java
@@ -0,0 +1,85 @@
+package cn.cordys.mybatis.lambda;
+
+import cn.cordys.common.exception.GenericException;
+
+import java.io.*;
+
+/**
+ * 当前类是 {@link java.lang.invoke.SerializedLambda} 的一个镜像。
+ * <p>
+ * 该类用于序列化并提取 Lambda 表达式的元数据，提供了与原 {@link SerializedLambda} 类相同的功能，
+ * 但可以在自定义序列化环境中使用。
+ * </p>
+ */
+@SuppressWarnings("ALL")
+public class SerializedLambda implements Serializable {
+    private static final long serialVersionUID = 8025925345765570181L;
+
+    private Class<?> capturingClass;
+    private String functionalInterfaceClass;
+    private String functionalInterfaceMethodName;
+    private String functionalInterfaceMethodSignature;
+    private String implClass;
+    private String implMethodName;
+    private String implMethodSignature;
+    private int implMethodKind;
+    private String instantiatedMethodType;
+    private Object[] capturedArgs;
+
+    /**
+     * 从序列化的 Lambda 表达式中提取 {@link SerializedLambda} 对象。
+     * 该方法通过序列化和反序列化过程提取 Lambda 表达式的元信息。
+     *
+     * @param serializable 可序列化对象，通常为 Lambda 表达式。
+     *
+     * @return 提取的 {@link SerializedLambda} 对象。
+     *
+     * @throws GenericException 如果序列化或反序列化过程中出现异常。
+     */
+    public static SerializedLambda extract(Serializable serializable) {
+        try (ByteArrayOutputStream baos = new ByteArrayOutputStream();
+             ObjectOutputStream oos = new ObjectOutputStream(baos)) {
+            oos.writeObject(serializable);
+            oos.flush();
+
+            try (ObjectInputStream objectInputStream = new ObjectInputStream(new ByteArrayInputStream(baos.toByteArray())) {
+                @Override
+                protected Class<?> resolveClass(ObjectStreamClass desc) throws IOException, ClassNotFoundException {
+                    Class<?> clazz = super.resolveClass(desc);
+                    return clazz == java.lang.invoke.SerializedLambda.class ? SerializedLambda.class : clazz;
+                }
+            }) {
+                return (SerializedLambda) objectInputStream.readObject();
+            }
+        } catch (IOException | ClassNotFoundException e) {
+            throw new GenericException("提取 Lambda 表达式时发生异常", e);
+        }
+    }
+
+    /**
+     * 获取实例化方法类型的字符串。
+     *
+     * @return 实例化方法类型的字符串。
+     */
+    public String getInstantiatedMethodType() {
+        return instantiatedMethodType;
+    }
+
+    /**
+     * 获取捕获类的 {@link Class} 对象。
+     *
+     * @return 捕获类的 {@link Class} 对象。
+     */
+    public Class<?> getCapturingClass() {
+        return capturingClass;
+    }
+
+    /**
+     * 获取实现方法的名称。
+     *
+     * @return 实现方法的名称。
+     */
+    public String getImplMethodName() {
+        return implMethodName;
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/mybatis/lambda/ShadowLambdaMeta.java b/backend/framework/src/main/java/cn/cordys/mybatis/lambda/ShadowLambdaMeta.java
new file mode 100644
index 0000000..c2e18f3
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/mybatis/lambda/ShadowLambdaMeta.java
@@ -0,0 +1,50 @@
+package cn.cordys.mybatis.lambda;
+
+import jodd.util.StringPool;
+
+/**
+ * 基于 {@link SerializedLambda} 创建的元信息类。
+ * <p>
+ * 该类提供了获取 Lambda 实现方法名称和实例化类的功能。
+ * 它扩展了 {@link LambdaMeta} 类，提供了对 Lambda 表达式的元数据的访问。
+ * </p>
+ */
+public class ShadowLambdaMeta extends LambdaMeta {
+    private final SerializedLambda lambda;
+
+    /**
+     * 构造方法，接收一个 {@link SerializedLambda} 对象。
+     *
+     * @param lambda {@link SerializedLambda} 对象，包含 Lambda 表达式的序列化信息。
+     */
+    public ShadowLambdaMeta(SerializedLambda lambda) {
+        this.lambda = lambda;
+    }
+
+    /**
+     * 获取 Lambda 实现的方法名称，并将其转换为蛇形命名法（snake_case）。
+     *
+     * @return 转换后的方法名称。
+     */
+    @Override
+    public String getImplMethodName() {
+        return toSnakeCase(lambda.getImplMethodName());
+    }
+
+    /**
+     * 获取实例化类的 {@link Class} 对象。
+     * 通过从 {@link SerializedLambda} 获取实例化类型的字符串，并将其转换为 {@link Class} 对象。
+     *
+     * @return 实例化类的 {@link Class} 对象。
+     */
+    @Override
+    public Class<?> getInstantiatedClass() {
+        String instantiatedMethodType = lambda.getInstantiatedMethodType();
+        // 截取并转换类型名称
+        String instantiatedType = instantiatedMethodType
+                .substring(2, instantiatedMethodType.indexOf(StringPool.SEMICOLON))
+                .replace(StringPool.SLASH, StringPool.DOT);
+        // 使用类加载器加载实例化类
+        return ClassUtils.toClassConfident(instantiatedType, lambda.getClass().getClassLoader());
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/mybatis/lambda/XFunction.java b/backend/framework/src/main/java/cn/cordys/mybatis/lambda/XFunction.java
new file mode 100644
index 0000000..92f1aaf
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/mybatis/lambda/XFunction.java
@@ -0,0 +1,11 @@
+package cn.cordys.mybatis.lambda;
+
+import java.io.Serializable;
+import java.util.function.Function;
+
+/**
+ * 支持序列化的 Function
+ */
+@FunctionalInterface
+public interface XFunction<T, R> extends Function<T, R>, Serializable {
+}
\ No newline at end of file
diff --git a/backend/framework/src/main/java/cn/cordys/registry/ExportThreadRegistry.java b/backend/framework/src/main/java/cn/cordys/registry/ExportThreadRegistry.java
new file mode 100644
index 0000000..a706925
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/registry/ExportThreadRegistry.java
@@ -0,0 +1,71 @@
+package cn.cordys.registry;
+
+import java.util.concurrent.ConcurrentHashMap;
+
+/**
+ * 导出线程注册表，用于管理和监控导出任务的线程。
+ */
+public final class ExportThreadRegistry {
+    private static final ConcurrentHashMap<String, Thread> TASK_MAP = new ConcurrentHashMap<>();
+
+    // 私有构造函数防止实例化
+    private ExportThreadRegistry() {
+        throw new UnsupportedOperationException("工具类不应被实例化");
+    }
+
+    /**
+     * 注册任务线程
+     *
+     * @param taskId 任务ID
+     * @param thread 任务线程
+     */
+    public static void register(String taskId, Thread thread) {
+        if (taskId != null && thread != null) {
+            TASK_MAP.put(taskId, thread);
+        }
+    }
+
+    /**
+     * 停止任务线程并中断它
+     *
+     * @param taskId 任务ID
+     */
+    public static void stop(String taskId) {
+        Thread thread = TASK_MAP.remove(taskId);
+        if (thread != null) {
+            thread.interrupt();
+        }
+    }
+
+    /**
+     * 检查任务是否已被中断
+     *
+     * @param taskId 任务ID
+     *
+     * @return 如果任务不存在或已被中断返回true，否则返回false
+     */
+    public static boolean isInterrupted(String taskId) {
+        Thread thread = TASK_MAP.get(taskId);
+        return thread == null || thread.isInterrupted();
+    }
+
+    /**
+     * 从注册表中移除任务
+     *
+     * @param taskId 任务ID
+     */
+    public static void remove(String taskId) {
+        TASK_MAP.remove(taskId);
+    }
+
+    /**
+     * 检查任务是否存在
+     *
+     * @param taskId 任务ID
+     *
+     * @return 如果任务存在返回true
+     */
+    public static boolean exists(String taskId) {
+        return TASK_MAP.containsKey(taskId);
+    }
+}
\ No newline at end of file
diff --git a/backend/framework/src/main/java/cn/cordys/security/SessionConstants.java b/backend/framework/src/main/java/cn/cordys/security/SessionConstants.java
new file mode 100644
index 0000000..5e20125
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/security/SessionConstants.java
@@ -0,0 +1,10 @@
+package cn.cordys.security;
+
+public class SessionConstants {
+    public static final String ATTR_USER = "user";
+    public static final String AUTHENTICATION_STATUS = "Authentication-Status";
+    public static final String AUTHENTICATION_INVALID = "invalid";
+
+    public final static String HEADER_TOKEN = "X-AUTH-TOKEN";
+    public final static String CSRF_TOKEN = "CSRF-TOKEN";
+}
diff --git a/backend/framework/src/main/java/cn/cordys/security/SessionUser.java b/backend/framework/src/main/java/cn/cordys/security/SessionUser.java
new file mode 100644
index 0000000..b7526bb
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/security/SessionUser.java
@@ -0,0 +1,76 @@
+package cn.cordys.security;
+
+import cn.cordys.common.util.CodingUtils;
+import lombok.Getter;
+import lombok.NoArgsConstructor;
+import lombok.Setter;
+import org.apache.commons.lang3.RandomStringUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.beans.BeanUtils;
+
+import java.io.Serial;
+import java.io.Serializable;
+import java.util.Arrays;
+import java.util.List;
+
+/**
+ * <p>表示会话中的用户信息，继承自 {@link UserDTO}，并包含用于防止 CSRF 攻击的 token 和会话 ID。</p>
+ */
+@Getter
+@Setter
+@NoArgsConstructor
+public class SessionUser extends UserDTO implements Serializable {
+
+    /**
+     * 加密密钥，用于生成 CSRF Token。建议从配置或环境变量中读取。
+     */
+    public static final String secret = RandomStringUtils.secure().nextAlphabetic(16);
+
+    @Serial
+    private static final long serialVersionUID = -7149638440406959033L;
+
+    /**
+     * CSRF Token，用于防止跨站请求伪造攻击。
+     */
+    private String csrfToken;
+
+    /**
+     * 会话 ID，表示当前会话的唯一标识。
+     */
+    private String sessionId;
+
+    /**
+     * 从 UserDTO 创建 SessionUser 对象，并生成 CSRF Token 和会话 ID。
+     *
+     * @param user      用户数据对象
+     * @param sessionId 会话 ID
+     *
+     * @return {@link SessionUser} 对象
+     */
+    public static SessionUser fromUser(UserDTO user, String sessionId) {
+        // 创建 SessionUser 实例
+        SessionUser sessionUser = new SessionUser();
+        // 拷贝 UserDTO 的属性到 SessionUser
+        BeanUtils.copyProperties(user, sessionUser);
+
+        // 构建用于生成 CSRF Token 的信息
+        List<String> infos = Arrays.asList(
+                user.getId(),
+                RandomStringUtils.secure().nextAlphabetic(6),  // 随机字符串增加多样性
+                sessionId,
+                String.valueOf(System.currentTimeMillis()) // 当前时间戳
+        );
+
+        try {
+            // 使用 AES 加密生成 CSRF Token
+            sessionUser.csrfToken = CodingUtils.aesEncrypt(StringUtils.join(infos, "|"), secret, CodingUtils.generateIv());
+        } catch (Exception e) {
+            // 异常处理：加密失败时可以记录日志或者返回默认值
+            sessionUser.csrfToken = StringUtils.EMPTY;
+        }
+
+        // 设置 sessionId
+        sessionUser.sessionId = sessionId;
+        return sessionUser;
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/security/SessionUtils.java b/backend/framework/src/main/java/cn/cordys/security/SessionUtils.java
new file mode 100644
index 0000000..6132bb7
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/security/SessionUtils.java
@@ -0,0 +1,125 @@
+package cn.cordys.security;
+
+import cn.cordys.common.util.CommonBeanFactory;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.collections4.MapUtils;
+import org.apache.commons.lang3.Strings;
+import org.apache.shiro.SecurityUtils;
+import org.apache.shiro.session.Session;
+import org.apache.shiro.subject.Subject;
+import org.springframework.session.FindByIndexNameSessionRepository;
+import org.springframework.session.data.redis.RedisIndexedSessionRepository;
+
+import java.util.Map;
+
+import static cn.cordys.security.SessionConstants.ATTR_USER;
+
+
+/**
+ * Session 工具类，提供操作用户 Session 的常用方法。
+ * <p>
+ * 包含获取当前用户信息、获取 Session ID、踢除用户等功能。
+ * </p>
+ */
+@Slf4j
+public class SessionUtils {
+
+    /**
+     * 获取当前用户的 ID。
+     *
+     * @return 当前用户的 ID，如果没有获取到用户信息，则返回 null
+     */
+    public static String getUserId() {
+        SessionUser user = getUser();
+        return user == null ? null : user.getId();
+    }
+
+    /**
+     * 获取当前用户信息。
+     *
+     * @return 当前用户对象，如果未获取到用户信息，则返回 null
+     */
+    public static SessionUser getUser() {
+        try {
+            Subject subject = SecurityUtils.getSubject();
+            Session session = subject.getSession();
+            return (SessionUser) session.getAttribute(ATTR_USER);
+        } catch (Exception e) {
+            log.warn("后台获取在线用户失败: {}", e.getMessage());
+            return null;
+        }
+    }
+
+    /**
+     * 获取当前 Session 的 ID。
+     *
+     * @return 当前 Session 的 ID
+     */
+    public static String getSessionId() {
+        try {
+            return (String) SecurityUtils.getSubject().getSession().getId();
+        } catch (Exception e) {
+            return null;
+        }
+    }
+
+    /**
+     * 踢除指定用户名的用户（从 Redis 会话中删除）。
+     *
+     * @param username 用户名
+     */
+    public static void kickOutUser(String username) {
+        // 获取 Redis session 存储库
+        RedisIndexedSessionRepository sessionRepository = CommonBeanFactory.getBean(RedisIndexedSessionRepository.class);
+        if (sessionRepository == null) {
+            return;
+        }
+
+        // 根据用户名查找会话
+        Map<String, ?> users = sessionRepository.findByPrincipalName(username);
+        if (MapUtils.isNotEmpty(users)) {
+            // 删除所有与该用户名关联的 session
+            users.keySet().forEach(k -> {
+                sessionRepository.deleteById(k);
+                sessionRepository.getSessionRedisOperations().delete("spring:session:sessions:" + k);
+            });
+        }
+    }
+
+    /**
+     * 踢除指定用户（从 Redis 会话中删除）。
+     *
+     * @param operatorId 操作用户 ID
+     * @param kickUserId 被踢用户 ID
+     */
+    public static void kickOutUser(String operatorId, String kickUserId) {
+        // 处理用户会话
+        boolean isSelfReset = Strings.CS.equals(operatorId, kickUserId);
+        if (isSelfReset) {
+            // 当前用户重置自己的密码，直接登出
+            SecurityUtils.getSubject().logout();
+            // 需要检查是否有其他会话存在
+            try {
+                SessionUtils.kickOutUser(kickUserId);
+            } catch (Exception e) {
+                log.error("踢出用户失败: {}", e.getMessage());
+            }
+        } else {
+            // 管理员重置他人密码，踢出该用户
+            SessionUtils.kickOutUser(kickUserId);
+        }
+
+    }
+
+    /**
+     * 将当前用户信息保存到 Session 中。
+     *
+     * @param sessionUser 当前用户对象
+     */
+    public static void putUser(SessionUser sessionUser) {
+        // 保存用户信息到 Session
+        SecurityUtils.getSubject().getSession().setAttribute(ATTR_USER, sessionUser);
+        // 保存用户 ID 到 Session
+        SecurityUtils.getSubject().getSession().setAttribute(FindByIndexNameSessionRepository.PRINCIPAL_NAME_INDEX_NAME, sessionUser.getId());
+    }
+}
diff --git a/backend/framework/src/main/java/cn/cordys/security/ShiroFilter.java b/backend/framework/src/main/java/cn/cordys/security/ShiroFilter.java
new file mode 100644
index 0000000..68a9b53
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/security/ShiroFilter.java
@@ -0,0 +1,110 @@
+package cn.cordys.security;
+
+import java.util.Collections;
+import java.util.Map;
+import java.util.concurrent.ConcurrentHashMap;
+
+/**
+ * 用于管理应用程序中过滤器链的工具类。
+ * 包含加载基础过滤器链和忽略 CSRF 过滤器链的方法。
+ */
+public final class ShiroFilter {
+    private static final Map<String, String> FILTER_CHAIN_DEFINITION_MAP = new ConcurrentHashMap<>();
+
+    // 私有构造函数防止实例化
+    private ShiroFilter() {
+        throw new AssertionError("工具类不应该被实例化");
+    }
+
+    /**
+     * 添加URL过滤规则
+     *
+     * @param url  需要过滤的URL路径
+     * @param rule 过滤规则
+     */
+    public static void putFilter(String url, String rule) {
+        if (url != null && rule != null) {
+            FILTER_CHAIN_DEFINITION_MAP.put(url, rule);
+        }
+    }
+
+    /**
+     * 加载应用程序的基础过滤器链。
+     * 该过滤器链是一个映射，关联 URL 模式和过滤规则。
+     *
+     * @return 返回一个不可变Map，包含过滤器链定义，键是 URL 模式，值是关联的过滤规则。
+     */
+    public static Map<String, String> loadBaseFilterChain() {
+        // 静态资源路径
+        addStaticResourceFilters();
+
+        // 认证相关路径
+        addAuthenticationFilters();
+
+        // 其他公共路径
+        addPublicPathFilters();
+
+        return Collections.unmodifiableMap(FILTER_CHAIN_DEFINITION_MAP);
+    }
+
+    /**
+     * 添加静态资源过滤器规则
+     */
+    private static void addStaticResourceFilters() {
+        FILTER_CHAIN_DEFINITION_MAP.put("/web/**", "anon");
+        FILTER_CHAIN_DEFINITION_MAP.put("/mobile/**", "anon");
+        FILTER_CHAIN_DEFINITION_MAP.put("/static/**", "anon");
+        FILTER_CHAIN_DEFINITION_MAP.put("/templates/**", "anon");
+        FILTER_CHAIN_DEFINITION_MAP.put("/*.html", "anon");
+        FILTER_CHAIN_DEFINITION_MAP.put("/css/**", "anon");
+        FILTER_CHAIN_DEFINITION_MAP.put("/js/**", "anon");
+        FILTER_CHAIN_DEFINITION_MAP.put("/images/**", "anon");
+        FILTER_CHAIN_DEFINITION_MAP.put("/assets/**", "anon");
+        FILTER_CHAIN_DEFINITION_MAP.put("/fonts/**", "anon");
+        FILTER_CHAIN_DEFINITION_MAP.put("/favicon.ico", "anon");
+        FILTER_CHAIN_DEFINITION_MAP.put("/logo.*", "anon");
+        FILTER_CHAIN_DEFINITION_MAP.put("/base-display/**", "anon");
+        FILTER_CHAIN_DEFINITION_MAP.put("/cordys/**", "anon");
+    }
+
+    /**
+     * 添加认证相关过滤器规则
+     */
+    private static void addAuthenticationFilters() {
+        FILTER_CHAIN_DEFINITION_MAP.put("/login", "anon");
+        FILTER_CHAIN_DEFINITION_MAP.put("/logout", "anon");
+        FILTER_CHAIN_DEFINITION_MAP.put("/is-login", "anon");
+        FILTER_CHAIN_DEFINITION_MAP.put("/get-key", "anon");
+        FILTER_CHAIN_DEFINITION_MAP.put("/403", "anon");
+        FILTER_CHAIN_DEFINITION_MAP.put("/sso/callback/**", "anon");
+    }
+
+    /**
+     * 添加其他公共路径过滤器规则
+     */
+    private static void addPublicPathFilters() {
+        FILTER_CHAIN_DEFINITION_MAP.put("/display/info", "anon");
+        FILTER_CHAIN_DEFINITION_MAP.put("/pic/preview/**", "anon");
+        FILTER_CHAIN_DEFINITION_MAP.put("/attachment/preview/**", "anon");
+        FILTER_CHAIN_DEFINITION_MAP.put("/ui/display/preview", "anon");
+        FILTER_CHAIN_DEFINITION_MAP.put("/ui/display/info", "anon");
+        FILTER_CHAIN_DEFINITION_MAP.put("/anonymous/**", "anon");
+        FILTER_CHAIN_DEFINITION_MAP.put("/system/version/current", "anon");
+        FILTER_CHAIN_DEFINITION_MAP.put("/sse/subscribe/**", "anon");
+        FILTER_CHAIN_DEFINITION_MAP.put("/sse/close/**", "anon");
+        FILTER_CHAIN_DEFINITION_MAP.put("/sse/broadcast/**", "anon");
+        FILTER_CHAIN_DEFINITION_MAP.put("/organization/settings/third-party/types", "anon");
+        FILTER_CHAIN_DEFINITION_MAP.put("/organization/settings/third-party/get/**", "anon");
+        FILTER_CHAIN_DEFINITION_MAP.put("/organization/settings/third-party/sync/resource", "anon");
+        FILTER_CHAIN_DEFINITION_MAP.put("/license/validate/**", "anon");
+    }
+
+    /**
+     * 返回忽略 CSRF 保护的过滤器链定义。
+     *
+     * @return 返回一个不可变Map，包含应绕过 CSRF 检查的 URL 路径的过滤器链定义。
+     */
+    public static Map<String, String> ignoreCsrfFilter() {
+        return Map.of("/", "apikey, authc", "/language", "apikey, authc", "/mock", "apikey, authc");
+    }
+}
\ No newline at end of file
diff --git a/backend/framework/src/main/java/cn/cordys/security/UserApprovalDTO.java b/backend/framework/src/main/java/cn/cordys/security/UserApprovalDTO.java
new file mode 100644
index 0000000..4014d5b
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/security/UserApprovalDTO.java
@@ -0,0 +1,34 @@
+package cn.cordys.security;
+
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.Data;
+
+import java.io.Serial;
+
+/**
+ * <p>用户数据传输对象，用于传输用户信息，包含其他平台对接信息和头像。</p>
+ */
+@Data
+public class UserApprovalDTO implements java.io.Serializable {
+    @Serial
+    private static final long serialVersionUID = 1L;
+
+    @Schema(description = "用户ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String id;
+
+    @Schema(description = "用户名", requiredMode = Schema.RequiredMode.REQUIRED)
+    private String name;
+
+    @Schema(description = "用户邮箱")
+    private String email;
+
+    @Schema(description = "头像")
+    private String avatar;
+
+    @Schema(description = "审核结果")
+    private String approveResult;
+
+    @Schema(description = "审核原因")
+    private String approveReason;
+
+}
diff --git a/backend/framework/src/main/java/cn/cordys/security/UserDTO.java b/backend/framework/src/main/java/cn/cordys/security/UserDTO.java
new file mode 100644
index 0000000..fb34f5b
--- /dev/null
+++ b/backend/framework/src/main/java/cn/cordys/security/UserDTO.java
@@ -0,0 +1,93 @@
+package cn.cordys.security;
+
+import cn.cordys.common.dto.RoleDataScopeDTO;
+import cn.cordys.common.groups.Created;
+import cn.cordys.common.groups.Updated;
+import io.swagger.v3.oas.annotations.media.Schema;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import lombok.Data;
+
+import java.io.Serial;
+import java.util.List;
+import java.util.Set;
+
+/**
+ * <p>用户数据传输对象，用于传输用户信息，包含其他平台对接信息和头像。</p>
+ */
+@Data
+public class UserDTO implements java.io.Serializable {
+    @Serial
+    private static final long serialVersionUID = 1L;
+
+    @Schema(description = "用户ID", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank(message = "{user.id.not_blank}", groups = {Updated.class})
+    @Size(min = 1, max = 50, message = "{user.id.length_range}", groups = {Created.class, Updated.class})
+    private String id;
+
+    @Schema(description = "用户名", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank(message = "{user.name.not_blank}", groups = {Created.class})
+    @Size(min = 1, max = 255, message = "{user.name.length_range}", groups = {Created.class, Updated.class})
+    private String name;
+
+    @Schema(description = "用户邮箱", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank(message = "{user.email.not_blank}", groups = {Created.class})
+    @Size(min = 1, max = 64, message = "{user.email.length_range}", groups = {Created.class, Updated.class})
+    private String email;
+
+    @Schema(description = "用户密码")
+    private String password;
+
+    @Schema(description = "是否启用")
+    private Boolean enable;
+
+    @Schema(description = "创建时间")
+    private Long createTime;
+
+    @Schema(description = "更新时间")
+    private Long updateTime;
+
+    @Schema(description = "语言")
+    private String language;
+
+    @Schema(description = "当前组织ID")
+    private String lastOrganizationId;
+
+    @Schema(description = "手机号")
+    private String phone;
+
+    @Schema(description = "来源：LOCAL OIDC CAS OAUTH2", requiredMode = Schema.RequiredMode.REQUIRED)
+    @NotBlank(message = "{user.source.not_blank}", groups = {Created.class})
+    @Size(min = 1, max = 50, message = "{user.source.length_range}", groups = {Created.class, Updated.class})
+    private String source;
+
+    @Schema(description = "创建人")
+    private String createUser;
+
+    @Schema(description = "修改人")
+    private String updateUser;
+
+    @Schema(description = "其他平台对接信息", requiredMode = Schema.RequiredMode.NOT_REQUIRED)
+    private byte[] platformInfo;
+
+    @Schema(description = "头像")
+    private String avatar;
+
+    @Schema(description = "权限ID")
+    private Set<String> permissionIds;
+
+    @Schema(description = "权限ID")
+    private List<RoleDataScopeDTO> roles;
+
+    @Schema(description = "所在的组织ID")
+    private Set<String> organizationIds;
+
+    @Schema(description = "部门id")
+    private String departmentId;
+
+    @Schema(description = "部门名称")
+    private String departmentName;
+
+    @Schema(description = "是否是默认密码")
+    private Boolean defaultPwd = false;
+}
diff --git a/backend/pom.xml b/backend/pom.xml
new file mode 100644
index 0000000..5b70553
--- /dev/null
+++ b/backend/pom.xml
@@ -0,0 +1,307 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+
+    <parent>
+        <groupId>cn.cordys</groupId>
+        <artifactId>cordys-crm</artifactId>
+        <version>${revision}</version>
+    </parent>
+
+    <packaging>pom</packaging>
+    <artifactId>backend</artifactId>
+    <version>${revision}</version>
+
+    <modules>
+        <module>framework</module>
+        <module>crm</module>
+        <module>app</module>
+    </modules>
+
+
+    <dependencies>
+
+        <!-- Spring / Core -->
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-aop</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-jetty</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-validation</artifactId>
+        </dependency>
+
+        <!-- Lombok -->
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <optional>true</optional>
+            <scope>provided</scope>
+        </dependency>
+
+        <!-- Web / Swagger -->
+        <dependency>
+            <groupId>org.springdoc</groupId>
+            <artifactId>springdoc-openapi-starter-webmvc-ui</artifactId>
+            <version>${springdoc-openapi-ui.version}</version>
+            <exclusions>
+                <exclusion>
+                    <groupId>io.swagger.core.v3</groupId>
+                    <artifactId>swagger-core</artifactId>
+                </exclusion>
+            </exclusions>
+        </dependency>
+
+        <!-- Mail / Utilities -->
+        <dependency>
+            <groupId>org.eclipse.angus</groupId>
+            <artifactId>jakarta.mail</artifactId>
+            <version>${mail.version}</version>
+        </dependency>
+
+        <!-- Persistence / DB -->
+        <dependency>
+            <groupId>org.mybatis.spring.boot</groupId>
+            <artifactId>mybatis-spring-boot-starter</artifactId>
+            <version>${mybatis-starter.version}</version>
+        </dependency>
+        <dependency>
+            <groupId>com.mysql</groupId>
+            <artifactId>mysql-connector-j</artifactId>
+            <scope>runtime</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.flywaydb</groupId>
+            <artifactId>flyway-core</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.flywaydb</groupId>
+            <artifactId>flyway-mysql</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.github.pagehelper</groupId>
+            <artifactId>pagehelper</artifactId>
+            <version>${pagehelper.version}</version>
+        </dependency>
+
+        <!-- Shiro (Jakarta classifier) -->
+        <dependency>
+            <groupId>org.apache.shiro</groupId>
+            <artifactId>shiro-spring-boot-web-starter</artifactId>
+            <version>${shiro.version}</version>
+            <classifier>jakarta</classifier>
+            <exclusions>
+                <exclusion>
+                    <groupId>org.apache.shiro</groupId>
+                    <artifactId>shiro-spring-boot-starter</artifactId>
+                </exclusion>
+                <exclusion>
+                    <groupId>org.apache.shiro</groupId>
+                    <artifactId>shiro-web</artifactId>
+                </exclusion>
+                <exclusion>
+                    <groupId>org.apache.shiro</groupId>
+                    <artifactId>shiro-spring</artifactId>
+                </exclusion>
+                <exclusion>
+                    <groupId>org.springframework.boot</groupId>
+                    <artifactId>spring-boot-starter-log4j2</artifactId>
+                </exclusion>
+            </exclusions>
+        </dependency>
+
+        <dependency>
+            <groupId>org.apache.shiro</groupId>
+            <artifactId>shiro-spring-boot-starter</artifactId>
+            <version>${shiro.version}</version>
+            <classifier>jakarta</classifier>
+            <exclusions>
+                <exclusion>
+                    <groupId>org.apache.shiro</groupId>
+                    <artifactId>shiro-web</artifactId>
+                </exclusion>
+                <exclusion>
+                    <groupId>org.apache.shiro</groupId>
+                    <artifactId>shiro-spring</artifactId>
+                </exclusion>
+                <exclusion>
+                    <groupId>org.springframework.boot</groupId>
+                    <artifactId>spring-boot-starter-log4j2</artifactId>
+                </exclusion>
+            </exclusions>
+        </dependency>
+
+        <dependency>
+            <groupId>org.apache.shiro</groupId>
+            <artifactId>shiro-web</artifactId>
+            <version>${shiro.version}</version>
+            <classifier>jakarta</classifier>
+            <exclusions>
+                <exclusion>
+                    <artifactId>shiro-core</artifactId>
+                    <groupId>org.apache.shiro</groupId>
+                </exclusion>
+            </exclusions>
+        </dependency>
+
+        <dependency>
+            <groupId>org.apache.shiro</groupId>
+            <artifactId>shiro-core</artifactId>
+            <version>${shiro.version}</version>
+            <classifier>jakarta</classifier>
+        </dependency>
+
+        <dependency>
+            <groupId>org.apache.shiro</groupId>
+            <artifactId>shiro-spring</artifactId>
+            <version>${shiro.version}</version>
+            <classifier>jakarta</classifier>
+            <exclusions>
+                <exclusion>
+                    <artifactId>shiro-web</artifactId>
+                    <groupId>org.apache.shiro</groupId>
+                </exclusion>
+                <exclusion>
+                    <artifactId>shiro-core</artifactId>
+                    <groupId>org.apache.shiro</groupId>
+                </exclusion>
+            </exclusions>
+        </dependency>
+
+        <!-- Test / Testcontainers / Embedded -->
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-test</artifactId>
+            <scope>test</scope>
+            <exclusions>
+                <exclusion>
+                    <groupId>com.vaadin.external.google</groupId>
+                    <artifactId>android-json</artifactId>
+                </exclusion>
+            </exclusions>
+        </dependency>
+
+        <dependency>
+            <groupId>org.springframework.cloud</groupId>
+            <artifactId>spring-cloud-starter-bootstrap</artifactId>
+            <version>4.2.1</version>
+            <scope>test</scope>
+        </dependency>
+
+        <dependency>
+            <groupId>org.testcontainers</groupId>
+            <artifactId>testcontainers</artifactId>
+            <version>${testcontainers.version}</version>
+            <scope>test</scope>
+            <exclusions>
+                <exclusion>
+                    <groupId>org.apache.commons</groupId>
+                    <artifactId>commons-lang3</artifactId>
+                </exclusion>
+                <exclusion>
+                    <groupId>org.apache.commons</groupId>
+                    <artifactId>commons-compress</artifactId>
+                </exclusion>
+            </exclusions>
+        </dependency>
+
+        <dependency>
+            <groupId>com.playtika.testcontainers</groupId>
+            <artifactId>embedded-mysql</artifactId>
+            <version>${embedded.version}</version>
+            <scope>test</scope>
+        </dependency>
+
+        <dependency>
+            <groupId>com.playtika.testcontainers</groupId>
+            <artifactId>embedded-redis</artifactId>
+            <version>${embedded.version}</version>
+            <scope>test</scope>
+        </dependency>
+
+        <!-- Caching / Redis / Redisson -->
+        <dependency>
+            <groupId>org.springframework.session</groupId>
+            <artifactId>spring-session-data-redis</artifactId>
+        </dependency>
+
+        <dependency>
+            <groupId>org.redisson</groupId>
+            <artifactId>redisson-spring-boot-starter</artifactId>
+            <version>${redisson-starter.version}</version>
+            <exclusions>
+                <exclusion>
+                    <artifactId>spring-boot-starter-actuator</artifactId>
+                    <groupId>org.springframework.boot</groupId>
+                </exclusion>
+            </exclusions>
+        </dependency>
+
+        <!-- Commons & Utilities -->
+        <dependency>
+            <groupId>org.apache.commons</groupId>
+            <artifactId>commons-lang3</artifactId>
+            <version>${commons-lang3.version}</version>
+        </dependency>
+        <dependency>
+            <groupId>commons-codec</groupId>
+            <artifactId>commons-codec</artifactId>
+            <version>${commons-codec.version}</version>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.commons</groupId>
+            <artifactId>commons-collections4</artifactId>
+            <version>${commons-collections4.version}</version>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.commons</groupId>
+            <artifactId>commons-text</artifactId>
+            <version>${commons-text.version}</version>
+        </dependency>
+        <dependency>
+            <groupId>commons-io</groupId>
+            <artifactId>commons-io</artifactId>
+            <version>${commons-io.version}</version>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.commons</groupId>
+            <artifactId>commons-compress</artifactId>
+            <version>${commons-compress.version}</version>
+        </dependency>
+
+        <!-- Scheduling -->
+        <dependency>
+            <groupId>cn.cordys</groupId>
+            <artifactId>quartz-spring-boot-starter</artifactId>
+            <version>${quartz-starter.version}</version>
+        </dependency>
+
+        <!-- Excel / Tools -->
+        <dependency>
+            <groupId>cn.idev.excel</groupId>
+            <artifactId>fastexcel</artifactId>
+            <version>${fastexcel.version}</version>
+        </dependency>
+
+        <!-- JPA API / JWT -->
+        <dependency>
+            <groupId>jakarta.persistence</groupId>
+            <artifactId>jakarta.persistence-api</artifactId>
+            <version>${persistence-api.version}</version>
+        </dependency>
+
+        <dependency>
+            <groupId>com.auth0</groupId>
+            <artifactId>java-jwt</artifactId>
+            <version>${jwt.version}</version>
+        </dependency>
+
+    </dependencies>
+
+</project>
diff --git a/frontend/.gitignore b/frontend/.gitignore
new file mode 100644
index 0000000..71bf99a
--- /dev/null
+++ b/frontend/.gitignore
@@ -0,0 +1,32 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+# Editor directories and files
+**/.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+.vscode
+
+*.tsbuildinfo
+.node/
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
diff --git a/frontend/.husky/commit-msg b/frontend/.husky/commit-msg
new file mode 100755
index 0000000..bfb74e6
--- /dev/null
+++ b/frontend/.husky/commit-msg
@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+cd frontend && npx commitlint --edit $1
diff --git a/frontend/.husky/pre-commit b/frontend/.husky/pre-commit
new file mode 100755
index 0000000..33784bb
--- /dev/null
+++ b/frontend/.husky/pre-commit
@@ -0,0 +1,6 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+cd frontend/packages/lib-shared && npm run type:check && npm run lint-staged
+cd ../mobile && npm run type:check && npm run lint-staged
+cd ../web && npm run type:check && npm run lint-staged
diff --git a/frontend/.prettierignore b/frontend/.prettierignore
new file mode 100644
index 0000000..9dfa85f
--- /dev/null
+++ b/frontend/.prettierignore
@@ -0,0 +1,7 @@
+/dist/*
+.local
+.output.js
+/node_modules/**
+
+**/*.svg
+**/*.sh
\ No newline at end of file
diff --git a/frontend/.prettierrc.cjs b/frontend/.prettierrc.cjs
new file mode 100644
index 0000000..b895767
--- /dev/null
+++ b/frontend/.prettierrc.cjs
@@ -0,0 +1,14 @@
+module.exports = {
+  plugins: [require('prettier-plugin-tailwindcss')],
+  tabWidth: 2,
+  semi: true,
+  singleQuote: true,
+  quoteProps: 'consistent',
+  htmlWhitespaceSensitivity: 'strict',
+  vueIndentScriptAndStyle: true,
+  useTabs: false,
+  trailingComma: 'es5',
+  printWidth: 120,
+  arrowParens: 'always',
+  endOfLine: 'auto',
+};
diff --git a/frontend/.stylelintrc.cjs b/frontend/.stylelintrc.cjs
new file mode 100644
index 0000000..9d10b7b
--- /dev/null
+++ b/frontend/.stylelintrc.cjs
@@ -0,0 +1,125 @@
+module.exports = {
+  extends: [
+    'stylelint-config-standard',
+    'stylelint-config-prettier',
+    'stylelint-config-html/vue',
+    'stylelint-config-recommended-less',
+  ],
+  plugins: ['stylelint-less', 'stylelint-order'],
+  overrides: [
+    {
+      files: ['**/*.vue'],
+      customSyntax: 'postcss-html',
+    },
+  ],
+  customSyntax: 'postcss-less',
+  ignoreFiles: ['**/*.js', '**/*.jsx', '**/*.tsx', '**/*.ts', '**/*.json', 'node_modules/**/*'],
+  rules: {
+    'indentation': 2,
+    'selector-pseudo-element-no-unknown': [
+      true,
+      {
+        ignorePseudoElements: ['v-deep', ':deep'],
+      },
+    ],
+    'number-leading-zero': 'always',
+    'no-descending-specificity': null,
+    'function-url-quotes': 'always',
+    'string-quotes': 'single',
+    'unit-case': null,
+    'color-hex-case': 'lower',
+    'color-hex-length': 'long',
+    'rule-empty-line-before': 'never',
+    'font-family-no-missing-generic-family-keyword': null,
+    'selector-type-no-unknown': null,
+    'block-opening-brace-space-before': 'always',
+    'at-rule-no-unknown': [true, { ignoreAtRules: ['apply', 'tailwind', 'variants', 'responsive', 'screen'] }],
+    'no-duplicate-selectors': null,
+    'property-no-unknown': null,
+    'no-empty-source': null,
+    'selector-class-pattern': null,
+    'keyframes-name-pattern': null,
+    'selector-pseudo-class-no-unknown': [true, { ignorePseudoClasses: ['global', 'deep'] }],
+    'function-no-unknown': null,
+    'declaration-block-no-redundant-longhand-properties': null,
+    'no-descending-specificity': null,
+    'order/properties-order': [
+      'position',
+      'top',
+      'right',
+      'bottom',
+      'left',
+      'z-index',
+      'display',
+      'justify-content',
+      'align-items',
+      'float',
+      'clear',
+      'overflow',
+      'overflow-x',
+      'overflow-y',
+      'margin',
+      'margin-top',
+      'margin-right',
+      'margin-bottom',
+      'margin-left',
+      'padding',
+      'padding-top',
+      'padding-right',
+      'padding-bottom',
+      'padding-left',
+      'width',
+      'min-width',
+      'max-width',
+      'height',
+      'min-height',
+      'max-height',
+      'font-size',
+      'font-family',
+      'font-weight',
+      'border',
+      'border-style',
+      'border-width',
+      'border-color',
+      'border-top',
+      'border-top-style',
+      'border-top-width',
+      'border-top-color',
+      'border-right',
+      'border-right-style',
+      'border-right-width',
+      'border-right-color',
+      'border-bottom',
+      'border-bottom-style',
+      'border-bottom-width',
+      'border-bottom-color',
+      'border-left',
+      'border-left-style',
+      'border-left-width',
+      'border-left-color',
+      'border-radius',
+      'text-align',
+      'text-justify',
+      'text-indent',
+      'text-overflow',
+      'text-decoration',
+      'white-space',
+      'color',
+      'background',
+      'background-position',
+      'background-repeat',
+      'background-size',
+      'background-color',
+      'background-clip',
+      'opacity',
+      'filter',
+      'list-style',
+      'outline',
+      'visibility',
+      'box-shadow',
+      'text-shadow',
+      'resize',
+      'transition',
+    ],
+  },
+};
diff --git a/frontend/REDEME.md b/frontend/REDEME.md
new file mode 100644
index 0000000..54a3ec4
--- /dev/null
+++ b/frontend/REDEME.md
@@ -0,0 +1,78 @@
+# Cordys CRM 前端工程
+
+## 工程简介
+
+使用 `monorepo` 模式管理前端工程，拆分为`lib-shared`公共资源包、`mobile`移动端工程包和`web`工程包。
+
+## 工程结构
+
+```plaintext
+├── packages
+│   ├── lib-shared            # 公共库模块
+│   │   ├── api               # API 封装
+│   │   ├── assets            # 静态资源
+│   │   ├── enums             # 枚举
+│   │   ├── hooks             # 钩子函数
+│   │   ├── locale            # 国际化封装
+│   │   ├── method            # 工具函数
+│   │   ├── model             # 数据模型
+│   │   ├── types             # 全局类型声明
+│   ├── mobile                # 移动端项目
+│   ├── web                   # WEB 端项目
+```
+
+## 工程初始化&运行
+
+在`/packages`目录下运行依赖安装命令：
+
+```node
+pnpm i -w
+```
+
+统一构建工程：
+
+```node
+npm run build
+```
+
+## mobile 移动端工程包
+
+移动端工程由 Vite+Vue3+TS+Vant-UI 基础框架组成。
+
+运行移动端项目：
+
+```node
+cd package/mobile
+npm run dev
+```
+
+在`package/mobile`下单独构建移动端项目：
+
+```node
+npm run build
+```
+
+### mobile 调试&开发
+
+移动端项目接入了企业微信登录，所以在 PC 上开发调试时需要模拟登录态方便快速开发调试：
+
+1. 先运行 `web` 项目，并登录，登录后打开控制台，将`localStorage`中的`sessionId`和`csrfToken`俩属性及值复制
+2. 运行 `mobile` 项目，打开控制台，将第 1 步复制的`localStorage`属性值粘贴后，刷新页面即可模拟完成登录（登录过期的话重新登录`web`后再复制新的属性值到`mobile`页面中替换即可）
+3. 在手机端调试，进入页面授权登录后，切换到`我的`菜单，短时间内点击 10 次用户名区域可唤出`Eruda`调试工具
+
+## WEB 端工程包
+
+WEB 端工程由 Vite+Vue3+TS+Naive-UI 基础框架组成。
+
+运行 WEB 端项目：
+
+```node
+cd package/web
+npm run dev
+```
+
+在`package/web`下单独构建 WEB 端项目：
+
+```node
+npm run build
+```
diff --git a/frontend/commitlint.config.cjs b/frontend/commitlint.config.cjs
new file mode 100644
index 0000000..84dcb12
--- /dev/null
+++ b/frontend/commitlint.config.cjs
@@ -0,0 +1,3 @@
+module.exports = {
+  extends: ['@commitlint/config-conventional'],
+};
diff --git a/frontend/package.json b/frontend/package.json
new file mode 100644
index 0000000..2b3170f
--- /dev/null
+++ b/frontend/package.json
@@ -0,0 +1,95 @@
+{
+  "name": "vue-login-cordys",
+  "version": "1.0.0",
+  "description": "A simple Vue 3 login page cordys",
+  "main": "index.js",
+  "workspaces": [
+    "packages/mobile",
+    "packages/web"
+  ],
+  "scripts": {
+    "build": "pnpm -r run build",
+    "prepare": "cd .. && husky install frontend/.husky"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "MIT",
+  "dependencies": {
+    "@cordys/mobile": "workspace:mobile",
+    "@cordys/web": "workspace:web",
+    "@lib/shared": "workspace:lib-shared",
+    "@types/node": "^22.10.2",
+    "@vitejs/plugin-legacy": "^6.0.0",
+    "@vueuse/core": "^10.11.0",
+    "axios": "^1.7.2",
+    "canvg": "^4.0.2",
+    "dayjs": "^1.11.11",
+    "dotenv": "^16.4.5",
+    "echarts": "^5.5.1",
+    "element-china-area-data": "^6.1.0",
+    "html2canvas-pro": "^1.5.8",
+    "jsencrypt": "^3.3.2",
+    "jspdf": "^4.2.0",
+    "localforage": "^1.10.0",
+    "lodash-es": "^4.17.21",
+    "mitt": "^3.0.1",
+    "pinia": "^2.3.0",
+    "pinia-plugin-persistedstate": "^3.2.1",
+    "query-string": "^8.2.0",
+    "vue": "3.5.22",
+    "vue-echarts": "^6.7.3",
+    "vue-i18n": "^9.13.1",
+    "vue-router": "^4.5.0"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^17.8.1",
+    "@commitlint/config-conventional": "^17.8.1",
+    "@eslint/compat": "^1.4.1",
+    "@eslint/eslintrc": "^3.3.1",
+    "@eslint/js": "^9.39.1",
+    "@types/lodash": "^4.17.6",
+    "@types/lodash-es": "^4.17.12",
+    "@types/nprogress": "^0.2.3",
+    "@types/pretty": "^2.0.3",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^8.46.4",
+    "@typescript-eslint/parser": "^8.46.4",
+    "autoprefixer": "^10.4.19",
+    "eslint": "^9.39.1",
+    "eslint-config-airbnb-base": "^15.0.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-import-resolver-typescript": "^4.4.4",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-prettier": "^5.5.4",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
+    "eslint-plugin-vue": "^10.5.1",
+    "globals": "^16.5.0",
+    "husky": "^8.0.3",
+    "jiti": "^2.6.1",
+    "lint-staged": "^13.3.0",
+    "postcss": "^8.4.45",
+    "postcss-html": "^1.7.0",
+    "postcss-import": "^16.1.0",
+    "postcss-less": "^6.0.0",
+    "prettier": "^2.8.8",
+    "prettier-plugin-tailwindcss": "^0.3.0",
+    "stylelint": "^14.16.1",
+    "stylelint-config-html": "^1.1.0",
+    "stylelint-config-prettier": "^9.0.5",
+    "stylelint-config-rational-order": "^0.1.2",
+    "stylelint-config-recommended": "^7.0.0",
+    "stylelint-config-recommended-less": "^1.0.4",
+    "stylelint-config-recommended-scss": "^7.0.0",
+    "stylelint-config-recommended-vue": "^1.5.0",
+    "stylelint-config-standard": "^25.0.0",
+    "stylelint-config-standard-scss": "^4.0.0",
+    "stylelint-less": "^1.0.8",
+    "stylelint-order": "^5.0.0",
+    "tailwindcss": "^3.4.4",
+    "typescript": "5.9.3",
+    "typescript-eslint": "^8.47.0",
+    "vue-eslint-parser": "^10.2.0",
+    "vue-tsc": "3.1.4"
+  }
+}
\ No newline at end of file
diff --git a/frontend/packages/lib-shared/.eslintignore b/frontend/packages/lib-shared/.eslintignore
new file mode 100644
index 0000000..e92f8ae
--- /dev/null
+++ b/frontend/packages/lib-shared/.eslintignore
@@ -0,0 +1,5 @@
+/*.json
+/src/**/*.json
+dist
+postcss.config.js
+*.md
\ No newline at end of file
diff --git a/frontend/packages/lib-shared/.eslintrc-auto-import.json b/frontend/packages/lib-shared/.eslintrc-auto-import.json
new file mode 100644
index 0000000..8086284
--- /dev/null
+++ b/frontend/packages/lib-shared/.eslintrc-auto-import.json
@@ -0,0 +1,74 @@
+{
+  "globals": {
+    "Component": true,
+    "ComponentPublicInstance": true,
+    "ComputedRef": true,
+    "DirectiveBinding": true,
+    "EffectScope": true,
+    "ExtractDefaultPropTypes": true,
+    "ExtractPropTypes": true,
+    "ExtractPublicPropTypes": true,
+    "InjectionKey": true,
+    "MaybeRef": true,
+    "MaybeRefOrGetter": true,
+    "PropType": true,
+    "Ref": true,
+    "VNode": true,
+    "WritableComputedRef": true,
+    "computed": true,
+    "createApp": true,
+    "customRef": true,
+    "defineAsyncComponent": true,
+    "defineComponent": true,
+    "effectScope": true,
+    "getCurrentInstance": true,
+    "getCurrentScope": true,
+    "h": true,
+    "inject": true,
+    "isProxy": true,
+    "isReactive": true,
+    "isReadonly": true,
+    "isRef": true,
+    "markRaw": true,
+    "nextTick": true,
+    "onActivated": true,
+    "onBeforeMount": true,
+    "onBeforeUnmount": true,
+    "onBeforeUpdate": true,
+    "onDeactivated": true,
+    "onErrorCaptured": true,
+    "onMounted": true,
+    "onRenderTracked": true,
+    "onRenderTriggered": true,
+    "onScopeDispose": true,
+    "onServerPrefetch": true,
+    "onUnmounted": true,
+    "onUpdated": true,
+    "onWatcherCleanup": true,
+    "provide": true,
+    "reactive": true,
+    "readonly": true,
+    "ref": true,
+    "resolveComponent": true,
+    "shallowReactive": true,
+    "shallowReadonly": true,
+    "shallowRef": true,
+    "toRaw": true,
+    "toRef": true,
+    "toRefs": true,
+    "toValue": true,
+    "triggerRef": true,
+    "unref": true,
+    "useAttrs": true,
+    "useCssModule": true,
+    "useCssVars": true,
+    "useId": true,
+    "useModel": true,
+    "useSlots": true,
+    "useTemplateRef": true,
+    "watch": true,
+    "watchEffect": true,
+    "watchPostEffect": true,
+    "watchSyncEffect": true
+  }
+}
diff --git a/frontend/packages/lib-shared/.eslintrc.cjs b/frontend/packages/lib-shared/.eslintrc.cjs
new file mode 100644
index 0000000..df8c217
--- /dev/null
+++ b/frontend/packages/lib-shared/.eslintrc.cjs
@@ -0,0 +1,140 @@
+// eslint-disable-next-line  @typescript-eslint/no-var-requires
+const path = require('path');
+
+module.exports = {
+  root: true,
+  parser: 'vue-eslint-parser',
+  parserOptions: {
+    // Parser that checks the content of the <script> tag
+    parser: '@typescript-eslint/parser',
+    sourceType: 'module',
+    ecmaVersion: 2020,
+    ecmaFeatures: {
+      jsx: true,
+    },
+  },
+  env: {
+    'browser': true,
+    'node': true,
+    'vue/setup-compiler-macros': true,
+  },
+  plugins: ['@typescript-eslint', 'simple-import-sort'],
+  extends: [
+    // Airbnb JavaScript Style Guide https://github.com/airbnb/javascript
+    'airbnb-base',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:import/recommended',
+    'plugin:import/typescript',
+    'plugin:vue/vue3-recommended',
+    'plugin:prettier/recommended',
+    './.eslintrc-auto-import.json',
+  ],
+  settings: {
+    'import/resolver': {
+      typescript: {
+        project: path.resolve(__dirname, './tsconfig.json'),
+      },
+    },
+  },
+  rules: {
+    'prettier/prettier': 1,
+    // Vue: Recommended rules to be closed or modify
+    'vue/require-default-prop': 0,
+    'vue/singleline-html-element-content-newline': 0,
+    'vue/max-attributes-per-line': 0,
+    // Vue: Add extra rules
+    'vue/custom-event-name-casing': [2, 'camelCase'],
+    'vue/no-v-text': 1,
+    'vue/padding-line-between-blocks': 1,
+    'vue/require-direct-export': 1,
+    'vue/multi-word-component-names': 0,
+    // Allow @ts-ignore comment
+    '@typescript-eslint/ban-ts-comment': 0,
+    '@typescript-eslint/no-unused-vars': 1,
+    '@typescript-eslint/no-empty-function': 1,
+    '@typescript-eslint/no-explicit-any': 0,
+    '@typescript-eslint/no-duplicate-enum-values': 0,
+    'consistent-return': 'off',
+    'vue/return-in-computed-property': ['off'],
+    'vue/no-side-effects-in-computed-properties': 'off',
+    'import/no-unresolved': [
+      'error',
+      {
+        ignore: ['^@lib/shared', '^@web/'],
+      },
+    ],
+    'import/extensions': [
+      2,
+      'ignorePackages',
+      {
+        js: 'never',
+        jsx: 'never',
+        ts: 'never',
+        tsx: 'never',
+      },
+    ],
+    'no-debugger': 2,
+    'no-param-reassign': 0,
+    'prefer-regex-literals': 0,
+    'import/no-extraneous-dependencies': 0,
+    'import/no-cycle': 'off',
+    'import/order': 'off',
+    'class-methods-use-this': 'off',
+    'global-require': 0,
+    'no-plusplus': 'off',
+    'no-underscore-dangle': 'off',
+    'vue/attributes-order': 1,
+    'simple-import-sort/exports': 'error',
+    'no-case-declarations': 'off',
+    // 调整导入语句的顺序
+    'simple-import-sort/imports': [
+      'error',
+      {
+        groups: [
+          [
+            '^vue$',
+            '^vue-router$',
+            '^vue-i18n$',
+            '^pinia$',
+            '^@vueuse/core$',
+            '^naive-ui$',
+            '^lodash-es$',
+            '^axios$',
+            '^dayjs$',
+            '^jsencrypt$',
+            '^echarts$',
+            '^localforage$',
+          ], // node依赖
+          ['.*/assets/.*', '^@/assets$'], // 项目静态资源
+          ['^@/components/pure/.*', '^@/components/business/.*', '.*\\.vue$'], // 组件
+          [
+            '^@/api($|/.*)',
+            '^@/config($|/.*)',
+            '^@/directive($|/.*)',
+            '^@/hooks($|/.*)',
+            '^@/locale($|/.*)',
+            '^@/router($|/.*)',
+            '^@/store($|/.*)',
+            '^@/utils($|/.*)',
+          ], // 项目公共模块
+          ['^@/models($|/.*)', '^@/enums($|/.*)'], // model、enum
+          ['^type'], // 第三方类型声明 or 全局类型声明
+        ],
+      },
+    ],
+  },
+  // 对特定文件进行配置
+  overrides: [
+    {
+      files: ['src/enums/**/*.ts'],
+      rules: {
+        'no-shadow': 'off', // eslint会报错提示重复声明，暂未找到问题原因，先关闭
+        // 可以在这里添加更多的规则禁用
+      },
+    },
+  ],
+  globals: {
+    // 在这里添加全局变量
+    NodeJS: 'readonly',
+  },
+};
diff --git a/frontend/packages/lib-shared/api/http/Axios.ts b/frontend/packages/lib-shared/api/http/Axios.ts
new file mode 100644
index 0000000..77b3d37
--- /dev/null
+++ b/frontend/packages/lib-shared/api/http/Axios.ts
@@ -0,0 +1,207 @@
+import { cloneDeep } from 'lodash-es';
+import axios from 'axios';
+
+import { ContentTypeEnum } from '../../enums/httpEnum';
+import { isFunction } from '../../method/is';
+import type { RequestOptions, Result, UploadFileParams } from '../../types/axios';
+import { AxiosCanceler } from './axiosCancel';
+import type { CreateAxiosOptions } from './axiosTransform';
+import type { AxiosError, AxiosInstance, AxiosRequestConfig, AxiosResponse, InternalAxiosRequestConfig } from 'axios';
+
+export * from './axiosTransform';
+
+/**
+ * @description:  封装axios请求，返回重新封装的数据格式
+ */
+export class CordysAxios {
+  public axiosInstance: AxiosInstance;
+
+  private readonly options: CreateAxiosOptions;
+
+  constructor(options: CreateAxiosOptions) {
+    this.options = options;
+    this.axiosInstance = axios.create(options);
+    this.setupInterceptors();
+  }
+
+  private getTransform() {
+    const { transform } = this.options;
+    return transform;
+  }
+
+  /**
+   * @description: 拦截器配置
+   */
+  private setupInterceptors() {
+    const transform = this.getTransform();
+    if (!transform) {
+      return;
+    }
+    const { requestInterceptors, responseInterceptors, responseInterceptorsCatch } = transform;
+
+    const axiosCanceler = new AxiosCanceler();
+
+    // TODO: 拦截配置升级了 请求拦截器
+    this.axiosInstance.interceptors.request.use((config: CreateAxiosOptions) => {
+      // 如果ignoreCancelToken为true，则不添加到pending中
+      const ignoreCancelToken = config.requestOptions?.ignoreCancelToken;
+      const ignoreCancel =
+        ignoreCancelToken !== undefined ? ignoreCancelToken : this.options.requestOptions?.ignoreCancelToken;
+
+      if (!ignoreCancel) {
+        axiosCanceler.addPending(config);
+      }
+      if (requestInterceptors && isFunction(requestInterceptors)) {
+        config = requestInterceptors(config, this.options);
+      }
+      // TODO: 拦截配置升级了，暂时 as 处理
+      return config as InternalAxiosRequestConfig;
+    }, undefined);
+
+    // 响应拦截器
+    this.axiosInstance.interceptors.response.use((res: AxiosResponse<any>) => {
+      if (res) {
+        axiosCanceler.removePending(res.config);
+      }
+      if (responseInterceptors && isFunction(responseInterceptors)) {
+        res = responseInterceptors(res);
+      }
+      return res;
+    }, undefined);
+
+    // 响应错误处理
+    if (responseInterceptorsCatch && isFunction(responseInterceptorsCatch)) {
+      this.axiosInstance.interceptors.response.use(undefined, responseInterceptorsCatch);
+    }
+  }
+
+  /**
+   * @description:  文件上传
+   */
+  uploadFile<T = any>(
+    config: AxiosRequestConfig & RequestOptions,
+    params: UploadFileParams,
+    customFileKey = '',
+    isMultiple = false
+  ): Promise<T> {
+    const formData = new window.FormData();
+    const fileName = isMultiple ? 'files' : 'file';
+    if (customFileKey !== '') {
+      params.fileList.forEach((file: File) => {
+        formData.append(customFileKey, file);
+      });
+    } else if (!isMultiple && !customFileKey) {
+      params.fileList.forEach((file: File) => {
+        formData.append(fileName, file);
+      });
+    } else {
+      params.fileList.forEach((item: any) => {
+        formData.append(fileName, item.file, item.file.name);
+      });
+    }
+    if (params.request) {
+      const requestData = JSON.stringify(params.request);
+      formData.append('request', new Blob([requestData], { type: ContentTypeEnum.JSON }));
+    }
+    const transform = this.getTransform();
+
+    const { requestOptions } = this.options;
+
+    const opt = { ...requestOptions, isTransformResponse: false };
+    const { transformRequestHook } = transform || {};
+    return new Promise((resolve, reject) => {
+      this.axiosInstance
+        .request<any, AxiosResponse<Result>>({
+          ...config,
+          method: 'POST',
+          data: formData,
+          headers: {
+            'Content-type': ContentTypeEnum.FORM_DATA,
+          },
+          // @ts-ignore
+          requestOptions: {
+            ignoreCancelToken: true, // 文件上传请求不需要添加到pending中，以免路由切换导致文件上传请求被取消
+          },
+        })
+        .then((res: AxiosResponse<Result>) => {
+          // 请求成功后的处理
+          if (transformRequestHook && isFunction(transformRequestHook)) {
+            try {
+              const ret = transformRequestHook(res, opt);
+              resolve(ret);
+            } catch (err) {
+              reject(err || new Error('request error!'));
+            }
+            return;
+          }
+          resolve(res as unknown as Promise<T>);
+        })
+        .catch((e: Error | AxiosError) => {
+          if (axios.isAxiosError(e)) {
+            // 在这可重写axios错误消息
+            // eslint-disable-next-line no-console
+            console.log(e);
+          }
+          reject(e);
+        });
+    });
+  }
+
+  get<T = any>(config: AxiosRequestConfig, options?: RequestOptions): Promise<T> {
+    return this.request({ ...config, method: 'GET' }, options);
+  }
+
+  post<T = any>(config: AxiosRequestConfig, options?: RequestOptions): Promise<T> {
+    return this.request({ ...config, method: 'POST' }, options);
+  }
+
+  put<T = any>(config: AxiosRequestConfig, options?: RequestOptions): Promise<T> {
+    return this.request({ ...config, method: 'PUT' }, options);
+  }
+
+  delete<T = any>(config: AxiosRequestConfig, options?: RequestOptions): Promise<T> {
+    return this.request({ ...config, method: 'DELETE' }, options);
+  }
+
+  request<T = any>(config: AxiosRequestConfig, options?: RequestOptions): Promise<T> {
+    let conf: CreateAxiosOptions = cloneDeep(config);
+    const transform = this.getTransform();
+
+    const { requestOptions } = this.options;
+
+    const opt = { ...requestOptions, ...options };
+
+    const { beforeRequestHook, transformRequestHook } = transform || {};
+    // 请求之前处理config
+    if (beforeRequestHook && isFunction(beforeRequestHook)) {
+      conf = beforeRequestHook(conf, opt);
+    }
+    conf.requestOptions = opt;
+
+    return new Promise((resolve, reject) => {
+      this.axiosInstance
+        .request<any, AxiosResponse<Result>>(conf)
+        .then((res: AxiosResponse<Result>) => {
+          // 请求成功后的处理
+          if (transformRequestHook && isFunction(transformRequestHook)) {
+            try {
+              const ret = transformRequestHook(res, opt);
+              resolve(ret);
+            } catch (err) {
+              reject(err || new Error('request error!'));
+            }
+            return;
+          }
+          resolve(res as unknown as Promise<T>);
+        })
+        .catch((e: Error | AxiosError) => {
+          if (axios.isAxiosError(e)) {
+            // 在这可重写axios错误消息
+            // eslint-disable-next-line no-console
+            console.log(e);
+          }
+          reject(e);
+        });
+    });
+  }
+}
diff --git a/frontend/packages/lib-shared/api/http/axiosCancel.ts b/frontend/packages/lib-shared/api/http/axiosCancel.ts
new file mode 100644
index 0000000..20c8397
--- /dev/null
+++ b/frontend/packages/lib-shared/api/http/axiosCancel.ts
@@ -0,0 +1,63 @@
+import axios from 'axios';
+
+import { isFunction } from '../../method/is';
+import type { AxiosRequestConfig, Canceler } from 'axios';
+
+let pendingMap = new Map<string, Canceler>();
+
+export const getPendingUrl = (config: AxiosRequestConfig) => [config.method, config.url].join('&');
+
+export class AxiosCanceler {
+  /**
+   * 添加请求
+   * @param {Object} config
+   */
+  addPending(config: AxiosRequestConfig) {
+    this.removePending(config);
+    const url = getPendingUrl(config);
+    config.cancelToken =
+      config.cancelToken ||
+      new axios.CancelToken((cancel) => {
+        if (!pendingMap.has(url)) {
+          // 非重复请求，存入pending中
+          pendingMap.set(url, cancel);
+        }
+      });
+  }
+
+  /**
+   * @description: 清理全部pending中的请求
+   */
+  removeAllPending() {
+    pendingMap.forEach((cancel) => {
+      if (cancel && isFunction(cancel)) {
+        cancel();
+      }
+    });
+    pendingMap.clear();
+  }
+
+  /**
+   * 取消并移除指定请求
+   * @param {Object} config
+   */
+  removePending(config: AxiosRequestConfig) {
+    const url = getPendingUrl(config);
+
+    if (pendingMap.has(url)) {
+      // 根据标识找到pending中对应的请求并取消
+      const cancel = pendingMap.get(url);
+      if (cancel && isFunction(cancel)) {
+        cancel(url);
+      }
+      pendingMap.delete(url);
+    }
+  }
+
+  /**
+   * @description: 重置pending列表
+   */
+  static reset(): void {
+    pendingMap = new Map<string, Canceler>();
+  }
+}
diff --git a/frontend/packages/lib-shared/api/http/axiosTransform.ts b/frontend/packages/lib-shared/api/http/axiosTransform.ts
new file mode 100644
index 0000000..f951487
--- /dev/null
+++ b/frontend/packages/lib-shared/api/http/axiosTransform.ts
@@ -0,0 +1,48 @@
+/**
+ * Data processing class, can be configured according to the project
+ */
+import type { RequestOptions, Result } from '../../types/axios';
+import type { AxiosRequestConfig, AxiosResponse } from 'axios';
+
+export abstract class AxiosTransform {
+  /**
+   * @description: 请求之前处理配置
+   */
+  beforeRequestHook?: (config: AxiosRequestConfig, options: RequestOptions) => AxiosRequestConfig;
+
+  /**
+   * @description: 处理请求数据。如果数据不是预期格式，可直接抛出错
+   */
+  transformRequestHook?: (res: AxiosResponse<Result>, options: RequestOptions) => any;
+
+  /**
+   * @description: 请求之前的拦截器
+   */
+  // eslint-disable-next-line no-use-before-define
+  requestInterceptors?: (config: AxiosRequestConfig, options: CreateAxiosOptions) => AxiosRequestConfig;
+
+  /**
+   * @description: 请求之后的拦截器
+   */
+  responseInterceptors?: (res: AxiosResponse<any>) => AxiosResponse<any>;
+
+  /**
+   * @description: 请求之后的拦截器错误处理
+   */
+  responseInterceptorsCatch?: (error: Error) => void;
+}
+
+export interface CreateAxiosOptions extends AxiosRequestConfig {
+  authenticationScheme?: string;
+  transform?: AxiosTransform;
+  requestOptions?: RequestOptions;
+  useAppStore?: any;
+  showErrorMsg?: (options: any) => void;
+  checkStatus?: (
+    status: number,
+    msg: string,
+    msgDetail: string | Record<string, any>,
+    code?: number,
+    noErrorTip?: boolean
+  ) => void;
+}
diff --git a/frontend/packages/lib-shared/api/http/helper.ts b/frontend/packages/lib-shared/api/http/helper.ts
new file mode 100644
index 0000000..77053de
--- /dev/null
+++ b/frontend/packages/lib-shared/api/http/helper.ts
@@ -0,0 +1,12 @@
+export function joinTimestamp<T extends boolean>(join: boolean, restful: T): T extends true ? string : object;
+
+export function joinTimestamp(join: boolean, restful = false): string | object {
+  if (!join) {
+    return restful ? '' : {};
+  }
+  const now = new Date().getTime();
+  if (restful) {
+    return `?_t=${now}`;
+  }
+  return { _t: now };
+}
diff --git a/frontend/packages/lib-shared/api/http/index.ts b/frontend/packages/lib-shared/api/http/index.ts
new file mode 100644
index 0000000..7d153bd
--- /dev/null
+++ b/frontend/packages/lib-shared/api/http/index.ts
@@ -0,0 +1,191 @@
+import { getLocalStorage } from '../../method/local-storage';
+import { CordysAxios } from './Axios';
+import type { AxiosTransform, CreateAxiosOptions } from './axiosTransform';
+import { joinTimestamp } from './helper';
+import { ContentTypeEnum, RequestEnum } from '@lib/shared/enums/httpEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+import { deepMerge, setObjToUrlParams } from '@lib/shared/method';
+import { getToken } from '@lib/shared/method/auth';
+import { isString } from '@lib/shared/method/is';
+import type CommonResponse from '@lib/shared/models/common';
+import type { RequestOptions, Result } from '@lib/shared/types/axios';
+import type { Recordable } from '@lib/shared/types/global';
+import type { AxiosResponse } from 'axios';
+
+export default function createAxios(opt: Partial<CreateAxiosOptions>) {
+  /**
+   * @description: 数据处理，方便区分多种处理方式
+   */
+  const transform: AxiosTransform = {
+    /**
+     * @description 请求之前处理config
+     */
+    beforeRequestHook: (config, options) => {
+      const { joinParamsToUrl, joinTime = true } = options;
+
+      const params = config.params || {};
+      const data = config.data || false;
+      if (config.method?.toUpperCase() === RequestEnum.GET) {
+        if (!isString(params)) {
+          // 给 get 请求加上时间戳参数，避免从缓存中拿数据。
+          config.params = Object.assign(params || {}, joinTimestamp(joinTime, false));
+        } else {
+          // 兼容restful风格
+          config.url = `${config.url}/${params}${joinTimestamp(joinTime, true)}`;
+          config.params = undefined;
+        }
+      } else if (isString(params)) {
+        // 兼容restful风格
+        config.url += params;
+        config.params = undefined;
+      } else {
+        if (
+          Reflect.has(config, 'data') &&
+          config.data &&
+          (Object.keys(config.data).length > 0 || Array.isArray(config.data))
+        ) {
+          config.data = data;
+          config.params = params;
+        } else {
+          // 非GET请求如果没有提供data，则将params视为data
+          config.data = { ...params };
+          config.params = undefined;
+        }
+        if (joinParamsToUrl) {
+          config.url = setObjToUrlParams(config.url as string, { ...config.params, ...config.data });
+        }
+      }
+      return config;
+    },
+
+    /**
+     * @description: 处理请求数据。如果数据不是预期格式，可直接抛出错误
+     */
+    transformRequestHook: (res: AxiosResponse<Result>, options: RequestOptions) => {
+      const { t } = useI18n();
+      const { isTransformResponse, isReturnNativeResponse } = options;
+      // 是否返回原生响应头 比如：需要获取响应头时使用该属性
+      if (isReturnNativeResponse) {
+        return res;
+      }
+      // 不进行任何处理，直接返回
+      // 用于页面代码可能需要直接获取code，data，message这些信息时开启
+      if (!isTransformResponse) {
+        return res.data;
+      }
+      // 错误的时候返回
+
+      const { data } = res;
+      if (!data) {
+        throw new Error(t('api.apiRequestFailed'));
+      }
+      //  这里 code，result，message为 后台统一的字段
+      const { data: dataResult } = data;
+
+      // 这里直接返回正常结果，因为拦截器已经拦截了非 200 的请求
+      return dataResult;
+    },
+
+    /**
+     * @description: 请求拦截器处理
+     */
+    requestInterceptors: (config) => {
+      // 请求之前处理config
+      const currentLocale = localStorage.getItem('CRM-locale') || 'zh-CN';
+      const app = getLocalStorage<Record<string, any>>('app', true);
+
+      const token = getToken();
+      if (token && (config as Recordable)?.requestOptions?.withToken !== false) {
+        const { sessionId, csrfToken } = token;
+
+        (config as Recordable).headers = {
+          ...config.headers,
+          'X-AUTH-TOKEN': sessionId,
+          'CSRF-TOKEN': csrfToken,
+          'Accept-Language': currentLocale,
+          'Organization-Id': app?.orgId,
+        };
+      }
+      return config;
+    },
+
+    /**
+     * @description: 响应拦截器处理
+     */
+    responseInterceptors: (res: AxiosResponse<CommonResponse<any>>) => {
+      return res;
+    },
+
+    /**
+     * @description: 响应错误处理
+     */
+    responseInterceptorsCatch: (error: any) => {
+      const { t } = useI18n();
+      const { response, code, message, config } = error || {};
+      const msg: string = response?.data?.message ?? '';
+      const msgDetail: string = response?.data?.messageDetail ?? '';
+      const err: string = error?.toString?.() ?? '';
+      let errMessage = '';
+
+      try {
+        if (code === 'ECONNABORTED' && message.indexOf('timeout') !== -1) {
+          errMessage = t('api.apiTimeoutMessage');
+        }
+        if (err?.includes('Network Error')) {
+          errMessage = t('api.networkExceptionMsg');
+        }
+
+        if (errMessage) {
+          opt.showErrorMsg?.({ message: errMessage, duration: 5000 });
+          return Promise.reject(error);
+        }
+      } catch (e) {
+        throw new Error(e as unknown as string);
+      }
+      opt.checkStatus?.(response?.status, msg, msgDetail, response?.data?.code, config?.requestOptions?.noErrorTip);
+      return Promise.reject(
+        response?.config?.requestOptions?.isReturnNativeResponse ? response?.data : response?.data?.message || error
+      );
+    },
+  };
+
+  return new CordysAxios(
+    deepMerge(
+      {
+        // See https://developer.mozilla.org/en-US/docs/Web/HTTP/Authentication#authentication_schemes
+        // authentication schemes，e.g: Bearer
+        // authenticationScheme: 'Bearer',
+        authenticationScheme: '',
+        baseURL: `${window.location.origin}/${import.meta.env.VITE_API_BASE_URL as string}`,
+        timeout: 300 * 1000,
+        headers: { 'Content-Type': ContentTypeEnum.JSON },
+        // 如果是form-data格式
+        // headers: { 'Content-Type': ContentTypeEnum.FORM_URLENCODED },
+        // 数据处理方式
+        transform,
+        // 配置项，下面的选项都可以在独立的接口请求中覆盖
+        requestOptions: {
+          // 默认将prefix 添加到url
+          joinPrefix: true,
+          // 是否返回原生响应头 比如：需要获取响应头时使用该属性
+          isReturnNativeResponse: false,
+          // 需要对返回数据进行处理
+          isTransformResponse: true,
+          // post请求的时候添加参数到url
+          joinParamsToUrl: false,
+          // 格式化提交参数时间
+          formatDate: true,
+          // 消息提示类型
+          errorMessageMode: 'message',
+          //  是否加入时间戳
+          joinTime: true,
+          // 忽略取消请求的token
+          ignoreCancelToken: false,
+          // 是否携带token
+          withToken: true,
+        },
+      },
+      opt || {}
+    )
+  );
+}
diff --git a/frontend/packages/lib-shared/api/modules/agent.ts b/frontend/packages/lib-shared/api/modules/agent.ts
new file mode 100644
index 0000000..e37ece6
--- /dev/null
+++ b/frontend/packages/lib-shared/api/modules/agent.ts
@@ -0,0 +1,177 @@
+import { ThirdPartyResourceConfig } from '@lib/shared/models/system/business';
+import type {
+  AddAgentModuleParams,
+  AddAgentParams,
+  AgentApplicationScript,
+  AgentModuleRenameParams,
+  AgentModuleTreeNode,
+  AgentPosParams,
+  AgentRenameParams,
+  AgentTableQueryParams,
+  ApplicationScriptParams,
+  UpdateAgentParams,
+} from '../../models/agent';
+import type { ModuleDragParams, TableQueryParams } from '../../models/common';
+import {
+  addAgentUrl,
+  agentApplicationUrl,
+  agentCollectPageUrl,
+  agentCollectUrl,
+  agentDeleteUrl,
+  agentDetailUrl,
+  agentModuleAddUrl,
+  agentModuleCountUrl,
+  agentModuleDeleteUrl,
+  agentModuleMoveUrl,
+  agentModuleRenameUrl,
+  agentModuleTreeUrl,
+  agentOptionUrl,
+  agentPageUrl,
+  agentPosUrl,
+  agentScriptUrl,
+  agentWorkspaceUrl,
+  getMkAgentVersionUrl,
+  getMkApplicationUrl,
+  renameAgentUrl,
+  unCollectAgentUrl,
+  updateAgentUrl,
+} from '../requrls/agent';
+import type { CrmTreeNodeData } from '@cordys/web/src/components/pure/crm-tree/type';
+import type { CordysAxios } from '@lib/shared/api/http/Axios';
+
+export default function useAgentApi(CDR: CordysAxios) {
+  // 智能体模块重命名
+  function agentModuleRename(data: AgentModuleRenameParams) {
+    return CDR.post({ url: agentModuleRenameUrl, data });
+  }
+
+  // 智能体模块移动
+  function agentModuleMove(data: ModuleDragParams) {
+    return CDR.post({ url: agentModuleMoveUrl, data });
+  }
+
+  // 智能体模块删除
+  function agentModuleDelete(ids: string[]) {
+    return CDR.post({ url: agentModuleDeleteUrl, data: ids });
+  }
+
+  // 添加智能体模块
+  function agentModuleAdd(data: AddAgentModuleParams) {
+    return CDR.post({ url: agentModuleAddUrl, data });
+  }
+
+  // 获取智能体模块树
+  function getAgentModuleTree() {
+    return CDR.get<CrmTreeNodeData<AgentModuleTreeNode>[]>({ url: agentModuleTreeUrl });
+  }
+
+  // 获取智能体模块树数量
+  function getAgentModuleTreeCount() {
+    return CDR.get<Record<string, number>>({ url: agentModuleCountUrl });
+  }
+
+  // 更新智能体
+  function updateAgent(data: UpdateAgentParams) {
+    return CDR.post({ url: updateAgentUrl, data });
+  }
+
+  // 智能体重命名
+  function agentRename(data: AgentRenameParams) {
+    return CDR.post({ url: renameAgentUrl, data });
+  }
+
+  // 获取智能体列表
+  function getAgentPage(data: AgentTableQueryParams) {
+    return CDR.post({ url: agentPageUrl, data });
+  }
+
+  // 获取智能体收藏列表
+  function getAgentCollectPage(data: TableQueryParams) {
+    return CDR.post({ url: agentCollectPageUrl, data });
+  }
+
+  // 添加智能体
+  function addAgent(data: AddAgentParams) {
+    return CDR.post({ url: addAgentUrl, data });
+  }
+
+  // 取消收藏智能体
+  function unCollectAgent(id: string) {
+    return CDR.get({ url: `${unCollectAgentUrl}/${id}` });
+  }
+
+  // 获取智能体详情
+  function getAgentDetail(id: string) {
+    return CDR.get({ url: `${agentDetailUrl}/${id}` });
+  }
+
+  // 删除智能体
+  function agentDelete(id: string) {
+    return CDR.get({ url: `${agentDeleteUrl}/${id}` });
+  }
+
+  // 收藏智能体
+  function agentCollect(id: string) {
+    return CDR.get({ url: `${agentCollectUrl}/${id}` });
+  }
+
+  // 获取智能体选项
+  function getAgentOptions() {
+    return CDR.get({ url: agentOptionUrl });
+  }
+
+  // 获取智能体应用
+  function agentApplicationOptions(workspaceId: string) {
+    return CDR.get<AgentModuleRenameParams[]>({ url: `${agentApplicationUrl}/${workspaceId}` });
+  }
+
+  // 获取工作空间
+  function agentWorkspaceOptions() {
+    return CDR.get<AgentModuleRenameParams[]>({ url: agentWorkspaceUrl });
+  }
+
+  // 获取工作空间应用脚本
+  function getApplicationScript(data: ApplicationScriptParams) {
+    return CDR.post<AgentApplicationScript>({ url: agentScriptUrl, data });
+  }
+
+  // 获取智能体mk版本
+  function getMkAgentVersion() {
+    return CDR.get<'PE' | 'EE'>({ url: getMkAgentVersionUrl }, { noErrorTip: true });
+  }
+
+  // 智能体排序
+  function agentPos(data: AgentPosParams) {
+    return CDR.post({ url: agentPosUrl, data });
+  }
+
+  // 获取智能体mk应用配置
+  function getMkApplication() {
+    return CDR.get<ThirdPartyResourceConfig>({ url: getMkApplicationUrl });
+  }
+
+  return {
+    agentModuleRename,
+    agentModuleMove,
+    agentModuleDelete,
+    agentModuleAdd,
+    getAgentModuleTree,
+    getAgentModuleTreeCount,
+    updateAgent,
+    agentRename,
+    getAgentPage,
+    getAgentCollectPage,
+    addAgent,
+    unCollectAgent,
+    getAgentDetail,
+    agentDelete,
+    agentCollect,
+    getAgentOptions,
+    agentApplicationOptions,
+    agentWorkspaceOptions,
+    getApplicationScript,
+    getMkAgentVersion,
+    agentPos,
+    getMkApplication,
+  };
+}
diff --git a/frontend/packages/lib-shared/api/modules/clue.ts b/frontend/packages/lib-shared/api/modules/clue.ts
new file mode 100644
index 0000000..c854b34
--- /dev/null
+++ b/frontend/packages/lib-shared/api/modules/clue.ts
@@ -0,0 +1,535 @@
+import type { CordysAxios } from '@lib/shared/api/http/Axios';
+import {
+  AddClueFollowPlanUrl,
+  AddClueFollowRecordUrl,
+  AddClueUrl,
+  AddClueViewUrl,
+  AddPoolLeadViewUrl,
+  AssignClueUrl,
+  BatchAssignClueUrl,
+  BatchDeleteCluePoolUrl,
+  BatchDeleteClueUrl,
+  BatchPickClueUrl,
+  BatchToPoolClueUrl,
+  BatchTransferClueUrl,
+  BatchUpdateCluePoolUrl,
+  BatchUpdateLeadUrl,
+  CancelClueFollowPlanUrl,
+  ClueTransitionCustomerUrl,
+  DeleteClueFollowPlanUrl,
+  DeleteClueFollowRecordUrl,
+  DeleteCluePoolUrl,
+  DeleteClueUrl,
+  DeleteClueViewUrl,
+  DeletePoolLeadViewUrl,
+  DownloadTemplateUrl,
+  DragClueViewUrl,
+  DragPoolLeadViewUrl,
+  EnableClueViewUrl,
+  EnablePoolLeadViewUrl,
+  ExportClueAllUrl,
+  ExportCluePoolAllUrl,
+  ExportCluePoolSelectedUrl,
+  ExportClueSelectedUrl,
+  FixedClueViewUrl,
+  FixedPoolLeadViewUrl,
+  GenerateLeadChartUrl,
+  GenerateLeadPoolChartUrl,
+  GetAdvancedCluePoolListUrl,
+  GetAdvancedSearchClueDetailUrl,
+  GetAdvancedSearchClueListUrl,
+  GetClueFollowPlanListUrl,
+  GetClueFollowPlanUrl,
+  GetClueFollowRecordListUrl,
+  GetClueFollowRecordUrl,
+  GetClueFormConfigUrl,
+  GetClueHeaderListUrl,
+  GetClueListUrl,
+  GetCluePoolFollowRecordListUrl,
+  GetCluePoolListUrl,
+  GetClueTabUrl,
+  GetClueTransitionCustomerListUrl,
+  GetClueUrl,
+  GetClueViewDetailUrl,
+  GetClueViewListUrl,
+  GetGlobalCluePoolListUrl,
+  GetGlobalSearchClueListUrl,
+  GetPoolClueUrl,
+  GetPoolLeadViewDetailUrl,
+  GetPoolLeadViewListUrl,
+  GetPoolOptionsUrl,
+  ImportLeadUrl,
+  MoveToPoolLeadUrl,
+  PickClueUrl,
+  PreCheckImportUrl,
+  ReTransitionCustomerUrl,
+  TransformClueUrl,
+  UpdateClueFollowPlanStatusUrl,
+  UpdateClueFollowPlanUrl,
+  UpdateClueFollowRecordUrl,
+  UpdateClueStatusUrl,
+  UpdateClueUrl,
+  UpdateClueViewUrl,
+  UpdatePoolLeadViewUrl,
+} from '@lib/shared/api/requrls/clue';
+import type {
+  AssignClueParams,
+  BatchAssignClueParams,
+  BatchPickClueParams,
+  ClueDetail,
+  ClueListItem,
+  CluePoolListItem,
+  CluePoolTableParams,
+  ClueTransitionCustomerParams,
+  ConvertClueParams,
+  PickClueParams,
+  SaveClueParams,
+  UpdateClueParams,
+} from '@lib/shared/models/clue';
+import type {
+  ChartResponseDataItem,
+  CommonList,
+  GenerateChartParams,
+  TableDraggedParams,
+  TableExportParams,
+  TableExportSelectedParams,
+} from '@lib/shared/models/common';
+import type {
+  BatchMoveToPublicPoolParams,
+  BatchUpdatePoolAccountParams,
+  CustomerContractTableParams,
+  CustomerFollowPlanTableParams,
+  CustomerFollowRecordTableParams,
+  CustomerTabHidden,
+  CustomerTableParams,
+  FollowDetailItem,
+  MoveToPublicPoolParams,
+  PoolTableExportParams,
+  SaveCustomerFollowPlanParams,
+  SaveCustomerFollowRecordParams,
+  TransferParams,
+  UpdateCustomerFollowPlanParams,
+  UpdateCustomerFollowRecordParams,
+  UpdateFollowPlanStatusParams,
+} from '@lib/shared/models/customer';
+import type { CluePoolItem, FormDesignConfigDetailParams } from '@lib/shared/models/system/module';
+import { ValidateInfo } from '@lib/shared/models/system/org';
+import type { ViewItem, ViewParams } from '@lib/shared/models/view';
+
+export default function useProductApi(CDR: CordysAxios) {
+  // 添加线索
+  function addClue(data: SaveClueParams) {
+    return CDR.post({ url: AddClueUrl, data });
+  }
+
+  // 更新线索
+  function updateClue(data: UpdateClueParams) {
+    return CDR.post({ url: UpdateClueUrl, data });
+  }
+
+  // 更新线索状态
+  function updateClueStatus(data: { id: string; stage: string }) {
+    return CDR.post({ url: UpdateClueStatusUrl, data });
+  }
+
+  // 获取线索列表
+  function getClueList(data: CustomerTableParams) {
+    return CDR.post<CommonList<ClueListItem>>({ url: GetClueListUrl, data });
+  }
+
+  // 获取线索转为客户列表
+  function getClueTransitionCustomerList(data: CustomerTableParams) {
+    return CDR.post<CommonList<ClueListItem>>({ url: GetClueTransitionCustomerListUrl, data });
+  }
+
+  // 批量转移线索
+  function batchTransferClue(data: TransferParams) {
+    return CDR.post({ url: BatchTransferClueUrl, data });
+  }
+
+  // 线索合并客户
+  function reTransitionCustomer(data: { clueIds: (string | number)[]; customerId: string }) {
+    return CDR.post({ url: ReTransitionCustomerUrl, data });
+  }
+
+  // 批量移入线索池
+  function batchToCluePool(data: BatchMoveToPublicPoolParams) {
+    return CDR.post({ url: BatchToPoolClueUrl, data });
+  }
+
+  // 移入线索池
+  function moveToLeadPool(data: MoveToPublicPoolParams) {
+    return CDR.post({ url: MoveToPoolLeadUrl, data });
+  }
+
+  // 导出全量线索池列表
+  function exportCluePoolAll(data: PoolTableExportParams) {
+    return CDR.post({ url: ExportCluePoolAllUrl, data });
+  }
+
+  // 导出选中线索池列表
+  function exportCluePoolSelected(data: TableExportSelectedParams) {
+    return CDR.post({ url: ExportCluePoolSelectedUrl, data });
+  }
+
+  // 批量删除线索
+  function batchDeleteClue(data: string[]) {
+    return CDR.post({ url: BatchDeleteClueUrl, data });
+  }
+
+  // 获取线索表单配置
+  function getClueFormConfig() {
+    return CDR.get<FormDesignConfigDetailParams>({ url: GetClueFormConfigUrl });
+  }
+
+  // 获取线索详情
+  function getClue(id: string) {
+    return CDR.get<ClueDetail>({ url: `${GetClueUrl}/${id}` });
+  }
+
+  // 删除线索
+  function deleteClue(id: string) {
+    return CDR.get({ url: `${DeleteClueUrl}/${id}` });
+  }
+
+  // 转为客户
+  function ClueTransitionCustomer(data: ClueTransitionCustomerParams) {
+    return CDR.post({ url: ClueTransitionCustomerUrl, data });
+  }
+
+  // 添加线索跟进记录
+  function addClueFollowRecord(data: SaveCustomerFollowRecordParams) {
+    return CDR.post({ url: AddClueFollowRecordUrl, data });
+  }
+
+  // 更新线索跟进记录
+  function updateClueFollowRecord(data: UpdateCustomerFollowRecordParams) {
+    return CDR.post({ url: UpdateClueFollowRecordUrl, data });
+  }
+
+  // 获取线索跟进记录列表
+  function getClueFollowRecordList(data: CustomerFollowRecordTableParams) {
+    return CDR.post<CommonList<FollowDetailItem>>({ url: GetClueFollowRecordListUrl, data });
+  }
+
+  // 删除线索跟进记录
+  function deleteClueFollowRecord(id: string) {
+    return CDR.get({ url: `${DeleteClueFollowRecordUrl}/${id}` });
+  }
+
+  // 获取线索跟进记录详情
+  function getClueFollowRecord(id: string) {
+    return CDR.get<FollowDetailItem>({ url: `${GetClueFollowRecordUrl}/${id}` });
+  }
+
+  // 添加线索跟进计划
+  function addClueFollowPlan(data: SaveCustomerFollowPlanParams) {
+    return CDR.post({ url: AddClueFollowPlanUrl, data });
+  }
+
+  // 更新线索跟进计划
+  function updateClueFollowPlan(data: UpdateCustomerFollowPlanParams) {
+    return CDR.post({ url: UpdateClueFollowPlanUrl, data });
+  }
+
+  // 删除线索跟进计划
+  function deleteClueFollowPlan(id: string) {
+    return CDR.get({ url: `${DeleteClueFollowPlanUrl}/${id}` });
+  }
+
+  // 获取线索跟进计划列表
+  function getClueFollowPlanList(data: CustomerFollowPlanTableParams) {
+    return CDR.post<CommonList<FollowDetailItem>>({ url: GetClueFollowPlanListUrl, data });
+  }
+
+  // 获取线索跟进计划详情
+  function getClueFollowPlan(id: string) {
+    return CDR.get<FollowDetailItem>({ url: `${GetClueFollowPlanUrl}/${id}` });
+  }
+
+  // 取消跟进计划
+  function cancelClueFollowPlan(id: string) {
+    return CDR.get({ url: `${CancelClueFollowPlanUrl}/${id}` });
+  }
+
+  // 获取线索负责人列表
+  function getClueHeaderList(data: CustomerContractTableParams) {
+    return CDR.get({ url: `${GetClueHeaderListUrl}/${data.sourceId}` });
+  }
+
+  // 线索池领取线索
+  function pickClue(data: PickClueParams) {
+    return CDR.post({ url: PickClueUrl, data });
+  }
+
+  // 获取线索池线索列表
+  function getCluePoolList(data: CluePoolTableParams) {
+    return CDR.post<CommonList<CluePoolListItem>>({ url: GetCluePoolListUrl, data });
+  }
+
+  // 批量领取线索池线索
+  function batchPickClue(data: BatchPickClueParams) {
+    return CDR.post({ url: BatchPickClueUrl, data });
+  }
+
+  // 批量删除线索池线索
+  function batchDeleteCluePool(data: string[]) {
+    return CDR.post({ url: BatchDeleteCluePoolUrl, data });
+  }
+
+  // 批量分配线索池线索
+  function batchAssignClue(data: BatchAssignClueParams) {
+    return CDR.post({ url: BatchAssignClueUrl, data });
+  }
+
+  // 批量更新线索池线索
+  function batchUpdateCluePool(data: BatchUpdatePoolAccountParams) {
+    return CDR.post({ url: BatchUpdateCluePoolUrl, data });
+  }
+
+  // 分配线索池线索
+  function assignClue(data: AssignClueParams) {
+    return CDR.post({ url: AssignClueUrl, data });
+  }
+
+  // 获取当前用户线索池选项
+  function getPoolOptions() {
+    return CDR.get<CluePoolItem[]>({ url: GetPoolOptionsUrl });
+  }
+
+  // 删除线索池线索
+  function deleteCluePool(id: string) {
+    return CDR.get({ url: `${DeleteCluePoolUrl}/${id}` });
+  }
+
+  // 获取线索池跟进记录列表
+  function getCluePoolFollowRecordList(data: CustomerFollowRecordTableParams) {
+    return CDR.post<CommonList<FollowDetailItem>>({ url: GetCluePoolFollowRecordListUrl, data });
+  }
+
+  // 获取线索池详情
+  function getPoolClue(id: string) {
+    return CDR.get<ClueDetail>({ url: `${GetPoolClueUrl}/${id}` });
+  }
+
+  // 生成线索池图表
+  function generateLeadPoolChart(data: GenerateChartParams) {
+    return CDR.post<ChartResponseDataItem[]>({ url: GenerateLeadPoolChartUrl, data });
+  }
+
+  // 获取线索tab显隐藏
+  function getClueTab() {
+    return CDR.get<CustomerTabHidden>({ url: GetClueTabUrl });
+  }
+
+  // 更新线索跟进计划状态
+  function updateClueFollowPlanStatus(data: UpdateFollowPlanStatusParams) {
+    return CDR.post({ url: UpdateClueFollowPlanStatusUrl, data });
+  }
+
+  // 导出全量线索列表
+  function exportClueAll(data: TableExportParams) {
+    return CDR.post({ url: ExportClueAllUrl, data });
+  }
+
+  // 导出选中线索列表
+  function exportClueSelected(data: TableExportSelectedParams) {
+    return CDR.post({ url: ExportClueSelectedUrl, data });
+  }
+
+  // 转换线索
+  function transformClue(data: ConvertClueParams) {
+    return CDR.post({ url: TransformClueUrl, data });
+  }
+
+  // 生成线索图表
+  function generateLeadChart(data: GenerateChartParams) {
+    return CDR.post<ChartResponseDataItem[]>({ url: GenerateLeadChartUrl, data });
+  }
+
+  // 视图
+  function addClueView(data: ViewParams) {
+    return CDR.post({ url: AddClueViewUrl, data });
+  }
+
+  function updateClueView(data: ViewParams) {
+    return CDR.post({ url: UpdateClueViewUrl, data });
+  }
+
+  function getClueViewList() {
+    return CDR.get<ViewItem[]>({ url: GetClueViewListUrl });
+  }
+
+  function getClueViewDetail(id: string) {
+    return CDR.get({ url: `${GetClueViewDetailUrl}/${id}` });
+  }
+
+  function fixedClueView(id: string) {
+    return CDR.get({ url: `${FixedClueViewUrl}/${id}` });
+  }
+
+  function enableClueView(id: string) {
+    return CDR.get({ url: `${EnableClueViewUrl}/${id}` });
+  }
+
+  function deleteClueView(id: string) {
+    return CDR.get({ url: `${DeleteClueViewUrl}/${id}` });
+  }
+
+  function dragClueView(data: TableDraggedParams) {
+    return CDR.post({ url: DragClueViewUrl, data });
+  }
+
+  function preCheckImportLead(file: File) {
+    return CDR.uploadFile<{ data: ValidateInfo }>({ url: PreCheckImportUrl }, { fileList: [file] }, 'file');
+  }
+
+  function downloadLeadTemplate() {
+    return CDR.get(
+      {
+        url: DownloadTemplateUrl,
+        responseType: 'blob',
+      },
+      { isTransformResponse: false, isReturnNativeResponse: true }
+    );
+  }
+
+  function importLead(file: File) {
+    return CDR.uploadFile({ url: ImportLeadUrl }, { fileList: [file] }, 'file');
+  }
+
+  function getAdvancedSearchClueList(data: CustomerTableParams) {
+    return CDR.post<CommonList<ClueListItem>>({ url: GetAdvancedSearchClueListUrl, data }, { ignoreCancelToken: true });
+  }
+
+  function getAdvancedSearchClueDetail(data: CustomerTableParams) {
+    return CDR.post<CommonList<ClueListItem>>({ url: GetAdvancedSearchClueDetailUrl, data });
+  }
+
+  function getAdvancedCluePoolList(data: CluePoolTableParams) {
+    return CDR.post<CommonList<CluePoolListItem>>(
+      { url: GetAdvancedCluePoolListUrl, data },
+      { ignoreCancelToken: true }
+    );
+  }
+
+  function getGlobalSearchClueList(data: CustomerTableParams) {
+    return CDR.post<CommonList<ClueListItem>>({ url: GetGlobalSearchClueListUrl, data }, { ignoreCancelToken: true });
+  }
+
+  function getGlobalCluePoolList(data: CluePoolTableParams) {
+    return CDR.post<CommonList<CluePoolListItem>>({ url: GetGlobalCluePoolListUrl, data }, { ignoreCancelToken: true });
+  }
+
+  // 线索池视图
+  function addLeadPoolView(data: ViewParams) {
+    return CDR.post({ url: AddPoolLeadViewUrl, data });
+  }
+
+  function updateLeadPoolView(data: ViewParams) {
+    return CDR.post({ url: UpdatePoolLeadViewUrl, data });
+  }
+
+  function getLeadPoolViewList() {
+    return CDR.get<ViewItem[]>({ url: GetPoolLeadViewListUrl });
+  }
+
+  function getLeadPoolViewDetail(id: string) {
+    return CDR.get({ url: `${GetPoolLeadViewDetailUrl}/${id}` });
+  }
+
+  function fixedLeadPoolView(id: string) {
+    return CDR.get({ url: `${FixedPoolLeadViewUrl}/${id}` });
+  }
+
+  function enableLeadPoolView(id: string) {
+    return CDR.get({ url: `${EnablePoolLeadViewUrl}/${id}` });
+  }
+
+  function deleteLeadPoolView(id: string) {
+    return CDR.get({ url: `${DeletePoolLeadViewUrl}/${id}` });
+  }
+
+  function dragLeadPoolView(data: TableDraggedParams) {
+    return CDR.post({ url: DragPoolLeadViewUrl, data });
+  }
+
+  // 批量更新线索
+  function batchUpdateLead(data: BatchUpdatePoolAccountParams) {
+    return CDR.post({ url: BatchUpdateLeadUrl, data });
+  }
+
+  return {
+    addClue,
+    updateClue,
+    updateClueStatus,
+    getClueList,
+    batchTransferClue,
+    batchToCluePool,
+    batchDeleteClue,
+    getClueFormConfig,
+    getClue,
+    deleteClue,
+    ClueTransitionCustomer,
+    addClueFollowRecord,
+    updateClueFollowRecord,
+    getClueFollowRecordList,
+    deleteClueFollowRecord,
+    getClueFollowRecord,
+    addClueFollowPlan,
+    updateClueFollowPlan,
+    deleteClueFollowPlan,
+    getClueFollowPlanList,
+    getClueFollowPlan,
+    cancelClueFollowPlan,
+    getClueHeaderList,
+    pickClue,
+    getCluePoolList,
+    batchPickClue,
+    batchDeleteCluePool,
+    batchAssignClue,
+    assignClue,
+    getPoolOptions,
+    deleteCluePool,
+    getCluePoolFollowRecordList,
+    getPoolClue,
+    getClueTab,
+    updateClueFollowPlanStatus,
+    exportClueAll,
+    exportClueSelected,
+    getClueTransitionCustomerList,
+    reTransitionCustomer,
+    moveToLeadPool,
+    addClueView,
+    deleteClueView,
+    fixedClueView,
+    getClueViewDetail,
+    getClueViewList,
+    updateClueView,
+    enableClueView,
+    dragClueView,
+    preCheckImportLead,
+    downloadLeadTemplate,
+    importLead,
+    getAdvancedSearchClueList,
+    getAdvancedCluePoolList,
+    getAdvancedSearchClueDetail,
+    getGlobalCluePoolList,
+    getGlobalSearchClueList,
+    exportCluePoolAll,
+    exportCluePoolSelected,
+    transformClue,
+    batchUpdateCluePool,
+    addLeadPoolView,
+    deleteLeadPoolView,
+    fixedLeadPoolView,
+    getLeadPoolViewDetail,
+    getLeadPoolViewList,
+    updateLeadPoolView,
+    enableLeadPoolView,
+    dragLeadPoolView,
+    batchUpdateLead,
+    generateLeadChart,
+    generateLeadPoolChart,
+  };
+}
diff --git a/frontend/packages/lib-shared/api/modules/contract.ts b/frontend/packages/lib-shared/api/modules/contract.ts
new file mode 100644
index 0000000..a9440a4
--- /dev/null
+++ b/frontend/packages/lib-shared/api/modules/contract.ts
@@ -0,0 +1,901 @@
+import type { CordysAxios } from '@lib/shared/api/http/Axios';
+import type { FormDesignConfigDetailParams } from '@lib/shared/models/system/module';
+import type { TableQueryParams } from '@lib/shared/models/common';
+import { ValidateInfo } from '@lib/shared/models/system/org';
+
+import {
+  ContractPageUrl,
+  ContractAddUrl,
+  ContractUpdateUrl,
+  ContractDeleteUrl,
+  GetContractDetailUrl,
+  GetContractFormConfigUrl,
+  GetContractTabUrl,
+  ChangeContractStatusUrl,
+  GetContractFormSnapshotConfigUrl,
+  ExportContractAllUrl,
+  ExportContractSelectedUrl,
+  GenerateContractChartUrl,
+  AddContractViewUrl,
+  UpdateContractViewUrl,
+  GetContractViewListUrl,
+  GetContractViewDetailUrl,
+  FixedContractViewUrl,
+  EnableContractViewUrl,
+  DeleteContractViewUrl,
+  DragContractViewUrl,
+  PaymentPlanPageUrl,
+  PaymentPlanAddUrl,
+  ContractPaymentPlanPageUrl,
+  PaymentPlanUpdateUrl,
+  PaymentPlanDeleteUrl,
+  GetPaymentPlanDetailUrl,
+  GetPaymentPlanFormConfigUrl,
+  GetPaymentPlanTabUrl,
+  ExportPaymentPlanAllUrl,
+  ExportPaymentPlanSelectedUrl,
+  GeneratePaymentPlanChartUrl,
+  AddPaymentPlanViewUrl,
+  UpdatePaymentPlanViewUrl,
+  GetPaymentPlanViewListUrl,
+  GetPaymentPlanViewDetailUrl,
+  FixedPaymentPlanViewUrl,
+  EnablePaymentPlanViewUrl,
+  DeletePaymentPlanViewUrl,
+  DragPaymentPlanViewUrl,
+  BatchApproveContractUrl,
+  BatchUpdateContractUrl,
+  ApproveContractUrl,
+  RevokeContractUrl,
+  PaymentRecordPageUrl,
+  PaymentRecordAddUrl,
+  PaymentRecordUpdateUrl,
+  PaymentRecordDeleteUrl,
+  GetPaymentRecordDetailUrl,
+  GetPaymentRecordFormConfigUrl,
+  GetPaymentRecordTabUrl,
+  ExportPaymentRecordAllUrl,
+  ExportPaymentRecordSelectedUrl,
+  AddPaymentRecordViewUrl,
+  UpdatePaymentRecordViewUrl,
+  GetPaymentRecordViewListUrl,
+  GetPaymentRecordViewDetailUrl,
+  FixedPaymentRecordViewUrl,
+  EnablePaymentRecordViewUrl,
+  DeletePaymentRecordViewUrl,
+  DragPaymentRecordViewUrl,
+  PreCheckPaymentRecordImportUrl,
+  DownloadPaymentRecordTemplateUrl,
+  ImportPaymentRecordUrl,
+  DownloadBusinessTitleTemplateUrl,
+  ImportBusinessTitleUrl,
+  PreCheckBusinessTitleImportUrl,
+  BusinessTitlePageUrl,
+  BusinessTitleAddUrl,
+  BusinessTitleUpdateUrl,
+  BusinessTitleDeleteUrl,
+  GetBusinessTitleDetailUrl,
+  BusinessTitleRevokeUrl,
+  GetBusinessTitleInvoiceCheckUrl,
+  ExportBusinessTitleSelectedUrl,
+  ExportBusinessTitleAllUrl,
+  GetBusinessTitleThirdQueryUrl,
+  GetBusinessTitleThirdQueryOptionUrl,
+  BusinessTitleConfigUrl,
+  BusinessTitleFormConfigSwitchUrl,
+  ContractInvoicedAddUrl,
+  ContractInvoicedUpdateUrl,
+  ContractInvoicedApprovalUrl,
+  ContractInvoicedDeleteUrl,
+  ContractInvoicedBatchDeleteUrl,
+  ContractInvoicedDetailUrl,
+  ContractInvoicedExportAllUrl,
+  ContractInvoicedExportSelectedUrl,
+  ContractInvoicedFormConfigSnapshotUrl,
+  ContractInvoicedFormConfigUrl,
+  ContractInvoicedPageUrl,
+  ContractInvoicedRevokeUrl,
+  ContractInvoicedTabUrl,
+  DeleteContractInvoicedViewUrl,
+  DragContractInvoicedViewUrl,
+  EnableContractInvoicedViewUrl,
+  FixedContractInvoicedViewUrl,
+  GetContractInvoicedViewDetailUrl,
+  ListContractInvoicedViewUrl,
+  UpdateContractInvoicedViewUrl,
+  AddContractInvoicedViewUrl,
+  BusinessTitleModuleFormUrl,
+  ContractInvoicedInContractPageUrl,
+  GetContractDetailSnapshotUrl,
+  ContractInvoicedDetailSnapshotUrl,
+  ContractStatisticUrl,
+  SortContractUrl,
+  GetPaymentRecordStatisticUrl,
+  UpdateContractStatusUrl,
+  UpdateContractStatusRollbackUrl,
+  SortContractStatusUrl,
+  AddContractStatusUrl,
+  GetContractStatusConfigUrl,
+  DeleteContractStatusUrl,
+  UpdateContractStageUrl,
+  SwitchContractCirculationTypeUrl,
+  SaveContractCirculationConfigUrl,
+} from '@lib/shared/api/requrls/contract';
+import type { CustomerTabHidden } from '@lib/shared/models/customer';
+import type {
+  ChartResponseDataItem,
+  CommonList,
+  GenerateChartParams,
+  TableDraggedParams,
+  TableExportParams,
+  TableExportSelectedParams,
+} from '@lib/shared/models/common';
+import type { ViewItem, ViewParams } from '@lib/shared/models/view';
+import type {
+  ContractDetail,
+  ContractItem,
+  SaveContractParams,
+  UpdateContractParams,
+  PaymentPlanItem,
+  PaymentPlanDetail,
+  SavePaymentPlanParams,
+  UpdatePaymentPlanParams,
+  ApprovalContractParams,
+  PaymentRecordItem,
+  PaymentRecordDetail,
+  SavePaymentRecordParams,
+  UpdatePaymentRecordParams,
+  BusinessTitleItem,
+  SaveBusinessTitleParams,
+  BusinessTitleValidateConfig,
+  ContractInvoiceTableQueryParam,
+  ContractInvoiceItem,
+  SaveContractInvoiceParams,
+  UpdateContractInvoiceParams,
+  ContractInvoiceDetail,
+} from '@lib/shared/models/contract';
+import type {
+  BatchOperationResult,
+  BatchUpdateQuotationStatusParams,
+  SaveCirculationConfigParams,
+  UpdateStageParams,
+  StageBoardDraggedParams,
+  StageBoardPageQueryParams,
+} from '@lib/shared/models/opportunity';
+import type { BatchUpdatePoolAccountParams } from '@lib/shared/models/customer';
+import {
+  StageBaseParams,
+  OpportunityStageConfig,
+  UpdateOpportunityStageRollbackParams,
+  UpdateStageBaseParams,
+} from '@lib/shared/models/opportunity';
+import type { CirculationTypeEnum } from '@lib/shared/enums/opportunityEnum';
+export default function useContractApi(CDR: CordysAxios) {
+  // 合同列表
+  function getContractList(data: StageBoardPageQueryParams) {
+    return CDR.post<CommonList<ContractItem>>({ url: ContractPageUrl, data }, { ignoreCancelToken: true });
+  }
+
+  // 合同看板拖拽排序
+  function sortContract(data: StageBoardDraggedParams) {
+    return CDR.post({ url: SortContractUrl, data });
+  }
+
+  // 添加合同
+  function addContract(data: SaveContractParams) {
+    return CDR.post({ url: ContractAddUrl, data });
+  }
+
+  // 更新合同
+  function updateContract(data: UpdateContractParams, approvalTaskId?: string) {
+    return CDR.post({ url: ContractUpdateUrl, data, params: { approvalTaskId } });
+  }
+
+  // 删除合同
+  function deleteContract(id: string) {
+    return CDR.get({ url: `${ContractDeleteUrl}/${id}` });
+  }
+
+  // 合同详情
+  function getContractDetail(id: string, approvalTaskId?: string) {
+    return CDR.get<ContractDetail>({ url: `${GetContractDetailUrl}/${id}`, params: { approvalTaskId } });
+  }
+
+  // 合同详情快照
+  function getContractDetailSnapshot(id: string, approvalTaskId?: string) {
+    return CDR.get<ContractDetail>({ url: `${GetContractDetailSnapshotUrl}/${id}`, params: { approvalTaskId } });
+  }
+
+  // 获取合同表单配置
+  function getContractFormConfig() {
+    return CDR.get<FormDesignConfigDetailParams>({
+      url: GetContractFormConfigUrl,
+    });
+  }
+
+  function getContractFormSnapshotConfig(id?: string, approvalTaskId?: string) {
+    return CDR.get<FormDesignConfigDetailParams>({
+      url: `${GetContractFormSnapshotConfigUrl}/${id}`,
+      params: { approvalTaskId },
+    });
+  }
+
+  function changeContractStatus(data: UpdateStageParams) {
+    return CDR.post({ url: `${ChangeContractStatusUrl}`, data });
+  }
+
+  // 获取合同tab显隐藏
+  function getContractTab() {
+    return CDR.get<CustomerTabHidden>({ url: GetContractTabUrl });
+  }
+
+  // 导出全量合同列表
+  function exportContractAll(data: TableExportParams) {
+    return CDR.post({ url: ExportContractAllUrl, data });
+  }
+
+  // 导出选中合同列表
+  function exportContractSelected(data: TableExportSelectedParams) {
+    return CDR.post({ url: ExportContractSelectedUrl, data });
+  }
+
+  // 生成合同图表
+  function generateContractChart(data: GenerateChartParams) {
+    return CDR.post<ChartResponseDataItem[]>({
+      url: GenerateContractChartUrl,
+      data,
+    });
+  }
+
+  function batchApproveContract(data: BatchUpdateQuotationStatusParams) {
+    return CDR.post<BatchOperationResult>({ url: BatchApproveContractUrl, data });
+  }
+
+  function batchUpdateContract(data: BatchUpdatePoolAccountParams) {
+    return CDR.post({ url: BatchUpdateContractUrl, data });
+  }
+
+  function approvalContract(data: ApprovalContractParams) {
+    return CDR.post({ url: ApproveContractUrl, data });
+  }
+
+  function revokeContract(id: string) {
+    return CDR.get({ url: `${RevokeContractUrl}/${id}` });
+  }
+
+  // 视图
+  function addContractView(data: ViewParams) {
+    return CDR.post({ url: AddContractViewUrl, data });
+  }
+
+  function updateContractView(data: ViewParams) {
+    return CDR.post({ url: UpdateContractViewUrl, data });
+  }
+
+  function getContractViewList() {
+    return CDR.get<ViewItem[]>({ url: GetContractViewListUrl });
+  }
+
+  function getContractViewDetail(id: string) {
+    return CDR.get({ url: `${GetContractViewDetailUrl}/${id}` });
+  }
+
+  function fixedContractView(id: string) {
+    return CDR.get({ url: `${FixedContractViewUrl}/${id}` });
+  }
+
+  function enableContractView(id: string) {
+    return CDR.get({ url: `${EnableContractViewUrl}/${id}` });
+  }
+
+  function deleteContractView(id: string) {
+    return CDR.get({ url: `${DeleteContractViewUrl}/${id}` });
+  }
+
+  function dragContractView(data: TableDraggedParams) {
+    return CDR.post({ url: DragContractViewUrl, data });
+  }
+
+  // 回款计划列表
+  function getPaymentPlanList(data: TableQueryParams) {
+    return CDR.post<CommonList<PaymentPlanItem>>({ url: PaymentPlanPageUrl, data });
+  }
+
+  function getContractPaymentPlanList(data: TableQueryParams) {
+    return CDR.post<CommonList<PaymentPlanItem>>({ url: ContractPaymentPlanPageUrl, data });
+  }
+
+  // 添加回款计划
+  function addPaymentPlan(data: SavePaymentPlanParams) {
+    return CDR.post({ url: PaymentPlanAddUrl, data });
+  }
+
+  // 更新回款计划
+  function updatePaymentPlan(data: UpdatePaymentPlanParams) {
+    return CDR.post({ url: PaymentPlanUpdateUrl, data });
+  }
+
+  // 删除回款计划
+  function deletePaymentPlan(id: string) {
+    return CDR.get({ url: `${PaymentPlanDeleteUrl}/${id}` });
+  }
+
+  // 回款计划详情
+  function getPaymentPlanDetail(id: string) {
+    return CDR.get<PaymentPlanDetail>({ url: `${GetPaymentPlanDetailUrl}/${id}` });
+  }
+
+  // 获取回款计划表单配置
+  function getPaymentPlanFormConfig() {
+    return CDR.get<FormDesignConfigDetailParams>({
+      url: GetPaymentPlanFormConfigUrl,
+    });
+  }
+
+  // 获取回款计划 tab 显隐
+  function getPaymentPlanTab() {
+    return CDR.get<CustomerTabHidden>({ url: GetPaymentPlanTabUrl });
+  }
+
+  // 导出全量回款计划
+  function exportPaymentPlanAll(data: TableExportParams) {
+    return CDR.post({ url: ExportPaymentPlanAllUrl, data });
+  }
+
+  // 导出选中回款计划
+  function exportPaymentPlanSelected(data: TableExportSelectedParams) {
+    return CDR.post({ url: ExportPaymentPlanSelectedUrl, data });
+  }
+
+  // 生成回款计划图表
+  function generatePaymentPlanChart(data: GenerateChartParams) {
+    return CDR.post<ChartResponseDataItem[]>({
+      url: GeneratePaymentPlanChartUrl,
+      data,
+    });
+  }
+
+  // 添加视图
+  function addPaymentPlanView(data: ViewParams) {
+    return CDR.post({ url: AddPaymentPlanViewUrl, data });
+  }
+
+  // 更新视图
+  function updatePaymentPlanView(data: ViewParams) {
+    return CDR.post({ url: UpdatePaymentPlanViewUrl, data });
+  }
+
+  // 获取视图列表
+  function getPaymentPlanViewList() {
+    return CDR.get<ViewItem[]>({ url: GetPaymentPlanViewListUrl });
+  }
+
+  // 获取视图详情
+  function getPaymentPlanViewDetail(id: string) {
+    return CDR.get({ url: `${GetPaymentPlanViewDetailUrl}/${id}` });
+  }
+
+  // 固定视图
+  function fixedPaymentPlanView(id: string) {
+    return CDR.get({ url: `${FixedPaymentPlanViewUrl}/${id}` });
+  }
+
+  // 启用视图
+  function enablePaymentPlanView(id: string) {
+    return CDR.get({ url: `${EnablePaymentPlanViewUrl}/${id}` });
+  }
+
+  // 删除视图
+  function deletePaymentPlanView(id: string) {
+    return CDR.get({ url: `${DeletePaymentPlanViewUrl}/${id}` });
+  }
+
+  // 拖拽排序视图
+  function dragPaymentPlanView(data: TableDraggedParams) {
+    return CDR.post({ url: DragPaymentPlanViewUrl, data });
+  }
+
+  // 回款记录列表
+  function getPaymentRecordList(data: TableQueryParams) {
+    return CDR.post<CommonList<PaymentRecordItem>>({ url: PaymentRecordPageUrl, data }, { ignoreCancelToken: true });
+  }
+
+  // 添加回款记录
+  function addPaymentRecord(data: SavePaymentRecordParams) {
+    return CDR.post({ url: PaymentRecordAddUrl, data });
+  }
+
+  // 更新回款记录
+  function updatePaymentRecord(data: UpdatePaymentRecordParams) {
+    return CDR.post({ url: PaymentRecordUpdateUrl, data });
+  }
+
+  // 删除回款记录
+  function deletePaymentRecord(id: string) {
+    return CDR.get({ url: `${PaymentRecordDeleteUrl}/${id}` });
+  }
+
+  // 回款记录详情
+  function getPaymentRecordDetail(id: string) {
+    return CDR.get<PaymentRecordDetail>({ url: `${GetPaymentRecordDetailUrl}/${id}` });
+  }
+
+  // 获取回款记录表单配置
+  function getPaymentRecordFormConfig() {
+    return CDR.get<FormDesignConfigDetailParams>({
+      url: GetPaymentRecordFormConfigUrl,
+    });
+  }
+
+  // 获取回款记录 tab 显隐
+  function getPaymentRecordTab() {
+    return CDR.get<CustomerTabHidden>({ url: GetPaymentRecordTabUrl });
+  }
+
+  // 导出全量回款记录
+  function exportPaymentRecordAll(data: TableExportParams) {
+    return CDR.post({ url: ExportPaymentRecordAllUrl, data });
+  }
+
+  // 导出选中回款记录
+  function exportPaymentRecordSelected(data: TableExportSelectedParams) {
+    return CDR.post({ url: ExportPaymentRecordSelectedUrl, data });
+  }
+
+  // 添加视图
+  function addPaymentRecordView(data: ViewParams) {
+    return CDR.post({ url: AddPaymentRecordViewUrl, data });
+  }
+
+  // 更新视图
+  function updatePaymentRecordView(data: ViewParams) {
+    return CDR.post({ url: UpdatePaymentRecordViewUrl, data });
+  }
+
+  // 获取视图列表
+  function getPaymentRecordViewList() {
+    return CDR.get<ViewItem[]>({ url: GetPaymentRecordViewListUrl });
+  }
+
+  // 获取视图详情
+  function getPaymentRecordViewDetail(id: string) {
+    return CDR.get({ url: `${GetPaymentRecordViewDetailUrl}/${id}` });
+  }
+
+  // 固定视图
+  function fixedPaymentRecordView(id: string) {
+    return CDR.get({ url: `${FixedPaymentRecordViewUrl}/${id}` });
+  }
+
+  // 启用视图
+  function enablePaymentRecordView(id: string) {
+    return CDR.get({ url: `${EnablePaymentRecordViewUrl}/${id}` });
+  }
+
+  // 删除视图
+  function deletePaymentRecordView(id: string) {
+    return CDR.get({ url: `${DeletePaymentRecordViewUrl}/${id}` });
+  }
+
+  // 拖拽排序视图
+  function dragPaymentRecordView(data: TableDraggedParams) {
+    return CDR.post({ url: DragPaymentRecordViewUrl, data });
+  }
+
+  function preCheckImportContractPaymentRecord(file: File) {
+    return CDR.uploadFile<{ data: ValidateInfo }>(
+      { url: PreCheckPaymentRecordImportUrl },
+      { fileList: [file] },
+      'file'
+    );
+  }
+
+  function downloadContractPaymentRecordTemplate() {
+    return CDR.get(
+      {
+        url: DownloadPaymentRecordTemplateUrl,
+        responseType: 'blob',
+      },
+      { isTransformResponse: false, isReturnNativeResponse: true }
+    );
+  }
+
+  function importContractPaymentRecord(file: File) {
+    return CDR.uploadFile({ url: ImportPaymentRecordUrl }, { fileList: [file] }, 'file');
+  }
+
+  // 合同-工商抬头导入
+  function preCheckImportBusinessTitle(file: File, importType?: string) {
+    return CDR.uploadFile<{ data: ValidateInfo }>(
+      { url: PreCheckBusinessTitleImportUrl },
+      { fileList: [file], request: { importType } },
+      'file'
+    );
+  }
+
+  function downloadBusinessTitleTemplate() {
+    return CDR.get(
+      {
+        url: DownloadBusinessTitleTemplateUrl,
+        responseType: 'blob',
+      },
+      { isTransformResponse: false, isReturnNativeResponse: true }
+    );
+  }
+
+  function importBusinessTitle(file: File, importType?: string) {
+    return CDR.uploadFile({ url: ImportBusinessTitleUrl }, { fileList: [file], request: { importType } }, 'file');
+  }
+
+  // 工商抬头列表
+  function getBusinessTitleList(data: TableQueryParams) {
+    return CDR.post<CommonList<BusinessTitleItem>>({ url: BusinessTitlePageUrl, data }, { ignoreCancelToken: true });
+  }
+
+  // 添加工商抬头
+  function addBusinessTitle(data: SaveBusinessTitleParams) {
+    return CDR.post({ url: BusinessTitleAddUrl, data });
+  }
+
+  // 更新工商抬头
+  function updateBusinessTitle(data: SaveBusinessTitleParams) {
+    return CDR.post({ url: BusinessTitleUpdateUrl, data });
+  }
+
+  // 删除工商抬头
+  function deleteBusinessTitle(id: string) {
+    return CDR.get({ url: `${BusinessTitleDeleteUrl}/${id}` });
+  }
+
+  //撤销工商抬头
+  function revokeBusinessTitle(id: string) {
+    return CDR.get({ url: `${BusinessTitleRevokeUrl}/${id}` });
+  }
+
+  // 工商抬头详情
+  function getBusinessTitleDetail(id: string) {
+    return CDR.get<BusinessTitleItem>({ url: `${GetBusinessTitleDetailUrl}/${id}` });
+  }
+
+  // 工商抬头发票核验
+  function getBusinessTitleInvoiceCheck(id: string) {
+    return CDR.get({ url: `${GetBusinessTitleInvoiceCheckUrl}/${id}` });
+  }
+
+  // 导出全量工商抬头
+  function exportBusinessTitleAll(data: TableExportParams) {
+    return CDR.post({ url: ExportBusinessTitleAllUrl, data });
+  }
+
+  // 导出选中的工商抬头
+  function exportBusinessTitleSelected(data: TableExportSelectedParams) {
+    return CDR.post({ url: ExportBusinessTitleSelectedUrl, data });
+  }
+
+  // 第三方接口分页模糊查询工商名称
+  function getBusinessTitleThirdQueryOption(data: TableQueryParams) {
+    return CDR.post<CommonList<string[]>>({ url: GetBusinessTitleThirdQueryOptionUrl, data });
+  }
+
+  // 第三方接口查询工商抬头信息
+  function getBusinessTitleThirdQuery(keyword: string) {
+    return CDR.get({ url: GetBusinessTitleThirdQueryUrl, params: { keyword } });
+  }
+
+  // 获取工商抬头表单校验配置
+  function getBusinessTitleConfig() {
+    return CDR.get<BusinessTitleValidateConfig[]>({ url: BusinessTitleConfigUrl });
+  }
+
+  // 工商抬头表单配置开关
+  function switchBusinessTitleFormConfig(id: string) {
+    return CDR.get({ url: `${BusinessTitleFormConfigSwitchUrl}/${id}` });
+  }
+
+  // 获取工商抬头表单字段
+  function getBusinessTitleModuleForm() {
+    return CDR.get<FormDesignConfigDetailParams>({ url: BusinessTitleModuleFormUrl });
+  }
+
+  // 发票列表
+  function getInvoicedList(data: ContractInvoiceTableQueryParam) {
+    return CDR.post<CommonList<ContractInvoiceItem>>({ url: ContractInvoicedPageUrl, data });
+  }
+
+  // 合同下的发票列表
+  function getInvoicedInContractList(data: ContractInvoiceTableQueryParam) {
+    return CDR.post<CommonList<ContractInvoiceItem>>({ url: ContractInvoicedInContractPageUrl, data });
+  }
+
+  // 添加发票
+  function addInvoiced(data: SaveContractInvoiceParams) {
+    return CDR.post({ url: ContractInvoicedAddUrl, data });
+  }
+
+  // 更新发票
+  function updateInvoiced(data: UpdateContractInvoiceParams, approvalTaskId?: string) {
+    return CDR.post({ url: ContractInvoicedUpdateUrl, data, params: { approvalTaskId } });
+  }
+
+  // 发票详情
+  function getInvoicedDetail(id: string, approvalTaskId?: string) {
+    return CDR.get<ContractInvoiceDetail>({ url: `${ContractInvoicedDetailUrl}/${id}`, params: { approvalTaskId } });
+  }
+
+  // 发票详情快照
+  function getInvoicedDetailSnapshot(id: string, approvalTaskId?: string) {
+    return CDR.get<ContractInvoiceDetail>({
+      url: `${ContractInvoicedDetailSnapshotUrl}/${id}`,
+      params: { approvalTaskId },
+    });
+  }
+
+  // 获取发票表单配置
+  function getInvoicedFormConfig() {
+    return CDR.get<FormDesignConfigDetailParams>({
+      url: ContractInvoicedFormConfigUrl,
+    });
+  }
+
+  // 获取发票表单配置快照
+  function getInvoicedFormSnapshotConfig(id?: string, approvalTaskId?: string) {
+    return CDR.get<FormDesignConfigDetailParams>({
+      url: `${ContractInvoicedFormConfigSnapshotUrl}/${id}`,
+      params: { approvalTaskId },
+    });
+  }
+
+  // 发票审批
+  function approvalInvoiced(data: ApprovalContractParams) {
+    return CDR.post({ url: ContractInvoicedApprovalUrl, data });
+  }
+
+  // 发票撤回
+  function revokeInvoiced(id: string) {
+    return CDR.get({ url: `${ContractInvoicedRevokeUrl}/${id}` });
+  }
+
+  // 删除发票
+  function deleteInvoiced(id: string) {
+    return CDR.get({ url: `${ContractInvoicedDeleteUrl}/${id}` });
+  }
+
+  // 发票批量删除
+  function batchDeleteInvoiced(ids: string[]) {
+    return CDR.post({ url: ContractInvoicedBatchDeleteUrl, data: ids });
+  }
+
+  // 导出全量发票
+  function exportInvoicedAll(data: TableExportParams) {
+    return CDR.post({ url: ContractInvoicedExportAllUrl, data });
+  }
+
+  // 导出选中发票
+  function exportInvoicedSelected(data: TableExportSelectedParams) {
+    return CDR.post({ url: ContractInvoicedExportSelectedUrl, data });
+  }
+
+  // 获取发票 tab 显隐
+  function getInvoicedTab() {
+    return CDR.get<CustomerTabHidden>({ url: ContractInvoicedTabUrl });
+  }
+
+  // 添加发票视图
+  function addContractInvoicedView(data: ViewParams) {
+    return CDR.post({ url: AddContractInvoicedViewUrl, data });
+  }
+
+  // 更新发票视图
+  function updateContractInvoicedView(data: ViewParams) {
+    return CDR.post({ url: UpdateContractInvoicedViewUrl, data });
+  }
+
+  // 获取发票视图列表
+  function getContractInvoicedViewList() {
+    return CDR.get<ViewItem[]>({ url: ListContractInvoicedViewUrl });
+  }
+
+  // 获取发票视图详情
+  function getContractInvoicedViewDetail(id: string) {
+    return CDR.get({ url: `${GetContractInvoicedViewDetailUrl}/${id}` });
+  }
+
+  // 固定发票视图
+  function fixedContractInvoicedView(id: string) {
+    return CDR.get({ url: `${FixedContractInvoicedViewUrl}/${id}` });
+  }
+
+  // 启用/禁用发票视图
+  function enableContractInvoicedView(id: string) {
+    return CDR.get({ url: `${EnableContractInvoicedViewUrl}/${id}` });
+  }
+
+  // 删除发票视图
+  function deleteContractInvoicedView(id: string) {
+    return CDR.get({ url: `${DeleteContractInvoicedViewUrl}/${id}` });
+  }
+
+  // 拖拽发票视图排序
+  function dragContractInvoicedView(data: TableDraggedParams) {
+    return CDR.post({ url: DragContractInvoicedViewUrl, data });
+  }
+
+  // 合同统计
+  function getContractStatistic(data: TableQueryParams) {
+    return CDR.post({ url: ContractStatisticUrl, data }, { ignoreCancelToken: true });
+  }
+
+  // 回款记录统计
+  function getPaymentRecordStatistic(data: TableQueryParams) {
+    return CDR.post({ url: GetPaymentRecordStatisticUrl, data }, { ignoreCancelToken: true });
+  }
+
+  // 更新合同状态配置
+  function updateContractStatus(data: UpdateStageBaseParams) {
+    return CDR.post({ url: UpdateContractStatusUrl, data });
+  }
+
+  // 合同状态回退配置
+  function updateContractStatusRollback(data: UpdateOpportunityStageRollbackParams) {
+    return CDR.post({ url: UpdateContractStatusRollbackUrl, data });
+  }
+
+  // 合同状态排序
+  function sortContractStatus(data: string[]) {
+    return CDR.post({ url: SortContractStatusUrl, data });
+  }
+
+  // 添加合同状态
+  function addContractStatus(data: StageBaseParams) {
+    return CDR.post({ url: AddContractStatusUrl, data });
+  }
+
+  // 获取合同状态配置
+  function getContractStatusConfig() {
+    return CDR.get<OpportunityStageConfig>({ url: GetContractStatusConfigUrl }, { ignoreCancelToken: true });
+  }
+
+  // 删除合同状态
+  function deleteContractStatus(id: string) {
+    return CDR.get({ url: `${DeleteContractStatusUrl}/${id}` });
+  }
+
+  // 更新阶段
+  function updateContractStage(data: { id: string; stage: string }) {
+    return CDR.post({ url: UpdateContractStageUrl, data });
+  }
+
+  // 保存高级流转配置
+  function saveContractAdvanceConfig(data: SaveCirculationConfigParams) {
+    return CDR.post({ url: SaveContractCirculationConfigUrl, data });
+  }
+
+  // 切换流转配置
+  function switchContractCirculationType(type: CirculationTypeEnum) {
+    return CDR.get({ url: `${SwitchContractCirculationTypeUrl}/${type}` });
+  }
+
+  return {
+    exportContractAll,
+    exportContractSelected,
+    generateContractChart,
+    getContractDetail,
+    getContractDetailSnapshot,
+    getContractList,
+    sortContract,
+    getContractTab,
+    getContractViewDetail,
+    getContractViewList,
+    addContractView,
+    updateContractView,
+    fixedContractView,
+    enableContractView,
+    deleteContractView,
+    dragContractView,
+    addContract,
+    updateContract,
+    deleteContract,
+    changeContractStatus,
+    getContractFormConfig,
+    getContractFormSnapshotConfig,
+    batchApproveContract,
+    batchUpdateContract,
+    approvalContract,
+    revokeContract,
+    getContractStatistic,
+    // 回款计划
+    getPaymentPlanList,
+    getContractPaymentPlanList,
+    addPaymentPlan,
+    updatePaymentPlan,
+    deletePaymentPlan,
+    getPaymentPlanDetail,
+    getPaymentPlanFormConfig,
+    getPaymentPlanTab,
+    exportPaymentPlanAll,
+    exportPaymentPlanSelected,
+    generatePaymentPlanChart,
+    addPaymentPlanView,
+    updatePaymentPlanView,
+    getPaymentPlanViewList,
+    getPaymentPlanViewDetail,
+    fixedPaymentPlanView,
+    enablePaymentPlanView,
+    deletePaymentPlanView,
+    dragPaymentPlanView,
+    // 回款记录
+    getPaymentRecordFormConfig,
+    addPaymentRecord,
+    updatePaymentRecord,
+    getPaymentRecordDetail,
+    getPaymentRecordList,
+    deletePaymentRecord,
+    getPaymentRecordTab,
+    exportPaymentRecordAll,
+    exportPaymentRecordSelected,
+    addPaymentRecordView,
+    updatePaymentRecordView,
+    getPaymentRecordViewList,
+    getPaymentRecordViewDetail,
+    fixedPaymentRecordView,
+    enablePaymentRecordView,
+    deletePaymentRecordView,
+    dragPaymentRecordView,
+    preCheckImportContractPaymentRecord,
+    importContractPaymentRecord,
+    downloadContractPaymentRecordTemplate,
+    getPaymentRecordStatistic,
+    // 合同工商抬头
+    preCheckImportBusinessTitle,
+    downloadBusinessTitleTemplate,
+    importBusinessTitle,
+    getBusinessTitleList,
+    addBusinessTitle,
+    updateBusinessTitle,
+    deleteBusinessTitle,
+    revokeBusinessTitle,
+    getBusinessTitleDetail,
+    getBusinessTitleInvoiceCheck,
+    exportBusinessTitleAll,
+    exportBusinessTitleSelected,
+    getBusinessTitleThirdQuery,
+    getBusinessTitleThirdQueryOption,
+    getBusinessTitleConfig,
+    switchBusinessTitleFormConfig,
+    getBusinessTitleModuleForm,
+    // 发票
+    getInvoicedList,
+    getInvoicedInContractList,
+    addInvoiced,
+    updateInvoiced,
+    getInvoicedDetail,
+    getInvoicedDetailSnapshot,
+    getInvoicedFormConfig,
+    getInvoicedFormSnapshotConfig,
+    approvalInvoiced,
+    revokeInvoiced,
+    deleteInvoiced,
+    batchDeleteInvoiced,
+    exportInvoicedAll,
+    exportInvoicedSelected,
+    addContractInvoicedView,
+    updateContractInvoicedView,
+    getContractInvoicedViewList,
+    getContractInvoicedViewDetail,
+    fixedContractInvoicedView,
+    enableContractInvoicedView,
+    deleteContractInvoicedView,
+    dragContractInvoicedView,
+    getInvoicedTab,
+    // 合同阶段
+    updateContractStatus,
+    updateContractStatusRollback,
+    sortContractStatus,
+    addContractStatus,
+    getContractStatusConfig,
+    deleteContractStatus,
+    updateContractStage,
+    saveContractAdvanceConfig,
+    switchContractCirculationType,
+  };
+}
diff --git a/frontend/packages/lib-shared/api/modules/customForm.ts b/frontend/packages/lib-shared/api/modules/customForm.ts
new file mode 100644
index 0000000..6eb89e6
--- /dev/null
+++ b/frontend/packages/lib-shared/api/modules/customForm.ts
@@ -0,0 +1,204 @@
+import type { CordysAxios } from '@lib/shared/api/http/Axios';
+import {
+  AddCustomFormUrl,
+  GetCustomFormAdminUrl,
+  GetCustomFormRoleUserDeptTreeUrl,
+  GetCustomFormRoleUserRoleTreeUrl,
+  GetCustomFormRoleListUrl,
+  GetCustomFormRoleUsersUrl,
+  GetCustomFormUrl,
+  RelateCustomFormMemberUrl,
+  RemoveCustomFormMemberUrl,
+  SaveCustomFormAdminUrl,
+  UpdateCustomFormUrl,
+  GetCustomFormDataDetailUrl,
+  GetCustomFormDataPageUrl,
+  AddCustomFormDataUrl,
+  UpdateCustomFormDataUrl,
+  DeleteCustomFormDataUrl,
+  BatchDeleteCustomFormDataUrl,
+  BatchUpdateCustomFormDataUrl,
+  GetCustomFormListUrl,
+  GetCustomFormOptionsUrl,
+  DeleteCustomFormUrl,
+  EnableCustomFormUrl,
+  DisableCustomFormUrl,
+  PreCheckCustomFormImportUrl,
+  DownloadCustomFormTemplateUrl,
+  ImportCustomFormUrl,
+  CustomFormExportAllUrl,
+  CustomFormExportSelectedUrl,
+} from '@lib/shared/api/requrls/customForm';
+import type { CommonList, TableExportParams, TableExportSelectedParams } from '@lib/shared/models/common';
+import type {
+  AddCustomFormDataParams,
+  BatchUpdateCustomFormDataParams,
+  CustomFormAdminParams,
+  CustomFormDataDetail,
+  CustomFormDetail,
+  CustomFormItem,
+  CustomFormMemberItem,
+  CustomFormRoleItem,
+  CustomFormRoleUserQueryParams,
+  CustomFormPageItem,
+  CustomFormSaveRequest,
+  GetCustomFormDataPageParams,
+  RelateCustomFormMemberParams,
+  UpdateCustomFormDataParams,
+} from '@lib/shared/models/customForm';
+import type { SelectedUsersItem } from '@lib/shared/models/system/module';
+import type { DeptUserTreeNode } from '@lib/shared/models/system/role';
+import { ValidateInfo } from '@lib/shared/models/system/org';
+
+export default function useCustomFormApi(CDR: CordysAxios) {
+  function addCustomForm(data: CustomFormSaveRequest) {
+    return CDR.post({ url: AddCustomFormUrl, data });
+  }
+
+  function updateCustomForm(data: CustomFormSaveRequest) {
+    return CDR.post({ url: UpdateCustomFormUrl, data });
+  }
+
+  function getCustomFormDetail(id?: string) {
+    return CDR.get<CustomFormDetail>({ url: `${GetCustomFormUrl}/${id}` });
+  }
+
+  function getCustomFormAdmins(customFormId: string) {
+    return CDR.get<SelectedUsersItem[]>({ url: `${GetCustomFormAdminUrl}/${customFormId}` });
+  }
+
+  function saveCustomFormAdmins(data: CustomFormAdminParams) {
+    return CDR.post({ url: SaveCustomFormAdminUrl, data });
+  }
+
+  // 表单成员
+  function relateCustomFormMember(data: RelateCustomFormMemberParams) {
+    return CDR.post({ url: RelateCustomFormMemberUrl, data });
+  }
+
+  function getCustomFormRoles(customFormId: string) {
+    return CDR.get<CustomFormRoleItem[]>({ url: `${GetCustomFormRoleListUrl}/${customFormId}` });
+  }
+
+  function getCustomFormRoleUsers(data: CustomFormRoleUserQueryParams) {
+    return CDR.post<CommonList<CustomFormMemberItem>>({ url: GetCustomFormRoleUsersUrl, data });
+  }
+
+  function getCustomFormRoleUserDeptTree() {
+    return CDR.get<DeptUserTreeNode[]>({ url: GetCustomFormRoleUserDeptTreeUrl });
+  }
+
+  function getCustomFormRoleUserRoleTree() {
+    return CDR.get<DeptUserTreeNode[]>({ url: GetCustomFormRoleUserRoleTreeUrl });
+  }
+
+  function removeCustomFormMember(data: RelateCustomFormMemberParams) {
+    return CDR.post({ url: RemoveCustomFormMemberUrl, data });
+  }
+
+  function deleteCustomForm(id: string) {
+    return CDR.get({ url: `${DeleteCustomFormUrl}/${id}` });
+  }
+
+  function enableCustomForm(id: string) {
+    return CDR.get({ url: `${EnableCustomFormUrl}/${id}` });
+  }
+
+  function disableCustomForm(id: string) {
+    return CDR.get({ url: `${DisableCustomFormUrl}/${id}` });
+  }
+
+  function getCustomFormList() {
+    return CDR.get<CustomFormItem[]>({ url: GetCustomFormListUrl });
+  }
+
+  function getCustomFormDataDetail(id: string) {
+    return CDR.get<CustomFormDataDetail>({ url: `${GetCustomFormDataDetailUrl}/${id}` });
+  }
+
+  function getCustomFormDataPage(data: GetCustomFormDataPageParams) {
+    return CDR.post<CommonList<CustomFormPageItem>>({ url: GetCustomFormDataPageUrl, data });
+  }
+
+  function addCustomFormData(data: AddCustomFormDataParams) {
+    return CDR.post({ url: AddCustomFormDataUrl, data });
+  }
+
+  function updateCustomFormData(data: UpdateCustomFormDataParams) {
+    return CDR.post({ url: UpdateCustomFormDataUrl, data });
+  }
+
+  function deleteCustomFormData(id: string) {
+    return CDR.get({ url: `${DeleteCustomFormDataUrl}/${id}` });
+  }
+
+  function batchDeleteCustomFormData(ids: string[]) {
+    return CDR.post({ url: BatchDeleteCustomFormDataUrl, data: ids });
+  }
+
+  function batchUpdateCustomFormData(data: BatchUpdateCustomFormDataParams) {
+    return CDR.post({ url: BatchUpdateCustomFormDataUrl, data });
+  }
+
+  function getCustomFormOptions() {
+    return CDR.get<CustomFormItem[]>({ url:GetCustomFormOptionsUrl });
+  }
+
+  function preCheckImportCustomForm(file: File, customFormId?: string) {
+    return CDR.uploadFile<{ data: ValidateInfo }>({ url: PreCheckCustomFormImportUrl, params:{ customFormId } }, { fileList: [file] }, 'file');
+  }
+
+  function downloadCustomFormTemplate(customFormId?: string) {
+    return CDR.get(
+      {
+        url: DownloadCustomFormTemplateUrl,
+        responseType: 'blob',
+        params:{ customFormId },
+      },
+      { isTransformResponse: false, isReturnNativeResponse: true }
+    );
+  }
+
+  function importCustomForm(file: File, customFormId?: string) {
+    return CDR.uploadFile({ url: ImportCustomFormUrl, params:{ customFormId } }, { fileList: [file] }, 'file');
+  }
+
+  function exportCustomFormAll(data: TableExportParams) {
+    return CDR.post({ url: CustomFormExportAllUrl, data });
+  }
+
+  function exportCustomFormSelected(data: TableExportSelectedParams) {
+    return CDR.post({ url: CustomFormExportSelectedUrl, data });
+  }
+
+  return {
+    addCustomForm,
+    updateCustomForm,
+    getCustomFormDetail,
+    saveCustomFormAdmins,
+    getCustomFormAdmins,
+    relateCustomFormMember,
+    getCustomFormRoles,
+    getCustomFormRoleUsers,
+    getCustomFormRoleUserDeptTree,
+    getCustomFormRoleUserRoleTree,
+    removeCustomFormMember,
+    getCustomFormList,
+    getCustomFormDataDetail,
+    getCustomFormDataPage,
+    addCustomFormData,
+    updateCustomFormData,
+    deleteCustomFormData,
+    batchDeleteCustomFormData,
+    batchUpdateCustomFormData,
+    getCustomFormOptions,
+    deleteCustomForm,
+    enableCustomForm,
+    disableCustomForm,
+    preCheckImportCustomForm,
+    downloadCustomFormTemplate,
+    importCustomForm,
+    exportCustomFormAll,
+    exportCustomFormSelected,
+  };
+}
diff --git a/frontend/packages/lib-shared/api/modules/customer.ts b/frontend/packages/lib-shared/api/modules/customer.ts
new file mode 100644
index 0000000..04b729b
--- /dev/null
+++ b/frontend/packages/lib-shared/api/modules/customer.ts
@@ -0,0 +1,932 @@
+import type { CordysAxios } from '@lib/shared/api/http/Axios';
+import {
+  AddAccountPoolViewUrl,
+  AddContactViewUrl,
+  AddCustomerCollaborationUrl,
+  AddCustomerContactUrl,
+  AddCustomerFollowPlanUrl,
+  AddCustomerFollowRecordUrl,
+  AddCustomerOpenSeaUrl,
+  AddCustomerRelationItemUrl,
+  AddCustomerUrl,
+  AddCustomerViewUrl,
+  AssignOpenSeaCustomerUrl,
+  BatchAssignOpenSeaCustomerUrl,
+  BatchDeleteCustomerCollaborationUrl,
+  BatchDeleteCustomerUrl,
+  BatchDeleteOpenSeaCustomerUrl,
+  BatchMoveCustomerUrl,
+  BatchPickOpenSeaCustomerUrl,
+  BatchTransferCustomerUrl,
+  BatchUpdateAccountUrl,
+  BatchUpdateContactUrl,
+  CancelCustomerFollowPlanUrl,
+  CheckOpportunityContactUrl,
+  ContactListUnderCustomerUrl,
+  DeleteAccountPoolViewUrl,
+  DeleteContactViewUrl,
+  DeleteCustomerCollaborationUrl,
+  DeleteCustomerContactUrl,
+  DeleteCustomerFollowPlanUrl,
+  DeleteCustomerFollowRecordUrl,
+  DeleteCustomerOpenSeaUrl,
+  DeleteCustomerRelationItemUrl,
+  DeleteCustomerUrl,
+  DeleteCustomerViewUrl,
+  DeleteOpenSeaCustomerUrl,
+  DisableCustomerContactUrl,
+  DownloadAccountTemplateUrl,
+  DownloadContactTemplateUrl,
+  DragAccountPoolViewUrl,
+  DragContactViewUrl,
+  DragCustomerViewUrl,
+  EnableAccountPoolViewUrl,
+  EnableContactViewUrl,
+  EnableCustomerContactUrl,
+  EnableCustomerViewUrl,
+  ExportContactAllUrl,
+  ExportContactSelectedUrl,
+  ExportCustomerAllUrl,
+  ExportCustomerSelectedUrl,
+  ExportOpenSeaCustomerAllUrl,
+  ExportOpenSeaCustomerSelectedUrl,
+  FixedAccountPoolViewUrl,
+  FixedContactViewUrl,
+  FixedCustomerViewUrl,
+  GenerateCustomerChartUrl,
+  generateCustomerContactChartUrl,
+  generateCustomerPoolChartUrl,
+  GetAccountPoolViewDetailUrl,
+  GetAccountPoolViewListUrl,
+  GetAdvancedCustomerContactListUrl,
+  GetAdvancedCustomerListUrl,
+  GetAdvancedOpenSeaCustomerListUrl,
+  GetContactViewDetailUrl,
+  GetContactViewListUrl,
+  GetCustomerCollaborationListUrl,
+  GetCustomerContactFormConfigUrl,
+  GetCustomerContactListUrl,
+  GetCustomerContactTabUrl,
+  GetCustomerContactUrl,
+  GetCustomerFollowPlanFormConfigUrl,
+  GetCustomerFollowPlanListUrl,
+  GetCustomerFollowPlanUrl,
+  GetCustomerFollowRecordFormConfigUrl,
+  GetCustomerFollowRecordListUrl,
+  GetCustomerFollowRecordUrl,
+  GetCustomerFormConfigUrl,
+  GetCustomerHeaderListUrl,
+  GetCustomerListUrl,
+  GetCustomerOpenSeaFollowRecordListUrl,
+  GetCustomerOpenSeaListUrl,
+  GetCustomerOpportunityListUrl,
+  GetCustomerOptionsUrl,
+  GetCustomerRelationListUrl,
+  GetCustomerTabUrl,
+  GetCustomerUrl,
+  GetCustomerViewDetailUrl,
+  GetCustomerViewListUrl,
+  GetGlobalCustomerContactListUrl,
+  GetGlobalCustomerListUrl,
+  GetGlobalModuleCountUrl,
+  GetGlobalOpenSeaCustomerListUrl,
+  GetOpenSeaCustomerListUrl,
+  GetOpenSeaCustomerUrl,
+  GetOpenSeaOptionsUrl,
+  ImportAccountUrl,
+  ImportContactUrl,
+  IsCustomerOpenSeaNoPickUrl,
+  MergeAccountPageUrl,
+  MergeAccountUrl,
+  MoveToCustomerUrl,
+  PickOpenSeaCustomerUrl,
+  PoolAccountBatchUpdateUrl,
+  PreCheckAccountImportUrl,
+  PreCheckContactImportUrl,
+  SaveCustomerRelationUrl,
+  SwitchCustomerOpenSeaUrl,
+  UpdateAccountPoolViewUrl,
+  UpdateContactViewUrl,
+  UpdateCustomerCollaborationUrl,
+  UpdateCustomerContactUrl,
+  UpdateCustomerFollowPlanStatusUrl,
+  UpdateCustomerFollowPlanUrl,
+  UpdateCustomerFollowRecordUrl,
+  UpdateCustomerOpenSeaUrl,
+  UpdateCustomerRelationItemUrl,
+  UpdateCustomerUrl,
+  UpdateCustomerViewUrl,
+  GetAccountContractListUrl,
+  GetAccountContractStatisticUrl,
+  GetAccountPaymentListUrl,
+  GetAccountPaymentStatisticUrl,
+  GetAccountPaymentRecordStatisticUrl,
+  GetAccountPaymentRecordListUrl,
+  GetAccountInvoiceListUrl,
+  GetAccountInvoiceStatisticUrl,
+  GetAccountOrderListUrl,
+} from '@lib/shared/api/requrls/customer';
+import type {
+  ChartResponseDataItem,
+  CommonList,
+  GenerateChartParams,
+  TableDraggedParams,
+  TableExportParams,
+  TableExportSelectedParams,
+  TableQueryParams,
+} from '@lib/shared/models/common';
+import type {
+  AddCustomerCollaborationParams,
+  AddCustomerRelationItemParams,
+  AssignOpenSeaCustomerParams,
+  BatchAssignOpenSeaCustomerParams,
+  BatchMoveToPublicPoolParams,
+  BatchOperationOpenSeaCustomerParams,
+  BatchUpdatePoolAccountParams,
+  CollaborationItem,
+  CustomerContractListItem,
+  CustomerContractTableParams,
+  CustomerDetail,
+  CustomerFollowPlanListItem,
+  CustomerFollowPlanTableParams,
+  CustomerFollowRecordListItem,
+  CustomerFollowRecordTableParams,
+  CustomerInvoiceItem,
+  CustomerInvoicePageQueryParams,
+  CustomerInvoiceStatistic,
+  CustomerListItem,
+  CustomerOpenSeaListItem,
+  CustomerOpportunityTableParams,
+  CustomerOptionsItem,
+  CustomerTabHidden,
+  CustomerTableParams,
+  FollowDetailItem,
+  MergeAccountParams,
+  MoveToPublicPoolParams,
+  OpenSeaCustomerTableParams,
+  PickOpenSeaCustomerParams,
+  PoolTableExportParams,
+  RelationItem,
+  RelationListItem,
+  SaveCustomerContractParams,
+  SaveCustomerFollowPlanParams,
+  SaveCustomerFollowRecordParams,
+  SaveCustomerOpenSeaParams,
+  SaveCustomerParams,
+  TransferParams,
+  UpdateCustomerCollaborationParams,
+  UpdateCustomerContractParams,
+  UpdateCustomerFollowPlanParams,
+  UpdateCustomerFollowRecordParams,
+  UpdateCustomerOpenSeaParams,
+  UpdateCustomerParams,
+  UpdateCustomerRelationItemParams,
+  UpdateFollowPlanStatusParams,
+} from '@lib/shared/models/customer';
+import type { OrderItem } from '@lib/shared/models/order';
+import type { CluePoolItem, FormDesignConfigDetailParams, OpportunityItem } from '@lib/shared/models/system/module';
+import { ValidateInfo } from '@lib/shared/models/system/org';
+import type { ViewItem, ViewParams } from '@lib/shared/models/view';
+import type { ContractItem, PaymentPlanItem, PaymentRecordItem } from '@lib/shared/models/contract';
+export default function useProductApi(CDR: CordysAxios) {
+  // 添加客户
+  function addCustomer(data: SaveCustomerParams) {
+    return CDR.post({ url: AddCustomerUrl, data });
+  }
+
+  // 更新客户
+  function updateCustomer(data: UpdateCustomerParams) {
+    return CDR.post({ url: UpdateCustomerUrl, data });
+  }
+
+  // 获取客户列表
+  function getCustomerList(data: CustomerTableParams) {
+    return CDR.post<CommonList<CustomerListItem>>({ url: GetCustomerListUrl, data });
+  }
+
+  // 获取客户表单配置
+  function getCustomerFormConfig() {
+    return CDR.get<FormDesignConfigDetailParams>({ url: GetCustomerFormConfigUrl });
+  }
+
+  // 获取客户详情
+  function getCustomer(id: string, approvalTaskId?: string) {
+    return CDR.get<CustomerDetail>({ url: `${GetCustomerUrl}/${id}`, params: { approvalTaskId } });
+  }
+
+  // 删除客户
+  function deleteCustomer(id: string) {
+    return CDR.get({ url: `${DeleteCustomerUrl}/${id}` });
+  }
+
+  // 批量删除客户
+  function batchDeleteCustomer(batchIds: (string | number)[]) {
+    return CDR.post({ url: BatchDeleteCustomerUrl, data: batchIds });
+  }
+
+  // 批量转移客户
+  function batchTransferCustomer(data: TransferParams) {
+    return CDR.post({ url: BatchTransferCustomerUrl, data });
+  }
+
+  // 批量移入公海
+  function batchMoveCustomer(data: BatchMoveToPublicPoolParams) {
+    return CDR.post({ url: BatchMoveCustomerUrl, data });
+  }
+
+  // 批量移入公海
+  function moveCustomerToPool(data: MoveToPublicPoolParams) {
+    return CDR.post({ url: MoveToCustomerUrl, data });
+  }
+
+  // 批量更新公海客户
+  function batchUpdateOpenSeaCustomer(data: BatchUpdatePoolAccountParams) {
+    return CDR.post({ url: PoolAccountBatchUpdateUrl, data });
+  }
+  // 批量更新客户
+  function batchUpdateAccount(data: BatchUpdatePoolAccountParams) {
+    return CDR.post({ url: BatchUpdateAccountUrl, data });
+  }
+
+  // 批量更新联系人
+  function batchUpdateContact(data: BatchUpdatePoolAccountParams) {
+    return CDR.post({ url: BatchUpdateContactUrl, data });
+  }
+
+  // 生成客户图表
+  function generateCustomerChart(data: GenerateChartParams) {
+    return CDR.post<ChartResponseDataItem[]>({ url: GenerateCustomerChartUrl, data });
+  }
+
+  // 添加客户跟进记录
+  function addCustomerFollowRecord(data: SaveCustomerFollowRecordParams) {
+    return CDR.post({ url: AddCustomerFollowRecordUrl, data });
+  }
+
+  // 更新客户跟进记录
+  function updateCustomerFollowRecord(data: UpdateCustomerFollowRecordParams) {
+    return CDR.post({ url: UpdateCustomerFollowRecordUrl, data });
+  }
+
+  // 删除客户跟进记录
+  function deleteCustomerFollowRecord(id: string) {
+    return CDR.get({ url: `${DeleteCustomerFollowRecordUrl}/${id}` });
+  }
+
+  // 获取客户跟进记录列表
+  function getCustomerFollowRecordList(data: CustomerFollowRecordTableParams) {
+    return CDR.post<CommonList<CustomerFollowRecordListItem>>({ url: GetCustomerFollowRecordListUrl, data });
+  }
+
+  // 获取客户跟进记录表单配置
+  function getCustomerFollowRecordFormConfig() {
+    return CDR.get<FormDesignConfigDetailParams>({ url: GetCustomerFollowRecordFormConfigUrl });
+  }
+
+  // 获取客户跟进记录详情
+  function getCustomerFollowRecord(id: string) {
+    return CDR.get<CustomerFollowRecordListItem>({ url: `${GetCustomerFollowRecordUrl}/${id}` });
+  }
+
+  // 添加客户跟进计划
+  function addCustomerFollowPlan(data: SaveCustomerFollowPlanParams) {
+    return CDR.post({ url: AddCustomerFollowPlanUrl, data });
+  }
+
+  // 更新客户跟进计划
+  function updateCustomerFollowPlan(data: UpdateCustomerFollowPlanParams) {
+    return CDR.post({ url: UpdateCustomerFollowPlanUrl, data });
+  }
+
+  // 删除客户跟进计划
+  function deleteCustomerFollowPlan(id: string) {
+    return CDR.get({ url: `${DeleteCustomerFollowPlanUrl}/${id}` });
+  }
+
+  // 获取客户跟进计划列表
+  function getCustomerFollowPlanList(data: CustomerFollowPlanTableParams) {
+    return CDR.post<CommonList<CustomerFollowPlanListItem>>({ url: GetCustomerFollowPlanListUrl, data });
+  }
+
+  // 取消客户跟进计划
+  function cancelCustomerFollowPlan(id: string) {
+    return CDR.get({ url: `${CancelCustomerFollowPlanUrl}/${id}` });
+  }
+
+  // 获取客户跟进计划表单配置
+  function getCustomerFollowPlanFormConfig() {
+    return CDR.get<FormDesignConfigDetailParams>({ url: GetCustomerFollowPlanFormConfigUrl });
+  }
+
+  // 获取客户跟进计划详情
+  function getCustomerFollowPlan(id: string) {
+    return CDR.get<FollowDetailItem>({ url: `${GetCustomerFollowPlanUrl}/${id}` });
+  }
+
+  // 添加客户联系人
+  function addCustomerContact(data: SaveCustomerContractParams) {
+    return CDR.post({ url: AddCustomerContactUrl, data });
+  }
+
+  // 获取客户联系人列表
+  function getCustomerContactList(data: CustomerContractTableParams) {
+    return CDR.post<CommonList<CustomerContractListItem>>({ url: GetCustomerContactListUrl, data });
+  }
+
+  // 更新客户联系人
+  function updateCustomerContact(data: UpdateCustomerContractParams) {
+    return CDR.post({ url: UpdateCustomerContactUrl, data });
+  }
+
+  // 禁用客户联系人
+  function disableCustomerContact(id: string, reason: string) {
+    return CDR.post({ url: `${DisableCustomerContactUrl}/${id}`, data: { reason } });
+  }
+
+  // 获取客户联系人表单配置
+  function getCustomerContactFormConfig() {
+    return CDR.get<FormDesignConfigDetailParams>({ url: GetCustomerContactFormConfigUrl });
+  }
+
+  // 获取客户联系人详情
+  function getCustomerContact(id: string) {
+    return CDR.get<CustomerContractListItem>({ url: `${GetCustomerContactUrl}/${id}` });
+  }
+
+  // 获取客户的发票记录
+  function getCustomerInvoiceList(data: CustomerInvoicePageQueryParams) {
+    return CDR.post<CommonList<CustomerInvoiceItem>>({ url: GetAccountInvoiceListUrl, data });
+  }
+
+  // 获取客户发票统计
+  function getCustomerInvoiceStatistic(id: string) {
+    return CDR.get<CustomerInvoiceStatistic[]>({ url: `${GetAccountInvoiceStatisticUrl}/${id}` });
+  }
+
+  // 获取客户的订单
+  function getCustomerOrderList(data: TableQueryParams) {
+    return CDR.post<CommonList<OrderItem>>({ url: GetAccountOrderListUrl, data });
+  }
+
+  // 启用客户联系人
+  function enableCustomerContact(id: string) {
+    return CDR.get({ url: `${EnableCustomerContactUrl}/${id}` });
+  }
+
+  // 删除客户联系人
+  function deleteCustomerContact(id: string) {
+    return CDR.get({ url: `${DeleteCustomerContactUrl}/${id}` });
+  }
+
+  // 生成客户联系人图表
+  function generateCustomerContactChart(data: GenerateChartParams) {
+    return CDR.post<ChartResponseDataItem[]>({ url: generateCustomerContactChartUrl, data });
+  }
+
+  // 是否绑定商机
+  function checkOpportunity(id: string) {
+    return CDR.get({ url: `${CheckOpportunityContactUrl}/${id}` });
+  }
+
+  //  客户下的联系人列表
+  function getContactListUnderCustomer(data: { id: string }) {
+    return CDR.get({ url: `${ContactListUnderCustomerUrl}/${data.id}` });
+  }
+
+  // 添加公海
+  function addCustomerOpenSea(data: SaveCustomerOpenSeaParams) {
+    return CDR.post({ url: AddCustomerOpenSeaUrl, data });
+  }
+
+  // 更新公海
+  function updateCustomerOpenSea(data: UpdateCustomerOpenSeaParams) {
+    return CDR.post({ url: UpdateCustomerOpenSeaUrl, data });
+  }
+
+  // 获取公海列表
+  function getCustomerOpenSeaList(data: TableQueryParams) {
+    return CDR.post<CommonList<CustomerOpenSeaListItem>>({ url: GetCustomerOpenSeaListUrl, data });
+  }
+
+  // 启用/禁用公海
+  function switchCustomerOpenSea(id: string) {
+    return CDR.get({ url: `${SwitchCustomerOpenSeaUrl}/${id}` });
+  }
+
+  // 删除公海
+  function deleteCustomerOpenSea(id: string) {
+    return CDR.get({ url: `${DeleteCustomerOpenSeaUrl}/${id}` });
+  }
+
+  // 公海是否存在未领取线索
+  function isCustomerOpenSeaNoPick(id: string) {
+    return CDR.get<boolean>({ url: `${IsCustomerOpenSeaNoPickUrl}/${id}` });
+  }
+
+  // 获取公海客户列表
+  function getOpenSeaCustomerList(data: OpenSeaCustomerTableParams) {
+    return CDR.post<CommonList<CustomerOpenSeaListItem>>({ url: GetOpenSeaCustomerListUrl, data });
+  }
+
+  // 领取公海客户
+  function pickOpenSeaCustomer(data: PickOpenSeaCustomerParams) {
+    return CDR.post({ url: PickOpenSeaCustomerUrl, data });
+  }
+
+  // 批量领取公海客户
+  function batchPickOpenSeaCustomer(data: BatchOperationOpenSeaCustomerParams) {
+    return CDR.post({ url: BatchPickOpenSeaCustomerUrl, data });
+  }
+
+  // 批量删除公海客户
+  function batchDeleteOpenSeaCustomer(data: BatchOperationOpenSeaCustomerParams) {
+    return CDR.post({ url: BatchDeleteOpenSeaCustomerUrl, data });
+  }
+
+  // 批量分配公海客户
+  function batchAssignOpenSeaCustomer(data: BatchAssignOpenSeaCustomerParams) {
+    return CDR.post({ url: BatchAssignOpenSeaCustomerUrl, data });
+  }
+
+  // 分配公海客户
+  function assignOpenSeaCustomer(data: AssignOpenSeaCustomerParams) {
+    return CDR.post({ url: AssignOpenSeaCustomerUrl, data });
+  }
+
+  // 获取公海选项
+  function getOpenSeaOptions() {
+    return CDR.get<CluePoolItem[]>({ url: GetOpenSeaOptionsUrl });
+  }
+
+  // 获取公海客户详情
+  function getOpenSeaCustomer(id: string) {
+    return CDR.get<CustomerDetail>({ url: `${GetOpenSeaCustomerUrl}/${id}` });
+  }
+
+  // 删除公海客户
+  function deleteOpenSeaCustomer(id: string) {
+    return CDR.get({ url: `${DeleteOpenSeaCustomerUrl}/${id}` });
+  }
+
+  // 导出全量客户列表
+  function exportCustomerOpenSeaAll(data: PoolTableExportParams) {
+    return CDR.post({ url: ExportOpenSeaCustomerAllUrl, data });
+  }
+
+  // 导出选中客户列表
+  function exportCustomerOpenSeaSelected(data: TableExportSelectedParams) {
+    return CDR.post({ url: ExportOpenSeaCustomerSelectedUrl, data });
+  }
+
+  // 获取客户负责人列表
+  function getCustomerHeaderList(data: CustomerContractTableParams) {
+    return CDR.get({ url: `${GetCustomerHeaderListUrl}/${data.sourceId}` });
+  }
+
+  // 保存客户关系
+  function saveCustomerRelation(customerId: string, data: RelationItem[]) {
+    return CDR.post({ url: `${SaveCustomerRelationUrl}/${customerId}`, data });
+  }
+
+  // 获取客户关系列表
+  function getCustomerRelationList(customerId: string) {
+    return CDR.get<RelationListItem[]>({ url: `${GetCustomerRelationListUrl}/${customerId}` });
+  }
+
+  // 获取客户协作成员列表
+  function getCustomerCollaborationList({ customerId }: { customerId: string }) {
+    return CDR.get<CollaborationItem[]>({ url: `${GetCustomerCollaborationListUrl}/${customerId}` });
+  }
+
+  // 更新单条客户关系
+  function updateCustomerRelationItem(customerId: string, data: UpdateCustomerRelationItemParams) {
+    return CDR.post({ url: `${UpdateCustomerRelationItemUrl}/${customerId}`, data });
+  }
+
+  // 添加单条客户关系
+  function addCustomerRelationItem(customerId: string, data: AddCustomerRelationItemParams) {
+    return CDR.post({ url: `${AddCustomerRelationItemUrl}/${customerId}`, data });
+  }
+
+  // 删除单条客户关系
+  function deleteCustomerRelationItem(id: string) {
+    return CDR.get({ url: `${DeleteCustomerRelationItemUrl}/${id}` });
+  }
+
+  // 批量删除客户协作成员
+  function batchDeleteCustomerCollaboration(data: string[]) {
+    return CDR.post({ url: BatchDeleteCustomerCollaborationUrl, data });
+  }
+
+  // 更新客户协作成员
+  function updateCustomerCollaboration(data: UpdateCustomerCollaborationParams) {
+    return CDR.post({ url: UpdateCustomerCollaborationUrl, data });
+  }
+
+  // 添加客户协作成员
+  function addCustomerCollaboration(data: AddCustomerCollaborationParams) {
+    return CDR.post({ url: AddCustomerCollaborationUrl, data });
+  }
+
+  // 删除客户协作成员
+  function deleteCustomerCollaboration(id: string) {
+    return CDR.get({ url: `${DeleteCustomerCollaborationUrl}/${id}` });
+  }
+
+  // 获取客户选项列表
+  function getCustomerOptions(data: TableQueryParams) {
+    return CDR.post<CommonList<CustomerOptionsItem>>({ url: GetCustomerOptionsUrl, data });
+  }
+
+  // 获取客户公海跟进记录列表
+  function getCustomerOpenSeaFollowRecordList(data: CustomerFollowRecordTableParams) {
+    return CDR.post<CommonList<CustomerFollowRecordListItem>>({ url: GetCustomerOpenSeaFollowRecordListUrl, data });
+  }
+
+  // 生成客户公海图表
+  function generateCustomerPoolChart(data: GenerateChartParams) {
+    return CDR.post<ChartResponseDataItem[]>({ url: generateCustomerPoolChartUrl, data });
+  }
+
+  // 获取客户tab显隐藏
+  function getCustomerTab() {
+    return CDR.get<CustomerTabHidden>({ url: GetCustomerTabUrl });
+  }
+
+  // 获取客户联系人tab显隐藏
+  function getCustomerContactTab() {
+    return CDR.get<CustomerTabHidden>({ url: GetCustomerContactTabUrl });
+  }
+
+  // 更新客户跟进计划状态
+  function updateCustomerFollowPlanStatus(data: UpdateFollowPlanStatusParams) {
+    return CDR.post({ url: UpdateCustomerFollowPlanStatusUrl, data });
+  }
+
+  // 获取客户商机列表
+  function getCustomerOpportunityPage(data: CustomerOpportunityTableParams) {
+    return CDR.post<CommonList<OpportunityItem>>({ url: GetCustomerOpportunityListUrl, data });
+  }
+
+  // 导出全量客户列表
+  function exportCustomerAll(data: TableExportParams) {
+    return CDR.post({ url: ExportCustomerAllUrl, data });
+  }
+
+  // 导出选中客户列表
+  function exportCustomerSelected(data: TableExportSelectedParams) {
+    return CDR.post({ url: ExportCustomerSelectedUrl, data });
+  }
+
+  // 导出全量联系人列表
+  function exportContactAll(data: TableExportParams) {
+    return CDR.post({ url: ExportContactAllUrl, data });
+  }
+
+  // 导出选中联系人列表
+  function exportContactSelected(data: TableExportSelectedParams) {
+    return CDR.post({ url: ExportContactSelectedUrl, data });
+  }
+
+  // 视图
+  function addCustomerView(data: ViewParams) {
+    return CDR.post({ url: AddCustomerViewUrl, data });
+  }
+
+  function updateCustomerView(data: ViewParams) {
+    return CDR.post({ url: UpdateCustomerViewUrl, data });
+  }
+
+  function getCustomerViewList() {
+    return CDR.get<ViewItem[]>({ url: GetCustomerViewListUrl });
+  }
+
+  function getCustomerViewDetail(id: string) {
+    return CDR.get({ url: `${GetCustomerViewDetailUrl}/${id}` });
+  }
+
+  function fixedCustomerView(id: string) {
+    return CDR.get({ url: `${FixedCustomerViewUrl}/${id}` });
+  }
+
+  function enableCustomerView(id: string) {
+    return CDR.get({ url: `${EnableCustomerViewUrl}/${id}` });
+  }
+
+  function deleteCustomerView(id: string) {
+    return CDR.get({ url: `${DeleteCustomerViewUrl}/${id}` });
+  }
+
+  function dragCustomerView(data: TableDraggedParams) {
+    return CDR.post({ url: DragCustomerViewUrl, data });
+  }
+
+  function addContactView(data: ViewParams) {
+    return CDR.post({ url: AddContactViewUrl, data });
+  }
+
+  function updateContactView(data: ViewParams) {
+    return CDR.post({ url: UpdateContactViewUrl, data });
+  }
+
+  function getContactViewList() {
+    return CDR.get<ViewItem[]>({ url: GetContactViewListUrl });
+  }
+
+  function getContactViewDetail(id: string) {
+    return CDR.get({ url: `${GetContactViewDetailUrl}/${id}` });
+  }
+
+  function fixedContactView(id: string) {
+    return CDR.get({ url: `${FixedContactViewUrl}/${id}` });
+  }
+
+  function enableContactView(id: string) {
+    return CDR.get({ url: `${EnableContactViewUrl}/${id}` });
+  }
+
+  function deleteContactView(id: string) {
+    return CDR.get({ url: `${DeleteContactViewUrl}/${id}` });
+  }
+
+  function dragContactView(data: TableDraggedParams) {
+    return CDR.post({ url: DragContactViewUrl, data });
+  }
+
+  function geAdvancedCustomerList(data: CustomerTableParams) {
+    return CDR.post<CommonList<CustomerListItem>>(
+      { url: GetAdvancedCustomerListUrl, data },
+      { ignoreCancelToken: true }
+    );
+  }
+
+  function getAdvancedOpenSeaCustomerList(data: OpenSeaCustomerTableParams) {
+    return CDR.post<CommonList<CustomerOpenSeaListItem>>(
+      { url: GetAdvancedOpenSeaCustomerListUrl, data },
+      { ignoreCancelToken: true }
+    );
+  }
+
+  function getAdvancedCustomerContactList(data: CustomerContractTableParams) {
+    return CDR.post<CommonList<CustomerContractListItem>>(
+      { url: GetAdvancedCustomerContactListUrl, data },
+      { ignoreCancelToken: true }
+    );
+  }
+
+  function getGlobalCustomerList(data: TableQueryParams) {
+    return CDR.post<CommonList<CustomerListItem>>({ url: GetGlobalCustomerListUrl, data }, { ignoreCancelToken: true });
+  }
+
+  function getGlobalOpenSeaCustomerList(data: TableQueryParams) {
+    return CDR.post<CommonList<CustomerOpenSeaListItem>>(
+      { url: GetGlobalOpenSeaCustomerListUrl, data },
+      { ignoreCancelToken: true }
+    );
+  }
+
+  function getGlobalCustomerContactList(data: TableQueryParams) {
+    return CDR.post<CommonList<CustomerContractListItem>>(
+      { url: GetGlobalCustomerContactListUrl, data },
+      { ignoreCancelToken: true }
+    );
+  }
+
+  function getGlobalModuleCount(keyword: string) {
+    return CDR.post<{ key: string; count: number }[]>(
+      { url: `${GetGlobalModuleCountUrl}?keyword=${keyword}` },
+      { ignoreCancelToken: true }
+    );
+  }
+
+  // 客户导入
+  function preCheckImportAccount(file: File) {
+    return CDR.uploadFile<{ data: ValidateInfo }>({ url: PreCheckAccountImportUrl }, { fileList: [file] }, 'file');
+  }
+
+  function downloadAccountTemplate() {
+    return CDR.get(
+      {
+        url: DownloadAccountTemplateUrl,
+        responseType: 'blob',
+      },
+      { isTransformResponse: false, isReturnNativeResponse: true }
+    );
+  }
+
+  function importAccount(file: File) {
+    return CDR.uploadFile({ url: ImportAccountUrl }, { fileList: [file] }, 'file');
+  }
+
+  // 联系人导入
+  function preCheckImportContact(file: File) {
+    return CDR.uploadFile<{ data: ValidateInfo }>({ url: PreCheckContactImportUrl }, { fileList: [file] }, 'file');
+  }
+
+  function downloadContactTemplate() {
+    return CDR.get(
+      {
+        url: DownloadContactTemplateUrl,
+        responseType: 'blob',
+      },
+      { isTransformResponse: false, isReturnNativeResponse: true }
+    );
+  }
+
+  function importContact(file: File) {
+    return CDR.uploadFile({ url: ImportContactUrl }, { fileList: [file] }, 'file');
+  }
+
+  // 公海视图
+  function addAccountPoolView(data: ViewParams) {
+    return CDR.post({ url: AddAccountPoolViewUrl, data });
+  }
+
+  function updateAccountPoolView(data: ViewParams) {
+    return CDR.post({ url: UpdateAccountPoolViewUrl, data });
+  }
+
+  function getAccountPoolViewList() {
+    return CDR.get<ViewItem[]>({ url: GetAccountPoolViewListUrl });
+  }
+
+  function getAccountPoolViewDetail(id: string) {
+    return CDR.get({ url: `${GetAccountPoolViewDetailUrl}/${id}` });
+  }
+
+  function fixedAccountPoolView(id: string) {
+    return CDR.get({ url: `${FixedAccountPoolViewUrl}/${id}` });
+  }
+
+  function enableAccountPoolView(id: string) {
+    return CDR.get({ url: `${EnableAccountPoolViewUrl}/${id}` });
+  }
+
+  function deleteAccountPoolView(id: string) {
+    return CDR.get({ url: `${DeleteAccountPoolViewUrl}/${id}` });
+  }
+
+  function dragAccountPoolView(data: TableDraggedParams) {
+    return CDR.post({ url: DragAccountPoolViewUrl, data });
+  }
+
+  function mergeAccount(data: MergeAccountParams) {
+    return CDR.post({ url: MergeAccountUrl, data });
+  }
+
+  function mergeAccountPage(data: TableQueryParams) {
+    return CDR.post({ url: MergeAccountPageUrl, data });
+  }
+
+  function getAccountContract(data: TableQueryParams) {
+    return CDR.post<CommonList<ContractItem>>({ url: GetAccountContractListUrl, data });
+  }
+
+  function getAccountContractStatistic(id: string) {
+    return CDR.get({ url: `${GetAccountContractStatisticUrl}/${id}` });
+  }
+
+  function getAccountPayment(data: TableQueryParams) {
+    return CDR.post<CommonList<PaymentPlanItem>>({ url: GetAccountPaymentListUrl, data });
+  }
+
+  function getAccountPaymentStatistic(id: string) {
+    return CDR.get({ url: `${GetAccountPaymentStatisticUrl}/${id}` });
+  }
+
+  function getAccountPaymentRecord(data: TableQueryParams) {
+    return CDR.post<CommonList<PaymentRecordItem>>({ url: GetAccountPaymentRecordListUrl, data });
+  }
+
+  function getAccountPaymentRecordStatistic(id: string) {
+    return CDR.get({ url: `${GetAccountPaymentRecordStatisticUrl}/${id}` });
+  }
+
+  return {
+    addCustomer,
+    updateCustomer,
+    getCustomerList,
+    getCustomerContactTab,
+    getCustomerFormConfig,
+    getCustomer,
+    deleteCustomer,
+    getGlobalCustomerList,
+    getGlobalOpenSeaCustomerList,
+    getGlobalCustomerContactList,
+    getGlobalModuleCount,
+    batchDeleteCustomer,
+    batchTransferCustomer,
+    batchMoveCustomer,
+    addCustomerFollowRecord,
+    updateCustomerFollowRecord,
+    deleteCustomerFollowRecord,
+    getCustomerFollowRecordList,
+    getCustomerFollowRecordFormConfig,
+    getCustomerFollowRecord,
+    addCustomerFollowPlan,
+    updateCustomerFollowPlan,
+    deleteCustomerFollowPlan,
+    getCustomerFollowPlanList,
+    cancelCustomerFollowPlan,
+    getCustomerFollowPlanFormConfig,
+    getCustomerFollowPlan,
+    addCustomerContact,
+    getCustomerContactList,
+    updateCustomerContact,
+    disableCustomerContact,
+    getCustomerContactFormConfig,
+    getCustomerContact,
+    enableCustomerContact,
+    deleteCustomerContact,
+    checkOpportunity,
+    getContactListUnderCustomer,
+    addCustomerOpenSea,
+    updateCustomerOpenSea,
+    getCustomerOpenSeaList,
+    switchCustomerOpenSea,
+    deleteCustomerOpenSea,
+    isCustomerOpenSeaNoPick,
+    getOpenSeaCustomerList,
+    getCustomerOpportunityPage,
+    pickOpenSeaCustomer,
+    batchPickOpenSeaCustomer,
+    batchDeleteOpenSeaCustomer,
+    batchAssignOpenSeaCustomer,
+    assignOpenSeaCustomer,
+    getOpenSeaOptions,
+    getOpenSeaCustomer,
+    deleteOpenSeaCustomer,
+    getCustomerHeaderList,
+    saveCustomerRelation,
+    getCustomerRelationList,
+    getCustomerCollaborationList,
+    batchDeleteCustomerCollaboration,
+    updateCustomerCollaboration,
+    addCustomerCollaboration,
+    deleteCustomerCollaboration,
+    getCustomerOptions,
+    getCustomerOpenSeaFollowRecordList,
+    updateCustomerRelationItem,
+    addCustomerRelationItem,
+    deleteCustomerRelationItem,
+    getCustomerTab,
+    updateCustomerFollowPlanStatus,
+    exportCustomerAll,
+    exportContactAll,
+    exportContactSelected,
+    exportCustomerSelected,
+    moveCustomerToPool,
+    addCustomerView,
+    deleteCustomerView,
+    fixedCustomerView,
+    getCustomerViewDetail,
+    getCustomerViewList,
+    updateCustomerView,
+    enableCustomerView,
+    dragCustomerView,
+    addContactView,
+    deleteContactView,
+    fixedContactView,
+    getContactViewDetail,
+    getContactViewList,
+    updateContactView,
+    enableContactView,
+    dragContactView,
+    geAdvancedCustomerList,
+    getAdvancedOpenSeaCustomerList,
+    getAdvancedCustomerContactList,
+    exportCustomerOpenSeaAll,
+    exportCustomerOpenSeaSelected,
+    preCheckImportAccount,
+    downloadAccountTemplate,
+    importAccount,
+    preCheckImportContact,
+    downloadContactTemplate,
+    importContact,
+    batchUpdateOpenSeaCustomer,
+    addAccountPoolView,
+    deleteAccountPoolView,
+    fixedAccountPoolView,
+    getAccountPoolViewDetail,
+    getAccountPoolViewList,
+    updateAccountPoolView,
+    enableAccountPoolView,
+    dragAccountPoolView,
+    batchUpdateAccount,
+    batchUpdateContact,
+    mergeAccount,
+    mergeAccountPage,
+    generateCustomerChart,
+    generateCustomerPoolChart,
+    generateCustomerContactChart,
+    getAccountContract,
+    getAccountContractStatistic,
+    getAccountPayment,
+    getAccountPaymentStatistic,
+    getAccountPaymentRecord,
+    getAccountPaymentRecordStatistic,
+    getCustomerInvoiceList,
+    getCustomerOrderList,
+    getCustomerInvoiceStatistic,
+  };
+}
diff --git a/frontend/packages/lib-shared/api/modules/dashboard.ts b/frontend/packages/lib-shared/api/modules/dashboard.ts
new file mode 100644
index 0000000..6e4b234
--- /dev/null
+++ b/frontend/packages/lib-shared/api/modules/dashboard.ts
@@ -0,0 +1,133 @@
+import type { CommonList, TableQueryParams } from '../../models/common';
+import type {
+  DashboardAddModuleParams,
+  DashboardAddParams,
+  DashboardDetail,
+  DashboardDragParams,
+  DashboardModuleDragParams,
+  DashboardModuleRenameParams,
+  DashboardRenameParams,
+  DashboardTableItem,
+  DashboardTableQueryParams,
+  DashboardUpdateParams,
+} from '../../models/dashboard';
+import {
+  dashboardAddUrl,
+  dashboardCollectPageUrl,
+  dashboardCollectUrl,
+  dashboardDeleteUrl,
+  dashboardDetailUrl,
+  dashboardDragUrl,
+  dashboardModuleAddUrl,
+  dashboardModuleCountUrl,
+  dashboardModuleDeleteUrl,
+  dashboardModuleDragUrl,
+  dashboardModuleRenameUrl,
+  dashboardModuleTreeUrl,
+  dashboardPageUrl,
+  dashboardRenameUrl,
+  dashboardUnCollectUrl,
+  dashboardUpdateUrl,
+} from '../requrls/dashboard';
+import type { CordysAxios } from '@lib/shared/api/http/Axios';
+
+export default function useDashboardApi(CDR: CordysAxios) {
+  // 重命名仪表板模块
+  function dashboardModuleRename(data: DashboardModuleRenameParams) {
+    return CDR.post({ url: dashboardModuleRenameUrl, data });
+  }
+
+  // 删除仪表板模块
+  function dashboardModuleDelete(ids: string[]) {
+    return CDR.post({ url: dashboardModuleDeleteUrl, data: ids });
+  }
+
+  // 添加仪表板模块
+  function dashboardModuleAdd(data: DashboardAddModuleParams) {
+    return CDR.post({ url: dashboardModuleAddUrl, data });
+  }
+
+  // 更新仪表板
+  function dashboardUpdate(data: DashboardUpdateParams) {
+    return CDR.post({ url: dashboardUpdateUrl, data });
+  }
+
+  // 重命名仪表板
+  function dashboardRename(data: DashboardRenameParams) {
+    return CDR.post({ url: dashboardRenameUrl, data });
+  }
+
+  // 添加仪表板
+  function dashboardAdd(data: DashboardAddParams) {
+    return CDR.post({ url: dashboardAddUrl, data });
+  }
+
+  // 获取仪表板详情
+  function dashboardDetail(id: string) {
+    return CDR.get<DashboardDetail>({ url: `${dashboardDetailUrl}/${id}` });
+  }
+
+  // 删除仪表板
+  function dashboardDelete(id: string) {
+    return CDR.get({ url: `${dashboardDeleteUrl}/${id}` });
+  }
+
+  // 获取仪表板模块树
+  function dashboardModuleTree() {
+    return CDR.get({ url: dashboardModuleTreeUrl });
+  }
+
+  // 获取仪表板模块数量
+  function dashboardModuleCount() {
+    return CDR.get({ url: dashboardModuleCountUrl });
+  }
+
+  // 仪表板拖拽
+  function dashboardDrag(data: DashboardDragParams) {
+    return CDR.post({ url: dashboardDragUrl, data });
+  }
+
+  // 仪表板模块拖拽
+  function dashboardModuleDrag(data: DashboardModuleDragParams) {
+    return CDR.post({ url: dashboardModuleDragUrl, data });
+  }
+
+  // 获取仪表板列表
+  function dashboardPage(data: DashboardTableQueryParams) {
+    return CDR.post<CommonList<DashboardTableItem>>({ url: dashboardPageUrl, data });
+  }
+
+  // 获取仪表板收藏列表
+  function dashboardCollectPage(data: TableQueryParams) {
+    return CDR.post<CommonList<DashboardTableItem>>({ url: dashboardCollectPageUrl, data });
+  }
+
+  // 收藏仪表板
+  function dashboardCollect(id: string) {
+    return CDR.get({ url: `${dashboardCollectUrl}/${id}` });
+  }
+
+  // 取消收藏仪表板
+  function dashboardUnCollect(id: string) {
+    return CDR.get({ url: `${dashboardUnCollectUrl}/${id}` });
+  }
+
+  return {
+    dashboardModuleRename,
+    dashboardModuleDelete,
+    dashboardModuleAdd,
+    dashboardUpdate,
+    dashboardRename,
+    dashboardAdd,
+    dashboardDetail,
+    dashboardDelete,
+    dashboardModuleTree,
+    dashboardPage,
+    dashboardCollectPage,
+    dashboardCollect,
+    dashboardUnCollect,
+    dashboardModuleCount,
+    dashboardModuleDrag,
+    dashboardDrag,
+  };
+}
diff --git a/frontend/packages/lib-shared/api/modules/follow.ts b/frontend/packages/lib-shared/api/modules/follow.ts
new file mode 100644
index 0000000..6e95c38
--- /dev/null
+++ b/frontend/packages/lib-shared/api/modules/follow.ts
@@ -0,0 +1,199 @@
+import type { CordysAxios } from '@lib/shared/api/http/Axios';
+import {
+  AddFollowPlanViewUrl,
+  AddFollowRecordViewUrl,
+  DeleteFollowPlanUrl,
+  DeleteFollowPlanViewUrl,
+  DeleteFollowRecordUrl,
+  DeleteFollowRecordViewUrl,
+  DragFollowPlanViewUrl,
+  DragFollowRecordViewUrl,
+  EnableFollowPlanViewUrl,
+  EnableFollowRecordViewUrl,
+  FixedFollowPlanViewUrl,
+  FixedFollowRecordViewUrl,
+  GetFollowPlanPageUrl,
+  GetFollowPlanTabUrl,
+  GetFollowPlanUrl,
+  GetFollowPlanViewDetailUrl,
+  GetFollowPlanViewListUrl,
+  GetFollowRecordPageUrl,
+  GetFollowRecordTabUrl,
+  GetFollowRecordUrl,
+  GetFollowRecordViewDetailUrl,
+  GetFollowRecordViewListUrl,
+  UpdateFollowPlanStatusUrl,
+  UpdateFollowPlanUrl,
+  UpdateFollowPlanViewUrl,
+  UpdateFollowRecordUrl,
+  AddFollowRecordUrl,
+  AddFollowPlanUrl,
+  UpdateFollowRecordViewUrl,
+} from '@lib/shared/api/requrls/follow';
+import type { CommonList, TableDraggedParams } from '@lib/shared/models/common';
+import type {
+  CustomerFollowRecordTableParams,
+  CustomerTabHidden,
+  FollowDetailItem,
+  UpdateCustomerFollowRecordParams,
+  UpdateFollowPlanStatusParams,
+} from '@lib/shared/models/customer';
+import type { ViewItem, ViewParams } from '@lib/shared/models/view';
+
+export default function useFollowApi(CDR: CordysAxios) {
+  // 跟进记录列表
+  function getFollowRecordPage(data: CustomerFollowRecordTableParams) {
+    return CDR.post<CommonList<FollowDetailItem>>({ url: GetFollowRecordPageUrl, data });
+  }
+
+  // 跟进记录详情
+  function getFollowRecordDetail(id: string) {
+    return CDR.get<FollowDetailItem>({ url: `${GetFollowRecordUrl}/${id}` });
+  }
+
+  // 获取tab显隐藏
+  function getFollowRecordTab() {
+    return CDR.get<CustomerTabHidden>({ url: GetFollowRecordTabUrl });
+  }
+
+  function deleteFollowRecord(id: string) {
+    return CDR.get({ url: `${DeleteFollowRecordUrl}/${id}` });
+  }
+
+  // 跟进计划列表
+  function getFollowPLanPage(data: CustomerFollowRecordTableParams) {
+    return CDR.post<CommonList<FollowDetailItem>>({ url: GetFollowPlanPageUrl, data });
+  }
+
+  // 跟进记录详情
+  function getFollowPlanDetail(id: string) {
+    return CDR.get<FollowDetailItem>({ url: `${GetFollowPlanUrl}/${id}` });
+  }
+
+  function updateFollowRecord(data: UpdateCustomerFollowRecordParams) {
+    return CDR.post({ url: UpdateFollowRecordUrl, data });
+  }
+
+  function addFollowRecord(data: UpdateCustomerFollowRecordParams) {
+    return CDR.post({ url: AddFollowRecordUrl, data });
+  }
+
+  // 获取tab显隐藏
+  function getFollowPlanTab() {
+    return CDR.get<CustomerTabHidden>({ url: GetFollowPlanTabUrl });
+  }
+
+  function deleteFollowPlan(id: string) {
+    return CDR.get({ url: `${DeleteFollowPlanUrl}/${id}` });
+  }
+
+  function updateFollowPlanStatus(data: UpdateFollowPlanStatusParams) {
+    return CDR.post({ url: UpdateFollowPlanStatusUrl, data });
+  }
+
+  function updateFollowPlan(data: UpdateCustomerFollowRecordParams) {
+    return CDR.post({ url: UpdateFollowPlanUrl, data });
+  }
+
+  function addFollowPlan(data: UpdateCustomerFollowRecordParams) {
+    return CDR.post({ url: AddFollowPlanUrl, data });
+  }
+
+  // 视图
+  function addFollowRecordView(data: ViewParams) {
+    return CDR.post({ url: AddFollowRecordViewUrl, data });
+  }
+
+  function updateFollowRecordView(data: ViewParams) {
+    return CDR.post({ url: UpdateFollowRecordViewUrl, data });
+  }
+
+  function getFollowRecordViewList() {
+    return CDR.get<ViewItem[]>({ url: GetFollowRecordViewListUrl });
+  }
+
+  function getFollowRecordViewDetail(id: string) {
+    return CDR.get({ url: `${GetFollowRecordViewDetailUrl}/${id}` });
+  }
+
+  function fixedFollowRecordView(id: string) {
+    return CDR.get({ url: `${FixedFollowRecordViewUrl}/${id}` });
+  }
+
+  function enableFollowRecordView(id: string) {
+    return CDR.get({ url: `${EnableFollowRecordViewUrl}/${id}` });
+  }
+
+  function deleteFollowRecordView(id: string) {
+    return CDR.get({ url: `${DeleteFollowRecordViewUrl}/${id}` });
+  }
+
+  function dragFollowRecordView(data: TableDraggedParams) {
+    return CDR.post({ url: DragFollowRecordViewUrl, data });
+  }
+
+  // 跟进计划视图
+  function addFollowPlanView(data: ViewParams) {
+    return CDR.post({ url: AddFollowPlanViewUrl, data });
+  }
+
+  function updateFollowPlanView(data: ViewParams) {
+    return CDR.post({ url: UpdateFollowPlanViewUrl, data });
+  }
+
+  function getFollowPlanViewList() {
+    return CDR.get<ViewItem[]>({ url: GetFollowPlanViewListUrl });
+  }
+
+  function getFollowPlanViewDetail(id: string) {
+    return CDR.get({ url: `${GetFollowPlanViewDetailUrl}/${id}` });
+  }
+
+  function fixedFollowPlanView(id: string) {
+    return CDR.get({ url: `${FixedFollowPlanViewUrl}/${id}` });
+  }
+
+  function enableFollowPlanView(id: string) {
+    return CDR.get({ url: `${EnableFollowPlanViewUrl}/${id}` });
+  }
+
+  function deleteFollowPlanView(id: string) {
+    return CDR.get({ url: `${DeleteFollowPlanViewUrl}/${id}` });
+  }
+
+  function dragFollowPlanView(data: TableDraggedParams) {
+    return CDR.post({ url: DragFollowPlanViewUrl, data });
+  }
+
+  return {
+    getFollowPlanDetail,
+    getFollowPLanPage,
+    getFollowRecordDetail,
+    getFollowRecordPage,
+    deleteFollowRecord,
+    getFollowRecordTab,
+    getFollowPlanTab,
+    deleteFollowPlan,
+    updateFollowPlanStatus,
+    updateFollowPlan,
+    updateFollowRecord,
+    addFollowRecord,
+    addFollowPlan,
+    addFollowRecordView,
+    updateFollowRecordView,
+    getFollowRecordViewList,
+    getFollowRecordViewDetail,
+    fixedFollowRecordView,
+    enableFollowRecordView,
+    deleteFollowRecordView,
+    dragFollowRecordView,
+    addFollowPlanView,
+    updateFollowPlanView,
+    getFollowPlanViewList,
+    getFollowPlanViewDetail,
+    fixedFollowPlanView,
+    enableFollowPlanView,
+    deleteFollowPlanView,
+    dragFollowPlanView,
+  };
+}
diff --git a/frontend/packages/lib-shared/api/modules/home.ts b/frontend/packages/lib-shared/api/modules/home.ts
new file mode 100644
index 0000000..813a8a5
--- /dev/null
+++ b/frontend/packages/lib-shared/api/modules/home.ts
@@ -0,0 +1,37 @@
+import type { FollowOptStatisticDetail, GetHomeStatisticParams, HomeLeadStatisticDetail, HomeWinOrderDetail } from '../../models/home';
+import { HomeDepartmentTree, HomeFollowOpportunity, HomeLeadStatistic, HomeSuccessOpportunity, HomeOpportunityUnderwayUrl } from '../requrls/home';
+import { CrmTreeNodeData } from '@cordys/web/src/components/pure/crm-tree/type';
+import type { CordysAxios } from '@lib/shared/api/http/Axios';
+
+export default function useHomeApi(CDR: CordysAxios) {
+  // 用户部门权限树
+  function getHomeDepartmentTree() {
+    return CDR.get<CrmTreeNodeData[]>({ url: HomeDepartmentTree });
+  }
+
+  // 跟进商机统计
+  function getHomeFollowOpportunity(data: GetHomeStatisticParams) {
+    return CDR.post<FollowOptStatisticDetail>({ url: HomeFollowOpportunity, data });
+  }
+
+  // 线索统计
+  function getHomeLeadStatistic(data: GetHomeStatisticParams) {
+    return CDR.post<HomeLeadStatisticDetail>({ url: HomeLeadStatistic, data });
+  }
+
+  function getHomeSuccessOptStatistic(data: GetHomeStatisticParams) {
+    return CDR.post<HomeWinOrderDetail>({ url: HomeSuccessOpportunity, data });
+  }
+
+  function getHomeOpportunityUnderwayStatistic(data: GetHomeStatisticParams) {
+    return CDR.post<HomeWinOrderDetail>({ url: HomeOpportunityUnderwayUrl, data });
+  }
+
+  return {
+    getHomeDepartmentTree,
+    getHomeFollowOpportunity,
+    getHomeLeadStatistic,
+    getHomeSuccessOptStatistic,
+    getHomeOpportunityUnderwayStatistic,
+  };
+}
diff --git a/frontend/packages/lib-shared/api/modules/opportunity.ts b/frontend/packages/lib-shared/api/modules/opportunity.ts
new file mode 100644
index 0000000..96fa8e9
--- /dev/null
+++ b/frontend/packages/lib-shared/api/modules/opportunity.ts
@@ -0,0 +1,551 @@
+import type { CordysAxios } from '@lib/shared/api/http/Axios';
+import {
+  AddBusinessViewUrl,
+  AddOpportunityStageUrl,
+  AddOptFollowPlanUrl,
+  AddOptFollowRecordUrl,
+  AddQuotationUrl,
+  AddQuotationViewUrl,
+  AdvancedSearchOptDetailUrl,
+  AdvancedSearchOptPageUrl,
+  ApprovalQuotationUrl,
+  BatchApproveUrl,
+  BatchUpdateQuotationUrl,
+  BatchUpdateOpportunityUrl,
+  BatchVoidedUrl,
+  CancelOptFollowPlanUrl,
+  DeleteBusinessViewUrl,
+  DeleteOpportunityStageUrl,
+  DeleteOptFollowPlanUrl,
+  DeleteOptFollowRecordUrl,
+  DeleteQuotationUrl,
+  DeleteQuotationViewUrl,
+  DownloadOptTemplateUrl,
+  DownloadQuotationUrl,
+  DragBusinessViewUrl,
+  DragQuotationViewUrl,
+  EnableBusinessViewUrl,
+  EnableQuotationViewUrl,
+  ExportOpportunityAllUrl,
+  ExportOpportunitySelectedUrl,
+  FixedBusinessViewUrl,
+  FixedQuotationViewUrl,
+  GenerateOpportunityChartUrl,
+  GetBusinessViewDetailUrl,
+  GetBusinessViewListUrl,
+  GetOpportunityContactListUrl,
+  GetOpportunityStageConfigUrl,
+  GetOptDetailUrl,
+  GetOptFollowPlanUrl,
+  GetOptFollowRecordUrl,
+  GetOptFormConfigUrl,
+  GetOptStatisticUrl,
+  GetOptTabUrl,
+  GetQuotationDetailUrl,
+  GetQuotationFormConfigUrl,
+  GetQuotationSnapshotDetailUrl,
+  GetQuotationSnapshotFormConfigUrl,
+  GetQuotationTabUrl,
+  GetQuotationViewDetailUrl,
+  GetQuotationViewListUrl,
+  GlobalSearchOptPageUrl,
+  ImportOpportunityUrl,
+  OptAddUrl,
+  OptBatchDeleteUrl,
+  OptBatchTransferUrl,
+  OptDeleteUrl,
+  OptFollowPlanPageUrl,
+  OptFollowRecordListUrl,
+  OptPageUrl,
+  OptUpdateStageUrl,
+  OptUpdateUrl,
+  PreCheckOptImportUrl,
+  QuotationPageUrl,
+  RevokeQuotationUrl,
+  SortOpportunityStageUrl,
+  SortOpportunityUrl,
+  UpdateBusinessViewUrl,
+  UpdateOpportunityStageRollbackUrl,
+  UpdateOpportunityStageUrl,
+  UpdateOptFollowPlanStatusUrl,
+  UpdateOptFollowPlanUrl,
+  UpdateOptFollowRecordUrl,
+  UpdateQuotationUrl,
+  UpdateQuotationViewUrl,
+  VoidQuotationUrl,
+} from '@lib/shared/api/requrls/opportunity';
+import type {
+  ChartResponseDataItem,
+  CommonList,
+  GenerateChartParams,
+  TableDraggedParams,
+  TableExportParams,
+  TableExportSelectedParams,
+  TableQueryParams,
+} from '@lib/shared/models/common';
+import type {
+  BatchUpdatePoolAccountParams,
+  CustomerContractTableParams,
+  CustomerFollowPlanTableParams,
+  CustomerFollowRecordTableParams,
+  CustomerTabHidden,
+  FollowDetailItem,
+  SaveCustomerFollowPlanParams,
+  SaveCustomerFollowRecordParams,
+  TransferParams,
+  UpdateCustomerFollowPlanParams,
+  UpdateCustomerFollowRecordParams,
+  UpdateFollowPlanStatusParams,
+} from '@lib/shared/models/customer';
+import type {
+  AddOpportunityStageParams,
+  ApproveQuotation,
+  BatchOperationResult,
+  BatchUpdateQuotationStatusParams,
+  BatchVoidQuotationStatusParams,
+  StageBoardPageQueryParams,
+  StageBoardDraggedParams,
+  OpportunityDetail,
+  OpportunityItem,
+  OpportunityStageConfig,
+  QuotationItem,
+  QuotationQueryParams,
+  SaveOpportunityParams,
+  SaveQuotationParams,
+  UpdateOpportunityParams,
+  UpdateOpportunityStageParams,
+  UpdateOpportunityStageRollbackParams,
+  UpdateQuotationParams,
+} from '@lib/shared/models/opportunity';
+import type { FormDesignConfigDetailParams } from '@lib/shared/models/system/module';
+import { ValidateInfo } from '@lib/shared/models/system/org';
+import type { ViewItem, ViewParams } from '@lib/shared/models/view';
+
+export default function useProductApi(CDR: CordysAxios) {
+  // 商机列表
+  function getOpportunityList(data: StageBoardPageQueryParams) {
+    return CDR.post<CommonList<OpportunityItem>>({ url: OptPageUrl, data }, { ignoreCancelToken: true });
+  }
+
+  // 添加商机
+  function addOpportunity(data: SaveOpportunityParams) {
+    return CDR.post({ url: OptAddUrl, data });
+  }
+
+  // 更新商机
+  function updateOpportunity(data: UpdateOpportunityParams) {
+    return CDR.post({ url: OptUpdateUrl, data });
+  }
+
+  // 商机详情
+  function getOpportunityDetail(id: string) {
+    return CDR.get<OpportunityDetail>({ url: `${GetOptDetailUrl}/${id}` });
+  }
+
+  // 商机看板拖拽排序
+  function sortOpportunity(data: StageBoardDraggedParams) {
+    return CDR.post({ url: SortOpportunityUrl, data });
+  }
+
+  // 获取商机表单配置
+  function getOptFormConfig() {
+    return CDR.get<FormDesignConfigDetailParams>({ url: GetOptFormConfigUrl });
+  }
+
+  // 商机跟进记录列表
+  function getOptFollowRecordList(data: CustomerFollowRecordTableParams) {
+    return CDR.post<CommonList<FollowDetailItem>>({ url: OptFollowRecordListUrl, data });
+  }
+
+  // 删除商机跟进记录
+  function deleteOptFollowRecord(id: string) {
+    return CDR.get({ url: `${DeleteOptFollowRecordUrl}/${id}` });
+  }
+
+  // 添加商机跟进记录
+  function addOptFollowRecord(data: SaveCustomerFollowRecordParams) {
+    return CDR.post({ url: AddOptFollowRecordUrl, data });
+  }
+
+  // 更新商机跟进记录
+  function updateOptFollowRecord(data: UpdateCustomerFollowRecordParams) {
+    return CDR.post({ url: UpdateOptFollowRecordUrl, data });
+  }
+
+  // 获取商机跟进记录详情
+  function getOptFollowRecord(id: string) {
+    return CDR.get<FollowDetailItem>({ url: `${GetOptFollowRecordUrl}/${id}` });
+  }
+
+  // 跟进计划列表
+  function getOptFollowPlanList(data: CustomerFollowPlanTableParams) {
+    return CDR.post<CommonList<FollowDetailItem>>({ url: OptFollowPlanPageUrl, data });
+  }
+
+  // 添加商机跟进计划
+  function addOptFollowPlan(data: SaveCustomerFollowPlanParams) {
+    return CDR.post({ url: AddOptFollowPlanUrl, data });
+  }
+
+  // 更新商机跟进计划
+  function updateOptFollowPlan(data: UpdateCustomerFollowPlanParams) {
+    return CDR.post({ url: UpdateOptFollowPlanUrl, data });
+  }
+
+  // 删除商机跟进计划
+  function deleteOptFollowPlan(id: string) {
+    return CDR.get({ url: `${DeleteOptFollowPlanUrl}/${id}` });
+  }
+
+  // 获取商机跟进计划详情
+  function getOptFollowPlan(id: string) {
+    return CDR.get<FollowDetailItem>({ url: `${GetOptFollowPlanUrl}/${id}` });
+  }
+
+  // 取消商机跟进计划
+  function cancelOptFollowPlan(id: string) {
+    return CDR.get({ url: `${CancelOptFollowPlanUrl}/${id}` });
+  }
+
+  // 批量转移商机
+  function transferOpt(data: TransferParams) {
+    return CDR.post({ url: OptBatchTransferUrl, data });
+  }
+
+  // 批量删除商机
+  function batchDeleteOpt(data: (string | number)[]) {
+    return CDR.post({ url: OptBatchDeleteUrl, data });
+  }
+
+  // 删除商机
+  function deleteOpt(id: string) {
+    return CDR.get({ url: `${OptDeleteUrl}/${id}` });
+  }
+
+  // 更新商机阶段
+  function updateOptStage(data: { id: string; stage: string; failureReason?: string | null }) {
+    return CDR.post({ url: OptUpdateStageUrl, data });
+  }
+
+  // 获取商机tab显隐藏
+  function getOptTab() {
+    return CDR.get<CustomerTabHidden>({ url: GetOptTabUrl });
+  }
+
+  // 获取商机联系人列表
+  function getOpportunityContactList(data: CustomerContractTableParams) {
+    return CDR.get({ url: `${GetOpportunityContactListUrl}/${data.id}` });
+  }
+
+  // 更新商机跟进计划状态
+  function updateOptFollowPlanStatus(data: UpdateFollowPlanStatusParams) {
+    return CDR.post({ url: UpdateOptFollowPlanStatusUrl, data });
+  }
+
+  // 导出全量商机列表
+  function exportOpportunityAll(data: TableExportParams) {
+    return CDR.post({ url: ExportOpportunityAllUrl, data });
+  }
+
+  // 导出选中商机列表
+  function exportOpportunitySelected(data: TableExportSelectedParams) {
+    return CDR.post({ url: ExportOpportunitySelectedUrl, data });
+  }
+
+  // 商机列表的金额数据
+  function getOptStatistic(data: TableQueryParams) {
+    return CDR.post({ url: GetOptStatisticUrl, data }, { ignoreCancelToken: true });
+  }
+
+  // 更新商机阶段配置
+  function updateOpportunityStage(data: UpdateOpportunityStageParams) {
+    return CDR.post({ url: UpdateOpportunityStageUrl, data });
+  }
+
+  // 商机阶段回退配置
+  function updateOpportunityStageRollback(data: UpdateOpportunityStageRollbackParams) {
+    return CDR.post({ url: UpdateOpportunityStageRollbackUrl, data });
+  }
+
+  // 商机阶段排序
+  function sortOpportunityStage(data: string[]) {
+    return CDR.post({ url: SortOpportunityStageUrl, data });
+  }
+
+  // 添加商机阶段
+  function addOpportunityStage(data: AddOpportunityStageParams) {
+    return CDR.post({ url: AddOpportunityStageUrl, data });
+  }
+
+  // 获取商机阶段配置
+  function getOpportunityStageConfig() {
+    return CDR.get<OpportunityStageConfig>({ url: GetOpportunityStageConfigUrl }, { ignoreCancelToken: true });
+  }
+
+  // 删除商机阶段
+  function deleteOpportunityStage(id: string) {
+    return CDR.get({ url: `${DeleteOpportunityStageUrl}/${id}` });
+  }
+
+  // 生成商机图表
+  function generateOpportunityChart(data: GenerateChartParams) {
+    return CDR.post<ChartResponseDataItem[]>({ url: GenerateOpportunityChartUrl, data });
+  }
+
+  // 商机视图
+  function addBusinessView(data: ViewParams) {
+    return CDR.post({ url: AddBusinessViewUrl, data });
+  }
+
+  function updateBusinessView(data: ViewParams) {
+    return CDR.post({ url: UpdateBusinessViewUrl, data });
+  }
+
+  function getBusinessViewList() {
+    return CDR.get<ViewItem[]>({ url: GetBusinessViewListUrl });
+  }
+
+  function getBusinessViewDetail(id: string) {
+    return CDR.get({ url: `${GetBusinessViewDetailUrl}/${id}` });
+  }
+
+  function fixedBusinessView(id: string) {
+    return CDR.get({ url: `${FixedBusinessViewUrl}/${id}` });
+  }
+
+  function enableBusinessView(id: string) {
+    return CDR.get({ url: `${EnableBusinessViewUrl}/${id}` });
+  }
+
+  function deleteBusinessView(id: string) {
+    return CDR.get({ url: `${DeleteBusinessViewUrl}/${id}` });
+  }
+
+  function dragBusinessView(data: TableDraggedParams) {
+    return CDR.post({ url: DragBusinessViewUrl, data });
+  }
+
+  function globalSearchOptPage(data: TableQueryParams) {
+    return CDR.post<CommonList<OpportunityItem>>({ url: GlobalSearchOptPageUrl, data }, { ignoreCancelToken: true });
+  }
+
+  function advancedSearchOptPage(data: TableQueryParams) {
+    return CDR.post<CommonList<OpportunityItem>>({ url: AdvancedSearchOptPageUrl, data }, { ignoreCancelToken: true });
+  }
+
+  function advancedSearchOptDetail(data: TableQueryParams) {
+    return CDR.post<CommonList<OpportunityItem>>({ url: AdvancedSearchOptDetailUrl, data });
+  }
+
+  function preCheckImportOpt(file: File) {
+    return CDR.uploadFile<{ data: ValidateInfo }>({ url: PreCheckOptImportUrl }, { fileList: [file] }, 'file');
+  }
+
+  function downloadOptTemplate() {
+    return CDR.get(
+      {
+        url: DownloadOptTemplateUrl,
+        responseType: 'blob',
+      },
+      { isTransformResponse: false, isReturnNativeResponse: true }
+    );
+  }
+
+  function importOpportunity(file: File) {
+    return CDR.uploadFile({ url: ImportOpportunityUrl }, { fileList: [file] }, 'file');
+  }
+
+  // 批量更新商机
+  function batchUpdateOpportunity(data: BatchUpdatePoolAccountParams) {
+    return CDR.post({ url: BatchUpdateOpportunityUrl, data });
+  }
+
+  // 获取商机报价单tab显隐藏
+  function getQuotationTab() {
+    return CDR.get<CustomerTabHidden>({ url: GetQuotationTabUrl });
+  }
+
+  // 报价单视图
+  function addQuotationView(data: ViewParams) {
+    return CDR.post({ url: AddQuotationViewUrl, data });
+  }
+
+  function updateQuotationView(data: ViewParams) {
+    return CDR.post({ url: UpdateQuotationViewUrl, data });
+  }
+
+  function getQuotationViewList() {
+    return CDR.get<ViewItem[]>({ url: GetQuotationViewListUrl });
+  }
+
+  function getQuotationViewDetail(id: string) {
+    return CDR.get({ url: `${GetQuotationViewDetailUrl}/${id}` });
+  }
+
+  function fixedQuotationView(id: string) {
+    return CDR.get({ url: `${FixedQuotationViewUrl}/${id}` });
+  }
+
+  function enableQuotationView(id: string) {
+    return CDR.get({ url: `${EnableQuotationViewUrl}/${id}` });
+  }
+
+  function deleteQuotationView(id: string) {
+    return CDR.get({ url: `${DeleteQuotationViewUrl}/${id}` });
+  }
+
+  function dragQuotationView(data: TableDraggedParams) {
+    return CDR.post({ url: DragQuotationViewUrl, data });
+  }
+
+  // 报价单
+  // 报价列表
+  function getQuotationList(data: QuotationQueryParams) {
+    return CDR.post<CommonList<QuotationItem>>({ url: QuotationPageUrl, data });
+  }
+
+  // 添加报价
+  function addQuotation(data: SaveQuotationParams) {
+    return CDR.post({ url: AddQuotationUrl, data });
+  }
+
+  // 更新报价
+  function updateQuotation(data: UpdateQuotationParams, approvalTaskId?: string) {
+    return CDR.post({ url: UpdateQuotationUrl, data, params: { approvalTaskId } });
+  }
+
+  // 报价详情
+  function getQuotationDetail(id: string, approvalTaskId?: string) {
+    return CDR.get<QuotationItem>({ url: `${GetQuotationDetailUrl}/${id}`, params: { approvalTaskId } });
+  }
+
+  // 报价单快照详情
+  function getQuotationSnapshotDetail(id: string, approvalTaskId?: string) {
+    return CDR.get<QuotationItem>({ url: `${GetQuotationSnapshotDetailUrl}/${id}`, params: { approvalTaskId } });
+  }
+
+  // 获取报价表单配置
+  function getQuotationFormConfig() {
+    return CDR.get<FormDesignConfigDetailParams>({ url: GetQuotationFormConfigUrl });
+  }
+
+  // 获取报价表单快照配置
+  function getQuotationSnapshotFormConfig(id?: string, approvalTaskId?: string) {
+    return CDR.get<FormDesignConfigDetailParams>({
+      url: `${GetQuotationSnapshotFormConfigUrl}/${id}`,
+      params: { approvalTaskId },
+    });
+  }
+
+  // 删除报价
+  function deleteQuotation(id: string) {
+    return CDR.get({ url: `${DeleteQuotationUrl}/${id}` });
+  }
+
+  // 作废报价
+  function voidQuotation(id: string) {
+    return CDR.get({ url: `${VoidQuotationUrl}/${id}` });
+  }
+
+  // 审批报价
+  function approvalQuotation(data: ApproveQuotation) {
+    return CDR.post({ url: ApprovalQuotationUrl, data });
+  }
+
+  // 撤销报价
+  function revokeQuotation(id: string) {
+    return CDR.get({ url: `${RevokeQuotationUrl}/${id}` });
+  }
+
+  function batchApprove(data: BatchUpdateQuotationStatusParams) {
+    return CDR.post<BatchOperationResult>({ url: BatchApproveUrl, data });
+  }
+
+  function batchVoided(data: BatchVoidQuotationStatusParams) {
+    return CDR.post<BatchOperationResult>({ url: BatchVoidedUrl, data });
+  }
+
+  function batchUpdateQuotation(data: BatchUpdatePoolAccountParams) {
+    return CDR.post({ url: BatchUpdateQuotationUrl, data });
+  }
+
+  function downloadQuotation(id: string) {
+    return CDR.get({ url: `${DownloadQuotationUrl}/${id}` });
+  }
+
+  return {
+    getOpportunityList,
+    addOpportunity,
+    updateOpportunity,
+    getOpportunityDetail,
+    getOptFormConfig,
+    getOptFollowRecordList,
+    deleteOptFollowRecord,
+    addOptFollowRecord,
+    updateOptFollowRecord,
+    getOptFollowRecord,
+    getOptFollowPlanList,
+    addOptFollowPlan,
+    updateOptFollowPlan,
+    deleteOptFollowPlan,
+    getOptFollowPlan,
+    cancelOptFollowPlan,
+    transferOpt,
+    batchDeleteOpt,
+    deleteOpt,
+    updateOptStage,
+    getOptTab,
+    getOpportunityContactList,
+    updateOptFollowPlanStatus,
+    exportOpportunityAll,
+    exportOpportunitySelected,
+    addBusinessView,
+    deleteBusinessView,
+    fixedBusinessView,
+    getBusinessViewDetail,
+    getBusinessViewList,
+    updateBusinessView,
+    enableBusinessView,
+    dragBusinessView,
+    advancedSearchOptPage,
+    globalSearchOptPage,
+    advancedSearchOptDetail,
+    preCheckImportOpt,
+    downloadOptTemplate,
+    importOpportunity,
+    getOptStatistic,
+    batchUpdateOpportunity,
+    sortOpportunity,
+    updateOpportunityStage,
+    updateOpportunityStageRollback,
+    sortOpportunityStage,
+    addOpportunityStage,
+    getOpportunityStageConfig,
+    deleteOpportunityStage,
+    generateOpportunityChart,
+    getQuotationTab,
+    addQuotationView,
+    deleteQuotationView,
+    fixedQuotationView,
+    getQuotationViewDetail,
+    getQuotationViewList,
+    updateQuotationView,
+    enableQuotationView,
+    dragQuotationView,
+    getQuotationList,
+    addQuotation,
+    updateQuotation,
+    getQuotationDetail,
+    getQuotationSnapshotDetail,
+    getQuotationFormConfig,
+    getQuotationSnapshotFormConfig,
+    deleteQuotation,
+    approvalQuotation,
+    voidQuotation,
+    revokeQuotation,
+    batchApprove,
+    batchVoided,
+    batchUpdateQuotation,
+    downloadQuotation,
+  };
+}
diff --git a/frontend/packages/lib-shared/api/modules/order.ts b/frontend/packages/lib-shared/api/modules/order.ts
new file mode 100644
index 0000000..537bd7b
--- /dev/null
+++ b/frontend/packages/lib-shared/api/modules/order.ts
@@ -0,0 +1,240 @@
+import type { CordysAxios } from '@lib/shared/api/http/Axios';
+import {
+  AddOrderUrl,
+  AddOrderViewUrl,
+  BatchUpdateOrderUrl,
+  DeleteOrderUrl,
+  UpdateOrderStageUrl,
+  DeleteOrderViewUrl,
+  DragOrderViewUrl,
+  EnableOrderViewUrl,
+  FixedOrderViewUrl,
+  GetOrderDetailUrl,
+  OrderPageUrl,
+  SortOrderUrl,
+  OrderDetailSnapshotUrl,
+  OrderFormConfigUrl,
+  OrderFormConfigSnapshotUrl,
+  OrderInContractPageUrl,
+  GetOrderTabUrl,
+  GetOrderViewDetailUrl,
+  GetOrderViewListUrl,
+  UpdateOrderUrl,
+  UpdateOrderViewUrl,
+  UpdateOrderStatusUrl,
+  UpdateOrderStatusRollbackUrl,
+  SortOrderStatusUrl,
+  AddOrderStatusUrl,
+  GetOrderStatusConfigUrl,
+  DeleteOrderStatusUrl,
+  DownloadOrderUrl,
+  OrderStatisticUrl,
+  SaveAdvanceConfigUrl,
+  SwitchOrderCirculationTypeUrl,
+} from '@lib/shared/api/requrls/order';
+import type { FormDesignConfigDetailParams } from '@lib/shared/models/system/module';
+import type { CommonList, TableDraggedParams } from '@lib/shared/models/common';
+import type { BatchUpdatePoolAccountParams, CustomerTabHidden } from '@lib/shared/models/customer';
+import type { OrderItem, UpdateOrderParams } from '@lib/shared/models/order';
+import type { TableQueryParams } from '@lib/shared/models/common';
+
+import type { ViewItem, ViewParams } from '@lib/shared/models/view';
+import {
+  StageBoardPageQueryParams,
+  StageBoardDraggedParams,
+  StageBaseParams,
+  OpportunityStageConfig,
+  UpdateOpportunityStageRollbackParams,
+  UpdateStageBaseParams,
+  type SaveCirculationConfigParams,
+  type UpdateStageParams,
+} from '@lib/shared/models/opportunity';
+import type { CirculationTypeEnum } from '@lib/shared/enums/opportunityEnum';
+
+export default function useOrderApi(CDR: CordysAxios) {
+  // 列表
+  function getOrderList(data: StageBoardPageQueryParams) {
+    return CDR.post<CommonList<OrderItem>>({ url: OrderPageUrl, data }, { ignoreCancelToken: true });
+  }
+
+  // 合同下的列表
+  function getOrderInContractList(data: TableQueryParams) {
+    return CDR.post<CommonList<OrderItem>>({ url: OrderInContractPageUrl, data });
+  }
+
+  // 订单详情
+  function getOrderDetail(id: string, approvalTaskId?: string) {
+    return CDR.get<OrderItem>({ url: `${GetOrderDetailUrl}/${id}`, params: { approvalTaskId } });
+  }
+
+  // 详情快照
+  function getOrderDetailSnapshot(id: string, approvalTaskId?: string) {
+    return CDR.get<OrderItem>({ url: `${OrderDetailSnapshotUrl}/${id}`, params: { approvalTaskId } });
+  }
+
+  // 新增订单
+  function addOrder(data: UpdateOrderParams) {
+    return CDR.post({ url: AddOrderUrl, data });
+  }
+
+  // 更新订单
+  function updateOrder(data: UpdateOrderParams, approvalTaskId?: string) {
+    return CDR.post({ url: UpdateOrderUrl, data, params: { approvalTaskId } });
+  }
+
+  // 批量更新订单
+  function batchUpdateOrder(data: BatchUpdatePoolAccountParams) {
+    return CDR.post({ url: BatchUpdateOrderUrl, data });
+  }
+
+  // 删除订单
+  function deleteOrder(id: string) {
+    return CDR.get({ url: `${DeleteOrderUrl}/${id}` });
+  }
+
+  // 获取表单配置
+  function getOrderFormConfig() {
+    return CDR.get<FormDesignConfigDetailParams>({
+      url: OrderFormConfigUrl,
+    });
+  }
+
+  // 获取表单配置快照
+  function getOrderFormSnapshotConfig(id?: string, approvalTaskId?: string) {
+    return CDR.get<FormDesignConfigDetailParams>({
+      url: `${OrderFormConfigSnapshotUrl}/${id}`,
+      params: { approvalTaskId },
+    });
+  }
+
+  function downloadOrder(id: string) {
+    return CDR.get({ url: `${DownloadOrderUrl}/${id}` });
+  }
+
+  // 获取订单tab显隐配置
+  function getOrderTab() {
+    return CDR.get<CustomerTabHidden>({ url: GetOrderTabUrl });
+  }
+
+  // 视图管理
+  function addOrderView(data: ViewParams) {
+    return CDR.post({ url: AddOrderViewUrl, data });
+  }
+
+  function updateOrderView(data: ViewParams) {
+    return CDR.post({ url: UpdateOrderViewUrl, data });
+  }
+
+  function getOrderViewList() {
+    return CDR.get<ViewItem[]>({ url: GetOrderViewListUrl });
+  }
+
+  function getOrderViewDetail(id: string) {
+    return CDR.get({ url: `${GetOrderViewDetailUrl}/${id}` });
+  }
+
+  function fixedOrderView(id: string) {
+    return CDR.get({ url: `${FixedOrderViewUrl}/${id}` });
+  }
+
+  function enableOrderView(id: string) {
+    return CDR.get({ url: `${EnableOrderViewUrl}/${id}` });
+  }
+
+  function deleteOrderView(id: string) {
+    return CDR.get({ url: `${DeleteOrderViewUrl}/${id}` });
+  }
+
+  function dragOrderView(data: TableDraggedParams) {
+    return CDR.post({ url: DragOrderViewUrl, data });
+  }
+
+  // 更新订单状态配置
+  function updateOrderStatus(data: UpdateStageBaseParams) {
+    return CDR.post({ url: UpdateOrderStatusUrl, data });
+  }
+
+  // 订单状态回退配置
+  function updateOrderStatusRollback(data: UpdateOpportunityStageRollbackParams) {
+    return CDR.post({ url: UpdateOrderStatusRollbackUrl, data });
+  }
+
+  // 订单状态排序
+  function sortOrderStatus(data: string[]) {
+    return CDR.post({ url: SortOrderStatusUrl, data });
+  }
+
+  // 添加订单状态
+  function addOrderStatus(data: StageBaseParams) {
+    return CDR.post({ url: AddOrderStatusUrl, data });
+  }
+
+  // 获取订单状态配置
+  function getOrderStatusConfig() {
+    return CDR.get<OpportunityStageConfig>({ url: GetOrderStatusConfigUrl }, { ignoreCancelToken: true });
+  }
+
+  // 删除订单状态
+  function deleteOrderStatus(id: string) {
+    return CDR.get({ url: `${DeleteOrderStatusUrl}/${id}` });
+  }
+
+  // 更新阶段
+  function updateOrderStage(data: UpdateStageParams) {
+    return CDR.post({ url: UpdateOrderStageUrl, data });
+  }
+
+  // 订单看板拖拽排序
+  function sortOrder(data: StageBoardDraggedParams) {
+    return CDR.post({ url: SortOrderUrl, data });
+  }
+
+  // 订单统计
+  function getOrderStatistic(data: TableQueryParams) {
+    return CDR.post({ url: OrderStatisticUrl, data }, { ignoreCancelToken: true });
+  }
+
+  // 保存高级流转配置
+  function saveAdvanceConfig(data: SaveCirculationConfigParams) {
+    return CDR.post({ url: SaveAdvanceConfigUrl, data });
+  }
+
+  // 切换流转配置
+  function switchOrderCirculationType(type: CirculationTypeEnum) {
+    return CDR.get({ url: `${SwitchOrderCirculationTypeUrl}/${type}` });
+  }
+
+  return {
+    getOrderFormConfig,
+    getOrderFormSnapshotConfig,
+    addOrder,
+    getOrderDetail,
+    getOrderDetailSnapshot,
+    updateOrder,
+    batchUpdateOrder,
+    deleteOrder,
+    getOrderList,
+    getOrderInContractList,
+    getOrderTab,
+    addOrderView,
+    updateOrderView,
+    getOrderViewList,
+    getOrderViewDetail,
+    fixedOrderView,
+    enableOrderView,
+    deleteOrderView,
+    dragOrderView,
+    updateOrderStatus,
+    updateOrderStatusRollback,
+    sortOrderStatus,
+    addOrderStatus,
+    getOrderStatusConfig,
+    deleteOrderStatus,
+    updateOrderStage,
+    sortOrder,
+    downloadOrder,
+    getOrderStatistic,
+    switchOrderCirculationType,
+    saveAdvanceConfig,
+  };
+}
diff --git a/frontend/packages/lib-shared/api/modules/product.ts b/frontend/packages/lib-shared/api/modules/product.ts
new file mode 100644
index 0000000..eacf6bd
--- /dev/null
+++ b/frontend/packages/lib-shared/api/modules/product.ts
@@ -0,0 +1,222 @@
+import type { CordysAxios } from '@lib/shared/api/http/Axios';
+import {
+  AddProductPriceUrl,
+  AddProductUrl,
+  BatchDeleteProductUrl,
+  BatchUpdateProductPriceUrl,
+  BatchUpdateProductUrl,
+  DeleteProductPriceUrl,
+  DeleteProductUrl,
+  DownloadProductPriceTemplateUrl,
+  DownloadProductTemplateUrl,
+  DragSortProductPriceUrl,
+  DragSortProductUrl,
+  ExportAllProductPriceUrl,
+  ExportProductPriceUrl,
+  GetProductFormConfigUrl,
+  GetProductListUrl,
+  GetProductOptionsUrl,
+  GetProductPriceFormConfigUrl,
+  GetProductPriceListUrl,
+  GetProductPriceUrl,
+  GetProductUrl,
+  ImportProductPriceUrl,
+  ImportProductUrl,
+  PreCheckImportProductPriceUrl,
+  PreCheckProductImportUrl,
+  UpdateProductPriceUrl,
+  UpdateProductUrl,
+  CopyProductPriceUrl,
+} from '@lib/shared/api/requrls/product';
+import type {
+  CommonList,
+  TableDraggedParams,
+  TableExportParams,
+  TableExportSelectedParams,
+  TableQueryParams,
+} from '@lib/shared/models/common';
+import { BatchUpdatePoolAccountParams } from '@lib/shared/models/customer';
+import type {
+  AddPriceParams,
+  ProductListItem,
+  SaveProductParams,
+  UpdatePriceParams,
+  UpdateProductParams,
+} from '@lib/shared/models/product';
+import type { FormDesignConfigDetailParams } from '@lib/shared/models/system/module';
+import { ValidateInfo } from '@lib/shared/models/system/org';
+
+export default function useProductApi(CDR: CordysAxios) {
+  // 添加产品
+  function addProduct(data: SaveProductParams) {
+    return CDR.post({ url: AddProductUrl, data });
+  }
+
+  // 更新产品
+  function updateProduct(data: UpdateProductParams) {
+    return CDR.post({ url: UpdateProductUrl, data });
+  }
+
+  // 获取产品列表
+  function getProductList(data: TableQueryParams) {
+    return CDR.post<CommonList<ProductListItem>>({ url: GetProductListUrl, data });
+  }
+
+  // 获取产品表单配置
+  function getProductFormConfig() {
+    return CDR.get<FormDesignConfigDetailParams>({ url: GetProductFormConfigUrl });
+  }
+
+  // 获取产品详情
+  function getProduct(id: string) {
+    return CDR.get<ProductListItem>({ url: `${GetProductUrl}/${id}` });
+  }
+
+  // 删除产品
+  function deleteProduct(id: string) {
+    return CDR.get({ url: `${DeleteProductUrl}/${id}` });
+  }
+
+  // 批量删除产品
+  function batchDeleteProduct(data: (string | number)[]) {
+    return CDR.post({ url: BatchDeleteProductUrl, data });
+  }
+
+  // 批量更新产品
+  function batchUpdateProduct(data: BatchUpdatePoolAccountParams) {
+    return CDR.post({ url: BatchUpdateProductUrl, data });
+  }
+  // 拖拽排序产品
+  function dragSortProduct(data: TableDraggedParams) {
+    return CDR.post({ url: DragSortProductUrl, data });
+  }
+
+  function preCheckImportProduct(file: File) {
+    return CDR.uploadFile<{ data: ValidateInfo }>({ url: PreCheckProductImportUrl }, { fileList: [file] }, 'file');
+  }
+
+  function downloadProductTemplate() {
+    return CDR.get(
+      {
+        url: DownloadProductTemplateUrl,
+        responseType: 'blob',
+      },
+      { isTransformResponse: false, isReturnNativeResponse: true }
+    );
+  }
+
+  function importProduct(file: File) {
+    return CDR.uploadFile({ url: ImportProductUrl }, { fileList: [file] }, 'file');
+  }
+
+  // 获取意向产品选项
+  function getProductOptions() {
+    return CDR.get<{ id: string; name: string }[]>({ url: GetProductOptionsUrl });
+  }
+
+  // 更新价格表
+  function updateProductPrice(data: UpdatePriceParams) {
+    return CDR.post({ url: UpdateProductPriceUrl, data });
+  }
+
+  // 批量更新价格表
+  function batchUpdateProductPrice(data: BatchUpdatePoolAccountParams) {
+    return CDR.post({ url: BatchUpdateProductPriceUrl, data });
+  }
+
+  // 获取价格表列表
+  function getProductPriceList(data: TableQueryParams) {
+    return CDR.post({ url: GetProductPriceListUrl, data });
+  }
+
+  // 添加价格表
+  function addProductPrice(data: AddPriceParams) {
+    return CDR.post({ url: AddProductPriceUrl, data });
+  }
+
+  // 获取价格表详情
+  function getProductPrice(id: string) {
+    return CDR.get<ProductListItem>({ url: `${GetProductPriceUrl}/${id}` });
+  }
+
+  // 删除价格表
+  function deleteProductPrice(id: string) {
+    return CDR.get({ url: `${DeleteProductPriceUrl}/${id}` });
+  }
+
+  // 获取价格表单配置
+  function getProductPriceFormConfig() {
+    return CDR.get<FormDesignConfigDetailParams>({ url: GetProductPriceFormConfigUrl });
+  }
+
+  // 拖拽排序价格表
+  function dragSortProductPrice(data: TableDraggedParams) {
+    return CDR.post({ url: DragSortProductPriceUrl, data });
+  }
+
+  // 下载价格表模板
+  function downloadProductPriceTemplate() {
+    return CDR.get(
+      {
+        url: DownloadProductPriceTemplateUrl,
+        responseType: 'blob',
+      },
+      { isTransformResponse: false, isReturnNativeResponse: true }
+    );
+  }
+
+  // 预检查导入价格表
+  function preCheckImportProductPrice(file: File) {
+    return CDR.uploadFile<{ data: ValidateInfo }>({ url: PreCheckImportProductPriceUrl }, { fileList: [file] }, 'file');
+  }
+
+  // 导入价格表
+  function importProductPrice(file: File) {
+    return CDR.uploadFile({ url: ImportProductPriceUrl }, { fileList: [file] }, 'file');
+  }
+
+  // 导出所有的价格表
+  function exportProductPriceAll(data: TableExportParams) {
+    return CDR.post({ url: ExportAllProductPriceUrl, data });
+  }
+
+  // 导出选择的价格表
+  function exportProductPriceSelected(data: TableExportSelectedParams) {
+    return CDR.post({ url: ExportProductPriceUrl, data });
+  }
+
+  // 复制价格表
+  function copyProductPrice(id: string) {
+    return CDR.get({ url: `${CopyProductPriceUrl}/${id}` });
+  }
+
+  return {
+    addProduct,
+    updateProduct,
+    getProductList,
+    getProductFormConfig,
+    getProduct,
+    deleteProduct,
+    batchDeleteProduct,
+    batchUpdateProduct,
+    dragSortProduct,
+    preCheckImportProduct,
+    downloadProductTemplate,
+    importProduct,
+    getProductOptions,
+    updateProductPrice,
+    getProductPriceList,
+    addProductPrice,
+    getProductPrice,
+    deleteProductPrice,
+    getProductPriceFormConfig,
+    dragSortProductPrice,
+    batchUpdateProductPrice,
+    downloadProductPriceTemplate,
+    exportProductPriceAll,
+    exportProductPriceSelected,
+    preCheckImportProductPrice,
+    importProductPrice,
+    copyProductPrice,
+  };
+}
diff --git a/frontend/packages/lib-shared/api/modules/sys.ts b/frontend/packages/lib-shared/api/modules/sys.ts
new file mode 100644
index 0000000..b6fe8a2
--- /dev/null
+++ b/frontend/packages/lib-shared/api/modules/sys.ts
@@ -0,0 +1,19 @@
+import type { CordysAxios } from '@lib/shared/api/http/Axios';
+import { LocaleChangeUrl, VersionUrl } from '@lib/shared/api/requrls/sys';
+import type { SystemVersion } from '@lib/shared/models/common';
+
+export default function useSysApi(CDR: CordysAxios) {
+  // 获取系统版本信息
+  function getSystemVersion() {
+    return CDR.get<SystemVersion>({ url: VersionUrl });
+  }
+
+  function changeLocaleBackEnd(language: string) {
+    return CDR.post({ url: LocaleChangeUrl, data: { language } });
+  }
+
+  return {
+    getSystemVersion,
+    changeLocaleBackEnd,
+  };
+}
diff --git a/frontend/packages/lib-shared/api/modules/system/authorizedManagement.ts b/frontend/packages/lib-shared/api/modules/system/authorizedManagement.ts
new file mode 100644
index 0000000..0a8d08f
--- /dev/null
+++ b/frontend/packages/lib-shared/api/modules/system/authorizedManagement.ts
@@ -0,0 +1,23 @@
+import type { CordysAxios } from '@lib/shared/api/http/Axios';
+import { AddLicenseUrl, GetLicenseUrl } from '@lib/shared/api/requrls/system/authorizedManagement';
+import type { LicenseInfo } from '@lib/shared/models/system/authorizedManagement';
+
+export default function useProductApi(CDR: CordysAxios) {
+  /**
+   * 授权管理相关API
+   */
+  // 获取License
+  function getLicense() {
+    return CDR.get<LicenseInfo>({ url: GetLicenseUrl }, { ignoreCancelToken: true });
+  }
+
+  // 添加License
+  function addLicense(data: string) {
+    return CDR.post({ url: AddLicenseUrl, data });
+  }
+
+  return {
+    getLicense,
+    addLicense,
+  };
+}
diff --git a/frontend/packages/lib-shared/api/modules/system/business.ts b/frontend/packages/lib-shared/api/modules/system/business.ts
new file mode 100644
index 0000000..28c3d8e
--- /dev/null
+++ b/frontend/packages/lib-shared/api/modules/system/business.ts
@@ -0,0 +1,312 @@
+import type { CordysAxios } from '@lib/shared/api/http/Axios';
+import {
+  AddApiKeyUrl,
+  CancelCenterExportUrl,
+  CreateAuthUrl,
+  DeleteApiKeyUrl,
+  DeleteAuthUrl,
+  DisableApiKeyUrl,
+  EnableApiKeyUrl,
+  ExportCenterDownloadUrl,
+  GetApiKeyListUrl,
+  GetAuthDetailUrl,
+  GetAuthsUrl,
+  GetConfigEmailUrl,
+  GetConfigSynchronizationUrl,
+  GetDEOrgListUrl,
+  GetDETokenUrl,
+  GetExportCenterListUrl,
+  GetPageConfigUrl,
+  GetPersonalFollowUrl,
+  GetPersonalUrl,
+  GetTenderConfigUrl,
+  GetThirdPartyConfigUrl,
+  GetThirdPartyResourceUrl,
+  GetThirdTypeListUrl,
+  SavePageConfigUrl,
+  SendEmailCodeUrl,
+  SwitchThirdPartyUrl,
+  SyncDEUrl,
+  TestConfigEmailUrl,
+  TestConfigSynchronizationUrl,
+  UpdateApiKeyUrl,
+  UpdateAuthNameUrl,
+  UpdateAuthStatusUrl,
+  UpdateAuthUrl,
+  UpdateConfigEmailUrl,
+  UpdateConfigSynchronizationUrl,
+  UpdatePersonalUrl,
+  UpdateUserPasswordUrl,
+} from '@lib/shared/api/requrls/system/business';
+import { CompanyTypeEnum } from '@lib/shared/enums/commonEnum';
+import type { CommonList } from '@lib/shared/models/common';
+import { CustomerFollowPlanTableParams, FollowDetailItem } from '@lib/shared/models/customer';
+import type {
+  ApiKey,
+  Auth,
+  AuthItem,
+  AuthTableQueryParams,
+  AuthUpdateParams,
+  ConfigEmailParams,
+  ThirdPartyResourceConfig,
+  DEOrgItem,
+  PageConfigReturns,
+  SavePageConfigParams,
+  ThirdPartyResource,
+  UpdateApiKeyParams,
+  ThirdPartyDEConfig,
+} from '@lib/shared/models/system/business';
+import {
+  ExportCenterItem,
+  ExportCenterListParams,
+  OptionDTO,
+  PersonalInfoRequest,
+  PersonalPassword,
+  SendEmailDTO,
+} from '@lib/shared/models/system/business';
+import { type DEToken, OrgUserInfo } from '@lib/shared/models/system/org';
+
+export default function useProductApi(CDR: CordysAxios) {
+  // 获取邮件设置
+  function getConfigEmail() {
+    return CDR.get<ConfigEmailParams>({ url: GetConfigEmailUrl });
+  }
+
+  // 更新邮件设置
+  function updateConfigEmail(data: ConfigEmailParams) {
+    return CDR.post({ url: UpdateConfigEmailUrl, data });
+  }
+
+  // 邮件设置-测试连接
+  function testConfigEmail(data: ConfigEmailParams) {
+    return CDR.post({ url: TestConfigEmailUrl, data });
+  }
+
+  // 同步组织设置-测试连接
+  function testConfigSynchronization(data: ThirdPartyResourceConfig) {
+    return CDR.post({ url: TestConfigSynchronizationUrl, data }, { isReturnNativeResponse: true });
+  }
+
+  // 获取同步组织设置
+  function getConfigSynchronization() {
+    return CDR.get<ThirdPartyResourceConfig[]>({ url: GetConfigSynchronizationUrl }, { ignoreCancelToken: true });
+  }
+
+  // 更新同步组织设置
+  function updateConfigSynchronization(data: ThirdPartyResourceConfig) {
+    return CDR.post({ url: UpdateConfigSynchronizationUrl, data }, { isReturnNativeResponse: true });
+  }
+
+  // 根据类型获取开启的三方扫码设置
+  function getThirdConfigByType<T = ThirdPartyResourceConfig>(type: string, isReturnNativeResponse = false) {
+    return CDR.get<T>(
+      { url: `${GetThirdPartyConfigUrl}/${type}` },
+      {
+        noErrorTip: true,
+        isReturnNativeResponse,
+      }
+    );
+  }
+
+  // 获取三方应用扫码类型集合
+  function getThirdTypeList() {
+    return CDR.get<OptionDTO[]>({ url: GetThirdTypeListUrl });
+  }
+
+  // 切换三方平台
+  function switchThirdParty(type: CompanyTypeEnum) {
+    return CDR.get({ url: SwitchThirdPartyUrl, params: { type } });
+  }
+
+  // 获取最新的三方同步来源
+  function getThirdPartyResource() {
+    return CDR.get<ThirdPartyResource>(
+      { url: GetThirdPartyResourceUrl },
+      {
+        ignoreCancelToken: true,
+      }
+    );
+  }
+
+  // 获取认证设置列表
+  function getAuthList(data: AuthTableQueryParams) {
+    return CDR.post<CommonList<AuthItem>>({ url: GetAuthsUrl, data });
+  }
+
+  // 获取认证设置详情
+  function getAuthDetail(id: string) {
+    return CDR.get<AuthUpdateParams>({ url: `${GetAuthDetailUrl}/${id}` });
+  }
+
+  // 更新认证设置
+  function updateAuth(data: AuthUpdateParams) {
+    return CDR.post({ url: UpdateAuthUrl, data });
+  }
+
+  // 新建认证设置
+  function createAuth(data: Auth) {
+    return CDR.post({ url: CreateAuthUrl, data });
+  }
+
+  // 更新认证设置状态
+  function updateAuthStatus(id: string, enable: boolean) {
+    return CDR.get({ url: `${UpdateAuthStatusUrl}/${id}`, params: { enable } });
+  }
+
+  // 更新认证设置名称
+  function updateAuthName(id: string, name: string) {
+    return CDR.get({ url: `${UpdateAuthNameUrl}/${id}`, params: { name } });
+  }
+
+  // 删除认证设置
+  function deleteAuth(id: string) {
+    return CDR.get({ url: `${DeleteAuthUrl}/${id}` });
+  }
+
+  // 获取DEToken
+  function getDEToken(isModule = false) {
+    return CDR.get<DEToken>({ url: GetDETokenUrl, params: { isModule } });
+  }
+
+  // 同步 DE
+  function syncDE() {
+    return CDR.get({ url: SyncDEUrl });
+  }
+
+  // 获取第三方配置
+  function getThirdPartyConfig(type: string) {
+    return CDR.get<ThirdPartyResourceConfig>({ url: `${GetThirdPartyConfigUrl}/${type}` }, { noErrorTip: true });
+  }
+
+  // 获取 DE 组织列表
+  function getDEOrgList(data: ThirdPartyDEConfig) {
+    return CDR.post<DEOrgItem[]>({ url: GetDEOrgListUrl, data });
+  }
+
+  // 获取个人信息
+  function getPersonalInfo() {
+    return CDR.get<OrgUserInfo>({ url: GetPersonalUrl });
+  }
+  // 更新个人信息
+  function updatePersonalInfo(data: PersonalInfoRequest) {
+    return CDR.post({ url: UpdatePersonalUrl, data });
+  }
+  // 发送验证码
+  function sendEmailCode(email: SendEmailDTO) {
+    return CDR.post({ url: SendEmailCodeUrl, params: { email } });
+  }
+  // 修改密码
+  function updateUserPassword(data: PersonalPassword) {
+    return CDR.post({ url: UpdateUserPasswordUrl, data });
+  }
+
+  // 获取个人跟进计划
+  function getPersonalFollow(data: CustomerFollowPlanTableParams) {
+    return CDR.post<CommonList<FollowDetailItem>>({ url: GetPersonalFollowUrl, data });
+  }
+
+  //  个人中心导出列表
+  function getExportCenterList(data: ExportCenterListParams) {
+    return CDR.post<ExportCenterItem[]>({ url: GetExportCenterListUrl, data });
+  }
+
+  //  个人中心导出下载
+  function exportCenterDownload(taskId: string) {
+    return CDR.get(
+      { url: `${ExportCenterDownloadUrl}/${taskId}`, responseType: 'blob' },
+      { isTransformResponse: false }
+    );
+  }
+
+  //  个人中心取消导出
+  function cancelCenterExport(taskId: string) {
+    return CDR.get({ url: `${CancelCenterExportUrl}/${taskId}` });
+  }
+
+  // 个人中心 ApiKey
+  // 更新ApiKey
+  function updateApiKey(data: UpdateApiKeyParams) {
+    return CDR.post({ url: UpdateApiKeyUrl, data });
+  }
+
+  // 获取ApiKey列表
+  function getApiKeyList() {
+    return CDR.get<ApiKey[]>({ url: GetApiKeyListUrl });
+  }
+
+  // 开启ApiKey
+  function enableApiKey(id: string) {
+    return CDR.get({ url: EnableApiKeyUrl, params: id });
+  }
+
+  // 关闭ApiKey
+  function disableApiKey(id: string) {
+    return CDR.get({ url: DisableApiKeyUrl, params: id });
+  }
+
+  // 删除ApiKey
+  function deleteApiKey(id: string) {
+    return CDR.get({ url: DeleteApiKeyUrl, params: id });
+  }
+
+  // 新增ApiKey
+  function addApiKey() {
+    return CDR.get({ url: AddApiKeyUrl });
+  }
+
+  // 保存界面配置
+  function savePageConfig(data: SavePageConfigParams) {
+    return CDR.uploadFile({ url: SavePageConfigUrl }, data, 'files');
+  }
+
+  // 获取界面配置
+  function getPageConfig() {
+    return CDR.get<PageConfigReturns>({ url: GetPageConfigUrl }, { ignoreCancelToken: true });
+  }
+
+  // 获取招投标配置项
+  function getTenderConfig() {
+    return CDR.get<ThirdPartyResourceConfig>({ url: GetTenderConfigUrl }, { ignoreCancelToken: true });
+  }
+
+  return {
+    getConfigEmail,
+    updateConfigEmail,
+    testConfigEmail,
+    testConfigSynchronization,
+    getConfigSynchronization,
+    updateConfigSynchronization,
+    getThirdConfigByType,
+    getThirdTypeList,
+    getAuthList,
+    getAuthDetail,
+    updateAuth,
+    createAuth,
+    updateAuthStatus,
+    updateAuthName,
+    deleteAuth,
+    switchThirdParty,
+    getThirdPartyResource,
+    getPersonalInfo,
+    updatePersonalInfo,
+    sendEmailCode,
+    updateUserPassword,
+    getPersonalFollow,
+    getExportCenterList,
+    exportCenterDownload,
+    cancelCenterExport,
+    getDEToken,
+    syncDE,
+    getDEOrgList,
+    getThirdPartyConfig,
+    updateApiKey,
+    getApiKeyList,
+    enableApiKey,
+    disableApiKey,
+    deleteApiKey,
+    addApiKey,
+    savePageConfig,
+    getPageConfig,
+    getTenderConfig,
+  };
+}
diff --git a/frontend/packages/lib-shared/api/modules/system/login.ts b/frontend/packages/lib-shared/api/modules/system/login.ts
new file mode 100644
index 0000000..e8885a7
--- /dev/null
+++ b/frontend/packages/lib-shared/api/modules/system/login.ts
@@ -0,0 +1,57 @@
+import type { CordysAxios } from '@lib/shared/api/http/Axios';
+import {
+  getKeyUrl,
+  isLoginUrl,
+  loginUrl,
+  signoutUrl,
+  thirdCallbackUrl,
+  thirdOauthCallbackUrl,
+} from '@lib/shared/api/requrls/system/login';
+import type { LoginParams } from '@lib/shared/models/system/login';
+import type { UserInfo } from '@lib/shared/models/user';
+import type { Result } from '@lib/shared/types/axios';
+import type { AxiosResponse } from 'axios';
+
+export default function useProductApi(CDR: CordysAxios) {
+  // 登录
+  function login(data: LoginParams) {
+    return CDR.post<UserInfo>({ url: loginUrl, data });
+  }
+
+  // 登出
+  function signout() {
+    return CDR.get({ url: signoutUrl });
+  }
+
+  // 是否登录
+  function isLogin(isDisabledErrorTip = false) {
+    return CDR.get<UserInfo>({ url: isLoginUrl }, { ignoreCancelToken: true, noErrorTip: isDisabledErrorTip });
+  }
+
+  // 获取登录密钥
+  function getKey() {
+    return CDR.get<string>({ url: getKeyUrl });
+  }
+
+  // 三方二维码登录
+  function getThirdCallback(code: string, type: string) {
+    return CDR.get<UserInfo>({ url: `${thirdCallbackUrl}/${type}`, params: { code } });
+  }
+
+  // 三方oauth2登录
+  function getThirdOauthCallback(code: string, type: string) {
+    return CDR.get<AxiosResponse<Result<UserInfo>>>(
+      { url: `${thirdOauthCallbackUrl}/${type}`, params: { code } },
+      { ignoreCancelToken: true, isReturnNativeResponse: true, noErrorTip: true }
+    );
+  }
+
+  return {
+    login,
+    signout,
+    isLogin,
+    getKey,
+    getThirdCallback,
+    getThirdOauthCallback,
+  };
+}
diff --git a/frontend/packages/lib-shared/api/modules/system/message.ts b/frontend/packages/lib-shared/api/modules/system/message.ts
new file mode 100644
index 0000000..7572449
--- /dev/null
+++ b/frontend/packages/lib-shared/api/modules/system/message.ts
@@ -0,0 +1,133 @@
+import type { CordysAxios } from '@lib/shared/api/http/Axios';
+import {
+  AddAnnouncementUrl,
+  BatchSaveMessageTaskUrl,
+  CloseMessageUrl,
+  DeleteAnnouncementUrl,
+  GetAnnouncementDetailUrl,
+  GetAnnouncementListUrl,
+  GetHomeMessageUrl,
+  getMessageTaskConfigDetailUrl,
+  GetMessageTaskUrl,
+  GetNotificationCountUrl,
+  GetNotificationListUrl,
+  GetUnReadAnnouncement,
+  SaveMessageTaskUrl,
+  SetAllNotificationReadUrl,
+  SetNotificationReadUrl,
+  UpdateAnnouncementUrl,
+} from '@lib/shared/api/requrls/system/message';
+import type { CommonList } from '@lib/shared/models/common';
+import type {
+  AnnouncementItemDetail,
+  AnnouncementSaveParams,
+  AnnouncementTableQueryParams,
+  MessageCenterItem,
+  MessageCenterQueryParams,
+  MessageConfigItem,
+  MessageSettingsConfig,
+  SaveMessageConfigParams,
+} from '@lib/shared/models/system/message';
+
+export default function useProductApi(CDR: CordysAxios) {
+  // 公告
+  // 添加公告
+  function addAnnouncement(data: AnnouncementSaveParams) {
+    return CDR.post({ url: AddAnnouncementUrl, data });
+  }
+
+  // 更新公告
+  function updateAnnouncement(data: AnnouncementSaveParams) {
+    return CDR.post({ url: UpdateAnnouncementUrl, data });
+  }
+
+  // 获取公告列表
+  function getAnnouncementList(data: AnnouncementTableQueryParams) {
+    return CDR.post<CommonList<AnnouncementItemDetail>>({ url: GetAnnouncementListUrl, data });
+  }
+
+  // 公告详情
+  function getAnnouncementDetail(id: string) {
+    return CDR.get<AnnouncementItemDetail>({ url: `${GetAnnouncementDetailUrl}/${id}` });
+  }
+
+  // 删除公告
+  function deleteAnnouncement(id: string) {
+    return CDR.get({ url: `${DeleteAnnouncementUrl}/${id}` });
+  }
+
+  // 消息中心
+  // 消息列表
+  function getNotificationList(data: MessageCenterQueryParams) {
+    return CDR.post<CommonList<MessageCenterItem>>({ url: GetNotificationListUrl, data });
+  }
+
+  // 具体消息类型具体状态的数量
+  function getNotificationCount(data: MessageCenterQueryParams) {
+    return CDR.post<{ key: string; count: number }[]>({ url: GetNotificationCountUrl, data });
+  }
+
+  // 设置消息已读
+  function setNotificationRead(id: string) {
+    return CDR.get({ url: `${SetNotificationReadUrl}/${id}` });
+  }
+
+  // 所有信息设置为已读消息
+  function setAllNotificationRead() {
+    return CDR.get({ url: SetAllNotificationReadUrl });
+  }
+
+  // 获取消息设置
+  function getMessageTask() {
+    return CDR.get<MessageConfigItem[]>({ url: GetMessageTaskUrl });
+  }
+
+  // 获取首页消息列表
+  function getHomeMessageList() {
+    return CDR.get<MessageCenterItem[]>({ url: GetHomeMessageUrl });
+  }
+
+  // 保存消息设置
+  function saveMessageTask(data: SaveMessageConfigParams) {
+    return CDR.post({ url: SaveMessageTaskUrl, data });
+  }
+
+  // 批量编辑消息设置
+  function batchSaveMessageTask(data: Pick<SaveMessageConfigParams, 'emailEnable' | 'sysEnable' | 'weComEnable'>) {
+    return CDR.post({ url: BatchSaveMessageTaskUrl, data });
+  }
+
+  // 关闭订阅消息SSE事件流
+  function closeMessageSubscribe(params: { userId: string; clientId: string }) {
+    return CDR.get({ url: CloseMessageUrl, params }, { ignoreCancelToken: true });
+  }
+
+  // 获取未读公告
+  function getUnReadAnnouncement() {
+    return CDR.get<MessageCenterItem[]>({ url: GetUnReadAnnouncement });
+  }
+
+  // 获取消息任务配置详情
+  function getMessageTaskConfigDetail(data: { module: string ,event:string}) {
+    return CDR.post<MessageSettingsConfig>({ url: getMessageTaskConfigDetailUrl, data });
+  }
+
+  return {
+    addAnnouncement,
+    updateAnnouncement,
+    getAnnouncementList,
+    getAnnouncementDetail,
+    deleteAnnouncement,
+    getNotificationList,
+    getNotificationCount,
+    setNotificationRead,
+    setAllNotificationRead,
+    getMessageTask,
+    saveMessageTask,
+    batchSaveMessageTask,
+    getHomeMessageList,
+    closeMessageSubscribe,
+    getUnReadAnnouncement,
+    getMessageTaskConfigDetail,
+  };
+}
diff --git a/frontend/packages/lib-shared/api/modules/system/module.ts b/frontend/packages/lib-shared/api/modules/system/module.ts
new file mode 100644
index 0000000..cac914e
--- /dev/null
+++ b/frontend/packages/lib-shared/api/modules/system/module.ts
@@ -0,0 +1,507 @@
+import type { CordysAxios } from '@lib/shared/api/http/Axios';
+import {
+  AddClueCapacityUrl,
+  AddCluePoolUrl,
+  AddCustomerCapacityUrl,
+  AddCustomerPoolUrl,
+  addOpportunityRuleUrl,
+  AddReasonUrl,
+  CheckRepeatUrl,
+  DeleteAttachmentUrl,
+  DeleteClueCapacityUrl,
+  DeleteCluePoolUrl,
+  DeleteCustomerCapacityUrl,
+  DeleteCustomerPoolUrl,
+  deleteOpportunityUrl,
+  DeleteReasonUrl,
+  DownloadAttachmentUrl,
+  DownloadPictureUrl,
+  GetClueCapacityPageUrl,
+  GetCluePoolPageUrl,
+  GetCustomerCapacityPageUrl,
+  GetCustomerPoolPageUrl,
+  GetFieldClueListUrl,
+  GetFieldContractListUrl,
+  GetFieldInvoiceListUrl,
+  GetFieldContractPaymentPlanListUrl,
+  GetFieldContractPaymentRecordListUrl,
+  GetFieldContactListUrl,
+  GetFieldCustomerListUrl,
+  GetFieldDeptTreeUrl,
+  GetFieldDeptUerTreeUrl,
+  GetFieldOpportunityListUrl,
+  GetFieldProductListUrl,
+  GetFormDesignConfigUrl,
+  GetModuleMaskSearchConfigUrl,
+  getModuleNavConfigListUrl,
+  GetModuleTopNavListUrl,
+  getOpportunityListUrl,
+  GetReasonConfigUrl,
+  GetReasonUrl,
+  GetSearchConfigUrl,
+  ModuleMaskSearchConfigUrl,
+  moduleNavListSortUrl,
+  ModuleRoleTreeUrl,
+  ModuleUserDeptTreeUrl,
+  NoPickCluePoolUrl,
+  NoPickCustomerPoolUrl,
+  PreviewAttachmentUrl,
+  PreviewPictureUrl,
+  QuickUpdateCluePoolUrl,
+  QuickUpdateCustomerPoolUrl,
+  ResetSearchConfigUrl,
+  SaveFormDesignConfigUrl,
+  SearchConfigUrl,
+  SetModuleTopNavSortUrl,
+  SortReasonUrl,
+  SwitchCluePoolStatusUrl,
+  SwitchCustomerPoolStatusUrl,
+  switchOpportunityStatusUrl,
+  toggleModuleNavStatusUrl,
+  UpdateClueCapacityUrl,
+  GetFieldDisplayListUrl,
+  UpdateCluePoolUrl,
+  UpdateCustomerCapacityUrl,
+  UpdateCustomerPoolUrl,
+  updateOpportunityRuleUrl,
+  UpdateReasonEnableUrl,
+  UpdateReasonUrl,
+  UploadTempAttachmentUrl,
+  UploadTempFileUrl,
+  GetFieldPriceListUrl,
+  GetFieldQuotationListUrl,
+  GetFieldBusinessTitleListUrl,
+  SetDisplayAdvancedUrl,
+  GetAdvancedSwitchUrl,
+  GetFieldRefDetailListUrl,
+  GetFieldOrderListUrl,
+  GetFieldCustomFormListUrl,
+  GetFieldConfigUrl,
+} from '@lib/shared/api/requrls/system/module';
+import { QuotationItem } from '@lib/shared/models/opportunity';
+import { ModuleConfigEnum, ReasonTypeEnum } from '@lib/shared/enums/moduleEnum';
+import type { ClueListItem } from '@lib/shared/models/clue';
+import type { CommonList, TableQueryParams } from '@lib/shared/models/common';
+import type { CustomerContractListItem, CustomerListItem } from '@lib/shared/models/customer';
+import type { ProductListItem } from '@lib/shared/models/product';
+import type {
+  CapacityItem,
+  CapacityParams,
+  CheckRepeatInfo,
+  CheckRepeatParams,
+  CluePoolItem,
+  CluePoolParams,
+  DefaultSearchSetFormModel,
+  FormDesignConfigDetailParams,
+  FormDesignDataSourceTableQueryParams,
+  GetRefDataSourceFieldParams,
+  ModuleNavBaseInfoItem,
+  ModuleNavTopItem,
+  ModuleSortParams,
+  OpportunityItem,
+  OpportunityParams,
+  ReasonConfig,
+  ReasonItem,
+  ReasonParams,
+  RefDataSourceFieldItem,
+  SaveFormDesignConfigParams,
+  SortReasonParams,
+  UpdateReasonEnableParams,
+} from '@lib/shared/models/system/module';
+import type { DeptUserTreeNode } from '@lib/shared/models/system/role';
+import type { Result } from '@lib/shared/types/axios';
+import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+import type { BusinessTitleItem, ContractItem, PaymentPlanItem, PaymentRecordItem } from '@lib/shared/models/contract';
+import type { OrderItem } from '@lib/shared/models/order';
+import { CustomFormPageItem, type CustomFormDetail } from '@lib/shared/models/customForm';
+
+export default function useProductApi(CDR: CordysAxios) {
+  // 模块首页-导航模块列表
+  function getModuleNavConfigList(data: { organizationId: string }) {
+    return CDR.post<ModuleNavBaseInfoItem[]>({ url: getModuleNavConfigListUrl, data });
+  }
+
+  // 模块首页-导航模块排序
+  function moduleNavListSort(data: ModuleSortParams) {
+    return CDR.post({ url: moduleNavListSortUrl, data });
+  }
+
+  // 模块首页-导航模块状态切换
+  function toggleModuleNavStatus(id: string) {
+    return CDR.get({ url: `${toggleModuleNavStatusUrl}/${id}` });
+  }
+
+  // 模块首页-顶导配置列表
+  function getModuleTopNavList() {
+    return CDR.get<ModuleNavTopItem[]>({ url: GetModuleTopNavListUrl });
+  }
+
+  // 模块首页-导航模块排序
+  function setTopNavListSort(data: ModuleSortParams) {
+    return CDR.post({ url: SetModuleTopNavSortUrl, data });
+  }
+
+  // 获取部门用户树
+  function getModuleUserDeptTree() {
+    return CDR.get<DeptUserTreeNode[]>({ url: ModuleUserDeptTreeUrl });
+  }
+  // 获取角色树
+  function getModuleRoleTree() {
+    return CDR.get<DeptUserTreeNode[]>({ url: ModuleRoleTreeUrl });
+  }
+
+  // 模块-商机-商机规则列表
+  function getOpportunityRuleList(data: TableQueryParams) {
+    return CDR.post<CommonList<OpportunityItem>>({ url: getOpportunityListUrl, data });
+  }
+
+  // 模块-商机-添加商机规则
+  function addOpportunityRule(data: OpportunityParams) {
+    return CDR.post({ url: addOpportunityRuleUrl, data });
+  }
+
+  // 模块-商机-更新商机规则
+  function updateOpportunityRule(data: OpportunityParams) {
+    return CDR.post({ url: updateOpportunityRuleUrl, data });
+  }
+
+  // 模块-商机-更新商机规则状态
+  function switchOpportunityStatus(ruleId: string) {
+    return CDR.get({ url: `${switchOpportunityStatusUrl}/${ruleId}` });
+  }
+
+  // 模块-商机-删除商机规则
+  function deleteOpportunity(ruleId: string) {
+    return CDR.get({ url: `${deleteOpportunityUrl}/${ruleId}` });
+  }
+
+  // 线索池相关API
+  function getCluePoolPage(data: TableQueryParams) {
+    return CDR.post<CommonList<CluePoolItem>>({ url: GetCluePoolPageUrl, data });
+  }
+
+  function addCluePool(data: CluePoolParams) {
+    return CDR.post({ url: AddCluePoolUrl, data });
+  }
+
+  function updateCluePool(data: CluePoolParams, quick = false) {
+    return CDR.post({ url: quick ? QuickUpdateCluePoolUrl : UpdateCluePoolUrl, data });
+  }
+
+  function switchCluePoolStatus(id: string) {
+    return CDR.get({ url: `${SwitchCluePoolStatusUrl}/${id}` });
+  }
+
+  function deleteModuleCluePool(id: string) {
+    return CDR.get({ url: `${DeleteCluePoolUrl}/${id}` });
+  }
+
+  function noPickCluePool(id: string) {
+    return CDR.get({ url: `${NoPickCluePoolUrl}/${id}` });
+  }
+
+  // 库容相关API
+  function getCapacityPage(type: ModuleConfigEnum) {
+    return CDR.get<CapacityItem[]>({
+      url: type === ModuleConfigEnum.CLUE_MANAGEMENT ? GetClueCapacityPageUrl : GetCustomerCapacityPageUrl,
+    });
+  }
+
+  function deleteCapacity(id: string, type: ModuleConfigEnum) {
+    return CDR.get({
+      url: `${type === ModuleConfigEnum.CLUE_MANAGEMENT ? DeleteClueCapacityUrl : DeleteCustomerCapacityUrl}/${id}`,
+    });
+  }
+
+  function updateCapacity(data: CapacityParams, type: ModuleConfigEnum) {
+    return CDR.post({
+      url: type === ModuleConfigEnum.CLUE_MANAGEMENT ? UpdateClueCapacityUrl : UpdateCustomerCapacityUrl,
+      data,
+    });
+  }
+
+  function addCapacity(data: CapacityParams, type: ModuleConfigEnum) {
+    return CDR.post({
+      url: type === ModuleConfigEnum.CLUE_MANAGEMENT ? AddClueCapacityUrl : AddCustomerCapacityUrl,
+      data,
+    });
+  }
+
+  // 公海相关API
+  function getCustomerPoolPage(data: TableQueryParams) {
+    return CDR.post<CommonList<CluePoolItem>>({ url: GetCustomerPoolPageUrl, data });
+  }
+
+  function addCustomerPool(data: CluePoolParams) {
+    return CDR.post({ url: AddCustomerPoolUrl, data });
+  }
+
+  function updateCustomerPool(data: CluePoolParams, quick = false) {
+    return CDR.post({ url: quick ? QuickUpdateCustomerPoolUrl : UpdateCustomerPoolUrl, data });
+  }
+
+  function switchCustomerPoolStatus(id: string) {
+    return CDR.get({ url: `${SwitchCustomerPoolStatusUrl}/${id}` });
+  }
+
+  function deleteCustomerPool(id: string) {
+    return CDR.get({ url: `${DeleteCustomerPoolUrl}/${id}` });
+  }
+
+  function noPickCustomerPool(id: string) {
+    return CDR.get({ url: `${NoPickCustomerPoolUrl}/${id}` });
+  }
+
+  // 表单设计
+  function saveFormDesignConfig(data: SaveFormDesignConfigParams) {
+    return CDR.post({ url: SaveFormDesignConfigUrl, data });
+  }
+
+  function getFormDesignConfig(id: string) {
+    return CDR.get<FormDesignConfigDetailParams>(
+      { url: `${GetFormDesignConfigUrl}/${id}` },
+      { ignoreCancelToken: true }
+    );
+  }
+
+  function getFieldDeptUerTree() {
+    return CDR.get<DeptUserTreeNode[]>({ url: GetFieldDeptUerTreeUrl });
+  }
+
+  function getFieldDeptTree() {
+    return CDR.get<DeptUserTreeNode[]>({ url: GetFieldDeptTreeUrl }, { ignoreCancelToken: true });
+  }
+
+  function getFieldClueList(data: FormDesignDataSourceTableQueryParams) {
+    return CDR.post<CommonList<ClueListItem>>({ url: GetFieldClueListUrl, data });
+  }
+
+  function getFieldContractList(data: FormDesignDataSourceTableQueryParams) {
+    return CDR.post<CommonList<ContractItem>>({ url: GetFieldContractListUrl, data });
+  }
+
+  function getFieldInvoiceList(data: FormDesignDataSourceTableQueryParams) {
+    return CDR.post<CommonList<ContractItem>>({ url: GetFieldInvoiceListUrl, data });
+  }
+
+  function getFieldContractPaymentPlanList(data: FormDesignDataSourceTableQueryParams) {
+    return CDR.post<CommonList<PaymentPlanItem>>({ url: GetFieldContractPaymentPlanListUrl, data });
+  }
+
+  function getFieldContractPaymentRecordList(data: FormDesignDataSourceTableQueryParams) {
+    return CDR.post<CommonList<PaymentRecordItem>>({ url: GetFieldContractPaymentRecordListUrl, data });
+  }
+
+  function getFieldContactList(data: FormDesignDataSourceTableQueryParams) {
+    return CDR.post<CommonList<CustomerContractListItem>>({ url: GetFieldContactListUrl, data });
+  }
+
+  function getFieldCustomerList(data: FormDesignDataSourceTableQueryParams) {
+    return CDR.post<CommonList<CustomerListItem>>({ url: GetFieldCustomerListUrl, data });
+  }
+
+  function getFieldOpportunityList(data: FormDesignDataSourceTableQueryParams) {
+    return CDR.post<CommonList<OpportunityItem>>({ url: GetFieldOpportunityListUrl, data });
+  }
+
+  function getFieldProductList(data: FormDesignDataSourceTableQueryParams) {
+    return CDR.post<CommonList<ProductListItem>>({ url: GetFieldProductListUrl, data });
+  }
+
+  function getFieldCustomFormList(data: FormDesignDataSourceTableQueryParams) {
+    return CDR.post<CommonList<CustomFormPageItem>>({ url: GetFieldCustomFormListUrl, data });
+  }
+
+  function checkRepeat(data: CheckRepeatParams) {
+    return CDR.post<CheckRepeatInfo>({ url: CheckRepeatUrl, data }, { ignoreCancelToken: true });
+  }
+
+  function uploadTempFile(file: File | null) {
+    return CDR.uploadFile<Result<string[]>>({ url: UploadTempFileUrl }, { fileList: [file] }, 'files', true);
+  }
+
+  function uploadTempAttachment(file: File | null) {
+    return CDR.uploadFile<Result<string[]>>({ url: UploadTempAttachmentUrl }, { fileList: [file] }, 'files', true);
+  }
+
+  function previewAttachment(id: string) {
+    return CDR.get({ url: `${PreviewAttachmentUrl}/${id}` });
+  }
+
+  function downloadAttachment(id: string) {
+    return CDR.get({ url: `${DownloadAttachmentUrl}/${id}`, responseType: 'blob' }, { isTransformResponse: false });
+  }
+
+  function deleteAttachment(id: string) {
+    return CDR.get({ url: `${DeleteAttachmentUrl}/${id}` });
+  }
+
+  function previewPicture(id: string) {
+    return CDR.get({ url: `${PreviewPictureUrl}/${id}` });
+  }
+
+  function downloadPicture(id: string) {
+    return CDR.get({ url: `${DownloadPictureUrl}/${id}` });
+  }
+
+  // 模块配置-原因配置
+  function getReasonList(type: ReasonTypeEnum) {
+    return CDR.get<ReasonItem[]>({ url: `${GetReasonUrl}/${type}` });
+  }
+
+  function addReason(data: ReasonParams) {
+    return CDR.post({ url: AddReasonUrl, data });
+  }
+
+  function updateReason(data: ReasonParams) {
+    return CDR.post({ url: UpdateReasonUrl, data });
+  }
+
+  function deleteReasonItem(id: string) {
+    return CDR.get({ url: `${DeleteReasonUrl}/${id}` });
+  }
+
+  function getReasonConfig(type: ReasonTypeEnum) {
+    return CDR.get<ReasonConfig>({ url: `${GetReasonConfigUrl}/${type}` });
+  }
+
+  function updateReasonEnable(data: UpdateReasonEnableParams) {
+    return CDR.post<ReasonConfig>({ url: UpdateReasonEnableUrl, data });
+  }
+
+  function sortReason(data: SortReasonParams) {
+    return CDR.post({ url: SortReasonUrl, data });
+  }
+
+  function searchConfig(data: DefaultSearchSetFormModel) {
+    return CDR.post({ url: SearchConfigUrl, data });
+  }
+
+  function getSearchConfig() {
+    return CDR.get<DefaultSearchSetFormModel>({ url: GetSearchConfigUrl });
+  }
+
+  function resetSearchConfig() {
+    return CDR.get({ url: ResetSearchConfigUrl });
+  }
+
+  function moduleSearchMaskConfig(data: Record<string, any>) {
+    return CDR.post({ url: ModuleMaskSearchConfigUrl, data });
+  }
+
+  function getModuleSearchMaskConfig() {
+    return CDR.get<Pick<DefaultSearchSetFormModel, 'searchFields'>>({ url: GetModuleMaskSearchConfigUrl });
+  }
+
+  function getFieldPriceList(data: FormDesignDataSourceTableQueryParams) {
+    return CDR.post<CommonList<ClueListItem>>({ url: GetFieldPriceListUrl, data });
+  }
+
+  function getFieldQuotationList(data: FormDesignDataSourceTableQueryParams) {
+    return CDR.post<CommonList<QuotationItem>>({ url: GetFieldQuotationListUrl, data });
+  }
+
+  function getFieldOrderList(data: FormDesignDataSourceTableQueryParams) {
+    return CDR.post<CommonList<OrderItem>>({ url: GetFieldOrderListUrl, data });
+  }
+
+  function getFieldDisplayList(formKey: FormDesignKeyEnum | string) {
+    return CDR.get<FormDesignConfigDetailParams>({ url: `${GetFieldDisplayListUrl}/${formKey}` });
+  }
+
+  function getFieldBusinessTitleList(data: FormDesignDataSourceTableQueryParams) {
+    return CDR.post<CommonList<BusinessTitleItem>>({ url: GetFieldBusinessTitleListUrl, data });
+  }
+
+  function getDatasourceRefDetailList(data: GetRefDataSourceFieldParams) {
+    return CDR.post<RefDataSourceFieldItem[]>({ url: GetFieldRefDetailListUrl, data }, { ignoreCancelToken: true });
+  }
+
+  // 设置高级筛选开关
+  function setDisplayAdvanced() {
+    return CDR.get({ url: SetDisplayAdvancedUrl });
+  }
+
+  // 高级筛选开关
+  function getAdvancedSwitch() {
+    return CDR.get({ url: GetAdvancedSwitchUrl });
+  }
+
+  function getDatasourceFieldConfig(type: FormDesignKeyEnum | string, approvalTaskId?: string) {
+    return CDR.get<FormDesignConfigDetailParams | CustomFormDetail>({ url: `${GetFieldConfigUrl}/${type}` });
+  }
+
+  return {
+    getFieldDisplayList,
+    getModuleNavConfigList,
+    moduleNavListSort,
+    toggleModuleNavStatus,
+    getModuleUserDeptTree,
+    getModuleRoleTree,
+    getOpportunityRuleList,
+    addOpportunityRule,
+    updateOpportunityRule,
+    switchOpportunityStatus,
+    deleteOpportunity,
+    getCluePoolPage,
+    addCluePool,
+    updateCluePool,
+    switchCluePoolStatus,
+    deleteModuleCluePool,
+    noPickCluePool,
+    getCapacityPage,
+    updateCapacity,
+    addCapacity,
+    deleteCapacity,
+    getCustomerPoolPage,
+    addCustomerPool,
+    updateCustomerPool,
+    switchCustomerPoolStatus,
+    deleteCustomerPool,
+    noPickCustomerPool,
+    saveFormDesignConfig,
+    getFormDesignConfig,
+    getFieldDeptUerTree,
+    getFieldDeptTree,
+    getFieldClueList,
+    getFieldContractList,
+    getFieldInvoiceList,
+    getFieldContractPaymentPlanList,
+    getFieldContractPaymentRecordList,
+    getFieldContactList,
+    getFieldCustomerList,
+    getFieldOpportunityList,
+    getFieldProductList,
+    checkRepeat,
+    uploadTempFile,
+    previewPicture,
+    downloadPicture,
+    getReasonList,
+    addReason,
+    updateReason,
+    deleteReasonItem,
+    getReasonConfig,
+    updateReasonEnable,
+    sortReason,
+    searchConfig,
+    getSearchConfig,
+    resetSearchConfig,
+    moduleSearchMaskConfig,
+    getModuleSearchMaskConfig,
+    getModuleTopNavList,
+    setTopNavListSort,
+    setDisplayAdvanced,
+    getAdvancedSwitch,
+    uploadTempAttachment,
+    previewAttachment,
+    deleteAttachment,
+    downloadAttachment,
+    getFieldPriceList,
+    getFieldQuotationList,
+    getFieldOrderList,
+    getFieldBusinessTitleList,
+    getDatasourceRefDetailList,
+    getFieldCustomFormList,
+    getDatasourceFieldConfig,
+  };
+}
diff --git a/frontend/packages/lib-shared/api/modules/system/org.ts b/frontend/packages/lib-shared/api/modules/system/org.ts
new file mode 100644
index 0000000..0979363
--- /dev/null
+++ b/frontend/packages/lib-shared/api/modules/system/org.ts
@@ -0,0 +1,207 @@
+import type { CrmTreeNodeData } from '@cordys/web/src/components/pure/crm-tree/type';
+import type { CordysAxios } from '@lib/shared/api/http/Axios';
+import {
+  addDepartmentUrl,
+  addUserUrl,
+  batchEditUserUrl,
+  batchEnableUserUrl,
+  batchResetPasswordUrl,
+  checkDeleteDepartmentUrl,
+  checkSyncUserFromThirdUrl,
+  deleteDepartmentUrl,
+  deleteUserCheckUrl,
+  deleteUserUrl,
+  getDepartmentTreeUrl,
+  getAdminOptionsUrl,
+  getOrgDepartmentUserUrl,
+  CheckSyncUrl,
+  getRoleOptionsUrl,
+  getUserDetailUrl,
+  getUserListUrl,
+  getUserOptionsUrl,
+  importUserPreCheckUrl,
+  importUserUrl,
+  renameDepartmentUrl,
+  resetUserPasswordUrl,
+  setCommanderUrl,
+  sortDepartmentUrl,
+  syncOrgUrl,
+  updateUserNameUrl,
+  updateUserUrl,
+} from '@lib/shared/api/requrls/system/org';
+import type { CommonList } from '@lib/shared/models/common';
+import type {
+  DepartmentItemParams,
+  DragNodeParams,
+  MemberItem,
+  MemberParams,
+  SetCommanderParams,
+  UpdateDepartmentItemParams,
+  UserTableQueryParams,
+  ValidateInfo,
+} from '@lib/shared/models/system/org';
+import type { DeptUserTreeNode } from '@lib/shared/models/system/role';
+
+export default function useProductApi(CDR: CordysAxios) {
+  // 组织架构-部门树查询
+  function getDepartmentTree() {
+    return CDR.get<CrmTreeNodeData[]>({ url: getDepartmentTreeUrl });
+  }
+
+  // 组织架构-添加子部门
+  function addDepartment(data: DepartmentItemParams) {
+    return CDR.post({ url: addDepartmentUrl, data });
+  }
+
+  // 组织架构-重命名部门
+  function renameDepartment(data: UpdateDepartmentItemParams) {
+    return CDR.post({ url: renameDepartmentUrl, data });
+  }
+
+  // 组织架构-设置部门负责人
+  function setCommander(data: SetCommanderParams) {
+    return CDR.post({ url: setCommanderUrl, data });
+  }
+
+  // 组织架构-删除部门
+  function deleteDepartment(data: (string | number)[]) {
+    return CDR.post({ url: deleteDepartmentUrl, data });
+  }
+
+  // 组织架构-删除部门校验
+  function checkDeleteDepartment(data: (string | number)[]) {
+    return CDR.post({ url: checkDeleteDepartmentUrl, data });
+  }
+
+  // 组织架构-部门排序
+  function sortDepartment(data: DragNodeParams) {
+    return CDR.post({ url: sortDepartmentUrl, data });
+  }
+
+  // 用户(员工)-添加员工
+  function addUser(data: MemberParams) {
+    return CDR.post({ url: addUserUrl, data });
+  }
+
+  // 用户(员工)-更新员工
+  function updateUser(data: MemberParams) {
+    return CDR.post({ url: updateUserUrl, data });
+  }
+
+  // 用户(员工)-更新员工姓名
+  function updateOrgUserName(data: { userId: string; name: string }) {
+    return CDR.post({ url: updateUserNameUrl, data });
+  }
+
+  // 用户(员工)-列表查询
+  function getUserList(data: UserTableQueryParams) {
+    return CDR.post<CommonList<MemberItem>>({ url: getUserListUrl, data });
+  }
+
+  // 用户(员工)-员工详情
+  function getUserDetail(userId: string) {
+    return CDR.get<MemberParams>({ url: `${getUserDetailUrl}/${userId}` });
+  }
+
+  // 用户(员工)-批量启用|禁用
+  function batchToggleStatusUser(data: UserTableQueryParams) {
+    return CDR.post({ url: batchEnableUserUrl, data });
+  }
+
+  // 用户(员工)-批量重置密码
+  function batchResetUserPassword(data: UserTableQueryParams) {
+    return CDR.post({ url: batchResetPasswordUrl, data });
+  }
+
+  // 用户(员工)-重置密码
+  function resetUserPassword(userId: string) {
+    return CDR.get({ url: `${resetUserPasswordUrl}/${userId}` });
+  }
+
+  // 用户(员工)- 同步组织架构
+  function syncOrg(type: string) {
+    return CDR.get({ url: `${syncOrgUrl}/${type}` });
+  }
+
+  // 用户(员工)-批量编辑
+  function batchEditUser(data: UserTableQueryParams) {
+    return CDR.post({ url: batchEditUserUrl, data });
+  }
+
+  // 用户(员工)-excel导入检查
+  function importUserPreCheck(file: File) {
+    return CDR.uploadFile<{ data: ValidateInfo }>({ url: importUserPreCheckUrl }, { fileList: [file] }, 'file');
+  }
+
+  // 用户(员工)-获取用户下拉
+  function getUserOptions() {
+    return CDR.get({ url: getUserOptionsUrl });
+  }
+
+  // 用户(员工)-获取审批管理员下拉
+  function getAdminOptions() {
+    return CDR.get<{ id: string; name: string }[]>({ url: getAdminOptionsUrl });
+  }
+
+  // 用户(员工)-获取角色下拉
+  function getRoleOptions() {
+    return CDR.get({ url: getRoleOptionsUrl });
+  }
+
+  // 用户(员工)-excel导入
+  function importUsers(file: File) {
+    return CDR.uploadFile({ url: importUserUrl }, { fileList: [file] }, 'file');
+  }
+
+  // 用户(员工)-删除员工
+  function deleteUser(userId: string) {
+    return CDR.get({ url: `${deleteUserUrl}/${userId}` });
+  }
+  // 用户(员工)-删除员工校验
+  function deleteUserCheck(userId: string) {
+    return CDR.get({ url: `${deleteUserCheckUrl}/${userId}` });
+  }
+  // 用户(员工)-是否同步三方校验
+  function checkSyncUserFromThird() {
+    return CDR.get({ url: checkSyncUserFromThirdUrl });
+  }
+
+  // 获取当前部门下组织架构
+  function getOrgDepartmentUser(data: { id: string }) {
+    return CDR.get<DeptUserTreeNode[]>({ url: `${getOrgDepartmentUserUrl}/${data.id}` });
+  }
+
+  function checkSync() {
+    return CDR.get<boolean>({ url: CheckSyncUrl });
+  }
+
+  return {
+    getDepartmentTree,
+    addDepartment,
+    renameDepartment,
+    setCommander,
+    deleteDepartment,
+    addUser,
+    updateUser,
+    getUserList,
+    getUserDetail,
+    batchToggleStatusUser,
+    batchResetUserPassword,
+    resetUserPassword,
+    syncOrg,
+    batchEditUser,
+    importUserPreCheck,
+    getUserOptions,
+    getAdminOptions,
+    getRoleOptions,
+    importUsers,
+    deleteUser,
+    deleteUserCheck,
+    checkSyncUserFromThird,
+    checkDeleteDepartment,
+    sortDepartment,
+    updateOrgUserName,
+    getOrgDepartmentUser,
+    checkSync,
+  };
+}
diff --git a/frontend/packages/lib-shared/api/modules/system/process.ts b/frontend/packages/lib-shared/api/modules/system/process.ts
new file mode 100644
index 0000000..d6d3d72
--- /dev/null
+++ b/frontend/packages/lib-shared/api/modules/system/process.ts
@@ -0,0 +1,195 @@
+import type { CordysAxios } from '@lib/shared/api/http/Axios';
+import {
+  ApprovalPermissionsUrl,
+  AddApprovalProcessUrl,
+  UpdateApprovalProcessUrl,
+  DeleteApprovalProcessUrl,
+  ApprovalProcessDetailUrl,
+  ToggleApprovalProcessUrl,
+  ApprovalProcessPageUrl,
+  GetApprovalConfigDetailUrl,
+  GetResourceApprovingDetailUrl,
+  ReviewResourceUrl,
+  RevokeResourceUrl,
+  GetApprovalResourceDetailUrl,
+  GetProcessedApprovalTodosUrl,
+  GetPendingApprovalTodosUrl,
+  GetInitiatedApprovalTodosUrl,
+  GetCcApprovalTodosUrl,
+  RejectApprovalUrl,
+  BackApprovalUrl,
+  AddSignApprovalUrl,
+  GetTodoStatisticUrl,
+  AgreeApprovalUrl,
+  RevokeApprovalUrl,
+  BatchRejectApprovalUrl,
+  BatchApprovalApprovalUrl,
+  TestApprovalWebHookUrl,
+} from '@lib/shared/api/requrls/system/process';
+import {
+  AddApprovalProcessParams,
+  ApprovalPermissionsDetail,
+  ApprovalProcessDetail,
+  ApprovalProcessItem,
+  ApprovalWebhookConfig,
+  CommonApprovalActionParams,
+  UpdateApprovalProcessParams,
+  type ApprovalAddSignParams,
+  type ApprovalBackParams,
+  type ApprovalDetail,
+  type ApprovalOperationParams,
+  type ApprovalTodoItem,
+  type ApprovalTodoTableParams,
+  type BatchApprovalParams,
+  type BatchRejectApprovalParams,
+  type TodoStatistic,
+} from '@lib/shared/models/system/process';
+import type { CommonList } from '@lib/shared/models/common';
+import type { TableQueryParams } from '@lib/shared/models/common';
+
+export default function useProcessApi(CDR: CordysAxios) {
+  // 审批流数据权限
+  function getApprovalPermissions(type: string) {
+    return CDR.get<ApprovalPermissionsDetail>({ url: `${ApprovalPermissionsUrl}/${type}` });
+  }
+  // 审批流配置详情 用于列表里边查询对应状态审批流详情
+  function getApprovalConfigDetail(type: string) {
+    return CDR.get<ApprovalProcessDetail>({ url: `${GetApprovalConfigDetailUrl}/${type}` });
+  }
+  // 审批流数据权限
+  function getApprovalProcessList(data: TableQueryParams) {
+    return CDR.post<CommonList<ApprovalProcessItem>>({ url: ApprovalProcessPageUrl, data });
+  }
+  // 添加审批流
+  function addApprovalProcess(data: AddApprovalProcessParams) {
+    return CDR.post({ url: AddApprovalProcessUrl, data });
+  }
+  // 更新审批流
+  function updateApprovalProcess(data: UpdateApprovalProcessParams) {
+    return CDR.post({ url: UpdateApprovalProcessUrl, data });
+  }
+  // 审批流详情
+  function approvalProcessDetail(id: string) {
+    return CDR.get<ApprovalProcessDetail>({ url: `${ApprovalProcessDetailUrl}/${id}` });
+  }
+  // 删除审批流
+  function deleteApprovalProcess(id: string) {
+    return CDR.get({ url: `${DeleteApprovalProcessUrl}/${id}` });
+  }
+  // 切换审批流
+  function toggleApprovalProcess(id: string, enable: boolean) {
+    return CDR.get({ url: `${ToggleApprovalProcessUrl}/${id}`, params: { enable } });
+  }
+  // 获取对应资源审批状态详情用于（列表小卡片）
+  function getResourceApprovingDetail(sourceId: string) {
+    return CDR.get({ url: `${GetResourceApprovingDetailUrl}/${sourceId}` });
+  }
+
+  // 获取已处理审批待办列表
+  function getProcessedApprovalList(data: ApprovalTodoTableParams) {
+    return CDR.post<CommonList<ApprovalTodoItem>>({ url: GetProcessedApprovalTodosUrl, data });
+  }
+
+  // 获取待处理审批待办列表
+  function getPendingApprovalList(data: ApprovalTodoTableParams) {
+    return CDR.post<CommonList<ApprovalTodoItem>>({ url: GetPendingApprovalTodosUrl, data });
+  }
+
+  // 获取我发起的审批待办列表
+  function getInitiatedApprovalList(data: ApprovalTodoTableParams) {
+    return CDR.post<CommonList<ApprovalTodoItem>>({ url: GetInitiatedApprovalTodosUrl, data });
+  }
+
+  // 获取抄送我的审批待办列表
+  function getCcApprovalList(data: ApprovalTodoTableParams) {
+    return CDR.post<CommonList<ApprovalTodoItem>>({ url: GetCcApprovalTodosUrl, data });
+  }
+
+  // 驳回
+  function rejectApproval(data: ApprovalOperationParams) {
+    return CDR.post({ url: RejectApprovalUrl, data });
+  }
+
+  // 退回
+  function backApproval(data: ApprovalBackParams) {
+    return CDR.post({ url: BackApprovalUrl, data });
+  }
+
+  // 加签
+  function addSignApproval(data: ApprovalAddSignParams) {
+    return CDR.post({ url: AddSignApprovalUrl, data });
+  }
+
+  // 撤回
+  function revokeApproval(data: { id: string }) {
+    return CDR.post({ url: RevokeApprovalUrl, data });
+  }
+
+  // 同意
+  function agreeApproval(data: ApprovalOperationParams) {
+    return CDR.post({ url: AgreeApprovalUrl, data });
+  }
+
+  // 批量驳回
+  function batchRejectApproval(data: BatchRejectApprovalParams) {
+    return CDR.post({ url: BatchRejectApprovalUrl, data });
+  }
+
+  // 批量同意
+  function batchAgreeApproval(data: BatchApprovalParams) {
+    return CDR.post({ url: BatchApprovalApprovalUrl, data });
+  }
+
+  // 获取审批资源详情
+  function getApprovalResourceDetail(id: string) {
+    return CDR.get<ApprovalDetail>({ url: `${GetApprovalResourceDetailUrl}/${id}` });
+  }
+
+  // 获取待办统计
+  function getTodoStatistic() {
+    return CDR.get<TodoStatistic>({ url: GetTodoStatisticUrl });
+  }
+
+  // 提审
+  function reviewResource(data: CommonApprovalActionParams) {
+    return CDR.post({ url: ReviewResourceUrl, data });
+  }
+
+  // 撤销
+  function revokeResource(data: CommonApprovalActionParams) {
+    return CDR.post({ url: RevokeResourceUrl, data });
+  }
+
+  // WebHook连接测试
+  function testApprovalWebHook(data: ApprovalWebhookConfig) {
+    return CDR.post({ url: TestApprovalWebHookUrl, data });
+  }
+
+  return {
+    getApprovalProcessList,
+    getApprovalPermissions,
+    addApprovalProcess,
+    updateApprovalProcess,
+    approvalProcessDetail,
+    deleteApprovalProcess,
+    toggleApprovalProcess,
+    getApprovalConfigDetail,
+    getResourceApprovingDetail,
+    reviewResource,
+    revokeResource,
+    getProcessedApprovalList,
+    getPendingApprovalList,
+    getInitiatedApprovalList,
+    getCcApprovalList,
+    rejectApproval,
+    backApproval,
+    addSignApproval,
+    getApprovalResourceDetail,
+    getTodoStatistic,
+    revokeApproval,
+    agreeApproval,
+    batchRejectApproval,
+    batchAgreeApproval,
+    testApprovalWebHook,
+  };
+}
diff --git a/frontend/packages/lib-shared/api/modules/system/role.ts b/frontend/packages/lib-shared/api/modules/system/role.ts
new file mode 100644
index 0000000..7ed7010
--- /dev/null
+++ b/frontend/packages/lib-shared/api/modules/system/role.ts
@@ -0,0 +1,119 @@
+import type { CordysAxios } from '@lib/shared/api/http/Axios';
+import {
+  BatchRemoveRoleMemberUrl,
+  CreateRoleUrl,
+  DeleteRoleUrl,
+  GetDeptTreeUrl,
+  GetPermissionsUrl,
+  GetRoleDeptTreeUrl,
+  GetRoleDetailUrl,
+  GetRoleMemberTreeUrl,
+  GetRoleMemberUrl,
+  GetRolesUrl,
+  GetUserOptionUrl,
+  RelateRoleUrl,
+  RemoveRoleMemberUrl,
+  UpdateRoleUrl,
+} from '@lib/shared/api/requrls/system/role';
+import type { CommonList } from '@lib/shared/models/common';
+import type {
+  DeptTreeNode,
+  DeptUserTreeNode,
+  PermissionTreeNode,
+  RelateRoleMemberParams,
+  RoleCreateParams,
+  RoleDetail,
+  RoleItem,
+  RoleMemberItem,
+  RoleMemberTableQueryParams,
+  RoleUpdateParams,
+} from '@lib/shared/models/system/role';
+
+export default function useProductApi(CDR: CordysAxios) {
+  // 角色关联用户
+  function relateRoleMember(data: RelateRoleMemberParams) {
+    return CDR.post({ url: RelateRoleUrl, data });
+  }
+
+  // 获取角色关联用户列表
+  function getRoleMember(data: RoleMemberTableQueryParams) {
+    return CDR.post<CommonList<RoleMemberItem>>({ url: GetRoleMemberUrl, data });
+  }
+
+  // 批量移除角色关联用户
+  function batchRemoveRoleMember(data: (string | number)[]) {
+    return CDR.post({ url: BatchRemoveRoleMemberUrl, data });
+  }
+
+  // 更新角色
+  function updateRole(data: RoleUpdateParams) {
+    return CDR.post({ url: UpdateRoleUrl, data });
+  }
+
+  // 新建角色
+  function createRole(data: RoleCreateParams) {
+    return CDR.post({ url: CreateRoleUrl, data });
+  }
+
+  // 获取角色关联用户树
+  function getRoleMemberTree(params: { roleId: string }) {
+    return CDR.get({ url: `${GetRoleMemberTreeUrl}/${params.roleId}` });
+  }
+
+  // 获取部门用户树
+  function getRoleDeptUserTree(params: { roleId: string }) {
+    return CDR.get<DeptUserTreeNode[]>({ url: `${GetRoleDeptTreeUrl}/${params.roleId}` });
+  }
+
+  // 获取部门树
+  function getRoleDeptTree() {
+    return CDR.get<DeptTreeNode[]>({ url: GetDeptTreeUrl });
+  }
+
+  // 移除角色关联用户
+  function removeRoleMember(id: string) {
+    return CDR.get({ url: `${RemoveRoleMemberUrl}/${id}` });
+  }
+
+  // 获取全量权限
+  function getPermissions() {
+    return CDR.get<PermissionTreeNode[]>({ url: GetPermissionsUrl });
+  }
+
+  // 获取角色列表
+  function getRoles() {
+    return CDR.get<RoleItem[]>({ url: GetRolesUrl });
+  }
+
+  // 获取角色详情
+  function getRoleDetail(id: string) {
+    return CDR.get<RoleDetail>({ url: `${GetRoleDetailUrl}/${id}` });
+  }
+
+  // 删除角色
+  function deleteRole(id: string) {
+    return CDR.get({ url: `${DeleteRoleUrl}/${id}` });
+  }
+
+  // 获取用户列表
+  function getUsers(data: { roleId: string }) {
+    return CDR.get<RoleItem[]>({ url: `${GetUserOptionUrl}/${data.roleId}` });
+  }
+
+  return {
+    relateRoleMember,
+    getRoleMember,
+    batchRemoveRoleMember,
+    updateRole,
+    createRole,
+    getRoleMemberTree,
+    getRoleDeptUserTree,
+    getRoleDeptTree,
+    removeRoleMember,
+    getPermissions,
+    getRoles,
+    getRoleDetail,
+    deleteRole,
+    getUsers,
+  };
+}
diff --git a/frontend/packages/lib-shared/api/requrls/agent.ts b/frontend/packages/lib-shared/api/requrls/agent.ts
new file mode 100644
index 0000000..7296074
--- /dev/null
+++ b/frontend/packages/lib-shared/api/requrls/agent.ts
@@ -0,0 +1,24 @@
+export const agentModuleRenameUrl = '/agent/module/rename'; // 重命名智能体模块
+export const agentModuleMoveUrl = '/agent/module/move'; // 移动智能体模块
+export const agentModuleDeleteUrl = '/agent/module/delete'; // 删除智能体模块
+export const agentModuleAddUrl = '/agent/module/add'; // 添加智能体模块
+export const agentModuleTreeUrl = '/agent/module/tree'; // 获取智能体模块树
+export const agentModuleCountUrl = '/agent/module/count'; // 获取智能体模块数量
+export const agentPosUrl = '/agent/edit/pos'; // 智能体排序
+
+export const updateAgentUrl = '/agent/update'; // 更新智能体
+export const renameAgentUrl = '/agent/rename'; // 重命名智能体
+export const agentPageUrl = '/agent/page'; // 获取智能体列表
+export const agentCollectPageUrl = '/agent/collect/page'; // 获取收藏的智能体列表
+export const addAgentUrl = '/agent/add'; // 添加智能体
+export const unCollectAgentUrl = '/agent/un-collect'; // 取消收藏智能体
+export const agentDetailUrl = '/agent/detail'; // 获取智能体详情
+export const agentDeleteUrl = '/agent/delete'; // 删除智能体
+export const agentCollectUrl = '/agent/collect'; // 收藏智能体
+export const agentOptionUrl = '/agent/option'; // 智能体选项
+
+export const agentApplicationUrl = '/agent/application'; // 智能体应用
+export const agentWorkspaceUrl = '/agent/workspace'; // 智能体工作空间
+export const agentScriptUrl = '/agent/script'; // 工作空间应用对应脚本
+export const getMkAgentVersionUrl = '/agent/edition'; // 获取智能体mk版本
+export const getMkApplicationUrl = '/agent/application/config'; // 获取智能体mk应用配置
diff --git a/frontend/packages/lib-shared/api/requrls/clue/index.ts b/frontend/packages/lib-shared/api/requrls/clue/index.ts
new file mode 100644
index 0000000..01e6b8f
--- /dev/null
+++ b/frontend/packages/lib-shared/api/requrls/clue/index.ts
@@ -0,0 +1,88 @@
+// 线索
+export const GetClueFormConfigUrl = '/lead/module/form'; // 获取线索表单配置
+export const UpdateClueUrl = '/lead/update'; // 更新线索
+export const UpdateClueStatusUrl = '/lead/status/update'; // 更新线索状态
+export const GetClueListUrl = '/lead/page'; // 分页查询线索
+export const GetClueTransitionCustomerListUrl = '/lead/transition/account/page'; // 线索转为客户列表
+export const AddClueUrl = '/lead/add'; // 添加线索
+export const GetClueUrl = '/lead/get'; // 获取线索详情
+export const DeleteClueUrl = '/lead/delete'; // 删除线索
+export const BatchTransferClueUrl = '/lead/batch/transfer'; // 批量转移线索
+export const BatchToPoolClueUrl = '/lead/batch/to-pool'; // 批量移入线索池
+export const BatchDeleteClueUrl = '/lead/batch/delete'; // 批量删除线索
+export const ExportClueAllUrl = '/lead/export'; // 导出全部线索
+export const ExportClueSelectedUrl = '/lead/export-select'; // 导出选中线索
+export const ReTransitionCustomerUrl = '/lead/re-transition/account'; // 合并线索转为客户
+export const MoveToPoolLeadUrl = '/lead/to-pool'; // 移入线索池
+export const TransformClueUrl = '/lead/transform'; // 转换线索
+export const GetAdvancedSearchClueListUrl = '/advanced/search/lead'; // 全局搜索线索分页查询线索
+export const GetAdvancedSearchClueDetailUrl = '/advanced/search/lead/detail'; // 全局搜索线索详情
+export const GetGlobalSearchClueListUrl = '/global/search/lead';
+export const GetGlobalCluePoolListUrl = '/global/search/clue_pool';
+export const BatchUpdateLeadUrl = '/lead/batch/update'; // 批量更新线索
+export const GenerateLeadChartUrl = '/lead/chart'; // 生成线索图表
+
+// 跟进记录
+export const UpdateClueFollowRecordUrl = '/lead/follow/record/update'; // 更新跟进记录
+export const GetClueFollowRecordListUrl = '/lead/follow/record/page'; // 获取跟进记录列表
+export const AddClueFollowRecordUrl = '/lead/follow/record/add'; // 添加跟进记录
+export const GetClueFollowRecordUrl = '/lead/follow/record/get'; // 获取跟进记录详情
+export const DeleteClueFollowRecordUrl = '/lead/follow/record/delete'; // 删除跟进记录
+
+// 跟进计划
+export const UpdateClueFollowPlanUrl = '/lead/follow/plan/update'; // 更新跟进计划
+export const GetClueFollowPlanListUrl = '/lead/follow/plan/page'; // 获取跟进计划列表
+export const AddClueFollowPlanUrl = '/lead/follow/plan/add'; // 添加跟进计划
+export const GetClueFollowPlanUrl = '/lead/follow/plan/get'; // 跟进计划详情
+export const CancelClueFollowPlanUrl = '/lead/follow/plan/cancel'; // 取消跟进计划
+export const DeleteClueFollowPlanUrl = '/lead/follow/plan/delete'; // 删除跟进计划
+export const UpdateClueFollowPlanStatusUrl = '/lead/follow/plan/status/update'; // 更新线索跟进计划状态
+
+export const GetClueHeaderListUrl = '/lead/owner/history/list'; // 线索负责人记录列表
+
+// 线索池客户
+export const PickClueUrl = '/pool/lead/pick'; // 领取线索
+export const GetCluePoolListUrl = '/pool/lead/page'; // 分页查询线索池线索
+export const BatchPickClueUrl = '/pool/lead/batch-pick'; // 批量领取线索
+export const BatchDeleteCluePoolUrl = '/pool/lead/batch-delete'; // 批量删除线索池线索
+export const BatchAssignClueUrl = '/pool/lead/batch-assign'; // 批量分配线索
+export const AssignClueUrl = '/pool/lead/assign'; // 分配线索
+export const GetPoolOptionsUrl = '/pool/lead/options'; // 获取当前用户线索池选项
+export const DeleteCluePoolUrl = '/pool/lead/delete'; // 删除线索池线索
+export const GetPoolClueUrl = '/pool/lead/get'; // 获取线索池详情
+export const ClueTransitionCustomerUrl = '/lead/transition/account'; // 转为客户
+export const GetAdvancedCluePoolListUrl = '/advanced/search/lead-pool'; // 全局搜索分页查询线索池线索
+export const ExportCluePoolAllUrl = '/pool/lead/export-all'; // 导出全部线索池线索
+export const ExportCluePoolSelectedUrl = '/pool/lead/export-select'; // 导出选中线索池线索
+export const BatchUpdateCluePoolUrl = '/pool/lead/batch-update'; // 批量更新线索池线索
+export const GenerateLeadPoolChartUrl = '/pool/lead/chart'; // 生成线索池图表
+
+// 线索池跟进记录
+export const GetCluePoolFollowRecordListUrl = '/lead/follow/record/pool/page'; // 获取跟进记录列表
+
+export const GetClueTabUrl = '/lead/tab'; // 线索tab显隐
+
+// 视图
+export const GetClueViewDetailUrl = '/lead/view/detail';
+export const GetClueViewListUrl = '/lead/view/list';
+export const AddClueViewUrl = '/lead/view/add';
+export const UpdateClueViewUrl = '/lead/view/update';
+export const DeleteClueViewUrl = '/lead/view/delete';
+export const FixedClueViewUrl = '/lead/view/fixed';
+export const EnableClueViewUrl = '/lead/view/enable';
+export const DragClueViewUrl = '/lead/view/edit/pos';
+
+// 导入
+export const PreCheckImportUrl = '/lead/import/pre-check';
+export const DownloadTemplateUrl = '/lead/template/download';
+export const ImportLeadUrl = '/lead/import';
+
+// 线索池视图
+export const GetPoolLeadViewDetailUrl = 'pool/lead/view/detail';
+export const GetPoolLeadViewListUrl = 'pool/lead/view/list';
+export const AddPoolLeadViewUrl = 'pool/lead/view/add';
+export const UpdatePoolLeadViewUrl = 'pool/lead/view/update';
+export const DeletePoolLeadViewUrl = 'pool/lead/view/delete';
+export const FixedPoolLeadViewUrl = 'pool/lead/view/fixed';
+export const EnablePoolLeadViewUrl = 'pool/lead/view/enable';
+export const DragPoolLeadViewUrl = 'pool/lead/view/edit/pos';
diff --git a/frontend/packages/lib-shared/api/requrls/contract.ts b/frontend/packages/lib-shared/api/requrls/contract.ts
new file mode 100644
index 0000000..970773c
--- /dev/null
+++ b/frontend/packages/lib-shared/api/requrls/contract.ts
@@ -0,0 +1,150 @@
+// 合同列表
+export const ContractPageUrl = '/contract/page'; // 合同列表
+export const ContractAddUrl = '/contract/add'; // 添加合同
+export const ContractUpdateUrl = '/contract/update'; // 更新合同
+export const ContractDeleteUrl = '/contract/delete'; // 删除合同
+export const GetContractDetailUrl = '/contract/get'; // 获取合同详情
+export const GetContractDetailSnapshotUrl = '/contract/get/snapshot'; // 获取合同详情快照
+export const GetContractFormConfigUrl = '/contract/module/form'; // 合同表单配置
+export const GetContractFormSnapshotConfigUrl = '/contract/module/form/snapshot'; // 合同表单配置
+export const GetContractTabUrl = '/contract/tab'; // 合同tab显隐
+export const ChangeContractStatusUrl = '/contract/update/stage';
+export const BatchApproveContractUrl = '/contract/batch/approval';
+export const BatchUpdateContractUrl = '/contract/batch/update';
+export const ApproveContractUrl = '/contract/approval';
+export const RevokeContractUrl = '/contract/revoke';
+export const ContractStatisticUrl = '/contract/statistic';
+export const SortContractUrl = '/contract/sort';
+
+// 合同导出
+export const ExportContractAllUrl = '/contract/export-all'; // 合同导出全量
+export const ExportContractSelectedUrl = '/contract/export-select'; // 合同导出选中
+
+// 合同图表
+export const GenerateContractChartUrl = '/contract/chart'; // 生成合同图表
+
+// 合同视图
+export const AddContractViewUrl = '/contract/view/add'; // 添加合同视图
+export const UpdateContractViewUrl = '/contract/view/update'; // 更新合同视图
+export const GetContractViewListUrl = '/contract/view/list'; // 获取合同视图列表
+export const GetContractViewDetailUrl = '/contract/view/detail'; // 获取合同视图详情
+export const FixedContractViewUrl = '/contract/view/fixed'; // 固定合同视图
+export const EnableContractViewUrl = '/contract/view/enable'; // 启用合同视图
+export const DeleteContractViewUrl = '/contract/view/delete'; // 删除合同视图
+export const DragContractViewUrl = '/contract/view/edit/pos'; // 拖拽合同视图排序
+
+// 回款计划列表
+export const PaymentPlanPageUrl = '/contract/payment-plan/page'; // 回款计划列表
+export const ContractPaymentPlanPageUrl = '/contract/contract-payment-plan/page'; // 回款计划列表
+export const PaymentPlanAddUrl = '/contract/payment-plan/add'; // 添加回款计划
+export const PaymentPlanUpdateUrl = '/contract/payment-plan/update'; // 更新回款计划
+export const PaymentPlanDeleteUrl = '/contract/payment-plan/delete'; // 删除回款计划
+export const GetPaymentPlanDetailUrl = '/contract/payment-plan/get'; // 获取回款计划详情
+export const GetPaymentPlanFormConfigUrl = '/contract/payment-plan/module/form'; // 回款计划表单配置
+export const GetPaymentPlanTabUrl = '/contract/payment-plan/tab'; // 回款计划tab显隐
+
+// 回款计划导出
+export const ExportPaymentPlanAllUrl = '/contract/payment-plan/export-all'; // 回款计划导出全量
+export const ExportPaymentPlanSelectedUrl = '/contract/payment-plan/export-select'; // 回款计划导出选中
+
+// 回款计划图表
+export const GeneratePaymentPlanChartUrl = '/contract/payment-plan/chart'; // 生成回款计划图表
+
+// 回款计划视图
+export const AddPaymentPlanViewUrl = '/contract/payment-plan/view/add'; // 添加回款计划视图
+export const UpdatePaymentPlanViewUrl = '/contract/payment-plan/view/update'; // 更新回款计划视图
+export const GetPaymentPlanViewListUrl = '/contract/payment-plan/view/list'; // 获取回款计划视图列表
+export const GetPaymentPlanViewDetailUrl = '/contract/payment-plan/view/detail'; // 获取回款计划视图详情
+export const FixedPaymentPlanViewUrl = '/contract/payment-plan/view/fixed'; // 固定回款计划视图
+export const EnablePaymentPlanViewUrl = '/contract/payment-plan/view/enable'; // 启用回款计划视图
+export const DeletePaymentPlanViewUrl = '/contract/payment-plan/view/delete'; // 删除回款计划视图
+export const DragPaymentPlanViewUrl = '/contract/payment-plan/view/edit/pos'; // 拖拽回款计划视图排序
+
+// 回款记录列表
+export const PaymentRecordPageUrl = '/contract/payment-record/page'; // 回款记录列表
+export const PaymentRecordAddUrl = '/contract/payment-record/add'; // 添加回款记录
+export const PaymentRecordUpdateUrl = '/contract/payment-record/update'; // 更新回款记录
+export const PaymentRecordDeleteUrl = '/contract/payment-record/delete'; // 删除回款记录
+export const GetPaymentRecordDetailUrl = '/contract/payment-record/get'; // 获取回款记录详情
+export const GetPaymentRecordFormConfigUrl = '/contract/payment-record/module/form'; // 回款记录表单配置
+export const GetPaymentRecordTabUrl = '/contract/payment-record/tab'; // 回款记录tab显隐
+export const GetPaymentRecordStatisticUrl = '/contract/payment-record/statistic'; // 回款记录统计
+
+// 回款记录导出
+export const ExportPaymentRecordAllUrl = '/contract/payment-record/export-all'; // 回款记录导出全量
+export const ExportPaymentRecordSelectedUrl = '/contract/payment-record/export-select'; // 回款记录导出选中
+
+// 回款记录视图
+export const AddPaymentRecordViewUrl = '/contract/payment-record/view/add'; // 添加回款记录视图
+export const UpdatePaymentRecordViewUrl = '/contract/payment-record/view/update'; // 更新回款记录视图
+export const GetPaymentRecordViewListUrl = '/contract/payment-record/view/list'; // 获取回款记录视图列表
+export const GetPaymentRecordViewDetailUrl = '/contract/payment-record/view/detail'; // 获取回款记录视图详情
+export const FixedPaymentRecordViewUrl = '/contract/payment-record/view/fixed'; // 固定回款记录视图
+export const EnablePaymentRecordViewUrl = '/contract/payment-record/view/enable'; // 启用回款记录视图
+export const DeletePaymentRecordViewUrl = '/contract/payment-record/view/delete'; // 删除回款记录视图
+export const DragPaymentRecordViewUrl = '/contract/payment-record/view/edit/pos'; // 拖拽回款记录视图排序
+
+export const PreCheckPaymentRecordImportUrl = '/contract/payment-record/import/pre-check';
+export const DownloadPaymentRecordTemplateUrl = '/contract/payment-record/template/download';
+export const ImportPaymentRecordUrl = '/contract/payment-record/import';
+
+// 合同-工商抬头导入
+export const PreCheckBusinessTitleImportUrl = '/contract/business-title/import/pre-check';
+export const DownloadBusinessTitleTemplateUrl = '/contract/business-title/template/download';
+export const ImportBusinessTitleUrl = '/contract/business-title/import';
+// 合同-工商抬头导出
+export const ExportBusinessTitleAllUrl = '/contract/business-title/export-all';
+export const ExportBusinessTitleSelectedUrl = '/contract/business-title/export-select';
+
+// 合同-工商抬头列表
+export const BusinessTitlePageUrl = '/contract/business-title/page';
+export const BusinessTitleAddUrl = '/contract/business-title/add';
+export const BusinessTitleUpdateUrl = '/contract/business-title/update';
+export const BusinessTitleDeleteUrl = '/contract/business-title/delete';
+export const BusinessTitleRevokeUrl = '/contract/business-title/revoke';
+export const GetBusinessTitleDetailUrl = '/contract/business-title/get';
+export const GetBusinessTitleInvoiceCheckUrl = '/contract/business-title/invoice/check';
+export const GetBusinessTitleThirdQueryUrl = '/contract/business-title/third-query';
+export const GetBusinessTitleThirdQueryOptionUrl = '/contract/business-title/third-query/option';
+
+// 工商抬头表单校验
+export const BusinessTitleConfigUrl = '/business-title/config/get'; // 获取表单配置校验
+export const BusinessTitleFormConfigSwitchUrl = '/business-title/config/switch'; // 表单配置切换
+export const BusinessTitleModuleFormUrl = '/contract/business-title/module/form'; // 表单字段
+// 发票
+export const ContractInvoicedUpdateUrl = '/invoice/update'; // 发票更新
+export const ContractInvoicedPageUrl = '/invoice/page'; // 发票列表
+export const ContractInvoicedInContractPageUrl = '/contract/invoice/page'; // 合同下的发票列表
+export const ContractInvoicedExportSelectedUrl = '/invoice/export-select'; // 发票导出选中
+export const ContractInvoicedExportAllUrl = '/invoice/export-all'; // 发票导出全量
+export const ContractInvoicedBatchDeleteUrl = '/invoice/batch/delete'; // 发票批量删除
+export const ContractInvoicedApprovalUrl = '/invoice/approval'; // 发票审批
+export const ContractInvoicedAddUrl = '/invoice/add'; // 发票添加
+export const ContractInvoicedFormConfigUrl = '/invoice/module/form'; // 发票表单配置
+export const ContractInvoicedFormConfigSnapshotUrl = '/invoice/module/form/snapshot'; // 发票表单配置快照
+export const ContractInvoicedDetailUrl = '/invoice/get'; // 发票详情
+export const ContractInvoicedDetailSnapshotUrl = '/invoice/get/snapshot'; // 发票详情快照
+export const ContractInvoicedDeleteUrl = '/invoice/delete'; // 发票删除
+export const ContractInvoicedRevokeUrl = '/invoice/revoke'; // 发票撤回
+export const ContractInvoicedTabUrl = '/invoice/tab'; // 发票tab显隐
+
+// 发票视图
+export const UpdateContractInvoicedViewUrl = '/invoice/view/update'; // 更新发票视图
+export const DragContractInvoicedViewUrl = '/invoice/view/edit/pos'; // 拖拽发票视图排序
+export const AddContractInvoicedViewUrl = '/invoice/view/add'; // 添加发票视图
+export const ListContractInvoicedViewUrl = '/invoice/view/list'; // 发票视图列表
+export const FixedContractInvoicedViewUrl = '/invoice/view/fixed'; // 固定发票视图
+export const EnableContractInvoicedViewUrl = '/invoice/view/enable'; // 启用/禁用发票视图
+export const GetContractInvoicedViewDetailUrl = '/invoice/view/detail'; // 发票视图详情
+export const DeleteContractInvoicedViewUrl = '/invoice/view/delete'; // 发票视图删除
+
+// 合同状态
+export const UpdateContractStatusUrl = '/contract/stage/update'; // 更新合同状态配置
+export const UpdateContractStatusRollbackUrl = '/contract/stage/update-rollback'; // 合同状态回退配置
+export const SortContractStatusUrl = '/contract/stage/sort'; // 合同状态排序
+export const AddContractStatusUrl = '/contract/stage/add'; // 合同状态添加
+export const GetContractStatusConfigUrl = '/contract/stage/get'; // 获取合同状态配置
+export const DeleteContractStatusUrl = '/contract/stage/delete'; // 删除合同状态
+export const UpdateContractStageUrl = '/contract/update/stage'; // 更新合同详情阶段
+export const SwitchContractCirculationTypeUrl = '/contract/stage/circulation-type'; // 切换流转类型
+export const SaveContractCirculationConfigUrl = '/contract/stage/advanced/config'; // 保存高级流转配置
diff --git a/frontend/packages/lib-shared/api/requrls/customForm.ts b/frontend/packages/lib-shared/api/requrls/customForm.ts
new file mode 100644
index 0000000..1d02cf8
--- /dev/null
+++ b/frontend/packages/lib-shared/api/requrls/customForm.ts
@@ -0,0 +1,35 @@
+// 表单模板
+export const AddCustomFormUrl = '/custom-form/add'; // 创建自定义表单
+export const UpdateCustomFormUrl = '/custom-form/update'; // 更新自定义表单
+export const GetCustomFormUrl = '/custom-form/get'; // 自定义表单详情
+export const GetCustomFormAdminUrl = '/custom-form/admin/get'; // 获取表单管理员
+export const SaveCustomFormAdminUrl = '/custom-form/admin/set'; // 表单管理员
+export const RelateCustomFormMemberUrl = '/custom-form/role/user/add'; // 添加表单成员
+export const GetCustomFormRoleUsersUrl = '/custom-form/role/users'; // 获取角色用户列表
+export const GetCustomFormRoleListUrl = '/custom-form/role/list'; // 获取表单角色tab
+export const GetCustomFormRoleUserDeptTreeUrl = '/custom-form/role/user/dept/tree'; // 获取表单角色部门用户树
+export const GetCustomFormRoleUserRoleTreeUrl = '/custom-form/role/user/role/tree'; // 获取表单角色树
+export const RemoveCustomFormMemberUrl = '/custom-form/role/user/remove'; // 移除表单成员
+export const GetCustomFormListUrl = '/custom-form/list'; // 获取表单模板列表
+export const DeleteCustomFormUrl = '/custom-form/delete'; // 删除表单模板
+export const EnableCustomFormUrl = '/custom-form/enable'; // 开启表单模板
+export const DisableCustomFormUrl = '/custom-form/disable'; // 关闭表单模板
+export const GetCustomFormOptionsUrl = '/custom-form/option'; // 自定义表单选项列表
+
+// 表单数据
+export const AddCustomFormDataUrl = '/custom-form/data/add'; // 添加自定义表单数据
+export const GetCustomFormDataPageUrl = '/custom-form/data/page'; // 自定义表单数据列表
+export const BatchUpdateCustomFormDataUrl = '/custom-form/data/batch/update'; // 批量更新自定义表单数据
+export const BatchDeleteCustomFormDataUrl = '/custom-form/data/batch/delete'; // 批量删除自定义表单数据
+export const UpdateCustomFormDataUrl = '/custom-form/data/update'; // 更新自定义表单数据
+export const GetCustomFormDataDetailUrl = '/custom-form/data/get'; // 获取自定义表单数据详情
+export const DeleteCustomFormDataUrl = '/custom-form/data/delete'; // 删除自定义表单数据
+
+// 导入
+export const PreCheckCustomFormImportUrl = '/custom-form/data/import/pre-check'; // 自定义表单预检查导入
+export const DownloadCustomFormTemplateUrl = '/custom-form/data/template/download'; // 下载自定义表单模板
+export const ImportCustomFormUrl = '/custom-form/data/import'; // 导入自定义表单
+
+// 导出
+export const CustomFormExportAllUrl = '/custom-form/data/export-all'; // 自定义表单导出全量
+export const CustomFormExportSelectedUrl = '/custom-form/data/export-select'; // 自定义表单导出选中
diff --git a/frontend/packages/lib-shared/api/requrls/customer/index.ts b/frontend/packages/lib-shared/api/requrls/customer/index.ts
new file mode 100644
index 0000000..1064ae4
--- /dev/null
+++ b/frontend/packages/lib-shared/api/requrls/customer/index.ts
@@ -0,0 +1,137 @@
+export const GetCustomerFormConfigUrl = '/account/module/form'; // 获取客户表单配置
+export const UpdateCustomerUrl = '/account/update'; // 更新客户
+export const GetCustomerListUrl = '/account/page'; // 分页查询客户
+export const AddCustomerUrl = '/account/add'; // 添加客户
+export const GetCustomerUrl = '/account/get'; // 获取客户详情
+export const DeleteCustomerUrl = '/account/delete'; // 删除客户
+export const BatchDeleteCustomerUrl = '/account/batch/delete'; // 批量删除客户
+export const BatchTransferCustomerUrl = '/account/batch/transfer'; // 批量转移客户
+export const BatchMoveCustomerUrl = '/account/batch/to-pool'; // 批量移入公海
+export const MoveToCustomerUrl = '/account/to-pool'; // 移入公海
+export const UpdateCustomerFollowRecordUrl = '/account/follow/record/update'; // 更新跟进记录
+export const GetCustomerFollowRecordListUrl = '/account/follow/record/page'; // 获取跟进记录列表
+export const AddCustomerFollowRecordUrl = '/account/follow/record/add'; // 添加跟进记录
+export const DeleteCustomerFollowRecordUrl = '/account/follow/record/delete'; // 删除跟进记录
+export const GetCustomerFollowRecordUrl = '/account/follow/record/get'; // 获取跟进记录详情
+export const GetCustomerFollowRecordFormConfigUrl = '/follow/record/module/form'; // 获取跟进记录表单配置
+export const UpdateCustomerFollowPlanUrl = '/account/follow/plan/update'; // 更新跟进计划
+export const GetCustomerFollowPlanListUrl = '/account/follow/plan/page'; // 获取跟进计划列表
+export const AddCustomerFollowPlanUrl = '/account/follow/plan/add'; // 添加跟进计划
+export const DeleteCustomerFollowPlanUrl = '/account/follow/plan/delete'; // 删除跟进计划
+export const GetCustomerFollowPlanFormConfigUrl = '/follow/plan/module/form'; // 获取跟进计划表单配置
+export const GetCustomerFollowPlanUrl = '/account/follow/plan/get'; // 获取跟进记录详情
+export const UpdateCustomerContactUrl = '/account/contact/update'; // 更新客户联系人
+export const GetCustomerContactListUrl = '/account/contact/page'; // 获取客户联系人列表
+export const DisableCustomerContactUrl = '/account/contact/disable'; // 禁用客户联系人
+export const AddCustomerContactUrl = '/account/contact/add'; // 添加客户联系人
+export const GetCustomerContactFormConfigUrl = '/account/contact/module/form'; // 获取客户联系人表单配置
+export const GetCustomerContactUrl = '/account/contact/get'; // 获取客户联系人详情
+export const EnableCustomerContactUrl = '/account/contact/enable'; // 启用客户联系人
+export const DeleteCustomerContactUrl = '/account/contact/delete'; // 删除客户联系人
+export const CheckOpportunityContactUrl = '/account/contact/opportunity/check'; // 是否绑定商机
+export const ContactListUnderCustomerUrl = '/account/contact/list'; // 客户下的联系人列表
+export const UpdateCustomerOpenSeaUrl = '/account-pool/update'; // 编辑公海
+export const GetCustomerOpenSeaListUrl = '/account-pool/page'; // 公海列表
+export const AddCustomerOpenSeaUrl = '/account-pool/add'; // 添加公海
+export const SwitchCustomerOpenSeaUrl = '/account-pool/switch'; // 启用/禁用公海
+export const IsCustomerOpenSeaNoPickUrl = '/account-pool/no-pick'; // 公海是否存在未领取线索
+export const DeleteCustomerOpenSeaUrl = '/account-pool/delete'; // 删除公海
+export const GetOpenSeaCustomerListUrl = '/pool/account/page'; // 公海客户列表
+export const PickOpenSeaCustomerUrl = '/pool/account/pick'; // 领取公海客户
+export const BatchPickOpenSeaCustomerUrl = '/pool/account/batch-pick'; // 批量领取公海客户
+export const BatchDeleteOpenSeaCustomerUrl = '/pool/account/batch-delete'; // 批量删除公海客户
+export const BatchAssignOpenSeaCustomerUrl = '/pool/account/batch-assign'; // 批量分配公海客户
+export const AssignOpenSeaCustomerUrl = '/pool/account/assign'; // 分配公海客户
+export const GetOpenSeaOptionsUrl = '/pool/account/options'; // 获取公海选项
+export const DeleteOpenSeaCustomerUrl = '/pool/account/delete'; // 删除公海客户
+export const GetOpenSeaCustomerUrl = '/pool/account/get'; // 获取公海客户详情
+export const ExportOpenSeaCustomerAllUrl = '/pool/account/export-all'; // 导出所有公海客户
+export const ExportOpenSeaCustomerSelectedUrl = '/pool/account/export-select'; // 导出选中公海客户
+export const PoolAccountBatchUpdateUrl = '/pool/account/batch-update'; // 批量编辑公海列表
+export const BatchUpdateAccountUrl = '/account/batch/update'; // 批量编辑客户列表
+export const BatchUpdateContactUrl = '/account/contact/batch/update'; // 批量编辑联系人
+export const MergeAccountUrl = '/account/merge'; // 合并客户
+export const MergeAccountPageUrl = '/account/merge/page'; // 获取数据范围权限客户列表
+export const GenerateCustomerChartUrl = '/account/chart'; // 生成客户图表
+export const generateCustomerContactChartUrl = '/account/contact/chart'; // 生成客户联系人图表
+
+export const CancelCustomerFollowPlanUrl = '/account/follow/plan/cancel'; // 取消客户跟进计划
+export const GetCustomerHeaderListUrl = '/account/owner/history/list'; // 客户负责人记录列表
+export const SaveCustomerRelationUrl = '/account/relation/save'; // 保存客户关系
+export const GetCustomerRelationListUrl = '/account/relation/list'; // 获取客户关系列表
+export const UpdateCustomerRelationItemUrl = '/account/relation/update'; // 更新单条客户关系
+export const AddCustomerRelationItemUrl = '/account/relation/add'; // 添加单条客户关系
+export const DeleteCustomerRelationItemUrl = '/account/relation/delete'; // 删除单条客户关系
+export const UpdateCustomerCollaborationUrl = '/account/collaboration/update'; // 更新协作成员
+export const BatchDeleteCustomerCollaborationUrl = '/account/collaboration/batch/delete'; // 批量删除协作成员
+export const AddCustomerCollaborationUrl = '/account/collaboration/add'; // 添加协作成员
+export const GetCustomerCollaborationListUrl = '/account/collaboration/list'; // 获取协作成员列表
+export const DeleteCustomerCollaborationUrl = '/account/collaboration/delete'; // 删除协作成员
+export const GetCustomerOptionsUrl = '/account/option'; // 获取客户选项列表
+export const GetCustomerOpenSeaFollowRecordListUrl = '/account/follow/record/pool/page'; // 获取客户公海池跟进记录列表
+export const GetCustomerTabUrl = '/account/tab'; // 客户tab显隐
+export const GetCustomerContactTabUrl = '/account/contact/tab'; // 客户联系人tab显隐
+export const UpdateCustomerFollowPlanStatusUrl = '/account/follow/plan/status/update'; // 更新客户跟进计划状态
+export const GetCustomerOpportunityListUrl = '/account/opportunity/page'; // 客户商机列表
+export const ExportCustomerAllUrl = '/account/export-all'; // 导出所有客户
+export const ExportCustomerSelectedUrl = '/account/export-select'; // 导出选中客户
+export const GetAdvancedCustomerListUrl = '/advanced/search/account'; // 全局搜索分页查询客户
+export const GetAdvancedOpenSeaCustomerListUrl = '/advanced/search/account-pool'; // 全局搜索公海客户列表
+export const GetAdvancedCustomerContactListUrl = '/advanced/search/contact'; // 全局搜索获取客户联系人列表
+export const GetGlobalCustomerListUrl = '/global/search/account';
+export const GetGlobalOpenSeaCustomerListUrl = '/global/search/customer_pool';
+export const GetGlobalCustomerContactListUrl = '/global/search/contact';
+export const GetGlobalModuleCountUrl = '/global/search/module/count'; // 数量统计
+
+export const ExportContactAllUrl = '/account/contact/export-all'; // 导出所有联系人
+export const ExportContactSelectedUrl = '/account/contact/export-select'; // 导出选中联系人
+
+export const GetAccountContractListUrl = '/account/contract/page'; // 客户详情-合同列表
+export const GetAccountContractStatisticUrl = '/account/contract/statistic'; // 客户详情-合同列表统计
+export const GetAccountPaymentListUrl = '/account/contract/payment-plan/page'; // 客户详情-回款列表
+export const GetAccountPaymentStatisticUrl = '/account/contract/payment-plan/statistic'; // 客户详情-回款列表统计
+export const GetAccountPaymentRecordListUrl = '/account/contract/payment-record/page'; // 客户详情-回款列表
+export const GetAccountPaymentRecordStatisticUrl = '/account/contract/payment-record/statistic'; // 客户详情-回款列表统计
+export const GetAccountInvoiceListUrl = '/account/invoice/page'; // 客户详情-发票列表
+export const GetAccountInvoiceStatisticUrl = '/account/invoice/statistic'; // 客户详情-发票列表统计
+export const GetAccountOrderListUrl = '/account/order/page'; // 客户详情-订单列表
+
+// 视图
+export const GetCustomerViewDetailUrl = '/account/view/detail';
+export const GetCustomerViewListUrl = '/account/view/list';
+export const AddCustomerViewUrl = '/account/view/add';
+export const UpdateCustomerViewUrl = '/account/view/update';
+export const DeleteCustomerViewUrl = '/account/view/delete';
+export const FixedCustomerViewUrl = '/account/view/fixed';
+export const EnableCustomerViewUrl = '/account/view/enable';
+export const DragCustomerViewUrl = '/account/view/edit/pos';
+
+export const GetContactViewDetailUrl = '/account/contact/view/detail';
+export const GetContactViewListUrl = '/account/contact/view/list';
+export const AddContactViewUrl = '/account/contact/view/add';
+export const UpdateContactViewUrl = '/account/contact/view/update';
+export const DeleteContactViewUrl = '/account/contact/view/delete';
+export const FixedContactViewUrl = '/account/contact/view/fixed';
+export const EnableContactViewUrl = '/account/contact/view/enable';
+export const DragContactViewUrl = '/account/contact/view/edit/pos';
+
+// 客户导入
+export const PreCheckAccountImportUrl = '/account/import/pre-check';
+export const DownloadAccountTemplateUrl = '/account/template/download';
+export const ImportAccountUrl = '/account/import';
+
+// 联系人导入
+export const PreCheckContactImportUrl = '/account/contact/import/pre-check';
+export const DownloadContactTemplateUrl = '/account/contact/template/download';
+export const ImportContactUrl = '/account/contact/import';
+
+// 公海视图
+export const GetAccountPoolViewDetailUrl = 'pool/account/view/detail';
+export const GetAccountPoolViewListUrl = 'pool/account/view/list';
+export const AddAccountPoolViewUrl = 'pool/account/view/add';
+export const UpdateAccountPoolViewUrl = 'pool/account/view/update';
+export const DeleteAccountPoolViewUrl = 'pool/account/view/delete';
+export const FixedAccountPoolViewUrl = 'pool/account/view/fixed';
+export const EnableAccountPoolViewUrl = 'pool/account/view/enable';
+export const DragAccountPoolViewUrl = 'pool/account/view/edit/pos';
+export const generateCustomerPoolChartUrl = '/pool/account/chart';
diff --git a/frontend/packages/lib-shared/api/requrls/dashboard.ts b/frontend/packages/lib-shared/api/requrls/dashboard.ts
new file mode 100644
index 0000000..92118a7
--- /dev/null
+++ b/frontend/packages/lib-shared/api/requrls/dashboard.ts
@@ -0,0 +1,16 @@
+export const dashboardModuleRenameUrl = '/dashboard/module/rename'; // 模块重命名
+export const dashboardModuleDeleteUrl = '/dashboard/module/delete'; // 模块删除
+export const dashboardModuleAddUrl = '/dashboard/module/add'; // 模块添加
+export const dashboardUpdateUrl = '/dashboard/update'; // 仪表板更新
+export const dashboardRenameUrl = '/dashboard/rename'; // 仪表板重命名
+export const dashboardAddUrl = '/dashboard/add'; // 仪表板添加
+export const dashboardDetailUrl = '/dashboard/detail'; // 仪表板详情
+export const dashboardDeleteUrl = '/dashboard/delete'; // 仪表板删除
+export const dashboardPageUrl = '/dashboard/page'; // 仪表板列表
+export const dashboardCollectPageUrl = '/dashboard/collect/page'; // 仪表板收藏列表
+export const dashboardModuleTreeUrl = '/dashboard/module/tree'; // 模块树
+export const dashboardCollectUrl = '/dashboard/collect'; // 仪表板收藏
+export const dashboardUnCollectUrl = '/dashboard/un-collect'; // 仪表板取消收藏
+export const dashboardModuleCountUrl = '/dashboard/module/count'; // 仪表板模块数量
+export const dashboardDragUrl = '/dashboard/edit/pos'; // 仪表板拖拽
+export const dashboardModuleDragUrl = '/dashboard/module/move'; // 仪表板模块拖拽
diff --git a/frontend/packages/lib-shared/api/requrls/follow.ts b/frontend/packages/lib-shared/api/requrls/follow.ts
new file mode 100644
index 0000000..6d3fd41
--- /dev/null
+++ b/frontend/packages/lib-shared/api/requrls/follow.ts
@@ -0,0 +1,35 @@
+// 跟进记录
+export const GetFollowRecordPageUrl = '/follow/record/page'; // 跟进记录列表
+export const GetFollowRecordTabUrl = '/follow/record/tab'; // 数据权限TAB
+export const DeleteFollowRecordUrl = '/follow/record/delete'; // 删除跟进记录
+export const GetFollowRecordUrl = '/follow/record/get'; // 跟进记录详情
+export const UpdateFollowRecordUrl = '/follow/record/update';
+export const AddFollowRecordUrl = '/follow/record/add';
+
+// 跟进计划
+export const UpdateFollowPlanStatusUrl = '/follow/plan/status/update'; // 更新跟进计划状态
+export const GetFollowPlanPageUrl = '/follow/plan/page'; // 跟进计划列表
+export const GetFollowPlanTabUrl = '/follow/plan/tab'; // 数据权限TAB
+export const DeleteFollowPlanUrl = '/follow/plan/delete'; // 删除跟进计划
+export const GetFollowPlanUrl = '/follow/plan/get'; // 跟进计划详情
+export const UpdateFollowPlanUrl = '/follow/plan/update';
+export const AddFollowPlanUrl = '/follow/plan/add';
+
+// 视图
+export const AddFollowRecordViewUrl = '/follow/record/view/add';
+export const UpdateFollowRecordViewUrl = '/follow/record/view/update';
+export const GetFollowRecordViewListUrl = '/follow/record/view/list';
+export const GetFollowRecordViewDetailUrl = '/follow/record/view/detail';
+export const FixedFollowRecordViewUrl = '/follow/record/view/fixed';
+export const EnableFollowRecordViewUrl = '/follow/record/view/enable';
+export const DeleteFollowRecordViewUrl = '/follow/record/view/delete';
+export const DragFollowRecordViewUrl = '/follow/record/view/edit/pos';
+
+export const AddFollowPlanViewUrl = '/follow/plan/view/add';
+export const UpdateFollowPlanViewUrl = '/follow/plan/view/update';
+export const GetFollowPlanViewListUrl = '/follow/plan/view/list';
+export const GetFollowPlanViewDetailUrl = '/follow/plan/view/detail';
+export const FixedFollowPlanViewUrl = '/follow/plan/view/fixed';
+export const EnableFollowPlanViewUrl = '/follow/plan/view/enable';
+export const DeleteFollowPlanViewUrl = '/follow/plan/view/delete';
+export const DragFollowPlanViewUrl = '/follow/plan/view/edit/pos';
diff --git a/frontend/packages/lib-shared/api/requrls/home.ts b/frontend/packages/lib-shared/api/requrls/home.ts
new file mode 100644
index 0000000..365a59d
--- /dev/null
+++ b/frontend/packages/lib-shared/api/requrls/home.ts
@@ -0,0 +1,5 @@
+export const HomeDepartmentTree = '/home/statistic/department/tree'; // 用户部门权限树
+export const HomeFollowOpportunity = '/home/statistic/opportunity'; // 跟进商机统计
+export const HomeSuccessOpportunity = '/home/statistic/opportunity/success'; // 商机赢单统计
+export const HomeLeadStatistic = '/home/statistic/lead'; // 线索统计
+export const HomeOpportunityUnderwayUrl = '/home/statistic/opportunity/underway'; // 商机进行中阶段统计
diff --git a/frontend/packages/lib-shared/api/requrls/opportunity.ts b/frontend/packages/lib-shared/api/requrls/opportunity.ts
new file mode 100644
index 0000000..eed1daf
--- /dev/null
+++ b/frontend/packages/lib-shared/api/requrls/opportunity.ts
@@ -0,0 +1,82 @@
+export const OptPageUrl = '/opportunity/page'; // 商机列表
+export const OptAddUrl = '/opportunity/add'; // 添加商机
+export const OptUpdateUrl = '/opportunity/update'; // 更新商机
+export const GetOptFormConfigUrl = '/opportunity/module/form'; // 商机表单配置
+export const OptFollowRecordListUrl = '/opportunity/follow/record/page'; // 商机跟进记录列表
+export const OptFollowPlanPageUrl = '/opportunity/follow/plan/page'; // 商机跟进计划列表
+export const UpdateOptFollowRecordUrl = '/opportunity/follow/record/update'; // 更新商机跟进记录
+export const AddOptFollowRecordUrl = '/opportunity/follow/record/add'; // 添加商机跟进记录
+export const UpdateOptFollowPlanUrl = '/opportunity/follow/plan/update'; // 更新商机跟进计划
+export const AddOptFollowPlanUrl = '/opportunity/follow/plan/add'; // 添加商机跟进计划
+export const GetOptFollowRecordUrl = '/opportunity/follow/record/get'; // 商机跟进记录详情
+export const GetOptFollowPlanUrl = '/opportunity/follow/plan/get'; // 商机跟进计划详情
+export const CancelOptFollowPlanUrl = '/opportunity/follow/plan/cancel'; // 取消商机跟进计划
+export const OptBatchTransferUrl = '/opportunity/batch/transfer'; // 批量转移商机
+export const OptBatchDeleteUrl = '/opportunity/batch/delete'; // 批量删除商机
+export const OptDeleteUrl = '/opportunity/delete'; // 删除商机
+export const OptUpdateStageUrl = '/opportunity/update/stage'; // 更新商机阶段
+export const GetOptDetailUrl = '/opportunity/get'; // 获取商机详情
+export const DeleteOptFollowRecordUrl = '/opportunity/follow/record/delete'; // 删除商机跟进记录
+export const DeleteOptFollowPlanUrl = '/opportunity/follow/plan/delete'; // 删除商机跟进计划
+export const GetOptTabUrl = '/opportunity/tab'; // 商机tab显隐
+export const GetOpportunityContactListUrl = 'opportunity/contact/list'; // 商机详情联系人列表
+export const UpdateOptFollowPlanStatusUrl = '/opportunity/follow/plan/status/update'; // 更新商机跟进计划状态
+export const ExportOpportunityAllUrl = '/opportunity/export-all'; // 商机导出
+export const ExportOpportunitySelectedUrl = '/opportunity/export-select'; // 商机导出选中
+export const GetOptStatisticUrl = '/opportunity/statistic'; // 商机列表的金额数据
+export const AdvancedSearchOptPageUrl = '/advanced/search/opportunity'; // 全局高级搜索商机列表
+export const AdvancedSearchOptDetailUrl = '/advanced/search/opportunity/detail'; // 全局搜索商机详情
+export const GlobalSearchOptPageUrl = '/global/search/opportunity'; // 全局搜索商机列表
+export const BatchUpdateOpportunityUrl = '/opportunity/batch/update'; // 批量更新商机
+export const SortOpportunityUrl = '/opportunity/sort'; // 商机看板拖拽排序
+export const UpdateOpportunityStageUrl = '/opportunity/stage/update'; // 更新商机阶段配置
+export const UpdateOpportunityStageRollbackUrl = '/opportunity/stage/update-rollback'; // 商机阶段回退配置
+export const SortOpportunityStageUrl = '/opportunity/stage/sort'; // 商机阶段排序
+export const AddOpportunityStageUrl = '/opportunity/stage/add'; // 商机阶段添加
+export const GetOpportunityStageConfigUrl = '/opportunity/stage/get'; // 获取商机阶段配置
+export const DeleteOpportunityStageUrl = '/opportunity/stage/delete'; // 删除商机阶段
+export const GenerateOpportunityChartUrl = '/opportunity/chart'; // 生成商机视图
+export const GetQuotationTabUrl = '/opportunity/quotation/tab'; // 报价tab显隐
+
+// 商机视图
+export const GetBusinessViewDetailUrl = '/opportunity/view/detail';
+export const GetBusinessViewListUrl = '/opportunity/view/list';
+export const AddBusinessViewUrl = '/opportunity/view/add';
+export const UpdateBusinessViewUrl = '/opportunity/view/update';
+export const DeleteBusinessViewUrl = '/opportunity/view/delete';
+export const FixedBusinessViewUrl = '/opportunity/view/fixed';
+export const EnableBusinessViewUrl = '/opportunity/view/enable';
+export const DragBusinessViewUrl = '/opportunity/view/edit/pos';
+
+// 报价单视图
+export const GetQuotationViewDetailUrl = '/opportunity/quotation/view/detail';
+export const GetQuotationViewListUrl = '/opportunity/quotation/view/list';
+export const AddQuotationViewUrl = '/opportunity/quotation/view/add';
+export const UpdateQuotationViewUrl = '/opportunity/quotation/view/update';
+export const DeleteQuotationViewUrl = '/opportunity/quotation/view/delete';
+export const FixedQuotationViewUrl = '/opportunity/quotation/view/fixed';
+export const EnableQuotationViewUrl = '/opportunity/quotation/view/enable';
+export const DragQuotationViewUrl = '/opportunity/quotation/view/edit/pos';
+
+// 报价单
+export const QuotationPageUrl = '/opportunity/quotation/page';
+export const AddQuotationUrl = '/opportunity/quotation/add';
+export const UpdateQuotationUrl = '/opportunity/quotation/update';
+export const GetQuotationFormConfigUrl = '/opportunity/quotation/module/form';
+export const GetQuotationDetailUrl = '/opportunity/quotation/get';
+export const GetQuotationSnapshotDetailUrl = '/opportunity/quotation/get/snapshot';
+export const ApprovalQuotationUrl = '/opportunity/quotation/approve';
+export const VoidQuotationUrl = '/opportunity/quotation/voided';
+export const DeleteQuotationUrl = '/opportunity/quotation/delete';
+export const RevokeQuotationUrl = '/opportunity/quotation/revoke';
+export const BatchApproveUrl = '/opportunity/quotation/batch/approve';
+export const BatchVoidedUrl = '/opportunity/quotation/batch/voided';
+export const BatchUpdateQuotationUrl = '/opportunity/quotation/batch/update';
+export const GetQuotationSnapshotFormConfigUrl = '/opportunity/quotation/module/form/snapshot';
+export const DownloadQuotationUrl = '/opportunity/quotation/download';
+
+
+// 导入
+export const PreCheckOptImportUrl = '/opportunity/import/pre-check';
+export const DownloadOptTemplateUrl = '/opportunity/template/download';
+export const ImportOpportunityUrl = '/opportunity/import';
diff --git a/frontend/packages/lib-shared/api/requrls/order.ts b/frontend/packages/lib-shared/api/requrls/order.ts
new file mode 100644
index 0000000..8a1a673
--- /dev/null
+++ b/frontend/packages/lib-shared/api/requrls/order.ts
@@ -0,0 +1,35 @@
+export const AddOrderUrl = '/order/add';
+export const UpdateOrderUrl = '/order/update';
+export const BatchUpdateOrderUrl = '/order/batch/update';
+export const UpdateOrderStageUrl = '/order/update/stage';
+export const DeleteOrderUrl = '/order/delete';
+export const GetOrderDetailUrl = '/order/get';
+export const OrderPageUrl = '/order/page';
+export const OrderDetailSnapshotUrl = '/order/get/snapshot';
+export const OrderFormConfigUrl = '/order/module/form';
+export const OrderFormConfigSnapshotUrl = '/order/module/form/snapshot';
+export const GetOrderTabUrl = '/order/tab';
+export const OrderInContractPageUrl = '/contract/order/page';
+export const DownloadOrderUrl = '/order/download';
+export const OrderStatisticUrl = '/order/statistic';
+export const SortOrderUrl = '/order/sort';
+
+// 订单视图
+export const AddOrderViewUrl = '/order/view/add';
+export const UpdateOrderViewUrl = '/order/view/update';
+export const DeleteOrderViewUrl = '/order/view/delete';
+export const GetOrderViewListUrl = '/order/view/list';
+export const GetOrderViewDetailUrl = '/order/view/detail';
+export const FixedOrderViewUrl = '/order/view/fixed';
+export const EnableOrderViewUrl = '/order/view/enable';
+export const DragOrderViewUrl = '/order/view/edit/pos';
+
+// 订单状态
+export const UpdateOrderStatusUrl = '/order/stage/update'; // 更新订单状态配置
+export const UpdateOrderStatusRollbackUrl = '/order/stage/update-rollback'; // 订单状态回退配置
+export const SortOrderStatusUrl = '/order/stage/sort'; // 订单状态排序
+export const AddOrderStatusUrl = '/order/stage/add'; // 订单状态添加
+export const GetOrderStatusConfigUrl = '/order/stage/get'; // 获取订单状态配置
+export const DeleteOrderStatusUrl = '/order/stage/delete'; // 删除订单状态
+export const SwitchOrderCirculationTypeUrl = '/order/stage/circulation-type'; // 切换流转配置
+export const SaveAdvanceConfigUrl = '/order/stage/advanced/config'; // 保存高级流转配置
diff --git a/frontend/packages/lib-shared/api/requrls/product.ts b/frontend/packages/lib-shared/api/requrls/product.ts
new file mode 100644
index 0000000..0807ccb
--- /dev/null
+++ b/frontend/packages/lib-shared/api/requrls/product.ts
@@ -0,0 +1,29 @@
+export const GetProductFormConfigUrl = '/product/module/form'; // 获取产品表单配置
+export const UpdateProductUrl = '/product/update'; // 更新产品
+export const GetProductListUrl = '/product/page'; // 产品列表
+export const AddProductUrl = '/product/add'; // 添加产品
+export const GetProductUrl = '/product/get'; // 获取产品详情
+export const DeleteProductUrl = '/product/delete'; // 删除产品
+export const BatchDeleteProductUrl = '/product/batch/delete'; // 批量删除产品
+export const BatchUpdateProductUrl = '/product/batch/update'; // 批量更新产品
+export const DragSortProductUrl = '/product/edit/pos'; // 排序拖拽产品
+export const GetProductOptionsUrl = '/product/list/option'; // 获取当前组织下所有的产品
+// 导入
+export const PreCheckProductImportUrl = '/product/import/pre-check';
+export const DownloadProductTemplateUrl = '/product/template/download';
+export const ImportProductUrl = '/product/import';
+
+export const UpdateProductPriceUrl = '/price/update'; // 更新价格表
+export const BatchUpdateProductPriceUrl = '/price/batch/update'; // 批量更新价格表
+export const GetProductPriceListUrl = '/price/page'; // 价格表列表
+export const AddProductPriceUrl = '/price/add'; // 添加价格表
+export const GetProductPriceFormConfigUrl = '/price/module/form'; // 获取价格表单配置
+export const GetProductPriceUrl = '/price/get'; // 获取价格表详情
+export const DeleteProductPriceUrl = '/price/delete'; // 删除价格表
+export const DragSortProductPriceUrl = '/price/edit/pos'; // 排序拖拽价格表
+export const DownloadProductPriceTemplateUrl = '/price/template/download'; // 下载价格表模板
+export const ExportProductPriceUrl = '/price/export-select'; // 导出选择的价格表
+export const ExportAllProductPriceUrl = '/price/export'; // 导出所有的价格表
+export const ImportProductPriceUrl = '/price/import'; // 导入价格表
+export const PreCheckImportProductPriceUrl = '/price/import/pre-check'; // 导入价格表预检查
+export const CopyProductPriceUrl = '/price/copy'; // 复制价格表
diff --git a/frontend/packages/lib-shared/api/requrls/sys.ts b/frontend/packages/lib-shared/api/requrls/sys.ts
new file mode 100644
index 0000000..d3cce2b
--- /dev/null
+++ b/frontend/packages/lib-shared/api/requrls/sys.ts
@@ -0,0 +1,7 @@
+export const VersionUrl = '/system/version'; // 获取版本信息
+export const LocaleChangeUrl = '/locale-language/change'; // 切换语言
+
+export default {
+  VersionUrl,
+  LocaleChangeUrl,
+};
diff --git a/frontend/packages/lib-shared/api/requrls/system/authorizedManagement.ts b/frontend/packages/lib-shared/api/requrls/system/authorizedManagement.ts
new file mode 100644
index 0000000..98ab4db
--- /dev/null
+++ b/frontend/packages/lib-shared/api/requrls/system/authorizedManagement.ts
@@ -0,0 +1,2 @@
+export const GetLicenseUrl = '/license/validate';
+export const AddLicenseUrl = '/license/add';
diff --git a/frontend/packages/lib-shared/api/requrls/system/business.ts b/frontend/packages/lib-shared/api/requrls/system/business.ts
new file mode 100644
index 0000000..a969ce3
--- /dev/null
+++ b/frontend/packages/lib-shared/api/requrls/system/business.ts
@@ -0,0 +1,50 @@
+export const GetConfigEmailUrl = '/organization/settings/email'; // 获取邮件设置
+export const UpdateConfigEmailUrl = '/organization/settings/email/edit'; // 更新邮件设置
+export const TestConfigEmailUrl = '/organization/settings/email/test'; // 邮件设置-测试连接
+
+export const GetConfigSynchronizationUrl = '/organization/settings/third-party'; // 获取三方设置
+export const UpdateConfigSynchronizationUrl = '/organization/settings/third-party/edit'; // 更新三方设置
+export const TestConfigSynchronizationUrl = '/organization/settings/third-party/test'; // 三方设置-测试连接
+export const GetThirdTypeListUrl = '/organization/settings/third-party/types'; // 获取三方应用扫码类型集合
+export const GetDETokenUrl = '/organization/settings/de-token'; // 获取DEToken
+export const SyncDEUrl = '/organization/settings/de/sync'; // 同步 DE 配置
+export const GetDEOrgListUrl = '/organization/settings/de/org/list'; // 获取 DE 组织列表
+export const GetThirdPartyConfigUrl = '/organization/settings/third-party/get'; // 获取第三方配置
+export const SwitchThirdPartyUrl = '/organization/settings/switch-third-party'; // 切换三方平台
+export const GetThirdPartyResourceUrl = '/organization/settings/third-party/sync/resource'; // 获取最新的三方同步来源
+export const GetAuthsUrl = '/system/auth-sources/list'; //  认证设置-列表查询
+export const GetAuthDetailUrl = '/system/auth-sources/get'; // 认证设置-详情
+export const UpdateAuthUrl = '/system/auth-sources/update'; // 认证设置-更新
+export const CreateAuthUrl = '/system/auth-sources/add'; // 认证设置-新增
+export const UpdateAuthStatusUrl = '/system/auth-sources/update/status'; // 认证设置-更新状态
+export const UpdateAuthNameUrl = '/system/auth-sources/update/name'; // 认证设置-更新名称
+export const DeleteAuthUrl = '/system/auth-sources/delete'; // 认证设置-删除
+export const GetTenderConfigUrl = '/tender/application/config'; // 招投标-获取配置项
+
+// 个人中心
+export const GetPersonalUrl = '/personal/center/info';
+export const UpdatePersonalUrl = '/personal/center/update';
+export const SendEmailCodeUrl = '/personal/center/mail/code/send';
+export const UpdateUserPasswordUrl = '/personal/center/info/reset';
+export const GetPersonalFollowUrl = '/personal/center/follow/plan/list'; // 用户跟进计划列表
+
+// 个人中心导出
+export const GetExportCenterListUrl = '/export/center/list'; // 查询导出任务列表
+export const ExportCenterDownloadUrl = '/export/center/download'; // 下载
+export const CancelCenterExportUrl = '/export/center/cancel'; // 取消导出
+
+// 个人中心ApiKey
+export const UpdateApiKeyUrl = '/user/api/key/update'; // 更新 ApiKey
+export const GetApiKeyListUrl = '/user/api/key/list'; // 获取 ApiKey 列表
+export const EnableApiKeyUrl = '/user/api/key/enable'; // 开启 ApiKey
+export const DisableApiKeyUrl = '/user/api/key/disable'; // 关闭 ApiKey
+export const DeleteApiKeyUrl = '/user/api/key/delete'; // 删除 ApiKey
+export const AddApiKeyUrl = '/user/api/key/add'; // 新增 ApiKey
+
+// 界面设置
+export const SavePageConfigUrl = '/ui/display/save'; // 保存界面配置
+export const GetPageConfigUrl = '/ui/display/info'; // 获取界面配置
+export const GetPageConfigImagePreviewUrl = '/ui/display/preview'; // 图片预览
+export const GetTitleImgUrl = `${
+  import.meta.env.VITE_API_BASE_URL
+}${GetPageConfigImagePreviewUrl}?paramKey=ui.logoPlatform`;
diff --git a/frontend/packages/lib-shared/api/requrls/system/log.ts b/frontend/packages/lib-shared/api/requrls/system/log.ts
new file mode 100644
index 0000000..187f6c7
--- /dev/null
+++ b/frontend/packages/lib-shared/api/requrls/system/log.ts
@@ -0,0 +1,3 @@
+export const LoginLogListUrl = '/login/log/list'; // 登录日志
+export const OperationLogListUrl = '/operation/log/list'; // 操作日志
+export const GetOperationLogDetailUrl = '/operation/log/detail'; // 操作日志-详情
diff --git a/frontend/packages/lib-shared/api/requrls/system/login.ts b/frontend/packages/lib-shared/api/requrls/system/login.ts
new file mode 100644
index 0000000..50a5dce
--- /dev/null
+++ b/frontend/packages/lib-shared/api/requrls/system/login.ts
@@ -0,0 +1,6 @@
+export const loginUrl = '/login'; // 登录
+export const signoutUrl = '/logout'; // 登出
+export const isLoginUrl = '/is-login'; // 是否登录
+export const getKeyUrl = '/get-key'; // 获取登录密钥
+export const thirdCallbackUrl = '/sso/callback'; // 企业微信二维码登录
+export const thirdOauthCallbackUrl = '/sso/callback/oauth'; // 企业微信Oauth2登录
diff --git a/frontend/packages/lib-shared/api/requrls/system/message.ts b/frontend/packages/lib-shared/api/requrls/system/message.ts
new file mode 100644
index 0000000..88a7ba0
--- /dev/null
+++ b/frontend/packages/lib-shared/api/requrls/system/message.ts
@@ -0,0 +1,22 @@
+// 公告
+export const GetAnnouncementListUrl = '/announcement/page'; // 公告列表分页查询
+export const UpdateAnnouncementUrl = '/announcement/edit'; // 编辑公告
+export const AddAnnouncementUrl = '/announcement/add'; // 新建公告
+export const GetAnnouncementDetailUrl = '/announcement/get'; // 获取公告详情
+export const DeleteAnnouncementUrl = '/announcement/delete'; // 删除公告
+
+// 消息中心
+export const GetNotificationListUrl = '/notification/list/all/page'; // 消息中心列表
+export const GetNotificationCountUrl = '/notification/count'; // 具体类型具体状态的数量
+export const SetNotificationReadUrl = '/notification/read'; // 设置消息已读
+export const SetAllNotificationReadUrl = '/notification/read/all'; // 所有信息设置为已读消息
+
+// 消息设置
+export const GetMessageTaskUrl = '/message/task/get'; // 获取消息设置
+export const SaveMessageTaskUrl = '/message/task/save'; // 保存消息设置
+export const BatchSaveMessageTaskUrl = '/message/task/batch/save'; // 消息设置批量编辑
+export const SubscribeMessageUrl = '/sse/subscribe'; // 客户端订阅 SSE 事件流
+export const CloseMessageUrl = '/sse/close'; // 客户端关闭 SSE 事件流
+export const GetHomeMessageUrl = '/notification/last/list'; // 获取首页消息列表
+export const GetUnReadAnnouncement = '/notification/last/announcement/list'; // 获取用户未读公告列表
+export const getMessageTaskConfigDetailUrl = '/message/task/config/query'; // 获取消息任务配置详情
diff --git a/frontend/packages/lib-shared/api/requrls/system/module.ts b/frontend/packages/lib-shared/api/requrls/system/module.ts
new file mode 100644
index 0000000..4a7b7b6
--- /dev/null
+++ b/frontend/packages/lib-shared/api/requrls/system/module.ts
@@ -0,0 +1,99 @@
+// 模块首页
+export const getModuleNavConfigListUrl = '/module/list'; // 模块-首页-获取模块设置列表
+export const moduleNavListSortUrl = '/module/sort'; // 模块-首页-模块排序
+export const toggleModuleNavStatusUrl = '/module/switch'; // 模块-首页-单个模块开启或关闭
+export const ModuleUserDeptTreeUrl = '/module/user/dept/tree'; // 模块-获取部门用户树
+export const ModuleRoleTreeUrl = '/module/role/tree'; // 模块-获取角色树
+export const GetAdvancedSwitchUrl = '/module/advanced-search/settings'; // 高级筛选开关
+export const SetDisplayAdvancedUrl = '/module/advanced-search/switch'; // 设置高级筛选开关
+
+// 模块--商机
+export const getOpportunityListUrl = '/opportunity-rule/page'; // 模块-商机-商机规则列表
+export const addOpportunityRuleUrl = '/opportunity-rule/add'; // 模块-商机-添加商机规则
+export const updateOpportunityRuleUrl = '/opportunity-rule/update'; // 模块-商机-更新商机规则
+export const switchOpportunityStatusUrl = '/opportunity-rule/switch'; // 模块-商机-更新商机规则状态
+export const deleteOpportunityUrl = '/opportunity-rule/delete'; // 模块-商机-删除商机规则
+
+// 模块-线索池
+export const GetCluePoolPageUrl = '/lead-pool/page'; // 分页获取线索池
+export const AddCluePoolUrl = '/lead-pool/add'; // 新增线索池
+export const UpdateCluePoolUrl = '/lead-pool/update'; // 编辑线索池
+export const QuickUpdateCluePoolUrl = '/lead-pool/quick-update'; // 快捷编辑线索池
+export const SwitchCluePoolStatusUrl = '/lead-pool/switch'; // 启用/禁用线索池
+export const DeleteCluePoolUrl = '/lead-pool/delete'; // 删除线索池
+export const NoPickCluePoolUrl = '/lead-pool/no-pick'; // 未领取线索
+
+// 模块-线索库容
+export const GetClueCapacityPageUrl = '/lead-capacity/get'; // 获取线索库容规则
+export const AddClueCapacityUrl = '/lead-capacity/add'; // 添加线索库容规则
+export const UpdateClueCapacityUrl = '/lead-capacity/update'; // 更新线索库容规则
+export const DeleteClueCapacityUrl = '/lead-capacity/delete'; // 删除线索库容规则
+
+// 模块-客户库容
+export const GetCustomerCapacityPageUrl = '/account-capacity/get'; // 获取客户库容
+export const AddCustomerCapacityUrl = '/account-capacity/add'; // 添加客户库容规则
+export const UpdateCustomerCapacityUrl = '/account-capacity/update'; // 更新客户库容规则
+export const DeleteCustomerCapacityUrl = '/account-capacity/delete'; // 删除客户库容规则
+
+// 模块-公海池
+export const GetCustomerPoolPageUrl = '/account-pool/page'; // 分页获取公海池
+export const AddCustomerPoolUrl = '/account-pool/add'; // 新增公海池
+export const UpdateCustomerPoolUrl = '/account-pool/update'; // 编辑公海池
+export const QuickUpdateCustomerPoolUrl = '/account-pool/quick-update'; // 快捷编辑公海池
+export const SwitchCustomerPoolStatusUrl = '/account-pool/switch'; // 启用/禁用公海池
+export const DeleteCustomerPoolUrl = '/account-pool/delete'; // 删除公海池
+export const NoPickCustomerPoolUrl = '/account-pool/no-pick'; // 未领取线索
+
+// 模块-表单设计
+export const GetFormDesignConfigUrl = '/module/form/config'; // 获取表单设计配置
+export const SaveFormDesignConfigUrl = '/module/form/save'; // 保存表单设计配置
+export const GetFieldDeptUerTreeUrl = '/field/user/dept/tree'; // 获取部门成员树
+export const GetFieldDeptTreeUrl = '/field/dept/tree'; // 获取部门树
+export const GetFieldProductListUrl = '/field/source/product'; // 获取产品列表
+export const GetFieldOpportunityListUrl = '/field/source/opportunity'; // 获取商机列表
+export const GetFieldCustomerListUrl = '/field/source/account'; // 获取客户列表
+export const GetFieldContactListUrl = '/field/source/contact'; // 获取联系人列表
+export const GetFieldClueListUrl = '/field/source/lead'; // 获取线索列表
+export const GetFieldContractListUrl = '/field/source/contract'; // 获取合同列表
+export const GetFieldInvoiceListUrl = '/field/source/invoice'; // 获取发票列表
+export const GetFieldContractPaymentPlanListUrl = '/field/source/contract/payment-plan'; // 获取回款计划列表
+export const GetFieldContractPaymentRecordListUrl = '/field/source/contract/payment-record'; // 获取回款记录列表
+export const GetFieldCustomFormListUrl = '/field/source/custom-form-data'; // 自定义表单数据源列表
+
+export const CheckRepeatUrl = '/field/check/repeat'; // 查重
+export const GetFieldPriceListUrl = '/field/source/price'; // 获取价格列表
+export const GetFieldQuotationListUrl = '/field/source/quotation'; // 获取报价单列表
+export const GetFieldOrderListUrl = '/field/source/order'; // 获取订单列表
+export const GetFieldDisplayListUrl = '/field/display';
+export const GetFieldBusinessTitleListUrl = '/field/source/business-title';
+export const GetFieldRefDetailListUrl = '/field/source/ref-detail'; // 批量获取数据源字段详情
+export const GetFieldConfigUrl = '/field/source/config'; // 获取数据源表单配置
+
+export const UploadTempFileUrl = '/pic/upload/temp'; // 上传临时图片
+export const PreviewPictureUrl = '/pic/preview'; // 预览图片
+export const DownloadPictureUrl = '/pic/download'; // 下载图片
+export const UploadTempAttachmentUrl = '/attachment/upload/temp'; // 上传临时附件
+export const PreviewAttachmentUrl = '/attachment/preview'; // 预览附件
+export const DownloadAttachmentUrl = '/attachment/download'; // 下载附件
+export const DeleteAttachmentUrl = '/attachment/delete'; // 删除附件
+
+// 模块配置-字典管理-原因配置
+export const GetReasonUrl = '/dict/get'; // 获取原因
+export const AddReasonUrl = '/dict/add'; // 添加原因
+export const UpdateReasonUrl = '/dict/update'; // 更新原因
+export const DeleteReasonUrl = '/dict/delete'; // 删除原因
+export const GetReasonConfigUrl = '/dict/config'; // 获取原因配置
+export const UpdateReasonEnableUrl = '/dict/switch'; // 更新原因开关
+export const SortReasonUrl = '/dict/sort'; // 原因排序
+
+export const SearchConfigUrl = '/search/config/save'; // 搜索设置添加配置
+export const GetSearchConfigUrl = '/search/config/get'; // 获取搜索字段配置
+export const ResetSearchConfigUrl = '/search/config/reset'; // 重置搜索字段配置
+
+// 搜索模糊设置
+export const ModuleMaskSearchConfigUrl = '/mask/config/save'; // 搜索设置脱敏设置
+export const GetModuleMaskSearchConfigUrl = '/mask/config/get'; // 获取搜索脱敏设置
+
+// 系统导航栏
+export const GetModuleTopNavListUrl = '/navigation/list'; // 获取顶导配置
+export const SetModuleTopNavSortUrl = '/navigation/sort'; // 顶导排序
diff --git a/frontend/packages/lib-shared/api/requrls/system/org.ts b/frontend/packages/lib-shared/api/requrls/system/org.ts
new file mode 100644
index 0000000..a2717f7
--- /dev/null
+++ b/frontend/packages/lib-shared/api/requrls/system/org.ts
@@ -0,0 +1,29 @@
+// 部门
+export const setCommanderUrl = '/department/set-commander'; // 组织架构-设置部门负责人
+export const renameDepartmentUrl = '/department/rename'; // 组织架构-组织架构-重命名子部门
+export const addDepartmentUrl = '/department/add'; // 组织架构-添加子部门
+export const getDepartmentTreeUrl = '/department/tree'; // 组织架构-部门树查询
+export const deleteDepartmentUrl = '/department/delete'; // 组织架构-删除部门
+export const checkDeleteDepartmentUrl = '/department/delete/check'; // 组织架构-删除部门校验
+export const sortDepartmentUrl = '/department/sort'; // 组织架构-部门排序
+// 员工
+export const addUserUrl = '/user/add'; // 用户(员工)-添加员工
+export const updateUserUrl = '/user/update'; // 用户(员工)-更新员工
+export const getUserListUrl = '/user/list'; // 用户(员工)-列表查询
+export const batchResetPasswordUrl = '/user/batch/reset-password'; // 用户(员工)-批量重置密码
+export const batchEnableUserUrl = '/user/batch-enable'; // 用户(员工)-批量启用/禁用
+export const syncOrgUrl = '/user/sync'; // 用户(员工)-同步组织架构
+export const resetUserPasswordUrl = '/user/reset-password'; // 用户(员工)-重置密码
+export const getUserDetailUrl = '/user/detail'; // 用户(员工)-员工详情
+export const batchEditUserUrl = '/user/batch/edit'; // 用户(员工)-批量编辑
+export const importUserPreCheckUrl = '/user/import/pre-check'; // 用户(员工)-excel导入检查
+export const getUserOptionsUrl = '/user/option'; // 获取用户下拉
+export const getAdminOptionsUrl = '/user/admin/option'; // 获取审批管理员下拉
+export const getRoleOptionsUrl = '/user/role/option'; // 获取角色下拉
+export const importUserUrl = '/user/import'; // 用户(员工)-excel导入
+export const deleteUserUrl = '/user/delete'; // 用户(员工)-删除
+export const deleteUserCheckUrl = '/user/delete/check'; // 用户(员工)-删除校验
+export const checkSyncUserFromThirdUrl = '/user/sync-check'; // 用户(员工)-是否为第三方同步数据
+export const updateUserNameUrl = '/user/update/name'; // 用户(员工)-更新用户名称
+export const getOrgDepartmentUserUrl = '/user/get'; // 用户(员工)-更新用户名称
+export const CheckSyncUrl = '/user/sync/check'; // 检查异步是否完成接口
diff --git a/frontend/packages/lib-shared/api/requrls/system/process.ts b/frontend/packages/lib-shared/api/requrls/system/process.ts
new file mode 100644
index 0000000..5fe788a
--- /dev/null
+++ b/frontend/packages/lib-shared/api/requrls/system/process.ts
@@ -0,0 +1,33 @@
+export const ApprovalPermissionsUrl = '/approval-flow/status-permission/setting'; // 审批流数据权限
+export const GetApprovalConfigDetailUrl = '/approval-flow/get-by-form-type'; // 审批流配置详情 用于列表控制操作判断
+export const ApprovalProcessPageUrl = '/approval-flow/page'; // 审批流列表
+export const AddApprovalProcessUrl = '/approval-flow/add'; // 新增审批流
+export const UpdateApprovalProcessUrl = '/approval-flow/update'; // 修改审批流
+export const DeleteApprovalProcessUrl = '/approval-flow/delete'; // 删除审批流
+export const ApprovalProcessDetailUrl = '/approval-flow/get'; // 审批流详情
+export const ToggleApprovalProcessUrl = '/approval-flow/enable'; // 启用｜禁用审批流
+export const GetResourceApprovingDetailUrl = '/approval-resource/simple-detail'; // 资源审批状态详情
+export const ReviewResourceUrl = '/approval-resource/push'; // 提审
+export const RevokeResourceUrl = '/approval-resource/revoke'; // 撤销
+
+// 审批流webHook连接测试
+export const TestApprovalWebHookUrl = '/approval-flow/webhook/test '; 
+
+// 审批待办
+export const GetProcessedApprovalTodosUrl = '/approval-todo/processed/page'; // 已处理审批待办列表
+export const GetPendingApprovalTodosUrl = '/approval-todo/pending/page'; // 待处理审批待办列表
+export const GetInitiatedApprovalTodosUrl = '/approval-todo/initiated/page'; // 我发起审批待办列表
+export const GetCcApprovalTodosUrl = '/approval-todo/cc/page'; // 抄送我的审批待办列表
+export const GetTodoStatisticUrl = '/approval-todo/pending/count'; // 获取待办统计
+
+// 审批
+export const RejectApprovalUrl = '/approval-action/reject'; // 驳回
+export const BackApprovalUrl = '/approval-action/back'; // 回退
+export const AddSignApprovalUrl = '/approval-action/sign'; // 加签
+export const RevokeApprovalUrl = '/approval-action/revoke'; // 撤回
+export const AgreeApprovalUrl = '/approval-action/approve'; // 同意
+export const BatchRejectApprovalUrl = '/approval-action/batch-reject'; // 批量驳回
+export const BatchApprovalApprovalUrl = '/approval-action/batch-approve'; // 批量同意
+
+// 审批记录
+export const GetApprovalResourceDetailUrl = '/approval-resource/detail'; // 审批资源详情
diff --git a/frontend/packages/lib-shared/api/requrls/system/role.ts b/frontend/packages/lib-shared/api/requrls/system/role.ts
new file mode 100644
index 0000000..6982dc4
--- /dev/null
+++ b/frontend/packages/lib-shared/api/requrls/system/role.ts
@@ -0,0 +1,14 @@
+export const RelateRoleUrl = '/role/user/relate'; // 角色关联用户
+export const GetRoleMemberUrl = '/role/user/page'; // 角色已关联用户列表
+export const BatchRemoveRoleMemberUrl = '/role/user/batch/delete'; // 批量移除角色关联用户
+export const UpdateRoleUrl = '/role/update'; // 更新角色
+export const CreateRoleUrl = '/role/add'; // 新增角色
+export const GetRoleMemberTreeUrl = '/role/user/role/tree'; // 获取角色用户树
+export const GetRoleDeptTreeUrl = '/role/user/dept/tree'; // 获取部门用户树
+export const RemoveRoleMemberUrl = '/role/user/delete'; // 移除角色关联用户
+export const GetPermissionsUrl = '/role/permission/setting'; // 获取全量权限
+export const GetRolesUrl = '/role/list'; // 获取角色列表
+export const GetRoleDetailUrl = '/role/get'; // 获取角色详情
+export const DeleteRoleUrl = '/role/delete'; // 删除角色
+export const GetDeptTreeUrl = '/role/dept/tree'; // 获取部门树
+export const GetUserOptionUrl = '/role/user/option'; // 获取用户列表
diff --git a/frontend/packages/lib-shared/assets/style/themeVariables.less b/frontend/packages/lib-shared/assets/style/themeVariables.less
new file mode 100644
index 0000000..6a5f60f
--- /dev/null
+++ b/frontend/packages/lib-shared/assets/style/themeVariables.less
@@ -0,0 +1,68 @@
+@primary-color: #00a6ab; // 主色
+:root {
+  // 主题
+  --primary-8: @primary-color; /* 主题品牌色 */
+  --primary-0: #008d91; /* P0 */
+  --primary-1: #26b3b8; /* P1 */
+  --primary-2: #4dc1c4; /* P2 */
+  --primary-3: #66cacd; /* P3 */
+  --primary-4: #b2e4e6; /* P4 */
+  --primary-5: #ccedee; /* P5 */
+  --primary-6: #e5f6f7; /* P6 */
+  --primary-7: #f2fbfb; /* P7 */
+
+  // 文本
+  --text-n0: #000000; /* N0 */
+  --text-n1: #323535; /* N1 */
+  --text-n2: #646767; /* N2 */
+  --text-n3: #7d8181; /* N3 */
+  --text-n4: #969999; /* N4 */
+  --text-n5: #aeb2b2; /* N5 */
+  --text-n6: #c8cbcb; /* N6 */
+  --text-n7: #d5d8d8; /* N7 */
+  --text-n8: #edf0f1; /* N8 */
+  --text-n9: #f9fbfb; /* N9 */
+  --text-n10: #ffffff; /* N10 */
+
+  // red
+  --error-0: #c0271e; /* R0 */
+  --error-red: #e22e23; /* R */
+  --error-1: #e64d44; /* R1 */
+  --error-2: #eb6d65; /* R2 */
+  --error-3: #f6c0bd; /* R3 */
+  --error-4: #fceae9; /* R4 */
+  --error-5: #fef5f4; /* R5 */
+
+  // green
+  --success-0: #00a552; /* G0 */
+  --success-green: #00c261; /* G */
+  --success-1: #26cb79; /* G1 */
+  --success-2: #4dd490; /* G2 */
+  --success-3: #b2edd0; /* G3 */
+  --success-4: #e5f9ef; /* G4 */
+  --success-5: #f2fcf7; /* G5 */
+
+  // yellow
+  --warning-0: #d98a00; /* Y0 */
+  --warning-yellow: #ffa200; /* Y */
+  --warning-1: #ffb026; /* Y1 */
+  --warning-2: #ffbe4d; /* Y2 */
+  --warning-3: #ffe3b2; /* Y3 */
+  --warning-4: #fff6e5; /* Y4 */
+  --warning-5: #fffaf2; /* Y5 */
+
+  // blue
+  --info-0: #2b5fd9; /* B0 */
+  --info-blue: #3370ff; /* B */
+  --info-1: #5285ff; /* B1 */
+  --info-2: #709bff; /* B2 */
+  --info-3: #c2d4ff; /* B3 */
+  --info-4: #ebf1ff; /* B4 */
+  --info-5: #f5f8ff; /* B5 */
+
+  /** 圆角 **/
+  --border-radius-mini: @border-radius-mini;
+  --border-radius-small: @border-radius-small;
+  --border-radius-medium: @border-radius-medium;
+  --border-radius-large: @border-radius-large;
+}
diff --git a/frontend/packages/lib-shared/enums/clueEnum.ts b/frontend/packages/lib-shared/enums/clueEnum.ts
new file mode 100644
index 0000000..5a45b23
--- /dev/null
+++ b/frontend/packages/lib-shared/enums/clueEnum.ts
@@ -0,0 +1,12 @@
+export enum ClueStatusEnum {
+  /** 新建 */
+  NEW = 'NEW',
+
+  /** 跟进中 */
+  FOLLOWING = 'FOLLOWING',
+
+  /** 感兴趣 */
+  INTERESTED = 'INTERESTED',
+}
+
+export default {};
diff --git a/frontend/packages/lib-shared/enums/commonEnum.ts b/frontend/packages/lib-shared/enums/commonEnum.ts
new file mode 100644
index 0000000..22a89e1
--- /dev/null
+++ b/frontend/packages/lib-shared/enums/commonEnum.ts
@@ -0,0 +1,49 @@
+export enum CompanyTypeEnum {
+  WECOM = 'WECOM', // 企业微信
+  DINGTALK = 'DINGTALK', // 钉钉
+  LARK = 'LARK', // 飞书
+  INTERNAL = 'INTERNAL', // 国际飞书
+  DATA_EASE = 'DE', // DE
+  SQLBot = 'SQLBOT', // SQLBot
+  WE_COM_OAUTH2 = 'WECOM_OAUTH2', // OAUTH2认证
+  DINGTALK_OAUTH2 = 'DINGTALK_OAUTH2', // 钉钉OAUTH2认证
+  LARK_OAUTH2 = 'LARK_OAUTH2', // 飞书OAUTH2认证
+  MAXKB = 'MAXKB',
+  TENDER = 'TENDER', // 招标信息
+  QCC = 'QCC', // 企查查
+}
+
+// 操作符号
+export enum OperatorEnum {
+  GE = 'GE', // 大于等于
+  LE = 'LE', // 小于等于
+
+  LT = 'LT', // 小于
+  GT = 'GT', // 大于
+  IN = 'IN', // 在范围内
+  NOT_IN = 'NOT_IN', // 不在范围内
+  BETWEEN = 'BETWEEN', // 在两个值之间
+  COUNT_GT = 'COUNT_GT', // 大于
+  COUNT_LT = 'COUNT_LT', // 小于
+  EQUALS = 'EQUALS', // 等于
+  NOT_EQUALS = 'NOT_EQUALS', // 不等于
+  CONTAINS = 'CONTAINS', // 包含
+  NOT_CONTAINS = 'NOT_CONTAINS', // 不包含
+  EMPTY = 'EMPTY', // 为空
+  NOT_EMPTY = 'NOT_EMPTY', // 不为空
+  NEW_NOT_EQUALS_OLD = 'NOT_EQUAL_ORIGINAL', // 新值不等于旧值
+
+  DYNAMICS = 'DYNAMICS',
+  FIXED = 'FIXED',
+}
+
+export enum ColumnTypeEnum {
+  SYSTEM = 'system',
+  CUSTOM = 'custom',
+  SUB_TABLE = 'subTable',
+  SHOW_FIELD = 'showField', // 显示字段，部分表单支持导出显示字段
+}
+
+export enum ImportTypeExcludeFormDesignEnum {
+  CONTRACT_BUSINESS_TITLE_IMPORT = 'contractBusinessTitleImport',
+}
diff --git a/frontend/packages/lib-shared/enums/contractEnum.ts b/frontend/packages/lib-shared/enums/contractEnum.ts
new file mode 100644
index 0000000..2a46543
--- /dev/null
+++ b/frontend/packages/lib-shared/enums/contractEnum.ts
@@ -0,0 +1,24 @@
+export enum ContractStatusEnum {
+  PENDING_SIGNING = 'PENDING_SIGNING', // 待签署
+  SIGNED = 'SIGNED', // 已签署
+  CHANGE = 'CHANGE', //合同变更
+  IN_PROGRESS = 'IN_PROGRESS', // 履行中
+  COMPLETED_PERFORMANCE = 'COMPLETED_PERFORMANCE', // 履行完毕
+  VOID = 'VOID', // 作废
+  ARCHIVED = 'ARCHIVED', // 合同完結
+}
+
+export enum ContractPaymentPlanEnum {
+  PENDING = 'PENDING', // 未完成
+  PARTIALLY_COMPLETED = 'PARTIALLY_COMPLETED', // 部分完成
+  COMPLETED = 'COMPLETED', // 已完成
+}
+
+export enum ContractBusinessTitleStatusEnum {
+  APPROVED = 'APPROVED', // 通过
+  UNAPPROVED = 'UNAPPROVED', // 未通过
+  APPROVING = 'APPROVING', // 提审中
+  REVOKED = 'REVOKED', // 撤销
+}
+
+
diff --git a/frontend/packages/lib-shared/enums/customerEnum.ts b/frontend/packages/lib-shared/enums/customerEnum.ts
new file mode 100644
index 0000000..f3ae6ac
--- /dev/null
+++ b/frontend/packages/lib-shared/enums/customerEnum.ts
@@ -0,0 +1,17 @@
+export enum CustomerSearchTypeEnum {
+  ALL = 'ALL',
+  SELF = 'SELF',
+  DEPARTMENT = 'DEPARTMENT',
+  CUSTOMER_COLLABORATION = 'CUSTOMER_COLLABORATION',
+  CUSTOMER_TRANSITION = 'CUSTOMER_TRANSITION',
+  OPPORTUNITY_TRANSITION = 'OPPORTUNITY_TRANSITION',
+  SELF_QUOTATION = 'SELF_QUOTATION',
+}
+
+export enum CustomerFollowPlanStatusEnum {
+  ALL = 'ALL',
+  PREPARED = 'PREPARED',
+  UNDERWAY = 'UNDERWAY',
+  COMPLETED = 'COMPLETED',
+  CANCELLED = 'CANCELLED',
+}
diff --git a/frontend/packages/lib-shared/enums/formDesignEnum.ts b/frontend/packages/lib-shared/enums/formDesignEnum.ts
new file mode 100644
index 0000000..46f137b
--- /dev/null
+++ b/frontend/packages/lib-shared/enums/formDesignEnum.ts
@@ -0,0 +1,117 @@
+export enum FormDesignKeyEnum {
+  CLUE = 'clue', // 线索
+  CLUE_TRANSITION_CUSTOMER = 'clueTransitionCustomer', // 转为客户
+  CLUE_POOL = 'cluePool', // 线索池
+  FOLLOW_PLAN_CLUE = 'planClue', // 线索跟进计划
+  FOLLOW_RECORD_CLUE = 'recordClue', // 线索跟进记录
+  CUSTOMER = 'customer', // 客户
+  CUSTOMER_OPEN_SEA = 'customerOpenSea', // 公海客户
+  CONTACT = 'contact', // 联系人
+  CUSTOMER_CONTACT = 'customerContact', // 客户下的联系人
+  FOLLOW_RECORD_CUSTOMER = 'record', // 客户跟进记录
+  FOLLOW_PLAN_CUSTOMER = 'plan', // 客户跟进计划
+  BUSINESS = 'opportunity', // 商机
+  FOLLOW_RECORD_BUSINESS = 'recordBusiness', // 商机跟进记录
+  FOLLOW_PLAN_BUSINESS = 'planBusiness', // 商机跟进计划
+  PRODUCT = 'product', // 产品
+  BUSINESS_CONTACT = 'opportunityContact', // 商机联系人
+  CUSTOMER_OPPORTUNITY = 'customerOpportunity', // 客户商机
+  FOLLOW_PLAN = 'followPlan',
+  FOLLOW_RECORD = 'followRecord',
+  CONTRACT = 'contract', // 合同
+  CONTRACT_SNAPSHOT = 'contractSnapshot', // 合同快照
+  CONTRACT_PAYMENT = 'contractPaymentPlan', // 回款计划
+  CONTRACT_CONTRACT_PAYMENT = 'contractContractPayment', // 合同下的回款计划
+  CONTRACT_PAYMENT_RECORD = 'contractPaymentRecord', // 回款记录
+  INVOICE = 'invoice', // 发票
+  INVOICE_SNAPSHOT = 'invoiceSnapshot', // 发票快照
+  CONTRACT_INVOICE = 'contractInvoice', // 合同下的发票
+  PRICE = 'price', // 价格表
+  OPPORTUNITY_QUOTATION = 'quotation', // 商机报价单
+  OPPORTUNITY_QUOTATION_SNAPSHOT = 'quotationSnapshot', // 商机快照报价单
+  BUSINESS_TITLE = 'businessTitle', // 工商抬头(数据源，无表单配置入口)
+  ORDER = 'order', // 订单
+  ORDER_SNAPSHOT = 'orderSnapshot', // 订单快照
+  CONTRACT_ORDER = 'contractOrder', // 合同下的订单
+  CUSTOMER_ORDER = 'customerOrder', // 客户下的订单
+  CUSTOM_FORM = 'customForm', // 自定义表单
+  // 全局搜索
+  SEARCH_ADVANCED_CLUE = 'searchAdvancedClue', // 线索
+  SEARCH_ADVANCED_CUSTOMER = 'searchAdvancedCustomer', // 客户
+  SEARCH_ADVANCED_CONTACT = 'searchAdvancedContact', // 联系人
+  SEARCH_ADVANCED_PUBLIC = 'searchAdvancedPublic', // 公海
+  SEARCH_ADVANCED_CLUE_POOL = 'searchAdvancedCluePool', // 线索池
+  SEARCH_ADVANCED_OPPORTUNITY = 'searchAdvancedOpportunity', // 商机
+}
+
+export enum FieldTypeEnum {
+  TIME_RANGE_PICKER = 'TIME_RANGE_PICKER',
+  INPUT = 'INPUT',
+  TEXTAREA = 'TEXTAREA',
+  INPUT_NUMBER = 'INPUT_NUMBER',
+  DATE_TIME = 'DATE_TIME',
+  RADIO = 'RADIO',
+  CHECKBOX = 'CHECKBOX',
+  SELECT = 'SELECT',
+  SELECT_MULTIPLE = 'SELECT_MULTIPLE',
+  USER_TAG_SELECTOR = 'USER_TAG_SELECTOR',
+  MEMBER = 'MEMBER',
+  MEMBER_MULTIPLE = 'MEMBER_MULTIPLE',
+  DEPARTMENT = 'DEPARTMENT',
+  DEPARTMENT_MULTIPLE = 'DEPARTMENT_MULTIPLE',
+  DIVIDER = 'DIVIDER',
+  INPUT_MULTIPLE = 'INPUT_MULTIPLE',
+  TREE_SELECT = 'TREE_SELECT',
+  USER_SELECT = 'USER_SELECT',
+  // 高级字段
+  PICTURE = 'PICTURE',
+  LOCATION = 'LOCATION',
+  PHONE = 'PHONE',
+  DATA_SOURCE = 'DATA_SOURCE',
+  DATA_SOURCE_MULTIPLE = 'DATA_SOURCE_MULTIPLE',
+  SERIAL_NUMBER = 'SERIAL_NUMBER', // 流水号
+  LINK = 'LINK', // 链接
+  ATTACHMENT = 'ATTACHMENT',
+  INDUSTRY = 'INDUSTRY',
+  FORMULA = 'FORMULA', // 计算公式
+  SUB_PRODUCT = 'SUB_PRODUCT',
+  SUB_PRICE = 'SUB_PRICE',
+  INPUT_NUMBER_WITH_UNIT = 'INPUT_NUMBER_WITH_UNIT', // 数值带单位组件，用于到到期提醒等场景X年、月、天、小时
+}
+
+export enum FieldRuleEnum {
+  REQUIRED = 'required',
+  UNIQUE = 'unique',
+  NUMBER_RANGE = 'numberRange',
+}
+
+export enum FieldDataSourceTypeEnum {
+  CUSTOMER = 'CUSTOMER', // 客户
+  CONTACT = 'CONTACT', // 联系人
+  BUSINESS = 'OPPORTUNITY', // 商机
+  PRODUCT = 'PRODUCT', // 产品
+  CLUE = 'CLUE', // 线索
+  CUSTOMER_OPTIONS = 'CUSTOMER_OPTIONS', // 客户选项
+  USER_OPTIONS = 'USER_OPTIONS', // 成员选项
+  PRICE = 'PRICE', // 价格表
+  CONTRACT = 'CONTRACT',
+  QUOTATION = 'QUOTATION', // 报价单
+  CONTRACT_PAYMENT = 'PAYMENT_PLAN',
+  CONTRACT_PAYMENT_RECORD = 'CONTRACT_PAYMENT_RECORD', // 回款记录
+  BUSINESS_TITLE = 'BUSINESS_TITLE', // 工商抬头
+  ORDER = 'ORDER', // 订单
+  INVOICE = 'INVOICE', // 发票
+}
+
+export enum FormLinkScenarioEnum {
+  CLUE_TO_CUSTOMER = 'CLUE_TO_CUSTOMER', // 线索转客户
+  CLUE_TO_OPPORTUNITY = 'CLUE_TO_OPPORTUNITY', // 线索转商机
+  CUSTOMER_TO_OPPORTUNITY = 'CUSTOMER_TO_OPPORTUNITY', // 客户转商机
+  CLUE_TO_RECORD = 'CLUE_TO_RECORD', // 线索转跟进记录
+  CUSTOMER_TO_RECORD = 'CUSTOMER_TO_RECORD', // 客户转跟进记录
+  OPPORTUNITY_TO_RECORD = 'OPPORTUNITY_TO_RECORD', // 商机转跟进记录
+  PLAN_TO_RECORD = 'PLAN_TO_RECORD', // 跟进计划转跟进记录
+  CONTRACT_TO_INVOICE = 'CONTRACT_TO_INVOICE', // 合同开票
+  CLUE_TO_CONTACT = 'CLUE_TO_CONTACT', // 线索转联系人
+  CONTRACT_TO_ORDER = 'CONTRACT_TO_ORDER', // 合同创建订单
+}
diff --git a/frontend/packages/lib-shared/enums/formula.ts b/frontend/packages/lib-shared/enums/formula.ts
new file mode 100644
index 0000000..8c7427d
--- /dev/null
+++ b/frontend/packages/lib-shared/enums/formula.ts
@@ -0,0 +1,8 @@
+export const enum IRNodeType {
+  Literal = 'literal', // string|number|boolean
+  Field = 'field', // 字段
+  Binary = 'binary', // 运算符
+  Compare = 'compare', // 比较运算符
+  Function = 'function', // 函数
+  Invalid = 'invalid' // 无效节点
+}
\ No newline at end of file
diff --git a/frontend/packages/lib-shared/enums/httpEnum.ts b/frontend/packages/lib-shared/enums/httpEnum.ts
new file mode 100644
index 0000000..e97f3c5
--- /dev/null
+++ b/frontend/packages/lib-shared/enums/httpEnum.ts
@@ -0,0 +1,31 @@
+/**
+ * 请求结果枚举
+ */
+export enum ResultEnum {
+  SUCCESS = 100200,
+  ERROR = 1,
+  TIMEOUT = 401,
+  TYPE = 'success',
+}
+
+/**
+ * 请求方法枚举
+ */
+export enum RequestEnum {
+  GET = 'GET',
+  POST = 'POST',
+  PUT = 'PUT',
+  DELETE = 'DELETE',
+}
+
+/**
+ * 请求响应体格式
+ */
+export enum ContentTypeEnum {
+  // json
+  JSON = 'application/json;charset=UTF-8',
+  // form-data qs
+  FORM_URLENCODED = 'application/x-www-form-urlencoded;charset=UTF-8',
+  // form-data  upload
+  FORM_DATA = 'multipart/form-data;charset=UTF-8',
+}
diff --git a/frontend/packages/lib-shared/enums/moduleEnum.ts b/frontend/packages/lib-shared/enums/moduleEnum.ts
new file mode 100644
index 0000000..f7c1a5f
--- /dev/null
+++ b/frontend/packages/lib-shared/enums/moduleEnum.ts
@@ -0,0 +1,67 @@
+export enum ModuleConfigEnum {
+  /** 首页 */
+  HOME = 'home',
+
+  /** 客户管理 */
+  CUSTOMER_MANAGEMENT = 'customer',
+
+  /** 线索管理 */
+  CLUE_MANAGEMENT = 'clue',
+
+  /** 商机管理 */
+  BUSINESS_MANAGEMENT = 'business',
+
+  /** 数据管理 TODO 先不做 */
+  // DATA_MANAGEMENT = 'data',
+
+  /** 产品管理 */
+  PRODUCT_MANAGEMENT = 'product',
+
+  /** 系统设置 */
+  SYSTEM_SETTINGS = 'setting',
+
+  /** 仪表板 */
+  DASHBOARD = 'dashboard',
+
+  /** 智能体 */
+  AGENT = 'agent',
+
+  /** 合同 */
+  CONTRACT = 'contract',
+
+  /** 订单 */
+  ORDER = 'order',
+
+  /** 招标 */
+  TENDER = 'tender',
+  
+   /** 自定义表单 */
+  CUSTOM_FORM = 'customForm',
+}
+
+// 添加员工API
+export enum MemberApiTypeEnum {
+  SYSTEM_ROLE = 'SYSTEM_ROLE',
+  MODULE_ROLE = 'MODULE_ROLE',
+  FORM_FIELD = 'FORM_FIELD',
+  SYSTEM_ORG_USER = 'SYSTEM_ORG_USER',
+  CUSTOM_FORM = 'CUSTOM_FORM',
+}
+
+// 选择添加
+export enum MemberSelectTypeEnum {
+  ORG = 'DEPARTMENT', // 组织架构
+  ROLE = 'ROLE', // 角色
+  MEMBER = 'USER', // 成员
+  ONLY_ORG = 'ONLY_DEPARTMENT', // 组织架构
+}
+
+// 原因类型
+export enum ReasonTypeEnum {
+  OPPORTUNITY_FAIL_RS = 'OPPORTUNITY_FAIL_RS', // 商机失败原因
+  CUSTOMER_POOL_RS = 'CUSTOMER_POOL_RS', //  公海原因
+  CLUE_POOL_RS = 'CLUE_POOL_RS', // 线索移入原因
+  CONTRACT_APPROVAL = 'CONTRACT_APPROVAL', // 合同审批
+  INVOICE_APPROVAL = 'INVOICE_APPROVAL', // 发票审批
+  QUOTATION_APPROVAL = 'QUOTATION_APPROVAL', // 报价审批
+}
diff --git a/frontend/packages/lib-shared/enums/opportunityEnum.ts b/frontend/packages/lib-shared/enums/opportunityEnum.ts
new file mode 100644
index 0000000..9c20b6f
--- /dev/null
+++ b/frontend/packages/lib-shared/enums/opportunityEnum.ts
@@ -0,0 +1,16 @@
+export enum OpportunitySearchTypeEnum {
+  ALL = 'ALL',
+  SELF = 'SELF',
+  DEPARTMENT = 'DEPARTMENT',
+  OPPORTUNITY_SUCCESS = 'OPPORTUNITY_SUCCESS',
+}
+
+export enum CirculationTypeEnum {
+  NORMAL = 'NORMAL',
+  ADVANCED = 'ADVANCED',
+}
+
+export enum CirculationValueTypeEnum {
+  FIXED_VALUE = 'FIXED_VALUE',
+  FIELD_VALUE = 'FIELD_VALUE',
+}
diff --git a/frontend/packages/lib-shared/enums/process.ts b/frontend/packages/lib-shared/enums/process.ts
new file mode 100644
index 0000000..d47d0d8
--- /dev/null
+++ b/frontend/packages/lib-shared/enums/process.ts
@@ -0,0 +1,98 @@
+export enum ProcessStatusEnum {
+  /** 无 **/
+  NONE = 'NONE',
+  /** 待提审, 待审批 */
+  PENDING = 'PENDING',
+  /** 审批中 */
+  APPROVING = 'APPROVING',
+  /** 已通过 */
+  APPROVED = 'APPROVED',
+  AUTO_APPROVED = 'AUTO_APPROVED', // 自动通过
+  AUTO_UNAPPROVED = 'AUTO_UNAPPROVED', // 自动驳回
+  /** 已驳回 */
+  UNAPPROVED = 'UNAPPROVED',
+  /** 已撤销 */
+  REVOKED = 'REVOKED',
+}
+
+export enum ApprovalOperationEnum {
+  APPROVE = 'APPROVE', // 通过
+  REJECT = 'REJECT', // 驳回
+  SIGN = 'SIGN', // 加签
+  BACK = 'BACK', // 退回
+}
+
+//  审批类型
+export enum ApprovalTypeEnum {
+  MANUAL = 'MANUAL', // 人工审批
+  AUTO_PASS = 'AUTO_PASS', // 自动通过
+  AUTO_REJECT = 'AUTO_REJECT', // 自动拒绝
+}
+
+// 审批流节点类型
+export enum ApprovalNodeTypeEnum {
+  START = 'START', // 开始节点
+  APPROVER = 'APPROVER', // 审批节点
+  CONDITION = 'CONDITION', // 条件分支
+  DEFAULT = 'DEFAULT', // 默认分支
+  END = 'END', // 结束节点
+}
+
+// 审批人/抄送人来源类型
+export enum ApproverTypeEnum {
+  SPECIFIED_MEMBER = 'MEMBER', // 指定成员
+  DIRECT_SUPERVISOR = 'SUPERIOR', // 直属上级
+  CONTINUOUS_SUPERVISOR = 'MULTIPLE_SUPERIOR', // 连续多级上级
+  SPECIFIED_DEPARTMENT_LEADER = 'DEPT_HEAD', // 指定部门负责人
+  CONTINUOUS_DEPARTMENT_LEADER = 'MULTIPLE_DEPT_HEAD', // 连续多级部门负责人
+  ROLE = 'ROLE', // 角色
+}
+
+// 连续多级审批方向
+export enum ApprovalLevelDirectionEnum {
+  BOTTOM_UP = 'BOTTOM_UP', // 从下至上
+  TOP_DOWN = 'TOP_DOWN', // 从上至下
+}
+
+// 多人审批方式
+export enum MultiApproverModeEnum {
+  ALL = 'ALL', // 会签
+  ANY = 'ANY', // 或签
+  SEQUENTIAL = 'SEQUENTIAL', // 依次审批
+}
+
+// 审批人为空时的处理方式
+export enum EmptyApproverActionEnum {
+  AUTO_PASS = 'AUTO_PASS', // 自动通过
+  ASSIGN_SPECIFIC = 'ASSIGN_SPECIFIC', // 指定人员处理
+  ASSIGN_ADMIN = 'ASSIGN_ADMIN', // 转交审批管理员
+}
+
+// 审批人与提交人相同时的处理方式
+export enum SameSubmitterActionEnum {
+  ALLOW = 'ALLOW', // 由提交人审批
+  SKIP = 'SKIP', // 自动跳过
+  ASSIGN_SUPERIOR = 'ASSIGN_SUPERIOR', // 转交直属上级审批
+}
+
+// 表单字段权限类型
+export enum ApprovalFieldPermissionModeEnum {
+  HIDDEN = 'HIDDEN', // 隐藏
+  VIEW = 'VIEW', // 仅查看
+  EDIT = 'EDIT', // 可编辑
+}
+
+export enum ApprovalResourceTypeEnum {
+  QUOTATION = 'QUOTATION',
+  CONTRACT = 'CONTRACT',
+  ORDER = 'ORDER',
+  INVOICE = 'INVOICE',
+  ALL = 'ALL',
+}
+
+export enum ApprovalListTypeEnum {
+  PENDING = 'pending',
+  APPROVAL = 'approved',
+  INITIATED = 'initiated',
+  COPIED = 'copied',
+}
diff --git a/frontend/packages/lib-shared/enums/systemEnum.ts b/frontend/packages/lib-shared/enums/systemEnum.ts
new file mode 100644
index 0000000..0f175d4
--- /dev/null
+++ b/frontend/packages/lib-shared/enums/systemEnum.ts
@@ -0,0 +1,67 @@
+// 部门树节点类型枚举
+export enum DeptNodeTypeEnum {
+  ORG = 'ORG',
+  USER = 'USER',
+  ROLE = 'ROLE',
+}
+
+export enum PersonalEnum {
+  INFO = 'INFO',
+  MY_PLAN = 'MY_PLAN',
+  API_KEY = 'API_KEY',
+}
+
+export enum SystemMessageTypeEnum {
+  ANNOUNCEMENT_NOTICE = 'ANNOUNCEMENT_NOTICE', // 系统公告
+  SYSTEM_NOTICE = 'SYSTEM_NOTICE', // 系统消息
+}
+
+export enum SystemResourceMessageTypeEnum {
+  CUSTOMER = 'CUSTOMER',
+  CUSTOMER_POOL = 'CUSTOMER_POOL',
+  CLUE = 'CLUE',
+  CLUE_POOL = 'CLUE_POOL',
+  OPPORTUNITY = 'OPPORTUNITY',
+  SYSTEM = 'SYSTEM',
+  CUSTOMER_CONTACT = 'CUSTOMER_CONTACT',
+  CONTRACT = 'CONTRACT',
+  ORDER = 'ORDER',
+  CONTRACT_PAYMENT_PLAN = 'CONTRACT_PAYMENT_PLAN',
+  CONTRACT_PAYMENT_RECORD = 'CONTRACT_PAYMENT_RECORD',
+  PRODUCT_PRICE = 'PRODUCT_PRICE',
+  BUSINESS_TITLE = 'BUSINESS_TITLE',
+  CONTRACT_INVOICE = 'CONTRACT_INVOICE',
+  CUSTOM_FORM = 'CUSTOM_FORM_DATA',
+}
+
+export enum SystemMessageStatusEnum {
+  READ = 'READ', // 已读
+  UNREAD = 'UNREAD', // 未读
+}
+
+export enum OperationTypeEnum {
+  UPDATE = 'UPDATE',
+  ADD = 'ADD',
+  DELETE = 'DELETE',
+  IMPORT = 'IMPORT',
+  EXPORT = 'EXPORT',
+  SYNC = 'SYNC',
+  MOVE_TO_CUSTOMER_POOL = 'MOVE_TO_CUSTOMER_POOL',
+  PICK = 'PICK',
+  ASSIGN = 'ASSIGN',
+  CANCEL = 'CANCEL',
+  ADD_USER = 'ADD_USER',
+  REMOVE_USER = 'REMOVE_USER',
+  MERGE = 'MERGE',
+  APPROVAL = 'APPROVAL', // 审批
+  VOIDED = 'VOIDED', // 作废
+  CANCEL_VOID = 'CANCEL_VOID', // 取消作废
+  DOWNLOAD = 'DOWNLOAD', // 下载
+}
+
+export enum PersonalExportStatusEnum {
+  STOP = 'STOP', // 已取消
+  PREPARED = 'PREPARED', // 导出中
+  ERROR = 'ERROR', // 导出失败
+  SUCCESS = 'SUCCESS', // 导出成功
+}
diff --git a/frontend/packages/lib-shared/enums/tableEnum.ts b/frontend/packages/lib-shared/enums/tableEnum.ts
new file mode 100644
index 0000000..9b22c52
--- /dev/null
+++ b/frontend/packages/lib-shared/enums/tableEnum.ts
@@ -0,0 +1,61 @@
+export enum TableKeyEnum {
+  ROLE_MEMBER = 'roleMember',
+  AUTH = 'auth',
+  SYSTEM_ORG_TABLE = 'systemOrgTable',
+  SYSTEM_MESSAGE_TABLE = 'systemMessageTable',
+  SYSTEM_ANNOUNCEMENT_TABLE = 'systemAnnouncementTable',
+  MODULE_OPPORTUNITY_RULE_TABLE = 'moduleOpportunityRuleTable',
+  MODULE_CLUE_POOL = 'moduleCluePool',
+  MODULE_OPEN_SEA = 'moduleOpenSea',
+  OPPORTUNITY_HEAD_LIST = 'opportunityHeadList',
+  CUSTOMER = 'customer',
+  CUSTOMER_CONTRACT = 'customerContract',
+  BUSINESS_CONTRACT = 'businessContract',
+  CUSTOMER_FOLLOW_RECORD = 'customerFollowRecord',
+  CUSTOMER_FOLLOW_PLAN = 'customerFollowPlan',
+  CUSTOMER_COLLABORATOR = 'customerCollaborator',
+  CUSTOMER_OPEN_SEA = 'customerOpenSea',
+  CLUE = 'clue',
+  CLUE_CONVERT_CUSTOMER = 'clueConvertCustomer',
+  CLUE_POOL = 'cluePool',
+  PRODUCT = 'product',
+  BUSINESS = 'business',
+  OPPORTUNITY_QUOTATION = 'opportunityQuotation',
+  LOG = 'log',
+  LOGIN_LOG = 'loginLog',
+  FOLLOW_PLAN = 'followPlan',
+  FOLLOW_RECORD = 'followRecord',
+  CONTRACT = 'contract',
+  CONTRACT_PAYMENT = 'contractPayment',
+  CONTRACT_PAYMENT_RECORD = 'contractPaymentRecord',
+  PRICE = 'price',
+  INVOICE = 'invoice',
+  CONTRACT_INVOICE = 'contractInvoice',
+  ORDER = 'order', // 订单
+  CONTRACT_ORDER = 'contractOrder', // 合同下的订单
+  // 全局搜索
+  SEARCH_ADVANCED_CLUE = 'searchAdvancedClue', // 线索
+  SEARCH_ADVANCED_CUSTOMER = 'searchAdvancedCustomer', // 客户
+  SEARCH_ADVANCED_CONTACT = 'searchAdvancedContact', // 联系人
+  SEARCH_ADVANCED_PUBLIC = 'searchAdvancedPublic', // 公海
+  SEARCH_ADVANCED_CLUE_POOL = 'searchAdvancedCluePool', // 线索池
+  SEARCH_ADVANCED_OPPORTUNITY = 'searchAdvancedOpportunity', // 商机
+  CONTRACT_BUSINESS_NAME = 'contractBusinessName', // 工商抬头
+  // 审批流
+  PROCESS = 'process',
+  // 自定义表单表格
+  CUSTOM_FORM = 'customForm',
+  CUSTOM_FORM_USER = 'customFormUser',
+}
+
+// 具有特殊功能的列
+export enum SpecialColumnEnum {
+  // 选择框
+  SELECTION = 'selection',
+  // 操作列
+  OPERATION = 'operation',
+  // 拖拽列
+  DRAG = 'drag',
+  // 序号列
+  ORDER = 'crmTableOrder',
+}
diff --git a/frontend/packages/lib-shared/enums/uploadEnum.ts b/frontend/packages/lib-shared/enums/uploadEnum.ts
new file mode 100644
index 0000000..8207846
--- /dev/null
+++ b/frontend/packages/lib-shared/enums/uploadEnum.ts
@@ -0,0 +1,28 @@
+export enum UploadAcceptEnum {
+  excel = '.xlsx,.xls',
+  word = '.docx,.doc',
+  pdf = '.pdf',
+  ppt = '.pptx,.ppt',
+  txt = '.txt',
+  plain = '.plain',
+  video = '.mp4',
+  sql = '.sql',
+  csv = '.csv',
+  zip = '.zip',
+  xmind = '.xmind',
+  image = '.jpg,.jpeg,.png,.svg,.webp,.gif,.bmp,.ico',
+  jar = '.jar',
+  sketch = '.sketch',
+  none = 'none',
+  unknown = 'unknown',
+  json = '.json',
+  jmx = '.jmx',
+  har = '.har',
+}
+
+export enum UploadStatus {
+  init = 'init',
+  done = 'done',
+  error = 'error',
+  uploading = 'uploading',
+}
diff --git a/frontend/packages/lib-shared/hooks/useI18n.ts b/frontend/packages/lib-shared/hooks/useI18n.ts
new file mode 100644
index 0000000..5e1a589
--- /dev/null
+++ b/frontend/packages/lib-shared/hooks/useI18n.ts
@@ -0,0 +1,46 @@
+import { i18n } from '../locale';
+
+type I18nGlobalTranslation = {
+  (key: string): string;
+  (key: string, locale: string): string;
+  (key: string, locale: string, list: unknown[]): string;
+  (key: string, locale: string, named: Record<string, unknown>): string;
+  (key: string, list: unknown[]): string;
+  (key: string, named: Record<string, unknown>): string;
+};
+
+type I18nTranslationRestParameters = [string, any];
+
+export function useI18n(namespace?: string): {
+  t: I18nGlobalTranslation;
+} {
+  const normalFn = {
+    t: (key: string) => {
+      return key;
+    },
+  };
+
+  if (!i18n) {
+    return normalFn;
+  }
+
+  const { t, ...methods } = i18n.global;
+
+  const tFn: I18nGlobalTranslation = (key: string, ...arg: any[]) => {
+    if (!key) return '';
+    if (!key.includes('.') && !namespace) return key;
+    // @ts-ignore
+    return t(key, ...(arg as I18nTranslationRestParameters));
+  };
+  return {
+    ...methods,
+    t: tFn,
+  };
+}
+
+// Why write this function？
+// Mainly to configure the vscode i18nn ally plugin. This function is only used for routing and menus. Please use useI18n for other places
+
+// 为什么要编写此函数？
+// 主要用于配合vscode i18nn ally插件。此功能仅用于路由和菜单。请在其他地方使用useI18n
+export const t = (key: string) => key;
diff --git a/frontend/packages/lib-shared/locale/helper.ts b/frontend/packages/lib-shared/locale/helper.ts
new file mode 100644
index 0000000..9d7bf2b
--- /dev/null
+++ b/frontend/packages/lib-shared/locale/helper.ts
@@ -0,0 +1,7 @@
+import type { LocaleType } from '@lib/shared/types/global';
+
+export const loadLocalePool: LocaleType[] = [];
+
+export function setLoadLocalePool(cb: (lp: LocaleType[]) => void) {
+  cb(loadLocalePool);
+}
diff --git a/frontend/packages/lib-shared/locale/index.ts b/frontend/packages/lib-shared/locale/index.ts
new file mode 100644
index 0000000..8ab190f
--- /dev/null
+++ b/frontend/packages/lib-shared/locale/index.ts
@@ -0,0 +1,46 @@
+import { createI18n } from 'vue-i18n';
+
+import type { LocaleType } from '../types/global';
+import { setLoadLocalePool } from './helper';
+import type { App } from 'vue';
+import type { I18nOptions } from 'vue-i18n';
+
+export const LOCALE_OPTIONS = [
+  { label: '中文', value: 'zh-CN' },
+  { label: 'English', value: 'en-US' },
+];
+
+// eslint-disable-next-line import/no-mutable-exports
+export let i18n: ReturnType<typeof createI18n>;
+
+async function createI18nOptions(): Promise<I18nOptions> {
+  const locale = (localStorage.getItem('CRM-locale') || 'zh-CN') as LocaleType;
+  const defaultLocal = await import(`@locale/${locale}/index.ts`);
+  const message = defaultLocal.default?.message ?? {};
+
+  setLoadLocalePool((loadLocalePool) => {
+    loadLocalePool.push(locale);
+  });
+
+  return {
+    locale,
+    fallbackLocale: 'zh-CN',
+    legacy: false,
+    allowComposition: true,
+    messages: {
+      [locale]: message,
+    },
+    sync: true, // If you don’t want to inherit locale from global scope, you need to set sync of i18n component option to false.
+    silentTranslationWarn: true, // true - warning off
+    missingWarn: false,
+    silentFallbackWarn: true,
+  };
+}
+
+// 创建国际化实例
+export async function setupI18n(app: App) {
+  const options = await createI18nOptions();
+
+  i18n = createI18n(options);
+  app.use(i18n);
+}
diff --git a/frontend/packages/lib-shared/locale/useLocale.ts b/frontend/packages/lib-shared/locale/useLocale.ts
new file mode 100644
index 0000000..63e6c0d
--- /dev/null
+++ b/frontend/packages/lib-shared/locale/useLocale.ts
@@ -0,0 +1,68 @@
+import { ref, unref } from 'vue';
+import dayjs from 'dayjs';
+
+import { loadLocalePool } from './helper';
+import { i18n } from './index';
+import type { LocaleType, Recordable } from '@lib/shared/types/global';
+
+interface LangModule {
+  message: Recordable;
+  dayjsLocale: Recordable;
+  dayjsLocaleName: string;
+}
+
+export default function useLocale(showLoadingTip: (message: string) => void) {
+  const { locale } = i18n.global;
+  const currentLocale = ref(locale as LocaleType);
+
+  /**
+   * 设置语言
+   * @param _locale 语言类型
+   */
+  function setI18nLanguage(_locale: LocaleType) {
+    if (i18n.mode === 'legacy') {
+      i18n.global.locale = _locale;
+    } else {
+      (i18n.global.locale as any).value = _locale;
+    }
+    localStorage.setItem('CRM-locale', _locale);
+  }
+
+  /**
+   * 切换语言
+   * @param _locale 语言类型
+   * @returns 语言类型
+   */
+  async function changeLocale(_locale: LocaleType) {
+    const globalI18n = i18n.global;
+    const _currentLocale = unref(globalI18n.locale);
+    if (_currentLocale === _locale) {
+      setI18nLanguage(_locale); // 初始化的时候需要设置一次本地语言
+      return _locale;
+    }
+
+    showLoadingTip(_currentLocale === 'zh-CN' ? '语言切换中...' : 'Language switching...');
+
+    if (loadLocalePool.includes(_locale)) {
+      setI18nLanguage(_locale);
+      return _locale;
+    }
+    const langModule = ((await import(`@locale/${_locale}/index.ts`)) as any).default as LangModule;
+    if (!langModule) return;
+
+    const { message, dayjsLocale, dayjsLocaleName } = langModule;
+
+    globalI18n.setLocaleMessage(_locale, message);
+    dayjs.locale(dayjsLocaleName, dayjsLocale);
+    loadLocalePool.push(_locale);
+
+    setI18nLanguage(_locale);
+    window.location.reload();
+    return _locale;
+  }
+
+  return {
+    currentLocale,
+    changeLocale,
+  };
+}
diff --git a/frontend/packages/lib-shared/method/auth.ts b/frontend/packages/lib-shared/method/auth.ts
new file mode 100644
index 0000000..b12c0dc
--- /dev/null
+++ b/frontend/packages/lib-shared/method/auth.ts
@@ -0,0 +1,44 @@
+const SESSION_ID = 'sessionId';
+const CSRF_TOKEN = 'csrfToken';
+const LOGIN_TYPE = 'loginType';
+
+// 获取token
+const getToken = () => {
+  return { [SESSION_ID]: localStorage.getItem(SESSION_ID), [CSRF_TOKEN]: localStorage.getItem(CSRF_TOKEN) || '' };
+};
+
+const setToken = (sessionId: string, csrfToken: string) => {
+  localStorage.setItem(SESSION_ID, sessionId);
+  localStorage.setItem(CSRF_TOKEN, csrfToken);
+};
+
+const setLoginType = (loginType: string) => {
+  localStorage.setItem(LOGIN_TYPE, loginType);
+};
+
+const getLoginType = () => {
+  return localStorage.getItem(LOGIN_TYPE);
+};
+
+const clearToken = () => {
+  localStorage.removeItem(SESSION_ID);
+  localStorage.removeItem(CSRF_TOKEN);
+};
+
+const hasToken = () => {
+  return !!localStorage.getItem(SESSION_ID) && !!localStorage.getItem(CSRF_TOKEN);
+};
+
+const setLoginExpires = () => {
+  localStorage.setItem('loginExpires', Date.now().toString());
+};
+
+const isLoginExpires = () => {
+  const lastLoginTime = Number(localStorage.getItem('loginExpires'));
+  const now = Date.now();
+  const diff = now - lastLoginTime;
+  const thirtyDay = 24 * 60 * 60 * 1000 * 30;
+  return diff > thirtyDay;
+};
+
+export { clearToken, getLoginType, getToken, hasToken, isLoginExpires, setLoginExpires, setLoginType, setToken };
diff --git a/frontend/packages/lib-shared/method/dom.ts b/frontend/packages/lib-shared/method/dom.ts
new file mode 100644
index 0000000..e557b4f
--- /dev/null
+++ b/frontend/packages/lib-shared/method/dom.ts
@@ -0,0 +1,195 @@
+/**
+ * 滚动到指定元素
+ */
+export interface ScrollToViewOptions {
+  behavior?: 'auto' | 'smooth';
+  block?: 'start' | 'center' | 'end' | 'nearest';
+  inline?: 'start' | 'center' | 'end' | 'nearest';
+}
+
+/**
+ * 将指定元素滚动至视图区域内
+ * @param targetRef 目标 ref 或 DOM
+ * @param options  滚动配置
+ */
+export function scrollIntoView(targetRef: HTMLElement | Element | null, options: ScrollToViewOptions = {}) {
+  const scrollOptions: ScrollToViewOptions = {
+    behavior: options.behavior || 'smooth',
+    block: options.block || 'start',
+    inline: options.inline || 'nearest',
+  };
+
+  targetRef?.scrollIntoView(scrollOptions);
+}
+
+/**
+ * 无操作函数
+ */
+export const NOOP = () => {
+  return undefined;
+};
+
+/**
+ * 判断是否为服务端渲染
+ */
+export const isServerRendering = (() => {
+  try {
+    return !(typeof window !== 'undefined' && document !== undefined);
+  } catch (e) {
+    return true;
+  }
+})();
+
+/**
+ * 监听事件
+ */
+export const on = (() => {
+  if (isServerRendering) {
+    return NOOP;
+  }
+  return <K extends keyof HTMLElementEventMap>(
+    element: HTMLElement | Window,
+    event: K,
+    handler: (ev: HTMLElementEventMap[K]) => void,
+    options: boolean | AddEventListenerOptions = false
+  ) => {
+    element.addEventListener(event, handler as EventListenerOrEventListenerObject, options);
+  };
+})();
+
+/**
+ * 移除监听事件
+ */
+export const off = (() => {
+  if (isServerRendering) {
+    return NOOP;
+  }
+  return <K extends keyof HTMLElementEventMap>(
+    element: HTMLElement | Window,
+    type: K,
+    handler: (ev: HTMLElementEventMap[K]) => void,
+    options: boolean | EventListenerOptions = false
+  ) => {
+    element.removeEventListener(type, handler as EventListenerOrEventListenerObject, options);
+  };
+})();
+
+/**
+ * 获取元素宽度
+ * @param el 当前元素
+ * @returns number
+ */
+export function getNodeWidth(el: HTMLElement) {
+  return el && +el.getBoundingClientRect().width.toFixed(2);
+}
+
+/**
+ * 获取元素样式
+ * @param element 当前元素
+ * @param prop 样式属性
+ * @returns string
+ */
+export function getStyle(element: HTMLElement | null, prop: string | null) {
+  if (!element || !prop) return null;
+  let styleName = prop as keyof CSSStyleDeclaration;
+  if (styleName === 'float') {
+    styleName = 'cssFloat';
+  }
+  try {
+    if (document.defaultView) {
+      const computed = document.defaultView.getComputedStyle(element, '');
+      return element.style[styleName] || computed ? computed[styleName] : '';
+    }
+  } catch (e) {
+    return element.style[styleName];
+  }
+  return null;
+}
+/**
+ * 获取当前展示的最上层的浮层（弹窗、抽屉等）
+ * @param selector 浮层选择器
+ */
+export function getMaxZIndexLayer(selector: string): HTMLElement | null {
+  const layers = document.querySelectorAll<HTMLElement>(selector);
+
+  let maxZIndex = 0;
+  let maxZIndexDrawer: HTMLElement | null = null;
+
+  layers.forEach((layer) => {
+    const zIndex = parseInt(window.getComputedStyle(layer).zIndex, 10);
+    if (!Number.isNaN(zIndex) && zIndex > maxZIndex) {
+      maxZIndex = zIndex;
+      maxZIndexDrawer = layer;
+    }
+  });
+
+  return maxZIndexDrawer;
+}
+
+/**
+ * 合并样式
+ * @param element 当前元素
+ * @param stylesToAdd 要添加的样式
+ */
+export function mergeStyles(element: HTMLElement | Element | null, stylesToAdd: string): void {
+  if (element) {
+    const originalStyles = element.getAttribute('style') || '';
+    const mergedStyles: Record<string, string> = {};
+    const originalStylePairs = originalStyles.split(';').filter((style) => style.trim() !== '');
+
+    // 解析原有的 style 属性
+    originalStylePairs.forEach((pair) => {
+      const [key, value] = pair.split(':').map((item) => item.trim());
+      mergedStyles[key] = value;
+    });
+
+    // 解析要添加的样式属性
+    const stylesToAddPairs = stylesToAdd.split(';').filter((style) => style.trim() !== '');
+    stylesToAddPairs.forEach((pair) => {
+      const [key, value] = pair.split(':').map((item) => item.trim());
+      mergedStyles[key] = value;
+    });
+
+    // 构造新的 style 属性字符串
+    const mergedStyleString = Object.entries(mergedStyles)
+      .map(([key, value]) => `${key}: ${value}`)
+      .join(';');
+
+    // 设置新的 style 属性值
+    element.setAttribute('style', mergedStyleString);
+  }
+}
+
+/**
+ * 移除样式
+ * @param element 当前元素
+ * @param stylesToRemove 要移除的样式
+ */
+export function removeStyles(element: HTMLElement | Element | null, stylesToRemove: string): void {
+  if (element) {
+    const originalStyles = element.getAttribute('style') || '';
+    const updatedStyles: Record<string, string> = {};
+    const originalStylePairs = originalStyles.split(';').filter((style) => style.trim() !== '');
+
+    // 解析原有的 style 属性
+    originalStylePairs.forEach((pair) => {
+      const [key, value] = pair.split(':').map((item) => item.trim());
+      updatedStyles[key] = value;
+    });
+
+    // 移除指定的样式属性
+    const stylesToRemovePairs = stylesToRemove.split(';').filter((style) => style.trim() !== '');
+    stylesToRemovePairs.forEach((pair) => {
+      const [key] = pair.split(':').map((item) => item.trim());
+      delete updatedStyles[key];
+    });
+
+    // 构造新的 style 属性字符串
+    const updatedStyleString = Object.entries(updatedStyles)
+      .map(([key, value]) => `${key}: ${value}`)
+      .join(';');
+
+    // 设置新的 style 属性值
+    element.setAttribute('style', updatedStyleString);
+  }
+}
diff --git a/frontend/packages/lib-shared/method/equal.ts b/frontend/packages/lib-shared/method/equal.ts
new file mode 100644
index 0000000..6aff773
--- /dev/null
+++ b/frontend/packages/lib-shared/method/equal.ts
@@ -0,0 +1,28 @@
+import { sortBy } from 'lodash-es';
+
+/**
+ * 比较两个一维数组对象是否相等，不考虑顺序，
+ * @param arr1 数组1
+ * @param arr2 数组2
+ * @returns boolean
+ */
+export function isArraysEqualWithOrder<T>(arr1: T[], arr2: T[]): boolean {
+  if (arr1.length !== arr2.length) {
+    return false;
+  }
+  const sortArr1 = sortBy(arr1, 'dataIndex');
+  const sortArr2 = sortBy(arr2, 'dataIndex');
+  for (let i = 0; i < sortArr1.length; i++) {
+    const obj1 = sortArr1[i];
+    const obj2 = sortArr2[i];
+
+    // 逐一比较对象
+    if (JSON.stringify(obj1) !== JSON.stringify(obj2)) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
+export default {};
diff --git a/frontend/packages/lib-shared/method/exportPdf.ts b/frontend/packages/lib-shared/method/exportPdf.ts
new file mode 100644
index 0000000..4fdf523
--- /dev/null
+++ b/frontend/packages/lib-shared/method/exportPdf.ts
@@ -0,0 +1,219 @@
+import { Canvg } from 'canvg';
+import html2canvas from 'html2canvas-pro';
+import JSPDF from 'jspdf';
+import { nextTick } from 'vue';
+
+const A4_WIDTH = 595;
+const A4_HEIGHT = 842;
+const HEADER_HEIGHT = 16;
+const FOOTER_HEIGHT = 24;
+const PAGE_HEIGHT = A4_HEIGHT - FOOTER_HEIGHT - HEADER_HEIGHT;
+const PDF_WIDTH = A4_WIDTH - 32; // 左右分别 16px 间距
+const CONTAINER_WIDTH = 1190;
+export const SCALE_RATIO = window.devicePixelRatio * 1.5;
+// 实际每页高度 = PDF页面高度/页面容器宽度与 pdf 宽度的比例(这里比例*SCALE_RATIO 是因为html2canvas截图时生成的是 SCALE_RATIO 倍的清晰度)
+export const IMAGE_HEIGHT = Math.ceil(PAGE_HEIGHT * (CONTAINER_WIDTH / PDF_WIDTH) * SCALE_RATIO);
+export const MAX_CANVAS_HEIGHT = IMAGE_HEIGHT * 20; // 一次截图最大高度是 20 页整（过长会无法截完整，出现空白）
+
+/**
+ * 替换svg为base64
+ */
+async function inlineSvgUseElements(container: HTMLElement) {
+  const useElements = container.querySelectorAll('use');
+  useElements.forEach((useElement) => {
+    const href = useElement.getAttribute('xlink:href') || useElement.getAttribute('href');
+    if (href) {
+      const symbolId = href.substring(1);
+      const symbol = document.getElementById(symbolId);
+      if (symbol) {
+        const svgElement = useElement.closest('svg');
+        if (svgElement) {
+          svgElement.innerHTML = symbol.innerHTML;
+        }
+      }
+    }
+  });
+}
+
+/**
+ * 将svg转换为base64
+ */
+async function convertSvgToBase64(svgElement: SVGSVGElement) {
+  const canvas = document.createElement('canvas');
+  const ctx = canvas.getContext('2d');
+  const svgString = new XMLSerializer().serializeToString(svgElement);
+  if (ctx) {
+    const v = Canvg.fromString(ctx, svgString);
+    canvas.width = svgElement.clientWidth;
+    canvas.height = svgElement.clientHeight;
+    await v.render();
+  }
+  return canvas.toDataURL('image/png');
+}
+
+/**
+ * 替换svg为base64
+ */
+export async function replaceSvgWithBase64(container: HTMLElement) {
+  await inlineSvgUseElements(container);
+  const svgElements = container.querySelectorAll('.c-icon');
+  svgElements.forEach(async (svgElement) => {
+    const img = new Image();
+    img.src = await convertSvgToBase64(svgElement as SVGSVGElement);
+    img.width = svgElement.clientWidth;
+    img.height = svgElement.clientHeight;
+    img.style.marginRight = '8px';
+    svgElement.parentNode?.replaceChild(img, svgElement);
+  });
+}
+
+
+/**  
+ * 处理 DOM 元素的分页，防止内容被截断  
+ * @param containerId 容器 ID  
+ * @param pageHeight PDF 一页的有效高度 (对应你的 PAGE_HEIGHT 或 IMAGE_HEIGHT / SCALE_RATIO)  
+ */  
+function handlePageBreak(containerId: string, pageHeight: number) {  
+  const container = document.getElementById(containerId);  
+  if (!container) return;  
+  
+  // 获取所有直接子元素，这里假设子元素是不可分割的块（比如一行表格、一个段落）  
+  // 根据实际情况，你可能需要更精确的选择器，比如 '.table-row', 'p', 'img'  
+  const children = Array.from(container.children) as HTMLElement[];  
+    
+  let currentPageHeight = 0;  
+  const nodesToMove: { node: HTMLElement; spacerHeight: number }[] = [];  
+  
+  children.forEach((child) => {  
+    const childHeight = child.offsetHeight;  
+    // 如果元素本身就比一页还高，那没法处理，只能让它截断  
+    if (childHeight > pageHeight) {  
+      currentPageHeight += childHeight;  
+      // 重置当前页高度计数，近似处理  
+      currentPageHeight = currentPageHeight % pageHeight;   
+      return;  
+    }  
+  
+    // 判断加上当前元素后是否超出一页  
+    if (currentPageHeight + childHeight > pageHeight) {  
+      // 计算需要插入的空白高度，把当前元素挤到下一页开头  
+      const spacerHeight = pageHeight - currentPageHeight;  
+      nodesToMove.push({ node: child, spacerHeight });  
+      // 当前元素被挤到下一页了，所以新的当前页高度就是它自己的高度  
+      currentPageHeight = childHeight;   
+    } else {  
+      // 没超出一页，累加高度  
+      currentPageHeight += childHeight;  
+    }  
+  });  
+  
+  // 统一插入空白占位符  
+  // 需要倒序插入，否则会影响后续元素的 offsetTop 计算（虽然这里用的是累加高度，倒序更安全）  
+  for (let i = nodesToMove.length - 1; i >= 0; i--) {  
+    const { node, spacerHeight } = nodesToMove[i];  
+    const spacer = document.createElement('div');  
+    spacer.style.height = `${spacerHeight}px`;  
+    spacer.style.width = '100%';  
+    // 标记一下，方便导出后移除  
+    spacer.className = 'pdf-page-break-spacer';   
+    spacer.style.backgroundColor = 'transparent'; // 确保透明  
+    container.insertBefore(spacer, node);  
+  }  
+    
+  return () => {  
+    // 返回一个清理函数，在导出完成后移除这些占位符，恢复网页原样  
+    const spacers = container.querySelectorAll('.pdf-page-break-spacer');  
+    spacers.forEach(spacer => spacer.remove());  
+  }  
+}  
+
+
+/**
+ * 导出PDF
+ * @param name 文件名
+ * @param contentId 内容DOM id
+ * @description 通过html2canvas生成图片，再通过jsPDF生成pdf
+ * （使用html2canvas截图时，因为插件有截图极限，超出极限部分会出现截图失败，所以这里设置了MAX_CANVAS_HEIGHT截图高度，然后根据这个截图高度分页截图，然后根据每个截图裁剪每页 pdf 的图片并添加到 pdf 内）
+ */
+export default async function exportPDF(name: string, contentId: string, doneCallback?: () => void) {
+  const element = document.getElementById(contentId);
+  if (element) {
+    await replaceSvgWithBase64(element);
+    const totalHeight = element.scrollHeight;
+    // jsPDFs实例
+    const pdf = new JSPDF({
+      unit: 'pt',
+      format: 'a4',
+      orientation: 'p',
+    });
+    pdf.setFontSize(10);
+    // 计算pdf总页数
+    let totalPages = 0;
+    let position = 0; // 当前截图位置
+    let pageIndex = 1;
+    let loopTimes = 0;
+    const screenshotList: HTMLCanvasElement[] = [];
+    // 创建图片裁剪画布
+    const cropCanvas = document.createElement('canvas');
+    cropCanvas.width = CONTAINER_WIDTH * SCALE_RATIO; // 因为截图时放大了 SCALE_RATIO 倍，所以这里也要放大
+    cropCanvas.height = IMAGE_HEIGHT;
+    const tempContext = cropCanvas.getContext('2d', { willReadFrequently: true });
+    // 这里是大的分页，也就是截图画布的分页
+    while (position < totalHeight) {
+      // 截图高度
+      const screenshotHeight = Math.min(MAX_CANVAS_HEIGHT, totalHeight - position);
+      // eslint-disable-next-line no-await-in-loop
+      const canvas = await html2canvas(element, {
+        x: 0,
+        y: position,
+        width: CONTAINER_WIDTH,
+        height: screenshotHeight,
+        backgroundColor: '#f9f9fe',
+        scale: SCALE_RATIO, // 缩放增加清晰度
+      });
+      screenshotList.push(canvas);
+      position += screenshotHeight;
+      totalPages += Math.ceil(canvas.height / IMAGE_HEIGHT);
+      loopTimes++;
+    }
+    totalPages -= loopTimes - 1; // 减去多余的页数
+    // 生成 PDF
+    screenshotList.forEach((_canvas) => {
+      const canvasWidth = _canvas.width;
+      const canvasHeight = _canvas.height;
+      const pages = Math.ceil(canvasHeight / IMAGE_HEIGHT);
+      for (let i = 1; i <= pages; i++) {
+        // 这里是小的分页，是 pdf 的每一页
+        const pagePosition = (i - 1) * IMAGE_HEIGHT;
+        if (tempContext) {
+          if (pageIndex === totalPages) {
+            // 填充背景颜色为白色
+            tempContext.fillStyle = '#ffffff';
+            tempContext.fillRect(0, 0, cropCanvas.width, cropCanvas.height);
+          }
+          // 将大分页的画布图片裁剪成pdf 页面内容大小，并渲染到临时画布上
+          tempContext.drawImage(_canvas, 0, -pagePosition, canvasWidth, canvasHeight);
+          const tempCanvasData = cropCanvas.toDataURL('image/jpeg', 1);
+          // 将临时画布图片渲染到 pdf 上
+          pdf.addImage(tempCanvasData, 'PNG', 16, 16, PDF_WIDTH, PAGE_HEIGHT);
+        }
+        cropCanvas.remove();
+        pdf.text(
+          `${pageIndex} / ${totalPages}`,
+          pdf.internal.pageSize.width / 2 - 10,
+          pdf.internal.pageSize.height - 4
+        );
+        if (i < pages) {
+          pdf.addPage();
+          pageIndex++;
+        }
+      }
+      _canvas.remove();
+    });
+    pdf.save(`${name}.pdf`);
+    nextTick(() => {
+      doneCallback?.();
+    });
+  }
+}
+
diff --git a/frontend/packages/lib-shared/method/formCreate.ts b/frontend/packages/lib-shared/method/formCreate.ts
new file mode 100644
index 0000000..f91db38
--- /dev/null
+++ b/frontend/packages/lib-shared/method/formCreate.ts
@@ -0,0 +1,566 @@
+import type { CommonList, ModuleField } from '../models/common';
+import { FieldTypeEnum } from '../enums/formDesignEnum';
+import type { FormCreateField, FormDetail } from '@cordys/web/src/components/business/crm-form-create/types';
+import { formatTimeValue, getCityPath, getIndustryPath } from './index';
+import { useI18n } from '../hooks/useI18n';
+
+export const linkAllAcceptTypes = [FieldTypeEnum.INPUT, FieldTypeEnum.TEXTAREA];
+export const dataSourceTypes = [FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.DATA_SOURCE_MULTIPLE];
+export const hiddenTypes = [
+  FieldTypeEnum.DIVIDER,
+  FieldTypeEnum.PICTURE,
+  FieldTypeEnum.ATTACHMENT,
+  FieldTypeEnum.LINK,
+  FieldTypeEnum.SUB_PRICE,
+  FieldTypeEnum.SUB_PRODUCT,
+];
+export const needSameTypes = [
+  FieldTypeEnum.PHONE,
+  FieldTypeEnum.LOCATION,
+  FieldTypeEnum.DATE_TIME,
+  FieldTypeEnum.INPUT_NUMBER,
+  FieldTypeEnum.INDUSTRY,
+  FieldTypeEnum.SUB_PRICE,
+  FieldTypeEnum.SUB_PRODUCT,
+];
+export const multipleTypes = [FieldTypeEnum.CHECKBOX, FieldTypeEnum.SELECT_MULTIPLE, FieldTypeEnum.INPUT_MULTIPLE];
+export const memberTypes = [FieldTypeEnum.MEMBER, FieldTypeEnum.MEMBER_MULTIPLE];
+export const departmentTypes = [FieldTypeEnum.DEPARTMENT, FieldTypeEnum.DEPARTMENT_MULTIPLE];
+export const singleTypes = [FieldTypeEnum.RADIO, FieldTypeEnum.SELECT];
+export const specialBusinessKeyMap: Record<string, string> = {
+  customerId: 'customerName',
+  contactId: 'contactName',
+  clueId: 'clueName',
+  businessId: 'businessName',
+  contractId: 'contractName',
+  owner: 'ownerName',
+  opportunityId: 'opportunityName',
+  paymentPlanId: 'paymentPlanName',
+  businessTitleId: 'businessTitleName',
+};
+
+export function getRuleType(item: FormCreateField) {
+  if (
+    item.type === FieldTypeEnum.SELECT_MULTIPLE ||
+    item.type === FieldTypeEnum.CHECKBOX ||
+    item.type === FieldTypeEnum.INPUT_MULTIPLE ||
+    item.type === FieldTypeEnum.MEMBER_MULTIPLE ||
+    item.type === FieldTypeEnum.DEPARTMENT_MULTIPLE ||
+    item.type === FieldTypeEnum.DATA_SOURCE ||
+    item.type === FieldTypeEnum.DATA_SOURCE_MULTIPLE ||
+    item.type === FieldTypeEnum.PICTURE ||
+    item.type === FieldTypeEnum.ATTACHMENT
+  ) {
+    return 'array';
+  }
+  if (item.type === FieldTypeEnum.DATE_TIME) {
+    return 'date';
+  }
+  if ([FieldTypeEnum.INPUT_NUMBER, FieldTypeEnum.FORMULA].includes(item.type)) {
+    return 'number';
+  }
+  return 'string';
+}
+
+export function getNormalFieldValue(item: FormCreateField, value: any) {
+  if (item.type === FieldTypeEnum.DATA_SOURCE && !value) {
+    return '';
+  }
+  if (
+    [
+      FieldTypeEnum.SELECT_MULTIPLE,
+      FieldTypeEnum.MEMBER_MULTIPLE,
+      FieldTypeEnum.DEPARTMENT_MULTIPLE,
+      FieldTypeEnum.DATA_SOURCE_MULTIPLE,
+      FieldTypeEnum.INPUT_MULTIPLE,
+    ].includes(item.type) &&
+    !value
+  ) {
+    return [];
+  }
+  if (item.type === FieldTypeEnum.INPUT_MULTIPLE && !value) {
+    return [];
+  }
+  if (item.multiple && !value) {
+    return [];
+  }
+  return value;
+}
+
+/**
+ * 格式化数字
+ * @param value 数字
+ * @param item
+ */
+export function formatNumberValue(value: string | number, item: FormCreateField) {
+  if (value !== undefined && value !== null && value !== '') {
+    if (item.numberFormat === 'percent') {
+      return item.precision ? `${Number(value).toFixed(item.precision)}%` : `${value}%`;
+    }
+    if (item.showThousandsSeparator) {
+      return (item.precision ? Number(Number(value).toFixed(item.precision)) : Number(value)).toLocaleString('en-US');
+    }
+    return item.precision ? Number(value).toFixed(item.precision) : value.toString();
+  }
+  return '-';
+}
+
+/**
+ * 格式化数字显示为字符串
+ * @param value 数字
+ * @param item
+ */
+export function formatNumberValueToString(value: number, item: FormCreateField) {
+  if (value !== undefined && value !== null) {
+    if (item.numberFormat === 'percent') {
+      return item.precision ? `${Number(value).toFixed(item.precision)}%` : `${value}%`;
+    }
+    if (item.showThousandsSeparator) {
+      if (typeof value === 'string') {
+        return value;
+      }
+      return item.precision
+        ? `${value.toLocaleString('en-US').split('.')[0]}.${value.toFixed?.(item.precision).split('.')[1]}`
+        : value.toLocaleString('en-US');
+    }
+    return item.precision ? Number(value).toFixed(item.precision) : value.toString();
+  }
+  return '-';
+}
+
+export function initFieldValue(field: FormCreateField, value: string | number | (string | number)[]) {
+  if (
+    [FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.DATA_SOURCE_MULTIPLE].includes(field.type) &&
+    typeof value === 'string'
+  ) {
+    return value ? [value] : [];
+  }
+  return value;
+}
+
+export function getFieldItemId(field: FormCreateField) {
+  if (field.resourceFieldId) {
+    return field.id.split('_ref_')[1]; // 处理数据源显示字段
+  }
+  return field.id;
+}
+/**
+ * 
+ * @param field 
+ * @param fieldValue 
+ * @returns 获取系统字段的值展示
+ */
+export function getDisplayFieldText(field: FormCreateField, fieldValue: any) {
+  const { t } = useI18n();
+  const fieldKey = field.businessKey || getFieldItemId(field);
+
+  if (fieldKey === 'invalid') {
+    if (fieldValue === true || fieldValue === 'true') {
+      return t('common.voided');
+    }
+    if (fieldValue === false || fieldValue === 'false') {
+      return t('common.normal');
+    }
+  }
+
+  const currentOption = field.options?.find((option: any) => {
+    if (option.value === fieldValue) {
+      return true;
+    }
+    if (typeof option.value === 'boolean' && typeof fieldValue === 'string') {
+      return String(option.value) === fieldValue;
+    }
+    return false;
+  });
+
+  return currentOption ? currentOption.label : fieldValue;
+}
+
+export function parseModuleFieldValue(item: FormCreateField, fieldValue: string | string[], options?: any[]) {
+  if (fieldValue === undefined || fieldValue === null || fieldValue === '') {
+    return '-';
+  }
+  const { t } = useI18n();
+  let value: string | string[] = fieldValue;
+  if (options) {
+    // 若字段值是选项值，则取选项值的name
+    if (Array.isArray(fieldValue)) {
+      value = fieldValue.map((e) => {
+        const option = options.find((opt) => opt.id === e);
+        if (option) {
+          return option.name || t('common.optionNotExist');
+        }
+        return t('common.optionNotExist');
+      });
+    } else {
+      value = options.find((e) => e.id === fieldValue)?.name || t('common.optionNotExist');
+    }
+  } else if (
+    [
+      FieldTypeEnum.DATA_SOURCE,
+      FieldTypeEnum.DATA_SOURCE_MULTIPLE,
+      FieldTypeEnum.MEMBER,
+      FieldTypeEnum.MEMBER_MULTIPLE,
+      FieldTypeEnum.DEPARTMENT,
+      FieldTypeEnum.DEPARTMENT_MULTIPLE,
+    ].includes(item.type)
+  ) {
+    // 数据源/成员/部门类型字段，且没有匹配到 options，则显示不存在
+    if (Array.isArray(fieldValue)) {
+      value = fieldValue.map(() => t('common.optionNotExist'));
+    } else {
+      value = t('common.optionNotExist');
+    }
+  } else if (item.type === FieldTypeEnum.LOCATION) {
+    const addressArr: string[] = (fieldValue as string)?.split('-')?.filter(Boolean) || [];
+    if (!addressArr.length) {
+      value = '-';
+    } else {
+      const country = addressArr[0];
+      const rest = addressArr.filter((e, i) => i > 0).join('-');
+      value = rest ? `${getCityPath(country, item.scope)}-${rest}` : getCityPath(country, item.scope);
+    }
+  } else if (item.type === FieldTypeEnum.INDUSTRY) {
+    value = fieldValue ? getIndustryPath(fieldValue as string) : '-';
+  } else if (item.type === FieldTypeEnum.INPUT_NUMBER) {
+    value = formatNumberValueToString(fieldValue as unknown as number, item);
+    if (value.includes('NaN') || value.includes('%%')) {
+      value = fieldValue.toString();
+    }
+  } else if (item.type === FieldTypeEnum.DATE_TIME) {
+    value = formatTimeValue(fieldValue as string, item.dateType);
+  }
+  if (Array.isArray(value) && item.resourceFieldId) {
+    value = value.join(',');
+  }
+  return value;
+}
+
+export function parseFormDetailValue(item: FormCreateField, form: FormDetail, sourceName?: Ref<string>) {
+  const { t } = useI18n();
+  if (item.businessKey && !item.resourceFieldId) {
+    // 引用数据源字段使用 id 读取数据，而不是 businessKey
+    const options = form.optionMap?.[item.businessKey];
+    // 业务标准字段读取最外层，读取form[item.businessKey]取到 id 值，然后去 options 里取 name
+    let name: string | string[] = '';
+    const value = form[item.businessKey];
+    // 若字段值是选项值，则取选项值的name
+    if (options) {
+      if (Array.isArray(value)) {
+        name = value.map((e) => {
+          const option = options.find((opt) => opt.id === e);
+          if (option) {
+            return option.name || t('common.optionNotExist');
+          }
+          return t('common.optionNotExist');
+        });
+      } else if (value) {
+        name = options.find((e) => e.id === value)?.name || t('common.optionNotExist');
+      }
+    }
+    if (item.type === FieldTypeEnum.DATE_TIME) {
+      return formatTimeValue(name || form[item.businessKey], item.dateType);
+    }
+    if (item.type === FieldTypeEnum.INPUT_NUMBER) {
+      return formatNumberValueToString(name || form[item.businessKey], item);
+    }
+    if (item.type === FieldTypeEnum.ATTACHMENT) {
+      return form.attachmentMap?.[item.businessKey] || [];
+    }
+    if (item.businessKey === 'name' && sourceName) {
+      sourceName.value = name || form[item.businessKey];
+    }
+    return name || form[item.businessKey];
+  }
+  const options = form.optionMap?.[item.id];
+  // 其他的字段读取moduleFields
+  const field = form.moduleFields?.find((moduleField: ModuleField) => moduleField.fieldId === item.id);
+  if (item.type === FieldTypeEnum.ATTACHMENT) {
+    return form.attachmentMap?.[item.id] || [];
+  }
+  if (field) {
+    return parseModuleFieldValue(item, field.fieldValue, options);
+  }
+}
+
+/**
+ * 表单配置表格回显数据
+ */
+export function transformData({
+  item,
+  fields,
+  originalData,
+  excludeFieldIds,
+  needParseSubTable = false,
+}: {
+  fields: FormCreateField[];
+  item: any;
+  originalData?: CommonList<any>;
+  excludeFieldIds?: string[];
+  needParseSubTable?: boolean;
+}) {
+  const { t } = useI18n();
+  const businessFieldAttr: Record<string, any> = {};
+  const customFieldAttr: Record<string, any> = {};
+  const addressFieldIds: string[] = [];
+  const industryFieldIds: string[] = [];
+  const dataSourceFieldIds: string[] = [];
+  const memberFieldIds: string[] = [];
+  const departmentFieldIds: string[] = [];
+  const timeFieldIds: string[] = [];
+  const fieldOptionMap: Record<string, any[]> = {};
+
+  fields.forEach((field) => {
+    const fieldId = field.resourceFieldId ? field.id : field.businessKey || field.id;
+    if (field.type === FieldTypeEnum.LOCATION) {
+      addressFieldIds.push(fieldId);
+    } else if (field.type === FieldTypeEnum.INDUSTRY) {
+      industryFieldIds.push(fieldId);
+    } else if (field.type === FieldTypeEnum.DATA_SOURCE || field.type === FieldTypeEnum.DATA_SOURCE_MULTIPLE) {
+      dataSourceFieldIds.push(fieldId);
+    } else if (field.type === FieldTypeEnum.MEMBER || field.type === FieldTypeEnum.MEMBER_MULTIPLE) {
+      memberFieldIds.push(fieldId);
+    } else if (field.type === FieldTypeEnum.DEPARTMENT || field.type === FieldTypeEnum.DEPARTMENT_MULTIPLE) {
+      departmentFieldIds.push(fieldId);
+    } else if (field.type === FieldTypeEnum.DATE_TIME) {
+      timeFieldIds.push(fieldId);
+    } else if ([FieldTypeEnum.SUB_PRICE, FieldTypeEnum.SUB_PRODUCT].includes(field.type) && needParseSubTable) {
+      field.subFields?.forEach((subField) => {
+        const subFieldData = (
+          item[fieldId] || item.moduleFields?.find((mf: any) => mf.fieldId === fieldId)?.fieldValue
+        )?.map((subItem: Record<string, any>) => {
+          if (subField.resourceFieldId) {
+            subItem[`${subField.id}_original`] = subItem[field.id]; // 备份原始值以供编辑时填充数据源
+            subItem[subField.id] = parseModuleFieldValue(
+              subField,
+              subItem[subField.id],
+              // 数据源显示字段不使用业务 key，直接使用字段 id 去取值
+              originalData?.optionMap?.[subField.id]
+            );
+            fieldOptionMap[subField.id] = originalData?.optionMap?.[subField.id] || [];
+          } else {
+            subItem[`${subField.id}_original`] = subItem[subField.businessKey || subField.id]; // 备份原始值以供编辑时填充数据源
+            subItem[subField.id] = parseModuleFieldValue(
+              subField,
+              subItem[subField.businessKey || subField.id],
+              originalData?.optionMap?.[subField.businessKey || subField.id]
+            );
+            fieldOptionMap[subField.businessKey || subField.id] =
+              originalData?.optionMap?.[subField.businessKey || subField.id] || [];
+          }
+          return subItem;
+        });
+        item[fieldId] = subFieldData;
+        if (fieldId === field.businessKey) {
+          // 子表格字段可能会被设置为数据源的显示字段，而数据源显示字段都通过 id 读取，所以这里需要用 id 备份一份数据以供数据源显示字段场景读取
+          item[field.id] = subFieldData;
+        }
+      });
+    }
+    if (field.businessKey && !field.resourceFieldId) {
+      const fieldId = field.businessKey;
+      const options = originalData?.optionMap?.[fieldId]?.map((e: any) => ({
+        ...e,
+        name: e.name || t('common.optionNotExist'),
+      }));
+      fieldOptionMap[fieldId] = options || [];
+      if (addressFieldIds.includes(fieldId)) {
+        // 地址类型字段，解析代码替换成省市区
+        const addressArr: string[] = item[fieldId]?.split('-')?.filter(Boolean) || [];
+        let value = '';
+        if (!addressArr.length) {
+          value = '-';
+        } else {
+          const country = addressArr[0];
+          const rest = addressArr.filter((e, i) => i > 0).join('-');
+          value = rest ? `${getCityPath(country)}-${rest}` : getCityPath(country);
+        }
+        businessFieldAttr[fieldId] = value;
+      } else if (industryFieldIds.includes(fieldId)) {
+        // 行业类型字段，解析代码替换成行业名称
+        businessFieldAttr[fieldId] = item[fieldId] ? getIndustryPath(item[fieldId] as string) : '-';
+      } else if (timeFieldIds.includes(fieldId)) {
+        // 时间类型字段，格式化时间显示
+        businessFieldAttr[fieldId] = formatTimeValue(item[fieldId], field.dateType);
+      } else if (options && options.length > 0) {
+        let name: string | string[] = '';
+        if (item[fieldId] === '' || item[fieldId] === null) {
+          name = '-';
+        } else if (dataSourceFieldIds.includes(fieldId)) {
+          // 处理数据源字段，需要赋值为数组
+          if (typeof item[fieldId] === 'string' || typeof item[fieldId] === 'number') {
+            // 单选
+            name = options?.find((e) => e.id === item[fieldId])?.name || t('common.optionNotExist');
+          } else {
+            // 多选
+            name = options?.filter((e) => item[fieldId]?.includes(e.id)).map((e) => e.name) || [
+              t('common.optionNotExist'),
+            ];
+          }
+        } else if (typeof item[fieldId] === 'string' || typeof item[fieldId] === 'number') {
+          // 若值是单个字符串/数字
+          name = options?.find((e) => e.id === item[fieldId])?.name || t('common.optionNotExist');
+        } else {
+          // 若值是数组
+          name = options?.filter((e) => item[fieldId]?.includes(e.id)).map((e) => e.name) || [
+            t('common.optionNotExist'),
+          ];
+          if (Array.isArray(name) && name.length === 0) {
+            name = [t('common.optionNotExist')];
+          }
+        }
+        if (!excludeFieldIds?.includes(field.businessKey)) {
+          if (specialBusinessKeyMap[fieldId]) {
+            // 处理特殊业务 key 映射关系
+            businessFieldAttr[specialBusinessKeyMap[fieldId]] = name || t('common.optionNotExist');
+          } else {
+            businessFieldAttr[fieldId] = name || t('common.optionNotExist');
+          }
+        }
+        if (fieldId === 'owner') {
+          businessFieldAttr.ownerId = item.owner;
+        }
+      } else if (specialBusinessKeyMap[fieldId]) {
+        // 处理特殊业务 key 映射关系
+        businessFieldAttr[specialBusinessKeyMap[fieldId]] = item[specialBusinessKeyMap[fieldId]];
+      }
+      businessFieldAttr[field.id] = businessFieldAttr[fieldId] || item[fieldId];
+    }
+  });
+
+  item.moduleFields?.forEach((field: ModuleField) => {
+    const options = originalData?.optionMap?.[field.fieldId]?.map((e) => ({
+      ...e,
+      name: e.name || t('common.optionNotExist'),
+    }));
+    fieldOptionMap[field.fieldId] = options || [];
+    if (addressFieldIds.includes(field.fieldId)) {
+      // 地址类型字段，解析代码替换成省市区
+      const addressArr: string[] = (field?.fieldValue as string)?.split('-')?.filter(Boolean) || [];
+      let value = '';
+      if (!addressArr.length) {
+        value = '-';
+      } else {
+        const country = addressArr[0];
+        const scope = fields.find((f) => f.id === field.fieldId)?.scope;
+        const rest = addressArr.filter((e, i) => i > 0).join('-');
+        value = rest ? `${getCityPath(country, scope)}-${rest}` : getCityPath(country, scope);
+      }
+      customFieldAttr[field.fieldId] = value;
+    } else if (industryFieldIds.includes(field.fieldId)) {
+      // 行业类型字段，解析代码替换成行业名称
+      customFieldAttr[field.fieldId] = field.fieldValue ? getIndustryPath(field.fieldValue as string) : '-';
+    } else if (timeFieldIds.includes(field.fieldId)) {
+      // 时间类型字段，格式化时间显示
+      customFieldAttr[field.fieldId] = formatTimeValue(
+        field.fieldValue as string,
+        fields.find((f) => f.id === field.fieldId)?.dateType
+      );
+    } else if (options && options.length > 0) {
+      let name: string | string[] = '';
+      if (dataSourceFieldIds.includes(field.fieldId)) {
+        // 处理数据源字段，需要赋值为数组
+        if (typeof field.fieldValue === 'string' || typeof field.fieldValue === 'number') {
+          // 单选
+          name = [options.find((e) => e.id === field.fieldValue)?.name || t('common.optionNotExist')];
+        } else {
+          // 多选
+          name = field.fieldValue?.map((e) => options.find((o) => o.id === e)?.name || t('common.optionNotExist'));
+        }
+      } else if (typeof field.fieldValue === 'string' || typeof field.fieldValue === 'number') {
+        // 若值是单个字符串/数字
+        name = options.find((e) => e.id === field.fieldValue)?.name || t('common.optionNotExist');
+      } else {
+        // 若值是数组
+        name = field.fieldValue?.map((fv) => options.find((e) => e.id === fv)?.name || t('common.optionNotExist'));
+        if (Array.isArray(name) && name.length === 0) {
+          name = [t('common.optionNotExist')];
+        }
+      }
+      customFieldAttr[field.fieldId] = name || [t('common.optionNotExist')];
+    } else if (
+      [...dataSourceFieldIds, ...memberFieldIds, ...departmentFieldIds].includes(field.fieldId) &&
+      (!options || options.length === 0)
+    ) {
+      // 处理匹配不到 optionsMap 的数据源/成员/部门字段
+      if (typeof field.fieldValue === 'string' || typeof field.fieldValue === 'number') {
+        // 单选
+        customFieldAttr[field.fieldId] = field.fieldValue !== '' ? [t('common.optionNotExist')] : ['-'];
+      } else {
+        // 避免这里返回 [['选项不存在']] 这样的嵌套数组
+        customFieldAttr[field.fieldId] = field.fieldValue?.map((e) => (e !== '' ? t('common.optionNotExist') : '-'));
+      }
+    } else {
+      // 其他类型字段，直接赋值
+      customFieldAttr[field.fieldId] = field.fieldValue;
+    }
+  });
+  // 根据 moduleFields 集合判断 fields 完整字段集合中是否有自定义字段无值，因为无值后台不会在 moduleFields 里返回该字段，需要手动置空
+  fields.forEach((field) => {
+    if (!field.resourceFieldId && !field.businessKey) {
+      const fieldId = field.id;
+      // 避免将 0 有效计算结果误判为空
+      if (customFieldAttr[fieldId] === undefined || customFieldAttr[fieldId] === null) {
+        customFieldAttr[fieldId] = undefined;
+      }
+    }
+  });
+
+  return {
+    ...item,
+    ...customFieldAttr,
+    ...businessFieldAttr,
+    optionMap: fieldOptionMap,
+  };
+}
+
+/**
+ * 表单子表单计算汇总数值转换
+ */
+export function normalizeNumber(val: unknown): number {
+  if (val === null || val === undefined || val === '') return 0;
+  if (typeof val === 'number') {
+    return Number.isFinite(val) ? val : 0;
+  }
+  if (typeof val === 'string') {
+    let str = val.trim();
+    if (!str) return 0;
+    // 是否是百分比
+    const isPercent = str.endsWith('%');
+    // 去掉百分号
+    if (isPercent) {
+      str = str.slice(0, -1);
+    }
+    // 去掉千分位
+    str = str.replace(/,/g, '');
+    const num = Number(str);
+    return Number.isNaN(num) ? 0 : num;
+  }
+
+  return 0;
+}
+
+/**
+ * 合并初始选项和追加选项，去重后返回新的初始选项数组
+ * @param sumInitialOptions
+ * @param appendOptions
+ * @returns
+ */
+export function mergeUniqueOptions(sumInitialOptions: Record<string, any>[], appendOptions: Record<string, any>[]) {
+  const optionMap = new Map<any, Record<string, any>>();
+  [...sumInitialOptions, ...appendOptions].forEach((option) => {
+    if (!option) {
+      return;
+    }
+    const optionKey = option.id ?? option.value;
+    if (optionKey !== undefined) {
+      if (optionMap.has(optionKey)) {
+        Object.assign(optionMap.get(optionKey) || {}, option);
+      } else {
+        optionMap.set(optionKey, option);
+      }
+    }
+  });
+  sumInitialOptions = Array.from(optionMap.values());
+  return sumInitialOptions;
+}
diff --git a/frontend/packages/lib-shared/method/index.ts b/frontend/packages/lib-shared/method/index.ts
new file mode 100644
index 0000000..65ec04e
--- /dev/null
+++ b/frontend/packages/lib-shared/method/index.ts
@@ -0,0 +1,737 @@
+import { cloneDeep } from 'lodash-es';
+import dayjs from 'dayjs';
+import JSEncrypt from 'jsencrypt';
+
+import { isObject } from './is';
+import { CHINA_PCD, COUNTRIES_TREE } from '@cordys/web/src/components/business/crm-city-select/config';
+import type {
+  FormCreateField,
+  FormCreateFieldDateType,
+} from '@cordys/web/src/components/business/crm-form-create/types';
+import { getLocalStorage } from '@lib/shared/method/local-storage';
+import industryOptions from '@cordys/web/src/components/pure/crm-industry-select/config';
+
+/**
+ * 递归深度合并
+ * @param src 源对象
+ * @param target 待合并的目标对象
+ * @returns 合并后的对象
+ */
+export const deepMerge = <T = any>(src: any = {}, target: any = {}): T => {
+  Object.keys(target).forEach((key) => {
+    src[key] = isObject(src[key]) ? deepMerge(src[key], target[key]) : (src[key] = target[key]);
+  });
+  return src;
+};
+
+/**
+ * 遍历对象属性并一一添加到 url 地址参数上
+ * @param baseUrl 需要添加参数的 url
+ * @param obj 参数对象
+ * @returns 拼接后的 url
+ */
+export function setObjToUrlParams(baseUrl: string, obj: any): string {
+  let parameters = '';
+  Object.keys(obj).forEach((key) => {
+    parameters += `${key}=${encodeURIComponent(obj[key])}&`;
+  });
+  parameters = parameters.replace(/&$/, '');
+  return /\?$/.test(baseUrl) ? baseUrl + parameters : baseUrl.replace(/\/?$/, '?') + parameters;
+}
+
+/**
+ * 加密
+ * @param input 输入的字符串
+ * @param publicKey 公钥
+ * @returns
+ */
+export function encrypted(input: string) {
+  const publicKey = getLocalStorage('publicKey') || '';
+  const encrypt = new JSEncrypt({ default_key_size: '1024' });
+  encrypt.setPublicKey(publicKey);
+
+  return encrypt.encrypt(input);
+}
+
+/**
+ * 休眠
+ * @param ms 睡眠时长，单位毫秒
+ * @returns
+ */
+export function sleep(ms: number): Promise<void> {
+  return new Promise((resolve) => {
+    setTimeout(() => resolve(), ms);
+  });
+}
+
+export function getQueryVariable(variable: string) {
+  const urlString = window.location.href;
+  const queryIndex = urlString.indexOf('?');
+  if (queryIndex !== -1) {
+    // 先获取?到#之间的内容，如果没有#则获取到结尾
+    const hashIndex = urlString.indexOf('#');
+    const queryEnd = hashIndex !== -1 ? hashIndex : urlString.length;
+    const query = urlString.substring(queryIndex + 1, queryEnd);
+
+    // 分割查询参数
+    const params = query.split('&');
+    // 遍历参数，找到 _token 参数的值
+    let variableValue;
+    params.forEach((param) => {
+      const equalIndex = param.indexOf('=');
+      const variableName = param.substring(0, equalIndex);
+      if (variableName === variable) {
+        variableValue = param.substring(equalIndex + 1);
+      }
+    });
+    return variableValue;
+  }
+}
+
+export function getUrlParameterWidthRegExp(name: string) {
+  const url = window.location.href;
+  name = name.replace(/[[\]]/g, '\\$&');
+  const regex = new RegExp(`[?&]${name}(=([^&#]*)|&|#|$)`);
+  const results = regex.exec(url);
+  if (!results) return null;
+  if (!results[2]) return '';
+  return decodeURIComponent(results[2].replace(/\+/g, ' '));
+}
+
+/**
+ * 建立 SSE 连接
+ * @param url 连接地址
+ * @param host 连接主机
+ * @returns EventSource 实例
+ */
+export const apiSSE = (url: string, host?: string): EventSource => {
+  let protocol = 'http://';
+
+  // 判断是否使用 HTTPS
+  if (!host?.startsWith('http') && (window.location.protocol === 'https:' || host?.startsWith('https'))) {
+    protocol = 'https://';
+  }
+
+  // 解析 URL，自动适配 host
+  const uri = protocol + (host?.split('://')[1] || window.location.host) + url;
+
+  return new EventSource(uri, {
+    withCredentials: true,
+  });
+};
+
+/**
+ * 获取 SSE 连接
+ * @param sseUrl，自定义 SSE 地址
+ * @param host 自定义主机
+ * @returns EventSource 实例
+ */
+export function getSSE(sseUrl: string, params: Record<string, string>, host?: string): EventSource {
+  const queryString = new URLSearchParams(params).toString();
+  return apiSSE(`${sseUrl}?${queryString}`, host);
+}
+
+export interface TreeNode<T> {
+  children?: TreeNode<T>[];
+  [key: string]: any;
+}
+
+/**
+ * 递归遍历树形数组或树
+ * @param tree 树形数组或树
+ * @param customNodeFn 自定义节点函数
+ * @param customChildrenKey 自定义子节点的key
+ * @param continueCondition 继续递归的条件，某些情况下需要无需递归某些节点的子孙节点，可传入该条件
+ */
+export function traverseTree<T>(
+  tree: TreeNode<T> | TreeNode<T>[] | T | T[],
+  customNodeFn: (node: TreeNode<T>) => void,
+  continueCondition?: (node: TreeNode<T>) => boolean,
+  customChildrenKey = 'children'
+) {
+  if (!Array.isArray(tree)) {
+    tree = [tree];
+  }
+  for (let i = 0; i < tree.length; i++) {
+    const node = (tree as TreeNode<T>[])[i];
+    if (typeof customNodeFn === 'function') {
+      customNodeFn(node);
+    }
+    if (node[customChildrenKey] && Array.isArray(node[customChildrenKey]) && node[customChildrenKey].length > 0) {
+      if (typeof continueCondition === 'function' && !continueCondition(node)) {
+        // 如果有继续递归的条件，则判断是否继续递归
+        break;
+      }
+      traverseTree(node[customChildrenKey], customNodeFn, continueCondition, customChildrenKey);
+    }
+  }
+}
+
+/**
+ * 生成 id 序列号
+ * @returns
+ */
+let lastTimestamp = 0;
+let sequence = 0;
+export const getGenerateId = () => {
+  let timestamp = new Date().getTime();
+  if (timestamp === lastTimestamp) {
+    sequence++;
+    if (sequence >= 100000) {
+      // 如果超过999，则重置为0，等待下一秒
+      sequence = 0;
+      while (timestamp <= lastTimestamp) {
+        timestamp = new Date().getTime();
+      }
+    }
+  } else {
+    sequence = 0;
+  }
+
+  lastTimestamp = timestamp;
+
+  return timestamp.toString() + sequence.toString().padStart(5, '0');
+};
+
+/**
+ * 删除树形数组中的某个节点
+ * @param treeArr 目标树
+ * @param targetKey 目标节点唯一值
+ */
+export function deleteNode<T>(treeArr: TreeNode<T>[], targetKey: string | number, customKey = 'key'): void {
+  function deleteNodeInTree(tree: TreeNode<T>[]): void {
+    for (let i = 0; i < tree.length; i++) {
+      const node = tree[i];
+      if (node[customKey] === targetKey) {
+        tree.splice(i, 1); // 直接删除当前节点
+        // 重新调整剩余子节点的 sort 序号
+        for (let j = i; j < tree.length; j++) {
+          tree[j].sort = j + 1;
+        }
+        return;
+      }
+      if (Array.isArray(node.children)) {
+        deleteNodeInTree(node.children); // 递归删除子节点
+      }
+    }
+  }
+
+  deleteNodeInTree(treeArr);
+}
+
+/**
+ * 递归遍历树形数组或树，返回新的树
+ * @param tree 树形数组或树
+ * @param customNodeFn 自定义节点函数
+ * @param customChildrenKey 自定义子节点的key
+ * @param parent 父节点
+ * @param parentPath 父节点路径
+ * @param level 节点层级
+ * @returns 遍历后的树形数组
+ */
+export function mapTree<T>(
+  tree: TreeNode<T> | TreeNode<T>[] | T | T[],
+  customNodeFn: (node: TreeNode<T>, path: string, _level: number) => TreeNode<T> | null = (node) => node,
+  customChildrenKey = 'children',
+  parentPath = '',
+  level = 0,
+  parent: TreeNode<T> | null = null
+): T[] {
+  let cloneTree = cloneDeep(tree);
+  if (!Array.isArray(cloneTree)) {
+    cloneTree = [cloneTree];
+  }
+
+  function mapFunc(
+    _tree: TreeNode<T> | TreeNode<T>[] | T | T[],
+    _parentPath = '',
+    _level = 0,
+    _parent: TreeNode<T> | null = null
+  ): T[] {
+    if (!Array.isArray(_tree)) {
+      _tree = [_tree];
+    }
+    return _tree
+      .map((node: TreeNode<T>, i: number) => {
+        const fullPath = node.path ? `${_parentPath}/${node.path}`.replace(/\/+/g, '/') : '';
+        node.sort = i + 1; // sort 从 1 开始
+        node.parent = _parent || undefined; // 没有父节点说明是树的第一层
+        const newNode = typeof customNodeFn === 'function' ? customNodeFn(node, fullPath, _level) : node;
+        if (newNode) {
+          newNode.level = _level;
+          if (newNode[customChildrenKey] && newNode[customChildrenKey].length > 0) {
+            newNode[customChildrenKey] = mapFunc(newNode[customChildrenKey], fullPath, _level + 1, newNode);
+          }
+        }
+        return newNode;
+      })
+      .filter((node: TreeNode<T> | null) => node !== null);
+  }
+  return mapFunc(cloneTree, parentPath, level, parent);
+}
+
+/**
+ * 获取树形数据所有有子节点的父节点
+ * @param treeData 树形数组
+ * @param childrenKey 自定义子节点的key
+ * @returns 遍历后父节点数组
+ */
+export function getAllParentNodeIds<T>(
+  treeData: TreeNode<T>[],
+  childrenKey = 'children',
+  customKey = 'id'
+): Array<string | number> {
+  const parentIds: Array<string | number> = [];
+  const traverse = (nodes: TreeNode<T>) => {
+    for (let i = 0; i < nodes.length; i++) {
+      const node = nodes[i];
+      if (node[childrenKey] && node[childrenKey].length > 0) {
+        parentIds.push(node[customKey]); // 记录当前节点的 ID
+        traverse(node[childrenKey]); // 递归遍历子节点
+      }
+    }
+  };
+
+  traverse(treeData); // 开始递归
+  return parentIds;
+}
+
+/**
+ * 过滤树形数组或树
+ * @param tree 树形数组或树
+ * @param customNodeFn 自定义节点函数
+ * @param customChildrenKey 自定义子节点的key
+ * @returns 遍历后的树形数组
+ */
+export function filterTree<T>(
+  tree: TreeNode<T> | TreeNode<T>[] | T | T[],
+  filterFn: (node: TreeNode<T>, nodeIndex: number, parent?: TreeNode<T> | null) => boolean,
+  customChildrenKey = 'children',
+  parentNode: TreeNode<T> | null = null
+): TreeNode<T>[] {
+  if (!Array.isArray(tree)) {
+    tree = [tree];
+  }
+  const filteredTree: TreeNode<T>[] = [];
+  for (let i = 0; i < tree.length; i++) {
+    const node = (tree as TreeNode<T>[])[i];
+    // 如果节点满足过滤条件，则保留该节点，并递归过滤子节点
+    if (filterFn(node, i, parentNode)) {
+      const newNode = cloneDeep({ ...node, [customChildrenKey]: [] });
+      if (node[customChildrenKey] && node[customChildrenKey].length > 0) {
+        // 递归过滤子节点，并将过滤后的子节点添加到当前节点中
+        newNode[customChildrenKey] = filterTree(node[customChildrenKey], filterFn, customChildrenKey, node);
+      } else {
+        newNode[customChildrenKey] = [];
+      }
+      filteredTree.push(newNode);
+    }
+  }
+  return filteredTree;
+}
+
+/**
+ *
+ * 返回文件的大小
+ * @param fileSize file文件的大小size
+ * @returns
+ */
+export function formatFileSize(fileSize: number): string {
+  const units = ['B', 'KB', 'MB', 'GB', 'TB'];
+  let size = fileSize;
+  let unitIndex = 0;
+
+  while (size >= 1024 && unitIndex < units.length - 1) {
+    size /= 1024;
+    unitIndex++;
+  }
+  const unit = units[unitIndex];
+  if (size) {
+    const formattedSize = size.toFixed(2);
+    return `${formattedSize} ${unit}`;
+  }
+  const formattedSize = 0;
+  return `${formattedSize} ${unit}`;
+}
+
+/**
+ * 字符串脱敏
+ * @param str 需要脱敏的字符串
+ * @returns 脱敏后的字符串
+ */
+export function desensitize(str: string): string {
+  if (!str || typeof str !== 'string') {
+    return '';
+  }
+
+  return str.replace(/./g, '*');
+}
+
+/**
+ * 对话框标题动态内容字符限制
+ * @param str 标题的动态内容
+ * @returns 转化后的字符串
+ */
+export function characterLimit(str?: string, length?: number): string {
+  if (!str) return '';
+  const limit = length ?? 20;
+  if (str.length <= limit) return str;
+  return `${str.slice(0, limit - 3)}...`;
+}
+
+/**
+ * 根据属性 key 查找树形数组中匹配的某个节点
+ * @param trees 属性数组
+ * @param targetKey 需要匹配的属性值
+ * @param customKey 默认为 key，可自定义需要匹配的属性名
+ * @returns 匹配的节点/null
+ */
+export function findNodeByKey<T>(
+  trees: TreeNode<T>[],
+  targetKey: string | number,
+  customKey = 'key',
+  dataKey: string | undefined = undefined
+): TreeNode<T> | T | null {
+  for (let i = 0; i < trees.length; i++) {
+    const node = trees[i];
+    if (dataKey ? node[dataKey]?.[customKey] === targetKey : node[customKey] === targetKey) {
+      return node; // 如果当前节点的 key 与目标 key 匹配，则返回当前节点
+    }
+
+    if (Array.isArray(node.children) && node.children.length > 0) {
+      const _node = findNodeByKey(node.children, targetKey, customKey, dataKey); // 递归在子节点中查找
+      if (_node) {
+        return _node; // 如果在子节点中找到了匹配的节点，则返回该节点
+      }
+    }
+  }
+
+  return null; // 如果在整个树形数组中都没有找到匹配的节点，则返回 null
+}
+
+/**
+ * 根据 key 遍历树，并返回找到的节点路径和节点
+ */
+export function findNodePathByKey<T>(
+  tree: TreeNode<T>[],
+  targetKey: string,
+  dataKey?: string,
+  customKey = 'key'
+): TreeNode<T> | null {
+  for (let i = 0; i < tree.length; i++) {
+    const node = tree[i];
+    if (dataKey ? node[dataKey]?.[customKey] === targetKey : node[customKey] === targetKey) {
+      return { ...node, treePath: [dataKey ? node[dataKey] : node] }; // 如果当前节点的 key 与目标 key 匹配，则返回当前节点
+    }
+
+    if (Array.isArray(node.children) && node.children.length > 0) {
+      const result = findNodePathByKey(node.children, targetKey, dataKey, customKey); // 递归在子节点中查找
+      if (result) {
+        result.treePath.unshift(dataKey ? node[dataKey] : node);
+        return result; // 如果在子节点中找到了匹配的节点，则返回该节点
+      }
+    }
+  }
+
+  return null;
+}
+
+/**
+ * 根据 cityId 返回城市路径
+ */
+export function getCityPath(cityId: string | null, scope?: string): string {
+  if (!cityId) return '';
+  const nodePathObject = findNodePathByKey(scope === 'CN' ? CHINA_PCD.children : [CHINA_PCD, ...COUNTRIES_TREE], cityId, undefined, 'value');
+  const nodePathName = (nodePathObject?.treePath || []).map((item: any) => item.label);
+  return nodePathName.length === 1 ? nodePathName[0] : nodePathName.join('/');
+}
+
+/**
+ * 根据 industryId 返回行业路径
+ */
+export function getIndustryPath(industryId: string | null): string {
+  if (!industryId) return '';
+  const nodePathObject = findNodePathByKey(industryOptions, industryId, undefined, 'value');
+  const nodePathName = (nodePathObject?.treePath || []).map((item: any) => item.label);
+  return nodePathName.length === 1 ? nodePathName[0] : nodePathName.join('/');
+}
+
+/**
+ * 返回添加节点下一个有效未命名name
+ * @param existingNames 已存在名称列表
+ * @param baseName 基础名称
+ */
+export function getNextAvailableName(existingNames: string[], baseName: string): string {
+  const baseNamePattern = new RegExp(`^${baseName}(\\d+)$`);
+
+  const existingSuffixes = existingNames.reduce((suffixes: number[], name: string) => {
+    const match = baseNamePattern.exec(name);
+    if (match) {
+      suffixes.push(parseInt(match[1], 10));
+    }
+    return suffixes;
+  }, []);
+
+  if (existingSuffixes.length === 0) {
+    return existingNames.includes(baseName) ? `${baseName}1` : baseName;
+  }
+
+  return `${baseName}${Math.max(...existingSuffixes) + 1}`;
+}
+
+/**
+ * 分步处理分数表达式
+ * @param str 分数表达式
+ */
+export function safeFractionConvert(str: string | number) {
+  if (!str) {
+    return 1;
+  }
+  if (typeof str === 'number') {
+    return str;
+  }
+  const parts = str.split('/').map(Number); // 分割分子分母
+  if (parts.length !== 2 || parts.some((e) => Number.isNaN(e))) return 1;
+  return parts[0] / parts[1];
+}
+
+/**
+ * 打开网页链接
+ * @param url 链接地址
+ */
+export function openDocumentLink(url: string) {
+  const a = document.createElement('a');
+  a.href = url;
+  a.target = '_blank';
+  a.rel = 'noopener noreferrer'; // 防止打开页面控制当前页面
+  document.body.appendChild(a);
+  a.click();
+  document.body.removeChild(a);
+}
+
+/**
+ * 格式化时间
+ * @param value 时间戳
+ * @param type 类型
+ */
+export function formatTimeValue(value: string | number, type?: FormCreateFieldDateType) {
+  if (value) {
+    const date = dayjs(Number(value));
+    switch (type) {
+      case 'month':
+        return date.format('YYYY-MM');
+      case 'date':
+        return date.format('YYYY-MM-DD');
+      case 'datetime':
+      default:
+        return date.format('YYYY-MM-DD HH:mm:ss');
+    }
+  }
+  return '-';
+}
+
+/**
+ * 下载文件
+ * @param byte 字节流
+ * @param fileName 文件名
+ */
+export const downloadByteFile = (byte: BlobPart, fileName: string) => {
+  // 创建一个Blob对象
+  const blob = new Blob([byte], { type: 'application/octet-stream' });
+  // 创建一个URL对象，用于生成下载链接
+  const url = window.URL.createObjectURL(blob);
+  // 创建一个虚拟的<a>标签来触发下载
+  const link = document.createElement('a');
+  link.href = url;
+  link.download = fileName; // 设置下载文件的名称
+  document.body.appendChild(link);
+  link.click();
+
+  // 释放URL对象
+  window.URL.revokeObjectURL(url);
+  document.body.removeChild(link);
+};
+
+/**
+ * 获取每三位使用逗号隔开数字格式
+ * @param number 目标值
+ */
+
+export function addCommasToNumber(number: number) {
+  if (number === 0 || number === undefined) {
+    return '0';
+  }
+  // 将数字转换为字符串
+  const numberStr = number.toString();
+
+  // 分割整数部分和小数部分
+  const parts = numberStr.split('.');
+  const integerPart = parts[0];
+  const decimalPart = parts[1] || ''; // 如果没有小数部分，则设为空字符串
+
+  // 对整数部分添加逗号分隔
+  const integerWithCommas = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+
+  // 拼接整数部分和小数部分（如果有）
+  const result = decimalPart ? `${integerWithCommas}.${decimalPart}` : integerWithCommas;
+
+  return result;
+}
+// 是否是企业微信端打开
+export function isWeComBrowser() {
+  const ua = window.navigator.userAgent.toLowerCase();
+  return ua.includes('wxwork'); // 企业微信 UA 一定包含 wxwork
+}
+
+export function isDingTalkBrowser() {
+  const ua = window.navigator.userAgent.toLowerCase();
+  return (
+    ua.includes('dingtalk') ||
+    ua.includes('aliapp(dingtalk') ||
+    (getQueryVariable('authCode') !== '' &&
+      getQueryVariable('authCode') !== undefined &&
+      getQueryVariable('authCode') !== null)
+  );
+}
+
+// 飞书
+export function isLarkBrowser(): boolean {
+  const ua = window.navigator.userAgent.toLowerCase();
+  return ua.includes('lark') || ua.includes('feishu') || getQueryVariable('state') === 'LARK';
+}
+
+/**
+ * 国际单位数字缩写
+ * @param amount 金额数字
+ * @param decimals 保留小数位数
+ * @param currency 货币单位
+ */
+export function abbreviateNumber(count: number | string, currency: string, decimals = 2) {
+  if (typeof count !== 'number') {
+    return { value: '-', unit: '', full: '-' };
+  }
+
+  const locale = localStorage.getItem('CRM-locale') || 'zh-CN';
+  const truncateNumber = (num: number) => {
+    const factor = 10 ** decimals;
+    return Math.round(num * factor) / factor;
+  };
+
+  const full = `${count.toLocaleString('en-US', {
+    minimumFractionDigits: decimals,
+    maximumFractionDigits: decimals,
+  })} (${currency})`;
+
+  let value = '';
+  let unit = '';
+
+  if (locale === 'zh-CN') {
+    if (count >= 1e8) {
+      value = truncateNumber(count / 1e8).toString();
+      unit = '亿';
+    } else if (count >= 1e4) {
+      value = truncateNumber(count / 1e4).toString();
+      unit = '万';
+    } else {
+      value = truncateNumber(count).toString();
+      unit = '';
+    }
+  } else if (locale === 'en-US') {
+    if (count >= 1e9) {
+      value = truncateNumber(count / 1e9).toString();
+      unit = 'B';
+    } else if (count >= 1e6) {
+      value = truncateNumber(count / 1e6).toString();
+      unit = 'M';
+    } else if (count >= 1e3) {
+      value = truncateNumber(count / 1e3).toString();
+      unit = 'K';
+    } else {
+      value = truncateNumber(count).toString();
+      unit = '';
+    }
+  }
+
+  return { value, unit, full };
+}
+
+export function getFileIconType(type: string) {
+  switch (type) {
+    case 'zip':
+      return 'icona-icon_file-compressed_colorful';
+    case 'ppt':
+      return 'iconicon_file-ppt_colorful';
+    case 'pdf':
+      return 'iconicon_file-pdf_colorful';
+    case 'docx':
+      return 'iconicon_file-word_colorful';
+    case 'xlsx':
+      return 'iconicon_file-excel_colorful';
+    case 'csv':
+      return 'iconicon_file-CSV_colorful';
+    case 'xmind':
+      return 'iconicon_file-xmind_colorful';
+    case 'sql':
+      return 'iconicon_file-sql_colorful';
+    case 'jar':
+      return 'icona-icon_file-jar_colorful';
+    case 'json':
+      return 'icona-icon_file-json';
+    case 'jmx':
+      return 'icona-icon_file-JMX';
+    case 'har':
+      return 'iconicon_file_har';
+    case 'mp4':
+    case 'mov':
+    case 'wmv':
+      return 'iconicon_file_video_colorful';
+    default:
+      return /(jpg|jpeg|png|gif|bmp|webp|svg)$/i.test(type)
+        ? 'iconicon_file-image_colorful'
+        : 'iconicon_file-unknown_colorful1';
+  }
+}
+
+/**
+ * 限制字符串长度并添加后缀（如 copy），保证总长度不超过 maxLen
+ * @param name 原名称
+ * @param suffix 后缀（默认 "copy"）
+ * @param maxLen 最大长度（默认 255）
+ */
+export function getCopiedName(name: string, suffix = 'copy', maxLen = 255): string {
+  const baseName = name || '';
+  if (baseName.length + suffix.length > maxLen) {
+    return baseName.slice(0, maxLen - suffix.length) + suffix;
+  }
+  return baseName + suffix;
+}
+
+/**
+ * 通用数字千分位展示
+ * @param value 数值或数值字符串
+ * @param options 小数位配置
+ * @returns 格式化后的字符串
+ */
+export function formatThousands(
+  value: string | number | null | undefined,
+  options?: {
+    minimumFractionDigits?: number;
+    maximumFractionDigits?: number;
+  }
+) {
+  if (value === null || value === undefined || value === '') {
+    return '';
+  }
+
+  const numberValue = Number(value);
+  if (!Number.isFinite(numberValue)) {
+    return String(value);
+  }
+
+  const decimalLength = String(value).includes('.') ? String(value).split('.')[1]?.length || 0 : 0;
+
+  return numberValue.toLocaleString('en-US', {
+    minimumFractionDigits: options?.minimumFractionDigits,
+    maximumFractionDigits: options?.maximumFractionDigits ?? decimalLength,
+  });
+}
diff --git a/frontend/packages/lib-shared/method/is.ts b/frontend/packages/lib-shared/method/is.ts
new file mode 100644
index 0000000..14c9b12
--- /dev/null
+++ b/frontend/packages/lib-shared/method/is.ts
@@ -0,0 +1,54 @@
+const opt = Object.prototype.toString;
+
+export function isArray(obj: any): obj is any[] {
+  return opt.call(obj) === '[object Array]';
+}
+
+export function isObject(obj: any): obj is { [key: string]: any } {
+  return opt.call(obj) === '[object Object]';
+}
+
+export function isString(obj: any): obj is string {
+  return opt.call(obj) === '[object String]';
+}
+
+export function isNumber(obj: any): obj is number {
+  return opt.call(obj) === '[object Number]' && obj === obj; // eslint-disable-line
+}
+
+export function isRegExp(obj: any) {
+  return opt.call(obj) === '[object RegExp]';
+}
+
+export function isFile(obj: any): obj is File {
+  return opt.call(obj) === '[object File]';
+}
+
+export function isBlob(obj: any): obj is Blob {
+  return opt.call(obj) === '[object Blob]';
+}
+
+export function isUndefined(obj: any): obj is undefined {
+  return obj === undefined;
+}
+
+export function isNull(obj: any): obj is null {
+  return obj === null;
+}
+
+export function isFunction(obj: any): obj is (...args: any[]) => any {
+  return typeof obj === 'function';
+}
+
+export function isEmptyObject(obj: any): boolean {
+  return isObject(obj) && Object.keys(obj).length === 0;
+}
+
+export function isExist(obj: any): boolean {
+  return obj || obj === 0;
+}
+
+// 判断变量非空值
+export function isNotEmpty(obj: any): boolean {
+  return obj !== undefined && obj !== null && obj !== '';
+}
diff --git a/frontend/packages/lib-shared/method/local-storage.ts b/frontend/packages/lib-shared/method/local-storage.ts
new file mode 100644
index 0000000..cd68bcc
--- /dev/null
+++ b/frontend/packages/lib-shared/method/local-storage.ts
@@ -0,0 +1,53 @@
+export const getLocalStorage = <T = string>(name: string, isJson?: boolean): T | null => {
+  try {
+    const value = localStorage.getItem(name);
+    if (value && isJson) {
+      return JSON.parse(value) as T;
+    }
+    return value as T;
+  } catch {
+    return null;
+  }
+};
+
+export const setLocalStorage = (name: string, value: any): void => {
+  try {
+    if (typeof value !== 'string') {
+      value = JSON.stringify(value);
+    }
+    localStorage.setItem(name, value);
+  } catch {
+    // ignore
+  }
+};
+
+export const removeLocalStorage = (name: string) => {
+  try {
+    localStorage.removeItem(name);
+  } catch {
+    // ignore
+  }
+};
+
+export const setSessionStorageTempState = (name: string, value: any) => {
+  try {
+    if (typeof value !== 'string') {
+      value = JSON.stringify(value);
+    }
+    sessionStorage.setItem(name, value);
+  } catch {
+    // ignore
+  }
+};
+
+export const getSessionStorageTempState = <T>(name: string, isJson?: boolean): T | null => {
+  try {
+    const value = sessionStorage.getItem(name);
+    if (value && isJson) {
+      return JSON.parse(value) as T;
+    }
+    return value as T;
+  } catch {
+    return null;
+  }
+};
diff --git a/frontend/packages/lib-shared/method/route-listener.ts b/frontend/packages/lib-shared/method/route-listener.ts
new file mode 100644
index 0000000..b25c3c7
--- /dev/null
+++ b/frontend/packages/lib-shared/method/route-listener.ts
@@ -0,0 +1,39 @@
+/**
+ * 单独监听路由会浪费渲染性能。使用发布订阅模式去进行分发管理。
+ */
+import mitt, { Handler } from 'mitt';
+import type { RouteLocationNormalized } from 'vue-router';
+
+const emitter = mitt();
+
+const key = Symbol('ROUTE_CHANGE');
+
+let latestRoute: RouteLocationNormalized;
+
+/**
+ * 设置路由监听
+ * @param to 要跳转的路由信息
+ */
+export function setRouteEmitter(to: RouteLocationNormalized) {
+  emitter.emit(key, to);
+  latestRoute = to;
+}
+
+/**
+ * 监听路由变化
+ * @param handler 处理回调
+ * @param immediate 是否立即执行
+ */
+export function listenerRouteChange(handler: (route: RouteLocationNormalized) => void, immediate = true) {
+  emitter.on(key, handler as Handler);
+  if (immediate && latestRoute) {
+    handler(latestRoute);
+  }
+}
+
+/**
+ * 移除路由监听
+ */
+export function removeRouteListener() {
+  emitter.off(key);
+}
diff --git a/frontend/packages/lib-shared/method/scriptLoader.ts b/frontend/packages/lib-shared/method/scriptLoader.ts
new file mode 100644
index 0000000..bc5e0d5
--- /dev/null
+++ b/frontend/packages/lib-shared/method/scriptLoader.ts
@@ -0,0 +1,93 @@
+import { setupDrag } from './setupDrag';
+import { CompanyTypeEnum } from '@lib/shared/enums/commonEnum';
+
+interface ScriptOptions {
+  identifier: string; // 脚本标识
+}
+
+const scriptElementsMap = new Map<string, string>();
+
+function extractSQLBotId(input: string) {
+  const regex = /sqlbot-[^\s"']+/;
+  const match = input.match(regex);
+  return match ? match[0] : null;
+}
+
+export function loadScript(scriptContent: string, options: ScriptOptions): Promise<void> {
+  if (!scriptContent) {
+    return Promise.reject(new Error('scriptContent is empty'));
+  }
+  return new Promise((resolve, reject) => {
+    const content = scriptContent?.trim();
+    if (scriptElementsMap.has(options.identifier)) return;
+
+    // 处理IIFE格式
+    if (content.startsWith('(function')) {
+      const scriptId = extractSQLBotId(content);
+      if (scriptId) {
+        scriptElementsMap.set(options.identifier, scriptId);
+      }
+      // eslint-disable-next-line no-eval
+      eval(content);
+      setTimeout(() => {
+        const button = document.querySelector('.sqlbot-assistant-chat-button');
+        setupDrag(button as HTMLElement);
+      }, 300); // 等待DOM渲染
+      resolve();
+      return;
+    }
+
+    // 处理<script>标签
+    if (content.startsWith('<script')) {
+      const div = document.createElement('div');
+      div.innerHTML = content;
+      const originalScript = div.querySelector('script');
+      if (!originalScript) {
+        reject(new Error('无效的script标签'));
+        return;
+      }
+      const script = document.createElement('script');
+      // 复制所有属性
+      for (let i = 0; i < originalScript.attributes.length; i++) {
+        const attr = originalScript.attributes[i];
+        if (attr.name === 'id') {
+          scriptElementsMap.set(options.identifier, attr.value);
+        }
+        script.setAttribute(attr.name, attr.value);
+      }
+      script.onload = () => {
+        setTimeout(() => {
+          const button = document.querySelector('.sqlbot-assistant-chat-button');
+          setupDrag(button as HTMLElement);
+        }, 300); // 等待DOM渲染
+      };
+
+      document.body.appendChild(script);
+      resolve();
+      return;
+    }
+
+    reject(new Error('不支持的脚本格式'));
+  });
+}
+
+export function removeScript(identifier: string): void {
+  const scriptId = scriptElementsMap.get(identifier);
+  if (scriptId && identifier === CompanyTypeEnum.SQLBot) {
+    // 清理全局单例标记
+    const propName = `${scriptId}-state`;
+    delete (window as any)[propName];
+    if ((window as any).sqlbot_assistant_handler) {
+      delete (window as any).sqlbot_assistant_handler;
+    }
+    // 删除页面上渲染的
+    const floatingElements = document.querySelectorAll('[id^="sqlbot-"]');
+    floatingElements.forEach((el) => {
+      if (el.parentNode && !el.parentNode.isEqualNode(document.body) && !el.parentNode.isEqualNode(document.head)) {
+        (el.parentNode as Element).remove();
+      }
+      el.remove();
+    });
+    scriptElementsMap.delete(identifier);
+  }
+}
diff --git a/frontend/packages/lib-shared/method/setupDrag.ts b/frontend/packages/lib-shared/method/setupDrag.ts
new file mode 100644
index 0000000..b12dfe0
--- /dev/null
+++ b/frontend/packages/lib-shared/method/setupDrag.ts
@@ -0,0 +1,113 @@
+interface DragPosition {
+  startX: number;
+  startY: number;
+  startLeft: number;
+  startTop: number;
+}
+
+export function setupDrag(dragElement: HTMLElement | null) {
+  if (!dragElement) return;
+  let isDragging = false;
+  let dragPosition: DragPosition;
+
+  const moveHandler = (clientX: number, clientY: number) => {
+    dragElement.style.cursor = 'grabbing';
+
+    // 移动超过5px才认为是拖动
+    if (!isDragging && (Math.abs(clientX - dragPosition.startX) > 5 || Math.abs(clientY - dragPosition.startY) > 5)) {
+      isDragging = true;
+    }
+
+    if (isDragging) {
+      // 计算新位置
+      const newLeft = dragPosition.startLeft + clientX - dragPosition.startX;
+      const newTop = dragPosition.startTop + clientY - dragPosition.startY;
+
+      // 边界检查(可选) - 确保元素不会移出视口
+      const maxX = window.innerWidth - dragElement.offsetWidth;
+      const maxY = window.innerHeight - dragElement.offsetHeight;
+
+      // 设置新位置(限制在边界内)
+      dragElement.style.left = `${Math.max(0, Math.min(newLeft, maxX))}px`;
+      dragElement.style.top = `${Math.max(0, Math.min(newTop, maxY))}px`;
+
+      dragElement.style.right = 'auto';
+      dragElement.style.bottom = 'auto';
+    }
+  };
+
+  // 鼠标/触摸移动处理
+  const move = (e: MouseEvent | TouchEvent) => {
+    e.preventDefault();
+    if (e instanceof MouseEvent) {
+      moveHandler(e.clientX, e.clientY);
+    } else if (e.touches?.[0]) {
+      moveHandler(e.touches[0].clientX, e.touches[0].clientY);
+    }
+  };
+
+  // 停止拖动
+  const stopDrag = () => {
+    document.removeEventListener('mousemove', move);
+    document.removeEventListener('touchmove', move);
+    document.removeEventListener('mouseup', stopDrag);
+    document.removeEventListener('touchend', stopDrag);
+    dragElement.style.cursor = 'pointer';
+
+    // 如果是拖拽操作(不是点击)，则阻止接下来的点击事件
+    if (isDragging) {
+      const clickHandler = (e: Event) => {
+        e.stopImmediatePropagation();
+        e.preventDefault();
+        dragElement.removeEventListener('click', clickHandler);
+      };
+
+      dragElement.addEventListener('click', clickHandler, true);
+
+      // 300ms后移除点击拦截
+      setTimeout(() => {
+        dragElement.removeEventListener('click', clickHandler, true);
+      }, 300);
+    }
+  };
+
+  // 开始拖动 - 鼠标事件
+  const startMouseDrag = (e: MouseEvent) => {
+    isDragging = false;
+    const style = window.getComputedStyle(dragElement);
+
+    dragPosition = {
+      startX: e.clientX,
+      startY: e.clientY,
+      startLeft: parseInt(style.left, 10) || 0,
+      startTop: parseInt(style.top, 10) || 0,
+    };
+    // 添加移动和松开事件
+    document.addEventListener('mousemove', move);
+    document.addEventListener('mouseup', stopDrag);
+  };
+
+  // 开始拖动 - 触摸事件
+  const startTouchDrag = (e: TouchEvent) => {
+    isDragging = false;
+    if (e.touches[0]) {
+      const style = window.getComputedStyle(dragElement);
+
+      dragPosition = {
+        startX: e.touches[0].clientX,
+        startY: e.touches[0].clientY,
+        startLeft: parseInt(style.left, 10) || 0,
+        startTop: parseInt(style.top, 10) || 0,
+      };
+
+      document.addEventListener('touchmove', move, { passive: false });
+      document.addEventListener('touchend', stopDrag);
+    }
+  };
+
+  // 添加事件监听
+  dragElement.addEventListener('mousedown', startMouseDrag);
+  dragElement.addEventListener('touchstart', startTouchDrag, { passive: false });
+}
+
+export default {};
diff --git a/frontend/packages/lib-shared/method/validate.ts b/frontend/packages/lib-shared/method/validate.ts
new file mode 100644
index 0000000..fb6c6b9
--- /dev/null
+++ b/frontend/packages/lib-shared/method/validate.ts
@@ -0,0 +1,81 @@
+// 邮箱校验
+export const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+// 手机号校验，11位
+export const phoneRegex = /^\d{11}$/;
+// 密码校验，8-32位
+export const passwordLengthRegex = /^.{8,32}$/;
+// 密码校验，必须包含数字和字母，特殊符号范围校验
+export const passwordWordRegex = /^(?=.*\d)(?=.*[a-zA-Z])[0-9a-zA-Z!@#$%^&*()_+.]+$/;
+// Git地址校验
+export const gitRepositoryUrlRegex = /\.git$/;
+// Webhook 地址校验，允许 HTTP / HTTPS
+export const httpUrlRegex = /^https?:\/\/[^\s/$.?#].[^\s]*$/i;
+
+/**
+ * 校验邮箱
+ * @param email 邮箱
+ * @returns boolean
+ */
+export function validateEmail(email: string): boolean {
+  return emailRegex.test(email);
+}
+
+/**
+ * 校验手机号
+ * @param phone 手机号
+ * @returns boolean
+ */
+export function validatePhone(phone: string): boolean {
+  return phoneRegex.test(phone);
+}
+
+/**
+ * 校验密码长度
+ * @param password 密码
+ * @returns boolean
+ */
+export function validatePasswordLength(password: string): boolean {
+  return passwordLengthRegex.test(password);
+}
+
+/**
+ * 校验密码组成
+ * @param password 密码
+ * @returns boolean
+ */
+export function validateWordPassword(password: string): boolean {
+  return passwordWordRegex.test(password);
+}
+
+/**
+ * 校验密码
+ * @param password 密码
+ * @returns boolean
+ */
+export function validatePassword(password: string): boolean {
+  return validatePasswordLength(password) && validateWordPassword(password);
+}
+
+/**
+ * 校验 HTTP / HTTPS 地址
+ * @param url 地址
+ * @returns boolean
+ */
+export function validateHttpUrl(url: string): boolean {
+  return httpUrlRegex.test(url.trim());
+}
+
+export function getPatternByAreaCode(code: string): RegExp | null {
+  switch (code) {
+    case '+86': // 中国大陆
+      return /^\d{10,12}$/;
+    case '+852': // 香港
+      return /^\d{8}$/;
+    case '+853': // 澳门
+      return /^\d{8}$/;
+    case '+886': // 台湾
+      return /^\d{8,11}$/;
+    default: // 其他
+      return /^\d+$/;
+  }
+}
diff --git a/frontend/packages/lib-shared/models/agent.ts b/frontend/packages/lib-shared/models/agent.ts
new file mode 100644
index 0000000..48b2dc8
--- /dev/null
+++ b/frontend/packages/lib-shared/models/agent.ts
@@ -0,0 +1,73 @@
+import type { TableQueryParams } from './common';
+
+export interface AgentModuleRenameParams {
+  id: string;
+  name: string;
+}
+
+export interface AgentRenameParams {
+  id: string;
+  name: string;
+  agentModuleId: string;
+}
+
+export interface AddAgentModuleParams {
+  name: string;
+  parentId: string;
+}
+
+export interface AgentModuleTreeNode {
+  id: string;
+  name: string;
+  parentId: string;
+  organizationId: string;
+  children: AgentModuleTreeNode[];
+}
+
+export interface AddAgentParams {
+  name: string;
+  agentModuleId: string;
+  scopeIds: string[];
+  script: string;
+  type: string; // 添加方式
+  workspaceId: string; // 工作空间
+  applicationId: string; // 对应工作空间应用id
+  description: string;
+}
+
+export interface UpdateAgentParams extends AddAgentParams {
+  id: string;
+}
+
+export interface AgentTableQueryParams extends TableQueryParams {
+  agentModuleIds: string[];
+}
+
+export interface AgentMember {
+  id: string;
+  scope: string;
+  name: string;
+}
+export interface AgentDetail {
+  id: string;
+  name: string;
+  agentModuleId: string;
+  agentModuleName: string;
+  scopeId: string;
+  members: AgentMember[];
+  script: string;
+  description: string;
+}
+
+export type ApplicationScriptParams = Pick<AddAgentParams, 'applicationId' | 'workspaceId'>;
+
+export interface AgentApplicationScript {
+  parameters: { parameter: string; value: string }[];
+  src: string;
+}
+
+export interface AgentPosParams {
+  moveId: string;
+  targetId: string;
+  moveMode: 'BEFORE' | 'AFTER';
+}
diff --git a/frontend/packages/lib-shared/models/clue/index.ts b/frontend/packages/lib-shared/models/clue/index.ts
new file mode 100644
index 0000000..1b7d8bc
--- /dev/null
+++ b/frontend/packages/lib-shared/models/clue/index.ts
@@ -0,0 +1,89 @@
+import type { CustomerSearchTypeEnum } from '../../enums/customerEnum';
+import type { ModuleField, TableQueryParams } from '../common';
+import type { SaveCustomerParams } from '@lib/shared/models/customer';
+
+export interface SaveClueParams extends SaveCustomerParams {
+  contact?: string;
+  phone?: string;
+}
+
+export interface UpdateClueParams extends SaveClueParams {
+  id: string;
+}
+
+export interface ClueTransitionCustomerParams extends SaveCustomerParams {
+  clueId: string;
+}
+
+export interface ClueDetail {
+  id: string;
+  name: string;
+  owner: string;
+  ownerName: string;
+  contact: string;
+  phone: string;
+  departmentId: string;
+  departmentName: string;
+  stage: string;
+  lastStage: string;
+  createUser: string;
+  updateUser: string;
+  createTime: number;
+  updateTime: number;
+  createUserName: string;
+  updateUserName: string;
+  moduleFields: ModuleField[];
+  transitionType?: 'CUSTOMER' | 'OPPORTUNITY';
+}
+
+export interface ClueListItem extends ClueDetail {
+  inSharedPool: boolean;
+  latestFollowUpTime: number;
+  collectionTime: number;
+  reservedDays: number;
+  reasonName?: string;
+  hasPermission?: boolean;
+}
+
+export interface CluePoolTableParams extends TableQueryParams {
+  searchType?: CustomerSearchTypeEnum;
+  poolId?: string;
+}
+
+// 线索池线索列表项
+export interface CluePoolListItem extends ClueListItem {
+  follower: string; // 最新跟进人
+  followerName: string; // 最新跟进人名称
+  followTime: number; // 最新跟进日期
+  poolId: string;
+  recyclePoolName: string; // 默认回收公海名称
+}
+
+export interface PickClueParams {
+  clueId: string;
+  poolId: string;
+}
+
+// 批量领取线索的请求参数
+export interface BatchPickClueParams {
+  batchIds: (string | number)[];
+  poolId: string;
+}
+
+// 分配线索的请求参数
+export interface AssignClueParams {
+  clueId: string;
+  assignUserId: string;
+}
+
+// 批量分配线索的请求参数
+export interface BatchAssignClueParams {
+  batchIds: (string | number)[];
+  assignUserId: string;
+}
+
+export interface ConvertClueParams {
+  clueId: string;
+  oppCreated: boolean;
+  oppName: string;
+}
diff --git a/frontend/packages/lib-shared/models/common.ts b/frontend/packages/lib-shared/models/common.ts
new file mode 100644
index 0000000..7c9288b
--- /dev/null
+++ b/frontend/packages/lib-shared/models/common.ts
@@ -0,0 +1,123 @@
+import type { FilterResult } from '@cordys/web/src/components/pure/crm-advance-filter/type';
+import { ColumnTypeEnum, OperatorEnum } from '@lib/shared/enums/commonEnum';
+
+// 请求返回结构
+export default interface CommonResponse<T> {
+  code: number;
+  message: string;
+  messageDetail: string;
+  data: T;
+}
+
+export interface SortParams {
+  name?: string;
+  type?: string; // asc或desc
+}
+
+// 表格查询
+export interface TableQueryParams {
+  // 当前页
+  current?: number;
+  // 每页条数
+  pageSize?: number;
+  // 排序仅针对单个字段
+  sort?: SortParams;
+  // 表头筛选
+  filter?: object;
+  // 查询条件
+  keyword?: string;
+  // 视图ID
+  viewId?: string;
+  filterCondition?: FilterResult;
+  [key: string]: any;
+}
+
+export interface CommonList<T> {
+  [x: string]: any;
+  pageSize: number;
+  total: number;
+  current: number;
+  list: T[];
+  optionMap?: Record<string, any[]>;
+}
+
+export interface FilterConditionItem {
+  name: string;
+  value: any; // 期望值，若操作符为 BETWEEN, IN, NOT_IN 时为数组，其他操作符为单个值
+  operator: OperatorEnum;
+  multipleValue?: boolean;
+}
+
+export interface ExportTableColumnItem {
+  key: string;
+  title: string;
+  columnType: ColumnTypeEnum;
+}
+
+export interface TableExportParams extends TableQueryParams {
+  fileName: string; // 导出文件名
+  headList: ExportTableColumnItem[]; // 导出表头
+}
+
+export interface TableExportSelectedParams {
+  fileName: string;
+  headList: ExportTableColumnItem[];
+  ids: string[];
+}
+
+export interface TableDraggedParams {
+  moveId: string;
+  moveMode: 'BEFORE' | 'AFTER';
+  orgId: string;
+  targetId: string;
+  oldIndex: number;
+  newIndex: number;
+}
+
+export interface SystemVersion {
+  currentVersion: string; // 当前版本
+  releaseDate: string; // 发行日期
+  latestVersion: string; // 最新版本
+  architecture: string; // 系统架构
+  copyright: string; // 版权信息
+  hasNewVersion: boolean; // 是否有新版本
+}
+
+export interface ModuleDragParams {
+  dragNodeId: string;
+  dropNodeId: string;
+  dropPosition: number;
+}
+
+export interface ChartValueAxis {
+  fieldId: string;
+  aggregateMethod: string;
+}
+
+export interface ChartCategoryAxis {
+  fieldId: string;
+}
+export interface ChartConfig {
+  chatType: string; // TODO:chart
+  categoryAxis: ChartCategoryAxis;
+  subCategoryAxis?: ChartCategoryAxis;
+  valueAxis: ChartValueAxis;
+}
+
+export interface GenerateChartParams extends TableQueryParams {
+  chartConfig: ChartConfig;
+  poolId?: string | number;
+}
+
+export interface ChartResponseDataItem {
+  categoryAxis: string; // 类目 id
+  categoryAxisName: string; // 类目名称
+  subCategoryAxis: string; // 子类目 id
+  subCategoryAxisName: string; // 子类目名称
+  valueAxis: string; // 值
+}
+
+export interface ModuleField {
+  fieldId: string;
+  fieldValue: string | string[];
+}
diff --git a/frontend/packages/lib-shared/models/contract.ts b/frontend/packages/lib-shared/models/contract.ts
new file mode 100644
index 0000000..555e9a9
--- /dev/null
+++ b/frontend/packages/lib-shared/models/contract.ts
@@ -0,0 +1,255 @@
+import { AttachmentInfo } from '@cordys/web/src/components/business/crm-form-create/types';
+import { ContractBusinessTitleStatusEnum } from '@lib/shared/enums/contractEnum';
+import type { ModuleField, TableQueryParams } from './common';
+import type { FormDesignConfigDetailParams } from './system/module';
+import { ProcessStatusEnum } from '@lib/shared/enums/process';
+
+// 合同列表项
+export interface ContractItem {
+  id: string;
+  name: string;
+  customerId: string;
+  customerName: string;
+  amount: number;
+  alreadyPayAmount: number;
+  approved?: boolean;
+  approvalStatus: ProcessStatusEnum;
+  stage: string;
+  stageName: string;
+  owner: string;
+  ownerName: string;
+  createUser: string;
+  updateUser: string;
+  createTime: number;
+  updateTime: number;
+  createUserName: string;
+  updateUserName: string;
+  moduleFields: ModuleField[]; // 自定义字段
+  inCustomerPool: boolean;
+  poolId: string;
+}
+
+// 合同详情
+export interface ContractDetail extends ContractItem {
+  optionMap?: Record<string, any[]>;
+  attachmentMap?: Record<string, AttachmentInfo[]>; // 附件信息映射
+}
+
+// 添加合同参数
+export interface SaveContractParams {
+  name: string;
+  customerId: string; // 客户id
+  amount?: number; // 金额
+  owner: string; // 负责人
+  moduleFields: ModuleField[]; // 自定义字段
+}
+
+// 更新合同参数
+export interface UpdateContractParams extends SaveContractParams {
+  id: string;
+}
+
+export interface ApprovalContractParams {
+  id: string;
+  approvalStatus: string;
+}
+
+// 回款计划列表项
+export interface PaymentPlanItem {
+  id: string;
+  name: string;
+  createUser: string;
+  updateUser: string;
+  createTime: number;
+  updateTime: number;
+  contractId: string;
+  owner: string;
+  planStatus: string;
+  planAmount: number;
+  planEndTime: number;
+  organizationId: string;
+  createUserName: string;
+  updateUserName: string;
+  ownerName: string;
+  departmentId: string;
+  departmentName: string;
+  contractName: string;
+  moduleFields: ModuleField[]; // 自定义字段
+}
+
+// 回款计划详情
+export interface PaymentPlanDetail extends PaymentPlanItem {
+  optionMap?: Record<string, any[]>;
+}
+
+// 添加回款计划参数
+export interface SavePaymentPlanParams {
+  contractId?: string;
+  owner?: string;
+  planStatus: string;
+  planAmount?: number;
+  planEndTime?: number;
+}
+
+// 更新回款计划参数
+export interface UpdatePaymentPlanParams extends SavePaymentPlanParams {
+  id: string;
+}
+// 回款记录列表项
+export interface PaymentRecordItem {
+  id: string;
+  createUser: string;
+  updateUser: string;
+  createTime: number;
+  updateTime: number;
+  name: string;
+  contractId: string;
+  owner: string;
+  amount: number;
+  invoiceType: string;
+  taxRate: number;
+  businessTitleId: string;
+  approvalStatus: string;
+  organizationId: string;
+  contractName: string;
+  ownerName: string;
+  createUserName: string;
+  updateUserName: string;
+  paymentPlanName: string;
+  paymentPlanId: string;
+  departmentId: string;
+  departmentName: string;
+  moduleFields: ModuleField[];
+}
+
+// 回款记录详情
+export interface PaymentRecordDetail extends PaymentRecordItem {
+  optionMap?: Record<string, any[]>;
+}
+
+// 添加回款记录参数
+export interface SavePaymentRecordParams {
+  contractId: string;
+  owner: string;
+  name: string;
+  paymentPlanId?: string;
+  recordAmount: number;
+  recordEndTime: number;
+  recordBank: string;
+  recordBankNo: string;
+}
+
+// 更新回款记录参数
+export interface UpdatePaymentRecordParams extends SavePaymentRecordParams {
+  id: string;
+}
+
+export interface BusinessTitleItem {
+  id: string;
+  name: string;
+  type: 'THIRD_PARTY' | 'CUSTOM';
+  identificationNumber: string;
+  province: string; // 省
+  city: string; // 市
+  remark: string;
+  scale: string; // 企业规模
+  industry: string; // 国标行业
+  openingBank: string;
+  bankAccount: string;
+  registrationAddress: string;
+  phoneNumber: string;
+  registeredCapital: string;
+  companySize: string;
+  registrationNumber: string;
+  approvalStatus: ContractBusinessTitleStatusEnum;
+  unapprovedReason: string;
+  organizationId: string;
+  createUserName: string;
+  updateUserName: string;
+  createUser: string;
+  updateUser: string;
+  createTime: number;
+  updateTime: number;
+}
+
+export interface SaveBusinessTitleParams {
+  id?: string;
+  companyNumber?: string; // 公司编号
+  name: string; // 公司名称
+  identificationNumber: string; // 纳税人识别号
+  openingBank: string; // 开户银行
+  bankAccount: string; // 银行账号
+  registrationAddress: string; // 注册地址
+  phoneNumber: string; // 注册电话
+  registeredCapital: string; // 注册资本
+  companySize: string; // 公司规模
+  registrationNumber: string; //工商注册号
+  type: string; // 来源类型
+  province: string; // 省
+  city: string; // 市
+  remark: string;
+  scale: string; // 企业规模
+  industry: string; // 国标行业
+}
+
+export interface BusinessTitleValidateConfig {
+  id: string;
+  field: keyof SaveBusinessTitleParams;
+  title: string;
+  required: boolean;
+  disabled?: boolean;
+  organizationId: string;
+  rule?: Record<string, any>[];
+}
+export interface ContractInvoiceTableQueryParam extends TableQueryParams {
+  contractId?: string;
+  customerId?: string;
+}
+
+export interface ContractInvoiceItem {
+  id: string;
+  contractId: string;
+  approved?: boolean;
+  name: string;
+  no: string;
+  owner: string;
+  businessTitleId: string;
+  businessTitleName: string;
+  organizationId: string;
+  createUser: string;
+  createUserName: string;
+  updateUser: string;
+  updateUserName: string;
+  ownerName: string;
+  departmentId: string;
+  departmentName: string;
+  contractName: string;
+  paymentPlanId: string;
+  recordBank: string;
+  recordBankNo: string;
+  paymentPlanName: string;
+  planName: string;
+  moduleFields: ModuleField[]; // 自定义字段
+  recordAmount: number;
+  recordEndTime: number;
+  approvalStatus: ProcessStatusEnum;
+}
+export interface SaveContractInvoiceParams {
+  name: string;
+  contractId: string;
+  owner: string;
+  amount: number;
+  invoiceType: string;
+  taxRate: number;
+  businessTitleId: string;
+  moduleFormConfigDTO?: FormDesignConfigDetailParams;
+}
+
+export interface UpdateContractInvoiceParams extends SaveContractInvoiceParams {
+  id: string;
+}
+
+export interface ContractInvoiceDetail extends ContractInvoiceItem {
+  optionMap?: Record<string, any[]>;
+  attachmentMap?: Record<string, AttachmentInfo[]>; // 附件信息映射
+}
diff --git a/frontend/packages/lib-shared/models/customForm.ts b/frontend/packages/lib-shared/models/customForm.ts
new file mode 100644
index 0000000..a77ed75
--- /dev/null
+++ b/frontend/packages/lib-shared/models/customForm.ts
@@ -0,0 +1,114 @@
+import type { FormCreateField } from '@cordys/web/src/components/business/crm-form-create/types';
+import type { FormConfig } from '@lib/shared/models/system/module';
+import type { RoleMemberRoleItem } from '@lib/shared/models/system/role';
+import type { ModuleField, TableQueryParams } from '@lib/shared/models/common';
+import type { SelectedUsersItem } from '@lib/shared/models/system/module';
+export interface CustomFormSaveRequest {
+  id?: string;
+  name: string;
+  enable: boolean;
+  fields: FormCreateField[];
+  formProp: FormConfig;
+}
+
+export interface CustomFormDetail extends CustomFormSaveRequest {
+  id: string;
+  creator: SelectedUsersItem;
+}
+
+export interface CustomFormAdminParams {
+  customFormId: string;
+  userIds: string[];
+}
+
+export interface CustomFormRoleItem {
+  id: string;
+  name: string;
+  customFormId: string;
+  internalKey: string;
+}
+
+export interface CustomFormRoleUserQueryParams extends TableQueryParams {
+  customFormRoleId: string;
+}
+
+export interface RelateCustomFormMemberParams {
+  customFormRoleId: string;
+  deptIds?: string[];
+  roleIds?: string[];
+  userIds?: string[];
+}
+
+export interface CustomFormMemberItem {
+  id: string;
+  userId: string;
+  username: string;
+  departmentId: string;
+  departmentName: string;
+  position: string;
+  createTime: number;
+  roles: RoleMemberRoleItem[];
+}
+
+export interface CustomFormItem {
+  id: string;
+  name: string;
+  enable: boolean;
+  isAdmin: boolean;
+  hasCreateDataPermission: boolean;
+}
+
+export interface AddCustomFormDataParams {
+  customFormId: string;
+  name: string;
+  owner: string;
+  moduleFields: ModuleField[];
+}
+
+export interface UpdateCustomFormDataParams extends AddCustomFormDataParams {
+  id: string;
+}
+
+export interface GetCustomFormDataPageParams extends TableQueryParams {
+  customFormId: string;
+}
+
+export interface CustomFormPageItem {
+  id: string;
+  customFormId: string;
+  name: string;
+  owner: string;
+  ownerName: string;
+  createUser: string;
+  updateUser: string;
+  createTime: number;
+  updateTime: number;
+  createUserName: string;
+  updateUserName: string;
+  moduleFields: ModuleField[];
+  isAdmin: boolean;
+}
+
+export interface BatchUpdateCustomFormDataParams {
+  ids: string[];
+  customFormId: string;
+  name: string;
+  owner: string;
+  moduleFields: ModuleField[];
+}
+
+export interface CustomFormDataDetail {
+  id: string;
+  customFormId: string;
+  name: string;
+  owner: string;
+  ownerName: string;
+  createUser: string;
+  updateUser: string;
+  createTime: number;
+  updateTime: number;
+  createUserName: string;
+  updateUserName: string;
+  moduleFields: ModuleField[];
+  optionMap: Record<string, any>;
+}
diff --git a/frontend/packages/lib-shared/models/customer/index.ts b/frontend/packages/lib-shared/models/customer/index.ts
new file mode 100644
index 0000000..7cac411
--- /dev/null
+++ b/frontend/packages/lib-shared/models/customer/index.ts
@@ -0,0 +1,393 @@
+import type { CustomerFollowPlanStatusEnum, CustomerSearchTypeEnum } from '../../enums/customerEnum';
+import type { ModuleField, TableExportParams, TableQueryParams } from '../common';
+
+export interface SaveCustomerParams {
+  name?: string;
+  owner: string; // 负责人
+  moduleFields?: ModuleField[];
+}
+
+export interface UpdateCustomerParams extends SaveCustomerParams {
+  id: string;
+}
+
+export interface CustomerTableParams extends TableQueryParams {
+  viewId: CustomerSearchTypeEnum; // 搜索类型(ALL/SELF/DEPARTMENT/CUSTOMER_COLLABORATION)
+}
+
+export interface CustomerListItem {
+  id: string;
+  name: string;
+  owner: string; // 负责人
+  inSharedPool: boolean; // 是否在公海池
+  dealStatus: string; // 最终成交状态
+  createUser: string;
+  updateUser: string;
+  createTime: number;
+  updateTime: number;
+  createUserName: string;
+  updateUserName: string;
+  departmentId: string;
+  departmentName: string;
+  latestFollowUpTime: number;
+  collectionTime: number;
+  reservedDays: number; // 剩余归属天数
+  moduleFields: ModuleField[];
+}
+
+export interface CustomerDetail {
+  id: string;
+  name: string;
+  owner: string;
+  createUser: string;
+  updateUser: string;
+  createTime: number;
+  updateTime: number;
+  createUserName: string;
+  updateUserName: string;
+  moduleFields: ModuleField[];
+}
+
+export interface SaveCustomerFollowRecordParams {
+  customerId: string;
+  opportunityId: string;
+  type: string;
+  clueId: string;
+  content: string;
+  owner: string;
+  contactId: string;
+  moduleFields: ModuleField[];
+}
+
+export interface UpdateCustomerFollowRecordParams extends SaveCustomerFollowRecordParams {
+  id: string;
+}
+
+export interface CustomerFollowRecordTableParams extends TableQueryParams {
+  sourceId: string; // 客户ID/商机ID/线索ID
+}
+
+export interface CustomerOpportunityTableParams extends TableQueryParams {
+  customerId: string; // 客户ID
+}
+
+export interface CustomerFollowRecordListItem {
+  id: string;
+  customerId: string;
+  customerName: string;
+  opportunityId: string;
+  type: string;
+  clueId: string;
+  clueName: string;
+  content: string; // 跟进内容
+  organizationId: string;
+  owner: string;
+  ownerName: string;
+  contactId: string;
+  contactName: string;
+  createUser: string;
+  createUserName: string;
+  updateUser: string;
+  updateUserName: string;
+  createTime: number;
+  updateTime: number;
+  followTime: number;
+  followMethod: string;
+  departmentId: string;
+  departmentName: string;
+  poolId: string;
+  moduleFields: ModuleField[];
+}
+
+export interface SaveCustomerFollowPlanParams extends SaveCustomerFollowRecordParams {
+  estimatedTime: number;
+}
+
+export interface UpdateCustomerFollowPlanParams extends SaveCustomerFollowPlanParams {
+  id: string;
+}
+
+export type StatusTagKey = Exclude<CustomerFollowPlanStatusEnum, CustomerFollowPlanStatusEnum.ALL>;
+
+export interface CustomerFollowPlanTableParams extends TableQueryParams {
+  sourceId: string; // 客户ID/商机ID/线索ID
+  status: StatusTagKey; // 状态: ALL/PREPARED/UNDERWAY/COMPLETED/CANCELLED
+  myPlan?: boolean; // 个人中心查询时传入true
+}
+
+export interface CustomerFollowPlanListItem extends CustomerFollowRecordListItem {
+  estimatedTime: number;
+  status: StatusTagKey;
+  method: string;
+  converted: boolean;
+}
+
+export interface SaveCustomerContractParams {
+  customerId: string;
+  name: string;
+  owner: string;
+  enable: boolean;
+  moduleFields: ModuleField[];
+}
+
+export interface UpdateCustomerContractParams extends SaveCustomerContractParams {
+  id: string;
+}
+
+export interface CustomerContractTableParams extends TableQueryParams {
+  sourceId: string; // 客户ID
+  searchType?: CustomerSearchTypeEnum;
+}
+
+export interface CustomerContractListItem {
+  id: string;
+  createUser: string;
+  updateUser: string;
+  createTime: number;
+  updateTime: number;
+  customerId: string;
+  owner: string;
+  ownerName: string;
+  name: string;
+  enable: boolean; // 是否启用
+  disableReason: string; // 停用原因
+  organizationId: string;
+  departmentId: string;
+  departmentName: string;
+  customerName: string;
+  createUserName: string;
+  updateUserName: string;
+  moduleFields: ModuleField[];
+  phone: string; // 联系电话
+}
+
+export interface Condition {
+  column: string;
+  operator: string;
+  value: string;
+}
+
+export interface RecycleRule {
+  operator: string; // 操作符
+  conditions: Condition[]; // 规则条件集合
+}
+
+export interface PickRule {
+  limitOnNumber: boolean; // 是否限制每日领取数量
+  pickNumber: number; // 领取数量
+  limitPreOwner: boolean; // 是否限制前归属人领取
+  pickIntervalDays: number; // 领取间隔天数
+}
+
+export interface SaveCustomerOpenSeaParams {
+  name: string;
+  scopeIds: string[]; // 范围ID集合
+  ownerIds: string[]; // 管理员ID集合
+  enable: boolean;
+  auto: boolean; // 是否自动回收
+  pickRule: PickRule; // 领取规则
+  recycleRule: RecycleRule; // 回收规则
+}
+
+export interface UpdateCustomerOpenSeaParams extends SaveCustomerOpenSeaParams {
+  id: string;
+}
+
+export interface Member {
+  id: string;
+  scope: string;
+  name: string;
+}
+
+export interface CustomerOpenSeaListItem {
+  id: string;
+  createUser: string;
+  updateUser: string;
+  createTime: number;
+  updateTime: number;
+  organizationId: string;
+  name: string;
+  scopeId: string;
+  ownerId: string;
+  enable: boolean;
+  auto: boolean;
+  members: Member[];
+  owners: Member[];
+  createUserName: string;
+  updateUserName: string;
+  pickRule: PickRule;
+  recycleRule: RecycleRule;
+}
+
+export type FollowDetailItemType<T> = T;
+
+// 跟进详情(跟进记录|跟进计划)
+export type FollowDetailItem = FollowDetailItemType<CustomerFollowRecordListItem | CustomerFollowPlanListItem>;
+
+export interface TransferParams {
+  ids?: (string | number)[];
+  owner: string | null; // 负责人
+  [key: string]: any;
+}
+
+export interface PickOpenSeaCustomerParams {
+  customerId: string;
+  poolId: string | number;
+}
+
+export interface BatchOperationOpenSeaCustomerParams {
+  batchIds: (string | number)[];
+  poolId?: string | number;
+}
+
+export interface BatchAssignOpenSeaCustomerParams extends BatchOperationOpenSeaCustomerParams {
+  assignUserId: string;
+}
+
+export interface AssignOpenSeaCustomerParams {
+  customerId: string;
+  assignUserId: string;
+}
+
+export interface OpenSeaCustomerTableParams extends TableQueryParams {
+  poolId: string;
+}
+
+export interface HeaderHistoryItem {
+  id: string;
+  customerId: string; // 客户id
+  owner: string; // 责任人
+  collectionTime: number; // 领取时间
+  endTime: number; // 结束时间
+  operator: string; // 操作人
+  operatorName: string; // 操作人名称
+  ownerName: string; // 责任人名称
+  departmentId: string;
+  departmentName: string;
+}
+
+export type RelationType = 'GROUP' | 'SUBSIDIARY';
+export interface RelationItem {
+  customerId: string | number;
+  relationType: RelationType;
+}
+
+export interface RelationListItem extends RelationItem {
+  id: string | number;
+  customerName: string;
+}
+
+export type CollaborationType = 'READ_ONLY' | 'COLLABORATION';
+
+export interface UpdateCustomerCollaborationParams {
+  id: string;
+  collaborationType: CollaborationType;
+}
+
+export interface AddCustomerCollaborationParams {
+  customerId: string;
+  userId: string;
+  collaborationType: CollaborationType;
+}
+
+export interface CollaborationItem {
+  id: string;
+  createUser: string;
+  updateUser: string;
+  createTime: number;
+  updateTime: number;
+  userId: string;
+  customerId: string;
+  collaborationType: CollaborationType;
+  userName: string;
+  createUserName: string;
+  updateUserName: string;
+  departmentId: string;
+  departmentName: string;
+}
+
+export interface AddCustomerRelationItemParams {
+  customerId: string;
+  relationType: string;
+}
+
+export interface UpdateCustomerRelationItemParams extends AddCustomerRelationItemParams {
+  id: string;
+}
+
+export interface CustomerOptionsItem {
+  id: string | number;
+  name: string;
+  editable: boolean; // 是否可编辑
+}
+
+export interface CustomerTabHidden {
+  all: boolean; // 是否显示所有数据tab
+  dept: boolean; // 是否显示部门数据tab
+}
+
+export interface UpdateFollowPlanStatusParams {
+  id: string;
+  status: StatusTagKey;
+}
+
+export interface MoveToPublicPoolParams {
+  id: string | number;
+  reasonId?: string | null;
+}
+
+export interface BatchMoveToPublicPoolParams {
+  ids: (string | number)[];
+  reasonId?: string | null;
+}
+
+export interface PoolTableExportParams extends TableExportParams {
+  poolId?: string;
+}
+
+export interface BatchUpdatePoolAccountParams {
+  ids: (string | number)[];
+  fieldId: string | null;
+  fieldValue: any;
+}
+
+export interface MergeAccountParams {
+  mergeIds: string[]; // 合并客户ids
+  toMergeId: string | null; // 合并目标客户id
+  ownerId: string | null;
+}
+
+export interface CustomerInvoiceStatistic {
+  contractAmount: number;
+  uninvoicedAmount: number;
+  invoicedAmount: number;
+}
+
+export interface CustomerInvoiceItem {
+  id: string;
+  createUser: string;
+  updateUser: string;
+  createTime: number;
+  updateTime: number;
+  name: string;
+  contractId: string;
+  owner: string;
+  amount: number;
+  invoiceType: string;
+  taxRate: number;
+  businessTitleId: string;
+  approvalStatus: string;
+  organizationId: string;
+  contractName: string;
+  ownerName: string;
+  createUserName: string;
+  updateUserName: string;
+  departmentId: string;
+  departmentName: string;
+  businessTitleName: string;
+  moduleFields: ModuleField[];
+}
+
+export interface CustomerInvoicePageQueryParams extends TableQueryParams {
+  customerId: string;
+}
diff --git a/frontend/packages/lib-shared/models/dashboard.ts b/frontend/packages/lib-shared/models/dashboard.ts
new file mode 100644
index 0000000..26bb92c
--- /dev/null
+++ b/frontend/packages/lib-shared/models/dashboard.ts
@@ -0,0 +1,76 @@
+import type { TableQueryParams } from './common';
+import type { SelectedUsersItem } from './system/module';
+import type { CrmTreeNodeData } from '@cordys/web/src/components/pure/crm-tree/type';
+
+export interface DashboardModuleRenameParams {
+  id: string;
+  name: string;
+}
+
+export interface DashboardAddModuleParams {
+  parentId: string;
+  name: string;
+}
+
+export interface DashboardAddParams {
+  dashboardModuleId: string;
+  resourceUrl: string;
+  scopeIds: string[];
+  name: string;
+  description: string;
+}
+
+export interface DashboardUpdateParams extends DashboardAddParams {
+  id: string;
+}
+
+export interface DashboardRenameParams {
+  dashboardModuleId: string;
+  id: string;
+  name: string;
+}
+
+export interface DashboardTableItem {
+  id: string;
+  createUser: string;
+  updateUser: string;
+  createTime: number;
+  updateTime: number;
+  name: string;
+  resourceUrl: string;
+  dashboardModuleId: string;
+  organizationId: string;
+  pos: number;
+  scopeId: string;
+  description: string;
+}
+
+export interface DashboardTableQueryParams extends TableQueryParams {
+  dashboardModuleIds: string[];
+}
+
+export type DashboardModuleTreeItem = CrmTreeNodeData<{ type: 'MODULE' | 'DASHBOARD'; myCollect: boolean }>;
+
+export interface DashboardDetail {
+  dashboardModuleId: string;
+  members: SelectedUsersItem[];
+  id: string;
+  description: string;
+  dashboardModuleName: string;
+  name: string;
+  scopeId: string;
+  resourceUrl: string;
+}
+
+export interface DashboardDragParams {
+  moveId: string;
+  targetId: string;
+  dashboardModuleId: string;
+  moveMode: string;
+}
+
+export interface DashboardModuleDragParams {
+  dragNodeId: string;
+  dropNodeId: string;
+  dropPosition: number;
+}
diff --git a/frontend/packages/lib-shared/models/home.ts b/frontend/packages/lib-shared/models/home.ts
new file mode 100644
index 0000000..32b9fcb
--- /dev/null
+++ b/frontend/packages/lib-shared/models/home.ts
@@ -0,0 +1,42 @@
+export interface GetHomeStatisticParams {
+  searchType: string;
+  deptIds: string[];
+  userField?: string;
+  timeField?: string;
+  winOrderTimeField?: string; // 赢单维度字段
+  priorPeriodEnable?: boolean;
+}
+
+export interface DimPeriodValue {
+  value: number;
+  priorPeriodCompareRate: number;
+}
+// 跟进商机
+export interface FollowOptStatisticDetail {
+  todayOpportunity: DimPeriodValue;
+  thisWeekOpportunity: DimPeriodValue;
+  thisMonthOpportunity: DimPeriodValue;
+  thisYearOpportunity: DimPeriodValue;
+  thisYearOpportunityAmount: DimPeriodValue;
+  thisMonthOpportunityAmount: DimPeriodValue;
+  thisWeekOpportunityAmount: DimPeriodValue;
+  todayOpportunityAmount: DimPeriodValue;
+}
+// 线索统计
+export interface HomeLeadStatisticDetail {
+  thisYearClue: DimPeriodValue;
+  thisMonthClue: DimPeriodValue;
+  thisWeekClue: DimPeriodValue;
+  todayClue: DimPeriodValue;
+}
+// 赢单统计
+export interface HomeWinOrderDetail {
+  thisYearOpportunity: DimPeriodValue;
+  thisMonthOpportunity: DimPeriodValue;
+  thisWeekOpportunity: DimPeriodValue;
+  todayOpportunity: DimPeriodValue;
+  thisYearOpportunityAmount: DimPeriodValue;
+  thisMonthOpportunityAmount: DimPeriodValue;
+  thisWeekOpportunityAmount: DimPeriodValue;
+  todayOpportunityAmount: DimPeriodValue;
+}
diff --git a/frontend/packages/lib-shared/models/opportunity.ts b/frontend/packages/lib-shared/models/opportunity.ts
new file mode 100644
index 0000000..c35ce2d
--- /dev/null
+++ b/frontend/packages/lib-shared/models/opportunity.ts
@@ -0,0 +1,221 @@
+import type { ModuleField, TableQueryParams } from './common';
+import type { FormDesignConfigDetailParams } from '@lib/shared/models/system/module';
+import { ProcessStatusEnum } from '@lib/shared/enums/process';
+import type { CirculationTypeEnum, CirculationValueTypeEnum } from '@lib/shared/enums/opportunityEnum';
+import type { FormCreateField } from '@cordys/web/src/components/business/crm-form-create/types';
+
+export interface OpportunityItem {
+  id: string; // 商机ID
+  name: string;
+  status: string;
+  opportunityName: string; // 商机名称
+  customerId: string;
+  customerName: string; // 客户名称
+  createUser: string; // 创建人ID
+  updateUser: string; // 更新人ID
+  createTime: number; // 创建时间
+  updateTime: number; // 更新时间
+  createUserName: string; // 创建人名称
+  updateUserName: string; // 更新人名称
+  reservedDays: number; // 归属天数
+  stage: string;
+  stageName: string;
+  lastStage: string;
+  inCustomerPool: boolean;
+  poolId?: string;
+  failureReason: string;
+  hasPermission?: boolean;
+  moduleFields: ModuleField[]; // 自定义字段
+  amount: number; // 金额
+}
+
+export interface SaveOpportunityParams {
+  name: string;
+  customerId: string; // 客户id
+  amount: number; // 金额
+  products: string[]; // 意向产品
+  possible: number; // 可能性
+  contactId: string; // 联系人ID
+  owner: string; // 负责人
+  moduleFields: ModuleField[]; // 自定义字段
+}
+
+export interface UpdateOpportunityParams extends SaveOpportunityParams {
+  id: string;
+}
+
+export interface OpportunityDetail extends OpportunityItem {
+  id: string;
+  name: string;
+  amount: number;
+  possible: number;
+  products: string[];
+  contactId: string;
+  contactName: string;
+  stage: string; // 当前阶段
+  status: string;
+  owner: string;
+  ownerName: string;
+  lastStage: string; // 上一个阶段
+}
+
+export interface UpdateStageParams {
+  id: string;
+  stage: string;
+  // expectedEndTime?: number; // 预计结束时间
+  failureReason?: string | null; // 失败原因
+  voidReason?: string;
+  fields?: ModuleField[];
+}
+
+export interface StageBoardPageQueryParams extends TableQueryParams {
+  board?: boolean; // 是否是看板模式
+}
+
+export interface StageBoardDraggedParams {
+  dragNodeId: string;
+  dropNodeId: string;
+  dropPosition: number;
+  stage: string;
+}
+
+export interface UpdateStageBaseParams {
+  id: string;
+  name: string;
+}
+
+export interface UpdateOpportunityStageParams {
+  rate: string;
+}
+
+export interface UpdateOpportunityStageRollbackParams {
+  afootRollBack: boolean;
+  endRollBack: boolean;
+}
+
+export interface StageBaseParams {
+  name: string;
+  type: 'AFOOT' | 'END';
+  dropPosition: number;
+  targetId: string;
+}
+
+export interface AddOpportunityStageParams extends StageBaseParams {
+  rate: string;
+}
+
+export interface StageConfigBaseItem {
+  id: string;
+  createUser: string;
+  updateUser: string;
+  createTime: number;
+  updateTime: number;
+  name: string;
+  type: 'AFOOT' | 'END';
+  afootRollBack: boolean;
+  endRollBack: boolean;
+  pos: number;
+  organizationId: string;
+}
+
+export interface StageConfigItem extends StageConfigBaseItem {
+  rate: string;
+}
+
+export interface OpportunityStageConfig {
+  stageConfigList: StageConfigItem[];
+  afootRollBack: boolean;
+  endRollBack: boolean;
+  stageHasData: boolean;
+  circulationType: CirculationTypeEnum;
+  advancedConfigs: CirculationSetting[];
+}
+
+export interface QuotationQueryParams extends TableQueryParams {
+  board?: boolean; // 是否是看板模式
+}
+
+export interface QuotationItem {
+  id: string;
+  name: string;
+  approved?: boolean;
+  approvalStatus: ProcessStatusEnum;
+  invalid: boolean;
+  opportunityId: string;
+  opportunityName: string;
+  amount: number;
+  createUser: string;
+  updateUser: string;
+  createTime: number;
+  updateTime: number;
+  createUserName: string;
+  updateUserName: string;
+  moduleFields: ModuleField[];
+  products?: any[];
+}
+
+export interface SaveQuotationParams {
+  name: string;
+  opportunityId: string;
+  amount: number;
+  moduleFields: ModuleField[]; // 自定义字段
+  moduleFormConfigDTO?: FormDesignConfigDetailParams;
+}
+
+export interface UpdateQuotationParams extends SaveQuotationParams {
+  id: string;
+  approvalStatus: ProcessStatusEnum;
+}
+
+export interface ApproveQuotation {
+  id: string;
+  name: string;
+  opportunityId: string;
+  approvalStatus: ProcessStatusEnum;
+  moduleFormConfigDTO?: FormDesignConfigDetailParams;
+  moduleFields: ModuleField[];
+  products: any[];
+}
+
+export interface BatchUpdateQuotationStatusParams {
+  ids: (string | number)[];
+  approvalStatus: ProcessStatusEnum;
+}
+
+export interface BatchVoidQuotationStatusParams {
+  ids: (string | number)[];
+}
+
+export interface BatchOperationResult {
+  success: number;
+  fail: number;
+  skip?: number;
+  errorMessages?: string;
+}
+
+export interface CirculationFieldValueItem {
+  fieldId?: string;
+  fieldValue: any;
+  required: boolean;
+  valueType: CirculationValueTypeEnum;
+  // 前端渲染使用
+  fieldProps?: FormCreateField;
+}
+export interface CirculationFieldTargetItem {
+  targetId: string;
+  enable: boolean;
+  circulationFieldValues: CirculationFieldValueItem[];
+}
+export interface CirculationSetting {
+  originId: string;
+  targets: CirculationFieldTargetItem[];
+  moduleType: string;
+  // 前端渲染使用
+  name?: string;
+  type?: 'AFOOT' | 'END' | string;
+}
+
+export interface SaveCirculationConfigParams {
+  circulationType: CirculationTypeEnum;
+  circulationSettings: CirculationSetting[];
+}
diff --git a/frontend/packages/lib-shared/models/order.ts b/frontend/packages/lib-shared/models/order.ts
new file mode 100644
index 0000000..69805db
--- /dev/null
+++ b/frontend/packages/lib-shared/models/order.ts
@@ -0,0 +1,47 @@
+import type { ModuleField } from './common';
+import type { FormDesignConfigDetailParams } from '@lib/shared/models/system/module';
+import { ProcessStatusEnum } from '@lib/shared/enums/process';
+
+export interface SaveOrderParams {
+  name: string;
+  customerId: string; // 客户id
+  contractId: string; 
+  amount?: number; // 金额
+  owner: string; // 负责人
+  moduleFields?: ModuleField[]; // 自定义字段
+  moduleFormConfigDTO?: FormDesignConfigDetailParams;
+}
+
+export interface UpdateOrderParams extends SaveOrderParams {
+  id: string;
+}
+
+export interface OrderItem {
+  id: string;
+  name: string;
+  approved?: boolean;
+  contractName: string;
+  contractId: string;
+  moduleFields: ModuleField[]; // 自定义字段
+  createUser: string;
+  updateUser: string;
+  customerId: string;
+  owner: string;
+  number: string;
+  stage: string;
+  approvalStatus: ProcessStatusEnum;
+  stageName: string;
+  organizationId: string;
+  customerName: string;
+  createUserName: string;
+  updateUserName: string;
+  departmentId: string;
+  departmentName: string;
+  createTime:number;
+  updateTime:number;
+  amount:number;
+  inCustomerPool: boolean;
+  poolId: string;
+  optionMap?: Record<string, any>;
+  attachmentMap?: Record<string, any>;
+}
diff --git a/frontend/packages/lib-shared/models/product.ts b/frontend/packages/lib-shared/models/product.ts
new file mode 100644
index 0000000..8d6087d
--- /dev/null
+++ b/frontend/packages/lib-shared/models/product.ts
@@ -0,0 +1,33 @@
+import type { ModuleField } from './common';
+
+export interface ProductListItem {
+  id: string;
+  name: string;
+  status: string;
+  price: number;
+  createUser: string;
+  updateUser: string;
+  createTime: number;
+  updateTime: number;
+  createUserName: string;
+  updateUserName: string;
+  moduleFields: ModuleField[];
+}
+
+export interface SaveProductParams {
+  name: string;
+  moduleFields: ModuleField[];
+}
+
+export interface UpdateProductParams extends SaveProductParams {
+  id: string;
+}
+
+export interface UpdatePriceParams extends SaveProductParams {
+  id: string;
+  status: boolean;
+}
+
+export interface AddPriceParams extends SaveProductParams {
+  status: boolean;
+}
diff --git a/frontend/packages/lib-shared/models/system/authorizedManagement.ts b/frontend/packages/lib-shared/models/system/authorizedManagement.ts
new file mode 100644
index 0000000..260395a
--- /dev/null
+++ b/frontend/packages/lib-shared/models/system/authorizedManagement.ts
@@ -0,0 +1,9 @@
+export interface LicenseInfo {
+  status: string | null;
+  corporation: string; // 客户名称
+  expired: string; // 授权时间
+  product: string; // 产品名称
+  edition: string; // 版本
+  licenseVersion: string; // 授权版本
+  count: number; // 授权数量
+}
diff --git a/frontend/packages/lib-shared/models/system/business.ts b/frontend/packages/lib-shared/models/system/business.ts
new file mode 100644
index 0000000..97131a3
--- /dev/null
+++ b/frontend/packages/lib-shared/models/system/business.ts
@@ -0,0 +1,292 @@
+import type { CompanyTypeEnum } from '../../enums/commonEnum';
+import type { TableQueryParams } from '../common';
+import { PersonalExportStatusEnum } from '@lib/shared/enums/systemEnum';
+
+// 邮件设置
+export interface ConfigEmailParams {
+  host: string; // SMTP 主机
+  port: string; // SMTP 端口
+  account: string; // SMTP 账号
+  password: string; // SMTP 密码
+  from: string; // 指定发件人
+  recipient: string; // 指定收件人
+  ssl: string; // SSL 开关
+  tsl: string; // TSL 开关
+}
+
+// 三方扫码登录配置基础类型
+export interface ThirdPartyBaseLoginConfig { 
+  agentId: string;
+  appSecret: string;
+  corpId: string;
+  startEnable: boolean;
+}
+// 钉钉扫码登录配置类型
+export interface ThirdPartyDingTalkLoginConfig extends ThirdPartyBaseLoginConfig { 
+  appId: string;
+}
+
+// 飞书扫码登录配置类型
+export interface ThirdPartyLarkLoginConfig extends ThirdPartyBaseLoginConfig { 
+  redirectUrl: string;
+}
+
+// DE配置类型
+export interface ThirdPartyDEConfig {
+  agentId:string;
+  appSecret:string;
+  deAccessKey:string;
+  deAutoSync: boolean;
+  deBoardEnable: boolean;
+  deOrgID: string;
+  deSecretKey: string;
+  redirectUrl: string;
+}
+// sql智能体配置类型
+export interface ThirdPartySQLBotConfig {
+  appSecret:string;
+  sqlBotChatEnable: boolean;
+  sqlBotBoardEnable: boolean;
+}
+// maxKB配置类型
+export interface ThirdPartyMKConfig {
+  appSecret:string;
+  mkAddress: string;
+  mkEnable: boolean;
+} 
+// 大单网配置类型
+export interface ThirdPartyTenderConfig {
+  tenderAddress:string;
+  tenderEnable:boolean;
+}
+// 企查查配置类型
+export interface ThirdPartyQccConfig{
+  qccAddress:string;
+  qccAccessKey:string;
+  qccSecretKey:string;
+  qccEnable:boolean;
+}
+
+export interface ThirdPartyResourceConfig{
+  type: CompanyTypeEnum;
+  verify: boolean;
+  config: Record<string, any>;
+}
+
+// 同步组织和扫码登录数据类型
+export interface SyncAndScanItem extends ThirdPartyResourceConfig {
+  title: string;
+  description: string;
+  logo: string;
+  hasConfig: boolean;
+}
+
+export interface ThirdPartyResource {
+  id: string;
+  createUser: string;
+  updateUser: string;
+  createTime: number;
+  updateTime: number;
+  type: string;
+  organizationId: string;
+  sync: boolean;
+  syncResource: CompanyTypeEnum;
+  enable: boolean;
+}
+
+export interface DEOrgItem {
+  id: string;
+  name: string;
+}
+
+// 同步组织和扫码卡片数据类型
+export interface IntegrationItem extends ThirdPartyResourceConfig {
+  type: CompanyTypeEnum; // 类型
+  title: string;
+  description: string;
+  logo: string;
+  hasConfig: boolean;
+}
+
+// 三方类型集合设置
+export interface OptionDTO {
+  id: string; // key
+  name: string; // value
+}
+
+// 认证设置
+export interface Auth {
+  description: string; // 描述
+  name: string; // 名称
+  type: string; // 类型 OAUTH2, LDAP, OIDC, CAS
+  enable: boolean; // 是否启用
+}
+
+export interface AuthForm extends Auth {
+  id?: string; // 认证源ID
+  configuration: Record<string, any>;
+}
+
+export interface AuthUpdateParams extends Auth {
+  id?: string; // 认证源ID
+  configuration: string; // 认证源配置
+}
+
+export interface AuthItem extends Auth {
+  id: string; // ID
+  createUser: string; // 创建人
+  updateUser: string; // 修改人
+  createTime: number; // 创建时间
+  updateTime: number; // 更新时间
+  configId: string; // 配置id
+  content: string; // 配置内容
+}
+
+export interface AuthTableQueryParams extends TableQueryParams {
+  configId: string; // 认证设置id
+}
+
+// 个人中心
+export interface PersonalInfoRequest {
+  email: string;
+  phone: string;
+}
+
+export interface PersonalPassword {
+  originPassword: string;
+  password: string;
+  confirmPassword: string;
+}
+
+export interface SendEmailDTO {
+  email: string;
+}
+
+export interface RepeatClueParams extends TableQueryParams {
+  name: string;
+  id?: string;
+}
+
+export interface RepeatCustomerItem {
+  id: string;
+  name: string;
+  owner: string;
+  ownerName: string;
+  createTime: number;
+  repeatType: string;
+  clueCount: number;
+  clueModuleEnable: boolean;
+  opportunityCount: number;
+  opportunityModuleEnable: boolean;
+}
+
+export interface RepeatContactItem {
+  id: string;
+  name: string;
+  customerName: string;
+  ownerName: string;
+  createTime: number;
+  phone: string;
+  enable: boolean;
+  opportunityCount: number;
+}
+
+export interface RepeatClueItem {
+  id: string;
+  name: string;
+  owner: string;
+  stage: string;
+  ownerName: string;
+  contact: string;
+  phone: string;
+}
+
+export interface RepeatOpportunityItem {
+  id: string;
+  name: string;
+  customerId: string;
+  customerName: string;
+  stage: string;
+  products: string[];
+  productNames: string[];
+  owner: string;
+  ownerName: string;
+  productNameList: string[];
+}
+
+export interface ExportCenterListParams {
+  keyword: string;
+  exportType: string;
+  exportStatus: string;
+}
+
+export interface ExportCenterItem {
+  id: string;
+  createUser: string;
+  updateUser: string;
+  createTime: number;
+  updateTime: number;
+  fileName: string;
+  resourceType: string;
+  fileId: string;
+  status: PersonalExportStatusEnum;
+  organizationId: string;
+}
+
+export interface ApiKey {
+  id: string;
+  createUser: string;
+  accessKey: string;
+  secretKey: string;
+  createTime: number;
+  enable: boolean;
+  forever: boolean;
+  expireTime: number;
+  description: string;
+}
+
+export interface ApiKeyItem extends ApiKey {
+  isExpire: boolean;
+  desensitization: boolean;
+  showDescInput: boolean;
+}
+
+export interface DefaultTimeForm {
+  activeTimeType: string;
+  time?: number;
+  desc: string;
+}
+
+export interface UpdateApiKeyParams {
+  id: string;
+  forever?: boolean;
+  expireTime?: number;
+  description: string;
+}
+
+interface ParamItem {
+  paramKey: string; // 参数的 key
+  paramValue: string; // 参数的值
+  type: string; // 参数类型，一般是 string
+}
+
+// 保存基础信息、邮箱信息接口入参
+export type SaveInfoParams = ParamItem[];
+
+// 界面设置
+export interface SavePageConfigParams {
+  fileList: (File | undefined)[];
+  request: (Record<string, any> | undefined)[];
+}
+
+interface FileParamItem extends ParamItem {
+  file: string;
+  fileName: string;
+}
+
+// 页面配置返回参数
+export type PageConfigReturns = FileParamItem[];
+
+
+
+
diff --git a/frontend/packages/lib-shared/models/system/log.ts b/frontend/packages/lib-shared/models/system/log.ts
new file mode 100644
index 0000000..a951d40
--- /dev/null
+++ b/frontend/packages/lib-shared/models/system/log.ts
@@ -0,0 +1,46 @@
+import type { TableQueryParams } from '../common';
+
+export interface LoginLogParams extends TableQueryParams {
+  operator: string | null;
+  startTime?: number;
+  endTime?: number;
+}
+
+export interface LoginLogItem {
+  id: string;
+  createTime: number;
+  operator: string;
+  loginAddress: string;
+  platform: 'WEB' | 'MOBILE'; // 平台,WEB\MOBILE
+  operatorName: string;
+}
+
+export interface OperationLogParams extends LoginLogParams {
+  type?: string | null;
+  module?: string | null;
+}
+
+export interface OperationLogItem {
+  id: string;
+  operator: string;
+  operatorName: string;
+  createTime: number;
+  module: string;
+  type: string;
+  resourceName: string;
+  detail: string;
+}
+
+export interface OperationLogDetailDiffItem {
+  column: string;
+  oldValue: string;
+  newValue: string;
+  columnName: string;
+  oldValueName: string | number;
+  newValueName: string | number;
+  type: string;
+}
+
+export interface OperationLogDetail extends OperationLogItem {
+  diffs?: OperationLogDetailDiffItem[];
+}
diff --git a/frontend/packages/lib-shared/models/system/login.ts b/frontend/packages/lib-shared/models/system/login.ts
new file mode 100644
index 0000000..a4b4b78
--- /dev/null
+++ b/frontend/packages/lib-shared/models/system/login.ts
@@ -0,0 +1,7 @@
+export interface LoginParams {
+  username: string;
+  password: string;
+  authenticate: string;
+  loginAddress?: string;
+  platform: 'WEB' | 'MOBILE'; // 平台,WEB\MOBILE
+}
diff --git a/frontend/packages/lib-shared/models/system/message.ts b/frontend/packages/lib-shared/models/system/message.ts
new file mode 100644
index 0000000..ea5beb5
--- /dev/null
+++ b/frontend/packages/lib-shared/models/system/message.ts
@@ -0,0 +1,120 @@
+import type { TableQueryParams } from '../common';
+import { SelectedUsersItem } from '@lib/shared/models/system/module';
+
+export interface AnnouncementSaveParams {
+  id?: string;
+  subject: string; // 公告标题
+  content: string;
+  startTime: number;
+  endTime: number;
+  url: string; // 链接
+  organizationId: string;
+  deptIds: string[];
+  userIds: string[];
+  renameUrl: string;
+  range: [number, number] | undefined;
+  ownerIds: SelectedUsersItem[];
+}
+
+export interface AnnouncementTableQueryParams extends TableQueryParams {
+  organizationId: string;
+}
+
+export interface AnnouncementItemDetail {
+  id: string;
+  createUser: string;
+  updateUser: string;
+  createTime: number;
+  updateTime: number;
+  subject: string; // 公告标题
+  content: string; // 公告内容
+  startTime: number; // 公告开始时间
+  endTime: number; // 公告结束时间
+  url: string; // 公告链接
+  receiver: string; // 接收人
+  organizationId: string; // 组织ID
+  notice: boolean; // 是否为通知公告
+  receiveType: string; // 接收类型
+  contentText: string; // 公告文本内容
+  createUserName: string;
+  updateUserName: string;
+  renameUrl: string;
+  deptIdName: SelectedUsersItem[]; // 部门
+  userIdName: SelectedUsersItem[]; // 用户
+}
+
+export interface MessageTaskDetailDTOItem {
+  event: string;
+  eventName: string;
+  sysEnable: boolean;
+  emailEnable: boolean;
+  weComEnable: boolean;
+  dingTalkEnable: boolean;
+  larkEnable: boolean;
+}
+
+export interface MessageConfigItem extends MessageTaskDetailDTOItem {
+  id: string;
+  module: string; // 消息配置功能
+  moduleName: string; // 消息配置功能名称
+  messageTaskDetailDTOList: MessageTaskDetailDTOItem[];
+}
+
+export interface MessageSettingsConfig {
+  timeList: {
+    timeValue: number;
+    timeUnit: string;
+  }[];
+  userIds: string[];
+  roleIds: string[];
+  ownerEnable: boolean;
+  ownerLevel: number;
+  roleEnable: boolean;
+  userIdNames: { id: string; name: string }[];
+  roleIdNames: { id: string; name: string }[];
+}
+
+
+export interface SaveMessageConfigParams {
+  module: string;
+  event: string;
+  emailEnable?: boolean;
+  sysEnable?: boolean;
+  weComEnable?: boolean;
+  dingTalkEnable?: boolean;
+  larkEnable?: boolean;
+  config?:MessageSettingsConfig;
+}
+
+export interface MessageCenterItem {
+  id: string;
+  type: string; // 通知类型
+  receiver: string;
+  subject: string;
+  status: string;
+  operator: string;
+  operation: string;
+  organizationId: string;
+  resourceId: string;
+  resourceType: string; // 资源类型
+  resourceName: string; // 资源名称
+  content: string; // 通知内容
+  createUser: string;
+  updateUser: string;
+  createTime: number;
+  updateTime: number;
+  contentText: string;
+}
+
+export interface MessageCenterQueryParams extends TableQueryParams {
+  type: string;
+  status: string;
+  resourceType: string;
+  createTime: number | null;
+  endTime: number | null;
+}
+
+export type MessageCenterSubsetParams = Pick<
+  MessageCenterQueryParams,
+  'type' | 'status' | 'resourceType' | 'createTime' | 'endTime'
+>;
diff --git a/frontend/packages/lib-shared/models/system/module.ts b/frontend/packages/lib-shared/models/system/module.ts
new file mode 100644
index 0000000..55d8daa
--- /dev/null
+++ b/frontend/packages/lib-shared/models/system/module.ts
@@ -0,0 +1,274 @@
+import type { FormDesignKeyEnum, FormLinkScenarioEnum } from '../../enums/formDesignEnum';
+import type { ModuleField, TableQueryParams } from '../common';
+import type { FormCreateField } from '@cordys/web/src/components/business/crm-form-create/types';
+import { MemberSelectTypeEnum, ReasonTypeEnum } from '@lib/shared/enums/moduleEnum';
+
+export interface ModuleNavCommon {
+  id?: string;
+  createUser?: string;
+  updateUser?: string;
+  createTime?: number;
+  updateTime?: number;
+  organizationId?: string;
+  enable: boolean;
+  pos?: number;
+}
+
+// 模块首页-导航模块列表
+export interface ModuleNavBaseInfoItem extends ModuleNavCommon {
+  moduleKey: string;
+  disabled?: boolean;
+}
+
+// 顶部导航配置
+export interface ModuleNavTopItem extends ModuleNavCommon {
+  navigationKey: string;
+}
+
+export interface ModuleNavItem extends ModuleNavBaseInfoItem {
+  icon: string;
+  key: string;
+  label: string;
+}
+
+// 模块首页-导航模块排序入参
+export interface ModuleSortParams {
+  start: number;
+  end: number;
+  dragModuleId: string; // 拖拽模块ID
+}
+
+export interface SelectedUsersItem {
+  id: string; // ID
+  scope?: MemberSelectTypeEnum; // 范围
+  name: string; // 名称
+  disabled?: boolean;
+}
+
+export interface ModuleConditionsItem {
+  column: string;
+  operator: string;
+  value: string;
+  scope?: string[];
+}
+
+export interface OpportunityBaseInfoItem {
+  name: string;
+  enable: boolean;
+  operator: string; // 操作符
+  auto: boolean; // 自动回收
+}
+
+// 模块商机列表
+export interface OpportunityItem extends OpportunityBaseInfoItem {
+  id: string;
+  organizationId: string;
+  ownerId: string; // 管理员ID
+  scopeId: string; // 范围ID
+  condition: string; // 回收条件
+  createUser: string;
+  updateUser: string;
+  createTime: number;
+  updateTime: number;
+  members: SelectedUsersItem[]; // 成员集合
+  owners: SelectedUsersItem[]; // 管理员集合
+  createUserName: string;
+  updateUserName: string;
+}
+
+// 模块商机详情
+export interface OpportunityDetail extends OpportunityBaseInfoItem {
+  id?: string;
+  conditions: ModuleConditionsItem[]; // 规则条件集合
+}
+
+export interface OpportunityParams extends OpportunityDetail {
+  scopeIds: string[];
+  ownerIds: string[];
+}
+
+// 线索池领取规则
+export interface CluePoolPickRuleParams {
+  limitOnNumber: boolean; // 是否限制领取数量
+  pickNumber?: number; // 领取数量
+  limitPreOwner: boolean; // 是否限制前归属人领取
+  pickIntervalDays?: number; // 领取间隔天数
+  limitNew: boolean; // 是否限制新数据领取
+  newPickInterval?: number; // 新数据领取间隔天数
+}
+
+// 线索池回收规则
+export interface CluePoolRecycleRuleParams {
+  operator: string; // 操作符
+  conditions: ModuleConditionsItem[]; // 规则条件集合
+}
+
+// 编辑线索池请求参数
+export interface CluePoolParams {
+  id?: string; // ID
+  name: string; // 线索池名称
+  scopeIds: string[]; // 范围ID集合
+  ownerIds: string[]; // 管理员ID集合
+  enable: boolean; // 启用/禁用
+  auto: boolean; // 自动回收
+  pickRule: CluePoolPickRuleParams; // 领取规则
+  recycleRule: CluePoolRecycleRuleParams; // 回收规则
+  hiddenFieldIds: string[]; // 隐藏的表格字段
+}
+
+export interface CluePoolForm extends Omit<CluePoolParams, 'scopeIds' | 'ownerIds'> {
+  adminIds: SelectedUsersItem[];
+  userIds: SelectedUsersItem[]; // 成员ID
+  hiddenFieldIds: string[]; // 隐藏的表格字段
+}
+
+// 线索池列表项
+export interface CluePoolItem {
+  id: string;
+  createUser: string;
+  updateUser: string;
+  updateUserName: string;
+  createTime: number;
+  updateTime: number;
+  name: string;
+  scopeId: string;
+  organizationId: string;
+  ownerId: string;
+  enable: boolean;
+  auto: boolean;
+  members: SelectedUsersItem[];
+  owners: SelectedUsersItem[];
+  pickRule: CluePoolPickRuleParams; // 领取规则
+  recycleRule: CluePoolRecycleRuleParams; // 回收规则
+  fieldConfigs: {
+    editable: boolean;
+    enable: boolean;
+    fieldId: string;
+    fieldName: string;
+  }[]; // 隐藏的表格字段
+}
+
+// 库容参数
+export interface CapacityParams {
+  scopeIds: string[]; // 范围ID集合
+  capacity?: number; // 容量
+}
+
+// 库容列表项
+export interface CapacityItem {
+  id: string;
+  createUser: string;
+  updateUser: string;
+  createTime: number;
+  updateTime: number;
+  organizationId: string;
+  scopeId: string;
+  capacity: number;
+  members: SelectedUsersItem[];
+  filters?: { column: 'string'; operator: 'string'; value: 'string' }[];
+}
+
+// 表单设计保存参数
+export type FormFooterDirection = 'flex-row' | 'flex-row-reverse' | 'justify-center';
+export interface FormActionButton {
+  text: string;
+  enable: boolean;
+}
+export interface FormFieldLinkItem {
+  current: string;
+  link: string;
+  enable: boolean;
+}
+export interface FormConfigLinkScenarioItem {
+  key: FormLinkScenarioEnum;
+  linkFields: FormFieldLinkItem[];
+}
+export type FormConfigLinkProp = Partial<Record<FormDesignKeyEnum, FormConfigLinkScenarioItem[]>>;
+export type FormViewSize = 'small' | 'medium' | 'large';
+export interface FormConfig {
+  layout: number;
+  labelPos: 'left' | 'top';
+  inputWidth: 'custom' | 'full';
+  optBtnContent: FormActionButton[];
+  optBtnPos: FormFooterDirection;
+  viewSize?: FormViewSize;
+  linkProp?: FormConfigLinkProp;
+}
+
+export interface SaveFormDesignConfigParams {
+  formKey: FormDesignKeyEnum;
+  fields: FormCreateField[];
+  formProp: FormConfig;
+}
+
+export interface FormDesignConfigDetailParams {
+  fields: FormCreateField[];
+  formProp: FormConfig;
+}
+
+export interface FormDesignDataSourceTableQueryParams extends TableQueryParams {
+  field: string;
+}
+
+export interface ReasonParams {
+  id?: string;
+  name: string;
+  module: ReasonTypeEnum;
+}
+
+export interface UpdateReasonEnableParams {
+  module: ReasonTypeEnum;
+  enable: boolean;
+}
+
+export interface ReasonItem {
+  id: string;
+  createUser: string;
+  updateUser: string;
+  createTime: number;
+  updateTime: number;
+  name: string;
+  module: ReasonTypeEnum;
+  type: string;
+  organizationId: string;
+}
+
+export interface ReasonConfig {
+  enable: boolean;
+  dictList: ReasonItem[];
+}
+
+export interface SortReasonParams {
+  dragDictId: string; // 拖拽元素id
+  start: number; // 排序前
+  end: number; // 排序后
+}
+
+export interface DefaultSearchSetFormModel {
+  searchFields: Record<string, any>;
+  resultDisplay: boolean;
+  sortSetting: string[];
+}
+
+export interface CheckRepeatParams {
+  id: string;
+  value: string;
+  formKey: string;
+}
+
+export interface CheckRepeatInfo {
+  repeat: boolean;
+  name: string;
+}
+
+export interface GetRefDataSourceFieldParams {
+  sourceIds: string[];
+  dataSourceType: string;
+}
+
+export interface RefDataSourceFieldItem {
+  id: string;
+  moduleFields: ModuleField[];
+  optionMap?: Record<string, any[]>;
+  [key: string]: any;
+}
diff --git a/frontend/packages/lib-shared/models/system/org.ts b/frontend/packages/lib-shared/models/system/org.ts
new file mode 100644
index 0000000..de7b4af
--- /dev/null
+++ b/frontend/packages/lib-shared/models/system/org.ts
@@ -0,0 +1,109 @@
+import type { TableQueryParams } from '../common';
+import { UserInfo } from '../user';
+import { SelectedUsersItem } from '@lib/shared/models/system/module';
+
+// 添加部门
+export interface DepartmentItemParams {
+  name: string;
+  parentId: string;
+}
+
+export interface UpdateDepartmentItemParams {
+  name: string;
+  id: string;
+}
+
+// 设置部门负责人
+export interface SetCommanderParams {
+  departmentId: string;
+  commanderId: string | null;
+}
+
+export interface SetCommanderForm extends SetCommanderParams {
+  ownerIds: SelectedUsersItem[];
+}
+
+export interface MemberRoleItem {
+  id: string;
+  name: string;
+  userId: string;
+}
+
+export interface UserTableQueryParams extends TableQueryParams {
+  departmentId?: string;
+}
+
+export interface BaseMemberInfo {
+  phone: string;
+  gender: boolean; // 性别(false-男/true-女)
+  email: string;
+  name: string;
+  departmentId: string | null;
+  position: string; // 职位
+  employeeId: string; // 工号
+  employeeType: string | null; // 员工类型
+  supervisorId: string | null; // 直属上级
+  workCity: string | null; // 工作城市
+  enable: boolean; // 是否启用
+  roleIds: string[]; // 角色
+  userGroupIds: string[]; // 用户组
+  onboardingDate: number | null; // 入职日期
+}
+
+export interface MemberItem extends BaseMemberInfo {
+  id: string;
+  userId: string; // 用户ID
+  userName: string;
+  organizationId: string;
+  roles: MemberRoleItem[];
+  userGroups: MemberRoleItem[];
+  createUser: string;
+  createUserName: string;
+  updateUser: string;
+  updateUserName: string;
+  createTime: number;
+  updateTime: number;
+  departmentName: string;
+  supervisorName: string; // 直属上级名称
+  commander: boolean; // 是否是负责人
+}
+
+export interface MemberParams extends BaseMemberInfo {
+  id?: string;
+  userName: string;
+  roles: {
+    id: string;
+    name: string;
+    userId: string;
+  }[];
+}
+
+export interface ErrorMessagesType {
+  rowNum: number;
+  errMsg: string;
+}
+
+// 导入校验信息
+export interface ValidateInfo {
+  failCount: number;
+  successCount: number;
+  errorMessages: ErrorMessagesType[];
+}
+
+export interface OrgUserInfo extends Omit<UserInfo, 'roles'> {
+  userId: string;
+  userName: string;
+  departmentName: string;
+  roles: MemberRoleItem[];
+}
+
+export interface DragNodeParams {
+  dragNodeId: string;
+  dropNodeId: string;
+  dropPosition: -1 | 0 | 1; // -1：dropNodeId节点之前。 1：dropNodeId节点后） 0：dropNodeId节点内）
+}
+
+export interface DEToken {
+  url: string;
+  token: string;
+}
diff --git a/frontend/packages/lib-shared/models/system/process.ts b/frontend/packages/lib-shared/models/system/process.ts
new file mode 100644
index 0000000..2cc497e
--- /dev/null
+++ b/frontend/packages/lib-shared/models/system/process.ts
@@ -0,0 +1,352 @@
+import {
+  ApprovalLevelDirectionEnum,
+  ApprovalOperationEnum,
+  ApprovalTypeEnum,
+  ApproverTypeEnum,
+  ProcessStatusEnum,
+  type ApprovalResourceTypeEnum,
+} from '@lib/shared/enums/process';
+import { RequestEnum } from '@lib/shared/enums/httpEnum';
+import type { SelectedUsersItem } from './module';
+import type { OptionDTO } from './business';
+import type { FilterForm } from '@cordys/web/src/components/pure/crm-advance-filter/type';
+import type { UserInfo } from '@lib/shared/models/user';
+import {
+  ApprovalFieldPermissionModeEnum,
+  ApprovalNodeTypeEnum,
+  EmptyApproverActionEnum,
+  MultiApproverModeEnum,
+  SameSubmitterActionEnum,
+} from '@lib/shared/enums/process';
+import type { ActionNode, ConditionBranch } from '@cordys/web/src/components/business/crm-flow/types';
+import type { TableQueryParams } from '../common';
+import type { AttachmentInfo } from '@cordys/web/src/components/business/crm-form-create/types';
+
+export interface BaseItem {
+  id: string;
+  name: string;
+}
+
+// 权限项
+export interface PermissionItem {
+  id: string;
+  name: string;
+  enabled: boolean;
+}
+
+// 审批流程基本信息接口
+export interface ApprovalProcessItem extends BaseItem {
+  number: string;
+  formType: string;
+  createExecute: boolean;
+  updateExecute: boolean;
+  deleteExecute: boolean;
+  enable: boolean;
+  submitterCanRevoke: boolean;
+  allowBatchProcess: boolean;
+  allowWithdraw: boolean;
+  allowAddSign: boolean;
+  duplicateApproverRule: string;
+  requireComment: boolean;
+  organizationId: string;
+  createUserName: string;
+  createUser: string;
+  updateUser: string;
+  updateUserName: string;
+  createTime: number;
+  updateTime: number;
+}
+
+// 审批权限详情
+export interface ApprovalPermissionsDetail {
+  permissions: PermissionItem[];
+  statusPermissions: StatusPermissions[];
+}
+
+export interface ApprovalFieldPermission {
+  fieldId: string;
+  permissionType: ApprovalFieldPermissionModeEnum;
+}
+
+export interface ApprovalFieldUpdateConfig {
+  fieldId: string | null;
+  fieldValue: any;
+  enable: boolean;
+}
+
+export interface ApprovalWebhookConfig {
+  webHookDescribe: string;
+  webHookEnable: boolean;
+  webHookUrl: string;
+  webHookMethod: RequestEnum;
+  webHookHeader: string;
+  webHookBody: string;
+}
+
+export interface ApprovalPostConfig {
+  fieldUpdateConfigs: ApprovalFieldUpdateConfig[];
+  webHookConfig?: ApprovalWebhookConfig;
+}
+
+// 后端审批流节点的基础结构
+export interface ApprovalProcessNodeBase<TNodeType extends ApprovalNodeTypeEnum> extends BaseItem {
+  nodeType: TNodeType;
+  number?: string;
+  sort: number;
+}
+
+// 审批节点里前后端共用的业务配置
+export interface ApprovalNodeParticipantConfig {
+  approvalType: ApprovalTypeEnum; // 审批类型：人工审批/自动通过/自动拒绝
+  approverType: ApproverTypeEnum | null;
+  approverDirection?: ApprovalLevelDirectionEnum;
+  approverList: string[]; // 审批人配置列表：成员 ID / 角色 ID / 层级等
+  approverSelectOptions?: OptionDTO[]; // 审批人选择项（用于前端回显）
+  multiApproverMode: MultiApproverModeEnum; // 多人审批方式
+  emptyApproverAction: EmptyApproverActionEnum; // 异常处理-审批人为空时动作
+  fallbackApprover: string | null; // 异常处理-兜底审批人
+  fallbackApproverName?: string;
+  sameSubmitterAction: SameSubmitterActionEnum; // 异常处理-审批人与提交人相同时动作
+  ccType: ApproverTypeEnum | null; // 抄送人
+  ccDirection?: ApprovalLevelDirectionEnum;
+  ccList: string[]; // 抄送人配置列表：成员 ID / 角色 ID / 层级等
+  ccSelectOptions?: OptionDTO[]; // 抄送人选择项（用于前端回显）
+  passPostConfig?: ApprovalPostConfig; // 审批通过后配置
+  rejectPostConfig?: ApprovalPostConfig; // 审批驳回后配置
+  fieldPermissions?: ApprovalFieldPermission[]; // 字段权限配置列表
+}
+
+export type ApprovalProcessStartNode = ApprovalProcessNodeBase<ApprovalNodeTypeEnum.START>;
+
+export type ApprovalProcessEndNode = ApprovalProcessNodeBase<ApprovalNodeTypeEnum.END>;
+
+export interface ApprovalProcessApproverNode
+  extends ApprovalProcessNodeBase<ApprovalNodeTypeEnum.APPROVER>,
+    ApprovalNodeParticipantConfig {}
+
+export interface ApprovalProcessConditionNode extends ApprovalProcessNodeBase<ApprovalNodeTypeEnum.CONDITION> {
+  nodeType: ApprovalNodeTypeEnum.CONDITION;
+  conditionConfig?: FilterForm;
+}
+
+export type ApprovalProcessDefaultNode = ApprovalProcessNodeBase<ApprovalNodeTypeEnum.DEFAULT>;
+
+export type ApprovalProcessNode =
+  | ApprovalProcessStartNode
+  | ApprovalProcessEndNode
+  | ApprovalProcessApproverNode
+  | ApprovalProcessConditionNode
+  | ApprovalProcessDefaultNode;
+
+// 审批动作节点（前端审批流图使用）
+export interface ApprovalActionNode extends ActionNode, ApprovalNodeParticipantConfig {
+  approverSelectedList?: SelectedUsersItem[]; // 前端展示用的审批人选中列表
+  emptyApproverSelectedList?: SelectedUsersItem[]; // 异常处理-前端展示用的
+  ccSelectedList?: SelectedUsersItem[]; // 前端展示用的抄送选中列表
+}
+
+// 审批条件分支（前端审批流图使用）
+export interface ApprovalConditionBranch extends ConditionBranch {
+  conditionConfig?: FilterForm;
+}
+
+// 状态权限
+export interface StatusPermissions {
+  approvalStatus: ProcessStatusEnum;
+  permission: string;
+  enabled: boolean;
+}
+
+// 基本表单参数
+export interface BasicFormParams {
+  name: string;
+  formType: string;
+  description: string;
+  createExecute: boolean; // 创建执行
+  updateExecute: boolean; // 更新执行
+  deleteExecute: boolean; // 删除执行
+}
+
+// 更多设置参数
+export interface MoreSettingsParams {
+  submitterCanRevoke: boolean;
+  allowBatchProcess: boolean;
+  allowWithdraw: boolean;
+  allowAddSign: boolean;
+  duplicateApproverRule: string;
+  requireComment: boolean;
+  permissions: BaseItem[];
+  statusPermissions: StatusPermissions[];
+}
+
+export interface ApprovalNodeLinkResponse {
+  id: string;
+  fromNodeId: string;
+  toNodeId: string;
+}
+
+export interface ApprovalFlowNodeConfig {
+  nodes: ApprovalProcessNode[];
+  links: ApprovalNodeLinkResponse[];
+}
+
+export interface AddApprovalProcessParams extends BasicFormParams, MoreSettingsParams {
+  enable: boolean;
+  createNodeConfig?: ApprovalFlowNodeConfig;
+  updateNodeConfig?: ApprovalFlowNodeConfig;
+  deleteNodeConfig?: ApprovalFlowNodeConfig;
+}
+
+export interface UpdateApprovalProcessParams extends AddApprovalProcessParams {
+  id: string;
+}
+
+export interface ApprovalProcessDetail extends UpdateApprovalProcessParams {
+  permissions: PermissionItem[];
+  id: string;
+  number: string;
+  optionMap?: Record<string, any[]>;
+}
+
+export interface ApprovalProcessForm {
+  id: string;
+  enable: boolean;
+  createNodeConfig?: ApprovalFlowNodeConfig;
+  updateNodeConfig?: ApprovalFlowNodeConfig;
+  deleteNodeConfig?: ApprovalFlowNodeConfig;
+  basicConfig: BasicFormParams;
+  moreConfig: MoreSettingsParams;
+}
+
+export interface ApproverItem extends Pick<UserInfo, 'id' | 'name' | 'avatar'> {
+  approveResult: ProcessStatusEnum;
+  approveReason: string;
+}
+
+export interface ApprovalPopoverDetail {
+  resourceId: string;
+  approveStatus: ProcessStatusEnum;
+  approveUserList: ApproverItem[];
+}
+
+export interface CommonApprovalActionParams {
+  resourceId: string;
+  formKey: string;
+}
+
+export interface ApprovalTodoTableParams extends TableQueryParams {
+  resourceName?: string;
+  resourceType: ApprovalResourceTypeEnum;
+}
+
+export interface ApprovalTodoItem {
+  approvalTaskId: string;
+  approvalNodeId: string;
+  approvalInstanceId: string;
+  approvalId: string;
+  approvalFlowId: string;
+  approvalFlowVersionId: string;
+  resourceId: string;
+  resourceName: string;
+  resourceType: ApprovalResourceTypeEnum;
+  applicant: string;
+  submitTime: number;
+  approvalOperation: ApprovalOperationEnum;
+  dataResult: ProcessStatusEnum;
+}
+
+export interface ApprovalOperationParams {
+  id: string;
+  nodeId: string;
+  instanceId: string;
+  approverId: string;
+  comment?: string;
+  attachmentIds: string[];
+  module: string;
+}
+
+export interface ApprovalBackParams extends ApprovalOperationParams {
+  returnToNodeId: string;
+}
+
+export interface ApprovalAddSignParams extends ApprovalOperationParams {
+  type: string;
+  signApprover: string;
+}
+
+export interface BatchRejectApprovalParams {
+  ids: string[];
+  comment: string;
+  attachmentIds: string[];
+}
+
+export interface BatchApprovalParams {
+  ids: string[];
+  comment?: string;
+  attachmentIds: string[];
+}
+
+export interface TodoStatistic {
+  total: number;
+  quotation: number;
+  contract: number;
+  order: number;
+  invoice: number;
+}
+
+export interface ApprovalDetail {
+  id: string;
+  submitterId: string;
+  submitAvatar: string;
+  submitter: string;
+  submitTime: number;
+  comment: string;
+  result: string;
+  approvalStatus: ProcessStatusEnum;
+  currentNodeId: string;
+  currentNodeFieldPermissions: string;
+  nodes: ApprovalNode[];
+}
+
+export interface ApprovalNode {
+  taskId: string;
+  recordId: string;
+  nodeId: string;
+  nodeName: string;
+  endNode: boolean;
+  approverId: string;
+  approver: string;
+  approvalStatus: ProcessStatusEnum;
+  approvalTime: number;
+  comment: string;
+  attachments: AttachmentInfo[];
+  ccNodes: CcNode[];
+  nodeRound: number; // 节点轮次
+  taskNodes: ApprovalNodeTaskNode[];
+  multiApproverMode: MultiApproverModeEnum; // 多人审批方式
+  backNode: boolean; // 是否回退节点
+  backReason: string; // 回退原因
+  backAttachments: AttachmentInfo[]; // 回退附件
+}
+
+export interface ApprovalNodeTaskNode {
+  taskId: string;
+  approverId: string;
+  approver: string;
+  approverAvatar: string;
+  approvalStatus: ProcessStatusEnum;
+  recordId: string;
+  comment: string;
+  attachments: AttachmentInfo[];
+  approvalTime: number;
+  sign: boolean; // 是否加签任务
+  signAction: boolean; // 是否操作加签
+  signComment: string; // 加签备注
+  signAttachments: AttachmentInfo[]; // 加签附件
+}
+
+export interface CcNode {
+  ccUserId: string;
+  ccUserName: string;
+  ccUserAvatar: string;
+}
diff --git a/frontend/packages/lib-shared/models/system/role.ts b/frontend/packages/lib-shared/models/system/role.ts
new file mode 100644
index 0000000..b97434d
--- /dev/null
+++ b/frontend/packages/lib-shared/models/system/role.ts
@@ -0,0 +1,121 @@
+import type { DeptNodeTypeEnum } from '../../enums/systemEnum';
+import type { TableQueryParams } from '../common';
+
+// 角色关联用户分页列表接口参数
+export interface RoleMemberTableQueryParams extends TableQueryParams {
+  roleId?: string;
+}
+
+// 角色关联用户接口参数
+export interface RelateRoleMemberParams {
+  roleId: string;
+  deptIds?: string[];
+  roleIds?: string[];
+  userIds?: string[];
+}
+
+export interface PermissionItem {
+  id: string;
+  name: string;
+  enable: boolean;
+  license: boolean;
+}
+
+// 权限树节点
+export interface PermissionTreeNode {
+  id: string;
+  name: string;
+  license: boolean;
+  enable: boolean;
+  permissions: PermissionItem[];
+  children: PermissionTreeNode[];
+}
+
+export interface RolePermissionItem {
+  id: string;
+  enable: boolean;
+}
+
+export interface Role {
+  name: string;
+  dataScope?: string;
+  deptIds?: string[];
+  description?: string;
+}
+
+export interface RoleCreateParams extends Role {
+  permissions: RolePermissionItem[];
+}
+
+export interface RoleUpdateParams extends Role {
+  id: string;
+  permissions?: RolePermissionItem[];
+}
+
+export interface RoleDetail extends Role {
+  id: string;
+  deptIds: string[];
+  permissions: PermissionTreeNode[];
+}
+
+// 部门用户树成员
+export interface DeptTreeMember {
+  id: string;
+  name: string;
+  parentId: string;
+  organizationId: string;
+}
+
+export type DeptNodeType = DeptNodeTypeEnum;
+// 部门用户树节点
+export interface DeptUserTreeNode {
+  id: string;
+  name: string;
+  parentId: string;
+  organizationId: string;
+  children?: DeptTreeMember[];
+  nodeType?: DeptNodeType;
+  enabled?: boolean; // 是否启用
+}
+
+// 部门树节点
+export interface DeptTreeNode {
+  id: string;
+  name: string;
+  parentId: string;
+  organizationId: string;
+}
+
+// 角色列表项
+export interface RoleItem {
+  id: string;
+  createUser?: string;
+  updateUser?: string;
+  createTime?: number;
+  updateTime?: number;
+  name: string;
+  internal: boolean; // 是否内置
+  dataScope: string;
+  description?: string;
+  organizationId?: string;
+  createUserName?: string;
+  updateUserName?: string;
+  [key: string]: any; // 前端扩展字段
+}
+
+export interface RoleMemberRoleItem {
+  id: string;
+  name: string;
+  userId: string;
+}
+export interface RoleMemberItem {
+  id: string;
+  userId: string;
+  userName: string;
+  enable: boolean;
+  departmentId: string;
+  departmentName: string;
+  position: string;
+  createTime: number;
+  roles: RoleMemberRoleItem[];
+}
diff --git a/frontend/packages/lib-shared/models/user.ts b/frontend/packages/lib-shared/models/user.ts
new file mode 100644
index 0000000..2244d4f
--- /dev/null
+++ b/frontend/packages/lib-shared/models/user.ts
@@ -0,0 +1,33 @@
+import type { MessageCenterItem } from '@lib/shared/models/system/message';
+
+export interface UserInfo {
+  id: string;
+  name: string;
+  email: string;
+  password: string;
+  enable: boolean;
+  createTime: number;
+  updateTime: number;
+  language: string;
+  lastOrganizationId: string;
+  phone: string;
+  source: string;
+  createUser: string;
+  updateUser: string;
+  platformInfo: string;
+  avatar: string;
+  permissionIds: string[];
+  organizationIds: string[];
+  csrfToken: string;
+  sessionId: string;
+  roles: string[];
+  departmentId: string;
+  departmentName: string;
+  defaultPwd: boolean;
+}
+
+export interface MessageInfo {
+  read: boolean;
+  notificationDTOList: MessageCenterItem[];
+  announcementDTOList: MessageCenterItem[];
+}
diff --git a/frontend/packages/lib-shared/models/view.ts b/frontend/packages/lib-shared/models/view.ts
new file mode 100644
index 0000000..8318d9d
--- /dev/null
+++ b/frontend/packages/lib-shared/models/view.ts
@@ -0,0 +1,15 @@
+import type { FilterForm, FilterResult } from '@cordys/web/src/components/pure/crm-advance-filter/type';
+
+export interface ViewParams extends FilterResult {
+  id?: string;
+  name: string;
+}
+
+export interface ViewItem extends FilterForm {
+  id: string;
+  name: string;
+  fixed: boolean;
+  enable: boolean;
+  type?: string;
+  optionMap?: Record<string, any>;
+}
diff --git a/frontend/packages/lib-shared/package.json b/frontend/packages/lib-shared/package.json
new file mode 100644
index 0000000..d9b18c6
--- /dev/null
+++ b/frontend/packages/lib-shared/package.json
@@ -0,0 +1,28 @@
+{
+  "name": "@lib/shared",
+  "version": "1.0.0",
+  "description": "Common library",
+  "main": "index.ts",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "lint-staged": "npx lint-staged"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "MIT",
+  "lint-staged": {
+    "*.{js,ts,jsx,tsx}": [
+      "prettier --write",
+      "eslint --fix"
+    ],
+    "*.vue": [
+      "stylelint --fix",
+      "prettier --write",
+      "eslint --fix"
+    ],
+    "*.{less,css,scss,sass}": [
+      "stylelint --fix --custom-syntax postcss-less",
+      "prettier --write"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/frontend/packages/lib-shared/tsconfig.json b/frontend/packages/lib-shared/tsconfig.json
new file mode 100644
index 0000000..c5f1f49
--- /dev/null
+++ b/frontend/packages/lib-shared/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "baseUrl": "./",
+    "moduleResolution": "node",
+  }
+}
\ No newline at end of file
diff --git a/frontend/packages/lib-shared/types/axios.d.ts b/frontend/packages/lib-shared/types/axios.d.ts
new file mode 100644
index 0000000..e8859ca
--- /dev/null
+++ b/frontend/packages/lib-shared/types/axios.d.ts
@@ -0,0 +1,31 @@
+export interface RequestOptions {
+  isTransformResponse?: boolean; // 是否需要处理请求结果
+  isReturnNativeResponse?: boolean; // 是否需要返回原生响应头
+  handleError?: boolean;
+  joinParamsToUrl?: boolean; // post请求时，是否使用URLSearchParams
+  noErrorTip?: boolean;
+  joinTime?: boolean; // 是否加入时间戳
+  ignoreCancelToken?: boolean; // 是否不记录取消请求的token，不记录则请求不会被取消；默认为记录，在路由切换时会清除上个页面未完成的请求
+  withToken?: boolean; // 是否携带token
+}
+
+export interface Result<T = any> {
+  code: number;
+  type: 'success' | 'error' | 'warning';
+  message: string;
+  messageDetail?: string;
+  data: T;
+}
+
+// multipart/form-data: upload file
+export interface UploadFileParams {
+  // Other parameters
+  data?: Recordable;
+  // File parameter interface field name
+  name?: string;
+  // file name
+  file?: File | Blob;
+  // file name
+  filename?: string;
+  [key: string]: any;
+}
diff --git a/frontend/packages/lib-shared/types/global.d.ts b/frontend/packages/lib-shared/types/global.d.ts
new file mode 100644
index 0000000..a82922c
--- /dev/null
+++ b/frontend/packages/lib-shared/types/global.d.ts
@@ -0,0 +1,49 @@
+export interface AnyObject {
+  [key: string]: unknown;
+}
+
+export interface Options {
+  value: unknown;
+  label: string;
+}
+
+export interface NodeOptions extends Options {
+  children?: NodeOptions[];
+}
+
+export interface GetParams {
+  body: null;
+  type: string;
+  url: string;
+}
+
+export interface PostData {
+  body: string;
+  type: string;
+  url: string;
+}
+
+export interface Pagination {
+  current: number;
+  pageSize: number;
+  total?: number;
+}
+
+export type TimeRanger = [string, string];
+
+export interface GeneralChart {
+  xAxis: string[];
+  data: Array<{ name: string; value: number[] }>;
+}
+
+declare type Recordable<T = any> = Record<string, T>;
+
+export type LocaleType = 'zh-CN' | 'en-US';
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      [elemName: string]: any;
+    }
+  }
+}
diff --git a/frontend/packages/mobile/.env.development b/frontend/packages/mobile/.env.development
new file mode 100644
index 0000000..6578612
--- /dev/null
+++ b/frontend/packages/mobile/.env.development
@@ -0,0 +1,2 @@
+VITE_API_BASE_URL= 'front'
+VITE_DEV_DOMAIN='localhost:8081'
diff --git a/frontend/packages/mobile/.env.production b/frontend/packages/mobile/.env.production
new file mode 100644
index 0000000..dc15ecf
--- /dev/null
+++ b/frontend/packages/mobile/.env.production
@@ -0,0 +1 @@
+VITE_API_BASE_URL= ''
\ No newline at end of file
diff --git a/frontend/packages/mobile/.eslintignore b/frontend/packages/mobile/.eslintignore
new file mode 100644
index 0000000..8c235cf
--- /dev/null
+++ b/frontend/packages/mobile/.eslintignore
@@ -0,0 +1,7 @@
+/*.json
+/src/**/*.json
+dist
+postcss.config.js
+*.md
+/src/assets/icon-font/iconfont.js
+/src/assets/fonts/AlibabaPuHuiTi-3-55-Regular-normal.js
\ No newline at end of file
diff --git a/frontend/packages/mobile/.eslintrc-auto-import.json b/frontend/packages/mobile/.eslintrc-auto-import.json
new file mode 100644
index 0000000..8086284
--- /dev/null
+++ b/frontend/packages/mobile/.eslintrc-auto-import.json
@@ -0,0 +1,74 @@
+{
+  "globals": {
+    "Component": true,
+    "ComponentPublicInstance": true,
+    "ComputedRef": true,
+    "DirectiveBinding": true,
+    "EffectScope": true,
+    "ExtractDefaultPropTypes": true,
+    "ExtractPropTypes": true,
+    "ExtractPublicPropTypes": true,
+    "InjectionKey": true,
+    "MaybeRef": true,
+    "MaybeRefOrGetter": true,
+    "PropType": true,
+    "Ref": true,
+    "VNode": true,
+    "WritableComputedRef": true,
+    "computed": true,
+    "createApp": true,
+    "customRef": true,
+    "defineAsyncComponent": true,
+    "defineComponent": true,
+    "effectScope": true,
+    "getCurrentInstance": true,
+    "getCurrentScope": true,
+    "h": true,
+    "inject": true,
+    "isProxy": true,
+    "isReactive": true,
+    "isReadonly": true,
+    "isRef": true,
+    "markRaw": true,
+    "nextTick": true,
+    "onActivated": true,
+    "onBeforeMount": true,
+    "onBeforeUnmount": true,
+    "onBeforeUpdate": true,
+    "onDeactivated": true,
+    "onErrorCaptured": true,
+    "onMounted": true,
+    "onRenderTracked": true,
+    "onRenderTriggered": true,
+    "onScopeDispose": true,
+    "onServerPrefetch": true,
+    "onUnmounted": true,
+    "onUpdated": true,
+    "onWatcherCleanup": true,
+    "provide": true,
+    "reactive": true,
+    "readonly": true,
+    "ref": true,
+    "resolveComponent": true,
+    "shallowReactive": true,
+    "shallowReadonly": true,
+    "shallowRef": true,
+    "toRaw": true,
+    "toRef": true,
+    "toRefs": true,
+    "toValue": true,
+    "triggerRef": true,
+    "unref": true,
+    "useAttrs": true,
+    "useCssModule": true,
+    "useCssVars": true,
+    "useId": true,
+    "useModel": true,
+    "useSlots": true,
+    "useTemplateRef": true,
+    "watch": true,
+    "watchEffect": true,
+    "watchPostEffect": true,
+    "watchSyncEffect": true
+  }
+}
diff --git a/frontend/packages/mobile/.gitignore b/frontend/packages/mobile/.gitignore
new file mode 100644
index 0000000..38d7344
--- /dev/null
+++ b/frontend/packages/mobile/.gitignore
@@ -0,0 +1,13 @@
+# Local
+.DS_Store
+*.local
+*.log*
+
+# Dist
+node_modules
+dist/
+
+# IDE
+.vscode/*
+!.vscode/extensions.json
+.idea
diff --git a/frontend/packages/mobile/README.md b/frontend/packages/mobile/README.md
new file mode 100644
index 0000000..37b1dd3
--- /dev/null
+++ b/frontend/packages/mobile/README.md
@@ -0,0 +1,29 @@
+# Rsbuild Project
+
+## Setup
+
+Install the dependencies:
+
+```bash
+pnpm install
+```
+
+## Get Started
+
+Start the dev server:
+
+```bash
+pnpm dev
+```
+
+Build the app for production:
+
+```bash
+pnpm build
+```
+
+Preview the production build locally:
+
+```bash
+pnpm preview
+```
diff --git a/frontend/packages/mobile/auto-import.d.ts b/frontend/packages/mobile/auto-import.d.ts
new file mode 100644
index 0000000..2cb0ca4
--- /dev/null
+++ b/frontend/packages/mobile/auto-import.d.ts
@@ -0,0 +1,77 @@
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+export {}
+declare global {
+  const EffectScope: typeof import('vue')['EffectScope'];
+  const computed: typeof import('vue')['computed'];
+  const createApp: typeof import('vue')['createApp'];
+  const customRef: typeof import('vue')['customRef'];
+  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent'];
+  const defineComponent: typeof import('vue')['defineComponent'];
+  const effectScope: typeof import('vue')['effectScope'];
+  const getCurrentInstance: typeof import('vue')['getCurrentInstance'];
+  const getCurrentScope: typeof import('vue')['getCurrentScope'];
+  const h: typeof import('vue')['h'];
+  const inject: typeof import('vue')['inject'];
+  const isProxy: typeof import('vue')['isProxy'];
+  const isReactive: typeof import('vue')['isReactive'];
+  const isReadonly: typeof import('vue')['isReadonly'];
+  const isRef: typeof import('vue')['isRef'];
+  const markRaw: typeof import('vue')['markRaw'];
+  const nextTick: typeof import('vue')['nextTick'];
+  const onActivated: typeof import('vue')['onActivated'];
+  const onBeforeMount: typeof import('vue')['onBeforeMount'];
+  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount'];
+  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate'];
+  const onDeactivated: typeof import('vue')['onDeactivated'];
+  const onErrorCaptured: typeof import('vue')['onErrorCaptured'];
+  const onMounted: typeof import('vue')['onMounted'];
+  const onRenderTracked: typeof import('vue')['onRenderTracked'];
+  const onRenderTriggered: typeof import('vue')['onRenderTriggered'];
+  const onScopeDispose: typeof import('vue')['onScopeDispose'];
+  const onServerPrefetch: typeof import('vue')['onServerPrefetch'];
+  const onUnmounted: typeof import('vue')['onUnmounted'];
+  const onUpdated: typeof import('vue')['onUpdated'];
+  const provide: typeof import('vue')['provide'];
+  const reactive: typeof import('vue')['reactive'];
+  const readonly: typeof import('vue')['readonly'];
+  const ref: typeof import('vue')['ref'];
+  const resolveComponent: typeof import('vue')['resolveComponent'];
+  const shallowReactive: typeof import('vue')['shallowReactive'];
+  const shallowReadonly: typeof import('vue')['shallowReadonly'];
+  const shallowRef: typeof import('vue')['shallowRef'];
+  const toRaw: typeof import('vue')['toRaw'];
+  const toRef: typeof import('vue')['toRef'];
+  const toRefs: typeof import('vue')['toRefs'];
+  const toValue: typeof import('vue')['toValue'];
+  const triggerRef: typeof import('vue')['triggerRef'];
+  const unref: typeof import('vue')['unref'];
+  const useAttrs: typeof import('vue')['useAttrs'];
+  const useCssModule: typeof import('vue')['useCssModule'];
+  const useCssVars: typeof import('vue')['useCssVars'];
+  const useSlots: typeof import('vue')['useSlots'];
+  const watch: typeof import('vue')['watch'];
+  const watchEffect: typeof import('vue')['watchEffect'];
+  const watchPostEffect: typeof import('vue')['watchPostEffect'];
+  const watchSyncEffect: typeof import('vue')['watchSyncEffect'];
+}
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type {
+    Component,
+    ComponentPublicInstance,
+    ComputedRef,
+    ExtractDefaultPropTypes,
+    ExtractPropTypes,
+    ExtractPublicPropTypes,
+    InjectionKey,
+    PropType,
+    Ref,
+    VNode,
+    WritableComputedRef,
+  } from 'vue';
+  import('vue');
+}
diff --git a/frontend/packages/mobile/components.d.ts b/frontend/packages/mobile/components.d.ts
new file mode 100644
index 0000000..04b49cf
--- /dev/null
+++ b/frontend/packages/mobile/components.d.ts
@@ -0,0 +1,95 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    Checkbox: typeof import('./src/components/business/crm-form-create/components/basic/checkbox.vue')['default']
+    CrmActionButtons: typeof import('./src/components/business/crm-action-buttons/index.vue')['default']
+    CrmAvatar: typeof import('./src/components/business/crm-avatar/index.vue')['default']
+    CrmContactList: typeof import('./src/components/business/crm-contact-list/index.vue')['default']
+    CrmDatasource: typeof import('./src/components/business/crm-datasource/index.vue')['default']
+    CrmDescription: typeof import('./src/components/pure/crm-description/index.vue')['default']
+    CrmFileIcon: typeof import('./src/components/pure/crm-file-icon/index.vue')['default']
+    CrmFileListPop: typeof import('./src/components/business/crm-file-list-pop/index.vue')['default']
+    CrmFormCreate: typeof import('./src/components/business/crm-form-create/index.vue')['default']
+    CrmHeaderList: typeof import('./src/components/business/crm-header-list/index.vue')['default']
+    CrmIconFont: typeof import('./src/components/pure/crm-icon-font/index.vue')['default']
+    CrmList: typeof import('./src/components/pure/crm-list/index.vue')['default']
+    CrmListCommonItem: typeof import('./src/components/pure/crm-list-common-item/index.vue')['default']
+    CrmMessageItem: typeof import('./src/components/business/crm-message-item/index.vue')['default']
+    CrmPageHeader: typeof import('./src/components/pure/crm-page-header/index.vue')['default']
+    CrmPageWrapper: typeof import('./src/components/pure/crm-page-wrapper/index.vue')['default']
+    CrmPasswordInput: typeof import('./src/components/pure/crm-password-input/index.vue')['default']
+    CrmSelectList: typeof import('./src/components/business/crm-select-list/index.vue')['default']
+    CrmTag: typeof import('./src/components/pure/crm-tag/index.vue')['default']
+    CrmTextButton: typeof import('./src/components/pure/crm-text-button/index.vue')['default']
+    CrmWorkflowCard: typeof import('./src/components/business/crm-workflow-card/index.vue')['default']
+    DataSource: typeof import('./src/components/business/crm-form-create/components/advanced/dataSource.vue')['default']
+    DatePicker: typeof import('./src/components/business/crm-form-create/components/basic/datePicker.vue')['default']
+    Detail: typeof import('./src/components/business/crm-contact-list/detail.vue')['default']
+    Divider: typeof import('./src/components/business/crm-form-create/components/basic/divider.vue')['default']
+    File: typeof import('./src/components/business/crm-form-create/components/advanced/file.vue')['default']
+    FollowDetail: typeof import('./src/components/business/crm-follow-list/followDetail.vue')['default']
+    FollowPlan: typeof import('./src/components/business/crm-follow-list/followPlan.vue')['default']
+    FollowRecord: typeof import('./src/components/business/crm-follow-list/followRecord.vue')['default']
+    Industry: typeof import('./src/components/business/crm-form-create/components/advanced/industry.vue')['default']
+    InputNumber: typeof import('./src/components/business/crm-form-create/components/basic/inputNumber.vue')['default']
+    Link: typeof import('./src/components/business/crm-form-create/components/advanced/link.vue')['default']
+    ListItem: typeof import('./src/components/business/crm-follow-list/components/listItem.vue')['default']
+    Location: typeof import('./src/components/business/crm-form-create/components/advanced/location.vue')['default']
+    MemberSelect: typeof import('./src/components/business/crm-form-create/components/basic/memberSelect.vue')['default']
+    MultiplePick: typeof import('./src/components/business/crm-form-create/components/basic/multiplePick.vue')['default']
+    Phone: typeof import('./src/components/business/crm-form-create/components/advanced/phone.vue')['default']
+    Pick: typeof import('./src/components/business/crm-form-create/components/basic/pick.vue')['default']
+    Radio: typeof import('./src/components/business/crm-form-create/components/basic/radio.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    SerialNumber: typeof import('./src/components/business/crm-form-create/components/advanced/serialNumber.vue')['default']
+    SingleText: typeof import('./src/components/business/crm-form-create/components/basic/singleText.vue')['default']
+    Textarea: typeof import('./src/components/business/crm-form-create/components/basic/textarea.vue')['default']
+    Upload: typeof import('./src/components/business/crm-form-create/components/advanced/upload.vue')['default']
+    VanBadge: typeof import('vant/es')['Badge']
+    VanButton: typeof import('vant/es')['Button']
+    VanCascader: typeof import('vant/es')['Cascader']
+    VanCell: typeof import('vant/es')['Cell']
+    VanCellGroup: typeof import('vant/es')['CellGroup']
+    VanCheckbox: typeof import('vant/es')['Checkbox']
+    VanCheckboxGroup: typeof import('vant/es')['CheckboxGroup']
+    VanCollapse: typeof import('vant/es')['Collapse']
+    VanCollapseItem: typeof import('vant/es')['CollapseItem']
+    VanCountDown: typeof import('vant/es')['CountDown']
+    VanDatePicker: typeof import('vant/es')['DatePicker']
+    VanDialog: typeof import('vant/es')['Dialog']
+    VanDivider: typeof import('vant/es')['Divider']
+    VanDropdownItem: typeof import('vant/es')['DropdownItem']
+    VanDropdownMenu: typeof import('vant/es')['DropdownMenu']
+    VanEmpty: typeof import('vant/es')['Empty']
+    VanField: typeof import('vant/es')['Field']
+    VanForm: typeof import('vant/es')['Form']
+    VanImage: typeof import('vant/es')['Image']
+    VanList: typeof import('vant/es')['List']
+    VanLoading: typeof import('vant/es')['Loading']
+    VanNavBar: typeof import('vant/es')['NavBar']
+    VanNoticeBar: typeof import('vant/es')['NoticeBar']
+    VanPicker: typeof import('vant/es')['Picker']
+    VanPickerGroup: typeof import('vant/es')['PickerGroup']
+    VanPopover: typeof import('vant/es')['Popover']
+    VanPopup: typeof import('vant/es')['Popup']
+    VanPullRefresh: typeof import('vant/es')['PullRefresh']
+    VanRadio: typeof import('vant/es')['Radio']
+    VanRadioGroup: typeof import('vant/es')['RadioGroup']
+    VanSearch: typeof import('vant/es')['Search']
+    VanTab: typeof import('vant/es')['Tab']
+    VanTabbar: typeof import('vant/es')['Tabbar']
+    VanTabbarItem: typeof import('vant/es')['TabbarItem']
+    VanTabs: typeof import('vant/es')['Tabs']
+    VanTag: typeof import('vant/es')['Tag']
+    VanTimePicker: typeof import('vant/es')['TimePicker']
+    VanUploader: typeof import('vant/es')['Uploader']
+    WorkflowStage: typeof import('./src/components/business/crm-workflow-card/workflowStage.vue')['default']
+  }
+}
diff --git a/frontend/packages/mobile/config/plugin/compress.ts b/frontend/packages/mobile/config/plugin/compress.ts
new file mode 100644
index 0000000..45a313e
--- /dev/null
+++ b/frontend/packages/mobile/config/plugin/compress.ts
@@ -0,0 +1,31 @@
+/**
+ * Used to package and output gzip. Note that this does not work properly in Vite, the specific reason is still being investigated
+ * gzip压缩
+ * https://github.com/anncwb/vite-plugin-compression
+ */
+import type { Plugin } from 'vite';
+import compressPlugin from 'vite-plugin-compression';
+
+export default function configCompressPlugin(compress: 'gzip' | 'brotli', deleteOriginFile = false): Plugin | Plugin[] {
+  const plugins: Plugin[] = [];
+
+  if (compress === 'gzip') {
+    plugins.push(
+      compressPlugin({
+        ext: '.gz',
+        deleteOriginFile,
+      })
+    );
+  }
+
+  if (compress === 'brotli') {
+    plugins.push(
+      compressPlugin({
+        ext: '.br',
+        algorithm: 'brotliCompress',
+        deleteOriginFile,
+      })
+    );
+  }
+  return plugins;
+}
diff --git a/frontend/packages/mobile/config/plugin/visualizer.ts b/frontend/packages/mobile/config/plugin/visualizer.ts
new file mode 100644
index 0000000..bf306bf
--- /dev/null
+++ b/frontend/packages/mobile/config/plugin/visualizer.ts
@@ -0,0 +1,18 @@
+/**
+ * Generation packaging analysis
+ * 生成打包分析
+ */
+import { isReportMode } from '../utils';
+import visualizer from 'rollup-plugin-visualizer';
+
+export default function configVisualizerPlugin() {
+  if (isReportMode()) {
+    return visualizer({
+      filename: './node_modules/.cache/visualizer/stats.html',
+      open: true,
+      gzipSize: true,
+      brotliSize: true,
+    });
+  }
+  return [];
+}
diff --git a/frontend/packages/mobile/config/utils/index.ts b/frontend/packages/mobile/config/utils/index.ts
new file mode 100644
index 0000000..a1e5d12
--- /dev/null
+++ b/frontend/packages/mobile/config/utils/index.ts
@@ -0,0 +1,9 @@
+/**
+ * Whether to generate package preview
+ * 是否生成打包报告
+ */
+export default {};
+
+export function isReportMode(): boolean {
+  return process.env.REPORT === 'true';
+}
diff --git a/frontend/packages/mobile/config/vite.config.base.ts b/frontend/packages/mobile/config/vite.config.base.ts
new file mode 100644
index 0000000..6f02939
--- /dev/null
+++ b/frontend/packages/mobile/config/vite.config.base.ts
@@ -0,0 +1,99 @@
+import { VantResolver } from '@vant/auto-import-resolver';
+import vue from '@vitejs/plugin-vue';
+import vueJsx from '@vitejs/plugin-vue-jsx';
+import autoprefixer from 'autoprefixer';
+import { resolve } from 'path';
+import postcssPxtorem from 'postcss-pxtorem';
+import tailwindcss from 'tailwindcss';
+import AutoImport from 'unplugin-auto-import/vite';
+import Components from 'unplugin-vue-components/vite';
+import { defineConfig } from 'vite';
+import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
+import vueSetupExtend from 'vite-plugin-vue-setup-extend';
+import svgLoader from 'vite-svg-loader';
+
+export default defineConfig({
+  base: '/mobile/',
+  plugins: [
+    vue(),
+    vueJsx(),
+    vueSetupExtend(),
+    svgLoader({ svgoConfig: {} }),
+    createSvgIconsPlugin({
+      // 指定需要缓存的图标文件夹
+      iconDirs: [resolve(process.cwd(), 'src/assets/svg'), resolve(process.cwd(), 'public/images')], // 与本地储存地址一致
+      // 指定symbolId格式
+      symbolId: 'icon-[name]',
+    }),
+    AutoImport({
+      dts: 'src/auto-import.d.ts',
+      include: [
+        /\.[tj]sx?$/, // .ts, .tsx, .js, .jsx
+        /\.vue$/,
+        /\.vue\?vue/, // .vue
+      ],
+      imports: ['vue'],
+      resolvers: [VantResolver()],
+      eslintrc: {
+        enabled: true,
+      },
+    }),
+    Components({
+      resolvers: [VantResolver()],
+    }),
+  ],
+  resolve: {
+    alias: [
+      {
+        find: '@locale',
+        replacement: resolve(__dirname, '../src/locale'),
+      },
+      {
+        find: '@',
+        replacement: resolve(__dirname, '../src'),
+      },
+      {
+        find: 'vue-i18n',
+        replacement: 'vue-i18n/dist/vue-i18n.esm-bundler.js', // 解决 vue-i18n 依赖包报错
+      },
+      {
+        find: 'vue',
+        replacement: 'vue/dist/vue.esm-bundler.js', // compile template
+      },
+    ],
+    extensions: ['.ts', '.js', '.jsx', '.tsx', '.json', '.vue', '.mjs'],
+  },
+  define: {
+    'process.env': {},
+    // 定义特性标志
+    '__VUE_OPTIONS_API__': true,
+    '__VUE_PROD_DEVTOOLS__': false,
+    // 设置hydration不匹配详细信息的标志
+    '__VUE_PROD_HYDRATION_MISMATCH_DETAILS__': true,
+  },
+  css: {
+    postcss: {
+      plugins: [
+        postcssPxtorem({
+          rootValue: 14, // 基准值，1rem
+          propList: ['*'], // 需要转换的属性，`*` 表示所有属性都转换
+          unitPrecision: 5, // 转换后保留的小数位数
+          selectorBlackList: ['.no-rem'], // 忽略的选择器，例如 `.no-rem` 类名的样式不会被转换
+          replace: true, // 替换规则，而不是添加回退
+          mediaQuery: false, // 是否允许在媒体查询中转换
+          minPixelValue: 2, // 小于或等于 2px 的值不转换为 rem
+        }),
+        tailwindcss(),
+        autoprefixer(),
+      ],
+    },
+    preprocessorOptions: {
+      less: {
+        modifyVars: {
+          hack: `true; @import (reference) "${resolve('src/assets/style/var.less')}";`,
+        },
+        javascriptEnabled: true,
+      },
+    },
+  },
+});
diff --git a/frontend/packages/mobile/config/vite.config.dev.ts b/frontend/packages/mobile/config/vite.config.dev.ts
new file mode 100644
index 0000000..f61dff0
--- /dev/null
+++ b/frontend/packages/mobile/config/vite.config.dev.ts
@@ -0,0 +1,44 @@
+import baseConfig from './vite.config.base';
+import { config } from 'dotenv';
+import { mergeConfig } from 'vite';
+import eslint from 'vite-plugin-eslint';
+
+// 注入本地/开发配置环境变量(先导入的配置优先级高)
+config({ path: ['.env.development.local', '.env.development'] });
+
+export default mergeConfig(
+  {
+    mode: 'development',
+    server: {
+      port: 3000,
+      open: true,
+      fs: {
+        strict: true,
+      },
+      proxy: {
+        '/sse': {
+          target: process.env.VITE_DEV_DOMAIN,
+          changeOrigin: true,
+        },
+        '/front': {
+          target: process.env.VITE_DEV_DOMAIN,
+          changeOrigin: true,
+          rewrite: (path: string) => path.replace(/^\/front/, ''),
+        },
+        '/pic': {
+          target: process.env.VITE_DEV_DOMAIN,
+          changeOrigin: true,
+          rewrite: (path: string) => path.replace(/^\/front\/pic/, ''),
+        },
+      },
+    },
+    plugins: [
+      eslint({
+        cache: false,
+        include: ['src/**/*.ts', 'src/**/*.tsx', 'src/**/*.vue'],
+        exclude: ['node_modules'],
+      }),
+    ],
+  },
+  baseConfig
+);
diff --git a/frontend/packages/mobile/config/vite.config.prod.ts b/frontend/packages/mobile/config/vite.config.prod.ts
new file mode 100644
index 0000000..1f62002
--- /dev/null
+++ b/frontend/packages/mobile/config/vite.config.prod.ts
@@ -0,0 +1,30 @@
+import configCompressPlugin from './plugin/compress';
+import configVisualizerPlugin from './plugin/visualizer';
+import baseConfig from './vite.config.base';
+import legacy from '@vitejs/plugin-legacy';
+import { mergeConfig } from 'vite';
+
+export default mergeConfig(
+  {
+    mode: 'production',
+    plugins: [
+      configCompressPlugin('gzip'),
+      configVisualizerPlugin(),
+      // 兼容性配置，配合package.json中的browserslist使用
+      legacy({
+        targets: ['defaults', 'not IE 11'],
+      }),
+    ],
+    build: {
+      rollupOptions: {
+        output: {
+          manualChunks: {
+            vue: ['vue', 'vue-router', 'pinia', '@vueuse/core', 'vue-i18n'],
+          },
+        },
+      },
+      chunkSizeWarningLimit: 2000,
+    },
+  },
+  baseConfig
+);
diff --git a/frontend/packages/mobile/env.d.ts b/frontend/packages/mobile/env.d.ts
new file mode 100644
index 0000000..487bf97
--- /dev/null
+++ b/frontend/packages/mobile/env.d.ts
@@ -0,0 +1,13 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import { DefineComponent } from 'vue';
+
+  // eslint-disable-next-line @typescript-eslint/no-empty-object-type
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
+}
+interface ImportMetaEnv {
+  readonly VITE_API_BASE_URL: string;
+  readonly VITE_DEV_DOMAIN: string; // 开发环境域名
+}
diff --git a/frontend/packages/mobile/eslint.config.cjs b/frontend/packages/mobile/eslint.config.cjs
new file mode 100644
index 0000000..33cef40
--- /dev/null
+++ b/frontend/packages/mobile/eslint.config.cjs
@@ -0,0 +1,173 @@
+const { defineConfig, globalIgnores } = require('eslint/config');
+
+const pluginVue = require('eslint-plugin-vue');
+const parser = require('vue-eslint-parser');
+const globals = require('globals');
+const simpleImportSort = require('eslint-plugin-simple-import-sort');
+
+const { fixupConfigRules } = require('@eslint/compat');
+
+const js = require('@eslint/js');
+
+const { FlatCompat } = require('@eslint/eslintrc');
+
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
+});
+const path = require('path');
+
+module.exports = defineConfig([
+  {
+    languageOptions: {
+      parser,
+      sourceType: 'module',
+      ecmaVersion: 2020,
+
+      parserOptions: {
+        parser: '@typescript-eslint/parser',
+
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
+
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+        NodeJS: 'readonly',
+      },
+    },
+
+    plugins: {
+      'vue': pluginVue,
+      'simple-import-sort': simpleImportSort,
+    },
+
+    extends: fixupConfigRules(
+      compat.extends(
+        'airbnb-base',
+        'plugin:@typescript-eslint/recommended',
+        'plugin:import/recommended',
+        'plugin:import/typescript',
+        'plugin:prettier/recommended',
+        './.eslintrc-auto-import.json'
+      )
+    ),
+
+    settings: {
+      'import/resolver': {
+        typescript: {
+          project: path.resolve(__dirname, './tsconfig.json'),
+        },
+      },
+    },
+
+    rules: {
+      'prettier/prettier': 1,
+      'vue/require-default-prop': 0,
+      'vue/singleline-html-element-content-newline': 0,
+      'vue/max-attributes-per-line': 0,
+      'vue/custom-event-name-casing': [2, 'camelCase'],
+      'vue/no-v-text': 1,
+      'vue/padding-line-between-blocks': 1,
+      'vue/require-direct-export': 1,
+      'vue/multi-word-component-names': 0,
+      '@typescript-eslint/ban-ts-comment': 0,
+      '@typescript-eslint/no-unused-vars': 1,
+      '@typescript-eslint/no-empty-function': 1,
+      '@typescript-eslint/no-explicit-any': 0,
+      '@typescript-eslint/no-duplicate-enum-values': 0,
+      'consistent-return': 'off',
+      'vue/return-in-computed-property': ['off'],
+      'vue/no-side-effects-in-computed-properties': 'off',
+
+      'import/no-unresolved': [
+        'error',
+        {
+          ignore: ['^@lib/shared'],
+        },
+      ],
+
+      'import/extensions': [
+        2,
+        'ignorePackages',
+        {
+          js: 'never',
+          jsx: 'never',
+          ts: 'never',
+          tsx: 'never',
+        },
+      ],
+
+      'no-debugger': 2,
+      'no-param-reassign': 0,
+      'prefer-regex-literals': 0,
+      'import/no-extraneous-dependencies': 0,
+      'import/no-cycle': 'off',
+      'import/order': 'off',
+      'class-methods-use-this': 'off',
+      'global-require': 0,
+      'no-plusplus': 'off',
+      'no-underscore-dangle': 'off',
+      'vue/attributes-order': 1,
+      'simple-import-sort/exports': 'error',
+      'no-case-declarations': 'off',
+
+      'simple-import-sort/imports': [
+        'error',
+        {
+          groups: [
+            [
+              '^vue$',
+              '^vue-router$',
+              '^vue-i18n$',
+              '^pinia$',
+              '^@vueuse/core$',
+              '^vant$',
+              '^@vicons/ionicons5$',
+              '^lodash-es$',
+              '^axios$',
+              '^dayjs$',
+              '^jsencrypt$',
+              '^echarts$',
+              '^localforage$',
+            ],
+            ['.*/assets/.*', '^@/assets$'],
+            ['^@lib/shared/.*'],
+            ['^@/components/pure/.*', '^@/components/business/.*', '.*\\.vue$'],
+            [
+              '^@/api($|/.*)',
+              '^@/config($|/.*)',
+              '^@/directive($|/.*)',
+              '^@/hooks($|/.*)',
+              '^@/locale($|/.*)',
+              '^@/router($|/.*)',
+              '^@/store($|/.*)',
+              '^@/utils($|/.*)',
+            ],
+            ['^@/models($|/.*)', '^@/enums($|/.*)'],
+            ['^type'],
+          ],
+        },
+      ],
+    },
+  },
+  {
+    files: ['src/enums/**/*.ts'],
+
+    rules: {
+      'no-shadow': 'off',
+    },
+  },
+  globalIgnores([
+    '*.json',
+    'src/**/*.json',
+    '**/dist',
+    '**/postcss.config.js',
+    '**/*.md',
+    'src/assets/icon-font/iconfont.js',
+    'src/assets/fonts/AlibabaPuHuiTi-3-55-Regular-normal.js',
+  ]),
+]);
diff --git a/frontend/packages/mobile/index.html b/frontend/packages/mobile/index.html
new file mode 100644
index 0000000..5714a3c
--- /dev/null
+++ b/frontend/packages/mobile/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="zh-CN" style="font-size: 14px">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta
+      name="viewport"
+      content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0,viewport-fit=cover"
+    />
+    <title>Cordys CRM</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/frontend/packages/mobile/package.json b/frontend/packages/mobile/package.json
new file mode 100644
index 0000000..39a39b0
--- /dev/null
+++ b/frontend/packages/mobile/package.json
@@ -0,0 +1,62 @@
+{
+  "name": "@cordys/mobile",
+  "private": true,
+  "version": "1.0.0",
+  "author": "",
+  "license": "MIT",
+  "type": "module",
+  "scripts": {
+    "dev": "vite --config ./config/vite.config.dev.ts --host",
+    "build": "vue-tsc --noEmit && vite build --config ./config/vite.config.prod.ts",
+    "build:local": "vue-tsc --noEmit &&  vite build --config ./config/vite.config.prod.ts --mode development",
+    "build:localProd": "vue-tsc --noEmit &&  vite build --config ./config/vite.config.prod.ts --mode localProd",
+    "type:check": "vue-tsc --noEmit --skipLibCheck -p tsconfig.json",
+    "lint-staged": "npx lint-staged",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix",
+    "lint:styles": "stylelint 'src/**/*.{vue,html,css,scss,less}' --fix"
+  },
+  "dependencies": {
+    "nprogress": "^0.2.0",
+    "typescript": "5.9",
+    "vant": "^4.8.2",
+    "vue": "^3.5.13"
+  },
+  "devDependencies": {
+    "@types/postcss-pxtorem": "^6.1.0",
+    "@vant/auto-import-resolver": "^1.1.0",
+    "@vitejs/plugin-legacy": "^6.0.0",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@vitejs/plugin-vue-jsx": "^4.1.1",
+    "@vue/babel-plugin-jsx": "^1.2.2",
+    "@vue/test-utils": "^2.4.6",
+    "eruda": "^3.4.1",
+    "less": "4.3.0",
+    "less-loader": "^11.1.4",
+    "postcss-pxtorem": "^6.1.0",
+    "rollup": "4.59.0",
+    "rollup-plugin-visualizer": "^5.12.0",
+    "unplugin-auto-import": "^0.17.5",
+    "unplugin-vue-components": "^0.26.0",
+    "vite": "^6.0.5",
+    "vite-plugin-compression": "^0.5.1",
+    "vite-plugin-eslint": "^1.8.1",
+    "vite-plugin-svg-icons": "^2.0.1",
+    "vite-plugin-vue-setup-extend": "^0.4.0",
+    "vite-svg-loader": "^3.6.0"
+  },
+  "lint-staged": {
+    "*.{js,ts,jsx,tsx}": [
+      "prettier --write",
+      "eslint --fix"
+    ],
+    "*.vue": [
+      "stylelint --fix",
+      "prettier --write",
+      "eslint --fix"
+    ],
+    "*.{less,css,scss,sass}": [
+      "stylelint --fix --custom-syntax postcss-less",
+      "prettier --write"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/frontend/packages/mobile/public/favicon.ico b/frontend/packages/mobile/public/favicon.ico
new file mode 100644
index 0000000..e06b02b
Binary files /dev/null and b/frontend/packages/mobile/public/favicon.ico differ
diff --git a/frontend/packages/mobile/public/images/login_bg.png b/frontend/packages/mobile/public/images/login_bg.png
new file mode 100644
index 0000000..994d803
Binary files /dev/null and b/frontend/packages/mobile/public/images/login_bg.png differ
diff --git a/frontend/packages/mobile/src/App.vue b/frontend/packages/mobile/src/App.vue
new file mode 100644
index 0000000..ee3dc8c
--- /dev/null
+++ b/frontend/packages/mobile/src/App.vue
@@ -0,0 +1,54 @@
+<template>
+  <Suspense>
+    <RouterView />
+  </Suspense>
+</template>
+
+<script lang="ts" setup>
+  import { useRouter } from 'vue-router';
+  import { showLoadingToast } from 'vant';
+
+  import useLocale from '@lib/shared/locale/useLocale';
+  import { getQueryVariable } from '@lib/shared/method';
+  import { hasToken } from '@lib/shared/method/auth';
+  import { LocaleType } from '@lib/shared/types/global';
+
+  import useLicenseStore from '@/store/modules/setting/license';
+  import useUserStore from '@/store/modules/user';
+
+  import { AppRouteEnum } from '@/enums/routeEnum';
+
+  import useLogin from './hooks/useLogin';
+
+  const router = useRouter();
+  const userStore = useUserStore();
+  const { oAuthLogin } = useLogin();
+  const licenseStore = useLicenseStore();
+  const { changeLocale } = useLocale(showLoadingToast);
+
+  onBeforeMount(async () => {
+    changeLocale(navigator.language as LocaleType);
+    const loginStatus = await userStore.isLogin(true);
+
+    const ua = navigator.userAgent.toLowerCase();
+    const isWXWork = ua.includes('wxwork');
+
+    const isDingTalk =
+      ua.includes('dingtalk') ||
+      ua.includes('aliapp(dingtalk') ||
+      (getQueryVariable('authCode') !== '' &&
+        getQueryVariable('authCode') !== undefined &&
+        getQueryVariable('authCode') !== null);
+
+    const isLark = ua.includes('feishu') || ua.includes('lark') || getQueryVariable('state') === 'LARK';
+
+    if (!loginStatus && !hasToken() && (isWXWork || isDingTalk || isLark)) {
+      await oAuthLogin();
+      return;
+    }
+    router.replace({ name: AppRouteEnum.WORKBENCH });
+    licenseStore.getValidateLicense();
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/mobile/src/api/http/checkStatus.ts b/frontend/packages/mobile/src/api/http/checkStatus.ts
new file mode 100644
index 0000000..f822c6e
--- /dev/null
+++ b/frontend/packages/mobile/src/api/http/checkStatus.ts
@@ -0,0 +1,80 @@
+import { showFailToast } from 'vant';
+
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+import useUser from '@/hooks/useUser';
+
+export default function checkStatus(
+  status: number,
+  msg: string,
+  msgDetail: string | Record<string, any>,
+  code?: number,
+  noErrorTip?: boolean
+): void {
+  const { t } = useI18n();
+  const { logout, isLoginPage, isWhiteListPage } = useUser();
+
+  let errMessage = '';
+  switch (status) {
+    case 400:
+      errMessage = `${msg}`;
+      break;
+    case 401: {
+      errMessage = msg || t('api.errMsg401');
+      if (!isLoginPage() && !isWhiteListPage()) {
+        logout();
+      }
+      break;
+    }
+    case 403:
+      errMessage = msg || t('api.errMsg403');
+      break;
+    // 404请求不存在
+    case 404:
+      errMessage = msg || t('api.errMsg404');
+      break;
+    case 405:
+      errMessage = msg || t('api.errMsg405');
+      break;
+    case 408:
+      errMessage = msg || t('api.errMsg408');
+      break;
+    case 500:
+      errMessage = msg || t('api.errMsg500');
+      break;
+    case 501:
+      errMessage = msg || t('api.errMsg501');
+      break;
+    case 502:
+      errMessage = msg || t('api.errMsg502');
+      break;
+    case 503:
+      errMessage = msg || t('api.errMsg503');
+      break;
+    case 504:
+      errMessage = msg || t('api.errMsg504');
+      break;
+    case 505:
+      errMessage = msg || t('api.errMsg505');
+      break;
+    default:
+  }
+  if (msgDetail && !noErrorTip) {
+    if (typeof msgDetail === 'object') {
+      errMessage = Object.values(msgDetail)
+        .map((e) => e)
+        .join('\n');
+    } else {
+      errMessage = msgDetail;
+    }
+    showFailToast({
+      message: errMessage,
+      duration: 5000,
+    });
+  } else if (errMessage && !noErrorTip) {
+    showFailToast({
+      message: errMessage,
+      duration: 5000,
+    });
+  }
+}
diff --git a/frontend/packages/mobile/src/api/http/index.ts b/frontend/packages/mobile/src/api/http/index.ts
new file mode 100644
index 0000000..2a01a1b
--- /dev/null
+++ b/frontend/packages/mobile/src/api/http/index.ts
@@ -0,0 +1,15 @@
+import { showFailToast } from 'vant';
+
+import createAxios from '@lib/shared/api/http';
+
+import useAppStore from '@/store/modules/app';
+
+import checkStatus from './checkStatus';
+
+const CDR = createAxios({
+  useAppStore,
+  showErrorMsg: showFailToast,
+  checkStatus,
+});
+
+export default CDR;
diff --git a/frontend/packages/mobile/src/api/modules/index.ts b/frontend/packages/mobile/src/api/modules/index.ts
new file mode 100644
index 0000000..48f7e63
--- /dev/null
+++ b/frontend/packages/mobile/src/api/modules/index.ts
@@ -0,0 +1,441 @@
+import { showFailToast } from 'vant';
+
+import createAxios from '@lib/shared/api/http';
+import useAgentApi from '@lib/shared/api/modules/agent';
+import useClueApi from '@lib/shared/api/modules/clue';
+import useContractApi from '@lib/shared/api/modules/contract';
+import useCustomerApi from '@lib/shared/api/modules/customer';
+import useCustomFormApi from '@lib/shared/api/modules/customForm';
+import useFollowApi from '@lib/shared/api/modules/follow';
+import useOpportunityApi from '@lib/shared/api/modules/opportunity';
+import useOrderApi from '@lib/shared/api/modules/order';
+import useProductApi from '@lib/shared/api/modules/product';
+import useLicenseApi from '@lib/shared/api/modules/system/authorizedManagement';
+import useBusinessApi from '@lib/shared/api/modules/system/business';
+import useLoginApi from '@lib/shared/api/modules/system/login';
+import useMessageApi from '@lib/shared/api/modules/system/message';
+import useModuleApi from '@lib/shared/api/modules/system/module';
+import useOrgApi from '@lib/shared/api/modules/system/org';
+
+import checkStatus from '../http/checkStatus';
+
+const CDR = createAxios({
+  showErrorMsg: showFailToast,
+  checkStatus,
+});
+
+const productApi = useProductApi(CDR);
+const opportunityApi = useOpportunityApi(CDR);
+const clueApi = useClueApi(CDR);
+const customerApi = useCustomerApi(CDR);
+const messageApi = useMessageApi(CDR);
+const moduleApi = useModuleApi(CDR);
+const orgApi = useOrgApi(CDR);
+const businessApi = useBusinessApi(CDR);
+const loginApi = useLoginApi(CDR);
+const licenseApi = useLicenseApi(CDR);
+const followApi = useFollowApi(CDR);
+const contractApi = useContractApi(CDR);
+const orderApi = useOrderApi(CDR);
+const agentApi = useAgentApi(CDR);
+
+export const {
+  getFollowPlanDetail,
+  getFollowPLanPage,
+  getFollowRecordDetail,
+  getFollowRecordPage,
+  deleteFollowRecord,
+  getFollowRecordTab,
+  getFollowPlanTab,
+  deleteFollowPlan,
+  updateFollowPlanStatus,
+  updateFollowPlan,
+  updateFollowRecord,
+  addFollowRecord,
+  addFollowPlan,
+} = followApi;
+
+export const {
+  getOrderFormConfig,
+  getOrderFormSnapshotConfig,
+  addOrder,
+  getOrderDetail,
+  getOrderDetailSnapshot,
+  updateOrder,
+  deleteOrder,
+  getOrderList,
+  getOrderInContractList,
+  getOrderTab,
+  addOrderView,
+  updateOrderView,
+  getOrderViewList,
+  getOrderViewDetail,
+  fixedOrderView,
+  enableOrderView,
+  deleteOrderView,
+  dragOrderView,
+  updateOrderStatus,
+  updateOrderStatusRollback,
+  sortOrderStatus,
+  addOrderStatus,
+  getOrderStatusConfig,
+  updateOrderStage,
+  downloadOrder,
+  deleteOrderStatus,
+} = orderApi;
+
+export const {
+  addProduct,
+  getProduct,
+  getProductFormConfig,
+  getProductList,
+  deleteProduct,
+  updateProduct,
+  batchDeleteProduct,
+  batchUpdateProduct,
+  dragSortProduct,
+  getProductOptions,
+  addProductPrice,
+  updateProductPrice,
+  getProductPriceList,
+  getProductPrice,
+  deleteProductPrice,
+  getProductPriceFormConfig,
+  dragSortProductPrice,
+  copyProductPrice,
+} = productApi;
+
+export const {
+  getOpportunityList,
+  addOpportunity,
+  updateOpportunity,
+  getOpportunityDetail,
+  getOptFormConfig,
+  getOptFollowRecordList,
+  deleteOptFollowRecord,
+  addOptFollowRecord,
+  updateOptFollowRecord,
+  getOptFollowRecord,
+  getOptFollowPlanList,
+  addOptFollowPlan,
+  updateOptFollowPlan,
+  deleteOptFollowPlan,
+  getOptFollowPlan,
+  cancelOptFollowPlan,
+  transferOpt,
+  batchDeleteOpt,
+  deleteOpt,
+  updateOptStage,
+  getOptTab,
+  getOpportunityContactList,
+  updateOptFollowPlanStatus,
+  advancedSearchOptPage,
+  globalSearchOptPage,
+  getOpportunityStageConfig,
+  getQuotationList,
+  addQuotation,
+  updateQuotation,
+  getQuotationDetail,
+  getQuotationSnapshotDetail,
+  getQuotationFormConfig,
+  getQuotationSnapshotFormConfig,
+  deleteQuotation,
+  approvalQuotation,
+  voidQuotation,
+  revokeQuotation,
+  batchApprove,
+  batchVoided,
+  downloadQuotation,
+} = opportunityApi;
+
+export const {
+  addClue,
+  updateClue,
+  updateClueStatus,
+  getClueList,
+  batchTransferClue,
+  batchToCluePool,
+  batchDeleteClue,
+  getClueFormConfig,
+  getClue,
+  deleteClue,
+  ClueTransitionCustomer,
+  addClueFollowRecord,
+  updateClueFollowRecord,
+  getClueFollowRecordList,
+  deleteClueFollowRecord,
+  getClueFollowRecord,
+  addClueFollowPlan,
+  updateClueFollowPlan,
+  deleteClueFollowPlan,
+  getClueFollowPlanList,
+  getClueFollowPlan,
+  cancelClueFollowPlan,
+  getClueHeaderList,
+  pickClue,
+  getCluePoolList,
+  batchPickClue,
+  batchDeleteCluePool,
+  batchAssignClue,
+  assignClue,
+  getPoolOptions,
+  deleteCluePool,
+  getCluePoolFollowRecordList,
+  getPoolClue,
+  getClueTab,
+  getClueTransitionCustomerList,
+  updateClueFollowPlanStatus,
+  getAdvancedCluePoolList,
+  getAdvancedSearchClueList,
+  getGlobalSearchClueList,
+  getGlobalCluePoolList,
+  transformClue,
+  moveToLeadPool,
+} = clueApi;
+
+export const { getDepartmentTree, getUserList, getUserDetail, getUserOptions, getRoleOptions } = orgApi;
+
+export const {
+  addCustomer,
+  updateCustomer,
+  getCustomerList,
+  getCustomerFormConfig,
+  getCustomer,
+  deleteCustomer,
+  batchDeleteCustomer,
+  batchTransferCustomer,
+  batchMoveCustomer,
+  addCustomerFollowRecord,
+  updateCustomerFollowRecord,
+  deleteCustomerFollowRecord,
+  getCustomerFollowRecordList,
+  getCustomerFollowRecordFormConfig,
+  getCustomerFollowRecord,
+  addCustomerFollowPlan,
+  updateCustomerFollowPlan,
+  deleteCustomerFollowPlan,
+  getCustomerFollowPlanList,
+  cancelCustomerFollowPlan,
+  getCustomerFollowPlanFormConfig,
+  getCustomerFollowPlan,
+  addCustomerContact,
+  getCustomerContactList,
+  updateCustomerContact,
+  disableCustomerContact,
+  getCustomerContactFormConfig,
+  getCustomerContact,
+  enableCustomerContact,
+  deleteCustomerContact,
+  checkOpportunity,
+  getContactListUnderCustomer,
+  addCustomerOpenSea,
+  updateCustomerOpenSea,
+  getCustomerOpenSeaList,
+  switchCustomerOpenSea,
+  deleteCustomerOpenSea,
+  isCustomerOpenSeaNoPick,
+  getOpenSeaCustomerList,
+  pickOpenSeaCustomer,
+  batchPickOpenSeaCustomer,
+  batchDeleteOpenSeaCustomer,
+  batchAssignOpenSeaCustomer,
+  assignOpenSeaCustomer,
+  getOpenSeaOptions,
+  getOpenSeaCustomer,
+  deleteOpenSeaCustomer,
+  getCustomerHeaderList,
+  saveCustomerRelation,
+  getCustomerRelationList,
+  getCustomerCollaborationList,
+  batchDeleteCustomerCollaboration,
+  updateCustomerCollaboration,
+  addCustomerCollaboration,
+  deleteCustomerCollaboration,
+  getCustomerOptions,
+  getCustomerOpenSeaFollowRecordList,
+  updateCustomerRelationItem,
+  deleteCustomerRelationItem,
+  addCustomerRelationItem,
+  getCustomerTab,
+  getCustomerContactTab,
+  updateCustomerFollowPlanStatus,
+  getCustomerOpportunityPage,
+  geAdvancedCustomerList,
+  getAdvancedCustomerContactList,
+  getAdvancedOpenSeaCustomerList,
+  getGlobalCustomerContactList,
+  getGlobalCustomerList,
+  getGlobalOpenSeaCustomerList,
+  getGlobalModuleCount,
+  moveCustomerToPool,
+  getCustomerOrderList,
+} = customerApi;
+
+export const {
+  exportContractAll,
+  exportContractSelected,
+  generateContractChart,
+  getContractDetail,
+  getContractList,
+  getContractTab,
+  getContractViewDetail,
+  getContractViewList,
+  addContractView,
+  updateContractView,
+  fixedContractView,
+  enableContractView,
+  deleteContractView,
+  dragContractView,
+  addContract,
+  getContractFormSnapshotConfig,
+  updateContract,
+  deleteContract,
+  getContractFormConfig,
+  getPaymentPlanList,
+  getContractPaymentPlanList,
+  addPaymentPlan,
+  updatePaymentPlan,
+  deletePaymentPlan,
+  getPaymentPlanDetail,
+  getPaymentPlanFormConfig,
+  getPaymentPlanTab,
+  exportPaymentPlanAll,
+  exportPaymentPlanSelected,
+  generatePaymentPlanChart,
+  addPaymentPlanView,
+  updatePaymentPlanView,
+  getPaymentPlanViewList,
+  getPaymentPlanViewDetail,
+  fixedPaymentPlanView,
+  enablePaymentPlanView,
+  deletePaymentPlanView,
+  dragPaymentPlanView,
+  getPaymentRecordFormConfig,
+  addPaymentRecord,
+  updatePaymentRecord,
+  getPaymentRecordDetail,
+  getPaymentRecordList,
+  deletePaymentRecord,
+  preCheckImportBusinessTitle,
+  downloadBusinessTitleTemplate,
+  importBusinessTitle,
+  getBusinessTitleList,
+  addBusinessTitle,
+  updateBusinessTitle,
+  deleteBusinessTitle,
+  revokeBusinessTitle,
+  getBusinessTitleDetail,
+  getBusinessTitleInvoiceCheck,
+  exportBusinessTitleAll,
+  exportBusinessTitleSelected,
+  getBusinessTitleThirdQuery,
+  getBusinessTitleThirdQueryOption,
+  getBusinessTitleConfig,
+  switchBusinessTitleFormConfig,
+  getInvoicedDetail,
+  getInvoicedFormConfig,
+  getInvoicedFormSnapshotConfig,
+  addInvoiced,
+  updateInvoiced,
+  getInvoicedList,
+  getBusinessTitleModuleForm,
+  getInvoicedInContractList,
+  getContractDetailSnapshot,
+  getInvoicedDetailSnapshot,
+} = contractApi;
+
+export const {
+  addAnnouncement,
+  updateAnnouncement,
+  getAnnouncementList,
+  getAnnouncementDetail,
+  deleteAnnouncement,
+  getNotificationList,
+  getNotificationCount,
+  setNotificationRead,
+  setAllNotificationRead,
+  getMessageTask,
+  saveMessageTask,
+  batchSaveMessageTask,
+  getHomeMessageList,
+  closeMessageSubscribe,
+  getUnReadAnnouncement,
+  getMessageTaskConfigDetail,
+} = messageApi;
+
+export const {
+  getFieldDisplayList,
+  getModuleNavConfigList,
+  getModuleUserDeptTree,
+  getModuleRoleTree,
+  getOpportunityRuleList,
+  getCluePoolPage,
+  noPickCluePool,
+  getCapacityPage,
+  getCustomerPoolPage,
+  noPickCustomerPool,
+  getFormDesignConfig,
+  getFieldDeptUerTree,
+  getFieldDeptTree,
+  getFieldClueList,
+  getFieldContactList,
+  getFieldCustomerList,
+  getFieldOpportunityList,
+  getFieldContractList,
+  getFieldInvoiceList,
+  getFieldProductList,
+  checkRepeat,
+  uploadTempFile,
+  previewPicture,
+  downloadPicture,
+  getReasonConfig,
+  getSearchConfig,
+  uploadTempAttachment,
+  previewAttachment,
+  downloadAttachment,
+  deleteAttachment,
+  getFieldPriceList,
+  getFieldQuotationList,
+  getFieldOrderList,
+  getFieldContractPaymentPlanList,
+  getFieldContractPaymentRecordList,
+  getFieldBusinessTitleList,
+  getDatasourceFieldConfig,
+} = moduleApi;
+
+export const {
+  updatePersonalInfo,
+  getPersonalInfo,
+  sendEmailCode,
+  updateUserPassword,
+  getThirdConfigByType,
+  exportCenterDownload,
+  getExportCenterList,
+  cancelCenterExport,
+  getConfigSynchronization,
+  getApiKeyList,
+} = businessApi;
+
+export const { isLogin, signout, getKey, login, getThirdOauthCallback, getThirdCallback } = loginApi;
+
+export const { getLicense, addLicense } = licenseApi;
+
+export const { getAgentOptions } = agentApi;
+
+export const {
+  getCustomFormAdmins,
+  getCustomFormDataDetail,
+  getCustomFormDataPage,
+  getCustomFormDetail,
+  getCustomFormList,
+  getCustomFormRoles,
+  getCustomFormRoleUsers,
+  addCustomForm,
+  addCustomFormData,
+  saveCustomFormAdmins,
+  updateCustomForm,
+  updateCustomFormData,
+  batchUpdateCustomFormData,
+  batchDeleteCustomFormData,
+  deleteCustomFormData,
+} = useCustomFormApi(CDR);
diff --git a/frontend/packages/mobile/src/assets/icon-font/iconfont.css b/frontend/packages/mobile/src/assets/icon-font/iconfont.css
new file mode 100644
index 0000000..fa1fc02
--- /dev/null
+++ b/frontend/packages/mobile/src/assets/icon-font/iconfont.css
@@ -0,0 +1,1003 @@
+@font-face {
+  font-family: iconfont; /* Project id 4798260 */
+  src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAGm8AAsAAAAA/+wAAGlqAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACnbgqDklyCyTkBNgIkA4lsC4R4AAQgBYRnB61lGwzYZ0TPpmw73G0DoJ7xCyXHKRqRux1KlOZhpeiMDRsHwMTyoOz////PTBpjtN2QDZBQ1VS/KkhwQSkVTZjR41fQQCPLGFAYc11CiRarcYlraWXr6PsmtpMjVKIgotBO4VvpOxq9clL6iHf0RjWdp7vx6Eir073TddNXk48M9pQPUzY1rlE4RMVsJ/2Eak9VcKpFwaJVaY+JQwtS+m9s+V/oPguMP7FeTIvIRxaRpFDhBKOGCzpx8MEMMx3O5Z8bfXveO8z5jYPZjuuKkqO4yIpVma0wbuGFdFp27An/T/u1c5/MzJfFPKl2CxFPGhst02iFkpcHnsv9uy16wldRiUfRGs+LskQDDCjAsXSCbATg5sSi865YIhgYdFs3gkgTCMwj/MhGSIxp7ouoaiUMSc2IRe/+U9Vm/iek92ZQpC29nVRSm+VfWCwTIEhi11RLGJtxcAGuwNubKKU2SWmlkMTllAIIGJ53W0/FHAz5iAsHX3CCG8fms0RFNx9cCY5dpqZpk9+2sSwrqwuzKbZtW0F3tbGpNk5TW9uueVf3+QfYH+95kz68rTQIoaQlV1GXf4Bx2OtlW6NvB7mJimrpBwAVcJi3QI9PLbVSIiiDAIyrhVavBIIvDM6NkGb+7yIOIZETISXC3GTN/w4MSDThBTX2X3rbvZc2mMtM6rG8u0eCQMsJlwDscWChbdLmrjni+dhf+ytLY4cWPMbQQnhgGQy/54EAdpknWHrZhhMLAazzSplLCuTTe2HQwHZj70gMrmshpIMfMDe/Wd+Do2QoWcIcwUD2jn+Z/1xqW+7WtFrySnIyuZ907y7gyYrYL2IpZhWzk5pIAluuLBPDUtlcsXfvzawMbLd3JKiC27XzDEmAWgTMv+n8r5WQ+Q/8/nkHb8xsiC+dnue/ORfdFt29d0bh3jsjaWYQaCSENZKDJLCtkQBLAtsKgEcjbNKzF2x+yDxvejFoJAcELyB4fgs/Av652hjj6VMqKbf8Rbnp9FuUW/Td1sU2DYwoMkgs5VQGIt8cLmj436WKnYk7NhoTN4AUFsDSElTrf+neRf6njC0r+xLgnLtsdyzdpUN3XctmHRsF5hXtCVFRVcxmZO9+yYor2hBgG0HTYc7F9YOEoE5PCEUklA5jB5mzGsCOCQaMqSCENQOEtbTe2R9Pw2bpjZdj1lW9hhAkhCCpTe/O/V2DeLrugAuGbMofY7OOfbTbb0ZOUAT0EI54XxUEepdqwvrgFQpm2qvXb8GGWMwW7oFqb0kiaLskBgOlkTL7uDFakrDFPsZP/+7XczsFkxFRz0P5hV34e7Hb763gpzYLcWEDCRycLtYerXHYm/zEp532WWZEiq9n95IlX0//Xf9gJDm3qHr7odXt0y/uv3j4YuTlK7yJD8sXpqgtkfnq2/z9YnRkEei1Wz9s5fKdLZ/mGiXsRiZXlnoqtUar0unVRsOBmyZPesmzRWft/+OtNoXA473e7o/n63S+iN+fYBgZRuMkzfKirOqm7QbDfjSeTGfzxXK13myFO8n+IDr6wWvwBrwF78B78AF8BJ8EBVGSFVXTDdOyHbexLuL/+/FMrlCqqKqpU8/WhUbN8VVuc+TEmQuTBwiISMgoqGjoGJhY2Di4ePgEhESMvhCTkJKRU1BSUdPQ0jGdDacvLXrKt9vPr+/54+f3D/yD3f5wPJ0v19v98XyZL5ar9WZbbzRb7U631x8MR+PJdJbOZHP5QrFUrlRrwZOnTkdj8UQyFdi6bfuOnbt279m7b/+Bg4cOHzl67PjyyprVtevWb9i4afPwyOjY+MTk1PTM7Nz8wuLSwOBQdh4+cvTY8RM71u3ctXvP3vX79m/fum3Dxk2rJ8cnRkbHmsx1eoPRxIyqSC4YQSnlJiMAj4dfn77hsZVmN/Bntwhmd+CzByC7E2KPELEniNkzJOwFCZtNir0ikb0haU+UjH0ghb0jdVlp9k7pNi4D+0Tmni7LsrKxL8jZN9CtlQL7gXKz5ZhybZwa+0URu0c1O2I7+8MO9o99tKKbNuhoRw8d2E8nDtCFgzThEM04TAvOsAv+pBtX6cE1AnCdINwgBCNh9BPBTaK4RQy3ieMOCdwliXukMEAag2QwRBb3yeEhBfibQgyTxwhFGKUYY5RgnFI8oQxPKcczKvCcSrygCi+pxitq8JpavGEnvKUO79gV76nHBxrwkZ3xiUYcbUIm3kuEJEiGFEiFNEiHDMiELMiGHMiF/o0P4/MYn9f4fMbnN76A8QWNL2R8YeOLOAMoalCMQXEGJRiUZFCKQWkGZRiUZVCOQXkqsLYCA1dkcCsxeJVxmyq4Q1XcpRruUR33qXGjmvCAWnhIbTyiDh5TF0+oh6fUxzMa4DkN8YJGeEljvKIJXtMUb2iGtzTHO1rgPS3xgVb4SGt8og0+0xZz7fCF9vhKB3yjI77TCT/ojJ90wS+64jfd4A/d4i/d4R/d4z89IHrEhZ5wsWfM9oLpXnGpN1zuHVN94HyfONUXrvSNq/3gWr842R8rPT8F4Y9g/BWCf0Ao/gNheC8cH0Tgo0h8ErV1o+GLGHwVC9/Exndx8EPciQe/xMdvCfZ9CeGlRHglMV5LgjeS4q1k+63J4YYUuCklbkmF21LjjjS4Ky3uSYf70uOBDHgoIx7JhMcy44kseCornsmG57LjjBw4KyfOyYXzcuOCPLgoLy7Jh8vy44oCuKogrimE6wrH8XkRKArFoDiUgJJQCkpDGSirLFuUY6vybFOB7SqyQyV2qswuVditKntUY6/q7FOD/WpyQC0Oqs0hdTisLkfU46j6HNOA4xqyrBErGrNGE1Y1Za1mrNOc9VqwQUs2asUmrdmsDcPaMqIdo9ozpgPjOjKhE5M6M6UL07oyoxuzujOnB/N6sqAXi3qzpA8D+jKoH0P6M50c1pYj2nFUe47pwHEdOaETO3RmnS7s1JVdEtgtkT2S2CuZ9VLYJ5X90tguna0y2CaTDbLYKJtNclgtl0l5jMtnQgEjChlVxJhuLFHMUiUsU8pyZaxQzkoVrFLJYlUsUs1CNcxXywJ1zFORXw2y//RWpxIAmyKGuJcCz7UQb9e9qktoqmBqjxbOWiDk0eNcSKDUAKfUaGyzWuikQa9j4cpXbzquSj3RewZNL3yz+LZEGg9BF9UIS9JZ0gWkP6aqkSuy0xIscpvST3UKJXKjmFSpZfHFVmhdh0bwJfkFkvvzBeTYkrGidI8SSGFtct9+8tiSSWCnrAhL0sXYCp2qFgCFthWvSlcsYV/QBNW48ZSiB0JNVTll1qQ0YwzUEeZyEt6UU4RHaXFIgRKL3fnxQc2wkrrK8DGLsdEm4wf/lUXi0yoxKU4/KszEnOryRg/21yCg9ByrxKzAJm1e2M339alQbD3NdrfZugkoeiy2K7KDulMgpTbW+bxp/naX88TJ9rY2F1nYZvhkiOiBZZWFrOBBrlltfz/nOk/TMJrF8ghYXzUFuS43wtcYarMpRsBQ0WYj7uzmdSU9UZ1arX1XNq4okPTwDH62r504eafuJLTqVk9T0sl4HR3RgTsEmji5itzvZge32TZt+99mOrnmVFiqA14RJod8HBcnV5ADpziAdy2u8dZG27LIDZywAfuOXYeYt0qtd3pUErxheoQ+1Vd7VV601jb3qqcitm3jOSNWa8dGSy7Px07eoRG0bmERkIIIOY53S7MWMWEh8S+k+oYDgWSECmCn4EGwGwhvrTJxMBUJAitSI6MCWKzlqhFSjAUsTNtn0WBGJODKVWZRrs0g4nSC4cDDtVWFOda4IV5PsSzrETt9pghAAk2KYDOODJpePyVIAHLG6wReJSRWzG5hZ1bBrEsKQD0hHFFKgzwD5Si2M3P00pSghKqC4CSOdb9/cqPTdQVsvvjUhRQm9mbqvNlnOBiWvMnFM0rQqlrGNnYUEFoxphKo68fQwHXLpwUeYMHBqTK6On/7vgG6dNKlDkYe4UYYg2OnrZMBe8S8tyxZF9goI42C2s9ua3KqFMN8GXznDYg7vM4oohnljcIgzAYh7rm03W3nhhiLvd9CSKYKxmYBAEZX8J5Rr4ZLDgZRBSsUADHnA9T2mC1DKN60ACKQdCkVvBr7LnmgRbqPnhOvxNmEkBGxw83OZfLAsDqyK2riqxyBRDhW0KW8D2j8PnMojLtMUqQUmkR2IjdHTgUwAsNRe7wQmd39/tEhiP3xG1vZX816hZ0N2y+Ve5F8L+ZTJSgdkIwjNxob+OvdmqvlF8kC04zISuB8ntoxCN9ZahPabcdGhNzbsgDDEPD0FsVCJXc5WVwvIiO2UzOZsPya4daVk/Nbg1jVjgGbMBqTvEtK5IIX6RvbjeTWhFIh+AGm5bVNb+MkONvyt3+KyBZX7a0lY3ETFbf9v2X2Le/XkU7EEqYVetT2To0DdeCZM6GS6vp6JdEcMLSUYTrWEBLla69eRcXLtdkOkDkKlxLirTMsVcom6AAfaHTUgOF3OO+Ww22WwnzE4s+yQAndlx0dPDSoxef2138cHqoIb0aGdaI1c2AFjK+0CkqQ9pjWIJb7gfAkS487iSbnD1bmvMQcI/LpO2AtM2E3D632AC5vMdnNmC5+25L5HYfxgWNH2t/tEcF1RckUqwmLfq1a2dfK/fFshGgvWUgVU9Zdo+YjWmh3v+Kqr+axecE8vxnXLvz41/O/gsXQvnbbqfkBFQkqFkEeVMpL897ixWBp+aX7+I5W2FwlPIoCmqkwIoFCLAXjqpQO391nij0Yg2hWWrTgfmrHrqOUKcw9VPRw7guR3IiSllpeLR7PWgJZtPiqTK9bvwmbn0HWYHdQHTI/dj04mQuBp0+aU/2Ttr5cQkjIbL7DRy/p40ULnzuDZ438ncwUr+tvgsm/yp2UXWgPXvn40WWqg29NRTRQyIx7Q7RUU7JQUjuPMwDhpEuZEc9yr9pu8el1WRwWS05b+WvtslRY0Sz5AsmkW2H4QAK6PkQuwxnTC7K+fls+vm9SKnysjltvnz1h3XqGrL1TV779YP+FCLbRhvn19POCwALJZ8ogmj81k3Pmw2lvC7Ocz9U09De/Fs20JyLgthgKwMF98V7KxSPc9wPPY+OKx3HbKol97uml9+7cPa6NIFd7ZTEv7x7/KCwdTcXZa5sP84MgAc4O36DLL4rzLcHJV8bkBNOriFF3GzzMx6fBvrVz4wEEiD6RsC7O6X2vf+zyxMDALTZ0FYsDfR6SJ4N4J3jUZepqjg2scotWxEJqE02X9vcIP0+ecxEXsppvBR7UDPIBw0NvpDke+XNBM0Rao0mx/RPXztsKl+rcXTaBrIH8ogUHVAukW1BNlrJ4DROT6RVhqtJMrL/YqOpjpyatTPfzdGroUTyBgwZWUIF/bCiOi12A2EFSdBqQ7DEGO1lVNcfFmDNYtlfasWFFTawqvp7Ms7KbUeDNzIREO1Ikf1zst8BeaxXpnC/4dhb7ijMXnaCfnoSHehhfco+awxtU435AC7Rs8Oo0rT5+d+ZGF/fWFo4Mp3r/lRxZj121p+fiNV5znXrI5FPVkIWOAenPJRCrMLnTEkCU8MNWxv2Bdv5bQaIiH3e3Bu2CviBwFAqMbudG1K9sW5gnDNewsIoeGAq6ki6qSy9XLlE1lRO30x2Mq1FvvddhugayiA6HV4IUSGCPPZi7PhVVu0Zsy83BYh7A7+xR4V2sKC5st1Bv8ttSCpcXVgaeMZrIR9RcTaWMO0Z4hHwuqPDofj2laxJ2P1UCVOUw/DpoeoGvywceuMCFa8m8r1K5i6TWgBKh5VpTsqoUAX5VegL/h/s1oleipOY17R8qF0yf0pDpqvqf/72HLza6IR4RZxedxUKDNatQkf26d81odaVg/jZWs5FoREkOl+9nQeROdj8No2m3zdY35GaxcHdIHSEBMZWhKsDIraya6ALxMxJ0OLpH2mTQMfCksZqGz0a0am8GIN+ZZBs9utl0zTfytXufmtsIwFMxYeOnOknlnDzg6FuQEvhKBLqg4GQyN0TKFIgKjsdknNzQBH9BcEeT1qJcXA6omokVgfgKL7k4x14itcg7efptT7h7qUj+XJsVibXpNVWp3j/DdNN2/SFN88qUCzmY2edGA4IuREViuXBw/pYVpudg9kyJM7LNd6vUfpfh4zuRsnMVQO4PVybgHabEIWSK4aIo7aTJBkoOT3XWh6C1cNevr7Prbg2r8dlTBOww99QjzBa3cAqPPc8qVNIEXEoxtksE0qoBLXBabsVLYJitXsRpcHnBcvKVdEc5fdtLaUUFflAN4km/iMDQ7tfDdTLRfpInX29Y5w5MCzYXjaUt5cGr7irgNGDnhyFhvk+/FR5bj4/5DJuQ9bq7F4H+QsD8wbkOpCSX6JJeCR9F46zMNgrQkMeAKZSPpjEVwR5dYXP9GTAzTlswvzxdAQUapiUQYdy5Q8GkgxH7Laf+jqs+7AXzvqqYyYdzm3qrDJ+iT0VENKeucBky/fNyMkFU+FitiOCg98d+evYvvzPRmcg4oqMpgoCpXnONT338irPpF7yInU5Y3rYLdeQ2jUh0bFy9GxRNSuuGC+dEVpNV+lpzKEApGoCoM2ZCWwP2Efn1B+NtUownoyRg6hA+Q8hQueE4CpdSgKeVpRS0oktTCETFwwljf3StoMq10NtCBKjo4PHO1/1BbT0mbJ+GCxOgeI9aDU8Tnd61rRg0S2rdqzvE8QWxb328//7MTHc0TVcUmaZFqvp2zjoANkgeFrQ+oI+KoZZZ2gS0PdfgmkPz+XphvrLzR8BAqB6IQGOlZKKv20F9WwnzZJymEZoI97uQrGlNXPP6RAc1PFQv0nfOJLLurQIffGLjmbmHm+8swLxANXuP0el2QpLE+Bm5fD9X7z/y5Iln5x9rfXMiE0oebQthOr88980FzgOpE4NYuf1xOzeQiuPJsUyxdxaW1zc7OErOj7evNFQAtNFSWnQLZLOba8qurvcMo6gBkTX9hO4m3SvrMWQZc1wZdckTqKJWESMVvbdSLMGLkBLmSaT+XQzBw+riAIR/4hGL7NNPY06DvmDIIhSPSX1xVReET6NZX9A6fYcKGfauabmDp6obogib7wYXJB/kojrq7SvV063B+O8209P+necK6SG34CQ3YsQuSS0O8J7oaX+9T9C+Z5998cNCCg4e6pJrZsBA3/0uhPZDu3gaX4xVG++TD7QpZ4SsPSfZBp83JX1MB4/9mTuENB8wiLu1kc4nfefjhaXzjoMvc8dh7ffa1ZMuJMGJCq+5MTkX58gZ2nqQ+5Ukga9i3HibY39xLt5Iu4+85vuG32eQ2Hh4FVRbeqXJB8b1AGG49sw5ygmS7hNPn3hWBGhyo7IE/Oe+J4rfi02GTkvzqZXhdpkR2r3nTFz8yFFw3F8jpJTLr55GGVg+qD2lh8W6kHVEVpcHkeFm4qi1ZlwOxsZAZA0lXcRoWNfL03GP0gTmbSWSiIDwHO10CpgPpyoxBpzTye45QbldD+YJKjA3cG/pBamYIBpkIKORIZ9Iq6M2Aghk3rD3684rjYxCNi6NHgrCxElI4ApZNSbPI78zbgfl1twsVu9S0jxgpStJ/7hHi6ul1vorqvZyRX1Vryw8r0JQNkFCJDvbeyDCMk6ltB0y6tQ4DwSt7JpT9RMem1If3iSzLFhGWjeUQSaYwMQuYdFqUxVpx+W8hSDEmJ8hQ/KKLjdUaNKr6p4en4ls1nzYumTP2ZpjNwntc1U7DmYNhf5wWh++3dezTyByJz6sVNIa/GsdlzvbaF1tOgmHnTPtJu6xbFaNblcmrJN8WSjFnnunsMkJZ1eX9sryL/n4B8uR4B/tyDDtNryxXAtbiIqZ6pICOnlKvplgWDKFRM6uZQ367dccT6s/tu0fa+fGF7Et9AVXD6RHTb3yVibjtbOWdGlbOGRlfE/fCNOQpLw2D+5WrrZ9+e3g19cdlTFJsfiTL8uzN2KtGy7mZhZMntFYt1t8mUNwa01/fVrlF6giLcJvLwHmApmNGfRRYXRUmt8G3MnGxN+IEqakHbt4MsoqFHo5lVIOcus2BMrMxvms2/7L6sYQ3VxPWKdp8F5f3aqeLbyBTxQvyvA5LXwUhtradtrtbXO79rUN7nN+yDABt8RqTsiilass59l5yBnOD7aZPJN8zdCfTU0CTtIdKUSyWSqbCxbPsRwBE4VKV/KgzKMuhcAiMRMkw5ldFNGcpr+0UzZZmRtl5ZyD1rqjlUC/FGZqxwOV/SeQ5Wl10eeg+diJQVhdWfOLvNeflhEMbmbSUs/CmazVBQi+9KJqpyVEky7a2X55Ukxh1ulWSOYMhdQ8d2wI6hoDYaMo3c8oKto4RJEMb1WLkXw5g8P8Q+gT3ojdu7a2fenrXli4kDeeCy9aJmef7KodVHflh7vk4HwDnKwezDlI4d4m8YTPj32EzGdmnx+7pmNe271jsTbki1eaHGKbsWhHWe0FDWzw9vBCuqE05tFUmsigGCfRXFixJsxkp0ERYI8uhGvPeeson/bhwryZg86RQc3rEMhcVHPWj6/CLOZft/L5OcIKV4dPDPhGb/zMJaMpZ2M4NPuSZ4UrRPODQer2uUWDoevckngk7QlZtTf0F1fCHz9LqFIqzDGo9tfBBdSeVGj4DWU2s2t7ddJ6X21PJpwoHcfgw+H2hTClVNqbtYtHf2t6W07Zw+x5umUstvuFRrctGCXUR0cVq1zd8N5wnszf9t88G0GpGXnA0Hl3QU578oPY7C3HYoMgNrD1dCgMnb7YpjpBnDHChXQOm6XKdTM5SdeUGhu/cUwHW458sivv5uKKNnbdcSwyA+dk8Ez7fmzS2b/WKmtLq3faP3JYcU8MZn2NePKwA6B8QCgfIMoCRkx8+IbVqxG5MNGxpo7/2RGVU9GKZoxc8GzNLpsiEz3o7HjgWmTJ0GJ8sd0AyjwkGmwfRtpG9CrtWuAkwMioxvZA9LmaGM9FW/U3OrWLHXmNXmrmBY5IdfU4etXsBX4NDMlFr+OhG7/h4eqkG2kXnChfOOfZ7BcY8xkuIxKPbq0sTDgw7A33597M9myueCRikw5pyhM6m1W75lNEmXQDPlb/elZf3SrHLqcJRLUacyZf/uoLZURKHY0HzbbdHG+Z/IRQIMANoaduz/H8+jy/gPne6QJC4nZ3FpE64gHFOwmfxtyHQPsiSAj5GCOF8n4qgPsUT7r1jIuSphSVNFIlZlSoUC/rTHx+5ZSapoyS+rA4EiR41CzF5Vop98hgqh1grFpkQEhPTa5qova+0F81F42mRZtKULZrm95CUPOdIZc2nQO4ftNmvURuNeu77F54LVdSnQRHaD4jc9RtBr1khprnyhOOyjD1kDX0h8Qcts9m7svZwx9P6vT+QYuX6fdGzB50TqHw5Ux2Y5jNPZTMqoSvqOGfOgB/f8OaVR3org6EXjUYuQ/0VBWZapNBImR7ENbtIRoVYZM/aJjO0OYt2+/VALKmqfGT14ZN6TVcQU2SnH5VYfHqK7k3iTWkLCpk3Zll41iQw2qK31W1jXFWcZCDu9wuMT7dEZ6G4g5egCLgmYAvzcepVct94WulM7dYGe57/lfAGn/z4hCeL/wqYR08HM74EMiLKWWWNBmVlq0xv+H+HgS6dejIezES+DiqoHaCmYRTH95e2pg0fLZA+kuf6xOuQlvnVqkk69mls0k/TSTRCsxqz82hRgtnfb3UhwNvLaGymObu02q5GwW7QpLcXsSlCHtW8JcsZVoc80g+iSSpz11mSvX/dkDY+XkL+Q2iaBW/IEbpXQQ1f6Da0EW+TVR4kBoRrqiRy0jislSEFooewgnYTIpTm14gXNtzBvu7ywlFY/smXWvZMZfWda36VqeCZTcvSf2dWKj5mI7kf07FY/OEk1lGOsPW6jx9NuKTcqxch8YsERGKnqFYs/Al073OulnSsV1WKls8sd7lmni3bqwtqUR9slgvmZiAu8jQBuIOHwR4rpZ5CxGquN+pMBCEPpCWnphYTo0FLDkphrYC8AeE3FHTGA0N9deHdnmA/jojmU3IIQqT71Ur1u164vQRhhwDnJEPhFiJRBtVt2nFKcMFgNospvQJD34ZefcUmA4DEtxa+U9VlUZkn7z827MZHSQxZZkOM4s1AmqWTEWRs9PYjGhsTBOwAeWhLFY8lf1+8gSFnnATqyADieYpZKhbIpmx/ryXM9JWHIWBhneLhUB4HAk8mufGnqkdMyaFapxbtB/JcGBXKtu1ajx5i+0ELA/p2SrCqWlSElKPW3AUCcuD+o+hraAWyqnHRuO6xNVhIIsnJFJAMacyl5HkbRFsng7lK1+Rr/IiXiDPdaVd9v5XKhJhR14polh2Rgc5/STEM4QNCKlHi16iorf6tnxz485tOuSaO+9NvMzUjWNy82zHTZ4P0bx94bApDCyB3XpldxW2jKkH0lgqi+msqCajeD0GMjwhE7LTXdJjbxyJZztP5uylk/hHAt4Clvr1Kq2sNtaOXawaY58atRuwljHJ0Xg6KIqny5JczLGYoFdHYxKe3sGBbh0C6DYmpGTxxMTYv/OIiTDmBco/peY7fIht5Lx39Bfsd1B8J7TwZJxeesNIG4aQMrW0BRepxtITLOvSFYmgfqZNkeV52n5WWXJHBiLLIpV5sehQwArBE2cbpjnveicjWuH5rYbRnI48S9v9Afv2gxOMdLKQa7wE11E1dmS/KuU5iseG2zhEBd0TikKJ+0zXHzwmPx69ucLNHdcc3o8KUP6FAxOv8KORuIfccUGpB4Vz9zuZLBhVQH8i8ixt9xPq6lq3d9x0qhIZIcGEAqPYYafU2N25rh5bBU3e/cu8wBYP3ToARV1ww63A8dMt2Ozj5I3WbZli6LAhxId/mKlBZY8l/Wt05FDNE2MVW4Ilk+AhAQMBIU2FD5XN1dpeqTgSaiVNJnptUK0M/ahzUjpUKA8lLnqDLioxSlFlE7d6TcXdN9oyRiGvQp/MZbCADHZENa7pZ8LgqVgevlS9joiJ194qh1Al5s8+Wly/w5uvtuip2QSXDDMhSG/dR7NbqV3znESw9NTyWHCcWdKuJOHKXMkeMDiMCr5TEMOK0jTOFC5G2F1JYvSgj5Xi5qpNgMUTFBb/9lKlEUg/rclUjFW1Kie8Vev5QAfBW0nw2fGv9HCWwFi/mZkY4vNeftVbFY59xyQ1YvCwD9KZDyYrRlQcCiZQ51a21nsg/AEwNtRDVssc3mOr0dbQ2mV7VOIfBFd91Gc3jQHNQFuM1ANCq5fMGcJII3CY52jdxyKB62xqF4iJYIvwUJYNzBF+wKyNGlbs0ZHDrfM7rjpksWNsYvrSsOOTI8SROhr3pyjudKH9GIanmqHyIKNFWMcqcTYpiEon8bOqdSYfflDxykF9AIbZwH1rf27UdwjTuUC6UrMZCZINAo55IjTHQOk185leNISuvBL4hCShJ8APTKs9qfCZhrlIT4ueh8A4G7y/lqT/FGpV3xn0N0EW/nykaQATGLP9VGEjwbkY3Shj1LcBi2gdGL2VJq2dS7N3tmuwonRLWK8IfWdUVULMgP9rAlJOSXXBQ/pU28urUo/dZGGfzoItkiAPyknam23Dm+kdt0lN/3VWwsIoo6xWlGhwB4TtOSVvGKSLaRKMZ8dg3lIJOZX0ArrZoObAPCEQDmvCs0KNsoAbdnYJqri4wRYCKAM06sFdiyCH49lzw0cwP31UivAX7HqjviBZZ6BBkblu+cXwSGqWiU+fzOLSaf9zL7302GMwf/LRojIb/zSyiyIZ2az+D8iMcASQXmKL6s84RC6pevAkYZ3OA7IGIgve6q5OtBvInrZTpNvA1dnb2SNjP32M28krmETq8Dtm5CdckoWFL+OAfL/+gmm1/Y1JAwLWlcT3KFVRoRkSiQtyUgp3Lhnzh6JWEnWxslb+1ltV2jtX/v6PNzLemya9Ac3crnL63XlYNEgWLQIOwwn1dFgiM6yG13E9mk2X69dAM2IqNE7UnrzUz4pCEA13WJ+GDAP70nPP5a8fAV0d6PYPj8H8scfKz8+8sBq6/RM2SXwdmof3xjZLjkorf/PNWerbV/xuUCdMp+GZVFNN0F79fHPFywvQqwYTiz5cgrZdZ6Sl3F0Y1yFAY4B5AtIsqM3aQ9e4oKXxgYYmu0ZtnF74DKnays+Q/oTcsYcffnqXNz6ar/TjXgbErSzIw8QpOQ6WyU/4VqOvpPEig3tM+842eODRJNlLj70G8wJVAm6IS7PKujNlnNeb1LMrvdieizKoUT+lyF5g9eoszG2IiRhvgXcODQlIzL/gL8AaHtH2eOc7aCWD7bHjorg5PK7Aay08ge3A5ZbfZbe/tbQzxqYsKZWIpGuoxmDPixbclBmk3sl7O7W6SVb4rR6/x7qMvRWuR/5ctKquMDCG7L7TALjA5SSB3pgAG6+It6RtTenaWNbjztIEeMUWyTNFTqf8BUa819A0sDhUqkpNzszRuUVVMRFp7udD7g60WrZm3fe3YIqYZaRNOvELwvW7e7Fs74cFJMhFwW7a6/wYRsmpQbYxnjOjT8Zl1WZqXmrFa9Yc76WdPQuHInMd7K+L/RnY6cRRGItQXiQ6Mkr0cWPXlLlGq2NJcqzbP64WU32kZ5kR/5BIbVaTfz19FXotg1ibfCnjXoEuPXxH6Mmp+FzPTpqdffnPvfOgqN+9hm1w0/AoJPb9zKhtxfKuDpVZ0nZD3pW0kpHNu1TTtK+NDail1HyBLUWvgWj/0D47fm10TOlr+olOVpRp6n/cOifCL6I2tOspC+nFwQKxTb8WjHKfLtkpN6dep6ZNZ3/y0ztb/VDox8+sXfPNGFyglZc/I7bvue958DYAQ4WksrQ0JlUc1/ZYd3Q5UrC0DFRDxM9W2BS9MpIil1F6jVFryejEhe3uJdKhOpY34TxOVXSuOy+ZZTQeF2ZyTZE9zDBJVxgJEvXfZk155fIK4kQ43dvBSAzLerLFnsbNpfd2tx5YhgAMPVcpm6OMPmz6dTFjW7G8UCpswVHtkwd7SpJAlYldSCAGKB7ZicOKih8aD4TfaiCna6bdVuOb99VX9apZusEmpqt2nWndVTZVDtXM0pRYvGOeXsFgPDcbnVinh0faF2qzwd6B7cWRPNQ/RG50ILzpH0EeamgG3ZT+/RnhcFS4S9rulj7rSY2dHu6tDEOnR35wlwIesPFMnJClPgRbBKwD8A0Dvc0aiNilpUriWn/XkKtZ5ib10G2MRGdg4cFh7uRapkCIdabJkmUVwMhNkw+VgPlwoWKMuVECqxYqrEOHlCsn6+CnT0+nhz47M4+iSPHx7yIDd1esj9tuC8fqPHbZcsxt4UkB9d3voEWxb0VFIeMcKyaTFuUENYOdsRSztkVO0AjHJzd2ouPq2YoFhErRgvaqVDe6Ox7CjDRQKwmQ89eoZVRkEAWy/07r6GKTH3j2KMbgleGmYm1evzmeH9Q0QZl221uXkW9uSRCd/UWuh7kI7jp/+S5XDwsF0L+SvCZhKsV2Hzp7tHbPkeFkOdCnId5/tHJ4eeh+kQ1kOCPmjgykL9RuMDwYtVMbT9iFeSfrr+lJT3YFp8Voe47mF1dtiR9yVUkr5yps69UzS3qivvVtuvrs+9SVstWP/xiUY/R9xdqsi9IJdqEee4+7uIZarmR299qtx1qXn6w9F8fXolb0ZB9QU+krZDILj2p2WY1Wr2onTVd3v44BXpffk/0fCimwW62Ha52aO4sHOOaDS68MxnGdMfma3CAkj9rqfNugfdsV+jFXHjqL8YXyal35cCW7FYE+kZui3Kh+ycLu9L7p0T3JYGTMKjQwqIzt3ybZ0nVYA1eLuHbr3y0Q0LacSYmQK56zWlyvLXCLNunSAFj8Cp2J2A3VH/73y4qhPGn/dFd5cIuwvB1UkgQ8c8sAD0A544ow+6BKyJZ8Vvh0b/8cROCc/34fLR8MovkYEWJOGE54QJ6wAMHsnZLq0jsZ1+YCXtK5rJOc84guc1EfGnRmcca5CXttUkcH9/sKKeZZemR5u4cntCgFxlV2Vha6DMKmEtf9jGV7p7vs+r6+GIuJQ0CWnXxC+La7QUaIMjmuPASyuzFpfkBYWkYodv6asCsJjHpdRptfASMU9l1o3kvR+eIRNLsZbX2IoyzAF9pSTEGGdcWa7EHLRWDwKedj1GLgncMgIHjrU7nvh7SaDlUPe4lW8ZheCUDQ71Sjb3/HLxa+VgeyGg6/u4uIC/rfnYjM2XexMEtb48FJEck4FHEz1HFnNba0JlgxLuvdhf7vyB5+lOcLLVHFDfkUPPLPV3uhmQRnQR2nykw1FJBBlPWeN4L2QAR7kX/+eGIjdb5miYYo8jvjW0EYqKSYyyIUB2R6J0E+YxlHC8XSargeeVgFqsoAi+tgD7shpjuo/P+/pfb+Ykn+jYxXfzfj7U8efz38nTMd+X/1Y/t3WOrq2rfLn3zN/n2x4UCtHq2QQonDGi4JAzIlX7pCU2PaHJ15DTToPpMs0kbprfmscyq+Rv3CbJg5FSfG7LTfGUP86FiHG6mBWy8XaqVxLVANzcQ9isZH7Qbt9DoNX2Mh8OUEPwencX7aW4g7CtKj7YPtr3WAfwsEvZywDmDdy2V1cSScHZIdDAmji4WSonc67IwmQaHGUXGH8vIAVXHwgBIgti8bkkr+EAFIOwUZEHGOPaQys3fIrT7AgLFdZIO7rNCrV1GrZhrVjGiu2dnB0NWrLNN9Zwu6noajBJGfv1oTCApzJ0K5a5ssWVHg593KdrALQxuu72GQDB2MaUwg2ffWwJmz5nmHreGp1U7mKIFBQJ1vlIIAvh9vdW4t//dv+aVL6IFDw/+9kXTvQ4OC+szMFPv2Qfb5jgUScavz7aFLF2n2x2TWMkau359/EsuyUILZWSS9TEF8gz4Hxec7jZEh7u5uYUBrN7t8nwLHfInkSgDcy3W997J0tfotG/LQeUBsLlr6rXq1/OW9YJSr4+rltFaaLlegwlWoLOwyIp25SS60BDo8gRecAfF1uZwRS4zudeiNJtrLAJG9KBtiA0g9UI8H7gu496XbIGwAVh6KXqRMii5cQKEbHEk1DBfi4Wg9KerXLddq5l//u3TbnfUtk1H1V7dNqM133rTS4Xr4q8ISkDohrIoSTCKQ3rQVBohBI6tcM44arPxVcVFhycGcj15EiAFZdFPs6M7MvWS6d/FD6Pt261oyiwxgM1QzlV8VF1fFn/q/7nxcVVXcVP7/ulcw4hRSZ504j/ObIQmTMKTuPzEB9hP8ip5nnahJ1hCX/kUjXWDfIdGk8HeNQPMd/v2UubGbxD3q0Msl5VvfhfXEmF6Ho01gWNT4inpiUnQcKklH2NsPWPD3Tx+dt+He2uWzt5l+SFS3BK72mRUpUSUXzuX/PEDThGXWLiUCDACmLapc59t+JYRJH6xakfKQkeSY6CC+/itzX+bbv+3FjlKnpF9WU71ykMAMOdm+ztdqxQ12i2lfhWP5BVAuipgK7ucqiLtOogL/XolTRR/7bMi1iTNFRWAzMjfmpS1VG9s7LHenjoHMUmNXylqq7cuYuflYxeVbH7uV3SdLCYgSRsGiB0RpLR6tNBRNkEGALOWGxw3etYmekIdDL8/ygdaiscfWItCeyurBEP9UCEZtYhKsEwfk6CB6XE634XCvkDVO9D1iHqXTRPsXJd61T14jWg81Ms1prbRR3I3xsDzrR//N3xs66BQxg3CVMaiVxsu0RP5+//gcYpm5Sr5CIvku9NDIJeZccyCQTDPxEH5HiRugVkihoAaSAClQSDrBq1EUamKaQ8c3j4KqnFjbHprDC1FWhuTkhFQqQ3g5lTylksdDXZyPRB12iSIZog1E4GeG0loh+3Y2xG5PctOgB/wCc1PtiTujHaJ3Eu2BPdR6RzOoG5zR0OfRh+NG9lmN5oZpC/tGUdH4+Fl2H729lZTakdxZAgEIcWeMQ8xOItCpPOiAGj/xoEWqZzaKAlSOA0oDeB7yPSwxWadT1wXkR9x/sf6x7c8pS2D9hn/Av1lH0XKCa8amHP2Ra3sue1Wfe1+Z+gx8pr197jOcIpVIxX3wZO7UnWG4ctCB087l1iQxH7mBc8R1DHvGOuIpE2CS/1zPUxNQYmoaQvTdYb/Dlxji/sG9mJN/Ove5Xk5ZD1wO9yQnJSd3uC5nn4F1XeEL7EZbXFawetx7ysp0sKycZqIwozZwzfFXcwpWmNAjENyAm02NYrFzYQZ0lFKW8Ak9KqPy3WeLfa6x89z//na1NuRyVP/gjrq8vtpe/fa3ex77mo/YfTZfRjX7s96FkAE5F4rFSxUoXoY2CwQJ+ydj/ClxVVXxU/leMyMrbrsK2M3j+G/mhxaeEB6pbDq2CJLOSLY4m7usPDv7Q2hYxeZsEMKKFKNqGFMA7pHnVk5leo1KVWqgiTGRUvlFkyoXK84wt/H62DHHi5H2JE5Cu5uxTRiVRvmNinVOzrSNPCC6cf36DdGjhUGwnOb6I5Vzye2yADZ9vT7+qfkWX1hQa1PrI9WMQwJvqVdqEiN0zxkH2bH6nirxjg2pXlJvuU3mQI6rxDPJu6DAO8lT7JqbamdzbkarSytrpmNrcvIpMs85hHyqdMo4s1xaFywQe5lZ1FkcvHjFUT5f1M1HfHPzYyWhILQd+WveR/csFpqfxvN0AWn+/mn5/ulpfgXYnTpZwL/nAg7i9PM51QB+ywQKnu1cVuZG/yybcYK54MJnEljrjrO+ZHwNoybFZlISM21tz9PlO35KQ7qYXL/x9gYX+/b4idKGwDb2zudbUZf7szW3/Wcpf84GuIzYtrC5DMU55HtkX31wBa3W/l9b0OGJLhtU0by47QuIXCC6ect461ZE+Av/de+dAl7evftYPq+xcdMm13VtLmoZQGDqzI3X6jSFLJSVFY/IBQKd5LTcPRP+LQxlMKcmfht0r0rnm8C2qYhbELRK6PgqtsImgT2XXn1iakmf9b1oJVM0NzNFl9LgXDBaaT1QcubE1KpqX5G3tyhLwK4s3OMjdxaHS881wOX5Ej9vAP/c9fnsHBVKZtmeI0ejsWPXqRaboDR0BBpRbMqgsq1bFRD6+HgP19aCuEzMtWpDttVZKw7HYygRWMqxKfxqE3EKqEznr46bwsd1C+V03Trgsze2eg0hx6LDgjfLTyKIlJWL3OcF5yAENeJCJu1TH6Gc3kmUo+8/rBYeFssnbT8eixzw3htbtcbc/rOXWe6sW7Zrs0VoncDuLy/6GW8dfdcuus67h37Pts929903yxnfPXoPed/QgG2P1uZswl7hq7vL1kKf7ZAQ5RporTS4qEcrLX/Fiha0DFegS5ctU+r8ppoawyzzn1JJs5ctRRNs0LKWGOVZVgv7+ooVOQ/98vZdOetx1nMxLeAzY2SXdjl5ZS5PERKi4OXeFrBbEbLr3365+l5bPH8JHVfaNKVI50xaGYF9nY408OQF3i2kOXFTPX1MWoHPepR+a/8DW0+2uV0elz1S9bG5imETDaY8Z+wqcLi6NFYvB3CBRidXtaOTZLsdZsrKONTFA3gVjJTS7lCVUsalDroCZA/5nuFv8R6o9bP30vRWb9iO2BvjwO3VbQwtWQ7bwZNy8/r0HAC4PbRWCF1bngnCRaj9WtzK/qrbQKpbN6UOBO2t8LVZM+72mY4LV0JWNK+dkkwExKsPvjDng4c12bbknbp9urXpdt91+PrZHpgIfmV0pnC4yUqubLxiChMph5Ok5CRKuVw5Eir0FfHsxnrie4CHGdd+2UNq0osVvMCt4S7/1t66jRjcxm/46wU5kvj6iSQ/v8hvaAsmtsmPvWW8yaZPNSAGzRugANV8V+KFKAPJ1Y47Tpg3BLVCXIP36Y22j+4N0KrpfYffHiPZC5Awu4l9hXa+HdfOyki78QQZnaX1ufq/yWa8pfPDkIGPWfm804EH7LBbmlMI2nWQawspG+isHfO1ji7WJE7V6dOc3uJTAPYi8UBI1GHEDiHNJyHeR5VOII679HI0vtxQOb0NQc+FrhxyjEtWrA7T6aSY3YxiokHGYRnJOmZDC0HcwybX2seU+JxkG+PonIkNWvZ4sMGxY2CQI89rvmfJtGU/OESKd1zcW44ryZbkxmF1eHQwAkg0kis37o2/A4VICnR20Xp1OuuDAVx257aPG7hJs8z+LuohxvTa98YQdd0BypxuKP6ooTRhbAR5gIx7QHgv6ko87Drkepgo2zC8tjjTqs8KLvDPJrtb8mkrXFcMWus5+oQ82FNv2b2RD/FE26/U8BrEvqe+wKYmqM+dniOdLW2fGYXaf6xur24Epl8as3Fli+Tl437LJUs3pGta5JrXpUTw+gSqOUErcw9KOAS70/xprAsPsLgyxSZMUJpcF2Yz9YplgDk7Ij8y39Y80PLKVEp44lRBeZjNlCsWAea2QcpgJTtR/iwNQAUDsLueccEq0le0Zgc/22PvHQ45Wjv99QfsPZuTIHlS3TWf6fXVyy/qsbffOE9oFkimkq5ZTtrHfj09wNZh8VFWzAhLZBaYc45O/WX369Kb4E17SDR+2zMz3t56jCcpXqUpX/Fr2HxLNA4xCBIbpn0YXLIz6fvrPZuXe4b/ypgpEFwL/BwqNgt0o5KvJ+kPtfWGQLrDknvsuP89EsyoleftqGS730PWgk37yLYZXQ6E440x+k+7eIie5XPQwULdGqFbt+vfpjWwx0HbziSOBrNJXZv6mwwCkFe5QMqJGtckhfAcyEu7pYMuVUBOaBF8wMyyUfFDTO4YgnWRsjOmawuJDyhPZl+6fzPG8tTeO568ELk8pHjOHQLzj+ZnYFUfei0G3nnhSNvCOZcemHuedzFC1pJHIMawLMMyLTsdujy+uvrbD8U8IDY2a2Ibk4lTlX6re4DHDqPTzRdD6yXMVlFPtxwDiiFEJT8FtbCapUVbqE2h6SJqeVguk+pGzfnUphFhWp+2g43r+F1/L3NSV4xDTBfJRdQscZyaWVbeF55J3YDwl6of3uhxuQqB3R1fUlLEwRbEQ/SFE+kDki5ZmzhjwIX5M5ZOe32/8UmvKPiO7e9kNlKQVYZNUggHl4c7pATezXHlupj/mbHcwvrRQZ1QNrRoKLYAmDhw0xQB/r8dUVZdsfc7l+UyJ/Jjw44L7rI/zoyMxmQMHEuzNm1mA9AZrALrQ24w0+h2UTRPq7nO051MgdRB5tTOO7+VIWxc5mJm25gxnMQSuk72ETh2QAlOxns8BWDXmoD0NOCXdIBRJZYb7OvNfUIKxR2HIsvWCVUHhCvm+GbTHg5bjtFpsOnaNo+bcy9UdqMLlrMWmINC0vr2B6s5BDMTE9saYFJz3Cjy35b57INS8e/q42iSUwK6bt0D45PLu3Znb1zykBZUbJIGjjTySEIer83cTuTVfsjqvGBmLo/4d9YIbVM7mvY5QZqUkfEll0X+327P6jO1BxZOzMxFv1BLGtsJ5nHiyyc81UDC80Uywopz/l37N31vO49Y3pnxIMliQeyEQvMxoYCX9nsRcbKZ6SQik2g5vSHKsdGjzNrELt2Uwdu1q+6vvV9eJnOpZu6mNj6ZjW+HyxgrQVLEfK8PlVOCL2f6Fl2uCal87LkgnPgze4Q2KcsjaZpiYn5ckkUbb5I0CdWU5jeePTarnNeSFT+ee0DxVFNPEyKduBol+Df/nva7Ja9FOM8UfplpwSZFgN7jwXUst5M+7gRbcnDQ03beQ8TSKvJd697FVpYsBZU0YGFKzX5yIgtKDE9krWDPcXBOvEnMYk0q/kdiZSmCS6Z9lwxGJ8fdjY5QAVX8XaZ+XtlG+giW2Bvw4WDH75RYuUnrvQTPr+UrB8N3+nYF+3TtDB+UeyIeSKKgXDo12Vc07jA5qVZYlpHiExDyD+EGPDkxWTgoVCQqRINzGlLTlUWJ2ZCYXcl+/6QImzBzOwA77E3OTepZH8/1OwtocMTW/Nni4bejxfo1n4+FbdKfSth5fASfWI0XvuvPy2XTcJ6cO5ILcL8mLQ9o9M5iZwzGNdhoD44d7KC+HktLb5u6DcsDbjxy5E/az8g3uJfJH99MHnpLNlG1aclJR4OPtcosdiv13kN0lOzuzCIDMsvZnQyCr1NozhBlqbmCgJpLKkKZeTuZZnWwndnHROHVnPleOyo10byy6rF6vQZK0OhWXOhmh2WvolJyg1LmPNGhwjz/c05kd0pUWIBKWDDFXZCCwyNZIjyKAoHQw6ZkFoNF7lHeyavXl1xOLudIfSQSH6nvPgEn+Uh8pXK5VbxcKKirEywOEMlCOZkGcE6Q4bl/6tvjGj45v35VsFXn/qXfSIGcaRSge2MuEU+4lk4QzfxhRfZIWtFJaO9ckeKuSNO3R8ZEwgcPFA1Ukg84okCR8IFPDg18ZqTpGFmSDzgtQt1T8IqIzQwa8x4kZnPJqMdeWCdA6kSRgSVd8RkSripchKROEE55W+WK5Sk1KR4CZxZDmMgQsATOM3Xfar6dmQRm4UyA0/2epBlMtlYXn4maAeJyQDXTIstOs1BrhdHufLOY6TozmDODLBecr8htFhxk/vF1afTrEn5k9GBRdLC6+LBasMF6iFBG4I4bD5hymWeYQ+Vf7q1HXmUIH2cODEwQm9AVEeIVlhiFGDCJNLCcThRLwiqrtez289biKjsvqQ/FneFO8W7JaPHG1Xy9E8yrrMXn2ye+eKcKpc7qY5RVD1werKLYf/D7AHyzZRQaGe70E1VDfhBJnbAzONE2ILPua952EiRB95lW0mqjo1i2aU+xsCdJ1w3Y+Gh74raUNdpJKCccf3ucIDHrAjKG75LZyfIyrfHSh0y7LDsjLJv5eGaLrsGlwVWOuvVyGnQxsZsZNKtlsTEf6Fn0zOFMu0p539JyNr05/YZ/YVEk6AaBoIiJ3cSAGDNjY85mtKT3gVAz2KfZB+PDGj5GjpENNO3YgGhgB94wvj394NiXxOKw3MYKHuU6XZFIuoIHaVZI+LEY08HCWSVfy9qttxbN9PSS+pJZzjSyz9L0Zh9cjeOVYDfTWqTf7fIFUBBsGv+Y/f9+uN9HerdHH20SFsW1b1D2XHojB5a3v2yTB+KrhLw66uzV8zQdDJZz6/wF65daVGV7LvDDalNF/O2mFwSRAK6m6/v+bTOjdevWDkbHqVOtlG1kd8pWcsetpo6O2mmbN9czLCtmnps9zD3JOB+UFM/NvoMb0gdNAVvs3tRgwxf1H8xhis/eRKvaQu8VviumTV5LRZgNbfmOM4o63Uc+cQAHf9wJd1Z5JTC3nbNPp2SHiFO8uCFZQUFZJQJeQDx9GWNZY+NmxmZ8phPtbT2thYWtzv0yJTWd9UZClHmHWISpnoXkbnT5uErmfpLKkmSifSyj1KORmvb6Ky53QCYhvoEMp7Pt402nUBobTnO7isi5gF2RQ7P6w2uBX+5G558KqvlLLRNfvcsYUrM8g09ADJtEnwqTxo+Yk90pSBWhSDvbB55qZx5GLNEZTtlwmlwleJk2cPoX5Gs6ovqKfFG9YNS072kNyFLplWvdvWQwZ8+hwfiBQ3uqbu8SjQe1Rv3xaH2rLVnEINeUTSUzRK5mresfHYhqDbojauSvlAC5Y6N0vgRIIMRcllxHi2h0lFNc8lqPH3DVbOZqyHKmkRlowQJp4/GW7e6ojNnDBJBXIB/KV1z7DBAUBDCplt+h5WuBs1s+bdLVRg80uKBD84aJ0AAxGfCyuT4t3tSM2Prrntoer58nugDb0zEPrwxT3MkYBaIEaVTulqxCVYpgE8Nsx2byC5blkwdZ/eFKPagV1mWumV1czCvJyBUmPUNVXT1GCCMonyZaLa8xIqpJDR6zWEABeHXP1vulBD3vuu0FFOx6HpSyL6Pe7AwS1DP/g0HrqL3wfu0m2h7Ia99feDUyfJjfF4RcNwsolQ+Ey/L2EfkmZK1t2yQQpYWW0cvmZUZ8/Fnj2izfBB+RxFvqm80XTUMEUwSx7gg5DkGHTerNe24RsjsSK/hDmYYIq0dAQQ8kOf2IyJ6pZKq5FJ0d4hPMpjPPxPeB6CPtMaXcWE8c8G0r6dA5xToFaVDemUDeiMEiD8itHqyGVt9fXcX3UdcDK01nwFpw3BPjdMSV+ZPrfuNEZui4oQyAzeDg7KDArBIBu4rxYjaw6hnyXIWoniPPVGkbWPg63wMM60Cwk2xr8n2vcdEXPqm51FJBEyCDoMJMpY2WpX6Xk82tiq+Ija2Ir/pXwO6K2F3/35eyc/g1+WE5oaE5YflDCRIssOsPvaRU6yMKwsMLagXsqsWDpnk9L0wpfJ6iqMExJrOPibVxmAMxdlJCceTG0Io5TxOZyzOtVeSyUM1nwF6MqWNyC1EhoATMKewawcEMDWjMJsj53oPmTUhTzgCaUcqjUkKFAjUu8rOLYSaNaIqQb+rbaZNmygG9HS1DyQ4wDAauw+0LRdqaGE5Zfd+1P4fDi2K3AVbpIRFaAcABHn/sdRb73+4NXPgt/lshkvYV+ZpmBMr0v6SnB0eHlImDnIopDaIHOnQ+4opGxntWCYY9+OGN8BOjttBuPc3ZQoA0f1kLmws7faSAFhyeFAoazUQc7Uv9OpxcWHboXc6vYRpzgOxO0VHcdSyChIbqQs7qBKrRMWRMy5/eumzkbF+FyLuT2MfnfwqjuHyF4M+17fbtkr52DqmFxGlnTX6srx3lzwds0MvXYBwANHoMwfb1q/vvpJFlxESHZKfqJijVJtk22U5WVyezO67FJhVqqnZKdkgkyshpruPjxsM3hcjUWmThVMQtC5HaloW1yCyAM5PjVAuMHAR8PcIvZJgcwZvU0QwJvrRQI4eMVDmcnhDUidQVRIarQG1E4eRwD8bOlOMA2Q02SmqakU1kFnklLWBKWlRhRERhfYTKuAGbVKbC+DXeAi8vQZpAuNI4uKYW8f++O7U2077707RkFtkA/0Lg/zEPm7cpIR2AZXf7mydzSgp8Z/R/SGBKE+DO0n6BqFPao00QCPuXt8auXR53QnQur3C8dGKsNK/gXJb8Wt7Qjfyv/VfTiHYT/i5aVGEIhlckFTV6A2YAB4cAvYwNEI52sPqAJBHna8Wjcoo7odlgRghAiUAN9HxDp1sUNOQDTL06BUVqW7KzON9E4msCi1dl0Isrj4kpnyVg1ywcf4ubxOEkKWJPEkcBXsNjj6e6NZzek1ZvQMbILHIb5PbtmOJaw1SX9M9rkbVgjYAXjPyDxBCtG0Jn/PdrBOCjTdURiUgS9OtlM0Ib3xUvf0FJSGJlhD2T6zfDhf/1ac6QPHpp2mzQjRj4RECD37TZ5lUQr9KIOfYB2cFYfYZfNXBiY61KQwGojo8hGJ3KzKqILY2JKY2t+KI7H1NaGlMR+0W3xlwNcv7EieGrV8G0aVEktQPvo3N2jUjYl35D15fRd67lhJzxgedYdLtt+vS8XHce9d+jS5e2MpadaXVuHcvy09oLXVeE4AvcESgnxz3MPTeP1eB6lEEC9wUfQ5a7UfZ9Gm+l2WR+KoDAqsw0ShS7TNQx8t8zwajGSbvHuHLD/1p8VsbsujnyZ1ZecrODCLD//uptxQ3/97sH7mmZo38risP/a0D4gYaS76a4BsknUsKIC8tcAVgLKw4YjUGNmF6E8cJ4XPYZXPJX6fcbkX1zg9p6ZJYG/nVX+CznqO+I+vRSqqDea+mI2LEYi3vjVARpDMrNDWqcr303zqI1FUWuQc+GuzmIkpvsK5X6JnOJy3mTvXgJjWJxYwLPazIPjAgc2wxtjoIRoHZUZDCEfgxhF3h1LfPB/3Wwrts5BoA0IK4HPgx8+uSFeMlGL69lCUCnQFB7CdKdbodRfhoHgtBPGXVI3X7d4OG2eVQV6jrHr7ky6RPSmRAEp1PlRjmkiVh4HOxM6ajMKyttQpprNkp2g7tWUe1be72qzQMm9WCK794tHQOG2kTX0565VQbOa85Y2/W9wrW8f1gzaSAdn/j2sZ/DnsFrIBKjw4Hh4z/Pz3OcKkTqt0rg+pQTn4umhxRb/Ome6ztPjWAP33mV313PKovWkwUFxoICORXg/KDMwMBMtYBdaqzgzPinEo1XTttN3wlETr/ZJM9QLV6a1WTLfBh1V66ak2+Xy4MEF3hww+gfBlaTC+bnrIvvTGJ2/LFFUg+AD2ioDqQjux6dQc4cRg7v951Bqp91sjYoIEBcL34nP81fxuWm+KcVxE8NL+Dl5oYWhE+pPFYWplwcdyWd67oc3+wv61CGZsYX+KdxZTK/NP/83A6lv6w5/rLZeq7ELQ5THiurnFIQnhvKyw0vACG2nC23T5s+BI2zzJLFPcye1asmTTJqjatWn2GeWbzkDHwGPDTdSu7elVxe/sk1MbG42NOruOgWAW5miKGWqx9NDVtZUi9if0vwKJwHd3huLZm1WtQZwGCBfasK5yV4fMsJiMqMSCerKcX88wkSiajAVeV2Cc6IToviKvxzgF4T+tM0XPnSqazEg/5hM3Yk7GAkKIa/uqwslby0gxQWxQ3y/6OaB3lpSkurt/zHfNWRMcPYkeRUh8eQsbUm409GnoxT/A6rnVxnv27LmrYqpKptzZZ1I0uejI+MP6H4PQgB5+wKeo18EOA4hvQEBxADMJxkjK95xzjfgmCgSaOfDcCT8dFpF39mjNOeyb91IZ+/TwBGuxE5AvSBBsSgmlbPeRjFcMOYQUV8jtp0EFSMVFX2a7VtDGhH/+Kn/yDQobQ7FCHTijlWSt0oTgC4FvhhrWRhA8LXp992RvWTheoaHFmcTl6kVC4ipy8mp0X3SyorJcP/vkURDNFr5L8QW3glok/U+1VLrlA+1dy/tqjZvHFSJa8mdMnVSc2TpgdX8WqCKfKofvLpvHod6Wb+yZ6GCkKJeS63wK9h/6Ry81Jurl+BX6NTMV9qEGuC9WDlQLXrrkVW1snWVovOUCMdaEZLZHQyrUWgwuQD0Apbpzw2TtDqnU2lVxEwLugz7Vn4IYAA1UjNjSPEQLUJSNKW16zXFz1KaS9XWyVbrX5JK73kceLmQNVrQOJXVY5otetDoMlIOdkbQl5Q4snYfLto9Mw3ycgfd3lVTITbRasKOh3X23SVgFerrSTvK1CylZ9JLaOGUlHq6Xx9g5tU/6mBWk1tGddwUBiXtPto4i5R/MFF8as2aWVcVga1v9uvsg5f4u5+Kiuj04ho7i68fxhQDn4tFR0rCDYAzPZZLnZItDrrJjBN9ECeJxJErtdI0p1Dc8ZzbOUwT5afwGC9uceH5naRpNdEbonmz9NNE92EfYnWYoflQ3OGR0RhbJBgkgAlUMsjgMlOUu9LXq1LlEttqCiL3kazfSlUkVwsX5gK1BNzlU9NTaa/bQo04+1JMlI8QPj1dYIFAl6+yXykZip/wRS+oAZ0vpyUGyQLTEzhpHFOAAAssC80KdeMAMzNLBLTZ8wVJSHsz8vnxqcdmVX/U+aQRBk1LbHLBQwWP4dAOlEKQcNWG9R8/VzQAIpfFl8uujzM1G71fHSxvJbh8Wj71uLgI+XNV/8MtHWOa/8+f0Ta/Z0DbB/LNJcfoXvP/jfZMbnPCXDtmPSSsSplMlfq6yvlJh8cM+kf1G0QcCshhT+gPghveG3iUXc9nS8/c5wLHGqvfSp50fK8Zfqna7UOXPCZKOerztSZeIzOmLHu2bhqrJZKmHpKREIni241IFajkJ5vUE/+XyofMOmflsh7dg2SamBGdDGz1MDbBXpcrwdLqXJ6PlADvmQJ1okFRiTlhf45AMt5QHj2dOTEycrK4R2lBrGwqe3JUjjabpLYMB+O4wXnnL7QGI7T8V0HmHwDYmCqYATWaBdqGBG6Aa6f1Tnzjx38Lbtptuj11+XhnwDukeVEBNpIiSrExjGE4pExbEyvQogxiHpwePyN0L/T+c+dCH2QAs83OppShrzJtoXfrrPy/xkaUr+z/2NbjnKTBfdbaC74fCkC8eiT9bl/ALoZEqazjO94xN9No8/TX8ff9Ql46FUguKuk20XcgO4nT8xwkA0A87cQEUotGtOFcxPhqJQESPPTaudJpbRB8Sd3Wv3UQAm/ZMCJwrmN6YA/L85PaVHD38VFAg0OECWr1J1Ip6rw9Evgt+M1+Or1TWXU79utgqy3f6eWkXIPNyrhgefbwh+N/qUqX4IhmAHBEKDVVhcYCYPikclojUM5Vg4H/FuZzFQtt0SVps/+uQpD7gxOmmFwljCe44XvgWrbRcPb7dcLWNRLdYM09J+GwWes5w3QYDl363F8qBulspwhTQ5bDAlxYe1OBY033f/vNwV3e9rzr4VJRaa+ePSq2R8/hgT+6MhShqNKsYpTU9Pf1TVAg3b0L32OTgXaaCwGVgJRGIExjId8GGPoO2bjcfBzj0Yz6v7Bnx4BiIqPZEmDzO4odw7FGzYWERKZHyuVj3cGm8H16sjJ4eGTI9VPBOyeHL6Xra9EpZwEH58EjlQXIMDqlnJ0um60st7J2YBWsxIi6Pk7McS0Us4daPFVlI1J/DrbbfZEiZ+AuiW8rblqE3sze0ZVRBu0xU8g4pHncJtU2TNdChzgipHn8O5FTBPvFEBUiECdClktiE2vKRYeXlAzBxF8oC4TI64gf/3k521t5cIPwnJHv7x9tKTCzdBN69um9Fuq44ediZOuNHheP02vjR2MqygfKa9wdKgoN5ZXAL4h3zn88QYU34lgBixtDb2jyGjLxkuXRskAcWD1kqVLjar2PsM2k26kZ9pmPNam9YC08jTAufV9Z93v3OX5u9LsRMb9jh0zZhyIzBIs2lGh45s3H0OmY6Hjjh4zwXtpndO0J5DsdMczgJs2ZGKMiaLXYkBiktqINCAYEBdFMOYu56AAp2wG6907FsPxlIE4BQQ5E8zM6+JCJnzDhvXrAVOjRtQSbSq3S8e7piGP4mCHwiLWoV6R0pn16h2NsR7RAJMfm9uPxcMI3GQgxhnwDkGoKYbxxrWYZ3EYAxQzxA8Gc46puVCgCcARoPFbv37D5QTeACUE27zTQybZ50IQgx6xtwdDJuYEl9Eeg3+uHEXFOcQZbz5dwNHEyQ1x5i/CQPyTNgABQ+L8P2JaDve60H6lqch2tgzaNinJ0TrRYbPboVma1IaTI+S03hSnXXqnBZmM/ft3XiBe1DmsEeuyTIcCJ/4DncXOlxeqZsyrILzjT6ojagNYnvkdMc20V2WzNioRk/+gWbP0eg0dd+RWKLKSUm8/a9a2trL4NesLAOZqXvC20xGVj/PY0NuwA147Q59mHok2wkJYBsCfAC1ylMH6/LlcQtTj69eTzGyxLXzkN6w2dnDLrN9D2WD7kHXIm4U4CMOFDpTt4SDnuBMH4Vgu9Jut92Z5H3JXUsvhMhiFFX2loJ0ZkTBJX0lrA3w0tjxidCwa8fYVJXnnJB1eWW8OX2YC/Pu85YicJps0zzk1tNI/emy0PCJGRe/zkWJAS+pFavMDAKT39auRfWaawWAMICZAhUynbKezMkvGMGId375ZurHZATisgYs0B97USgmhZmvMQglpgQSzeJA0JShwttRMLP0UkmpuBZVVBFXEVARtAqOasH/VnUmd6jarbDhNwsu2SoPbXhW7FcExWTjvYhFVT0YF/EqZJcEGzMDka9H0tB7YzC66JDxOZTE9sDxPtEmJIdhGBFSqK5fmigPLLafHFRaHa8e+XUpOYkspJirbTHYAiW5UbGZsblKBxKTp1csxfcWPnMjH8V5QC2keiCRQffCpHy5Llrj8OHWVhSQiLpw2EhHBIoa0PAKnZQHm/b9H5nhKasrzo53EuT8iHxm0Bt/QvmETshHjeW/x5mF/rZHmBYek2o3YbYHvlMpL3aL080CdCjjUnw46CJCzot8ZhBzoSO0AuKUoPvBSezqroT3QrVxsS7e1lZS7BbY3pLPaLwUeTKeLmw/lwU/j5DQ/mZ9fsn/qMQHDNbJ1+U1OFTOFboV1thKBtR3asCzdM9t7cm1hWH5Y2M7xKEEa54cWhtcW7UcjU6pF18v61bgqmheQtDnb9cDpffuGN27cDvBT+L1skP27vhy89cwPla0SRkkWZwK/Nx4TsvUlcoXmWYgaAdpb/y2qRBDOwkpat7OE8bIp47mwGrqw6gX/9qKqmrmG5rYrriK6pTL2n7cri4neFV1a1vxP5V8NR5fGVaTc8VIhnilfVV5+A2unZVZb8BAe4/pMMPOlHdPINzI5LKs1P2iv1lhR2C488KDDeoeVndM6a6oCLvf6yk3w9UmwRrxQGerllHYDdHxwjUairbYXH/nLMojrm5Dg247HADKRJfTzyeHdybHrHKHo1mjYy3ioOAPHoVM+01z2MvbT62m0ewfuYVj2lClDDt6ynrAlj5CO9+/uToOqPVJRx1qXqelZU9xr7XKSfKvI09xevVqFpKc/vvkKG2GznbE5y3jADow2dB+3uXZ1ZIaz5oJAw0eQ9Xr9lCnZ2KatNfwHwP31+ux7U/RrD87PSd3jH268zdI7nJvbUC0Dld6T8mKhKvxQASAgeZHqDoIhfqFtptz2eLidfWphcDgS7vSPrLCEf5y+H5SZiShbmA2ZEdYECbNF2SYgBuroduuuZDZB37VWkKdI6VoGWVxxsdbbLaCy77WKPCEr7XeoiZh3lj6y7+Ex84dAsrgltjyqpCS6POaTgMF6cbHlLST98nhBDANhMv9IRLKctLJYvv70RoO5IiBXnhSRzD8SPZmgiNsZJi5wzCYocPIkwh+u5pkrJvifbY5GXalRdtTY0PD5s5HJBCtDjorNxtHtItFuWz2IUb0BMYxqwLb8Xj5DDaTRGO6C8tgN7dAxymiN429LPLdhgzH9iaEhJd2uLq5z4o6CJzgObCvuGH9ScLacCqJN6+Y/vg/fb/kc9b8dVKX8R9VO8E/xT5ab+XGq6vmn6j81yEAPCHDxxYu6ixfBDxPYSli1Snf1qqurDpzdFpK+5kaEjdo4MWF0c9u+3QgCPgywT7sjKcxuNiJSRodMnhpUII8O609W10bMS+C19YfJo4MKpoZMVkaLEHY3M8UdOc0eWLk9KjnbVw2AMtszkhRykwSBiWRcbnjNilbG5lXLQQopJ7eLVtJHbsOjn4PMSWrpxbdtBHnj2/8oPAI7t4/g6Xf0bpjkJHAYAXUWbyv7713MBq2WyTR+/tzQIMlefTu9pbVXArKb8RgWr+iUOcKYmKivN27f7sbS7y3l+LfrgY5R3i7rsToxKeAg+9CVDFjGy9dLJPT2fuwtSIfojpjsbAS+sRIahEdFFKmioh5HqY5iVHhFjYInTzqe0NLX4eJ6cUJCMDnM1I8hwwIGMIQhyNiEyPxIxFPWQI7TYAADwXdcPUVi/j6+d1Tqj7JHj4zv3115Bp1mpD76+6Hxw1sVQNQIIhYkFBJQ1aTjDHkYGiYJEx9i3+mGSu5685aEWamrwupLE1qhjR7rz4vicqAaaqVLuUvl2p0lvkW+1WZTzNQh9/MCorTlAbmrwiqbkrkrtorEni1AXx2oYbZWHnN82uAXEVvjOsW1JvYMNzx1xGZmbNHsas2LuEgin+bHn4EhmBoWzei4hlPgJ7qWK9G1WVnX4UEHjctalyGltRVo9QgG60UgMIZslAgMXNgD9Pyxhx1fx2csDLgLoVu3+m/eNLLYli/87979BjPB/6XTyJfmP8qvvM7FZR0IppE+fZIgkmv/2HvSDnqKc25c3ec5709uHKma/VhC0hl8DjJYM2eywlj+/gBiI8a0mr06WgJNKpYqzXJaM5pQHeBvcDlw+mMbvI2vW0mj2Ara1gCNHiBASZlkyhFwrAnDwuhW59b4SDCgkePgD6dr8DUdv3QSQLABH5f+RIgYrvWo+GpErRrFDfpr9Bjk+zFMPRhEv8m/7W8N4ASTrMcxPRNoHTM3IjVoCF8uB36qXr/q9/FBqehw9C9xCRJL6LsTuxXHhmQ1wo8YgxeCiVQzmx2NPhYj1zx/6y2xzIpID/NDA5TmV0PQ4KysYDTkqrkyAPULS4/IstxpkR+UGpCSEpAalG+hAkFFnUkS9aMZSDmpCQmSy4NKBewqxYMm3L9NE077JlRSgyBO1tLZ3YJTCfJFcLJqa9Xx+tGma81RFQWO8NurzdHHlQHcHz8qARK8lHy2lPp9jdUCZzmjbn9XLLBa851aCvzNqKHXtRhc3Du+9NxqW2+xQS9/dIzTMrUEPUzAiNAPjC5+9Xo4u47hBYGUVj4+/Nhl7h/PduuP7V5WP19flkNnXaFlIBK6xod2PCjsQc6QUztZrj++LkiA+TL1M0WzdafjcaNA0IJlrQKqAFpq7B/pN4aWOpcwkpIYJc6loqamslHD8O93FdXV/Vq0e+4c+ZUr3U1NEN8sHjA1V1LQ7Yug0eWNYfww8aI+ow6d2He4dmkeSWmIO2EUgFF95+aIdT+9St+xkNF1ZRu3bZijlz6DOMAAeexGPBalgEPb1qzJRrJbMA7z07tMi9FTHMaUypEpU0ZSUyoTo+qYK8zKuiuoVq9BqCovWiI+Ds2Qo81Q/pUrGzf+K7DBbQRhts4yCjJTnNip4TOY7w0YpMiIGi5IuD6DbeDF0JsFvaGH8qxkIb4ZYHR6SZHx8IGjB41lxV8QvfYSkowxJDAJZWDOckY3NYuJL2GbbwivFoNIcJZEm1U/9WJJVoHlVXlZrjCmaJ1DCl0QJXm7R+4Wse1CVfuf/vhjeYKNC9JDPf3NfUl208Tr4Jc/sricgqivpnC8pcTjJYtqcilL6PW7spogoGhXXdtSvVHg9JUTHDh+RhDlLLicl3E4JdXC5E6v9M9VHIDT273T5DOvDI/915Z3J67ErpMdvOLWi85cvlaIjimLrZgFtdJqfnWOn7XEba78p6WsLFr4SX8zAwnQ4AbSNHpVpn86Nyg1JM26z0funZUUKouYbA3i3W+bioG1smjNJrnSNInew8VAcDbXc6LDWuogCubMDvnDCuYW9C9PyBvG1tNhp7cyZnOC7UVW0o6JJAcfKDgoOzuoCFgIfvPLAZ1Lfaxlc41zv47D+vcOG99e/m/RHTfkazuKxIE9E9d4Nzxu3JHLfkcweGjyaClW3KcL8uj+XW8C4H1PXuuWnbpZVrDeuRG1N6VMi2NPd5jBXz/R9mCuyKwH9MlzZrAIo6pZhkjDLNUoYfuGL8/pAz1morkP2iZ2BjrMYE+Pm0YxtUcbndcXyDZnp9a63eubumtZ0LJdU/uemuRv+Ao5MaxJPqyEjxWmBDUE2di4mDT98hI7WLFvR2yaT1iYoBJ7FllxkjzrwxcS5i/17nO15ngkCgMXm7jY2HBbCaZbZUqOJQQ7QV83SJYJXBN1/LJ5XaHKEJ6yiqUQ9oXw5HfA+Ip0gRhNNEQbSMB1Z1xyiqMseeY3qtcO18VhldcuBZAZTW7FO78t/Dx/l5q7ixgIXbqwFFXgXfbe2xfk9yUR19113dw+bOpx93Sxpb2ga7ONrPNbO267sg7RgTsvUzf4B3b1hYAQj0TbCOse0rFdh+4LFlqbmU0qMi6/6xipxzrCxMSTLQoJ3pflo0mSyXUpum55d4pcp7uevKsperqTdxdEX8LdwCmb+wthqWPc1d6vuoOVZfop1f3Kx7X+x7zOyM65PxoubZOMBe9LvnfZjwCGmEJftuv94+TNgjFx49NQC46G8f3x+13LvGD2o5wtw4gL7ADubPdUq190e6pyQjtqQXZ2v1KsTrtRilgvh5Z98x8/ht83gK/Lhkasl91YBlgl8VQVW76WwMLg/KL8Bf4JtYXheWFheeGFwwIGC+zO4Zf+tQn+C44fOvQbQXOsfaO8ecHOqQGj19rdqq+9AbOmexJtegkshqWZXxGrG1bcB56D4pGvmbAUFv9XRh0OviaKZzVKVwp4X+KGZRQ19EtCVvTc7xQuNv8zVNHQSGeMot7gvQf14L4t7tB76ykgtimddpU31jymdcapRmcIRH0xf7UQaFCSJZbXa/WQ+T9AzmT9b/sB+pfSoHNCqh+y/tdDKk+HdFCfWEwarFraZ1XSj0F4PyPM7+Yvn1L6LFKpyyOpKY1pvckglQMBL/Tm2ds+N2EloZQM1jKhagxI2+8Ak8ZynuZPNZFrdx1T8UZvKV5abGx0XLiy1lR/u8GN3jCwl0Jsycr+80e1ze5LbvSt8L9k3onpBLdyMv3AEMapeSBvlMnjZkj6jY3WRO1f50jGTRs4rTsEyCGPMclYXRjVmARPegvB+dGYOoxWgNdsHqbOxJsaT3SdSnAxWJ3RShC5RMBgBzSMtgjIwRp3LfZqvQsEA511ncdDwUAVrUNAxn5kvZYNV49jS0sBR+MyRr2Mi+EBWP0yUDrQW4e5VedMaqHFqDngfwqyQPXaKyI66vEoO7PVK4nVnqV1e192HXzpPFeB07sfhTM2cuBt8eQBGBailWQlBAWlc76Ele+noYhavhp9vUjQCNVpePbuC91VJID0ygk+8C5BF0b/6ObSG0dgaYHe9Qu9p1M9UgQWEAYS613J4DCkiJHQzttujYpqNd9DtWHAbmLo1QLZacmKdC/EKDVfgFpIelxjAFtoPmVZJPVsi55Jw4yUBiWSUEg9iujF4Bo5OreHMwHp5sI1qciywcIwXnMqzacYjIe35jEqiApyHpEhglS+9DhsvCAta+57U+sXGjOfL2m0Z+wsBic99HZCSlhrf8papY/WgagS8WSNmtyRld5C2jATxf8gPbtG9a4BLKeBZzrXu9SZnsZH9AKGlo0dK2r7wPrKUJ1KKrMGw2BZWRukAhPWGkZdmEVbyhu5hNK77VxvBhMwG+jCyBm3ufWQBDXFYCePjN4b71nP7VHPk8CSvStYhj0GcwLferV6oCE6rLKo+dO1XUsIcntP2MxQ566iAO9a+3YB232GgFJnOqlh93oSnNmyOKGGdswWasKILABG7OfshY06h8Eo2pFxa8nRZWHR1xm6uOt8JxghgH5ZUNcVVbOrhPcY+F5j50Mfuuq5nIEG3H+P4Oa/Z9LH1RWBGb7npqPvWXjBnyN/Zrw032sqm9he8rUtAoD/oKuz7IgXaKB/g+b58Qt/fFx5J2TKTTV8+N+JUEkInG/jaZJ/K6X/CQzUhaASrEcABnppAvz9+j0LLrtHbpHMXOKmYVetptpsdc22ORqPW9PgurVoblp7JxpPPFjUB05xB+ybH7TKnFWrmfHb6uZszNG4bU0rrq3FnH9r781k9YwH+/9rX98NIbDshtOOskpViXJn/4FjZ7BNkf+gOWH/bn9z9/DQb1HQnqKGH8YPEXVXTZfdb3ZXhsy6a6b3mONmimi/uL2trbpvsi6f/NIQAstuOCk3paxS9aP+3vcPHDuDEc3/6TGndOd3+5s7gvm3VEh5jaT7YfwQXLTu6mN/XXa/4VVDZt21drV7zHEzMaLtF7eSXqXSG31+2TPTl12hk2kw9PJv99nVCfsP/kP8/AMC/9N/7r/8R//u/3+ZYmLj4vkIAEIwgmI4QVI0w3K8IEqyomq6YVq243p+EEZxkmZ5UVZ103b9ME7zsm77cV73834/AEIwgmI4QVI0w3K8IEqyomq6YVq243p+EEZxkmZ5UVZ103b9ME7zsm77cV73837//nA8nS9XQZRkRdV0w7Rsx/X8IIxucZJmeVFWddN298fz9f58f39BlGRF1XTDtGzHBRO4koGhkbGJqZm5heXPMH8ztbGFERTDCZKiGZYTCHmRWCKVyRVKlVqj1ekNRpPZYrXZHU6X2+PtE2mIoKySapccpOJJezAJlotWKGjB+/RqUe0IgVaB2VfrXiaP19wrJMbrLrPoUVJWVqud92tCWOYPX1l2DRrX7/rDn9zphSpkAk6ZOzY/zz3JE6GgrHfccNOhOwm6f9n/w7tQuJ9eHbjvcIGA1NBc5TI3k0Ga+hlmtQIwplzQSL4Dhub4tOQi+NBAnFSuhg32aVCwsj87hXVhtXh8GWuTCsruQ41KMm4CEwQdrrWQuD2caiiB1owcHx0OOEqRG3vai4Viz+DbLqdzOgZijn/dzNFIuz9O6DkjFvBhxrI9Oziw5rnAtu8b6EEyoj9Wa02eDVG0gc6c25tUsPN3oJDDwPh1uFbz/WVdmqE7UouTWDRvGm9LC4xY0+bV3FqL849b6snsUGr3xneWoxotbV4e4TNGns6yqPwC04EKapsXh/EhI2fZt3P65T//Q/6n9Y+seX4+I/CB62wUMx8WUvwYX/lT0QtR7LkHK3VcqDpqKiRjAM+rPz0MNm++Eo6YJwjhTJ43g1/IVa5yB/7w5/9dXL5/msC238FAS5kR7OyGu7r1qHDEWktfKCU1yibJsPsd6FLQmAQ3xSMpgClfdEY3rN/BB35scSeNxime3M5jrHEJ5byDcnnWTLNvsQFl3wLtOxxWXzoHNcbkyBjvHi9pTQUbWCwo4TDvNwOjFLD45fj+/bP+I1m53/EDUkXZf1g7sQZ/KznJyJjypJRxJak+KRr9uwmkHI0iUJLTKBDdUJzR0CM0QCFlEKdQHhzgFJMgbxnvOUFE7L56wWVA8+BQ0YeqtvwaaZRPnHWk4oxNawaOP5OFDmQ/gMO5BM9+t7wE0An8IYhNBoX0WEcj4CS9m/NUSW8zzDoKBak434u0zpyKHgUYbcT0j3wKGNOMp692nEeDL9uoFbTrgp4LIx8JAsdG1k/4v+qSSK5aBXDqXNT0a7eoN3RHG017Wx2iI1XagHoNHtOipTOe/exwnZX7Iqs5Jo+z1iEw4zg32324AMiMHP1l2o/QLNvdNMwdIMDadsckudnU22YU5jG8Zf2UKvtVP3BLterGAZ4sVbkkRr/GjInPYlKmYMEH7dp8YFHDPLw3ViirARmPhMSYal9lPakBwmweo0yW2WTCjx17kqk0rIY+yWx5Izmt6RFNa7XZvlDY32qGmRzTokKh1mSMRJxhYzihUascnV2bRQ9cVTjaAU0WHU2Zq6mE8QwEdDQNCFLZ3gvdkQMoBFdEcy1lPieBV+F91UfLWpC/0wwPpN0v7h4wQJ6HRh6ms1OC9RjGenqvhzZyyq5dyhxhMMIdZn0CY3sGLE/Ng3aIVcYDZNlpENSmhFPPO9x30vYccdxCI2fwqeUoHBBLOXfDIu1ejUkkBu83LSj9GlpjyrLu2z/O+nQYp8PBIAiPFjJTc2ea5JIfhhHPpszjRRaJBlVA/EhP+/5IuifDHCAj436Lmxv+VftLYAMMpzG1x6dZzy4qeBL+ggsQ718iig8I9lS3GqCFc6x8vuBDbOnPfgSLT0NRPBhSIbxVJCj33ccjHqLgZPq+L83GYGJY1Fov17BCQUhPMbTQNoDWPe/Bx6iDmWROXd75kFBH7Z5jV9TACc3XjXUkV/OLuQYeeDGDZhoYnMsTc1QzJRjP1aqSf9WrzR3DrO1U2s/ACU7kbYQwM3WfELC4HtGaksTMZxWU0o9pFpb9gsq4O9w1Ibd5ND9twAeCWWylnkyPVEOX7xtRClqquIDljE66GGQ0IVigQJk/gKSqkNits+5cOP+uJA+10+XFi2q3kcH9OYg4aL7w2acN5TlL87ayqxApCDW14YedO5fSYKfOph1KMXWF0RsfgR+YfAfnSjZHsFVpNUmgCXrkHvKEeQ5elk4fTCXJ8lqE/I5sWCgyWOl/XVanLpxlkE+/APWQjDVKo6J94BVdHDlGnfz9f4Qpp8YQVW1ZXzhrTualHYG6r9n1Ylc8DkWZtZfxOv0Mxo17IxkmVFia+bKrB959IiOv5AKvYXjV2VuxZG81daE3LCZiS3jI3qrKWTOcvSUFFdhVUBBa9/gqrLL7aMHLpb2A9gAEe61bjwz3saQZHnbHF8xj6HPwrEZmak47JgNYIoFo3/KkhjxrFyfndE6BYbRCmGxKkM/cTY09gTxk6MwYMSzzWWNt8gWYv7LUioFmDGU9RYVts552wIqTV18TWFwP4LQlMNNjU/pi4cSXUaylSY1CAmZAjvsYcl9v53wZlG8WnhANqrPTTE2aCID6HyYQFhWC1Q2fgh8KEZCnLyLn1f0TRNs6KEWH6iqPxiTkDLMz9yW2BNt2r+h8Jmmtz9STDNnrLUhsZL5g3t2KambowzC6hQUCuvdzJ0Xsfr0raWtq0YViWisdDoq1W/S2VnVewObNn5pmWnrWUrl76JJO/ek7db68dd/MEOl6V9DbHQSWXn8NDLZk1jx/AgA=')
+      format('woff2'),
+    url('iconfont.ttf?t=1762331650922') format('truetype'), url('iconfont.svg?t=1762331650922#iconfont') format('svg');
+}
+.iconfont {
+  font-size: 16px;
+  font-family: iconfont !important;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.iconicon_functions_outlined::before {
+  content: '\e7e8';
+}
+.iconicon_timeline::before {
+  content: '\e7e7';
+}
+.iconicon_waterfalls::before {
+  content: '\e7e5';
+}
+.iconicon_list::before {
+  content: '\e7e6';
+}
+.iconicon_file-unknown_colorful1::before {
+  content: '\e7e4';
+}
+.iconicon_link2::before {
+  content: '\e7e3';
+}
+.iconicon_bot::before {
+  content: '\e7e2';
+}
+.iconicon_365::before {
+  content: '\e7db';
+}
+.iconicon_facial_clue::before {
+  content: '\e7dc';
+}
+.iconicon_jin::before {
+  content: '\e7dd';
+}
+.iconicon_facial_deal_win::before {
+  content: '\e7de';
+}
+.iconicon_facial_business::before {
+  content: '\e7df';
+}
+.iconicon_30::before {
+  content: '\e7e0';
+}
+.iconicon_7::before {
+  content: '\e7e1';
+}
+.iconicon_data_person::before {
+  content: '\e7d8';
+}
+.iconicon_data_plan::before {
+  content: '\e7d9';
+}
+.iconicon_data_record::before {
+  content: '\e7da';
+}
+.iconicon_folder_collapse::before {
+  content: '\e7d6';
+}
+.iconicon_folder_expansion::before {
+  content: '\e7d7';
+}
+.iconicon_dashboard1::before {
+  content: '\e7d5';
+}
+.iconicon_export::before {
+  content: '\e746';
+}
+.iconicon_phone_outgoing::before {
+  content: '\e743';
+}
+.iconicon_that_person::before {
+  content: '\e66a';
+}
+.iconicon_file1::before {
+  content: '\e742';
+}
+.iconicon_enterprise::before {
+  content: '\e732';
+}
+.iconicon_send_colorful::before {
+  content: '\e7d4';
+}
+.iconicon_edit1::before {
+  content: '\e71d';
+}
+.iconicon_my::before {
+  content: '\e714';
+}
+.iconicon_general::before {
+  content: '\e6ea';
+}
+.iconicon_serious::before {
+  content: '\e6ef';
+}
+.iconicon_succeed_filled::before {
+  content: '\e6ba';
+}
+.iconicon_block_filled::before {
+  content: '\e6ec';
+}
+.iconicon_testing::before {
+  content: '\e624';
+}
+.iconicon_off_screen::before {
+  content: '\e62d';
+}
+.iconicon_full_screen_one::before {
+  content: '\e631';
+}
+.iconicon_disable::before {
+  content: '\e661';
+}
+.icona-icon_file-compressed_colorful_ash::before {
+  content: '\e63f';
+}
+.icona-icon_file-compressed_colorful::before {
+  content: '\e640';
+}
+.iconicon_file-image_colorful_ash::before {
+  content: '\e642';
+}
+.iconicon_file-ppt_colorful_ash::before {
+  content: '\e643';
+}
+.iconicon_file-pdf_colorful_ash::before {
+  content: '\e644';
+}
+.icona-icon_file-compressed_colorful1::before {
+  content: '\e645';
+}
+.iconicon_file-image_colorful::before {
+  content: '\e646';
+}
+.iconicon_file-word_colorful_ash::before {
+  content: '\e647';
+}
+.iconicon_file-sketch_colorful::before {
+  content: '\e648';
+}
+.iconicon_file-ppt_colorful::before {
+  content: '\e649';
+}
+.iconicon_file_video_colorful_ash::before {
+  content: '\e64c';
+}
+.iconicon_file-excel_colorful::before {
+  content: '\e64d';
+}
+.iconicon_file-pdf_colorful::before {
+  content: '\e64e';
+}
+.iconicon_file_video_colorful::before {
+  content: '\e64f';
+}
+.iconicon_file-CSV_colorful_ash::before {
+  content: '\e650';
+}
+.iconicon_file-sketch_colorful_ash::before {
+  content: '\e651';
+}
+.iconicon_file-CSV_colorful::before {
+  content: '\e652';
+}
+.iconicon_file-sql_colorful_ash::before {
+  content: '\e653';
+}
+.iconicon_file-text_colorful::before {
+  content: '\e654';
+}
+.iconicon_file-word_colorful::before {
+  content: '\e655';
+}
+.iconicon_file-xmind_colorful::before {
+  content: '\e656';
+}
+.iconicon_file-sql_colorful::before {
+  content: '\e657';
+}
+.iconicon_file-text_colorful_ash::before {
+  content: '\e658';
+}
+.iconicon_file-xmind_colorful_ash::before {
+  content: '\e659';
+}
+.iconicon_file-unknown_colorful::before {
+  content: '\e660';
+}
+.icona-icon_file-jar_colorful::before {
+  content: '\e7c5';
+}
+.iconlogo_dingtalk::before {
+  content: '\e7cb';
+}
+.iconlogo_lark::before {
+  content: '\e7d1';
+}
+.iconlogo_wechat-work::before {
+  content: '\e7d2';
+}
+.icona-icon_file-json::before {
+  content: '\e7d3';
+}
+.icona-icon_file-JMX::before {
+  content: '\e69e';
+}
+.iconicon_file_har::before {
+  content: '\e6a1';
+}
+.iconicon_filter_clear::before {
+  content: '\e7cf';
+}
+.iconicon_filter::before {
+  content: '\e7d0';
+}
+.iconicon_file-excel_colorful_ash::before {
+  content: '\e64a';
+}
+.iconicon_font_color::before {
+  content: '\e7ce';
+}
+.iconicon_add_pic::before {
+  content: '\e7c4';
+}
+.iconicon_text_underline::before {
+  content: '\e7c6';
+}
+.iconicon_text_italic::before {
+  content: '\e7c7';
+}
+.iconicon_add_text::before {
+  content: '\e7c8';
+}
+.iconicon_align_text_right::before {
+  content: '\e7c9';
+}
+.iconicon_align_text_left::before {
+  content: '\e7ca';
+}
+.iconicon_text_bold::before {
+  content: '\e7cc';
+}
+.iconicon_align_text_center::before {
+  content: '\e7cd';
+}
+.iconicon_map::before {
+  content: '\e7bb';
+}
+.icona-icon_multiple_selection_of_departments::before {
+  content: '\e7bc';
+}
+.iconicon_calendar1::before {
+  content: '\e7bd';
+}
+.iconicon_link1::before {
+  content: '\e7be';
+}
+.icona-icon_collectbeifen12::before {
+  content: '\e7bf';
+}
+.iconicon_department_single_choice::before {
+  content: '\e7c0';
+}
+.iconicon_find::before {
+  content: '\e7c1';
+}
+.iconicon_handwritten_signature::before {
+  content: '\e7c2';
+}
+.iconicon_button::before {
+  content: '\e7c3';
+}
+.iconicon_select_data::before {
+  content: '\e7ab';
+}
+.iconicon_single_line_text::before {
+  content: '\e7ac';
+}
+.iconicon_multiple_choice_of_members::before {
+  content: '\e7ad';
+}
+.iconicon_subform::before {
+  content: '\e7ae';
+}
+.iconicon_picture::before {
+  content: '\e7af';
+}
+.iconicon_phone::before {
+  content: '\e7b0';
+}
+.iconicon_local::before {
+  content: '\e7b1';
+}
+.iconicon_dividing_line::before {
+  content: '\e7b2';
+}
+.iconicon_multiline::before {
+  content: '\e7b3';
+}
+.iconicon_member_single_choice::before {
+  content: '\e7b4';
+}
+.iconicon_radio::before {
+  content: '\e7b5';
+}
+.iconicon_serial_number::before {
+  content: '\e7b6';
+}
+.iconicon_text_recognition::before {
+  content: '\e7b7';
+}
+.iconicon_pull_down_single_choice::before {
+  content: '\e7b8';
+}
+.iconicon_hashtag_key::before {
+  content: '\e7b9';
+}
+.iconicon_pull_down_multiple_selection::before {
+  content: '\e7ba';
+}
+.iconorder-descending::before {
+  content: '\e7a0';
+}
+.iconicon_video::before {
+  content: '\e7a1';
+}
+.iconicon_zoom_in::before {
+  content: '\e7a2';
+}
+.iconorder-ascending::before {
+  content: '\e7a3';
+}
+.iconicon_zoom_out::before {
+  content: '\e7a4';
+}
+.iconicon_usergroup::before {
+  content: '\e7a5';
+}
+.iconicon_wifi::before {
+  content: '\e7a6';
+}
+.iconicon_view_module::before {
+  content: '\e7a7';
+}
+.iconview-column::before {
+  content: '\e7a8';
+}
+.iconview-list::before {
+  content: '\e7a9';
+}
+.iconicon_wallet::before {
+  content: '\e7aa';
+}
+.iconicon_usb::before {
+  content: '\e78c';
+}
+.iconicon_user_add::before {
+  content: '\e78d';
+}
+.iconicon_swap_right::before {
+  content: '\e78e';
+}
+.iconicon_user_avatar::before {
+  content: '\e78f';
+}
+.iconicon_thumb_up::before {
+  content: '\e790';
+}
+.iconicon_time_filled::before {
+  content: '\e791';
+}
+.iconicon_tools::before {
+  content: '\e792';
+}
+.iconicon_user_clear::before {
+  content: '\e793';
+}
+.iconicon_time::before {
+  content: '\e794';
+}
+.iconicon_unfold_less::before {
+  content: '\e795';
+}
+.iconicon_thumb_down::before {
+  content: '\e796';
+}
+.iconicon_user_talk::before {
+  content: '\e797';
+}
+.iconicon_tips::before {
+  content: '\e798';
+}
+.iconicon_unfold_more::before {
+  content: '\e799';
+}
+.iconicon_upload::before {
+  content: '\e79a';
+}
+.iconicon_user::before {
+  content: '\e79b';
+}
+.iconicon_usergroup_add::before {
+  content: '\e79c';
+}
+.iconicon_swap::before {
+  content: '\e79d';
+}
+.iconicon_usergroup_clear::before {
+  content: '\e79e';
+}
+.iconicon_user_circle::before {
+  content: '\e79f';
+}
+.iconicon_queue::before {
+  content: '\e782';
+}
+.iconicon_refresh::before {
+  content: '\e783';
+}
+.iconicon_pin::before {
+  content: '\e784';
+}
+.iconicon_poweroff::before {
+  content: '\e785';
+}
+.iconicon_photo::before {
+  content: '\e786';
+}
+.iconicon_precise_monitor::before {
+  content: '\e787';
+}
+.iconicon_print::before {
+  content: '\e788';
+}
+.iconicon_play_circle::before {
+  content: '\e789';
+}
+.iconicon_play::before {
+  content: '\e78a';
+}
+.iconicon_remove::before {
+  content: '\e78b';
+}
+.iconicon_server::before {
+  content: '\e776';
+}
+.iconicon_rollfront::before {
+  content: '\e777';
+}
+.iconicon_scan::before {
+  content: '\e778';
+}
+.iconicon_rotation::before {
+  content: '\e779';
+}
+.iconicon_pause_circle::before {
+  content: '\e77a';
+}
+.iconicon_pause::before {
+  content: '\e77b';
+}
+.iconicon_pin_filled::before {
+  content: '\e77c';
+}
+.iconicon_play_circle_filled::before {
+  content: '\e77d';
+}
+.iconicon_qrcode::before {
+  content: '\e77e';
+}
+.iconicon_previous::before {
+  content: '\e77f';
+}
+.iconicon_rollback::before {
+  content: '\e780';
+}
+.iconicon_play_circle_stroke::before {
+  content: '\e781';
+}
+.iconicon_swap_left::before {
+  content: '\e766';
+}
+.iconicon_stop_circle::before {
+  content: '\e767';
+}
+.iconicon_sound::before {
+  content: '\e768';
+}
+.iconicon_setting::before {
+  content: '\e769';
+}
+.iconicon_share::before {
+  content: '\e76a';
+}
+.iconicon_search::before {
+  content: '\e76b';
+}
+.iconicon_service::before {
+  content: '\e76c';
+}
+.iconicon_star::before {
+  content: '\e76d';
+}
+.iconicon_round::before {
+  content: '\e76e';
+}
+.iconicon_star_filled::before {
+  content: '\e76f';
+}
+.iconicon_shop::before {
+  content: '\e770';
+}
+.iconicon_stop_circle_filled::before {
+  content: '\e771';
+}
+.iconicon_slash::before {
+  content: '\e772';
+}
+.iconicon_save::before {
+  content: '\e773';
+}
+.iconicon_secured::before {
+  content: '\e774';
+}
+.iconicon_root_list::before {
+  content: '\e775';
+}
+.iconicon_menu-application1::before {
+  content: '\e75f';
+}
+.iconicon_mobile_vibrate::before {
+  content: '\e760';
+}
+.iconicon_mirror::before {
+  content: '\e761';
+}
+.iconicon_move::before {
+  content: '\e762';
+}
+.iconicon_page_first::before {
+  content: '\e763';
+}
+.iconicon_notification_filled::before {
+  content: '\e764';
+}
+.iconicon_minus_rectangle1::before {
+  content: '\e765';
+}
+.iconicon_menu_unfold1::before {
+  content: '\e752';
+}
+.iconicon_page_last::before {
+  content: '\e753';
+}
+.iconicon_pause_circle_filled::before {
+  content: '\e754';
+}
+.iconicon_money_circle::before {
+  content: '\e755';
+}
+.iconicon_mail1::before {
+  content: '\e756';
+}
+.iconicon_minus_circle_filled1::before {
+  content: '\e757';
+}
+.iconicon_more::before {
+  content: '\e758';
+}
+.iconicon_menu_fold1::before {
+  content: '\e759';
+}
+.iconicon_next::before {
+  content: '\e75a';
+}
+.iconicon_notification::before {
+  content: '\e75b';
+}
+.iconicon_minus_circle1::before {
+  content: '\e75c';
+}
+.iconicon_mobile::before {
+  content: '\e75d';
+}
+.iconicon_order_adjustment_column::before {
+  content: '\e75e';
+}
+.iconicon_jump::before {
+  content: '\e740';
+}
+.iconicon_lock_off::before {
+  content: '\e741';
+}
+.iconicon_loading::before {
+  content: '\e744';
+}
+.iconicon_laptop::before {
+  content: '\e745';
+}
+.iconicon_mail::before {
+  content: '\e747';
+}
+.iconicon_minus_rectangle::before {
+  content: '\e748';
+}
+.iconicon_location::before {
+  content: '\e749';
+}
+.iconicon_lock_on::before {
+  content: '\e74a';
+}
+.iconicon_link_unlink::before {
+  content: '\e74b';
+}
+.iconicon_menu-application::before {
+  content: '\e74c';
+}
+.iconicon_minus_circle::before {
+  content: '\e74d';
+}
+.iconicon_logout::before {
+  content: '\e74e';
+}
+.iconicon_link::before {
+  content: '\e74f';
+}
+.iconicon_layers::before {
+  content: '\e750';
+}
+.iconicon_login::before {
+  content: '\e751';
+}
+.iconicon_file_paste::before {
+  content: '\e718';
+}
+.iconicon_error_circle::before {
+  content: '\e719';
+}
+.iconicon_file_word::before {
+  content: '\e71a';
+}
+.iconicon_enter::before {
+  content: '\e71b';
+}
+.iconicon_file::before {
+  content: '\e71c';
+}
+.iconicon_fork::before {
+  content: '\e71e';
+}
+.iconicon_file_copy::before {
+  content: '\e71f';
+}
+.iconicon_flag::before {
+  content: '\e720';
+}
+.iconicon_folder::before {
+  content: '\e721';
+}
+.iconicon_file_image::before {
+  content: '\e722';
+}
+.iconicon_file_powerpoint::before {
+  content: '\e723';
+}
+.iconicon_file_add::before {
+  content: '\e724';
+}
+.iconicon_file_unknown::before {
+  content: '\e725';
+}
+.iconicon_error_circle_filled::before {
+  content: '\e726';
+}
+.iconicon_help::before {
+  content: '\e727';
+}
+.iconicon_fullscreen_exit::before {
+  content: '\e728';
+}
+.iconicon_file_pdf::before {
+  content: '\e729';
+}
+.iconicon_gift::before {
+  content: '\e72a';
+}
+.iconicon_gender_female::before {
+  content: '\e72b';
+}
+.iconicon_home1::before {
+  content: '\e72c';
+}
+.iconicon_heart_filled::before {
+  content: '\e72d';
+}
+.iconicon_info_circle::before {
+  content: '\e72e';
+}
+.iconicon_file_icon::before {
+  content: '\e72f';
+}
+.iconicon_heart::before {
+  content: '\e730';
+}
+.iconicon_history::before {
+  content: '\e731';
+}
+.iconicon_hourglass::before {
+  content: '\e733';
+}
+.iconicon_info_circle_filled::before {
+  content: '\e734';
+}
+.iconicon_folder_open::before {
+  content: '\e735';
+}
+.iconicon_help_circle_filled::before {
+  content: '\e736';
+}
+.iconicon_help_circle::before {
+  content: '\e737';
+}
+.iconicon_image::before {
+  content: '\e738';
+}
+.iconicon_gender_male::before {
+  content: '\e739';
+}
+.iconicon_fullsreen::before {
+  content: '\e73a';
+}
+.iconicon_image_error::before {
+  content: '\e73b';
+}
+.iconicon_folder_add::before {
+  content: '\e73c';
+}
+.iconicon_file_excel::before {
+  content: '\e73d';
+}
+.iconicon_forward::before {
+  content: '\e73e';
+}
+.iconicon_internet::before {
+  content: '\e73f';
+}
+.iconicon_check_circle_filled::before {
+  content: '\e6f1';
+}
+.iconicon_chevron_right_circle::before {
+  content: '\e6f2';
+}
+.iconicon_creditcard::before {
+  content: '\e6f3';
+}
+.iconicon_close_circle_filled::before {
+  content: '\e6f4';
+}
+.iconicon_circle::before {
+  content: '\e6f5';
+}
+.iconicon_chevron_left_circle::before {
+  content: '\e6f6';
+}
+.iconicon_chevron_left_double::before {
+  content: '\e6f7';
+}
+.iconicon_chevron_right::before {
+  content: '\e6f8';
+}
+.iconicon_control_platform::before {
+  content: '\e6f9';
+}
+.iconicon_close::before {
+  content: '\e6fa';
+}
+.iconicon_check::before {
+  content: '\e6fb';
+}
+.iconicon_chevron_right_double::before {
+  content: '\e6fc';
+}
+.iconicon_check_rectangle_filled::before {
+  content: '\e6fd';
+}
+.iconicon_cloud_upload::before {
+  content: '\e6fe';
+}
+.iconicon_chevron_up_circle::before {
+  content: '\e6ff';
+}
+.iconicon_chevron_down_circle::before {
+  content: '\e700';
+}
+.iconicon_chevron_up_rectangle::before {
+  content: '\e701';
+}
+.iconicon_close_rectangle::before {
+  content: '\e702';
+}
+.iconicon_chevron_down_rectangle::before {
+  content: '\e703';
+}
+.iconicon_chevron_left::before {
+  content: '\e704';
+}
+.iconicon_check_circle::before {
+  content: '\e705';
+}
+.iconicon_chevron_right_rectangle::before {
+  content: '\e706';
+}
+.iconicon_check_rectangle::before {
+  content: '\e707';
+}
+.iconicon_close_circle::before {
+  content: '\e708';
+}
+.iconicon_cloud::before {
+  content: '\e709';
+}
+.iconicon_chevron_down::before {
+  content: '\e70a';
+}
+.iconicon_delete::before {
+  content: '\e70b';
+}
+.iconicon_chevron_up::before {
+  content: '\e70c';
+}
+.iconicon_code::before {
+  content: '\e70d';
+}
+.iconicon_dashboard::before {
+  content: '\e70e';
+}
+.iconicon_clear::before {
+  content: '\e70f';
+}
+.iconicon_chevron_left_rectangle::before {
+  content: '\e710';
+}
+.iconicon_cloud_download::before {
+  content: '\e711';
+}
+.iconicon_desktop::before {
+  content: '\e712';
+}
+.iconicon_ellipsis::before {
+  content: '\e713';
+}
+.iconicon_edit::before {
+  content: '\e715';
+}
+.iconicon_download::before {
+  content: '\e716';
+}
+.iconicon_discount_filled::before {
+  content: '\e717';
+}
+.iconicon_caret_down::before {
+  content: '\e6c9';
+}
+.iconicon_backtop::before {
+  content: '\e6ca';
+}
+.iconicon_caret_right::before {
+  content: '\e6cb';
+}
+.iconicon_bulletpoint::before {
+  content: '\e6cc';
+}
+.iconicon_caret_right_small::before {
+  content: '\e6cd';
+}
+.iconicon_add::before {
+  content: '\e6ce';
+}
+.iconicon_caret_left::before {
+  content: '\e6cf';
+}
+.iconicon_caret_down_small::before {
+  content: '\e6d0';
+}
+.iconicon_caret_left_small::before {
+  content: '\e6d1';
+}
+.iconchart-bar::before {
+  content: '\e6d2';
+}
+.iconicon_arrow_left::before {
+  content: '\e6d3';
+}
+.iconicon_calendar::before {
+  content: '\e6d4';
+}
+.iconicon_chart_pie::before {
+  content: '\e6d5';
+}
+.iconicon_arrow_right::before {
+  content: '\e6d6';
+}
+.iconicon_caret_up_small::before {
+  content: '\e6d7';
+}
+.iconicon_browse::before {
+  content: '\e6d9';
+}
+.iconicon_books::before {
+  content: '\e6db';
+}
+.iconicon_app::before {
+  content: '\e6dc';
+}
+.iconicon_arrow_up::before {
+  content: '\e6dd';
+}
+.iconicon_backward::before {
+  content: '\e6df';
+}
+.iconicon_cart::before {
+  content: '\e6e0';
+}
+.iconicon_attach::before {
+  content: '\e6e1';
+}
+.iconchart::before {
+  content: '\e6e2';
+}
+.iconicon_chat::before {
+  content: '\e6e3';
+}
+.iconicon_add_rectangle::before {
+  content: '\e6e4';
+}
+.iconicon_add_circle::before {
+  content: '\e6e5';
+}
+.iconicon_barcode::before {
+  content: '\e6e6';
+}
+.iconicon_arrow_down_rectangle::before {
+  content: '\e6e7';
+}
+.iconicon_browse_off::before {
+  content: '\e6e8';
+}
+.iconicon_backtop_rectangle::before {
+  content: '\e6e9';
+}
+.iconicon_arrow_down::before {
+  content: '\e6eb';
+}
+.iconicon_call::before {
+  content: '\e6ed';
+}
+.iconicon_caret_up::before {
+  content: '\e6ee';
+}
+.iconicon_chart_bubble::before {
+  content: '\e6f0';
+}
+.iconicon_data::before {
+  content: '\e6ae';
+}
+.iconicon_clue::before {
+  content: '\e6af';
+}
+.iconicon_business_opportunity::before {
+  content: '\e6b0';
+}
+.iconicon_set_up::before {
+  content: '\e6a8';
+}
+.iconicon_not_bookmarked::before {
+  content: '\e6a9';
+}
+.iconicon_product::before {
+  content: '\e6aa';
+}
+.iconicon_customer::before {
+  content: '\e6ab';
+}
+.iconicon_home::before {
+  content: '\e6ac';
+}
+.iconicon_collect::before {
+  content: '\e6ad';
+}
+.iconicon_search-outline_outlined::before {
+  content: '\e6c2';
+}
+.iconicon-alarmclock::before {
+  content: '\e6c8';
+}
diff --git a/frontend/packages/mobile/src/assets/icon-font/iconfont.js b/frontend/packages/mobile/src/assets/icon-font/iconfont.js
new file mode 100644
index 0000000..cb8c739
--- /dev/null
+++ b/frontend/packages/mobile/src/assets/icon-font/iconfont.js
@@ -0,0 +1,65 @@
+(window._iconfont_svg_string_4798260 =
+  '<svg><symbol id="iconicon_functions_outlined" viewBox="0 0 1024 1024"><path d="M512 512L207.189333 250.752C175.104 223.232 194.56 170.666667 236.8 170.666667H802.133333c12.586667 0 22.741333 10.197333 22.741334 22.741333v39.850667A22.741333 22.741333 0 0 1 802.133333 256H341.333333l291.370667 238.378667c11.093333 9.130667 11.093333 26.112 0 35.242666L341.333333 768h489.258667c12.544 0 22.741333 10.197333 22.741333 22.741333v39.850667a22.741333 22.741333 0 0 1-22.741333 22.741333H236.8c-42.24 0-61.696-52.565333-29.610667-80.085333L512 512z"  ></path></symbol><symbol id="iconicon_timeline" viewBox="0 0 1024 1024"><path d="M138.666667 938.666667a42.666667 42.666667 0 0 1-85.333334 0V85.333333a42.666667 42.666667 0 1 1 85.333334 0v128h113.92a128.042667 128.042667 0 0 1 241.493333 0h455.253333a42.666667 42.666667 0 0 1 0 85.333334H494.037333a128.042667 128.042667 0 0 1-241.408 0H138.666667v170.666666h497.92a128.042667 128.042667 0 0 1 241.493333 0h71.253333a42.666667 42.666667 0 0 1 0 85.333334h-71.296a128.042667 128.042667 0 0 1-241.408 0H138.666667v170.666666h113.92a128.042667 128.042667 0 0 1 241.493333 0h455.253333a42.666667 42.666667 0 0 1 0 85.333334H494.037333a128.042667 128.042667 0 0 1-241.408 0H138.666667v128z m234.666666-213.333334a42.666667 42.666667 0 1 0 0 85.333334 42.666667 42.666667 0 0 0 0-85.333334z m384-256a42.666667 42.666667 0 1 0 0 85.333334 42.666667 42.666667 0 0 0 0-85.333334z m-384-256a42.666667 42.666667 0 1 0 0 85.333334 42.666667 42.666667 0 0 0 0-85.333334z"  ></path></symbol><symbol id="iconicon_waterfalls" viewBox="0 0 1024 1024"><path d="M490.666667 85.333333a42.666667 42.666667 0 0 1 42.666666 42.666667v298.666667a42.666667 42.666667 0 0 1-42.666666 42.666666H128a42.666667 42.666667 0 0 1-42.666667-42.666666V128a42.666667 42.666667 0 0 1 42.666667-42.666667h362.666667z m-42.666667 85.333334H170.666667v213.333333h277.333333V170.666667zM896 554.666667a42.666667 42.666667 0 0 1 42.666667 42.666666v298.666667a42.666667 42.666667 0 0 1-42.666667 42.666667h-362.666667a42.666667 42.666667 0 0 1-42.666666-42.666667v-298.666667a42.666667 42.666667 0 0 1 42.666666-42.666666H896z m-42.666667 85.333333h-277.333333v213.333333H853.333333v-213.333333z m42.666667-554.666667a42.666667 42.666667 0 0 1 42.666667 42.666667v298.666667a42.666667 42.666667 0 0 1-42.666667 42.666666h-234.666667a42.666667 42.666667 0 0 1-42.666666-42.666666V128a42.666667 42.666667 0 0 1 42.666666-42.666667H896z m-42.666667 85.333334h-149.333333v213.333333H853.333333V170.666667zM362.666667 554.666667a42.666667 42.666667 0 0 1 42.666666 42.666666v298.666667a42.666667 42.666667 0 0 1-42.666666 42.666667H128a42.666667 42.666667 0 0 1-42.666667-42.666667v-298.666667a42.666667 42.666667 0 0 1 42.666667-42.666666h234.666667z m-42.666667 85.333333H170.666667v213.333333h149.333333v-213.333333z"  ></path></symbol><symbol id="iconicon_list" viewBox="0 0 1024 1024"><path d="M170.666667 85.333333a128 128 0 1 1 0 256 128 128 0 0 1 0-256z m0 85.333334a42.666667 42.666667 0 1 0 0 85.333333 42.666667 42.666667 0 0 0 0-85.333333z m0 256a85.333333 85.333333 0 1 1 0 170.666666 85.333333 85.333333 0 0 1 0-170.666666z m0 298.666666a85.333333 85.333333 0 1 1 0 170.666667 85.333333 85.333333 0 0 1 0-170.666667z m768-256a42.666667 42.666667 0 0 1 0 85.333334H426.666667a42.666667 42.666667 0 0 1 0-85.333334h512z m0 298.666667a42.666667 42.666667 0 0 1 0 85.333333H426.666667a42.666667 42.666667 0 0 1 0-85.333333h512z m0-597.333333a42.666667 42.666667 0 0 1 0 85.333333H426.666667a42.666667 42.666667 0 1 1 0-85.333333h512z"  ></path></symbol><symbol id="iconicon_file-unknown_colorful1" viewBox="0 0 1024 1024"><path d="M170.666667 106.666667a42.666667 42.666667 0 0 1 42.666666-42.666667h417.834667a21.333333 21.333333 0 0 1 15.061333 6.229333l200.874667 200.874667a21.333333 21.333333 0 0 1 6.229333 15.061333V917.333333a42.666667 42.666667 0 0 1-42.666666 42.666667H213.333333a42.666667 42.666667 0 0 1-42.666666-42.666667v-810.666666z" fill="#8F959E" ></path><path d="M640 65.92a21.290667 21.290667 0 0 1 6.229333 4.309333l200.874667 200.874667a21.376 21.376 0 0 1 4.309333 6.229333H682.666667a42.666667 42.666667 0 0 1-42.666667-42.666666V65.92z" fill="#646A73" ></path><path d="M609.578667 420.906667c-23.253333-22.058667-53.845333-32.981333-91.818667-32.981334-42.666667 0-76.16 13.653333-100.394667 41.557334-20.522667 23.936-31.573333 46.933333-33.194666 83.114666l-0.085334 4.266667a10.581333 10.581333 0 0 0 10.624 10.666667h25.216a10.752 10.752 0 0 0 10.709334-10.581334c0-1.749333 0.085333-3.285333 0.128-4.096 1.237333-25.002667 7.722667-38.101333 19.370666-52.650666 14.72-19.626667 36.266667-29.226667 65.877334-29.226667 26.410667 0 46.208 6.741333 59.861333 20.394667 13.056 13.568 19.84 32.042667 19.84 55.253333 0 15.786667-5.717333 30.890667-17.408 45.866667-3.712 4.650667-9.045333 10.154667-26.282667 27.392-27.178667 23.765333-43.989333 43.093333-52.906666 62.165333a108.8 108.8 0 0 0-11.008 48.981333v12.032c0 5.888 4.778667 10.666667 10.666666 10.666667h25.813334a10.666667 10.666667 0 0 0 10.666666-10.666667v-12.032c0-15.104 3.712-28.629333 11.434667-41.813333 5.76-9.813333 13.184-17.536 26.112-28.842667 25.898667-23.466667 40.234667-37.376 46.677333-45.568a112.554667 112.554667 0 0 0 23.381334-69.376c0-35.285333-11.093333-63.573333-33.28-84.48z m-110.208 339.370666a10.666667 10.666667 0 0 0-10.666667 10.666667v25.216c0 5.888 4.778667 10.666667 10.666667 10.666667h25.216a10.666667 10.666667 0 0 0 10.666666-10.666667v-25.173333a10.666667 10.666667 0 0 0-10.666666-10.666667h-25.173334z" fill="#FFFFFF" ></path></symbol><symbol id="iconicon_link2" viewBox="0 0 1024 1024"><path d="M503.850667 457.856a32 32 0 0 1 0 45.269333c-45.952 45.952-46.933333 119.04-2.816 163.157334l1.408 1.493333 1.365333 1.28 194.986667 194.986667c44.16 44.16 117.205333 43.178667 163.157333-2.773334s46.933333-119.04 2.773333-163.157333L695.466667 528.853333a32 32 0 1 1 45.226666-45.269333l169.301334 169.258667c69.418667 69.418667 67.882667 182.997333-2.773334 253.653333-70.698667 70.698667-184.234667 72.234667-253.653333 2.816l-194.986667-194.986667-1.28-1.408a32.469333 32.469333 0 0 1-1.536-1.408c-69.376-69.376-67.84-182.954667 2.816-253.653333a32 32 0 0 1 45.226667 0zM403.584 147.2l194.986667 194.986667c69.418667 69.418667 67.882667 182.954667-2.773334 253.653333a32 32 0 1 1-45.226666-45.226667c45.909333-45.994667 46.933333-119.04 2.773333-163.2l-194.986667-194.986666c-44.16-44.117333-117.205333-43.136-163.157333 2.816s-46.933333 118.997333-2.816 163.157333l169.301333 169.258667a32 32 0 0 1-45.226666 45.226666L147.114667 403.626667c-69.418667-69.418667-67.882667-182.954667 2.773333-253.653334C220.629333 79.274667 334.165333 77.738667 403.626667 147.2z"  ></path></symbol><symbol id="iconicon_bot" viewBox="0 0 1024 1024"><path d="M522.666667 85.333333a85.333333 85.333333 0 0 1 42.709333 159.232L565.333333 341.333333h234.666667a85.333333 85.333333 0 0 1 85.333333 85.333334v426.666666a85.333333 85.333333 0 0 1-85.333333 85.333334h-554.666667a85.333333 85.333333 0 0 1-85.333333-85.333334V426.666667a85.333333 85.333333 0 0 1 85.333333-85.333334h234.666667V244.565333a85.333333 85.333333 0 0 1 42.666667-159.232z m277.333333 341.333334h-554.666667v426.666666h554.666667V426.666667z m-704 85.333333a42.666667 42.666667 0 0 1 42.666667 42.666667v170.666666a42.666667 42.666667 0 0 1-85.333334 0v-170.666666a42.666667 42.666667 0 0 1 42.666667-42.666667z m853.333333 0a42.666667 42.666667 0 0 1 42.666667 42.666667v170.666666a42.666667 42.666667 0 0 1-85.333333 0v-170.666666a42.666667 42.666667 0 0 1 42.666666-42.666667z m-341.333333 170.666667l4.992 0.298666A42.666667 42.666667 0 0 1 608 768h-170.666667l-4.992-0.298667A42.666667 42.666667 0 0 1 437.333333 682.666667h170.666667z m-234.666667-170.666667a42.666667 42.666667 0 1 1 0 85.333333 42.666667 42.666667 0 0 1 0-85.333333z m298.666667 0a42.666667 42.666667 0 1 1 0 85.333333 42.666667 42.666667 0 0 1 0-85.333333z"  ></path></symbol><symbol id="iconicon_365" viewBox="0 0 1024 1024"><path d="M906.666667 42.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v768a85.333333 85.333333 0 0 1-85.333333 85.333333h-768a85.333333 85.333333 0 0 1-85.333334-85.333333V128a85.333333 85.333333 0 0 1 85.333334-85.333333h768z m0 298.666666h-768v554.666667h768V341.333333z m0-213.333333h-768v128h768V128z"  ></path><path d="M521.642667 469.333333c43.776 0 82.048 28.885333 97.706666 71.338667a28.373333 28.373333 0 0 1-16.426666 36.437333 27.989333 27.989333 0 0 1-36.096-16.64c-7.765333-20.992-25.685333-34.517333-45.226667-34.517333-26.496 0-49.066667 24.832-49.066667 56.661333v12.245334a103.936 103.936 0 0 1 49.066667-12.245334c58.112 0 105.216 47.530667 105.216 106.154667 0 58.666667-47.104 106.197333-105.173333 106.197333-58.112 0-105.216-47.530667-105.216-106.197333l0.085333-4.906667a29.013333 29.013333 0 0 1-0.085333-2.133333v-99.114667C416.426667 520.533333 462.933333 469.333333 521.642667 469.333333z m0 169.898667c-27.136 0-49.066667 22.186667-49.066667 49.536 0 27.392 21.930667 49.536 49.066667 49.536 27.093333 0 49.066667-22.186667 49.066666-49.493333 0-27.392-21.973333-49.578667-49.066666-49.578667zM345.984 469.333333c19.370667 0 35.072 15.829333 35.072 35.413334v247.722666c0 19.541333-15.701333 35.413333-35.072 35.413334H205.738667a35.242667 35.242667 0 0 1-35.072-35.413334c0-19.541333 15.701333-35.413333 35.072-35.413333h105.173333v-53.077333H240.810667a35.242667 35.242667 0 0 1-35.072-35.413334c0-19.498667 15.701333-35.370667 35.072-35.370666h70.101333v-53.077334H205.738667a35.2 35.2 0 0 1-34.816-31.274666L170.666667 504.746667c0-19.584 15.701333-35.413333 35.072-35.413334h140.245333zM821.461333 469.333333a31.872 31.872 0 0 1 0 63.701334h-95.573333v29.141333l6.016-1.493333c8.106667-1.834667 16.512-2.986667 25.130667-3.498667l8.704-0.256c61.866667 0 87.594667 45.525333 87.594666 119.466667 0 69.888-37.12 111.488-102.656 111.488-56.32 0-88.448-36.565333-88.448-85.418667a31.872 31.872 0 0 1 63.701334 0c0 15.36 5.546667 21.717333 24.746666 21.717333 28.586667 0 38.954667-11.605333 38.954667-47.786666 0-43.434667-6.997333-55.765333-23.893333-55.765334-13.738667 0-26.88 3.2-38.741334 8.533334a74.837333 74.837333 0 0 0-13.44 7.424 31.872 31.872 0 0 1-51.328-25.173334v-110.208c0-17.621333 14.250667-31.872 31.829334-31.872h127.402666z"  ></path></symbol><symbol id="iconicon_facial_clue" viewBox="0 0 1024 1024"><path d="M512 42.666667c259.2 0 469.333333 210.133333 469.333333 469.333333s-210.133333 469.333333-469.333333 469.333333S42.666667 771.2 42.666667 512 252.8 42.666667 512 42.666667z m184.874667 184.874666a99.541333 99.541333 0 0 0-28.416 194.986667v253.098667a63.957333 63.957333 0 0 1-127.914667 0V348.501333a120.96 120.96 0 1 0-241.877333 0v252.970667a99.584 99.584 0 1 0 56.917333 0V348.501333a64.042667 64.042667 0 1 1 128.085333 0v327.125334a120.832 120.832 0 0 0 241.664 0V422.528a99.584 99.584 0 0 0-28.458666-194.986667z m-369.749334 426.666667a42.666667 42.666667 0 1 1 0 85.333333 42.666667 42.666667 0 0 1 0-85.333333z m369.749334-369.749333a42.666667 42.666667 0 1 1 0 85.333333 42.666667 42.666667 0 0 1 0-85.333333z"  ></path></symbol><symbol id="iconicon_jin" viewBox="0 0 1024 1024"><path d="M906.666667 42.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v768a85.333333 85.333333 0 0 1-85.333333 85.333333h-768a85.333333 85.333333 0 0 1-85.333334-85.333333V128a85.333333 85.333333 0 0 1 85.333334-85.333333h768z m0 298.666666h-768v554.666667h768V341.333333z m-183.04 291.84v58.026667a2119.253333 2119.253333 0 0 1-131.413334 165.546667l-64.853333-35.84c34.133333-37.546667 68.266667-78.506667 100.693333-124.586667H365.226667v-63.146667h358.4z m-186.026667-116.053333c27.306667 29.013333 49.493333 54.613333 69.973333 78.506667l-58.026666 37.546666c-29.013333-35.84-49.493333-63.146667-64.853334-80.213333l52.906667-35.84z m71.68-121.173333v1.706666l-15.36 15.36c47.786667 63.146667 112.64 112.64 194.56 145.066667-15.36 18.773333-29.013333 35.84-44.373333 56.32-83.626667-39.253333-146.773333-90.453333-192.853334-153.6-49.493333 63.146667-116.053333 116.053333-201.386666 158.72-17.066667-27.306667-32.426667-44.373333-44.373334-58.026667 83.626667-35.84 155.306667-92.16 209.92-165.546666h93.866667zM906.666667 128h-768v128h768V128z"  ></path></symbol><symbol id="iconicon_facial_deal_win" viewBox="0 0 1024 1024"><path d="M496.512 42.666667c173.952 0 320 67.413333 320 170.666666 0 41.728-23.850667 77.568-63.701333 105.514667 73.941333 97.706667 134.528 220.330667 183.466666 357.973333C990.592 829.653333 872.874667 981.333333 708.437333 981.333333H283.605333c-164.096 0-281.685333-151.125333-227.626666-303.616C104.746667 540.16 165.546667 417.28 240.170667 318.762667 200.362667 290.901333 176.512 255.061333 176.512 213.333333c0-103.253333 146.048-170.666667 320-170.666666z m-97.834667 396.501333a42.666667 42.666667 0 0 0-60.330666 60.330667L393.472 554.666667h-24.96a42.666667 42.666667 0 0 0 0 85.333333h85.504v42.666667H368.512a42.666667 42.666667 0 0 0 0 85.333333h85.504v42.666667a42.666667 42.666667 0 0 0 85.333333 0v-42.666667h85.162667a42.666667 42.666667 0 1 0 0-85.333333h-85.162667v-42.666667h85.162667a42.666667 42.666667 0 1 0 0-85.333333h-25.002667l55.168-55.168a42.666667 42.666667 0 0 0 0-60.330667l-4.010666-3.541333a42.666667 42.666667 0 0 0-56.32 3.541333l-97.877334 97.792zM496.512 128c-132.394667 0-234.666667 47.232-234.666667 85.333333 0 20.565333 29.824 43.818667 78.08 60.842667 4.053333 1.322667 8.149333 2.56 12.373334 3.797333 31.36 8.96 65.493333 14.848 99.669333 18.090667 14.506667 1.408 26.624 2.133333 35.498667 2.432l4.906666 0.128 4.266667 0.042667 5.077333-0.042667c9.002667-0.213333 22.698667-0.938667 39.68-2.56 34.133333-3.285333 68.181333-9.130667 99.498667-18.133333l10.922667-3.328c49.024-17.066667 79.36-40.533333 79.36-61.269334 0-38.101333-102.272-85.333333-234.666667-85.333333z"  ></path></symbol><symbol id="iconicon_facial_business" viewBox="0 0 1024 1024"><path d="M512 42.666667c259.2 0 469.333333 210.133333 469.333333 469.333333s-210.133333 469.333333-469.333333 469.333333S42.666667 771.2 42.666667 512 252.8 42.666667 512 42.666667zM414.165333 289.834667a42.666667 42.666667 0 0 0-60.330666 60.330666L430.293333 426.666667H384a42.666667 42.666667 0 0 0 0 85.333333h85.504v42.666667H384a42.666667 42.666667 0 0 0 0 85.333333h85.504v85.333333a42.666667 42.666667 0 0 0 85.333333 0v-85.333333H640a42.666667 42.666667 0 0 0 0-85.333333h-85.162667v-42.666667H640a42.666667 42.666667 0 0 0 0-85.333333h-46.336l76.501333-76.501334a42.666667 42.666667 0 0 0 0-60.330666l-4.010666-3.541334a42.666667 42.666667 0 0 0-56.32 3.541334l-97.877334 97.792z"  ></path></symbol><symbol id="iconicon_30" viewBox="0 0 1024 1024"><path d="M906.666667 42.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v768a85.333333 85.333333 0 0 1-85.333333 85.333333h-768a85.333333 85.333333 0 0 1-85.333334-85.333333V128a85.333333 85.333333 0 0 1 85.333334-85.333333h768z m0 298.666666h-768v554.666667h768V341.333333zM768 426.666667a42.666667 42.666667 0 0 1 42.666667 42.666666v298.666667a42.666667 42.666667 0 0 1-42.666667 42.666667h-170.666667a42.666667 42.666667 0 0 1-42.666666-42.666667v-298.666667a42.666667 42.666667 0 0 1 42.666666-42.666666h170.666667z m-341.333333 0a42.666667 42.666667 0 0 1 42.666666 42.666666v298.666667a42.666667 42.666667 0 0 1-42.666666 42.666667H256a42.666667 42.666667 0 0 1 0-85.333334h128v-64H298.666667a42.666667 42.666667 0 0 1 0-85.333333h85.333333V512H256a42.666667 42.666667 0 0 1-42.368-37.674667L213.333333 469.333333a42.666667 42.666667 0 0 1 42.666667-42.666666h170.666667z m298.666666 85.333333h-85.333333v213.333333h85.333333v-213.333333z m181.333334-384h-768v128h768V128z"  ></path></symbol><symbol id="iconicon_7" viewBox="0 0 1024 1024"><path d="M906.666667 42.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v768a85.333333 85.333333 0 0 1-85.333333 85.333333h-768a85.333333 85.333333 0 0 1-85.333334-85.333333V128a85.333333 85.333333 0 0 1 85.333334-85.333333h768z m0 298.666666h-768v554.666667h768V341.333333zM640 384a42.666667 42.666667 0 0 1 39.04 59.989333l-170.837333 384a42.666667 42.666667 0 1 1-77.952-34.645333L574.378667 469.333333H426.666667a42.666667 42.666667 0 0 1-42.368-37.674666L384 426.666667a42.666667 42.666667 0 0 1 42.666667-42.666667h213.333333z m266.666667-256h-768v128h768V128z"  ></path></symbol><symbol id="iconicon_data_person" viewBox="0 0 1024 1024"><path d="M477.44 554.709333c107.093333 0.426667 136.106667 3.84 174.08 23.210667a213.333333 213.333333 0 0 1 93.226667 93.226667c20.778667 40.746667 23.253333 71.210667 23.253333 199.253333v25.6a42.666667 42.666667 0 0 1-42.666667 42.666667H85.333333a42.666667 42.666667 0 0 1-42.666666-42.666667l0.042666-50.773333c0.426667-107.093333 3.84-136.106667 23.210667-174.08a213.333333 213.333333 0 0 1 93.226667-93.226667c37.973333-19.328 66.986667-22.826667 174.08-23.210667h144.213333z m-2.688 85.333334H335.914667c-92.16 0.298667-116.522667 2.986667-138.026667 13.909333a128 128 0 0 0-55.936 55.936c-10.965333 21.504-13.610667 45.866667-13.909333 138.026667L128 853.333333h554.624v-5.418666c-0.298667-88.618667-2.773333-114.56-12.672-135.509334l-1.237333-2.517333a128 128 0 0 0-55.936-55.936c-21.504-10.965333-45.866667-13.610667-138.026667-13.909333zM810.666667 234.666667a42.666667 42.666667 0 0 1 42.666666 42.666666v85.333334h85.333334a42.666667 42.666667 0 0 1 42.368 37.674666L981.333333 405.333333a42.666667 42.666667 0 0 1-42.666666 42.666667h-85.333334v85.333333a42.666667 42.666667 0 0 1-37.674666 42.368L810.666667 576a42.666667 42.666667 0 0 1-42.666667-42.666667v-85.333333h-85.333333a42.666667 42.666667 0 0 1-42.368-37.674667L640 405.333333a42.666667 42.666667 0 0 1 42.666667-42.666666h85.333333v-85.333334a42.666667 42.666667 0 0 1 37.674667-42.368L810.666667 234.666667zM405.333333 85.333333a192 192 0 1 1 0 384 192 192 0 0 1 0-384z m0 85.333334a106.666667 106.666667 0 1 0 0 213.333333 106.666667 106.666667 0 0 0 0-213.333333z"  ></path></symbol><symbol id="iconicon_data_plan" viewBox="0 0 1024 1024"><path d="M704 42.666667a42.666667 42.666667 0 0 1 42.666667 42.666666v21.333334H896a85.333333 85.333333 0 0 1 85.333333 85.333333V853.333333a85.333333 85.333333 0 0 1-85.333333 85.333334H170.666667a85.333333 85.333333 0 0 1-85.333334-85.333334V192a85.333333 85.333333 0 0 1 85.333334-85.333333h149.333333V85.333333a42.666667 42.666667 0 1 1 85.333333 0v21.333334h256V85.333333a42.666667 42.666667 0 0 1 42.666667-42.666666z m192 384H170.666667v426.666666h725.333333V426.666667z m-119.168 55.168a42.666667 42.666667 0 0 1 0 60.330666l-256 256a42.666667 42.666667 0 0 1-60.330667 0l-128-128a42.666667 42.666667 0 0 1 60.330667-60.330666l97.834667 97.792 225.834666-225.792a42.666667 42.666667 0 0 1 60.330667 0zM320 192H170.666667V341.333333h725.333333V192h-149.333333V256a42.666667 42.666667 0 0 1-85.333334 0V192h-256V256a42.666667 42.666667 0 1 1-85.333333 0V192z"  ></path></symbol><symbol id="iconicon_data_record" viewBox="0 0 1024 1024"><path d="M170.666667 992a85.333333 85.333333 0 0 1-85.333334-85.333333v-768a85.333333 85.333333 0 0 1 85.333334-85.333334h682.666666a85.333333 85.333333 0 0 1 85.333334 85.333334v768a85.333333 85.333333 0 0 1-85.333334 85.333333H170.666667z m85.333333-853.333333H170.666667v768h85.333333v-768z m597.333333 0H341.333333v768h512v-768z m-213.333333 256a42.666667 42.666667 0 0 1 0 85.333333h-170.666667a42.666667 42.666667 0 1 1 0-85.333333h170.666667z m0-170.666667a42.666667 42.666667 0 0 1 0 85.333333h-170.666667a42.666667 42.666667 0 1 1 0-85.333333h170.666667z"  ></path></symbol><symbol id="iconicon_folder_collapse" viewBox="0 0 1024 1024"><path d="M85.333333 205.568C85.333333 162.730667 121.728 128 166.613333 128h243.797334c12.032 0 23.509333 5.12 31.232 13.952l89.344 102.4h326.4c44.885333 0 81.28 34.730667 81.28 77.568v504.277333c0 42.837333-36.394667 77.568-81.28 77.568H166.613333C121.728 903.765333 85.333333 869.034667 85.333333 826.197333V205.568z m306.048 0H166.613333v620.629333h690.773334V321.92H512a41.514667 41.514667 0 0 1-31.232-13.952l-89.386667-102.4z m173.141334 244.096a42.069333 42.069333 0 0 1 57.472 0l101.632 96.981333a37.546667 37.546667 0 0 1 0 54.826667l-101.632 96.981333a42.069333 42.069333 0 0 1-57.472 0 37.546667 37.546667 0 0 1 0-54.826666l72.874666-69.546667-72.874666-69.546667a37.546667 37.546667 0 0 1 0-54.869333z m-105.045334 54.869333a37.546667 37.546667 0 0 0 0-54.869333 42.026667 42.026667 0 0 0-57.472 0L300.373333 546.645333a37.546667 37.546667 0 0 0 0 54.826667l101.632 96.981333a42.069333 42.069333 0 0 0 57.472 0 37.546667 37.546667 0 0 0 0-54.826666l-72.874666-69.546667 72.874666-69.546667z"  ></path></symbol><symbol id="iconicon_folder_expansion" viewBox="0 0 1024 1024"><path d="M409.898667 128c11.52 0 22.485333 5.12 29.866666 13.952l90.368 108.501333h328.96c41.898667 0 76.330667 32.512 79.36 73.685334l0.213334 5.973333v183.722667a38.826667 38.826667 0 1 1-77.568 0V330.112a2.048 2.048 0 0 0-2.048-2.048H512a38.826667 38.826667 0 0 1-29.781333-13.952l-90.453334-108.544H164.949333a2.005333 2.005333 0 0 0-1.749333 1.024l-0.298667 1.024v610.602667c0 1.152 0.938667 2.048 2.048 2.048h306.218667a38.826667 38.826667 0 1 1 0 77.568H164.949333A79.616 79.616 0 0 1 85.333333 818.218667V207.658667C85.333333 163.584 120.96 128 164.949333 128h244.949334z m517.418666 540.330667a38.826667 38.826667 0 0 1 0 54.826666l-102.058666 102.101334a38.826667 38.826667 0 0 1-54.912-54.912l74.666666-74.666667-74.666666-74.624a38.826667 38.826667 0 0 1-3.2-51.2l3.2-3.626667a38.826667 38.826667 0 0 1 54.912 0l102.058666 102.101334z m-265.386666-47.274667l-74.666667 74.666667 74.666667 74.666666a38.826667 38.826667 0 0 1 3.2 51.2l-3.2 3.669334a38.826667 38.826667 0 0 1-54.869334 0l-102.101333-102.101334a38.826667 38.826667 0 0 1 0-54.826666l102.101333-102.101334a38.826667 38.826667 0 0 1 54.869334 54.826667z"  ></path></symbol><symbol id="iconicon_dashboard1" viewBox="0 0 1024 1024"><path d="M512 85.333333c259.2 0 469.333333 210.133333 469.333333 469.333334 0 126.122667-50.048 244.48-137.472 331.861333a42.666667 42.666667 0 0 1-60.330666-60.330667 383.018667 383.018667 0 0 0 97.194666-163.925333 12.8 12.8 0 0 1-2.005333-0.341333l-79.189333-18.304a42.666667 42.666667 0 1 1 19.2-83.114667l76.544 17.664a382.208 382.208 0 0 0-67.2-241.578667l-50.773334 41.130667a42.666667 42.666667 0 0 1-53.674666-66.304l48.469333-39.253333A382.592 382.592 0 0 0 554.666667 173.013333L554.666667 229.589333a42.666667 42.666667 0 0 1-85.333334 0V173.013333a382.592 382.592 0 0 0-217.429333 99.157334l48.469333 39.253333a42.666667 42.666667 0 0 1-53.674666 66.304l-50.773334-41.130667a382.208 382.208 0 0 0-67.2 241.578667l76.544-17.664a42.666667 42.666667 0 0 1 19.2 83.114667l-79.189333 18.304-2.005333 0.341333a383.018667 383.018667 0 0 0 97.194666 163.925333 42.666667 42.666667 0 1 1-60.330666 60.330667A467.925333 467.925333 0 0 1 42.666667 554.666667C42.666667 295.466667 252.8 85.333333 512 85.333333z m168.149333 377.514667a2504.533333 2504.533333 0 0 1-43.392 113.066667c-4.864 11.733333-9.642667 22.912-14.208 33.28-18.986667 42.922667-34.048 71.04-48.682666 86.229333a123.946667 123.946667 0 0 1-178.346667-172.16c15.061333-15.573333 43.776-32.128 87.893333-53.333333 9.386667-4.48 19.328-9.130667 29.781334-13.866667a2508.672 2508.672 0 0 1 111.104-47.189333 42.666667 42.666667 0 0 1 55.893333 53.973333z m-115.498666 63.573333l-16.170667 7.338667c-9.898667 4.48-19.328 8.874667-28.117333 13.098667-34.048 16.384-58.282667 30.293333-63.445334 35.669333a38.613333 38.613333 0 1 0 55.552 53.632c4.949333-5.12 17.493333-28.501333 32-61.44 4.309333-9.728 8.789333-20.266667 13.397334-31.445333l6.826666-16.810667z"  ></path></symbol><symbol id="iconicon_export" viewBox="0 0 1024 1024"><path d="M810.666667 42.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v384a42.666667 42.666667 0 0 1-85.333333 0V128H213.333333v768h298.666667a42.666667 42.666667 0 0 1 0 85.333333H213.333333a85.333333 85.333333 0 0 1-85.333333-85.333333V128a85.333333 85.333333 0 0 1 85.333333-85.333333h597.333334z m30.165333 620.501333l96 96a42.666667 42.666667 0 0 1 0 60.330667l-96 96a42.666667 42.666667 0 0 1-60.330667-60.330667l23.082667-23.168H608a42.666667 42.666667 0 0 1 0-85.333333h195.626667l-23.125334-23.168a42.666667 42.666667 0 0 1-3.541333-56.32l3.541333-4.010667a42.666667 42.666667 0 0 1 60.330667 0zM512 469.333333a42.666667 42.666667 0 0 1 0 85.333334H341.333333a42.666667 42.666667 0 0 1 0-85.333334h170.666667z m170.666667-170.666666a42.666667 42.666667 0 0 1 0 85.333333H341.333333a42.666667 42.666667 0 1 1 0-85.333333h341.333334z"  ></path></symbol><symbol id="iconicon_phone_outgoing" viewBox="0 0 1024 1024"><path d="M512 42.666667c259.2 0 469.333333 210.133333 469.333333 469.333333s-210.133333 469.333333-469.333333 469.333333S42.666667 771.2 42.666667 512 252.8 42.666667 512 42.666667zM349.781333 233.045333H266.368c-64.938667 0-111.530667 61.482667-90.752 123.093334 41.557333 123.178667 97.450667 232.277333 170.24 305.066666 72.832 72.832 181.930667 128.682667 305.066667 170.24 61.653333 20.821333 123.136-25.770667 123.136-90.709333v-83.413333c0-23.893333-12.970667-45.909333-33.834667-57.514667l-72.661333-40.362667-5.248-2.645333a65.749333 65.749333 0 0 0-56.106667 1.28l-66.474667 33.194667-1.578666-0.469334a202.410667 202.410667 0 0 1-57.173334-29.568 175.104 175.104 0 0 1-35.328-35.370666 198.314667 198.314667 0 0 1-26.453333-48.384l-1.664-4.608a191.658667 191.658667 0 0 1-1.408-4.181334l-0.512-1.664 33.194667-66.346666a65.792 65.792 0 0 0-1.28-61.312l-40.234667-72.490667a65.749333 65.749333 0 0 0-57.514667-33.834667z m0 65.749334l40.234667 72.490666-38.784 77.482667a32.853333 32.853333 0 0 0-2.858667 20.992c4.864 24.96 18.218667 60.16 44.629334 95.488a241.28 241.28 0 0 0 48.512 48.64c35.413333 26.538667 70.698667 39.850667 95.701333 44.629333a32.853333 32.853333 0 0 0 20.906667-2.858666l77.482666-38.741334 72.661334 40.405334v83.413333c0 20.778667-18.133333 34.56-36.266667 28.416-114.389333-38.613333-215.594667-90.453333-279.594667-154.453333s-115.882667-165.205333-154.453333-279.552c-6.144-18.176 7.637333-36.352 28.416-36.352h83.413333z m362.368-118.485334a32.853333 32.853333 0 0 0-46.506666 0l-2.773334 3.072a32.853333 32.853333 0 0 0 2.773334 43.434667l75.52 75.52h-183.808a32.853333 32.853333 0 1 0 0 65.749333h183.466666l-75.178666 75.264a32.853333 32.853333 0 1 0 46.506666 46.506667l130.56-130.432a32.298667 32.298667 0 0 0 8.448-12.714667l0.426667-0.853333a25.173333 25.173333 0 0 0 0.853333-3.242667l0.384-1.706666a33.109333 33.109333 0 0 0 0.469334-5.674667l-0.085334 2.218667-0.085333 0.64 0.170667-2.858667V334.08a28.416 28.416 0 0 0-0.256-2.944l-0.085334-0.938667a25.898667 25.898667 0 0 0-0.725333-3.285333l-0.256-1.194667a22.528 22.528 0 0 0-1.152-3.114666 32.810667 32.810667 0 0 0-7.125333-10.794667z"  ></path></symbol><symbol id="iconicon_that_person" viewBox="0 0 1024 1024"><path d="M512 85.333333c259.2 0 469.333333 210.133333 469.333333 469.333334a468.053333 468.053333 0 0 1-132.352 326.656C798.165333 773.205333 714.282667 661.333333 640 661.333333H384c-74.325333 0-158.208 111.786667-209.066667 219.946667C93.098667 796.8 42.666667 681.6 42.666667 554.666667 42.666667 295.466667 252.8 85.333333 512 85.333333z m0 170.666667a170.666667 170.666667 0 1 0 0 341.333333 170.666667 170.666667 0 0 0 0-341.333333z"  ></path></symbol><symbol id="iconicon_file1" viewBox="0 0 1024 1024"><path d="M431.488 128c12.117333 0 23.552 5.376 31.317333 14.634667l89.6 107.52h255.829334a81.493333 81.493333 0 0 1 81.194666 75.392l0.256 6.101333V413.013333h50.901334a40.746667 40.746667 0 0 1 39.936 48.725334l-81.493334 407.253333a40.746667 40.746667 0 0 1-39.893333 32.768H127.829333c-1.92 0.042667-3.84 0-5.76-0.213333l3.968 0.213333a41.386667 41.386667 0 0 1-10.154666-1.28 38.954667 38.954667 0 0 1-30.293334-34.474667L85.333333 861.056V209.493333C85.333333 164.48 121.813333 128 166.784 128h264.704z m-19.072 81.450667H166.784v308.181333l17.664-73.386667a40.746667 40.746667 0 0 1 39.594667-31.146666h584.192v-81.493334H533.333333a40.746667 40.746667 0 0 1-31.317333-14.634666l-89.6-107.52z"  ></path></symbol><symbol id="iconicon_enterprise" viewBox="0 0 1024 1024"><path d="M512 42.666667c259.2 0 469.333333 210.133333 469.333333 469.333333s-210.133333 469.333333-469.333333 469.333333S42.666667 771.2 42.666667 512 252.8 42.666667 512 42.666667z m57.6 128a42.666667 42.666667 0 0 0-67.456-34.730667l-209.066667 149.333333a42.666667 42.666667 0 0 0-17.877333 34.730667L275.157333 725.333333H213.333333a42.666667 42.666667 0 0 0 0 85.333334h597.333334a42.666667 42.666667 0 0 0 0-85.333334h-32v-270.933333a42.666667 42.666667 0 0 0-17.877334-34.730667l-191.232-136.533333z m-85.376 82.901333V725.333333H360.533333V341.930667l123.690667-88.362667z m85.376 134.4l123.733333 88.362667V725.333333h-123.733333V387.968z"  ></path></symbol><symbol id="iconicon_send_colorful" viewBox="0 0 1024 1024"><path d="M512 563.626667v267.349333l146.773333 132.266667a43.477333 43.477333 0 0 0 72.661334-19.541334l220.373333-780.544c6.058667-21.376-20.522667-36.608-35.925333-20.565333L512 563.626667z" fill="#3370FF" ></path><path d="M881.706667 107.818667c16.213333-15.573333 0.426667-42.410667-21.034667-35.797334L81.92 312.576a43.434667 43.434667 0 0 0-19.712 72.704l133.888 146.645333h243.413333l442.154667-424.106666z" fill="#85A9FF" ></path></symbol><symbol id="iconicon_edit1" viewBox="0 0 1024 1024"><path d="M904.448 316.8L696.96 109.248 742.144 64l207.552 207.552-45.248 45.248zM382.208 839.04l-231.232 46.272a19.2 19.2 0 0 1-22.592-22.592l46.272-231.232 467.008-467.008 207.616 207.552-467.072 467.072z m376.512-467.008l-117.056-117.056L233.6 663.04l-29.312 146.368 146.368-29.248 408.064-408.128zM960 704h-256v64h256v-64zM960 832H544v64H960v-64z"  ></path></symbol><symbol id="iconicon_my" viewBox="0 0 1024 1024"><path d="M512 42.666667c259.2 0 469.333333 210.133333 469.333333 469.333333 0 127.573333-50.858667 243.2-133.461333 327.808l-5.546667 5.546667A467.882667 467.882667 0 0 1 512 981.333333c-125.184 0-238.933333-48.981333-323.029333-128.853333a43.562667 43.562667 0 0 1-9.045334-8.789333A467.968 467.968 0 0 1 42.666667 512C42.666667 252.8 252.8 42.666667 512 42.666667z m85.333333 618.666666h-170.666666a170.752 170.752 0 0 0-167.808 139.392A382.506667 382.506667 0 0 0 512 896c96.981333 0 185.6-35.968 253.141333-95.232A170.752 170.752 0 0 0 597.333333 661.333333zM512 128a384 384 0 0 0-318.592 598.442667A256 256 0 0 1 426.666667 576h170.666666a256.170667 256.170667 0 0 1 233.301334 150.4A384 384 0 0 0 512 128z m0 106.666667a149.333333 149.333333 0 1 1 0 298.666666 149.333333 149.333333 0 0 1 0-298.666666z m0 85.333333a64 64 0 1 0 0 128 64 64 0 0 0 0-128z"  ></path></symbol><symbol id="iconicon_general" viewBox="0 0 1024 1024"><path d="M512 981.333333C252.8 981.333333 42.666667 771.2 42.666667 512S252.8 42.666667 512 42.666667s469.333333 210.133333 469.333333 469.333333-210.133333 469.333333-469.333333 469.333333z m0-213.333333l256-242.517333h-161.706667V282.965333H417.706667v242.517334H256L512 768z"  ></path></symbol><symbol id="iconicon_serious" viewBox="0 0 1024 1024"><path d="M512 42.666667c259.2 0 469.333333 210.133333 469.333333 469.333333s-210.133333 469.333333-469.333333 469.333333S42.666667 771.2 42.666667 512 252.8 42.666667 512 42.666667z m0 213.333333l-256 242.517333h161.706667v242.517334h188.586666v-242.517334H768L512 256z"  ></path></symbol><symbol id="iconicon_succeed_filled" viewBox="0 0 1024 1024"><path d="M42.666667 512c0 259.2 210.133333 469.333333 469.333333 469.333333s469.333333-210.133333 469.333333-469.333333S771.2 42.666667 512 42.666667 42.666667 252.8 42.666667 512z m646.101333-128.981333a21.333333 21.333333 0 0 1 30.165333 0l30.165334 30.165333a21.333333 21.333333 0 0 1 0 30.165333l-271.488 271.530667a21.333333 21.333333 0 0 1-30.208 0l-156.16-156.16a21.333333 21.333333 0 0 1 0-30.208l30.165333-30.165333a21.333333 21.333333 0 0 1 30.165333 0l110.933334 110.933333 226.261333-226.261333z"  ></path></symbol><symbol id="iconicon_block_filled" viewBox="0 0 1024 1024"><path d="M981.333333 512c0 259.2-210.133333 469.333333-469.333333 469.333333S42.666667 771.2 42.666667 512 252.8 42.666667 512 42.666667s469.333333 210.133333 469.333333 469.333333zM320 469.333333a21.333333 21.333333 0 0 0-21.333333 21.333334v42.666666a21.333333 21.333333 0 0 0 21.333333 21.333334h384a21.333333 21.333333 0 0 0 21.333333-21.333334v-42.666666a21.333333 21.333333 0 0 0-21.333333-21.333334h-384z"  ></path></symbol><symbol id="iconicon_testing" viewBox="0 0 1024 1024"><path d="M520.533333 981.333333c-259.242667 0-469.333333-210.090667-469.333333-469.333333s210.090667-469.333333 469.333333-469.333333 469.333333 210.090667 469.333334 469.333333-210.090667 469.333333-469.333334 469.333333z m216.533334-675.072A298.666667 298.666667 0 0 0 222.378667 494.933333c-0.554667 9.386667 7.125333 17.066667 16.554666 17.066667h51.2c9.429333 0 17.024-7.68 17.749334-17.066667a213.333333 213.333333 0 0 1 390.826666-100.352l-65.066666 5.461334a17.066667 17.066667 0 0 0-15.573334 18.474666l4.309334 50.986667a17.066667 17.066667 0 0 0 18.432 15.573333l178.56-15.061333a17.066667 17.066667 0 0 0 15.573333-18.432l-15.061333-178.56a17.066667 17.066667 0 0 0-18.432-15.573333l-51.029334 4.266666a17.066667 17.066667 0 0 0-15.573333 18.474667l2.218667 26.069333z m-417.237334 411.477334A298.666667 298.666667 0 0 0 834.56 529.066667a16.341333 16.341333 0 0 0-16.554667-17.066667h-51.2c-9.429333 0-17.024 7.68-17.749333 17.066667a213.333333 213.333333 0 0 1-390.826667 100.352l65.066667-5.461334a17.066667 17.066667 0 0 0 15.573333-18.474666l-4.309333-50.986667a17.066667 17.066667 0 0 0-18.474667-15.573333l-178.56 15.061333a17.066667 17.066667 0 0 0-15.573333 18.432l15.104 178.56a17.066667 17.066667 0 0 0 18.432 15.573333l51.029333-4.266666a17.066667 17.066667 0 0 0 15.573334-18.474667l-2.218667-26.069333z"  ></path></symbol><symbol id="iconicon_off_screen" viewBox="0 0 1024 1024"><path d="M347.733333 89.6a46.933333 46.933333 0 0 0-93.866666 0v164.266667H89.6a46.933333 46.933333 0 0 0 0 93.866666h211.2a46.933333 46.933333 0 0 0 46.933333-46.933333V89.6z m422.4 0a46.933333 46.933333 0 1 0-93.866666 0v211.2a46.933333 46.933333 0 0 0 46.933333 46.933333h211.2a46.933333 46.933333 0 1 0 0-93.866666h-164.266667V89.6zM42.666667 723.2a46.933333 46.933333 0 0 1 46.933333-46.933333h211.2a46.933333 46.933333 0 0 1 46.933333 46.933333v211.2a46.933333 46.933333 0 1 1-93.866666 0v-164.266667H89.6a46.933333 46.933333 0 0 1-46.933333-46.933333z m680.533333-46.933333a46.933333 46.933333 0 0 0-46.933333 46.933333v211.2a46.933333 46.933333 0 1 0 93.866666 0v-164.266667h161.92a46.933333 46.933333 0 0 0 0-93.866666H723.2z"  ></path></symbol><symbol id="iconicon_full_screen_one" viewBox="0 0 1024 1024"><path d="M704 85.333333H896a42.666667 42.666667 0 0 1 42.666667 42.666667v192a42.666667 42.666667 0 1 1-85.333334 0V228.864l-140.501333 140.501333a42.666667 42.666667 0 1 1-60.330667-60.330666L790.826667 170.666667H704a42.666667 42.666667 0 1 1 0-85.333334zM170.666667 213.333333v106.666667a42.666667 42.666667 0 0 1-85.333334 0V128a42.666667 42.666667 0 0 1 42.666667-42.666667h192a42.666667 42.666667 0 0 1 0 85.333334H246.912l124.416 138.24a42.666667 42.666667 0 1 1-60.032 60.586666L170.666667 213.333333z m200.661333 499.626667a42.666667 42.666667 0 0 0-60.032-60.586667L170.666667 791.552V704a42.666667 42.666667 0 1 0-85.333334 0V896a42.666667 42.666667 0 0 0 42.666667 42.666667h192a42.666667 42.666667 0 1 0 0-85.333334H229.546667l141.781333-140.373333z m283.306667-60.458667a42.666667 42.666667 0 0 1 60.373333 0L853.333333 790.826667V704a42.666667 42.666667 0 1 1 85.333334 0V896a42.666667 42.666667 0 0 1-42.666667 42.666667h-192a42.666667 42.666667 0 1 1 0-85.333334h91.136l-140.501333-140.501333a42.666667 42.666667 0 0 1 0-60.330667z"  ></path></symbol><symbol id="iconicon_disable" viewBox="0 0 1024 1024"><path d="M512 42.666667c259.2 0 469.333333 210.133333 469.333333 469.333333s-210.133333 469.333333-469.333333 469.333333S42.666667 771.2 42.666667 512 252.8 42.666667 512 42.666667z m0 85.333333a384 384 0 1 0 0 768 384 384 0 0 0 0-768zM320.682667 282.666667l294.314666 509.781333A298.666667 298.666667 0 0 1 320.682667 282.666667zM512 213.333333a298.666667 298.666667 0 0 1 178.048 538.453334L393.301333 237.866667A297.685333 297.685333 0 0 1 512 213.333333z"  ></path></symbol><symbol id="icona-icon_file-compressed_colorful_ash" viewBox="0 0 1024 1024"><path d="M648.533333 42.666667a42.666667 42.666667 0 0 1 33.322667 16l170.325333 212.906666 1.792 2.346667 0.213334 0.341333 0.426666 0.554667 0.426667 0.768-0.853333-1.322667-1.664-2.261333 2.730666 3.925333 1.152 1.877334a40.021333 40.021333 0 0 1 4.053334 9.941333 41.258667 41.258667 0 0 1 1.109333 5.973333L861.866667 298.666667v85.333333h42.666666a85.333333 85.333333 0 0 1 85.333334 85.333333v298.666667a85.333333 85.333333 0 0 1-85.333334 85.333333h-42.666666v85.333334a42.666667 42.666667 0 0 1-42.666667 42.666666h-597.333333a42.666667 42.666667 0 0 1-42.666667-42.666666v-85.333334h-42.666667a85.333333 85.333333 0 0 1-85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667V85.333333a42.666667 42.666667 0 0 1 42.666667-42.666666h426.666666z m128 810.666666h-512v42.666667h512v-42.666667z m128-384h-768v298.666667h768v-298.666667z m-533.333333 21.333334a42.666667 42.666667 0 0 1 34.133333 68.266666l-76.8 102.4h42.666667a42.666667 42.666667 0 0 1 42.368 37.674667l0.298667 4.992a42.666667 42.666667 0 0 1-42.666667 42.666667h-128a42.666667 42.666667 0 0 1-34.133333-68.266667l76.8-102.4h-42.666667a42.666667 42.666667 0 0 1-42.368-37.674667L200.533333 533.333333a42.666667 42.666667 0 0 1 42.666667-42.666666h128z m149.333333 0a42.666667 42.666667 0 0 1 42.666667 42.666666v170.666667a42.666667 42.666667 0 1 1-85.333333 0v-170.666667a42.666667 42.666667 0 0 1 42.666666-42.666666z m224 0a96 96 0 0 1 0 192h-32v21.333333a42.666667 42.666667 0 1 1-85.333333 0v-170.666667a42.666667 42.666667 0 0 1 42.666667-42.666666h74.666666z m0 85.333333h-32v21.333333h32a10.666667 10.666667 0 1 0 0-21.333333zM563.2 128h-298.666667v256h512V341.333333h-170.666666a42.666667 42.666667 0 0 1-42.666667-42.666666V128z m85.333333 25.6V256h81.92L648.533333 153.6z" fill="#959598" ></path></symbol><symbol id="icona-icon_file-compressed_colorful" viewBox="0 0 1024 1024"><path d="M648.533333 42.666667a42.666667 42.666667 0 0 1 33.322667 16l170.325333 212.906666 1.792 2.346667 0.213334 0.341333 0.426666 0.554667 0.426667 0.768-0.853333-1.322667-1.664-2.261333 2.730666 3.925333 1.152 1.877334a40.021333 40.021333 0 0 1 4.053334 9.941333 41.258667 41.258667 0 0 1 1.109333 5.973333L861.866667 298.666667v85.333333h42.666666a85.333333 85.333333 0 0 1 85.333334 85.333333v298.666667a85.333333 85.333333 0 0 1-85.333334 85.333333h-42.666666v85.333334a42.666667 42.666667 0 0 1-42.666667 42.666666h-597.333333a42.666667 42.666667 0 0 1-42.666667-42.666666v-85.333334h-42.666667a85.333333 85.333333 0 0 1-85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667V85.333333a42.666667 42.666667 0 0 1 42.666667-42.666666h426.666666z m128 810.666666h-512v42.666667h512v-42.666667z m128-384h-768v298.666667h768v-298.666667z m-533.333333 21.333334a42.666667 42.666667 0 0 1 34.133333 68.266666l-76.8 102.4h42.666667a42.666667 42.666667 0 0 1 42.368 37.674667l0.298667 4.992a42.666667 42.666667 0 0 1-42.666667 42.666667h-128a42.666667 42.666667 0 0 1-34.133333-68.266667l76.8-102.4h-42.666667a42.666667 42.666667 0 0 1-42.368-37.674667L200.533333 533.333333a42.666667 42.666667 0 0 1 42.666667-42.666666h128z m149.333333 0a42.666667 42.666667 0 0 1 42.666667 42.666666v170.666667a42.666667 42.666667 0 1 1-85.333333 0v-170.666667a42.666667 42.666667 0 0 1 42.666666-42.666666z m224 0a96 96 0 0 1 0 192h-32v21.333333a42.666667 42.666667 0 1 1-85.333333 0v-170.666667a42.666667 42.666667 0 0 1 42.666667-42.666666h74.666666z m0 85.333333h-32v21.333333h32a10.666667 10.666667 0 1 0 0-21.333333zM563.2 128h-298.666667v256h512V341.333333h-170.666666a42.666667 42.666667 0 0 1-42.666667-42.666666V128z m85.333333 25.6V256h81.92L648.533333 153.6z" fill="#3370FF" ></path></symbol><symbol id="iconicon_file-image_colorful_ash" viewBox="0 0 1024 1024"><path d="M867.541333 42.666667A113.792 113.792 0 0 1 981.333333 156.458667v711.082666A113.792 113.792 0 0 1 867.541333 981.333333H156.458667A113.792 113.792 0 0 1 42.666667 867.541333V156.458667A113.792 113.792 0 0 1 156.458667 42.666667h711.082666z m-189.781333 574.293333l-208.341333 187.477333a42.666667 42.666667 0 0 1-52.053334 3.882667l-4.266666-3.2-139.946667-119.978667L128 794.069333v73.472c0 15.744 12.714667 28.458667 28.458667 28.458667h711.082666a28.458667 28.458667 0 0 0 28.458667-28.458667V815.36l-218.24-198.4zM867.541333 128H156.458667A28.458667 28.458667 0 0 0 128 156.458667V687.36l121.344-91.008a42.666667 42.666667 0 0 1 53.376 1.706667l137.472 117.802666 209.194667-188.202666a42.666667 42.666667 0 0 1 57.258666 0.128L896 699.989333V156.416A28.458667 28.458667 0 0 0 867.541333 128zM369.792 208.597333a161.194667 161.194667 0 1 1 0 322.346667 161.194667 161.194667 0 0 1 0-322.346667z m0 85.333334a75.861333 75.861333 0 1 0 0 151.68 75.861333 75.861333 0 0 0 0-151.68z" fill="#959598" ></path></symbol><symbol id="iconicon_file-ppt_colorful_ash" viewBox="0 0 1024 1024"><path d="M576 85.333333v21.333334H810.666667a42.666667 42.666667 0 0 1 42.666666 42.666666V256h42.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v341.333334a85.333333 85.333333 0 0 1-85.333333 85.333333h-42.666667v106.666667a42.666667 42.666667 0 0 1-42.666666 42.666666h-234.666667v21.333334a42.666667 42.666667 0 0 1-57.088 40.192l-320-114.773334A42.666667 42.666667 0 0 1 170.666667 823.893333V768H128a85.333333 85.333333 0 0 1-85.333333-85.333333V341.333333a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667V200.149333a42.666667 42.666667 0 0 1 28.245333-40.106666l320-114.816A42.666667 42.666667 0 0 1 576 85.333333z m-85.333333 682.666667H256v25.898667l234.666667 84.138666V768z m277.333333 0h-192v64H768V768z m128-426.666667H128v341.333334h768V341.333333z m-618.666667 21.333334a106.666667 106.666667 0 1 1 0 213.333333H256v42.666667a42.666667 42.666667 0 1 1-85.333333 0v-213.333334a42.666667 42.666667 0 0 1 42.666666-42.666666h64z m234.666667 0a106.666667 106.666667 0 1 1 0 213.333333h-21.333333v42.666667a42.666667 42.666667 0 1 1-85.333334 0v-213.333334a42.666667 42.666667 0 0 1 42.666667-42.666666H512z m298.666667 21.333333a42.666667 42.666667 0 1 1 0 85.333333h-21.333334v128a42.666667 42.666667 0 1 1-85.333333 0v-128H682.666667a42.666667 42.666667 0 1 1 0-85.333333h128zM277.333333 448H256v42.666667h21.333333a21.333333 21.333333 0 1 0 0-42.666667z m234.666667 0h-21.333333v42.666667h21.333333a21.333333 21.333333 0 1 0 0-42.666667z m-21.333333-301.994667L256 230.144V256h234.666667V146.005333zM768 192L576 192V256H768V192z" fill="#959598" ></path></symbol><symbol id="iconicon_file-pdf_colorful_ash" viewBox="0 0 1024 1024"><path d="M640 42.666667a42.666667 42.666667 0 0 1 33.28 16l170.368 212.906666 1.792 2.346667 0.213333 0.341333 0.426667 0.554667 0.426667 0.768-0.853334-1.322667-1.706666-2.261333 2.773333 3.925333 1.152 1.877334a40.021333 40.021333 0 0 1 4.053333 9.941333 41.258667 41.258667 0 0 1 1.109334 5.973333L853.333333 298.666667v85.333333h42.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v298.666667a85.333333 85.333333 0 0 1-85.333333 85.333333h-42.666667v85.333334a42.666667 42.666667 0 0 1-42.666666 42.666666H213.333333a42.666667 42.666667 0 0 1-42.666666-42.666666v-85.333334H128a85.333333 85.333333 0 0 1-85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667V85.333333a42.666667 42.666667 0 0 1 42.666666-42.666666h426.666667z m128 810.666666H256v42.666667h512v-42.666667z m128-384H128v298.666667h768v-298.666667z m-405.333333 21.333334a128 128 0 0 1 0 256h-42.666667a42.666667 42.666667 0 0 1-42.666667-42.666667v-170.666667a42.666667 42.666667 0 0 1 42.666667-42.666666h42.666667z m-202.666667 0a96 96 0 0 1 0 192H256v21.333333a42.666667 42.666667 0 1 1-85.333333 0v-170.666667a42.666667 42.666667 0 0 1 42.666666-42.666666h74.666667z m501.333333 0a42.666667 42.666667 0 1 1 0 85.333333H725.333333v21.333333h64a42.666667 42.666667 0 1 1 0 85.333334H725.333333v21.333333a42.666667 42.666667 0 0 1-37.674666 42.368L682.666667 746.666667a42.666667 42.666667 0 0 1-42.666667-42.666667v-170.666667a42.666667 42.666667 0 0 1 42.666667-42.666666h106.666666z m-298.666666 85.333333v85.333333a42.666667 42.666667 0 1 0 0-85.333333z m-202.666667 0H256v21.333333h32a10.666667 10.666667 0 1 0 0-21.333333zM554.666667 128H256v256h512V341.333333h-170.666667a42.666667 42.666667 0 0 1-42.666666-42.666666V128z m85.333333 25.6V256h81.92L640 153.6z" fill="#959598" ></path></symbol><symbol id="icona-icon_file-compressed_colorful1" viewBox="0 0 1024 1024"><path d="M640 42.666667a42.666667 42.666667 0 0 1 33.28 16l170.368 212.906666 1.792 2.346667 0.213333 0.341333 0.426667 0.554667 0.426667 0.768-0.853334-1.322667-1.706666-2.261333 2.773333 3.925333 1.152 1.877334a40.021333 40.021333 0 0 1 4.053333 9.941333 41.258667 41.258667 0 0 1 1.109334 5.973333L853.333333 298.666667v85.333333h42.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v298.666667a85.333333 85.333333 0 0 1-85.333333 85.333333h-42.666667v85.333334a42.666667 42.666667 0 0 1-42.666666 42.666666H213.333333a42.666667 42.666667 0 0 1-42.666666-42.666666v-85.333334H128a85.333333 85.333333 0 0 1-85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667V85.333333a42.666667 42.666667 0 0 1 42.666666-42.666666h426.666667z m128 810.666666H256v42.666667h512v-42.666667z m128-384H128v298.666667h768v-298.666667z m-533.333333 21.333334a42.666667 42.666667 0 0 1 34.133333 68.266666l-76.8 102.4h42.666667a42.666667 42.666667 0 0 1 42.368 37.674667l0.298666 4.992a42.666667 42.666667 0 0 1-42.666666 42.666667h-128a42.666667 42.666667 0 0 1-34.133334-68.266667l76.8-102.4h-42.666666a42.666667 42.666667 0 0 1-42.368-37.674667L192 533.333333a42.666667 42.666667 0 0 1 42.666667-42.666666h128z m149.333333 0a42.666667 42.666667 0 0 1 42.666667 42.666666v170.666667a42.666667 42.666667 0 1 1-85.333334 0v-170.666667a42.666667 42.666667 0 0 1 42.666667-42.666666z m224 0a96 96 0 0 1 0 192h-32v21.333333a42.666667 42.666667 0 1 1-85.333333 0v-170.666667a42.666667 42.666667 0 0 1 42.666666-42.666666h74.666667z m0 85.333333h-32v21.333333h32a10.666667 10.666667 0 1 0 0-21.333333zM554.666667 128H256v256h512V341.333333h-170.666667a42.666667 42.666667 0 0 1-42.666666-42.666666V128z m85.333333 25.6V256h81.92L640 153.6z" fill="#3370FF" ></path></symbol><symbol id="iconicon_file-image_colorful" viewBox="0 0 1024 1024"><path d="M867.541333 42.666667A113.792 113.792 0 0 1 981.333333 156.458667v711.082666A113.792 113.792 0 0 1 867.541333 981.333333H156.458667A113.792 113.792 0 0 1 42.666667 867.541333V156.458667A113.792 113.792 0 0 1 156.458667 42.666667h711.082666z m-189.781333 574.293333l-208.341333 187.477333a42.666667 42.666667 0 0 1-52.053334 3.882667l-4.266666-3.2-139.946667-119.978667L128 794.069333v73.472c0 15.744 12.714667 28.458667 28.458667 28.458667h711.082666a28.458667 28.458667 0 0 0 28.458667-28.458667V815.36l-218.24-198.4zM867.541333 128H156.458667A28.458667 28.458667 0 0 0 128 156.458667V687.36l121.344-91.008a42.666667 42.666667 0 0 1 53.376 1.706667l137.472 117.802666 209.194667-188.202666a42.666667 42.666667 0 0 1 57.258666 0.128L896 699.989333V156.416A28.458667 28.458667 0 0 0 867.541333 128zM369.792 208.597333a161.194667 161.194667 0 1 1 0 322.346667 161.194667 161.194667 0 0 1 0-322.346667z m0 85.333334a75.861333 75.861333 0 1 0 0 151.68 75.861333 75.861333 0 0 0 0-151.68z" fill="#FFC14E" ></path></symbol><symbol id="iconicon_file-word_colorful_ash" viewBox="0 0 1024 1024"><path d="M256 896h640V128H256v128h213.333333a42.666667 42.666667 0 0 1 42.666667 42.666667v384a42.666667 42.666667 0 0 1-42.666667 42.666666H256v170.666667z m554.666667-256a42.666667 42.666667 0 1 1 0 85.333333h-170.666667a42.666667 42.666667 0 1 1 0-85.333333h170.666667zM135.04 341.333333h-10.581333a30.208 30.208 0 0 0-29.226667 37.845334l61.653333 235.349333a34.133333 34.133333 0 0 0 33.024 25.472h18.773334a34.133333 34.133333 0 0 0 33.28-26.453333l35.157333-153.258667 36.48 153.472a34.133333 34.133333 0 0 0 33.194667 26.24h18.517333a34.133333 34.133333 0 0 0 33.024-25.557333l61.226667-235.52a30.08 30.08 0 0 0-29.013334-37.589334h-10.325333a34.133333 34.133333 0 0 0-33.578667 28.074667l-28.885333 160.085333-38.272-161.877333A34.133333 34.133333 0 0 0 286.250667 341.333333h-18.602667a34.133333 34.133333 0 0 0-33.28 26.538667l-36.864 161.621333-28.885333-160.085333A34.133333 34.133333 0 0 0 135.04 341.333333zM810.666667 469.333333a42.666667 42.666667 0 1 1 0 85.333334h-170.666667a42.666667 42.666667 0 1 1 0-85.333334h170.666667z m0-170.666666a42.666667 42.666667 0 1 1 0 85.333333h-170.666667a42.666667 42.666667 0 1 1 0-85.333333h170.666667zM85.333333 725.333333a42.666667 42.666667 0 0 1-42.666666-42.666666V298.666667a42.666667 42.666667 0 0 1 42.666666-42.666667h85.333334V128a85.333333 85.333333 0 0 1 85.333333-85.333333h640a85.333333 85.333333 0 0 1 85.333333 85.333333v768a85.333333 85.333333 0 0 1-85.333333 85.333333H256a85.333333 85.333333 0 0 1-85.333333-85.333333v-170.666667H85.333333z" fill="#959598" ></path></symbol><symbol id="iconicon_file-sketch_colorful" viewBox="0 0 1024 1024"><path d="M874.666667 42.666667A106.666667 106.666667 0 0 1 981.333333 149.333333v725.333334a106.666667 106.666667 0 0 1-106.666666 106.666666h-725.333334A106.666667 106.666667 0 0 1 42.666667 874.666667v-725.333334A106.666667 106.666667 0 0 1 149.333333 42.666667h725.333334z m0 85.333333h-725.333334a21.333333 21.333333 0 0 0-21.333333 21.333333v725.333334a21.333333 21.333333 0 0 0 21.333333 21.333333h725.333334a21.333333 21.333333 0 0 0 21.333333-21.333333v-725.333334a21.333333 21.333333 0 0 0-21.333333-21.333333zM640 279.722667a42.666667 42.666667 0 0 1 33.877333 16.725333l85.333334 111.530667a42.666667 42.666667 0 0 1-0.512 52.522666l-213.333334 267.733334a42.666667 42.666667 0 0 1-66.730666 0l-213.333334-267.733334a42.666667 42.666667 0 0 1-0.512-52.48l85.333334-111.573333A42.666667 42.666667 0 0 1 384 279.722667h256z m-21.077333 85.333333H405.034667l-52.266667 68.266667L512 633.173333l159.189333-199.765333-52.266666-68.309333z" fill="#FFC14E" ></path></symbol><symbol id="iconicon_file-ppt_colorful" viewBox="0 0 1024 1024"><path d="M576 85.333333v21.333334H810.666667a42.666667 42.666667 0 0 1 42.666666 42.666666V256h42.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v341.333334a85.333333 85.333333 0 0 1-85.333333 85.333333h-42.666667v106.666667a42.666667 42.666667 0 0 1-42.666666 42.666666h-234.666667v21.333334a42.666667 42.666667 0 0 1-57.088 40.192l-320-114.773334A42.666667 42.666667 0 0 1 170.666667 823.893333V768H128a85.333333 85.333333 0 0 1-85.333333-85.333333V341.333333a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667V200.149333a42.666667 42.666667 0 0 1 28.245333-40.106666l320-114.816A42.666667 42.666667 0 0 1 576 85.333333z m-85.333333 682.666667H256v25.898667l234.666667 84.138666V768z m277.333333 0h-192v64H768V768z m128-426.666667H128v341.333334h768V341.333333z m-618.666667 21.333334a106.666667 106.666667 0 1 1 0 213.333333H256v42.666667a42.666667 42.666667 0 1 1-85.333333 0v-213.333334a42.666667 42.666667 0 0 1 42.666666-42.666666h64z m234.666667 0a106.666667 106.666667 0 1 1 0 213.333333h-21.333333v42.666667a42.666667 42.666667 0 1 1-85.333334 0v-213.333334a42.666667 42.666667 0 0 1 42.666667-42.666666H512z m298.666667 21.333333a42.666667 42.666667 0 1 1 0 85.333333h-21.333334v128a42.666667 42.666667 0 1 1-85.333333 0v-128H682.666667a42.666667 42.666667 0 1 1 0-85.333333h128zM277.333333 448H256v42.666667h21.333333a21.333333 21.333333 0 1 0 0-42.666667z m234.666667 0h-21.333333v42.666667h21.333333a21.333333 21.333333 0 1 0 0-42.666667z m-21.333333-301.994667L256 230.144V256h234.666667V146.005333zM768 192L576 192V256H768V192z" fill="#F02929" ></path></symbol><symbol id="iconicon_file_video_colorful_ash" viewBox="0 0 1024 1024"><path d="M867.541333 42.666667A113.792 113.792 0 0 1 981.333333 156.458667v711.082666A113.792 113.792 0 0 1 867.541333 981.333333H156.458667A113.792 113.792 0 0 1 42.666667 867.541333V156.458667A113.792 113.792 0 0 1 156.458667 42.666667h711.082666zM896 341.333333H128v526.208c0 15.744 12.714667 28.458667 28.458667 28.458667h711.082666a28.458667 28.458667 0 0 0 28.458667-28.458667V341.333333zM450.389333 426.154667l124.416 71.850666 124.458667 71.850667a42.666667 42.666667 0 0 1 0 73.898667l-124.458667 71.850666-124.416 71.850667a42.666667 42.666667 0 0 1-64-36.949333v-287.402667a42.666667 42.666667 0 0 1 64-36.949333z m21.333334 110.848v139.562666l60.416-34.858666 60.458666-34.944-60.458666-34.858667-60.416-34.901333zM361.130667 128H156.458667A28.458667 28.458667 0 0 0 128 156.458667V256h147.797333l85.333334-128z m506.453333 0h-119.424l-85.376 128H896V156.458667A28.458667 28.458667 0 0 0 867.541333 128zM645.546667 128h-181.845334l-85.333333 128h181.888l85.290667-128z" fill="#959598" ></path></symbol><symbol id="iconicon_file-excel_colorful" viewBox="0 0 1024 1024"><path d="M256 896h640V128H256v170.666667h213.333333a42.666667 42.666667 0 0 1 42.666667 42.666666v384a42.666667 42.666667 0 0 1-42.666667 42.666667H256v128z m554.666667-256a42.666667 42.666667 0 1 1 0 85.333333h-170.666667a42.666667 42.666667 0 1 1 0-85.333333h170.666667zM221.184 384H175.274667a27.477333 27.477333 0 0 0-22.997334 42.496l65.877334 100.522667-74.666667 112.64A27.690667 27.690667 0 0 0 166.656 682.666667H213.333333a8.533333 8.533333 0 0 0 7.253334-4.053334l56.618666-91.904 56.362667 91.904a8.533333 8.533333 0 0 0 7.253333 4.053334h47.104a27.904 27.904 0 0 0 23.296-43.264L338.133333 528.64l65.706667-102.314667A27.477333 27.477333 0 0 0 380.714667 384H335.402667a8.533333 8.533333 0 0 0-7.424 4.352L279.04 475.861333 228.565333 388.266667a8.533333 8.533333 0 0 0-7.381333-4.266667zM810.666667 469.333333a42.666667 42.666667 0 1 1 0 85.333334h-170.666667a42.666667 42.666667 0 1 1 0-85.333334h170.666667z m0-170.666666a42.666667 42.666667 0 1 1 0 85.333333h-170.666667a42.666667 42.666667 0 1 1 0-85.333333h170.666667zM85.333333 768a42.666667 42.666667 0 0 1-42.666666-42.666667V341.333333a42.666667 42.666667 0 0 1 42.666666-42.666666h85.333334V128a85.333333 85.333333 0 0 1 85.333333-85.333333h640a85.333333 85.333333 0 0 1 85.333333 85.333333v768a85.333333 85.333333 0 0 1-85.333333 85.333333H256a85.333333 85.333333 0 0 1-85.333333-85.333333v-128H85.333333z" fill="#00C261" ></path></symbol><symbol id="iconicon_file-pdf_colorful" viewBox="0 0 1024 1024"><path d="M640 42.666667a42.666667 42.666667 0 0 1 33.28 16l170.368 212.906666 1.792 2.346667 0.213333 0.341333 0.426667 0.554667 0.426667 0.768-0.853334-1.322667-1.706666-2.261333 2.773333 3.925333 1.152 1.877334a40.021333 40.021333 0 0 1 4.053333 9.941333 41.258667 41.258667 0 0 1 1.109334 5.973333L853.333333 298.666667v85.333333h42.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v298.666667a85.333333 85.333333 0 0 1-85.333333 85.333333h-42.666667v85.333334a42.666667 42.666667 0 0 1-42.666666 42.666666H213.333333a42.666667 42.666667 0 0 1-42.666666-42.666666v-85.333334H128a85.333333 85.333333 0 0 1-85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667V85.333333a42.666667 42.666667 0 0 1 42.666666-42.666666h426.666667z m128 810.666666H256v42.666667h512v-42.666667z m128-384H128v298.666667h768v-298.666667z m-405.333333 21.333334a128 128 0 0 1 0 256h-42.666667a42.666667 42.666667 0 0 1-42.666667-42.666667v-170.666667a42.666667 42.666667 0 0 1 42.666667-42.666666h42.666667z m-202.666667 0a96 96 0 0 1 0 192H256v21.333333a42.666667 42.666667 0 1 1-85.333333 0v-170.666667a42.666667 42.666667 0 0 1 42.666666-42.666666h74.666667z m501.333333 0a42.666667 42.666667 0 1 1 0 85.333333H725.333333v21.333333h64a42.666667 42.666667 0 1 1 0 85.333334H725.333333v21.333333a42.666667 42.666667 0 0 1-37.674666 42.368L682.666667 746.666667a42.666667 42.666667 0 0 1-42.666667-42.666667v-170.666667a42.666667 42.666667 0 0 1 42.666667-42.666666h106.666666z m-298.666666 85.333333v85.333333a42.666667 42.666667 0 1 0 0-85.333333z m-202.666667 0H256v21.333333h32a10.666667 10.666667 0 1 0 0-21.333333zM554.666667 128H256v256h512V341.333333h-170.666667a42.666667 42.666667 0 0 1-42.666666-42.666666V128z m85.333333 25.6V256h81.92L640 153.6z" fill="#F02929" ></path></symbol><symbol id="iconicon_file_video_colorful" viewBox="0 0 1024 1024"><path d="M867.541333 42.666667A113.792 113.792 0 0 1 981.333333 156.458667v711.082666A113.792 113.792 0 0 1 867.541333 981.333333H156.458667A113.792 113.792 0 0 1 42.666667 867.541333V156.458667A113.792 113.792 0 0 1 156.458667 42.666667h711.082666zM896 341.333333H128v526.208c0 15.744 12.714667 28.458667 28.458667 28.458667h711.082666a28.458667 28.458667 0 0 0 28.458667-28.458667V341.333333zM450.389333 426.154667l124.416 71.850666 124.458667 71.850667a42.666667 42.666667 0 0 1 0 73.898667l-124.458667 71.850666-124.416 71.850667a42.666667 42.666667 0 0 1-64-36.949333v-287.402667a42.666667 42.666667 0 0 1 64-36.949333z m21.333334 110.848v139.562666l60.416-34.858666 60.458666-34.944-60.458666-34.858667-60.416-34.901333zM361.130667 128H156.458667A28.458667 28.458667 0 0 0 128 156.458667V256h147.797333l85.333334-128z m506.453333 0h-119.424l-85.376 128H896V156.458667A28.458667 28.458667 0 0 0 867.541333 128zM645.546667 128h-181.845334l-85.333333 128h181.888l85.290667-128z" fill="#3370FF" ></path></symbol><symbol id="iconicon_file-CSV_colorful_ash" viewBox="0 0 1024 1024"><path d="M640 42.666667a42.666667 42.666667 0 0 1 33.28 16l170.368 212.906666 1.792 2.346667 0.213333 0.341333 0.426667 0.554667 0.426667 0.768-0.853334-1.322667-1.706666-2.261333 2.773333 3.925333 1.152 1.877334a40.021333 40.021333 0 0 1 4.053333 9.941333 41.258667 41.258667 0 0 1 1.109334 5.973333L853.333333 298.666667v85.333333h42.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v298.666667a85.333333 85.333333 0 0 1-85.333333 85.333333h-42.666667v85.333334a42.666667 42.666667 0 0 1-42.666666 42.666666H213.333333a42.666667 42.666667 0 0 1-42.666666-42.666666v-85.333334H128a85.333333 85.333333 0 0 1-85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667V85.333333a42.666667 42.666667 0 0 1 42.666666-42.666666h426.666667z m128 810.666666H256v42.666667h512v-42.666667z m128-384H128v298.666667h768v-298.666667z m-632.192 19.114667c29.312 0 52.394667 5.930667 69.12 17.749333 16.810667 11.861333 29.269333 30.08 37.418667 54.613334l-63.488 14.165333a54.442667 54.442667 0 0 0-6.997334-15.573333 41.344 41.344 0 0 0-14.762666-12.714667 42.410667 42.410667 0 0 0-19.541334-4.437333c-16.298667 0-28.757333 6.570667-37.461333 19.712-6.570667 9.728-9.813333 25.002667-9.813333 45.866666 0 25.813333 3.882667 43.52 11.733333 53.077334 7.808 9.6 18.816 14.378667 33.024 14.378666 13.738667 0 24.149333-3.84 31.146667-11.605333 7.082667-7.68 12.16-18.944 15.36-33.621333l63.018666 19.029333c-4.266667 17.664-10.88 32.426667-20.010666 44.288a86.826667 86.826667 0 0 1-33.877334 26.837333c-13.482667 6.016-30.677333 9.045333-51.541333 9.045334-25.258667 0-45.952-3.669333-61.952-11.008-16.042667-7.381333-29.866667-20.309333-41.514667-38.826667-11.648-18.517333-17.493333-42.24-17.493333-71.125333 0-38.528 10.24-68.138667 30.72-88.832 20.48-20.693333 49.493333-31.018667 86.912-31.018667z m238.762667 0c29.738667 0 52.437333 5.546667 68.053333 16.597333 15.573333 11.050667 24.874667 28.629333 27.861333 52.778667l-67.84 3.968c-1.749333-10.496-5.546667-18.090667-11.306666-22.869333-5.76-4.778667-13.738667-7.168-23.893334-7.168-8.362667 0-14.677333 1.792-18.901333 5.333333a16.298667 16.298667 0 0 0-6.357333 12.928c0 3.712 1.749333 7.04 5.248 10.026667 3.413333 3.072 11.434667 5.930667 24.149333 8.533333 31.402667 6.826667 53.930667 13.653333 67.541333 20.608 13.610667 6.912 23.466667 15.530667 29.696 25.770667 6.186667 10.24 9.258667 21.76 9.258667 34.474666 0 14.933333-4.138667 28.672-12.373333 41.258667a77.525333 77.525333 0 0 1-34.602667 28.672c-14.805333 6.485333-33.493333 9.728-56.021333 9.728-39.594667 0-66.986667-7.594667-82.261334-22.826667-15.232-15.274667-23.893333-34.645333-25.856-58.112l68.394667-4.266666c1.493333 11.093333 4.522667 19.541333 9.045333 25.386666 7.424 9.386667 18.005333 14.08 31.786667 14.08 10.24 0 18.133333-2.389333 23.722667-7.168a21.632 21.632 0 0 0 8.32-16.768 21.333333 21.333333 0 0 0-7.936-16.213333c-5.290667-4.736-17.578667-9.258667-36.821334-13.482667-31.573333-7.082667-54.016-16.512-67.456-28.245333a56.832 56.832 0 0 1-20.352-44.928c0-11.946667 3.498667-23.253333 10.410667-33.877333 6.912-10.666667 17.365333-19.029333 31.274667-25.088 13.909333-6.101333 32.981333-9.130667 57.216-9.130667z m191.957333 3.968l52.394667 167.466667 51.584-167.466667h73.002666l-86.357333 232.704h-77.952l-87.936-232.704h75.264zM554.666667 128H256v256h512V341.333333h-170.666667a42.666667 42.666667 0 0 1-42.666666-42.666666V128z m85.333333 25.6V256h81.92L640 153.6z" fill="#959598" ></path></symbol><symbol id="iconicon_file-sketch_colorful_ash" viewBox="0 0 1024 1024"><path d="M874.666667 42.666667A106.666667 106.666667 0 0 1 981.333333 149.333333v725.333334a106.666667 106.666667 0 0 1-106.666666 106.666666h-725.333334A106.666667 106.666667 0 0 1 42.666667 874.666667v-725.333334A106.666667 106.666667 0 0 1 149.333333 42.666667h725.333334z m0 85.333333h-725.333334a21.333333 21.333333 0 0 0-21.333333 21.333333v725.333334a21.333333 21.333333 0 0 0 21.333333 21.333333h725.333334a21.333333 21.333333 0 0 0 21.333333-21.333333v-725.333334a21.333333 21.333333 0 0 0-21.333333-21.333333zM640 279.722667a42.666667 42.666667 0 0 1 33.877333 16.725333l85.333334 111.530667a42.666667 42.666667 0 0 1-0.512 52.522666l-213.333334 267.733334a42.666667 42.666667 0 0 1-66.730666 0l-213.333334-267.733334a42.666667 42.666667 0 0 1-0.512-52.48l85.333334-111.573333A42.666667 42.666667 0 0 1 384 279.722667h256z m-21.077333 85.333333H405.034667l-52.266667 68.266667L512 633.173333l159.189333-199.765333-52.266666-68.309333z" fill="#959598" ></path></symbol><symbol id="iconicon_file-CSV_colorful" viewBox="0 0 1024 1024"><path d="M640 42.666667a42.666667 42.666667 0 0 1 33.28 16l170.368 212.906666 1.792 2.346667 0.213333 0.341333 0.426667 0.554667 0.426667 0.768-0.853334-1.322667-1.706666-2.261333 2.773333 3.925333 1.152 1.877334a40.021333 40.021333 0 0 1 4.053333 9.941333 41.258667 41.258667 0 0 1 1.109334 5.973333L853.333333 298.666667v85.333333h42.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v298.666667a85.333333 85.333333 0 0 1-85.333333 85.333333h-42.666667v85.333334a42.666667 42.666667 0 0 1-42.666666 42.666666H213.333333a42.666667 42.666667 0 0 1-42.666666-42.666666v-85.333334H128a85.333333 85.333333 0 0 1-85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667V85.333333a42.666667 42.666667 0 0 1 42.666666-42.666666h426.666667z m128 810.666666H256v42.666667h512v-42.666667z m128-384H128v298.666667h768v-298.666667z m-632.192 19.114667c29.312 0 52.394667 5.930667 69.12 17.749333 16.810667 11.861333 29.269333 30.08 37.418667 54.613334l-63.488 14.165333a54.442667 54.442667 0 0 0-6.997334-15.573333 41.344 41.344 0 0 0-14.762666-12.714667 42.410667 42.410667 0 0 0-19.541334-4.437333c-16.298667 0-28.757333 6.570667-37.461333 19.712-6.570667 9.728-9.813333 25.002667-9.813333 45.866666 0 25.813333 3.882667 43.52 11.733333 53.077334 7.808 9.6 18.816 14.378667 33.024 14.378666 13.738667 0 24.149333-3.84 31.146667-11.605333 7.082667-7.68 12.16-18.944 15.36-33.621333l63.018666 19.029333c-4.266667 17.664-10.88 32.426667-20.010666 44.288a86.826667 86.826667 0 0 1-33.877334 26.837333c-13.482667 6.016-30.677333 9.045333-51.541333 9.045334-25.258667 0-45.952-3.669333-61.952-11.008-16.042667-7.381333-29.866667-20.309333-41.514667-38.826667-11.648-18.517333-17.493333-42.24-17.493333-71.125333 0-38.528 10.24-68.138667 30.72-88.832 20.48-20.693333 49.493333-31.018667 86.912-31.018667z m238.762667 0c29.738667 0 52.437333 5.546667 68.053333 16.597333 15.573333 11.050667 24.874667 28.629333 27.861333 52.778667l-67.84 3.968c-1.749333-10.496-5.546667-18.090667-11.306666-22.869333-5.76-4.778667-13.738667-7.168-23.893334-7.168-8.362667 0-14.677333 1.792-18.901333 5.333333a16.298667 16.298667 0 0 0-6.357333 12.928c0 3.712 1.749333 7.04 5.248 10.026667 3.413333 3.072 11.434667 5.930667 24.149333 8.533333 31.402667 6.826667 53.930667 13.653333 67.541333 20.608 13.610667 6.912 23.466667 15.530667 29.696 25.770667 6.186667 10.24 9.258667 21.76 9.258667 34.474666 0 14.933333-4.138667 28.672-12.373333 41.258667a77.525333 77.525333 0 0 1-34.602667 28.672c-14.805333 6.485333-33.493333 9.728-56.021333 9.728-39.594667 0-66.986667-7.594667-82.261334-22.826667-15.232-15.274667-23.893333-34.645333-25.856-58.112l68.394667-4.266666c1.493333 11.093333 4.522667 19.541333 9.045333 25.386666 7.424 9.386667 18.005333 14.08 31.786667 14.08 10.24 0 18.133333-2.389333 23.722667-7.168a21.632 21.632 0 0 0 8.32-16.768 21.333333 21.333333 0 0 0-7.936-16.213333c-5.290667-4.736-17.578667-9.258667-36.821334-13.482667-31.573333-7.082667-54.016-16.512-67.456-28.245333a56.832 56.832 0 0 1-20.352-44.928c0-11.946667 3.498667-23.253333 10.410667-33.877333 6.912-10.666667 17.365333-19.029333 31.274667-25.088 13.909333-6.101333 32.981333-9.130667 57.216-9.130667z m191.957333 3.968l52.394667 167.466667 51.584-167.466667h73.002666l-86.357333 232.704h-77.952l-87.936-232.704h75.264zM554.666667 128H256v256h512V341.333333h-170.666667a42.666667 42.666667 0 0 1-42.666666-42.666666V128z m85.333333 25.6V256h81.92L640 153.6z" fill="#00C261" ></path></symbol><symbol id="iconicon_file-sql_colorful_ash" viewBox="0 0 1024 1024"><path d="M640 42.666667a42.666667 42.666667 0 0 1 33.28 16l170.368 212.906666 1.792 2.346667 0.213333 0.341333 0.426667 0.554667 0.426667 0.768-0.853334-1.322667-1.706666-2.261333 2.773333 3.925333 1.152 1.877334a40.021333 40.021333 0 0 1 4.053333 9.941333 41.258667 41.258667 0 0 1 1.109334 5.973333L853.333333 298.666667v85.333333h42.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v298.666667a85.333333 85.333333 0 0 1-85.333333 85.333333h-42.666667v85.333334a42.666667 42.666667 0 0 1-42.666666 42.666666H213.333333a42.666667 42.666667 0 0 1-42.666666-42.666666v-85.333334H128a85.333333 85.333333 0 0 1-85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667V85.333333a42.666667 42.666667 0 0 1 42.666666-42.666666h426.666667z m128 810.666666H256v42.666667h512v-42.666667z m128-384H128v298.666667h768v-298.666667z m-384.469333 19.114667c39.893333 0 70.698667 10.666667 92.373333 32.128 21.717333 21.418667 32.554667 52.053333 32.554667 91.989333 0 35.498667-8.746667 63.914667-26.24 85.248 9.301333 6.442667 15.36 10.496 18.218666 12.117334 4.266667 2.432 9.984 5.205333 17.194667 8.362666l-20.650667 41.642667a240.768 240.768 0 0 1-30.848-17.92 263.850667 263.850667 0 0 1-21.333333-15.658667c-16.341333 7.082667-36.906667 10.666667-61.610667 10.666667-36.48 0-65.28-9.557333-86.4-28.586667-24.917333-22.485333-37.376-54.144-37.376-94.890666 0-39.594667 10.88-70.314667 32.682667-92.245334 21.845333-21.888 52.309333-32.853333 91.434667-32.853333z m-259.072 0c30.72 0 54.186667 5.717333 70.272 17.109333 16.128 11.434667 25.728 29.610667 28.757333 54.528l-69.973333 4.096c-1.877333-10.837333-5.802667-18.688-11.733334-23.594666-5.973333-4.949333-14.208-7.381333-24.704-7.381334-8.618667 0-15.104 1.834667-19.498666 5.504a16.853333 16.853333 0 0 0-6.570667 13.354667c0 3.84 1.834667 7.253333 5.418667 10.325333 3.498667 3.157333 11.818667 6.101333 24.917333 8.832 32.469333 6.997333 55.722667 14.08 69.76 21.248 14.08 7.168 24.32 16.042667 30.677333 26.624 6.4 10.624 9.6 22.485333 9.6 35.584 0 15.402667-4.266667 29.610667-12.8 42.666667-8.533333 12.970667-20.437333 22.826667-35.754666 29.568-15.274667 6.741333-34.56 10.069333-57.856 10.069333-40.874667 0-69.205333-7.850667-84.906667-23.594666-15.786667-15.744-24.661333-35.754667-26.752-59.989334l70.656-4.437333c1.536 11.477333 4.693333 20.224 9.386667 26.24 7.637333 9.728 18.56 14.592 32.768 14.592 10.581333 0 18.773333-2.517333 24.490666-7.466667a22.357333 22.357333 0 0 0 8.618667-17.322666 22.058667 22.058667 0 0 0-8.192-16.725334c-5.461333-4.906667-18.133333-9.557333-38.058667-13.909333-32.554667-7.338667-55.765333-17.066667-69.674666-29.184a58.666667 58.666667 0 0 1-20.992-46.421333c0-12.373333 3.584-24.021333 10.752-34.986667 7.168-11.008 17.92-19.626667 32.298666-25.898667 14.378667-6.314667 34.090667-9.429333 59.093334-9.429333z m498.261333 4.096v181.162667h115.925333v59.178666h-190.208v-240.341333h74.282667z m-239.36 52.138667a45.226667 45.226667 0 0 0-35.925333 15.914666c-9.173333 10.581333-13.738667 27.136-13.738667 49.664 0 26.24 4.48 44.629333 13.44 55.253334 8.96 10.581333 21.248 15.914667 36.864 15.914666 5.034667 0 9.813333-0.512 14.293333-1.493333-6.229333-5.973333-16.085333-11.690667-29.525333-17.066667l11.648-26.709333c6.528 1.194667 11.648 2.688 15.36 4.437333 3.626667 1.706667 10.752 6.314667 21.333333 13.738667 2.56 1.749333 5.248 3.584 8.234667 5.418667 5.888-10.581333 8.832-26.453333 8.832-47.530667 0-24.277333-4.522667-41.6-13.525333-51.968-9.002667-10.410667-21.461333-15.573333-37.290667-15.573333zM554.666667 128H256v256h512V341.333333h-170.666667a42.666667 42.666667 0 0 1-42.666666-42.666666V128z m85.333333 25.6V256h81.92L640 153.6z" fill="#959598" ></path></symbol><symbol id="iconicon_file-text_colorful" viewBox="0 0 1024 1024"><path d="M874.666667 42.666667A106.666667 106.666667 0 0 1 981.333333 149.333333v725.333334a106.666667 106.666667 0 0 1-106.666666 106.666666h-725.333334A106.666667 106.666667 0 0 1 42.666667 874.666667v-725.333334A106.666667 106.666667 0 0 1 149.333333 42.666667h725.333334z m0 85.333333h-725.333334a21.333333 21.333333 0 0 0-21.333333 21.333333v725.333334a21.333333 21.333333 0 0 0 21.333333 21.333333h725.333334a21.333333 21.333333 0 0 0 21.333333-21.333333v-725.333334a21.333333 21.333333 0 0 0-21.333333-21.333333z m-410.069334 663.722667a42.666667 42.666667 0 0 1 0-85.333334l4.736-0.042666V369.792l0.256-4.778667h-104.533333v28.458667a42.666667 42.666667 0 0 1-37.717333 42.410667l-4.949334 0.256a42.666667 42.666667 0 0 1-42.666666-42.666667V322.389333a42.666667 42.666667 0 0 1 42.666666-42.666666h379.221334a42.666667 42.666667 0 0 1 42.666666 42.666666v71.082667a42.666667 42.666667 0 1 1-85.333333 0v-28.416l-104.533333-0.042667c0.170667 1.578667 0.256 3.157333 0.256 4.778667v336.554667h4.736a42.666667 42.666667 0 1 1 0 85.333333H464.64z" fill="#3370FF" ></path></symbol><symbol id="iconicon_file-word_colorful" viewBox="0 0 1024 1024"><path d="M256 896h640V128H256v128h213.333333a42.666667 42.666667 0 0 1 42.666667 42.666667v384a42.666667 42.666667 0 0 1-42.666667 42.666666H256v170.666667z m554.666667-256a42.666667 42.666667 0 1 1 0 85.333333h-170.666667a42.666667 42.666667 0 1 1 0-85.333333h170.666667zM135.04 341.333333h-10.581333a30.208 30.208 0 0 0-29.226667 37.845334l61.653333 235.349333a34.133333 34.133333 0 0 0 33.024 25.472h18.773334a34.133333 34.133333 0 0 0 33.28-26.453333l35.157333-153.258667 36.48 153.472a34.133333 34.133333 0 0 0 33.194667 26.24h18.517333a34.133333 34.133333 0 0 0 33.024-25.557333l61.226667-235.52a30.08 30.08 0 0 0-29.013334-37.589334h-10.325333a34.133333 34.133333 0 0 0-33.578667 28.074667l-28.885333 160.085333-38.272-161.877333A34.133333 34.133333 0 0 0 286.250667 341.333333h-18.602667a34.133333 34.133333 0 0 0-33.28 26.538667l-36.864 161.621333-28.885333-160.085333A34.133333 34.133333 0 0 0 135.04 341.333333zM810.666667 469.333333a42.666667 42.666667 0 1 1 0 85.333334h-170.666667a42.666667 42.666667 0 1 1 0-85.333334h170.666667z m0-170.666666a42.666667 42.666667 0 1 1 0 85.333333h-170.666667a42.666667 42.666667 0 1 1 0-85.333333h170.666667zM85.333333 725.333333a42.666667 42.666667 0 0 1-42.666666-42.666666V298.666667a42.666667 42.666667 0 0 1 42.666666-42.666667h85.333334V128a85.333333 85.333333 0 0 1 85.333333-85.333333h640a85.333333 85.333333 0 0 1 85.333333 85.333333v768a85.333333 85.333333 0 0 1-85.333333 85.333333H256a85.333333 85.333333 0 0 1-85.333333-85.333333v-170.666667H85.333333z" fill="#3370FF" ></path></symbol><symbol id="iconicon_file-xmind_colorful" viewBox="0 0 1024 1024"><path d="M260.266667 904.533333h640v-768h-640v128h213.333333a42.666667 42.666667 0 0 1 42.666667 42.666667v384a42.666667 42.666667 0 0 1-42.666667 42.666667h-213.333333v170.666666z m554.666666-256a42.666667 42.666667 0 1 1 0 85.333334h-170.666666a42.666667 42.666667 0 1 1 0-85.333334h170.666666zM120.192 432.426667c-9.813333 0-19.456 0.768-28.842667 2.218666a185.6 185.6 0 0 0 20.906667 114.773334 187.562667 187.562667 0 0 1 90.752 6.186666 185.941333 185.941333 0 0 1-12.629333 85.333334 185.813333 185.813333 0 0 0 102.4 48.725333 185.472 185.472 0 0 0 13.866666-70.784 186.453333 186.453333 0 0 0-186.453333-186.453333zM270.378667 307.2a185.130667 185.130667 0 0 0-13.824 70.698667 188.885333 188.885333 0 0 0 10.154666 60.928 189.226667 189.226667 0 0 0 22.869334 45.098666l0.426666 0.554667a187.733333 187.733333 0 0 0 21.162667 25.301333l0.64 0.597334 1.28 1.28 4.138667 3.925333c18.645333 17.066667 40.789333 30.378667 65.194666 38.741333l1.450667 0.426667 0.938667 0.384c7.765333 2.56 15.744 4.565333 23.893333 6.058667l4.565333 0.768 8.192 1.194666a188.714667 188.714667 0 0 0 50.389334-1.024 187.733333 187.733333 0 0 0-20.906667-114.773333 187.648 187.648 0 0 1-90.752-6.144 185.984 185.984 0 0 1 12.629333-85.333333 185.813333 185.813333 0 0 0-102.4-48.682667z m544.554666 170.666667a42.666667 42.666667 0 1 1 0 85.333333h-170.666666a42.666667 42.666667 0 1 1 0-85.333333h170.666666z m0-170.666667a42.666667 42.666667 0 1 1 0 85.333333h-170.666666a42.666667 42.666667 0 1 1 0-85.333333h170.666666z m-725.333333 426.666667a42.666667 42.666667 0 0 1-42.666667-42.666667v-384a42.666667 42.666667 0 0 1 42.666667-42.666667h85.333333v-128a85.333333 85.333333 0 0 1 85.333334-85.333333h640a85.333333 85.333333 0 0 1 85.333333 85.333333v768a85.333333 85.333333 0 0 1-85.333333 85.333334h-640a85.333333 85.333333 0 0 1-85.333334-85.333334v-170.666666h-85.333333z" fill="#F02929" ></path></symbol><symbol id="iconicon_file-sql_colorful" viewBox="0 0 1024 1024"><path d="M640 42.666667a42.666667 42.666667 0 0 1 33.28 16l170.368 212.906666 1.792 2.346667 0.213333 0.341333 0.426667 0.554667 0.426667 0.768-0.853334-1.322667-1.706666-2.261333 2.773333 3.925333 1.152 1.877334a40.021333 40.021333 0 0 1 4.053333 9.941333 41.258667 41.258667 0 0 1 1.109334 5.973333L853.333333 298.666667v85.333333h42.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v298.666667a85.333333 85.333333 0 0 1-85.333333 85.333333h-42.666667v85.333334a42.666667 42.666667 0 0 1-42.666666 42.666666H213.333333a42.666667 42.666667 0 0 1-42.666666-42.666666v-85.333334H128a85.333333 85.333333 0 0 1-85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667V85.333333a42.666667 42.666667 0 0 1 42.666666-42.666666h426.666667z m128 810.666666H256v42.666667h512v-42.666667z m128-384H128v298.666667h768v-298.666667z m-384.469333 19.114667c39.893333 0 70.698667 10.666667 92.373333 32.128 21.717333 21.418667 32.554667 52.053333 32.554667 91.989333 0 35.498667-8.746667 63.914667-26.24 85.248 9.301333 6.442667 15.36 10.496 18.218666 12.117334 4.266667 2.432 9.984 5.205333 17.194667 8.362666l-20.650667 41.642667a240.768 240.768 0 0 1-30.848-17.92 263.850667 263.850667 0 0 1-21.333333-15.658667c-16.341333 7.082667-36.906667 10.666667-61.610667 10.666667-36.48 0-65.28-9.557333-86.4-28.586667-24.917333-22.485333-37.376-54.144-37.376-94.890666 0-39.594667 10.88-70.314667 32.682667-92.245334 21.845333-21.888 52.309333-32.853333 91.434667-32.853333z m-259.072 0c30.72 0 54.186667 5.717333 70.272 17.109333 16.128 11.434667 25.728 29.610667 28.757333 54.528l-69.973333 4.096c-1.877333-10.837333-5.802667-18.688-11.733334-23.594666-5.973333-4.949333-14.208-7.381333-24.704-7.381334-8.618667 0-15.104 1.834667-19.498666 5.504a16.853333 16.853333 0 0 0-6.570667 13.354667c0 3.84 1.834667 7.253333 5.418667 10.325333 3.498667 3.157333 11.818667 6.101333 24.917333 8.832 32.469333 6.997333 55.722667 14.08 69.76 21.248 14.08 7.168 24.32 16.042667 30.677333 26.624 6.4 10.624 9.6 22.485333 9.6 35.584 0 15.402667-4.266667 29.610667-12.8 42.666667-8.533333 12.970667-20.437333 22.826667-35.754666 29.568-15.274667 6.741333-34.56 10.069333-57.856 10.069333-40.874667 0-69.205333-7.850667-84.906667-23.594666-15.786667-15.744-24.661333-35.754667-26.752-59.989334l70.656-4.437333c1.536 11.477333 4.693333 20.224 9.386667 26.24 7.637333 9.728 18.56 14.592 32.768 14.592 10.581333 0 18.773333-2.517333 24.490666-7.466667a22.357333 22.357333 0 0 0 8.618667-17.322666 22.058667 22.058667 0 0 0-8.192-16.725334c-5.461333-4.906667-18.133333-9.557333-38.058667-13.909333-32.554667-7.338667-55.765333-17.066667-69.674666-29.184a58.666667 58.666667 0 0 1-20.992-46.421333c0-12.373333 3.584-24.021333 10.752-34.986667 7.168-11.008 17.92-19.626667 32.298666-25.898667 14.378667-6.314667 34.090667-9.429333 59.093334-9.429333z m498.261333 4.096v181.162667h115.925333v59.178666h-190.208v-240.341333h74.282667z m-239.36 52.138667a45.226667 45.226667 0 0 0-35.925333 15.914666c-9.173333 10.581333-13.738667 27.136-13.738667 49.664 0 26.24 4.48 44.629333 13.44 55.253334 8.96 10.581333 21.248 15.914667 36.864 15.914666 5.034667 0 9.813333-0.512 14.293333-1.493333-6.229333-5.973333-16.085333-11.690667-29.525333-17.066667l11.648-26.709333c6.528 1.194667 11.648 2.688 15.36 4.437333 3.626667 1.706667 10.752 6.314667 21.333333 13.738667 2.56 1.749333 5.248 3.584 8.234667 5.418667 5.888-10.581333 8.832-26.453333 8.832-47.530667 0-24.277333-4.522667-41.6-13.525333-51.968-9.002667-10.410667-21.461333-15.573333-37.290667-15.573333zM554.666667 128H256v256h512V341.333333h-170.666667a42.666667 42.666667 0 0 1-42.666666-42.666666V128z m85.333333 25.6V256h81.92L640 153.6z" fill="#3370FF" ></path></symbol><symbol id="iconicon_file-text_colorful_ash" viewBox="0 0 1024 1024"><path d="M874.666667 42.666667A106.666667 106.666667 0 0 1 981.333333 149.333333v725.333334a106.666667 106.666667 0 0 1-106.666666 106.666666h-725.333334A106.666667 106.666667 0 0 1 42.666667 874.666667v-725.333334A106.666667 106.666667 0 0 1 149.333333 42.666667h725.333334z m0 85.333333h-725.333334a21.333333 21.333333 0 0 0-21.333333 21.333333v725.333334a21.333333 21.333333 0 0 0 21.333333 21.333333h725.333334a21.333333 21.333333 0 0 0 21.333333-21.333333v-725.333334a21.333333 21.333333 0 0 0-21.333333-21.333333z m-410.069334 663.722667a42.666667 42.666667 0 0 1 0-85.333334l4.736-0.042666V369.792l0.256-4.778667h-104.533333v28.458667a42.666667 42.666667 0 0 1-37.717333 42.410667l-4.949334 0.256a42.666667 42.666667 0 0 1-42.666666-42.666667V322.389333a42.666667 42.666667 0 0 1 42.666666-42.666666h379.221334a42.666667 42.666667 0 0 1 42.666666 42.666666v71.082667a42.666667 42.666667 0 1 1-85.333333 0v-28.416l-104.533333-0.042667c0.170667 1.578667 0.256 3.157333 0.256 4.778667v336.554667h4.736a42.666667 42.666667 0 1 1 0 85.333333H464.64z" fill="#959598" ></path></symbol><symbol id="iconicon_file-xmind_colorful_ash" viewBox="0 0 1024 1024"><path d="M260.266667 904.533333h640v-768h-640v128h213.333333a42.666667 42.666667 0 0 1 42.666667 42.666667v384a42.666667 42.666667 0 0 1-42.666667 42.666667h-213.333333v170.666666z m554.666666-256a42.666667 42.666667 0 1 1 0 85.333334h-170.666666a42.666667 42.666667 0 1 1 0-85.333334h170.666666zM120.192 432.426667c-9.813333 0-19.456 0.768-28.842667 2.218666a185.6 185.6 0 0 0 20.906667 114.773334 187.562667 187.562667 0 0 1 90.752 6.186666 185.941333 185.941333 0 0 1-12.629333 85.333334 185.813333 185.813333 0 0 0 102.4 48.725333 185.472 185.472 0 0 0 13.866666-70.784 186.453333 186.453333 0 0 0-186.453333-186.453333zM270.378667 307.2a185.130667 185.130667 0 0 0-13.824 70.698667 188.885333 188.885333 0 0 0 10.154666 60.928 189.226667 189.226667 0 0 0 22.869334 45.098666l0.426666 0.554667a187.733333 187.733333 0 0 0 21.162667 25.301333l0.64 0.597334 1.28 1.28 4.138667 3.925333c18.645333 17.066667 40.789333 30.378667 65.194666 38.741333l1.450667 0.426667 0.938667 0.384c7.765333 2.56 15.744 4.565333 23.893333 6.058667l4.565333 0.768 8.192 1.194666a188.714667 188.714667 0 0 0 50.389334-1.024 187.733333 187.733333 0 0 0-20.906667-114.773333 187.648 187.648 0 0 1-90.752-6.144 185.984 185.984 0 0 1 12.629333-85.333333 185.813333 185.813333 0 0 0-102.4-48.682667z m544.554666 170.666667a42.666667 42.666667 0 1 1 0 85.333333h-170.666666a42.666667 42.666667 0 1 1 0-85.333333h170.666666z m0-170.666667a42.666667 42.666667 0 1 1 0 85.333333h-170.666666a42.666667 42.666667 0 1 1 0-85.333333h170.666666z m-725.333333 426.666667a42.666667 42.666667 0 0 1-42.666667-42.666667v-384a42.666667 42.666667 0 0 1 42.666667-42.666667h85.333333v-128a85.333333 85.333333 0 0 1 85.333334-85.333333h640a85.333333 85.333333 0 0 1 85.333333 85.333333v768a85.333333 85.333333 0 0 1-85.333333 85.333334h-640a85.333333 85.333333 0 0 1-85.333334-85.333334v-170.666666h-85.333333z" fill="#959598" ></path></symbol><symbol id="iconicon_file-unknown_colorful" viewBox="0 0 1024 1024"><path d="M682.666667 42.666667a42.666667 42.666667 0 0 1 33.28 16l170.368 212.906666c1.28 1.536 2.389333 3.157333 3.413333 4.821334l-3.072-4.394667c1.450667 1.834667 2.773333 3.797333 3.882667 5.802667l2.389333 4.949333 1.664 4.992a41.258667 41.258667 0 0 1 1.109333 5.973333L896 298.666667v640a42.666667 42.666667 0 0 1-42.666667 42.666666H170.666667a42.666667 42.666667 0 0 1-42.666667-42.666666V85.333333a42.666667 42.666667 0 0 1 42.666667-42.666666h512z m-85.333334 85.333333H213.333333v768h597.333334V341.333333h-170.666667a42.666667 42.666667 0 0 1-42.666667-42.666666V128z m-85.333333 612.437333a41.472 41.472 0 1 1 0 82.986667 41.472 41.472 0 0 1 0-82.986667z m0-374.528a142.208 142.208 0 0 1 44.970667 277.205334l-2.304 0.64v30.293333a42.666667 42.666667 0 0 1-37.674667 42.410667l-4.992 0.298666a42.666667 42.666667 0 0 1-42.666667-42.666666v-66.389334a42.666667 42.666667 0 0 1 37.674667-42.368l4.992-0.298666a56.874667 56.874667 0 1 0-56.618667-62.378667l-0.256 5.504a42.666667 42.666667 0 1 1-85.333333 0A142.208 142.208 0 0 1 512 365.909333zM764.586667 256L682.666667 153.6V256h81.92z"  ></path></symbol><symbol id="icona-icon_file-jar_colorful" viewBox="0 0 1024 1024"><path d="M648.533 42.667a42.667 42.667 0 0 1 33.323 16L852.523 272l2.73 3.925 1.152 1.878a40.021 40.021 0 0 1 4.054 9.941 41.259 41.259 0 0 1 1.109 5.973l0.299 4.95V384h42.666a85.333 85.333 0 0 1 85.334 85.333V768a85.333 85.333 0 0 1-85.334 85.333h-42.666v85.334a42.667 42.667 0 0 1-42.667 42.666H221.867a42.667 42.667 0 0 1-42.667-42.666v-85.334h-42.667A85.333 85.333 0 0 1 51.2 768V469.333A85.333 85.333 0 0 1 136.533 384H179.2V85.333a42.667 42.667 0 0 1 42.667-42.666h426.666z m128 810.666h-512V896h512v-42.667z m128-384h-768V768h768V469.333z m-556.8 42.24v116.182c0 24.405-2.176 43.008-6.528 55.722-4.309 12.758-13.013 23.51-26.112 32.384-13.056 8.832-29.781 13.227-50.218 13.227-21.59 0-38.315-2.859-50.176-8.704a63.104 63.104 0 0 1-27.478-25.6c-6.485-11.221-10.282-25.13-11.434-41.643l63.146-8.618c0.086 9.429 0.896 16.469 2.475 21.034a22.87 22.87 0 0 0 7.85 11.094c2.56 1.834 6.145 2.73 10.795 2.73 7.382 0 12.8-2.73 16.256-8.234 3.456-5.504 5.206-14.763 5.206-27.734v-131.84h66.176z m174.848 0l80.299 213.76h-69.12l-10.496-35.285H448l-10.368 35.285h-67.456l80.341-213.76h72.064z m212.48 0c20.395 0 36.011 1.707 46.806 5.206 10.794 3.498 19.498 9.984 26.112 19.498 6.57 9.472 9.898 20.992 9.898 34.603 0 11.861-2.56 22.101-7.594 30.72a59.307 59.307 0 0 1-20.864 20.907c-5.632 3.413-13.355 6.229-23.168 8.49 7.893 2.603 13.61 5.248 17.194 7.851 2.432 1.75 5.974 5.504 10.582 11.221 4.608 5.76 7.68 10.155 9.258 13.27l31.958 61.994h-74.667l-35.285-65.322c-4.48-8.448-8.491-13.952-11.947-16.47a27.733 27.733 0 0 0-16.213-4.992h-5.846v86.784H624.94v-213.76h110.08z m-249.258 55.382l-23.467 76.842h47.104l-23.637-76.8z m234.496-12.246h-29.014v43.478h27.862c2.986 0 8.832-0.982 17.493-2.944a17.493 17.493 0 0 0 10.71-6.699 19.755 19.755 0 0 0 4.18-12.373c0-6.912-2.218-12.246-6.57-15.915-4.395-3.712-12.587-5.547-24.661-5.547zM563.2 128H264.533v256h512v-42.667H605.867a42.667 42.667 0 0 1-42.667-42.666V128z m85.333 25.6V256h81.92l-81.92-102.4z" fill="#3370FF" ></path></symbol><symbol id="iconlogo_dingtalk" viewBox="0 0 1024 1024"><path d="M838.058667 425.685333a164.693333 164.693333 0 0 1-9.728 26.453334h0.085333l-0.512 1.066666c-28.416 63.829333-102.656 189.141333-102.656 189.141334l-0.341333-0.853334-21.674667 39.68h104.533333l-199.68 278.826667 45.312-189.653333h-82.346666l28.586666-125.44c-23.125333 5.845333-50.389333 13.952-82.773333 24.874666 0 0-43.776 26.88-126.208-51.84 0 0-55.552-51.328-23.338667-64.256 13.653333-5.418667 66.517333-12.373333 108.117334-18.346666 56.064-7.978667 90.624-12.245333 90.624-12.245334s-173.056 2.773333-214.144-4.053333c-41.088-6.784-93.056-78.762667-104.234667-141.994667 0 0-17.152-34.773333 36.821333-18.346666 54.101333 16.426667 277.845333 64 277.845334 64S271.445333 329.130667 252.074667 306.261333c-19.328-22.826667-56.96-124.8-52.053334-187.392 0 0 2.133333-15.658667 17.408-11.52 0 0 215.168 103.338667 362.24 159.744 147.072 56.618667 274.901333 85.418667 258.389334 158.592z" fill="#3296FA" ></path></symbol><symbol id="iconlogo_lark" viewBox="0 0 1024 1024"><path d="M548.48 529.194667c0.682667-0.725333 1.450667-1.365333 2.133333-2.048 1.493333-1.365333 2.858667-2.773333 4.266667-4.181334l2.901333-2.858666 8.746667-8.661334 11.904-11.733333 10.197333-10.112 9.557334-9.472 10.026666-9.856 9.173334-9.088 12.8-12.629333a273.493333 273.493333 0 0 1 35.541333-29.696 290.645333 290.645333 0 0 1 80-39.808A504.533333 504.533333 0 0 0 650.410667 187.733333 45.568 45.568 0 0 0 614.656 170.666667h-368.213333c-6.656 0-9.429333 8.533333-4.053334 12.458666a1074.773333 1074.773333 0 0 1 305.237334 346.88l0.853333-0.853333z" fill="#00D6B9" ></path><path d="M402.432 853.333333a505.728 505.728 0 0 0 450.986667-276.522666 208.469333 208.469333 0 0 1-48.213334 61.184 187.733333 187.733333 0 0 1-31.658666 22.016 192.768 192.768 0 0 1-64.938667 22.314666 198.186667 198.186667 0 0 1-34.688 2.346667 207.786667 207.786667 0 0 1-34.730667-3.413333 216.149333 216.149333 0 0 1-19.797333-4.394667c-6.4-1.706667-12.672-3.456-18.944-5.290667-3.157333-0.853333-6.272-1.834667-9.386667-2.773333-4.693333-1.408-9.386667-2.816-13.994666-4.266667a966.698667 966.698667 0 0 1-22.186667-7.210666l-7.381333-2.432-8.874667-3.114667-6.4-2.218667-12.501333-4.608c-2.432-0.853333-4.821333-1.834667-7.253334-2.730666l-9.685333-3.754667-10.24-4.096-6.570667-2.688-8.192-3.413333-6.314666-2.688c-2.176-0.938667-4.394667-1.877333-6.528-2.858667l-5.674667-2.474667-5.162667-2.261333-5.248-2.389333-5.418666-2.474667-6.826667-3.2-7.125333-3.370667-7.594667-3.669333-6.4-3.2a1064.746667 1064.746667 0 0 1-301.184-224.682667 6.869333 6.869333 0 0 0-11.946667 4.693334l0.213334 324.949333v26.368c0 15.317333 7.594667 29.696 20.309333 38.186667A503.978667 503.978667 0 0 0 402.432 853.333333z" fill="#3370FF" ></path><path d="M844.672 593.322667a1.706667 1.706667 0 0 0-0.256 0.426666l0.256-0.426666 1.706667-3.2-1.706667 3.2zM852.565333 578.432l0.426667-0.853333 0.256-0.426667-0.682667 1.28z" fill="#133C92" ></path><path d="M960.853333 395.306667a288.298667 288.298667 0 0 0-127.744-29.653334 288.512 288.512 0 0 0-87.253333 13.397334l-6.016 1.962666a291.498667 291.498667 0 0 0-109.525333 67.541334l-12.8 12.629333-9.173334 9.088-9.984 9.813333-9.6 9.514667-10.197333 10.112-11.904 11.733333-8.704 8.661334-2.901333 2.858666-4.266667 4.181334c-0.725333 0.682667-1.450667 1.322667-2.133333 2.048l-3.242667 3.072-3.626667 3.413333a506.410667 506.410667 0 0 1-104.832 74.197333 303.573333 303.573333 0 0 0 12.245334 5.674667l5.205333 2.389333 5.205333 2.261334c1.877333 0.853333 3.797333 1.706667 5.674667 2.474666l6.528 2.858667 6.314667 2.688 8.192 3.413333a2542.08 2542.08 0 0 0 16.810666 6.784c3.2 1.28 6.442667 2.517333 9.685334 3.712l7.253333 2.773334 12.501333 4.565333 6.4 2.261333 8.874667 3.072 7.338667 2.517334 10.794666 3.541333 11.434667 3.626667a1278.464 1278.464 0 0 0 42.325333 12.330666 265.301333 265.301333 0 0 0 19.797334 4.437334 206.805333 206.805333 0 0 0 91.946666-3.84 179.925333 179.925333 0 0 0 27.818667-10.112 192.768 192.768 0 0 0 21.546667-11.392c2.218667-1.365333 4.352-2.773333 6.528-4.181334a216.405333 216.405333 0 0 0 18.133333-13.781333 201.002667 201.002667 0 0 0 48.128-61.013333l4.906667-9.813334 44.544-88.746666-0.085334 0.213333a275.498667 275.498667 0 0 1 57.898667-83.285333z" fill="#133C9A" ></path></symbol><symbol id="iconlogo_wechat-work" viewBox="0 0 1024 1024"><path d="M689.92 778.88a13.184 13.184 0 0 0 1.877333 20.138667l3.797334 3.669333c24.661333 24.704 40.149333 55.04 46.506666 86.869333a49.408 49.408 0 0 0 1.877334 11.136 55.125333 55.125333 0 1 0 58.922666-69.376 169.301333 169.301333 0 0 1-94.293333-52.48 13.184 13.184 0 0 0-18.645333 0z" fill="#FB6500" ></path><path d="M914.005333 691.712a55.04 55.04 0 0 0-15.786666 33.194667 169.386667 169.386667 0 0 1-52.522667 94.293333 13.184 13.184 0 1 0 20.181333 16.853333 169.344 169.344 0 0 1 90.496-50.346666 50.218667 50.218667 0 0 0 11.178667-1.877334 55.125333 55.125333 0 1 0-53.546667-92.16z" fill="#3880E7" ></path><path d="M758.570667 535.850667a55.168 55.168 0 0 0 33.152 93.781333 169.386667 169.386667 0 0 1 94.336 52.48 13.226667 13.226667 0 1 0 16.810666-20.138667 169.472 169.472 0 0 1-50.346666-90.538666 48.768 48.768 0 0 0-1.834667-11.178667 55.168 55.168 0 0 0-92.16-24.405333z" fill="#2DBC00" ></path><path d="M731.349333 622.165333l-1.024 0.938667a13.226667 13.226667 0 0 0-1.536 1.834667l-3.669333 3.84a169.216 169.216 0 0 1-86.869333 46.506666 52.608 52.608 0 0 0-11.136 1.834667 55.125333 55.125333 0 1 0 69.376 58.922667 169.472 169.472 0 0 1 52.48-94.293334 13.184 13.184 0 0 0-17.621334-19.584z" fill="#FFCC00" ></path><path d="M398.08 145.834667c-98.986667 10.752-188.970667 53.12-253.354667 119.253333A338.176 338.176 0 0 0 83.2 351.786667c-20.949333 42.666667-31.573333 87.893333-31.573333 134.528 0 60.032 18.261333 119.210667 52.821333 171.136a470.613333 470.613333 0 0 0 72.448 82.858666l-11.861333 93.568c-0.512 1.28-1.024 2.56-1.28 3.882667-0.298667 1.237333-0.384 2.474667-0.512 3.754667-0.042667 0.938667-0.256 1.877333-0.256 2.858666 0 1.024 0.213333 2.005333 0.298666 3.072 1.578667 15.36 14.378667 27.434667 30.208 27.434667 5.504 0 10.581333-1.578667 15.061334-4.138667l0.426666-0.213333 1.92-1.152 28.458667-14.293333 84.693333-42.496c24.32 6.997333 48.512 11.434667 73.984 14.250666a458.624 458.624 0 0 0 102.101334-0.298666c34.773333-3.925333 68.181333-11.946667 99.882666-23.338667a55.082667 55.082667 0 0 1-37.546666-57.6 373.248 373.248 0 0 1-70.784 15.146667 384.384 384.384 0 0 1-85.504 0.256c-2.858667-0.341333-5.76-0.768-8.661334-1.194667a377.728 377.728 0 0 1-56.021333-11.733333 38.272 38.272 0 0 0-30.165333 3.072c-0.853333 0.426667-1.621333 0.768-2.432 1.237333l-69.546667 41.002667-3.029333 1.792h-0.085334c-1.493333 0.896-2.346667 1.28-3.114666 1.28a4.693333 4.693333 0 0 1-4.650667-4.864l2.688-10.794667 3.114667-11.818667 5.077333-19.328 5.632-21.546666a29.226667 29.226667 0 0 0-10.496-32.512 305.621333 305.621333 0 0 1-29.098667-24.405334 284.672 284.672 0 0 1-41.216-48.768 243.712 243.712 0 0 1-41.813333-134.997333c0-36.650667 8.362667-72.234667 24.874667-105.856a271.445333 271.445333 0 0 1 49.365333-69.504C249.514667 257.706667 323.968 222.805333 406.186667 213.888c14.293333-1.536 28.373333-2.346667 41.813333-2.346667 14.122667 0 28.8 0.853333 43.690667 2.56 81.834667 9.258667 155.818667 44.330667 208.341333 98.645334a271.061333 271.061333 0 0 1 49.152 69.674666c16.213333 33.365333 24.448 68.693333 24.448 104.96 0 3.797333-0.213333 7.552-0.426667 11.306667a55.04 55.04 0 0 1 67.669334 7.936c0.938667 0.938667 1.706667 1.962667 2.56 2.944a299.52 299.52 0 0 0-30.122667-156.714667 337.322667 337.322667 0 0 0-61.226667-86.912c-63.914667-66.090667-153.386667-108.672-251.946666-119.893333-17.706667-2.005333-35.242667-2.986667-52.138667-2.986667-16.085333 0-32.853333 0.896-49.92 2.773334z" fill="#0082EF" ></path></symbol><symbol id="icona-icon_file-json" viewBox="0 0 1024 1024"><path d="M648.533333 42.666667a42.666667 42.666667 0 0 1 33.322667 16l170.325333 212.906666 1.792 2.346667 0.213334 0.341333 0.426666 0.554667 0.426667 0.768-0.853333-1.322667-1.664-2.261333 2.730666 3.925333 1.152 1.877334a40.021333 40.021333 0 0 1 4.053334 9.941333 41.258667 41.258667 0 0 1 1.109333 5.973333L861.866667 298.666667v85.333333h42.666666a85.333333 85.333333 0 0 1 85.333334 85.333333v298.666667a85.333333 85.333333 0 0 1-85.333334 85.333333h-42.666666v85.333334a42.666667 42.666667 0 0 1-42.666667 42.666666h-597.333333a42.666667 42.666667 0 0 1-42.666667-42.666666v-85.333334h-42.666667a85.333333 85.333333 0 0 1-85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667V85.333333a42.666667 42.666667 0 0 1 42.666667-42.666666h426.666666z m128 810.666666h-512v42.666667h512v-42.666667z m128-384h-768v298.666667h768v-298.666667z m-341.333333-341.333333h-298.666667v256h512V341.333333h-170.666666a42.666667 42.666667 0 0 1-42.666667-42.666666V128z m85.333333 25.6V256h81.92L648.533333 153.6z m-341.333333 374.698667v141.056c0 17.749333-3.157333 32.384-9.898667 43.733333-11.690667 19.797333-32.512 29.525333-60.629333 29.525333-27.818667 0-47.957333-7.850667-58.88-24.618666-9.642667-14.848-14.293333-34.346667-14.293333-58.282667v-17.066667h61.952v16.768c0.298667 12.544 1.621333 21.077333 3.413333 24.789334 0.426667 0.810667 1.706667 1.450667 6.4 1.450666 4.48 0 5.76-0.682667 6.4-2.133333 0.810667-1.621333 1.450667-6.4 1.450667-13.568v-141.653333H307.2z m277.589333-5.632c29.568 0 53.034667 8.362667 68.992 24.832 21.504 19.584 32.042667 48.341333 32.042667 85.461333 0 36.394667-10.496 65.109333-31.488 84.906667-16.512 17.066667-39.978667 25.386667-69.546667 25.386666-29.568 0-53.034667-8.362667-69.12-24.96-14.08-13.226667-23.466667-30.165333-28.288-50.474666l0.213334 3.626666c0 20.565333-8.106667 38.101333-23.765334 51.626667-15.402667 13.354667-36.565333 19.797333-62.933333 19.797333-26.666667 0-48.341333-6.272-64.597333-19.2-16.853333-13.482667-25.429333-32.256-25.429334-55.210666v-12.8h55.594667l-0.426667-0.085334a114.986667 114.986667 0 0 1-23.808-9.344l-4.181333-2.56c-16.085333-11.050667-24.192-28.373333-24.192-50.474666 0-20.053333 7.509333-37.205333 22.186667-50.56 14.634667-13.312 35.328-19.712 61.482666-19.712 22.101333 0 41.386667 5.973333 57.386667 18.005333 16.938667 12.714667 25.898667 31.274667 26.666667 54.613333l0.426666 13.226667H432.64l4.693333 1.237333c9.6 2.816 17.706667 6.272 24.277334 10.453334l4.650666 3.328c8.917333 7.04 15.061333 16.042667 18.346667 26.752a144 144 0 0 1-0.938667-17.578667c0-37.12 10.581333-65.92 31.573334-84.906667 16.554667-17.066667 40.021333-25.386667 69.589333-25.386666zM371.754667 657.066667l1.322666 9.642666c0.853333 6.272 2.389333 10.410667 4.096 12.501334 3.456 4.181333 10.538667 6.698667 22.229334 6.698666 7.765333 0 13.738667-0.853333 17.834666-2.261333 5.802667-2.048 7.637333-4.48 7.637334-9.301333 0-1.621333-0.384-2.261333-1.877334-3.2-3.882667-2.389333-11.050667-4.821333-21.248-7.082667l-19.541333-4.352a319.744 319.744 0 0 1-8.448-2.048l-2.005333-0.554667z m213.034666-76.202667c-11.434667 0-19.925333 3.925333-26.538666 12.117333-7.04 8.746667-10.794667 21.930667-10.794667 39.978667 0 18.048 3.754667 31.232 10.794667 39.978667 6.613333 8.192 15.104 12.074667 26.538666 12.074666s19.84-3.882667 26.368-12.032l2.730667-4.010666c5.12-8.533333 7.850667-20.48 7.850667-36.010667 0-18.005333-3.712-31.189333-10.666667-39.978667-6.485333-8.192-14.890667-12.117333-26.282667-12.117333z m-189.866666-0.341333c-7.552 0-13.013333 1.365333-16.597334 3.797333-2.389333 1.621333-3.242667 3.2-3.242666 6.144 0 1.92 0.426667 2.56 2.346666 3.669333 2.346667 1.322667 9.514667 3.626667 20.608 6.272l21.461334 5.12-0.469334-8.789333c-0.341333-5.376-1.877333-8.874667-4.992-11.349333l-2.56-1.706667a36.309333 36.309333 0 0 0-16.554666-3.157333z m354.688-52.224l3.669333 6.442666 49.493333 86.741334v-93.184h61.44V738.133333H805.546667l-3.669334-6.4-51.413333-89.344 0.042667 95.744h-61.44v-209.834666h60.586666z"  ></path></symbol><symbol id="icona-icon_file-JMX" viewBox="0 0 1024 1024"><path d="M648.533333 42.666667a42.666667 42.666667 0 0 1 33.322667 16l170.666667 213.333333 2.730666 3.925333 1.152 1.877334 1.664 3.242666 1.408 3.541334 0.981334 3.157333a41.258667 41.258667 0 0 1 1.109333 5.973333L861.866667 298.666667v85.333333h42.666666a85.333333 85.333333 0 0 1 85.333334 85.333333v298.666667a85.333333 85.333333 0 0 1-85.333334 85.333333h-42.666666v85.333334a42.666667 42.666667 0 0 1-42.666667 42.666666h-597.333333a42.666667 42.666667 0 0 1-42.666667-42.666666v-85.333334h-42.666667a85.333333 85.333333 0 0 1-85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667V85.333333a42.666667 42.666667 0 0 1 42.666667-42.666666h426.666666z m128 810.666666h-512v42.666667h512v-42.666667z m128-384h-768v298.666667h768v-298.666667z m-572.16 42.24v116.181334c0 24.405333-2.218667 43.008-6.528 55.722666-4.309333 12.757333-13.013333 23.509333-26.112 32.384-13.056 8.832-29.824 13.226667-50.218666 13.226667-21.589333 0-38.314667-2.858667-50.176-8.704a63.104 63.104 0 0 1-27.477334-25.6c-6.485333-11.221333-10.282667-25.130667-11.477333-41.642667l63.146667-8.618666c0.128 9.429333 0.938667 16.469333 2.474666 21.034666a22.869333 22.869333 0 0 0 7.893334 11.093334c2.56 1.834667 6.101333 2.730667 10.794666 2.730666 7.381333 0 12.8-2.730667 16.256-8.234666 3.413333-5.504 5.162667-14.762667 5.162667-27.733334v-131.84H332.373333z m130.176 0l33.536 130.048 33.408-130.090666h86.613334V725.333333h-53.930667v-163.029333L520.32 725.333333H471.466667l-41.728-163.029333V725.333333H375.637333v-213.76h86.912z m253.781334 0l37.888 65.706667 36.778666-65.706667h72.021334l-66.517334 103.509334L869.290667 725.333333h-74.24l-42.154667-68.693333-42.24 68.693333h-73.813333l73.813333-111.402666-67.114667-102.4h72.789334zM563.2 128h-298.666667v256h512V341.333333h-170.666666a42.666667 42.666667 0 0 1-42.666667-42.666666V128z m85.333333 25.6V256h81.92L648.533333 153.6z"  ></path></symbol><symbol id="iconicon_file_har" viewBox="0 0 1024 1024"><path d="M648.533333 42.666667a42.666667 42.666667 0 0 1 33.322667 16l170.666667 213.333333 2.730666 3.925333 1.152 1.877334 1.664 3.242666 1.408 3.541334 0.981334 3.157333a41.258667 41.258667 0 0 1 1.109333 5.973333L861.866667 298.666667v85.333333h42.666666a85.333333 85.333333 0 0 1 85.333334 85.333333v298.666667a85.333333 85.333333 0 0 1-85.333334 85.333333h-42.666666v85.333334a42.666667 42.666667 0 0 1-42.666667 42.666666h-597.333333a42.666667 42.666667 0 0 1-42.666667-42.666666v-85.333334h-42.666667a85.333333 85.333333 0 0 1-85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667V85.333333a42.666667 42.666667 0 0 1 42.666667-42.666666h426.666666z m128 810.666666h-512v42.666667h512v-42.666667z m128-384h-768v298.666667h768v-298.666667z m-660.992 42.24v74.794667h72.149334v-74.837333h66.389333V725.333333H315.690667v-86.485333H243.541333V725.333333H177.450667v-213.76h66.090666z m313.216 0L637.141333 725.333333h-69.12l-10.538666-35.285333h-75.221334L471.893333 725.333333H404.394667l80.341333-213.76h72.021333z m212.48 0c20.437333 0 36.053333 1.706667 46.805334 5.205334 10.794667 3.498667 19.498667 9.984 26.112 19.498666 6.613333 9.472 9.941333 20.992 9.941333 34.602667 0 11.861333-2.56 22.101333-7.594667 30.72a59.306667 59.306667 0 0 1-20.864 20.906667c-5.632 3.413333-13.354667 6.229333-23.168 8.490666 7.850667 2.602667 13.610667 5.248 17.194667 7.850667 1.834667 1.28 4.266667 3.754667 7.296 7.296l3.285333 3.925333c4.608 5.76 7.68 10.154667 9.258667 13.269334L869.418667 725.333333h-74.666667l-35.285333-65.322666c-4.48-8.448-8.448-13.952-11.946667-16.469334a27.733333 27.733333 0 0 0-16.213333-4.992h-5.802667V725.333333h-66.346667v-213.76h110.08z m-249.216 55.381334l-23.466666 76.842666h47.104l-23.637334-76.8z m234.496-12.245334h-29.013333v43.477334h27.861333c2.986667 0 8.832-0.981333 17.493334-2.944a17.493333 17.493333 0 0 0 10.709333-6.698667 19.754667 19.754667 0 0 0 4.181333-12.373333c0-6.912-2.218667-12.245333-6.570666-15.914667-4.394667-3.712-12.586667-5.546667-24.661334-5.546667zM563.2 128h-298.666667v256h512V341.333333h-170.666666a42.666667 42.666667 0 0 1-42.666667-42.666666V128z m85.333333 25.6V256h81.92L648.533333 153.6z"  ></path></symbol><symbol id="iconicon_filter_clear" viewBox="0 0 1024 1024"><path d="M128.192 128h575.616a64 64 0 0 1 44.032 110.464L512 461.696v354.304L320 960l-0.064-498.304-235.776-223.232a64 64 0 0 1-7.616-84.288l5.12-6.208A64 64 0 0 1 128.256 128z m575.616 64H128.192L384 434.24l-0.064 397.696L448 783.936V434.24L703.872 192zM685.248 640l90.496 90.496L866.304 640l45.248 45.248-90.56 90.496 90.56 90.56-45.248 45.248-90.56-90.56-90.496 90.56-45.248-45.248 90.496-90.56L640 685.248l45.248-45.248z"  ></path></symbol><symbol id="iconicon_filter" viewBox="0 0 1024 1024"><path d="M128 192a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v114.304l-272 160V896h-224V466.304L128 306.304V192z m704 0H192v77.696l272 160V832h96V429.696l272-160V192z"  ></path></symbol><symbol id="iconicon_file-excel_colorful_ash" viewBox="0 0 1024 1024"><path d="M256 896h640V128H256v170.666667h213.333333a42.666667 42.666667 0 0 1 42.666667 42.666666v384a42.666667 42.666667 0 0 1-42.666667 42.666667H256v128z m554.666667-256a42.666667 42.666667 0 1 1 0 85.333333h-170.666667a42.666667 42.666667 0 1 1 0-85.333333h170.666667zM221.184 384H175.274667a27.477333 27.477333 0 0 0-22.997334 42.496l65.877334 100.522667-74.666667 112.64A27.690667 27.690667 0 0 0 166.656 682.666667H213.333333a8.533333 8.533333 0 0 0 7.253334-4.053334l56.618666-91.904 56.362667 91.904a8.533333 8.533333 0 0 0 7.253333 4.053334h47.104a27.904 27.904 0 0 0 23.296-43.264L338.133333 528.64l65.706667-102.314667A27.477333 27.477333 0 0 0 380.714667 384H335.402667a8.533333 8.533333 0 0 0-7.424 4.352L279.04 475.861333 228.565333 388.266667a8.533333 8.533333 0 0 0-7.381333-4.266667zM810.666667 469.333333a42.666667 42.666667 0 1 1 0 85.333334h-170.666667a42.666667 42.666667 0 1 1 0-85.333334h170.666667z m0-170.666666a42.666667 42.666667 0 1 1 0 85.333333h-170.666667a42.666667 42.666667 0 1 1 0-85.333333h170.666667zM85.333333 768a42.666667 42.666667 0 0 1-42.666666-42.666667V341.333333a42.666667 42.666667 0 0 1 42.666666-42.666666h85.333334V128a85.333333 85.333333 0 0 1 85.333333-85.333333h640a85.333333 85.333333 0 0 1 85.333333 85.333333v768a85.333333 85.333333 0 0 1-85.333333 85.333333H256a85.333333 85.333333 0 0 1-85.333333-85.333333v-128H85.333333z" fill="#959598" ></path></symbol><symbol id="iconicon_font_color" viewBox="0 0 1024 1024"><path d="M482.901333 114.688a32 32 0 0 1 58.197334 0l117.333333 256 39.082667 85.333333 78.250666 170.666667a32 32 0 1 1-58.197333 26.624l-69.674667-151.978667H376.064l-69.632 151.978667a32 32 0 0 1-38.4 17.322667l-4.010667-1.536a32 32 0 0 1-15.786666-42.410667l78.250666-170.666667 39.082667-85.333333 117.333333-256zM512 204.757333L423.765333 397.312l-18.389333 40.021333h213.205333l-18.346666-40.021333L512 204.8z m384 573.909334a32 32 0 1 1 0 64H128a32 32 0 1 1 0-64h768z"  ></path></symbol><symbol id="iconicon_add_pic" viewBox="0 0 1024 1024"><path d="M562.432 181.333333a32 32 0 1 1 0 64H170.666667a10.666667 10.666667 0 0 0-10.666667 10.666667v597.333333c0 5.888 4.778667 10.666667 10.666667 10.666667h597.333333a10.666667 10.666667 0 0 0 10.666667-10.666667v-405.333333a32 32 0 1 1 64 0V853.333333A74.666667 74.666667 0 0 1 768 928H170.666667A74.666667 74.666667 0 0 1 96 853.333333V256c0-41.258667 33.408-74.666667 74.666667-74.666667h391.765333z m-13.653333 237.44l160 224.64A32 32 0 0 1 682.666667 693.973333H256a32 32 0 0 1-25.6-51.114666l128-171.349334a32 32 0 0 1 48.213333-3.456l35.84 35.754667 53.248-83.626667a32 32 0 0 1 53.034667-1.408z m-24.661334 75.776l-49.109333 77.312a32 32 0 0 1-49.621333 5.418667l-37.930667-37.888-67.626667 90.581333h300.8l-96.512-135.424z m286.421334-402.901333a32 32 0 0 1 32 32V181.333333H896a32 32 0 1 1 0 64h-53.461333v48.981334a32 32 0 1 1-64 0V245.333333H725.333333a32 32 0 1 1 0-64h53.205334V123.648a32 32 0 0 1 32-32z"  ></path></symbol><symbol id="iconicon_text_underline" viewBox="0 0 1024 1024"><path d="M842.666667 893.909333a32 32 0 1 1 0 64h-682.666667a32 32 0 1 1 0-64h682.666667zM778.666667 85.333333a32 32 0 0 1 32 32v339.285334a309.333333 309.333333 0 0 1-618.666667 0V117.333333a32 32 0 0 1 64 0v339.285334a245.333333 245.333333 0 0 0 490.666667 0V117.333333a32 32 0 0 1 32-32z"  ></path></symbol><symbol id="iconicon_text_italic" viewBox="0 0 1024 1024"><path d="M256 938.666667a32 32 0 1 1 0-64h124.970667L576.298667 170.666667H426.666667a32 32 0 0 1 0-64h183.808a31.829333 31.829333 0 0 1 16.170666 0H768A32 32 0 1 1 768 170.666667h-125.312l-195.285333 704H597.333333a32 32 0 1 1 0 64H256z"  ></path></symbol><symbol id="iconicon_add_text" viewBox="0 0 1024 1024"><path d="M682.666667 149.333333A32 32 0 1 1 682.666667 213.333333H416v693.333334a32 32 0 1 1-64 0V213.333333H85.333333a32 32 0 0 1 0-64h597.333334z m256 277.333334a32 32 0 1 1 0 64h-138.666667v416a32 32 0 1 1-64 0V490.666667H597.333333a32 32 0 1 1 0-64h341.333334z"  ></path></symbol><symbol id="iconicon_align_text_right" viewBox="0 0 1024 1024"><path d="M896 149.333333A32 32 0 1 1 896 213.333333H128a32 32 0 0 1 0-64h768z m0 213.333334a32 32 0 1 1 0 64H298.666667a32 32 0 0 1 0-64h597.333333z m0 213.333333a32 32 0 1 1 0 64H128a32 32 0 1 1 0-64h768z m0 213.333333a32 32 0 1 1 0 64H298.666667a32 32 0 1 1 0-64h597.333333z"  ></path></symbol><symbol id="iconicon_align_text_left" viewBox="0 0 1024 1024"><path d="M896 160a32 32 0 1 1 0 64H128a32 32 0 0 1 0-64h768z m-170.666667 213.333333a32 32 0 1 1 0 64H128a32 32 0 0 1 0-64h597.333333z m170.666667 213.333334a32 32 0 1 1 0 64H128a32 32 0 1 1 0-64h768z m-170.666667 213.333333a32 32 0 1 1 0 64H128a32 32 0 1 1 0-64h597.333333z"  ></path></symbol><symbol id="iconicon_text_bold" viewBox="0 0 1024 1024"><path d="M181.333333 85.333333A32 32 0 0 1 213.333333 53.333333h277.333334c135.168 0 244.650667 109.866667 244.650666 245.333334 0 77.098667-35.456 145.92-90.965333 190.890666A245.248 245.248 0 0 1 821.333333 725.333333c0 135.466667-109.525333 245.333333-244.650666 245.333334H213.333333a32 32 0 0 1-32-32V85.333333z m395.349334 458.666667H245.333333v362.666667h331.349334A180.992 180.992 0 0 0 757.333333 725.333333a180.992 180.992 0 0 0-180.650666-181.333333z m-86.016-426.666667H245.333333v362.666667h245.333334A180.992 180.992 0 0 0 671.317333 298.666667 180.992 180.992 0 0 0 490.666667 117.333333z"  ></path></symbol><symbol id="iconicon_align_text_center" viewBox="0 0 1024 1024"><path d="M768 362.666667a32 32 0 1 1 0 64H256a32 32 0 0 1 0-64h512z m128-213.333334A32 32 0 1 1 896 213.333333H128a32 32 0 0 1 0-64h768z m0 426.666667a32 32 0 1 1 0 64H128a32 32 0 1 1 0-64h768z m-128 213.333333a32 32 0 1 1 0 64H256a32 32 0 1 1 0-64h512z"  ></path></symbol><symbol id="iconicon_map" viewBox="0 0 1024 1024"><path d="M362.666667 928a31.872 31.872 0 0 1-13.013334-2.773333l-0.426666-0.170667-277.333334-128A32 32 0 0 1 53.333333 768V128a32 32 0 0 1 45.397334-29.056l138.581333 64 23.381333 10.709333 102.4 47.317334 285.653334-122.368a31.317333 31.317333 0 0 1 4.693333-1.621334l-4.693333 1.621334a32 32 0 0 1 8.234666-2.304l1.365334-0.170667a32 32 0 0 1 1.536-0.085333l1.365333-0.042667 2.389333 0.085333a32 32 0 0 1 1.194667 0.085334l0.853333 0.128 2.816 0.512 1.194667 0.298666c1.621333 0.426667 3.157333 0.981333 4.608 1.621334l0.426667 0.213333 132.394666 61.056 144.938667 66.944A32 32 0 0 1 970.666667 256v640a32 32 0 0 1-45.397334 29.056l-138.282666-63.829333-126.122667-58.24-285.610667 122.453333-1.194666 0.469333a31.786667 31.786667 0 0 1-7.04 1.792l-3.114667 0.256a32 32 0 0 1-1.152 0.042667z m266.666666-751.530667l-234.666666 100.608v570.325334l234.666666-100.565334V176.469333z m64 1.493334V747.52l213.333334 98.517333V276.437333l-119.253334-55.04a32.597333 32.597333 0 0 1-0.853333-0.341333l-93.226667-43.093333z m-576 0V747.52l213.333334 98.432V276.48L210.602667 221.056l-0.512-0.298667L117.333333 177.962667z"  ></path></symbol><symbol id="icona-icon_multiple_selection_of_departments" viewBox="0 0 1024 1024"><path d="M149.333333 373.333333v469.333334c0 5.888 4.778667 10.666667 10.666667 10.666666h554.666667c30.976 3.456 35.84 57.941333 0 64h-554.666667A74.666667 74.666667 0 0 1 85.333333 842.666667v-469.333334c15.445333-50.56 61.568-24.533333 64 0zM469.333333 128a32 32 0 1 1 0 64H288a10.666667 10.666667 0 0 0-10.666667 10.666667v512c0 5.888 4.778667 10.666667 10.666667 10.666666h597.333333a10.666667 10.666667 0 0 0 10.666667-10.666666V576a32 32 0 1 1 64 0v138.666667a74.666667 74.666667 0 0 1-74.666667 74.666666h-597.333333A74.666667 74.666667 0 0 1 213.333333 714.666667v-512C213.333333 161.450667 246.784 128 288 128H469.333333z m288 394.666667a32 32 0 1 1 0 64h-384a32 32 0 1 1 0-64h384z m-21.333333-416a117.333333 117.333333 0 0 1 86.784 196.266666A159.744 159.744 0 0 1 896 437.333333a32 32 0 1 1-64 0 96 96 0 0 0-192 0 32 32 0 1 1-64 0c0-56.362667 29.141333-105.941333 73.173333-134.4a117.333333 117.333333 0 0 1 86.826667-196.266666z m-277.333333 245.333333a32 32 0 1 1 0 64h-85.333334a32 32 0 0 1 0-64h85.333334zM736 170.666667a53.333333 53.333333 0 1 0 0 106.666666 53.333333 53.333333 0 0 0 0-106.666666z"  ></path></symbol><symbol id="iconicon_calendar1" viewBox="0 0 1024 1024"><path d="M661.333333 53.333333a32 32 0 0 1 32 32v32H853.333333c41.258667 0 74.666667 33.408 74.666667 74.666667V853.333333A74.666667 74.666667 0 0 1 853.333333 928H128A74.666667 74.666667 0 0 1 53.333333 853.333333V192c0-41.216 33.450667-74.666667 74.666667-74.666667h160V85.333333a32 32 0 0 1 64 0v32h277.333333V85.333333a32 32 0 0 1 32-32z m202.666667 384H117.333333V853.333333a10.666667 10.666667 0 0 0 8.234667 10.368L128 864h725.333333a10.666667 10.666667 0 0 0 10.666667-10.666667v-416z m-160 256a32 32 0 1 1 0 64h-128a32 32 0 1 1 0-64h128z m-298.666667 0a32 32 0 1 1 0 64h-128a32 32 0 1 1 0-64h128z m298.666667-170.666666a32 32 0 1 1 0 64h-128a32 32 0 1 1 0-64h128z m-298.666667 0a32 32 0 1 1 0 64h-128a32 32 0 1 1 0-64h128z m-117.333333-341.333334H128a10.666667 10.666667 0 0 0-10.666667 10.666667v181.333333h746.666667V192a10.666667 10.666667 0 0 0-8.234667-10.368L853.333333 181.333333h-160V256a32 32 0 1 1-64 0V181.333333h-277.333333V256a32 32 0 0 1-64 0V181.333333z"  ></path></symbol><symbol id="iconicon_link1" viewBox="0 0 1024 1024"><path d="M629.248 185.514667a160 160 0 0 1 226.261333 226.304l-377.130666 377.130666a224 224 0 0 1-316.757334-316.8l316.757334-316.8a32 32 0 0 1 45.269333 45.226667l-316.8 316.842667a160 160 0 1 0 226.304 226.261333L810.24 366.506667a96 96 0 0 0-135.765333-135.765334L297.386667 607.914667a32 32 0 1 0 45.226666 45.226666l316.8-316.757333a32 32 0 0 1 45.226667 45.226667L387.925333 698.453333a96 96 0 1 1-135.765333-135.765333l377.130667-377.130667z"  ></path></symbol><symbol id="icona-icon_collectbeifen12" viewBox="0 0 1024 1024"><path d="M832 96a96 96 0 0 1 96 96v640a96 96 0 0 1-96 96h-640a96 96 0 0 1-96-96v-640A96 96 0 0 1 192 96h640z m0 64h-640a32 32 0 0 0-32 32v640c0 17.664 14.336 32 32 32h640a32 32 0 0 0 32-32v-640a32 32 0 0 0-32-32zM682.666667 309.333333a32 32 0 0 1 32 32v341.333334a32 32 0 0 1-32 32H341.333333a32 32 0 0 1-32-32V341.333333A32 32 0 0 1 341.333333 309.333333h341.333334z m-32 64h-277.333334v277.333334h277.333334v-277.333334z"  ></path></symbol><symbol id="iconicon_department_single_choice" viewBox="0 0 1024 1024"><path d="M437.333333 138.666667a32 32 0 1 1 0 64H128a10.666667 10.666667 0 0 0-10.666667 10.666666v597.333334c0 5.888 4.778667 10.666667 10.666667 10.666666h768a10.666667 10.666667 0 0 0 10.666667-10.666666v-138.666667a32 32 0 1 1 64 0V810.666667A74.666667 74.666667 0 0 1 896 885.333333H128A74.666667 74.666667 0 0 1 53.333333 810.666667V213.333333c0-41.216 33.450667-74.666667 74.666667-74.666666h309.333333zM640 576a32 32 0 1 1 0 64H170.666667a32 32 0 1 1 0-64h469.333333z m106.666667-416a117.333333 117.333333 0 0 1 86.784 196.266667 159.744 159.744 0 0 1 73.216 134.4 32 32 0 1 1-64 0 96 96 0 0 0-192 0 32 32 0 1 1-64 0c0-56.362667 29.141333-105.941333 73.173333-134.4a117.333333 117.333333 0 0 1 86.826667-196.266667zM426.666667 405.333333a32 32 0 1 1 0 64H170.666667a32 32 0 1 1 0-64h256z m320-181.333333a53.333333 53.333333 0 1 0 0 106.666667 53.333333 53.333333 0 0 0 0-106.666667z"  ></path></symbol><symbol id="iconicon_find" viewBox="0 0 1024 1024"><path d="M938.666667 149.333333A32 32 0 1 1 938.666667 213.333333H85.333333a32 32 0 0 1 0-64h853.333334z m-618.666667 341.333334a32 32 0 1 1 0 64H85.333333a32 32 0 1 1 0-64h234.666667z m0 341.333333a32 32 0 1 1 0 64H85.333333a32 32 0 1 1 0-64h234.666667z m352-469.333333a213.333333 213.333333 0 0 1 162.261333 351.829333l127.146667 128a32 32 0 1 1-45.44 45.141333l-130.218667-131.114666A213.333333 213.333333 0 1 1 672 362.666667z m0 64a149.333333 149.333333 0 1 0 0 298.666666 149.333333 149.333333 0 0 0 0-298.666666z"  ></path></symbol><symbol id="iconicon_handwritten_signature" viewBox="0 0 1024 1024"><path d="M896 864a32 32 0 1 1 0 64H128a32 32 0 1 1 0-64h768zM632.192 105.386667a32 32 0 0 1 45.269333 0l155.818667 155.904a32 32 0 0 1 0 45.226666L392.106667 747.946667a32 32 0 0 1-22.613334 9.386666H213.333333a32 32 0 0 1-32-32v-155.306666a32 32 0 0 1 9.386667-22.613334L632.149333 105.386667z m22.656 67.882666L245.333333 583.210667v110.122666h110.805334l409.258666-409.472-110.549333-110.592z"  ></path></symbol><symbol id="iconicon_button" viewBox="0 0 1024 1024"><path d="M896 309.333333c41.258667 0 74.666667 33.408 74.666667 74.666667v298.666667A74.666667 74.666667 0 0 1 896 757.333333H128A74.666667 74.666667 0 0 1 53.333333 682.666667V384c0-41.258667 33.408-74.666667 74.666667-74.666667h768z m0 64H128a10.666667 10.666667 0 0 0-10.666667 10.666667v298.666667c0 5.888 4.778667 10.666667 10.666667 10.666666h768a10.666667 10.666667 0 0 0 10.666667-10.666666V384a10.666667 10.666667 0 0 0-10.666667-10.666667z m-234.666667 128a32 32 0 1 1 0 64H384a32 32 0 1 1 0-64h277.333333z"  ></path></symbol><symbol id="iconicon_select_data" viewBox="0 0 1024 1024"><path d="M405.333333 138.666667c189.994667 0 344.96 50.261333 351.786667 132.992l0.213333 5.674666v162.090667a245.376 245.376 0 1 1-140.629333 463.274667l8.618667-2.517334-10.325334 2.986667c-59.306667 16-132.565333 24.832-209.664 24.832-194.304 0-352-52.565333-352-138.666667v-512c0-86.101333 157.696-138.666667 352-138.666666z m320 362.666666a180.778667 180.778667 0 0 0-134.954666 60.202667 180.48 180.48 0 0 0-43.776 151.978667A181.546667 181.546667 0 0 0 725.333333 864a181.333333 181.333333 0 0 0 0-362.666667z m118.613334 116.053334a32 32 0 0 1 0 45.226666l-117.333334 117.333334a32 32 0 0 1-45.226666 0l-64-64a32 32 0 0 1 45.226666-45.226667l41.386667 41.344 94.72-94.72a32 32 0 0 1 45.226667 0zM117.333333 531.882667V618.666667c0 31.701333 128.853333 74.666667 288 74.666666 25.6 0 50.688-1.024 74.965334-3.029333A79.957333 79.957333 0 0 1 480 682.666667c0-35.413333 7.552-69.632 21.632-100.821334-30.848 3.2-63.232 4.821333-96.298667 4.821334-119.04 0-224.298667-19.712-288-54.784zM405.333333 416c-119.04 0-224.298667-19.712-288-54.784V448c0 31.701333 128.853333 74.666667 288 74.666667 44.202667 0 86.997333-3.114667 126.08-8.96l19.072-3.114667a244.693333 244.693333 0 0 1 140.032-70.826667l2.816-0.341333 0.085334-78.250667C629.674667 396.288 524.373333 416 405.333333 416z m0-213.333333c-159.146667 0-288 42.965333-288 74.666666 0 31.701333 128.853333 74.666667 288 74.666667s288-42.965333 288-74.666667c0-31.701333-128.853333-74.666667-288-74.666666z m132.48 638.165333l-0.213333-0.256-0.085333-0.085333-2.986667-3.626667a246.570667 246.570667 0 0 1-12.245333-16.469333l-2.261334-3.413334a245.930667 245.930667 0 0 1-27.093333-55.594666l-0.682667-2.048a243.925333 243.925333 0 0 1-0.981333-2.986667l-0.810667-2.688c-27.52 2.432-56.064 3.669333-85.12 3.669333-119.04 0-224.298667-19.712-288-54.784V789.333333c0 31.701333 128.853333 74.666667 288 74.666667 45.226667 0 88.874667-3.242667 128.341334-9.258667l14.506666-2.432-3.114666-3.2-7.253334-8.277333z"  ></path></symbol><symbol id="iconicon_single_line_text" viewBox="0 0 1024 1024"><path d="M832 96a96 96 0 0 1 96 96v640a96 96 0 0 1-96 96h-640a96 96 0 0 1-96-96v-640A96 96 0 0 1 192 96h640z m0 64h-640a32 32 0 0 0-32 32v640c0 17.664 14.336 32 32 32h640a32 32 0 0 0 32-32v-640a32 32 0 0 0-32-32z m-362.666667 597.333333a32 32 0 1 1 0-64h10.666667V384c0-3.754667 0.64-7.338667 1.834667-10.666667H373.333333v32a32 32 0 0 1-27.648 31.701334L341.333333 437.333333a32 32 0 0 1-32-32V341.333333A32 32 0 0 1 341.333333 309.333333h341.333334a32 32 0 0 1 32 32v64a32 32 0 1 1-64 0v-32h-108.501334a31.957333 31.957333 0 0 1 1.834667 10.666667v309.333333H554.666667a32 32 0 1 1 0 64h-85.333334z"  ></path></symbol><symbol id="iconicon_multiple_choice_of_members" viewBox="0 0 1024 1024"><path d="M405.333333 96a181.333333 181.333333 0 1 1 0 362.666667 181.333333 181.333333 0 0 1 0-362.666667z m0 64a117.333333 117.333333 0 1 0 0 234.666667 117.333333 117.333333 0 0 0 0-234.666667z m262.869334-27.178667a32 32 0 0 1 43.946666-10.88A181.205333 181.205333 0 0 1 800 277.333333a181.205333 181.205333 0 0 1-87.893333 155.392 32 32 0 0 1-33.024-54.784A117.248 117.248 0 0 0 736 277.333333c0-41.642667-21.845333-79.488-56.874667-100.608a32 32 0 0 1-10.922666-43.946666zM452.266667 565.333333c125.909333 0 155.861333 2.432 194.389333 22.101334a202.666667 202.666667 0 0 1 88.576 88.576c19.626667 38.528 22.101333 68.48 22.101333 194.389333v25.6a32 32 0 0 1-32 32H85.333333a32 32 0 0 1-32-32v-25.6c0-125.909333 2.432-155.861333 22.101334-194.389333a202.666667 202.666667 0 0 1 88.576-88.576c38.528-19.626667 68.48-22.101333 194.389333-22.101334h93.866667z m22.954666 64H335.445333c-93.952 0.384-118.869333 3.114667-142.378666 15.104a138.666667 138.666667 0 0 0-60.586667 60.586667c-12.032 23.552-14.762667 48.469333-15.104 142.421333l-0.042667 16.554667h575.957334v-5.376c-0.128-99.370667-2.432-127.146667-13.738667-150.869333l-1.322667-2.688a138.666667 138.666667 0 0 0-60.586666-60.586667c-23.552-12.032-48.469333-14.762667-142.421334-15.104z m341.76-27.904a32 32 0 0 1 43.008-13.994666 202.666667 202.666667 0 0 1 88.576 88.576c19.626667 38.528 22.101333 68.48 22.101334 194.389333v25.6a32 32 0 1 1-64 0v-25.6c0-113.066667-2.218667-140.032-15.104-165.333333a138.666667 138.666667 0 0 0-60.586667-60.586667 32 32 0 0 1-13.994667-43.093333z"  ></path></symbol><symbol id="iconicon_subform" viewBox="0 0 1024 1024"><path d="M810.666667 53.333333c41.216 0 74.666667 33.450667 74.666666 74.666667v768A74.666667 74.666667 0 0 1 810.666667 970.666667H213.333333A74.666667 74.666667 0 0 1 138.666667 896V128c0-41.216 33.450667-74.666667 74.666666-74.666667h597.333334z m0 64H213.333333a10.666667 10.666667 0 0 0-10.666666 10.666667v768c0 5.888 4.778667 10.666667 10.666666 10.666667h597.333334a10.666667 10.666667 0 0 0 10.666666-10.666667V128a10.666667 10.666667 0 0 0-10.666666-10.666667z m-106.666667 576a32 32 0 1 1 0 64h-256a32 32 0 1 1 0-64h256z m0-213.333333a32 32 0 1 1 0 64h-256a32 32 0 1 1 0-64h256z m0-213.333333a32 32 0 1 1 0 64h-256a32 32 0 1 1 0-64h256z"  ></path><path d="M320 341.333333a42.666667 42.666667 0 1 0 0-85.333333 42.666667 42.666667 0 0 0 0 85.333333zM320 554.666667a42.666667 42.666667 0 1 0 0-85.333334 42.666667 42.666667 0 0 0 0 85.333334zM320 768a42.666667 42.666667 0 1 0 0-85.333333 42.666667 42.666667 0 0 0 0 85.333333z"  ></path></symbol><symbol id="iconicon_picture" viewBox="0 0 1024 1024"><path d="M821.333333 85.333333a96 96 0 0 1 96 96v640a96 96 0 0 1-96 96h-640A96 96 0 0 1 85.333333 821.333333v-640A96 96 0 0 1 181.333333 85.333333h640zM367.061333 401.152L149.333333 600.661333v220.672c0 17.664 14.336 32 32 32h640a32 32 0 0 0 32-32v-304L725.077333 421.12a10.666667 10.666667 0 0 0-13.952 1.024L615.68 517.546667l77.141333 66.133333a32 32 0 0 1-41.642666 48.64L381.226667 400.853333a10.666667 10.666667 0 0 0-14.165334 0.256zM853.333333 181.333333a32 32 0 0 0-32-32h-640a32 32 0 0 0-32 32v332.586667l174.506667-159.957333a74.666667 74.666667 0 0 1 99.029333-1.664l144.042667 123.477333 98.986667-98.901333a74.666667 74.666667 0 0 1 97.578666-6.954667L853.333333 437.333333V181.333333z"  ></path></symbol><symbol id="iconicon_phone" viewBox="0 0 1024 1024"><path d="M810.666667 53.333333c41.258667 0 74.666667 33.408 74.666666 74.666667v768A74.666667 74.666667 0 0 1 810.666667 970.666667H213.333333A74.666667 74.666667 0 0 1 138.666667 896V128c0-41.216 33.450667-74.666667 74.666666-74.666667h597.333334z m10.666666 618.666667H202.666667V896a10.666667 10.666667 0 0 0 8.234666 10.368L213.333333 906.666667h597.333334a10.666667 10.666667 0 0 0 10.666666-10.666667v-224z m-266.666666 85.333333a32 32 0 1 1 0 64h-85.333334a32 32 0 1 1 0-64h85.333334z m256-640H213.333333a10.666667 10.666667 0 0 0-10.666666 10.666667v480h618.666666V128a10.666667 10.666667 0 0 0-10.666666-10.666667z"  ></path></symbol><symbol id="iconicon_local" viewBox="0 0 1024 1024"><path d="M822.912 668.16c92.074667 27.648 147.754667 67.114667 147.754667 121.173333 0 98.688-204.330667 160-458.666667 160S53.333333 888.021333 53.333333 789.333333c0-54.058667 55.68-93.525333 147.754667-121.173333a32 32 0 1 1 18.389333 61.312c-66.858667 20.053333-102.144 45.098667-102.144 59.861333 0 14.762667 35.285333 39.808 102.144 59.861334 76.330667 22.869333 180.778667 36.138667 292.522667 36.138666 111.786667 0 216.192-13.226667 292.522667-36.138666 66.858667-20.053333 102.144-45.098667 102.144-59.861334 0-14.762667-35.285333-39.808-102.144-59.861333a32 32 0 1 1 18.346666-61.312zM512 53.333333c170.666667 0 309.333333 135.253333 309.333333 302.506667 0 101.802667-55.808 201.514667-147.712 296.277333a959.402667 959.402667 0 0 1-144.128 121.344 32 32 0 0 1-34.986666 0 882.133333 882.133333 0 0 1-45.482667-33.152 959.402667 959.402667 0 0 1-98.645333-88.192C258.474667 557.354667 202.666667 457.642667 202.666667 355.882667 202.666667 188.586667 341.333333 53.333333 512 53.333333z m0 64c-135.68 0-245.333333 106.965333-245.333333 238.506667 0 81.621333 48.213333 167.765333 129.621333 251.733333a896.170667 896.170667 0 0 0 115.285333 99.754667l0.426667 0.298667 0.426667-0.298667c4.821333-3.498667 9.898667-7.253333 15.146666-11.264l8.106667-6.229333a896.170667 896.170667 0 0 0 92.032-82.261334c81.408-83.968 129.621333-170.112 129.621333-251.733333 0-131.541333-109.653333-238.506667-245.333333-238.506667z m0 106.666667a138.666667 138.666667 0 1 1 0 277.333333 138.666667 138.666667 0 0 1 0-277.333333z m0 64a74.666667 74.666667 0 1 0 0 149.333333 74.666667 74.666667 0 0 0 0-149.333333z"  ></path></symbol><symbol id="iconicon_dividing_line" viewBox="0 0 1024 1024"><path d="M938.666667 490.666667a32 32 0 1 1 0 64H128a32 32 0 1 1 0-64h810.666667z m-341.333334 298.666666a32 32 0 1 1 0 64h-128a32 32 0 1 1 0-64h128z m341.333334 0a32 32 0 1 1 0 64h-128a32 32 0 1 1 0-64h128z m-341.333334-597.333333A32 32 0 1 1 597.333333 256h-128a32 32 0 1 1 0-64h128z m-341.333333 597.333333A32 32 0 1 1 256 853.333333H128a32 32 0 1 1 0-64h128z m0-597.333333A32 32 0 0 1 256 256H128a32 32 0 0 1 0-64h128z m682.666667 0A32 32 0 1 1 938.666667 256h-128a32 32 0 1 1 0-64h128z"  ></path></symbol><symbol id="iconicon_multiline" viewBox="0 0 1024 1024"><path d="M832 96a96 96 0 0 1 96 96v640a96 96 0 0 1-96 96h-640a96 96 0 0 1-96-96v-640A96 96 0 0 1 192 96h640z m0 64h-640a32 32 0 0 0-32 32v640c0 17.664 14.336 32 32 32h640a32 32 0 0 0 32-32v-640a32 32 0 0 0-32-32zM373.333333 789.333333a32 32 0 1 1 0-64H384V416c0-3.754667 0.64-7.338667 1.834667-10.666667H277.333333v32a32 32 0 0 1-27.648 31.701334L245.333333 469.333333a32 32 0 0 1-32-32v-64A32 32 0 0 1 245.333333 341.333333h341.333334a32 32 0 0 1 32 32v64a32 32 0 1 1-64 0V405.333333h-108.501334a31.957333 31.957333 0 0 1 1.834667 10.666667V725.333333h10.666667a32 32 0 1 1 0 64h-85.333334zM426.666667 224a32 32 0 1 1 0 64H256a32 32 0 0 1 0-64h170.666667z"  ></path></symbol><symbol id="iconicon_member_single_choice" viewBox="0 0 1024 1024"><path d="M512 96a181.333333 181.333333 0 1 1 0 362.666667 181.333333 181.333333 0 0 1 0-362.666667z m0 64a117.333333 117.333333 0 1 0 0 234.666667 117.333333 117.333333 0 0 0 0-234.666667z m110.933333 405.333333c125.909333 0 155.861333 2.432 194.389334 22.101334a202.666667 202.666667 0 0 1 88.576 88.576c19.626667 38.528 22.101333 68.48 22.101333 194.389333v25.6a32 32 0 0 1-32 32H128a32 32 0 0 1-32-32v-25.6c0-125.909333 2.432-155.861333 22.101333-194.389333a202.666667 202.666667 0 0 1 88.576-88.576c38.528-19.626667 68.48-22.101333 194.389334-22.101334h221.866666z m22.954667 64H378.112c-93.952 0.384-118.869333 3.114667-142.378667 15.104a138.666667 138.666667 0 0 0-60.586666 60.586667c-12.032 23.552-14.762667 48.469333-15.104 142.421333l-0.042667 16.554667h703.957333v-5.376c-0.128-99.370667-2.432-127.146667-13.738666-150.869333l-1.322667-2.688a138.666667 138.666667 0 0 0-60.586667-60.586667c-23.552-12.032-48.469333-14.762667-142.421333-15.104z"  ></path></symbol><symbol id="iconicon_radio" viewBox="0 0 1024 1024"><path d="M512 53.333333c253.312 0 458.666667 205.354667 458.666667 458.666667S765.312 970.666667 512 970.666667 53.333333 765.312 53.333333 512 258.688 53.333333 512 53.333333z m0 64a394.666667 394.666667 0 1 0 0 789.333334 394.666667 394.666667 0 0 0 0-789.333334z m0 192a202.666667 202.666667 0 1 1 0 405.333334 202.666667 202.666667 0 0 1 0-405.333334z m0 64a138.666667 138.666667 0 1 0 0 277.333334 138.666667 138.666667 0 0 0 0-277.333334z"  ></path></symbol><symbol id="iconicon_serial_number" viewBox="0 0 1024 1024"><path d="M693.333333 352c41.216 0 74.666667 33.450667 74.666667 74.666667v384a74.666667 74.666667 0 0 1-74.666667 74.666666h-554.666666A74.666667 74.666667 0 0 1 64 810.666667v-384c0-41.216 33.450667-74.666667 74.666667-74.666667h554.666666z m10.666667 256H128V810.666667c0 5.888 4.778667 10.666667 10.666667 10.666666h554.666666a10.666667 10.666667 0 0 0 10.666667-10.666666v-202.666667z m-288 64a32 32 0 1 1 0 64h-170.666667a32 32 0 1 1 0-64h170.666667z m170.666667 0a32 32 0 1 1 0 64h-42.666667a32 32 0 1 1 0-64h42.666667z m320-576c41.258667 0 74.666667 33.408 74.666666 74.666667v384a74.666667 74.666667 0 0 1-74.666666 74.666666h-42.666667a32 32 0 1 1 0-64h42.666667a10.666667 10.666667 0 0 0 10.666666-10.666666V170.666667a10.666667 10.666667 0 0 0-10.666666-10.666667h-554.666667A10.666667 10.666667 0 0 0 341.333333 170.666667v85.333333a32 32 0 0 1-64 0V170.666667c0-41.258667 33.408-74.666667 74.666667-74.666667h554.666667z m-213.333334 320h-554.666666A10.666667 10.666667 0 0 0 128 426.666667v117.333333h576V426.666667a10.666667 10.666667 0 0 0-10.666667-10.666667z"  ></path></symbol><symbol id="iconicon_text_recognition" viewBox="0 0 1024 1024"><path d="M128 672a32 32 0 0 1 32 32v128c0 17.664 14.336 32 32 32h128a32 32 0 1 1 0 64h-128a96 96 0 0 1-96-96v-128a32 32 0 0 1 32-32z m768 0a32 32 0 0 1 32 32v128a96 96 0 0 1-96 96h-128a32 32 0 1 1 0-64h128a32 32 0 0 0 32-32v-128a32 32 0 0 1 32-32z m-234.666667-384a32 32 0 1 1 0 64h-117.333333v394.666667a32 32 0 1 1-64 0V352H362.666667a32 32 0 0 1 0-64h298.666666z m170.666667-192a96 96 0 0 1 96 96v128a32 32 0 1 1-64 0v-128a32 32 0 0 0-32-32h-128a32 32 0 1 1 0-64h128z m-512 0a32 32 0 0 1 0 64h-128a32 32 0 0 0-32 32v128a32 32 0 0 1-64 0v-128A96 96 0 0 1 192 96h128z"  ></path></symbol><symbol id="iconicon_pull_down_single_choice" viewBox="0 0 1024 1024"><path d="M213.333333 693.333333a117.333333 117.333333 0 1 1 0 234.666667 117.333333 117.333333 0 0 1 0-234.666667z m0 64a53.333333 53.333333 0 1 0 0 106.666667 53.333333 53.333333 0 0 0 0-106.666667z m0-661.333333a117.333333 117.333333 0 1 1 0 234.666667 117.333333 117.333333 0 0 1 0-234.666667z m0 64a53.333333 53.333333 0 1 0 0 106.666667 53.333333 53.333333 0 0 0 0-106.666667z m0 234.666667a117.333333 117.333333 0 1 1 0 234.666666 117.333333 117.333333 0 0 1 0-234.666666z m0 64a53.333333 53.333333 0 1 0 0 106.666666 53.333333 53.333333 0 0 0 0-106.666666z m725.333334 21.333333a32 32 0 1 1 0 64H469.333333a32 32 0 1 1 0-64h469.333334z m0 298.666667a32 32 0 1 1 0 64H469.333333a32 32 0 1 1 0-64h469.333334z m0-597.333334a32 32 0 1 1 0 64H469.333333a32 32 0 1 1 0-64h469.333334z"  ></path></symbol><symbol id="iconicon_hashtag_key" viewBox="0 0 1024 1024"><path d="M832 96a96 96 0 0 1 96 96v640a96 96 0 0 1-96 96h-640a96 96 0 0 1-96-96v-640A96 96 0 0 1 192 96h640z m0 64h-640a32 32 0 0 0-32 32v640c0 17.664 14.336 32 32 32h640a32 32 0 0 0 32-32v-640a32 32 0 0 0-32-32z m-213.333333 149.333333a32 32 0 0 1 32 32v32H682.666667a32 32 0 1 1 0 64h-32v149.333334H682.666667a32 32 0 1 1 0 64h-32V682.666667a32 32 0 1 1-64 0v-32h-149.333334V682.666667a32 32 0 1 1-64 0v-32H341.333333a32 32 0 1 1 0-64h32v-149.333334H341.333333a32 32 0 0 1 0-64h32V341.333333a32 32 0 0 1 64 0v32h149.333334V341.333333a32 32 0 0 1 32-32z m-32 128h-149.333334v149.333334h149.333334v-149.333334z"  ></path></symbol><symbol id="iconicon_pull_down_multiple_selection" viewBox="0 0 1024 1024"><path d="M938.666667 480a32 32 0 1 1 0 64H426.666667a32 32 0 1 1 0-64h512z m0 298.666667a32 32 0 1 1 0 64H426.666667a32 32 0 1 1 0-64h512z m0-597.333334a32 32 0 1 1 0 64H426.666667a32 32 0 0 1 0-64h512z m-682.666667 512a32 32 0 0 1 32 32v170.666667a32 32 0 0 1-32 32H85.333333a32 32 0 0 1-32-32v-170.666667a32 32 0 0 1 32-32h170.666667z m-32 64h-106.666667v106.666667h106.666667v-106.666667zM256 394.666667a32 32 0 0 1 32 32v170.666666a32 32 0 0 1-32 32H85.333333a32 32 0 0 1-32-32v-170.666666A32 32 0 0 1 85.333333 394.666667h170.666667z m-32 64h-106.666667v106.666666h106.666667v-106.666666zM256 96a32 32 0 0 1 32 32v170.666667a32 32 0 0 1-32 32H85.333333A32 32 0 0 1 53.333333 298.666667V128A32 32 0 0 1 85.333333 96h170.666667z m-32 64h-106.666667v106.666667h106.666667v-106.666667z"  ></path></symbol><symbol id="iconorder-descending" viewBox="0 0 1024 1024"><path d="M608 160H128v64h480v-64zM768 160v626.752l137.344-137.408 45.248 45.312-188.672 188.672a33.92 33.92 0 0 1-57.92-23.936V160h64zM128 480h480v64H128v-64zM608 800H128v64h480v-64z"  ></path></symbol><symbol id="iconicon_video" viewBox="0 0 1024 1024"><path d="M707.2 495.36a19.2 19.2 0 0 1 0 33.28l-326.4 188.416a19.2 19.2 0 0 1-28.8-16.64V323.52a19.2 19.2 0 0 1 28.8-16.64l326.4 188.48zM416 401.152v221.696L608 512l-192-110.848z"  ></path><path d="M128 192a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H192a64 64 0 0 1-64-64V192z m64 0v640h640V192H192z"  ></path></symbol><symbol id="iconicon_zoom_in" viewBox="0 0 1024 1024"><path d="M384 448v128h64V448h128V384H448V256H384v128H256v64h128z"  ></path><path d="M608.704 653.952a304.896 304.896 0 1 1 45.248-45.248l225.984 225.984-45.248 45.248-225.984-225.92z m49.152-237.056a240.896 240.896 0 1 0-481.856 0 240.896 240.896 0 0 0 481.792 0z"  ></path></symbol><symbol id="iconorder-ascending" viewBox="0 0 1024 1024"><path d="M768 864V237.248l137.344 137.408 45.248-45.312-188.672-188.672a33.92 33.92 0 0 0-57.92 23.936V864h64zM608 864H128v-64h480v64zM128 544h480v-64H128v64zM608 224H128v-64h480v64z"  ></path></symbol><symbol id="iconicon_zoom_out" viewBox="0 0 1024 1024"><path d="M576 448H256V384h320v64z"  ></path><path d="M608.704 653.952a304.896 304.896 0 1 1 45.248-45.248l225.984 225.984-45.248 45.248-225.984-225.92z m49.152-237.056a240.896 240.896 0 1 0-481.856 0 240.896 240.896 0 0 0 481.792 0z"  ></path></symbol><symbol id="iconicon_usergroup" viewBox="0 0 1024 1024"><path d="M384 64c33.664 0 65.408 8 93.568 22.144l-40.32 52.032a144 144 0 1 0-56.192 277.76v64A208 208 0 0 1 384 64zM34.56 603.904A821.056 821.056 0 0 1 381.12 526.08v64c-113.28 0.448-220.352 25.792-317.056 70.656V768h118.848v64H32a32 32 0 0 1-32-32v-140.224c0-23.808 13.12-45.824 34.56-55.872z"  ></path><path d="M640 532.096a208 208 0 1 1 0-416 208 208 0 0 1 0 416z m0-64a144 144 0 1 0 0-288 144 144 0 0 0 0 288zM1024 737.152a61.184 61.184 0 0 0-34.624-55.872A821.12 821.12 0 0 0 640 603.52a821.12 821.12 0 0 0-349.44 77.76 61.184 61.184 0 0 0-34.56 55.872V896a32 32 0 0 0 32 32h704a32 32 0 0 0 32-32v-158.848z m-64 1.024V864H320v-125.824a757.12 757.12 0 0 1 320-70.656c114.368 0 222.464 25.408 320 70.656z"  ></path></symbol><symbol id="iconicon_wifi" viewBox="0 0 1024 1024"><path d="M649.856 685.056l44.672-45.824c-52.8-53.696-117.056-83.2-183.488-83.2-65.664 0-129.152 28.8-181.568 81.28l44.672 45.824c42.432-42.88 90.88-63.04 136.896-63.04 46.72 0 95.872 20.8 138.816 64.96zM779.392 552.128l44.736-45.824c-87.936-90.56-198.4-140.672-313.024-140.672-113.856 0-223.616 49.408-311.232 138.752l44.736 45.824c77.248-79.36 171.648-120.576 266.496-120.576 95.552 0 190.72 41.92 268.288 122.496z"  ></path><path d="M904.512 423.872l44.736-45.888C827.52 252.16 672.192 182.4 511.104 182.4c-160.384 0-314.88 69.12-436.288 193.792l44.672 45.824C230.336 307.584 369.28 246.336 511.104 246.336c142.464 0 282.24 61.888 393.408 177.536zM576 800a64 64 0 1 1-128 0 64 64 0 0 1 128 0z"  ></path></symbol><symbol id="iconicon_view_module" viewBox="0 0 1024 1024"><path d="M256 480h448v64H256v-64zM640 640H256v64h384v-64z"  ></path><path d="M128 192a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H192a64 64 0 0 1-64-64V192z m64 0v128h640V192H192z m0 192v448h640V384H192z"  ></path></symbol><symbol id="iconview-column" viewBox="0 0 1024 1024"><path d="M224 128v768h64V128h-64z m256 768V128h64v768h-64z m256 0V128h64v768h-64z"  ></path></symbol><symbol id="iconview-list" viewBox="0 0 1024 1024"><path d="M896 288H128v-64h768v64zM896 544H128v-64h768v64zM128 800h768v-64H128v64z"  ></path></symbol><symbol id="iconicon_wallet" viewBox="0 0 1024 1024"><path d="M736 288h128a64 64 0 0 1 64 64V768a64 64 0 0 1-64 64h-704a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h512a64 64 0 0 1 64 64v96z m-64-96h-512v96h512V192z m192 160h-704V768h704V352z"  ></path></symbol><symbol id="iconicon_usb" viewBox="0 0 1024 1024"><path d="M480 384h-128V320h128v64zM544 384h128V320h-128v64z"  ></path><path d="M256 512V160a32 32 0 0 1 32-32h448a32 32 0 0 1 32 32V512a64 64 0 0 1 64 64v320a64 64 0 0 1-64 64H256a64 64 0 0 1-64-64V576a64 64 0 0 1 64-64z m64 0h384V192H320v320zM256 576v320h512V576H256z"  ></path></symbol><symbol id="iconicon_user_add" viewBox="0 0 1024 1024"><path d="M512 544a224 224 0 1 0 0-448 224 224 0 0 0 0 448z m0-64a160 160 0 1 1 0-320 160 160 0 0 1 0 320zM736 703.104A817.536 817.536 0 0 0 512 672c-125.888 0-244.864 28.544-352 79.36v112.64h448v64H128a32 32 0 0 1-32-32v-145.6a61.44 61.44 0 0 1 34.368-55.808A882.24 882.24 0 0 1 512 608c77.44 0 152.384 10.048 224 28.8v66.304zM816 880V1024h64v-144H1024v-64h-144V672h-64v144H672v64h144z"  ></path></symbol><symbol id="iconicon_swap_right" viewBox="0 0 1024 1024"><path d="M818.752 576H64v64h827.392a33.92 33.92 0 0 0 24-57.92l-252.8-252.736-45.184 45.312L818.752 576z"  ></path></symbol><symbol id="iconicon_user_avatar" viewBox="0 0 1024 1024"><path d="M512 672c79.424 0 155.008 20.032 224 56.32v71.68h64v-73.088a60.224 60.224 0 0 0-31.104-53.632A542.72 542.72 0 0 0 512 608a542.72 542.72 0 0 0-256.896 65.28 60.224 60.224 0 0 0-31.104 53.632V800h64v-71.68A478.272 478.272 0 0 1 512 672zM672 384a160 160 0 1 1-320 0 160 160 0 0 1 320 0z m-64 0a96 96 0 1 0-192 0 96 96 0 0 0 192 0z"  ></path><path d="M160 96a64 64 0 0 0-64 64v704a64 64 0 0 0 64 64h704a64 64 0 0 0 64-64v-704a64 64 0 0 0-64-64h-704z m704 64v704h-704v-704h704z"  ></path></symbol><symbol id="iconicon_thumb_up" viewBox="0 0 1024 1024"><path d="M640 384h206.08a64 64 0 0 1 62.08 79.552l-96 384a64 64 0 0 1-62.08 48.448H192a64 64 0 0 1-64-64V512a64 64 0 0 1 64-64h128l128-320h128a64 64 0 0 1 64 64v192zM384 460.352V832h366.08l96-384H576V192H491.328L384 460.352zM320 512H192v320h128V512z"  ></path></symbol><symbol id="iconicon_time_filled" viewBox="0 0 1024 1024"><path d="M512 960A448 448 0 1 0 512 64a448 448 0 0 0 0 896zM480 320h64v190.4l182.656 182.656-45.248 45.248L480 536.896V320z"  ></path></symbol><symbol id="iconicon_tools" viewBox="0 0 1024 1024"><path d="M624 528l35.968 9.856c63.936 17.664 133.632 1.6 182.144-46.912a185.856 185.856 0 0 0 51.648-160.32L826.24 398.272a96 96 0 0 1-135.744 0l-27.2-27.2a96 96 0 0 1 0-135.744l67.648-67.584a185.856 185.856 0 0 0-160.32 51.648 186.368 186.368 0 0 0-46.912 182.144l9.856 35.904-371.456 371.456 90.496 90.56 371.52-371.52z m159.616-413.056c21.12 7.168 41.536 17.088 60.672 29.888L708.48 280.576a32 32 0 0 0 0 45.248l27.2 27.2a32 32 0 0 0 45.248 0l135.744-135.808c12.8 19.136 22.72 39.552 29.824 60.672 29.824 88.32 10.24 188.928-59.136 258.304a250.368 250.368 0 0 1-244.416 63.36l-345.152 345.152a64 64 0 0 1-90.496 0l-90.496-90.496a64 64 0 0 1 0-90.56L461.952 418.56a250.368 250.368 0 0 1 63.36-244.48c69.376-69.312 169.984-88.96 258.304-59.136z"  ></path></symbol><symbol id="iconicon_user_clear" viewBox="0 0 1024 1024"><path d="M512 544a224 224 0 1 0 0-448 224 224 0 0 0 0 448z m0-64a160 160 0 1 1 0-320 160 160 0 0 1 0 320zM672 687.68A819.584 819.584 0 0 0 512 672c-125.888 0-244.864 28.544-352 79.36v112.64h512v64H128a32 32 0 0 1-32-32v-145.6a61.44 61.44 0 0 1 34.368-55.808A882.24 882.24 0 0 1 512 608c54.656 0 108.16 4.992 160 14.528v65.152zM729.856 914.752l101.76-101.824-101.76-101.824 45.248-45.248 101.76 101.76 101.888-101.76 45.248 45.248-101.824 101.824 101.76 101.76-45.184 45.312-101.824-101.76L775.04 960l-45.248-45.248z"  ></path></symbol><symbol id="iconicon_time" viewBox="0 0 1024 1024"><path d="M480 256v280.896L640 704l45.248-45.248L544 510.4V256h-64z"  ></path><path d="M960 512A448 448 0 1 1 64 512a448 448 0 0 1 896 0z m-64 0A384 384 0 1 0 128 512a384 384 0 0 0 768 0z"  ></path></symbol><symbol id="iconicon_unfold_less" viewBox="0 0 1024 1024"><path d="M278.784 136L512 371.968l233.28-235.968 45.44 45.056-251.392 254.336a38.4 38.4 0 0 1-54.656 0L233.216 181.056l45.568-45.056zM275.712 885.12L512 648.896l236.288 236.352 45.248-45.248-254.4-254.464a38.4 38.4 0 0 0-54.272 0L230.4 839.936l45.248 45.248z"  ></path></symbol><symbol id="iconicon_thumb_down" viewBox="0 0 1024 1024"><path d="M640 625.344h206.08a64 64 0 0 0 62.08-79.552l-96-384a64 64 0 0 0-62.08-48.448H192a64 64 0 0 0-64 64v320a64 64 0 0 0 64 64h128l128 320h128a64 64 0 0 0 64-64v-192zM384 548.992V177.344h366.08l96 384H576v256H491.328L384 548.992z m-64-51.648H192v-320h128v320z"  ></path></symbol><symbol id="iconicon_user_talk" viewBox="0 0 1024 1024"><path d="M852.992 500.992a256 256 0 0 0 0-361.984l45.312-45.312a320 320 0 0 1 0 452.608l-45.312-45.312zM704 320a224 224 0 1 1-448 0 224 224 0 0 1 448 0z m-64 0a160 160 0 1 0-320 0 160 160 0 0 0 320 0zM861.632 694.592a61.44 61.44 0 0 1 34.368 55.808V896a32 32 0 0 1-32 32h-768A32 32 0 0 1 64 896v-145.6a61.44 61.44 0 0 1 34.368-55.808A882.24 882.24 0 0 1 480 608c136.512 0 265.6 31.168 381.632 86.592zM480 672c-125.888 0-244.864 28.544-352 79.36v112.64h704v-112.64a818.24 818.24 0 0 0-352-79.36z"  ></path><path d="M762.496 229.504a128 128 0 0 1 0 180.992l45.248 45.248a192 192 0 0 0 0-271.488l-45.248 45.248z"  ></path></symbol><symbol id="iconicon_tips" viewBox="0 0 1024 1024"><path d="M512 64a317.248 317.248 0 0 0-226.176 93.824A317.248 317.248 0 0 0 192 384c0 88 35.456 168.32 93.76 226.048 19.776 20.288 42.176 37.12 66.24 51.008V768a64 64 0 0 0 64 64h192a64 64 0 0 0 64-64v-106.944c24.064-13.824 46.464-30.72 66.24-51.008A317.248 317.248 0 0 0 832 384c0-177.024-142.976-320-320-320zM331.264 202.944A253.248 253.248 0 0 1 512 128c141.696 0 256 114.304 256 256a253.184 253.184 0 0 1-74.944 180.736l-0.512 0.512a245.248 245.248 0 0 1-66.88 48l-17.664 8.896V768h-192V622.144l-17.664-8.832a245.248 245.248 0 0 1-66.88-48.064l-0.512-0.512A253.248 253.248 0 0 1 256 384c0-70.656 28.48-134.784 74.944-180.736l0.32-0.32zM352 896v64h320v-64h-320z"  ></path></symbol><symbol id="iconicon_unfold_more" viewBox="0 0 1024 1024"><path d="M745.28 437.76L512 201.856 278.784 437.76l-45.568-44.992 251.52-254.336a38.4 38.4 0 0 1 54.592 0l251.456 254.336-45.504 44.992zM748.288 586.112L512 822.4 275.712 586.112l-45.248 45.248 254.4 254.4a38.4 38.4 0 0 0 54.272 0L793.6 631.36l-45.312-45.248z"  ></path></symbol><symbol id="iconicon_upload" viewBox="0 0 1024 1024"><path d="M239.232 427.392L480 186.496V736h64V186.496l240.896 240.896 45.248-45.248-295.488-295.488a32 32 0 0 0-45.248 0L193.92 382.08l45.312 45.248z"  ></path><path d="M128 704v128a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-128h-64v128H192v-128H128z"  ></path></symbol><symbol id="iconicon_user" viewBox="0 0 1024 1024"><path d="M736 320a224 224 0 1 1-448 0 224 224 0 0 1 448 0z m-64 0a160 160 0 1 0-320 0 160 160 0 0 0 320 0zM893.632 694.592a61.44 61.44 0 0 1 34.368 55.808V896a32 32 0 0 1-32 32H128a32 32 0 0 1-32-32v-145.6a61.44 61.44 0 0 1 34.368-55.808A882.24 882.24 0 0 1 512 608c136.512 0 265.6 31.168 381.632 86.592zM512 672c-125.888 0-244.864 28.544-352 79.36v112.64h704v-112.64A818.24 818.24 0 0 0 512 672z"  ></path></symbol><symbol id="iconicon_usergroup_add" viewBox="0 0 1024 1024"><path d="M847.04512 816v112h64v-112h112v-64h-112V640h-64v112h-112v64h112zM477.57312 86.144A208 208 0 1 0 381.06112 480v-64a144 144 0 1 1 56.128-277.76l40.32-52.032zM381.06112 526.08A821.056 821.056 0 0 0 34.56512 603.968a61.184 61.184 0 0 0-34.624 55.872V800a32 32 0 0 0 32 32h150.848v-64H64.00512v-107.2a756.992 756.992 0 0 1 317.056-70.656v-64z"  ></path><path d="M848.00512 324.096a208 208 0 1 1-416 0 208 208 0 0 1 416 0z m-64 0a144 144 0 1 0-288 0 144 144 0 0 0 288 0zM768.00512 678.336a760.448 760.448 0 0 0-448 59.84V864h448v64H288.00512A32 32 0 0 1 256.00512 896v-158.848c0-23.808 13.12-45.76 34.56-55.872A825.088 825.088 0 0 1 768.00512 613.44V678.4z"  ></path></symbol><symbol id="iconicon_swap" viewBox="0 0 1024 1024"><path d="M80 384h752.512L586.496 144.064l44.672-45.824 298.944 291.584a33.92 33.92 0 0 1-23.68 58.176H80V384zM944 640H193.28l243.84 230.4-43.904 46.528-298.88-282.368A33.92 33.92 0 0 1 117.76 576H944v64z"  ></path></symbol><symbol id="iconicon_usergroup_clear" viewBox="0 0 1024 1024"><path d="M477.57312 86.144A208 208 0 1 0 381.06112 480v-64a144 144 0 1 1 56.128-277.76l40.32-52.032zM381.06112 526.08A821.056 821.056 0 0 0 34.56512 603.968a61.184 61.184 0 0 0-34.624 55.872V800a32 32 0 0 0 32 32h150.848v-64H64.00512v-107.2a756.992 756.992 0 0 1 317.056-70.656v-64z"  ></path><path d="M848.00512 324.096a208 208 0 1 1-416 0 208 208 0 0 1 416 0z m-64 0a144 144 0 1 0-288 0 144 144 0 0 0 288 0zM704.00512 670.208a757.12 757.12 0 0 0-384 68.032V864h352v64h-384A32 32 0 0 1 256.00512 896v-158.848c0-23.808 13.12-45.76 34.56-55.872A821.12 821.12 0 0 1 704.00512 606.08v64.192zM840.77312 790.016l-92.736 92.736 45.248 45.248 92.736-92.736 92.736 92.736 45.248-45.248-92.736-92.736 92.8-92.736-45.312-45.248-92.736 92.736-92.736-92.736-45.248 45.248 92.736 92.736z"  ></path></symbol><symbol id="iconicon_user_circle" viewBox="0 0 1024 1024"><path d="M512 576a177.92 177.92 0 1 0 0-355.84A177.92 177.92 0 0 0 512 576z m0-64a113.92 113.92 0 1 1 0-227.84A113.92 113.92 0 0 1 512 512z"  ></path><path d="M512 960A448 448 0 1 0 512 64a448 448 0 0 0 0 896z m319.68-235.2C734.464 670.528 626.24 640 512 640c-114.304 0-222.4 30.464-319.68 84.8a384 384 0 1 1 639.424 0z m-40.448 50.752A382.912 382.912 0 0 1 512 896c-110.08 0-209.28-46.272-279.232-120.448C318.72 729.472 412.992 704 512 704c99.008 0 193.28 25.472 279.232 71.552z"  ></path></symbol><symbol id="iconicon_queue" viewBox="0 0 1024 1024"><path d="M256 192h576v576h64V192a64 64 0 0 0-64-64H256v64z"  ></path><path d="M421.312 602.688v186.624h64V602.688h176v-64h-176v-176h-64v176H234.688v64h186.624z"  ></path><path d="M128 832a64 64 0 0 0 64 64h512a64 64 0 0 0 64-64V320a64 64 0 0 0-64-64H192a64 64 0 0 0-64 64v512z m64-512h512v512H192V320z"  ></path></symbol><symbol id="iconicon_refresh" viewBox="0 0 1024 1024"><path d="M512 173.504c185.344 0 336.192 151.232 336.192 338.432h61.568c0-220.864-178.112-399.936-397.76-399.936A397.056 397.056 0 0 0 173.44 302.08V169.152H112v198.784a32 32 0 0 0 32 32h197.568v-61.696H223.36A335.744 335.744 0 0 1 512 173.504zM114.304 511.936h61.44c0 187.2 150.912 338.368 336.256 338.368a335.744 335.744 0 0 0 288.64-164.736h-118.208v-61.696h197.568a32 32 0 0 1 32 32v198.848h-61.376v-132.928a397.056 397.056 0 0 1-338.56 190.08c-219.712 0-397.76-179.072-397.76-400z"  ></path></symbol><symbol id="iconicon_pin" viewBox="0 0 1024 1024"><path d="M801.152 85.76a38.4 38.4 0 0 0-51.904-2.24L490.368 302.016l-49.344-49.344a38.4 38.4 0 0 0-54.336 0L251.968 387.328a38.4 38.4 0 0 0 0 54.336l142.592 142.528-262.912 262.912 45.248 45.248 262.912-262.912 142.528 142.592a38.4 38.4 0 0 0 54.336 0l134.656-134.72a38.4 38.4 0 0 0 0-54.336l-49.28-49.28 218.432-258.944a38.4 38.4 0 0 0-2.176-51.84l-137.152-137.216z m-28.608 61.824l103.872 103.872-241.28 285.888 72.896 72.832-98.56 98.496-294.144-294.208 98.56-98.432 72.768 72.832 285.888-241.28z"  ></path></symbol><symbol id="iconicon_poweroff" viewBox="0 0 1024 1024"><path d="M480 64v448h64V64h-64z"  ></path><path d="M96 544A416 416 0 0 1 317.952 176l32 55.488a352 352 0 1 0 323.968 0l32.128-55.488A416 416 0 1 1 96 544z"  ></path></symbol><symbol id="iconicon_photo" viewBox="0 0 1024 1024"><path d="M704 512a192 192 0 1 1-384 0 192 192 0 0 1 384 0z m-64 0a128 128 0 1 0-256 0 128 128 0 0 0 256 0z"  ></path><path d="M387.456 128a38.4 38.4 0 0 0-32 17.088L302.848 224H128.64a32.64 32.64 0 0 0-32.64 32.64v542.72c0 18.048 14.592 32.64 32.64 32.64h766.72a32.64 32.64 0 0 0 32.64-32.64V256.64a32.64 32.64 0 0 0-32.64-32.64h-174.208l-52.608-78.912a38.4 38.4 0 0 0-32-17.088H387.456z m13.696 64h221.696l64 96H864V768h-704V288h177.152l64-96z"  ></path></symbol><symbol id="iconicon_precise_monitor" viewBox="0 0 1024 1024"><path d="M480 96V320h64V96h-64zM398.848 353.6L172.608 127.36l-45.248 45.248 226.24 226.24 45.248-45.248z m226.304 0l226.24-226.24 45.248 45.248-226.24 226.24-45.248-45.248zM576 512a64 64 0 0 1-119.424 32H96v-64h360.576A64 64 0 0 1 576 512zM353.6 625.152L127.36 851.392l45.248 45.248 226.24-226.24-45.248-45.248z m316.8 0l226.24 226.24-45.248 45.248-226.24-226.24 45.248-45.248zM928 480H704v64h224v-64z m-448 448V704h64v224h-64z"  ></path></symbol><symbol id="iconicon_print" viewBox="0 0 1024 1024"><path d="M255.936 127.936v128h-64c-35.584 0-64 28.416-64 64v320c0 35.584 28.416 64 64 64h64v192h512v-192h64c35.584 0 64-28.416 64-64v-320c0-35.584-28.416-64-64-64h-64v-128h-512z m448 128h-384v-64h384v64z m-512 64h640v320h-64v-128h-512v128h-64v-320z m128 512v-256h384v256h-384z"  ></path></symbol><symbol id="iconicon_play_circle" viewBox="0 0 1024 1024"><path d="M739.2 495.36a19.2 19.2 0 0 1 0 33.28l-326.4 188.416a19.2 19.2 0 0 1-28.8-16.64V323.52a19.2 19.2 0 0 1 28.8-16.64l326.4 188.48z"  ></path><path d="M512 64a448 448 0 1 1 0 896A448 448 0 0 1 512 64z m0 64a384 384 0 1 0 0 768A384 384 0 0 0 512 128z"  ></path></symbol><symbol id="iconicon_play" viewBox="0 0 1024 1024"><path d="M739.2 495.36a19.2 19.2 0 0 1 0 33.28l-326.4 188.416a19.2 19.2 0 0 1-28.8-16.64V323.584a19.2 19.2 0 0 1 28.8-16.64l326.4 188.416z"  ></path></symbol><symbol id="iconicon_remove" viewBox="0 0 1024 1024"><path d="M224 470.4h576v83.2h-576v-83.2z"  ></path></symbol><symbol id="iconicon_server" viewBox="0 0 1024 1024"><path d="M448 336H256v-64h192v64z"  ></path><path d="M96 160A32 32 0 0 1 128 128h768a32 32 0 0 1 32 32l0.064 288a32 32 0 0 1-32 32h-768a32 32 0 0 1-32-32V160z m64.064 256h704V192h-704v224zM256 752h192v-64H256v64z"  ></path><path d="M96.064 576a32 32 0 0 1 32-32h768a32 32 0 0 1 32 32v288a32 32 0 0 1-32 32h-768a32 32 0 0 1-32-32V576z m64 256h704V608h-704V832z"  ></path></symbol><symbol id="iconicon_rollfront" viewBox="0 0 1024 1024"><path d="M773.504 320l-105.408-105.344 45.248-45.312 160 160a32 32 0 0 1 0 45.312l-160 160-45.248-45.312L773.504 384H402.752a192 192 0 1 0 0 384h320v64h-320a256 256 0 1 1 0-512h370.752z"  ></path></symbol><symbol id="iconicon_scan" viewBox="0 0 1024 1024"><path d="M768 224H256v192H192v-192a64 64 0 0 1 64-64h512a64 64 0 0 1 64 64v192h-64v-192zM192 608h64v192h512v-192h64v192a64 64 0 0 1-64 64H256a64 64 0 0 1-64-64v-192zM896 480H128v64h768v-64z"  ></path></symbol><symbol id="iconicon_rotation" viewBox="0 0 1024 1024"><path d="M128 128h64v389.312A384.32 384.32 0 0 1 506.688 832H896v64H192a64 64 0 0 1-64-64V128z m313.6 704A320.384 320.384 0 0 0 192 582.4V832h249.6z"  ></path></symbol><symbol id="iconicon_pause_circle" viewBox="0 0 1024 1024"><path d="M448 320H384v384h64V320zM640 320H576v384h64V320z"  ></path><path d="M263.104 139.52a448 448 0 1 1 497.792 744.96A448 448 0 0 1 263.104 139.52z m462.208 53.184a384 384 0 1 0-426.624 638.592 384 384 0 0 0 426.624-638.592z"  ></path></symbol><symbol id="iconicon_pause" viewBox="0 0 1024 1024"><path d="M448 320H384v384h64V320zM640 320H576v384h64V320z"  ></path></symbol><symbol id="iconicon_pin_filled" viewBox="0 0 1024 1024"><path d="M801.152 85.76a38.4 38.4 0 0 0-51.904-2.24L490.368 302.016l-49.344-49.344a38.4 38.4 0 0 0-54.336 0L251.968 387.328a38.4 38.4 0 0 0 0 54.336l142.592 142.528-262.912 262.912 45.248 45.248 262.912-262.912 142.528 142.592a38.4 38.4 0 0 0 54.336 0l134.656-134.72a38.4 38.4 0 0 0 0-54.336l-49.28-49.28 218.432-258.944a38.4 38.4 0 0 0-2.176-51.84l-137.152-137.216z"  ></path></symbol><symbol id="iconicon_play_circle_filled" viewBox="0 0 1024 1024"><path d="M960 512A448 448 0 1 0 64 512a448 448 0 0 0 896 0z m-257.024 14.592L416.64 691.84a16.832 16.832 0 0 1-25.216-14.592V346.688c0-12.992 14.016-21.12 25.216-14.592l286.336 165.312a16.832 16.832 0 0 1 0 29.184z"  ></path></symbol><symbol id="iconicon_qrcode" viewBox="0 0 1024 1024"><path d="M384 256H256v128h128V256z"  ></path><path d="M160 128a32 32 0 0 0-32 32v320a32 32 0 0 0 32 32h320a32 32 0 0 0 32-32v-320a32 32 0 0 0-32-32h-320zM192 192h256v256H192V192zM672 128a32 32 0 0 0-32 32v192a32 32 0 0 0 32 32h192a32 32 0 0 0 32-32v-192a32 32 0 0 0-32-32h-192z m32 192V192h128v128h-128zM640 672a32 32 0 0 1 32-32h192a32 32 0 0 1 32 32v192a32 32 0 0 1-32 32h-192a32 32 0 0 1-32-32v-192z m64 160h128v-128h-128v128zM160 640a32 32 0 0 0-32 32v192a32 32 0 0 0 32 32h192a32 32 0 0 0 32-32v-192a32 32 0 0 0-32-32h-192z m32 64h128v128H192v-128zM896 480h-256v64h256v-64zM544 704v192h-64v-192h64zM544 640V576h-64v64h64z"  ></path></symbol><symbol id="iconicon_previous" viewBox="0 0 1024 1024"><path d="M256 896H192V128h64v768zM329.536 538.88a32 32 0 0 1 0-53.76L782.656 192a32 32 0 0 1 49.344 26.88v586.24a32 32 0 0 1-49.408 26.88l-453.12-293.12zM768 746.368V277.632L405.76 512 768 746.368z"  ></path></symbol><symbol id="iconicon_rollback" viewBox="0 0 1024 1024"><path d="M269.248 320l105.408-105.344-45.248-45.312-160 160a32 32 0 0 0 0 45.312l160 160 45.248-45.312L269.248 384H640a192 192 0 0 1 0 384H320v64h320a256 256 0 1 0 0-512H269.248z"  ></path></symbol><symbol id="iconicon_play_circle_stroke" viewBox="0 0 1024 1024"><path d="M739.2 495.36a19.2 19.2 0 0 1 0 33.28l-326.4 188.416a19.2 19.2 0 0 1-28.8-16.64V323.52a19.2 19.2 0 0 1 28.8-16.64l326.4 188.48zM448 401.152v221.696L640 512 448 401.152z"  ></path><path d="M512 64a448 448 0 1 1 0 896A448 448 0 0 1 512 64z m0 64a384 384 0 1 0 0 768A384 384 0 0 0 512 128z"  ></path></symbol><symbol id="iconicon_swap_left" viewBox="0 0 1024 1024"><path d="M205.248 576H960v64H132.672a33.92 33.92 0 0 1-24-57.92l252.736-252.736 45.248 45.248L205.248 576z"  ></path></symbol><symbol id="iconicon_stop_circle" viewBox="0 0 1024 1024"><path d="M351.872 351.872h320.256v320.256H351.872V351.872z"  ></path><path d="M512 64a448 448 0 1 0 0 896A448 448 0 0 0 512 64z m0 64a384 384 0 1 1 0 768A384 384 0 0 1 512 128z"  ></path></symbol><symbol id="iconicon_sound" viewBox="0 0 1024 1024"><path d="M256 704l271.552 162.944a32 32 0 0 0 48.448-27.52V184.576a32 32 0 0 0-48.448-27.456L256 320H134.72a38.4 38.4 0 0 0-38.4 38.4L96 665.6a38.4 38.4 0 0 0 38.4 38.4H256z m64-347.776l192-115.2v541.952l-192-115.2V356.224zM256 640H160l0.256-256H256v256zM864.96 366.528a383.36 383.36 0 0 0-89.216-124.544l43.648-46.72a447.36 447.36 0 0 1 104.064 145.28c24.128 54.4 36.48 112.64 36.48 171.456 0 58.88-12.352 117.12-36.48 171.456-24.128 54.4-59.52 103.68-104.064 145.28l-43.648-46.72a383.36 383.36 0 0 0 89.216-124.544C885.44 611.2 896 561.792 896 512s-10.496-99.2-31.04-145.472z"  ></path><path d="M736 512c0-55.872-23.04-112.192-68.672-157.056l44.864-45.632c57.28 56.256 87.872 128.832 87.808 202.752-0.064 73.92-30.72 146.496-88.128 202.688l-44.8-45.76c45.696-44.8 68.864-101.12 68.928-156.992z"  ></path></symbol><symbol id="iconicon_setting" viewBox="0 0 1024 1024"><path d="M704 512a192 192 0 1 1-384 0 192 192 0 0 1 384 0z m-64 0a128 128 0 1 0-256 0 128 128 0 0 0 256 0z"  ></path><path d="M512 80l387.968 216v432L512 944l-387.968-216v-432L512 80zM188.032 333.632v356.736L512 870.72l323.968-180.352V333.632L512 153.28 188.032 333.632z"  ></path></symbol><symbol id="iconicon_share" viewBox="0 0 1024 1024"><path d="M635.648 342.912a148.288 148.288 0 1 0-32.256-55.296l-215.04 125.44a148.288 148.288 0 1 0 0 201.152l215.04 125.376a148.288 148.288 0 1 0 32.32-55.232l-215.04-125.376a148.224 148.224 0 0 0 0-90.624l214.976-125.44z m108.928-184.96a84.288 84.288 0 1 1 0 168.64 84.288 84.288 0 0 1 0-168.576zM351.232 469.632a32.192 32.192 0 0 0 1.92 3.392 83.904 83.904 0 0 1-1.92 84.864 84.224 84.224 0 1 1 0-88.32z m309.12 315.52c0-13.952 3.328-27.072 9.28-38.656a33.28 33.28 0 0 0 4.544-7.744 84.224 84.224 0 0 1 154.752 46.4 84.288 84.288 0 0 1-168.64 0z"  ></path></symbol><symbol id="iconicon_search" viewBox="0 0 1024 1024"><path d="M608.64 654.016a304.896 304.896 0 1 1 45.312-45.312l226.048 225.92-45.312 45.376-226.048-225.984z m49.088-237.12a240.832 240.832 0 1 0-481.6 0 240.832 240.832 0 0 0 481.6 0z"  ></path></symbol><symbol id="iconicon_service" viewBox="0 0 1024 1024"><path d="M161.024 407.936a352 352 0 0 1 701.952 0 32 32 0 0 1 1.024 8.064v256a32 32 0 0 1-1.344 9.344A288 288 0 0 1 576 940.992H512v-64h64A224.064 224.064 0 0 0 794.176 704H672a32 32 0 0 1-32-32v-256a32 32 0 0 1 32-32h123.52a288.064 288.064 0 0 0-567.04 0H352a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32v-256a32 32 0 0 1 1.024-8.064zM800 448H704v192h96V448z m-576 0v192H320V448H224z"  ></path></symbol><symbol id="iconicon_star" viewBox="0 0 1024 1024"><path d="M610.688 408.32l-98.56-199.68-98.56 199.68-220.48 32L352.64 595.84l-37.632 219.52 197.12-103.68 197.12 103.68-37.632-219.52 159.488-155.52-220.352-32z m319.36-18.24a19.2 19.2 0 0 1 10.688 32.768l-200.384 195.328 47.36 275.84a19.2 19.2 0 0 1-27.904 20.224l-247.68-130.24-247.68 130.24a19.2 19.2 0 0 1-27.904-20.224l47.296-275.84-200.384-195.328a19.2 19.2 0 0 1 10.624-32.768l276.928-40.256 123.84-250.88a19.2 19.2 0 0 1 34.432 0l123.904 250.88 276.928 40.256z"  ></path></symbol><symbol id="iconicon_round" viewBox="0 0 1024 1024"><path d="M512 736a224 224 0 1 1 0-448 224 224 0 0 1 0 448zM512 832A320 320 0 1 0 512 192a320 320 0 0 0 0 640z"  ></path></symbol><symbol id="iconicon_star_filled" viewBox="0 0 1024 1024"><path d="M486.272 116.352a28.8 28.8 0 0 1 51.648 0l115.2 233.472 257.728 37.44a28.8 28.8 0 0 1 16 49.152l-186.496 181.76 43.968 256.64a28.8 28.8 0 0 1-41.792 30.336l-230.4-121.152L281.6 905.152a28.8 28.8 0 0 1-41.792-30.336l44.032-256.64-186.496-181.76a28.8 28.8 0 0 1 16-49.152l257.664-37.44 115.2-233.472z"  ></path></symbol><symbol id="iconicon_shop" viewBox="0 0 1024 1024"><path d="M512 64a160 160 0 0 0-160 160V320h-128a32 32 0 0 0-32 32v576a32 32 0 0 0 32 32h576a32 32 0 0 0 32-32v-576a32 32 0 0 0-32-32h-128V224A160 160 0 0 0 512 64z m96 320v128h64V384H768v512H256V384h96v128h64V384h192z m0-64h-192V224a96 96 0 1 1 192 0V320z"  ></path></symbol><symbol id="iconicon_stop_circle_filled" viewBox="0 0 1024 1024"><path d="M263.104 139.52a448 448 0 1 1 497.792 744.96A448 448 0 0 1 263.104 139.52zM352 352v320h320v-320h-320z"  ></path></symbol><symbol id="iconicon_slash" viewBox="0 0 1024 1024"><path d="M260.288 883.968l448-775.936 55.424 32-448 775.936-55.424-32z"  ></path></symbol><symbol id="iconicon_save" viewBox="0 0 1024 1024"><path d="M704 128l192 192v512a64 64 0 0 1-64 64H192a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h512z m-64 64H384v96h256V192z m64 26.496V352H320V192H192v640h128V512h384v320h128V346.496l-128-128zM640 832V576H384v256h256z"  ></path></symbol><symbol id="iconicon_secured" viewBox="0 0 1024 1024"><path d="M472.96 635.456l228.736-228.8-45.248-45.248L472.96 544.96 367.552 439.552l-45.248 45.248 150.592 150.656z"  ></path><path d="M160 128v448c0 90.624 47.552 174.656 125.312 221.312L512 933.312l226.688-136A258.048 258.048 0 0 0 864 576V128h-704z m64 448V192h576v384a194.048 194.048 0 0 1-94.208 166.4L512 858.688 318.208 742.4A194.048 194.048 0 0 1 224 576z"  ></path></symbol><symbol id="iconicon_root_list" viewBox="0 0 1024 1024"><path d="M288 320h448v64h-448V320zM576 480H288v64H576v-64z"  ></path><path d="M192 128a64 64 0 0 0-64 64v640a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64V192a64 64 0 0 0-64-64H192z m640 64v640H192V192h640z"  ></path></symbol><symbol id="iconicon_menu-application1" viewBox="0 0 1024 1024"><path d="M256 192a64 64 0 1 1-128 0 64 64 0 0 1 128 0zM256 512a64 64 0 1 1-128 0 64 64 0 0 1 128 0zM192 896a64 64 0 1 0 0-128 64 64 0 0 0 0 128zM576 192a64 64 0 1 1-128 0 64 64 0 0 1 128 0zM512 576a64 64 0 1 0 0-128 64 64 0 0 0 0 128zM576 832a64 64 0 1 1-128 0 64 64 0 0 1 128 0zM832 256a64 64 0 1 0 0-128 64 64 0 0 0 0 128zM896 512a64 64 0 1 1-128 0 64 64 0 0 1 128 0zM832 896a64 64 0 1 0 0-128 64 64 0 0 0 0 128z"  ></path></symbol><symbol id="iconicon_mobile_vibrate" viewBox="0 0 1024 1024"><path d="M416 832h192v-64h-192v64z"  ></path><path d="M320 96a64 64 0 0 0-64 64V896a64 64 0 0 0 64 64h384a64 64 0 0 0 64-64V160a64 64 0 0 0-64-64H320z m384 64V896H320V160h384zM128 256v576h64V256H128zM832 256v576h64V256h-64z"  ></path></symbol><symbol id="iconicon_mirror" viewBox="0 0 1024 1024"><path d="M480 64h64v896h-64V64zM942.08 795.968a32 32 0 0 1-22.336 34.56c-4.608 1.472-11.2 1.472-24.32 1.472h-213.76c-8.96 0-13.44 0-17.152-0.896a32 32 0 0 1-23.68-23.68C640 803.84 640 799.36 640 790.4V320c0-33.92 0-50.88 2.624-56.96a32 32 0 0 1 50.88-11.008c4.928 4.48 11.904 19.84 25.984 50.816l213.76 470.336c5.44 11.968 8.192 17.92 8.832 22.784zM704 768h156.608L704 423.488V768zM104.32 830.592c4.544 1.408 11.136 1.408 24.32 1.408h213.76c8.96 0 13.44 0 17.088-0.896a32 32 0 0 0 23.68-23.68C384 803.84 384 799.36 384 790.4V320c0-33.92 0-50.88-2.56-56.96a32 32 0 0 0-50.944-11.008c-4.864 4.48-11.904 19.84-25.984 50.816l-213.76 470.336c-5.44 11.968-8.192 17.92-8.768 22.784a32 32 0 0 0 22.272 34.56zM320 423.488V768H163.392L320 423.488z"  ></path></symbol><symbol id="iconicon_move" viewBox="0 0 1024 1024"><path d="M320 64a64 64 0 1 0 0 128 64 64 0 0 0 0-128zM704 64a64 64 0 1 0 0 128 64 64 0 0 0 0-128zM256 384a64 64 0 1 1 128 0 64 64 0 0 1-128 0zM704 320a64 64 0 1 0 0 128 64 64 0 0 0 0-128zM256 640a64 64 0 1 1 128 0 64 64 0 0 1-128 0zM320 832a64 64 0 1 0 0 128 64 64 0 0 0 0-128zM640 640a64 64 0 1 1 128 0 64 64 0 0 1-128 0zM704 832a64 64 0 1 0 0 128 64 64 0 0 0 0-128z"  ></path></symbol><symbol id="iconicon_page_first" viewBox="0 0 1024 1024"><path d="M793.92 285.44l-58.88-58.88L449.728 512l285.44 285.44 58.88-58.88L567.296 512l226.56-226.56zM306.88 256v512h83.2V256h-83.2z"  ></path></symbol><symbol id="iconicon_notification_filled" viewBox="0 0 1024 1024"><path d="M544 129.728V64h-64v65.728a288 288 0 0 0-256 286.272V704l-57.6 76.8a32 32 0 0 0 25.6 51.2h163.2a160 160 0 0 0 313.6 0H832a32 32 0 0 0 25.6-51.2l-57.6-76.8V416a288 288 0 0 0-256-286.272z"  ></path></symbol><symbol id="iconicon_minus_rectangle1" viewBox="0 0 1024 1024"><path d="M320 544h384v-64H320v64z"  ></path><path d="M192 896a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H192z m0-64h640V192H192v640z"  ></path></symbol><symbol id="iconicon_menu_unfold1" viewBox="0 0 1024 1024"><path d="M896 768.896L128.128 768 128 832l768 0.896v-64zM544 480H128v64h416v-64zM896 192.896L128.128 192 128 256l768 0.896v-64zM642.112 538.048a32 32 0 0 1 0-51.2L844.8 334.848a32 32 0 0 1 51.2 25.6v304a32 32 0 0 1-51.2 25.6l-202.688-152zM832 600.448v-176l-117.312 88L832 600.448z"  ></path></symbol><symbol id="iconicon_page_last" viewBox="0 0 1024 1024"><path d="M230.08 738.56l58.816 58.88L574.336 512l-285.44-285.44-58.88 58.88L456.704 512l-226.56 226.56z m487.04 29.44V256h-83.2v512h83.2z"  ></path></symbol><symbol id="iconicon_pause_circle_filled" viewBox="0 0 1024 1024"><path d="M960 512A448 448 0 1 1 64 512a448 448 0 0 1 896 0zM384 320v384h64V320H384z m256 0H576v384h64V320z"  ></path></symbol><symbol id="iconicon_money_circle" viewBox="0 0 1024 1024"><path d="M672 480h-128v64h128v64h-128V768h-64V608h-128v-64h128v-64h-128v-64h93.44L359.04 307.968l49.92-39.936L512 396.8l103.04-128.768 49.92 39.936L578.56 416h93.44v64z"  ></path><path d="M960 512A448 448 0 1 0 64 512a448 448 0 0 0 896 0z m-64 0A384 384 0 1 1 128 512a384 384 0 0 1 768 0z"  ></path></symbol><symbol id="iconicon_mail1" viewBox="0 0 1024 1024"><path d="M95.936 255.936a64 64 0 0 1 64-64h704a64 64 0 0 1 64 64v512a64 64 0 0 1-64 64h-704a64 64 0 0 1-64-64v-512z m742.336 0H185.6L512 473.472l326.336-217.6z m-678.336 59.776V768h704V315.712L511.936 550.4l-352-234.688z"  ></path></symbol><symbol id="iconicon_minus_circle_filled1" viewBox="0 0 1024 1024"><path d="M512 960A448 448 0 1 0 512 64a448 448 0 0 0 0 896z m224-416h-448v-64h448v64z"  ></path></symbol><symbol id="iconicon_more" viewBox="0 0 1024 1024"><path d="M512 256a64 64 0 1 0 0-128 64 64 0 0 0 0 128zM512 576a64 64 0 1 0 0-128 64 64 0 0 0 0 128zM576 832a64 64 0 1 1-128 0 64 64 0 0 1 128 0z"  ></path></symbol><symbol id="iconicon_menu_fold1" viewBox="0 0 1024 1024"><path d="M128 255.104L895.936 256 896 192 128 191.104v64zM480 544H896v-64H480v64zM128 831.104L895.936 832 896 768l-768-0.896v64zM381.888 485.952a32 32 0 0 1 0 51.2L179.2 689.152a32 32 0 0 1-51.2-25.6v-304a32 32 0 0 1 51.2-25.6l202.688 152zM192 423.552v176l117.312-88L192 423.552z"  ></path></symbol><symbol id="iconicon_next" viewBox="0 0 1024 1024"><path d="M768 128h64v768h-64V128zM694.464 485.12a32 32 0 0 1 0 53.76L241.344 832A32 32 0 0 1 192 805.12V218.88A32 32 0 0 1 241.408 192l453.12 293.12zM256 277.632v468.736L618.24 512 256 277.632z"  ></path></symbol><symbol id="iconicon_notification" viewBox="0 0 1024 1024"><path d="M544 129.728V64h-64v65.728a288 288 0 0 0-256 286.272V704l-57.6 76.8a32 32 0 0 0 25.6 51.2h163.2a160 160 0 0 0 313.6 0H832a32 32 0 0 0 25.6-51.2l-57.6-76.8V416a288 288 0 0 0-256-286.272z m-256 595.584V416a224 224 0 1 1 448 0v309.312L768 768H256l32-42.688zM512 896a96 96 0 0 1-90.56-64h181.12A96 96 0 0 1 512 896z"  ></path></symbol><symbol id="iconicon_minus_circle1" viewBox="0 0 1024 1024"><path d="M288 544h448v-64h-448v64z"  ></path><path d="M960 512A448 448 0 1 1 64 512a448 448 0 0 1 896 0z m-64 0A384 384 0 1 0 128 512a384 384 0 0 0 768 0z"  ></path></symbol><symbol id="iconicon_mobile" viewBox="0 0 1024 1024"><path d="M416 832h192v-64h-192v64z"  ></path><path d="M224 160a64 64 0 0 1 64-64h448a64 64 0 0 1 64 64V896a64 64 0 0 1-64 64h-448a64 64 0 0 1-64-64V160z m64 0V896h448V160h-448z"  ></path></symbol><symbol id="iconicon_order_adjustment_column" viewBox="0 0 1024 1024"><path d="M480 544V960h64V544h298.048l-108.288 108.224 45.248 45.312 162.88-162.88a32 32 0 0 0 0-45.312l-162.88-162.88-45.248 45.312L842.048 480H544V64h-64v416H182.144l108.224-108.224L245.12 326.4 82.24 489.344a32 32 0 0 0 0 45.312l162.88 162.88 45.248-45.248L182.144 544H480z"  ></path></symbol><symbol id="iconicon_jump" viewBox="0 0 1024 1024"><path d="M146.752 877.248c12.032 11.968 28.288 18.752 45.248 18.752h640a64.064 64.064 0 0 0 64-64V544h-64V832H192V192h288V128H192a64.064 64.064 0 0 0-64 64v640c0 16.96 6.784 33.28 18.752 45.248z"  ></path><path d="M576 192V128h288a32 32 0 0 1 32 32V448h-64V237.248L557.248 512 512 466.752 786.752 192H576z"  ></path></symbol><symbol id="iconicon_lock_off" viewBox="0 0 1024 1024"><path d="M384 704v-64h256v64H384z"  ></path><path d="M288 384V320a224 224 0 1 1 448 0h-64a160 160 0 0 0-320 0v64H832a32 32 0 0 1 32 32v448a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32v-448A32 32 0 0 1 192 384h96z m-64 448h576V448h-576v384z"  ></path></symbol><symbol id="iconicon_loading" viewBox="0 0 1024 1024"><path d="M512 96a416 416 0 0 0 0 832v-104A312 312 0 1 1 824 512H928A416 416 0 0 0 512 96z"  ></path></symbol><symbol id="iconicon_laptop" viewBox="0 0 1024 1024"><path d="M160 768a64 64 0 0 1-64-64V256a64 64 0 0 1 64-64h704a64 64 0 0 1 64 64v448a64 64 0 0 1-64 64h-704z m0-64h704V256h-704v448zM960 832H64v64h896v-64z"  ></path></symbol><symbol id="iconicon_mail" viewBox="0 0 1024 1024"><path d="M95.936 255.936a64 64 0 0 1 64-64h704a64 64 0 0 1 64 64v512a64 64 0 0 1-64 64h-704a64 64 0 0 1-64-64v-512z m742.336 0H185.6L512 473.472l326.336-217.6z m-678.336 59.776V768h704V315.712L511.936 550.4l-352-234.688z"  ></path></symbol><symbol id="iconicon_minus_rectangle" viewBox="0 0 1024 1024"><path d="M320 544h384v-64H320v64z"  ></path><path d="M192 896a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H192z m0-64h640V192H192v640z"  ></path></symbol><symbol id="iconicon_location" viewBox="0 0 1024 1024"><path d="M672 384a160 160 0 1 1-320 0 160 160 0 0 1 320 0z m-64 0a96 96 0 1 0-192 0 96 96 0 0 0 192 0z"  ></path><path d="M535.168 925.952a28.032 28.032 0 0 1-46.336 0L246.784 570.368a320.896 320.896 0 1 1 530.496 0l-242.112 355.584z m189.184-391.616a256.896 256.896 0 1 0-424.704 0L512 846.272l212.352-311.936z"  ></path></symbol><symbol id="iconicon_lock_on" viewBox="0 0 1024 1024"><path d="M384 640v64h256v-64H384z"  ></path><path d="M288 319.36V384H192a32 32 0 0 0-32 32v448a32 32 0 0 0 32 32h640a32 32 0 0 0 32-32v-448A32 32 0 0 0 832 384h-96V319.36a224 224 0 0 0-448 0z m384 64.64h-320V319.36a160 160 0 0 1 320 0V384z m-448 64h576v384h-576V448z"  ></path></symbol><symbol id="iconicon_link_unlink" viewBox="0 0 1024 1024"><path d="M384 128v128h64V128H384zM523.328 613.824l-147.072 147.072a80 80 0 0 1-113.152-113.152l147.072-147.072-45.248-45.248-147.072 147.072a144 144 0 0 0 203.648 203.648l147.072-147.072-45.248-45.248zM613.76 523.328l45.312 45.248 147.072-147.072a144 144 0 1 0-203.648-203.648L455.424 364.928l45.248 45.248 147.072-147.072a80 80 0 0 1 113.152 113.152L613.824 523.328zM768 576h128v64h-128V576zM128 448h128V384H128v64zM640 768v128H576v-128h64zM750.848 705.6l103.808 103.744-45.312 45.248-103.68-103.68 45.184-45.312zM169.344 214.592l103.808 103.808 45.248-45.248-103.744-103.808-45.312 45.248z"  ></path></symbol><symbol id="iconicon_menu-application" viewBox="0 0 1024 1024"><path d="M256 192a64 64 0 1 1-128 0 64 64 0 0 1 128 0zM256 512a64 64 0 1 1-128 0 64 64 0 0 1 128 0zM192 896a64 64 0 1 0 0-128 64 64 0 0 0 0 128zM576 192a64 64 0 1 1-128 0 64 64 0 0 1 128 0zM512 576a64 64 0 1 0 0-128 64 64 0 0 0 0 128zM576 832a64 64 0 1 1-128 0 64 64 0 0 1 128 0zM832 256a64 64 0 1 0 0-128 64 64 0 0 0 0 128zM896 512a64 64 0 1 1-128 0 64 64 0 0 1 128 0zM832 896a64 64 0 1 0 0-128 64 64 0 0 0 0 128z"  ></path></symbol><symbol id="iconicon_minus_circle" viewBox="0 0 1024 1024"><path d="M288 544h448v-64h-448v64z"  ></path><path d="M960 512A448 448 0 1 1 64 512a448 448 0 0 1 896 0z m-64 0A384 384 0 1 0 128 512a384 384 0 0 0 768 0z"  ></path></symbol><symbol id="iconicon_logout" viewBox="0 0 1024 1024"><path d="M576 192v128h64V160a32 32 0 0 0-32-32h-512a32 32 0 0 0-32 32v704a32 32 0 0 0 32 32h512a32 32 0 0 0 32-32V704H576v128H128V192h448z"  ></path><path d="M718.848 336.256L862.528 480H384v64h478.528l-143.68 143.744 45.248 45.248 198.336-198.4a32 32 0 0 0 0-45.248l-198.4-198.336-45.184 45.248z"  ></path></symbol><symbol id="iconicon_link" viewBox="0 0 1024 1024"><path d="M398.848 760.96l135.808-135.808 45.248 45.248-135.808 135.744a160 160 0 0 1-226.24-226.24l135.744-135.808 45.248 45.248-135.744 135.808a96 96 0 0 0 135.744 135.744zM670.4 579.84l-45.248-45.184 135.744-135.808a96 96 0 1 0-135.744-135.744L489.344 398.848l-45.248-45.248 135.808-135.744a160 160 0 0 1 226.24 226.24l-135.744 135.808z"  ></path><path d="M579.84 398.848L398.912 579.904l45.312 45.248 180.992-181.056-45.248-45.248z"  ></path></symbol><symbol id="iconicon_layers" viewBox="0 0 1024 1024"><path d="M900.672 318.592L512 480.512l-388.736-161.92c-26.24-10.944-26.24-49.792 0-60.736L512 96l388.672 161.92c26.24 10.944 26.24 49.792 0 60.736zM219.328 288.256L512 410.176l292.608-121.92L512 166.336 219.328 288.192z"  ></path><path d="M95.936 449.728v78.528L512 711.168l415.936-182.848V449.792L512 632.64 95.936 449.728z"  ></path><path d="M95.936 666.88v78.528L512 928.32l415.936-182.848V666.88L512 849.792 96 666.816z"  ></path></symbol><symbol id="iconicon_login" viewBox="0 0 1024 1024"><path d="M542.528 480L398.848 336.256l45.248-45.248 198.4 198.4a32 32 0 0 1 0 45.248l-198.4 198.336-45.248-45.248L542.528 544H64v-64h478.528z"  ></path><path d="M256 320V192h512v640H256v-128H192v160a32 32 0 0 0 32 32h576a32 32 0 0 0 32-32v-704a32 32 0 0 0-32-32h-576a32 32 0 0 0-32 32V320h64z"  ></path></symbol><symbol id="iconicon_file_paste" viewBox="0 0 1024 1024"><path d="M704 736H320v64h384v-64z"  ></path><path d="M160 123.008c0-37.44 33.28-59.008 63.68-59.008h339.072a64 64 0 0 1 45.248 18.752L845.248 320a64 64 0 0 1 18.752 45.248v535.744c0 37.44-33.28 59.008-63.68 59.008h-576.64c-30.4 0-63.68-21.568-63.68-59.008V123.008zM224 128v768h576V384.832h-256V128h-320z m384 192.832h147.584L608 173.248v147.584z"  ></path></symbol><symbol id="iconicon_error_circle" viewBox="0 0 1024 1024"><path d="M544 256v352h-64V256h64zM550.016 672h-76.8v76.8h76.8v-76.8z"  ></path><path d="M960 512A448 448 0 1 0 64 512a448 448 0 0 0 896 0z m-64 0A384 384 0 1 1 128 512a384 384 0 0 1 768 0z"  ></path></symbol><symbol id="iconicon_file_word" viewBox="0 0 1024 1024"><path d="M224 128v768h192v64H223.68c-30.4 0-63.68-21.568-63.68-59.008V123.008c0-37.44 33.28-59.008 63.68-59.008h343.68a64 64 0 0 1 45.76 19.2l232.576 237.056a64 64 0 0 1 18.304 44.8V512h-64V384.832h-256V128h-320z m384 41.344v151.488h148.608L608 169.344z"  ></path><path d="M576 896V608H512V896a64 64 0 0 0 64 64h224a64 64 0 0 0 64-64V608h-64V896h-80V608h-64V896H576z"  ></path></symbol><symbol id="iconicon_enter" viewBox="0 0 1024 1024"><path d="M832 256v384H269.248l105.408-105.344-45.248-45.312-160 160a32 32 0 0 0 0 45.312l160 160 45.248-45.312L269.248 704H832a64 64 0 0 0 64-64V256h-64z"  ></path></symbol><symbol id="iconicon_file" viewBox="0 0 1024 1024"><path d="M223.68 64c-30.4 0-63.68 21.568-63.68 59.008v777.984c0 37.44 33.28 59.008 63.68 59.008h576.64c30.4 0 63.68-21.568 63.68-59.008v-535.68A64 64 0 0 0 845.248 320L608 82.752A64 64 0 0 0 562.752 64H223.68zM544 128v256.832h256V896h-576V128h320z m64 45.248l147.584 147.584H608V173.248z"  ></path></symbol><symbol id="iconicon_fork" viewBox="0 0 1024 1024"><path d="M384 160a32 32 0 0 1 32-32h192a32 32 0 0 1 32 32v192a32 32 0 0 1-32 32h-64v128h192a64 64 0 0 1 64 64v64h64a32 32 0 0 1 32 32v192a32 32 0 0 1-32 32h-192a32 32 0 0 1-32-32v-192a32 32 0 0 1 32-32h64V576h-448v64h64a32 32 0 0 1 32 32v192a32 32 0 0 1-32 32h-192a32 32 0 0 1-32-32v-192a32 32 0 0 1 32-32h64V576a64 64 0 0 1 64-64h192V384h-64a32 32 0 0 1-32-32v-192zM448 320h128V192H448v128z m-256 384v128h128v-128H192z m512 0v128h128v-128h-128z"  ></path></symbol><symbol id="iconicon_file_copy" viewBox="0 0 1024 1024"><path d="M256 123.008C256 85.568 289.28 64 319.68 64h279.68a64 64 0 0 1 45.76 19.2l232.576 237.056a64 64 0 0 1 18.304 44.8l0.32 407.936c0 37.376-33.28 59.008-63.744 59.008H320c-30.336 0-63.616-21.568-63.616-59.008L256 123.008zM320 128l0.32 640h512L832 384.832H576V128H320z m320 41.344v151.488h148.608L640 169.344z"  ></path><path d="M128 320v576.832a64 64 0 0 0 64 64h512v-64H192V320H128z"  ></path></symbol><symbol id="iconicon_flag" viewBox="0 0 1024 1024"><path d="M556.416 180.608A466.688 466.688 0 0 1 832 174.592v379.2a566.592 566.592 0 0 0-307.2 14.464l-33.024 11.008A543.168 543.168 0 0 1 192 591.872V214.144a566.592 566.592 0 0 0 307.2-14.4l57.216-19.136zM128 640V162.816c0-17.152 16.832-29.248 33.088-23.808a502.528 502.528 0 0 0 317.824 0l57.28-19.072a530.624 530.624 0 0 1 335.616 0 35.392 35.392 0 0 1 24.192 33.536v451.648a25.152 25.152 0 0 1-33.088 23.808 502.528 502.528 0 0 0-317.824 0L512 640a607.168 607.168 0 0 1-320 17.472V960H128v-320z"  ></path></symbol><symbol id="iconicon_folder" viewBox="0 0 1024 1024"><path d="M96 224a64 64 0 0 1 64-64H357.824l8.32 6.08L490.432 256H864a64 64 0 0 1 64 64v512a64 64 0 0 1-64 64h-704a64 64 0 0 1-64-64V224z m241.088 0H160V832h704V320H469.632l-8.384-6.08L337.088 224z"  ></path></symbol><symbol id="iconicon_file_image" viewBox="0 0 1024 1024"><path d="M223.68 64c-30.4 0-63.68 21.568-63.68 59.008v777.984c0 37.44 33.28 59.008 63.68 59.008h571.776c30.4 0 63.68-21.568 63.68-59.008V365.056a64 64 0 0 0-18.304-44.8L608.256 83.2A64 64 0 0 0 562.56 64H223.68zM224 727.296V128h320v256.64h251.136v273.792L672 535.296l-192 192-128-128-128 128z m0 81.408l128-128L439.296 768l-128 128H224v-87.296z m448-192l123.136 123.2V896H392.704L672 616.704z m79.488-296.128H608V174.336l143.488 146.24z"  ></path></symbol><symbol id="iconicon_file_powerpoint" viewBox="0 0 1024 1024"><path d="M224 128v768H512v64H223.68c-30.4 0-63.68-21.568-63.68-59.008V123.008c0-37.44 33.28-59.008 63.68-59.008h343.68a64 64 0 0 1 45.76 19.2l232.576 237.056a64 64 0 0 1 18.304 44.8V480h-64V384.832h-256V128h-320z m384 41.344v151.488h148.608L608 169.344z"  ></path><path d="M800 544h-192V960h64v-160h128a64 64 0 0 0 64-64v-128a64 64 0 0 0-64-64z m0 192h-128v-128h128v128z"  ></path></symbol><symbol id="iconicon_file_add" viewBox="0 0 1024 1024"><path d="M256 64c-35.584 0-64 28.416-64 64v704c0 35.584 28.416 64 64 64h290.304v-64H256V128h256v256h256v158.976h64V365.248A64 64 0 0 0 813.248 320l-5.248-5.248-0.064-0.128-237.44-237.44a33.792 33.792 0 0 0-18.24-9.472A64 64 0 0 0 530.752 64H256z m466.752 256H576V173.248L722.752 320z"  ></path><path d="M768 960v-128h-128v-64h128v-128h64v128h128v64h-128v128h-64z"  ></path></symbol><symbol id="iconicon_file_unknown" viewBox="0 0 1024 1024"><path d="M224 128v768H576v64H223.68c-30.4 0-63.68-21.568-63.68-59.008V123.008c0-37.44 33.28-59.008 63.68-59.008h338.624a64 64 0 0 1 45.696 19.2l232.576 237.056a64 64 0 0 1 18.304 44.8V480h-64V384.832h-256V128H224z m378.88 41.344v151.488h148.608L602.88 169.344z"  ></path><path d="M730.88 538.88c-68.48 0-128 52.608-128 121.728h64c0-29.76 26.688-57.664 64-57.664 37.376 0 64 27.904 64 57.664 0 19.2-17.92 42.24-46.016 52.864H748.8c-28.352 11.008-49.856 37.952-49.856 71.168v42.24h64v-42.24c0-4.16 2.688-8.96 8.832-11.392 42.112-16 87.168-56.96 87.168-112.64 0-69.12-59.456-121.664-128-121.664zM730.88 883.2a38.4 38.4 0 1 0 0 76.8 38.4 38.4 0 0 0 0-76.8z"  ></path></symbol><symbol id="iconicon_error_circle_filled" viewBox="0 0 1024 1024"><path d="M960 512A448 448 0 1 0 64 512a448 448 0 0 0 896 0zM544 256v352h-64V256h64z m-70.784 448h76.8v76.8h-76.8V704z"  ></path></symbol><symbol id="iconicon_help" viewBox="0 0 1024 1024"><path d="M512 160c-121.408 0-224 92.672-224 211.2h64c0-79.104 69.696-147.2 160-147.2s160 68.096 160 147.2c0 56.576-49.6 112-112.64 135.936l-0.192 0.064C513.536 524.8 480 567.68 480 619.52V704h64V619.52c0-22.784 14.72-43.52 38.144-52.544C659.456 537.6 736 464.064 736 371.2c0-118.528-102.592-211.2-224-211.2zM512 768a48 48 0 1 0 0 96 48 48 0 0 0 0-96z"  ></path></symbol><symbol id="iconicon_fullscreen_exit" viewBox="0 0 1024 1024"><path d="M416 370.752V192h64v256a32 32 0 0 1-32 32H192v-64h178.752L137.344 182.656l45.312-45.312L416 370.752zM608 653.248V832h-64V576a32 32 0 0 1 32-32h256v64h-178.752l233.408 233.344-45.248 45.312L608 653.248z"  ></path></symbol><symbol id="iconicon_file_pdf" viewBox="0 0 1024 1024"><path d="M224 896V128h320v256.832h256V480h64V365.056a64 64 0 0 0-18.304-44.8L613.12 83.2a64 64 0 0 0-45.696-19.2h-343.68c-30.464 0-63.744 21.568-63.744 59.008v777.984c0 37.44 33.28 59.008 63.68 59.008H768v-64H224z m532.608-575.168H608V169.344l148.608 151.488z"  ></path><path d="M536.128 576h119.104c30.976 0 56 25.088 56 56v142.784a56 56 0 0 1-56 56H536.128V576z m48 48v158.784h71.104a8 8 0 0 0 8-8V632a8 8 0 0 0-8-8H584.128zM320 576.384h119.104c30.976 0 56 25.088 56 56v67.328a56 56 0 0 1-56 56H368v76.16H320V576.384z m48 131.328h71.104a8 8 0 0 0 8-8V632.32a8 8 0 0 0-8-8H368v83.328zM752.256 831.872h48v-101.184h103.104v-48h-103.104V624h103.104V576h-151.104v255.872z"  ></path></symbol><symbol id="iconicon_gift" viewBox="0 0 1024 1024"><path d="M224 256c0 36.032 11.904 69.248 32 96H160A32 32 0 0 0 128 384v512a32 32 0 0 0 32 32h704a32 32 0 0 0 32-32V384a32 32 0 0 0-32-32H768a160 160 0 0 0-256-192A160 160 0 0 0 224 256z m512 0A96 96 0 0 1 640 352H544V256a96 96 0 1 1 192 0z m-256 160V704h64V416H832v448H192v-448h288z m0-64H384A96 96 0 1 1 480 256v96z"  ></path></symbol><symbol id="iconicon_gender_female" viewBox="0 0 1024 1024"><path d="M512 107.392a224 224 0 0 0-31.168 445.888v86.848h-128v64h128v224h64v-224h128v-64h-128V553.024A224 224 0 0 0 512 107.392z m0 64a160 160 0 1 1 0 320 160 160 0 0 1 0-320z"  ></path></symbol><symbol id="iconicon_home1" viewBox="0 0 1024 1024"><path d="M384 704v64h256v-64H384z"  ></path><path d="M489.344 105.344a32 32 0 0 1 45.312 0l416 416-45.248 45.312L832 493.248V864a64 64 0 0 1-64 64H256a64 64 0 0 1-64-64V493.248L118.656 566.656l-45.312-45.312 416-416zM512 173.248l-256 256V864h512V429.248l-256-256z"  ></path></symbol><symbol id="iconicon_heart_filled" viewBox="0 0 1024 1024"><path d="M128 423.232c0-186.496 221.696-284.032 359.168-158.016L512 288l24.832-22.784C674.304 139.2 896 236.8 896 423.232c0 56.832-22.592 111.36-62.72 151.552l-311.936 311.872c-5.12 5.12-13.504 5.12-18.688 0L190.784 574.784A214.336 214.336 0 0 1 128 423.232z"  ></path></symbol><symbol id="iconicon_info_circle" viewBox="0 0 1024 1024"><path d="M480.384 768V416h64V768h-64zM550.4 256H473.6v76.8h76.8V256z"  ></path><path d="M64 512a448 448 0 1 0 896 0A448 448 0 0 0 64 512z m64 0a384 384 0 1 1 768 0A384 384 0 0 1 128 512z"  ></path></symbol><symbol id="iconicon_file_icon" viewBox="0 0 1024 1024"><path d="M224 128v768h494.976v64H223.68c-30.4 0-63.68-21.568-63.68-59.008V123.008c0-37.44 33.28-59.008 63.68-59.008h343.68a64 64 0 0 1 45.76 19.2l232.576 237.056a64 64 0 0 1 18.304 44.8V480h-64V384.832h-256V128h-320z m384 192.832h148.608L608 169.344v151.488z"  ></path><path d="M286.784 576h128v51.2h-38.4v153.6h38.4v51.2h-128v-51.2h38.4V627.2h-38.4V576zM576 576H498.688A50.944 50.944 0 0 0 448 627.2v153.6c0 28.288 22.72 51.2 50.688 51.2H576v-51.2H498.688V627.2H576V576zM883.008 627.2V832H832V576h111.552c28.16 0 51.072 22.912 51.072 51.2V832h-51.072V627.2h-60.544zM608 627.84V780.8c0 28.16 22.848 51.008 51.008 51.008h76.544c28.16 0 51.008-22.848 51.008-51.008V627.776a51.008 51.008 0 0 0-51.008-51.008h-76.544a51.008 51.008 0 0 0-51.008 51.008z m51.008 153.024V627.776h76.544v153.088h-76.544z"  ></path></symbol><symbol id="iconicon_heart" viewBox="0 0 1024 1024"><path d="M512 374.848l68.096-62.464C676.48 224.064 832 292.48 832 423.232c0 39.872-15.872 78.08-44.032 106.24L512 805.568 236.032 529.536A150.336 150.336 0 0 1 192 423.232C192 292.416 347.52 224 443.904 312.32L512 374.848z m-24.832-109.632C349.696 139.2 128 236.8 128 423.232c0 56.832 22.592 111.36 62.72 151.552l311.936 311.872c5.12 5.12 13.504 5.12 18.688 0l311.872-311.872c40.192-40.192 62.784-94.72 62.784-151.552 0-186.496-221.696-284.032-359.168-158.016L512 288l-24.832-22.784z"  ></path></symbol><symbol id="iconicon_history" viewBox="0 0 1024 1024"><path d="M505.984 178.752c188.416 0 339.456 150.208 339.456 333.376 0 183.104-151.04 333.312-339.456 333.312-157.568 0-288.96-104.96-327.808-246.4l-66.112 10.752c44.224 173.696 203.84 302.336 393.92 302.336 224.256 0 406.08-179.136 406.08-400 0-220.928-181.76-400-406.08-400A407.552 407.552 0 0 0 178.56 275.456v-106.24H112v201.408a32 32 0 0 0 32 32h200.128V335.808H217.92a340.288 340.288 0 0 1 288-157.056z"  ></path><path d="M448 352v184.896l169.344 169.344 45.248-45.248L512 510.4V352H448z"  ></path></symbol><symbol id="iconicon_hourglass" viewBox="0 0 1024 1024"><path d="M512 455.424l256-212.288V160H256v83.2l256 212.224zM192 273.216V160a64 64 0 0 1 64-64h512a64 64 0 0 1 64 64v113.28L544 512l288 238.72v113.28a64 64 0 0 1-64 64H256a64 64 0 0 1-64-64v-113.28L480 512 192 273.28z m64 507.648V864h512v-83.2L512 568.64l-256 212.288z"  ></path></symbol><symbol id="iconicon_info_circle_filled" viewBox="0 0 1024 1024"><path d="M512 960A448 448 0 1 0 512 64a448 448 0 0 0 0 896zM473.6 256h76.8v76.8H473.6V256z m6.784 160h64V768h-64V416z"  ></path></symbol><symbol id="iconicon_folder_open" viewBox="0 0 1024 1024"><path d="M160 175.616h251.456L544 281.216h320v-64H566.4l-132.608-105.6H160v64zM160 281.28a64 64 0 0 0-64 64V832a64 64 0 0 0 64 64h704a64 64 0 0 0 64-64V450.88a64 64 0 0 0-64-64H523.2l-132.608-105.6H160z m0 64h208.256l132.544 105.6H864V832h-704V345.28z"  ></path></symbol><symbol id="iconicon_help_circle_filled" viewBox="0 0 1024 1024"><path d="M959.616 512a448 448 0 1 0-896 0 448 448 0 0 0 896 0zM371.392 424.384c0-77.312 62.848-140.224 140.224-140.224 77.44 0 140.288 62.912 140.288 140.224 0 62.08-47.552 110.144-95.04 129.536a21.632 21.632 0 0 0-13.248 20.16v51.008h-64V574.08c0-35.84 21.76-66.496 52.928-79.36l0.128-0.064c31.68-12.864 55.232-42.048 55.232-70.272 0-41.984-34.24-76.224-76.288-76.224-41.984 0-76.224 34.24-76.224 76.224h-64z m106.496 290.688a33.728 33.728 0 1 1 67.456 0 33.728 33.728 0 0 1-67.456 0z"  ></path></symbol><symbol id="iconicon_help_circle" viewBox="0 0 1024 1024"><path d="M473.216 742.4a38.4 38.4 0 1 1 76.8 0 38.4 38.4 0 0 1-76.8 0zM511.616 256.384A155.328 155.328 0 0 0 356.48 411.584h64c0-50.24 40.96-91.2 91.2-91.2s91.2 40.96 91.2 91.2c0 34.432-28.416 68.928-65.6 84.032h-0.128c-33.92 14.08-57.472 47.36-57.472 86.272V640h64v-58.112c0-12.416 7.36-22.72 17.792-27.008 52.992-21.568 105.408-74.944 105.408-143.296a155.328 155.328 0 0 0-155.2-155.2z"  ></path><path d="M959.616 512a448 448 0 1 0-896 0 448 448 0 0 0 896 0z m-64 0a384 384 0 1 1-768 0 384 384 0 0 1 768 0z"  ></path></symbol><symbol id="iconicon_image" viewBox="0 0 1024 1024"><path d="M640 512a128 128 0 1 0 0-256 128 128 0 0 0 0 256z m0-64a64 64 0 1 0 0-128 64 64 0 0 0 0 128z"  ></path><path d="M128 832a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64V192a64 64 0 0 0-64-64H192a64 64 0 0 0-64 64v640z m64-82.752l192-192L658.752 832H192v-82.752z m0-90.496V192h640v640h-82.752L384 466.752l-192 192z"  ></path></symbol><symbol id="iconicon_gender_male" viewBox="0 0 1024 1024"><path d="M832 230.4a38.4 38.4 0 0 0-38.4-38.4H576v64h152.512l-237.44 237.44a224 224 0 1 0 44.352 46.08L768 307.008V448h64V230.4z m-591.552 553.152a160 160 0 1 1 226.304-226.304 160 160 0 0 1-226.304 226.304z"  ></path></symbol><symbol id="iconicon_fullsreen" viewBox="0 0 1024 1024"><path d="M224 269.248V448h-64V192a32 32 0 0 1 32-32h256v64H269.248l201.408 201.344-45.312 45.312L224 269.248zM800 754.752V576h64v256a32 32 0 0 1-32 32H576v-64h178.752L553.344 598.656l45.312-45.312 201.344 201.408z"  ></path></symbol><symbol id="iconicon_image_error" viewBox="0 0 1024 1024"><path d="M128 832V512h64v146.752l192-192L749.248 832H832V192H512V128h320a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H192a64 64 0 0 1-64-64z m256-274.752l-192 192V832h466.752L384 557.248z"  ></path><path d="M768 384a128 128 0 1 1-256 0 128 128 0 0 1 256 0z m-64 0a64 64 0 1 0-128 0 64 64 0 0 0 128 0zM402.048 355.84l-45.248 45.184-90.496-90.496-90.496 90.496-45.312-45.248 90.56-90.496-90.56-90.496 45.312-45.248L266.24 220.032l90.496-90.496 45.248 45.248-90.496 90.496 90.496 90.496z"  ></path></symbol><symbol id="iconicon_folder_add" viewBox="0 0 1024 1024"><path d="M96 192a64 64 0 0 1 64-64h229.76l132.608 96H832a64 64 0 0 1 64 64v256h-64v-256H501.632L369.088 192H160v576h384v64h-384a64 64 0 0 1-64-64V192z"  ></path><path d="M768 960v-128h-128v-64h128v-128h64v128h128v64h-128v128h-64z"  ></path></symbol><symbol id="iconicon_file_excel" viewBox="0 0 1024 1024"><path d="M224 128v768H512v64H223.68c-30.4 0-63.68-21.568-63.68-59.008V123.008c0-37.44 33.28-59.008 63.68-59.008h343.68a64 64 0 0 1 45.76 19.2l232.576 237.056a64 64 0 0 1 18.304 44.8V480h-64V384.832h-256V128h-320z m384 41.344v151.488h148.608L608 169.344z"  ></path><path d="M661.504 626.688v-53.76h-64v53.76c0 16.512 5.632 32.512 16 45.44l76.16 94.784-76.16 94.848c-10.368 12.864-16 28.864-16 45.44v53.76h64v-53.76c0-1.92 0.64-3.84 1.92-5.376l67.328-83.84 67.392 83.84c1.216 1.536 1.856 3.392 1.856 5.312v53.76h64v-53.76c0-16.512-5.632-32.512-16-45.44l-76.16-94.72 76.16-94.848c10.368-12.928 16-28.928 16-45.44v-53.76h-64v53.76c0 1.92-0.64 3.84-1.92 5.312l-67.328 83.84-67.328-83.84a8.448 8.448 0 0 1-1.92-5.312z"  ></path></symbol><symbol id="iconicon_forward" viewBox="0 0 1024 1024"><path d="M944.512 487.04a32 32 0 0 1 0 49.92L583.68 825.088a32 32 0 0 1-51.904-24.96V527.04a31.936 31.936 0 0 1-7.808 9.6L180.48 822.72a32 32 0 0 1-52.48-24.576V225.792a32 32 0 0 1 52.48-24.576l343.488 286.208a31.872 31.872 0 0 1 7.808 9.6V223.872a32 32 0 0 1 51.904-24.96l360.832 288z m-348.8-196.608v443.136L873.344 512 595.776 290.432zM192 294.08v435.84L453.504 512 192 294.08z"  ></path></symbol><symbol id="iconicon_internet" viewBox="0 0 1024 1024"><path d="M70.4 505.6a441.6 441.6 0 1 1 883.2 0v12.8a441.6 441.6 0 1 1-883.2 0v-12.8z m818.368 38.4h-192a631.232 631.232 0 0 1-125.184 347.328A377.728 377.728 0 0 0 888.768 544z m-192-64h192A377.792 377.792 0 0 0 571.52 132.672 631.232 631.232 0 0 1 696.768 480z m-64.064 0A567.36 567.36 0 0 0 512 160.192 567.36 567.36 0 0 0 391.296 480h241.408z m-305.472 64h-192a377.728 377.728 0 0 0 317.184 347.328A631.296 631.296 0 0 1 327.232 544z m0-64A631.296 631.296 0 0 1 452.48 132.672 377.728 377.728 0 0 0 135.232 480h192z m305.472 64H391.296A567.36 567.36 0 0 0 512 863.808 567.36 567.36 0 0 0 632.704 544z"  ></path></symbol><symbol id="iconicon_check_circle_filled" viewBox="0 0 1024 1024"><path d="M512 960A448 448 0 1 0 512 64a448 448 0 0 0 0 896zM288 525.248l45.248-45.248L448 594.752 690.752 352l45.248 45.248-288 288-160-160z"  ></path></symbol><symbol id="iconicon_chevron_right_circle" viewBox="0 0 1024 1024"><path d="M397.248 333.248L576 512l-178.752 178.752 45.248 45.248 224-224-224-224-45.248 45.248z"  ></path><path d="M512 960A448 448 0 1 1 512 64a448 448 0 0 1 0 896z m0-64A384 384 0 1 0 512 128a384 384 0 0 0 0 768z"  ></path></symbol><symbol id="iconicon_creditcard" viewBox="0 0 1024 1024"><path d="M224 704h192v-64h-192v64z"  ></path><path d="M960 768V256a64 64 0 0 0-64-64H128a64 64 0 0 0-64 64v512a64 64 0 0 0 64 64h768a64 64 0 0 0 64-64z m-64-512v96H128V256h768zM128 768V416h768V768H128z"  ></path></symbol><symbol id="iconicon_close_circle_filled" viewBox="0 0 1024 1024"><path d="M960 512A448 448 0 1 0 64 512a448 448 0 0 0 896 0zM362.88 316.672L512 466.56l149.12-149.952 45.312 45.12L557.12 512l149.312 150.272-45.376 45.056L512 557.44l-149.12 150.016-45.312-45.184L466.88 512 317.568 361.792l45.376-45.12z"  ></path></symbol><symbol id="iconicon_circle" viewBox="0 0 1024 1024"><path d="M512 64a448 448 0 1 1 0 896A448 448 0 0 1 512 64z m0 64a384 384 0 1 0 0 768A384 384 0 0 0 512 128z"  ></path></symbol><symbol id="iconicon_chevron_left_circle" viewBox="0 0 1024 1024"><path d="M626.752 690.752L448 512l178.752-178.752-45.248-45.248-224 224 224 224 45.248-45.248z"  ></path><path d="M512 64a448 448 0 1 1 0 896A448 448 0 0 1 512 64z m0 64a384 384 0 1 0 0 768A384 384 0 0 0 512 128z"  ></path></symbol><symbol id="iconicon_chevron_left_double" viewBox="0 0 1024 1024"><path d="M834.56 285.44l-58.816-58.88L490.304 512l285.44 285.44 58.88-58.88L608 512l226.56-226.56z"  ></path><path d="M514.56 285.44l-58.816-58.88L170.304 512l285.44 285.44 58.88-58.88L288 512l226.56-226.56z"  ></path></symbol><symbol id="iconicon_chevron_right" viewBox="0 0 1024 1024"><path d="M413.44 797.44l-58.816-58.88L581.184 512l-226.56-226.56 58.88-58.88L698.88 512l-285.44 285.44z"  ></path></symbol><symbol id="iconicon_control_platform" viewBox="0 0 1024 1024"><path d="M927.68 272L542.08 49.28a59.968 59.968 0 0 0-60.032 0L96.32 272v445.376c0 21.44 11.456 41.216 30.016 51.968L512 992l385.728-222.72a59.968 59.968 0 0 0 29.952-51.904V272zM512 475.008L192.256 290.432 512 105.856l319.68 184.576L512 475.008z m32.064 55.488l319.68-184.576v369.088L544 899.52V530.56z m-64 0v369.024l-319.744-184.512V345.856L480 530.56z"  ></path></symbol><symbol id="iconicon_close" viewBox="0 0 1024 1024"><path d="M512 570.88l196.864 196.8 58.88-58.88L570.752 512l196.864-196.864-58.816-58.88L512 453.248 315.136 256.32l-58.88 58.88L453.248 512l-196.864 196.864 58.88 58.88L512 570.752z"  ></path></symbol><symbol id="iconicon_check" viewBox="0 0 1024 1024"><path d="M411.776 635.008l398.208-398.272 58.88 58.88-457.088 457.024-285.44-285.44 58.88-58.816 226.56 226.56z"  ></path></symbol><symbol id="iconicon_chevron_right_double" viewBox="0 0 1024 1024"><path d="M189.44 738.56l58.816 58.88L533.696 512l-285.44-285.44-58.88 58.88L416 512l-226.56 226.56z m320 0l58.816 58.88L853.696 512l-285.44-285.44-58.88 58.88L736 512l-226.56 226.56z"  ></path></symbol><symbol id="iconicon_check_rectangle_filled" viewBox="0 0 1024 1024"><path d="M128 832a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64V192a64 64 0 0 0-64-64H192a64 64 0 0 0-64 64v640z m320-233.152l241.6-241.6 45.248 45.248L448 689.344 288.832 530.24l45.312-45.248L448 598.912z"  ></path></symbol><symbol id="iconicon_cloud_upload" viewBox="0 0 1024 1024"><path d="M302.72 400.832l-45.568 5.312C185.408 414.464 128 476.992 128 554.624c0 77.44 56.96 139.648 128 148.352v64.32c-107.328-8.896-192-100.864-192-212.608 0-109.76 81.28-199.936 185.792-212.16C276.032 219.52 383.552 128 512 128c128.448 0 235.968 91.456 262.208 214.528 104.576 12.16 185.792 102.4 185.792 212.16 0 111.744-84.672 203.712-192 212.608v-64.32c71.04-8.704 128-70.912 128-148.288 0-77.696-57.344-140.16-129.152-148.544l-45.632-5.312-9.6-44.928C691.392 261.184 609.024 192 512 192 414.976 192 332.608 261.12 312.32 355.904l-9.6 44.928z"  ></path><path d="M392.96 686.08l86.912-85.248 2.176 327.616 64.64-0.448-2.112-326.464 87.872 85.696 45.696-44.8-144.128-140.544a32 32 0 0 0-44.736 0l-142.08 139.52 45.824 44.672z"  ></path></symbol><symbol id="iconicon_chevron_up_circle" viewBox="0 0 1024 1024"><path d="M333.248 626.752L512 448l178.752 178.752 45.248-45.248-224-224-224 224 45.248 45.248z"  ></path><path d="M960 512A448 448 0 1 1 64 512a448 448 0 0 1 896 0z m-64 0A384 384 0 1 0 128 512a384 384 0 0 0 768 0z"  ></path></symbol><symbol id="iconicon_chevron_down_circle" viewBox="0 0 1024 1024"><path d="M690.752 397.248L512 576 333.248 397.248l-45.248 45.248 224 224 224-224-45.248-45.248z"  ></path><path d="M64 512a448 448 0 1 1 896 0A448 448 0 0 1 64 512z m64 0a384 384 0 1 0 768 0A384 384 0 0 0 128 512z"  ></path></symbol><symbol id="iconicon_chevron_up_rectangle" viewBox="0 0 1024 1024"><path d="M333.248 626.752L512 448l178.752 178.752 45.248-45.248-224-224-224 224 45.248 45.248z"  ></path><path d="M128 192a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H192a64 64 0 0 1-64-64V192z m64 0v640h640V192H192z"  ></path></symbol><symbol id="iconicon_close_rectangle" viewBox="0 0 1024 1024"><path d="M308.352 670.4L466.752 512 308.352 353.6l45.248-45.248L512 466.752l158.4-158.4 45.248 45.248L557.248 512l158.4 158.4-45.248 45.248L512 557.248l-158.4 158.4-45.248-45.248z"  ></path><path d="M192 896a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H192z m0-64h640V192H192v640z"  ></path></symbol><symbol id="iconicon_chevron_down_rectangle" viewBox="0 0 1024 1024"><path d="M690.752 397.248L512 576 333.248 397.248l-45.248 45.248 224 224 224-224-45.248-45.248z"  ></path><path d="M896 832a64 64 0 0 1-64 64H192a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v640z m-64 0V192H192v640h640z"  ></path></symbol><symbol id="iconicon_chevron_left" viewBox="0 0 1024 1024"><path d="M610.56 226.56l58.816 58.88L442.816 512l226.56 226.56-58.88 58.88L325.12 512l285.44-285.44z"  ></path></symbol><symbol id="iconicon_check_circle" viewBox="0 0 1024 1024"><path d="M288 525.248l160 160 288-288-45.248-45.248L448 594.752 333.248 480l-45.248 45.248z"  ></path><path d="M263.104 139.52a448 448 0 1 1 497.792 744.96A448 448 0 0 1 263.104 139.52z m35.584 691.776a384 384 0 1 0 426.624-638.592 384 384 0 0 0-426.624 638.592z"  ></path></symbol><symbol id="iconicon_chevron_right_rectangle" viewBox="0 0 1024 1024"><path d="M397.248 333.248L576 512l-178.752 178.752 45.248 45.248 224-224-224-224-45.248 45.248z"  ></path><path d="M832 128a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H192a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h640z m0 64H192v640h640V192z"  ></path></symbol><symbol id="iconicon_check_rectangle" viewBox="0 0 1024 1024"><path d="M689.6 357.248L448 598.848l-113.92-113.92-45.248 45.312L448 689.28l286.848-286.848-45.248-45.248z"  ></path><path d="M192 896a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H192z m0-64h640V192H192v640z"  ></path></symbol><symbol id="iconicon_close_circle" viewBox="0 0 1024 1024"><path d="M318.72 659.968L466.816 512 318.72 364.032l45.248-45.248L512 466.752l147.968-147.968 45.248 45.248L557.248 512l147.968 147.968-45.248 45.248L512 557.248 364.032 705.28l-45.248-45.248z"  ></path><path d="M512 64a448 448 0 1 1 0 896A448 448 0 0 1 512 64z m0 64a384 384 0 1 0 0 768A384 384 0 0 0 512 128z"  ></path></symbol><symbol id="iconicon_cloud" viewBox="0 0 1024 1024"><path d="M302.72 464.704l9.6-44.864C332.672 325.056 415.04 255.936 512 255.936s179.392 69.12 199.68 163.904l9.6 44.864 45.568 5.376C838.656 478.4 896 540.928 896 618.56 896 702.208 829.632 768 750.912 768H273.088C194.368 767.936 128 702.08 128 618.624c0-77.696 57.344-140.16 129.216-148.544l45.568-5.376z m471.488-58.24C747.968 283.328 640.448 192 512 192c-128.448 0-235.968 91.392-262.208 214.528C145.216 418.624 64 508.864 64 618.624c0 117.632 93.76 213.312 209.088 213.312h477.824c115.328 0 209.088-95.68 209.088-213.312 0-109.76-81.28-199.936-185.792-212.16z"  ></path></symbol><symbol id="iconicon_chevron_down" viewBox="0 0 1024 1024"><path d="M226.56 413.44l58.88-58.88L512 581.12l226.56-226.56 58.88 58.88L512 698.88 226.56 413.44z"  ></path></symbol><symbol id="iconicon_delete" viewBox="0 0 1024 1024"><path d="M384 768V384h64v384H384zM576 384v384h64V384H576z"  ></path><path d="M672 192H896v64h-64v640a64 64 0 0 1-64 64H256a64 64 0 0 1-64-64V256H128V192h224V115.2a51.2 51.2 0 0 1 51.2-51.2h217.6a51.2 51.2 0 0 1 51.2 51.2V192z m-256 0h192V128h-192v64zM256 256v640h512V256H256z"  ></path></symbol><symbol id="iconicon_chevron_up" viewBox="0 0 1024 1024"><path d="M797.44 610.56l-58.88 58.88L512 442.88l-226.56 226.56-58.88-58.88L512 325.248l285.44 285.44z"  ></path></symbol><symbol id="iconicon_code" viewBox="0 0 1024 1024"><path d="M572.16 163.712L389.952 843.712l61.824 16.576L633.984 180.288l-61.824-16.576zM137.6 512l219.2 219.2-45.248 45.248L74.24 539.136a38.4 38.4 0 0 1 0-54.272l237.312-237.312 45.248 45.248L137.6 512zM886.144 512l-220.16 217.728 44.928 45.44 238.656-235.84a38.4 38.4 0 0 0 0-54.656l-238.656-235.904-44.992 45.504L886.144 512z"  ></path></symbol><symbol id="iconicon_dashboard" viewBox="0 0 1024 1024"><path d="M887.936 314.048L600.128 601.984l-45.312-45.312 288-287.872 45.248 45.248z"  ></path><path d="M513.408 707.328a64 64 0 1 1 0-128 64 64 0 0 1 0 128z m0 64a128 128 0 1 0 0-256 128 128 0 0 0 0 256z"  ></path><path d="M512 224a416 416 0 0 0-341.44 653.696l-52.48 36.608A480 480 0 0 1 734.72 214.656l-29.76 56.704A414.08 414.08 0 0 0 512 224z m416 416a414.08 414.08 0 0 0-46.848-192l56.768-29.568A478.08 478.08 0 0 1 992 640a477.952 477.952 0 0 1-86.08 274.304l-52.48-36.608A413.952 413.952 0 0 0 928 640z"  ></path></symbol><symbol id="iconicon_clear" viewBox="0 0 1024 1024"><path d="M448 256h128V128H448v128z m192-128v128h192a64 64 0 0 1 64 64v128a64 64 0 0 1-54.976 63.36l44.544 311.616a64 64 0 0 1-63.36 73.024H201.792a64 64 0 0 1-63.36-73.024L183.04 511.36A64 64 0 0 1 128 448V320a64 64 0 0 1 64-64h192V128a64 64 0 0 1 64-64h128a64 64 0 0 1 64 64z m136.512 320H832V320H192v128h584.512z m0 64H247.488l-45.696 320H320v-128h64v128h96v-128h64v128H640v-128h64v128h118.208l-45.696-320z"  ></path></symbol><symbol id="iconicon_chevron_left_rectangle" viewBox="0 0 1024 1024"><path d="M626.752 690.752L448 512l178.752-178.752-45.248-45.248-224 224 224 224 45.248-45.248z"  ></path><path d="M192 896a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H192z m0-64h640V192H192v640z"  ></path></symbol><symbol id="iconicon_cloud_download" viewBox="0 0 1024 1024"><path d="M302.72 400.832l-45.568 5.312C185.408 414.464 128 476.992 128 554.624c0 77.44 56.96 139.648 128 148.352v64.32c-107.328-8.896-192-100.864-192-212.608 0-109.76 81.28-199.936 185.792-212.16C276.032 219.52 383.552 128 512 128c128.448 0 235.968 91.456 262.208 214.528 104.576 12.16 185.792 102.4 185.792 212.16 0 111.744-84.672 203.712-192 212.608v-64.32c71.04-8.704 128-70.912 128-148.288 0-77.696-57.344-140.16-129.152-148.544l-45.632-5.312-9.6-44.928C691.392 261.184 609.024 192 512 192 414.976 192 332.608 261.12 312.32 355.904l-9.6 44.928z"  ></path><path d="M627.008 723.2l-82.816 82.496V511.808H480.128v293.888l-82.816-82.56-45.312 45.248 137.6 137.088a32 32 0 0 0 45.12 0l137.6-137.088-45.312-45.184z"  ></path></symbol><symbol id="iconicon_desktop" viewBox="0 0 1024 1024"><path d="M160 704h320v128H192v64h640v-64H544v-128h320a64 64 0 0 0 64-64V192a64 64 0 0 0-64-64h-704a64 64 0 0 0-64 64v448a64 64 0 0 0 64 64z m0-512h704v448h-704V192z"  ></path></symbol><symbol id="iconicon_ellipsis" viewBox="0 0 1024 1024"><path d="M192 576a64 64 0 1 1 0-128 64 64 0 0 1 0 128zM448 512a64 64 0 1 0 128 0 64 64 0 0 0-128 0zM768 512a64 64 0 1 0 128 0 64 64 0 0 0-128 0z"  ></path></symbol><symbol id="iconicon_edit" viewBox="0 0 1024 1024"><path d="M696.448 111.168l207.552 207.552 45.248-45.248L741.76 65.92l-45.248 45.248zM150.528 887.232l231.232-46.208 467.072-467.072L641.216 166.4 174.208 633.408l-46.272 231.232a19.2 19.2 0 0 0 22.592 22.592z m490.688-630.4l117.12 117.12-408.128 408.064-146.304 29.312 29.248-146.368 408.064-408.064z"  ></path></symbol><symbol id="iconicon_download" viewBox="0 0 1024 1024"><path d="M784.896 372.096L544 612.928V32h-64v580.928L239.104 372.096l-45.248 45.248 295.488 295.488a32 32 0 0 0 45.312 0l295.488-295.488-45.248-45.248z"  ></path><path d="M128 704v128a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-128h-64v128H192v-128H128z"  ></path></symbol><symbol id="iconicon_discount_filled" viewBox="0 0 1024 1024"><path d="M447.168 341.12A75.008 75.008 0 1 1 341.12 447.104 75.008 75.008 0 0 1 447.168 341.12z"  ></path><path d="M128 494.72a64 64 0 0 0 18.752 45.248l378.368 378.368a64 64 0 0 0 90.496 0l302.72-302.72a64 64 0 0 0 0-90.496L539.968 146.752A64 64 0 0 0 494.72 128H128v366.72z m364.416-198.912a139.008 139.008 0 1 1-196.608 196.608 139.008 139.008 0 0 1 196.608-196.608z"  ></path></symbol><symbol id="iconicon_caret_down" viewBox="0 0 1024 1024"><path d="M512 661.312L256 320h512l-256 341.312z m-25.6 72.576a32 32 0 0 0 51.2 0l320-426.688A32 32 0 0 0 832 256H192a32 32 0 0 0-25.6 51.2l320 426.688z"  ></path></symbol><symbol id="iconicon_backtop" viewBox="0 0 1024 1024"><path d="M127.936 191.936h768v-64h-768v64zM216.128 654.72l263.04-258.24v553.536h64.64V396.16l267.52 260.928 45.76-44.8-323.2-315.264a32 32 0 0 0-44.8 0.064L170.24 610.048l45.824 44.608z"  ></path></symbol><symbol id="iconicon_caret_right" viewBox="0 0 1024 1024"><path d="M725.376 512L384 768V256l341.376 256z m72.512 25.6a32 32 0 0 0 0-51.2L371.2 166.4A32 32 0 0 0 320 192v640a32 32 0 0 0 51.2 25.6l426.688-320z"  ></path></symbol><symbol id="iconicon_bulletpoint" viewBox="0 0 1024 1024"><path d="M896 192H320v64h576V192zM224 192H128v64h96V192zM320 480h576v64H320v-64zM128 480h96v64H128v-64zM320 768h576v64H320v-64zM128 768h96v64H128v-64z"  ></path></symbol><symbol id="iconicon_caret_right_small" viewBox="0 0 1024 1024"><path d="M384 320v384l288-192L384 320z"  ></path></symbol><symbol id="iconicon_add" viewBox="0 0 1024 1024"><path d="M470.4 553.6v246.4h83.2V553.6h246.4v-83.2H553.6V224h-83.2v246.4H224v83.2h246.4z"  ></path></symbol><symbol id="iconicon_caret_left" viewBox="0 0 1024 1024"><path d="M298.688 512L640 256v512L298.688 512z m-72.512-25.6a32 32 0 0 0 0 51.2l426.624 320a32 32 0 0 0 51.2-25.6V192a32 32 0 0 0-51.2-25.6l-426.624 320z"  ></path></symbol><symbol id="iconicon_caret_down_small" viewBox="0 0 1024 1024"><path d="M704 384H320l192 288L704 384z"  ></path></symbol><symbol id="iconicon_caret_left_small" viewBox="0 0 1024 1024"><path d="M672 320v384L384 512l288-192z"  ></path></symbol><symbol id="iconchart-bar" viewBox="0 0 1024 1024"><path d="M480 128v768h64V128h-64zM160 384v512h64V384h-64zM800 896v-256h64v256h-64z"  ></path></symbol><symbol id="iconicon_arrow_left" viewBox="0 0 1024 1024"><path d="M250.496 544l233.408 233.344-45.312 45.248-296.96-297.024a19.2 19.2 0 0 1 0-27.2l296.96-296.96 45.312 45.184L250.496 480H896v64H250.496z"  ></path></symbol><symbol id="iconicon_calendar" viewBox="0 0 1024 1024"><path d="M640 192H384V96H320V192H192a64 64 0 0 0-64 64v576a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64V256a64 64 0 0 0-64-64h-128V96h-64V192zM320 320h64V256h256v64h64V256h128v128H192V256h128v64zM192 448h640v384H192V448z"  ></path></symbol><symbol id="iconicon_chart_pie" viewBox="0 0 1024 1024"><path d="M960 512A448 448 0 1 1 64 512a448 448 0 0 1 896 0z m-65.28 32H480V129.28a384 384 0 1 0 414.72 414.72z m0-64A384.064 384.064 0 0 0 544 129.28V480h350.72z"  ></path></symbol><symbol id="iconicon_arrow_right" viewBox="0 0 1024 1024"><path d="M773.504 480L540.096 246.656l45.248-45.248 297.088 297.024a19.2 19.2 0 0 1 0 27.136l-297.088 297.088-45.248-45.248L773.504 544H128v-64h645.504z"  ></path></symbol><symbol id="iconicon_caret_up_small" viewBox="0 0 1024 1024"><path d="M704 672H320L512 384l192 288z"  ></path></symbol><symbol id="iconicon_browse" viewBox="0 0 1024 1024"><path d="M696.32 512a184.32 184.32 0 1 1-368.64 0 184.32 184.32 0 0 1 368.64 0z m-64 0a120.32 120.32 0 1 0-240.64 0 120.32 120.32 0 0 0 240.64 0z"  ></path><path d="M71.488 526.72c86.016 168.96 255.04 273.28 440.832 273.28 185.152 0 354.176-104.32 440.192-273.28L960 512l-7.488-14.72C866.56 328.96 697.472 224 512.32 224c-185.792 0-354.816 104.96-440.832 273.28L64 512l7.488 14.72z m440.832 209.28C355.2 736 212.416 650.88 135.04 512 212.416 373.12 355.2 288 512.32 288c156.48 0 299.264 85.12 377.216 224-77.312 138.88-220.736 224-377.216 224z"  ></path></symbol><symbol id="iconicon_books" viewBox="0 0 1024 1024"><path d="M511.936 593.792l-256 179.2v-581.12h512v581.12l-256-179.2z m0 78.08l269.632 188.8a32 32 0 0 0 50.368-26.24V191.936a64 64 0 0 0-64-64h-512a64 64 0 0 0-64 64v642.56a32 32 0 0 0 50.368 26.24l269.632-188.8z"  ></path></symbol><symbol id="iconicon_app" viewBox="0 0 1024 1024"><path d="M720 112a192 192 0 1 0 0 384 192 192 0 0 0 0-384z m-128 192a128 128 0 1 1 256 0 128 128 0 0 1-256 0zM128 192a64 64 0 0 1 64-64h224a64 64 0 0 1 64 64v224a64 64 0 0 1-64 64H192a64 64 0 0 1-64-64V192z m64 0v224h224V192H192zM128 608a64 64 0 0 1 64-64h224a64 64 0 0 1 64 64V832a64 64 0 0 1-64 64H192a64 64 0 0 1-64-64V608z m64 0V832h224V608H192zM544 608a64 64 0 0 1 64-64H832a64 64 0 0 1 64 64V832a64 64 0 0 1-64 64H608a64 64 0 0 1-64-64V608z m64 224H832V608H608V832z"  ></path></symbol><symbol id="iconicon_arrow_up" viewBox="0 0 1024 1024"><path d="M480 250.496L246.656 483.904l-45.248-45.248 297.024-297.088a19.2 19.2 0 0 1 27.136 0l297.088 297.088-45.248 45.248L544 250.496V896h-64V250.496z"  ></path></symbol><symbol id="iconicon_backward" viewBox="0 0 1024 1024"><path d="M79.488 536.96a32 32 0 0 1 0-49.92l360.768-288.064a32 32 0 0 1 51.968 24.96v273.024a31.936 31.936 0 0 1 7.808-9.6l343.488-286.144a32 32 0 0 1 52.48 24.576v572.416a32 32 0 0 1-52.48 24.576L500.032 536.576a31.936 31.936 0 0 1-7.808-9.6v273.088a32 32 0 0 1-51.968 24.96l-360.768-288z m348.8 196.608V290.432L150.656 512l277.504 221.568zM832 729.92v-435.84L570.496 512 832 729.92z"  ></path></symbol><symbol id="iconicon_cart" viewBox="0 0 1024 1024"><path d="M64 192h100.864l88.896 533.248a51.2 51.2 0 0 0 50.56 42.752H896v-64H315.136L293.76 576h552.576A51.2 51.2 0 0 0 896 537.216l54.4-217.6A51.2 51.2 0 0 0 900.736 256H240.448l-14.208-85.248A51.2 51.2 0 0 0 175.68 128H64v64z m772.352 320H283.136l-32-192h633.216l-48 192zM304 928a48 48 0 1 0 0-96 48 48 0 0 0 0 96zM820.032 928a48 48 0 1 0 0-96 48 48 0 0 0 0 96z"  ></path></symbol><symbol id="iconicon_attach" viewBox="0 0 1024 1024"><path d="M776.128 246.784a129.088 129.088 0 0 0-181.952 0.512l-461.44 461.44-45.248-45.248 461.44-461.44a193.088 193.088 0 1 1 273.024 273.088l-373.76 373.76A120.576 120.576 0 0 1 277.696 678.4l363.136-363.136 45.248 45.248-363.136 363.136a56.512 56.512 0 1 0 80 80l373.76-373.76a129.088 129.088 0 0 0-0.64-183.104z"  ></path></symbol><symbol id="iconchart" viewBox="0 0 1024 1024"><path d="M288 768V480h64V768h-64zM480 288V768h64V288h-64zM672 768V576h64v192h-64z"  ></path><path d="M128 192a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H192a64 64 0 0 1-64-64V192z m64 0v640h640V192H192z"  ></path></symbol><symbol id="iconicon_chat" viewBox="0 0 1024 1024"><path d="M296.832 672H832V256H192v503.36L296.832 672z m-137.344 197.76A19.2 19.2 0 0 1 128 855.04V256a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v416a64 64 0 0 1-64 64H320l-160.512 133.76z"  ></path></symbol><symbol id="iconicon_add_rectangle" viewBox="0 0 1024 1024"><path d="M480 704V544H320v-64h160V320h64v160H704v64H544V704h-64z"  ></path><path d="M192 896a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H192z m0-64h640V192H192v640z"  ></path></symbol><symbol id="iconicon_add_circle" viewBox="0 0 1024 1024"><path d="M480 544h-192v-64h192v-192h64v192h192v64h-192v192h-64v-192z"  ></path><path d="M512 960A448 448 0 1 0 512 64a448 448 0 0 0 0 896z m0-64A384 384 0 1 1 512 128a384 384 0 0 1 0 768z"  ></path></symbol><symbol id="iconicon_barcode" viewBox="0 0 1024 1024"><path d="M256 128v768H128V128h128z m640 0v768h-128V128h128z m-192 0v768h-64V128h64zM576 128v768H448V128h128zM384 128v768H320V128h64z"  ></path></symbol><symbol id="iconicon_arrow_down_rectangle" viewBox="0 0 1024 1024"><path d="M687.744 483.008L544 626.752V288h-64v338.752L336.256 483.008l-45.248 45.248L512 749.248l220.992-220.992-45.248-45.248z"  ></path><path d="M192 896a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H192z m0-64h640V192H192v640z"  ></path></symbol><symbol id="iconicon_browse_off" viewBox="0 0 1024 1024"><path d="M689.472 766.72l87.872 87.872 45.248-45.248L201.6 188.352l-45.248 45.248 77.44 77.44a505.664 505.664 0 0 0-162.304 186.24L64 512l7.488 14.72c86.016 168.96 255.04 273.28 440.832 273.28 61.696 0 121.6-11.584 177.152-33.28z m-50.048-50.048a427.008 427.008 0 0 1-127.104 19.328C355.2 736 212.416 650.88 135.04 512a438.72 438.72 0 0 1 144.384-155.264l69.376 69.376a184.32 184.32 0 0 0 248.96 248.96l41.6 41.6z m-241.92-241.92l151.68 151.68a120.32 120.32 0 0 1-151.68-151.68zM952.512 526.72L960 512l-7.488-14.72C866.56 328.96 697.472 224 512.32 224c-54.784 0-108.16 9.088-158.336 26.304l51.2 51.2A428.736 428.736 0 0 1 512.32 288c156.48 0 299.264 85.12 377.216 224a439.552 439.552 0 0 1-129.152 144.704l45.312 45.312a505.216 505.216 0 0 0 146.816-175.36z"  ></path><path d="M696.32 512c0 23.936-4.608 46.784-12.864 67.776l-52.16-52.16a120.32 120.32 0 0 0-134.912-134.912L444.16 340.48A184.32 184.32 0 0 1 696.32 512z"  ></path></symbol><symbol id="iconicon_backtop_rectangle" viewBox="0 0 1024 1024"><path d="M479.872 524.48L380.416 622.08l-45.824-44.672L512.128 403.2 691.2 577.92l-45.696 44.8-101.056-98.56V768h-64.64V524.48zM287.936 351.936h448v-64h-448v64z"  ></path><path d="M191.936 127.936a64 64 0 0 0-64 64v640a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-640a64 64 0 0 0-64-64h-640z m640 64v640h-640v-640h640z"  ></path></symbol><symbol id="iconicon_arrow_down" viewBox="0 0 1024 1024"><path d="M544 128v645.504l233.344-233.344 45.248 45.248-297.024 296.96a19.2 19.2 0 0 1-27.136 0l-297.088-296.96 45.312-45.248L480 773.44V128h64z"  ></path></symbol><symbol id="iconicon_call" viewBox="0 0 1024 1024"><path d="M896 707.648a195.2 195.2 0 0 1-33.152 112.64l-8.064 10.688a129.6 129.6 0 0 1-62.72 48c-17.92 6.656-29.184 8.64-58.176 11.968-124.672 11.648-260.928-46.592-395.52-166.272-89.856-80.128-157.184-180.352-189.568-282.816C135.04 398.528 128 356.928 128 319.232c0-45.184 10.24-84.288 30.72-113.664 19.456-26.752 56.448-48.96 112-69.952a64 64 0 0 1 74.88 22.912l106.624 150.912a64 64 0 0 1-5.76 80.896l-13.888 14.144-16.768 16.256a97.92 97.92 0 0 0-10.56 12.16c-1.472 19.584 19.456 59.968 80.384 122.368l18.176 16.96c56.192 51.84 71.296 56 88.576 44.032l5.76-4.736c6.144-4.672 22.08-15.744 56.192-39.232a64 64 0 0 1 65.984-3.904l15.552 8.192c106.432 56.832 155.008 91.008 159.744 126.08l0.384 4.992z m-64 1.024c0.064 5.248-7.36-2.816-22.72-13.952-22.464-16.256-57.088-36.864-103.488-61.632l-15.168-8.064-50.432 34.816c-1.216 0.768-1.728 1.088-1.536 0.832-55.04 43.2-102.4 31.104-197.952-59.904-73.344-75.008-102.4-131.072-99.328-172.288 1.472-22.592 17.024-43.264 32.128-55.68 6.4-6.144 12.8-12.416 18.432-18.176l8-8.32-106.56-150.848c-44.864 16.96-72.64 33.664-82.56 47.232C198.912 259.84 192 286.208 192 319.232c0 30.72 6.016 65.92 17.792 103.36 28.8 91.072 89.6 181.632 171.136 254.272 122.432 108.928 242.304 160.128 346.368 150.4l16.448-2.048c11.392-1.6 17.792-3.2 25.92-6.208 14.08-5.248 25.088-13.44 34.112-26.56 17.088-20.864 26.24-47.616 27.904-72.96l0.32-10.816z"  ></path></symbol><symbol id="iconicon_caret_up" viewBox="0 0 1024 1024"><path d="M512 362.688L768 704H256l256-341.312z m25.6-72.576a32 32 0 0 0-51.2 0l-320 426.688a32 32 0 0 0 25.6 51.2h640a32 32 0 0 0 25.6-51.2l-320-426.688z"  ></path></symbol><symbol id="iconicon_chart_bubble" viewBox="0 0 1024 1024"><path d="M576 352a192 192 0 1 1-384 0 192 192 0 0 1 384 0z m-64 0a128 128 0 1 0-256 0 128 128 0 0 0 256 0zM896 640a160 160 0 1 1-320 0 160 160 0 0 1 320 0z m-64 0a96 96 0 1 0-192 0 96 96 0 0 0 192 0zM320 768a96 96 0 1 1-192 0 96 96 0 0 1 192 0zM832 288a64 64 0 1 0 0-128 64 64 0 0 0 0 128z"  ></path></symbol><symbol id="iconicon_data" viewBox="0 0 1024 1024"><path d="M490.666667 42.666667C738.090667 42.666667 938.666667 243.242667 938.666667 490.666667a42.666667 42.666667 0 0 1-42.666667 42.666666h-362.666667V896a42.666667 42.666667 0 0 1-42.666666 42.666667C243.242667 938.666667 42.666667 738.090667 42.666667 490.666667S243.242667 42.666667 490.666667 42.666667z m384 533.333333a42.666667 42.666667 0 0 1 42.666666 42.666667v256a42.666667 42.666667 0 0 1-42.666666 42.666666h-256a42.666667 42.666667 0 0 1-42.666667-42.666666v-256a42.666667 42.666667 0 0 1 42.666667-42.666667h256zM490.666667 128a362.666667 362.666667 0 0 0-43.050667 722.773333l0.384 0.042667V533.333333a85.333333 85.333333 0 0 1 78.933333-85.12l6.4-0.213333h317.482667v-0.384a362.752 362.752 0 0 0-349.269333-319.445333L490.666667 128z m341.333333 533.333333h-170.666667v170.666667h170.666667v-170.666667z"  ></path></symbol><symbol id="iconicon_clue" viewBox="0 0 1024 1024"><path d="M789.333333 85.333333a149.333333 149.333333 0 0 1 42.666667 292.48v379.605334a181.248 181.248 0 0 1-362.496 0v-490.666667a96.085333 96.085333 0 1 0-192.170667 0v379.434667A149.418667 149.418667 0 0 1 234.666667 938.666667a149.333333 149.333333 0 0 1-42.666667-292.48V266.752a181.418667 181.418667 0 1 1 362.837333 0v490.666667a95.914667 95.914667 0 0 0 191.829334 0V377.813333A149.418667 149.418667 0 0 1 789.333333 85.333333z m-554.666666 640a64 64 0 1 0 0 128 64 64 0 0 0 0-128z m554.666666-554.666666a64 64 0 1 0 0 128 64 64 0 0 0 0-128z"  ></path></symbol><symbol id="iconicon_business_opportunity" viewBox="0 0 1024 1024"><path d="M512 42.666667c259.2 0 469.333333 210.133333 469.333333 469.333333s-210.133333 469.333333-469.333333 469.333333S42.666667 771.2 42.666667 512 252.8 42.666667 512 42.666667z m0 85.333333a384 384 0 1 0 0 768 384 384 0 0 0 0-768zM414.165333 289.834667L512 387.626667l97.877333-97.792a42.666667 42.666667 0 0 1 56.32-3.541334l4.010667 3.541334a42.666667 42.666667 0 0 1 0 60.330666L593.664 426.666667H640a42.666667 42.666667 0 0 1 0 85.333333h-85.162667v42.666667H640a42.666667 42.666667 0 0 1 0 85.333333h-85.162667v85.333333a42.666667 42.666667 0 0 1-85.333333 0v-85.333333H384a42.666667 42.666667 0 0 1 0-85.333333h85.504v-42.666667H384a42.666667 42.666667 0 0 1 0-85.333333h46.293333L353.834667 350.165333a42.666667 42.666667 0 0 1 60.330666-60.330666z"  ></path></symbol><symbol id="iconicon_set_up" viewBox="0 0 1024 1024"><path d="M637.44 44.202667a468.608 468.608 0 0 1 194.090667 108.586666 42.666667 42.666667 0 0 1 9.216 50.133334A85.333333 85.333333 0 0 0 917.333333 325.930667h1.194667a42.666667 42.666667 0 0 1 41.301333 29.866666 471.253333 471.253333 0 0 1 11.946667 235.306667 42.666667 42.666667 0 0 1-45.952 33.877333 85.333333 85.333333 0 0 0-73.770667 139.904 42.666667 42.666667 0 0 1-1.834666 57.088 469.205333 469.205333 0 0 1-204.117334 124.501334 42.666667 42.666667 0 0 1-52.778666-27.904 85.376 85.376 0 0 0-162.645334 0 42.666667 42.666667 0 0 1-52.778666 27.904 469.205333 469.205333 0 0 1-204.117334-124.501334 42.666667 42.666667 0 0 1-1.834666-57.088A85.333333 85.333333 0 0 0 98.133333 624.981333a42.666667 42.666667 0 0 1-45.994666-33.92 471.253333 471.253333 0 0 1 11.946666-235.264 42.666667 42.666667 0 0 1 41.386667-29.866666H106.666667a85.333333 85.333333 0 0 0 76.586666-123.008 42.666667 42.666667 0 0 1 9.216-50.133334A468.608 468.608 0 0 1 386.56 44.202667a42.666667 42.666667 0 0 1 49.408 21.76 85.333333 85.333333 0 0 0 152.149333 0 42.666667 42.666667 0 0 1 49.408-21.76zM380.330667 135.722667a384.341333 384.341333 0 0 0-106.453334 59.605333l-2.176 1.749333 2.389334 10.026667c1.450667 7.296 2.432 14.72 2.901333 22.186667l0.384 11.264a170.709333 170.709333 0 0 1-137.301333 167.424l-1.792 0.256-1.237334 5.205333a384.341333 384.341333 0 0 0-8.618666 66.218667L128 496.554667c0 10.538667 0.426667 20.949333 1.28 31.317333l1.28 13.013333 1.322667 0.213334a170.709333 170.709333 0 0 1 145.237333 160.298666l0.213333 8.533334c0 23.765333-4.906667 46.848-14.08 68.010666l-3.754666 7.893334 9.386666 7.978666a383.914667 383.914667 0 0 0 90.368 55.210667l8.917334 3.626667 4.352-6.485334a170.666667 170.666667 0 0 1 130.56-72.021333l8.917333-0.256a170.666667 170.666667 0 0 1 139.52 72.277333l4.266667 6.485334 8.96-3.626667a383.914667 383.914667 0 0 0 90.410666-55.210667l9.301334-7.978666-3.669334-7.893334a170.112 170.112 0 0 1-13.824-57.898666l-0.298666-10.154667a170.666667 170.666667 0 0 1 145.450666-168.789333l1.28-0.213334 1.365334-13.013333c0.426667-5.162667 0.725333-10.368 0.938666-15.573333l0.298667-15.744c0-28.245333-3.029333-56.064-9.002667-83.114667l-1.28-5.205333-1.749333-0.256a170.752 170.752 0 0 1-137.088-158.890667l-0.213333-8.533333c0-11.306667 1.109333-22.528 3.285333-33.450667l2.346667-10.026667-2.133334-1.749333a383.274667 383.274667 0 0 0-106.24-59.477333l-5.205333 5.717333A170.496 170.496 0 0 1 512 197.888a170.496 170.496 0 0 1-126.72-56.32l-4.992-5.845333zM512 304.554667a192 192 0 1 1 0 384 192 192 0 0 1 0-384z m0 85.333333a106.666667 106.666667 0 1 0 0 213.333333 106.666667 106.666667 0 0 0 0-213.333333z"  ></path></symbol><symbol id="iconicon_not_bookmarked" viewBox="0 0 1024 1024"><path d="M473.642667 66.56a42.666667 42.666667 0 0 1 76.544-0.213333l122.154666 246.186666 272.469334 39.722667a42.666667 42.666667 0 0 1 27.050666 69.077333l-3.328 3.626667-198.229333 194.048 47.104 269.653333a42.666667 42.666667 0 0 1-58.026667 46.933334l-4.096-1.962667L512 803.968l-243.242667 129.706667a42.666667 42.666667 0 0 1-62.677333-40.533334l0.554667-4.522666 47.402666-269.610667-198.485333-194.005333a42.666667 42.666667 0 0 1 18.858667-71.765334l4.821333-0.981333 273.92-39.722667 120.533333-245.973333z m38.528 115.242667L419.882667 370.304a42.666667 42.666667 0 0 1-32.213334 23.466667l-210.773333 30.549333 152.874667 149.418667a42.666667 42.666667 0 0 1 12.8 32.725333l-0.64 5.205333-36.138667 205.44 186.112-99.157333a42.666667 42.666667 0 0 1 35.328-2.176l4.821333 2.176 186.24 99.285333-35.84-205.653333a42.666667 42.666667 0 0 1 8.618667-33.92l3.541333-3.84 152.618667-149.546667-209.322667-30.549333a42.666667 42.666667 0 0 1-29.44-18.730667l-2.602666-4.522666-93.696-188.672z"  ></path></symbol><symbol id="iconicon_product" viewBox="0 0 1024 1024"><path d="M531.072 47.189333l426.666667 213.333334 0.981333 0.469333c1.066667 0.597333 2.133333 1.194667 3.157333 1.877333l-4.138666-2.346666a42.709333 42.709333 0 0 1 8.234666 5.333333l1.024 0.896a37.802667 37.802667 0 0 1 6.954667 7.893333 38.485333 38.485333 0 0 1 2.858667 4.949334l0.64 1.28a42.666667 42.666667 0 0 1 1.28 3.029333l-1.92-4.309333a42.965333 42.965333 0 0 1 4.522666 18.730666V725.333333a42.666667 42.666667 0 0 1-23.594666 38.144l-426.666667 213.333334a41.130667 41.130667 0 0 1-4.864 2.133333l4.864-2.133333A42.666667 42.666667 0 0 1 512 981.333333l-2.133333-0.042666a42.666667 42.666667 0 0 1-1.237334-0.085334L512 981.333333a42.922667 42.922667 0 0 1-12.629333-1.877333l-1.493334-0.512a40.32 40.32 0 0 1-4.992-2.133333l-426.666666-213.333334A42.666667 42.666667 0 0 1 42.666667 725.333333V298.325333a42.368 42.368 0 0 1 4.522666-18.773333l0.384-0.725333 0.64-1.237334-1.024 2.005334c0.896-1.877333 1.962667-3.626667 3.114667-5.290667l0.512-0.725333a40.704 40.704 0 0 1 2.602667-3.285334l0.853333-0.853333a38.997333 38.997333 0 0 1 2.645333-2.602667l1.152-0.981333a38.954667 38.954667 0 0 1 7.594667-5.077333l0.597333-0.256 426.666667-213.333334a42.666667 42.666667 0 0 1 38.144 0zM128 367.701333v331.264l341.333333 170.624v-331.221333l-341.333333-170.666667z m768 0l-341.333333 170.666667v331.221333l341.333333-170.666666V367.701333z m-170.666667-128L394.069333 405.333333 512 464.298667 843.264 298.666667 725.333333 239.701333z m-213.333333-106.666666L180.778667 298.666667 298.666667 357.632 629.930667 192 512 133.034667z"  ></path></symbol><symbol id="iconicon_customer" viewBox="0 0 1024 1024"><path d="M405.333333 85.333333a192 192 0 1 1 0 384 192 192 0 0 1 0-384z m0 85.333334a106.666667 106.666667 0 1 0 0 213.333333 106.666667 106.666667 0 0 0 0-213.333333z m253.738667-43.349334a42.666667 42.666667 0 0 1 58.581333-14.506666A191.872 191.872 0 0 1 810.666667 277.333333a191.872 191.872 0 0 1-93.013334 164.565334 42.666667 42.666667 0 0 1-44.032-73.130667A106.581333 106.581333 0 0 0 725.333333 277.333333c0-37.888-19.84-72.234667-51.712-91.434666a42.666667 42.666667 0 0 1-14.506666-58.581334zM452.266667 554.666667c128.042667 0 158.506667 2.474667 199.253333 23.253333a213.333333 213.333333 0 0 1 93.226667 93.226667c20.778667 40.746667 23.253333 71.210667 23.253333 199.253333v25.6a42.666667 42.666667 0 0 1-42.666667 42.666667H85.333333a42.666667 42.666667 0 0 1-42.666666-42.666667v-25.6c0-128.042667 2.474667-158.506667 23.253333-199.253333a213.333333 213.333333 0 0 1 93.226667-93.226667C199.893333 557.141333 230.4 554.666667 358.4 554.666667h93.866667z m22.485333 85.333333H335.914667c-92.16 0.341333-116.522667 2.986667-138.026667 13.952a128 128 0 0 0-55.936 55.936c-10.965333 21.504-13.610667 45.866667-13.909333 138.026667L128 853.333333h554.624v-5.418666c-0.298667-88.618667-2.773333-114.56-12.672-135.509334l-1.237333-2.517333a128 128 0 0 0-55.936-55.936c-21.504-10.965333-45.866667-13.610667-138.026667-13.909333z m332.714667-43.434667a42.666667 42.666667 0 0 1 57.386666-18.645333 213.333333 213.333333 0 0 1 93.226667 93.226667c20.778667 40.746667 23.253333 71.210667 23.253333 199.253333v25.6a42.666667 42.666667 0 0 1-85.333333 0v-25.6c0-110.933333-2.133333-137.386667-13.952-160.512a128 128 0 0 0-55.936-55.893333 42.666667 42.666667 0 0 1-18.645333-57.429334z"  ></path></symbol><symbol id="iconicon_home" viewBox="0 0 1024 1024"><path d="M530.474667 94.72l333.141333 266.496a42.666667 42.666667 0 0 1 16 33.28V927.573333a42.666667 42.666667 0 0 1-37.674667 42.368l-4.992 0.298667H170.666667a42.666667 42.666667 0 0 1-42.666667-42.666667V394.538667a42.666667 42.666667 0 0 1 16-33.322667l333.184-266.538667a42.666667 42.666667 0 0 1 53.290667 0z m-26.666667 87.893333L213.333333 414.976v469.888l136.746667-0.042667v-245.973333a42.666667 42.666667 0 0 1 42.666667-42.666667h222.122666a42.666667 42.666667 0 0 1 42.666667 42.666667l-0.042667 245.973333 136.789334 0.042667V415.018667L503.808 182.613333z m68.352 498.901334h-136.746667v203.306666h136.746667v-203.306666z"  ></path></symbol><symbol id="iconicon_collect" viewBox="0 0 1024 1024"><path d="M550.186667 66.346667l122.154666 246.186666 272.469334 39.722667a42.666667 42.666667 0 0 1 27.050666 69.077333l-3.328 3.626667-198.229333 194.048 47.104 269.653333a42.666667 42.666667 0 0 1-58.026667 46.933334l-4.096-1.962667L512 803.968l-243.242667 129.706667a42.666667 42.666667 0 0 1-62.677333-40.533334l0.554667-4.522666 47.402666-269.610667-198.485333-194.005333a42.666667 42.666667 0 0 1 18.858667-71.765334l4.821333-0.981333 273.92-39.722667 120.533333-245.973333a42.666667 42.666667 0 0 1 76.544-0.213333z"  ></path></symbol><symbol id="iconicon_search-outline_outlined" viewBox="0 0 1024 1024"><path d="M702.848 763.178667A403.626667 403.626667 0 0 1 448 853.333333a405.333333 405.333333 0 1 1 405.333333-405.333333 403.626667 403.626667 0 0 1-90.154666 254.848l175.914666 175.914667a21.333333 21.333333 0 0 1 0 30.165333l-30.165333 30.165333a21.333333 21.333333 0 0 1-30.165333 0l-175.914667-175.914666zM768 448a320 320 0 1 0-640 0 320 320 0 0 0 640 0z"  ></path></symbol><symbol id="iconicon-alarmclock" viewBox="0 0 1024 1024"><path d="M426.666667 117.76V85.333333a21.333333 21.333333 0 0 1 21.333333-21.333333h128a21.333333 21.333333 0 0 1 21.333333 21.333333v32.426667c147.2 39.125333 256 177.066667 256 341.248V704h64a21.333333 21.333333 0 0 1 21.333334 21.333333v42.666667a21.333333 21.333333 0 0 1-21.333334 21.333333h-810.666666A21.333333 21.333333 0 0 1 85.333333 768v-42.666667a21.333333 21.333333 0 0 1 21.333334-21.333333H170.666667v-244.992C170.666667 294.826667 279.466667 156.885333 426.666667 117.76zM256 704h512v-244.906667c0-147.498667-114.602667-267.093333-256-267.093333s-256 119.594667-256 267.093333v244.906667zM405.333333 853.333333h213.333334a21.333333 21.333333 0 0 1 21.333333 21.333334v42.666666a21.333333 21.333333 0 0 1-21.333333 21.333334h-213.333334a21.333333 21.333333 0 0 1-21.333333-21.333334v-42.666666a21.333333 21.333333 0 0 1 21.333333-21.333334z"  ></path></symbol></svg>'),
+  ((l) => {
+    var a = (h = (h = document.getElementsByTagName('script'))[h.length - 1]).getAttribute('data-injectcss'),
+      h = h.getAttribute('data-disable-injectsvg');
+    if (!h) {
+      var o,
+        i,
+        v,
+        c,
+        m,
+        z = function (a, h) {
+          h.parentNode.insertBefore(a, h);
+        };
+      if (a && !l.__iconfont__svg__cssinject__) {
+        l.__iconfont__svg__cssinject__ = !0;
+        try {
+          document.write(
+            '<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>'
+          );
+        } catch (a) {
+          console && console.log(a);
+        }
+      }
+      (o = function () {
+        var a,
+          h = document.createElement('div');
+        (h.innerHTML = l._iconfont_svg_string_4798260),
+          (h = h.getElementsByTagName('svg')[0]) &&
+            (h.setAttribute('aria-hidden', 'true'),
+            (h.style.position = 'absolute'),
+            (h.style.width = 0),
+            (h.style.height = 0),
+            (h.style.overflow = 'hidden'),
+            (h = h),
+            (a = document.body).firstChild ? z(h, a.firstChild) : a.appendChild(h));
+      }),
+        document.addEventListener
+          ? ~['complete', 'loaded', 'interactive'].indexOf(document.readyState)
+            ? setTimeout(o, 0)
+            : ((i = function () {
+                document.removeEventListener('DOMContentLoaded', i, !1), o();
+              }),
+              document.addEventListener('DOMContentLoaded', i, !1))
+          : document.attachEvent &&
+            ((v = o),
+            (c = l.document),
+            (m = !1),
+            p(),
+            (c.onreadystatechange = function () {
+              'complete' == c.readyState && ((c.onreadystatechange = null), t());
+            }));
+    }
+    function t() {
+      m || ((m = !0), v());
+    }
+    function p() {
+      try {
+        c.documentElement.doScroll('left');
+      } catch (a) {
+        return void setTimeout(p, 50);
+      }
+      t();
+    }
+  })(window);
diff --git a/frontend/packages/mobile/src/assets/icon-font/iconfont.json b/frontend/packages/mobile/src/assets/icon-font/iconfont.json
new file mode 100644
index 0000000..83e005b
--- /dev/null
+++ b/frontend/packages/mobile/src/assets/icon-font/iconfont.json
@@ -0,0 +1,2319 @@
+{
+  "id": "4798260",
+  "name": "Cordys",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "36471606",
+      "name": "icon_functions_outlined",
+      "font_class": "icon_functions_outlined",
+      "unicode": "e7e8",
+      "unicode_decimal": 59368
+    },
+    {
+      "icon_id": "45749556",
+      "name": "icon_timeline",
+      "font_class": "icon_timeline",
+      "unicode": "e7e7",
+      "unicode_decimal": 59367
+    },
+    {
+      "icon_id": "45699122",
+      "name": "icon_waterfalls",
+      "font_class": "icon_waterfalls",
+      "unicode": "e7e5",
+      "unicode_decimal": 59365
+    },
+    {
+      "icon_id": "45699123",
+      "name": "icon_list",
+      "font_class": "icon_list",
+      "unicode": "e7e6",
+      "unicode_decimal": 59366
+    },
+    {
+      "icon_id": "34134721",
+      "name": "icon_file-unknown_colorful",
+      "font_class": "icon_file-unknown_colorful1",
+      "unicode": "e7e4",
+      "unicode_decimal": 59364
+    },
+    {
+      "icon_id": "45596831",
+      "name": "icon_link",
+      "font_class": "icon_link2",
+      "unicode": "e7e3",
+      "unicode_decimal": 59363
+    },
+    {
+      "icon_id": "45533015",
+      "name": "icon_bot",
+      "font_class": "icon_bot",
+      "unicode": "e7e2",
+      "unicode_decimal": 59362
+    },
+    {
+      "icon_id": "45453687",
+      "name": "icon_365",
+      "font_class": "icon_365",
+      "unicode": "e7db",
+      "unicode_decimal": 59355
+    },
+    {
+      "icon_id": "45453688",
+      "name": "icon_facial_clue",
+      "font_class": "icon_facial_clue",
+      "unicode": "e7dc",
+      "unicode_decimal": 59356
+    },
+    {
+      "icon_id": "45453683",
+      "name": "icon_jin",
+      "font_class": "icon_jin",
+      "unicode": "e7dd",
+      "unicode_decimal": 59357
+    },
+    {
+      "icon_id": "45453686",
+      "name": "icon_facial_deal_win",
+      "font_class": "icon_facial_deal_win",
+      "unicode": "e7de",
+      "unicode_decimal": 59358
+    },
+    {
+      "icon_id": "45453685",
+      "name": "icon_facial_business",
+      "font_class": "icon_facial_business",
+      "unicode": "e7df",
+      "unicode_decimal": 59359
+    },
+    {
+      "icon_id": "45453684",
+      "name": "icon_30",
+      "font_class": "icon_30",
+      "unicode": "e7e0",
+      "unicode_decimal": 59360
+    },
+    {
+      "icon_id": "45453682",
+      "name": "icon_7",
+      "font_class": "icon_7",
+      "unicode": "e7e1",
+      "unicode_decimal": 59361
+    },
+    {
+      "icon_id": "44783033",
+      "name": "icon_data_person",
+      "font_class": "icon_data_person",
+      "unicode": "e7d8",
+      "unicode_decimal": 59352
+    },
+    {
+      "icon_id": "44783034",
+      "name": "icon_data_plan",
+      "font_class": "icon_data_plan",
+      "unicode": "e7d9",
+      "unicode_decimal": 59353
+    },
+    {
+      "icon_id": "44783032",
+      "name": "icon_data_record",
+      "font_class": "icon_data_record",
+      "unicode": "e7da",
+      "unicode_decimal": 59354
+    },
+    {
+      "icon_id": "44765698",
+      "name": "icon_folder_collapse",
+      "font_class": "icon_folder_collapse",
+      "unicode": "e7d6",
+      "unicode_decimal": 59350
+    },
+    {
+      "icon_id": "44765697",
+      "name": "icon_folder_expansion",
+      "font_class": "icon_folder_expansion",
+      "unicode": "e7d7",
+      "unicode_decimal": 59351
+    },
+    {
+      "icon_id": "44764201",
+      "name": "icon_dashboard",
+      "font_class": "icon_dashboard1",
+      "unicode": "e7d5",
+      "unicode_decimal": 59349
+    },
+    {
+      "icon_id": "44646133",
+      "name": "icon_export",
+      "font_class": "icon_export",
+      "unicode": "e746",
+      "unicode_decimal": 59206
+    },
+    {
+      "icon_id": "44384502",
+      "name": "icon_phone_outgoing",
+      "font_class": "icon_phone_outgoing",
+      "unicode": "e743",
+      "unicode_decimal": 59203
+    },
+    {
+      "icon_id": "36511677",
+      "name": "icon_that_person",
+      "font_class": "icon_that_person",
+      "unicode": "e66a",
+      "unicode_decimal": 58986
+    },
+    {
+      "icon_id": "44245520",
+      "name": "icon_file",
+      "font_class": "icon_file1",
+      "unicode": "e742",
+      "unicode_decimal": 59202
+    },
+    {
+      "icon_id": "44245480",
+      "name": "icon_enterprise",
+      "font_class": "icon_enterprise",
+      "unicode": "e732",
+      "unicode_decimal": 59186
+    },
+    {
+      "icon_id": "38020829",
+      "name": "icon_send_colorful",
+      "font_class": "icon_send_colorful",
+      "unicode": "e7d4",
+      "unicode_decimal": 59348
+    },
+    {
+      "icon_id": "43908817",
+      "name": "icon_edit",
+      "font_class": "icon_edit1",
+      "unicode": "e71d",
+      "unicode_decimal": 59165
+    },
+    {
+      "icon_id": "43648007",
+      "name": "icon_my",
+      "font_class": "icon_my",
+      "unicode": "e714",
+      "unicode_decimal": 59156
+    },
+    {
+      "icon_id": "43356063",
+      "name": "icon_general",
+      "font_class": "icon_general",
+      "unicode": "e6ea",
+      "unicode_decimal": 59114
+    },
+    {
+      "icon_id": "43356062",
+      "name": "icon_serious",
+      "font_class": "icon_serious",
+      "unicode": "e6ef",
+      "unicode_decimal": 59119
+    },
+    {
+      "icon_id": "32853333",
+      "name": "icon_succeed_filled",
+      "font_class": "icon_succeed_filled",
+      "unicode": "e6ba",
+      "unicode_decimal": 59066
+    },
+    {
+      "icon_id": "34061213",
+      "name": "icon_block_filled",
+      "font_class": "icon_block_filled",
+      "unicode": "e6ec",
+      "unicode_decimal": 59116
+    },
+    {
+      "icon_id": "36193154",
+      "name": "icon_testing",
+      "font_class": "icon_testing",
+      "unicode": "e624",
+      "unicode_decimal": 58916
+    },
+    {
+      "icon_id": "36193894",
+      "name": "icon_off_screen",
+      "font_class": "icon_off_screen",
+      "unicode": "e62d",
+      "unicode_decimal": 58925
+    },
+    {
+      "icon_id": "36194721",
+      "name": "icon_full_screen_one",
+      "font_class": "icon_full_screen_one",
+      "unicode": "e631",
+      "unicode_decimal": 58929
+    },
+    {
+      "icon_id": "36196999",
+      "name": "icon_disable",
+      "font_class": "icon_disable",
+      "unicode": "e661",
+      "unicode_decimal": 58977
+    },
+    {
+      "icon_id": "36196448",
+      "name": "icon_file- compressed_colorful_ash 2",
+      "font_class": "a-icon_file-compressed_colorful_ash",
+      "unicode": "e63f",
+      "unicode_decimal": 58943
+    },
+    {
+      "icon_id": "36196449",
+      "name": "icon_file- compressed_colorful 2",
+      "font_class": "a-icon_file-compressed_colorful",
+      "unicode": "e640",
+      "unicode_decimal": 58944
+    },
+    {
+      "icon_id": "36196451",
+      "name": "icon_file-image_colorful_ash",
+      "font_class": "icon_file-image_colorful_ash",
+      "unicode": "e642",
+      "unicode_decimal": 58946
+    },
+    {
+      "icon_id": "36196452",
+      "name": "icon_file-ppt_colorful_ash",
+      "font_class": "icon_file-ppt_colorful_ash",
+      "unicode": "e643",
+      "unicode_decimal": 58947
+    },
+    {
+      "icon_id": "36196453",
+      "name": "icon_file-pdf_colorful_ash",
+      "font_class": "icon_file-pdf_colorful_ash",
+      "unicode": "e644",
+      "unicode_decimal": 58948
+    },
+    {
+      "icon_id": "36196454",
+      "name": "icon_file- compressed_colorful",
+      "font_class": "a-icon_file-compressed_colorful1",
+      "unicode": "e645",
+      "unicode_decimal": 58949
+    },
+    {
+      "icon_id": "36196455",
+      "name": "icon_file-image_colorful",
+      "font_class": "icon_file-image_colorful",
+      "unicode": "e646",
+      "unicode_decimal": 58950
+    },
+    {
+      "icon_id": "36196456",
+      "name": "icon_file-word_colorful_ash",
+      "font_class": "icon_file-word_colorful_ash",
+      "unicode": "e647",
+      "unicode_decimal": 58951
+    },
+    {
+      "icon_id": "36196457",
+      "name": "icon_file-sketch_colorful",
+      "font_class": "icon_file-sketch_colorful",
+      "unicode": "e648",
+      "unicode_decimal": 58952
+    },
+    {
+      "icon_id": "36196458",
+      "name": "icon_file-ppt_colorful",
+      "font_class": "icon_file-ppt_colorful",
+      "unicode": "e649",
+      "unicode_decimal": 58953
+    },
+    {
+      "icon_id": "36196460",
+      "name": "icon_file_video_colorful_ash",
+      "font_class": "icon_file_video_colorful_ash",
+      "unicode": "e64c",
+      "unicode_decimal": 58956
+    },
+    {
+      "icon_id": "36196461",
+      "name": "icon_file-excel_colorful",
+      "font_class": "icon_file-excel_colorful",
+      "unicode": "e64d",
+      "unicode_decimal": 58957
+    },
+    {
+      "icon_id": "36196462",
+      "name": "icon_file-pdf_colorful",
+      "font_class": "icon_file-pdf_colorful",
+      "unicode": "e64e",
+      "unicode_decimal": 58958
+    },
+    {
+      "icon_id": "36196463",
+      "name": "icon_file_video_colorful",
+      "font_class": "icon_file_video_colorful",
+      "unicode": "e64f",
+      "unicode_decimal": 58959
+    },
+    {
+      "icon_id": "36196464",
+      "name": "icon_file-CSV_colorful_ash",
+      "font_class": "icon_file-CSV_colorful_ash",
+      "unicode": "e650",
+      "unicode_decimal": 58960
+    },
+    {
+      "icon_id": "36196465",
+      "name": "icon_file-sketch_colorful_ash",
+      "font_class": "icon_file-sketch_colorful_ash",
+      "unicode": "e651",
+      "unicode_decimal": 58961
+    },
+    {
+      "icon_id": "36196466",
+      "name": "icon_file-CSV_colorful",
+      "font_class": "icon_file-CSV_colorful",
+      "unicode": "e652",
+      "unicode_decimal": 58962
+    },
+    {
+      "icon_id": "36196467",
+      "name": "icon_file-sql_colorful_ash",
+      "font_class": "icon_file-sql_colorful_ash",
+      "unicode": "e653",
+      "unicode_decimal": 58963
+    },
+    {
+      "icon_id": "36196468",
+      "name": "icon_file-text_colorful",
+      "font_class": "icon_file-text_colorful",
+      "unicode": "e654",
+      "unicode_decimal": 58964
+    },
+    {
+      "icon_id": "36196469",
+      "name": "icon_file-word_colorful",
+      "font_class": "icon_file-word_colorful",
+      "unicode": "e655",
+      "unicode_decimal": 58965
+    },
+    {
+      "icon_id": "36196470",
+      "name": "icon_file-xmind_colorful",
+      "font_class": "icon_file-xmind_colorful",
+      "unicode": "e656",
+      "unicode_decimal": 58966
+    },
+    {
+      "icon_id": "36196471",
+      "name": "icon_file-sql_colorful",
+      "font_class": "icon_file-sql_colorful",
+      "unicode": "e657",
+      "unicode_decimal": 58967
+    },
+    {
+      "icon_id": "36196472",
+      "name": "icon_file-text_colorful_ash",
+      "font_class": "icon_file-text_colorful_ash",
+      "unicode": "e658",
+      "unicode_decimal": 58968
+    },
+    {
+      "icon_id": "36196473",
+      "name": "icon_file-xmind_colorful_ash",
+      "font_class": "icon_file-xmind_colorful_ash",
+      "unicode": "e659",
+      "unicode_decimal": 58969
+    },
+    {
+      "icon_id": "36196937",
+      "name": "icon_file-unknown_colorful",
+      "font_class": "icon_file-unknown_colorful",
+      "unicode": "e660",
+      "unicode_decimal": 58976
+    },
+    {
+      "icon_id": "37227608",
+      "name": "icon_file- jar_colorful",
+      "font_class": "a-icon_file-jar_colorful",
+      "unicode": "e7c5",
+      "unicode_decimal": 59333
+    },
+    {
+      "icon_id": "37243340",
+      "name": "logo_dingtalk",
+      "font_class": "logo_dingtalk",
+      "unicode": "e7cb",
+      "unicode_decimal": 59339
+    },
+    {
+      "icon_id": "37243341",
+      "name": "logo_lark",
+      "font_class": "logo_lark",
+      "unicode": "e7d1",
+      "unicode_decimal": 59345
+    },
+    {
+      "icon_id": "37243383",
+      "name": "logo_wechat-work",
+      "font_class": "logo_wechat-work",
+      "unicode": "e7d2",
+      "unicode_decimal": 59346
+    },
+    {
+      "icon_id": "38747707",
+      "name": "icon_file- json",
+      "font_class": "a-icon_file-json",
+      "unicode": "e7d3",
+      "unicode_decimal": 59347
+    },
+    {
+      "icon_id": "41446178",
+      "name": "icon_file- JMX",
+      "font_class": "a-icon_file-JMX",
+      "unicode": "e69e",
+      "unicode_decimal": 59038
+    },
+    {
+      "icon_id": "41701029",
+      "name": "icon_file_har",
+      "font_class": "icon_file_har",
+      "unicode": "e6a1",
+      "unicode_decimal": 59041
+    },
+    {
+      "icon_id": "43095419",
+      "name": "icon_filter_clear",
+      "font_class": "icon_filter_clear",
+      "unicode": "e7cf",
+      "unicode_decimal": 59343
+    },
+    {
+      "icon_id": "43095418",
+      "name": "icon_filter",
+      "font_class": "icon_filter",
+      "unicode": "e7d0",
+      "unicode_decimal": 59344
+    },
+    {
+      "icon_id": "36196459",
+      "name": "icon_file-excel_colorful_ash",
+      "font_class": "icon_file-excel_colorful_ash",
+      "unicode": "e64a",
+      "unicode_decimal": 58954
+    },
+    {
+      "icon_id": "43088962",
+      "name": "icon_font_color",
+      "font_class": "icon_font_color",
+      "unicode": "e7ce",
+      "unicode_decimal": 59342
+    },
+    {
+      "icon_id": "43088706",
+      "name": "icon_add_pic",
+      "font_class": "icon_add_pic",
+      "unicode": "e7c4",
+      "unicode_decimal": 59332
+    },
+    {
+      "icon_id": "43088703",
+      "name": "icon_text_underline",
+      "font_class": "icon_text_underline",
+      "unicode": "e7c6",
+      "unicode_decimal": 59334
+    },
+    {
+      "icon_id": "43088704",
+      "name": "icon_text_italic",
+      "font_class": "icon_text_italic",
+      "unicode": "e7c7",
+      "unicode_decimal": 59335
+    },
+    {
+      "icon_id": "43088696",
+      "name": "icon_add_text",
+      "font_class": "icon_add_text",
+      "unicode": "e7c8",
+      "unicode_decimal": 59336
+    },
+    {
+      "icon_id": "43088700",
+      "name": "icon_align_text_right",
+      "font_class": "icon_align_text_right",
+      "unicode": "e7c9",
+      "unicode_decimal": 59337
+    },
+    {
+      "icon_id": "43088701",
+      "name": "icon_align_text_left",
+      "font_class": "icon_align_text_left",
+      "unicode": "e7ca",
+      "unicode_decimal": 59338
+    },
+    {
+      "icon_id": "43088699",
+      "name": "icon_text_bold",
+      "font_class": "icon_text_bold",
+      "unicode": "e7cc",
+      "unicode_decimal": 59340
+    },
+    {
+      "icon_id": "43088697",
+      "name": "icon_align_text_center",
+      "font_class": "icon_align_text_center",
+      "unicode": "e7cd",
+      "unicode_decimal": 59341
+    },
+    {
+      "icon_id": "43075208",
+      "name": "icon_map",
+      "font_class": "icon_map",
+      "unicode": "e7bb",
+      "unicode_decimal": 59323
+    },
+    {
+      "icon_id": "43075205",
+      "name": "icon_multiple_selection _of_departments",
+      "font_class": "a-icon_multiple_selection_of_departments",
+      "unicode": "e7bc",
+      "unicode_decimal": 59324
+    },
+    {
+      "icon_id": "43075206",
+      "name": "icon_calendar",
+      "font_class": "icon_calendar1",
+      "unicode": "e7bd",
+      "unicode_decimal": 59325
+    },
+    {
+      "icon_id": "43075207",
+      "name": "icon_link",
+      "font_class": "icon_link1",
+      "unicode": "e7be",
+      "unicode_decimal": 59326
+    },
+    {
+      "icon_id": "43075202",
+      "name": "icon_check",
+      "font_class": "a-icon_collectbeifen12",
+      "unicode": "e7bf",
+      "unicode_decimal": 59327
+    },
+    {
+      "icon_id": "43075204",
+      "name": "icon_department_single_choice",
+      "font_class": "icon_department_single_choice",
+      "unicode": "e7c0",
+      "unicode_decimal": 59328
+    },
+    {
+      "icon_id": "43075203",
+      "name": "icon_find",
+      "font_class": "icon_find",
+      "unicode": "e7c1",
+      "unicode_decimal": 59329
+    },
+    {
+      "icon_id": "43075201",
+      "name": "icon_handwritten_signature",
+      "font_class": "icon_handwritten_signature",
+      "unicode": "e7c2",
+      "unicode_decimal": 59330
+    },
+    {
+      "icon_id": "43075200",
+      "name": "icon_button",
+      "font_class": "icon_button",
+      "unicode": "e7c3",
+      "unicode_decimal": 59331
+    },
+    {
+      "icon_id": "43075224",
+      "name": "icon_select_data",
+      "font_class": "icon_select_data",
+      "unicode": "e7ab",
+      "unicode_decimal": 59307
+    },
+    {
+      "icon_id": "43075223",
+      "name": "icon_single_line_text",
+      "font_class": "icon_single_line_text",
+      "unicode": "e7ac",
+      "unicode_decimal": 59308
+    },
+    {
+      "icon_id": "43075222",
+      "name": "icon_multiple_choice_of_members",
+      "font_class": "icon_multiple_choice_of_members",
+      "unicode": "e7ad",
+      "unicode_decimal": 59309
+    },
+    {
+      "icon_id": "43075221",
+      "name": "icon_subform",
+      "font_class": "icon_subform",
+      "unicode": "e7ae",
+      "unicode_decimal": 59310
+    },
+    {
+      "icon_id": "43075220",
+      "name": "icon_picture",
+      "font_class": "icon_picture",
+      "unicode": "e7af",
+      "unicode_decimal": 59311
+    },
+    {
+      "icon_id": "43075212",
+      "name": "icon_phone",
+      "font_class": "icon_phone",
+      "unicode": "e7b0",
+      "unicode_decimal": 59312
+    },
+    {
+      "icon_id": "43075219",
+      "name": "icon_local",
+      "font_class": "icon_local",
+      "unicode": "e7b1",
+      "unicode_decimal": 59313
+    },
+    {
+      "icon_id": "43075218",
+      "name": "icon_dividing_line",
+      "font_class": "icon_dividing_line",
+      "unicode": "e7b2",
+      "unicode_decimal": 59314
+    },
+    {
+      "icon_id": "43075217",
+      "name": "icon_multiline",
+      "font_class": "icon_multiline",
+      "unicode": "e7b3",
+      "unicode_decimal": 59315
+    },
+    {
+      "icon_id": "43075216",
+      "name": "icon_member_single_choice",
+      "font_class": "icon_member_single_choice",
+      "unicode": "e7b4",
+      "unicode_decimal": 59316
+    },
+    {
+      "icon_id": "43075214",
+      "name": "icon_radio",
+      "font_class": "icon_radio",
+      "unicode": "e7b5",
+      "unicode_decimal": 59317
+    },
+    {
+      "icon_id": "43075215",
+      "name": "icon_serial_number",
+      "font_class": "icon_serial_number",
+      "unicode": "e7b6",
+      "unicode_decimal": 59318
+    },
+    {
+      "icon_id": "43075213",
+      "name": "icon_text_recognition",
+      "font_class": "icon_text_recognition",
+      "unicode": "e7b7",
+      "unicode_decimal": 59319
+    },
+    {
+      "icon_id": "43075211",
+      "name": "icon_pull_down_single_choice",
+      "font_class": "icon_pull_down_single_choice",
+      "unicode": "e7b8",
+      "unicode_decimal": 59320
+    },
+    {
+      "icon_id": "43075210",
+      "name": "icon_hashtag_key",
+      "font_class": "icon_hashtag_key",
+      "unicode": "e7b9",
+      "unicode_decimal": 59321
+    },
+    {
+      "icon_id": "43075209",
+      "name": "icon_pull_down_multiple_selection",
+      "font_class": "icon_pull_down_multiple_selection",
+      "unicode": "e7ba",
+      "unicode_decimal": 59322
+    },
+    {
+      "icon_id": "43002118",
+      "name": "order-descending",
+      "font_class": "order-descending",
+      "unicode": "e7a0",
+      "unicode_decimal": 59296
+    },
+    {
+      "icon_id": "43002117",
+      "name": "icon_video",
+      "font_class": "icon_video",
+      "unicode": "e7a1",
+      "unicode_decimal": 59297
+    },
+    {
+      "icon_id": "43002115",
+      "name": "icon_zoom_in",
+      "font_class": "icon_zoom_in",
+      "unicode": "e7a2",
+      "unicode_decimal": 59298
+    },
+    {
+      "icon_id": "43002116",
+      "name": "order-ascending",
+      "font_class": "order-ascending",
+      "unicode": "e7a3",
+      "unicode_decimal": 59299
+    },
+    {
+      "icon_id": "43002114",
+      "name": "icon_zoom_out",
+      "font_class": "icon_zoom_out",
+      "unicode": "e7a4",
+      "unicode_decimal": 59300
+    },
+    {
+      "icon_id": "43002113",
+      "name": "icon_usergroup",
+      "font_class": "icon_usergroup",
+      "unicode": "e7a5",
+      "unicode_decimal": 59301
+    },
+    {
+      "icon_id": "43002112",
+      "name": "icon_wifi",
+      "font_class": "icon_wifi",
+      "unicode": "e7a6",
+      "unicode_decimal": 59302
+    },
+    {
+      "icon_id": "43002110",
+      "name": "icon_view_module",
+      "font_class": "icon_view_module",
+      "unicode": "e7a7",
+      "unicode_decimal": 59303
+    },
+    {
+      "icon_id": "43002111",
+      "name": "view-column",
+      "font_class": "view-column",
+      "unicode": "e7a8",
+      "unicode_decimal": 59304
+    },
+    {
+      "icon_id": "43002109",
+      "name": "view-list",
+      "font_class": "view-list",
+      "unicode": "e7a9",
+      "unicode_decimal": 59305
+    },
+    {
+      "icon_id": "43002108",
+      "name": "icon_wallet",
+      "font_class": "icon_wallet",
+      "unicode": "e7aa",
+      "unicode_decimal": 59306
+    },
+    {
+      "icon_id": "43001922",
+      "name": "icon_usb",
+      "font_class": "icon_usb",
+      "unicode": "e78c",
+      "unicode_decimal": 59276
+    },
+    {
+      "icon_id": "43001923",
+      "name": "icon_user_add",
+      "font_class": "icon_user_add",
+      "unicode": "e78d",
+      "unicode_decimal": 59277
+    },
+    {
+      "icon_id": "43001924",
+      "name": "icon_swap_right",
+      "font_class": "icon_swap_right",
+      "unicode": "e78e",
+      "unicode_decimal": 59278
+    },
+    {
+      "icon_id": "43001925",
+      "name": "icon_user_avatar",
+      "font_class": "icon_user_avatar",
+      "unicode": "e78f",
+      "unicode_decimal": 59279
+    },
+    {
+      "icon_id": "43001926",
+      "name": "icon_thumb_up",
+      "font_class": "icon_thumb_up",
+      "unicode": "e790",
+      "unicode_decimal": 59280
+    },
+    {
+      "icon_id": "43001927",
+      "name": "icon_time_filled",
+      "font_class": "icon_time_filled",
+      "unicode": "e791",
+      "unicode_decimal": 59281
+    },
+    {
+      "icon_id": "43001928",
+      "name": "icon_tools",
+      "font_class": "icon_tools",
+      "unicode": "e792",
+      "unicode_decimal": 59282
+    },
+    {
+      "icon_id": "43001929",
+      "name": "icon_user_clear",
+      "font_class": "icon_user_clear",
+      "unicode": "e793",
+      "unicode_decimal": 59283
+    },
+    {
+      "icon_id": "43001930",
+      "name": "icon_time",
+      "font_class": "icon_time",
+      "unicode": "e794",
+      "unicode_decimal": 59284
+    },
+    {
+      "icon_id": "43001931",
+      "name": "icon_unfold_less",
+      "font_class": "icon_unfold_less",
+      "unicode": "e795",
+      "unicode_decimal": 59285
+    },
+    {
+      "icon_id": "43001932",
+      "name": "icon_thumb_down",
+      "font_class": "icon_thumb_down",
+      "unicode": "e796",
+      "unicode_decimal": 59286
+    },
+    {
+      "icon_id": "43001933",
+      "name": "icon_user_talk",
+      "font_class": "icon_user_talk",
+      "unicode": "e797",
+      "unicode_decimal": 59287
+    },
+    {
+      "icon_id": "43001934",
+      "name": "icon_tips",
+      "font_class": "icon_tips",
+      "unicode": "e798",
+      "unicode_decimal": 59288
+    },
+    {
+      "icon_id": "43001935",
+      "name": "icon_unfold_more",
+      "font_class": "icon_unfold_more",
+      "unicode": "e799",
+      "unicode_decimal": 59289
+    },
+    {
+      "icon_id": "43001936",
+      "name": "icon_upload",
+      "font_class": "icon_upload",
+      "unicode": "e79a",
+      "unicode_decimal": 59290
+    },
+    {
+      "icon_id": "43001937",
+      "name": "icon_user",
+      "font_class": "icon_user",
+      "unicode": "e79b",
+      "unicode_decimal": 59291
+    },
+    {
+      "icon_id": "43001938",
+      "name": "icon_usergroup_add",
+      "font_class": "icon_usergroup_add",
+      "unicode": "e79c",
+      "unicode_decimal": 59292
+    },
+    {
+      "icon_id": "43001939",
+      "name": "icon_swap",
+      "font_class": "icon_swap",
+      "unicode": "e79d",
+      "unicode_decimal": 59293
+    },
+    {
+      "icon_id": "43001940",
+      "name": "icon_usergroup_clear",
+      "font_class": "icon_usergroup_clear",
+      "unicode": "e79e",
+      "unicode_decimal": 59294
+    },
+    {
+      "icon_id": "43001941",
+      "name": "icon_user_circle",
+      "font_class": "icon_user_circle",
+      "unicode": "e79f",
+      "unicode_decimal": 59295
+    },
+    {
+      "icon_id": "43001843",
+      "name": "icon_queue",
+      "font_class": "icon_queue",
+      "unicode": "e782",
+      "unicode_decimal": 59266
+    },
+    {
+      "icon_id": "43001831",
+      "name": "icon_refresh",
+      "font_class": "icon_refresh",
+      "unicode": "e783",
+      "unicode_decimal": 59267
+    },
+    {
+      "icon_id": "43001841",
+      "name": "icon_pin",
+      "font_class": "icon_pin",
+      "unicode": "e784",
+      "unicode_decimal": 59268
+    },
+    {
+      "icon_id": "43001840",
+      "name": "icon_poweroff",
+      "font_class": "icon_poweroff",
+      "unicode": "e785",
+      "unicode_decimal": 59269
+    },
+    {
+      "icon_id": "43001838",
+      "name": "icon_photo",
+      "font_class": "icon_photo",
+      "unicode": "e786",
+      "unicode_decimal": 59270
+    },
+    {
+      "icon_id": "43001834",
+      "name": "icon_precise_monitor",
+      "font_class": "icon_precise_monitor",
+      "unicode": "e787",
+      "unicode_decimal": 59271
+    },
+    {
+      "icon_id": "43001837",
+      "name": "icon_print",
+      "font_class": "icon_print",
+      "unicode": "e788",
+      "unicode_decimal": 59272
+    },
+    {
+      "icon_id": "43001835",
+      "name": "icon_play_circle",
+      "font_class": "icon_play_circle",
+      "unicode": "e789",
+      "unicode_decimal": 59273
+    },
+    {
+      "icon_id": "43001833",
+      "name": "icon_play",
+      "font_class": "icon_play",
+      "unicode": "e78a",
+      "unicode_decimal": 59274
+    },
+    {
+      "icon_id": "43001832",
+      "name": "icon_remove",
+      "font_class": "icon_remove",
+      "unicode": "e78b",
+      "unicode_decimal": 59275
+    },
+    {
+      "icon_id": "43001880",
+      "name": "icon_server",
+      "font_class": "icon_server",
+      "unicode": "e776",
+      "unicode_decimal": 59254
+    },
+    {
+      "icon_id": "43001878",
+      "name": "icon_rollfront",
+      "font_class": "icon_rollfront",
+      "unicode": "e777",
+      "unicode_decimal": 59255
+    },
+    {
+      "icon_id": "43001877",
+      "name": "icon_scan",
+      "font_class": "icon_scan",
+      "unicode": "e778",
+      "unicode_decimal": 59256
+    },
+    {
+      "icon_id": "43001876",
+      "name": "icon_rotation",
+      "font_class": "icon_rotation",
+      "unicode": "e779",
+      "unicode_decimal": 59257
+    },
+    {
+      "icon_id": "43001847",
+      "name": "icon_pause_circle",
+      "font_class": "icon_pause_circle",
+      "unicode": "e77a",
+      "unicode_decimal": 59258
+    },
+    {
+      "icon_id": "43001850",
+      "name": "icon_pause",
+      "font_class": "icon_pause",
+      "unicode": "e77b",
+      "unicode_decimal": 59259
+    },
+    {
+      "icon_id": "43001846",
+      "name": "icon_pin_filled",
+      "font_class": "icon_pin_filled",
+      "unicode": "e77c",
+      "unicode_decimal": 59260
+    },
+    {
+      "icon_id": "43001849",
+      "name": "icon_play_circle_filled",
+      "font_class": "icon_play_circle_filled",
+      "unicode": "e77d",
+      "unicode_decimal": 59261
+    },
+    {
+      "icon_id": "43001848",
+      "name": "icon_qrcode",
+      "font_class": "icon_qrcode",
+      "unicode": "e77e",
+      "unicode_decimal": 59262
+    },
+    {
+      "icon_id": "43001844",
+      "name": "icon_previous",
+      "font_class": "icon_previous",
+      "unicode": "e77f",
+      "unicode_decimal": 59263
+    },
+    {
+      "icon_id": "43001845",
+      "name": "icon_rollback",
+      "font_class": "icon_rollback",
+      "unicode": "e780",
+      "unicode_decimal": 59264
+    },
+    {
+      "icon_id": "43001842",
+      "name": "icon_play_circle_stroke",
+      "font_class": "icon_play_circle_stroke",
+      "unicode": "e781",
+      "unicode_decimal": 59265
+    },
+    {
+      "icon_id": "43001894",
+      "name": "icon_swap_left",
+      "font_class": "icon_swap_left",
+      "unicode": "e766",
+      "unicode_decimal": 59238
+    },
+    {
+      "icon_id": "43001895",
+      "name": "icon_stop_circle",
+      "font_class": "icon_stop_circle",
+      "unicode": "e767",
+      "unicode_decimal": 59239
+    },
+    {
+      "icon_id": "43001893",
+      "name": "icon_sound",
+      "font_class": "icon_sound",
+      "unicode": "e768",
+      "unicode_decimal": 59240
+    },
+    {
+      "icon_id": "43001890",
+      "name": "icon_setting",
+      "font_class": "icon_setting",
+      "unicode": "e769",
+      "unicode_decimal": 59241
+    },
+    {
+      "icon_id": "43001892",
+      "name": "icon_share",
+      "font_class": "icon_share",
+      "unicode": "e76a",
+      "unicode_decimal": 59242
+    },
+    {
+      "icon_id": "43001884",
+      "name": "icon_search",
+      "font_class": "icon_search",
+      "unicode": "e76b",
+      "unicode_decimal": 59243
+    },
+    {
+      "icon_id": "43001889",
+      "name": "icon_service",
+      "font_class": "icon_service",
+      "unicode": "e76c",
+      "unicode_decimal": 59244
+    },
+    {
+      "icon_id": "43001891",
+      "name": "icon_star",
+      "font_class": "icon_star",
+      "unicode": "e76d",
+      "unicode_decimal": 59245
+    },
+    {
+      "icon_id": "43001887",
+      "name": "icon_round",
+      "font_class": "icon_round",
+      "unicode": "e76e",
+      "unicode_decimal": 59246
+    },
+    {
+      "icon_id": "43001888",
+      "name": "icon_star_filled",
+      "font_class": "icon_star_filled",
+      "unicode": "e76f",
+      "unicode_decimal": 59247
+    },
+    {
+      "icon_id": "43001886",
+      "name": "icon_shop",
+      "font_class": "icon_shop",
+      "unicode": "e770",
+      "unicode_decimal": 59248
+    },
+    {
+      "icon_id": "43001885",
+      "name": "icon_stop_circle_filled",
+      "font_class": "icon_stop_circle_filled",
+      "unicode": "e771",
+      "unicode_decimal": 59249
+    },
+    {
+      "icon_id": "43001883",
+      "name": "icon_slash",
+      "font_class": "icon_slash",
+      "unicode": "e772",
+      "unicode_decimal": 59250
+    },
+    {
+      "icon_id": "43001882",
+      "name": "icon_save",
+      "font_class": "icon_save",
+      "unicode": "e773",
+      "unicode_decimal": 59251
+    },
+    {
+      "icon_id": "43001881",
+      "name": "icon_secured",
+      "font_class": "icon_secured",
+      "unicode": "e774",
+      "unicode_decimal": 59252
+    },
+    {
+      "icon_id": "43001879",
+      "name": "icon_root_list",
+      "font_class": "icon_root_list",
+      "unicode": "e775",
+      "unicode_decimal": 59253
+    },
+    {
+      "icon_id": "43001795",
+      "name": "icon_menu-application",
+      "font_class": "icon_menu-application1",
+      "unicode": "e75f",
+      "unicode_decimal": 59231
+    },
+    {
+      "icon_id": "43001794",
+      "name": "icon_mobile_vibrate",
+      "font_class": "icon_mobile_vibrate",
+      "unicode": "e760",
+      "unicode_decimal": 59232
+    },
+    {
+      "icon_id": "43001792",
+      "name": "icon_mirror",
+      "font_class": "icon_mirror",
+      "unicode": "e761",
+      "unicode_decimal": 59233
+    },
+    {
+      "icon_id": "43001793",
+      "name": "icon_move",
+      "font_class": "icon_move",
+      "unicode": "e762",
+      "unicode_decimal": 59234
+    },
+    {
+      "icon_id": "43001790",
+      "name": "icon_page_first",
+      "font_class": "icon_page_first",
+      "unicode": "e763",
+      "unicode_decimal": 59235
+    },
+    {
+      "icon_id": "43001787",
+      "name": "icon_notification_filled",
+      "font_class": "icon_notification_filled",
+      "unicode": "e764",
+      "unicode_decimal": 59236
+    },
+    {
+      "icon_id": "43001788",
+      "name": "icon_minus_rectangle",
+      "font_class": "icon_minus_rectangle1",
+      "unicode": "e765",
+      "unicode_decimal": 59237
+    },
+    {
+      "icon_id": "43001806",
+      "name": "icon_menu_unfold",
+      "font_class": "icon_menu_unfold1",
+      "unicode": "e752",
+      "unicode_decimal": 59218
+    },
+    {
+      "icon_id": "43001799",
+      "name": "icon_page_last",
+      "font_class": "icon_page_last",
+      "unicode": "e753",
+      "unicode_decimal": 59219
+    },
+    {
+      "icon_id": "43001804",
+      "name": "icon_pause_circle_filled",
+      "font_class": "icon_pause_circle_filled",
+      "unicode": "e754",
+      "unicode_decimal": 59220
+    },
+    {
+      "icon_id": "43001805",
+      "name": "icon_money_circle",
+      "font_class": "icon_money_circle",
+      "unicode": "e755",
+      "unicode_decimal": 59221
+    },
+    {
+      "icon_id": "43001803",
+      "name": "icon_mail",
+      "font_class": "icon_mail1",
+      "unicode": "e756",
+      "unicode_decimal": 59222
+    },
+    {
+      "icon_id": "43001800",
+      "name": "icon_minus_circle_filled",
+      "font_class": "icon_minus_circle_filled1",
+      "unicode": "e757",
+      "unicode_decimal": 59223
+    },
+    {
+      "icon_id": "43001801",
+      "name": "icon_more",
+      "font_class": "icon_more",
+      "unicode": "e758",
+      "unicode_decimal": 59224
+    },
+    {
+      "icon_id": "43001796",
+      "name": "icon_menu_fold",
+      "font_class": "icon_menu_fold1",
+      "unicode": "e759",
+      "unicode_decimal": 59225
+    },
+    {
+      "icon_id": "43001789",
+      "name": "icon_next",
+      "font_class": "icon_next",
+      "unicode": "e75a",
+      "unicode_decimal": 59226
+    },
+    {
+      "icon_id": "43001797",
+      "name": "icon_notification",
+      "font_class": "icon_notification",
+      "unicode": "e75b",
+      "unicode_decimal": 59227
+    },
+    {
+      "icon_id": "43001791",
+      "name": "icon_minus_circle",
+      "font_class": "icon_minus_circle1",
+      "unicode": "e75c",
+      "unicode_decimal": 59228
+    },
+    {
+      "icon_id": "43001802",
+      "name": "icon_mobile",
+      "font_class": "icon_mobile",
+      "unicode": "e75d",
+      "unicode_decimal": 59229
+    },
+    {
+      "icon_id": "43001798",
+      "name": "icon_order_adjustment_column",
+      "font_class": "icon_order_adjustment_column",
+      "unicode": "e75e",
+      "unicode_decimal": 59230
+    },
+    {
+      "icon_id": "42996149",
+      "name": "icon_jump",
+      "font_class": "icon_jump",
+      "unicode": "e740",
+      "unicode_decimal": 59200
+    },
+    {
+      "icon_id": "42996150",
+      "name": "icon_lock_off",
+      "font_class": "icon_lock_off",
+      "unicode": "e741",
+      "unicode_decimal": 59201
+    },
+    {
+      "icon_id": "42996153",
+      "name": "icon_loading",
+      "font_class": "icon_loading",
+      "unicode": "e744",
+      "unicode_decimal": 59204
+    },
+    {
+      "icon_id": "42996154",
+      "name": "icon_laptop",
+      "font_class": "icon_laptop",
+      "unicode": "e745",
+      "unicode_decimal": 59205
+    },
+    {
+      "icon_id": "42996156",
+      "name": "icon_mail",
+      "font_class": "icon_mail",
+      "unicode": "e747",
+      "unicode_decimal": 59207
+    },
+    {
+      "icon_id": "42996157",
+      "name": "icon_minus_rectangle",
+      "font_class": "icon_minus_rectangle",
+      "unicode": "e748",
+      "unicode_decimal": 59208
+    },
+    {
+      "icon_id": "42996158",
+      "name": "icon_location",
+      "font_class": "icon_location",
+      "unicode": "e749",
+      "unicode_decimal": 59209
+    },
+    {
+      "icon_id": "42996159",
+      "name": "icon_lock_on",
+      "font_class": "icon_lock_on",
+      "unicode": "e74a",
+      "unicode_decimal": 59210
+    },
+    {
+      "icon_id": "42996160",
+      "name": "icon_link_unlink",
+      "font_class": "icon_link_unlink",
+      "unicode": "e74b",
+      "unicode_decimal": 59211
+    },
+    {
+      "icon_id": "42996161",
+      "name": "icon_menu-application",
+      "font_class": "icon_menu-application",
+      "unicode": "e74c",
+      "unicode_decimal": 59212
+    },
+    {
+      "icon_id": "42996162",
+      "name": "icon_minus_circle",
+      "font_class": "icon_minus_circle",
+      "unicode": "e74d",
+      "unicode_decimal": 59213
+    },
+    {
+      "icon_id": "42996163",
+      "name": "icon_logout",
+      "font_class": "icon_logout",
+      "unicode": "e74e",
+      "unicode_decimal": 59214
+    },
+    {
+      "icon_id": "42996164",
+      "name": "icon_link",
+      "font_class": "icon_link",
+      "unicode": "e74f",
+      "unicode_decimal": 59215
+    },
+    {
+      "icon_id": "42996165",
+      "name": "icon_layers",
+      "font_class": "icon_layers",
+      "unicode": "e750",
+      "unicode_decimal": 59216
+    },
+    {
+      "icon_id": "42996166",
+      "name": "icon_login",
+      "font_class": "icon_login",
+      "unicode": "e751",
+      "unicode_decimal": 59217
+    },
+    {
+      "icon_id": "42996016",
+      "name": "icon_file_paste",
+      "font_class": "icon_file_paste",
+      "unicode": "e718",
+      "unicode_decimal": 59160
+    },
+    {
+      "icon_id": "42996017",
+      "name": "icon_error_circle",
+      "font_class": "icon_error_circle",
+      "unicode": "e719",
+      "unicode_decimal": 59161
+    },
+    {
+      "icon_id": "42996018",
+      "name": "icon_file_word",
+      "font_class": "icon_file_word",
+      "unicode": "e71a",
+      "unicode_decimal": 59162
+    },
+    {
+      "icon_id": "42996019",
+      "name": "icon_enter",
+      "font_class": "icon_enter",
+      "unicode": "e71b",
+      "unicode_decimal": 59163
+    },
+    {
+      "icon_id": "42996020",
+      "name": "icon_file",
+      "font_class": "icon_file",
+      "unicode": "e71c",
+      "unicode_decimal": 59164
+    },
+    {
+      "icon_id": "42996022",
+      "name": "icon_fork",
+      "font_class": "icon_fork",
+      "unicode": "e71e",
+      "unicode_decimal": 59166
+    },
+    {
+      "icon_id": "42996023",
+      "name": "icon_file_copy",
+      "font_class": "icon_file_copy",
+      "unicode": "e71f",
+      "unicode_decimal": 59167
+    },
+    {
+      "icon_id": "42996024",
+      "name": "icon_flag",
+      "font_class": "icon_flag",
+      "unicode": "e720",
+      "unicode_decimal": 59168
+    },
+    {
+      "icon_id": "42996025",
+      "name": "icon_folder",
+      "font_class": "icon_folder",
+      "unicode": "e721",
+      "unicode_decimal": 59169
+    },
+    {
+      "icon_id": "42996026",
+      "name": "icon_file_image",
+      "font_class": "icon_file_image",
+      "unicode": "e722",
+      "unicode_decimal": 59170
+    },
+    {
+      "icon_id": "42996027",
+      "name": "icon_file_powerpoint",
+      "font_class": "icon_file_powerpoint",
+      "unicode": "e723",
+      "unicode_decimal": 59171
+    },
+    {
+      "icon_id": "42996028",
+      "name": "icon_file_add",
+      "font_class": "icon_file_add",
+      "unicode": "e724",
+      "unicode_decimal": 59172
+    },
+    {
+      "icon_id": "42996029",
+      "name": "icon_file_unknown",
+      "font_class": "icon_file_unknown",
+      "unicode": "e725",
+      "unicode_decimal": 59173
+    },
+    {
+      "icon_id": "42996030",
+      "name": "icon_error_circle_filled",
+      "font_class": "icon_error_circle_filled",
+      "unicode": "e726",
+      "unicode_decimal": 59174
+    },
+    {
+      "icon_id": "42996031",
+      "name": "icon_help",
+      "font_class": "icon_help",
+      "unicode": "e727",
+      "unicode_decimal": 59175
+    },
+    {
+      "icon_id": "42996032",
+      "name": "icon_fullscreen_exit",
+      "font_class": "icon_fullscreen_exit",
+      "unicode": "e728",
+      "unicode_decimal": 59176
+    },
+    {
+      "icon_id": "42996033",
+      "name": "icon_file_pdf",
+      "font_class": "icon_file_pdf",
+      "unicode": "e729",
+      "unicode_decimal": 59177
+    },
+    {
+      "icon_id": "42996034",
+      "name": "icon_gift",
+      "font_class": "icon_gift",
+      "unicode": "e72a",
+      "unicode_decimal": 59178
+    },
+    {
+      "icon_id": "42996035",
+      "name": "icon_gender_female",
+      "font_class": "icon_gender_female",
+      "unicode": "e72b",
+      "unicode_decimal": 59179
+    },
+    {
+      "icon_id": "42996036",
+      "name": "icon_home",
+      "font_class": "icon_home1",
+      "unicode": "e72c",
+      "unicode_decimal": 59180
+    },
+    {
+      "icon_id": "42996037",
+      "name": "icon_heart_filled",
+      "font_class": "icon_heart_filled",
+      "unicode": "e72d",
+      "unicode_decimal": 59181
+    },
+    {
+      "icon_id": "42996038",
+      "name": "icon_info_circle",
+      "font_class": "icon_info_circle",
+      "unicode": "e72e",
+      "unicode_decimal": 59182
+    },
+    {
+      "icon_id": "42996039",
+      "name": "icon_file_icon",
+      "font_class": "icon_file_icon",
+      "unicode": "e72f",
+      "unicode_decimal": 59183
+    },
+    {
+      "icon_id": "42996040",
+      "name": "icon_heart",
+      "font_class": "icon_heart",
+      "unicode": "e730",
+      "unicode_decimal": 59184
+    },
+    {
+      "icon_id": "42996041",
+      "name": "icon_history",
+      "font_class": "icon_history",
+      "unicode": "e731",
+      "unicode_decimal": 59185
+    },
+    {
+      "icon_id": "42996043",
+      "name": "icon_hourglass",
+      "font_class": "icon_hourglass",
+      "unicode": "e733",
+      "unicode_decimal": 59187
+    },
+    {
+      "icon_id": "42996044",
+      "name": "icon_info_circle_filled",
+      "font_class": "icon_info_circle_filled",
+      "unicode": "e734",
+      "unicode_decimal": 59188
+    },
+    {
+      "icon_id": "42996045",
+      "name": "icon_folder_open",
+      "font_class": "icon_folder_open",
+      "unicode": "e735",
+      "unicode_decimal": 59189
+    },
+    {
+      "icon_id": "42996046",
+      "name": "icon_help_circle_filled",
+      "font_class": "icon_help_circle_filled",
+      "unicode": "e736",
+      "unicode_decimal": 59190
+    },
+    {
+      "icon_id": "42996047",
+      "name": "icon_help_circle",
+      "font_class": "icon_help_circle",
+      "unicode": "e737",
+      "unicode_decimal": 59191
+    },
+    {
+      "icon_id": "42996048",
+      "name": "icon_image",
+      "font_class": "icon_image",
+      "unicode": "e738",
+      "unicode_decimal": 59192
+    },
+    {
+      "icon_id": "42996049",
+      "name": "icon_gender_male",
+      "font_class": "icon_gender_male",
+      "unicode": "e739",
+      "unicode_decimal": 59193
+    },
+    {
+      "icon_id": "42996050",
+      "name": "icon_fullsreen",
+      "font_class": "icon_fullsreen",
+      "unicode": "e73a",
+      "unicode_decimal": 59194
+    },
+    {
+      "icon_id": "42996051",
+      "name": "icon_image_error",
+      "font_class": "icon_image_error",
+      "unicode": "e73b",
+      "unicode_decimal": 59195
+    },
+    {
+      "icon_id": "42996052",
+      "name": "icon_folder_add",
+      "font_class": "icon_folder_add",
+      "unicode": "e73c",
+      "unicode_decimal": 59196
+    },
+    {
+      "icon_id": "42996053",
+      "name": "icon_file_excel",
+      "font_class": "icon_file_excel",
+      "unicode": "e73d",
+      "unicode_decimal": 59197
+    },
+    {
+      "icon_id": "42996054",
+      "name": "icon_forward",
+      "font_class": "icon_forward",
+      "unicode": "e73e",
+      "unicode_decimal": 59198
+    },
+    {
+      "icon_id": "42996055",
+      "name": "icon_internet",
+      "font_class": "icon_internet",
+      "unicode": "e73f",
+      "unicode_decimal": 59199
+    },
+    {
+      "icon_id": "42995831",
+      "name": "icon_check_circle_filled",
+      "font_class": "icon_check_circle_filled",
+      "unicode": "e6f1",
+      "unicode_decimal": 59121
+    },
+    {
+      "icon_id": "42995832",
+      "name": "icon_chevron_right_circle",
+      "font_class": "icon_chevron_right_circle",
+      "unicode": "e6f2",
+      "unicode_decimal": 59122
+    },
+    {
+      "icon_id": "42995833",
+      "name": "icon_creditcard",
+      "font_class": "icon_creditcard",
+      "unicode": "e6f3",
+      "unicode_decimal": 59123
+    },
+    {
+      "icon_id": "42995834",
+      "name": "icon_close_circle_filled",
+      "font_class": "icon_close_circle_filled",
+      "unicode": "e6f4",
+      "unicode_decimal": 59124
+    },
+    {
+      "icon_id": "42995835",
+      "name": "icon_circle",
+      "font_class": "icon_circle",
+      "unicode": "e6f5",
+      "unicode_decimal": 59125
+    },
+    {
+      "icon_id": "42995836",
+      "name": "icon_chevron_left_circle",
+      "font_class": "icon_chevron_left_circle",
+      "unicode": "e6f6",
+      "unicode_decimal": 59126
+    },
+    {
+      "icon_id": "42995837",
+      "name": "icon_chevron_left_double",
+      "font_class": "icon_chevron_left_double",
+      "unicode": "e6f7",
+      "unicode_decimal": 59127
+    },
+    {
+      "icon_id": "42995838",
+      "name": "icon_chevron_right",
+      "font_class": "icon_chevron_right",
+      "unicode": "e6f8",
+      "unicode_decimal": 59128
+    },
+    {
+      "icon_id": "42995839",
+      "name": "icon_control_platform",
+      "font_class": "icon_control_platform",
+      "unicode": "e6f9",
+      "unicode_decimal": 59129
+    },
+    {
+      "icon_id": "42995840",
+      "name": "icon_close",
+      "font_class": "icon_close",
+      "unicode": "e6fa",
+      "unicode_decimal": 59130
+    },
+    {
+      "icon_id": "42995841",
+      "name": "icon_check",
+      "font_class": "icon_check",
+      "unicode": "e6fb",
+      "unicode_decimal": 59131
+    },
+    {
+      "icon_id": "42995842",
+      "name": "icon_chevron_right_double",
+      "font_class": "icon_chevron_right_double",
+      "unicode": "e6fc",
+      "unicode_decimal": 59132
+    },
+    {
+      "icon_id": "42995843",
+      "name": "icon_check_rectangle_filled",
+      "font_class": "icon_check_rectangle_filled",
+      "unicode": "e6fd",
+      "unicode_decimal": 59133
+    },
+    {
+      "icon_id": "42995844",
+      "name": "icon_cloud_upload",
+      "font_class": "icon_cloud_upload",
+      "unicode": "e6fe",
+      "unicode_decimal": 59134
+    },
+    {
+      "icon_id": "42995845",
+      "name": "icon_chevron_up_circle",
+      "font_class": "icon_chevron_up_circle",
+      "unicode": "e6ff",
+      "unicode_decimal": 59135
+    },
+    {
+      "icon_id": "42995846",
+      "name": "icon_chevron_down_circle",
+      "font_class": "icon_chevron_down_circle",
+      "unicode": "e700",
+      "unicode_decimal": 59136
+    },
+    {
+      "icon_id": "42995847",
+      "name": "icon_chevron_up_rectangle",
+      "font_class": "icon_chevron_up_rectangle",
+      "unicode": "e701",
+      "unicode_decimal": 59137
+    },
+    {
+      "icon_id": "42995848",
+      "name": "icon_close_rectangle",
+      "font_class": "icon_close_rectangle",
+      "unicode": "e702",
+      "unicode_decimal": 59138
+    },
+    {
+      "icon_id": "42995849",
+      "name": "icon_chevron_down_rectangle",
+      "font_class": "icon_chevron_down_rectangle",
+      "unicode": "e703",
+      "unicode_decimal": 59139
+    },
+    {
+      "icon_id": "42995850",
+      "name": "icon_chevron_left",
+      "font_class": "icon_chevron_left",
+      "unicode": "e704",
+      "unicode_decimal": 59140
+    },
+    {
+      "icon_id": "42995851",
+      "name": "icon_check_circle",
+      "font_class": "icon_check_circle",
+      "unicode": "e705",
+      "unicode_decimal": 59141
+    },
+    {
+      "icon_id": "42995852",
+      "name": "icon_chevron_right_rectangle",
+      "font_class": "icon_chevron_right_rectangle",
+      "unicode": "e706",
+      "unicode_decimal": 59142
+    },
+    {
+      "icon_id": "42995853",
+      "name": "icon_check_rectangle",
+      "font_class": "icon_check_rectangle",
+      "unicode": "e707",
+      "unicode_decimal": 59143
+    },
+    {
+      "icon_id": "42995854",
+      "name": "icon_close_circle",
+      "font_class": "icon_close_circle",
+      "unicode": "e708",
+      "unicode_decimal": 59144
+    },
+    {
+      "icon_id": "42995855",
+      "name": "icon_cloud",
+      "font_class": "icon_cloud",
+      "unicode": "e709",
+      "unicode_decimal": 59145
+    },
+    {
+      "icon_id": "42995856",
+      "name": "icon_chevron_down",
+      "font_class": "icon_chevron_down",
+      "unicode": "e70a",
+      "unicode_decimal": 59146
+    },
+    {
+      "icon_id": "42995857",
+      "name": "icon_delete",
+      "font_class": "icon_delete",
+      "unicode": "e70b",
+      "unicode_decimal": 59147
+    },
+    {
+      "icon_id": "42995858",
+      "name": "icon_chevron_up",
+      "font_class": "icon_chevron_up",
+      "unicode": "e70c",
+      "unicode_decimal": 59148
+    },
+    {
+      "icon_id": "42995859",
+      "name": "icon_code",
+      "font_class": "icon_code",
+      "unicode": "e70d",
+      "unicode_decimal": 59149
+    },
+    {
+      "icon_id": "42995860",
+      "name": "icon_dashboard",
+      "font_class": "icon_dashboard",
+      "unicode": "e70e",
+      "unicode_decimal": 59150
+    },
+    {
+      "icon_id": "42995861",
+      "name": "icon_clear",
+      "font_class": "icon_clear",
+      "unicode": "e70f",
+      "unicode_decimal": 59151
+    },
+    {
+      "icon_id": "42995862",
+      "name": "icon_chevron_left_rectangle",
+      "font_class": "icon_chevron_left_rectangle",
+      "unicode": "e710",
+      "unicode_decimal": 59152
+    },
+    {
+      "icon_id": "42995863",
+      "name": "icon_cloud_download",
+      "font_class": "icon_cloud_download",
+      "unicode": "e711",
+      "unicode_decimal": 59153
+    },
+    {
+      "icon_id": "42995864",
+      "name": "icon_desktop",
+      "font_class": "icon_desktop",
+      "unicode": "e712",
+      "unicode_decimal": 59154
+    },
+    {
+      "icon_id": "42995866",
+      "name": "icon_ellipsis",
+      "font_class": "icon_ellipsis",
+      "unicode": "e713",
+      "unicode_decimal": 59155
+    },
+    {
+      "icon_id": "42995868",
+      "name": "icon_edit",
+      "font_class": "icon_edit",
+      "unicode": "e715",
+      "unicode_decimal": 59157
+    },
+    {
+      "icon_id": "42995869",
+      "name": "icon_download",
+      "font_class": "icon_download",
+      "unicode": "e716",
+      "unicode_decimal": 59158
+    },
+    {
+      "icon_id": "42995870",
+      "name": "icon_discount_filled",
+      "font_class": "icon_discount_filled",
+      "unicode": "e717",
+      "unicode_decimal": 59159
+    },
+    {
+      "icon_id": "42995750",
+      "name": "icon_caret_down",
+      "font_class": "icon_caret_down",
+      "unicode": "e6c9",
+      "unicode_decimal": 59081
+    },
+    {
+      "icon_id": "42995751",
+      "name": "icon_backtop",
+      "font_class": "icon_backtop",
+      "unicode": "e6ca",
+      "unicode_decimal": 59082
+    },
+    {
+      "icon_id": "42995752",
+      "name": "icon_caret_right",
+      "font_class": "icon_caret_right",
+      "unicode": "e6cb",
+      "unicode_decimal": 59083
+    },
+    {
+      "icon_id": "42995753",
+      "name": "icon_bulletpoint",
+      "font_class": "icon_bulletpoint",
+      "unicode": "e6cc",
+      "unicode_decimal": 59084
+    },
+    {
+      "icon_id": "42995754",
+      "name": "icon_caret_right_small",
+      "font_class": "icon_caret_right_small",
+      "unicode": "e6cd",
+      "unicode_decimal": 59085
+    },
+    {
+      "icon_id": "42995755",
+      "name": "icon_add",
+      "font_class": "icon_add",
+      "unicode": "e6ce",
+      "unicode_decimal": 59086
+    },
+    {
+      "icon_id": "42995756",
+      "name": "icon_caret_left",
+      "font_class": "icon_caret_left",
+      "unicode": "e6cf",
+      "unicode_decimal": 59087
+    },
+    {
+      "icon_id": "42995757",
+      "name": "icon_caret_down_small",
+      "font_class": "icon_caret_down_small",
+      "unicode": "e6d0",
+      "unicode_decimal": 59088
+    },
+    {
+      "icon_id": "42995758",
+      "name": "icon_caret_left_small",
+      "font_class": "icon_caret_left_small",
+      "unicode": "e6d1",
+      "unicode_decimal": 59089
+    },
+    {
+      "icon_id": "42995759",
+      "name": "chart-bar",
+      "font_class": "chart-bar",
+      "unicode": "e6d2",
+      "unicode_decimal": 59090
+    },
+    {
+      "icon_id": "42995760",
+      "name": "icon_arrow_left",
+      "font_class": "icon_arrow_left",
+      "unicode": "e6d3",
+      "unicode_decimal": 59091
+    },
+    {
+      "icon_id": "42995761",
+      "name": "icon_calendar",
+      "font_class": "icon_calendar",
+      "unicode": "e6d4",
+      "unicode_decimal": 59092
+    },
+    {
+      "icon_id": "42995762",
+      "name": "icon_chart_pie",
+      "font_class": "icon_chart_pie",
+      "unicode": "e6d5",
+      "unicode_decimal": 59093
+    },
+    {
+      "icon_id": "42995763",
+      "name": "icon_arrow_right",
+      "font_class": "icon_arrow_right",
+      "unicode": "e6d6",
+      "unicode_decimal": 59094
+    },
+    {
+      "icon_id": "42995764",
+      "name": "icon_caret_up_small",
+      "font_class": "icon_caret_up_small",
+      "unicode": "e6d7",
+      "unicode_decimal": 59095
+    },
+    {
+      "icon_id": "42995766",
+      "name": "icon_browse",
+      "font_class": "icon_browse",
+      "unicode": "e6d9",
+      "unicode_decimal": 59097
+    },
+    {
+      "icon_id": "42995768",
+      "name": "icon_books",
+      "font_class": "icon_books",
+      "unicode": "e6db",
+      "unicode_decimal": 59099
+    },
+    {
+      "icon_id": "42995769",
+      "name": "icon_app",
+      "font_class": "icon_app",
+      "unicode": "e6dc",
+      "unicode_decimal": 59100
+    },
+    {
+      "icon_id": "42995770",
+      "name": "icon_arrow_up",
+      "font_class": "icon_arrow_up",
+      "unicode": "e6dd",
+      "unicode_decimal": 59101
+    },
+    {
+      "icon_id": "42995772",
+      "name": "icon_backward",
+      "font_class": "icon_backward",
+      "unicode": "e6df",
+      "unicode_decimal": 59103
+    },
+    {
+      "icon_id": "42995773",
+      "name": "icon_cart",
+      "font_class": "icon_cart",
+      "unicode": "e6e0",
+      "unicode_decimal": 59104
+    },
+    {
+      "icon_id": "42995774",
+      "name": "icon_attach",
+      "font_class": "icon_attach",
+      "unicode": "e6e1",
+      "unicode_decimal": 59105
+    },
+    {
+      "icon_id": "42995775",
+      "name": "chart",
+      "font_class": "chart",
+      "unicode": "e6e2",
+      "unicode_decimal": 59106
+    },
+    {
+      "icon_id": "42995776",
+      "name": "icon_chat",
+      "font_class": "icon_chat",
+      "unicode": "e6e3",
+      "unicode_decimal": 59107
+    },
+    {
+      "icon_id": "42995777",
+      "name": "icon_add_rectangle",
+      "font_class": "icon_add_rectangle",
+      "unicode": "e6e4",
+      "unicode_decimal": 59108
+    },
+    {
+      "icon_id": "42995778",
+      "name": "icon_add_circle",
+      "font_class": "icon_add_circle",
+      "unicode": "e6e5",
+      "unicode_decimal": 59109
+    },
+    {
+      "icon_id": "42995779",
+      "name": "icon_barcode",
+      "font_class": "icon_barcode",
+      "unicode": "e6e6",
+      "unicode_decimal": 59110
+    },
+    {
+      "icon_id": "42995780",
+      "name": "icon_arrow_down_rectangle",
+      "font_class": "icon_arrow_down_rectangle",
+      "unicode": "e6e7",
+      "unicode_decimal": 59111
+    },
+    {
+      "icon_id": "42995781",
+      "name": "icon_browse_off",
+      "font_class": "icon_browse_off",
+      "unicode": "e6e8",
+      "unicode_decimal": 59112
+    },
+    {
+      "icon_id": "42995782",
+      "name": "icon_backtop_rectangle",
+      "font_class": "icon_backtop_rectangle",
+      "unicode": "e6e9",
+      "unicode_decimal": 59113
+    },
+    {
+      "icon_id": "42995784",
+      "name": "icon_arrow_down",
+      "font_class": "icon_arrow_down",
+      "unicode": "e6eb",
+      "unicode_decimal": 59115
+    },
+    {
+      "icon_id": "42995786",
+      "name": "icon_call",
+      "font_class": "icon_call",
+      "unicode": "e6ed",
+      "unicode_decimal": 59117
+    },
+    {
+      "icon_id": "42995787",
+      "name": "icon_caret_up",
+      "font_class": "icon_caret_up",
+      "unicode": "e6ee",
+      "unicode_decimal": 59118
+    },
+    {
+      "icon_id": "42995789",
+      "name": "icon_chart_bubble",
+      "font_class": "icon_chart_bubble",
+      "unicode": "e6f0",
+      "unicode_decimal": 59120
+    },
+    {
+      "icon_id": "42977221",
+      "name": "icon_data",
+      "font_class": "icon_data",
+      "unicode": "e6ae",
+      "unicode_decimal": 59054
+    },
+    {
+      "icon_id": "42977220",
+      "name": "icon_clue",
+      "font_class": "icon_clue",
+      "unicode": "e6af",
+      "unicode_decimal": 59055
+    },
+    {
+      "icon_id": "42977219",
+      "name": "icon_business_opportunity",
+      "font_class": "icon_business_opportunity",
+      "unicode": "e6b0",
+      "unicode_decimal": 59056
+    },
+    {
+      "icon_id": "42977227",
+      "name": "icon_set_up",
+      "font_class": "icon_set_up",
+      "unicode": "e6a8",
+      "unicode_decimal": 59048
+    },
+    {
+      "icon_id": "42977225",
+      "name": "icon_not_bookmarked",
+      "font_class": "icon_not_bookmarked",
+      "unicode": "e6a9",
+      "unicode_decimal": 59049
+    },
+    {
+      "icon_id": "42977226",
+      "name": "icon_product",
+      "font_class": "icon_product",
+      "unicode": "e6aa",
+      "unicode_decimal": 59050
+    },
+    {
+      "icon_id": "42977224",
+      "name": "icon_customer",
+      "font_class": "icon_customer",
+      "unicode": "e6ab",
+      "unicode_decimal": 59051
+    },
+    {
+      "icon_id": "42977223",
+      "name": "icon_home",
+      "font_class": "icon_home",
+      "unicode": "e6ac",
+      "unicode_decimal": 59052
+    },
+    {
+      "icon_id": "42977222",
+      "name": "icon_collect",
+      "font_class": "icon_collect",
+      "unicode": "e6ad",
+      "unicode_decimal": 59053
+    },
+    {
+      "icon_id": "32849880",
+      "name": "icon-kfckfc",
+      "font_class": "icon_search-outline_outlined",
+      "unicode": "e6c2",
+      "unicode_decimal": 59074
+    },
+    {
+      "icon_id": "32849886",
+      "name": "icon-alarmclock",
+      "font_class": "icon-alarmclock",
+      "unicode": "e6c8",
+      "unicode_decimal": 59080
+    }
+  ]
+}
diff --git a/frontend/packages/mobile/src/assets/icon-font/iconfont.svg b/frontend/packages/mobile/src/assets/icon-font/iconfont.svg
new file mode 100644
index 0000000..3aa8fc2
--- /dev/null
+++ b/frontend/packages/mobile/src/assets/icon-font/iconfont.svg
@@ -0,0 +1,679 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+  <metadata>Created by iconfont</metadata>
+  <defs>
+  <font id="iconfont" horiz-adv-x="1024">
+    <font-face
+      font-family="iconfont"
+      font-weight="400"
+      font-stretch="normal"
+      units-per-em="1024"
+      ascent="896"
+      descent="-128"
+    />
+      <missing-glyph />
+      
+      <glyph glyph-name="icon_functions_outlined" unicode="&#59368;" d="M512 384L207.189333 645.248C175.104 672.768 194.56 725.333333 236.8 725.333333H802.133333c12.586667 0 22.741333-10.197333 22.741334-22.741333v-39.850667A22.741333 22.741333 0 0 0 802.133333 640H341.333333l291.370667-238.378667c11.093333-9.130667 11.093333-26.112 0-35.242666L341.333333 128h489.258667c12.544 0 22.741333-10.197333 22.741333-22.741333v-39.850667a22.741333 22.741333 0 0 0-22.741333-22.741333H236.8c-42.24 0-61.696 52.565333-29.610667 80.085333L512 384z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_timeline" unicode="&#59367;" d="M138.666667-42.666667a42.666667 42.666667 0 0 0-85.333334 0V810.666667a42.666667 42.666667 0 1 0 85.333334 0v-128h113.92a128.042667 128.042667 0 0 0 241.493333 0h455.253333a42.666667 42.666667 0 0 0 0-85.333334H494.037333a128.042667 128.042667 0 0 0-241.408 0H138.666667v-170.666666h497.92a128.042667 128.042667 0 0 0 241.493333 0h71.253333a42.666667 42.666667 0 0 0 0-85.333334h-71.296a128.042667 128.042667 0 0 0-241.408 0H138.666667v-170.666666h113.92a128.042667 128.042667 0 0 0 241.493333 0h455.253333a42.666667 42.666667 0 0 0 0-85.333334H494.037333a128.042667 128.042667 0 0 0-241.408 0H138.666667v-128z m234.666666 213.333334a42.666667 42.666667 0 1 1 0-85.333334 42.666667 42.666667 0 0 1 0 85.333334z m384 256a42.666667 42.666667 0 1 1 0-85.333334 42.666667 42.666667 0 0 1 0 85.333334z m-384 256a42.666667 42.666667 0 1 1 0-85.333334 42.666667 42.666667 0 0 1 0 85.333334z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_waterfalls" unicode="&#59365;" d="M490.666667 810.666667a42.666667 42.666667 0 0 0 42.666666-42.666667v-298.666667a42.666667 42.666667 0 0 0-42.666666-42.666666H128a42.666667 42.666667 0 0 0-42.666667 42.666666V768a42.666667 42.666667 0 0 0 42.666667 42.666667h362.666667z m-42.666667-85.333334H170.666667v-213.333333h277.333333V725.333333zM896 341.333333a42.666667 42.666667 0 0 0 42.666667-42.666666v-298.666667a42.666667 42.666667 0 0 0-42.666667-42.666667h-362.666667a42.666667 42.666667 0 0 0-42.666666 42.666667v298.666667a42.666667 42.666667 0 0 0 42.666666 42.666666H896z m-42.666667-85.333333h-277.333333v-213.333333H853.333333v213.333333z m42.666667 554.666667a42.666667 42.666667 0 0 0 42.666667-42.666667v-298.666667a42.666667 42.666667 0 0 0-42.666667-42.666666h-234.666667a42.666667 42.666667 0 0 0-42.666666 42.666666V768a42.666667 42.666667 0 0 0 42.666666 42.666667H896z m-42.666667-85.333334h-149.333333v-213.333333H853.333333V725.333333zM362.666667 341.333333a42.666667 42.666667 0 0 0 42.666666-42.666666v-298.666667a42.666667 42.666667 0 0 0-42.666666-42.666667H128a42.666667 42.666667 0 0 0-42.666667 42.666667v298.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h234.666667z m-42.666667-85.333333H170.666667v-213.333333h149.333333v213.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_list" unicode="&#59366;" d="M170.666667 810.666667a128 128 0 1 0 0-256 128 128 0 0 0 0 256z m0-85.333334a42.666667 42.666667 0 1 1 0-85.333333 42.666667 42.666667 0 0 1 0 85.333333z m0-256a85.333333 85.333333 0 1 0 0-170.666666 85.333333 85.333333 0 0 0 0 170.666666z m0-298.666666a85.333333 85.333333 0 1 0 0-170.666667 85.333333 85.333333 0 0 0 0 170.666667z m768 256a42.666667 42.666667 0 0 0 0-85.333334H426.666667a42.666667 42.666667 0 0 0 0 85.333334h512z m0-298.666667a42.666667 42.666667 0 0 0 0-85.333333H426.666667a42.666667 42.666667 0 0 0 0 85.333333h512z m0 597.333333a42.666667 42.666667 0 0 0 0-85.333333H426.666667a42.666667 42.666667 0 1 0 0 85.333333h512z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-unknown_colorful1" unicode="&#59364;" d="M170.666667 789.333333a42.666667 42.666667 0 0 0 42.666666 42.666667h417.834667a21.333333 21.333333 0 0 0 15.061333-6.229333l200.874667-200.874667a21.333333 21.333333 0 0 0 6.229333-15.061333V-21.333333a42.666667 42.666667 0 0 0-42.666666-42.666667H213.333333a42.666667 42.666667 0 0 0-42.666666 42.666667v810.666666zM640 830.08a21.290667 21.290667 0 0 0 6.229333-4.309333l200.874667-200.874667a21.376 21.376 0 0 0 4.309333-6.229333H682.666667a42.666667 42.666667 0 0 0-42.666667 42.666666V830.08zM609.578667 475.093333c-23.253333 22.058667-53.845333 32.981333-91.818667 32.981334-42.666667 0-76.16-13.653333-100.394667-41.557334-20.522667-23.936-31.573333-46.933333-33.194666-83.114666l-0.085334-4.266667a10.581333 10.581333 0 0 1 10.624-10.666667h25.216a10.752 10.752 0 0 1 10.709334 10.581334c0 1.749333 0.085333 3.285333 0.128 4.096 1.237333 25.002667 7.722667 38.101333 19.370666 52.650666 14.72 19.626667 36.266667 29.226667 65.877334 29.226667 26.410667 0 46.208-6.741333 59.861333-20.394667 13.056-13.568 19.84-32.042667 19.84-55.253333 0-15.786667-5.717333-30.890667-17.408-45.866667-3.712-4.650667-9.045333-10.154667-26.282667-27.392-27.178667-23.765333-43.989333-43.093333-52.906666-62.165333a108.8 108.8 0 0 1-11.008-48.981333v-12.032c0-5.888 4.778667-10.666667 10.666666-10.666667h25.813334a10.666667 10.666667 0 0 1 10.666666 10.666667v12.032c0 15.104 3.712 28.629333 11.434667 41.813333 5.76 9.813333 13.184 17.536 26.112 28.842667 25.898667 23.466667 40.234667 37.376 46.677333 45.568a112.554667 112.554667 0 0 1 23.381334 69.376c0 35.285333-11.093333 63.573333-33.28 84.48z m-110.208-339.370666a10.666667 10.666667 0 0 1-10.666667-10.666667v-25.216c0-5.888 4.778667-10.666667 10.666667-10.666667h25.216a10.666667 10.666667 0 0 1 10.666666 10.666667v25.173333a10.666667 10.666667 0 0 1-10.666666 10.666667h-25.173334z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_link2" unicode="&#59363;" d="M503.850667 438.144a32 32 0 0 0 0-45.269333c-45.952-45.952-46.933333-119.04-2.816-163.157334l1.408-1.493333 1.365333-1.28 194.986667-194.986667c44.16-44.16 117.205333-43.178667 163.157333 2.773334s46.933333 119.04 2.773333 163.157333L695.466667 367.146667a32 32 0 1 0 45.226666 45.269333l169.301334-169.258667c69.418667-69.418667 67.882667-182.997333-2.773334-253.653333-70.698667-70.698667-184.234667-72.234667-253.653333-2.816l-194.986667 194.986667-1.28 1.408a32.469333 32.469333 0 0 0-1.536 1.408c-69.376 69.376-67.84 182.954667 2.816 253.653333a32 32 0 0 0 45.226667 0zM403.584 748.8l194.986667-194.986667c69.418667-69.418667 67.882667-182.954667-2.773334-253.653333a32 32 0 1 0-45.226666 45.226667c45.909333 45.994667 46.933333 119.04 2.773333 163.2l-194.986667 194.986666c-44.16 44.117333-117.205333 43.136-163.157333-2.816s-46.933333-118.997333-2.816-163.157333l169.301333-169.258667a32 32 0 0 0-45.226666-45.226666L147.114667 492.373333c-69.418667 69.418667-67.882667 182.954667 2.773333 253.653334C220.629333 816.725333 334.165333 818.261333 403.626667 748.8z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_bot" unicode="&#59362;" d="M522.666667 810.666667a85.333333 85.333333 0 0 0 42.709333-159.232L565.333333 554.666667h234.666667a85.333333 85.333333 0 0 0 85.333333-85.333334v-426.666666a85.333333 85.333333 0 0 0-85.333333-85.333334h-554.666667a85.333333 85.333333 0 0 0-85.333333 85.333334V469.333333a85.333333 85.333333 0 0 0 85.333333 85.333334h234.666667V651.434667a85.333333 85.333333 0 0 0 42.666667 159.232z m277.333333-341.333334h-554.666667v-426.666666h554.666667V469.333333z m-704-85.333333a42.666667 42.666667 0 0 0 42.666667-42.666667v-170.666666a42.666667 42.666667 0 0 0-85.333334 0v170.666666a42.666667 42.666667 0 0 0 42.666667 42.666667z m853.333333 0a42.666667 42.666667 0 0 0 42.666667-42.666667v-170.666666a42.666667 42.666667 0 0 0-85.333333 0v170.666666a42.666667 42.666667 0 0 0 42.666666 42.666667z m-341.333333-170.666667l4.992-0.298666A42.666667 42.666667 0 0 0 608 128h-170.666667l-4.992 0.298667A42.666667 42.666667 0 0 0 437.333333 213.333333h170.666667z m-234.666667 170.666667a42.666667 42.666667 0 1 0 0-85.333333 42.666667 42.666667 0 0 0 0 85.333333z m298.666667 0a42.666667 42.666667 0 1 0 0-85.333333 42.666667 42.666667 0 0 0 0 85.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_365" unicode="&#59355;" d="M906.666667 853.333333a85.333333 85.333333 0 0 0 85.333333-85.333333v-768a85.333333 85.333333 0 0 0-85.333333-85.333333h-768a85.333333 85.333333 0 0 0-85.333334 85.333333V768a85.333333 85.333333 0 0 0 85.333334 85.333333h768z m0-298.666666h-768v-554.666667h768V554.666667z m0 213.333333h-768v-128h768V768zM521.642667 426.666667c43.776 0 82.048-28.885333 97.706666-71.338667a28.373333 28.373333 0 0 0-16.426666-36.437333 27.989333 27.989333 0 0 0-36.096 16.64c-7.765333 20.992-25.685333 34.517333-45.226667 34.517333-26.496 0-49.066667-24.832-49.066667-56.661333v-12.245334a103.936 103.936 0 0 0 49.066667 12.245334c58.112 0 105.216-47.530667 105.216-106.154667 0-58.666667-47.104-106.197333-105.173333-106.197333-58.112 0-105.216 47.530667-105.216 106.197333l0.085333 4.906667a29.013333 29.013333 0 0 0-0.085333 2.133333v99.114667C416.426667 375.466667 462.933333 426.666667 521.642667 426.666667z m0-169.898667c-27.136 0-49.066667-22.186667-49.066667-49.536 0-27.392 21.930667-49.536 49.066667-49.536 27.093333 0 49.066667 22.186667 49.066666 49.493333 0 27.392-21.973333 49.578667-49.066666 49.578667zM345.984 426.666667c19.370667 0 35.072-15.829333 35.072-35.413334v-247.722666c0-19.541333-15.701333-35.413333-35.072-35.413334H205.738667a35.242667 35.242667 0 0 0-35.072 35.413334c0 19.541333 15.701333 35.413333 35.072 35.413333h105.173333v53.077333H240.810667a35.242667 35.242667 0 0 0-35.072 35.413334c0 19.498667 15.701333 35.370667 35.072 35.370666h70.101333v53.077334H205.738667a35.2 35.2 0 0 0-34.816 31.274666L170.666667 391.253333c0 19.584 15.701333 35.413333 35.072 35.413334h140.245333zM821.461333 426.666667a31.872 31.872 0 0 0 0-63.701334h-95.573333v-29.141333l6.016 1.493333c8.106667 1.834667 16.512 2.986667 25.130667 3.498667l8.704 0.256c61.866667 0 87.594667-45.525333 87.594666-119.466667 0-69.888-37.12-111.488-102.656-111.488-56.32 0-88.448 36.565333-88.448 85.418667a31.872 31.872 0 0 0 63.701334 0c0-15.36 5.546667-21.717333 24.746666-21.717333 28.586667 0 38.954667 11.605333 38.954667 47.786666 0 43.434667-6.997333 55.765333-23.893333 55.765334-13.738667 0-26.88-3.2-38.741334-8.533334a74.837333 74.837333 0 0 1-13.44-7.424 31.872 31.872 0 0 0-51.328 25.173334v110.208c0 17.621333 14.250667 31.872 31.829334 31.872h127.402666z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_facial_clue" unicode="&#59356;" d="M512 853.333333c259.2 0 469.333333-210.133333 469.333333-469.333333s-210.133333-469.333333-469.333333-469.333333S42.666667 124.8 42.666667 384 252.8 853.333333 512 853.333333z m184.874667-184.874666a99.541333 99.541333 0 0 1-28.416-194.986667v-253.098667a63.957333 63.957333 0 0 0-127.914667 0V547.498667a120.96 120.96 0 1 1-241.877333 0v-252.970667a99.584 99.584 0 1 1 56.917333 0V547.498667a64.042667 64.042667 0 1 0 128.085333 0v-327.125334a120.832 120.832 0 0 1 241.664 0V473.472a99.584 99.584 0 0 1-28.458666 194.986667z m-369.749334-426.666667a42.666667 42.666667 0 1 0 0-85.333333 42.666667 42.666667 0 0 0 0 85.333333z m369.749334 369.749333a42.666667 42.666667 0 1 0 0-85.333333 42.666667 42.666667 0 0 0 0 85.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_jin" unicode="&#59357;" d="M906.666667 853.333333a85.333333 85.333333 0 0 0 85.333333-85.333333v-768a85.333333 85.333333 0 0 0-85.333333-85.333333h-768a85.333333 85.333333 0 0 0-85.333334 85.333333V768a85.333333 85.333333 0 0 0 85.333334 85.333333h768z m0-298.666666h-768v-554.666667h768V554.666667z m-183.04-291.84v-58.026667a2119.253333 2119.253333 0 0 0-131.413334-165.546667l-64.853333 35.84c34.133333 37.546667 68.266667 78.506667 100.693333 124.586667H365.226667v63.146667h358.4z m-186.026667 116.053333c27.306667-29.013333 49.493333-54.613333 69.973333-78.506667l-58.026666-37.546666c-29.013333 35.84-49.493333 63.146667-64.853334 80.213333l52.906667 35.84z m71.68 121.173333v-1.706666l-15.36-15.36c47.786667-63.146667 112.64-112.64 194.56-145.066667-15.36-18.773333-29.013333-35.84-44.373333-56.32-83.626667 39.253333-146.773333 90.453333-192.853334 153.6-49.493333-63.146667-116.053333-116.053333-201.386666-158.72-17.066667 27.306667-32.426667 44.373333-44.373334 58.026667 83.626667 35.84 155.306667 92.16 209.92 165.546666h93.866667zM906.666667 768h-768v-128h768V768z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_facial_deal_win" unicode="&#59358;" d="M496.512 853.333333c173.952 0 320-67.413333 320-170.666666 0-41.728-23.850667-77.568-63.701333-105.514667 73.941333-97.706667 134.528-220.330667 183.466666-357.973333C990.592 66.346667 872.874667-85.333333 708.437333-85.333333H283.605333c-164.096 0-281.685333 151.125333-227.626666 303.616C104.746667 355.84 165.546667 478.72 240.170667 577.237333 200.362667 605.098667 176.512 640.938667 176.512 682.666667c0 103.253333 146.048 170.666667 320 170.666666z m-97.834667-396.501333a42.666667 42.666667 0 0 1-60.330666-60.330667L393.472 341.333333h-24.96a42.666667 42.666667 0 0 1 0-85.333333h85.504v-42.666667H368.512a42.666667 42.666667 0 0 1 0-85.333333h85.504v-42.666667a42.666667 42.666667 0 0 1 85.333333 0v42.666667h85.162667a42.666667 42.666667 0 1 1 0 85.333333h-85.162667v42.666667h85.162667a42.666667 42.666667 0 1 1 0 85.333333h-25.002667l55.168 55.168a42.666667 42.666667 0 0 1 0 60.330667l-4.010666 3.541333a42.666667 42.666667 0 0 1-56.32-3.541333l-97.877334-97.792zM496.512 768c-132.394667 0-234.666667-47.232-234.666667-85.333333 0-20.565333 29.824-43.818667 78.08-60.842667 4.053333-1.322667 8.149333-2.56 12.373334-3.797333 31.36-8.96 65.493333-14.848 99.669333-18.090667 14.506667-1.408 26.624-2.133333 35.498667-2.432l4.906666-0.128 4.266667-0.042667 5.077333 0.042667c9.002667 0.213333 22.698667 0.938667 39.68 2.56 34.133333 3.285333 68.181333 9.130667 99.498667 18.133333l10.922667 3.328c49.024 17.066667 79.36 40.533333 79.36 61.269334 0 38.101333-102.272 85.333333-234.666667 85.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_facial_business" unicode="&#59359;" d="M512 853.333333c259.2 0 469.333333-210.133333 469.333333-469.333333s-210.133333-469.333333-469.333333-469.333333S42.666667 124.8 42.666667 384 252.8 853.333333 512 853.333333zM414.165333 606.165333a42.666667 42.666667 0 0 1-60.330666-60.330666L430.293333 469.333333H384a42.666667 42.666667 0 0 1 0-85.333333h85.504v-42.666667H384a42.666667 42.666667 0 0 1 0-85.333333h85.504v-85.333333a42.666667 42.666667 0 0 1 85.333333 0v85.333333H640a42.666667 42.666667 0 0 1 0 85.333333h-85.162667v42.666667H640a42.666667 42.666667 0 0 1 0 85.333333h-46.336l76.501333 76.501334a42.666667 42.666667 0 0 1 0 60.330666l-4.010666 3.541334a42.666667 42.666667 0 0 1-56.32-3.541334l-97.877334-97.792z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_30" unicode="&#59360;" d="M906.666667 853.333333a85.333333 85.333333 0 0 0 85.333333-85.333333v-768a85.333333 85.333333 0 0 0-85.333333-85.333333h-768a85.333333 85.333333 0 0 0-85.333334 85.333333V768a85.333333 85.333333 0 0 0 85.333334 85.333333h768z m0-298.666666h-768v-554.666667h768V554.666667zM768 469.333333a42.666667 42.666667 0 0 0 42.666667-42.666666v-298.666667a42.666667 42.666667 0 0 0-42.666667-42.666667h-170.666667a42.666667 42.666667 0 0 0-42.666666 42.666667v298.666667a42.666667 42.666667 0 0 0 42.666666 42.666666h170.666667z m-341.333333 0a42.666667 42.666667 0 0 0 42.666666-42.666666v-298.666667a42.666667 42.666667 0 0 0-42.666666-42.666667H256a42.666667 42.666667 0 0 0 0 85.333334h128v64H298.666667a42.666667 42.666667 0 0 0 0 85.333333h85.333333V384H256a42.666667 42.666667 0 0 0-42.368 37.674667L213.333333 426.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h170.666667z m298.666666-85.333333h-85.333333v-213.333333h85.333333v213.333333z m181.333334 384h-768v-128h768V768z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_7" unicode="&#59361;" d="M906.666667 853.333333a85.333333 85.333333 0 0 0 85.333333-85.333333v-768a85.333333 85.333333 0 0 0-85.333333-85.333333h-768a85.333333 85.333333 0 0 0-85.333334 85.333333V768a85.333333 85.333333 0 0 0 85.333334 85.333333h768z m0-298.666666h-768v-554.666667h768V554.666667zM640 512a42.666667 42.666667 0 0 0 39.04-59.989333l-170.837333-384a42.666667 42.666667 0 1 0-77.952 34.645333L574.378667 426.666667H426.666667a42.666667 42.666667 0 0 0-42.368 37.674666L384 469.333333a42.666667 42.666667 0 0 0 42.666667 42.666667h213.333333z m266.666667 256h-768v-128h768V768z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_data_person" unicode="&#59352;" d="M477.44 341.290667c107.093333-0.426667 136.106667-3.84 174.08-23.210667a213.333333 213.333333 0 0 0 93.226667-93.226667c20.778667-40.746667 23.253333-71.210667 23.253333-199.253333v-25.6a42.666667 42.666667 0 0 0-42.666667-42.666667H85.333333a42.666667 42.666667 0 0 0-42.666666 42.666667l0.042666 50.773333c0.426667 107.093333 3.84 136.106667 23.210667 174.08a213.333333 213.333333 0 0 0 93.226667 93.226667c37.973333 19.328 66.986667 22.826667 174.08 23.210667h144.213333z m-2.688-85.333334H335.914667c-92.16-0.298667-116.522667-2.986667-138.026667-13.909333a128 128 0 0 1-55.936-55.936c-10.965333-21.504-13.610667-45.866667-13.909333-138.026667L128 42.666667h554.624v5.418666c-0.298667 88.618667-2.773333 114.56-12.672 135.509334l-1.237333 2.517333a128 128 0 0 1-55.936 55.936c-21.504 10.965333-45.866667 13.610667-138.026667 13.909333zM810.666667 661.333333a42.666667 42.666667 0 0 0 42.666666-42.666666v-85.333334h85.333334a42.666667 42.666667 0 0 0 42.368-37.674666L981.333333 490.666667a42.666667 42.666667 0 0 0-42.666666-42.666667h-85.333334v-85.333333a42.666667 42.666667 0 0 0-37.674666-42.368L810.666667 320a42.666667 42.666667 0 0 0-42.666667 42.666667v85.333333h-85.333333a42.666667 42.666667 0 0 0-42.368 37.674667L640 490.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h85.333333v85.333334a42.666667 42.666667 0 0 0 37.674667 42.368L810.666667 661.333333zM405.333333 810.666667a192 192 0 1 0 0-384 192 192 0 0 0 0 384z m0-85.333334a106.666667 106.666667 0 1 1 0-213.333333 106.666667 106.666667 0 0 1 0 213.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_data_plan" unicode="&#59353;" d="M704 853.333333a42.666667 42.666667 0 0 0 42.666667-42.666666v-21.333334H896a85.333333 85.333333 0 0 0 85.333333-85.333333V42.666667a85.333333 85.333333 0 0 0-85.333333-85.333334H170.666667a85.333333 85.333333 0 0 0-85.333334 85.333334V704a85.333333 85.333333 0 0 0 85.333334 85.333333h149.333333V810.666667a42.666667 42.666667 0 1 0 85.333333 0v-21.333334h256V810.666667a42.666667 42.666667 0 0 0 42.666667 42.666666z m192-384H170.666667v-426.666666h725.333333V469.333333z m-119.168-55.168a42.666667 42.666667 0 0 0 0-60.330666l-256-256a42.666667 42.666667 0 0 0-60.330667 0l-128 128a42.666667 42.666667 0 0 0 60.330667 60.330666l97.834667-97.792 225.834666 225.792a42.666667 42.666667 0 0 0 60.330667 0zM320 704H170.666667V554.666667h725.333333V704h-149.333333V640a42.666667 42.666667 0 0 0-85.333334 0V704h-256V640a42.666667 42.666667 0 1 0-85.333333 0V704z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_data_record" unicode="&#59354;" d="M170.666667-96a85.333333 85.333333 0 0 0-85.333334 85.333333v768a85.333333 85.333333 0 0 0 85.333334 85.333334h682.666666a85.333333 85.333333 0 0 0 85.333334-85.333334v-768a85.333333 85.333333 0 0 0-85.333334-85.333333H170.666667z m85.333333 853.333333H170.666667v-768h85.333333v768z m597.333333 0H341.333333v-768h512v768z m-213.333333-256a42.666667 42.666667 0 0 0 0-85.333333h-170.666667a42.666667 42.666667 0 1 0 0 85.333333h170.666667z m0 170.666667a42.666667 42.666667 0 0 0 0-85.333333h-170.666667a42.666667 42.666667 0 1 0 0 85.333333h170.666667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_folder_collapse" unicode="&#59350;" d="M85.333333 690.432C85.333333 733.269333 121.728 768 166.613333 768h243.797334c12.032 0 23.509333-5.12 31.232-13.952l89.344-102.4h326.4c44.885333 0 81.28-34.730667 81.28-77.568v-504.277333c0-42.837333-36.394667-77.568-81.28-77.568H166.613333C121.728-7.765333 85.333333 26.965333 85.333333 69.802667V690.432z m306.048 0H166.613333v-620.629333h690.773334V574.08H512a41.514667 41.514667 0 0 0-31.232 13.952l-89.386667 102.4z m173.141334-244.096a42.069333 42.069333 0 0 0 57.472 0l101.632-96.981333a37.546667 37.546667 0 0 0 0-54.826667l-101.632-96.981333a42.069333 42.069333 0 0 0-57.472 0 37.546667 37.546667 0 0 0 0 54.826666l72.874666 69.546667-72.874666 69.546667a37.546667 37.546667 0 0 0 0 54.869333z m-105.045334-54.869333a37.546667 37.546667 0 0 1 0 54.869333 42.026667 42.026667 0 0 1-57.472 0L300.373333 349.354667a37.546667 37.546667 0 0 1 0-54.826667l101.632-96.981333a42.069333 42.069333 0 0 1 57.472 0 37.546667 37.546667 0 0 1 0 54.826666l-72.874666 69.546667 72.874666 69.546667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_folder_expansion" unicode="&#59351;" d="M409.898667 768c11.52 0 22.485333-5.12 29.866666-13.952l90.368-108.501333h328.96c41.898667 0 76.330667-32.512 79.36-73.685334l0.213334-5.973333v-183.722667a38.826667 38.826667 0 1 0-77.568 0V565.888a2.048 2.048 0 0 1-2.048 2.048H512a38.826667 38.826667 0 0 0-29.781333 13.952l-90.453334 108.544H164.949333a2.005333 2.005333 0 0 1-1.749333-1.024l-0.298667-1.024v-610.602667c0-1.152 0.938667-2.048 2.048-2.048h306.218667a38.826667 38.826667 0 1 0 0-77.568H164.949333A79.616 79.616 0 0 0 85.333333 77.781333V688.341333C85.333333 732.416 120.96 768 164.949333 768h244.949334z m517.418666-540.330667a38.826667 38.826667 0 0 0 0-54.826666l-102.058666-102.101334a38.826667 38.826667 0 0 0-54.912 54.912l74.666666 74.666667-74.666666 74.624a38.826667 38.826667 0 0 0-3.2 51.2l3.2 3.626667a38.826667 38.826667 0 0 0 54.912 0l102.058666-102.101334z m-265.386666 47.274667l-74.666667-74.666667 74.666667-74.666666a38.826667 38.826667 0 0 0 3.2-51.2l-3.2-3.669334a38.826667 38.826667 0 0 0-54.869334 0l-102.101333 102.101334a38.826667 38.826667 0 0 0 0 54.826666l102.101333 102.101334a38.826667 38.826667 0 0 0 54.869334-54.826667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_dashboard1" unicode="&#59349;" d="M512 810.666667c259.2 0 469.333333-210.133333 469.333333-469.333334 0-126.122667-50.048-244.48-137.472-331.861333a42.666667 42.666667 0 0 0-60.330666 60.330667 383.018667 383.018667 0 0 1 97.194666 163.925333 12.8 12.8 0 0 0-2.005333 0.341333l-79.189333 18.304a42.666667 42.666667 0 1 0 19.2 83.114667l76.544-17.664a382.208 382.208 0 0 1-67.2 241.578667l-50.773334-41.130667a42.666667 42.666667 0 0 0-53.674666 66.304l48.469333 39.253333A382.592 382.592 0 0 1 554.666667 722.986667L554.666667 666.410667a42.666667 42.666667 0 0 0-85.333334 0V722.986667a382.592 382.592 0 0 1-217.429333-99.157334l48.469333-39.253333a42.666667 42.666667 0 0 0-53.674666-66.304l-50.773334 41.130667a382.208 382.208 0 0 1-67.2-241.578667l76.544 17.664a42.666667 42.666667 0 0 0 19.2-83.114667l-79.189333-18.304-2.005333-0.341333a383.018667 383.018667 0 0 1 97.194666-163.925333 42.666667 42.666667 0 1 0-60.330666-60.330667A467.925333 467.925333 0 0 0 42.666667 341.333333C42.666667 600.533333 252.8 810.666667 512 810.666667z m168.149333-377.514667a2504.533333 2504.533333 0 0 0-43.392-113.066667c-4.864-11.733333-9.642667-22.912-14.208-33.28-18.986667-42.922667-34.048-71.04-48.682666-86.229333a123.946667 123.946667 0 0 0-178.346667 172.16c15.061333 15.573333 43.776 32.128 87.893333 53.333333 9.386667 4.48 19.328 9.130667 29.781334 13.866667a2508.672 2508.672 0 0 0 111.104 47.189333 42.666667 42.666667 0 0 0 55.893333-53.973333z m-115.498666-63.573333l-16.170667-7.338667c-9.898667-4.48-19.328-8.874667-28.117333-13.098667-34.048-16.384-58.282667-30.293333-63.445334-35.669333a38.613333 38.613333 0 1 1 55.552-53.632c4.949333 5.12 17.493333 28.501333 32 61.44 4.309333 9.728 8.789333 20.266667 13.397334 31.445333l6.826666 16.810667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_export" unicode="&#59206;" d="M810.666667 853.333333a85.333333 85.333333 0 0 0 85.333333-85.333333v-384a42.666667 42.666667 0 0 0-85.333333 0V768H213.333333v-768h298.666667a42.666667 42.666667 0 0 0 0-85.333333H213.333333a85.333333 85.333333 0 0 0-85.333333 85.333333V768a85.333333 85.333333 0 0 0 85.333333 85.333333h597.333334z m30.165333-620.501333l96-96a42.666667 42.666667 0 0 0 0-60.330667l-96-96a42.666667 42.666667 0 0 0-60.330667 60.330667l23.082667 23.168H608a42.666667 42.666667 0 0 0 0 85.333333h195.626667l-23.125334 23.168a42.666667 42.666667 0 0 0-3.541333 56.32l3.541333 4.010667a42.666667 42.666667 0 0 0 60.330667 0zM512 426.666667a42.666667 42.666667 0 0 0 0-85.333334H341.333333a42.666667 42.666667 0 0 0 0 85.333334h170.666667z m170.666667 170.666666a42.666667 42.666667 0 0 0 0-85.333333H341.333333a42.666667 42.666667 0 1 0 0 85.333333h341.333334z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_phone_outgoing" unicode="&#59203;" d="M512 853.333333c259.2 0 469.333333-210.133333 469.333333-469.333333s-210.133333-469.333333-469.333333-469.333333S42.666667 124.8 42.666667 384 252.8 853.333333 512 853.333333zM349.781333 662.954667H266.368c-64.938667 0-111.530667-61.482667-90.752-123.093334 41.557333-123.178667 97.450667-232.277333 170.24-305.066666 72.832-72.832 181.930667-128.682667 305.066667-170.24 61.653333-20.821333 123.136 25.770667 123.136 90.709333v83.413333c0 23.893333-12.970667 45.909333-33.834667 57.514667l-72.661333 40.362667-5.248 2.645333a65.749333 65.749333 0 0 1-56.106667-1.28l-66.474667-33.194667-1.578666 0.469334a202.410667 202.410667 0 0 0-57.173334 29.568 175.104 175.104 0 0 0-35.328 35.370666 198.314667 198.314667 0 0 0-26.453333 48.384l-1.664 4.608a191.658667 191.658667 0 0 0-1.408 4.181334l-0.512 1.664 33.194667 66.346666a65.792 65.792 0 0 1-1.28 61.312l-40.234667 72.490667a65.749333 65.749333 0 0 1-57.514667 33.834667z m0-65.749334l40.234667-72.490666-38.784-77.482667a32.853333 32.853333 0 0 1-2.858667-20.992c4.864-24.96 18.218667-60.16 44.629334-95.488a241.28 241.28 0 0 1 48.512-48.64c35.413333-26.538667 70.698667-39.850667 95.701333-44.629333a32.853333 32.853333 0 0 1 20.906667 2.858666l77.482666 38.741334 72.661334-40.405334v-83.413333c0-20.778667-18.133333-34.56-36.266667-28.416-114.389333 38.613333-215.594667 90.453333-279.594667 154.453333s-115.882667 165.205333-154.453333 279.552c-6.144 18.176 7.637333 36.352 28.416 36.352h83.413333z m362.368 118.485334a32.853333 32.853333 0 0 1-46.506666 0l-2.773334-3.072a32.853333 32.853333 0 0 1 2.773334-43.434667l75.52-75.52h-183.808a32.853333 32.853333 0 1 1 0-65.749333h183.466666l-75.178666-75.264a32.853333 32.853333 0 1 1 46.506666-46.506667l130.56 130.432a32.298667 32.298667 0 0 1 8.448 12.714667l0.426667 0.853333a25.173333 25.173333 0 0 1 0.853333 3.242667l0.384 1.706666a33.109333 33.109333 0 0 1 0.469334 5.674667l-0.085334-2.218667-0.085333-0.64 0.170667 2.858667V561.92a28.416 28.416 0 0 1-0.256 2.944l-0.085334 0.938667a25.898667 25.898667 0 0 1-0.725333 3.285333l-0.256 1.194667a22.528 22.528 0 0 1-1.152 3.114666 32.810667 32.810667 0 0 1-7.125333 10.794667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_that_person" unicode="&#58986;" d="M512 810.666667c259.2 0 469.333333-210.133333 469.333333-469.333334a468.053333 468.053333 0 0 0-132.352-326.656C798.165333 122.794667 714.282667 234.666667 640 234.666667H384c-74.325333 0-158.208-111.786667-209.066667-219.946667C93.098667 99.2 42.666667 214.4 42.666667 341.333333 42.666667 600.533333 252.8 810.666667 512 810.666667z m0-170.666667a170.666667 170.666667 0 1 1 0-341.333333 170.666667 170.666667 0 0 1 0 341.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file1" unicode="&#59202;" d="M431.488 768c12.117333 0 23.552-5.376 31.317333-14.634667l89.6-107.52h255.829334a81.493333 81.493333 0 0 0 81.194666-75.392l0.256-6.101333V482.986667h50.901334a40.746667 40.746667 0 0 0 39.936-48.725334l-81.493334-407.253333a40.746667 40.746667 0 0 0-39.893333-32.768H127.829333c-1.92-0.042667-3.84 0-5.76 0.213333l3.968-0.213333a41.386667 41.386667 0 0 0-10.154666 1.28 38.954667 38.954667 0 0 0-30.293334 34.474667L85.333333 34.944V686.506667C85.333333 731.52 121.813333 768 166.784 768h264.704z m-19.072-81.450667H166.784v-308.181333l17.664 73.386667a40.746667 40.746667 0 0 0 39.594667 31.146666h584.192v81.493334H533.333333a40.746667 40.746667 0 0 0-31.317333 14.634666l-89.6 107.52z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_enterprise" unicode="&#59186;" d="M512 853.333333c259.2 0 469.333333-210.133333 469.333333-469.333333s-210.133333-469.333333-469.333333-469.333333S42.666667 124.8 42.666667 384 252.8 853.333333 512 853.333333z m57.6-128a42.666667 42.666667 0 0 1-67.456 34.730667l-209.066667-149.333333a42.666667 42.666667 0 0 1-17.877333-34.730667L275.157333 170.666667H213.333333a42.666667 42.666667 0 0 1 0-85.333334h597.333334a42.666667 42.666667 0 0 1 0 85.333334h-32v270.933333a42.666667 42.666667 0 0 1-17.877334 34.730667l-191.232 136.533333z m-85.376-82.901333V170.666667H360.533333V554.069333l123.690667 88.362667z m85.376-134.4l123.733333-88.362667V170.666667h-123.733333V508.032z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_send_colorful" unicode="&#59348;" d="M512 332.373333v-267.349333l146.773333-132.266667a43.477333 43.477333 0 0 1 72.661334 19.541334l220.373333 780.544c6.058667 21.376-20.522667 36.608-35.925333 20.565333L512 332.373333zM881.706667 788.181333c16.213333 15.573333 0.426667 42.410667-21.034667 35.797334L81.92 583.424a43.434667 43.434667 0 0 1-19.712-72.704l133.888-146.645333h243.413333l442.154667 424.106666z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_edit1" unicode="&#59165;" d="M904.448 579.2L696.96 786.752 742.144 832l207.552-207.552-45.248-45.248zM382.208 56.96l-231.232-46.272a19.2 19.2 0 0 0-22.592 22.592l46.272 231.232 467.008 467.008 207.616-207.552-467.072-467.072z m376.512 467.008l-117.056 117.056L233.6 232.96l-29.312-146.368 146.368 29.248 408.064 408.128zM960 192h-256v-64h256v64zM960 64H544v-64H960v64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_my" unicode="&#59156;" d="M512 853.333333c259.2 0 469.333333-210.133333 469.333333-469.333333 0-127.573333-50.858667-243.2-133.461333-327.808l-5.546667-5.546667A467.882667 467.882667 0 0 0 512-85.333333c-125.184 0-238.933333 48.981333-323.029333 128.853333a43.562667 43.562667 0 0 0-9.045334 8.789333A467.968 467.968 0 0 0 42.666667 384C42.666667 643.2 252.8 853.333333 512 853.333333z m85.333333-618.666666h-170.666666a170.752 170.752 0 0 1-167.808-139.392A382.506667 382.506667 0 0 1 512 0c96.981333 0 185.6 35.968 253.141333 95.232A170.752 170.752 0 0 1 597.333333 234.666667zM512 768a384 384 0 0 1-318.592-598.442667A256 256 0 0 0 426.666667 320h170.666666a256.170667 256.170667 0 0 0 233.301334-150.4A384 384 0 0 1 512 768z m0-106.666667a149.333333 149.333333 0 1 0 0-298.666666 149.333333 149.333333 0 0 0 0 298.666666z m0-85.333333a64 64 0 1 1 0-128 64 64 0 0 1 0 128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_general" unicode="&#59114;" d="M512-85.333333C252.8-85.333333 42.666667 124.8 42.666667 384S252.8 853.333333 512 853.333333s469.333333-210.133333 469.333333-469.333333-210.133333-469.333333-469.333333-469.333333z m0 213.333333l256 242.517333h-161.706667V613.034667H417.706667v-242.517334H256L512 128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_serious" unicode="&#59119;" d="M512 853.333333c259.2 0 469.333333-210.133333 469.333333-469.333333s-210.133333-469.333333-469.333333-469.333333S42.666667 124.8 42.666667 384 252.8 853.333333 512 853.333333z m0-213.333333l-256-242.517333h161.706667v-242.517334h188.586666v242.517334H768L512 640z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_succeed_filled" unicode="&#59066;" d="M42.666667 384c0-259.2 210.133333-469.333333 469.333333-469.333333s469.333333 210.133333 469.333333 469.333333S771.2 853.333333 512 853.333333 42.666667 643.2 42.666667 384z m646.101333 128.981333a21.333333 21.333333 0 0 0 30.165333 0l30.165334-30.165333a21.333333 21.333333 0 0 0 0-30.165333l-271.488-271.530667a21.333333 21.333333 0 0 0-30.208 0l-156.16 156.16a21.333333 21.333333 0 0 0 0 30.208l30.165333 30.165333a21.333333 21.333333 0 0 0 30.165333 0l110.933334-110.933333 226.261333 226.261333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_block_filled" unicode="&#59116;" d="M981.333333 384c0-259.2-210.133333-469.333333-469.333333-469.333333S42.666667 124.79999999999995 42.666667 384 252.8 853.333333 512 853.333333s469.333333-210.133333 469.333333-469.333333zM320 426.666667a21.333333 21.333333 0 0 1-21.333333-21.333334v-42.666666a21.333333 21.333333 0 0 1 21.333333-21.333334h384a21.333333 21.333333 0 0 1 21.333333 21.333334v42.666666a21.333333 21.333333 0 0 1-21.333333 21.333334h-384z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_testing" unicode="&#58916;" d="M520.533333-85.333333c-259.242667 0-469.333333 210.090667-469.333333 469.333333s210.090667 469.333333 469.333333 469.333333 469.333333-210.090667 469.333334-469.333333-210.090667-469.333333-469.333334-469.333333z m216.533334 675.072A298.666667 298.666667 0 0 1 222.378667 401.066667c-0.554667-9.386667 7.125333-17.066667 16.554666-17.066667h51.2c9.429333 0 17.024 7.68 17.749334 17.066667a213.333333 213.333333 0 0 0 390.826666 100.352l-65.066666-5.461334a17.066667 17.066667 0 0 1-15.573334-18.474666l4.309334-50.986667a17.066667 17.066667 0 0 1 18.432-15.573333l178.56 15.061333a17.066667 17.066667 0 0 1 15.573333 18.432l-15.061333 178.56a17.066667 17.066667 0 0 1-18.432 15.573333l-51.029334-4.266666a17.066667 17.066667 0 0 1-15.573333-18.474667l2.218667-26.069333z m-417.237334-411.477334A298.666667 298.666667 0 0 1 834.56 366.933333a16.341333 16.341333 0 0 1-16.554667 17.066667h-51.2c-9.429333 0-17.024-7.68-17.749333-17.066667a213.333333 213.333333 0 0 0-390.826667-100.352l65.066667 5.461334a17.066667 17.066667 0 0 1 15.573333 18.474666l-4.309333 50.986667a17.066667 17.066667 0 0 1-18.474667 15.573333l-178.56-15.061333a17.066667 17.066667 0 0 1-15.573333-18.432l15.104-178.56a17.066667 17.066667 0 0 1 18.432-15.573333l51.029333 4.266666a17.066667 17.066667 0 0 1 15.573334 18.474667l-2.218667 26.069333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_off_screen" unicode="&#58925;" d="M347.733333 806.4a46.933333 46.933333 0 0 1-93.866666 0v-164.266667H89.6a46.933333 46.933333 0 0 1 0-93.866666h211.2a46.933333 46.933333 0 0 1 46.933333 46.933333V806.4z m422.4 0a46.933333 46.933333 0 1 1-93.866666 0v-211.2a46.933333 46.933333 0 0 1 46.933333-46.933333h211.2a46.933333 46.933333 0 1 1 0 93.866666h-164.266667V806.4zM42.666667 172.8a46.933333 46.933333 0 0 0 46.933333 46.933333h211.2a46.933333 46.933333 0 0 0 46.933333-46.933333v-211.2a46.933333 46.933333 0 1 0-93.866666 0v164.266667H89.6a46.933333 46.933333 0 0 0-46.933333 46.933333z m680.533333 46.933333a46.933333 46.933333 0 0 1-46.933333-46.933333v-211.2a46.933333 46.933333 0 1 1 93.866666 0v164.266667h161.92a46.933333 46.933333 0 0 1 0 93.866666H723.2z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_full_screen_one" unicode="&#58929;" d="M704 810.666667H896a42.666667 42.666667 0 0 0 42.666667-42.666667v-192a42.666667 42.666667 0 1 0-85.333334 0V667.136l-140.501333-140.501333a42.666667 42.666667 0 1 0-60.330667 60.330666L790.826667 725.333333H704a42.666667 42.666667 0 1 0 0 85.333334zM170.666667 682.666667v-106.666667a42.666667 42.666667 0 0 0-85.333334 0V768a42.666667 42.666667 0 0 0 42.666667 42.666667h192a42.666667 42.666667 0 0 0 0-85.333334H246.912l124.416-138.24a42.666667 42.666667 0 1 0-60.032-60.586666L170.666667 682.666667z m200.661333-499.626667a42.666667 42.666667 0 0 1-60.032 60.586667L170.666667 104.448V192a42.666667 42.666667 0 1 1-85.333334 0V0a42.666667 42.666667 0 0 1 42.666667-42.666667h192a42.666667 42.666667 0 1 1 0 85.333334H229.546667l141.781333 140.373333z m283.306667 60.458667a42.666667 42.666667 0 0 0 60.373333 0L853.333333 105.173333V192a42.666667 42.666667 0 1 0 85.333334 0V0a42.666667 42.666667 0 0 0-42.666667-42.666667h-192a42.666667 42.666667 0 1 0 0 85.333334h91.136l-140.501333 140.501333a42.666667 42.666667 0 0 0 0 60.330667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_disable" unicode="&#58977;" d="M512 853.333333c259.2 0 469.333333-210.133333 469.333333-469.333333s-210.133333-469.333333-469.333333-469.333333S42.666667 124.8 42.666667 384 252.8 853.333333 512 853.333333z m0-85.333333a384 384 0 1 1 0-768 384 384 0 0 1 0 768zM320.682667 613.333333l294.314666-509.781333A298.666667 298.666667 0 0 0 320.682667 613.333333zM512 682.666667a298.666667 298.666667 0 0 0 178.048-538.453334L393.301333 658.133333A297.685333 297.685333 0 0 0 512 682.666667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="a-icon_file-compressed_colorful_ash" unicode="&#58943;" d="M648.533333 853.333333a42.666667 42.666667 0 0 0 33.322667-16l170.325333-212.906666 1.792-2.346667 0.213334-0.341333 0.426666-0.554667 0.426667-0.768-0.853333 1.322667-1.664 2.261333 2.730666-3.925333 1.152-1.877334a40.021333 40.021333 0 0 0 4.053334-9.941333 41.258667 41.258667 0 0 0 1.109333-5.973333L861.866667 597.333333v-85.333333h42.666666a85.333333 85.333333 0 0 0 85.333334-85.333333v-298.666667a85.333333 85.333333 0 0 0-85.333334-85.333333h-42.666666v-85.333334a42.666667 42.666667 0 0 0-42.666667-42.666666h-597.333333a42.666667 42.666667 0 0 0-42.666667 42.666666v85.333334h-42.666667a85.333333 85.333333 0 0 0-85.333333 85.333333v298.666667a85.333333 85.333333 0 0 0 85.333333 85.333333h42.666667V810.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h426.666666z m128-810.666666h-512v-42.666667h512v42.666667z m128 384h-768v-298.666667h768v298.666667z m-533.333333-21.333334a42.666667 42.666667 0 0 0 34.133333-68.266666l-76.8-102.4h42.666667a42.666667 42.666667 0 0 0 42.368-37.674667l0.298667-4.992a42.666667 42.666667 0 0 0-42.666667-42.666667h-128a42.666667 42.666667 0 0 0-34.133333 68.266667l76.8 102.4h-42.666667a42.666667 42.666667 0 0 0-42.368 37.674667L200.533333 362.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h128z m149.333333 0a42.666667 42.666667 0 0 0 42.666667-42.666666v-170.666667a42.666667 42.666667 0 1 0-85.333333 0v170.666667a42.666667 42.666667 0 0 0 42.666666 42.666666z m224 0a96 96 0 0 0 0-192h-32v-21.333333a42.666667 42.666667 0 1 0-85.333333 0v170.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h74.666666z m0-85.333333h-32v-21.333333h32a10.666667 10.666667 0 1 1 0 21.333333zM563.2 768h-298.666667v-256h512V554.666667h-170.666666a42.666667 42.666667 0 0 0-42.666667 42.666666V768z m85.333333-25.6V640h81.92L648.533333 742.4z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="a-icon_file-compressed_colorful" unicode="&#58944;" d="M648.533333 853.333333a42.666667 42.666667 0 0 0 33.322667-16l170.325333-212.906666 1.792-2.346667 0.213334-0.341333 0.426666-0.554667 0.426667-0.768-0.853333 1.322667-1.664 2.261333 2.730666-3.925333 1.152-1.877334a40.021333 40.021333 0 0 0 4.053334-9.941333 41.258667 41.258667 0 0 0 1.109333-5.973333L861.866667 597.333333v-85.333333h42.666666a85.333333 85.333333 0 0 0 85.333334-85.333333v-298.666667a85.333333 85.333333 0 0 0-85.333334-85.333333h-42.666666v-85.333334a42.666667 42.666667 0 0 0-42.666667-42.666666h-597.333333a42.666667 42.666667 0 0 0-42.666667 42.666666v85.333334h-42.666667a85.333333 85.333333 0 0 0-85.333333 85.333333v298.666667a85.333333 85.333333 0 0 0 85.333333 85.333333h42.666667V810.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h426.666666z m128-810.666666h-512v-42.666667h512v42.666667z m128 384h-768v-298.666667h768v298.666667z m-533.333333-21.333334a42.666667 42.666667 0 0 0 34.133333-68.266666l-76.8-102.4h42.666667a42.666667 42.666667 0 0 0 42.368-37.674667l0.298667-4.992a42.666667 42.666667 0 0 0-42.666667-42.666667h-128a42.666667 42.666667 0 0 0-34.133333 68.266667l76.8 102.4h-42.666667a42.666667 42.666667 0 0 0-42.368 37.674667L200.533333 362.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h128z m149.333333 0a42.666667 42.666667 0 0 0 42.666667-42.666666v-170.666667a42.666667 42.666667 0 1 0-85.333333 0v170.666667a42.666667 42.666667 0 0 0 42.666666 42.666666z m224 0a96 96 0 0 0 0-192h-32v-21.333333a42.666667 42.666667 0 1 0-85.333333 0v170.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h74.666666z m0-85.333333h-32v-21.333333h32a10.666667 10.666667 0 1 1 0 21.333333zM563.2 768h-298.666667v-256h512V554.666667h-170.666666a42.666667 42.666667 0 0 0-42.666667 42.666666V768z m85.333333-25.6V640h81.92L648.533333 742.4z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-image_colorful_ash" unicode="&#58946;" d="M867.541333 853.333333A113.792 113.792 0 0 0 981.333333 739.541333v-711.082666A113.792 113.792 0 0 0 867.541333-85.333333H156.458667A113.792 113.792 0 0 0 42.666667 28.458667V739.541333A113.792 113.792 0 0 0 156.458667 853.333333h711.082666z m-189.781333-574.293333l-208.341333-187.477333a42.666667 42.666667 0 0 0-52.053334-3.882667l-4.266666 3.2-139.946667 119.978667L128 101.930667v-73.472c0-15.744 12.714667-28.458667 28.458667-28.458667h711.082666a28.458667 28.458667 0 0 1 28.458667 28.458667V80.64l-218.24 198.4zM867.541333 768H156.458667A28.458667 28.458667 0 0 1 128 739.541333V208.64l121.344 91.008a42.666667 42.666667 0 0 0 53.376-1.706667l137.472-117.802666 209.194667 188.202666a42.666667 42.666667 0 0 0 57.258666-0.128L896 196.010667V739.584A28.458667 28.458667 0 0 1 867.541333 768zM369.792 687.402667a161.194667 161.194667 0 1 0 0-322.346667 161.194667 161.194667 0 0 0 0 322.346667z m0-85.333334a75.861333 75.861333 0 1 1 0-151.68 75.861333 75.861333 0 0 1 0 151.68z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-ppt_colorful_ash" unicode="&#58947;" d="M576 810.666667v-21.333334H810.666667a42.666667 42.666667 0 0 0 42.666666-42.666666V640h42.666667a85.333333 85.333333 0 0 0 85.333333-85.333333v-341.333334a85.333333 85.333333 0 0 0-85.333333-85.333333h-42.666667v-106.666667a42.666667 42.666667 0 0 0-42.666666-42.666666h-234.666667v-21.333334a42.666667 42.666667 0 0 0-57.088-40.192l-320 114.773334A42.666667 42.666667 0 0 0 170.666667 72.106667V128H128a85.333333 85.333333 0 0 0-85.333333 85.333333V554.666667a85.333333 85.333333 0 0 0 85.333333 85.333333h42.666667V695.850667a42.666667 42.666667 0 0 0 28.245333 40.106666l320 114.816A42.666667 42.666667 0 0 0 576 810.666667z m-85.333333-682.666667H256v-25.898667l234.666667-84.138666V128z m277.333333 0h-192v-64H768V128z m128 426.666667H128v-341.333334h768V554.666667z m-618.666667-21.333334a106.666667 106.666667 0 1 0 0-213.333333H256v-42.666667a42.666667 42.666667 0 1 0-85.333333 0v213.333334a42.666667 42.666667 0 0 0 42.666666 42.666666h64z m234.666667 0a106.666667 106.666667 0 1 0 0-213.333333h-21.333333v-42.666667a42.666667 42.666667 0 1 0-85.333334 0v213.333334a42.666667 42.666667 0 0 0 42.666667 42.666666H512z m298.666667-21.333333a42.666667 42.666667 0 1 0 0-85.333333h-21.333334v-128a42.666667 42.666667 0 1 0-85.333333 0v128H682.666667a42.666667 42.666667 0 1 0 0 85.333333h128zM277.333333 448H256v-42.666667h21.333333a21.333333 21.333333 0 1 1 0 42.666667z m234.666667 0h-21.333333v-42.666667h21.333333a21.333333 21.333333 0 1 1 0 42.666667z m-21.333333 301.994667L256 665.856V640h234.666667V749.994667zM768 704L576 704V640H768V704z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-pdf_colorful_ash" unicode="&#58948;" d="M640 853.333333a42.666667 42.666667 0 0 0 33.28-16l170.368-212.906666 1.792-2.346667 0.213333-0.341333 0.426667-0.554667 0.426667-0.768-0.853334 1.322667-1.706666 2.261333 2.773333-3.925333 1.152-1.877334a40.021333 40.021333 0 0 0 4.053333-9.941333 41.258667 41.258667 0 0 0 1.109334-5.973333L853.333333 597.333333v-85.333333h42.666667a85.333333 85.333333 0 0 0 85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 0-85.333333-85.333333h-42.666667v-85.333334a42.666667 42.666667 0 0 0-42.666666-42.666666H213.333333a42.666667 42.666667 0 0 0-42.666666 42.666666v85.333334H128a85.333333 85.333333 0 0 0-85.333333 85.333333v298.666667a85.333333 85.333333 0 0 0 85.333333 85.333333h42.666667V810.666667a42.666667 42.666667 0 0 0 42.666666 42.666666h426.666667z m128-810.666666H256v-42.666667h512v42.666667z m128 384H128v-298.666667h768v298.666667z m-405.333333-21.333334a128 128 0 0 0 0-256h-42.666667a42.666667 42.666667 0 0 0-42.666667 42.666667v170.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h42.666667z m-202.666667 0a96 96 0 0 0 0-192H256v-21.333333a42.666667 42.666667 0 1 0-85.333333 0v170.666667a42.666667 42.666667 0 0 0 42.666666 42.666666h74.666667z m501.333333 0a42.666667 42.666667 0 1 0 0-85.333333H725.333333v-21.333333h64a42.666667 42.666667 0 1 0 0-85.333334H725.333333v-21.333333a42.666667 42.666667 0 0 0-37.674666-42.368L682.666667 149.333333a42.666667 42.666667 0 0 0-42.666667 42.666667v170.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h106.666666z m-298.666666-85.333333v-85.333333a42.666667 42.666667 0 1 1 0 85.333333z m-202.666667 0H256v-21.333333h32a10.666667 10.666667 0 1 1 0 21.333333zM554.666667 768H256v-256h512V554.666667h-170.666667a42.666667 42.666667 0 0 0-42.666666 42.666666V768z m85.333333-25.6V640h81.92L640 742.4z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="a-icon_file-compressed_colorful1" unicode="&#58949;" d="M640 853.333333a42.666667 42.666667 0 0 0 33.28-16l170.368-212.906666 1.792-2.346667 0.213333-0.341333 0.426667-0.554667 0.426667-0.768-0.853334 1.322667-1.706666 2.261333 2.773333-3.925333 1.152-1.877334a40.021333 40.021333 0 0 0 4.053333-9.941333 41.258667 41.258667 0 0 0 1.109334-5.973333L853.333333 597.333333v-85.333333h42.666667a85.333333 85.333333 0 0 0 85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 0-85.333333-85.333333h-42.666667v-85.333334a42.666667 42.666667 0 0 0-42.666666-42.666666H213.333333a42.666667 42.666667 0 0 0-42.666666 42.666666v85.333334H128a85.333333 85.333333 0 0 0-85.333333 85.333333v298.666667a85.333333 85.333333 0 0 0 85.333333 85.333333h42.666667V810.666667a42.666667 42.666667 0 0 0 42.666666 42.666666h426.666667z m128-810.666666H256v-42.666667h512v42.666667z m128 384H128v-298.666667h768v298.666667z m-533.333333-21.333334a42.666667 42.666667 0 0 0 34.133333-68.266666l-76.8-102.4h42.666667a42.666667 42.666667 0 0 0 42.368-37.674667l0.298666-4.992a42.666667 42.666667 0 0 0-42.666666-42.666667h-128a42.666667 42.666667 0 0 0-34.133334 68.266667l76.8 102.4h-42.666666a42.666667 42.666667 0 0 0-42.368 37.674667L192 362.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h128z m149.333333 0a42.666667 42.666667 0 0 0 42.666667-42.666666v-170.666667a42.666667 42.666667 0 1 0-85.333334 0v170.666667a42.666667 42.666667 0 0 0 42.666667 42.666666z m224 0a96 96 0 0 0 0-192h-32v-21.333333a42.666667 42.666667 0 1 0-85.333333 0v170.666667a42.666667 42.666667 0 0 0 42.666666 42.666666h74.666667z m0-85.333333h-32v-21.333333h32a10.666667 10.666667 0 1 1 0 21.333333zM554.666667 768H256v-256h512V554.666667h-170.666667a42.666667 42.666667 0 0 0-42.666666 42.666666V768z m85.333333-25.6V640h81.92L640 742.4z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-image_colorful" unicode="&#58950;" d="M867.541333 853.333333A113.792 113.792 0 0 0 981.333333 739.541333v-711.082666A113.792 113.792 0 0 0 867.541333-85.333333H156.458667A113.792 113.792 0 0 0 42.666667 28.458667V739.541333A113.792 113.792 0 0 0 156.458667 853.333333h711.082666z m-189.781333-574.293333l-208.341333-187.477333a42.666667 42.666667 0 0 0-52.053334-3.882667l-4.266666 3.2-139.946667 119.978667L128 101.930667v-73.472c0-15.744 12.714667-28.458667 28.458667-28.458667h711.082666a28.458667 28.458667 0 0 1 28.458667 28.458667V80.64l-218.24 198.4zM867.541333 768H156.458667A28.458667 28.458667 0 0 1 128 739.541333V208.64l121.344 91.008a42.666667 42.666667 0 0 0 53.376-1.706667l137.472-117.802666 209.194667 188.202666a42.666667 42.666667 0 0 0 57.258666-0.128L896 196.010667V739.584A28.458667 28.458667 0 0 1 867.541333 768zM369.792 687.402667a161.194667 161.194667 0 1 0 0-322.346667 161.194667 161.194667 0 0 0 0 322.346667z m0-85.333334a75.861333 75.861333 0 1 1 0-151.68 75.861333 75.861333 0 0 1 0 151.68z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-word_colorful_ash" unicode="&#58951;" d="M256 0h640V768H256v-128h213.333333a42.666667 42.666667 0 0 0 42.666667-42.666667v-384a42.666667 42.666667 0 0 0-42.666667-42.666666H256v-170.666667z m554.666667 256a42.666667 42.666667 0 1 0 0-85.333333h-170.666667a42.666667 42.666667 0 1 0 0 85.333333h170.666667zM135.04 554.666667h-10.581333a30.208 30.208 0 0 1-29.226667-37.845334l61.653333-235.349333a34.133333 34.133333 0 0 1 33.024-25.472h18.773334a34.133333 34.133333 0 0 1 33.28 26.453333l35.157333 153.258667 36.48-153.472a34.133333 34.133333 0 0 1 33.194667-26.24h18.517333a34.133333 34.133333 0 0 1 33.024 25.557333l61.226667 235.52a30.08 30.08 0 0 1-29.013334 37.589334h-10.325333a34.133333 34.133333 0 0 1-33.578667-28.074667l-28.885333-160.085333-38.272 161.877333A34.133333 34.133333 0 0 1 286.250667 554.666667h-18.602667a34.133333 34.133333 0 0 1-33.28-26.538667l-36.864-161.621333-28.885333 160.085333A34.133333 34.133333 0 0 1 135.04 554.666667zM810.666667 426.666667a42.666667 42.666667 0 1 0 0-85.333334h-170.666667a42.666667 42.666667 0 1 0 0 85.333334h170.666667z m0 170.666666a42.666667 42.666667 0 1 0 0-85.333333h-170.666667a42.666667 42.666667 0 1 0 0 85.333333h170.666667zM85.333333 170.666667a42.666667 42.666667 0 0 0-42.666666 42.666666V597.333333a42.666667 42.666667 0 0 0 42.666666 42.666667h85.333334V768a85.333333 85.333333 0 0 0 85.333333 85.333333h640a85.333333 85.333333 0 0 0 85.333333-85.333333v-768a85.333333 85.333333 0 0 0-85.333333-85.333333H256a85.333333 85.333333 0 0 0-85.333333 85.333333v170.666667H85.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-sketch_colorful" unicode="&#58952;" d="M874.666667 853.333333A106.666667 106.666667 0 0 0 981.333333 746.666667v-725.333334a106.666667 106.666667 0 0 0-106.666666-106.666666h-725.333334A106.666667 106.666667 0 0 0 42.666667 21.333333v725.333334A106.666667 106.666667 0 0 0 149.333333 853.333333h725.333334z m0-85.333333h-725.333334a21.333333 21.333333 0 0 1-21.333333-21.333333v-725.333334a21.333333 21.333333 0 0 1 21.333333-21.333333h725.333334a21.333333 21.333333 0 0 1 21.333333 21.333333v725.333334a21.333333 21.333333 0 0 1-21.333333 21.333333zM640 616.277333a42.666667 42.666667 0 0 0 33.877333-16.725333l85.333334-111.530667a42.666667 42.666667 0 0 0-0.512-52.522666l-213.333334-267.733334a42.666667 42.666667 0 0 0-66.730666 0l-213.333334 267.733334a42.666667 42.666667 0 0 0-0.512 52.48l85.333334 111.573333A42.666667 42.666667 0 0 0 384 616.277333h256z m-21.077333-85.333333H405.034667l-52.266667-68.266667L512 262.826667l159.189333 199.765333-52.266666 68.309333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-ppt_colorful" unicode="&#58953;" d="M576 810.666667v-21.333334H810.666667a42.666667 42.666667 0 0 0 42.666666-42.666666V640h42.666667a85.333333 85.333333 0 0 0 85.333333-85.333333v-341.333334a85.333333 85.333333 0 0 0-85.333333-85.333333h-42.666667v-106.666667a42.666667 42.666667 0 0 0-42.666666-42.666666h-234.666667v-21.333334a42.666667 42.666667 0 0 0-57.088-40.192l-320 114.773334A42.666667 42.666667 0 0 0 170.666667 72.106667V128H128a85.333333 85.333333 0 0 0-85.333333 85.333333V554.666667a85.333333 85.333333 0 0 0 85.333333 85.333333h42.666667V695.850667a42.666667 42.666667 0 0 0 28.245333 40.106666l320 114.816A42.666667 42.666667 0 0 0 576 810.666667z m-85.333333-682.666667H256v-25.898667l234.666667-84.138666V128z m277.333333 0h-192v-64H768V128z m128 426.666667H128v-341.333334h768V554.666667z m-618.666667-21.333334a106.666667 106.666667 0 1 0 0-213.333333H256v-42.666667a42.666667 42.666667 0 1 0-85.333333 0v213.333334a42.666667 42.666667 0 0 0 42.666666 42.666666h64z m234.666667 0a106.666667 106.666667 0 1 0 0-213.333333h-21.333333v-42.666667a42.666667 42.666667 0 1 0-85.333334 0v213.333334a42.666667 42.666667 0 0 0 42.666667 42.666666H512z m298.666667-21.333333a42.666667 42.666667 0 1 0 0-85.333333h-21.333334v-128a42.666667 42.666667 0 1 0-85.333333 0v128H682.666667a42.666667 42.666667 0 1 0 0 85.333333h128zM277.333333 448H256v-42.666667h21.333333a21.333333 21.333333 0 1 1 0 42.666667z m234.666667 0h-21.333333v-42.666667h21.333333a21.333333 21.333333 0 1 1 0 42.666667z m-21.333333 301.994667L256 665.856V640h234.666667V749.994667zM768 704L576 704V640H768V704z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file_video_colorful_ash" unicode="&#58956;" d="M867.541333 853.333333A113.792 113.792 0 0 0 981.333333 739.541333v-711.082666A113.792 113.792 0 0 0 867.541333-85.333333H156.458667A113.792 113.792 0 0 0 42.666667 28.458667V739.541333A113.792 113.792 0 0 0 156.458667 853.333333h711.082666zM896 554.666667H128v-526.208c0-15.744 12.714667-28.458667 28.458667-28.458667h711.082666a28.458667 28.458667 0 0 1 28.458667 28.458667V554.666667zM450.389333 469.845333l124.416-71.850666 124.458667-71.850667a42.666667 42.666667 0 0 0 0-73.898667l-124.458667-71.850666-124.416-71.850667a42.666667 42.666667 0 0 0-64 36.949333v287.402667a42.666667 42.666667 0 0 0 64 36.949333z m21.333334-110.848v-139.562666l60.416 34.858666 60.458666 34.944-60.458666 34.858667-60.416 34.901333zM361.130667 768H156.458667A28.458667 28.458667 0 0 1 128 739.541333V640h147.797333l85.333334 128z m506.453333 0h-119.424l-85.376-128H896V739.541333A28.458667 28.458667 0 0 1 867.541333 768zM645.546667 768h-181.845334l-85.333333-128h181.888l85.290667 128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-excel_colorful" unicode="&#58957;" d="M256 0h640V768H256v-170.666667h213.333333a42.666667 42.666667 0 0 0 42.666667-42.666666v-384a42.666667 42.666667 0 0 0-42.666667-42.666667H256v-128z m554.666667 256a42.666667 42.666667 0 1 0 0-85.333333h-170.666667a42.666667 42.666667 0 1 0 0 85.333333h170.666667zM221.184 512H175.274667a27.477333 27.477333 0 0 1-22.997334-42.496l65.877334-100.522667-74.666667-112.64A27.690667 27.690667 0 0 1 166.656 213.333333H213.333333a8.533333 8.533333 0 0 1 7.253334 4.053334l56.618666 91.904 56.362667-91.904a8.533333 8.533333 0 0 1 7.253333-4.053334h47.104a27.904 27.904 0 0 1 23.296 43.264L338.133333 367.36l65.706667 102.314667A27.477333 27.477333 0 0 1 380.714667 512H335.402667a8.533333 8.533333 0 0 1-7.424-4.352L279.04 420.138667 228.565333 507.733333a8.533333 8.533333 0 0 1-7.381333 4.266667zM810.666667 426.666667a42.666667 42.666667 0 1 0 0-85.333334h-170.666667a42.666667 42.666667 0 1 0 0 85.333334h170.666667z m0 170.666666a42.666667 42.666667 0 1 0 0-85.333333h-170.666667a42.666667 42.666667 0 1 0 0 85.333333h170.666667zM85.333333 128a42.666667 42.666667 0 0 0-42.666666 42.666667V554.666667a42.666667 42.666667 0 0 0 42.666666 42.666666h85.333334V768a85.333333 85.333333 0 0 0 85.333333 85.333333h640a85.333333 85.333333 0 0 0 85.333333-85.333333v-768a85.333333 85.333333 0 0 0-85.333333-85.333333H256a85.333333 85.333333 0 0 0-85.333333 85.333333v128H85.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-pdf_colorful" unicode="&#58958;" d="M640 853.333333a42.666667 42.666667 0 0 0 33.28-16l170.368-212.906666 1.792-2.346667 0.213333-0.341333 0.426667-0.554667 0.426667-0.768-0.853334 1.322667-1.706666 2.261333 2.773333-3.925333 1.152-1.877334a40.021333 40.021333 0 0 0 4.053333-9.941333 41.258667 41.258667 0 0 0 1.109334-5.973333L853.333333 597.333333v-85.333333h42.666667a85.333333 85.333333 0 0 0 85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 0-85.333333-85.333333h-42.666667v-85.333334a42.666667 42.666667 0 0 0-42.666666-42.666666H213.333333a42.666667 42.666667 0 0 0-42.666666 42.666666v85.333334H128a85.333333 85.333333 0 0 0-85.333333 85.333333v298.666667a85.333333 85.333333 0 0 0 85.333333 85.333333h42.666667V810.666667a42.666667 42.666667 0 0 0 42.666666 42.666666h426.666667z m128-810.666666H256v-42.666667h512v42.666667z m128 384H128v-298.666667h768v298.666667z m-405.333333-21.333334a128 128 0 0 0 0-256h-42.666667a42.666667 42.666667 0 0 0-42.666667 42.666667v170.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h42.666667z m-202.666667 0a96 96 0 0 0 0-192H256v-21.333333a42.666667 42.666667 0 1 0-85.333333 0v170.666667a42.666667 42.666667 0 0 0 42.666666 42.666666h74.666667z m501.333333 0a42.666667 42.666667 0 1 0 0-85.333333H725.333333v-21.333333h64a42.666667 42.666667 0 1 0 0-85.333334H725.333333v-21.333333a42.666667 42.666667 0 0 0-37.674666-42.368L682.666667 149.333333a42.666667 42.666667 0 0 0-42.666667 42.666667v170.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h106.666666z m-298.666666-85.333333v-85.333333a42.666667 42.666667 0 1 1 0 85.333333z m-202.666667 0H256v-21.333333h32a10.666667 10.666667 0 1 1 0 21.333333zM554.666667 768H256v-256h512V554.666667h-170.666667a42.666667 42.666667 0 0 0-42.666666 42.666666V768z m85.333333-25.6V640h81.92L640 742.4z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file_video_colorful" unicode="&#58959;" d="M867.541333 853.333333A113.792 113.792 0 0 0 981.333333 739.541333v-711.082666A113.792 113.792 0 0 0 867.541333-85.333333H156.458667A113.792 113.792 0 0 0 42.666667 28.458667V739.541333A113.792 113.792 0 0 0 156.458667 853.333333h711.082666zM896 554.666667H128v-526.208c0-15.744 12.714667-28.458667 28.458667-28.458667h711.082666a28.458667 28.458667 0 0 1 28.458667 28.458667V554.666667zM450.389333 469.845333l124.416-71.850666 124.458667-71.850667a42.666667 42.666667 0 0 0 0-73.898667l-124.458667-71.850666-124.416-71.850667a42.666667 42.666667 0 0 0-64 36.949333v287.402667a42.666667 42.666667 0 0 0 64 36.949333z m21.333334-110.848v-139.562666l60.416 34.858666 60.458666 34.944-60.458666 34.858667-60.416 34.901333zM361.130667 768H156.458667A28.458667 28.458667 0 0 1 128 739.541333V640h147.797333l85.333334 128z m506.453333 0h-119.424l-85.376-128H896V739.541333A28.458667 28.458667 0 0 1 867.541333 768zM645.546667 768h-181.845334l-85.333333-128h181.888l85.290667 128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-CSV_colorful_ash" unicode="&#58960;" d="M640 853.333333a42.666667 42.666667 0 0 0 33.28-16l170.368-212.906666 1.792-2.346667 0.213333-0.341333 0.426667-0.554667 0.426667-0.768-0.853334 1.322667-1.706666 2.261333 2.773333-3.925333 1.152-1.877334a40.021333 40.021333 0 0 0 4.053333-9.941333 41.258667 41.258667 0 0 0 1.109334-5.973333L853.333333 597.333333v-85.333333h42.666667a85.333333 85.333333 0 0 0 85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 0-85.333333-85.333333h-42.666667v-85.333334a42.666667 42.666667 0 0 0-42.666666-42.666666H213.333333a42.666667 42.666667 0 0 0-42.666666 42.666666v85.333334H128a85.333333 85.333333 0 0 0-85.333333 85.333333v298.666667a85.333333 85.333333 0 0 0 85.333333 85.333333h42.666667V810.666667a42.666667 42.666667 0 0 0 42.666666 42.666666h426.666667z m128-810.666666H256v-42.666667h512v42.666667z m128 384H128v-298.666667h768v298.666667z m-632.192-19.114667c29.312 0 52.394667-5.930667 69.12-17.749333 16.810667-11.861333 29.269333-30.08 37.418667-54.613334l-63.488-14.165333a54.442667 54.442667 0 0 1-6.997334 15.573333 41.344 41.344 0 0 1-14.762666 12.714667 42.410667 42.410667 0 0 1-19.541334 4.437333c-16.298667 0-28.757333-6.570667-37.461333-19.712-6.570667-9.728-9.813333-25.002667-9.813333-45.866666 0-25.813333 3.882667-43.52 11.733333-53.077334 7.808-9.6 18.816-14.378667 33.024-14.378666 13.738667 0 24.149333 3.84 31.146667 11.605333 7.082667 7.68 12.16 18.944 15.36 33.621333l63.018666-19.029333c-4.266667-17.664-10.88-32.426667-20.010666-44.288a86.826667 86.826667 0 0 0-33.877334-26.837333c-13.482667-6.016-30.677333-9.045333-51.541333-9.045334-25.258667 0-45.952 3.669333-61.952 11.008-16.042667 7.381333-29.866667 20.309333-41.514667 38.826667-11.648 18.517333-17.493333 42.24-17.493333 71.125333 0 38.528 10.24 68.138667 30.72 88.832 20.48 20.693333 49.493333 31.018667 86.912 31.018667z m238.762667 0c29.738667 0 52.437333-5.546667 68.053333-16.597333 15.573333-11.050667 24.874667-28.629333 27.861333-52.778667l-67.84-3.968c-1.749333 10.496-5.546667 18.090667-11.306666 22.869333-5.76 4.778667-13.738667 7.168-23.893334 7.168-8.362667 0-14.677333-1.792-18.901333-5.333333a16.298667 16.298667 0 0 1-6.357333-12.928c0-3.712 1.749333-7.04 5.248-10.026667 3.413333-3.072 11.434667-5.930667 24.149333-8.533333 31.402667-6.826667 53.930667-13.653333 67.541333-20.608 13.610667-6.912 23.466667-15.530667 29.696-25.770667 6.186667-10.24 9.258667-21.76 9.258667-34.474666 0-14.933333-4.138667-28.672-12.373333-41.258667a77.525333 77.525333 0 0 0-34.602667-28.672c-14.805333-6.485333-33.493333-9.728-56.021333-9.728-39.594667 0-66.986667 7.594667-82.261334 22.826667-15.232 15.274667-23.893333 34.645333-25.856 58.112l68.394667 4.266666c1.493333-11.093333 4.522667-19.541333 9.045333-25.386666 7.424-9.386667 18.005333-14.08 31.786667-14.08 10.24 0 18.133333 2.389333 23.722667 7.168a21.632 21.632 0 0 1 8.32 16.768 21.333333 21.333333 0 0 1-7.936 16.213333c-5.290667 4.736-17.578667 9.258667-36.821334 13.482667-31.573333 7.082667-54.016 16.512-67.456 28.245333a56.832 56.832 0 0 0-20.352 44.928c0 11.946667 3.498667 23.253333 10.410667 33.877333 6.912 10.666667 17.365333 19.029333 31.274667 25.088 13.909333 6.101333 32.981333 9.130667 57.216 9.130667z m191.957333-3.968l52.394667-167.466667 51.584 167.466667h73.002666l-86.357333-232.704h-77.952l-87.936 232.704h75.264zM554.666667 768H256v-256h512V554.666667h-170.666667a42.666667 42.666667 0 0 0-42.666666 42.666666V768z m85.333333-25.6V640h81.92L640 742.4z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-sketch_colorful_ash" unicode="&#58961;" d="M874.666667 853.333333A106.666667 106.666667 0 0 0 981.333333 746.666667v-725.333334a106.666667 106.666667 0 0 0-106.666666-106.666666h-725.333334A106.666667 106.666667 0 0 0 42.666667 21.333333v725.333334A106.666667 106.666667 0 0 0 149.333333 853.333333h725.333334z m0-85.333333h-725.333334a21.333333 21.333333 0 0 1-21.333333-21.333333v-725.333334a21.333333 21.333333 0 0 1 21.333333-21.333333h725.333334a21.333333 21.333333 0 0 1 21.333333 21.333333v725.333334a21.333333 21.333333 0 0 1-21.333333 21.333333zM640 616.277333a42.666667 42.666667 0 0 0 33.877333-16.725333l85.333334-111.530667a42.666667 42.666667 0 0 0-0.512-52.522666l-213.333334-267.733334a42.666667 42.666667 0 0 0-66.730666 0l-213.333334 267.733334a42.666667 42.666667 0 0 0-0.512 52.48l85.333334 111.573333A42.666667 42.666667 0 0 0 384 616.277333h256z m-21.077333-85.333333H405.034667l-52.266667-68.266667L512 262.826667l159.189333 199.765333-52.266666 68.309333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-CSV_colorful" unicode="&#58962;" d="M640 853.333333a42.666667 42.666667 0 0 0 33.28-16l170.368-212.906666 1.792-2.346667 0.213333-0.341333 0.426667-0.554667 0.426667-0.768-0.853334 1.322667-1.706666 2.261333 2.773333-3.925333 1.152-1.877334a40.021333 40.021333 0 0 0 4.053333-9.941333 41.258667 41.258667 0 0 0 1.109334-5.973333L853.333333 597.333333v-85.333333h42.666667a85.333333 85.333333 0 0 0 85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 0-85.333333-85.333333h-42.666667v-85.333334a42.666667 42.666667 0 0 0-42.666666-42.666666H213.333333a42.666667 42.666667 0 0 0-42.666666 42.666666v85.333334H128a85.333333 85.333333 0 0 0-85.333333 85.333333v298.666667a85.333333 85.333333 0 0 0 85.333333 85.333333h42.666667V810.666667a42.666667 42.666667 0 0 0 42.666666 42.666666h426.666667z m128-810.666666H256v-42.666667h512v42.666667z m128 384H128v-298.666667h768v298.666667z m-632.192-19.114667c29.312 0 52.394667-5.930667 69.12-17.749333 16.810667-11.861333 29.269333-30.08 37.418667-54.613334l-63.488-14.165333a54.442667 54.442667 0 0 1-6.997334 15.573333 41.344 41.344 0 0 1-14.762666 12.714667 42.410667 42.410667 0 0 1-19.541334 4.437333c-16.298667 0-28.757333-6.570667-37.461333-19.712-6.570667-9.728-9.813333-25.002667-9.813333-45.866666 0-25.813333 3.882667-43.52 11.733333-53.077334 7.808-9.6 18.816-14.378667 33.024-14.378666 13.738667 0 24.149333 3.84 31.146667 11.605333 7.082667 7.68 12.16 18.944 15.36 33.621333l63.018666-19.029333c-4.266667-17.664-10.88-32.426667-20.010666-44.288a86.826667 86.826667 0 0 0-33.877334-26.837333c-13.482667-6.016-30.677333-9.045333-51.541333-9.045334-25.258667 0-45.952 3.669333-61.952 11.008-16.042667 7.381333-29.866667 20.309333-41.514667 38.826667-11.648 18.517333-17.493333 42.24-17.493333 71.125333 0 38.528 10.24 68.138667 30.72 88.832 20.48 20.693333 49.493333 31.018667 86.912 31.018667z m238.762667 0c29.738667 0 52.437333-5.546667 68.053333-16.597333 15.573333-11.050667 24.874667-28.629333 27.861333-52.778667l-67.84-3.968c-1.749333 10.496-5.546667 18.090667-11.306666 22.869333-5.76 4.778667-13.738667 7.168-23.893334 7.168-8.362667 0-14.677333-1.792-18.901333-5.333333a16.298667 16.298667 0 0 1-6.357333-12.928c0-3.712 1.749333-7.04 5.248-10.026667 3.413333-3.072 11.434667-5.930667 24.149333-8.533333 31.402667-6.826667 53.930667-13.653333 67.541333-20.608 13.610667-6.912 23.466667-15.530667 29.696-25.770667 6.186667-10.24 9.258667-21.76 9.258667-34.474666 0-14.933333-4.138667-28.672-12.373333-41.258667a77.525333 77.525333 0 0 0-34.602667-28.672c-14.805333-6.485333-33.493333-9.728-56.021333-9.728-39.594667 0-66.986667 7.594667-82.261334 22.826667-15.232 15.274667-23.893333 34.645333-25.856 58.112l68.394667 4.266666c1.493333-11.093333 4.522667-19.541333 9.045333-25.386666 7.424-9.386667 18.005333-14.08 31.786667-14.08 10.24 0 18.133333 2.389333 23.722667 7.168a21.632 21.632 0 0 1 8.32 16.768 21.333333 21.333333 0 0 1-7.936 16.213333c-5.290667 4.736-17.578667 9.258667-36.821334 13.482667-31.573333 7.082667-54.016 16.512-67.456 28.245333a56.832 56.832 0 0 0-20.352 44.928c0 11.946667 3.498667 23.253333 10.410667 33.877333 6.912 10.666667 17.365333 19.029333 31.274667 25.088 13.909333 6.101333 32.981333 9.130667 57.216 9.130667z m191.957333-3.968l52.394667-167.466667 51.584 167.466667h73.002666l-86.357333-232.704h-77.952l-87.936 232.704h75.264zM554.666667 768H256v-256h512V554.666667h-170.666667a42.666667 42.666667 0 0 0-42.666666 42.666666V768z m85.333333-25.6V640h81.92L640 742.4z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-sql_colorful_ash" unicode="&#58963;" d="M640 853.333333a42.666667 42.666667 0 0 0 33.28-16l170.368-212.906666 1.792-2.346667 0.213333-0.341333 0.426667-0.554667 0.426667-0.768-0.853334 1.322667-1.706666 2.261333 2.773333-3.925333 1.152-1.877334a40.021333 40.021333 0 0 0 4.053333-9.941333 41.258667 41.258667 0 0 0 1.109334-5.973333L853.333333 597.333333v-85.333333h42.666667a85.333333 85.333333 0 0 0 85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 0-85.333333-85.333333h-42.666667v-85.333334a42.666667 42.666667 0 0 0-42.666666-42.666666H213.333333a42.666667 42.666667 0 0 0-42.666666 42.666666v85.333334H128a85.333333 85.333333 0 0 0-85.333333 85.333333v298.666667a85.333333 85.333333 0 0 0 85.333333 85.333333h42.666667V810.666667a42.666667 42.666667 0 0 0 42.666666 42.666666h426.666667z m128-810.666666H256v-42.666667h512v42.666667z m128 384H128v-298.666667h768v298.666667z m-384.469333-19.114667c39.893333 0 70.698667-10.666667 92.373333-32.128 21.717333-21.418667 32.554667-52.053333 32.554667-91.989333 0-35.498667-8.746667-63.914667-26.24-85.248 9.301333-6.442667 15.36-10.496 18.218666-12.117334 4.266667-2.432 9.984-5.205333 17.194667-8.362666l-20.650667-41.642667a240.768 240.768 0 0 0-30.848 17.92 263.850667 263.850667 0 0 0-21.333333 15.658667c-16.341333-7.082667-36.906667-10.666667-61.610667-10.666667-36.48 0-65.28 9.557333-86.4 28.586667-24.917333 22.485333-37.376 54.144-37.376 94.890666 0 39.594667 10.88 70.314667 32.682667 92.245334 21.845333 21.888 52.309333 32.853333 91.434667 32.853333z m-259.072 0c30.72 0 54.186667-5.717333 70.272-17.109333 16.128-11.434667 25.728-29.610667 28.757333-54.528l-69.973333-4.096c-1.877333 10.837333-5.802667 18.688-11.733334 23.594666-5.973333 4.949333-14.208 7.381333-24.704 7.381334-8.618667 0-15.104-1.834667-19.498666-5.504a16.853333 16.853333 0 0 1-6.570667-13.354667c0-3.84 1.834667-7.253333 5.418667-10.325333 3.498667-3.157333 11.818667-6.101333 24.917333-8.832 32.469333-6.997333 55.722667-14.08 69.76-21.248 14.08-7.168 24.32-16.042667 30.677333-26.624 6.4-10.624 9.6-22.485333 9.6-35.584 0-15.402667-4.266667-29.610667-12.8-42.666667-8.533333-12.970667-20.437333-22.826667-35.754666-29.568-15.274667-6.741333-34.56-10.069333-57.856-10.069333-40.874667 0-69.205333 7.850667-84.906667 23.594666-15.786667 15.744-24.661333 35.754667-26.752 59.989334l70.656 4.437333c1.536-11.477333 4.693333-20.224 9.386667-26.24 7.637333-9.728 18.56-14.592 32.768-14.592 10.581333 0 18.773333 2.517333 24.490666 7.466667a22.357333 22.357333 0 0 1 8.618667 17.322666 22.058667 22.058667 0 0 1-8.192 16.725334c-5.461333 4.906667-18.133333 9.557333-38.058667 13.909333-32.554667 7.338667-55.765333 17.066667-69.674666 29.184a58.666667 58.666667 0 0 0-20.992 46.421333c0 12.373333 3.584 24.021333 10.752 34.986667 7.168 11.008 17.92 19.626667 32.298666 25.898667 14.378667 6.314667 34.090667 9.429333 59.093334 9.429333z m498.261333-4.096v-181.162667h115.925333v-59.178666h-190.208v240.341333h74.282667z m-239.36-52.138667a45.226667 45.226667 0 0 1-35.925333-15.914666c-9.173333-10.581333-13.738667-27.136-13.738667-49.664 0-26.24 4.48-44.629333 13.44-55.253334 8.96-10.581333 21.248-15.914667 36.864-15.914666 5.034667 0 9.813333 0.512 14.293333 1.493333-6.229333 5.973333-16.085333 11.690667-29.525333 17.066667l11.648 26.709333c6.528-1.194667 11.648-2.688 15.36-4.437333 3.626667-1.706667 10.752-6.314667 21.333333-13.738667 2.56-1.749333 5.248-3.584 8.234667-5.418667 5.888 10.581333 8.832 26.453333 8.832 47.530667 0 24.277333-4.522667 41.6-13.525333 51.968-9.002667 10.410667-21.461333 15.573333-37.290667 15.573333zM554.666667 768H256v-256h512V554.666667h-170.666667a42.666667 42.666667 0 0 0-42.666666 42.666666V768z m85.333333-25.6V640h81.92L640 742.4z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-text_colorful" unicode="&#58964;" d="M874.666667 853.333333A106.666667 106.666667 0 0 0 981.333333 746.666667v-725.333334a106.666667 106.666667 0 0 0-106.666666-106.666666h-725.333334A106.666667 106.666667 0 0 0 42.666667 21.333333v725.333334A106.666667 106.666667 0 0 0 149.333333 853.333333h725.333334z m0-85.333333h-725.333334a21.333333 21.333333 0 0 1-21.333333-21.333333v-725.333334a21.333333 21.333333 0 0 1 21.333333-21.333333h725.333334a21.333333 21.333333 0 0 1 21.333333 21.333333v725.333334a21.333333 21.333333 0 0 1-21.333333 21.333333z m-410.069334-663.722667a42.666667 42.666667 0 0 0 0 85.333334l4.736 0.042666V526.208l0.256 4.778667h-104.533333v-28.458667a42.666667 42.666667 0 0 0-37.717333-42.410667l-4.949334-0.256a42.666667 42.666667 0 0 0-42.666666 42.666667V573.610667a42.666667 42.666667 0 0 0 42.666666 42.666666h379.221334a42.666667 42.666667 0 0 0 42.666666-42.666666v-71.082667a42.666667 42.666667 0 1 0-85.333333 0v28.416l-104.533333 0.042667c0.170667-1.578667 0.256-3.157333 0.256-4.778667v-336.554667h4.736a42.666667 42.666667 0 1 0 0-85.333333H464.64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-word_colorful" unicode="&#58965;" d="M256 0h640V768H256v-128h213.333333a42.666667 42.666667 0 0 0 42.666667-42.666667v-384a42.666667 42.666667 0 0 0-42.666667-42.666666H256v-170.666667z m554.666667 256a42.666667 42.666667 0 1 0 0-85.333333h-170.666667a42.666667 42.666667 0 1 0 0 85.333333h170.666667zM135.04 554.666667h-10.581333a30.208 30.208 0 0 1-29.226667-37.845334l61.653333-235.349333a34.133333 34.133333 0 0 1 33.024-25.472h18.773334a34.133333 34.133333 0 0 1 33.28 26.453333l35.157333 153.258667 36.48-153.472a34.133333 34.133333 0 0 1 33.194667-26.24h18.517333a34.133333 34.133333 0 0 1 33.024 25.557333l61.226667 235.52a30.08 30.08 0 0 1-29.013334 37.589334h-10.325333a34.133333 34.133333 0 0 1-33.578667-28.074667l-28.885333-160.085333-38.272 161.877333A34.133333 34.133333 0 0 1 286.250667 554.666667h-18.602667a34.133333 34.133333 0 0 1-33.28-26.538667l-36.864-161.621333-28.885333 160.085333A34.133333 34.133333 0 0 1 135.04 554.666667zM810.666667 426.666667a42.666667 42.666667 0 1 0 0-85.333334h-170.666667a42.666667 42.666667 0 1 0 0 85.333334h170.666667z m0 170.666666a42.666667 42.666667 0 1 0 0-85.333333h-170.666667a42.666667 42.666667 0 1 0 0 85.333333h170.666667zM85.333333 170.666667a42.666667 42.666667 0 0 0-42.666666 42.666666V597.333333a42.666667 42.666667 0 0 0 42.666666 42.666667h85.333334V768a85.333333 85.333333 0 0 0 85.333333 85.333333h640a85.333333 85.333333 0 0 0 85.333333-85.333333v-768a85.333333 85.333333 0 0 0-85.333333-85.333333H256a85.333333 85.333333 0 0 0-85.333333 85.333333v170.666667H85.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-xmind_colorful" unicode="&#58966;" d="M260.266667-8.533333h640v768h-640v-128h213.333333a42.666667 42.666667 0 0 0 42.666667-42.666667v-384a42.666667 42.666667 0 0 0-42.666667-42.666667h-213.333333v-170.666666z m554.666666 256a42.666667 42.666667 0 1 0 0-85.333334h-170.666666a42.666667 42.666667 0 1 0 0 85.333334h170.666666zM120.192 463.573333c-9.813333 0-19.456-0.768-28.842667-2.218666a185.6 185.6 0 0 1 20.906667-114.773334 187.562667 187.562667 0 0 0 90.752-6.186666 185.941333 185.941333 0 0 0-12.629333-85.333334 185.813333 185.813333 0 0 1 102.4-48.725333 185.472 185.472 0 0 1 13.866666 70.784 186.453333 186.453333 0 0 1-186.453333 186.453333zM270.378667 588.8a185.130667 185.130667 0 0 1-13.824-70.698667 188.885333 188.885333 0 0 1 10.154666-60.928 189.226667 189.226667 0 0 1 22.869334-45.098666l0.426666-0.554667a187.733333 187.733333 0 0 1 21.162667-25.301333l0.64-0.597334 1.28-1.28 4.138667-3.925333c18.645333-17.066667 40.789333-30.378667 65.194666-38.741333l1.450667-0.426667 0.938667-0.384c7.765333-2.56 15.744-4.565333 23.893333-6.058667l4.565333-0.768 8.192-1.194666a188.714667 188.714667 0 0 1 50.389334 1.024 187.733333 187.733333 0 0 1-20.906667 114.773333 187.648 187.648 0 0 0-90.752 6.144 185.984 185.984 0 0 0 12.629333 85.333333 185.813333 185.813333 0 0 1-102.4 48.682667z m544.554666-170.666667a42.666667 42.666667 0 1 0 0-85.333333h-170.666666a42.666667 42.666667 0 1 0 0 85.333333h170.666666z m0 170.666667a42.666667 42.666667 0 1 0 0-85.333333h-170.666666a42.666667 42.666667 0 1 0 0 85.333333h170.666666z m-725.333333-426.666667a42.666667 42.666667 0 0 0-42.666667 42.666667v384a42.666667 42.666667 0 0 0 42.666667 42.666667h85.333333v128a85.333333 85.333333 0 0 0 85.333334 85.333333h640a85.333333 85.333333 0 0 0 85.333333-85.333333v-768a85.333333 85.333333 0 0 0-85.333333-85.333334h-640a85.333333 85.333333 0 0 0-85.333334 85.333334v170.666666h-85.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-sql_colorful" unicode="&#58967;" d="M640 853.333333a42.666667 42.666667 0 0 0 33.28-16l170.368-212.906666 1.792-2.346667 0.213333-0.341333 0.426667-0.554667 0.426667-0.768-0.853334 1.322667-1.706666 2.261333 2.773333-3.925333 1.152-1.877334a40.021333 40.021333 0 0 0 4.053333-9.941333 41.258667 41.258667 0 0 0 1.109334-5.973333L853.333333 597.333333v-85.333333h42.666667a85.333333 85.333333 0 0 0 85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 0-85.333333-85.333333h-42.666667v-85.333334a42.666667 42.666667 0 0 0-42.666666-42.666666H213.333333a42.666667 42.666667 0 0 0-42.666666 42.666666v85.333334H128a85.333333 85.333333 0 0 0-85.333333 85.333333v298.666667a85.333333 85.333333 0 0 0 85.333333 85.333333h42.666667V810.666667a42.666667 42.666667 0 0 0 42.666666 42.666666h426.666667z m128-810.666666H256v-42.666667h512v42.666667z m128 384H128v-298.666667h768v298.666667z m-384.469333-19.114667c39.893333 0 70.698667-10.666667 92.373333-32.128 21.717333-21.418667 32.554667-52.053333 32.554667-91.989333 0-35.498667-8.746667-63.914667-26.24-85.248 9.301333-6.442667 15.36-10.496 18.218666-12.117334 4.266667-2.432 9.984-5.205333 17.194667-8.362666l-20.650667-41.642667a240.768 240.768 0 0 0-30.848 17.92 263.850667 263.850667 0 0 0-21.333333 15.658667c-16.341333-7.082667-36.906667-10.666667-61.610667-10.666667-36.48 0-65.28 9.557333-86.4 28.586667-24.917333 22.485333-37.376 54.144-37.376 94.890666 0 39.594667 10.88 70.314667 32.682667 92.245334 21.845333 21.888 52.309333 32.853333 91.434667 32.853333z m-259.072 0c30.72 0 54.186667-5.717333 70.272-17.109333 16.128-11.434667 25.728-29.610667 28.757333-54.528l-69.973333-4.096c-1.877333 10.837333-5.802667 18.688-11.733334 23.594666-5.973333 4.949333-14.208 7.381333-24.704 7.381334-8.618667 0-15.104-1.834667-19.498666-5.504a16.853333 16.853333 0 0 1-6.570667-13.354667c0-3.84 1.834667-7.253333 5.418667-10.325333 3.498667-3.157333 11.818667-6.101333 24.917333-8.832 32.469333-6.997333 55.722667-14.08 69.76-21.248 14.08-7.168 24.32-16.042667 30.677333-26.624 6.4-10.624 9.6-22.485333 9.6-35.584 0-15.402667-4.266667-29.610667-12.8-42.666667-8.533333-12.970667-20.437333-22.826667-35.754666-29.568-15.274667-6.741333-34.56-10.069333-57.856-10.069333-40.874667 0-69.205333 7.850667-84.906667 23.594666-15.786667 15.744-24.661333 35.754667-26.752 59.989334l70.656 4.437333c1.536-11.477333 4.693333-20.224 9.386667-26.24 7.637333-9.728 18.56-14.592 32.768-14.592 10.581333 0 18.773333 2.517333 24.490666 7.466667a22.357333 22.357333 0 0 1 8.618667 17.322666 22.058667 22.058667 0 0 1-8.192 16.725334c-5.461333 4.906667-18.133333 9.557333-38.058667 13.909333-32.554667 7.338667-55.765333 17.066667-69.674666 29.184a58.666667 58.666667 0 0 0-20.992 46.421333c0 12.373333 3.584 24.021333 10.752 34.986667 7.168 11.008 17.92 19.626667 32.298666 25.898667 14.378667 6.314667 34.090667 9.429333 59.093334 9.429333z m498.261333-4.096v-181.162667h115.925333v-59.178666h-190.208v240.341333h74.282667z m-239.36-52.138667a45.226667 45.226667 0 0 1-35.925333-15.914666c-9.173333-10.581333-13.738667-27.136-13.738667-49.664 0-26.24 4.48-44.629333 13.44-55.253334 8.96-10.581333 21.248-15.914667 36.864-15.914666 5.034667 0 9.813333 0.512 14.293333 1.493333-6.229333 5.973333-16.085333 11.690667-29.525333 17.066667l11.648 26.709333c6.528-1.194667 11.648-2.688 15.36-4.437333 3.626667-1.706667 10.752-6.314667 21.333333-13.738667 2.56-1.749333 5.248-3.584 8.234667-5.418667 5.888 10.581333 8.832 26.453333 8.832 47.530667 0 24.277333-4.522667 41.6-13.525333 51.968-9.002667 10.410667-21.461333 15.573333-37.290667 15.573333zM554.666667 768H256v-256h512V554.666667h-170.666667a42.666667 42.666667 0 0 0-42.666666 42.666666V768z m85.333333-25.6V640h81.92L640 742.4z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-text_colorful_ash" unicode="&#58968;" d="M874.666667 853.333333A106.666667 106.666667 0 0 0 981.333333 746.666667v-725.333334a106.666667 106.666667 0 0 0-106.666666-106.666666h-725.333334A106.666667 106.666667 0 0 0 42.666667 21.333333v725.333334A106.666667 106.666667 0 0 0 149.333333 853.333333h725.333334z m0-85.333333h-725.333334a21.333333 21.333333 0 0 1-21.333333-21.333333v-725.333334a21.333333 21.333333 0 0 1 21.333333-21.333333h725.333334a21.333333 21.333333 0 0 1 21.333333 21.333333v725.333334a21.333333 21.333333 0 0 1-21.333333 21.333333z m-410.069334-663.722667a42.666667 42.666667 0 0 0 0 85.333334l4.736 0.042666V526.208l0.256 4.778667h-104.533333v-28.458667a42.666667 42.666667 0 0 0-37.717333-42.410667l-4.949334-0.256a42.666667 42.666667 0 0 0-42.666666 42.666667V573.610667a42.666667 42.666667 0 0 0 42.666666 42.666666h379.221334a42.666667 42.666667 0 0 0 42.666666-42.666666v-71.082667a42.666667 42.666667 0 1 0-85.333333 0v28.416l-104.533333 0.042667c0.170667-1.578667 0.256-3.157333 0.256-4.778667v-336.554667h4.736a42.666667 42.666667 0 1 0 0-85.333333H464.64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-xmind_colorful_ash" unicode="&#58969;" d="M260.266667-8.533333h640v768h-640v-128h213.333333a42.666667 42.666667 0 0 0 42.666667-42.666667v-384a42.666667 42.666667 0 0 0-42.666667-42.666667h-213.333333v-170.666666z m554.666666 256a42.666667 42.666667 0 1 0 0-85.333334h-170.666666a42.666667 42.666667 0 1 0 0 85.333334h170.666666zM120.192 463.573333c-9.813333 0-19.456-0.768-28.842667-2.218666a185.6 185.6 0 0 1 20.906667-114.773334 187.562667 187.562667 0 0 0 90.752-6.186666 185.941333 185.941333 0 0 0-12.629333-85.333334 185.813333 185.813333 0 0 1 102.4-48.725333 185.472 185.472 0 0 1 13.866666 70.784 186.453333 186.453333 0 0 1-186.453333 186.453333zM270.378667 588.8a185.130667 185.130667 0 0 1-13.824-70.698667 188.885333 188.885333 0 0 1 10.154666-60.928 189.226667 189.226667 0 0 1 22.869334-45.098666l0.426666-0.554667a187.733333 187.733333 0 0 1 21.162667-25.301333l0.64-0.597334 1.28-1.28 4.138667-3.925333c18.645333-17.066667 40.789333-30.378667 65.194666-38.741333l1.450667-0.426667 0.938667-0.384c7.765333-2.56 15.744-4.565333 23.893333-6.058667l4.565333-0.768 8.192-1.194666a188.714667 188.714667 0 0 1 50.389334 1.024 187.733333 187.733333 0 0 1-20.906667 114.773333 187.648 187.648 0 0 0-90.752 6.144 185.984 185.984 0 0 0 12.629333 85.333333 185.813333 185.813333 0 0 1-102.4 48.682667z m544.554666-170.666667a42.666667 42.666667 0 1 0 0-85.333333h-170.666666a42.666667 42.666667 0 1 0 0 85.333333h170.666666z m0 170.666667a42.666667 42.666667 0 1 0 0-85.333333h-170.666666a42.666667 42.666667 0 1 0 0 85.333333h170.666666z m-725.333333-426.666667a42.666667 42.666667 0 0 0-42.666667 42.666667v384a42.666667 42.666667 0 0 0 42.666667 42.666667h85.333333v128a85.333333 85.333333 0 0 0 85.333334 85.333333h640a85.333333 85.333333 0 0 0 85.333333-85.333333v-768a85.333333 85.333333 0 0 0-85.333333-85.333334h-640a85.333333 85.333333 0 0 0-85.333334 85.333334v170.666666h-85.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-unknown_colorful" unicode="&#58976;" d="M682.666667 853.333333a42.666667 42.666667 0 0 0 33.28-16l170.368-212.906666c1.28-1.536 2.389333-3.157333 3.413333-4.821334l-3.072 4.394667c1.450667-1.834667 2.773333-3.797333 3.882667-5.802667l2.389333-4.949333 1.664-4.992a41.258667 41.258667 0 0 0 1.109333-5.973333L896 597.333333v-640a42.666667 42.666667 0 0 0-42.666667-42.666666H170.666667a42.666667 42.666667 0 0 0-42.666667 42.666666V810.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h512z m-85.333334-85.333333H213.333333v-768h597.333334V554.666667h-170.666667a42.666667 42.666667 0 0 0-42.666667 42.666666V768z m-85.333333-612.437333a41.472 41.472 0 1 0 0-82.986667 41.472 41.472 0 0 0 0 82.986667z m0 374.528a142.208 142.208 0 0 0 44.970667-277.205334l-2.304-0.64v-30.293333a42.666667 42.666667 0 0 0-37.674667-42.410667l-4.992-0.298666a42.666667 42.666667 0 0 0-42.666667 42.666666v66.389334a42.666667 42.666667 0 0 0 37.674667 42.368l4.992 0.298666a56.874667 56.874667 0 1 1-56.618667 62.378667l-0.256-5.504a42.666667 42.666667 0 1 0-85.333333 0A142.208 142.208 0 0 0 512 530.090667zM764.586667 640L682.666667 742.4V640h81.92z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="a-icon_file-jar_colorful" unicode="&#59333;" d="M648.533 853.333a42.667 42.667 0 0 0 33.323-16L852.523 624l2.73-3.925 1.152-1.878a40.021 40.021 0 0 0 4.054-9.941 41.259 41.259 0 0 0 1.109-5.973l0.299-4.95V512h42.666a85.333 85.333 0 0 0 85.334-85.333V128a85.333 85.333 0 0 0-85.334-85.333h-42.666v-85.334a42.667 42.667 0 0 0-42.667-42.666H221.867a42.667 42.667 0 0 0-42.667 42.666v85.334h-42.667A85.333 85.333 0 0 0 51.2 128V426.667A85.333 85.333 0 0 0 136.533 512H179.2V810.667a42.667 42.667 0 0 0 42.667 42.666h426.666z m128-810.666h-512V0h512v42.667z m128 384h-768V128h768V426.667z m-556.8-42.24v-116.182c0-24.405-2.176-43.008-6.528-55.722-4.309-12.758-13.013-23.51-26.112-32.384-13.056-8.832-29.781-13.227-50.218-13.227-21.59 0-38.315 2.859-50.176 8.704a63.104 63.104 0 0 0-27.478 25.6c-6.485 11.221-10.282 25.13-11.434 41.643l63.146 8.618c0.086-9.429 0.896-16.469 2.475-21.034a22.87 22.87 0 0 1 7.85-11.094c2.56-1.834 6.145-2.73 10.795-2.73 7.382 0 12.8 2.73 16.256 8.234 3.456 5.504 5.206 14.763 5.206 27.734v131.84h66.176z m174.848 0l80.299-213.76h-69.12l-10.496 35.285H448l-10.368-35.285h-67.456l80.341 213.76h72.064z m212.48 0c20.395 0 36.011-1.707 46.806-5.206 10.794-3.498 19.498-9.984 26.112-19.498 6.57-9.472 9.898-20.992 9.898-34.603 0-11.861-2.56-22.101-7.594-30.72a59.307 59.307 0 0 0-20.864-20.907c-5.632-3.413-13.355-6.229-23.168-8.49 7.893-2.603 13.61-5.248 17.194-7.851 2.432-1.75 5.974-5.504 10.582-11.221 4.608-5.76 7.68-10.155 9.258-13.27l31.958-61.994h-74.667l-35.285 65.322c-4.48 8.448-8.491 13.952-11.947 16.47a27.733 27.733 0 0 1-16.213 4.992h-5.846v-86.784H624.94v213.76h110.08z m-249.258-55.382l-23.467-76.842h47.104l-23.637 76.8z m234.496 12.246h-29.014v-43.478h27.862c2.986 0 8.832 0.982 17.493 2.944a17.493 17.493 0 0 1 10.71 6.699 19.755 19.755 0 0 1 4.18 12.373c0 6.912-2.218 12.246-6.57 15.915-4.395 3.712-12.587 5.547-24.661 5.547zM563.2 768H264.533v-256h512v42.667H605.867a42.667 42.667 0 0 0-42.667 42.666V768z m85.333-25.6V640h81.92l-81.92 102.4z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="logo_dingtalk" unicode="&#59339;" d="M838.058667 470.314667a164.693333 164.693333 0 0 0-9.728-26.453334h0.085333l-0.512-1.066666c-28.416-63.829333-102.656-189.141333-102.656-189.141334l-0.341333 0.853334-21.674667-39.68h104.533333l-199.68-278.826667 45.312 189.653333h-82.346666l28.586666 125.44c-23.125333-5.845333-50.389333-13.952-82.773333-24.874666 0 0-43.776-26.88-126.208 51.84 0 0-55.552 51.328-23.338667 64.256 13.653333 5.418667 66.517333 12.373333 108.117334 18.346666 56.064 7.978667 90.624 12.245333 90.624 12.245334s-173.056-2.773333-214.144 4.053333c-41.088 6.784-93.056 78.762667-104.234667 141.994667 0 0-17.152 34.773333 36.821333 18.346666 54.101333-16.426667 277.845333-64 277.845334-64S271.445333 566.869333 252.074667 589.738667c-19.328 22.826667-56.96 124.8-52.053334 187.392 0 0 2.133333 15.658667 17.408 11.52 0 0 215.168-103.338667 362.24-159.744 147.072-56.618667 274.901333-85.418667 258.389334-158.592z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="logo_lark" unicode="&#59345;" d="M548.48 366.805333c0.682667 0.725333 1.450667 1.365333 2.133333 2.048 1.493333 1.365333 2.858667 2.773333 4.266667 4.181334l2.901333 2.858666 8.746667 8.661334 11.904 11.733333 10.197333 10.112 9.557334 9.472 10.026666 9.856 9.173334 9.088 12.8 12.629333a273.493333 273.493333 0 0 0 35.541333 29.696 290.645333 290.645333 0 0 0 80 39.808A504.533333 504.533333 0 0 1 650.410667 708.266667 45.568 45.568 0 0 1 614.656 725.333333h-368.213333c-6.656 0-9.429333-8.533333-4.053334-12.458666a1074.773333 1074.773333 0 0 0 305.237334-346.88l0.853333 0.853333zM402.432 42.666667a505.728 505.728 0 0 1 450.986667 276.522666 208.469333 208.469333 0 0 0-48.213334-61.184 187.733333 187.733333 0 0 0-31.658666-22.016 192.768 192.768 0 0 0-64.938667-22.314666 198.186667 198.186667 0 0 0-34.688-2.346667 207.786667 207.786667 0 0 0-34.730667 3.413333 216.149333 216.149333 0 0 0-19.797333 4.394667c-6.4 1.706667-12.672 3.456-18.944 5.290667-3.157333 0.853333-6.272 1.834667-9.386667 2.773333-4.693333 1.408-9.386667 2.816-13.994666 4.266667a966.698667 966.698667 0 0 0-22.186667 7.210666l-7.381333 2.432-8.874667 3.114667-6.4 2.218667-12.501333 4.608c-2.432 0.853333-4.821333 1.834667-7.253334 2.730666l-9.685333 3.754667-10.24 4.096-6.570667 2.688-8.192 3.413333-6.314666 2.688c-2.176 0.938667-4.394667 1.877333-6.528 2.858667l-5.674667 2.474667-5.162667 2.261333-5.248 2.389333-5.418666 2.474667-6.826667 3.2-7.125333 3.370667-7.594667 3.669333-6.4 3.2a1064.746667 1064.746667 0 0 0-301.184 224.682667 6.869333 6.869333 0 0 1-11.946667-4.693334l0.213334-324.949333v-26.368c0-15.317333 7.594667-29.696 20.309333-38.186667A503.978667 503.978667 0 0 1 402.432 42.666667zM844.672 302.677333a1.706667 1.706667 0 0 1-0.256-0.426666l0.256 0.426666 1.706667 3.2-1.706667-3.2zM852.565333 317.568l0.426667 0.853333 0.256 0.426667-0.682667-1.28zM960.853333 500.693333a288.298667 288.298667 0 0 1-127.744 29.653334 288.512 288.512 0 0 1-87.253333-13.397334l-6.016-1.962666a291.498667 291.498667 0 0 1-109.525333-67.541334l-12.8-12.629333-9.173334-9.088-9.984-9.813333-9.6-9.514667-10.197333-10.112-11.904-11.733333-8.704-8.661334-2.901333-2.858666-4.266667-4.181334c-0.725333-0.682667-1.450667-1.322667-2.133333-2.048l-3.242667-3.072-3.626667-3.413333a506.410667 506.410667 0 0 0-104.832-74.197333 303.573333 303.573333 0 0 1 12.245334-5.674667l5.205333-2.389333 5.205333-2.261334c1.877333-0.853333 3.797333-1.706667 5.674667-2.474666l6.528-2.858667 6.314667-2.688 8.192-3.413333a2542.08 2542.08 0 0 1 16.810666-6.784c3.2-1.28 6.442667-2.517333 9.685334-3.712l7.253333-2.773334 12.501333-4.565333 6.4-2.261333 8.874667-3.072 7.338667-2.517334 10.794666-3.541333 11.434667-3.626667a1278.464 1278.464 0 0 1 42.325333-12.330666 265.301333 265.301333 0 0 1 19.797334-4.437334 206.805333 206.805333 0 0 1 91.946666 3.84 179.925333 179.925333 0 0 1 27.818667 10.112 192.768 192.768 0 0 1 21.546667 11.392c2.218667 1.365333 4.352 2.773333 6.528 4.181334a216.405333 216.405333 0 0 1 18.133333 13.781333 201.002667 201.002667 0 0 1 48.128 61.013333l4.906667 9.813334 44.544 88.746666-0.085334-0.213333a275.498667 275.498667 0 0 0 57.898667 83.285333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="logo_wechat-work" unicode="&#59346;" d="M689.92 117.12a13.184 13.184 0 0 1 1.877333-20.138667l3.797334-3.669333c24.661333-24.704 40.149333-55.04 46.506666-86.869333a49.408 49.408 0 0 1 1.877334-11.136 55.125333 55.125333 0 1 1 58.922666 69.376 169.301333 169.301333 0 0 0-94.293333 52.48 13.184 13.184 0 0 1-18.645333 0zM914.005333 204.288a55.04 55.04 0 0 1-15.786666-33.194667 169.386667 169.386667 0 0 0-52.522667-94.293333 13.184 13.184 0 1 1 20.181333-16.853333 169.344 169.344 0 0 0 90.496 50.346666 50.218667 50.218667 0 0 1 11.178667 1.877334 55.125333 55.125333 0 1 1-53.546667 92.16zM758.570667 360.149333a55.168 55.168 0 0 1 33.152-93.781333 169.386667 169.386667 0 0 0 94.336-52.48 13.226667 13.226667 0 1 1 16.810666 20.138667 169.472 169.472 0 0 0-50.346666 90.538666 48.768 48.768 0 0 1-1.834667 11.178667 55.168 55.168 0 0 1-92.16 24.405333zM731.349333 273.834667l-1.024-0.938667a13.226667 13.226667 0 0 1-1.536-1.834667l-3.669333-3.84a169.216 169.216 0 0 0-86.869333-46.506666 52.608 52.608 0 0 1-11.136-1.834667 55.125333 55.125333 0 1 1 69.376-58.922667 169.472 169.472 0 0 0 52.48 94.293334 13.184 13.184 0 0 1-17.621334 19.584zM398.08 750.165333c-98.986667-10.752-188.970667-53.12-253.354667-119.253333A338.176 338.176 0 0 1 83.2 544.213333c-20.949333-42.666667-31.573333-87.893333-31.573333-134.528 0-60.032 18.261333-119.210667 52.821333-171.136a470.613333 470.613333 0 0 1 72.448-82.858666l-11.861333-93.568c-0.512-1.28-1.024-2.56-1.28-3.882667-0.298667-1.237333-0.384-2.474667-0.512-3.754667-0.042667-0.938667-0.256-1.877333-0.256-2.858666 0-1.024 0.213333-2.005333 0.298666-3.072 1.578667-15.36 14.378667-27.434667 30.208-27.434667 5.504 0 10.581333 1.578667 15.061334 4.138667l0.426666 0.213333 1.92 1.152 28.458667 14.293333 84.693333 42.496c24.32-6.997333 48.512-11.434667 73.984-14.250666a458.624 458.624 0 0 1 102.101334 0.298666c34.773333 3.925333 68.181333 11.946667 99.882666 23.338667a55.082667 55.082667 0 0 0-37.546666 57.6 373.248 373.248 0 0 0-70.784-15.146667 384.384 384.384 0 0 0-85.504-0.256c-2.858667 0.341333-5.76 0.768-8.661334 1.194667a377.728 377.728 0 0 0-56.021333 11.733333 38.272 38.272 0 0 1-30.165333-3.072c-0.853333-0.426667-1.621333-0.768-2.432-1.237333l-69.546667-41.002667-3.029333-1.792h-0.085334c-1.493333-0.896-2.346667-1.28-3.114666-1.28a4.693333 4.693333 0 0 0-4.650667 4.864l2.688 10.794667 3.114667 11.818667 5.077333 19.328 5.632 21.546666a29.226667 29.226667 0 0 1-10.496 32.512 305.621333 305.621333 0 0 0-29.098667 24.405334 284.672 284.672 0 0 0-41.216 48.768 243.712 243.712 0 0 0-41.813333 134.997333c0 36.650667 8.362667 72.234667 24.874667 105.856a271.445333 271.445333 0 0 0 49.365333 69.504C249.514667 638.293333 323.968 673.194667 406.186667 682.112c14.293333 1.536 28.373333 2.346667 41.813333 2.346667 14.122667 0 28.8-0.853333 43.690667-2.56 81.834667-9.258667 155.818667-44.330667 208.341333-98.645334a271.061333 271.061333 0 0 0 49.152-69.674666c16.213333-33.365333 24.448-68.693333 24.448-104.96 0-3.797333-0.213333-7.552-0.426667-11.306667a55.04 55.04 0 0 0 67.669334-7.936c0.938667-0.938667 1.706667-1.962667 2.56-2.944a299.52 299.52 0 0 1-30.122667 156.714667 337.322667 337.322667 0 0 1-61.226667 86.912c-63.914667 66.090667-153.386667 108.672-251.946666 119.893333-17.706667 2.005333-35.242667 2.986667-52.138667 2.986667-16.085333 0-32.853333-0.896-49.92-2.773334z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="a-icon_file-json" unicode="&#59347;" d="M648.533333 853.333333a42.666667 42.666667 0 0 0 33.322667-16l170.325333-212.906666 1.792-2.346667 0.213334-0.341333 0.426666-0.554667 0.426667-0.768-0.853333 1.322667-1.664 2.261333 2.730666-3.925333 1.152-1.877334a40.021333 40.021333 0 0 0 4.053334-9.941333 41.258667 41.258667 0 0 0 1.109333-5.973333L861.866667 597.333333v-85.333333h42.666666a85.333333 85.333333 0 0 0 85.333334-85.333333v-298.666667a85.333333 85.333333 0 0 0-85.333334-85.333333h-42.666666v-85.333334a42.666667 42.666667 0 0 0-42.666667-42.666666h-597.333333a42.666667 42.666667 0 0 0-42.666667 42.666666v85.333334h-42.666667a85.333333 85.333333 0 0 0-85.333333 85.333333v298.666667a85.333333 85.333333 0 0 0 85.333333 85.333333h42.666667V810.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h426.666666z m128-810.666666h-512v-42.666667h512v42.666667z m128 384h-768v-298.666667h768v298.666667z m-341.333333 341.333333h-298.666667v-256h512V554.666667h-170.666666a42.666667 42.666667 0 0 0-42.666667 42.666666V768z m85.333333-25.6V640h81.92L648.533333 742.4z m-341.333333-374.698667v-141.056c0-17.749333-3.157333-32.384-9.898667-43.733333-11.690667-19.797333-32.512-29.525333-60.629333-29.525333-27.818667 0-47.957333 7.850667-58.88 24.618666-9.642667 14.848-14.293333 34.346667-14.293333 58.282667v17.066667h61.952v-16.768c0.298667-12.544 1.621333-21.077333 3.413333-24.789334 0.426667-0.810667 1.706667-1.450667 6.4-1.450666 4.48 0 5.76 0.682667 6.4 2.133333 0.810667 1.621333 1.450667 6.4 1.450667 13.568v141.653333H307.2z m277.589333 5.632c29.568 0 53.034667-8.362667 68.992-24.832 21.504-19.584 32.042667-48.341333 32.042667-85.461333 0-36.394667-10.496-65.109333-31.488-84.906667-16.512-17.066667-39.978667-25.386667-69.546667-25.386666-29.568 0-53.034667 8.362667-69.12 24.96-14.08 13.226667-23.466667 30.165333-28.288 50.474666l0.213334-3.626666c0-20.565333-8.106667-38.101333-23.765334-51.626667-15.402667-13.354667-36.565333-19.797333-62.933333-19.797333-26.666667 0-48.341333 6.272-64.597333 19.2-16.853333 13.482667-25.429333 32.256-25.429334 55.210666v12.8h55.594667l-0.426667 0.085334a114.986667 114.986667 0 0 0-23.808 9.344l-4.181333 2.56c-16.085333 11.050667-24.192 28.373333-24.192 50.474666 0 20.053333 7.509333 37.205333 22.186667 50.56 14.634667 13.312 35.328 19.712 61.482666 19.712 22.101333 0 41.386667-5.973333 57.386667-18.005333 16.938667-12.714667 25.898667-31.274667 26.666667-54.613333l0.426666-13.226667H432.64l4.693333-1.237333c9.6-2.816 17.706667-6.272 24.277334-10.453334l4.650666-3.328c8.917333-7.04 15.061333-16.042667 18.346667-26.752a144 144 0 0 0-0.938667 17.578667c0 37.12 10.581333 65.92 31.573334 84.906667 16.554667 17.066667 40.021333 25.386667 69.589333 25.386666zM371.754667 238.933333l1.322666-9.642666c0.853333-6.272 2.389333-10.410667 4.096-12.501334 3.456-4.181333 10.538667-6.698667 22.229334-6.698666 7.765333 0 13.738667 0.853333 17.834666 2.261333 5.802667 2.048 7.637333 4.48 7.637334 9.301333 0 1.621333-0.384 2.261333-1.877334 3.2-3.882667 2.389333-11.050667 4.821333-21.248 7.082667l-19.541333 4.352a319.744 319.744 0 0 0-8.448 2.048l-2.005333 0.554667z m213.034666 76.202667c-11.434667 0-19.925333-3.925333-26.538666-12.117333-7.04-8.746667-10.794667-21.930667-10.794667-39.978667 0-18.048 3.754667-31.232 10.794667-39.978667 6.613333-8.192 15.104-12.074667 26.538666-12.074666s19.84 3.882667 26.368 12.032l2.730667 4.010666c5.12 8.533333 7.850667 20.48 7.850667 36.010667 0 18.005333-3.712 31.189333-10.666667 39.978667-6.485333 8.192-14.890667 12.117333-26.282667 12.117333z m-189.866666 0.341333c-7.552 0-13.013333-1.365333-16.597334-3.797333-2.389333-1.621333-3.242667-3.2-3.242666-6.144 0-1.92 0.426667-2.56 2.346666-3.669333 2.346667-1.322667 9.514667-3.626667 20.608-6.272l21.461334-5.12-0.469334 8.789333c-0.341333 5.376-1.877333 8.874667-4.992 11.349333l-2.56 1.706667a36.309333 36.309333 0 0 1-16.554666 3.157333z m354.688 52.224l3.669333-6.442666 49.493333-86.741334v93.184h61.44V157.866667H805.546667l-3.669334 6.4-51.413333 89.344 0.042667-95.744h-61.44v209.834666h60.586666z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="a-icon_file-JMX" unicode="&#59038;" d="M648.533333 853.333333a42.666667 42.666667 0 0 0 33.322667-16l170.666667-213.333333 2.730666-3.925333 1.152-1.877334 1.664-3.242666 1.408-3.541334 0.981334-3.157333a41.258667 41.258667 0 0 0 1.109333-5.973333L861.866667 597.333333v-85.333333h42.666666a85.333333 85.333333 0 0 0 85.333334-85.333333v-298.666667a85.333333 85.333333 0 0 0-85.333334-85.333333h-42.666666v-85.333334a42.666667 42.666667 0 0 0-42.666667-42.666666h-597.333333a42.666667 42.666667 0 0 0-42.666667 42.666666v85.333334h-42.666667a85.333333 85.333333 0 0 0-85.333333 85.333333v298.666667a85.333333 85.333333 0 0 0 85.333333 85.333333h42.666667V810.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h426.666666z m128-810.666666h-512v-42.666667h512v42.666667z m128 384h-768v-298.666667h768v298.666667z m-572.16-42.24v-116.181334c0-24.405333-2.218667-43.008-6.528-55.722666-4.309333-12.757333-13.013333-23.509333-26.112-32.384-13.056-8.832-29.824-13.226667-50.218666-13.226667-21.589333 0-38.314667 2.858667-50.176 8.704a63.104 63.104 0 0 0-27.477334 25.6c-6.485333 11.221333-10.282667 25.130667-11.477333 41.642667l63.146667 8.618666c0.128-9.429333 0.938667-16.469333 2.474666-21.034666a22.869333 22.869333 0 0 1 7.893334-11.093334c2.56-1.834667 6.101333-2.730667 10.794666-2.730666 7.381333 0 12.8 2.730667 16.256 8.234666 3.413333 5.504 5.162667 14.762667 5.162667 27.733334v131.84H332.373333z m130.176 0l33.536-130.048 33.408 130.090666h86.613334V170.666667h-53.930667v163.029333L520.32 170.666667H471.466667l-41.728 163.029333V170.666667H375.637333v213.76h86.912z m253.781334 0l37.888-65.706667 36.778666 65.706667h72.021334l-66.517334-103.509334L869.290667 170.666667h-74.24l-42.154667 68.693333-42.24-68.693333h-73.813333l73.813333 111.402666-67.114667 102.4h72.789334zM563.2 768h-298.666667v-256h512V554.666667h-170.666666a42.666667 42.666667 0 0 0-42.666667 42.666666V768z m85.333333-25.6V640h81.92L648.533333 742.4z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file_har" unicode="&#59041;" d="M648.533333 853.333333a42.666667 42.666667 0 0 0 33.322667-16l170.666667-213.333333 2.730666-3.925333 1.152-1.877334 1.664-3.242666 1.408-3.541334 0.981334-3.157333a41.258667 41.258667 0 0 0 1.109333-5.973333L861.866667 597.333333v-85.333333h42.666666a85.333333 85.333333 0 0 0 85.333334-85.333333v-298.666667a85.333333 85.333333 0 0 0-85.333334-85.333333h-42.666666v-85.333334a42.666667 42.666667 0 0 0-42.666667-42.666666h-597.333333a42.666667 42.666667 0 0 0-42.666667 42.666666v85.333334h-42.666667a85.333333 85.333333 0 0 0-85.333333 85.333333v298.666667a85.333333 85.333333 0 0 0 85.333333 85.333333h42.666667V810.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h426.666666z m128-810.666666h-512v-42.666667h512v42.666667z m128 384h-768v-298.666667h768v298.666667z m-660.992-42.24v-74.794667h72.149334v74.837333h66.389333V170.666667H315.690667v86.485333H243.541333V170.666667H177.450667v213.76h66.090666z m313.216 0L637.141333 170.666667h-69.12l-10.538666 35.285333h-75.221334L471.893333 170.666667H404.394667l80.341333 213.76h72.021333z m212.48 0c20.437333 0 36.053333-1.706667 46.805334-5.205334 10.794667-3.498667 19.498667-9.984 26.112-19.498666 6.613333-9.472 9.941333-20.992 9.941333-34.602667 0-11.861333-2.56-22.101333-7.594667-30.72a59.306667 59.306667 0 0 0-20.864-20.906667c-5.632-3.413333-13.354667-6.229333-23.168-8.490666 7.850667-2.602667 13.610667-5.248 17.194667-7.850667 1.834667-1.28 4.266667-3.754667 7.296-7.296l3.285333-3.925333c4.608-5.76 7.68-10.154667 9.258667-13.269334L869.418667 170.666667h-74.666667l-35.285333 65.322666c-4.48 8.448-8.448 13.952-11.946667 16.469334a27.733333 27.733333 0 0 1-16.213333 4.992h-5.802667V170.666667h-66.346667v213.76h110.08z m-249.216-55.381334l-23.466666-76.842666h47.104l-23.637334 76.8z m234.496 12.245334h-29.013333v-43.477334h27.861333c2.986667 0 8.832 0.981333 17.493334 2.944a17.493333 17.493333 0 0 1 10.709333 6.698667 19.754667 19.754667 0 0 1 4.181333 12.373333c0 6.912-2.218667 12.245333-6.570666 15.914667-4.394667 3.712-12.586667 5.546667-24.661334 5.546667zM563.2 768h-298.666667v-256h512V554.666667h-170.666666a42.666667 42.666667 0 0 0-42.666667 42.666666V768z m85.333333-25.6V640h81.92L648.533333 742.4z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_filter_clear" unicode="&#59343;" d="M128.192 768h575.616a64 64 0 0 0 44.032-110.464L512 434.304v-354.304L320-64l-0.064 498.304-235.776 223.232a64 64 0 0 0-7.616 84.288l5.12 6.208A64 64 0 0 0 128.256 768z m575.616-64H128.192L384 461.76l-0.064-397.696L448 112.064V461.76L703.872 704zM685.248 256l90.496-90.496L866.304 256l45.248-45.248-90.56-90.496 90.56-90.56-45.248-45.248-90.56 90.56-90.496-90.56-45.248 45.248 90.496 90.56L640 210.752l45.248 45.248z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_filter" unicode="&#59344;" d="M128 704a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-114.304l-272-160V0h-224V429.696L128 589.696V704z m704 0H192v-77.696l272-160V64h96V466.304l272 160V704z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-excel_colorful_ash" unicode="&#58954;" d="M256 0h640V768H256v-170.666667h213.333333a42.666667 42.666667 0 0 0 42.666667-42.666666v-384a42.666667 42.666667 0 0 0-42.666667-42.666667H256v-128z m554.666667 256a42.666667 42.666667 0 1 0 0-85.333333h-170.666667a42.666667 42.666667 0 1 0 0 85.333333h170.666667zM221.184 512H175.274667a27.477333 27.477333 0 0 1-22.997334-42.496l65.877334-100.522667-74.666667-112.64A27.690667 27.690667 0 0 1 166.656 213.333333H213.333333a8.533333 8.533333 0 0 1 7.253334 4.053334l56.618666 91.904 56.362667-91.904a8.533333 8.533333 0 0 1 7.253333-4.053334h47.104a27.904 27.904 0 0 1 23.296 43.264L338.133333 367.36l65.706667 102.314667A27.477333 27.477333 0 0 1 380.714667 512H335.402667a8.533333 8.533333 0 0 1-7.424-4.352L279.04 420.138667 228.565333 507.733333a8.533333 8.533333 0 0 1-7.381333 4.266667zM810.666667 426.666667a42.666667 42.666667 0 1 0 0-85.333334h-170.666667a42.666667 42.666667 0 1 0 0 85.333334h170.666667z m0 170.666666a42.666667 42.666667 0 1 0 0-85.333333h-170.666667a42.666667 42.666667 0 1 0 0 85.333333h170.666667zM85.333333 128a42.666667 42.666667 0 0 0-42.666666 42.666667V554.666667a42.666667 42.666667 0 0 0 42.666666 42.666666h85.333334V768a85.333333 85.333333 0 0 0 85.333333 85.333333h640a85.333333 85.333333 0 0 0 85.333333-85.333333v-768a85.333333 85.333333 0 0 0-85.333333-85.333333H256a85.333333 85.333333 0 0 0-85.333333 85.333333v128H85.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_font_color" unicode="&#59342;" d="M482.901333 781.312a32 32 0 0 0 58.197334 0l117.333333-256 39.082667-85.333333 78.250666-170.666667a32 32 0 1 0-58.197333-26.624l-69.674667 151.978667H376.064l-69.632-151.978667a32 32 0 0 0-38.4-17.322667l-4.010667 1.536a32 32 0 0 0-15.786666 42.410667l78.250666 170.666667 39.082667 85.333333 117.333333 256zM512 691.242667L423.765333 498.688l-18.389333-40.021333h213.205333l-18.346666 40.021333L512 691.2z m384-573.909334a32 32 0 1 0 0-64H128a32 32 0 1 0 0 64h768z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_add_pic" unicode="&#59332;" d="M562.432 714.666667a32 32 0 1 0 0-64H170.666667a10.666667 10.666667 0 0 1-10.666667-10.666667v-597.333333c0-5.888 4.778667-10.666667 10.666667-10.666667h597.333333a10.666667 10.666667 0 0 1 10.666667 10.666667v405.333333a32 32 0 1 0 64 0V42.666667A74.666667 74.666667 0 0 0 768-32H170.666667A74.666667 74.666667 0 0 0 96 42.666667V640c0 41.258667 33.408 74.666667 74.666667 74.666667h391.765333z m-13.653333-237.44l160-224.64A32 32 0 0 0 682.666667 202.026667H256a32 32 0 0 0-25.6 51.114666l128 171.349334a32 32 0 0 0 48.213333 3.456l35.84-35.754667 53.248 83.626667a32 32 0 0 0 53.034667 1.408z m-24.661334-75.776l-49.109333-77.312a32 32 0 0 0-49.621333-5.418667l-37.930667 37.888-67.626667-90.581333h300.8l-96.512 135.424z m286.421334 402.901333a32 32 0 0 0 32-32V714.666667H896a32 32 0 1 0 0-64h-53.461333v-48.981334a32 32 0 1 0-64 0V650.666667H725.333333a32 32 0 1 0 0 64h53.205334V772.352a32 32 0 0 0 32 32z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_text_underline" unicode="&#59334;" d="M842.666667 2.090667a32 32 0 1 0 0-64h-682.666667a32 32 0 1 0 0 64h682.666667zM778.666667 810.666667a32 32 0 0 0 32-32v-339.285334a309.333333 309.333333 0 0 0-618.666667 0V778.666667a32 32 0 0 0 64 0v-339.285334a245.333333 245.333333 0 0 1 490.666667 0V778.666667a32 32 0 0 0 32 32z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_text_italic" unicode="&#59335;" d="M256-42.666667a32 32 0 1 0 0 64h124.970667L576.298667 725.333333H426.666667a32 32 0 0 0 0 64h183.808a31.829333 31.829333 0 0 0 16.170666 0H768A32 32 0 1 0 768 725.333333h-125.312l-195.285333-704H597.333333a32 32 0 1 0 0-64H256z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_add_text" unicode="&#59336;" d="M682.666667 746.666667A32 32 0 1 0 682.666667 682.666667H416v-693.333334a32 32 0 1 0-64 0V682.666667H85.333333a32 32 0 0 0 0 64h597.333334z m256-277.333334a32 32 0 1 0 0-64h-138.666667v-416a32 32 0 1 0-64 0V405.333333H597.333333a32 32 0 1 0 0 64h341.333334z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_align_text_right" unicode="&#59337;" d="M896 746.666667A32 32 0 1 0 896 682.666667H128a32 32 0 0 0 0 64h768z m0-213.333334a32 32 0 1 0 0-64H298.666667a32 32 0 0 0 0 64h597.333333z m0-213.333333a32 32 0 1 0 0-64H128a32 32 0 1 0 0 64h768z m0-213.333333a32 32 0 1 0 0-64H298.666667a32 32 0 1 0 0 64h597.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_align_text_left" unicode="&#59338;" d="M896 736a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64h768z m-170.666667-213.333333a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64h597.333333z m170.666667-213.333334a32 32 0 1 0 0-64H128a32 32 0 1 0 0 64h768z m-170.666667-213.333333a32 32 0 1 0 0-64H128a32 32 0 1 0 0 64h597.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_text_bold" unicode="&#59340;" d="M181.333333 810.666667A32 32 0 0 0 213.333333 842.666667h277.333334c135.168 0 244.650667-109.866667 244.650666-245.333334 0-77.098667-35.456-145.92-90.965333-190.890666A245.248 245.248 0 0 0 821.333333 170.666667c0-135.466667-109.525333-245.333333-244.650666-245.333334H213.333333a32 32 0 0 0-32 32V810.666667z m395.349334-458.666667H245.333333v-362.666667h331.349334A180.992 180.992 0 0 1 757.333333 170.666667a180.992 180.992 0 0 1-180.650666 181.333333z m-86.016 426.666667H245.333333v-362.666667h245.333334A180.992 180.992 0 0 1 671.317333 597.333333 180.992 180.992 0 0 1 490.666667 778.666667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_align_text_center" unicode="&#59341;" d="M768 533.333333a32 32 0 1 0 0-64H256a32 32 0 0 0 0 64h512z m128 213.333334A32 32 0 1 0 896 682.666667H128a32 32 0 0 0 0 64h768z m0-426.666667a32 32 0 1 0 0-64H128a32 32 0 1 0 0 64h768z m-128-213.333333a32 32 0 1 0 0-64H256a32 32 0 1 0 0 64h512z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_map" unicode="&#59323;" d="M362.666667-32a31.872 31.872 0 0 0-13.013334 2.773333l-0.426666 0.170667-277.333334 128A32 32 0 0 0 53.333333 128V768a32 32 0 0 0 45.397334 29.056l138.581333-64 23.381333-10.709333 102.4-47.317334 285.653334 122.368a31.317333 31.317333 0 0 0 4.693333 1.621334l-4.693333-1.621334a32 32 0 0 0 8.234666 2.304l1.365334 0.170667a32 32 0 0 0 1.536 0.085333l1.365333 0.042667 2.389333-0.085333a32 32 0 0 0 1.194667-0.085334l0.853333-0.128 2.816-0.512 1.194667-0.298666c1.621333-0.426667 3.157333-0.981333 4.608-1.621334l0.426667-0.213333 132.394666-61.056 144.938667-66.944A32 32 0 0 0 970.666667 640v-640a32 32 0 0 0-45.397334-29.056l-138.282666 63.829333-126.122667 58.24-285.610667-122.453333-1.194666-0.469333a31.786667 31.786667 0 0 0-7.04-1.792l-3.114667-0.256a32 32 0 0 0-1.152-0.042667z m266.666666 751.530667l-234.666666-100.608v-570.325334l234.666666 100.565334V719.530667z m64-1.493334V148.48l213.333334-98.517333V619.562667l-119.253334 55.04a32.597333 32.597333 0 0 0-0.853333 0.341333l-93.226667 43.093333z m-576 0V148.48l213.333334-98.432V619.52L210.602667 674.944l-0.512 0.298667L117.333333 718.037333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="a-icon_multiple_selection_of_departments" unicode="&#59324;" d="M149.333333 522.666667v-469.333334c0-5.888 4.778667-10.666667 10.666667-10.666666h554.666667c30.976-3.456 35.84-57.941333 0-64h-554.666667A74.666667 74.666667 0 0 0 85.333333 53.333333v469.333334c15.445333 50.56 61.568 24.533333 64 0zM469.333333 768a32 32 0 1 0 0-64H288a10.666667 10.666667 0 0 1-10.666667-10.666667v-512c0-5.888 4.778667-10.666667 10.666667-10.666666h597.333333a10.666667 10.666667 0 0 1 10.666667 10.666666V320a32 32 0 1 0 64 0v-138.666667a74.666667 74.666667 0 0 0-74.666667-74.666666h-597.333333A74.666667 74.666667 0 0 0 213.333333 181.333333v512C213.333333 734.549333 246.784 768 288 768H469.333333z m288-394.666667a32 32 0 1 0 0-64h-384a32 32 0 1 0 0 64h384z m-21.333333 416a117.333333 117.333333 0 0 0 86.784-196.266666A159.744 159.744 0 0 0 896 458.666667a32 32 0 1 0-64 0 96 96 0 0 1-192 0 32 32 0 1 0-64 0c0 56.362667 29.141333 105.941333 73.173333 134.4a117.333333 117.333333 0 0 0 86.826667 196.266666z m-277.333333-245.333333a32 32 0 1 0 0-64h-85.333334a32 32 0 0 0 0 64h85.333334zM736 725.333333a53.333333 53.333333 0 1 1 0-106.666666 53.333333 53.333333 0 0 1 0 106.666666z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_calendar1" unicode="&#59325;" d="M661.333333 842.666667a32 32 0 0 0 32-32v-32H853.333333c41.258667 0 74.666667-33.408 74.666667-74.666667V42.666667A74.666667 74.666667 0 0 0 853.333333-32H128A74.666667 74.666667 0 0 0 53.333333 42.666667V704c0 41.216 33.450667 74.666667 74.666667 74.666667h160V810.666667a32 32 0 0 0 64 0v-32h277.333333V810.666667a32 32 0 0 0 32 32z m202.666667-384H117.333333V42.666667a10.666667 10.666667 0 0 1 8.234667-10.368L128 32h725.333333a10.666667 10.666667 0 0 1 10.666667 10.666667v416z m-160-256a32 32 0 1 0 0-64h-128a32 32 0 1 0 0 64h128z m-298.666667 0a32 32 0 1 0 0-64h-128a32 32 0 1 0 0 64h128z m298.666667 170.666666a32 32 0 1 0 0-64h-128a32 32 0 1 0 0 64h128z m-298.666667 0a32 32 0 1 0 0-64h-128a32 32 0 1 0 0 64h128z m-117.333333 341.333334H128a10.666667 10.666667 0 0 1-10.666667-10.666667v-181.333333h746.666667V704a10.666667 10.666667 0 0 1-8.234667 10.368L853.333333 714.666667h-160V640a32 32 0 1 0-64 0V714.666667h-277.333333V640a32 32 0 0 0-64 0V714.666667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_link1" unicode="&#59326;" d="M629.248 710.485333a160 160 0 0 0 226.261333-226.304l-377.130666-377.130666a224 224 0 0 0-316.757334 316.8l316.757334 316.8a32 32 0 0 0 45.269333-45.226667l-316.8-316.842667a160 160 0 1 1 226.304-226.261333L810.24 529.493333a96 96 0 0 1-135.765333 135.765334L297.386667 288.085333a32 32 0 1 1 45.226666-45.226666l316.8 316.757333a32 32 0 0 0 45.226667-45.226667L387.925333 197.546667a96 96 0 1 0-135.765333 135.765333l377.130667 377.130667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="a-icon_collectbeifen12" unicode="&#59327;" d="M832 800a96 96 0 0 0 96-96v-640a96 96 0 0 0-96-96h-640a96 96 0 0 0-96 96v640A96 96 0 0 0 192 800h640z m0-64h-640a32 32 0 0 1-32-32v-640c0-17.664 14.336-32 32-32h640a32 32 0 0 1 32 32v640a32 32 0 0 1-32 32zM682.666667 586.666667a32 32 0 0 0 32-32v-341.333334a32 32 0 0 0-32-32H341.333333a32 32 0 0 0-32 32V554.666667A32 32 0 0 0 341.333333 586.666667h341.333334z m-32-64h-277.333334v-277.333334h277.333334v277.333334z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_department_single_choice" unicode="&#59328;" d="M437.333333 757.333333a32 32 0 1 0 0-64H128a10.666667 10.666667 0 0 1-10.666667-10.666666v-597.333334c0-5.888 4.778667-10.666667 10.666667-10.666666h768a10.666667 10.666667 0 0 1 10.666667 10.666666v138.666667a32 32 0 1 0 64 0V85.333333A74.666667 74.666667 0 0 0 896 10.666667H128A74.666667 74.666667 0 0 0 53.333333 85.333333V682.666667c0 41.216 33.450667 74.666667 74.666667 74.666666h309.333333zM640 320a32 32 0 1 0 0-64H170.666667a32 32 0 1 0 0 64h469.333333z m106.666667 416a117.333333 117.333333 0 0 0 86.784-196.266667 159.744 159.744 0 0 0 73.216-134.4 32 32 0 1 0-64 0 96 96 0 0 1-192 0 32 32 0 1 0-64 0c0 56.362667 29.141333 105.941333 73.173333 134.4a117.333333 117.333333 0 0 0 86.826667 196.266667zM426.666667 490.666667a32 32 0 1 0 0-64H170.666667a32 32 0 1 0 0 64h256z m320 181.333333a53.333333 53.333333 0 1 1 0-106.666667 53.333333 53.333333 0 0 1 0 106.666667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_find" unicode="&#59329;" d="M938.666667 746.666667A32 32 0 1 0 938.666667 682.666667H85.333333a32 32 0 0 0 0 64h853.333334z m-618.666667-341.333334a32 32 0 1 0 0-64H85.333333a32 32 0 1 0 0 64h234.666667z m0-341.333333a32 32 0 1 0 0-64H85.333333a32 32 0 1 0 0 64h234.666667z m352 469.333333a213.333333 213.333333 0 0 0 162.261333-351.829333l127.146667-128a32 32 0 1 0-45.44-45.141333l-130.218667 131.114666A213.333333 213.333333 0 1 0 672 533.333333z m0-64a149.333333 149.333333 0 1 1 0-298.666666 149.333333 149.333333 0 0 1 0 298.666666z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_handwritten_signature" unicode="&#59330;" d="M896 32a32 32 0 1 0 0-64H128a32 32 0 1 0 0 64h768zM632.192 790.613333a32 32 0 0 0 45.269333 0l155.818667-155.904a32 32 0 0 0 0-45.226666L392.106667 148.053333a32 32 0 0 0-22.613334-9.386666H213.333333a32 32 0 0 0-32 32v155.306666a32 32 0 0 0 9.386667 22.613334L632.149333 790.613333z m22.656-67.882666L245.333333 312.789333v-110.122666h110.805334l409.258666 409.472-110.549333 110.592z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_button" unicode="&#59331;" d="M896 586.666667c41.258667 0 74.666667-33.408 74.666667-74.666667v-298.666667A74.666667 74.666667 0 0 0 896 138.666667H128A74.666667 74.666667 0 0 0 53.333333 213.333333V512c0 41.258667 33.408 74.666667 74.666667 74.666667h768z m0-64H128a10.666667 10.666667 0 0 1-10.666667-10.666667v-298.666667c0-5.888 4.778667-10.666667 10.666667-10.666666h768a10.666667 10.666667 0 0 1 10.666667 10.666666V512a10.666667 10.666667 0 0 1-10.666667 10.666667z m-234.666667-128a32 32 0 1 0 0-64H384a32 32 0 1 0 0 64h277.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_select_data" unicode="&#59307;" d="M405.333333 757.333333c189.994667 0 344.96-50.261333 351.786667-132.992l0.213333-5.674666v-162.090667a245.376 245.376 0 1 0-140.629333-463.274667l8.618667 2.517334-10.325334-2.986667c-59.306667-16-132.565333-24.832-209.664-24.832-194.304 0-352 52.565333-352 138.666667v512c0 86.101333 157.696 138.666667 352 138.666666z m320-362.666666a180.778667 180.778667 0 0 1-134.954666-60.202667 180.48 180.48 0 0 1-43.776-151.978667A181.546667 181.546667 0 0 1 725.333333 32a181.333333 181.333333 0 0 1 0 362.666667z m118.613334-116.053334a32 32 0 0 0 0-45.226666l-117.333334-117.333334a32 32 0 0 0-45.226666 0l-64 64a32 32 0 0 0 45.226666 45.226667l41.386667-41.344 94.72 94.72a32 32 0 0 0 45.226667 0zM117.333333 364.117333V277.333333c0-31.701333 128.853333-74.666667 288-74.666666 25.6 0 50.688 1.024 74.965334 3.029333A79.957333 79.957333 0 0 0 480 213.333333c0 35.413333 7.552 69.632 21.632 100.821334-30.848-3.2-63.232-4.821333-96.298667-4.821334-119.04 0-224.298667 19.712-288 54.784zM405.333333 480c-119.04 0-224.298667 19.712-288 54.784V448c0-31.701333 128.853333-74.666667 288-74.666667 44.202667 0 86.997333 3.114667 126.08 8.96l19.072 3.114667a244.693333 244.693333 0 0 0 140.032 70.826667l2.816 0.341333 0.085334 78.250667C629.674667 499.712 524.373333 480 405.333333 480z m0 213.333333c-159.146667 0-288-42.965333-288-74.666666 0-31.701333 128.853333-74.666667 288-74.666667s288 42.965333 288 74.666667c0 31.701333-128.853333 74.666667-288 74.666666z m132.48-638.165333l-0.213333 0.256-0.085333 0.085333-2.986667 3.626667a246.570667 246.570667 0 0 0-12.245333 16.469333l-2.261334 3.413334a245.930667 245.930667 0 0 0-27.093333 55.594666l-0.682667 2.048a243.925333 243.925333 0 0 0-0.981333 2.986667l-0.810667 2.688c-27.52-2.432-56.064-3.669333-85.12-3.669333-119.04 0-224.298667 19.712-288 54.784V106.666667c0-31.701333 128.853333-74.666667 288-74.666667 45.226667 0 88.874667 3.242667 128.341334 9.258667l14.506666 2.432-3.114666 3.2-7.253334 8.277333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_single_line_text" unicode="&#59308;" d="M832 800a96 96 0 0 0 96-96v-640a96 96 0 0 0-96-96h-640a96 96 0 0 0-96 96v640A96 96 0 0 0 192 800h640z m0-64h-640a32 32 0 0 1-32-32v-640c0-17.664 14.336-32 32-32h640a32 32 0 0 1 32 32v640a32 32 0 0 1-32 32z m-362.666667-597.333333a32 32 0 1 0 0 64h10.666667V512c0 3.754667 0.64 7.338667 1.834667 10.666667H373.333333v-32a32 32 0 0 0-27.648-31.701334L341.333333 458.666667a32 32 0 0 0-32 32V554.666667A32 32 0 0 0 341.333333 586.666667h341.333334a32 32 0 0 0 32-32v-64a32 32 0 1 0-64 0v32h-108.501334a31.957333 31.957333 0 0 0 1.834667-10.666667v-309.333333H554.666667a32 32 0 1 0 0-64h-85.333334z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_multiple_choice_of_members" unicode="&#59309;" d="M405.333333 800a181.333333 181.333333 0 1 0 0-362.666667 181.333333 181.333333 0 0 0 0 362.666667z m0-64a117.333333 117.333333 0 1 1 0-234.666667 117.333333 117.333333 0 0 1 0 234.666667z m262.869334 27.178667a32 32 0 0 0 43.946666 10.88A181.205333 181.205333 0 0 0 800 618.666667a181.205333 181.205333 0 0 0-87.893333-155.392 32 32 0 0 0-33.024 54.784A117.248 117.248 0 0 1 736 618.666667c0 41.642667-21.845333 79.488-56.874667 100.608a32 32 0 0 0-10.922666 43.946666zM452.266667 330.666667c125.909333 0 155.861333-2.432 194.389333-22.101334a202.666667 202.666667 0 0 0 88.576-88.576c19.626667-38.528 22.101333-68.48 22.101333-194.389333v-25.6a32 32 0 0 0-32-32H85.333333a32 32 0 0 0-32 32v25.6c0 125.909333 2.432 155.861333 22.101334 194.389333a202.666667 202.666667 0 0 0 88.576 88.576c38.528 19.626667 68.48 22.101333 194.389333 22.101334h93.866667z m22.954666-64H335.445333c-93.952-0.384-118.869333-3.114667-142.378666-15.104a138.666667 138.666667 0 0 1-60.586667-60.586667c-12.032-23.552-14.762667-48.469333-15.104-142.421333l-0.042667-16.554667h575.957334v5.376c-0.128 99.370667-2.432 127.146667-13.738667 150.869333l-1.322667 2.688a138.666667 138.666667 0 0 1-60.586666 60.586667c-23.552 12.032-48.469333 14.762667-142.421334 15.104z m341.76 27.904a32 32 0 0 0 43.008 13.994666 202.666667 202.666667 0 0 0 88.576-88.576c19.626667-38.528 22.101333-68.48 22.101334-194.389333v-25.6a32 32 0 1 0-64 0v25.6c0 113.066667-2.218667 140.032-15.104 165.333333a138.666667 138.666667 0 0 1-60.586667 60.586667 32 32 0 0 0-13.994667 43.093333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_subform" unicode="&#59310;" d="M810.666667 842.666667c41.216 0 74.666667-33.450667 74.666666-74.666667v-768A74.666667 74.666667 0 0 0 810.666667-74.666667H213.333333A74.666667 74.666667 0 0 0 138.666667 0V768c0 41.216 33.450667 74.666667 74.666666 74.666667h597.333334z m0-64H213.333333a10.666667 10.666667 0 0 1-10.666666-10.666667v-768c0-5.888 4.778667-10.666667 10.666666-10.666667h597.333334a10.666667 10.666667 0 0 1 10.666666 10.666667V768a10.666667 10.666667 0 0 1-10.666666 10.666667z m-106.666667-576a32 32 0 1 0 0-64h-256a32 32 0 1 0 0 64h256z m0 213.333333a32 32 0 1 0 0-64h-256a32 32 0 1 0 0 64h256z m0 213.333333a32 32 0 1 0 0-64h-256a32 32 0 1 0 0 64h256zM320 554.666667a42.666667 42.666667 0 1 1 0 85.333333 42.666667 42.666667 0 0 1 0-85.333333zM320 341.333333a42.666667 42.666667 0 1 1 0 85.333334 42.666667 42.666667 0 0 1 0-85.333334zM320 128a42.666667 42.666667 0 1 1 0 85.333333 42.666667 42.666667 0 0 1 0-85.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_picture" unicode="&#59311;" d="M821.333333 810.666667a96 96 0 0 0 96-96v-640a96 96 0 0 0-96-96h-640A96 96 0 0 0 85.333333 74.666667v640A96 96 0 0 0 181.333333 810.666667h640zM367.061333 494.848L149.333333 295.338667v-220.672c0-17.664 14.336-32 32-32h640a32 32 0 0 1 32 32v304L725.077333 474.88a10.666667 10.666667 0 0 1-13.952-1.024L615.68 378.453333l77.141333-66.133333a32 32 0 0 0-41.642666-48.64L381.226667 495.146667a10.666667 10.666667 0 0 1-14.165334-0.256zM853.333333 714.666667a32 32 0 0 1-32 32h-640a32 32 0 0 1-32-32v-332.586667l174.506667 159.957333a74.666667 74.666667 0 0 0 99.029333 1.664l144.042667-123.477333 98.986667 98.901333a74.666667 74.666667 0 0 0 97.578666 6.954667L853.333333 458.666667V714.666667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_phone" unicode="&#59312;" d="M810.666667 842.666667c41.258667 0 74.666667-33.408 74.666666-74.666667v-768A74.666667 74.666667 0 0 0 810.666667-74.666667H213.333333A74.666667 74.666667 0 0 0 138.666667 0V768c0 41.216 33.450667 74.666667 74.666666 74.666667h597.333334z m10.666666-618.666667H202.666667V0a10.666667 10.666667 0 0 1 8.234666-10.368L213.333333-10.666667h597.333334a10.666667 10.666667 0 0 1 10.666666 10.666667v224z m-266.666666-85.333333a32 32 0 1 0 0-64h-85.333334a32 32 0 1 0 0 64h85.333334z m256 640H213.333333a10.666667 10.666667 0 0 1-10.666666-10.666667v-480h618.666666V768a10.666667 10.666667 0 0 1-10.666666 10.666667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_local" unicode="&#59313;" d="M822.912 227.84c92.074667-27.648 147.754667-67.114667 147.754667-121.173333 0-98.688-204.330667-160-458.666667-160S53.333333 7.978667 53.333333 106.666667c0 54.058667 55.68 93.525333 147.754667 121.173333a32 32 0 1 0 18.389333-61.312c-66.858667-20.053333-102.144-45.098667-102.144-59.861333 0-14.762667 35.285333-39.808 102.144-59.861334 76.330667-22.869333 180.778667-36.138667 292.522667-36.138666 111.786667 0 216.192 13.226667 292.522667 36.138666 66.858667 20.053333 102.144 45.098667 102.144 59.861334 0 14.762667-35.285333 39.808-102.144 59.861333a32 32 0 1 0 18.346666 61.312zM512 842.666667c170.666667 0 309.333333-135.253333 309.333333-302.506667 0-101.802667-55.808-201.514667-147.712-296.277333a959.402667 959.402667 0 0 0-144.128-121.344 32 32 0 0 0-34.986666 0 882.133333 882.133333 0 0 0-45.482667 33.152 959.402667 959.402667 0 0 0-98.645333 88.192C258.474667 338.645333 202.666667 438.357333 202.666667 540.117333 202.666667 707.413333 341.333333 842.666667 512 842.666667z m0-64c-135.68 0-245.333333-106.965333-245.333333-238.506667 0-81.621333 48.213333-167.765333 129.621333-251.733333a896.170667 896.170667 0 0 1 115.285333-99.754667l0.426667-0.298667 0.426667 0.298667c4.821333 3.498667 9.898667 7.253333 15.146666 11.264l8.106667 6.229333a896.170667 896.170667 0 0 1 92.032 82.261334c81.408 83.968 129.621333 170.112 129.621333 251.733333 0 131.541333-109.653333 238.506667-245.333333 238.506667z m0-106.666667a138.666667 138.666667 0 1 0 0-277.333333 138.666667 138.666667 0 0 0 0 277.333333z m0-64a74.666667 74.666667 0 1 1 0-149.333333 74.666667 74.666667 0 0 1 0 149.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_dividing_line" unicode="&#59314;" d="M938.666667 405.333333a32 32 0 1 0 0-64H128a32 32 0 1 0 0 64h810.666667z m-341.333334-298.666666a32 32 0 1 0 0-64h-128a32 32 0 1 0 0 64h128z m341.333334 0a32 32 0 1 0 0-64h-128a32 32 0 1 0 0 64h128z m-341.333334 597.333333A32 32 0 1 0 597.333333 640h-128a32 32 0 1 0 0 64h128z m-341.333333-597.333333A32 32 0 1 0 256 42.666667H128a32 32 0 1 0 0 64h128z m0 597.333333A32 32 0 0 0 256 640H128a32 32 0 0 0 0 64h128z m682.666667 0A32 32 0 1 0 938.666667 640h-128a32 32 0 1 0 0 64h128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_multiline" unicode="&#59315;" d="M832 800a96 96 0 0 0 96-96v-640a96 96 0 0 0-96-96h-640a96 96 0 0 0-96 96v640A96 96 0 0 0 192 800h640z m0-64h-640a32 32 0 0 1-32-32v-640c0-17.664 14.336-32 32-32h640a32 32 0 0 1 32 32v640a32 32 0 0 1-32 32zM373.333333 106.666667a32 32 0 1 0 0 64H384V480c0 3.754667 0.64 7.338667 1.834667 10.666667H277.333333v-32a32 32 0 0 0-27.648-31.701334L245.333333 426.666667a32 32 0 0 0-32 32v64A32 32 0 0 0 245.333333 554.666667h341.333334a32 32 0 0 0 32-32v-64a32 32 0 1 0-64 0V490.666667h-108.501334a31.957333 31.957333 0 0 0 1.834667-10.666667V170.666667h10.666667a32 32 0 1 0 0-64h-85.333334zM426.666667 672a32 32 0 1 0 0-64H256a32 32 0 0 0 0 64h170.666667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_member_single_choice" unicode="&#59316;" d="M512 800a181.333333 181.333333 0 1 0 0-362.666667 181.333333 181.333333 0 0 0 0 362.666667z m0-64a117.333333 117.333333 0 1 1 0-234.666667 117.333333 117.333333 0 0 1 0 234.666667z m110.933333-405.333333c125.909333 0 155.861333-2.432 194.389334-22.101334a202.666667 202.666667 0 0 0 88.576-88.576c19.626667-38.528 22.101333-68.48 22.101333-194.389333v-25.6a32 32 0 0 0-32-32H128a32 32 0 0 0-32 32v25.6c0 125.909333 2.432 155.861333 22.101333 194.389333a202.666667 202.666667 0 0 0 88.576 88.576c38.528 19.626667 68.48 22.101333 194.389334 22.101334h221.866666z m22.954667-64H378.112c-93.952-0.384-118.869333-3.114667-142.378667-15.104a138.666667 138.666667 0 0 1-60.586666-60.586667c-12.032-23.552-14.762667-48.469333-15.104-142.421333l-0.042667-16.554667h703.957333v5.376c-0.128 99.370667-2.432 127.146667-13.738666 150.869333l-1.322667 2.688a138.666667 138.666667 0 0 1-60.586667 60.586667c-23.552 12.032-48.469333 14.762667-142.421333 15.104z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_radio" unicode="&#59317;" d="M512 842.666667c253.312 0 458.666667-205.354667 458.666667-458.666667S765.312-74.666667 512-74.666667 53.333333 130.688 53.333333 384 258.688 842.666667 512 842.666667z m0-64a394.666667 394.666667 0 1 1 0-789.333334 394.666667 394.666667 0 0 1 0 789.333334z m0-192a202.666667 202.666667 0 1 0 0-405.333334 202.666667 202.666667 0 0 0 0 405.333334z m0-64a138.666667 138.666667 0 1 1 0-277.333334 138.666667 138.666667 0 0 1 0 277.333334z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_serial_number" unicode="&#59318;" d="M693.333333 544c41.216 0 74.666667-33.450667 74.666667-74.666667v-384a74.666667 74.666667 0 0 0-74.666667-74.666666h-554.666666A74.666667 74.666667 0 0 0 64 85.333333v384c0 41.216 33.450667 74.666667 74.666667 74.666667h554.666666z m10.666667-256H128V85.333333c0-5.888 4.778667-10.666667 10.666667-10.666666h554.666666a10.666667 10.666667 0 0 1 10.666667 10.666666v202.666667z m-288-64a32 32 0 1 0 0-64h-170.666667a32 32 0 1 0 0 64h170.666667z m170.666667 0a32 32 0 1 0 0-64h-42.666667a32 32 0 1 0 0 64h42.666667z m320 576c41.258667 0 74.666667-33.408 74.666666-74.666667v-384a74.666667 74.666667 0 0 0-74.666666-74.666666h-42.666667a32 32 0 1 0 0 64h42.666667a10.666667 10.666667 0 0 1 10.666666 10.666666V725.333333a10.666667 10.666667 0 0 1-10.666666 10.666667h-554.666667A10.666667 10.666667 0 0 1 341.333333 725.333333v-85.333333a32 32 0 0 0-64 0V725.333333c0 41.258667 33.408 74.666667 74.666667 74.666667h554.666667z m-213.333334-320h-554.666666A10.666667 10.666667 0 0 1 128 469.333333v-117.333333h576V469.333333a10.666667 10.666667 0 0 1-10.666667 10.666667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_text_recognition" unicode="&#59319;" d="M128 224a32 32 0 0 0 32-32v-128c0-17.664 14.336-32 32-32h128a32 32 0 1 0 0-64h-128a96 96 0 0 0-96 96v128a32 32 0 0 0 32 32z m768 0a32 32 0 0 0 32-32v-128a96 96 0 0 0-96-96h-128a32 32 0 1 0 0 64h128a32 32 0 0 1 32 32v128a32 32 0 0 0 32 32z m-234.666667 384a32 32 0 1 0 0-64h-117.333333v-394.666667a32 32 0 1 0-64 0V544H362.666667a32 32 0 0 0 0 64h298.666666z m170.666667 192a96 96 0 0 0 96-96v-128a32 32 0 1 0-64 0v128a32 32 0 0 1-32 32h-128a32 32 0 1 0 0 64h128z m-512 0a32 32 0 0 0 0-64h-128a32 32 0 0 1-32-32v-128a32 32 0 0 0-64 0v128A96 96 0 0 0 192 800h128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_pull_down_single_choice" unicode="&#59320;" d="M213.333333 202.666667a117.333333 117.333333 0 1 0 0-234.666667 117.333333 117.333333 0 0 0 0 234.666667z m0-64a53.333333 53.333333 0 1 1 0-106.666667 53.333333 53.333333 0 0 1 0 106.666667z m0 661.333333a117.333333 117.333333 0 1 0 0-234.666667 117.333333 117.333333 0 0 0 0 234.666667z m0-64a53.333333 53.333333 0 1 1 0-106.666667 53.333333 53.333333 0 0 1 0 106.666667z m0-234.666667a117.333333 117.333333 0 1 0 0-234.666666 117.333333 117.333333 0 0 0 0 234.666666z m0-64a53.333333 53.333333 0 1 1 0-106.666666 53.333333 53.333333 0 0 1 0 106.666666z m725.333334-21.333333a32 32 0 1 0 0-64H469.333333a32 32 0 1 0 0 64h469.333334z m0-298.666667a32 32 0 1 0 0-64H469.333333a32 32 0 1 0 0 64h469.333334z m0 597.333334a32 32 0 1 0 0-64H469.333333a32 32 0 1 0 0 64h469.333334z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_hashtag_key" unicode="&#59321;" d="M832 800a96 96 0 0 0 96-96v-640a96 96 0 0 0-96-96h-640a96 96 0 0 0-96 96v640A96 96 0 0 0 192 800h640z m0-64h-640a32 32 0 0 1-32-32v-640c0-17.664 14.336-32 32-32h640a32 32 0 0 1 32 32v640a32 32 0 0 1-32 32z m-213.333333-149.333333a32 32 0 0 0 32-32v-32H682.666667a32 32 0 1 0 0-64h-32v-149.333334H682.666667a32 32 0 1 0 0-64h-32V213.333333a32 32 0 1 0-64 0v32h-149.333334V213.333333a32 32 0 1 0-64 0v32H341.333333a32 32 0 1 0 0 64h32v149.333334H341.333333a32 32 0 0 0 0 64h32V554.666667a32 32 0 0 0 64 0v-32h149.333334V554.666667a32 32 0 0 0 32 32z m-32-128h-149.333334v-149.333334h149.333334v149.333334z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_pull_down_multiple_selection" unicode="&#59322;" d="M938.666667 416a32 32 0 1 0 0-64H426.666667a32 32 0 1 0 0 64h512z m0-298.666667a32 32 0 1 0 0-64H426.666667a32 32 0 1 0 0 64h512z m0 597.333334a32 32 0 1 0 0-64H426.666667a32 32 0 0 0 0 64h512z m-682.666667-512a32 32 0 0 0 32-32v-170.666667a32 32 0 0 0-32-32H85.333333a32 32 0 0 0-32 32v170.666667a32 32 0 0 0 32 32h170.666667z m-32-64h-106.666667v-106.666667h106.666667v106.666667zM256 501.333333a32 32 0 0 0 32-32v-170.666666a32 32 0 0 0-32-32H85.333333a32 32 0 0 0-32 32v170.666666A32 32 0 0 0 85.333333 501.333333h170.666667z m-32-64h-106.666667v-106.666666h106.666667v106.666666zM256 800a32 32 0 0 0 32-32v-170.666667a32 32 0 0 0-32-32H85.333333A32 32 0 0 0 53.333333 597.333333V768A32 32 0 0 0 85.333333 800h170.666667z m-32-64h-106.666667v-106.666667h106.666667v106.666667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="order-descending" unicode="&#59296;" d="M608 736H128v-64h480v64zM768 736v-626.752l137.344 137.408 45.248-45.312-188.672-188.672a33.92 33.92 0 0 0-57.92 23.936V736h64zM128 416h480v-64H128v64zM608 96H128v-64h480v64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_video" unicode="&#59297;" d="M707.2 400.64a19.2 19.2 0 0 0 0-33.28l-326.4-188.416a19.2 19.2 0 0 0-28.8 16.64V572.48a19.2 19.2 0 0 0 28.8 16.64l326.4-188.48zM416 494.848v-221.696L608 384l-192 110.848zM128 704a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-640a64 64 0 0 0-64-64H192a64 64 0 0 0-64 64V704z m64 0v-640h640V704H192z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_zoom_in" unicode="&#59298;" d="M384 448v-128h64V448h128V512H448V640H384v-128H256v-64h128zM608.704 242.048a304.896 304.896 0 1 0 45.248 45.248l225.984-225.984-45.248-45.248-225.984 225.92z m49.152 237.056a240.896 240.896 0 1 1-481.856 0 240.896 240.896 0 0 1 481.792 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="order-ascending" unicode="&#59299;" d="M768 32V658.752l137.344-137.408 45.248 45.312-188.672 188.672a33.92 33.92 0 0 1-57.92-23.936V32h64zM608 32H128v64h480v-64zM128 352h480v64H128v-64zM608 672H128v64h480v-64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_zoom_out" unicode="&#59300;" d="M576 448H256V512h320v-64zM608.704 242.048a304.896 304.896 0 1 0 45.248 45.248l225.984-225.984-45.248-45.248-225.984 225.92z m49.152 237.056a240.896 240.896 0 1 1-481.856 0 240.896 240.896 0 0 1 481.792 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_usergroup" unicode="&#59301;" d="M384 832c33.664 0 65.408-8 93.568-22.144l-40.32-52.032a144 144 0 1 1-56.192-277.76v-64A208 208 0 0 0 384 832zM34.56 292.096A821.056 821.056 0 0 0 381.12 369.92v-64c-113.28-0.448-220.352-25.792-317.056-70.656V128h118.848v-64H32a32 32 0 0 0-32 32v140.224c0 23.808 13.12 45.824 34.56 55.872zM640 363.904a208 208 0 1 0 0 416 208 208 0 0 0 0-416z m0 64a144 144 0 1 1 0 288 144 144 0 0 1 0-288zM1024 158.848a61.184 61.184 0 0 1-34.624 55.872A821.12 821.12 0 0 1 640 292.48a821.12 821.12 0 0 1-349.44-77.76 61.184 61.184 0 0 1-34.56-55.872V0a32 32 0 0 1 32-32h704a32 32 0 0 1 32 32v158.848z m-64-1.024V32H320v125.824a757.12 757.12 0 0 0 320 70.656c114.368 0 222.464-25.408 320-70.656z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_wifi" unicode="&#59302;" d="M649.856 210.944l44.672 45.824c-52.8 53.696-117.056 83.2-183.488 83.2-65.664 0-129.152-28.8-181.568-81.28l44.672-45.824c42.432 42.88 90.88 63.04 136.896 63.04 46.72 0 95.872-20.8 138.816-64.96zM779.392 343.872l44.736 45.824c-87.936 90.56-198.4 140.672-313.024 140.672-113.856 0-223.616-49.408-311.232-138.752l44.736-45.824c77.248 79.36 171.648 120.576 266.496 120.576 95.552 0 190.72-41.92 268.288-122.496zM904.512 472.128l44.736 45.888C827.52 643.84 672.192 713.6 511.104 713.6c-160.384 0-314.88-69.12-436.288-193.792l44.672-45.824C230.336 588.416 369.28 649.664 511.104 649.664c142.464 0 282.24-61.888 393.408-177.536zM576 96a64 64 0 1 0-128 0 64 64 0 0 0 128 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_view_module" unicode="&#59303;" d="M256 416h448v-64H256v64zM640 256H256v-64h384v64zM128 704a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-640a64 64 0 0 0-64-64H192a64 64 0 0 0-64 64V704z m64 0v-128h640V704H192z m0-192v-448h640V512H192z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="view-column" unicode="&#59304;" d="M224 768v-768h64V768h-64z m256-768V768h64v-768h-64z m256 0V768h64v-768h-64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="view-list" unicode="&#59305;" d="M896 608H128v64h768v-64zM896 352H128v64h768v-64zM128 96h768v64H128v-64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_wallet" unicode="&#59306;" d="M736 608h128a64 64 0 0 0 64-64V128a64 64 0 0 0-64-64h-704a64 64 0 0 0-64 64V704a64 64 0 0 0 64 64h512a64 64 0 0 0 64-64v-96z m-64 96h-512v-96h512V704z m192-160h-704V128h704V544z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_usb" unicode="&#59276;" d="M480 512h-128V576h128v-64zM544 512h128V576h-128v-64zM256 384V736a32 32 0 0 0 32 32h448a32 32 0 0 0 32-32V384a64 64 0 0 0 64-64v-320a64 64 0 0 0-64-64H256a64 64 0 0 0-64 64V320a64 64 0 0 0 64 64z m64 0h384V704H320v-320zM256 320v-320h512V320H256z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_user_add" unicode="&#59277;" d="M512 352a224 224 0 1 1 0 448 224 224 0 0 1 0-448z m0 64a160 160 0 1 0 0 320 160 160 0 0 0 0-320zM736 192.896A817.536 817.536 0 0 1 512 224c-125.888 0-244.864-28.544-352-79.36v-112.64h448v-64H128a32 32 0 0 0-32 32v145.6a61.44 61.44 0 0 0 34.368 55.808A882.24 882.24 0 0 0 512 288c77.44 0 152.384-10.048 224-28.8v-66.304zM816 16V-128h64v144H1024v64h-144V224h-64v-144H672v-64h144z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_swap_right" unicode="&#59278;" d="M818.752 320H64v-64h827.392a33.92 33.92 0 0 1 24 57.92l-252.8 252.736-45.184-45.312L818.752 320z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_user_avatar" unicode="&#59279;" d="M512 224c79.424 0 155.008-20.032 224-56.32v-71.68h64v73.088a60.224 60.224 0 0 1-31.104 53.632A542.72 542.72 0 0 1 512 288a542.72 542.72 0 0 1-256.896-65.28 60.224 60.224 0 0 1-31.104-53.632V96h64v71.68A478.272 478.272 0 0 0 512 224zM672 512a160 160 0 1 0-320 0 160 160 0 0 0 320 0z m-64 0a96 96 0 1 1-192 0 96 96 0 0 1 192 0zM160 800a64 64 0 0 1-64-64v-704a64 64 0 0 1 64-64h704a64 64 0 0 1 64 64v704a64 64 0 0 1-64 64h-704z m704-64v-704h-704v704h704z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_thumb_up" unicode="&#59280;" d="M640 512h206.08a64 64 0 0 0 62.08-79.552l-96-384a64 64 0 0 0-62.08-48.448H192a64 64 0 0 0-64 64V384a64 64 0 0 0 64 64h128l128 320h128a64 64 0 0 0 64-64v-192zM384 435.648V64h366.08l96 384H576V704H491.328L384 435.648zM320 384H192v-320h128V384z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_time_filled" unicode="&#59281;" d="M512-64A448 448 0 1 1 512 832a448 448 0 0 1 0-896zM480 576h64v-190.4l182.656-182.656-45.248-45.248L480 359.104V576z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_tools" unicode="&#59282;" d="M624 368l35.968-9.856c63.936-17.664 133.632-1.6 182.144 46.912a185.856 185.856 0 0 1 51.648 160.32L826.24 497.728a96 96 0 0 0-135.744 0l-27.2 27.2a96 96 0 0 0 0 135.744l67.648 67.584a185.856 185.856 0 0 1-160.32-51.648 186.368 186.368 0 0 1-46.912-182.144l9.856-35.904-371.456-371.456 90.496-90.56 371.52 371.52z m159.616 413.056c21.12-7.168 41.536-17.088 60.672-29.888L708.48 615.424a32 32 0 0 1 0-45.248l27.2-27.2a32 32 0 0 1 45.248 0l135.744 135.808c12.8-19.136 22.72-39.552 29.824-60.672 29.824-88.32 10.24-188.928-59.136-258.304a250.368 250.368 0 0 0-244.416-63.36l-345.152-345.152a64 64 0 0 0-90.496 0l-90.496 90.496a64 64 0 0 0 0 90.56L461.952 477.44a250.368 250.368 0 0 0 63.36 244.48c69.376 69.312 169.984 88.96 258.304 59.136z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_user_clear" unicode="&#59283;" d="M512 352a224 224 0 1 1 0 448 224 224 0 0 1 0-448z m0 64a160 160 0 1 0 0 320 160 160 0 0 0 0-320zM672 208.32A819.584 819.584 0 0 1 512 224c-125.888 0-244.864-28.544-352-79.36v-112.64h512v-64H128a32 32 0 0 0-32 32v145.6a61.44 61.44 0 0 0 34.368 55.808A882.24 882.24 0 0 0 512 288c54.656 0 108.16-4.992 160-14.528v-65.152zM729.856-18.752l101.76 101.824-101.76 101.824 45.248 45.248 101.76-101.76 101.888 101.76 45.248-45.248-101.824-101.824 101.76-101.76-45.184-45.312-101.824 101.76L775.04-64l-45.248 45.248z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_time" unicode="&#59284;" d="M480 640v-280.896L640 192l45.248 45.248L544 385.6V640h-64zM960 384A448 448 0 1 0 64 384a448 448 0 0 0 896 0z m-64 0A384 384 0 1 1 128 384a384 384 0 0 1 768 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_unfold_less" unicode="&#59285;" d="M278.784 760L512 524.032l233.28 235.968 45.44-45.056-251.392-254.336a38.4 38.4 0 0 0-54.656 0L233.216 714.944l45.568 45.056zM275.712 10.88L512 247.104l236.288-236.352 45.248 45.248-254.4 254.464a38.4 38.4 0 0 1-54.272 0L230.4 56.064l45.248-45.248z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_thumb_down" unicode="&#59286;" d="M640 270.656h206.08a64 64 0 0 1 62.08 79.552l-96 384a64 64 0 0 1-62.08 48.448H192a64 64 0 0 1-64-64v-320a64 64 0 0 1 64-64h128l128-320h128a64 64 0 0 1 64 64v192zM384 347.008V718.656h366.08l96-384H576v-256H491.328L384 347.008z m-64 51.648H192v320h128v-320z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_user_talk" unicode="&#59287;" d="M852.992 395.008a256 256 0 0 1 0 361.984l45.312 45.312a320 320 0 0 0 0-452.608l-45.312 45.312zM704 576a224 224 0 1 0-448 0 224 224 0 0 0 448 0z m-64 0a160 160 0 1 1-320 0 160 160 0 0 1 320 0zM861.632 201.408a61.44 61.44 0 0 0 34.368-55.808V0a32 32 0 0 0-32-32h-768A32 32 0 0 0 64 0v145.6a61.44 61.44 0 0 0 34.368 55.808A882.24 882.24 0 0 0 480 288c136.512 0 265.6-31.168 381.632-86.592zM480 224c-125.888 0-244.864-28.544-352-79.36v-112.64h704v112.64a818.24 818.24 0 0 1-352 79.36zM762.496 666.496a128 128 0 0 0 0-180.992l45.248-45.248a192 192 0 0 1 0 271.488l-45.248-45.248z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_tips" unicode="&#59288;" d="M512 832a317.248 317.248 0 0 1-226.176-93.824A317.248 317.248 0 0 1 192 512c0-88 35.456-168.32 93.76-226.048 19.776-20.288 42.176-37.12 66.24-51.008V128a64 64 0 0 1 64-64h192a64 64 0 0 1 64 64v106.944c24.064 13.824 46.464 30.72 66.24 51.008A317.248 317.248 0 0 1 832 512c0 177.024-142.976 320-320 320zM331.264 693.056A253.248 253.248 0 0 0 512 768c141.696 0 256-114.304 256-256a253.184 253.184 0 0 0-74.944-180.736l-0.512-0.512a245.248 245.248 0 0 0-66.88-48l-17.664-8.896V128h-192V273.856l-17.664 8.832a245.248 245.248 0 0 0-66.88 48.064l-0.512 0.512A253.248 253.248 0 0 0 256 512c0 70.656 28.48 134.784 74.944 180.736l0.32 0.32zM352 0v-64h320v64h-320z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_unfold_more" unicode="&#59289;" d="M745.28 458.24L512 694.144 278.784 458.24l-45.568 44.992 251.52 254.336a38.4 38.4 0 0 0 54.592 0l251.456-254.336-45.504-44.992zM748.288 309.888L512 73.6 275.712 309.888l-45.248-45.248 254.4-254.4a38.4 38.4 0 0 1 54.272 0L793.6 264.64l-45.312 45.248z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_upload" unicode="&#59290;" d="M239.232 468.608L480 709.504V160h64V709.504l240.896-240.896 45.248 45.248-295.488 295.488a32 32 0 0 1-45.248 0L193.92 513.92l45.312-45.248zM128 192v-128a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v128h-64v-128H192v128H128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_user" unicode="&#59291;" d="M736 576a224 224 0 1 0-448 0 224 224 0 0 0 448 0z m-64 0a160 160 0 1 1-320 0 160 160 0 0 1 320 0zM893.632 201.408a61.44 61.44 0 0 0 34.368-55.808V0a32 32 0 0 0-32-32H128a32 32 0 0 0-32 32v145.6a61.44 61.44 0 0 0 34.368 55.808A882.24 882.24 0 0 0 512 288c136.512 0 265.6-31.168 381.632-86.592zM512 224c-125.888 0-244.864-28.544-352-79.36v-112.64h704v112.64A818.24 818.24 0 0 1 512 224z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_usergroup_add" unicode="&#59292;" d="M847.04512 80v-112h64v112h112v64h-112V256h-64v-112h-112v-64h112zM477.57312 809.856A208 208 0 1 1 381.06112 416v64a144 144 0 1 0 56.128 277.76l40.32 52.032zM381.06112 369.92A821.056 821.056 0 0 1 34.56512 292.032a61.184 61.184 0 0 1-34.624-55.872V96a32 32 0 0 1 32-32h150.848v64H64.00512v107.2a756.992 756.992 0 0 0 317.056 70.656v64zM848.00512 571.904a208 208 0 1 0-416 0 208 208 0 0 0 416 0z m-64 0a144 144 0 1 1-288 0 144 144 0 0 1 288 0zM768.00512 217.664a760.448 760.448 0 0 1-448-59.84V32h448v-64H288.00512A32 32 0 0 0 256.00512 0v158.848c0 23.808 13.12 45.76 34.56 55.872A825.088 825.088 0 0 0 768.00512 282.56V217.6z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_swap" unicode="&#59293;" d="M80 512h752.512L586.496 751.936l44.672 45.824 298.944-291.584a33.92 33.92 0 0 0-23.68-58.176H80V512zM944 256H193.28l243.84-230.4-43.904-46.528-298.88 282.368A33.92 33.92 0 0 0 117.76 320H944v-64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_usergroup_clear" unicode="&#59294;" d="M477.57312 809.856A208 208 0 1 1 381.06112 416v64a144 144 0 1 0 56.128 277.76l40.32 52.032zM381.06112 369.92A821.056 821.056 0 0 1 34.56512 292.032a61.184 61.184 0 0 1-34.624-55.872V96a32 32 0 0 1 32-32h150.848v64H64.00512v107.2a756.992 756.992 0 0 0 317.056 70.656v64zM848.00512 571.904a208 208 0 1 0-416 0 208 208 0 0 0 416 0z m-64 0a144 144 0 1 1-288 0 144 144 0 0 1 288 0zM704.00512 225.792a757.12 757.12 0 0 1-384-68.032V32h352v-64h-384A32 32 0 0 0 256.00512 0v158.848c0 23.808 13.12 45.76 34.56 55.872A821.12 821.12 0 0 0 704.00512 289.92v-64.192zM840.77312 105.984l-92.736-92.736 45.248-45.248 92.736 92.736 92.736-92.736 45.248 45.248-92.736 92.736 92.8 92.736-45.312 45.248-92.736-92.736-92.736 92.736-45.248-45.248 92.736-92.736z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_user_circle" unicode="&#59295;" d="M512 320a177.92 177.92 0 1 1 0 355.84A177.92 177.92 0 0 1 512 320z m0 64a113.92 113.92 0 1 0 0 227.84A113.92 113.92 0 0 0 512 384zM512-64A448 448 0 1 1 512 832a448 448 0 0 1 0-896z m319.68 235.2C734.464 225.472 626.24 256 512 256c-114.304 0-222.4-30.464-319.68-84.8a384 384 0 1 0 639.424 0z m-40.448-50.752A382.912 382.912 0 0 0 512 0c-110.08 0-209.28 46.272-279.232 120.448C318.72 166.528 412.992 192 512 192c99.008 0 193.28-25.472 279.232-71.552z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_queue" unicode="&#59266;" d="M256 704h576v-576h64V704a64 64 0 0 1-64 64H256v-64zM421.312 293.312v-186.624h64V293.312h176v64h-176v176h-64v-176H234.688v-64h186.624zM128 64a64 64 0 0 1 64-64h512a64 64 0 0 1 64 64V576a64 64 0 0 1-64 64H192a64 64 0 0 1-64-64v-512z m64 512h512v-512H192V576z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_refresh" unicode="&#59267;" d="M512 722.496c185.344 0 336.192-151.232 336.192-338.432h61.568c0 220.864-178.112 399.936-397.76 399.936A397.056 397.056 0 0 1 173.44 593.92V726.848H112v-198.784a32 32 0 0 1 32-32h197.568v61.696H223.36A335.744 335.744 0 0 0 512 722.496zM114.304 384.064h61.44c0-187.2 150.912-338.368 336.256-338.368a335.744 335.744 0 0 1 288.64 164.736h-118.208v61.696h197.568a32 32 0 0 0 32-32v-198.848h-61.376v132.928a397.056 397.056 0 0 0-338.56-190.08c-219.712 0-397.76 179.072-397.76 400z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_pin" unicode="&#59268;" d="M801.152 810.24a38.4 38.4 0 0 1-51.904 2.24L490.368 593.984l-49.344 49.344a38.4 38.4 0 0 1-54.336 0L251.968 508.672a38.4 38.4 0 0 1 0-54.336l142.592-142.528-262.912-262.912 45.248-45.248 262.912 262.912 142.528-142.592a38.4 38.4 0 0 1 54.336 0l134.656 134.72a38.4 38.4 0 0 1 0 54.336l-49.28 49.28 218.432 258.944a38.4 38.4 0 0 1-2.176 51.84l-137.152 137.216z m-28.608-61.824l103.872-103.872-241.28-285.888 72.896-72.832-98.56-98.496-294.144 294.208 98.56 98.432 72.768-72.832 285.888 241.28z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_poweroff" unicode="&#59269;" d="M480 832v-448h64V832h-64zM96 352A416 416 0 0 0 317.952 720l32-55.488a352 352 0 1 1 323.968 0l32.128 55.488A416 416 0 1 0 96 352z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_photo" unicode="&#59270;" d="M704 384a192 192 0 1 0-384 0 192 192 0 0 0 384 0z m-64 0a128 128 0 1 1-256 0 128 128 0 0 1 256 0zM387.456 768a38.4 38.4 0 0 1-32-17.088L302.848 672H128.64a32.64 32.64 0 0 1-32.64-32.64v-542.72c0-18.048 14.592-32.64 32.64-32.64h766.72a32.64 32.64 0 0 1 32.64 32.64V639.36a32.64 32.64 0 0 1-32.64 32.64h-174.208l-52.608 78.912a38.4 38.4 0 0 1-32 17.088H387.456z m13.696-64h221.696l64-96H864V128h-704V608h177.152l64 96z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_precise_monitor" unicode="&#59271;" d="M480 800V576h64V800h-64zM398.848 542.4L172.608 768.64l-45.248-45.248 226.24-226.24 45.248 45.248z m226.304 0l226.24 226.24 45.248-45.248-226.24-226.24-45.248 45.248zM576 384a64 64 0 0 0-119.424-32H96v64h360.576A64 64 0 0 0 576 384zM353.6 270.848L127.36 44.608l45.248-45.248 226.24 226.24-45.248 45.248z m316.8 0l226.24-226.24-45.248-45.248-226.24 226.24 45.248 45.248zM928 416H704v-64h224v64z m-448-448V192h64v-224h-64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_print" unicode="&#59272;" d="M255.936 768.064v-128h-64c-35.584 0-64-28.416-64-64v-320c0-35.584 28.416-64 64-64h64v-192h512v192h64c35.584 0 64 28.416 64 64v320c0 35.584-28.416 64-64 64h-64v128h-512z m448-128h-384v64h384v-64z m-512-64h640v-320h-64v128h-512v-128h-64v320z m128-512v256h384v-256h-384z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_play_circle" unicode="&#59273;" d="M739.2 400.64a19.2 19.2 0 0 0 0-33.28l-326.4-188.416a19.2 19.2 0 0 0-28.8 16.64V572.48a19.2 19.2 0 0 0 28.8 16.64l326.4-188.48zM512 832a448 448 0 1 0 0-896A448 448 0 0 0 512 832z m0-64a384 384 0 1 1 0-768A384 384 0 0 1 512 768z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_play" unicode="&#59274;" d="M739.2 400.64a19.2 19.2 0 0 0 0-33.28l-326.4-188.416a19.2 19.2 0 0 0-28.8 16.64V572.416a19.2 19.2 0 0 0 28.8 16.64l326.4-188.416z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_remove" unicode="&#59275;" d="M224 425.6h576v-83.2h-576v83.2z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_server" unicode="&#59254;" d="M448 560H256v64h192v-64zM96 736A32 32 0 0 0 128 768h768a32 32 0 0 0 32-32l0.064-288a32 32 0 0 0-32-32h-768a32 32 0 0 0-32 32V736z m64.064-256h704V704h-704v-224zM256 144h192v64H256v-64zM96.064 320a32 32 0 0 0 32 32h768a32 32 0 0 0 32-32v-288a32 32 0 0 0-32-32h-768a32 32 0 0 0-32 32V320z m64-256h704V288h-704V64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_rollfront" unicode="&#59255;" d="M773.504 576l-105.408 105.344 45.248 45.312 160-160a32 32 0 0 0 0-45.312l-160-160-45.248 45.312L773.504 512H402.752a192 192 0 1 1 0-384h320v-64h-320a256 256 0 1 0 0 512h370.752z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_scan" unicode="&#59256;" d="M768 672H256v-192H192v192a64 64 0 0 0 64 64h512a64 64 0 0 0 64-64v-192h-64v192zM192 288h64v-192h512v192h64v-192a64 64 0 0 0-64-64H256a64 64 0 0 0-64 64v192zM896 416H128v-64h768v64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_rotation" unicode="&#59257;" d="M128 768h64v-389.312A384.32 384.32 0 0 0 506.688 64H896v-64H192a64 64 0 0 0-64 64V768z m313.6-704A320.384 320.384 0 0 1 192 313.6V64h249.6z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_pause_circle" unicode="&#59258;" d="M448 576H384v-384h64V576zM640 576H576v-384h64V576zM263.104 756.48a448 448 0 1 0 497.792-744.96A448 448 0 0 0 263.104 756.48z m462.208-53.184a384 384 0 1 1-426.624-638.592 384 384 0 0 1 426.624 638.592z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_pause" unicode="&#59259;" d="M448 576H384v-384h64V576zM640 576H576v-384h64V576z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_pin_filled" unicode="&#59260;" d="M801.152 810.24a38.4 38.4 0 0 1-51.904 2.24L490.368 593.984l-49.344 49.344a38.4 38.4 0 0 1-54.336 0L251.968 508.672a38.4 38.4 0 0 1 0-54.336l142.592-142.528-262.912-262.912 45.248-45.248 262.912 262.912 142.528-142.592a38.4 38.4 0 0 1 54.336 0l134.656 134.72a38.4 38.4 0 0 1 0 54.336l-49.28 49.28 218.432 258.944a38.4 38.4 0 0 1-2.176 51.84l-137.152 137.216z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_play_circle_filled" unicode="&#59261;" d="M960 384A448 448 0 1 1 64 384a448 448 0 0 1 896 0z m-257.024-14.592L416.64 204.16a16.832 16.832 0 0 0-25.216 14.592V549.312c0 12.992 14.016 21.12 25.216 14.592l286.336-165.312a16.832 16.832 0 0 0 0-29.184z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_qrcode" unicode="&#59262;" d="M384 640H256v-128h128V640zM160 768a32 32 0 0 1-32-32v-320a32 32 0 0 1 32-32h320a32 32 0 0 1 32 32v320a32 32 0 0 1-32 32h-320zM192 704h256v-256H192V704zM672 768a32 32 0 0 1-32-32v-192a32 32 0 0 1 32-32h192a32 32 0 0 1 32 32v192a32 32 0 0 1-32 32h-192z m32-192V704h128v-128h-128zM640 224a32 32 0 0 0 32 32h192a32 32 0 0 0 32-32v-192a32 32 0 0 0-32-32h-192a32 32 0 0 0-32 32v192z m64-160h128v128h-128v-128zM160 256a32 32 0 0 1-32-32v-192a32 32 0 0 1 32-32h192a32 32 0 0 1 32 32v192a32 32 0 0 1-32 32h-192z m32-64h128v-128H192v128zM896 416h-256v-64h256v64zM544 192v-192h-64v192h64zM544 256V320h-64v-64h64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_previous" unicode="&#59263;" d="M256 0H192V768h64v-768zM329.536 357.12a32 32 0 0 0 0 53.76L782.656 704a32 32 0 0 0 49.344-26.88v-586.24a32 32 0 0 0-49.408-26.88l-453.12 293.12zM768 149.632V618.368L405.76 384 768 149.632z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_rollback" unicode="&#59264;" d="M269.248 576l105.408 105.344-45.248 45.312-160-160a32 32 0 0 1 0-45.312l160-160 45.248 45.312L269.248 512H640a192 192 0 0 0 0-384H320v-64h320a256 256 0 1 1 0 512H269.248z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_play_circle_stroke" unicode="&#59265;" d="M739.2 400.64a19.2 19.2 0 0 0 0-33.28l-326.4-188.416a19.2 19.2 0 0 0-28.8 16.64V572.48a19.2 19.2 0 0 0 28.8 16.64l326.4-188.48zM448 494.848v-221.696L640 384 448 494.848zM512 832a448 448 0 1 0 0-896A448 448 0 0 0 512 832z m0-64a384 384 0 1 1 0-768A384 384 0 0 1 512 768z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_swap_left" unicode="&#59238;" d="M205.248 320H960v-64H132.672a33.92 33.92 0 0 0-24 57.92l252.736 252.736 45.248-45.248L205.248 320z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_stop_circle" unicode="&#59239;" d="M351.872 544.128h320.256v-320.256H351.872V544.128zM512 832a448 448 0 1 1 0-896A448 448 0 0 1 512 832z m0-64a384 384 0 1 0 0-768A384 384 0 0 0 512 768z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_sound" unicode="&#59240;" d="M256 192l271.552-162.944a32 32 0 0 1 48.448 27.52V711.424a32 32 0 0 1-48.448 27.456L256 576H134.72a38.4 38.4 0 0 1-38.4-38.4L96 230.4a38.4 38.4 0 0 1 38.4-38.4H256z m64 347.776l192 115.2v-541.952l-192 115.2V539.776zM256 256H160l0.256 256H256v-256zM864.96 529.472a383.36 383.36 0 0 1-89.216 124.544l43.648 46.72a447.36 447.36 0 0 0 104.064-145.28c24.128-54.4 36.48-112.64 36.48-171.456 0-58.88-12.352-117.12-36.48-171.456-24.128-54.4-59.52-103.68-104.064-145.28l-43.648 46.72a383.36 383.36 0 0 1 89.216 124.544C885.44 284.8 896 334.208 896 384s-10.496 99.2-31.04 145.472zM736 384c0 55.872-23.04 112.192-68.672 157.056l44.864 45.632c57.28-56.256 87.872-128.832 87.808-202.752-0.064-73.92-30.72-146.496-88.128-202.688l-44.8 45.76c45.696 44.8 68.864 101.12 68.928 156.992z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_setting" unicode="&#59241;" d="M704 384a192 192 0 1 0-384 0 192 192 0 0 0 384 0z m-64 0a128 128 0 1 1-256 0 128 128 0 0 1 256 0zM512 816l387.968-216v-432L512-48l-387.968 216v432L512 816zM188.032 562.368v-356.736L512 25.28l323.968 180.352V562.368L512 742.72 188.032 562.368z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_share" unicode="&#59242;" d="M635.648 553.088a148.288 148.288 0 1 1-32.256 55.296l-215.04-125.44a148.288 148.288 0 1 1 0-201.152l215.04-125.376a148.288 148.288 0 1 1 32.32 55.232l-215.04 125.376a148.224 148.224 0 0 1 0 90.624l214.976 125.44z m108.928 184.96a84.288 84.288 0 1 0 0-168.64 84.288 84.288 0 0 0 0 168.576zM351.232 426.368a32.192 32.192 0 0 1 1.92-3.392 83.904 83.904 0 0 0-1.92-84.864 84.224 84.224 0 1 0 0 88.32z m309.12-315.52c0 13.952 3.328 27.072 9.28 38.656a33.28 33.28 0 0 1 4.544 7.744 84.224 84.224 0 0 0 154.752-46.4 84.288 84.288 0 0 0-168.64 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_search" unicode="&#59243;" d="M608.64 241.984a304.896 304.896 0 1 0 45.312 45.312l226.048-225.92-45.312-45.376-226.048 225.984z m49.088 237.12a240.832 240.832 0 1 1-481.6 0 240.832 240.832 0 0 1 481.6 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_service" unicode="&#59244;" d="M161.024 488.064a352 352 0 0 0 701.952 0 32 32 0 0 0 1.024-8.064v-256a32 32 0 0 0-1.344-9.344A288 288 0 0 0 576-44.992H512v64h64A224.064 224.064 0 0 1 794.176 192H672a32 32 0 0 0-32 32v256a32 32 0 0 0 32 32h123.52a288.064 288.064 0 0 1-567.04 0H352a32 32 0 0 0 32-32v-256a32 32 0 0 0-32-32H192a32 32 0 0 0-32 32v256a32 32 0 0 0 1.024 8.064zM800 448H704v-192h96V448z m-576 0v-192H320V448H224z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_star" unicode="&#59245;" d="M610.688 487.68l-98.56 199.68-98.56-199.68-220.48-32L352.64 300.16l-37.632-219.52 197.12 103.68 197.12-103.68-37.632 219.52 159.488 155.52-220.352 32z m319.36 18.24a19.2 19.2 0 0 0 10.688-32.768l-200.384-195.328 47.36-275.84a19.2 19.2 0 0 0-27.904-20.224l-247.68 130.24-247.68-130.24a19.2 19.2 0 0 0-27.904 20.224l47.296 275.84-200.384 195.328a19.2 19.2 0 0 0 10.624 32.768l276.928 40.256 123.84 250.88a19.2 19.2 0 0 0 34.432 0l123.904-250.88 276.928-40.256z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_round" unicode="&#59246;" d="M512 160a224 224 0 1 0 0 448 224 224 0 0 0 0-448zM512 64A320 320 0 1 1 512 704a320 320 0 0 1 0-640z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_star_filled" unicode="&#59247;" d="M486.272 779.648a28.8 28.8 0 0 0 51.648 0l115.2-233.472 257.728-37.44a28.8 28.8 0 0 0 16-49.152l-186.496-181.76 43.968-256.64a28.8 28.8 0 0 0-41.792-30.336l-230.4 121.152L281.6-9.152a28.8 28.8 0 0 0-41.792 30.336l44.032 256.64-186.496 181.76a28.8 28.8 0 0 0 16 49.152l257.664 37.44 115.2 233.472z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_shop" unicode="&#59248;" d="M512 832a160 160 0 0 1-160-160V576h-128a32 32 0 0 1-32-32v-576a32 32 0 0 1 32-32h576a32 32 0 0 1 32 32v576a32 32 0 0 1-32 32h-128V672A160 160 0 0 1 512 832z m96-320v-128h64V512H768v-512H256V512h96v-128h64V512h192z m0 64h-192V672a96 96 0 1 0 192 0V576z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_stop_circle_filled" unicode="&#59249;" d="M263.104 756.48a448 448 0 1 0 497.792-744.96A448 448 0 0 0 263.104 756.48zM352 544v-320h320v320h-320z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_slash" unicode="&#59250;" d="M260.288 12.032l448 775.936 55.424-32-448-775.936-55.424 32z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_save" unicode="&#59251;" d="M704 768l192-192v-512a64 64 0 0 0-64-64H192a64 64 0 0 0-64 64V704a64 64 0 0 0 64 64h512z m-64-64H384v-96h256V704z m64-26.496V544H320V704H192v-640h128V384h384v-320h128V549.504l-128 128zM640 64V320H384v-256h256z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_secured" unicode="&#59252;" d="M472.96 260.544l228.736 228.8-45.248 45.248L472.96 351.04 367.552 456.448l-45.248-45.248 150.592-150.656zM160 768v-448c0-90.624 47.552-174.656 125.312-221.312L512-37.312l226.688 136A258.048 258.048 0 0 1 864 320V768h-704z m64-448V704h576v-384a194.048 194.048 0 0 0-94.208-166.4L512 37.312 318.208 153.6A194.048 194.048 0 0 0 224 320z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_root_list" unicode="&#59253;" d="M288 576h448v-64h-448V576zM576 416H288v-64H576v64zM192 768a64 64 0 0 1-64-64v-640a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64V704a64 64 0 0 1-64 64H192z m640-64v-640H192V704h640z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_menu-application1" unicode="&#59231;" d="M256 704a64 64 0 1 0-128 0 64 64 0 0 0 128 0zM256 384a64 64 0 1 0-128 0 64 64 0 0 0 128 0zM192 0a64 64 0 1 1 0 128 64 64 0 0 1 0-128zM576 704a64 64 0 1 0-128 0 64 64 0 0 0 128 0zM512 320a64 64 0 1 1 0 128 64 64 0 0 1 0-128zM576 64a64 64 0 1 0-128 0 64 64 0 0 0 128 0zM832 640a64 64 0 1 1 0 128 64 64 0 0 1 0-128zM896 384a64 64 0 1 0-128 0 64 64 0 0 0 128 0zM832 0a64 64 0 1 1 0 128 64 64 0 0 1 0-128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_mobile_vibrate" unicode="&#59232;" d="M416 64h192v64h-192v-64zM320 800a64 64 0 0 1-64-64V0a64 64 0 0 1 64-64h384a64 64 0 0 1 64 64V736a64 64 0 0 1-64 64H320z m384-64V0H320V736h384zM128 640v-576h64V640H128zM832 640v-576h64V640h-64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_mirror" unicode="&#59233;" d="M480 832h64v-896h-64V832zM942.08 100.032a32 32 0 0 0-22.336-34.56c-4.608-1.472-11.2-1.472-24.32-1.472h-213.76c-8.96 0-13.44 0-17.152 0.896a32 32 0 0 0-23.68 23.68C640 92.16 640 96.64 640 105.6V576c0 33.92 0 50.88 2.624 56.96a32 32 0 0 0 50.88 11.008c4.928-4.48 11.904-19.84 25.984-50.816l213.76-470.336c5.44-11.968 8.192-17.92 8.832-22.784zM704 128h156.608L704 472.512V128zM104.32 65.408c4.544-1.408 11.136-1.408 24.32-1.408h213.76c8.96 0 13.44 0 17.088 0.896a32 32 0 0 1 23.68 23.68C384 92.16 384 96.64 384 105.6V576c0 33.92 0 50.88-2.56 56.96a32 32 0 0 1-50.944 11.008c-4.864-4.48-11.904-19.84-25.984-50.816l-213.76-470.336c-5.44-11.968-8.192-17.92-8.768-22.784a32 32 0 0 1 22.272-34.56zM320 472.512V128H163.392L320 472.512z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_move" unicode="&#59234;" d="M320 832a64 64 0 1 1 0-128 64 64 0 0 1 0 128zM704 832a64 64 0 1 1 0-128 64 64 0 0 1 0 128zM256 512a64 64 0 1 0 128 0 64 64 0 0 0-128 0zM704 576a64 64 0 1 1 0-128 64 64 0 0 1 0 128zM256 256a64 64 0 1 0 128 0 64 64 0 0 0-128 0zM320 64a64 64 0 1 1 0-128 64 64 0 0 1 0 128zM640 256a64 64 0 1 0 128 0 64 64 0 0 0-128 0zM704 64a64 64 0 1 1 0-128 64 64 0 0 1 0 128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_page_first" unicode="&#59235;" d="M793.92 610.56l-58.88 58.88L449.728 384l285.44-285.44 58.88 58.88L567.296 384l226.56 226.56zM306.88 640v-512h83.2V640h-83.2z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_notification_filled" unicode="&#59236;" d="M544 766.272V832h-64v-65.728a288 288 0 0 1-256-286.272V192l-57.6-76.8a32 32 0 0 1 25.6-51.2h163.2a160 160 0 0 1 313.6 0H832a32 32 0 0 1 25.6 51.2l-57.6 76.8V480a288 288 0 0 1-256 286.272z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_minus_rectangle1" unicode="&#59237;" d="M320 352h384v64H320v-64zM192 0a64 64 0 0 0-64 64V704a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-640a64 64 0 0 0-64-64H192z m0 64h640V704H192v-640z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_menu_unfold1" unicode="&#59218;" d="M896 127.104L128.128 128 128 64l768-0.896v64zM544 416H128v-64h416v64zM896 703.104L128.128 704 128 640l768-0.896v64zM642.112 357.952a32 32 0 0 0 0 51.2L844.8 561.152a32 32 0 0 0 51.2-25.6v-304a32 32 0 0 0-51.2-25.6l-202.688 152zM832 295.552v176l-117.312-88L832 295.552z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_page_last" unicode="&#59219;" d="M230.08 157.44l58.816-58.88L574.336 384l-285.44 285.44-58.88-58.88L456.704 384l-226.56-226.56z m487.04-29.44V640h-83.2v-512h83.2z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_pause_circle_filled" unicode="&#59220;" d="M960 384A448 448 0 1 0 64 384a448 448 0 0 0 896 0zM384 576v-384h64V576H384z m256 0H576v-384h64V576z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_money_circle" unicode="&#59221;" d="M672 416h-128v-64h128v-64h-128V128h-64V288h-128v64h128v64h-128v64h93.44L359.04 588.032l49.92 39.936L512 499.2l103.04 128.768 49.92-39.936L578.56 480h93.44v-64zM960 384A448 448 0 1 1 64 384a448 448 0 0 1 896 0z m-64 0A384 384 0 1 0 128 384a384 384 0 0 0 768 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_mail1" unicode="&#59222;" d="M95.936 640.064a64 64 0 0 0 64 64h704a64 64 0 0 0 64-64v-512a64 64 0 0 0-64-64h-704a64 64 0 0 0-64 64v512z m742.336 0H185.6L512 422.528l326.336 217.6z m-678.336-59.776V128h704V580.288L511.936 345.6l-352 234.688z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_minus_circle_filled1" unicode="&#59223;" d="M512-64A448 448 0 1 1 512 832a448 448 0 0 1 0-896z m224 416h-448v64h448v-64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_more" unicode="&#59224;" d="M512 640a64 64 0 1 1 0 128 64 64 0 0 1 0-128zM512 320a64 64 0 1 1 0 128 64 64 0 0 1 0-128zM576 64a64 64 0 1 0-128 0 64 64 0 0 0 128 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_menu_fold1" unicode="&#59225;" d="M128 640.896L895.936 640 896 704 128 704.896v-64zM480 352H896v64H480v-64zM128 64.896L895.936 64 896 128l-768 0.896v-64zM381.888 410.048a32 32 0 0 0 0-51.2L179.2 206.848a32 32 0 0 0-51.2 25.6v304a32 32 0 0 0 51.2 25.6l202.688-152zM192 472.448v-176l117.312 88L192 472.448z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_next" unicode="&#59226;" d="M768 768h64v-768h-64V768zM694.464 410.88a32 32 0 0 0 0-53.76L241.344 64A32 32 0 0 0 192 90.88V677.12A32 32 0 0 0 241.408 704l453.12-293.12zM256 618.368v-468.736L618.24 384 256 618.368z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_notification" unicode="&#59227;" d="M544 766.272V832h-64v-65.728a288 288 0 0 1-256-286.272V192l-57.6-76.8a32 32 0 0 1 25.6-51.2h163.2a160 160 0 0 1 313.6 0H832a32 32 0 0 1 25.6 51.2l-57.6 76.8V480a288 288 0 0 1-256 286.272z m-256-595.584V480a224 224 0 1 0 448 0v-309.312L768 128H256l32 42.688zM512 0a96 96 0 0 0-90.56 64h181.12A96 96 0 0 0 512 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_minus_circle1" unicode="&#59228;" d="M288 352h448v64h-448v-64zM960 384A448 448 0 1 0 64 384a448 448 0 0 0 896 0z m-64 0A384 384 0 1 1 128 384a384 384 0 0 1 768 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_mobile" unicode="&#59229;" d="M416 64h192v64h-192v-64zM224 736a64 64 0 0 0 64 64h448a64 64 0 0 0 64-64V0a64 64 0 0 0-64-64h-448a64 64 0 0 0-64 64V736z m64 0V0h448V736h-448z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_order_adjustment_column" unicode="&#59230;" d="M480 352V-64h64V352h298.048l-108.288-108.224 45.248-45.312 162.88 162.88a32 32 0 0 1 0 45.312l-162.88 162.88-45.248-45.312L842.048 416H544V832h-64v-416H182.144l108.224 108.224L245.12 569.6 82.24 406.656a32 32 0 0 1 0-45.312l162.88-162.88 45.248 45.248L182.144 352H480z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_jump" unicode="&#59200;" d="M146.752 18.752c12.032-11.968 28.288-18.752 45.248-18.752h640a64.064 64.064 0 0 1 64 64V352h-64V64H192V704h288V768H192a64.064 64.064 0 0 1-64-64v-640c0-16.96 6.784-33.28 18.752-45.248zM576 704V768h288a32 32 0 0 0 32-32V448h-64V658.752L557.248 384 512 429.248 786.752 704H576z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_lock_off" unicode="&#59201;" d="M384 192v64h256v-64H384zM288 512V576a224 224 0 1 0 448 0h-64a160 160 0 0 1-320 0v-64H832a32 32 0 0 0 32-32v-448a32 32 0 0 0-32-32H192a32 32 0 0 0-32 32v448A32 32 0 0 0 192 512h96z m-64-448h576V448h-576v-384z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_loading" unicode="&#59204;" d="M512 800a416 416 0 0 1 0-832v104A312 312 0 1 0 824 384H928A416 416 0 0 1 512 800z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_laptop" unicode="&#59205;" d="M160 128a64 64 0 0 0-64 64V640a64 64 0 0 0 64 64h704a64 64 0 0 0 64-64v-448a64 64 0 0 0-64-64h-704z m0 64h704V640h-704v-448zM960 64H64v-64h896v64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_mail" unicode="&#59207;" d="M95.936 640.064a64 64 0 0 0 64 64h704a64 64 0 0 0 64-64v-512a64 64 0 0 0-64-64h-704a64 64 0 0 0-64 64v512z m742.336 0H185.6L512 422.528l326.336 217.6z m-678.336-59.776V128h704V580.288L511.936 345.6l-352 234.688z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_minus_rectangle" unicode="&#59208;" d="M320 352h384v64H320v-64zM192 0a64 64 0 0 0-64 64V704a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-640a64 64 0 0 0-64-64H192z m0 64h640V704H192v-640z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_location" unicode="&#59209;" d="M672 512a160 160 0 1 0-320 0 160 160 0 0 0 320 0z m-64 0a96 96 0 1 1-192 0 96 96 0 0 1 192 0zM535.168-29.952a28.032 28.032 0 0 0-46.336 0L246.784 325.632a320.896 320.896 0 1 0 530.496 0l-242.112-355.584z m189.184 391.616a256.896 256.896 0 1 1-424.704 0L512 49.728l212.352 311.936z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_lock_on" unicode="&#59210;" d="M384 256v-64h256v64H384zM288 576.64V512H192a32 32 0 0 1-32-32v-448a32 32 0 0 1 32-32h640a32 32 0 0 1 32 32v448A32 32 0 0 1 832 512h-96V576.64a224 224 0 0 1-448 0z m384-64.64h-320V576.64a160 160 0 0 0 320 0V512z m-448-64h576v-384h-576V448z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_link_unlink" unicode="&#59211;" d="M384 768v-128h64V768H384zM523.328 282.176l-147.072-147.072a80 80 0 0 0-113.152 113.152l147.072 147.072-45.248 45.248-147.072-147.072a144 144 0 0 1 203.648-203.648l147.072 147.072-45.248 45.248zM613.76 372.672l45.312-45.248 147.072 147.072a144 144 0 1 1-203.648 203.648L455.424 531.072l45.248-45.248 147.072 147.072a80 80 0 0 0 113.152-113.152L613.824 372.672zM768 320h128v-64h-128V320zM128 448h128V512H128v-64zM640 128v-128H576v128h64zM750.848 190.4l103.808-103.744-45.312-45.248-103.68 103.68 45.184 45.312zM169.344 681.408l103.808-103.808 45.248 45.248-103.744 103.808-45.312-45.248z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_menu-application" unicode="&#59212;" d="M256 704a64 64 0 1 0-128 0 64 64 0 0 0 128 0zM256 384a64 64 0 1 0-128 0 64 64 0 0 0 128 0zM192 0a64 64 0 1 1 0 128 64 64 0 0 1 0-128zM576 704a64 64 0 1 0-128 0 64 64 0 0 0 128 0zM512 320a64 64 0 1 1 0 128 64 64 0 0 1 0-128zM576 64a64 64 0 1 0-128 0 64 64 0 0 0 128 0zM832 640a64 64 0 1 1 0 128 64 64 0 0 1 0-128zM896 384a64 64 0 1 0-128 0 64 64 0 0 0 128 0zM832 0a64 64 0 1 1 0 128 64 64 0 0 1 0-128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_minus_circle" unicode="&#59213;" d="M288 352h448v64h-448v-64zM960 384A448 448 0 1 0 64 384a448 448 0 0 0 896 0z m-64 0A384 384 0 1 1 128 384a384 384 0 0 1 768 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_logout" unicode="&#59214;" d="M576 704v-128h64V736a32 32 0 0 1-32 32h-512a32 32 0 0 1-32-32v-704a32 32 0 0 1 32-32h512a32 32 0 0 1 32 32V192H576v-128H128V704h448zM718.848 559.744L862.528 416H384v-64h478.528l-143.68-143.744 45.248-45.248 198.336 198.4a32 32 0 0 1 0 45.248l-198.4 198.336-45.184-45.248z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_link" unicode="&#59215;" d="M398.848 135.04l135.808 135.808 45.248-45.248-135.808-135.744a160 160 0 0 0-226.24 226.24l135.744 135.808 45.248-45.248-135.744-135.808a96 96 0 0 1 135.744-135.744zM670.4 316.16l-45.248 45.184 135.744 135.808a96 96 0 1 1-135.744 135.744L489.344 497.152l-45.248 45.248 135.808 135.744a160 160 0 0 0 226.24-226.24l-135.744-135.808zM579.84 497.152L398.912 316.096l45.312-45.248 180.992 181.056-45.248 45.248z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_layers" unicode="&#59216;" d="M900.672 577.408L512 415.488l-388.736 161.92c-26.24 10.944-26.24 49.792 0 60.736L512 800l388.672-161.92c26.24-10.944 26.24-49.792 0-60.736zM219.328 607.744L512 485.824l292.608 121.92L512 729.664 219.328 607.808zM95.936 446.272v-78.528L512 184.832l415.936 182.848V446.208L512 263.36 95.936 446.272zM95.936 229.12v-78.528L512-32.32l415.936 182.848V229.12L512 46.208 96 229.184z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_login" unicode="&#59217;" d="M542.528 416L398.848 559.744l45.248 45.248 198.4-198.4a32 32 0 0 0 0-45.248l-198.4-198.336-45.248 45.248L542.528 352H64v64h478.528zM256 576V704h512v-640H256v128H192v-160a32 32 0 0 1 32-32h576a32 32 0 0 1 32 32v704a32 32 0 0 1-32 32h-576a32 32 0 0 1-32-32V576h64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file_paste" unicode="&#59160;" d="M704 160H320v-64h384v64zM160 772.992c0 37.44 33.28 59.008 63.68 59.008h339.072a64 64 0 0 0 45.248-18.752L845.248 576a64 64 0 0 0 18.752-45.248v-535.744c0-37.44-33.28-59.008-63.68-59.008h-576.64c-30.4 0-63.68 21.568-63.68 59.008V772.992zM224 768v-768h576V511.168h-256V768h-320z m384-192.832h147.584L608 722.752v-147.584z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_error_circle" unicode="&#59161;" d="M544 640v-352h-64V640h64zM550.016 224h-76.8v-76.8h76.8v76.8zM960 384A448 448 0 1 1 64 384a448 448 0 0 1 896 0z m-64 0A384 384 0 1 0 128 384a384 384 0 0 0 768 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file_word" unicode="&#59162;" d="M224 768v-768h192v-64H223.68c-30.4 0-63.68 21.568-63.68 59.008V772.992c0 37.44 33.28 59.008 63.68 59.008h343.68a64 64 0 0 0 45.76-19.2l232.576-237.056a64 64 0 0 0 18.304-44.8V384h-64V511.168h-256V768h-320z m384-41.344v-151.488h148.608L608 726.656zM576 0V288H512V0a64 64 0 0 1 64-64h224a64 64 0 0 1 64 64V288h-64V0h-80V288h-64V0H576z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_enter" unicode="&#59163;" d="M832 640v-384H269.248l105.408 105.344-45.248 45.312-160-160a32 32 0 0 1 0-45.312l160-160 45.248 45.312L269.248 192H832a64 64 0 0 1 64 64V640h-64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file" unicode="&#59164;" d="M223.68 832c-30.4 0-63.68-21.568-63.68-59.008v-777.984c0-37.44 33.28-59.008 63.68-59.008h576.64c30.4 0 63.68 21.568 63.68 59.008v535.68A64 64 0 0 1 845.248 576L608 813.248A64 64 0 0 1 562.752 832H223.68zM544 768v-256.832h256V0h-576V768h320z m64-45.248l147.584-147.584H608V722.752z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_fork" unicode="&#59166;" d="M384 736a32 32 0 0 0 32 32h192a32 32 0 0 0 32-32v-192a32 32 0 0 0-32-32h-64v-128h192a64 64 0 0 0 64-64v-64h64a32 32 0 0 0 32-32v-192a32 32 0 0 0-32-32h-192a32 32 0 0 0-32 32v192a32 32 0 0 0 32 32h64V320h-448v-64h64a32 32 0 0 0 32-32v-192a32 32 0 0 0-32-32h-192a32 32 0 0 0-32 32v192a32 32 0 0 0 32 32h64V320a64 64 0 0 0 64 64h192V512h-64a32 32 0 0 0-32 32v192zM448 576h128V704H448v-128z m-256-384v-128h128v128H192z m512 0v-128h128v128h-128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file_copy" unicode="&#59167;" d="M256 772.992C256 810.432 289.28 832 319.68 832h279.68a64 64 0 0 0 45.76-19.2l232.576-237.056a64 64 0 0 0 18.304-44.8l0.32-407.936c0-37.376-33.28-59.008-63.744-59.008H320c-30.336 0-63.616 21.568-63.616 59.008L256 772.992zM320 768l0.32-640h512L832 511.168H576V768H320z m320-41.344v-151.488h148.608L640 726.656zM128 576v-576.832a64 64 0 0 1 64-64h512v64H192V576H128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_flag" unicode="&#59168;" d="M556.416 715.392A466.688 466.688 0 0 0 832 721.408v-379.2a566.592 566.592 0 0 1-307.2-14.464l-33.024-11.008A543.168 543.168 0 0 0 192 304.128V681.856a566.592 566.592 0 0 1 307.2 14.4l57.216 19.136zM128 256V733.184c0 17.152 16.832 29.248 33.088 23.808a502.528 502.528 0 0 1 317.824 0l57.28 19.072a530.624 530.624 0 0 0 335.616 0 35.392 35.392 0 0 0 24.192-33.536v-451.648a25.152 25.152 0 0 0-33.088-23.808 502.528 502.528 0 0 1-317.824 0L512 256a607.168 607.168 0 0 0-320-17.472V-64H128v320z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_folder" unicode="&#59169;" d="M96 672a64 64 0 0 0 64 64H357.824l8.32-6.08L490.432 640H864a64 64 0 0 0 64-64v-512a64 64 0 0 0-64-64h-704a64 64 0 0 0-64 64V672z m241.088 0H160V64h704V576H469.632l-8.384 6.08L337.088 672z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file_image" unicode="&#59170;" d="M223.68 832c-30.4 0-63.68-21.568-63.68-59.008v-777.984c0-37.44 33.28-59.008 63.68-59.008h571.776c30.4 0 63.68 21.568 63.68 59.008V530.944a64 64 0 0 1-18.304 44.8L608.256 812.8A64 64 0 0 1 562.56 832H223.68zM224 168.704V768h320v-256.64h251.136v-273.792L672 360.704l-192-192-128 128-128-128z m0-81.408l128 128L439.296 128l-128-128H224v87.296z m448 192l123.136-123.2V0H392.704L672 279.296z m79.488 296.128H608V721.664l143.488-146.24z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file_powerpoint" unicode="&#59171;" d="M224 768v-768H512v-64H223.68c-30.4 0-63.68 21.568-63.68 59.008V772.992c0 37.44 33.28 59.008 63.68 59.008h343.68a64 64 0 0 0 45.76-19.2l232.576-237.056a64 64 0 0 0 18.304-44.8V416h-64V511.168h-256V768h-320z m384-41.344v-151.488h148.608L608 726.656zM800 352h-192V-64h64v160h128a64 64 0 0 1 64 64v128a64 64 0 0 1-64 64z m0-192h-128v128h128v-128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file_add" unicode="&#59172;" d="M256 832c-35.584 0-64-28.416-64-64v-704c0-35.584 28.416-64 64-64h290.304v64H256V768h256v-256h256v-158.976h64V530.752A64 64 0 0 1 813.248 576l-5.248 5.248-0.064 0.128-237.44 237.44a33.792 33.792 0 0 1-18.24 9.472A64 64 0 0 1 530.752 832H256z m466.752-256H576V722.752L722.752 576zM768-64v128h-128v64h128v128h64v-128h128v-64h-128v-128h-64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file_unknown" unicode="&#59173;" d="M224 768v-768H576v-64H223.68c-30.4 0-63.68 21.568-63.68 59.008V772.992c0 37.44 33.28 59.008 63.68 59.008h338.624a64 64 0 0 0 45.696-19.2l232.576-237.056a64 64 0 0 0 18.304-44.8V416h-64V511.168h-256V768H224z m378.88-41.344v-151.488h148.608L602.88 726.656zM730.88 357.12c-68.48 0-128-52.608-128-121.728h64c0 29.76 26.688 57.664 64 57.664 37.376 0 64-27.904 64-57.664 0-19.2-17.92-42.24-46.016-52.864H748.8c-28.352-11.008-49.856-37.952-49.856-71.168v-42.24h64v42.24c0 4.16 2.688 8.96 8.832 11.392 42.112 16 87.168 56.96 87.168 112.64 0 69.12-59.456 121.664-128 121.664zM730.88 12.8a38.4 38.4 0 1 1 0-76.8 38.4 38.4 0 0 1 0 76.8z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_error_circle_filled" unicode="&#59174;" d="M960 384A448 448 0 1 1 64 384a448 448 0 0 1 896 0zM544 640v-352h-64V640h64z m-70.784-448h76.8v-76.8h-76.8V192z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_help" unicode="&#59175;" d="M512 736c-121.408 0-224-92.672-224-211.2h64c0 79.104 69.696 147.2 160 147.2s160-68.096 160-147.2c0-56.576-49.6-112-112.64-135.936l-0.192-0.064C513.536 371.2 480 328.32 480 276.48V192h64V276.48c0 22.784 14.72 43.52 38.144 52.544C659.456 358.4 736 431.936 736 524.8c0 118.528-102.592 211.2-224 211.2zM512 128a48 48 0 1 1 0-96 48 48 0 0 1 0 96z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_fullscreen_exit" unicode="&#59176;" d="M416 525.248V704h64v-256a32 32 0 0 0-32-32H192v64h178.752L137.344 713.344l45.312 45.312L416 525.248zM608 242.752V64h-64V320a32 32 0 0 0 32 32h256v-64h-178.752l233.408-233.344-45.248-45.312L608 242.752z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file_pdf" unicode="&#59177;" d="M224 0V768h320v-256.832h256V416h64V530.944a64 64 0 0 1-18.304 44.8L613.12 812.8a64 64 0 0 1-45.696 19.2h-343.68c-30.464 0-63.744-21.568-63.744-59.008v-777.984c0-37.44 33.28-59.008 63.68-59.008H768v64H224z m532.608 575.168H608V726.656l148.608-151.488zM536.128 320h119.104c30.976 0 56-25.088 56-56v-142.784a56 56 0 0 0-56-56H536.128V320z m48-48v-158.784h71.104a8 8 0 0 1 8 8V264a8 8 0 0 1-8 8H584.128zM320 319.616h119.104c30.976 0 56-25.088 56-56v-67.328a56 56 0 0 0-56-56H368v-76.16H320V319.616z m48-131.328h71.104a8 8 0 0 1 8 8V263.68a8 8 0 0 1-8 8H368v-83.328zM752.256 64.128h48v101.184h103.104v48h-103.104V272h103.104V320h-151.104v-255.872z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_gift" unicode="&#59178;" d="M224 640c0-36.032 11.904-69.248 32-96H160A32 32 0 0 1 128 512v-512a32 32 0 0 1 32-32h704a32 32 0 0 1 32 32V512a32 32 0 0 1-32 32H768a160 160 0 0 1-256 192A160 160 0 0 1 224 640z m512 0A96 96 0 0 0 640 544H544V640a96 96 0 1 0 192 0z m-256-160V192h64V480H832v-448H192v448h288z m0 64H384A96 96 0 1 0 480 640v-96z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_gender_female" unicode="&#59179;" d="M512 788.608a224 224 0 0 1-31.168-445.888v-86.848h-128v-64h128v-224h64v224h128v64h-128V342.976A224 224 0 0 1 512 788.608z m0-64a160 160 0 1 0 0-320 160 160 0 0 0 0 320z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_home1" unicode="&#59180;" d="M384 192v-64h256v64H384zM489.344 790.656a32 32 0 0 0 45.312 0l416-416-45.248-45.312L832 402.752V32a64 64 0 0 0-64-64H256a64 64 0 0 0-64 64V402.752L118.656 329.344l-45.312 45.312 416 416zM512 722.752l-256-256V32h512V466.752l-256 256z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_heart_filled" unicode="&#59181;" d="M128 472.768c0 186.496 221.696 284.032 359.168 158.016L512 608l24.832 22.784C674.304 756.8 896 659.2 896 472.768c0-56.832-22.592-111.36-62.72-151.552l-311.936-311.872c-5.12-5.12-13.504-5.12-18.688 0L190.784 321.216A214.336 214.336 0 0 0 128 472.768z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_info_circle" unicode="&#59182;" d="M480.384 128V480h64V128h-64zM550.4 640H473.6v-76.8h76.8V640zM64 384a448 448 0 1 1 896 0A448 448 0 0 1 64 384z m64 0a384 384 0 1 0 768 0A384 384 0 0 0 128 384z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file_icon" unicode="&#59183;" d="M224 768v-768h494.976v-64H223.68c-30.4 0-63.68 21.568-63.68 59.008V772.992c0 37.44 33.28 59.008 63.68 59.008h343.68a64 64 0 0 0 45.76-19.2l232.576-237.056a64 64 0 0 0 18.304-44.8V416h-64V511.168h-256V768h-320z m384-192.832h148.608L608 726.656v-151.488zM286.784 320h128v-51.2h-38.4v-153.6h38.4v-51.2h-128v51.2h38.4V268.8h-38.4V320zM576 320H498.688A50.944 50.944 0 0 1 448 268.8v-153.6c0-28.288 22.72-51.2 50.688-51.2H576v51.2H498.688V268.8H576V320zM883.008 268.8V64H832V320h111.552c28.16 0 51.072-22.912 51.072-51.2V64h-51.072V268.8h-60.544zM608 268.16V115.2c0-28.16 22.848-51.008 51.008-51.008h76.544c28.16 0 51.008 22.848 51.008 51.008V268.224a51.008 51.008 0 0 1-51.008 51.008h-76.544a51.008 51.008 0 0 1-51.008-51.008z m51.008-153.024V268.224h76.544v-153.088h-76.544z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_heart" unicode="&#59184;" d="M512 521.152l68.096 62.464C676.48 671.936 832 603.52 832 472.768c0-39.872-15.872-78.08-44.032-106.24L512 90.432 236.032 366.464A150.336 150.336 0 0 0 192 472.768C192 603.584 347.52 672 443.904 583.68L512 521.152z m-24.832 109.632C349.696 756.8 128 659.2 128 472.768c0-56.832 22.592-111.36 62.72-151.552l311.936-311.872c5.12-5.12 13.504-5.12 18.688 0l311.872 311.872c40.192 40.192 62.784 94.72 62.784 151.552 0 186.496-221.696 284.032-359.168 158.016L512 608l-24.832 22.784z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_history" unicode="&#59185;" d="M505.984 717.248c188.416 0 339.456-150.208 339.456-333.376 0-183.104-151.04-333.312-339.456-333.312-157.568 0-288.96 104.96-327.808 246.4l-66.112-10.752c44.224-173.696 203.84-302.336 393.92-302.336 224.256 0 406.08 179.136 406.08 400 0 220.928-181.76 400-406.08 400A407.552 407.552 0 0 1 178.56 620.544v106.24H112v-201.408a32 32 0 0 1 32-32h200.128V560.192H217.92a340.288 340.288 0 0 0 288 157.056zM448 544v-184.896l169.344-169.344 45.248 45.248L512 385.6V544H448z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_hourglass" unicode="&#59187;" d="M512 440.576l256 212.288V736H256v-83.2l256-212.224zM192 622.784V736a64 64 0 0 0 64 64h512a64 64 0 0 0 64-64v-113.28L544 384l288-238.72v-113.28a64 64 0 0 0-64-64H256a64 64 0 0 0-64 64v113.28L480 384 192 622.72z m64-507.648V32h512v83.2L512 327.36l-256-212.288z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_info_circle_filled" unicode="&#59188;" d="M512-64A448 448 0 1 1 512 832a448 448 0 0 1 0-896zM473.6 640h76.8v-76.8H473.6V640z m6.784-160h64V128h-64V480z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_folder_open" unicode="&#59189;" d="M160 720.384h251.456L544 614.784h320v64H566.4l-132.608 105.6H160v-64zM160 614.72a64 64 0 0 1-64-64V64a64 64 0 0 1 64-64h704a64 64 0 0 1 64 64V445.12a64 64 0 0 1-64 64H523.2l-132.608 105.6H160z m0-64h208.256l132.544-105.6H864V64h-704V550.72z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_help_circle_filled" unicode="&#59190;" d="M959.616 384a448 448 0 1 1-896 0 448 448 0 0 1 896 0zM371.392 471.616c0 77.312 62.848 140.224 140.224 140.224 77.44 0 140.288-62.912 140.288-140.224 0-62.08-47.552-110.144-95.04-129.536a21.632 21.632 0 0 1-13.248-20.16v-51.008h-64V321.92c0 35.84 21.76 66.496 52.928 79.36l0.128 0.064c31.68 12.864 55.232 42.048 55.232 70.272 0 41.984-34.24 76.224-76.288 76.224-41.984 0-76.224-34.24-76.224-76.224h-64z m106.496-290.688a33.728 33.728 0 1 0 67.456 0 33.728 33.728 0 0 0-67.456 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_help_circle" unicode="&#59191;" d="M473.216 153.6a38.4 38.4 0 1 0 76.8 0 38.4 38.4 0 0 0-76.8 0zM511.616 639.616A155.328 155.328 0 0 1 356.48 484.416h64c0 50.24 40.96 91.2 91.2 91.2s91.2-40.96 91.2-91.2c0-34.432-28.416-68.928-65.6-84.032h-0.128c-33.92-14.08-57.472-47.36-57.472-86.272V256h64v58.112c0 12.416 7.36 22.72 17.792 27.008 52.992 21.568 105.408 74.944 105.408 143.296a155.328 155.328 0 0 1-155.2 155.2zM959.616 384a448 448 0 1 1-896 0 448 448 0 0 1 896 0z m-64 0a384 384 0 1 0-768 0 384 384 0 0 0 768 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_image" unicode="&#59192;" d="M640 384a128 128 0 1 1 0 256 128 128 0 0 1 0-256z m0 64a64 64 0 1 1 0 128 64 64 0 0 1 0-128zM128 64a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64V704a64 64 0 0 1-64 64H192a64 64 0 0 1-64-64v-640z m64 82.752l192 192L658.752 64H192v82.752z m0 90.496V704h640v-640h-82.752L384 429.248l-192-192z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_gender_male" unicode="&#59193;" d="M832 665.6a38.4 38.4 0 0 1-38.4 38.4H576v-64h152.512l-237.44-237.44a224 224 0 1 1 44.352-46.08L768 588.992V448h64V665.6z m-591.552-553.152a160 160 0 1 0 226.304 226.304 160 160 0 0 0-226.304-226.304z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_fullsreen" unicode="&#59194;" d="M224 626.752V448h-64V704a32 32 0 0 0 32 32h256v-64H269.248l201.408-201.344-45.312-45.312L224 626.752zM800 141.248V320h64v-256a32 32 0 0 0-32-32H576v64h178.752L553.344 297.344l45.312 45.312 201.344-201.408z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_image_error" unicode="&#59195;" d="M128 64V384h64v-146.752l192 192L749.248 64H832V704H512V768h320a64 64 0 0 0 64-64v-640a64 64 0 0 0-64-64H192a64 64 0 0 0-64 64z m256 274.752l-192-192V64h466.752L384 338.752zM768 512a128 128 0 1 0-256 0 128 128 0 0 0 256 0z m-64 0a64 64 0 1 1-128 0 64 64 0 0 1 128 0zM402.048 540.16l-45.248-45.184-90.496 90.496-90.496-90.496-45.312 45.248 90.56 90.496-90.56 90.496 45.312 45.248L266.24 675.968l90.496 90.496 45.248-45.248-90.496-90.496 90.496-90.496z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_folder_add" unicode="&#59196;" d="M96 704a64 64 0 0 0 64 64h229.76l132.608-96H832a64 64 0 0 0 64-64v-256h-64v256H501.632L369.088 704H160v-576h384v-64h-384a64 64 0 0 0-64 64V704zM768-64v128h-128v64h128v128h64v-128h128v-64h-128v-128h-64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file_excel" unicode="&#59197;" d="M224 768v-768H512v-64H223.68c-30.4 0-63.68 21.568-63.68 59.008V772.992c0 37.44 33.28 59.008 63.68 59.008h343.68a64 64 0 0 0 45.76-19.2l232.576-237.056a64 64 0 0 0 18.304-44.8V416h-64V511.168h-256V768h-320z m384-41.344v-151.488h148.608L608 726.656zM661.504 269.312v53.76h-64v-53.76c0-16.512 5.632-32.512 16-45.44l76.16-94.784-76.16-94.848c-10.368-12.864-16-28.864-16-45.44v-53.76h64v53.76c0 1.92 0.64 3.84 1.92 5.376l67.328 83.84 67.392-83.84c1.216-1.536 1.856-3.392 1.856-5.312v-53.76h64v53.76c0 16.512-5.632 32.512-16 45.44l-76.16 94.72 76.16 94.848c10.368 12.928 16 28.928 16 45.44v53.76h-64v-53.76c0-1.92-0.64-3.84-1.92-5.312l-67.328-83.84-67.328 83.84a8.448 8.448 0 0 0-1.92 5.312z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_forward" unicode="&#59198;" d="M944.512 408.96a32 32 0 0 0 0-49.92L583.68 70.912a32 32 0 0 0-51.904 24.96V368.96a31.936 31.936 0 0 0-7.808-9.6L180.48 73.28a32 32 0 0 0-52.48 24.576V670.208a32 32 0 0 0 52.48 24.576l343.488-286.208a31.872 31.872 0 0 0 7.808-9.6V672.128a32 32 0 0 0 51.904 24.96l360.832-288z m-348.8 196.608v-443.136L873.344 384 595.776 605.568zM192 601.92v-435.84L453.504 384 192 601.92z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_internet" unicode="&#59199;" d="M70.4 390.4a441.6 441.6 0 1 0 883.2 0v-12.8a441.6 441.6 0 1 0-883.2 0v12.8z m818.368-38.4h-192a631.232 631.232 0 0 0-125.184-347.328A377.728 377.728 0 0 1 888.768 352z m-192 64h192A377.792 377.792 0 0 1 571.52 763.328 631.232 631.232 0 0 0 696.768 416z m-64.064 0A567.36 567.36 0 0 1 512 735.808 567.36 567.36 0 0 1 391.296 416h241.408z m-305.472-64h-192a377.728 377.728 0 0 1 317.184-347.328A631.296 631.296 0 0 0 327.232 352z m0 64A631.296 631.296 0 0 0 452.48 763.328 377.728 377.728 0 0 1 135.232 416h192z m305.472-64H391.296A567.36 567.36 0 0 1 512 32.192 567.36 567.36 0 0 1 632.704 352z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_check_circle_filled" unicode="&#59121;" d="M512-64A448 448 0 1 1 512 832a448 448 0 0 1 0-896zM288 370.752l45.248 45.248L448 301.248 690.752 544l45.248-45.248-288-288-160 160z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chevron_right_circle" unicode="&#59122;" d="M397.248 562.752L576 384l-178.752-178.752 45.248-45.248 224 224-224 224-45.248-45.248zM512-64A448 448 0 1 0 512 832a448 448 0 0 0 0-896z m0 64A384 384 0 1 1 512 768a384 384 0 0 1 0-768z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_creditcard" unicode="&#59123;" d="M224 192h192v64h-192v-64zM960 128V640a64 64 0 0 1-64 64H128a64 64 0 0 1-64-64v-512a64 64 0 0 1 64-64h768a64 64 0 0 1 64 64z m-64 512v-96H128V640h768zM128 128V480h768V128H128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_close_circle_filled" unicode="&#59124;" d="M960 384A448 448 0 1 1 64 384a448 448 0 0 1 896 0zM362.88 579.328L512 429.44l149.12 149.952 45.312-45.12L557.12 384l149.312-150.272-45.376-45.056L512 338.56l-149.12-150.016-45.312 45.184L466.88 384 317.568 534.208l45.376 45.12z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_circle" unicode="&#59125;" d="M512 832a448 448 0 1 0 0-896A448 448 0 0 0 512 832z m0-64a384 384 0 1 1 0-768A384 384 0 0 1 512 768z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chevron_left_circle" unicode="&#59126;" d="M626.752 205.248L448 384l178.752 178.752-45.248 45.248-224-224 224-224 45.248 45.248zM512 832a448 448 0 1 0 0-896A448 448 0 0 0 512 832z m0-64a384 384 0 1 1 0-768A384 384 0 0 1 512 768z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chevron_left_double" unicode="&#59127;" d="M834.56 610.56l-58.816 58.88L490.304 384l285.44-285.44 58.88 58.88L608 384l226.56 226.56zM514.56 610.56l-58.816 58.88L170.304 384l285.44-285.44 58.88 58.88L288 384l226.56 226.56z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chevron_right" unicode="&#59128;" d="M413.44 98.56l-58.816 58.88L581.184 384l-226.56 226.56 58.88 58.88L698.88 384l-285.44-285.44z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_control_platform" unicode="&#59129;" d="M927.68 624L542.08 846.72a59.968 59.968 0 0 1-60.032 0L96.32 624v-445.376c0-21.44 11.456-41.216 30.016-51.968L512-96l385.728 222.72a59.968 59.968 0 0 1 29.952 51.904V624zM512 420.992L192.256 605.568 512 790.144l319.68-184.576L512 420.992z m32.064-55.488l319.68 184.576v-369.088L544-3.52V365.44z m-64 0v-369.024l-319.744 184.512V550.144L480 365.44z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_close" unicode="&#59130;" d="M512 325.12l196.864-196.8 58.88 58.88L570.752 384l196.864 196.864-58.816 58.88L512 442.752 315.136 639.68l-58.88-58.88L453.248 384l-196.864-196.864 58.88-58.88L512 325.248z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_check" unicode="&#59131;" d="M411.776 260.992l398.208 398.272 58.88-58.88-457.088-457.024-285.44 285.44 58.88 58.816 226.56-226.56z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chevron_right_double" unicode="&#59132;" d="M189.44 157.44l58.816-58.88L533.696 384l-285.44 285.44-58.88-58.88L416 384l-226.56-226.56z m320 0l58.816-58.88L853.696 384l-285.44 285.44-58.88-58.88L736 384l-226.56-226.56z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_check_rectangle_filled" unicode="&#59133;" d="M128 64a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64V704a64 64 0 0 1-64 64H192a64 64 0 0 1-64-64v-640z m320 233.152l241.6 241.6 45.248-45.248L448 206.656 288.832 365.76l45.312 45.248L448 297.088z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_cloud_upload" unicode="&#59134;" d="M302.72 495.168l-45.568-5.312C185.408 481.536 128 419.008 128 341.376c0-77.44 56.96-139.648 128-148.352v-64.32c-107.328 8.896-192 100.864-192 212.608 0 109.76 81.28 199.936 185.792 212.16C276.032 676.48 383.552 768 512 768c128.448 0 235.968-91.456 262.208-214.528 104.576-12.16 185.792-102.4 185.792-212.16 0-111.744-84.672-203.712-192-212.608v64.32c71.04 8.704 128 70.912 128 148.288 0 77.696-57.344 140.16-129.152 148.544l-45.632 5.312-9.6 44.928C691.392 634.816 609.024 704 512 704 414.976 704 332.608 634.88 312.32 540.096l-9.6-44.928zM392.96 209.92l86.912 85.248 2.176-327.616 64.64 0.448-2.112 326.464 87.872-85.696 45.696 44.8-144.128 140.544a32 32 0 0 1-44.736 0l-142.08-139.52 45.824-44.672z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chevron_up_circle" unicode="&#59135;" d="M333.248 269.248L512 448l178.752-178.752 45.248 45.248-224 224-224-224 45.248-45.248zM960 384A448 448 0 1 0 64 384a448 448 0 0 0 896 0z m-64 0A384 384 0 1 1 128 384a384 384 0 0 1 768 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chevron_down_circle" unicode="&#59136;" d="M690.752 498.752L512 320 333.248 498.752l-45.248-45.248 224-224 224 224-45.248 45.248zM64 384a448 448 0 1 0 896 0A448 448 0 0 0 64 384z m64 0a384 384 0 1 1 768 0A384 384 0 0 1 128 384z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chevron_up_rectangle" unicode="&#59137;" d="M333.248 269.248L512 448l178.752-178.752 45.248 45.248-224 224-224-224 45.248-45.248zM128 704a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-640a64 64 0 0 0-64-64H192a64 64 0 0 0-64 64V704z m64 0v-640h640V704H192z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_close_rectangle" unicode="&#59138;" d="M308.352 225.6L466.752 384 308.352 542.4l45.248 45.248L512 429.248l158.4 158.4 45.248-45.248L557.248 384l158.4-158.4-45.248-45.248L512 338.752l-158.4-158.4-45.248 45.248zM192 0a64 64 0 0 0-64 64V704a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-640a64 64 0 0 0-64-64H192z m0 64h640V704H192v-640z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chevron_down_rectangle" unicode="&#59139;" d="M690.752 498.752L512 320 333.248 498.752l-45.248-45.248 224-224 224 224-45.248 45.248zM896 64a64 64 0 0 0-64-64H192a64 64 0 0 0-64 64V704a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-640z m-64 0V704H192v-640h640z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chevron_left" unicode="&#59140;" d="M610.56 669.44l58.816-58.88L442.816 384l226.56-226.56-58.88-58.88L325.12 384l285.44 285.44z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_check_circle" unicode="&#59141;" d="M288 370.752l160-160 288 288-45.248 45.248L448 301.248 333.248 416l-45.248-45.248zM263.104 756.48a448 448 0 1 0 497.792-744.96A448 448 0 0 0 263.104 756.48z m35.584-691.776a384 384 0 1 1 426.624 638.592 384 384 0 0 1-426.624-638.592z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chevron_right_rectangle" unicode="&#59142;" d="M397.248 562.752L576 384l-178.752-178.752 45.248-45.248 224 224-224 224-45.248-45.248zM832 768a64 64 0 0 0 64-64v-640a64 64 0 0 0-64-64H192a64 64 0 0 0-64 64V704a64 64 0 0 0 64 64h640z m0-64H192v-640h640V704z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_check_rectangle" unicode="&#59143;" d="M689.6 538.752L448 297.152l-113.92 113.92-45.248-45.312L448 206.72l286.848 286.848-45.248 45.248zM192 0a64 64 0 0 0-64 64V704a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-640a64 64 0 0 0-64-64H192z m0 64h640V704H192v-640z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_close_circle" unicode="&#59144;" d="M318.72 236.032L466.816 384 318.72 531.968l45.248 45.248L512 429.248l147.968 147.968 45.248-45.248L557.248 384l147.968-147.968-45.248-45.248L512 338.752 364.032 190.72l-45.248 45.248zM512 832a448 448 0 1 0 0-896A448 448 0 0 0 512 832z m0-64a384 384 0 1 1 0-768A384 384 0 0 1 512 768z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_cloud" unicode="&#59145;" d="M302.72 431.296l9.6 44.864C332.672 570.944 415.04 640.064 512 640.064s179.392-69.12 199.68-163.904l9.6-44.864 45.568-5.376C838.656 417.6 896 355.072 896 277.44 896 193.792 829.632 128 750.912 128H273.088C194.368 128.064 128 193.92 128 277.376c0 77.696 57.344 140.16 129.216 148.544l45.568 5.376z m471.488 58.24C747.968 612.672 640.448 704 512 704c-128.448 0-235.968-91.392-262.208-214.528C145.216 477.376 64 387.136 64 277.376c0-117.632 93.76-213.312 209.088-213.312h477.824c115.328 0 209.088 95.68 209.088 213.312 0 109.76-81.28 199.936-185.792 212.16z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chevron_down" unicode="&#59146;" d="M226.56 482.56l58.88 58.88L512 314.88l226.56 226.56 58.88-58.88L512 197.12 226.56 482.56z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_delete" unicode="&#59147;" d="M384 128V512h64v-384H384zM576 512v-384h64V512H576zM672 704H896v-64h-64v-640a64 64 0 0 0-64-64H256a64 64 0 0 0-64 64V640H128V704h224V780.8a51.2 51.2 0 0 0 51.2 51.2h217.6a51.2 51.2 0 0 0 51.2-51.2V704z m-256 0h192V768h-192v-64zM256 640v-640h512V640H256z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chevron_up" unicode="&#59148;" d="M797.44 285.44l-58.88-58.88L512 453.12l-226.56-226.56-58.88 58.88L512 570.752l285.44-285.44z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_code" unicode="&#59149;" d="M572.16 732.288L389.952 52.288l61.824-16.576L633.984 715.712l-61.824 16.576zM137.6 384l219.2-219.2-45.248-45.248L74.24 356.864a38.4 38.4 0 0 0 0 54.272l237.312 237.312 45.248-45.248L137.6 384zM886.144 384l-220.16-217.728 44.928-45.44 238.656 235.84a38.4 38.4 0 0 1 0 54.656l-238.656 235.904-44.992-45.504L886.144 384z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_dashboard" unicode="&#59150;" d="M887.936 581.952L600.128 294.016l-45.312 45.312 288 287.872 45.248-45.248zM513.408 188.672a64 64 0 1 0 0 128 64 64 0 0 0 0-128z m0-64a128 128 0 1 1 0 256 128 128 0 0 1 0-256zM512 672a416 416 0 0 1-341.44-653.696l-52.48-36.608A480 480 0 0 0 734.72 681.344l-29.76-56.704A414.08 414.08 0 0 1 512 672z m416-416a414.08 414.08 0 0 1-46.848 192l56.768 29.568A478.08 478.08 0 0 0 992 256a477.952 477.952 0 0 0-86.08-274.304l-52.48 36.608A413.952 413.952 0 0 1 928 256z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_clear" unicode="&#59151;" d="M448 640h128V768H448v-128z m192 128v-128h192a64 64 0 0 0 64-64v-128a64 64 0 0 0-54.976-63.36l44.544-311.616a64 64 0 0 0-63.36-73.024H201.792a64 64 0 0 0-63.36 73.024L183.04 384.64A64 64 0 0 0 128 448V576a64 64 0 0 0 64 64h192V768a64 64 0 0 0 64 64h128a64 64 0 0 0 64-64z m136.512-320H832V576H192v-128h584.512z m0-64H247.488l-45.696-320H320v128h64v-128h96v128h64v-128H640v128h64v-128h118.208l-45.696 320z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chevron_left_rectangle" unicode="&#59152;" d="M626.752 205.248L448 384l178.752 178.752-45.248 45.248-224-224 224-224 45.248 45.248zM192 0a64 64 0 0 0-64 64V704a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-640a64 64 0 0 0-64-64H192z m0 64h640V704H192v-640z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_cloud_download" unicode="&#59153;" d="M302.72 495.168l-45.568-5.312C185.408 481.536 128 419.008 128 341.376c0-77.44 56.96-139.648 128-148.352v-64.32c-107.328 8.896-192 100.864-192 212.608 0 109.76 81.28 199.936 185.792 212.16C276.032 676.48 383.552 768 512 768c128.448 0 235.968-91.456 262.208-214.528 104.576-12.16 185.792-102.4 185.792-212.16 0-111.744-84.672-203.712-192-212.608v64.32c71.04 8.704 128 70.912 128 148.288 0 77.696-57.344 140.16-129.152 148.544l-45.632 5.312-9.6 44.928C691.392 634.816 609.024 704 512 704 414.976 704 332.608 634.88 312.32 540.096l-9.6-44.928zM627.008 172.8l-82.816-82.496V384.192H480.128v-293.888l-82.816 82.56-45.312-45.248 137.6-137.088a32 32 0 0 1 45.12 0l137.6 137.088-45.312 45.184z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_desktop" unicode="&#59154;" d="M160 192h320v-128H192v-64h640v64H544v128h320a64 64 0 0 1 64 64V704a64 64 0 0 1-64 64h-704a64 64 0 0 1-64-64v-448a64 64 0 0 1 64-64z m0 512h704v-448h-704V704z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_ellipsis" unicode="&#59155;" d="M192 320a64 64 0 1 0 0 128 64 64 0 0 0 0-128zM448 384a64 64 0 1 1 128 0 64 64 0 0 1-128 0zM768 384a64 64 0 1 1 128 0 64 64 0 0 1-128 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_edit" unicode="&#59157;" d="M696.448 784.832l207.552-207.552 45.248 45.248L741.76 830.08l-45.248-45.248zM150.528 8.768l231.232 46.208 467.072 467.072L641.216 729.6 174.208 262.592l-46.272-231.232a19.2 19.2 0 0 1 22.592-22.592z m490.688 630.4l117.12-117.12-408.128-408.064-146.304-29.312 29.248 146.368 408.064 408.064z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_download" unicode="&#59158;" d="M784.896 523.904L544 283.072V864h-64v-580.928L239.104 523.904l-45.248-45.248 295.488-295.488a32 32 0 0 1 45.312 0l295.488 295.488-45.248 45.248zM128 192v-128a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v128h-64v-128H192v128H128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_discount_filled" unicode="&#59159;" d="M447.168 554.88A75.008 75.008 0 1 0 341.12 448.896 75.008 75.008 0 0 0 447.168 554.88zM128 401.28a64 64 0 0 1 18.752-45.248l378.368-378.368a64 64 0 0 1 90.496 0l302.72 302.72a64 64 0 0 1 0 90.496L539.968 749.248A64 64 0 0 1 494.72 768H128v-366.72z m364.416 198.912a139.008 139.008 0 1 0-196.608-196.608 139.008 139.008 0 0 0 196.608 196.608z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_caret_down" unicode="&#59081;" d="M512 234.688L256 576h512l-256-341.312z m-25.6-72.576a32 32 0 0 1 51.2 0l320 426.688A32 32 0 0 1 832 640H192a32 32 0 0 1-25.6-51.2l320-426.688z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_backtop" unicode="&#59082;" d="M127.936 704.064h768v64h-768v-64zM216.128 241.28l263.04 258.24v-553.536h64.64V499.84l267.52-260.928 45.76 44.8-323.2 315.264a32 32 0 0 1-44.8-0.064L170.24 285.952l45.824-44.608z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_caret_right" unicode="&#59083;" d="M725.376 384L384 128V640l341.376-256z m72.512-25.6a32 32 0 0 1 0 51.2L371.2 729.6A32 32 0 0 1 320 704v-640a32 32 0 0 1 51.2-25.6l426.688 320z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_bulletpoint" unicode="&#59084;" d="M896 704H320v-64h576V704zM224 704H128v-64h96V704zM320 416h576v-64H320v64zM128 416h96v-64H128v64zM320 128h576v-64H320v64zM128 128h96v-64H128v64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_caret_right_small" unicode="&#59085;" d="M384 576v-384l288 192L384 576z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_add" unicode="&#59086;" d="M470.4 342.4v-246.4h83.2V342.4h246.4v83.2H553.6V672h-83.2v-246.4H224v-83.2h246.4z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_caret_left" unicode="&#59087;" d="M298.688 384L640 640v-512L298.688 384z m-72.512 25.6a32 32 0 0 1 0-51.2l426.624-320a32 32 0 0 1 51.2 25.6V704a32 32 0 0 1-51.2 25.6l-426.624-320z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_caret_down_small" unicode="&#59088;" d="M704 512H320l192-288L704 512z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_caret_left_small" unicode="&#59089;" d="M672 576v-384L384 384l288 192z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="chart-bar" unicode="&#59090;" d="M480 768v-768h64V768h-64zM160 512v-512h64V512h-64zM800 0v256h64v-256h-64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_arrow_left" unicode="&#59091;" d="M250.496 352l233.408-233.344-45.312-45.248-296.96 297.024a19.2 19.2 0 0 0 0 27.2l296.96 296.96 45.312-45.184L250.496 416H896v-64H250.496z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_calendar" unicode="&#59092;" d="M640 704H384V800H320V704H192a64 64 0 0 1-64-64v-576a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64V640a64 64 0 0 1-64 64h-128V800h-64V704zM320 576h64V640h256v-64h64V640h128v-128H192V640h128v-64zM192 448h640v-384H192V448z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chart_pie" unicode="&#59093;" d="M960 384A448 448 0 1 0 64 384a448 448 0 0 0 896 0z m-65.28-32H480V766.72a384 384 0 1 1 414.72-414.72z m0 64A384.064 384.064 0 0 1 544 766.72V416h350.72z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_arrow_right" unicode="&#59094;" d="M773.504 416L540.096 649.344l45.248 45.248 297.088-297.024a19.2 19.2 0 0 0 0-27.136l-297.088-297.088-45.248 45.248L773.504 352H128v64h645.504z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_caret_up_small" unicode="&#59095;" d="M704 224H320L512 512l192-288z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_browse" unicode="&#59097;" d="M696.32 384a184.32 184.32 0 1 0-368.64 0 184.32 184.32 0 0 0 368.64 0z m-64 0a120.32 120.32 0 1 1-240.64 0 120.32 120.32 0 0 1 240.64 0zM71.488 369.28c86.016-168.96 255.04-273.28 440.832-273.28 185.152 0 354.176 104.32 440.192 273.28L960 384l-7.488 14.72C866.56 567.04 697.472 672 512.32 672c-185.792 0-354.816-104.96-440.832-273.28L64 384l7.488-14.72z m440.832-209.28C355.2 160 212.416 245.12 135.04 384 212.416 522.88 355.2 608 512.32 608c156.48 0 299.264-85.12 377.216-224-77.312-138.88-220.736-224-377.216-224z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_books" unicode="&#59099;" d="M511.936 302.208l-256-179.2v581.12h512v-581.12l-256 179.2z m0-78.08l269.632-188.8a32 32 0 0 1 50.368 26.24V704.064a64 64 0 0 1-64 64h-512a64 64 0 0 1-64-64v-642.56a32 32 0 0 1 50.368-26.24l269.632 188.8z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_app" unicode="&#59100;" d="M720 784a192 192 0 1 1 0-384 192 192 0 0 1 0 384z m-128-192a128 128 0 1 0 256 0 128 128 0 0 0-256 0zM128 704a64 64 0 0 0 64 64h224a64 64 0 0 0 64-64v-224a64 64 0 0 0-64-64H192a64 64 0 0 0-64 64V704z m64 0v-224h224V704H192zM128 288a64 64 0 0 0 64 64h224a64 64 0 0 0 64-64V64a64 64 0 0 0-64-64H192a64 64 0 0 0-64 64V288z m64 0V64h224V288H192zM544 288a64 64 0 0 0 64 64H832a64 64 0 0 0 64-64V64a64 64 0 0 0-64-64H608a64 64 0 0 0-64 64V288z m64-224H832V288H608V64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_arrow_up" unicode="&#59101;" d="M480 645.504L246.656 412.096l-45.248 45.248 297.024 297.088a19.2 19.2 0 0 0 27.136 0l297.088-297.088-45.248-45.248L544 645.504V0h-64V645.504z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_backward" unicode="&#59103;" d="M79.488 359.04a32 32 0 0 0 0 49.92l360.768 288.064a32 32 0 0 0 51.968-24.96v-273.024a31.936 31.936 0 0 0 7.808 9.6l343.488 286.144a32 32 0 0 0 52.48-24.576v-572.416a32 32 0 0 0-52.48-24.576L500.032 359.424a31.936 31.936 0 0 0-7.808 9.6v-273.088a32 32 0 0 0-51.968-24.96l-360.768 288z m348.8-196.608V605.568L150.656 384l277.504-221.568zM832 166.08v435.84L570.496 384 832 166.08z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_cart" unicode="&#59104;" d="M64 704h100.864l88.896-533.248a51.2 51.2 0 0 1 50.56-42.752H896v64H315.136L293.76 320h552.576A51.2 51.2 0 0 1 896 358.784l54.4 217.6A51.2 51.2 0 0 1 900.736 640H240.448l-14.208 85.248A51.2 51.2 0 0 1 175.68 768H64v-64z m772.352-320H283.136l-32 192h633.216l-48-192zM304-32a48 48 0 1 1 0 96 48 48 0 0 1 0-96zM820.032-32a48 48 0 1 1 0 96 48 48 0 0 1 0-96z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_attach" unicode="&#59105;" d="M776.128 649.216a129.088 129.088 0 0 1-181.952-0.512l-461.44-461.44-45.248 45.248 461.44 461.44a193.088 193.088 0 1 0 273.024-273.088l-373.76-373.76A120.576 120.576 0 0 0 277.696 217.6l363.136 363.136 45.248-45.248-363.136-363.136a56.512 56.512 0 1 1 80-80l373.76 373.76a129.088 129.088 0 0 1-0.64 183.104z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="chart" unicode="&#59106;" d="M288 128V416h64V128h-64zM480 608V128h64V608h-64zM672 128V320h64v-192h-64zM128 704a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-640a64 64 0 0 0-64-64H192a64 64 0 0 0-64 64V704z m64 0v-640h640V704H192z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chat" unicode="&#59107;" d="M296.832 224H832V640H192v-503.36L296.832 224z m-137.344-197.76A19.2 19.2 0 0 0 128 40.96V640a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-416a64 64 0 0 0-64-64H320l-160.512-133.76z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_add_rectangle" unicode="&#59108;" d="M480 192V352H320v64h160V576h64v-160H704v-64H544V192h-64zM192 0a64 64 0 0 0-64 64V704a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-640a64 64 0 0 0-64-64H192z m0 64h640V704H192v-640z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_add_circle" unicode="&#59109;" d="M480 352h-192v64h192v192h64v-192h192v-64h-192v-192h-64v192zM512-64A448 448 0 1 1 512 832a448 448 0 0 1 0-896z m0 64A384 384 0 1 0 512 768a384 384 0 0 0 0-768z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_barcode" unicode="&#59110;" d="M256 768v-768H128V768h128z m640 0v-768h-128V768h128z m-192 0v-768h-64V768h64zM576 768v-768H448V768h128zM384 768v-768H320V768h64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_arrow_down_rectangle" unicode="&#59111;" d="M687.744 412.992L544 269.248V608h-64v-338.752L336.256 412.992l-45.248-45.248L512 146.752l220.992 220.992-45.248 45.248zM192 0a64 64 0 0 0-64 64V704a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-640a64 64 0 0 0-64-64H192z m0 64h640V704H192v-640z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_browse_off" unicode="&#59112;" d="M689.472 129.28l87.872-87.872 45.248 45.248L201.6 707.648l-45.248-45.248 77.44-77.44a505.664 505.664 0 0 1-162.304-186.24L64 384l7.488-14.72c86.016-168.96 255.04-273.28 440.832-273.28 61.696 0 121.6 11.584 177.152 33.28z m-50.048 50.048a427.008 427.008 0 0 0-127.104-19.328C355.2 160 212.416 245.12 135.04 384a438.72 438.72 0 0 0 144.384 155.264l69.376-69.376a184.32 184.32 0 0 1 248.96-248.96l41.6-41.6z m-241.92 241.92l151.68-151.68a120.32 120.32 0 0 0-151.68 151.68zM952.512 369.28L960 384l-7.488 14.72C866.56 567.04 697.472 672 512.32 672c-54.784 0-108.16-9.088-158.336-26.304l51.2-51.2A428.736 428.736 0 0 0 512.32 608c156.48 0 299.264-85.12 377.216-224a439.552 439.552 0 0 0-129.152-144.704l45.312-45.312a505.216 505.216 0 0 1 146.816 175.36zM696.32 384c0-23.936-4.608-46.784-12.864-67.776l-52.16 52.16a120.32 120.32 0 0 1-134.912 134.912L444.16 555.52A184.32 184.32 0 0 0 696.32 384z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_backtop_rectangle" unicode="&#59113;" d="M479.872 371.52L380.416 273.92l-45.824 44.672L512.128 492.8 691.2 318.08l-45.696-44.8-101.056 98.56V128h-64.64V371.52zM287.936 544.064h448v64h-448v-64zM191.936 768.064a64 64 0 0 1-64-64v-640a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64h-640z m640-64v-640h-640v640h640z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_arrow_down" unicode="&#59115;" d="M544 768v-645.504l233.344 233.344 45.248-45.248-297.024-296.96a19.2 19.2 0 0 0-27.136 0l-297.088 296.96 45.312 45.248L480 122.56V768h64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_call" unicode="&#59117;" d="M896 188.352a195.2 195.2 0 0 0-33.152-112.64l-8.064-10.688a129.6 129.6 0 0 0-62.72-48c-17.92-6.656-29.184-8.64-58.176-11.968-124.672-11.648-260.928 46.592-395.52 166.272-89.856 80.128-157.184 180.352-189.568 282.816C135.04 497.472 128 539.072 128 576.768c0 45.184 10.24 84.288 30.72 113.664 19.456 26.752 56.448 48.96 112 69.952a64 64 0 0 0 74.88-22.912l106.624-150.912a64 64 0 0 0-5.76-80.896l-13.888-14.144-16.768-16.256a97.92 97.92 0 0 1-10.56-12.16c-1.472-19.584 19.456-59.968 80.384-122.368l18.176-16.96c56.192-51.84 71.296-56 88.576-44.032l5.76 4.736c6.144 4.672 22.08 15.744 56.192 39.232a64 64 0 0 0 65.984 3.904l15.552-8.192c106.432-56.832 155.008-91.008 159.744-126.08l0.384-4.992z m-64-1.024c0.064-5.248-7.36 2.816-22.72 13.952-22.464 16.256-57.088 36.864-103.488 61.632l-15.168 8.064-50.432-34.816c-1.216-0.768-1.728-1.088-1.536-0.832-55.04-43.2-102.4-31.104-197.952 59.904-73.344 75.008-102.4 131.072-99.328 172.288 1.472 22.592 17.024 43.264 32.128 55.68 6.4 6.144 12.8 12.416 18.432 18.176l8 8.32-106.56 150.848c-44.864-16.96-72.64-33.664-82.56-47.232C198.912 636.16 192 609.792 192 576.768c0-30.72 6.016-65.92 17.792-103.36 28.8-91.072 89.6-181.632 171.136-254.272 122.432-108.928 242.304-160.128 346.368-150.4l16.448 2.048c11.392 1.6 17.792 3.2 25.92 6.208 14.08 5.248 25.088 13.44 34.112 26.56 17.088 20.864 26.24 47.616 27.904 72.96l0.32 10.816z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_caret_up" unicode="&#59118;" d="M512 533.312L768 192H256l256 341.312z m25.6 72.576a32 32 0 0 1-51.2 0l-320-426.688a32 32 0 0 1 25.6-51.2h640a32 32 0 0 1 25.6 51.2l-320 426.688z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chart_bubble" unicode="&#59120;" d="M576 544a192 192 0 1 0-384 0 192 192 0 0 0 384 0z m-64 0a128 128 0 1 1-256 0 128 128 0 0 1 256 0zM896 256a160 160 0 1 0-320 0 160 160 0 0 0 320 0z m-64 0a96 96 0 1 1-192 0 96 96 0 0 1 192 0zM320 128a96 96 0 1 0-192 0 96 96 0 0 0 192 0zM832 608a64 64 0 1 1 0 128 64 64 0 0 1 0-128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_data" unicode="&#59054;" d="M490.666667 853.333333C738.090667 853.333333 938.666667 652.757333 938.666667 405.333333a42.666667 42.666667 0 0 0-42.666667-42.666666h-362.666667V0a42.666667 42.666667 0 0 0-42.666666-42.666667C243.242667-42.666667 42.666667 157.909333 42.666667 405.333333S243.242667 853.333333 490.666667 853.333333z m384-533.333333a42.666667 42.666667 0 0 0 42.666666-42.666667v-256a42.666667 42.666667 0 0 0-42.666666-42.666666h-256a42.666667 42.666667 0 0 0-42.666667 42.666666v256a42.666667 42.666667 0 0 0 42.666667 42.666667h256zM490.666667 768a362.666667 362.666667 0 0 1-43.050667-722.773333l0.384-0.042667V362.666667a85.333333 85.333333 0 0 0 78.933333 85.12l6.4 0.213333h317.482667v0.384a362.752 362.752 0 0 1-349.269333 319.445333L490.666667 768z m341.333333-533.333333h-170.666667v-170.666667h170.666667v170.666667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_clue" unicode="&#59055;" d="M789.333333 810.666667a149.333333 149.333333 0 0 0 42.666667-292.48v-379.605334a181.248 181.248 0 0 0-362.496 0v490.666667a96.085333 96.085333 0 1 1-192.170667 0v-379.434667A149.418667 149.418667 0 0 0 234.666667-42.666667a149.333333 149.333333 0 0 0-42.666667 292.48V629.248a181.418667 181.418667 0 1 0 362.837333 0v-490.666667a95.914667 95.914667 0 0 1 191.829334 0V518.186667A149.418667 149.418667 0 0 0 789.333333 810.666667z m-554.666666-640a64 64 0 1 1 0-128 64 64 0 0 1 0 128z m554.666666 554.666666a64 64 0 1 1 0-128 64 64 0 0 1 0 128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_business_opportunity" unicode="&#59056;" d="M512 853.333333c259.2 0 469.333333-210.133333 469.333333-469.333333s-210.133333-469.333333-469.333333-469.333333S42.666667 124.8 42.666667 384 252.8 853.333333 512 853.333333z m0-85.333333a384 384 0 1 1 0-768 384 384 0 0 1 0 768zM414.165333 606.165333L512 508.373333l97.877333 97.792a42.666667 42.666667 0 0 0 56.32 3.541334l4.010667-3.541334a42.666667 42.666667 0 0 0 0-60.330666L593.664 469.333333H640a42.666667 42.666667 0 0 0 0-85.333333h-85.162667v-42.666667H640a42.666667 42.666667 0 0 0 0-85.333333h-85.162667v-85.333333a42.666667 42.666667 0 0 0-85.333333 0v85.333333H384a42.666667 42.666667 0 0 0 0 85.333333h85.504v42.666667H384a42.666667 42.666667 0 0 0 0 85.333333h46.293333L353.834667 545.834667a42.666667 42.666667 0 0 0 60.330666 60.330666z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_set_up" unicode="&#59048;" d="M637.44 851.797333a468.608 468.608 0 0 0 194.090667-108.586666 42.666667 42.666667 0 0 0 9.216-50.133334A85.333333 85.333333 0 0 1 917.333333 570.069333h1.194667a42.666667 42.666667 0 0 0 41.301333-29.866666 471.253333 471.253333 0 0 0 11.946667-235.306667 42.666667 42.666667 0 0 0-45.952-33.877333 85.333333 85.333333 0 0 1-73.770667-139.904 42.666667 42.666667 0 0 0-1.834666-57.088 469.205333 469.205333 0 0 0-204.117334-124.501334 42.666667 42.666667 0 0 0-52.778666 27.904 85.376 85.376 0 0 1-162.645334 0 42.666667 42.666667 0 0 0-52.778666-27.904 469.205333 469.205333 0 0 0-204.117334 124.501334 42.666667 42.666667 0 0 0-1.834666 57.088A85.333333 85.333333 0 0 1 98.133333 271.018667a42.666667 42.666667 0 0 0-45.994666 33.92 471.253333 471.253333 0 0 0 11.946666 235.264 42.666667 42.666667 0 0 0 41.386667 29.866666H106.666667a85.333333 85.333333 0 0 1 76.586666 123.008 42.666667 42.666667 0 0 0 9.216 50.133334A468.608 468.608 0 0 0 386.56 851.797333a42.666667 42.666667 0 0 0 49.408-21.76 85.333333 85.333333 0 0 1 152.149333 0 42.666667 42.666667 0 0 0 49.408 21.76zM380.330667 760.277333a384.341333 384.341333 0 0 1-106.453334-59.605333l-2.176-1.749333 2.389334-10.026667c1.450667-7.296 2.432-14.72 2.901333-22.186667l0.384-11.264a170.709333 170.709333 0 0 0-137.301333-167.424l-1.792-0.256-1.237334-5.205333a384.341333 384.341333 0 0 1-8.618666-66.218667L128 399.445333c0-10.538667 0.426667-20.949333 1.28-31.317333l1.28-13.013333 1.322667-0.213334a170.709333 170.709333 0 0 0 145.237333-160.298666l0.213333-8.533334c0-23.765333-4.906667-46.848-14.08-68.010666l-3.754666-7.893334 9.386666-7.978666a383.914667 383.914667 0 0 1 90.368-55.210667l8.917334-3.626667 4.352 6.485334a170.666667 170.666667 0 0 0 130.56 72.021333l8.917333 0.256a170.666667 170.666667 0 0 0 139.52-72.277333l4.266667-6.485334 8.96 3.626667a383.914667 383.914667 0 0 1 90.410666 55.210667l9.301334 7.978666-3.669334 7.893334a170.112 170.112 0 0 0-13.824 57.898666l-0.298666 10.154667a170.666667 170.666667 0 0 0 145.450666 168.789333l1.28 0.213334 1.365334 13.013333c0.426667 5.162667 0.725333 10.368 0.938666 15.573333l0.298667 15.744c0 28.245333-3.029333 56.064-9.002667 83.114667l-1.28 5.205333-1.749333 0.256a170.752 170.752 0 0 0-137.088 158.890667l-0.213333 8.533333c0 11.306667 1.109333 22.528 3.285333 33.450667l2.346667 10.026667-2.133334 1.749333a383.274667 383.274667 0 0 1-106.24 59.477333l-5.205333-5.717333A170.496 170.496 0 0 0 512 698.112a170.496 170.496 0 0 0-126.72 56.32l-4.992 5.845333zM512 591.445333a192 192 0 1 0 0-384 192 192 0 0 0 0 384z m0-85.333333a106.666667 106.666667 0 1 1 0-213.333333 106.666667 106.666667 0 0 1 0 213.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_not_bookmarked" unicode="&#59049;" d="M473.642667 829.44a42.666667 42.666667 0 0 0 76.544 0.213333l122.154666-246.186666 272.469334-39.722667a42.666667 42.666667 0 0 0 27.050666-69.077333l-3.328-3.626667-198.229333-194.048 47.104-269.653333a42.666667 42.666667 0 0 0-58.026667-46.933334l-4.096 1.962667L512 92.032l-243.242667-129.706667a42.666667 42.666667 0 0 0-62.677333 40.533334l0.554667 4.522666 47.402666 269.610667-198.485333 194.005333a42.666667 42.666667 0 0 0 18.858667 71.765334l4.821333 0.981333 273.92 39.722667 120.533333 245.973333z m38.528-115.242667L419.882667 525.696a42.666667 42.666667 0 0 0-32.213334-23.466667l-210.773333-30.549333 152.874667-149.418667a42.666667 42.666667 0 0 0 12.8-32.725333l-0.64-5.205333-36.138667-205.44 186.112 99.157333a42.666667 42.666667 0 0 0 35.328 2.176l4.821333-2.176 186.24-99.285333-35.84 205.653333a42.666667 42.666667 0 0 0 8.618667 33.92l3.541333 3.84 152.618667 149.546667-209.322667 30.549333a42.666667 42.666667 0 0 0-29.44 18.730667l-2.602666 4.522666-93.696 188.672z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_product" unicode="&#59050;" d="M531.072 848.810667l426.666667-213.333334 0.981333-0.469333c1.066667-0.597333 2.133333-1.194667 3.157333-1.877333l-4.138666 2.346666a42.709333 42.709333 0 0 0 8.234666-5.333333l1.024-0.896a37.802667 37.802667 0 0 0 6.954667-7.893333 38.485333 38.485333 0 0 0 2.858667-4.949334l0.64-1.28a42.666667 42.666667 0 0 0 1.28-3.029333l-1.92 4.309333a42.965333 42.965333 0 0 0 4.522666-18.730666V170.666667a42.666667 42.666667 0 0 0-23.594666-38.144l-426.666667-213.333334a41.130667 41.130667 0 0 0-4.864-2.133333l4.864 2.133333A42.666667 42.666667 0 0 0 512-85.333333l-2.133333 0.042666a42.666667 42.666667 0 0 0-1.237334 0.085334L512-85.333333a42.922667 42.922667 0 0 0-12.629333 1.877333l-1.493334 0.512a40.32 40.32 0 0 0-4.992 2.133333l-426.666666 213.333334A42.666667 42.666667 0 0 0 42.666667 170.666667V597.674667a42.368 42.368 0 0 0 4.522666 18.773333l0.384 0.725333 0.64 1.237334-1.024-2.005334c0.896 1.877333 1.962667 3.626667 3.114667 5.290667l0.512 0.725333a40.704 40.704 0 0 0 2.602667 3.285334l0.853333 0.853333a38.997333 38.997333 0 0 0 2.645333 2.602667l1.152 0.981333a38.954667 38.954667 0 0 0 7.594667 5.077333l0.597333 0.256 426.666667 213.333334a42.666667 42.666667 0 0 0 38.144 0zM128 528.298667v-331.264l341.333333-170.624v331.221333l-341.333333 170.666667z m768 0l-341.333333-170.666667v-331.221333l341.333333 170.666666V528.298667z m-170.666667 128L394.069333 490.666667 512 431.701333 843.264 597.333333 725.333333 656.298667z m-213.333333 106.666666L180.778667 597.333333 298.666667 538.368 629.930667 704 512 762.965333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_customer" unicode="&#59051;" d="M405.333333 810.666667a192 192 0 1 0 0-384 192 192 0 0 0 0 384z m0-85.333334a106.666667 106.666667 0 1 1 0-213.333333 106.666667 106.666667 0 0 1 0 213.333333z m253.738667 43.349334a42.666667 42.666667 0 0 0 58.581333 14.506666A191.872 191.872 0 0 0 810.666667 618.666667a191.872 191.872 0 0 0-93.013334-164.565334 42.666667 42.666667 0 0 0-44.032 73.130667A106.581333 106.581333 0 0 1 725.333333 618.666667c0 37.888-19.84 72.234667-51.712 91.434666a42.666667 42.666667 0 0 0-14.506666 58.581334zM452.266667 341.333333c128.042667 0 158.506667-2.474667 199.253333-23.253333a213.333333 213.333333 0 0 0 93.226667-93.226667c20.778667-40.746667 23.253333-71.210667 23.253333-199.253333v-25.6a42.666667 42.666667 0 0 0-42.666667-42.666667H85.333333a42.666667 42.666667 0 0 0-42.666666 42.666667v25.6c0 128.042667 2.474667 158.506667 23.253333 199.253333a213.333333 213.333333 0 0 0 93.226667 93.226667C199.893333 338.858667 230.4 341.333333 358.4 341.333333h93.866667z m22.485333-85.333333H335.914667c-92.16-0.341333-116.522667-2.986667-138.026667-13.952a128 128 0 0 1-55.936-55.936c-10.965333-21.504-13.610667-45.866667-13.909333-138.026667L128 42.666667h554.624v5.418666c-0.298667 88.618667-2.773333 114.56-12.672 135.509334l-1.237333 2.517333a128 128 0 0 1-55.936 55.936c-21.504 10.965333-45.866667 13.610667-138.026667 13.909333z m332.714667 43.434667a42.666667 42.666667 0 0 0 57.386666 18.645333 213.333333 213.333333 0 0 0 93.226667-93.226667c20.778667-40.746667 23.253333-71.210667 23.253333-199.253333v-25.6a42.666667 42.666667 0 0 0-85.333333 0v25.6c0 110.933333-2.133333 137.386667-13.952 160.512a128 128 0 0 1-55.936 55.893333 42.666667 42.666667 0 0 0-18.645333 57.429334z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_home" unicode="&#59052;" d="M530.474667 801.28l333.141333-266.496a42.666667 42.666667 0 0 0 16-33.28V-31.573333a42.666667 42.666667 0 0 0-37.674667-42.368l-4.992-0.298667H170.666667a42.666667 42.666667 0 0 0-42.666667 42.666667V501.461333a42.666667 42.666667 0 0 0 16 33.322667l333.184 266.538667a42.666667 42.666667 0 0 0 53.290667 0z m-26.666667-87.893333L213.333333 481.024v-469.888l136.746667 0.042667v245.973333a42.666667 42.666667 0 0 0 42.666667 42.666667h222.122666a42.666667 42.666667 0 0 0 42.666667-42.666667l-0.042667-245.973333 136.789334-0.042667V480.981333L503.808 713.386667z m68.352-498.901334h-136.746667v-203.306666h136.746667v203.306666z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_collect" unicode="&#59053;" d="M550.186667 829.653333l122.154666-246.186666 272.469334-39.722667a42.666667 42.666667 0 0 0 27.050666-69.077333l-3.328-3.626667-198.229333-194.048 47.104-269.653333a42.666667 42.666667 0 0 0-58.026667-46.933334l-4.096 1.962667L512 92.032l-243.242667-129.706667a42.666667 42.666667 0 0 0-62.677333 40.533334l0.554667 4.522666 47.402666 269.610667-198.485333 194.005333a42.666667 42.666667 0 0 0 18.858667 71.765334l4.821333 0.981333 273.92 39.722667 120.533333 245.973333a42.666667 42.666667 0 0 0 76.544 0.213333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_search-outline_outlined" unicode="&#59074;" d="M702.848 132.821333A403.626667 403.626667 0 0 0 448 42.666667a405.333333 405.333333 0 1 0 405.333333 405.333333 403.626667 403.626667 0 0 0-90.154666-254.848l175.914666-175.914667a21.333333 21.333333 0 0 0 0-30.165333l-30.165333-30.165333a21.333333 21.333333 0 0 0-30.165333 0l-175.914667 175.914666zM768 448a320 320 0 1 1-640 0 320 320 0 0 1 640 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon-alarmclock" unicode="&#59080;" d="M426.666667 778.24V810.666667a21.333333 21.333333 0 0 0 21.333333 21.333333h128a21.333333 21.333333 0 0 0 21.333333-21.333333v-32.426667c147.2-39.125333 256-177.066667 256-341.248V192h64a21.333333 21.333333 0 0 0 21.333334-21.333333v-42.666667a21.333333 21.333333 0 0 0-21.333334-21.333333h-810.666666A21.333333 21.333333 0 0 0 85.333333 128v42.666667a21.333333 21.333333 0 0 0 21.333334 21.333333H170.666667v244.992C170.666667 601.173333 279.466667 739.114667 426.666667 778.24zM256 192h512v244.906667c0 147.498667-114.602667 267.093333-256 267.093333s-256-119.594667-256-267.093333v-244.906667zM405.333333 42.666667h213.333334a21.333333 21.333333 0 0 0 21.333333-21.333334v-42.666666a21.333333 21.333333 0 0 0-21.333333-21.333334h-213.333334a21.333333 21.333333 0 0 0-21.333333 21.333334v42.666666a21.333333 21.333333 0 0 0 21.333333 21.333334z"  horiz-adv-x="1024" />
+      
+    </font>
+  </defs>
+</svg>
diff --git a/frontend/packages/mobile/src/assets/icon-font/iconfont.ttf b/frontend/packages/mobile/src/assets/icon-font/iconfont.ttf
new file mode 100644
index 0000000..ac1fbbb
Binary files /dev/null and b/frontend/packages/mobile/src/assets/icon-font/iconfont.ttf differ
diff --git a/frontend/packages/mobile/src/assets/icon-font/iconfont.woff2 b/frontend/packages/mobile/src/assets/icon-font/iconfont.woff2
new file mode 100644
index 0000000..b261dc1
Binary files /dev/null and b/frontend/packages/mobile/src/assets/icon-font/iconfont.woff2 differ
diff --git a/frontend/packages/mobile/src/assets/style/global.less b/frontend/packages/mobile/src/assets/style/global.less
new file mode 100644
index 0000000..8dc71e1
--- /dev/null
+++ b/frontend/packages/mobile/src/assets/style/global.less
@@ -0,0 +1,68 @@
+@import url('./var.less');
+html,
+body {
+  padding-bottom: env(safe-area-inset-bottom);
+  /* stylelint-disable-next-line function-no-unknown */
+  padding-bottom: constant(safe-area-inset-bottom);
+  height: 100vh;
+  #app {
+    height: 100%;
+  }
+}
+
+/* 修改进度条的背景颜色 */
+#nprogress {
+  .bar {
+    background: var(--primary-8) !important;
+  }
+}
+
+/* 单行文本缩略 */
+.one-line-text {
+  @apply overflow-hidden overflow-ellipsis whitespace-nowrap;
+}
+.top-bar {
+  @apply flex items-center;
+
+  gap: 12px;
+  padding: 8px 16px;
+  background-color: var(--text-n10);
+  .half-px-border-bottom();
+}
+.crm-form {
+  .van-cell-group {
+    margin: 0;
+    .van-cell {
+      position: relative;
+      &:last-child::before {
+        position: absolute;
+        box-sizing: border-box;
+        content: ' ';
+        pointer-events: none;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        border-bottom: 1px solid var(--van-cell-border-color);
+        transform: scaleY(0.5);
+      }
+    }
+  }
+}
+// 设置列表下label溢出省略
+.van-list {
+  .van-radio {
+    .van-radio__label {
+      .one-line-text();
+    }
+  }
+  .van-checkbox {
+    .van-checkbox__label {
+      .one-line-text();
+    }
+  }
+}
+
+// search (在search组件上写class，会影响到van-search__field的padding-right，导致清除按钮样式异常)
+.crm-search.van-search {
+  @apply flex-1 !p-0;
+}
diff --git a/frontend/packages/mobile/src/assets/style/index.less b/frontend/packages/mobile/src/assets/style/index.less
new file mode 100644
index 0000000..173d7ee
--- /dev/null
+++ b/frontend/packages/mobile/src/assets/style/index.less
@@ -0,0 +1,5 @@
+@import url('@lib/shared/assets/style/themeVariables.less');
+@import url('./global.less');
+@import url('./tailwind.less');
+@import url('./var.less');
+@import url('./theme.less');
diff --git a/frontend/packages/mobile/src/assets/style/tailwind.less b/frontend/packages/mobile/src/assets/style/tailwind.less
new file mode 100644
index 0000000..20a5e14
--- /dev/null
+++ b/frontend/packages/mobile/src/assets/style/tailwind.less
@@ -0,0 +1,6 @@
+/* stylelint-disable at-rule-no-unknown */
+
+/* tailWindCss.less */
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/frontend/packages/mobile/src/assets/style/theme.less b/frontend/packages/mobile/src/assets/style/theme.less
new file mode 100644
index 0000000..2137cbd
--- /dev/null
+++ b/frontend/packages/mobile/src/assets/style/theme.less
@@ -0,0 +1,18 @@
+:root:root {
+  // Component Colors
+  --van-primary-color: @primary-color;
+  --van-success-color: var(--success-green);
+  --van-danger-color: var(--error-red);
+  --van-warning-color: var(--warning-yellow);
+  --van-text-color: var(--text-n1);
+  --van-text-color-2: var(--text-n2);
+  --van-text-color-3: var(--text-n4);
+  --van-tabbar-height: 40px;
+  --van-radius-sm: @border-radius-mini;
+  --van-radius-md: @border-radius-small;
+  --van-radius-lg: @border-radius-medium;
+  --van-tag-radius: @border-radius-mini;
+}
+.van-dialog__message {
+  @apply text-left;
+}
diff --git a/frontend/packages/mobile/src/assets/style/var.less b/frontend/packages/mobile/src/assets/style/var.less
new file mode 100644
index 0000000..c0b6354
--- /dev/null
+++ b/frontend/packages/mobile/src/assets/style/var.less
@@ -0,0 +1,81 @@
+/** 圆角 **/
+@border-radius-mini: 3px;
+@border-radius-small: 6px;
+@border-radius-medium: 9px;
+@border-radius-large: 12px;
+
+@color-white: #fff;
+@color-text-5: #aeaeb2;
+
+/** 投影 **/
+@box-base-shadow: 0 4px 10px -1px rgba(100 103 103 / 15%);
+@box-middle-shadow: 0 4px 15px 2px rgba(100 103 103 / 10%);
+@box-large-shadow: 0 6px 35px 6px rgba(100 103 103 / 10%);
+
+/** 滚动条 **/
+.crm-scroll-bar() {
+  &::-webkit-scrollbar {
+    @apply bg-transparent;
+
+    width: 6px;
+    height: 6px;
+  }
+  &::-webkit-scrollbar-thumb {
+    @apply hidden;
+
+    border-radius: var(--border-radius-medium);
+    background-color: var(--color-text-input-border);
+  }
+  &::-webkit-scrollbar-track {
+    @apply bg-transparent;
+  }
+  &:hover {
+    &::-webkit-scrollbar-thumb {
+      @apply block;
+    }
+  }
+}
+
+/** 0.5px边框 **/
+.half-px-border-top() {
+  position: relative;
+  &::before {
+    position: absolute;
+    top: -50%;
+    right: -50%;
+    bottom: -50%;
+    left: -50%;
+    border-top: solid 1px var(--van-border-color);
+    content: '';
+    transform: scale(0.5);
+    box-sizing: border-box;
+    pointer-events: none;
+  }
+}
+.half-px-border-bottom() {
+  position: relative;
+  &::after {
+    position: absolute;
+    top: -50%;
+    right: -50%;
+    bottom: -50%;
+    left: -50%;
+    border-bottom: solid 1px var(--van-border-color);
+    content: '';
+    transform: scale(0.5);
+    box-sizing: border-box;
+    pointer-events: none;
+  }
+}
+
+/** 按钮 **/
+.crm-button-primary--secondary {
+  border: none !important;
+  color: var(--primary-8) !important;
+  background-color: var(--primary-7) !important;
+}
+
+// 溢出省略
+.one-line-text() {
+  @apply overflow-hidden overflow-ellipsis whitespace-nowrap;
+}
diff --git a/frontend/packages/mobile/src/assets/svg/bot.svg b/frontend/packages/mobile/src/assets/svg/bot.svg
new file mode 100644
index 0000000..e78f664
--- /dev/null
+++ b/frontend/packages/mobile/src/assets/svg/bot.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.16683 1.33334C8.90321 1.33334 9.50016 1.9303 9.50016 2.66668C9.50016 3.1599 9.23235 3.59058 8.83421 3.82122L8.8335 5.33334H12.5002C13.2365 5.33334 13.8335 5.9303 13.8335 6.66668V13.3333C13.8335 14.0697 13.2365 14.6667 12.5002 14.6667H3.8335C3.09712 14.6667 2.50016 14.0697 2.50016 13.3333V6.66668C2.50016 5.9303 3.09712 5.33334 3.8335 5.33334H7.50016L7.50011 3.82161C7.10161 3.59106 6.8335 3.16018 6.8335 2.66668C6.8335 1.9303 7.43045 1.33334 8.16683 1.33334ZM12.5002 6.66668H3.8335V13.3333H12.5002V6.66668ZM1.50016 8.00001C1.86835 8.00001 2.16683 8.29849 2.16683 8.66668V11.3333C2.16683 11.7015 1.86835 12 1.50016 12C1.13197 12 0.833496 11.7015 0.833496 11.3333V8.66668C0.833496 8.29849 1.13197 8.00001 1.50016 8.00001ZM14.8335 8.00001C15.2017 8.00001 15.5002 8.29849 15.5002 8.66668V11.3333C15.5002 11.7015 15.2017 12 14.8335 12C14.4653 12 14.1668 11.7015 14.1668 11.3333V8.66668C14.1668 8.29849 14.4653 8.00001 14.8335 8.00001ZM9.50016 10.6667L9.57791 10.6712C9.90948 10.7097 10.1668 10.9914 10.1668 11.3333C10.1668 11.7015 9.86836 12 9.50016 12H6.8335L6.75575 11.9955C6.42418 11.957 6.16683 11.6752 6.16683 11.3333C6.16683 10.9651 6.4653 10.6667 6.8335 10.6667H9.50016ZM5.8335 8.00001C6.20169 8.00001 6.50016 8.29849 6.50016 8.66668C6.50016 9.03487 6.20169 9.33334 5.8335 9.33334C5.46531 9.33334 5.16683 9.03487 5.16683 8.66668C5.16683 8.29849 5.46531 8.00001 5.8335 8.00001ZM10.5002 8.00001C10.8684 8.00001 11.1668 8.29849 11.1668 8.66668C11.1668 9.03487 10.8684 9.33334 10.5002 9.33334C10.132 9.33334 9.8335 9.03487 9.8335 8.66668C9.8335 8.29849 10.132 8.00001 10.5002 8.00001Z" fill="url(#paint0_linear_9255_6921)"/>
+<defs>
+<linearGradient id="paint0_linear_9255_6921" x1="8.16683" y1="1.33334" x2="8.16683" y2="14.6667" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00C261"/>
+<stop offset="1" stop-color="#3370FF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/frontend/packages/mobile/src/assets/svg/newClue.svg b/frontend/packages/mobile/src/assets/svg/newClue.svg
new file mode 100644
index 0000000..ab92c2a
--- /dev/null
+++ b/frontend/packages/mobile/src/assets/svg/newClue.svg
@@ -0,0 +1,38 @@
+<svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="9.5" cy="9.5" r="8.5" fill="#FFA200"/>
+<g filter="url(#filter0_i_4792_17467)">
+<circle cx="18.5" cy="18.5" r="10.5" fill="#FFFCF6"/>
+</g>
+<g filter="url(#filter1_f_4792_17467)">
+<circle cx="17" cy="17" r="8" fill="#FFA200"/>
+</g>
+<g filter="url(#filter2_d_4792_17467)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20 14.75C20 13.5074 21.0074 12.5 22.25 12.5C23.4926 12.5 24.5 13.5074 24.5 14.75C24.5 15.6334 23.9909 16.3979 23.25 16.7661V20.876C23.25 22.3252 22.0752 23.5 20.626 23.5C19.1769 23.5 18.0021 22.3252 18.0021 20.876V15.126C18.0021 14.7803 17.7218 14.5 17.376 14.5C17.0303 14.5 16.75 14.7803 16.75 15.126V19.2339C17.4909 19.6021 18 20.3666 18 21.25C18 22.4926 16.9926 23.5 15.75 23.5C14.5074 23.5 13.5 22.4926 13.5 21.25C13.5 20.3666 14.0091 19.6021 14.75 19.2339V15.126C14.75 13.6757 15.9257 12.5 17.376 12.5C18.8264 12.5 20.0021 13.6757 20.0021 15.126V20.876C20.0021 21.2206 20.2814 21.5 20.626 21.5C20.9706 21.5 21.25 21.2206 21.25 20.876V16.7661C20.5091 16.3979 20 15.6334 20 14.75ZM15.75 21C15.6119 21 15.5 21.1119 15.5 21.25C15.5 21.3881 15.6119 21.5 15.75 21.5C15.8881 21.5 16 21.3881 16 21.25C16 21.1119 15.8881 21 15.75 21ZM22.25 15C22.3881 15 22.5 14.8881 22.5 14.75C22.5 14.6119 22.3881 14.5 22.25 14.5C22.1119 14.5 22 14.6119 22 14.75C22 14.8881 22.1119 15 22.25 15Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_i_4792_17467" x="8" y="8" width="21" height="22" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.756863 0 0 0 0 0.305882 0 0 0 0.1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_4792_17467"/>
+</filter>
+<filter id="filter1_f_4792_17467" x="1" y="1" width="32" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="4" result="effect1_foregroundBlur_4792_17467"/>
+</filter>
+<filter id="filter2_d_4792_17467" x="13.5" y="12.5" width="11" height="11.1" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.00986111 0 0 0 0 0.0953724 0 0 0 0 0.295833 0 0 0 0.22 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4792_17467"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4792_17467" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/frontend/packages/mobile/src/assets/svg/newContact.svg b/frontend/packages/mobile/src/assets/svg/newContact.svg
new file mode 100644
index 0000000..990cdad
--- /dev/null
+++ b/frontend/packages/mobile/src/assets/svg/newContact.svg
@@ -0,0 +1,39 @@
+<svg width="31" height="30" viewBox="0 0 31 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.85 14.0533C16.35 15.3733 14.4 16.2533 12.15 16.2533C9.89998 16.2533 7.94999 15.3733 6.29999 14.0533C2.54999 15.96 0 18.4533 0 23H24C24 18.4533 21.45 16.1066 17.85 14.0533ZM12 14.4933C15.75 14.4933 18.75 11.4133 18.75 7.74667C18.75 4.08 15.75 1 12 1C8.25 1 5.24999 4.08 5.24999 7.74667C5.24999 11.56 8.39999 14.4933 12 14.4933Z" fill="#3370FF"/>
+<g filter="url(#filter0_i_4792_17445)">
+<circle cx="22" cy="20" r="8" fill="#F2F7FF"/>
+</g>
+<circle cx="22" cy="20" r="8" stroke="white" stroke-width="0.2"/>
+<g filter="url(#filter1_f_4792_17445)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.703 16.1098C15.3024 15.8097 16.7069 15.0592 17.85 14.0533C21.45 16.1066 24 18.4533 24 23H13.7517C13.2688 21.9326 13 20.7477 13 19.5C13 18.2949 13.2508 17.1484 13.703 16.1098ZM15.4269 13.5529C15.9931 13.2164 16.5056 12.7996 16.9493 12.3195C16.395 12.6715 15.8842 13.086 15.4269 13.5529Z" fill="#3370FF"/>
+</g>
+<g filter="url(#filter2_d_4792_17445)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.4307 16.25C23.4307 15.5596 22.8711 15 22.1807 15C21.4904 15 20.9307 15.5596 20.9307 16.25V18.9085H18.25C17.5596 18.9085 17 19.4682 17 20.1585C17 20.8489 17.5596 21.4085 18.25 21.4085H20.9307V24.067C20.9307 24.7573 21.4904 25.317 22.1807 25.317C22.8711 25.317 23.4307 24.7573 23.4307 24.067V21.4085H26.1115C26.8018 21.4085 27.3615 20.8489 27.3615 20.1585C27.3615 19.4682 26.8018 18.9085 26.1115 18.9085H23.4307V16.25Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_i_4792_17445" x="13.9" y="11.9" width="16.2" height="16.2" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="1.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.2 0 0 0 0 0.439216 0 0 0 0 1 0 0 0 0.1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_4792_17445"/>
+</filter>
+<filter id="filter1_f_4792_17445" x="10" y="9.31946" width="17" height="16.6805" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.5" result="effect1_foregroundBlur_4792_17445"/>
+</filter>
+<filter id="filter2_d_4792_17445" x="17" y="15" width="10.3615" height="10.417" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.00986111 0 0 0 0 0.0953724 0 0 0 0 0.295833 0 0 0 0.22 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4792_17445"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4792_17445" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/frontend/packages/mobile/src/assets/svg/newCustomer.svg b/frontend/packages/mobile/src/assets/svg/newCustomer.svg
new file mode 100644
index 0000000..f778d21
--- /dev/null
+++ b/frontend/packages/mobile/src/assets/svg/newCustomer.svg
@@ -0,0 +1,39 @@
+<svg width="31" height="37" viewBox="0 0 31 37" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.0078 4.93111C11.2952 3.86459 12.3934 3.23053 13.4607 3.5149L29.0416 7.66616C30.1089 7.95053 30.7411 9.04565 30.4537 10.1122L24.8324 30.9728C24.5449 32.0393 23.4467 32.6734 22.3794 32.389L6.79855 28.2378C5.73122 27.9534 5.09896 26.8583 5.38636 25.7918L11.0078 4.93111Z" fill="#00C261"/>
+<g filter="url(#filter0_i_230_5569)">
+<rect x="1" y="5.86414" width="21.619" height="24.4281" rx="2" fill="#F2FCF7"/>
+</g>
+<rect x="1" y="5.86414" width="21.619" height="24.4281" rx="2" stroke="white" stroke-width="0.2"/>
+<g filter="url(#filter1_f_230_5569)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.2727 5.8642C11.2604 5.89909 11.2491 5.93447 11.2387 5.97033L5.41364 26.0427C5.10579 27.1036 5.72546 28.1786 6.7977 28.4438L18.2187 31.2694H20.6056C21.7102 31.2694 22.6056 30.374 22.6056 29.2694V7.8642C22.6056 7.39188 22.4419 6.95781 22.1681 6.61563L19.1308 5.8642H11.2727Z" fill="#00C261"/>
+</g>
+<g filter="url(#filter2_d_230_5569)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.0595 13.6812C13.0595 12.9908 12.4999 12.4312 11.8095 12.4312C11.1192 12.4312 10.5595 12.9908 10.5595 13.6812V16.3397H7.87878C7.18843 16.3397 6.62878 16.8993 6.62878 17.5897C6.62878 18.28 7.18843 18.8397 7.87878 18.8397H10.5595V21.4982C10.5595 22.1885 11.1192 22.7482 11.8095 22.7482C12.4999 22.7482 13.0595 22.1885 13.0595 21.4982V18.8397H15.7402C16.4306 18.8397 16.9902 18.28 16.9902 17.5897C16.9902 16.8993 16.4306 16.3397 15.7402 16.3397H13.0595V13.6812Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_i_230_5569" x="0.899994" y="5.76413" width="21.819" height="24.6281" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="1.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.760784 0 0 0 0 0.380392 0 0 0 0.1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_230_5569"/>
+</filter>
+<filter id="filter1_f_230_5569" x="0.334686" y="0.864197" width="27.2709" height="35.4052" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_230_5569"/>
+</filter>
+<filter id="filter2_d_230_5569" x="6.62878" y="12.4312" width="10.3615" height="10.417" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.00986111 0 0 0 0 0.0953724 0 0 0 0 0.295833 0 0 0 0.22 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_230_5569"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_230_5569" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/frontend/packages/mobile/src/assets/svg/newOpportunity.svg b/frontend/packages/mobile/src/assets/svg/newOpportunity.svg
new file mode 100644
index 0000000..14b5f13
--- /dev/null
+++ b/frontend/packages/mobile/src/assets/svg/newOpportunity.svg
@@ -0,0 +1,39 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 3C3.44772 3 3 3.44772 3 4C3 4.55228 3.44772 5 4 5H20C20.5523 5 21 4.55228 21 4C21 3.44772 20.5523 3 20 3H4ZM3 6C1.89544 6 1 6.89541 1 8V21C1 22.1046 1.89544 23 3 23H21C22.1046 23 23 22.1046 23 21V8C23 6.89542 22.1046 6 21 6H3ZM10.2071 9.79289C9.81658 9.40237 9.18342 9.40237 8.79289 9.79289C8.40237 10.1834 8.40237 10.8166 8.79289 11.2071L10.0858 12.5H9C8.44772 12.5 8 12.9477 8 13.5C8 14.0523 8.44772 14.5 9 14.5H11V15.5H9C8.44772 15.5 8 15.9477 8 16.5C8 17.0523 8.44772 17.5 9 17.5H11V18.5C11 19.0523 11.4477 19.5 12 19.5C12.5523 19.5 13 19.0523 13 18.5V17.5H15C15.5523 17.5 16 17.0523 16 16.5C16 15.9477 15.5523 15.5 15 15.5H13V14.5H15C15.5523 14.5 16 14.0523 16 13.5C16 12.9477 15.5523 12.5 15 12.5H13.9142L15.2071 11.2071C15.5976 10.8166 15.5976 10.1834 15.2071 9.79289C14.8166 9.40237 14.1834 9.40237 13.7929 9.79289L12 11.5858L10.2071 9.79289Z" fill="#00A6AB"/>
+<g filter="url(#filter0_i_4792_17498)">
+<circle cx="22" cy="21" r="7" fill="#F2FBFB"/>
+</g>
+<circle cx="22" cy="21" r="7" stroke="white" stroke-width="0.2"/>
+<g filter="url(#filter1_f_4792_17498)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23 14.0709C22.6734 14.0242 22.3395 14 22 14C18.134 14 15 17.134 15 21C15 21.695 15.1013 22.3663 15.2899 23H21C22.1046 23 23 22.1046 23 21V14.0709Z" fill="#00A6AB"/>
+</g>
+<g filter="url(#filter2_d_4792_17498)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.5349 18.25C23.5349 17.5596 22.9752 17 22.2849 17C21.5945 17 21.0349 17.5596 21.0349 18.25V20.0177H19.25C18.5596 20.0177 18 20.5774 18 21.2677C18 21.9581 18.5596 22.5177 19.25 22.5177H21.0349V24.2854C21.0349 24.9758 21.5945 25.5354 22.2849 25.5354C22.9752 25.5354 23.5349 24.9758 23.5349 24.2854V22.5177H25.3198C26.0101 22.5177 26.5698 21.9581 26.5698 21.2677C26.5698 20.5774 26.0101 20.0177 25.3198 20.0177H23.5349V18.25Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_i_4792_17498" x="14.9" y="13.9" width="14.2" height="14.2" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="1.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.2 0 0 0 0 0.439216 0 0 0 0 1 0 0 0 0.1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_4792_17498"/>
+</filter>
+<filter id="filter1_f_4792_17498" x="11" y="10" width="16" height="17" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_4792_17498"/>
+</filter>
+<filter id="filter2_d_4792_17498" x="18" y="17" width="8.56976" height="8.63543" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.00986111 0 0 0 0 0.0953724 0 0 0 0 0.295833 0 0 0 0.22 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4792_17498"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4792_17498" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/frontend/packages/mobile/src/assets/svg/newPlan.svg b/frontend/packages/mobile/src/assets/svg/newPlan.svg
new file mode 100644
index 0000000..672f59d
--- /dev/null
+++ b/frontend/packages/mobile/src/assets/svg/newPlan.svg
@@ -0,0 +1,40 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1 10.3684C1 9.81612 1.44772 9.36841 2 9.36841H22C22.5523 9.36841 23 9.81612 23 10.3684V21.9474C23 23.081 22.081 24 20.9474 24H3.05263C1.919 24 1 23.081 1 21.9474V10.3684ZM3 11.3684V21.9474C3 21.9764 3.02355 22 3.05263 22H20.9474C20.9765 22 21 21.9764 21 21.9474V11.3684H3Z" fill="#9170FD"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.78949 3C8.78949 2.44772 8.34177 2 7.78949 2C7.23721 2 6.78949 2.44772 6.78949 3V3.57892H3.05263C1.91899 3.57892 1 4.49791 1 5.63155V10.3684C1 10.9207 1.44772 11.3684 2 11.3684V21.9474C2 22.5287 2.47128 23 3.05263 23H20.9474C21.5287 23 22 22.5287 22 21.9474V11.3684C22.5523 11.3684 23 10.9207 23 10.3684V5.63155C23 4.49792 22.081 3.57892 20.9474 3.57892H17.2105V3C17.2105 2.44772 16.7628 2 16.2105 2C15.6582 2 15.2105 2.44772 15.2105 3V3.57892H8.78949V3ZM15.2105 7.21053V5.57892H8.78949V7.21053C8.78949 7.76281 8.34177 8.21053 7.78949 8.21053C7.23721 8.21053 6.78949 7.76281 6.78949 7.21053V5.57892H3.05263C3.02356 5.57892 3 5.60248 3 5.63155V9.36839H21V5.63155C21 5.60247 20.9764 5.57892 20.9474 5.57892H17.2105V7.21053C17.2105 7.76281 16.7628 8.21053 16.2105 8.21053C15.6582 8.21053 15.2105 7.76281 15.2105 7.21053ZM17.9703 14.2334C18.3608 13.8429 18.3608 13.2097 17.9703 12.8192C17.5798 12.4287 16.9466 12.4287 16.5561 12.8192L10.9474 18.4279L8.4966 15.9771C8.10607 15.5866 7.47291 15.5866 7.08238 15.9771C6.69186 16.3676 6.69186 17.0008 7.08238 17.3913L10.2403 20.5492C10.6308 20.9397 11.264 20.9397 11.6545 20.5492L17.9703 14.2334Z" fill="#9170FD"/>
+<g filter="url(#filter0_i_4792_17631)">
+<circle cx="22" cy="21" r="7" fill="#F5F2FF"/>
+</g>
+<circle cx="22" cy="21" r="7" stroke="white" stroke-width="0.2"/>
+<g filter="url(#filter1_f_4792_17631)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23 14.0709C22.6734 14.0242 22.3395 14 22 14C18.134 14 15 17.134 15 21C15 21.695 15.1013 22.3663 15.2899 23H21C22.1046 23 23 22.1046 23 21V14.0709Z" fill="#9170FD"/>
+</g>
+<g filter="url(#filter2_d_4792_17631)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.5349 18.25C23.5349 17.5596 22.9752 17 22.2849 17C21.5945 17 21.0349 17.5596 21.0349 18.25V20.0177H19.25C18.5596 20.0177 18 20.5774 18 21.2677C18 21.9581 18.5596 22.5177 19.25 22.5177H21.0349V24.2854C21.0349 24.9758 21.5945 25.5354 22.2849 25.5354C22.9752 25.5354 23.5349 24.9758 23.5349 24.2854V22.5177H25.3198C26.0101 22.5177 26.5698 21.9581 26.5698 21.2677C26.5698 20.5774 26.0101 20.0177 25.3198 20.0177H23.5349V18.25Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_i_4792_17631" x="14.9" y="13.9" width="14.2" height="14.2" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="1.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.705882 0 0 0 0 0.639216 0 0 0 0 0.984314 0 0 0 1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_4792_17631"/>
+</filter>
+<filter id="filter1_f_4792_17631" x="11" y="10" width="16" height="17" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_4792_17631"/>
+</filter>
+<filter id="filter2_d_4792_17631" x="18" y="17" width="8.56976" height="8.63543" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.00986111 0 0 0 0 0.0953724 0 0 0 0 0.295833 0 0 0 0.22 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4792_17631"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4792_17631" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/frontend/packages/mobile/src/assets/svg/newRecord.svg b/frontend/packages/mobile/src/assets/svg/newRecord.svg
new file mode 100644
index 0000000..5420c55
--- /dev/null
+++ b/frontend/packages/mobile/src/assets/svg/newRecord.svg
@@ -0,0 +1,26 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 3C6.89543 3 6 3.89543 6 5V18C6 19.1046 6.89543 20 8 20H22C23.1046 20 24 19.1046 24 18V5C24 3.89543 23.1046 3 22 3H8ZM12 7C12 6.44772 12.4477 6 13 6H17C17.5523 6 18 6.44772 18 7C18 7.55228 17.5523 8 17 8H13C12.4477 8 12 7.55228 12 7ZM12 10C12 9.44772 12.4477 9 13 9H17C17.5523 9 18 9.44772 18 10C18 10.5523 17.5523 11 17 11H13C12.4477 11 12 10.5523 12 10Z" fill="#FE9847"/>
+<path d="M4 13.25H26C26.9665 13.25 27.75 14.0335 27.75 15V26C27.75 26.9665 26.9665 27.75 26 27.75H4C3.0335 27.75 2.25 26.9665 2.25 26V15C2.25 14.0335 3.0335 13.25 4 13.25Z" fill="#FFF5EC" stroke="white" stroke-width="0.5"/>
+<g filter="url(#filter0_f_4792_17570)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 13V22C24 23.1046 23.1046 24 22 24H8C6.89543 24 6 23.1046 6 22V13H24Z" fill="#FE9847"/>
+</g>
+<g filter="url(#filter1_d_4792_17570)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.2748 24.0425C12.303 24.0777 12.3335 24.1117 12.3661 24.1443C12.8543 24.6324 13.6457 24.6324 14.1339 24.1443L20.1443 18.1339C20.6325 17.6457 20.6325 16.8543 20.1443 16.3661C19.6561 15.878 18.8647 15.878 18.3765 16.3661L13.2552 21.4874L11.1339 19.3661C10.6457 18.8779 9.85427 18.8779 9.36612 19.3661C8.87796 19.8542 8.87796 20.6457 9.36612 21.1339L12.2748 24.0425Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_f_4792_17570" x="0" y="7" width="30" height="23" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="3" result="effect1_foregroundBlur_4792_17570"/>
+</filter>
+<filter id="filter1_d_4792_17570" x="9" y="16" width="11.5104" height="8.61041" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.00986111 0 0 0 0 0.0953724 0 0 0 0 0.295833 0 0 0 0.22 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4792_17570"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4792_17570" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/frontend/packages/mobile/src/auto-import.d.ts b/frontend/packages/mobile/src/auto-import.d.ts
new file mode 100644
index 0000000..9b894de
--- /dev/null
+++ b/frontend/packages/mobile/src/auto-import.d.ts
@@ -0,0 +1,70 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+export {}
+declare global {
+  const EffectScope: typeof import('vue')['EffectScope']
+  const computed: typeof import('vue')['computed']
+  const createApp: typeof import('vue')['createApp']
+  const customRef: typeof import('vue')['customRef']
+  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
+  const defineComponent: typeof import('vue')['defineComponent']
+  const effectScope: typeof import('vue')['effectScope']
+  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
+  const getCurrentScope: typeof import('vue')['getCurrentScope']
+  const h: typeof import('vue')['h']
+  const inject: typeof import('vue')['inject']
+  const isProxy: typeof import('vue')['isProxy']
+  const isReactive: typeof import('vue')['isReactive']
+  const isReadonly: typeof import('vue')['isReadonly']
+  const isRef: typeof import('vue')['isRef']
+  const markRaw: typeof import('vue')['markRaw']
+  const nextTick: typeof import('vue')['nextTick']
+  const onActivated: typeof import('vue')['onActivated']
+  const onBeforeMount: typeof import('vue')['onBeforeMount']
+  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
+  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
+  const onDeactivated: typeof import('vue')['onDeactivated']
+  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
+  const onMounted: typeof import('vue')['onMounted']
+  const onRenderTracked: typeof import('vue')['onRenderTracked']
+  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
+  const onScopeDispose: typeof import('vue')['onScopeDispose']
+  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
+  const onUnmounted: typeof import('vue')['onUnmounted']
+  const onUpdated: typeof import('vue')['onUpdated']
+  const onWatcherCleanup: typeof import('vue')['onWatcherCleanup']
+  const provide: typeof import('vue')['provide']
+  const reactive: typeof import('vue')['reactive']
+  const readonly: typeof import('vue')['readonly']
+  const ref: typeof import('vue')['ref']
+  const resolveComponent: typeof import('vue')['resolveComponent']
+  const shallowReactive: typeof import('vue')['shallowReactive']
+  const shallowReadonly: typeof import('vue')['shallowReadonly']
+  const shallowRef: typeof import('vue')['shallowRef']
+  const toRaw: typeof import('vue')['toRaw']
+  const toRef: typeof import('vue')['toRef']
+  const toRefs: typeof import('vue')['toRefs']
+  const toValue: typeof import('vue')['toValue']
+  const triggerRef: typeof import('vue')['triggerRef']
+  const unref: typeof import('vue')['unref']
+  const useAttrs: typeof import('vue')['useAttrs']
+  const useCssModule: typeof import('vue')['useCssModule']
+  const useCssVars: typeof import('vue')['useCssVars']
+  const useId: typeof import('vue')['useId']
+  const useModel: typeof import('vue')['useModel']
+  const useSlots: typeof import('vue')['useSlots']
+  const useTemplateRef: typeof import('vue')['useTemplateRef']
+  const watch: typeof import('vue')['watch']
+  const watchEffect: typeof import('vue')['watchEffect']
+  const watchPostEffect: typeof import('vue')['watchPostEffect']
+  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
+}
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type { Component, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
+  import('vue')
+}
diff --git a/frontend/packages/mobile/src/components/business/crm-action-buttons/index.vue b/frontend/packages/mobile/src/components/business/crm-action-buttons/index.vue
new file mode 100644
index 0000000..3abbe6b
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-action-buttons/index.vue
@@ -0,0 +1,75 @@
+<template>
+  <div v-if="actionList?.length || props.showEditButton" class="flex items-center justify-center gap-[16px]">
+    <van-popover
+      v-if="actionList?.length"
+      v-model:show="showPopover"
+      placement="top"
+      :actions="actionList"
+      @select="handleSelect"
+    >
+      <template #reference>
+        <div class="flex w-[100px] items-center">
+          <CrmTextButton
+            color="var(--text-n1)"
+            icon="iconicon_ellipsis"
+            :text="t('common.more')"
+            icon-size="18px"
+            direction="column"
+            class="flex-1"
+            @click="showPopover = true"
+          />
+        </div>
+      </template>
+    </van-popover>
+
+    <van-button
+      v-if="props.showEditButton"
+      type="primary"
+      :plain="true"
+      class="flex-1 !rounded-[var(--border-radius-small)] !text-[16px]"
+      @click="emit('select', 'edit')"
+    >
+      {{ t('common.edit') }}
+    </van-button>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmTextButton from '@/components/pure/crm-text-button/index.vue';
+
+  import { hasAllPermission, hasAnyPermission } from '@/utils/permission';
+
+  import type { PopoverAction } from 'vant';
+
+  export interface CrmActionButtonsItem extends PopoverAction {
+    permission: string[];
+    key: string;
+    allPermission?: boolean;
+  }
+
+  const props = defineProps<{
+    actions?: CrmActionButtonsItem[]; // 更多操作项
+    showEditButton?: boolean;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'select', actionKey: string): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const actionList = computed(() => {
+    return props.actions?.filter((e) =>
+      e.allPermission ? hasAllPermission(e.permission) : hasAnyPermission(e.permission)
+    );
+  });
+
+  const showPopover = ref(false);
+
+  function handleSelect(action: CrmActionButtonsItem) {
+    showPopover.value = false;
+    emit('select', action.key);
+  }
+</script>
diff --git a/frontend/packages/mobile/src/components/business/crm-avatar/index.vue b/frontend/packages/mobile/src/components/business/crm-avatar/index.vue
new file mode 100644
index 0000000..33f6896
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-avatar/index.vue
@@ -0,0 +1,53 @@
+<template>
+  <van-image
+    round
+    :width="props.size"
+    :height="props.size"
+    :src="props.isWord ? 'no-res' : userStore.userInfo?.avatar || 'no-res'"
+  >
+    <template #error>
+      <div
+        v-if="avatarText?.length"
+        :style="{
+          fontSize: `${fontSize}px`,
+        }"
+      >
+        {{ avatarText?.substring(0, 1) }}
+      </div>
+      <CrmIcon
+        v-else
+        name="iconicon_user"
+        :width="`${defaultUserAvatarSize}px`"
+        :height="`${defaultUserAvatarSize}px`"
+        color="var(--text-n2)"
+      />
+    </template>
+  </van-image>
+</template>
+
+<script setup lang="ts">
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+
+  import useUserStore from '@/store/modules/user';
+
+  const props = withDefaults(
+    defineProps<{
+      isWord?: boolean;
+      size?: number;
+      text?: string;
+    }>(),
+    {
+      isWord: true,
+      size: 40,
+    }
+  );
+
+  const userStore = useUserStore();
+
+  const fontSize = computed(() => Math.floor(props.size * 0.42)); // 比例调节
+  const defaultUserAvatarSize = computed(() => Math.floor(props.size * 0.5)); // 比例调节
+
+  const avatarText = computed(() => (props.isWord ? props.text : userStore.userInfo?.name));
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/mobile/src/components/business/crm-contact-list/detail.vue b/frontend/packages/mobile/src/components/business/crm-contact-list/detail.vue
new file mode 100644
index 0000000..f10ee5b
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-contact-list/detail.vue
@@ -0,0 +1,112 @@
+<template>
+  <CrmPageWrapper :title="route.query.name?.toString() || ''">
+    <div class="relative h-full bg-[var(--text-n9)] pt-[16px]">
+      <CrmDescription :description="descriptions" />
+    </div>
+    <template v-if="route.query.readonly?.toString() === 'N'" #footer>
+      <CrmActionButtons
+        :show-edit-button="hasAllPermission(['CUSTOMER_MANAGEMENT_CONTACT:UPDATE'])"
+        :actions="actions"
+        @select="handleMoreSelect"
+      />
+    </template>
+  </CrmPageWrapper>
+</template>
+
+<script setup lang="ts">
+  import { useRoute, useRouter } from 'vue-router';
+  import { showConfirmDialog, showSuccessToast } from 'vant';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { sleep } from '@lib/shared/method';
+
+  import CrmDescription from '@/components/pure/crm-description/index.vue';
+  import CrmPageWrapper from '@/components/pure/crm-page-wrapper/index.vue';
+
+  import { deleteCustomerContact } from '@/api/modules';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+  import { hasAllPermission } from '@/utils/permission';
+
+  import { CommonRouteEnum } from '@/enums/routeEnum';
+
+  const route = useRoute();
+  const router = useRouter();
+  const { t } = useI18n();
+
+  const { descriptions, initFormConfig, initFormDescription } = useFormCreateApi({
+    formKey: FormDesignKeyEnum.CUSTOMER_CONTACT,
+    sourceId: ref(route.query.id?.toString() || ''),
+    needInitDetail: true,
+  });
+  const loading = ref(false);
+
+  function handleDelete() {
+    showConfirmDialog({
+      title: t('contact.deleteTitle'),
+      message: t('contact.deleteTip'),
+      confirmButtonText: t('common.confirmDelete'),
+      confirmButtonColor: 'var(--error-red)',
+      beforeClose: async (action) => {
+        if (action === 'confirm') {
+          try {
+            loading.value = true;
+            await deleteCustomerContact(route.query.id?.toString() || '');
+            showSuccessToast(t('common.deleteSuccess'));
+            await sleep(300);
+            router.back();
+            return Promise.resolve(true);
+          } catch (error) {
+            // eslint-disable-next-line no-console
+            console.log(error);
+            return Promise.resolve(false);
+          } finally {
+            loading.value = false;
+          }
+        } else {
+          return Promise.resolve(true);
+        }
+      },
+    });
+  }
+
+  const actions = ref([
+    {
+      key: 'delete',
+      text: t('common.delete'),
+      color: 'var(--error-red)',
+      permission: ['CUSTOMER_MANAGEMENT_CONTACT:DELETE'],
+    },
+  ]);
+
+  function handleEdit(id: string) {
+    router.push({
+      name: CommonRouteEnum.FORM_CREATE,
+      query: {
+        id,
+        formKey: id ? FormDesignKeyEnum.CUSTOMER_CONTACT : FormDesignKeyEnum.CONTACT,
+        needInitDetail: 'Y',
+      },
+    });
+  }
+
+  function handleMoreSelect(key: string) {
+    switch (key) {
+      case 'edit':
+        handleEdit(route.query.id?.toString() || '');
+        break;
+      case 'delete':
+        handleDelete();
+        break;
+      default:
+        break;
+    }
+  }
+
+  onBeforeMount(async () => {
+    await initFormConfig();
+    initFormDescription();
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/mobile/src/components/business/crm-contact-list/index.vue b/frontend/packages/mobile/src/components/business/crm-contact-list/index.vue
new file mode 100644
index 0000000..11228fd
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-contact-list/index.vue
@@ -0,0 +1,282 @@
+<template>
+  <div class="flex h-full flex-col overflow-hidden bg-[var(--text-n9)]">
+    <div class="top-bar">
+      <van-button
+        v-if="hasAnyPermission(['CUSTOMER_MANAGEMENT_CONTACT:ADD']) && !props.readonly"
+        plain
+        icon="plus"
+        type="primary"
+        size="small"
+        @click="goCreate"
+      >
+      </van-button>
+      <van-search
+        v-model="keyword"
+        shape="round"
+        :placeholder="t('customer.searchContactPlaceholder')"
+        class="crm-search"
+        @search="searchList"
+        @clear="searchList"
+      />
+    </div>
+    <div v-if="!props.sourceId" class="filter-buttons">
+      <van-button
+        v-for="item of tabList"
+        :key="item.name"
+        round
+        size="small"
+        class="!border-none !px-[16px] !py-[4px] !text-[14px]"
+        :class="
+          activeFilter === item.name
+            ? '!bg-[var(--primary-7)] !text-[var(--primary-8)]'
+            : '!bg-[var(--text-n9)] !text-[var(--text-n1)]'
+        "
+        @click="activeFilter = item.name"
+      >
+        {{ item.tab }}
+      </van-button>
+    </div>
+    <CrmList
+      ref="crmListRef"
+      :list-params="listParams"
+      :keyword="keyword"
+      :load-list-api="loadApiMap[props.formKey]"
+      class="p-[16px]"
+      :item-gap="16"
+      :close-init-load="!!props.sourceId ? false : !activeFilter"
+      :transform="transformFormData"
+      :no-page-nation="!!props.sourceId"
+    >
+      <template #item="{ item }">
+        <div
+          class="flex w-full items-center gap-[16px] overflow-hidden rounded-[var(--border-radius-small)] bg-[var(--text-n10)] p-[16px]"
+          @click="goDetail(item)"
+        >
+          <CrmAvatar :text="item.name" />
+          <div class="flex flex-1 flex-col gap-[2px] overflow-hidden">
+            <div class="flex items-center justify-between">
+              <div class="flex items-center gap-[8px] overflow-hidden">
+                <div class="one-line-text text-[16px] text-[var(--text-n1)]">{{ item.name }}</div>
+                <van-tag
+                  color="var(--success-5)"
+                  text-color="var(--success-green)"
+                  class="min-w-[36px] rounded-[var(--border-radius-small)] !p-[2px_6px]"
+                >
+                  {{ t('common.normal') }}
+                </van-tag>
+              </div>
+              <CrmTextButton
+                v-if="hasAnyPermission(['CUSTOMER_MANAGEMENT_CONTACT:DELETE']) && !props.readonly"
+                icon="iconicon_delete"
+                icon-size="16px"
+                color="var(--error-red)"
+                @click="() => handleDelete(item.id)"
+              />
+            </div>
+            <div class="flex items-center justify-between">
+              <div class="flex items-center gap-[4px]">
+                <a :href="`tel:${item.phone}`" class="flex items-center" @click.stop>
+                  <CrmIcon name="iconicon_phone_outgoing" width="14px" height="14px" color="var(--primary-8)" />
+                </a>
+                <a :href="`tel:${item.phone}`" class="text-[12px] text-[var(--primary-8)]" @click.stop>
+                  {{ item.phone?.replace(/(\d{3})(\d{4})(\d{4})/, '$1 $2 $3') }}
+                </a>
+                <CrmIcon
+                  name="iconicon_file_copy"
+                  width="12px"
+                  height="12px"
+                  color="var(--primary-8)"
+                  @click.stop="() => handleCopy(item.phone)"
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+      </template>
+    </CrmList>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { useRouter } from 'vue-router';
+  import { useClipboard } from '@vueuse/core';
+  import { showConfirmDialog, showFailToast, showSuccessToast } from 'vant';
+
+  import { CustomerSearchTypeEnum } from '@lib/shared/enums/customerEnum';
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { sleep } from '@lib/shared/method';
+  import { CommonList } from '@lib/shared/models/common';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmList from '@/components/pure/crm-list/index.vue';
+  import CrmTextButton from '@/components/pure/crm-text-button/index.vue';
+  import CrmAvatar from '@/components/business/crm-avatar/index.vue';
+
+  import {
+    deleteCustomerContact,
+    getContactListUnderCustomer,
+    getCustomerContactList,
+    getOpportunityContactList,
+  } from '@/api/modules';
+  import useFormCreateTransform from '@/hooks/useFormCreateTransform';
+  import useHiddenTab from '@/hooks/useHiddenTab';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  import { CommonRouteEnum } from '@/enums/routeEnum';
+
+  export type ContactFormKey =
+    | FormDesignKeyEnum.CUSTOMER_CONTACT
+    | FormDesignKeyEnum.CONTACT
+    | FormDesignKeyEnum.BUSINESS_CONTACT;
+
+  const props = defineProps<{
+    sourceId?: string;
+    customerName?: string;
+    formKey: ContactFormKey;
+    readonly?: boolean;
+  }>();
+
+  const { t } = useI18n();
+  const router = useRouter();
+  const { copy, isSupported } = useClipboard({ legacy: true });
+
+  const loadApiMap: Record<
+    ContactFormKey,
+    (...args: any) => Promise<CommonList<Record<string, any>> | Record<string, any>>
+  > = {
+    [FormDesignKeyEnum.CUSTOMER_CONTACT]: getContactListUnderCustomer,
+    [FormDesignKeyEnum.CONTACT]: getCustomerContactList,
+    [FormDesignKeyEnum.BUSINESS_CONTACT]: getOpportunityContactList,
+  };
+
+  const { transformFormData } = await useFormCreateTransform(
+    props.sourceId ? FormDesignKeyEnum.CUSTOMER_CONTACT : FormDesignKeyEnum.CONTACT
+  );
+
+  const filterButtons = [
+    {
+      name: CustomerSearchTypeEnum.ALL,
+      tab: t('contact.all'),
+    },
+    {
+      name: CustomerSearchTypeEnum.SELF,
+      tab: t('contact.mine'),
+    },
+    {
+      name: CustomerSearchTypeEnum.DEPARTMENT,
+      tab: t('contact.department'),
+    },
+  ];
+
+  const { tabList, activeFilter } = useHiddenTab(
+    filterButtons,
+    !props.sourceId ? FormDesignKeyEnum.CONTACT : undefined
+  );
+
+  const crmListRef = ref<InstanceType<typeof CrmList>>();
+  const keyword = ref('');
+  const listParams = computed(() => {
+    return {
+      viewId: activeFilter.value,
+      keyword: keyword.value.trim(),
+      id: props.sourceId,
+    };
+  });
+
+  function handleCopy(val: string) {
+    if (isSupported) {
+      copy(val);
+      showSuccessToast(t('common.copySuccess'));
+    } else {
+      showFailToast(t('common.copyNotSupport'));
+    }
+  }
+
+  function handleDelete(id: string) {
+    showConfirmDialog({
+      title: t('contact.deleteTitle'),
+      message: t('contact.deleteTip'),
+      confirmButtonText: t('common.confirmDelete'),
+      confirmButtonColor: 'var(--error-red)',
+      beforeClose: async (action) => {
+        if (action === 'confirm') {
+          try {
+            await deleteCustomerContact(id);
+            showSuccessToast(t('common.deleteSuccess'));
+            await sleep(300);
+            crmListRef.value?.loadList(true);
+            return Promise.resolve(true);
+          } catch (error) {
+            // eslint-disable-next-line no-console
+            console.log(error);
+            return Promise.resolve(false);
+          }
+        } else {
+          return Promise.resolve(true);
+        }
+      },
+    });
+  }
+
+  function goCreate() {
+    router.push({
+      name: CommonRouteEnum.FORM_CREATE,
+      query: {
+        id: props.sourceId,
+        formKey: props.sourceId ? FormDesignKeyEnum.CUSTOMER_CONTACT : FormDesignKeyEnum.CONTACT,
+        initialSourceName: props.customerName,
+      },
+    });
+  }
+
+  function goDetail(item: any) {
+    router.push({
+      name: CommonRouteEnum.CONTACT_DETAIL,
+      query: {
+        id: item.id,
+        name: item.name,
+        needInitDetail: 'Y',
+        readonly: props.readonly !== false ? 'Y' : 'N',
+      },
+    });
+  }
+
+  function loadList() {
+    crmListRef.value?.loadList(true);
+  }
+
+  function searchList() {
+    nextTick(() => {
+      if (props.sourceId) {
+        crmListRef.value?.filterListByKeyword(['name', 'phone']);
+      } else {
+        loadList();
+      }
+    });
+  }
+
+  onActivated(() => {
+    loadList();
+  });
+
+  watch(
+    () => activeFilter.value,
+    () => {
+      nextTick(() => {
+        crmListRef.value?.loadList(true);
+      });
+    }
+  );
+</script>
+
+<style lang="less" scoped>
+  .filter-buttons {
+    @apply flex;
+
+    gap: 8px;
+    padding: 8px 4px;
+    background-color: var(--text-n10);
+    .half-px-border-bottom();
+  }
+</style>
diff --git a/frontend/packages/mobile/src/components/business/crm-contact-list/locale/en-US.ts b/frontend/packages/mobile/src/components/business/crm-contact-list/locale/en-US.ts
new file mode 100644
index 0000000..ccb0ec6
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-contact-list/locale/en-US.ts
@@ -0,0 +1,7 @@
+export default {
+  'contact.deleteTitle': 'Delete this contact?',
+  'contact.deleteTip': 'Once deleted, this contact will not be recoverable. Please proceed with caution!',
+  'contact.all': 'All contacts',
+  'contact.mine': 'My contacts',
+  'contact.department': 'Department contacts',
+};
diff --git a/frontend/packages/mobile/src/components/business/crm-contact-list/locale/zh-CN.ts b/frontend/packages/mobile/src/components/business/crm-contact-list/locale/zh-CN.ts
new file mode 100644
index 0000000..65153c7
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-contact-list/locale/zh-CN.ts
@@ -0,0 +1,7 @@
+export default {
+  'contact.deleteTitle': '确认删除联系人吗？',
+  'contact.deleteTip': '删除后，将无法查询到该联系人且不可恢复，请谨慎操作！',
+  'contact.all': '全部联系人',
+  'contact.mine': '我的联系人',
+  'contact.department': '部门联系人',
+};
diff --git a/frontend/packages/mobile/src/components/business/crm-datasource/index.vue b/frontend/packages/mobile/src/components/business/crm-datasource/index.vue
new file mode 100644
index 0000000..c5b02f8
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-datasource/index.vue
@@ -0,0 +1,249 @@
+<template>
+  <van-field
+    v-model="fieldValue"
+    :label="props.label"
+    :name="props.id"
+    :rules="props.rules"
+    is-link
+    readonly
+    :placeholder="props.placeholder || t('common.pleaseSelect')"
+    :disabled="props.disabled"
+    :class="props.class"
+    type="textarea"
+    rows="1"
+    autosize
+    @click="handleClick"
+    @update:model-value="($event) => emit('change', $event)"
+  >
+  </van-field>
+  <van-popup
+    v-model:show="showPicker"
+    destroy-on-close
+    round
+    position="bottom"
+    safe-area-inset-top
+    safe-area-inset-bottom
+    class="h-[100vh]"
+  >
+    <CrmPageWrapper
+      :title="
+        t('datasource.pickResource', {
+          name: props.dataSourceType ? t(typeLocaleMap[props.dataSourceType]) : '',
+        })
+      "
+      hide-back
+    >
+      <div class="flex h-full flex-col overflow-hidden">
+        <van-search
+          v-model="keyword"
+          class="crm-datasource-search"
+          shape="round"
+          :placeholder="
+            t('datasource.searchPlaceholder', {
+              name: props.dataSourceType ? t(typeLocaleMap[props.dataSourceType]) : '',
+            })
+          "
+          @search="search"
+        />
+        <div class="flex-1 overflow-hidden px-[16px]">
+          <CrmSelectList
+            v-if="props.dataSourceType"
+            ref="crmSelectListRef"
+            v-model:value="pickerValue"
+            v-model:selected-rows="pickerSelectedRows"
+            :multiple="props.multiple"
+            :keyword="keyword"
+            :list-params="props.listParams"
+            :load-list-api="sourceApi[props.dataSourceType]"
+            :transform="selectListTransform"
+            :no-page-nation="props.noPageNation"
+          ></CrmSelectList>
+        </div>
+      </div>
+      <template #footer>
+        <div class="flex items-center gap-[16px]">
+          <van-button
+            type="default"
+            class="crm-button-primary--secondary !rounded-[var(--border-radius-small)] !text-[16px]"
+            block
+            @click="onCancel"
+          >
+            {{ t('common.cancel') }}
+          </van-button>
+          <van-button
+            type="primary"
+            class="!rounded-[var(--border-radius-small)] !text-[16px]"
+            block
+            :disabled="!pickerSelectedRows.length"
+            @click="onConfirm"
+          >
+            {{ t('common.confirm') }}
+          </van-button>
+        </div>
+      </template>
+    </CrmPageWrapper>
+  </van-popup>
+</template>
+
+<script setup lang="ts">
+  import { FieldRule } from 'vant';
+
+  import { FieldDataSourceTypeEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { CommonList } from '@lib/shared/models/common';
+
+  import CrmPageWrapper from '@/components/pure/crm-page-wrapper/index.vue';
+  import CrmSelectList from '@/components/business/crm-select-list/index.vue';
+
+  import {
+    getBusinessTitleList,
+    getCustomerOptions,
+    getFieldClueList,
+    getFieldContactList,
+    getFieldContractList,
+    getFieldContractPaymentPlanList,
+    getFieldContractPaymentRecordList,
+    getFieldCustomerList,
+    getFieldInvoiceList,
+    getFieldOpportunityList,
+    getFieldOrderList,
+    getFieldPriceList,
+    getFieldProductList,
+    getFieldQuotationList,
+    getUserOptions,
+  } from '@/api/modules';
+
+  const props = defineProps<{
+    dataSourceType?: FieldDataSourceTypeEnum;
+    placeholder?: string;
+    disabled?: boolean;
+    rules?: FieldRule[];
+    id?: string;
+    label?: string;
+    multiple?: boolean;
+    noPageNation?: boolean;
+    disabledSelection?: (item: Record<string, any>) => boolean;
+    class?: string;
+    listParams?: Record<string, any>;
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: string | string[]): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const value = defineModel<string | string[]>('value', {
+    default: '',
+  });
+  const selectedRows = defineModel<Record<string, any>[]>('selectedRows', {
+    default: [],
+  });
+
+  const fieldValue = ref('');
+  const pickerValue = ref<string[]>([]);
+  const pickerSelectedRows = ref<Record<string, any>[]>([]);
+  const crmSelectListRef = ref<InstanceType<typeof CrmSelectList>>();
+  const showPicker = ref(false);
+  const keyword = ref('');
+
+  const typeLocaleMap = {
+    [FieldDataSourceTypeEnum.CUSTOMER]: 'formCreate.customer',
+    [FieldDataSourceTypeEnum.CONTACT]: 'formCreate.contract',
+    [FieldDataSourceTypeEnum.BUSINESS]: 'formCreate.business',
+    [FieldDataSourceTypeEnum.PRODUCT]: 'formCreate.product',
+    [FieldDataSourceTypeEnum.CLUE]: 'formCreate.clue',
+    [FieldDataSourceTypeEnum.CUSTOMER_OPTIONS]: '',
+    [FieldDataSourceTypeEnum.USER_OPTIONS]: '',
+    [FieldDataSourceTypeEnum.PRICE]: 'formCreate.price',
+    [FieldDataSourceTypeEnum.CONTRACT]: '',
+    [FieldDataSourceTypeEnum.QUOTATION]: 'formCreate.quotation',
+    [FieldDataSourceTypeEnum.CONTRACT_PAYMENT]: '',
+    [FieldDataSourceTypeEnum.CONTRACT_PAYMENT_RECORD]: '',
+    [FieldDataSourceTypeEnum.BUSINESS_TITLE]: 'contract.businessTitle',
+    [FieldDataSourceTypeEnum.ORDER]: 'formCreate.order',
+    [FieldDataSourceTypeEnum.INVOICE]: 'formCreate.invoice',
+  };
+
+  const sourceApi: Record<FieldDataSourceTypeEnum, (data: any) => Promise<CommonList<any>>> = {
+    [FieldDataSourceTypeEnum.BUSINESS]: getFieldOpportunityList,
+    [FieldDataSourceTypeEnum.CLUE]: getFieldClueList,
+    [FieldDataSourceTypeEnum.CONTACT]: getFieldContactList,
+    [FieldDataSourceTypeEnum.CUSTOMER]: getFieldCustomerList,
+    [FieldDataSourceTypeEnum.PRODUCT]: getFieldProductList,
+    [FieldDataSourceTypeEnum.CUSTOMER_OPTIONS]: getCustomerOptions,
+    [FieldDataSourceTypeEnum.USER_OPTIONS]: getUserOptions,
+    [FieldDataSourceTypeEnum.CONTRACT]: getFieldContractList,
+    [FieldDataSourceTypeEnum.PRICE]: getFieldPriceList,
+    [FieldDataSourceTypeEnum.QUOTATION]: getFieldQuotationList,
+    [FieldDataSourceTypeEnum.CONTRACT_PAYMENT]: getFieldContractPaymentPlanList,
+    [FieldDataSourceTypeEnum.CONTRACT_PAYMENT_RECORD]: getFieldContractPaymentRecordList,
+    [FieldDataSourceTypeEnum.BUSINESS_TITLE]: getBusinessTitleList,
+    [FieldDataSourceTypeEnum.ORDER]: getFieldOrderList,
+    [FieldDataSourceTypeEnum.INVOICE]: getFieldInvoiceList,
+  };
+
+  function onConfirm() {
+    showPicker.value = false;
+    selectedRows.value = pickerSelectedRows.value;
+    fieldValue.value = pickerSelectedRows.value.map((item) => item.name).join('；');
+    value.value = props.multiple ? pickerSelectedRows.value.map((item) => item.id) : pickerSelectedRows.value[0].id;
+    emit('change', value.value);
+  }
+
+  function onCancel() {
+    pickerValue.value = Array.isArray(value.value) ? value.value : [value.value];
+    showPicker.value = false;
+  }
+
+  function selectListTransform(item: Record<string, any>) {
+    return {
+      ...item,
+      disabled: props.disabledSelection ? props.disabledSelection(item) : false,
+      checked: pickerSelectedRows.value.some((row) => row.id === item.id),
+    };
+  }
+
+  function search() {
+    crmSelectListRef.value?.filterListByKeyword('name');
+  }
+
+  function handleClick() {
+    if (!props.disabled) {
+      showPicker.value = true;
+    }
+  }
+
+  watch(
+    () => selectedRows.value,
+    (val) => {
+      fieldValue.value = val
+        .filter((e) => value.value.includes(e.id))
+        .map((item) => item.name)
+        .join('；');
+      pickerSelectedRows.value = val;
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  watch(
+    () => value.value,
+    (val) => {
+      pickerValue.value = Array.isArray(val) ? val : [val];
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
+
+<style lang="less" scoped>
+  .crm-datasource-search {
+    :deep(.van-cell) {
+      &:last-child::before {
+        @apply !hidden;
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/mobile/src/components/business/crm-datasource/locale/en-US.ts b/frontend/packages/mobile/src/components/business/crm-datasource/locale/en-US.ts
new file mode 100644
index 0000000..f7ce9ca
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-datasource/locale/en-US.ts
@@ -0,0 +1,4 @@
+export default {
+  'datasource.pickResource': 'Pick {name}',
+  'datasource.searchPlaceholder': 'Please enter {name} name',
+};
diff --git a/frontend/packages/mobile/src/components/business/crm-datasource/locale/zh-CN.ts b/frontend/packages/mobile/src/components/business/crm-datasource/locale/zh-CN.ts
new file mode 100644
index 0000000..a5cbf93
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-datasource/locale/zh-CN.ts
@@ -0,0 +1,4 @@
+export default {
+  'datasource.pickResource': '选择{name}',
+  'datasource.searchPlaceholder': '请输入{name}名称',
+};
diff --git a/frontend/packages/mobile/src/components/business/crm-file-list-pop/index.vue b/frontend/packages/mobile/src/components/business/crm-file-list-pop/index.vue
new file mode 100644
index 0000000..4af9840
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-file-list-pop/index.vue
@@ -0,0 +1,124 @@
+<template>
+  <van-popup v-model:show="show" destroy-on-close round position="bottom">
+    <div class="relative p-[16px] text-center">
+      <div class="text-[16px] font-semibold">{{ t('crm.fileListPop.title') }}</div>
+      <CrmTextButton
+        icon="iconicon_close"
+        icon-size="24px"
+        color="var(--text-n1)"
+        class="absolute right-[16px] top-[16px]"
+        @click="show = false"
+      />
+    </div>
+    <div class="flex flex-col gap-[8px] px-[16px] pb-[16px]">
+      <div v-for="file in props.fileList" :key="file.id" class="crm-file-item">
+        <CrmFileIcon :type="file.type" width="40px" height="40px" @click="handlePreview(file)" />
+        <div class="flex flex-1 flex-col gap-[2px] overflow-hidden">
+          <div class="flex items-center justify-between">
+            <div class="one-line-text flex-1">{{ file.name }}</div>
+            <div class="flex items-center gap-[16px]">
+              <!-- <CrmTextButton
+                icon="iconicon_delete"
+                color="var(--error-red)"
+                icon-size="16px"
+                @click="handleDelete(file)"
+              /> -->
+              <CrmTextButton icon="iconicon_download" icon-size="16px" @click="handleDownloadAttachment(file)" />
+            </div>
+          </div>
+          <div class="text-[12px] text-[var(--text-n4)]">
+            {{ `${(file.size / 1024).toFixed(2)} KB` }}
+          </div>
+          <div class="text-[12px] text-[var(--text-n4)]">
+            {{
+              t('crm.fileListPop.uploadAt', {
+                name: file.createUser,
+                time: dayjs(file.createTime).format('YYYY-MM-DD HH:mm:ss'),
+              })
+            }}
+          </div>
+        </div>
+      </div>
+    </div>
+  </van-popup>
+</template>
+
+<script setup lang="ts">
+  import { showImagePreview, showToast } from 'vant';
+  import dayjs from 'dayjs';
+
+  import { PreviewAttachmentUrl } from '@lib/shared/api/requrls/system/module';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { isDingTalkBrowser, isLarkBrowser, isWeComBrowser } from '@lib/shared/method';
+
+  import CrmFileIcon from '@/components/pure/crm-file-icon/index.vue';
+  import CrmTextButton from '@/components/pure/crm-text-button/index.vue';
+
+  import { downloadAttachment } from '@/api/modules';
+
+  import { AttachmentInfo } from '@cordys/web/src/components/business/crm-form-create/types';
+
+  const props = defineProps<{
+    fileList: AttachmentInfo[];
+  }>();
+  // const emit = defineEmits<{
+  //   (e: 'deleteFile', id: string): void;
+  // }>();
+
+  const { t } = useI18n();
+
+  const show = defineModel<boolean>('show', {
+    required: true,
+  });
+
+  // function handleDelete(file: AttachmentInfo) {
+  //   showConfirmDialog({
+  //     title: t('crm.fileListPop.deleteTipTitle'),
+  //     message: t('crm.fileListPop.deleteTipContent'),
+  //   }).then(async () => {
+  //     emit('deleteFile', file.id);
+  //   });
+  // }
+
+  async function handleDownloadAttachment(file: AttachmentInfo) {
+    if (isWeComBrowser() || isDingTalkBrowser() || isLarkBrowser()) {
+      showToast(t('crm.fileListPop.wxworkDownloadTip'));
+      return;
+    }
+    try {
+      const res = await downloadAttachment(file.id);
+      const url = URL.createObjectURL(new Blob([res], { type: 'application/octet-stream' }));
+      const a = document.createElement('a');
+      a.href = url;
+      a.download = file.name;
+      document.body.appendChild(a);
+      a.click();
+      document.body.removeChild(a);
+      URL.revokeObjectURL(url);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  function handlePreview(file: AttachmentInfo) {
+    if (/(jpg|jpeg|png|gif|bmp|webp|svg)$/i.test(file.type)) {
+      showImagePreview({
+        images: [`${PreviewAttachmentUrl}/${file.id}`],
+        closeable: true,
+      });
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  .crm-file-item {
+    @apply flex w-full items-center overflow-hidden;
+
+    gap: 16px;
+    padding: 8px;
+    border: 1px solid var(--text-n8);
+    border-radius: var(--border-radius-small);
+    background-color: var(--text-n10);
+  }
+</style>
diff --git a/frontend/packages/mobile/src/components/business/crm-file-list-pop/locale/en-US.ts b/frontend/packages/mobile/src/components/business/crm-file-list-pop/locale/en-US.ts
new file mode 100644
index 0000000..14e5ea0
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-file-list-pop/locale/en-US.ts
@@ -0,0 +1,7 @@
+export default {
+  'crm.fileListPop.title': 'Attachments',
+  'crm.fileListPop.deleteTipTitle': 'Are you sure you want to delete this file?',
+  'crm.fileListPop.deleteTipContent': 'This action cannot be undone, please proceed with caution!',
+  'crm.fileListPop.uploadAt': '{name} uploaded at {time}',
+  'crm.fileListPop.wxworkDownloadTip': 'Please open the webpage in a browser to download',
+};
diff --git a/frontend/packages/mobile/src/components/business/crm-file-list-pop/locale/zh-CN.ts b/frontend/packages/mobile/src/components/business/crm-file-list-pop/locale/zh-CN.ts
new file mode 100644
index 0000000..ccff7d7
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-file-list-pop/locale/zh-CN.ts
@@ -0,0 +1,7 @@
+export default {
+  'crm.fileListPop.title': '附件',
+  'crm.fileListPop.deleteTipTitle': '确认删除该文件吗？',
+  'crm.fileListPop.deleteTipContent': '删除后无法恢复，请谨慎操作！',
+  'crm.fileListPop.uploadAt': '{name} 上传于 {time}',
+  'crm.fileListPop.wxworkDownloadTip': '请使用浏览器打开网页后进行下载',
+};
diff --git a/frontend/packages/mobile/src/components/business/crm-follow-list/components/listItem.vue b/frontend/packages/mobile/src/components/business/crm-follow-list/components/listItem.vue
new file mode 100644
index 0000000..6acd4ca
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-follow-list/components/listItem.vue
@@ -0,0 +1,139 @@
+<template>
+  <div class="flex gap-[16px] overflow-hidden">
+    <div class="flex flex-col items-center gap-[4px]">
+      <div class="flex h-[22px] w-[8px] items-center">
+        <div class="h-[8px] w-full rounded-[999px] border border-[var(--primary-8)]"></div>
+      </div>
+      <div class="flex flex-1 justify-center">
+        <div class="h-full w-[1px] bg-[var(--primary-8)]"></div>
+      </div>
+    </div>
+    <div class="flex flex-1 flex-col gap-[8px] overflow-hidden">
+      <div class="flex h-[24px] items-center justify-between gap-[16px]">
+        <div class="flex h-[24px] items-center gap-[8px]">
+          <CrmTag
+            v-if="item.converted && isPlan"
+            plain
+            :tag="t('common.hasConvertToRecord')"
+            text-color="var(--primary-8)"
+            color="var(--primary-8)"
+          />
+          <div>{{ getShowTime(item) }} </div>
+          <div class="text-[14px] font-semibold text-[var(--text-n1)]">
+            {{ (!isPlan ? item.followMethod : item.method) ?? '-' }}
+          </div>
+        </div>
+        <div v-if="isPlan" class="flex items-center">
+          <van-dropdown-menu class="status-select-menu" @click.stop>
+            <van-dropdown-item
+              v-model="status"
+              :disabled="props.readonly || item.converted || !isOwner(item)"
+              :options="statusOptions"
+              @change="changeStatus"
+            />
+          </van-dropdown-menu>
+        </div>
+      </div>
+      <div class="flex flex-1 flex-col gap-[12px] rounded-[var(--border-radius-large)] bg-[var(--text-n10)] p-[16px]">
+        <div class="flex items-center justify-between gap-[16px]">
+          <CrmAvatar :is-word="item.owner !== userStore.userInfo.id" :text="item.ownerName" />
+          <div class="flex flex-1 flex-wrap items-center overflow-hidden">
+            <div class="one-line-text flex-1 text-[16px] font-semibold">{{ item.ownerName }}</div>
+            <div v-if="!props.readonly && isOwner(item)" class="flex items-center gap-[16px]">
+              <CrmTextButton icon="iconicon_delete" color="var(--error-red)" icon-size="16px" @click="emit('delete')" />
+              <CrmTextButton
+                v-if="!isPlan || (isPlan && item.status !== CustomerFollowPlanStatusEnum.CANCELLED)"
+                icon="iconicon_handwritten_signature"
+                color="var(--primary-8)"
+                icon-size="16px"
+                @click="emit('edit')"
+              />
+              <!-- TODO先不上 -->
+              <!-- <CrmTextButton
+                icon="iconicon_login"
+                color="var(--primary-8)"
+                icon-size="16px"
+                @click="emit('convertToRecord')"
+              /> -->
+            </div>
+          </div>
+        </div>
+        <div class="one-line-text rounded-[var(--border-radius-mini)] bg-[var(--text-n9)] p-[12px] text-[12px]">
+          {{ item.content }}
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import dayjs from 'dayjs';
+
+  import { CustomerFollowPlanStatusEnum } from '@lib/shared/enums/customerEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { FollowDetailItem, StatusTagKey } from '@lib/shared/models/customer';
+
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import CrmTextButton from '@/components/pure/crm-text-button/index.vue';
+  import CrmAvatar from '@/components/business/crm-avatar/index.vue';
+
+  import { statusMap } from '@/config/follow';
+  import useUserStore from '@/store/modules/user';
+
+  const props = defineProps<{
+    item: any;
+    type: 'plan' | 'record';
+    readonly?: boolean;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'edit'): void;
+    (e: 'delete'): void;
+    (e: 'change'): void;
+  }>();
+
+  const { t } = useI18n();
+  const userStore = useUserStore();
+
+  const status = defineModel<StatusTagKey>('value', {
+    default: CustomerFollowPlanStatusEnum.PREPARED,
+  });
+
+  const isPlan = computed(() => {
+    return props.type === 'plan';
+  });
+
+  function getShowTime(item: FollowDetailItem) {
+    const time = 'estimatedTime' in item ? item.estimatedTime : item.followTime;
+    return time ? dayjs(time).format('YYYY-MM-DD') : '-';
+  }
+
+  const statusOptions = computed(() =>
+    Object.values(statusMap).map((e) => ({
+      text: t(e.label),
+      value: e.value,
+    }))
+  );
+
+  const isOwner = (item: FollowDetailItem) => item.owner === userStore.userInfo?.id;
+
+  function changeStatus() {
+    emit('change');
+  }
+</script>
+
+<style lang="less">
+  .status-select-menu {
+    .van-dropdown-menu__bar {
+      padding-right: 16px;
+      height: 24px !important;
+      border-radius: 4px !important;
+      box-shadow: none !important;
+      .van-dropdown-menu__title {
+        .van-ellipsis {
+          font-size: 14px !important;
+        }
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/mobile/src/components/business/crm-follow-list/followDetail.vue b/frontend/packages/mobile/src/components/business/crm-follow-list/followDetail.vue
new file mode 100644
index 0000000..51abff5
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-follow-list/followDetail.vue
@@ -0,0 +1,114 @@
+<template>
+  <CrmPageWrapper :title="t('common.detail')">
+    <div class="h-full bg-[var(--text-n9)] py-[16px]">
+      <CrmDescription :description="descriptions" />
+      <div class="mt-[16px]">
+        <van-cell-group inset class="p-[16px]">
+          <div class="font-[600]">{{ t('common.communicationContent') }}</div>
+          <div class="mt-[16px] rounded-[var(--border-radius-large)] bg-[var(--text-n9)] p-[16px]">
+            {{ detail.content }}
+          </div>
+        </van-cell-group>
+      </div>
+    </div>
+    <template v-if="route.query.readonly?.toString() !== 'true'" #footer>
+      <div class="flex items-center justify-center gap-[16px]">
+        <div class="flex w-[100px] items-center">
+          <CrmTextButton
+            color="var(--text-n1)"
+            icon="iconicon_delete"
+            :text="t('common.delete')"
+            icon-size="18px"
+            direction="column"
+            class="flex-1"
+            @click="handleDelete"
+          />
+        </div>
+        <van-button
+          v-if="!isPlan || (isPlan && detail.status !== CustomerFollowPlanStatusEnum.CANCELLED)"
+          type="primary"
+          class="flex-1 !rounded-[var(--border-radius-small)] !text-[16px]"
+          plain
+          @click="handleEdit"
+        >
+          {{ t('common.edit') }}
+        </van-button>
+      </div>
+    </template>
+  </CrmPageWrapper>
+</template>
+
+<script setup lang="ts">
+  import { useRoute, useRouter } from 'vue-router';
+  import { showSuccessToast } from 'vant';
+
+  import { CustomerFollowPlanStatusEnum } from '@lib/shared/enums/customerEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmDescription from '@/components/pure/crm-description/index.vue';
+  import CrmPageWrapper from '@/components/pure/crm-page-wrapper/index.vue';
+  import CrmTextButton from '@/components/pure/crm-text-button/index.vue';
+
+  import { followPlanApiMap, followRecordApiMap, PlanEnumType, RecordEnumType } from '@/config/follow';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+
+  import { CommonRouteEnum } from '@/enums/routeEnum';
+
+  const route = useRoute();
+  const router = useRouter();
+  const { t } = useI18n();
+
+  const isPlan = computed(() => route.query.formKey?.includes('plan'));
+  const formKey = computed(() => (route.query.formKey?.toString() as RecordEnumType | PlanEnumType) || '');
+  const sourceId = computed(() => route.query.id?.toString() || '');
+
+  const { descriptions, initFormConfig, initFormDescription, detail } = useFormCreateApi({
+    formKey: formKey.value,
+    sourceId,
+    needInitDetail: route.query.needInitDetail === 'Y',
+  });
+
+  onBeforeMount(async () => {
+    await initFormConfig();
+    initFormDescription();
+  });
+
+  async function handleDelete() {
+    try {
+      if (isPlan.value) {
+        await followPlanApiMap.delete?.[formKey.value as PlanEnumType]?.(sourceId.value);
+      } else {
+        await followRecordApiMap.delete?.[formKey.value as RecordEnumType]?.(sourceId.value);
+      }
+      showSuccessToast(t('common.deleteSuccess'));
+      router.back();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  function handleEdit() {
+    router.push({
+      name: CommonRouteEnum.FORM_CREATE,
+      query: {
+        formKey: formKey.value,
+        id: sourceId.value,
+        needInitDetail: 'Y',
+      },
+      ...(detail.value.converted === undefined
+        ? {}
+        : {
+            state: {
+              params: JSON.stringify({ converted: detail.value.converted }),
+            },
+          }),
+    });
+  }
+</script>
+
+<style lang="less" scoped>
+  :deep(.crm-page-content) {
+    @apply !overflow-hidden;
+  }
+</style>
diff --git a/frontend/packages/mobile/src/components/business/crm-follow-list/followPlan.vue b/frontend/packages/mobile/src/components/business/crm-follow-list/followPlan.vue
new file mode 100644
index 0000000..cef980f
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-follow-list/followPlan.vue
@@ -0,0 +1,112 @@
+<template>
+  <div class="flex h-full flex-col overflow-hidden bg-[var(--text-n9)]">
+    <div class="top-bar">
+      <van-button v-if="!props.readonly" plain icon="plus" type="primary" size="small" @click="goCreate"> </van-button>
+      <van-search
+        v-model="keyword"
+        shape="round"
+        :placeholder="t('common.pleaseInputKeyword')"
+        class="crm-search"
+        @search="loadList"
+        @clear="loadList"
+      />
+    </div>
+    <CrmList
+      ref="crmListRef"
+      :keyword="keyword"
+      :load-list-api="followPlanApiMap.list[props.type]"
+      class="p-[16px]"
+      :list-params="{
+        sourceId: props.sourceId,
+        status: CustomerFollowPlanStatusEnum.ALL,
+      }"
+      :item-gap="16"
+      :transform="transformField"
+    >
+      <template #item="{ item }">
+        <listItem
+          v-model:value="item.status"
+          :item="item"
+          type="plan"
+          :readonly="props.readonly"
+          @click="goDetail(item)"
+          @delete="handleDelete(item)"
+          @edit="handleEdit(item)"
+          @change="handleChangeStatus(item)"
+        />
+      </template>
+    </CrmList>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { showSuccessToast } from 'vant';
+
+  import { CustomerFollowPlanStatusEnum } from '@lib/shared/enums/customerEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { CustomerFollowPlanListItem, FollowDetailItem, StatusTagKey } from '@lib/shared/models/customer';
+
+  import CrmList from '@/components/pure/crm-list/index.vue';
+  import listItem from './components/listItem.vue';
+
+  import { followPlanApiMap, PlanEnumType } from '@/config/follow';
+
+  import useFollowApi from './useFollowApi';
+
+  const props = defineProps<{
+    type: PlanEnumType;
+    sourceId: string;
+    readonly?: boolean;
+    initialSourceName?: string;
+  }>();
+
+  const { t } = useI18n();
+  const keyword = ref('');
+
+  const crmListRef = ref<InstanceType<typeof CrmList>>();
+
+  const { transformField, goCreate, handleEdit, goDetail } = useFollowApi({
+    type: 'followPlan',
+    formKey: props.type,
+    sourceId: props.sourceId,
+    initialSourceName: props.initialSourceName,
+    readonly: props.readonly,
+  });
+
+  async function handleDelete(item: FollowDetailItem) {
+    try {
+      await followPlanApiMap.delete?.[props.type]?.(item.id);
+      showSuccessToast(t('common.deleteSuccess'));
+      crmListRef.value?.loadList(true);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  async function handleChangeStatus(item: FollowDetailItem) {
+    try {
+      await followPlanApiMap.changeStatus?.[props.type]?.({
+        id: item.id,
+        status: (item as CustomerFollowPlanListItem).status,
+      });
+      showSuccessToast(t('common.operationSuccess'));
+      crmListRef.value?.loadList(true);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  function loadList() {
+    nextTick(() => {
+      crmListRef.value?.loadList(true);
+    });
+  }
+
+  defineExpose({
+    loadList,
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/mobile/src/components/business/crm-follow-list/followRecord.vue b/frontend/packages/mobile/src/components/business/crm-follow-list/followRecord.vue
new file mode 100644
index 0000000..7e99941
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-follow-list/followRecord.vue
@@ -0,0 +1,94 @@
+<template>
+  <div class="flex h-full flex-col overflow-hidden bg-[var(--text-n9)]">
+    <div class="top-bar">
+      <van-button v-if="!props.readonly" plain icon="plus" type="primary" size="small" @click="goCreate"> </van-button>
+      <van-search
+        v-model="keyword"
+        shape="round"
+        :placeholder="t('common.pleaseInputKeyword')"
+        class="crm-search"
+        @search="loadList"
+        @clear="loadList"
+      />
+    </div>
+    <CrmList
+      ref="crmListRef"
+      :keyword="keyword"
+      class="p-[16px]"
+      :item-gap="16"
+      :list-params="{
+        sourceId: props.sourceId,
+      }"
+      :load-list-api="followRecordApiMap.list[props.type]"
+      :transform="transformField"
+    >
+      <template #item="{ item }">
+        <listItem
+          :item="item"
+          type="record"
+          :readonly="props.readonly"
+          @click="goDetail(item)"
+          @delete="handleDelete(item)"
+          @edit="handleEdit(item)"
+        />
+      </template>
+    </CrmList>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { showSuccessToast } from 'vant';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { FollowDetailItem } from '@lib/shared/models/customer';
+
+  import CrmList from '@/components/pure/crm-list/index.vue';
+  import listItem from './components/listItem.vue';
+
+  import { followRecordApiMap, RecordEnumType } from '@/config/follow';
+
+  import useFollowApi from './useFollowApi';
+
+  const props = defineProps<{
+    type: RecordEnumType;
+    readonly?: boolean;
+    sourceId: string;
+    initialSourceName?: string;
+  }>();
+
+  const { t } = useI18n();
+  const keyword = ref('');
+
+  const crmListRef = ref<InstanceType<typeof CrmList>>();
+
+  const { transformField, goCreate, handleEdit, goDetail } = useFollowApi({
+    type: 'followRecord',
+    formKey: props.type,
+    sourceId: props.sourceId,
+    initialSourceName: props.initialSourceName,
+    readonly: props.readonly,
+  });
+
+  async function handleDelete(item: FollowDetailItem) {
+    try {
+      await followRecordApiMap.delete?.[props.type]?.(item.id);
+      showSuccessToast(t('common.deleteSuccess'));
+      crmListRef.value?.loadList(true);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  function loadList() {
+    nextTick(() => {
+      crmListRef.value?.loadList(true);
+    });
+  }
+
+  defineExpose({
+    loadList,
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/mobile/src/components/business/crm-follow-list/useFollowApi.ts b/frontend/packages/mobile/src/components/business/crm-follow-list/useFollowApi.ts
new file mode 100644
index 0000000..c5e9d32
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-follow-list/useFollowApi.ts
@@ -0,0 +1,89 @@
+import { useRouter } from 'vue-router';
+
+import type { CustomerFollowPlanListItem, FollowDetailItem } from '@lib/shared/models/customer';
+
+import { PlanEnumType, RecordEnumType } from '@/config/follow';
+import useUserStore from '@/store/modules/user';
+
+import { CommonRouteEnum } from '@/enums/routeEnum';
+
+export default function useFollowApi(followProps: {
+  type: 'followRecord' | 'followPlan';
+  formKey: PlanEnumType | RecordEnumType;
+  sourceId: string;
+  initialSourceName?: string;
+  readonly?: boolean;
+}) {
+  const router = useRouter();
+
+  function transformField(item: FollowDetailItem, optionMap?: Record<string, any>) {
+    const methodKey = followProps.type === 'followPlan' ? 'method' : 'followMethod';
+    let followMethod;
+    if (optionMap) {
+      followMethod =
+        optionMap[methodKey]?.find((e: any) => e.id === item[methodKey as keyof FollowDetailItem])?.name || '-';
+    }
+    return {
+      ...item,
+      [methodKey]: followMethod,
+    };
+  }
+
+  function goCreate() {
+    router.push({
+      name: CommonRouteEnum.FORM_CREATE,
+      query: {
+        formKey: followProps.formKey,
+        id: followProps.sourceId,
+        initialSourceName: followProps.initialSourceName,
+      },
+      ...(followProps.type === 'followPlan'
+        ? {
+            state: {
+              params: JSON.stringify({ converted: false }),
+            },
+          }
+        : {}),
+    });
+  }
+
+  function handleEdit(item: FollowDetailItem) {
+    router.push({
+      name: CommonRouteEnum.FORM_CREATE,
+      query: {
+        formKey: followProps.formKey,
+        id: item.id,
+        needInitDetail: 'Y',
+      },
+      ...(followProps.type === 'followPlan'
+        ? {
+            state: {
+              params: JSON.stringify({ converted: (item as CustomerFollowPlanListItem).converted }),
+            },
+          }
+        : {}),
+    });
+  }
+
+  function goDetail(item: FollowDetailItem) {
+    const userStore = useUserStore();
+    const isOwner = userStore.userInfo.id === item.owner;
+    const readonlyString = followProps.readonly || !isOwner;
+    router.push({
+      name: CommonRouteEnum.FOLLOW_DETAIL,
+      query: {
+        formKey: followProps.formKey,
+        id: item.id,
+        needInitDetail: 'Y',
+        readonly: String(readonlyString),
+      },
+    });
+  }
+
+  return {
+    transformField,
+    goCreate,
+    handleEdit,
+    goDetail,
+  };
+}
diff --git a/frontend/packages/mobile/src/components/business/crm-form-create/components/advanced/dataSource.vue b/frontend/packages/mobile/src/components/business/crm-form-create/components/advanced/dataSource.vue
new file mode 100644
index 0000000..3d2ca7e
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-form-create/components/advanced/dataSource.vue
@@ -0,0 +1,86 @@
+<template>
+  <CrmDataSource
+    :id="props.fieldConfig.id"
+    v-model:value="value"
+    v-model:selected-rows="selectedRows"
+    :data-source-type="props.fieldConfig.dataSourceType as FieldDataSourceTypeEnum"
+    :label="props.fieldConfig.showLabel ? props.fieldConfig.name : ''"
+    :rules="props.fieldConfig.rules as FieldRule[]"
+    :placeholder="props.fieldConfig.placeholder || t('common.pleaseSelect')"
+    :disabled="!props.fieldConfig.editable"
+    :list-params="getParams()"
+    :multiple="props.fieldConfig.type === FieldTypeEnum.DATA_SOURCE_MULTIPLE"
+    @change="($event) => emit('change', $event)"
+  >
+  </CrmDataSource>
+</template>
+
+<script setup lang="ts">
+  import { FieldRule } from 'vant';
+
+  import { OperatorEnum } from '@lib/shared/enums/commonEnum';
+  import { FieldDataSourceTypeEnum, FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmDataSource from '@/components/business/crm-datasource/index.vue';
+
+  import { multipleValueTypeList } from '@cordys/web/src/components/business/crm-form-create/config';
+  import { FormCreateField } from '@cordys/web/src/components/business/crm-form-create/types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+    formDetail?: Record<string, any>;
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: string | string[]): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const value = defineModel<string | string[]>('value', {
+    default: '',
+  });
+  const selectedRows = ref<Record<string, any>[]>(props.fieldConfig.initialOptions || []);
+
+  watch(
+    () => props.fieldConfig.defaultValue,
+    (val) => {
+      value.value = val;
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  watch(
+    () => props.fieldConfig.initialOptions,
+    (val) => {
+      selectedRows.value = val as Record<string, any>[];
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  function getParams() {
+    const conditions = props.fieldConfig.combineSearch?.conditions
+      .map((item) => ({
+        value: item.rightFieldCustom ? item.rightFieldCustomValue : props.formDetail?.[item.rightFieldId || ''],
+        operator: item.operator,
+        name: item.leftFieldId ?? '',
+        multipleValue: multipleValueTypeList.includes(item.leftFieldType),
+      }))
+      .filter(
+        (e) => e.operator === OperatorEnum.EMPTY || (e.value !== undefined && e.value !== null && e.value !== '')
+      );
+
+    return {
+      combineSearch: {
+        searchMode: props.fieldConfig.combineSearch?.searchMode,
+        conditions,
+      },
+    };
+  }
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/mobile/src/components/business/crm-form-create/components/advanced/file.vue b/frontend/packages/mobile/src/components/business/crm-form-create/components/advanced/file.vue
new file mode 100644
index 0000000..5e1669b
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-form-create/components/advanced/file.vue
@@ -0,0 +1,159 @@
+<template>
+  <van-field
+    :label="props.fieldConfig.showLabel ? props.fieldConfig.name : ''"
+    :required="required"
+    :rules="props.fieldConfig.rules as FieldRule[]"
+  >
+    <template #input>
+      <van-uploader
+        v-model="fileList"
+        :before-read="handleBeforeRead"
+        :before-delete="handleBeforeDelete"
+        :after-read="handleAfterRead"
+        :accept="props.fieldConfig.accept || '*/*'"
+        :max-count="props.fieldConfig.onlyOne ? 1 : 10"
+        multiple
+      >
+        <div class="flex items-center gap-[8px]">
+          <div class="flex h-[80px] w-[80px] items-center justify-center bg-[var(--text-n9)]">
+            <CrmIconFont name="iconicon_add" />
+          </div>
+          <div class="flex-1 text-[12px] text-[var(--text-n4)]">
+            {{
+              `${t('formCreate.advanced.uploadFileTip', {
+                type: props.fieldConfig.accept || t('formCreate.advanced.anyType'),
+                size: props.fieldConfig.limitSize || '20MB',
+              })}${t('formCreate.advanced.limitCount', { count: props.fieldConfig.onlyOne ? 1 : 10 })}`
+            }}
+          </div>
+        </div>
+      </van-uploader>
+    </template>
+  </van-field>
+</template>
+
+<script setup lang="ts">
+  import { FieldRule, showToast, UploaderFileListItem } from 'vant';
+
+  import { PreviewAttachmentUrl } from '@lib/shared/api/requrls/system/module';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { Result } from '@lib/shared/types/axios';
+
+  import CrmIconFont from '@/components/pure/crm-icon-font/index.vue';
+
+  import { uploadTempAttachment } from '@/api/modules';
+
+  import { FormCreateField } from '@cordys/web/src/components/business/crm-form-create/types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: string[], files: UploaderFileListItem[]): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const fileKeys = defineModel<string[]>('value', {
+    default: [],
+  });
+  const fileList = ref<UploaderFileListItem[]>([]);
+  const required = computed(() => props.fieldConfig.rules.some((rule) => rule.key === 'required'));
+
+  function handleBeforeRead(file: File | File[]) {
+    if (fileList.value.length > 0) {
+      // 附件上传校验名称重复
+      const isRepeat =
+        fileList.value.filter((item) =>
+          Array.isArray(file) ? file.some((e) => e.name === item.file?.name) : item.file?.name === file.name
+        ).length >= 1;
+      if (isRepeat) {
+        showToast(t('formCreate.upload.repeatFileTip'));
+        return false;
+      }
+    }
+    const maxSize = parseInt(props.fieldConfig.limitSize || '', 10) || 20;
+    const _maxSize = props.fieldConfig.limitSize?.includes('KB') ? maxSize * 1024 : maxSize * 1024 * 1024;
+    if (Array.isArray(file) ? file.some((f) => f.size > _maxSize) : file.size > _maxSize) {
+      showToast(t('formCreate.advanced.overSize', { size: props.fieldConfig.limitSize || '20MB' }));
+      return false;
+    }
+    if (props.fieldConfig.onlyOne) {
+      // 单文件上传时，清空之前的文件（得放到校验文件大小之后，避免文件大小限制后文件丢失）
+      fileList.value = [];
+      fileKeys.value = [];
+    }
+    return true;
+  }
+
+  async function handleAfterRead(file: UploaderFileListItem | UploaderFileListItem[]) {
+    if (Array.isArray(file)) {
+      const requestArr: Promise<Result<string[]>>[] = [];
+      file.forEach((f) => {
+        if (f.file) {
+          requestArr.push(uploadTempAttachment(f.file!));
+          f.status = 'uploading';
+        }
+      });
+      try {
+        const resArr = await Promise.all(requestArr);
+        resArr.forEach((res, index) => {
+          fileKeys.value.push(...res.data);
+          file[index].status = 'done';
+          file[index].content = `${PreviewAttachmentUrl}/${res.data[0]}`;
+        });
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+        file.forEach((f) => {
+          if (f.file) {
+            f.status = 'failed';
+          }
+        });
+      }
+      emit('change', fileKeys.value, fileList.value);
+    } else {
+      try {
+        if (file.file) {
+          file.status = 'uploading';
+          const res = await uploadTempAttachment(file.file!);
+          fileKeys.value.push(...res.data);
+          file.status = 'done';
+          file.content = `${PreviewAttachmentUrl}/${res.data[0]}`;
+          emit('change', fileKeys.value, fileList.value);
+        }
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+        file.status = 'failed';
+      }
+    }
+  }
+
+  function handleBeforeDelete(file: UploaderFileListItem) {
+    const index = fileList.value.findIndex((item) => item.content === file.content);
+    if (index !== -1) {
+      fileKeys.value = fileKeys.value.filter((key) => `${PreviewAttachmentUrl}/${key}` !== file.content);
+      fileList.value.splice(index, 1);
+    }
+  }
+
+  watch(
+    () => props.fieldConfig.initialOptions,
+    (arr) => {
+      fileList.value =
+        (arr?.map((e) => ({
+          ...e,
+          status: 'finished',
+          url: `${PreviewAttachmentUrl}/${e.id}`,
+          content: `${PreviewAttachmentUrl}/${e.id}`,
+          isImage: /(jpg|jpeg|png|gif|bmp|webp|svg)$/i.test(e.type),
+        })) as UploaderFileListItem[]) || [];
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/mobile/src/components/business/crm-form-create/components/advanced/index.ts b/frontend/packages/mobile/src/components/business/crm-form-create/components/advanced/index.ts
new file mode 100644
index 0000000..29b2240
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-form-create/components/advanced/index.ts
@@ -0,0 +1,19 @@
+import dataSource from './dataSource.vue';
+import file from './file.vue';
+import industry from './industry.vue';
+import link from './link.vue';
+import location from './location.vue';
+import phone from './phone.vue';
+import serialNumber from './serialNumber.vue';
+import upload from './upload.vue';
+
+export default {
+  phone,
+  serialNumber,
+  location,
+  dataSource,
+  upload,
+  link,
+  file,
+  industry,
+};
diff --git a/frontend/packages/mobile/src/components/business/crm-form-create/components/advanced/industry.vue b/frontend/packages/mobile/src/components/business/crm-form-create/components/advanced/industry.vue
new file mode 100644
index 0000000..7bc89ee
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-form-create/components/advanced/industry.vue
@@ -0,0 +1,71 @@
+<template>
+  <van-field
+    v-model="fieldLabel"
+    is-link
+    readonly
+    :label="props.fieldConfig.showLabel ? props.fieldConfig.name : ''"
+    :name="props.fieldConfig.id"
+    :rules="props.fieldConfig.rules as FieldRule[]"
+    :placeholder="props.fieldConfig.placeholder || t('formCreate.advanced.selectIndustry')"
+    :disabled="props.fieldConfig.editable === false"
+    clearable
+    @click="show = true"
+  />
+  <van-popup v-model:show="show" round position="bottom">
+    <van-cascader
+      v-model="cascaderValue"
+      :title="props.fieldConfig.placeholder || t('formCreate.advanced.selectIndustry')"
+      :options="industryOptions"
+      :field-names="{ text: 'label', value: 'value', children: 'children' }"
+      @close="show = false"
+      @finish="onConfirm"
+    />
+  </van-popup>
+</template>
+
+<script setup lang="ts">
+  import { FieldRule } from 'vant';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { getIndustryPath } from '@lib/shared/method';
+
+  import { FormCreateField } from '@cordys/web/src/components/business/crm-form-create/types';
+  import { industryOptions } from '@cordys/web/src/components/pure/crm-industry-select/config';
+  import type { CascaderOption } from 'vant';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+  }>();
+
+  const value = defineModel<string>('value', {
+    default: '',
+  });
+
+  const emit = defineEmits<{
+    (e: 'change', v: string): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const show = ref(false);
+  const cascaderValue = ref<string | number>('');
+
+  const fieldLabel = computed(() => getIndustryPath(value.value));
+
+  function onConfirm({ selectedOptions }: { selectedOptions: CascaderOption[] }) {
+    show.value = false;
+    if (!selectedOptions?.length) return;
+    value.value = cascaderValue.value as string;
+    emit('change', value.value);
+  }
+
+  watch(
+    () => props.fieldConfig.defaultValue,
+    (val) => {
+      value.value = val;
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
diff --git a/frontend/packages/mobile/src/components/business/crm-form-create/components/advanced/link.vue b/frontend/packages/mobile/src/components/business/crm-form-create/components/advanced/link.vue
new file mode 100644
index 0000000..3a53764
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-form-create/components/advanced/link.vue
@@ -0,0 +1,48 @@
+<template>
+  <van-field
+    v-model="value"
+    type="textarea"
+    :label="props.fieldConfig.showLabel ? props.fieldConfig.name : ''"
+    :name="props.fieldConfig.id"
+    :rules="props.fieldConfig.rules as FieldRule[]"
+    :maxlength="1000"
+    :placeholder="props.fieldConfig.placeholder || t('common.pleaseInput')"
+    :disabled="props.fieldConfig.editable === false"
+    clearable
+    @update:model-value="($event) => emit('change', $event)"
+  >
+  </van-field>
+</template>
+
+<script setup lang="ts">
+  import { FieldRule } from 'vant';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import { FormCreateField } from '@cordys/web/src/components/business/crm-form-create/types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: (string | number)[]): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const value = defineModel<string>('value', {
+    default: '',
+  });
+
+  watch(
+    () => props.fieldConfig.defaultValue,
+    (val) => {
+      value.value = val;
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/mobile/src/components/business/crm-form-create/components/advanced/location.vue b/frontend/packages/mobile/src/components/business/crm-form-create/components/advanced/location.vue
new file mode 100644
index 0000000..34f8964
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-form-create/components/advanced/location.vue
@@ -0,0 +1,101 @@
+<template>
+  <van-field
+    v-model="fieldLabel"
+    is-link
+    readonly
+    :label="props.fieldConfig.showLabel ? props.fieldConfig.name : ''"
+    :name="props.fieldConfig.id"
+    :rules="props.fieldConfig.rules as FieldRule[]"
+    :placeholder="props.fieldConfig.placeholder || t('formCreate.advanced.selectLocation')"
+    :disabled="props.fieldConfig.editable === false"
+    clearable
+    @click="show = true"
+  />
+  <van-popup v-model:show="show" round position="bottom">
+    <van-cascader
+      v-model="cascaderValue"
+      :title="props.fieldConfig.placeholder || t('formCreate.advanced.selectLocation')"
+      :options="options"
+      :field-names="{ text: 'label', value: 'value', children: 'children' }"
+      @close="show = false"
+      @finish="onConfirm"
+    />
+  </van-popup>
+  <van-field
+    v-if="props.fieldConfig.locationType === 'detail'"
+    v-model="detail"
+    type="textarea"
+    label=" "
+    :name="props.fieldConfig.id"
+    :maxlength="200"
+    :placeholder="t('formCreate.advanced.inputLocationDetail')"
+    :disabled="props.fieldConfig.editable === false"
+    clearable
+    @update:model-value="handleCityAndDetailChange"
+  />
+</template>
+
+<script setup lang="ts">
+  import { FieldRule } from 'vant';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { getCityPath } from '@lib/shared/method';
+
+  import { getCountriesByLevel } from '@cordys/web/src/components/business/crm-city-select/config';
+  import { FormCreateField } from '@cordys/web/src/components/business/crm-form-create/types';
+  import type { CascaderOption } from 'vant';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+  }>();
+
+  const value = defineModel<string>('value', {
+    default: '',
+  });
+
+  const emit = defineEmits<{
+    (e: 'change', v: string): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const show = ref(false);
+  const cascaderValue = ref<string | number>('');
+  const city = ref('');
+  const detail = ref(''); // 详细地址
+
+  const fieldLabel = computed(() => getCityPath(city.value, props.fieldConfig.scope));
+
+  const options = computed<CascaderOption[]>(() => {
+    return getCountriesByLevel(props.fieldConfig.locationType, props.fieldConfig.scope);
+  });
+
+  function handleCityAndDetailChange() {
+    value.value = city.value || detail.value ? `${city.value || ''}-${detail.value || ''}` : '';
+    emit('change', value.value);
+  }
+
+  function onConfirm({ selectedOptions }: { selectedOptions: CascaderOption[] }) {
+    show.value = false;
+    if (!selectedOptions?.length) return;
+    city.value = cascaderValue.value as string;
+    handleCityAndDetailChange();
+  }
+
+  watch(
+    () => value.value,
+    (val) => {
+      if (!val) {
+        city.value = '';
+        detail.value = '';
+        cascaderValue.value = '';
+        return;
+      }
+      const localArr = val.split('-');
+      city.value = localArr[0] || '';
+      cascaderValue.value = localArr[0] || '';
+      detail.value = localArr.slice(1).join('-') || '';
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/frontend/packages/mobile/src/components/business/crm-form-create/components/advanced/phone.vue b/frontend/packages/mobile/src/components/business/crm-form-create/components/advanced/phone.vue
new file mode 100644
index 0000000..a26c9c5
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-form-create/components/advanced/phone.vue
@@ -0,0 +1,62 @@
+<template>
+  <van-field
+    v-model="value"
+    type="tel"
+    :label="props.fieldConfig.showLabel ? props.fieldConfig.name : ''"
+    :name="props.fieldConfig.id"
+    :rules="mergedRules"
+    :placeholder="props.fieldConfig.placeholder || t('common.pleaseInput')"
+    :disabled="props.fieldConfig.editable === false"
+    :maxlength="30"
+    clearable
+    @update:model-value="($event) => emit('change', $event)"
+  >
+  </van-field>
+</template>
+
+<script setup lang="ts">
+  import { FieldRule, FieldRuleValidator } from 'vant';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import { FormCreateField } from '@cordys/web/src/components/business/crm-form-create/types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: string): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const value = defineModel<string>('value', {
+    default: '',
+  });
+
+  const mergedRules = computed<FieldRule[]>(() => {
+    const rawRules = (props.fieldConfig.rules as FieldRule[]) || [];
+    const formatRule: FieldRule = {
+      trigger: ['onBlur', 'onChange'],
+      validator: ((val: string) => {
+        if (!val) return Promise.resolve();
+        if (props.fieldConfig.format === '11' && val.replace(/[\s\uFEFF\xA0]+/g, '').length !== 11) {
+          return t('formCreate.phone.lengthValidator', { count: 11 });
+        }
+      }) as FieldRuleValidator,
+    };
+    return [...rawRules, formatRule];
+  });
+
+  watch(
+    () => props.fieldConfig.defaultValue,
+    (val) => {
+      value.value = val;
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/mobile/src/components/business/crm-form-create/components/advanced/serialNumber.vue b/frontend/packages/mobile/src/components/business/crm-form-create/components/advanced/serialNumber.vue
new file mode 100644
index 0000000..cdd27bd
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-form-create/components/advanced/serialNumber.vue
@@ -0,0 +1,22 @@
+<template>
+  <van-field
+    v-model="value"
+    :label="props.fieldConfig.showLabel ? props.fieldConfig.name : ''"
+    :name="props.fieldConfig.id"
+    :placeholder="props.fieldConfig.placeholder"
+    disabled
+  >
+  </van-field>
+</template>
+
+<script setup lang="ts">
+  import { FormCreateField } from '@cordys/web/src/components/business/crm-form-create/types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+  }>();
+
+  const value = defineModel<string>('value', {
+    default: '',
+  });
+</script>
diff --git a/frontend/packages/mobile/src/components/business/crm-form-create/components/advanced/upload.vue b/frontend/packages/mobile/src/components/business/crm-form-create/components/advanced/upload.vue
new file mode 100644
index 0000000..4d59157
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-form-create/components/advanced/upload.vue
@@ -0,0 +1,141 @@
+<template>
+  <van-field
+    :label="props.fieldConfig.showLabel ? props.fieldConfig.name : ''"
+    :required="required"
+    :rules="props.fieldConfig.rules as FieldRule[]"
+  >
+    <template #input>
+      <van-uploader
+        v-model="fileList"
+        :before-read="handleBeforeRead"
+        :before-delete="handleBeforeDelete"
+        :after-read="handleAfterRead"
+        multiple
+      />
+    </template>
+  </van-field>
+</template>
+
+<script setup lang="ts">
+  import { FieldRule, showToast, UploaderFileListItem } from 'vant';
+
+  import { PreviewPictureUrl } from '@lib/shared/api/requrls/system/module';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { Result } from '@lib/shared/types/axios';
+
+  import { uploadTempFile } from '@/api/modules';
+
+  import { FormCreateField } from '@cordys/web/src/components/business/crm-form-create/types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: string[], files: UploaderFileListItem[]): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const fileKeys = defineModel<string[]>('value', {
+    default: [],
+  });
+  const fileList = ref<UploaderFileListItem[]>([]);
+  const required = computed(() => props.fieldConfig.rules.some((rule) => rule.key === 'required'));
+
+  function handleBeforeRead(file: File | File[]) {
+    if (fileList.value.length > 0) {
+      // 附件上传校验名称重复
+      const isRepeat =
+        fileList.value.filter((item) =>
+          Array.isArray(file) ? file.some((e) => e.name === item.file?.name) : item.file?.name === file.name
+        ).length >= 1;
+      if (isRepeat) {
+        showToast(t('formCreate.upload.repeatFileTip'));
+        return false;
+      }
+    }
+    const maxSize = props.fieldConfig.uploadSizeLimit || 20;
+    const _maxSize = maxSize * 1024 * 1024;
+    if (Array.isArray(file) ? file.some((f) => f.size > _maxSize) : file.size > _maxSize) {
+      showToast(t('formCreate.advanced.overSize', { size: maxSize }));
+      return false;
+    }
+    if (props.fieldConfig.uploadLimit === 1) {
+      // 单文件上传时，清空之前的文件（得放到校验文件大小之后，避免文件大小限制后文件丢失）
+      fileList.value = [];
+      fileKeys.value = [];
+    }
+    return true;
+  }
+
+  async function handleAfterRead(file: UploaderFileListItem | UploaderFileListItem[]) {
+    if (Array.isArray(file)) {
+      const requestArr: Promise<Result<string[]>>[] = [];
+      file.forEach((f) => {
+        if (f.file) {
+          requestArr.push(uploadTempFile(f.file!));
+          f.status = 'uploading';
+        }
+      });
+      try {
+        const resArr = await Promise.all(requestArr);
+        resArr.forEach((res, index) => {
+          fileKeys.value.push(...res.data);
+          file[index].status = 'done';
+          file[index].content = `${PreviewPictureUrl}/${res.data[0]}`;
+        });
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      }
+      emit('change', fileKeys.value, fileList.value);
+    } else {
+      try {
+        if (file.file) {
+          file.status = 'uploading';
+          const res = await uploadTempFile(file.file!);
+          fileKeys.value.push(...res.data);
+          file.status = 'done';
+          file.content = `${PreviewPictureUrl}/${res.data[0]}`;
+          emit('change', fileKeys.value, fileList.value);
+        }
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+        file.status = 'failed';
+      }
+    }
+  }
+
+  function handleBeforeDelete(file: UploaderFileListItem) {
+    const index = fileList.value.findIndex((item) => item.content === file.content);
+    if (index !== -1) {
+      fileKeys.value = fileKeys.value.filter((key) => `${PreviewPictureUrl}/${key}` !== file.content);
+      fileList.value.splice(index, 1);
+    }
+  }
+
+  watch(
+    () => fileKeys.value,
+    () => {
+      if (fileKeys.value.length === 0) {
+        fileList.value = [];
+      } else if (fileList.value.length !== fileKeys.value.length) {
+        fileKeys.value.forEach((key) => {
+          if (!fileList.value.some((item) => item.content === `${PreviewPictureUrl}/${key}`)) {
+            fileList.value.push({
+              url: `${PreviewPictureUrl}/${key}`,
+              content: `${PreviewPictureUrl}/${key}`,
+              isImage: true,
+            });
+          }
+        });
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/checkbox.vue b/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/checkbox.vue
new file mode 100644
index 0000000..de95b9b
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/checkbox.vue
@@ -0,0 +1,49 @@
+<template>
+  <van-field
+    :label="props.fieldConfig.showLabel ? props.fieldConfig.name : ''"
+    :name="props.fieldConfig.id"
+    :rules="props.fieldConfig.rules as FieldRule[]"
+  >
+    <template #input>
+      <van-checkbox-group
+        v-model="value"
+        direction="horizontal"
+        shape="square"
+        class="gap-y-[8px]"
+        :disabled="props.fieldConfig.editable === false"
+        @change="($event) => emit('change', $event)"
+      >
+        <van-checkbox v-for="item in props.fieldConfig.options" :key="item.value" :name="item.value">
+          {{ item.label }}
+        </van-checkbox>
+      </van-checkbox-group>
+    </template>
+  </van-field>
+</template>
+
+<script setup lang="ts">
+  import { FieldRule } from 'vant';
+
+  import { FormCreateField } from '@cordys/web/src/components/business/crm-form-create/types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: number): void;
+  }>();
+
+  const value = defineModel<any>('value', {
+    default: null,
+  });
+
+  watch(
+    () => props.fieldConfig.defaultValue,
+    (val) => {
+      value.value = val || value.value;
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
diff --git a/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/datePicker.vue b/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/datePicker.vue
new file mode 100644
index 0000000..801a6fc
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/datePicker.vue
@@ -0,0 +1,116 @@
+<template>
+  <van-field
+    v-model="fieldValue"
+    :label="props.fieldConfig.showLabel ? props.fieldConfig.name : ''"
+    :name="props.fieldConfig.id"
+    :rules="props.fieldConfig.rules as FieldRule[]"
+    is-link
+    readonly
+    :placeholder="props.fieldConfig.placeholder || t('common.pleaseSelect')"
+    :disabled="props.fieldConfig.editable === false"
+    clearable
+    @click="handleClick"
+    @update:model-value="($event) => emit('change', $event)"
+  >
+  </van-field>
+  <van-popup v-model:show="showPicker" destroy-on-close round position="bottom">
+    <van-picker-group
+      :title="t('formCreate.pickDate')"
+      :tabs="
+        props.fieldConfig.dateType === 'datetime'
+          ? [t('formCreate.pickDate'), t('formCreate.pickTime')]
+          : [t('formCreate.pickDate')]
+      "
+      :next-step-text="t('formCreate.next')"
+      @confirm="onConfirm"
+      @cancel="showPicker = false"
+    >
+      <van-date-picker
+        v-model="currentDate"
+        :columns-type="props.fieldConfig.dateType === 'month' ? ['year', 'month'] : ['year', 'month', 'day']"
+      />
+      <van-time-picker
+        v-if="props.fieldConfig.dateType === 'datetime'"
+        v-model="currentTime"
+        :columns-type="['hour', 'minute', 'second']"
+      />
+    </van-picker-group>
+  </van-popup>
+</template>
+
+<script setup lang="ts">
+  import { FieldRule } from 'vant';
+  import dayjs from 'dayjs';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import { FormCreateField } from '@cordys/web/src/components/business/crm-form-create/types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: number): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const value = defineModel<number>('value', {
+    default: null,
+  });
+  const fieldValue = computed(() => {
+    if (!value.value) {
+      return undefined;
+    }
+    if (props.fieldConfig.dateType === 'datetime') {
+      return dayjs(value.value).format('YYYY-MM-DD HH:mm:ss');
+    }
+    if (props.fieldConfig.dateType === 'month') {
+      return dayjs(value.value).format('YYYY-MM');
+    }
+    return dayjs(value.value).format('YYYY-MM-DD');
+  });
+
+  const showPicker = ref(false);
+  const currentDate = ref<string[]>([]);
+  const currentTime = ref<string[]>([]);
+
+  watch(
+    () => props.fieldConfig.defaultValue,
+    (val) => {
+      value.value = val;
+      if (val) {
+        const date = dayjs(val);
+        currentDate.value =
+          props.fieldConfig.dateType === 'month'
+            ? date.format('YYYY-MM').split('-')
+            : date.format('YYYY-MM-DD').split('-');
+        currentTime.value = date.format('HH:mm:ss').split(':');
+      } else {
+        const date = dayjs();
+        currentDate.value =
+          props.fieldConfig.dateType === 'month'
+            ? date.format('YYYY-MM').split('-')
+            : date.format('YYYY-MM-DD').split('-');
+        currentTime.value = date.format('HH:mm:ss').split(':');
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  function onConfirm() {
+    showPicker.value = false;
+    value.value = dayjs(`${currentDate.value.join('-')} ${currentTime.value.join(':')}`).unix() * 1000;
+    emit('change', value.value);
+  }
+
+  function handleClick() {
+    if (props.fieldConfig.editable) {
+      showPicker.value = true;
+    }
+  }
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/divider.vue b/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/divider.vue
new file mode 100644
index 0000000..ccef644
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/divider.vue
@@ -0,0 +1,42 @@
+<template>
+  <div class="mx-[16px] mb-[16px] mt-[16px]">
+    <div
+      v-if="props.fieldConfig.showLabel"
+      class="mb-[8px] font-semibold"
+      :style="{
+        color: fieldConfig.titleColor,
+      }"
+    >
+      {{ props.fieldConfig.name }}
+    </div>
+    <van-divider
+      class="!mb-[4px] !mt-0"
+      :class="props.fieldConfig.dividerClass"
+      :style="{ borderColor: dividerColor }"
+      :dashed="props.fieldConfig.dividerClass === 'divider--dashed'"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { FormCreateField } from '@cordys/web/src/components/business/crm-form-create/types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+  }>();
+
+  const dividerColor = computed(() => {
+    return props.fieldConfig.dividerColor || 'var(--text-n4)';
+  });
+</script>
+
+<style lang="less" scoped>
+  .divider--hidden {
+    @apply hidden;
+  }
+  .divider--double {
+    &::before {
+      border-width: 2px 0 0;
+    }
+  }
+</style>
diff --git a/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/index.ts b/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/index.ts
new file mode 100644
index 0000000..bc0a21e
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/index.ts
@@ -0,0 +1,23 @@
+import checkbox from './checkbox.vue';
+import datePicker from './datePicker.vue';
+import divider from './divider.vue';
+import inputNumber from './inputNumber.vue';
+import memberSelect from './memberSelect.vue';
+import multiplePick from './multiplePick.vue';
+import pick from './pick.vue';
+import radio from './radio.vue';
+import singleText from './singleText.vue';
+import textarea from './textarea.vue';
+
+export default {
+  checkbox,
+  radio,
+  inputNumber,
+  textarea,
+  divider,
+  datePicker,
+  singleText,
+  pick,
+  multiplePick,
+  memberSelect,
+};
diff --git a/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/inputNumber.vue b/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/inputNumber.vue
new file mode 100644
index 0000000..c788793
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/inputNumber.vue
@@ -0,0 +1,122 @@
+<template>
+  <van-field
+    v-model="displayValue"
+    :label="props.fieldConfig.showLabel ? props.fieldConfig.name : ''"
+    :name="props.fieldConfig.id"
+    :rules="props.fieldConfig.rules as FieldRule[]"
+    type="text"
+    :placeholder="props.fieldConfig.placeholder || t('common.pleaseInput')"
+    :disabled="props.fieldConfig.editable === false"
+    clearable
+    @blur="onBlur"
+    @focus="onFocus"
+  >
+    <template v-if="props.fieldConfig.numberFormat === 'percent'" #right-icon> % </template>
+  </van-field>
+</template>
+
+<script setup lang="ts">
+  import { FieldRule } from 'vant';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import { FormCreateField } from '@cordys/web/src/components/business/crm-form-create/types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'change', value?: number | null): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const value = defineModel<number | null>('value', {
+    default: null,
+  });
+
+  const displayValue = ref('');
+
+  watch(
+    () => props.fieldConfig.defaultValue,
+    (val) => {
+      value.value = val || value.value;
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  // 失去焦点时：清理非法字符 → 限制小数点 → min/max → 精度 → 千分位
+  function onBlur() {
+    if (!displayValue.value) {
+      value.value = null;
+      emit('change', null);
+      return;
+    }
+
+    // 只保留数字和小数点
+    let clean = displayValue.value.replace(/[^\d.]/g, '');
+
+    // 限制只能有一个小数点
+    const dotIndex = clean.indexOf('.');
+    if (dotIndex !== -1) {
+      clean = clean.substring(0, dotIndex + 1) + clean.substring(dotIndex + 1).replace(/\./g, '');
+    }
+
+    let num = Number(clean);
+    if (Number.isNaN(num)) {
+      value.value = null;
+      emit('change', null);
+      return;
+    }
+
+    // 限制 min/max
+    if (props.fieldConfig.min != null && num < props.fieldConfig.min) {
+      num = props.fieldConfig.min;
+    }
+    if (props.fieldConfig.max != null && num > props.fieldConfig.max) {
+      num = props.fieldConfig.max;
+    }
+
+    if (!props.fieldConfig.max && num > 1000000000) {
+      num = 1000000000;
+    }
+
+    const precision = props.fieldConfig.precision ?? 0;
+    num = Number(num.toFixed(precision));
+
+    // 更新真实值
+    value.value = num;
+    emit('change', num);
+  }
+
+  // 聚焦时：去掉千分位，方便编辑
+  function onFocus() {
+    if (!displayValue.value) return;
+    displayValue.value = displayValue.value.replace(/,/g, '');
+  }
+
+  watch(
+    () => value.value,
+    (val) => {
+      if (val) {
+        // 更新显示值（千分位/小数位）
+        if (props.fieldConfig.numberFormat === 'number' && props.fieldConfig.showThousandsSeparator) {
+          displayValue.value = val.toLocaleString('en-US', {
+            minimumFractionDigits: props.fieldConfig.precision ?? 0,
+            maximumFractionDigits: props.fieldConfig.precision ?? 0,
+          });
+        } else {
+          displayValue.value = String(val);
+        }
+      } else {
+        displayValue.value = '';
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
diff --git a/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/memberSelect.vue b/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/memberSelect.vue
new file mode 100644
index 0000000..67a9bfe
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/memberSelect.vue
@@ -0,0 +1,262 @@
+<template>
+  <van-field
+    v-model="fieldValue"
+    :label="props.fieldConfig.showLabel ? props.fieldConfig.name : ''"
+    :name="props.fieldConfig.id"
+    :rules="props.fieldConfig.rules as FieldRule[]"
+    is-link
+    readonly
+    :placeholder="props.fieldConfig.placeholder || t('common.pleaseSelect')"
+    :disabled="props.fieldConfig.editable === false"
+    clearable
+    type="textarea"
+    rows="1"
+    autosize
+    @click="handleClick"
+    @update:model-value="($event) => emit('change', $event)"
+  >
+  </van-field>
+  <van-popup
+    v-model:show="showPicker"
+    destroy-on-close
+    round
+    position="bottom"
+    safe-area-inset-top
+    safe-area-inset-bottom
+    class="h-[100vh]"
+  >
+    <CrmPageWrapper
+      :title="
+        t('datasource.pickResource', {
+          name: props.fieldConfig.type ? t(typeLocaleMap[props.fieldConfig.type]) : '',
+        })
+      "
+      hide-back
+    >
+      <div class="flex h-full flex-col overflow-hidden">
+        <van-search
+          v-model="keyword"
+          class="crm-datasource-search"
+          shape="round"
+          :placeholder="
+            t('datasource.searchPlaceholder', {
+              name: props.fieldConfig.type ? t(typeLocaleMap[props.fieldConfig.type]) : '',
+            })
+          "
+          @search="search"
+        />
+        <div class="flex-1 overflow-hidden px-[16px]">
+          <CrmSelectList
+            ref="crmSelectListRef"
+            v-model:value="pickerValue"
+            v-model:selected-rows="pickerSelectedRows"
+            v-model:loading="loading"
+            :data="dataList"
+            :multiple="isMultiple"
+            :keyword="keyword"
+            :transform="selectListTransform"
+            no-page-nation
+          >
+            <template #label="{ item }">
+              <div class="flex flex-col gap-[4px]">
+                <div class="text-[16px]">{{ item.name }}</div>
+                <div v-if="item.pathName" class="text-[14px] text-[var(--text-n2)]">{{ item.pathName }}</div>
+              </div>
+            </template>
+          </CrmSelectList>
+        </div>
+      </div>
+      <template #footer>
+        <div class="flex items-center gap-[16px]">
+          <van-button
+            type="default"
+            class="crm-button-primary--secondary !rounded-[var(--border-radius-small)] !text-[16px]"
+            block
+            @click="onCancel"
+          >
+            {{ t('common.cancel') }}
+          </van-button>
+          <van-button
+            type="primary"
+            class="!rounded-[var(--border-radius-small)] !text-[16px]"
+            block
+            :disabled="!pickerSelectedRows.length"
+            @click="onConfirm"
+          >
+            {{ t('common.confirm') }}
+          </van-button>
+        </div>
+      </template>
+    </CrmPageWrapper>
+  </van-popup>
+</template>
+
+<script setup lang="ts">
+  import { FieldRule } from 'vant';
+
+  import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+  import { DeptNodeTypeEnum } from '@lib/shared/enums/systemEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { mapTree } from '@lib/shared/method';
+  import { DeptUserTreeNode } from '@lib/shared/models/system/role';
+
+  import CrmPageWrapper from '@/components/pure/crm-page-wrapper/index.vue';
+  import CrmSelectList from '@/components/business/crm-select-list/index.vue';
+
+  import { getFieldDeptTree, getFieldDeptUerTree } from '@/api/modules';
+
+  import { FormCreateField } from '@cordys/web/src/components/business/crm-form-create/types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+    needInitDetail?: boolean; // 是否需要初始化详情
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: string | string[]): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const value = defineModel<string | string[]>('value', {
+    default: '',
+  });
+
+  const fieldValue = ref('');
+  const pickerValue = ref<string[]>([]);
+  const pickerSelectedRows = ref<Record<string, any>[]>(props.fieldConfig.initialOptions || []);
+  const crmSelectListRef = ref<InstanceType<typeof CrmSelectList>>();
+  const showPicker = ref(false);
+  const keyword = ref('');
+
+  const typeLocaleMap: Record<string, any> = {
+    [FieldTypeEnum.MEMBER]: t('formCreate.member'),
+    [FieldTypeEnum.MEMBER_MULTIPLE]: t('formCreate.member'),
+    [FieldTypeEnum.DEPARTMENT]: t('formCreate.department'),
+    [FieldTypeEnum.DEPARTMENT_MULTIPLE]: t('formCreate.department'),
+  };
+  const sourceApi: Partial<Record<FieldTypeEnum, (params?: any) => Promise<DeptUserTreeNode[]>>> = {
+    [FieldTypeEnum.MEMBER]: getFieldDeptUerTree,
+    [FieldTypeEnum.MEMBER_MULTIPLE]: getFieldDeptUerTree,
+    [FieldTypeEnum.DEPARTMENT]: getFieldDeptTree,
+    [FieldTypeEnum.DEPARTMENT_MULTIPLE]: getFieldDeptTree,
+  };
+  const isMultiple = computed(() =>
+    [FieldTypeEnum.MEMBER_MULTIPLE, FieldTypeEnum.DEPARTMENT_MULTIPLE].includes(props.fieldConfig.type)
+  );
+  const dataList = ref<Record<string, any>[]>([]);
+  const loading = ref(false);
+
+  async function loadData() {
+    try {
+      if (props.fieldConfig.type && sourceApi[props.fieldConfig.type]) {
+        loading.value = true;
+        const res = await sourceApi[props.fieldConfig.type]!();
+        const tempArr: Record<string, any>[] = [];
+        mapTree(res, (node) => {
+          node.pathName = node.parent?.pathName
+            ? `${node.parent.pathName}${node.children?.length ? `/${node.name}` : ''}`
+            : node.name;
+          if (
+            ([FieldTypeEnum.MEMBER, FieldTypeEnum.MEMBER_MULTIPLE].includes(props.fieldConfig.type) &&
+              node.nodeType === DeptNodeTypeEnum.USER) ||
+            [FieldTypeEnum.DEPARTMENT, FieldTypeEnum.DEPARTMENT_MULTIPLE].includes(props.fieldConfig.type)
+          ) {
+            tempArr.push({
+              name: node.name,
+              id: node.id,
+              pathName: node.parentId === 'NONE' ? '' : node.pathName,
+            });
+          }
+          return node;
+        });
+        dataList.value = tempArr;
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  function onConfirm() {
+    showPicker.value = false;
+    fieldValue.value = pickerSelectedRows.value.map((item) => item.name).join('；');
+    value.value = isMultiple.value ? pickerSelectedRows.value.map((item) => item.id) : pickerSelectedRows.value[0].id;
+    emit('change', value.value);
+  }
+
+  function onCancel() {
+    pickerValue.value = Array.isArray(value.value) ? value.value : [value.value];
+    showPicker.value = false;
+  }
+
+  function selectListTransform(item: Record<string, any>) {
+    return {
+      ...item,
+      checked: pickerSelectedRows.value.some((row) => row.id === item.id),
+    };
+  }
+
+  function search() {
+    crmSelectListRef.value?.filterListByKeyword('name');
+  }
+
+  function handleClick() {
+    if (props.fieldConfig.editable) {
+      keyword.value = '';
+      showPicker.value = true;
+      nextTick(() => {
+        loadData();
+      });
+    }
+  }
+
+  watch(
+    () => value.value,
+    (val) => {
+      pickerValue.value = Array.isArray(val) ? val : [val];
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  watch(
+    () => props.fieldConfig.defaultValue,
+    (newVal) => {
+      if (!props.needInitDetail) {
+        value.value = newVal;
+        fieldValue.value = (props.fieldConfig.initialOptions || [])
+          .filter((e) => newVal.includes(e.id))
+          .map((item) => item.name)
+          .join('；');
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  watch(
+    () => props.fieldConfig.initialOptions,
+    (newVal) => {
+      pickerSelectedRows.value = newVal || [];
+      fieldValue.value = (newVal || [])
+        .filter((e) => (props.needInitDetail ? value.value : props.fieldConfig.defaultValue).includes(e.id))
+        .map((item) => item.name)
+        .join('；');
+    },
+    { immediate: true }
+  );
+</script>
+
+<style lang="less" scoped>
+  .crm-datasource-search {
+    :deep(.van-cell) {
+      &:last-child::before {
+        @apply !hidden;
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/multiplePick.vue b/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/multiplePick.vue
new file mode 100644
index 0000000..c6c97b0
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/multiplePick.vue
@@ -0,0 +1,116 @@
+<template>
+  <van-field
+    v-model="displayValue"
+    :label="props.fieldConfig.showLabel ? props.fieldConfig.name : ''"
+    :name="props.fieldConfig.id"
+    :rules="props.fieldConfig.rules as FieldRule[]"
+    is-link
+    readonly
+    type="textarea"
+    rows="1"
+    autosize
+    :placeholder="props.fieldConfig.placeholder || t('common.pleaseSelect')"
+    :disabled="props.fieldConfig.editable === false"
+    @click="handleClick"
+  >
+  </van-field>
+  <van-popup v-model:show="showPicker" destroy-on-close round position="bottom">
+    <div class="flex h-[var(--van-picker-toolbar-height)] items-center justify-between">
+      <CrmTextButton
+        color="var(--van-picker-cancel-action-color)"
+        :text="t('common.cancel')"
+        class="p-[var(--van-picker-action-padding)] !text-[14px]"
+        @click="showPicker = false"
+      />
+      <CrmTextButton
+        class="p-[var(--van-picker-action-padding)] !text-[14px]"
+        :text="t('common.confirm')"
+        @click="onConfirm"
+      />
+    </div>
+    <div class="h-[260px] overflow-auto">
+      <van-checkbox-group v-model="selectedValues">
+        <van-cell-group inset>
+          <van-cell
+            v-for="item in props.fieldConfig.options"
+            :key="item.value"
+            clickable
+            :title="item.label"
+            @click="toggle(item.value as string)"
+          >
+            <template #right-icon>
+              <van-checkbox :name="item.value" shape="square" @click.stop />
+            </template>
+          </van-cell>
+        </van-cell-group>
+      </van-checkbox-group>
+    </div>
+  </van-popup>
+</template>
+
+<script setup lang="ts">
+  import { FieldRule } from 'vant';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmTextButton from '@/components/pure/crm-text-button/index.vue';
+
+  import { FormCreateField } from '@cordys/web/src/components/business/crm-form-create/types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: string[]): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const value = defineModel<string[]>('value', {
+    default: [],
+  });
+
+  const displayValue = computed(() => {
+    return props.fieldConfig.options
+      ?.filter((opt) => value.value.includes(opt.value as string))
+      .map((opt) => opt.label)
+      .join('；');
+  });
+
+  const showPicker = ref(false);
+  const selectedValues = ref<string[]>([]);
+
+  watch(
+    () => props.fieldConfig.defaultValue,
+    (val) => {
+      if (Array.isArray(val)) {
+        value.value = val;
+        selectedValues.value = val;
+      }
+    },
+    { immediate: true }
+  );
+
+  function handleClick() {
+    if (props.fieldConfig.editable) {
+      selectedValues.value = [...value.value];
+      showPicker.value = true;
+    }
+  }
+
+  function toggle(val: string) {
+    if (selectedValues.value.includes(val)) {
+      selectedValues.value = selectedValues.value.filter((v) => v !== val);
+    } else {
+      selectedValues.value.push(val);
+    }
+  }
+
+  function onConfirm() {
+    value.value = [...selectedValues.value];
+    emit('change', value.value);
+    showPicker.value = false;
+  }
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/pick.vue b/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/pick.vue
new file mode 100644
index 0000000..62b48ce
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/pick.vue
@@ -0,0 +1,92 @@
+<template>
+  <van-field
+    v-model="fieldValue"
+    :label="props.fieldConfig.showLabel ? props.fieldConfig.name : ''"
+    :name="props.fieldConfig.id"
+    :rules="props.fieldConfig.rules as FieldRule[]"
+    is-link
+    readonly
+    :placeholder="props.fieldConfig.placeholder || t('common.pleaseSelect')"
+    :disabled="props.fieldConfig.editable === false"
+    clearable
+    @click="handleClick"
+  >
+  </van-field>
+  <van-popup v-model:show="showPicker" destroy-on-close round position="bottom">
+    <van-picker
+      :model-value="[value]"
+      :columns="
+        props.fieldConfig.options?.map((item) => ({
+          text: item.label,
+          value: item.value,
+        }))
+      "
+      @cancel="showPicker = false"
+      @confirm="onConfirm"
+    />
+  </van-popup>
+</template>
+
+<script setup lang="ts">
+  import { FieldRule } from 'vant';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import { FormCreateField } from '@cordys/web/src/components/business/crm-form-create/types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: string): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const value = defineModel<string>('value', {
+    default: '',
+  });
+
+  const showPicker = ref(false);
+  const fieldValue = ref('');
+
+  watch(
+    () => props.fieldConfig.defaultValue,
+    (val) => {
+      value.value = val || value.value;
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  watch(
+    () => value.value,
+    (val) => {
+      if (props.fieldConfig.options) {
+        const opt = props.fieldConfig.options.find((item) => item.value === val);
+        if (opt) {
+          fieldValue.value = opt.label;
+        }
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  function onConfirm({ selectedValues, selectedOptions }: any) {
+    showPicker.value = false;
+    [value.value] = selectedValues;
+    fieldValue.value = selectedOptions[0].text;
+    emit('change', selectedValues[0]);
+  }
+
+  function handleClick() {
+    if (props.fieldConfig.editable) {
+      showPicker.value = true;
+    }
+  }
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/radio.vue b/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/radio.vue
new file mode 100644
index 0000000..d1a50a0
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/radio.vue
@@ -0,0 +1,48 @@
+<template>
+  <van-field
+    :label="props.fieldConfig.showLabel ? props.fieldConfig.name : ''"
+    :name="props.fieldConfig.id"
+    :rules="props.fieldConfig.rules as FieldRule[]"
+  >
+    <template #input>
+      <van-radio-group
+        v-model="value"
+        direction="horizontal"
+        class="gap-y-[8px]"
+        :disabled="props.fieldConfig.editable === false"
+        @change="($event) => emit('change', $event)"
+      >
+        <van-radio v-for="item in props.fieldConfig.options" :key="item.value" :name="item.value">
+          {{ item.label }}
+        </van-radio>
+      </van-radio-group>
+    </template>
+  </van-field>
+</template>
+
+<script setup lang="ts">
+  import { FieldRule } from 'vant';
+
+  import { FormCreateField } from '@cordys/web/src/components/business/crm-form-create/types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: number): void;
+  }>();
+
+  const value = defineModel<any>('value', {
+    default: null,
+  });
+
+  watch(
+    () => props.fieldConfig.defaultValue,
+    (val) => {
+      value.value = val || value.value;
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
diff --git a/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/singleText.vue b/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/singleText.vue
new file mode 100644
index 0000000..8112003
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/singleText.vue
@@ -0,0 +1,47 @@
+<template>
+  <van-field
+    v-model="value"
+    :label="props.fieldConfig.showLabel ? props.fieldConfig.name : ''"
+    :name="props.fieldConfig.id"
+    :rules="props.fieldConfig.rules as FieldRule[]"
+    :maxlength="255"
+    :placeholder="props.fieldConfig.placeholder || t('common.pleaseInput')"
+    :disabled="props.fieldConfig.editable === false"
+    clearable
+    @update:model-value="($event) => emit('change', $event)"
+  >
+  </van-field>
+</template>
+
+<script setup lang="ts">
+  import { FieldRule } from 'vant';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import { FormCreateField } from '@cordys/web/src/components/business/crm-form-create/types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: string): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const value = defineModel<string>('value', {
+    default: '',
+  });
+
+  watch(
+    () => props.fieldConfig.defaultValue,
+    (val) => {
+      value.value = val;
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/textarea.vue b/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/textarea.vue
new file mode 100644
index 0000000..fcad953
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-form-create/components/basic/textarea.vue
@@ -0,0 +1,48 @@
+<template>
+  <van-field
+    v-model="value"
+    type="textarea"
+    :label="props.fieldConfig.showLabel ? props.fieldConfig.name : ''"
+    :name="props.fieldConfig.id"
+    :rules="props.fieldConfig.rules as FieldRule[]"
+    :maxlength="3000"
+    :placeholder="props.fieldConfig.placeholder || t('common.pleaseInput')"
+    :disabled="props.fieldConfig.editable === false"
+    clearable
+    @update:model-value="($event) => emit('change', $event)"
+  >
+  </van-field>
+</template>
+
+<script setup lang="ts">
+  import { FieldRule } from 'vant';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import { FormCreateField } from '@cordys/web/src/components/business/crm-form-create/types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: (string | number)[]): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const value = defineModel<string>('value', {
+    default: '',
+  });
+
+  watch(
+    () => props.fieldConfig.defaultValue,
+    (val) => {
+      value.value = val;
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/mobile/src/components/business/crm-form-create/components/index.ts b/frontend/packages/mobile/src/components/business/crm-form-create/components/index.ts
new file mode 100644
index 0000000..3ee3221
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-form-create/components/index.ts
@@ -0,0 +1,7 @@
+import advancedComponents from './advanced';
+import basicComponents from './basic';
+
+export default {
+  basicComponents,
+  advancedComponents,
+};
diff --git a/frontend/packages/mobile/src/components/business/crm-form-create/index.vue b/frontend/packages/mobile/src/components/business/crm-form-create/index.vue
new file mode 100644
index 0000000..99ff153
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-form-create/index.vue
@@ -0,0 +1,307 @@
+<template>
+  <CrmPageWrapper :title="formCreateTitle">
+    <van-form ref="formRef" class="crm-form" required="auto">
+      <van-cell-group inset>
+        <template v-for="item in mobileFieldList" :key="item.id">
+          <component
+            :is="getItemComponent(item.type)"
+            v-if="item.show !== false"
+            :id="item.id"
+            v-model:value="formDetail[item.id]"
+            :field-config="item"
+            :origin-form-detail="originFormDetail"
+            :form-detail="formDetail"
+            :need-init-detail="route.query.needInitDetail === 'Y'"
+            @change="($event: any) => handleFieldChange($event, item)"
+          />
+        </template>
+      </van-cell-group>
+    </van-form>
+    <template #footer>
+      <div class="flex items-center gap-[16px]">
+        <van-button
+          type="default"
+          class="crm-button-primary--secondary !rounded-[var(--border-radius-small)] !text-[16px]"
+          block
+          :disabled="loading"
+          @click="router.back"
+        >
+          {{ t('common.cancel') }}
+        </van-button>
+        <van-button
+          type="primary"
+          class="!rounded-[var(--border-radius-small)] !text-[16px]"
+          :loading="loading"
+          block
+          @click="handleSave"
+        >
+          {{ route.query.needInitDetail === 'Y' ? t('common.update') : t('common.create') }}
+        </van-button>
+      </div>
+    </template>
+  </CrmPageWrapper>
+</template>
+
+<script setup lang="ts">
+  import { useRoute, useRouter } from 'vue-router';
+  import { FormInstance } from 'vant';
+  import { cloneDeep } from 'lodash-es';
+
+  import { FieldRuleEnum, FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmPageWrapper from '@/components/pure/crm-page-wrapper/index.vue';
+  import CrmFormCreateComponents from '@/components/business/crm-form-create/components';
+
+  import { checkRepeat } from '@/api/modules';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+  import useUserStore from '@/store/modules/user';
+
+  import { rules } from '@cordys/web/src/components/business/crm-form-create/config';
+  import { FormCreateField, FormCreateFieldRule } from '@cordys/web/src/components/business/crm-form-create/types';
+
+  const route = useRoute();
+  const router = useRouter();
+  const { t } = useI18n();
+  const userStore = useUserStore();
+
+  const formRef = ref<FormInstance>();
+
+  const lastPageParams = window.history.state.params ? JSON.parse(window.history.state.params) : null; // 获取上个页面带过来的表格查询参数
+
+  const {
+    fieldList,
+    formDetail,
+    originFormDetail,
+    loading,
+    formCreateTitle,
+    initFormConfig,
+    initFormDetail,
+    saveForm,
+    initFormShowControl,
+  } = useFormCreateApi({
+    formKey: route.query.formKey as FormDesignKeyEnum,
+    sourceId: ref(route.query.id as string),
+    needInitDetail: route.query.needInitDetail === 'Y',
+    initialSourceName: route.query.initialSourceName as string,
+    otherSaveParams: lastPageParams,
+  });
+
+  const mobileFieldList = computed(() => {
+    return fieldList.value.filter((item) => item.mobile !== false);
+  });
+
+  function getItemComponent(type: FieldTypeEnum) {
+    if (type === FieldTypeEnum.INPUT) {
+      return CrmFormCreateComponents.basicComponents.singleText;
+    }
+    if (type === FieldTypeEnum.TEXTAREA) {
+      return CrmFormCreateComponents.basicComponents.textarea;
+    }
+    if (type === FieldTypeEnum.INPUT_NUMBER) {
+      return CrmFormCreateComponents.basicComponents.inputNumber;
+    }
+    if (type === FieldTypeEnum.DATE_TIME) {
+      return CrmFormCreateComponents.basicComponents.datePicker;
+    }
+    if (type === FieldTypeEnum.RADIO) {
+      return CrmFormCreateComponents.basicComponents.radio;
+    }
+    if (type === FieldTypeEnum.CHECKBOX) {
+      return CrmFormCreateComponents.basicComponents.checkbox;
+    }
+    if (type === FieldTypeEnum.SELECT) {
+      return CrmFormCreateComponents.basicComponents.pick;
+    }
+    if (type === FieldTypeEnum.SELECT_MULTIPLE) {
+      return CrmFormCreateComponents.basicComponents.multiplePick;
+    }
+    if (type === FieldTypeEnum.DIVIDER) {
+      return CrmFormCreateComponents.basicComponents.divider;
+    }
+    if (type === FieldTypeEnum.LOCATION) {
+      return CrmFormCreateComponents.advancedComponents.location;
+    }
+    if (type === FieldTypeEnum.PHONE) {
+      return CrmFormCreateComponents.advancedComponents.phone;
+    }
+    if ([FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.DATA_SOURCE_MULTIPLE].includes(type)) {
+      return CrmFormCreateComponents.advancedComponents.dataSource;
+    }
+    if (type === FieldTypeEnum.SERIAL_NUMBER) {
+      return CrmFormCreateComponents.advancedComponents.serialNumber;
+    }
+    if (
+      [
+        FieldTypeEnum.MEMBER,
+        FieldTypeEnum.MEMBER_MULTIPLE,
+        FieldTypeEnum.DEPARTMENT,
+        FieldTypeEnum.DEPARTMENT_MULTIPLE,
+      ].includes(type)
+    ) {
+      return CrmFormCreateComponents.basicComponents.memberSelect;
+    }
+    if (type === FieldTypeEnum.PICTURE) {
+      return CrmFormCreateComponents.advancedComponents.upload;
+    }
+    if (type === FieldTypeEnum.LINK) {
+      return CrmFormCreateComponents.advancedComponents.link;
+    }
+    if (type === FieldTypeEnum.ATTACHMENT) {
+      return CrmFormCreateComponents.advancedComponents.file;
+    }
+    if (type === FieldTypeEnum.INDUSTRY) {
+      return CrmFormCreateComponents.advancedComponents.industry;
+    }
+  }
+
+  function handleFieldChange(value: any, item: FormCreateField) {
+    // 控制显示规则
+    if (item.showControlRules?.length) {
+      initFormShowControl();
+    }
+  }
+
+  async function handleSave() {
+    try {
+      await formRef.value?.validate();
+      const result = cloneDeep(formDetail.value);
+      mobileFieldList.value.forEach((item) => {
+        if (item.type === FieldTypeEnum.DATA_SOURCE && Array.isArray(result[item.id])) {
+          // 处理数据源字段，单选传单个值
+          result[item.id] = result[item.id]?.[0];
+        }
+        if (item.type === FieldTypeEnum.PHONE) {
+          // 去空格
+          result[item.id] = result[item.id]?.replace(/[\s\uFEFF\xA0]+/g, '');
+        }
+      });
+      saveForm(result, () => router.back());
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  onBeforeMount(async () => {
+    await initFormConfig();
+    if (route.query.id && route.query.needInitDetail === 'Y') {
+      initFormDetail();
+    }
+  });
+
+  function getRuleType(item: FormCreateField) {
+    if (
+      item.type === FieldTypeEnum.SELECT_MULTIPLE ||
+      item.type === FieldTypeEnum.CHECKBOX ||
+      item.type === FieldTypeEnum.INPUT_MULTIPLE ||
+      item.type === FieldTypeEnum.MEMBER_MULTIPLE ||
+      item.type === FieldTypeEnum.DEPARTMENT_MULTIPLE ||
+      [FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.DATA_SOURCE_MULTIPLE].includes(item.type) ||
+      item.type === FieldTypeEnum.PICTURE ||
+      item.type === FieldTypeEnum.ATTACHMENT
+    ) {
+      return 'array';
+    }
+    if (item.type === FieldTypeEnum.DATE_TIME) {
+      return 'date';
+    }
+    if (item.type === FieldTypeEnum.INPUT_NUMBER) {
+      return 'number';
+    }
+    return 'string';
+  }
+
+  function createValidatorRule(item: FormCreateField, rule: FormCreateFieldRule): FormCreateFieldRule | null {
+    const staticRule: any = cloneDeep(rules.find((e) => e.key === rule.key));
+    if (!staticRule) return null;
+
+    if (staticRule.key === FieldRuleEnum.UNIQUE) {
+      // 唯一性校验
+      staticRule.trigger = 'onBlur';
+      staticRule.validator = async (value: string) => {
+        if (!value.length || formDetail.value[item.id] === originFormDetail.value[item.id]) {
+          return true;
+        }
+
+        const info = await checkRepeat({
+          id: item.id,
+          value,
+          formKey:
+            route.query.formKey !== FormDesignKeyEnum.CUSTOMER_CONTACT
+              ? (route.query.formKey as FormDesignKeyEnum)
+              : FormDesignKeyEnum.CONTACT,
+        });
+        if (info.repeat) {
+          return info.name.length
+            ? t('formCreate.repeatTip', { name: info.name })
+            : t('formCreate.repeatTipWithoutName');
+        }
+        return true;
+      };
+    } else {
+      staticRule.regex = rule.regex; // 正则表达式(目前没有)是配置到后台存储的，需要读取
+      staticRule.message = t(staticRule.message as string, { value: t(item.name) });
+      staticRule.type = getRuleType(item);
+      staticRule.trigger = 'onBlur';
+      if ([FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.DATA_SOURCE_MULTIPLE].includes(item.type)) {
+        staticRule.trigger = 'none';
+      }
+    }
+
+    return staticRule;
+  }
+
+  watch(
+    () => mobileFieldList.value,
+    () => {
+      mobileFieldList.value.forEach((item) => {
+        if (!formDetail.value[item.id]) {
+          let defaultValue = item.defaultValue || '';
+          if ([FieldTypeEnum.DATE_TIME, FieldTypeEnum.INPUT_NUMBER].includes(item.type)) {
+            defaultValue = Number(defaultValue) || null;
+          }
+          if (getRuleType(item) === 'array') {
+            defaultValue = defaultValue || [];
+          }
+          formDetail.value[item.id] = defaultValue;
+        }
+        const fullRules: FormCreateFieldRule[] = [];
+        (item.rules || []).forEach((rule) => {
+          const staticRule = createValidatorRule(item, rule);
+          if (staticRule) {
+            fullRules.push(staticRule);
+          }
+        });
+        item.rules = fullRules;
+        if ([FieldTypeEnum.MEMBER, FieldTypeEnum.MEMBER_MULTIPLE].includes(item.type) && item.hasCurrentUser) {
+          item.defaultValue = userStore.userInfo.id;
+          item.initialOptions = [
+            ...(item.initialOptions || []),
+            {
+              id: userStore.userInfo.id,
+              name: userStore.userInfo.name,
+            },
+          ].filter((option, index, self) => self.findIndex((o) => o.id === option.id) === index);
+        } else if (
+          [FieldTypeEnum.DEPARTMENT, FieldTypeEnum.DEPARTMENT_MULTIPLE].includes(item.type) &&
+          item.hasCurrentUserDept
+        ) {
+          item.defaultValue = userStore.userInfo.departmentId;
+          item.initialOptions = [
+            ...(item.initialOptions || []),
+            {
+              id: userStore.userInfo.departmentId,
+              name: userStore.userInfo.departmentName,
+            },
+          ].filter((option, index, self) => self.findIndex((o) => o.id === option.id) === index);
+        }
+      });
+      nextTick(() => {
+        initFormShowControl();
+      });
+    }
+  );
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/mobile/src/components/business/crm-form-create/locale/en-US.ts b/frontend/packages/mobile/src/components/business/crm-form-create/locale/en-US.ts
new file mode 100644
index 0000000..d63a7a1
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-form-create/locale/en-US.ts
@@ -0,0 +1,35 @@
+export default {
+  'formCreate.createTitle': 'Create {name}',
+  'formCreate.editTitle': 'Update {name}',
+  'formCreate.customer': 'Account',
+  'formCreate.contract': 'Contact',
+  'formCreate.business': 'Opportunity',
+  'formCreate.product': 'Product',
+  'formCreate.clue': 'Lead',
+  'formCreate.member': 'Member',
+  'formCreate.department': 'Department',
+  'formCreate.price': 'Price Table',
+  'formCreate.quotation': 'Quotation Table',
+  'formCreate.order': 'Order',
+  'formCreate.invoice': 'Invoice',
+  'formCreate.pickDate': 'Pick Date',
+  'formCreate.pickTime': 'Pick Time',
+  'formCreate.next': 'Next',
+  'formCreate.phone.area.china': 'China',
+  'formCreate.phone.area.hongKong': 'Hong Kong, China',
+  'formCreate.phone.area.macau': 'Macau, China',
+  'formCreate.phone.area.taiwan': 'Taiwan, China',
+  'formCreate.phone.lengthValidator': 'Please enter the {count} digit phone number',
+  'formCreate.phone.area.other': 'Other',
+  'formCreate.phone.formatValidator': 'Please enter the phone number in the correct format',
+  'formCreate.repeatTip': 'Duplicate with {name}',
+  'formCreate.repeatTipWithoutName': 'There are duplicate values in the system',
+  'formCreate.upload.repeatFileTip': 'File is duplicated',
+  'formCreate.advanced.overSize': 'File size limit is {size} MB, please re-select the file',
+  'formCreate.advanced.selectLocation': 'Please select an address',
+  'formCreate.advanced.inputLocationDetail': 'Please enter detailed address',
+  'formCreate.advanced.anyType': 'any format',
+  'formCreate.advanced.uploadFileTip': 'Supports {type}, single file size within {size}',
+  'formCreate.advanced.limitCount': ', maximum limit is {count}',
+  'formCreate.advanced.selectIndustry': 'Please select an industry',
+};
diff --git a/frontend/packages/mobile/src/components/business/crm-form-create/locale/zh-CN.ts b/frontend/packages/mobile/src/components/business/crm-form-create/locale/zh-CN.ts
new file mode 100644
index 0000000..d59b3b3
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-form-create/locale/zh-CN.ts
@@ -0,0 +1,35 @@
+export default {
+  'formCreate.createTitle': '新建{name}',
+  'formCreate.editTitle': '更新{name}',
+  'formCreate.customer': '客户',
+  'formCreate.contract': '联系人',
+  'formCreate.business': '商机',
+  'formCreate.product': '产品',
+  'formCreate.clue': '线索',
+  'formCreate.member': '成员',
+  'formCreate.department': '部门',
+  'formCreate.price': '价格表',
+  'formCreate.quotation': '报价',
+  'formCreate.order': '订单',
+  'formCreate.invoice': '发票',
+  'formCreate.pickDate': '选择日期',
+  'formCreate.pickTime': '选择时间',
+  'formCreate.next': '下一步',
+  'formCreate.phone.area.china': '中国',
+  'formCreate.phone.area.hongKong': '中国香港',
+  'formCreate.phone.area.macau': '中国澳门',
+  'formCreate.phone.area.taiwan': '中国台湾',
+  'formCreate.phone.lengthValidator': '请输入 {count} 位手机号',
+  'formCreate.phone.area.other': '其它',
+  'formCreate.phone.formatValidator': '请输入正确格式的手机号',
+  'formCreate.repeatTip': '与 {name} 重复',
+  'formCreate.repeatTipWithoutName': '系统中存在重复值',
+  'formCreate.upload.repeatFileTip': '文件重复',
+  'formCreate.advanced.overSize': '文件大小限制为 {size} MB，请重新选择文件',
+  'formCreate.advanced.selectLocation': '请选择地址',
+  'formCreate.advanced.inputLocationDetail': '请输入详细地址',
+  'formCreate.advanced.anyType': '任意格式',
+  'formCreate.advanced.uploadFileTip': '支持 {type}，单个大小 {size} 以内',
+  'formCreate.advanced.limitCount': '，最大限制 {count} 个',
+  'formCreate.advanced.selectIndustry': '请选择行业',
+};
diff --git a/frontend/packages/mobile/src/components/business/crm-header-list/index.vue b/frontend/packages/mobile/src/components/business/crm-header-list/index.vue
new file mode 100644
index 0000000..4c83b5e
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-header-list/index.vue
@@ -0,0 +1,86 @@
+<template>
+  <div class="flex h-full flex-col overflow-hidden bg-[var(--text-n9)]">
+    <div class="bg-[var(--text-n10)] p-[8px_16px]">
+      <van-search
+        v-model="keyword"
+        shape="round"
+        :placeholder="t('customer.searchPlaceholder')"
+        class="crm-search"
+        @search="search"
+        @clear="search"
+      />
+    </div>
+    <CrmList
+      ref="crmListRef"
+      :keyword="keyword"
+      :list-params="{ sourceId: props.sourceId }"
+      :load-list-api="loadListApi"
+      class="p-[16px]"
+      no-page-nation
+      :item-gap="16"
+    >
+      <template #item="{ item }">
+        <div
+          class="flex w-full items-center gap-[16px] rounded-[var(--border-radius-small)] bg-[var(--text-n10)] p-[16px]"
+        >
+          <CrmAvatar :text="item.ownerName" />
+          <div class="flex flex-1 flex-col gap-[2px] overflow-hidden">
+            <div class="flex justify-between">
+              <div class="one-line-text flex-1 text-[16px] text-[var(--text-n1)]">{{ item.ownerName }}</div>
+              <CrmTag
+                v-show="item.departmentName?.length"
+                :tag="item.departmentName"
+                color="var(--text-n9)"
+                text-color="var(--text-n1)"
+                class="one-line-text max-w-[50%] rounded-[var(--border-radius-small)] !p-[2px_6px]"
+              />
+            </div>
+            <div>
+              <span class="text-[12px] text-[var(--text-n4)]"> {{ t('header.attributionPeriod') }}</span>
+              <span class="ml-[8px] text-[12px] text-[var(--text-n2)]">
+                {{
+                  `${dayjs(item.collectionTime).format('YYYY-MM-DD')} ${t('common.to')} ${dayjs(item.endTime).format(
+                    'YYYY-MM-DD'
+                  )} `
+                }}
+              </span>
+            </div>
+          </div>
+        </div>
+      </template>
+    </CrmList>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import dayjs from 'dayjs';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { CustomerContractTableParams, HeaderHistoryItem } from '@lib/shared/models/customer';
+
+  import CrmList from '@/components/pure/crm-list/index.vue';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import CrmAvatar from '@/components/business/crm-avatar/index.vue';
+
+  const props = defineProps<{
+    loadListApi: (data: CustomerContractTableParams) => Promise<HeaderHistoryItem>;
+    sourceId: string; // 资源id
+  }>();
+
+  const { t } = useI18n();
+
+  const crmListRef = ref<InstanceType<typeof CrmList>>();
+  const keyword = ref('');
+
+  function search() {
+    nextTick(() => {
+      crmListRef.value?.filterListByKeyword('ownerName');
+    });
+  }
+
+  onMounted(() => {
+    search();
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/mobile/src/components/business/crm-header-list/locale/en-US.ts b/frontend/packages/mobile/src/components/business/crm-header-list/locale/en-US.ts
new file mode 100644
index 0000000..66cec2a
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-header-list/locale/en-US.ts
@@ -0,0 +1,3 @@
+export default {
+  'header.attributionPeriod': 'Attribution period',
+};
diff --git a/frontend/packages/mobile/src/components/business/crm-header-list/locale/zh-CN.ts b/frontend/packages/mobile/src/components/business/crm-header-list/locale/zh-CN.ts
new file mode 100644
index 0000000..0a4daba
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-header-list/locale/zh-CN.ts
@@ -0,0 +1,3 @@
+export default {
+  'header.attributionPeriod': '归属周期',
+};
diff --git a/frontend/packages/mobile/src/components/business/crm-message-item/index.vue b/frontend/packages/mobile/src/components/business/crm-message-item/index.vue
new file mode 100644
index 0000000..6d8b327
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-message-item/index.vue
@@ -0,0 +1,112 @@
+<template>
+  <div class="crm-message-item">
+    <div class="mb-[4px] flex flex-nowrap items-center justify-between">
+      <div class="flex w-[calc(100%-60px)] flex-nowrap items-center gap-[4px]">
+        <van-tag
+          :color="isSystemMessage ? 'var(--info-5)' : 'var(--warning-5)'"
+          :text-color="isSystemMessage ? 'var(--info-blue)' : 'var(--warning-yellow)'"
+          class="flex-shrink-0 !p-[2px_8px]"
+        >
+          {{ item.type === SystemMessageTypeEnum.SYSTEM_NOTICE ? t('common.system') : t('common.announcementMessage') }}
+        </van-tag>
+        <div class="flex max-w-[calc(100%-40px)] items-center">
+          <van-badge :dot="item.status === SystemMessageStatusEnum.UNREAD" class="w-full">
+            <div
+              :class="` one-line-text w-full crm-message-item-title--${
+                item.status === SystemMessageStatusEnum.UNREAD ? 'normal' : 'read'
+              } font-medium`"
+            >
+              {{
+                item.type === SystemMessageTypeEnum.SYSTEM_NOTICE ? t('common.systemNotification') : item.subject ?? '-'
+              }}
+            </div>
+          </van-badge>
+        </div>
+      </div>
+      <div
+        v-if="props.item.status === SystemMessageStatusEnum.UNREAD"
+        class="flex-shrink-0 text-[var(--primary-8)]"
+        @click="setMessageRead"
+      >
+        {{ t('common.signRead') }}
+      </div>
+    </div>
+    <div class="flex flex-col gap-[4px] text-[12px]">
+      <div :class="`break-words message-title--${item.status === SystemMessageStatusEnum.UNREAD ? 'normal' : 'read'}`">
+        {{ item.type === SystemMessageTypeEnum.SYSTEM_NOTICE ? item.contentText : parseMessageContent?.content ?? '-' }}
+        <span
+          v-if="item.type === SystemMessageTypeEnum.ANNOUNCEMENT_NOTICE"
+          class="ml-[8px] cursor-pointer text-[var(--primary-8)]"
+          @click="goUrl"
+        >
+          {{ parseMessageContent?.renameUrl ?? parseMessageContent?.url }}
+        </span>
+      </div>
+      <div class="text-[var(--text-n2)]">
+        {{ dayjs(item.createTime).format('YYYY-MM-DD HH:mm:ss') }}
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import dayjs from 'dayjs';
+
+  import { SystemMessageStatusEnum, SystemMessageTypeEnum } from '@lib/shared/enums/systemEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { openDocumentLink } from '@lib/shared/method/index';
+  import type { MessageCenterItem } from '@lib/shared/models/system/message';
+
+  import { setNotificationRead } from '@/api/modules';
+  import useAppStore from '@/store/modules/app';
+
+  const appStore = useAppStore();
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    item: MessageCenterItem;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'loadList'): void;
+  }>();
+
+  const isSystemMessage = computed(() => props.item.type === SystemMessageTypeEnum.SYSTEM_NOTICE);
+
+  const parseMessageContent = computed(() => JSON.parse(props.item.contentText || '{}'));
+
+  // TODO 跳转过去可能回不来要加提示
+  function goUrl() {
+    const url = parseMessageContent.value?.url;
+    if (url) {
+      openDocumentLink(url);
+    }
+  }
+
+  async function setMessageRead() {
+    if (props.item.status === SystemMessageStatusEnum.READ) return;
+    try {
+      await setNotificationRead(props.item.id);
+      appStore.initMessage();
+      emit('loadList');
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  .crm-message-item {
+    padding: 12px 20px;
+    .half-px-border-bottom();
+  }
+  .crm-message-item-title {
+    &--normal {
+      color: var(--text-n1);
+    }
+    &--read {
+      color: var(--text-n4);
+    }
+  }
+</style>
diff --git a/frontend/packages/mobile/src/components/business/crm-select-list/index.vue b/frontend/packages/mobile/src/components/business/crm-select-list/index.vue
new file mode 100644
index 0000000..6af4d94
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-select-list/index.vue
@@ -0,0 +1,154 @@
+<template>
+  <CrmList
+    v-if="props.multiple"
+    ref="crmListRef"
+    v-model:model-value="list"
+    v-model:loading="loading"
+    :keyword="props.keyword"
+    :list-params="props.listParams"
+    :load-list-api="props.loadListApi"
+    :transform="props.transform"
+  >
+    <template #item="{ item }">
+      <van-checkbox v-model="item.checked" :disabled="item.disabled" @change="handleChange">
+        <slot name="label" :item="item">{{ item.name }}</slot>
+      </van-checkbox>
+    </template>
+  </CrmList>
+  <van-radio-group v-else v-model:model-value="value" shape="dot" class="h-full" @change="handleChange">
+    <CrmList
+      ref="crmListRef"
+      v-model:model-value="list"
+      v-model:loading="loading"
+      :keyword="props.keyword"
+      :list-params="props.listParams"
+      :load-list-api="props.loadListApi"
+      :no-page-nation="props.noPageNation"
+      :transform="props.transform"
+    >
+      <template #item="{ item }">
+        <van-radio :name="item.id" :disabled="item.disabled">
+          <slot name="label" :item="item">{{ item.name }}</slot>
+        </van-radio>
+      </template>
+    </CrmList>
+  </van-radio-group>
+</template>
+
+<script setup lang="ts">
+  import type { CommonList, TableQueryParams } from '@lib/shared/models/common';
+
+  import CrmList from '@/components/pure/crm-list/index.vue';
+
+  const props = defineProps<{
+    data?: Record<string, any>[];
+    keyword?: string;
+    multiple?: boolean;
+    listParams?: Record<string, any>;
+    noPageNation?: boolean;
+    loadListApi?: (params: TableQueryParams) => Promise<CommonList<Record<string, any>>>;
+    transform?: (item: Record<string, any>, optionMap?: Record<string, any[]>) => Record<string, any>;
+  }>();
+
+  const value = defineModel<string | string[]>('value', {
+    default: '',
+  });
+  const selectedRows = defineModel<Record<string, any>[]>('selectedRows', {
+    default: [],
+  });
+  const loading = defineModel<boolean>('loading', {
+    default: false,
+  });
+
+  const list = ref<Record<string, any>[]>([]);
+  const crmListRef = ref<InstanceType<typeof CrmList>>();
+
+  const selectedMap = ref<Map<string, Record<string, any>>>(new Map()); // 用 Map 来存储所有已选行，避免被过滤掉
+
+  function handleChange() {
+    if (props.multiple) {
+      list.value.forEach((item) => {
+        if (item.checked) {
+          selectedMap.value.set(item.id, item);
+        } else {
+          selectedMap.value.delete(item.id);
+        }
+      });
+      selectedRows.value = Array.from(selectedMap.value.values());
+      value.value = selectedRows.value.map((e) => e.id);
+    } else {
+      selectedRows.value = list.value.filter((e) => e.id === value.value);
+    }
+  }
+
+  function loadList(refresh = false) {
+    crmListRef.value?.loadList(refresh);
+  }
+
+  function filterListByKeyword(keywordKey: string) {
+    crmListRef.value?.filterListByKeyword(keywordKey);
+  }
+
+  onBeforeMount(() => {
+    if (!props.multiple && Array.isArray(value.value)) {
+      [value.value] = value.value;
+    }
+  });
+
+  onMounted(() => {
+    if (!props.multiple) {
+      // 单选容器包裹 list 组件导致创建 list 组件时不会触发组件初始化加载，需要手动调用一下
+      nextTick(() => {
+        loadList(true);
+      });
+    }
+  });
+
+  watch(
+    () => props.data,
+    (newData) => {
+      list.value = newData || [];
+
+      list.value.forEach((item) => {
+        item.checked = selectedMap.value.has(item.id);
+      });
+
+      if (!props.loadListApi) {
+        nextTick(() => {
+          loadList(true);
+        });
+      }
+    },
+    { immediate: true }
+  );
+
+  defineExpose({
+    loadList,
+    filterListByKeyword,
+  });
+</script>
+
+<style lang="less" scoped>
+  :deep(.van-radio):not(:first-child) {
+    .half-px-border-top();
+  }
+  :deep(.van-radio) {
+    @apply overflow-visible;
+    .van-radio__label,
+    .van-checkbox__label {
+      @apply w-full;
+
+      padding: 16px 16px 16px 0;
+    }
+  }
+  :deep(.van-checkbox) {
+    &:not(:first-child) {
+      .half-px-border-top();
+    }
+    .van-checkbox__label {
+      @apply w-full;
+
+      padding: 16px 16px 16px 0;
+    }
+  }
+</style>
diff --git a/frontend/packages/mobile/src/components/business/crm-workflow-card/index.vue b/frontend/packages/mobile/src/components/business/crm-workflow-card/index.vue
new file mode 100644
index 0000000..864cd9f
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-workflow-card/index.vue
@@ -0,0 +1,315 @@
+<template>
+  <div class="crm-workflow-wrapper">
+    <div class="flex items-center justify-between">
+      <div class="font-semibold text-[var(--text-n1)]"> {{ props.title }}</div>
+      <div
+        v-if="
+          currentStageIndex !== workflowList.length - 1 &&
+          hasAnyPermission(props.operationPermission) &&
+          !props.readonly
+        "
+        class="flex items-center gap-[8px]"
+      >
+        <van-button v-if="props.showErrorBtn" plain type="danger" size="small" @click="handleUpdateStage(failureStage)">
+          {{ t('common.followFailed') }}
+        </van-button>
+      </div>
+    </div>
+    <div class="crm-workflow-step overflow-x-auto">
+      <div
+        v-for="(item, index) of workflowList"
+        :key="item.value"
+        :class="`crm-workflow-item ${index === workflowList.length - 1 ? '' : 'flex-1'} ${
+          workflowList.length === 1 ? 'pl-[16px]' : ''
+        }`"
+      >
+        <div class="relative -left-[16px] flex flex-nowrap items-center justify-center">
+          <div
+            class="crm-workflow-item-line"
+            :class="{
+              'in-progress': index <= currentStageIndex,
+              'invisible': index === 0,
+              'visible': index !== 0,
+            }"
+          >
+          </div>
+          <div
+            class="crm-workflow-item-status mx-[8px]"
+            :class="statusClass(index, item)"
+            @click="handleUpdateStage(item.value)"
+          >
+            <CrmIcon
+              v-if="index < currentStageIndex || item.value === failureStage"
+              :name="item.value === failureStage ? 'iconicon_close' : 'iconicon_check'"
+              width="16px"
+              height="16px"
+              :color="
+                item.value === failureStage && currentStage === failureStage ? 'var(--error-red)' : 'var(--primary-8)'
+              "
+            />
+            <div v-else class="flex items-center justify-center">
+              {{ index + 1 }}
+            </div>
+          </div>
+          <div
+            class="crm-workflow-item-line"
+            :class="{
+              'in-progress': index < currentStageIndex,
+              'invisible': index === workflowList.length - 1,
+              'visible': index !== workflowList.length - 1,
+            }"
+          >
+          </div>
+        </div>
+        <div class="crm-workflow-item-name one-line-text relative -left-[16px]" :class="statusClass(index, item)">
+          {{
+            item.value === failureStage && props.failureReason ? `${item.label}（${props.failureReason}）` : item.label
+          }}
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { useRouter } from 'vue-router';
+  import { closeToast, showLoadingToast, showSuccessToast } from 'vant';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { ReasonTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { StageConfigItem } from '@lib/shared/models/opportunity';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+
+  import { getReasonConfig, updateClueStatus, updateOptStage } from '@/api/modules';
+  import { hasAllPermission, hasAnyPermission } from '@/utils/permission';
+
+  import { CommonRouteEnum } from '@/enums/routeEnum';
+
+  const { t } = useI18n();
+  const router = useRouter();
+  export interface Options {
+    value: string;
+    label: string;
+  }
+
+  export type WorkStageTypeKey = FormDesignKeyEnum.BUSINESS | FormDesignKeyEnum.CLUE;
+
+  const props = defineProps<{
+    title: string;
+    stageConfigList: StageConfigItem[]; // 阶段列表
+    sourceId: string; // 资源id
+    showConfirmStatus?: boolean; // 是否二次确认更新成功 | 成败
+    formStageKey: WorkStageTypeKey;
+    operationPermission?: string[];
+    showErrorBtn?: boolean;
+    readonly?: boolean;
+    isLimitBack?: boolean; // 是否限制状态往返
+    backStagePermission?: string[];
+    failureReason?: string; // 失败原因
+    afootRollBack?: boolean; // 是否允许从跟进中回退
+    endRollBack?: boolean; // 是否允许从成功或失败回退
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'loadDetail'): void;
+  }>();
+
+  const currentStage = defineModel<string>('stage');
+
+  const updateStageApi = {
+    [FormDesignKeyEnum.BUSINESS]: updateOptStage,
+    [FormDesignKeyEnum.CLUE]: updateClueStatus,
+  };
+
+  const workflowList = computed<Options[]>(() => {
+    return props.stageConfigList.map((item) => ({
+      label: item.name,
+      value: item.id,
+    }));
+  });
+  const enableReason = ref(false);
+  const currentStageIndex = computed(() => workflowList.value.findIndex((e) => e.value === currentStage.value));
+  const failureStage = computed(() => props.stageConfigList.find((e) => e.type === 'END' && e.rate === '0')?.id || '');
+  const successStage = computed(
+    () => props.stageConfigList.find((e) => e.type === 'END' && e.rate === '100')?.id || ''
+  );
+
+  function statusClass(index: number, item: Options) {
+    return {
+      done: index < currentStageIndex.value && item.value !== failureStage.value,
+      current: index === currentStageIndex.value && item.value !== failureStage.value,
+      error: currentStage.value === failureStage.value && item.value === failureStage.value,
+    };
+  }
+
+  const isHasBackPermission = computed(
+    () =>
+      props.backStagePermission &&
+      hasAllPermission(props.backStagePermission) &&
+      currentStage.value === successStage.value
+  );
+
+  async function handleSave(stage: string) {
+    try {
+      showLoadingToast(t('common.updating'));
+      await updateStageApi[props.formStageKey]({
+        id: props.sourceId,
+        stage,
+      });
+      showSuccessToast(t('common.operationSuccess'));
+      emit('loadDetail');
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      closeToast();
+    }
+  }
+
+  const readonly = computed(() => props.readonly || !hasAnyPermission(props.operationPermission));
+
+  const isDisabledStage = (stage: string) => {
+    const isSameStage = currentStage.value === stage;
+    const isFailureStage = stage === failureStage.value;
+    const isCurrentEndStage = currentStage.value === successStage.value || currentStage.value === failureStage.value;
+
+    const hasPermission = props.backStagePermission && hasAllPermission(props.backStagePermission);
+
+    // 获取当前阶段和目标阶段在流程中的索引
+    const currentIndex = workflowList.value.findIndex((item) => item.value === currentStage.value);
+    const targetIndex = workflowList.value.findIndex((item) => item.value === stage);
+    // 限制回退状态
+    if (props.isLimitBack) {
+      // 当前为成功状态，且目标为失败状态，需要返签权限
+      if (currentStage.value === successStage.value && isFailureStage) {
+        return isSameStage || readonly.value || !hasPermission;
+      }
+      // 当前为完结状态，且目标是进行中状态，需要开启完结阶段回退
+      if (currentStage.value === successStage.value || currentStage.value === failureStage.value) {
+        return isSameStage || readonly.value || !props.endRollBack;
+      }
+      // 当前处于进行中阶段时的处理逻辑
+      if (!isCurrentEndStage) {
+        // 开启则不限制
+        if (props.afootRollBack) {
+          return isSameStage || readonly.value;
+        }
+        // 允许前进到当前阶段的后边的任意阶段 无论是进行中、成功或失败）
+        return isSameStage || readonly.value || targetIndex < currentIndex;
+      }
+    } else {
+      // 不限制回退状态
+      return isSameStage || readonly.value;
+    }
+    return false;
+  };
+
+  // 更新状态
+  async function handleUpdateStage(stage: string) {
+    if (isDisabledStage(stage)) return;
+
+    if (
+      props.showConfirmStatus &&
+      stage === workflowList.value[workflowList.value.length - 1].value &&
+      enableReason.value
+    ) {
+      router.push({
+        name: CommonRouteEnum.WORKFLOW_STAGE,
+        query: {
+          id: props.sourceId,
+          type: props.formStageKey,
+          lastName: workflowList.value[workflowList.value.length - 1].label,
+          isHasBack: isHasBackPermission.value ? 'Y' : 'N',
+        },
+      });
+      return;
+    }
+    await handleSave(stage);
+  }
+
+  async function initReason() {
+    try {
+      const res = await getReasonConfig(ReasonTypeEnum.OPPORTUNITY_FAIL_RS);
+      enableReason.value = res.enable;
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+    }
+  }
+
+  onBeforeMount(() => {
+    initReason();
+  });
+</script>
+
+<style scoped lang="less">
+  .crm-workflow-wrapper {
+    padding: 16px;
+    border-radius: @border-radius-large;
+    background: var(--text-n10);
+    .crm-workflow-step {
+      padding: 16px 0;
+      border-radius: var(--border-radius-medium);
+
+      @apply flex flex-nowrap justify-start;
+      .crm-workflow-item {
+        gap: 8px;
+        @apply flex flex-col;
+        .crm-workflow-item-status {
+          width: 22px;
+          height: 22px;
+          line-height: 22px;
+          border: 1px solid var(--text-n4);
+          border-radius: 50%;
+          color: var(--text-n4);
+          @apply flex flex-shrink-0 items-center justify-center font-semibold;
+          &.current {
+            border-color: var(--primary-8);
+            color: var(--text-n10);
+            background: var(--primary-8);
+          }
+          &.done {
+            border-color: var(--primary-7);
+            color: var(--primary-8);
+            background: var(--primary-7);
+          }
+          &.error {
+            border-color: var(--error-red);
+            color: var(--error-red);
+          }
+        }
+        .crm-workflow-item-name {
+          min-width: 78px;
+          color: var(--text-n4);
+          @apply flex w-auto items-center justify-center font-medium;
+          &.current {
+            color: var(--primary-8);
+            @apply font-medium;
+          }
+          &.done {
+            border-color: var(--primary-8);
+            color: var(--text-n1);
+            @apply font-normal;
+          }
+          &.error {
+            color: var(--error-red);
+            @apply font-medium;
+          }
+        }
+        .crm-workflow-item-line {
+          width: auto;
+          min-width: 20px;
+          height: 2px;
+          background: var(--text-n7);
+
+          @apply flex-1;
+          &.in-progress {
+            background: var(--primary-8);
+          }
+        }
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/mobile/src/components/business/crm-workflow-card/workflowStage.vue b/frontend/packages/mobile/src/components/business/crm-workflow-card/workflowStage.vue
new file mode 100644
index 0000000..02c48bb
--- /dev/null
+++ b/frontend/packages/mobile/src/components/business/crm-workflow-card/workflowStage.vue
@@ -0,0 +1,164 @@
+<template>
+  <CrmPageWrapper :title="route.query.lastName?.toString() || ''">
+    <van-form ref="formRef" required>
+      <van-cell-group inset>
+        <!-- <van-field
+          v-model="form.expectedEndTime"
+          is-link
+          name="datePicker"
+          :label="t('opportunity.endTime')"
+          :placeholder="t('opportunity.selectActualEndTime')"
+          :rules="[{ required: true, message: t('common.notNull', { value: `${t('opportunity.endTime')}` }) }]"
+          @click="selectExpectedEndTime"
+        />
+        <van-popup v-model:show="showEndTimePicker" destroy-on-close position="bottom">
+          <van-date-picker v-model="currentDate" @confirm="onSelectDateConfirm" @cancel="showEndTimePicker = false" />
+        </van-popup> -->
+        <van-field
+          v-model="form.failureReason"
+          is-link
+          name="picker"
+          :label="t('opportunity.failureReason')"
+          :placeholder="t('opportunity.selectFailureReason')"
+          :rules="[{ required: true, message: t('common.notNull', { value: `${t('opportunity.failureReason')}` }) }]"
+          @click="showReasonPicker = true"
+        />
+        <van-popup v-model:show="showReasonPicker" destroy-on-close position="bottom">
+          <van-picker
+            v-model="currentReason"
+            :columns="reasonList"
+            @cancel="() => (showReasonPicker = false)"
+            @confirm="onSelectReasonConfirm"
+          />
+        </van-popup>
+      </van-cell-group>
+    </van-form>
+    <template #footer>
+      <div class="flex items-center gap-[16px]">
+        <van-button
+          type="default"
+          class="crm-button-primary--secondary !rounded-[var(--border-radius-small)] !text-[16px]"
+          block
+          :disabled="loading"
+          @click="router.back"
+        >
+          {{ t('common.cancel') }}
+        </van-button>
+        <van-button
+          type="primary"
+          class="!rounded-[var(--border-radius-small)] !text-[16px]"
+          :loading="loading"
+          block
+          @click="handleSave"
+        >
+          {{ t('common.confirm') }}
+        </van-button>
+      </div>
+    </template>
+  </CrmPageWrapper>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { useRoute, useRouter } from 'vue-router';
+  import { FormInstance, PickerOption, showSuccessToast } from 'vant';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { ReasonTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { OpportunityStageConfig, UpdateStageParams } from '@lib/shared/models/opportunity';
+
+  import CrmPageWrapper from '@/components/pure/crm-page-wrapper/index.vue';
+
+  import { getOpportunityStageConfig, getReasonConfig, updateClueStatus, updateOptStage } from '@/api/modules';
+
+  import type { WorkStageTypeKey } from './index.vue';
+
+  const { t } = useI18n();
+  const route = useRoute();
+  const router = useRouter();
+
+  const updateStageApi: Record<WorkStageTypeKey, (params: UpdateStageParams) => Promise<any>> = {
+    [FormDesignKeyEnum.BUSINESS]: updateOptStage,
+    [FormDesignKeyEnum.CLUE]: updateClueStatus,
+  };
+
+  const stageConfig = ref<OpportunityStageConfig>();
+  async function initStageConfig() {
+    try {
+      stageConfig.value = await getOpportunityStageConfig();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+  const failureStage = computed(() =>
+    stageConfig.value?.stageConfigList.find((e) => e.type === 'END' && e.rate === '0')
+  );
+  const enableReason = ref(false);
+  const reasonList = ref<PickerOption[]>([]);
+
+  const form = ref<{
+    stage: string;
+    failureReason?: string;
+  }>({
+    stage: failureStage.value?.id || '',
+    failureReason: '',
+  });
+
+  const showReasonPicker = ref(false);
+  const currentReason = ref<string[]>([]);
+  function onSelectReasonConfirm({
+    selectedValues,
+    selectedOptions,
+  }: {
+    selectedValues: string[];
+    selectedOptions: { value: string; text: string }[];
+  }) {
+    form.value.failureReason = selectedOptions[0]?.text;
+    currentReason.value = selectedValues;
+    showReasonPicker.value = false;
+  }
+
+  const formRef = ref<FormInstance>();
+  const loading = ref(false);
+  async function handleSave() {
+    try {
+      if (enableReason.value) {
+        await formRef.value?.validate();
+      }
+      loading.value = true;
+      const stageType = route.query.type as WorkStageTypeKey;
+      await updateStageApi[stageType]({
+        id: route.query.id as string,
+        stage: form.value.stage || failureStage.value?.id || '',
+        failureReason: form.value.stage === failureStage.value?.id ? currentReason.value[0] : undefined,
+      });
+      showSuccessToast(t('common.operationSuccess'));
+      router.back();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  async function initReason() {
+    try {
+      const { dictList, enable } = await getReasonConfig(ReasonTypeEnum.OPPORTUNITY_FAIL_RS);
+      enableReason.value = enable;
+      reasonList.value = dictList.map((e) => ({ text: e.name, value: e.id }));
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+    }
+  }
+
+  onBeforeMount(() => {
+    initReason();
+    initStageConfig();
+  });
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/mobile/src/components/pure/crm-description/index.vue b/frontend/packages/mobile/src/components/pure/crm-description/index.vue
new file mode 100644
index 0000000..1678803
--- /dev/null
+++ b/frontend/packages/mobile/src/components/pure/crm-description/index.vue
@@ -0,0 +1,131 @@
+<template>
+  <van-cell-group inset class="h-full">
+    <div class="crm-description flex h-full flex-col gap-[8px] overflow-auto px-[20px] py-[16px]">
+      <div v-for="item of props.description" :key="item.label" class="crm-description-item">
+        <slot :name="item.slotName" :item="item">
+          <div v-if="item.isTitle" class="crm-description-title">{{ item.label }}</div>
+          <template v-else>
+            <div class="crm-description-label">{{ item.label }}</div>
+            <div class="crm-description-value">
+              <slot :name="item.valueSlotName" :item="item">
+                <template v-if="item.isImage">
+                  <div v-if="(item.value as string[])?.length === 0">-</div>
+                  <template v-else>
+                    <van-image
+                      v-for="img of item.value"
+                      :key="img as string"
+                      width="40"
+                      height="40"
+                      :src="`${PreviewPictureUrl}/${img}`"
+                      @click="
+                  () => {
+                    showImagePreview({
+                      images: (item.value as string[]).map((img) => `${PreviewPictureUrl}/${img}`),
+                      closeable: true,
+                      startPosition: (item.value as string[]).findIndex((image) => image === img),
+                    });
+                  }
+                "
+                    />
+                  </template>
+                </template>
+                <div v-else-if="item.isAttachment" class="text-[var(--primary-8)]" @click="handleAttachmentClick(item)">
+                  {{ t('crm.description.attachment', { count: (item.value as any[])?.length }) }}
+                </div>
+                <div v-else-if="item.isLink" class="text-[var(--primary-8)]" @click="openLink(item)">
+                  {{ item.value }}
+                </div>
+                <CrmTag v-else-if="Array.isArray(item.value) && item.value?.length" :tag="item.value as any || ''" />
+                <div v-else>{{ getDisplayValue(item.value as string) }}</div>
+              </slot>
+            </div>
+          </template>
+        </slot>
+      </div>
+    </div>
+  </van-cell-group>
+  <CrmFileListPop v-model:show="showFileListPop" :file-list="activeFileList" @delete-file="handleDeleteFile" />
+</template>
+
+<script setup lang="ts">
+  import { showImagePreview } from 'vant';
+
+  import { PreviewPictureUrl } from '@lib/shared/api/requrls/system/module';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import CrmFileListPop from '@/components/business/crm-file-list-pop/index.vue';
+
+  import { AttachmentInfo } from '@cordys/web/src/components/business/crm-form-create/types';
+
+  export interface CrmDescriptionItem {
+    label: string;
+    value?: string | number | (string | number)[] | Record<string, any>[];
+    isTag?: boolean;
+    isImage?: boolean;
+    isTitle?: boolean;
+    slotName?: string;
+    valueSlotName?: string;
+    isAttachment?: boolean;
+    [key: string]: any;
+  }
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    description: CrmDescriptionItem[];
+  }>();
+
+  const getDisplayValue = (val?: string | number | (string | number)[]) => {
+    if (typeof val === 'number') return val;
+    if (typeof val === 'string' || Array.isArray(val)) return val.length > 0 ? val : '-';
+    return '-';
+  };
+
+  function openLink(item: any) {
+    if (item.fieldInfo.openMode === 'openInCurrent') {
+      window.location.href = item.value;
+    } else {
+      window.open(item.value, '_blank');
+    }
+  }
+
+  const showFileListPop = ref(false);
+  const activeFileList = ref<AttachmentInfo[]>([]);
+  function handleAttachmentClick(item: CrmDescriptionItem) {
+    activeFileList.value = item.value as AttachmentInfo[];
+    showFileListPop.value = true;
+  }
+
+  function handleDeleteFile(id: string) {
+    activeFileList.value = activeFileList.value.filter((file) => file.id !== id);
+  }
+</script>
+
+<style lang="less" scoped>
+  .crm-description-item {
+    @apply flex;
+
+    gap: 16px;
+    .crm-description-title {
+      margin: 4px 0;
+      font-size: 14px;
+      font-weight: 600;
+      color: var(--text-n1);
+    }
+    .crm-description-label {
+      @apply break-words;
+
+      width: 20%;
+      font-size: 14px;
+      color: var(--text-n2);
+    }
+    .crm-description-value {
+      @apply flex-1;
+
+      font-size: 14px;
+      text-align: justify;
+      color: var(--text-n1);
+    }
+  }
+</style>
diff --git a/frontend/packages/mobile/src/components/pure/crm-description/locale/en-US.ts b/frontend/packages/mobile/src/components/pure/crm-description/locale/en-US.ts
new file mode 100644
index 0000000..bf4fe54
--- /dev/null
+++ b/frontend/packages/mobile/src/components/pure/crm-description/locale/en-US.ts
@@ -0,0 +1,3 @@
+export default {
+  'crm.description.attachment': '{count} attachments',
+};
diff --git a/frontend/packages/mobile/src/components/pure/crm-description/locale/zh-CN.ts b/frontend/packages/mobile/src/components/pure/crm-description/locale/zh-CN.ts
new file mode 100644
index 0000000..1993193
--- /dev/null
+++ b/frontend/packages/mobile/src/components/pure/crm-description/locale/zh-CN.ts
@@ -0,0 +1,3 @@
+export default {
+  'crm.description.attachment': '{count}个附件',
+};
diff --git a/frontend/packages/mobile/src/components/pure/crm-file-icon/index.vue b/frontend/packages/mobile/src/components/pure/crm-file-icon/index.vue
new file mode 100644
index 0000000..7351642
--- /dev/null
+++ b/frontend/packages/mobile/src/components/pure/crm-file-icon/index.vue
@@ -0,0 +1,21 @@
+<template>
+  <CrmIon :name="iconType" :width="props.width" :height="props.height" />
+</template>
+
+<script setup lang="ts">
+  import { getFileIconType } from '@lib/shared/method';
+
+  import CrmIon from '@/components/pure/crm-icon-font/index.vue';
+
+  const props = defineProps<{
+    type: string;
+    width: string;
+    height: string;
+  }>();
+
+  const iconType = computed(() => {
+    return getFileIconType(props.type);
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/mobile/src/components/pure/crm-icon-font/index.vue b/frontend/packages/mobile/src/components/pure/crm-icon-font/index.vue
new file mode 100644
index 0000000..17a2a40
--- /dev/null
+++ b/frontend/packages/mobile/src/components/pure/crm-icon-font/index.vue
@@ -0,0 +1,38 @@
+<script setup lang="ts">
+  import { computed } from 'vue';
+
+  interface Props {
+    name: string;
+    color?: string;
+    width?: string;
+    height?: string;
+    content?: number | string;
+    dot?: boolean;
+  }
+  const props = withDefaults(defineProps<Props>(), {
+    name: '',
+    color: '#000',
+    width: '1rem',
+    height: '1rem',
+    dot: false,
+  });
+  const iconName = computed(() => `#${props.name}`);
+</script>
+
+<template>
+  <van-badge :content="props.content" :dot="props.dot">
+    <svg class="c-icon" aria-hidden="true">
+      <use :xlink:href="iconName" :fill="color" />
+    </svg>
+  </van-badge>
+</template>
+
+<style scoped lang="less">
+  .c-icon {
+    @apply relative;
+
+    width: v-bind(width);
+    height: v-bind(height);
+    color: transparent; // 解决部分图标线条填充色问题
+  }
+</style>
diff --git a/frontend/packages/mobile/src/components/pure/crm-list-common-item/index.vue b/frontend/packages/mobile/src/components/pure/crm-list-common-item/index.vue
new file mode 100644
index 0000000..d8ea8ba
--- /dev/null
+++ b/frontend/packages/mobile/src/components/pure/crm-list-common-item/index.vue
@@ -0,0 +1,120 @@
+<template>
+  <div class="crm-list-common-item" @click="emit('click', item)">
+    <div class="crm-list-common-item-header">
+      <div class="one-line-text text-[14px] font-semibold text-[var(--text-n1)]">{{ props.item.name }}</div>
+      <CrmTag
+        v-if="item.stageName && !props.hiddenStage"
+        class="flex-shrink-0"
+        :bg-color="getStage(item.stage)?.bgColor"
+        :tag="item.stageName ?? ''"
+        :text-color="getStage(item.stage)?.color"
+      />
+    </div>
+    <div class="crm-list-common-item-content">
+      <div
+        v-for="desc of item.description"
+        :key="desc.label"
+        class="flex items-start gap-[8px]"
+        :class="desc.fullLine ? 'basis-full' : ''"
+      >
+        <div class="whitespace-nowrap text-[12px] text-[var(--text-n4)]">{{ desc.label }}</div>
+        <div class="break-words break-all text-[12px] text-[var(--text-n1)]">{{ desc.value }}</div>
+      </div>
+    </div>
+    <van-divider v-if="actionList?.length" class="!m-0" />
+    <div v-if="actionList?.length" class="crm-list-common-item-actions">
+      <CrmTextButton
+        v-for="btn of actionList"
+        :key="btn.label"
+        :text="btn.label"
+        :icon="btn.icon"
+        @click="btn.action(item)"
+      />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import CrmTextButton from '@/components/pure/crm-text-button/index.vue';
+
+  import useAppStore from '@/store/modules/app';
+  import { hasAllPermission, hasAnyPermission } from '@/utils/permission';
+
+  const appStore = useAppStore();
+
+  export interface CrmListCommonItemActionsItem {
+    label: string;
+    icon: string;
+    permission: string[];
+    allPermission?: boolean;
+    action: (data: any) => void;
+  }
+  const props = defineProps<{
+    item: Record<string, any>;
+    hiddenStage?: boolean;
+    actions?: CrmListCommonItemActionsItem[];
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'click', item: Record<string, any>): void;
+  }>();
+
+  function stageStyle(type: 'success' | 'error' | 'info') {
+    const map = {
+      success: { bgColor: 'var(--success-5)', color: 'var(--success-green)' },
+      error: { bgColor: 'var(--error-5)', color: 'var(--error-red)' },
+      info: { bgColor: 'var(--info-5)', color: 'var(--info-blue)' },
+    };
+    return map[type];
+  }
+
+  function defaultStageStyle() {
+    return stageStyle('info');
+  }
+
+  function getStage(stageId: string): Record<string, string> {
+    const stage = appStore.originStageConfigList.find((item) => item.id === stageId);
+    if (!stage) {
+      return defaultStageStyle();
+    }
+
+    const { type, rate } = stage;
+    if (type === 'END') {
+      if (rate === '100') return stageStyle('success');
+      if (rate === '0') return stageStyle('error');
+    }
+
+    return stageStyle('info');
+  }
+
+  const actionList = computed(() => {
+    return props.actions?.filter((e) =>
+      e.allPermission ? hasAllPermission(e.permission) : hasAnyPermission(e.permission)
+    );
+  });
+</script>
+
+<style lang="less" scoped>
+  .crm-list-common-item {
+    @apply flex flex-col;
+
+    padding: 16px 20px;
+    border-radius: var(--border-radius-small);
+    background-color: var(--text-n10);
+    gap: 8px;
+    .crm-list-common-item-header,
+    .crm-list-common-item-content {
+      @apply flex items-center justify-between;
+    }
+    .crm-list-common-item-content {
+      @apply flex-wrap;
+
+      gap: 8px;
+    }
+    .crm-list-common-item-actions {
+      @apply flex w-full items-center justify-between;
+
+      gap: 8px;
+    }
+  }
+</style>
diff --git a/frontend/packages/mobile/src/components/pure/crm-list/index.vue b/frontend/packages/mobile/src/components/pure/crm-list/index.vue
new file mode 100644
index 0000000..c103d00
--- /dev/null
+++ b/frontend/packages/mobile/src/components/pure/crm-list/index.vue
@@ -0,0 +1,145 @@
+<template>
+  <div class="h-full overflow-auto" :class="props.class">
+    <van-pull-refresh v-model="refreshing" @refresh="handleRefresh">
+      <van-empty v-if="list.length === 0 && !loading && !error" :description="t('common.noData')" />
+      <van-list
+        v-model:loading="loading"
+        v-model:error="error"
+        :error-text="props.errorText ?? t('common.listLoadErrorTip')"
+        :finished="finished"
+        :finished-text="list.length === 0 ? '' : t('common.listFinishedTip')"
+        class="flex flex-col"
+        :class="`gap-[${itemGap}px]`"
+        @load="loadList"
+      >
+        <template v-for="item in list" :key="item.id">
+          <slot name="item" :item="item"></slot>
+        </template>
+      </van-list>
+    </van-pull-refresh>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { closeToast, showLoadingToast, showSuccessToast } from 'vant';
+  import { cloneDeep } from 'lodash-es';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { CommonList } from '@lib/shared/models/common';
+
+  const props = defineProps<{
+    keyword?: string;
+    class?: string;
+    listParams?: Record<string, any>;
+    itemGap?: number;
+    noPageNation?: boolean;
+    errorText?: string;
+    isReturnNativeResponse?: boolean;
+    loadListApi?: (...args: any) => Promise<CommonList<Record<string, any>> | Record<string, any>>;
+    transform?: (item: any, optionMap?: Record<string, any[]>) => Record<string, any>;
+    closeInitLoad?: boolean; // 关闭首次加载
+    notShowLoadingToast?: boolean;
+  }>();
+
+  const { t } = useI18n();
+
+  const loading = defineModel<boolean>('loading', {
+    default: false,
+  });
+  const error = ref(false);
+  const refreshing = ref(false);
+  const finished = ref(false);
+  const list = defineModel<any[]>('modelValue', {
+    default: [],
+  });
+  const currentPage = ref(0);
+
+  const code = ref(0); // 状态码
+
+  const originData = ref<any[]>([]);
+  async function loadList(refresh = false) {
+    if (props.closeInitLoad) return;
+    try {
+      if (!props.loadListApi) {
+        list.value = props.transform ? list.value.map((e: any) => props.transform!(e)) : list.value;
+        originData.value = list.value;
+        finished.value = true;
+        return;
+      }
+
+      loading.value = true;
+      if (refresh) {
+        currentPage.value = 1;
+        finished.value = false;
+      } else {
+        currentPage.value += 1;
+      }
+      if (currentPage.value === 1 && !refreshing.value && !props.notShowLoadingToast) {
+        showLoadingToast(t('common.loading'));
+      }
+      const res = await props.loadListApi({
+        keyword: props.keyword,
+        ...props.listParams,
+        pageSize: 20,
+        current: currentPage.value,
+      });
+      if (props?.isReturnNativeResponse) {
+        code.value = res.data.code;
+      }
+      const data = props?.isReturnNativeResponse ? res.data.data : res;
+      const resList = props.noPageNation && !data.list ? data : data.list || [];
+      const dataList = props.transform
+        ? resList.map((e: Record<string, any>) => props.transform!(e, data.optionMap))
+        : resList;
+      if (refresh) {
+        list.value = dataList;
+      } else {
+        list.value = list.value.concat(dataList);
+      }
+      finished.value = props.noPageNation || data.total <= currentPage.value * 20;
+      error.value = false;
+      originData.value = cloneDeep(dataList);
+    } catch (_error: any) {
+      // eslint-disable-next-line no-console
+      console.log(_error);
+      error.value = true;
+      if (props?.isReturnNativeResponse) {
+        code.value = _error.code;
+      }
+    } finally {
+      loading.value = false;
+      refreshing.value = false;
+      closeToast();
+    }
+  }
+
+  function filterListByKeyword(keywordKeys: string | string[]) {
+    if (!props.keyword?.trim()?.length) {
+      if (props.loadListApi) {
+        loadList(true);
+      } else {
+        list.value = originData.value;
+      }
+      return;
+    }
+    const lowerCaseVal = props.keyword.trim()?.toLowerCase();
+    const keys = Array.isArray(keywordKeys) ? keywordKeys : [keywordKeys];
+    list.value = originData.value.filter((item) => {
+      return keys.some((key) => item[key]?.toString().toLowerCase().includes(lowerCaseVal));
+    });
+  }
+
+  async function handleRefresh() {
+    refreshing.value = true;
+    await loadList(true);
+    showSuccessToast(t('common.refreshSuccess'));
+  }
+
+  defineExpose({
+    loadList,
+    filterListByKeyword,
+    code,
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/mobile/src/components/pure/crm-page-header/index.vue b/frontend/packages/mobile/src/components/pure/crm-page-header/index.vue
new file mode 100644
index 0000000..2aa22bd
--- /dev/null
+++ b/frontend/packages/mobile/src/components/pure/crm-page-header/index.vue
@@ -0,0 +1,45 @@
+<template>
+  <van-nav-bar :title="props.title" class="crm-page-header" fixed>
+    <template #left>
+      <CrmIcon v-if="!props.hideBack" name="iconicon_chevron_left" width="24px" height="24px" @click="handleBack" />
+    </template>
+    <template #right>
+      <slot name="rightSlot" />
+    </template>
+  </van-nav-bar>
+</template>
+
+<script setup lang="ts">
+  import { useRouter } from 'vue-router';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+
+  import useAppStore from '@/store/modules/app';
+
+  const props = defineProps<{
+    title: string;
+    hideBack?: boolean;
+    backRouteName?: string;
+  }>();
+
+  const router = useRouter();
+  const appStore = useAppStore();
+
+  function handleBack() {
+    appStore.setManualBack(true);
+    if (props.backRouteName) {
+      router.replace({ name: props.backRouteName });
+    } else {
+      router.back();
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  .crm-page-header {
+    height: 48px;
+    :deep(.van-nav-bar__left) {
+      padding: 0 12px;
+    }
+  }
+</style>
diff --git a/frontend/packages/mobile/src/components/pure/crm-page-wrapper/index.vue b/frontend/packages/mobile/src/components/pure/crm-page-wrapper/index.vue
new file mode 100644
index 0000000..47fbc98
--- /dev/null
+++ b/frontend/packages/mobile/src/components/pure/crm-page-wrapper/index.vue
@@ -0,0 +1,41 @@
+<template>
+  <div class="crm-page-wrapper">
+    <CrmPageHeader :title="props.title" :hide-back="props.hideBack" :back-route-name="props.backRouteName" />
+    <div class="crm-page-content">
+      <slot />
+    </div>
+    <div v-if="$slots.footer" class="crm-page-footer">
+      <slot name="footer" />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import CrmPageHeader from '@/components/pure/crm-page-header/index.vue';
+
+  const props = defineProps<{
+    title: string;
+    hideBack?: boolean;
+    backRouteName?: string;
+  }>();
+</script>
+
+<style lang="less" scoped>
+  .crm-page-wrapper {
+    @apply flex flex-col;
+
+    height: 100%;
+    background-color: var(--text-n10);
+    .crm-page-content {
+      @apply flex flex-1 flex-col;
+
+      overflow: auto;
+      margin-top: 48px;
+      background-color: transparent;
+    }
+    .crm-page-footer {
+      padding: 16px;
+      background-color: var(--text-n10);
+    }
+  }
+</style>
diff --git a/frontend/packages/mobile/src/components/pure/crm-password-input/index.vue b/frontend/packages/mobile/src/components/pure/crm-password-input/index.vue
new file mode 100644
index 0000000..73c5466
--- /dev/null
+++ b/frontend/packages/mobile/src/components/pure/crm-password-input/index.vue
@@ -0,0 +1,25 @@
+<template>
+  <van-field v-model="value" :type="visible ? 'text' : 'password'" v-bind="$attrs">
+    <template #right-icon>
+      <CrmIcon
+        :name="visible ? 'iconicon_browse' : 'iconicon_browse_off'"
+        width="20px"
+        height="20px"
+        color="var(--text-n4)"
+        @click="() => (visible = !visible)"
+      />
+    </template>
+  </van-field>
+</template>
+
+<script lang="ts" setup>
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+
+  const value = defineModel<string>('value', {
+    required: true,
+  });
+
+  const visible = ref(false);
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/mobile/src/components/pure/crm-tag/index.vue b/frontend/packages/mobile/src/components/pure/crm-tag/index.vue
new file mode 100644
index 0000000..7ebb618
--- /dev/null
+++ b/frontend/packages/mobile/src/components/pure/crm-tag/index.vue
@@ -0,0 +1,60 @@
+<template>
+  <template v-if="Array.isArray(props.tag)">
+    <div class="flex flex-wrap gap-[4px]">
+      <van-tag
+        v-for="item of props.tag"
+        :key="item"
+        :color="props.bgColor"
+        :text-color="props.textColor"
+        class="!p-[2px_6px]"
+      >
+        {{ item }}
+      </van-tag>
+    </div>
+  </template>
+  <van-tag
+    v-else
+    :color="props.bgColor"
+    :text-color="props.textColor"
+    :size="props.size"
+    :round="props.round"
+    :plain="props.plain"
+    class="flex items-center gap-[2px] !p-[2px_6px]"
+  >
+    <CrmIcon
+      v-if="props.icon"
+      :name="props.icon"
+      :color="props.iconColor"
+      :width="props.iconWidth"
+      :height="props.iconHeight"
+    />
+    <div class="one-line-text">{{ props.tag }}</div>
+  </van-tag>
+</template>
+
+<script setup lang="ts">
+  import { TagSize } from 'vant';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+
+  const props = withDefaults(
+    defineProps<{
+      tag: (string | number) | (string | number)[];
+      bgColor?: string;
+      textColor?: string;
+      size?: TagSize;
+      round?: boolean;
+      plain?: boolean;
+      icon?: string;
+      iconWidth?: string;
+      iconHeight?: string;
+      iconColor?: string;
+    }>(),
+    {
+      bgColor: 'var(--text-n8)',
+      textColor: 'var(--text-n1)',
+    }
+  );
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/mobile/src/components/pure/crm-text-button/index.vue b/frontend/packages/mobile/src/components/pure/crm-text-button/index.vue
new file mode 100644
index 0000000..71c6a8d
--- /dev/null
+++ b/frontend/packages/mobile/src/components/pure/crm-text-button/index.vue
@@ -0,0 +1,45 @@
+<template>
+  <div class="crm-text-button" :class="props.direction === 'column' ? 'flex-col' : ''" @click.stop="emit('click')">
+    <CrmIcon
+      v-if="props.icon"
+      :name="props.icon"
+      :width="props.iconSize"
+      :height="props.iconSize"
+      :color="props.color"
+    />
+    <div v-if="props.text" :style="{ color: props.color }">{{ props.text }}</div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+
+  const props = withDefaults(
+    defineProps<{
+      text?: string;
+      icon?: string;
+      color?: string;
+      direction?: 'row' | 'column';
+      iconSize?: string;
+    }>(),
+    {
+      text: '',
+      icon: '',
+      color: 'var(--primary-8)',
+      direction: 'row',
+      iconSize: '12px',
+    }
+  );
+  const emit = defineEmits<{
+    (e: 'click'): void;
+  }>();
+</script>
+
+<style lang="less" scoped>
+  .crm-text-button {
+    @apply flex items-center;
+
+    gap: 4px;
+    font-size: 12px;
+  }
+</style>
diff --git a/frontend/packages/mobile/src/config/follow.ts b/frontend/packages/mobile/src/config/follow.ts
new file mode 100644
index 0000000..319c8cb
--- /dev/null
+++ b/frontend/packages/mobile/src/config/follow.ts
@@ -0,0 +1,110 @@
+import { CustomerFollowPlanStatusEnum } from '@lib/shared/enums/customerEnum';
+import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+import type { CommonList } from '@lib/shared/models/common';
+import type { FollowDetailItem, StatusTagKey } from '@lib/shared/models/customer';
+
+import {
+  deleteClueFollowPlan,
+  deleteClueFollowRecord,
+  deleteCustomerFollowPlan,
+  deleteCustomerFollowRecord,
+  deleteOptFollowPlan,
+  deleteOptFollowRecord,
+  getClueFollowPlanList,
+  getClueFollowRecordList,
+  getCluePoolFollowRecordList,
+  getCustomerFollowPlanList,
+  getCustomerFollowRecordList,
+  getCustomerOpenSeaFollowRecordList,
+  getOptFollowPlanList,
+  getOptFollowRecordList,
+  updateClueFollowPlanStatus,
+  updateCustomerFollowPlanStatus,
+  updateOptFollowPlanStatus,
+} from '@/api/modules';
+
+export type StatusTag = {
+  label: string;
+  value: CustomerFollowPlanStatusEnum;
+  icon: string;
+  color: string;
+  iconColor?: string;
+  bgColor?: string;
+};
+
+export const statusMap: Record<StatusTagKey, StatusTag> = {
+  [CustomerFollowPlanStatusEnum.PREPARED]: {
+    label: 'common.notStarted',
+    value: CustomerFollowPlanStatusEnum.PREPARED,
+    icon: 'iconicon_block_filled',
+    color: 'var(--text-n1)',
+    iconColor: 'var(--text-n4)',
+    bgColor: 'var(--text-n6)',
+  },
+  [CustomerFollowPlanStatusEnum.UNDERWAY]: {
+    label: 'common.inProgress',
+    value: CustomerFollowPlanStatusEnum.UNDERWAY,
+    icon: 'iconicon_testing',
+    color: 'var(--info-blue)',
+  },
+  [CustomerFollowPlanStatusEnum.COMPLETED]: {
+    label: 'common.completed',
+    value: CustomerFollowPlanStatusEnum.COMPLETED,
+    icon: 'iconicon_succeed_filled',
+    color: 'var(--success-green)',
+  },
+  [CustomerFollowPlanStatusEnum.CANCELLED]: {
+    label: 'common.canceled',
+    value: CustomerFollowPlanStatusEnum.CANCELLED,
+    icon: 'iconicon_block_filled',
+    color: 'var(--text-n6)',
+    bgColor: 'var(--text-n4)',
+  },
+};
+
+export type RecordEnumType =
+  | FormDesignKeyEnum.FOLLOW_RECORD_CUSTOMER
+  | FormDesignKeyEnum.FOLLOW_RECORD_CLUE
+  | FormDesignKeyEnum.CLUE_POOL
+  | FormDesignKeyEnum.CUSTOMER_OPEN_SEA
+  | FormDesignKeyEnum.FOLLOW_RECORD_BUSINESS;
+
+export const followRecordApiMap: {
+  list: Record<RecordEnumType, (params: any) => Promise<CommonList<FollowDetailItem>>>;
+  delete: Partial<Record<RecordEnumType, (params: string) => Promise<any>>>;
+} = {
+  list: {
+    [FormDesignKeyEnum.FOLLOW_RECORD_CUSTOMER]: getCustomerFollowRecordList,
+    [FormDesignKeyEnum.FOLLOW_RECORD_CLUE]: getClueFollowRecordList,
+    [FormDesignKeyEnum.CLUE_POOL]: getCluePoolFollowRecordList,
+    [FormDesignKeyEnum.FOLLOW_RECORD_BUSINESS]: getOptFollowRecordList,
+    [FormDesignKeyEnum.CUSTOMER_OPEN_SEA]: getCustomerOpenSeaFollowRecordList,
+  },
+  delete: {
+    [FormDesignKeyEnum.FOLLOW_RECORD_CUSTOMER]: deleteCustomerFollowRecord,
+    [FormDesignKeyEnum.FOLLOW_RECORD_CLUE]: deleteClueFollowRecord,
+    [FormDesignKeyEnum.FOLLOW_RECORD_BUSINESS]: deleteOptFollowRecord,
+  },
+};
+
+export type PlanEnumType =
+  | FormDesignKeyEnum.FOLLOW_PLAN_CUSTOMER
+  | FormDesignKeyEnum.FOLLOW_PLAN_CLUE
+  | FormDesignKeyEnum.FOLLOW_PLAN_BUSINESS;
+export const followPlanApiMap = {
+  list: {
+    [FormDesignKeyEnum.FOLLOW_PLAN_CUSTOMER]: getCustomerFollowPlanList,
+    [FormDesignKeyEnum.FOLLOW_PLAN_CLUE]: getClueFollowPlanList,
+    [FormDesignKeyEnum.FOLLOW_PLAN_BUSINESS]: getOptFollowPlanList,
+  },
+  delete: {
+    [FormDesignKeyEnum.FOLLOW_PLAN_CUSTOMER]: deleteCustomerFollowPlan,
+    [FormDesignKeyEnum.FOLLOW_PLAN_CLUE]: deleteClueFollowPlan,
+    [FormDesignKeyEnum.FOLLOW_PLAN_BUSINESS]: deleteOptFollowPlan,
+  },
+  changeStatus: {
+    [FormDesignKeyEnum.FOLLOW_PLAN_CUSTOMER]: updateCustomerFollowPlanStatus,
+    [FormDesignKeyEnum.FOLLOW_PLAN_CLUE]: updateClueFollowPlanStatus,
+    [FormDesignKeyEnum.FOLLOW_PLAN_BUSINESS]: updateOptFollowPlanStatus,
+  },
+};
diff --git a/frontend/packages/mobile/src/config/mine.ts b/frontend/packages/mobile/src/config/mine.ts
new file mode 100644
index 0000000..200451d
--- /dev/null
+++ b/frontend/packages/mobile/src/config/mine.ts
@@ -0,0 +1,31 @@
+import { OrgUserInfo } from '@lib/shared/models/system/org';
+// TODO
+export const defaultUserInfo: OrgUserInfo = {
+  id: '',
+  name: '',
+  email: '',
+  password: '',
+  enable: true,
+  createTime: 0,
+  updateTime: 0,
+  language: '',
+  lastOrganizationId: '',
+  phone: '',
+  source: '',
+  createUser: '',
+  updateUser: '',
+  platformInfo: '',
+  avatar: '',
+  permissionIds: [''],
+  organizationIds: [''],
+  csrfToken: '',
+  sessionId: '',
+  roles: [],
+  userId: '',
+  userName: '',
+  departmentName: '',
+  departmentId: '',
+  defaultPwd: true,
+};
+
+export default {};
diff --git a/frontend/packages/mobile/src/directive/index.ts b/frontend/packages/mobile/src/directive/index.ts
new file mode 100644
index 0000000..42b11a4
--- /dev/null
+++ b/frontend/packages/mobile/src/directive/index.ts
@@ -0,0 +1,9 @@
+import { App } from 'vue';
+
+import permission from './permission';
+
+export default {
+  install(Vue: App) {
+    Vue.directive('permission', permission);
+  },
+};
diff --git a/frontend/packages/mobile/src/directive/permission/index.ts b/frontend/packages/mobile/src/directive/permission/index.ts
new file mode 100644
index 0000000..c556acd
--- /dev/null
+++ b/frontend/packages/mobile/src/directive/permission/index.ts
@@ -0,0 +1,32 @@
+import { DirectiveBinding } from 'vue';
+
+import { hasAllPermission, hasAnyPermission } from '@/utils/permission';
+
+/**
+ * 权限指令
+ * @param el dom 节点
+ * @param binding vue 绑定的数据
+ */
+function checkPermission(el: HTMLElement, binding: DirectiveBinding) {
+  const { value, modifiers } = binding;
+  if (Array.isArray(value)) {
+    if (value.length > 0) {
+      // 如果有 all 修饰符，表示需要全部权限；否则只需要其中一个权限
+      const hasPermission = modifiers.all ? hasAllPermission(value) : hasAnyPermission(value);
+      if (!hasPermission && el.parentNode) {
+        el.parentNode.removeChild(el);
+      }
+    }
+  } else {
+    throw new Error(`need roles! Like v-permission="['admin','user']"`);
+  }
+}
+
+export default {
+  mounted(el: HTMLElement, binding: DirectiveBinding) {
+    checkPermission(el, binding);
+  },
+  updated(el: HTMLElement, binding: DirectiveBinding) {
+    checkPermission(el, binding);
+  },
+};
diff --git a/frontend/packages/mobile/src/enums/routeEnum.ts b/frontend/packages/mobile/src/enums/routeEnum.ts
new file mode 100644
index 0000000..05693b5
--- /dev/null
+++ b/frontend/packages/mobile/src/enums/routeEnum.ts
@@ -0,0 +1,63 @@
+export enum OpportunityRouteEnum {
+  OPPORTUNITY = 'opportunity',
+  OPPORTUNITY_INDEX = 'opportunityIndex',
+  OPPORTUNITY_DETAIL = 'opportunityDetail',
+}
+
+export enum ClueRouteEnum {
+  CLUE = 'lead',
+  CLUE_INDEX = 'leadIndex',
+  CLUE_DETAIL = 'leadDetail',
+  CLUE_POOL_DETAIL = 'leadPoolDetail',
+  CONVERT = 'convert',
+  MOVE_TO_POOL = 'moveToPool',
+}
+
+export enum CustomerRouteEnum {
+  CUSTOMER = 'account',
+  CUSTOMER_INDEX = 'accountIndex',
+  CUSTOMER_DETAIL = 'accountDetail',
+  CUSTOMER_TRANSFER = 'accountTransfer',
+  CUSTOMER_DISTRIBUTE = 'accountDistribute',
+  CUSTOMER_OPENSEA_DETAIL = 'accountOpenSeaDetail',
+  CUSTOMER_RELATION = 'accountRelation',
+  CUSTOMER_COLLABORATOR = 'accountCollaborator',
+}
+
+export enum CommonRouteEnum {
+  COMMON = 'common',
+  FORM_CREATE = 'formCreate',
+  CONTACT_DETAIL = 'contactDetail',
+  FOLLOW_DETAIL = 'followDetail',
+  WORKFLOW_STAGE = 'workflowStage',
+}
+
+export enum ProductRouteEnum {
+  PRODUCT = 'product',
+  PRODUCT_PRO = 'productPro',
+}
+
+export enum MineRouteEnum {
+  MINE = 'mine',
+  MINE_INDEX = 'mineIndex',
+  MINE_MESSAGE = 'mineMessage',
+  MINE_DETAIL = 'mineDetail',
+}
+
+export enum WorkbenchRouteEnum {
+  WORKBENCH = 'workbench',
+  WORKBENCH_INDEX = 'workbenchIndex',
+  WORKBENCH_AGENT = 'workbenchAgent',
+  WORKBENCH_DUPLICATE_CHECK = 'workbenchDuplicateCheck',
+  WORKBENCH_DUPLICATE_CHECK_DETAIL = 'workbenchDuplicateCheckDetail',
+}
+
+export const AppRouteEnum = {
+  ...OpportunityRouteEnum,
+  ...ClueRouteEnum,
+  ...CustomerRouteEnum,
+  ...CommonRouteEnum,
+  ...ProductRouteEnum,
+  ...MineRouteEnum,
+  ...WorkbenchRouteEnum,
+};
diff --git a/frontend/packages/mobile/src/hooks/useFormCreateApi.ts b/frontend/packages/mobile/src/hooks/useFormCreateApi.ts
new file mode 100644
index 0000000..9b460cf
--- /dev/null
+++ b/frontend/packages/mobile/src/hooks/useFormCreateApi.ts
@@ -0,0 +1,683 @@
+import { showSuccessToast } from 'vant';
+import { cloneDeep } from 'lodash-es';
+import dayjs from 'dayjs';
+
+import { FieldTypeEnum, FormDesignKeyEnum, type FormLinkScenarioEnum } from '@lib/shared/enums/formDesignEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+import { formatTimeValue, getCityPath, getIndustryPath, safeFractionConvert, sleep } from '@lib/shared/method';
+import {
+  dataSourceTypes,
+  departmentTypes,
+  formatNumberValue,
+  getNormalFieldValue,
+  linkAllAcceptTypes,
+  memberTypes,
+  multipleTypes,
+  singleTypes,
+} from '@lib/shared/method/formCreate';
+import type { ModuleField } from '@lib/shared/models/common';
+import type { CollaborationType } from '@lib/shared/models/customer';
+import type { FormConfig } from '@lib/shared/models/system/module';
+
+import type { CrmDescriptionItem } from '@/components/pure/crm-description/index.vue';
+
+import {
+  createFormApi,
+  getFormConfigApiMap,
+  getFormDetailApiMap,
+  updateFormApi,
+} from '@cordys/web/src/components/business/crm-form-create/config';
+import type { FormCreateField } from '@cordys/web/src/components/business/crm-form-create/types';
+
+export interface FormCreateApiProps {
+  sourceId?: Ref<string | undefined>;
+  formKey: FormDesignKeyEnum;
+  needInitDetail?: boolean;
+  initialSourceName?: string; // 特殊字段初始化需要的资源名称
+  otherSaveParams?: Record<string, any>;
+  linkFormInfo?: Ref<Record<string, any> | undefined>; // 关联表单信息
+  linkFormKey?: Ref<FormDesignKeyEnum | undefined>; // 关联表单key
+  linkScenario?: Ref<FormLinkScenarioEnum | undefined>; // 关联表单场景
+}
+
+export default function useFormCreateApi(props: FormCreateApiProps) {
+  const { t } = useI18n();
+
+  const sourceName = ref(props.initialSourceName); // 资源名称
+  const collaborationType = ref<CollaborationType>(); // 协作类型-客户独有
+  const specialInitialOptions = ref<Record<string, any>[]>([]); // 特殊字段的初始化选项列表
+  const descriptions = ref<CrmDescriptionItem[]>([]); // 表单详情描述列表
+  const fieldList = ref<FormCreateField[]>([]); // 表单字段列表
+  const fieldShowControlMap = ref<Record<string, any>>({}); // 表单字段显示控制映射
+  const formConfig = ref<FormConfig>({
+    layout: 1,
+    labelPos: 'top',
+    inputWidth: 'custom',
+    optBtnContent: [
+      {
+        text: t('common.save'),
+        enable: true,
+      },
+      {
+        text: t('common.saveAndContinue'),
+        enable: false,
+      },
+      {
+        text: t('common.cancel'),
+        enable: true,
+      },
+    ],
+    optBtnPos: 'flex-row',
+  }); // 表单属性配置
+  const loading = ref(false);
+  const unsaved = ref(false);
+  const formDetail = ref<Record<string, any>>({});
+  const originFormDetail = ref<Record<string, any>>({});
+  const detail = ref<Record<string, any>>({}); // 详情
+
+  function initFormShowControl() {
+    // 读取整个显隐控制映射
+    Object.keys(fieldShowControlMap.value).forEach((fieldId) => {
+      // 取出当前字段的所有规则
+      const ruleIds = Object.keys(fieldShowControlMap.value[fieldId]);
+      const field = fieldList.value.find((f) => f.id === fieldId);
+      if (field) {
+        // 当前字段存在，则遍历它的全部控制规则
+        for (let i = 0; i < ruleIds.length; i++) {
+          const ruleId = ruleIds[i];
+          const controlField = fieldList.value.find((f) => f.id === ruleId);
+          if (controlField) {
+            // 处理显示规则
+            if (fieldShowControlMap.value[fieldId][ruleId].includes(formDetail.value[controlField?.id])) {
+              field.show = true;
+              break; // 满足显示规则就停止，因为只需要满足一个规则字段即显示
+            } else {
+              field.show = false;
+            }
+          }
+        }
+      }
+    });
+  }
+
+  /**
+   * 表单描述显示规则处理
+   * @param form 表单数据
+   */
+  function formDescriptionShowControlRulesSet(form: Record<string, any>) {
+    // 读取整个显隐控制映射
+    Object.keys(fieldShowControlMap.value).forEach((fieldId) => {
+      // 取出当前字段的所有规则
+      const fieldRuleIds = Object.keys(fieldShowControlMap.value[fieldId]);
+      const field = fieldList.value.find((f) => f.id === fieldId);
+      if (field) {
+        // 当前字段存在，则遍历它的全部控制规则
+        for (let i = 0; i < fieldRuleIds.length; i++) {
+          const ruleId = fieldRuleIds[i];
+          let value = '';
+          const controlField = fieldList.value.find((f) => f.id === ruleId);
+          if (controlField?.businessKey) {
+            value = form[controlField.businessKey];
+          } else {
+            const formField = form.moduleFields?.find(
+              (moduleField: ModuleField) => moduleField.fieldId === controlField?.id
+            );
+            value = formField?.fieldValue || '';
+          }
+          // 处理显示规则
+          if (fieldShowControlMap.value[fieldId][ruleId].includes(value)) {
+            field.show = true;
+            break; // 满足显示规则就停止，因为只需要满足一个规则字段即显示
+          } else {
+            field.show = false;
+          }
+        }
+      }
+    });
+  }
+
+  async function initFormDescription() {
+    try {
+      const asyncApi = getFormDetailApiMap[props.formKey];
+      if (!asyncApi || !props.sourceId?.value) return;
+      const form = await asyncApi(props.sourceId?.value);
+      descriptions.value = [];
+      detail.value = form;
+      collaborationType.value = form.collaborationType;
+      formDescriptionShowControlRulesSet(form);
+      fieldList.value.forEach((item) => {
+        if (item.show === false || !item.readable) return;
+        if (item.businessKey) {
+          const options = form.optionMap?.[item.businessKey];
+          // 业务标准字段读取最外层，读取form[item.businessKey]取到 id 值，然后去 options 里取 name
+          let name: string | string[] = '';
+          const value = form[item.businessKey];
+          // 若字段值是选项值，则取选项值的name
+          if (options) {
+            if (Array.isArray(value)) {
+              name = value.map((e) => {
+                const option = options.find((opt) => opt.id === e);
+                if (option) {
+                  return option.name || t('common.optionNotExist');
+                }
+                return t('common.optionNotExist');
+              });
+            } else {
+              name = options.find((e) => e.id === value)?.name;
+            }
+          }
+          if (item.type === FieldTypeEnum.DATE_TIME) {
+            descriptions.value.push({
+              label: item.name,
+              value: formatTimeValue(name || form[item.businessKey], item.dateType),
+            });
+          } else if (item.type === FieldTypeEnum.INPUT_NUMBER) {
+            descriptions.value.push({
+              label: item.name,
+              value: formatNumberValue(name || form[item.businessKey], item),
+            });
+          } else {
+            descriptions.value.push({
+              label: item.name,
+              value: name || form[item.businessKey],
+            });
+          }
+          if (item.businessKey === 'name') {
+            sourceName.value = name || form[item.businessKey];
+          }
+        } else {
+          const options = form.optionMap?.[item.id];
+          // 其他的字段读取moduleFields
+          const field = form.moduleFields?.find((moduleField: ModuleField) => moduleField.fieldId === item.id);
+          if (item.type === FieldTypeEnum.DIVIDER) {
+            descriptions.value.push({
+              label: item.name,
+              value: field?.fieldValue || [],
+              isTitle: true,
+              fieldInfo: item,
+            });
+          } else if (item.type === FieldTypeEnum.PICTURE) {
+            descriptions.value.push({
+              label: item.name,
+              value: field?.fieldValue || [],
+              isImage: true,
+            });
+          } else if (item.type === FieldTypeEnum.LINK) {
+            descriptions.value.push({
+              label: item.name,
+              value: field?.fieldValue || '',
+              isLink: true,
+              fieldInfo: item,
+            });
+          } else if (item.type === FieldTypeEnum.ATTACHMENT) {
+            descriptions.value.push({
+              label: item.name,
+              value: form.attachmentMap?.[item.id] || [],
+              isAttachment: true,
+            });
+          } else {
+            let value = field?.fieldValue || '';
+            if (field && options) {
+              // 若字段值是选项值，则取选项值的name
+              if (Array.isArray(field.fieldValue)) {
+                value = field.fieldValue.map((e) => {
+                  const option = options.find((opt) => opt.id === e);
+                  if (option) {
+                    return option.name || t('common.optionNotExist');
+                  }
+                  return t('common.optionNotExist');
+                });
+              } else {
+                value = options.find((e) => e.id === field.fieldValue)?.name;
+              }
+            } else if (item.type === FieldTypeEnum.LOCATION) {
+              const addressArr = (field?.fieldValue as string)?.split('-') || [];
+              value = addressArr.length
+                ? `${getCityPath(addressArr[0], item.scope)}-${addressArr.filter((e, i) => i > 0).join('-')}`
+                : '-';
+            } else if (item.type === FieldTypeEnum.INDUSTRY) {
+              value = field?.fieldValue ? getIndustryPath(field.fieldValue as string) : '-';
+            } else if (item.type === FieldTypeEnum.INPUT_NUMBER) {
+              value = formatNumberValue(field?.fieldValue as string, item);
+            } else if (item.type === FieldTypeEnum.DATE_TIME) {
+              value = formatTimeValue(field?.fieldValue as string, item.dateType);
+            }
+            descriptions.value.push({
+              label: item.name,
+              isTag: [FieldTypeEnum.INPUT_MULTIPLE, FieldTypeEnum.DATA_SOURCE_MULTIPLE].includes(item.type),
+              value,
+            });
+          }
+        }
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  function initFieldValue(field: FormCreateField, value: string | number | (string | number)[]) {
+    if (
+      [FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.DATA_SOURCE_MULTIPLE].includes(field.type) &&
+      typeof value === 'string'
+    ) {
+      return value ? [value] : [];
+    }
+    return value;
+  }
+
+  async function initFormDetail() {
+    try {
+      const asyncApi = getFormDetailApiMap[props.formKey];
+      if (!asyncApi || !props.sourceId?.value) return;
+      const res = await asyncApi(props.sourceId?.value);
+      collaborationType.value = res.collaborationType;
+      sourceName.value = res.name;
+      fieldList.value = fieldList.value.map((item) => {
+        if (item.businessKey) {
+          // 业务标准字段读取最外层
+          formDetail.value[item.id] = initFieldValue(item, res[item.businessKey]);
+          const options = res.optionMap?.[item.businessKey];
+          if (
+            [
+              FieldTypeEnum.MEMBER,
+              FieldTypeEnum.MEMBER_MULTIPLE,
+              FieldTypeEnum.DEPARTMENT,
+              FieldTypeEnum.DEPARTMENT_MULTIPLE,
+              FieldTypeEnum.DATA_SOURCE,
+              FieldTypeEnum.DATA_SOURCE_MULTIPLE,
+            ].includes(item.type)
+          ) {
+            // 处理成员和数据源类型的字段
+            item.initialOptions = options
+              ?.filter((e) => formDetail.value[item.id]?.includes(e.id))
+              .map((e) => ({
+                ...e,
+                name: e.name || t('common.optionNotExist'),
+              }));
+          }
+        } else {
+          // 其他的字段读取moduleFields
+          const field = res.moduleFields?.find((moduleField: ModuleField) => moduleField.fieldId === item.id);
+          if (field) {
+            formDetail.value[item.id] = initFieldValue(item, field.fieldValue);
+          }
+          const options = res.optionMap?.[item.id];
+          if (
+            [
+              FieldTypeEnum.MEMBER,
+              FieldTypeEnum.MEMBER_MULTIPLE,
+              FieldTypeEnum.DEPARTMENT,
+              FieldTypeEnum.DEPARTMENT_MULTIPLE,
+              FieldTypeEnum.DATA_SOURCE,
+              FieldTypeEnum.DATA_SOURCE_MULTIPLE,
+            ].includes(item.type)
+          ) {
+            // 处理成员和数据源类型的字段
+            item.initialOptions = options
+              ?.filter((e) => formDetail.value[item.id]?.includes(e.id))
+              .map((e) => ({
+                ...e,
+                name: e.name || t('common.optionNotExist'),
+              }));
+          }
+        }
+        if (item.type === FieldTypeEnum.DATE_TIME) {
+          // 处理时间类型的字段
+          formDetail.value[item.id] = formDetail.value[item.id] ? Number(formDetail.value[item.id]) : '';
+        } else if (item.type === FieldTypeEnum.ATTACHMENT) {
+          item.initialOptions = res.attachmentMap?.[item.id];
+        }
+        return item;
+      });
+      originFormDetail.value = cloneDeep(formDetail.value);
+      nextTick(() => {
+        unsaved.value = false;
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  /**
+   * 处理业务表单的特殊字段在特定场景下的初始化默认值
+   */
+  function specialFormFieldInit(field: FormCreateField) {
+    if (
+      [FormDesignKeyEnum.FOLLOW_PLAN_CUSTOMER, FormDesignKeyEnum.FOLLOW_RECORD_CUSTOMER].includes(props.formKey) &&
+      props.sourceId?.value
+    ) {
+      // 客户跟进计划和记录，需要赋予类型字段默认为客户，客户字段默认值为当前客户
+      if (field.businessKey === 'type') {
+        return {
+          defaultValue: 'CUSTOMER',
+          initialOptions: field.initialOptions,
+        };
+      }
+      if (field.businessKey === 'customerId') {
+        specialInitialOptions.value = [
+          {
+            id: props.sourceId?.value,
+            name: sourceName.value || props.initialSourceName,
+          },
+        ];
+        return {
+          defaultValue: initFieldValue(field, props.sourceId?.value || ''),
+          initialOptions: specialInitialOptions.value,
+        };
+      }
+    }
+    if (
+      [FormDesignKeyEnum.FOLLOW_PLAN_CLUE, FormDesignKeyEnum.FOLLOW_RECORD_CLUE].includes(props.formKey) &&
+      props.sourceId?.value
+    ) {
+      // 线索跟进计划和记录，需要赋予类型字段默认为客户，线索字段默认值为当前线索
+      if (field.businessKey === 'type') {
+        return {
+          defaultValue: 'CLUE',
+          initialOptions: field.initialOptions,
+        };
+      }
+      if (field.businessKey === 'clueId') {
+        specialInitialOptions.value = [
+          {
+            id: props.sourceId?.value,
+            name: sourceName.value || props.initialSourceName,
+          },
+        ];
+        return {
+          defaultValue: initFieldValue(field, props.sourceId?.value || ''),
+          initialOptions: specialInitialOptions.value,
+        };
+      }
+    }
+
+    if (
+      [FormDesignKeyEnum.FOLLOW_PLAN_BUSINESS, FormDesignKeyEnum.FOLLOW_RECORD_BUSINESS].includes(props.formKey) &&
+      props.sourceId?.value
+    ) {
+      // 商机跟进计划和记录，需要赋予默认跟进类型、商机、商机对应客户
+      if (field.businessKey === 'type') {
+        return {
+          defaultValue: 'CUSTOMER',
+          initialOptions: field.initialOptions,
+        };
+      }
+
+      const defaultParsedSource = props.initialSourceName ? JSON.parse(props.initialSourceName) : {};
+      if (Object.keys(defaultParsedSource).length) {
+        if (field.businessKey === 'opportunityId') {
+          specialInitialOptions.value = [
+            {
+              id: props.sourceId?.value,
+              name: defaultParsedSource?.name ?? '',
+            },
+          ];
+          return {
+            defaultValue: initFieldValue(field, props.sourceId?.value || ''),
+            initialOptions: specialInitialOptions.value,
+          };
+        }
+
+        if (field.businessKey === 'customerId') {
+          const defaultCustomerId = defaultParsedSource?.[field.businessKey] ?? '';
+          specialInitialOptions.value = [
+            {
+              id: defaultCustomerId,
+              name: defaultParsedSource?.customerName ?? '',
+            },
+          ];
+
+          return {
+            defaultValue: initFieldValue(field, defaultCustomerId || ''),
+            initialOptions: specialInitialOptions.value,
+          };
+        }
+      }
+    }
+    if (props.formKey === FormDesignKeyEnum.CUSTOMER_CONTACT && props.sourceId?.value) {
+      // 联系人表单，赋予客户字段默认值为当前客户
+      if (field.businessKey === 'customerId') {
+        specialInitialOptions.value = [
+          {
+            id: props.sourceId?.value,
+            name: sourceName.value || props.initialSourceName,
+          },
+        ];
+        return {
+          defaultValue: initFieldValue(field, props.sourceId?.value || ''),
+          initialOptions: specialInitialOptions.value,
+        };
+      }
+    }
+    if ([FormDesignKeyEnum.CLUE_TRANSITION_CUSTOMER].includes(props.formKey)) {
+      // 线索转客户带入名称
+      if (field.businessKey === 'name') {
+        return {
+          defaultValue: props.initialSourceName,
+          initialOptions: field.initialOptions,
+        };
+      }
+    }
+    if ([FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.DATA_SOURCE_MULTIPLE].includes(field.type)) {
+      // 数据源类型的字段，默认值需要转为数组
+      return {
+        defaultValue: typeof field.defaultValue === 'string' ? [field.defaultValue] : field.defaultValue,
+        initialOptions: field.initialOptions,
+      };
+    }
+    return {
+      defaultValue: field.defaultValue,
+      initialOptions: field.initialOptions,
+    };
+  }
+
+  function fillLinkFormFieldValue(field: FormCreateField, scenario: FormLinkScenarioEnum) {
+    if (props.linkFormKey?.value) {
+      const linkFieldId = formConfig.value.linkProp?.[props.linkFormKey.value]
+        ?.find((e) => e.key === scenario)
+        ?.linkFields?.find((e) => e.current === field.id && e.enable)?.link;
+      if (linkFieldId) {
+        const linkField = props.linkFormInfo?.value?.[linkFieldId];
+        if (linkField) {
+          switch (true) {
+            case dataSourceTypes.includes(field.type):
+              // 数据源填充，且替换initialOptions
+              field.initialOptions = linkField.initialOptions || [];
+              formDetail.value[field.id] = linkField.value.map((e: Record<string, any>) => e.id);
+              break;
+            case multipleTypes.includes(field.type):
+              // 多选填充
+              if (field.type === FieldTypeEnum.INPUT_MULTIPLE) {
+                // 标签直接填充
+                formDetail.value[field.id] = Array.isArray(linkField.value)
+                  ? linkField.value.slice(0, 10)
+                  : [linkField.value];
+              } else {
+                // 其他多选类型需匹配名称相等的选项值
+                formDetail.value[field.id] =
+                  field.options?.filter((e) => linkField.value.includes(e.label)).map((e) => e.value) || [];
+              }
+              break;
+            case singleTypes.includes(field.type):
+              // 单选填充需要匹配名称相同的选项值
+              formDetail.value[field.id] = field.options?.find((e) => e.label === linkField.value)?.value || '';
+              break;
+            case linkAllAcceptTypes.includes(field.type):
+              // 文本输入类型可填充任何字段类型值
+              if (dataSourceTypes.includes(linkField.type)) {
+                // 联动的字段是数据源则填充选项名
+                formDetail.value[field.id] = linkField.value
+                  .map((e: Record<string, any>) => e.name)
+                  .join(',')
+                  .slice(0, 255);
+              } else if (multipleTypes.includes(linkField.type)) {
+                // 联动的字段是多选则拼接选项名
+                formDetail.value[field.id] = linkField.value.join(',').slice(0, 255);
+              } else if (linkField.type === FieldTypeEnum.DATE_TIME) {
+                // 联动的字段是日期时间则转换
+                if (linkField.dateType === 'month') {
+                  formDetail.value[field.id] = dayjs(linkField.value).format('YYYY-MM');
+                } else if (linkField.dateType === 'date') {
+                  formDetail.value[field.id] = dayjs(linkField.value).format('YYYY-MM-DD');
+                } else {
+                  formDetail.value[field.id] = dayjs(linkField.value).format('YYYY-MM-DD HH:mm:ss');
+                }
+              } else if (linkField.type === FieldTypeEnum.LOCATION) {
+                // 联动的字段是省市区则填充城市路径
+                const addressArr: string[] = linkField.value.split('-') || [];
+                formDetail.value[field.id] = addressArr.length
+                  ? `${getCityPath(addressArr[0])}-${addressArr.filter((e, i) => i > 0).join('-')}`
+                  : '-';
+              } else if (linkField.type === FieldTypeEnum.TEXTAREA && field.type === FieldTypeEnum.INPUT) {
+                formDetail.value[field.id] = linkField.value.slice(0, 255);
+              } else if ([...memberTypes, ...departmentTypes].includes(linkField.type)) {
+                formDetail.value[field.id] = linkField.initialOptions
+                  .map((e: any) => e.name)
+                  .join(',')
+                  .slice(0, 255);
+              } else if (linkField.type === FieldTypeEnum.INPUT_NUMBER) {
+                formDetail.value[field.id] = linkField.value?.toString();
+              } else {
+                formDetail.value[field.id] = linkField.value;
+              }
+              break;
+            case [...memberTypes, ...departmentTypes].includes(field.type):
+              formDetail.value[field.id] = Array.isArray(linkField.value) ? linkField.value : [linkField.value];
+              field.initialOptions = linkField.initialOptions || [];
+              break;
+            default:
+              formDetail.value[field.id] = linkField.value;
+              field.initialOptions = linkField.initialOptions || [];
+              break;
+          }
+        }
+      }
+    }
+  }
+
+  async function initFormConfig() {
+    try {
+      loading.value = true;
+      const res = await getFormConfigApiMap[props.formKey]();
+      formConfig.value = res.formProp;
+      fieldList.value = res.fields.map((item) => {
+        const { defaultValue, initialOptions } = specialFormFieldInit(item);
+        if (item.showControlRules?.length) {
+          // 将字段的控制显隐规则存储到 fieldShowControlMap 中
+          item.showControlRules?.forEach((rule) => {
+            rule.fieldIds.forEach((fieldId) => {
+              // 按字段 ID 存储规则，key 为字段 ID，value 为规则映射集合
+              if (!fieldShowControlMap.value[fieldId]) {
+                fieldShowControlMap.value[fieldId] = {};
+              }
+              // value 映射以控制显示隐藏的字段 id 为 key，字段值为 value 集合
+              if (!fieldShowControlMap.value[fieldId][item.id]) {
+                fieldShowControlMap.value[fieldId][item.id] = [];
+              }
+              /**
+               * 最终结构为：
+               * fieldShowControlMap.value = {
+               *   [fieldId]: {
+               *     [item.id]: [rule.value]
+               *   }
+               * }
+               * 这样最外层存储每个字段的 key，value 为该字段的所有的控制规则集合
+               */
+              fieldShowControlMap.value[fieldId][item.id].push(rule.value);
+            });
+          });
+        }
+        return {
+          ...item,
+          defaultValue,
+          initialOptions,
+          fieldWidth: safeFractionConvert(item.fieldWidth),
+        };
+      });
+      nextTick(() => {
+        unsaved.value = false;
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  async function saveForm(form: Record<string, any>, callback?: () => void) {
+    try {
+      loading.value = true;
+      const params: Record<string, any> = {
+        ...props.otherSaveParams,
+        moduleFields: [],
+        id: props.sourceId?.value,
+      };
+      fieldList.value.forEach((item) => {
+        if (item.businessKey) {
+          // 存在业务字段，则按照业务字段的key存储
+          params[item.businessKey] = getNormalFieldValue(item, form[item.id]);
+        } else {
+          params.moduleFields.push({
+            fieldId: item.id,
+            fieldValue: form[item.id],
+          });
+        }
+      });
+      if (props.sourceId?.value && props.needInitDetail) {
+        await updateFormApi[props.formKey](params);
+        showSuccessToast(t('common.updateSuccess'));
+      } else {
+        await createFormApi[props.formKey](params);
+        if (props.formKey === FormDesignKeyEnum.CLUE_TRANSITION_CUSTOMER) {
+          showSuccessToast(t('clue.transferredToCustomer'));
+        } else {
+          showSuccessToast(t('common.createSuccess'));
+        }
+      }
+      if (callback) {
+        await sleep(300);
+        callback();
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  const formCreateTitle = computed(() => {
+    if (props.formKey === FormDesignKeyEnum.CLUE_TRANSITION_CUSTOMER) {
+      return t('common.convertToCustomer');
+    }
+    const prefix = props.sourceId?.value && props.needInitDetail ? t('common.edit') : t('common.create');
+    return `${prefix}${t(`common.${props.formKey}`)}`;
+  });
+
+  return {
+    descriptions,
+    fieldList,
+    loading,
+    unsaved,
+    formConfig,
+    formDetail,
+    originFormDetail,
+    formCreateTitle,
+    collaborationType,
+    sourceName,
+    initFormDescription,
+    initFormConfig,
+    initFormDetail,
+    saveForm,
+    initFormShowControl,
+    fillLinkFormFieldValue,
+    detail,
+  };
+}
diff --git a/frontend/packages/mobile/src/hooks/useFormCreateTransform.ts b/frontend/packages/mobile/src/hooks/useFormCreateTransform.ts
new file mode 100644
index 0000000..798480c
--- /dev/null
+++ b/frontend/packages/mobile/src/hooks/useFormCreateTransform.ts
@@ -0,0 +1,147 @@
+import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+import { getCityPath } from '@lib/shared/method';
+import type { ModuleField } from '@lib/shared/models/common';
+
+import { getFormConfigApiMap } from '@cordys/web/src/components/business/crm-form-create/config';
+import type { FormCreateField } from '@cordys/web/src/components/business/crm-form-create/types';
+
+export default async function useFormCreateTransform(formKey: FormDesignKeyEnum) {
+  const { t } = useI18n();
+
+  const fieldList = ref<FormCreateField[]>([]);
+  // 存储地址类型字段集合
+  const addressFieldIds = ref<string[]>([]);
+  // 业务字段集合
+  const businessFieldIds = ref<string[]>([]);
+  // 数据源字段集合
+  const dataSourceFieldIds = ref<string[]>([]);
+
+  async function initFormConfig() {
+    try {
+      const res = await getFormConfigApiMap[formKey]();
+      fieldList.value = res.fields.map((field) => {
+        if (field.type === FieldTypeEnum.LOCATION) {
+          addressFieldIds.value.push(field.businessKey || field.id);
+        } else if ([FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.DATA_SOURCE_MULTIPLE].includes(field.type)) {
+          dataSourceFieldIds.value.push(field.businessKey || field.id);
+        }
+        if (field.businessKey) {
+          businessFieldIds.value.push(field.businessKey);
+        }
+        return {
+          ...field,
+        };
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  await initFormConfig();
+
+  const descriptionMap: Partial<Record<FormDesignKeyEnum, string[]>> = {
+    [FormDesignKeyEnum.CUSTOMER]: ['owner', 'reservedDays'],
+    [FormDesignKeyEnum.CLUE]: ['owner', 'reservedDays'],
+  };
+  const descriptionKeys = descriptionMap[formKey] || [];
+  // 系统内置字段
+  const systemFieldMap: Record<string, any> = {
+    reservedDays: t('common.remainingBelong'),
+  };
+
+  /**
+   * 转换特殊字段值
+   * @param key 字段 id 标识
+   * @param value 字段值
+   */
+  function specialDescriptionValueTransform(key: string, value: string | number) {
+    if (key === 'reservedDays') {
+      // 处理剩余归属天数
+      return Number.isNaN(Number(value)) || value === null ? '-' : `${value}${t('common.dayUnit')}`;
+    }
+    return value;
+  }
+
+  function transformFormData(data: Record<string, any>, optionMap?: Record<string, any[]>) {
+    let formData: Record<string, any> = { ...data, description: [] };
+    const businessFieldAttr: Record<string, any> = {};
+    const customFieldAttr: Record<string, any> = {};
+    businessFieldIds.value.forEach((fieldId) => {
+      const options = optionMap?.[fieldId];
+      let name: string | string[] = '';
+      if (dataSourceFieldIds.value.includes(fieldId)) {
+        if (typeof data[fieldId] === 'string') {
+          name = [options?.find((e) => e.id === data[fieldId])?.name || t('common.optionNotExist')];
+        } else {
+          name =
+            options?.filter((e) => data[fieldId]?.includes(e.id)).map((e) => e.name || t('common.optionNotExist')) ||
+            [];
+        }
+      } else if (options?.find((e) => e.id === data[fieldId])) {
+        name = options?.find((e) => e.id === data[fieldId]).name || t('common.optionNotExist');
+      }
+      if (name) {
+        businessFieldAttr[fieldId] = name;
+      } else if (addressFieldIds.value.includes(fieldId)) {
+        // 地址类型字段，解析代码替换成省市区
+        const addressArr: string[] = data[fieldId]?.split('-') || [];
+        const value = addressArr.length
+          ? `${getCityPath(addressArr[0])}-${addressArr.filter((e, i) => i > 0).join('-')}`
+          : '-';
+        businessFieldAttr[fieldId] = value;
+      }
+    });
+    data.moduleFields?.forEach((field: ModuleField) => {
+      const options = optionMap?.[field.fieldId];
+      if (options) {
+        // 若字段值是选项值，则取选项值的name
+        if (Array.isArray(field.fieldValue)) {
+          customFieldAttr[field.fieldId] = options.filter((e) => field.fieldValue.includes(e.id)).map((e) => e.name);
+        } else {
+          customFieldAttr[field.fieldId] = options.find((e) => e.id === field.fieldValue)?.name;
+        }
+      } else if (addressFieldIds.value.includes(field.fieldId)) {
+        // 地址类型字段，解析代码替换成省市区
+        const addressArr: string[] = (field?.fieldValue as string)?.split('-') || [];
+        const value = addressArr.length
+          ? `${getCityPath(addressArr[0])}-${addressArr.filter((e, i) => i > 0).join('-')}`
+          : '-';
+        customFieldAttr[field.fieldId] = value;
+      } else {
+        customFieldAttr[field.fieldId] = field.fieldValue;
+      }
+      // 数据源字段赋值
+      if (dataSourceFieldIds.value.includes(field.fieldId)) {
+        customFieldAttr[field.fieldId] = Array.isArray(field.fieldValue) ? field.fieldValue : [field.fieldValue];
+      }
+    });
+    formData = {
+      ...formData,
+      ...businessFieldAttr,
+      ...customFieldAttr,
+    };
+    descriptionKeys.forEach((key) => {
+      const item = fieldList.value.find((field) => field.businessKey === key || field.id === key);
+      if (item) {
+        formData.description.push({
+          label: item.name,
+          value: formData[key] || '-',
+        });
+      } else if (systemFieldMap[key]) {
+        formData.description.push({
+          label: systemFieldMap[key],
+          value: specialDescriptionValueTransform(key, formData[key]),
+        });
+      }
+    });
+
+    return formData;
+  }
+
+  return {
+    fieldList,
+    transformFormData,
+  };
+}
diff --git a/frontend/packages/mobile/src/hooks/useHiddenTab.ts b/frontend/packages/mobile/src/hooks/useHiddenTab.ts
new file mode 100644
index 0000000..be5a648
--- /dev/null
+++ b/frontend/packages/mobile/src/hooks/useHiddenTab.ts
@@ -0,0 +1,56 @@
+import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+import type { CustomerTabHidden } from '@lib/shared/models/customer';
+
+import { getClueTab, getCustomerContactTab, getCustomerTab, getOptTab } from '@/api/modules';
+
+export interface TabPaneProps {
+  name: string;
+  tab: string;
+}
+
+export type TabType =
+  | FormDesignKeyEnum.CUSTOMER
+  | FormDesignKeyEnum.BUSINESS
+  | FormDesignKeyEnum.CLUE
+  | FormDesignKeyEnum.CONTACT;
+export default function useHiddenTab(tabData: TabPaneProps[], type?: TabType) {
+  const activeFilter = ref();
+
+  const tabApiMap: Record<TabType, () => Promise<CustomerTabHidden>> = {
+    [FormDesignKeyEnum.CUSTOMER]: getCustomerTab,
+    [FormDesignKeyEnum.CONTACT]: getCustomerContactTab,
+    [FormDesignKeyEnum.BUSINESS]: getOptTab,
+    [FormDesignKeyEnum.CLUE]: getClueTab,
+  };
+
+  const tabList = ref<TabPaneProps[]>([]);
+
+  async function initTab() {
+    try {
+      if (!type) return;
+      const result = await tabApiMap[type]();
+      const { all, dept } = result;
+      tabList.value = tabData.filter((e) => {
+        if (e.name === 'ALL') return !!all;
+        if (e.name === 'DEPARTMENT') return !!dept;
+        return true;
+      });
+
+      nextTick(() => {
+        activeFilter.value = tabList.value[0]?.name;
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  onBeforeMount(() => {
+    initTab();
+  });
+
+  return {
+    tabList,
+    activeFilter,
+  };
+}
diff --git a/frontend/packages/mobile/src/hooks/useLogin.ts b/frontend/packages/mobile/src/hooks/useLogin.ts
new file mode 100644
index 0000000..d0deb0b
--- /dev/null
+++ b/frontend/packages/mobile/src/hooks/useLogin.ts
@@ -0,0 +1,158 @@
+import { useRouter } from 'vue-router';
+import { AxiosResponse } from 'axios';
+
+import { CompanyTypeEnum } from '@lib/shared/enums/commonEnum';
+import {
+  getQueryVariable,
+  getUrlParameterWidthRegExp,
+  isDingTalkBrowser,
+  isLarkBrowser,
+  isWeComBrowser,
+} from '@lib/shared/method';
+import { setLoginExpires, setLoginType } from '@lib/shared/method/auth';
+import { ThirdPartyResourceConfig } from '@lib/shared/models/system/business';
+import type { Result } from '@lib/shared/types/axios';
+
+import { getThirdConfigByType, getThirdOauthCallback } from '@/api/modules';
+import { AUTH_DISABLED_ROUTE_NAME } from '@/router/constants';
+import useUserStore from '@/store/modules/user';
+
+import { AppRouteEnum } from '@/enums/routeEnum';
+
+const platformConfig = {
+  // 企业微信
+  'wecom': {
+    detect: isWeComBrowser,
+    platformConfigType: CompanyTypeEnum.WECOM,
+    authLoginType: CompanyTypeEnum.WE_COM_OAUTH2,
+    type: 'wecom',
+    codeKey: 'code',
+    codeKeysParams: ['code', 'state'],
+    authUrl: (config: Record<string, any>) => {
+      const redirectUrl = `${window.location.origin}/mobile`;
+      return `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${
+        config.corpId
+      }&response_type=code&redirect_uri=${encodeURIComponent(redirectUrl)}&scope=snsapi_privateinfo&agentid=${
+        config.agentId
+      }#wechat_redirect`;
+    },
+  },
+  // 钉钉
+  'ding-talk': {
+    detect: isDingTalkBrowser,
+    platformConfigType: CompanyTypeEnum.DINGTALK,
+    authLoginType: CompanyTypeEnum.DINGTALK_OAUTH2,
+    type: 'ding-talk',
+    codeKey: 'authCode',
+    codeKeysParams: ['code', 'authCode', 'state'],
+    authUrl: (config: Record<string, any>) => {
+      const redirectUrl = `${window.location.origin}/mobile`;
+      return `https://login.dingtalk.com/oauth2/auth?redirect_uri=${encodeURIComponent(
+        redirectUrl
+      )}&response_type=code&client_id=${config.agentId}&scope=openid corpid&state=ding&prompt=consent&corpid=${
+        config.corpId
+      }`;
+    },
+  },
+  'lark': {
+    detect: isLarkBrowser,
+    platformConfigType: CompanyTypeEnum.LARK,
+    authLoginType: CompanyTypeEnum.LARK_OAUTH2,
+    type: 'lark-mobile',
+    codeKey: 'code',
+    codeKeysParams: ['code', 'state'],
+    authUrl: (config: Record<string, any>) => {
+      const redirectUrl = `${window.location.origin}/mobile`;
+      return `https://open.feishu.cn/open-apis/authen/v1/authorize?app_id=${
+        config.agentId
+      }&redirect_uri=${encodeURIComponent(redirectUrl)}&state=LARK`;
+    },
+  },
+} as const;
+
+export default function useLogin() {
+  const userStore = useUserStore();
+  const router = useRouter();
+
+  async function thirdAuthLogin(code: string, type: string, loginType: CompanyTypeEnum) {
+    try {
+      const res = await getThirdOauthCallback(code, type);
+      const success = userStore.setLoginInfo(res.data.data);
+      if (success) {
+        setLoginExpires();
+        setLoginType(loginType);
+        const { redirect, ...othersQuery } = router.currentRoute.value.query;
+        await router.replace({
+          name: (redirect as string) || AppRouteEnum.WORKBENCH,
+          query: {
+            ...othersQuery,
+          },
+        });
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+      const err = error as Result;
+      if (err.code === 100500) {
+        router.replace({ name: 'login' });
+      } else if (err.code === 401) {
+        router.replace(AUTH_DISABLED_ROUTE_NAME);
+      }
+    }
+  }
+
+  async function handleThirdAuthLogin(platformKey: keyof typeof platformConfig) {
+    const platform = platformConfig[platformKey];
+    const code = getQueryVariable(platform.codeKey) ?? '';
+    if (code) {
+      await thirdAuthLogin(code, platform.type, platform.authLoginType);
+
+      // 清理参数
+      const url = new URL(window.location.href);
+      platform.codeKeysParams.forEach((param) => {
+        getUrlParameterWidthRegExp(param);
+        url.searchParams.delete(param);
+      });
+      // 或者在不刷新页面的情况下更新URL（比如使用 History API）
+      window.history.replaceState({}, document.title, url.toString());
+      return;
+    }
+
+    const res = await getThirdConfigByType<AxiosResponse<Result<ThirdPartyResourceConfig>>>(
+      platform.platformConfigType,
+      true
+    );
+    if (res) {
+      const { data } = res.data;
+      const redirectUrl = platform.authUrl(data.config);
+      window.location.replace(redirectUrl);
+    }
+  }
+
+  async function oAuthLogin() {
+    try {
+      const platformKey = Object.keys(platformConfig).find((key) =>
+        platformConfig[key as keyof typeof platformConfig].detect()
+      ) as keyof typeof platformConfig | undefined;
+      // 没有检测到三方平台企业微信、钉钉浏览器直接跳转到登录
+      if (!platformKey) {
+        return router.replace({ name: 'login' });
+      }
+      // 检测到任一平台走第三方认证登录
+      await handleThirdAuthLogin(platformKey);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+      const err = error as Result;
+      if (err.code === 100500) {
+        router.replace({ name: 'login' });
+      } else if (err.code === 401) {
+        router.replace(AUTH_DISABLED_ROUTE_NAME);
+      }
+    }
+  }
+
+  return {
+    oAuthLogin,
+  };
+}
diff --git a/frontend/packages/mobile/src/hooks/useUser.ts b/frontend/packages/mobile/src/hooks/useUser.ts
new file mode 100644
index 0000000..4a47eac
--- /dev/null
+++ b/frontend/packages/mobile/src/hooks/useUser.ts
@@ -0,0 +1,42 @@
+import { showToast } from 'vant';
+
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+import router from '@/router';
+import { WHITE_LIST } from '@/router/constants';
+import useUserStore from '@/store/modules/user';
+
+export default function useUser() {
+  const { t } = useI18n();
+
+  const logout = async (logoutTo?: string, _noRedirect?: boolean, silence = false) => {
+    try {
+      const userStore = useUserStore();
+      await userStore.logout();
+      if (!silence) {
+        showToast(t('message.logoutSuccess'));
+        router.replace({
+          name: logoutTo && typeof logoutTo === 'string' ? logoutTo : 'login',
+        });
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  };
+
+  const isLoginPage = () => {
+    return window.location.hash.indexOf('login') > -1;
+  };
+
+  const isWhiteListPage = () => {
+    const currentRoute = router.currentRoute.value;
+    return WHITE_LIST.some((e) => e.path.includes(currentRoute.path));
+  };
+
+  return {
+    logout,
+    isLoginPage,
+    isWhiteListPage,
+  };
+}
diff --git a/frontend/packages/mobile/src/layout/default-layout.vue b/frontend/packages/mobile/src/layout/default-layout.vue
new file mode 100644
index 0000000..0cfe079
--- /dev/null
+++ b/frontend/packages/mobile/src/layout/default-layout.vue
@@ -0,0 +1,228 @@
+<template>
+  <div class="page">
+    <router-view v-slot="{ Component, route }">
+      <!-- transition内必须有且只有一个根元素，不然会导致二级路由的组件无法渲染 -->
+      <div class="page-content">
+        <transition :name="transitionName">
+          <keep-alive :include="Array.from(appStore.getCacheRoutes)">
+            <component :is="Component" :key="route.name" />
+          </keep-alive>
+        </transition>
+      </div>
+    </router-view>
+    <van-tabbar
+      v-if="isModuleRouteIndex"
+      v-model="active"
+      :fixed="false"
+      safe-area-inset-bottom
+      class="page-bottom-tabbar !py-[8px]"
+      @change="handleTabbarChange"
+    >
+      <template v-for="menu of displayMenu" :key="menu.name">
+        <van-tabbar-item
+          :name="menu.name"
+          class="rounded-full"
+          :class="active === menu.name ? '!bg-[var(--primary-7)]' : ''"
+        >
+          <template #icon>
+            <CrmIcon
+              :name="menu.icon"
+              width="18px"
+              height="16px"
+              :color="active === menu.name ? 'var(--van-tabbar-item-active-color)' : ''"
+            />
+          </template>
+          <div class="text-[10px]">{{ t(menu.text) }}</div>
+        </van-tabbar-item>
+      </template>
+    </van-tabbar>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { useRouter } from 'vue-router';
+
+  import { ModuleConfigEnum } from '@lib/shared/enums/moduleEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { listenerRouteChange } from '@lib/shared/method/route-listener';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+
+  import useAppStore from '@/store/modules/app';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  import { AppRouteEnum } from '@/enums/routeEnum';
+
+  const { t } = useI18n();
+  const router = useRouter();
+  const appStore = useAppStore();
+
+  function isIOS(): boolean {
+    return /iPhone|iPad|iPod/i.test(navigator.userAgent);
+  }
+  const transitionName = ref('slide-left');
+  // 路由深度判断，决定是前进还是返回
+  let isForward = true;
+  router.beforeEach((to, from, next) => {
+    const toDepth = to.meta.depth || 0;
+    const fromDepth = from.meta.depth || 0;
+    isForward = toDepth >= fromDepth;
+    transitionName.value = isForward ? 'slide-left' : 'slide-right';
+    // 如果是IOS手势后退，禁用动画
+    if (!isForward && isIOS() && !appStore.getManualBack) {
+      transitionName.value = 'transition-none';
+    } else if (toDepth === 1 && fromDepth === 1) {
+      // 如果是一级页面之间切换，则无需动画
+      transitionName.value = 'transition-none';
+    }
+    // 处理路由缓存
+    if ((toDepth === 1 && fromDepth === 1) || (from.meta.isCache && toDepth < fromDepth)) {
+      // 一级页面切换，移除页面缓存；从更深的页面返回上一层级页面，清理当前页面缓存
+      appStore.removeCacheRoute(from.name as string);
+    } else if (from.meta.isCache && isForward) {
+      // 离开页面时，如果当前页面配置了缓存，且是前进，则将当前路由添加到缓存列表
+      appStore.addCacheRoute(from.name as string);
+    }
+    next();
+  });
+  router.afterEach(() => {
+    appStore.setManualBack(false);
+  });
+  const active = ref<string>(AppRouteEnum.WORKBENCH_INDEX);
+  const menuList = [
+    {
+      name: AppRouteEnum.WORKBENCH,
+      icon: 'iconicon_home',
+      text: t('menu.workbench'),
+      permission: [],
+      moduleKey: ModuleConfigEnum.HOME,
+    },
+    {
+      name: AppRouteEnum.CUSTOMER,
+      icon: 'iconicon_customer',
+      text: t('menu.customer'),
+      permission: ['CUSTOMER_MANAGEMENT:READ', 'CUSTOMER_MANAGEMENT_POOL:READ', 'CUSTOMER_MANAGEMENT_CONTACT:READ'],
+      moduleKey: ModuleConfigEnum.CUSTOMER_MANAGEMENT,
+    },
+    {
+      name: AppRouteEnum.CLUE,
+      icon: 'iconicon_clue',
+      text: t('menu.clue'),
+      permission: ['CLUE_MANAGEMENT:READ', 'CLUE_MANAGEMENT_POOL:READ'],
+      moduleKey: ModuleConfigEnum.CLUE_MANAGEMENT,
+    },
+    {
+      name: AppRouteEnum.OPPORTUNITY,
+      icon: 'iconicon_business_opportunity',
+      text: t('menu.opportunity'),
+      permission: ['OPPORTUNITY_MANAGEMENT:READ'],
+      moduleKey: ModuleConfigEnum.BUSINESS_MANAGEMENT,
+    },
+    {
+      name: AppRouteEnum.MINE,
+      icon: 'iconicon_user_circle',
+      text: t('menu.mine'),
+    },
+  ];
+
+  const displayMenu = computed(() =>
+    menuList.filter(({ moduleKey, permission }) => {
+      if (!moduleKey) return hasAnyPermission(permission ?? []);
+      const moduleItem = appStore.moduleConfigList.find((m) => m.moduleKey === moduleKey);
+      return !!moduleItem?.enable && hasAnyPermission(permission ?? []);
+    })
+  );
+
+  function handleTabbarChange(name: string) {
+    router.replace({ name });
+  }
+
+  const isModuleRouteIndex = computed(() => router.currentRoute.value.name?.toString().includes('Index'));
+
+  /**
+   * 监听路由变化，切换菜单选中
+   */
+  listenerRouteChange((newRoute) => {
+    const { name } = newRoute;
+    menuList.forEach((item) => {
+      if (name?.toString().includes(item.name)) {
+        active.value = item.name;
+      }
+    });
+  }, true);
+
+  onBeforeMount(() => {
+    appStore.showSQLBot();
+  });
+
+  watch(
+    () => appStore.orgId,
+    (val) => {
+      if (val) {
+        appStore.initModuleConfig();
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
+
+<style lang="less">
+  .slide-left-enter-active,
+  .slide-left-leave-active,
+  .slide-right-enter-active,
+  .slide-right-leave-active {
+    position: absolute !important;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1;
+    background-color: white;
+    transition: all 0.3s;
+  }
+  .slide-left-enter-from,
+  .slide-right-leave-to {
+    opacity: 1;
+    transform: translateX(100%);
+  }
+  .slide-right-enter-from,
+  .slide-left-leave-to {
+    opacity: 1;
+    transform: translateX(-100%);
+  }
+  .slide-left-leave-to,
+  .slide-right-leave-to {
+    opacity: 0.3;
+  }
+
+  /* 禁用动画时 */
+  .transition-none-enter-active,
+  .transition-none-leave-active {
+    position: absolute !important;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 999;
+    transition: none;
+  }
+</style>
+
+<style lang="less" scoped>
+  .page {
+    @apply flex h-full flex-col;
+
+    background-color: var(--text-n9);
+    .page-content {
+      @apply relative flex-1 overflow-hidden;
+    }
+    .page-bottom-tabbar {
+      gap: 8px;
+      :deep(.van-tabbar-item__icon) {
+        @apply mb-0;
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/mobile/src/locale/en-US/common.ts b/frontend/packages/mobile/src/locale/en-US/common.ts
new file mode 100644
index 0000000..1385dfe
--- /dev/null
+++ b/frontend/packages/mobile/src/locale/en-US/common.ts
@@ -0,0 +1,101 @@
+export default {
+  'common.newCustomer': 'New Account',
+  'common.editCustomer': 'Update Account',
+  'common.newContact': 'New Contact',
+  'common.editContact': 'Update Contact',
+  'common.newOpportunity': 'New Opt',
+  'common.editOpportunity': 'Update Opportunity',
+  'common.newClue': 'New Lead',
+  'common.editClue': 'Update Lead',
+  'common.record': 'Follow Record',
+  'common.newFollowRecord': 'New Follow Record',
+  'common.plan': 'Follow Plan',
+  'common.newFollowPlan': 'New Follow Plan',
+  'common.headerRecord': 'Header Record',
+  'common.listLoadErrorTip': 'Request failed, click to reload',
+  'common.listFinishedTip': 'Already at the bottom~',
+  'common.message': 'Notification',
+  'common.checkMore': 'Check More',
+  'common.more': 'More',
+  'common.system': 'System',
+  'common.systemNotification': 'System Notification',
+  'common.signRead': 'Sign Read',
+  'common.noData': 'No Data',
+  'common.edit': 'Edit',
+  'common.writeRecord': 'Write Follow Record',
+  'common.transfer': 'Transfer',
+  'common.delete': 'Delete',
+  'common.deleteSuccess': 'Delete Success',
+  'common.pick': 'Pick',
+  'common.picking': 'Picking...',
+  'common.pickSuccess': 'Pick Success',
+  'common.distribute': 'Distribute',
+  'common.distributeSuccess': 'Distribute Success',
+  'common.normal': 'Normal',
+  'common.abnormal': 'Abnormal',
+  'common.pleaseInput': 'Please Input',
+  'common.pleaseSelect': 'Please Select',
+  'common.create': 'Create',
+  'common.createSuccess': 'Create Success',
+  'common.add': 'Add',
+  'common.addSuccess': 'Add Success',
+  'common.update': 'Update',
+  'common.updateSuccess': 'Update Success',
+  'common.cancel': 'Cancel',
+  'common.cancelPlan': 'Cancel Plan',
+  'common.cancelSuccess': 'Cancel Success',
+  'common.pleaseInputKeyword': 'Please Input Keyword',
+  'common.customer': 'Account',
+  'common.clue': 'Lead',
+  'common.opportunity': 'Opportunity',
+  'common.recordBusiness': 'Follow-up record',
+  'common.planBusiness': 'Follow-up plan',
+  'common.recordClue': 'Follow-up record',
+  'common.planClue': 'Follow-up plan',
+  'common.convertToCustomer': 'Convert to account',
+  'common.confirm': 'Confirm',
+  'common.notNull': '{value} cannot be empty',
+  'common.required': 'Required',
+  'common.onlyOne': 'Not allowed to repeat value',
+  'common.contact': 'Contact',
+  'common.customerContact': 'Contact',
+  'common.confirmDelete': 'Confirm delete',
+  'common.copySuccess': 'Copy success',
+  'common.copyNotSupport': 'Current device does not support copy, please copy manually',
+  'common.phoneNumber': 'Phone number',
+  'common.announcementMessage': 'Announcement',
+  'common.remainingBelong': 'Remaining belong',
+  'common.refreshSuccess': 'Refresh success',
+  'common.searching': 'Searching...',
+  'common.transferring': 'Transferring...',
+  'common.deleting': 'Deleting...',
+  'common.loading': 'Loading...',
+  'common.dayUnit': 'Days',
+  'common.transferSuccess': 'Transfer Success',
+  'common.transferFailed': 'Transfer failed',
+  'common.confirmMoveIn': 'Confirm move in',
+  'common.updateToCurrentProgress': 'Update to current progress',
+  'common.success': 'Success',
+  'common.fail': 'Error',
+  'common.updating': 'Updating...',
+  'common.operationSuccess': 'Operation success',
+  'common.followFailed': 'Follow failed',
+  'common.result': 'Result',
+  'common.notStarted': 'Not started',
+  'common.inProgress': 'In progress',
+  'common.completed': 'Completed',
+  'common.canceled': 'Canceled',
+  'common.detail': 'Detail',
+  'common.communicationContent': 'Communication content',
+  'common.head': 'Head',
+  'common.createTime': 'Create time',
+  'common.login': 'Login...',
+  'common.searchByName': 'Search by name',
+  'common.optionNotExist': 'Option does not exist',
+  'common.open': 'Open',
+  'common.close': 'Closed',
+  'common.convertPlanToRecord': 'Plan transfer record',
+  'common.hasConvertToRecord': 'Have record',
+  'common.moveInReason': 'Move-in reason',
+  'common.noReason': 'Reason for migration not configured',
+};
diff --git a/frontend/packages/mobile/src/locale/en-US/index.ts b/frontend/packages/mobile/src/locale/en-US/index.ts
new file mode 100644
index 0000000..e162cbd
--- /dev/null
+++ b/frontend/packages/mobile/src/locale/en-US/index.ts
@@ -0,0 +1,37 @@
+import common from './common';
+import sys from './sys';
+import dayjsLocale from 'dayjs/locale/en';
+
+const _Cmodules: any = import.meta.glob('../../components/**/locale/en-US.ts', { eager: true });
+const _Vmodules: any = import.meta.glob('../../views/**/locale/en-US.ts', { eager: true });
+let result = {};
+Object.keys(_Cmodules).forEach((key) => {
+  const defaultModule = _Cmodules[key as any].default;
+  if (!defaultModule) return;
+  result = { ...result, ...defaultModule };
+});
+Object.keys(_Vmodules).forEach((key) => {
+  const defaultModule = _Vmodules[key as any].default;
+  if (!defaultModule) return;
+  result = { ...result, ...defaultModule };
+});
+
+export default {
+  message: {
+    'menu.workbench': 'Home',
+    'menu.duplicateCheck': 'Duplicate Check',
+    'menu.opportunity': 'Opportunity',
+    'menu.clue': 'Lead',
+    'menu.cluePool': 'Lead Pool',
+    'menu.customer': 'Account',
+    'menu.openSea': 'Open Sea',
+    'menu.contact': 'Contact',
+    'menu.mine': 'Mine',
+    'navbar.action.locale': 'Switch to English',
+    ...sys,
+    ...result,
+    ...common,
+  },
+  dayjsLocale,
+  dayjsLocaleName: 'en-US',
+};
diff --git a/frontend/packages/mobile/src/locale/en-US/sys.ts b/frontend/packages/mobile/src/locale/en-US/sys.ts
new file mode 100644
index 0000000..c2dcd40
--- /dev/null
+++ b/frontend/packages/mobile/src/locale/en-US/sys.ts
@@ -0,0 +1,43 @@
+export default {
+  // 消息提醒相关
+  'message.errorTip': 'Error Tip',
+  'message.loggingOut': 'Logging out...',
+  'message.loginExpired': 'Login expired, please login again!',
+  'message.logoutSuccess': 'Logout successful',
+  'message.loadingDefaultTip': 'Loading...',
+  'message.menuLoading': 'Loading the menu...',
+  'message.menuLoadSuccess': 'Menu loaded successfully',
+  'message.menuLoadError': 'Menu load failed',
+  // API相关
+  'api.apiTimeoutMessage': 'The interface request timed out, please refresh the page and try again!',
+  'api.apiRequestFailed': 'The interface request failed, please try again later!',
+  'api.networkException': 'network anomaly',
+  'api.networkExceptionMsg': 'Please check if your network connection is normal! The network is abnormal',
+  'api.responseError': 'Interface returns an error, please try again',
+  'api.requestError': 'Request Error',
+  'api.errMsg401': 'The user does not have permission (token, user name, password error)!',
+  'api.errMsg403': 'No access rights, please contact the administrator',
+  'api.errMsg404': 'Network request error, the resource was not found!',
+  'api.errMsg405': 'Network request error, request method not allowed!',
+  'api.errMsg408': 'Network request timed out!',
+  'api.errMsg500': 'Server error, please contact the administrator!',
+  'api.errMsg501': 'The network is not implemented!',
+  'api.errMsg502': 'Network Error!',
+  'api.errMsg503': 'The service is unavailable, the server is temporarily overloaded or maintained!',
+  'api.errMsg504': 'Network timeout!',
+  'api.errMsg505': 'The http version does not support the request!',
+  'api.authDisabled': 'The application is disabled!',
+  // 异步任务提示
+  'asyncTask.uploadFileProgress': 'File upload progress {percent}; {done} successful, {fail} failed',
+  'asyncTask.uploadFileSuccess': 'File upload completed: {done} successfully, {fail} failed',
+  'asyncTask.uploadFileSuccessTitle': 'Upload completed',
+  // 通用业务提示
+  'user.openSourceCreateUsersLimit':
+    'The maximum number of system users has reached 30 (Community Edition). If you need to add/enable more users, you can apply',
+  'user.businessTry': 'Enterprise Edition Trial',
+  'user.businessCreateUsersLimitThirty':
+    'The maximum number of system users has reached 30 (Community Edition). If you need to add/enable more users, you can apply',
+  'user.businessCreateUsersLimitMax':
+    'The number of system users has reached the maximum number of user subscriptions {count}. If you want to add/enable more users, you can apply',
+  'user.businessScaling': 'Enterprise Edition Capacity Expansion',
+};
diff --git a/frontend/packages/mobile/src/locale/zh-CN/common.ts b/frontend/packages/mobile/src/locale/zh-CN/common.ts
new file mode 100644
index 0000000..f9f618a
--- /dev/null
+++ b/frontend/packages/mobile/src/locale/zh-CN/common.ts
@@ -0,0 +1,102 @@
+export default {
+  'common.newCustomer': '新建客户',
+  'common.editCustomer': '更新客户',
+  'common.newContact': '新建联系人',
+  'common.editContact': '更新联系人',
+  'common.newOpportunity': '新建商机',
+  'common.editOpportunity': '更新商机',
+  'common.newClue': '新建线索',
+  'common.editClue': '更新线索',
+  'common.record': '跟进记录',
+  'common.newFollowRecord': '写跟进',
+  'common.plan': '跟进计划',
+  'common.newFollowPlan': '写计划',
+  'common.headerRecord': '负责人记录',
+  'common.listLoadErrorTip': '请求失败，点击重新加载',
+  'common.listFinishedTip': '已经到底部啦~',
+  'common.message': '消息通知',
+  'common.checkMore': '查看更多',
+  'common.more': '更多',
+  'common.system': '系统',
+  'common.systemNotification': '系统通知',
+  'common.signRead': '标为已读',
+  'common.noData': '暂无数据',
+  'common.edit': '编辑',
+  'common.writeRecord': '写跟进',
+  'common.transfer': '转移',
+  'common.delete': '删除',
+  'common.deleteSuccess': '删除成功',
+  'common.pick': '领取',
+  'common.picking': '领取中...',
+  'common.pickSuccess': '领取成功',
+  'common.distribute': '分配',
+  'common.distributeSuccess': '分配成功',
+  'common.normal': '正常',
+  'common.abnormal': '异常',
+  'common.pleaseInput': '请输入',
+  'common.pleaseSelect': '请选择',
+  'common.create': '新建',
+  'common.createSuccess': '新建成功',
+  'common.add': '添加',
+  'common.addSuccess': '添加成功',
+  'common.update': '更新',
+  'common.updateSuccess': '更新成功',
+  'common.cancel': '取消',
+  'common.cancelPlan': '取消计划',
+  'common.cancelSuccess': '取消成功',
+  'common.pleaseInputKeyword': '请输入关键词',
+  'common.customer': '客户',
+  'common.clue': '线索',
+  'common.opportunity': '商机',
+  'common.recordBusiness': '跟进记录',
+  'common.planBusiness': '跟进计划',
+  'common.recordClue': '跟进记录',
+  'common.planClue': '跟进计划',
+  'common.convertToCustomer': '转为客户',
+  'common.confirm': '确认',
+  'common.notNull': '{value}不能为空',
+  'common.required': '必填',
+  'common.onlyOne': '不允许重复值',
+  'common.contact': '联系人',
+  'common.customerContact': '联系人',
+  'common.confirmDelete': '确认删除',
+  'common.copySuccess': '复制成功',
+  'common.copyNotSupport': '当前设备不支持复制，请手动复制',
+  'common.phoneNumber': '手机号',
+  'common.announcementMessage': '公告',
+  'common.remainingBelong': '剩余归属',
+  'common.refreshSuccess': '刷新成功',
+  'common.searching': '搜索中...',
+  'common.to': '至',
+  'common.transferring': '转移中...',
+  'common.deleting': '删除中...',
+  'common.loading': '加载中...',
+  'common.dayUnit': '天',
+  'common.transferSuccess': '转移成功',
+  'common.transferFailed': '转移失败',
+  'common.confirmMoveIn': '确认移入',
+  'common.updateToCurrentProgress': '更新为当前进度',
+  'common.success': '成功',
+  'common.fail': '失败',
+  'common.updating': '更新中...',
+  'common.operationSuccess': '操作成功',
+  'common.followFailed': '跟进失败',
+  'common.result': '结果',
+  'common.notStarted': '未开始',
+  'common.inProgress': '进行中',
+  'common.completed': '已完成',
+  'common.canceled': '已取消',
+  'common.detail': '详情',
+  'common.communicationContent': '沟通内容',
+  'common.head': '负责人',
+  'common.createTime': '创建时间',
+  'common.login': '登录中...',
+  'common.searchByName': '通过名称搜索',
+  'common.optionNotExist': '选项不存在',
+  'common.open': '开启',
+  'common.close': '关闭',
+  'common.convertPlanToRecord': '计划转记录',
+  'common.hasConvertToRecord': '已转记录',
+  'common.moveInReason': '移入原因',
+  'common.noReason': '未配置移入原因',
+};
diff --git a/frontend/packages/mobile/src/locale/zh-CN/index.ts b/frontend/packages/mobile/src/locale/zh-CN/index.ts
new file mode 100644
index 0000000..c7707b9
--- /dev/null
+++ b/frontend/packages/mobile/src/locale/zh-CN/index.ts
@@ -0,0 +1,36 @@
+import common from './common';
+import sys from './sys';
+import dayjsLocale from 'dayjs/locale/zh-cn';
+
+const _Cmodules: any = import.meta.glob('../../components/**/locale/zh-CN.ts', { eager: true });
+const _Vmodules: any = import.meta.glob('../../views/**/locale/zh-CN.ts', { eager: true });
+let result = {};
+Object.keys(_Cmodules).forEach((key) => {
+  const defaultModule = _Cmodules[key as any].default;
+  if (!defaultModule) return;
+  result = { ...result, ...defaultModule };
+});
+Object.keys(_Vmodules).forEach((key) => {
+  const defaultModule = _Vmodules[key as any].default;
+  if (!defaultModule) return;
+  result = { ...result, ...defaultModule };
+});
+export default {
+  message: {
+    'menu.workbench': '首页',
+    'menu.duplicateCheck': '查重',
+    'menu.opportunity': '商机',
+    'menu.clue': '线索',
+    'menu.cluePool': '线索池',
+    'menu.customer': '客户',
+    'menu.contact': '联系人',
+    'menu.openSea': '公海',
+    'menu.mine': '我的',
+    'navbar.action.locale': '切换为中文',
+    ...sys,
+    ...result,
+    ...common,
+  },
+  dayjsLocale,
+  dayjsLocaleName: 'zh-CN',
+};
diff --git a/frontend/packages/mobile/src/locale/zh-CN/sys.ts b/frontend/packages/mobile/src/locale/zh-CN/sys.ts
new file mode 100644
index 0000000..5fe7f79
--- /dev/null
+++ b/frontend/packages/mobile/src/locale/zh-CN/sys.ts
@@ -0,0 +1,40 @@
+export default {
+  // 消息提醒相关
+  'message.errorTip': '错误提示',
+  'message.loggingOut': '正在退出登录...',
+  'message.loginExpired': '登录过期，请重新登录!',
+  'message.logoutSuccess': '登出成功',
+  'message.loadingDefaultTip': '加载中...',
+  'message.menuLoading': '菜单加载中...',
+  'message.menuLoadSuccess': '菜单加载成功',
+  'message.menuLoadError': '菜单加载失败',
+  // API相关
+  'api.apiTimeoutMessage': '接口请求超时,请刷新页面重试!',
+  'api.apiRequestFailed': '请求出错，请稍候重试',
+  'api.networkException': '网络异常',
+  'api.networkExceptionMsg': '网络异常，请检查您的网络连接是否正常!',
+  'api.responseError': '接口返回错误，请重试',
+  'api.requestError': '请求错误',
+  'api.errMsg401': '用户没有权限（令牌、用户名、密码错误）!',
+  'api.errMsg403': '无权访问，请联系管理员!',
+  'api.errMsg404': '网络请求错误,未找到该资源!',
+  'api.errMsg405': '网络请求错误,请求方法未允许!',
+  'api.errMsg408': '网络请求超时!',
+  'api.errMsg500': '服务器错误,请联系管理员!',
+  'api.errMsg501': '网络未实现!',
+  'api.errMsg502': '网络错误!',
+  'api.errMsg503': '服务不可用，服务器暂时过载或维护!',
+  'api.errMsg504': '网络超时!',
+  'api.errMsg505': 'http版本不支持该请求!',
+  'api.authDisabled': '应用被禁用!',
+  // 异步任务提示
+  'asyncTask.uploadFileProgress': '文件上传进度 {percent}；成功 {done} 个，失败 {fail} 个',
+  'asyncTask.uploadFileSuccess': '文件上传完成：成功 {done} 个，失败 {fail} 个',
+  'asyncTask.uploadFileSuccessTitle': '上传完成',
+  // 通用业务提示
+  'user.openSourceCreateUsersLimit': '系统用户数已达到最大用户数限制30人（社区版），如需添加/启用更多用户，可申请',
+  'user.businessTry': '企业版试用',
+  'user.businessCreateUsersLimitThirty': '系统用户数已达到最大用户数限制30人（社区版），如需添加/启用更多用户，可申请',
+  'user.businessCreateUsersLimitMax': '系统用户数已达到最大用户订阅数 {count} 人，如需添加/启用更多用户，可申请',
+  'user.businessScaling': '企业版扩容',
+};
diff --git a/frontend/packages/mobile/src/main.ts b/frontend/packages/mobile/src/main.ts
new file mode 100644
index 0000000..7222100
--- /dev/null
+++ b/frontend/packages/mobile/src/main.ts
@@ -0,0 +1,43 @@
+// eslint-disable-next-line simple-import-sort/imports
+import { createApp } from 'vue';
+import { showLoadingToast } from 'vant';
+
+import 'vant/es/toast/style'; // 解决toast样式被popup覆盖的问题
+import 'vant/es/dialog/style'; // 解决dialog样式被popup覆盖的问题
+import 'vant/es/image-preview/style'; // 解决image-preview样式被popup覆盖的问题
+import '@/assets/icon-font/iconfont';
+import '@/assets/icon-font/iconfont.css';
+import '@/assets/style/index.less';
+
+import { setupI18n } from '@lib/shared/locale';
+import useLocale from '@lib/shared/locale/useLocale';
+
+import App from './App.vue';
+import directive from './directive/index';
+
+// eslint-disable-next-line import/no-unresolved
+import 'virtual:svg-icons-register';
+import router from './router';
+import store from './store';
+
+async function setupApp() {
+  const app = createApp(App);
+
+  app.use(store);
+  // 注册国际化，需要异步阻塞，确保语言包加载完毕
+  await setupI18n(app);
+
+  // 获取默认语言
+  const localLocale = localStorage.getItem('CRM-locale');
+  if (!localLocale) {
+    // TODO 国际化接口对接
+    // const defaultLocale = await getDefaultLocale();
+    const { changeLocale } = useLocale(showLoadingToast);
+    changeLocale('zh-CN');
+  }
+  app.use(router);
+  app.use(directive);
+  app.mount('#app');
+}
+
+setupApp();
diff --git a/frontend/packages/mobile/src/router/constants.ts b/frontend/packages/mobile/src/router/constants.ts
new file mode 100644
index 0000000..8e6bf70
--- /dev/null
+++ b/frontend/packages/mobile/src/router/constants.ts
@@ -0,0 +1,28 @@
+// 404 路由
+export const NOT_FOUND = {
+  name: 'notFound',
+  path: '/not-found',
+  meta: {
+    requiresAuth: false,
+  },
+};
+
+// 路由白名单，无需校验权限与登录状态
+export const WHITE_LIST = [NOT_FOUND];
+
+// 重定向中转站路由
+export const REDIRECT_ROUTE_NAME = 'Redirect';
+
+export const WHITE_LIST_NAME = WHITE_LIST.map((el) => el.name);
+
+// 无资源/权限路由
+export const NO_RESOURCE_ROUTE_NAME = 'no-resource';
+
+// 企业微信认证被禁用路由
+export const AUTH_DISABLED_ROUTE_NAME = 'auth-disabled';
+
+// 首页路由
+export const DEFAULT_ROUTE_NAME = 'workbench';
+
+// 登录加载路由
+export const LOGIN_LOADING = 'loading';
diff --git a/frontend/packages/mobile/src/router/guard/index.ts b/frontend/packages/mobile/src/router/guard/index.ts
new file mode 100644
index 0000000..99f72b1
--- /dev/null
+++ b/frontend/packages/mobile/src/router/guard/index.ts
@@ -0,0 +1,28 @@
+import { AxiosCanceler } from '@lib/shared/api/http/axiosCancel';
+import { setRouteEmitter } from '@lib/shared/method/route-listener';
+
+import setupPermissionGuard from './permission';
+import setupUserLoginInfoGuard from './userLoginInfo';
+import NProgress from 'nprogress';
+import type { Router } from 'vue-router';
+
+function setupPageGuard(router: Router) {
+  const axiosCanceler = new AxiosCanceler();
+  router.beforeEach((to, from, next) => {
+    NProgress.start();
+    // 监听路由变化
+    setRouteEmitter(to);
+    // 取消上个路由未完成的请求（不包含设置了ignoreCancelToken的请求）
+    axiosCanceler.removeAllPending();
+    next();
+  });
+}
+
+export default function createRouteGuard(router: Router) {
+  // 设置路由监听守卫
+  setupPageGuard(router);
+  // 设置用户登录校验守卫
+  setupUserLoginInfoGuard(router);
+  // 设置菜单权限守卫
+  setupPermissionGuard(router);
+}
diff --git a/frontend/packages/mobile/src/router/guard/permission.ts b/frontend/packages/mobile/src/router/guard/permission.ts
new file mode 100644
index 0000000..e3efcfe
--- /dev/null
+++ b/frontend/packages/mobile/src/router/guard/permission.ts
@@ -0,0 +1,23 @@
+import { NO_RESOURCE_ROUTE_NAME, WHITE_LIST } from '../constants';
+import usePermission from '@cordys/web/src/hooks/usePermission';
+import NProgress from 'nprogress';
+import type { Router } from 'vue-router';
+
+export default function setupPermissionGuard(router: Router) {
+  router.beforeEach(async (to, from, next) => {
+    const Permission = usePermission();
+    const permissionsAllow = Permission.accessRouter(to);
+
+    // TODO 如果是隐藏的模块，则跳转到无权限页面
+
+    const exist = WHITE_LIST.find((el) => el.name === to.name);
+    if (exist || permissionsAllow) {
+      next();
+    } else {
+      next({
+        name: NO_RESOURCE_ROUTE_NAME,
+      });
+    }
+    NProgress.done();
+  });
+}
diff --git a/frontend/packages/mobile/src/router/guard/userLoginInfo.ts b/frontend/packages/mobile/src/router/guard/userLoginInfo.ts
new file mode 100644
index 0000000..27f8336
--- /dev/null
+++ b/frontend/packages/mobile/src/router/guard/userLoginInfo.ts
@@ -0,0 +1,57 @@
+import { isDingTalkBrowser, isLarkBrowser, isWeComBrowser } from '@lib/shared/method';
+import { clearToken, hasToken, isLoginExpires } from '@lib/shared/method/auth';
+
+import useUser from '@/hooks/useUser';
+
+import { AppRouteEnum } from '@/enums/routeEnum';
+
+import { LOGIN_LOADING } from '../constants';
+import NProgress from 'nprogress';
+import type { Router } from 'vue-router';
+
+export default function setupUserLoginInfoGuard(router: Router) {
+  router.beforeEach(async (to, from, next) => {
+    NProgress.start();
+
+    const { isWhiteListPage } = useUser();
+    // 登录过期清除token
+    if (isLoginExpires()) {
+      clearToken();
+    }
+
+    const tokenExists = hasToken();
+
+    // 未登录访问受限页面重定向登录页
+    if (!tokenExists) {
+      if (to.name === 'login') {
+        // 允许主动退出后访问 login
+        next();
+        NProgress.done();
+        return;
+      }
+      // 企业微信进入，未登录则进去loading页面
+      if (isWeComBrowser() || isDingTalkBrowser() || isLarkBrowser()) {
+        if (to.name !== LOGIN_LOADING) {
+          next({ name: LOGIN_LOADING });
+          NProgress.done();
+          return;
+        }
+        // 其他浏览器进入则到登录页面
+      } else if (to.name !== 'login' && !isWhiteListPage()) {
+        next({ name: 'login' });
+        NProgress.done();
+        return;
+      }
+    }
+    // 已登录访问登录页面和loading页面则都去首页
+    if ((to.name === 'login' || to.name === LOGIN_LOADING) && tokenExists) {
+      next({ name: AppRouteEnum.WORKBENCH });
+      NProgress.done();
+      return;
+    }
+
+    // 其他情况（放行：已登录访问正常页面\未登录访问白名单页面）
+    next();
+    NProgress.done();
+  });
+}
diff --git a/frontend/packages/mobile/src/router/index.ts b/frontend/packages/mobile/src/router/index.ts
new file mode 100644
index 0000000..d234800
--- /dev/null
+++ b/frontend/packages/mobile/src/router/index.ts
@@ -0,0 +1,35 @@
+import { createRouter, createWebHashHistory } from 'vue-router';
+
+import 'nprogress/nprogress.css';
+import createRouteGuard from './guard/index';
+import appRoutes from './routes';
+import { AUTH_DISABLED_ROUTE, AUTH_LOGIN_LOADING_ROUTE, NO_RESOURCE_ROUTE } from './routes/base';
+import NProgress from 'nprogress';
+
+NProgress.configure({ showSpinner: false });
+
+const router = createRouter({
+  history: createWebHashHistory(),
+  routes: [
+    {
+      path: '/',
+      redirect: '/loading',
+    },
+    {
+      path: '/login',
+      name: 'login',
+      component: () => import('@/views/base/login/index.vue'),
+      meta: {
+        requiresAuth: false,
+      },
+    },
+    ...appRoutes,
+    NO_RESOURCE_ROUTE,
+    AUTH_DISABLED_ROUTE,
+    AUTH_LOGIN_LOADING_ROUTE,
+  ],
+});
+
+createRouteGuard(router);
+
+export default router;
diff --git a/frontend/packages/mobile/src/router/routes/base.ts b/frontend/packages/mobile/src/router/routes/base.ts
new file mode 100644
index 0000000..5c3666c
--- /dev/null
+++ b/frontend/packages/mobile/src/router/routes/base.ts
@@ -0,0 +1,31 @@
+import { AUTH_DISABLED_ROUTE_NAME, LOGIN_LOADING, NO_RESOURCE_ROUTE_NAME } from '../constants';
+import type { RouteRecordRaw } from 'vue-router';
+
+export const DEFAULT_LAYOUT = () => import('@/layout/default-layout.vue');
+
+export const NO_RESOURCE_ROUTE: RouteRecordRaw = {
+  path: '/noResource',
+  name: NO_RESOURCE_ROUTE_NAME,
+  component: () => import('@/views/base/no-resource.vue'),
+  meta: {
+    requiresAuth: false,
+  },
+};
+
+export const AUTH_DISABLED_ROUTE: RouteRecordRaw = {
+  path: '/authDisabled',
+  name: AUTH_DISABLED_ROUTE_NAME,
+  component: () => import('@/views/base/auth-disabled.vue'),
+  meta: {
+    requiresAuth: false,
+  },
+};
+
+export const AUTH_LOGIN_LOADING_ROUTE: RouteRecordRaw = {
+  path: '/loading',
+  name: LOGIN_LOADING,
+  component: () => import('@/views/base/login/loading.vue'),
+  meta: {
+    requiresAuth: false,
+  },
+};
diff --git a/frontend/packages/mobile/src/router/routes/index.ts b/frontend/packages/mobile/src/router/routes/index.ts
new file mode 100644
index 0000000..e89ade7
--- /dev/null
+++ b/frontend/packages/mobile/src/router/routes/index.ts
@@ -0,0 +1,17 @@
+import type { RouteRecordNormalized } from 'vue-router';
+
+const modules = import.meta.glob('./modules/*.ts', { eager: true });
+
+function formatModules(_modules: any, result: RouteRecordNormalized[]) {
+  Object.keys(_modules).forEach((key) => {
+    const defaultModule = _modules[key].default;
+    if (!defaultModule) return;
+    const moduleList = Array.isArray(defaultModule) ? [...defaultModule] : [defaultModule];
+    result.push(...moduleList);
+  });
+  return result;
+}
+
+const appRoutes: RouteRecordNormalized[] = formatModules(modules, []);
+
+export default appRoutes;
diff --git a/frontend/packages/mobile/src/router/routes/modules/clue.ts b/frontend/packages/mobile/src/router/routes/modules/clue.ts
new file mode 100644
index 0000000..d0de4f9
--- /dev/null
+++ b/frontend/packages/mobile/src/router/routes/modules/clue.ts
@@ -0,0 +1,68 @@
+import { ClueRouteEnum } from '@/enums/routeEnum';
+
+import { DEFAULT_LAYOUT } from '../base';
+import type { AppRouteRecordRaw } from '../types';
+
+const lead: AppRouteRecordRaw = {
+  path: '/lead',
+  name: ClueRouteEnum.CLUE,
+  redirect: '/lead/index',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    permissions: ['CLUE_MANAGEMENT:READ', 'CLUE_MANAGEMENT_POOL:READ'],
+  },
+  children: [
+    {
+      path: 'index',
+      name: ClueRouteEnum.CLUE_INDEX,
+      component: () => import('@/views/clue/index.vue'),
+      meta: {
+        locale: 'menu.clue',
+        permissions: ['CLUE_MANAGEMENT:READ'],
+        depth: 1,
+        isCache: true,
+      },
+    },
+    {
+      path: 'detail',
+      name: ClueRouteEnum.CLUE_DETAIL,
+      component: () => import('@/views/clue/clue/detail.vue'),
+      meta: {
+        permissions: ['CLUE_MANAGEMENT:READ'],
+        depth: 2,
+        isCache: true,
+      },
+    },
+    {
+      path: 'moveToPool',
+      name: ClueRouteEnum.MOVE_TO_POOL,
+      component: () => import('@/views/clue/clue/moveToPool.vue'),
+      meta: {
+        permissions: ['CLUE_MANAGEMENT:READ'],
+        depth: 2,
+      },
+    },
+    {
+      path: 'convert',
+      name: ClueRouteEnum.CONVERT,
+      component: () => import('@/views/clue/clue/convert.vue'),
+      meta: {
+        permissions: ['CLUE_MANAGEMENT:READ'],
+        isCache: true,
+        depth: 2,
+      },
+    },
+    {
+      path: 'poolDetail',
+      name: ClueRouteEnum.CLUE_POOL_DETAIL,
+      component: () => import('@/views/clue/pool/detail.vue'),
+      meta: {
+        permissions: ['CLUE_MANAGEMENT_POOL:READ'],
+        isCache: true,
+        depth: 2,
+      },
+    },
+  ],
+};
+
+export default lead;
diff --git a/frontend/packages/mobile/src/router/routes/modules/common.ts b/frontend/packages/mobile/src/router/routes/modules/common.ts
new file mode 100644
index 0000000..31158e4
--- /dev/null
+++ b/frontend/packages/mobile/src/router/routes/modules/common.ts
@@ -0,0 +1,71 @@
+import { CommonRouteEnum } from '@/enums/routeEnum';
+
+import { DEFAULT_LAYOUT } from '../base';
+import type { AppRouteRecordRaw } from '../types';
+
+const common: AppRouteRecordRaw = {
+  path: '/common',
+  name: CommonRouteEnum.COMMON,
+  component: DEFAULT_LAYOUT,
+  meta: {
+    permissions: [
+      'CLUE_MANAGEMENT:ADD',
+      'CLUE_MANAGEMENT:UPDATE',
+      'CUSTOMER_MANAGEMENT:ADD',
+      'CUSTOMER_MANAGEMENT:UPDATE',
+      'CUSTOMER_MANAGEMENT_CONTACT:ADD',
+      'CUSTOMER_MANAGEMENT_CONTACT:UPDATE',
+      'OPPORTUNITY_MANAGEMENT:ADD',
+      'OPPORTUNITY_MANAGEMENT:UPDATE',
+    ],
+  },
+  children: [
+    {
+      path: 'formCreate',
+      name: CommonRouteEnum.FORM_CREATE,
+      component: () => import('@/components/business/crm-form-create/index.vue'),
+      meta: {
+        permissions: [
+          'CLUE_MANAGEMENT:ADD',
+          'CLUE_MANAGEMENT:UPDATE',
+          'CUSTOMER_MANAGEMENT:ADD',
+          'CUSTOMER_MANAGEMENT:UPDATE',
+          'CUSTOMER_MANAGEMENT_CONTACT:ADD',
+          'CUSTOMER_MANAGEMENT_CONTACT:UPDATE',
+          'OPPORTUNITY_MANAGEMENT:ADD',
+          'OPPORTUNITY_MANAGEMENT:UPDATE',
+        ],
+        depth: 9,
+      },
+    },
+    {
+      path: 'contactDetail',
+      name: CommonRouteEnum.CONTACT_DETAIL,
+      component: () => import('@/components/business/crm-contact-list/detail.vue'),
+      meta: {
+        permissions: ['CUSTOMER_MANAGEMENT:READ'],
+        depth: 9,
+      },
+    },
+    {
+      path: 'followDetail',
+      name: CommonRouteEnum.FOLLOW_DETAIL,
+      component: () => import('@/components/business/crm-follow-list/followDetail.vue'),
+      meta: {
+        permissions: ['CUSTOMER_MANAGEMENT:READ', 'CLUE_MANAGEMENT:READ', 'OPPORTUNITY_MANAGEMENT:READ'],
+        depth: 9,
+      },
+    },
+    {
+      path: 'workflowStage',
+      name: CommonRouteEnum.WORKFLOW_STAGE,
+      component: () => import('@/components/business/crm-workflow-card/workflowStage.vue'),
+      meta: {
+        permissions: ['OPPORTUNITY_MANAGEMENT:READ', 'OPPORTUNITY_MANAGEMENT:UPDATE'],
+        depth: 9,
+      },
+    },
+  ],
+};
+
+export default common;
diff --git a/frontend/packages/mobile/src/router/routes/modules/customer.ts b/frontend/packages/mobile/src/router/routes/modules/customer.ts
new file mode 100644
index 0000000..e7947f3
--- /dev/null
+++ b/frontend/packages/mobile/src/router/routes/modules/customer.ts
@@ -0,0 +1,85 @@
+import { CustomerRouteEnum } from '@/enums/routeEnum';
+
+import { DEFAULT_LAYOUT } from '../base';
+import type { AppRouteRecordRaw } from '../types';
+
+const customer: AppRouteRecordRaw = {
+  path: '/account',
+  name: CustomerRouteEnum.CUSTOMER,
+  redirect: '/account/index',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    permissions: ['CUSTOMER_MANAGEMENT:READ', 'CUSTOMER_MANAGEMENT_POOL:READ', 'CUSTOMER_MANAGEMENT_CONTACT:READ'],
+  },
+  children: [
+    {
+      path: 'index',
+      name: CustomerRouteEnum.CUSTOMER_INDEX,
+      component: () => import('@/views/customer/index.vue'),
+      meta: {
+        locale: 'menu.customer',
+        depth: 1,
+        isCache: true,
+        permissions: ['CUSTOMER_MANAGEMENT:READ'],
+      },
+    },
+    {
+      path: 'detail',
+      name: CustomerRouteEnum.CUSTOMER_DETAIL,
+      component: () => import('@/views/customer/detail.vue'),
+      meta: {
+        depth: 2,
+        isCache: true,
+        permissions: ['CUSTOMER_MANAGEMENT:READ'],
+      },
+    },
+    {
+      path: 'transfer',
+      name: CustomerRouteEnum.CUSTOMER_TRANSFER,
+      component: () => import('@/views/customer/transfer.vue'),
+      meta: {
+        depth: 3,
+        permissions: ['CUSTOMER_MANAGEMENT:UPDATE'],
+      },
+    },
+    {
+      path: 'distribute',
+      name: CustomerRouteEnum.CUSTOMER_DISTRIBUTE,
+      component: () => import('@/views/customer/openSea/distribute.vue'),
+      meta: {
+        depth: 3,
+        permissions: ['CUSTOMER_MANAGEMENT_POOL:ASSIGN'],
+      },
+    },
+    {
+      path: 'openSeaDetail',
+      name: CustomerRouteEnum.CUSTOMER_OPENSEA_DETAIL,
+      component: () => import('@/views/customer/openSea/detail.vue'),
+      meta: {
+        depth: 2,
+        isCache: true,
+        permissions: ['CUSTOMER_MANAGEMENT_POOL:READ'],
+      },
+    },
+    {
+      path: 'relation',
+      name: CustomerRouteEnum.CUSTOMER_RELATION,
+      component: () => import('@/views/customer/relation.vue'),
+      meta: {
+        depth: 3,
+        permissions: ['CUSTOMER_MANAGEMENT:UPDATE'],
+      },
+    },
+    {
+      path: 'collaborator',
+      name: CustomerRouteEnum.CUSTOMER_COLLABORATOR,
+      component: () => import('@/views/customer/collaborator.vue'),
+      meta: {
+        depth: 3,
+        permissions: ['CUSTOMER_MANAGEMENT:UPDATE'],
+      },
+    },
+  ],
+};
+
+export default customer;
diff --git a/frontend/packages/mobile/src/router/routes/modules/mine.ts b/frontend/packages/mobile/src/router/routes/modules/mine.ts
new file mode 100644
index 0000000..a1c5879
--- /dev/null
+++ b/frontend/packages/mobile/src/router/routes/modules/mine.ts
@@ -0,0 +1,46 @@
+import { MineRouteEnum } from '@/enums/routeEnum';
+
+import { DEFAULT_LAYOUT } from '../base';
+import type { AppRouteRecordRaw } from '../types';
+
+const mine: AppRouteRecordRaw = {
+  path: '/mine',
+  name: MineRouteEnum.MINE,
+  redirect: '/mine/index',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    permissions: [],
+  },
+  children: [
+    {
+      path: 'index',
+      name: MineRouteEnum.MINE_INDEX,
+      component: () => import('@/views/mine/index.vue'),
+      meta: {
+        locale: 'menu.mine',
+        permissions: [],
+        depth: 1,
+      },
+    },
+    {
+      path: 'message',
+      name: MineRouteEnum.MINE_MESSAGE,
+      component: () => import('@/views/mine/message.vue'),
+      meta: {
+        locale: 'menu.message',
+        depth: 2,
+      },
+    },
+    {
+      path: 'detail',
+      name: MineRouteEnum.MINE_DETAIL,
+      component: () => import('@/views/mine/detail.vue'),
+      meta: {
+        permissions: [],
+        depth: 2,
+      },
+    },
+  ],
+};
+
+export default mine;
diff --git a/frontend/packages/mobile/src/router/routes/modules/opportunity.ts b/frontend/packages/mobile/src/router/routes/modules/opportunity.ts
new file mode 100644
index 0000000..935d5ce
--- /dev/null
+++ b/frontend/packages/mobile/src/router/routes/modules/opportunity.ts
@@ -0,0 +1,39 @@
+import { OpportunityRouteEnum } from '@/enums/routeEnum';
+
+import { DEFAULT_LAYOUT } from '../base';
+import type { AppRouteRecordRaw } from '../types';
+
+const opportunity: AppRouteRecordRaw = {
+  path: '/opportunity',
+  name: OpportunityRouteEnum.OPPORTUNITY,
+  redirect: '/opportunity/index',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    permissions: ['OPPORTUNITY_MANAGEMENT:READ'],
+  },
+  children: [
+    {
+      path: 'index',
+      name: OpportunityRouteEnum.OPPORTUNITY_INDEX,
+      component: () => import('@/views/opportunity/index.vue'),
+      meta: {
+        locale: 'menu.opportunity',
+        permissions: ['OPPORTUNITY_MANAGEMENT:READ'],
+        depth: 1,
+        isCache: true,
+      },
+    },
+    {
+      path: 'detail',
+      name: OpportunityRouteEnum.OPPORTUNITY_DETAIL,
+      component: () => import('@/views/opportunity/detail.vue'),
+      meta: {
+        permissions: ['OPPORTUNITY_MANAGEMENT:READ'],
+        depth: 2,
+        isCache: true,
+      },
+    },
+  ],
+};
+
+export default opportunity;
diff --git a/frontend/packages/mobile/src/router/routes/modules/workbench.ts b/frontend/packages/mobile/src/router/routes/modules/workbench.ts
new file mode 100644
index 0000000..72d58ce
--- /dev/null
+++ b/frontend/packages/mobile/src/router/routes/modules/workbench.ts
@@ -0,0 +1,55 @@
+import { WorkbenchRouteEnum } from '@/enums/routeEnum';
+
+import { DEFAULT_LAYOUT } from '../base';
+import type { AppRouteRecordRaw } from '../types';
+
+const workbench: AppRouteRecordRaw = {
+  path: '/workbench',
+  name: WorkbenchRouteEnum.WORKBENCH,
+  redirect: '/workbench/index',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    permissions: [],
+  },
+  children: [
+    {
+      path: 'index',
+      name: WorkbenchRouteEnum.WORKBENCH_INDEX,
+      component: () => import('@/views/workbench/index.vue'),
+      meta: {
+        locale: 'menu.workbench',
+        permissions: [],
+        depth: 1,
+      },
+    },
+    {
+      path: 'duplicateCheck',
+      name: WorkbenchRouteEnum.WORKBENCH_DUPLICATE_CHECK,
+      component: () => import('@/views/workbench/duplicateCheck/index.vue'),
+      meta: {
+        locale: 'menu.duplicateCheck',
+        permissions: [
+          'CUSTOMER_MANAGEMENT:READ',
+          'CUSTOMER_MANAGEMENT_POOL:READ',
+          'CLUE_MANAGEMENT:READ',
+          'CLUE_MANAGEMENT_POOL:READ',
+        ],
+        depth: 1,
+        isCache: true,
+      },
+    },
+    {
+      path: 'agent',
+      name: WorkbenchRouteEnum.WORKBENCH_AGENT,
+      component: () => import('@/views/workbench/agent/index.vue'),
+      meta: {
+        locale: '',
+        permissions: [],
+        depth: 1,
+        isCache: true,
+      },
+    },
+  ],
+};
+
+export default workbench;
diff --git a/frontend/packages/mobile/src/router/routes/types.ts b/frontend/packages/mobile/src/router/routes/types.ts
new file mode 100644
index 0000000..e627bd9
--- /dev/null
+++ b/frontend/packages/mobile/src/router/routes/types.ts
@@ -0,0 +1,30 @@
+import { defineComponent } from 'vue';
+
+import type { NavigationGuard } from 'vue-router';
+
+export type Component<T = any> =
+  | ReturnType<typeof defineComponent>
+  | (() => Promise<typeof import('*.vue')>)
+  | (() => Promise<T>);
+
+export interface RouteMeta {
+  permissions?: string[]; // 权限数组
+  requiresAuth?: boolean; // 是否需要权限，默认需要
+  icon?: string; // 菜单icon
+  locale?: string; // 国际化语言单词
+  order?: number; // 排序权重
+  depth?: number; // 路由深度
+  isCache?: boolean; // 缓存设置，true缓存页面状态
+}
+export interface AppRouteRecordRaw {
+  path: string;
+  name?: string | symbol;
+  meta?: RouteMeta;
+  redirect?: string;
+  component: Component | string;
+  children?: AppRouteRecordRaw[];
+  alias?: string | string[];
+  props?: Record<string, any> | boolean;
+  beforeEnter?: NavigationGuard | NavigationGuard[];
+  fullPath?: string;
+}
diff --git a/frontend/packages/mobile/src/router/typing.d.ts b/frontend/packages/mobile/src/router/typing.d.ts
new file mode 100644
index 0000000..a83a6bc
--- /dev/null
+++ b/frontend/packages/mobile/src/router/typing.d.ts
@@ -0,0 +1,15 @@
+import 'vue-router';
+
+declare module 'vue-router' {
+  interface RouteMeta {
+    permissions?: string[]; // 权限数组
+    requiresAuth?: boolean; // 是否需要权限，默认需要
+    icon?: string; // 菜单icon
+    locale?: string; // 国际化语言单词
+    collapsedLocale?: string; // 收起时的国际化语言单词
+    hideInMenu?: boolean; // 此路由不在菜单展示
+    hideChildrenInMenu?: boolean; // 子路由不展示在菜单
+    activeMenu?: string; // 激活状态
+    order?: number; // 排序权重
+  }
+}
diff --git a/frontend/packages/mobile/src/store/index.ts b/frontend/packages/mobile/src/store/index.ts
new file mode 100644
index 0000000..22c2d46
--- /dev/null
+++ b/frontend/packages/mobile/src/store/index.ts
@@ -0,0 +1,8 @@
+import { createPinia } from 'pinia';
+
+import { debouncePlugin } from './plugins';
+import piniaPluginPersistedstate from 'pinia-plugin-persistedstate';
+
+const pinia = createPinia().use(debouncePlugin).use(piniaPluginPersistedstate);
+
+export default pinia;
diff --git a/frontend/packages/mobile/src/store/modules/app/index.ts b/frontend/packages/mobile/src/store/modules/app/index.ts
new file mode 100644
index 0000000..4cb73d5
--- /dev/null
+++ b/frontend/packages/mobile/src/store/modules/app/index.ts
@@ -0,0 +1,209 @@
+import { defineStore } from 'pinia';
+import { cloneDeep } from 'lodash-es';
+
+import { SubscribeMessageUrl } from '@lib/shared/api/requrls/system/message';
+import { CompanyTypeEnum } from '@lib/shared/enums/commonEnum';
+import { ModuleConfigEnum } from '@lib/shared/enums/moduleEnum';
+import { getSSE } from '@lib/shared/method/index';
+import { setLocalStorage } from '@lib/shared/method/local-storage';
+import { loadScript } from '@lib/shared/method/scriptLoader';
+
+import {
+  closeMessageSubscribe,
+  getHomeMessageList,
+  getKey,
+  getModuleNavConfigList,
+  getOpportunityStageConfig,
+  getThirdConfigByType,
+  getUnReadAnnouncement,
+} from '@/api/modules';
+import useUserStore from '@/store/modules/user';
+
+import type { AppState } from './types';
+
+const defaultModuleConfig = [
+  {
+    moduleKey: ModuleConfigEnum.DASHBOARD,
+    enable: true,
+  },
+  {
+    moduleKey: ModuleConfigEnum.HOME,
+    enable: true,
+  },
+  {
+    moduleKey: ModuleConfigEnum.CUSTOMER_MANAGEMENT,
+    enable: true,
+  },
+  {
+    moduleKey: ModuleConfigEnum.CLUE_MANAGEMENT,
+    enable: true,
+  },
+  {
+    moduleKey: ModuleConfigEnum.BUSINESS_MANAGEMENT,
+    enable: true,
+  },
+  {
+    moduleKey: ModuleConfigEnum.PRODUCT_MANAGEMENT,
+    enable: true,
+  },
+];
+
+const useAppStore = defineStore('app', {
+  state: (): AppState => ({
+    // 分页
+    pageSize: 10,
+    showSizePicker: true,
+    showQuickJumper: true,
+    orgId: '',
+    moduleConfigList: cloneDeep(defaultModuleConfig),
+    messageInfo: {
+      read: true,
+      notificationDTOList: [],
+      announcementDTOList: [],
+    },
+    eventSource: null,
+    cacheRoutes: new Set([]),
+    isManualBack: false,
+    originStageConfigList: [],
+  }),
+  getters: {
+    getOrgId(state: AppState) {
+      return state.orgId;
+    },
+    getCacheRoutes(state: AppState) {
+      return state.cacheRoutes;
+    },
+    getManualBack(state: AppState) {
+      return state.isManualBack;
+    },
+    stageConfigList(state: AppState) {
+      return state.originStageConfigList.map((e) => ({
+        value: e.id,
+        label: e.name,
+      }));
+    },
+  },
+  actions: {
+    setOrgId(id: string) {
+      this.orgId = id;
+    },
+    addCacheRoute(route: string) {
+      this.cacheRoutes.add(route);
+    },
+    removeCacheRoute(route: string) {
+      this.cacheRoutes.delete(route);
+    },
+    setManualBack(val: boolean) {
+      this.isManualBack = val;
+    },
+    /**
+     * 初始化模块配置
+     */
+    async initModuleConfig() {
+      try {
+        this.moduleConfigList = await getModuleNavConfigList({ organizationId: this.orgId });
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      }
+    },
+
+    /**
+     * 连接SSE消息订阅流
+     */
+    async connectSystemMessageSSE() {
+      const userStore = useUserStore();
+
+      await this.disconnectSystemMessageSSE();
+      this.eventSource = getSSE(SubscribeMessageUrl, {
+        clientId: userStore.clientIdRandomId,
+        userId: userStore.userInfo.id,
+      });
+      if (this.eventSource) {
+        this.eventSource.onmessage = (event: MessageEvent) => {
+          try {
+            if (event.data && event.data.includes('HEARTBEAT')) {
+              return;
+            }
+            const data = JSON.parse(event.data);
+
+            this.messageInfo = { ...data };
+          } catch (error) {
+            // eslint-disable-next-line no-console
+            console.error('SSE Message parsing failure:', error);
+          }
+        };
+        // 错误直接关闭，手动刷新
+        this.eventSource.onerror = () => {
+          if (this.eventSource) {
+            this.eventSource.close();
+            this.eventSource = null;
+          }
+        };
+      }
+    },
+    /**
+     * 客户端主动断开连接
+     */
+    async disconnectSystemMessageSSE() {
+      const userStore = useUserStore();
+      if (this.eventSource) {
+        this.eventSource.close();
+        this.eventSource = null;
+      }
+      try {
+        await closeMessageSubscribe({ clientId: userStore.clientIdRandomId, userId: userStore.userInfo.id });
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      }
+    },
+    /**
+     * 初始化首页消息
+     */
+    async initMessage() {
+      try {
+        const [notifications, announcements] = await Promise.all([getHomeMessageList(), getUnReadAnnouncement()]);
+        this.messageInfo.notificationDTOList = notifications;
+        this.messageInfo.announcementDTOList = announcements;
+        this.messageInfo.read = !(announcements?.length || notifications?.length);
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      }
+    },
+    // 显示 SQLBot
+    async showSQLBot() {
+      // TODO license 先放开
+      // const licenseStore = useLicenseStore();
+      // if (!licenseStore.hasLicense()) return;
+      const res = await getThirdConfigByType(CompanyTypeEnum.SQLBot);
+      if (res.config?.sqlBotChatEnable) {
+        await loadScript(res.config?.appSecret as string, { identifier: CompanyTypeEnum.SQLBot });
+      }
+    },
+    async initPublicKey() {
+      try {
+        const res = await getKey();
+        setLocalStorage('publicKey', res);
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.error(error);
+      }
+    },
+    async initStageConfig() {
+      try {
+        const stageConfig = await getOpportunityStageConfig();
+        this.originStageConfigList = stageConfig.stageConfigList;
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      }
+    },
+  },
+  persist: {
+    paths: ['moduleConfigList'],
+  },
+});
+
+export default useAppStore;
diff --git a/frontend/packages/mobile/src/store/modules/app/types.ts b/frontend/packages/mobile/src/store/modules/app/types.ts
new file mode 100644
index 0000000..0db5958
--- /dev/null
+++ b/frontend/packages/mobile/src/store/modules/app/types.ts
@@ -0,0 +1,16 @@
+import { StageConfigItem } from '@lib/shared/models/opportunity';
+import type { ModuleNavBaseInfoItem } from '@lib/shared/models/system/module';
+import type { MessageInfo } from '@lib/shared/models/user';
+
+export interface AppState {
+  pageSize: number;
+  showSizePicker: boolean;
+  showQuickJumper: boolean;
+  orgId: string;
+  moduleConfigList: ModuleNavBaseInfoItem[]; // 模块配置列表
+  messageInfo: MessageInfo; // 消息通知和公告
+  eventSource: null | EventSource; // 事件流资源
+  cacheRoutes: Set<string>; // 缓存路由列表
+  isManualBack: boolean; // 是否手动触发的返回
+  originStageConfigList: StageConfigItem[];
+}
diff --git a/frontend/packages/mobile/src/store/modules/setting/license.ts b/frontend/packages/mobile/src/store/modules/setting/license.ts
new file mode 100644
index 0000000..555e849
--- /dev/null
+++ b/frontend/packages/mobile/src/store/modules/setting/license.ts
@@ -0,0 +1,95 @@
+import { defineStore } from 'pinia';
+import dayjs from 'dayjs';
+
+import { LicenseInfo } from '@lib/shared/models/system/authorizedManagement';
+
+import { getLicense } from '@/api/modules';
+
+const useLicenseStore = defineStore('license', {
+  persist: true,
+  state: (): { licenseInfo: LicenseInfo | null; expiredDuring: boolean; expiredDays: number } => ({
+    licenseInfo: null,
+    expiredDuring: false,
+    expiredDays: 0,
+  }),
+  actions: {
+    setLicenseInfo(info: LicenseInfo) {
+      this.licenseInfo = info;
+    },
+    removeLicenseStatus() {
+      if (this.licenseInfo) {
+        this.licenseInfo.status = null;
+      }
+    },
+    hasLicense() {
+      return this.licenseInfo?.status === 'valid';
+    },
+    isEnterpriseVersion() {
+      return this.licenseInfo?.status !== 'not_found';
+    },
+    getExpirationTime(resTime: string) {
+      if (!this.isEnterpriseVersion()) {
+        this.expiredDuring = false;
+        this.expiredDays = 0;
+        return;
+      }
+
+      if (!resTime && !this.hasLicense() && this.isEnterpriseVersion()) {
+        this.expiredDuring = true;
+        this.expiredDays = 0;
+        return;
+      }
+
+      const today = dayjs().startOf('day'); // 今天的开始时间
+      const expirationDate = dayjs(resTime).startOf('day'); // license到期日的开始时间
+
+      // 计算天数差（不包含当天）
+      const daysDifference = expirationDate.diff(today, 'day');
+      if (daysDifference < 0) {
+        // 已过期情况
+        const daysExpired = Math.abs(daysDifference);
+        this.expiredDays = -daysExpired; // 负数表示已过期天数
+        this.expiredDuring = daysExpired <= 30; // 过期后只显示30天
+      } else if (daysDifference === 0) {
+        // 今天到期（显示"剩余1天"）
+        this.expiredDays = 1;
+        this.expiredDuring = true;
+      } else if (daysDifference <= 29) {
+        // 1-29天后到期（显示剩余天数+1）
+        this.expiredDays = daysDifference + 1;
+        this.expiredDuring = true;
+      } else if (daysDifference === 30) {
+        // 30天后到期（显示"剩余30天"）
+        this.expiredDays = daysDifference + 1;
+        this.expiredDuring = false;
+      } else {
+        // 31+天后到期
+        this.expiredDays = daysDifference + 1;
+        this.expiredDuring = false;
+      }
+    },
+    // license校验
+    async getValidateLicense() {
+      try {
+        const result = await getLicense();
+        // 检查返回结果是否有效，不存在license自身值
+        if (!result || !result.status) {
+          return;
+        }
+        /* if (!result || !result.status || !result.license || !result.license.count) {
+          return;
+        } */
+        this.setLicenseInfo(result);
+        // 计算license时间
+        if (result) {
+          this.getExpirationTime(result.expired);
+        }
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      }
+    },
+  },
+});
+
+export default useLicenseStore;
diff --git a/frontend/packages/mobile/src/store/modules/user/index.ts b/frontend/packages/mobile/src/store/modules/user/index.ts
new file mode 100644
index 0000000..2df8c39
--- /dev/null
+++ b/frontend/packages/mobile/src/store/modules/user/index.ts
@@ -0,0 +1,169 @@
+import { defineStore } from 'pinia';
+import { showToast } from 'vant';
+
+import { CompanyTypeEnum } from '@lib/shared/enums/commonEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+import { getGenerateId } from '@lib/shared/method';
+import { clearToken, setToken } from '@lib/shared/method/auth';
+import { removeRouteListener } from '@lib/shared/method/route-listener';
+import { removeScript } from '@lib/shared/method/scriptLoader';
+import { ApiKeyItem } from '@lib/shared/models/system/business';
+import type { LoginParams } from '@lib/shared/models/system/login';
+import type { UserInfo } from '@lib/shared/models/user';
+
+import { getApiKeyList, isLogin, login, signout } from '@/api/modules';
+import useUser from '@/hooks/useUser';
+import router from '@/router';
+import { hasAnyPermission } from '@/utils/permission';
+
+import { AppRouteEnum } from '@/enums/routeEnum';
+
+import useAppStore from '../app';
+
+export interface UserState {
+  loginType: string[];
+  userInfo: UserInfo;
+  clientIdRandomId: string;
+  apiKeyList: ApiKeyItem[];
+}
+
+const useUserStore = defineStore('user', {
+  persist: true,
+  state: (): UserState => ({
+    loginType: [],
+    userInfo: {
+      id: '',
+      name: '',
+      email: '',
+      password: '',
+      enable: true,
+      createTime: 0,
+      updateTime: 0,
+      language: '',
+      lastOrganizationId: '',
+      phone: '',
+      source: '',
+      createUser: '',
+      updateUser: '',
+      platformInfo: '',
+      avatar: '',
+      permissionIds: [],
+      organizationIds: [],
+      csrfToken: '',
+      sessionId: '',
+      roles: [],
+      departmentId: '',
+      departmentName: '',
+      defaultPwd: true,
+    },
+    clientIdRandomId: '',
+    apiKeyList: [],
+  }),
+
+  getters: {
+    isAdmin(state: UserState) {
+      return state.userInfo.id === 'admin';
+    },
+  },
+  actions: {
+    // 设置用户信息
+    setInfo(info: UserInfo) {
+      this.$patch({ userInfo: info });
+    },
+    setDefaultPwd(value: boolean) {
+      this.userInfo.defaultPwd = value;
+    },
+    setLoginInfo(res: UserInfo) {
+      try {
+        if (!res) {
+          return false;
+        }
+        setToken(res.sessionId, res.csrfToken);
+        this.setInfo(res);
+        const appStore = useAppStore();
+        const lastOrganizationId = res.lastOrganizationId ?? res.organizationIds?.[0] ?? '';
+        appStore.setOrgId(lastOrganizationId);
+        this.clientIdRandomId = getGenerateId();
+        return true;
+      } catch (err) {
+        // eslint-disable-next-line no-console
+        console.log(err);
+        clearToken();
+        return false;
+      }
+    },
+    async isLogin(isDisabledErrorTip = false) {
+      try {
+        const res = await isLogin(isDisabledErrorTip);
+        if (!res) {
+          return false;
+        }
+        this.setLoginInfo(res);
+        return true;
+      } catch (err) {
+        // eslint-disable-next-line no-console
+        console.log(err);
+        return false;
+      }
+    },
+    async checkIsLogin() {
+      const { isLoginPage } = useUser();
+      const isLoginStatus = await this.isLogin();
+      if (isLoginStatus) {
+        if (isLoginPage()) {
+          router.replace({ name: AppRouteEnum.WORKBENCH });
+        }
+      } else if (!isLoginPage()) {
+        router.replace({ name: 'login' });
+      }
+    },
+    async login(params: LoginParams) {
+      try {
+        const res = await login(params);
+        setToken(res.sessionId, res.csrfToken);
+        this.setInfo(res);
+        const appStore = useAppStore();
+        const lastOrganizationId = res.lastOrganizationId ?? res.organizationIds[0] ?? '';
+        this.clientIdRandomId = getGenerateId();
+        appStore.setOrgId(lastOrganizationId);
+      } catch (error) {
+        clearToken();
+        throw error;
+      }
+    },
+    logoutCallBack() {
+      this.$reset();
+      clearToken();
+      removeRouteListener();
+      removeScript(CompanyTypeEnum.SQLBot);
+    },
+    async logout(silence = false) {
+      try {
+        const { t } = useI18n();
+        if (!silence) {
+          showToast(t('message.loggingOut'));
+        }
+        await signout();
+      } finally {
+        this.logoutCallBack();
+      }
+    },
+    async initApiKeyList() {
+      if (!hasAnyPermission(['PERSONAL_API_KEY:READ'])) return;
+      try {
+        const res = await getApiKeyList();
+        this.apiKeyList = res.map((item) => ({
+          ...item,
+          isExpire: item.forever ? false : item.expireTime < Date.now(),
+          desensitization: true,
+          showDescInput: false,
+        }));
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      }
+    },
+  },
+});
+
+export default useUserStore;
diff --git a/frontend/packages/mobile/src/store/plugins.ts b/frontend/packages/mobile/src/store/plugins.ts
new file mode 100644
index 0000000..04157b4
--- /dev/null
+++ b/frontend/packages/mobile/src/store/plugins.ts
@@ -0,0 +1,19 @@
+import { debounce } from 'lodash-es';
+
+import type { PiniaPluginContext } from 'pinia';
+// 首先得声明插件使用到的额外属性，因为pinia的TS类型声明中，每个store只有三个原生属性state、getters、actions，若没有使用到额外属性则无需声明
+declare module 'pinia' {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  export interface DefineStoreOptionsBase<S, Store> {
+    debounce?: Partial<Record<keyof StoreActions<Store>, number>>; // 节流配置
+  }
+}
+// 基于lodash的防抖函数封装，读取store中cache配置的属性，针对已配置的属性更改操作进行防抖处理
+export const debouncePlugin = ({ options, store }: PiniaPluginContext): void | Record<string, any> => {
+  if (options.debounce) {
+    return Object.keys(options.debounce).reduce((debounceActions: Record<string, any>, action) => {
+      debounceActions[action] = debounce(store[action], options.debounce![action]);
+      return debounceActions;
+    }, {});
+  }
+};
diff --git a/frontend/packages/mobile/src/utils/permission.ts b/frontend/packages/mobile/src/utils/permission.ts
new file mode 100644
index 0000000..f91bf24
--- /dev/null
+++ b/frontend/packages/mobile/src/utils/permission.ts
@@ -0,0 +1,86 @@
+import { RouteLocationNormalized, RouteRecordNormalized, RouteRecordRaw } from 'vue-router';
+
+import appRoutes from '@/router/routes/index';
+import useAppStore from '@/store/modules/app';
+import useUserStore from '@/store/modules/user';
+
+export function hasPermission(permission: string) {
+  const userStore = useUserStore();
+  if (userStore.isAdmin) {
+    return true;
+  }
+
+  if (userStore.userInfo.permissionIds.length === 0) {
+    return false;
+  }
+
+  if (userStore.userInfo.permissionIds.includes(permission)) {
+    return true;
+  }
+  return false;
+}
+
+/**
+ * 判断是否有任一权限
+ * @param permissions 权限列表
+ */
+export function hasAnyPermission(permissions?: string[]) {
+  if (!permissions || permissions.length === 0) {
+    return true;
+  }
+  return permissions.some((permission) => hasPermission(permission));
+}
+
+/**
+ * 判断是否有所有权限
+ * @param permissions 权限列表
+ */
+export function hasAllPermission(permissions?: string[]) {
+  if (!permissions || permissions.length === 0) {
+    return true;
+  }
+  return permissions.every((permission) => hasPermission(permission));
+}
+
+// 判断当前一级菜单是否有权限
+export function topLevelMenuHasPermission(route: RouteLocationNormalized | RouteRecordRaw) {
+  const userStore = useUserStore();
+  const appStore = useAppStore();
+  const { moduleConfigList } = appStore;
+
+  if (
+    moduleConfigList.length &&
+    !moduleConfigList.filter((e) => e.enable).some((e) => e.moduleKey === (route.name as string))
+  ) {
+    // 没有配置的菜单不显示
+    return false;
+  }
+  if (userStore.isAdmin) {
+    // 如果是系统管理员, 包含所有菜单权限
+    return true;
+  }
+  return hasAnyPermission(route.meta?.permissions || []);
+}
+
+// 判断当前路由名有没有权限
+export function routerNameHasPermission(routerName: string, routerList: RouteRecordNormalized[]) {
+  const currentRoute = routerList.find((item) => item.name === routerName);
+  return currentRoute ? hasAnyPermission(currentRoute.meta?.permissions || []) : false;
+}
+
+export function findRouteByName(name: string) {
+  const queue: RouteRecordNormalized[] = [...appRoutes];
+  while (queue.length > 0) {
+    const currentRoute = queue.shift();
+    if (!currentRoute) {
+      return;
+    }
+    if (currentRoute.name === name) {
+      return currentRoute;
+    }
+    if (currentRoute.children) {
+      queue.push(...(currentRoute.children as RouteRecordNormalized[]));
+    }
+  }
+  return null;
+}
diff --git a/frontend/packages/mobile/src/utils/themeOverrides.ts b/frontend/packages/mobile/src/utils/themeOverrides.ts
new file mode 100644
index 0000000..63aed8d
--- /dev/null
+++ b/frontend/packages/mobile/src/utils/themeOverrides.ts
@@ -0,0 +1,7 @@
+import type { ConfigProviderThemeVars } from 'vant';
+
+const themeVars: ConfigProviderThemeVars = {
+  sliderBarHeight: '4px',
+};
+
+export default themeVars;
diff --git a/frontend/packages/mobile/src/views/base/auth-disabled.vue b/frontend/packages/mobile/src/views/base/auth-disabled.vue
new file mode 100644
index 0000000..a725c23
--- /dev/null
+++ b/frontend/packages/mobile/src/views/base/auth-disabled.vue
@@ -0,0 +1,11 @@
+<template>
+  <div class="flex h-full items-center justify-center text-[18px]"> {{ t('api.authDisabled') }} </div>
+</template>
+
+<script setup lang="ts">
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  const { t } = useI18n();
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/mobile/src/views/base/login/index.vue b/frontend/packages/mobile/src/views/base/login/index.vue
new file mode 100644
index 0000000..61d0acb
--- /dev/null
+++ b/frontend/packages/mobile/src/views/base/login/index.vue
@@ -0,0 +1,148 @@
+<template>
+  <div class="flex h-full flex-col overflow-hidden">
+    <div class="login-wrapper w-full">
+      <div class="login-title text-[28px] font-semibold text-[var(--text-n1)]">{{ t('login.form.title') }}</div>
+    </div>
+    <div class="flex-1">
+      <van-form ref="formRef" required class="crm-form">
+        <van-cell-group inset>
+          <van-field
+            v-model="userInfo.username"
+            :required="false"
+            name="username"
+            :label="t('login.form.username')"
+            :placeholder="t('login.form.userName.placeholderOther')"
+            :rules="[{ required: true, message: t('login.form.userName.errMsg') }]"
+            class="!p-[16px] !text-[16px]"
+          />
+          <van-field
+            v-model="userInfo.password"
+            name="password"
+            :required="false"
+            :type="visible ? undefined : 'password'"
+            :label="t('login.form.password')"
+            :placeholder="t('login.form.password.placeholder')"
+            :rules="[{ required: true, message: t('login.form.password.errMsg') }]"
+            class="!p-[16px] !text-[16px]"
+          >
+            <template #button>
+              <CrmIcon
+                :name="visible ? 'iconicon_browse' : 'iconicon_browse_off'"
+                width="24px"
+                height="24px"
+                color="var(--text-n4)"
+                @click="handleToggleVisible"
+              />
+            </template>
+          </van-field>
+        </van-cell-group>
+      </van-form>
+      <div class="p-[16px]">
+        <van-button block type="primary" :loading="loading" native-type="submit" @click="login">
+          {{ t('login.form.login') }}
+        </van-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { useRouter } from 'vue-router';
+  import { FormInstance } from 'vant';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { clearToken, getLoginType, isLoginExpires, setLoginExpires, setLoginType } from '@lib/shared/method/auth';
+  import { encrypted } from '@lib/shared/method/index';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+
+  import useAppStore from '@/store/modules/app';
+  import useUserStore from '@/store/modules/user';
+
+  import { AppRouteEnum } from '@/enums/routeEnum';
+
+  const router = useRouter();
+
+  const appStore = useAppStore();
+
+  const userStore = useUserStore();
+
+  const { t } = useI18n();
+
+  const userInfo = ref<{
+    authenticate: string;
+    username: string;
+    password: string;
+  }>({
+    authenticate: getLoginType() || 'LOCAL',
+    username: '',
+    password: '',
+  });
+
+  const visible = ref(false);
+  function handleToggleVisible() {
+    visible.value = !visible.value;
+  }
+  const formRef = ref<FormInstance>();
+  const loading = ref(false);
+
+  async function logout() {
+    try {
+      await userStore.logout(true);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log('logout error', error);
+    }
+  }
+
+  async function login() {
+    try {
+      await formRef.value?.validate();
+      loading.value = true;
+      await logout();
+
+      await userStore.login({
+        username: encrypted(userInfo.value.username) || '',
+        password: encrypted(userInfo.value.password) || '',
+        authenticate: userInfo.value.authenticate,
+        platform: 'MOBILE',
+      });
+      setLoginExpires();
+      setLoginType(userInfo.value.authenticate);
+      router.replace({
+        name: AppRouteEnum.WORKBENCH,
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  onMounted(() => {
+    appStore.initPublicKey();
+    try {
+      if (isLoginExpires()) {
+        clearToken();
+      }
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+    }
+  });
+</script>
+
+<style scoped lang="less">
+  .login-wrapper {
+    padding: 16px 16px 0 20px;
+    height: 150px;
+    background-image: url('/images/login_bg.png');
+    @apply relative w-full bg-cover bg-no-repeat;
+    .login-title {
+      bottom: 16px;
+      @apply absolute;
+    }
+  }
+</style>
diff --git a/frontend/packages/mobile/src/views/base/login/loading.vue b/frontend/packages/mobile/src/views/base/login/loading.vue
new file mode 100644
index 0000000..be69f01
--- /dev/null
+++ b/frontend/packages/mobile/src/views/base/login/loading.vue
@@ -0,0 +1,17 @@
+<template>
+  <div class="flex h-full flex-col">
+    <div class="flex flex-1 items-center justify-center">
+      <van-loading vertical text-color="var(--primary-8)" color="var(--primary-8)">
+        {{ t('login.form.loadingTip') }}
+      </van-loading>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  const { t } = useI18n();
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/mobile/src/views/base/login/locale/en-US.ts b/frontend/packages/mobile/src/views/base/login/locale/en-US.ts
new file mode 100644
index 0000000..7ea81d8
--- /dev/null
+++ b/frontend/packages/mobile/src/views/base/login/locale/en-US.ts
@@ -0,0 +1,20 @@
+export default {
+  'login.form.title': 'Welcome to Cordys CRM',
+  'login.form.userName.errMsg': 'Username cannot be empty',
+  'login.form.password.errMsg': 'Password cannot be empty',
+  'login.form.login.errMsg': 'Login error, refresh and try again',
+  'login.form.userName.placeholder': 'Please enter your phone number or email',
+  'login.form.userName.placeholderOther': 'Please enter your account',
+  'login.form.password.placeholder': 'Please enter your password',
+  'login.form.rememberPassword': 'Remember password',
+  'login.form.forgetPassword': 'Forgot password',
+  'login.form.login': 'login',
+  'login.form.username': 'Username',
+  'login.form.password': 'Password',
+  'login.form.loading': 'Logging in',
+  'login.form.WECOM': 'WECOM',
+  'login.form.DINGTALK': 'DINGTALK',
+  'login.form.LARK': 'LARK',
+  'login.form.logout': 'Log out',
+  'login.form.loadingTip': 'Loading, please wait...',
+};
diff --git a/frontend/packages/mobile/src/views/base/login/locale/zh-CN.ts b/frontend/packages/mobile/src/views/base/login/locale/zh-CN.ts
new file mode 100644
index 0000000..af1687a
--- /dev/null
+++ b/frontend/packages/mobile/src/views/base/login/locale/zh-CN.ts
@@ -0,0 +1,20 @@
+export default {
+  'login.form.title': '欢迎登录 Cordys CRM',
+  'login.form.userName.errMsg': '用户名不能为空',
+  'login.form.password.errMsg': '密码不能为空',
+  'login.form.account': '账号',
+  'login.form.login.errMsg': '登录出错，请刷新重试',
+  'login.form.userName.placeholderOther': '请输入用户名',
+  'login.form.password.placeholder': '请输入密码',
+  'login.form.rememberPassword': '记住密码',
+  'login.form.forgetPassword': '忘记密码',
+  'login.form.login': '登录',
+  'login.form.username': '账号',
+  'login.form.password': '密码',
+  'login.form.loading': '登录中',
+  'login.form.WECOM': '企业微信',
+  'login.form.DINGTALK': '钉钉',
+  'login.form.LARK': '飞书',
+  'login.form.logout': '退出登录',
+  'login.form.loadingTip': '正在加载中，请稍候...',
+};
diff --git a/frontend/packages/mobile/src/views/base/no-resource.vue b/frontend/packages/mobile/src/views/base/no-resource.vue
new file mode 100644
index 0000000..9598a92
--- /dev/null
+++ b/frontend/packages/mobile/src/views/base/no-resource.vue
@@ -0,0 +1,11 @@
+<template>
+  <div class="flex h-full items-center justify-center text-[18px]"> {{ t('api.errMsg403') }} </div>
+</template>
+
+<script setup lang="ts">
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  const { t } = useI18n();
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/mobile/src/views/clue/clue/convert.vue b/frontend/packages/mobile/src/views/clue/clue/convert.vue
new file mode 100644
index 0000000..7d49ad5
--- /dev/null
+++ b/frontend/packages/mobile/src/views/clue/clue/convert.vue
@@ -0,0 +1,322 @@
+<template>
+  <CrmPageWrapper :title="t('clue.convertTo')">
+    <div class="px-[16px]">
+      <div class="mb-[24px]">
+        <div class="my-[14px] text-[16px] font-semibold">
+          {{ t('clue.convertCluesTo') }}
+        </div>
+        <div class="flex gap-[12px]">
+          <div
+            v-for="item in convertTypeOptions"
+            :key="item.value"
+            class="option-card"
+            :class="{
+              'is-active': selectedType.includes(item.value),
+              'is-disabled': item.disabled,
+            }"
+            @click="!item.disabled && toggleSelect(item.value)"
+          >
+            <!-- 左上角三角 + 对勾 -->
+            <div v-if="selectedType.includes(item.value)" class="corner">
+              <div class="triangle"></div>
+              <CrmIcon class="checkmark" name="iconicon_check" color="var(--text-n10)" />
+            </div>
+
+            <div class="label">{{ item.label }}</div>
+          </div>
+        </div>
+        <van-form v-if="selectedType.includes(FormDesignKeyEnum.BUSINESS)" ref="formRef" required class="crm-form">
+          <van-field
+            v-model="oppName"
+            class="!pb-0 !pl-0"
+            :label="oppLabel"
+            required
+            :maxlength="255"
+            :rules="[{ required: true, message: t('common.notNull', { value: oppLabel }) }]"
+            name="oppName"
+            :placeholder="t('common.pleaseInput')"
+          />
+        </van-form>
+      </div>
+
+      <div class="rounded-md bg-[var(--text-n9)] px-[20px] py-[16px]">
+        <div class="mb-[4px] font-medium text-[var(--text-n1)]">{{ t('clue.remarks') }}</div>
+        <div class="remarks text-[12px] text-[var(--text-n4)]">
+          <div>
+            {{ isSelectOpportunity ? t('clue.sameNameOppConvertTip') : t('clue.sameNameConvertTip') }}
+          </div>
+          <div>{{ isSelectOpportunity ? t('clue.notSameNameOppConvertTip') : t('clue.notSameNameConvertTip') }}</div>
+          <div>{{ isSelectOpportunity ? t('clue.linkFormConfigOppTip') : t('clue.linkFormConfigTip') }}</div>
+        </div>
+      </div>
+    </div>
+
+    <template #footer>
+      <div class="flex items-center gap-[16px]">
+        <van-button
+          type="default"
+          class="crm-button-primary--secondary !rounded-[var(--border-radius-small)] !text-[16px]"
+          :disabled="loading"
+          block
+          @click="router.back"
+        >
+          {{ t('common.cancel') }}
+        </van-button>
+        <van-button
+          v-permission="['CUSTOMER_MANAGEMENT:UPDATE']"
+          type="primary"
+          :loading="loading"
+          class="!rounded-[var(--border-radius-small)] !text-[16px]"
+          block
+          :disabled="isNoPermissionDisabled"
+          @click="onConfirm"
+        >
+          {{ t('clue.convert') }}
+        </van-button>
+      </div>
+    </template>
+
+    <van-dialog
+      v-model:show="showConvertedSuccess"
+      :title="t('clue.conversionSuccessful')"
+      show-cancel-button
+      close-on-click-overlay
+      close-on-popstate
+      class="convertedSuccess"
+    >
+      <div class="mt-[8px] px-[24px]">
+        <van-count-down
+          class="inline-flex items-center whitespace-nowrap"
+          millisecond
+          time="5000"
+          format="ss"
+          auto-start
+          @finish="back"
+        >
+          <template #default="timeData">
+            <span class="text-[var(--primary-8)]">{{ timeData.seconds }}</span>
+          </template>
+        </van-count-down>
+        <span class="text-[var(--text-n2)]">
+          {{ t('clue.countDownTip') }}
+        </span>
+      </div>
+      <template #footer>
+        <div class="flex items-center gap-[16px] p-[24px]">
+          <van-button
+            type="default"
+            class="crm-button-primary--secondary h-[40px] !rounded-[var(--border-radius-small)] !text-[16px]"
+            block
+            @click="back"
+          >
+            {{ t('clue.backClueList') }}
+          </van-button>
+          <van-button
+            v-permission="['CUSTOMER_MANAGEMENT:UPDATE']"
+            type="primary"
+            class="h-[40px] !rounded-[var(--border-radius-small)] !text-[16px]"
+            block
+            @click="goDetail"
+          >
+            {{
+              t('clue.afterConvertGoDetailText', {
+                name: type === FormDesignKeyEnum.BUSINESS ? t('common.opportunity') : t('common.customer'),
+              })
+            }}
+          </van-button>
+        </div>
+      </template>
+    </van-dialog>
+  </CrmPageWrapper>
+</template>
+
+<script setup lang="ts">
+  import { useRoute, useRouter } from 'vue-router';
+  import { FormInstance, showLoadingToast } from 'vant';
+  import { cloneDeep } from 'lodash-es';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmPageWrapper from '@/components/pure/crm-page-wrapper/index.vue';
+
+  import { getOptFormConfig, transformClue } from '@/api/modules';
+  import { hasAllPermission, hasAnyPermission } from '@/utils/permission';
+
+  import { ClueRouteEnum, CustomerRouteEnum, OpportunityRouteEnum } from '@/enums/routeEnum';
+
+  const { t } = useI18n();
+  const router = useRouter();
+  const route = useRoute();
+
+  const clueId = ref(route.query.clueId as string);
+  const initSelectedType = [FormDesignKeyEnum.CONTACT, FormDesignKeyEnum.CUSTOMER];
+  const selectedType = ref(cloneDeep(initSelectedType));
+  const isSelectOpportunity = computed(() => selectedType.value.includes(FormDesignKeyEnum.BUSINESS));
+
+  const convertTypeOptions = computed(() => [
+    {
+      value: FormDesignKeyEnum.CONTACT,
+      label: t('common.contact'),
+      disabled: true,
+    },
+    {
+      value: FormDesignKeyEnum.CUSTOMER,
+      label: t('common.customer'),
+      disabled: true,
+    },
+    {
+      value: FormDesignKeyEnum.BUSINESS,
+      label: t('common.opportunity'),
+      disabled: !hasAllPermission(['OPPORTUNITY_MANAGEMENT:ADD', 'CUSTOMER_MANAGEMENT:ADD']),
+    },
+  ]);
+
+  const isNoPermissionDisabled = computed(() =>
+    selectedType.value.includes(FormDesignKeyEnum.BUSINESS)
+      ? !hasAllPermission(['CUSTOMER_MANAGEMENT:ADD', 'OPPORTUNITY_MANAGEMENT:ADD'])
+      : !hasAllPermission(['CUSTOMER_MANAGEMENT:ADD'])
+  );
+
+  function toggleSelect(value: FormDesignKeyEnum) {
+    const index = selectedType.value.indexOf(value);
+    if (index > -1) {
+      selectedType.value.splice(index, 1);
+    } else {
+      selectedType.value.push(value);
+    }
+  }
+
+  const oppLabel = ref(t('opportunity.name'));
+  async function initOppName() {
+    if (!hasAnyPermission(['OPPORTUNITY_MANAGEMENT:READ'])) return;
+    try {
+      const result = await getOptFormConfig();
+      oppLabel.value = result.fields.find((e) => e.businessKey === 'name')?.name ?? t('opportunity.name');
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+  onMounted(() => {
+    initOppName();
+  });
+
+  const loading = ref(false);
+  const oppName = ref('');
+  const formRef = ref<FormInstance>();
+
+  const type = ref(FormDesignKeyEnum.CUSTOMER);
+  const successDataId = ref('');
+  const showConvertedSuccess = ref(false);
+  function showConvertedSuccessDialog(res: string) {
+    type.value = selectedType.value.includes(FormDesignKeyEnum.BUSINESS)
+      ? FormDesignKeyEnum.BUSINESS
+      : FormDesignKeyEnum.CUSTOMER;
+    showConvertedSuccess.value = true;
+    successDataId.value = res;
+  }
+
+  async function onConfirm() {
+    try {
+      await formRef.value?.validate();
+      loading.value = true;
+      showLoadingToast(t('common.transferring'));
+      const res = await transformClue({
+        oppName: selectedType.value.includes(FormDesignKeyEnum.BUSINESS) ? oppName.value : '',
+        oppCreated: selectedType.value.includes(FormDesignKeyEnum.BUSINESS),
+        clueId: clueId.value,
+      });
+      showConvertedSuccessDialog(res);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  function back() {
+    router.push({
+      name: ClueRouteEnum.CLUE_INDEX,
+    });
+  }
+
+  function goDetail() {
+    if (type.value === FormDesignKeyEnum.BUSINESS) {
+      router.push({
+        name: OpportunityRouteEnum.OPPORTUNITY_DETAIL,
+        query: {
+          id: successDataId.value,
+          name: oppName.value,
+        },
+      });
+    } else {
+      router.push({
+        name: CustomerRouteEnum.CUSTOMER_DETAIL,
+        query: {
+          id: successDataId.value,
+          name: route.query.clueName as string,
+          needInitDetail: 'Y',
+        },
+      });
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  .remarks {
+    text-align: justify;
+    line-height: 20px;
+  }
+  .option-card {
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 56px;
+    font-size: 16px;
+    border: 1.5px solid var(--text-n6);
+    border-radius: 6px;
+    flex: 1;
+    & .corner {
+      position: absolute;
+      top: 0;
+      left: 0;
+    }
+    & .triangle {
+      width: 0;
+      height: 0;
+      border-style: solid;
+      border-width: 0 0 28px 28px;
+      border-color: transparent transparent transparent var(--primary-8);
+    }
+    & .checkmark {
+      position: absolute;
+      top: 3px;
+      left: 1px;
+    }
+    &.is-active {
+      border: 1.5px solid var(--primary-8);
+      .triangle {
+        border-color: transparent transparent transparent var(--primary-8);
+      }
+    }
+    &.is-disabled {
+      border: 1.5px solid var(--primary-4);
+      color: var(--text-n4);
+      .triangle {
+        border-color: transparent transparent transparent var(--primary-4);
+      }
+    }
+  }
+</style>
+
+<style lang="less">
+  .convertedSuccess {
+    .van-dialog__header {
+      font-size: 18px;
+    }
+  }
+</style>
diff --git a/frontend/packages/mobile/src/views/clue/clue/detail.vue b/frontend/packages/mobile/src/views/clue/clue/detail.vue
new file mode 100644
index 0000000..232731d
--- /dev/null
+++ b/frontend/packages/mobile/src/views/clue/clue/detail.vue
@@ -0,0 +1,254 @@
+<template>
+  <CrmPageWrapper :title="route.query.name?.toString() || ''">
+    <van-tabs v-model:active="activeTab" border class="detail-tabs">
+      <van-tab v-for="tab of tabList" :key="tab.name" :name="tab.name">
+        <template #title>
+          <div class="text-[16px]" :class="activeTab === tab.name ? 'text-[var(--primary-8)]' : ''">
+            {{ tab.title }}
+          </div>
+        </template>
+        <div v-if="tab.name === 'info'" class="relative h-full overflow-auto bg-[var(--text-n9)]">
+          <CrmDescription :description="descriptions" />
+        </div>
+        <CrmFollowRecordList
+          v-else-if="tab.name === 'record'"
+          ref="recordListRef"
+          :source-id="sourceId"
+          :type="FormDesignKeyEnum.FOLLOW_RECORD_CLUE"
+          :readonly="readonly"
+          :initial-source-name="sourceName"
+        />
+        <CrmFollowPlanList
+          v-else-if="tab.name === 'plan'"
+          ref="planListRef"
+          :source-id="sourceId"
+          :type="FormDesignKeyEnum.FOLLOW_PLAN_CLUE"
+          :readonly="readonly"
+          :initial-source-name="sourceName"
+        />
+        <CrmHeaderList v-else-if="tab.name === 'header'" :load-list-api="getClueHeaderList" :source-id="sourceId" />
+      </van-tab>
+    </van-tabs>
+    <template
+      v-if="
+        activeTab === 'info' &&
+        hasAnyPermission(['CLUE_MANAGEMENT:UPDATE', 'CLUE_MANAGEMENT:DELETE', 'CLUE_MANAGEMENT:RECYCLE'])
+      "
+      #footer
+    >
+      <CrmActionButtons
+        :show-edit-button="hasAllPermission(['CLUE_MANAGEMENT:UPDATE'])"
+        :actions="actions"
+        @select="handleMoreSelect"
+      />
+    </template>
+  </CrmPageWrapper>
+</template>
+
+<script setup lang="ts">
+  import { useRoute, useRouter } from 'vue-router';
+  import { showConfirmDialog, showSuccessToast } from 'vant';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { ReasonTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { sleep } from '@lib/shared/method';
+
+  import CrmDescription from '@/components/pure/crm-description/index.vue';
+  import CrmPageWrapper from '@/components/pure/crm-page-wrapper/index.vue';
+  import CrmActionButtons, { CrmActionButtonsItem } from '@/components/business/crm-action-buttons/index.vue';
+  import CrmFollowPlanList from '@/components/business/crm-follow-list/followPlan.vue';
+  import CrmFollowRecordList from '@/components/business/crm-follow-list/followRecord.vue';
+  import CrmHeaderList from '@/components/business/crm-header-list/index.vue';
+
+  import { deleteClue, getClueHeaderList } from '@/api/modules';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+  import { hasAllPermission, hasAnyPermission } from '@/utils/permission';
+
+  import { ClueRouteEnum, CommonRouteEnum, CustomerRouteEnum } from '@/enums/routeEnum';
+
+  defineOptions({
+    name: ClueRouteEnum.CLUE_DETAIL,
+  });
+  const route = useRoute();
+  const { t } = useI18n();
+  const router = useRouter();
+
+  const activeTab = ref('info');
+  const tabList = [
+    {
+      name: 'info',
+      title: t('clue.info'),
+    },
+    {
+      name: 'record',
+      title: t('common.record'),
+    },
+    {
+      name: 'plan',
+      title: t('common.plan'),
+    },
+    {
+      name: 'header',
+      title: t('customer.headerRecord'),
+    },
+  ];
+
+  const sourceId = computed(() => route.query.id?.toString() ?? '');
+
+  const { sourceName, descriptions, initFormConfig, initFormDescription } = useFormCreateApi({
+    formKey: FormDesignKeyEnum.CLUE,
+    sourceId,
+    needInitDetail: true,
+  });
+  onBeforeMount(async () => {
+    await initFormConfig();
+    initFormDescription();
+  });
+
+  const actions = ref<CrmActionButtonsItem[]>([
+    {
+      key: 'transfer',
+      text: t('common.transfer'),
+      permission: ['CLUE_MANAGEMENT:TRANSFER'],
+    },
+    {
+      key: 'moveToPool',
+      text: t('clue.moveIntoCluePool'),
+      permission: ['CLUE_MANAGEMENT:RECYCLE'],
+    },
+    {
+      key: 'convert',
+      text: t('clue.convert'),
+      permission: ['CLUE_MANAGEMENT:UPDATE'],
+    },
+    {
+      key: 'delete',
+      text: t('common.delete'),
+      color: 'var(--error-red)',
+      permission: ['CLUE_MANAGEMENT:DELETE'],
+    },
+  ]);
+
+  function handleEdit(id: string) {
+    router.push({
+      name: CommonRouteEnum.FORM_CREATE,
+      query: {
+        id,
+        formKey: FormDesignKeyEnum.CLUE,
+        needInitDetail: 'Y',
+      },
+    });
+  }
+
+  function handleTransfer(id: string) {
+    router.push({
+      name: CustomerRouteEnum.CUSTOMER_TRANSFER,
+      query: {
+        id,
+        apiKey: FormDesignKeyEnum.CLUE,
+      },
+    });
+  }
+
+  function convertTo(id: string, name: string) {
+    router.push({
+      name: ClueRouteEnum.CONVERT,
+      query: {
+        clueId: id,
+        clueName: name,
+      },
+    });
+  }
+
+  function handleDelete(id: string) {
+    showConfirmDialog({
+      title: t('clue.deleteTitle'),
+      message: t('clue.batchDeleteContentTip'),
+      confirmButtonText: t('common.confirmDelete'),
+      confirmButtonColor: 'var(--error-red)',
+      beforeClose: async (action) => {
+        if (action === 'confirm') {
+          try {
+            await deleteClue(id);
+            showSuccessToast(t('common.deleteSuccess'));
+            await sleep(300);
+            router.back();
+            return Promise.resolve(true);
+          } catch (error) {
+            // eslint-disable-next-line no-console
+            console.log(error);
+            return Promise.resolve(false);
+          }
+        } else {
+          return Promise.resolve(true);
+        }
+      },
+    });
+  }
+
+  function handleMoveToPool() {
+    router.push({
+      name: ClueRouteEnum.MOVE_TO_POOL,
+      query: {
+        id: sourceId.value,
+        name: sourceName.value,
+        reasonKey: ReasonTypeEnum.CLUE_POOL_RS,
+      },
+    });
+  }
+
+  function handleMoreSelect(key: string) {
+    switch (key) {
+      case 'edit':
+        handleEdit(sourceId.value);
+        break;
+      case 'transfer':
+        handleTransfer(sourceId.value);
+        break;
+      case 'convert':
+        convertTo(sourceId.value, sourceName.value as string);
+        break;
+      case 'delete':
+        handleDelete(sourceId.value);
+        break;
+      case 'moveToPool':
+        handleMoveToPool();
+        break;
+      default:
+        break;
+    }
+  }
+
+  const readonly = computed(() => !hasAnyPermission(['CLUE_MANAGEMENT:UPDATE']));
+
+  const recordListRef = ref<InstanceType<typeof CrmFollowRecordList>[]>();
+  const planListRef = ref<InstanceType<typeof CrmFollowPlanList>[]>();
+  onActivated(() => {
+    if (activeTab.value === 'record') {
+      recordListRef.value?.[0].loadList();
+    } else if (activeTab.value === 'plan') {
+      planListRef.value?.[0].loadList();
+    } else if (activeTab.value === 'info') {
+      initFormDescription();
+    }
+  });
+</script>
+
+<style lang="less" scoped>
+  :deep(.crm-page-content) {
+    @apply !overflow-hidden;
+  }
+  .detail-tabs {
+    @apply flex-1 overflow-hidden;
+    :deep(.van-hairline--top-bottom) {
+      margin-top: -0.5px;
+    }
+    :deep(.van-tabs__content) {
+      height: calc(100% - var(--van-tabs-line-height));
+      .van-tab__panel {
+        @apply h-full;
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/mobile/src/views/clue/clue/index.vue b/frontend/packages/mobile/src/views/clue/clue/index.vue
new file mode 100644
index 0000000..7979b2b
--- /dev/null
+++ b/frontend/packages/mobile/src/views/clue/clue/index.vue
@@ -0,0 +1,259 @@
+<template>
+  <div class="flex h-full flex-col overflow-hidden">
+    <div class="flex items-center gap-[12px] bg-[var(--text-n10)] p-[8px_16px]">
+      <van-button
+        v-permission="['CLUE_MANAGEMENT:ADD']"
+        plain
+        icon="plus"
+        type="primary"
+        size="small"
+        @click="goCreate"
+      >
+      </van-button>
+      <van-search
+        v-model="keyword"
+        shape="round"
+        :placeholder="t('clue.searchPlaceholder')"
+        class="crm-search"
+        @search="search"
+        @clear="search"
+      />
+    </div>
+    <div class="filter-buttons">
+      <van-button
+        v-for="item of tabList"
+        :key="item.name"
+        round
+        size="small"
+        class="!border-none !px-[16px] !py-[4px] !text-[14px]"
+        :class="
+          activeFilter === item.name
+            ? '!bg-[var(--primary-7)] !text-[var(--primary-8)]'
+            : '!bg-[var(--text-n9)] !text-[var(--text-n1)]'
+        "
+        @click="activeFilter = item.name"
+      >
+        {{ item.tab }}
+      </van-button>
+    </div>
+    <CrmList
+      ref="crmListRef"
+      :keyword="keyword"
+      :list-params="{
+        viewId: activeFilter,
+      }"
+      class="p-[16px]"
+      :item-gap="16"
+      :load-list-api="getClueList"
+      :close-init-load="!activeFilter"
+      :transform="transformFormData"
+    >
+      <template #item="{ item }">
+        <CrmListCommonItem :hidden-stage="true" :item="item" :actions="actions(item)" @click="goDetail" />
+      </template>
+    </CrmList>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { useRouter } from 'vue-router';
+  import { showConfirmDialog, showSuccessToast } from 'vant';
+
+  import { CustomerSearchTypeEnum } from '@lib/shared/enums/customerEnum';
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { ClueListItem } from '@lib/shared/models/clue';
+
+  import CrmList from '@/components/pure/crm-list/index.vue';
+  import CrmListCommonItem from '@/components/pure/crm-list-common-item/index.vue';
+
+  import { deleteClue, getClueList } from '@/api/modules';
+  import useFormCreateTransform from '@/hooks/useFormCreateTransform';
+  import useHiddenTab from '@/hooks/useHiddenTab';
+
+  import { ClueRouteEnum, CommonRouteEnum, CustomerRouteEnum } from '@/enums/routeEnum';
+
+  const { t } = useI18n();
+  const router = useRouter();
+
+  const crmListRef = ref<InstanceType<typeof CrmList>>();
+  const keyword = ref('');
+  const filterButtons = [
+    {
+      name: CustomerSearchTypeEnum.ALL,
+      tab: t('customer.all'),
+    },
+    {
+      name: CustomerSearchTypeEnum.SELF,
+      tab: t('menu.mine'),
+    },
+    {
+      name: CustomerSearchTypeEnum.DEPARTMENT,
+      tab: t('clue.department'),
+    },
+    // {
+    //   name: CustomerSearchTypeEnum.CUSTOMER_TRANSITION,
+    //   tab: t('clue.convertedToCustomer'),
+    // },
+  ];
+  const { tabList, activeFilter } = useHiddenTab(filterButtons, FormDesignKeyEnum.CLUE);
+
+  const activeClue = ref<ClueListItem>();
+  const { transformFormData } = await useFormCreateTransform(FormDesignKeyEnum.CLUE);
+
+  function handleEdit(id: string) {
+    router.push({
+      name: CommonRouteEnum.FORM_CREATE,
+      query: {
+        id,
+        formKey: FormDesignKeyEnum.CLUE,
+        needInitDetail: 'Y',
+      },
+    });
+  }
+
+  function handleTransfer(id: string) {
+    router.push({
+      name: CustomerRouteEnum.CUSTOMER_TRANSFER,
+      query: {
+        id,
+        apiKey: FormDesignKeyEnum.CLUE,
+      },
+    });
+  }
+
+  function convertTo(item: ClueListItem) {
+    router.push({
+      name: ClueRouteEnum.CONVERT,
+      query: {
+        clueId: item.id,
+        clueName: item.name,
+      },
+    });
+  }
+
+  function handleDelete(id: string) {
+    showConfirmDialog({
+      title: t('clue.deleteTitle'),
+      message: t('clue.batchDeleteContentTip'),
+      confirmButtonText: t('common.confirmDelete'),
+      confirmButtonColor: 'var(--error-red)',
+      beforeClose: async (action) => {
+        if (action === 'confirm') {
+          try {
+            await deleteClue(id);
+            showSuccessToast(t('common.deleteSuccess'));
+            crmListRef.value?.loadList(true);
+            return Promise.resolve(true);
+          } catch (error) {
+            // eslint-disable-next-line no-console
+            console.log(error);
+            return Promise.resolve(false);
+          }
+        } else {
+          return Promise.resolve(true);
+        }
+      },
+    });
+  }
+
+  const actions = computed(() => {
+    return (row: ClueListItem) => {
+      if (row.transitionType && ['CUSTOMER', 'OPPORTUNITY'].includes(row.transitionType)) return [];
+      return [
+        {
+          label: t('common.edit'),
+          icon: 'iconicon_handwritten_signature',
+          permission: ['CLUE_MANAGEMENT:UPDATE'],
+          action: (item: ClueListItem) => {
+            handleEdit(item.id);
+          },
+        },
+        {
+          label: t('common.transfer'),
+          icon: 'iconicon_jump',
+          permission: ['CLUE_MANAGEMENT:TRANSFER'],
+          action: (item: ClueListItem) => {
+            handleTransfer(item.id);
+          },
+        },
+        {
+          label: t('clue.convert'),
+          icon: 'iconicon_edit1',
+          permission: ['CLUE_MANAGEMENT:UPDATE'],
+          action: (item: ClueListItem) => {
+            convertTo(item);
+          },
+        },
+        {
+          label: t('common.delete'),
+          icon: 'iconicon_delete',
+          permission: ['CLUE_MANAGEMENT:DELETE'],
+          action: (item: ClueListItem) => {
+            handleDelete(item.id);
+          },
+        },
+      ];
+    };
+  });
+
+  function search() {
+    nextTick(() => {
+      crmListRef.value?.loadList(true);
+    });
+  }
+
+  onActivated(() => {
+    search();
+  });
+
+  watch(
+    () => activeFilter.value,
+    () => {
+      nextTick(() => {
+        search();
+      });
+    }
+  );
+
+  function goCreate() {
+    router.push({
+      name: CommonRouteEnum.FORM_CREATE,
+      query: {
+        formKey: FormDesignKeyEnum.CLUE,
+      },
+    });
+  }
+
+  function goDetail(item: Record<string, any>) {
+    router.push({
+      name: ClueRouteEnum.CLUE_DETAIL,
+      query: {
+        id: item.id,
+        name: item.name,
+        transitionType: item.transitionType,
+        needInitDetail: 'Y',
+      },
+    });
+  }
+</script>
+
+<style lang="less" scoped>
+  .filter-buttons {
+    @apply flex;
+
+    overflow: auto;
+    padding: 8px 4px;
+    min-height: 48px;
+    white-space: nowrap;
+    background-color: var(--text-n10);
+    gap: 8px;
+    &::-webkit-scrollbar {
+      display: none;
+    }
+    .half-px-border-bottom();
+  }
+  :deep(.van-action-sheet__cancel) {
+    color: var(--text-n1);
+  }
+</style>
diff --git a/frontend/packages/mobile/src/views/clue/clue/moveToPool.vue b/frontend/packages/mobile/src/views/clue/clue/moveToPool.vue
new file mode 100644
index 0000000..240c4c3
--- /dev/null
+++ b/frontend/packages/mobile/src/views/clue/clue/moveToPool.vue
@@ -0,0 +1,135 @@
+<template>
+  <CrmPageWrapper :title="t('common.moveInReason')">
+    <div class="flex h-full flex-col">
+      <van-notice-bar
+        wrapable
+        :scrollable="false"
+        :text="contentTip"
+      />
+      <div v-if="enableReason" class="flex-1 overflow-hidden px-[16px]">
+        <CrmSelectList
+          v-model:value="value"
+          v-model:selected-rows="selectedRows"
+          :data="reasonList"
+          :multiple="false"
+          no-page-nation
+        ></CrmSelectList>
+      </div>
+      <div v-else class="mx-auto mt-[32px]">
+        {{ t('common.noReason') }}
+      </div>
+    </div>
+    <template #footer>
+      <div class="flex items-center gap-[16px]">
+        <van-button
+          type="default"
+          class="crm-button-primary--secondary !rounded-[var(--border-radius-small)] !text-[16px]"
+          :disabled="loading"
+          block
+          @click="router.back"
+        >
+          {{ t('common.cancel') }}
+        </van-button>
+        <van-button
+          type="primary"
+          :loading="loading"
+          :disabled="enableReason ? !selectedRows.length : false"
+          class="!rounded-[var(--border-radius-small)] !text-[16px]"
+          block
+          @click="handleSave"
+        >
+          {{ t('common.confirmMoveIn') }}
+        </van-button>
+      </div>
+    </template>
+  </CrmPageWrapper>
+</template>
+
+<script setup lang="ts">
+  import { useRoute, useRouter } from 'vue-router';
+  import { showFailToast, showSuccessToast } from 'vant';
+
+  import { ReasonTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { sleep } from '@lib/shared/method';
+  import { MoveToPublicPoolParams } from '@lib/shared/models/customer';
+
+  import CrmSelectList from '@/components/business/crm-select-list/index.vue';
+
+  import { getReasonConfig, moveCustomerToPool, moveToLeadPool } from '@/api/modules';
+
+  import { ClueRouteEnum, CustomerRouteEnum } from '@/enums/routeEnum';
+
+  const route = useRoute();
+  const router = useRouter();
+  const { t } = useI18n();
+
+  const value = ref<string>('');
+  const selectedRows = ref<Record<string, any>[]>([]);
+  const loading = ref(false);
+
+  export type ReasonKey = ReasonTypeEnum.CLUE_POOL_RS | ReasonTypeEnum.CUSTOMER_POOL_RS;
+
+  const enableReason = ref(false);
+  const reasonList = ref<Record<string, any>[]>([]);
+  const reasonKey = computed<ReasonKey>(
+    () => (route.query.reasonKey?.toString() as ReasonKey) ?? ReasonTypeEnum.CLUE_POOL_RS
+  );
+
+  const moveApiMap: Record<ReasonKey, (params: MoveToPublicPoolParams) => Promise<any>> = {
+    [ReasonTypeEnum.CLUE_POOL_RS]: moveToLeadPool,
+    [ReasonTypeEnum.CUSTOMER_POOL_RS]: moveCustomerToPool,
+  };
+
+  const contentTip = computed(() =>
+    reasonKey.value === ReasonTypeEnum.CLUE_POOL_RS ? t('clue.moveToLeadPoolTip') : t('customer.batchMoveContentTip')
+  );
+
+  async function initReasonConfig() {
+    try {
+      const { dictList, enable } = await getReasonConfig(reasonKey.value);
+      enableReason.value = enable;
+      reasonList.value = dictList.filter((e) => e.id !== 'system');
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+    }
+  }
+
+  onBeforeMount(() => {
+    initReasonConfig();
+  });
+
+  async function handleSave() {
+    try {
+      loading.value = true;
+      const { success, fail } = await moveApiMap[reasonKey.value]({
+        id: route.query.id?.toString() ?? '',
+        reasonId: value.value,
+      });
+      if (fail > 0) {
+        showFailToast(t('common.transferFailed'));
+      } else {
+        showSuccessToast(t('common.transferSuccess'));
+      }
+      await sleep(800);
+      // 返回列表
+      if (reasonKey.value === ReasonTypeEnum.CLUE_POOL_RS) {
+        router.push({
+          name: ClueRouteEnum.CLUE_INDEX,
+        });
+      } else {
+        router.push({
+          name: CustomerRouteEnum.CUSTOMER_INDEX,
+        });
+      }
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+    } finally {
+      loading.value = false;
+    }
+  }
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/mobile/src/views/clue/index.vue b/frontend/packages/mobile/src/views/clue/index.vue
new file mode 100644
index 0000000..2c4062b
--- /dev/null
+++ b/frontend/packages/mobile/src/views/clue/index.vue
@@ -0,0 +1,58 @@
+<template>
+  <div class="flex h-full flex-col overflow-hidden">
+    <van-tabs v-model:active="activeName" border class="customer-tabs">
+      <van-tab v-for="tab of tabList" :key="tab.name" :name="tab.name">
+        <template #title>
+          <div class="text-[16px]" :class="activeName === tab.name ? 'text-[var(--primary-8)]' : ''">
+            {{ tab.title }}
+          </div>
+        </template>
+        <Lead v-if="tab.name === 'clue'" />
+        <Pool v-else-if="tab.name === 'cluePool'" />
+      </van-tab>
+    </van-tabs>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import Lead from './clue/index.vue';
+  import Pool from './pool/index.vue';
+
+  import { hasAnyPermission } from '@/utils/permission';
+
+  import { ClueRouteEnum } from '@/enums/routeEnum';
+
+  defineOptions({
+    name: ClueRouteEnum.CLUE_INDEX,
+  });
+  const { t } = useI18n();
+  const activeName = ref('clue');
+  const tabList = computed(() =>
+    [
+      {
+        name: 'clue',
+        title: t('menu.clue'),
+        permission: ['CLUE_MANAGEMENT:READ'],
+      },
+      {
+        name: 'cluePool',
+        title: t('menu.cluePool'),
+        permission: ['CLUE_MANAGEMENT_POOL:READ'],
+      },
+    ].filter((item) => hasAnyPermission(item.permission))
+  );
+</script>
+
+<style lang="less" scoped>
+  .customer-tabs {
+    @apply h-full;
+    :deep(.van-tabs__content) {
+      height: calc(100% - var(--van-tabs-line-height));
+      .van-tab__panel {
+        @apply h-full;
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/mobile/src/views/clue/locale/en-US.ts b/frontend/packages/mobile/src/views/clue/locale/en-US.ts
new file mode 100644
index 0000000..4de5714
--- /dev/null
+++ b/frontend/packages/mobile/src/views/clue/locale/en-US.ts
@@ -0,0 +1,36 @@
+export default {
+  'clue.department': 'Department',
+  'clue.info': 'Lead information',
+  'clue.convertedToCustomer': 'Converted to customer',
+  'clue.batchDeleteContentTip': 'After deletion, members cannot access this lead. Please proceed with caution!',
+  'clue.deleteTitle': 'Confirm to delete this lead?',
+  'clue.previousOwnerRecord': 'Previous owner record',
+  'clue.followingUp': 'Following up',
+  'clue.interested': 'Interested',
+  'clue.clueProgress': 'Lead progress',
+  'clue.transferredToCustomer': 'Transferred to customer',
+  'clue.searchPlaceholder': 'Please enter the company name',
+  'clue.transferClue': 'Transfer lead',
+  'clue.convert': 'Convert',
+  'clue.convertTo': 'Convert To',
+  'clue.convertCluesTo': 'Convert Clues To',
+  'clue.conversionSuccessful': 'Conversion Successful',
+  'clue.remarks': 'Remarks',
+  'clue.sameNameConvertTip':
+    '1. Contact name is required. Please complete the contact name linkage configuration before converting the contact.',
+  'clue.notSameNameConvertTip':
+    '2. Please complete the linkage configuration of the customer form before converting the lead to a customer.',
+  'clue.linkFormConfigTip':
+    '3. When converting a lead to a customer, if the customer already exists, the lead will be associated with the customer and the lead owner will be added as a collaborator; if the customer does not exist, it will be created automatically.',
+  'clue.sameNameOppConvertTip':
+    '1. When a customer with the same name exists, the opportunity will be associated with that customer, and the clue owner will be added as a collaborator of the same-named customer.',
+  'clue.notSameNameOppConvertTip':
+    '2. If no customer with the same name exists, the system will automatically create a customer and a contact, and associate them with the opportunity.',
+  'clue.linkFormConfigOppTip':
+    '3. The field mapping between customers and opportunities is configured in the “Opportunity Form Settings”.',
+  'clue.backClueList': 'Back to Clue List',
+  'clue.afterConvertGoDetailText': '{name} Details',
+  'clue.countDownTip': 'Returning to the clue list in {count} seconds. You can also go back manually.',
+  'clue.moveToLeadPoolTip': 'Warning: Leads will become unassigned after transfer!',
+  'clue.moveIntoCluePool': 'Move to lead pool',
+};
diff --git a/frontend/packages/mobile/src/views/clue/locale/zh-CN.ts b/frontend/packages/mobile/src/views/clue/locale/zh-CN.ts
new file mode 100644
index 0000000..83497d0
--- /dev/null
+++ b/frontend/packages/mobile/src/views/clue/locale/zh-CN.ts
@@ -0,0 +1,30 @@
+export default {
+  'clue.department': '部门',
+  'clue.info': '线索信息',
+  'clue.convertedToCustomer': '已转客户',
+  'clue.batchDeleteContentTip': '删除后，成员无法查到该线索，请谨慎操作！',
+  'clue.deleteTitle': '确认删除线索吗？',
+  'clue.previousOwnerRecord': '前负责人记录',
+  'clue.followingUp': '跟进中',
+  'clue.interested': '感兴趣',
+  'clue.clueProgress': '线索进度',
+  'clue.transferredToCustomer': '已转为客户',
+  'clue.searchPlaceholder': '请输入公司名称',
+  'clue.transferClue': '转移线索',
+  'clue.convert': '转换',
+  'clue.convertTo': '转换为',
+  'clue.convertCluesTo': '转换线索为',
+  'clue.conversionSuccessful': '转换成功',
+  'clue.remarks': '备注',
+  'clue.sameNameConvertTip': '1.存在同名客户时，线索将与同名客户关联，线索负责人添加为同名客户的协作人',
+  'clue.notSameNameConvertTip': '2.如未存在同名客户，系统将会自动创建客户和联系人',
+  'clue.linkFormConfigTip': '3.线索与客户的字段映射在“客户表单设置”配置表单联动',
+  'clue.sameNameOppConvertTip': '1.存在同名客户时，商机将与同名客户关联，线索负责人添加为同名客户的协作人',
+  'clue.notSameNameOppConvertTip': '2.如未存在同名客户，系统将会自动创建客户和联系人，并与商机关联',
+  'clue.linkFormConfigOppTip': '3.客户与商机的字段映射在“商机表单设置”配置表单联动',
+  'clue.backClueList': '返回线索列表',
+  'clue.afterConvertGoDetailText': '{name}详情',
+  'clue.countDownTip': '{count} 秒后回到线索列表，也可手动回到线索列表',
+  'clue.moveToLeadPoolTip': '移入后，线索将无负责人，请谨慎操作！',
+  'clue.moveIntoCluePool': '移入线索池',
+};
diff --git a/frontend/packages/mobile/src/views/clue/pool/detail.vue b/frontend/packages/mobile/src/views/clue/pool/detail.vue
new file mode 100644
index 0000000..dd9233e
--- /dev/null
+++ b/frontend/packages/mobile/src/views/clue/pool/detail.vue
@@ -0,0 +1,92 @@
+<template>
+  <CrmPageWrapper :title="route.query.name?.toString() || ''">
+    <van-tabs v-model:active="activeTab" border class="detail-tabs">
+      <van-tab v-for="tab of tabList" :key="tab.name" :name="tab.name">
+        <template #title>
+          <div class="text-[16px]" :class="activeTab === tab.name ? 'text-[var(--primary-8)]' : ''">
+            {{ tab.title }}
+          </div>
+        </template>
+        <div v-if="tab.name === 'info'" class="relative h-full overflow-auto bg-[var(--text-n9)] pt-[16px]">
+          <CrmDescription :description="descriptions" />
+        </div>
+        <CrmFollowRecordList
+          v-else-if="tab.name === 'record'"
+          :source-id="sourceId"
+          :type="FormDesignKeyEnum.FOLLOW_RECORD_CLUE"
+          readonly
+        />
+        <CrmHeaderList v-else-if="tab.name === 'header'" :source-id="sourceId" :load-list-api="getClueHeaderList" />
+      </van-tab>
+    </van-tabs>
+  </CrmPageWrapper>
+</template>
+
+<script setup lang="ts">
+  import { useRoute } from 'vue-router';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmDescription from '@/components/pure/crm-description/index.vue';
+  import CrmPageWrapper from '@/components/pure/crm-page-wrapper/index.vue';
+  import CrmFollowRecordList from '@/components/business/crm-follow-list/followRecord.vue';
+  import CrmHeaderList from '@/components/business/crm-header-list/index.vue';
+
+  import { getClueHeaderList } from '@/api/modules';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+
+  import { ClueRouteEnum } from '@/enums/routeEnum';
+
+  defineOptions({
+    name: ClueRouteEnum.CLUE_POOL_DETAIL,
+  });
+  const route = useRoute();
+  const { t } = useI18n();
+
+  const activeTab = ref('info');
+  const tabList = [
+    {
+      name: 'info',
+      title: t('clue.info'),
+    },
+    {
+      name: 'record',
+      title: t('common.record'),
+    },
+    {
+      name: 'header',
+      title: t('clue.previousOwnerRecord'),
+    },
+  ];
+
+  const sourceId = computed(() => route.query.id?.toString() ?? '');
+
+  const { descriptions, initFormConfig, initFormDescription } = useFormCreateApi({
+    formKey: FormDesignKeyEnum.CLUE_POOL,
+    sourceId,
+    needInitDetail: true,
+  });
+  onBeforeMount(async () => {
+    await initFormConfig();
+    initFormDescription();
+  });
+</script>
+
+<style lang="less" scoped>
+  :deep(.crm-page-content) {
+    @apply !overflow-hidden;
+  }
+  .detail-tabs {
+    @apply flex-1 overflow-hidden;
+    :deep(.van-hairline--top-bottom) {
+      margin-top: -0.5px;
+    }
+    :deep(.van-tabs__content) {
+      height: calc(100% - var(--van-tabs-line-height));
+      .van-tab__panel {
+        @apply h-full;
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/mobile/src/views/clue/pool/index.vue b/frontend/packages/mobile/src/views/clue/pool/index.vue
new file mode 100644
index 0000000..268c6f6
--- /dev/null
+++ b/frontend/packages/mobile/src/views/clue/pool/index.vue
@@ -0,0 +1,221 @@
+<template>
+  <div class="flex h-full flex-col overflow-hidden">
+    <div class="bg-[var(--text-n10)] p-[8px_16px]">
+      <van-search
+        v-model="keyword"
+        shape="round"
+        :placeholder="t('clue.searchPlaceholder')"
+        class="crm-search"
+        @search="search"
+        @clear="search"
+      />
+    </div>
+    <div v-if="filterButtons.length" class="filter-buttons">
+      <van-button
+        v-for="item of filterButtons"
+        :key="item.id"
+        round
+        size="small"
+        class="!border-none !px-[16px] !py-[4px] !text-[14px]"
+        :class="
+          activeFilter === item.id
+            ? '!bg-[var(--primary-7)] !text-[var(--primary-8)]'
+            : '!bg-[var(--text-n9)] !text-[var(--text-n1)]'
+        "
+        @click="activeFilter = item.id"
+      >
+        {{ item.name }}
+      </van-button>
+    </div>
+    <CrmList
+      ref="crmListRef"
+      :keyword="keyword"
+      :list-params="{
+        poolId: activeFilter,
+      }"
+      class="p-[16px]"
+      :item-gap="16"
+      :load-list-api="getCluePoolList"
+    >
+      <template #item="{ item }">
+        <CrmListCommonItem :item="item" :actions="actions" @click="goDetail"></CrmListCommonItem>
+      </template>
+    </CrmList>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { useRouter } from 'vue-router';
+  import { closeToast, showConfirmDialog, showLoadingToast, showSuccessToast } from 'vant';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { sleep } from '@lib/shared/method';
+  import type { CluePoolListItem } from '@lib/shared/models/clue';
+  import type { CluePoolItem } from '@lib/shared/models/system/module';
+
+  import CrmList from '@/components/pure/crm-list/index.vue';
+  import CrmListCommonItem from '@/components/pure/crm-list-common-item/index.vue';
+
+  import { deleteCluePool, getCluePoolList, getPoolOptions, pickClue } from '@/api/modules';
+
+  import { ClueRouteEnum, CustomerRouteEnum } from '@/enums/routeEnum';
+
+  const { t } = useI18n();
+  const router = useRouter();
+
+  const crmListRef = ref<InstanceType<typeof CrmList>>();
+  const keyword = ref('');
+
+  const activeFilter = ref('');
+  const filterButtons = ref<CluePoolItem[]>([]);
+  async function getCluePoolOptions() {
+    try {
+      showLoadingToast(t('common.loading'));
+      filterButtons.value = await getPoolOptions();
+      activeFilter.value = filterButtons.value[0]?.id || '';
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    } finally {
+      closeToast();
+    }
+  }
+
+  async function handlePick(id: string) {
+    try {
+      showLoadingToast(t('common.picking'));
+      await pickClue({
+        clueId: id,
+        poolId: activeFilter.value,
+      });
+      showSuccessToast(t('common.pickSuccess'));
+      await sleep(300);
+      crmListRef.value?.loadList(true);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      closeToast();
+    }
+  }
+
+  function handleDistribute(id: string) {
+    router.push({
+      name: CustomerRouteEnum.CUSTOMER_DISTRIBUTE,
+      query: {
+        id,
+        apiKey: FormDesignKeyEnum.CLUE,
+      },
+    });
+  }
+
+  function handleDelete(id: string) {
+    showConfirmDialog({
+      title: t('clue.deleteTitle'),
+      message: t('clue.batchDeleteContentTip'),
+      confirmButtonText: t('common.confirmDelete'),
+      confirmButtonColor: 'var(--error-red)',
+      beforeClose: async (action) => {
+        if (action === 'confirm') {
+          try {
+            showLoadingToast(t('common.deleting'));
+            await deleteCluePool(id);
+            showSuccessToast(t('common.deleteSuccess'));
+            crmListRef.value?.loadList(true);
+            return Promise.resolve(true);
+          } catch (error) {
+            // eslint-disable-next-line no-console
+            console.log(error);
+            return Promise.resolve(false);
+          }
+        } else {
+          return Promise.resolve(true);
+        }
+      },
+    });
+  }
+
+  const actions = [
+    {
+      label: t('common.pick'),
+      icon: 'iconicon_user_add',
+      permission: ['CLUE_MANAGEMENT_POOL:PICK'],
+      action: (item: CluePoolListItem) => {
+        handlePick(item.id);
+      },
+    },
+    {
+      label: t('common.distribute'),
+      icon: 'iconicon_swap',
+      permission: ['CLUE_MANAGEMENT_POOL:ASSIGN'],
+      action: (item: CluePoolListItem) => {
+        handleDistribute(item.id);
+      },
+    },
+    {
+      label: t('common.delete'),
+      icon: 'iconicon_delete',
+      permission: ['CLUE_MANAGEMENT_POOL:DELETE'],
+      action: (item: CluePoolListItem) => {
+        handleDelete(item.id);
+      },
+    },
+  ];
+
+  function search() {
+    nextTick(() => {
+      crmListRef.value?.loadList(true);
+    });
+  }
+
+  onActivated(() => {
+    search();
+  });
+
+  watch(
+    () => activeFilter.value,
+    (val) => {
+      if (val.length) {
+        nextTick(() => {
+          search();
+        });
+      }
+    }
+  );
+
+  function goDetail(item: Record<string, any>) {
+    router.push({
+      name: ClueRouteEnum.CLUE_POOL_DETAIL,
+      query: {
+        id: item.id,
+        name: item.name,
+        needInitDetail: 'Y',
+      },
+    });
+  }
+
+  onMounted(async () => {
+    await getCluePoolOptions();
+  });
+</script>
+
+<style lang="less" scoped>
+  .filter-buttons {
+    @apply flex;
+
+    overflow: auto;
+    padding: 8px 4px;
+    min-height: 48px;
+    white-space: nowrap;
+    background-color: var(--text-n10);
+    gap: 8px;
+    &::-webkit-scrollbar {
+      display: none;
+    }
+    .half-px-border-bottom();
+  }
+  :deep(.van-action-sheet__cancel) {
+    color: var(--text-n1);
+  }
+</style>
diff --git a/frontend/packages/mobile/src/views/customer/collaborator.vue b/frontend/packages/mobile/src/views/customer/collaborator.vue
new file mode 100644
index 0000000..86c1841
--- /dev/null
+++ b/frontend/packages/mobile/src/views/customer/collaborator.vue
@@ -0,0 +1,127 @@
+<template>
+  <CrmPageWrapper :title="route.query.id ? t('customer.updateCollaborator') : t('customer.addCollaborator')">
+    <van-form ref="formRef" class="crm-form" required>
+      <van-cell-group inset>
+        <van-field
+          v-model="form.permission"
+          name="permission"
+          :label="t('customer.collaborator')"
+          :placeholder="t('common.pleaseInput')"
+          :rules="[{ required: true, message: t('customer.customerNameNotNull') }]"
+          class="!text-[16px]"
+        >
+          <template #input>
+            <van-radio-group v-model="form.permission" direction="horizontal">
+              <van-radio name="READ_ONLY">{{ t('customer.readOnly') }}</van-radio>
+              <van-radio name="COLLABORATION">{{ t('customer.cooperation') }}</van-radio>
+            </van-radio-group>
+          </template>
+        </van-field>
+        <CrmDataSource
+          id="collaborator"
+          v-model:value="form.member"
+          v-model:selected-rows="selectedRows"
+          :data-source-type="FieldDataSourceTypeEnum.USER_OPTIONS"
+          :label="t('common.pleaseSelect')"
+          :multiple="false"
+          :disabled-selection="disabledSelection"
+          :disabled="!!route.query.id"
+          no-page-nation
+          class="!text-[16px]"
+        >
+        </CrmDataSource>
+      </van-cell-group>
+    </van-form>
+    <template #footer>
+      <div class="flex items-center gap-[16px]">
+        <van-button
+          type="default"
+          class="crm-button-primary--secondary !rounded-[var(--border-radius-small)] !text-[16px]"
+          block
+          :disabled="loading"
+          @click="router.back"
+        >
+          {{ t('common.cancel') }}
+        </van-button>
+        <van-button
+          v-permission="['CUSTOMER_MANAGEMENT:UPDATE']"
+          type="primary"
+          class="!rounded-[var(--border-radius-small)] !text-[16px]"
+          :loading="loading"
+          :disabled="form.member.length === 0"
+          block
+          @click="save"
+        >
+          {{ route.query.id ? t('common.update') : t('common.add') }}
+        </van-button>
+      </div>
+    </template>
+  </CrmPageWrapper>
+</template>
+
+<script setup lang="ts">
+  import { useRoute, useRouter } from 'vue-router';
+  import { FormInstance, showSuccessToast } from 'vant';
+
+  import { FieldDataSourceTypeEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { sleep } from '@lib/shared/method';
+  import { CollaborationType } from '@lib/shared/models/customer';
+
+  import CrmPageWrapper from '@/components/pure/crm-page-wrapper/index.vue';
+  import CrmDataSource from '@/components/business/crm-datasource/index.vue';
+
+  import { addCustomerCollaboration, updateCustomerCollaboration } from '@/api/modules';
+
+  const route = useRoute();
+  const router = useRouter();
+  const { t } = useI18n();
+
+  const formRef = ref<FormInstance>();
+  const lastPageParams = window.history.state.params ? JSON.parse(window.history.state.params) : null; // 获取上个页面带过来的参数
+  const form = ref<{
+    id: string;
+    member: string;
+    permission: CollaborationType;
+  }>({
+    id: route.query.id as string,
+    member: lastPageParams.collaborator?.id || '',
+    permission: lastPageParams.collaborationType || 'READ_ONLY',
+  });
+  const selectedRows = ref(lastPageParams.collaborator ? [lastPageParams.collaborator] : []);
+  const loading = ref(false);
+
+  function disabledSelection(row: Record<string, any>) {
+    return lastPageParams.userIds?.includes(row.id);
+  }
+
+  async function save() {
+    try {
+      await formRef.value?.validate();
+      loading.value = true;
+      if (route.query.id) {
+        await updateCustomerCollaboration({
+          id: form.value.id,
+          collaborationType: form.value.permission,
+        });
+        showSuccessToast(t('common.updateSuccess'));
+      } else {
+        await addCustomerCollaboration({
+          customerId: route.query.sourceId as string,
+          userId: form.value.member,
+          collaborationType: form.value.permission,
+        });
+        showSuccessToast(t('common.addSuccess'));
+      }
+      await sleep(300);
+      router.back();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/mobile/src/views/customer/components/collaborator.vue b/frontend/packages/mobile/src/views/customer/components/collaborator.vue
new file mode 100644
index 0000000..125b6fc
--- /dev/null
+++ b/frontend/packages/mobile/src/views/customer/components/collaborator.vue
@@ -0,0 +1,141 @@
+<template>
+  <div class="flex h-full flex-col overflow-hidden bg-[var(--text-n9)]">
+    <div class="flex-1 p-[16px]">
+      <div
+        v-for="item in collaborators"
+        :key="item.id"
+        class="mb-[16px] flex w-full items-center gap-[16px] rounded-[var(--border-radius-small)] bg-[var(--text-n10)] p-[16px]"
+      >
+        <CrmAvatar :text="item.userName" />
+        <div class="flex flex-1 flex-col gap-[2px] overflow-hidden">
+          <div class="flex items-center justify-between">
+            <div class="one-line-text flex-1 text-[16px] text-[var(--text-n1)]">{{ item.userName }}</div>
+            <div class="flex items-center gap-[16px]">
+              <CrmTextButton
+                v-permission="['CUSTOMER_MANAGEMENT:UPDATE']"
+                icon="iconicon_delete"
+                icon-size="16px"
+                color="var(--error-red)"
+                @click="() => handleDelete(item.id)"
+              />
+              <CrmTextButton
+                v-permission="['CUSTOMER_MANAGEMENT:UPDATE']"
+                icon="iconicon_handwritten_signature"
+                color="var(--primary-8)"
+                icon-size="16px"
+                @click="() => handleEdit(item)"
+              />
+            </div>
+          </div>
+          <div class="flex items-center gap-[4px] overflow-hidden">
+            <CrmTag
+              :tag="item.collaborationType === 'READ_ONLY' ? t('customer.readOnly') : t('customer.cooperation')"
+              :icon="item.collaborationType === 'READ_ONLY' ? 'iconicon_browse' : 'iconicon_handwritten_signature'"
+              bg-color="var(--text-n9)"
+            />
+            <CrmTag :tag="item.departmentName" bg-color="var(--text-n9)" class="flex-1 overflow-hidden" />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div v-permission="['CUSTOMER_MANAGEMENT:UPDATE']" class="bg-[var(--text-n10)] p-[16px]">
+      <van-button type="primary" class="rounded-[var(--border-radius-small)]" block plain @click="goCollaborator">
+        {{ t('customer.addCollaborator') }}
+      </van-button>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { useRouter } from 'vue-router';
+  import { closeToast, showLoadingToast, showSuccessToast } from 'vant';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { sleep } from '@lib/shared/method';
+  import { CollaborationItem } from '@lib/shared/models/customer';
+
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import CrmAvatar from '@/components/business/crm-avatar/index.vue';
+
+  import { deleteCustomerCollaboration, getCustomerCollaborationList } from '@/api/modules';
+
+  import { CustomerRouteEnum } from '@/enums/routeEnum';
+
+  const props = defineProps<{
+    sourceId: string;
+  }>();
+
+  const { t } = useI18n();
+  const router = useRouter();
+
+  const collaborators = ref<CollaborationItem[]>([]);
+
+  async function initList() {
+    try {
+      showLoadingToast(t('common.loading'));
+      collaborators.value = await getCustomerCollaborationList({ customerId: props.sourceId });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      closeToast();
+    }
+  }
+
+  async function handleDelete(id: string) {
+    try {
+      showLoadingToast(t('common.deleting'));
+      await deleteCustomerCollaboration(id);
+      showSuccessToast(t('common.deleteSuccess'));
+      initList();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      await sleep(300);
+      closeToast();
+    }
+  }
+
+  function goCollaborator() {
+    router.push({
+      name: CustomerRouteEnum.CUSTOMER_COLLABORATOR,
+      query: {
+        sourceId: props.sourceId,
+      },
+      state: {
+        params: JSON.stringify({ userIds: collaborators.value.map((e) => e.userId) }),
+      },
+    });
+  }
+
+  function handleEdit(item: CollaborationItem) {
+    router.push({
+      name: CustomerRouteEnum.CUSTOMER_COLLABORATOR,
+      query: {
+        sourceId: props.sourceId,
+        id: item.id,
+      },
+      state: {
+        params: JSON.stringify({
+          userIds: collaborators.value.map((e) => e.userId),
+          collaborationType: item.collaborationType,
+          collaborator: {
+            id: item.userId,
+            name: item.userName,
+          },
+        }),
+      },
+    });
+  }
+
+  onBeforeMount(() => {
+    initList();
+  });
+
+  defineExpose({
+    initList,
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/mobile/src/views/customer/components/customer.vue b/frontend/packages/mobile/src/views/customer/components/customer.vue
new file mode 100644
index 0000000..0609f03
--- /dev/null
+++ b/frontend/packages/mobile/src/views/customer/components/customer.vue
@@ -0,0 +1,251 @@
+<template>
+  <div class="flex h-full flex-col overflow-hidden">
+    <div class="flex items-center gap-[12px] bg-[var(--text-n10)] p-[8px_16px]">
+      <van-button
+        v-permission="['CUSTOMER_MANAGEMENT:ADD']"
+        plain
+        icon="plus"
+        type="primary"
+        size="small"
+        @click="goCreate"
+      >
+      </van-button>
+      <van-search
+        v-model="keyword"
+        shape="round"
+        :placeholder="t('customer.searchPlaceholder')"
+        class="crm-search"
+        @search="search"
+        @clear="search"
+      />
+    </div>
+    <div class="filter-buttons">
+      <van-button
+        v-for="item of tabList"
+        :key="item.name"
+        round
+        size="small"
+        class="!border-none !px-[16px] !py-[4px] !text-[14px]"
+        :class="
+          activeFilter === item.name
+            ? '!bg-[var(--primary-7)] !text-[var(--primary-8)]'
+            : '!bg-[var(--text-n9)] !text-[var(--text-n1)]'
+        "
+        @click="activeFilter = item.name"
+      >
+        {{ item.tab }}
+      </van-button>
+    </div>
+    <CrmList
+      ref="crmListRef"
+      :keyword="keyword"
+      :list-params="listParams"
+      class="p-[16px]"
+      :item-gap="16"
+      :close-init-load="!activeFilter"
+      :load-list-api="getCustomerList"
+      :transform="transformFormData"
+    >
+      <template #item="{ item }">
+        <CrmListCommonItem
+          :item="item"
+          :actions="getListItemActions(item.collaborationType)"
+          name-key="ownerName"
+          @click="goDetail"
+        ></CrmListCommonItem>
+      </template>
+    </CrmList>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { useRouter } from 'vue-router';
+  import { closeToast, showConfirmDialog, showLoadingToast, showSuccessToast } from 'vant';
+
+  import { CustomerSearchTypeEnum } from '@lib/shared/enums/customerEnum';
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { CollaborationType } from '@lib/shared/models/customer';
+
+  import CrmList from '@/components/pure/crm-list/index.vue';
+  import CrmListCommonItem from '@/components/pure/crm-list-common-item/index.vue';
+
+  import { deleteCustomer, getCustomerList } from '@/api/modules';
+  import useFormCreateTransform from '@/hooks/useFormCreateTransform';
+  import useHiddenTab from '@/hooks/useHiddenTab';
+
+  import { CommonRouteEnum, CustomerRouteEnum } from '@/enums/routeEnum';
+
+  const { t } = useI18n();
+  const router = useRouter();
+
+  const crmListRef = ref<InstanceType<typeof CrmList>>();
+  const keyword = ref('');
+  const filterButtons = [
+    {
+      name: CustomerSearchTypeEnum.ALL,
+      tab: t('customer.all'),
+    },
+    {
+      name: CustomerSearchTypeEnum.SELF,
+      tab: t('customer.mine'),
+    },
+    {
+      name: CustomerSearchTypeEnum.DEPARTMENT,
+      tab: t('customer.deptCustomer'),
+    },
+    {
+      name: CustomerSearchTypeEnum.CUSTOMER_COLLABORATION,
+      tab: t('customer.cooperationCustomer'),
+    },
+  ];
+  const { tabList, activeFilter } = useHiddenTab(filterButtons, FormDesignKeyEnum.CUSTOMER);
+
+  const listParams = computed(() => {
+    return {
+      viewId: activeFilter.value,
+      keyword: keyword.value,
+    };
+  });
+
+  const { transformFormData } = await useFormCreateTransform(FormDesignKeyEnum.CUSTOMER);
+
+  const actions = [
+    {
+      key: 'edit',
+      label: t('common.edit'),
+      icon: 'iconicon_handwritten_signature',
+      permission: ['CUSTOMER_MANAGEMENT:UPDATE'],
+      action: (item: any) => {
+        router.push({
+          name: CommonRouteEnum.FORM_CREATE,
+          query: {
+            id: item.id,
+            formKey: FormDesignKeyEnum.CUSTOMER,
+            needInitDetail: 'Y',
+          },
+        });
+      },
+    },
+    {
+      key: 'transfer',
+      label: t('common.transfer'),
+      icon: 'iconicon_jump',
+      permission: ['CUSTOMER_MANAGEMENT:TRANSFER'],
+      action: (item: any) => {
+        router.push({
+          name: CustomerRouteEnum.CUSTOMER_TRANSFER,
+          query: {
+            id: item.id,
+            apiKey: FormDesignKeyEnum.CUSTOMER,
+          },
+        });
+      },
+    },
+    {
+      key: 'writeRecord',
+      label: t('common.writeRecord'),
+      icon: 'iconicon_edit1',
+      permission: ['CUSTOMER_MANAGEMENT:UPDATE'],
+      action: (item: any) => {
+        router.push({
+          name: CommonRouteEnum.FORM_CREATE,
+          query: {
+            id: item.id,
+            formKey: FormDesignKeyEnum.FOLLOW_RECORD_CUSTOMER,
+            initialSourceName: item.name,
+          },
+        });
+      },
+    },
+    {
+      key: 'delete',
+      label: t('common.delete'),
+      icon: 'iconicon_delete',
+      permission: ['CUSTOMER_MANAGEMENT:DELETE'],
+      action: (item: any) => {
+        showConfirmDialog({
+          title: t('customer.deleteTitle'),
+          message: t('customer.deleteTip'),
+          confirmButtonText: t('common.confirmDelete'),
+          confirmButtonColor: 'var(--error-red)',
+          beforeClose: async (action) => {
+            if (action === 'confirm') {
+              try {
+                await deleteCustomer(item.id);
+                showSuccessToast(t('common.deleteSuccess'));
+                crmListRef.value?.loadList(true);
+                return Promise.resolve(true);
+              } catch (error) {
+                // eslint-disable-next-line no-console
+                console.log(error);
+                return Promise.resolve(false);
+              }
+            } else {
+              return Promise.resolve(true);
+            }
+          },
+        });
+      },
+    },
+  ];
+
+  function getListItemActions(collaborationType: CollaborationType) {
+    if (activeFilter.value === CustomerSearchTypeEnum.CUSTOMER_COLLABORATION) {
+      return collaborationType === 'COLLABORATION' ? actions.filter((item) => item.key === 'writeRecord') : [];
+    }
+    return actions;
+  }
+
+  watch(
+    () => activeFilter.value,
+    () => {
+      nextTick(() => {
+        crmListRef.value?.loadList(true);
+      });
+    }
+  );
+
+  onActivated(() => {
+    crmListRef.value?.loadList(true);
+  });
+
+  async function search() {
+    nextTick(async () => {
+      showLoadingToast(t('common.searching'));
+      await crmListRef.value?.loadList(true);
+      closeToast();
+    });
+  }
+
+  function goCreate() {
+    router.push({
+      name: CommonRouteEnum.FORM_CREATE,
+      query: {
+        formKey: FormDesignKeyEnum.CUSTOMER,
+      },
+    });
+  }
+
+  function goDetail(item: any) {
+    router.push({
+      name: CustomerRouteEnum.CUSTOMER_DETAIL,
+      query: {
+        id: item.id,
+        name: item.name,
+        needInitDetail: 'Y',
+      },
+    });
+  }
+</script>
+
+<style lang="less" scoped>
+  .filter-buttons {
+    @apply flex;
+
+    gap: 8px;
+    padding: 8px 4px;
+    background-color: var(--text-n10);
+    .half-px-border-bottom();
+  }
+</style>
diff --git a/frontend/packages/mobile/src/views/customer/components/relation.vue b/frontend/packages/mobile/src/views/customer/components/relation.vue
new file mode 100644
index 0000000..7c3b0e7
--- /dev/null
+++ b/frontend/packages/mobile/src/views/customer/components/relation.vue
@@ -0,0 +1,139 @@
+<template>
+  <div class="flex h-full flex-col overflow-hidden bg-[var(--text-n9)]">
+    <div class="flex-1 p-[16px]">
+      <div v-for="item in relations" :key="item.id" class="flex items-center gap-[8px] bg-[var(--text-n10)] p-[16px]">
+        <CrmTag
+          v-if="item.relationType === 'GROUP'"
+          :tag="t('customer.group')"
+          bg-color="var(--primary-7)"
+          text-color="var(--primary-8)"
+        />
+        <CrmTag v-else :tag="t('customer.subsidiary')" bg-color="var(--success-5)" text-color="var(--success-green)" />
+        <div class="one-line-text flex-1">{{ item.customerName[0]?.name }}</div>
+        <div v-if="!props.readonly" class="flex items-center gap-[16px]">
+          <CrmTextButton
+            v-permission="['CUSTOMER_MANAGEMENT:UPDATE']"
+            icon="iconicon_delete"
+            icon-size="16px"
+            color="var(--error-red)"
+            @click="() => handleDelete(item.id)"
+          />
+          <CrmTextButton
+            v-permission="['CUSTOMER_MANAGEMENT:UPDATE']"
+            icon="iconicon_handwritten_signature"
+            color="var(--primary-8)"
+            icon-size="16px"
+            @click="() => handleEdit(item)"
+          />
+        </div>
+      </div>
+    </div>
+    <div v-if="!props.readonly" v-permission="['CUSTOMER_MANAGEMENT:UPDATE']" class="bg-[var(--text-n10)] p-[16px]">
+      <van-button type="primary" class="rounded-[var(--border-radius-small)]" block plain @click="goRelation">
+        {{ t('customer.addRelation') }}
+      </van-button>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { useRouter } from 'vue-router';
+  import { closeToast, showLoadingToast, showSuccessToast } from 'vant';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+
+  import { deleteCustomerRelationItem, getCustomerRelationList } from '@/api/modules';
+
+  import { CustomerRouteEnum } from '@/enums/routeEnum';
+
+  const props = defineProps<{
+    sourceId: string;
+    readonly?: boolean;
+  }>();
+
+  const { t } = useI18n();
+  const router = useRouter();
+
+  const relations = ref<Record<string, any>[]>([]);
+
+  async function initList() {
+    try {
+      showLoadingToast(t('common.loading'));
+      const res = await getCustomerRelationList(props.sourceId);
+      relations.value = res.map((item) => ({
+        ...item,
+        customerId: item.customerId ? [item.customerId] : [],
+        customerName: item.customerName
+          ? [
+              {
+                id: item.customerId,
+                name: item.customerName,
+              },
+            ]
+          : [],
+      }));
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      closeToast();
+    }
+  }
+
+  async function handleDelete(id: string) {
+    try {
+      showLoadingToast(t('common.deleting'));
+      await deleteCustomerRelationItem(id);
+      showSuccessToast(t('common.deleteSuccess'));
+      initList();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  function goRelation() {
+    router.push({
+      name: CustomerRouteEnum.CUSTOMER_RELATION,
+      query: {
+        sourceId: props.sourceId,
+      },
+      state: {
+        params: JSON.stringify({
+          hasGroup: relations.value.some((e) => e.relationType === 'GROUP') ? 'Y' : 'N',
+          customerIds: relations.value.map((e) => {
+            if (Array.isArray(e.customerId)) {
+              return e.customerId[0];
+            }
+            return e.customerId;
+          }),
+        }),
+      },
+    });
+  }
+
+  function handleEdit(item: Record<string, any>) {
+    router.push({
+      name: CustomerRouteEnum.CUSTOMER_RELATION,
+      query: {
+        sourceId: props.sourceId,
+        id: item.id,
+      },
+      state: {
+        params: JSON.stringify({ relation: item }),
+      },
+    });
+  }
+
+  onBeforeMount(() => {
+    initList();
+  });
+
+  defineExpose({
+    initList,
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/mobile/src/views/customer/contact/index.vue b/frontend/packages/mobile/src/views/customer/contact/index.vue
new file mode 100644
index 0000000..34fc8bf
--- /dev/null
+++ b/frontend/packages/mobile/src/views/customer/contact/index.vue
@@ -0,0 +1,15 @@
+<template>
+  <CrmContactList :source-id="props.customerId" :form-key="FormDesignKeyEnum.CONTACT" />
+</template>
+
+<script setup lang="ts">
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+
+  import CrmContactList from '@/components/business/crm-contact-list/index.vue';
+
+  const props = defineProps<{
+    customerId?: string;
+  }>();
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/mobile/src/views/customer/detail.vue b/frontend/packages/mobile/src/views/customer/detail.vue
new file mode 100644
index 0000000..0cb2ea2
--- /dev/null
+++ b/frontend/packages/mobile/src/views/customer/detail.vue
@@ -0,0 +1,274 @@
+<template>
+  <CrmPageWrapper :title="route.query.name?.toString() || ''">
+    <van-tabs v-model:active="activeTab" border class="detail-tabs">
+      <van-tab v-for="tab of tabList" :key="tab.name" :name="tab.name">
+        <template #title>
+          <div class="text-[16px]" :class="activeTab === tab.name ? 'text-[var(--primary-8)]' : ''">
+            {{ tab.title }}
+          </div>
+        </template>
+        <div v-if="tab.name === 'info'" class="relative h-full overflow-auto bg-[var(--text-n9)] pt-[16px]">
+          <CrmDescription :description="descriptions" />
+        </div>
+        <CrmContactList
+          v-else-if="tab.name === 'contact'"
+          :source-id="route.query.id?.toString()"
+          :customer-name="route.query.name?.toString()"
+          :form-key="FormDesignKeyEnum.CUSTOMER_CONTACT"
+          :readonly="!hasAnyPermission(['CUSTOMER_MANAGEMENT:UPDATE']) || collaborationType === 'READ_ONLY'"
+        />
+        <CrmFollowRecordList
+          v-else-if="tab.name === 'record'"
+          ref="recordListRef"
+          :source-id="sourceId"
+          :type="FormDesignKeyEnum.FOLLOW_RECORD_CUSTOMER"
+          :initial-source-name="sourceName"
+          :readonly="!hasAnyPermission(['CUSTOMER_MANAGEMENT:UPDATE']) || collaborationType === 'READ_ONLY'"
+        />
+        <CrmFollowPlanList
+          v-else-if="tab.name === 'plan'"
+          ref="planListRef"
+          :source-id="sourceId"
+          :type="FormDesignKeyEnum.FOLLOW_PLAN_CUSTOMER"
+          :initial-source-name="sourceName"
+          :readonly="!hasAnyPermission(['CUSTOMER_MANAGEMENT:UPDATE']) || collaborationType === 'READ_ONLY'"
+        />
+        <relation
+          v-else-if="tab.name === 'relation'"
+          ref="relationListRef"
+          :source-id="sourceId"
+          :readonly="!hasAnyPermission(['CUSTOMER_MANAGEMENT:UPDATE']) || collaborationType === 'READ_ONLY'"
+        />
+        <collaborator v-else-if="tab.name === 'collaborator'" ref="collaboratorListRef" :source-id="sourceId" />
+        <CrmHeaderList v-else :source-id="sourceId" :load-list-api="getCustomerHeaderList" />
+      </van-tab>
+    </van-tabs>
+    <template
+      v-if="
+        activeTab === 'info' &&
+        hasAnyPermission(['CUSTOMER_MANAGEMENT:UPDATE', 'CUSTOMER_MANAGEMENT:DELETE', 'CUSTOMER_MANAGEMENT:RECYCLE'])
+      "
+      #footer
+    >
+      <CrmActionButtons
+        :show-edit-button="hasAllPermission(['CUSTOMER_MANAGEMENT:UPDATE'])"
+        :actions="actions"
+        @select="handleMoreSelect"
+      />
+    </template>
+  </CrmPageWrapper>
+</template>
+
+<script setup lang="ts">
+  import { useRoute, useRouter } from 'vue-router';
+  import { showConfirmDialog, showSuccessToast } from 'vant';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { ReasonTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmDescription from '@/components/pure/crm-description/index.vue';
+  import CrmPageWrapper from '@/components/pure/crm-page-wrapper/index.vue';
+  import CrmActionButtons, { CrmActionButtonsItem } from '@/components/business/crm-action-buttons/index.vue';
+  import CrmContactList from '@/components/business/crm-contact-list/index.vue';
+  import CrmFollowPlanList from '@/components/business/crm-follow-list/followPlan.vue';
+  import CrmFollowRecordList from '@/components/business/crm-follow-list/followRecord.vue';
+  import CrmHeaderList from '@/components/business/crm-header-list/index.vue';
+  import collaborator from './components/collaborator.vue';
+  import relation from './components/relation.vue';
+
+  import { deleteCustomer, getCustomerHeaderList } from '@/api/modules';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+  import { hasAllPermission, hasAnyPermission } from '@/utils/permission';
+
+  import { ClueRouteEnum, CommonRouteEnum, CustomerRouteEnum } from '@/enums/routeEnum';
+
+  defineOptions({
+    name: CustomerRouteEnum.CUSTOMER_DETAIL,
+  });
+  const route = useRoute();
+  const router = useRouter();
+  const { t } = useI18n();
+
+  const sourceId = computed(() => route.query.id?.toString() ?? '');
+  const { sourceName, descriptions, collaborationType, initFormConfig, initFormDescription } = useFormCreateApi({
+    formKey: FormDesignKeyEnum.CUSTOMER,
+    sourceId,
+    needInitDetail: true,
+  });
+
+  const activeTab = ref('info');
+  const tabList = computed(() => {
+    const fullTabList = [
+      {
+        name: 'info',
+        title: t('customer.info'),
+      },
+      {
+        name: 'contact',
+        title: t('menu.contact'),
+      },
+      {
+        name: 'record',
+        title: t('common.record'),
+      },
+      {
+        name: 'plan',
+        title: t('common.plan'),
+      },
+      {
+        name: 'header',
+        title: t('customer.headerRecord'),
+      },
+      {
+        name: 'relation',
+        title: t('customer.relation'),
+      },
+      {
+        name: 'collaborator',
+        title: t('customer.collaborator'),
+      },
+    ];
+    if (collaborationType.value) {
+      return fullTabList.filter((item) => item.name !== 'collaborator');
+    }
+    return fullTabList;
+  });
+
+  const actions = ref<CrmActionButtonsItem[]>([
+    {
+      key: 'moveToPool',
+      text: t('customer.moveToOpenSea'),
+      permission: ['CUSTOMER_MANAGEMENT:RECYCLE'],
+    },
+    {
+      key: 'transfer',
+      text: t('common.transfer'),
+      permission: ['CUSTOMER_MANAGEMENT:TRANSFER'],
+    },
+    {
+      key: 'delete',
+      text: t('common.delete'),
+      color: 'var(--error-red)',
+      permission: ['CUSTOMER_MANAGEMENT:DELETE'],
+    },
+  ]);
+
+  function handleEdit(id: string) {
+    router.push({
+      name: CommonRouteEnum.FORM_CREATE,
+      query: {
+        id,
+        formKey: FormDesignKeyEnum.CUSTOMER,
+        needInitDetail: 'Y',
+      },
+    });
+  }
+
+  function handleTransfer(id: string) {
+    router.push({
+      name: CustomerRouteEnum.CUSTOMER_TRANSFER,
+      query: {
+        id,
+        apiKey: FormDesignKeyEnum.CUSTOMER,
+      },
+    });
+  }
+
+  function handleDelete(id: string) {
+    showConfirmDialog({
+      title: t('customer.deleteTitle'),
+      message: t('customer.deleteTip'),
+      confirmButtonText: t('common.confirmDelete'),
+      confirmButtonColor: 'var(--error-red)',
+      beforeClose: async (action) => {
+        if (action === 'confirm') {
+          try {
+            await deleteCustomer(id);
+            showSuccessToast(t('common.deleteSuccess'));
+            router.back();
+            return Promise.resolve(true);
+          } catch (error) {
+            // eslint-disable-next-line no-console
+            console.log(error);
+            return Promise.resolve(false);
+          }
+        } else {
+          return Promise.resolve(true);
+        }
+      },
+    });
+  }
+
+  function handleMoveToPool() {
+    router.push({
+      name: ClueRouteEnum.MOVE_TO_POOL,
+      query: {
+        id: sourceId.value,
+        name: sourceName.value,
+        reasonKey: ReasonTypeEnum.CUSTOMER_POOL_RS,
+      },
+    });
+  }
+
+  function handleMoreSelect(key: string) {
+    switch (key) {
+      case 'edit':
+        handleEdit(sourceId.value);
+        break;
+      case 'transfer':
+        handleTransfer(sourceId.value);
+        break;
+      case 'delete':
+        handleDelete(sourceId.value);
+        break;
+      case 'moveToPool':
+        handleMoveToPool();
+        break;
+      default:
+        break;
+    }
+  }
+
+  const recordListRef = ref<InstanceType<typeof CrmFollowRecordList>[]>();
+  const planListRef = ref<InstanceType<typeof CrmFollowPlanList>[]>();
+  const relationListRef = ref<InstanceType<typeof relation>[]>();
+  const collaboratorListRef = ref<InstanceType<typeof collaborator>[]>();
+
+  onBeforeMount(async () => {
+    await initFormConfig();
+    initFormDescription();
+  });
+
+  onActivated(() => {
+    if (activeTab.value === 'record') {
+      recordListRef.value?.[0].loadList();
+    } else if (activeTab.value === 'plan') {
+      planListRef.value?.[0].loadList();
+    } else if (activeTab.value === 'relation') {
+      relationListRef.value?.[0].initList();
+    } else if (activeTab.value === 'collaborator') {
+      collaboratorListRef.value?.[0].initList();
+    } else if (activeTab.value === 'info') {
+      initFormDescription();
+    }
+  });
+</script>
+
+<style lang="less" scoped>
+  :deep(.crm-page-content) {
+    @apply !overflow-hidden;
+  }
+  .detail-tabs {
+    @apply flex-1 overflow-hidden;
+    :deep(.van-hairline--top-bottom) {
+      margin-top: -0.5px;
+    }
+    :deep(.van-tabs__content) {
+      height: calc(100% - var(--van-tabs-line-height));
+      .van-tab__panel {
+        @apply h-full;
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/mobile/src/views/customer/index.vue b/frontend/packages/mobile/src/views/customer/index.vue
new file mode 100644
index 0000000..7da37d7
--- /dev/null
+++ b/frontend/packages/mobile/src/views/customer/index.vue
@@ -0,0 +1,66 @@
+<template>
+  <div class="flex h-full flex-col overflow-hidden">
+    <van-tabs v-model:active="activeName" border class="customer-tabs">
+      <van-tab v-for="tab of tabList" :key="tab.name" :name="tab.name">
+        <template #title>
+          <div class="text-[16px]" :class="activeName === tab.name ? 'text-[var(--primary-8)]' : ''">
+            {{ tab.title }}
+          </div>
+        </template>
+        <customer v-if="tab.name === 'customer'" />
+        <contact v-else-if="tab.name === 'contact'" />
+        <open-sea v-else-if="tab.name === 'openSea'" />
+      </van-tab>
+    </van-tabs>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import customer from './components/customer.vue';
+  import contact from './contact/index.vue';
+  import openSea from './openSea/index.vue';
+
+  import { hasAnyPermission } from '@/utils/permission';
+
+  import { CustomerRouteEnum } from '@/enums/routeEnum';
+
+  defineOptions({
+    name: CustomerRouteEnum.CUSTOMER_INDEX,
+  });
+
+  const { t } = useI18n();
+  const tabList = computed(() =>
+    [
+      {
+        name: 'customer',
+        title: t('menu.customer'),
+        permission: ['CUSTOMER_MANAGEMENT:READ'],
+      },
+      {
+        name: 'contact',
+        title: t('menu.contact'),
+        permission: ['CUSTOMER_MANAGEMENT_CONTACT:READ'],
+      },
+      {
+        name: 'openSea',
+        title: t('menu.openSea'),
+        permission: ['CUSTOMER_MANAGEMENT_POOL:READ'],
+      },
+    ].filter((item) => hasAnyPermission(item.permission))
+  );
+  const activeName = ref(tabList.value[0]?.name);
+</script>
+
+<style lang="less" scoped>
+  .customer-tabs {
+    @apply h-full;
+    :deep(.van-tabs__content) {
+      height: calc(100% - var(--van-tabs-line-height));
+      .van-tab__panel {
+        @apply h-full;
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/mobile/src/views/customer/locale/en-US.ts b/frontend/packages/mobile/src/views/customer/locale/en-US.ts
new file mode 100644
index 0000000..7c1399d
--- /dev/null
+++ b/frontend/packages/mobile/src/views/customer/locale/en-US.ts
@@ -0,0 +1,30 @@
+export default {
+  'customer.searchPlaceholder': 'Please enter account name',
+  'customer.searchContactPlaceholder': 'Please enter contact name or phone number',
+  'customer.all': 'All',
+  'customer.mine': 'My Accounts',
+  'customer.deptCustomer': 'Department Accounts',
+  'customer.cooperationCustomer': 'Cooperation Accounts',
+  'customer.customerName': 'Account Name',
+  'customer.info': 'Account Information',
+  'customer.headerRecord': 'Header Record',
+  'customer.relation': 'Account Relationship',
+  'customer.addRelation': 'Add Account Relationship',
+  'customer.updateRelation': 'Update Account Relationship',
+  'customer.collaborator': 'Collaborator',
+  'customer.addCollaborator': 'Add Collaborator',
+  'customer.updateCollaborator': 'Update Collaborator',
+  'customer.transferCustomer': 'Transfer Account',
+  'customer.searchNamePlaceholder': 'Please enter name',
+  'customer.transfer': 'Transfer',
+  'customer.transferSuccess': 'Transfer Success',
+  'customer.deleteTitle': 'Delete this account?',
+  'customer.deleteTip': 'Once deleted, members will not be able to find this account. Please proceed with caution!',
+  'customer.group': 'Group',
+  'customer.subsidiary': 'Subsidiary',
+  'customer.selectCustomer': 'Select account',
+  'customer.readOnly': 'Read only',
+  'customer.cooperation': 'Cooperation',
+  'customer.moveToOpenSea': 'Move to Open Sea',
+  'customer.batchMoveContentTip': 'After moving, the account will have no owner. Please proceed with caution!',
+};
diff --git a/frontend/packages/mobile/src/views/customer/locale/zh-CN.ts b/frontend/packages/mobile/src/views/customer/locale/zh-CN.ts
new file mode 100644
index 0000000..d6f7670
--- /dev/null
+++ b/frontend/packages/mobile/src/views/customer/locale/zh-CN.ts
@@ -0,0 +1,31 @@
+export default {
+  'customer.searchPlaceholder': '请输入客户名称',
+  'customer.searchContactPlaceholder': '请输入联系人名称或手机号',
+  'customer.all': '全部',
+  'customer.mine': '我的客户',
+  'customer.deptCustomer': '部门客户',
+  'customer.cooperationCustomer': '协作客户',
+  'customer.customerName': '客户姓名',
+  'customer.customerNameNotNull': '客户姓名不能为空',
+  'customer.info': '客户信息',
+  'customer.headerRecord': '负责人记录',
+  'customer.relation': '客户关系',
+  'customer.addRelation': '添加客户关系',
+  'customer.updateRelation': '更新客户关系',
+  'customer.collaborator': '协作成员',
+  'customer.addCollaborator': '添加成员',
+  'customer.updateCollaborator': '更新成员',
+  'customer.transferCustomer': '转移客户',
+  'customer.searchNamePlaceholder': '请输入姓名',
+  'customer.transfer': '转移',
+  'customer.transferSuccess': '转移成功',
+  'customer.deleteTitle': '确认删除客户吗？',
+  'customer.deleteTip': '删除后，成员无法查到该客户，请谨慎操作！',
+  'customer.group': '集团',
+  'customer.subsidiary': '子公司',
+  'customer.selectCustomer': '选择客户',
+  'customer.readOnly': '只读',
+  'customer.cooperation': '协作',
+  'customer.moveToOpenSea': '移入公海',
+  'customer.batchMoveContentTip': '移入后，客户将无负责人，请谨慎操作！',
+};
diff --git a/frontend/packages/mobile/src/views/customer/openSea/detail.vue b/frontend/packages/mobile/src/views/customer/openSea/detail.vue
new file mode 100644
index 0000000..e1dd1d7
--- /dev/null
+++ b/frontend/packages/mobile/src/views/customer/openSea/detail.vue
@@ -0,0 +1,93 @@
+<template>
+  <CrmPageWrapper :title="route.query.name?.toString() || ''">
+    <van-tabs v-model:active="activeTab" border class="detail-tabs">
+      <van-tab v-for="tab of tabList" :key="tab.name" :name="tab.name">
+        <template #title>
+          <div class="text-[16px]" :class="activeTab === tab.name ? 'text-[var(--primary-8)]' : ''">
+            {{ tab.title }}
+          </div>
+        </template>
+        <div v-if="tab.name === 'info'" class="relative h-full overflow-auto bg-[var(--text-n9)] pt-[16px]">
+          <CrmDescription :description="descriptions" />
+        </div>
+        <CrmFollowRecordList
+          v-else-if="tab.name === 'record'"
+          :source-id="sourceId"
+          :type="FormDesignKeyEnum.FOLLOW_RECORD_CUSTOMER"
+          readonly
+        />
+        <CrmHeaderList v-else :source-id="sourceId" :load-list-api="getCustomerHeaderList" />
+      </van-tab>
+    </van-tabs>
+  </CrmPageWrapper>
+</template>
+
+<script setup lang="ts">
+  import { useRoute } from 'vue-router';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmDescription from '@/components/pure/crm-description/index.vue';
+  import CrmPageWrapper from '@/components/pure/crm-page-wrapper/index.vue';
+  import CrmFollowRecordList from '@/components/business/crm-follow-list/followRecord.vue';
+  import CrmHeaderList from '@/components/business/crm-header-list/index.vue';
+
+  import { getCustomerHeaderList } from '@/api/modules';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+
+  import { CustomerRouteEnum } from '@/enums/routeEnum';
+
+  defineOptions({
+    name: CustomerRouteEnum.CUSTOMER_OPENSEA_DETAIL,
+  });
+  const route = useRoute();
+  const { t } = useI18n();
+
+  const activeTab = ref('info');
+  const tabList = [
+    {
+      name: 'info',
+      title: t('customer.info'),
+    },
+    {
+      name: 'record',
+      title: t('common.record'),
+    },
+    {
+      name: 'header',
+      title: t('customer.headerRecord'),
+    },
+  ];
+
+  const sourceId = computed(() => route.query.id?.toString() ?? '');
+
+  const { descriptions, initFormConfig, initFormDescription } = useFormCreateApi({
+    formKey: FormDesignKeyEnum.CUSTOMER_OPEN_SEA,
+    sourceId,
+    needInitDetail: true,
+  });
+
+  onBeforeMount(async () => {
+    await initFormConfig();
+    initFormDescription();
+  });
+</script>
+
+<style lang="less" scoped>
+  :deep(.crm-page-content) {
+    @apply !overflow-hidden;
+  }
+  .detail-tabs {
+    @apply flex-1 overflow-hidden;
+    :deep(.van-hairline--top-bottom) {
+      margin-top: -0.5px;
+    }
+    :deep(.van-tabs__content) {
+      height: calc(100% - var(--van-tabs-line-height));
+      .van-tab__panel {
+        @apply h-full;
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/mobile/src/views/customer/openSea/distribute.vue b/frontend/packages/mobile/src/views/customer/openSea/distribute.vue
new file mode 100644
index 0000000..cc442b9
--- /dev/null
+++ b/frontend/packages/mobile/src/views/customer/openSea/distribute.vue
@@ -0,0 +1,102 @@
+<template>
+  <CrmPageWrapper :title="t('common.distribute')">
+    <div class="flex h-full flex-col">
+      <van-search
+        v-model="keyword"
+        shape="round"
+        :placeholder="t('customer.searchNamePlaceholder')"
+        @clear="search"
+        @search="search"
+      />
+      <div class="flex-1 overflow-hidden px-[16px]">
+        <CrmSelectList
+          ref="crmSelectListRef"
+          v-model:value="value"
+          v-model:selected-rows="selectedRows"
+          :keyword="keyword"
+          :load-list-api="getUserOptions"
+          :multiple="false"
+          no-page-nation
+        ></CrmSelectList>
+      </div>
+    </div>
+    <template #footer>
+      <div class="flex items-center gap-[16px]">
+        <van-button
+          type="default"
+          class="crm-button-primary--secondary !rounded-[var(--border-radius-small)] !text-[16px]"
+          :disabled="loading"
+          block
+          @click="router.back"
+        >
+          {{ t('common.cancel') }}
+        </van-button>
+        <van-button
+          v-permission="['CUSTOMER_MANAGEMENT_POOL:ASSIGN']"
+          type="primary"
+          :loading="loading"
+          :disabled="!selectedRows.length"
+          class="!rounded-[var(--border-radius-small)] !text-[16px]"
+          block
+          @click="onConfirm"
+        >
+          {{ t('common.distribute') }}
+        </van-button>
+      </div>
+    </template>
+  </CrmPageWrapper>
+</template>
+
+<script setup lang="ts">
+  import { useRoute, useRouter } from 'vue-router';
+  import { showSuccessToast } from 'vant';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { sleep } from '@lib/shared/method';
+
+  import CrmSelectList from '@/components/business/crm-select-list/index.vue';
+
+  import { assignClue, assignOpenSeaCustomer, getUserOptions } from '@/api/modules';
+
+  const route = useRoute();
+  const router = useRouter();
+  const { t } = useI18n();
+
+  const keyword = ref('');
+  const value = ref<string | string[]>([]);
+  const selectedRows = ref<Record<string, any>[]>([]);
+  const loading = ref(false);
+  const crmSelectListRef = ref<InstanceType<typeof CrmSelectList>>();
+
+  const loadListApi: Record<string, (data: any) => Promise<any>> = {
+    [FormDesignKeyEnum.CUSTOMER]: assignOpenSeaCustomer,
+    [FormDesignKeyEnum.CLUE]: assignClue,
+  };
+
+  async function onConfirm() {
+    try {
+      loading.value = true;
+      await loadListApi[route.query.apiKey as string]({
+        [route.query.apiKey === FormDesignKeyEnum.CUSTOMER ? 'customerId' : 'clueId']: route.query.id as string,
+        assignUserId: value.value,
+      });
+      showSuccessToast(t('common.distributeSuccess'));
+      await sleep(300);
+      router.back();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  function search() {
+    nextTick(() => {
+      crmSelectListRef.value?.filterListByKeyword('name');
+    });
+  }
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/mobile/src/views/customer/openSea/index.vue b/frontend/packages/mobile/src/views/customer/openSea/index.vue
new file mode 100644
index 0000000..946d545
--- /dev/null
+++ b/frontend/packages/mobile/src/views/customer/openSea/index.vue
@@ -0,0 +1,200 @@
+<template>
+  <div class="flex h-full flex-col overflow-hidden">
+    <div class="bg-[var(--text-n10)] p-[8px_16px]">
+      <van-search
+        v-model="keyword"
+        shape="round"
+        :placeholder="t('customer.searchPlaceholder')"
+        class="crm-search"
+        @search="search"
+        @clear="search"
+      />
+    </div>
+    <div class="filter-buttons">
+      <van-button
+        v-for="item of openSeaList"
+        :key="item.id"
+        round
+        size="small"
+        class="!border-none !px-[16px] !py-[4px] !text-[14px]"
+        :class="
+          activeOpenSea === item.id
+            ? '!bg-[var(--primary-7)] !text-[var(--primary-8)]'
+            : '!bg-[var(--text-n9)] !text-[var(--text-n1)]'
+        "
+        @click="activeOpenSea = item.id"
+      >
+        {{ item.name }}
+      </van-button>
+    </div>
+    <CrmList
+      v-if="openSeaList.length"
+      ref="crmListRef"
+      :list-params="listParams"
+      :load-list-api="getOpenSeaCustomerList"
+      class="p-[16px]"
+      :item-gap="16"
+    >
+      <template #item="{ item }">
+        <CrmListCommonItem :item="item" :actions="actions" @click="goDetail"></CrmListCommonItem>
+      </template>
+    </CrmList>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { useRouter } from 'vue-router';
+  import { closeToast, showConfirmDialog, showLoadingToast, showSuccessToast } from 'vant';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { sleep } from '@lib/shared/method';
+  import { CluePoolItem } from '@lib/shared/models/system/module';
+
+  import CrmList from '@/components/pure/crm-list/index.vue';
+  import CrmListCommonItem from '@/components/pure/crm-list-common-item/index.vue';
+
+  import { deleteOpenSeaCustomer, getOpenSeaCustomerList, getOpenSeaOptions, pickOpenSeaCustomer } from '@/api/modules';
+
+  import { CustomerRouteEnum } from '@/enums/routeEnum';
+
+  const { t } = useI18n();
+  const router = useRouter();
+
+  const crmListRef = ref<InstanceType<typeof CrmList>>();
+  const keyword = ref('');
+  const activeOpenSea = ref<string | number>('');
+  const openSeaList = ref<CluePoolItem[]>([]);
+  const listParams = computed(() => {
+    return {
+      poolId: activeOpenSea.value,
+      keyword: keyword.value,
+    };
+  });
+  const actions = [
+    {
+      label: t('common.pick'),
+      icon: 'iconicon_user_add',
+      permission: ['CUSTOMER_MANAGEMENT_POOL:PICK'],
+      action: async (item: any) => {
+        try {
+          showLoadingToast(t('common.picking'));
+          await pickOpenSeaCustomer({
+            customerId: item.id,
+            poolId: activeOpenSea.value,
+          });
+          showSuccessToast(t('common.pickSuccess'));
+          await sleep(300);
+          crmListRef.value?.loadList(true);
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        } finally {
+          closeToast();
+        }
+      },
+    },
+    {
+      label: t('common.distribute'),
+      icon: 'iconicon_swap',
+      permission: ['CUSTOMER_MANAGEMENT_POOL:ASSIGN'],
+      action: (item: any) => {
+        router.push({
+          name: CustomerRouteEnum.CUSTOMER_DISTRIBUTE,
+          query: {
+            id: item.id,
+            apiKey: FormDesignKeyEnum.CUSTOMER,
+          },
+        });
+      },
+    },
+    {
+      label: t('common.delete'),
+      icon: 'iconicon_delete',
+      permission: ['CUSTOMER_MANAGEMENT_POOL:DELETE'],
+      action: (item: any) => {
+        showConfirmDialog({
+          title: t('customer.deleteTitle'),
+          message: t('customer.deleteTip'),
+          confirmButtonText: t('common.confirmDelete'),
+          confirmButtonColor: 'var(--error-red)',
+          beforeClose: async (action) => {
+            if (action === 'confirm') {
+              try {
+                showLoadingToast(t('common.deleting'));
+                await deleteOpenSeaCustomer(item.id);
+                showSuccessToast(t('common.deleteSuccess'));
+                crmListRef.value?.loadList(true);
+                return Promise.resolve(true);
+              } catch (error) {
+                // eslint-disable-next-line no-console
+                console.log(error);
+                return Promise.resolve(false);
+              }
+            } else {
+              return Promise.resolve(true);
+            }
+          },
+        });
+      },
+    },
+  ];
+
+  watch(
+    () => activeOpenSea.value,
+    () => {
+      nextTick(() => {
+        crmListRef.value?.loadList(true);
+      });
+    }
+  );
+
+  function search() {
+    nextTick(() => {
+      crmListRef.value?.loadList(true);
+    });
+  }
+
+  onActivated(() => {
+    search();
+  });
+
+  function goDetail(item: any) {
+    router.push({
+      name: CustomerRouteEnum.CUSTOMER_OPENSEA_DETAIL,
+      query: {
+        id: item.id,
+        name: item.name,
+        needInitDetail: 'Y',
+      },
+    });
+  }
+
+  async function init() {
+    try {
+      showLoadingToast(t('common.loading'));
+      openSeaList.value = await getOpenSeaOptions();
+      activeOpenSea.value = openSeaList.value[0].id;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      closeToast();
+    }
+  }
+
+  onBeforeMount(() => {
+    init();
+  });
+</script>
+
+<style lang="less" scoped>
+  .filter-buttons {
+    @apply flex;
+
+    gap: 8px;
+    padding: 8px 4px;
+    background-color: var(--text-n10);
+    .half-px-border-bottom();
+  }
+</style>
diff --git a/frontend/packages/mobile/src/views/customer/relation.vue b/frontend/packages/mobile/src/views/customer/relation.vue
new file mode 100644
index 0000000..2677314
--- /dev/null
+++ b/frontend/packages/mobile/src/views/customer/relation.vue
@@ -0,0 +1,119 @@
+<template>
+  <CrmPageWrapper :title="route.query.id ? t('customer.updateRelation') : t('customer.addRelation')">
+    <van-form ref="formRef" class="crm-form" required>
+      <van-cell-group inset>
+        <van-field
+          v-model="relationType"
+          name="relationType"
+          :label="t('customer.relation')"
+          :placeholder="t('common.pleaseInput')"
+          :rules="[{ required: true, message: t('customer.customerNameNotNull') }]"
+          class="!text-[16px]"
+        >
+          <template #input>
+            <van-radio-group v-model="relationType" direction="horizontal" :disabled="hasGroup === 'Y'">
+              <van-radio name="GROUP">{{ t('customer.group') }}</van-radio>
+              <van-radio name="SUBSIDIARY">{{ t('customer.subsidiary') }}</van-radio>
+            </van-radio-group>
+          </template>
+        </van-field>
+        <CrmDataSource
+          v-model:value="customerId"
+          v-model:selected-rows="selectedRows"
+          :data-source-type="FieldDataSourceTypeEnum.CUSTOMER_OPTIONS"
+          :label="t('customer.selectCustomer')"
+          :multiple="false"
+          :disabled-selection="disabledSelection"
+          :disabled="!!route.query.id"
+          class="!text-[16px]"
+        >
+        </CrmDataSource>
+      </van-cell-group>
+    </van-form>
+    <template #footer>
+      <div class="flex items-center gap-[16px]">
+        <van-button
+          type="default"
+          class="crm-button-primary--secondary !rounded-[var(--border-radius-small)] !text-[16px]"
+          block
+          :disabled="loading"
+          @click="router.back"
+        >
+          {{ t('common.cancel') }}
+        </van-button>
+        <van-button
+          v-permission="['CUSTOMER_MANAGEMENT:UPDATE']"
+          type="primary"
+          class="!rounded-[var(--border-radius-small)] !text-[16px]"
+          :loading="loading"
+          :disabled="customerId?.length === 0"
+          block
+          @click="save"
+        >
+          {{ route.query.id ? t('common.update') : t('common.add') }}
+        </van-button>
+      </div>
+    </template>
+  </CrmPageWrapper>
+</template>
+
+<script setup lang="ts">
+  import { useRoute, useRouter } from 'vue-router';
+  import { FormInstance, showSuccessToast } from 'vant';
+
+  import { FieldDataSourceTypeEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { sleep } from '@lib/shared/method';
+
+  import CrmPageWrapper from '@/components/pure/crm-page-wrapper/index.vue';
+  import CrmDataSource from '@/components/business/crm-datasource/index.vue';
+
+  import { addCustomerRelationItem, updateCustomerRelationItem } from '@/api/modules';
+
+  const route = useRoute();
+  const router = useRouter();
+  const { t } = useI18n();
+
+  const lastPageParams = window.history.state.params ? JSON.parse(window.history.state.params) : null; // 获取上个页面带过来的参数
+  const { relation, hasGroup, customerIds } = lastPageParams || {};
+
+  const formRef = ref<FormInstance>();
+  const relationType = ref(relation?.relationType || (hasGroup === 'Y' ? 'SUBSIDIARY' : 'GROUP'));
+  const customerId = ref(relation?.customerId || []);
+  const selectedRows = ref(relation ? relation.customerName : []);
+  const loading = ref(false);
+
+  function disabledSelection(row: Record<string, any>) {
+    return customerIds?.includes(row.id);
+  }
+
+  async function save() {
+    try {
+      await formRef.value?.validate();
+      loading.value = true;
+      if (route.query.id) {
+        await updateCustomerRelationItem(route.query.sourceId as string, {
+          id: route.query.id as string,
+          customerId: customerId.value,
+          relationType: relationType.value,
+        });
+        showSuccessToast(t('common.updateSuccess'));
+      } else {
+        await addCustomerRelationItem(route.query.sourceId as string, {
+          customerId: customerId.value,
+          relationType: relationType.value,
+        });
+        showSuccessToast(t('common.addSuccess'));
+      }
+      await sleep(300);
+      router.back();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/mobile/src/views/customer/transfer.vue b/frontend/packages/mobile/src/views/customer/transfer.vue
new file mode 100644
index 0000000..a7d1f15
--- /dev/null
+++ b/frontend/packages/mobile/src/views/customer/transfer.vue
@@ -0,0 +1,110 @@
+<template>
+  <CrmPageWrapper :title="titleMap[route.query.apiKey as string]">
+    <div class="flex h-full flex-col">
+      <van-search
+        v-model="keyword"
+        shape="round"
+        :placeholder="t('customer.searchNamePlaceholder')"
+        @search="search"
+        @clear="search"
+      />
+      <div class="flex-1 overflow-hidden px-[16px]">
+        <CrmSelectList
+          ref="crmSelectListRef"
+          v-model:value="value"
+          v-model:selected-rows="selectedRows"
+          :keyword="keyword"
+          :load-list-api="getUserOptions"
+          :multiple="false"
+          no-page-nation
+        ></CrmSelectList>
+      </div>
+    </div>
+    <template #footer>
+      <div class="flex items-center gap-[16px]">
+        <van-button
+          type="default"
+          class="crm-button-primary--secondary !rounded-[var(--border-radius-small)] !text-[16px]"
+          :disabled="loading"
+          block
+          @click="router.back"
+        >
+          {{ t('common.cancel') }}
+        </van-button>
+        <van-button
+          v-permission="['CUSTOMER_MANAGEMENT:UPDATE']"
+          type="primary"
+          :loading="loading"
+          :disabled="!selectedRows.length"
+          class="!rounded-[var(--border-radius-small)] !text-[16px]"
+          block
+          @click="onConfirm"
+        >
+          {{ t('customer.transfer') }}
+        </van-button>
+      </div>
+    </template>
+  </CrmPageWrapper>
+</template>
+
+<script setup lang="ts">
+  import { useRoute, useRouter } from 'vue-router';
+  import { showLoadingToast, showSuccessToast } from 'vant';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { sleep } from '@lib/shared/method';
+
+  import CrmSelectList from '@/components/business/crm-select-list/index.vue';
+
+  import { batchTransferClue, batchTransferCustomer, getUserOptions, transferOpt } from '@/api/modules';
+
+  const route = useRoute();
+  const router = useRouter();
+  const { t } = useI18n();
+
+  const keyword = ref('');
+  const value = ref<string | string[]>([]);
+  const selectedRows = ref<Record<string, any>[]>([]);
+  const loading = ref(false);
+  const crmSelectListRef = ref<InstanceType<typeof CrmSelectList>>();
+
+  const loadListApi: Record<string, (data: any) => Promise<any>> = {
+    [FormDesignKeyEnum.CUSTOMER]: batchTransferCustomer,
+    [FormDesignKeyEnum.CLUE]: batchTransferClue,
+    [FormDesignKeyEnum.BUSINESS]: transferOpt,
+  };
+
+  const titleMap: Record<string, string> = {
+    [FormDesignKeyEnum.CUSTOMER]: t('customer.transferCustomer'),
+    [FormDesignKeyEnum.CLUE]: t('clue.transferClue'),
+    [FormDesignKeyEnum.BUSINESS]: t('opportunity.transferOpportunity'),
+  };
+
+  async function onConfirm() {
+    try {
+      loading.value = true;
+      showLoadingToast(t('common.transferring'));
+      await loadListApi[route.query.apiKey as string]({
+        ids: [route.query.id as string],
+        owner: value.value as string,
+      });
+      showSuccessToast(t('customer.transferSuccess'));
+      await sleep(300);
+      router.back();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  function search() {
+    nextTick(() => {
+      crmSelectListRef.value?.filterListByKeyword('name');
+    });
+  }
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/mobile/src/views/mine/detail.vue b/frontend/packages/mobile/src/views/mine/detail.vue
new file mode 100644
index 0000000..e861a57
--- /dev/null
+++ b/frontend/packages/mobile/src/views/mine/detail.vue
@@ -0,0 +1,230 @@
+<template>
+  <CrmPageWrapper :title="detailTitle">
+    <van-form ref="formRef" required class="crm-form">
+      <van-cell-group v-if="route.query.type === 'phone'" inset>
+        <van-field
+          v-model="form.phone"
+          name="phone"
+          :label="t('common.phoneNumber')"
+          :placeholder="t('common.pleaseInput')"
+          :rules="[
+            { required: true, message: t('common.notNull', { value: `${t('common.phoneNumber')}` }) },
+            { validator: validateUserPhone },
+          ]"
+          class="!text-[16px]"
+        />
+      </van-cell-group>
+      <van-cell-group v-else-if="route.query.type === 'email'" inset>
+        <van-field
+          v-model="form.email"
+          name="email"
+          :label="t('mine.email')"
+          :placeholder="t('common.pleaseInput')"
+          :rules="[
+            { required: true, message: t('common.notNull', { value: `${t('mine.email')}` }) },
+            { validator: validateUserEmail },
+          ]"
+          class="!text-[16px]"
+        />
+      </van-cell-group>
+      <div v-if="route.query.type === 'resetPassWord'">
+        <van-cell-group inset>
+          <van-field
+            v-model="form.originPassword"
+            name="originPassword"
+            :label="t('mine.currentPassword')"
+            :placeholder="t('common.pleaseInput')"
+            :rules="[{ required: true, message: t('common.notNull', { value: `${t('mine.currentPassword')}` }) }]"
+            class="!text-[16px]"
+          />
+        </van-cell-group>
+        <van-cell-group inset>
+          <CrmPasswordInput
+            v-model:value="form.password"
+            name="password"
+            :label="t('mine.newPassWord')"
+            :placeholder="t('mine.pleaseInputPassWord')"
+            :rules="[{ required: true, message: t('mine.pleaseInputPassWord') }]"
+            class="!text-[16px]"
+          />
+        </van-cell-group>
+        <van-cell-group inset>
+          <CrmPasswordInput
+            v-model:value="form.confirmPassword"
+            name="confirmPassword"
+            :label="t('mine.repeatPassWord')"
+            :placeholder="t('mine.pleaseInputConfirmPassWord')"
+            :rules="[
+              { required: true, message: t('mine.pleaseInputConfirmPassWord') },
+              {
+                validator: validatePasswordStartWith,
+                message: t('mine.passwordDiff'),
+                trigger: 'input',
+              },
+              {
+                validator: validatePasswordSame,
+                message: t('mine.passwordDiff'),
+                trigger: ['blur', 'password-input'],
+              },
+            ]"
+            class="!text-[16px]"
+          />
+        </van-cell-group>
+      </div>
+    </van-form>
+
+    <template #footer>
+      <div class="flex items-center gap-[16px]">
+        <van-button
+          type="default"
+          class="crm-button-primary--secondary !rounded-[var(--border-radius-small)] !text-[16px]"
+          block
+          :disabled="loading"
+          @click="router.back"
+        >
+          {{ t('common.cancel') }}
+        </van-button>
+        <van-button
+          type="primary"
+          class="!rounded-[var(--border-radius-small)] !text-[16px]"
+          :loading="loading"
+          block
+          @click="save"
+        >
+          {{ t('common.update') }}
+        </van-button>
+      </div>
+    </template>
+  </CrmPageWrapper>
+</template>
+
+<script setup lang="ts">
+  import { useRoute, useRouter } from 'vue-router';
+  import { FormInstance, showToast } from 'vant';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { validateEmail, validatePhone } from '@lib/shared/method/validate';
+  import { PersonalPassword } from '@lib/shared/models/system/business';
+  import { OrgUserInfo } from '@lib/shared/models/system/org';
+
+  import CrmPageWrapper from '@/components/pure/crm-page-wrapper/index.vue';
+  import CrmPasswordInput from '@/components/pure/crm-password-input/index.vue';
+
+  import { getPersonalInfo, updatePersonalInfo, updateUserPassword } from '@/api/modules/index';
+  import { defaultUserInfo } from '@/config/mine';
+  import useUserStore from '@/store/modules/user';
+
+  const { t } = useI18n();
+
+  const route = useRoute();
+  const router = useRouter();
+  const useStore = useUserStore();
+
+  const detailTitle = computed(() => {
+    switch (route.query.type) {
+      case 'phone':
+        return t('common.phoneNumber');
+      case 'email':
+        return t('mine.email');
+      default:
+        return t('mine.resetPassWord');
+    }
+  });
+
+  const form = ref<OrgUserInfo & PersonalPassword>({
+    ...defaultUserInfo,
+    originPassword: '',
+    confirmPassword: '',
+  });
+
+  const validateUserPhone = (value: string) => (!validatePhone(value) ? t('mine.userPhoneErrTip') : true);
+
+  const validateUserEmail = (value: string) => (!validateEmail(value) ? t('mine.emailErrTip') : true);
+
+  function validatePasswordStartWith(value: string): boolean {
+    return !!form.value.password && form.value.password.startsWith(value) && form.value.password.length >= value.length;
+  }
+
+  function validatePasswordSame(value: string): boolean {
+    return value === form.value.password;
+  }
+
+  const loading = ref(false);
+  const formRef = ref<FormInstance>();
+
+  const isEditPersonalInfo = computed(() => ['phone', 'email'].includes(route.query.type as string));
+
+  // 更新个人信息
+  async function handleUpdatePersonalInfo() {
+    try {
+      loading.value = true;
+      const { email, phone } = form.value;
+      await updatePersonalInfo({
+        email,
+        phone,
+      });
+      showToast(t('common.updateSuccess'));
+      router.back();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  // 重置密码
+  async function handleResetPassword() {
+    try {
+      loading.value = true;
+      const { originPassword, password, confirmPassword } = form.value;
+      await updateUserPassword({
+        originPassword,
+        password,
+        confirmPassword,
+      });
+      showToast(t('common.updateSuccess'));
+      useStore.setDefaultPwd(false);
+      router.back();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  async function save() {
+    try {
+      await formRef.value?.validate();
+      if (isEditPersonalInfo.value) {
+        await handleUpdatePersonalInfo();
+      } else {
+        await handleResetPassword();
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  const personalInfo = ref<OrgUserInfo>({
+    ...defaultUserInfo,
+  });
+
+  async function initPersonInfo() {
+    try {
+      personalInfo.value = await getPersonalInfo();
+      form.value = { ...form.value, ...personalInfo.value };
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  onBeforeMount(() => {
+    initPersonInfo();
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/mobile/src/views/mine/index.vue b/frontend/packages/mobile/src/views/mine/index.vue
new file mode 100644
index 0000000..a706650
--- /dev/null
+++ b/frontend/packages/mobile/src/views/mine/index.vue
@@ -0,0 +1,212 @@
+<template>
+  <div class="flex h-full flex-col overflow-hidden">
+    <CrmPageHeader :title="t('menu.mine')" hide-back />
+    <div class="mt-[48px] flex flex-1 flex-col gap-[16px] overflow-auto p-[16px]">
+      <div class="personal-header-info info-item gap-[16px] p-[16px]">
+        <CrmAvatar :size="64" :is-word="false" />
+        <div class="flex w-[calc(100%-80px)] flex-1 flex-col justify-evenly">
+          <div class="one-line-text text-[16px] font-semibold text-[var(--text-n1)]" @click="handleUserNameClick">
+            {{ personalInfo?.userName }}
+          </div>
+          <div class="max-w-full">
+            <CrmTag
+              :tag="personalInfo?.departmentName ?? ''"
+              color="var(--text-n9)"
+              text-color="var(--text-n1)"
+              class="one-line-text max-w-full rounded-[var(--border-radius-small)] !p-[2px_6px]"
+            />
+          </div>
+        </div>
+      </div>
+      <van-cell-group inset class="info-item">
+        <van-cell
+          center
+          class="!p-[16px]"
+          :title="t('common.phoneNumber')"
+          is-link
+          inset
+          value-class="!text-[var(--text-n4)]"
+          :value="personalInfo?.phone"
+          @click="handleEditInfo('phone')"
+        />
+        <van-cell
+          center
+          class="email-cell !p-[16px]"
+          :title="t('mine.email')"
+          is-link
+          title-class="email-title-class"
+          @click="handleEditInfo('email')"
+        >
+          <template #value>
+            <div class="one-line-text text-[var(--text-n4)]">
+              {{ personalInfo?.email }}
+            </div>
+          </template>
+        </van-cell>
+      </van-cell-group>
+      <van-cell-group v-permission="['SYSTEM_NOTICE:READ']" inset class="info-item">
+        <van-cell :title="t('common.message')" is-link class="!p-[16px]" @click="handleEditInfo('message')">
+          <template #value>
+            <div v-if="messageTotal > 0" class="absolute right-[16px] top-[8px]">
+              <van-badge :content="messageTotal" color="var(--error-red)" max="99" />
+            </div>
+          </template>
+        </van-cell>
+      </van-cell-group>
+      <van-cell-group inset class="info-item">
+        <van-cell
+          class="!p-[16px]"
+          center
+          :title="t('mine.resetPassWord')"
+          is-link
+          @click="handleEditInfo('resetPassWord')"
+        />
+      </van-cell-group>
+
+      <van-button block type="primary" :loading="loading" native-type="submit" @click="handleLogout">
+        {{ t('login.form.logout') }}
+      </van-button>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { useRouter } from 'vue-router';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { OrgUserInfo } from '@lib/shared/models/system/org';
+
+  import CrmPageHeader from '@/components/pure/crm-page-header/index.vue';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import CrmAvatar from '@/components/business/crm-avatar/index.vue';
+
+  import { getNotificationCount, getPersonalInfo } from '@/api/modules';
+  import { defaultUserInfo } from '@/config/mine';
+  import useUser from '@/hooks/useUser';
+  import useUserStore from '@/store/modules/user';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  import { MineRouteEnum } from '@/enums/routeEnum';
+
+  const { logout } = useUser();
+
+  const userStore = useUserStore();
+
+  const { t } = useI18n();
+  const router = useRouter();
+
+  const routeKey = ref('');
+
+  function handleEditInfo(type: string) {
+    routeKey.value = type !== 'message' ? MineRouteEnum.MINE_DETAIL : MineRouteEnum.MINE_MESSAGE;
+    router.push({
+      name: routeKey.value,
+      query: {
+        type,
+      },
+    });
+  }
+
+  const personalInfo = ref<OrgUserInfo>({
+    ...defaultUserInfo,
+  });
+
+  async function initPersonInfo() {
+    try {
+      personalInfo.value = await getPersonalInfo();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  const messageTotal = ref(0);
+  async function initMessageCount() {
+    if (!hasAnyPermission(['SYSTEM_NOTICE:READ'])) {
+      return;
+    }
+    try {
+      const result = await getNotificationCount({
+        type: '',
+        status: '',
+        resourceType: '',
+        createTime: null,
+        endTime: null,
+      });
+
+      messageTotal.value = result.find((e) => e.key === 'total')?.count || 0;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  const clickCount = ref(0); // 记录点击次数
+  let clickTimer: NodeJS.Timeout | null = null; // 定时器
+
+  function handleUserNameClick() {
+    clickCount.value++;
+
+    // 如果 1 秒内没有连续点击，重置计数
+    if (clickTimer) {
+      clearTimeout(clickTimer);
+    }
+    clickTimer = setTimeout(() => {
+      clickCount.value = 0;
+    }, 1000);
+
+    // 如果点击次数达到 10 次，加载 eruda 调试工具
+    if (clickCount.value >= 10) {
+      import('eruda').then((eruda) => eruda.default.init());
+      clickCount.value = 0; // 重置计数
+    }
+  }
+
+  const loading = ref(false);
+  async function handleLogout() {
+    loading.value = true;
+    try {
+      await userStore.logout();
+      logout();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  onBeforeMount(() => {
+    initPersonInfo();
+    initMessageCount();
+  });
+</script>
+
+<style lang="less" scoped>
+  .personal-header-info {
+    @apply flex;
+
+    border-radius: @border-radius-large;
+    background-color: var(--text-n10);
+  }
+  .info-item {
+    @apply !mx-0 flex-shrink-0;
+  }
+  .person-bottom-border {
+    margin: 0 16px;
+    .half-px-border-bottom();
+  }
+</style>
+
+<style lang="less">
+  .email-cell {
+    &.van-cell {
+      display: flex;
+      justify-content: space-between;
+      .email-title-class {
+        min-width: 60px;
+        @apply flex-grow-0;
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/mobile/src/views/mine/locale/en-US.ts b/frontend/packages/mobile/src/views/mine/locale/en-US.ts
new file mode 100644
index 0000000..0de1b65
--- /dev/null
+++ b/frontend/packages/mobile/src/views/mine/locale/en-US.ts
@@ -0,0 +1,24 @@
+export default {
+  'mine.email': 'Email ',
+  'mine.resetPassWord': 'Reset password ',
+  'mine.verificationCode': 'Verification code ',
+  'mine.getCode': 'Get the verification code ',
+  'mine.changePassword': 'Change password',
+  'mine.currentPassword': 'Current password',
+  'mine.changePasswordTip':
+    'Detected that you are currently using the default initial password. For the security of your account, it is recommended to change your password immediately',
+  'mime. PleaseInputVerificationCode': 'Please enter the authentication code',
+  'mine.pleaseInputPassWord': 'Please enter your password ',
+  'mime. PleaseInputConfirmPassWord': 'Please confirm password again',
+  'mine.repeatPassWord': 'Repeat password ',
+  'mine.newPassWord': 'New password ',
+  'mine.passwordDiff': 'Two passwords do not match ',
+  'mine.retryGetCode': '{count} s Retrieve',
+  'mine.allMessage': 'All ',
+  'mine.systemMessage': 'System message ',
+  'mine.announcementMessage': 'Announcement ',
+  'mine.opportunityMessage': 'Opportunity',
+  'mine.userPhoneErrTip': 'Please enter 11-digit phone number',
+  'mine.emailErrTip': 'Email format error, please re-enter',
+  'mine.messageSearchPlaceholder': 'Please enter keyword',
+};
diff --git a/frontend/packages/mobile/src/views/mine/locale/zh-CN.ts b/frontend/packages/mobile/src/views/mine/locale/zh-CN.ts
new file mode 100644
index 0000000..b781920
--- /dev/null
+++ b/frontend/packages/mobile/src/views/mine/locale/zh-CN.ts
@@ -0,0 +1,23 @@
+export default {
+  'mine.email': '邮箱',
+  'mine.resetPassWord': '重置密码',
+  'mine.verificationCode': '验证码',
+  'mine.changePassword': '修改密码',
+  'mine.currentPassword': '当前密码',
+  'mine.changePasswordTip': '检测到您当前正在使用默认初始密码，为了您的账户安全，建议立即',
+  'mine.getCode': '获取验证码',
+  'mine.pleaseInputVerificationCode': '请输入验证码',
+  'mine.pleaseInputPassWord': '请输入密码',
+  'mine.pleaseInputConfirmPassWord': '请再次确认密码',
+  'mine.repeatPassWord': '重复密码',
+  'mine.newPassWord': '新密码',
+  'mine.passwordDiff': '两次密码不一致',
+  'mine.retryGetCode': '{count} 秒重新获取',
+  'mine.allMessage': '全部',
+  'mine.systemMessage': '系统消息',
+  'mine.announcementMessage': '公告',
+  'mine.opportunityMessage': '商机',
+  'mine.userPhoneErrTip': '请输入 11 位手机号',
+  'mine.emailErrTip': '邮箱格式错误，请重新输入',
+  'mine.messageSearchPlaceholder': '请输入关键词',
+};
diff --git a/frontend/packages/mobile/src/views/mine/message.vue b/frontend/packages/mobile/src/views/mine/message.vue
new file mode 100644
index 0000000..5c8c72f
--- /dev/null
+++ b/frontend/packages/mobile/src/views/mine/message.vue
@@ -0,0 +1,209 @@
+<template>
+  <CrmPageWrapper :title="t('common.message')">
+    <div class="flex h-full flex-col overflow-hidden">
+      <van-tabs v-model:active="activeName" border class="detail-tabs" @change="changeResourceTab">
+        <van-tab v-for="tab of tabList" :key="tab.name" :name="tab.name">
+          <template #title>
+            <div class="text-[16px]" :class="activeName === tab.name ? 'text-[var(--primary-8)]' : ''">
+              {{ tab.title }}
+            </div>
+          </template>
+          <div class="flex h-full flex-col overflow-hidden">
+            <div class="flex items-center gap-[12px] bg-[var(--text-n10)] p-[8px_16px]">
+              <van-search
+                v-model="keyword"
+                shape="round"
+                :placeholder="t('common.searchByName')"
+                class="crm-search"
+                @search="() => refreshMessageList()"
+                @clear="() => refreshMessageList()"
+              />
+            </div>
+            <div class="filter-buttons flex gap-2">
+              <template v-for="item of messageButtons" :key="item.name">
+                <van-badge :dot="item.count > 0">
+                  <van-button
+                    round
+                    size="small"
+                    class="!border-none !px-[16px] !py-[4px] !text-[14px]"
+                    :class="
+                      activeFilter === item.name
+                        ? '!bg-[var(--primary-7)] !text-[var(--primary-8)]'
+                        : '!bg-[var(--text-n9)] !text-[var(--text-n1)]'
+                    "
+                    @click="activeFilter = item.name"
+                  >
+                    {{ item.tab }}
+                  </van-button>
+                </van-badge>
+              </template>
+            </div>
+          </div>
+        </van-tab>
+      </van-tabs>
+      <CrmList
+        ref="crmListRef"
+        :list-params="listParams"
+        class="p-[16px]"
+        :item-gap="16"
+        :keyword="keyword"
+        :load-list-api="getNotificationList"
+      >
+        <template #item="{ item }">
+          <CrmMessageItem :item="item" @load-list="() => refreshMessageList(true)" />
+        </template>
+      </CrmList>
+    </div>
+  </CrmPageWrapper>
+</template>
+
+<script setup lang="ts">
+  import { SystemMessageTypeEnum, SystemResourceMessageTypeEnum } from '@lib/shared/enums/systemEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmList from '@/components/pure/crm-list/index.vue';
+  import CrmMessageItem from '@/components/business/crm-message-item/index.vue';
+
+  import { getNotificationCount, getNotificationList } from '@/api/modules';
+  import useAppStore from '@/store/modules/app';
+
+  const appStore = useAppStore();
+  const { t } = useI18n();
+
+  const activeName = ref('');
+
+  const tabList = [
+    {
+      name: '',
+      title: t('mine.allMessage'),
+    },
+    {
+      name: SystemMessageTypeEnum.SYSTEM_NOTICE,
+      title: t('mine.systemMessage'),
+    },
+    {
+      name: SystemMessageTypeEnum.ANNOUNCEMENT_NOTICE,
+      title: t('mine.announcementMessage'),
+    },
+  ];
+
+  const keyword = ref('');
+
+  const activeFilter = ref('');
+
+  const messageCount = ref<Record<string, number>>({});
+
+  const messageButtons = computed(() => {
+    const enabledModuleKeys = new Set(
+      appStore.moduleConfigList.filter((module) => module.enable).map((module) => module.moduleKey.toUpperCase())
+    );
+
+    const isAnnouncementTab = activeName.value === SystemMessageTypeEnum.ANNOUNCEMENT_NOTICE;
+    const allMessage = [
+      {
+        name: '',
+        tab: t('mine.allMessage'),
+        count: isAnnouncementTab
+          ? messageCount.value[SystemMessageTypeEnum.ANNOUNCEMENT_NOTICE]
+          : messageCount.value?.total,
+      },
+    ];
+
+    const baseMessageTypes = [
+      {
+        name: SystemResourceMessageTypeEnum.CUSTOMER,
+        tab: t('menu.customer'),
+        count: messageCount.value[SystemResourceMessageTypeEnum.CUSTOMER] || 0,
+      },
+      {
+        name: SystemResourceMessageTypeEnum.CLUE,
+        tab: t('menu.clue'),
+        count: messageCount.value[SystemResourceMessageTypeEnum.CLUE] || 0,
+      },
+      {
+        name: SystemResourceMessageTypeEnum.OPPORTUNITY,
+        tab: t('mine.opportunityMessage'),
+        count: messageCount.value[SystemResourceMessageTypeEnum.OPPORTUNITY] || 0,
+      },
+    ];
+
+    if (isAnnouncementTab) {
+      return allMessage;
+    }
+    return [...allMessage, ...baseMessageTypes.filter(({ name }) => enabledModuleKeys.has(name) || name)];
+  });
+
+  const listParams = computed(() => {
+    return {
+      type: activeName.value,
+      resourceType: activeName.value === SystemMessageTypeEnum.ANNOUNCEMENT_NOTICE ? '' : activeFilter.value,
+      status: '',
+      endTime: null,
+      keyword: keyword.value,
+      createTime: null,
+    };
+  });
+
+  async function initSystemMessageCount() {
+    try {
+      const result = await getNotificationCount({
+        type: '',
+        status: '',
+        resourceType: '',
+        createTime: null,
+        endTime: null,
+      });
+
+      if (result) {
+        result.forEach(({ key, count }) => {
+          messageCount.value[key] = count || 0;
+        });
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  const crmListRef = ref<InstanceType<typeof CrmList>>();
+
+  function refreshMessageList(refreshCount = false) {
+    nextTick(() => {
+      crmListRef.value?.loadList(true);
+    });
+    if (refreshCount) {
+      initSystemMessageCount();
+    }
+  }
+
+  function changeResourceTab() {
+    refreshMessageList();
+  }
+
+  watch(
+    () => activeFilter.value,
+    () => {
+      refreshMessageList();
+    }
+  );
+
+  onBeforeMount(() => {
+    initSystemMessageCount();
+  });
+</script>
+
+<style lang="less" scoped>
+  .detail-tabs {
+    :deep(.van-hairline--top-bottom) {
+      margin-top: -0.5px;
+    }
+  }
+  .filter-buttons {
+    @apply flex;
+
+    gap: 8px;
+    padding: 8px 4px;
+    background-color: var(--text-n10);
+    .half-px-border-bottom();
+  }
+</style>
diff --git a/frontend/packages/mobile/src/views/opportunity/detail.vue b/frontend/packages/mobile/src/views/opportunity/detail.vue
new file mode 100644
index 0000000..5e0d980
--- /dev/null
+++ b/frontend/packages/mobile/src/views/opportunity/detail.vue
@@ -0,0 +1,279 @@
+<template>
+  <CrmPageWrapper :title="route.query.name?.toString() || ''">
+    <van-tabs v-model:active="activeTab" border class="detail-tabs">
+      <van-tab v-for="tab of tabList" :key="tab.name" :name="tab.name">
+        <template #title>
+          <div class="text-[16px]" :class="activeTab === tab.name ? 'text-[var(--primary-8)]' : ''">
+            {{ tab.title }}
+          </div>
+        </template>
+        <div v-if="tab.name === 'info'" class="relative h-full overflow-auto bg-[var(--text-n9)]">
+          <div class="bg-[var(--text-n9)] p-[16px]">
+            <CrmWorkflowCard
+              v-model:stage="currentStatus"
+              :stage-config-list="stageConfig?.stageConfigList || []"
+              :form-stage-key="FormDesignKeyEnum.BUSINESS"
+              :show-confirm-status="true"
+              :title="t('opportunity.progress')"
+              is-limit-back
+              :back-stage-permission="['OPPORTUNITY_MANAGEMENT:UPDATE', 'OPPORTUNITY_MANAGEMENT:RESIGN']"
+              :source-id="sourceId"
+              :operation-permission="['OPPORTUNITY_MANAGEMENT:UPDATE']"
+              :failure-reason="lastFailureReason"
+              :afoot-roll-back="stageConfig?.afootRollBack"
+              :end-roll-back="stageConfig?.endRollBack"
+              @load-detail="() => initStage(true)"
+            />
+          </div>
+          <CrmDescription :description="descriptions" />
+        </div>
+        <CrmContactList
+          v-else-if="tab.name === 'contact'"
+          :source-id="route.query.id?.toString()"
+          :form-key="FormDesignKeyEnum.BUSINESS_CONTACT"
+          readonly
+        />
+        <CrmFollowRecordList
+          v-else-if="tab.name === 'record'"
+          ref="recordListRef"
+          :source-id="sourceId"
+          :type="FormDesignKeyEnum.FOLLOW_RECORD_BUSINESS"
+          :readonly="readonly"
+          :initial-source-name="initialSourceName"
+        />
+        <CrmFollowPlanList
+          v-else-if="tab.name === 'plan'"
+          ref="planListRef"
+          :source-id="sourceId"
+          :type="FormDesignKeyEnum.FOLLOW_PLAN_BUSINESS"
+          :readonly="readonly"
+          :initial-source-name="initialSourceName"
+        />
+      </van-tab>
+    </van-tabs>
+    <template
+      v-if="activeTab === 'info' && (showEditButton || hasAnyPermission(['OPPORTUNITY_MANAGEMENT:DELETE']))"
+      #footer
+    >
+      <CrmActionButtons :show-edit-button="showEditButton" :actions="actions" @select="handleMoreSelect" />
+    </template>
+  </CrmPageWrapper>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { useRoute, useRouter } from 'vue-router';
+  import { showConfirmDialog, showSuccessToast } from 'vant';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { OpportunityStageConfig } from '@lib/shared/models/opportunity';
+
+  import CrmDescription from '@/components/pure/crm-description/index.vue';
+  import CrmPageWrapper from '@/components/pure/crm-page-wrapper/index.vue';
+  import CrmActionButtons, { CrmActionButtonsItem } from '@/components/business/crm-action-buttons/index.vue';
+  import CrmContactList from '@/components/business/crm-contact-list/index.vue';
+  import CrmFollowPlanList from '@/components/business/crm-follow-list/followPlan.vue';
+  import CrmFollowRecordList from '@/components/business/crm-follow-list/followRecord.vue';
+  import CrmWorkflowCard from '@/components/business/crm-workflow-card/index.vue';
+
+  import { deleteOpt, getOpportunityStageConfig } from '@/api/modules';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+  import { hasAllPermission, hasAnyPermission } from '@/utils/permission';
+
+  import { CommonRouteEnum, CustomerRouteEnum, OpportunityRouteEnum } from '@/enums/routeEnum';
+
+  defineOptions({
+    name: OpportunityRouteEnum.OPPORTUNITY_DETAIL,
+  });
+  const route = useRoute();
+  const { t } = useI18n();
+  const router = useRouter();
+
+  const activeTab = ref('info');
+  const tabList = [
+    {
+      name: 'info',
+      title: t('opportunity.info'),
+    },
+    {
+      name: 'contact',
+      title: t('menu.contact'),
+    },
+    {
+      name: 'record',
+      title: t('common.record'),
+    },
+    {
+      name: 'plan',
+      title: t('common.plan'),
+    },
+  ];
+
+  const sourceId = computed(() => route.query.id?.toString() ?? '');
+  const stageConfig = ref<OpportunityStageConfig>();
+  async function initStageConfig() {
+    try {
+      stageConfig.value = await getOpportunityStageConfig();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+  const { descriptions, initFormConfig, initFormDescription, detail } = useFormCreateApi({
+    formKey: FormDesignKeyEnum.BUSINESS,
+    sourceId,
+    needInitDetail: true,
+  });
+
+  const initialSourceName = computed(() => {
+    const { customerName, customerId, name } = detail.value;
+
+    return JSON.stringify({
+      name,
+      customerName,
+      customerId,
+    });
+  });
+
+  const currentStatus = ref<string>(stageConfig.value?.stageConfigList?.[0].id || '');
+
+  const lastFailureReason = ref('');
+  async function initStage(isInit = false) {
+    if (isInit) {
+      initFormDescription();
+    }
+
+    const { stage, failureReason } = detail.value;
+    currentStatus.value = stage;
+    lastFailureReason.value = failureReason;
+  }
+
+  const isSuccess = computed(
+    () =>
+      currentStatus.value === stageConfig.value?.stageConfigList.find((e) => e.type === 'END' && e.rate === '100')?.id
+  );
+  const isFail = computed(
+    () => currentStatus.value === stageConfig.value?.stageConfigList.find((e) => e.type === 'END' && e.rate === '0')?.id
+  );
+
+  const readonly = computed(() => !hasAllPermission(['OPPORTUNITY_MANAGEMENT:UPDATE']));
+
+  const showEditButton = computed(() => {
+    if (isFail.value) return false;
+    if (isSuccess.value) return hasAllPermission(['OPPORTUNITY_MANAGEMENT:UPDATE', 'OPPORTUNITY_MANAGEMENT:RESIGN']);
+    return hasAllPermission(['OPPORTUNITY_MANAGEMENT:UPDATE']);
+  });
+  const actions = computed<CrmActionButtonsItem[]>(() => {
+    const transferAction: CrmActionButtonsItem[] = [
+      {
+        key: 'transfer',
+        text: t('common.transfer'),
+        permission: ['OPPORTUNITY_MANAGEMENT:TRANSFER'],
+      },
+    ];
+
+    const deleteAction: CrmActionButtonsItem[] = [
+      {
+        key: 'delete',
+        text: t('common.delete'),
+        color: 'var(--error-red)',
+        permission: ['OPPORTUNITY_MANAGEMENT:DELETE'],
+      },
+    ];
+
+    return isSuccess.value ? [...deleteAction] : [...transferAction, ...deleteAction];
+  });
+
+  function handleTransfer(id: string) {
+    router.push({
+      name: CustomerRouteEnum.CUSTOMER_TRANSFER,
+      query: {
+        id,
+        apiKey: FormDesignKeyEnum.BUSINESS,
+      },
+    });
+  }
+
+  function handleMoreSelect(key: string) {
+    switch (key) {
+      case 'edit':
+        router.push({
+          name: CommonRouteEnum.FORM_CREATE,
+          query: {
+            id: sourceId.value,
+            formKey: FormDesignKeyEnum.BUSINESS,
+            needInitDetail: 'Y',
+          },
+        });
+        break;
+      case 'transfer':
+        handleTransfer(sourceId.value);
+        break;
+      case 'delete':
+        showConfirmDialog({
+          title: t('opportunity.deleteTitle'),
+          message: t('opportunity.deleteContentTip'),
+          confirmButtonText: t('common.confirmDelete'),
+          confirmButtonColor: 'var(--error-red)',
+          beforeClose: async (action) => {
+            if (action === 'confirm') {
+              try {
+                await deleteOpt(sourceId.value);
+                showSuccessToast(t('common.deleteSuccess'));
+                router.back();
+                return Promise.resolve(true);
+              } catch (error) {
+                // eslint-disable-next-line no-console
+                console.log(error);
+                return Promise.resolve(false);
+              }
+            } else {
+              return Promise.resolve(true);
+            }
+          },
+        });
+        break;
+      default:
+        break;
+    }
+  }
+
+  const recordListRef = ref<InstanceType<typeof CrmFollowRecordList>[]>();
+  const planListRef = ref<InstanceType<typeof CrmFollowPlanList>[]>();
+
+  onActivated(() => {
+    if (activeTab.value === 'record') {
+      recordListRef.value?.[0].loadList();
+    } else if (activeTab.value === 'plan') {
+      planListRef.value?.[0].loadList();
+    } else if (activeTab.value === 'info') {
+      initFormDescription();
+    }
+  });
+
+  onBeforeMount(async () => {
+    initStageConfig();
+    await initFormConfig();
+    initFormDescription();
+  });
+
+  watch([() => detail.value.stage, () => detail.value.lastStage], () => {
+    initStage(false);
+  });
+</script>
+
+<style lang="less" scoped>
+  :deep(.crm-page-content) {
+    @apply !overflow-hidden;
+  }
+  .detail-tabs {
+    @apply flex-1 overflow-hidden;
+    :deep(.van-tabs__content) {
+      height: calc(100% - var(--van-tabs-line-height));
+      .van-tab__panel {
+        @apply h-full;
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/mobile/src/views/opportunity/index.vue b/frontend/packages/mobile/src/views/opportunity/index.vue
new file mode 100644
index 0000000..6abbf9a
--- /dev/null
+++ b/frontend/packages/mobile/src/views/opportunity/index.vue
@@ -0,0 +1,298 @@
+<template>
+  <div class="flex h-full flex-col overflow-hidden">
+    <CrmPageHeader :title="t('common.opportunity')" hide-back />
+    <div class="mt-[48px] flex items-center gap-[12px] bg-[var(--text-n10)] p-[8px_16px]">
+      <van-button
+        v-permission="['OPPORTUNITY_MANAGEMENT:ADD']"
+        plain
+        icon="plus"
+        type="primary"
+        size="small"
+        @click="goCreate"
+      >
+      </van-button>
+      <van-search
+        v-model="keyword"
+        shape="round"
+        :placeholder="t('opportunity.searchPlaceholder')"
+        class="crm-search"
+        @search="search"
+        @clear="clear"
+      />
+    </div>
+    <div class="filter-buttons">
+      <van-button
+        v-for="item of tabList"
+        :key="item.name"
+        round
+        size="small"
+        class="!border-none !px-[16px] !py-[4px] !text-[14px]"
+        :class="
+          activeFilter === item.name
+            ? '!bg-[var(--primary-7)] !text-[var(--primary-8)]'
+            : '!bg-[var(--text-n9)] !text-[var(--text-n1)]'
+        "
+        @click="activeFilter = item.name"
+      >
+        {{ item.tab }}
+      </van-button>
+    </div>
+
+    <div class="flex-1 overflow-hidden">
+      <CrmList
+        ref="crmListRef"
+        :close-init-load="!activeFilter"
+        :keyword="keyword"
+        :load-list-api="getOpportunityList"
+        :list-params="listParams"
+        class="p-[16px]"
+        :item-gap="16"
+        :transform="transformFormData"
+      >
+        <template #item="{ item }">
+          <CrmListCommonItem :item="item" :actions="actions(item)" @click="(val)=>goDetail(val as OpportunityItem)" />
+        </template>
+      </CrmList>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { useRouter } from 'vue-router';
+  import { closeToast, showConfirmDialog, showLoadingToast, showSuccessToast } from 'vant';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { OpportunitySearchTypeEnum } from '@lib/shared/enums/opportunityEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { OpportunityItem, OpportunityStageConfig } from '@lib/shared/models/opportunity';
+
+  import CrmList from '@/components/pure/crm-list/index.vue';
+  import CrmPageHeader from '@/components/pure/crm-page-header/index.vue';
+
+  import { deleteOpt, getOpportunityList, getOpportunityStageConfig } from '@/api/modules';
+  import useFormCreateTransform from '@/hooks/useFormCreateTransform';
+  import useHiddenTab from '@/hooks/useHiddenTab';
+  import { hasAllPermission } from '@/utils/permission';
+
+  import { CommonRouteEnum, CustomerRouteEnum, OpportunityRouteEnum } from '@/enums/routeEnum';
+
+  defineOptions({
+    name: OpportunityRouteEnum.OPPORTUNITY_INDEX,
+  });
+  const router = useRouter();
+  const { t } = useI18n();
+
+  const keyword = ref('');
+  const crmListRef = ref<InstanceType<typeof CrmList>>();
+  const stageConfig = ref<OpportunityStageConfig>();
+  async function initStageConfig() {
+    try {
+      stageConfig.value = await getOpportunityStageConfig();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+  const failureStage = computed(() =>
+    stageConfig.value?.stageConfigList.find((e) => e.type === 'END' && e.rate === '0')
+  );
+  const successStage = computed(() =>
+    stageConfig.value?.stageConfigList.find((e) => e.type === 'END' && e.rate === '100')
+  );
+
+  const filterButtons = [
+    {
+      name: OpportunitySearchTypeEnum.ALL,
+      tab: t('opportunity.all'),
+    },
+    {
+      name: OpportunitySearchTypeEnum.SELF,
+      tab: t('opportunity.mine'),
+    },
+    {
+      name: OpportunitySearchTypeEnum.DEPARTMENT,
+      tab: t('opportunity.deptOpportunities'),
+    },
+    {
+      name: OpportunitySearchTypeEnum.OPPORTUNITY_SUCCESS,
+      tab: t('opportunity.convertedOpportunities'),
+    },
+  ];
+  const { tabList, activeFilter } = useHiddenTab(filterButtons, FormDesignKeyEnum.BUSINESS);
+
+  const listParams = computed(() => {
+    return {
+      viewId: activeFilter.value,
+      keyword: keyword.value,
+    };
+  });
+
+  function handleTransfer(id: string) {
+    router.push({
+      name: CustomerRouteEnum.CUSTOMER_TRANSFER,
+      query: {
+        id,
+        apiKey: FormDesignKeyEnum.BUSINESS,
+      },
+    });
+  }
+
+  const hasBackStagePermission = computed(() =>
+    hasAllPermission(['OPPORTUNITY_MANAGEMENT:UPDATE', 'OPPORTUNITY_MANAGEMENT:RESIGN'])
+  );
+
+  const actions = computed(() => {
+    return (row: OpportunityItem) => {
+      const transferAction = [
+        {
+          label: t('common.transfer'),
+          icon: 'iconicon_jump',
+          permission: ['OPPORTUNITY_MANAGEMENT:TRANSFER'],
+          action: (item: OpportunityItem) => {
+            handleTransfer(item.id);
+          },
+        },
+      ];
+
+      const editAction = [
+        {
+          label: t('common.edit'),
+          icon: 'iconicon_handwritten_signature',
+          permission: ['OPPORTUNITY_MANAGEMENT:UPDATE'],
+          action: (item: OpportunityItem) => {
+            router.push({
+              name: CommonRouteEnum.FORM_CREATE,
+              query: {
+                id: item.id,
+                formKey: FormDesignKeyEnum.BUSINESS,
+                needInitDetail: 'Y',
+              },
+            });
+          },
+        },
+      ];
+
+      if (row.stage === failureStage.value?.id) {
+        return transferAction;
+      }
+
+      if (row.stage === successStage.value?.id) {
+        return hasBackStagePermission.value ? editAction : [];
+      }
+
+      return [
+        ...editAction,
+        {
+          label: t('common.writeRecord'),
+          icon: 'iconicon_handwritten_signature',
+          permission: ['OPPORTUNITY_MANAGEMENT:UPDATE'],
+          action: (item: OpportunityItem) => {
+            const { customerName, customerId, name } = item;
+            const initialSourceName = JSON.stringify({
+              name,
+              customerName,
+              customerId,
+            });
+            router.push({
+              name: CommonRouteEnum.FORM_CREATE,
+              query: {
+                id: item.id,
+                formKey: FormDesignKeyEnum.FOLLOW_RECORD_BUSINESS,
+                initialSourceName,
+              },
+            });
+          },
+        },
+        ...transferAction,
+        {
+          label: t('common.delete'),
+          icon: 'iconicon_delete',
+          permission: ['OPPORTUNITY_MANAGEMENT:DELETE'],
+          action: (item: OpportunityItem) => {
+            showConfirmDialog({
+              title: t('opportunity.deleteTitle'),
+              message: t('opportunity.deleteContentTip'),
+              confirmButtonText: t('common.confirmDelete'),
+              confirmButtonColor: 'var(--error-red)',
+              beforeClose: async (action) => {
+                if (action === 'confirm') {
+                  try {
+                    await deleteOpt(item.id);
+                    showSuccessToast(t('common.deleteSuccess'));
+                    crmListRef.value?.loadList(true);
+                    return Promise.resolve(true);
+                  } catch (error) {
+                    // eslint-disable-next-line no-console
+                    console.log(error);
+                    return Promise.resolve(false);
+                  }
+                } else {
+                  return Promise.resolve(true);
+                }
+              },
+            });
+          },
+        },
+      ];
+    };
+  });
+
+  const { transformFormData } = await useFormCreateTransform(FormDesignKeyEnum.CUSTOMER);
+
+  async function search() {
+    showLoadingToast(t('common.searching'));
+    await crmListRef.value?.loadList(true);
+    closeToast();
+  }
+
+  function goCreate() {
+    router.push({
+      name: CommonRouteEnum.FORM_CREATE,
+      query: {
+        formKey: FormDesignKeyEnum.BUSINESS,
+      },
+    });
+  }
+
+  function goDetail(item: OpportunityItem) {
+    const { id, name } = item;
+    router.push({
+      name: OpportunityRouteEnum.OPPORTUNITY_DETAIL,
+      query: {
+        id,
+        name,
+      },
+    });
+  }
+
+  function clear() {
+    nextTick(() => {
+      search();
+    });
+  }
+
+  watch(
+    () => activeFilter.value,
+    () => {
+      nextTick(() => {
+        crmListRef.value?.loadList(true);
+      });
+    }
+  );
+
+  onActivated(() => {
+    initStageConfig();
+    crmListRef.value?.loadList(true);
+  });
+</script>
+
+<style lang="less" scoped>
+  .filter-buttons {
+    @apply flex;
+
+    gap: 8px;
+    padding: 8px 4px;
+    background-color: var(--text-n10);
+    .half-px-border-bottom();
+  }
+</style>
diff --git a/frontend/packages/mobile/src/views/opportunity/locale/en-US.ts b/frontend/packages/mobile/src/views/opportunity/locale/en-US.ts
new file mode 100644
index 0000000..b6f255a
--- /dev/null
+++ b/frontend/packages/mobile/src/views/opportunity/locale/en-US.ts
@@ -0,0 +1,30 @@
+export default {
+  'opportunity.searchPlaceholder': 'Please enter opportunity name',
+  'opportunity.all': 'All',
+  'opportunity.mine': 'My opportunities',
+  'opportunity.deptOpportunities': 'Department opportunities',
+  'opportunity.convertedOpportunities': 'Converted opportunities',
+  'opportunity.deleteTitle': 'Confirm delete opportunity?',
+  'opportunity.deleteContentTip': 'Deleted, members cannot find this opportunity, please be careful!',
+  'opportunity.info': 'Opportunity Information',
+  'opportunity.newCreate': 'New create',
+  'opportunity.clearRequirements': 'Clear requirements',
+  'opportunity.schemeValidation': 'Solution validation',
+  'opportunity.projectProposalReport': 'Project proposal report',
+  'opportunity.businessProcurement': 'Opportunity procurement',
+  'opportunity.end': 'End',
+  'opportunity.progress': 'Opportunity progress',
+  'opportunity.intendedProducts': 'Intended products',
+  'opportunity.stage': 'Opportunity stage',
+  'opportunity.name': 'Opportunity name',
+  'opportunity.transferOpportunity': 'Transfer opportunity',
+  'opportunity.endTime': 'End time',
+  'opportunity.selectActualEndTime': 'Please select an end time',
+  'opportunity.failureReason': 'Failure reason',
+  'opportunity.selectFailureReason': 'Please select a failure reason',
+  'opportunity.customerChooseCompetitor': 'Account choose competitor',
+  'opportunity.projectFailed': 'Project failed',
+  'opportunity.complexDecisionChain': 'Complex decision chain',
+  'opportunity.budgetLimit': 'Budget limit',
+  'opportunity.requirementChange': 'Requirement change',
+};
diff --git a/frontend/packages/mobile/src/views/opportunity/locale/zh-CN.ts b/frontend/packages/mobile/src/views/opportunity/locale/zh-CN.ts
new file mode 100644
index 0000000..eff5a87
--- /dev/null
+++ b/frontend/packages/mobile/src/views/opportunity/locale/zh-CN.ts
@@ -0,0 +1,30 @@
+export default {
+  'opportunity.searchPlaceholder': '请输商机名称',
+  'opportunity.all': '全部',
+  'opportunity.mine': '我的',
+  'opportunity.deptOpportunities': '部门',
+  'opportunity.convertedOpportunities': '成交',
+  'opportunity.deleteTitle': '确认删除商机吗？',
+  'opportunity.deleteContentTip': '删除后，成员无法查到该商机，请谨慎操作！',
+  'opportunity.info': '商机信息',
+  'opportunity.newCreate': '新建',
+  'opportunity.clearRequirements': '需求明确',
+  'opportunity.schemeValidation': '方案验证',
+  'opportunity.projectProposalReport': '立项汇报',
+  'opportunity.businessProcurement': '商务采购',
+  'opportunity.end': '完结',
+  'opportunity.progress': '商机进度',
+  'opportunity.intendedProducts': '意向产品',
+  'opportunity.stage': '商机阶段',
+  'opportunity.name': '商机名称',
+  'opportunity.transferOpportunity': '转移商机',
+  'opportunity.endTime': '结束时间',
+  'opportunity.selectActualEndTime': '请选择结束时间',
+  'opportunity.failureReason': '失败原因',
+  'opportunity.selectFailureReason': '请选择失败原因',
+  'opportunity.customerChooseCompetitor': '客户选择竞品',
+  'opportunity.projectFailed': '立项失败',
+  'opportunity.complexDecisionChain': '决策链复杂',
+  'opportunity.budgetLimit': '预算限制',
+  'opportunity.requirementChange': '需求变化',
+};
diff --git a/frontend/packages/mobile/src/views/workbench/agent/index.vue b/frontend/packages/mobile/src/views/workbench/agent/index.vue
new file mode 100644
index 0000000..880532f
--- /dev/null
+++ b/frontend/packages/mobile/src/views/workbench/agent/index.vue
@@ -0,0 +1,135 @@
+<template>
+  <div class="flex h-full flex-col overflow-hidden">
+    <CrmPageHeader :title="selectedAgentName">
+      <template #rightSlot>
+        <CrmIcon name="iconview-list" width="24px" height="24px" color="var(--text-n2)" @click="selectAgent" />
+      </template>
+    </CrmPageHeader>
+    <div class="mt-[48px] flex flex-1 flex-col">
+      <div class="h-full" v-html="activeAgentScript"></div>
+    </div>
+
+    <van-popup v-model:show="showAgent" position="right" :style="{ width: '75%', height: '100%' }">
+      <CrmPageWrapper :title="t('workbench.agent.select')" hide-back>
+        <div class="flex h-full flex-col overflow-hidden">
+          <div class="flex-1 overflow-hidden px-[16px]">
+            <CrmSelectList
+              v-model:value="tempActiveAgent"
+              v-model:selected-rows="selectedRows"
+              :data="agentList"
+              :multiple="false"
+              no-page-nation
+            />
+          </div>
+        </div>
+        <template #footer>
+          <div class="flex items-center gap-[16px]">
+            <van-button
+              type="primary"
+              plain
+              class="!rounded-[var(--border-radius-small)] !text-[16px]"
+              block
+              :disabled="!selectedRows.length"
+              @click="onConfirm"
+            >
+              {{ t('common.confirm') }}
+            </van-button>
+          </div>
+        </template>
+      </CrmPageWrapper>
+    </van-popup>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmPageWrapper from '@/components/pure/crm-page-wrapper/index.vue';
+  import CrmSelectList from '@/components/business/crm-select-list/index.vue';
+
+  import { getAgentOptions } from '@/api/modules';
+  import useUserStore from '@/store/modules/user';
+
+  const { t } = useI18n();
+
+  const userStore = useUserStore();
+  const showAgent = ref(false);
+
+  const activeAgent = ref<string>(localStorage.getItem('crm-agent-drawer-active-agent') || '');
+  const tempActiveAgent = ref<string>(activeAgent.value);
+  const agentList = ref<Record<string, any>[]>([]);
+  const selectedRows = ref<Record<string, any>[]>([]);
+  const firstValidApiKey = computed(() => userStore.apiKeyList.find((key) => !key.isExpire && key.enable));
+  const selectedAgentName = computed(() => agentList.value.find((agent) => agent.id === activeAgent.value)?.name ?? '');
+  const activeAgentScript = computed(() => {
+    const script = (agentList.value.find((agent) => agent.id === activeAgent.value)?.script as string) || '';
+    let result = script.replace(/\$\{ak\}/g, firstValidApiKey.value?.accessKey || '');
+    result = result.replace(/\$\{sk\}/g, firstValidApiKey.value?.secretKey || '');
+    result = result.replace(/\$\{username\}/g, userStore.userInfo.name);
+    return result;
+  });
+
+  function selectAgent() {
+    tempActiveAgent.value = activeAgent.value;
+    selectedRows.value = agentList.value.filter((agent) => agent.id === tempActiveAgent.value);
+    showAgent.value = true;
+  }
+
+  const loading = ref(false);
+  async function initAgentList() {
+    try {
+      loading.value = true;
+      agentList.value = await getAgentOptions();
+
+      const hasAgentId = agentList.value.find((agent) => agent.id === activeAgent.value);
+      if ((!activeAgent.value && agentList.value.length > 0) || (activeAgent.value && !hasAgentId)) {
+        activeAgent.value = agentList.value[0]?.id ?? '';
+        if (activeAgent.value) {
+          localStorage.setItem('crm-agent-drawer-active-agent', activeAgent.value);
+        } else {
+          localStorage.removeItem('crm-agent-drawer-active-agent');
+        }
+      } else if (agentList.value.length === 0) {
+        localStorage.removeItem('crm-agent-drawer-active-agent');
+        activeAgent.value = '';
+      }
+
+      selectedRows.value = agentList.value.filter((agent) => agent.id === activeAgent.value);
+      tempActiveAgent.value = activeAgent.value;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  function onConfirm() {
+    activeAgent.value = tempActiveAgent.value;
+    localStorage.setItem('crm-agent-drawer-active-agent', activeAgent.value ?? '');
+    showAgent.value = false;
+  }
+
+  function initAPIKeyConfig() {
+    userStore.initApiKeyList();
+    initAgentList();
+  }
+
+  watch(
+    () => showAgent.value,
+    (val) => {
+      if (val) {
+        initAPIKeyConfig();
+      }
+    }
+  );
+
+  onBeforeMount(() => {
+    initAPIKeyConfig();
+  });
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/mobile/src/views/workbench/duplicateCheck/components/relatedList.vue b/frontend/packages/mobile/src/views/workbench/duplicateCheck/components/relatedList.vue
new file mode 100644
index 0000000..20e1c31
--- /dev/null
+++ b/frontend/packages/mobile/src/views/workbench/duplicateCheck/components/relatedList.vue
@@ -0,0 +1,201 @@
+<template>
+  <CrmList
+    ref="crmListRef"
+    v-model="list"
+    not-show-loading-toast
+    class="max-h-[calc(100vh-224px)]"
+    :list-params="{
+      keyword: props.keyword,
+      ...(props.id ? { id: props.id } : {}),
+    }"
+    :load-list-api="api"
+    :transform="props.transformData"
+    :item-gap="16"
+  >
+    <template #item="{ item: listItem }">
+      <div
+        class="rounded-[var(--border-radius-small)] !bg-[var(--text-n9)] py-[16px]"
+        @click="goDetail(listItem, props.searchTableKey === FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT)"
+      >
+        <CrmDescription :description="getDescriptions(listItem)">
+          <template #createTime="{ item }">
+            {{ dayjs(item.createTime).format('YYYY-MM-DD HH:mm:ss') }}
+          </template>
+          <template #render="{ item }">
+            <div v-if="typeof item.render === 'function'">
+              {{ item.render(listItem) }}
+            </div>
+          </template>
+          <template #customerName>
+            <CrmTextButton
+              :color="listItem.hasPermission ? 'var(--primary-8)' : 'var(--text-n1)'"
+              :text="listItem.customerName"
+              @click="goDetail(listItem, true)"
+            />
+          </template>
+          <template #name>
+            <CrmTextButton
+              :color="listItem.hasPermission ? 'var(--primary-8)' : 'var(--text-n1)'"
+              :text="listItem.name"
+              @click="goDetail(listItem)"
+            />
+          </template>
+        </CrmDescription>
+      </div>
+    </template>
+  </CrmList>
+</template>
+
+<script setup lang="ts">
+  import { useRouter } from 'vue-router';
+  import dayjs from 'dayjs';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { CommonList } from '@lib/shared/models/common';
+
+  import CrmDescription, { CrmDescriptionItem } from '@/components/pure/crm-description/index.vue';
+  import CrmList from '@/components/pure/crm-list/index.vue';
+  import CrmTextButton from '@/components/pure/crm-text-button/index.vue';
+
+  import { ClueRouteEnum, CustomerRouteEnum, OpportunityRouteEnum } from '@/enums/routeEnum';
+
+  import { SearchTableKey } from '../config';
+
+  const props = defineProps<{
+    keyword: string;
+    searchTableKey: SearchTableKey;
+    id?: string;
+    descriptionList?: CrmDescriptionItem[];
+    api: (data: any) => Promise<CommonList<any>>;
+    nameKey?: string; // 取数据里的nameKey字段显示在标题上
+    transformData?: (i: any) => Record<string, any>;
+  }>();
+
+  const { t } = useI18n();
+  const router = useRouter();
+
+  const crmListRef = ref<InstanceType<typeof CrmList>>();
+  const list = defineModel<any[]>({
+    default: () => [],
+  });
+
+  const code = computed(() => crmListRef.value?.code);
+  async function loadList() {
+    await crmListRef.value?.loadList(true);
+  }
+
+  function getDescriptions(item: Record<string, any>) {
+    return props.descriptionList?.map((column) => ({
+      ...column,
+      value: item[column.key as string],
+    })) as CrmDescriptionItem[];
+  }
+
+  function goCustomerDetail(item: Record<string, any>) {
+    router.push({
+      name: CustomerRouteEnum.CUSTOMER_DETAIL,
+      query: {
+        id: item.id,
+        name: item.name,
+        needInitDetail: 'Y',
+      },
+    });
+  }
+
+  function goOptOrAccountDetail(item: Record<string, any>, isAccount = false) {
+    if (isAccount) {
+      router.push({
+        name:
+          item.inSharedPool || item.inCustomerPool
+            ? CustomerRouteEnum.CUSTOMER_OPENSEA_DETAIL
+            : CustomerRouteEnum.CUSTOMER_DETAIL,
+        query: {
+          id: item.customerId,
+          name: item.customerName,
+          needInitDetail: 'Y',
+        },
+      });
+    } else {
+      const { id, name } = item;
+      router.push({
+        name: OpportunityRouteEnum.OPPORTUNITY_DETAIL,
+        query: {
+          id,
+          name,
+        },
+      });
+    }
+  }
+
+  function goLeadDetail(item: Record<string, any>) {
+    router.push({
+      name: ClueRouteEnum.CLUE_DETAIL,
+      query: {
+        id: item.id,
+        name: item.name,
+        transitionType: item.transitionType,
+        needInitDetail: 'Y',
+      },
+    });
+  }
+
+  function goLeadPoolDetail(item: Record<string, any>) {
+    router.push({
+      name: ClueRouteEnum.CLUE_POOL_DETAIL,
+      query: {
+        id: item.id,
+        name: item.name,
+        needInitDetail: 'Y',
+      },
+    });
+  }
+
+  function goPublicPoolDetail(item: Record<string, any>) {
+    router.push({
+      name: CustomerRouteEnum.CUSTOMER_OPENSEA_DETAIL,
+      query: {
+        id: item.id,
+        name: item.name,
+        needInitDetail: 'Y',
+      },
+    });
+  }
+
+  const goDetailMap: Record<SearchTableKey, (data: any, value?: any) => void> = {
+    [FormDesignKeyEnum.SEARCH_ADVANCED_CLUE]: goLeadDetail,
+    [FormDesignKeyEnum.SEARCH_ADVANCED_CUSTOMER]: goCustomerDetail,
+    [FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT]: goOptOrAccountDetail,
+    [FormDesignKeyEnum.SEARCH_ADVANCED_PUBLIC]: goPublicPoolDetail,
+    [FormDesignKeyEnum.SEARCH_ADVANCED_CLUE_POOL]: goLeadPoolDetail,
+    [FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY]: goOptOrAccountDetail,
+  };
+
+  function goDetail(listItem: Record<string, any>, isCustomerName = false) {
+    if (!listItem.hasPermission) return;
+    goDetailMap[props.searchTableKey](listItem, isCustomerName);
+  }
+
+  defineExpose({
+    loadList,
+    code,
+  });
+</script>
+
+<style lang="less" scoped>
+  :deep(.crm-description) {
+    margin: 0;
+    padding: 0;
+    background: var(--text-n9);
+    gap: 4px;
+  }
+  :deep(.crm-description-item) {
+    .crm-description-label {
+      font-size: 12px;
+      color: var(--text-n4);
+    }
+    .crm-description-value {
+      font-size: 12px;
+    }
+  }
+</style>
diff --git a/frontend/packages/mobile/src/views/workbench/duplicateCheck/config.ts b/frontend/packages/mobile/src/views/workbench/duplicateCheck/config.ts
new file mode 100644
index 0000000..110cbde
--- /dev/null
+++ b/frontend/packages/mobile/src/views/workbench/duplicateCheck/config.ts
@@ -0,0 +1,77 @@
+import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+import { ModuleConfigEnum } from '@lib/shared/enums/moduleEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+import { DefaultSearchSetFormModel } from '@lib/shared/models/system/module';
+
+import useAppStore from '@/store/modules/app';
+import { hasAnyPermission } from '@/utils/permission';
+
+const { t } = useI18n();
+const appStore = useAppStore();
+
+export type SearchTableKey =
+  | FormDesignKeyEnum.SEARCH_ADVANCED_CLUE
+  | FormDesignKeyEnum.SEARCH_ADVANCED_CUSTOMER
+  | FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT
+  | FormDesignKeyEnum.SEARCH_ADVANCED_PUBLIC
+  | FormDesignKeyEnum.SEARCH_ADVANCED_CLUE_POOL
+  | FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY;
+
+export interface ScopedOptions {
+  label: string;
+  value: SearchTableKey;
+  moduleKey: ModuleConfigEnum;
+  permission: string[];
+}
+
+export const scopedOptions = [
+  {
+    label: t('common.clue'),
+    value: FormDesignKeyEnum.SEARCH_ADVANCED_CLUE,
+    moduleKey: ModuleConfigEnum.CLUE_MANAGEMENT,
+    permission: ['CLUE_MANAGEMENT:READ'],
+  },
+  {
+    label: t('menu.cluePool'),
+    value: FormDesignKeyEnum.SEARCH_ADVANCED_CLUE_POOL,
+    moduleKey: ModuleConfigEnum.CLUE_MANAGEMENT,
+    permission: ['CLUE_MANAGEMENT_POOL:READ'],
+  },
+  {
+    label: t('common.customer'),
+    value: FormDesignKeyEnum.SEARCH_ADVANCED_CUSTOMER,
+    moduleKey: ModuleConfigEnum.CUSTOMER_MANAGEMENT,
+    permission: ['CUSTOMER_MANAGEMENT:READ'],
+  },
+  {
+    label: t('menu.openSea'),
+    value: FormDesignKeyEnum.SEARCH_ADVANCED_PUBLIC,
+    moduleKey: ModuleConfigEnum.CUSTOMER_MANAGEMENT,
+    permission: ['CUSTOMER_MANAGEMENT_POOL:READ'],
+  },
+  {
+    label: t('common.opportunity'),
+    value: FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY,
+    moduleKey: ModuleConfigEnum.BUSINESS_MANAGEMENT,
+    permission: ['OPPORTUNITY_MANAGEMENT:READ'],
+  },
+
+  {
+    label: t('common.contact'),
+    value: FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT,
+    moduleKey: ModuleConfigEnum.CUSTOMER_MANAGEMENT,
+    permission: ['CUSTOMER_MANAGEMENT_CONTACT:READ'],
+  },
+];
+
+export const lastScopedOptions = computed(() =>
+  scopedOptions.filter((e) =>
+    appStore.moduleConfigList?.some((m) => m.moduleKey === e.moduleKey && m.enable && hasAnyPermission(e.permission))
+  )
+);
+
+export const defaultSearchSetFormModel: DefaultSearchSetFormModel = {
+  searchFields: {}, // 字段map
+  resultDisplay: false, // 是否开启
+  sortSetting: [], // 排序列表
+};
diff --git a/frontend/packages/mobile/src/views/workbench/duplicateCheck/index.vue b/frontend/packages/mobile/src/views/workbench/duplicateCheck/index.vue
new file mode 100644
index 0000000..a8daa09
--- /dev/null
+++ b/frontend/packages/mobile/src/views/workbench/duplicateCheck/index.vue
@@ -0,0 +1,132 @@
+<template>
+  <CrmPageWrapper :title="t('workbench.duplicateCheck')">
+    <van-search
+      v-model="keyword"
+      shape="round"
+      :placeholder="t('workbench.searchPlaceholder')"
+      @update:model-value="refresh"
+    />
+    <div
+      v-show="keyword.length && !loading && !displayConfigList.length"
+      class="mt-[80px] text-center text-[var(--text-n4)]"
+    >
+      {{ t('workbench.duplicateCheck.noSearchData') }}
+    </div>
+
+    <van-collapse v-if="keyword.length" v-model="activeNames" :border="false">
+      <van-collapse-item v-for="item of displayConfigList" :key="item.value" :name="item.value" :border="false">
+        <template #icon>
+          <CrmIcon
+            :name="activeNames.includes(item.value) ? 'iconicon_chevron_up' : 'iconicon_chevron_right'"
+            width="24px"
+            height="24px"
+          />
+        </template>
+        <template #title>
+          <div class="ml-[4px] text-[16px] font-semibold">
+            {{
+              t('workbench.duplicateCheck.searchTypeTitle', {
+                title: item.label,
+              })
+            }}
+            <span class="text-[var(--text-n4)]"> ({{ moduleCount?.[item.value] }}) </span>
+          </div>
+        </template>
+        <template #right-icon> </template>
+        <RelatedList
+          :ref="(el) => setRef(el, item.value)"
+          v-model="searchResultMap[item.value].list"
+          :keyword="keyword"
+          :description-list="searchResultMap[item.value as SearchTableKey]?.describe??[]"
+          :search-table-key="item.value"
+          :api="getSearchListApiMap[item.value as SearchTableKey]"
+          :transform-data="(i) => transformData(i, item.value)"
+        />
+      </van-collapse-item>
+    </van-collapse>
+  </CrmPageWrapper>
+</template>
+
+<script setup lang="ts">
+  import { debounce } from 'lodash-es';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmPageWrapper from '@/components/pure/crm-page-wrapper/index.vue';
+  import RelatedList from './components/relatedList.vue';
+
+  import { WorkbenchRouteEnum } from '@/enums/routeEnum';
+
+  import { SearchTableKey } from './config';
+  import useSearchFormConfig from './useSearchFormConfig';
+
+  const {
+    initSearchFormConfig,
+    searchResultMap,
+    getSearchListApiMap,
+    configList,
+    loading,
+    formModel,
+    moduleCount,
+    getCountList,
+    transformData,
+    initSearchDetail,
+    initSearchListConfig,
+  } = useSearchFormConfig();
+
+  defineOptions({
+    name: WorkbenchRouteEnum.WORKBENCH_DUPLICATE_CHECK,
+  });
+
+  const { t } = useI18n();
+
+  const keyword = ref('');
+  const activeNames = ref<FormDesignKeyEnum[]>([]);
+
+  const displayConfigList = computed(() => {
+    if (!formModel.value.resultDisplay) {
+      return configList.value;
+    }
+    return configList.value.filter((item) => moduleCount.value?.[item.value]);
+  });
+
+  const relatedListRefs = ref<Record<string, any>>({});
+  function setRef(el: any, key: string) {
+    if (el) {
+      relatedListRefs.value[key] = el;
+    } else {
+      delete relatedListRefs.value[key]; // 组件销毁时清除
+    }
+  }
+
+  const searchData = debounce(async (val) => {
+    await initSearchDetail();
+    await getCountList(val);
+    nextTick(() => {
+      Object.values(relatedListRefs.value).forEach((comp) => {
+        comp?.loadList?.();
+      });
+    });
+  }, 500);
+
+  async function refresh(val: string) {
+    if (!val) return;
+    searchData(val);
+  }
+
+  onMounted(async () => {
+    await initSearchFormConfig();
+    await initSearchDetail();
+    initSearchListConfig();
+  });
+</script>
+
+<style lang="less" scoped>
+  :deep(.van-collapse) {
+    .van-cell--clickable:active {
+      background: transparent;
+    }
+  }
+</style>
diff --git a/frontend/packages/mobile/src/views/workbench/duplicateCheck/useSearchFormConfig.ts b/frontend/packages/mobile/src/views/workbench/duplicateCheck/useSearchFormConfig.ts
new file mode 100644
index 0000000..8d5fea1
--- /dev/null
+++ b/frontend/packages/mobile/src/views/workbench/duplicateCheck/useSearchFormConfig.ts
@@ -0,0 +1,362 @@
+import { closeToast, showLoadingToast } from 'vant';
+import { cloneDeep } from 'lodash-es';
+import dayjs from 'dayjs';
+
+import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+import { CommonList } from '@lib/shared/models/common';
+import { DefaultSearchSetFormModel } from '@lib/shared/models/system/module';
+
+import {
+  getGlobalCluePoolList,
+  getGlobalCustomerContactList,
+  getGlobalCustomerList,
+  getGlobalModuleCount,
+  getGlobalOpenSeaCustomerList,
+  getGlobalSearchClueList,
+  getSearchConfig,
+  globalSearchOptPage,
+} from '@/api/modules';
+import { hasAnyPermission } from '@/utils/permission';
+
+import { defaultSearchSetFormModel, lastScopedOptions, ScopedOptions, scopedOptions, SearchTableKey } from './config';
+import { getFormConfigApiMap } from '@cordys/web/src/components/business/crm-form-create/config';
+
+export const getSearchListApiMap: Record<SearchTableKey, (data: any) => Promise<CommonList<any>>> = {
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CLUE]: getGlobalSearchClueList,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CUSTOMER]: getGlobalCustomerList,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT]: getGlobalCustomerContactList,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_PUBLIC]: getGlobalOpenSeaCustomerList,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CLUE_POOL]: getGlobalCluePoolList,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY]: globalSearchOptPage,
+};
+
+// 固定展示字段
+export const fixedFieldKeyListMap: Record<SearchTableKey, string[]> = {
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CLUE]: ['name', 'owner', 'departmentId', 'products'], // 公司名称 、负责人、部门、意向产品
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CLUE_POOL]: ['name', 'products', 'poolName'], // 公司名称 、意向产品、线索池名称
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CUSTOMER]: ['name', 'owner', 'departmentId'], // 客户名称、负责人、部门
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT]: ['customerId', 'name', 'phone', 'owner', 'departmentId'], // 客户名称、姓名、手机号、负责人、部门
+  [FormDesignKeyEnum.SEARCH_ADVANCED_PUBLIC]: ['name', 'poolName'], // 客户名称、公海名称
+  [FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY]: ['name', 'customerId', 'owner', 'departmentId', 'products', 'stage'], // 商机名称、客户名称、负责人、部门、意向产品、商机阶段
+};
+
+export default function useSearchFormConfig() {
+  const { t } = useI18n();
+
+  // 客户公海共用表单
+  const customerConfig = [FormDesignKeyEnum.SEARCH_ADVANCED_CUSTOMER, FormDesignKeyEnum.SEARCH_ADVANCED_PUBLIC];
+  // 联系人表单
+  const customerContactConfig = [FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT];
+  // 线索线索池共用表单
+  const clueConfig = [FormDesignKeyEnum.SEARCH_ADVANCED_CLUE_POOL, FormDesignKeyEnum.SEARCH_ADVANCED_CLUE];
+  // 商机表单
+  const opportunityConfig = [FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY];
+
+  const formScopedConfig = [
+    FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY,
+    FormDesignKeyEnum.SEARCH_ADVANCED_CUSTOMER,
+    FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT,
+    FormDesignKeyEnum.SEARCH_ADVANCED_CLUE,
+  ];
+
+  const searchFieldConfigType = [
+    FieldTypeEnum.INPUT,
+    FieldTypeEnum.PHONE,
+    FieldTypeEnum.DATA_SOURCE_MULTIPLE,
+    FieldTypeEnum.DATA_SOURCE,
+    FieldTypeEnum.SERIAL_NUMBER,
+  ];
+
+  // 表单类型配置映射表
+  const configMap: Partial<Record<FormDesignKeyEnum, FormDesignKeyEnum[]>> = {
+    [FormDesignKeyEnum.CUSTOMER]: customerConfig,
+    [FormDesignKeyEnum.CUSTOMER_CONTACT]: customerContactConfig,
+    [FormDesignKeyEnum.CLUE]: clueConfig,
+    [FormDesignKeyEnum.BUSINESS]: opportunityConfig,
+  };
+
+  const configPermissionMap: Partial<Record<FormDesignKeyEnum, string[]>> = {
+    [FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY]: ['OPPORTUNITY_MANAGEMENT:READ'],
+    [FormDesignKeyEnum.SEARCH_ADVANCED_CUSTOMER]: ['CUSTOMER_MANAGEMENT:READ', 'CUSTOMER_MANAGEMENT_POOL:READ'],
+    [FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT]: ['CUSTOMER_MANAGEMENT_CONTACT:READ'],
+    [FormDesignKeyEnum.SEARCH_ADVANCED_CLUE]: ['CLUE_MANAGEMENT:READ', 'CLUE_MANAGEMENT_POOL:READ'],
+  };
+
+  // 最终自定义字段对应的类型Map
+  const searchFieldMap = ref<Record<string, any[]>>({});
+  const allFieldMap = ref<Record<string, any[]>>({});
+  const configList = ref<ScopedOptions[]>([]);
+  const formModel = ref<DefaultSearchSetFormModel>(cloneDeep(defaultSearchSetFormModel));
+  const searchResultMap = ref<Record<SearchTableKey, Record<string, any>>>({
+    [FormDesignKeyEnum.SEARCH_ADVANCED_CLUE]: {
+      describe: [],
+      list: [],
+    },
+    [FormDesignKeyEnum.SEARCH_ADVANCED_CUSTOMER]: {
+      describe: [],
+      list: [],
+    },
+    [FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT]: {
+      describe: [],
+      list: [],
+    },
+    [FormDesignKeyEnum.SEARCH_ADVANCED_PUBLIC]: {
+      describe: [],
+      list: [],
+    },
+    [FormDesignKeyEnum.SEARCH_ADVANCED_CLUE_POOL]: {
+      describe: [],
+      list: [],
+    },
+    [FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY]: {
+      describe: [],
+      list: [],
+    },
+  });
+
+  async function initSearchFormConfig() {
+    try {
+      const uniqueConfigs = [...new Set(formScopedConfig)];
+
+      const promises = uniqueConfigs.map(async (value) => {
+        const configKey = Object.keys(configMap).find((key) =>
+          (configMap[key as FormDesignKeyEnum] as FormDesignKeyEnum[]).includes(value)
+        );
+
+        if (!configKey) return;
+        if (!hasAnyPermission(configPermissionMap[value as FormDesignKeyEnum])) return;
+
+        const res = await getFormConfigApiMap[configKey as FormDesignKeyEnum]();
+        const customFieldsFilterConfig = res.fields.filter((e) => searchFieldConfigType.includes(e.type));
+
+        configMap[configKey as FormDesignKeyEnum]?.forEach((configValue) => {
+          searchFieldMap.value[configValue] = customFieldsFilterConfig;
+          allFieldMap.value[configValue] = res.fields.map((field) => {
+            return {
+              id: field.id,
+              key: field.businessKey ?? field.id,
+              label: field.name,
+            };
+          });
+        });
+      });
+
+      await Promise.all(promises);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  const loading = ref(false);
+  const moduleCount = ref<Record<string, number>>();
+  async function getCountList(val: string) {
+    if (!val) return;
+    try {
+      showLoadingToast(t('common.loading'));
+      loading.value = true;
+      const res = await getGlobalModuleCount(val);
+      moduleCount.value = res.reduce<Record<string, number>>((acc, item) => {
+        acc[item.key] = item.count;
+        return acc;
+      }, {});
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+      closeToast();
+    }
+  }
+
+  async function initSearchDetail() {
+    try {
+      const res = await getSearchConfig();
+      const { sortSetting } = res;
+
+      const optionsMap = new Map(scopedOptions.map((item) => [item.value, item]));
+
+      configList.value = sortSetting
+        .map((val: any) => optionsMap.get(val))
+        .filter((option) => option && lastScopedOptions.value.includes(option)) as ScopedOptions[];
+      formModel.value = cloneDeep(res);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  const systemDesc = computed(() => {
+    return (searchTableKey: SearchTableKey) => {
+      return [
+        {
+          label: t('workbench.duplicateCheck.department'),
+          key: 'departmentId',
+          type: FieldTypeEnum.INPUT,
+        },
+        {
+          label: t('workbench.duplicateCheck.opportunityStage'),
+          key: 'stage',
+          type: FieldTypeEnum.INPUT,
+        },
+        {
+          label:
+            searchTableKey === FormDesignKeyEnum.SEARCH_ADVANCED_PUBLIC
+              ? t('workbench.duplicateCheck.openSeaName')
+              : t('workbench.duplicateCheck.leadPoolName'),
+          key: 'poolName',
+          type: FieldTypeEnum.INPUT,
+        },
+      ];
+    };
+  });
+
+  const displayedDescList = computed(() => {
+    return (searchTableKey: SearchTableKey): any[] => {
+      if (!searchTableKey) return [];
+      // 配置选择的id
+      const selectedFieldIdList = formModel.value.searchFields[searchTableKey];
+
+      // 全量fields列表
+      const fieldList = allFieldMap.value[searchTableKey];
+
+      // 转换成同属性后查重
+      const selectedFieldKeyList =
+        selectedFieldIdList?.map((id: string) => fieldList.find((i) => i.id === id)?.key) || [];
+
+      const displayedColumnKeyList = [...new Set([...fixedFieldKeyListMap[searchTableKey], ...selectedFieldKeyList])];
+      return displayedColumnKeyList
+        .map((item) => [...fieldList, ...systemDesc.value(searchTableKey)].find((i) => i.key === item))
+        .filter(Boolean);
+    };
+  });
+
+  function transformData(item: any, searchTableKey: SearchTableKey) {
+    const fieldMap = new Map(item.moduleFields?.map((field: any) => [field.fieldId, field.fieldValue]));
+    const fieldAttr: Record<string, any> = Object.fromEntries(
+      displayedDescList
+        .value(searchTableKey)
+        ?.filter((i: any) => i.id && fieldMap.has(i.id))
+        .map((i: any) => [i.key, fieldMap.get(i.id)!])
+    );
+    return {
+      ...item,
+      ...fieldAttr,
+    };
+  }
+
+  const createTimeDesc = {
+    label: t('common.createTime'),
+    key: 'createTime',
+    valueSlotName: 'render',
+    render: (row: any) => {
+      return dayjs(row.createTime).format('YYYY-MM-DD');
+    },
+  };
+
+  const lastFollowTimeDesc = {
+    label: t('workbench.duplicateCheck.lastFollowUpDate'),
+    key: 'followTime',
+    valueSlotName: 'render',
+    render: (row: any) => {
+      return row.followTime ? dayjs(row.followTime).format('YYYY-MM-DD') : '-';
+    },
+  };
+
+  function initSearchListConfig() {
+    configList.value.forEach((e) => {
+      const resultDesc = displayedDescList.value(e.value as SearchTableKey).map((field) => {
+        if (field.key === 'name' && e.value !== FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT) {
+          return {
+            label: field.label,
+            key: field.key,
+            valueSlotName: 'name',
+          };
+        }
+
+        if (field.key === 'customerId') {
+          return {
+            label: field.label,
+            key: field.key,
+            valueSlotName: 'customerName',
+          };
+        }
+
+        // 部门
+        if (field.key === 'departmentId') {
+          return {
+            label: field.label,
+            key: 'departmentName',
+          };
+        }
+
+        // 负责人
+        if (field.key === 'owner') {
+          return {
+            label: field.label,
+            key: 'ownerName',
+          };
+        }
+
+        if (field.key === 'stage') {
+          return {
+            label: field.label,
+            key: field.key,
+            valueSlotName: 'render',
+            render: (row: any) => row.stageName ?? '-',
+          };
+        }
+
+        if (field.type === FieldTypeEnum.DATA_SOURCE_MULTIPLE) {
+          return {
+            label: field.label,
+            key: field.key,
+            valueSlotName: 'render',
+            render: (row: any) => {
+              return row[field.key]?.join('；') ?? '-';
+            },
+          };
+        }
+
+        return {
+          label: field.label,
+          key: field.key,
+        };
+      });
+
+      const hasCreateTimeDesc = [
+        FormDesignKeyEnum.SEARCH_ADVANCED_CLUE_POOL,
+        FormDesignKeyEnum.SEARCH_ADVANCED_PUBLIC,
+      ].includes(e.value)
+        ? []
+        : [createTimeDesc];
+
+      const hasLastFollowDesc = [FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT].includes(e.value)
+        ? []
+        : [lastFollowTimeDesc];
+
+      searchResultMap.value[e.value as SearchTableKey].describe = [
+        ...resultDesc,
+        ...hasLastFollowDesc,
+        ...hasCreateTimeDesc,
+      ];
+    });
+  }
+
+  return {
+    initSearchFormConfig,
+    getCountList,
+    initSearchDetail,
+    moduleCount,
+    loading,
+    searchFieldMap,
+    allFieldMap,
+    configList,
+    formModel,
+    searchResultMap,
+    getSearchListApiMap,
+    transformData,
+    initSearchListConfig,
+  };
+}
diff --git a/frontend/packages/mobile/src/views/workbench/index.vue b/frontend/packages/mobile/src/views/workbench/index.vue
new file mode 100644
index 0000000..f99b50b
--- /dev/null
+++ b/frontend/packages/mobile/src/views/workbench/index.vue
@@ -0,0 +1,201 @@
+<template>
+  <div class="flex h-full flex-col gap-[16px] overflow-hidden">
+    <div>
+      <div class="flex items-center justify-between gap-[12px] bg-[var(--text-n10)] px-[12px] py-[4px]">
+        <CrmAvatar :is-word="false" @click="goMine" />
+        <van-search
+          v-if="lastScopedOptions?.length"
+          v-model="keyword"
+          shape="round"
+          :placeholder="t('workbench.searchPlaceholder')"
+          class="flex-1 !p-0"
+          @click="goDuplicateCheck"
+        />
+        <CrmIcon v-if="hasValidApiKey" name="icon-bot" width="21px" height="21px" @click="goAgent" />
+        <van-badge :dot="showBadge">
+          <CrmIcon name="iconicon_notification" class="mt-[4px]" width="21px" height="21px" @click="goMineMessage" />
+        </van-badge>
+      </div>
+      <van-notice-bar
+        v-if="useStore.userInfo.defaultPwd"
+        :scrollable="false"
+        wrapable
+        mode="closeable"
+        @close="showAlert = false"
+      >
+        <span>{{ t('mine.changePasswordTip') }}</span>
+        <span class="ml-[8px] text-[var(--primary-8)]" @click="changePassword">{{ t('mine.changePassword') }}</span>
+      </van-notice-bar>
+    </div>
+
+    <van-cell-group inset class="py-[16px]">
+      <van-cell :border="false" class="!py-0">
+        <template #title>
+          <div class="font-semibold text-[var(--text-n1)]">{{ t('workbench.quickEntry') }}</div>
+        </template>
+      </van-cell>
+      <div class="flex flex-wrap">
+        <div
+          v-for="card of entryCardList"
+          :key="card.name"
+          v-permission="card.permission"
+          class="quick-entry-card"
+          @click="goCardRoute(card.name)"
+        >
+          <CrmIcon :name="card.icon" width="30px" height="30px" />
+          <div class="text-[12px] text-[var(--text-n1)]">{{ card.label }}</div>
+        </div>
+      </div>
+    </van-cell-group>
+    <van-cell-group inset class="flex-1 py-[16px]">
+      <van-cell :border="false" class="!py-0">
+        <template #title>
+          <div class="font-semibold text-[var(--text-n1)]">{{ t('common.message') }}</div>
+        </template>
+        <template #value>
+          <div class="text-[var(--text-n4)]" @click="goMineMessage">
+            {{ t('common.checkMore') }}
+          </div>
+        </template>
+      </van-cell>
+      <CrmList ref="crmListRef" v-model="messageList" no-page-nation>
+        <template #item="{ item }">
+          <CrmMessageItem :item="item" @load-list="() => appStore.initMessage()" />
+        </template>
+      </CrmList>
+    </van-cell-group>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { useRouter } from 'vue-router';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { hasToken } from '@lib/shared/method/auth';
+  import type { MessageCenterItem } from '@lib/shared/models/system/message';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmList from '@/components/pure/crm-list/index.vue';
+  import CrmAvatar from '@/components/business/crm-avatar/index.vue';
+  import CrmMessageItem from '@/components/business/crm-message-item/index.vue';
+
+  import useAppStore from '@/store/modules/app';
+  import useUserStore from '@/store/modules/user';
+
+  import { CommonRouteEnum, MineRouteEnum, WorkbenchRouteEnum } from '@/enums/routeEnum';
+
+  import { lastScopedOptions } from './duplicateCheck/config';
+
+  const appStore = useAppStore();
+  const userStore = useUserStore();
+  const { t } = useI18n();
+  const router = useRouter();
+
+  const useStore = useUserStore();
+
+  const showAlert = ref(useStore.userInfo.defaultPwd);
+  function changePassword() {
+    router.push({
+      name: MineRouteEnum.MINE_DETAIL,
+      query: {
+        type: 'resetPassWord',
+      },
+    });
+  }
+
+  const keyword = ref('');
+  const entryCardList = [
+    {
+      icon: 'icon-newClue',
+      label: t('common.newClue'),
+      name: FormDesignKeyEnum.CLUE,
+      permission: ['CLUE_MANAGEMENT:ADD'],
+    },
+    {
+      icon: 'icon-newCustomer',
+      label: t('common.newCustomer'),
+      name: FormDesignKeyEnum.CUSTOMER,
+      permission: ['CUSTOMER_MANAGEMENT:ADD'],
+    },
+    {
+      icon: 'icon-newContact',
+      label: t('common.newContact'),
+      name: FormDesignKeyEnum.CUSTOMER_CONTACT,
+      permission: ['CUSTOMER_MANAGEMENT_CONTACT:ADD'],
+    },
+    {
+      icon: 'icon-newOpportunity',
+      label: t('common.newOpportunity'),
+      name: FormDesignKeyEnum.BUSINESS,
+      permission: ['OPPORTUNITY_MANAGEMENT:ADD'],
+    },
+    // {
+    //   icon: 'icon-newRecord',
+    //   label: t('common.newFollowRecord'),
+    //   name: 'followRecord',
+    // },
+    // {
+    //   icon: 'icon-newPlan',
+    //   label: t('common.newFollowPlan'),
+    //   name: 'followPlan',
+    // },
+  ];
+
+  function goMine() {
+    router.push({ name: MineRouteEnum.MINE_INDEX });
+  }
+
+  function goMineMessage() {
+    router.push({ name: MineRouteEnum.MINE_MESSAGE });
+  }
+
+  const hasValidApiKey = computed(() => userStore.apiKeyList.some((key) => !key.isExpire && key.enable));
+
+  function goAgent() {
+    router.push({ name: WorkbenchRouteEnum.WORKBENCH_AGENT });
+  }
+
+  function goDuplicateCheck() {
+    router.push({ name: WorkbenchRouteEnum.WORKBENCH_DUPLICATE_CHECK });
+  }
+
+  function goCardRoute(formKey: FormDesignKeyEnum) {
+    router.push({ name: CommonRouteEnum.FORM_CREATE, query: { formKey } });
+  }
+
+  const crmListRef = ref<InstanceType<typeof CrmList>>();
+
+  const showBadge = computed(() => {
+    return !appStore.messageInfo.read;
+  });
+
+  const messageList = ref<MessageCenterItem[]>([]);
+
+  watch(
+    () => appStore.messageInfo.notificationDTOList,
+    (val) => {
+      messageList.value = val ?? [];
+    }
+  );
+
+  onBeforeMount(() => {
+    appStore.initMessage();
+    appStore.connectSystemMessageSSE();
+    appStore.initStageConfig();
+    userStore.initApiKeyList();
+  });
+</script>
+
+<style lang="less" scoped>
+  .quick-entry-card {
+    @apply flex basis-1/4 flex-col items-center;
+
+    gap: 8px;
+    padding-top: 16px;
+    padding-bottom: 8px;
+    &:active {
+      background-color: var(--text-n9);
+    }
+  }
+</style>
diff --git a/frontend/packages/mobile/src/views/workbench/locale/en-US.ts b/frontend/packages/mobile/src/views/workbench/locale/en-US.ts
new file mode 100644
index 0000000..0282156
--- /dev/null
+++ b/frontend/packages/mobile/src/views/workbench/locale/en-US.ts
@@ -0,0 +1,28 @@
+export default {
+  'workbench.searchPlaceholder': 'Please input the account name or phone number',
+  'workbench.quickEntry': 'Quick Entry',
+  'workbench.duplicateCheck': 'Search',
+  'workbench.duplicateCheck.result': 'Account related',
+  'workbench.duplicateCheck.contactResult': 'Contact result',
+  'workbench.duplicateCheck.status': 'Duplicate status',
+  'workbench.duplicateCheck.relatedOpportunity': 'Related opportunity',
+  'workbench.duplicateCheck.relatedClue': 'Related lead',
+  'workbench.duplicateCheck.relatedClues': 'Lead relations',
+  'workbench.duplicateCheck.clueStage': 'Lead stage',
+  'workbench.duplicateCheck.noSearchData': 'No search results found',
+  'workbench.duplicateCheck.duplicate': 'Duplicate',
+  'workbench.duplicateCheck.similar': 'Similar',
+  'workbench.duplicateCheck.contactCompany': 'Company',
+  'workbench.duplicateCheck.contactorName': 'Contact name',
+  'workbench.duplicateCheck.contactorPhoneNumber': 'The contact phone',
+  'workbench.duplicateCheck.accountName': 'Account name',
+  'workbench.duplicateCheck.contactName': 'name',
+  'workbench.duplicateCheck.contactStatus': 'status',
+  'workbench.duplicateCheck.searchTypeTitle': '{title} related',
+  'workbench.duplicateCheck.department': 'Department name',
+  'workbench.duplicateCheck.opportunityStage': 'Opportunity stage',
+  'workbench.duplicateCheck.openSeaName': 'OpenSea name',
+  'workbench.duplicateCheck.leadPoolName': 'Lead pool name',
+  'workbench.duplicateCheck.lastFollowUpDate': 'Last follow-up time',
+  'workbench.agent.select': 'Select',
+};
diff --git a/frontend/packages/mobile/src/views/workbench/locale/zh-CN.ts b/frontend/packages/mobile/src/views/workbench/locale/zh-CN.ts
new file mode 100644
index 0000000..e8187a9
--- /dev/null
+++ b/frontend/packages/mobile/src/views/workbench/locale/zh-CN.ts
@@ -0,0 +1,28 @@
+export default {
+  'workbench.searchPlaceholder': '请输入客户名或手机号',
+  'workbench.quickEntry': '快速入口',
+  'workbench.duplicateCheck': '搜索',
+  'workbench.duplicateCheck.result': '客户相关',
+  'workbench.duplicateCheck.contactResult': '联系人相关',
+  'workbench.duplicateCheck.status': '重复状态',
+  'workbench.duplicateCheck.relatedOpportunity': '对应商机',
+  'workbench.duplicateCheck.relatedClue': '对应线索',
+  'workbench.duplicateCheck.relatedClues': '线索相关',
+  'workbench.duplicateCheck.clueStage': '线索阶段',
+  'workbench.duplicateCheck.noSearchData': '无搜索结果',
+  'workbench.duplicateCheck.duplicate': '重复',
+  'workbench.duplicateCheck.similar': '相似',
+  'workbench.duplicateCheck.contactCompany': '公司',
+  'workbench.duplicateCheck.contactorName': '联系人姓名',
+  'workbench.duplicateCheck.contactorPhoneNumber': '联系人电话',
+  'workbench.duplicateCheck.customerName': '客户名称',
+  'workbench.duplicateCheck.contactName': '姓名',
+  'workbench.duplicateCheck.contactStatus': '状态',
+  'workbench.duplicateCheck.searchTypeTitle': '{title}相关',
+  'workbench.duplicateCheck.department': '部门',
+  'workbench.duplicateCheck.opportunityStage': '商机阶段',
+  'workbench.duplicateCheck.openSeaName': '公海名称',
+  'workbench.duplicateCheck.leadPoolName': '线索池名称',
+  'workbench.duplicateCheck.lastFollowUpDate': '最新跟进时间',
+  'workbench.agent.select': '选择',
+};
diff --git a/frontend/packages/mobile/tailwind.config.mjs b/frontend/packages/mobile/tailwind.config.mjs
new file mode 100644
index 0000000..17b0ee7
--- /dev/null
+++ b/frontend/packages/mobile/tailwind.config.mjs
@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: ['./index.html', './src/**/*.{vue,ts,jsx,tsx}'],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};
diff --git a/frontend/packages/mobile/tsconfig.json b/frontend/packages/mobile/tsconfig.json
new file mode 100644
index 0000000..20145c3
--- /dev/null
+++ b/frontend/packages/mobile/tsconfig.json
@@ -0,0 +1,20 @@
+{
+  "extends": "../../tsconfig.json",
+  "include": [
+    "src/**/*",
+    "types/**/*",
+    "*.d.ts"
+  ],
+  "compilerOptions": {
+    "baseUrl": "./",
+    "paths": {
+      // 路径映射
+      "@/*": [
+        "./src/*"
+      ],
+      "#/*": [
+        "types/*"
+      ]
+    },
+  },
+}
\ No newline at end of file
diff --git a/frontend/packages/web/.env.development b/frontend/packages/web/.env.development
new file mode 100644
index 0000000..5685312
--- /dev/null
+++ b/frontend/packages/web/.env.development
@@ -0,0 +1,2 @@
+VITE_API_BASE_URL= 'front'
+VITE_DEV_DOMAIN='http://127.0.0.1:8081'
diff --git a/frontend/packages/web/.env.production b/frontend/packages/web/.env.production
new file mode 100644
index 0000000..dc15ecf
--- /dev/null
+++ b/frontend/packages/web/.env.production
@@ -0,0 +1 @@
+VITE_API_BASE_URL= ''
\ No newline at end of file
diff --git a/frontend/packages/web/.eslintignore b/frontend/packages/web/.eslintignore
new file mode 100644
index 0000000..8c235cf
--- /dev/null
+++ b/frontend/packages/web/.eslintignore
@@ -0,0 +1,7 @@
+/*.json
+/src/**/*.json
+dist
+postcss.config.js
+*.md
+/src/assets/icon-font/iconfont.js
+/src/assets/fonts/AlibabaPuHuiTi-3-55-Regular-normal.js
\ No newline at end of file
diff --git a/frontend/packages/web/.eslintrc-auto-import.json b/frontend/packages/web/.eslintrc-auto-import.json
new file mode 100644
index 0000000..8086284
--- /dev/null
+++ b/frontend/packages/web/.eslintrc-auto-import.json
@@ -0,0 +1,74 @@
+{
+  "globals": {
+    "Component": true,
+    "ComponentPublicInstance": true,
+    "ComputedRef": true,
+    "DirectiveBinding": true,
+    "EffectScope": true,
+    "ExtractDefaultPropTypes": true,
+    "ExtractPropTypes": true,
+    "ExtractPublicPropTypes": true,
+    "InjectionKey": true,
+    "MaybeRef": true,
+    "MaybeRefOrGetter": true,
+    "PropType": true,
+    "Ref": true,
+    "VNode": true,
+    "WritableComputedRef": true,
+    "computed": true,
+    "createApp": true,
+    "customRef": true,
+    "defineAsyncComponent": true,
+    "defineComponent": true,
+    "effectScope": true,
+    "getCurrentInstance": true,
+    "getCurrentScope": true,
+    "h": true,
+    "inject": true,
+    "isProxy": true,
+    "isReactive": true,
+    "isReadonly": true,
+    "isRef": true,
+    "markRaw": true,
+    "nextTick": true,
+    "onActivated": true,
+    "onBeforeMount": true,
+    "onBeforeUnmount": true,
+    "onBeforeUpdate": true,
+    "onDeactivated": true,
+    "onErrorCaptured": true,
+    "onMounted": true,
+    "onRenderTracked": true,
+    "onRenderTriggered": true,
+    "onScopeDispose": true,
+    "onServerPrefetch": true,
+    "onUnmounted": true,
+    "onUpdated": true,
+    "onWatcherCleanup": true,
+    "provide": true,
+    "reactive": true,
+    "readonly": true,
+    "ref": true,
+    "resolveComponent": true,
+    "shallowReactive": true,
+    "shallowReadonly": true,
+    "shallowRef": true,
+    "toRaw": true,
+    "toRef": true,
+    "toRefs": true,
+    "toValue": true,
+    "triggerRef": true,
+    "unref": true,
+    "useAttrs": true,
+    "useCssModule": true,
+    "useCssVars": true,
+    "useId": true,
+    "useModel": true,
+    "useSlots": true,
+    "useTemplateRef": true,
+    "watch": true,
+    "watchEffect": true,
+    "watchPostEffect": true,
+    "watchSyncEffect": true
+  }
+}
diff --git a/frontend/packages/web/README.md b/frontend/packages/web/README.md
new file mode 100644
index 0000000..6dd2418
--- /dev/null
+++ b/frontend/packages/web/README.md
@@ -0,0 +1,39 @@
+# web
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+
+## Type Support for `.vue` Imports in TS
+
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vite.dev/config/).
+
+## Project Setup
+
+```sh
+pnpm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+pnpm dev
+```
+
+### Type-Check, Compile and Minify for Production
+
+```sh
+pnpm build
+```
+
+### Lint with [ESLint](https://eslint.org/)
+
+```sh
+pnpm lint
+```
diff --git a/frontend/packages/web/auto-import.d.ts b/frontend/packages/web/auto-import.d.ts
new file mode 100644
index 0000000..2cb0ca4
--- /dev/null
+++ b/frontend/packages/web/auto-import.d.ts
@@ -0,0 +1,77 @@
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+export {}
+declare global {
+  const EffectScope: typeof import('vue')['EffectScope'];
+  const computed: typeof import('vue')['computed'];
+  const createApp: typeof import('vue')['createApp'];
+  const customRef: typeof import('vue')['customRef'];
+  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent'];
+  const defineComponent: typeof import('vue')['defineComponent'];
+  const effectScope: typeof import('vue')['effectScope'];
+  const getCurrentInstance: typeof import('vue')['getCurrentInstance'];
+  const getCurrentScope: typeof import('vue')['getCurrentScope'];
+  const h: typeof import('vue')['h'];
+  const inject: typeof import('vue')['inject'];
+  const isProxy: typeof import('vue')['isProxy'];
+  const isReactive: typeof import('vue')['isReactive'];
+  const isReadonly: typeof import('vue')['isReadonly'];
+  const isRef: typeof import('vue')['isRef'];
+  const markRaw: typeof import('vue')['markRaw'];
+  const nextTick: typeof import('vue')['nextTick'];
+  const onActivated: typeof import('vue')['onActivated'];
+  const onBeforeMount: typeof import('vue')['onBeforeMount'];
+  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount'];
+  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate'];
+  const onDeactivated: typeof import('vue')['onDeactivated'];
+  const onErrorCaptured: typeof import('vue')['onErrorCaptured'];
+  const onMounted: typeof import('vue')['onMounted'];
+  const onRenderTracked: typeof import('vue')['onRenderTracked'];
+  const onRenderTriggered: typeof import('vue')['onRenderTriggered'];
+  const onScopeDispose: typeof import('vue')['onScopeDispose'];
+  const onServerPrefetch: typeof import('vue')['onServerPrefetch'];
+  const onUnmounted: typeof import('vue')['onUnmounted'];
+  const onUpdated: typeof import('vue')['onUpdated'];
+  const provide: typeof import('vue')['provide'];
+  const reactive: typeof import('vue')['reactive'];
+  const readonly: typeof import('vue')['readonly'];
+  const ref: typeof import('vue')['ref'];
+  const resolveComponent: typeof import('vue')['resolveComponent'];
+  const shallowReactive: typeof import('vue')['shallowReactive'];
+  const shallowReadonly: typeof import('vue')['shallowReadonly'];
+  const shallowRef: typeof import('vue')['shallowRef'];
+  const toRaw: typeof import('vue')['toRaw'];
+  const toRef: typeof import('vue')['toRef'];
+  const toRefs: typeof import('vue')['toRefs'];
+  const toValue: typeof import('vue')['toValue'];
+  const triggerRef: typeof import('vue')['triggerRef'];
+  const unref: typeof import('vue')['unref'];
+  const useAttrs: typeof import('vue')['useAttrs'];
+  const useCssModule: typeof import('vue')['useCssModule'];
+  const useCssVars: typeof import('vue')['useCssVars'];
+  const useSlots: typeof import('vue')['useSlots'];
+  const watch: typeof import('vue')['watch'];
+  const watchEffect: typeof import('vue')['watchEffect'];
+  const watchPostEffect: typeof import('vue')['watchPostEffect'];
+  const watchSyncEffect: typeof import('vue')['watchSyncEffect'];
+}
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type {
+    Component,
+    ComponentPublicInstance,
+    ComputedRef,
+    ExtractDefaultPropTypes,
+    ExtractPropTypes,
+    ExtractPublicPropTypes,
+    InjectionKey,
+    PropType,
+    Ref,
+    VNode,
+    WritableComputedRef,
+  } from 'vue';
+  import('vue');
+}
diff --git a/frontend/packages/web/babel.config.cjs b/frontend/packages/web/babel.config.cjs
new file mode 100644
index 0000000..dd6f53c
--- /dev/null
+++ b/frontend/packages/web/babel.config.cjs
@@ -0,0 +1,3 @@
+module.exports = {
+  plugins: ['@vue/babel-plugin-jsx'],
+};
diff --git a/frontend/packages/web/components.d.ts b/frontend/packages/web/components.d.ts
new file mode 100644
index 0000000..f8a7471
--- /dev/null
+++ b/frontend/packages/web/components.d.ts
@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+import '@vue/runtime-core'
+
+export {};
+
+declare module '@vue/runtime-core' {
+  export interface GlobalComponents {
+    CrmColorSelect: typeof import('./src/components/pure/crm-color-select/index.vue')['default'];
+    CrmIconFont: typeof import('./src/components/pure/crm-icon-font/index.vue')['default'];
+    RouterLink: typeof import('vue-router')['RouterLink'];
+    RouterView: typeof import('vue-router')['RouterView'];
+  }
+}
diff --git a/frontend/packages/web/config/plugin/compress.ts b/frontend/packages/web/config/plugin/compress.ts
new file mode 100644
index 0000000..45a313e
--- /dev/null
+++ b/frontend/packages/web/config/plugin/compress.ts
@@ -0,0 +1,31 @@
+/**
+ * Used to package and output gzip. Note that this does not work properly in Vite, the specific reason is still being investigated
+ * gzip压缩
+ * https://github.com/anncwb/vite-plugin-compression
+ */
+import type { Plugin } from 'vite';
+import compressPlugin from 'vite-plugin-compression';
+
+export default function configCompressPlugin(compress: 'gzip' | 'brotli', deleteOriginFile = false): Plugin | Plugin[] {
+  const plugins: Plugin[] = [];
+
+  if (compress === 'gzip') {
+    plugins.push(
+      compressPlugin({
+        ext: '.gz',
+        deleteOriginFile,
+      })
+    );
+  }
+
+  if (compress === 'brotli') {
+    plugins.push(
+      compressPlugin({
+        ext: '.br',
+        algorithm: 'brotliCompress',
+        deleteOriginFile,
+      })
+    );
+  }
+  return plugins;
+}
diff --git a/frontend/packages/web/config/plugin/visualizer.ts b/frontend/packages/web/config/plugin/visualizer.ts
new file mode 100644
index 0000000..bf306bf
--- /dev/null
+++ b/frontend/packages/web/config/plugin/visualizer.ts
@@ -0,0 +1,18 @@
+/**
+ * Generation packaging analysis
+ * 生成打包分析
+ */
+import { isReportMode } from '../utils';
+import visualizer from 'rollup-plugin-visualizer';
+
+export default function configVisualizerPlugin() {
+  if (isReportMode()) {
+    return visualizer({
+      filename: './node_modules/.cache/visualizer/stats.html',
+      open: true,
+      gzipSize: true,
+      brotliSize: true,
+    });
+  }
+  return [];
+}
diff --git a/frontend/packages/web/config/utils/index.ts b/frontend/packages/web/config/utils/index.ts
new file mode 100644
index 0000000..a1e5d12
--- /dev/null
+++ b/frontend/packages/web/config/utils/index.ts
@@ -0,0 +1,9 @@
+/**
+ * Whether to generate package preview
+ * 是否生成打包报告
+ */
+export default {};
+
+export function isReportMode(): boolean {
+  return process.env.REPORT === 'true';
+}
diff --git a/frontend/packages/web/config/vite.config.base.ts b/frontend/packages/web/config/vite.config.base.ts
new file mode 100644
index 0000000..3b9b9f8
--- /dev/null
+++ b/frontend/packages/web/config/vite.config.base.ts
@@ -0,0 +1,75 @@
+import vue from '@vitejs/plugin-vue';
+import vueJsx from '@vitejs/plugin-vue-jsx';
+import { resolve } from 'path';
+import AutoImport from 'unplugin-auto-import/vite';
+import { defineConfig } from 'vite';
+import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
+import vueSetupExtend from 'vite-plugin-vue-setup-extend';
+import svgLoader from 'vite-svg-loader';
+
+export default defineConfig({
+  plugins: [
+    vue(),
+    vueJsx(),
+    vueSetupExtend(),
+    svgLoader({ svgoConfig: {} }),
+    createSvgIconsPlugin({
+      // 指定需要缓存的图标文件夹
+      iconDirs: [resolve(process.cwd(), 'src/assets/svg'), resolve(process.cwd(), 'public/images')], // 与本地储存地址一致
+      // 指定symbolId格式
+      symbolId: 'icon-[name]',
+    }),
+    AutoImport({
+      include: [
+        /\.[tj]sx?$/, // .ts, .tsx, .js, .jsx
+        /\.vue$/,
+        /\.vue\?vue/, // .vue
+        /\.md$/, // .md
+      ],
+      imports: ['vue'],
+      dts: 'src/auto-import.d.ts',
+      eslintrc: {
+        enabled: true, // <-- this
+      },
+    }),
+  ],
+  resolve: {
+    alias: [
+      {
+        find: '@locale',
+        replacement: resolve(__dirname, '../src/locale'),
+      },
+      {
+        find: '@',
+        replacement: resolve(__dirname, '../src'),
+      },
+      {
+        find: 'vue-i18n',
+        replacement: 'vue-i18n/dist/vue-i18n.esm-bundler.js', // 解决 vue-i18n 依赖包报错
+      },
+      {
+        find: 'vue',
+        replacement: 'vue/dist/vue.esm-bundler.js', // compile template
+      },
+    ],
+    extensions: ['.ts', '.js', '.jsx', '.tsx', '.json', '.vue'],
+  },
+  define: {
+    'process.env': {},
+    // 定义特性标志
+    '__VUE_OPTIONS_API__': true,
+    '__VUE_PROD_DEVTOOLS__': false,
+    // 设置hydration不匹配详细信息的标志
+    '__VUE_PROD_HYDRATION_MISMATCH_DETAILS__': true,
+  },
+  css: {
+    preprocessorOptions: {
+      less: {
+        modifyVars: {
+          hack: `true; @import (reference) "${resolve('src/assets/style/var.less')}";`,
+        },
+        javascriptEnabled: true,
+      },
+    },
+  },
+});
diff --git a/frontend/packages/web/config/vite.config.dev.ts b/frontend/packages/web/config/vite.config.dev.ts
new file mode 100644
index 0000000..d069ffd
--- /dev/null
+++ b/frontend/packages/web/config/vite.config.dev.ts
@@ -0,0 +1,54 @@
+import baseConfig from './vite.config.base';
+import { config } from 'dotenv';
+import { mergeConfig } from 'vite';
+import eslint from 'vite-plugin-eslint';
+
+// 注入本地/开发配置环境变量(先导入的配置优先级高)
+config({ path: ['.env.development.local', '.env.development'] });
+
+export default mergeConfig(
+  {
+    mode: 'development',
+    server: {
+      open: true,
+      fs: {
+        strict: true,
+      },
+      proxy: {
+        '/sse': {
+          target: process.env.VITE_DEV_DOMAIN,
+          changeOrigin: true,
+        },
+        '/front': {
+          target: process.env.VITE_DEV_DOMAIN,
+          changeOrigin: true,
+          rewrite: (path: string) => path.replace(/^\/front/, ''),
+        },
+        '/pic': {
+          target: process.env.VITE_DEV_DOMAIN,
+          changeOrigin: true,
+          rewrite: (path: string) => path.replace(/^\/front\/pic/, ''),
+        },
+        '/attachment': {
+          target: process.env.VITE_DEV_DOMAIN,
+          changeOrigin: true,
+          rewrite: (path: string) => path.replace(/^\/front\/attachment/, ''),
+        },
+        '/ui': {
+          target: process.env.VITE_DEV_DOMAIN,
+          changeOrigin: true,
+          rewrite: (path: string) => path.replace(/^\/front\/ui/, ''),
+        },
+      },
+    },
+    plugins: [
+      eslint({
+        overrideConfigFile: 'eslint.config.cjs',
+        cache: false,
+        include: ['src/**/*.ts', 'src/**/*.tsx', 'src/**/*.vue'],
+        exclude: ['node_modules'],
+      }),
+    ],
+  },
+  baseConfig
+);
diff --git a/frontend/packages/web/config/vite.config.prod.ts b/frontend/packages/web/config/vite.config.prod.ts
new file mode 100644
index 0000000..2d6163c
--- /dev/null
+++ b/frontend/packages/web/config/vite.config.prod.ts
@@ -0,0 +1,31 @@
+import configCompressPlugin from './plugin/compress';
+import configVisualizerPlugin from './plugin/visualizer';
+import baseConfig from './vite.config.base';
+import legacy from '@vitejs/plugin-legacy';
+import { mergeConfig } from 'vite';
+
+export default mergeConfig(
+  {
+    mode: 'production',
+    plugins: [
+      configCompressPlugin('gzip'),
+      configVisualizerPlugin(),
+      // 兼容性配置，配合package.json中的browserslist使用
+      legacy({
+        targets: ['defaults', 'not IE 11'],
+      }),
+    ],
+    build: {
+      rollupOptions: {
+        output: {
+          manualChunks: {
+            vue: ['vue', 'vue-router', 'pinia', '@vueuse/core', 'vue-i18n'],
+            chart: ['echarts', 'vue-echarts'],
+          },
+        },
+      },
+      chunkSizeWarningLimit: 2000,
+    },
+  },
+  baseConfig
+);
diff --git a/frontend/packages/web/env.d.ts b/frontend/packages/web/env.d.ts
new file mode 100644
index 0000000..7615bc0
--- /dev/null
+++ b/frontend/packages/web/env.d.ts
@@ -0,0 +1,19 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import { DefineComponent } from 'vue';
+
+  // eslint-disable-next-line @typescript-eslint/no-empty-object-type
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
+}
+interface ImportMetaEnv {
+  readonly VITE_API_BASE_URL: string;
+  readonly VITE_DEV_DOMAIN: string; // 开发环境域名
+}
+
+declare module 'xml-beautify' {
+  export default class xmlBeautify {
+    beautify: (xml: string) => string;
+  }
+}
diff --git a/frontend/packages/web/eslint.config.cjs b/frontend/packages/web/eslint.config.cjs
new file mode 100644
index 0000000..153cab6
--- /dev/null
+++ b/frontend/packages/web/eslint.config.cjs
@@ -0,0 +1,174 @@
+const { defineConfig, globalIgnores } = require('eslint/config');
+
+const pluginVue = require('eslint-plugin-vue');
+const parser = require('vue-eslint-parser');
+const globals = require('globals');
+const simpleImportSort = require('eslint-plugin-simple-import-sort');
+
+const { fixupConfigRules } = require('@eslint/compat');
+
+const js = require('@eslint/js');
+
+const { FlatCompat } = require('@eslint/eslintrc');
+
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
+});
+const path = require('path');
+
+module.exports = defineConfig([
+  {
+    files: ['**/*.js', '**/*.ts', '**/*.vue'],
+    languageOptions: {
+      parser,
+      parserOptions: {
+        parser: '@typescript-eslint/parser', // parse <script lang="ts">
+        extraFileExtensions: ['.vue'],
+        ecmaVersion: 2020,
+        sourceType: 'module',
+        project: path.resolve(__dirname, './tsconfig.json'),
+      },
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+        defineProps: 'readonly',
+        defineEmits: 'readonly',
+        defineExpose: 'readonly',
+        withDefaults: 'readonly',
+        NodeJS: 'readonly',
+      },
+    },
+
+    plugins: {
+      'vue': pluginVue,
+      'simple-import-sort': simpleImportSort,
+    },
+
+    extends: fixupConfigRules(
+      compat.extends(
+        'airbnb-base',
+        'plugin:@typescript-eslint/recommended',
+        'plugin:import/recommended',
+        'plugin:import/typescript',
+        'plugin:prettier/recommended',
+        './.eslintrc-auto-import.json'
+      )
+    ),
+
+    settings: {
+      'import/resolver': {
+        typescript: {
+          project: path.resolve(__dirname, './tsconfig.json'),
+        },
+      },
+    },
+
+    rules: {
+      'prettier/prettier': 1,
+      'vue/require-default-prop': 0,
+      'vue/singleline-html-element-content-newline': 0,
+      'vue/max-attributes-per-line': 0,
+      'vue/custom-event-name-casing': [2, 'camelCase'],
+      'vue/no-v-text': 1,
+      'vue/padding-line-between-blocks': 1,
+      'vue/require-direct-export': 1,
+      'vue/multi-word-component-names': 0,
+      '@typescript-eslint/ban-ts-comment': 0,
+      '@typescript-eslint/no-unused-vars': 1,
+      '@typescript-eslint/no-empty-function': 1,
+      '@typescript-eslint/no-explicit-any': 0,
+      '@typescript-eslint/no-duplicate-enum-values': 0,
+      '@typescript-eslint/no-require-imports': 0,
+      'consistent-return': 'off',
+      'vue/return-in-computed-property': ['off'],
+      'vue/no-side-effects-in-computed-properties': 'off',
+      'vue/require-default-prop': 0,
+      'vue/singleline-html-element-content-newline': 0,
+      'vue/max-attributes-per-line': 0,
+      'vue/custom-event-name-casing': [2, 'camelCase'],
+      '@typescript-eslint/no-unused-vars': ['off'],
+      'import/extensions': [
+        2,
+        'ignorePackages',
+        {
+          js: 'never',
+          jsx: 'never',
+          ts: 'never',
+          tsx: 'never',
+        },
+      ],
+
+      'no-debugger': 2,
+      'no-param-reassign': 0,
+      'prefer-regex-literals': 0,
+      'import/no-extraneous-dependencies': 0,
+      'import/no-cycle': 'off',
+      'import/order': 'off',
+      'class-methods-use-this': 'off',
+      'global-require': 0,
+      'no-plusplus': 'off',
+      'no-underscore-dangle': 'off',
+      'vue/attributes-order': 1,
+      'simple-import-sort/exports': 'error',
+      'no-case-declarations': 'off',
+
+      'simple-import-sort/imports': [
+        'error',
+        {
+          groups: [
+            [
+              '^vue$',
+              '^vue-router$',
+              '^vue-i18n$',
+              '^pinia$',
+              '^@vueuse/core$',
+              '^naive-ui$',
+              '^@vicons/ionicons5$',
+              '^lodash-es$',
+              '^axios$',
+              '^dayjs$',
+              '^jsencrypt$',
+              '^echarts$',
+              '^localforage$',
+              '^vue-draggable-plus$',
+              '^echarts$',
+              '^echarts/*',
+            ],
+            ['.*/assets/.*', '^@/assets$'],
+            ['^@lib/shared/.*'],
+            ['^@/components/pure/.*', '^@/components/business/.*', '.*\\.vue$'],
+            [
+              '^@/api($|/.*)',
+              '^@/config($|/.*)',
+              '^@/directive($|/.*)',
+              '^@/hooks($|/.*)',
+              '^@/locale($|/.*)',
+              '^@/router($|/.*)',
+              '^@/store($|/.*)',
+              '^@/utils($|/.*)',
+            ],
+            ['^@/models($|/.*)', '^@/enums($|/.*)'],
+            ['^type'],
+          ],
+        },
+      ],
+    },
+  },
+  {
+    files: ['src/enums/**/*.ts'],
+    rules: {
+      'no-shadow': 'off',
+    },
+  },
+  globalIgnores([
+    '*.json',
+    'src/**/*.json',
+    '**/dist',
+    '**/postcss.config.js',
+    '**/*.md',
+    'src/assets/icon-font/iconfont.js',
+    'src/assets/fonts/AlibabaPuHuiTi-3-55-Regular-normal.js',
+  ]),
+]);
diff --git a/frontend/packages/web/index.html b/frontend/packages/web/index.html
new file mode 100644
index 0000000..9bc431d
--- /dev/null
+++ b/frontend/packages/web/index.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Cordys CRM</title>
+  </head>
+  <script type="module">
+    function isMobileDevice() {
+      return /Mobile|Android/i.test(navigator.userAgent);
+    }
+
+    if (isMobileDevice()) {
+      window.location.href = import.meta.env.DEV ? 'http://localhost:3000' : `${window.location.origin}/mobile`;
+    }
+  </script>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/frontend/packages/web/package.json b/frontend/packages/web/package.json
new file mode 100644
index 0000000..9b853bf
--- /dev/null
+++ b/frontend/packages/web/package.json
@@ -0,0 +1,87 @@
+{
+  "name": "@cordys/web",
+  "description": "PC web",
+  "version": "1.0.0",
+  "private": true,
+  "author": "MeterSphere Team",
+  "license": "MIT",
+  "type": "module",
+  "scripts": {
+    "dev": "vite --config ./config/vite.config.dev.ts",
+    "build": "vue-tsc --noEmit && vite build --config ./config/vite.config.prod.ts",
+    "build:local": "vue-tsc --noEmit &&  vite build --config ./config/vite.config.prod.ts --mode development",
+    "build:localProd": "vue-tsc --noEmit &&  vite build --config ./config/vite.config.prod.ts --mode localProd",
+    "report": "cross-env REPORT=true npm run build",
+    "preview": "npm run build && vite preview --host",
+    "type:check": "vue-tsc --noEmit --skipLibCheck -p tsconfig.json",
+    "lint-staged": "npx lint-staged",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix",
+    "lint:styles": "stylelint 'src/**/*.{vue,html,css,scss,less}' --fix"
+  },
+  "dependencies": {
+    "@antv/x6": "^3.1.7",
+    "@antv/x6-vue-shape": "^3.0.2",
+    "@types/color": "^4.2.1",
+    "@vicons/ionicons5": "^0.13.0",
+    "@wecom/jssdk": "^2.4.0",
+    "echarts": "^6.1.0",
+    "jsencrypt": "^3.5.4",
+    "naive-ui": "^2.44.1",
+    "nprogress": "^0.2.0",
+    "seemly": "^0.3.10",
+    "sortablejs": "^1.15.7",
+    "vfonts": "^0.0.3",
+    "vue-draggable-plus": "^0.6.1",
+    "vue3-colorpicker": "^2.3.0"
+  },
+  "devDependencies": {
+    "@types/sortablejs": "^1.15.9",
+    "@vitejs/plugin-legacy": "^8.0.2",
+    "@vitejs/plugin-vue": "^6.0.7",
+    "@vitejs/plugin-vue-jsx": "^4.2.0",
+    "@vue/babel-plugin-jsx": "^1.5.0",
+    "@vue/test-utils": "^2.4.10",
+    "color": "^4.2.3",
+    "consola": "^2.15.3",
+    "fast-glob": "^3.3.3",
+    "jsdom": "^22.1.0",
+    "less": "4.3.0",
+    "less-loader": "^11.1.4",
+    "rollup": "^4.61.0",
+    "rollup-plugin-visualizer": "^5.14.0",
+    "sass": "^1.100.0",
+    "typescript": "5.9.3",
+    "unplugin-auto-import": "^0.16.7",
+    "unplugin-vue-components": "^0.24.1",
+    "vite": "^7.3.5",
+    "vite-plugin-compression": "^0.5.1",
+    "vite-plugin-eslint": "^1.8.1",
+    "vite-plugin-svg-icons": "^2.0.1",
+    "vite-plugin-vue-setup-extend": "^0.4.0",
+    "vite-svg-loader": "^5.1.1"
+  },
+  "lint-staged": {
+    "*.{js,ts,jsx,tsx}": [
+      "prettier --write",
+      "eslint --fix"
+    ],
+    "*.vue": [
+      "stylelint --fix",
+      "prettier --write",
+      "eslint --fix"
+    ],
+    "*.{less,css,scss,sass}": [
+      "stylelint --fix --custom-syntax postcss-less",
+      "prettier --write"
+    ]
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "browserslist": [
+    "> 0.5%",
+    "last 2 versions",
+    "not dead",
+    "not IE 11"
+  ]
+}
\ No newline at end of file
diff --git a/frontend/packages/web/public/favicon.ico b/frontend/packages/web/public/favicon.ico
new file mode 100644
index 0000000..e06b02b
Binary files /dev/null and b/frontend/packages/web/public/favicon.ico differ
diff --git a/frontend/packages/web/public/images/login-banner.png b/frontend/packages/web/public/images/login-banner.png
new file mode 100644
index 0000000..1c15dd4
Binary files /dev/null and b/frontend/packages/web/public/images/login-banner.png differ
diff --git a/frontend/packages/web/public/images/login-logo.svg b/frontend/packages/web/public/images/login-logo.svg
new file mode 100644
index 0000000..1914870
--- /dev/null
+++ b/frontend/packages/web/public/images/login-logo.svg
@@ -0,0 +1 @@
+<svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1860 400"><defs><style>.cls-1,.cls-2{fill:#364c4b;}.cls-2{fill-rule:evenodd;}.cls-3{fill:#00a6ab;}.cls-4{fill:#fff;}.cls-5{fill:#52efc2;}</style></defs><title>CORDYS</title><path class="cls-1" d="M896.569,190.276v17.977c0,32.358-1.893,54.95-7.763,67.772q-14.024,32.9-43.145,48.177-27.867,15.1-70.29,15.1t-70.289-15.1q-29.486-15.995-43.145-48.177c-6.111-13.3-7.078-35.891-7.078-67.772V190.276c0-39.069,3.183-65.733,13.73-80a91.294,91.294,0,0,1,36.493-35.235q28.044-15.457,70.289-15.459,42.066,0,70.29,15.459,22.112,11.867,36.493,35.235C892.46,125.02,896.569,151.688,896.569,190.276Zm-121.2,93.48q33.437-.54,42.426-13.3,10.246-8.267,10.246-47.818V180.748q0-46.2-11.5-53.391-10.968-11.144-41.168-12.224-30.2,1.079-41.167,12.224-12.943,8.09-12.943,51.773v42.426q0,39.73,11.325,48.9Q741.574,283.219,775.371,283.756Z"/><path class="cls-1" d="M1494.208,337.427l.3-110.663-79.5-165.1h77.3l40.33,90.421,47.084-90.421h76.941l-82.854,165.1.055,110.663Z"/><path class="cls-1" d="M615.43,278.268v53.624a569.6,569.6,0,0,1-72.987,4.626c-19.524,0-66.581,4.512-95.408-36.2-15.1-21.324-23.913-56.075-23.913-108.189,0-53.524,13.482-86.6,32.968-105.259,29.789-28.531,71.777-25.334,86.7-25.334,19.222,0,44.352.45,72.635,2.96v54.216c-26.283-2.307-51.01-2.145-66.13-2.145q-36.045,0-47.822,11.956c-3.649,2.972-14.975,14.851-14.975,58.963,0,70.346,11.635,79.231,13.392,80.989C514.363,285.461,587.843,279.715,615.43,278.268Z"/><path class="cls-1" d="M1005.439,252.786v84.972H936.4V60.619l94.092-1.17h25.6q56.057,0,77.87,36.591a121.369,121.369,0,0,1,7.749,23.072,165.1,165.1,0,0,1,3.246,34.429V160.3a110.515,110.515,0,0,1-3.425,28.841,75.758,75.758,0,0,1-7.932,18.745q-10.1,17.306-32.265,26.858,13.88,5.23,25.055,18.205a111.508,111.508,0,0,1,7.572,10.455c14.323,21.424,13.179,74.354,13.179,74.354h-64.971c-1.8-5.526-2.585-62.974-21.657-78.825C1050.4,250.525,1006.639,252.668,1005.439,252.786Zm0-48.57c1.322.121,54.479,4.453,69.036-12.913,6.734-8.033,8.472-14.78,8.472-27.4V149.936q0-22.53-6.308-30.283-6.851-7.029-21.81-9.012-16.405-2.163-49.39.9Z"/><path class="cls-2" d="M1291.233,61.538h-104.67V335.609h104.67c66.681-.029,120.742-45.174,120.742-100.871V162.432C1411.975,106.721,1357.914,61.583,1291.233,61.538Zm53.5,175.558c0,24.706-23.933,44.727-53.5,44.756h-34.951V115.3h34.951c29.571.028,53.5,20.064,53.5,44.756Z"/><path class="cls-1" d="M1743.674,338.109a428.1,428.1,0,0,1-45.017-2.607q-9.384-1.042-19.293-2.433l-25.573-2.424.547-65.807,40.08,6.267s15.756,2.259,22.943,2.955q12.859,1.216,23.291,1.216,37.89,0,43.8-17.206a14.78,14.78,0,0,0-.348-13.906q-3.651-7.47-15.47-12.862a123.928,123.928,0,0,0-12.688-4.693L1741,222.089q-9.909-2.43-17.73-4.866-10.083-3.127-18.424-6.605-20.685-8.69-32.154-20.161a55.357,55.357,0,0,1-14.08-28.506,91.9,91.9,0,0,1-.521-27.288q4.694-44.147,37.718-60.66,12.338-6.6,29.72-9.56,6.78-1.043,15.471-1.738l14.947-1.043h10.081q17.208,0,37.89,2.086l16.861,1.912,19.608,2.589.381,57.724a269.76,269.76,0,0,0-28.506-5.041,287.274,287.274,0,0,0-39.977-3.129c-26.419,0-35.548,5.615-40.182,17.548a33.722,33.722,0,0,0-1.348,14.892c.613,5.821.245,7.353,11.982,13.446q5.386,2.438,13.557,5.214l34.415,10.255q9.908,3.131,17.729,6.431,18.942,8,28.679,18.425,11.472,11.47,14.774,28.678a89.318,89.318,0,0,1,.522,26.768c-3.13,29.2-17.72,55.419-39.736,66.656q-12.168,6.608-29.72,9.386-6.78,1.042-15.471,1.738l-13.383.869Z"/><path class="cls-3" d="M6.878,139.205V259.547a64.675,64.675,0,0,0,32.337,56.009l104.219,60.171a64.672,64.672,0,0,0,64.674,0l104.218-60.171a64.668,64.668,0,0,0,32.337-56.009V139.205A64.671,64.671,0,0,0,312.326,83.2L208.108,23.025a64.678,64.678,0,0,0-64.674,0L39.215,83.2A64.675,64.675,0,0,0,6.878,139.205Z"/><path class="cls-4" d="M238.648,124.318V98.672A15.673,15.673,0,0,0,222.976,83h-96a15.672,15.672,0,0,0-15.672,15.672v21.362a15.671,15.671,0,0,1-15.672,15.672H74.273A15.67,15.67,0,0,0,58.6,151.378v96a15.671,15.671,0,0,0,15.672,15.672H95.635a15.668,15.668,0,0,1,15.672,15.672V300.08a15.671,15.671,0,0,0,15.672,15.672h96a15.666,15.666,0,0,0,15.672-15.672V274.435a15.672,15.672,0,0,0-15.672-15.672H126.948a11.353,11.353,0,0,1-11.357-11.357V151.09a11.1,11.1,0,0,1,11.1-11.1h96.285a15.673,15.673,0,0,0,15.672-15.672Z"/><path class="cls-5" d="M264.445,199.376h0a28.494,28.494,0,0,1,28.5,28.5h0a28.494,28.494,0,0,1-28.5,28.495h0a28.494,28.494,0,0,1-28.5-28.495h0a28.493,28.493,0,0,1,28.5-28.5Z"/></svg>
\ No newline at end of file
diff --git a/frontend/packages/web/public/images/logo_CORDYS.svg b/frontend/packages/web/public/images/logo_CORDYS.svg
new file mode 100644
index 0000000..1914870
--- /dev/null
+++ b/frontend/packages/web/public/images/logo_CORDYS.svg
@@ -0,0 +1 @@
+<svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1860 400"><defs><style>.cls-1,.cls-2{fill:#364c4b;}.cls-2{fill-rule:evenodd;}.cls-3{fill:#00a6ab;}.cls-4{fill:#fff;}.cls-5{fill:#52efc2;}</style></defs><title>CORDYS</title><path class="cls-1" d="M896.569,190.276v17.977c0,32.358-1.893,54.95-7.763,67.772q-14.024,32.9-43.145,48.177-27.867,15.1-70.29,15.1t-70.289-15.1q-29.486-15.995-43.145-48.177c-6.111-13.3-7.078-35.891-7.078-67.772V190.276c0-39.069,3.183-65.733,13.73-80a91.294,91.294,0,0,1,36.493-35.235q28.044-15.457,70.289-15.459,42.066,0,70.29,15.459,22.112,11.867,36.493,35.235C892.46,125.02,896.569,151.688,896.569,190.276Zm-121.2,93.48q33.437-.54,42.426-13.3,10.246-8.267,10.246-47.818V180.748q0-46.2-11.5-53.391-10.968-11.144-41.168-12.224-30.2,1.079-41.167,12.224-12.943,8.09-12.943,51.773v42.426q0,39.73,11.325,48.9Q741.574,283.219,775.371,283.756Z"/><path class="cls-1" d="M1494.208,337.427l.3-110.663-79.5-165.1h77.3l40.33,90.421,47.084-90.421h76.941l-82.854,165.1.055,110.663Z"/><path class="cls-1" d="M615.43,278.268v53.624a569.6,569.6,0,0,1-72.987,4.626c-19.524,0-66.581,4.512-95.408-36.2-15.1-21.324-23.913-56.075-23.913-108.189,0-53.524,13.482-86.6,32.968-105.259,29.789-28.531,71.777-25.334,86.7-25.334,19.222,0,44.352.45,72.635,2.96v54.216c-26.283-2.307-51.01-2.145-66.13-2.145q-36.045,0-47.822,11.956c-3.649,2.972-14.975,14.851-14.975,58.963,0,70.346,11.635,79.231,13.392,80.989C514.363,285.461,587.843,279.715,615.43,278.268Z"/><path class="cls-1" d="M1005.439,252.786v84.972H936.4V60.619l94.092-1.17h25.6q56.057,0,77.87,36.591a121.369,121.369,0,0,1,7.749,23.072,165.1,165.1,0,0,1,3.246,34.429V160.3a110.515,110.515,0,0,1-3.425,28.841,75.758,75.758,0,0,1-7.932,18.745q-10.1,17.306-32.265,26.858,13.88,5.23,25.055,18.205a111.508,111.508,0,0,1,7.572,10.455c14.323,21.424,13.179,74.354,13.179,74.354h-64.971c-1.8-5.526-2.585-62.974-21.657-78.825C1050.4,250.525,1006.639,252.668,1005.439,252.786Zm0-48.57c1.322.121,54.479,4.453,69.036-12.913,6.734-8.033,8.472-14.78,8.472-27.4V149.936q0-22.53-6.308-30.283-6.851-7.029-21.81-9.012-16.405-2.163-49.39.9Z"/><path class="cls-2" d="M1291.233,61.538h-104.67V335.609h104.67c66.681-.029,120.742-45.174,120.742-100.871V162.432C1411.975,106.721,1357.914,61.583,1291.233,61.538Zm53.5,175.558c0,24.706-23.933,44.727-53.5,44.756h-34.951V115.3h34.951c29.571.028,53.5,20.064,53.5,44.756Z"/><path class="cls-1" d="M1743.674,338.109a428.1,428.1,0,0,1-45.017-2.607q-9.384-1.042-19.293-2.433l-25.573-2.424.547-65.807,40.08,6.267s15.756,2.259,22.943,2.955q12.859,1.216,23.291,1.216,37.89,0,43.8-17.206a14.78,14.78,0,0,0-.348-13.906q-3.651-7.47-15.47-12.862a123.928,123.928,0,0,0-12.688-4.693L1741,222.089q-9.909-2.43-17.73-4.866-10.083-3.127-18.424-6.605-20.685-8.69-32.154-20.161a55.357,55.357,0,0,1-14.08-28.506,91.9,91.9,0,0,1-.521-27.288q4.694-44.147,37.718-60.66,12.338-6.6,29.72-9.56,6.78-1.043,15.471-1.738l14.947-1.043h10.081q17.208,0,37.89,2.086l16.861,1.912,19.608,2.589.381,57.724a269.76,269.76,0,0,0-28.506-5.041,287.274,287.274,0,0,0-39.977-3.129c-26.419,0-35.548,5.615-40.182,17.548a33.722,33.722,0,0,0-1.348,14.892c.613,5.821.245,7.353,11.982,13.446q5.386,2.438,13.557,5.214l34.415,10.255q9.908,3.131,17.729,6.431,18.942,8,28.679,18.425,11.472,11.47,14.774,28.678a89.318,89.318,0,0,1,.522,26.768c-3.13,29.2-17.72,55.419-39.736,66.656q-12.168,6.608-29.72,9.386-6.78,1.042-15.471,1.738l-13.383.869Z"/><path class="cls-3" d="M6.878,139.205V259.547a64.675,64.675,0,0,0,32.337,56.009l104.219,60.171a64.672,64.672,0,0,0,64.674,0l104.218-60.171a64.668,64.668,0,0,0,32.337-56.009V139.205A64.671,64.671,0,0,0,312.326,83.2L208.108,23.025a64.678,64.678,0,0,0-64.674,0L39.215,83.2A64.675,64.675,0,0,0,6.878,139.205Z"/><path class="cls-4" d="M238.648,124.318V98.672A15.673,15.673,0,0,0,222.976,83h-96a15.672,15.672,0,0,0-15.672,15.672v21.362a15.671,15.671,0,0,1-15.672,15.672H74.273A15.67,15.67,0,0,0,58.6,151.378v96a15.671,15.671,0,0,0,15.672,15.672H95.635a15.668,15.668,0,0,1,15.672,15.672V300.08a15.671,15.671,0,0,0,15.672,15.672h96a15.666,15.666,0,0,0,15.672-15.672V274.435a15.672,15.672,0,0,0-15.672-15.672H126.948a11.353,11.353,0,0,1-11.357-11.357V151.09a11.1,11.1,0,0,1,11.1-11.1h96.285a15.673,15.673,0,0,0,15.672-15.672Z"/><path class="cls-5" d="M264.445,199.376h0a28.494,28.494,0,0,1,28.5,28.5h0a28.494,28.494,0,0,1-28.5,28.495h0a28.494,28.494,0,0,1-28.5-28.495h0a28.493,28.493,0,0,1,28.5-28.5Z"/></svg>
\ No newline at end of file
diff --git a/frontend/packages/web/public/logo.svg b/frontend/packages/web/public/logo.svg
new file mode 100644
index 0000000..cd8939c
--- /dev/null
+++ b/frontend/packages/web/public/logo.svg
@@ -0,0 +1 @@
+<svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400"><defs><style>.cls-1{fill:#00a6ab;}.cls-2{fill:#fff;}.cls-3{fill:#52efc2;}</style></defs><title>CORDYS</title><path class="cls-1" d="M31.107,139.829V260.171A64.675,64.675,0,0,0,63.444,316.18l104.219,60.171a64.678,64.678,0,0,0,64.674,0L336.556,316.18a64.677,64.677,0,0,0,32.337-56.009V139.829A64.676,64.676,0,0,0,336.556,83.82L232.337,23.649a64.678,64.678,0,0,0-64.674,0L63.444,83.82a64.675,64.675,0,0,0-32.337,56.009Z"/><path class="cls-2" d="M262.877,124.941V99.3a15.672,15.672,0,0,0-15.672-15.672h-96A15.672,15.672,0,0,0,135.536,99.3v21.362a15.671,15.671,0,0,1-15.672,15.672H98.5A15.672,15.672,0,0,0,82.83,152v96A15.671,15.671,0,0,0,98.5,263.67h21.362a15.667,15.667,0,0,1,15.672,15.672V300.7a15.673,15.673,0,0,0,15.672,15.672h96A15.665,15.665,0,0,0,262.877,300.7V275.059a15.67,15.67,0,0,0-15.672-15.672H151.177A11.355,11.355,0,0,1,139.82,248.03V151.714a11.1,11.1,0,0,1,11.1-11.1h96.284a15.671,15.671,0,0,0,15.672-15.672Z"/><path class="cls-3" d="M288.675,200h0a28.5,28.5,0,0,1,28.5,28.5h0a28.494,28.494,0,0,1-28.5,28.5h0a28.5,28.5,0,0,1-28.5-28.5h0a28.493,28.493,0,0,1,28.5-28.5Z"/></svg>
\ No newline at end of file
diff --git a/frontend/packages/web/public/templates/user_import_cn.xlsx b/frontend/packages/web/public/templates/user_import_cn.xlsx
new file mode 100644
index 0000000..08d497d
Binary files /dev/null and b/frontend/packages/web/public/templates/user_import_cn.xlsx differ
diff --git a/frontend/packages/web/public/templates/user_import_en.xlsx b/frontend/packages/web/public/templates/user_import_en.xlsx
new file mode 100644
index 0000000..9071622
Binary files /dev/null and b/frontend/packages/web/public/templates/user_import_en.xlsx differ
diff --git a/frontend/packages/web/src/App.vue b/frontend/packages/web/src/App.vue
new file mode 100644
index 0000000..2695859
--- /dev/null
+++ b/frontend/packages/web/src/App.vue
@@ -0,0 +1,182 @@
+<template>
+  <n-config-provider
+    :theme-overrides="appStore.themeOverridesConfig"
+    :locale="naiveUILocale"
+    :date-locale="naiveUIDateLocale"
+  >
+    <n-message-provider>
+      <n-dialog-provider>
+        <RouterView />
+      </n-dialog-provider>
+    </n-message-provider>
+  </n-config-provider>
+</template>
+
+<script setup lang="ts">
+  import { useRouter } from 'vue-router';
+  import { dateEnUS, dateZhCN, enUS, NConfigProvider, NDialogProvider, NMessageProvider, zhCN } from 'naive-ui';
+
+  import { CompanyTypeEnum } from '@lib/shared/enums/commonEnum';
+  import useLocale from '@lib/shared/locale/useLocale';
+  import { hasToken, setLoginExpires, setLoginType } from '@lib/shared/method/auth';
+  import { getQueryVariable, getUrlParameterWidthRegExp } from '@lib/shared/method/index';
+  import type { Result } from '@lib/shared/types/axios';
+
+  import CrmSysUpgradeTip from '@/components/pure/crm-sys-upgrade-tip/index.vue';
+
+  import { getThirdOauthCallback } from '@/api/modules';
+  import useLoading from '@/hooks/useLoading';
+  import useUser from '@/hooks/useUser';
+  import useAppStore from '@/store/modules/app';
+  import { setFavicon, watchStyle, watchTheme } from '@/utils/theme';
+
+  import useDiscreteApi from './hooks/useDiscreteApi';
+  import { WHITE_LIST } from './router/constants';
+  import useLicenseStore from './store/modules/setting/license';
+  import useUserStore from './store/modules/user';
+
+  const { goUserHasPermissionPage, logout } = useUser();
+
+  const { setLoading } = useLoading();
+  const { message } = useDiscreteApi();
+  const router = useRouter();
+
+  const userStore = useUserStore();
+  const licenseStore = useLicenseStore();
+  const { currentLocale } = useLocale(message.loading);
+  const appStore = useAppStore();
+
+  const naiveUILocale = computed(() => {
+    return currentLocale.value === 'zh-CN' ? zhCN : enUS;
+  });
+
+  const naiveUIDateLocale = computed(() => {
+    return currentLocale.value === 'zh-CN' ? dateZhCN : dateEnUS;
+  });
+
+  async function handleOauthLogin(type: string, loginType: CompanyTypeEnum, isDingBrowser: boolean) {
+    try {
+      const codeKey = isDingBrowser ? 'authCode' : 'code';
+      const authParams = isDingBrowser ? ['code', 'authCode', 'state'] : ['code', 'state'];
+      const code = getQueryVariable(codeKey);
+      if (code) {
+        const res = await getThirdOauthCallback(code, type);
+        const boolean = userStore.qrCodeLogin(res.data.data);
+        if (boolean) {
+          setLoginExpires();
+          setLoginType(loginType);
+
+          goUserHasPermissionPage();
+          setLoading(false);
+          await userStore.getAuthentication();
+        }
+        if (code) {
+          const currentUrl = window.location.href;
+          const url = new URL(currentUrl);
+          authParams.forEach((param) => {
+            getUrlParameterWidthRegExp(param);
+          });
+          authParams.forEach((param) => {
+            url.searchParams.delete(param);
+          });
+          const newUrl = url.toString();
+          // 或者在不刷新页面的情况下更新URL（比如使用 History API）
+          window.history.replaceState({}, document.title, newUrl);
+        }
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+      if ((error as Result).code === 100500) {
+        router.replace({ name: 'login' });
+      }
+      if ((error as Result).code === 401) {
+        logout();
+      }
+    }
+  }
+
+  onBeforeMount(async () => {
+    const isWXWork = navigator.userAgent.includes('wxwork');
+    const isDingTalk =
+      navigator.userAgent.includes('dingtalk') ||
+      navigator.userAgent.includes('aliapp(dingtalk') ||
+      (getQueryVariable('authCode') !== '' &&
+        getQueryVariable('authCode') !== undefined &&
+        getQueryVariable('authCode') !== null);
+    const isLark =
+      navigator.userAgent.includes('feishu') ||
+      navigator.userAgent.includes('lark') ||
+      getQueryVariable('state') === 'LARK';
+    if (!hasToken()) {
+      if (isWXWork) {
+        await handleOauthLogin('wecom', CompanyTypeEnum.WE_COM_OAUTH2, false);
+      } else if (isDingTalk) {
+        await handleOauthLogin('ding-talk', CompanyTypeEnum.DINGTALK_OAUTH2, isDingTalk);
+      } else if (isLark) {
+        await handleOauthLogin('lark', CompanyTypeEnum.LARK_OAUTH2, false);
+      }
+    }
+
+    if (WHITE_LIST.find((el) => window.location.hash.split('#')[1].includes(el.path)) === undefined) {
+      await userStore.checkIsLogin(isWXWork || isDingTalk || isLark);
+      appStore.setLoginLoading(false);
+    }
+  });
+
+  onBeforeUnmount(() => {
+    appStore.disconnectSystemMessageSSE();
+  });
+
+  function showUpdateMessage() {
+    message.warning(() => h(CrmSysUpgradeTip), {
+      duration: 0,
+      closable: false,
+    });
+  }
+
+  function adjustOSTheme() {
+    const isMac = navigator.platform.toUpperCase().includes('MAC');
+    if (!isMac) {
+      document.documentElement.style.setProperty('--text-n9', 'var(--text-n8)');
+    }
+  }
+  watchStyle(appStore.pageConfig.style, appStore.pageConfig);
+  watchTheme(appStore.pageConfig.theme, appStore.pageConfig);
+
+  onBeforeMount(async () => {
+    try {
+      appStore.initThirdPartyResource();
+      await licenseStore.getValidateLicense();
+      if (licenseStore.hasLicense()) {
+        await appStore.initPageConfig();
+        if (appStore.pageConfig.icon[0]?.url) {
+          setFavicon(appStore.pageConfig.icon[0]?.url);
+        }
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  });
+
+  onMounted(() => {
+    adjustOSTheme();
+    window.onerror = (_message) => {
+      if (typeof _message === 'string' && _message.includes('Failed to fetch dynamically imported')) {
+        showUpdateMessage();
+      }
+    };
+
+    window.onunhandledrejection = (event: PromiseRejectionEvent) => {
+      if (
+        event &&
+        event.reason &&
+        event.reason.message &&
+        event.reason.message.includes('Failed to fetch dynamically imported')
+      ) {
+        showUpdateMessage();
+      }
+    };
+  });
+</script>
diff --git a/frontend/packages/web/src/api/http/checkStatus.ts b/frontend/packages/web/src/api/http/checkStatus.ts
new file mode 100644
index 0000000..87ae5b0
--- /dev/null
+++ b/frontend/packages/web/src/api/http/checkStatus.ts
@@ -0,0 +1,90 @@
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+import useDiscreteApi from '@/hooks/useDiscreteApi';
+import useUser from '@/hooks/useUser';
+import router from '@/router';
+import { NO_RESOURCE_ROUTE_NAME } from '@/router/constants';
+
+export default function checkStatus(
+  status: number,
+  msg: string,
+  msgDetail: string | Record<string, any>,
+  code?: number,
+  noErrorTip?: boolean
+): void {
+  const { message } = useDiscreteApi({
+    messageProviderProps: {
+      max: 1, // 最大显示一条消息
+    },
+  });
+  const { t } = useI18n();
+  const { logout, isLoginPage, isWhiteListPage } = useUser();
+  let errMessage = '';
+  switch (status) {
+    case 400:
+      errMessage = `${msg}`;
+      break;
+    case 401: {
+      errMessage = msg || t('api.errMsg401');
+      if (!isLoginPage() && !isWhiteListPage()) {
+        // 不是登录页再调用logout
+        logout();
+      }
+      break;
+    }
+    case 403:
+      if (router.currentRoute.value.name !== NO_RESOURCE_ROUTE_NAME) {
+        router.push({ name: NO_RESOURCE_ROUTE_NAME });
+      }
+      break;
+    // 404请求不存在
+    case 404:
+      errMessage = msg || t('api.errMsg404');
+      break;
+    case 405:
+      errMessage = msg || t('api.errMsg405');
+      break;
+    case 408:
+      errMessage = msg || t('api.errMsg408');
+      break;
+    case 500:
+      // 101003 用于查重功能，表示模块未开启，不需要弹出消息
+      if (code === 101003) {
+        errMessage = '';
+      } else {
+        errMessage = msg || t('api.errMsg500');
+      }
+      break;
+    case 501:
+      errMessage = msg || t('api.errMsg501');
+      break;
+    case 502:
+      errMessage = msg || t('api.errMsg502');
+      break;
+    case 503:
+      errMessage = msg || t('api.errMsg503');
+      break;
+    case 504:
+      errMessage = msg || t('api.errMsg504');
+      break;
+    case 505:
+      errMessage = msg || t('api.errMsg505');
+      break;
+    default:
+  }
+
+  if (msgDetail && !noErrorTip) {
+    if (typeof msgDetail === 'object') {
+      errMessage = Object.values(msgDetail)
+        .map((e) => e)
+        .join('\n');
+    } else {
+      errMessage = msgDetail;
+    }
+    message.destroyAll();
+    message.error(errMessage);
+  } else if (errMessage && !noErrorTip) {
+    message.destroyAll();
+    message.error(errMessage);
+  }
+}
diff --git a/frontend/packages/web/src/api/http/index.ts b/frontend/packages/web/src/api/http/index.ts
new file mode 100644
index 0000000..3dd997f
--- /dev/null
+++ b/frontend/packages/web/src/api/http/index.ts
@@ -0,0 +1,16 @@
+import createAxios from '@lib/shared/api/http';
+
+import useDiscreteApi from '@/hooks/useDiscreteApi';
+import useAppStore from '@/store/modules/app';
+
+import checkStatus from './checkStatus';
+
+const { message } = useDiscreteApi();
+
+const CDR = createAxios({
+  useAppStore,
+  showErrorMsg: message.error,
+  checkStatus,
+});
+
+export default CDR;
diff --git a/frontend/packages/web/src/api/modules/index.ts b/frontend/packages/web/src/api/modules/index.ts
new file mode 100644
index 0000000..8735343
--- /dev/null
+++ b/frontend/packages/web/src/api/modules/index.ts
@@ -0,0 +1,841 @@
+import createAxios from '@lib/shared/api/http';
+import useAgentApi from '@lib/shared/api/modules/agent';
+import useClueApi from '@lib/shared/api/modules/clue';
+import useContractApi from '@lib/shared/api/modules/contract';
+import useCustomerApi from '@lib/shared/api/modules/customer';
+import useCustomFormApi from '@lib/shared/api/modules/customForm';
+import useDashboard from '@lib/shared/api/modules/dashboard';
+import useFollowApi from '@lib/shared/api/modules/follow';
+import useHomeApi from '@lib/shared/api/modules/home';
+import useOpportunityApi from '@lib/shared/api/modules/opportunity';
+import useOrderApi from '@lib/shared/api/modules/order';
+import useProductApi from '@lib/shared/api/modules/product';
+import useSysApi from '@lib/shared/api/modules/sys';
+import useLicenseApi from '@lib/shared/api/modules/system/authorizedManagement';
+import useBusinessApi from '@lib/shared/api/modules/system/business';
+import useLoginApi from '@lib/shared/api/modules/system/login';
+import useMessageApi from '@lib/shared/api/modules/system/message';
+import useModuleApi from '@lib/shared/api/modules/system/module';
+import useOrgApi from '@lib/shared/api/modules/system/org';
+import useProcessApi from '@lib/shared/api/modules/system/process';
+import useRoleApi from '@lib/shared/api/modules/system/role';
+
+import useDiscreteApi from '@/hooks/useDiscreteApi';
+
+import checkStatus from '../http/checkStatus';
+
+const { message } = useDiscreteApi();
+
+const CDR = createAxios({
+  showErrorMsg: message.error,
+  checkStatus,
+});
+
+const orgApi = useOrgApi(CDR);
+const sysApi = useSysApi(CDR);
+const clueApi = useClueApi(CDR);
+const roleApi = useRoleApi(CDR);
+const homeApi = useHomeApi(CDR);
+const loginApi = useLoginApi(CDR);
+const agentApi = useAgentApi(CDR);
+const moduleApi = useModuleApi(CDR);
+const followApi = useFollowApi(CDR);
+const productApi = useProductApi(CDR);
+const messageApi = useMessageApi(CDR);
+const licenseApi = useLicenseApi(CDR);
+const customerApi = useCustomerApi(CDR);
+const businessApi = useBusinessApi(CDR);
+const dashboardApi = useDashboard(CDR);
+const opportunityApi = useOpportunityApi(CDR);
+const contractApi = useContractApi(CDR);
+const orderApi = useOrderApi(CDR);
+const customFormApi = useCustomFormApi(CDR);
+const processApi = useProcessApi(CDR);
+
+export const {
+  addCustomForm,
+  updateCustomForm,
+  getCustomFormDetail,
+  saveCustomFormAdmins,
+  getCustomFormAdmins,
+  relateCustomFormMember,
+  getCustomFormRoles,
+  getCustomFormRoleUsers,
+  getCustomFormRoleUserDeptTree,
+  getCustomFormRoleUserRoleTree,
+  removeCustomFormMember,
+  getCustomFormList,
+  getCustomFormDataDetail,
+  getCustomFormDataPage,
+  addCustomFormData,
+  batchUpdateCustomFormData,
+  batchDeleteCustomFormData,
+  updateCustomFormData,
+  deleteCustomFormData,
+  deleteCustomForm,
+  enableCustomForm,
+  disableCustomForm,
+  getCustomFormOptions,
+  preCheckImportCustomForm,
+  downloadCustomFormTemplate,
+  importCustomForm,
+  exportCustomFormAll,
+  exportCustomFormSelected,
+} = customFormApi;
+
+export const {
+  getOrderFormConfig,
+  getOrderFormSnapshotConfig,
+  addOrder,
+  getOrderDetail,
+  getOrderDetailSnapshot,
+  updateOrder,
+  batchUpdateOrder,
+  deleteOrder,
+  getOrderList,
+  getOrderInContractList,
+  getOrderTab,
+  addOrderView,
+  updateOrderView,
+  getOrderViewList,
+  getOrderViewDetail,
+  fixedOrderView,
+  enableOrderView,
+  deleteOrderView,
+  dragOrderView,
+  updateOrderStatus,
+  updateOrderStatusRollback,
+  sortOrder,
+  sortOrderStatus,
+  addOrderStatus,
+  getOrderStatusConfig,
+  updateOrderStage,
+  downloadOrder,
+  deleteOrderStatus,
+  getOrderStatistic,
+  saveAdvanceConfig,
+  switchOrderCirculationType,
+} = orderApi;
+
+export const {
+  getFollowPlanTab,
+  deleteFollowPlan,
+  updateFollowPlan,
+  getFollowPLanPage,
+  addFollowPlanView,
+  deleteFollowRecord,
+  getFollowRecordTab,
+  updateFollowRecord,
+  addFollowRecord,
+  addFollowPlan,
+  dragFollowPlanView,
+  getFollowPlanDetail,
+  getFollowRecordPage,
+  addFollowRecordView,
+  fixedFollowPlanView,
+  dragFollowRecordView,
+  updateFollowPlanView,
+  enableFollowPlanView,
+  deleteFollowPlanView,
+  getFollowRecordDetail,
+  fixedFollowRecordView,
+  getFollowPlanViewList,
+  updateFollowPlanStatus,
+  updateFollowRecordView,
+  enableFollowRecordView,
+  deleteFollowRecordView,
+  getFollowRecordViewList,
+  getFollowPlanViewDetail,
+  getFollowRecordViewDetail,
+} = followApi;
+
+export const {
+  addProduct,
+  getProduct,
+  deleteProduct,
+  updateProduct,
+  importProduct,
+  getProductList,
+  dragSortProduct,
+  getProductOptions,
+  batchDeleteProduct,
+  batchUpdateProduct,
+  getProductFormConfig,
+  preCheckImportProduct,
+  downloadProductTemplate,
+  getProductPrice,
+  updateProductPrice,
+  getProductPriceList,
+  addProductPrice,
+  deleteProductPrice,
+  getProductPriceFormConfig,
+  dragSortProductPrice,
+  batchUpdateProductPrice,
+  downloadProductPriceTemplate,
+  exportProductPriceAll,
+  exportProductPriceSelected,
+  preCheckImportProductPrice,
+  importProductPrice,
+  copyProductPrice,
+} = productApi;
+
+export const {
+  deleteOpt,
+  getOptTab,
+  transferOpt,
+  addOpportunity,
+  batchDeleteOpt,
+  updateOptStage,
+  addBusinessView,
+  getOptStatistic,
+  sortOpportunity,
+  getOptFormConfig,
+  addOptFollowPlan,
+  getOptFollowPlan,
+  dragBusinessView,
+  updateOpportunity,
+  fixedBusinessView,
+  preCheckImportOpt,
+  importOpportunity,
+  getOpportunityList,
+  addOptFollowRecord,
+  getOptFollowRecord,
+  deleteBusinessView,
+  updateBusinessView,
+  enableBusinessView,
+  updateOptFollowPlan,
+  deleteOptFollowPlan,
+  cancelOptFollowPlan,
+  getBusinessViewList,
+  globalSearchOptPage,
+  downloadOptTemplate,
+  addOpportunityStage,
+  getOpportunityDetail,
+  getOptFollowPlanList,
+  exportOpportunityAll,
+  sortOpportunityStage,
+  deleteOptFollowRecord,
+  updateOptFollowRecord,
+  getBusinessViewDetail,
+  advancedSearchOptPage,
+  getOptFollowRecordList,
+  batchUpdateOpportunity,
+  updateOpportunityStage,
+  deleteOpportunityStage,
+  advancedSearchOptDetail,
+  generateOpportunityChart,
+  getOpportunityContactList,
+  updateOptFollowPlanStatus,
+  exportOpportunitySelected,
+  getOpportunityStageConfig,
+  updateOpportunityStageRollback,
+  getQuotationTab,
+  addQuotationView,
+  deleteQuotationView,
+  fixedQuotationView,
+  getQuotationViewDetail,
+  getQuotationViewList,
+  updateQuotationView,
+  enableQuotationView,
+  dragQuotationView,
+  getQuotationList,
+  addQuotation,
+  updateQuotation,
+  getQuotationDetail,
+  getQuotationSnapshotDetail,
+  getQuotationFormConfig,
+  getQuotationSnapshotFormConfig,
+  deleteQuotation,
+  approvalQuotation,
+  voidQuotation,
+  revokeQuotation,
+  batchApprove,
+  batchVoided,
+  batchUpdateQuotation,
+  downloadQuotation,
+} = opportunityApi;
+
+export const {
+  addClue,
+  getClue,
+  pickClue,
+  updateClue,
+  deleteClue,
+  assignClue,
+  getClueTab,
+  importLead,
+  getClueList,
+  getPoolClue,
+  addClueView,
+  dragClueView,
+  batchPickClue,
+  exportClueAll,
+  fixedClueView,
+  transformClue,
+  getPoolOptions,
+  deleteCluePool,
+  moveToLeadPool,
+  deleteClueView,
+  updateClueView,
+  enableClueView,
+  batchToCluePool,
+  batchDeleteClue,
+  getCluePoolList,
+  batchAssignClue,
+  getClueViewList,
+  addLeadPoolView,
+  batchUpdateLead,
+  updateClueStatus,
+  dragLeadPoolView,
+  batchTransferClue,
+  getClueFormConfig,
+  addClueFollowPlan,
+  getClueFollowPlan,
+  getClueHeaderList,
+  getClueViewDetail,
+  exportCluePoolAll,
+  fixedLeadPoolView,
+  generateLeadChart,
+  exportClueSelected,
+  preCheckImportLead,
+  deleteLeadPoolView,
+  updateLeadPoolView,
+  enableLeadPoolView,
+  addClueFollowRecord,
+  getClueFollowRecord,
+  batchDeleteCluePool,
+  batchUpdateCluePool,
+  getLeadPoolViewList,
+  reTransitionCustomer,
+  updateClueFollowPlan,
+  deleteClueFollowPlan,
+  cancelClueFollowPlan,
+  downloadLeadTemplate,
+  getClueFollowPlanList,
+  getGlobalCluePoolList,
+  getLeadPoolViewDetail,
+  generateLeadPoolChart,
+  ClueTransitionCustomer,
+  updateClueFollowRecord,
+  deleteClueFollowRecord,
+  exportCluePoolSelected,
+  getClueFollowRecordList,
+  getAdvancedCluePoolList,
+  getGlobalSearchClueList,
+  getAdvancedSearchClueList,
+  updateClueFollowPlanStatus,
+  getCluePoolFollowRecordList,
+  getAdvancedSearchClueDetail,
+  getClueTransitionCustomerList,
+} = clueApi;
+
+export const {
+  addCustomer,
+  getCustomer,
+  mergeAccount,
+  importAccount,
+  importContact,
+  updateCustomer,
+  deleteCustomer,
+  getCustomerTab,
+  addContactView,
+  getCustomerList,
+  addCustomerView,
+  dragContactView,
+  checkOpportunity,
+  fixedContactView,
+  dragCustomerView,
+  exportContactAll,
+  mergeAccountPage,
+  batchMoveCustomer,
+  getOpenSeaOptions,
+  exportCustomerAll,
+  fixedCustomerView,
+  deleteContactView,
+  updateContactView,
+  enableContactView,
+  addCustomerContact,
+  getCustomerContact,
+  addCustomerOpenSea,
+  getOpenSeaCustomer,
+  getCustomerOptions,
+  moveCustomerToPool,
+  deleteCustomerView,
+  updateCustomerView,
+  enableCustomerView,
+  getContactViewList,
+  addAccountPoolView,
+  batchUpdateAccount,
+  batchUpdateContact,
+  batchDeleteCustomer,
+  pickOpenSeaCustomer,
+  getCustomerViewList,
+  dragAccountPoolView,
+  saveCustomerRelation,
+  getContactViewDetail,
+  getGlobalModuleCount,
+  fixedAccountPoolView,
+  getCustomerFormConfig,
+  batchTransferCustomer,
+  addCustomerFollowPlan,
+  getCustomerFollowPlan,
+  updateCustomerContact,
+  enableCustomerContact,
+  deleteCustomerContact,
+  updateCustomerOpenSea,
+  switchCustomerOpenSea,
+  deleteCustomerOpenSea,
+  assignOpenSeaCustomer,
+  deleteOpenSeaCustomer,
+  getCustomerHeaderList,
+  getCustomerContactTab,
+  getCustomerViewDetail,
+  getGlobalCustomerList,
+  exportContactSelected,
+  preCheckImportAccount,
+  preCheckImportContact,
+  deleteAccountPoolView,
+  updateAccountPoolView,
+  enableAccountPoolView,
+  generateCustomerChart,
+  getCustomerContactList,
+  disableCustomerContact,
+  getCustomerOpenSeaList,
+  getOpenSeaCustomerList,
+  exportCustomerSelected,
+  geAdvancedCustomerList,
+  getAccountPoolViewList,
+  addCustomerFollowRecord,
+  getCustomerFollowRecord,
+  isCustomerOpenSeaNoPick,
+  getCustomerRelationList,
+  downloadAccountTemplate,
+  downloadContactTemplate,
+  updateCustomerFollowPlan,
+  deleteCustomerFollowPlan,
+  cancelCustomerFollowPlan,
+  batchPickOpenSeaCustomer,
+  addCustomerCollaboration,
+  exportCustomerOpenSeaAll,
+  getAccountPoolViewDetail,
+  getCustomerFollowPlanList,
+  generateCustomerPoolChart,
+  updateCustomerFollowRecord,
+  deleteCustomerFollowRecord,
+  batchDeleteOpenSeaCustomer,
+  batchAssignOpenSeaCustomer,
+  getCustomerOpportunityPage,
+  batchUpdateOpenSeaCustomer,
+  getCustomerFollowRecordList,
+  getContactListUnderCustomer,
+  updateCustomerCollaboration,
+  deleteCustomerCollaboration,
+  getCustomerContactFormConfig,
+  getCustomerCollaborationList,
+  getGlobalOpenSeaCustomerList,
+  getGlobalCustomerContactList,
+  generateCustomerContactChart,
+  exportCustomerOpenSeaSelected,
+  updateCustomerFollowPlanStatus,
+  getAdvancedCustomerContactList,
+  getAdvancedOpenSeaCustomerList,
+  getCustomerFollowPlanFormConfig,
+  batchDeleteCustomerCollaboration,
+  getCustomerFollowRecordFormConfig,
+  getCustomerOpenSeaFollowRecordList,
+  getAccountContract,
+  getAccountContractStatistic,
+  getAccountPayment,
+  getAccountPaymentStatistic,
+  getAccountPaymentRecord,
+  getAccountPaymentRecordStatistic,
+  getCustomerInvoiceList,
+  getCustomerOrderList,
+  getCustomerInvoiceStatistic,
+} = customerApi;
+
+export const {
+  exportContractAll,
+  exportContractSelected,
+  generateContractChart,
+  getContractDetail,
+  getContractList,
+  getContractTab,
+  getContractViewDetail,
+  getContractViewList,
+  addContractView,
+  updateContractView,
+  fixedContractView,
+  enableContractView,
+  deleteContractView,
+  dragContractView,
+  addContract,
+  approvalContract,
+  revokeContract,
+  batchApproveContract,
+  batchUpdateContract,
+  getContractFormSnapshotConfig,
+  updateContract,
+  deleteContract,
+  changeContractStatus,
+  getContractFormConfig,
+  getPaymentPlanList,
+  getContractPaymentPlanList,
+  addPaymentPlan,
+  updatePaymentPlan,
+  deletePaymentPlan,
+  getPaymentPlanDetail,
+  getPaymentPlanFormConfig,
+  getPaymentPlanTab,
+  exportPaymentPlanAll,
+  exportPaymentPlanSelected,
+  generatePaymentPlanChart,
+  addPaymentPlanView,
+  updatePaymentPlanView,
+  getPaymentPlanViewList,
+  getPaymentPlanViewDetail,
+  fixedPaymentPlanView,
+  enablePaymentPlanView,
+  deletePaymentPlanView,
+  dragPaymentPlanView,
+  getPaymentRecordFormConfig,
+  addPaymentRecord,
+  updatePaymentRecord,
+  getPaymentRecordDetail,
+  getPaymentRecordList,
+  deletePaymentRecord,
+  getPaymentRecordTab,
+  exportPaymentRecordAll,
+  exportPaymentRecordSelected,
+  addPaymentRecordView,
+  updatePaymentRecordView,
+  getPaymentRecordViewList,
+  getPaymentRecordViewDetail,
+  fixedPaymentRecordView,
+  enablePaymentRecordView,
+  deletePaymentRecordView,
+  dragPaymentRecordView,
+  preCheckImportContractPaymentRecord,
+  importContractPaymentRecord,
+  downloadContractPaymentRecordTemplate,
+  preCheckImportBusinessTitle,
+  downloadBusinessTitleTemplate,
+  importBusinessTitle,
+  getBusinessTitleList,
+  addBusinessTitle,
+  updateBusinessTitle,
+  deleteBusinessTitle,
+  revokeBusinessTitle,
+  getBusinessTitleDetail,
+  getBusinessTitleInvoiceCheck,
+  exportBusinessTitleAll,
+  exportBusinessTitleSelected,
+  getBusinessTitleThirdQuery,
+  getBusinessTitleThirdQueryOption,
+  getBusinessTitleConfig,
+  switchBusinessTitleFormConfig,
+  getBusinessTitleModuleForm,
+  addInvoiced,
+  updateInvoiced,
+  deleteInvoiced,
+  getInvoicedList,
+  getInvoicedDetail,
+  getInvoicedFormConfig,
+  getInvoicedFormSnapshotConfig,
+  exportInvoicedAll,
+  exportInvoicedSelected,
+  revokeInvoiced,
+  approvalInvoiced,
+  batchDeleteInvoiced,
+  addContractInvoicedView,
+  updateContractInvoicedView,
+  getContractInvoicedViewList,
+  getContractInvoicedViewDetail,
+  fixedContractInvoicedView,
+  enableContractInvoicedView,
+  deleteContractInvoicedView,
+  dragContractInvoicedView,
+  getInvoicedTab,
+  getInvoicedInContractList,
+  getContractDetailSnapshot,
+  getInvoicedDetailSnapshot,
+  getContractStatistic,
+  sortContract,
+  getPaymentRecordStatistic,
+  updateContractStatus,
+  updateContractStatusRollback,
+  sortContractStatus,
+  addContractStatus,
+  getContractStatusConfig,
+  deleteContractStatus,
+  updateContractStage,
+  saveContractAdvanceConfig,
+  switchContractCirculationType,
+} = contractApi;
+
+export const {
+  syncDE,
+  addApiKey,
+  updateAuth,
+  createAuth,
+  deleteAuth,
+  getDEToken,
+  getAuthList,
+  getDEOrgList,
+  updateApiKey,
+  enableApiKey,
+  deleteApiKey,
+  getAuthDetail,
+  sendEmailCode,
+  getApiKeyList,
+  disableApiKey,
+  getPageConfig,
+  getConfigEmail,
+  updateAuthName,
+  savePageConfig,
+  testConfigEmail,
+  getPersonalInfo,
+  getThirdTypeList,
+  switchThirdParty,
+  updateAuthStatus,
+  updateConfigEmail,
+  getPersonalFollow,
+  updatePersonalInfo,
+  updateUserPassword,
+  cancelCenterExport,
+  getExportCenterList,
+  getThirdPartyConfig,
+  getThirdConfigByType,
+  exportCenterDownload,
+  getThirdPartyResource,
+  getConfigSynchronization,
+  testConfigSynchronization,
+  updateConfigSynchronization,
+  getTenderConfig,
+} = businessApi;
+
+export const {
+  getMessageTask,
+  addAnnouncement,
+  saveMessageTask,
+  updateAnnouncement,
+  deleteAnnouncement,
+  getHomeMessageList,
+  getAnnouncementList,
+  getNotificationList,
+  setNotificationRead,
+  getNotificationCount,
+  batchSaveMessageTask,
+  getAnnouncementDetail,
+  closeMessageSubscribe,
+  getUnReadAnnouncement,
+  setAllNotificationRead,
+  getMessageTaskConfigDetail,
+} = messageApi;
+
+export const {
+  addReason,
+  sortReason,
+  addCluePool,
+  addCapacity,
+  checkRepeat,
+  updateReason,
+  searchConfig,
+  getReasonList,
+  updateCluePool,
+  noPickCluePool,
+  updateCapacity,
+  deleteCapacity,
+  uploadTempFile,
+  previewPicture,
+  getCluePoolPage,
+  getCapacityPage,
+  addCustomerPool,
+  downloadPicture,
+  getReasonConfig,
+  getSearchConfig,
+  getFieldDeptTree,
+  getFieldClueList,
+  getFieldContractList,
+  getFieldInvoiceList,
+  getFieldContractPaymentPlanList,
+  getFieldContractPaymentRecordList,
+  deleteReasonItem,
+  deleteAttachment,
+  moduleNavListSort,
+  getModuleRoleTree,
+  deleteOpportunity,
+  resetSearchConfig,
+  setTopNavListSort,
+  setDisplayAdvanced,
+  getAdvancedSwitch,
+  previewAttachment,
+  addOpportunityRule,
+  updateCustomerPool,
+  deleteCustomerPool,
+  noPickCustomerPool,
+  updateReasonEnable,
+  downloadAttachment,
+  getCustomerPoolPage,
+  getFormDesignConfig,
+  getFieldDeptUerTree,
+  getFieldContactList,
+  getFieldProductList,
+  getModuleTopNavList,
+  switchCluePoolStatus,
+  deleteModuleCluePool,
+  saveFormDesignConfig,
+  getFieldCustomerList,
+  uploadTempAttachment,
+  toggleModuleNavStatus,
+  getModuleUserDeptTree,
+  updateOpportunityRule,
+  getModuleNavConfigList,
+  getOpportunityRuleList,
+  moduleSearchMaskConfig,
+  switchOpportunityStatus,
+  getFieldOpportunityList,
+  switchCustomerPoolStatus,
+  getModuleSearchMaskConfig,
+  getFieldPriceList,
+  getFieldQuotationList,
+  getFieldOrderList,
+  getFieldDisplayList,
+  getFieldBusinessTitleList,
+  getDatasourceRefDetailList,
+  getFieldCustomFormList,
+  getDatasourceFieldConfig,
+} = moduleApi;
+
+export const {
+  addUser,
+  syncOrg,
+  updateUser,
+  deleteUser,
+  getUserList,
+  importUsers,
+  setCommander,
+  addDepartment,
+  getUserDetail,
+  batchEditUser,
+  getUserOptions,
+  getAdminOptions,
+  getRoleOptions,
+  sortDepartment,
+  deleteUserCheck,
+  renameDepartment,
+  deleteDepartment,
+  getDepartmentTree,
+  resetUserPassword,
+  updateOrgUserName,
+  importUserPreCheck,
+  getOrgDepartmentUser,
+  checkSync,
+  batchToggleStatusUser,
+  checkDeleteDepartment,
+  batchResetUserPassword,
+  checkSyncUserFromThird,
+} = orgApi;
+
+export const {
+  getRoles,
+  getUsers,
+  updateRole,
+  createRole,
+  deleteRole,
+  getRoleMember,
+  getRoleDetail,
+  getPermissions,
+  getRoleDeptTree,
+  relateRoleMember,
+  removeRoleMember,
+  getRoleMemberTree,
+  getRoleDeptUserTree,
+  batchRemoveRoleMember,
+} = roleApi;
+
+export const { login, signout, isLogin, getKey, getThirdCallback, getThirdOauthCallback } = loginApi;
+
+export const { getSystemVersion, changeLocaleBackEnd } = sysApi;
+
+export const { getLicense, addLicense } = licenseApi;
+
+export const {
+  dashboardAdd,
+  dashboardPage,
+  dashboardDrag,
+  dashboardDelete,
+  dashboardDetail,
+  dashboardRename,
+  dashboardUpdate,
+  dashboardCollect,
+  dashboardModuleAdd,
+  dashboardUnCollect,
+  dashboardModuleTree,
+  dashboardModuleDrag,
+  dashboardCollectPage,
+  dashboardModuleCount,
+  dashboardModuleDelete,
+  dashboardModuleRename,
+} = dashboardApi;
+
+export const {
+  getHomeDepartmentTree,
+  getHomeFollowOpportunity,
+  getHomeLeadStatistic,
+  getHomeSuccessOptStatistic,
+  getHomeOpportunityUnderwayStatistic,
+} = homeApi;
+
+export const {
+  addAgent,
+  agentPos,
+  updateAgent,
+  agentRename,
+  agentDelete,
+  getAgentPage,
+  agentCollect,
+  agentModuleAdd,
+  unCollectAgent,
+  getAgentDetail,
+  agentModuleMove,
+  getAgentOptions,
+  agentModuleRename,
+  agentModuleDelete,
+  getMkAgentVersion,
+  getAgentModuleTree,
+  getAgentCollectPage,
+  getApplicationScript,
+  agentWorkspaceOptions,
+  getAgentModuleTreeCount,
+  agentApplicationOptions,
+  getMkApplication,
+} = agentApi;
+
+export const {
+  getApprovalProcessList,
+  getApprovalPermissions,
+  addApprovalProcess,
+  updateApprovalProcess,
+  approvalProcessDetail,
+  deleteApprovalProcess,
+  toggleApprovalProcess,
+  getApprovalConfigDetail,
+  getResourceApprovingDetail,
+  reviewResource,
+  revokeResource,
+  getProcessedApprovalList,
+  getPendingApprovalList,
+  getInitiatedApprovalList,
+  getCcApprovalList,
+  rejectApproval,
+  backApproval,
+  addSignApproval,
+  getApprovalResourceDetail,
+  getTodoStatistic,
+  revokeApproval,
+  batchRejectApproval,
+  agreeApproval,
+  batchAgreeApproval,
+  testApprovalWebHook,
+} = processApi;
diff --git a/frontend/packages/web/src/api/modules/system/log.ts b/frontend/packages/web/src/api/modules/system/log.ts
new file mode 100644
index 0000000..c7e08f8
--- /dev/null
+++ b/frontend/packages/web/src/api/modules/system/log.ts
@@ -0,0 +1,26 @@
+import { GetOperationLogDetailUrl, LoginLogListUrl, OperationLogListUrl } from '@lib/shared/api/requrls/system/log';
+import type { CommonList } from '@lib/shared/models/common';
+import type {
+  LoginLogItem,
+  LoginLogParams,
+  OperationLogDetail,
+  OperationLogItem,
+  OperationLogParams,
+} from '@lib/shared/models/system/log';
+
+import CDR from '@/api/http/index';
+
+// 登录日志
+export function loginLogList(data: LoginLogParams) {
+  return CDR.post<CommonList<LoginLogItem>>({ url: LoginLogListUrl, data });
+}
+
+// 操作日志
+export function operationLogList(data: OperationLogParams) {
+  return CDR.post<CommonList<OperationLogItem>>({ url: OperationLogListUrl, data });
+}
+
+// 操作日志-详情
+export function operationLogDetail(id: string) {
+  return CDR.get<OperationLogDetail>({ url: `${GetOperationLogDetailUrl}/${id}` });
+}
diff --git a/frontend/packages/web/src/assets/icon-font/iconfont.css b/frontend/packages/web/src/assets/icon-font/iconfont.css
new file mode 100644
index 0000000..38b86e7
--- /dev/null
+++ b/frontend/packages/web/src/assets/icon-font/iconfont.css
@@ -0,0 +1,1084 @@
+@font-face {
+  font-family: iconfont; /* Project id 4798260 */
+  src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAHRgAAsAAAABF9gAAHQMAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACqcgqDuzyC6yABNgIkA4pQC4UqAAQgBYRnB7BYG07sdwY3k6QKtwNoavnflCMRge6Av0akkzArgo0DAJF/YPb///+fmVTG0DSFFADV6XQ6vxsJUVCKWG22m4rRSG900mzqUiatRBUzXia2hS6yzYjsRkSuhreWA5tn2IIxz2M7m93bZ7LnSsUvx0h262brKtbTfdPN/XggspGS0YsPPPijIhVnkPhFLvf/3skxaOPKJ0SDK93O5Y8bQcLI2eUOJd8ONKbsTjz42UCIignKRTbkeqsEZAIBhasLRWle+a3yhu/C5bvy+WIhcR6PPdB5TS9PkMvTlNmpyYtGp8hDz37f7sy899etOeLdElQ8mTdC3NAolVC3YZ3SOJTCmeF5t/UUTBFQPuLCAYI5wIEijsVHQFR088ENrpE5ZovfprEsLVua1V1i2+pKK+ju2thUG6dp3bWGta8BBRIHOWcmKqDPTxC2AAKgAAJQxZlbRZAeTwE5NM9ZApq4+E37HhwFmyxhjmAhveNfIPLT2PKMOrLkynLS3MA5lyFW1Qc8MC8CBufWqFO5KWLeSIRISqgczOoBqNY2LMuF/2qOBgWNlj6hBKmQkbs1qjWyqj8QBHkVGCMmzIdqrSqC2d27i4TVFHwMqYIWoxlB2iUiExlBh5llejhfqU/m3S9z75dSVdDQUp6YdpfQ6pER7xs4J9obFA+4yn7GrnLaf/eMFFd1D9gPb/iRrgCkkQybSLJi69cqtOu/z5Wni+Y6cw18Qj5R4LGxNz2bUKS0Q6ADzmsA+qLu32/rY8dKJF8FlPADpqkTfFq2+Q9s27hTpTIFzBrHn9x8D5IapKJTu4mOHYG6PYl/yAH31amutkFSM9k9UgFDCGM4nDY+5l9Vq5YURzuSvW+evJs7j9/TXkgTisbrCyG01zT/f4Ak/v8ARQCkRJCiTJCWh6QTQEoySTkwmWbQeBUmSLY3ZK/3gjdlgLQ9ojSBkOw5aaNsX45divn1KZUqr9yivPT6VDRX9N3VxVEVJ3HCwRdsAFu7GnD7/9Np1Q6Xe8AVUZd9/QGWV2573RVdNPNntPLoSyF5QZ6QrSVbYWeBRloazRHZi1Tlutx1MRxxWaRuT2WohexfQxZGTSg333z8fJqbO9eRUhFJRcRKkHTMj6+b/M2+o6WyLrRYiBBxSAjw9v+mg2yrx7h8r6YiFiKCIFEb22BJnPfx9gjALLgmmqnobqIMLFa/bqwBu7DgbmEAHyZG9eeyAjB9KoOBmRhgGgSYSB8UK9ZvBHJFhvG1f8fHyy3ZggQjxp2V+x/ExeD7x3jAnD6nxve8QAC4eAJGQAEuOfMNR/lY7V+9w5c6naV+9w6Y03EBHRbMQn6MhtDOvYcSsgoqd1Z2DE1VduVWYT0/dMveb/eRRJWjwc48wa/iStzND5BJuX+/PiLJfR0/+799WNpBOAcRIkUfrPDBjk72hC4Obq6P+Pis3F0g/eHp7NW/mb28bXGk+Yx5nNddW7f4vIskK6qmG6ZlO67nB2EUJ2mWF2UVYspme8tDMT/l/5PjCMEICo3B4uKBoUKNBi2OozhJs7woq7ppu34wHI0nlpnO8i34QRjFuyTN8qKs6qbt+mGcDsfT+bK53u6P5+v9+f7+84a6Xmr6gsYM0wL+tuN6OEFSNMNyvCBKMvD+fH8otp/mZbc/HE/ny/V2fzyzvCirumm7fhgd1/ODMIqTlCApmmE5XhAlWVE13TAte7XeACAEIyiGC1UT3cxcROutNe+n/4VPYIgJ899+8/d//PNf//7tf/771z//BUFySipXV6NVqtQisUQqkyuEAp7lGJpCMRyBIRCQlu1I1+PVDVNTUUQMDRzuNC9Y/j6mGqI/BnYMduDO7rzYkS97CGBPfPYK3odigL0R3rhEwN6Jb7JiYdIkcJspDm5QPEyjBLi1EoF9SBpVMsymFBhfKrBPadMuHUaVAeyLjH1D5is5sB+KScuEQVkwPhWwXwXsRSU72cn+7GL/9tGmj3ZaOvTTaT9dDtDtIM0O0eIwrQbZ1Z/0uESvyyS6QpKrJDOQYphU10hznXQ3yHCTTLfIcptsI+QYJdcYee6Q7x4F/qHQOEUmKDZJiSlKPaTMI8r9S4X/qPSYKk+o9pQaz6j1nDov2NlL6r1iN69p8IZGb9nFO5pME+g9QT4Q7CMhPhHqM2G+EO4rEb4R6X+ifCfaD2L8JNYv4rTC/wDQN0D6DkQ/gMmBEEDJg1EApwyCIiQRFOXQVMAQw5LAUYKnFQJShFQiogox1UioYSdDSi0y6rAbxnEEeAcR4l1EhPcQMd5HJPgAkWLpyPAhIsdHiAIfI0p8gqjwKaLGZ4gGnyNahOjwBaLHl4gBXyFGfI2Y8A1ixreIBd8hVnyP2PBD7PgxDvwUJ36O6/HFjV/iwa/x4rf48Hv8+CMB/Jkg/koIfyeMfxLBv4niv8Twf+IMIAm8iCTxEpLCEkljsWTwMpLFK0gOiyaPJ5ACHkaKeBUp4TWkjNeRCu5NFc8hNbyB1PEm0sBbSBNvIy08grTxKNLBY0gXjyO9+U0f8CQywFPIEE8jIzyDjPEsMhlkCngemeEFZL54WQDuyxL3Z4UHssaDyAYPIdvlmh3g2uxxXQ64PkfckBNuzBk35YKbc8UtueHW3HFbHrg9T9yRF+7MG3flg7vzxT354cL8cVEBuLhAXFIQLi0YlxWCywvFFYXhysJxVRG4ukhcUxROLxpnFIMzi8VZxeHs4nFOCTi3RJxXEs4vGReUgoNLxSGl4dDScVgZOLxMHFEWjiwbR5WDo8vFMeXh2PJxXAU4vkKcUBFOrBgnVYKTK8UpleHUynFaFdijSuxZFfaqGntXg32qxb7VYb/qsX8NOKBGHFgTDqoZW9SCLWvFVrVh69qxTR3Ytk5sVxe2rxs71IMd68VO9WHn+rFLA9i1QezWEHZvGOs3gg0axYaNYaPGsXET2KRJbNoUNmsamzeD1ZvFss1hjeaxZgtYq0Ws3RLWaRnLtYJ1W8V6rWG11rFKG1i1TSzfFlZoGyu2g6XaxSLtYaH2sXAHmL9DLNARFuwYc3SCOTvFXJ1h7s4xTxeYt0vM1xVm7xqzdYNZu8XM7jBL95jRA6b3iGk9YXLPmNILpvaKSb1hYu+Y0AfG9wnj9Bmj9AXD9RUj9A0j9X3SfgBG6yfG6BfG6jeG6A+G6i+G6R8G6z8GiUAjnX/x+lM8Jr8Nf+6B82x095v9HY71/x64b01iJmWHkPZ0/RhGA3wlGkV3UZIdxSfwiNIIic3JfS+BbGUrnmunnt/KWKevwgvyyjOuMrkWdAcnpDnVBMy6I9qzGEbEFQhE/Ps7RRAtF/IqMMAVGPk1iopFTsC7cApCWYUFEu5LfEr4BBMeNEBCaFRsJw0oEQHKlHtCrYKwwoY8AbS1kq+fUARgLeACO2+4R6+Am/mt59MbVCAxATbcXQ48mi8JjyiYB6JOfIp84MVBZQ0zftKHOV6bkJI/jX8qsnW89nY5OPcgSfEeLdjJYpxYMaYJiy2KAtyhJ46zqS0HvR0cnBJ5//KeDm6YTy+1PPOiGeIKgdzOKNjaAXOeK3jzJ32CBVhUmIk5Vfm17u8tECK8qdigjXO7/r4tZYrNx8luN1o3AEWH2XZEtlG1CqTUxKo8q+t/2jSNnGx3c2OWmW0CzAXRA/OqFLLsCXDNant7ZVmV49gPZjE/BNZWdUauLWvhKwy92RgjUKpqvR537npLSY9Vx0Yr3+a1yzIkPTiB977lGOQp7XFo9I2epKRj+Tpaon13ANRxdAW5v+oNuI2mbpr/WmaTq0+EpdjfqsLkPoIcZ5CrKAOn2IN3LC68ud40/Mj3G3Ed7bkdR5k382JgfFAS3GDaQ0TWKq/Ks1balJ3qiYht2XDKPLZqhlpzzs+GVm5hGWzuYxGQoki1hndyswYRYaFC9Xv1FWxuMxQAOwX38uUFHKhUJg61EiFnH6lVIw0s1XBRCymGDBbGrZNEMCPKcdEpN8uXCUScfiAZ+L61KDBTjevK2yjmeS1ie8wYAQjWtAg2495g7W1TggSgLPFahaBP6LFp6WZ2ZgXMWlYArIRwSCn18gTkg9j2xBGmJ0ENRYHcQxu2+97RDe5sOGDjagl1AQZ0Zuq8tWcySErZ4OyIGFpVw9jCtgJCK8aYA1W1j/ZcNduswD0sOICqg6vK7+AXfJZNOlfByINsO0bveHBrZMAu8SaQ56yLrOeRBkHlp65tORWKfroIvvUGxF3KGvO6meTjoRdmPFWIu6ydLef6GLPnkIXApg7GZiEDTKzgPX/s13DBoURRMDy8CoayfIfFfWZzH/SbFUAEkpZT0Wt58IJ7WbTw0XPilTh1FeYRu69e53K5Z1gV2emaeJdjRxNEFeyo7AGFkC+ZCNMtlxQphTpRm/j1oVMB7MF00A7PRGa3f/0KCFJ3dMM6+5VWK2yv216ujiGd9Q7weNyqkhRPET5sAiyxNuyg1FSZOs+/9nmjZnxoJ6Z9sJpZlbvcVCYqBZffnX5mnb2reRC9W/0CmjFz319MfY4uihXyRVxRPEsisgPAQcS2mTMUpVw6j4mibcqq5EIEr2ieFZEcSdANAI7412hivbpvyI1PKhFR8fAI+f5n8pdXl98FQEwxjR0y6PnVBxe9dDKmR8WnHdsUSILqszS+PPTsSPGMG49PppOqlQWhKFV6/y9W9nr/ObLqzvjCNhFMUl3SybXsOHFYW349B1Pvb/yFOFMZZEJumi1i4c0jTIweBCImd8XbYiFm9Qyia5VA75PzcgtRQ5xGfIFvIEaschVIDxHAGdLzX1KEhJhI82gnRiXtxUYVNO1/jh6HVNyYTAunB1Rp2yDzIBAR4kGtFWhACWBOpcNb5vF7UYIfBG7QZZTYlLZEBCW1qLygDDGRkhRRqGW2L2INAd/xmCijBKdanMJDwkKEmu7xvsPxr/6Qg1HTLBXRiP4EAmYxMD87a5TZY1d2+dKcEhrOS4JUO2VW1/gKqsrQ8ttkZgAUMnpWYBiylg+Ro2/kEKHPySiIVQ5IGEyCgp8ECOBWR7BKKXu08fdMLILvMArbxvhusl3K5ObhQ24qEY1lk2nlfGYj8Tc6ZWgzpdt6EAg6cs5afMGCl3akQkApUoExg3OhIIz1oktiCf7AYKwB9pAddmJRO+HKxZwK9oAs06lSZK9O48CtoHZF2z3Q+z02nPp3NoG+SI8dlhpCnyo0agi+URoSvsJPOntyGDwKPnXqVfYI+NW8BoRPF6+hrzYhxq7IjMG9gSY8FoPLkiO9w3pAQHFIeUkxxJEYxJFw4bSUbJQluRG9adEjflFMN6tPEb3IA/45gF4BnKmS/NSsyE6M6CQ4PPbRlXTJmLIxfQTAY4q/gr1LwNqpHWJGtEUgxEIVcKe1Q/QlgfGxb7fM109Dv3+FE7MjD1wKO5IhSU5MKYAhKkYdlVgnVatl14X41rZ63Yq/An1X8SfXrN87DvuTu3Sal8zqIvYRWwIFt9cVVzTVnfTT/wFStmckNLMIU1qzJ7EAOuTRUX2aI3BD8DIaPXj/G2XSfByUn/8EDddWpcHyOgQ7fgi+3KRg/ZZ1DNpHIvLsq7sccvYD3ZO8V4dmWv1mTd+Dlj/HRket3/RNl0bOFLGtS8TZB+WuikGAHrBzhkbYSyD63OJL8/Xyx+UfAhqTRCtf03dDIqrHkn5T/dsf3XA58HfuTkMXregn8R0hboUFuA7YqUiFlNznhrT5TrfDVW3X7jRKEvUXtJEax/wDFYU0E3IzCpEvPwrDY/gL3ArqQshk9VlqsnoE9LlTG0zWsByEaD7PMJjPrGeoZCBCIxNbYHYm0PV5d9lNn5kj4ErXx1f39G25nXvfePCG9LY0trbm9NlNFN4bH3qtd/rbz+qIbVavHro7NlbQfvxExhHqFaQ3FZH6nJT9HoWO6FSloyBXeMTPTCq+EAvAkB3KV0ZB6WV8jddaUnzoeyzL6UjLt+e6mLlxM0yyj56Ubt9qUUNUMCmRXTPKutQi492e1VfEHVOM4sa9gQVBErnHT/OLMKzPQADA9CBiFW4uNkSu7jjkkV9fvl0a/a2w96c6dl/zh18PMSB8LTuVQXSRm/GFPJKgvLriB8UEYSKQfWS/94Uz+j38obJeVTnRREp2cyjMAr4hxGdL+uxT8848RL9yl2hbUKdal9/mf1DZyvlz72ZmVko4C/qxEorw0reyMUeIPvRxFBrskEzdIVHG0M1af0vvtQE9D2VB+uXX5svFOrC6Hbyy3vD7B48QE7Kbb/XSM+vFCsRfPGCvR8S7O2Oirn8OKFY/HC3H4lud53bNyxoQr0kmxFSK4y0y18ZUYbW3gs4CcDsUkADTcy+RChdeq4wxb+4+LtNd4j2umZmSLkfEopExkZ404qmD++s3BR+7NGTZTYi43zz28CVwq01aO54UHv1G85N2ZaME/esTj6ddSOSTpEuEnYCdH56CQGmei/laFRWLG9Eu76sJuJRDCTx4Ld9kTOyxEynToNKvedy0/da01qPGZ3tj1+tiYAp6x3jNytk0FxyFh+LmDvsGwOLNLVme/8p9PDYl+CVw8IvowOBDdz5lKMazEX8PMZ8umv2sjOXn8zxxMk2fAtCQuNdn6DytZVPedEsimmf9MN05B84lFAzRhJmKQ8ehYDk++jna4a3ZsfNxlw0mtUWBlDEWIlxZRSyADHlkQhF2lFipgkzSfo+T8p9PU10DRxCfOt7NX0XIq+hddD1RRUH8lS54rqCiY80DROyyYgRjspBgZvHDVlZ3oiCQpvLKtMLBzFLxycm0RG6zI+fOlRmlO6FwCq77K+3odK6vArQXtumnWjq7Yw04IKnTQGoe8/kyurinloYyTx8Xl2+3+lrzi7NeMhvDDQ1PRTsac5JpxdufcCJ8YWl2JhCnND0PFhbhaaXVyfiXsl49NKEJDbhz1C45FESMxgKzqiAgyRcPIPocx1mmiNHXW1LVcxdF8+InRjlMsC3FqmLhbJk1JhsdRSNAz8jw8EpUXSKww27Rjg2pRHamZy21cQrPAfCxC1l6ErsylzyA3+L3qhIemJiU6kFgcW4wZri2QsxW9tgZZDjIblz+zkzZjkRx6QsWdVnGsI4Y8VQCwwmQB976cDvpm1S1jKRzALXCqbWtp0Q8NyV2eXFX/KudiFK9WqHPu8l/YttVtDGC8n2sTZSDhqUP+wD7kUR6GLriGnDJb1Ggb2tfBZb24uL0e/ZdkpxCOBc4vp+GMexlryWvF6ySURykN4+HV4aqISQgrl4+LAAjL9ZGzHpJN+FZUtiZ/Tqt1dZ6OolEOjMI6/08Z6OHTTf/L/kf8DHfv2eU4qmYKPFTfxjbtvSpY27R85CvxEVvD7Y0EgSca4aLKNhiTMZHGnrgM0QEtJE+4V1xfsTIrXLgEeI2J3AkenFPlmUaSF7diVolEOv9tcimelhTThr+z9M0X9oRD8sl3N4RwQhJ5Ru1sLW0Mk6fT35hLNFOtB4dHxhdfOW1zQJKz/35RQTfnCw5kpRi+BSkPUo2yOTQ+tSAXYzL/nDfSsaiq2QIz0FI3dB7oSnjYcvx8cFeORNu9l5y+8rFCmMYFlinj1vZOdBh8Wmf6zxfhqlf8O8KD1RVlWUVg2HQCuKeCRnQ4jI5Xi+VyK99bmDDOXvYQanNWX1uS/jG1UQECNOALQ6l4faEPOTG+WqOflIZ9pLJ2DcI3FICxLPmOhYjSao/UJd49RrdzngUEJWI0nCFj/E+vFQ5vdJ21zNgD60cPoDU6VsGNGZFZkQRuJBB0kHl/sqx/7nuS9qOjK5o8uEdM89U+CdrChmJOEmBY1rRPn/MyyEKCRGrbuo/07VupqKIJ4mOudMZIzpKEUTszVpoffqVF8KhCfY5doCwd+tzceS29chyX1x9JQiOMqdZLpwTOW02unbE+YechG3+sWQhxSJAm6Nh/d74mDLGu5MpwLYk9gwhB9u64wgclQDz5p7nyqrmGa6LKDycNP4r6wQtXtUdc90UCpV2uAvWnI6ux8Q79/HCCVCqw9UwT3Ua17aywCytWK85kjMUpKb1eP89meHfJUQTMsrnDqlbWwEwhDYi7XDlep0JFFqKBkcU7PyoK2ZP2x9bhX7h7jUgAGH29QwwK0TFbapxSL+kB32un6UTtBH+xzG5apG4Fh0SgzQboPVqcxckkZaPgnhj70bb9R2F4zPQM6ZN1elVsSpIk5RtU8v3cMnm2/tWD07vLg5uFUmWHl0LYTpangd3bPpAptQgXi7cbwUBPSaGk2MVwbo7M7++WSlQul8pvRhWAbZKWblSSxwBfWpTphyuPqlDRRuI7OgJqiVNx2Q2ZEW0RcdETNqL1HKVRFRGt2ZCQSB5nlq9oHSsn4kQfBfPhiB8OfcUqPjpAdGWU02pFoRQ44qnCVeWIPwpumlKFe9Xy66XblwjgYAzneyy+uma4CLS6YAUl1xfExq3wtn/sBTNb77bztQ4UsGWgoD0WJxrsyG7IXMgsd7kyk0HD351hqmuDe4hJr0K/kNHjz8OYfFvFA6o4XU4f0o6TVjOuLTW7ikJv66Jv1sDCxO2I0mFT3UptrXhT+eaHne5pmZX3uiwHUcpnbzMij+TS62qdjSWlR51Ot6kXPws8yvJpRJYFPPHbDExez274dfc7sZ90x8oPZTfsQgkc51uQeAkCYTpWtsjfjaVq1k9sHowDxBzozNd+LrLeF78dmyu5b5q7F9oLfGTaavxUdCZ3bkEjss1SeLqfNd9pqZMHKy+Ww1L7YNemTGr4xAZPiU55dq2ieGsHsqYLblqSc+br09n44Us56AvCZREAiiao50qF/pWH0vQgH0yWZ0TLLbbQJ9DQbR13HjyorI7LBHIQLlDkHwykY4WFECkfIX13sufOZRnqKBLlbsFEWInIwVXCqmx9HXiC/PSxq3rUyJfoGcy/zqSrsS/Zpz4kHSObUCLwGESPG+AjQVAJUguj2dBLVg2fc2zHCmXRG075cqU4anGuXFFwVolmWPs2FYrUgZTwRAmVoRF0qaudknMti8QXbfJz6mlJVurbeDQZAfr9Mrt7SjUHMMQ8zquXFEwMhQ64IkfofTrv5RC5O+YzkTSJPytqeJPXZ3SZi31EqFd9WHUUzl0qqxXhqwzfUJyx6M1pUpOyF1dXkf+gRvsPetDgnfVf7mu+ji8qdwLW6wDp5rjwtT7kic7AmLmo3WitWwjV9xY7IJ0UaZd+hyQSlFdUHogDeWkrio/o9SysrNOVckFB8XQV/r4I9r4aomGtoJyi/x78631bfzrHFt5g8VyVRHLFC6gpudhIt+GqVt2Do4UtZ77N5OUfwKn/CLmq2HRuyhXzBCzxfY7PHgX0NDIp06jdbrHalY2Jvr3qMM0bx17mPChj5kaghg5/W7me6M1UgyJQ3mCsWnWmxmrqhuF7nAiOynC1xq/gY0+cJl+rDa3K1+fZT6xy29aYK+j75GkOUXzkLgeOzVT4McyQ62ifMFtr5Eicc7J/GG/CSZDecnfKskCju1i8OWzOtCzlKMqCygK7KuMZn/9kY+GqklDGXqaF27r1GilyFdcw7fogc76BejB8XOJdmjsXr0Ka8/O4yVONvu8XYGbVDXxQzpXLO1JCMET7FtNS1TOVcue3U93SykxJ7sVlV5BJLXIgiVBw+cgZKOm12fUXFYcIkqGt5ylL2xxBqeP34AmN95jNa6tqS+DNTMzj8pGe/qx7+phw7boDbzN36pWUo+Hw8nzwTyAD6Fuk8RzXxgcISPDboSpm9wIO38zlWInZJIcQpupkElefkEFG1wcmvE3hJkYTaWKDJJxkhGFVXPYyF00KQNSfOdJmCyLJlF5YODJflignSNdwi3ESu9GAuC5l/Qf7MJr6MVzpCtcnbgaSuiN2bZngcXPbrSmjabcQbcvpOrPCqkL26accpVo+dWlSXtIMJA/4bu94GW/u/lRrnkdlG+b9gH5DpsSflfMR/aprPrHq/d2KXei4+h2fbiw6xqeJ5TO9SZ96n8loK0g6jIhr24viu163K12BhXS+tSB26ovt/V7vSfnPjDuv/6LlppF6QEt51ezifzEzjMsXCYb48gMjmHdzIWVIdtCKxA/O4BBe99R5b/1n/dPfFBf8y2akTgQIuYuRRWKn3EsfhAKzYwlklkP+t6myfDdSUZrPxi/6dcwLLsig8rulFsPmwFKY4TSGCKFMaLeLdPBL6fUh0mm2lT/Z2tUfC5OxcI+aatAF0nxhiEuKTA90aA6ZMmmw/hScQpKn5ZQFGs20tWgtygTm7bAyMjH7oP6P0CV5xJzeKNBt9jhB4iVP8lYg5Sc+LV7Ew3lMAMlhXqpUTUm3oC7Pbu2dcT6csMb+pYGQRv4+9iQo3/kDK5+gCEz/AQ0s5DNX2mIWL9HjBo5ufkPfKY+RSWTnYPB2/+f6P7iqnR0+j4krdvjfNz5f4cCIj09jQeMklXoz5niBaGCxQOipy93eLQ74hWYt/ZjbSIueDJXG2/NGiWkPq9gGbDOCNsS8kcYqZLvs4Fgn6qlmgZc06al5moqdYQZAUOynIL4uS0hElcyam9g0hCkxGWy5OmTso8Xgy16F+PtGA2IWkFwjjfR6++sDz+Y+bQlCoKNpcRmFxEkJt1w7NK5S8ye20yWxIt0fbtdQi+UpCkJrrX5DM3RtwngXk9DkufKu31ej++ZLatzRiu/oaE8/bRuBKPb4Q4v2yozhe9XNeilPFVHPNjpVaSare4PPOUf14LZO2NaLwO9ol26exNpdf9BPYgjE2/S5Qt1PYglNlCjCNP8XtP+pJy/cGd7HmQo2GY/diU4l3qmBM1Jcv//FrvS/TnQaYdalDWXUHd+r5Ml5DCe0v/heJvjTX82oKHOEmddkQvhPNqZ/VLcAj6I+BtxnMJEjrolLogWK4Pf/GIpIHzhr1u03zODd38rNG4EPsTkJQHIwmJUC5xmfMNhBsJ+VlTkqzESGNzGsDqCTOLdfy8uHwTH4c8Z4x94W08dq5Dr2d1qY0Ev7GF1OE3lpH92/qagn0OPxqez3OtDduDdJS1M+tCDBOxqFNkpkkIo4o8Se5bwN+xBWixxpBhFkuFtn5nKz35vC/ZcX0RmVijVGb4gRNm/bWI63oZyuD1G8ENKReyWjwhRpJmRawg7KMKEVwMJcdSlF3YPVXuDQ76tSjRZM+RDhW7M5TGLEDJGOst9z7m2t7BQ+jGfKPsb5JMZD0aaAdUZyq2h+68bfNKnK69jNFkSIi16TsaOhZFc7hanuYWSbYATs6vr1RnUn9lYm8OF+nASLZIG8D4ylEDYEQSLj3rpi4gw8/ptqqwgNEBOatGynBpmWAquOLIwG0xHyEs+jZHQELy+Ye+zaHYZKXdCPaLQ/x5wOFP1RIARpjgmCFsDhLoSmQ7i7pKKMzZjMWkzxTWDpAKOzPSXGTsBOhK8AKG7ty2JyN16+frYMEaZBCgzSMzTCZRmw4gUeSqpzfESfZyAc6Y8OmQFzbO/Fp9DlRaq7RRkWKJzMmSYdkQyTf1538dIR15UBtq8LVUB4ceQQNOIZxeGdMyoFFrZtimHXqrq2IlteD3NHE4JfbA4VA/xCKdmXpKw9PhxT5FodyV/CiWHWiqkfTyYJD29OhzJ4neNooBkTpe/15B8TILtjSNx139uYM+6CPLZdpU49L9Ng3q1TH1A1E1qub0f8DecsdeMbtM6/IRBiY7vJpeCe45bHvCDIfVqvRpkph9xpPNTlecGPiSM0pNno+PAUpSLLx4VgMuUJlgaR8sRDPXz1ogZJegV62TG7Ixw/vlgHJlvLp6JhUE6qdcI+AiY6i8DCIzEnMREyCXDLJWUUniQFdke1Mj2siEmc6xOMIBeQmJfz9lAC84FWiRdz1Nky8R0fxchEzH0jNE/NTEpG7iwnfeD9Q50teLbgGVaNv3O8TFUDCFuavkCFFLCUguWU6lES6gfbV4fgvOEf7egPJFWDPQLTB/YOAdWij3xlGyap2xDeqTC85t5vTBuewzZ9fdu9wPDjLR3k5t1ikqzhFPar+t5h5pzxa0GUZCrrhJQ4qUi609OpCW951Wen/TN4ZpdhPIcTql4xcU9Xg/G+gX1Ayg8FRsycmMUg/rDtseQXQ/rIx/1g8NUiUt8iwRXFIHg7LATafJLgcU/7xS0xV97yjM2VoFqyoCiKrj9kU1NfyQO17g16bQrU0o7aAj1wz/AMmlZcVCFB9CbQslAjFX0lrFkErwhYCAgpLbwDeX8Q8h7wayJWkMKpF4bU61uTL2cNa44yoOqHHVXRQ16S1Q91I5WacX7Jl0oo9CgwqD03mgBRRTbUuPnw0wYfSr2jBcqqOhN4fl+/KgONQPiFcaF19XCJ1/m6Kk5ZC4ZZEIsvTOLdtWsTHTaCpY6e0NTcBxZmJEkFM2V+T6CQ7to0hsxqCiPo6BwKcL9NyqpaVhjrHjibcIANKFwmAv5wsxK0ydkNhPj6uROBObrBSuD4CM/+LT5azwkJDCd34wghvB8P77ws8WavmMO90qhcQ3UWbCtFUMqDpqUDpbHtl1lhemAcZbdM4tGa4adSltTjW1+yNl7RkPYsmYV9BCaQEeMtALCwlk0WjDymOgxL5C6j0UClR66DBQmYlvEezQYGCK0YNBmw1388Pat4uOHIWywumOsepQj95s1ovT4Uc0vtaz4okNaVc2rNtyDggWydSwX56KCKHLCMKt2z/rWu4KOYbwPOoRunfzpUdMD2O9YqaTjfKuTnBFwgxPR3zDQ9VWjQC8JoZIfAL4jScgJ0MIEdvfCIA3zlN2HhntghvDtRJLmOZSqvi3o1UILM6qd0bEJjNp+NlhJcCZGZWeU+i7GIjEFRg2q+sQNJN1bygTGlB4R6xWhSbe3LVJ2Q/GBOlU/uubaCPOQ3bC097VOk/OYv1hCbpouchkNoJzhtLANf8+dqjT1fDxdCYs8I2AEo3VCdYTlDpdXRtElHQnGh2PQFzEh95ReRBUMSg8MEzLCMUd4StQoE7iyg0vJwtNtwAQoB5hp0L46C0I4Xnnb+hD6+897NPwlq94sLCM5ZaAu0L5bYdePtIGegj/dDuLyfvPbrz/ufgr9vifsm2BC48h9FOnI+Zs6BKkRDgNyrzdH8Z/3AKmi2od7hNNynjDkERUwWH1gaR8BKuY+qmUbCE5fDjubfvoDbCc72CQyqL9jGn6CKVlMGNmMyA9Z74BUOz4IjgMClpWkf/Crai6pIRG5IHtUeMgi9YeavVHB08oW/uhfWscf7Q2veXPySePwPTHQ0Ah3+h35gA1/xGJBwNV4wno4LpGpV+VV3D7H+b6ZvC6a11CQOFF+ClI+q6mYaHjB+ggydMXH9rfBzjngYsgPHyxDv/spb1v7cv3Y7R+1+qFtMQTh0cRS1EMO/ZE/N4893BPqShI25rGmihuSoDv+xUTFBybAvYm0ttAMvBu7dj21lPLKwmYqLOYKmIcgx4JKdhpVrkBKE6yEpqg8c5xbGITU9RoPuPWquJM7Hh2I7dQn/EKz9g0ExMUgyN1yyo6jyxSGh1ajXVp/oLRWKPuhIY8Db06e8nH3V+gZ4wn4Ib00y617jjbz9Ubk7GZvEWRQ2oTWfYnsBc5+fz8ZYCrr0gSffFuRgMj8c76l7HscqQ5w51vJKYZiZaYKyc2h/kzoxZ0nMB/4c9EPW6WhjnZG2ZRHpVJDUuWUINizoggPaQaZVvKeKoRztCLEmGyS1cQX4Wk0nItG+BWGjSFnG5piXOD9JOEgkRibgN4cqXrRphfcFao5pSuKOftU4UZVgwZeQRu9dE8bNFTe0uiDffDMhLeQiOSz+Qb7XQg2U2nob8krkiwgHZaTMCau39GTWPoOxloiJwLdqgeHMVSoV4P06XjuGyx7ZflmSqt28hDT4SCqVE3R1YdYD/vnR20SLpfSc6VeyXeKpaxbPEx8COgAwkGlDvrhYb6Y4qQeIyP+ikhP69W6Vy8p1DIaa5shn7xN0OVPHxE95Rj8BWSnsdcHD9ZPM0Xjans5Z84Vj6LizX0DfZzlKzqEyULupncNmTKyYTfKq/arGwVqIxAX2Ejq5TTa379PapLtRwAPhAqVA5SX//gSJsIdAQcfBihUT44WSB6axG5Dn0v1R1uQrFPTVs4h9fHVXD9YV9e29mpoxmTGoOdv2iduvB/85CGl4DulLaBnrP8q8kG/cTlcsCwYKIEIn51sU+JkpKy4zPoPExxSY8Wtbf4zkqEG7R52Hkc8Ou+LJQv0/B5ipnxv0o95weFzSoJU3NMcNdT3xRAfYqf3jwtIzJbtG2YbcucjH60p3Jm/hxMtW8RCL6OBQzMlMy7A4kIjNwcrCpMHRiFFQqtM+E4CySJ5ZFsOp1b8YL8VZpFCXpNMR8z84Gb1EbeerHFW5EPsjDsfOIIplOSvbxNr+9XTK+jOr09lVtflB7dLTwb0cHDfGsSR3hI+QKr+FvGm7wl5dLhv9v6Vodqk2+Oo2jGprb9lzK5Kc7rSe6tD7pRV8YOnnLJHbDwaJ61Es8AeEbCzYHIGMhd0ounT0rVNen2m09U8dZN+KDPb6suugwdXoZN7SIE01rmGomyYDVt1TTGtBAyHrzhjzKkSOcuh0jK0D8q/wQu3QQwap4LM6FMq6/Xj30666Ds8C4/VQo81tPy845j/RZ8U1pRF2qKk6J1iqpdjCa2P4Sk2yXVnbIk586Jg1AiPWze2peOH0IplCNVQhMVLo337rvgIZqQucxQjF0rTQqnIaBTI5YYmtYvw3oZwWJV1DIFUdahkae5GST+VFQ/a5jb6NdrkPDL5p3OITo/IJ9hcxO56frdRIjnGAYa6xkoUplnHSObh8+Kt261jnSN9urJ7/YVb83X3pc6Q4Vkyd7iVRmRnqfrB8J3VTYtdGnfyzs1NrrUr2S4mvv8NjSZgZxI2WNVQo3NNjl33f3cQikWpXIPaU1SVikYWDyadVUmCFdm1kk5BAV9+IlRxG9zJVb32yuRy8XnDlQ0vwTHcJScHAZpzfaVUZrFtUryBj9Z3k1/3XzokMnjDiQb6fSjEwV5vLb1WRWJTYsgW7fBcZzibTSqK1+1tSFLw5VbVMV1uuqPK52zhmw9ZF9MGtRq1qrQyA9wbBJfVVGv2lHSN//F472/b2sioVahVqEztLyrZxoO6Bn5A4zpivRtjAV33M0HWDYtlXo7X+2nkFp2XSxfF5Cj0oL3i2/3CT/cVQ3riO1AWHXQR5++MKkkD+dm7gOIApDMD7WofFAsFyp8Tn5EHb/5TA+f5y6ZSQzAIGWIkSH9mouT4gCLjAsT8Yk4i9961E6PX57YEjkkpwHZGvs9FfzPsTIkUYxOO54mFSjvRxFR3WvFvz99psHMyiwR6Ve8uzFQrhG0cJ4cZK9bdmqitDTztECVHAjp9eQCJn60FuiQJrePK64BeK0qF05Li83bBCnZKyotuRY5XK21+EWwXlMehUS+jx+wzaNQocvGMmKEmayH3YopeOqmY0B50vwgcfcondNRSKv4IRwHBRRDbiWFIOZVYSzdKRHWcfiggPSXLkUFJHhYL161Bhqg4oNiIOMjf3YlLryiisHJtm/RIWS2bqqyZD5DhITC1SEKwhrjs4C70fUfW+GBPl7pHFQ+HU3ISmo6Mjs0kYhA07VWZjwfKWAZJTiHvBPIDFVjtxI+LuL59iP7wCMTHM5pyHxuoRqD3bqE6gOs3GbBNDjYah3ur4Wk0wCrM79NXrrUubhBknb3J0vBKpafG0229Y+df5FR+zTV36LxlAxfMMPdc7rUvcG94xtKwBQlOizhNt8WQjLpXaPEKbPXwSJshM0Own8nL6QaTvpupkix/xKGacSLP9pYPfMh+nxmCQ8woS5lLKWxsqUUplrKMuWwLHQC2dzI6KWjHS7mnmUMGC4OWtp15lTmUmckYhMwwVquu3UNMjWOfgXm6hzm0FWv91QOEfvAiFSIm4pkmNcnQXz6qX/jarXl5Wz/rDj7hutFIBbsqht3dK9/OT6WcelsJPv761yw3rDOtLbI0vKgkvCziQ3lEcXhsQFRpW1pYZ/WnD0trI3bbD3T4zD3s2yYo4GT4p6T5yzjnMzj2clLOjSoQ+LX1zPXpGJgxEKEalZE1UD9Zw9SQ+yENMFLIraZXjca8++nOeWHaSgZaNcgNeIDdnS7wkr4c7NjxQshnwsAl8EKXz0UAHYOoZ/EroqIq+LN+Cfj8FVGz+L9sD90nr4A07hqoQoFrz8trxymevDjFt+fVnqfAufQuID+WvGDjgOsAO3VTVF1d1KY0se/i49u3nWZqmFe3bc9Z7CuuyQ/O4QXlhOSNh+TbLCcoP2QWokhgSVhf1hMOsuJZcRLvBPbBeHact3ccO/4gO8FbEndqkhcF0jA1EMiNGAg1/bRpxcaH77bfHY4PPKqNnLLj5Kvsyzf0gBYRSC1DqALvDMRJZ1fFhJh6IMhNscrOgylrU5Verq+yhRTT/r4MXXYZmFcLCmZDzfQDPLwFKX6HlLQc/ss35O7wYow9lsUe+aYQGZGnlJevZQTJFjJGQSgGxNtljjXKgByoXxQJ8+Rn6eaUvU9fBsC+UXjl6BgFDhgkDBeA4QA27D8xBbo3H0sbS3ZG+wqe9ie0RutYEYRLX2AkayAUDaLEGr38J9h6sw69BL3mVMv83TNxSsvcoERe8gFEicnDpvinc5S/q0AeO91HtqtCOSPXDJmp8AhL6i7wS80PToz9M+qq/eHq2Vr65dCLS7aeQsoGFbGc4ORVBWYK75BUc5VnZmqYEpflcSc5pLg+AsW28NIKafOp6pSShlDBYffziGZx1YkwaFNljpgvsRM7MwXE+G4PoP5IdHNiEEdnwu4pCe7wWvNMxFvEpifgUw/IOalXTD8h80hNnOoiOBIJyePx8mYJ5PyQPu3eKRm9GqW/NVkDOeTidhQW7sDlOuTM0Q64vMLt2wvzcPvePNy351O4HZfn0ulZY7WFWNrcLBVbVI9nZ4Ho6mtZWa+qf/8YNkulzfni5K2avt1Jycl9mv5ax8DV6lcQrl0nPbdwVboCky8NAvv4fxX1xZBkuj6s/aoIlh5Qzo0sDy8tjiyLbjN1mkrtDL71z6B2e0yXaQYGU5w0mCAsPKleHhKPHe0yVhA1BNfad7UjTz+Ahzce9Dfemd5oZgT+8cJvMcD1LUm7n1zg0+SHtcZbYYAiricmFNrSvM/taBm76cRyqZPIMeYT1nZesXlGcBrPD+FkrhQr9yW3rgk87nKybOuuglM2h8NEMDMY0BvYorKgP0ekvP+ffty/kmlqAg06cjwPkzVkLfg60ucko54llttgHj/7wZN+vFUdJEbi6/fGe8Rny1cC8PbMX2wvHI4COcie2Z6rlFfqKEcKzOxpFJKTYwUmKDPYQ5oRY67DJkFLmGTwqSonsYkMJzciq29N2cfKrmsFH8kt6yFq62bHCqrb+i07llMh3IoLanDQ+tEyz+n8TVZkYlOzjWs2Jr/KzU2OXFNkMcBKS9ogTQ4UQNOaAOvnPR/twSJmV1h9L7UvKX2j2qtYBMtvGu0cZXW87HxJ6bCycGpghmB7bC+qCFYuGj6yAiPCkrE8LDUhtH7HjlQTqBjxkS8Ie/IjEmN+GiLaBw19e/rh/M55Q7+9Ci/8t8EimgeVettO2JW+bH3DmmC9UavfLOHO2+qaa7LtspsA3PQOy2+eTUYPc0BkEN3o9+uFi+7TwaNvkbAeB9txP/iywvOsIKsKitWauy531lrZGX1+Aev5z1yeLrC2e+vzJl79soqDeRL85MOMDp388P8spycYp3vKecRSWwWxE+9C5bP8PK2P89cGvMilyYq7I9SK7ARZAaOag31ttsqWZ2nAeYXWcpj5utmuub0vcE/OKybj0m1Xmb0GK1m4R+UrDVp/PsYvTfL5i6QRdjMwB+F67Xsnh6Rbck/ea71Kz5GgMBPkzjLiI3bb7Y7ALwY3GE+hFolCraAIVT3Z2eP5iO2orU57IFS5iHyZQ4hlJE9QC4GmR0E6pGO047l2Irw0RJ3MYTXAcoDN6GWJWbvEu6hiai8DIbQxIgGaaUhG+9JSP7Wwd4diIaY3E5J8hgIFIO0UZGC6kdWA+4yyPWcAMOTWtmQN1ItDLl1CcC3kXNOQXTIyAqBX2xim+xZ1OUUPE4S+/2SJxcrNHLGlbm+ybFWuj6eGaW/LQ+qv/EYlnOSo0xxLsBuooqfNWeDJW8fdx46wjqkYgR13GwO+9GqcNKX//yM7fx45cGj8+wtx3z6EwxnCYOT79kF2OQ65YlHrcuyg83+TF5NyGCuoWT5//uloyECwmNNwSokc/wJ5HRGd7TFcOaK+vlYqtH6Lzx25Djli8dUA+gDb5fbT4rWql0zIXesOMdnmxV+q1sqe3g5A2Fq2TkZ/qPuKL9tzMA2EWjOTLGgZdHgaz9kM8bWFnBOJDx+wHwjHX7YbhA60yQ73hLvRG7AfObQ2ZoSuOBS+RBEfnr/IiqJ3IFRRnfGHw3WEsB/XXSppf/1y7rM97T1sBt1ffdZB1l+AbTXnskIVvFhTH8ursAogYJ2uaZkeopKJSpfUo3qcrzIqjJcQwHrrgYeokHmflS3FifY7keJZeA/6stOypuZUBMvfypCTcK1l3ALWT6qYJ6ZK3L6hAvQb+CG0wDJOnaB2XP4HmXCOeZNAltC/qAXqL/Sfj7mdfQT2UfsBNqHYxi6uw0cM2B/FgbJy45qfmBEehYhTYObOA+b8/Q2TCzbdXr9y7nbTN3GqVv+1XnNCxcqE/Pn8bwfIal5azXJ80W0IoNkgig3eHRcDaZTRilWJ96jxDnH2ois/0valvfzHTuQgcYx/ZzWVq0extMA/OjZ441ZdZbaaDpU5VF8YYSMmy3oJcn5sQG79dolj2RDzdODl6cGCArAFnh/x1IbUHTkwLnMjTYG0YkNv4nqSzdOI+cUoO3+WYkLSRL8oYRSsGUbIrYxjfoIUP2mikKByL0/337ic/PKvHCEW3f0ugsAyd34UDk4Ho6QmGtY9dUSGjCLHZflWzuStsjTivY+YhWnV4b4FcbfsEtYJN0KNNDOyhjxp9GM+Lkv/Onzt56YuipWI6nD9UEhD5qZZwP+8fnAGtkhbI1slFn+JcVfLxGZsMyAQzzZxj/mC4DdBfDIlhZICyRFIMh1cGoJATTQzTvrGkRTT6zuCMrmBivLAzMzAckUgN7Ocq1BwuYiz05Gww85hBH24Hg98OCudXQcTYnYkuWfUHe7AtGqH3x1uH74bbwfsIM1N9ah2tLl+yH1IyFKZp9Vq4QoJCvqHD08zhygdRFLugAtnGRjA+N0R9hG78UCrdM8HhP3EPS8yZ2YgCEBkRkDfiFHAc8LETK123xKQHXH7wfhgM5xZEsv4Sf9K/8k4anYSUDVVffRrls2ZjDVDbkMlqkH6YAeG3JqdIRFLREP0PPas23xy5aDLSD6TVRVPu+8KzuA3UO2oG/AnTYBJzpOVf01AkalpIN57l90ub3yg2xu3wonyzWnIdycl/fRSen9CfEJCl8tK5iBd2xu8wWm21XkVo9+tv6RES1+qp2gIHVK72PboG1mN5sf2CwRX6S2mBpHIKT8VOmpVEvsOOSol8d3mirwuM7Pd/vl8qSbwQljz4A27sL/OXvr8j1s287KXyG0uX0rC/FnnjE2FnPJFouVyxFiCtAgEsfvzUH51VEVF9Cy+R1to2Q0XAbPlofEn7U0rN4Y+Ud50bAkkaU4wP521ojQj400Qr2xLBgiERYrmagyVA/ZGYCOn2lClVFYaaGJIpFz695kWf5cN0rZzh5gRx8uR9icOCTc2pqv2VgQrv0UxzshoNqEHhFevXLkqvL+YQ5eRXb4msc67XhDQTZ9vjP7XbKs3XVBjXeMlUT+EBJ4Sj6R4atBvg/bSY3X9FaJdm5I8JJ4y67SRTBfxzHjP3FzP+Jkil6wkW+szzRpnDaPNQZOQcJLIdQoknqwcAyeGs2bRIpEHxrxOY+/BLQ/jHGEfH/bOyokUB4Gg5nL2OW/d0hlIcZov0Pol+/om5/imJPvkWt6kPAH/tgs4aKSczawE9Jc0IOfazGekdfqmWz/EmgnOvSeA9W5GxsfUTzxSfGSaVVyajc3ZfPnWn1QT/k6o67yxydmuI5pT2hC6tZ3TWQ3ifGeu+obvHMW3ucAoxbcvbilBjCzibaK3LqCMXGv/3s45PN1rjchblrZ/BKGLhNeuG65fDwl+4rvhtaPf01u3XhpnNzZu3uyyod1ZJQUwbD2F8VqdOp+BMNKjYZlAoBWfkrml0X/GBEGYRx2/DbpdofWOZVqXRS3irIlxeBZZZh3LnE+pPDGraMjydriCJpyflqhNbHAtGq6wHCkaPDGrotJb6OkpTBfwQLq1z0vmJAr+fOaBUSYIa0aM73vfn56VkZzdF58lS62+xG3TLTVByMgEMLOyLoFKtm2TQ8iDzau4pgZEpaG+dZsycKdxrImAmqnAQoZW8yvPSNUAmc5fGVXNN9oWy+y9fsDr98jKddhM8y5z7jSegRUqype4LQjIhLEqaAJn7FMdsboCM6yOfv0BNXc3Xzlj5/FI+IDn75EV68wuf+wKiy21K7ZtMQ+yCGz/8qAMemope/ZQtJ79lNs2QzZ7b706BoO3Kf3Oo2MjNv2HLm/Tfo958fbaWByyaRMSbD1ZQwZLumvIOatWtSIlRjmyfMUKhS1kqq46mXf+x1X83BXLkVhrpKQ1QnGa0cq8smpV5i8le99FNZ7z6lpyyPeNgVnZRrLyLK48MFDOzbohYK888Kx/4/nGe2yd+SPGYbV1U6Jk3ozVIeinBrieK8v1bCXMi5o108tEA7w2IpTr++/azGSa2WazmYxqkMmWt5uoNRVYrKvIYtuyGAMswAZq7bKlLYUg3WvfJi1hkZa24C1QQmKHfUViCZvU6oqQHRD627+l+yHNe8/lKRpPui1+IMKePWDbGHKCjG5Ln5GVPaRjAcDuJ2sgZH1pGggWInbrjTi7S64jSa7dkzQSscMZ12fbqBuDXecuBq5qWV+dgAf4S7+CPKeD6zXZtGafvHFK03Rj6Ar9yul+Oh780OhJZLETFGzp0MtNJCxWvELjthI2WwYHxXgLubZT/dH9wB3DtpN7/FVsXZrIrjIe+KWdZTs+oJ1f/9cTYqjjF0wo8fHf/Pr2AHy77NhL6osMyiw9rFe/AHJQyXfBnwvTE1xs2WzCOWOQBmKf2DEQbhc+ECZXUpqOkB1KuCxMQG05+yYdfFu2Lc5AvvrINDtNHnLxfZFBfUnh30IBXpjqecqBu0ze05tRCLhtcLIzpG6iMHaJa4O9DC5O1+PVktLqVQLuMvFDcNQx2BYmiJPQGiVJpmHPwzoZEl9+rJoeh9WxoS9OhmdIeqwOUSiEiL2QYiNDyGEhycmyIUkQ98PJVruIBu+T7IKcOoOxQXKPHx1lHcOjLFlRC/0y03X7ysJbeUZFvWS5EGwIrixGl3sX1Y9AJriwo1742lvhCf5Ozt0ePU72iB+b2XOMsv03q+Xsb6d+fMSA3UAEXtsXosLqg+KPMKUHZSIgANO8HwQPIC74wy5jLofxS5d1wVHZGG4IN13kw2bb67LZq1xWjVrqWLqAE3BmXrd9IRvjCnderPIwYvRfb2BdE/RnTs2TzJV0CEbRjq9rO9CN0PMvi9a4ulX89MGw67LFm1LUrTL182I8eH4CUZ/IK3s/Sjg0dqX+o1iv0c/8YrU1T1CcUMuznnXRws+MGZITmmNj5m9xcZZVcNwsQSnPuvqiuZ+ZDUcRoGDGyZ7kEahkAHbV/wxBEemrW4u9j82x1/aHHCwd/9pB95zLihU/quxdSPP45OET9sDT5yE3BuNPJBEuW8zYx3ze4Gdjv/QoI2KCIcT4Z56hkH7Y/jj/ImDzbwQyv/0/DPf3eguPlz9LVjzjV8H5dVHbR8BwJK/7XkDR7vgvz3/bsnJm8I/UNoHgsv/7IBHG35VEvJKk39OWm/wp9stuM6N+ucdiSOVnbUlE259jloLN+4g2qb322OONEbp3e7iwjuF10N5cpQnRbtjzf9M6uvtBm54kVgLa5N7NzU0OFsgqnCHFdI3rkUB4HhAkdOmAcwWQYQlCEGAssEoYg3JuDE4pZUtE73XE37V6NPf8nWsRFid/vzmTGyiTBRbOu4ml7Wj5D6wZQi5H0HefO9K+eN75u+f9j3shIU/mEfERMMvATN9u+16/t7b+jkNQd4iJCk0sNtlYLSnX+0a4TB6FYrYUUpcwuqJ9fTIUyNsQnewk1Mpo+VyyldQUlCIklfKyaCRXUuY7kkZi0nrF9tYuD2/5epgReiPsI3oJzsIWscOstJLSpvC+1I7M/kz1MTa6X6iA6W4OT60SRQHm+EOUxdMpI+JeabsodcSZ9i2SQn5+p/HRgDDgps3PBCacm16CzpDHjK4Mtk/0v5XpwnY2+zN1pbnl/YPamWFQwVhkLjCxZyfL/fx/O6KouGjncybdeV7o2/pd59ykOwYnJiNSR44lW5q2MAHoCVCCjYFXackU2zDyTNx8pwZHUyCxlzp2cM9uo8Y0rnDG2DSmjsczYlzyvAQOXVCso+E2Vw6YNSYgJRn4xB+gVohkers6M6/AfFHXodCSDTHKAzGr5nlnkO+NW0xRyHTT9e3u1+afK+9DFq1kLDID+YSNHXfXsrAYExObKmBSddwg9N2e9t8bhfz/tceReMdYZMOGu4ZHF/bszehcdo/MKTRJBkcauYQYLrfdzFbo0XEId1bQlsXF/5M+Qd7cgSS/j5XEp6Z+zGIQf9n+tnaw5sDi6bYs5COpqLEDaxYlunBipgqIud5wKq8w8//1/1B+7+DiS3tS78abL4qclqvfxuZyk38uwedhTGfgaXiLhvowh0b3EksT2xRTKnfPntq/fv/4NIFNwriZWnulNb4cL6GuBvEhCz3elFcHXEjzLrhQFVj+YOaiYPy3jAnyjHT3+Nny6YVR8ebtXC5pBqKuzG85v1mvcVpPlH997A5Fk0xnmuAp+LUI1rfl5+yfrdmtMQtM6U/TzJmEEDBwPKCW4fqHlxvWhhjA+beDew+2wIW+0vy+FGfBkJMII+ampIxHJ9KhuOA4xirmPHunuGv4dMaMwg9inIWQXsT3XTYAyYu6FR6iBMroW1D9rLIJ9Zo5Im/Hpwc4fLGKlNm6A+fpC8tcMRq827s3wKt3d/CorN8qE44TlEpmJXgL8TIT4mtiSlJTfBJu/P24yZgQlxAzGiOPkwtH52FSz8UlqRmQiFnOfP2oxjShZpcA3GRnc+pRzfkIrtxcRG2Ebcz+Wzr+crJQt+79Wtw65V8xM5sPG6fXGvNfDWdnsWc8W8mayDLw8EFWNlDrnEROKNDUW3cfnDrYEV0dmpyBdlU7OgOuXGLoN/K30BdGD5Mdn03ueYo3k7RcQvzRgGMaqflehc5zjIJ0HVDQhRMCAVe6EHTLzeRYxOwzhi0x6+jVOdBBG6Ih4Ea2ve6elJion+H6cc/XQbFq7apzfUxexhqSVRYncd4jLRKT7XvGkehmFcYLUeUFWLnN5IDgSFoFh1lBIOiwKZFB7QiBq6d4DHgTjWQylsRLLPaSeO8TcJqX2Fsik7lpZTGC2lrB0gCRHiMjkoGRFWZs/p+6jrjG/lhYtybclvP/0nVaQU5kK6B9cV7Gn/Atn8CfC/EK7Ex5VY+Dr2dViodDTV9umDOycXRNkVBl2YgnClayceSNR0KfH2o65SzLRrzWIP4peEGOvVQy8zuCz2ATYcUuplYA1wpD/Yt6o1PFbGWwEE6dGFP9uspVKxOrEt0FTgxqTBxVwBA4tWk/V30+sgnsMfOBkRL0DPVosqu18ZmuHnHsBFTSzNNt1Yu7cSj55mfzNpe2AM7nWCw6XpHrHDrH7O3z4vDnRfzQ8NGC8ABV4Xq1YJPlGLYEy35oOGDKpg3Sxko/3t4IP8sQPg4dGJxBcEJXRYhXuWIEYAAl8sjKfKJoElZZ2c3sOGspqrD1kHhZuVHdrDxbU1s9rVbenrFmFZaisx3TH6+n8pVYeaxvrM/57hrTNz5vgHeG1IpMpPcEidBQGDXlHro3yGmbEBl31C97sGLOHaiVu7ujo2i2aX+5sDtZ22ew8anuj9tylkgPthR7/OVxrBjTC6QQPyy1lRZlVuP5N2m26bYGYJj2oK1VW+9c7yJDXLuTem1E5BYqGbciMuINJZ2SNp5mWxmvW1tPp7SkXPXPLgJzrmKx8ojIzVSI2hYZcTq1NWUIBGHoXi1e6DSm5qPEGLmMnl2bUB64jQCPb8cQOPYxsZhX2Fg+RYVOVyWSrpqyfa2y8ViM6WjprJLfzdirsxS2zfSQeBMZTmSi1/KUFi+rFcsj1rbNUqjb6/zRoCBcPf+Y3S8fo08X5DAIP4oTDvnWFwh7LL+QGY6Xv2ATRqIrYri1pLlrF6i7qAwnzcJFG5ebV2TMXOSD1iQJ+fqm5wShgI6m6/vyeQtVs21bF7Xr5EmN1Xaim9U2Ytf1pq6umtlbttQzLC1ngZ09zN4pRj6oKIGdfY4d8ht1CTtsv7jBpo+qHbRxK6/f43A1+Z6rvFfNzltPgmn17TkOzQU9bhPvWIBlfNBD76nwiKVtP2OXYpURKEr0YAemczjpRQJeRNSwgrqisXELdYuxzZH8ZT2a/HyN07BUQUphvBDjpZ6B5jzlf4FZnc5v1yz5b06GBKlwH8MgcW8kJT//ockakYrxL6DQU5iX4827aDKTnux3FaHzAbMsk4zb4bHIJ6vT6ZucdP6Floou3YIMvqW39yHwvBmUWXTCwyNmRDcrGEUoTGbH0GfZmvHwFTrPMYOepoEiq0NrespH+FMKrPwEf1Q+oVZ1/KbxS1fqbdPsXTaa+duh0eiRQ79V3NgjfMjRhO24v1FjQxRSiTXlmhKpQheMZuP9A2Eazk1hI3+1GMgcGiULxUAMwWbShFpySKODzMo5W3P8gK9ejIspw4lMpCK5iySNx1v13QkprZ8GgCA3gwhf3vcZxsqxxowaPkUrRoDzCV91fG+jHxqV6JDYMB0acUwH3Ay2V6tnbsZtfLX/2qwvmEdaP5tTEfcujlu5EVEryIqjVrpZMPKViYLNVMyuLcQnDItHd7P6A5V0sDumNm3d3MJCblFqVkzSc5SVlVNYHlbxOB23ssZIiDo1eMplETng1v630SeR87j3hgdQpPcxJ/HsoA4zCHP6F77Rdzt0n3u9fjP5NyjrX597MdO/WTjEga9g/IplLWFHnl5C79j09e2bBcLkoBJKyYK0kLe/1rg+3TvWSyj2lHhn8IWzYUG1ININJkbByLhJnVn/I050gyMFH6iz4ZhKBijiDiekrLj0P6VUOb+3FGagVwCTQhuMHgLhRzpGhEwf8SaVdOyYolRBHpVREzg1ozKIIzLc3bXQ2jvKVXzHHL6LU1MD1oVn7xivJ4zMH1N3GqfTgtgGA0DH0AMyOP7pRQIeKLSWsqYr/4MfK2HlY/g/ZfImGL7F+wADO9DYQrSxeW9/KPzIJ/QWW6hILKSf6VBTSaNFcdBG0vkV0WWRkWXRFf8L2FsWedb//9lwHr8qh5cZFJTJyxlLkGCDs/7Yc0alLiQ3ODi3RsADNdak2R6P8xPzHyeu9OAYjTZEQ0kcZgGM7tQgI3y1bcWsx+m0lZmulheyWMmHwP0oTUtjl6KKRbCoV0gbwWLaBsSyiTL+9RGzJrgp5wH1ZM6jSkKlAg8GiE8D1HPyhLoMhaamnTYdzDqiu6SausoPMQZGrtDJC4VJTdJotfaOS3MO2xfVdhNdaYeO0A0AtvD4baOz1C/bF/T8z9Gf8+HkT/Cn5FOgbL9kHSU8OraaPspCTHkUWdOx4xNGNPKwYZXp9CtC9E76I7PvIN9zspNLAFJ3EuILyz9SkBe8MSkUYM10I9KU+rXG4T4uEFjJr2IWbYToZqW1crOxJnToqizlzSJQTk7BU938Bs2KidNDZULPHvwQn/8mThqXVwn+XN9h1yEe6mARWgmsDkbeA13NJF8ccIEAX41yAlDrUBj9sq4avplMlOLj7BMcK5ugJOsEmwRbaW2t1HazFuskqKnSMcE+Di8lJrs8fGg4fC0GnlUDL54Fu28xXNO3uAZeAIy05HhUM2YZAXwdzPuZTozgi9UBAwecX6yWQQaSjJ4Sy+mBa3NDg5WgJiQ/L9idujvxOID3gk5xVQu8mcggrib7VSeH5YeE5NeFKI3rLZvSlq9d5ynw8BAkC8RA8gSq1OK+X/Ym1WTWF19yN5FB1IM/Ffg7FqALNsemALDi1nBLHqso17t5+E0sTRJL7ykeFgh7JP3dsYKY4ZWayPUro04Iz2TnPyyenirOzj2TLrucPXY159Nwbxrp1sK/gkoURo3GMmmq1ulRPZg0AhjollgPILODVWv0KRn5h9Kk0ivuAXa9HSbATAUqoOPre/yisOE0TNOpUlCjukhxEuWckfnq0LTKqNKIiNI5Ah6YY2mvs+NZrHh57I5nyY138tiDWa71p35LrtPDU0QGsR1y/XxMfrl+lnPK+/XwemONgBsAf4Aj8Jb1Qc3ff0wA42RTZUgcHA/9eNoCk8e3x9MfUDwcVx5iR2MHzUxi/3u1pH76dZK0uYAX1vOhgNp4zXq7R260Ui1i2fllB6P1Gb63MeIba5RqK4Bo+SiM5pPBnLLI4oiI4siyj3r5I4qLI8oiP9rWmKWGz544MX7pEpg9O4ygsue+dcqoEsYMpVzVDqUOXWs5IaO+4ToU3GhvaMjOcuOS/j+6fLmGumJQ46QZHfl028W4rAo0LnKDocxMN55bVjajwf1mBgncFr0NXOmaszsarydbp30cANN1aclWYcySjzqG6XdOMKl27P7NsHrTr27jnIy5bWfJbyvvcnMbcWD35dnL0ox//9lP72+FpXv5IY3/OgARAmqrYrdFdYk/imKqhpe2CjAWlwYYDJxGVM/DcO5hVPYZq+GPyh83If3sCrU3yGwehDZc5MMcV9dx1anlJEFtXz4hcijEosY4E4YbOVlZnMaFGr16GqlCFKUKOX1bCVaMVEdj19eDX8nN8+DGNopEjbFcjzwumBA4tOvbHQQTYJ8rUySQcgzmMHh2OfORX1q6tn0svYEOQNwGvBl5984D9lAMHh5yCcCQQFB7CUxPN8MkP40TQdC71Fq49mvd4N72BSQl4jLPp6U8/h3cE8uhp5BkBhmkDll8HOxOpFT21c02wy1VneK94BYujLz56pQkD5jUGbN88SR0jHGkdXgd+T/Xcv8F+Iy7ad9bXcP9wGgjgxTj9Oe3wyxmM7cejw8PBvq3Hx6fZTmWCfffLYHLv6z4XDIlsND8T7cs7wUqGP31bVf63JpZYa75IzfXkJu7VICRfz9KwD9NJeABlaUaadH/ftLo1b121VGB+KkXm2WpasdNxuVZ5NARN8WaeTm2WVOQ4AYvvHTkAxNcXu7CzA3RPfE0yp9cInEHxhYN1YFseM/9QXjwMHz4a3QQrvyPyrqACIOP9Rpv5iT7StnsRN/k3OhZwbncrKyg3ODq8mMlPMXSqIvpXNeF6BZfaZciKC061zeZLZX6JPvmZHUpfKUt0RfOredi1FKe4lhJeXVucFYQNys4FwTasLbeOGV6D2CnwbKl/bT+tWtmzDBojWvWDtIGly4bpA+Ce6bbiH17EkpL37nExRUWzvQoLHjEgSsG1lenuskk3uqiOiHzc6x7/gJ618xtRXPWCnsCGGxwXq/8BbHunzP9wtJCUogqq0L+2VixWJjronQ9T08NTw5jy30zgU4dNDQNlz8PKcqtSR+Y1F2xu6ixK9MfvTgLBTf5oBXDyhUIv8y2B7nJCgvcS/4DvvLIlH7qSHJa06fgqfUmDx9NPHpo5bNebV6t3Yat69or4Ir2dVs3TCx79HDi4SMrn1+i35lLRZ16eQAYjTrcENwF64F+p6B89W9snPbBKOhR6xYC8Ig9uteF7yHjXrfxxy4UC/YhwGQfLIOBzl8P65Wz67lAN5NG/ZRe6fiBdmcDTiFcUT7c3U1iQHPDW2gYEMgp7A2CyRAxbrX0jaJYYOwGQTiRLKaH+br0u46ojltorTbCS1OISxSKJcSUpc5Z4cPi8nLx+P+vCRiFderln4qt3CLhO9KdimUXrd5V3bm8pMWscUY5typo2aUZLTMaAiq4VQFWsrBh4qnsOi3hWs4f/fVl2CKzLHauT/3+GaVmxewsn9ygKoOYLzSINEEbMCNQ6bJnCc4ywRK35Io2UoCaWSKT3HQ1DFQaHwAi7OR5XBOxW+dtNp3SARtn9WmXOfhRAAMlo+Y1wsRg7xrA8VufM57/7V5MfroWl4Bb+5RcfN79xLWRiueAwK8on+juVg+BJhPV5MaEokaDR6z5ZlHroG+Ggc92BZQ0mJulWxl2tlFn3VsEnq3FfQaegaLDuI1UQgoiIaRTObp6V+m+q4BKRSKMazgYExW/92jcHmH0wSXRazZ3S9mMVNJwn095LT7bfcMkRirViKtvLb5zGHAZ+VQsPFbQ2AAw12ulyD4Od9pVYBrnDj+OwwpdLhMku8fmPcy0kdG50pwEBvtL+uHY/F6C5LLQNc7scYppnGvMUJylyH7l2LzxCSGPCWJNYqFYUmkIMNlNGHjKrXEOc64JEqZT2sk2T2OUBGfX5yYB1bSo8nFJCZTHJ0LNTyRICVoA8+tqBYsE3LnJQrhqFn9RNV9QBXqezsjiSP3jElnJrBMAABuci83IwmCBGcY8LqV5vjAe5nhuDjs6+cic+p8xjyBMrWqNXClgsIV5DqTHzMCqmSq9iq+bi+pB4dPCCwUXxmnd22be/7u0OnC/v3NbYcCR0pZLf/rbOEV1fFk44h2+Tn42Lw1aSo9QPOf+n+CQ0GcExm6W9LKRSkUCW+LtLWEnHGSZ6h+0bRBwLSIE3yXdDa5/buJeeyWFLxs8zgb2NZffFT1pfdza8O5yjT0bfE+R8ZWDtSbf4aQwq3s6tgqtpTKq4olIELfoVQFilRnV8fUq7v+F8gIzPhCiwOl1cOoBBu+MsVCDCwKdUacDspSRjg9UgC9ehvaggeFP9YnuMTA6uYv979+JE3+Ul4/vKtaLYpraHy0H1/6QRXpxWMMNyDx1rjG4U/HtB2h8PaynKekwXd0tqWF4NgKMOqHOk7MZ5G+dz7FVZ78l2/iRGN3zvEigO1KivGH3FDK18BQ6pVPCxChADTjc/GoY3u30526YMmpFX2hwMLUa8yTa5H++wsj5MDamemW3Y3umYrML/3PWm/v+clj80Ucbs3YACga+padkOnifP59Dl22/hb/nI3HX6UBAb1Gf88cG9D16hDGCDABoP2PgGIl5Y0rM/Dh6WGIspP6G2/2HQlIv7R+7cd/UUOw7OfS4mPmNKYAvFhfPaUnNn2tCgdoIYKUrVT1wjzJ/9/PgJ8Fl+qUrm0tIX3biOJY7v5BKCFmHGxXg8fbbV6J5ackXozCqh1EYdHejC4yEMbVwHlJlX4oWZ49/Lnk0pbwlKdVN9k9XqDInQEWoeicx9bFxtfiucvvf+r+VzyVY1EiNAKM6/+eg8iHrWQPUaMHdc6OxratQVc6TJPCkITGKR3aaqGmm+0/sNwU0Jd/zT4WWi0x98euUwp8wZYr8ScZSAZPKFOtYVVXDvb0tNGhueNdn2XSgncygohWQoMN0FJ3CaQyl6rqEcQ0dvk0mG/TagVoHA1jJh7NUBQt3lC1CCXrNIjIlmg6WjOkYep0qNC84OC9U9UjA3rzg07CuHJGwYr28YlkSbYAAe0TC0tpGkPI6L6cD3WpFiKjjz6VAU6Q8e9BtVKJsTNynua5zp4t8BKStwe0tFZuZW5jNFSHt0FYfgZBLnMduUma0ORdY4E4S53Fvh/CJLxeAlbBAlQpFJYhMry0Srp9TPQ8WLBDNxLAvOL1twuP29tKYNzGl3LACQ+T4wi3ASx46ZvVZbhPGvUkzLmK8oOPT26MHo8pKJ0rLHOzLSg2lZYB/Uuhp/wS9qe2BUT2avI6BSXiyFcP580wygAasXbZ8uUGtXqfapFEMlDSb1AeHWf0guTQZsK5vX163m7e4vi7kS+IPfY4dM6QGhKYLluyq6PEtW46ZtmPR4w7ubcb2bqfk7hNo6XGz5gHX7hsTQ0xUXTcKPpmkdsNdMAaOS8IobY8Tx88xg8p49YpBddjlwI5+HCcsxqwuLmbC12/auBHQ1CpYJe5O4mbpeoUbyqQRzNGtiOVNr0rhxHj2ikzdCKuBydctHcei6TAdZ6CFU8HLBEGmKMplazHX5RAKrDBwEIzFO6TmYv4mwAgDtc/GjZu6EwQ9kGFUe1cP5rLPBMN6O4JvPwpz5sS4RF9RQMKYRcXbxxlv2V3EwcTRFXbiL0FB/NM2AQFV7PS/bXbCvhJjt9pUaDNXCm2fEe9gGWe/xT5ozkFm/R8TxOSBRMc9esqiNOr+vbvP4f+2cZZI9lqkQP6c/0QnkdOFxcpmsQqCl/1OeUSlByszf1NEL/mZYXqnAjb5Ds2Zo9Opyd2UVy7PZgqd3Zw529tLotdtLAFYqEWNxzfAyiDrgb6xYVs8H1WXZgGONs6AGXrAH4Vu+CiV8f59qRivM27cSMDYoDp8FDREG7fx9Om/jbLJ5h7jkCcDto8JjrG32hkMMo87smCWxWKfuTpPhuchNwWplF5CR+jyplLsbotInKFD0vbAOBlZGjI5FQ57egvjPTPj12+rJ4svNQG+Q54yWEaWzljglBRU7hs+NVkaEqGkDHl9JkE3YQCuza8DwAPPn03swxxMBlMANgFKuCFnh5wUWTKnw5bRHVsknS32wH4dWKLF/1q3BBuEWYcJwib7O9hFkySJHP+5Eozo88eRRH2dU1LGKYso42wGk2re/ypqYlHVjsugJ4u5GbhkevuzQtcCekS6kdtZRFXcqGi8WGVpdD2qp/EPEX9qhY6xDS8KjlKaN/iXZgs3K1AY1UTAVWvF8iyRf6lFQ1R+YXA36zusYMURSilOQTLZFiTRKd9C3YJT4bj4BvTiGrZ24kSO0bgCajH1XaEYqgs4+dV52TLnrydvQ0gsZNOTJ0JCGPjAViboyVmARf8vkZkxMSnx8VEqcea38FsIbcPXd2zaDHeiXM+tnlz0bo0sD3pgku2E7VbwlCRu0lZ1mAtq94CjwymgywFOnOZvDgIPdCV1AaOFMNr/fEcKo77D37VUZEOxsRGXuvp31KcwOs77H0znALsYjMG3lbxkH6mPT4Jv0jEBQxXZunzykkS0GNf8WhuxwNIWqV+RMjPDM68mn5fD4825+wkS/lETk+Cagv1IaGKl8EpVvwOXhAv84rdkuBw4tW/feGfnTmA8abydATJ+1lVDoI72pvL3xEmCy31hvM2OiRm6CrlKs3RYBYPu69+XlMMwa3E5uc9JTH2Ky3g+aIUsrnjCv7Gkomq+Ht+2RZWF95VHfnhCSUT4tvDikt4P5X8+HF4cVZZ400MJz0z8pPTwGVk/O63SnAtzqVfaQNtTW5qBb6CxGLh1X8nP1uGsmM5ccLfLchfO1nGDJUlOL/X4xI719oq1hD0QKeLhmHwVdL1xCYfDcTsLj/xlwWF7x8Z6dxhjAKHIEfQZZHJvZrptXBBG1GqmHA9XHn82dNb/1N1e5j46HZl8+8BtFM2orm5z8FZ1wnW5D3e9fnVrNlTpnoQ41DjPSkmvdquxzYz3riDOdn32bA2ckvJg9BU2gF5bQ2+64S5bMFlPP17i8qWJZqeDiwI1H4Y36nTV1Rmo1tZ5+9dh9NXpMm5X61QPnvdJ3e0bbBhnGRjPymq4rwCl7ir1yWJl8LoJgEHCEuVNGIWDQnqmQnJcLrXPzA8IhoMdP0jzS/zguH29MCbCjJgMCOOwJigmQ5hhAiKgrj7XvnJaE/SlGwfNFCpcSiDzWxNpudMcKvm5VuFMCNf9BWrCZ5+mTOy7d8zsHhAvbY0sDSsqCi+NeCdgsJ9fZGkrwd4Zl0PVY/P4R0ISZITVhbKNpzr1ZvKAE2NCSAL/SHgeVh61mycqsBZi5UbnGdgdvs4xk0/z319YibrSpuSoob7+/XsDjQZWBx796DVMbhZxt97q9ZjU6WH9pBro5ffwqSrwWYn2LiKL3NSBOoYlUnH8VYnnJqw3pD81KLCoz8XZRSQezH1kacD2wq6HjwoKy5kg3LR24YM79DutnCF9n8O9jO+k7mn+Sf4f5aW9nbo6/sm6d/VLoNcJjKK//9b+/bfxAwS2Ydes0V665OKiBae336i+eiTCRnVOTxtcXXfuNAC/NyPMU25wIq2PCQsV4YF5szi5snDecIKqJmRBAq9tmCcL5+TOCsxThAthZh8t0Q0+xRxZvTMsIcNbBQCDnanxcplJrMBEPB5ofN0qDXXLmpUgkVCQm6Vb3ERuwqPvwyxIauOl4zYi3Ic7dxSeAEM7J6y5dw1oTAoSWEZIQ4Xbq/67Fq2+u5tGM7x/X18vzlC+3bvlNT0B+Xg8haUKHYMj1OnpujrDzp2ubPzaVYl+udGoY1hulo1onZjhdxB+6GoINPDw9hDGeHo+8BQkJ3wiKDsdlm9AQpPgsJACZVjYgzDlRgoLRtQEePSo61FeBrucXTonZBhdxmi6KbhdwABEURie4ojs9yVjogrkODUKUBBw0+WqeMQ/x3+flP6t9P59w+tXPc+gswyk+//cM7x5uQeQMICQRbGlBNQy/jhVxkN4Yp7oEPOHbqj4R2++NOmMpDW8uuJYDdTpvvGsMCoTqiKVO5c6l6/fXeRd4F2JqcaoAu9k+4V1l/plreGVNyWwV20Tima2Ah06UL2wZow6/FvvExJZ5VLtUhV5xer/dUAFM7ZstmmyQy4Rxyf78JtRGFWBmmbKVU6Jn+xarobXpKf3w4OOGFZoViBDowHdOhil63nAdBTWlIhU42w30PFZD7d1C5+6OGAvhq5fH752zcBgWjzxvXXrJ5gpvk8dJz62fCu/+QZn5w0ggEx4904Mi/v+sSfXDnqWM64Ty2dZr//onKiY+0BM0Oq9DlIZbW0MHsPX14CWGXV21e9acixZIpKsemXkXiS2NTC+MMqA447t9O18rSKNogq06wPUOgADhdUMU5aAZYkdjwnXOGmiQ8GIWmYEOxwv0y9r+cVcAEFbfFw8RIjo+3p0fBWsUk5aXbqbdRgU+zE0HRhFPss+f90TwAonXWdEdTTQ7ZkZidSlJvylEfhm/vzZsJcXQkIGN7ylZXAsYeAedCyOy1RUMD9iDJ4J+kHVwmwlmlgM93n++ltkkR6SwvNB/BRmlwKRgPT0ACTwkpnCD/HhpYSkW+w2z+Ek+SUm+iVxcsyVgFPQkyRJN5mBjD/UgRyZjFMs4IFia9K02+fZMbM/x6wyORArffncPsHJBPk8WOk1Nfta3WTT5ZawsgIr9vJSS/hmZcDoazwqBmJjMfF0MenLOtwiJxm1bn97LMKt+0IqBr4YUlC/FmPVDrCX/uvt6hYXCPAnpzgnrduhHjrD8GwcmFz67Pl4drnxDQ05uZQ9/LAlbh/BTssP61Zina8ryaQwLpJTYTFF7UU+zuHdzRxz7CDK7MfXcgSoN03XJhTWPQ6bjQKcRSs0ApIAWm4Ynhg2BBU7FVHj46lFTsXCpqaSSf34z1dllZXDWrJv/jzZxYt9TU0QHxMNaOqeFDR+ETTq3ihjYOIlvSbte9Av9Jrl2QTFSdwDEgBM6nq0I86vuZU6ykIm1cquyaahTXZ9RowABRTQkXismQEObV+3LgPOaNEwPp3beXaMHuEwqlBMVFdPJCWWx4XVQleMkX5LgFbvRJAyO1wsOg41y5AWKOfixc7O/wXWRmsBz8ZbTm5aoiMzKbgZ+r4QOfLUsPHc2CvNTD03gtIiGAg6lI2TBnqngsmGogLD4QNHDxpKCj/Cuu4uJAWlikEaQkWdZFQ6tYBmXAY33xyeLQWh4DSBPKdu1t9F6bkWl2QlWTERBRvsEymCMPHL32SuIdvPVXT86Wt8IIu1dob7Sac+uy3LaJp+HvD0azqblRv2yZQebSF2f8ogmZxPj/H4WV6JFVh1r7m8tbJT4PiJFeA/flIQZi66kJ16ODHJ3OTmgOTPNSxgpJC9e8mn9QxP/YfOe8iosAb+oPCq6wDSJr82CY8oiSybA2nIVX90Tpgj4/aWf+grKQkXv1Fe7UAGZLCBZLVOmeabwuYkBSZbDnnJPNPjg6QheZYg2u2GqQhYKgrWbZYpTOMp/VwKBGSwZ053WUrshQGsuYHfrGDGoH9eAl9Qt53indpGncsKsBPiJF3T8R7eUwAnI4NTACwGvPjDAUPLvdwVM7VTs455zfugtXcj/1foBzeUy7sKPib2T1/mXnW/+oNc7h8Eg+se99Za+c90wSn6+a4vBuB5W1bjmpG0RZq70akRsTO1mh3FbLBv5m+cbr87X4jpB0OyzGYGdlI5Rx+qn6OcxB7f/GWZQ6AfI5x/t316t799M7MharaVqR3S6LQxV7olI6nG9fbQrD0rOCv2zBr61yRn0yfIkWpJ8GLEvi0zxaogyNra2aTph4fIHse8EbJ5IXZxrFI0swDHip9ZF7wYu3C555CLJcs9LsZ/qYmztTVbgzXdJlWwLCC6I/Rpk3iFwCVOx69Y0BukCOQqKmAKWcFAruwHML46ncOH4/XhegJw2R2VkOggTWj7TPLY5bKUV375vB+R2uRauPvz4vcL96jYe/D+0PlzyxG5sdfOc+einKF4/IZbLls6xk3db50qtLATdHumgXF2W9cNF8YhCnDjpmlHv2FnLRAEusfZhFj2E47tOXRHsNgSg5lRcHoj9hwj9FuGmJjMZAoDA7SjXup4qUybqO2T9SXKtNorCXuawqc3YW9B87O5FzhmsP9AWOYUe63ns74ARYl+XPU983Kp+7qgJ7Rn/tf689vFUwH7En667AcBVWRFWbHn9YOELYIpUePjkeYsNfXLg9d7VlyDmQ9KhhR1XGQXcGO6JeF+UOxIiunu0Q6ytf2RiDvlalXAeDq24nPw+AH47gF8ShybsFxxdQVgFEXnqtT6qQL04OySnEW+sT9TrM3m8bKD88cFDDY4PePP42tifRcdP3ToTwSdZc0LxegF90QPqAOWbrghcgNmW7d4ckMRXUSXpH2CcVdx7F8Cy9TCn9LoErroMwNVMPikIJrTKFkt4NG4TSvG/pCQs29/lgB1Doa+M3k3/ZuqksOtvzvIN6g3NqZQPtnBp8v+9kNqP0xrJUZ92A3sgf5kWE58hlcudIygm0h5l70mLOpvtYtqddx1Ulpn4WzlvV3cJDimnaLx5Kir7O6T5xhOUX6/NcHWOvKC6VMu8eS6p4aQfailjB/mLwo6jmoSIC3s1u/Z+Yo5k8d/2g/g/5IGrRMYQDX+7142lYOGRHLn0oOjnmQ3PcgE+y1PgnP68ONTaJ8CPtnrvqQsatVKL6nsB6hzq7nzhvdNe0nprfXWM4FCgcPzd6EP9FRupvxTVeahGwcoXu2lxAYxVaGuYE6V+h9XZ+MX9Oy0gLtndd/9yYp1X3V/aVoS2YNO5aR4t4JManHiap85rrkgfKHTGx+dK4jS2ax+pncXRzEWMaGZGN1JiyXUH001XJiNrC0q5RnHQa+NU2dSdxpPdEWK9C7RerIVIHMBo0QPWMjuQjBHrxgx64EduuccweOnXeHu6qWcWkJR+9rC9axnw4eY2kIwExox1KrPGjEoLlKvvw5KQr90mOtr4+SZjNyKSPcC+p2mS4o6JiQ77I8oepqyKoGOtqfH8nUZdfRPG7mGasg7WWhTlaPR1k6ARIOt0rxElKDnF2oo7WqlL2QUz6ofLsGpUJ26Zq7uV/qWgvIb6GdO8MJOgjw3/UEf59VoAk+r9Kt+oKy01PcVoIKIokBXV9E7DO68EqFTO71hwegvjFCrH/IaB1EVFD2elEyHwKvUfY6OXNOelXp0D90nFY+o2m2+MqHfkcqouBJLUFVFiCKNGMNMmJX3doLCl2ujJRZ4lmgox0YmxYUSiXKP1j2FuVnRZnXUZ5DJ0Z4iHxaF+1ryS5fmV3rKQt4DPdl/bD16f0QY64QW99b/L6Eqb20ASQUcSama2NV8nYesfieK38Er+0ypvjdQz1kQGc+sLjO40mRFP0BPqdyhwtw55FDf3j1KKFoIEsX7SnKTkHPcW8Okc7uoatmVS+ljuXPW3sEUTkU8VznpmusKUTBiBHf0xPRrD/tv5WrVLYp6Ur8X3Id+enkC33utih6j5ZYX5MLpy99bIoq9ekR3Bnu+V7j0763jeY7bMvUBX9XwDwt11TNUG6XMRKVv126BJa3IKlRI33Yv6klnOFpFNTPmLT07E5p9nb6/v3d2pEIA+odFY11BVn2vpL9jwO8arzz0Y5c8lkmPuPM7gp7zO1N4XG3n3OQ1R39nQcHbcNH56Py/mtkF68h/8AP4y8/70jgjL4KeSb3CNPj6hAJ4iy3qswE0zoY1uf6PqEI2AB43cRs1/0pq/z0YtCSAkDmbB5CA2ftpvIGg3asefA/m18TMM54e2JP+BFNgr7/ANNi3D90X+kcwB270T8A0uNk/Cy4SP/QcWFOrQGBncGzxoT/Asr7+BIvgrL/Asov2oftO/wg2Pe2fgGU/+2fB0yA+6jlwfMzJhuCYDsPlQFElq3h/ef+EY2ewz8X/htYIew9HP86nB3+OgvYl2rTTeO2eD9m0HH52fHXIrIdqeoPR307u9Ufv/Espy2+jlg9+bAiO6TBcnu9MUSXX9/G73p9w7AwmtP9tnzWCl/9wfPteYP85FVFRJ9ntNF47JvIhn4zXcvjZXCtk1kOlW91g9LfTRKL+6N19vSylb+2FIvfoT9ldqcf7PVzSEbs/aReaJPnpRSbBPXPhSoWXsoQuYel/Nf7ir/7m7/7hn/7l3/7jv/4n+AQYRAnKRhNyY8YKoapbpnHdydmdy3sDQAhGUAwnSIpmWI4XRElWVE03TMt2XM8PwihO0iwvyqpu2q4fxu00L7v94Xg6X663++P5en++PxTDCZKiGZbjBVGSFVXTDdOyHdfzgzCKkzTLi7Kqm7brh3E6HE/ny/V2fzxf78/395/p4kqqphumZTvS/b83/E/m8yNMKONCKm2s80EYxUma5UVZ1U3b7fUHw9F4Mp3NF8vVerPd7Q8AIqxqRKeMC2mYlu24nh/LGkJRJRQ94fXie19DSZ/LYS4HcFpOepZNmTE78IuMxsk/G/a62iwFKiTjdtfm/6olaPfjFcIWVCpTJky744bUElrIauW4AQ1ICpvNeBkULA2WXtC0t/VySCmoYPneW4oTPAPGdlHNkMFJhZllDjaiCxJUArdeqm4QnalOYORTQae4bF8cGDl98gzk9w9tM9VQGQTQvaAYTJJ6c7s8nsldYp/5xnHEJMj2gBP5jVfYjnK0DMxNlo9R8+d/IRPjmy6z6FlCVFaD5OMSoCjzNQfBoIIUv/29qbjtMkQCDpE7Vm5xQ/JgJOGr6VxyxNAbCbamvfu+/b7jfh/dhhM4hIrWVLYn9QzSVGMY1RLCUWVdfldUZqgNH5Z0wLsK0kjlCm6sTXp1j8ax6gI1Be+rkwqq7iWjkow7OYGz4S+lxCzqx1AcrRo1vOe0ttogr2IiP3J4X7msxTj1ufyrtqGR9mbgRT1GxIS+xJj2WTywxvkM2i93bE4ykj9Wcw4tGqJsZWc+KQcVBN6ZqFlU3RfhjZ7XilqqYWvIrBPkor1ovJMKjFjzsmfnV6vv35nyRzmQ1I/Wd5azGisve7pfm9HjtFOYfN9wooT6sidzeBeRM/X2vH7857/R/+52y9rjfZ3jndAqifq7Qpr/kM+GU+aJLCZvwEq3btBy1JBIRgeeF4UKg827r0VnjBO4dD4776CvaCpXJ7t/9dt/bI7PhAlsv0FHC5ERbHXjXt0GKgIp4a1YKdok5XcDXRIak+DufH9yYIobYHIDw856wLEFDdHGBxW3MWbfYrnroJweNYs4tGBEiQrUrwnYunR2qoyhIWO4+62gOSSsYF5QvOFcMwKjJLDwFRwfdd8ZlbsdPiBllOO12yrQnUMjGRlDnJRiGC5nkmTQ/zaBpLORO0poNAp4N5RnPHR3HaGAMRqmQB0MYYlJUDTDa0GAELmvKVgGtIlmeetDViu/dlaKW20ZqBhnZY3A4eewRCdKJGMf2hY9+d3zlKJOEY/F012QSMexxUbAQTqY9lBL7QyjjkJOKt5Xqp15ak5Bhjs57WuTwxhLTZ8HPIEBxW46XvwmYYso9ANF1LMz6+nZvWrlQZ7dRHsQ9+je0EbTXifRiDLtUDXBcyiaOuPqZ9CbqNyLLKpMzVetJ4A5au/ubdggJFYOm3I7Q3VsfddQPYGDtR3xSXG7Q6+7KMxCeM/yNlVuV92oX/oLMIbwaMnKKTC2a8iI/BQuRRgtGNQ7aysUtcy4V1ZIpgiE4Z6UCFf9C9ODGkqZKmIcySLbTHTbsU8yKw2zYZuSnR45ruoZTXN22XFX3L9XDSM1DEWFXK1JGok8o8pwIeMvTnB1LYuehFrW0E5oqtjclDmbissWgYLQ1JMyd59dCb2hAPTMu6KaGcn4mAZWBfc1txY1oXjHGZ5Ie9vcXWOAOMPGzU1nr6TOIxlzfmVzrfTMNu2S5gjb3P1hd5vA+N4FFqfmbXYKVbI5qDJvGPxdCWOeAVx10vqYcNJB48bQppYTcMJeZmM3TMoeU08iYfRuVVD6G6iVKap6/Hg/G9chTkeDgVMeFzJTeyeGZIrfASPuStb8SRaLOmVEbIMPu/6Z9BYMo4OMjMd938zyP3XcIisw5Am9J9OsO4sKXqS/agHi41NCSQjvyHSvUbJ0D5V3F7zzPfvme7hYGgry0V+sTaqQbnqLR2yMojXlm16qi9HEsKg5Hx9hhQSYbmOorm0oWX3dgcWoxUwyhy7vDCbSUfvAUStWwAWtLRvrSK7mF9UKzfGwC810ZNC2W3lWsyUaz/1FJfuqV5sBo6j1UhowCAKJvEqQzkz1BxSsrWe0qiQ+83kIUgowzMLMT5hM+sNlE3KdR7O8Ae8IZ7GmvC2PlN2U4YiympzAAo6zdQK3yHhCMCcBKr8GSVYpkVttCeyuv5dTc7XL9vB9tdvI0NpjFEnUbOEzpxXlMU8nbKVWAVEq1cxOHLLXtsogubZrB0rMXPVox0cqDk2+vbWW/fOKehOJB4ID8j3ihHH2npYWTrbWZ7WAuUM0TOQRLHX/XFavdlcZPc0+QXWdjNlL46R94BVdkrj2cPW+IeVQGTyrleW1thTkhKwDUv05v3boSoahOLL2FK+zj3B8ca8004QKSo1PQW30+gMV2SUf8ByHXW3ey8W8N9QHveAxtbeUB/NeV9qSY/OeFtDgcEJ4bnRbLHeRXUUTbpf2HNs1EOy5aW069PuKJv2QO7ZgnsQ2j561yEy10R8mBUyBgLfvebCCWtQuXs7YLIGhtwKcJCWwMn1XoyaQS4bOjB7CjI8aV4ZWgPlzS60EasKR6SEpaGt6CAAVRy/iBOZvBvDaCpjpuSm7WTixZRRpKUOlMQEySo9+H/N4r3u2DLKa+UCIB9W5sYxVmYAAe4FIhAQFb3HDUvCl4A5x+jRxVh1MEGzrICUT+lenYE1czXR2pj/tLcW19Ss27wia8yP9pGO2O3MaG5k33Ot7WU0OffgnXpTAATzgTgv/86tT0FrVvAt5WisaHpDriOjtStW5gM3//FlRTVOPRprtzbVMp870nVkvb/UXM0R886eg/ecg5an5G2CwElnj/AEAAAA=')
+      format('woff2'),
+    url('iconfont.ttf?t=1780293772856') format('truetype'), url('iconfont.svg?t=1780293772856#iconfont') format('svg');
+}
+.iconfont {
+  font-size: 16px;
+  font-family: iconfont !important;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.iconicon_form::before {
+  content: '\e800';
+}
+.iconicon_move2::before {
+  content: '\e801';
+}
+.iconicon_send::before {
+  content: '\e7ff';
+}
+.iconicon_end::before {
+  content: '\e7fe';
+}
+.iconicon_down::before {
+  content: '\e7fd';
+}
+.iconicon_left::before {
+  content: '\e7fa';
+}
+.iconicon_right::before {
+  content: '\e7fb';
+}
+.iconicon_up::before {
+  content: '\e7fc';
+}
+.iconicon_aiming::before {
+  content: '\e7f3';
+}
+.iconicon_zoom_out1::before {
+  content: '\e7f4';
+}
+.iconicon_simplified::before {
+  content: '\e7f5';
+}
+.iconicon_order_form1::before {
+  content: '\e7f6';
+}
+.iconicon_zoom_in1::before {
+  content: '\e7f7';
+}
+.iconicon_keyboard::before {
+  content: '\e7f8';
+}
+.iconicon_numerous::before {
+  content: '\e7f9';
+}
+.iconicon_order_form::before {
+  content: '\e7f2';
+}
+.iconicon_add_one::before {
+  content: '\e7f1';
+}
+.iconicon_qichacha::before {
+  content: '\e7f0';
+}
+.iconicon_correlation::before {
+  content: '\e7ef';
+}
+.iconicon_target::before {
+  content: '\e7ee';
+}
+.iconicon_pie::before {
+  content: '\e7ed';
+}
+.iconicon_contract::before {
+  content: '\e7ea';
+}
+.iconicon_arithmetic::before {
+  content: '\e7eb';
+}
+.iconicon_table::before {
+  content: '\e7ec';
+}
+.iconicon_wait::before {
+  content: '\e622';
+}
+.iconicon_skip_planarity::before {
+  content: '\e628';
+}
+.iconicon_industry::before {
+  content: '\e7e9';
+}
+.iconicon_functions_outlined::before {
+  content: '\e7e8';
+}
+.iconicon_timeline::before {
+  content: '\e7e7';
+}
+.iconicon_waterfalls::before {
+  content: '\e7e5';
+}
+.iconicon_list::before {
+  content: '\e7e6';
+}
+.iconicon_file-unknown_colorful1::before {
+  content: '\e7e4';
+}
+.iconicon_link2::before {
+  content: '\e7e3';
+}
+.iconicon_bot::before {
+  content: '\e7e2';
+}
+.iconicon_365::before {
+  content: '\e7db';
+}
+.iconicon_facial_clue::before {
+  content: '\e7dc';
+}
+.iconicon_jin::before {
+  content: '\e7dd';
+}
+.iconicon_facial_deal_win::before {
+  content: '\e7de';
+}
+.iconicon_facial_business::before {
+  content: '\e7df';
+}
+.iconicon_30::before {
+  content: '\e7e0';
+}
+.iconicon_7::before {
+  content: '\e7e1';
+}
+.iconicon_data_person::before {
+  content: '\e7d8';
+}
+.iconicon_data_plan::before {
+  content: '\e7d9';
+}
+.iconicon_data_record::before {
+  content: '\e7da';
+}
+.iconicon_folder_collapse::before {
+  content: '\e7d6';
+}
+.iconicon_folder_expansion::before {
+  content: '\e7d7';
+}
+.iconicon_dashboard1::before {
+  content: '\e7d5';
+}
+.iconicon_export::before {
+  content: '\e746';
+}
+.iconicon_phone_outgoing::before {
+  content: '\e743';
+}
+.iconicon_that_person::before {
+  content: '\e66a';
+}
+.iconicon_file1::before {
+  content: '\e742';
+}
+.iconicon_enterprise::before {
+  content: '\e732';
+}
+.iconicon_send_colorful::before {
+  content: '\e7d4';
+}
+.iconicon_edit1::before {
+  content: '\e71d';
+}
+.iconicon_my::before {
+  content: '\e714';
+}
+.iconicon_general::before {
+  content: '\e6ea';
+}
+.iconicon_serious::before {
+  content: '\e6ef';
+}
+.iconicon_succeed_filled::before {
+  content: '\e6ba';
+}
+.iconicon_block_filled::before {
+  content: '\e6ec';
+}
+.iconicon_testing::before {
+  content: '\e624';
+}
+.iconicon_off_screen::before {
+  content: '\e62d';
+}
+.iconicon_full_screen_one::before {
+  content: '\e631';
+}
+.iconicon_disable::before {
+  content: '\e661';
+}
+.icona-icon_file-compressed_colorful_ash::before {
+  content: '\e63f';
+}
+.icona-icon_file-compressed_colorful::before {
+  content: '\e640';
+}
+.iconicon_file-image_colorful_ash::before {
+  content: '\e642';
+}
+.iconicon_file-ppt_colorful_ash::before {
+  content: '\e643';
+}
+.iconicon_file-pdf_colorful_ash::before {
+  content: '\e644';
+}
+.icona-icon_file-compressed_colorful1::before {
+  content: '\e645';
+}
+.iconicon_file-image_colorful::before {
+  content: '\e646';
+}
+.iconicon_file-word_colorful_ash::before {
+  content: '\e647';
+}
+.iconicon_file-sketch_colorful::before {
+  content: '\e648';
+}
+.iconicon_file-ppt_colorful::before {
+  content: '\e649';
+}
+.iconicon_file_video_colorful_ash::before {
+  content: '\e64c';
+}
+.iconicon_file-excel_colorful::before {
+  content: '\e64d';
+}
+.iconicon_file-pdf_colorful::before {
+  content: '\e64e';
+}
+.iconicon_file_video_colorful::before {
+  content: '\e64f';
+}
+.iconicon_file-CSV_colorful_ash::before {
+  content: '\e650';
+}
+.iconicon_file-sketch_colorful_ash::before {
+  content: '\e651';
+}
+.iconicon_file-CSV_colorful::before {
+  content: '\e652';
+}
+.iconicon_file-sql_colorful_ash::before {
+  content: '\e653';
+}
+.iconicon_file-text_colorful::before {
+  content: '\e654';
+}
+.iconicon_file-word_colorful::before {
+  content: '\e655';
+}
+.iconicon_file-xmind_colorful::before {
+  content: '\e656';
+}
+.iconicon_file-sql_colorful::before {
+  content: '\e657';
+}
+.iconicon_file-text_colorful_ash::before {
+  content: '\e658';
+}
+.iconicon_file-xmind_colorful_ash::before {
+  content: '\e659';
+}
+.iconicon_file-unknown_colorful::before {
+  content: '\e660';
+}
+.icona-icon_file-jar_colorful::before {
+  content: '\e7c5';
+}
+.iconlogo_dingtalk::before {
+  content: '\e7cb';
+}
+.iconlogo_lark::before {
+  content: '\e7d1';
+}
+.iconlogo_wechat-work::before {
+  content: '\e7d2';
+}
+.icona-icon_file-json::before {
+  content: '\e7d3';
+}
+.icona-icon_file-JMX::before {
+  content: '\e69e';
+}
+.iconicon_file_har::before {
+  content: '\e6a1';
+}
+.iconicon_filter_clear::before {
+  content: '\e7cf';
+}
+.iconicon_filter::before {
+  content: '\e7d0';
+}
+.iconicon_file-excel_colorful_ash::before {
+  content: '\e64a';
+}
+.iconicon_font_color::before {
+  content: '\e7ce';
+}
+.iconicon_add_pic::before {
+  content: '\e7c4';
+}
+.iconicon_text_underline::before {
+  content: '\e7c6';
+}
+.iconicon_text_italic::before {
+  content: '\e7c7';
+}
+.iconicon_add_text::before {
+  content: '\e7c8';
+}
+.iconicon_align_text_right::before {
+  content: '\e7c9';
+}
+.iconicon_align_text_left::before {
+  content: '\e7ca';
+}
+.iconicon_text_bold::before {
+  content: '\e7cc';
+}
+.iconicon_align_text_center::before {
+  content: '\e7cd';
+}
+.iconicon_map::before {
+  content: '\e7bb';
+}
+.icona-icon_multiple_selection_of_departments::before {
+  content: '\e7bc';
+}
+.iconicon_calendar1::before {
+  content: '\e7bd';
+}
+.iconicon_link1::before {
+  content: '\e7be';
+}
+.icona-icon_collectbeifen12::before {
+  content: '\e7bf';
+}
+.iconicon_department_single_choice::before {
+  content: '\e7c0';
+}
+.iconicon_find::before {
+  content: '\e7c1';
+}
+.iconicon_handwritten_signature::before {
+  content: '\e7c2';
+}
+.iconicon_button::before {
+  content: '\e7c3';
+}
+.iconicon_select_data::before {
+  content: '\e7ab';
+}
+.iconicon_single_line_text::before {
+  content: '\e7ac';
+}
+.iconicon_multiple_choice_of_members::before {
+  content: '\e7ad';
+}
+.iconicon_subform::before {
+  content: '\e7ae';
+}
+.iconicon_picture::before {
+  content: '\e7af';
+}
+.iconicon_phone::before {
+  content: '\e7b0';
+}
+.iconicon_local::before {
+  content: '\e7b1';
+}
+.iconicon_dividing_line::before {
+  content: '\e7b2';
+}
+.iconicon_multiline::before {
+  content: '\e7b3';
+}
+.iconicon_member_single_choice::before {
+  content: '\e7b4';
+}
+.iconicon_radio::before {
+  content: '\e7b5';
+}
+.iconicon_serial_number::before {
+  content: '\e7b6';
+}
+.iconicon_text_recognition::before {
+  content: '\e7b7';
+}
+.iconicon_pull_down_single_choice::before {
+  content: '\e7b8';
+}
+.iconicon_hashtag_key::before {
+  content: '\e7b9';
+}
+.iconicon_pull_down_multiple_selection::before {
+  content: '\e7ba';
+}
+.iconorder-descending::before {
+  content: '\e7a0';
+}
+.iconicon_video::before {
+  content: '\e7a1';
+}
+.iconicon_zoom_in::before {
+  content: '\e7a2';
+}
+.iconorder-ascending::before {
+  content: '\e7a3';
+}
+.iconicon_zoom_out::before {
+  content: '\e7a4';
+}
+.iconicon_usergroup::before {
+  content: '\e7a5';
+}
+.iconicon_wifi::before {
+  content: '\e7a6';
+}
+.iconicon_view_module::before {
+  content: '\e7a7';
+}
+.iconview-column::before {
+  content: '\e7a8';
+}
+.iconview-list::before {
+  content: '\e7a9';
+}
+.iconicon_wallet::before {
+  content: '\e7aa';
+}
+.iconicon_usb::before {
+  content: '\e78c';
+}
+.iconicon_user_add::before {
+  content: '\e78d';
+}
+.iconicon_swap_right::before {
+  content: '\e78e';
+}
+.iconicon_user_avatar::before {
+  content: '\e78f';
+}
+.iconicon_thumb_up::before {
+  content: '\e790';
+}
+.iconicon_time_filled::before {
+  content: '\e791';
+}
+.iconicon_tools::before {
+  content: '\e792';
+}
+.iconicon_user_clear::before {
+  content: '\e793';
+}
+.iconicon_time::before {
+  content: '\e794';
+}
+.iconicon_unfold_less::before {
+  content: '\e795';
+}
+.iconicon_thumb_down::before {
+  content: '\e796';
+}
+.iconicon_user_talk::before {
+  content: '\e797';
+}
+.iconicon_tips::before {
+  content: '\e798';
+}
+.iconicon_unfold_more::before {
+  content: '\e799';
+}
+.iconicon_upload::before {
+  content: '\e79a';
+}
+.iconicon_user::before {
+  content: '\e79b';
+}
+.iconicon_usergroup_add::before {
+  content: '\e79c';
+}
+.iconicon_swap::before {
+  content: '\e79d';
+}
+.iconicon_usergroup_clear::before {
+  content: '\e79e';
+}
+.iconicon_user_circle::before {
+  content: '\e79f';
+}
+.iconicon_queue::before {
+  content: '\e782';
+}
+.iconicon_refresh::before {
+  content: '\e783';
+}
+.iconicon_pin::before {
+  content: '\e784';
+}
+.iconicon_poweroff::before {
+  content: '\e785';
+}
+.iconicon_photo::before {
+  content: '\e786';
+}
+.iconicon_precise_monitor::before {
+  content: '\e787';
+}
+.iconicon_print::before {
+  content: '\e788';
+}
+.iconicon_play_circle::before {
+  content: '\e789';
+}
+.iconicon_play::before {
+  content: '\e78a';
+}
+.iconicon_remove::before {
+  content: '\e78b';
+}
+.iconicon_server::before {
+  content: '\e776';
+}
+.iconicon_rollfront::before {
+  content: '\e777';
+}
+.iconicon_scan::before {
+  content: '\e778';
+}
+.iconicon_rotation::before {
+  content: '\e779';
+}
+.iconicon_pause_circle::before {
+  content: '\e77a';
+}
+.iconicon_pause::before {
+  content: '\e77b';
+}
+.iconicon_pin_filled::before {
+  content: '\e77c';
+}
+.iconicon_play_circle_filled::before {
+  content: '\e77d';
+}
+.iconicon_qrcode::before {
+  content: '\e77e';
+}
+.iconicon_previous::before {
+  content: '\e77f';
+}
+.iconicon_rollback::before {
+  content: '\e780';
+}
+.iconicon_play_circle_stroke::before {
+  content: '\e781';
+}
+.iconicon_swap_left::before {
+  content: '\e766';
+}
+.iconicon_stop_circle::before {
+  content: '\e767';
+}
+.iconicon_sound::before {
+  content: '\e768';
+}
+.iconicon_setting::before {
+  content: '\e769';
+}
+.iconicon_share::before {
+  content: '\e76a';
+}
+.iconicon_search::before {
+  content: '\e76b';
+}
+.iconicon_service::before {
+  content: '\e76c';
+}
+.iconicon_star::before {
+  content: '\e76d';
+}
+.iconicon_round::before {
+  content: '\e76e';
+}
+.iconicon_star_filled::before {
+  content: '\e76f';
+}
+.iconicon_shop::before {
+  content: '\e770';
+}
+.iconicon_stop_circle_filled::before {
+  content: '\e771';
+}
+.iconicon_slash::before {
+  content: '\e772';
+}
+.iconicon_save::before {
+  content: '\e773';
+}
+.iconicon_secured::before {
+  content: '\e774';
+}
+.iconicon_root_list::before {
+  content: '\e775';
+}
+.iconicon_menu-application1::before {
+  content: '\e75f';
+}
+.iconicon_mobile_vibrate::before {
+  content: '\e760';
+}
+.iconicon_mirror::before {
+  content: '\e761';
+}
+.iconicon_move::before {
+  content: '\e762';
+}
+.iconicon_page_first::before {
+  content: '\e763';
+}
+.iconicon_notification_filled::before {
+  content: '\e764';
+}
+.iconicon_minus_rectangle1::before {
+  content: '\e765';
+}
+.iconicon_menu_unfold1::before {
+  content: '\e752';
+}
+.iconicon_page_last::before {
+  content: '\e753';
+}
+.iconicon_pause_circle_filled::before {
+  content: '\e754';
+}
+.iconicon_money_circle::before {
+  content: '\e755';
+}
+.iconicon_mail1::before {
+  content: '\e756';
+}
+.iconicon_minus_circle_filled1::before {
+  content: '\e757';
+}
+.iconicon_more::before {
+  content: '\e758';
+}
+.iconicon_menu_fold1::before {
+  content: '\e759';
+}
+.iconicon_next::before {
+  content: '\e75a';
+}
+.iconicon_notification::before {
+  content: '\e75b';
+}
+.iconicon_minus_circle1::before {
+  content: '\e75c';
+}
+.iconicon_mobile::before {
+  content: '\e75d';
+}
+.iconicon_order_adjustment_column::before {
+  content: '\e75e';
+}
+.iconicon_jump::before {
+  content: '\e740';
+}
+.iconicon_lock_off::before {
+  content: '\e741';
+}
+.iconicon_loading::before {
+  content: '\e744';
+}
+.iconicon_laptop::before {
+  content: '\e745';
+}
+.iconicon_mail::before {
+  content: '\e747';
+}
+.iconicon_minus_rectangle::before {
+  content: '\e748';
+}
+.iconicon_location::before {
+  content: '\e749';
+}
+.iconicon_lock_on::before {
+  content: '\e74a';
+}
+.iconicon_link_unlink::before {
+  content: '\e74b';
+}
+.iconicon_menu-application::before {
+  content: '\e74c';
+}
+.iconicon_minus_circle::before {
+  content: '\e74d';
+}
+.iconicon_logout::before {
+  content: '\e74e';
+}
+.iconicon_link::before {
+  content: '\e74f';
+}
+.iconicon_layers::before {
+  content: '\e750';
+}
+.iconicon_login::before {
+  content: '\e751';
+}
+.iconicon_file_paste::before {
+  content: '\e718';
+}
+.iconicon_error_circle::before {
+  content: '\e719';
+}
+.iconicon_file_word::before {
+  content: '\e71a';
+}
+.iconicon_enter::before {
+  content: '\e71b';
+}
+.iconicon_file::before {
+  content: '\e71c';
+}
+.iconicon_fork::before {
+  content: '\e71e';
+}
+.iconicon_file_copy::before {
+  content: '\e71f';
+}
+.iconicon_flag::before {
+  content: '\e720';
+}
+.iconicon_folder::before {
+  content: '\e721';
+}
+.iconicon_file_image::before {
+  content: '\e722';
+}
+.iconicon_file_powerpoint::before {
+  content: '\e723';
+}
+.iconicon_file_add::before {
+  content: '\e724';
+}
+.iconicon_file_unknown::before {
+  content: '\e725';
+}
+.iconicon_error_circle_filled::before {
+  content: '\e726';
+}
+.iconicon_help::before {
+  content: '\e727';
+}
+.iconicon_fullscreen_exit::before {
+  content: '\e728';
+}
+.iconicon_file_pdf::before {
+  content: '\e729';
+}
+.iconicon_gift::before {
+  content: '\e72a';
+}
+.iconicon_gender_female::before {
+  content: '\e72b';
+}
+.iconicon_home1::before {
+  content: '\e72c';
+}
+.iconicon_heart_filled::before {
+  content: '\e72d';
+}
+.iconicon_info_circle::before {
+  content: '\e72e';
+}
+.iconicon_file_icon::before {
+  content: '\e72f';
+}
+.iconicon_heart::before {
+  content: '\e730';
+}
+.iconicon_history::before {
+  content: '\e731';
+}
+.iconicon_hourglass::before {
+  content: '\e733';
+}
+.iconicon_info_circle_filled::before {
+  content: '\e734';
+}
+.iconicon_folder_open::before {
+  content: '\e735';
+}
+.iconicon_help_circle_filled::before {
+  content: '\e736';
+}
+.iconicon_help_circle::before {
+  content: '\e737';
+}
+.iconicon_image::before {
+  content: '\e738';
+}
+.iconicon_gender_male::before {
+  content: '\e739';
+}
+.iconicon_fullsreen::before {
+  content: '\e73a';
+}
+.iconicon_image_error::before {
+  content: '\e73b';
+}
+.iconicon_folder_add::before {
+  content: '\e73c';
+}
+.iconicon_file_excel::before {
+  content: '\e73d';
+}
+.iconicon_forward::before {
+  content: '\e73e';
+}
+.iconicon_internet::before {
+  content: '\e73f';
+}
+.iconicon_check_circle_filled::before {
+  content: '\e6f1';
+}
+.iconicon_chevron_right_circle::before {
+  content: '\e6f2';
+}
+.iconicon_creditcard::before {
+  content: '\e6f3';
+}
+.iconicon_close_circle_filled::before {
+  content: '\e6f4';
+}
+.iconicon_circle::before {
+  content: '\e6f5';
+}
+.iconicon_chevron_left_circle::before {
+  content: '\e6f6';
+}
+.iconicon_chevron_left_double::before {
+  content: '\e6f7';
+}
+.iconicon_chevron_right::before {
+  content: '\e6f8';
+}
+.iconicon_control_platform::before {
+  content: '\e6f9';
+}
+.iconicon_close::before {
+  content: '\e6fa';
+}
+.iconicon_check::before {
+  content: '\e6fb';
+}
+.iconicon_chevron_right_double::before {
+  content: '\e6fc';
+}
+.iconicon_check_rectangle_filled::before {
+  content: '\e6fd';
+}
+.iconicon_cloud_upload::before {
+  content: '\e6fe';
+}
+.iconicon_chevron_up_circle::before {
+  content: '\e6ff';
+}
+.iconicon_chevron_down_circle::before {
+  content: '\e700';
+}
+.iconicon_chevron_up_rectangle::before {
+  content: '\e701';
+}
+.iconicon_close_rectangle::before {
+  content: '\e702';
+}
+.iconicon_chevron_down_rectangle::before {
+  content: '\e703';
+}
+.iconicon_chevron_left::before {
+  content: '\e704';
+}
+.iconicon_check_circle::before {
+  content: '\e705';
+}
+.iconicon_chevron_right_rectangle::before {
+  content: '\e706';
+}
+.iconicon_check_rectangle::before {
+  content: '\e707';
+}
+.iconicon_close_circle::before {
+  content: '\e708';
+}
+.iconicon_cloud::before {
+  content: '\e709';
+}
+.iconicon_chevron_down::before {
+  content: '\e70a';
+}
+.iconicon_delete::before {
+  content: '\e70b';
+}
+.iconicon_chevron_up::before {
+  content: '\e70c';
+}
+.iconicon_code::before {
+  content: '\e70d';
+}
+.iconicon_dashboard::before {
+  content: '\e70e';
+}
+.iconicon_clear::before {
+  content: '\e70f';
+}
+.iconicon_chevron_left_rectangle::before {
+  content: '\e710';
+}
+.iconicon_cloud_download::before {
+  content: '\e711';
+}
+.iconicon_desktop::before {
+  content: '\e712';
+}
+.iconicon_ellipsis::before {
+  content: '\e713';
+}
+.iconicon_edit::before {
+  content: '\e715';
+}
+.iconicon_download::before {
+  content: '\e716';
+}
+.iconicon_discount_filled::before {
+  content: '\e717';
+}
+.iconicon_caret_down::before {
+  content: '\e6c9';
+}
+.iconicon_backtop::before {
+  content: '\e6ca';
+}
+.iconicon_caret_right::before {
+  content: '\e6cb';
+}
+.iconicon_bulletpoint::before {
+  content: '\e6cc';
+}
+.iconicon_caret_right_small::before {
+  content: '\e6cd';
+}
+.iconicon_add::before {
+  content: '\e6ce';
+}
+.iconicon_caret_left::before {
+  content: '\e6cf';
+}
+.iconicon_caret_down_small::before {
+  content: '\e6d0';
+}
+.iconicon_caret_left_small::before {
+  content: '\e6d1';
+}
+.iconchart-bar::before {
+  content: '\e6d2';
+}
+.iconicon_arrow_left::before {
+  content: '\e6d3';
+}
+.iconicon_calendar::before {
+  content: '\e6d4';
+}
+.iconicon_chart_pie::before {
+  content: '\e6d5';
+}
+.iconicon_arrow_right::before {
+  content: '\e6d6';
+}
+.iconicon_caret_up_small::before {
+  content: '\e6d7';
+}
+.iconicon_browse::before {
+  content: '\e6d9';
+}
+.iconicon_books::before {
+  content: '\e6db';
+}
+.iconicon_app::before {
+  content: '\e6dc';
+}
+.iconicon_arrow_up::before {
+  content: '\e6dd';
+}
+.iconicon_backward::before {
+  content: '\e6df';
+}
+.iconicon_cart::before {
+  content: '\e6e0';
+}
+.iconicon_attach::before {
+  content: '\e6e1';
+}
+.iconchart::before {
+  content: '\e6e2';
+}
+.iconicon_chat::before {
+  content: '\e6e3';
+}
+.iconicon_add_rectangle::before {
+  content: '\e6e4';
+}
+.iconicon_add_circle::before {
+  content: '\e6e5';
+}
+.iconicon_barcode::before {
+  content: '\e6e6';
+}
+.iconicon_arrow_down_rectangle::before {
+  content: '\e6e7';
+}
+.iconicon_browse_off::before {
+  content: '\e6e8';
+}
+.iconicon_backtop_rectangle::before {
+  content: '\e6e9';
+}
+.iconicon_arrow_down::before {
+  content: '\e6eb';
+}
+.iconicon_call::before {
+  content: '\e6ed';
+}
+.iconicon_caret_up::before {
+  content: '\e6ee';
+}
+.iconicon_chart_bubble::before {
+  content: '\e6f0';
+}
+.iconicon_data::before {
+  content: '\e6ae';
+}
+.iconicon_clue::before {
+  content: '\e6af';
+}
+.iconicon_business_opportunity::before {
+  content: '\e6b0';
+}
+.iconicon_set_up::before {
+  content: '\e6a8';
+}
+.iconicon_not_bookmarked::before {
+  content: '\e6a9';
+}
+.iconicon_product::before {
+  content: '\e6aa';
+}
+.iconicon_customer::before {
+  content: '\e6ab';
+}
+.iconicon_home::before {
+  content: '\e6ac';
+}
+.iconicon_collect::before {
+  content: '\e6ad';
+}
+.iconicon_search-outline_outlined::before {
+  content: '\e6c2';
+}
+.iconicon-alarmclock::before {
+  content: '\e6c8';
+}
diff --git a/frontend/packages/web/src/assets/icon-font/iconfont.js b/frontend/packages/web/src/assets/icon-font/iconfont.js
new file mode 100644
index 0000000..f2f1539
--- /dev/null
+++ b/frontend/packages/web/src/assets/icon-font/iconfont.js
@@ -0,0 +1,65 @@
+(window._iconfont_svg_string_4798260 =
+  '<svg><symbol id="iconicon_form" viewBox="0 0 1024 1024"><path d="M874.666667 85.333333A106.666667 106.666667 0 0 1 981.333333 192v640a106.666667 106.666667 0 0 1-106.666666 106.666667h-725.333334A106.666667 106.666667 0 0 1 42.666667 832v-640A106.666667 106.666667 0 0 1 149.333333 85.333333h725.333334z m21.333333 256H128v490.666667a21.333333 21.333333 0 0 0 21.333333 21.333333h725.333334a21.333333 21.333333 0 0 0 21.333333-21.333333V341.333333z m-128 298.666667a42.666667 42.666667 0 0 1 0 85.333333h-341.333333a42.666667 42.666667 0 0 1 0-85.333333h341.333333zM298.666667 640a42.666667 42.666667 0 0 1 0 85.333333H256a42.666667 42.666667 0 0 1 0-85.333333h42.666667z m469.333333-170.666667a42.666667 42.666667 0 0 1 0 85.333334h-341.333333a42.666667 42.666667 0 0 1 0-85.333334h341.333333zM298.666667 469.333333a42.666667 42.666667 0 0 1 0 85.333334H256a42.666667 42.666667 0 0 1 0-85.333334h42.666667z m576-298.666666h-725.333334a21.333333 21.333333 0 0 0-21.333333 21.333333V256h768V192a21.333333 21.333333 0 0 0-21.333333-21.333333z"  ></path></symbol><symbol id="iconicon_move2" viewBox="0 0 1024 1024"><path d="M458.666667 277.333333A96 96 0 0 1 554.666667 373.333333v32.64l4.096-0.426666 6.570666-0.213334c33.152 0 62.336 16.810667 79.616 42.325334l2.218667 3.584 5.504-1.28a96 96 0 0 1 12.757333-1.706667l6.570667-0.256c33.152 0 62.336 16.810667 79.616 42.325333l2.218667 3.584 5.504-1.28a96 96 0 0 1 12.757333-1.706666l6.570667-0.256a96 96 0 0 1 96 96v167.850666c0 32.512-8.661333 63.232-26.624 88.661334-35.84 50.858667-77.994667 92.245333-127.232 113.365333-87.637333 37.546667-165.973333 38.314667-266.410667 0.768-95.872-35.84-178.773333-134.826667-249.344-261.504-28.245333-50.773333-14.336-113.706667 31.189333-150.101333a124.373333 124.373333 0 0 1 125.994667-17.493334l0.426667-154.88a96 96 0 0 1 89.429333-95.786666l6.570667-0.213334z m0 85.333334a10.666667 10.666667 0 0 0-10.666667 10.666666v245.333334c0 37.973333-45.952 57.045333-72.832 30.165333l-33.621333-33.621333a39.04 39.04 0 0 0-52.010667-2.901334c-13.653333 10.922667-17.493333 28.373333-9.941333 41.984 61.226667 109.866667 133.888 196.608 204.672 223.061334 80.213333 30.037333 135.893333 29.482667 202.922666 0.768 31.445333-13.482667 63.573333-45.056 91.136-84.138667 7.168-10.197333 11.008-23.722667 11.008-39.466667V586.666667a10.666667 10.666667 0 0 0-21.333333 0c0 56.874667-85.333333 56.874667-85.333333 0v-42.666667a10.666667 10.666667 0 0 0-21.333334 0c0 56.874667-85.333333 56.874667-85.333333 0v-42.666667a10.666667 10.666667 0 0 0-21.333333 0c0 56.874667-85.333333 56.874667-85.333334 0v-128a10.666667 10.666667 0 0 0-10.666666-10.666666zM328.832 55.168a42.666667 42.666667 0 0 1 0 60.330667L316.330667 128h263.296l-12.458667-12.501333a42.666667 42.666667 0 0 1-3.541333-56.32l3.541333-4.010667a42.666667 42.666667 0 0 1 60.330667 0l85.333333 85.333333c1.237333 1.194667 2.346667 2.517333 3.413333 3.84l-3.413333-3.84a43.008 43.008 0 0 1 12.458667 28.8L725.333333 170.666667v1.408l-0.170666 2.218666L725.333333 170.666667a43.008 43.008 0 0 1-9.088 26.325333l-0.298666 0.341333-3.114667 3.498667-85.333333 85.333333a42.666667 42.666667 0 0 1-60.330667-60.330666L579.584 213.333333H316.373333l12.458667 12.501334a42.666667 42.666667 0 0 1 3.541333 56.32l-3.541333 4.010666a42.666667 42.666667 0 0 1-60.330667 0l-85.333333-85.333333-3.114667-3.498667a42.88 42.88 0 0 1-0.298666-0.341333l3.413333 3.84A43.008 43.008 0 0 1 170.666667 171.52 42.666667 42.666667 0 0 1 170.666667 170.666667v-0.768c0-1.024 0.085333-2.048 0.170666-3.029334L170.666667 170.666667a43.008 43.008 0 0 1 9.088-26.325334c1.066667-1.322667 2.176-2.645333 3.413333-3.84l85.333333-85.333333a42.666667 42.666667 0 0 1 60.330667 0z"  ></path></symbol><symbol id="iconicon_send" viewBox="0 0 1024 1024"><path d="M911.146667 88.021333l1.621333 0.725334a42.368 42.368 0 0 1 13.397333 9.088l0.64 0.64c3.328 3.456 6.058667 7.466667 8.106667 11.818666l0.341333 0.938667a41.386667 41.386667 0 0 1 1.28 30.037333l-0.256 0.853334-283.733333 810.666666c-12.8 36.437333-63.573333 38.528-79.274667 3.2l-155.477333-349.824-349.781333-155.434666c-33.621333-14.933333-33.365333-61.738667-1.749334-77.226667l4.992-2.048 810.666667-283.733333 0.810667-0.298667a42.538667 42.538667 0 0 1 1.749333-0.512l-2.56 0.853333c2.048-0.768 4.138667-1.28 6.186667-1.706666l0.682666-0.128a41.258667 41.258667 0 0 1 22.357334 2.133333z m-117.205334 202.368l-292.949333 292.949334 106.538667 239.658666 186.410666-532.608zM733.653333 229.973333L200.96 416.426667l239.658667 106.538666 293.034666-293.034666z"  ></path></symbol><symbol id="iconicon_end" viewBox="0 0 1024 1024"><path d="M757.162667 133.632a449.066667 449.066667 0 0 1 111.957333 90.538667A438.186667 438.186667 0 0 1 981.333333 517.248C981.333333 761.898667 780.629333 960 533.333333 960S85.333333 761.898667 85.333333 517.248c0-109.44 40.362667-212.778667 112.213334-293.12a448.426667 448.426667 0 0 1 111.957333-90.496 42.666667 42.666667 0 1 1 42.325333 74.069333A363.733333 363.733333 0 0 0 261.12 281.045333 352.896 352.896 0 0 0 170.666667 517.248c0 197.248 162.261333 357.418667 362.666666 357.418667s362.666667-160.170667 362.666667-357.418667a352.896 352.896 0 0 0-90.453333-236.202667 363.093333 363.093333 0 0 0-90.709334-73.344 42.666667 42.666667 0 1 1 42.325334-74.069333zM533.333333 42.666667a42.666667 42.666667 0 0 1 42.666667 42.666666v426.666667a42.666667 42.666667 0 0 1-85.333333 0V85.333333a42.666667 42.666667 0 0 1 42.666666-42.666666z"  ></path></symbol><symbol id="iconicon_down" viewBox="0 0 1024 1024"><path d="M768 362.666667c37.973333 0 57.045333 45.952 30.165333 72.832l-256 256a42.666667 42.666667 0 0 1-60.330666 0l-256-256C198.954667 408.618667 217.984 362.666667 256 362.666667h512z"  ></path></symbol><symbol id="iconicon_left" viewBox="0 0 1024 1024"><path d="M682.666667 256v512c0 37.973333-45.952 57.045333-72.832 30.165333l-256-256a42.666667 42.666667 0 0 1 0-60.330666l256-256C636.714667 198.954667 682.666667 217.984 682.666667 256z"  ></path></symbol><symbol id="iconicon_right" viewBox="0 0 1024 1024"><path d="M414.165333 225.834667l256 256a42.666667 42.666667 0 0 1 0 60.330666l-256 256C387.285333 825.045333 341.333333 806.016 341.333333 768V256c0-37.973333 45.952-57.045333 72.832-30.165333z"  ></path></symbol><symbol id="iconicon_up" viewBox="0 0 1024 1024"><path d="M542.165333 332.501333l256 256c26.88 26.88 7.850667 72.832-30.165333 72.832H256c-37.973333 0-57.045333-45.952-30.165333-72.832l256-256a42.666667 42.666667 0 0 1 60.330666 0z"  ></path></symbol><symbol id="iconicon_aiming" viewBox="0 0 1024 1024"><path d="M512 42.666667c259.2 0 469.333333 210.133333 469.333333 469.333333s-210.133333 469.333333-469.333333 469.333333S42.666667 771.2 42.666667 512 252.8 42.666667 512 42.666667z m42.666667 87.68V234.666667a42.666667 42.666667 0 0 1-85.333334 0V130.346667A384.170667 384.170667 0 0 0 130.346667 469.333333H234.666667a42.666667 42.666667 0 0 1 0 85.333334H130.346667A384.170667 384.170667 0 0 0 469.333333 893.696V789.333333a42.666667 42.666667 0 0 1 85.333334 0v104.32a384.170667 384.170667 0 0 0 338.986666-338.944L768 554.666667a42.666667 42.666667 0 0 1 0-85.333334h125.653333a384.170667 384.170667 0 0 0-338.944-338.986666z"  ></path></symbol><symbol id="iconicon_zoom_out1" viewBox="0 0 1024 1024"><path d="M490.666667 85.333333a405.333333 405.333333 0 0 1 405.333333 405.333334 403.626667 403.626667 0 0 1-90.154667 254.890666l156.757334 156.672a42.666667 42.666667 0 0 1-60.373334 60.373334l-156.672-156.757334A403.626667 403.626667 0 0 1 490.666667 896a405.333333 405.333333 0 0 1 0-810.666667z m0 85.333334a320 320 0 1 0 0 640 320 320 0 0 0 0-640z m128 277.333333a42.666667 42.666667 0 0 1 0 85.333333h-256a42.666667 42.666667 0 0 1 0-85.333333h256z"  ></path></symbol><symbol id="iconicon_simplified" viewBox="0 0 1024 1024"><path d="M896 138.666667a42.666667 42.666667 0 0 1 0 85.333333H85.333333a42.666667 42.666667 0 1 1 0-85.333333h810.666667z m0 682.666666a42.666667 42.666667 0 0 1 0 85.333334H85.333333a42.666667 42.666667 0 0 1 0-85.333334h810.666667z m-192-426.666666a42.666667 42.666667 0 0 1 42.666667 42.666666v170.666667a42.666667 42.666667 0 0 1-42.666667 42.666667h-426.666667a42.666667 42.666667 0 0 1-42.666666-42.666667v-170.666667a42.666667 42.666667 0 0 1 42.666666-42.666666h426.666667z m-42.666667 85.333333h-341.333333v85.333333h341.333333v-85.333333z"  ></path></symbol><symbol id="iconicon_order_form1" viewBox="0 0 1024 1024"><path d="M661.333333 42.666667a42.666667 42.666667 0 0 1 42.666667 42.666666v21.333334H810.666667a85.333333 85.333333 0 0 1 85.333333 85.333333V896a85.333333 85.333333 0 0 1-85.333333 85.333333H213.333333a85.333333 85.333333 0 0 1-85.333333-85.333333V192a85.333333 85.333333 0 0 1 85.333333-85.333333h106.666667V85.333333a42.666667 42.666667 0 0 1 42.666667-42.666666h298.666666z m-341.333333 149.333333H213.333333V896h597.333334V192h-106.666667V213.333333a42.666667 42.666667 0 0 1-37.674667 42.368L661.333333 256h-298.666666a42.666667 42.666667 0 0 1-42.666667-42.666667v-21.333333z m286.165333 183.168a42.666667 42.666667 0 0 1 0 60.330667L508.330667 533.333333h110.421333c36.352 0 55.338667 42.069333 33.408 69.248l-3.242667 3.626667-170.752 170.666667a42.666667 42.666667 0 1 1-60.330666-60.330667l97.877333-97.877333H405.333333c-36.352 0-55.338667-42.026667-33.408-69.205334l3.242667-3.584 170.666667-170.709333a42.666667 42.666667 0 0 1 60.330666 0zM618.666667 128h-213.333334v42.666667h213.333334V128z"  ></path></symbol><symbol id="iconicon_zoom_in1" viewBox="0 0 1024 1024"><path d="M490.666667 85.333333a405.333333 405.333333 0 0 1 405.333333 405.333334 403.626667 403.626667 0 0 1-90.154667 254.890666l156.757334 156.672a42.666667 42.666667 0 0 1-60.373334 60.373334l-156.672-156.757334A403.626667 403.626667 0 0 1 490.666667 896a405.333333 405.333333 0 0 1 0-810.666667z m0 85.333334a320 320 0 1 0 0 640 320 320 0 0 0 0-640z m0 149.333333a42.666667 42.666667 0 0 1 42.666666 42.666667v85.418666l85.290667-0.085333a42.666667 42.666667 0 0 1 0.085333 85.333333l-85.376 0.085334V618.666667a42.666667 42.666667 0 0 1-85.333333 0v-85.162667l-84.906667 0.170667a42.666667 42.666667 0 0 1-0.170666-85.333334l85.077333-0.170666V362.666667a42.666667 42.666667 0 0 1 42.666667-42.666667z"  ></path></symbol><symbol id="iconicon_keyboard" viewBox="0 0 1024 1024"><path d="M896 128a85.333333 85.333333 0 0 1 85.333333 85.333333v597.333334a85.333333 85.333333 0 0 1-85.333333 85.333333H128a85.333333 85.333333 0 0 1-85.333333-85.333333V213.333333a85.333333 85.333333 0 0 1 85.333333-85.333333h768z m0 85.333333H128v597.333334h768V213.333333z m-128 362.666667a42.666667 42.666667 0 0 1 0 85.333333H256a42.666667 42.666667 0 0 1 0-85.333333h512zM298.666667 384a42.666667 42.666667 0 1 1 0 85.333333H256a42.666667 42.666667 0 0 1 0-85.333333h42.666667z m192 0a42.666667 42.666667 0 0 1 0 85.333333h-42.666667a42.666667 42.666667 0 0 1 0-85.333333h42.666667zM768 384a42.666667 42.666667 0 0 1 0 85.333333h-149.333333a42.666667 42.666667 0 0 1 0-85.333333H768z"  ></path></symbol><symbol id="iconicon_numerous" viewBox="0 0 1024 1024"><path d="M384 42.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v256a85.333333 85.333333 0 0 1-85.333333 85.333333H128a85.333333 85.333333 0 0 1-85.333333-85.333333V128a85.333333 85.333333 0 0 1 85.333333-85.333333h256z m0 85.333333H128v256h256V128z m0 426.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v256a85.333333 85.333333 0 0 1-85.333333 85.333333H128a85.333333 85.333333 0 0 1-85.333333-85.333333v-256a85.333333 85.333333 0 0 1 85.333333-85.333333h256z m0 85.333333H128v256h256v-256zM896 42.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v256a85.333333 85.333333 0 0 1-85.333333 85.333333h-256a85.333333 85.333333 0 0 1-85.333333-85.333333V128a85.333333 85.333333 0 0 1 85.333333-85.333333h256z m0 85.333333h-256v256h256V128z m42.666667 426.666667a42.666667 42.666667 0 0 1 0 85.333333h-341.333334a42.666667 42.666667 0 0 1 0-85.333333h341.333334z m0 170.666666a42.666667 42.666667 0 0 1 0 85.333334h-170.666667a42.666667 42.666667 0 0 1 0-85.333334h170.666667z m0 170.666667a42.666667 42.666667 0 0 1 0 85.333333h-341.333334a42.666667 42.666667 0 0 1 0-85.333333h341.333334z"  ></path></symbol><symbol id="iconicon_order_form" viewBox="0 0 1024 1024"><path d="M661.333333 42.666667a42.666667 42.666667 0 0 1 42.666667 42.666666v21.333334H810.666667a85.333333 85.333333 0 0 1 85.333333 85.333333V896a85.333333 85.333333 0 0 1-85.333333 85.333333H213.333333a85.333333 85.333333 0 0 1-85.333333-85.333333V192a85.333333 85.333333 0 0 1 85.333333-85.333333h106.666667V85.333333a42.666667 42.666667 0 0 1 42.666667-42.666666h298.666666z m-341.333333 149.333333H213.333333V896h597.333334V192h-106.666667V213.333333a42.666667 42.666667 0 0 1-37.674667 42.368L661.333333 256h-298.666666a42.666667 42.666667 0 0 1-42.666667-42.666667v-21.333333z m286.165333 183.168a42.666667 42.666667 0 0 1 0 60.330667L508.330667 533.333333h110.421333c36.352 0 55.338667 42.069333 33.408 69.248l-3.242667 3.626667-170.752 170.666667a42.666667 42.666667 0 1 1-60.330666-60.330667l97.877333-97.877333H405.333333c-36.352 0-55.338667-42.026667-33.408-69.205334l3.242667-3.584 170.666667-170.709333a42.666667 42.666667 0 0 1 60.330666 0zM618.666667 128h-213.333334v42.666667h213.333334V128z"  ></path></symbol><symbol id="iconicon_add_one" viewBox="0 0 1024 1024"><path d="M512 42.666667c259.2 0 469.333333 210.133333 469.333333 469.333333s-210.133333 469.333333-469.333333 469.333333S42.666667 771.2 42.666667 512 252.8 42.666667 512 42.666667z m0 256a42.666667 42.666667 0 0 0-42.666667 42.666666v128H341.333333a42.666667 42.666667 0 0 0 0 85.333334h128v128a42.666667 42.666667 0 0 0 85.333334 0v-128h128a42.666667 42.666667 0 0 0 0-85.333334h-128V341.333333a42.666667 42.666667 0 0 0-42.666667-42.666666z"  ></path></symbol><symbol id="iconicon_qichacha" viewBox="0 0 1024 1024"><path d="M512 42.666667a469.077333 469.077333 0 0 1 427.52 662.613333l-84.437333-47.872A372.693333 372.693333 0 0 0 188.8 326.698667a372.693333 372.693333 0 0 0 623.061333 406.357333l160.213334 98.261333-46.805334 81.152-95.701333-55.168A469.077333 469.077333 0 0 1 60.544 384.042667 469.162667 469.162667 0 0 1 512 42.666667z m0 187.562666c58.538667 0 112.981333 17.92 157.994667 48.512L614.826667 357.973333a185.002667 185.002667 0 1 0 45.696 264.362667l79.104 55.466667a281.557333 281.557333 0 0 1-502.869334-224.512A281.557333 281.557333 0 0 1 512 230.229333z m0 176.426667c24.32 0 46.72 8.234667 64.554667 22.101333l-37.12 53.930667a40.106667 40.106667 0 1 0 7.594666 48.64l53.333334 37.802667a105.258667 105.258667 0 1 1-88.32-162.56v0.085333z" fill="#1890FF" ></path></symbol><symbol id="iconicon_correlation" viewBox="0 0 1024 1024"><path d="M640 394.666667a32 32 0 1 1 0 64h-213.333333a138.666667 138.666667 0 1 0 0 277.333333h341.333333a138.666667 138.666667 0 0 0 104.021333-230.4 32 32 0 1 1 47.957334-42.325333A202.666667 202.666667 0 0 1 768 800h-341.333333a202.666667 202.666667 0 1 1 0-405.333333h213.333333z m-42.666667-170.666667a202.666667 202.666667 0 1 1 0 405.333333H384a32 32 0 1 1 0-64h213.333333a138.666667 138.666667 0 1 0 0-277.333333H256a138.666667 138.666667 0 0 0-104.021333 230.4 32 32 0 1 1-47.957334 42.325333A202.666667 202.666667 0 0 1 256 224h341.333333z"  ></path></symbol><symbol id="iconicon_target" viewBox="0 0 1024 1024"><path d="M512 42.666667a42.666667 42.666667 0 0 1 42.666667 42.666666v23.552c189.824 19.882667 340.608 170.666667 360.448 360.448H938.666667a42.666667 42.666667 0 0 1 0 85.333334h-23.552A405.418667 405.418667 0 0 1 554.666667 915.157333L554.666667 938.666667a42.666667 42.666667 0 0 1-85.333334 0v-23.552a405.418667 405.418667 0 0 1-360.448-360.405334L85.333333 554.666667a42.666667 42.666667 0 0 1 0-85.333334h23.552A405.418667 405.418667 0 0 1 469.333333 108.885333V85.333333a42.666667 42.666667 0 0 1 42.666667-42.666666zM302.933333 554.666667H194.816a320.128 320.128 0 0 0 274.56 274.517333V721.066667A213.504 213.504 0 0 1 302.933333 554.666667z m526.250667 0H721.066667a213.504 213.504 0 0 1-166.4 166.4v108.117333A320.128 320.128 0 0 0 829.184 554.666667zM469.333333 554.666667H391.253333A128.256 128.256 0 0 0 469.333333 632.746667V554.666667z m163.413334 0H554.666667v78.08A128.256 128.256 0 0 0 632.746667 554.666667zM194.773333 469.333333H302.933333A213.504 213.504 0 0 1 469.333333 302.933333V194.816a320.128 320.128 0 0 0-274.517333 274.56zM554.666667 194.858667V302.933333a213.504 213.504 0 0 1 166.4 166.4h108.117333A320.128 320.128 0 0 0 554.666667 194.858667z m-163.413334 274.56L469.333333 469.333333V391.253333A128.256 128.256 0 0 0 391.253333 469.333333zM554.666667 391.253333V469.333333h78.08A128.256 128.256 0 0 0 554.666667 391.253333z"  ></path></symbol><symbol id="iconicon_pie" viewBox="0 0 1024 1024"><path d="M536.32 970.026667l-8.064 0.341333a459.434667 459.434667 0 0 1-34.389333-0.042667l-2.090667-0.085333a456.704 456.704 0 0 1-281.173333-112.512l-2.56-2.261333a440.32 440.32 0 0 1-9.258667-8.405334l-0.768-0.725333A457.557333 457.557333 0 0 1 53.333333 512c0-249.216 198.784-452.010667 446.464-458.496L512 53.333333c5.077333 0 10.154667 0.085333 15.189333 0.256L512 53.333333a456.618667 456.618667 0 0 1 293.12 105.898667l1.92 1.621333a416.170667 416.170667 0 0 1 11.904 10.325334 458.581333 458.581333 0 0 1 23.04 22.272 457.045333 457.045333 0 0 1 128.256 298.794666l0.128 2.858667a456.917333 456.917333 0 0 1-149.12 355.626667c-3.584 3.285333-7.253333 6.485333-10.922667 9.642666l-0.426666 0.426667-1.109334 0.938667c-3.498667 2.944-6.997333 5.845333-10.538666 8.661333l11.648-9.642667a456.32 456.32 0 0 1-265.685334 108.8h-0.426666 0.426666l-7.850666 0.469334z m7.68-851.370667V512a32 32 0 0 1-8.661333 21.888l-269.269334 286.72 9.813334 7.637333 12.928 9.301334 1.194666 0.810666a395.946667 395.946667 0 0 0 103.594667 50.133334l14.250667 4.181333a394.666667 394.666667 0 0 0 63.488 11.946667l-0.896-0.128c4.693333 0.469333 9.386667 0.853333 14.122666 1.237333l-13.226666-1.152c5.589333 0.597333 11.264 1.066667 16.938666 1.408l-3.712-0.256c5.930667 0.426667 11.818667 0.682667 17.749334 0.853333l-14.08-0.597333c5.12 0.298667 10.24 0.469333 15.36 0.597333h-1.28a394.666667 394.666667 0 0 0 232.277333-68.650666l-1.834667 1.237333a394.666667 394.666667 0 0 0 36.522667-27.904l-0.981333 0.853333a394.666667 394.666667 0 0 0 32.682666-31.317333l-1.493333 1.621333a394.666667 394.666667 0 0 0 21.034667-24.277333l-1.962667 2.432a394.666667 394.666667 0 0 0 87.68-230.485333l-0.170667 3.797333a394.666667 394.666667 0 0 0 0.554667-15.488l-0.384 11.690667c0.256-4.864 0.384-9.685333 0.426667-14.592l-0.042667 2.901333a394.666667 394.666667 0 0 0-138.666667-306.773333l2.474667 2.090666a394.666667 394.666667 0 0 0-10.24-8.533333l7.765333 6.4a396.672 396.672 0 0 0-10.496-8.661333l2.730667 2.218666a394.666667 394.666667 0 0 0-203.861333-85.333333l-12.373334-1.152zM117.333333 512c0 101.930667 38.613333 194.816 102.058667 264.832l260.608-277.546667V118.613333A394.666667 394.666667 0 0 0 117.333333 512z"  ></path><path d="M512 85.333333a426.666667 426.666667 0 1 1-292.053333 737.706667L512 512V85.333333z"  ></path></symbol><symbol id="iconicon_contract" viewBox="0 0 1024 1024"><path d="M518.826667 85.333333c134.4 0 230.741333 78.08 230.741333 231.509334 0 73.557333-21.632 125.781333-62.122667 173.568-4.821333 5.674667-34.688 37.888-38.997333 44.074666a20.949333 20.949333 0 0 0-2.901333 4.821334v12.416l0.042666 3.84h186.453334a64 64 0 0 1 63.658666 57.856l0.298667 6.144V789.333333a42.666667 42.666667 0 0 1-42.666667 42.666667H170.666667a42.666667 42.666667 0 0 1-42.666667-42.666667l0.085333-169.813333a64.042667 64.042667 0 0 1 64-63.957333H382.293333l0.085334-3.584v-9.258667a155.136 155.136 0 0 0-6.186667-7.594667l-1.365333-1.536a1308.288 1308.288 0 0 1-35.157334-39.466666c-39.893333-49.066667-61.824-103.808-61.824-177.28C277.802667 163.84 381.653333 85.333333 518.826667 85.333333z m0 85.333334C424.405333 170.666667 363.136 216.96 363.136 316.842667c0 52.522667 14.506667 88.746667 42.752 123.477333 4.48 5.546667 9.258667 10.965333 15.445333 17.749333-0.512-0.554667 12.373333 13.354667 15.786667 17.194667 15.232 17.024 23.765333 29.568 28.202667 46.08 1.578667 5.888 2.389333 11.861333 2.389333 17.92v8.362667c-0.085333 26.581333-0.682667 35.413333-3.84 47.530666-7.253333 27.989333-28.8 45.738667-58.368 45.738667H213.418667L213.333333 746.666667h597.333334v-105.770667h-191.146667c-24.874667 0-45.312-10.837333-54.058667-35.541333l-1.792-5.973334c-2.730667-10.581333-3.328-17.706667-3.413333-44.8v-15.274666c0-19.541333 6.485333-36.778667 18.090667-53.461334 8.405333-12.117333 42.666667-48.981333 43.989333-50.602666 28.16-33.194667 41.898667-66.432 41.898667-118.4C664.234667 214.954667 609.578667 170.666667 518.826667 170.666667zM853.333333 874.666667a42.666667 42.666667 0 0 1 0 85.333333H170.666667a42.666667 42.666667 0 0 1 0-85.333333h682.666666z"  ></path></symbol><symbol id="iconicon_arithmetic" viewBox="0 0 1024 1024"><path d="M896 650.666667a32 32 0 1 1 0 64h-298.666667a32 32 0 1 1 0-64h298.666667z m0 170.666666a32 32 0 1 1 0 64h-298.666667a32 32 0 1 1 0-64h298.666667zM179.285333 614.016l98.005334 98.048 98.090666-98.048a32 32 0 0 1 45.226667 45.226667L322.56 757.333333l98.090667 98.048a32 32 0 0 1-45.269334 45.226667L277.290667 802.56l-98.005334 98.090667a32 32 0 0 1-45.226666-45.226667l98.005333-98.090667-98.048-98.048a32 32 0 0 1 45.226667-45.226666zM896 245.333333a32 32 0 1 1 0 64h-298.666667a32 32 0 1 1 0-64h298.666667zM277.333333 96a32 32 0 0 1 32 32v117.333333H426.666667a32 32 0 1 1 0 64H309.333333V426.666667a32 32 0 1 1-64 0V309.333333H128a32 32 0 0 1 0-64h117.333333V128a32 32 0 0 1 32-32z"  ></path></symbol><symbol id="iconicon_table" viewBox="0 0 1024 1024"><path d="M138.666667 885.333333A74.666667 74.666667 0 0 1 64 810.666667V213.333333c0-41.216 33.450667-74.666667 74.666667-74.666666h768c41.216 0 74.666667 33.450667 74.666666 74.666666v597.333334a74.666667 74.666667 0 0 1-74.666666 74.666666h-768zM341.333333 650.666667H128V810.666667c0 5.888 4.778667 10.666667 10.666667 10.666666H341.333333v-170.666666z m298.666667 0H405.333333v170.666666H640v-170.666666z m277.333333 0h-213.333333v170.666666h202.666667a10.666667 10.666667 0 0 0 10.666666-10.666666v-160z m-576-213.333334H128v149.333334h213.333333v-149.333334z m298.666667 0H405.333333v149.333334H640v-149.333334z m277.333333 0h-213.333333v149.333334h213.333333v-149.333334z m-10.666666-234.666666h-768A10.666667 10.666667 0 0 0 128 213.333333v160h789.333333V213.333333a10.666667 10.666667 0 0 0-10.666666-10.666666z"  ></path></symbol><symbol id="iconicon_wait" viewBox="0 0 1024 1024"><path d="M512 42.666667c259.2 0 469.333333 210.133333 469.333333 469.333333s-210.133333 469.333333-469.333333 469.333333S42.666667 771.2 42.666667 512 252.8 42.666667 512 42.666667z m187.733333 213.333333H307.2a8.021333 8.021333 0 0 0-6.144 2.56 9.258667 9.258667 0 0 0-2.389333 6.570667v18.304c0 2.645333 0.810667 4.864 2.389333 6.570666 1.621333 1.706667 3.669333 2.56 6.144 2.56h25.6c0 49.706667 9.472 93.653333 28.416 131.84 18.901333 38.229333 42.624 67.413333 71.04 87.594667-28.416 20.181333-52.138667 49.365333-71.04 87.594667-18.944 38.144-28.416 82.133333-28.416 131.84h-25.6a8.021333 8.021333 0 0 0-6.144 2.56 9.258667 9.258667 0 0 0-2.389333 6.570666v18.304c0 2.645333 0.810667 4.864 2.389333 6.570667 1.621333 1.706667 3.669333 2.56 6.144 2.56h392.533333c2.474667 0 4.522667-0.853333 6.144-2.56a9.258667 9.258667 0 0 0 2.389334-6.570667v-18.304a9.258667 9.258667 0 0 0-2.389334-6.570666 8.021333 8.021333 0 0 0-6.144-2.56h-25.6c0-49.706667-9.472-93.696-28.416-131.84-18.901333-38.229333-42.624-67.413333-71.04-87.594667 28.416-20.181333 52.138667-49.365333 71.04-87.552 18.944-38.229333 28.416-82.176 28.416-131.84h25.6c2.474667 0 4.522667-0.896 6.144-2.602667a9.258667 9.258667 0 0 0 2.389334-6.570666v-18.304a9.258667 9.258667 0 0 0-2.389334-6.570667A8.021333 8.021333 0 0 0 699.733333 256z m-165.589333 274.304c18.346667 7.978667 35.584 21.546667 51.882667 40.704 16.213333 19.157333 29.184 42.154667 38.784 68.992H382.165333a219.306667 219.306667 0 0 1 38.784-68.992c16.256-19.157333 33.536-32.725333 51.882667-40.704zM640 292.565333c0 39.253333-7.552 75.818667-22.656 109.738667H389.546667a266.410667 266.410667 0 0 1-22.613334-109.738667z"  ></path></symbol><symbol id="iconicon_skip_planarity" viewBox="0 0 1024 1024"><path d="M512 42.666667c259.2 0 469.333333 210.133333 469.333333 469.333333s-210.133333 469.333333-469.333333 469.333333S42.666667 771.2 42.666667 512 252.8 42.666667 512 42.666667z m204.8 298.666666a51.2 51.2 0 0 0-51.2 51.2v102.4h-234.794667l40.618667-40.576A51.2 51.2 0 1 0 398.933333 381.866667l-128 128a51.029333 51.029333 0 0 0 0 72.405333l128 128a51.2 51.2 0 0 0 72.448-72.405333L430.805333 597.333333H716.8a51.2 51.2 0 0 0 51.2-51.2V392.533333A51.2 51.2 0 0 0 716.8 341.333333z"  ></path></symbol><symbol id="iconicon_industry" viewBox="0 0 1024 1024"><path d="M821.333333 234.666667c12.501333 0 23.893333 7.253333 29.098667 18.688l117.333333 256a32 32 0 0 1 2.901334 13.312v256A32 32 0 0 1 938.666667 810.666667h-32.469334a117.333333 117.333333 0 1 1-233.728 0H415.573333a117.333333 117.333333 0 1 1-233.728 0H128a32 32 0 0 1-32-32v-170.666667A32 32 0 0 1 128 576h522.666667V266.666667A32 32 0 0 1 682.666667 234.666667h138.666666zM789.333333 768a53.333333 53.333333 0 1 0 0 106.666667 53.333333 53.333333 0 0 0 0-106.666667zM298.666667 768a53.333333 53.333333 0 1 0 0 106.666667A53.333333 53.333333 0 0 0 298.666667 768z m352-128H160v106.666667h48.170667c21.504-26.026667 54.058667-42.666667 90.496-42.666667 36.437333 0 68.992 16.64 90.496 42.666667h261.504V640z m150.144-341.333333H714.666667v432.170666a116.864 116.864 0 0 1 74.666666-26.837333c36.437333 0 68.992 16.64 90.496 42.666667h26.837334v-217.002667L800.810667 298.666667zM554.666667 149.333333a32 32 0 0 1 32 32v298.666667A32 32 0 0 1 554.666667 512H149.333333a32 32 0 0 1-31.274666-25.301333l-64-298.666667A32 32 0 0 1 85.333333 149.333333h469.333334zM522.666667 213.333333H124.885333l50.304 234.666667h347.477334V213.333333zM810.666667 106.666667A32 32 0 1 1 810.666667 170.666667h-128a32 32 0 1 1 0-64h128z"  ></path></symbol><symbol id="iconicon_functions_outlined" viewBox="0 0 1024 1024"><path d="M512 512L207.189333 250.752C175.104 223.232 194.56 170.666667 236.8 170.666667H802.133333c12.586667 0 22.741333 10.197333 22.741334 22.741333v39.850667A22.741333 22.741333 0 0 1 802.133333 256H341.333333l291.370667 238.378667c11.093333 9.130667 11.093333 26.112 0 35.242666L341.333333 768h489.258667c12.544 0 22.741333 10.197333 22.741333 22.741333v39.850667a22.741333 22.741333 0 0 1-22.741333 22.741333H236.8c-42.24 0-61.696-52.565333-29.610667-80.085333L512 512z"  ></path></symbol><symbol id="iconicon_timeline" viewBox="0 0 1024 1024"><path d="M138.666667 938.666667a42.666667 42.666667 0 0 1-85.333334 0V85.333333a42.666667 42.666667 0 1 1 85.333334 0v128h113.92a128.042667 128.042667 0 0 1 241.493333 0h455.253333a42.666667 42.666667 0 0 1 0 85.333334H494.037333a128.042667 128.042667 0 0 1-241.408 0H138.666667v170.666666h497.92a128.042667 128.042667 0 0 1 241.493333 0h71.253333a42.666667 42.666667 0 0 1 0 85.333334h-71.296a128.042667 128.042667 0 0 1-241.408 0H138.666667v170.666666h113.92a128.042667 128.042667 0 0 1 241.493333 0h455.253333a42.666667 42.666667 0 0 1 0 85.333334H494.037333a128.042667 128.042667 0 0 1-241.408 0H138.666667v128z m234.666666-213.333334a42.666667 42.666667 0 1 0 0 85.333334 42.666667 42.666667 0 0 0 0-85.333334z m384-256a42.666667 42.666667 0 1 0 0 85.333334 42.666667 42.666667 0 0 0 0-85.333334z m-384-256a42.666667 42.666667 0 1 0 0 85.333334 42.666667 42.666667 0 0 0 0-85.333334z"  ></path></symbol><symbol id="iconicon_waterfalls" viewBox="0 0 1024 1024"><path d="M490.666667 85.333333a42.666667 42.666667 0 0 1 42.666666 42.666667v298.666667a42.666667 42.666667 0 0 1-42.666666 42.666666H128a42.666667 42.666667 0 0 1-42.666667-42.666666V128a42.666667 42.666667 0 0 1 42.666667-42.666667h362.666667z m-42.666667 85.333334H170.666667v213.333333h277.333333V170.666667zM896 554.666667a42.666667 42.666667 0 0 1 42.666667 42.666666v298.666667a42.666667 42.666667 0 0 1-42.666667 42.666667h-362.666667a42.666667 42.666667 0 0 1-42.666666-42.666667v-298.666667a42.666667 42.666667 0 0 1 42.666666-42.666666H896z m-42.666667 85.333333h-277.333333v213.333333H853.333333v-213.333333z m42.666667-554.666667a42.666667 42.666667 0 0 1 42.666667 42.666667v298.666667a42.666667 42.666667 0 0 1-42.666667 42.666666h-234.666667a42.666667 42.666667 0 0 1-42.666666-42.666666V128a42.666667 42.666667 0 0 1 42.666666-42.666667H896z m-42.666667 85.333334h-149.333333v213.333333H853.333333V170.666667zM362.666667 554.666667a42.666667 42.666667 0 0 1 42.666666 42.666666v298.666667a42.666667 42.666667 0 0 1-42.666666 42.666667H128a42.666667 42.666667 0 0 1-42.666667-42.666667v-298.666667a42.666667 42.666667 0 0 1 42.666667-42.666666h234.666667z m-42.666667 85.333333H170.666667v213.333333h149.333333v-213.333333z"  ></path></symbol><symbol id="iconicon_list" viewBox="0 0 1024 1024"><path d="M170.666667 85.333333a128 128 0 1 1 0 256 128 128 0 0 1 0-256z m0 85.333334a42.666667 42.666667 0 1 0 0 85.333333 42.666667 42.666667 0 0 0 0-85.333333z m0 256a85.333333 85.333333 0 1 1 0 170.666666 85.333333 85.333333 0 0 1 0-170.666666z m0 298.666666a85.333333 85.333333 0 1 1 0 170.666667 85.333333 85.333333 0 0 1 0-170.666667z m768-256a42.666667 42.666667 0 0 1 0 85.333334H426.666667a42.666667 42.666667 0 0 1 0-85.333334h512z m0 298.666667a42.666667 42.666667 0 0 1 0 85.333333H426.666667a42.666667 42.666667 0 0 1 0-85.333333h512z m0-597.333333a42.666667 42.666667 0 0 1 0 85.333333H426.666667a42.666667 42.666667 0 1 1 0-85.333333h512z"  ></path></symbol><symbol id="iconicon_file-unknown_colorful1" viewBox="0 0 1024 1024"><path d="M170.666667 106.666667a42.666667 42.666667 0 0 1 42.666666-42.666667h417.834667a21.333333 21.333333 0 0 1 15.061333 6.229333l200.874667 200.874667a21.333333 21.333333 0 0 1 6.229333 15.061333V917.333333a42.666667 42.666667 0 0 1-42.666666 42.666667H213.333333a42.666667 42.666667 0 0 1-42.666666-42.666667v-810.666666z" fill="#8F959E" ></path><path d="M640 65.92a21.290667 21.290667 0 0 1 6.229333 4.309333l200.874667 200.874667a21.376 21.376 0 0 1 4.309333 6.229333H682.666667a42.666667 42.666667 0 0 1-42.666667-42.666666V65.92z" fill="#646A73" ></path><path d="M609.578667 420.906667c-23.253333-22.058667-53.845333-32.981333-91.818667-32.981334-42.666667 0-76.16 13.653333-100.394667 41.557334-20.522667 23.936-31.573333 46.933333-33.194666 83.114666l-0.085334 4.266667a10.581333 10.581333 0 0 0 10.624 10.666667h25.216a10.752 10.752 0 0 0 10.709334-10.581334c0-1.749333 0.085333-3.285333 0.128-4.096 1.237333-25.002667 7.722667-38.101333 19.370666-52.650666 14.72-19.626667 36.266667-29.226667 65.877334-29.226667 26.410667 0 46.208 6.741333 59.861333 20.394667 13.056 13.568 19.84 32.042667 19.84 55.253333 0 15.786667-5.717333 30.890667-17.408 45.866667-3.712 4.650667-9.045333 10.154667-26.282667 27.392-27.178667 23.765333-43.989333 43.093333-52.906666 62.165333a108.8 108.8 0 0 0-11.008 48.981333v12.032c0 5.888 4.778667 10.666667 10.666666 10.666667h25.813334a10.666667 10.666667 0 0 0 10.666666-10.666667v-12.032c0-15.104 3.712-28.629333 11.434667-41.813333 5.76-9.813333 13.184-17.536 26.112-28.842667 25.898667-23.466667 40.234667-37.376 46.677333-45.568a112.554667 112.554667 0 0 0 23.381334-69.376c0-35.285333-11.093333-63.573333-33.28-84.48z m-110.208 339.370666a10.666667 10.666667 0 0 0-10.666667 10.666667v25.216c0 5.888 4.778667 10.666667 10.666667 10.666667h25.216a10.666667 10.666667 0 0 0 10.666666-10.666667v-25.173333a10.666667 10.666667 0 0 0-10.666666-10.666667h-25.173334z" fill="#FFFFFF" ></path></symbol><symbol id="iconicon_link2" viewBox="0 0 1024 1024"><path d="M503.850667 457.856a32 32 0 0 1 0 45.269333c-45.952 45.952-46.933333 119.04-2.816 163.157334l1.408 1.493333 1.365333 1.28 194.986667 194.986667c44.16 44.16 117.205333 43.178667 163.157333-2.773334s46.933333-119.04 2.773333-163.157333L695.466667 528.853333a32 32 0 1 1 45.226666-45.269333l169.301334 169.258667c69.418667 69.418667 67.882667 182.997333-2.773334 253.653333-70.698667 70.698667-184.234667 72.234667-253.653333 2.816l-194.986667-194.986667-1.28-1.408a32.469333 32.469333 0 0 1-1.536-1.408c-69.376-69.376-67.84-182.954667 2.816-253.653333a32 32 0 0 1 45.226667 0zM403.584 147.2l194.986667 194.986667c69.418667 69.418667 67.882667 182.954667-2.773334 253.653333a32 32 0 1 1-45.226666-45.226667c45.909333-45.994667 46.933333-119.04 2.773333-163.2l-194.986667-194.986666c-44.16-44.117333-117.205333-43.136-163.157333 2.816s-46.933333 118.997333-2.816 163.157333l169.301333 169.258667a32 32 0 0 1-45.226666 45.226666L147.114667 403.626667c-69.418667-69.418667-67.882667-182.954667 2.773333-253.653334C220.629333 79.274667 334.165333 77.738667 403.626667 147.2z"  ></path></symbol><symbol id="iconicon_bot" viewBox="0 0 1024 1024"><path d="M522.666667 85.333333a85.333333 85.333333 0 0 1 42.709333 159.232L565.333333 341.333333h234.666667a85.333333 85.333333 0 0 1 85.333333 85.333334v426.666666a85.333333 85.333333 0 0 1-85.333333 85.333334h-554.666667a85.333333 85.333333 0 0 1-85.333333-85.333334V426.666667a85.333333 85.333333 0 0 1 85.333333-85.333334h234.666667V244.565333a85.333333 85.333333 0 0 1 42.666667-159.232z m277.333333 341.333334h-554.666667v426.666666h554.666667V426.666667z m-704 85.333333a42.666667 42.666667 0 0 1 42.666667 42.666667v170.666666a42.666667 42.666667 0 0 1-85.333334 0v-170.666666a42.666667 42.666667 0 0 1 42.666667-42.666667z m853.333333 0a42.666667 42.666667 0 0 1 42.666667 42.666667v170.666666a42.666667 42.666667 0 0 1-85.333333 0v-170.666666a42.666667 42.666667 0 0 1 42.666666-42.666667z m-341.333333 170.666667l4.992 0.298666A42.666667 42.666667 0 0 1 608 768h-170.666667l-4.992-0.298667A42.666667 42.666667 0 0 1 437.333333 682.666667h170.666667z m-234.666667-170.666667a42.666667 42.666667 0 1 1 0 85.333333 42.666667 42.666667 0 0 1 0-85.333333z m298.666667 0a42.666667 42.666667 0 1 1 0 85.333333 42.666667 42.666667 0 0 1 0-85.333333z"  ></path></symbol><symbol id="iconicon_365" viewBox="0 0 1024 1024"><path d="M906.666667 42.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v768a85.333333 85.333333 0 0 1-85.333333 85.333333h-768a85.333333 85.333333 0 0 1-85.333334-85.333333V128a85.333333 85.333333 0 0 1 85.333334-85.333333h768z m0 298.666666h-768v554.666667h768V341.333333z m0-213.333333h-768v128h768V128z"  ></path><path d="M521.642667 469.333333c43.776 0 82.048 28.885333 97.706666 71.338667a28.373333 28.373333 0 0 1-16.426666 36.437333 27.989333 27.989333 0 0 1-36.096-16.64c-7.765333-20.992-25.685333-34.517333-45.226667-34.517333-26.496 0-49.066667 24.832-49.066667 56.661333v12.245334a103.936 103.936 0 0 1 49.066667-12.245334c58.112 0 105.216 47.530667 105.216 106.154667 0 58.666667-47.104 106.197333-105.173333 106.197333-58.112 0-105.216-47.530667-105.216-106.197333l0.085333-4.906667a29.013333 29.013333 0 0 1-0.085333-2.133333v-99.114667C416.426667 520.533333 462.933333 469.333333 521.642667 469.333333z m0 169.898667c-27.136 0-49.066667 22.186667-49.066667 49.536 0 27.392 21.930667 49.536 49.066667 49.536 27.093333 0 49.066667-22.186667 49.066666-49.493333 0-27.392-21.973333-49.578667-49.066666-49.578667zM345.984 469.333333c19.370667 0 35.072 15.829333 35.072 35.413334v247.722666c0 19.541333-15.701333 35.413333-35.072 35.413334H205.738667a35.242667 35.242667 0 0 1-35.072-35.413334c0-19.541333 15.701333-35.413333 35.072-35.413333h105.173333v-53.077333H240.810667a35.242667 35.242667 0 0 1-35.072-35.413334c0-19.498667 15.701333-35.370667 35.072-35.370666h70.101333v-53.077334H205.738667a35.2 35.2 0 0 1-34.816-31.274666L170.666667 504.746667c0-19.584 15.701333-35.413333 35.072-35.413334h140.245333zM821.461333 469.333333a31.872 31.872 0 0 1 0 63.701334h-95.573333v29.141333l6.016-1.493333c8.106667-1.834667 16.512-2.986667 25.130667-3.498667l8.704-0.256c61.866667 0 87.594667 45.525333 87.594666 119.466667 0 69.888-37.12 111.488-102.656 111.488-56.32 0-88.448-36.565333-88.448-85.418667a31.872 31.872 0 0 1 63.701334 0c0 15.36 5.546667 21.717333 24.746666 21.717333 28.586667 0 38.954667-11.605333 38.954667-47.786666 0-43.434667-6.997333-55.765333-23.893333-55.765334-13.738667 0-26.88 3.2-38.741334 8.533334a74.837333 74.837333 0 0 0-13.44 7.424 31.872 31.872 0 0 1-51.328-25.173334v-110.208c0-17.621333 14.250667-31.872 31.829334-31.872h127.402666z"  ></path></symbol><symbol id="iconicon_facial_clue" viewBox="0 0 1024 1024"><path d="M512 42.666667c259.2 0 469.333333 210.133333 469.333333 469.333333s-210.133333 469.333333-469.333333 469.333333S42.666667 771.2 42.666667 512 252.8 42.666667 512 42.666667z m184.874667 184.874666a99.541333 99.541333 0 0 0-28.416 194.986667v253.098667a63.957333 63.957333 0 0 1-127.914667 0V348.501333a120.96 120.96 0 1 0-241.877333 0v252.970667a99.584 99.584 0 1 0 56.917333 0V348.501333a64.042667 64.042667 0 1 1 128.085333 0v327.125334a120.832 120.832 0 0 0 241.664 0V422.528a99.584 99.584 0 0 0-28.458666-194.986667z m-369.749334 426.666667a42.666667 42.666667 0 1 1 0 85.333333 42.666667 42.666667 0 0 1 0-85.333333z m369.749334-369.749333a42.666667 42.666667 0 1 1 0 85.333333 42.666667 42.666667 0 0 1 0-85.333333z"  ></path></symbol><symbol id="iconicon_jin" viewBox="0 0 1024 1024"><path d="M906.666667 42.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v768a85.333333 85.333333 0 0 1-85.333333 85.333333h-768a85.333333 85.333333 0 0 1-85.333334-85.333333V128a85.333333 85.333333 0 0 1 85.333334-85.333333h768z m0 298.666666h-768v554.666667h768V341.333333z m-183.04 291.84v58.026667a2119.253333 2119.253333 0 0 1-131.413334 165.546667l-64.853333-35.84c34.133333-37.546667 68.266667-78.506667 100.693333-124.586667H365.226667v-63.146667h358.4z m-186.026667-116.053333c27.306667 29.013333 49.493333 54.613333 69.973333 78.506667l-58.026666 37.546666c-29.013333-35.84-49.493333-63.146667-64.853334-80.213333l52.906667-35.84z m71.68-121.173333v1.706666l-15.36 15.36c47.786667 63.146667 112.64 112.64 194.56 145.066667-15.36 18.773333-29.013333 35.84-44.373333 56.32-83.626667-39.253333-146.773333-90.453333-192.853334-153.6-49.493333 63.146667-116.053333 116.053333-201.386666 158.72-17.066667-27.306667-32.426667-44.373333-44.373334-58.026667 83.626667-35.84 155.306667-92.16 209.92-165.546666h93.866667zM906.666667 128h-768v128h768V128z"  ></path></symbol><symbol id="iconicon_facial_deal_win" viewBox="0 0 1024 1024"><path d="M496.512 42.666667c173.952 0 320 67.413333 320 170.666666 0 41.728-23.850667 77.568-63.701333 105.514667 73.941333 97.706667 134.528 220.330667 183.466666 357.973333C990.592 829.653333 872.874667 981.333333 708.437333 981.333333H283.605333c-164.096 0-281.685333-151.125333-227.626666-303.616C104.746667 540.16 165.546667 417.28 240.170667 318.762667 200.362667 290.901333 176.512 255.061333 176.512 213.333333c0-103.253333 146.048-170.666667 320-170.666666z m-97.834667 396.501333a42.666667 42.666667 0 0 0-60.330666 60.330667L393.472 554.666667h-24.96a42.666667 42.666667 0 0 0 0 85.333333h85.504v42.666667H368.512a42.666667 42.666667 0 0 0 0 85.333333h85.504v42.666667a42.666667 42.666667 0 0 0 85.333333 0v-42.666667h85.162667a42.666667 42.666667 0 1 0 0-85.333333h-85.162667v-42.666667h85.162667a42.666667 42.666667 0 1 0 0-85.333333h-25.002667l55.168-55.168a42.666667 42.666667 0 0 0 0-60.330667l-4.010666-3.541333a42.666667 42.666667 0 0 0-56.32 3.541333l-97.877334 97.792zM496.512 128c-132.394667 0-234.666667 47.232-234.666667 85.333333 0 20.565333 29.824 43.818667 78.08 60.842667 4.053333 1.322667 8.149333 2.56 12.373334 3.797333 31.36 8.96 65.493333 14.848 99.669333 18.090667 14.506667 1.408 26.624 2.133333 35.498667 2.432l4.906666 0.128 4.266667 0.042667 5.077333-0.042667c9.002667-0.213333 22.698667-0.938667 39.68-2.56 34.133333-3.285333 68.181333-9.130667 99.498667-18.133333l10.922667-3.328c49.024-17.066667 79.36-40.533333 79.36-61.269334 0-38.101333-102.272-85.333333-234.666667-85.333333z"  ></path></symbol><symbol id="iconicon_facial_business" viewBox="0 0 1024 1024"><path d="M512 42.666667c259.2 0 469.333333 210.133333 469.333333 469.333333s-210.133333 469.333333-469.333333 469.333333S42.666667 771.2 42.666667 512 252.8 42.666667 512 42.666667zM414.165333 289.834667a42.666667 42.666667 0 0 0-60.330666 60.330666L430.293333 426.666667H384a42.666667 42.666667 0 0 0 0 85.333333h85.504v42.666667H384a42.666667 42.666667 0 0 0 0 85.333333h85.504v85.333333a42.666667 42.666667 0 0 0 85.333333 0v-85.333333H640a42.666667 42.666667 0 0 0 0-85.333333h-85.162667v-42.666667H640a42.666667 42.666667 0 0 0 0-85.333333h-46.336l76.501333-76.501334a42.666667 42.666667 0 0 0 0-60.330666l-4.010666-3.541334a42.666667 42.666667 0 0 0-56.32 3.541334l-97.877334 97.792z"  ></path></symbol><symbol id="iconicon_30" viewBox="0 0 1024 1024"><path d="M906.666667 42.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v768a85.333333 85.333333 0 0 1-85.333333 85.333333h-768a85.333333 85.333333 0 0 1-85.333334-85.333333V128a85.333333 85.333333 0 0 1 85.333334-85.333333h768z m0 298.666666h-768v554.666667h768V341.333333zM768 426.666667a42.666667 42.666667 0 0 1 42.666667 42.666666v298.666667a42.666667 42.666667 0 0 1-42.666667 42.666667h-170.666667a42.666667 42.666667 0 0 1-42.666666-42.666667v-298.666667a42.666667 42.666667 0 0 1 42.666666-42.666666h170.666667z m-341.333333 0a42.666667 42.666667 0 0 1 42.666666 42.666666v298.666667a42.666667 42.666667 0 0 1-42.666666 42.666667H256a42.666667 42.666667 0 0 1 0-85.333334h128v-64H298.666667a42.666667 42.666667 0 0 1 0-85.333333h85.333333V512H256a42.666667 42.666667 0 0 1-42.368-37.674667L213.333333 469.333333a42.666667 42.666667 0 0 1 42.666667-42.666666h170.666667z m298.666666 85.333333h-85.333333v213.333333h85.333333v-213.333333z m181.333334-384h-768v128h768V128z"  ></path></symbol><symbol id="iconicon_7" viewBox="0 0 1024 1024"><path d="M906.666667 42.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v768a85.333333 85.333333 0 0 1-85.333333 85.333333h-768a85.333333 85.333333 0 0 1-85.333334-85.333333V128a85.333333 85.333333 0 0 1 85.333334-85.333333h768z m0 298.666666h-768v554.666667h768V341.333333zM640 384a42.666667 42.666667 0 0 1 39.04 59.989333l-170.837333 384a42.666667 42.666667 0 1 1-77.952-34.645333L574.378667 469.333333H426.666667a42.666667 42.666667 0 0 1-42.368-37.674666L384 426.666667a42.666667 42.666667 0 0 1 42.666667-42.666667h213.333333z m266.666667-256h-768v128h768V128z"  ></path></symbol><symbol id="iconicon_data_person" viewBox="0 0 1024 1024"><path d="M477.44 554.709333c107.093333 0.426667 136.106667 3.84 174.08 23.210667a213.333333 213.333333 0 0 1 93.226667 93.226667c20.778667 40.746667 23.253333 71.210667 23.253333 199.253333v25.6a42.666667 42.666667 0 0 1-42.666667 42.666667H85.333333a42.666667 42.666667 0 0 1-42.666666-42.666667l0.042666-50.773333c0.426667-107.093333 3.84-136.106667 23.210667-174.08a213.333333 213.333333 0 0 1 93.226667-93.226667c37.973333-19.328 66.986667-22.826667 174.08-23.210667h144.213333z m-2.688 85.333334H335.914667c-92.16 0.298667-116.522667 2.986667-138.026667 13.909333a128 128 0 0 0-55.936 55.936c-10.965333 21.504-13.610667 45.866667-13.909333 138.026667L128 853.333333h554.624v-5.418666c-0.298667-88.618667-2.773333-114.56-12.672-135.509334l-1.237333-2.517333a128 128 0 0 0-55.936-55.936c-21.504-10.965333-45.866667-13.610667-138.026667-13.909333zM810.666667 234.666667a42.666667 42.666667 0 0 1 42.666666 42.666666v85.333334h85.333334a42.666667 42.666667 0 0 1 42.368 37.674666L981.333333 405.333333a42.666667 42.666667 0 0 1-42.666666 42.666667h-85.333334v85.333333a42.666667 42.666667 0 0 1-37.674666 42.368L810.666667 576a42.666667 42.666667 0 0 1-42.666667-42.666667v-85.333333h-85.333333a42.666667 42.666667 0 0 1-42.368-37.674667L640 405.333333a42.666667 42.666667 0 0 1 42.666667-42.666666h85.333333v-85.333334a42.666667 42.666667 0 0 1 37.674667-42.368L810.666667 234.666667zM405.333333 85.333333a192 192 0 1 1 0 384 192 192 0 0 1 0-384z m0 85.333334a106.666667 106.666667 0 1 0 0 213.333333 106.666667 106.666667 0 0 0 0-213.333333z"  ></path></symbol><symbol id="iconicon_data_plan" viewBox="0 0 1024 1024"><path d="M704 42.666667a42.666667 42.666667 0 0 1 42.666667 42.666666v21.333334H896a85.333333 85.333333 0 0 1 85.333333 85.333333V853.333333a85.333333 85.333333 0 0 1-85.333333 85.333334H170.666667a85.333333 85.333333 0 0 1-85.333334-85.333334V192a85.333333 85.333333 0 0 1 85.333334-85.333333h149.333333V85.333333a42.666667 42.666667 0 1 1 85.333333 0v21.333334h256V85.333333a42.666667 42.666667 0 0 1 42.666667-42.666666z m192 384H170.666667v426.666666h725.333333V426.666667z m-119.168 55.168a42.666667 42.666667 0 0 1 0 60.330666l-256 256a42.666667 42.666667 0 0 1-60.330667 0l-128-128a42.666667 42.666667 0 0 1 60.330667-60.330666l97.834667 97.792 225.834666-225.792a42.666667 42.666667 0 0 1 60.330667 0zM320 192H170.666667V341.333333h725.333333V192h-149.333333V256a42.666667 42.666667 0 0 1-85.333334 0V192h-256V256a42.666667 42.666667 0 1 1-85.333333 0V192z"  ></path></symbol><symbol id="iconicon_data_record" viewBox="0 0 1024 1024"><path d="M170.666667 992a85.333333 85.333333 0 0 1-85.333334-85.333333v-768a85.333333 85.333333 0 0 1 85.333334-85.333334h682.666666a85.333333 85.333333 0 0 1 85.333334 85.333334v768a85.333333 85.333333 0 0 1-85.333334 85.333333H170.666667z m85.333333-853.333333H170.666667v768h85.333333v-768z m597.333333 0H341.333333v768h512v-768z m-213.333333 256a42.666667 42.666667 0 0 1 0 85.333333h-170.666667a42.666667 42.666667 0 1 1 0-85.333333h170.666667z m0-170.666667a42.666667 42.666667 0 0 1 0 85.333333h-170.666667a42.666667 42.666667 0 1 1 0-85.333333h170.666667z"  ></path></symbol><symbol id="iconicon_folder_collapse" viewBox="0 0 1024 1024"><path d="M85.333333 205.568C85.333333 162.730667 121.728 128 166.613333 128h243.797334c12.032 0 23.509333 5.12 31.232 13.952l89.344 102.4h326.4c44.885333 0 81.28 34.730667 81.28 77.568v504.277333c0 42.837333-36.394667 77.568-81.28 77.568H166.613333C121.728 903.765333 85.333333 869.034667 85.333333 826.197333V205.568z m306.048 0H166.613333v620.629333h690.773334V321.92H512a41.514667 41.514667 0 0 1-31.232-13.952l-89.386667-102.4z m173.141334 244.096a42.069333 42.069333 0 0 1 57.472 0l101.632 96.981333a37.546667 37.546667 0 0 1 0 54.826667l-101.632 96.981333a42.069333 42.069333 0 0 1-57.472 0 37.546667 37.546667 0 0 1 0-54.826666l72.874666-69.546667-72.874666-69.546667a37.546667 37.546667 0 0 1 0-54.869333z m-105.045334 54.869333a37.546667 37.546667 0 0 0 0-54.869333 42.026667 42.026667 0 0 0-57.472 0L300.373333 546.645333a37.546667 37.546667 0 0 0 0 54.826667l101.632 96.981333a42.069333 42.069333 0 0 0 57.472 0 37.546667 37.546667 0 0 0 0-54.826666l-72.874666-69.546667 72.874666-69.546667z"  ></path></symbol><symbol id="iconicon_folder_expansion" viewBox="0 0 1024 1024"><path d="M409.898667 128c11.52 0 22.485333 5.12 29.866666 13.952l90.368 108.501333h328.96c41.898667 0 76.330667 32.512 79.36 73.685334l0.213334 5.973333v183.722667a38.826667 38.826667 0 1 1-77.568 0V330.112a2.048 2.048 0 0 0-2.048-2.048H512a38.826667 38.826667 0 0 1-29.781333-13.952l-90.453334-108.544H164.949333a2.005333 2.005333 0 0 0-1.749333 1.024l-0.298667 1.024v610.602667c0 1.152 0.938667 2.048 2.048 2.048h306.218667a38.826667 38.826667 0 1 1 0 77.568H164.949333A79.616 79.616 0 0 1 85.333333 818.218667V207.658667C85.333333 163.584 120.96 128 164.949333 128h244.949334z m517.418666 540.330667a38.826667 38.826667 0 0 1 0 54.826666l-102.058666 102.101334a38.826667 38.826667 0 0 1-54.912-54.912l74.666666-74.666667-74.666666-74.624a38.826667 38.826667 0 0 1-3.2-51.2l3.2-3.626667a38.826667 38.826667 0 0 1 54.912 0l102.058666 102.101334z m-265.386666-47.274667l-74.666667 74.666667 74.666667 74.666666a38.826667 38.826667 0 0 1 3.2 51.2l-3.2 3.669334a38.826667 38.826667 0 0 1-54.869334 0l-102.101333-102.101334a38.826667 38.826667 0 0 1 0-54.826666l102.101333-102.101334a38.826667 38.826667 0 0 1 54.869334 54.826667z"  ></path></symbol><symbol id="iconicon_dashboard1" viewBox="0 0 1024 1024"><path d="M512 85.333333c259.2 0 469.333333 210.133333 469.333333 469.333334 0 126.122667-50.048 244.48-137.472 331.861333a42.666667 42.666667 0 0 1-60.330666-60.330667 383.018667 383.018667 0 0 0 97.194666-163.925333 12.8 12.8 0 0 1-2.005333-0.341333l-79.189333-18.304a42.666667 42.666667 0 1 1 19.2-83.114667l76.544 17.664a382.208 382.208 0 0 0-67.2-241.578667l-50.773334 41.130667a42.666667 42.666667 0 0 1-53.674666-66.304l48.469333-39.253333A382.592 382.592 0 0 0 554.666667 173.013333L554.666667 229.589333a42.666667 42.666667 0 0 1-85.333334 0V173.013333a382.592 382.592 0 0 0-217.429333 99.157334l48.469333 39.253333a42.666667 42.666667 0 0 1-53.674666 66.304l-50.773334-41.130667a382.208 382.208 0 0 0-67.2 241.578667l76.544-17.664a42.666667 42.666667 0 0 1 19.2 83.114667l-79.189333 18.304-2.005333 0.341333a383.018667 383.018667 0 0 0 97.194666 163.925333 42.666667 42.666667 0 1 1-60.330666 60.330667A467.925333 467.925333 0 0 1 42.666667 554.666667C42.666667 295.466667 252.8 85.333333 512 85.333333z m168.149333 377.514667a2504.533333 2504.533333 0 0 1-43.392 113.066667c-4.864 11.733333-9.642667 22.912-14.208 33.28-18.986667 42.922667-34.048 71.04-48.682666 86.229333a123.946667 123.946667 0 0 1-178.346667-172.16c15.061333-15.573333 43.776-32.128 87.893333-53.333333 9.386667-4.48 19.328-9.130667 29.781334-13.866667a2508.672 2508.672 0 0 1 111.104-47.189333 42.666667 42.666667 0 0 1 55.893333 53.973333z m-115.498666 63.573333l-16.170667 7.338667c-9.898667 4.48-19.328 8.874667-28.117333 13.098667-34.048 16.384-58.282667 30.293333-63.445334 35.669333a38.613333 38.613333 0 1 0 55.552 53.632c4.949333-5.12 17.493333-28.501333 32-61.44 4.309333-9.728 8.789333-20.266667 13.397334-31.445333l6.826666-16.810667z"  ></path></symbol><symbol id="iconicon_export" viewBox="0 0 1024 1024"><path d="M810.666667 42.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v384a42.666667 42.666667 0 0 1-85.333333 0V128H213.333333v768h298.666667a42.666667 42.666667 0 0 1 0 85.333333H213.333333a85.333333 85.333333 0 0 1-85.333333-85.333333V128a85.333333 85.333333 0 0 1 85.333333-85.333333h597.333334z m30.165333 620.501333l96 96a42.666667 42.666667 0 0 1 0 60.330667l-96 96a42.666667 42.666667 0 0 1-60.330667-60.330667l23.082667-23.168H608a42.666667 42.666667 0 0 1 0-85.333333h195.626667l-23.125334-23.168a42.666667 42.666667 0 0 1-3.541333-56.32l3.541333-4.010667a42.666667 42.666667 0 0 1 60.330667 0zM512 469.333333a42.666667 42.666667 0 0 1 0 85.333334H341.333333a42.666667 42.666667 0 0 1 0-85.333334h170.666667z m170.666667-170.666666a42.666667 42.666667 0 0 1 0 85.333333H341.333333a42.666667 42.666667 0 1 1 0-85.333333h341.333334z"  ></path></symbol><symbol id="iconicon_phone_outgoing" viewBox="0 0 1024 1024"><path d="M512 42.666667c259.2 0 469.333333 210.133333 469.333333 469.333333s-210.133333 469.333333-469.333333 469.333333S42.666667 771.2 42.666667 512 252.8 42.666667 512 42.666667zM349.781333 233.045333H266.368c-64.938667 0-111.530667 61.482667-90.752 123.093334 41.557333 123.178667 97.450667 232.277333 170.24 305.066666 72.832 72.832 181.930667 128.682667 305.066667 170.24 61.653333 20.821333 123.136-25.770667 123.136-90.709333v-83.413333c0-23.893333-12.970667-45.909333-33.834667-57.514667l-72.661333-40.362667-5.248-2.645333a65.749333 65.749333 0 0 0-56.106667 1.28l-66.474667 33.194667-1.578666-0.469334a202.410667 202.410667 0 0 1-57.173334-29.568 175.104 175.104 0 0 1-35.328-35.370666 198.314667 198.314667 0 0 1-26.453333-48.384l-1.664-4.608a191.658667 191.658667 0 0 1-1.408-4.181334l-0.512-1.664 33.194667-66.346666a65.792 65.792 0 0 0-1.28-61.312l-40.234667-72.490667a65.749333 65.749333 0 0 0-57.514667-33.834667z m0 65.749334l40.234667 72.490666-38.784 77.482667a32.853333 32.853333 0 0 0-2.858667 20.992c4.864 24.96 18.218667 60.16 44.629334 95.488a241.28 241.28 0 0 0 48.512 48.64c35.413333 26.538667 70.698667 39.850667 95.701333 44.629333a32.853333 32.853333 0 0 0 20.906667-2.858666l77.482666-38.741334 72.661334 40.405334v83.413333c0 20.778667-18.133333 34.56-36.266667 28.416-114.389333-38.613333-215.594667-90.453333-279.594667-154.453333s-115.882667-165.205333-154.453333-279.552c-6.144-18.176 7.637333-36.352 28.416-36.352h83.413333z m362.368-118.485334a32.853333 32.853333 0 0 0-46.506666 0l-2.773334 3.072a32.853333 32.853333 0 0 0 2.773334 43.434667l75.52 75.52h-183.808a32.853333 32.853333 0 1 0 0 65.749333h183.466666l-75.178666 75.264a32.853333 32.853333 0 1 0 46.506666 46.506667l130.56-130.432a32.298667 32.298667 0 0 0 8.448-12.714667l0.426667-0.853333a25.173333 25.173333 0 0 0 0.853333-3.242667l0.384-1.706666a33.109333 33.109333 0 0 0 0.469334-5.674667l-0.085334 2.218667-0.085333 0.64 0.170667-2.858667V334.08a28.416 28.416 0 0 0-0.256-2.944l-0.085334-0.938667a25.898667 25.898667 0 0 0-0.725333-3.285333l-0.256-1.194667a22.528 22.528 0 0 0-1.152-3.114666 32.810667 32.810667 0 0 0-7.125333-10.794667z"  ></path></symbol><symbol id="iconicon_that_person" viewBox="0 0 1024 1024"><path d="M512 85.333333c259.2 0 469.333333 210.133333 469.333333 469.333334a468.053333 468.053333 0 0 1-132.352 326.656C798.165333 773.205333 714.282667 661.333333 640 661.333333H384c-74.325333 0-158.208 111.786667-209.066667 219.946667C93.098667 796.8 42.666667 681.6 42.666667 554.666667 42.666667 295.466667 252.8 85.333333 512 85.333333z m0 170.666667a170.666667 170.666667 0 1 0 0 341.333333 170.666667 170.666667 0 0 0 0-341.333333z"  ></path></symbol><symbol id="iconicon_file1" viewBox="0 0 1024 1024"><path d="M431.488 128c12.117333 0 23.552 5.376 31.317333 14.634667l89.6 107.52h255.829334a81.493333 81.493333 0 0 1 81.194666 75.392l0.256 6.101333V413.013333h50.901334a40.746667 40.746667 0 0 1 39.936 48.725334l-81.493334 407.253333a40.746667 40.746667 0 0 1-39.893333 32.768H127.829333c-1.92 0.042667-3.84 0-5.76-0.213333l3.968 0.213333a41.386667 41.386667 0 0 1-10.154666-1.28 38.954667 38.954667 0 0 1-30.293334-34.474667L85.333333 861.056V209.493333C85.333333 164.48 121.813333 128 166.784 128h264.704z m-19.072 81.450667H166.784v308.181333l17.664-73.386667a40.746667 40.746667 0 0 1 39.594667-31.146666h584.192v-81.493334H533.333333a40.746667 40.746667 0 0 1-31.317333-14.634666l-89.6-107.52z"  ></path></symbol><symbol id="iconicon_enterprise" viewBox="0 0 1024 1024"><path d="M512 42.666667c259.2 0 469.333333 210.133333 469.333333 469.333333s-210.133333 469.333333-469.333333 469.333333S42.666667 771.2 42.666667 512 252.8 42.666667 512 42.666667z m57.6 128a42.666667 42.666667 0 0 0-67.456-34.730667l-209.066667 149.333333a42.666667 42.666667 0 0 0-17.877333 34.730667L275.157333 725.333333H213.333333a42.666667 42.666667 0 0 0 0 85.333334h597.333334a42.666667 42.666667 0 0 0 0-85.333334h-32v-270.933333a42.666667 42.666667 0 0 0-17.877334-34.730667l-191.232-136.533333z m-85.376 82.901333V725.333333H360.533333V341.930667l123.690667-88.362667z m85.376 134.4l123.733333 88.362667V725.333333h-123.733333V387.968z"  ></path></symbol><symbol id="iconicon_send_colorful" viewBox="0 0 1024 1024"><path d="M512 563.626667v267.349333l146.773333 132.266667a43.477333 43.477333 0 0 0 72.661334-19.541334l220.373333-780.544c6.058667-21.376-20.522667-36.608-35.925333-20.565333L512 563.626667z" fill="#3370FF" ></path><path d="M881.706667 107.818667c16.213333-15.573333 0.426667-42.410667-21.034667-35.797334L81.92 312.576a43.434667 43.434667 0 0 0-19.712 72.704l133.888 146.645333h243.413333l442.154667-424.106666z" fill="#85A9FF" ></path></symbol><symbol id="iconicon_edit1" viewBox="0 0 1024 1024"><path d="M904.448 316.8L696.96 109.248 742.144 64l207.552 207.552-45.248 45.248zM382.208 839.04l-231.232 46.272a19.2 19.2 0 0 1-22.592-22.592l46.272-231.232 467.008-467.008 207.616 207.552-467.072 467.072z m376.512-467.008l-117.056-117.056L233.6 663.04l-29.312 146.368 146.368-29.248 408.064-408.128zM960 704h-256v64h256v-64zM960 832H544v64H960v-64z"  ></path></symbol><symbol id="iconicon_my" viewBox="0 0 1024 1024"><path d="M512 42.666667c259.2 0 469.333333 210.133333 469.333333 469.333333 0 127.573333-50.858667 243.2-133.461333 327.808l-5.546667 5.546667A467.882667 467.882667 0 0 1 512 981.333333c-125.184 0-238.933333-48.981333-323.029333-128.853333a43.562667 43.562667 0 0 1-9.045334-8.789333A467.968 467.968 0 0 1 42.666667 512C42.666667 252.8 252.8 42.666667 512 42.666667z m85.333333 618.666666h-170.666666a170.752 170.752 0 0 0-167.808 139.392A382.506667 382.506667 0 0 0 512 896c96.981333 0 185.6-35.968 253.141333-95.232A170.752 170.752 0 0 0 597.333333 661.333333zM512 128a384 384 0 0 0-318.592 598.442667A256 256 0 0 1 426.666667 576h170.666666a256.170667 256.170667 0 0 1 233.301334 150.4A384 384 0 0 0 512 128z m0 106.666667a149.333333 149.333333 0 1 1 0 298.666666 149.333333 149.333333 0 0 1 0-298.666666z m0 85.333333a64 64 0 1 0 0 128 64 64 0 0 0 0-128z"  ></path></symbol><symbol id="iconicon_general" viewBox="0 0 1024 1024"><path d="M512 981.333333C252.8 981.333333 42.666667 771.2 42.666667 512S252.8 42.666667 512 42.666667s469.333333 210.133333 469.333333 469.333333-210.133333 469.333333-469.333333 469.333333z m0-213.333333l256-242.517333h-161.706667V282.965333H417.706667v242.517334H256L512 768z"  ></path></symbol><symbol id="iconicon_serious" viewBox="0 0 1024 1024"><path d="M512 42.666667c259.2 0 469.333333 210.133333 469.333333 469.333333s-210.133333 469.333333-469.333333 469.333333S42.666667 771.2 42.666667 512 252.8 42.666667 512 42.666667z m0 213.333333l-256 242.517333h161.706667v242.517334h188.586666v-242.517334H768L512 256z"  ></path></symbol><symbol id="iconicon_succeed_filled" viewBox="0 0 1024 1024"><path d="M42.666667 512c0 259.2 210.133333 469.333333 469.333333 469.333333s469.333333-210.133333 469.333333-469.333333S771.2 42.666667 512 42.666667 42.666667 252.8 42.666667 512z m646.101333-128.981333a21.333333 21.333333 0 0 1 30.165333 0l30.165334 30.165333a21.333333 21.333333 0 0 1 0 30.165333l-271.488 271.530667a21.333333 21.333333 0 0 1-30.208 0l-156.16-156.16a21.333333 21.333333 0 0 1 0-30.208l30.165333-30.165333a21.333333 21.333333 0 0 1 30.165333 0l110.933334 110.933333 226.261333-226.261333z"  ></path></symbol><symbol id="iconicon_block_filled" viewBox="0 0 1024 1024"><path d="M981.333333 512c0 259.2-210.133333 469.333333-469.333333 469.333333S42.666667 771.2 42.666667 512 252.8 42.666667 512 42.666667s469.333333 210.133333 469.333333 469.333333zM320 469.333333a21.333333 21.333333 0 0 0-21.333333 21.333334v42.666666a21.333333 21.333333 0 0 0 21.333333 21.333334h384a21.333333 21.333333 0 0 0 21.333333-21.333334v-42.666666a21.333333 21.333333 0 0 0-21.333333-21.333334h-384z"  ></path></symbol><symbol id="iconicon_testing" viewBox="0 0 1024 1024"><path d="M520.533333 981.333333c-259.242667 0-469.333333-210.090667-469.333333-469.333333s210.090667-469.333333 469.333333-469.333333 469.333333 210.090667 469.333334 469.333333-210.090667 469.333333-469.333334 469.333333z m216.533334-675.072A298.666667 298.666667 0 0 0 222.378667 494.933333c-0.554667 9.386667 7.125333 17.066667 16.554666 17.066667h51.2c9.429333 0 17.024-7.68 17.749334-17.066667a213.333333 213.333333 0 0 1 390.826666-100.352l-65.066666 5.461334a17.066667 17.066667 0 0 0-15.573334 18.474666l4.309334 50.986667a17.066667 17.066667 0 0 0 18.432 15.573333l178.56-15.061333a17.066667 17.066667 0 0 0 15.573333-18.432l-15.061333-178.56a17.066667 17.066667 0 0 0-18.432-15.573333l-51.029334 4.266666a17.066667 17.066667 0 0 0-15.573333 18.474667l2.218667 26.069333z m-417.237334 411.477334A298.666667 298.666667 0 0 0 834.56 529.066667a16.341333 16.341333 0 0 0-16.554667-17.066667h-51.2c-9.429333 0-17.024 7.68-17.749333 17.066667a213.333333 213.333333 0 0 1-390.826667 100.352l65.066667-5.461334a17.066667 17.066667 0 0 0 15.573333-18.474666l-4.309333-50.986667a17.066667 17.066667 0 0 0-18.474667-15.573333l-178.56 15.061333a17.066667 17.066667 0 0 0-15.573333 18.432l15.104 178.56a17.066667 17.066667 0 0 0 18.432 15.573333l51.029333-4.266666a17.066667 17.066667 0 0 0 15.573334-18.474667l-2.218667-26.069333z"  ></path></symbol><symbol id="iconicon_off_screen" viewBox="0 0 1024 1024"><path d="M347.733333 89.6a46.933333 46.933333 0 0 0-93.866666 0v164.266667H89.6a46.933333 46.933333 0 0 0 0 93.866666h211.2a46.933333 46.933333 0 0 0 46.933333-46.933333V89.6z m422.4 0a46.933333 46.933333 0 1 0-93.866666 0v211.2a46.933333 46.933333 0 0 0 46.933333 46.933333h211.2a46.933333 46.933333 0 1 0 0-93.866666h-164.266667V89.6zM42.666667 723.2a46.933333 46.933333 0 0 1 46.933333-46.933333h211.2a46.933333 46.933333 0 0 1 46.933333 46.933333v211.2a46.933333 46.933333 0 1 1-93.866666 0v-164.266667H89.6a46.933333 46.933333 0 0 1-46.933333-46.933333z m680.533333-46.933333a46.933333 46.933333 0 0 0-46.933333 46.933333v211.2a46.933333 46.933333 0 1 0 93.866666 0v-164.266667h161.92a46.933333 46.933333 0 0 0 0-93.866666H723.2z"  ></path></symbol><symbol id="iconicon_full_screen_one" viewBox="0 0 1024 1024"><path d="M704 85.333333H896a42.666667 42.666667 0 0 1 42.666667 42.666667v192a42.666667 42.666667 0 1 1-85.333334 0V228.864l-140.501333 140.501333a42.666667 42.666667 0 1 1-60.330667-60.330666L790.826667 170.666667H704a42.666667 42.666667 0 1 1 0-85.333334zM170.666667 213.333333v106.666667a42.666667 42.666667 0 0 1-85.333334 0V128a42.666667 42.666667 0 0 1 42.666667-42.666667h192a42.666667 42.666667 0 0 1 0 85.333334H246.912l124.416 138.24a42.666667 42.666667 0 1 1-60.032 60.586666L170.666667 213.333333z m200.661333 499.626667a42.666667 42.666667 0 0 0-60.032-60.586667L170.666667 791.552V704a42.666667 42.666667 0 1 0-85.333334 0V896a42.666667 42.666667 0 0 0 42.666667 42.666667h192a42.666667 42.666667 0 1 0 0-85.333334H229.546667l141.781333-140.373333z m283.306667-60.458667a42.666667 42.666667 0 0 1 60.373333 0L853.333333 790.826667V704a42.666667 42.666667 0 1 1 85.333334 0V896a42.666667 42.666667 0 0 1-42.666667 42.666667h-192a42.666667 42.666667 0 1 1 0-85.333334h91.136l-140.501333-140.501333a42.666667 42.666667 0 0 1 0-60.330667z"  ></path></symbol><symbol id="iconicon_disable" viewBox="0 0 1024 1024"><path d="M512 42.666667c259.2 0 469.333333 210.133333 469.333333 469.333333s-210.133333 469.333333-469.333333 469.333333S42.666667 771.2 42.666667 512 252.8 42.666667 512 42.666667z m0 85.333333a384 384 0 1 0 0 768 384 384 0 0 0 0-768zM320.682667 282.666667l294.314666 509.781333A298.666667 298.666667 0 0 1 320.682667 282.666667zM512 213.333333a298.666667 298.666667 0 0 1 178.048 538.453334L393.301333 237.866667A297.685333 297.685333 0 0 1 512 213.333333z"  ></path></symbol><symbol id="icona-icon_file-compressed_colorful_ash" viewBox="0 0 1024 1024"><path d="M648.533333 42.666667a42.666667 42.666667 0 0 1 33.322667 16l170.325333 212.906666 1.792 2.346667 0.213334 0.341333 0.426666 0.554667 0.426667 0.768-0.853333-1.322667-1.664-2.261333 2.730666 3.925333 1.152 1.877334a40.021333 40.021333 0 0 1 4.053334 9.941333 41.258667 41.258667 0 0 1 1.109333 5.973333L861.866667 298.666667v85.333333h42.666666a85.333333 85.333333 0 0 1 85.333334 85.333333v298.666667a85.333333 85.333333 0 0 1-85.333334 85.333333h-42.666666v85.333334a42.666667 42.666667 0 0 1-42.666667 42.666666h-597.333333a42.666667 42.666667 0 0 1-42.666667-42.666666v-85.333334h-42.666667a85.333333 85.333333 0 0 1-85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667V85.333333a42.666667 42.666667 0 0 1 42.666667-42.666666h426.666666z m128 810.666666h-512v42.666667h512v-42.666667z m128-384h-768v298.666667h768v-298.666667z m-533.333333 21.333334a42.666667 42.666667 0 0 1 34.133333 68.266666l-76.8 102.4h42.666667a42.666667 42.666667 0 0 1 42.368 37.674667l0.298667 4.992a42.666667 42.666667 0 0 1-42.666667 42.666667h-128a42.666667 42.666667 0 0 1-34.133333-68.266667l76.8-102.4h-42.666667a42.666667 42.666667 0 0 1-42.368-37.674667L200.533333 533.333333a42.666667 42.666667 0 0 1 42.666667-42.666666h128z m149.333333 0a42.666667 42.666667 0 0 1 42.666667 42.666666v170.666667a42.666667 42.666667 0 1 1-85.333333 0v-170.666667a42.666667 42.666667 0 0 1 42.666666-42.666666z m224 0a96 96 0 0 1 0 192h-32v21.333333a42.666667 42.666667 0 1 1-85.333333 0v-170.666667a42.666667 42.666667 0 0 1 42.666667-42.666666h74.666666z m0 85.333333h-32v21.333333h32a10.666667 10.666667 0 1 0 0-21.333333zM563.2 128h-298.666667v256h512V341.333333h-170.666666a42.666667 42.666667 0 0 1-42.666667-42.666666V128z m85.333333 25.6V256h81.92L648.533333 153.6z" fill="#959598" ></path></symbol><symbol id="icona-icon_file-compressed_colorful" viewBox="0 0 1024 1024"><path d="M648.533333 42.666667a42.666667 42.666667 0 0 1 33.322667 16l170.325333 212.906666 1.792 2.346667 0.213334 0.341333 0.426666 0.554667 0.426667 0.768-0.853333-1.322667-1.664-2.261333 2.730666 3.925333 1.152 1.877334a40.021333 40.021333 0 0 1 4.053334 9.941333 41.258667 41.258667 0 0 1 1.109333 5.973333L861.866667 298.666667v85.333333h42.666666a85.333333 85.333333 0 0 1 85.333334 85.333333v298.666667a85.333333 85.333333 0 0 1-85.333334 85.333333h-42.666666v85.333334a42.666667 42.666667 0 0 1-42.666667 42.666666h-597.333333a42.666667 42.666667 0 0 1-42.666667-42.666666v-85.333334h-42.666667a85.333333 85.333333 0 0 1-85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667V85.333333a42.666667 42.666667 0 0 1 42.666667-42.666666h426.666666z m128 810.666666h-512v42.666667h512v-42.666667z m128-384h-768v298.666667h768v-298.666667z m-533.333333 21.333334a42.666667 42.666667 0 0 1 34.133333 68.266666l-76.8 102.4h42.666667a42.666667 42.666667 0 0 1 42.368 37.674667l0.298667 4.992a42.666667 42.666667 0 0 1-42.666667 42.666667h-128a42.666667 42.666667 0 0 1-34.133333-68.266667l76.8-102.4h-42.666667a42.666667 42.666667 0 0 1-42.368-37.674667L200.533333 533.333333a42.666667 42.666667 0 0 1 42.666667-42.666666h128z m149.333333 0a42.666667 42.666667 0 0 1 42.666667 42.666666v170.666667a42.666667 42.666667 0 1 1-85.333333 0v-170.666667a42.666667 42.666667 0 0 1 42.666666-42.666666z m224 0a96 96 0 0 1 0 192h-32v21.333333a42.666667 42.666667 0 1 1-85.333333 0v-170.666667a42.666667 42.666667 0 0 1 42.666667-42.666666h74.666666z m0 85.333333h-32v21.333333h32a10.666667 10.666667 0 1 0 0-21.333333zM563.2 128h-298.666667v256h512V341.333333h-170.666666a42.666667 42.666667 0 0 1-42.666667-42.666666V128z m85.333333 25.6V256h81.92L648.533333 153.6z" fill="#3370FF" ></path></symbol><symbol id="iconicon_file-image_colorful_ash" viewBox="0 0 1024 1024"><path d="M867.541333 42.666667A113.792 113.792 0 0 1 981.333333 156.458667v711.082666A113.792 113.792 0 0 1 867.541333 981.333333H156.458667A113.792 113.792 0 0 1 42.666667 867.541333V156.458667A113.792 113.792 0 0 1 156.458667 42.666667h711.082666z m-189.781333 574.293333l-208.341333 187.477333a42.666667 42.666667 0 0 1-52.053334 3.882667l-4.266666-3.2-139.946667-119.978667L128 794.069333v73.472c0 15.744 12.714667 28.458667 28.458667 28.458667h711.082666a28.458667 28.458667 0 0 0 28.458667-28.458667V815.36l-218.24-198.4zM867.541333 128H156.458667A28.458667 28.458667 0 0 0 128 156.458667V687.36l121.344-91.008a42.666667 42.666667 0 0 1 53.376 1.706667l137.472 117.802666 209.194667-188.202666a42.666667 42.666667 0 0 1 57.258666 0.128L896 699.989333V156.416A28.458667 28.458667 0 0 0 867.541333 128zM369.792 208.597333a161.194667 161.194667 0 1 1 0 322.346667 161.194667 161.194667 0 0 1 0-322.346667z m0 85.333334a75.861333 75.861333 0 1 0 0 151.68 75.861333 75.861333 0 0 0 0-151.68z" fill="#959598" ></path></symbol><symbol id="iconicon_file-ppt_colorful_ash" viewBox="0 0 1024 1024"><path d="M576 85.333333v21.333334H810.666667a42.666667 42.666667 0 0 1 42.666666 42.666666V256h42.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v341.333334a85.333333 85.333333 0 0 1-85.333333 85.333333h-42.666667v106.666667a42.666667 42.666667 0 0 1-42.666666 42.666666h-234.666667v21.333334a42.666667 42.666667 0 0 1-57.088 40.192l-320-114.773334A42.666667 42.666667 0 0 1 170.666667 823.893333V768H128a85.333333 85.333333 0 0 1-85.333333-85.333333V341.333333a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667V200.149333a42.666667 42.666667 0 0 1 28.245333-40.106666l320-114.816A42.666667 42.666667 0 0 1 576 85.333333z m-85.333333 682.666667H256v25.898667l234.666667 84.138666V768z m277.333333 0h-192v64H768V768z m128-426.666667H128v341.333334h768V341.333333z m-618.666667 21.333334a106.666667 106.666667 0 1 1 0 213.333333H256v42.666667a42.666667 42.666667 0 1 1-85.333333 0v-213.333334a42.666667 42.666667 0 0 1 42.666666-42.666666h64z m234.666667 0a106.666667 106.666667 0 1 1 0 213.333333h-21.333333v42.666667a42.666667 42.666667 0 1 1-85.333334 0v-213.333334a42.666667 42.666667 0 0 1 42.666667-42.666666H512z m298.666667 21.333333a42.666667 42.666667 0 1 1 0 85.333333h-21.333334v128a42.666667 42.666667 0 1 1-85.333333 0v-128H682.666667a42.666667 42.666667 0 1 1 0-85.333333h128zM277.333333 448H256v42.666667h21.333333a21.333333 21.333333 0 1 0 0-42.666667z m234.666667 0h-21.333333v42.666667h21.333333a21.333333 21.333333 0 1 0 0-42.666667z m-21.333333-301.994667L256 230.144V256h234.666667V146.005333zM768 192L576 192V256H768V192z" fill="#959598" ></path></symbol><symbol id="iconicon_file-pdf_colorful_ash" viewBox="0 0 1024 1024"><path d="M640 42.666667a42.666667 42.666667 0 0 1 33.28 16l170.368 212.906666 1.792 2.346667 0.213333 0.341333 0.426667 0.554667 0.426667 0.768-0.853334-1.322667-1.706666-2.261333 2.773333 3.925333 1.152 1.877334a40.021333 40.021333 0 0 1 4.053333 9.941333 41.258667 41.258667 0 0 1 1.109334 5.973333L853.333333 298.666667v85.333333h42.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v298.666667a85.333333 85.333333 0 0 1-85.333333 85.333333h-42.666667v85.333334a42.666667 42.666667 0 0 1-42.666666 42.666666H213.333333a42.666667 42.666667 0 0 1-42.666666-42.666666v-85.333334H128a85.333333 85.333333 0 0 1-85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667V85.333333a42.666667 42.666667 0 0 1 42.666666-42.666666h426.666667z m128 810.666666H256v42.666667h512v-42.666667z m128-384H128v298.666667h768v-298.666667z m-405.333333 21.333334a128 128 0 0 1 0 256h-42.666667a42.666667 42.666667 0 0 1-42.666667-42.666667v-170.666667a42.666667 42.666667 0 0 1 42.666667-42.666666h42.666667z m-202.666667 0a96 96 0 0 1 0 192H256v21.333333a42.666667 42.666667 0 1 1-85.333333 0v-170.666667a42.666667 42.666667 0 0 1 42.666666-42.666666h74.666667z m501.333333 0a42.666667 42.666667 0 1 1 0 85.333333H725.333333v21.333333h64a42.666667 42.666667 0 1 1 0 85.333334H725.333333v21.333333a42.666667 42.666667 0 0 1-37.674666 42.368L682.666667 746.666667a42.666667 42.666667 0 0 1-42.666667-42.666667v-170.666667a42.666667 42.666667 0 0 1 42.666667-42.666666h106.666666z m-298.666666 85.333333v85.333333a42.666667 42.666667 0 1 0 0-85.333333z m-202.666667 0H256v21.333333h32a10.666667 10.666667 0 1 0 0-21.333333zM554.666667 128H256v256h512V341.333333h-170.666667a42.666667 42.666667 0 0 1-42.666666-42.666666V128z m85.333333 25.6V256h81.92L640 153.6z" fill="#959598" ></path></symbol><symbol id="icona-icon_file-compressed_colorful1" viewBox="0 0 1024 1024"><path d="M640 42.666667a42.666667 42.666667 0 0 1 33.28 16l170.368 212.906666 1.792 2.346667 0.213333 0.341333 0.426667 0.554667 0.426667 0.768-0.853334-1.322667-1.706666-2.261333 2.773333 3.925333 1.152 1.877334a40.021333 40.021333 0 0 1 4.053333 9.941333 41.258667 41.258667 0 0 1 1.109334 5.973333L853.333333 298.666667v85.333333h42.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v298.666667a85.333333 85.333333 0 0 1-85.333333 85.333333h-42.666667v85.333334a42.666667 42.666667 0 0 1-42.666666 42.666666H213.333333a42.666667 42.666667 0 0 1-42.666666-42.666666v-85.333334H128a85.333333 85.333333 0 0 1-85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667V85.333333a42.666667 42.666667 0 0 1 42.666666-42.666666h426.666667z m128 810.666666H256v42.666667h512v-42.666667z m128-384H128v298.666667h768v-298.666667z m-533.333333 21.333334a42.666667 42.666667 0 0 1 34.133333 68.266666l-76.8 102.4h42.666667a42.666667 42.666667 0 0 1 42.368 37.674667l0.298666 4.992a42.666667 42.666667 0 0 1-42.666666 42.666667h-128a42.666667 42.666667 0 0 1-34.133334-68.266667l76.8-102.4h-42.666666a42.666667 42.666667 0 0 1-42.368-37.674667L192 533.333333a42.666667 42.666667 0 0 1 42.666667-42.666666h128z m149.333333 0a42.666667 42.666667 0 0 1 42.666667 42.666666v170.666667a42.666667 42.666667 0 1 1-85.333334 0v-170.666667a42.666667 42.666667 0 0 1 42.666667-42.666666z m224 0a96 96 0 0 1 0 192h-32v21.333333a42.666667 42.666667 0 1 1-85.333333 0v-170.666667a42.666667 42.666667 0 0 1 42.666666-42.666666h74.666667z m0 85.333333h-32v21.333333h32a10.666667 10.666667 0 1 0 0-21.333333zM554.666667 128H256v256h512V341.333333h-170.666667a42.666667 42.666667 0 0 1-42.666666-42.666666V128z m85.333333 25.6V256h81.92L640 153.6z" fill="#3370FF" ></path></symbol><symbol id="iconicon_file-image_colorful" viewBox="0 0 1024 1024"><path d="M867.541333 42.666667A113.792 113.792 0 0 1 981.333333 156.458667v711.082666A113.792 113.792 0 0 1 867.541333 981.333333H156.458667A113.792 113.792 0 0 1 42.666667 867.541333V156.458667A113.792 113.792 0 0 1 156.458667 42.666667h711.082666z m-189.781333 574.293333l-208.341333 187.477333a42.666667 42.666667 0 0 1-52.053334 3.882667l-4.266666-3.2-139.946667-119.978667L128 794.069333v73.472c0 15.744 12.714667 28.458667 28.458667 28.458667h711.082666a28.458667 28.458667 0 0 0 28.458667-28.458667V815.36l-218.24-198.4zM867.541333 128H156.458667A28.458667 28.458667 0 0 0 128 156.458667V687.36l121.344-91.008a42.666667 42.666667 0 0 1 53.376 1.706667l137.472 117.802666 209.194667-188.202666a42.666667 42.666667 0 0 1 57.258666 0.128L896 699.989333V156.416A28.458667 28.458667 0 0 0 867.541333 128zM369.792 208.597333a161.194667 161.194667 0 1 1 0 322.346667 161.194667 161.194667 0 0 1 0-322.346667z m0 85.333334a75.861333 75.861333 0 1 0 0 151.68 75.861333 75.861333 0 0 0 0-151.68z" fill="#FFC14E" ></path></symbol><symbol id="iconicon_file-word_colorful_ash" viewBox="0 0 1024 1024"><path d="M256 896h640V128H256v128h213.333333a42.666667 42.666667 0 0 1 42.666667 42.666667v384a42.666667 42.666667 0 0 1-42.666667 42.666666H256v170.666667z m554.666667-256a42.666667 42.666667 0 1 1 0 85.333333h-170.666667a42.666667 42.666667 0 1 1 0-85.333333h170.666667zM135.04 341.333333h-10.581333a30.208 30.208 0 0 0-29.226667 37.845334l61.653333 235.349333a34.133333 34.133333 0 0 0 33.024 25.472h18.773334a34.133333 34.133333 0 0 0 33.28-26.453333l35.157333-153.258667 36.48 153.472a34.133333 34.133333 0 0 0 33.194667 26.24h18.517333a34.133333 34.133333 0 0 0 33.024-25.557333l61.226667-235.52a30.08 30.08 0 0 0-29.013334-37.589334h-10.325333a34.133333 34.133333 0 0 0-33.578667 28.074667l-28.885333 160.085333-38.272-161.877333A34.133333 34.133333 0 0 0 286.250667 341.333333h-18.602667a34.133333 34.133333 0 0 0-33.28 26.538667l-36.864 161.621333-28.885333-160.085333A34.133333 34.133333 0 0 0 135.04 341.333333zM810.666667 469.333333a42.666667 42.666667 0 1 1 0 85.333334h-170.666667a42.666667 42.666667 0 1 1 0-85.333334h170.666667z m0-170.666666a42.666667 42.666667 0 1 1 0 85.333333h-170.666667a42.666667 42.666667 0 1 1 0-85.333333h170.666667zM85.333333 725.333333a42.666667 42.666667 0 0 1-42.666666-42.666666V298.666667a42.666667 42.666667 0 0 1 42.666666-42.666667h85.333334V128a85.333333 85.333333 0 0 1 85.333333-85.333333h640a85.333333 85.333333 0 0 1 85.333333 85.333333v768a85.333333 85.333333 0 0 1-85.333333 85.333333H256a85.333333 85.333333 0 0 1-85.333333-85.333333v-170.666667H85.333333z" fill="#959598" ></path></symbol><symbol id="iconicon_file-sketch_colorful" viewBox="0 0 1024 1024"><path d="M874.666667 42.666667A106.666667 106.666667 0 0 1 981.333333 149.333333v725.333334a106.666667 106.666667 0 0 1-106.666666 106.666666h-725.333334A106.666667 106.666667 0 0 1 42.666667 874.666667v-725.333334A106.666667 106.666667 0 0 1 149.333333 42.666667h725.333334z m0 85.333333h-725.333334a21.333333 21.333333 0 0 0-21.333333 21.333333v725.333334a21.333333 21.333333 0 0 0 21.333333 21.333333h725.333334a21.333333 21.333333 0 0 0 21.333333-21.333333v-725.333334a21.333333 21.333333 0 0 0-21.333333-21.333333zM640 279.722667a42.666667 42.666667 0 0 1 33.877333 16.725333l85.333334 111.530667a42.666667 42.666667 0 0 1-0.512 52.522666l-213.333334 267.733334a42.666667 42.666667 0 0 1-66.730666 0l-213.333334-267.733334a42.666667 42.666667 0 0 1-0.512-52.48l85.333334-111.573333A42.666667 42.666667 0 0 1 384 279.722667h256z m-21.077333 85.333333H405.034667l-52.266667 68.266667L512 633.173333l159.189333-199.765333-52.266666-68.309333z" fill="#FFC14E" ></path></symbol><symbol id="iconicon_file-ppt_colorful" viewBox="0 0 1024 1024"><path d="M576 85.333333v21.333334H810.666667a42.666667 42.666667 0 0 1 42.666666 42.666666V256h42.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v341.333334a85.333333 85.333333 0 0 1-85.333333 85.333333h-42.666667v106.666667a42.666667 42.666667 0 0 1-42.666666 42.666666h-234.666667v21.333334a42.666667 42.666667 0 0 1-57.088 40.192l-320-114.773334A42.666667 42.666667 0 0 1 170.666667 823.893333V768H128a85.333333 85.333333 0 0 1-85.333333-85.333333V341.333333a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667V200.149333a42.666667 42.666667 0 0 1 28.245333-40.106666l320-114.816A42.666667 42.666667 0 0 1 576 85.333333z m-85.333333 682.666667H256v25.898667l234.666667 84.138666V768z m277.333333 0h-192v64H768V768z m128-426.666667H128v341.333334h768V341.333333z m-618.666667 21.333334a106.666667 106.666667 0 1 1 0 213.333333H256v42.666667a42.666667 42.666667 0 1 1-85.333333 0v-213.333334a42.666667 42.666667 0 0 1 42.666666-42.666666h64z m234.666667 0a106.666667 106.666667 0 1 1 0 213.333333h-21.333333v42.666667a42.666667 42.666667 0 1 1-85.333334 0v-213.333334a42.666667 42.666667 0 0 1 42.666667-42.666666H512z m298.666667 21.333333a42.666667 42.666667 0 1 1 0 85.333333h-21.333334v128a42.666667 42.666667 0 1 1-85.333333 0v-128H682.666667a42.666667 42.666667 0 1 1 0-85.333333h128zM277.333333 448H256v42.666667h21.333333a21.333333 21.333333 0 1 0 0-42.666667z m234.666667 0h-21.333333v42.666667h21.333333a21.333333 21.333333 0 1 0 0-42.666667z m-21.333333-301.994667L256 230.144V256h234.666667V146.005333zM768 192L576 192V256H768V192z" fill="#F02929" ></path></symbol><symbol id="iconicon_file_video_colorful_ash" viewBox="0 0 1024 1024"><path d="M867.541333 42.666667A113.792 113.792 0 0 1 981.333333 156.458667v711.082666A113.792 113.792 0 0 1 867.541333 981.333333H156.458667A113.792 113.792 0 0 1 42.666667 867.541333V156.458667A113.792 113.792 0 0 1 156.458667 42.666667h711.082666zM896 341.333333H128v526.208c0 15.744 12.714667 28.458667 28.458667 28.458667h711.082666a28.458667 28.458667 0 0 0 28.458667-28.458667V341.333333zM450.389333 426.154667l124.416 71.850666 124.458667 71.850667a42.666667 42.666667 0 0 1 0 73.898667l-124.458667 71.850666-124.416 71.850667a42.666667 42.666667 0 0 1-64-36.949333v-287.402667a42.666667 42.666667 0 0 1 64-36.949333z m21.333334 110.848v139.562666l60.416-34.858666 60.458666-34.944-60.458666-34.858667-60.416-34.901333zM361.130667 128H156.458667A28.458667 28.458667 0 0 0 128 156.458667V256h147.797333l85.333334-128z m506.453333 0h-119.424l-85.376 128H896V156.458667A28.458667 28.458667 0 0 0 867.541333 128zM645.546667 128h-181.845334l-85.333333 128h181.888l85.290667-128z" fill="#959598" ></path></symbol><symbol id="iconicon_file-excel_colorful" viewBox="0 0 1024 1024"><path d="M256 896h640V128H256v170.666667h213.333333a42.666667 42.666667 0 0 1 42.666667 42.666666v384a42.666667 42.666667 0 0 1-42.666667 42.666667H256v128z m554.666667-256a42.666667 42.666667 0 1 1 0 85.333333h-170.666667a42.666667 42.666667 0 1 1 0-85.333333h170.666667zM221.184 384H175.274667a27.477333 27.477333 0 0 0-22.997334 42.496l65.877334 100.522667-74.666667 112.64A27.690667 27.690667 0 0 0 166.656 682.666667H213.333333a8.533333 8.533333 0 0 0 7.253334-4.053334l56.618666-91.904 56.362667 91.904a8.533333 8.533333 0 0 0 7.253333 4.053334h47.104a27.904 27.904 0 0 0 23.296-43.264L338.133333 528.64l65.706667-102.314667A27.477333 27.477333 0 0 0 380.714667 384H335.402667a8.533333 8.533333 0 0 0-7.424 4.352L279.04 475.861333 228.565333 388.266667a8.533333 8.533333 0 0 0-7.381333-4.266667zM810.666667 469.333333a42.666667 42.666667 0 1 1 0 85.333334h-170.666667a42.666667 42.666667 0 1 1 0-85.333334h170.666667z m0-170.666666a42.666667 42.666667 0 1 1 0 85.333333h-170.666667a42.666667 42.666667 0 1 1 0-85.333333h170.666667zM85.333333 768a42.666667 42.666667 0 0 1-42.666666-42.666667V341.333333a42.666667 42.666667 0 0 1 42.666666-42.666666h85.333334V128a85.333333 85.333333 0 0 1 85.333333-85.333333h640a85.333333 85.333333 0 0 1 85.333333 85.333333v768a85.333333 85.333333 0 0 1-85.333333 85.333333H256a85.333333 85.333333 0 0 1-85.333333-85.333333v-128H85.333333z" fill="#00C261" ></path></symbol><symbol id="iconicon_file-pdf_colorful" viewBox="0 0 1024 1024"><path d="M640 42.666667a42.666667 42.666667 0 0 1 33.28 16l170.368 212.906666 1.792 2.346667 0.213333 0.341333 0.426667 0.554667 0.426667 0.768-0.853334-1.322667-1.706666-2.261333 2.773333 3.925333 1.152 1.877334a40.021333 40.021333 0 0 1 4.053333 9.941333 41.258667 41.258667 0 0 1 1.109334 5.973333L853.333333 298.666667v85.333333h42.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v298.666667a85.333333 85.333333 0 0 1-85.333333 85.333333h-42.666667v85.333334a42.666667 42.666667 0 0 1-42.666666 42.666666H213.333333a42.666667 42.666667 0 0 1-42.666666-42.666666v-85.333334H128a85.333333 85.333333 0 0 1-85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667V85.333333a42.666667 42.666667 0 0 1 42.666666-42.666666h426.666667z m128 810.666666H256v42.666667h512v-42.666667z m128-384H128v298.666667h768v-298.666667z m-405.333333 21.333334a128 128 0 0 1 0 256h-42.666667a42.666667 42.666667 0 0 1-42.666667-42.666667v-170.666667a42.666667 42.666667 0 0 1 42.666667-42.666666h42.666667z m-202.666667 0a96 96 0 0 1 0 192H256v21.333333a42.666667 42.666667 0 1 1-85.333333 0v-170.666667a42.666667 42.666667 0 0 1 42.666666-42.666666h74.666667z m501.333333 0a42.666667 42.666667 0 1 1 0 85.333333H725.333333v21.333333h64a42.666667 42.666667 0 1 1 0 85.333334H725.333333v21.333333a42.666667 42.666667 0 0 1-37.674666 42.368L682.666667 746.666667a42.666667 42.666667 0 0 1-42.666667-42.666667v-170.666667a42.666667 42.666667 0 0 1 42.666667-42.666666h106.666666z m-298.666666 85.333333v85.333333a42.666667 42.666667 0 1 0 0-85.333333z m-202.666667 0H256v21.333333h32a10.666667 10.666667 0 1 0 0-21.333333zM554.666667 128H256v256h512V341.333333h-170.666667a42.666667 42.666667 0 0 1-42.666666-42.666666V128z m85.333333 25.6V256h81.92L640 153.6z" fill="#F02929" ></path></symbol><symbol id="iconicon_file_video_colorful" viewBox="0 0 1024 1024"><path d="M867.541333 42.666667A113.792 113.792 0 0 1 981.333333 156.458667v711.082666A113.792 113.792 0 0 1 867.541333 981.333333H156.458667A113.792 113.792 0 0 1 42.666667 867.541333V156.458667A113.792 113.792 0 0 1 156.458667 42.666667h711.082666zM896 341.333333H128v526.208c0 15.744 12.714667 28.458667 28.458667 28.458667h711.082666a28.458667 28.458667 0 0 0 28.458667-28.458667V341.333333zM450.389333 426.154667l124.416 71.850666 124.458667 71.850667a42.666667 42.666667 0 0 1 0 73.898667l-124.458667 71.850666-124.416 71.850667a42.666667 42.666667 0 0 1-64-36.949333v-287.402667a42.666667 42.666667 0 0 1 64-36.949333z m21.333334 110.848v139.562666l60.416-34.858666 60.458666-34.944-60.458666-34.858667-60.416-34.901333zM361.130667 128H156.458667A28.458667 28.458667 0 0 0 128 156.458667V256h147.797333l85.333334-128z m506.453333 0h-119.424l-85.376 128H896V156.458667A28.458667 28.458667 0 0 0 867.541333 128zM645.546667 128h-181.845334l-85.333333 128h181.888l85.290667-128z" fill="#3370FF" ></path></symbol><symbol id="iconicon_file-CSV_colorful_ash" viewBox="0 0 1024 1024"><path d="M640 42.666667a42.666667 42.666667 0 0 1 33.28 16l170.368 212.906666 1.792 2.346667 0.213333 0.341333 0.426667 0.554667 0.426667 0.768-0.853334-1.322667-1.706666-2.261333 2.773333 3.925333 1.152 1.877334a40.021333 40.021333 0 0 1 4.053333 9.941333 41.258667 41.258667 0 0 1 1.109334 5.973333L853.333333 298.666667v85.333333h42.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v298.666667a85.333333 85.333333 0 0 1-85.333333 85.333333h-42.666667v85.333334a42.666667 42.666667 0 0 1-42.666666 42.666666H213.333333a42.666667 42.666667 0 0 1-42.666666-42.666666v-85.333334H128a85.333333 85.333333 0 0 1-85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667V85.333333a42.666667 42.666667 0 0 1 42.666666-42.666666h426.666667z m128 810.666666H256v42.666667h512v-42.666667z m128-384H128v298.666667h768v-298.666667z m-632.192 19.114667c29.312 0 52.394667 5.930667 69.12 17.749333 16.810667 11.861333 29.269333 30.08 37.418667 54.613334l-63.488 14.165333a54.442667 54.442667 0 0 0-6.997334-15.573333 41.344 41.344 0 0 0-14.762666-12.714667 42.410667 42.410667 0 0 0-19.541334-4.437333c-16.298667 0-28.757333 6.570667-37.461333 19.712-6.570667 9.728-9.813333 25.002667-9.813333 45.866666 0 25.813333 3.882667 43.52 11.733333 53.077334 7.808 9.6 18.816 14.378667 33.024 14.378666 13.738667 0 24.149333-3.84 31.146667-11.605333 7.082667-7.68 12.16-18.944 15.36-33.621333l63.018666 19.029333c-4.266667 17.664-10.88 32.426667-20.010666 44.288a86.826667 86.826667 0 0 1-33.877334 26.837333c-13.482667 6.016-30.677333 9.045333-51.541333 9.045334-25.258667 0-45.952-3.669333-61.952-11.008-16.042667-7.381333-29.866667-20.309333-41.514667-38.826667-11.648-18.517333-17.493333-42.24-17.493333-71.125333 0-38.528 10.24-68.138667 30.72-88.832 20.48-20.693333 49.493333-31.018667 86.912-31.018667z m238.762667 0c29.738667 0 52.437333 5.546667 68.053333 16.597333 15.573333 11.050667 24.874667 28.629333 27.861333 52.778667l-67.84 3.968c-1.749333-10.496-5.546667-18.090667-11.306666-22.869333-5.76-4.778667-13.738667-7.168-23.893334-7.168-8.362667 0-14.677333 1.792-18.901333 5.333333a16.298667 16.298667 0 0 0-6.357333 12.928c0 3.712 1.749333 7.04 5.248 10.026667 3.413333 3.072 11.434667 5.930667 24.149333 8.533333 31.402667 6.826667 53.930667 13.653333 67.541333 20.608 13.610667 6.912 23.466667 15.530667 29.696 25.770667 6.186667 10.24 9.258667 21.76 9.258667 34.474666 0 14.933333-4.138667 28.672-12.373333 41.258667a77.525333 77.525333 0 0 1-34.602667 28.672c-14.805333 6.485333-33.493333 9.728-56.021333 9.728-39.594667 0-66.986667-7.594667-82.261334-22.826667-15.232-15.274667-23.893333-34.645333-25.856-58.112l68.394667-4.266666c1.493333 11.093333 4.522667 19.541333 9.045333 25.386666 7.424 9.386667 18.005333 14.08 31.786667 14.08 10.24 0 18.133333-2.389333 23.722667-7.168a21.632 21.632 0 0 0 8.32-16.768 21.333333 21.333333 0 0 0-7.936-16.213333c-5.290667-4.736-17.578667-9.258667-36.821334-13.482667-31.573333-7.082667-54.016-16.512-67.456-28.245333a56.832 56.832 0 0 1-20.352-44.928c0-11.946667 3.498667-23.253333 10.410667-33.877333 6.912-10.666667 17.365333-19.029333 31.274667-25.088 13.909333-6.101333 32.981333-9.130667 57.216-9.130667z m191.957333 3.968l52.394667 167.466667 51.584-167.466667h73.002666l-86.357333 232.704h-77.952l-87.936-232.704h75.264zM554.666667 128H256v256h512V341.333333h-170.666667a42.666667 42.666667 0 0 1-42.666666-42.666666V128z m85.333333 25.6V256h81.92L640 153.6z" fill="#959598" ></path></symbol><symbol id="iconicon_file-sketch_colorful_ash" viewBox="0 0 1024 1024"><path d="M874.666667 42.666667A106.666667 106.666667 0 0 1 981.333333 149.333333v725.333334a106.666667 106.666667 0 0 1-106.666666 106.666666h-725.333334A106.666667 106.666667 0 0 1 42.666667 874.666667v-725.333334A106.666667 106.666667 0 0 1 149.333333 42.666667h725.333334z m0 85.333333h-725.333334a21.333333 21.333333 0 0 0-21.333333 21.333333v725.333334a21.333333 21.333333 0 0 0 21.333333 21.333333h725.333334a21.333333 21.333333 0 0 0 21.333333-21.333333v-725.333334a21.333333 21.333333 0 0 0-21.333333-21.333333zM640 279.722667a42.666667 42.666667 0 0 1 33.877333 16.725333l85.333334 111.530667a42.666667 42.666667 0 0 1-0.512 52.522666l-213.333334 267.733334a42.666667 42.666667 0 0 1-66.730666 0l-213.333334-267.733334a42.666667 42.666667 0 0 1-0.512-52.48l85.333334-111.573333A42.666667 42.666667 0 0 1 384 279.722667h256z m-21.077333 85.333333H405.034667l-52.266667 68.266667L512 633.173333l159.189333-199.765333-52.266666-68.309333z" fill="#959598" ></path></symbol><symbol id="iconicon_file-CSV_colorful" viewBox="0 0 1024 1024"><path d="M640 42.666667a42.666667 42.666667 0 0 1 33.28 16l170.368 212.906666 1.792 2.346667 0.213333 0.341333 0.426667 0.554667 0.426667 0.768-0.853334-1.322667-1.706666-2.261333 2.773333 3.925333 1.152 1.877334a40.021333 40.021333 0 0 1 4.053333 9.941333 41.258667 41.258667 0 0 1 1.109334 5.973333L853.333333 298.666667v85.333333h42.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v298.666667a85.333333 85.333333 0 0 1-85.333333 85.333333h-42.666667v85.333334a42.666667 42.666667 0 0 1-42.666666 42.666666H213.333333a42.666667 42.666667 0 0 1-42.666666-42.666666v-85.333334H128a85.333333 85.333333 0 0 1-85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667V85.333333a42.666667 42.666667 0 0 1 42.666666-42.666666h426.666667z m128 810.666666H256v42.666667h512v-42.666667z m128-384H128v298.666667h768v-298.666667z m-632.192 19.114667c29.312 0 52.394667 5.930667 69.12 17.749333 16.810667 11.861333 29.269333 30.08 37.418667 54.613334l-63.488 14.165333a54.442667 54.442667 0 0 0-6.997334-15.573333 41.344 41.344 0 0 0-14.762666-12.714667 42.410667 42.410667 0 0 0-19.541334-4.437333c-16.298667 0-28.757333 6.570667-37.461333 19.712-6.570667 9.728-9.813333 25.002667-9.813333 45.866666 0 25.813333 3.882667 43.52 11.733333 53.077334 7.808 9.6 18.816 14.378667 33.024 14.378666 13.738667 0 24.149333-3.84 31.146667-11.605333 7.082667-7.68 12.16-18.944 15.36-33.621333l63.018666 19.029333c-4.266667 17.664-10.88 32.426667-20.010666 44.288a86.826667 86.826667 0 0 1-33.877334 26.837333c-13.482667 6.016-30.677333 9.045333-51.541333 9.045334-25.258667 0-45.952-3.669333-61.952-11.008-16.042667-7.381333-29.866667-20.309333-41.514667-38.826667-11.648-18.517333-17.493333-42.24-17.493333-71.125333 0-38.528 10.24-68.138667 30.72-88.832 20.48-20.693333 49.493333-31.018667 86.912-31.018667z m238.762667 0c29.738667 0 52.437333 5.546667 68.053333 16.597333 15.573333 11.050667 24.874667 28.629333 27.861333 52.778667l-67.84 3.968c-1.749333-10.496-5.546667-18.090667-11.306666-22.869333-5.76-4.778667-13.738667-7.168-23.893334-7.168-8.362667 0-14.677333 1.792-18.901333 5.333333a16.298667 16.298667 0 0 0-6.357333 12.928c0 3.712 1.749333 7.04 5.248 10.026667 3.413333 3.072 11.434667 5.930667 24.149333 8.533333 31.402667 6.826667 53.930667 13.653333 67.541333 20.608 13.610667 6.912 23.466667 15.530667 29.696 25.770667 6.186667 10.24 9.258667 21.76 9.258667 34.474666 0 14.933333-4.138667 28.672-12.373333 41.258667a77.525333 77.525333 0 0 1-34.602667 28.672c-14.805333 6.485333-33.493333 9.728-56.021333 9.728-39.594667 0-66.986667-7.594667-82.261334-22.826667-15.232-15.274667-23.893333-34.645333-25.856-58.112l68.394667-4.266666c1.493333 11.093333 4.522667 19.541333 9.045333 25.386666 7.424 9.386667 18.005333 14.08 31.786667 14.08 10.24 0 18.133333-2.389333 23.722667-7.168a21.632 21.632 0 0 0 8.32-16.768 21.333333 21.333333 0 0 0-7.936-16.213333c-5.290667-4.736-17.578667-9.258667-36.821334-13.482667-31.573333-7.082667-54.016-16.512-67.456-28.245333a56.832 56.832 0 0 1-20.352-44.928c0-11.946667 3.498667-23.253333 10.410667-33.877333 6.912-10.666667 17.365333-19.029333 31.274667-25.088 13.909333-6.101333 32.981333-9.130667 57.216-9.130667z m191.957333 3.968l52.394667 167.466667 51.584-167.466667h73.002666l-86.357333 232.704h-77.952l-87.936-232.704h75.264zM554.666667 128H256v256h512V341.333333h-170.666667a42.666667 42.666667 0 0 1-42.666666-42.666666V128z m85.333333 25.6V256h81.92L640 153.6z" fill="#00C261" ></path></symbol><symbol id="iconicon_file-sql_colorful_ash" viewBox="0 0 1024 1024"><path d="M640 42.666667a42.666667 42.666667 0 0 1 33.28 16l170.368 212.906666 1.792 2.346667 0.213333 0.341333 0.426667 0.554667 0.426667 0.768-0.853334-1.322667-1.706666-2.261333 2.773333 3.925333 1.152 1.877334a40.021333 40.021333 0 0 1 4.053333 9.941333 41.258667 41.258667 0 0 1 1.109334 5.973333L853.333333 298.666667v85.333333h42.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v298.666667a85.333333 85.333333 0 0 1-85.333333 85.333333h-42.666667v85.333334a42.666667 42.666667 0 0 1-42.666666 42.666666H213.333333a42.666667 42.666667 0 0 1-42.666666-42.666666v-85.333334H128a85.333333 85.333333 0 0 1-85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667V85.333333a42.666667 42.666667 0 0 1 42.666666-42.666666h426.666667z m128 810.666666H256v42.666667h512v-42.666667z m128-384H128v298.666667h768v-298.666667z m-384.469333 19.114667c39.893333 0 70.698667 10.666667 92.373333 32.128 21.717333 21.418667 32.554667 52.053333 32.554667 91.989333 0 35.498667-8.746667 63.914667-26.24 85.248 9.301333 6.442667 15.36 10.496 18.218666 12.117334 4.266667 2.432 9.984 5.205333 17.194667 8.362666l-20.650667 41.642667a240.768 240.768 0 0 1-30.848-17.92 263.850667 263.850667 0 0 1-21.333333-15.658667c-16.341333 7.082667-36.906667 10.666667-61.610667 10.666667-36.48 0-65.28-9.557333-86.4-28.586667-24.917333-22.485333-37.376-54.144-37.376-94.890666 0-39.594667 10.88-70.314667 32.682667-92.245334 21.845333-21.888 52.309333-32.853333 91.434667-32.853333z m-259.072 0c30.72 0 54.186667 5.717333 70.272 17.109333 16.128 11.434667 25.728 29.610667 28.757333 54.528l-69.973333 4.096c-1.877333-10.837333-5.802667-18.688-11.733334-23.594666-5.973333-4.949333-14.208-7.381333-24.704-7.381334-8.618667 0-15.104 1.834667-19.498666 5.504a16.853333 16.853333 0 0 0-6.570667 13.354667c0 3.84 1.834667 7.253333 5.418667 10.325333 3.498667 3.157333 11.818667 6.101333 24.917333 8.832 32.469333 6.997333 55.722667 14.08 69.76 21.248 14.08 7.168 24.32 16.042667 30.677333 26.624 6.4 10.624 9.6 22.485333 9.6 35.584 0 15.402667-4.266667 29.610667-12.8 42.666667-8.533333 12.970667-20.437333 22.826667-35.754666 29.568-15.274667 6.741333-34.56 10.069333-57.856 10.069333-40.874667 0-69.205333-7.850667-84.906667-23.594666-15.786667-15.744-24.661333-35.754667-26.752-59.989334l70.656-4.437333c1.536 11.477333 4.693333 20.224 9.386667 26.24 7.637333 9.728 18.56 14.592 32.768 14.592 10.581333 0 18.773333-2.517333 24.490666-7.466667a22.357333 22.357333 0 0 0 8.618667-17.322666 22.058667 22.058667 0 0 0-8.192-16.725334c-5.461333-4.906667-18.133333-9.557333-38.058667-13.909333-32.554667-7.338667-55.765333-17.066667-69.674666-29.184a58.666667 58.666667 0 0 1-20.992-46.421333c0-12.373333 3.584-24.021333 10.752-34.986667 7.168-11.008 17.92-19.626667 32.298666-25.898667 14.378667-6.314667 34.090667-9.429333 59.093334-9.429333z m498.261333 4.096v181.162667h115.925333v59.178666h-190.208v-240.341333h74.282667z m-239.36 52.138667a45.226667 45.226667 0 0 0-35.925333 15.914666c-9.173333 10.581333-13.738667 27.136-13.738667 49.664 0 26.24 4.48 44.629333 13.44 55.253334 8.96 10.581333 21.248 15.914667 36.864 15.914666 5.034667 0 9.813333-0.512 14.293333-1.493333-6.229333-5.973333-16.085333-11.690667-29.525333-17.066667l11.648-26.709333c6.528 1.194667 11.648 2.688 15.36 4.437333 3.626667 1.706667 10.752 6.314667 21.333333 13.738667 2.56 1.749333 5.248 3.584 8.234667 5.418667 5.888-10.581333 8.832-26.453333 8.832-47.530667 0-24.277333-4.522667-41.6-13.525333-51.968-9.002667-10.410667-21.461333-15.573333-37.290667-15.573333zM554.666667 128H256v256h512V341.333333h-170.666667a42.666667 42.666667 0 0 1-42.666666-42.666666V128z m85.333333 25.6V256h81.92L640 153.6z" fill="#959598" ></path></symbol><symbol id="iconicon_file-text_colorful" viewBox="0 0 1024 1024"><path d="M874.666667 42.666667A106.666667 106.666667 0 0 1 981.333333 149.333333v725.333334a106.666667 106.666667 0 0 1-106.666666 106.666666h-725.333334A106.666667 106.666667 0 0 1 42.666667 874.666667v-725.333334A106.666667 106.666667 0 0 1 149.333333 42.666667h725.333334z m0 85.333333h-725.333334a21.333333 21.333333 0 0 0-21.333333 21.333333v725.333334a21.333333 21.333333 0 0 0 21.333333 21.333333h725.333334a21.333333 21.333333 0 0 0 21.333333-21.333333v-725.333334a21.333333 21.333333 0 0 0-21.333333-21.333333z m-410.069334 663.722667a42.666667 42.666667 0 0 1 0-85.333334l4.736-0.042666V369.792l0.256-4.778667h-104.533333v28.458667a42.666667 42.666667 0 0 1-37.717333 42.410667l-4.949334 0.256a42.666667 42.666667 0 0 1-42.666666-42.666667V322.389333a42.666667 42.666667 0 0 1 42.666666-42.666666h379.221334a42.666667 42.666667 0 0 1 42.666666 42.666666v71.082667a42.666667 42.666667 0 1 1-85.333333 0v-28.416l-104.533333-0.042667c0.170667 1.578667 0.256 3.157333 0.256 4.778667v336.554667h4.736a42.666667 42.666667 0 1 1 0 85.333333H464.64z" fill="#3370FF" ></path></symbol><symbol id="iconicon_file-word_colorful" viewBox="0 0 1024 1024"><path d="M256 896h640V128H256v128h213.333333a42.666667 42.666667 0 0 1 42.666667 42.666667v384a42.666667 42.666667 0 0 1-42.666667 42.666666H256v170.666667z m554.666667-256a42.666667 42.666667 0 1 1 0 85.333333h-170.666667a42.666667 42.666667 0 1 1 0-85.333333h170.666667zM135.04 341.333333h-10.581333a30.208 30.208 0 0 0-29.226667 37.845334l61.653333 235.349333a34.133333 34.133333 0 0 0 33.024 25.472h18.773334a34.133333 34.133333 0 0 0 33.28-26.453333l35.157333-153.258667 36.48 153.472a34.133333 34.133333 0 0 0 33.194667 26.24h18.517333a34.133333 34.133333 0 0 0 33.024-25.557333l61.226667-235.52a30.08 30.08 0 0 0-29.013334-37.589334h-10.325333a34.133333 34.133333 0 0 0-33.578667 28.074667l-28.885333 160.085333-38.272-161.877333A34.133333 34.133333 0 0 0 286.250667 341.333333h-18.602667a34.133333 34.133333 0 0 0-33.28 26.538667l-36.864 161.621333-28.885333-160.085333A34.133333 34.133333 0 0 0 135.04 341.333333zM810.666667 469.333333a42.666667 42.666667 0 1 1 0 85.333334h-170.666667a42.666667 42.666667 0 1 1 0-85.333334h170.666667z m0-170.666666a42.666667 42.666667 0 1 1 0 85.333333h-170.666667a42.666667 42.666667 0 1 1 0-85.333333h170.666667zM85.333333 725.333333a42.666667 42.666667 0 0 1-42.666666-42.666666V298.666667a42.666667 42.666667 0 0 1 42.666666-42.666667h85.333334V128a85.333333 85.333333 0 0 1 85.333333-85.333333h640a85.333333 85.333333 0 0 1 85.333333 85.333333v768a85.333333 85.333333 0 0 1-85.333333 85.333333H256a85.333333 85.333333 0 0 1-85.333333-85.333333v-170.666667H85.333333z" fill="#3370FF" ></path></symbol><symbol id="iconicon_file-xmind_colorful" viewBox="0 0 1024 1024"><path d="M260.266667 904.533333h640v-768h-640v128h213.333333a42.666667 42.666667 0 0 1 42.666667 42.666667v384a42.666667 42.666667 0 0 1-42.666667 42.666667h-213.333333v170.666666z m554.666666-256a42.666667 42.666667 0 1 1 0 85.333334h-170.666666a42.666667 42.666667 0 1 1 0-85.333334h170.666666zM120.192 432.426667c-9.813333 0-19.456 0.768-28.842667 2.218666a185.6 185.6 0 0 0 20.906667 114.773334 187.562667 187.562667 0 0 1 90.752 6.186666 185.941333 185.941333 0 0 1-12.629333 85.333334 185.813333 185.813333 0 0 0 102.4 48.725333 185.472 185.472 0 0 0 13.866666-70.784 186.453333 186.453333 0 0 0-186.453333-186.453333zM270.378667 307.2a185.130667 185.130667 0 0 0-13.824 70.698667 188.885333 188.885333 0 0 0 10.154666 60.928 189.226667 189.226667 0 0 0 22.869334 45.098666l0.426666 0.554667a187.733333 187.733333 0 0 0 21.162667 25.301333l0.64 0.597334 1.28 1.28 4.138667 3.925333c18.645333 17.066667 40.789333 30.378667 65.194666 38.741333l1.450667 0.426667 0.938667 0.384c7.765333 2.56 15.744 4.565333 23.893333 6.058667l4.565333 0.768 8.192 1.194666a188.714667 188.714667 0 0 0 50.389334-1.024 187.733333 187.733333 0 0 0-20.906667-114.773333 187.648 187.648 0 0 1-90.752-6.144 185.984 185.984 0 0 1 12.629333-85.333333 185.813333 185.813333 0 0 0-102.4-48.682667z m544.554666 170.666667a42.666667 42.666667 0 1 1 0 85.333333h-170.666666a42.666667 42.666667 0 1 1 0-85.333333h170.666666z m0-170.666667a42.666667 42.666667 0 1 1 0 85.333333h-170.666666a42.666667 42.666667 0 1 1 0-85.333333h170.666666z m-725.333333 426.666667a42.666667 42.666667 0 0 1-42.666667-42.666667v-384a42.666667 42.666667 0 0 1 42.666667-42.666667h85.333333v-128a85.333333 85.333333 0 0 1 85.333334-85.333333h640a85.333333 85.333333 0 0 1 85.333333 85.333333v768a85.333333 85.333333 0 0 1-85.333333 85.333334h-640a85.333333 85.333333 0 0 1-85.333334-85.333334v-170.666666h-85.333333z" fill="#F02929" ></path></symbol><symbol id="iconicon_file-sql_colorful" viewBox="0 0 1024 1024"><path d="M640 42.666667a42.666667 42.666667 0 0 1 33.28 16l170.368 212.906666 1.792 2.346667 0.213333 0.341333 0.426667 0.554667 0.426667 0.768-0.853334-1.322667-1.706666-2.261333 2.773333 3.925333 1.152 1.877334a40.021333 40.021333 0 0 1 4.053333 9.941333 41.258667 41.258667 0 0 1 1.109334 5.973333L853.333333 298.666667v85.333333h42.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v298.666667a85.333333 85.333333 0 0 1-85.333333 85.333333h-42.666667v85.333334a42.666667 42.666667 0 0 1-42.666666 42.666666H213.333333a42.666667 42.666667 0 0 1-42.666666-42.666666v-85.333334H128a85.333333 85.333333 0 0 1-85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667V85.333333a42.666667 42.666667 0 0 1 42.666666-42.666666h426.666667z m128 810.666666H256v42.666667h512v-42.666667z m128-384H128v298.666667h768v-298.666667z m-384.469333 19.114667c39.893333 0 70.698667 10.666667 92.373333 32.128 21.717333 21.418667 32.554667 52.053333 32.554667 91.989333 0 35.498667-8.746667 63.914667-26.24 85.248 9.301333 6.442667 15.36 10.496 18.218666 12.117334 4.266667 2.432 9.984 5.205333 17.194667 8.362666l-20.650667 41.642667a240.768 240.768 0 0 1-30.848-17.92 263.850667 263.850667 0 0 1-21.333333-15.658667c-16.341333 7.082667-36.906667 10.666667-61.610667 10.666667-36.48 0-65.28-9.557333-86.4-28.586667-24.917333-22.485333-37.376-54.144-37.376-94.890666 0-39.594667 10.88-70.314667 32.682667-92.245334 21.845333-21.888 52.309333-32.853333 91.434667-32.853333z m-259.072 0c30.72 0 54.186667 5.717333 70.272 17.109333 16.128 11.434667 25.728 29.610667 28.757333 54.528l-69.973333 4.096c-1.877333-10.837333-5.802667-18.688-11.733334-23.594666-5.973333-4.949333-14.208-7.381333-24.704-7.381334-8.618667 0-15.104 1.834667-19.498666 5.504a16.853333 16.853333 0 0 0-6.570667 13.354667c0 3.84 1.834667 7.253333 5.418667 10.325333 3.498667 3.157333 11.818667 6.101333 24.917333 8.832 32.469333 6.997333 55.722667 14.08 69.76 21.248 14.08 7.168 24.32 16.042667 30.677333 26.624 6.4 10.624 9.6 22.485333 9.6 35.584 0 15.402667-4.266667 29.610667-12.8 42.666667-8.533333 12.970667-20.437333 22.826667-35.754666 29.568-15.274667 6.741333-34.56 10.069333-57.856 10.069333-40.874667 0-69.205333-7.850667-84.906667-23.594666-15.786667-15.744-24.661333-35.754667-26.752-59.989334l70.656-4.437333c1.536 11.477333 4.693333 20.224 9.386667 26.24 7.637333 9.728 18.56 14.592 32.768 14.592 10.581333 0 18.773333-2.517333 24.490666-7.466667a22.357333 22.357333 0 0 0 8.618667-17.322666 22.058667 22.058667 0 0 0-8.192-16.725334c-5.461333-4.906667-18.133333-9.557333-38.058667-13.909333-32.554667-7.338667-55.765333-17.066667-69.674666-29.184a58.666667 58.666667 0 0 1-20.992-46.421333c0-12.373333 3.584-24.021333 10.752-34.986667 7.168-11.008 17.92-19.626667 32.298666-25.898667 14.378667-6.314667 34.090667-9.429333 59.093334-9.429333z m498.261333 4.096v181.162667h115.925333v59.178666h-190.208v-240.341333h74.282667z m-239.36 52.138667a45.226667 45.226667 0 0 0-35.925333 15.914666c-9.173333 10.581333-13.738667 27.136-13.738667 49.664 0 26.24 4.48 44.629333 13.44 55.253334 8.96 10.581333 21.248 15.914667 36.864 15.914666 5.034667 0 9.813333-0.512 14.293333-1.493333-6.229333-5.973333-16.085333-11.690667-29.525333-17.066667l11.648-26.709333c6.528 1.194667 11.648 2.688 15.36 4.437333 3.626667 1.706667 10.752 6.314667 21.333333 13.738667 2.56 1.749333 5.248 3.584 8.234667 5.418667 5.888-10.581333 8.832-26.453333 8.832-47.530667 0-24.277333-4.522667-41.6-13.525333-51.968-9.002667-10.410667-21.461333-15.573333-37.290667-15.573333zM554.666667 128H256v256h512V341.333333h-170.666667a42.666667 42.666667 0 0 1-42.666666-42.666666V128z m85.333333 25.6V256h81.92L640 153.6z" fill="#3370FF" ></path></symbol><symbol id="iconicon_file-text_colorful_ash" viewBox="0 0 1024 1024"><path d="M874.666667 42.666667A106.666667 106.666667 0 0 1 981.333333 149.333333v725.333334a106.666667 106.666667 0 0 1-106.666666 106.666666h-725.333334A106.666667 106.666667 0 0 1 42.666667 874.666667v-725.333334A106.666667 106.666667 0 0 1 149.333333 42.666667h725.333334z m0 85.333333h-725.333334a21.333333 21.333333 0 0 0-21.333333 21.333333v725.333334a21.333333 21.333333 0 0 0 21.333333 21.333333h725.333334a21.333333 21.333333 0 0 0 21.333333-21.333333v-725.333334a21.333333 21.333333 0 0 0-21.333333-21.333333z m-410.069334 663.722667a42.666667 42.666667 0 0 1 0-85.333334l4.736-0.042666V369.792l0.256-4.778667h-104.533333v28.458667a42.666667 42.666667 0 0 1-37.717333 42.410667l-4.949334 0.256a42.666667 42.666667 0 0 1-42.666666-42.666667V322.389333a42.666667 42.666667 0 0 1 42.666666-42.666666h379.221334a42.666667 42.666667 0 0 1 42.666666 42.666666v71.082667a42.666667 42.666667 0 1 1-85.333333 0v-28.416l-104.533333-0.042667c0.170667 1.578667 0.256 3.157333 0.256 4.778667v336.554667h4.736a42.666667 42.666667 0 1 1 0 85.333333H464.64z" fill="#959598" ></path></symbol><symbol id="iconicon_file-xmind_colorful_ash" viewBox="0 0 1024 1024"><path d="M260.266667 904.533333h640v-768h-640v128h213.333333a42.666667 42.666667 0 0 1 42.666667 42.666667v384a42.666667 42.666667 0 0 1-42.666667 42.666667h-213.333333v170.666666z m554.666666-256a42.666667 42.666667 0 1 1 0 85.333334h-170.666666a42.666667 42.666667 0 1 1 0-85.333334h170.666666zM120.192 432.426667c-9.813333 0-19.456 0.768-28.842667 2.218666a185.6 185.6 0 0 0 20.906667 114.773334 187.562667 187.562667 0 0 1 90.752 6.186666 185.941333 185.941333 0 0 1-12.629333 85.333334 185.813333 185.813333 0 0 0 102.4 48.725333 185.472 185.472 0 0 0 13.866666-70.784 186.453333 186.453333 0 0 0-186.453333-186.453333zM270.378667 307.2a185.130667 185.130667 0 0 0-13.824 70.698667 188.885333 188.885333 0 0 0 10.154666 60.928 189.226667 189.226667 0 0 0 22.869334 45.098666l0.426666 0.554667a187.733333 187.733333 0 0 0 21.162667 25.301333l0.64 0.597334 1.28 1.28 4.138667 3.925333c18.645333 17.066667 40.789333 30.378667 65.194666 38.741333l1.450667 0.426667 0.938667 0.384c7.765333 2.56 15.744 4.565333 23.893333 6.058667l4.565333 0.768 8.192 1.194666a188.714667 188.714667 0 0 0 50.389334-1.024 187.733333 187.733333 0 0 0-20.906667-114.773333 187.648 187.648 0 0 1-90.752-6.144 185.984 185.984 0 0 1 12.629333-85.333333 185.813333 185.813333 0 0 0-102.4-48.682667z m544.554666 170.666667a42.666667 42.666667 0 1 1 0 85.333333h-170.666666a42.666667 42.666667 0 1 1 0-85.333333h170.666666z m0-170.666667a42.666667 42.666667 0 1 1 0 85.333333h-170.666666a42.666667 42.666667 0 1 1 0-85.333333h170.666666z m-725.333333 426.666667a42.666667 42.666667 0 0 1-42.666667-42.666667v-384a42.666667 42.666667 0 0 1 42.666667-42.666667h85.333333v-128a85.333333 85.333333 0 0 1 85.333334-85.333333h640a85.333333 85.333333 0 0 1 85.333333 85.333333v768a85.333333 85.333333 0 0 1-85.333333 85.333334h-640a85.333333 85.333333 0 0 1-85.333334-85.333334v-170.666666h-85.333333z" fill="#959598" ></path></symbol><symbol id="iconicon_file-unknown_colorful" viewBox="0 0 1024 1024"><path d="M682.666667 42.666667a42.666667 42.666667 0 0 1 33.28 16l170.368 212.906666c1.28 1.536 2.389333 3.157333 3.413333 4.821334l-3.072-4.394667c1.450667 1.834667 2.773333 3.797333 3.882667 5.802667l2.389333 4.949333 1.664 4.992a41.258667 41.258667 0 0 1 1.109333 5.973333L896 298.666667v640a42.666667 42.666667 0 0 1-42.666667 42.666666H170.666667a42.666667 42.666667 0 0 1-42.666667-42.666666V85.333333a42.666667 42.666667 0 0 1 42.666667-42.666666h512z m-85.333334 85.333333H213.333333v768h597.333334V341.333333h-170.666667a42.666667 42.666667 0 0 1-42.666667-42.666666V128z m-85.333333 612.437333a41.472 41.472 0 1 1 0 82.986667 41.472 41.472 0 0 1 0-82.986667z m0-374.528a142.208 142.208 0 0 1 44.970667 277.205334l-2.304 0.64v30.293333a42.666667 42.666667 0 0 1-37.674667 42.410667l-4.992 0.298666a42.666667 42.666667 0 0 1-42.666667-42.666666v-66.389334a42.666667 42.666667 0 0 1 37.674667-42.368l4.992-0.298666a56.874667 56.874667 0 1 0-56.618667-62.378667l-0.256 5.504a42.666667 42.666667 0 1 1-85.333333 0A142.208 142.208 0 0 1 512 365.909333zM764.586667 256L682.666667 153.6V256h81.92z"  ></path></symbol><symbol id="icona-icon_file-jar_colorful" viewBox="0 0 1024 1024"><path d="M648.533 42.667a42.667 42.667 0 0 1 33.323 16L852.523 272l2.73 3.925 1.152 1.878a40.021 40.021 0 0 1 4.054 9.941 41.259 41.259 0 0 1 1.109 5.973l0.299 4.95V384h42.666a85.333 85.333 0 0 1 85.334 85.333V768a85.333 85.333 0 0 1-85.334 85.333h-42.666v85.334a42.667 42.667 0 0 1-42.667 42.666H221.867a42.667 42.667 0 0 1-42.667-42.666v-85.334h-42.667A85.333 85.333 0 0 1 51.2 768V469.333A85.333 85.333 0 0 1 136.533 384H179.2V85.333a42.667 42.667 0 0 1 42.667-42.666h426.666z m128 810.666h-512V896h512v-42.667z m128-384h-768V768h768V469.333z m-556.8 42.24v116.182c0 24.405-2.176 43.008-6.528 55.722-4.309 12.758-13.013 23.51-26.112 32.384-13.056 8.832-29.781 13.227-50.218 13.227-21.59 0-38.315-2.859-50.176-8.704a63.104 63.104 0 0 1-27.478-25.6c-6.485-11.221-10.282-25.13-11.434-41.643l63.146-8.618c0.086 9.429 0.896 16.469 2.475 21.034a22.87 22.87 0 0 0 7.85 11.094c2.56 1.834 6.145 2.73 10.795 2.73 7.382 0 12.8-2.73 16.256-8.234 3.456-5.504 5.206-14.763 5.206-27.734v-131.84h66.176z m174.848 0l80.299 213.76h-69.12l-10.496-35.285H448l-10.368 35.285h-67.456l80.341-213.76h72.064z m212.48 0c20.395 0 36.011 1.707 46.806 5.206 10.794 3.498 19.498 9.984 26.112 19.498 6.57 9.472 9.898 20.992 9.898 34.603 0 11.861-2.56 22.101-7.594 30.72a59.307 59.307 0 0 1-20.864 20.907c-5.632 3.413-13.355 6.229-23.168 8.49 7.893 2.603 13.61 5.248 17.194 7.851 2.432 1.75 5.974 5.504 10.582 11.221 4.608 5.76 7.68 10.155 9.258 13.27l31.958 61.994h-74.667l-35.285-65.322c-4.48-8.448-8.491-13.952-11.947-16.47a27.733 27.733 0 0 0-16.213-4.992h-5.846v86.784H624.94v-213.76h110.08z m-249.258 55.382l-23.467 76.842h47.104l-23.637-76.8z m234.496-12.246h-29.014v43.478h27.862c2.986 0 8.832-0.982 17.493-2.944a17.493 17.493 0 0 0 10.71-6.699 19.755 19.755 0 0 0 4.18-12.373c0-6.912-2.218-12.246-6.57-15.915-4.395-3.712-12.587-5.547-24.661-5.547zM563.2 128H264.533v256h512v-42.667H605.867a42.667 42.667 0 0 1-42.667-42.666V128z m85.333 25.6V256h81.92l-81.92-102.4z" fill="#3370FF" ></path></symbol><symbol id="iconlogo_dingtalk" viewBox="0 0 1024 1024"><path d="M838.058667 425.685333a164.693333 164.693333 0 0 1-9.728 26.453334h0.085333l-0.512 1.066666c-28.416 63.829333-102.656 189.141333-102.656 189.141334l-0.341333-0.853334-21.674667 39.68h104.533333l-199.68 278.826667 45.312-189.653333h-82.346666l28.586666-125.44c-23.125333 5.845333-50.389333 13.952-82.773333 24.874666 0 0-43.776 26.88-126.208-51.84 0 0-55.552-51.328-23.338667-64.256 13.653333-5.418667 66.517333-12.373333 108.117334-18.346666 56.064-7.978667 90.624-12.245333 90.624-12.245334s-173.056 2.773333-214.144-4.053333c-41.088-6.784-93.056-78.762667-104.234667-141.994667 0 0-17.152-34.773333 36.821333-18.346666 54.101333 16.426667 277.845333 64 277.845334 64S271.445333 329.130667 252.074667 306.261333c-19.328-22.826667-56.96-124.8-52.053334-187.392 0 0 2.133333-15.658667 17.408-11.52 0 0 215.168 103.338667 362.24 159.744 147.072 56.618667 274.901333 85.418667 258.389334 158.592z" fill="#3296FA" ></path></symbol><symbol id="iconlogo_lark" viewBox="0 0 1024 1024"><path d="M548.48 529.194667c0.682667-0.725333 1.450667-1.365333 2.133333-2.048 1.493333-1.365333 2.858667-2.773333 4.266667-4.181334l2.901333-2.858666 8.746667-8.661334 11.904-11.733333 10.197333-10.112 9.557334-9.472 10.026666-9.856 9.173334-9.088 12.8-12.629333a273.493333 273.493333 0 0 1 35.541333-29.696 290.645333 290.645333 0 0 1 80-39.808A504.533333 504.533333 0 0 0 650.410667 187.733333 45.568 45.568 0 0 0 614.656 170.666667h-368.213333c-6.656 0-9.429333 8.533333-4.053334 12.458666a1074.773333 1074.773333 0 0 1 305.237334 346.88l0.853333-0.853333z" fill="#00D6B9" ></path><path d="M402.432 853.333333a505.728 505.728 0 0 0 450.986667-276.522666 208.469333 208.469333 0 0 1-48.213334 61.184 187.733333 187.733333 0 0 1-31.658666 22.016 192.768 192.768 0 0 1-64.938667 22.314666 198.186667 198.186667 0 0 1-34.688 2.346667 207.786667 207.786667 0 0 1-34.730667-3.413333 216.149333 216.149333 0 0 1-19.797333-4.394667c-6.4-1.706667-12.672-3.456-18.944-5.290667-3.157333-0.853333-6.272-1.834667-9.386667-2.773333-4.693333-1.408-9.386667-2.816-13.994666-4.266667a966.698667 966.698667 0 0 1-22.186667-7.210666l-7.381333-2.432-8.874667-3.114667-6.4-2.218667-12.501333-4.608c-2.432-0.853333-4.821333-1.834667-7.253334-2.730666l-9.685333-3.754667-10.24-4.096-6.570667-2.688-8.192-3.413333-6.314666-2.688c-2.176-0.938667-4.394667-1.877333-6.528-2.858667l-5.674667-2.474667-5.162667-2.261333-5.248-2.389333-5.418666-2.474667-6.826667-3.2-7.125333-3.370667-7.594667-3.669333-6.4-3.2a1064.746667 1064.746667 0 0 1-301.184-224.682667 6.869333 6.869333 0 0 0-11.946667 4.693334l0.213334 324.949333v26.368c0 15.317333 7.594667 29.696 20.309333 38.186667A503.978667 503.978667 0 0 0 402.432 853.333333z" fill="#3370FF" ></path><path d="M844.672 593.322667a1.706667 1.706667 0 0 0-0.256 0.426666l0.256-0.426666 1.706667-3.2-1.706667 3.2zM852.565333 578.432l0.426667-0.853333 0.256-0.426667-0.682667 1.28z" fill="#133C92" ></path><path d="M960.853333 395.306667a288.298667 288.298667 0 0 0-127.744-29.653334 288.512 288.512 0 0 0-87.253333 13.397334l-6.016 1.962666a291.498667 291.498667 0 0 0-109.525333 67.541334l-12.8 12.629333-9.173334 9.088-9.984 9.813333-9.6 9.514667-10.197333 10.112-11.904 11.733333-8.704 8.661334-2.901333 2.858666-4.266667 4.181334c-0.725333 0.682667-1.450667 1.322667-2.133333 2.048l-3.242667 3.072-3.626667 3.413333a506.410667 506.410667 0 0 1-104.832 74.197333 303.573333 303.573333 0 0 0 12.245334 5.674667l5.205333 2.389333 5.205333 2.261334c1.877333 0.853333 3.797333 1.706667 5.674667 2.474666l6.528 2.858667 6.314667 2.688 8.192 3.413333a2542.08 2542.08 0 0 0 16.810666 6.784c3.2 1.28 6.442667 2.517333 9.685334 3.712l7.253333 2.773334 12.501333 4.565333 6.4 2.261333 8.874667 3.072 7.338667 2.517334 10.794666 3.541333 11.434667 3.626667a1278.464 1278.464 0 0 0 42.325333 12.330666 265.301333 265.301333 0 0 0 19.797334 4.437334 206.805333 206.805333 0 0 0 91.946666-3.84 179.925333 179.925333 0 0 0 27.818667-10.112 192.768 192.768 0 0 0 21.546667-11.392c2.218667-1.365333 4.352-2.773333 6.528-4.181334a216.405333 216.405333 0 0 0 18.133333-13.781333 201.002667 201.002667 0 0 0 48.128-61.013333l4.906667-9.813334 44.544-88.746666-0.085334 0.213333a275.498667 275.498667 0 0 1 57.898667-83.285333z" fill="#133C9A" ></path></symbol><symbol id="iconlogo_wechat-work" viewBox="0 0 1024 1024"><path d="M689.92 778.88a13.184 13.184 0 0 0 1.877333 20.138667l3.797334 3.669333c24.661333 24.704 40.149333 55.04 46.506666 86.869333a49.408 49.408 0 0 0 1.877334 11.136 55.125333 55.125333 0 1 0 58.922666-69.376 169.301333 169.301333 0 0 1-94.293333-52.48 13.184 13.184 0 0 0-18.645333 0z" fill="#FB6500" ></path><path d="M914.005333 691.712a55.04 55.04 0 0 0-15.786666 33.194667 169.386667 169.386667 0 0 1-52.522667 94.293333 13.184 13.184 0 1 0 20.181333 16.853333 169.344 169.344 0 0 1 90.496-50.346666 50.218667 50.218667 0 0 0 11.178667-1.877334 55.125333 55.125333 0 1 0-53.546667-92.16z" fill="#3880E7" ></path><path d="M758.570667 535.850667a55.168 55.168 0 0 0 33.152 93.781333 169.386667 169.386667 0 0 1 94.336 52.48 13.226667 13.226667 0 1 0 16.810666-20.138667 169.472 169.472 0 0 1-50.346666-90.538666 48.768 48.768 0 0 0-1.834667-11.178667 55.168 55.168 0 0 0-92.16-24.405333z" fill="#2DBC00" ></path><path d="M731.349333 622.165333l-1.024 0.938667a13.226667 13.226667 0 0 0-1.536 1.834667l-3.669333 3.84a169.216 169.216 0 0 1-86.869333 46.506666 52.608 52.608 0 0 0-11.136 1.834667 55.125333 55.125333 0 1 0 69.376 58.922667 169.472 169.472 0 0 1 52.48-94.293334 13.184 13.184 0 0 0-17.621334-19.584z" fill="#FFCC00" ></path><path d="M398.08 145.834667c-98.986667 10.752-188.970667 53.12-253.354667 119.253333A338.176 338.176 0 0 0 83.2 351.786667c-20.949333 42.666667-31.573333 87.893333-31.573333 134.528 0 60.032 18.261333 119.210667 52.821333 171.136a470.613333 470.613333 0 0 0 72.448 82.858666l-11.861333 93.568c-0.512 1.28-1.024 2.56-1.28 3.882667-0.298667 1.237333-0.384 2.474667-0.512 3.754667-0.042667 0.938667-0.256 1.877333-0.256 2.858666 0 1.024 0.213333 2.005333 0.298666 3.072 1.578667 15.36 14.378667 27.434667 30.208 27.434667 5.504 0 10.581333-1.578667 15.061334-4.138667l0.426666-0.213333 1.92-1.152 28.458667-14.293333 84.693333-42.496c24.32 6.997333 48.512 11.434667 73.984 14.250666a458.624 458.624 0 0 0 102.101334-0.298666c34.773333-3.925333 68.181333-11.946667 99.882666-23.338667a55.082667 55.082667 0 0 1-37.546666-57.6 373.248 373.248 0 0 1-70.784 15.146667 384.384 384.384 0 0 1-85.504 0.256c-2.858667-0.341333-5.76-0.768-8.661334-1.194667a377.728 377.728 0 0 1-56.021333-11.733333 38.272 38.272 0 0 0-30.165333 3.072c-0.853333 0.426667-1.621333 0.768-2.432 1.237333l-69.546667 41.002667-3.029333 1.792h-0.085334c-1.493333 0.896-2.346667 1.28-3.114666 1.28a4.693333 4.693333 0 0 1-4.650667-4.864l2.688-10.794667 3.114667-11.818667 5.077333-19.328 5.632-21.546666a29.226667 29.226667 0 0 0-10.496-32.512 305.621333 305.621333 0 0 1-29.098667-24.405334 284.672 284.672 0 0 1-41.216-48.768 243.712 243.712 0 0 1-41.813333-134.997333c0-36.650667 8.362667-72.234667 24.874667-105.856a271.445333 271.445333 0 0 1 49.365333-69.504C249.514667 257.706667 323.968 222.805333 406.186667 213.888c14.293333-1.536 28.373333-2.346667 41.813333-2.346667 14.122667 0 28.8 0.853333 43.690667 2.56 81.834667 9.258667 155.818667 44.330667 208.341333 98.645334a271.061333 271.061333 0 0 1 49.152 69.674666c16.213333 33.365333 24.448 68.693333 24.448 104.96 0 3.797333-0.213333 7.552-0.426667 11.306667a55.04 55.04 0 0 1 67.669334 7.936c0.938667 0.938667 1.706667 1.962667 2.56 2.944a299.52 299.52 0 0 0-30.122667-156.714667 337.322667 337.322667 0 0 0-61.226667-86.912c-63.914667-66.090667-153.386667-108.672-251.946666-119.893333-17.706667-2.005333-35.242667-2.986667-52.138667-2.986667-16.085333 0-32.853333 0.896-49.92 2.773334z" fill="#0082EF" ></path></symbol><symbol id="icona-icon_file-json" viewBox="0 0 1024 1024"><path d="M648.533333 42.666667a42.666667 42.666667 0 0 1 33.322667 16l170.325333 212.906666 1.792 2.346667 0.213334 0.341333 0.426666 0.554667 0.426667 0.768-0.853333-1.322667-1.664-2.261333 2.730666 3.925333 1.152 1.877334a40.021333 40.021333 0 0 1 4.053334 9.941333 41.258667 41.258667 0 0 1 1.109333 5.973333L861.866667 298.666667v85.333333h42.666666a85.333333 85.333333 0 0 1 85.333334 85.333333v298.666667a85.333333 85.333333 0 0 1-85.333334 85.333333h-42.666666v85.333334a42.666667 42.666667 0 0 1-42.666667 42.666666h-597.333333a42.666667 42.666667 0 0 1-42.666667-42.666666v-85.333334h-42.666667a85.333333 85.333333 0 0 1-85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667V85.333333a42.666667 42.666667 0 0 1 42.666667-42.666666h426.666666z m128 810.666666h-512v42.666667h512v-42.666667z m128-384h-768v298.666667h768v-298.666667z m-341.333333-341.333333h-298.666667v256h512V341.333333h-170.666666a42.666667 42.666667 0 0 1-42.666667-42.666666V128z m85.333333 25.6V256h81.92L648.533333 153.6z m-341.333333 374.698667v141.056c0 17.749333-3.157333 32.384-9.898667 43.733333-11.690667 19.797333-32.512 29.525333-60.629333 29.525333-27.818667 0-47.957333-7.850667-58.88-24.618666-9.642667-14.848-14.293333-34.346667-14.293333-58.282667v-17.066667h61.952v16.768c0.298667 12.544 1.621333 21.077333 3.413333 24.789334 0.426667 0.810667 1.706667 1.450667 6.4 1.450666 4.48 0 5.76-0.682667 6.4-2.133333 0.810667-1.621333 1.450667-6.4 1.450667-13.568v-141.653333H307.2z m277.589333-5.632c29.568 0 53.034667 8.362667 68.992 24.832 21.504 19.584 32.042667 48.341333 32.042667 85.461333 0 36.394667-10.496 65.109333-31.488 84.906667-16.512 17.066667-39.978667 25.386667-69.546667 25.386666-29.568 0-53.034667-8.362667-69.12-24.96-14.08-13.226667-23.466667-30.165333-28.288-50.474666l0.213334 3.626666c0 20.565333-8.106667 38.101333-23.765334 51.626667-15.402667 13.354667-36.565333 19.797333-62.933333 19.797333-26.666667 0-48.341333-6.272-64.597333-19.2-16.853333-13.482667-25.429333-32.256-25.429334-55.210666v-12.8h55.594667l-0.426667-0.085334a114.986667 114.986667 0 0 1-23.808-9.344l-4.181333-2.56c-16.085333-11.050667-24.192-28.373333-24.192-50.474666 0-20.053333 7.509333-37.205333 22.186667-50.56 14.634667-13.312 35.328-19.712 61.482666-19.712 22.101333 0 41.386667 5.973333 57.386667 18.005333 16.938667 12.714667 25.898667 31.274667 26.666667 54.613333l0.426666 13.226667H432.64l4.693333 1.237333c9.6 2.816 17.706667 6.272 24.277334 10.453334l4.650666 3.328c8.917333 7.04 15.061333 16.042667 18.346667 26.752a144 144 0 0 1-0.938667-17.578667c0-37.12 10.581333-65.92 31.573334-84.906667 16.554667-17.066667 40.021333-25.386667 69.589333-25.386666zM371.754667 657.066667l1.322666 9.642666c0.853333 6.272 2.389333 10.410667 4.096 12.501334 3.456 4.181333 10.538667 6.698667 22.229334 6.698666 7.765333 0 13.738667-0.853333 17.834666-2.261333 5.802667-2.048 7.637333-4.48 7.637334-9.301333 0-1.621333-0.384-2.261333-1.877334-3.2-3.882667-2.389333-11.050667-4.821333-21.248-7.082667l-19.541333-4.352a319.744 319.744 0 0 1-8.448-2.048l-2.005333-0.554667z m213.034666-76.202667c-11.434667 0-19.925333 3.925333-26.538666 12.117333-7.04 8.746667-10.794667 21.930667-10.794667 39.978667 0 18.048 3.754667 31.232 10.794667 39.978667 6.613333 8.192 15.104 12.074667 26.538666 12.074666s19.84-3.882667 26.368-12.032l2.730667-4.010666c5.12-8.533333 7.850667-20.48 7.850667-36.010667 0-18.005333-3.712-31.189333-10.666667-39.978667-6.485333-8.192-14.890667-12.117333-26.282667-12.117333z m-189.866666-0.341333c-7.552 0-13.013333 1.365333-16.597334 3.797333-2.389333 1.621333-3.242667 3.2-3.242666 6.144 0 1.92 0.426667 2.56 2.346666 3.669333 2.346667 1.322667 9.514667 3.626667 20.608 6.272l21.461334 5.12-0.469334-8.789333c-0.341333-5.376-1.877333-8.874667-4.992-11.349333l-2.56-1.706667a36.309333 36.309333 0 0 0-16.554666-3.157333z m354.688-52.224l3.669333 6.442666 49.493333 86.741334v-93.184h61.44V738.133333H805.546667l-3.669334-6.4-51.413333-89.344 0.042667 95.744h-61.44v-209.834666h60.586666z"  ></path></symbol><symbol id="icona-icon_file-JMX" viewBox="0 0 1024 1024"><path d="M648.533333 42.666667a42.666667 42.666667 0 0 1 33.322667 16l170.666667 213.333333 2.730666 3.925333 1.152 1.877334 1.664 3.242666 1.408 3.541334 0.981334 3.157333a41.258667 41.258667 0 0 1 1.109333 5.973333L861.866667 298.666667v85.333333h42.666666a85.333333 85.333333 0 0 1 85.333334 85.333333v298.666667a85.333333 85.333333 0 0 1-85.333334 85.333333h-42.666666v85.333334a42.666667 42.666667 0 0 1-42.666667 42.666666h-597.333333a42.666667 42.666667 0 0 1-42.666667-42.666666v-85.333334h-42.666667a85.333333 85.333333 0 0 1-85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667V85.333333a42.666667 42.666667 0 0 1 42.666667-42.666666h426.666666z m128 810.666666h-512v42.666667h512v-42.666667z m128-384h-768v298.666667h768v-298.666667z m-572.16 42.24v116.181334c0 24.405333-2.218667 43.008-6.528 55.722666-4.309333 12.757333-13.013333 23.509333-26.112 32.384-13.056 8.832-29.824 13.226667-50.218666 13.226667-21.589333 0-38.314667-2.858667-50.176-8.704a63.104 63.104 0 0 1-27.477334-25.6c-6.485333-11.221333-10.282667-25.130667-11.477333-41.642667l63.146667-8.618666c0.128 9.429333 0.938667 16.469333 2.474666 21.034666a22.869333 22.869333 0 0 0 7.893334 11.093334c2.56 1.834667 6.101333 2.730667 10.794666 2.730666 7.381333 0 12.8-2.730667 16.256-8.234666 3.413333-5.504 5.162667-14.762667 5.162667-27.733334v-131.84H332.373333z m130.176 0l33.536 130.048 33.408-130.090666h86.613334V725.333333h-53.930667v-163.029333L520.32 725.333333H471.466667l-41.728-163.029333V725.333333H375.637333v-213.76h86.912z m253.781334 0l37.888 65.706667 36.778666-65.706667h72.021334l-66.517334 103.509334L869.290667 725.333333h-74.24l-42.154667-68.693333-42.24 68.693333h-73.813333l73.813333-111.402666-67.114667-102.4h72.789334zM563.2 128h-298.666667v256h512V341.333333h-170.666666a42.666667 42.666667 0 0 1-42.666667-42.666666V128z m85.333333 25.6V256h81.92L648.533333 153.6z"  ></path></symbol><symbol id="iconicon_file_har" viewBox="0 0 1024 1024"><path d="M648.533333 42.666667a42.666667 42.666667 0 0 1 33.322667 16l170.666667 213.333333 2.730666 3.925333 1.152 1.877334 1.664 3.242666 1.408 3.541334 0.981334 3.157333a41.258667 41.258667 0 0 1 1.109333 5.973333L861.866667 298.666667v85.333333h42.666666a85.333333 85.333333 0 0 1 85.333334 85.333333v298.666667a85.333333 85.333333 0 0 1-85.333334 85.333333h-42.666666v85.333334a42.666667 42.666667 0 0 1-42.666667 42.666666h-597.333333a42.666667 42.666667 0 0 1-42.666667-42.666666v-85.333334h-42.666667a85.333333 85.333333 0 0 1-85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667V85.333333a42.666667 42.666667 0 0 1 42.666667-42.666666h426.666666z m128 810.666666h-512v42.666667h512v-42.666667z m128-384h-768v298.666667h768v-298.666667z m-660.992 42.24v74.794667h72.149334v-74.837333h66.389333V725.333333H315.690667v-86.485333H243.541333V725.333333H177.450667v-213.76h66.090666z m313.216 0L637.141333 725.333333h-69.12l-10.538666-35.285333h-75.221334L471.893333 725.333333H404.394667l80.341333-213.76h72.021333z m212.48 0c20.437333 0 36.053333 1.706667 46.805334 5.205334 10.794667 3.498667 19.498667 9.984 26.112 19.498666 6.613333 9.472 9.941333 20.992 9.941333 34.602667 0 11.861333-2.56 22.101333-7.594667 30.72a59.306667 59.306667 0 0 1-20.864 20.906667c-5.632 3.413333-13.354667 6.229333-23.168 8.490666 7.850667 2.602667 13.610667 5.248 17.194667 7.850667 1.834667 1.28 4.266667 3.754667 7.296 7.296l3.285333 3.925333c4.608 5.76 7.68 10.154667 9.258667 13.269334L869.418667 725.333333h-74.666667l-35.285333-65.322666c-4.48-8.448-8.448-13.952-11.946667-16.469334a27.733333 27.733333 0 0 0-16.213333-4.992h-5.802667V725.333333h-66.346667v-213.76h110.08z m-249.216 55.381334l-23.466666 76.842666h47.104l-23.637334-76.8z m234.496-12.245334h-29.013333v43.477334h27.861333c2.986667 0 8.832-0.981333 17.493334-2.944a17.493333 17.493333 0 0 0 10.709333-6.698667 19.754667 19.754667 0 0 0 4.181333-12.373333c0-6.912-2.218667-12.245333-6.570666-15.914667-4.394667-3.712-12.586667-5.546667-24.661334-5.546667zM563.2 128h-298.666667v256h512V341.333333h-170.666666a42.666667 42.666667 0 0 1-42.666667-42.666666V128z m85.333333 25.6V256h81.92L648.533333 153.6z"  ></path></symbol><symbol id="iconicon_filter_clear" viewBox="0 0 1024 1024"><path d="M128.192 128h575.616a64 64 0 0 1 44.032 110.464L512 461.696v354.304L320 960l-0.064-498.304-235.776-223.232a64 64 0 0 1-7.616-84.288l5.12-6.208A64 64 0 0 1 128.256 128z m575.616 64H128.192L384 434.24l-0.064 397.696L448 783.936V434.24L703.872 192zM685.248 640l90.496 90.496L866.304 640l45.248 45.248-90.56 90.496 90.56 90.56-45.248 45.248-90.56-90.56-90.496 90.56-45.248-45.248 90.496-90.56L640 685.248l45.248-45.248z"  ></path></symbol><symbol id="iconicon_filter" viewBox="0 0 1024 1024"><path d="M128 192a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v114.304l-272 160V896h-224V466.304L128 306.304V192z m704 0H192v77.696l272 160V832h96V429.696l272-160V192z"  ></path></symbol><symbol id="iconicon_file-excel_colorful_ash" viewBox="0 0 1024 1024"><path d="M256 896h640V128H256v170.666667h213.333333a42.666667 42.666667 0 0 1 42.666667 42.666666v384a42.666667 42.666667 0 0 1-42.666667 42.666667H256v128z m554.666667-256a42.666667 42.666667 0 1 1 0 85.333333h-170.666667a42.666667 42.666667 0 1 1 0-85.333333h170.666667zM221.184 384H175.274667a27.477333 27.477333 0 0 0-22.997334 42.496l65.877334 100.522667-74.666667 112.64A27.690667 27.690667 0 0 0 166.656 682.666667H213.333333a8.533333 8.533333 0 0 0 7.253334-4.053334l56.618666-91.904 56.362667 91.904a8.533333 8.533333 0 0 0 7.253333 4.053334h47.104a27.904 27.904 0 0 0 23.296-43.264L338.133333 528.64l65.706667-102.314667A27.477333 27.477333 0 0 0 380.714667 384H335.402667a8.533333 8.533333 0 0 0-7.424 4.352L279.04 475.861333 228.565333 388.266667a8.533333 8.533333 0 0 0-7.381333-4.266667zM810.666667 469.333333a42.666667 42.666667 0 1 1 0 85.333334h-170.666667a42.666667 42.666667 0 1 1 0-85.333334h170.666667z m0-170.666666a42.666667 42.666667 0 1 1 0 85.333333h-170.666667a42.666667 42.666667 0 1 1 0-85.333333h170.666667zM85.333333 768a42.666667 42.666667 0 0 1-42.666666-42.666667V341.333333a42.666667 42.666667 0 0 1 42.666666-42.666666h85.333334V128a85.333333 85.333333 0 0 1 85.333333-85.333333h640a85.333333 85.333333 0 0 1 85.333333 85.333333v768a85.333333 85.333333 0 0 1-85.333333 85.333333H256a85.333333 85.333333 0 0 1-85.333333-85.333333v-128H85.333333z" fill="#959598" ></path></symbol><symbol id="iconicon_font_color" viewBox="0 0 1024 1024"><path d="M482.901333 114.688a32 32 0 0 1 58.197334 0l117.333333 256 39.082667 85.333333 78.250666 170.666667a32 32 0 1 1-58.197333 26.624l-69.674667-151.978667H376.064l-69.632 151.978667a32 32 0 0 1-38.4 17.322667l-4.010667-1.536a32 32 0 0 1-15.786666-42.410667l78.250666-170.666667 39.082667-85.333333 117.333333-256zM512 204.757333L423.765333 397.312l-18.389333 40.021333h213.205333l-18.346666-40.021333L512 204.8z m384 573.909334a32 32 0 1 1 0 64H128a32 32 0 1 1 0-64h768z"  ></path></symbol><symbol id="iconicon_add_pic" viewBox="0 0 1024 1024"><path d="M562.432 181.333333a32 32 0 1 1 0 64H170.666667a10.666667 10.666667 0 0 0-10.666667 10.666667v597.333333c0 5.888 4.778667 10.666667 10.666667 10.666667h597.333333a10.666667 10.666667 0 0 0 10.666667-10.666667v-405.333333a32 32 0 1 1 64 0V853.333333A74.666667 74.666667 0 0 1 768 928H170.666667A74.666667 74.666667 0 0 1 96 853.333333V256c0-41.258667 33.408-74.666667 74.666667-74.666667h391.765333z m-13.653333 237.44l160 224.64A32 32 0 0 1 682.666667 693.973333H256a32 32 0 0 1-25.6-51.114666l128-171.349334a32 32 0 0 1 48.213333-3.456l35.84 35.754667 53.248-83.626667a32 32 0 0 1 53.034667-1.408z m-24.661334 75.776l-49.109333 77.312a32 32 0 0 1-49.621333 5.418667l-37.930667-37.888-67.626667 90.581333h300.8l-96.512-135.424z m286.421334-402.901333a32 32 0 0 1 32 32V181.333333H896a32 32 0 1 1 0 64h-53.461333v48.981334a32 32 0 1 1-64 0V245.333333H725.333333a32 32 0 1 1 0-64h53.205334V123.648a32 32 0 0 1 32-32z"  ></path></symbol><symbol id="iconicon_text_underline" viewBox="0 0 1024 1024"><path d="M842.666667 893.909333a32 32 0 1 1 0 64h-682.666667a32 32 0 1 1 0-64h682.666667zM778.666667 85.333333a32 32 0 0 1 32 32v339.285334a309.333333 309.333333 0 0 1-618.666667 0V117.333333a32 32 0 0 1 64 0v339.285334a245.333333 245.333333 0 0 0 490.666667 0V117.333333a32 32 0 0 1 32-32z"  ></path></symbol><symbol id="iconicon_text_italic" viewBox="0 0 1024 1024"><path d="M256 938.666667a32 32 0 1 1 0-64h124.970667L576.298667 170.666667H426.666667a32 32 0 0 1 0-64h183.808a31.829333 31.829333 0 0 1 16.170666 0H768A32 32 0 1 1 768 170.666667h-125.312l-195.285333 704H597.333333a32 32 0 1 1 0 64H256z"  ></path></symbol><symbol id="iconicon_add_text" viewBox="0 0 1024 1024"><path d="M682.666667 149.333333A32 32 0 1 1 682.666667 213.333333H416v693.333334a32 32 0 1 1-64 0V213.333333H85.333333a32 32 0 0 1 0-64h597.333334z m256 277.333334a32 32 0 1 1 0 64h-138.666667v416a32 32 0 1 1-64 0V490.666667H597.333333a32 32 0 1 1 0-64h341.333334z"  ></path></symbol><symbol id="iconicon_align_text_right" viewBox="0 0 1024 1024"><path d="M896 149.333333A32 32 0 1 1 896 213.333333H128a32 32 0 0 1 0-64h768z m0 213.333334a32 32 0 1 1 0 64H298.666667a32 32 0 0 1 0-64h597.333333z m0 213.333333a32 32 0 1 1 0 64H128a32 32 0 1 1 0-64h768z m0 213.333333a32 32 0 1 1 0 64H298.666667a32 32 0 1 1 0-64h597.333333z"  ></path></symbol><symbol id="iconicon_align_text_left" viewBox="0 0 1024 1024"><path d="M896 160a32 32 0 1 1 0 64H128a32 32 0 0 1 0-64h768z m-170.666667 213.333333a32 32 0 1 1 0 64H128a32 32 0 0 1 0-64h597.333333z m170.666667 213.333334a32 32 0 1 1 0 64H128a32 32 0 1 1 0-64h768z m-170.666667 213.333333a32 32 0 1 1 0 64H128a32 32 0 1 1 0-64h597.333333z"  ></path></symbol><symbol id="iconicon_text_bold" viewBox="0 0 1024 1024"><path d="M181.333333 85.333333A32 32 0 0 1 213.333333 53.333333h277.333334c135.168 0 244.650667 109.866667 244.650666 245.333334 0 77.098667-35.456 145.92-90.965333 190.890666A245.248 245.248 0 0 1 821.333333 725.333333c0 135.466667-109.525333 245.333333-244.650666 245.333334H213.333333a32 32 0 0 1-32-32V85.333333z m395.349334 458.666667H245.333333v362.666667h331.349334A180.992 180.992 0 0 0 757.333333 725.333333a180.992 180.992 0 0 0-180.650666-181.333333z m-86.016-426.666667H245.333333v362.666667h245.333334A180.992 180.992 0 0 0 671.317333 298.666667 180.992 180.992 0 0 0 490.666667 117.333333z"  ></path></symbol><symbol id="iconicon_align_text_center" viewBox="0 0 1024 1024"><path d="M768 362.666667a32 32 0 1 1 0 64H256a32 32 0 0 1 0-64h512z m128-213.333334A32 32 0 1 1 896 213.333333H128a32 32 0 0 1 0-64h768z m0 426.666667a32 32 0 1 1 0 64H128a32 32 0 1 1 0-64h768z m-128 213.333333a32 32 0 1 1 0 64H256a32 32 0 1 1 0-64h512z"  ></path></symbol><symbol id="iconicon_map" viewBox="0 0 1024 1024"><path d="M362.666667 928a31.872 31.872 0 0 1-13.013334-2.773333l-0.426666-0.170667-277.333334-128A32 32 0 0 1 53.333333 768V128a32 32 0 0 1 45.397334-29.056l138.581333 64 23.381333 10.709333 102.4 47.317334 285.653334-122.368a31.317333 31.317333 0 0 1 4.693333-1.621334l-4.693333 1.621334a32 32 0 0 1 8.234666-2.304l1.365334-0.170667a32 32 0 0 1 1.536-0.085333l1.365333-0.042667 2.389333 0.085333a32 32 0 0 1 1.194667 0.085334l0.853333 0.128 2.816 0.512 1.194667 0.298666c1.621333 0.426667 3.157333 0.981333 4.608 1.621334l0.426667 0.213333 132.394666 61.056 144.938667 66.944A32 32 0 0 1 970.666667 256v640a32 32 0 0 1-45.397334 29.056l-138.282666-63.829333-126.122667-58.24-285.610667 122.453333-1.194666 0.469333a31.786667 31.786667 0 0 1-7.04 1.792l-3.114667 0.256a32 32 0 0 1-1.152 0.042667z m266.666666-751.530667l-234.666666 100.608v570.325334l234.666666-100.565334V176.469333z m64 1.493334V747.52l213.333334 98.517333V276.437333l-119.253334-55.04a32.597333 32.597333 0 0 1-0.853333-0.341333l-93.226667-43.093333z m-576 0V747.52l213.333334 98.432V276.48L210.602667 221.056l-0.512-0.298667L117.333333 177.962667z"  ></path></symbol><symbol id="icona-icon_multiple_selection_of_departments" viewBox="0 0 1024 1024"><path d="M149.333333 373.333333v469.333334c0 5.888 4.778667 10.666667 10.666667 10.666666h554.666667c30.976 3.456 35.84 57.941333 0 64h-554.666667A74.666667 74.666667 0 0 1 85.333333 842.666667v-469.333334c15.445333-50.56 61.568-24.533333 64 0zM469.333333 128a32 32 0 1 1 0 64H288a10.666667 10.666667 0 0 0-10.666667 10.666667v512c0 5.888 4.778667 10.666667 10.666667 10.666666h597.333333a10.666667 10.666667 0 0 0 10.666667-10.666666V576a32 32 0 1 1 64 0v138.666667a74.666667 74.666667 0 0 1-74.666667 74.666666h-597.333333A74.666667 74.666667 0 0 1 213.333333 714.666667v-512C213.333333 161.450667 246.784 128 288 128H469.333333z m288 394.666667a32 32 0 1 1 0 64h-384a32 32 0 1 1 0-64h384z m-21.333333-416a117.333333 117.333333 0 0 1 86.784 196.266666A159.744 159.744 0 0 1 896 437.333333a32 32 0 1 1-64 0 96 96 0 0 0-192 0 32 32 0 1 1-64 0c0-56.362667 29.141333-105.941333 73.173333-134.4a117.333333 117.333333 0 0 1 86.826667-196.266666z m-277.333333 245.333333a32 32 0 1 1 0 64h-85.333334a32 32 0 0 1 0-64h85.333334zM736 170.666667a53.333333 53.333333 0 1 0 0 106.666666 53.333333 53.333333 0 0 0 0-106.666666z"  ></path></symbol><symbol id="iconicon_calendar1" viewBox="0 0 1024 1024"><path d="M661.333333 53.333333a32 32 0 0 1 32 32v32H853.333333c41.258667 0 74.666667 33.408 74.666667 74.666667V853.333333A74.666667 74.666667 0 0 1 853.333333 928H128A74.666667 74.666667 0 0 1 53.333333 853.333333V192c0-41.216 33.450667-74.666667 74.666667-74.666667h160V85.333333a32 32 0 0 1 64 0v32h277.333333V85.333333a32 32 0 0 1 32-32z m202.666667 384H117.333333V853.333333a10.666667 10.666667 0 0 0 8.234667 10.368L128 864h725.333333a10.666667 10.666667 0 0 0 10.666667-10.666667v-416z m-160 256a32 32 0 1 1 0 64h-128a32 32 0 1 1 0-64h128z m-298.666667 0a32 32 0 1 1 0 64h-128a32 32 0 1 1 0-64h128z m298.666667-170.666666a32 32 0 1 1 0 64h-128a32 32 0 1 1 0-64h128z m-298.666667 0a32 32 0 1 1 0 64h-128a32 32 0 1 1 0-64h128z m-117.333333-341.333334H128a10.666667 10.666667 0 0 0-10.666667 10.666667v181.333333h746.666667V192a10.666667 10.666667 0 0 0-8.234667-10.368L853.333333 181.333333h-160V256a32 32 0 1 1-64 0V181.333333h-277.333333V256a32 32 0 0 1-64 0V181.333333z"  ></path></symbol><symbol id="iconicon_link1" viewBox="0 0 1024 1024"><path d="M629.248 185.514667a160 160 0 0 1 226.261333 226.304l-377.130666 377.130666a224 224 0 0 1-316.757334-316.8l316.757334-316.8a32 32 0 0 1 45.269333 45.226667l-316.8 316.842667a160 160 0 1 0 226.304 226.261333L810.24 366.506667a96 96 0 0 0-135.765333-135.765334L297.386667 607.914667a32 32 0 1 0 45.226666 45.226666l316.8-316.757333a32 32 0 0 1 45.226667 45.226667L387.925333 698.453333a96 96 0 1 1-135.765333-135.765333l377.130667-377.130667z"  ></path></symbol><symbol id="icona-icon_collectbeifen12" viewBox="0 0 1024 1024"><path d="M832 96a96 96 0 0 1 96 96v640a96 96 0 0 1-96 96h-640a96 96 0 0 1-96-96v-640A96 96 0 0 1 192 96h640z m0 64h-640a32 32 0 0 0-32 32v640c0 17.664 14.336 32 32 32h640a32 32 0 0 0 32-32v-640a32 32 0 0 0-32-32zM682.666667 309.333333a32 32 0 0 1 32 32v341.333334a32 32 0 0 1-32 32H341.333333a32 32 0 0 1-32-32V341.333333A32 32 0 0 1 341.333333 309.333333h341.333334z m-32 64h-277.333334v277.333334h277.333334v-277.333334z"  ></path></symbol><symbol id="iconicon_department_single_choice" viewBox="0 0 1024 1024"><path d="M437.333333 138.666667a32 32 0 1 1 0 64H128a10.666667 10.666667 0 0 0-10.666667 10.666666v597.333334c0 5.888 4.778667 10.666667 10.666667 10.666666h768a10.666667 10.666667 0 0 0 10.666667-10.666666v-138.666667a32 32 0 1 1 64 0V810.666667A74.666667 74.666667 0 0 1 896 885.333333H128A74.666667 74.666667 0 0 1 53.333333 810.666667V213.333333c0-41.216 33.450667-74.666667 74.666667-74.666666h309.333333zM640 576a32 32 0 1 1 0 64H170.666667a32 32 0 1 1 0-64h469.333333z m106.666667-416a117.333333 117.333333 0 0 1 86.784 196.266667 159.744 159.744 0 0 1 73.216 134.4 32 32 0 1 1-64 0 96 96 0 0 0-192 0 32 32 0 1 1-64 0c0-56.362667 29.141333-105.941333 73.173333-134.4a117.333333 117.333333 0 0 1 86.826667-196.266667zM426.666667 405.333333a32 32 0 1 1 0 64H170.666667a32 32 0 1 1 0-64h256z m320-181.333333a53.333333 53.333333 0 1 0 0 106.666667 53.333333 53.333333 0 0 0 0-106.666667z"  ></path></symbol><symbol id="iconicon_find" viewBox="0 0 1024 1024"><path d="M938.666667 149.333333A32 32 0 1 1 938.666667 213.333333H85.333333a32 32 0 0 1 0-64h853.333334z m-618.666667 341.333334a32 32 0 1 1 0 64H85.333333a32 32 0 1 1 0-64h234.666667z m0 341.333333a32 32 0 1 1 0 64H85.333333a32 32 0 1 1 0-64h234.666667z m352-469.333333a213.333333 213.333333 0 0 1 162.261333 351.829333l127.146667 128a32 32 0 1 1-45.44 45.141333l-130.218667-131.114666A213.333333 213.333333 0 1 1 672 362.666667z m0 64a149.333333 149.333333 0 1 0 0 298.666666 149.333333 149.333333 0 0 0 0-298.666666z"  ></path></symbol><symbol id="iconicon_handwritten_signature" viewBox="0 0 1024 1024"><path d="M896 864a32 32 0 1 1 0 64H128a32 32 0 1 1 0-64h768zM632.192 105.386667a32 32 0 0 1 45.269333 0l155.818667 155.904a32 32 0 0 1 0 45.226666L392.106667 747.946667a32 32 0 0 1-22.613334 9.386666H213.333333a32 32 0 0 1-32-32v-155.306666a32 32 0 0 1 9.386667-22.613334L632.149333 105.386667z m22.656 67.882666L245.333333 583.210667v110.122666h110.805334l409.258666-409.472-110.549333-110.592z"  ></path></symbol><symbol id="iconicon_button" viewBox="0 0 1024 1024"><path d="M896 309.333333c41.258667 0 74.666667 33.408 74.666667 74.666667v298.666667A74.666667 74.666667 0 0 1 896 757.333333H128A74.666667 74.666667 0 0 1 53.333333 682.666667V384c0-41.258667 33.408-74.666667 74.666667-74.666667h768z m0 64H128a10.666667 10.666667 0 0 0-10.666667 10.666667v298.666667c0 5.888 4.778667 10.666667 10.666667 10.666666h768a10.666667 10.666667 0 0 0 10.666667-10.666666V384a10.666667 10.666667 0 0 0-10.666667-10.666667z m-234.666667 128a32 32 0 1 1 0 64H384a32 32 0 1 1 0-64h277.333333z"  ></path></symbol><symbol id="iconicon_select_data" viewBox="0 0 1024 1024"><path d="M405.333333 138.666667c189.994667 0 344.96 50.261333 351.786667 132.992l0.213333 5.674666v162.090667a245.376 245.376 0 1 1-140.629333 463.274667l8.618667-2.517334-10.325334 2.986667c-59.306667 16-132.565333 24.832-209.664 24.832-194.304 0-352-52.565333-352-138.666667v-512c0-86.101333 157.696-138.666667 352-138.666666z m320 362.666666a180.778667 180.778667 0 0 0-134.954666 60.202667 180.48 180.48 0 0 0-43.776 151.978667A181.546667 181.546667 0 0 0 725.333333 864a181.333333 181.333333 0 0 0 0-362.666667z m118.613334 116.053334a32 32 0 0 1 0 45.226666l-117.333334 117.333334a32 32 0 0 1-45.226666 0l-64-64a32 32 0 0 1 45.226666-45.226667l41.386667 41.344 94.72-94.72a32 32 0 0 1 45.226667 0zM117.333333 531.882667V618.666667c0 31.701333 128.853333 74.666667 288 74.666666 25.6 0 50.688-1.024 74.965334-3.029333A79.957333 79.957333 0 0 1 480 682.666667c0-35.413333 7.552-69.632 21.632-100.821334-30.848 3.2-63.232 4.821333-96.298667 4.821334-119.04 0-224.298667-19.712-288-54.784zM405.333333 416c-119.04 0-224.298667-19.712-288-54.784V448c0 31.701333 128.853333 74.666667 288 74.666667 44.202667 0 86.997333-3.114667 126.08-8.96l19.072-3.114667a244.693333 244.693333 0 0 1 140.032-70.826667l2.816-0.341333 0.085334-78.250667C629.674667 396.288 524.373333 416 405.333333 416z m0-213.333333c-159.146667 0-288 42.965333-288 74.666666 0 31.701333 128.853333 74.666667 288 74.666667s288-42.965333 288-74.666667c0-31.701333-128.853333-74.666667-288-74.666666z m132.48 638.165333l-0.213333-0.256-0.085333-0.085333-2.986667-3.626667a246.570667 246.570667 0 0 1-12.245333-16.469333l-2.261334-3.413334a245.930667 245.930667 0 0 1-27.093333-55.594666l-0.682667-2.048a243.925333 243.925333 0 0 1-0.981333-2.986667l-0.810667-2.688c-27.52 2.432-56.064 3.669333-85.12 3.669333-119.04 0-224.298667-19.712-288-54.784V789.333333c0 31.701333 128.853333 74.666667 288 74.666667 45.226667 0 88.874667-3.242667 128.341334-9.258667l14.506666-2.432-3.114666-3.2-7.253334-8.277333z"  ></path></symbol><symbol id="iconicon_single_line_text" viewBox="0 0 1024 1024"><path d="M832 96a96 96 0 0 1 96 96v640a96 96 0 0 1-96 96h-640a96 96 0 0 1-96-96v-640A96 96 0 0 1 192 96h640z m0 64h-640a32 32 0 0 0-32 32v640c0 17.664 14.336 32 32 32h640a32 32 0 0 0 32-32v-640a32 32 0 0 0-32-32z m-362.666667 597.333333a32 32 0 1 1 0-64h10.666667V384c0-3.754667 0.64-7.338667 1.834667-10.666667H373.333333v32a32 32 0 0 1-27.648 31.701334L341.333333 437.333333a32 32 0 0 1-32-32V341.333333A32 32 0 0 1 341.333333 309.333333h341.333334a32 32 0 0 1 32 32v64a32 32 0 1 1-64 0v-32h-108.501334a31.957333 31.957333 0 0 1 1.834667 10.666667v309.333333H554.666667a32 32 0 1 1 0 64h-85.333334z"  ></path></symbol><symbol id="iconicon_multiple_choice_of_members" viewBox="0 0 1024 1024"><path d="M405.333333 96a181.333333 181.333333 0 1 1 0 362.666667 181.333333 181.333333 0 0 1 0-362.666667z m0 64a117.333333 117.333333 0 1 0 0 234.666667 117.333333 117.333333 0 0 0 0-234.666667z m262.869334-27.178667a32 32 0 0 1 43.946666-10.88A181.205333 181.205333 0 0 1 800 277.333333a181.205333 181.205333 0 0 1-87.893333 155.392 32 32 0 0 1-33.024-54.784A117.248 117.248 0 0 0 736 277.333333c0-41.642667-21.845333-79.488-56.874667-100.608a32 32 0 0 1-10.922666-43.946666zM452.266667 565.333333c125.909333 0 155.861333 2.432 194.389333 22.101334a202.666667 202.666667 0 0 1 88.576 88.576c19.626667 38.528 22.101333 68.48 22.101333 194.389333v25.6a32 32 0 0 1-32 32H85.333333a32 32 0 0 1-32-32v-25.6c0-125.909333 2.432-155.861333 22.101334-194.389333a202.666667 202.666667 0 0 1 88.576-88.576c38.528-19.626667 68.48-22.101333 194.389333-22.101334h93.866667z m22.954666 64H335.445333c-93.952 0.384-118.869333 3.114667-142.378666 15.104a138.666667 138.666667 0 0 0-60.586667 60.586667c-12.032 23.552-14.762667 48.469333-15.104 142.421333l-0.042667 16.554667h575.957334v-5.376c-0.128-99.370667-2.432-127.146667-13.738667-150.869333l-1.322667-2.688a138.666667 138.666667 0 0 0-60.586666-60.586667c-23.552-12.032-48.469333-14.762667-142.421334-15.104z m341.76-27.904a32 32 0 0 1 43.008-13.994666 202.666667 202.666667 0 0 1 88.576 88.576c19.626667 38.528 22.101333 68.48 22.101334 194.389333v25.6a32 32 0 1 1-64 0v-25.6c0-113.066667-2.218667-140.032-15.104-165.333333a138.666667 138.666667 0 0 0-60.586667-60.586667 32 32 0 0 1-13.994667-43.093333z"  ></path></symbol><symbol id="iconicon_subform" viewBox="0 0 1024 1024"><path d="M810.666667 53.333333c41.216 0 74.666667 33.450667 74.666666 74.666667v768A74.666667 74.666667 0 0 1 810.666667 970.666667H213.333333A74.666667 74.666667 0 0 1 138.666667 896V128c0-41.216 33.450667-74.666667 74.666666-74.666667h597.333334z m0 64H213.333333a10.666667 10.666667 0 0 0-10.666666 10.666667v768c0 5.888 4.778667 10.666667 10.666666 10.666667h597.333334a10.666667 10.666667 0 0 0 10.666666-10.666667V128a10.666667 10.666667 0 0 0-10.666666-10.666667z m-106.666667 576a32 32 0 1 1 0 64h-256a32 32 0 1 1 0-64h256z m0-213.333333a32 32 0 1 1 0 64h-256a32 32 0 1 1 0-64h256z m0-213.333333a32 32 0 1 1 0 64h-256a32 32 0 1 1 0-64h256z"  ></path><path d="M320 341.333333a42.666667 42.666667 0 1 0 0-85.333333 42.666667 42.666667 0 0 0 0 85.333333zM320 554.666667a42.666667 42.666667 0 1 0 0-85.333334 42.666667 42.666667 0 0 0 0 85.333334zM320 768a42.666667 42.666667 0 1 0 0-85.333333 42.666667 42.666667 0 0 0 0 85.333333z"  ></path></symbol><symbol id="iconicon_picture" viewBox="0 0 1024 1024"><path d="M821.333333 85.333333a96 96 0 0 1 96 96v640a96 96 0 0 1-96 96h-640A96 96 0 0 1 85.333333 821.333333v-640A96 96 0 0 1 181.333333 85.333333h640zM367.061333 401.152L149.333333 600.661333v220.672c0 17.664 14.336 32 32 32h640a32 32 0 0 0 32-32v-304L725.077333 421.12a10.666667 10.666667 0 0 0-13.952 1.024L615.68 517.546667l77.141333 66.133333a32 32 0 0 1-41.642666 48.64L381.226667 400.853333a10.666667 10.666667 0 0 0-14.165334 0.256zM853.333333 181.333333a32 32 0 0 0-32-32h-640a32 32 0 0 0-32 32v332.586667l174.506667-159.957333a74.666667 74.666667 0 0 1 99.029333-1.664l144.042667 123.477333 98.986667-98.901333a74.666667 74.666667 0 0 1 97.578666-6.954667L853.333333 437.333333V181.333333z"  ></path></symbol><symbol id="iconicon_phone" viewBox="0 0 1024 1024"><path d="M810.666667 53.333333c41.258667 0 74.666667 33.408 74.666666 74.666667v768A74.666667 74.666667 0 0 1 810.666667 970.666667H213.333333A74.666667 74.666667 0 0 1 138.666667 896V128c0-41.216 33.450667-74.666667 74.666666-74.666667h597.333334z m10.666666 618.666667H202.666667V896a10.666667 10.666667 0 0 0 8.234666 10.368L213.333333 906.666667h597.333334a10.666667 10.666667 0 0 0 10.666666-10.666667v-224z m-266.666666 85.333333a32 32 0 1 1 0 64h-85.333334a32 32 0 1 1 0-64h85.333334z m256-640H213.333333a10.666667 10.666667 0 0 0-10.666666 10.666667v480h618.666666V128a10.666667 10.666667 0 0 0-10.666666-10.666667z"  ></path></symbol><symbol id="iconicon_local" viewBox="0 0 1024 1024"><path d="M822.912 668.16c92.074667 27.648 147.754667 67.114667 147.754667 121.173333 0 98.688-204.330667 160-458.666667 160S53.333333 888.021333 53.333333 789.333333c0-54.058667 55.68-93.525333 147.754667-121.173333a32 32 0 1 1 18.389333 61.312c-66.858667 20.053333-102.144 45.098667-102.144 59.861333 0 14.762667 35.285333 39.808 102.144 59.861334 76.330667 22.869333 180.778667 36.138667 292.522667 36.138666 111.786667 0 216.192-13.226667 292.522667-36.138666 66.858667-20.053333 102.144-45.098667 102.144-59.861334 0-14.762667-35.285333-39.808-102.144-59.861333a32 32 0 1 1 18.346666-61.312zM512 53.333333c170.666667 0 309.333333 135.253333 309.333333 302.506667 0 101.802667-55.808 201.514667-147.712 296.277333a959.402667 959.402667 0 0 1-144.128 121.344 32 32 0 0 1-34.986666 0 882.133333 882.133333 0 0 1-45.482667-33.152 959.402667 959.402667 0 0 1-98.645333-88.192C258.474667 557.354667 202.666667 457.642667 202.666667 355.882667 202.666667 188.586667 341.333333 53.333333 512 53.333333z m0 64c-135.68 0-245.333333 106.965333-245.333333 238.506667 0 81.621333 48.213333 167.765333 129.621333 251.733333a896.170667 896.170667 0 0 0 115.285333 99.754667l0.426667 0.298667 0.426667-0.298667c4.821333-3.498667 9.898667-7.253333 15.146666-11.264l8.106667-6.229333a896.170667 896.170667 0 0 0 92.032-82.261334c81.408-83.968 129.621333-170.112 129.621333-251.733333 0-131.541333-109.653333-238.506667-245.333333-238.506667z m0 106.666667a138.666667 138.666667 0 1 1 0 277.333333 138.666667 138.666667 0 0 1 0-277.333333z m0 64a74.666667 74.666667 0 1 0 0 149.333333 74.666667 74.666667 0 0 0 0-149.333333z"  ></path></symbol><symbol id="iconicon_dividing_line" viewBox="0 0 1024 1024"><path d="M938.666667 490.666667a32 32 0 1 1 0 64H128a32 32 0 1 1 0-64h810.666667z m-341.333334 298.666666a32 32 0 1 1 0 64h-128a32 32 0 1 1 0-64h128z m341.333334 0a32 32 0 1 1 0 64h-128a32 32 0 1 1 0-64h128z m-341.333334-597.333333A32 32 0 1 1 597.333333 256h-128a32 32 0 1 1 0-64h128z m-341.333333 597.333333A32 32 0 1 1 256 853.333333H128a32 32 0 1 1 0-64h128z m0-597.333333A32 32 0 0 1 256 256H128a32 32 0 0 1 0-64h128z m682.666667 0A32 32 0 1 1 938.666667 256h-128a32 32 0 1 1 0-64h128z"  ></path></symbol><symbol id="iconicon_multiline" viewBox="0 0 1024 1024"><path d="M832 96a96 96 0 0 1 96 96v640a96 96 0 0 1-96 96h-640a96 96 0 0 1-96-96v-640A96 96 0 0 1 192 96h640z m0 64h-640a32 32 0 0 0-32 32v640c0 17.664 14.336 32 32 32h640a32 32 0 0 0 32-32v-640a32 32 0 0 0-32-32zM373.333333 789.333333a32 32 0 1 1 0-64H384V416c0-3.754667 0.64-7.338667 1.834667-10.666667H277.333333v32a32 32 0 0 1-27.648 31.701334L245.333333 469.333333a32 32 0 0 1-32-32v-64A32 32 0 0 1 245.333333 341.333333h341.333334a32 32 0 0 1 32 32v64a32 32 0 1 1-64 0V405.333333h-108.501334a31.957333 31.957333 0 0 1 1.834667 10.666667V725.333333h10.666667a32 32 0 1 1 0 64h-85.333334zM426.666667 224a32 32 0 1 1 0 64H256a32 32 0 0 1 0-64h170.666667z"  ></path></symbol><symbol id="iconicon_member_single_choice" viewBox="0 0 1024 1024"><path d="M512 96a181.333333 181.333333 0 1 1 0 362.666667 181.333333 181.333333 0 0 1 0-362.666667z m0 64a117.333333 117.333333 0 1 0 0 234.666667 117.333333 117.333333 0 0 0 0-234.666667z m110.933333 405.333333c125.909333 0 155.861333 2.432 194.389334 22.101334a202.666667 202.666667 0 0 1 88.576 88.576c19.626667 38.528 22.101333 68.48 22.101333 194.389333v25.6a32 32 0 0 1-32 32H128a32 32 0 0 1-32-32v-25.6c0-125.909333 2.432-155.861333 22.101333-194.389333a202.666667 202.666667 0 0 1 88.576-88.576c38.528-19.626667 68.48-22.101333 194.389334-22.101334h221.866666z m22.954667 64H378.112c-93.952 0.384-118.869333 3.114667-142.378667 15.104a138.666667 138.666667 0 0 0-60.586666 60.586667c-12.032 23.552-14.762667 48.469333-15.104 142.421333l-0.042667 16.554667h703.957333v-5.376c-0.128-99.370667-2.432-127.146667-13.738666-150.869333l-1.322667-2.688a138.666667 138.666667 0 0 0-60.586667-60.586667c-23.552-12.032-48.469333-14.762667-142.421333-15.104z"  ></path></symbol><symbol id="iconicon_radio" viewBox="0 0 1024 1024"><path d="M512 53.333333c253.312 0 458.666667 205.354667 458.666667 458.666667S765.312 970.666667 512 970.666667 53.333333 765.312 53.333333 512 258.688 53.333333 512 53.333333z m0 64a394.666667 394.666667 0 1 0 0 789.333334 394.666667 394.666667 0 0 0 0-789.333334z m0 192a202.666667 202.666667 0 1 1 0 405.333334 202.666667 202.666667 0 0 1 0-405.333334z m0 64a138.666667 138.666667 0 1 0 0 277.333334 138.666667 138.666667 0 0 0 0-277.333334z"  ></path></symbol><symbol id="iconicon_serial_number" viewBox="0 0 1024 1024"><path d="M693.333333 352c41.216 0 74.666667 33.450667 74.666667 74.666667v384a74.666667 74.666667 0 0 1-74.666667 74.666666h-554.666666A74.666667 74.666667 0 0 1 64 810.666667v-384c0-41.216 33.450667-74.666667 74.666667-74.666667h554.666666z m10.666667 256H128V810.666667c0 5.888 4.778667 10.666667 10.666667 10.666666h554.666666a10.666667 10.666667 0 0 0 10.666667-10.666666v-202.666667z m-288 64a32 32 0 1 1 0 64h-170.666667a32 32 0 1 1 0-64h170.666667z m170.666667 0a32 32 0 1 1 0 64h-42.666667a32 32 0 1 1 0-64h42.666667z m320-576c41.258667 0 74.666667 33.408 74.666666 74.666667v384a74.666667 74.666667 0 0 1-74.666666 74.666666h-42.666667a32 32 0 1 1 0-64h42.666667a10.666667 10.666667 0 0 0 10.666666-10.666666V170.666667a10.666667 10.666667 0 0 0-10.666666-10.666667h-554.666667A10.666667 10.666667 0 0 0 341.333333 170.666667v85.333333a32 32 0 0 1-64 0V170.666667c0-41.258667 33.408-74.666667 74.666667-74.666667h554.666667z m-213.333334 320h-554.666666A10.666667 10.666667 0 0 0 128 426.666667v117.333333h576V426.666667a10.666667 10.666667 0 0 0-10.666667-10.666667z"  ></path></symbol><symbol id="iconicon_text_recognition" viewBox="0 0 1024 1024"><path d="M128 672a32 32 0 0 1 32 32v128c0 17.664 14.336 32 32 32h128a32 32 0 1 1 0 64h-128a96 96 0 0 1-96-96v-128a32 32 0 0 1 32-32z m768 0a32 32 0 0 1 32 32v128a96 96 0 0 1-96 96h-128a32 32 0 1 1 0-64h128a32 32 0 0 0 32-32v-128a32 32 0 0 1 32-32z m-234.666667-384a32 32 0 1 1 0 64h-117.333333v394.666667a32 32 0 1 1-64 0V352H362.666667a32 32 0 0 1 0-64h298.666666z m170.666667-192a96 96 0 0 1 96 96v128a32 32 0 1 1-64 0v-128a32 32 0 0 0-32-32h-128a32 32 0 1 1 0-64h128z m-512 0a32 32 0 0 1 0 64h-128a32 32 0 0 0-32 32v128a32 32 0 0 1-64 0v-128A96 96 0 0 1 192 96h128z"  ></path></symbol><symbol id="iconicon_pull_down_single_choice" viewBox="0 0 1024 1024"><path d="M213.333333 693.333333a117.333333 117.333333 0 1 1 0 234.666667 117.333333 117.333333 0 0 1 0-234.666667z m0 64a53.333333 53.333333 0 1 0 0 106.666667 53.333333 53.333333 0 0 0 0-106.666667z m0-661.333333a117.333333 117.333333 0 1 1 0 234.666667 117.333333 117.333333 0 0 1 0-234.666667z m0 64a53.333333 53.333333 0 1 0 0 106.666667 53.333333 53.333333 0 0 0 0-106.666667z m0 234.666667a117.333333 117.333333 0 1 1 0 234.666666 117.333333 117.333333 0 0 1 0-234.666666z m0 64a53.333333 53.333333 0 1 0 0 106.666666 53.333333 53.333333 0 0 0 0-106.666666z m725.333334 21.333333a32 32 0 1 1 0 64H469.333333a32 32 0 1 1 0-64h469.333334z m0 298.666667a32 32 0 1 1 0 64H469.333333a32 32 0 1 1 0-64h469.333334z m0-597.333334a32 32 0 1 1 0 64H469.333333a32 32 0 1 1 0-64h469.333334z"  ></path></symbol><symbol id="iconicon_hashtag_key" viewBox="0 0 1024 1024"><path d="M832 96a96 96 0 0 1 96 96v640a96 96 0 0 1-96 96h-640a96 96 0 0 1-96-96v-640A96 96 0 0 1 192 96h640z m0 64h-640a32 32 0 0 0-32 32v640c0 17.664 14.336 32 32 32h640a32 32 0 0 0 32-32v-640a32 32 0 0 0-32-32z m-213.333333 149.333333a32 32 0 0 1 32 32v32H682.666667a32 32 0 1 1 0 64h-32v149.333334H682.666667a32 32 0 1 1 0 64h-32V682.666667a32 32 0 1 1-64 0v-32h-149.333334V682.666667a32 32 0 1 1-64 0v-32H341.333333a32 32 0 1 1 0-64h32v-149.333334H341.333333a32 32 0 0 1 0-64h32V341.333333a32 32 0 0 1 64 0v32h149.333334V341.333333a32 32 0 0 1 32-32z m-32 128h-149.333334v149.333334h149.333334v-149.333334z"  ></path></symbol><symbol id="iconicon_pull_down_multiple_selection" viewBox="0 0 1024 1024"><path d="M938.666667 480a32 32 0 1 1 0 64H426.666667a32 32 0 1 1 0-64h512z m0 298.666667a32 32 0 1 1 0 64H426.666667a32 32 0 1 1 0-64h512z m0-597.333334a32 32 0 1 1 0 64H426.666667a32 32 0 0 1 0-64h512z m-682.666667 512a32 32 0 0 1 32 32v170.666667a32 32 0 0 1-32 32H85.333333a32 32 0 0 1-32-32v-170.666667a32 32 0 0 1 32-32h170.666667z m-32 64h-106.666667v106.666667h106.666667v-106.666667zM256 394.666667a32 32 0 0 1 32 32v170.666666a32 32 0 0 1-32 32H85.333333a32 32 0 0 1-32-32v-170.666666A32 32 0 0 1 85.333333 394.666667h170.666667z m-32 64h-106.666667v106.666666h106.666667v-106.666666zM256 96a32 32 0 0 1 32 32v170.666667a32 32 0 0 1-32 32H85.333333A32 32 0 0 1 53.333333 298.666667V128A32 32 0 0 1 85.333333 96h170.666667z m-32 64h-106.666667v106.666667h106.666667v-106.666667z"  ></path></symbol><symbol id="iconorder-descending" viewBox="0 0 1024 1024"><path d="M608 160H128v64h480v-64zM768 160v626.752l137.344-137.408 45.248 45.312-188.672 188.672a33.92 33.92 0 0 1-57.92-23.936V160h64zM128 480h480v64H128v-64zM608 800H128v64h480v-64z"  ></path></symbol><symbol id="iconicon_video" viewBox="0 0 1024 1024"><path d="M707.2 495.36a19.2 19.2 0 0 1 0 33.28l-326.4 188.416a19.2 19.2 0 0 1-28.8-16.64V323.52a19.2 19.2 0 0 1 28.8-16.64l326.4 188.48zM416 401.152v221.696L608 512l-192-110.848z"  ></path><path d="M128 192a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H192a64 64 0 0 1-64-64V192z m64 0v640h640V192H192z"  ></path></symbol><symbol id="iconicon_zoom_in" viewBox="0 0 1024 1024"><path d="M384 448v128h64V448h128V384H448V256H384v128H256v64h128z"  ></path><path d="M608.704 653.952a304.896 304.896 0 1 1 45.248-45.248l225.984 225.984-45.248 45.248-225.984-225.92z m49.152-237.056a240.896 240.896 0 1 0-481.856 0 240.896 240.896 0 0 0 481.792 0z"  ></path></symbol><symbol id="iconorder-ascending" viewBox="0 0 1024 1024"><path d="M768 864V237.248l137.344 137.408 45.248-45.312-188.672-188.672a33.92 33.92 0 0 0-57.92 23.936V864h64zM608 864H128v-64h480v64zM128 544h480v-64H128v64zM608 224H128v-64h480v64z"  ></path></symbol><symbol id="iconicon_zoom_out" viewBox="0 0 1024 1024"><path d="M576 448H256V384h320v64z"  ></path><path d="M608.704 653.952a304.896 304.896 0 1 1 45.248-45.248l225.984 225.984-45.248 45.248-225.984-225.92z m49.152-237.056a240.896 240.896 0 1 0-481.856 0 240.896 240.896 0 0 0 481.792 0z"  ></path></symbol><symbol id="iconicon_usergroup" viewBox="0 0 1024 1024"><path d="M384 64c33.664 0 65.408 8 93.568 22.144l-40.32 52.032a144 144 0 1 0-56.192 277.76v64A208 208 0 0 1 384 64zM34.56 603.904A821.056 821.056 0 0 1 381.12 526.08v64c-113.28 0.448-220.352 25.792-317.056 70.656V768h118.848v64H32a32 32 0 0 1-32-32v-140.224c0-23.808 13.12-45.824 34.56-55.872z"  ></path><path d="M640 532.096a208 208 0 1 1 0-416 208 208 0 0 1 0 416z m0-64a144 144 0 1 0 0-288 144 144 0 0 0 0 288zM1024 737.152a61.184 61.184 0 0 0-34.624-55.872A821.12 821.12 0 0 0 640 603.52a821.12 821.12 0 0 0-349.44 77.76 61.184 61.184 0 0 0-34.56 55.872V896a32 32 0 0 0 32 32h704a32 32 0 0 0 32-32v-158.848z m-64 1.024V864H320v-125.824a757.12 757.12 0 0 1 320-70.656c114.368 0 222.464 25.408 320 70.656z"  ></path></symbol><symbol id="iconicon_wifi" viewBox="0 0 1024 1024"><path d="M649.856 685.056l44.672-45.824c-52.8-53.696-117.056-83.2-183.488-83.2-65.664 0-129.152 28.8-181.568 81.28l44.672 45.824c42.432-42.88 90.88-63.04 136.896-63.04 46.72 0 95.872 20.8 138.816 64.96zM779.392 552.128l44.736-45.824c-87.936-90.56-198.4-140.672-313.024-140.672-113.856 0-223.616 49.408-311.232 138.752l44.736 45.824c77.248-79.36 171.648-120.576 266.496-120.576 95.552 0 190.72 41.92 268.288 122.496z"  ></path><path d="M904.512 423.872l44.736-45.888C827.52 252.16 672.192 182.4 511.104 182.4c-160.384 0-314.88 69.12-436.288 193.792l44.672 45.824C230.336 307.584 369.28 246.336 511.104 246.336c142.464 0 282.24 61.888 393.408 177.536zM576 800a64 64 0 1 1-128 0 64 64 0 0 1 128 0z"  ></path></symbol><symbol id="iconicon_view_module" viewBox="0 0 1024 1024"><path d="M256 480h448v64H256v-64zM640 640H256v64h384v-64z"  ></path><path d="M128 192a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H192a64 64 0 0 1-64-64V192z m64 0v128h640V192H192z m0 192v448h640V384H192z"  ></path></symbol><symbol id="iconview-column" viewBox="0 0 1024 1024"><path d="M224 128v768h64V128h-64z m256 768V128h64v768h-64z m256 0V128h64v768h-64z"  ></path></symbol><symbol id="iconview-list" viewBox="0 0 1024 1024"><path d="M896 288H128v-64h768v64zM896 544H128v-64h768v64zM128 800h768v-64H128v64z"  ></path></symbol><symbol id="iconicon_wallet" viewBox="0 0 1024 1024"><path d="M736 288h128a64 64 0 0 1 64 64V768a64 64 0 0 1-64 64h-704a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h512a64 64 0 0 1 64 64v96z m-64-96h-512v96h512V192z m192 160h-704V768h704V352z"  ></path></symbol><symbol id="iconicon_usb" viewBox="0 0 1024 1024"><path d="M480 384h-128V320h128v64zM544 384h128V320h-128v64z"  ></path><path d="M256 512V160a32 32 0 0 1 32-32h448a32 32 0 0 1 32 32V512a64 64 0 0 1 64 64v320a64 64 0 0 1-64 64H256a64 64 0 0 1-64-64V576a64 64 0 0 1 64-64z m64 0h384V192H320v320zM256 576v320h512V576H256z"  ></path></symbol><symbol id="iconicon_user_add" viewBox="0 0 1024 1024"><path d="M512 544a224 224 0 1 0 0-448 224 224 0 0 0 0 448z m0-64a160 160 0 1 1 0-320 160 160 0 0 1 0 320zM736 703.104A817.536 817.536 0 0 0 512 672c-125.888 0-244.864 28.544-352 79.36v112.64h448v64H128a32 32 0 0 1-32-32v-145.6a61.44 61.44 0 0 1 34.368-55.808A882.24 882.24 0 0 1 512 608c77.44 0 152.384 10.048 224 28.8v66.304zM816 880V1024h64v-144H1024v-64h-144V672h-64v144H672v64h144z"  ></path></symbol><symbol id="iconicon_swap_right" viewBox="0 0 1024 1024"><path d="M818.752 576H64v64h827.392a33.92 33.92 0 0 0 24-57.92l-252.8-252.736-45.184 45.312L818.752 576z"  ></path></symbol><symbol id="iconicon_user_avatar" viewBox="0 0 1024 1024"><path d="M512 672c79.424 0 155.008 20.032 224 56.32v71.68h64v-73.088a60.224 60.224 0 0 0-31.104-53.632A542.72 542.72 0 0 0 512 608a542.72 542.72 0 0 0-256.896 65.28 60.224 60.224 0 0 0-31.104 53.632V800h64v-71.68A478.272 478.272 0 0 1 512 672zM672 384a160 160 0 1 1-320 0 160 160 0 0 1 320 0z m-64 0a96 96 0 1 0-192 0 96 96 0 0 0 192 0z"  ></path><path d="M160 96a64 64 0 0 0-64 64v704a64 64 0 0 0 64 64h704a64 64 0 0 0 64-64v-704a64 64 0 0 0-64-64h-704z m704 64v704h-704v-704h704z"  ></path></symbol><symbol id="iconicon_thumb_up" viewBox="0 0 1024 1024"><path d="M640 384h206.08a64 64 0 0 1 62.08 79.552l-96 384a64 64 0 0 1-62.08 48.448H192a64 64 0 0 1-64-64V512a64 64 0 0 1 64-64h128l128-320h128a64 64 0 0 1 64 64v192zM384 460.352V832h366.08l96-384H576V192H491.328L384 460.352zM320 512H192v320h128V512z"  ></path></symbol><symbol id="iconicon_time_filled" viewBox="0 0 1024 1024"><path d="M512 960A448 448 0 1 0 512 64a448 448 0 0 0 0 896zM480 320h64v190.4l182.656 182.656-45.248 45.248L480 536.896V320z"  ></path></symbol><symbol id="iconicon_tools" viewBox="0 0 1024 1024"><path d="M624 528l35.968 9.856c63.936 17.664 133.632 1.6 182.144-46.912a185.856 185.856 0 0 0 51.648-160.32L826.24 398.272a96 96 0 0 1-135.744 0l-27.2-27.2a96 96 0 0 1 0-135.744l67.648-67.584a185.856 185.856 0 0 0-160.32 51.648 186.368 186.368 0 0 0-46.912 182.144l9.856 35.904-371.456 371.456 90.496 90.56 371.52-371.52z m159.616-413.056c21.12 7.168 41.536 17.088 60.672 29.888L708.48 280.576a32 32 0 0 0 0 45.248l27.2 27.2a32 32 0 0 0 45.248 0l135.744-135.808c12.8 19.136 22.72 39.552 29.824 60.672 29.824 88.32 10.24 188.928-59.136 258.304a250.368 250.368 0 0 1-244.416 63.36l-345.152 345.152a64 64 0 0 1-90.496 0l-90.496-90.496a64 64 0 0 1 0-90.56L461.952 418.56a250.368 250.368 0 0 1 63.36-244.48c69.376-69.312 169.984-88.96 258.304-59.136z"  ></path></symbol><symbol id="iconicon_user_clear" viewBox="0 0 1024 1024"><path d="M512 544a224 224 0 1 0 0-448 224 224 0 0 0 0 448z m0-64a160 160 0 1 1 0-320 160 160 0 0 1 0 320zM672 687.68A819.584 819.584 0 0 0 512 672c-125.888 0-244.864 28.544-352 79.36v112.64h512v64H128a32 32 0 0 1-32-32v-145.6a61.44 61.44 0 0 1 34.368-55.808A882.24 882.24 0 0 1 512 608c54.656 0 108.16 4.992 160 14.528v65.152zM729.856 914.752l101.76-101.824-101.76-101.824 45.248-45.248 101.76 101.76 101.888-101.76 45.248 45.248-101.824 101.824 101.76 101.76-45.184 45.312-101.824-101.76L775.04 960l-45.248-45.248z"  ></path></symbol><symbol id="iconicon_time" viewBox="0 0 1024 1024"><path d="M480 256v280.896L640 704l45.248-45.248L544 510.4V256h-64z"  ></path><path d="M960 512A448 448 0 1 1 64 512a448 448 0 0 1 896 0z m-64 0A384 384 0 1 0 128 512a384 384 0 0 0 768 0z"  ></path></symbol><symbol id="iconicon_unfold_less" viewBox="0 0 1024 1024"><path d="M278.784 136L512 371.968l233.28-235.968 45.44 45.056-251.392 254.336a38.4 38.4 0 0 1-54.656 0L233.216 181.056l45.568-45.056zM275.712 885.12L512 648.896l236.288 236.352 45.248-45.248-254.4-254.464a38.4 38.4 0 0 0-54.272 0L230.4 839.936l45.248 45.248z"  ></path></symbol><symbol id="iconicon_thumb_down" viewBox="0 0 1024 1024"><path d="M640 625.344h206.08a64 64 0 0 0 62.08-79.552l-96-384a64 64 0 0 0-62.08-48.448H192a64 64 0 0 0-64 64v320a64 64 0 0 0 64 64h128l128 320h128a64 64 0 0 0 64-64v-192zM384 548.992V177.344h366.08l96 384H576v256H491.328L384 548.992z m-64-51.648H192v-320h128v320z"  ></path></symbol><symbol id="iconicon_user_talk" viewBox="0 0 1024 1024"><path d="M852.992 500.992a256 256 0 0 0 0-361.984l45.312-45.312a320 320 0 0 1 0 452.608l-45.312-45.312zM704 320a224 224 0 1 1-448 0 224 224 0 0 1 448 0z m-64 0a160 160 0 1 0-320 0 160 160 0 0 0 320 0zM861.632 694.592a61.44 61.44 0 0 1 34.368 55.808V896a32 32 0 0 1-32 32h-768A32 32 0 0 1 64 896v-145.6a61.44 61.44 0 0 1 34.368-55.808A882.24 882.24 0 0 1 480 608c136.512 0 265.6 31.168 381.632 86.592zM480 672c-125.888 0-244.864 28.544-352 79.36v112.64h704v-112.64a818.24 818.24 0 0 0-352-79.36z"  ></path><path d="M762.496 229.504a128 128 0 0 1 0 180.992l45.248 45.248a192 192 0 0 0 0-271.488l-45.248 45.248z"  ></path></symbol><symbol id="iconicon_tips" viewBox="0 0 1024 1024"><path d="M512 64a317.248 317.248 0 0 0-226.176 93.824A317.248 317.248 0 0 0 192 384c0 88 35.456 168.32 93.76 226.048 19.776 20.288 42.176 37.12 66.24 51.008V768a64 64 0 0 0 64 64h192a64 64 0 0 0 64-64v-106.944c24.064-13.824 46.464-30.72 66.24-51.008A317.248 317.248 0 0 0 832 384c0-177.024-142.976-320-320-320zM331.264 202.944A253.248 253.248 0 0 1 512 128c141.696 0 256 114.304 256 256a253.184 253.184 0 0 1-74.944 180.736l-0.512 0.512a245.248 245.248 0 0 1-66.88 48l-17.664 8.896V768h-192V622.144l-17.664-8.832a245.248 245.248 0 0 1-66.88-48.064l-0.512-0.512A253.248 253.248 0 0 1 256 384c0-70.656 28.48-134.784 74.944-180.736l0.32-0.32zM352 896v64h320v-64h-320z"  ></path></symbol><symbol id="iconicon_unfold_more" viewBox="0 0 1024 1024"><path d="M745.28 437.76L512 201.856 278.784 437.76l-45.568-44.992 251.52-254.336a38.4 38.4 0 0 1 54.592 0l251.456 254.336-45.504 44.992zM748.288 586.112L512 822.4 275.712 586.112l-45.248 45.248 254.4 254.4a38.4 38.4 0 0 0 54.272 0L793.6 631.36l-45.312-45.248z"  ></path></symbol><symbol id="iconicon_upload" viewBox="0 0 1024 1024"><path d="M239.232 427.392L480 186.496V736h64V186.496l240.896 240.896 45.248-45.248-295.488-295.488a32 32 0 0 0-45.248 0L193.92 382.08l45.312 45.248z"  ></path><path d="M128 704v128a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-128h-64v128H192v-128H128z"  ></path></symbol><symbol id="iconicon_user" viewBox="0 0 1024 1024"><path d="M736 320a224 224 0 1 1-448 0 224 224 0 0 1 448 0z m-64 0a160 160 0 1 0-320 0 160 160 0 0 0 320 0zM893.632 694.592a61.44 61.44 0 0 1 34.368 55.808V896a32 32 0 0 1-32 32H128a32 32 0 0 1-32-32v-145.6a61.44 61.44 0 0 1 34.368-55.808A882.24 882.24 0 0 1 512 608c136.512 0 265.6 31.168 381.632 86.592zM512 672c-125.888 0-244.864 28.544-352 79.36v112.64h704v-112.64A818.24 818.24 0 0 0 512 672z"  ></path></symbol><symbol id="iconicon_usergroup_add" viewBox="0 0 1024 1024"><path d="M847.04512 816v112h64v-112h112v-64h-112V640h-64v112h-112v64h112zM477.57312 86.144A208 208 0 1 0 381.06112 480v-64a144 144 0 1 1 56.128-277.76l40.32-52.032zM381.06112 526.08A821.056 821.056 0 0 0 34.56512 603.968a61.184 61.184 0 0 0-34.624 55.872V800a32 32 0 0 0 32 32h150.848v-64H64.00512v-107.2a756.992 756.992 0 0 1 317.056-70.656v-64z"  ></path><path d="M848.00512 324.096a208 208 0 1 1-416 0 208 208 0 0 1 416 0z m-64 0a144 144 0 1 0-288 0 144 144 0 0 0 288 0zM768.00512 678.336a760.448 760.448 0 0 0-448 59.84V864h448v64H288.00512A32 32 0 0 1 256.00512 896v-158.848c0-23.808 13.12-45.76 34.56-55.872A825.088 825.088 0 0 1 768.00512 613.44V678.4z"  ></path></symbol><symbol id="iconicon_swap" viewBox="0 0 1024 1024"><path d="M80 384h752.512L586.496 144.064l44.672-45.824 298.944 291.584a33.92 33.92 0 0 1-23.68 58.176H80V384zM944 640H193.28l243.84 230.4-43.904 46.528-298.88-282.368A33.92 33.92 0 0 1 117.76 576H944v64z"  ></path></symbol><symbol id="iconicon_usergroup_clear" viewBox="0 0 1024 1024"><path d="M477.57312 86.144A208 208 0 1 0 381.06112 480v-64a144 144 0 1 1 56.128-277.76l40.32-52.032zM381.06112 526.08A821.056 821.056 0 0 0 34.56512 603.968a61.184 61.184 0 0 0-34.624 55.872V800a32 32 0 0 0 32 32h150.848v-64H64.00512v-107.2a756.992 756.992 0 0 1 317.056-70.656v-64z"  ></path><path d="M848.00512 324.096a208 208 0 1 1-416 0 208 208 0 0 1 416 0z m-64 0a144 144 0 1 0-288 0 144 144 0 0 0 288 0zM704.00512 670.208a757.12 757.12 0 0 0-384 68.032V864h352v64h-384A32 32 0 0 1 256.00512 896v-158.848c0-23.808 13.12-45.76 34.56-55.872A821.12 821.12 0 0 1 704.00512 606.08v64.192zM840.77312 790.016l-92.736 92.736 45.248 45.248 92.736-92.736 92.736 92.736 45.248-45.248-92.736-92.736 92.8-92.736-45.312-45.248-92.736 92.736-92.736-92.736-45.248 45.248 92.736 92.736z"  ></path></symbol><symbol id="iconicon_user_circle" viewBox="0 0 1024 1024"><path d="M512 576a177.92 177.92 0 1 0 0-355.84A177.92 177.92 0 0 0 512 576z m0-64a113.92 113.92 0 1 1 0-227.84A113.92 113.92 0 0 1 512 512z"  ></path><path d="M512 960A448 448 0 1 0 512 64a448 448 0 0 0 0 896z m319.68-235.2C734.464 670.528 626.24 640 512 640c-114.304 0-222.4 30.464-319.68 84.8a384 384 0 1 1 639.424 0z m-40.448 50.752A382.912 382.912 0 0 1 512 896c-110.08 0-209.28-46.272-279.232-120.448C318.72 729.472 412.992 704 512 704c99.008 0 193.28 25.472 279.232 71.552z"  ></path></symbol><symbol id="iconicon_queue" viewBox="0 0 1024 1024"><path d="M256 192h576v576h64V192a64 64 0 0 0-64-64H256v64z"  ></path><path d="M421.312 602.688v186.624h64V602.688h176v-64h-176v-176h-64v176H234.688v64h186.624z"  ></path><path d="M128 832a64 64 0 0 0 64 64h512a64 64 0 0 0 64-64V320a64 64 0 0 0-64-64H192a64 64 0 0 0-64 64v512z m64-512h512v512H192V320z"  ></path></symbol><symbol id="iconicon_refresh" viewBox="0 0 1024 1024"><path d="M512 173.504c185.344 0 336.192 151.232 336.192 338.432h61.568c0-220.864-178.112-399.936-397.76-399.936A397.056 397.056 0 0 0 173.44 302.08V169.152H112v198.784a32 32 0 0 0 32 32h197.568v-61.696H223.36A335.744 335.744 0 0 1 512 173.504zM114.304 511.936h61.44c0 187.2 150.912 338.368 336.256 338.368a335.744 335.744 0 0 0 288.64-164.736h-118.208v-61.696h197.568a32 32 0 0 1 32 32v198.848h-61.376v-132.928a397.056 397.056 0 0 1-338.56 190.08c-219.712 0-397.76-179.072-397.76-400z"  ></path></symbol><symbol id="iconicon_pin" viewBox="0 0 1024 1024"><path d="M801.152 85.76a38.4 38.4 0 0 0-51.904-2.24L490.368 302.016l-49.344-49.344a38.4 38.4 0 0 0-54.336 0L251.968 387.328a38.4 38.4 0 0 0 0 54.336l142.592 142.528-262.912 262.912 45.248 45.248 262.912-262.912 142.528 142.592a38.4 38.4 0 0 0 54.336 0l134.656-134.72a38.4 38.4 0 0 0 0-54.336l-49.28-49.28 218.432-258.944a38.4 38.4 0 0 0-2.176-51.84l-137.152-137.216z m-28.608 61.824l103.872 103.872-241.28 285.888 72.896 72.832-98.56 98.496-294.144-294.208 98.56-98.432 72.768 72.832 285.888-241.28z"  ></path></symbol><symbol id="iconicon_poweroff" viewBox="0 0 1024 1024"><path d="M480 64v448h64V64h-64z"  ></path><path d="M96 544A416 416 0 0 1 317.952 176l32 55.488a352 352 0 1 0 323.968 0l32.128-55.488A416 416 0 1 1 96 544z"  ></path></symbol><symbol id="iconicon_photo" viewBox="0 0 1024 1024"><path d="M704 512a192 192 0 1 1-384 0 192 192 0 0 1 384 0z m-64 0a128 128 0 1 0-256 0 128 128 0 0 0 256 0z"  ></path><path d="M387.456 128a38.4 38.4 0 0 0-32 17.088L302.848 224H128.64a32.64 32.64 0 0 0-32.64 32.64v542.72c0 18.048 14.592 32.64 32.64 32.64h766.72a32.64 32.64 0 0 0 32.64-32.64V256.64a32.64 32.64 0 0 0-32.64-32.64h-174.208l-52.608-78.912a38.4 38.4 0 0 0-32-17.088H387.456z m13.696 64h221.696l64 96H864V768h-704V288h177.152l64-96z"  ></path></symbol><symbol id="iconicon_precise_monitor" viewBox="0 0 1024 1024"><path d="M480 96V320h64V96h-64zM398.848 353.6L172.608 127.36l-45.248 45.248 226.24 226.24 45.248-45.248z m226.304 0l226.24-226.24 45.248 45.248-226.24 226.24-45.248-45.248zM576 512a64 64 0 0 1-119.424 32H96v-64h360.576A64 64 0 0 1 576 512zM353.6 625.152L127.36 851.392l45.248 45.248 226.24-226.24-45.248-45.248z m316.8 0l226.24 226.24-45.248 45.248-226.24-226.24 45.248-45.248zM928 480H704v64h224v-64z m-448 448V704h64v224h-64z"  ></path></symbol><symbol id="iconicon_print" viewBox="0 0 1024 1024"><path d="M255.936 127.936v128h-64c-35.584 0-64 28.416-64 64v320c0 35.584 28.416 64 64 64h64v192h512v-192h64c35.584 0 64-28.416 64-64v-320c0-35.584-28.416-64-64-64h-64v-128h-512z m448 128h-384v-64h384v64z m-512 64h640v320h-64v-128h-512v128h-64v-320z m128 512v-256h384v256h-384z"  ></path></symbol><symbol id="iconicon_play_circle" viewBox="0 0 1024 1024"><path d="M739.2 495.36a19.2 19.2 0 0 1 0 33.28l-326.4 188.416a19.2 19.2 0 0 1-28.8-16.64V323.52a19.2 19.2 0 0 1 28.8-16.64l326.4 188.48z"  ></path><path d="M512 64a448 448 0 1 1 0 896A448 448 0 0 1 512 64z m0 64a384 384 0 1 0 0 768A384 384 0 0 0 512 128z"  ></path></symbol><symbol id="iconicon_play" viewBox="0 0 1024 1024"><path d="M739.2 495.36a19.2 19.2 0 0 1 0 33.28l-326.4 188.416a19.2 19.2 0 0 1-28.8-16.64V323.584a19.2 19.2 0 0 1 28.8-16.64l326.4 188.416z"  ></path></symbol><symbol id="iconicon_remove" viewBox="0 0 1024 1024"><path d="M224 470.4h576v83.2h-576v-83.2z"  ></path></symbol><symbol id="iconicon_server" viewBox="0 0 1024 1024"><path d="M448 336H256v-64h192v64z"  ></path><path d="M96 160A32 32 0 0 1 128 128h768a32 32 0 0 1 32 32l0.064 288a32 32 0 0 1-32 32h-768a32 32 0 0 1-32-32V160z m64.064 256h704V192h-704v224zM256 752h192v-64H256v64z"  ></path><path d="M96.064 576a32 32 0 0 1 32-32h768a32 32 0 0 1 32 32v288a32 32 0 0 1-32 32h-768a32 32 0 0 1-32-32V576z m64 256h704V608h-704V832z"  ></path></symbol><symbol id="iconicon_rollfront" viewBox="0 0 1024 1024"><path d="M773.504 320l-105.408-105.344 45.248-45.312 160 160a32 32 0 0 1 0 45.312l-160 160-45.248-45.312L773.504 384H402.752a192 192 0 1 0 0 384h320v64h-320a256 256 0 1 1 0-512h370.752z"  ></path></symbol><symbol id="iconicon_scan" viewBox="0 0 1024 1024"><path d="M768 224H256v192H192v-192a64 64 0 0 1 64-64h512a64 64 0 0 1 64 64v192h-64v-192zM192 608h64v192h512v-192h64v192a64 64 0 0 1-64 64H256a64 64 0 0 1-64-64v-192zM896 480H128v64h768v-64z"  ></path></symbol><symbol id="iconicon_rotation" viewBox="0 0 1024 1024"><path d="M128 128h64v389.312A384.32 384.32 0 0 1 506.688 832H896v64H192a64 64 0 0 1-64-64V128z m313.6 704A320.384 320.384 0 0 0 192 582.4V832h249.6z"  ></path></symbol><symbol id="iconicon_pause_circle" viewBox="0 0 1024 1024"><path d="M448 320H384v384h64V320zM640 320H576v384h64V320z"  ></path><path d="M263.104 139.52a448 448 0 1 1 497.792 744.96A448 448 0 0 1 263.104 139.52z m462.208 53.184a384 384 0 1 0-426.624 638.592 384 384 0 0 0 426.624-638.592z"  ></path></symbol><symbol id="iconicon_pause" viewBox="0 0 1024 1024"><path d="M448 320H384v384h64V320zM640 320H576v384h64V320z"  ></path></symbol><symbol id="iconicon_pin_filled" viewBox="0 0 1024 1024"><path d="M801.152 85.76a38.4 38.4 0 0 0-51.904-2.24L490.368 302.016l-49.344-49.344a38.4 38.4 0 0 0-54.336 0L251.968 387.328a38.4 38.4 0 0 0 0 54.336l142.592 142.528-262.912 262.912 45.248 45.248 262.912-262.912 142.528 142.592a38.4 38.4 0 0 0 54.336 0l134.656-134.72a38.4 38.4 0 0 0 0-54.336l-49.28-49.28 218.432-258.944a38.4 38.4 0 0 0-2.176-51.84l-137.152-137.216z"  ></path></symbol><symbol id="iconicon_play_circle_filled" viewBox="0 0 1024 1024"><path d="M960 512A448 448 0 1 0 64 512a448 448 0 0 0 896 0z m-257.024 14.592L416.64 691.84a16.832 16.832 0 0 1-25.216-14.592V346.688c0-12.992 14.016-21.12 25.216-14.592l286.336 165.312a16.832 16.832 0 0 1 0 29.184z"  ></path></symbol><symbol id="iconicon_qrcode" viewBox="0 0 1024 1024"><path d="M384 256H256v128h128V256z"  ></path><path d="M160 128a32 32 0 0 0-32 32v320a32 32 0 0 0 32 32h320a32 32 0 0 0 32-32v-320a32 32 0 0 0-32-32h-320zM192 192h256v256H192V192zM672 128a32 32 0 0 0-32 32v192a32 32 0 0 0 32 32h192a32 32 0 0 0 32-32v-192a32 32 0 0 0-32-32h-192z m32 192V192h128v128h-128zM640 672a32 32 0 0 1 32-32h192a32 32 0 0 1 32 32v192a32 32 0 0 1-32 32h-192a32 32 0 0 1-32-32v-192z m64 160h128v-128h-128v128zM160 640a32 32 0 0 0-32 32v192a32 32 0 0 0 32 32h192a32 32 0 0 0 32-32v-192a32 32 0 0 0-32-32h-192z m32 64h128v128H192v-128zM896 480h-256v64h256v-64zM544 704v192h-64v-192h64zM544 640V576h-64v64h64z"  ></path></symbol><symbol id="iconicon_previous" viewBox="0 0 1024 1024"><path d="M256 896H192V128h64v768zM329.536 538.88a32 32 0 0 1 0-53.76L782.656 192a32 32 0 0 1 49.344 26.88v586.24a32 32 0 0 1-49.408 26.88l-453.12-293.12zM768 746.368V277.632L405.76 512 768 746.368z"  ></path></symbol><symbol id="iconicon_rollback" viewBox="0 0 1024 1024"><path d="M269.248 320l105.408-105.344-45.248-45.312-160 160a32 32 0 0 0 0 45.312l160 160 45.248-45.312L269.248 384H640a192 192 0 0 1 0 384H320v64h320a256 256 0 1 0 0-512H269.248z"  ></path></symbol><symbol id="iconicon_play_circle_stroke" viewBox="0 0 1024 1024"><path d="M739.2 495.36a19.2 19.2 0 0 1 0 33.28l-326.4 188.416a19.2 19.2 0 0 1-28.8-16.64V323.52a19.2 19.2 0 0 1 28.8-16.64l326.4 188.48zM448 401.152v221.696L640 512 448 401.152z"  ></path><path d="M512 64a448 448 0 1 1 0 896A448 448 0 0 1 512 64z m0 64a384 384 0 1 0 0 768A384 384 0 0 0 512 128z"  ></path></symbol><symbol id="iconicon_swap_left" viewBox="0 0 1024 1024"><path d="M205.248 576H960v64H132.672a33.92 33.92 0 0 1-24-57.92l252.736-252.736 45.248 45.248L205.248 576z"  ></path></symbol><symbol id="iconicon_stop_circle" viewBox="0 0 1024 1024"><path d="M351.872 351.872h320.256v320.256H351.872V351.872z"  ></path><path d="M512 64a448 448 0 1 0 0 896A448 448 0 0 0 512 64z m0 64a384 384 0 1 1 0 768A384 384 0 0 1 512 128z"  ></path></symbol><symbol id="iconicon_sound" viewBox="0 0 1024 1024"><path d="M256 704l271.552 162.944a32 32 0 0 0 48.448-27.52V184.576a32 32 0 0 0-48.448-27.456L256 320H134.72a38.4 38.4 0 0 0-38.4 38.4L96 665.6a38.4 38.4 0 0 0 38.4 38.4H256z m64-347.776l192-115.2v541.952l-192-115.2V356.224zM256 640H160l0.256-256H256v256zM864.96 366.528a383.36 383.36 0 0 0-89.216-124.544l43.648-46.72a447.36 447.36 0 0 1 104.064 145.28c24.128 54.4 36.48 112.64 36.48 171.456 0 58.88-12.352 117.12-36.48 171.456-24.128 54.4-59.52 103.68-104.064 145.28l-43.648-46.72a383.36 383.36 0 0 0 89.216-124.544C885.44 611.2 896 561.792 896 512s-10.496-99.2-31.04-145.472z"  ></path><path d="M736 512c0-55.872-23.04-112.192-68.672-157.056l44.864-45.632c57.28 56.256 87.872 128.832 87.808 202.752-0.064 73.92-30.72 146.496-88.128 202.688l-44.8-45.76c45.696-44.8 68.864-101.12 68.928-156.992z"  ></path></symbol><symbol id="iconicon_setting" viewBox="0 0 1024 1024"><path d="M704 512a192 192 0 1 1-384 0 192 192 0 0 1 384 0z m-64 0a128 128 0 1 0-256 0 128 128 0 0 0 256 0z"  ></path><path d="M512 80l387.968 216v432L512 944l-387.968-216v-432L512 80zM188.032 333.632v356.736L512 870.72l323.968-180.352V333.632L512 153.28 188.032 333.632z"  ></path></symbol><symbol id="iconicon_share" viewBox="0 0 1024 1024"><path d="M635.648 342.912a148.288 148.288 0 1 0-32.256-55.296l-215.04 125.44a148.288 148.288 0 1 0 0 201.152l215.04 125.376a148.288 148.288 0 1 0 32.32-55.232l-215.04-125.376a148.224 148.224 0 0 0 0-90.624l214.976-125.44z m108.928-184.96a84.288 84.288 0 1 1 0 168.64 84.288 84.288 0 0 1 0-168.576zM351.232 469.632a32.192 32.192 0 0 0 1.92 3.392 83.904 83.904 0 0 1-1.92 84.864 84.224 84.224 0 1 1 0-88.32z m309.12 315.52c0-13.952 3.328-27.072 9.28-38.656a33.28 33.28 0 0 0 4.544-7.744 84.224 84.224 0 0 1 154.752 46.4 84.288 84.288 0 0 1-168.64 0z"  ></path></symbol><symbol id="iconicon_search" viewBox="0 0 1024 1024"><path d="M608.64 654.016a304.896 304.896 0 1 1 45.312-45.312l226.048 225.92-45.312 45.376-226.048-225.984z m49.088-237.12a240.832 240.832 0 1 0-481.6 0 240.832 240.832 0 0 0 481.6 0z"  ></path></symbol><symbol id="iconicon_service" viewBox="0 0 1024 1024"><path d="M161.024 407.936a352 352 0 0 1 701.952 0 32 32 0 0 1 1.024 8.064v256a32 32 0 0 1-1.344 9.344A288 288 0 0 1 576 940.992H512v-64h64A224.064 224.064 0 0 0 794.176 704H672a32 32 0 0 1-32-32v-256a32 32 0 0 1 32-32h123.52a288.064 288.064 0 0 0-567.04 0H352a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32v-256a32 32 0 0 1 1.024-8.064zM800 448H704v192h96V448z m-576 0v192H320V448H224z"  ></path></symbol><symbol id="iconicon_star" viewBox="0 0 1024 1024"><path d="M610.688 408.32l-98.56-199.68-98.56 199.68-220.48 32L352.64 595.84l-37.632 219.52 197.12-103.68 197.12 103.68-37.632-219.52 159.488-155.52-220.352-32z m319.36-18.24a19.2 19.2 0 0 1 10.688 32.768l-200.384 195.328 47.36 275.84a19.2 19.2 0 0 1-27.904 20.224l-247.68-130.24-247.68 130.24a19.2 19.2 0 0 1-27.904-20.224l47.296-275.84-200.384-195.328a19.2 19.2 0 0 1 10.624-32.768l276.928-40.256 123.84-250.88a19.2 19.2 0 0 1 34.432 0l123.904 250.88 276.928 40.256z"  ></path></symbol><symbol id="iconicon_round" viewBox="0 0 1024 1024"><path d="M512 736a224 224 0 1 1 0-448 224 224 0 0 1 0 448zM512 832A320 320 0 1 0 512 192a320 320 0 0 0 0 640z"  ></path></symbol><symbol id="iconicon_star_filled" viewBox="0 0 1024 1024"><path d="M486.272 116.352a28.8 28.8 0 0 1 51.648 0l115.2 233.472 257.728 37.44a28.8 28.8 0 0 1 16 49.152l-186.496 181.76 43.968 256.64a28.8 28.8 0 0 1-41.792 30.336l-230.4-121.152L281.6 905.152a28.8 28.8 0 0 1-41.792-30.336l44.032-256.64-186.496-181.76a28.8 28.8 0 0 1 16-49.152l257.664-37.44 115.2-233.472z"  ></path></symbol><symbol id="iconicon_shop" viewBox="0 0 1024 1024"><path d="M512 64a160 160 0 0 0-160 160V320h-128a32 32 0 0 0-32 32v576a32 32 0 0 0 32 32h576a32 32 0 0 0 32-32v-576a32 32 0 0 0-32-32h-128V224A160 160 0 0 0 512 64z m96 320v128h64V384H768v512H256V384h96v128h64V384h192z m0-64h-192V224a96 96 0 1 1 192 0V320z"  ></path></symbol><symbol id="iconicon_stop_circle_filled" viewBox="0 0 1024 1024"><path d="M263.104 139.52a448 448 0 1 1 497.792 744.96A448 448 0 0 1 263.104 139.52zM352 352v320h320v-320h-320z"  ></path></symbol><symbol id="iconicon_slash" viewBox="0 0 1024 1024"><path d="M260.288 883.968l448-775.936 55.424 32-448 775.936-55.424-32z"  ></path></symbol><symbol id="iconicon_save" viewBox="0 0 1024 1024"><path d="M704 128l192 192v512a64 64 0 0 1-64 64H192a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h512z m-64 64H384v96h256V192z m64 26.496V352H320V192H192v640h128V512h384v320h128V346.496l-128-128zM640 832V576H384v256h256z"  ></path></symbol><symbol id="iconicon_secured" viewBox="0 0 1024 1024"><path d="M472.96 635.456l228.736-228.8-45.248-45.248L472.96 544.96 367.552 439.552l-45.248 45.248 150.592 150.656z"  ></path><path d="M160 128v448c0 90.624 47.552 174.656 125.312 221.312L512 933.312l226.688-136A258.048 258.048 0 0 0 864 576V128h-704z m64 448V192h576v384a194.048 194.048 0 0 1-94.208 166.4L512 858.688 318.208 742.4A194.048 194.048 0 0 1 224 576z"  ></path></symbol><symbol id="iconicon_root_list" viewBox="0 0 1024 1024"><path d="M288 320h448v64h-448V320zM576 480H288v64H576v-64z"  ></path><path d="M192 128a64 64 0 0 0-64 64v640a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64V192a64 64 0 0 0-64-64H192z m640 64v640H192V192h640z"  ></path></symbol><symbol id="iconicon_menu-application1" viewBox="0 0 1024 1024"><path d="M256 192a64 64 0 1 1-128 0 64 64 0 0 1 128 0zM256 512a64 64 0 1 1-128 0 64 64 0 0 1 128 0zM192 896a64 64 0 1 0 0-128 64 64 0 0 0 0 128zM576 192a64 64 0 1 1-128 0 64 64 0 0 1 128 0zM512 576a64 64 0 1 0 0-128 64 64 0 0 0 0 128zM576 832a64 64 0 1 1-128 0 64 64 0 0 1 128 0zM832 256a64 64 0 1 0 0-128 64 64 0 0 0 0 128zM896 512a64 64 0 1 1-128 0 64 64 0 0 1 128 0zM832 896a64 64 0 1 0 0-128 64 64 0 0 0 0 128z"  ></path></symbol><symbol id="iconicon_mobile_vibrate" viewBox="0 0 1024 1024"><path d="M416 832h192v-64h-192v64z"  ></path><path d="M320 96a64 64 0 0 0-64 64V896a64 64 0 0 0 64 64h384a64 64 0 0 0 64-64V160a64 64 0 0 0-64-64H320z m384 64V896H320V160h384zM128 256v576h64V256H128zM832 256v576h64V256h-64z"  ></path></symbol><symbol id="iconicon_mirror" viewBox="0 0 1024 1024"><path d="M480 64h64v896h-64V64zM942.08 795.968a32 32 0 0 1-22.336 34.56c-4.608 1.472-11.2 1.472-24.32 1.472h-213.76c-8.96 0-13.44 0-17.152-0.896a32 32 0 0 1-23.68-23.68C640 803.84 640 799.36 640 790.4V320c0-33.92 0-50.88 2.624-56.96a32 32 0 0 1 50.88-11.008c4.928 4.48 11.904 19.84 25.984 50.816l213.76 470.336c5.44 11.968 8.192 17.92 8.832 22.784zM704 768h156.608L704 423.488V768zM104.32 830.592c4.544 1.408 11.136 1.408 24.32 1.408h213.76c8.96 0 13.44 0 17.088-0.896a32 32 0 0 0 23.68-23.68C384 803.84 384 799.36 384 790.4V320c0-33.92 0-50.88-2.56-56.96a32 32 0 0 0-50.944-11.008c-4.864 4.48-11.904 19.84-25.984 50.816l-213.76 470.336c-5.44 11.968-8.192 17.92-8.768 22.784a32 32 0 0 0 22.272 34.56zM320 423.488V768H163.392L320 423.488z"  ></path></symbol><symbol id="iconicon_move" viewBox="0 0 1024 1024"><path d="M320 64a64 64 0 1 0 0 128 64 64 0 0 0 0-128zM704 64a64 64 0 1 0 0 128 64 64 0 0 0 0-128zM256 384a64 64 0 1 1 128 0 64 64 0 0 1-128 0zM704 320a64 64 0 1 0 0 128 64 64 0 0 0 0-128zM256 640a64 64 0 1 1 128 0 64 64 0 0 1-128 0zM320 832a64 64 0 1 0 0 128 64 64 0 0 0 0-128zM640 640a64 64 0 1 1 128 0 64 64 0 0 1-128 0zM704 832a64 64 0 1 0 0 128 64 64 0 0 0 0-128z"  ></path></symbol><symbol id="iconicon_page_first" viewBox="0 0 1024 1024"><path d="M793.92 285.44l-58.88-58.88L449.728 512l285.44 285.44 58.88-58.88L567.296 512l226.56-226.56zM306.88 256v512h83.2V256h-83.2z"  ></path></symbol><symbol id="iconicon_notification_filled" viewBox="0 0 1024 1024"><path d="M544 129.728V64h-64v65.728a288 288 0 0 0-256 286.272V704l-57.6 76.8a32 32 0 0 0 25.6 51.2h163.2a160 160 0 0 0 313.6 0H832a32 32 0 0 0 25.6-51.2l-57.6-76.8V416a288 288 0 0 0-256-286.272z"  ></path></symbol><symbol id="iconicon_minus_rectangle1" viewBox="0 0 1024 1024"><path d="M320 544h384v-64H320v64z"  ></path><path d="M192 896a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H192z m0-64h640V192H192v640z"  ></path></symbol><symbol id="iconicon_menu_unfold1" viewBox="0 0 1024 1024"><path d="M896 768.896L128.128 768 128 832l768 0.896v-64zM544 480H128v64h416v-64zM896 192.896L128.128 192 128 256l768 0.896v-64zM642.112 538.048a32 32 0 0 1 0-51.2L844.8 334.848a32 32 0 0 1 51.2 25.6v304a32 32 0 0 1-51.2 25.6l-202.688-152zM832 600.448v-176l-117.312 88L832 600.448z"  ></path></symbol><symbol id="iconicon_page_last" viewBox="0 0 1024 1024"><path d="M230.08 738.56l58.816 58.88L574.336 512l-285.44-285.44-58.88 58.88L456.704 512l-226.56 226.56z m487.04 29.44V256h-83.2v512h83.2z"  ></path></symbol><symbol id="iconicon_pause_circle_filled" viewBox="0 0 1024 1024"><path d="M960 512A448 448 0 1 1 64 512a448 448 0 0 1 896 0zM384 320v384h64V320H384z m256 0H576v384h64V320z"  ></path></symbol><symbol id="iconicon_money_circle" viewBox="0 0 1024 1024"><path d="M672 480h-128v64h128v64h-128V768h-64V608h-128v-64h128v-64h-128v-64h93.44L359.04 307.968l49.92-39.936L512 396.8l103.04-128.768 49.92 39.936L578.56 416h93.44v64z"  ></path><path d="M960 512A448 448 0 1 0 64 512a448 448 0 0 0 896 0z m-64 0A384 384 0 1 1 128 512a384 384 0 0 1 768 0z"  ></path></symbol><symbol id="iconicon_mail1" viewBox="0 0 1024 1024"><path d="M95.936 255.936a64 64 0 0 1 64-64h704a64 64 0 0 1 64 64v512a64 64 0 0 1-64 64h-704a64 64 0 0 1-64-64v-512z m742.336 0H185.6L512 473.472l326.336-217.6z m-678.336 59.776V768h704V315.712L511.936 550.4l-352-234.688z"  ></path></symbol><symbol id="iconicon_minus_circle_filled1" viewBox="0 0 1024 1024"><path d="M512 960A448 448 0 1 0 512 64a448 448 0 0 0 0 896z m224-416h-448v-64h448v64z"  ></path></symbol><symbol id="iconicon_more" viewBox="0 0 1024 1024"><path d="M512 256a64 64 0 1 0 0-128 64 64 0 0 0 0 128zM512 576a64 64 0 1 0 0-128 64 64 0 0 0 0 128zM576 832a64 64 0 1 1-128 0 64 64 0 0 1 128 0z"  ></path></symbol><symbol id="iconicon_menu_fold1" viewBox="0 0 1024 1024"><path d="M128 255.104L895.936 256 896 192 128 191.104v64zM480 544H896v-64H480v64zM128 831.104L895.936 832 896 768l-768-0.896v64zM381.888 485.952a32 32 0 0 1 0 51.2L179.2 689.152a32 32 0 0 1-51.2-25.6v-304a32 32 0 0 1 51.2-25.6l202.688 152zM192 423.552v176l117.312-88L192 423.552z"  ></path></symbol><symbol id="iconicon_next" viewBox="0 0 1024 1024"><path d="M768 128h64v768h-64V128zM694.464 485.12a32 32 0 0 1 0 53.76L241.344 832A32 32 0 0 1 192 805.12V218.88A32 32 0 0 1 241.408 192l453.12 293.12zM256 277.632v468.736L618.24 512 256 277.632z"  ></path></symbol><symbol id="iconicon_notification" viewBox="0 0 1024 1024"><path d="M544 129.728V64h-64v65.728a288 288 0 0 0-256 286.272V704l-57.6 76.8a32 32 0 0 0 25.6 51.2h163.2a160 160 0 0 0 313.6 0H832a32 32 0 0 0 25.6-51.2l-57.6-76.8V416a288 288 0 0 0-256-286.272z m-256 595.584V416a224 224 0 1 1 448 0v309.312L768 768H256l32-42.688zM512 896a96 96 0 0 1-90.56-64h181.12A96 96 0 0 1 512 896z"  ></path></symbol><symbol id="iconicon_minus_circle1" viewBox="0 0 1024 1024"><path d="M288 544h448v-64h-448v64z"  ></path><path d="M960 512A448 448 0 1 1 64 512a448 448 0 0 1 896 0z m-64 0A384 384 0 1 0 128 512a384 384 0 0 0 768 0z"  ></path></symbol><symbol id="iconicon_mobile" viewBox="0 0 1024 1024"><path d="M416 832h192v-64h-192v64z"  ></path><path d="M224 160a64 64 0 0 1 64-64h448a64 64 0 0 1 64 64V896a64 64 0 0 1-64 64h-448a64 64 0 0 1-64-64V160z m64 0V896h448V160h-448z"  ></path></symbol><symbol id="iconicon_order_adjustment_column" viewBox="0 0 1024 1024"><path d="M480 544V960h64V544h298.048l-108.288 108.224 45.248 45.312 162.88-162.88a32 32 0 0 0 0-45.312l-162.88-162.88-45.248 45.312L842.048 480H544V64h-64v416H182.144l108.224-108.224L245.12 326.4 82.24 489.344a32 32 0 0 0 0 45.312l162.88 162.88 45.248-45.248L182.144 544H480z"  ></path></symbol><symbol id="iconicon_jump" viewBox="0 0 1024 1024"><path d="M146.752 877.248c12.032 11.968 28.288 18.752 45.248 18.752h640a64.064 64.064 0 0 0 64-64V544h-64V832H192V192h288V128H192a64.064 64.064 0 0 0-64 64v640c0 16.96 6.784 33.28 18.752 45.248z"  ></path><path d="M576 192V128h288a32 32 0 0 1 32 32V448h-64V237.248L557.248 512 512 466.752 786.752 192H576z"  ></path></symbol><symbol id="iconicon_lock_off" viewBox="0 0 1024 1024"><path d="M384 704v-64h256v64H384z"  ></path><path d="M288 384V320a224 224 0 1 1 448 0h-64a160 160 0 0 0-320 0v64H832a32 32 0 0 1 32 32v448a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32v-448A32 32 0 0 1 192 384h96z m-64 448h576V448h-576v384z"  ></path></symbol><symbol id="iconicon_loading" viewBox="0 0 1024 1024"><path d="M512 96a416 416 0 0 0 0 832v-104A312 312 0 1 1 824 512H928A416 416 0 0 0 512 96z"  ></path></symbol><symbol id="iconicon_laptop" viewBox="0 0 1024 1024"><path d="M160 768a64 64 0 0 1-64-64V256a64 64 0 0 1 64-64h704a64 64 0 0 1 64 64v448a64 64 0 0 1-64 64h-704z m0-64h704V256h-704v448zM960 832H64v64h896v-64z"  ></path></symbol><symbol id="iconicon_mail" viewBox="0 0 1024 1024"><path d="M95.936 255.936a64 64 0 0 1 64-64h704a64 64 0 0 1 64 64v512a64 64 0 0 1-64 64h-704a64 64 0 0 1-64-64v-512z m742.336 0H185.6L512 473.472l326.336-217.6z m-678.336 59.776V768h704V315.712L511.936 550.4l-352-234.688z"  ></path></symbol><symbol id="iconicon_minus_rectangle" viewBox="0 0 1024 1024"><path d="M320 544h384v-64H320v64z"  ></path><path d="M192 896a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H192z m0-64h640V192H192v640z"  ></path></symbol><symbol id="iconicon_location" viewBox="0 0 1024 1024"><path d="M672 384a160 160 0 1 1-320 0 160 160 0 0 1 320 0z m-64 0a96 96 0 1 0-192 0 96 96 0 0 0 192 0z"  ></path><path d="M535.168 925.952a28.032 28.032 0 0 1-46.336 0L246.784 570.368a320.896 320.896 0 1 1 530.496 0l-242.112 355.584z m189.184-391.616a256.896 256.896 0 1 0-424.704 0L512 846.272l212.352-311.936z"  ></path></symbol><symbol id="iconicon_lock_on" viewBox="0 0 1024 1024"><path d="M384 640v64h256v-64H384z"  ></path><path d="M288 319.36V384H192a32 32 0 0 0-32 32v448a32 32 0 0 0 32 32h640a32 32 0 0 0 32-32v-448A32 32 0 0 0 832 384h-96V319.36a224 224 0 0 0-448 0z m384 64.64h-320V319.36a160 160 0 0 1 320 0V384z m-448 64h576v384h-576V448z"  ></path></symbol><symbol id="iconicon_link_unlink" viewBox="0 0 1024 1024"><path d="M384 128v128h64V128H384zM523.328 613.824l-147.072 147.072a80 80 0 0 1-113.152-113.152l147.072-147.072-45.248-45.248-147.072 147.072a144 144 0 0 0 203.648 203.648l147.072-147.072-45.248-45.248zM613.76 523.328l45.312 45.248 147.072-147.072a144 144 0 1 0-203.648-203.648L455.424 364.928l45.248 45.248 147.072-147.072a80 80 0 0 1 113.152 113.152L613.824 523.328zM768 576h128v64h-128V576zM128 448h128V384H128v64zM640 768v128H576v-128h64zM750.848 705.6l103.808 103.744-45.312 45.248-103.68-103.68 45.184-45.312zM169.344 214.592l103.808 103.808 45.248-45.248-103.744-103.808-45.312 45.248z"  ></path></symbol><symbol id="iconicon_menu-application" viewBox="0 0 1024 1024"><path d="M256 192a64 64 0 1 1-128 0 64 64 0 0 1 128 0zM256 512a64 64 0 1 1-128 0 64 64 0 0 1 128 0zM192 896a64 64 0 1 0 0-128 64 64 0 0 0 0 128zM576 192a64 64 0 1 1-128 0 64 64 0 0 1 128 0zM512 576a64 64 0 1 0 0-128 64 64 0 0 0 0 128zM576 832a64 64 0 1 1-128 0 64 64 0 0 1 128 0zM832 256a64 64 0 1 0 0-128 64 64 0 0 0 0 128zM896 512a64 64 0 1 1-128 0 64 64 0 0 1 128 0zM832 896a64 64 0 1 0 0-128 64 64 0 0 0 0 128z"  ></path></symbol><symbol id="iconicon_minus_circle" viewBox="0 0 1024 1024"><path d="M288 544h448v-64h-448v64z"  ></path><path d="M960 512A448 448 0 1 1 64 512a448 448 0 0 1 896 0z m-64 0A384 384 0 1 0 128 512a384 384 0 0 0 768 0z"  ></path></symbol><symbol id="iconicon_logout" viewBox="0 0 1024 1024"><path d="M576 192v128h64V160a32 32 0 0 0-32-32h-512a32 32 0 0 0-32 32v704a32 32 0 0 0 32 32h512a32 32 0 0 0 32-32V704H576v128H128V192h448z"  ></path><path d="M718.848 336.256L862.528 480H384v64h478.528l-143.68 143.744 45.248 45.248 198.336-198.4a32 32 0 0 0 0-45.248l-198.4-198.336-45.184 45.248z"  ></path></symbol><symbol id="iconicon_link" viewBox="0 0 1024 1024"><path d="M398.848 760.96l135.808-135.808 45.248 45.248-135.808 135.744a160 160 0 0 1-226.24-226.24l135.744-135.808 45.248 45.248-135.744 135.808a96 96 0 0 0 135.744 135.744zM670.4 579.84l-45.248-45.184 135.744-135.808a96 96 0 1 0-135.744-135.744L489.344 398.848l-45.248-45.248 135.808-135.744a160 160 0 0 1 226.24 226.24l-135.744 135.808z"  ></path><path d="M579.84 398.848L398.912 579.904l45.312 45.248 180.992-181.056-45.248-45.248z"  ></path></symbol><symbol id="iconicon_layers" viewBox="0 0 1024 1024"><path d="M900.672 318.592L512 480.512l-388.736-161.92c-26.24-10.944-26.24-49.792 0-60.736L512 96l388.672 161.92c26.24 10.944 26.24 49.792 0 60.736zM219.328 288.256L512 410.176l292.608-121.92L512 166.336 219.328 288.192z"  ></path><path d="M95.936 449.728v78.528L512 711.168l415.936-182.848V449.792L512 632.64 95.936 449.728z"  ></path><path d="M95.936 666.88v78.528L512 928.32l415.936-182.848V666.88L512 849.792 96 666.816z"  ></path></symbol><symbol id="iconicon_login" viewBox="0 0 1024 1024"><path d="M542.528 480L398.848 336.256l45.248-45.248 198.4 198.4a32 32 0 0 1 0 45.248l-198.4 198.336-45.248-45.248L542.528 544H64v-64h478.528z"  ></path><path d="M256 320V192h512v640H256v-128H192v160a32 32 0 0 0 32 32h576a32 32 0 0 0 32-32v-704a32 32 0 0 0-32-32h-576a32 32 0 0 0-32 32V320h64z"  ></path></symbol><symbol id="iconicon_file_paste" viewBox="0 0 1024 1024"><path d="M704 736H320v64h384v-64z"  ></path><path d="M160 123.008c0-37.44 33.28-59.008 63.68-59.008h339.072a64 64 0 0 1 45.248 18.752L845.248 320a64 64 0 0 1 18.752 45.248v535.744c0 37.44-33.28 59.008-63.68 59.008h-576.64c-30.4 0-63.68-21.568-63.68-59.008V123.008zM224 128v768h576V384.832h-256V128h-320z m384 192.832h147.584L608 173.248v147.584z"  ></path></symbol><symbol id="iconicon_error_circle" viewBox="0 0 1024 1024"><path d="M544 256v352h-64V256h64zM550.016 672h-76.8v76.8h76.8v-76.8z"  ></path><path d="M960 512A448 448 0 1 0 64 512a448 448 0 0 0 896 0z m-64 0A384 384 0 1 1 128 512a384 384 0 0 1 768 0z"  ></path></symbol><symbol id="iconicon_file_word" viewBox="0 0 1024 1024"><path d="M224 128v768h192v64H223.68c-30.4 0-63.68-21.568-63.68-59.008V123.008c0-37.44 33.28-59.008 63.68-59.008h343.68a64 64 0 0 1 45.76 19.2l232.576 237.056a64 64 0 0 1 18.304 44.8V512h-64V384.832h-256V128h-320z m384 41.344v151.488h148.608L608 169.344z"  ></path><path d="M576 896V608H512V896a64 64 0 0 0 64 64h224a64 64 0 0 0 64-64V608h-64V896h-80V608h-64V896H576z"  ></path></symbol><symbol id="iconicon_enter" viewBox="0 0 1024 1024"><path d="M832 256v384H269.248l105.408-105.344-45.248-45.312-160 160a32 32 0 0 0 0 45.312l160 160 45.248-45.312L269.248 704H832a64 64 0 0 0 64-64V256h-64z"  ></path></symbol><symbol id="iconicon_file" viewBox="0 0 1024 1024"><path d="M223.68 64c-30.4 0-63.68 21.568-63.68 59.008v777.984c0 37.44 33.28 59.008 63.68 59.008h576.64c30.4 0 63.68-21.568 63.68-59.008v-535.68A64 64 0 0 0 845.248 320L608 82.752A64 64 0 0 0 562.752 64H223.68zM544 128v256.832h256V896h-576V128h320z m64 45.248l147.584 147.584H608V173.248z"  ></path></symbol><symbol id="iconicon_fork" viewBox="0 0 1024 1024"><path d="M384 160a32 32 0 0 1 32-32h192a32 32 0 0 1 32 32v192a32 32 0 0 1-32 32h-64v128h192a64 64 0 0 1 64 64v64h64a32 32 0 0 1 32 32v192a32 32 0 0 1-32 32h-192a32 32 0 0 1-32-32v-192a32 32 0 0 1 32-32h64V576h-448v64h64a32 32 0 0 1 32 32v192a32 32 0 0 1-32 32h-192a32 32 0 0 1-32-32v-192a32 32 0 0 1 32-32h64V576a64 64 0 0 1 64-64h192V384h-64a32 32 0 0 1-32-32v-192zM448 320h128V192H448v128z m-256 384v128h128v-128H192z m512 0v128h128v-128h-128z"  ></path></symbol><symbol id="iconicon_file_copy" viewBox="0 0 1024 1024"><path d="M256 123.008C256 85.568 289.28 64 319.68 64h279.68a64 64 0 0 1 45.76 19.2l232.576 237.056a64 64 0 0 1 18.304 44.8l0.32 407.936c0 37.376-33.28 59.008-63.744 59.008H320c-30.336 0-63.616-21.568-63.616-59.008L256 123.008zM320 128l0.32 640h512L832 384.832H576V128H320z m320 41.344v151.488h148.608L640 169.344z"  ></path><path d="M128 320v576.832a64 64 0 0 0 64 64h512v-64H192V320H128z"  ></path></symbol><symbol id="iconicon_flag" viewBox="0 0 1024 1024"><path d="M556.416 180.608A466.688 466.688 0 0 1 832 174.592v379.2a566.592 566.592 0 0 0-307.2 14.464l-33.024 11.008A543.168 543.168 0 0 1 192 591.872V214.144a566.592 566.592 0 0 0 307.2-14.4l57.216-19.136zM128 640V162.816c0-17.152 16.832-29.248 33.088-23.808a502.528 502.528 0 0 0 317.824 0l57.28-19.072a530.624 530.624 0 0 1 335.616 0 35.392 35.392 0 0 1 24.192 33.536v451.648a25.152 25.152 0 0 1-33.088 23.808 502.528 502.528 0 0 0-317.824 0L512 640a607.168 607.168 0 0 1-320 17.472V960H128v-320z"  ></path></symbol><symbol id="iconicon_folder" viewBox="0 0 1024 1024"><path d="M96 224a64 64 0 0 1 64-64H357.824l8.32 6.08L490.432 256H864a64 64 0 0 1 64 64v512a64 64 0 0 1-64 64h-704a64 64 0 0 1-64-64V224z m241.088 0H160V832h704V320H469.632l-8.384-6.08L337.088 224z"  ></path></symbol><symbol id="iconicon_file_image" viewBox="0 0 1024 1024"><path d="M223.68 64c-30.4 0-63.68 21.568-63.68 59.008v777.984c0 37.44 33.28 59.008 63.68 59.008h571.776c30.4 0 63.68-21.568 63.68-59.008V365.056a64 64 0 0 0-18.304-44.8L608.256 83.2A64 64 0 0 0 562.56 64H223.68zM224 727.296V128h320v256.64h251.136v273.792L672 535.296l-192 192-128-128-128 128z m0 81.408l128-128L439.296 768l-128 128H224v-87.296z m448-192l123.136 123.2V896H392.704L672 616.704z m79.488-296.128H608V174.336l143.488 146.24z"  ></path></symbol><symbol id="iconicon_file_powerpoint" viewBox="0 0 1024 1024"><path d="M224 128v768H512v64H223.68c-30.4 0-63.68-21.568-63.68-59.008V123.008c0-37.44 33.28-59.008 63.68-59.008h343.68a64 64 0 0 1 45.76 19.2l232.576 237.056a64 64 0 0 1 18.304 44.8V480h-64V384.832h-256V128h-320z m384 41.344v151.488h148.608L608 169.344z"  ></path><path d="M800 544h-192V960h64v-160h128a64 64 0 0 0 64-64v-128a64 64 0 0 0-64-64z m0 192h-128v-128h128v128z"  ></path></symbol><symbol id="iconicon_file_add" viewBox="0 0 1024 1024"><path d="M256 64c-35.584 0-64 28.416-64 64v704c0 35.584 28.416 64 64 64h290.304v-64H256V128h256v256h256v158.976h64V365.248A64 64 0 0 0 813.248 320l-5.248-5.248-0.064-0.128-237.44-237.44a33.792 33.792 0 0 0-18.24-9.472A64 64 0 0 0 530.752 64H256z m466.752 256H576V173.248L722.752 320z"  ></path><path d="M768 960v-128h-128v-64h128v-128h64v128h128v64h-128v128h-64z"  ></path></symbol><symbol id="iconicon_file_unknown" viewBox="0 0 1024 1024"><path d="M224 128v768H576v64H223.68c-30.4 0-63.68-21.568-63.68-59.008V123.008c0-37.44 33.28-59.008 63.68-59.008h338.624a64 64 0 0 1 45.696 19.2l232.576 237.056a64 64 0 0 1 18.304 44.8V480h-64V384.832h-256V128H224z m378.88 41.344v151.488h148.608L602.88 169.344z"  ></path><path d="M730.88 538.88c-68.48 0-128 52.608-128 121.728h64c0-29.76 26.688-57.664 64-57.664 37.376 0 64 27.904 64 57.664 0 19.2-17.92 42.24-46.016 52.864H748.8c-28.352 11.008-49.856 37.952-49.856 71.168v42.24h64v-42.24c0-4.16 2.688-8.96 8.832-11.392 42.112-16 87.168-56.96 87.168-112.64 0-69.12-59.456-121.664-128-121.664zM730.88 883.2a38.4 38.4 0 1 0 0 76.8 38.4 38.4 0 0 0 0-76.8z"  ></path></symbol><symbol id="iconicon_error_circle_filled" viewBox="0 0 1024 1024"><path d="M960 512A448 448 0 1 0 64 512a448 448 0 0 0 896 0zM544 256v352h-64V256h64z m-70.784 448h76.8v76.8h-76.8V704z"  ></path></symbol><symbol id="iconicon_help" viewBox="0 0 1024 1024"><path d="M512 160c-121.408 0-224 92.672-224 211.2h64c0-79.104 69.696-147.2 160-147.2s160 68.096 160 147.2c0 56.576-49.6 112-112.64 135.936l-0.192 0.064C513.536 524.8 480 567.68 480 619.52V704h64V619.52c0-22.784 14.72-43.52 38.144-52.544C659.456 537.6 736 464.064 736 371.2c0-118.528-102.592-211.2-224-211.2zM512 768a48 48 0 1 0 0 96 48 48 0 0 0 0-96z"  ></path></symbol><symbol id="iconicon_fullscreen_exit" viewBox="0 0 1024 1024"><path d="M416 370.752V192h64v256a32 32 0 0 1-32 32H192v-64h178.752L137.344 182.656l45.312-45.312L416 370.752zM608 653.248V832h-64V576a32 32 0 0 1 32-32h256v64h-178.752l233.408 233.344-45.248 45.312L608 653.248z"  ></path></symbol><symbol id="iconicon_file_pdf" viewBox="0 0 1024 1024"><path d="M224 896V128h320v256.832h256V480h64V365.056a64 64 0 0 0-18.304-44.8L613.12 83.2a64 64 0 0 0-45.696-19.2h-343.68c-30.464 0-63.744 21.568-63.744 59.008v777.984c0 37.44 33.28 59.008 63.68 59.008H768v-64H224z m532.608-575.168H608V169.344l148.608 151.488z"  ></path><path d="M536.128 576h119.104c30.976 0 56 25.088 56 56v142.784a56 56 0 0 1-56 56H536.128V576z m48 48v158.784h71.104a8 8 0 0 0 8-8V632a8 8 0 0 0-8-8H584.128zM320 576.384h119.104c30.976 0 56 25.088 56 56v67.328a56 56 0 0 1-56 56H368v76.16H320V576.384z m48 131.328h71.104a8 8 0 0 0 8-8V632.32a8 8 0 0 0-8-8H368v83.328zM752.256 831.872h48v-101.184h103.104v-48h-103.104V624h103.104V576h-151.104v255.872z"  ></path></symbol><symbol id="iconicon_gift" viewBox="0 0 1024 1024"><path d="M224 256c0 36.032 11.904 69.248 32 96H160A32 32 0 0 0 128 384v512a32 32 0 0 0 32 32h704a32 32 0 0 0 32-32V384a32 32 0 0 0-32-32H768a160 160 0 0 0-256-192A160 160 0 0 0 224 256z m512 0A96 96 0 0 1 640 352H544V256a96 96 0 1 1 192 0z m-256 160V704h64V416H832v448H192v-448h288z m0-64H384A96 96 0 1 1 480 256v96z"  ></path></symbol><symbol id="iconicon_gender_female" viewBox="0 0 1024 1024"><path d="M512 107.392a224 224 0 0 0-31.168 445.888v86.848h-128v64h128v224h64v-224h128v-64h-128V553.024A224 224 0 0 0 512 107.392z m0 64a160 160 0 1 1 0 320 160 160 0 0 1 0-320z"  ></path></symbol><symbol id="iconicon_home1" viewBox="0 0 1024 1024"><path d="M384 704v64h256v-64H384z"  ></path><path d="M489.344 105.344a32 32 0 0 1 45.312 0l416 416-45.248 45.312L832 493.248V864a64 64 0 0 1-64 64H256a64 64 0 0 1-64-64V493.248L118.656 566.656l-45.312-45.312 416-416zM512 173.248l-256 256V864h512V429.248l-256-256z"  ></path></symbol><symbol id="iconicon_heart_filled" viewBox="0 0 1024 1024"><path d="M128 423.232c0-186.496 221.696-284.032 359.168-158.016L512 288l24.832-22.784C674.304 139.2 896 236.8 896 423.232c0 56.832-22.592 111.36-62.72 151.552l-311.936 311.872c-5.12 5.12-13.504 5.12-18.688 0L190.784 574.784A214.336 214.336 0 0 1 128 423.232z"  ></path></symbol><symbol id="iconicon_info_circle" viewBox="0 0 1024 1024"><path d="M480.384 768V416h64V768h-64zM550.4 256H473.6v76.8h76.8V256z"  ></path><path d="M64 512a448 448 0 1 0 896 0A448 448 0 0 0 64 512z m64 0a384 384 0 1 1 768 0A384 384 0 0 1 128 512z"  ></path></symbol><symbol id="iconicon_file_icon" viewBox="0 0 1024 1024"><path d="M224 128v768h494.976v64H223.68c-30.4 0-63.68-21.568-63.68-59.008V123.008c0-37.44 33.28-59.008 63.68-59.008h343.68a64 64 0 0 1 45.76 19.2l232.576 237.056a64 64 0 0 1 18.304 44.8V480h-64V384.832h-256V128h-320z m384 192.832h148.608L608 169.344v151.488z"  ></path><path d="M286.784 576h128v51.2h-38.4v153.6h38.4v51.2h-128v-51.2h38.4V627.2h-38.4V576zM576 576H498.688A50.944 50.944 0 0 0 448 627.2v153.6c0 28.288 22.72 51.2 50.688 51.2H576v-51.2H498.688V627.2H576V576zM883.008 627.2V832H832V576h111.552c28.16 0 51.072 22.912 51.072 51.2V832h-51.072V627.2h-60.544zM608 627.84V780.8c0 28.16 22.848 51.008 51.008 51.008h76.544c28.16 0 51.008-22.848 51.008-51.008V627.776a51.008 51.008 0 0 0-51.008-51.008h-76.544a51.008 51.008 0 0 0-51.008 51.008z m51.008 153.024V627.776h76.544v153.088h-76.544z"  ></path></symbol><symbol id="iconicon_heart" viewBox="0 0 1024 1024"><path d="M512 374.848l68.096-62.464C676.48 224.064 832 292.48 832 423.232c0 39.872-15.872 78.08-44.032 106.24L512 805.568 236.032 529.536A150.336 150.336 0 0 1 192 423.232C192 292.416 347.52 224 443.904 312.32L512 374.848z m-24.832-109.632C349.696 139.2 128 236.8 128 423.232c0 56.832 22.592 111.36 62.72 151.552l311.936 311.872c5.12 5.12 13.504 5.12 18.688 0l311.872-311.872c40.192-40.192 62.784-94.72 62.784-151.552 0-186.496-221.696-284.032-359.168-158.016L512 288l-24.832-22.784z"  ></path></symbol><symbol id="iconicon_history" viewBox="0 0 1024 1024"><path d="M505.984 178.752c188.416 0 339.456 150.208 339.456 333.376 0 183.104-151.04 333.312-339.456 333.312-157.568 0-288.96-104.96-327.808-246.4l-66.112 10.752c44.224 173.696 203.84 302.336 393.92 302.336 224.256 0 406.08-179.136 406.08-400 0-220.928-181.76-400-406.08-400A407.552 407.552 0 0 0 178.56 275.456v-106.24H112v201.408a32 32 0 0 0 32 32h200.128V335.808H217.92a340.288 340.288 0 0 1 288-157.056z"  ></path><path d="M448 352v184.896l169.344 169.344 45.248-45.248L512 510.4V352H448z"  ></path></symbol><symbol id="iconicon_hourglass" viewBox="0 0 1024 1024"><path d="M512 455.424l256-212.288V160H256v83.2l256 212.224zM192 273.216V160a64 64 0 0 1 64-64h512a64 64 0 0 1 64 64v113.28L544 512l288 238.72v113.28a64 64 0 0 1-64 64H256a64 64 0 0 1-64-64v-113.28L480 512 192 273.28z m64 507.648V864h512v-83.2L512 568.64l-256 212.288z"  ></path></symbol><symbol id="iconicon_info_circle_filled" viewBox="0 0 1024 1024"><path d="M512 960A448 448 0 1 0 512 64a448 448 0 0 0 0 896zM473.6 256h76.8v76.8H473.6V256z m6.784 160h64V768h-64V416z"  ></path></symbol><symbol id="iconicon_folder_open" viewBox="0 0 1024 1024"><path d="M160 175.616h251.456L544 281.216h320v-64H566.4l-132.608-105.6H160v64zM160 281.28a64 64 0 0 0-64 64V832a64 64 0 0 0 64 64h704a64 64 0 0 0 64-64V450.88a64 64 0 0 0-64-64H523.2l-132.608-105.6H160z m0 64h208.256l132.544 105.6H864V832h-704V345.28z"  ></path></symbol><symbol id="iconicon_help_circle_filled" viewBox="0 0 1024 1024"><path d="M959.616 512a448 448 0 1 0-896 0 448 448 0 0 0 896 0zM371.392 424.384c0-77.312 62.848-140.224 140.224-140.224 77.44 0 140.288 62.912 140.288 140.224 0 62.08-47.552 110.144-95.04 129.536a21.632 21.632 0 0 0-13.248 20.16v51.008h-64V574.08c0-35.84 21.76-66.496 52.928-79.36l0.128-0.064c31.68-12.864 55.232-42.048 55.232-70.272 0-41.984-34.24-76.224-76.288-76.224-41.984 0-76.224 34.24-76.224 76.224h-64z m106.496 290.688a33.728 33.728 0 1 1 67.456 0 33.728 33.728 0 0 1-67.456 0z"  ></path></symbol><symbol id="iconicon_help_circle" viewBox="0 0 1024 1024"><path d="M473.216 742.4a38.4 38.4 0 1 1 76.8 0 38.4 38.4 0 0 1-76.8 0zM511.616 256.384A155.328 155.328 0 0 0 356.48 411.584h64c0-50.24 40.96-91.2 91.2-91.2s91.2 40.96 91.2 91.2c0 34.432-28.416 68.928-65.6 84.032h-0.128c-33.92 14.08-57.472 47.36-57.472 86.272V640h64v-58.112c0-12.416 7.36-22.72 17.792-27.008 52.992-21.568 105.408-74.944 105.408-143.296a155.328 155.328 0 0 0-155.2-155.2z"  ></path><path d="M959.616 512a448 448 0 1 0-896 0 448 448 0 0 0 896 0z m-64 0a384 384 0 1 1-768 0 384 384 0 0 1 768 0z"  ></path></symbol><symbol id="iconicon_image" viewBox="0 0 1024 1024"><path d="M640 512a128 128 0 1 0 0-256 128 128 0 0 0 0 256z m0-64a64 64 0 1 0 0-128 64 64 0 0 0 0 128z"  ></path><path d="M128 832a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64V192a64 64 0 0 0-64-64H192a64 64 0 0 0-64 64v640z m64-82.752l192-192L658.752 832H192v-82.752z m0-90.496V192h640v640h-82.752L384 466.752l-192 192z"  ></path></symbol><symbol id="iconicon_gender_male" viewBox="0 0 1024 1024"><path d="M832 230.4a38.4 38.4 0 0 0-38.4-38.4H576v64h152.512l-237.44 237.44a224 224 0 1 0 44.352 46.08L768 307.008V448h64V230.4z m-591.552 553.152a160 160 0 1 1 226.304-226.304 160 160 0 0 1-226.304 226.304z"  ></path></symbol><symbol id="iconicon_fullsreen" viewBox="0 0 1024 1024"><path d="M224 269.248V448h-64V192a32 32 0 0 1 32-32h256v64H269.248l201.408 201.344-45.312 45.312L224 269.248zM800 754.752V576h64v256a32 32 0 0 1-32 32H576v-64h178.752L553.344 598.656l45.312-45.312 201.344 201.408z"  ></path></symbol><symbol id="iconicon_image_error" viewBox="0 0 1024 1024"><path d="M128 832V512h64v146.752l192-192L749.248 832H832V192H512V128h320a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H192a64 64 0 0 1-64-64z m256-274.752l-192 192V832h466.752L384 557.248z"  ></path><path d="M768 384a128 128 0 1 1-256 0 128 128 0 0 1 256 0z m-64 0a64 64 0 1 0-128 0 64 64 0 0 0 128 0zM402.048 355.84l-45.248 45.184-90.496-90.496-90.496 90.496-45.312-45.248 90.56-90.496-90.56-90.496 45.312-45.248L266.24 220.032l90.496-90.496 45.248 45.248-90.496 90.496 90.496 90.496z"  ></path></symbol><symbol id="iconicon_folder_add" viewBox="0 0 1024 1024"><path d="M96 192a64 64 0 0 1 64-64h229.76l132.608 96H832a64 64 0 0 1 64 64v256h-64v-256H501.632L369.088 192H160v576h384v64h-384a64 64 0 0 1-64-64V192z"  ></path><path d="M768 960v-128h-128v-64h128v-128h64v128h128v64h-128v128h-64z"  ></path></symbol><symbol id="iconicon_file_excel" viewBox="0 0 1024 1024"><path d="M224 128v768H512v64H223.68c-30.4 0-63.68-21.568-63.68-59.008V123.008c0-37.44 33.28-59.008 63.68-59.008h343.68a64 64 0 0 1 45.76 19.2l232.576 237.056a64 64 0 0 1 18.304 44.8V480h-64V384.832h-256V128h-320z m384 41.344v151.488h148.608L608 169.344z"  ></path><path d="M661.504 626.688v-53.76h-64v53.76c0 16.512 5.632 32.512 16 45.44l76.16 94.784-76.16 94.848c-10.368 12.864-16 28.864-16 45.44v53.76h64v-53.76c0-1.92 0.64-3.84 1.92-5.376l67.328-83.84 67.392 83.84c1.216 1.536 1.856 3.392 1.856 5.312v53.76h64v-53.76c0-16.512-5.632-32.512-16-45.44l-76.16-94.72 76.16-94.848c10.368-12.928 16-28.928 16-45.44v-53.76h-64v53.76c0 1.92-0.64 3.84-1.92 5.312l-67.328 83.84-67.328-83.84a8.448 8.448 0 0 1-1.92-5.312z"  ></path></symbol><symbol id="iconicon_forward" viewBox="0 0 1024 1024"><path d="M944.512 487.04a32 32 0 0 1 0 49.92L583.68 825.088a32 32 0 0 1-51.904-24.96V527.04a31.936 31.936 0 0 1-7.808 9.6L180.48 822.72a32 32 0 0 1-52.48-24.576V225.792a32 32 0 0 1 52.48-24.576l343.488 286.208a31.872 31.872 0 0 1 7.808 9.6V223.872a32 32 0 0 1 51.904-24.96l360.832 288z m-348.8-196.608v443.136L873.344 512 595.776 290.432zM192 294.08v435.84L453.504 512 192 294.08z"  ></path></symbol><symbol id="iconicon_internet" viewBox="0 0 1024 1024"><path d="M70.4 505.6a441.6 441.6 0 1 1 883.2 0v12.8a441.6 441.6 0 1 1-883.2 0v-12.8z m818.368 38.4h-192a631.232 631.232 0 0 1-125.184 347.328A377.728 377.728 0 0 0 888.768 544z m-192-64h192A377.792 377.792 0 0 0 571.52 132.672 631.232 631.232 0 0 1 696.768 480z m-64.064 0A567.36 567.36 0 0 0 512 160.192 567.36 567.36 0 0 0 391.296 480h241.408z m-305.472 64h-192a377.728 377.728 0 0 0 317.184 347.328A631.296 631.296 0 0 1 327.232 544z m0-64A631.296 631.296 0 0 1 452.48 132.672 377.728 377.728 0 0 0 135.232 480h192z m305.472 64H391.296A567.36 567.36 0 0 0 512 863.808 567.36 567.36 0 0 0 632.704 544z"  ></path></symbol><symbol id="iconicon_check_circle_filled" viewBox="0 0 1024 1024"><path d="M512 960A448 448 0 1 0 512 64a448 448 0 0 0 0 896zM288 525.248l45.248-45.248L448 594.752 690.752 352l45.248 45.248-288 288-160-160z"  ></path></symbol><symbol id="iconicon_chevron_right_circle" viewBox="0 0 1024 1024"><path d="M397.248 333.248L576 512l-178.752 178.752 45.248 45.248 224-224-224-224-45.248 45.248z"  ></path><path d="M512 960A448 448 0 1 1 512 64a448 448 0 0 1 0 896z m0-64A384 384 0 1 0 512 128a384 384 0 0 0 0 768z"  ></path></symbol><symbol id="iconicon_creditcard" viewBox="0 0 1024 1024"><path d="M224 704h192v-64h-192v64z"  ></path><path d="M960 768V256a64 64 0 0 0-64-64H128a64 64 0 0 0-64 64v512a64 64 0 0 0 64 64h768a64 64 0 0 0 64-64z m-64-512v96H128V256h768zM128 768V416h768V768H128z"  ></path></symbol><symbol id="iconicon_close_circle_filled" viewBox="0 0 1024 1024"><path d="M960 512A448 448 0 1 0 64 512a448 448 0 0 0 896 0zM362.88 316.672L512 466.56l149.12-149.952 45.312 45.12L557.12 512l149.312 150.272-45.376 45.056L512 557.44l-149.12 150.016-45.312-45.184L466.88 512 317.568 361.792l45.376-45.12z"  ></path></symbol><symbol id="iconicon_circle" viewBox="0 0 1024 1024"><path d="M512 64a448 448 0 1 1 0 896A448 448 0 0 1 512 64z m0 64a384 384 0 1 0 0 768A384 384 0 0 0 512 128z"  ></path></symbol><symbol id="iconicon_chevron_left_circle" viewBox="0 0 1024 1024"><path d="M626.752 690.752L448 512l178.752-178.752-45.248-45.248-224 224 224 224 45.248-45.248z"  ></path><path d="M512 64a448 448 0 1 1 0 896A448 448 0 0 1 512 64z m0 64a384 384 0 1 0 0 768A384 384 0 0 0 512 128z"  ></path></symbol><symbol id="iconicon_chevron_left_double" viewBox="0 0 1024 1024"><path d="M834.56 285.44l-58.816-58.88L490.304 512l285.44 285.44 58.88-58.88L608 512l226.56-226.56z"  ></path><path d="M514.56 285.44l-58.816-58.88L170.304 512l285.44 285.44 58.88-58.88L288 512l226.56-226.56z"  ></path></symbol><symbol id="iconicon_chevron_right" viewBox="0 0 1024 1024"><path d="M413.44 797.44l-58.816-58.88L581.184 512l-226.56-226.56 58.88-58.88L698.88 512l-285.44 285.44z"  ></path></symbol><symbol id="iconicon_control_platform" viewBox="0 0 1024 1024"><path d="M927.68 272L542.08 49.28a59.968 59.968 0 0 0-60.032 0L96.32 272v445.376c0 21.44 11.456 41.216 30.016 51.968L512 992l385.728-222.72a59.968 59.968 0 0 0 29.952-51.904V272zM512 475.008L192.256 290.432 512 105.856l319.68 184.576L512 475.008z m32.064 55.488l319.68-184.576v369.088L544 899.52V530.56z m-64 0v369.024l-319.744-184.512V345.856L480 530.56z"  ></path></symbol><symbol id="iconicon_close" viewBox="0 0 1024 1024"><path d="M512 570.88l196.864 196.8 58.88-58.88L570.752 512l196.864-196.864-58.816-58.88L512 453.248 315.136 256.32l-58.88 58.88L453.248 512l-196.864 196.864 58.88 58.88L512 570.752z"  ></path></symbol><symbol id="iconicon_check" viewBox="0 0 1024 1024"><path d="M411.776 635.008l398.208-398.272 58.88 58.88-457.088 457.024-285.44-285.44 58.88-58.816 226.56 226.56z"  ></path></symbol><symbol id="iconicon_chevron_right_double" viewBox="0 0 1024 1024"><path d="M189.44 738.56l58.816 58.88L533.696 512l-285.44-285.44-58.88 58.88L416 512l-226.56 226.56z m320 0l58.816 58.88L853.696 512l-285.44-285.44-58.88 58.88L736 512l-226.56 226.56z"  ></path></symbol><symbol id="iconicon_check_rectangle_filled" viewBox="0 0 1024 1024"><path d="M128 832a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64V192a64 64 0 0 0-64-64H192a64 64 0 0 0-64 64v640z m320-233.152l241.6-241.6 45.248 45.248L448 689.344 288.832 530.24l45.312-45.248L448 598.912z"  ></path></symbol><symbol id="iconicon_cloud_upload" viewBox="0 0 1024 1024"><path d="M302.72 400.832l-45.568 5.312C185.408 414.464 128 476.992 128 554.624c0 77.44 56.96 139.648 128 148.352v64.32c-107.328-8.896-192-100.864-192-212.608 0-109.76 81.28-199.936 185.792-212.16C276.032 219.52 383.552 128 512 128c128.448 0 235.968 91.456 262.208 214.528 104.576 12.16 185.792 102.4 185.792 212.16 0 111.744-84.672 203.712-192 212.608v-64.32c71.04-8.704 128-70.912 128-148.288 0-77.696-57.344-140.16-129.152-148.544l-45.632-5.312-9.6-44.928C691.392 261.184 609.024 192 512 192 414.976 192 332.608 261.12 312.32 355.904l-9.6 44.928z"  ></path><path d="M392.96 686.08l86.912-85.248 2.176 327.616 64.64-0.448-2.112-326.464 87.872 85.696 45.696-44.8-144.128-140.544a32 32 0 0 0-44.736 0l-142.08 139.52 45.824 44.672z"  ></path></symbol><symbol id="iconicon_chevron_up_circle" viewBox="0 0 1024 1024"><path d="M333.248 626.752L512 448l178.752 178.752 45.248-45.248-224-224-224 224 45.248 45.248z"  ></path><path d="M960 512A448 448 0 1 1 64 512a448 448 0 0 1 896 0z m-64 0A384 384 0 1 0 128 512a384 384 0 0 0 768 0z"  ></path></symbol><symbol id="iconicon_chevron_down_circle" viewBox="0 0 1024 1024"><path d="M690.752 397.248L512 576 333.248 397.248l-45.248 45.248 224 224 224-224-45.248-45.248z"  ></path><path d="M64 512a448 448 0 1 1 896 0A448 448 0 0 1 64 512z m64 0a384 384 0 1 0 768 0A384 384 0 0 0 128 512z"  ></path></symbol><symbol id="iconicon_chevron_up_rectangle" viewBox="0 0 1024 1024"><path d="M333.248 626.752L512 448l178.752 178.752 45.248-45.248-224-224-224 224 45.248 45.248z"  ></path><path d="M128 192a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H192a64 64 0 0 1-64-64V192z m64 0v640h640V192H192z"  ></path></symbol><symbol id="iconicon_close_rectangle" viewBox="0 0 1024 1024"><path d="M308.352 670.4L466.752 512 308.352 353.6l45.248-45.248L512 466.752l158.4-158.4 45.248 45.248L557.248 512l158.4 158.4-45.248 45.248L512 557.248l-158.4 158.4-45.248-45.248z"  ></path><path d="M192 896a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H192z m0-64h640V192H192v640z"  ></path></symbol><symbol id="iconicon_chevron_down_rectangle" viewBox="0 0 1024 1024"><path d="M690.752 397.248L512 576 333.248 397.248l-45.248 45.248 224 224 224-224-45.248-45.248z"  ></path><path d="M896 832a64 64 0 0 1-64 64H192a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v640z m-64 0V192H192v640h640z"  ></path></symbol><symbol id="iconicon_chevron_left" viewBox="0 0 1024 1024"><path d="M610.56 226.56l58.816 58.88L442.816 512l226.56 226.56-58.88 58.88L325.12 512l285.44-285.44z"  ></path></symbol><symbol id="iconicon_check_circle" viewBox="0 0 1024 1024"><path d="M288 525.248l160 160 288-288-45.248-45.248L448 594.752 333.248 480l-45.248 45.248z"  ></path><path d="M263.104 139.52a448 448 0 1 1 497.792 744.96A448 448 0 0 1 263.104 139.52z m35.584 691.776a384 384 0 1 0 426.624-638.592 384 384 0 0 0-426.624 638.592z"  ></path></symbol><symbol id="iconicon_chevron_right_rectangle" viewBox="0 0 1024 1024"><path d="M397.248 333.248L576 512l-178.752 178.752 45.248 45.248 224-224-224-224-45.248 45.248z"  ></path><path d="M832 128a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H192a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h640z m0 64H192v640h640V192z"  ></path></symbol><symbol id="iconicon_check_rectangle" viewBox="0 0 1024 1024"><path d="M689.6 357.248L448 598.848l-113.92-113.92-45.248 45.312L448 689.28l286.848-286.848-45.248-45.248z"  ></path><path d="M192 896a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H192z m0-64h640V192H192v640z"  ></path></symbol><symbol id="iconicon_close_circle" viewBox="0 0 1024 1024"><path d="M318.72 659.968L466.816 512 318.72 364.032l45.248-45.248L512 466.752l147.968-147.968 45.248 45.248L557.248 512l147.968 147.968-45.248 45.248L512 557.248 364.032 705.28l-45.248-45.248z"  ></path><path d="M512 64a448 448 0 1 1 0 896A448 448 0 0 1 512 64z m0 64a384 384 0 1 0 0 768A384 384 0 0 0 512 128z"  ></path></symbol><symbol id="iconicon_cloud" viewBox="0 0 1024 1024"><path d="M302.72 464.704l9.6-44.864C332.672 325.056 415.04 255.936 512 255.936s179.392 69.12 199.68 163.904l9.6 44.864 45.568 5.376C838.656 478.4 896 540.928 896 618.56 896 702.208 829.632 768 750.912 768H273.088C194.368 767.936 128 702.08 128 618.624c0-77.696 57.344-140.16 129.216-148.544l45.568-5.376z m471.488-58.24C747.968 283.328 640.448 192 512 192c-128.448 0-235.968 91.392-262.208 214.528C145.216 418.624 64 508.864 64 618.624c0 117.632 93.76 213.312 209.088 213.312h477.824c115.328 0 209.088-95.68 209.088-213.312 0-109.76-81.28-199.936-185.792-212.16z"  ></path></symbol><symbol id="iconicon_chevron_down" viewBox="0 0 1024 1024"><path d="M226.56 413.44l58.88-58.88L512 581.12l226.56-226.56 58.88 58.88L512 698.88 226.56 413.44z"  ></path></symbol><symbol id="iconicon_delete" viewBox="0 0 1024 1024"><path d="M384 768V384h64v384H384zM576 384v384h64V384H576z"  ></path><path d="M672 192H896v64h-64v640a64 64 0 0 1-64 64H256a64 64 0 0 1-64-64V256H128V192h224V115.2a51.2 51.2 0 0 1 51.2-51.2h217.6a51.2 51.2 0 0 1 51.2 51.2V192z m-256 0h192V128h-192v64zM256 256v640h512V256H256z"  ></path></symbol><symbol id="iconicon_chevron_up" viewBox="0 0 1024 1024"><path d="M797.44 610.56l-58.88 58.88L512 442.88l-226.56 226.56-58.88-58.88L512 325.248l285.44 285.44z"  ></path></symbol><symbol id="iconicon_code" viewBox="0 0 1024 1024"><path d="M572.16 163.712L389.952 843.712l61.824 16.576L633.984 180.288l-61.824-16.576zM137.6 512l219.2 219.2-45.248 45.248L74.24 539.136a38.4 38.4 0 0 1 0-54.272l237.312-237.312 45.248 45.248L137.6 512zM886.144 512l-220.16 217.728 44.928 45.44 238.656-235.84a38.4 38.4 0 0 0 0-54.656l-238.656-235.904-44.992 45.504L886.144 512z"  ></path></symbol><symbol id="iconicon_dashboard" viewBox="0 0 1024 1024"><path d="M887.936 314.048L600.128 601.984l-45.312-45.312 288-287.872 45.248 45.248z"  ></path><path d="M513.408 707.328a64 64 0 1 1 0-128 64 64 0 0 1 0 128z m0 64a128 128 0 1 0 0-256 128 128 0 0 0 0 256z"  ></path><path d="M512 224a416 416 0 0 0-341.44 653.696l-52.48 36.608A480 480 0 0 1 734.72 214.656l-29.76 56.704A414.08 414.08 0 0 0 512 224z m416 416a414.08 414.08 0 0 0-46.848-192l56.768-29.568A478.08 478.08 0 0 1 992 640a477.952 477.952 0 0 1-86.08 274.304l-52.48-36.608A413.952 413.952 0 0 0 928 640z"  ></path></symbol><symbol id="iconicon_clear" viewBox="0 0 1024 1024"><path d="M448 256h128V128H448v128z m192-128v128h192a64 64 0 0 1 64 64v128a64 64 0 0 1-54.976 63.36l44.544 311.616a64 64 0 0 1-63.36 73.024H201.792a64 64 0 0 1-63.36-73.024L183.04 511.36A64 64 0 0 1 128 448V320a64 64 0 0 1 64-64h192V128a64 64 0 0 1 64-64h128a64 64 0 0 1 64 64z m136.512 320H832V320H192v128h584.512z m0 64H247.488l-45.696 320H320v-128h64v128h96v-128h64v128H640v-128h64v128h118.208l-45.696-320z"  ></path></symbol><symbol id="iconicon_chevron_left_rectangle" viewBox="0 0 1024 1024"><path d="M626.752 690.752L448 512l178.752-178.752-45.248-45.248-224 224 224 224 45.248-45.248z"  ></path><path d="M192 896a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H192z m0-64h640V192H192v640z"  ></path></symbol><symbol id="iconicon_cloud_download" viewBox="0 0 1024 1024"><path d="M302.72 400.832l-45.568 5.312C185.408 414.464 128 476.992 128 554.624c0 77.44 56.96 139.648 128 148.352v64.32c-107.328-8.896-192-100.864-192-212.608 0-109.76 81.28-199.936 185.792-212.16C276.032 219.52 383.552 128 512 128c128.448 0 235.968 91.456 262.208 214.528 104.576 12.16 185.792 102.4 185.792 212.16 0 111.744-84.672 203.712-192 212.608v-64.32c71.04-8.704 128-70.912 128-148.288 0-77.696-57.344-140.16-129.152-148.544l-45.632-5.312-9.6-44.928C691.392 261.184 609.024 192 512 192 414.976 192 332.608 261.12 312.32 355.904l-9.6 44.928z"  ></path><path d="M627.008 723.2l-82.816 82.496V511.808H480.128v293.888l-82.816-82.56-45.312 45.248 137.6 137.088a32 32 0 0 0 45.12 0l137.6-137.088-45.312-45.184z"  ></path></symbol><symbol id="iconicon_desktop" viewBox="0 0 1024 1024"><path d="M160 704h320v128H192v64h640v-64H544v-128h320a64 64 0 0 0 64-64V192a64 64 0 0 0-64-64h-704a64 64 0 0 0-64 64v448a64 64 0 0 0 64 64z m0-512h704v448h-704V192z"  ></path></symbol><symbol id="iconicon_ellipsis" viewBox="0 0 1024 1024"><path d="M192 576a64 64 0 1 1 0-128 64 64 0 0 1 0 128zM448 512a64 64 0 1 0 128 0 64 64 0 0 0-128 0zM768 512a64 64 0 1 0 128 0 64 64 0 0 0-128 0z"  ></path></symbol><symbol id="iconicon_edit" viewBox="0 0 1024 1024"><path d="M696.448 111.168l207.552 207.552 45.248-45.248L741.76 65.92l-45.248 45.248zM150.528 887.232l231.232-46.208 467.072-467.072L641.216 166.4 174.208 633.408l-46.272 231.232a19.2 19.2 0 0 0 22.592 22.592z m490.688-630.4l117.12 117.12-408.128 408.064-146.304 29.312 29.248-146.368 408.064-408.064z"  ></path></symbol><symbol id="iconicon_download" viewBox="0 0 1024 1024"><path d="M784.896 372.096L544 612.928V32h-64v580.928L239.104 372.096l-45.248 45.248 295.488 295.488a32 32 0 0 0 45.312 0l295.488-295.488-45.248-45.248z"  ></path><path d="M128 704v128a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-128h-64v128H192v-128H128z"  ></path></symbol><symbol id="iconicon_discount_filled" viewBox="0 0 1024 1024"><path d="M447.168 341.12A75.008 75.008 0 1 1 341.12 447.104 75.008 75.008 0 0 1 447.168 341.12z"  ></path><path d="M128 494.72a64 64 0 0 0 18.752 45.248l378.368 378.368a64 64 0 0 0 90.496 0l302.72-302.72a64 64 0 0 0 0-90.496L539.968 146.752A64 64 0 0 0 494.72 128H128v366.72z m364.416-198.912a139.008 139.008 0 1 1-196.608 196.608 139.008 139.008 0 0 1 196.608-196.608z"  ></path></symbol><symbol id="iconicon_caret_down" viewBox="0 0 1024 1024"><path d="M512 661.312L256 320h512l-256 341.312z m-25.6 72.576a32 32 0 0 0 51.2 0l320-426.688A32 32 0 0 0 832 256H192a32 32 0 0 0-25.6 51.2l320 426.688z"  ></path></symbol><symbol id="iconicon_backtop" viewBox="0 0 1024 1024"><path d="M127.936 191.936h768v-64h-768v64zM216.128 654.72l263.04-258.24v553.536h64.64V396.16l267.52 260.928 45.76-44.8-323.2-315.264a32 32 0 0 0-44.8 0.064L170.24 610.048l45.824 44.608z"  ></path></symbol><symbol id="iconicon_caret_right" viewBox="0 0 1024 1024"><path d="M725.376 512L384 768V256l341.376 256z m72.512 25.6a32 32 0 0 0 0-51.2L371.2 166.4A32 32 0 0 0 320 192v640a32 32 0 0 0 51.2 25.6l426.688-320z"  ></path></symbol><symbol id="iconicon_bulletpoint" viewBox="0 0 1024 1024"><path d="M896 192H320v64h576V192zM224 192H128v64h96V192zM320 480h576v64H320v-64zM128 480h96v64H128v-64zM320 768h576v64H320v-64zM128 768h96v64H128v-64z"  ></path></symbol><symbol id="iconicon_caret_right_small" viewBox="0 0 1024 1024"><path d="M384 320v384l288-192L384 320z"  ></path></symbol><symbol id="iconicon_add" viewBox="0 0 1024 1024"><path d="M470.4 553.6v246.4h83.2V553.6h246.4v-83.2H553.6V224h-83.2v246.4H224v83.2h246.4z"  ></path></symbol><symbol id="iconicon_caret_left" viewBox="0 0 1024 1024"><path d="M298.688 512L640 256v512L298.688 512z m-72.512-25.6a32 32 0 0 0 0 51.2l426.624 320a32 32 0 0 0 51.2-25.6V192a32 32 0 0 0-51.2-25.6l-426.624 320z"  ></path></symbol><symbol id="iconicon_caret_down_small" viewBox="0 0 1024 1024"><path d="M704 384H320l192 288L704 384z"  ></path></symbol><symbol id="iconicon_caret_left_small" viewBox="0 0 1024 1024"><path d="M672 320v384L384 512l288-192z"  ></path></symbol><symbol id="iconchart-bar" viewBox="0 0 1024 1024"><path d="M480 128v768h64V128h-64zM160 384v512h64V384h-64zM800 896v-256h64v256h-64z"  ></path></symbol><symbol id="iconicon_arrow_left" viewBox="0 0 1024 1024"><path d="M250.496 544l233.408 233.344-45.312 45.248-296.96-297.024a19.2 19.2 0 0 1 0-27.2l296.96-296.96 45.312 45.184L250.496 480H896v64H250.496z"  ></path></symbol><symbol id="iconicon_calendar" viewBox="0 0 1024 1024"><path d="M640 192H384V96H320V192H192a64 64 0 0 0-64 64v576a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64V256a64 64 0 0 0-64-64h-128V96h-64V192zM320 320h64V256h256v64h64V256h128v128H192V256h128v64zM192 448h640v384H192V448z"  ></path></symbol><symbol id="iconicon_chart_pie" viewBox="0 0 1024 1024"><path d="M960 512A448 448 0 1 1 64 512a448 448 0 0 1 896 0z m-65.28 32H480V129.28a384 384 0 1 0 414.72 414.72z m0-64A384.064 384.064 0 0 0 544 129.28V480h350.72z"  ></path></symbol><symbol id="iconicon_arrow_right" viewBox="0 0 1024 1024"><path d="M773.504 480L540.096 246.656l45.248-45.248 297.088 297.024a19.2 19.2 0 0 1 0 27.136l-297.088 297.088-45.248-45.248L773.504 544H128v-64h645.504z"  ></path></symbol><symbol id="iconicon_caret_up_small" viewBox="0 0 1024 1024"><path d="M704 672H320L512 384l192 288z"  ></path></symbol><symbol id="iconicon_browse" viewBox="0 0 1024 1024"><path d="M696.32 512a184.32 184.32 0 1 1-368.64 0 184.32 184.32 0 0 1 368.64 0z m-64 0a120.32 120.32 0 1 0-240.64 0 120.32 120.32 0 0 0 240.64 0z"  ></path><path d="M71.488 526.72c86.016 168.96 255.04 273.28 440.832 273.28 185.152 0 354.176-104.32 440.192-273.28L960 512l-7.488-14.72C866.56 328.96 697.472 224 512.32 224c-185.792 0-354.816 104.96-440.832 273.28L64 512l7.488 14.72z m440.832 209.28C355.2 736 212.416 650.88 135.04 512 212.416 373.12 355.2 288 512.32 288c156.48 0 299.264 85.12 377.216 224-77.312 138.88-220.736 224-377.216 224z"  ></path></symbol><symbol id="iconicon_books" viewBox="0 0 1024 1024"><path d="M511.936 593.792l-256 179.2v-581.12h512v581.12l-256-179.2z m0 78.08l269.632 188.8a32 32 0 0 0 50.368-26.24V191.936a64 64 0 0 0-64-64h-512a64 64 0 0 0-64 64v642.56a32 32 0 0 0 50.368 26.24l269.632-188.8z"  ></path></symbol><symbol id="iconicon_app" viewBox="0 0 1024 1024"><path d="M720 112a192 192 0 1 0 0 384 192 192 0 0 0 0-384z m-128 192a128 128 0 1 1 256 0 128 128 0 0 1-256 0zM128 192a64 64 0 0 1 64-64h224a64 64 0 0 1 64 64v224a64 64 0 0 1-64 64H192a64 64 0 0 1-64-64V192z m64 0v224h224V192H192zM128 608a64 64 0 0 1 64-64h224a64 64 0 0 1 64 64V832a64 64 0 0 1-64 64H192a64 64 0 0 1-64-64V608z m64 0V832h224V608H192zM544 608a64 64 0 0 1 64-64H832a64 64 0 0 1 64 64V832a64 64 0 0 1-64 64H608a64 64 0 0 1-64-64V608z m64 224H832V608H608V832z"  ></path></symbol><symbol id="iconicon_arrow_up" viewBox="0 0 1024 1024"><path d="M480 250.496L246.656 483.904l-45.248-45.248 297.024-297.088a19.2 19.2 0 0 1 27.136 0l297.088 297.088-45.248 45.248L544 250.496V896h-64V250.496z"  ></path></symbol><symbol id="iconicon_backward" viewBox="0 0 1024 1024"><path d="M79.488 536.96a32 32 0 0 1 0-49.92l360.768-288.064a32 32 0 0 1 51.968 24.96v273.024a31.936 31.936 0 0 1 7.808-9.6l343.488-286.144a32 32 0 0 1 52.48 24.576v572.416a32 32 0 0 1-52.48 24.576L500.032 536.576a31.936 31.936 0 0 1-7.808-9.6v273.088a32 32 0 0 1-51.968 24.96l-360.768-288z m348.8 196.608V290.432L150.656 512l277.504 221.568zM832 729.92v-435.84L570.496 512 832 729.92z"  ></path></symbol><symbol id="iconicon_cart" viewBox="0 0 1024 1024"><path d="M64 192h100.864l88.896 533.248a51.2 51.2 0 0 0 50.56 42.752H896v-64H315.136L293.76 576h552.576A51.2 51.2 0 0 0 896 537.216l54.4-217.6A51.2 51.2 0 0 0 900.736 256H240.448l-14.208-85.248A51.2 51.2 0 0 0 175.68 128H64v64z m772.352 320H283.136l-32-192h633.216l-48 192zM304 928a48 48 0 1 0 0-96 48 48 0 0 0 0 96zM820.032 928a48 48 0 1 0 0-96 48 48 0 0 0 0 96z"  ></path></symbol><symbol id="iconicon_attach" viewBox="0 0 1024 1024"><path d="M776.128 246.784a129.088 129.088 0 0 0-181.952 0.512l-461.44 461.44-45.248-45.248 461.44-461.44a193.088 193.088 0 1 1 273.024 273.088l-373.76 373.76A120.576 120.576 0 0 1 277.696 678.4l363.136-363.136 45.248 45.248-363.136 363.136a56.512 56.512 0 1 0 80 80l373.76-373.76a129.088 129.088 0 0 0-0.64-183.104z"  ></path></symbol><symbol id="iconchart" viewBox="0 0 1024 1024"><path d="M288 768V480h64V768h-64zM480 288V768h64V288h-64zM672 768V576h64v192h-64z"  ></path><path d="M128 192a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H192a64 64 0 0 1-64-64V192z m64 0v640h640V192H192z"  ></path></symbol><symbol id="iconicon_chat" viewBox="0 0 1024 1024"><path d="M296.832 672H832V256H192v503.36L296.832 672z m-137.344 197.76A19.2 19.2 0 0 1 128 855.04V256a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v416a64 64 0 0 1-64 64H320l-160.512 133.76z"  ></path></symbol><symbol id="iconicon_add_rectangle" viewBox="0 0 1024 1024"><path d="M480 704V544H320v-64h160V320h64v160H704v64H544V704h-64z"  ></path><path d="M192 896a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H192z m0-64h640V192H192v640z"  ></path></symbol><symbol id="iconicon_add_circle" viewBox="0 0 1024 1024"><path d="M480 544h-192v-64h192v-192h64v192h192v64h-192v192h-64v-192z"  ></path><path d="M512 960A448 448 0 1 0 512 64a448 448 0 0 0 0 896z m0-64A384 384 0 1 1 512 128a384 384 0 0 1 0 768z"  ></path></symbol><symbol id="iconicon_barcode" viewBox="0 0 1024 1024"><path d="M256 128v768H128V128h128z m640 0v768h-128V128h128z m-192 0v768h-64V128h64zM576 128v768H448V128h128zM384 128v768H320V128h64z"  ></path></symbol><symbol id="iconicon_arrow_down_rectangle" viewBox="0 0 1024 1024"><path d="M687.744 483.008L544 626.752V288h-64v338.752L336.256 483.008l-45.248 45.248L512 749.248l220.992-220.992-45.248-45.248z"  ></path><path d="M192 896a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H192z m0-64h640V192H192v640z"  ></path></symbol><symbol id="iconicon_browse_off" viewBox="0 0 1024 1024"><path d="M689.472 766.72l87.872 87.872 45.248-45.248L201.6 188.352l-45.248 45.248 77.44 77.44a505.664 505.664 0 0 0-162.304 186.24L64 512l7.488 14.72c86.016 168.96 255.04 273.28 440.832 273.28 61.696 0 121.6-11.584 177.152-33.28z m-50.048-50.048a427.008 427.008 0 0 1-127.104 19.328C355.2 736 212.416 650.88 135.04 512a438.72 438.72 0 0 1 144.384-155.264l69.376 69.376a184.32 184.32 0 0 0 248.96 248.96l41.6 41.6z m-241.92-241.92l151.68 151.68a120.32 120.32 0 0 1-151.68-151.68zM952.512 526.72L960 512l-7.488-14.72C866.56 328.96 697.472 224 512.32 224c-54.784 0-108.16 9.088-158.336 26.304l51.2 51.2A428.736 428.736 0 0 1 512.32 288c156.48 0 299.264 85.12 377.216 224a439.552 439.552 0 0 1-129.152 144.704l45.312 45.312a505.216 505.216 0 0 0 146.816-175.36z"  ></path><path d="M696.32 512c0 23.936-4.608 46.784-12.864 67.776l-52.16-52.16a120.32 120.32 0 0 0-134.912-134.912L444.16 340.48A184.32 184.32 0 0 1 696.32 512z"  ></path></symbol><symbol id="iconicon_backtop_rectangle" viewBox="0 0 1024 1024"><path d="M479.872 524.48L380.416 622.08l-45.824-44.672L512.128 403.2 691.2 577.92l-45.696 44.8-101.056-98.56V768h-64.64V524.48zM287.936 351.936h448v-64h-448v64z"  ></path><path d="M191.936 127.936a64 64 0 0 0-64 64v640a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-640a64 64 0 0 0-64-64h-640z m640 64v640h-640v-640h640z"  ></path></symbol><symbol id="iconicon_arrow_down" viewBox="0 0 1024 1024"><path d="M544 128v645.504l233.344-233.344 45.248 45.248-297.024 296.96a19.2 19.2 0 0 1-27.136 0l-297.088-296.96 45.312-45.248L480 773.44V128h64z"  ></path></symbol><symbol id="iconicon_call" viewBox="0 0 1024 1024"><path d="M896 707.648a195.2 195.2 0 0 1-33.152 112.64l-8.064 10.688a129.6 129.6 0 0 1-62.72 48c-17.92 6.656-29.184 8.64-58.176 11.968-124.672 11.648-260.928-46.592-395.52-166.272-89.856-80.128-157.184-180.352-189.568-282.816C135.04 398.528 128 356.928 128 319.232c0-45.184 10.24-84.288 30.72-113.664 19.456-26.752 56.448-48.96 112-69.952a64 64 0 0 1 74.88 22.912l106.624 150.912a64 64 0 0 1-5.76 80.896l-13.888 14.144-16.768 16.256a97.92 97.92 0 0 0-10.56 12.16c-1.472 19.584 19.456 59.968 80.384 122.368l18.176 16.96c56.192 51.84 71.296 56 88.576 44.032l5.76-4.736c6.144-4.672 22.08-15.744 56.192-39.232a64 64 0 0 1 65.984-3.904l15.552 8.192c106.432 56.832 155.008 91.008 159.744 126.08l0.384 4.992z m-64 1.024c0.064 5.248-7.36-2.816-22.72-13.952-22.464-16.256-57.088-36.864-103.488-61.632l-15.168-8.064-50.432 34.816c-1.216 0.768-1.728 1.088-1.536 0.832-55.04 43.2-102.4 31.104-197.952-59.904-73.344-75.008-102.4-131.072-99.328-172.288 1.472-22.592 17.024-43.264 32.128-55.68 6.4-6.144 12.8-12.416 18.432-18.176l8-8.32-106.56-150.848c-44.864 16.96-72.64 33.664-82.56 47.232C198.912 259.84 192 286.208 192 319.232c0 30.72 6.016 65.92 17.792 103.36 28.8 91.072 89.6 181.632 171.136 254.272 122.432 108.928 242.304 160.128 346.368 150.4l16.448-2.048c11.392-1.6 17.792-3.2 25.92-6.208 14.08-5.248 25.088-13.44 34.112-26.56 17.088-20.864 26.24-47.616 27.904-72.96l0.32-10.816z"  ></path></symbol><symbol id="iconicon_caret_up" viewBox="0 0 1024 1024"><path d="M512 362.688L768 704H256l256-341.312z m25.6-72.576a32 32 0 0 0-51.2 0l-320 426.688a32 32 0 0 0 25.6 51.2h640a32 32 0 0 0 25.6-51.2l-320-426.688z"  ></path></symbol><symbol id="iconicon_chart_bubble" viewBox="0 0 1024 1024"><path d="M576 352a192 192 0 1 1-384 0 192 192 0 0 1 384 0z m-64 0a128 128 0 1 0-256 0 128 128 0 0 0 256 0zM896 640a160 160 0 1 1-320 0 160 160 0 0 1 320 0z m-64 0a96 96 0 1 0-192 0 96 96 0 0 0 192 0zM320 768a96 96 0 1 1-192 0 96 96 0 0 1 192 0zM832 288a64 64 0 1 0 0-128 64 64 0 0 0 0 128z"  ></path></symbol><symbol id="iconicon_data" viewBox="0 0 1024 1024"><path d="M490.666667 42.666667C738.090667 42.666667 938.666667 243.242667 938.666667 490.666667a42.666667 42.666667 0 0 1-42.666667 42.666666h-362.666667V896a42.666667 42.666667 0 0 1-42.666666 42.666667C243.242667 938.666667 42.666667 738.090667 42.666667 490.666667S243.242667 42.666667 490.666667 42.666667z m384 533.333333a42.666667 42.666667 0 0 1 42.666666 42.666667v256a42.666667 42.666667 0 0 1-42.666666 42.666666h-256a42.666667 42.666667 0 0 1-42.666667-42.666666v-256a42.666667 42.666667 0 0 1 42.666667-42.666667h256zM490.666667 128a362.666667 362.666667 0 0 0-43.050667 722.773333l0.384 0.042667V533.333333a85.333333 85.333333 0 0 1 78.933333-85.12l6.4-0.213333h317.482667v-0.384a362.752 362.752 0 0 0-349.269333-319.445333L490.666667 128z m341.333333 533.333333h-170.666667v170.666667h170.666667v-170.666667z"  ></path></symbol><symbol id="iconicon_clue" viewBox="0 0 1024 1024"><path d="M789.333333 85.333333a149.333333 149.333333 0 0 1 42.666667 292.48v379.605334a181.248 181.248 0 0 1-362.496 0v-490.666667a96.085333 96.085333 0 1 0-192.170667 0v379.434667A149.418667 149.418667 0 0 1 234.666667 938.666667a149.333333 149.333333 0 0 1-42.666667-292.48V266.752a181.418667 181.418667 0 1 1 362.837333 0v490.666667a95.914667 95.914667 0 0 0 191.829334 0V377.813333A149.418667 149.418667 0 0 1 789.333333 85.333333z m-554.666666 640a64 64 0 1 0 0 128 64 64 0 0 0 0-128z m554.666666-554.666666a64 64 0 1 0 0 128 64 64 0 0 0 0-128z"  ></path></symbol><symbol id="iconicon_business_opportunity" viewBox="0 0 1024 1024"><path d="M512 42.666667c259.2 0 469.333333 210.133333 469.333333 469.333333s-210.133333 469.333333-469.333333 469.333333S42.666667 771.2 42.666667 512 252.8 42.666667 512 42.666667z m0 85.333333a384 384 0 1 0 0 768 384 384 0 0 0 0-768zM414.165333 289.834667L512 387.626667l97.877333-97.792a42.666667 42.666667 0 0 1 56.32-3.541334l4.010667 3.541334a42.666667 42.666667 0 0 1 0 60.330666L593.664 426.666667H640a42.666667 42.666667 0 0 1 0 85.333333h-85.162667v42.666667H640a42.666667 42.666667 0 0 1 0 85.333333h-85.162667v85.333333a42.666667 42.666667 0 0 1-85.333333 0v-85.333333H384a42.666667 42.666667 0 0 1 0-85.333333h85.504v-42.666667H384a42.666667 42.666667 0 0 1 0-85.333333h46.293333L353.834667 350.165333a42.666667 42.666667 0 0 1 60.330666-60.330666z"  ></path></symbol><symbol id="iconicon_set_up" viewBox="0 0 1024 1024"><path d="M637.44 44.202667a468.608 468.608 0 0 1 194.090667 108.586666 42.666667 42.666667 0 0 1 9.216 50.133334A85.333333 85.333333 0 0 0 917.333333 325.930667h1.194667a42.666667 42.666667 0 0 1 41.301333 29.866666 471.253333 471.253333 0 0 1 11.946667 235.306667 42.666667 42.666667 0 0 1-45.952 33.877333 85.333333 85.333333 0 0 0-73.770667 139.904 42.666667 42.666667 0 0 1-1.834666 57.088 469.205333 469.205333 0 0 1-204.117334 124.501334 42.666667 42.666667 0 0 1-52.778666-27.904 85.376 85.376 0 0 0-162.645334 0 42.666667 42.666667 0 0 1-52.778666 27.904 469.205333 469.205333 0 0 1-204.117334-124.501334 42.666667 42.666667 0 0 1-1.834666-57.088A85.333333 85.333333 0 0 0 98.133333 624.981333a42.666667 42.666667 0 0 1-45.994666-33.92 471.253333 471.253333 0 0 1 11.946666-235.264 42.666667 42.666667 0 0 1 41.386667-29.866666H106.666667a85.333333 85.333333 0 0 0 76.586666-123.008 42.666667 42.666667 0 0 1 9.216-50.133334A468.608 468.608 0 0 1 386.56 44.202667a42.666667 42.666667 0 0 1 49.408 21.76 85.333333 85.333333 0 0 0 152.149333 0 42.666667 42.666667 0 0 1 49.408-21.76zM380.330667 135.722667a384.341333 384.341333 0 0 0-106.453334 59.605333l-2.176 1.749333 2.389334 10.026667c1.450667 7.296 2.432 14.72 2.901333 22.186667l0.384 11.264a170.709333 170.709333 0 0 1-137.301333 167.424l-1.792 0.256-1.237334 5.205333a384.341333 384.341333 0 0 0-8.618666 66.218667L128 496.554667c0 10.538667 0.426667 20.949333 1.28 31.317333l1.28 13.013333 1.322667 0.213334a170.709333 170.709333 0 0 1 145.237333 160.298666l0.213333 8.533334c0 23.765333-4.906667 46.848-14.08 68.010666l-3.754666 7.893334 9.386666 7.978666a383.914667 383.914667 0 0 0 90.368 55.210667l8.917334 3.626667 4.352-6.485334a170.666667 170.666667 0 0 1 130.56-72.021333l8.917333-0.256a170.666667 170.666667 0 0 1 139.52 72.277333l4.266667 6.485334 8.96-3.626667a383.914667 383.914667 0 0 0 90.410666-55.210667l9.301334-7.978666-3.669334-7.893334a170.112 170.112 0 0 1-13.824-57.898666l-0.298666-10.154667a170.666667 170.666667 0 0 1 145.450666-168.789333l1.28-0.213334 1.365334-13.013333c0.426667-5.162667 0.725333-10.368 0.938666-15.573333l0.298667-15.744c0-28.245333-3.029333-56.064-9.002667-83.114667l-1.28-5.205333-1.749333-0.256a170.752 170.752 0 0 1-137.088-158.890667l-0.213333-8.533333c0-11.306667 1.109333-22.528 3.285333-33.450667l2.346667-10.026667-2.133334-1.749333a383.274667 383.274667 0 0 0-106.24-59.477333l-5.205333 5.717333A170.496 170.496 0 0 1 512 197.888a170.496 170.496 0 0 1-126.72-56.32l-4.992-5.845333zM512 304.554667a192 192 0 1 1 0 384 192 192 0 0 1 0-384z m0 85.333333a106.666667 106.666667 0 1 0 0 213.333333 106.666667 106.666667 0 0 0 0-213.333333z"  ></path></symbol><symbol id="iconicon_not_bookmarked" viewBox="0 0 1024 1024"><path d="M473.642667 66.56a42.666667 42.666667 0 0 1 76.544-0.213333l122.154666 246.186666 272.469334 39.722667a42.666667 42.666667 0 0 1 27.050666 69.077333l-3.328 3.626667-198.229333 194.048 47.104 269.653333a42.666667 42.666667 0 0 1-58.026667 46.933334l-4.096-1.962667L512 803.968l-243.242667 129.706667a42.666667 42.666667 0 0 1-62.677333-40.533334l0.554667-4.522666 47.402666-269.610667-198.485333-194.005333a42.666667 42.666667 0 0 1 18.858667-71.765334l4.821333-0.981333 273.92-39.722667 120.533333-245.973333z m38.528 115.242667L419.882667 370.304a42.666667 42.666667 0 0 1-32.213334 23.466667l-210.773333 30.549333 152.874667 149.418667a42.666667 42.666667 0 0 1 12.8 32.725333l-0.64 5.205333-36.138667 205.44 186.112-99.157333a42.666667 42.666667 0 0 1 35.328-2.176l4.821333 2.176 186.24 99.285333-35.84-205.653333a42.666667 42.666667 0 0 1 8.618667-33.92l3.541333-3.84 152.618667-149.546667-209.322667-30.549333a42.666667 42.666667 0 0 1-29.44-18.730667l-2.602666-4.522666-93.696-188.672z"  ></path></symbol><symbol id="iconicon_product" viewBox="0 0 1024 1024"><path d="M531.072 47.189333l426.666667 213.333334 0.981333 0.469333c1.066667 0.597333 2.133333 1.194667 3.157333 1.877333l-4.138666-2.346666a42.709333 42.709333 0 0 1 8.234666 5.333333l1.024 0.896a37.802667 37.802667 0 0 1 6.954667 7.893333 38.485333 38.485333 0 0 1 2.858667 4.949334l0.64 1.28a42.666667 42.666667 0 0 1 1.28 3.029333l-1.92-4.309333a42.965333 42.965333 0 0 1 4.522666 18.730666V725.333333a42.666667 42.666667 0 0 1-23.594666 38.144l-426.666667 213.333334a41.130667 41.130667 0 0 1-4.864 2.133333l4.864-2.133333A42.666667 42.666667 0 0 1 512 981.333333l-2.133333-0.042666a42.666667 42.666667 0 0 1-1.237334-0.085334L512 981.333333a42.922667 42.922667 0 0 1-12.629333-1.877333l-1.493334-0.512a40.32 40.32 0 0 1-4.992-2.133333l-426.666666-213.333334A42.666667 42.666667 0 0 1 42.666667 725.333333V298.325333a42.368 42.368 0 0 1 4.522666-18.773333l0.384-0.725333 0.64-1.237334-1.024 2.005334c0.896-1.877333 1.962667-3.626667 3.114667-5.290667l0.512-0.725333a40.704 40.704 0 0 1 2.602667-3.285334l0.853333-0.853333a38.997333 38.997333 0 0 1 2.645333-2.602667l1.152-0.981333a38.954667 38.954667 0 0 1 7.594667-5.077333l0.597333-0.256 426.666667-213.333334a42.666667 42.666667 0 0 1 38.144 0zM128 367.701333v331.264l341.333333 170.624v-331.221333l-341.333333-170.666667z m768 0l-341.333333 170.666667v331.221333l341.333333-170.666666V367.701333z m-170.666667-128L394.069333 405.333333 512 464.298667 843.264 298.666667 725.333333 239.701333z m-213.333333-106.666666L180.778667 298.666667 298.666667 357.632 629.930667 192 512 133.034667z"  ></path></symbol><symbol id="iconicon_customer" viewBox="0 0 1024 1024"><path d="M405.333333 85.333333a192 192 0 1 1 0 384 192 192 0 0 1 0-384z m0 85.333334a106.666667 106.666667 0 1 0 0 213.333333 106.666667 106.666667 0 0 0 0-213.333333z m253.738667-43.349334a42.666667 42.666667 0 0 1 58.581333-14.506666A191.872 191.872 0 0 1 810.666667 277.333333a191.872 191.872 0 0 1-93.013334 164.565334 42.666667 42.666667 0 0 1-44.032-73.130667A106.581333 106.581333 0 0 0 725.333333 277.333333c0-37.888-19.84-72.234667-51.712-91.434666a42.666667 42.666667 0 0 1-14.506666-58.581334zM452.266667 554.666667c128.042667 0 158.506667 2.474667 199.253333 23.253333a213.333333 213.333333 0 0 1 93.226667 93.226667c20.778667 40.746667 23.253333 71.210667 23.253333 199.253333v25.6a42.666667 42.666667 0 0 1-42.666667 42.666667H85.333333a42.666667 42.666667 0 0 1-42.666666-42.666667v-25.6c0-128.042667 2.474667-158.506667 23.253333-199.253333a213.333333 213.333333 0 0 1 93.226667-93.226667C199.893333 557.141333 230.4 554.666667 358.4 554.666667h93.866667z m22.485333 85.333333H335.914667c-92.16 0.341333-116.522667 2.986667-138.026667 13.952a128 128 0 0 0-55.936 55.936c-10.965333 21.504-13.610667 45.866667-13.909333 138.026667L128 853.333333h554.624v-5.418666c-0.298667-88.618667-2.773333-114.56-12.672-135.509334l-1.237333-2.517333a128 128 0 0 0-55.936-55.936c-21.504-10.965333-45.866667-13.610667-138.026667-13.909333z m332.714667-43.434667a42.666667 42.666667 0 0 1 57.386666-18.645333 213.333333 213.333333 0 0 1 93.226667 93.226667c20.778667 40.746667 23.253333 71.210667 23.253333 199.253333v25.6a42.666667 42.666667 0 0 1-85.333333 0v-25.6c0-110.933333-2.133333-137.386667-13.952-160.512a128 128 0 0 0-55.936-55.893333 42.666667 42.666667 0 0 1-18.645333-57.429334z"  ></path></symbol><symbol id="iconicon_home" viewBox="0 0 1024 1024"><path d="M530.474667 94.72l333.141333 266.496a42.666667 42.666667 0 0 1 16 33.28V927.573333a42.666667 42.666667 0 0 1-37.674667 42.368l-4.992 0.298667H170.666667a42.666667 42.666667 0 0 1-42.666667-42.666667V394.538667a42.666667 42.666667 0 0 1 16-33.322667l333.184-266.538667a42.666667 42.666667 0 0 1 53.290667 0z m-26.666667 87.893333L213.333333 414.976v469.888l136.746667-0.042667v-245.973333a42.666667 42.666667 0 0 1 42.666667-42.666667h222.122666a42.666667 42.666667 0 0 1 42.666667 42.666667l-0.042667 245.973333 136.789334 0.042667V415.018667L503.808 182.613333z m68.352 498.901334h-136.746667v203.306666h136.746667v-203.306666z"  ></path></symbol><symbol id="iconicon_collect" viewBox="0 0 1024 1024"><path d="M550.186667 66.346667l122.154666 246.186666 272.469334 39.722667a42.666667 42.666667 0 0 1 27.050666 69.077333l-3.328 3.626667-198.229333 194.048 47.104 269.653333a42.666667 42.666667 0 0 1-58.026667 46.933334l-4.096-1.962667L512 803.968l-243.242667 129.706667a42.666667 42.666667 0 0 1-62.677333-40.533334l0.554667-4.522666 47.402666-269.610667-198.485333-194.005333a42.666667 42.666667 0 0 1 18.858667-71.765334l4.821333-0.981333 273.92-39.722667 120.533333-245.973333a42.666667 42.666667 0 0 1 76.544-0.213333z"  ></path></symbol><symbol id="iconicon_search-outline_outlined" viewBox="0 0 1024 1024"><path d="M702.848 763.178667A403.626667 403.626667 0 0 1 448 853.333333a405.333333 405.333333 0 1 1 405.333333-405.333333 403.626667 403.626667 0 0 1-90.154666 254.848l175.914666 175.914667a21.333333 21.333333 0 0 1 0 30.165333l-30.165333 30.165333a21.333333 21.333333 0 0 1-30.165333 0l-175.914667-175.914666zM768 448a320 320 0 1 0-640 0 320 320 0 0 0 640 0z"  ></path></symbol><symbol id="iconicon-alarmclock" viewBox="0 0 1024 1024"><path d="M426.666667 117.76V85.333333a21.333333 21.333333 0 0 1 21.333333-21.333333h128a21.333333 21.333333 0 0 1 21.333333 21.333333v32.426667c147.2 39.125333 256 177.066667 256 341.248V704h64a21.333333 21.333333 0 0 1 21.333334 21.333333v42.666667a21.333333 21.333333 0 0 1-21.333334 21.333333h-810.666666A21.333333 21.333333 0 0 1 85.333333 768v-42.666667a21.333333 21.333333 0 0 1 21.333334-21.333333H170.666667v-244.992C170.666667 294.826667 279.466667 156.885333 426.666667 117.76zM256 704h512v-244.906667c0-147.498667-114.602667-267.093333-256-267.093333s-256 119.594667-256 267.093333v244.906667zM405.333333 853.333333h213.333334a21.333333 21.333333 0 0 1 21.333333 21.333334v42.666666a21.333333 21.333333 0 0 1-21.333333 21.333334h-213.333334a21.333333 21.333333 0 0 1-21.333333-21.333334v-42.666666a21.333333 21.333333 0 0 1 21.333333-21.333334z"  ></path></symbol></svg>'),
+  ((l) => {
+    var a = (h = (h = document.getElementsByTagName('script'))[h.length - 1]).getAttribute('data-injectcss'),
+      h = h.getAttribute('data-disable-injectsvg');
+    if (!h) {
+      var o,
+        i,
+        v,
+        c,
+        m,
+        z = function (a, h) {
+          h.parentNode.insertBefore(a, h);
+        };
+      if (a && !l.__iconfont__svg__cssinject__) {
+        l.__iconfont__svg__cssinject__ = !0;
+        try {
+          document.write(
+            '<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>'
+          );
+        } catch (a) {
+          console && console.log(a);
+        }
+      }
+      (o = function () {
+        var a,
+          h = document.createElement('div');
+        (h.innerHTML = l._iconfont_svg_string_4798260),
+          (h = h.getElementsByTagName('svg')[0]) &&
+            (h.setAttribute('aria-hidden', 'true'),
+            (h.style.position = 'absolute'),
+            (h.style.width = 0),
+            (h.style.height = 0),
+            (h.style.overflow = 'hidden'),
+            (h = h),
+            (a = document.body).firstChild ? z(h, a.firstChild) : a.appendChild(h));
+      }),
+        document.addEventListener
+          ? ~['complete', 'loaded', 'interactive'].indexOf(document.readyState)
+            ? setTimeout(o, 0)
+            : ((i = function () {
+                document.removeEventListener('DOMContentLoaded', i, !1), o();
+              }),
+              document.addEventListener('DOMContentLoaded', i, !1))
+          : document.attachEvent &&
+            ((v = o),
+            (c = l.document),
+            (m = !1),
+            p(),
+            (c.onreadystatechange = function () {
+              'complete' == c.readyState && ((c.onreadystatechange = null), t());
+            }));
+    }
+    function t() {
+      m || ((m = !0), v());
+    }
+    function p() {
+      try {
+        c.documentElement.doScroll('left');
+      } catch (a) {
+        return void setTimeout(p, 50);
+      }
+      t();
+    }
+  })(window);
diff --git a/frontend/packages/web/src/assets/icon-font/iconfont.json b/frontend/packages/web/src/assets/icon-font/iconfont.json
new file mode 100644
index 0000000..31e7415
--- /dev/null
+++ b/frontend/packages/web/src/assets/icon-font/iconfont.json
@@ -0,0 +1,2508 @@
+{
+  "id": "4798260",
+  "name": "Cordys",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "47677467",
+      "name": "icon_form",
+      "font_class": "icon_form",
+      "unicode": "e800",
+      "unicode_decimal": 59392
+    },
+    {
+      "icon_id": "47400912",
+      "name": "icon_move",
+      "font_class": "icon_move2",
+      "unicode": "e801",
+      "unicode_decimal": 59393
+    },
+    {
+      "icon_id": "47331100",
+      "name": "icon_send",
+      "font_class": "icon_send",
+      "unicode": "e7ff",
+      "unicode_decimal": 59391
+    },
+    {
+      "icon_id": "47291663",
+      "name": "icon_end",
+      "font_class": "icon_end",
+      "unicode": "e7fe",
+      "unicode_decimal": 59390
+    },
+    {
+      "icon_id": "47291429",
+      "name": "icon_down",
+      "font_class": "icon_down",
+      "unicode": "e7fd",
+      "unicode_decimal": 59389
+    },
+    {
+      "icon_id": "47291432",
+      "name": "icon_left",
+      "font_class": "icon_left",
+      "unicode": "e7fa",
+      "unicode_decimal": 59386
+    },
+    {
+      "icon_id": "47291431",
+      "name": "icon_right",
+      "font_class": "icon_right",
+      "unicode": "e7fb",
+      "unicode_decimal": 59387
+    },
+    {
+      "icon_id": "47291430",
+      "name": "icon_up",
+      "font_class": "icon_up",
+      "unicode": "e7fc",
+      "unicode_decimal": 59388
+    },
+    {
+      "icon_id": "47291059",
+      "name": "icon_aiming",
+      "font_class": "icon_aiming",
+      "unicode": "e7f3",
+      "unicode_decimal": 59379
+    },
+    {
+      "icon_id": "47291058",
+      "name": "icon_zoom_out",
+      "font_class": "icon_zoom_out1",
+      "unicode": "e7f4",
+      "unicode_decimal": 59380
+    },
+    {
+      "icon_id": "47291056",
+      "name": "icon_simplified",
+      "font_class": "icon_simplified",
+      "unicode": "e7f5",
+      "unicode_decimal": 59381
+    },
+    {
+      "icon_id": "47291057",
+      "name": "icon_order_form",
+      "font_class": "icon_order_form1",
+      "unicode": "e7f6",
+      "unicode_decimal": 59382
+    },
+    {
+      "icon_id": "47291055",
+      "name": "icon_zoom_in",
+      "font_class": "icon_zoom_in1",
+      "unicode": "e7f7",
+      "unicode_decimal": 59383
+    },
+    {
+      "icon_id": "47291053",
+      "name": "icon_keyboard",
+      "font_class": "icon_keyboard",
+      "unicode": "e7f8",
+      "unicode_decimal": 59384
+    },
+    {
+      "icon_id": "47291054",
+      "name": "icon_numerous",
+      "font_class": "icon_numerous",
+      "unicode": "e7f9",
+      "unicode_decimal": 59385
+    },
+    {
+      "icon_id": "46899131",
+      "name": "icon_order_form",
+      "font_class": "icon_order_form",
+      "unicode": "e7f2",
+      "unicode_decimal": 59378
+    },
+    {
+      "icon_id": "46661079",
+      "name": "icon_add_one",
+      "font_class": "icon_add_one",
+      "unicode": "e7f1",
+      "unicode_decimal": 59377
+    },
+    {
+      "icon_id": "46490896",
+      "name": "icon_qichacha",
+      "font_class": "icon_qichacha",
+      "unicode": "e7f0",
+      "unicode_decimal": 59376
+    },
+    {
+      "icon_id": "46261430",
+      "name": "icon_correlation",
+      "font_class": "icon_correlation",
+      "unicode": "e7ef",
+      "unicode_decimal": 59375
+    },
+    {
+      "icon_id": "46226266",
+      "name": "icon_target",
+      "font_class": "icon_target",
+      "unicode": "e7ee",
+      "unicode_decimal": 59374
+    },
+    {
+      "icon_id": "46180001",
+      "name": "icon_pie",
+      "font_class": "icon_pie",
+      "unicode": "e7ed",
+      "unicode_decimal": 59373
+    },
+    {
+      "icon_id": "46130676",
+      "name": "icon_contract",
+      "font_class": "icon_contract",
+      "unicode": "e7ea",
+      "unicode_decimal": 59370
+    },
+    {
+      "icon_id": "46130675",
+      "name": "icon_arithmetic",
+      "font_class": "icon_arithmetic",
+      "unicode": "e7eb",
+      "unicode_decimal": 59371
+    },
+    {
+      "icon_id": "46130674",
+      "name": "icon_table",
+      "font_class": "icon_table",
+      "unicode": "e7ec",
+      "unicode_decimal": 59372
+    },
+    {
+      "icon_id": "36192585",
+      "name": "icon_wait",
+      "font_class": "icon_wait",
+      "unicode": "e622",
+      "unicode_decimal": 58914
+    },
+    {
+      "icon_id": "36193519",
+      "name": "icon_skip_planarity",
+      "font_class": "icon_skip_planarity",
+      "unicode": "e628",
+      "unicode_decimal": 58920
+    },
+    {
+      "icon_id": "46016165",
+      "name": "icon_industry",
+      "font_class": "icon_industry",
+      "unicode": "e7e9",
+      "unicode_decimal": 59369
+    },
+    {
+      "icon_id": "36471606",
+      "name": "icon_functions_outlined",
+      "font_class": "icon_functions_outlined",
+      "unicode": "e7e8",
+      "unicode_decimal": 59368
+    },
+    {
+      "icon_id": "45749556",
+      "name": "icon_timeline",
+      "font_class": "icon_timeline",
+      "unicode": "e7e7",
+      "unicode_decimal": 59367
+    },
+    {
+      "icon_id": "45699122",
+      "name": "icon_waterfalls",
+      "font_class": "icon_waterfalls",
+      "unicode": "e7e5",
+      "unicode_decimal": 59365
+    },
+    {
+      "icon_id": "45699123",
+      "name": "icon_list",
+      "font_class": "icon_list",
+      "unicode": "e7e6",
+      "unicode_decimal": 59366
+    },
+    {
+      "icon_id": "34134721",
+      "name": "icon_file-unknown_colorful",
+      "font_class": "icon_file-unknown_colorful1",
+      "unicode": "e7e4",
+      "unicode_decimal": 59364
+    },
+    {
+      "icon_id": "45596831",
+      "name": "icon_link",
+      "font_class": "icon_link2",
+      "unicode": "e7e3",
+      "unicode_decimal": 59363
+    },
+    {
+      "icon_id": "45533015",
+      "name": "icon_bot",
+      "font_class": "icon_bot",
+      "unicode": "e7e2",
+      "unicode_decimal": 59362
+    },
+    {
+      "icon_id": "45453687",
+      "name": "icon_365",
+      "font_class": "icon_365",
+      "unicode": "e7db",
+      "unicode_decimal": 59355
+    },
+    {
+      "icon_id": "45453688",
+      "name": "icon_facial_clue",
+      "font_class": "icon_facial_clue",
+      "unicode": "e7dc",
+      "unicode_decimal": 59356
+    },
+    {
+      "icon_id": "45453683",
+      "name": "icon_jin",
+      "font_class": "icon_jin",
+      "unicode": "e7dd",
+      "unicode_decimal": 59357
+    },
+    {
+      "icon_id": "45453686",
+      "name": "icon_facial_deal_win",
+      "font_class": "icon_facial_deal_win",
+      "unicode": "e7de",
+      "unicode_decimal": 59358
+    },
+    {
+      "icon_id": "45453685",
+      "name": "icon_facial_business",
+      "font_class": "icon_facial_business",
+      "unicode": "e7df",
+      "unicode_decimal": 59359
+    },
+    {
+      "icon_id": "45453684",
+      "name": "icon_30",
+      "font_class": "icon_30",
+      "unicode": "e7e0",
+      "unicode_decimal": 59360
+    },
+    {
+      "icon_id": "45453682",
+      "name": "icon_7",
+      "font_class": "icon_7",
+      "unicode": "e7e1",
+      "unicode_decimal": 59361
+    },
+    {
+      "icon_id": "44783033",
+      "name": "icon_data_person",
+      "font_class": "icon_data_person",
+      "unicode": "e7d8",
+      "unicode_decimal": 59352
+    },
+    {
+      "icon_id": "44783034",
+      "name": "icon_data_plan",
+      "font_class": "icon_data_plan",
+      "unicode": "e7d9",
+      "unicode_decimal": 59353
+    },
+    {
+      "icon_id": "44783032",
+      "name": "icon_data_record",
+      "font_class": "icon_data_record",
+      "unicode": "e7da",
+      "unicode_decimal": 59354
+    },
+    {
+      "icon_id": "44765698",
+      "name": "icon_folder_collapse",
+      "font_class": "icon_folder_collapse",
+      "unicode": "e7d6",
+      "unicode_decimal": 59350
+    },
+    {
+      "icon_id": "44765697",
+      "name": "icon_folder_expansion",
+      "font_class": "icon_folder_expansion",
+      "unicode": "e7d7",
+      "unicode_decimal": 59351
+    },
+    {
+      "icon_id": "44764201",
+      "name": "icon_dashboard",
+      "font_class": "icon_dashboard1",
+      "unicode": "e7d5",
+      "unicode_decimal": 59349
+    },
+    {
+      "icon_id": "44646133",
+      "name": "icon_export",
+      "font_class": "icon_export",
+      "unicode": "e746",
+      "unicode_decimal": 59206
+    },
+    {
+      "icon_id": "44384502",
+      "name": "icon_phone_outgoing",
+      "font_class": "icon_phone_outgoing",
+      "unicode": "e743",
+      "unicode_decimal": 59203
+    },
+    {
+      "icon_id": "36511677",
+      "name": "icon_that_person",
+      "font_class": "icon_that_person",
+      "unicode": "e66a",
+      "unicode_decimal": 58986
+    },
+    {
+      "icon_id": "44245520",
+      "name": "icon_file",
+      "font_class": "icon_file1",
+      "unicode": "e742",
+      "unicode_decimal": 59202
+    },
+    {
+      "icon_id": "44245480",
+      "name": "icon_enterprise",
+      "font_class": "icon_enterprise",
+      "unicode": "e732",
+      "unicode_decimal": 59186
+    },
+    {
+      "icon_id": "38020829",
+      "name": "icon_send_colorful",
+      "font_class": "icon_send_colorful",
+      "unicode": "e7d4",
+      "unicode_decimal": 59348
+    },
+    {
+      "icon_id": "43908817",
+      "name": "icon_edit",
+      "font_class": "icon_edit1",
+      "unicode": "e71d",
+      "unicode_decimal": 59165
+    },
+    {
+      "icon_id": "43648007",
+      "name": "icon_my",
+      "font_class": "icon_my",
+      "unicode": "e714",
+      "unicode_decimal": 59156
+    },
+    {
+      "icon_id": "43356063",
+      "name": "icon_general",
+      "font_class": "icon_general",
+      "unicode": "e6ea",
+      "unicode_decimal": 59114
+    },
+    {
+      "icon_id": "43356062",
+      "name": "icon_serious",
+      "font_class": "icon_serious",
+      "unicode": "e6ef",
+      "unicode_decimal": 59119
+    },
+    {
+      "icon_id": "32853333",
+      "name": "icon_succeed_filled",
+      "font_class": "icon_succeed_filled",
+      "unicode": "e6ba",
+      "unicode_decimal": 59066
+    },
+    {
+      "icon_id": "34061213",
+      "name": "icon_block_filled",
+      "font_class": "icon_block_filled",
+      "unicode": "e6ec",
+      "unicode_decimal": 59116
+    },
+    {
+      "icon_id": "36193154",
+      "name": "icon_testing",
+      "font_class": "icon_testing",
+      "unicode": "e624",
+      "unicode_decimal": 58916
+    },
+    {
+      "icon_id": "36193894",
+      "name": "icon_off_screen",
+      "font_class": "icon_off_screen",
+      "unicode": "e62d",
+      "unicode_decimal": 58925
+    },
+    {
+      "icon_id": "36194721",
+      "name": "icon_full_screen_one",
+      "font_class": "icon_full_screen_one",
+      "unicode": "e631",
+      "unicode_decimal": 58929
+    },
+    {
+      "icon_id": "36196999",
+      "name": "icon_disable",
+      "font_class": "icon_disable",
+      "unicode": "e661",
+      "unicode_decimal": 58977
+    },
+    {
+      "icon_id": "36196448",
+      "name": "icon_file- compressed_colorful_ash 2",
+      "font_class": "a-icon_file-compressed_colorful_ash",
+      "unicode": "e63f",
+      "unicode_decimal": 58943
+    },
+    {
+      "icon_id": "36196449",
+      "name": "icon_file- compressed_colorful 2",
+      "font_class": "a-icon_file-compressed_colorful",
+      "unicode": "e640",
+      "unicode_decimal": 58944
+    },
+    {
+      "icon_id": "36196451",
+      "name": "icon_file-image_colorful_ash",
+      "font_class": "icon_file-image_colorful_ash",
+      "unicode": "e642",
+      "unicode_decimal": 58946
+    },
+    {
+      "icon_id": "36196452",
+      "name": "icon_file-ppt_colorful_ash",
+      "font_class": "icon_file-ppt_colorful_ash",
+      "unicode": "e643",
+      "unicode_decimal": 58947
+    },
+    {
+      "icon_id": "36196453",
+      "name": "icon_file-pdf_colorful_ash",
+      "font_class": "icon_file-pdf_colorful_ash",
+      "unicode": "e644",
+      "unicode_decimal": 58948
+    },
+    {
+      "icon_id": "36196454",
+      "name": "icon_file- compressed_colorful",
+      "font_class": "a-icon_file-compressed_colorful1",
+      "unicode": "e645",
+      "unicode_decimal": 58949
+    },
+    {
+      "icon_id": "36196455",
+      "name": "icon_file-image_colorful",
+      "font_class": "icon_file-image_colorful",
+      "unicode": "e646",
+      "unicode_decimal": 58950
+    },
+    {
+      "icon_id": "36196456",
+      "name": "icon_file-word_colorful_ash",
+      "font_class": "icon_file-word_colorful_ash",
+      "unicode": "e647",
+      "unicode_decimal": 58951
+    },
+    {
+      "icon_id": "36196457",
+      "name": "icon_file-sketch_colorful",
+      "font_class": "icon_file-sketch_colorful",
+      "unicode": "e648",
+      "unicode_decimal": 58952
+    },
+    {
+      "icon_id": "36196458",
+      "name": "icon_file-ppt_colorful",
+      "font_class": "icon_file-ppt_colorful",
+      "unicode": "e649",
+      "unicode_decimal": 58953
+    },
+    {
+      "icon_id": "36196460",
+      "name": "icon_file_video_colorful_ash",
+      "font_class": "icon_file_video_colorful_ash",
+      "unicode": "e64c",
+      "unicode_decimal": 58956
+    },
+    {
+      "icon_id": "36196461",
+      "name": "icon_file-excel_colorful",
+      "font_class": "icon_file-excel_colorful",
+      "unicode": "e64d",
+      "unicode_decimal": 58957
+    },
+    {
+      "icon_id": "36196462",
+      "name": "icon_file-pdf_colorful",
+      "font_class": "icon_file-pdf_colorful",
+      "unicode": "e64e",
+      "unicode_decimal": 58958
+    },
+    {
+      "icon_id": "36196463",
+      "name": "icon_file_video_colorful",
+      "font_class": "icon_file_video_colorful",
+      "unicode": "e64f",
+      "unicode_decimal": 58959
+    },
+    {
+      "icon_id": "36196464",
+      "name": "icon_file-CSV_colorful_ash",
+      "font_class": "icon_file-CSV_colorful_ash",
+      "unicode": "e650",
+      "unicode_decimal": 58960
+    },
+    {
+      "icon_id": "36196465",
+      "name": "icon_file-sketch_colorful_ash",
+      "font_class": "icon_file-sketch_colorful_ash",
+      "unicode": "e651",
+      "unicode_decimal": 58961
+    },
+    {
+      "icon_id": "36196466",
+      "name": "icon_file-CSV_colorful",
+      "font_class": "icon_file-CSV_colorful",
+      "unicode": "e652",
+      "unicode_decimal": 58962
+    },
+    {
+      "icon_id": "36196467",
+      "name": "icon_file-sql_colorful_ash",
+      "font_class": "icon_file-sql_colorful_ash",
+      "unicode": "e653",
+      "unicode_decimal": 58963
+    },
+    {
+      "icon_id": "36196468",
+      "name": "icon_file-text_colorful",
+      "font_class": "icon_file-text_colorful",
+      "unicode": "e654",
+      "unicode_decimal": 58964
+    },
+    {
+      "icon_id": "36196469",
+      "name": "icon_file-word_colorful",
+      "font_class": "icon_file-word_colorful",
+      "unicode": "e655",
+      "unicode_decimal": 58965
+    },
+    {
+      "icon_id": "36196470",
+      "name": "icon_file-xmind_colorful",
+      "font_class": "icon_file-xmind_colorful",
+      "unicode": "e656",
+      "unicode_decimal": 58966
+    },
+    {
+      "icon_id": "36196471",
+      "name": "icon_file-sql_colorful",
+      "font_class": "icon_file-sql_colorful",
+      "unicode": "e657",
+      "unicode_decimal": 58967
+    },
+    {
+      "icon_id": "36196472",
+      "name": "icon_file-text_colorful_ash",
+      "font_class": "icon_file-text_colorful_ash",
+      "unicode": "e658",
+      "unicode_decimal": 58968
+    },
+    {
+      "icon_id": "36196473",
+      "name": "icon_file-xmind_colorful_ash",
+      "font_class": "icon_file-xmind_colorful_ash",
+      "unicode": "e659",
+      "unicode_decimal": 58969
+    },
+    {
+      "icon_id": "36196937",
+      "name": "icon_file-unknown_colorful",
+      "font_class": "icon_file-unknown_colorful",
+      "unicode": "e660",
+      "unicode_decimal": 58976
+    },
+    {
+      "icon_id": "37227608",
+      "name": "icon_file- jar_colorful",
+      "font_class": "a-icon_file-jar_colorful",
+      "unicode": "e7c5",
+      "unicode_decimal": 59333
+    },
+    {
+      "icon_id": "37243340",
+      "name": "logo_dingtalk",
+      "font_class": "logo_dingtalk",
+      "unicode": "e7cb",
+      "unicode_decimal": 59339
+    },
+    {
+      "icon_id": "37243341",
+      "name": "logo_lark",
+      "font_class": "logo_lark",
+      "unicode": "e7d1",
+      "unicode_decimal": 59345
+    },
+    {
+      "icon_id": "37243383",
+      "name": "logo_wechat-work",
+      "font_class": "logo_wechat-work",
+      "unicode": "e7d2",
+      "unicode_decimal": 59346
+    },
+    {
+      "icon_id": "38747707",
+      "name": "icon_file- json",
+      "font_class": "a-icon_file-json",
+      "unicode": "e7d3",
+      "unicode_decimal": 59347
+    },
+    {
+      "icon_id": "41446178",
+      "name": "icon_file- JMX",
+      "font_class": "a-icon_file-JMX",
+      "unicode": "e69e",
+      "unicode_decimal": 59038
+    },
+    {
+      "icon_id": "41701029",
+      "name": "icon_file_har",
+      "font_class": "icon_file_har",
+      "unicode": "e6a1",
+      "unicode_decimal": 59041
+    },
+    {
+      "icon_id": "43095419",
+      "name": "icon_filter_clear",
+      "font_class": "icon_filter_clear",
+      "unicode": "e7cf",
+      "unicode_decimal": 59343
+    },
+    {
+      "icon_id": "43095418",
+      "name": "icon_filter",
+      "font_class": "icon_filter",
+      "unicode": "e7d0",
+      "unicode_decimal": 59344
+    },
+    {
+      "icon_id": "36196459",
+      "name": "icon_file-excel_colorful_ash",
+      "font_class": "icon_file-excel_colorful_ash",
+      "unicode": "e64a",
+      "unicode_decimal": 58954
+    },
+    {
+      "icon_id": "43088962",
+      "name": "icon_font_color",
+      "font_class": "icon_font_color",
+      "unicode": "e7ce",
+      "unicode_decimal": 59342
+    },
+    {
+      "icon_id": "43088706",
+      "name": "icon_add_pic",
+      "font_class": "icon_add_pic",
+      "unicode": "e7c4",
+      "unicode_decimal": 59332
+    },
+    {
+      "icon_id": "43088703",
+      "name": "icon_text_underline",
+      "font_class": "icon_text_underline",
+      "unicode": "e7c6",
+      "unicode_decimal": 59334
+    },
+    {
+      "icon_id": "43088704",
+      "name": "icon_text_italic",
+      "font_class": "icon_text_italic",
+      "unicode": "e7c7",
+      "unicode_decimal": 59335
+    },
+    {
+      "icon_id": "43088696",
+      "name": "icon_add_text",
+      "font_class": "icon_add_text",
+      "unicode": "e7c8",
+      "unicode_decimal": 59336
+    },
+    {
+      "icon_id": "43088700",
+      "name": "icon_align_text_right",
+      "font_class": "icon_align_text_right",
+      "unicode": "e7c9",
+      "unicode_decimal": 59337
+    },
+    {
+      "icon_id": "43088701",
+      "name": "icon_align_text_left",
+      "font_class": "icon_align_text_left",
+      "unicode": "e7ca",
+      "unicode_decimal": 59338
+    },
+    {
+      "icon_id": "43088699",
+      "name": "icon_text_bold",
+      "font_class": "icon_text_bold",
+      "unicode": "e7cc",
+      "unicode_decimal": 59340
+    },
+    {
+      "icon_id": "43088697",
+      "name": "icon_align_text_center",
+      "font_class": "icon_align_text_center",
+      "unicode": "e7cd",
+      "unicode_decimal": 59341
+    },
+    {
+      "icon_id": "43075208",
+      "name": "icon_map",
+      "font_class": "icon_map",
+      "unicode": "e7bb",
+      "unicode_decimal": 59323
+    },
+    {
+      "icon_id": "43075205",
+      "name": "icon_multiple_selection _of_departments",
+      "font_class": "a-icon_multiple_selection_of_departments",
+      "unicode": "e7bc",
+      "unicode_decimal": 59324
+    },
+    {
+      "icon_id": "43075206",
+      "name": "icon_calendar",
+      "font_class": "icon_calendar1",
+      "unicode": "e7bd",
+      "unicode_decimal": 59325
+    },
+    {
+      "icon_id": "43075207",
+      "name": "icon_link",
+      "font_class": "icon_link1",
+      "unicode": "e7be",
+      "unicode_decimal": 59326
+    },
+    {
+      "icon_id": "43075202",
+      "name": "icon_check",
+      "font_class": "a-icon_collectbeifen12",
+      "unicode": "e7bf",
+      "unicode_decimal": 59327
+    },
+    {
+      "icon_id": "43075204",
+      "name": "icon_department_single_choice",
+      "font_class": "icon_department_single_choice",
+      "unicode": "e7c0",
+      "unicode_decimal": 59328
+    },
+    {
+      "icon_id": "43075203",
+      "name": "icon_find",
+      "font_class": "icon_find",
+      "unicode": "e7c1",
+      "unicode_decimal": 59329
+    },
+    {
+      "icon_id": "43075201",
+      "name": "icon_handwritten_signature",
+      "font_class": "icon_handwritten_signature",
+      "unicode": "e7c2",
+      "unicode_decimal": 59330
+    },
+    {
+      "icon_id": "43075200",
+      "name": "icon_button",
+      "font_class": "icon_button",
+      "unicode": "e7c3",
+      "unicode_decimal": 59331
+    },
+    {
+      "icon_id": "43075224",
+      "name": "icon_select_data",
+      "font_class": "icon_select_data",
+      "unicode": "e7ab",
+      "unicode_decimal": 59307
+    },
+    {
+      "icon_id": "43075223",
+      "name": "icon_single_line_text",
+      "font_class": "icon_single_line_text",
+      "unicode": "e7ac",
+      "unicode_decimal": 59308
+    },
+    {
+      "icon_id": "43075222",
+      "name": "icon_multiple_choice_of_members",
+      "font_class": "icon_multiple_choice_of_members",
+      "unicode": "e7ad",
+      "unicode_decimal": 59309
+    },
+    {
+      "icon_id": "43075221",
+      "name": "icon_subform",
+      "font_class": "icon_subform",
+      "unicode": "e7ae",
+      "unicode_decimal": 59310
+    },
+    {
+      "icon_id": "43075220",
+      "name": "icon_picture",
+      "font_class": "icon_picture",
+      "unicode": "e7af",
+      "unicode_decimal": 59311
+    },
+    {
+      "icon_id": "43075212",
+      "name": "icon_phone",
+      "font_class": "icon_phone",
+      "unicode": "e7b0",
+      "unicode_decimal": 59312
+    },
+    {
+      "icon_id": "43075219",
+      "name": "icon_local",
+      "font_class": "icon_local",
+      "unicode": "e7b1",
+      "unicode_decimal": 59313
+    },
+    {
+      "icon_id": "43075218",
+      "name": "icon_dividing_line",
+      "font_class": "icon_dividing_line",
+      "unicode": "e7b2",
+      "unicode_decimal": 59314
+    },
+    {
+      "icon_id": "43075217",
+      "name": "icon_multiline",
+      "font_class": "icon_multiline",
+      "unicode": "e7b3",
+      "unicode_decimal": 59315
+    },
+    {
+      "icon_id": "43075216",
+      "name": "icon_member_single_choice",
+      "font_class": "icon_member_single_choice",
+      "unicode": "e7b4",
+      "unicode_decimal": 59316
+    },
+    {
+      "icon_id": "43075214",
+      "name": "icon_radio",
+      "font_class": "icon_radio",
+      "unicode": "e7b5",
+      "unicode_decimal": 59317
+    },
+    {
+      "icon_id": "43075215",
+      "name": "icon_serial_number",
+      "font_class": "icon_serial_number",
+      "unicode": "e7b6",
+      "unicode_decimal": 59318
+    },
+    {
+      "icon_id": "43075213",
+      "name": "icon_text_recognition",
+      "font_class": "icon_text_recognition",
+      "unicode": "e7b7",
+      "unicode_decimal": 59319
+    },
+    {
+      "icon_id": "43075211",
+      "name": "icon_pull_down_single_choice",
+      "font_class": "icon_pull_down_single_choice",
+      "unicode": "e7b8",
+      "unicode_decimal": 59320
+    },
+    {
+      "icon_id": "43075210",
+      "name": "icon_hashtag_key",
+      "font_class": "icon_hashtag_key",
+      "unicode": "e7b9",
+      "unicode_decimal": 59321
+    },
+    {
+      "icon_id": "43075209",
+      "name": "icon_pull_down_multiple_selection",
+      "font_class": "icon_pull_down_multiple_selection",
+      "unicode": "e7ba",
+      "unicode_decimal": 59322
+    },
+    {
+      "icon_id": "43002118",
+      "name": "order-descending",
+      "font_class": "order-descending",
+      "unicode": "e7a0",
+      "unicode_decimal": 59296
+    },
+    {
+      "icon_id": "43002117",
+      "name": "icon_video",
+      "font_class": "icon_video",
+      "unicode": "e7a1",
+      "unicode_decimal": 59297
+    },
+    {
+      "icon_id": "43002115",
+      "name": "icon_zoom_in",
+      "font_class": "icon_zoom_in",
+      "unicode": "e7a2",
+      "unicode_decimal": 59298
+    },
+    {
+      "icon_id": "43002116",
+      "name": "order-ascending",
+      "font_class": "order-ascending",
+      "unicode": "e7a3",
+      "unicode_decimal": 59299
+    },
+    {
+      "icon_id": "43002114",
+      "name": "icon_zoom_out",
+      "font_class": "icon_zoom_out",
+      "unicode": "e7a4",
+      "unicode_decimal": 59300
+    },
+    {
+      "icon_id": "43002113",
+      "name": "icon_usergroup",
+      "font_class": "icon_usergroup",
+      "unicode": "e7a5",
+      "unicode_decimal": 59301
+    },
+    {
+      "icon_id": "43002112",
+      "name": "icon_wifi",
+      "font_class": "icon_wifi",
+      "unicode": "e7a6",
+      "unicode_decimal": 59302
+    },
+    {
+      "icon_id": "43002110",
+      "name": "icon_view_module",
+      "font_class": "icon_view_module",
+      "unicode": "e7a7",
+      "unicode_decimal": 59303
+    },
+    {
+      "icon_id": "43002111",
+      "name": "view-column",
+      "font_class": "view-column",
+      "unicode": "e7a8",
+      "unicode_decimal": 59304
+    },
+    {
+      "icon_id": "43002109",
+      "name": "view-list",
+      "font_class": "view-list",
+      "unicode": "e7a9",
+      "unicode_decimal": 59305
+    },
+    {
+      "icon_id": "43002108",
+      "name": "icon_wallet",
+      "font_class": "icon_wallet",
+      "unicode": "e7aa",
+      "unicode_decimal": 59306
+    },
+    {
+      "icon_id": "43001922",
+      "name": "icon_usb",
+      "font_class": "icon_usb",
+      "unicode": "e78c",
+      "unicode_decimal": 59276
+    },
+    {
+      "icon_id": "43001923",
+      "name": "icon_user_add",
+      "font_class": "icon_user_add",
+      "unicode": "e78d",
+      "unicode_decimal": 59277
+    },
+    {
+      "icon_id": "43001924",
+      "name": "icon_swap_right",
+      "font_class": "icon_swap_right",
+      "unicode": "e78e",
+      "unicode_decimal": 59278
+    },
+    {
+      "icon_id": "43001925",
+      "name": "icon_user_avatar",
+      "font_class": "icon_user_avatar",
+      "unicode": "e78f",
+      "unicode_decimal": 59279
+    },
+    {
+      "icon_id": "43001926",
+      "name": "icon_thumb_up",
+      "font_class": "icon_thumb_up",
+      "unicode": "e790",
+      "unicode_decimal": 59280
+    },
+    {
+      "icon_id": "43001927",
+      "name": "icon_time_filled",
+      "font_class": "icon_time_filled",
+      "unicode": "e791",
+      "unicode_decimal": 59281
+    },
+    {
+      "icon_id": "43001928",
+      "name": "icon_tools",
+      "font_class": "icon_tools",
+      "unicode": "e792",
+      "unicode_decimal": 59282
+    },
+    {
+      "icon_id": "43001929",
+      "name": "icon_user_clear",
+      "font_class": "icon_user_clear",
+      "unicode": "e793",
+      "unicode_decimal": 59283
+    },
+    {
+      "icon_id": "43001930",
+      "name": "icon_time",
+      "font_class": "icon_time",
+      "unicode": "e794",
+      "unicode_decimal": 59284
+    },
+    {
+      "icon_id": "43001931",
+      "name": "icon_unfold_less",
+      "font_class": "icon_unfold_less",
+      "unicode": "e795",
+      "unicode_decimal": 59285
+    },
+    {
+      "icon_id": "43001932",
+      "name": "icon_thumb_down",
+      "font_class": "icon_thumb_down",
+      "unicode": "e796",
+      "unicode_decimal": 59286
+    },
+    {
+      "icon_id": "43001933",
+      "name": "icon_user_talk",
+      "font_class": "icon_user_talk",
+      "unicode": "e797",
+      "unicode_decimal": 59287
+    },
+    {
+      "icon_id": "43001934",
+      "name": "icon_tips",
+      "font_class": "icon_tips",
+      "unicode": "e798",
+      "unicode_decimal": 59288
+    },
+    {
+      "icon_id": "43001935",
+      "name": "icon_unfold_more",
+      "font_class": "icon_unfold_more",
+      "unicode": "e799",
+      "unicode_decimal": 59289
+    },
+    {
+      "icon_id": "43001936",
+      "name": "icon_upload",
+      "font_class": "icon_upload",
+      "unicode": "e79a",
+      "unicode_decimal": 59290
+    },
+    {
+      "icon_id": "43001937",
+      "name": "icon_user",
+      "font_class": "icon_user",
+      "unicode": "e79b",
+      "unicode_decimal": 59291
+    },
+    {
+      "icon_id": "43001938",
+      "name": "icon_usergroup_add",
+      "font_class": "icon_usergroup_add",
+      "unicode": "e79c",
+      "unicode_decimal": 59292
+    },
+    {
+      "icon_id": "43001939",
+      "name": "icon_swap",
+      "font_class": "icon_swap",
+      "unicode": "e79d",
+      "unicode_decimal": 59293
+    },
+    {
+      "icon_id": "43001940",
+      "name": "icon_usergroup_clear",
+      "font_class": "icon_usergroup_clear",
+      "unicode": "e79e",
+      "unicode_decimal": 59294
+    },
+    {
+      "icon_id": "43001941",
+      "name": "icon_user_circle",
+      "font_class": "icon_user_circle",
+      "unicode": "e79f",
+      "unicode_decimal": 59295
+    },
+    {
+      "icon_id": "43001843",
+      "name": "icon_queue",
+      "font_class": "icon_queue",
+      "unicode": "e782",
+      "unicode_decimal": 59266
+    },
+    {
+      "icon_id": "43001831",
+      "name": "icon_refresh",
+      "font_class": "icon_refresh",
+      "unicode": "e783",
+      "unicode_decimal": 59267
+    },
+    {
+      "icon_id": "43001841",
+      "name": "icon_pin",
+      "font_class": "icon_pin",
+      "unicode": "e784",
+      "unicode_decimal": 59268
+    },
+    {
+      "icon_id": "43001840",
+      "name": "icon_poweroff",
+      "font_class": "icon_poweroff",
+      "unicode": "e785",
+      "unicode_decimal": 59269
+    },
+    {
+      "icon_id": "43001838",
+      "name": "icon_photo",
+      "font_class": "icon_photo",
+      "unicode": "e786",
+      "unicode_decimal": 59270
+    },
+    {
+      "icon_id": "43001834",
+      "name": "icon_precise_monitor",
+      "font_class": "icon_precise_monitor",
+      "unicode": "e787",
+      "unicode_decimal": 59271
+    },
+    {
+      "icon_id": "43001837",
+      "name": "icon_print",
+      "font_class": "icon_print",
+      "unicode": "e788",
+      "unicode_decimal": 59272
+    },
+    {
+      "icon_id": "43001835",
+      "name": "icon_play_circle",
+      "font_class": "icon_play_circle",
+      "unicode": "e789",
+      "unicode_decimal": 59273
+    },
+    {
+      "icon_id": "43001833",
+      "name": "icon_play",
+      "font_class": "icon_play",
+      "unicode": "e78a",
+      "unicode_decimal": 59274
+    },
+    {
+      "icon_id": "43001832",
+      "name": "icon_remove",
+      "font_class": "icon_remove",
+      "unicode": "e78b",
+      "unicode_decimal": 59275
+    },
+    {
+      "icon_id": "43001880",
+      "name": "icon_server",
+      "font_class": "icon_server",
+      "unicode": "e776",
+      "unicode_decimal": 59254
+    },
+    {
+      "icon_id": "43001878",
+      "name": "icon_rollfront",
+      "font_class": "icon_rollfront",
+      "unicode": "e777",
+      "unicode_decimal": 59255
+    },
+    {
+      "icon_id": "43001877",
+      "name": "icon_scan",
+      "font_class": "icon_scan",
+      "unicode": "e778",
+      "unicode_decimal": 59256
+    },
+    {
+      "icon_id": "43001876",
+      "name": "icon_rotation",
+      "font_class": "icon_rotation",
+      "unicode": "e779",
+      "unicode_decimal": 59257
+    },
+    {
+      "icon_id": "43001847",
+      "name": "icon_pause_circle",
+      "font_class": "icon_pause_circle",
+      "unicode": "e77a",
+      "unicode_decimal": 59258
+    },
+    {
+      "icon_id": "43001850",
+      "name": "icon_pause",
+      "font_class": "icon_pause",
+      "unicode": "e77b",
+      "unicode_decimal": 59259
+    },
+    {
+      "icon_id": "43001846",
+      "name": "icon_pin_filled",
+      "font_class": "icon_pin_filled",
+      "unicode": "e77c",
+      "unicode_decimal": 59260
+    },
+    {
+      "icon_id": "43001849",
+      "name": "icon_play_circle_filled",
+      "font_class": "icon_play_circle_filled",
+      "unicode": "e77d",
+      "unicode_decimal": 59261
+    },
+    {
+      "icon_id": "43001848",
+      "name": "icon_qrcode",
+      "font_class": "icon_qrcode",
+      "unicode": "e77e",
+      "unicode_decimal": 59262
+    },
+    {
+      "icon_id": "43001844",
+      "name": "icon_previous",
+      "font_class": "icon_previous",
+      "unicode": "e77f",
+      "unicode_decimal": 59263
+    },
+    {
+      "icon_id": "43001845",
+      "name": "icon_rollback",
+      "font_class": "icon_rollback",
+      "unicode": "e780",
+      "unicode_decimal": 59264
+    },
+    {
+      "icon_id": "43001842",
+      "name": "icon_play_circle_stroke",
+      "font_class": "icon_play_circle_stroke",
+      "unicode": "e781",
+      "unicode_decimal": 59265
+    },
+    {
+      "icon_id": "43001894",
+      "name": "icon_swap_left",
+      "font_class": "icon_swap_left",
+      "unicode": "e766",
+      "unicode_decimal": 59238
+    },
+    {
+      "icon_id": "43001895",
+      "name": "icon_stop_circle",
+      "font_class": "icon_stop_circle",
+      "unicode": "e767",
+      "unicode_decimal": 59239
+    },
+    {
+      "icon_id": "43001893",
+      "name": "icon_sound",
+      "font_class": "icon_sound",
+      "unicode": "e768",
+      "unicode_decimal": 59240
+    },
+    {
+      "icon_id": "43001890",
+      "name": "icon_setting",
+      "font_class": "icon_setting",
+      "unicode": "e769",
+      "unicode_decimal": 59241
+    },
+    {
+      "icon_id": "43001892",
+      "name": "icon_share",
+      "font_class": "icon_share",
+      "unicode": "e76a",
+      "unicode_decimal": 59242
+    },
+    {
+      "icon_id": "43001884",
+      "name": "icon_search",
+      "font_class": "icon_search",
+      "unicode": "e76b",
+      "unicode_decimal": 59243
+    },
+    {
+      "icon_id": "43001889",
+      "name": "icon_service",
+      "font_class": "icon_service",
+      "unicode": "e76c",
+      "unicode_decimal": 59244
+    },
+    {
+      "icon_id": "43001891",
+      "name": "icon_star",
+      "font_class": "icon_star",
+      "unicode": "e76d",
+      "unicode_decimal": 59245
+    },
+    {
+      "icon_id": "43001887",
+      "name": "icon_round",
+      "font_class": "icon_round",
+      "unicode": "e76e",
+      "unicode_decimal": 59246
+    },
+    {
+      "icon_id": "43001888",
+      "name": "icon_star_filled",
+      "font_class": "icon_star_filled",
+      "unicode": "e76f",
+      "unicode_decimal": 59247
+    },
+    {
+      "icon_id": "43001886",
+      "name": "icon_shop",
+      "font_class": "icon_shop",
+      "unicode": "e770",
+      "unicode_decimal": 59248
+    },
+    {
+      "icon_id": "43001885",
+      "name": "icon_stop_circle_filled",
+      "font_class": "icon_stop_circle_filled",
+      "unicode": "e771",
+      "unicode_decimal": 59249
+    },
+    {
+      "icon_id": "43001883",
+      "name": "icon_slash",
+      "font_class": "icon_slash",
+      "unicode": "e772",
+      "unicode_decimal": 59250
+    },
+    {
+      "icon_id": "43001882",
+      "name": "icon_save",
+      "font_class": "icon_save",
+      "unicode": "e773",
+      "unicode_decimal": 59251
+    },
+    {
+      "icon_id": "43001881",
+      "name": "icon_secured",
+      "font_class": "icon_secured",
+      "unicode": "e774",
+      "unicode_decimal": 59252
+    },
+    {
+      "icon_id": "43001879",
+      "name": "icon_root_list",
+      "font_class": "icon_root_list",
+      "unicode": "e775",
+      "unicode_decimal": 59253
+    },
+    {
+      "icon_id": "43001795",
+      "name": "icon_menu-application",
+      "font_class": "icon_menu-application1",
+      "unicode": "e75f",
+      "unicode_decimal": 59231
+    },
+    {
+      "icon_id": "43001794",
+      "name": "icon_mobile_vibrate",
+      "font_class": "icon_mobile_vibrate",
+      "unicode": "e760",
+      "unicode_decimal": 59232
+    },
+    {
+      "icon_id": "43001792",
+      "name": "icon_mirror",
+      "font_class": "icon_mirror",
+      "unicode": "e761",
+      "unicode_decimal": 59233
+    },
+    {
+      "icon_id": "43001793",
+      "name": "icon_move",
+      "font_class": "icon_move",
+      "unicode": "e762",
+      "unicode_decimal": 59234
+    },
+    {
+      "icon_id": "43001790",
+      "name": "icon_page_first",
+      "font_class": "icon_page_first",
+      "unicode": "e763",
+      "unicode_decimal": 59235
+    },
+    {
+      "icon_id": "43001787",
+      "name": "icon_notification_filled",
+      "font_class": "icon_notification_filled",
+      "unicode": "e764",
+      "unicode_decimal": 59236
+    },
+    {
+      "icon_id": "43001788",
+      "name": "icon_minus_rectangle",
+      "font_class": "icon_minus_rectangle1",
+      "unicode": "e765",
+      "unicode_decimal": 59237
+    },
+    {
+      "icon_id": "43001806",
+      "name": "icon_menu_unfold",
+      "font_class": "icon_menu_unfold1",
+      "unicode": "e752",
+      "unicode_decimal": 59218
+    },
+    {
+      "icon_id": "43001799",
+      "name": "icon_page_last",
+      "font_class": "icon_page_last",
+      "unicode": "e753",
+      "unicode_decimal": 59219
+    },
+    {
+      "icon_id": "43001804",
+      "name": "icon_pause_circle_filled",
+      "font_class": "icon_pause_circle_filled",
+      "unicode": "e754",
+      "unicode_decimal": 59220
+    },
+    {
+      "icon_id": "43001805",
+      "name": "icon_money_circle",
+      "font_class": "icon_money_circle",
+      "unicode": "e755",
+      "unicode_decimal": 59221
+    },
+    {
+      "icon_id": "43001803",
+      "name": "icon_mail",
+      "font_class": "icon_mail1",
+      "unicode": "e756",
+      "unicode_decimal": 59222
+    },
+    {
+      "icon_id": "43001800",
+      "name": "icon_minus_circle_filled",
+      "font_class": "icon_minus_circle_filled1",
+      "unicode": "e757",
+      "unicode_decimal": 59223
+    },
+    {
+      "icon_id": "43001801",
+      "name": "icon_more",
+      "font_class": "icon_more",
+      "unicode": "e758",
+      "unicode_decimal": 59224
+    },
+    {
+      "icon_id": "43001796",
+      "name": "icon_menu_fold",
+      "font_class": "icon_menu_fold1",
+      "unicode": "e759",
+      "unicode_decimal": 59225
+    },
+    {
+      "icon_id": "43001789",
+      "name": "icon_next",
+      "font_class": "icon_next",
+      "unicode": "e75a",
+      "unicode_decimal": 59226
+    },
+    {
+      "icon_id": "43001797",
+      "name": "icon_notification",
+      "font_class": "icon_notification",
+      "unicode": "e75b",
+      "unicode_decimal": 59227
+    },
+    {
+      "icon_id": "43001791",
+      "name": "icon_minus_circle",
+      "font_class": "icon_minus_circle1",
+      "unicode": "e75c",
+      "unicode_decimal": 59228
+    },
+    {
+      "icon_id": "43001802",
+      "name": "icon_mobile",
+      "font_class": "icon_mobile",
+      "unicode": "e75d",
+      "unicode_decimal": 59229
+    },
+    {
+      "icon_id": "43001798",
+      "name": "icon_order_adjustment_column",
+      "font_class": "icon_order_adjustment_column",
+      "unicode": "e75e",
+      "unicode_decimal": 59230
+    },
+    {
+      "icon_id": "42996149",
+      "name": "icon_jump",
+      "font_class": "icon_jump",
+      "unicode": "e740",
+      "unicode_decimal": 59200
+    },
+    {
+      "icon_id": "42996150",
+      "name": "icon_lock_off",
+      "font_class": "icon_lock_off",
+      "unicode": "e741",
+      "unicode_decimal": 59201
+    },
+    {
+      "icon_id": "42996153",
+      "name": "icon_loading",
+      "font_class": "icon_loading",
+      "unicode": "e744",
+      "unicode_decimal": 59204
+    },
+    {
+      "icon_id": "42996154",
+      "name": "icon_laptop",
+      "font_class": "icon_laptop",
+      "unicode": "e745",
+      "unicode_decimal": 59205
+    },
+    {
+      "icon_id": "42996156",
+      "name": "icon_mail",
+      "font_class": "icon_mail",
+      "unicode": "e747",
+      "unicode_decimal": 59207
+    },
+    {
+      "icon_id": "42996157",
+      "name": "icon_minus_rectangle",
+      "font_class": "icon_minus_rectangle",
+      "unicode": "e748",
+      "unicode_decimal": 59208
+    },
+    {
+      "icon_id": "42996158",
+      "name": "icon_location",
+      "font_class": "icon_location",
+      "unicode": "e749",
+      "unicode_decimal": 59209
+    },
+    {
+      "icon_id": "42996159",
+      "name": "icon_lock_on",
+      "font_class": "icon_lock_on",
+      "unicode": "e74a",
+      "unicode_decimal": 59210
+    },
+    {
+      "icon_id": "42996160",
+      "name": "icon_link_unlink",
+      "font_class": "icon_link_unlink",
+      "unicode": "e74b",
+      "unicode_decimal": 59211
+    },
+    {
+      "icon_id": "42996161",
+      "name": "icon_menu-application",
+      "font_class": "icon_menu-application",
+      "unicode": "e74c",
+      "unicode_decimal": 59212
+    },
+    {
+      "icon_id": "42996162",
+      "name": "icon_minus_circle",
+      "font_class": "icon_minus_circle",
+      "unicode": "e74d",
+      "unicode_decimal": 59213
+    },
+    {
+      "icon_id": "42996163",
+      "name": "icon_logout",
+      "font_class": "icon_logout",
+      "unicode": "e74e",
+      "unicode_decimal": 59214
+    },
+    {
+      "icon_id": "42996164",
+      "name": "icon_link",
+      "font_class": "icon_link",
+      "unicode": "e74f",
+      "unicode_decimal": 59215
+    },
+    {
+      "icon_id": "42996165",
+      "name": "icon_layers",
+      "font_class": "icon_layers",
+      "unicode": "e750",
+      "unicode_decimal": 59216
+    },
+    {
+      "icon_id": "42996166",
+      "name": "icon_login",
+      "font_class": "icon_login",
+      "unicode": "e751",
+      "unicode_decimal": 59217
+    },
+    {
+      "icon_id": "42996016",
+      "name": "icon_file_paste",
+      "font_class": "icon_file_paste",
+      "unicode": "e718",
+      "unicode_decimal": 59160
+    },
+    {
+      "icon_id": "42996017",
+      "name": "icon_error_circle",
+      "font_class": "icon_error_circle",
+      "unicode": "e719",
+      "unicode_decimal": 59161
+    },
+    {
+      "icon_id": "42996018",
+      "name": "icon_file_word",
+      "font_class": "icon_file_word",
+      "unicode": "e71a",
+      "unicode_decimal": 59162
+    },
+    {
+      "icon_id": "42996019",
+      "name": "icon_enter",
+      "font_class": "icon_enter",
+      "unicode": "e71b",
+      "unicode_decimal": 59163
+    },
+    {
+      "icon_id": "42996020",
+      "name": "icon_file",
+      "font_class": "icon_file",
+      "unicode": "e71c",
+      "unicode_decimal": 59164
+    },
+    {
+      "icon_id": "42996022",
+      "name": "icon_fork",
+      "font_class": "icon_fork",
+      "unicode": "e71e",
+      "unicode_decimal": 59166
+    },
+    {
+      "icon_id": "42996023",
+      "name": "icon_file_copy",
+      "font_class": "icon_file_copy",
+      "unicode": "e71f",
+      "unicode_decimal": 59167
+    },
+    {
+      "icon_id": "42996024",
+      "name": "icon_flag",
+      "font_class": "icon_flag",
+      "unicode": "e720",
+      "unicode_decimal": 59168
+    },
+    {
+      "icon_id": "42996025",
+      "name": "icon_folder",
+      "font_class": "icon_folder",
+      "unicode": "e721",
+      "unicode_decimal": 59169
+    },
+    {
+      "icon_id": "42996026",
+      "name": "icon_file_image",
+      "font_class": "icon_file_image",
+      "unicode": "e722",
+      "unicode_decimal": 59170
+    },
+    {
+      "icon_id": "42996027",
+      "name": "icon_file_powerpoint",
+      "font_class": "icon_file_powerpoint",
+      "unicode": "e723",
+      "unicode_decimal": 59171
+    },
+    {
+      "icon_id": "42996028",
+      "name": "icon_file_add",
+      "font_class": "icon_file_add",
+      "unicode": "e724",
+      "unicode_decimal": 59172
+    },
+    {
+      "icon_id": "42996029",
+      "name": "icon_file_unknown",
+      "font_class": "icon_file_unknown",
+      "unicode": "e725",
+      "unicode_decimal": 59173
+    },
+    {
+      "icon_id": "42996030",
+      "name": "icon_error_circle_filled",
+      "font_class": "icon_error_circle_filled",
+      "unicode": "e726",
+      "unicode_decimal": 59174
+    },
+    {
+      "icon_id": "42996031",
+      "name": "icon_help",
+      "font_class": "icon_help",
+      "unicode": "e727",
+      "unicode_decimal": 59175
+    },
+    {
+      "icon_id": "42996032",
+      "name": "icon_fullscreen_exit",
+      "font_class": "icon_fullscreen_exit",
+      "unicode": "e728",
+      "unicode_decimal": 59176
+    },
+    {
+      "icon_id": "42996033",
+      "name": "icon_file_pdf",
+      "font_class": "icon_file_pdf",
+      "unicode": "e729",
+      "unicode_decimal": 59177
+    },
+    {
+      "icon_id": "42996034",
+      "name": "icon_gift",
+      "font_class": "icon_gift",
+      "unicode": "e72a",
+      "unicode_decimal": 59178
+    },
+    {
+      "icon_id": "42996035",
+      "name": "icon_gender_female",
+      "font_class": "icon_gender_female",
+      "unicode": "e72b",
+      "unicode_decimal": 59179
+    },
+    {
+      "icon_id": "42996036",
+      "name": "icon_home",
+      "font_class": "icon_home1",
+      "unicode": "e72c",
+      "unicode_decimal": 59180
+    },
+    {
+      "icon_id": "42996037",
+      "name": "icon_heart_filled",
+      "font_class": "icon_heart_filled",
+      "unicode": "e72d",
+      "unicode_decimal": 59181
+    },
+    {
+      "icon_id": "42996038",
+      "name": "icon_info_circle",
+      "font_class": "icon_info_circle",
+      "unicode": "e72e",
+      "unicode_decimal": 59182
+    },
+    {
+      "icon_id": "42996039",
+      "name": "icon_file_icon",
+      "font_class": "icon_file_icon",
+      "unicode": "e72f",
+      "unicode_decimal": 59183
+    },
+    {
+      "icon_id": "42996040",
+      "name": "icon_heart",
+      "font_class": "icon_heart",
+      "unicode": "e730",
+      "unicode_decimal": 59184
+    },
+    {
+      "icon_id": "42996041",
+      "name": "icon_history",
+      "font_class": "icon_history",
+      "unicode": "e731",
+      "unicode_decimal": 59185
+    },
+    {
+      "icon_id": "42996043",
+      "name": "icon_hourglass",
+      "font_class": "icon_hourglass",
+      "unicode": "e733",
+      "unicode_decimal": 59187
+    },
+    {
+      "icon_id": "42996044",
+      "name": "icon_info_circle_filled",
+      "font_class": "icon_info_circle_filled",
+      "unicode": "e734",
+      "unicode_decimal": 59188
+    },
+    {
+      "icon_id": "42996045",
+      "name": "icon_folder_open",
+      "font_class": "icon_folder_open",
+      "unicode": "e735",
+      "unicode_decimal": 59189
+    },
+    {
+      "icon_id": "42996046",
+      "name": "icon_help_circle_filled",
+      "font_class": "icon_help_circle_filled",
+      "unicode": "e736",
+      "unicode_decimal": 59190
+    },
+    {
+      "icon_id": "42996047",
+      "name": "icon_help_circle",
+      "font_class": "icon_help_circle",
+      "unicode": "e737",
+      "unicode_decimal": 59191
+    },
+    {
+      "icon_id": "42996048",
+      "name": "icon_image",
+      "font_class": "icon_image",
+      "unicode": "e738",
+      "unicode_decimal": 59192
+    },
+    {
+      "icon_id": "42996049",
+      "name": "icon_gender_male",
+      "font_class": "icon_gender_male",
+      "unicode": "e739",
+      "unicode_decimal": 59193
+    },
+    {
+      "icon_id": "42996050",
+      "name": "icon_fullsreen",
+      "font_class": "icon_fullsreen",
+      "unicode": "e73a",
+      "unicode_decimal": 59194
+    },
+    {
+      "icon_id": "42996051",
+      "name": "icon_image_error",
+      "font_class": "icon_image_error",
+      "unicode": "e73b",
+      "unicode_decimal": 59195
+    },
+    {
+      "icon_id": "42996052",
+      "name": "icon_folder_add",
+      "font_class": "icon_folder_add",
+      "unicode": "e73c",
+      "unicode_decimal": 59196
+    },
+    {
+      "icon_id": "42996053",
+      "name": "icon_file_excel",
+      "font_class": "icon_file_excel",
+      "unicode": "e73d",
+      "unicode_decimal": 59197
+    },
+    {
+      "icon_id": "42996054",
+      "name": "icon_forward",
+      "font_class": "icon_forward",
+      "unicode": "e73e",
+      "unicode_decimal": 59198
+    },
+    {
+      "icon_id": "42996055",
+      "name": "icon_internet",
+      "font_class": "icon_internet",
+      "unicode": "e73f",
+      "unicode_decimal": 59199
+    },
+    {
+      "icon_id": "42995831",
+      "name": "icon_check_circle_filled",
+      "font_class": "icon_check_circle_filled",
+      "unicode": "e6f1",
+      "unicode_decimal": 59121
+    },
+    {
+      "icon_id": "42995832",
+      "name": "icon_chevron_right_circle",
+      "font_class": "icon_chevron_right_circle",
+      "unicode": "e6f2",
+      "unicode_decimal": 59122
+    },
+    {
+      "icon_id": "42995833",
+      "name": "icon_creditcard",
+      "font_class": "icon_creditcard",
+      "unicode": "e6f3",
+      "unicode_decimal": 59123
+    },
+    {
+      "icon_id": "42995834",
+      "name": "icon_close_circle_filled",
+      "font_class": "icon_close_circle_filled",
+      "unicode": "e6f4",
+      "unicode_decimal": 59124
+    },
+    {
+      "icon_id": "42995835",
+      "name": "icon_circle",
+      "font_class": "icon_circle",
+      "unicode": "e6f5",
+      "unicode_decimal": 59125
+    },
+    {
+      "icon_id": "42995836",
+      "name": "icon_chevron_left_circle",
+      "font_class": "icon_chevron_left_circle",
+      "unicode": "e6f6",
+      "unicode_decimal": 59126
+    },
+    {
+      "icon_id": "42995837",
+      "name": "icon_chevron_left_double",
+      "font_class": "icon_chevron_left_double",
+      "unicode": "e6f7",
+      "unicode_decimal": 59127
+    },
+    {
+      "icon_id": "42995838",
+      "name": "icon_chevron_right",
+      "font_class": "icon_chevron_right",
+      "unicode": "e6f8",
+      "unicode_decimal": 59128
+    },
+    {
+      "icon_id": "42995839",
+      "name": "icon_control_platform",
+      "font_class": "icon_control_platform",
+      "unicode": "e6f9",
+      "unicode_decimal": 59129
+    },
+    {
+      "icon_id": "42995840",
+      "name": "icon_close",
+      "font_class": "icon_close",
+      "unicode": "e6fa",
+      "unicode_decimal": 59130
+    },
+    {
+      "icon_id": "42995841",
+      "name": "icon_check",
+      "font_class": "icon_check",
+      "unicode": "e6fb",
+      "unicode_decimal": 59131
+    },
+    {
+      "icon_id": "42995842",
+      "name": "icon_chevron_right_double",
+      "font_class": "icon_chevron_right_double",
+      "unicode": "e6fc",
+      "unicode_decimal": 59132
+    },
+    {
+      "icon_id": "42995843",
+      "name": "icon_check_rectangle_filled",
+      "font_class": "icon_check_rectangle_filled",
+      "unicode": "e6fd",
+      "unicode_decimal": 59133
+    },
+    {
+      "icon_id": "42995844",
+      "name": "icon_cloud_upload",
+      "font_class": "icon_cloud_upload",
+      "unicode": "e6fe",
+      "unicode_decimal": 59134
+    },
+    {
+      "icon_id": "42995845",
+      "name": "icon_chevron_up_circle",
+      "font_class": "icon_chevron_up_circle",
+      "unicode": "e6ff",
+      "unicode_decimal": 59135
+    },
+    {
+      "icon_id": "42995846",
+      "name": "icon_chevron_down_circle",
+      "font_class": "icon_chevron_down_circle",
+      "unicode": "e700",
+      "unicode_decimal": 59136
+    },
+    {
+      "icon_id": "42995847",
+      "name": "icon_chevron_up_rectangle",
+      "font_class": "icon_chevron_up_rectangle",
+      "unicode": "e701",
+      "unicode_decimal": 59137
+    },
+    {
+      "icon_id": "42995848",
+      "name": "icon_close_rectangle",
+      "font_class": "icon_close_rectangle",
+      "unicode": "e702",
+      "unicode_decimal": 59138
+    },
+    {
+      "icon_id": "42995849",
+      "name": "icon_chevron_down_rectangle",
+      "font_class": "icon_chevron_down_rectangle",
+      "unicode": "e703",
+      "unicode_decimal": 59139
+    },
+    {
+      "icon_id": "42995850",
+      "name": "icon_chevron_left",
+      "font_class": "icon_chevron_left",
+      "unicode": "e704",
+      "unicode_decimal": 59140
+    },
+    {
+      "icon_id": "42995851",
+      "name": "icon_check_circle",
+      "font_class": "icon_check_circle",
+      "unicode": "e705",
+      "unicode_decimal": 59141
+    },
+    {
+      "icon_id": "42995852",
+      "name": "icon_chevron_right_rectangle",
+      "font_class": "icon_chevron_right_rectangle",
+      "unicode": "e706",
+      "unicode_decimal": 59142
+    },
+    {
+      "icon_id": "42995853",
+      "name": "icon_check_rectangle",
+      "font_class": "icon_check_rectangle",
+      "unicode": "e707",
+      "unicode_decimal": 59143
+    },
+    {
+      "icon_id": "42995854",
+      "name": "icon_close_circle",
+      "font_class": "icon_close_circle",
+      "unicode": "e708",
+      "unicode_decimal": 59144
+    },
+    {
+      "icon_id": "42995855",
+      "name": "icon_cloud",
+      "font_class": "icon_cloud",
+      "unicode": "e709",
+      "unicode_decimal": 59145
+    },
+    {
+      "icon_id": "42995856",
+      "name": "icon_chevron_down",
+      "font_class": "icon_chevron_down",
+      "unicode": "e70a",
+      "unicode_decimal": 59146
+    },
+    {
+      "icon_id": "42995857",
+      "name": "icon_delete",
+      "font_class": "icon_delete",
+      "unicode": "e70b",
+      "unicode_decimal": 59147
+    },
+    {
+      "icon_id": "42995858",
+      "name": "icon_chevron_up",
+      "font_class": "icon_chevron_up",
+      "unicode": "e70c",
+      "unicode_decimal": 59148
+    },
+    {
+      "icon_id": "42995859",
+      "name": "icon_code",
+      "font_class": "icon_code",
+      "unicode": "e70d",
+      "unicode_decimal": 59149
+    },
+    {
+      "icon_id": "42995860",
+      "name": "icon_dashboard",
+      "font_class": "icon_dashboard",
+      "unicode": "e70e",
+      "unicode_decimal": 59150
+    },
+    {
+      "icon_id": "42995861",
+      "name": "icon_clear",
+      "font_class": "icon_clear",
+      "unicode": "e70f",
+      "unicode_decimal": 59151
+    },
+    {
+      "icon_id": "42995862",
+      "name": "icon_chevron_left_rectangle",
+      "font_class": "icon_chevron_left_rectangle",
+      "unicode": "e710",
+      "unicode_decimal": 59152
+    },
+    {
+      "icon_id": "42995863",
+      "name": "icon_cloud_download",
+      "font_class": "icon_cloud_download",
+      "unicode": "e711",
+      "unicode_decimal": 59153
+    },
+    {
+      "icon_id": "42995864",
+      "name": "icon_desktop",
+      "font_class": "icon_desktop",
+      "unicode": "e712",
+      "unicode_decimal": 59154
+    },
+    {
+      "icon_id": "42995866",
+      "name": "icon_ellipsis",
+      "font_class": "icon_ellipsis",
+      "unicode": "e713",
+      "unicode_decimal": 59155
+    },
+    {
+      "icon_id": "42995868",
+      "name": "icon_edit",
+      "font_class": "icon_edit",
+      "unicode": "e715",
+      "unicode_decimal": 59157
+    },
+    {
+      "icon_id": "42995869",
+      "name": "icon_download",
+      "font_class": "icon_download",
+      "unicode": "e716",
+      "unicode_decimal": 59158
+    },
+    {
+      "icon_id": "42995870",
+      "name": "icon_discount_filled",
+      "font_class": "icon_discount_filled",
+      "unicode": "e717",
+      "unicode_decimal": 59159
+    },
+    {
+      "icon_id": "42995750",
+      "name": "icon_caret_down",
+      "font_class": "icon_caret_down",
+      "unicode": "e6c9",
+      "unicode_decimal": 59081
+    },
+    {
+      "icon_id": "42995751",
+      "name": "icon_backtop",
+      "font_class": "icon_backtop",
+      "unicode": "e6ca",
+      "unicode_decimal": 59082
+    },
+    {
+      "icon_id": "42995752",
+      "name": "icon_caret_right",
+      "font_class": "icon_caret_right",
+      "unicode": "e6cb",
+      "unicode_decimal": 59083
+    },
+    {
+      "icon_id": "42995753",
+      "name": "icon_bulletpoint",
+      "font_class": "icon_bulletpoint",
+      "unicode": "e6cc",
+      "unicode_decimal": 59084
+    },
+    {
+      "icon_id": "42995754",
+      "name": "icon_caret_right_small",
+      "font_class": "icon_caret_right_small",
+      "unicode": "e6cd",
+      "unicode_decimal": 59085
+    },
+    {
+      "icon_id": "42995755",
+      "name": "icon_add",
+      "font_class": "icon_add",
+      "unicode": "e6ce",
+      "unicode_decimal": 59086
+    },
+    {
+      "icon_id": "42995756",
+      "name": "icon_caret_left",
+      "font_class": "icon_caret_left",
+      "unicode": "e6cf",
+      "unicode_decimal": 59087
+    },
+    {
+      "icon_id": "42995757",
+      "name": "icon_caret_down_small",
+      "font_class": "icon_caret_down_small",
+      "unicode": "e6d0",
+      "unicode_decimal": 59088
+    },
+    {
+      "icon_id": "42995758",
+      "name": "icon_caret_left_small",
+      "font_class": "icon_caret_left_small",
+      "unicode": "e6d1",
+      "unicode_decimal": 59089
+    },
+    {
+      "icon_id": "42995759",
+      "name": "chart-bar",
+      "font_class": "chart-bar",
+      "unicode": "e6d2",
+      "unicode_decimal": 59090
+    },
+    {
+      "icon_id": "42995760",
+      "name": "icon_arrow_left",
+      "font_class": "icon_arrow_left",
+      "unicode": "e6d3",
+      "unicode_decimal": 59091
+    },
+    {
+      "icon_id": "42995761",
+      "name": "icon_calendar",
+      "font_class": "icon_calendar",
+      "unicode": "e6d4",
+      "unicode_decimal": 59092
+    },
+    {
+      "icon_id": "42995762",
+      "name": "icon_chart_pie",
+      "font_class": "icon_chart_pie",
+      "unicode": "e6d5",
+      "unicode_decimal": 59093
+    },
+    {
+      "icon_id": "42995763",
+      "name": "icon_arrow_right",
+      "font_class": "icon_arrow_right",
+      "unicode": "e6d6",
+      "unicode_decimal": 59094
+    },
+    {
+      "icon_id": "42995764",
+      "name": "icon_caret_up_small",
+      "font_class": "icon_caret_up_small",
+      "unicode": "e6d7",
+      "unicode_decimal": 59095
+    },
+    {
+      "icon_id": "42995766",
+      "name": "icon_browse",
+      "font_class": "icon_browse",
+      "unicode": "e6d9",
+      "unicode_decimal": 59097
+    },
+    {
+      "icon_id": "42995768",
+      "name": "icon_books",
+      "font_class": "icon_books",
+      "unicode": "e6db",
+      "unicode_decimal": 59099
+    },
+    {
+      "icon_id": "42995769",
+      "name": "icon_app",
+      "font_class": "icon_app",
+      "unicode": "e6dc",
+      "unicode_decimal": 59100
+    },
+    {
+      "icon_id": "42995770",
+      "name": "icon_arrow_up",
+      "font_class": "icon_arrow_up",
+      "unicode": "e6dd",
+      "unicode_decimal": 59101
+    },
+    {
+      "icon_id": "42995772",
+      "name": "icon_backward",
+      "font_class": "icon_backward",
+      "unicode": "e6df",
+      "unicode_decimal": 59103
+    },
+    {
+      "icon_id": "42995773",
+      "name": "icon_cart",
+      "font_class": "icon_cart",
+      "unicode": "e6e0",
+      "unicode_decimal": 59104
+    },
+    {
+      "icon_id": "42995774",
+      "name": "icon_attach",
+      "font_class": "icon_attach",
+      "unicode": "e6e1",
+      "unicode_decimal": 59105
+    },
+    {
+      "icon_id": "42995775",
+      "name": "chart",
+      "font_class": "chart",
+      "unicode": "e6e2",
+      "unicode_decimal": 59106
+    },
+    {
+      "icon_id": "42995776",
+      "name": "icon_chat",
+      "font_class": "icon_chat",
+      "unicode": "e6e3",
+      "unicode_decimal": 59107
+    },
+    {
+      "icon_id": "42995777",
+      "name": "icon_add_rectangle",
+      "font_class": "icon_add_rectangle",
+      "unicode": "e6e4",
+      "unicode_decimal": 59108
+    },
+    {
+      "icon_id": "42995778",
+      "name": "icon_add_circle",
+      "font_class": "icon_add_circle",
+      "unicode": "e6e5",
+      "unicode_decimal": 59109
+    },
+    {
+      "icon_id": "42995779",
+      "name": "icon_barcode",
+      "font_class": "icon_barcode",
+      "unicode": "e6e6",
+      "unicode_decimal": 59110
+    },
+    {
+      "icon_id": "42995780",
+      "name": "icon_arrow_down_rectangle",
+      "font_class": "icon_arrow_down_rectangle",
+      "unicode": "e6e7",
+      "unicode_decimal": 59111
+    },
+    {
+      "icon_id": "42995781",
+      "name": "icon_browse_off",
+      "font_class": "icon_browse_off",
+      "unicode": "e6e8",
+      "unicode_decimal": 59112
+    },
+    {
+      "icon_id": "42995782",
+      "name": "icon_backtop_rectangle",
+      "font_class": "icon_backtop_rectangle",
+      "unicode": "e6e9",
+      "unicode_decimal": 59113
+    },
+    {
+      "icon_id": "42995784",
+      "name": "icon_arrow_down",
+      "font_class": "icon_arrow_down",
+      "unicode": "e6eb",
+      "unicode_decimal": 59115
+    },
+    {
+      "icon_id": "42995786",
+      "name": "icon_call",
+      "font_class": "icon_call",
+      "unicode": "e6ed",
+      "unicode_decimal": 59117
+    },
+    {
+      "icon_id": "42995787",
+      "name": "icon_caret_up",
+      "font_class": "icon_caret_up",
+      "unicode": "e6ee",
+      "unicode_decimal": 59118
+    },
+    {
+      "icon_id": "42995789",
+      "name": "icon_chart_bubble",
+      "font_class": "icon_chart_bubble",
+      "unicode": "e6f0",
+      "unicode_decimal": 59120
+    },
+    {
+      "icon_id": "42977221",
+      "name": "icon_data",
+      "font_class": "icon_data",
+      "unicode": "e6ae",
+      "unicode_decimal": 59054
+    },
+    {
+      "icon_id": "42977220",
+      "name": "icon_clue",
+      "font_class": "icon_clue",
+      "unicode": "e6af",
+      "unicode_decimal": 59055
+    },
+    {
+      "icon_id": "42977219",
+      "name": "icon_business_opportunity",
+      "font_class": "icon_business_opportunity",
+      "unicode": "e6b0",
+      "unicode_decimal": 59056
+    },
+    {
+      "icon_id": "42977227",
+      "name": "icon_set_up",
+      "font_class": "icon_set_up",
+      "unicode": "e6a8",
+      "unicode_decimal": 59048
+    },
+    {
+      "icon_id": "42977225",
+      "name": "icon_not_bookmarked",
+      "font_class": "icon_not_bookmarked",
+      "unicode": "e6a9",
+      "unicode_decimal": 59049
+    },
+    {
+      "icon_id": "42977226",
+      "name": "icon_product",
+      "font_class": "icon_product",
+      "unicode": "e6aa",
+      "unicode_decimal": 59050
+    },
+    {
+      "icon_id": "42977224",
+      "name": "icon_customer",
+      "font_class": "icon_customer",
+      "unicode": "e6ab",
+      "unicode_decimal": 59051
+    },
+    {
+      "icon_id": "42977223",
+      "name": "icon_home",
+      "font_class": "icon_home",
+      "unicode": "e6ac",
+      "unicode_decimal": 59052
+    },
+    {
+      "icon_id": "42977222",
+      "name": "icon_collect",
+      "font_class": "icon_collect",
+      "unicode": "e6ad",
+      "unicode_decimal": 59053
+    },
+    {
+      "icon_id": "32849880",
+      "name": "icon-kfckfc",
+      "font_class": "icon_search-outline_outlined",
+      "unicode": "e6c2",
+      "unicode_decimal": 59074
+    },
+    {
+      "icon_id": "32849886",
+      "name": "icon-alarmclock",
+      "font_class": "icon-alarmclock",
+      "unicode": "e6c8",
+      "unicode_decimal": 59080
+    }
+  ]
+}
diff --git a/frontend/packages/web/src/assets/icon-font/iconfont.svg b/frontend/packages/web/src/assets/icon-font/iconfont.svg
new file mode 100644
index 0000000..3ced0a1
--- /dev/null
+++ b/frontend/packages/web/src/assets/icon-font/iconfont.svg
@@ -0,0 +1,733 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+  <metadata>Created by iconfont</metadata>
+  <defs>
+  <font id="iconfont" horiz-adv-x="1024">
+    <font-face
+      font-family="iconfont"
+      font-weight="400"
+      font-stretch="normal"
+      units-per-em="1024"
+      ascent="896"
+      descent="-128"
+    />
+      <missing-glyph />
+      
+      <glyph glyph-name="icon_form" unicode="&#59392;" d="M874.666667 810.666667A106.666667 106.666667 0 0 0 981.333333 704v-640a106.666667 106.666667 0 0 0-106.666666-106.666667h-725.333334A106.666667 106.666667 0 0 0 42.666667 64v640A106.666667 106.666667 0 0 0 149.333333 810.666667h725.333334z m21.333333-256H128v-490.666667a21.333333 21.333333 0 0 1 21.333333-21.333333h725.333334a21.333333 21.333333 0 0 1 21.333333 21.333333V554.666667z m-128-298.666667a42.666667 42.666667 0 0 0 0-85.333333h-341.333333a42.666667 42.666667 0 0 0 0 85.333333h341.333333zM298.666667 256a42.666667 42.666667 0 0 0 0-85.333333H256a42.666667 42.666667 0 0 0 0 85.333333h42.666667z m469.333333 170.666667a42.666667 42.666667 0 0 0 0-85.333334h-341.333333a42.666667 42.666667 0 0 0 0 85.333334h341.333333zM298.666667 426.666667a42.666667 42.666667 0 0 0 0-85.333334H256a42.666667 42.666667 0 0 0 0 85.333334h42.666667z m576 298.666666h-725.333334a21.333333 21.333333 0 0 1-21.333333-21.333333V640h768V704a21.333333 21.333333 0 0 1-21.333333 21.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_move2" unicode="&#59393;" d="M458.666667 618.666667A96 96 0 0 0 554.666667 522.666667v-32.64l4.096 0.426666 6.570666 0.213334c33.152 0 62.336-16.810667 79.616-42.325334l2.218667-3.584 5.504 1.28a96 96 0 0 0 12.757333 1.706667l6.570667 0.256c33.152 0 62.336-16.810667 79.616-42.325333l2.218667-3.584 5.504 1.28a96 96 0 0 0 12.757333 1.706666l6.570667 0.256a96 96 0 0 0 96-96v-167.850666c0-32.512-8.661333-63.232-26.624-88.661334-35.84-50.858667-77.994667-92.245333-127.232-113.365333-87.637333-37.546667-165.973333-38.314667-266.410667-0.768-95.872 35.84-178.773333 134.826667-249.344 261.504-28.245333 50.773333-14.336 113.706667 31.189333 150.101333a124.373333 124.373333 0 0 0 125.994667 17.493334l0.426667 154.88a96 96 0 0 0 89.429333 95.786666l6.570667 0.213334z m0-85.333334a10.666667 10.666667 0 0 1-10.666667-10.666666v-245.333334c0-37.973333-45.952-57.045333-72.832-30.165333l-33.621333 33.621333a39.04 39.04 0 0 1-52.010667 2.901334c-13.653333-10.922667-17.493333-28.373333-9.941333-41.984 61.226667-109.866667 133.888-196.608 204.672-223.061334 80.213333-30.037333 135.893333-29.482667 202.922666-0.768 31.445333 13.482667 63.573333 45.056 91.136 84.138667 7.168 10.197333 11.008 23.722667 11.008 39.466667V309.333333a10.666667 10.666667 0 0 1-21.333333 0c0-56.874667-85.333333-56.874667-85.333333 0v42.666667a10.666667 10.666667 0 0 1-21.333334 0c0-56.874667-85.333333-56.874667-85.333333 0v42.666667a10.666667 10.666667 0 0 1-21.333333 0c0-56.874667-85.333333-56.874667-85.333334 0v128a10.666667 10.666667 0 0 1-10.666666 10.666666zM328.832 840.832a42.666667 42.666667 0 0 0 0-60.330667L316.330667 768h263.296l-12.458667 12.501333a42.666667 42.666667 0 0 0-3.541333 56.32l3.541333 4.010667a42.666667 42.666667 0 0 0 60.330667 0l85.333333-85.333333c1.237333-1.194667 2.346667-2.517333 3.413333-3.84l-3.413333 3.84a43.008 43.008 0 0 0 12.458667-28.8L725.333333 725.333333v-1.408l-0.170666-2.218666L725.333333 725.333333a43.008 43.008 0 0 0-9.088-26.325333l-0.298666-0.341333-3.114667-3.498667-85.333333-85.333333a42.666667 42.666667 0 0 0-60.330667 60.330666L579.584 682.666667H316.373333l12.458667-12.501334a42.666667 42.666667 0 0 0 3.541333-56.32l-3.541333-4.010666a42.666667 42.666667 0 0 0-60.330667 0l-85.333333 85.333333-3.114667 3.498667a42.88 42.88 0 0 0-0.298666 0.341333l3.413333-3.84A43.008 43.008 0 0 0 170.666667 724.48 42.666667 42.666667 0 0 0 170.666667 725.333333v0.768c0 1.024 0.085333 2.048 0.170666 3.029334L170.666667 725.333333a43.008 43.008 0 0 0 9.088 26.325334c1.066667 1.322667 2.176 2.645333 3.413333 3.84l85.333333 85.333333a42.666667 42.666667 0 0 0 60.330667 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_send" unicode="&#59391;" d="M911.146667 807.978667l1.621333-0.725334a42.368 42.368 0 0 0 13.397333-9.088l0.64-0.64c3.328-3.456 6.058667-7.466667 8.106667-11.818666l0.341333-0.938667a41.386667 41.386667 0 0 0 1.28-30.037333l-0.256-0.853334-283.733333-810.666666c-12.8-36.437333-63.573333-38.528-79.274667-3.2l-155.477333 349.824-349.781333 155.434666c-33.621333 14.933333-33.365333 61.738667-1.749334 77.226667l4.992 2.048 810.666667 283.733333 0.810667 0.298667a42.538667 42.538667 0 0 0 1.749333 0.512l-2.56-0.853333c2.048 0.768 4.138667 1.28 6.186667 1.706666l0.682666 0.128a41.258667 41.258667 0 0 0 22.357334-2.133333z m-117.205334-202.368l-292.949333-292.949334 106.538667-239.658666 186.410666 532.608zM733.653333 666.026667L200.96 479.573333l239.658667-106.538666 293.034666 293.034666z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_end" unicode="&#59390;" d="M757.162667 762.368a449.066667 449.066667 0 0 0 111.957333-90.538667A438.186667 438.186667 0 0 0 981.333333 378.752C981.333333 134.101333 780.629333-64 533.333333-64S85.333333 134.101333 85.333333 378.752c0 109.44 40.362667 212.778667 112.213334 293.12a448.426667 448.426667 0 0 0 111.957333 90.496 42.666667 42.666667 0 1 0 42.325333-74.069333A363.733333 363.733333 0 0 1 261.12 614.954667 352.896 352.896 0 0 1 170.666667 378.752c0-197.248 162.261333-357.418667 362.666666-357.418667s362.666667 160.170667 362.666667 357.418667a352.896 352.896 0 0 1-90.453333 236.202667 363.093333 363.093333 0 0 1-90.709334 73.344 42.666667 42.666667 0 1 0 42.325334 74.069333zM533.333333 853.333333a42.666667 42.666667 0 0 0 42.666667-42.666666v-426.666667a42.666667 42.666667 0 0 0-85.333333 0V810.666667a42.666667 42.666667 0 0 0 42.666666 42.666666z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_down" unicode="&#59389;" d="M768 533.333333c37.973333 0 57.045333-45.952 30.165333-72.832l-256-256a42.666667 42.666667 0 0 0-60.330666 0l-256 256C198.954667 487.381333 217.984 533.333333 256 533.333333h512z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_left" unicode="&#59386;" d="M682.666667 640v-512c0-37.973333-45.952-57.045333-72.832-30.165333l-256 256a42.666667 42.666667 0 0 0 0 60.330666l256 256C636.714667 697.045333 682.666667 678.016 682.666667 640z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_right" unicode="&#59387;" d="M414.165333 670.165333l256-256a42.666667 42.666667 0 0 0 0-60.330666l-256-256C387.285333 70.954667 341.333333 89.984 341.333333 128V640c0 37.973333 45.952 57.045333 72.832 30.165333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_up" unicode="&#59388;" d="M542.165333 563.498667l256-256c26.88-26.88 7.850667-72.832-30.165333-72.832H256c-37.973333 0-57.045333 45.952-30.165333 72.832l256 256a42.666667 42.666667 0 0 0 60.330666 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_aiming" unicode="&#59379;" d="M512 853.333333c259.2 0 469.333333-210.133333 469.333333-469.333333s-210.133333-469.333333-469.333333-469.333333S42.666667 124.8 42.666667 384 252.8 853.333333 512 853.333333z m42.666667-87.68V661.333333a42.666667 42.666667 0 0 0-85.333334 0V765.653333A384.170667 384.170667 0 0 1 130.346667 426.666667H234.666667a42.666667 42.666667 0 0 0 0-85.333334H130.346667A384.170667 384.170667 0 0 1 469.333333 2.304V106.666667a42.666667 42.666667 0 0 0 85.333334 0v-104.32a384.170667 384.170667 0 0 1 338.986666 338.944L768 341.333333a42.666667 42.666667 0 0 0 0 85.333334h125.653333a384.170667 384.170667 0 0 1-338.944 338.986666z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_zoom_out1" unicode="&#59380;" d="M490.666667 810.666667a405.333333 405.333333 0 0 0 405.333333-405.333334 403.626667 403.626667 0 0 0-90.154667-254.890666l156.757334-156.672a42.666667 42.666667 0 0 0-60.373334-60.373334l-156.672 156.757334A403.626667 403.626667 0 0 0 490.666667 0a405.333333 405.333333 0 0 0 0 810.666667z m0-85.333334a320 320 0 1 1 0-640 320 320 0 0 1 0 640z m128-277.333333a42.666667 42.666667 0 0 0 0-85.333333h-256a42.666667 42.666667 0 0 0 0 85.333333h256z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_simplified" unicode="&#59381;" d="M896 757.333333a42.666667 42.666667 0 0 0 0-85.333333H85.333333a42.666667 42.666667 0 1 0 0 85.333333h810.666667z m0-682.666666a42.666667 42.666667 0 0 0 0-85.333334H85.333333a42.666667 42.666667 0 0 0 0 85.333334h810.666667z m-192 426.666666a42.666667 42.666667 0 0 0 42.666667-42.666666v-170.666667a42.666667 42.666667 0 0 0-42.666667-42.666667h-426.666667a42.666667 42.666667 0 0 0-42.666666 42.666667v170.666667a42.666667 42.666667 0 0 0 42.666666 42.666666h426.666667z m-42.666667-85.333333h-341.333333v-85.333333h341.333333v85.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_order_form1" unicode="&#59382;" d="M661.333333 853.333333a42.666667 42.666667 0 0 0 42.666667-42.666666v-21.333334H810.666667a85.333333 85.333333 0 0 0 85.333333-85.333333V0a85.333333 85.333333 0 0 0-85.333333-85.333333H213.333333a85.333333 85.333333 0 0 0-85.333333 85.333333V704a85.333333 85.333333 0 0 0 85.333333 85.333333h106.666667V810.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h298.666666z m-341.333333-149.333333H213.333333V0h597.333334V704h-106.666667V682.666667a42.666667 42.666667 0 0 0-37.674667-42.368L661.333333 640h-298.666666a42.666667 42.666667 0 0 0-42.666667 42.666667v21.333333z m286.165333-183.168a42.666667 42.666667 0 0 0 0-60.330667L508.330667 362.666667h110.421333c36.352 0 55.338667-42.069333 33.408-69.248l-3.242667-3.626667-170.752-170.666667a42.666667 42.666667 0 1 0-60.330666 60.330667l97.877333 97.877333H405.333333c-36.352 0-55.338667 42.026667-33.408 69.205334l3.242667 3.584 170.666667 170.709333a42.666667 42.666667 0 0 0 60.330666 0zM618.666667 768h-213.333334v-42.666667h213.333334V768z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_zoom_in1" unicode="&#59383;" d="M490.666667 810.666667a405.333333 405.333333 0 0 0 405.333333-405.333334 403.626667 403.626667 0 0 0-90.154667-254.890666l156.757334-156.672a42.666667 42.666667 0 0 0-60.373334-60.373334l-156.672 156.757334A403.626667 403.626667 0 0 0 490.666667 0a405.333333 405.333333 0 0 0 0 810.666667z m0-85.333334a320 320 0 1 1 0-640 320 320 0 0 1 0 640z m0-149.333333a42.666667 42.666667 0 0 0 42.666666-42.666667v-85.418666l85.290667 0.085333a42.666667 42.666667 0 0 0 0.085333-85.333333l-85.376-0.085334V277.333333a42.666667 42.666667 0 0 0-85.333333 0v85.162667l-84.906667-0.170667a42.666667 42.666667 0 0 0-0.170666 85.333334l85.077333 0.170666V533.333333a42.666667 42.666667 0 0 0 42.666667 42.666667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_keyboard" unicode="&#59384;" d="M896 768a85.333333 85.333333 0 0 0 85.333333-85.333333v-597.333334a85.333333 85.333333 0 0 0-85.333333-85.333333H128a85.333333 85.333333 0 0 0-85.333333 85.333333V682.666667a85.333333 85.333333 0 0 0 85.333333 85.333333h768z m0-85.333333H128v-597.333334h768V682.666667z m-128-362.666667a42.666667 42.666667 0 0 0 0-85.333333H256a42.666667 42.666667 0 0 0 0 85.333333h512zM298.666667 512a42.666667 42.666667 0 1 0 0-85.333333H256a42.666667 42.666667 0 0 0 0 85.333333h42.666667z m192 0a42.666667 42.666667 0 0 0 0-85.333333h-42.666667a42.666667 42.666667 0 0 0 0 85.333333h42.666667zM768 512a42.666667 42.666667 0 0 0 0-85.333333h-149.333333a42.666667 42.666667 0 0 0 0 85.333333H768z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_numerous" unicode="&#59385;" d="M384 853.333333a85.333333 85.333333 0 0 0 85.333333-85.333333v-256a85.333333 85.333333 0 0 0-85.333333-85.333333H128a85.333333 85.333333 0 0 0-85.333333 85.333333V768a85.333333 85.333333 0 0 0 85.333333 85.333333h256z m0-85.333333H128v-256h256V768z m0-426.666667a85.333333 85.333333 0 0 0 85.333333-85.333333v-256a85.333333 85.333333 0 0 0-85.333333-85.333333H128a85.333333 85.333333 0 0 0-85.333333 85.333333v256a85.333333 85.333333 0 0 0 85.333333 85.333333h256z m0-85.333333H128v-256h256v256zM896 853.333333a85.333333 85.333333 0 0 0 85.333333-85.333333v-256a85.333333 85.333333 0 0 0-85.333333-85.333333h-256a85.333333 85.333333 0 0 0-85.333333 85.333333V768a85.333333 85.333333 0 0 0 85.333333 85.333333h256z m0-85.333333h-256v-256h256V768z m42.666667-426.666667a42.666667 42.666667 0 0 0 0-85.333333h-341.333334a42.666667 42.666667 0 0 0 0 85.333333h341.333334z m0-170.666666a42.666667 42.666667 0 0 0 0-85.333334h-170.666667a42.666667 42.666667 0 0 0 0 85.333334h170.666667z m0-170.666667a42.666667 42.666667 0 0 0 0-85.333333h-341.333334a42.666667 42.666667 0 0 0 0 85.333333h341.333334z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_order_form" unicode="&#59378;" d="M661.333333 853.333333a42.666667 42.666667 0 0 0 42.666667-42.666666v-21.333334H810.666667a85.333333 85.333333 0 0 0 85.333333-85.333333V0a85.333333 85.333333 0 0 0-85.333333-85.333333H213.333333a85.333333 85.333333 0 0 0-85.333333 85.333333V704a85.333333 85.333333 0 0 0 85.333333 85.333333h106.666667V810.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h298.666666z m-341.333333-149.333333H213.333333V0h597.333334V704h-106.666667V682.666667a42.666667 42.666667 0 0 0-37.674667-42.368L661.333333 640h-298.666666a42.666667 42.666667 0 0 0-42.666667 42.666667v21.333333z m286.165333-183.168a42.666667 42.666667 0 0 0 0-60.330667L508.330667 362.666667h110.421333c36.352 0 55.338667-42.069333 33.408-69.248l-3.242667-3.626667-170.752-170.666667a42.666667 42.666667 0 1 0-60.330666 60.330667l97.877333 97.877333H405.333333c-36.352 0-55.338667 42.026667-33.408 69.205334l3.242667 3.584 170.666667 170.709333a42.666667 42.666667 0 0 0 60.330666 0zM618.666667 768h-213.333334v-42.666667h213.333334V768z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_add_one" unicode="&#59377;" d="M512 853.333333c259.2 0 469.333333-210.133333 469.333333-469.333333s-210.133333-469.333333-469.333333-469.333333S42.666667 124.8 42.666667 384 252.8 853.333333 512 853.333333z m0-256a42.666667 42.666667 0 0 1-42.666667-42.666666v-128H341.333333a42.666667 42.666667 0 0 1 0-85.333334h128v-128a42.666667 42.666667 0 0 1 85.333334 0v128h128a42.666667 42.666667 0 0 1 0 85.333334h-128V554.666667a42.666667 42.666667 0 0 1-42.666667 42.666666z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_qichacha" unicode="&#59376;" d="M512 853.333333a469.077333 469.077333 0 0 0 427.52-662.613333l-84.437333 47.872A372.693333 372.693333 0 0 1 188.8 569.301333a372.693333 372.693333 0 0 1 623.061333-406.357333l160.213334-98.261333-46.805334-81.152-95.701333 55.168A469.077333 469.077333 0 0 0 60.544 511.957333 469.162667 469.162667 0 0 0 512 853.333333z m0-187.562666c58.538667 0 112.981333-17.92 157.994667-48.512L614.826667 538.026667a185.002667 185.002667 0 1 1 45.696-264.362667l79.104-55.466667a281.557333 281.557333 0 0 0-502.869334 224.512A281.557333 281.557333 0 0 0 512 665.770667z m0-176.426667c24.32 0 46.72-8.234667 64.554667-22.101333l-37.12-53.930667a40.106667 40.106667 0 1 1 7.594666-48.64l53.333334-37.802667a105.258667 105.258667 0 1 0-88.32 162.56v-0.085333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_correlation" unicode="&#59375;" d="M640 501.333333a32 32 0 1 0 0-64h-213.333333a138.666667 138.666667 0 1 1 0-277.333333h341.333333a138.666667 138.666667 0 0 1 104.021333 230.4 32 32 0 1 0 47.957334 42.325333A202.666667 202.666667 0 0 0 768 96h-341.333333a202.666667 202.666667 0 1 0 0 405.333333h213.333333z m-42.666667 170.666667a202.666667 202.666667 0 1 0 0-405.333333H384a32 32 0 1 0 0 64h213.333333a138.666667 138.666667 0 1 1 0 277.333333H256a138.666667 138.666667 0 0 1-104.021333-230.4 32 32 0 1 0-47.957334-42.325333A202.666667 202.666667 0 0 0 256 672h341.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_target" unicode="&#59374;" d="M512 853.333333a42.666667 42.666667 0 0 0 42.666667-42.666666v-23.552c189.824-19.882667 340.608-170.666667 360.448-360.448H938.666667a42.666667 42.666667 0 0 0 0-85.333334h-23.552A405.418667 405.418667 0 0 0 554.666667-19.157333L554.666667-42.666667a42.666667 42.666667 0 0 0-85.333334 0v23.552a405.418667 405.418667 0 0 0-360.448 360.405334L85.333333 341.333333a42.666667 42.666667 0 0 0 0 85.333334h23.552A405.418667 405.418667 0 0 0 469.333333 787.114667V810.666667a42.666667 42.666667 0 0 0 42.666667 42.666666zM302.933333 341.333333H194.816a320.128 320.128 0 0 1 274.56-274.517333V174.933333A213.504 213.504 0 0 0 302.933333 341.333333z m526.250667 0H721.066667a213.504 213.504 0 0 0-166.4-166.4v-108.117333A320.128 320.128 0 0 1 829.184 341.333333zM469.333333 341.333333H391.253333A128.256 128.256 0 0 1 469.333333 263.253333V341.333333z m163.413334 0H554.666667v-78.08A128.256 128.256 0 0 1 632.746667 341.333333zM194.773333 426.666667H302.933333A213.504 213.504 0 0 0 469.333333 593.066667V701.184a320.128 320.128 0 0 1-274.517333-274.56zM554.666667 701.141333V593.066667a213.504 213.504 0 0 0 166.4-166.4h108.117333A320.128 320.128 0 0 1 554.666667 701.141333z m-163.413334-274.56L469.333333 426.666667V504.746667A128.256 128.256 0 0 1 391.253333 426.666667zM554.666667 504.746667V426.666667h78.08A128.256 128.256 0 0 1 554.666667 504.746667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_pie" unicode="&#59373;" d="M536.32-74.026667l-8.064-0.341333a459.434667 459.434667 0 0 0-34.389333 0.042667l-2.090667 0.085333a456.704 456.704 0 0 0-281.173333 112.512l-2.56 2.261333a440.32 440.32 0 0 0-9.258667 8.405334l-0.768 0.725333A457.557333 457.557333 0 0 0 53.333333 384c0 249.216 198.784 452.010667 446.464 458.496L512 842.666667c5.077333 0 10.154667-0.085333 15.189333-0.256L512 842.666667a456.618667 456.618667 0 0 0 293.12-105.898667l1.92-1.621333a416.170667 416.170667 0 0 0 11.904-10.325334 458.581333 458.581333 0 0 0 23.04-22.272 457.045333 457.045333 0 0 0 128.256-298.794666l0.128-2.858667a456.917333 456.917333 0 0 0-149.12-355.626667c-3.584-3.285333-7.253333-6.485333-10.922667-9.642666l-0.426666-0.426667-1.109334-0.938667c-3.498667-2.944-6.997333-5.845333-10.538666-8.661333l11.648 9.642667a456.32 456.32 0 0 0-265.685334-108.8h-0.426666 0.426666l-7.850666-0.469334z m7.68 851.370667V384a32 32 0 0 0-8.661333-21.888l-269.269334-286.72 9.813334-7.637333 12.928-9.301334 1.194666-0.810666a395.946667 395.946667 0 0 1 103.594667-50.133334l14.250667-4.181333a394.666667 394.666667 0 0 1 63.488-11.946667l-0.896 0.128c4.693333-0.469333 9.386667-0.853333 14.122666-1.237333l-13.226666 1.152c5.589333-0.597333 11.264-1.066667 16.938666-1.408l-3.712 0.256c5.930667-0.426667 11.818667-0.682667 17.749334-0.853333l-14.08 0.597333c5.12-0.298667 10.24-0.469333 15.36-0.597333h-1.28a394.666667 394.666667 0 0 1 232.277333 68.650666l-1.834667-1.237333a394.666667 394.666667 0 0 1 36.522667 27.904l-0.981333-0.853333a394.666667 394.666667 0 0 1 32.682666 31.317333l-1.493333-1.621333a394.666667 394.666667 0 0 1 21.034667 24.277333l-1.962667-2.432a394.666667 394.666667 0 0 1 87.68 230.485333l-0.170667-3.797333a394.666667 394.666667 0 0 1 0.554667 15.488l-0.384-11.690667c0.256 4.864 0.384 9.685333 0.426667 14.592l-0.042667-2.901333a394.666667 394.666667 0 0 1-138.666667 306.773333l2.474667-2.090666a394.666667 394.666667 0 0 1-10.24 8.533333l7.765333-6.4a396.672 396.672 0 0 1-10.496 8.661333l2.730667-2.218666a394.666667 394.666667 0 0 1-203.861333 85.333333l-12.373334 1.152zM117.333333 384c0-101.930667 38.613333-194.816 102.058667-264.832l260.608 277.546667V777.386667A394.666667 394.666667 0 0 1 117.333333 384zM512 810.666667a426.666667 426.666667 0 1 0-292.053333-737.706667L512 384V810.666667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_contract" unicode="&#59370;" d="M518.826667 810.666667c134.4 0 230.741333-78.08 230.741333-231.509334 0-73.557333-21.632-125.781333-62.122667-173.568-4.821333-5.674667-34.688-37.888-38.997333-44.074666a20.949333 20.949333 0 0 1-2.901333-4.821334v-12.416l0.042666-3.84h186.453334a64 64 0 0 0 63.658666-57.856l0.298667-6.144V106.666667a42.666667 42.666667 0 0 0-42.666667-42.666667H170.666667a42.666667 42.666667 0 0 0-42.666667 42.666667l0.085333 169.813333a64.042667 64.042667 0 0 0 64 63.957333H382.293333l0.085334 3.584v9.258667a155.136 155.136 0 0 1-6.186667 7.594667l-1.365333 1.536a1308.288 1308.288 0 0 0-35.157334 39.466666c-39.893333 49.066667-61.824 103.808-61.824 177.28C277.802667 732.16 381.653333 810.666667 518.826667 810.666667z m0-85.333334C424.405333 725.333333 363.136 679.04 363.136 579.157333c0-52.522667 14.506667-88.746667 42.752-123.477333 4.48-5.546667 9.258667-10.965333 15.445333-17.749333-0.512 0.554667 12.373333-13.354667 15.786667-17.194667 15.232-17.024 23.765333-29.568 28.202667-46.08 1.578667-5.888 2.389333-11.861333 2.389333-17.92v-8.362667c-0.085333-26.581333-0.682667-35.413333-3.84-47.530666-7.253333-27.989333-28.8-45.738667-58.368-45.738667H213.418667L213.333333 149.333333h597.333334v105.770667h-191.146667c-24.874667 0-45.312 10.837333-54.058667 35.541333l-1.792 5.973334c-2.730667 10.581333-3.328 17.706667-3.413333 44.8v15.274666c0 19.541333 6.485333 36.778667 18.090667 53.461334 8.405333 12.117333 42.666667 48.981333 43.989333 50.602666 28.16 33.194667 41.898667 66.432 41.898667 118.4C664.234667 681.045333 609.578667 725.333333 518.826667 725.333333zM853.333333 21.333333a42.666667 42.666667 0 0 0 0-85.333333H170.666667a42.666667 42.666667 0 0 0 0 85.333333h682.666666z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_arithmetic" unicode="&#59371;" d="M896 245.333333a32 32 0 1 0 0-64h-298.666667a32 32 0 1 0 0 64h298.666667z m0-170.666666a32 32 0 1 0 0-64h-298.666667a32 32 0 1 0 0 64h298.666667zM179.285333 281.984l98.005334-98.048 98.090666 98.048a32 32 0 0 0 45.226667-45.226667L322.56 138.666667l98.090667-98.048a32 32 0 0 0-45.269334-45.226667L277.290667 93.44l-98.005334-98.090667a32 32 0 0 0-45.226666 45.226667l98.005333 98.090667-98.048 98.048a32 32 0 0 0 45.226667 45.226666zM896 650.666667a32 32 0 1 0 0-64h-298.666667a32 32 0 1 0 0 64h298.666667zM277.333333 800a32 32 0 0 0 32-32v-117.333333H426.666667a32 32 0 1 0 0-64H309.333333V469.333333a32 32 0 1 0-64 0V586.666667H128a32 32 0 0 0 0 64h117.333333V768a32 32 0 0 0 32 32z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_table" unicode="&#59372;" d="M138.666667 10.666667A74.666667 74.666667 0 0 0 64 85.333333V682.666667c0 41.216 33.450667 74.666667 74.666667 74.666666h768c41.216 0 74.666667-33.450667 74.666666-74.666666v-597.333334a74.666667 74.666667 0 0 0-74.666666-74.666666h-768zM341.333333 245.333333H128V85.333333c0-5.888 4.778667-10.666667 10.666667-10.666666H341.333333v170.666666z m298.666667 0H405.333333v-170.666666H640v170.666666z m277.333333 0h-213.333333v-170.666666h202.666667a10.666667 10.666667 0 0 1 10.666666 10.666666v160z m-576 213.333334H128v-149.333334h213.333333v149.333334z m298.666667 0H405.333333v-149.333334H640v149.333334z m277.333333 0h-213.333333v-149.333334h213.333333v149.333334z m-10.666666 234.666666h-768A10.666667 10.666667 0 0 1 128 682.666667v-160h789.333333V682.666667a10.666667 10.666667 0 0 1-10.666666 10.666666z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_wait" unicode="&#58914;" d="M512 853.333333c259.2 0 469.333333-210.133333 469.333333-469.333333s-210.133333-469.333333-469.333333-469.333333S42.666667 124.8 42.666667 384 252.8 853.333333 512 853.333333z m187.733333-213.333333H307.2a8.021333 8.021333 0 0 1-6.144-2.56 9.258667 9.258667 0 0 1-2.389333-6.570667v-18.304c0-2.645333 0.810667-4.864 2.389333-6.570666 1.621333-1.706667 3.669333-2.56 6.144-2.56h25.6c0-49.706667 9.472-93.653333 28.416-131.84 18.901333-38.229333 42.624-67.413333 71.04-87.594667-28.416-20.181333-52.138667-49.365333-71.04-87.594667-18.944-38.144-28.416-82.133333-28.416-131.84h-25.6a8.021333 8.021333 0 0 1-6.144-2.56 9.258667 9.258667 0 0 1-2.389333-6.570666v-18.304c0-2.645333 0.810667-4.864 2.389333-6.570667 1.621333-1.706667 3.669333-2.56 6.144-2.56h392.533333c2.474667 0 4.522667 0.853333 6.144 2.56a9.258667 9.258667 0 0 1 2.389334 6.570667v18.304a9.258667 9.258667 0 0 1-2.389334 6.570666 8.021333 8.021333 0 0 1-6.144 2.56h-25.6c0 49.706667-9.472 93.696-28.416 131.84-18.901333 38.229333-42.624 67.413333-71.04 87.594667 28.416 20.181333 52.138667 49.365333 71.04 87.552 18.944 38.229333 28.416 82.176 28.416 131.84h25.6c2.474667 0 4.522667 0.896 6.144 2.602667a9.258667 9.258667 0 0 1 2.389334 6.570666v18.304a9.258667 9.258667 0 0 1-2.389334 6.570667A8.021333 8.021333 0 0 1 699.733333 640z m-165.589333-274.304c18.346667-7.978667 35.584-21.546667 51.882667-40.704 16.213333-19.157333 29.184-42.154667 38.784-68.992H382.165333a219.306667 219.306667 0 0 0 38.784 68.992c16.256 19.157333 33.536 32.725333 51.882667 40.704zM640 603.434667c0-39.253333-7.552-75.818667-22.656-109.738667H389.546667a266.410667 266.410667 0 0 0-22.613334 109.738667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_skip_planarity" unicode="&#58920;" d="M512 853.333333c259.2 0 469.333333-210.133333 469.333333-469.333333s-210.133333-469.333333-469.333333-469.333333S42.666667 124.8 42.666667 384 252.8 853.333333 512 853.333333z m204.8-298.666666a51.2 51.2 0 0 1-51.2-51.2v-102.4h-234.794667l40.618667 40.576A51.2 51.2 0 1 1 398.933333 514.133333l-128-128a51.029333 51.029333 0 0 1 0-72.405333l128-128a51.2 51.2 0 0 1 72.448 72.405333L430.805333 298.666667H716.8a51.2 51.2 0 0 1 51.2 51.2V503.466667A51.2 51.2 0 0 1 716.8 554.666667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_industry" unicode="&#59369;" d="M821.333333 661.333333c12.501333 0 23.893333-7.253333 29.098667-18.688l117.333333-256a32 32 0 0 0 2.901334-13.312v-256A32 32 0 0 0 938.666667 85.333333h-32.469334a117.333333 117.333333 0 1 0-233.728 0H415.573333a117.333333 117.333333 0 1 0-233.728 0H128a32 32 0 0 0-32 32v170.666667A32 32 0 0 0 128 320h522.666667V629.333333A32 32 0 0 0 682.666667 661.333333h138.666666zM789.333333 128a53.333333 53.333333 0 1 1 0-106.666667 53.333333 53.333333 0 0 1 0 106.666667zM298.666667 128a53.333333 53.333333 0 1 1 0-106.666667A53.333333 53.333333 0 0 1 298.666667 128z m352 128H160v-106.666667h48.170667c21.504 26.026667 54.058667 42.666667 90.496 42.666667 36.437333 0 68.992-16.64 90.496-42.666667h261.504V256z m150.144 341.333333H714.666667v-432.170666a116.864 116.864 0 0 0 74.666666 26.837333c36.437333 0 68.992-16.64 90.496-42.666667h26.837334v217.002667L800.810667 597.333333zM554.666667 746.666667a32 32 0 0 0 32-32v-298.666667A32 32 0 0 0 554.666667 384H149.333333a32 32 0 0 0-31.274666 25.301333l-64 298.666667A32 32 0 0 0 85.333333 746.666667h469.333334zM522.666667 682.666667H124.885333l50.304-234.666667h347.477334V682.666667zM810.666667 789.333333A32 32 0 1 0 810.666667 725.333333h-128a32 32 0 1 0 0 64h128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_functions_outlined" unicode="&#59368;" d="M512 384L207.189333 645.248C175.104 672.768 194.56 725.333333 236.8 725.333333H802.133333c12.586667 0 22.741333-10.197333 22.741334-22.741333v-39.850667A22.741333 22.741333 0 0 0 802.133333 640H341.333333l291.370667-238.378667c11.093333-9.130667 11.093333-26.112 0-35.242666L341.333333 128h489.258667c12.544 0 22.741333-10.197333 22.741333-22.741333v-39.850667a22.741333 22.741333 0 0 0-22.741333-22.741333H236.8c-42.24 0-61.696 52.565333-29.610667 80.085333L512 384z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_timeline" unicode="&#59367;" d="M138.666667-42.666667a42.666667 42.666667 0 0 0-85.333334 0V810.666667a42.666667 42.666667 0 1 0 85.333334 0v-128h113.92a128.042667 128.042667 0 0 0 241.493333 0h455.253333a42.666667 42.666667 0 0 0 0-85.333334H494.037333a128.042667 128.042667 0 0 0-241.408 0H138.666667v-170.666666h497.92a128.042667 128.042667 0 0 0 241.493333 0h71.253333a42.666667 42.666667 0 0 0 0-85.333334h-71.296a128.042667 128.042667 0 0 0-241.408 0H138.666667v-170.666666h113.92a128.042667 128.042667 0 0 0 241.493333 0h455.253333a42.666667 42.666667 0 0 0 0-85.333334H494.037333a128.042667 128.042667 0 0 0-241.408 0H138.666667v-128z m234.666666 213.333334a42.666667 42.666667 0 1 1 0-85.333334 42.666667 42.666667 0 0 1 0 85.333334z m384 256a42.666667 42.666667 0 1 1 0-85.333334 42.666667 42.666667 0 0 1 0 85.333334z m-384 256a42.666667 42.666667 0 1 1 0-85.333334 42.666667 42.666667 0 0 1 0 85.333334z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_waterfalls" unicode="&#59365;" d="M490.666667 810.666667a42.666667 42.666667 0 0 0 42.666666-42.666667v-298.666667a42.666667 42.666667 0 0 0-42.666666-42.666666H128a42.666667 42.666667 0 0 0-42.666667 42.666666V768a42.666667 42.666667 0 0 0 42.666667 42.666667h362.666667z m-42.666667-85.333334H170.666667v-213.333333h277.333333V725.333333zM896 341.333333a42.666667 42.666667 0 0 0 42.666667-42.666666v-298.666667a42.666667 42.666667 0 0 0-42.666667-42.666667h-362.666667a42.666667 42.666667 0 0 0-42.666666 42.666667v298.666667a42.666667 42.666667 0 0 0 42.666666 42.666666H896z m-42.666667-85.333333h-277.333333v-213.333333H853.333333v213.333333z m42.666667 554.666667a42.666667 42.666667 0 0 0 42.666667-42.666667v-298.666667a42.666667 42.666667 0 0 0-42.666667-42.666666h-234.666667a42.666667 42.666667 0 0 0-42.666666 42.666666V768a42.666667 42.666667 0 0 0 42.666666 42.666667H896z m-42.666667-85.333334h-149.333333v-213.333333H853.333333V725.333333zM362.666667 341.333333a42.666667 42.666667 0 0 0 42.666666-42.666666v-298.666667a42.666667 42.666667 0 0 0-42.666666-42.666667H128a42.666667 42.666667 0 0 0-42.666667 42.666667v298.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h234.666667z m-42.666667-85.333333H170.666667v-213.333333h149.333333v213.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_list" unicode="&#59366;" d="M170.666667 810.666667a128 128 0 1 0 0-256 128 128 0 0 0 0 256z m0-85.333334a42.666667 42.666667 0 1 1 0-85.333333 42.666667 42.666667 0 0 1 0 85.333333z m0-256a85.333333 85.333333 0 1 0 0-170.666666 85.333333 85.333333 0 0 0 0 170.666666z m0-298.666666a85.333333 85.333333 0 1 0 0-170.666667 85.333333 85.333333 0 0 0 0 170.666667z m768 256a42.666667 42.666667 0 0 0 0-85.333334H426.666667a42.666667 42.666667 0 0 0 0 85.333334h512z m0-298.666667a42.666667 42.666667 0 0 0 0-85.333333H426.666667a42.666667 42.666667 0 0 0 0 85.333333h512z m0 597.333333a42.666667 42.666667 0 0 0 0-85.333333H426.666667a42.666667 42.666667 0 1 0 0 85.333333h512z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-unknown_colorful1" unicode="&#59364;" d="M170.666667 789.333333a42.666667 42.666667 0 0 0 42.666666 42.666667h417.834667a21.333333 21.333333 0 0 0 15.061333-6.229333l200.874667-200.874667a21.333333 21.333333 0 0 0 6.229333-15.061333V-21.333333a42.666667 42.666667 0 0 0-42.666666-42.666667H213.333333a42.666667 42.666667 0 0 0-42.666666 42.666667v810.666666zM640 830.08a21.290667 21.290667 0 0 0 6.229333-4.309333l200.874667-200.874667a21.376 21.376 0 0 0 4.309333-6.229333H682.666667a42.666667 42.666667 0 0 0-42.666667 42.666666V830.08zM609.578667 475.093333c-23.253333 22.058667-53.845333 32.981333-91.818667 32.981334-42.666667 0-76.16-13.653333-100.394667-41.557334-20.522667-23.936-31.573333-46.933333-33.194666-83.114666l-0.085334-4.266667a10.581333 10.581333 0 0 1 10.624-10.666667h25.216a10.752 10.752 0 0 1 10.709334 10.581334c0 1.749333 0.085333 3.285333 0.128 4.096 1.237333 25.002667 7.722667 38.101333 19.370666 52.650666 14.72 19.626667 36.266667 29.226667 65.877334 29.226667 26.410667 0 46.208-6.741333 59.861333-20.394667 13.056-13.568 19.84-32.042667 19.84-55.253333 0-15.786667-5.717333-30.890667-17.408-45.866667-3.712-4.650667-9.045333-10.154667-26.282667-27.392-27.178667-23.765333-43.989333-43.093333-52.906666-62.165333a108.8 108.8 0 0 1-11.008-48.981333v-12.032c0-5.888 4.778667-10.666667 10.666666-10.666667h25.813334a10.666667 10.666667 0 0 1 10.666666 10.666667v12.032c0 15.104 3.712 28.629333 11.434667 41.813333 5.76 9.813333 13.184 17.536 26.112 28.842667 25.898667 23.466667 40.234667 37.376 46.677333 45.568a112.554667 112.554667 0 0 1 23.381334 69.376c0 35.285333-11.093333 63.573333-33.28 84.48z m-110.208-339.370666a10.666667 10.666667 0 0 1-10.666667-10.666667v-25.216c0-5.888 4.778667-10.666667 10.666667-10.666667h25.216a10.666667 10.666667 0 0 1 10.666666 10.666667v25.173333a10.666667 10.666667 0 0 1-10.666666 10.666667h-25.173334z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_link2" unicode="&#59363;" d="M503.850667 438.144a32 32 0 0 0 0-45.269333c-45.952-45.952-46.933333-119.04-2.816-163.157334l1.408-1.493333 1.365333-1.28 194.986667-194.986667c44.16-44.16 117.205333-43.178667 163.157333 2.773334s46.933333 119.04 2.773333 163.157333L695.466667 367.146667a32 32 0 1 0 45.226666 45.269333l169.301334-169.258667c69.418667-69.418667 67.882667-182.997333-2.773334-253.653333-70.698667-70.698667-184.234667-72.234667-253.653333-2.816l-194.986667 194.986667-1.28 1.408a32.469333 32.469333 0 0 0-1.536 1.408c-69.376 69.376-67.84 182.954667 2.816 253.653333a32 32 0 0 0 45.226667 0zM403.584 748.8l194.986667-194.986667c69.418667-69.418667 67.882667-182.954667-2.773334-253.653333a32 32 0 1 0-45.226666 45.226667c45.909333 45.994667 46.933333 119.04 2.773333 163.2l-194.986667 194.986666c-44.16 44.117333-117.205333 43.136-163.157333-2.816s-46.933333-118.997333-2.816-163.157333l169.301333-169.258667a32 32 0 0 0-45.226666-45.226666L147.114667 492.373333c-69.418667 69.418667-67.882667 182.954667 2.773333 253.653334C220.629333 816.725333 334.165333 818.261333 403.626667 748.8z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_bot" unicode="&#59362;" d="M522.666667 810.666667a85.333333 85.333333 0 0 0 42.709333-159.232L565.333333 554.666667h234.666667a85.333333 85.333333 0 0 0 85.333333-85.333334v-426.666666a85.333333 85.333333 0 0 0-85.333333-85.333334h-554.666667a85.333333 85.333333 0 0 0-85.333333 85.333334V469.333333a85.333333 85.333333 0 0 0 85.333333 85.333334h234.666667V651.434667a85.333333 85.333333 0 0 0 42.666667 159.232z m277.333333-341.333334h-554.666667v-426.666666h554.666667V469.333333z m-704-85.333333a42.666667 42.666667 0 0 0 42.666667-42.666667v-170.666666a42.666667 42.666667 0 0 0-85.333334 0v170.666666a42.666667 42.666667 0 0 0 42.666667 42.666667z m853.333333 0a42.666667 42.666667 0 0 0 42.666667-42.666667v-170.666666a42.666667 42.666667 0 0 0-85.333333 0v170.666666a42.666667 42.666667 0 0 0 42.666666 42.666667z m-341.333333-170.666667l4.992-0.298666A42.666667 42.666667 0 0 0 608 128h-170.666667l-4.992 0.298667A42.666667 42.666667 0 0 0 437.333333 213.333333h170.666667z m-234.666667 170.666667a42.666667 42.666667 0 1 0 0-85.333333 42.666667 42.666667 0 0 0 0 85.333333z m298.666667 0a42.666667 42.666667 0 1 0 0-85.333333 42.666667 42.666667 0 0 0 0 85.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_365" unicode="&#59355;" d="M906.666667 853.333333a85.333333 85.333333 0 0 0 85.333333-85.333333v-768a85.333333 85.333333 0 0 0-85.333333-85.333333h-768a85.333333 85.333333 0 0 0-85.333334 85.333333V768a85.333333 85.333333 0 0 0 85.333334 85.333333h768z m0-298.666666h-768v-554.666667h768V554.666667z m0 213.333333h-768v-128h768V768zM521.642667 426.666667c43.776 0 82.048-28.885333 97.706666-71.338667a28.373333 28.373333 0 0 0-16.426666-36.437333 27.989333 27.989333 0 0 0-36.096 16.64c-7.765333 20.992-25.685333 34.517333-45.226667 34.517333-26.496 0-49.066667-24.832-49.066667-56.661333v-12.245334a103.936 103.936 0 0 0 49.066667 12.245334c58.112 0 105.216-47.530667 105.216-106.154667 0-58.666667-47.104-106.197333-105.173333-106.197333-58.112 0-105.216 47.530667-105.216 106.197333l0.085333 4.906667a29.013333 29.013333 0 0 0-0.085333 2.133333v99.114667C416.426667 375.466667 462.933333 426.666667 521.642667 426.666667z m0-169.898667c-27.136 0-49.066667-22.186667-49.066667-49.536 0-27.392 21.930667-49.536 49.066667-49.536 27.093333 0 49.066667 22.186667 49.066666 49.493333 0 27.392-21.973333 49.578667-49.066666 49.578667zM345.984 426.666667c19.370667 0 35.072-15.829333 35.072-35.413334v-247.722666c0-19.541333-15.701333-35.413333-35.072-35.413334H205.738667a35.242667 35.242667 0 0 0-35.072 35.413334c0 19.541333 15.701333 35.413333 35.072 35.413333h105.173333v53.077333H240.810667a35.242667 35.242667 0 0 0-35.072 35.413334c0 19.498667 15.701333 35.370667 35.072 35.370666h70.101333v53.077334H205.738667a35.2 35.2 0 0 0-34.816 31.274666L170.666667 391.253333c0 19.584 15.701333 35.413333 35.072 35.413334h140.245333zM821.461333 426.666667a31.872 31.872 0 0 0 0-63.701334h-95.573333v-29.141333l6.016 1.493333c8.106667 1.834667 16.512 2.986667 25.130667 3.498667l8.704 0.256c61.866667 0 87.594667-45.525333 87.594666-119.466667 0-69.888-37.12-111.488-102.656-111.488-56.32 0-88.448 36.565333-88.448 85.418667a31.872 31.872 0 0 0 63.701334 0c0-15.36 5.546667-21.717333 24.746666-21.717333 28.586667 0 38.954667 11.605333 38.954667 47.786666 0 43.434667-6.997333 55.765333-23.893333 55.765334-13.738667 0-26.88-3.2-38.741334-8.533334a74.837333 74.837333 0 0 1-13.44-7.424 31.872 31.872 0 0 0-51.328 25.173334v110.208c0 17.621333 14.250667 31.872 31.829334 31.872h127.402666z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_facial_clue" unicode="&#59356;" d="M512 853.333333c259.2 0 469.333333-210.133333 469.333333-469.333333s-210.133333-469.333333-469.333333-469.333333S42.666667 124.8 42.666667 384 252.8 853.333333 512 853.333333z m184.874667-184.874666a99.541333 99.541333 0 0 1-28.416-194.986667v-253.098667a63.957333 63.957333 0 0 0-127.914667 0V547.498667a120.96 120.96 0 1 1-241.877333 0v-252.970667a99.584 99.584 0 1 1 56.917333 0V547.498667a64.042667 64.042667 0 1 0 128.085333 0v-327.125334a120.832 120.832 0 0 1 241.664 0V473.472a99.584 99.584 0 0 1-28.458666 194.986667z m-369.749334-426.666667a42.666667 42.666667 0 1 0 0-85.333333 42.666667 42.666667 0 0 0 0 85.333333z m369.749334 369.749333a42.666667 42.666667 0 1 0 0-85.333333 42.666667 42.666667 0 0 0 0 85.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_jin" unicode="&#59357;" d="M906.666667 853.333333a85.333333 85.333333 0 0 0 85.333333-85.333333v-768a85.333333 85.333333 0 0 0-85.333333-85.333333h-768a85.333333 85.333333 0 0 0-85.333334 85.333333V768a85.333333 85.333333 0 0 0 85.333334 85.333333h768z m0-298.666666h-768v-554.666667h768V554.666667z m-183.04-291.84v-58.026667a2119.253333 2119.253333 0 0 0-131.413334-165.546667l-64.853333 35.84c34.133333 37.546667 68.266667 78.506667 100.693333 124.586667H365.226667v63.146667h358.4z m-186.026667 116.053333c27.306667-29.013333 49.493333-54.613333 69.973333-78.506667l-58.026666-37.546666c-29.013333 35.84-49.493333 63.146667-64.853334 80.213333l52.906667 35.84z m71.68 121.173333v-1.706666l-15.36-15.36c47.786667-63.146667 112.64-112.64 194.56-145.066667-15.36-18.773333-29.013333-35.84-44.373333-56.32-83.626667 39.253333-146.773333 90.453333-192.853334 153.6-49.493333-63.146667-116.053333-116.053333-201.386666-158.72-17.066667 27.306667-32.426667 44.373333-44.373334 58.026667 83.626667 35.84 155.306667 92.16 209.92 165.546666h93.866667zM906.666667 768h-768v-128h768V768z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_facial_deal_win" unicode="&#59358;" d="M496.512 853.333333c173.952 0 320-67.413333 320-170.666666 0-41.728-23.850667-77.568-63.701333-105.514667 73.941333-97.706667 134.528-220.330667 183.466666-357.973333C990.592 66.346667 872.874667-85.333333 708.437333-85.333333H283.605333c-164.096 0-281.685333 151.125333-227.626666 303.616C104.746667 355.84 165.546667 478.72 240.170667 577.237333 200.362667 605.098667 176.512 640.938667 176.512 682.666667c0 103.253333 146.048 170.666667 320 170.666666z m-97.834667-396.501333a42.666667 42.666667 0 0 1-60.330666-60.330667L393.472 341.333333h-24.96a42.666667 42.666667 0 0 1 0-85.333333h85.504v-42.666667H368.512a42.666667 42.666667 0 0 1 0-85.333333h85.504v-42.666667a42.666667 42.666667 0 0 1 85.333333 0v42.666667h85.162667a42.666667 42.666667 0 1 1 0 85.333333h-85.162667v42.666667h85.162667a42.666667 42.666667 0 1 1 0 85.333333h-25.002667l55.168 55.168a42.666667 42.666667 0 0 1 0 60.330667l-4.010666 3.541333a42.666667 42.666667 0 0 1-56.32-3.541333l-97.877334-97.792zM496.512 768c-132.394667 0-234.666667-47.232-234.666667-85.333333 0-20.565333 29.824-43.818667 78.08-60.842667 4.053333-1.322667 8.149333-2.56 12.373334-3.797333 31.36-8.96 65.493333-14.848 99.669333-18.090667 14.506667-1.408 26.624-2.133333 35.498667-2.432l4.906666-0.128 4.266667-0.042667 5.077333 0.042667c9.002667 0.213333 22.698667 0.938667 39.68 2.56 34.133333 3.285333 68.181333 9.130667 99.498667 18.133333l10.922667 3.328c49.024 17.066667 79.36 40.533333 79.36 61.269334 0 38.101333-102.272 85.333333-234.666667 85.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_facial_business" unicode="&#59359;" d="M512 853.333333c259.2 0 469.333333-210.133333 469.333333-469.333333s-210.133333-469.333333-469.333333-469.333333S42.666667 124.8 42.666667 384 252.8 853.333333 512 853.333333zM414.165333 606.165333a42.666667 42.666667 0 0 1-60.330666-60.330666L430.293333 469.333333H384a42.666667 42.666667 0 0 1 0-85.333333h85.504v-42.666667H384a42.666667 42.666667 0 0 1 0-85.333333h85.504v-85.333333a42.666667 42.666667 0 0 1 85.333333 0v85.333333H640a42.666667 42.666667 0 0 1 0 85.333333h-85.162667v42.666667H640a42.666667 42.666667 0 0 1 0 85.333333h-46.336l76.501333 76.501334a42.666667 42.666667 0 0 1 0 60.330666l-4.010666 3.541334a42.666667 42.666667 0 0 1-56.32-3.541334l-97.877334-97.792z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_30" unicode="&#59360;" d="M906.666667 853.333333a85.333333 85.333333 0 0 0 85.333333-85.333333v-768a85.333333 85.333333 0 0 0-85.333333-85.333333h-768a85.333333 85.333333 0 0 0-85.333334 85.333333V768a85.333333 85.333333 0 0 0 85.333334 85.333333h768z m0-298.666666h-768v-554.666667h768V554.666667zM768 469.333333a42.666667 42.666667 0 0 0 42.666667-42.666666v-298.666667a42.666667 42.666667 0 0 0-42.666667-42.666667h-170.666667a42.666667 42.666667 0 0 0-42.666666 42.666667v298.666667a42.666667 42.666667 0 0 0 42.666666 42.666666h170.666667z m-341.333333 0a42.666667 42.666667 0 0 0 42.666666-42.666666v-298.666667a42.666667 42.666667 0 0 0-42.666666-42.666667H256a42.666667 42.666667 0 0 0 0 85.333334h128v64H298.666667a42.666667 42.666667 0 0 0 0 85.333333h85.333333V384H256a42.666667 42.666667 0 0 0-42.368 37.674667L213.333333 426.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h170.666667z m298.666666-85.333333h-85.333333v-213.333333h85.333333v213.333333z m181.333334 384h-768v-128h768V768z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_7" unicode="&#59361;" d="M906.666667 853.333333a85.333333 85.333333 0 0 0 85.333333-85.333333v-768a85.333333 85.333333 0 0 0-85.333333-85.333333h-768a85.333333 85.333333 0 0 0-85.333334 85.333333V768a85.333333 85.333333 0 0 0 85.333334 85.333333h768z m0-298.666666h-768v-554.666667h768V554.666667zM640 512a42.666667 42.666667 0 0 0 39.04-59.989333l-170.837333-384a42.666667 42.666667 0 1 0-77.952 34.645333L574.378667 426.666667H426.666667a42.666667 42.666667 0 0 0-42.368 37.674666L384 469.333333a42.666667 42.666667 0 0 0 42.666667 42.666667h213.333333z m266.666667 256h-768v-128h768V768z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_data_person" unicode="&#59352;" d="M477.44 341.290667c107.093333-0.426667 136.106667-3.84 174.08-23.210667a213.333333 213.333333 0 0 0 93.226667-93.226667c20.778667-40.746667 23.253333-71.210667 23.253333-199.253333v-25.6a42.666667 42.666667 0 0 0-42.666667-42.666667H85.333333a42.666667 42.666667 0 0 0-42.666666 42.666667l0.042666 50.773333c0.426667 107.093333 3.84 136.106667 23.210667 174.08a213.333333 213.333333 0 0 0 93.226667 93.226667c37.973333 19.328 66.986667 22.826667 174.08 23.210667h144.213333z m-2.688-85.333334H335.914667c-92.16-0.298667-116.522667-2.986667-138.026667-13.909333a128 128 0 0 1-55.936-55.936c-10.965333-21.504-13.610667-45.866667-13.909333-138.026667L128 42.666667h554.624v5.418666c-0.298667 88.618667-2.773333 114.56-12.672 135.509334l-1.237333 2.517333a128 128 0 0 1-55.936 55.936c-21.504 10.965333-45.866667 13.610667-138.026667 13.909333zM810.666667 661.333333a42.666667 42.666667 0 0 0 42.666666-42.666666v-85.333334h85.333334a42.666667 42.666667 0 0 0 42.368-37.674666L981.333333 490.666667a42.666667 42.666667 0 0 0-42.666666-42.666667h-85.333334v-85.333333a42.666667 42.666667 0 0 0-37.674666-42.368L810.666667 320a42.666667 42.666667 0 0 0-42.666667 42.666667v85.333333h-85.333333a42.666667 42.666667 0 0 0-42.368 37.674667L640 490.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h85.333333v85.333334a42.666667 42.666667 0 0 0 37.674667 42.368L810.666667 661.333333zM405.333333 810.666667a192 192 0 1 0 0-384 192 192 0 0 0 0 384z m0-85.333334a106.666667 106.666667 0 1 1 0-213.333333 106.666667 106.666667 0 0 1 0 213.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_data_plan" unicode="&#59353;" d="M704 853.333333a42.666667 42.666667 0 0 0 42.666667-42.666666v-21.333334H896a85.333333 85.333333 0 0 0 85.333333-85.333333V42.666667a85.333333 85.333333 0 0 0-85.333333-85.333334H170.666667a85.333333 85.333333 0 0 0-85.333334 85.333334V704a85.333333 85.333333 0 0 0 85.333334 85.333333h149.333333V810.666667a42.666667 42.666667 0 1 0 85.333333 0v-21.333334h256V810.666667a42.666667 42.666667 0 0 0 42.666667 42.666666z m192-384H170.666667v-426.666666h725.333333V469.333333z m-119.168-55.168a42.666667 42.666667 0 0 0 0-60.330666l-256-256a42.666667 42.666667 0 0 0-60.330667 0l-128 128a42.666667 42.666667 0 0 0 60.330667 60.330666l97.834667-97.792 225.834666 225.792a42.666667 42.666667 0 0 0 60.330667 0zM320 704H170.666667V554.666667h725.333333V704h-149.333333V640a42.666667 42.666667 0 0 0-85.333334 0V704h-256V640a42.666667 42.666667 0 1 0-85.333333 0V704z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_data_record" unicode="&#59354;" d="M170.666667-96a85.333333 85.333333 0 0 0-85.333334 85.333333v768a85.333333 85.333333 0 0 0 85.333334 85.333334h682.666666a85.333333 85.333333 0 0 0 85.333334-85.333334v-768a85.333333 85.333333 0 0 0-85.333334-85.333333H170.666667z m85.333333 853.333333H170.666667v-768h85.333333v768z m597.333333 0H341.333333v-768h512v768z m-213.333333-256a42.666667 42.666667 0 0 0 0-85.333333h-170.666667a42.666667 42.666667 0 1 0 0 85.333333h170.666667z m0 170.666667a42.666667 42.666667 0 0 0 0-85.333333h-170.666667a42.666667 42.666667 0 1 0 0 85.333333h170.666667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_folder_collapse" unicode="&#59350;" d="M85.333333 690.432C85.333333 733.269333 121.728 768 166.613333 768h243.797334c12.032 0 23.509333-5.12 31.232-13.952l89.344-102.4h326.4c44.885333 0 81.28-34.730667 81.28-77.568v-504.277333c0-42.837333-36.394667-77.568-81.28-77.568H166.613333C121.728-7.765333 85.333333 26.965333 85.333333 69.802667V690.432z m306.048 0H166.613333v-620.629333h690.773334V574.08H512a41.514667 41.514667 0 0 0-31.232 13.952l-89.386667 102.4z m173.141334-244.096a42.069333 42.069333 0 0 0 57.472 0l101.632-96.981333a37.546667 37.546667 0 0 0 0-54.826667l-101.632-96.981333a42.069333 42.069333 0 0 0-57.472 0 37.546667 37.546667 0 0 0 0 54.826666l72.874666 69.546667-72.874666 69.546667a37.546667 37.546667 0 0 0 0 54.869333z m-105.045334-54.869333a37.546667 37.546667 0 0 1 0 54.869333 42.026667 42.026667 0 0 1-57.472 0L300.373333 349.354667a37.546667 37.546667 0 0 1 0-54.826667l101.632-96.981333a42.069333 42.069333 0 0 1 57.472 0 37.546667 37.546667 0 0 1 0 54.826666l-72.874666 69.546667 72.874666 69.546667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_folder_expansion" unicode="&#59351;" d="M409.898667 768c11.52 0 22.485333-5.12 29.866666-13.952l90.368-108.501333h328.96c41.898667 0 76.330667-32.512 79.36-73.685334l0.213334-5.973333v-183.722667a38.826667 38.826667 0 1 0-77.568 0V565.888a2.048 2.048 0 0 1-2.048 2.048H512a38.826667 38.826667 0 0 0-29.781333 13.952l-90.453334 108.544H164.949333a2.005333 2.005333 0 0 1-1.749333-1.024l-0.298667-1.024v-610.602667c0-1.152 0.938667-2.048 2.048-2.048h306.218667a38.826667 38.826667 0 1 0 0-77.568H164.949333A79.616 79.616 0 0 0 85.333333 77.781333V688.341333C85.333333 732.416 120.96 768 164.949333 768h244.949334z m517.418666-540.330667a38.826667 38.826667 0 0 0 0-54.826666l-102.058666-102.101334a38.826667 38.826667 0 0 0-54.912 54.912l74.666666 74.666667-74.666666 74.624a38.826667 38.826667 0 0 0-3.2 51.2l3.2 3.626667a38.826667 38.826667 0 0 0 54.912 0l102.058666-102.101334z m-265.386666 47.274667l-74.666667-74.666667 74.666667-74.666666a38.826667 38.826667 0 0 0 3.2-51.2l-3.2-3.669334a38.826667 38.826667 0 0 0-54.869334 0l-102.101333 102.101334a38.826667 38.826667 0 0 0 0 54.826666l102.101333 102.101334a38.826667 38.826667 0 0 0 54.869334-54.826667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_dashboard1" unicode="&#59349;" d="M512 810.666667c259.2 0 469.333333-210.133333 469.333333-469.333334 0-126.122667-50.048-244.48-137.472-331.861333a42.666667 42.666667 0 0 0-60.330666 60.330667 383.018667 383.018667 0 0 1 97.194666 163.925333 12.8 12.8 0 0 0-2.005333 0.341333l-79.189333 18.304a42.666667 42.666667 0 1 0 19.2 83.114667l76.544-17.664a382.208 382.208 0 0 1-67.2 241.578667l-50.773334-41.130667a42.666667 42.666667 0 0 0-53.674666 66.304l48.469333 39.253333A382.592 382.592 0 0 1 554.666667 722.986667L554.666667 666.410667a42.666667 42.666667 0 0 0-85.333334 0V722.986667a382.592 382.592 0 0 1-217.429333-99.157334l48.469333-39.253333a42.666667 42.666667 0 0 0-53.674666-66.304l-50.773334 41.130667a382.208 382.208 0 0 1-67.2-241.578667l76.544 17.664a42.666667 42.666667 0 0 0 19.2-83.114667l-79.189333-18.304-2.005333-0.341333a383.018667 383.018667 0 0 1 97.194666-163.925333 42.666667 42.666667 0 1 0-60.330666-60.330667A467.925333 467.925333 0 0 0 42.666667 341.333333C42.666667 600.533333 252.8 810.666667 512 810.666667z m168.149333-377.514667a2504.533333 2504.533333 0 0 0-43.392-113.066667c-4.864-11.733333-9.642667-22.912-14.208-33.28-18.986667-42.922667-34.048-71.04-48.682666-86.229333a123.946667 123.946667 0 0 0-178.346667 172.16c15.061333 15.573333 43.776 32.128 87.893333 53.333333 9.386667 4.48 19.328 9.130667 29.781334 13.866667a2508.672 2508.672 0 0 0 111.104 47.189333 42.666667 42.666667 0 0 0 55.893333-53.973333z m-115.498666-63.573333l-16.170667-7.338667c-9.898667-4.48-19.328-8.874667-28.117333-13.098667-34.048-16.384-58.282667-30.293333-63.445334-35.669333a38.613333 38.613333 0 1 1 55.552-53.632c4.949333 5.12 17.493333 28.501333 32 61.44 4.309333 9.728 8.789333 20.266667 13.397334 31.445333l6.826666 16.810667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_export" unicode="&#59206;" d="M810.666667 853.333333a85.333333 85.333333 0 0 0 85.333333-85.333333v-384a42.666667 42.666667 0 0 0-85.333333 0V768H213.333333v-768h298.666667a42.666667 42.666667 0 0 0 0-85.333333H213.333333a85.333333 85.333333 0 0 0-85.333333 85.333333V768a85.333333 85.333333 0 0 0 85.333333 85.333333h597.333334z m30.165333-620.501333l96-96a42.666667 42.666667 0 0 0 0-60.330667l-96-96a42.666667 42.666667 0 0 0-60.330667 60.330667l23.082667 23.168H608a42.666667 42.666667 0 0 0 0 85.333333h195.626667l-23.125334 23.168a42.666667 42.666667 0 0 0-3.541333 56.32l3.541333 4.010667a42.666667 42.666667 0 0 0 60.330667 0zM512 426.666667a42.666667 42.666667 0 0 0 0-85.333334H341.333333a42.666667 42.666667 0 0 0 0 85.333334h170.666667z m170.666667 170.666666a42.666667 42.666667 0 0 0 0-85.333333H341.333333a42.666667 42.666667 0 1 0 0 85.333333h341.333334z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_phone_outgoing" unicode="&#59203;" d="M512 853.333333c259.2 0 469.333333-210.133333 469.333333-469.333333s-210.133333-469.333333-469.333333-469.333333S42.666667 124.8 42.666667 384 252.8 853.333333 512 853.333333zM349.781333 662.954667H266.368c-64.938667 0-111.530667-61.482667-90.752-123.093334 41.557333-123.178667 97.450667-232.277333 170.24-305.066666 72.832-72.832 181.930667-128.682667 305.066667-170.24 61.653333-20.821333 123.136 25.770667 123.136 90.709333v83.413333c0 23.893333-12.970667 45.909333-33.834667 57.514667l-72.661333 40.362667-5.248 2.645333a65.749333 65.749333 0 0 1-56.106667-1.28l-66.474667-33.194667-1.578666 0.469334a202.410667 202.410667 0 0 0-57.173334 29.568 175.104 175.104 0 0 0-35.328 35.370666 198.314667 198.314667 0 0 0-26.453333 48.384l-1.664 4.608a191.658667 191.658667 0 0 0-1.408 4.181334l-0.512 1.664 33.194667 66.346666a65.792 65.792 0 0 1-1.28 61.312l-40.234667 72.490667a65.749333 65.749333 0 0 1-57.514667 33.834667z m0-65.749334l40.234667-72.490666-38.784-77.482667a32.853333 32.853333 0 0 1-2.858667-20.992c4.864-24.96 18.218667-60.16 44.629334-95.488a241.28 241.28 0 0 1 48.512-48.64c35.413333-26.538667 70.698667-39.850667 95.701333-44.629333a32.853333 32.853333 0 0 1 20.906667 2.858666l77.482666 38.741334 72.661334-40.405334v-83.413333c0-20.778667-18.133333-34.56-36.266667-28.416-114.389333 38.613333-215.594667 90.453333-279.594667 154.453333s-115.882667 165.205333-154.453333 279.552c-6.144 18.176 7.637333 36.352 28.416 36.352h83.413333z m362.368 118.485334a32.853333 32.853333 0 0 1-46.506666 0l-2.773334-3.072a32.853333 32.853333 0 0 1 2.773334-43.434667l75.52-75.52h-183.808a32.853333 32.853333 0 1 1 0-65.749333h183.466666l-75.178666-75.264a32.853333 32.853333 0 1 1 46.506666-46.506667l130.56 130.432a32.298667 32.298667 0 0 1 8.448 12.714667l0.426667 0.853333a25.173333 25.173333 0 0 1 0.853333 3.242667l0.384 1.706666a33.109333 33.109333 0 0 1 0.469334 5.674667l-0.085334-2.218667-0.085333-0.64 0.170667 2.858667V561.92a28.416 28.416 0 0 1-0.256 2.944l-0.085334 0.938667a25.898667 25.898667 0 0 1-0.725333 3.285333l-0.256 1.194667a22.528 22.528 0 0 1-1.152 3.114666 32.810667 32.810667 0 0 1-7.125333 10.794667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_that_person" unicode="&#58986;" d="M512 810.666667c259.2 0 469.333333-210.133333 469.333333-469.333334a468.053333 468.053333 0 0 0-132.352-326.656C798.165333 122.794667 714.282667 234.666667 640 234.666667H384c-74.325333 0-158.208-111.786667-209.066667-219.946667C93.098667 99.2 42.666667 214.4 42.666667 341.333333 42.666667 600.533333 252.8 810.666667 512 810.666667z m0-170.666667a170.666667 170.666667 0 1 1 0-341.333333 170.666667 170.666667 0 0 1 0 341.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file1" unicode="&#59202;" d="M431.488 768c12.117333 0 23.552-5.376 31.317333-14.634667l89.6-107.52h255.829334a81.493333 81.493333 0 0 0 81.194666-75.392l0.256-6.101333V482.986667h50.901334a40.746667 40.746667 0 0 0 39.936-48.725334l-81.493334-407.253333a40.746667 40.746667 0 0 0-39.893333-32.768H127.829333c-1.92-0.042667-3.84 0-5.76 0.213333l3.968-0.213333a41.386667 41.386667 0 0 0-10.154666 1.28 38.954667 38.954667 0 0 0-30.293334 34.474667L85.333333 34.944V686.506667C85.333333 731.52 121.813333 768 166.784 768h264.704z m-19.072-81.450667H166.784v-308.181333l17.664 73.386667a40.746667 40.746667 0 0 0 39.594667 31.146666h584.192v81.493334H533.333333a40.746667 40.746667 0 0 0-31.317333 14.634666l-89.6 107.52z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_enterprise" unicode="&#59186;" d="M512 853.333333c259.2 0 469.333333-210.133333 469.333333-469.333333s-210.133333-469.333333-469.333333-469.333333S42.666667 124.8 42.666667 384 252.8 853.333333 512 853.333333z m57.6-128a42.666667 42.666667 0 0 1-67.456 34.730667l-209.066667-149.333333a42.666667 42.666667 0 0 1-17.877333-34.730667L275.157333 170.666667H213.333333a42.666667 42.666667 0 0 1 0-85.333334h597.333334a42.666667 42.666667 0 0 1 0 85.333334h-32v270.933333a42.666667 42.666667 0 0 1-17.877334 34.730667l-191.232 136.533333z m-85.376-82.901333V170.666667H360.533333V554.069333l123.690667 88.362667z m85.376-134.4l123.733333-88.362667V170.666667h-123.733333V508.032z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_send_colorful" unicode="&#59348;" d="M512 332.373333v-267.349333l146.773333-132.266667a43.477333 43.477333 0 0 1 72.661334 19.541334l220.373333 780.544c6.058667 21.376-20.522667 36.608-35.925333 20.565333L512 332.373333zM881.706667 788.181333c16.213333 15.573333 0.426667 42.410667-21.034667 35.797334L81.92 583.424a43.434667 43.434667 0 0 1-19.712-72.704l133.888-146.645333h243.413333l442.154667 424.106666z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_edit1" unicode="&#59165;" d="M904.448 579.2L696.96 786.752 742.144 832l207.552-207.552-45.248-45.248zM382.208 56.96l-231.232-46.272a19.2 19.2 0 0 0-22.592 22.592l46.272 231.232 467.008 467.008 207.616-207.552-467.072-467.072z m376.512 467.008l-117.056 117.056L233.6 232.96l-29.312-146.368 146.368 29.248 408.064 408.128zM960 192h-256v-64h256v64zM960 64H544v-64H960v64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_my" unicode="&#59156;" d="M512 853.333333c259.2 0 469.333333-210.133333 469.333333-469.333333 0-127.573333-50.858667-243.2-133.461333-327.808l-5.546667-5.546667A467.882667 467.882667 0 0 0 512-85.333333c-125.184 0-238.933333 48.981333-323.029333 128.853333a43.562667 43.562667 0 0 0-9.045334 8.789333A467.968 467.968 0 0 0 42.666667 384C42.666667 643.2 252.8 853.333333 512 853.333333z m85.333333-618.666666h-170.666666a170.752 170.752 0 0 1-167.808-139.392A382.506667 382.506667 0 0 1 512 0c96.981333 0 185.6 35.968 253.141333 95.232A170.752 170.752 0 0 1 597.333333 234.666667zM512 768a384 384 0 0 1-318.592-598.442667A256 256 0 0 0 426.666667 320h170.666666a256.170667 256.170667 0 0 0 233.301334-150.4A384 384 0 0 1 512 768z m0-106.666667a149.333333 149.333333 0 1 0 0-298.666666 149.333333 149.333333 0 0 0 0 298.666666z m0-85.333333a64 64 0 1 1 0-128 64 64 0 0 1 0 128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_general" unicode="&#59114;" d="M512-85.333333C252.8-85.333333 42.666667 124.8 42.666667 384S252.8 853.333333 512 853.333333s469.333333-210.133333 469.333333-469.333333-210.133333-469.333333-469.333333-469.333333z m0 213.333333l256 242.517333h-161.706667V613.034667H417.706667v-242.517334H256L512 128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_serious" unicode="&#59119;" d="M512 853.333333c259.2 0 469.333333-210.133333 469.333333-469.333333s-210.133333-469.333333-469.333333-469.333333S42.666667 124.8 42.666667 384 252.8 853.333333 512 853.333333z m0-213.333333l-256-242.517333h161.706667v-242.517334h188.586666v242.517334H768L512 640z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_succeed_filled" unicode="&#59066;" d="M42.666667 384c0-259.2 210.133333-469.333333 469.333333-469.333333s469.333333 210.133333 469.333333 469.333333S771.2 853.333333 512 853.333333 42.666667 643.2 42.666667 384z m646.101333 128.981333a21.333333 21.333333 0 0 0 30.165333 0l30.165334-30.165333a21.333333 21.333333 0 0 0 0-30.165333l-271.488-271.530667a21.333333 21.333333 0 0 0-30.208 0l-156.16 156.16a21.333333 21.333333 0 0 0 0 30.208l30.165333 30.165333a21.333333 21.333333 0 0 0 30.165333 0l110.933334-110.933333 226.261333 226.261333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_block_filled" unicode="&#59116;" d="M981.333333 384c0-259.2-210.133333-469.333333-469.333333-469.333333S42.666667 124.79999999999995 42.666667 384 252.8 853.333333 512 853.333333s469.333333-210.133333 469.333333-469.333333zM320 426.666667a21.333333 21.333333 0 0 1-21.333333-21.333334v-42.666666a21.333333 21.333333 0 0 1 21.333333-21.333334h384a21.333333 21.333333 0 0 1 21.333333 21.333334v42.666666a21.333333 21.333333 0 0 1-21.333333 21.333334h-384z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_testing" unicode="&#58916;" d="M520.533333-85.333333c-259.242667 0-469.333333 210.090667-469.333333 469.333333s210.090667 469.333333 469.333333 469.333333 469.333333-210.090667 469.333334-469.333333-210.090667-469.333333-469.333334-469.333333z m216.533334 675.072A298.666667 298.666667 0 0 1 222.378667 401.066667c-0.554667-9.386667 7.125333-17.066667 16.554666-17.066667h51.2c9.429333 0 17.024 7.68 17.749334 17.066667a213.333333 213.333333 0 0 0 390.826666 100.352l-65.066666-5.461334a17.066667 17.066667 0 0 1-15.573334-18.474666l4.309334-50.986667a17.066667 17.066667 0 0 1 18.432-15.573333l178.56 15.061333a17.066667 17.066667 0 0 1 15.573333 18.432l-15.061333 178.56a17.066667 17.066667 0 0 1-18.432 15.573333l-51.029334-4.266666a17.066667 17.066667 0 0 1-15.573333-18.474667l2.218667-26.069333z m-417.237334-411.477334A298.666667 298.666667 0 0 1 834.56 366.933333a16.341333 16.341333 0 0 1-16.554667 17.066667h-51.2c-9.429333 0-17.024-7.68-17.749333-17.066667a213.333333 213.333333 0 0 0-390.826667-100.352l65.066667 5.461334a17.066667 17.066667 0 0 1 15.573333 18.474666l-4.309333 50.986667a17.066667 17.066667 0 0 1-18.474667 15.573333l-178.56-15.061333a17.066667 17.066667 0 0 1-15.573333-18.432l15.104-178.56a17.066667 17.066667 0 0 1 18.432-15.573333l51.029333 4.266666a17.066667 17.066667 0 0 1 15.573334 18.474667l-2.218667 26.069333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_off_screen" unicode="&#58925;" d="M347.733333 806.4a46.933333 46.933333 0 0 1-93.866666 0v-164.266667H89.6a46.933333 46.933333 0 0 1 0-93.866666h211.2a46.933333 46.933333 0 0 1 46.933333 46.933333V806.4z m422.4 0a46.933333 46.933333 0 1 1-93.866666 0v-211.2a46.933333 46.933333 0 0 1 46.933333-46.933333h211.2a46.933333 46.933333 0 1 1 0 93.866666h-164.266667V806.4zM42.666667 172.8a46.933333 46.933333 0 0 0 46.933333 46.933333h211.2a46.933333 46.933333 0 0 0 46.933333-46.933333v-211.2a46.933333 46.933333 0 1 0-93.866666 0v164.266667H89.6a46.933333 46.933333 0 0 0-46.933333 46.933333z m680.533333 46.933333a46.933333 46.933333 0 0 1-46.933333-46.933333v-211.2a46.933333 46.933333 0 1 1 93.866666 0v164.266667h161.92a46.933333 46.933333 0 0 1 0 93.866666H723.2z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_full_screen_one" unicode="&#58929;" d="M704 810.666667H896a42.666667 42.666667 0 0 0 42.666667-42.666667v-192a42.666667 42.666667 0 1 0-85.333334 0V667.136l-140.501333-140.501333a42.666667 42.666667 0 1 0-60.330667 60.330666L790.826667 725.333333H704a42.666667 42.666667 0 1 0 0 85.333334zM170.666667 682.666667v-106.666667a42.666667 42.666667 0 0 0-85.333334 0V768a42.666667 42.666667 0 0 0 42.666667 42.666667h192a42.666667 42.666667 0 0 0 0-85.333334H246.912l124.416-138.24a42.666667 42.666667 0 1 0-60.032-60.586666L170.666667 682.666667z m200.661333-499.626667a42.666667 42.666667 0 0 1-60.032 60.586667L170.666667 104.448V192a42.666667 42.666667 0 1 1-85.333334 0V0a42.666667 42.666667 0 0 1 42.666667-42.666667h192a42.666667 42.666667 0 1 1 0 85.333334H229.546667l141.781333 140.373333z m283.306667 60.458667a42.666667 42.666667 0 0 0 60.373333 0L853.333333 105.173333V192a42.666667 42.666667 0 1 0 85.333334 0V0a42.666667 42.666667 0 0 0-42.666667-42.666667h-192a42.666667 42.666667 0 1 0 0 85.333334h91.136l-140.501333 140.501333a42.666667 42.666667 0 0 0 0 60.330667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_disable" unicode="&#58977;" d="M512 853.333333c259.2 0 469.333333-210.133333 469.333333-469.333333s-210.133333-469.333333-469.333333-469.333333S42.666667 124.8 42.666667 384 252.8 853.333333 512 853.333333z m0-85.333333a384 384 0 1 1 0-768 384 384 0 0 1 0 768zM320.682667 613.333333l294.314666-509.781333A298.666667 298.666667 0 0 0 320.682667 613.333333zM512 682.666667a298.666667 298.666667 0 0 0 178.048-538.453334L393.301333 658.133333A297.685333 297.685333 0 0 0 512 682.666667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="a-icon_file-compressed_colorful_ash" unicode="&#58943;" d="M648.533333 853.333333a42.666667 42.666667 0 0 0 33.322667-16l170.325333-212.906666 1.792-2.346667 0.213334-0.341333 0.426666-0.554667 0.426667-0.768-0.853333 1.322667-1.664 2.261333 2.730666-3.925333 1.152-1.877334a40.021333 40.021333 0 0 0 4.053334-9.941333 41.258667 41.258667 0 0 0 1.109333-5.973333L861.866667 597.333333v-85.333333h42.666666a85.333333 85.333333 0 0 0 85.333334-85.333333v-298.666667a85.333333 85.333333 0 0 0-85.333334-85.333333h-42.666666v-85.333334a42.666667 42.666667 0 0 0-42.666667-42.666666h-597.333333a42.666667 42.666667 0 0 0-42.666667 42.666666v85.333334h-42.666667a85.333333 85.333333 0 0 0-85.333333 85.333333v298.666667a85.333333 85.333333 0 0 0 85.333333 85.333333h42.666667V810.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h426.666666z m128-810.666666h-512v-42.666667h512v42.666667z m128 384h-768v-298.666667h768v298.666667z m-533.333333-21.333334a42.666667 42.666667 0 0 0 34.133333-68.266666l-76.8-102.4h42.666667a42.666667 42.666667 0 0 0 42.368-37.674667l0.298667-4.992a42.666667 42.666667 0 0 0-42.666667-42.666667h-128a42.666667 42.666667 0 0 0-34.133333 68.266667l76.8 102.4h-42.666667a42.666667 42.666667 0 0 0-42.368 37.674667L200.533333 362.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h128z m149.333333 0a42.666667 42.666667 0 0 0 42.666667-42.666666v-170.666667a42.666667 42.666667 0 1 0-85.333333 0v170.666667a42.666667 42.666667 0 0 0 42.666666 42.666666z m224 0a96 96 0 0 0 0-192h-32v-21.333333a42.666667 42.666667 0 1 0-85.333333 0v170.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h74.666666z m0-85.333333h-32v-21.333333h32a10.666667 10.666667 0 1 1 0 21.333333zM563.2 768h-298.666667v-256h512V554.666667h-170.666666a42.666667 42.666667 0 0 0-42.666667 42.666666V768z m85.333333-25.6V640h81.92L648.533333 742.4z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="a-icon_file-compressed_colorful" unicode="&#58944;" d="M648.533333 853.333333a42.666667 42.666667 0 0 0 33.322667-16l170.325333-212.906666 1.792-2.346667 0.213334-0.341333 0.426666-0.554667 0.426667-0.768-0.853333 1.322667-1.664 2.261333 2.730666-3.925333 1.152-1.877334a40.021333 40.021333 0 0 0 4.053334-9.941333 41.258667 41.258667 0 0 0 1.109333-5.973333L861.866667 597.333333v-85.333333h42.666666a85.333333 85.333333 0 0 0 85.333334-85.333333v-298.666667a85.333333 85.333333 0 0 0-85.333334-85.333333h-42.666666v-85.333334a42.666667 42.666667 0 0 0-42.666667-42.666666h-597.333333a42.666667 42.666667 0 0 0-42.666667 42.666666v85.333334h-42.666667a85.333333 85.333333 0 0 0-85.333333 85.333333v298.666667a85.333333 85.333333 0 0 0 85.333333 85.333333h42.666667V810.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h426.666666z m128-810.666666h-512v-42.666667h512v42.666667z m128 384h-768v-298.666667h768v298.666667z m-533.333333-21.333334a42.666667 42.666667 0 0 0 34.133333-68.266666l-76.8-102.4h42.666667a42.666667 42.666667 0 0 0 42.368-37.674667l0.298667-4.992a42.666667 42.666667 0 0 0-42.666667-42.666667h-128a42.666667 42.666667 0 0 0-34.133333 68.266667l76.8 102.4h-42.666667a42.666667 42.666667 0 0 0-42.368 37.674667L200.533333 362.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h128z m149.333333 0a42.666667 42.666667 0 0 0 42.666667-42.666666v-170.666667a42.666667 42.666667 0 1 0-85.333333 0v170.666667a42.666667 42.666667 0 0 0 42.666666 42.666666z m224 0a96 96 0 0 0 0-192h-32v-21.333333a42.666667 42.666667 0 1 0-85.333333 0v170.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h74.666666z m0-85.333333h-32v-21.333333h32a10.666667 10.666667 0 1 1 0 21.333333zM563.2 768h-298.666667v-256h512V554.666667h-170.666666a42.666667 42.666667 0 0 0-42.666667 42.666666V768z m85.333333-25.6V640h81.92L648.533333 742.4z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-image_colorful_ash" unicode="&#58946;" d="M867.541333 853.333333A113.792 113.792 0 0 0 981.333333 739.541333v-711.082666A113.792 113.792 0 0 0 867.541333-85.333333H156.458667A113.792 113.792 0 0 0 42.666667 28.458667V739.541333A113.792 113.792 0 0 0 156.458667 853.333333h711.082666z m-189.781333-574.293333l-208.341333-187.477333a42.666667 42.666667 0 0 0-52.053334-3.882667l-4.266666 3.2-139.946667 119.978667L128 101.930667v-73.472c0-15.744 12.714667-28.458667 28.458667-28.458667h711.082666a28.458667 28.458667 0 0 1 28.458667 28.458667V80.64l-218.24 198.4zM867.541333 768H156.458667A28.458667 28.458667 0 0 1 128 739.541333V208.64l121.344 91.008a42.666667 42.666667 0 0 0 53.376-1.706667l137.472-117.802666 209.194667 188.202666a42.666667 42.666667 0 0 0 57.258666-0.128L896 196.010667V739.584A28.458667 28.458667 0 0 1 867.541333 768zM369.792 687.402667a161.194667 161.194667 0 1 0 0-322.346667 161.194667 161.194667 0 0 0 0 322.346667z m0-85.333334a75.861333 75.861333 0 1 1 0-151.68 75.861333 75.861333 0 0 1 0 151.68z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-ppt_colorful_ash" unicode="&#58947;" d="M576 810.666667v-21.333334H810.666667a42.666667 42.666667 0 0 0 42.666666-42.666666V640h42.666667a85.333333 85.333333 0 0 0 85.333333-85.333333v-341.333334a85.333333 85.333333 0 0 0-85.333333-85.333333h-42.666667v-106.666667a42.666667 42.666667 0 0 0-42.666666-42.666666h-234.666667v-21.333334a42.666667 42.666667 0 0 0-57.088-40.192l-320 114.773334A42.666667 42.666667 0 0 0 170.666667 72.106667V128H128a85.333333 85.333333 0 0 0-85.333333 85.333333V554.666667a85.333333 85.333333 0 0 0 85.333333 85.333333h42.666667V695.850667a42.666667 42.666667 0 0 0 28.245333 40.106666l320 114.816A42.666667 42.666667 0 0 0 576 810.666667z m-85.333333-682.666667H256v-25.898667l234.666667-84.138666V128z m277.333333 0h-192v-64H768V128z m128 426.666667H128v-341.333334h768V554.666667z m-618.666667-21.333334a106.666667 106.666667 0 1 0 0-213.333333H256v-42.666667a42.666667 42.666667 0 1 0-85.333333 0v213.333334a42.666667 42.666667 0 0 0 42.666666 42.666666h64z m234.666667 0a106.666667 106.666667 0 1 0 0-213.333333h-21.333333v-42.666667a42.666667 42.666667 0 1 0-85.333334 0v213.333334a42.666667 42.666667 0 0 0 42.666667 42.666666H512z m298.666667-21.333333a42.666667 42.666667 0 1 0 0-85.333333h-21.333334v-128a42.666667 42.666667 0 1 0-85.333333 0v128H682.666667a42.666667 42.666667 0 1 0 0 85.333333h128zM277.333333 448H256v-42.666667h21.333333a21.333333 21.333333 0 1 1 0 42.666667z m234.666667 0h-21.333333v-42.666667h21.333333a21.333333 21.333333 0 1 1 0 42.666667z m-21.333333 301.994667L256 665.856V640h234.666667V749.994667zM768 704L576 704V640H768V704z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-pdf_colorful_ash" unicode="&#58948;" d="M640 853.333333a42.666667 42.666667 0 0 0 33.28-16l170.368-212.906666 1.792-2.346667 0.213333-0.341333 0.426667-0.554667 0.426667-0.768-0.853334 1.322667-1.706666 2.261333 2.773333-3.925333 1.152-1.877334a40.021333 40.021333 0 0 0 4.053333-9.941333 41.258667 41.258667 0 0 0 1.109334-5.973333L853.333333 597.333333v-85.333333h42.666667a85.333333 85.333333 0 0 0 85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 0-85.333333-85.333333h-42.666667v-85.333334a42.666667 42.666667 0 0 0-42.666666-42.666666H213.333333a42.666667 42.666667 0 0 0-42.666666 42.666666v85.333334H128a85.333333 85.333333 0 0 0-85.333333 85.333333v298.666667a85.333333 85.333333 0 0 0 85.333333 85.333333h42.666667V810.666667a42.666667 42.666667 0 0 0 42.666666 42.666666h426.666667z m128-810.666666H256v-42.666667h512v42.666667z m128 384H128v-298.666667h768v298.666667z m-405.333333-21.333334a128 128 0 0 0 0-256h-42.666667a42.666667 42.666667 0 0 0-42.666667 42.666667v170.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h42.666667z m-202.666667 0a96 96 0 0 0 0-192H256v-21.333333a42.666667 42.666667 0 1 0-85.333333 0v170.666667a42.666667 42.666667 0 0 0 42.666666 42.666666h74.666667z m501.333333 0a42.666667 42.666667 0 1 0 0-85.333333H725.333333v-21.333333h64a42.666667 42.666667 0 1 0 0-85.333334H725.333333v-21.333333a42.666667 42.666667 0 0 0-37.674666-42.368L682.666667 149.333333a42.666667 42.666667 0 0 0-42.666667 42.666667v170.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h106.666666z m-298.666666-85.333333v-85.333333a42.666667 42.666667 0 1 1 0 85.333333z m-202.666667 0H256v-21.333333h32a10.666667 10.666667 0 1 1 0 21.333333zM554.666667 768H256v-256h512V554.666667h-170.666667a42.666667 42.666667 0 0 0-42.666666 42.666666V768z m85.333333-25.6V640h81.92L640 742.4z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="a-icon_file-compressed_colorful1" unicode="&#58949;" d="M640 853.333333a42.666667 42.666667 0 0 0 33.28-16l170.368-212.906666 1.792-2.346667 0.213333-0.341333 0.426667-0.554667 0.426667-0.768-0.853334 1.322667-1.706666 2.261333 2.773333-3.925333 1.152-1.877334a40.021333 40.021333 0 0 0 4.053333-9.941333 41.258667 41.258667 0 0 0 1.109334-5.973333L853.333333 597.333333v-85.333333h42.666667a85.333333 85.333333 0 0 0 85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 0-85.333333-85.333333h-42.666667v-85.333334a42.666667 42.666667 0 0 0-42.666666-42.666666H213.333333a42.666667 42.666667 0 0 0-42.666666 42.666666v85.333334H128a85.333333 85.333333 0 0 0-85.333333 85.333333v298.666667a85.333333 85.333333 0 0 0 85.333333 85.333333h42.666667V810.666667a42.666667 42.666667 0 0 0 42.666666 42.666666h426.666667z m128-810.666666H256v-42.666667h512v42.666667z m128 384H128v-298.666667h768v298.666667z m-533.333333-21.333334a42.666667 42.666667 0 0 0 34.133333-68.266666l-76.8-102.4h42.666667a42.666667 42.666667 0 0 0 42.368-37.674667l0.298666-4.992a42.666667 42.666667 0 0 0-42.666666-42.666667h-128a42.666667 42.666667 0 0 0-34.133334 68.266667l76.8 102.4h-42.666666a42.666667 42.666667 0 0 0-42.368 37.674667L192 362.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h128z m149.333333 0a42.666667 42.666667 0 0 0 42.666667-42.666666v-170.666667a42.666667 42.666667 0 1 0-85.333334 0v170.666667a42.666667 42.666667 0 0 0 42.666667 42.666666z m224 0a96 96 0 0 0 0-192h-32v-21.333333a42.666667 42.666667 0 1 0-85.333333 0v170.666667a42.666667 42.666667 0 0 0 42.666666 42.666666h74.666667z m0-85.333333h-32v-21.333333h32a10.666667 10.666667 0 1 1 0 21.333333zM554.666667 768H256v-256h512V554.666667h-170.666667a42.666667 42.666667 0 0 0-42.666666 42.666666V768z m85.333333-25.6V640h81.92L640 742.4z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-image_colorful" unicode="&#58950;" d="M867.541333 853.333333A113.792 113.792 0 0 0 981.333333 739.541333v-711.082666A113.792 113.792 0 0 0 867.541333-85.333333H156.458667A113.792 113.792 0 0 0 42.666667 28.458667V739.541333A113.792 113.792 0 0 0 156.458667 853.333333h711.082666z m-189.781333-574.293333l-208.341333-187.477333a42.666667 42.666667 0 0 0-52.053334-3.882667l-4.266666 3.2-139.946667 119.978667L128 101.930667v-73.472c0-15.744 12.714667-28.458667 28.458667-28.458667h711.082666a28.458667 28.458667 0 0 1 28.458667 28.458667V80.64l-218.24 198.4zM867.541333 768H156.458667A28.458667 28.458667 0 0 1 128 739.541333V208.64l121.344 91.008a42.666667 42.666667 0 0 0 53.376-1.706667l137.472-117.802666 209.194667 188.202666a42.666667 42.666667 0 0 0 57.258666-0.128L896 196.010667V739.584A28.458667 28.458667 0 0 1 867.541333 768zM369.792 687.402667a161.194667 161.194667 0 1 0 0-322.346667 161.194667 161.194667 0 0 0 0 322.346667z m0-85.333334a75.861333 75.861333 0 1 1 0-151.68 75.861333 75.861333 0 0 1 0 151.68z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-word_colorful_ash" unicode="&#58951;" d="M256 0h640V768H256v-128h213.333333a42.666667 42.666667 0 0 0 42.666667-42.666667v-384a42.666667 42.666667 0 0 0-42.666667-42.666666H256v-170.666667z m554.666667 256a42.666667 42.666667 0 1 0 0-85.333333h-170.666667a42.666667 42.666667 0 1 0 0 85.333333h170.666667zM135.04 554.666667h-10.581333a30.208 30.208 0 0 1-29.226667-37.845334l61.653333-235.349333a34.133333 34.133333 0 0 1 33.024-25.472h18.773334a34.133333 34.133333 0 0 1 33.28 26.453333l35.157333 153.258667 36.48-153.472a34.133333 34.133333 0 0 1 33.194667-26.24h18.517333a34.133333 34.133333 0 0 1 33.024 25.557333l61.226667 235.52a30.08 30.08 0 0 1-29.013334 37.589334h-10.325333a34.133333 34.133333 0 0 1-33.578667-28.074667l-28.885333-160.085333-38.272 161.877333A34.133333 34.133333 0 0 1 286.250667 554.666667h-18.602667a34.133333 34.133333 0 0 1-33.28-26.538667l-36.864-161.621333-28.885333 160.085333A34.133333 34.133333 0 0 1 135.04 554.666667zM810.666667 426.666667a42.666667 42.666667 0 1 0 0-85.333334h-170.666667a42.666667 42.666667 0 1 0 0 85.333334h170.666667z m0 170.666666a42.666667 42.666667 0 1 0 0-85.333333h-170.666667a42.666667 42.666667 0 1 0 0 85.333333h170.666667zM85.333333 170.666667a42.666667 42.666667 0 0 0-42.666666 42.666666V597.333333a42.666667 42.666667 0 0 0 42.666666 42.666667h85.333334V768a85.333333 85.333333 0 0 0 85.333333 85.333333h640a85.333333 85.333333 0 0 0 85.333333-85.333333v-768a85.333333 85.333333 0 0 0-85.333333-85.333333H256a85.333333 85.333333 0 0 0-85.333333 85.333333v170.666667H85.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-sketch_colorful" unicode="&#58952;" d="M874.666667 853.333333A106.666667 106.666667 0 0 0 981.333333 746.666667v-725.333334a106.666667 106.666667 0 0 0-106.666666-106.666666h-725.333334A106.666667 106.666667 0 0 0 42.666667 21.333333v725.333334A106.666667 106.666667 0 0 0 149.333333 853.333333h725.333334z m0-85.333333h-725.333334a21.333333 21.333333 0 0 1-21.333333-21.333333v-725.333334a21.333333 21.333333 0 0 1 21.333333-21.333333h725.333334a21.333333 21.333333 0 0 1 21.333333 21.333333v725.333334a21.333333 21.333333 0 0 1-21.333333 21.333333zM640 616.277333a42.666667 42.666667 0 0 0 33.877333-16.725333l85.333334-111.530667a42.666667 42.666667 0 0 0-0.512-52.522666l-213.333334-267.733334a42.666667 42.666667 0 0 0-66.730666 0l-213.333334 267.733334a42.666667 42.666667 0 0 0-0.512 52.48l85.333334 111.573333A42.666667 42.666667 0 0 0 384 616.277333h256z m-21.077333-85.333333H405.034667l-52.266667-68.266667L512 262.826667l159.189333 199.765333-52.266666 68.309333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-ppt_colorful" unicode="&#58953;" d="M576 810.666667v-21.333334H810.666667a42.666667 42.666667 0 0 0 42.666666-42.666666V640h42.666667a85.333333 85.333333 0 0 0 85.333333-85.333333v-341.333334a85.333333 85.333333 0 0 0-85.333333-85.333333h-42.666667v-106.666667a42.666667 42.666667 0 0 0-42.666666-42.666666h-234.666667v-21.333334a42.666667 42.666667 0 0 0-57.088-40.192l-320 114.773334A42.666667 42.666667 0 0 0 170.666667 72.106667V128H128a85.333333 85.333333 0 0 0-85.333333 85.333333V554.666667a85.333333 85.333333 0 0 0 85.333333 85.333333h42.666667V695.850667a42.666667 42.666667 0 0 0 28.245333 40.106666l320 114.816A42.666667 42.666667 0 0 0 576 810.666667z m-85.333333-682.666667H256v-25.898667l234.666667-84.138666V128z m277.333333 0h-192v-64H768V128z m128 426.666667H128v-341.333334h768V554.666667z m-618.666667-21.333334a106.666667 106.666667 0 1 0 0-213.333333H256v-42.666667a42.666667 42.666667 0 1 0-85.333333 0v213.333334a42.666667 42.666667 0 0 0 42.666666 42.666666h64z m234.666667 0a106.666667 106.666667 0 1 0 0-213.333333h-21.333333v-42.666667a42.666667 42.666667 0 1 0-85.333334 0v213.333334a42.666667 42.666667 0 0 0 42.666667 42.666666H512z m298.666667-21.333333a42.666667 42.666667 0 1 0 0-85.333333h-21.333334v-128a42.666667 42.666667 0 1 0-85.333333 0v128H682.666667a42.666667 42.666667 0 1 0 0 85.333333h128zM277.333333 448H256v-42.666667h21.333333a21.333333 21.333333 0 1 1 0 42.666667z m234.666667 0h-21.333333v-42.666667h21.333333a21.333333 21.333333 0 1 1 0 42.666667z m-21.333333 301.994667L256 665.856V640h234.666667V749.994667zM768 704L576 704V640H768V704z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file_video_colorful_ash" unicode="&#58956;" d="M867.541333 853.333333A113.792 113.792 0 0 0 981.333333 739.541333v-711.082666A113.792 113.792 0 0 0 867.541333-85.333333H156.458667A113.792 113.792 0 0 0 42.666667 28.458667V739.541333A113.792 113.792 0 0 0 156.458667 853.333333h711.082666zM896 554.666667H128v-526.208c0-15.744 12.714667-28.458667 28.458667-28.458667h711.082666a28.458667 28.458667 0 0 1 28.458667 28.458667V554.666667zM450.389333 469.845333l124.416-71.850666 124.458667-71.850667a42.666667 42.666667 0 0 0 0-73.898667l-124.458667-71.850666-124.416-71.850667a42.666667 42.666667 0 0 0-64 36.949333v287.402667a42.666667 42.666667 0 0 0 64 36.949333z m21.333334-110.848v-139.562666l60.416 34.858666 60.458666 34.944-60.458666 34.858667-60.416 34.901333zM361.130667 768H156.458667A28.458667 28.458667 0 0 1 128 739.541333V640h147.797333l85.333334 128z m506.453333 0h-119.424l-85.376-128H896V739.541333A28.458667 28.458667 0 0 1 867.541333 768zM645.546667 768h-181.845334l-85.333333-128h181.888l85.290667 128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-excel_colorful" unicode="&#58957;" d="M256 0h640V768H256v-170.666667h213.333333a42.666667 42.666667 0 0 0 42.666667-42.666666v-384a42.666667 42.666667 0 0 0-42.666667-42.666667H256v-128z m554.666667 256a42.666667 42.666667 0 1 0 0-85.333333h-170.666667a42.666667 42.666667 0 1 0 0 85.333333h170.666667zM221.184 512H175.274667a27.477333 27.477333 0 0 1-22.997334-42.496l65.877334-100.522667-74.666667-112.64A27.690667 27.690667 0 0 1 166.656 213.333333H213.333333a8.533333 8.533333 0 0 1 7.253334 4.053334l56.618666 91.904 56.362667-91.904a8.533333 8.533333 0 0 1 7.253333-4.053334h47.104a27.904 27.904 0 0 1 23.296 43.264L338.133333 367.36l65.706667 102.314667A27.477333 27.477333 0 0 1 380.714667 512H335.402667a8.533333 8.533333 0 0 1-7.424-4.352L279.04 420.138667 228.565333 507.733333a8.533333 8.533333 0 0 1-7.381333 4.266667zM810.666667 426.666667a42.666667 42.666667 0 1 0 0-85.333334h-170.666667a42.666667 42.666667 0 1 0 0 85.333334h170.666667z m0 170.666666a42.666667 42.666667 0 1 0 0-85.333333h-170.666667a42.666667 42.666667 0 1 0 0 85.333333h170.666667zM85.333333 128a42.666667 42.666667 0 0 0-42.666666 42.666667V554.666667a42.666667 42.666667 0 0 0 42.666666 42.666666h85.333334V768a85.333333 85.333333 0 0 0 85.333333 85.333333h640a85.333333 85.333333 0 0 0 85.333333-85.333333v-768a85.333333 85.333333 0 0 0-85.333333-85.333333H256a85.333333 85.333333 0 0 0-85.333333 85.333333v128H85.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-pdf_colorful" unicode="&#58958;" d="M640 853.333333a42.666667 42.666667 0 0 0 33.28-16l170.368-212.906666 1.792-2.346667 0.213333-0.341333 0.426667-0.554667 0.426667-0.768-0.853334 1.322667-1.706666 2.261333 2.773333-3.925333 1.152-1.877334a40.021333 40.021333 0 0 0 4.053333-9.941333 41.258667 41.258667 0 0 0 1.109334-5.973333L853.333333 597.333333v-85.333333h42.666667a85.333333 85.333333 0 0 0 85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 0-85.333333-85.333333h-42.666667v-85.333334a42.666667 42.666667 0 0 0-42.666666-42.666666H213.333333a42.666667 42.666667 0 0 0-42.666666 42.666666v85.333334H128a85.333333 85.333333 0 0 0-85.333333 85.333333v298.666667a85.333333 85.333333 0 0 0 85.333333 85.333333h42.666667V810.666667a42.666667 42.666667 0 0 0 42.666666 42.666666h426.666667z m128-810.666666H256v-42.666667h512v42.666667z m128 384H128v-298.666667h768v298.666667z m-405.333333-21.333334a128 128 0 0 0 0-256h-42.666667a42.666667 42.666667 0 0 0-42.666667 42.666667v170.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h42.666667z m-202.666667 0a96 96 0 0 0 0-192H256v-21.333333a42.666667 42.666667 0 1 0-85.333333 0v170.666667a42.666667 42.666667 0 0 0 42.666666 42.666666h74.666667z m501.333333 0a42.666667 42.666667 0 1 0 0-85.333333H725.333333v-21.333333h64a42.666667 42.666667 0 1 0 0-85.333334H725.333333v-21.333333a42.666667 42.666667 0 0 0-37.674666-42.368L682.666667 149.333333a42.666667 42.666667 0 0 0-42.666667 42.666667v170.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h106.666666z m-298.666666-85.333333v-85.333333a42.666667 42.666667 0 1 1 0 85.333333z m-202.666667 0H256v-21.333333h32a10.666667 10.666667 0 1 1 0 21.333333zM554.666667 768H256v-256h512V554.666667h-170.666667a42.666667 42.666667 0 0 0-42.666666 42.666666V768z m85.333333-25.6V640h81.92L640 742.4z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file_video_colorful" unicode="&#58959;" d="M867.541333 853.333333A113.792 113.792 0 0 0 981.333333 739.541333v-711.082666A113.792 113.792 0 0 0 867.541333-85.333333H156.458667A113.792 113.792 0 0 0 42.666667 28.458667V739.541333A113.792 113.792 0 0 0 156.458667 853.333333h711.082666zM896 554.666667H128v-526.208c0-15.744 12.714667-28.458667 28.458667-28.458667h711.082666a28.458667 28.458667 0 0 1 28.458667 28.458667V554.666667zM450.389333 469.845333l124.416-71.850666 124.458667-71.850667a42.666667 42.666667 0 0 0 0-73.898667l-124.458667-71.850666-124.416-71.850667a42.666667 42.666667 0 0 0-64 36.949333v287.402667a42.666667 42.666667 0 0 0 64 36.949333z m21.333334-110.848v-139.562666l60.416 34.858666 60.458666 34.944-60.458666 34.858667-60.416 34.901333zM361.130667 768H156.458667A28.458667 28.458667 0 0 1 128 739.541333V640h147.797333l85.333334 128z m506.453333 0h-119.424l-85.376-128H896V739.541333A28.458667 28.458667 0 0 1 867.541333 768zM645.546667 768h-181.845334l-85.333333-128h181.888l85.290667 128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-CSV_colorful_ash" unicode="&#58960;" d="M640 853.333333a42.666667 42.666667 0 0 0 33.28-16l170.368-212.906666 1.792-2.346667 0.213333-0.341333 0.426667-0.554667 0.426667-0.768-0.853334 1.322667-1.706666 2.261333 2.773333-3.925333 1.152-1.877334a40.021333 40.021333 0 0 0 4.053333-9.941333 41.258667 41.258667 0 0 0 1.109334-5.973333L853.333333 597.333333v-85.333333h42.666667a85.333333 85.333333 0 0 0 85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 0-85.333333-85.333333h-42.666667v-85.333334a42.666667 42.666667 0 0 0-42.666666-42.666666H213.333333a42.666667 42.666667 0 0 0-42.666666 42.666666v85.333334H128a85.333333 85.333333 0 0 0-85.333333 85.333333v298.666667a85.333333 85.333333 0 0 0 85.333333 85.333333h42.666667V810.666667a42.666667 42.666667 0 0 0 42.666666 42.666666h426.666667z m128-810.666666H256v-42.666667h512v42.666667z m128 384H128v-298.666667h768v298.666667z m-632.192-19.114667c29.312 0 52.394667-5.930667 69.12-17.749333 16.810667-11.861333 29.269333-30.08 37.418667-54.613334l-63.488-14.165333a54.442667 54.442667 0 0 1-6.997334 15.573333 41.344 41.344 0 0 1-14.762666 12.714667 42.410667 42.410667 0 0 1-19.541334 4.437333c-16.298667 0-28.757333-6.570667-37.461333-19.712-6.570667-9.728-9.813333-25.002667-9.813333-45.866666 0-25.813333 3.882667-43.52 11.733333-53.077334 7.808-9.6 18.816-14.378667 33.024-14.378666 13.738667 0 24.149333 3.84 31.146667 11.605333 7.082667 7.68 12.16 18.944 15.36 33.621333l63.018666-19.029333c-4.266667-17.664-10.88-32.426667-20.010666-44.288a86.826667 86.826667 0 0 0-33.877334-26.837333c-13.482667-6.016-30.677333-9.045333-51.541333-9.045334-25.258667 0-45.952 3.669333-61.952 11.008-16.042667 7.381333-29.866667 20.309333-41.514667 38.826667-11.648 18.517333-17.493333 42.24-17.493333 71.125333 0 38.528 10.24 68.138667 30.72 88.832 20.48 20.693333 49.493333 31.018667 86.912 31.018667z m238.762667 0c29.738667 0 52.437333-5.546667 68.053333-16.597333 15.573333-11.050667 24.874667-28.629333 27.861333-52.778667l-67.84-3.968c-1.749333 10.496-5.546667 18.090667-11.306666 22.869333-5.76 4.778667-13.738667 7.168-23.893334 7.168-8.362667 0-14.677333-1.792-18.901333-5.333333a16.298667 16.298667 0 0 1-6.357333-12.928c0-3.712 1.749333-7.04 5.248-10.026667 3.413333-3.072 11.434667-5.930667 24.149333-8.533333 31.402667-6.826667 53.930667-13.653333 67.541333-20.608 13.610667-6.912 23.466667-15.530667 29.696-25.770667 6.186667-10.24 9.258667-21.76 9.258667-34.474666 0-14.933333-4.138667-28.672-12.373333-41.258667a77.525333 77.525333 0 0 0-34.602667-28.672c-14.805333-6.485333-33.493333-9.728-56.021333-9.728-39.594667 0-66.986667 7.594667-82.261334 22.826667-15.232 15.274667-23.893333 34.645333-25.856 58.112l68.394667 4.266666c1.493333-11.093333 4.522667-19.541333 9.045333-25.386666 7.424-9.386667 18.005333-14.08 31.786667-14.08 10.24 0 18.133333 2.389333 23.722667 7.168a21.632 21.632 0 0 1 8.32 16.768 21.333333 21.333333 0 0 1-7.936 16.213333c-5.290667 4.736-17.578667 9.258667-36.821334 13.482667-31.573333 7.082667-54.016 16.512-67.456 28.245333a56.832 56.832 0 0 0-20.352 44.928c0 11.946667 3.498667 23.253333 10.410667 33.877333 6.912 10.666667 17.365333 19.029333 31.274667 25.088 13.909333 6.101333 32.981333 9.130667 57.216 9.130667z m191.957333-3.968l52.394667-167.466667 51.584 167.466667h73.002666l-86.357333-232.704h-77.952l-87.936 232.704h75.264zM554.666667 768H256v-256h512V554.666667h-170.666667a42.666667 42.666667 0 0 0-42.666666 42.666666V768z m85.333333-25.6V640h81.92L640 742.4z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-sketch_colorful_ash" unicode="&#58961;" d="M874.666667 853.333333A106.666667 106.666667 0 0 0 981.333333 746.666667v-725.333334a106.666667 106.666667 0 0 0-106.666666-106.666666h-725.333334A106.666667 106.666667 0 0 0 42.666667 21.333333v725.333334A106.666667 106.666667 0 0 0 149.333333 853.333333h725.333334z m0-85.333333h-725.333334a21.333333 21.333333 0 0 1-21.333333-21.333333v-725.333334a21.333333 21.333333 0 0 1 21.333333-21.333333h725.333334a21.333333 21.333333 0 0 1 21.333333 21.333333v725.333334a21.333333 21.333333 0 0 1-21.333333 21.333333zM640 616.277333a42.666667 42.666667 0 0 0 33.877333-16.725333l85.333334-111.530667a42.666667 42.666667 0 0 0-0.512-52.522666l-213.333334-267.733334a42.666667 42.666667 0 0 0-66.730666 0l-213.333334 267.733334a42.666667 42.666667 0 0 0-0.512 52.48l85.333334 111.573333A42.666667 42.666667 0 0 0 384 616.277333h256z m-21.077333-85.333333H405.034667l-52.266667-68.266667L512 262.826667l159.189333 199.765333-52.266666 68.309333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-CSV_colorful" unicode="&#58962;" d="M640 853.333333a42.666667 42.666667 0 0 0 33.28-16l170.368-212.906666 1.792-2.346667 0.213333-0.341333 0.426667-0.554667 0.426667-0.768-0.853334 1.322667-1.706666 2.261333 2.773333-3.925333 1.152-1.877334a40.021333 40.021333 0 0 0 4.053333-9.941333 41.258667 41.258667 0 0 0 1.109334-5.973333L853.333333 597.333333v-85.333333h42.666667a85.333333 85.333333 0 0 0 85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 0-85.333333-85.333333h-42.666667v-85.333334a42.666667 42.666667 0 0 0-42.666666-42.666666H213.333333a42.666667 42.666667 0 0 0-42.666666 42.666666v85.333334H128a85.333333 85.333333 0 0 0-85.333333 85.333333v298.666667a85.333333 85.333333 0 0 0 85.333333 85.333333h42.666667V810.666667a42.666667 42.666667 0 0 0 42.666666 42.666666h426.666667z m128-810.666666H256v-42.666667h512v42.666667z m128 384H128v-298.666667h768v298.666667z m-632.192-19.114667c29.312 0 52.394667-5.930667 69.12-17.749333 16.810667-11.861333 29.269333-30.08 37.418667-54.613334l-63.488-14.165333a54.442667 54.442667 0 0 1-6.997334 15.573333 41.344 41.344 0 0 1-14.762666 12.714667 42.410667 42.410667 0 0 1-19.541334 4.437333c-16.298667 0-28.757333-6.570667-37.461333-19.712-6.570667-9.728-9.813333-25.002667-9.813333-45.866666 0-25.813333 3.882667-43.52 11.733333-53.077334 7.808-9.6 18.816-14.378667 33.024-14.378666 13.738667 0 24.149333 3.84 31.146667 11.605333 7.082667 7.68 12.16 18.944 15.36 33.621333l63.018666-19.029333c-4.266667-17.664-10.88-32.426667-20.010666-44.288a86.826667 86.826667 0 0 0-33.877334-26.837333c-13.482667-6.016-30.677333-9.045333-51.541333-9.045334-25.258667 0-45.952 3.669333-61.952 11.008-16.042667 7.381333-29.866667 20.309333-41.514667 38.826667-11.648 18.517333-17.493333 42.24-17.493333 71.125333 0 38.528 10.24 68.138667 30.72 88.832 20.48 20.693333 49.493333 31.018667 86.912 31.018667z m238.762667 0c29.738667 0 52.437333-5.546667 68.053333-16.597333 15.573333-11.050667 24.874667-28.629333 27.861333-52.778667l-67.84-3.968c-1.749333 10.496-5.546667 18.090667-11.306666 22.869333-5.76 4.778667-13.738667 7.168-23.893334 7.168-8.362667 0-14.677333-1.792-18.901333-5.333333a16.298667 16.298667 0 0 1-6.357333-12.928c0-3.712 1.749333-7.04 5.248-10.026667 3.413333-3.072 11.434667-5.930667 24.149333-8.533333 31.402667-6.826667 53.930667-13.653333 67.541333-20.608 13.610667-6.912 23.466667-15.530667 29.696-25.770667 6.186667-10.24 9.258667-21.76 9.258667-34.474666 0-14.933333-4.138667-28.672-12.373333-41.258667a77.525333 77.525333 0 0 0-34.602667-28.672c-14.805333-6.485333-33.493333-9.728-56.021333-9.728-39.594667 0-66.986667 7.594667-82.261334 22.826667-15.232 15.274667-23.893333 34.645333-25.856 58.112l68.394667 4.266666c1.493333-11.093333 4.522667-19.541333 9.045333-25.386666 7.424-9.386667 18.005333-14.08 31.786667-14.08 10.24 0 18.133333 2.389333 23.722667 7.168a21.632 21.632 0 0 1 8.32 16.768 21.333333 21.333333 0 0 1-7.936 16.213333c-5.290667 4.736-17.578667 9.258667-36.821334 13.482667-31.573333 7.082667-54.016 16.512-67.456 28.245333a56.832 56.832 0 0 0-20.352 44.928c0 11.946667 3.498667 23.253333 10.410667 33.877333 6.912 10.666667 17.365333 19.029333 31.274667 25.088 13.909333 6.101333 32.981333 9.130667 57.216 9.130667z m191.957333-3.968l52.394667-167.466667 51.584 167.466667h73.002666l-86.357333-232.704h-77.952l-87.936 232.704h75.264zM554.666667 768H256v-256h512V554.666667h-170.666667a42.666667 42.666667 0 0 0-42.666666 42.666666V768z m85.333333-25.6V640h81.92L640 742.4z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-sql_colorful_ash" unicode="&#58963;" d="M640 853.333333a42.666667 42.666667 0 0 0 33.28-16l170.368-212.906666 1.792-2.346667 0.213333-0.341333 0.426667-0.554667 0.426667-0.768-0.853334 1.322667-1.706666 2.261333 2.773333-3.925333 1.152-1.877334a40.021333 40.021333 0 0 0 4.053333-9.941333 41.258667 41.258667 0 0 0 1.109334-5.973333L853.333333 597.333333v-85.333333h42.666667a85.333333 85.333333 0 0 0 85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 0-85.333333-85.333333h-42.666667v-85.333334a42.666667 42.666667 0 0 0-42.666666-42.666666H213.333333a42.666667 42.666667 0 0 0-42.666666 42.666666v85.333334H128a85.333333 85.333333 0 0 0-85.333333 85.333333v298.666667a85.333333 85.333333 0 0 0 85.333333 85.333333h42.666667V810.666667a42.666667 42.666667 0 0 0 42.666666 42.666666h426.666667z m128-810.666666H256v-42.666667h512v42.666667z m128 384H128v-298.666667h768v298.666667z m-384.469333-19.114667c39.893333 0 70.698667-10.666667 92.373333-32.128 21.717333-21.418667 32.554667-52.053333 32.554667-91.989333 0-35.498667-8.746667-63.914667-26.24-85.248 9.301333-6.442667 15.36-10.496 18.218666-12.117334 4.266667-2.432 9.984-5.205333 17.194667-8.362666l-20.650667-41.642667a240.768 240.768 0 0 0-30.848 17.92 263.850667 263.850667 0 0 0-21.333333 15.658667c-16.341333-7.082667-36.906667-10.666667-61.610667-10.666667-36.48 0-65.28 9.557333-86.4 28.586667-24.917333 22.485333-37.376 54.144-37.376 94.890666 0 39.594667 10.88 70.314667 32.682667 92.245334 21.845333 21.888 52.309333 32.853333 91.434667 32.853333z m-259.072 0c30.72 0 54.186667-5.717333 70.272-17.109333 16.128-11.434667 25.728-29.610667 28.757333-54.528l-69.973333-4.096c-1.877333 10.837333-5.802667 18.688-11.733334 23.594666-5.973333 4.949333-14.208 7.381333-24.704 7.381334-8.618667 0-15.104-1.834667-19.498666-5.504a16.853333 16.853333 0 0 1-6.570667-13.354667c0-3.84 1.834667-7.253333 5.418667-10.325333 3.498667-3.157333 11.818667-6.101333 24.917333-8.832 32.469333-6.997333 55.722667-14.08 69.76-21.248 14.08-7.168 24.32-16.042667 30.677333-26.624 6.4-10.624 9.6-22.485333 9.6-35.584 0-15.402667-4.266667-29.610667-12.8-42.666667-8.533333-12.970667-20.437333-22.826667-35.754666-29.568-15.274667-6.741333-34.56-10.069333-57.856-10.069333-40.874667 0-69.205333 7.850667-84.906667 23.594666-15.786667 15.744-24.661333 35.754667-26.752 59.989334l70.656 4.437333c1.536-11.477333 4.693333-20.224 9.386667-26.24 7.637333-9.728 18.56-14.592 32.768-14.592 10.581333 0 18.773333 2.517333 24.490666 7.466667a22.357333 22.357333 0 0 1 8.618667 17.322666 22.058667 22.058667 0 0 1-8.192 16.725334c-5.461333 4.906667-18.133333 9.557333-38.058667 13.909333-32.554667 7.338667-55.765333 17.066667-69.674666 29.184a58.666667 58.666667 0 0 0-20.992 46.421333c0 12.373333 3.584 24.021333 10.752 34.986667 7.168 11.008 17.92 19.626667 32.298666 25.898667 14.378667 6.314667 34.090667 9.429333 59.093334 9.429333z m498.261333-4.096v-181.162667h115.925333v-59.178666h-190.208v240.341333h74.282667z m-239.36-52.138667a45.226667 45.226667 0 0 1-35.925333-15.914666c-9.173333-10.581333-13.738667-27.136-13.738667-49.664 0-26.24 4.48-44.629333 13.44-55.253334 8.96-10.581333 21.248-15.914667 36.864-15.914666 5.034667 0 9.813333 0.512 14.293333 1.493333-6.229333 5.973333-16.085333 11.690667-29.525333 17.066667l11.648 26.709333c6.528-1.194667 11.648-2.688 15.36-4.437333 3.626667-1.706667 10.752-6.314667 21.333333-13.738667 2.56-1.749333 5.248-3.584 8.234667-5.418667 5.888 10.581333 8.832 26.453333 8.832 47.530667 0 24.277333-4.522667 41.6-13.525333 51.968-9.002667 10.410667-21.461333 15.573333-37.290667 15.573333zM554.666667 768H256v-256h512V554.666667h-170.666667a42.666667 42.666667 0 0 0-42.666666 42.666666V768z m85.333333-25.6V640h81.92L640 742.4z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-text_colorful" unicode="&#58964;" d="M874.666667 853.333333A106.666667 106.666667 0 0 0 981.333333 746.666667v-725.333334a106.666667 106.666667 0 0 0-106.666666-106.666666h-725.333334A106.666667 106.666667 0 0 0 42.666667 21.333333v725.333334A106.666667 106.666667 0 0 0 149.333333 853.333333h725.333334z m0-85.333333h-725.333334a21.333333 21.333333 0 0 1-21.333333-21.333333v-725.333334a21.333333 21.333333 0 0 1 21.333333-21.333333h725.333334a21.333333 21.333333 0 0 1 21.333333 21.333333v725.333334a21.333333 21.333333 0 0 1-21.333333 21.333333z m-410.069334-663.722667a42.666667 42.666667 0 0 0 0 85.333334l4.736 0.042666V526.208l0.256 4.778667h-104.533333v-28.458667a42.666667 42.666667 0 0 0-37.717333-42.410667l-4.949334-0.256a42.666667 42.666667 0 0 0-42.666666 42.666667V573.610667a42.666667 42.666667 0 0 0 42.666666 42.666666h379.221334a42.666667 42.666667 0 0 0 42.666666-42.666666v-71.082667a42.666667 42.666667 0 1 0-85.333333 0v28.416l-104.533333 0.042667c0.170667-1.578667 0.256-3.157333 0.256-4.778667v-336.554667h4.736a42.666667 42.666667 0 1 0 0-85.333333H464.64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-word_colorful" unicode="&#58965;" d="M256 0h640V768H256v-128h213.333333a42.666667 42.666667 0 0 0 42.666667-42.666667v-384a42.666667 42.666667 0 0 0-42.666667-42.666666H256v-170.666667z m554.666667 256a42.666667 42.666667 0 1 0 0-85.333333h-170.666667a42.666667 42.666667 0 1 0 0 85.333333h170.666667zM135.04 554.666667h-10.581333a30.208 30.208 0 0 1-29.226667-37.845334l61.653333-235.349333a34.133333 34.133333 0 0 1 33.024-25.472h18.773334a34.133333 34.133333 0 0 1 33.28 26.453333l35.157333 153.258667 36.48-153.472a34.133333 34.133333 0 0 1 33.194667-26.24h18.517333a34.133333 34.133333 0 0 1 33.024 25.557333l61.226667 235.52a30.08 30.08 0 0 1-29.013334 37.589334h-10.325333a34.133333 34.133333 0 0 1-33.578667-28.074667l-28.885333-160.085333-38.272 161.877333A34.133333 34.133333 0 0 1 286.250667 554.666667h-18.602667a34.133333 34.133333 0 0 1-33.28-26.538667l-36.864-161.621333-28.885333 160.085333A34.133333 34.133333 0 0 1 135.04 554.666667zM810.666667 426.666667a42.666667 42.666667 0 1 0 0-85.333334h-170.666667a42.666667 42.666667 0 1 0 0 85.333334h170.666667z m0 170.666666a42.666667 42.666667 0 1 0 0-85.333333h-170.666667a42.666667 42.666667 0 1 0 0 85.333333h170.666667zM85.333333 170.666667a42.666667 42.666667 0 0 0-42.666666 42.666666V597.333333a42.666667 42.666667 0 0 0 42.666666 42.666667h85.333334V768a85.333333 85.333333 0 0 0 85.333333 85.333333h640a85.333333 85.333333 0 0 0 85.333333-85.333333v-768a85.333333 85.333333 0 0 0-85.333333-85.333333H256a85.333333 85.333333 0 0 0-85.333333 85.333333v170.666667H85.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-xmind_colorful" unicode="&#58966;" d="M260.266667-8.533333h640v768h-640v-128h213.333333a42.666667 42.666667 0 0 0 42.666667-42.666667v-384a42.666667 42.666667 0 0 0-42.666667-42.666667h-213.333333v-170.666666z m554.666666 256a42.666667 42.666667 0 1 0 0-85.333334h-170.666666a42.666667 42.666667 0 1 0 0 85.333334h170.666666zM120.192 463.573333c-9.813333 0-19.456-0.768-28.842667-2.218666a185.6 185.6 0 0 1 20.906667-114.773334 187.562667 187.562667 0 0 0 90.752-6.186666 185.941333 185.941333 0 0 0-12.629333-85.333334 185.813333 185.813333 0 0 1 102.4-48.725333 185.472 185.472 0 0 1 13.866666 70.784 186.453333 186.453333 0 0 1-186.453333 186.453333zM270.378667 588.8a185.130667 185.130667 0 0 1-13.824-70.698667 188.885333 188.885333 0 0 1 10.154666-60.928 189.226667 189.226667 0 0 1 22.869334-45.098666l0.426666-0.554667a187.733333 187.733333 0 0 1 21.162667-25.301333l0.64-0.597334 1.28-1.28 4.138667-3.925333c18.645333-17.066667 40.789333-30.378667 65.194666-38.741333l1.450667-0.426667 0.938667-0.384c7.765333-2.56 15.744-4.565333 23.893333-6.058667l4.565333-0.768 8.192-1.194666a188.714667 188.714667 0 0 1 50.389334 1.024 187.733333 187.733333 0 0 1-20.906667 114.773333 187.648 187.648 0 0 0-90.752 6.144 185.984 185.984 0 0 0 12.629333 85.333333 185.813333 185.813333 0 0 1-102.4 48.682667z m544.554666-170.666667a42.666667 42.666667 0 1 0 0-85.333333h-170.666666a42.666667 42.666667 0 1 0 0 85.333333h170.666666z m0 170.666667a42.666667 42.666667 0 1 0 0-85.333333h-170.666666a42.666667 42.666667 0 1 0 0 85.333333h170.666666z m-725.333333-426.666667a42.666667 42.666667 0 0 0-42.666667 42.666667v384a42.666667 42.666667 0 0 0 42.666667 42.666667h85.333333v128a85.333333 85.333333 0 0 0 85.333334 85.333333h640a85.333333 85.333333 0 0 0 85.333333-85.333333v-768a85.333333 85.333333 0 0 0-85.333333-85.333334h-640a85.333333 85.333333 0 0 0-85.333334 85.333334v170.666666h-85.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-sql_colorful" unicode="&#58967;" d="M640 853.333333a42.666667 42.666667 0 0 0 33.28-16l170.368-212.906666 1.792-2.346667 0.213333-0.341333 0.426667-0.554667 0.426667-0.768-0.853334 1.322667-1.706666 2.261333 2.773333-3.925333 1.152-1.877334a40.021333 40.021333 0 0 0 4.053333-9.941333 41.258667 41.258667 0 0 0 1.109334-5.973333L853.333333 597.333333v-85.333333h42.666667a85.333333 85.333333 0 0 0 85.333333-85.333333v-298.666667a85.333333 85.333333 0 0 0-85.333333-85.333333h-42.666667v-85.333334a42.666667 42.666667 0 0 0-42.666666-42.666666H213.333333a42.666667 42.666667 0 0 0-42.666666 42.666666v85.333334H128a85.333333 85.333333 0 0 0-85.333333 85.333333v298.666667a85.333333 85.333333 0 0 0 85.333333 85.333333h42.666667V810.666667a42.666667 42.666667 0 0 0 42.666666 42.666666h426.666667z m128-810.666666H256v-42.666667h512v42.666667z m128 384H128v-298.666667h768v298.666667z m-384.469333-19.114667c39.893333 0 70.698667-10.666667 92.373333-32.128 21.717333-21.418667 32.554667-52.053333 32.554667-91.989333 0-35.498667-8.746667-63.914667-26.24-85.248 9.301333-6.442667 15.36-10.496 18.218666-12.117334 4.266667-2.432 9.984-5.205333 17.194667-8.362666l-20.650667-41.642667a240.768 240.768 0 0 0-30.848 17.92 263.850667 263.850667 0 0 0-21.333333 15.658667c-16.341333-7.082667-36.906667-10.666667-61.610667-10.666667-36.48 0-65.28 9.557333-86.4 28.586667-24.917333 22.485333-37.376 54.144-37.376 94.890666 0 39.594667 10.88 70.314667 32.682667 92.245334 21.845333 21.888 52.309333 32.853333 91.434667 32.853333z m-259.072 0c30.72 0 54.186667-5.717333 70.272-17.109333 16.128-11.434667 25.728-29.610667 28.757333-54.528l-69.973333-4.096c-1.877333 10.837333-5.802667 18.688-11.733334 23.594666-5.973333 4.949333-14.208 7.381333-24.704 7.381334-8.618667 0-15.104-1.834667-19.498666-5.504a16.853333 16.853333 0 0 1-6.570667-13.354667c0-3.84 1.834667-7.253333 5.418667-10.325333 3.498667-3.157333 11.818667-6.101333 24.917333-8.832 32.469333-6.997333 55.722667-14.08 69.76-21.248 14.08-7.168 24.32-16.042667 30.677333-26.624 6.4-10.624 9.6-22.485333 9.6-35.584 0-15.402667-4.266667-29.610667-12.8-42.666667-8.533333-12.970667-20.437333-22.826667-35.754666-29.568-15.274667-6.741333-34.56-10.069333-57.856-10.069333-40.874667 0-69.205333 7.850667-84.906667 23.594666-15.786667 15.744-24.661333 35.754667-26.752 59.989334l70.656 4.437333c1.536-11.477333 4.693333-20.224 9.386667-26.24 7.637333-9.728 18.56-14.592 32.768-14.592 10.581333 0 18.773333 2.517333 24.490666 7.466667a22.357333 22.357333 0 0 1 8.618667 17.322666 22.058667 22.058667 0 0 1-8.192 16.725334c-5.461333 4.906667-18.133333 9.557333-38.058667 13.909333-32.554667 7.338667-55.765333 17.066667-69.674666 29.184a58.666667 58.666667 0 0 0-20.992 46.421333c0 12.373333 3.584 24.021333 10.752 34.986667 7.168 11.008 17.92 19.626667 32.298666 25.898667 14.378667 6.314667 34.090667 9.429333 59.093334 9.429333z m498.261333-4.096v-181.162667h115.925333v-59.178666h-190.208v240.341333h74.282667z m-239.36-52.138667a45.226667 45.226667 0 0 1-35.925333-15.914666c-9.173333-10.581333-13.738667-27.136-13.738667-49.664 0-26.24 4.48-44.629333 13.44-55.253334 8.96-10.581333 21.248-15.914667 36.864-15.914666 5.034667 0 9.813333 0.512 14.293333 1.493333-6.229333 5.973333-16.085333 11.690667-29.525333 17.066667l11.648 26.709333c6.528-1.194667 11.648-2.688 15.36-4.437333 3.626667-1.706667 10.752-6.314667 21.333333-13.738667 2.56-1.749333 5.248-3.584 8.234667-5.418667 5.888 10.581333 8.832 26.453333 8.832 47.530667 0 24.277333-4.522667 41.6-13.525333 51.968-9.002667 10.410667-21.461333 15.573333-37.290667 15.573333zM554.666667 768H256v-256h512V554.666667h-170.666667a42.666667 42.666667 0 0 0-42.666666 42.666666V768z m85.333333-25.6V640h81.92L640 742.4z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-text_colorful_ash" unicode="&#58968;" d="M874.666667 853.333333A106.666667 106.666667 0 0 0 981.333333 746.666667v-725.333334a106.666667 106.666667 0 0 0-106.666666-106.666666h-725.333334A106.666667 106.666667 0 0 0 42.666667 21.333333v725.333334A106.666667 106.666667 0 0 0 149.333333 853.333333h725.333334z m0-85.333333h-725.333334a21.333333 21.333333 0 0 1-21.333333-21.333333v-725.333334a21.333333 21.333333 0 0 1 21.333333-21.333333h725.333334a21.333333 21.333333 0 0 1 21.333333 21.333333v725.333334a21.333333 21.333333 0 0 1-21.333333 21.333333z m-410.069334-663.722667a42.666667 42.666667 0 0 0 0 85.333334l4.736 0.042666V526.208l0.256 4.778667h-104.533333v-28.458667a42.666667 42.666667 0 0 0-37.717333-42.410667l-4.949334-0.256a42.666667 42.666667 0 0 0-42.666666 42.666667V573.610667a42.666667 42.666667 0 0 0 42.666666 42.666666h379.221334a42.666667 42.666667 0 0 0 42.666666-42.666666v-71.082667a42.666667 42.666667 0 1 0-85.333333 0v28.416l-104.533333 0.042667c0.170667-1.578667 0.256-3.157333 0.256-4.778667v-336.554667h4.736a42.666667 42.666667 0 1 0 0-85.333333H464.64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-xmind_colorful_ash" unicode="&#58969;" d="M260.266667-8.533333h640v768h-640v-128h213.333333a42.666667 42.666667 0 0 0 42.666667-42.666667v-384a42.666667 42.666667 0 0 0-42.666667-42.666667h-213.333333v-170.666666z m554.666666 256a42.666667 42.666667 0 1 0 0-85.333334h-170.666666a42.666667 42.666667 0 1 0 0 85.333334h170.666666zM120.192 463.573333c-9.813333 0-19.456-0.768-28.842667-2.218666a185.6 185.6 0 0 1 20.906667-114.773334 187.562667 187.562667 0 0 0 90.752-6.186666 185.941333 185.941333 0 0 0-12.629333-85.333334 185.813333 185.813333 0 0 1 102.4-48.725333 185.472 185.472 0 0 1 13.866666 70.784 186.453333 186.453333 0 0 1-186.453333 186.453333zM270.378667 588.8a185.130667 185.130667 0 0 1-13.824-70.698667 188.885333 188.885333 0 0 1 10.154666-60.928 189.226667 189.226667 0 0 1 22.869334-45.098666l0.426666-0.554667a187.733333 187.733333 0 0 1 21.162667-25.301333l0.64-0.597334 1.28-1.28 4.138667-3.925333c18.645333-17.066667 40.789333-30.378667 65.194666-38.741333l1.450667-0.426667 0.938667-0.384c7.765333-2.56 15.744-4.565333 23.893333-6.058667l4.565333-0.768 8.192-1.194666a188.714667 188.714667 0 0 1 50.389334 1.024 187.733333 187.733333 0 0 1-20.906667 114.773333 187.648 187.648 0 0 0-90.752 6.144 185.984 185.984 0 0 0 12.629333 85.333333 185.813333 185.813333 0 0 1-102.4 48.682667z m544.554666-170.666667a42.666667 42.666667 0 1 0 0-85.333333h-170.666666a42.666667 42.666667 0 1 0 0 85.333333h170.666666z m0 170.666667a42.666667 42.666667 0 1 0 0-85.333333h-170.666666a42.666667 42.666667 0 1 0 0 85.333333h170.666666z m-725.333333-426.666667a42.666667 42.666667 0 0 0-42.666667 42.666667v384a42.666667 42.666667 0 0 0 42.666667 42.666667h85.333333v128a85.333333 85.333333 0 0 0 85.333334 85.333333h640a85.333333 85.333333 0 0 0 85.333333-85.333333v-768a85.333333 85.333333 0 0 0-85.333333-85.333334h-640a85.333333 85.333333 0 0 0-85.333334 85.333334v170.666666h-85.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-unknown_colorful" unicode="&#58976;" d="M682.666667 853.333333a42.666667 42.666667 0 0 0 33.28-16l170.368-212.906666c1.28-1.536 2.389333-3.157333 3.413333-4.821334l-3.072 4.394667c1.450667-1.834667 2.773333-3.797333 3.882667-5.802667l2.389333-4.949333 1.664-4.992a41.258667 41.258667 0 0 0 1.109333-5.973333L896 597.333333v-640a42.666667 42.666667 0 0 0-42.666667-42.666666H170.666667a42.666667 42.666667 0 0 0-42.666667 42.666666V810.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h512z m-85.333334-85.333333H213.333333v-768h597.333334V554.666667h-170.666667a42.666667 42.666667 0 0 0-42.666667 42.666666V768z m-85.333333-612.437333a41.472 41.472 0 1 0 0-82.986667 41.472 41.472 0 0 0 0 82.986667z m0 374.528a142.208 142.208 0 0 0 44.970667-277.205334l-2.304-0.64v-30.293333a42.666667 42.666667 0 0 0-37.674667-42.410667l-4.992-0.298666a42.666667 42.666667 0 0 0-42.666667 42.666666v66.389334a42.666667 42.666667 0 0 0 37.674667 42.368l4.992 0.298666a56.874667 56.874667 0 1 1-56.618667 62.378667l-0.256-5.504a42.666667 42.666667 0 1 0-85.333333 0A142.208 142.208 0 0 0 512 530.090667zM764.586667 640L682.666667 742.4V640h81.92z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="a-icon_file-jar_colorful" unicode="&#59333;" d="M648.533 853.333a42.667 42.667 0 0 0 33.323-16L852.523 624l2.73-3.925 1.152-1.878a40.021 40.021 0 0 0 4.054-9.941 41.259 41.259 0 0 0 1.109-5.973l0.299-4.95V512h42.666a85.333 85.333 0 0 0 85.334-85.333V128a85.333 85.333 0 0 0-85.334-85.333h-42.666v-85.334a42.667 42.667 0 0 0-42.667-42.666H221.867a42.667 42.667 0 0 0-42.667 42.666v85.334h-42.667A85.333 85.333 0 0 0 51.2 128V426.667A85.333 85.333 0 0 0 136.533 512H179.2V810.667a42.667 42.667 0 0 0 42.667 42.666h426.666z m128-810.666h-512V0h512v42.667z m128 384h-768V128h768V426.667z m-556.8-42.24v-116.182c0-24.405-2.176-43.008-6.528-55.722-4.309-12.758-13.013-23.51-26.112-32.384-13.056-8.832-29.781-13.227-50.218-13.227-21.59 0-38.315 2.859-50.176 8.704a63.104 63.104 0 0 0-27.478 25.6c-6.485 11.221-10.282 25.13-11.434 41.643l63.146 8.618c0.086-9.429 0.896-16.469 2.475-21.034a22.87 22.87 0 0 1 7.85-11.094c2.56-1.834 6.145-2.73 10.795-2.73 7.382 0 12.8 2.73 16.256 8.234 3.456 5.504 5.206 14.763 5.206 27.734v131.84h66.176z m174.848 0l80.299-213.76h-69.12l-10.496 35.285H448l-10.368-35.285h-67.456l80.341 213.76h72.064z m212.48 0c20.395 0 36.011-1.707 46.806-5.206 10.794-3.498 19.498-9.984 26.112-19.498 6.57-9.472 9.898-20.992 9.898-34.603 0-11.861-2.56-22.101-7.594-30.72a59.307 59.307 0 0 0-20.864-20.907c-5.632-3.413-13.355-6.229-23.168-8.49 7.893-2.603 13.61-5.248 17.194-7.851 2.432-1.75 5.974-5.504 10.582-11.221 4.608-5.76 7.68-10.155 9.258-13.27l31.958-61.994h-74.667l-35.285 65.322c-4.48 8.448-8.491 13.952-11.947 16.47a27.733 27.733 0 0 1-16.213 4.992h-5.846v-86.784H624.94v213.76h110.08z m-249.258-55.382l-23.467-76.842h47.104l-23.637 76.8z m234.496 12.246h-29.014v-43.478h27.862c2.986 0 8.832 0.982 17.493 2.944a17.493 17.493 0 0 1 10.71 6.699 19.755 19.755 0 0 1 4.18 12.373c0 6.912-2.218 12.246-6.57 15.915-4.395 3.712-12.587 5.547-24.661 5.547zM563.2 768H264.533v-256h512v42.667H605.867a42.667 42.667 0 0 0-42.667 42.666V768z m85.333-25.6V640h81.92l-81.92 102.4z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="logo_dingtalk" unicode="&#59339;" d="M838.058667 470.314667a164.693333 164.693333 0 0 0-9.728-26.453334h0.085333l-0.512-1.066666c-28.416-63.829333-102.656-189.141333-102.656-189.141334l-0.341333 0.853334-21.674667-39.68h104.533333l-199.68-278.826667 45.312 189.653333h-82.346666l28.586666 125.44c-23.125333-5.845333-50.389333-13.952-82.773333-24.874666 0 0-43.776-26.88-126.208 51.84 0 0-55.552 51.328-23.338667 64.256 13.653333 5.418667 66.517333 12.373333 108.117334 18.346666 56.064 7.978667 90.624 12.245333 90.624 12.245334s-173.056-2.773333-214.144 4.053333c-41.088 6.784-93.056 78.762667-104.234667 141.994667 0 0-17.152 34.773333 36.821333 18.346666 54.101333-16.426667 277.845333-64 277.845334-64S271.445333 566.869333 252.074667 589.738667c-19.328 22.826667-56.96 124.8-52.053334 187.392 0 0 2.133333 15.658667 17.408 11.52 0 0 215.168-103.338667 362.24-159.744 147.072-56.618667 274.901333-85.418667 258.389334-158.592z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="logo_lark" unicode="&#59345;" d="M548.48 366.805333c0.682667 0.725333 1.450667 1.365333 2.133333 2.048 1.493333 1.365333 2.858667 2.773333 4.266667 4.181334l2.901333 2.858666 8.746667 8.661334 11.904 11.733333 10.197333 10.112 9.557334 9.472 10.026666 9.856 9.173334 9.088 12.8 12.629333a273.493333 273.493333 0 0 0 35.541333 29.696 290.645333 290.645333 0 0 0 80 39.808A504.533333 504.533333 0 0 1 650.410667 708.266667 45.568 45.568 0 0 1 614.656 725.333333h-368.213333c-6.656 0-9.429333-8.533333-4.053334-12.458666a1074.773333 1074.773333 0 0 0 305.237334-346.88l0.853333 0.853333zM402.432 42.666667a505.728 505.728 0 0 1 450.986667 276.522666 208.469333 208.469333 0 0 0-48.213334-61.184 187.733333 187.733333 0 0 0-31.658666-22.016 192.768 192.768 0 0 0-64.938667-22.314666 198.186667 198.186667 0 0 0-34.688-2.346667 207.786667 207.786667 0 0 0-34.730667 3.413333 216.149333 216.149333 0 0 0-19.797333 4.394667c-6.4 1.706667-12.672 3.456-18.944 5.290667-3.157333 0.853333-6.272 1.834667-9.386667 2.773333-4.693333 1.408-9.386667 2.816-13.994666 4.266667a966.698667 966.698667 0 0 0-22.186667 7.210666l-7.381333 2.432-8.874667 3.114667-6.4 2.218667-12.501333 4.608c-2.432 0.853333-4.821333 1.834667-7.253334 2.730666l-9.685333 3.754667-10.24 4.096-6.570667 2.688-8.192 3.413333-6.314666 2.688c-2.176 0.938667-4.394667 1.877333-6.528 2.858667l-5.674667 2.474667-5.162667 2.261333-5.248 2.389333-5.418666 2.474667-6.826667 3.2-7.125333 3.370667-7.594667 3.669333-6.4 3.2a1064.746667 1064.746667 0 0 0-301.184 224.682667 6.869333 6.869333 0 0 1-11.946667-4.693334l0.213334-324.949333v-26.368c0-15.317333 7.594667-29.696 20.309333-38.186667A503.978667 503.978667 0 0 1 402.432 42.666667zM844.672 302.677333a1.706667 1.706667 0 0 1-0.256-0.426666l0.256 0.426666 1.706667 3.2-1.706667-3.2zM852.565333 317.568l0.426667 0.853333 0.256 0.426667-0.682667-1.28zM960.853333 500.693333a288.298667 288.298667 0 0 1-127.744 29.653334 288.512 288.512 0 0 1-87.253333-13.397334l-6.016-1.962666a291.498667 291.498667 0 0 1-109.525333-67.541334l-12.8-12.629333-9.173334-9.088-9.984-9.813333-9.6-9.514667-10.197333-10.112-11.904-11.733333-8.704-8.661334-2.901333-2.858666-4.266667-4.181334c-0.725333-0.682667-1.450667-1.322667-2.133333-2.048l-3.242667-3.072-3.626667-3.413333a506.410667 506.410667 0 0 0-104.832-74.197333 303.573333 303.573333 0 0 1 12.245334-5.674667l5.205333-2.389333 5.205333-2.261334c1.877333-0.853333 3.797333-1.706667 5.674667-2.474666l6.528-2.858667 6.314667-2.688 8.192-3.413333a2542.08 2542.08 0 0 1 16.810666-6.784c3.2-1.28 6.442667-2.517333 9.685334-3.712l7.253333-2.773334 12.501333-4.565333 6.4-2.261333 8.874667-3.072 7.338667-2.517334 10.794666-3.541333 11.434667-3.626667a1278.464 1278.464 0 0 1 42.325333-12.330666 265.301333 265.301333 0 0 1 19.797334-4.437334 206.805333 206.805333 0 0 1 91.946666 3.84 179.925333 179.925333 0 0 1 27.818667 10.112 192.768 192.768 0 0 1 21.546667 11.392c2.218667 1.365333 4.352 2.773333 6.528 4.181334a216.405333 216.405333 0 0 1 18.133333 13.781333 201.002667 201.002667 0 0 1 48.128 61.013333l4.906667 9.813334 44.544 88.746666-0.085334-0.213333a275.498667 275.498667 0 0 0 57.898667 83.285333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="logo_wechat-work" unicode="&#59346;" d="M689.92 117.12a13.184 13.184 0 0 1 1.877333-20.138667l3.797334-3.669333c24.661333-24.704 40.149333-55.04 46.506666-86.869333a49.408 49.408 0 0 1 1.877334-11.136 55.125333 55.125333 0 1 1 58.922666 69.376 169.301333 169.301333 0 0 0-94.293333 52.48 13.184 13.184 0 0 1-18.645333 0zM914.005333 204.288a55.04 55.04 0 0 1-15.786666-33.194667 169.386667 169.386667 0 0 0-52.522667-94.293333 13.184 13.184 0 1 1 20.181333-16.853333 169.344 169.344 0 0 0 90.496 50.346666 50.218667 50.218667 0 0 1 11.178667 1.877334 55.125333 55.125333 0 1 1-53.546667 92.16zM758.570667 360.149333a55.168 55.168 0 0 1 33.152-93.781333 169.386667 169.386667 0 0 0 94.336-52.48 13.226667 13.226667 0 1 1 16.810666 20.138667 169.472 169.472 0 0 0-50.346666 90.538666 48.768 48.768 0 0 1-1.834667 11.178667 55.168 55.168 0 0 1-92.16 24.405333zM731.349333 273.834667l-1.024-0.938667a13.226667 13.226667 0 0 1-1.536-1.834667l-3.669333-3.84a169.216 169.216 0 0 0-86.869333-46.506666 52.608 52.608 0 0 1-11.136-1.834667 55.125333 55.125333 0 1 1 69.376-58.922667 169.472 169.472 0 0 0 52.48 94.293334 13.184 13.184 0 0 1-17.621334 19.584zM398.08 750.165333c-98.986667-10.752-188.970667-53.12-253.354667-119.253333A338.176 338.176 0 0 1 83.2 544.213333c-20.949333-42.666667-31.573333-87.893333-31.573333-134.528 0-60.032 18.261333-119.210667 52.821333-171.136a470.613333 470.613333 0 0 1 72.448-82.858666l-11.861333-93.568c-0.512-1.28-1.024-2.56-1.28-3.882667-0.298667-1.237333-0.384-2.474667-0.512-3.754667-0.042667-0.938667-0.256-1.877333-0.256-2.858666 0-1.024 0.213333-2.005333 0.298666-3.072 1.578667-15.36 14.378667-27.434667 30.208-27.434667 5.504 0 10.581333 1.578667 15.061334 4.138667l0.426666 0.213333 1.92 1.152 28.458667 14.293333 84.693333 42.496c24.32-6.997333 48.512-11.434667 73.984-14.250666a458.624 458.624 0 0 1 102.101334 0.298666c34.773333 3.925333 68.181333 11.946667 99.882666 23.338667a55.082667 55.082667 0 0 0-37.546666 57.6 373.248 373.248 0 0 0-70.784-15.146667 384.384 384.384 0 0 0-85.504-0.256c-2.858667 0.341333-5.76 0.768-8.661334 1.194667a377.728 377.728 0 0 0-56.021333 11.733333 38.272 38.272 0 0 1-30.165333-3.072c-0.853333-0.426667-1.621333-0.768-2.432-1.237333l-69.546667-41.002667-3.029333-1.792h-0.085334c-1.493333-0.896-2.346667-1.28-3.114666-1.28a4.693333 4.693333 0 0 0-4.650667 4.864l2.688 10.794667 3.114667 11.818667 5.077333 19.328 5.632 21.546666a29.226667 29.226667 0 0 1-10.496 32.512 305.621333 305.621333 0 0 0-29.098667 24.405334 284.672 284.672 0 0 0-41.216 48.768 243.712 243.712 0 0 0-41.813333 134.997333c0 36.650667 8.362667 72.234667 24.874667 105.856a271.445333 271.445333 0 0 0 49.365333 69.504C249.514667 638.293333 323.968 673.194667 406.186667 682.112c14.293333 1.536 28.373333 2.346667 41.813333 2.346667 14.122667 0 28.8-0.853333 43.690667-2.56 81.834667-9.258667 155.818667-44.330667 208.341333-98.645334a271.061333 271.061333 0 0 0 49.152-69.674666c16.213333-33.365333 24.448-68.693333 24.448-104.96 0-3.797333-0.213333-7.552-0.426667-11.306667a55.04 55.04 0 0 0 67.669334-7.936c0.938667-0.938667 1.706667-1.962667 2.56-2.944a299.52 299.52 0 0 1-30.122667 156.714667 337.322667 337.322667 0 0 1-61.226667 86.912c-63.914667 66.090667-153.386667 108.672-251.946666 119.893333-17.706667 2.005333-35.242667 2.986667-52.138667 2.986667-16.085333 0-32.853333-0.896-49.92-2.773334z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="a-icon_file-json" unicode="&#59347;" d="M648.533333 853.333333a42.666667 42.666667 0 0 0 33.322667-16l170.325333-212.906666 1.792-2.346667 0.213334-0.341333 0.426666-0.554667 0.426667-0.768-0.853333 1.322667-1.664 2.261333 2.730666-3.925333 1.152-1.877334a40.021333 40.021333 0 0 0 4.053334-9.941333 41.258667 41.258667 0 0 0 1.109333-5.973333L861.866667 597.333333v-85.333333h42.666666a85.333333 85.333333 0 0 0 85.333334-85.333333v-298.666667a85.333333 85.333333 0 0 0-85.333334-85.333333h-42.666666v-85.333334a42.666667 42.666667 0 0 0-42.666667-42.666666h-597.333333a42.666667 42.666667 0 0 0-42.666667 42.666666v85.333334h-42.666667a85.333333 85.333333 0 0 0-85.333333 85.333333v298.666667a85.333333 85.333333 0 0 0 85.333333 85.333333h42.666667V810.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h426.666666z m128-810.666666h-512v-42.666667h512v42.666667z m128 384h-768v-298.666667h768v298.666667z m-341.333333 341.333333h-298.666667v-256h512V554.666667h-170.666666a42.666667 42.666667 0 0 0-42.666667 42.666666V768z m85.333333-25.6V640h81.92L648.533333 742.4z m-341.333333-374.698667v-141.056c0-17.749333-3.157333-32.384-9.898667-43.733333-11.690667-19.797333-32.512-29.525333-60.629333-29.525333-27.818667 0-47.957333 7.850667-58.88 24.618666-9.642667 14.848-14.293333 34.346667-14.293333 58.282667v17.066667h61.952v-16.768c0.298667-12.544 1.621333-21.077333 3.413333-24.789334 0.426667-0.810667 1.706667-1.450667 6.4-1.450666 4.48 0 5.76 0.682667 6.4 2.133333 0.810667 1.621333 1.450667 6.4 1.450667 13.568v141.653333H307.2z m277.589333 5.632c29.568 0 53.034667-8.362667 68.992-24.832 21.504-19.584 32.042667-48.341333 32.042667-85.461333 0-36.394667-10.496-65.109333-31.488-84.906667-16.512-17.066667-39.978667-25.386667-69.546667-25.386666-29.568 0-53.034667 8.362667-69.12 24.96-14.08 13.226667-23.466667 30.165333-28.288 50.474666l0.213334-3.626666c0-20.565333-8.106667-38.101333-23.765334-51.626667-15.402667-13.354667-36.565333-19.797333-62.933333-19.797333-26.666667 0-48.341333 6.272-64.597333 19.2-16.853333 13.482667-25.429333 32.256-25.429334 55.210666v12.8h55.594667l-0.426667 0.085334a114.986667 114.986667 0 0 0-23.808 9.344l-4.181333 2.56c-16.085333 11.050667-24.192 28.373333-24.192 50.474666 0 20.053333 7.509333 37.205333 22.186667 50.56 14.634667 13.312 35.328 19.712 61.482666 19.712 22.101333 0 41.386667-5.973333 57.386667-18.005333 16.938667-12.714667 25.898667-31.274667 26.666667-54.613333l0.426666-13.226667H432.64l4.693333-1.237333c9.6-2.816 17.706667-6.272 24.277334-10.453334l4.650666-3.328c8.917333-7.04 15.061333-16.042667 18.346667-26.752a144 144 0 0 0-0.938667 17.578667c0 37.12 10.581333 65.92 31.573334 84.906667 16.554667 17.066667 40.021333 25.386667 69.589333 25.386666zM371.754667 238.933333l1.322666-9.642666c0.853333-6.272 2.389333-10.410667 4.096-12.501334 3.456-4.181333 10.538667-6.698667 22.229334-6.698666 7.765333 0 13.738667 0.853333 17.834666 2.261333 5.802667 2.048 7.637333 4.48 7.637334 9.301333 0 1.621333-0.384 2.261333-1.877334 3.2-3.882667 2.389333-11.050667 4.821333-21.248 7.082667l-19.541333 4.352a319.744 319.744 0 0 0-8.448 2.048l-2.005333 0.554667z m213.034666 76.202667c-11.434667 0-19.925333-3.925333-26.538666-12.117333-7.04-8.746667-10.794667-21.930667-10.794667-39.978667 0-18.048 3.754667-31.232 10.794667-39.978667 6.613333-8.192 15.104-12.074667 26.538666-12.074666s19.84 3.882667 26.368 12.032l2.730667 4.010666c5.12 8.533333 7.850667 20.48 7.850667 36.010667 0 18.005333-3.712 31.189333-10.666667 39.978667-6.485333 8.192-14.890667 12.117333-26.282667 12.117333z m-189.866666 0.341333c-7.552 0-13.013333-1.365333-16.597334-3.797333-2.389333-1.621333-3.242667-3.2-3.242666-6.144 0-1.92 0.426667-2.56 2.346666-3.669333 2.346667-1.322667 9.514667-3.626667 20.608-6.272l21.461334-5.12-0.469334 8.789333c-0.341333 5.376-1.877333 8.874667-4.992 11.349333l-2.56 1.706667a36.309333 36.309333 0 0 1-16.554666 3.157333z m354.688 52.224l3.669333-6.442666 49.493333-86.741334v93.184h61.44V157.866667H805.546667l-3.669334 6.4-51.413333 89.344 0.042667-95.744h-61.44v209.834666h60.586666z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="a-icon_file-JMX" unicode="&#59038;" d="M648.533333 853.333333a42.666667 42.666667 0 0 0 33.322667-16l170.666667-213.333333 2.730666-3.925333 1.152-1.877334 1.664-3.242666 1.408-3.541334 0.981334-3.157333a41.258667 41.258667 0 0 0 1.109333-5.973333L861.866667 597.333333v-85.333333h42.666666a85.333333 85.333333 0 0 0 85.333334-85.333333v-298.666667a85.333333 85.333333 0 0 0-85.333334-85.333333h-42.666666v-85.333334a42.666667 42.666667 0 0 0-42.666667-42.666666h-597.333333a42.666667 42.666667 0 0 0-42.666667 42.666666v85.333334h-42.666667a85.333333 85.333333 0 0 0-85.333333 85.333333v298.666667a85.333333 85.333333 0 0 0 85.333333 85.333333h42.666667V810.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h426.666666z m128-810.666666h-512v-42.666667h512v42.666667z m128 384h-768v-298.666667h768v298.666667z m-572.16-42.24v-116.181334c0-24.405333-2.218667-43.008-6.528-55.722666-4.309333-12.757333-13.013333-23.509333-26.112-32.384-13.056-8.832-29.824-13.226667-50.218666-13.226667-21.589333 0-38.314667 2.858667-50.176 8.704a63.104 63.104 0 0 0-27.477334 25.6c-6.485333 11.221333-10.282667 25.130667-11.477333 41.642667l63.146667 8.618666c0.128-9.429333 0.938667-16.469333 2.474666-21.034666a22.869333 22.869333 0 0 1 7.893334-11.093334c2.56-1.834667 6.101333-2.730667 10.794666-2.730666 7.381333 0 12.8 2.730667 16.256 8.234666 3.413333 5.504 5.162667 14.762667 5.162667 27.733334v131.84H332.373333z m130.176 0l33.536-130.048 33.408 130.090666h86.613334V170.666667h-53.930667v163.029333L520.32 170.666667H471.466667l-41.728 163.029333V170.666667H375.637333v213.76h86.912z m253.781334 0l37.888-65.706667 36.778666 65.706667h72.021334l-66.517334-103.509334L869.290667 170.666667h-74.24l-42.154667 68.693333-42.24-68.693333h-73.813333l73.813333 111.402666-67.114667 102.4h72.789334zM563.2 768h-298.666667v-256h512V554.666667h-170.666666a42.666667 42.666667 0 0 0-42.666667 42.666666V768z m85.333333-25.6V640h81.92L648.533333 742.4z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file_har" unicode="&#59041;" d="M648.533333 853.333333a42.666667 42.666667 0 0 0 33.322667-16l170.666667-213.333333 2.730666-3.925333 1.152-1.877334 1.664-3.242666 1.408-3.541334 0.981334-3.157333a41.258667 41.258667 0 0 0 1.109333-5.973333L861.866667 597.333333v-85.333333h42.666666a85.333333 85.333333 0 0 0 85.333334-85.333333v-298.666667a85.333333 85.333333 0 0 0-85.333334-85.333333h-42.666666v-85.333334a42.666667 42.666667 0 0 0-42.666667-42.666666h-597.333333a42.666667 42.666667 0 0 0-42.666667 42.666666v85.333334h-42.666667a85.333333 85.333333 0 0 0-85.333333 85.333333v298.666667a85.333333 85.333333 0 0 0 85.333333 85.333333h42.666667V810.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h426.666666z m128-810.666666h-512v-42.666667h512v42.666667z m128 384h-768v-298.666667h768v298.666667z m-660.992-42.24v-74.794667h72.149334v74.837333h66.389333V170.666667H315.690667v86.485333H243.541333V170.666667H177.450667v213.76h66.090666z m313.216 0L637.141333 170.666667h-69.12l-10.538666 35.285333h-75.221334L471.893333 170.666667H404.394667l80.341333 213.76h72.021333z m212.48 0c20.437333 0 36.053333-1.706667 46.805334-5.205334 10.794667-3.498667 19.498667-9.984 26.112-19.498666 6.613333-9.472 9.941333-20.992 9.941333-34.602667 0-11.861333-2.56-22.101333-7.594667-30.72a59.306667 59.306667 0 0 0-20.864-20.906667c-5.632-3.413333-13.354667-6.229333-23.168-8.490666 7.850667-2.602667 13.610667-5.248 17.194667-7.850667 1.834667-1.28 4.266667-3.754667 7.296-7.296l3.285333-3.925333c4.608-5.76 7.68-10.154667 9.258667-13.269334L869.418667 170.666667h-74.666667l-35.285333 65.322666c-4.48 8.448-8.448 13.952-11.946667 16.469334a27.733333 27.733333 0 0 1-16.213333 4.992h-5.802667V170.666667h-66.346667v213.76h110.08z m-249.216-55.381334l-23.466666-76.842666h47.104l-23.637334 76.8z m234.496 12.245334h-29.013333v-43.477334h27.861333c2.986667 0 8.832 0.981333 17.493334 2.944a17.493333 17.493333 0 0 1 10.709333 6.698667 19.754667 19.754667 0 0 1 4.181333 12.373333c0 6.912-2.218667 12.245333-6.570666 15.914667-4.394667 3.712-12.586667 5.546667-24.661334 5.546667zM563.2 768h-298.666667v-256h512V554.666667h-170.666666a42.666667 42.666667 0 0 0-42.666667 42.666666V768z m85.333333-25.6V640h81.92L648.533333 742.4z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_filter_clear" unicode="&#59343;" d="M128.192 768h575.616a64 64 0 0 0 44.032-110.464L512 434.304v-354.304L320-64l-0.064 498.304-235.776 223.232a64 64 0 0 0-7.616 84.288l5.12 6.208A64 64 0 0 0 128.256 768z m575.616-64H128.192L384 461.76l-0.064-397.696L448 112.064V461.76L703.872 704zM685.248 256l90.496-90.496L866.304 256l45.248-45.248-90.56-90.496 90.56-90.56-45.248-45.248-90.56 90.56-90.496-90.56-45.248 45.248 90.496 90.56L640 210.752l45.248 45.248z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_filter" unicode="&#59344;" d="M128 704a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-114.304l-272-160V0h-224V429.696L128 589.696V704z m704 0H192v-77.696l272-160V64h96V466.304l272 160V704z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file-excel_colorful_ash" unicode="&#58954;" d="M256 0h640V768H256v-170.666667h213.333333a42.666667 42.666667 0 0 0 42.666667-42.666666v-384a42.666667 42.666667 0 0 0-42.666667-42.666667H256v-128z m554.666667 256a42.666667 42.666667 0 1 0 0-85.333333h-170.666667a42.666667 42.666667 0 1 0 0 85.333333h170.666667zM221.184 512H175.274667a27.477333 27.477333 0 0 1-22.997334-42.496l65.877334-100.522667-74.666667-112.64A27.690667 27.690667 0 0 1 166.656 213.333333H213.333333a8.533333 8.533333 0 0 1 7.253334 4.053334l56.618666 91.904 56.362667-91.904a8.533333 8.533333 0 0 1 7.253333-4.053334h47.104a27.904 27.904 0 0 1 23.296 43.264L338.133333 367.36l65.706667 102.314667A27.477333 27.477333 0 0 1 380.714667 512H335.402667a8.533333 8.533333 0 0 1-7.424-4.352L279.04 420.138667 228.565333 507.733333a8.533333 8.533333 0 0 1-7.381333 4.266667zM810.666667 426.666667a42.666667 42.666667 0 1 0 0-85.333334h-170.666667a42.666667 42.666667 0 1 0 0 85.333334h170.666667z m0 170.666666a42.666667 42.666667 0 1 0 0-85.333333h-170.666667a42.666667 42.666667 0 1 0 0 85.333333h170.666667zM85.333333 128a42.666667 42.666667 0 0 0-42.666666 42.666667V554.666667a42.666667 42.666667 0 0 0 42.666666 42.666666h85.333334V768a85.333333 85.333333 0 0 0 85.333333 85.333333h640a85.333333 85.333333 0 0 0 85.333333-85.333333v-768a85.333333 85.333333 0 0 0-85.333333-85.333333H256a85.333333 85.333333 0 0 0-85.333333 85.333333v128H85.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_font_color" unicode="&#59342;" d="M482.901333 781.312a32 32 0 0 0 58.197334 0l117.333333-256 39.082667-85.333333 78.250666-170.666667a32 32 0 1 0-58.197333-26.624l-69.674667 151.978667H376.064l-69.632-151.978667a32 32 0 0 0-38.4-17.322667l-4.010667 1.536a32 32 0 0 0-15.786666 42.410667l78.250666 170.666667 39.082667 85.333333 117.333333 256zM512 691.242667L423.765333 498.688l-18.389333-40.021333h213.205333l-18.346666 40.021333L512 691.2z m384-573.909334a32 32 0 1 0 0-64H128a32 32 0 1 0 0 64h768z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_add_pic" unicode="&#59332;" d="M562.432 714.666667a32 32 0 1 0 0-64H170.666667a10.666667 10.666667 0 0 1-10.666667-10.666667v-597.333333c0-5.888 4.778667-10.666667 10.666667-10.666667h597.333333a10.666667 10.666667 0 0 1 10.666667 10.666667v405.333333a32 32 0 1 0 64 0V42.666667A74.666667 74.666667 0 0 0 768-32H170.666667A74.666667 74.666667 0 0 0 96 42.666667V640c0 41.258667 33.408 74.666667 74.666667 74.666667h391.765333z m-13.653333-237.44l160-224.64A32 32 0 0 0 682.666667 202.026667H256a32 32 0 0 0-25.6 51.114666l128 171.349334a32 32 0 0 0 48.213333 3.456l35.84-35.754667 53.248 83.626667a32 32 0 0 0 53.034667 1.408z m-24.661334-75.776l-49.109333-77.312a32 32 0 0 0-49.621333-5.418667l-37.930667 37.888-67.626667-90.581333h300.8l-96.512 135.424z m286.421334 402.901333a32 32 0 0 0 32-32V714.666667H896a32 32 0 1 0 0-64h-53.461333v-48.981334a32 32 0 1 0-64 0V650.666667H725.333333a32 32 0 1 0 0 64h53.205334V772.352a32 32 0 0 0 32 32z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_text_underline" unicode="&#59334;" d="M842.666667 2.090667a32 32 0 1 0 0-64h-682.666667a32 32 0 1 0 0 64h682.666667zM778.666667 810.666667a32 32 0 0 0 32-32v-339.285334a309.333333 309.333333 0 0 0-618.666667 0V778.666667a32 32 0 0 0 64 0v-339.285334a245.333333 245.333333 0 0 1 490.666667 0V778.666667a32 32 0 0 0 32 32z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_text_italic" unicode="&#59335;" d="M256-42.666667a32 32 0 1 0 0 64h124.970667L576.298667 725.333333H426.666667a32 32 0 0 0 0 64h183.808a31.829333 31.829333 0 0 0 16.170666 0H768A32 32 0 1 0 768 725.333333h-125.312l-195.285333-704H597.333333a32 32 0 1 0 0-64H256z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_add_text" unicode="&#59336;" d="M682.666667 746.666667A32 32 0 1 0 682.666667 682.666667H416v-693.333334a32 32 0 1 0-64 0V682.666667H85.333333a32 32 0 0 0 0 64h597.333334z m256-277.333334a32 32 0 1 0 0-64h-138.666667v-416a32 32 0 1 0-64 0V405.333333H597.333333a32 32 0 1 0 0 64h341.333334z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_align_text_right" unicode="&#59337;" d="M896 746.666667A32 32 0 1 0 896 682.666667H128a32 32 0 0 0 0 64h768z m0-213.333334a32 32 0 1 0 0-64H298.666667a32 32 0 0 0 0 64h597.333333z m0-213.333333a32 32 0 1 0 0-64H128a32 32 0 1 0 0 64h768z m0-213.333333a32 32 0 1 0 0-64H298.666667a32 32 0 1 0 0 64h597.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_align_text_left" unicode="&#59338;" d="M896 736a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64h768z m-170.666667-213.333333a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64h597.333333z m170.666667-213.333334a32 32 0 1 0 0-64H128a32 32 0 1 0 0 64h768z m-170.666667-213.333333a32 32 0 1 0 0-64H128a32 32 0 1 0 0 64h597.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_text_bold" unicode="&#59340;" d="M181.333333 810.666667A32 32 0 0 0 213.333333 842.666667h277.333334c135.168 0 244.650667-109.866667 244.650666-245.333334 0-77.098667-35.456-145.92-90.965333-190.890666A245.248 245.248 0 0 0 821.333333 170.666667c0-135.466667-109.525333-245.333333-244.650666-245.333334H213.333333a32 32 0 0 0-32 32V810.666667z m395.349334-458.666667H245.333333v-362.666667h331.349334A180.992 180.992 0 0 1 757.333333 170.666667a180.992 180.992 0 0 1-180.650666 181.333333z m-86.016 426.666667H245.333333v-362.666667h245.333334A180.992 180.992 0 0 1 671.317333 597.333333 180.992 180.992 0 0 1 490.666667 778.666667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_align_text_center" unicode="&#59341;" d="M768 533.333333a32 32 0 1 0 0-64H256a32 32 0 0 0 0 64h512z m128 213.333334A32 32 0 1 0 896 682.666667H128a32 32 0 0 0 0 64h768z m0-426.666667a32 32 0 1 0 0-64H128a32 32 0 1 0 0 64h768z m-128-213.333333a32 32 0 1 0 0-64H256a32 32 0 1 0 0 64h512z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_map" unicode="&#59323;" d="M362.666667-32a31.872 31.872 0 0 0-13.013334 2.773333l-0.426666 0.170667-277.333334 128A32 32 0 0 0 53.333333 128V768a32 32 0 0 0 45.397334 29.056l138.581333-64 23.381333-10.709333 102.4-47.317334 285.653334 122.368a31.317333 31.317333 0 0 0 4.693333 1.621334l-4.693333-1.621334a32 32 0 0 0 8.234666 2.304l1.365334 0.170667a32 32 0 0 0 1.536 0.085333l1.365333 0.042667 2.389333-0.085333a32 32 0 0 0 1.194667-0.085334l0.853333-0.128 2.816-0.512 1.194667-0.298666c1.621333-0.426667 3.157333-0.981333 4.608-1.621334l0.426667-0.213333 132.394666-61.056 144.938667-66.944A32 32 0 0 0 970.666667 640v-640a32 32 0 0 0-45.397334-29.056l-138.282666 63.829333-126.122667 58.24-285.610667-122.453333-1.194666-0.469333a31.786667 31.786667 0 0 0-7.04-1.792l-3.114667-0.256a32 32 0 0 0-1.152-0.042667z m266.666666 751.530667l-234.666666-100.608v-570.325334l234.666666 100.565334V719.530667z m64-1.493334V148.48l213.333334-98.517333V619.562667l-119.253334 55.04a32.597333 32.597333 0 0 0-0.853333 0.341333l-93.226667 43.093333z m-576 0V148.48l213.333334-98.432V619.52L210.602667 674.944l-0.512 0.298667L117.333333 718.037333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="a-icon_multiple_selection_of_departments" unicode="&#59324;" d="M149.333333 522.666667v-469.333334c0-5.888 4.778667-10.666667 10.666667-10.666666h554.666667c30.976-3.456 35.84-57.941333 0-64h-554.666667A74.666667 74.666667 0 0 0 85.333333 53.333333v469.333334c15.445333 50.56 61.568 24.533333 64 0zM469.333333 768a32 32 0 1 0 0-64H288a10.666667 10.666667 0 0 1-10.666667-10.666667v-512c0-5.888 4.778667-10.666667 10.666667-10.666666h597.333333a10.666667 10.666667 0 0 1 10.666667 10.666666V320a32 32 0 1 0 64 0v-138.666667a74.666667 74.666667 0 0 0-74.666667-74.666666h-597.333333A74.666667 74.666667 0 0 0 213.333333 181.333333v512C213.333333 734.549333 246.784 768 288 768H469.333333z m288-394.666667a32 32 0 1 0 0-64h-384a32 32 0 1 0 0 64h384z m-21.333333 416a117.333333 117.333333 0 0 0 86.784-196.266666A159.744 159.744 0 0 0 896 458.666667a32 32 0 1 0-64 0 96 96 0 0 1-192 0 32 32 0 1 0-64 0c0 56.362667 29.141333 105.941333 73.173333 134.4a117.333333 117.333333 0 0 0 86.826667 196.266666z m-277.333333-245.333333a32 32 0 1 0 0-64h-85.333334a32 32 0 0 0 0 64h85.333334zM736 725.333333a53.333333 53.333333 0 1 1 0-106.666666 53.333333 53.333333 0 0 1 0 106.666666z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_calendar1" unicode="&#59325;" d="M661.333333 842.666667a32 32 0 0 0 32-32v-32H853.333333c41.258667 0 74.666667-33.408 74.666667-74.666667V42.666667A74.666667 74.666667 0 0 0 853.333333-32H128A74.666667 74.666667 0 0 0 53.333333 42.666667V704c0 41.216 33.450667 74.666667 74.666667 74.666667h160V810.666667a32 32 0 0 0 64 0v-32h277.333333V810.666667a32 32 0 0 0 32 32z m202.666667-384H117.333333V42.666667a10.666667 10.666667 0 0 1 8.234667-10.368L128 32h725.333333a10.666667 10.666667 0 0 1 10.666667 10.666667v416z m-160-256a32 32 0 1 0 0-64h-128a32 32 0 1 0 0 64h128z m-298.666667 0a32 32 0 1 0 0-64h-128a32 32 0 1 0 0 64h128z m298.666667 170.666666a32 32 0 1 0 0-64h-128a32 32 0 1 0 0 64h128z m-298.666667 0a32 32 0 1 0 0-64h-128a32 32 0 1 0 0 64h128z m-117.333333 341.333334H128a10.666667 10.666667 0 0 1-10.666667-10.666667v-181.333333h746.666667V704a10.666667 10.666667 0 0 1-8.234667 10.368L853.333333 714.666667h-160V640a32 32 0 1 0-64 0V714.666667h-277.333333V640a32 32 0 0 0-64 0V714.666667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_link1" unicode="&#59326;" d="M629.248 710.485333a160 160 0 0 0 226.261333-226.304l-377.130666-377.130666a224 224 0 0 0-316.757334 316.8l316.757334 316.8a32 32 0 0 0 45.269333-45.226667l-316.8-316.842667a160 160 0 1 1 226.304-226.261333L810.24 529.493333a96 96 0 0 1-135.765333 135.765334L297.386667 288.085333a32 32 0 1 1 45.226666-45.226666l316.8 316.757333a32 32 0 0 0 45.226667-45.226667L387.925333 197.546667a96 96 0 1 0-135.765333 135.765333l377.130667 377.130667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="a-icon_collectbeifen12" unicode="&#59327;" d="M832 800a96 96 0 0 0 96-96v-640a96 96 0 0 0-96-96h-640a96 96 0 0 0-96 96v640A96 96 0 0 0 192 800h640z m0-64h-640a32 32 0 0 1-32-32v-640c0-17.664 14.336-32 32-32h640a32 32 0 0 1 32 32v640a32 32 0 0 1-32 32zM682.666667 586.666667a32 32 0 0 0 32-32v-341.333334a32 32 0 0 0-32-32H341.333333a32 32 0 0 0-32 32V554.666667A32 32 0 0 0 341.333333 586.666667h341.333334z m-32-64h-277.333334v-277.333334h277.333334v277.333334z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_department_single_choice" unicode="&#59328;" d="M437.333333 757.333333a32 32 0 1 0 0-64H128a10.666667 10.666667 0 0 1-10.666667-10.666666v-597.333334c0-5.888 4.778667-10.666667 10.666667-10.666666h768a10.666667 10.666667 0 0 1 10.666667 10.666666v138.666667a32 32 0 1 0 64 0V85.333333A74.666667 74.666667 0 0 0 896 10.666667H128A74.666667 74.666667 0 0 0 53.333333 85.333333V682.666667c0 41.216 33.450667 74.666667 74.666667 74.666666h309.333333zM640 320a32 32 0 1 0 0-64H170.666667a32 32 0 1 0 0 64h469.333333z m106.666667 416a117.333333 117.333333 0 0 0 86.784-196.266667 159.744 159.744 0 0 0 73.216-134.4 32 32 0 1 0-64 0 96 96 0 0 1-192 0 32 32 0 1 0-64 0c0 56.362667 29.141333 105.941333 73.173333 134.4a117.333333 117.333333 0 0 0 86.826667 196.266667zM426.666667 490.666667a32 32 0 1 0 0-64H170.666667a32 32 0 1 0 0 64h256z m320 181.333333a53.333333 53.333333 0 1 1 0-106.666667 53.333333 53.333333 0 0 1 0 106.666667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_find" unicode="&#59329;" d="M938.666667 746.666667A32 32 0 1 0 938.666667 682.666667H85.333333a32 32 0 0 0 0 64h853.333334z m-618.666667-341.333334a32 32 0 1 0 0-64H85.333333a32 32 0 1 0 0 64h234.666667z m0-341.333333a32 32 0 1 0 0-64H85.333333a32 32 0 1 0 0 64h234.666667z m352 469.333333a213.333333 213.333333 0 0 0 162.261333-351.829333l127.146667-128a32 32 0 1 0-45.44-45.141333l-130.218667 131.114666A213.333333 213.333333 0 1 0 672 533.333333z m0-64a149.333333 149.333333 0 1 1 0-298.666666 149.333333 149.333333 0 0 1 0 298.666666z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_handwritten_signature" unicode="&#59330;" d="M896 32a32 32 0 1 0 0-64H128a32 32 0 1 0 0 64h768zM632.192 790.613333a32 32 0 0 0 45.269333 0l155.818667-155.904a32 32 0 0 0 0-45.226666L392.106667 148.053333a32 32 0 0 0-22.613334-9.386666H213.333333a32 32 0 0 0-32 32v155.306666a32 32 0 0 0 9.386667 22.613334L632.149333 790.613333z m22.656-67.882666L245.333333 312.789333v-110.122666h110.805334l409.258666 409.472-110.549333 110.592z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_button" unicode="&#59331;" d="M896 586.666667c41.258667 0 74.666667-33.408 74.666667-74.666667v-298.666667A74.666667 74.666667 0 0 0 896 138.666667H128A74.666667 74.666667 0 0 0 53.333333 213.333333V512c0 41.258667 33.408 74.666667 74.666667 74.666667h768z m0-64H128a10.666667 10.666667 0 0 1-10.666667-10.666667v-298.666667c0-5.888 4.778667-10.666667 10.666667-10.666666h768a10.666667 10.666667 0 0 1 10.666667 10.666666V512a10.666667 10.666667 0 0 1-10.666667 10.666667z m-234.666667-128a32 32 0 1 0 0-64H384a32 32 0 1 0 0 64h277.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_select_data" unicode="&#59307;" d="M405.333333 757.333333c189.994667 0 344.96-50.261333 351.786667-132.992l0.213333-5.674666v-162.090667a245.376 245.376 0 1 0-140.629333-463.274667l8.618667 2.517334-10.325334-2.986667c-59.306667-16-132.565333-24.832-209.664-24.832-194.304 0-352 52.565333-352 138.666667v512c0 86.101333 157.696 138.666667 352 138.666666z m320-362.666666a180.778667 180.778667 0 0 1-134.954666-60.202667 180.48 180.48 0 0 1-43.776-151.978667A181.546667 181.546667 0 0 1 725.333333 32a181.333333 181.333333 0 0 1 0 362.666667z m118.613334-116.053334a32 32 0 0 0 0-45.226666l-117.333334-117.333334a32 32 0 0 0-45.226666 0l-64 64a32 32 0 0 0 45.226666 45.226667l41.386667-41.344 94.72 94.72a32 32 0 0 0 45.226667 0zM117.333333 364.117333V277.333333c0-31.701333 128.853333-74.666667 288-74.666666 25.6 0 50.688 1.024 74.965334 3.029333A79.957333 79.957333 0 0 0 480 213.333333c0 35.413333 7.552 69.632 21.632 100.821334-30.848-3.2-63.232-4.821333-96.298667-4.821334-119.04 0-224.298667 19.712-288 54.784zM405.333333 480c-119.04 0-224.298667 19.712-288 54.784V448c0-31.701333 128.853333-74.666667 288-74.666667 44.202667 0 86.997333 3.114667 126.08 8.96l19.072 3.114667a244.693333 244.693333 0 0 0 140.032 70.826667l2.816 0.341333 0.085334 78.250667C629.674667 499.712 524.373333 480 405.333333 480z m0 213.333333c-159.146667 0-288-42.965333-288-74.666666 0-31.701333 128.853333-74.666667 288-74.666667s288 42.965333 288 74.666667c0 31.701333-128.853333 74.666667-288 74.666666z m132.48-638.165333l-0.213333 0.256-0.085333 0.085333-2.986667 3.626667a246.570667 246.570667 0 0 0-12.245333 16.469333l-2.261334 3.413334a245.930667 245.930667 0 0 0-27.093333 55.594666l-0.682667 2.048a243.925333 243.925333 0 0 0-0.981333 2.986667l-0.810667 2.688c-27.52-2.432-56.064-3.669333-85.12-3.669333-119.04 0-224.298667 19.712-288 54.784V106.666667c0-31.701333 128.853333-74.666667 288-74.666667 45.226667 0 88.874667 3.242667 128.341334 9.258667l14.506666 2.432-3.114666 3.2-7.253334 8.277333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_single_line_text" unicode="&#59308;" d="M832 800a96 96 0 0 0 96-96v-640a96 96 0 0 0-96-96h-640a96 96 0 0 0-96 96v640A96 96 0 0 0 192 800h640z m0-64h-640a32 32 0 0 1-32-32v-640c0-17.664 14.336-32 32-32h640a32 32 0 0 1 32 32v640a32 32 0 0 1-32 32z m-362.666667-597.333333a32 32 0 1 0 0 64h10.666667V512c0 3.754667 0.64 7.338667 1.834667 10.666667H373.333333v-32a32 32 0 0 0-27.648-31.701334L341.333333 458.666667a32 32 0 0 0-32 32V554.666667A32 32 0 0 0 341.333333 586.666667h341.333334a32 32 0 0 0 32-32v-64a32 32 0 1 0-64 0v32h-108.501334a31.957333 31.957333 0 0 0 1.834667-10.666667v-309.333333H554.666667a32 32 0 1 0 0-64h-85.333334z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_multiple_choice_of_members" unicode="&#59309;" d="M405.333333 800a181.333333 181.333333 0 1 0 0-362.666667 181.333333 181.333333 0 0 0 0 362.666667z m0-64a117.333333 117.333333 0 1 1 0-234.666667 117.333333 117.333333 0 0 1 0 234.666667z m262.869334 27.178667a32 32 0 0 0 43.946666 10.88A181.205333 181.205333 0 0 0 800 618.666667a181.205333 181.205333 0 0 0-87.893333-155.392 32 32 0 0 0-33.024 54.784A117.248 117.248 0 0 1 736 618.666667c0 41.642667-21.845333 79.488-56.874667 100.608a32 32 0 0 0-10.922666 43.946666zM452.266667 330.666667c125.909333 0 155.861333-2.432 194.389333-22.101334a202.666667 202.666667 0 0 0 88.576-88.576c19.626667-38.528 22.101333-68.48 22.101333-194.389333v-25.6a32 32 0 0 0-32-32H85.333333a32 32 0 0 0-32 32v25.6c0 125.909333 2.432 155.861333 22.101334 194.389333a202.666667 202.666667 0 0 0 88.576 88.576c38.528 19.626667 68.48 22.101333 194.389333 22.101334h93.866667z m22.954666-64H335.445333c-93.952-0.384-118.869333-3.114667-142.378666-15.104a138.666667 138.666667 0 0 1-60.586667-60.586667c-12.032-23.552-14.762667-48.469333-15.104-142.421333l-0.042667-16.554667h575.957334v5.376c-0.128 99.370667-2.432 127.146667-13.738667 150.869333l-1.322667 2.688a138.666667 138.666667 0 0 1-60.586666 60.586667c-23.552 12.032-48.469333 14.762667-142.421334 15.104z m341.76 27.904a32 32 0 0 0 43.008 13.994666 202.666667 202.666667 0 0 0 88.576-88.576c19.626667-38.528 22.101333-68.48 22.101334-194.389333v-25.6a32 32 0 1 0-64 0v25.6c0 113.066667-2.218667 140.032-15.104 165.333333a138.666667 138.666667 0 0 1-60.586667 60.586667 32 32 0 0 0-13.994667 43.093333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_subform" unicode="&#59310;" d="M810.666667 842.666667c41.216 0 74.666667-33.450667 74.666666-74.666667v-768A74.666667 74.666667 0 0 0 810.666667-74.666667H213.333333A74.666667 74.666667 0 0 0 138.666667 0V768c0 41.216 33.450667 74.666667 74.666666 74.666667h597.333334z m0-64H213.333333a10.666667 10.666667 0 0 1-10.666666-10.666667v-768c0-5.888 4.778667-10.666667 10.666666-10.666667h597.333334a10.666667 10.666667 0 0 1 10.666666 10.666667V768a10.666667 10.666667 0 0 1-10.666666 10.666667z m-106.666667-576a32 32 0 1 0 0-64h-256a32 32 0 1 0 0 64h256z m0 213.333333a32 32 0 1 0 0-64h-256a32 32 0 1 0 0 64h256z m0 213.333333a32 32 0 1 0 0-64h-256a32 32 0 1 0 0 64h256zM320 554.666667a42.666667 42.666667 0 1 1 0 85.333333 42.666667 42.666667 0 0 1 0-85.333333zM320 341.333333a42.666667 42.666667 0 1 1 0 85.333334 42.666667 42.666667 0 0 1 0-85.333334zM320 128a42.666667 42.666667 0 1 1 0 85.333333 42.666667 42.666667 0 0 1 0-85.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_picture" unicode="&#59311;" d="M821.333333 810.666667a96 96 0 0 0 96-96v-640a96 96 0 0 0-96-96h-640A96 96 0 0 0 85.333333 74.666667v640A96 96 0 0 0 181.333333 810.666667h640zM367.061333 494.848L149.333333 295.338667v-220.672c0-17.664 14.336-32 32-32h640a32 32 0 0 1 32 32v304L725.077333 474.88a10.666667 10.666667 0 0 1-13.952-1.024L615.68 378.453333l77.141333-66.133333a32 32 0 0 0-41.642666-48.64L381.226667 495.146667a10.666667 10.666667 0 0 1-14.165334-0.256zM853.333333 714.666667a32 32 0 0 1-32 32h-640a32 32 0 0 1-32-32v-332.586667l174.506667 159.957333a74.666667 74.666667 0 0 0 99.029333 1.664l144.042667-123.477333 98.986667 98.901333a74.666667 74.666667 0 0 0 97.578666 6.954667L853.333333 458.666667V714.666667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_phone" unicode="&#59312;" d="M810.666667 842.666667c41.258667 0 74.666667-33.408 74.666666-74.666667v-768A74.666667 74.666667 0 0 0 810.666667-74.666667H213.333333A74.666667 74.666667 0 0 0 138.666667 0V768c0 41.216 33.450667 74.666667 74.666666 74.666667h597.333334z m10.666666-618.666667H202.666667V0a10.666667 10.666667 0 0 1 8.234666-10.368L213.333333-10.666667h597.333334a10.666667 10.666667 0 0 1 10.666666 10.666667v224z m-266.666666-85.333333a32 32 0 1 0 0-64h-85.333334a32 32 0 1 0 0 64h85.333334z m256 640H213.333333a10.666667 10.666667 0 0 1-10.666666-10.666667v-480h618.666666V768a10.666667 10.666667 0 0 1-10.666666 10.666667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_local" unicode="&#59313;" d="M822.912 227.84c92.074667-27.648 147.754667-67.114667 147.754667-121.173333 0-98.688-204.330667-160-458.666667-160S53.333333 7.978667 53.333333 106.666667c0 54.058667 55.68 93.525333 147.754667 121.173333a32 32 0 1 0 18.389333-61.312c-66.858667-20.053333-102.144-45.098667-102.144-59.861333 0-14.762667 35.285333-39.808 102.144-59.861334 76.330667-22.869333 180.778667-36.138667 292.522667-36.138666 111.786667 0 216.192 13.226667 292.522667 36.138666 66.858667 20.053333 102.144 45.098667 102.144 59.861334 0 14.762667-35.285333 39.808-102.144 59.861333a32 32 0 1 0 18.346666 61.312zM512 842.666667c170.666667 0 309.333333-135.253333 309.333333-302.506667 0-101.802667-55.808-201.514667-147.712-296.277333a959.402667 959.402667 0 0 0-144.128-121.344 32 32 0 0 0-34.986666 0 882.133333 882.133333 0 0 0-45.482667 33.152 959.402667 959.402667 0 0 0-98.645333 88.192C258.474667 338.645333 202.666667 438.357333 202.666667 540.117333 202.666667 707.413333 341.333333 842.666667 512 842.666667z m0-64c-135.68 0-245.333333-106.965333-245.333333-238.506667 0-81.621333 48.213333-167.765333 129.621333-251.733333a896.170667 896.170667 0 0 1 115.285333-99.754667l0.426667-0.298667 0.426667 0.298667c4.821333 3.498667 9.898667 7.253333 15.146666 11.264l8.106667 6.229333a896.170667 896.170667 0 0 1 92.032 82.261334c81.408 83.968 129.621333 170.112 129.621333 251.733333 0 131.541333-109.653333 238.506667-245.333333 238.506667z m0-106.666667a138.666667 138.666667 0 1 0 0-277.333333 138.666667 138.666667 0 0 0 0 277.333333z m0-64a74.666667 74.666667 0 1 1 0-149.333333 74.666667 74.666667 0 0 1 0 149.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_dividing_line" unicode="&#59314;" d="M938.666667 405.333333a32 32 0 1 0 0-64H128a32 32 0 1 0 0 64h810.666667z m-341.333334-298.666666a32 32 0 1 0 0-64h-128a32 32 0 1 0 0 64h128z m341.333334 0a32 32 0 1 0 0-64h-128a32 32 0 1 0 0 64h128z m-341.333334 597.333333A32 32 0 1 0 597.333333 640h-128a32 32 0 1 0 0 64h128z m-341.333333-597.333333A32 32 0 1 0 256 42.666667H128a32 32 0 1 0 0 64h128z m0 597.333333A32 32 0 0 0 256 640H128a32 32 0 0 0 0 64h128z m682.666667 0A32 32 0 1 0 938.666667 640h-128a32 32 0 1 0 0 64h128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_multiline" unicode="&#59315;" d="M832 800a96 96 0 0 0 96-96v-640a96 96 0 0 0-96-96h-640a96 96 0 0 0-96 96v640A96 96 0 0 0 192 800h640z m0-64h-640a32 32 0 0 1-32-32v-640c0-17.664 14.336-32 32-32h640a32 32 0 0 1 32 32v640a32 32 0 0 1-32 32zM373.333333 106.666667a32 32 0 1 0 0 64H384V480c0 3.754667 0.64 7.338667 1.834667 10.666667H277.333333v-32a32 32 0 0 0-27.648-31.701334L245.333333 426.666667a32 32 0 0 0-32 32v64A32 32 0 0 0 245.333333 554.666667h341.333334a32 32 0 0 0 32-32v-64a32 32 0 1 0-64 0V490.666667h-108.501334a31.957333 31.957333 0 0 0 1.834667-10.666667V170.666667h10.666667a32 32 0 1 0 0-64h-85.333334zM426.666667 672a32 32 0 1 0 0-64H256a32 32 0 0 0 0 64h170.666667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_member_single_choice" unicode="&#59316;" d="M512 800a181.333333 181.333333 0 1 0 0-362.666667 181.333333 181.333333 0 0 0 0 362.666667z m0-64a117.333333 117.333333 0 1 1 0-234.666667 117.333333 117.333333 0 0 1 0 234.666667z m110.933333-405.333333c125.909333 0 155.861333-2.432 194.389334-22.101334a202.666667 202.666667 0 0 0 88.576-88.576c19.626667-38.528 22.101333-68.48 22.101333-194.389333v-25.6a32 32 0 0 0-32-32H128a32 32 0 0 0-32 32v25.6c0 125.909333 2.432 155.861333 22.101333 194.389333a202.666667 202.666667 0 0 0 88.576 88.576c38.528 19.626667 68.48 22.101333 194.389334 22.101334h221.866666z m22.954667-64H378.112c-93.952-0.384-118.869333-3.114667-142.378667-15.104a138.666667 138.666667 0 0 1-60.586666-60.586667c-12.032-23.552-14.762667-48.469333-15.104-142.421333l-0.042667-16.554667h703.957333v5.376c-0.128 99.370667-2.432 127.146667-13.738666 150.869333l-1.322667 2.688a138.666667 138.666667 0 0 1-60.586667 60.586667c-23.552 12.032-48.469333 14.762667-142.421333 15.104z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_radio" unicode="&#59317;" d="M512 842.666667c253.312 0 458.666667-205.354667 458.666667-458.666667S765.312-74.666667 512-74.666667 53.333333 130.688 53.333333 384 258.688 842.666667 512 842.666667z m0-64a394.666667 394.666667 0 1 1 0-789.333334 394.666667 394.666667 0 0 1 0 789.333334z m0-192a202.666667 202.666667 0 1 0 0-405.333334 202.666667 202.666667 0 0 0 0 405.333334z m0-64a138.666667 138.666667 0 1 1 0-277.333334 138.666667 138.666667 0 0 1 0 277.333334z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_serial_number" unicode="&#59318;" d="M693.333333 544c41.216 0 74.666667-33.450667 74.666667-74.666667v-384a74.666667 74.666667 0 0 0-74.666667-74.666666h-554.666666A74.666667 74.666667 0 0 0 64 85.333333v384c0 41.216 33.450667 74.666667 74.666667 74.666667h554.666666z m10.666667-256H128V85.333333c0-5.888 4.778667-10.666667 10.666667-10.666666h554.666666a10.666667 10.666667 0 0 1 10.666667 10.666666v202.666667z m-288-64a32 32 0 1 0 0-64h-170.666667a32 32 0 1 0 0 64h170.666667z m170.666667 0a32 32 0 1 0 0-64h-42.666667a32 32 0 1 0 0 64h42.666667z m320 576c41.258667 0 74.666667-33.408 74.666666-74.666667v-384a74.666667 74.666667 0 0 0-74.666666-74.666666h-42.666667a32 32 0 1 0 0 64h42.666667a10.666667 10.666667 0 0 1 10.666666 10.666666V725.333333a10.666667 10.666667 0 0 1-10.666666 10.666667h-554.666667A10.666667 10.666667 0 0 1 341.333333 725.333333v-85.333333a32 32 0 0 0-64 0V725.333333c0 41.258667 33.408 74.666667 74.666667 74.666667h554.666667z m-213.333334-320h-554.666666A10.666667 10.666667 0 0 1 128 469.333333v-117.333333h576V469.333333a10.666667 10.666667 0 0 1-10.666667 10.666667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_text_recognition" unicode="&#59319;" d="M128 224a32 32 0 0 0 32-32v-128c0-17.664 14.336-32 32-32h128a32 32 0 1 0 0-64h-128a96 96 0 0 0-96 96v128a32 32 0 0 0 32 32z m768 0a32 32 0 0 0 32-32v-128a96 96 0 0 0-96-96h-128a32 32 0 1 0 0 64h128a32 32 0 0 1 32 32v128a32 32 0 0 0 32 32z m-234.666667 384a32 32 0 1 0 0-64h-117.333333v-394.666667a32 32 0 1 0-64 0V544H362.666667a32 32 0 0 0 0 64h298.666666z m170.666667 192a96 96 0 0 0 96-96v-128a32 32 0 1 0-64 0v128a32 32 0 0 1-32 32h-128a32 32 0 1 0 0 64h128z m-512 0a32 32 0 0 0 0-64h-128a32 32 0 0 1-32-32v-128a32 32 0 0 0-64 0v128A96 96 0 0 0 192 800h128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_pull_down_single_choice" unicode="&#59320;" d="M213.333333 202.666667a117.333333 117.333333 0 1 0 0-234.666667 117.333333 117.333333 0 0 0 0 234.666667z m0-64a53.333333 53.333333 0 1 1 0-106.666667 53.333333 53.333333 0 0 1 0 106.666667z m0 661.333333a117.333333 117.333333 0 1 0 0-234.666667 117.333333 117.333333 0 0 0 0 234.666667z m0-64a53.333333 53.333333 0 1 1 0-106.666667 53.333333 53.333333 0 0 1 0 106.666667z m0-234.666667a117.333333 117.333333 0 1 0 0-234.666666 117.333333 117.333333 0 0 0 0 234.666666z m0-64a53.333333 53.333333 0 1 1 0-106.666666 53.333333 53.333333 0 0 1 0 106.666666z m725.333334-21.333333a32 32 0 1 0 0-64H469.333333a32 32 0 1 0 0 64h469.333334z m0-298.666667a32 32 0 1 0 0-64H469.333333a32 32 0 1 0 0 64h469.333334z m0 597.333334a32 32 0 1 0 0-64H469.333333a32 32 0 1 0 0 64h469.333334z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_hashtag_key" unicode="&#59321;" d="M832 800a96 96 0 0 0 96-96v-640a96 96 0 0 0-96-96h-640a96 96 0 0 0-96 96v640A96 96 0 0 0 192 800h640z m0-64h-640a32 32 0 0 1-32-32v-640c0-17.664 14.336-32 32-32h640a32 32 0 0 1 32 32v640a32 32 0 0 1-32 32z m-213.333333-149.333333a32 32 0 0 0 32-32v-32H682.666667a32 32 0 1 0 0-64h-32v-149.333334H682.666667a32 32 0 1 0 0-64h-32V213.333333a32 32 0 1 0-64 0v32h-149.333334V213.333333a32 32 0 1 0-64 0v32H341.333333a32 32 0 1 0 0 64h32v149.333334H341.333333a32 32 0 0 0 0 64h32V554.666667a32 32 0 0 0 64 0v-32h149.333334V554.666667a32 32 0 0 0 32 32z m-32-128h-149.333334v-149.333334h149.333334v149.333334z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_pull_down_multiple_selection" unicode="&#59322;" d="M938.666667 416a32 32 0 1 0 0-64H426.666667a32 32 0 1 0 0 64h512z m0-298.666667a32 32 0 1 0 0-64H426.666667a32 32 0 1 0 0 64h512z m0 597.333334a32 32 0 1 0 0-64H426.666667a32 32 0 0 0 0 64h512z m-682.666667-512a32 32 0 0 0 32-32v-170.666667a32 32 0 0 0-32-32H85.333333a32 32 0 0 0-32 32v170.666667a32 32 0 0 0 32 32h170.666667z m-32-64h-106.666667v-106.666667h106.666667v106.666667zM256 501.333333a32 32 0 0 0 32-32v-170.666666a32 32 0 0 0-32-32H85.333333a32 32 0 0 0-32 32v170.666666A32 32 0 0 0 85.333333 501.333333h170.666667z m-32-64h-106.666667v-106.666666h106.666667v106.666666zM256 800a32 32 0 0 0 32-32v-170.666667a32 32 0 0 0-32-32H85.333333A32 32 0 0 0 53.333333 597.333333V768A32 32 0 0 0 85.333333 800h170.666667z m-32-64h-106.666667v-106.666667h106.666667v106.666667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="order-descending" unicode="&#59296;" d="M608 736H128v-64h480v64zM768 736v-626.752l137.344 137.408 45.248-45.312-188.672-188.672a33.92 33.92 0 0 0-57.92 23.936V736h64zM128 416h480v-64H128v64zM608 96H128v-64h480v64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_video" unicode="&#59297;" d="M707.2 400.64a19.2 19.2 0 0 0 0-33.28l-326.4-188.416a19.2 19.2 0 0 0-28.8 16.64V572.48a19.2 19.2 0 0 0 28.8 16.64l326.4-188.48zM416 494.848v-221.696L608 384l-192 110.848zM128 704a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-640a64 64 0 0 0-64-64H192a64 64 0 0 0-64 64V704z m64 0v-640h640V704H192z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_zoom_in" unicode="&#59298;" d="M384 448v-128h64V448h128V512H448V640H384v-128H256v-64h128zM608.704 242.048a304.896 304.896 0 1 0 45.248 45.248l225.984-225.984-45.248-45.248-225.984 225.92z m49.152 237.056a240.896 240.896 0 1 1-481.856 0 240.896 240.896 0 0 1 481.792 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="order-ascending" unicode="&#59299;" d="M768 32V658.752l137.344-137.408 45.248 45.312-188.672 188.672a33.92 33.92 0 0 1-57.92-23.936V32h64zM608 32H128v64h480v-64zM128 352h480v64H128v-64zM608 672H128v64h480v-64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_zoom_out" unicode="&#59300;" d="M576 448H256V512h320v-64zM608.704 242.048a304.896 304.896 0 1 0 45.248 45.248l225.984-225.984-45.248-45.248-225.984 225.92z m49.152 237.056a240.896 240.896 0 1 1-481.856 0 240.896 240.896 0 0 1 481.792 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_usergroup" unicode="&#59301;" d="M384 832c33.664 0 65.408-8 93.568-22.144l-40.32-52.032a144 144 0 1 1-56.192-277.76v-64A208 208 0 0 0 384 832zM34.56 292.096A821.056 821.056 0 0 0 381.12 369.92v-64c-113.28-0.448-220.352-25.792-317.056-70.656V128h118.848v-64H32a32 32 0 0 0-32 32v140.224c0 23.808 13.12 45.824 34.56 55.872zM640 363.904a208 208 0 1 0 0 416 208 208 0 0 0 0-416z m0 64a144 144 0 1 1 0 288 144 144 0 0 1 0-288zM1024 158.848a61.184 61.184 0 0 1-34.624 55.872A821.12 821.12 0 0 1 640 292.48a821.12 821.12 0 0 1-349.44-77.76 61.184 61.184 0 0 1-34.56-55.872V0a32 32 0 0 1 32-32h704a32 32 0 0 1 32 32v158.848z m-64-1.024V32H320v125.824a757.12 757.12 0 0 0 320 70.656c114.368 0 222.464-25.408 320-70.656z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_wifi" unicode="&#59302;" d="M649.856 210.944l44.672 45.824c-52.8 53.696-117.056 83.2-183.488 83.2-65.664 0-129.152-28.8-181.568-81.28l44.672-45.824c42.432 42.88 90.88 63.04 136.896 63.04 46.72 0 95.872-20.8 138.816-64.96zM779.392 343.872l44.736 45.824c-87.936 90.56-198.4 140.672-313.024 140.672-113.856 0-223.616-49.408-311.232-138.752l44.736-45.824c77.248 79.36 171.648 120.576 266.496 120.576 95.552 0 190.72-41.92 268.288-122.496zM904.512 472.128l44.736 45.888C827.52 643.84 672.192 713.6 511.104 713.6c-160.384 0-314.88-69.12-436.288-193.792l44.672-45.824C230.336 588.416 369.28 649.664 511.104 649.664c142.464 0 282.24-61.888 393.408-177.536zM576 96a64 64 0 1 0-128 0 64 64 0 0 0 128 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_view_module" unicode="&#59303;" d="M256 416h448v-64H256v64zM640 256H256v-64h384v64zM128 704a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-640a64 64 0 0 0-64-64H192a64 64 0 0 0-64 64V704z m64 0v-128h640V704H192z m0-192v-448h640V512H192z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="view-column" unicode="&#59304;" d="M224 768v-768h64V768h-64z m256-768V768h64v-768h-64z m256 0V768h64v-768h-64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="view-list" unicode="&#59305;" d="M896 608H128v64h768v-64zM896 352H128v64h768v-64zM128 96h768v64H128v-64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_wallet" unicode="&#59306;" d="M736 608h128a64 64 0 0 0 64-64V128a64 64 0 0 0-64-64h-704a64 64 0 0 0-64 64V704a64 64 0 0 0 64 64h512a64 64 0 0 0 64-64v-96z m-64 96h-512v-96h512V704z m192-160h-704V128h704V544z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_usb" unicode="&#59276;" d="M480 512h-128V576h128v-64zM544 512h128V576h-128v-64zM256 384V736a32 32 0 0 0 32 32h448a32 32 0 0 0 32-32V384a64 64 0 0 0 64-64v-320a64 64 0 0 0-64-64H256a64 64 0 0 0-64 64V320a64 64 0 0 0 64 64z m64 0h384V704H320v-320zM256 320v-320h512V320H256z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_user_add" unicode="&#59277;" d="M512 352a224 224 0 1 1 0 448 224 224 0 0 1 0-448z m0 64a160 160 0 1 0 0 320 160 160 0 0 0 0-320zM736 192.896A817.536 817.536 0 0 1 512 224c-125.888 0-244.864-28.544-352-79.36v-112.64h448v-64H128a32 32 0 0 0-32 32v145.6a61.44 61.44 0 0 0 34.368 55.808A882.24 882.24 0 0 0 512 288c77.44 0 152.384-10.048 224-28.8v-66.304zM816 16V-128h64v144H1024v64h-144V224h-64v-144H672v-64h144z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_swap_right" unicode="&#59278;" d="M818.752 320H64v-64h827.392a33.92 33.92 0 0 1 24 57.92l-252.8 252.736-45.184-45.312L818.752 320z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_user_avatar" unicode="&#59279;" d="M512 224c79.424 0 155.008-20.032 224-56.32v-71.68h64v73.088a60.224 60.224 0 0 1-31.104 53.632A542.72 542.72 0 0 1 512 288a542.72 542.72 0 0 1-256.896-65.28 60.224 60.224 0 0 1-31.104-53.632V96h64v71.68A478.272 478.272 0 0 0 512 224zM672 512a160 160 0 1 0-320 0 160 160 0 0 0 320 0z m-64 0a96 96 0 1 1-192 0 96 96 0 0 1 192 0zM160 800a64 64 0 0 1-64-64v-704a64 64 0 0 1 64-64h704a64 64 0 0 1 64 64v704a64 64 0 0 1-64 64h-704z m704-64v-704h-704v704h704z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_thumb_up" unicode="&#59280;" d="M640 512h206.08a64 64 0 0 0 62.08-79.552l-96-384a64 64 0 0 0-62.08-48.448H192a64 64 0 0 0-64 64V384a64 64 0 0 0 64 64h128l128 320h128a64 64 0 0 0 64-64v-192zM384 435.648V64h366.08l96 384H576V704H491.328L384 435.648zM320 384H192v-320h128V384z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_time_filled" unicode="&#59281;" d="M512-64A448 448 0 1 1 512 832a448 448 0 0 1 0-896zM480 576h64v-190.4l182.656-182.656-45.248-45.248L480 359.104V576z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_tools" unicode="&#59282;" d="M624 368l35.968-9.856c63.936-17.664 133.632-1.6 182.144 46.912a185.856 185.856 0 0 1 51.648 160.32L826.24 497.728a96 96 0 0 0-135.744 0l-27.2 27.2a96 96 0 0 0 0 135.744l67.648 67.584a185.856 185.856 0 0 1-160.32-51.648 186.368 186.368 0 0 1-46.912-182.144l9.856-35.904-371.456-371.456 90.496-90.56 371.52 371.52z m159.616 413.056c21.12-7.168 41.536-17.088 60.672-29.888L708.48 615.424a32 32 0 0 1 0-45.248l27.2-27.2a32 32 0 0 1 45.248 0l135.744 135.808c12.8-19.136 22.72-39.552 29.824-60.672 29.824-88.32 10.24-188.928-59.136-258.304a250.368 250.368 0 0 0-244.416-63.36l-345.152-345.152a64 64 0 0 0-90.496 0l-90.496 90.496a64 64 0 0 0 0 90.56L461.952 477.44a250.368 250.368 0 0 0 63.36 244.48c69.376 69.312 169.984 88.96 258.304 59.136z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_user_clear" unicode="&#59283;" d="M512 352a224 224 0 1 1 0 448 224 224 0 0 1 0-448z m0 64a160 160 0 1 0 0 320 160 160 0 0 0 0-320zM672 208.32A819.584 819.584 0 0 1 512 224c-125.888 0-244.864-28.544-352-79.36v-112.64h512v-64H128a32 32 0 0 0-32 32v145.6a61.44 61.44 0 0 0 34.368 55.808A882.24 882.24 0 0 0 512 288c54.656 0 108.16-4.992 160-14.528v-65.152zM729.856-18.752l101.76 101.824-101.76 101.824 45.248 45.248 101.76-101.76 101.888 101.76 45.248-45.248-101.824-101.824 101.76-101.76-45.184-45.312-101.824 101.76L775.04-64l-45.248 45.248z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_time" unicode="&#59284;" d="M480 640v-280.896L640 192l45.248 45.248L544 385.6V640h-64zM960 384A448 448 0 1 0 64 384a448 448 0 0 0 896 0z m-64 0A384 384 0 1 1 128 384a384 384 0 0 1 768 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_unfold_less" unicode="&#59285;" d="M278.784 760L512 524.032l233.28 235.968 45.44-45.056-251.392-254.336a38.4 38.4 0 0 0-54.656 0L233.216 714.944l45.568 45.056zM275.712 10.88L512 247.104l236.288-236.352 45.248 45.248-254.4 254.464a38.4 38.4 0 0 1-54.272 0L230.4 56.064l45.248-45.248z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_thumb_down" unicode="&#59286;" d="M640 270.656h206.08a64 64 0 0 1 62.08 79.552l-96 384a64 64 0 0 1-62.08 48.448H192a64 64 0 0 1-64-64v-320a64 64 0 0 1 64-64h128l128-320h128a64 64 0 0 1 64 64v192zM384 347.008V718.656h366.08l96-384H576v-256H491.328L384 347.008z m-64 51.648H192v320h128v-320z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_user_talk" unicode="&#59287;" d="M852.992 395.008a256 256 0 0 1 0 361.984l45.312 45.312a320 320 0 0 0 0-452.608l-45.312 45.312zM704 576a224 224 0 1 0-448 0 224 224 0 0 0 448 0z m-64 0a160 160 0 1 1-320 0 160 160 0 0 1 320 0zM861.632 201.408a61.44 61.44 0 0 0 34.368-55.808V0a32 32 0 0 0-32-32h-768A32 32 0 0 0 64 0v145.6a61.44 61.44 0 0 0 34.368 55.808A882.24 882.24 0 0 0 480 288c136.512 0 265.6-31.168 381.632-86.592zM480 224c-125.888 0-244.864-28.544-352-79.36v-112.64h704v112.64a818.24 818.24 0 0 1-352 79.36zM762.496 666.496a128 128 0 0 0 0-180.992l45.248-45.248a192 192 0 0 1 0 271.488l-45.248-45.248z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_tips" unicode="&#59288;" d="M512 832a317.248 317.248 0 0 1-226.176-93.824A317.248 317.248 0 0 1 192 512c0-88 35.456-168.32 93.76-226.048 19.776-20.288 42.176-37.12 66.24-51.008V128a64 64 0 0 1 64-64h192a64 64 0 0 1 64 64v106.944c24.064 13.824 46.464 30.72 66.24 51.008A317.248 317.248 0 0 1 832 512c0 177.024-142.976 320-320 320zM331.264 693.056A253.248 253.248 0 0 0 512 768c141.696 0 256-114.304 256-256a253.184 253.184 0 0 0-74.944-180.736l-0.512-0.512a245.248 245.248 0 0 0-66.88-48l-17.664-8.896V128h-192V273.856l-17.664 8.832a245.248 245.248 0 0 0-66.88 48.064l-0.512 0.512A253.248 253.248 0 0 0 256 512c0 70.656 28.48 134.784 74.944 180.736l0.32 0.32zM352 0v-64h320v64h-320z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_unfold_more" unicode="&#59289;" d="M745.28 458.24L512 694.144 278.784 458.24l-45.568 44.992 251.52 254.336a38.4 38.4 0 0 0 54.592 0l251.456-254.336-45.504-44.992zM748.288 309.888L512 73.6 275.712 309.888l-45.248-45.248 254.4-254.4a38.4 38.4 0 0 1 54.272 0L793.6 264.64l-45.312 45.248z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_upload" unicode="&#59290;" d="M239.232 468.608L480 709.504V160h64V709.504l240.896-240.896 45.248 45.248-295.488 295.488a32 32 0 0 1-45.248 0L193.92 513.92l45.312-45.248zM128 192v-128a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v128h-64v-128H192v128H128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_user" unicode="&#59291;" d="M736 576a224 224 0 1 0-448 0 224 224 0 0 0 448 0z m-64 0a160 160 0 1 1-320 0 160 160 0 0 1 320 0zM893.632 201.408a61.44 61.44 0 0 0 34.368-55.808V0a32 32 0 0 0-32-32H128a32 32 0 0 0-32 32v145.6a61.44 61.44 0 0 0 34.368 55.808A882.24 882.24 0 0 0 512 288c136.512 0 265.6-31.168 381.632-86.592zM512 224c-125.888 0-244.864-28.544-352-79.36v-112.64h704v112.64A818.24 818.24 0 0 1 512 224z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_usergroup_add" unicode="&#59292;" d="M847.04512 80v-112h64v112h112v64h-112V256h-64v-112h-112v-64h112zM477.57312 809.856A208 208 0 1 1 381.06112 416v64a144 144 0 1 0 56.128 277.76l40.32 52.032zM381.06112 369.92A821.056 821.056 0 0 1 34.56512 292.032a61.184 61.184 0 0 1-34.624-55.872V96a32 32 0 0 1 32-32h150.848v64H64.00512v107.2a756.992 756.992 0 0 0 317.056 70.656v64zM848.00512 571.904a208 208 0 1 0-416 0 208 208 0 0 0 416 0z m-64 0a144 144 0 1 1-288 0 144 144 0 0 1 288 0zM768.00512 217.664a760.448 760.448 0 0 1-448-59.84V32h448v-64H288.00512A32 32 0 0 0 256.00512 0v158.848c0 23.808 13.12 45.76 34.56 55.872A825.088 825.088 0 0 0 768.00512 282.56V217.6z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_swap" unicode="&#59293;" d="M80 512h752.512L586.496 751.936l44.672 45.824 298.944-291.584a33.92 33.92 0 0 0-23.68-58.176H80V512zM944 256H193.28l243.84-230.4-43.904-46.528-298.88 282.368A33.92 33.92 0 0 0 117.76 320H944v-64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_usergroup_clear" unicode="&#59294;" d="M477.57312 809.856A208 208 0 1 1 381.06112 416v64a144 144 0 1 0 56.128 277.76l40.32 52.032zM381.06112 369.92A821.056 821.056 0 0 1 34.56512 292.032a61.184 61.184 0 0 1-34.624-55.872V96a32 32 0 0 1 32-32h150.848v64H64.00512v107.2a756.992 756.992 0 0 0 317.056 70.656v64zM848.00512 571.904a208 208 0 1 0-416 0 208 208 0 0 0 416 0z m-64 0a144 144 0 1 1-288 0 144 144 0 0 1 288 0zM704.00512 225.792a757.12 757.12 0 0 1-384-68.032V32h352v-64h-384A32 32 0 0 0 256.00512 0v158.848c0 23.808 13.12 45.76 34.56 55.872A821.12 821.12 0 0 0 704.00512 289.92v-64.192zM840.77312 105.984l-92.736-92.736 45.248-45.248 92.736 92.736 92.736-92.736 45.248 45.248-92.736 92.736 92.8 92.736-45.312 45.248-92.736-92.736-92.736 92.736-45.248-45.248 92.736-92.736z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_user_circle" unicode="&#59295;" d="M512 320a177.92 177.92 0 1 1 0 355.84A177.92 177.92 0 0 1 512 320z m0 64a113.92 113.92 0 1 0 0 227.84A113.92 113.92 0 0 0 512 384zM512-64A448 448 0 1 1 512 832a448 448 0 0 1 0-896z m319.68 235.2C734.464 225.472 626.24 256 512 256c-114.304 0-222.4-30.464-319.68-84.8a384 384 0 1 0 639.424 0z m-40.448-50.752A382.912 382.912 0 0 0 512 0c-110.08 0-209.28 46.272-279.232 120.448C318.72 166.528 412.992 192 512 192c99.008 0 193.28-25.472 279.232-71.552z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_queue" unicode="&#59266;" d="M256 704h576v-576h64V704a64 64 0 0 1-64 64H256v-64zM421.312 293.312v-186.624h64V293.312h176v64h-176v176h-64v-176H234.688v-64h186.624zM128 64a64 64 0 0 1 64-64h512a64 64 0 0 1 64 64V576a64 64 0 0 1-64 64H192a64 64 0 0 1-64-64v-512z m64 512h512v-512H192V576z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_refresh" unicode="&#59267;" d="M512 722.496c185.344 0 336.192-151.232 336.192-338.432h61.568c0 220.864-178.112 399.936-397.76 399.936A397.056 397.056 0 0 1 173.44 593.92V726.848H112v-198.784a32 32 0 0 1 32-32h197.568v61.696H223.36A335.744 335.744 0 0 0 512 722.496zM114.304 384.064h61.44c0-187.2 150.912-338.368 336.256-338.368a335.744 335.744 0 0 1 288.64 164.736h-118.208v61.696h197.568a32 32 0 0 0 32-32v-198.848h-61.376v132.928a397.056 397.056 0 0 0-338.56-190.08c-219.712 0-397.76 179.072-397.76 400z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_pin" unicode="&#59268;" d="M801.152 810.24a38.4 38.4 0 0 1-51.904 2.24L490.368 593.984l-49.344 49.344a38.4 38.4 0 0 1-54.336 0L251.968 508.672a38.4 38.4 0 0 1 0-54.336l142.592-142.528-262.912-262.912 45.248-45.248 262.912 262.912 142.528-142.592a38.4 38.4 0 0 1 54.336 0l134.656 134.72a38.4 38.4 0 0 1 0 54.336l-49.28 49.28 218.432 258.944a38.4 38.4 0 0 1-2.176 51.84l-137.152 137.216z m-28.608-61.824l103.872-103.872-241.28-285.888 72.896-72.832-98.56-98.496-294.144 294.208 98.56 98.432 72.768-72.832 285.888 241.28z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_poweroff" unicode="&#59269;" d="M480 832v-448h64V832h-64zM96 352A416 416 0 0 0 317.952 720l32-55.488a352 352 0 1 1 323.968 0l32.128 55.488A416 416 0 1 0 96 352z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_photo" unicode="&#59270;" d="M704 384a192 192 0 1 0-384 0 192 192 0 0 0 384 0z m-64 0a128 128 0 1 1-256 0 128 128 0 0 1 256 0zM387.456 768a38.4 38.4 0 0 1-32-17.088L302.848 672H128.64a32.64 32.64 0 0 1-32.64-32.64v-542.72c0-18.048 14.592-32.64 32.64-32.64h766.72a32.64 32.64 0 0 1 32.64 32.64V639.36a32.64 32.64 0 0 1-32.64 32.64h-174.208l-52.608 78.912a38.4 38.4 0 0 1-32 17.088H387.456z m13.696-64h221.696l64-96H864V128h-704V608h177.152l64 96z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_precise_monitor" unicode="&#59271;" d="M480 800V576h64V800h-64zM398.848 542.4L172.608 768.64l-45.248-45.248 226.24-226.24 45.248 45.248z m226.304 0l226.24 226.24 45.248-45.248-226.24-226.24-45.248 45.248zM576 384a64 64 0 0 0-119.424-32H96v64h360.576A64 64 0 0 0 576 384zM353.6 270.848L127.36 44.608l45.248-45.248 226.24 226.24-45.248 45.248z m316.8 0l226.24-226.24-45.248-45.248-226.24 226.24 45.248 45.248zM928 416H704v-64h224v64z m-448-448V192h64v-224h-64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_print" unicode="&#59272;" d="M255.936 768.064v-128h-64c-35.584 0-64-28.416-64-64v-320c0-35.584 28.416-64 64-64h64v-192h512v192h64c35.584 0 64 28.416 64 64v320c0 35.584-28.416 64-64 64h-64v128h-512z m448-128h-384v64h384v-64z m-512-64h640v-320h-64v128h-512v-128h-64v320z m128-512v256h384v-256h-384z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_play_circle" unicode="&#59273;" d="M739.2 400.64a19.2 19.2 0 0 0 0-33.28l-326.4-188.416a19.2 19.2 0 0 0-28.8 16.64V572.48a19.2 19.2 0 0 0 28.8 16.64l326.4-188.48zM512 832a448 448 0 1 0 0-896A448 448 0 0 0 512 832z m0-64a384 384 0 1 1 0-768A384 384 0 0 1 512 768z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_play" unicode="&#59274;" d="M739.2 400.64a19.2 19.2 0 0 0 0-33.28l-326.4-188.416a19.2 19.2 0 0 0-28.8 16.64V572.416a19.2 19.2 0 0 0 28.8 16.64l326.4-188.416z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_remove" unicode="&#59275;" d="M224 425.6h576v-83.2h-576v83.2z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_server" unicode="&#59254;" d="M448 560H256v64h192v-64zM96 736A32 32 0 0 0 128 768h768a32 32 0 0 0 32-32l0.064-288a32 32 0 0 0-32-32h-768a32 32 0 0 0-32 32V736z m64.064-256h704V704h-704v-224zM256 144h192v64H256v-64zM96.064 320a32 32 0 0 0 32 32h768a32 32 0 0 0 32-32v-288a32 32 0 0 0-32-32h-768a32 32 0 0 0-32 32V320z m64-256h704V288h-704V64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_rollfront" unicode="&#59255;" d="M773.504 576l-105.408 105.344 45.248 45.312 160-160a32 32 0 0 0 0-45.312l-160-160-45.248 45.312L773.504 512H402.752a192 192 0 1 1 0-384h320v-64h-320a256 256 0 1 0 0 512h370.752z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_scan" unicode="&#59256;" d="M768 672H256v-192H192v192a64 64 0 0 0 64 64h512a64 64 0 0 0 64-64v-192h-64v192zM192 288h64v-192h512v192h64v-192a64 64 0 0 0-64-64H256a64 64 0 0 0-64 64v192zM896 416H128v-64h768v64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_rotation" unicode="&#59257;" d="M128 768h64v-389.312A384.32 384.32 0 0 0 506.688 64H896v-64H192a64 64 0 0 0-64 64V768z m313.6-704A320.384 320.384 0 0 1 192 313.6V64h249.6z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_pause_circle" unicode="&#59258;" d="M448 576H384v-384h64V576zM640 576H576v-384h64V576zM263.104 756.48a448 448 0 1 0 497.792-744.96A448 448 0 0 0 263.104 756.48z m462.208-53.184a384 384 0 1 1-426.624-638.592 384 384 0 0 1 426.624 638.592z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_pause" unicode="&#59259;" d="M448 576H384v-384h64V576zM640 576H576v-384h64V576z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_pin_filled" unicode="&#59260;" d="M801.152 810.24a38.4 38.4 0 0 1-51.904 2.24L490.368 593.984l-49.344 49.344a38.4 38.4 0 0 1-54.336 0L251.968 508.672a38.4 38.4 0 0 1 0-54.336l142.592-142.528-262.912-262.912 45.248-45.248 262.912 262.912 142.528-142.592a38.4 38.4 0 0 1 54.336 0l134.656 134.72a38.4 38.4 0 0 1 0 54.336l-49.28 49.28 218.432 258.944a38.4 38.4 0 0 1-2.176 51.84l-137.152 137.216z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_play_circle_filled" unicode="&#59261;" d="M960 384A448 448 0 1 1 64 384a448 448 0 0 1 896 0z m-257.024-14.592L416.64 204.16a16.832 16.832 0 0 0-25.216 14.592V549.312c0 12.992 14.016 21.12 25.216 14.592l286.336-165.312a16.832 16.832 0 0 0 0-29.184z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_qrcode" unicode="&#59262;" d="M384 640H256v-128h128V640zM160 768a32 32 0 0 1-32-32v-320a32 32 0 0 1 32-32h320a32 32 0 0 1 32 32v320a32 32 0 0 1-32 32h-320zM192 704h256v-256H192V704zM672 768a32 32 0 0 1-32-32v-192a32 32 0 0 1 32-32h192a32 32 0 0 1 32 32v192a32 32 0 0 1-32 32h-192z m32-192V704h128v-128h-128zM640 224a32 32 0 0 0 32 32h192a32 32 0 0 0 32-32v-192a32 32 0 0 0-32-32h-192a32 32 0 0 0-32 32v192z m64-160h128v128h-128v-128zM160 256a32 32 0 0 1-32-32v-192a32 32 0 0 1 32-32h192a32 32 0 0 1 32 32v192a32 32 0 0 1-32 32h-192z m32-64h128v-128H192v128zM896 416h-256v-64h256v64zM544 192v-192h-64v192h64zM544 256V320h-64v-64h64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_previous" unicode="&#59263;" d="M256 0H192V768h64v-768zM329.536 357.12a32 32 0 0 0 0 53.76L782.656 704a32 32 0 0 0 49.344-26.88v-586.24a32 32 0 0 0-49.408-26.88l-453.12 293.12zM768 149.632V618.368L405.76 384 768 149.632z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_rollback" unicode="&#59264;" d="M269.248 576l105.408 105.344-45.248 45.312-160-160a32 32 0 0 1 0-45.312l160-160 45.248 45.312L269.248 512H640a192 192 0 0 0 0-384H320v-64h320a256 256 0 1 1 0 512H269.248z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_play_circle_stroke" unicode="&#59265;" d="M739.2 400.64a19.2 19.2 0 0 0 0-33.28l-326.4-188.416a19.2 19.2 0 0 0-28.8 16.64V572.48a19.2 19.2 0 0 0 28.8 16.64l326.4-188.48zM448 494.848v-221.696L640 384 448 494.848zM512 832a448 448 0 1 0 0-896A448 448 0 0 0 512 832z m0-64a384 384 0 1 1 0-768A384 384 0 0 1 512 768z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_swap_left" unicode="&#59238;" d="M205.248 320H960v-64H132.672a33.92 33.92 0 0 0-24 57.92l252.736 252.736 45.248-45.248L205.248 320z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_stop_circle" unicode="&#59239;" d="M351.872 544.128h320.256v-320.256H351.872V544.128zM512 832a448 448 0 1 1 0-896A448 448 0 0 1 512 832z m0-64a384 384 0 1 0 0-768A384 384 0 0 0 512 768z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_sound" unicode="&#59240;" d="M256 192l271.552-162.944a32 32 0 0 1 48.448 27.52V711.424a32 32 0 0 1-48.448 27.456L256 576H134.72a38.4 38.4 0 0 1-38.4-38.4L96 230.4a38.4 38.4 0 0 1 38.4-38.4H256z m64 347.776l192 115.2v-541.952l-192 115.2V539.776zM256 256H160l0.256 256H256v-256zM864.96 529.472a383.36 383.36 0 0 1-89.216 124.544l43.648 46.72a447.36 447.36 0 0 0 104.064-145.28c24.128-54.4 36.48-112.64 36.48-171.456 0-58.88-12.352-117.12-36.48-171.456-24.128-54.4-59.52-103.68-104.064-145.28l-43.648 46.72a383.36 383.36 0 0 1 89.216 124.544C885.44 284.8 896 334.208 896 384s-10.496 99.2-31.04 145.472zM736 384c0 55.872-23.04 112.192-68.672 157.056l44.864 45.632c57.28-56.256 87.872-128.832 87.808-202.752-0.064-73.92-30.72-146.496-88.128-202.688l-44.8 45.76c45.696 44.8 68.864 101.12 68.928 156.992z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_setting" unicode="&#59241;" d="M704 384a192 192 0 1 0-384 0 192 192 0 0 0 384 0z m-64 0a128 128 0 1 1-256 0 128 128 0 0 1 256 0zM512 816l387.968-216v-432L512-48l-387.968 216v432L512 816zM188.032 562.368v-356.736L512 25.28l323.968 180.352V562.368L512 742.72 188.032 562.368z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_share" unicode="&#59242;" d="M635.648 553.088a148.288 148.288 0 1 1-32.256 55.296l-215.04-125.44a148.288 148.288 0 1 1 0-201.152l215.04-125.376a148.288 148.288 0 1 1 32.32 55.232l-215.04 125.376a148.224 148.224 0 0 1 0 90.624l214.976 125.44z m108.928 184.96a84.288 84.288 0 1 0 0-168.64 84.288 84.288 0 0 0 0 168.576zM351.232 426.368a32.192 32.192 0 0 1 1.92-3.392 83.904 83.904 0 0 0-1.92-84.864 84.224 84.224 0 1 0 0 88.32z m309.12-315.52c0 13.952 3.328 27.072 9.28 38.656a33.28 33.28 0 0 1 4.544 7.744 84.224 84.224 0 0 0 154.752-46.4 84.288 84.288 0 0 0-168.64 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_search" unicode="&#59243;" d="M608.64 241.984a304.896 304.896 0 1 0 45.312 45.312l226.048-225.92-45.312-45.376-226.048 225.984z m49.088 237.12a240.832 240.832 0 1 1-481.6 0 240.832 240.832 0 0 1 481.6 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_service" unicode="&#59244;" d="M161.024 488.064a352 352 0 0 0 701.952 0 32 32 0 0 0 1.024-8.064v-256a32 32 0 0 0-1.344-9.344A288 288 0 0 0 576-44.992H512v64h64A224.064 224.064 0 0 1 794.176 192H672a32 32 0 0 0-32 32v256a32 32 0 0 0 32 32h123.52a288.064 288.064 0 0 1-567.04 0H352a32 32 0 0 0 32-32v-256a32 32 0 0 0-32-32H192a32 32 0 0 0-32 32v256a32 32 0 0 0 1.024 8.064zM800 448H704v-192h96V448z m-576 0v-192H320V448H224z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_star" unicode="&#59245;" d="M610.688 487.68l-98.56 199.68-98.56-199.68-220.48-32L352.64 300.16l-37.632-219.52 197.12 103.68 197.12-103.68-37.632 219.52 159.488 155.52-220.352 32z m319.36 18.24a19.2 19.2 0 0 0 10.688-32.768l-200.384-195.328 47.36-275.84a19.2 19.2 0 0 0-27.904-20.224l-247.68 130.24-247.68-130.24a19.2 19.2 0 0 0-27.904 20.224l47.296 275.84-200.384 195.328a19.2 19.2 0 0 0 10.624 32.768l276.928 40.256 123.84 250.88a19.2 19.2 0 0 0 34.432 0l123.904-250.88 276.928-40.256z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_round" unicode="&#59246;" d="M512 160a224 224 0 1 0 0 448 224 224 0 0 0 0-448zM512 64A320 320 0 1 1 512 704a320 320 0 0 1 0-640z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_star_filled" unicode="&#59247;" d="M486.272 779.648a28.8 28.8 0 0 0 51.648 0l115.2-233.472 257.728-37.44a28.8 28.8 0 0 0 16-49.152l-186.496-181.76 43.968-256.64a28.8 28.8 0 0 0-41.792-30.336l-230.4 121.152L281.6-9.152a28.8 28.8 0 0 0-41.792 30.336l44.032 256.64-186.496 181.76a28.8 28.8 0 0 0 16 49.152l257.664 37.44 115.2 233.472z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_shop" unicode="&#59248;" d="M512 832a160 160 0 0 1-160-160V576h-128a32 32 0 0 1-32-32v-576a32 32 0 0 1 32-32h576a32 32 0 0 1 32 32v576a32 32 0 0 1-32 32h-128V672A160 160 0 0 1 512 832z m96-320v-128h64V512H768v-512H256V512h96v-128h64V512h192z m0 64h-192V672a96 96 0 1 0 192 0V576z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_stop_circle_filled" unicode="&#59249;" d="M263.104 756.48a448 448 0 1 0 497.792-744.96A448 448 0 0 0 263.104 756.48zM352 544v-320h320v320h-320z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_slash" unicode="&#59250;" d="M260.288 12.032l448 775.936 55.424-32-448-775.936-55.424 32z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_save" unicode="&#59251;" d="M704 768l192-192v-512a64 64 0 0 0-64-64H192a64 64 0 0 0-64 64V704a64 64 0 0 0 64 64h512z m-64-64H384v-96h256V704z m64-26.496V544H320V704H192v-640h128V384h384v-320h128V549.504l-128 128zM640 64V320H384v-256h256z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_secured" unicode="&#59252;" d="M472.96 260.544l228.736 228.8-45.248 45.248L472.96 351.04 367.552 456.448l-45.248-45.248 150.592-150.656zM160 768v-448c0-90.624 47.552-174.656 125.312-221.312L512-37.312l226.688 136A258.048 258.048 0 0 1 864 320V768h-704z m64-448V704h576v-384a194.048 194.048 0 0 0-94.208-166.4L512 37.312 318.208 153.6A194.048 194.048 0 0 0 224 320z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_root_list" unicode="&#59253;" d="M288 576h448v-64h-448V576zM576 416H288v-64H576v64zM192 768a64 64 0 0 1-64-64v-640a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64V704a64 64 0 0 1-64 64H192z m640-64v-640H192V704h640z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_menu-application1" unicode="&#59231;" d="M256 704a64 64 0 1 0-128 0 64 64 0 0 0 128 0zM256 384a64 64 0 1 0-128 0 64 64 0 0 0 128 0zM192 0a64 64 0 1 1 0 128 64 64 0 0 1 0-128zM576 704a64 64 0 1 0-128 0 64 64 0 0 0 128 0zM512 320a64 64 0 1 1 0 128 64 64 0 0 1 0-128zM576 64a64 64 0 1 0-128 0 64 64 0 0 0 128 0zM832 640a64 64 0 1 1 0 128 64 64 0 0 1 0-128zM896 384a64 64 0 1 0-128 0 64 64 0 0 0 128 0zM832 0a64 64 0 1 1 0 128 64 64 0 0 1 0-128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_mobile_vibrate" unicode="&#59232;" d="M416 64h192v64h-192v-64zM320 800a64 64 0 0 1-64-64V0a64 64 0 0 1 64-64h384a64 64 0 0 1 64 64V736a64 64 0 0 1-64 64H320z m384-64V0H320V736h384zM128 640v-576h64V640H128zM832 640v-576h64V640h-64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_mirror" unicode="&#59233;" d="M480 832h64v-896h-64V832zM942.08 100.032a32 32 0 0 0-22.336-34.56c-4.608-1.472-11.2-1.472-24.32-1.472h-213.76c-8.96 0-13.44 0-17.152 0.896a32 32 0 0 0-23.68 23.68C640 92.16 640 96.64 640 105.6V576c0 33.92 0 50.88 2.624 56.96a32 32 0 0 0 50.88 11.008c4.928-4.48 11.904-19.84 25.984-50.816l213.76-470.336c5.44-11.968 8.192-17.92 8.832-22.784zM704 128h156.608L704 472.512V128zM104.32 65.408c4.544-1.408 11.136-1.408 24.32-1.408h213.76c8.96 0 13.44 0 17.088 0.896a32 32 0 0 1 23.68 23.68C384 92.16 384 96.64 384 105.6V576c0 33.92 0 50.88-2.56 56.96a32 32 0 0 1-50.944 11.008c-4.864-4.48-11.904-19.84-25.984-50.816l-213.76-470.336c-5.44-11.968-8.192-17.92-8.768-22.784a32 32 0 0 1 22.272-34.56zM320 472.512V128H163.392L320 472.512z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_move" unicode="&#59234;" d="M320 832a64 64 0 1 1 0-128 64 64 0 0 1 0 128zM704 832a64 64 0 1 1 0-128 64 64 0 0 1 0 128zM256 512a64 64 0 1 0 128 0 64 64 0 0 0-128 0zM704 576a64 64 0 1 1 0-128 64 64 0 0 1 0 128zM256 256a64 64 0 1 0 128 0 64 64 0 0 0-128 0zM320 64a64 64 0 1 1 0-128 64 64 0 0 1 0 128zM640 256a64 64 0 1 0 128 0 64 64 0 0 0-128 0zM704 64a64 64 0 1 1 0-128 64 64 0 0 1 0 128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_page_first" unicode="&#59235;" d="M793.92 610.56l-58.88 58.88L449.728 384l285.44-285.44 58.88 58.88L567.296 384l226.56 226.56zM306.88 640v-512h83.2V640h-83.2z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_notification_filled" unicode="&#59236;" d="M544 766.272V832h-64v-65.728a288 288 0 0 1-256-286.272V192l-57.6-76.8a32 32 0 0 1 25.6-51.2h163.2a160 160 0 0 1 313.6 0H832a32 32 0 0 1 25.6 51.2l-57.6 76.8V480a288 288 0 0 1-256 286.272z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_minus_rectangle1" unicode="&#59237;" d="M320 352h384v64H320v-64zM192 0a64 64 0 0 0-64 64V704a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-640a64 64 0 0 0-64-64H192z m0 64h640V704H192v-640z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_menu_unfold1" unicode="&#59218;" d="M896 127.104L128.128 128 128 64l768-0.896v64zM544 416H128v-64h416v64zM896 703.104L128.128 704 128 640l768-0.896v64zM642.112 357.952a32 32 0 0 0 0 51.2L844.8 561.152a32 32 0 0 0 51.2-25.6v-304a32 32 0 0 0-51.2-25.6l-202.688 152zM832 295.552v176l-117.312-88L832 295.552z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_page_last" unicode="&#59219;" d="M230.08 157.44l58.816-58.88L574.336 384l-285.44 285.44-58.88-58.88L456.704 384l-226.56-226.56z m487.04-29.44V640h-83.2v-512h83.2z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_pause_circle_filled" unicode="&#59220;" d="M960 384A448 448 0 1 0 64 384a448 448 0 0 0 896 0zM384 576v-384h64V576H384z m256 0H576v-384h64V576z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_money_circle" unicode="&#59221;" d="M672 416h-128v-64h128v-64h-128V128h-64V288h-128v64h128v64h-128v64h93.44L359.04 588.032l49.92 39.936L512 499.2l103.04 128.768 49.92-39.936L578.56 480h93.44v-64zM960 384A448 448 0 1 1 64 384a448 448 0 0 1 896 0z m-64 0A384 384 0 1 0 128 384a384 384 0 0 0 768 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_mail1" unicode="&#59222;" d="M95.936 640.064a64 64 0 0 0 64 64h704a64 64 0 0 0 64-64v-512a64 64 0 0 0-64-64h-704a64 64 0 0 0-64 64v512z m742.336 0H185.6L512 422.528l326.336 217.6z m-678.336-59.776V128h704V580.288L511.936 345.6l-352 234.688z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_minus_circle_filled1" unicode="&#59223;" d="M512-64A448 448 0 1 1 512 832a448 448 0 0 1 0-896z m224 416h-448v64h448v-64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_more" unicode="&#59224;" d="M512 640a64 64 0 1 1 0 128 64 64 0 0 1 0-128zM512 320a64 64 0 1 1 0 128 64 64 0 0 1 0-128zM576 64a64 64 0 1 0-128 0 64 64 0 0 0 128 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_menu_fold1" unicode="&#59225;" d="M128 640.896L895.936 640 896 704 128 704.896v-64zM480 352H896v64H480v-64zM128 64.896L895.936 64 896 128l-768 0.896v-64zM381.888 410.048a32 32 0 0 0 0-51.2L179.2 206.848a32 32 0 0 0-51.2 25.6v304a32 32 0 0 0 51.2 25.6l202.688-152zM192 472.448v-176l117.312 88L192 472.448z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_next" unicode="&#59226;" d="M768 768h64v-768h-64V768zM694.464 410.88a32 32 0 0 0 0-53.76L241.344 64A32 32 0 0 0 192 90.88V677.12A32 32 0 0 0 241.408 704l453.12-293.12zM256 618.368v-468.736L618.24 384 256 618.368z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_notification" unicode="&#59227;" d="M544 766.272V832h-64v-65.728a288 288 0 0 1-256-286.272V192l-57.6-76.8a32 32 0 0 1 25.6-51.2h163.2a160 160 0 0 1 313.6 0H832a32 32 0 0 1 25.6 51.2l-57.6 76.8V480a288 288 0 0 1-256 286.272z m-256-595.584V480a224 224 0 1 0 448 0v-309.312L768 128H256l32 42.688zM512 0a96 96 0 0 0-90.56 64h181.12A96 96 0 0 0 512 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_minus_circle1" unicode="&#59228;" d="M288 352h448v64h-448v-64zM960 384A448 448 0 1 0 64 384a448 448 0 0 0 896 0z m-64 0A384 384 0 1 1 128 384a384 384 0 0 1 768 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_mobile" unicode="&#59229;" d="M416 64h192v64h-192v-64zM224 736a64 64 0 0 0 64 64h448a64 64 0 0 0 64-64V0a64 64 0 0 0-64-64h-448a64 64 0 0 0-64 64V736z m64 0V0h448V736h-448z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_order_adjustment_column" unicode="&#59230;" d="M480 352V-64h64V352h298.048l-108.288-108.224 45.248-45.312 162.88 162.88a32 32 0 0 1 0 45.312l-162.88 162.88-45.248-45.312L842.048 416H544V832h-64v-416H182.144l108.224 108.224L245.12 569.6 82.24 406.656a32 32 0 0 1 0-45.312l162.88-162.88 45.248 45.248L182.144 352H480z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_jump" unicode="&#59200;" d="M146.752 18.752c12.032-11.968 28.288-18.752 45.248-18.752h640a64.064 64.064 0 0 1 64 64V352h-64V64H192V704h288V768H192a64.064 64.064 0 0 1-64-64v-640c0-16.96 6.784-33.28 18.752-45.248zM576 704V768h288a32 32 0 0 0 32-32V448h-64V658.752L557.248 384 512 429.248 786.752 704H576z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_lock_off" unicode="&#59201;" d="M384 192v64h256v-64H384zM288 512V576a224 224 0 1 0 448 0h-64a160 160 0 0 1-320 0v-64H832a32 32 0 0 0 32-32v-448a32 32 0 0 0-32-32H192a32 32 0 0 0-32 32v448A32 32 0 0 0 192 512h96z m-64-448h576V448h-576v-384z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_loading" unicode="&#59204;" d="M512 800a416 416 0 0 1 0-832v104A312 312 0 1 0 824 384H928A416 416 0 0 1 512 800z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_laptop" unicode="&#59205;" d="M160 128a64 64 0 0 0-64 64V640a64 64 0 0 0 64 64h704a64 64 0 0 0 64-64v-448a64 64 0 0 0-64-64h-704z m0 64h704V640h-704v-448zM960 64H64v-64h896v64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_mail" unicode="&#59207;" d="M95.936 640.064a64 64 0 0 0 64 64h704a64 64 0 0 0 64-64v-512a64 64 0 0 0-64-64h-704a64 64 0 0 0-64 64v512z m742.336 0H185.6L512 422.528l326.336 217.6z m-678.336-59.776V128h704V580.288L511.936 345.6l-352 234.688z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_minus_rectangle" unicode="&#59208;" d="M320 352h384v64H320v-64zM192 0a64 64 0 0 0-64 64V704a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-640a64 64 0 0 0-64-64H192z m0 64h640V704H192v-640z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_location" unicode="&#59209;" d="M672 512a160 160 0 1 0-320 0 160 160 0 0 0 320 0z m-64 0a96 96 0 1 1-192 0 96 96 0 0 1 192 0zM535.168-29.952a28.032 28.032 0 0 0-46.336 0L246.784 325.632a320.896 320.896 0 1 0 530.496 0l-242.112-355.584z m189.184 391.616a256.896 256.896 0 1 1-424.704 0L512 49.728l212.352 311.936z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_lock_on" unicode="&#59210;" d="M384 256v-64h256v64H384zM288 576.64V512H192a32 32 0 0 1-32-32v-448a32 32 0 0 1 32-32h640a32 32 0 0 1 32 32v448A32 32 0 0 1 832 512h-96V576.64a224 224 0 0 1-448 0z m384-64.64h-320V576.64a160 160 0 0 0 320 0V512z m-448-64h576v-384h-576V448z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_link_unlink" unicode="&#59211;" d="M384 768v-128h64V768H384zM523.328 282.176l-147.072-147.072a80 80 0 0 0-113.152 113.152l147.072 147.072-45.248 45.248-147.072-147.072a144 144 0 0 1 203.648-203.648l147.072 147.072-45.248 45.248zM613.76 372.672l45.312-45.248 147.072 147.072a144 144 0 1 1-203.648 203.648L455.424 531.072l45.248-45.248 147.072 147.072a80 80 0 0 0 113.152-113.152L613.824 372.672zM768 320h128v-64h-128V320zM128 448h128V512H128v-64zM640 128v-128H576v128h64zM750.848 190.4l103.808-103.744-45.312-45.248-103.68 103.68 45.184 45.312zM169.344 681.408l103.808-103.808 45.248 45.248-103.744 103.808-45.312-45.248z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_menu-application" unicode="&#59212;" d="M256 704a64 64 0 1 0-128 0 64 64 0 0 0 128 0zM256 384a64 64 0 1 0-128 0 64 64 0 0 0 128 0zM192 0a64 64 0 1 1 0 128 64 64 0 0 1 0-128zM576 704a64 64 0 1 0-128 0 64 64 0 0 0 128 0zM512 320a64 64 0 1 1 0 128 64 64 0 0 1 0-128zM576 64a64 64 0 1 0-128 0 64 64 0 0 0 128 0zM832 640a64 64 0 1 1 0 128 64 64 0 0 1 0-128zM896 384a64 64 0 1 0-128 0 64 64 0 0 0 128 0zM832 0a64 64 0 1 1 0 128 64 64 0 0 1 0-128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_minus_circle" unicode="&#59213;" d="M288 352h448v64h-448v-64zM960 384A448 448 0 1 0 64 384a448 448 0 0 0 896 0z m-64 0A384 384 0 1 1 128 384a384 384 0 0 1 768 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_logout" unicode="&#59214;" d="M576 704v-128h64V736a32 32 0 0 1-32 32h-512a32 32 0 0 1-32-32v-704a32 32 0 0 1 32-32h512a32 32 0 0 1 32 32V192H576v-128H128V704h448zM718.848 559.744L862.528 416H384v-64h478.528l-143.68-143.744 45.248-45.248 198.336 198.4a32 32 0 0 1 0 45.248l-198.4 198.336-45.184-45.248z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_link" unicode="&#59215;" d="M398.848 135.04l135.808 135.808 45.248-45.248-135.808-135.744a160 160 0 0 0-226.24 226.24l135.744 135.808 45.248-45.248-135.744-135.808a96 96 0 0 1 135.744-135.744zM670.4 316.16l-45.248 45.184 135.744 135.808a96 96 0 1 1-135.744 135.744L489.344 497.152l-45.248 45.248 135.808 135.744a160 160 0 0 0 226.24-226.24l-135.744-135.808zM579.84 497.152L398.912 316.096l45.312-45.248 180.992 181.056-45.248 45.248z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_layers" unicode="&#59216;" d="M900.672 577.408L512 415.488l-388.736 161.92c-26.24 10.944-26.24 49.792 0 60.736L512 800l388.672-161.92c26.24-10.944 26.24-49.792 0-60.736zM219.328 607.744L512 485.824l292.608 121.92L512 729.664 219.328 607.808zM95.936 446.272v-78.528L512 184.832l415.936 182.848V446.208L512 263.36 95.936 446.272zM95.936 229.12v-78.528L512-32.32l415.936 182.848V229.12L512 46.208 96 229.184z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_login" unicode="&#59217;" d="M542.528 416L398.848 559.744l45.248 45.248 198.4-198.4a32 32 0 0 0 0-45.248l-198.4-198.336-45.248 45.248L542.528 352H64v64h478.528zM256 576V704h512v-640H256v128H192v-160a32 32 0 0 1 32-32h576a32 32 0 0 1 32 32v704a32 32 0 0 1-32 32h-576a32 32 0 0 1-32-32V576h64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file_paste" unicode="&#59160;" d="M704 160H320v-64h384v64zM160 772.992c0 37.44 33.28 59.008 63.68 59.008h339.072a64 64 0 0 0 45.248-18.752L845.248 576a64 64 0 0 0 18.752-45.248v-535.744c0-37.44-33.28-59.008-63.68-59.008h-576.64c-30.4 0-63.68 21.568-63.68 59.008V772.992zM224 768v-768h576V511.168h-256V768h-320z m384-192.832h147.584L608 722.752v-147.584z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_error_circle" unicode="&#59161;" d="M544 640v-352h-64V640h64zM550.016 224h-76.8v-76.8h76.8v76.8zM960 384A448 448 0 1 1 64 384a448 448 0 0 1 896 0z m-64 0A384 384 0 1 0 128 384a384 384 0 0 0 768 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file_word" unicode="&#59162;" d="M224 768v-768h192v-64H223.68c-30.4 0-63.68 21.568-63.68 59.008V772.992c0 37.44 33.28 59.008 63.68 59.008h343.68a64 64 0 0 0 45.76-19.2l232.576-237.056a64 64 0 0 0 18.304-44.8V384h-64V511.168h-256V768h-320z m384-41.344v-151.488h148.608L608 726.656zM576 0V288H512V0a64 64 0 0 1 64-64h224a64 64 0 0 1 64 64V288h-64V0h-80V288h-64V0H576z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_enter" unicode="&#59163;" d="M832 640v-384H269.248l105.408 105.344-45.248 45.312-160-160a32 32 0 0 1 0-45.312l160-160 45.248 45.312L269.248 192H832a64 64 0 0 1 64 64V640h-64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file" unicode="&#59164;" d="M223.68 832c-30.4 0-63.68-21.568-63.68-59.008v-777.984c0-37.44 33.28-59.008 63.68-59.008h576.64c30.4 0 63.68 21.568 63.68 59.008v535.68A64 64 0 0 1 845.248 576L608 813.248A64 64 0 0 1 562.752 832H223.68zM544 768v-256.832h256V0h-576V768h320z m64-45.248l147.584-147.584H608V722.752z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_fork" unicode="&#59166;" d="M384 736a32 32 0 0 0 32 32h192a32 32 0 0 0 32-32v-192a32 32 0 0 0-32-32h-64v-128h192a64 64 0 0 0 64-64v-64h64a32 32 0 0 0 32-32v-192a32 32 0 0 0-32-32h-192a32 32 0 0 0-32 32v192a32 32 0 0 0 32 32h64V320h-448v-64h64a32 32 0 0 0 32-32v-192a32 32 0 0 0-32-32h-192a32 32 0 0 0-32 32v192a32 32 0 0 0 32 32h64V320a64 64 0 0 0 64 64h192V512h-64a32 32 0 0 0-32 32v192zM448 576h128V704H448v-128z m-256-384v-128h128v128H192z m512 0v-128h128v128h-128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file_copy" unicode="&#59167;" d="M256 772.992C256 810.432 289.28 832 319.68 832h279.68a64 64 0 0 0 45.76-19.2l232.576-237.056a64 64 0 0 0 18.304-44.8l0.32-407.936c0-37.376-33.28-59.008-63.744-59.008H320c-30.336 0-63.616 21.568-63.616 59.008L256 772.992zM320 768l0.32-640h512L832 511.168H576V768H320z m320-41.344v-151.488h148.608L640 726.656zM128 576v-576.832a64 64 0 0 1 64-64h512v64H192V576H128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_flag" unicode="&#59168;" d="M556.416 715.392A466.688 466.688 0 0 0 832 721.408v-379.2a566.592 566.592 0 0 1-307.2-14.464l-33.024-11.008A543.168 543.168 0 0 0 192 304.128V681.856a566.592 566.592 0 0 1 307.2 14.4l57.216 19.136zM128 256V733.184c0 17.152 16.832 29.248 33.088 23.808a502.528 502.528 0 0 1 317.824 0l57.28 19.072a530.624 530.624 0 0 0 335.616 0 35.392 35.392 0 0 0 24.192-33.536v-451.648a25.152 25.152 0 0 0-33.088-23.808 502.528 502.528 0 0 1-317.824 0L512 256a607.168 607.168 0 0 0-320-17.472V-64H128v320z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_folder" unicode="&#59169;" d="M96 672a64 64 0 0 0 64 64H357.824l8.32-6.08L490.432 640H864a64 64 0 0 0 64-64v-512a64 64 0 0 0-64-64h-704a64 64 0 0 0-64 64V672z m241.088 0H160V64h704V576H469.632l-8.384 6.08L337.088 672z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file_image" unicode="&#59170;" d="M223.68 832c-30.4 0-63.68-21.568-63.68-59.008v-777.984c0-37.44 33.28-59.008 63.68-59.008h571.776c30.4 0 63.68 21.568 63.68 59.008V530.944a64 64 0 0 1-18.304 44.8L608.256 812.8A64 64 0 0 1 562.56 832H223.68zM224 168.704V768h320v-256.64h251.136v-273.792L672 360.704l-192-192-128 128-128-128z m0-81.408l128 128L439.296 128l-128-128H224v87.296z m448 192l123.136-123.2V0H392.704L672 279.296z m79.488 296.128H608V721.664l143.488-146.24z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file_powerpoint" unicode="&#59171;" d="M224 768v-768H512v-64H223.68c-30.4 0-63.68 21.568-63.68 59.008V772.992c0 37.44 33.28 59.008 63.68 59.008h343.68a64 64 0 0 0 45.76-19.2l232.576-237.056a64 64 0 0 0 18.304-44.8V416h-64V511.168h-256V768h-320z m384-41.344v-151.488h148.608L608 726.656zM800 352h-192V-64h64v160h128a64 64 0 0 1 64 64v128a64 64 0 0 1-64 64z m0-192h-128v128h128v-128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file_add" unicode="&#59172;" d="M256 832c-35.584 0-64-28.416-64-64v-704c0-35.584 28.416-64 64-64h290.304v64H256V768h256v-256h256v-158.976h64V530.752A64 64 0 0 1 813.248 576l-5.248 5.248-0.064 0.128-237.44 237.44a33.792 33.792 0 0 1-18.24 9.472A64 64 0 0 1 530.752 832H256z m466.752-256H576V722.752L722.752 576zM768-64v128h-128v64h128v128h64v-128h128v-64h-128v-128h-64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file_unknown" unicode="&#59173;" d="M224 768v-768H576v-64H223.68c-30.4 0-63.68 21.568-63.68 59.008V772.992c0 37.44 33.28 59.008 63.68 59.008h338.624a64 64 0 0 0 45.696-19.2l232.576-237.056a64 64 0 0 0 18.304-44.8V416h-64V511.168h-256V768H224z m378.88-41.344v-151.488h148.608L602.88 726.656zM730.88 357.12c-68.48 0-128-52.608-128-121.728h64c0 29.76 26.688 57.664 64 57.664 37.376 0 64-27.904 64-57.664 0-19.2-17.92-42.24-46.016-52.864H748.8c-28.352-11.008-49.856-37.952-49.856-71.168v-42.24h64v42.24c0 4.16 2.688 8.96 8.832 11.392 42.112 16 87.168 56.96 87.168 112.64 0 69.12-59.456 121.664-128 121.664zM730.88 12.8a38.4 38.4 0 1 1 0-76.8 38.4 38.4 0 0 1 0 76.8z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_error_circle_filled" unicode="&#59174;" d="M960 384A448 448 0 1 1 64 384a448 448 0 0 1 896 0zM544 640v-352h-64V640h64z m-70.784-448h76.8v-76.8h-76.8V192z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_help" unicode="&#59175;" d="M512 736c-121.408 0-224-92.672-224-211.2h64c0 79.104 69.696 147.2 160 147.2s160-68.096 160-147.2c0-56.576-49.6-112-112.64-135.936l-0.192-0.064C513.536 371.2 480 328.32 480 276.48V192h64V276.48c0 22.784 14.72 43.52 38.144 52.544C659.456 358.4 736 431.936 736 524.8c0 118.528-102.592 211.2-224 211.2zM512 128a48 48 0 1 1 0-96 48 48 0 0 1 0 96z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_fullscreen_exit" unicode="&#59176;" d="M416 525.248V704h64v-256a32 32 0 0 0-32-32H192v64h178.752L137.344 713.344l45.312 45.312L416 525.248zM608 242.752V64h-64V320a32 32 0 0 0 32 32h256v-64h-178.752l233.408-233.344-45.248-45.312L608 242.752z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file_pdf" unicode="&#59177;" d="M224 0V768h320v-256.832h256V416h64V530.944a64 64 0 0 1-18.304 44.8L613.12 812.8a64 64 0 0 1-45.696 19.2h-343.68c-30.464 0-63.744-21.568-63.744-59.008v-777.984c0-37.44 33.28-59.008 63.68-59.008H768v64H224z m532.608 575.168H608V726.656l148.608-151.488zM536.128 320h119.104c30.976 0 56-25.088 56-56v-142.784a56 56 0 0 0-56-56H536.128V320z m48-48v-158.784h71.104a8 8 0 0 1 8 8V264a8 8 0 0 1-8 8H584.128zM320 319.616h119.104c30.976 0 56-25.088 56-56v-67.328a56 56 0 0 0-56-56H368v-76.16H320V319.616z m48-131.328h71.104a8 8 0 0 1 8 8V263.68a8 8 0 0 1-8 8H368v-83.328zM752.256 64.128h48v101.184h103.104v48h-103.104V272h103.104V320h-151.104v-255.872z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_gift" unicode="&#59178;" d="M224 640c0-36.032 11.904-69.248 32-96H160A32 32 0 0 1 128 512v-512a32 32 0 0 1 32-32h704a32 32 0 0 1 32 32V512a32 32 0 0 1-32 32H768a160 160 0 0 1-256 192A160 160 0 0 1 224 640z m512 0A96 96 0 0 0 640 544H544V640a96 96 0 1 0 192 0z m-256-160V192h64V480H832v-448H192v448h288z m0 64H384A96 96 0 1 0 480 640v-96z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_gender_female" unicode="&#59179;" d="M512 788.608a224 224 0 0 1-31.168-445.888v-86.848h-128v-64h128v-224h64v224h128v64h-128V342.976A224 224 0 0 1 512 788.608z m0-64a160 160 0 1 0 0-320 160 160 0 0 0 0 320z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_home1" unicode="&#59180;" d="M384 192v-64h256v64H384zM489.344 790.656a32 32 0 0 0 45.312 0l416-416-45.248-45.312L832 402.752V32a64 64 0 0 0-64-64H256a64 64 0 0 0-64 64V402.752L118.656 329.344l-45.312 45.312 416 416zM512 722.752l-256-256V32h512V466.752l-256 256z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_heart_filled" unicode="&#59181;" d="M128 472.768c0 186.496 221.696 284.032 359.168 158.016L512 608l24.832 22.784C674.304 756.8 896 659.2 896 472.768c0-56.832-22.592-111.36-62.72-151.552l-311.936-311.872c-5.12-5.12-13.504-5.12-18.688 0L190.784 321.216A214.336 214.336 0 0 0 128 472.768z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_info_circle" unicode="&#59182;" d="M480.384 128V480h64V128h-64zM550.4 640H473.6v-76.8h76.8V640zM64 384a448 448 0 1 1 896 0A448 448 0 0 1 64 384z m64 0a384 384 0 1 0 768 0A384 384 0 0 0 128 384z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file_icon" unicode="&#59183;" d="M224 768v-768h494.976v-64H223.68c-30.4 0-63.68 21.568-63.68 59.008V772.992c0 37.44 33.28 59.008 63.68 59.008h343.68a64 64 0 0 0 45.76-19.2l232.576-237.056a64 64 0 0 0 18.304-44.8V416h-64V511.168h-256V768h-320z m384-192.832h148.608L608 726.656v-151.488zM286.784 320h128v-51.2h-38.4v-153.6h38.4v-51.2h-128v51.2h38.4V268.8h-38.4V320zM576 320H498.688A50.944 50.944 0 0 1 448 268.8v-153.6c0-28.288 22.72-51.2 50.688-51.2H576v51.2H498.688V268.8H576V320zM883.008 268.8V64H832V320h111.552c28.16 0 51.072-22.912 51.072-51.2V64h-51.072V268.8h-60.544zM608 268.16V115.2c0-28.16 22.848-51.008 51.008-51.008h76.544c28.16 0 51.008 22.848 51.008 51.008V268.224a51.008 51.008 0 0 1-51.008 51.008h-76.544a51.008 51.008 0 0 1-51.008-51.008z m51.008-153.024V268.224h76.544v-153.088h-76.544z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_heart" unicode="&#59184;" d="M512 521.152l68.096 62.464C676.48 671.936 832 603.52 832 472.768c0-39.872-15.872-78.08-44.032-106.24L512 90.432 236.032 366.464A150.336 150.336 0 0 0 192 472.768C192 603.584 347.52 672 443.904 583.68L512 521.152z m-24.832 109.632C349.696 756.8 128 659.2 128 472.768c0-56.832 22.592-111.36 62.72-151.552l311.936-311.872c5.12-5.12 13.504-5.12 18.688 0l311.872 311.872c40.192 40.192 62.784 94.72 62.784 151.552 0 186.496-221.696 284.032-359.168 158.016L512 608l-24.832 22.784z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_history" unicode="&#59185;" d="M505.984 717.248c188.416 0 339.456-150.208 339.456-333.376 0-183.104-151.04-333.312-339.456-333.312-157.568 0-288.96 104.96-327.808 246.4l-66.112-10.752c44.224-173.696 203.84-302.336 393.92-302.336 224.256 0 406.08 179.136 406.08 400 0 220.928-181.76 400-406.08 400A407.552 407.552 0 0 1 178.56 620.544v106.24H112v-201.408a32 32 0 0 1 32-32h200.128V560.192H217.92a340.288 340.288 0 0 0 288 157.056zM448 544v-184.896l169.344-169.344 45.248 45.248L512 385.6V544H448z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_hourglass" unicode="&#59187;" d="M512 440.576l256 212.288V736H256v-83.2l256-212.224zM192 622.784V736a64 64 0 0 0 64 64h512a64 64 0 0 0 64-64v-113.28L544 384l288-238.72v-113.28a64 64 0 0 0-64-64H256a64 64 0 0 0-64 64v113.28L480 384 192 622.72z m64-507.648V32h512v83.2L512 327.36l-256-212.288z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_info_circle_filled" unicode="&#59188;" d="M512-64A448 448 0 1 1 512 832a448 448 0 0 1 0-896zM473.6 640h76.8v-76.8H473.6V640z m6.784-160h64V128h-64V480z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_folder_open" unicode="&#59189;" d="M160 720.384h251.456L544 614.784h320v64H566.4l-132.608 105.6H160v-64zM160 614.72a64 64 0 0 1-64-64V64a64 64 0 0 1 64-64h704a64 64 0 0 1 64 64V445.12a64 64 0 0 1-64 64H523.2l-132.608 105.6H160z m0-64h208.256l132.544-105.6H864V64h-704V550.72z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_help_circle_filled" unicode="&#59190;" d="M959.616 384a448 448 0 1 1-896 0 448 448 0 0 1 896 0zM371.392 471.616c0 77.312 62.848 140.224 140.224 140.224 77.44 0 140.288-62.912 140.288-140.224 0-62.08-47.552-110.144-95.04-129.536a21.632 21.632 0 0 1-13.248-20.16v-51.008h-64V321.92c0 35.84 21.76 66.496 52.928 79.36l0.128 0.064c31.68 12.864 55.232 42.048 55.232 70.272 0 41.984-34.24 76.224-76.288 76.224-41.984 0-76.224-34.24-76.224-76.224h-64z m106.496-290.688a33.728 33.728 0 1 0 67.456 0 33.728 33.728 0 0 0-67.456 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_help_circle" unicode="&#59191;" d="M473.216 153.6a38.4 38.4 0 1 0 76.8 0 38.4 38.4 0 0 0-76.8 0zM511.616 639.616A155.328 155.328 0 0 1 356.48 484.416h64c0 50.24 40.96 91.2 91.2 91.2s91.2-40.96 91.2-91.2c0-34.432-28.416-68.928-65.6-84.032h-0.128c-33.92-14.08-57.472-47.36-57.472-86.272V256h64v58.112c0 12.416 7.36 22.72 17.792 27.008 52.992 21.568 105.408 74.944 105.408 143.296a155.328 155.328 0 0 1-155.2 155.2zM959.616 384a448 448 0 1 1-896 0 448 448 0 0 1 896 0z m-64 0a384 384 0 1 0-768 0 384 384 0 0 0 768 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_image" unicode="&#59192;" d="M640 384a128 128 0 1 1 0 256 128 128 0 0 1 0-256z m0 64a64 64 0 1 1 0 128 64 64 0 0 1 0-128zM128 64a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64V704a64 64 0 0 1-64 64H192a64 64 0 0 1-64-64v-640z m64 82.752l192 192L658.752 64H192v82.752z m0 90.496V704h640v-640h-82.752L384 429.248l-192-192z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_gender_male" unicode="&#59193;" d="M832 665.6a38.4 38.4 0 0 1-38.4 38.4H576v-64h152.512l-237.44-237.44a224 224 0 1 1 44.352-46.08L768 588.992V448h64V665.6z m-591.552-553.152a160 160 0 1 0 226.304 226.304 160 160 0 0 0-226.304-226.304z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_fullsreen" unicode="&#59194;" d="M224 626.752V448h-64V704a32 32 0 0 0 32 32h256v-64H269.248l201.408-201.344-45.312-45.312L224 626.752zM800 141.248V320h64v-256a32 32 0 0 0-32-32H576v64h178.752L553.344 297.344l45.312 45.312 201.344-201.408z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_image_error" unicode="&#59195;" d="M128 64V384h64v-146.752l192 192L749.248 64H832V704H512V768h320a64 64 0 0 0 64-64v-640a64 64 0 0 0-64-64H192a64 64 0 0 0-64 64z m256 274.752l-192-192V64h466.752L384 338.752zM768 512a128 128 0 1 0-256 0 128 128 0 0 0 256 0z m-64 0a64 64 0 1 1-128 0 64 64 0 0 1 128 0zM402.048 540.16l-45.248-45.184-90.496 90.496-90.496-90.496-45.312 45.248 90.56 90.496-90.56 90.496 45.312 45.248L266.24 675.968l90.496 90.496 45.248-45.248-90.496-90.496 90.496-90.496z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_folder_add" unicode="&#59196;" d="M96 704a64 64 0 0 0 64 64h229.76l132.608-96H832a64 64 0 0 0 64-64v-256h-64v256H501.632L369.088 704H160v-576h384v-64h-384a64 64 0 0 0-64 64V704zM768-64v128h-128v64h128v128h64v-128h128v-64h-128v-128h-64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_file_excel" unicode="&#59197;" d="M224 768v-768H512v-64H223.68c-30.4 0-63.68 21.568-63.68 59.008V772.992c0 37.44 33.28 59.008 63.68 59.008h343.68a64 64 0 0 0 45.76-19.2l232.576-237.056a64 64 0 0 0 18.304-44.8V416h-64V511.168h-256V768h-320z m384-41.344v-151.488h148.608L608 726.656zM661.504 269.312v53.76h-64v-53.76c0-16.512 5.632-32.512 16-45.44l76.16-94.784-76.16-94.848c-10.368-12.864-16-28.864-16-45.44v-53.76h64v53.76c0 1.92 0.64 3.84 1.92 5.376l67.328 83.84 67.392-83.84c1.216-1.536 1.856-3.392 1.856-5.312v-53.76h64v53.76c0 16.512-5.632 32.512-16 45.44l-76.16 94.72 76.16 94.848c10.368 12.928 16 28.928 16 45.44v53.76h-64v-53.76c0-1.92-0.64-3.84-1.92-5.312l-67.328-83.84-67.328 83.84a8.448 8.448 0 0 0-1.92 5.312z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_forward" unicode="&#59198;" d="M944.512 408.96a32 32 0 0 0 0-49.92L583.68 70.912a32 32 0 0 0-51.904 24.96V368.96a31.936 31.936 0 0 0-7.808-9.6L180.48 73.28a32 32 0 0 0-52.48 24.576V670.208a32 32 0 0 0 52.48 24.576l343.488-286.208a31.872 31.872 0 0 0 7.808-9.6V672.128a32 32 0 0 0 51.904 24.96l360.832-288z m-348.8 196.608v-443.136L873.344 384 595.776 605.568zM192 601.92v-435.84L453.504 384 192 601.92z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_internet" unicode="&#59199;" d="M70.4 390.4a441.6 441.6 0 1 0 883.2 0v-12.8a441.6 441.6 0 1 0-883.2 0v12.8z m818.368-38.4h-192a631.232 631.232 0 0 0-125.184-347.328A377.728 377.728 0 0 1 888.768 352z m-192 64h192A377.792 377.792 0 0 1 571.52 763.328 631.232 631.232 0 0 0 696.768 416z m-64.064 0A567.36 567.36 0 0 1 512 735.808 567.36 567.36 0 0 1 391.296 416h241.408z m-305.472-64h-192a377.728 377.728 0 0 1 317.184-347.328A631.296 631.296 0 0 0 327.232 352z m0 64A631.296 631.296 0 0 0 452.48 763.328 377.728 377.728 0 0 1 135.232 416h192z m305.472-64H391.296A567.36 567.36 0 0 1 512 32.192 567.36 567.36 0 0 1 632.704 352z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_check_circle_filled" unicode="&#59121;" d="M512-64A448 448 0 1 1 512 832a448 448 0 0 1 0-896zM288 370.752l45.248 45.248L448 301.248 690.752 544l45.248-45.248-288-288-160 160z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chevron_right_circle" unicode="&#59122;" d="M397.248 562.752L576 384l-178.752-178.752 45.248-45.248 224 224-224 224-45.248-45.248zM512-64A448 448 0 1 0 512 832a448 448 0 0 0 0-896z m0 64A384 384 0 1 1 512 768a384 384 0 0 1 0-768z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_creditcard" unicode="&#59123;" d="M224 192h192v64h-192v-64zM960 128V640a64 64 0 0 1-64 64H128a64 64 0 0 1-64-64v-512a64 64 0 0 1 64-64h768a64 64 0 0 1 64 64z m-64 512v-96H128V640h768zM128 128V480h768V128H128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_close_circle_filled" unicode="&#59124;" d="M960 384A448 448 0 1 1 64 384a448 448 0 0 1 896 0zM362.88 579.328L512 429.44l149.12 149.952 45.312-45.12L557.12 384l149.312-150.272-45.376-45.056L512 338.56l-149.12-150.016-45.312 45.184L466.88 384 317.568 534.208l45.376 45.12z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_circle" unicode="&#59125;" d="M512 832a448 448 0 1 0 0-896A448 448 0 0 0 512 832z m0-64a384 384 0 1 1 0-768A384 384 0 0 1 512 768z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chevron_left_circle" unicode="&#59126;" d="M626.752 205.248L448 384l178.752 178.752-45.248 45.248-224-224 224-224 45.248 45.248zM512 832a448 448 0 1 0 0-896A448 448 0 0 0 512 832z m0-64a384 384 0 1 1 0-768A384 384 0 0 1 512 768z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chevron_left_double" unicode="&#59127;" d="M834.56 610.56l-58.816 58.88L490.304 384l285.44-285.44 58.88 58.88L608 384l226.56 226.56zM514.56 610.56l-58.816 58.88L170.304 384l285.44-285.44 58.88 58.88L288 384l226.56 226.56z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chevron_right" unicode="&#59128;" d="M413.44 98.56l-58.816 58.88L581.184 384l-226.56 226.56 58.88 58.88L698.88 384l-285.44-285.44z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_control_platform" unicode="&#59129;" d="M927.68 624L542.08 846.72a59.968 59.968 0 0 1-60.032 0L96.32 624v-445.376c0-21.44 11.456-41.216 30.016-51.968L512-96l385.728 222.72a59.968 59.968 0 0 1 29.952 51.904V624zM512 420.992L192.256 605.568 512 790.144l319.68-184.576L512 420.992z m32.064-55.488l319.68 184.576v-369.088L544-3.52V365.44z m-64 0v-369.024l-319.744 184.512V550.144L480 365.44z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_close" unicode="&#59130;" d="M512 325.12l196.864-196.8 58.88 58.88L570.752 384l196.864 196.864-58.816 58.88L512 442.752 315.136 639.68l-58.88-58.88L453.248 384l-196.864-196.864 58.88-58.88L512 325.248z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_check" unicode="&#59131;" d="M411.776 260.992l398.208 398.272 58.88-58.88-457.088-457.024-285.44 285.44 58.88 58.816 226.56-226.56z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chevron_right_double" unicode="&#59132;" d="M189.44 157.44l58.816-58.88L533.696 384l-285.44 285.44-58.88-58.88L416 384l-226.56-226.56z m320 0l58.816-58.88L853.696 384l-285.44 285.44-58.88-58.88L736 384l-226.56-226.56z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_check_rectangle_filled" unicode="&#59133;" d="M128 64a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64V704a64 64 0 0 1-64 64H192a64 64 0 0 1-64-64v-640z m320 233.152l241.6 241.6 45.248-45.248L448 206.656 288.832 365.76l45.312 45.248L448 297.088z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_cloud_upload" unicode="&#59134;" d="M302.72 495.168l-45.568-5.312C185.408 481.536 128 419.008 128 341.376c0-77.44 56.96-139.648 128-148.352v-64.32c-107.328 8.896-192 100.864-192 212.608 0 109.76 81.28 199.936 185.792 212.16C276.032 676.48 383.552 768 512 768c128.448 0 235.968-91.456 262.208-214.528 104.576-12.16 185.792-102.4 185.792-212.16 0-111.744-84.672-203.712-192-212.608v64.32c71.04 8.704 128 70.912 128 148.288 0 77.696-57.344 140.16-129.152 148.544l-45.632 5.312-9.6 44.928C691.392 634.816 609.024 704 512 704 414.976 704 332.608 634.88 312.32 540.096l-9.6-44.928zM392.96 209.92l86.912 85.248 2.176-327.616 64.64 0.448-2.112 326.464 87.872-85.696 45.696 44.8-144.128 140.544a32 32 0 0 1-44.736 0l-142.08-139.52 45.824-44.672z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chevron_up_circle" unicode="&#59135;" d="M333.248 269.248L512 448l178.752-178.752 45.248 45.248-224 224-224-224 45.248-45.248zM960 384A448 448 0 1 0 64 384a448 448 0 0 0 896 0z m-64 0A384 384 0 1 1 128 384a384 384 0 0 1 768 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chevron_down_circle" unicode="&#59136;" d="M690.752 498.752L512 320 333.248 498.752l-45.248-45.248 224-224 224 224-45.248 45.248zM64 384a448 448 0 1 0 896 0A448 448 0 0 0 64 384z m64 0a384 384 0 1 1 768 0A384 384 0 0 1 128 384z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chevron_up_rectangle" unicode="&#59137;" d="M333.248 269.248L512 448l178.752-178.752 45.248 45.248-224 224-224-224 45.248-45.248zM128 704a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-640a64 64 0 0 0-64-64H192a64 64 0 0 0-64 64V704z m64 0v-640h640V704H192z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_close_rectangle" unicode="&#59138;" d="M308.352 225.6L466.752 384 308.352 542.4l45.248 45.248L512 429.248l158.4 158.4 45.248-45.248L557.248 384l158.4-158.4-45.248-45.248L512 338.752l-158.4-158.4-45.248 45.248zM192 0a64 64 0 0 0-64 64V704a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-640a64 64 0 0 0-64-64H192z m0 64h640V704H192v-640z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chevron_down_rectangle" unicode="&#59139;" d="M690.752 498.752L512 320 333.248 498.752l-45.248-45.248 224-224 224 224-45.248 45.248zM896 64a64 64 0 0 0-64-64H192a64 64 0 0 0-64 64V704a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-640z m-64 0V704H192v-640h640z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chevron_left" unicode="&#59140;" d="M610.56 669.44l58.816-58.88L442.816 384l226.56-226.56-58.88-58.88L325.12 384l285.44 285.44z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_check_circle" unicode="&#59141;" d="M288 370.752l160-160 288 288-45.248 45.248L448 301.248 333.248 416l-45.248-45.248zM263.104 756.48a448 448 0 1 0 497.792-744.96A448 448 0 0 0 263.104 756.48z m35.584-691.776a384 384 0 1 1 426.624 638.592 384 384 0 0 1-426.624-638.592z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chevron_right_rectangle" unicode="&#59142;" d="M397.248 562.752L576 384l-178.752-178.752 45.248-45.248 224 224-224 224-45.248-45.248zM832 768a64 64 0 0 0 64-64v-640a64 64 0 0 0-64-64H192a64 64 0 0 0-64 64V704a64 64 0 0 0 64 64h640z m0-64H192v-640h640V704z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_check_rectangle" unicode="&#59143;" d="M689.6 538.752L448 297.152l-113.92 113.92-45.248-45.312L448 206.72l286.848 286.848-45.248 45.248zM192 0a64 64 0 0 0-64 64V704a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-640a64 64 0 0 0-64-64H192z m0 64h640V704H192v-640z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_close_circle" unicode="&#59144;" d="M318.72 236.032L466.816 384 318.72 531.968l45.248 45.248L512 429.248l147.968 147.968 45.248-45.248L557.248 384l147.968-147.968-45.248-45.248L512 338.752 364.032 190.72l-45.248 45.248zM512 832a448 448 0 1 0 0-896A448 448 0 0 0 512 832z m0-64a384 384 0 1 1 0-768A384 384 0 0 1 512 768z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_cloud" unicode="&#59145;" d="M302.72 431.296l9.6 44.864C332.672 570.944 415.04 640.064 512 640.064s179.392-69.12 199.68-163.904l9.6-44.864 45.568-5.376C838.656 417.6 896 355.072 896 277.44 896 193.792 829.632 128 750.912 128H273.088C194.368 128.064 128 193.92 128 277.376c0 77.696 57.344 140.16 129.216 148.544l45.568 5.376z m471.488 58.24C747.968 612.672 640.448 704 512 704c-128.448 0-235.968-91.392-262.208-214.528C145.216 477.376 64 387.136 64 277.376c0-117.632 93.76-213.312 209.088-213.312h477.824c115.328 0 209.088 95.68 209.088 213.312 0 109.76-81.28 199.936-185.792 212.16z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chevron_down" unicode="&#59146;" d="M226.56 482.56l58.88 58.88L512 314.88l226.56 226.56 58.88-58.88L512 197.12 226.56 482.56z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_delete" unicode="&#59147;" d="M384 128V512h64v-384H384zM576 512v-384h64V512H576zM672 704H896v-64h-64v-640a64 64 0 0 0-64-64H256a64 64 0 0 0-64 64V640H128V704h224V780.8a51.2 51.2 0 0 0 51.2 51.2h217.6a51.2 51.2 0 0 0 51.2-51.2V704z m-256 0h192V768h-192v-64zM256 640v-640h512V640H256z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chevron_up" unicode="&#59148;" d="M797.44 285.44l-58.88-58.88L512 453.12l-226.56-226.56-58.88 58.88L512 570.752l285.44-285.44z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_code" unicode="&#59149;" d="M572.16 732.288L389.952 52.288l61.824-16.576L633.984 715.712l-61.824 16.576zM137.6 384l219.2-219.2-45.248-45.248L74.24 356.864a38.4 38.4 0 0 0 0 54.272l237.312 237.312 45.248-45.248L137.6 384zM886.144 384l-220.16-217.728 44.928-45.44 238.656 235.84a38.4 38.4 0 0 1 0 54.656l-238.656 235.904-44.992-45.504L886.144 384z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_dashboard" unicode="&#59150;" d="M887.936 581.952L600.128 294.016l-45.312 45.312 288 287.872 45.248-45.248zM513.408 188.672a64 64 0 1 0 0 128 64 64 0 0 0 0-128z m0-64a128 128 0 1 1 0 256 128 128 0 0 1 0-256zM512 672a416 416 0 0 1-341.44-653.696l-52.48-36.608A480 480 0 0 0 734.72 681.344l-29.76-56.704A414.08 414.08 0 0 1 512 672z m416-416a414.08 414.08 0 0 1-46.848 192l56.768 29.568A478.08 478.08 0 0 0 992 256a477.952 477.952 0 0 0-86.08-274.304l-52.48 36.608A413.952 413.952 0 0 1 928 256z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_clear" unicode="&#59151;" d="M448 640h128V768H448v-128z m192 128v-128h192a64 64 0 0 0 64-64v-128a64 64 0 0 0-54.976-63.36l44.544-311.616a64 64 0 0 0-63.36-73.024H201.792a64 64 0 0 0-63.36 73.024L183.04 384.64A64 64 0 0 0 128 448V576a64 64 0 0 0 64 64h192V768a64 64 0 0 0 64 64h128a64 64 0 0 0 64-64z m136.512-320H832V576H192v-128h584.512z m0-64H247.488l-45.696-320H320v128h64v-128h96v128h64v-128H640v128h64v-128h118.208l-45.696 320z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chevron_left_rectangle" unicode="&#59152;" d="M626.752 205.248L448 384l178.752 178.752-45.248 45.248-224-224 224-224 45.248 45.248zM192 0a64 64 0 0 0-64 64V704a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-640a64 64 0 0 0-64-64H192z m0 64h640V704H192v-640z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_cloud_download" unicode="&#59153;" d="M302.72 495.168l-45.568-5.312C185.408 481.536 128 419.008 128 341.376c0-77.44 56.96-139.648 128-148.352v-64.32c-107.328 8.896-192 100.864-192 212.608 0 109.76 81.28 199.936 185.792 212.16C276.032 676.48 383.552 768 512 768c128.448 0 235.968-91.456 262.208-214.528 104.576-12.16 185.792-102.4 185.792-212.16 0-111.744-84.672-203.712-192-212.608v64.32c71.04 8.704 128 70.912 128 148.288 0 77.696-57.344 140.16-129.152 148.544l-45.632 5.312-9.6 44.928C691.392 634.816 609.024 704 512 704 414.976 704 332.608 634.88 312.32 540.096l-9.6-44.928zM627.008 172.8l-82.816-82.496V384.192H480.128v-293.888l-82.816 82.56-45.312-45.248 137.6-137.088a32 32 0 0 1 45.12 0l137.6 137.088-45.312 45.184z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_desktop" unicode="&#59154;" d="M160 192h320v-128H192v-64h640v64H544v128h320a64 64 0 0 1 64 64V704a64 64 0 0 1-64 64h-704a64 64 0 0 1-64-64v-448a64 64 0 0 1 64-64z m0 512h704v-448h-704V704z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_ellipsis" unicode="&#59155;" d="M192 320a64 64 0 1 0 0 128 64 64 0 0 0 0-128zM448 384a64 64 0 1 1 128 0 64 64 0 0 1-128 0zM768 384a64 64 0 1 1 128 0 64 64 0 0 1-128 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_edit" unicode="&#59157;" d="M696.448 784.832l207.552-207.552 45.248 45.248L741.76 830.08l-45.248-45.248zM150.528 8.768l231.232 46.208 467.072 467.072L641.216 729.6 174.208 262.592l-46.272-231.232a19.2 19.2 0 0 1 22.592-22.592z m490.688 630.4l117.12-117.12-408.128-408.064-146.304-29.312 29.248 146.368 408.064 408.064z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_download" unicode="&#59158;" d="M784.896 523.904L544 283.072V864h-64v-580.928L239.104 523.904l-45.248-45.248 295.488-295.488a32 32 0 0 1 45.312 0l295.488 295.488-45.248 45.248zM128 192v-128a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v128h-64v-128H192v128H128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_discount_filled" unicode="&#59159;" d="M447.168 554.88A75.008 75.008 0 1 0 341.12 448.896 75.008 75.008 0 0 0 447.168 554.88zM128 401.28a64 64 0 0 1 18.752-45.248l378.368-378.368a64 64 0 0 1 90.496 0l302.72 302.72a64 64 0 0 1 0 90.496L539.968 749.248A64 64 0 0 1 494.72 768H128v-366.72z m364.416 198.912a139.008 139.008 0 1 0-196.608-196.608 139.008 139.008 0 0 0 196.608 196.608z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_caret_down" unicode="&#59081;" d="M512 234.688L256 576h512l-256-341.312z m-25.6-72.576a32 32 0 0 1 51.2 0l320 426.688A32 32 0 0 1 832 640H192a32 32 0 0 1-25.6-51.2l320-426.688z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_backtop" unicode="&#59082;" d="M127.936 704.064h768v64h-768v-64zM216.128 241.28l263.04 258.24v-553.536h64.64V499.84l267.52-260.928 45.76 44.8-323.2 315.264a32 32 0 0 1-44.8-0.064L170.24 285.952l45.824-44.608z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_caret_right" unicode="&#59083;" d="M725.376 384L384 128V640l341.376-256z m72.512-25.6a32 32 0 0 1 0 51.2L371.2 729.6A32 32 0 0 1 320 704v-640a32 32 0 0 1 51.2-25.6l426.688 320z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_bulletpoint" unicode="&#59084;" d="M896 704H320v-64h576V704zM224 704H128v-64h96V704zM320 416h576v-64H320v64zM128 416h96v-64H128v64zM320 128h576v-64H320v64zM128 128h96v-64H128v64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_caret_right_small" unicode="&#59085;" d="M384 576v-384l288 192L384 576z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_add" unicode="&#59086;" d="M470.4 342.4v-246.4h83.2V342.4h246.4v83.2H553.6V672h-83.2v-246.4H224v-83.2h246.4z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_caret_left" unicode="&#59087;" d="M298.688 384L640 640v-512L298.688 384z m-72.512 25.6a32 32 0 0 1 0-51.2l426.624-320a32 32 0 0 1 51.2 25.6V704a32 32 0 0 1-51.2 25.6l-426.624-320z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_caret_down_small" unicode="&#59088;" d="M704 512H320l192-288L704 512z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_caret_left_small" unicode="&#59089;" d="M672 576v-384L384 384l288 192z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="chart-bar" unicode="&#59090;" d="M480 768v-768h64V768h-64zM160 512v-512h64V512h-64zM800 0v256h64v-256h-64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_arrow_left" unicode="&#59091;" d="M250.496 352l233.408-233.344-45.312-45.248-296.96 297.024a19.2 19.2 0 0 0 0 27.2l296.96 296.96 45.312-45.184L250.496 416H896v-64H250.496z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_calendar" unicode="&#59092;" d="M640 704H384V800H320V704H192a64 64 0 0 1-64-64v-576a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64V640a64 64 0 0 1-64 64h-128V800h-64V704zM320 576h64V640h256v-64h64V640h128v-128H192V640h128v-64zM192 448h640v-384H192V448z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chart_pie" unicode="&#59093;" d="M960 384A448 448 0 1 0 64 384a448 448 0 0 0 896 0z m-65.28-32H480V766.72a384 384 0 1 1 414.72-414.72z m0 64A384.064 384.064 0 0 1 544 766.72V416h350.72z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_arrow_right" unicode="&#59094;" d="M773.504 416L540.096 649.344l45.248 45.248 297.088-297.024a19.2 19.2 0 0 0 0-27.136l-297.088-297.088-45.248 45.248L773.504 352H128v64h645.504z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_caret_up_small" unicode="&#59095;" d="M704 224H320L512 512l192-288z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_browse" unicode="&#59097;" d="M696.32 384a184.32 184.32 0 1 0-368.64 0 184.32 184.32 0 0 0 368.64 0z m-64 0a120.32 120.32 0 1 1-240.64 0 120.32 120.32 0 0 1 240.64 0zM71.488 369.28c86.016-168.96 255.04-273.28 440.832-273.28 185.152 0 354.176 104.32 440.192 273.28L960 384l-7.488 14.72C866.56 567.04 697.472 672 512.32 672c-185.792 0-354.816-104.96-440.832-273.28L64 384l7.488-14.72z m440.832-209.28C355.2 160 212.416 245.12 135.04 384 212.416 522.88 355.2 608 512.32 608c156.48 0 299.264-85.12 377.216-224-77.312-138.88-220.736-224-377.216-224z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_books" unicode="&#59099;" d="M511.936 302.208l-256-179.2v581.12h512v-581.12l-256 179.2z m0-78.08l269.632-188.8a32 32 0 0 1 50.368 26.24V704.064a64 64 0 0 1-64 64h-512a64 64 0 0 1-64-64v-642.56a32 32 0 0 1 50.368-26.24l269.632 188.8z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_app" unicode="&#59100;" d="M720 784a192 192 0 1 1 0-384 192 192 0 0 1 0 384z m-128-192a128 128 0 1 0 256 0 128 128 0 0 0-256 0zM128 704a64 64 0 0 0 64 64h224a64 64 0 0 0 64-64v-224a64 64 0 0 0-64-64H192a64 64 0 0 0-64 64V704z m64 0v-224h224V704H192zM128 288a64 64 0 0 0 64 64h224a64 64 0 0 0 64-64V64a64 64 0 0 0-64-64H192a64 64 0 0 0-64 64V288z m64 0V64h224V288H192zM544 288a64 64 0 0 0 64 64H832a64 64 0 0 0 64-64V64a64 64 0 0 0-64-64H608a64 64 0 0 0-64 64V288z m64-224H832V288H608V64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_arrow_up" unicode="&#59101;" d="M480 645.504L246.656 412.096l-45.248 45.248 297.024 297.088a19.2 19.2 0 0 0 27.136 0l297.088-297.088-45.248-45.248L544 645.504V0h-64V645.504z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_backward" unicode="&#59103;" d="M79.488 359.04a32 32 0 0 0 0 49.92l360.768 288.064a32 32 0 0 0 51.968-24.96v-273.024a31.936 31.936 0 0 0 7.808 9.6l343.488 286.144a32 32 0 0 0 52.48-24.576v-572.416a32 32 0 0 0-52.48-24.576L500.032 359.424a31.936 31.936 0 0 0-7.808 9.6v-273.088a32 32 0 0 0-51.968-24.96l-360.768 288z m348.8-196.608V605.568L150.656 384l277.504-221.568zM832 166.08v435.84L570.496 384 832 166.08z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_cart" unicode="&#59104;" d="M64 704h100.864l88.896-533.248a51.2 51.2 0 0 1 50.56-42.752H896v64H315.136L293.76 320h552.576A51.2 51.2 0 0 1 896 358.784l54.4 217.6A51.2 51.2 0 0 1 900.736 640H240.448l-14.208 85.248A51.2 51.2 0 0 1 175.68 768H64v-64z m772.352-320H283.136l-32 192h633.216l-48-192zM304-32a48 48 0 1 1 0 96 48 48 0 0 1 0-96zM820.032-32a48 48 0 1 1 0 96 48 48 0 0 1 0-96z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_attach" unicode="&#59105;" d="M776.128 649.216a129.088 129.088 0 0 1-181.952-0.512l-461.44-461.44-45.248 45.248 461.44 461.44a193.088 193.088 0 1 0 273.024-273.088l-373.76-373.76A120.576 120.576 0 0 0 277.696 217.6l363.136 363.136 45.248-45.248-363.136-363.136a56.512 56.512 0 1 1 80-80l373.76 373.76a129.088 129.088 0 0 1-0.64 183.104z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="chart" unicode="&#59106;" d="M288 128V416h64V128h-64zM480 608V128h64V608h-64zM672 128V320h64v-192h-64zM128 704a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-640a64 64 0 0 0-64-64H192a64 64 0 0 0-64 64V704z m64 0v-640h640V704H192z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chat" unicode="&#59107;" d="M296.832 224H832V640H192v-503.36L296.832 224z m-137.344-197.76A19.2 19.2 0 0 0 128 40.96V640a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-416a64 64 0 0 0-64-64H320l-160.512-133.76z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_add_rectangle" unicode="&#59108;" d="M480 192V352H320v64h160V576h64v-160H704v-64H544V192h-64zM192 0a64 64 0 0 0-64 64V704a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-640a64 64 0 0 0-64-64H192z m0 64h640V704H192v-640z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_add_circle" unicode="&#59109;" d="M480 352h-192v64h192v192h64v-192h192v-64h-192v-192h-64v192zM512-64A448 448 0 1 1 512 832a448 448 0 0 1 0-896z m0 64A384 384 0 1 0 512 768a384 384 0 0 0 0-768z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_barcode" unicode="&#59110;" d="M256 768v-768H128V768h128z m640 0v-768h-128V768h128z m-192 0v-768h-64V768h64zM576 768v-768H448V768h128zM384 768v-768H320V768h64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_arrow_down_rectangle" unicode="&#59111;" d="M687.744 412.992L544 269.248V608h-64v-338.752L336.256 412.992l-45.248-45.248L512 146.752l220.992 220.992-45.248 45.248zM192 0a64 64 0 0 0-64 64V704a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64v-640a64 64 0 0 0-64-64H192z m0 64h640V704H192v-640z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_browse_off" unicode="&#59112;" d="M689.472 129.28l87.872-87.872 45.248 45.248L201.6 707.648l-45.248-45.248 77.44-77.44a505.664 505.664 0 0 1-162.304-186.24L64 384l7.488-14.72c86.016-168.96 255.04-273.28 440.832-273.28 61.696 0 121.6 11.584 177.152 33.28z m-50.048 50.048a427.008 427.008 0 0 0-127.104-19.328C355.2 160 212.416 245.12 135.04 384a438.72 438.72 0 0 0 144.384 155.264l69.376-69.376a184.32 184.32 0 0 1 248.96-248.96l41.6-41.6z m-241.92 241.92l151.68-151.68a120.32 120.32 0 0 0-151.68 151.68zM952.512 369.28L960 384l-7.488 14.72C866.56 567.04 697.472 672 512.32 672c-54.784 0-108.16-9.088-158.336-26.304l51.2-51.2A428.736 428.736 0 0 0 512.32 608c156.48 0 299.264-85.12 377.216-224a439.552 439.552 0 0 0-129.152-144.704l45.312-45.312a505.216 505.216 0 0 1 146.816 175.36zM696.32 384c0-23.936-4.608-46.784-12.864-67.776l-52.16 52.16a120.32 120.32 0 0 1-134.912 134.912L444.16 555.52A184.32 184.32 0 0 0 696.32 384z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_backtop_rectangle" unicode="&#59113;" d="M479.872 371.52L380.416 273.92l-45.824 44.672L512.128 492.8 691.2 318.08l-45.696-44.8-101.056 98.56V128h-64.64V371.52zM287.936 544.064h448v64h-448v-64zM191.936 768.064a64 64 0 0 1-64-64v-640a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64h-640z m640-64v-640h-640v640h640z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_arrow_down" unicode="&#59115;" d="M544 768v-645.504l233.344 233.344 45.248-45.248-297.024-296.96a19.2 19.2 0 0 0-27.136 0l-297.088 296.96 45.312 45.248L480 122.56V768h64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_call" unicode="&#59117;" d="M896 188.352a195.2 195.2 0 0 0-33.152-112.64l-8.064-10.688a129.6 129.6 0 0 0-62.72-48c-17.92-6.656-29.184-8.64-58.176-11.968-124.672-11.648-260.928 46.592-395.52 166.272-89.856 80.128-157.184 180.352-189.568 282.816C135.04 497.472 128 539.072 128 576.768c0 45.184 10.24 84.288 30.72 113.664 19.456 26.752 56.448 48.96 112 69.952a64 64 0 0 0 74.88-22.912l106.624-150.912a64 64 0 0 0-5.76-80.896l-13.888-14.144-16.768-16.256a97.92 97.92 0 0 1-10.56-12.16c-1.472-19.584 19.456-59.968 80.384-122.368l18.176-16.96c56.192-51.84 71.296-56 88.576-44.032l5.76 4.736c6.144 4.672 22.08 15.744 56.192 39.232a64 64 0 0 0 65.984 3.904l15.552-8.192c106.432-56.832 155.008-91.008 159.744-126.08l0.384-4.992z m-64-1.024c0.064-5.248-7.36 2.816-22.72 13.952-22.464 16.256-57.088 36.864-103.488 61.632l-15.168 8.064-50.432-34.816c-1.216-0.768-1.728-1.088-1.536-0.832-55.04-43.2-102.4-31.104-197.952 59.904-73.344 75.008-102.4 131.072-99.328 172.288 1.472 22.592 17.024 43.264 32.128 55.68 6.4 6.144 12.8 12.416 18.432 18.176l8 8.32-106.56 150.848c-44.864-16.96-72.64-33.664-82.56-47.232C198.912 636.16 192 609.792 192 576.768c0-30.72 6.016-65.92 17.792-103.36 28.8-91.072 89.6-181.632 171.136-254.272 122.432-108.928 242.304-160.128 346.368-150.4l16.448 2.048c11.392 1.6 17.792 3.2 25.92 6.208 14.08 5.248 25.088 13.44 34.112 26.56 17.088 20.864 26.24 47.616 27.904 72.96l0.32 10.816z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_caret_up" unicode="&#59118;" d="M512 533.312L768 192H256l256 341.312z m25.6 72.576a32 32 0 0 1-51.2 0l-320-426.688a32 32 0 0 1 25.6-51.2h640a32 32 0 0 1 25.6 51.2l-320 426.688z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_chart_bubble" unicode="&#59120;" d="M576 544a192 192 0 1 0-384 0 192 192 0 0 0 384 0z m-64 0a128 128 0 1 1-256 0 128 128 0 0 1 256 0zM896 256a160 160 0 1 0-320 0 160 160 0 0 0 320 0z m-64 0a96 96 0 1 1-192 0 96 96 0 0 1 192 0zM320 128a96 96 0 1 0-192 0 96 96 0 0 0 192 0zM832 608a64 64 0 1 1 0 128 64 64 0 0 1 0-128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_data" unicode="&#59054;" d="M490.666667 853.333333C738.090667 853.333333 938.666667 652.757333 938.666667 405.333333a42.666667 42.666667 0 0 0-42.666667-42.666666h-362.666667V0a42.666667 42.666667 0 0 0-42.666666-42.666667C243.242667-42.666667 42.666667 157.909333 42.666667 405.333333S243.242667 853.333333 490.666667 853.333333z m384-533.333333a42.666667 42.666667 0 0 0 42.666666-42.666667v-256a42.666667 42.666667 0 0 0-42.666666-42.666666h-256a42.666667 42.666667 0 0 0-42.666667 42.666666v256a42.666667 42.666667 0 0 0 42.666667 42.666667h256zM490.666667 768a362.666667 362.666667 0 0 1-43.050667-722.773333l0.384-0.042667V362.666667a85.333333 85.333333 0 0 0 78.933333 85.12l6.4 0.213333h317.482667v0.384a362.752 362.752 0 0 1-349.269333 319.445333L490.666667 768z m341.333333-533.333333h-170.666667v-170.666667h170.666667v170.666667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_clue" unicode="&#59055;" d="M789.333333 810.666667a149.333333 149.333333 0 0 0 42.666667-292.48v-379.605334a181.248 181.248 0 0 0-362.496 0v490.666667a96.085333 96.085333 0 1 1-192.170667 0v-379.434667A149.418667 149.418667 0 0 0 234.666667-42.666667a149.333333 149.333333 0 0 0-42.666667 292.48V629.248a181.418667 181.418667 0 1 0 362.837333 0v-490.666667a95.914667 95.914667 0 0 1 191.829334 0V518.186667A149.418667 149.418667 0 0 0 789.333333 810.666667z m-554.666666-640a64 64 0 1 1 0-128 64 64 0 0 1 0 128z m554.666666 554.666666a64 64 0 1 1 0-128 64 64 0 0 1 0 128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_business_opportunity" unicode="&#59056;" d="M512 853.333333c259.2 0 469.333333-210.133333 469.333333-469.333333s-210.133333-469.333333-469.333333-469.333333S42.666667 124.8 42.666667 384 252.8 853.333333 512 853.333333z m0-85.333333a384 384 0 1 1 0-768 384 384 0 0 1 0 768zM414.165333 606.165333L512 508.373333l97.877333 97.792a42.666667 42.666667 0 0 0 56.32 3.541334l4.010667-3.541334a42.666667 42.666667 0 0 0 0-60.330666L593.664 469.333333H640a42.666667 42.666667 0 0 0 0-85.333333h-85.162667v-42.666667H640a42.666667 42.666667 0 0 0 0-85.333333h-85.162667v-85.333333a42.666667 42.666667 0 0 0-85.333333 0v85.333333H384a42.666667 42.666667 0 0 0 0 85.333333h85.504v42.666667H384a42.666667 42.666667 0 0 0 0 85.333333h46.293333L353.834667 545.834667a42.666667 42.666667 0 0 0 60.330666 60.330666z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_set_up" unicode="&#59048;" d="M637.44 851.797333a468.608 468.608 0 0 0 194.090667-108.586666 42.666667 42.666667 0 0 0 9.216-50.133334A85.333333 85.333333 0 0 1 917.333333 570.069333h1.194667a42.666667 42.666667 0 0 0 41.301333-29.866666 471.253333 471.253333 0 0 0 11.946667-235.306667 42.666667 42.666667 0 0 0-45.952-33.877333 85.333333 85.333333 0 0 1-73.770667-139.904 42.666667 42.666667 0 0 0-1.834666-57.088 469.205333 469.205333 0 0 0-204.117334-124.501334 42.666667 42.666667 0 0 0-52.778666 27.904 85.376 85.376 0 0 1-162.645334 0 42.666667 42.666667 0 0 0-52.778666-27.904 469.205333 469.205333 0 0 0-204.117334 124.501334 42.666667 42.666667 0 0 0-1.834666 57.088A85.333333 85.333333 0 0 1 98.133333 271.018667a42.666667 42.666667 0 0 0-45.994666 33.92 471.253333 471.253333 0 0 0 11.946666 235.264 42.666667 42.666667 0 0 0 41.386667 29.866666H106.666667a85.333333 85.333333 0 0 1 76.586666 123.008 42.666667 42.666667 0 0 0 9.216 50.133334A468.608 468.608 0 0 0 386.56 851.797333a42.666667 42.666667 0 0 0 49.408-21.76 85.333333 85.333333 0 0 1 152.149333 0 42.666667 42.666667 0 0 0 49.408 21.76zM380.330667 760.277333a384.341333 384.341333 0 0 1-106.453334-59.605333l-2.176-1.749333 2.389334-10.026667c1.450667-7.296 2.432-14.72 2.901333-22.186667l0.384-11.264a170.709333 170.709333 0 0 0-137.301333-167.424l-1.792-0.256-1.237334-5.205333a384.341333 384.341333 0 0 1-8.618666-66.218667L128 399.445333c0-10.538667 0.426667-20.949333 1.28-31.317333l1.28-13.013333 1.322667-0.213334a170.709333 170.709333 0 0 0 145.237333-160.298666l0.213333-8.533334c0-23.765333-4.906667-46.848-14.08-68.010666l-3.754666-7.893334 9.386666-7.978666a383.914667 383.914667 0 0 1 90.368-55.210667l8.917334-3.626667 4.352 6.485334a170.666667 170.666667 0 0 0 130.56 72.021333l8.917333 0.256a170.666667 170.666667 0 0 0 139.52-72.277333l4.266667-6.485334 8.96 3.626667a383.914667 383.914667 0 0 1 90.410666 55.210667l9.301334 7.978666-3.669334 7.893334a170.112 170.112 0 0 0-13.824 57.898666l-0.298666 10.154667a170.666667 170.666667 0 0 0 145.450666 168.789333l1.28 0.213334 1.365334 13.013333c0.426667 5.162667 0.725333 10.368 0.938666 15.573333l0.298667 15.744c0 28.245333-3.029333 56.064-9.002667 83.114667l-1.28 5.205333-1.749333 0.256a170.752 170.752 0 0 0-137.088 158.890667l-0.213333 8.533333c0 11.306667 1.109333 22.528 3.285333 33.450667l2.346667 10.026667-2.133334 1.749333a383.274667 383.274667 0 0 1-106.24 59.477333l-5.205333-5.717333A170.496 170.496 0 0 0 512 698.112a170.496 170.496 0 0 0-126.72 56.32l-4.992 5.845333zM512 591.445333a192 192 0 1 0 0-384 192 192 0 0 0 0 384z m0-85.333333a106.666667 106.666667 0 1 1 0-213.333333 106.666667 106.666667 0 0 1 0 213.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_not_bookmarked" unicode="&#59049;" d="M473.642667 829.44a42.666667 42.666667 0 0 0 76.544 0.213333l122.154666-246.186666 272.469334-39.722667a42.666667 42.666667 0 0 0 27.050666-69.077333l-3.328-3.626667-198.229333-194.048 47.104-269.653333a42.666667 42.666667 0 0 0-58.026667-46.933334l-4.096 1.962667L512 92.032l-243.242667-129.706667a42.666667 42.666667 0 0 0-62.677333 40.533334l0.554667 4.522666 47.402666 269.610667-198.485333 194.005333a42.666667 42.666667 0 0 0 18.858667 71.765334l4.821333 0.981333 273.92 39.722667 120.533333 245.973333z m38.528-115.242667L419.882667 525.696a42.666667 42.666667 0 0 0-32.213334-23.466667l-210.773333-30.549333 152.874667-149.418667a42.666667 42.666667 0 0 0 12.8-32.725333l-0.64-5.205333-36.138667-205.44 186.112 99.157333a42.666667 42.666667 0 0 0 35.328 2.176l4.821333-2.176 186.24-99.285333-35.84 205.653333a42.666667 42.666667 0 0 0 8.618667 33.92l3.541333 3.84 152.618667 149.546667-209.322667 30.549333a42.666667 42.666667 0 0 0-29.44 18.730667l-2.602666 4.522666-93.696 188.672z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_product" unicode="&#59050;" d="M531.072 848.810667l426.666667-213.333334 0.981333-0.469333c1.066667-0.597333 2.133333-1.194667 3.157333-1.877333l-4.138666 2.346666a42.709333 42.709333 0 0 0 8.234666-5.333333l1.024-0.896a37.802667 37.802667 0 0 0 6.954667-7.893333 38.485333 38.485333 0 0 0 2.858667-4.949334l0.64-1.28a42.666667 42.666667 0 0 0 1.28-3.029333l-1.92 4.309333a42.965333 42.965333 0 0 0 4.522666-18.730666V170.666667a42.666667 42.666667 0 0 0-23.594666-38.144l-426.666667-213.333334a41.130667 41.130667 0 0 0-4.864-2.133333l4.864 2.133333A42.666667 42.666667 0 0 0 512-85.333333l-2.133333 0.042666a42.666667 42.666667 0 0 0-1.237334 0.085334L512-85.333333a42.922667 42.922667 0 0 0-12.629333 1.877333l-1.493334 0.512a40.32 40.32 0 0 0-4.992 2.133333l-426.666666 213.333334A42.666667 42.666667 0 0 0 42.666667 170.666667V597.674667a42.368 42.368 0 0 0 4.522666 18.773333l0.384 0.725333 0.64 1.237334-1.024-2.005334c0.896 1.877333 1.962667 3.626667 3.114667 5.290667l0.512 0.725333a40.704 40.704 0 0 0 2.602667 3.285334l0.853333 0.853333a38.997333 38.997333 0 0 0 2.645333 2.602667l1.152 0.981333a38.954667 38.954667 0 0 0 7.594667 5.077333l0.597333 0.256 426.666667 213.333334a42.666667 42.666667 0 0 0 38.144 0zM128 528.298667v-331.264l341.333333-170.624v331.221333l-341.333333 170.666667z m768 0l-341.333333-170.666667v-331.221333l341.333333 170.666666V528.298667z m-170.666667 128L394.069333 490.666667 512 431.701333 843.264 597.333333 725.333333 656.298667z m-213.333333 106.666666L180.778667 597.333333 298.666667 538.368 629.930667 704 512 762.965333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_customer" unicode="&#59051;" d="M405.333333 810.666667a192 192 0 1 0 0-384 192 192 0 0 0 0 384z m0-85.333334a106.666667 106.666667 0 1 1 0-213.333333 106.666667 106.666667 0 0 1 0 213.333333z m253.738667 43.349334a42.666667 42.666667 0 0 0 58.581333 14.506666A191.872 191.872 0 0 0 810.666667 618.666667a191.872 191.872 0 0 0-93.013334-164.565334 42.666667 42.666667 0 0 0-44.032 73.130667A106.581333 106.581333 0 0 1 725.333333 618.666667c0 37.888-19.84 72.234667-51.712 91.434666a42.666667 42.666667 0 0 0-14.506666 58.581334zM452.266667 341.333333c128.042667 0 158.506667-2.474667 199.253333-23.253333a213.333333 213.333333 0 0 0 93.226667-93.226667c20.778667-40.746667 23.253333-71.210667 23.253333-199.253333v-25.6a42.666667 42.666667 0 0 0-42.666667-42.666667H85.333333a42.666667 42.666667 0 0 0-42.666666 42.666667v25.6c0 128.042667 2.474667 158.506667 23.253333 199.253333a213.333333 213.333333 0 0 0 93.226667 93.226667C199.893333 338.858667 230.4 341.333333 358.4 341.333333h93.866667z m22.485333-85.333333H335.914667c-92.16-0.341333-116.522667-2.986667-138.026667-13.952a128 128 0 0 1-55.936-55.936c-10.965333-21.504-13.610667-45.866667-13.909333-138.026667L128 42.666667h554.624v5.418666c-0.298667 88.618667-2.773333 114.56-12.672 135.509334l-1.237333 2.517333a128 128 0 0 1-55.936 55.936c-21.504 10.965333-45.866667 13.610667-138.026667 13.909333z m332.714667 43.434667a42.666667 42.666667 0 0 0 57.386666 18.645333 213.333333 213.333333 0 0 0 93.226667-93.226667c20.778667-40.746667 23.253333-71.210667 23.253333-199.253333v-25.6a42.666667 42.666667 0 0 0-85.333333 0v25.6c0 110.933333-2.133333 137.386667-13.952 160.512a128 128 0 0 1-55.936 55.893333 42.666667 42.666667 0 0 0-18.645333 57.429334z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_home" unicode="&#59052;" d="M530.474667 801.28l333.141333-266.496a42.666667 42.666667 0 0 0 16-33.28V-31.573333a42.666667 42.666667 0 0 0-37.674667-42.368l-4.992-0.298667H170.666667a42.666667 42.666667 0 0 0-42.666667 42.666667V501.461333a42.666667 42.666667 0 0 0 16 33.322667l333.184 266.538667a42.666667 42.666667 0 0 0 53.290667 0z m-26.666667-87.893333L213.333333 481.024v-469.888l136.746667 0.042667v245.973333a42.666667 42.666667 0 0 0 42.666667 42.666667h222.122666a42.666667 42.666667 0 0 0 42.666667-42.666667l-0.042667-245.973333 136.789334-0.042667V480.981333L503.808 713.386667z m68.352-498.901334h-136.746667v-203.306666h136.746667v203.306666z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_collect" unicode="&#59053;" d="M550.186667 829.653333l122.154666-246.186666 272.469334-39.722667a42.666667 42.666667 0 0 0 27.050666-69.077333l-3.328-3.626667-198.229333-194.048 47.104-269.653333a42.666667 42.666667 0 0 0-58.026667-46.933334l-4.096 1.962667L512 92.032l-243.242667-129.706667a42.666667 42.666667 0 0 0-62.677333 40.533334l0.554667 4.522666 47.402666 269.610667-198.485333 194.005333a42.666667 42.666667 0 0 0 18.858667 71.765334l4.821333 0.981333 273.92 39.722667 120.533333 245.973333a42.666667 42.666667 0 0 0 76.544 0.213333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_search-outline_outlined" unicode="&#59074;" d="M702.848 132.821333A403.626667 403.626667 0 0 0 448 42.666667a405.333333 405.333333 0 1 0 405.333333 405.333333 403.626667 403.626667 0 0 0-90.154666-254.848l175.914666-175.914667a21.333333 21.333333 0 0 0 0-30.165333l-30.165333-30.165333a21.333333 21.333333 0 0 0-30.165333 0l-175.914667 175.914666zM768 448a320 320 0 1 1-640 0 320 320 0 0 1 640 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon-alarmclock" unicode="&#59080;" d="M426.666667 778.24V810.666667a21.333333 21.333333 0 0 0 21.333333 21.333333h128a21.333333 21.333333 0 0 0 21.333333-21.333333v-32.426667c147.2-39.125333 256-177.066667 256-341.248V192h64a21.333333 21.333333 0 0 0 21.333334-21.333333v-42.666667a21.333333 21.333333 0 0 0-21.333334-21.333333h-810.666666A21.333333 21.333333 0 0 0 85.333333 128v42.666667a21.333333 21.333333 0 0 0 21.333334 21.333333H170.666667v244.992C170.666667 601.173333 279.466667 739.114667 426.666667 778.24zM256 192h512v244.906667c0 147.498667-114.602667 267.093333-256 267.093333s-256-119.594667-256-267.093333v-244.906667zM405.333333 42.666667h213.333334a21.333333 21.333333 0 0 0 21.333333-21.333334v-42.666666a21.333333 21.333333 0 0 0-21.333333-21.333334h-213.333334a21.333333 21.333333 0 0 0-21.333333 21.333334v42.666666a21.333333 21.333333 0 0 0 21.333333 21.333334z"  horiz-adv-x="1024" />
+      
+    </font>
+  </defs>
+</svg>
diff --git a/frontend/packages/web/src/assets/icon-font/iconfont.ttf b/frontend/packages/web/src/assets/icon-font/iconfont.ttf
new file mode 100644
index 0000000..52ff31b
Binary files /dev/null and b/frontend/packages/web/src/assets/icon-font/iconfont.ttf differ
diff --git a/frontend/packages/web/src/assets/icon-font/iconfont.woff2 b/frontend/packages/web/src/assets/icon-font/iconfont.woff2
new file mode 100644
index 0000000..26af43a
Binary files /dev/null and b/frontend/packages/web/src/assets/icon-font/iconfont.woff2 differ
diff --git a/frontend/packages/web/src/assets/style/global.less b/frontend/packages/web/src/assets/style/global.less
new file mode 100644
index 0000000..fcf7d5b
--- /dev/null
+++ b/frontend/packages/web/src/assets/style/global.less
@@ -0,0 +1,149 @@
+/* stylelint-disable font-family-no-missing-generic-family-keyword */
+@import url('./var.less');
+* {
+  @apply box-border;
+}
+html,
+body {
+  @apply m-0 h-full w-full p-0;
+
+  font-size: 14px;
+  font-family: 'Helvetica Neue', Arial, 'PingFang SC', 'Source Han Serif' !important;
+  font-weight: 400;
+  color: var(--text-n1);
+  line-height: 22px;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+}
+
+// 小投影
+.base-box-shadow {
+  box-shadow: @box-base-shadow;
+}
+
+// 中层投影
+.middle-box-shadow {
+  box-shadow: @box-middle-shadow;
+}
+
+// 大投影
+.large-box-shadow {
+  box-shadow: @box-large-shadow;
+}
+
+/* 单行文本缩略 */
+.one-line-text {
+  @apply overflow-hidden overflow-ellipsis whitespace-nowrap;
+
+  line-height: normal;
+}
+
+/* 修改进度条的背景颜色 */
+#nprogress {
+  .bar {
+    background: var(--primary-8) !important;
+  }
+}
+
+/* 白色背景的tooltip */
+.crm-tooltip-white {
+  &.n-tooltip {
+    color: var(--text-n1);
+    background-color: var(--text-n10);
+    box-shadow: @box-middle-shadow;
+  }
+  .n-popover-arrow {
+    z-index: 1;
+    background-color: var(--text-n10) !important;
+  }
+}
+
+/* error 背景tooltip */
+.crm-tooltip-error {
+  &.n-tooltip {
+    color: var(--error-red);
+    background-color: var(--error-5);
+    box-shadow: @box-middle-shadow;
+  }
+  .n-popover-arrow {
+    z-index: 1;
+    background-color: var(--error-5) !important;
+  }
+}
+
+/* warning 背景tooltip */
+.crm-tooltip-warning {
+  &.n-tooltip {
+    color: var(--warning-red);
+    background-color: var(--warning-5);
+    box-shadow: @box-middle-shadow;
+  }
+  .n-popover-arrow {
+    z-index: 1;
+    background-color: var(--warning-5) !important;
+  }
+}
+
+/* success 背景tooltip */
+.crm-tooltip-success {
+  &.n-tooltip {
+    color: var(--success-red);
+    background-color: var(--success-5);
+    box-shadow: @box-middle-shadow;
+  }
+  .n-popover-arrow {
+    z-index: 1;
+    background-color: var(--success-5) !important;
+  }
+}
+
+/* primary 背景tooltip */
+.crm-tooltip-primary {
+  &.n-tooltip {
+    color: var(--primary-8);
+    background-color: var(--primary-7);
+    box-shadow: @box-middle-shadow;
+  }
+  .n-popover-arrow {
+    z-index: 1;
+    background-color: var(--primary-7) !important;
+  }
+}
+// modal 对话框 title
+.crm-modal-title {
+  .crm-modal-title();
+}
+
+/* 动态表单 */
+.crm-form-create-item-desc {
+  @apply w-full flex-1;
+
+  margin-bottom: 4px;
+  font-size: 12px;
+  color: var(--text-n4);
+}
+
+/* 抽屉 */
+.crm-drawer-content {
+  background-color: var(--text-n9) !important;
+}
+
+// model表单
+.crm-form-modal {
+  .n-dialog__content {
+    margin-bottom: 16px;
+  }
+  .n-form-item:last-of-type {
+    .n-form-item-feedback-wrapper {
+      overflow: hidden;
+      min-height: 0;
+      line-height: 1;
+    }
+  }
+}
+.n-popconfirm,
+.n-popover {
+  .n-popconfirm__action {
+    margin-top: 0 !important;
+  }
+}
diff --git a/frontend/packages/web/src/assets/style/index.less b/frontend/packages/web/src/assets/style/index.less
new file mode 100644
index 0000000..cccb072
--- /dev/null
+++ b/frontend/packages/web/src/assets/style/index.less
@@ -0,0 +1,5 @@
+@import url('@lib/shared/assets/style/themeVariables.less');
+@import url('./var.less');
+@import url('./tailwind.less');
+@import url('./naive-reset.less');
+@import url('./global.less');
diff --git a/frontend/packages/web/src/assets/style/naive-reset.less b/frontend/packages/web/src/assets/style/naive-reset.less
new file mode 100644
index 0000000..df7bda8
--- /dev/null
+++ b/frontend/packages/web/src/assets/style/naive-reset.less
@@ -0,0 +1,581 @@
+@import url('./var.less');
+// 重置默认按钮聚焦
+.n-button {
+  &.n-button--default-type {
+    .btn-text-sec-focus();
+    .btn-text-sec-hover();
+    .btn-text-sec-active();
+    .btn-text-sec-disabled();
+  }
+}
+// secondary背景按钮
+.n-button {
+  &.n-button--default-type {
+    &.n-button--secondary {
+      .btn-base-sec-focus();
+      .btn-base-sec-hover();
+      .btn-base-sec-active();
+      .btn-base-sec-disabled();
+    }
+  }
+}
+// 主要 outline 按钮
+.n-button--tertiary-type {
+  border: 1px solid var(--primary-8) !important;
+  color: var(--primary-8) !important;
+  .btn-outline-primary-hover();
+  .btn-outline-primary-active();
+  .btn-outline-primary-disabled();
+}
+
+// 次要边框按钮
+.n-button--default-type.outline--secondary {
+  .btn-outline-sec-default();
+  .btn-outline-sec-hover();
+  .btn-outline-sec-active();
+  .btn-outline-sec-disabled();
+}
+
+// 次要文本主题按钮
+.text-btn-primary {
+  &.n-button--primary-type {
+    .btn-text-default();
+    .btn-text-primary-hover();
+    .btn-text-primary-active();
+    .btn-text-primary-disabled();
+  }
+}
+
+// 文本error按钮
+.text-btn-error {
+  &.n-button--error-type {
+    .btn-text-default();
+    .btn-text-error-hover();
+    .btn-text-error-active();
+    .btn-text-error-disabled();
+  }
+}
+
+// 文本warning按钮
+.text-btn-warning {
+  &.n-button--warning-type {
+    .btn-text-default();
+    .btn-text-warning-hover();
+    .btn-text-warning-active();
+    .btn-text-warning-disabled();
+  }
+}
+
+// 文本success按钮
+.text-btn-success {
+  &.n-button--success-type {
+    .btn-text-default();
+    .btn-text-success-hover();
+    .btn-text-success-active();
+    .btn-text-success-disabled();
+  }
+}
+
+// 文本info按钮
+.text-btn-info {
+  &.n-button--info-type {
+    .btn-text-default();
+    .btn-text-info-hover();
+    .btn-text-info-active();
+    .btn-text-info-disabled();
+  }
+}
+
+// outline primary 状态按钮
+.n-btn-outline-primary {
+  &.n-button--primary-type {
+    .btn-outline-primary-hover();
+    .btn-outline-primary-active();
+    .btn-outline-primary-disabled();
+  }
+}
+
+// outline error状态按钮
+.n-btn-outline-error {
+  &.n-button--error-type {
+    .btn-outline-error-hover();
+    .btn-outline-error-active();
+    .btn-outline-error-disabled();
+  }
+}
+
+// outline warning状态按钮
+.n-btn-outline-warning {
+  &.n-button--warning-type {
+    .btn-outline-warning-hover();
+    .btn-outline-warning-active();
+    .btn-outline-warning-disabled();
+  }
+}
+
+// outline success状态按钮
+.n-btn-outline-success {
+  &.n-button--success-type {
+    .btn-outline-success-hover();
+    .btn-outline-success-active();
+    .btn-outline-success-disabled();
+  }
+}
+
+// outline info 状态按钮
+.n-btn-outline-info {
+  &.n-button--info-type {
+    .btn-outline-info-hover();
+    .btn-outline-info-active();
+    .btn-outline-info-disabled();
+  }
+}
+// small 24px 按钮尺寸
+.n-button--small-type {
+  height: 24px !important;
+}
+// medium 32px 按钮尺寸
+.n-button--medium-type {
+  height: 32px !important;
+}
+// 消息框
+.n-message,
+.n-notification,
+.n-dropdown,
+.n-popover {
+  border: 1px solid var(--text-n8) !important;
+  box-shadow: @box-middle-shadow;
+}
+// 标签
+.n-tag {
+  .n-tag__content {
+    overflow: hidden !important;
+    max-width: 144px !important;
+    text-overflow: ellipsis !important;
+  }
+}
+
+// tooltip 最大限制
+.n-tooltip {
+  max-width: 300px;
+  .n-popover__content {
+    @apply overflow-y-auto break-all;
+
+    max-height: 30vh;
+    &:hover {
+      .crm-scroll-bar();
+    }
+    .crm-scroll-bar();
+  }
+}
+
+// 表格
+.n-data-table {
+  .n-data-table-empty {
+    border-bottom: 1px solid var(--text-n8);
+  }
+  .n-data-table-base-table-header {
+    overflow-y: hidden;
+  }
+  .n-data-table-thead {
+    .n-data-table-tr:not(.n-data-table-tr--summary):hover {
+      background-color: var(--text-n10);
+    }
+  }
+  .n-data-table-base-table-body .n-scrollbar-rail--horizontal--bottom {
+    bottom: 0;
+  }
+  .n-data-table-th {
+    border-top: 1px solid var(--text-n8);
+    white-space: nowrap;
+    &.n-data-table-th--filterable {
+      padding-right: 12px !important;
+    }
+    &.n-data-table-th--sorting {
+      background-color: transparent;
+    }
+    &.n-data-table-th--sortable {
+      &:hover {
+        background-color: transparent;
+      }
+    }
+    .n-data-table-th__title-wrapper {
+      float: left; // 只有设置这个 排序和过滤才能拼一起
+      width: fit-content;
+      height: 22px;
+      white-space: normal;
+      .n-data-table-th__title {
+        flex: none !important;
+      }
+      .n-data-table-sorter {
+        margin-left: 8px;
+      }
+    }
+    // 过滤的样式
+    .n-data-table-filter {
+      position: relative;
+      display: inline-flex;
+      width: 24px;
+      height: 22px;
+      &:hover {
+        background-color: transparent;
+      }
+      &.n-data-table-filter--show {
+        background-color: transparent;
+      }
+      &.n-data-table-filter--active {
+        border-radius: 0 2px 2px 0;
+        background-color: var(--primary-7);
+      }
+    }
+    // 过滤时标题的样式
+    &:has(> .n-data-table-filter--active) {
+      .n-data-table-th__title-wrapper {
+        border-radius: 2px 0 0 2px !important;
+        background-color: var(--primary-7);
+      }
+      .n-data-table-th__title {
+        padding-left: 4px;
+        color: var(--primary-8);
+      }
+    }
+    // 排序时标题的样式
+    &.n-data-table-th--sorting {
+      .n-data-table-th__title-wrapper {
+        border-radius: 2px;
+        background-color: var(--primary-7);
+      }
+      .n-data-table-th__title {
+        padding-left: 4px;
+        color: var(--primary-8);
+      }
+    }
+    &.n-data-table-th--last {
+      .n-data-table-resize-button {
+        display: none;
+      }
+    }
+    &.n-data-table-th--fixed-right {
+      z-index: 3;
+      pointer-events: auto;
+    }
+  }
+  .n-data-table-td {
+    padding-top: 0;
+    padding-bottom: 0;
+    height: 46px;
+    &.n-data-table-td--sorting {
+      background-color: var(--text-n10);
+    }
+    .crm-table-data-draggable-handle {
+      cursor: move;
+
+      @apply flex items-center justify-center;
+    }
+    &.n-data-table-td--fixed-right {
+      z-index: 3;
+    }
+  }
+  &.crm-data-table-compact {
+    .n-data-table-th {
+      padding-top: 5px;
+      padding-bottom: 5px;
+    }
+    .n-data-table-td {
+      line-height: 36px;
+      height: 36px;
+    }
+  }
+  &.crm-data-table-loose {
+    .n-data-table-th {
+      padding: 10px;
+    }
+    .n-data-table-td {
+      line-height: 46px;
+      height: 46px;
+    }
+  }
+}
+.n-data-table--bordered {
+  .n-data-table-th {
+    border-top: none;
+  }
+}
+
+// 分页
+.n-pagination {
+  .n-pagination-quick-jumper {
+    padding: 2px 8px;
+    border-radius: 3px 0 0 3px;
+    background-color: var(--text-n9);
+    .n-input__input {
+      text-align: center;
+    }
+  }
+  .n-pagination-suffix {
+    margin: 0;
+    padding-right: 8px;
+    border-radius: 0 3px 3px 0;
+    color: var(--text-n2);
+    background-color: var(--text-n9);
+  }
+}
+.crm-pagination--medium {
+  .n-base-selection-label {
+    height: 32px;
+  }
+}
+.crm-pagination--small {
+  .total {
+    font-size: 12px;
+  }
+  .n-base-selection-label,
+  .n-pagination-quick-jumper,
+  .n-pagination-suffix {
+    height: 24px;
+  }
+  .n-input-wrapper {
+    height: 20px;
+  }
+}
+
+// 模态框
+.n-modal {
+  .n-dialog__title {
+    .crm-modal-title();
+  }
+}
+
+// 对话框
+.n-dialog,
+.n-drawer {
+  .n-base-close:not(.n-base-close--disabled) {
+    &:focus::before {
+      background: none;
+    }
+    &:hover::before {
+      background: var(--text-n9);
+    }
+    &:active::before {
+      background: var(--text-n8);
+    }
+  }
+}
+// 弹窗的上下比例
+.n-modal-body-wrapper:not(:has(.crm-full-modal)) {
+  padding: 6vh 0;
+  box-sizing: border-box;
+  height: calc(100vh + 12%);
+  transform: translateY(-10%);
+}
+// small-modal
+.crm-modal-small {
+  &.n-modal {
+    width: 480px;
+  }
+}
+
+// medium-modal
+.crm-modal-medium {
+  &.n-modal {
+    width: 680px;
+  }
+}
+
+// large-modal
+.crm-modal-large {
+  &.n-modal {
+    width: 960px;
+  }
+}
+
+// tabs
+.n-tabs {
+  &.n-tabs--segment-type {
+    .n-tabs-tab-pad {
+      width: 4px;
+    }
+    .n-tabs-rail {
+      padding: 2px;
+      width: auto;
+      .n-tabs-capsule {
+        border-radius: 2px;
+      }
+      .n-tabs-tab:hover {
+        background-color: var(--text-n9);
+      }
+    }
+    &.n-tabs--medium-size {
+      .n-tabs-tab__label {
+        line-height: 22px;
+      }
+    }
+    &.n-tabs--small-size {
+      .n-tabs-tab__label {
+        line-height: 20px;
+      }
+    }
+  }
+  &.n-tabs--line-type {
+    .n-tabs-tab-pad {
+      width: 0;
+    }
+    .n-tabs-nav-scroll-content {
+      height: 48px;
+    }
+    .n-tabs-tab {
+      padding: 8px;
+      .n-tabs-tab__label {
+        padding: 5px 8px;
+        border-radius: 3px;
+      }
+      &:not(.n-tabs-tab--active):hover {
+        .n-tabs-tab__label {
+          background-color: var(--text-n9);
+        }
+      }
+    }
+  }
+}
+.no-content {
+  .n-tabs-pane-wrapper {
+    @apply hidden;
+  }
+}
+
+// 级联选择器、树形选择器
+.n-cascader,
+.n-tree-select,
+.n-base-selection-popover {
+  .n-base-selection-tags {
+    padding: 4px;
+    height: 26px;
+  }
+  .n-base-selection-tag-wrapper {
+    padding-bottom: 0;
+    .n-tag {
+      background-color: var(--text-n8);
+      .n-base-close {
+        font-size: 12px;
+        color: var(--text-n4);
+      }
+      .n-tag__border {
+        border: none;
+      }
+    }
+  }
+}
+.n-base-selection-popover {
+  .n-base-selection-tag-wrapper {
+    padding-bottom: 8px;
+  }
+}
+
+// 下拉选择框
+.n-base-selection,
+.n-tree-select,
+.n-cascader {
+  --n-border-focus: none !important;
+  --n-box-shadow-focus: none !important;
+  .n-base-selection-tags {
+    padding-left: 4px;
+  }
+}
+.n-cascader-menu {
+  .n-cascader-option:hover {
+    background-color: var(--primary-7) !important;
+  }
+}
+.n-base-selection-placeholder {
+  padding: 0 8px !important;
+}
+.n-base-select-option--selected {
+  background-color: var(--primary-7) !important;
+  &::before {
+    @apply hidden;
+  }
+}
+.n-base-select-option--pending,
+.n-cascader-option--pending {
+  background-color: var(--primary-7) !important;
+  &::before {
+    @apply hidden;
+  }
+}
+.n-base-select-menu {
+  padding-top: 8px;
+  padding-bottom: 8px;
+  .v-vl-items {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+  }
+}
+.n-base-select-option__content {
+  @apply w-full;
+}
+// 树
+.n-tree.n-tree--block-line .n-tree-node:not(.n-tree-node--disabled).n-tree-node--pending {
+  @apply bg-transparent;
+}
+.n-tree-node--highlight {
+  .n-tree-node-content__text {
+    border-bottom: none !important;
+  }
+}
+.n-tree-node--selected {
+  background: var(--n-node-color-active) !important;
+}
+.n-input__textarea-el {
+  word-break: break-all !important;
+}
+// 表单
+.n-form-item-blank {
+  @apply flex-wrap;
+}
+.n-form.n-form--inline .n-form-item {
+  margin-right: 24px;
+}
+.n-form-item-feedback__line {
+  font-size: 12px;
+}
+.n-input--focus {
+  --n-box-shadow-focus: none !important;
+}
+
+// 滚动条
+.n-scrollbar-rail {
+  z-index: 100;
+}
+
+// 标记 Badge
+.n-badge.n-badge--dot {
+  .n-badge-sup {
+    width: 6px;
+    min-width: 6px;
+    height: 6px;
+  }
+}
+.n-alert {
+  padding: 16px 24px;
+  &.n-alert--right-adjust {
+    .n-alert-body {
+      padding-right: 36px;
+    }
+  }
+  &.n-alert--show-icon {
+    .n-alert-body {
+      padding-left: 28px;
+    }
+  }
+  .n-alert__icon {
+    left: 16px;
+    margin-top: 0 !important;
+    height: 100%;
+  }
+  .n-alert__close {
+    margin: 16px 24px;
+  }
+  .n-alert-body {
+    padding: 0 8px;
+  }
+}
diff --git a/frontend/packages/web/src/assets/style/tailwind.less b/frontend/packages/web/src/assets/style/tailwind.less
new file mode 100644
index 0000000..20a5e14
--- /dev/null
+++ b/frontend/packages/web/src/assets/style/tailwind.less
@@ -0,0 +1,6 @@
+/* stylelint-disable at-rule-no-unknown */
+
+/* tailWindCss.less */
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/frontend/packages/web/src/assets/style/var.less b/frontend/packages/web/src/assets/style/var.less
new file mode 100644
index 0000000..e424e24
--- /dev/null
+++ b/frontend/packages/web/src/assets/style/var.less
@@ -0,0 +1,503 @@
+/** 圆角 **/
+@border-radius-mini: 2px;
+@border-radius-small: 4px;
+@border-radius-medium: 6px;
+@border-radius-large: 12px;
+
+@color-white: #fff;
+@color-text-5: #aeaeb2;
+
+/** 投影 **/
+@box-base-shadow: 0 4px 10px -1px rgba(100 103 103 / 15%);
+@box-middle-shadow: 0 4px 15px 2px rgba(100 103 103 / 10%);
+@box-large-shadow: 0 6px 35px 6px rgba(100 103 103 / 10%);
+
+/** 按钮状态类 **/
+
+// 主要 outline 按钮
+.btn-outline-primary-hover() {
+  &:not(:disabled):hover {
+    border-color: var(--primary-1) !important;
+    color: var(--primary-1) !important;
+    background-color: var(--primary-6) !important;
+  }
+}
+
+.btn-outline-primary-active() {
+  &:not(:disabled):active {
+    border-color: var(--primary-0) !important;
+    color: var(--primary-0) !important;
+    background-color: var(--primary-6) !important;
+  }
+}
+
+.btn-outline-primary-disabled() {
+  &:disabled {
+    border-color: var(--primary-4) !important;
+    color: var(--primary-4) !important;
+    background-color: var(--text-n10) !important;
+  }
+}
+
+// outline error状态按钮
+.btn-outline-error-hover() {
+  &:not(:disabled):hover {
+    border-color: var(--error-1) !important;
+    color: var(--error-1) !important;
+    background-color: var(--error-5) !important;
+  }
+}
+
+.btn-outline-error-active() {
+  &:not(:disabled):active {
+    border-color: var(--error-0) !important;
+    color: var(--error-0) !important;
+    background-color: var(--error-4) !important;
+  }
+}
+
+.btn-outline-error-disabled() {
+  &:disabled {
+    border-color: var(--error-3) !important;
+    color: var(--error-3) !important;
+    background-color: var(--text-n9) !important;
+  }
+}
+
+// outline warning 状态按钮
+.btn-outline-warning-hover() {
+  &:not(:disabled):hover {
+    border-color: var(--warning-1) !important;
+    color: var(--warning-1) !important;
+    background-color: var(--warning-5) !important;
+  }
+}
+
+.btn-outline-warning-active() {
+  &:not(:disabled):active {
+    border-color: var(--warning-0) !important;
+    color: var(--warning-0) !important;
+    background-color: var(--warning-4) !important;
+  }
+}
+
+.btn-outline-warning-disabled() {
+  &:disabled {
+    border-color: var(--warning-3) !important;
+    color: var(--warning-3) !important;
+    background-color: var(--text-n9) !important;
+  }
+}
+
+// outline success 状态按钮
+.btn-outline-success-hover() {
+  &:not(:disabled):hover {
+    border-color: var(--success-1) !important;
+    color: var(--success-1) !important;
+    background-color: var(--success-5) !important;
+  }
+}
+
+.btn-outline-success-active() {
+  &:not(:disabled):active {
+    border-color: var(--success-0) !important;
+    color: var(--success-0) !important;
+    background-color: var(--success-4) !important;
+  }
+}
+
+.btn-outline-success-disabled() {
+  &:disabled {
+    border-color: var(--success-3) !important;
+    color: var(--success-3) !important;
+    background-color: var(--text-n9) !important;
+  }
+}
+
+// outline info 状态按钮
+.btn-outline-info-hover() {
+  &:not(:disabled):hover {
+    border-color: var(--info-1) !important;
+    color: var(--info-1) !important;
+    background-color: var(--info-5) !important;
+  }
+}
+
+.btn-outline-info-active() {
+  &:not(:disabled):active {
+    border-color: var(--info-0) !important;
+    color: var(--info-0) !important;
+    background-color: var(--info-4) !important;
+  }
+}
+
+.btn-outline-info-disabled() {
+  &:disabled {
+    border-color: var(--info-3) !important;
+    color: var(--info-3) !important;
+    background-color: var(--text-n9) !important;
+  }
+}
+
+// 次要outline按钮
+.btn-outline-sec-default() {
+  color: var(--text-n1) !important;
+  background-color: var(--text-n10) !important;
+}
+
+.btn-outline-sec-hover() {
+  &:not(:disabled):hover {
+    border-color: var(--text-n7) !important;
+    color: var(--text-n1) !important;
+    background-color: var(--text-n9) !important;
+  }
+}
+
+.btn-outline-sec-active() {
+  &:not(:disabled):active {
+    border-color: var(--text-n7) !important;
+    color: var(--text-n1) !important;
+    background-color: var(--text-n8) !important;
+  }
+}
+
+.btn-outline-sec-disabled() {
+  &:disabled {
+    color: var(--text-n6) !important;
+    background-color: var(--text-n9) !important;
+    .n-button__border {
+      border: solid 1px var(--text-n7) !important;
+    }
+  }
+}
+
+// 次要按钮
+.btn-second-default() {
+  border-color: var(--text-n8) !important;
+  color: var(--color-text-1) !important;
+  background-color: var(--text-n8) !important;
+}
+
+.btn-second-hover() {
+  &:not(:disabled):hover {
+    border: 1px solid var(--text-n9) !important;
+    color: var(--text-n1) !important;
+    background-color: var(--text-n9) !important;
+  }
+}
+
+.btn-second-active() {
+  &:not(:disabled):active {
+    border-color: var(--text-n7) !important;
+    color: var(--text-n1) !important;
+    background-color: var(--text-n7) !important;
+  }
+}
+
+.btn-second-disabled() {
+  &:disabled {
+    border: 1px solid var(--text-n9) !important;
+    color: var(--text-n6) !important;
+    background-color: var(--text-n9) !important;
+  }
+}
+
+// danger状态的outline按钮
+.btn-outline-danger-default() {
+  border-color: var(--error-red) !important;
+  color: var(--error-red) !important;
+}
+
+.btn-outline-danger-hover() {
+  &:not(:disabled):hover {
+    border-color: var(--error-1) !important;
+    color: var(--error-1) !important;
+    background-color: var(--error-5) !important;
+  }
+}
+
+.btn-outline-danger-active() {
+  &:not(:disabled):active {
+    border-color: var(--error-0) !important;
+    color: var(--error-0) !important;
+    background-color: var(--error-4) !important;
+  }
+}
+
+.btn-outline-danger-disabled() {
+  &:disabled {
+    border-color: var(--error-3) !important;
+    color: var(--error-3) !important;
+    background-color: var(--text-n10) !important;
+  }
+}
+
+// danger状态主要按钮
+.btn-base-danger-hover() {
+  &:not(:disabled):hover {
+    background-color: var(--error-1) !important;
+  }
+}
+
+.btn-base-danger-active() {
+  &:not(:disabled):active {
+    background-color: var(--error-0) !important;
+  }
+}
+
+.btn-base-danger-disabled() {
+  &:disabled {
+    background-color: var(--error-3) !important;
+  }
+}
+
+// danger状态主要按钮
+.btn-base-primary-hover() {
+  &:not(:disabled):hover {
+    color: var(--text-n9);
+    background-color: var(--primary-1) !important;
+  }
+}
+
+.btn-base-primary-active() {
+  &:not(:disabled):active {
+    color: var(--text-n9);
+    background-color: var(--primary-0) !important;
+  }
+}
+.btn-base-primary-focus() {
+  &:not(:disabled):active {
+    color: var(--text-n9);
+    background-color: var(--primary-0) !important;
+  }
+}
+
+.btn-base-primary-disabled() {
+  &:disabled {
+    background-color: var(--primary-4) !important;
+  }
+}
+
+/** 文本按钮 **/
+// 主要文本按钮
+.btn-text-default {
+  background-color: var(--text-n10) !important;
+}
+.btn-text-primary-hover() {
+  &:not(:disabled):hover {
+    color: var(--primary-8) !important;
+    background: var(--primary-7) !important;
+  }
+}
+
+.btn-text-primary-active() {
+  &:not(:disabled):active {
+    color: var(--primary-8) !important;
+    background: var(--primary-6) !important;
+  }
+}
+
+.btn-text-primary-disabled() {
+  &:disabled {
+    color: var(--primary-4) !important;
+    background: none !important;
+  }
+}
+// 次要文本按钮
+.btn-text-sec-hover() {
+  &:not(.n-button--disabled):hover {
+    background: var(--text-n9) !important;
+  }
+}
+
+.btn-text-sec-active() {
+  &:not(.n-button--disabled):active {
+    background: var(--text-n8) !important;
+  }
+}
+
+.btn-text-sec-focus() {
+  &:not(.n-button--disabled):focus {
+    background: none !important;
+  }
+}
+
+.btn-text-sec-focus() {
+  &:not(.n-button--disabled):focus {
+    background: none !important;
+  }
+}
+
+.btn-text-sec-disabled() {
+  &:disabled {
+    color: var(--text-n6) !important;
+    background: var(--text-n10) !important;
+  }
+}
+
+// 基础second背景按钮
+.btn-base-sec-default() {
+  background: var(--text-n8) !important;
+}
+
+.btn-base-sec-hover() {
+  &:not(.n-button--disabled):hover {
+    background: var(--text-n9) !important;
+  }
+}
+
+.btn-base-sec-focus() {
+  &:not(.n-button--disabled):focus {
+    background: var(--text-n8) !important;
+  }
+}
+.btn-base-sec-active {
+  &:not(.n-button--disabled):active {
+    color: var(--text-n1) !important;
+    background: var(--text-n7) !important;
+  }
+}
+
+.btn-base-sec-disabled() {
+  &:disabled {
+    color: var(--text-n6) !important;
+    background: var(--text-n9) !important;
+  }
+}
+
+// error状态的文本按钮
+.btn-text-error-hover() {
+  &:not(:disabled):hover {
+    background-color: var(--error-5) !important;
+  }
+}
+.btn-text-error-active() {
+  &:not(:disabled):active {
+    background-color: var(--error-4) !important;
+  }
+}
+.btn-text-error-disabled() {
+  &:disabled {
+    color: var(--error-3) !important;
+  }
+}
+
+// warning状态的文本按钮
+.btn-text-warning-hover() {
+  &:not(:disabled):hover {
+    background-color: var(--warning-5) !important;
+  }
+}
+.btn-text-warning-active() {
+  &:not(:disabled):active {
+    background-color: var(--warning-4) !important;
+  }
+}
+.btn-text-warning-disabled() {
+  &:disabled {
+    color: var(--warning-3) !important;
+  }
+}
+
+// success状态的文本按钮
+.btn-text-success-hover() {
+  &:not(:disabled):hover {
+    background-color: var(--success-5) !important;
+  }
+}
+.btn-text-success-active() {
+  &:not(:disabled):active {
+    background-color: var(--success-4) !important;
+  }
+}
+.btn-text-success-disabled() {
+  &:disabled {
+    color: var(--success-3) !important;
+  }
+}
+
+// info状态的文本按钮
+.btn-text-info-hover() {
+  &:not(:disabled):hover {
+    background-color: var(--info-5) !important;
+  }
+}
+.btn-text-info-active() {
+  &:not(:disabled):active {
+    background-color: var(--info-4) !important;
+  }
+}
+.btn-text-info-disabled() {
+  &:disabled {
+    color: var(--info-3) !important;
+  }
+}
+
+/** 滚动条 **/
+.crm-scroll-bar() {
+  &::-webkit-scrollbar {
+    @apply bg-transparent;
+
+    width: 5px;
+    height: 5px;
+  }
+  &::-webkit-scrollbar-thumb {
+    @apply hidden;
+
+    border-radius: var(--border-radius-medium);
+    background-color: var(--text-n8);
+  }
+  &::-webkit-scrollbar-track {
+    @apply bg-transparent;
+  }
+  &:hover {
+    &::-webkit-scrollbar-thumb {
+      @apply block;
+    }
+  }
+}
+
+/** 容器内部上下阴影类 **/
+.crm-container--shadow-y() {
+  @apply relative;
+  &::before {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 1;
+    width: 100%;
+    height: 10px;
+    background-color: transparent;
+    box-shadow: none;
+    transition: box-shadow 0.1s cubic-bezier(0, 0, 1, 1);
+    content: '';
+    pointer-events: none;
+  }
+  &-shadow-top::before {
+    box-shadow: inset 0 10px 6px -10px rgb(0 0 0 / 15%);
+  }
+  &::after {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    z-index: 1;
+    width: 100%;
+    height: 10px;
+    background-color: transparent;
+    box-shadow: none;
+    transition: box-shadow 0.1s cubic-bezier(0, 0, 1, 1);
+    content: '';
+    pointer-events: none;
+  }
+  &-shadow-bottom::after {
+    box-shadow: inset 0 -10px 6px -10px rgb(0 0 0 / 15%);
+  }
+}
+// 模态框title
+.crm-modal-title() {
+  width: calc(100% - 16px);
+  font-size: 16px;
+  color: var(--text-n1);
+
+  @apply font-semibold;
+}
diff --git a/frontend/packages/web/src/assets/svg/CORDYS.svg b/frontend/packages/web/src/assets/svg/CORDYS.svg
new file mode 100644
index 0000000..cd8939c
--- /dev/null
+++ b/frontend/packages/web/src/assets/svg/CORDYS.svg
@@ -0,0 +1 @@
+<svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400"><defs><style>.cls-1{fill:#00a6ab;}.cls-2{fill:#fff;}.cls-3{fill:#52efc2;}</style></defs><title>CORDYS</title><path class="cls-1" d="M31.107,139.829V260.171A64.675,64.675,0,0,0,63.444,316.18l104.219,60.171a64.678,64.678,0,0,0,64.674,0L336.556,316.18a64.677,64.677,0,0,0,32.337-56.009V139.829A64.676,64.676,0,0,0,336.556,83.82L232.337,23.649a64.678,64.678,0,0,0-64.674,0L63.444,83.82a64.675,64.675,0,0,0-32.337,56.009Z"/><path class="cls-2" d="M262.877,124.941V99.3a15.672,15.672,0,0,0-15.672-15.672h-96A15.672,15.672,0,0,0,135.536,99.3v21.362a15.671,15.671,0,0,1-15.672,15.672H98.5A15.672,15.672,0,0,0,82.83,152v96A15.671,15.671,0,0,0,98.5,263.67h21.362a15.667,15.667,0,0,1,15.672,15.672V300.7a15.673,15.673,0,0,0,15.672,15.672h96A15.665,15.665,0,0,0,262.877,300.7V275.059a15.67,15.67,0,0,0-15.672-15.672H151.177A11.355,11.355,0,0,1,139.82,248.03V151.714a11.1,11.1,0,0,1,11.1-11.1h96.284a15.671,15.671,0,0,0,15.672-15.672Z"/><path class="cls-3" d="M288.675,200h0a28.5,28.5,0,0,1,28.5,28.5h0a28.494,28.494,0,0,1-28.5,28.5h0a28.5,28.5,0,0,1-28.5-28.5h0a28.493,28.493,0,0,1,28.5-28.5Z"/></svg>
\ No newline at end of file
diff --git a/frontend/packages/web/src/assets/svg/SQLBot.svg b/frontend/packages/web/src/assets/svg/SQLBot.svg
new file mode 100644
index 0000000..a0cad9d
--- /dev/null
+++ b/frontend/packages/web/src/assets/svg/SQLBot.svg
@@ -0,0 +1 @@
+<svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 400 400"><defs><style>.cls-1{fill:#149cc5;}.cls-2{fill:#69caa4;}.cls-3{fill:url(#未命名的渐变_19);}.cls-4{fill:#75cccc;}</style><linearGradient id="未命名的渐变_19" x1="88.669" y1="59.213" x2="334.656" y2="389.988" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#b2f288"/><stop offset="0.181" stop-color="#80d79c"/><stop offset="0.371" stop-color="#52bead"/><stop offset="0.554" stop-color="#2faabb"/><stop offset="0.724" stop-color="#159cc5"/><stop offset="0.878" stop-color="#0594cb"/><stop offset="1" stop-color="#0091cd"/></linearGradient></defs><title>SQLBot</title><path class="cls-1" d="M377.77,182.253h-3.078a170.568,170.568,0,0,1,2.752,30.636,152.429,152.429,0,0,1-4.472,37.444h8.676a14,14,0,0,0,14-14v-36.2A17.879,17.879,0,0,0,377.77,182.253Z"/><path class="cls-2" d="M22.555,212.889a170.659,170.659,0,0,1,2.752-30.636H22.23A17.879,17.879,0,0,0,4.352,200.132v36.2a14,14,0,0,0,14,14h8.676A152.38,152.38,0,0,1,22.555,212.889Z"/><path class="cls-3" d="M200,50.6c-91.855,0-166.317,70.431-166.317,162.286S108.146,349.4,200,349.4,366.316,304.744,366.316,212.89,291.854,50.6,200,50.6Zm40.353,231.071H159.647a79.892,79.892,0,0,1-33.12-7.138c-7.515-3.412-29.437,3.755-35.5-1.692-7.347-6.6,1.56-26.251-2.95-35.147a79.849,79.849,0,0,1-8.624-36.215h0a80.191,80.191,0,0,1,80.191-80.191h80.707a80.191,80.191,0,0,1,80.191,80.191h0A80.192,80.192,0,0,1,240.354,281.675Z"/><path class="cls-3" d="M200,50.6c-91.855,0-166.317,70.431-166.317,162.286S108.146,349.4,200,349.4,366.316,304.744,366.316,212.89,291.854,50.6,200,50.6Zm40.353,231.071H159.647a79.892,79.892,0,0,1-33.12-7.138c-7.515-3.412-29.437,3.755-35.5-1.692-7.347-6.6,1.56-26.251-2.95-35.147a79.849,79.849,0,0,1-8.624-36.215h0a80.191,80.191,0,0,1,80.191-80.191h80.707a80.191,80.191,0,0,1,80.191,80.191h0A80.192,80.192,0,0,1,240.354,281.675Z"/><rect class="cls-4" x="116.887" y="198.867" width="23.721" height="51.728"/><rect class="cls-4" x="164.542" y="175.91" width="23.721" height="74.685"/><rect class="cls-4" x="212.197" y="205.841" width="23.721" height="44.754"/><rect class="cls-4" x="259.392" y="166.029" width="23.721" height="84.566"/></svg>
\ No newline at end of file
diff --git a/frontend/packages/web/src/assets/svg/cordysBackground.svg b/frontend/packages/web/src/assets/svg/cordysBackground.svg
new file mode 100644
index 0000000..444531c
--- /dev/null
+++ b/frontend/packages/web/src/assets/svg/cordysBackground.svg
@@ -0,0 +1,29 @@
+<svg width="888" height="181" viewBox="0 0 888 181" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<mask id="mask0_6723_22325" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="888" height="181">
+<path d="M0 4C0 1.79086 1.79086 0 4 0H884C886.209 0 888 1.79086 888 4V181H0V4Z" fill="#F5F6F7"/>
+</mask>
+<g mask="url(#mask0_6723_22325)">
+<rect x="-21" y="-486" width="920" height="1035" fill="url(#pattern0_6723_22325)"/>
+<g opacity="0.3" filter="url(#filter0_f_6723_22325)">
+<path d="M-25 -15C-25 -17.2091 -23.2091 -19 -21 -19H906C908.209 -19 910 -17.2091 910 -15V199H-25V-15Z" fill="#00A6AB"/>
+</g>
+</g>
+<path d="M437.248 88.8226V91.9236C437.248 97.5054 436.923 101.403 435.913 103.614C434.304 107.398 431.83 110.168 428.49 111.925C425.294 113.661 421.263 114.53 416.397 114.53C411.531 114.53 407.501 113.661 404.304 111.925C400.923 110.085 398.448 107.315 396.882 103.614C395.83 101.32 395.664 97.4231 395.664 91.9236V88.8226C395.664 82.0832 396.212 77.4837 398.026 75.0226C399.504 72.4426 401.681 70.3352 404.304 68.9446C407.521 67.167 411.552 66.2781 416.397 66.2779C421.222 66.2779 425.253 67.1668 428.49 68.9446C431.026 70.3093 433.119 72.3353 434.768 75.0226C436.542 77.5659 437.248 82.1662 437.248 88.8226ZM416.397 104.948C420.232 104.886 422.665 104.121 423.696 102.654C424.871 101.703 425.459 98.9534 425.459 94.4051V87.179C425.459 81.866 424.799 78.796 423.48 77.9691C422.222 76.6875 419.861 75.9846 416.398 75.8604C412.934 75.9845 410.573 76.6874 409.315 77.9691C407.831 78.8994 407.088 81.8764 407.088 86.8999V94.2184C407.088 98.7874 407.738 101.599 409.037 102.654C410.067 104.121 412.521 104.886 416.397 104.948H416.397Z" fill="white"/>
+<path d="M540.068 114.206L540.12 95.1168L526.442 66.637H539.741L546.68 82.2346L554.78 66.637H568.017L553.763 95.1168L553.772 114.206H540.068Z" fill="white"/>
+<path d="M388.88 104.001V113.251C384.716 113.787 380.522 114.053 376.324 114.049C372.965 114.049 364.869 114.828 359.909 107.805C357.311 104.126 355.795 98.1319 355.795 89.1423C355.795 79.9094 358.115 74.2038 361.467 70.9851C366.592 66.0635 373.816 66.615 376.383 66.615C379.69 66.615 384.014 66.6926 388.88 67.1256V76.4778C384.358 76.0799 380.104 76.1078 377.502 76.1078C373.368 76.1078 370.626 76.7953 369.275 78.1702C368.647 78.6829 366.699 80.732 366.699 88.3414C366.699 100.476 368.7 102.009 369.003 102.312C371.493 105.242 384.134 104.251 388.88 104.001Z" fill="white"/>
+<path d="M455.979 99.6056V114.263H444.101V66.4568L460.289 66.2549H464.693C471.123 66.2549 475.588 68.3589 478.09 72.5669C478.667 73.8454 479.113 75.1787 479.423 76.5468C479.816 78.5014 480.004 80.492 479.982 82.4858V83.6517C480.005 85.3289 479.806 87.0017 479.393 88.6268C479.085 89.7613 478.626 90.8489 478.028 91.8603C476.87 93.8505 475.019 95.3949 472.477 96.4933C474.069 97.0948 475.506 98.1416 476.788 99.6337C477.256 100.209 477.691 100.811 478.09 101.437C480.554 105.133 480.358 114.263 480.358 114.263H469.18C468.87 113.31 468.735 103.4 465.454 100.666C463.714 99.2156 456.185 99.5852 455.979 99.6056ZM455.979 91.2273C456.206 91.2481 465.351 91.9954 467.856 88.9998C469.014 87.6141 469.313 86.4502 469.313 84.2733V81.864C469.313 79.273 468.952 77.5317 468.228 76.6401C467.442 75.8318 466.192 75.3136 464.476 75.0856C462.594 74.8368 459.762 74.8886 455.979 75.2408V91.2273Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M505.148 66.6153H487.14V113.893H505.148C516.62 113.888 525.92 106.1 525.92 96.4923V84.0195C525.92 74.4094 516.62 66.6231 505.148 66.6153ZM514.352 96.8991C514.352 101.161 510.234 104.614 505.148 104.619H499.135V75.8892H505.148C510.235 75.8941 514.352 79.3503 514.352 83.6097V96.8991Z" fill="white"/>
+<path d="M582.987 114.324C580.399 114.31 577.814 114.16 575.242 113.874C574.166 113.754 573.059 113.614 571.923 113.454L567.523 113.036L567.617 101.685L574.513 102.766C574.513 102.766 577.223 103.155 578.46 103.275C579.935 103.415 581.271 103.485 582.467 103.485C586.813 103.485 589.325 102.496 590.003 100.517C590.19 100.143 590.282 99.7285 590.272 99.3102C590.261 98.8919 590.148 98.4825 589.943 98.1183C589.524 97.2593 588.637 96.5197 587.281 95.8996C586.569 95.5901 585.84 95.3199 585.098 95.0901L582.527 94.3104C581.39 94.0309 580.374 93.7511 579.477 93.471C578.32 93.1114 577.264 92.7316 576.307 92.3316C573.934 91.3323 572.09 90.173 570.775 88.8539C569.505 87.4875 568.663 85.7779 568.353 83.9366C568.089 82.3807 568.059 80.7942 568.263 79.2294C568.801 74.1525 570.964 70.6645 574.752 68.7655C576.167 68.0065 577.872 67.4568 579.865 67.1164C580.643 66.9965 581.53 66.8966 582.527 66.8166L585.098 66.6367H586.833C588.806 66.6367 590.979 66.7567 593.351 66.9966L596.252 67.3264L599.626 67.773L599.691 77.7304C598.073 77.3527 596.436 77.0624 594.787 76.8608C592.51 76.5205 590.212 76.3401 587.909 76.321C583.364 76.321 581.793 77.2896 580.996 79.3481C580.728 80.1762 580.649 81.054 580.764 81.9169C580.87 82.9211 580.806 83.1853 582.826 84.2364C583.443 84.5167 584.221 84.8166 585.158 85.1358L591.079 86.9048C592.215 87.2648 593.232 87.6346 594.129 88.0141C596.302 88.9341 597.946 89.9936 599.063 91.1924C600.379 92.5115 601.226 94.1605 601.605 96.1394C601.866 97.6653 601.896 99.2219 601.695 100.757C601.156 105.794 598.646 110.317 594.858 112.255C593.463 113.015 591.758 113.555 589.745 113.874C588.968 113.994 588.08 114.094 587.084 114.174L584.781 114.324H582.987Z" fill="white"/>
+<path d="M340.935 74.6645C339.956 72.8674 338.502 71.3754 336.733 70.352L318.804 59.9718C317.112 58.9927 315.193 58.4772 313.24 58.4772C311.287 58.4772 309.368 58.9927 307.677 59.9718L289.747 70.352C288.055 71.3311 286.651 72.7393 285.674 74.4351C284.698 76.131 284.183 78.0546 284.183 80.0128V100.772C284.183 102.73 284.697 104.654 285.674 106.35C286.651 108.046 288.055 109.454 289.747 110.433L307.677 120.813C309.368 121.792 311.287 122.308 313.24 122.308C315.193 122.308 317.112 121.792 318.804 120.813L336.733 110.433C338.425 109.454 339.83 108.046 340.806 106.35C341.783 104.654 342.297 102.73 342.297 100.772V80.0128C342.297 78.1438 341.829 76.3046 340.935 74.6645ZM324.058 107.763C324.058 108.118 323.988 108.47 323.853 108.798C323.717 109.126 323.519 109.424 323.268 109.675C323.018 109.926 322.721 110.126 322.393 110.261C322.066 110.397 321.716 110.467 321.361 110.467H304.845C304.491 110.467 304.141 110.397 303.813 110.261C303.486 110.125 303.189 109.926 302.939 109.675C302.688 109.424 302.49 109.126 302.354 108.798C302.219 108.47 302.149 108.118 302.149 107.763V104.079C302.149 103.724 302.08 103.372 301.944 103.044C301.809 102.716 301.61 102.418 301.36 102.167C301.109 101.916 300.812 101.717 300.485 101.581C300.158 101.445 299.807 101.375 299.453 101.375H295.778C295.424 101.375 295.073 101.306 294.746 101.17C294.419 101.034 294.122 100.835 293.871 100.584C293.621 100.333 293.422 100.035 293.287 99.7067C293.151 99.3787 293.082 99.0272 293.082 98.6722V82.1122C293.082 81.7571 293.151 81.4056 293.287 81.0776C293.422 80.7495 293.621 80.4515 293.871 80.2004C294.122 79.9494 294.419 79.7503 294.746 79.6144C295.073 79.4786 295.424 79.4087 295.778 79.4087H299.453C299.807 79.4088 300.158 79.3389 300.485 79.203C300.812 79.0671 301.11 78.868 301.36 78.617C301.61 78.3659 301.809 78.0679 301.944 77.7399C302.08 77.4119 302.15 77.0603 302.15 76.7053V73.0209C302.15 72.3039 302.434 71.6163 302.939 71.1093C303.445 70.6023 304.131 70.3175 304.846 70.3175H321.362C322.077 70.3175 322.763 70.6024 323.268 71.1093C323.774 71.6163 324.058 72.3039 324.058 73.0209V77.4448C324.058 78.1618 323.774 78.8494 323.268 79.3564C322.763 79.8634 322.077 80.1482 321.362 80.1482H304.796C304.29 80.1482 303.804 80.35 303.446 80.7091C303.088 81.0681 302.887 81.5552 302.887 82.063V98.6775C302.887 98.9348 302.937 99.1896 303.035 99.4273C303.133 99.6651 303.277 99.8811 303.459 100.063C303.64 100.245 303.856 100.389 304.093 100.488C304.33 100.586 304.584 100.637 304.84 100.637H321.361C322.077 100.637 322.762 100.921 323.268 101.428C323.774 101.935 324.058 102.623 324.058 103.34V107.763ZM333.398 95.3074C333.398 95.9529 333.271 96.5922 333.025 97.1886C332.779 97.7851 332.417 98.327 331.962 98.7834C331.507 99.2399 330.966 99.6019 330.371 99.8489C329.776 100.096 329.139 100.223 328.495 100.223C327.851 100.223 327.214 100.096 326.619 99.8489C326.024 99.6019 325.483 99.2399 325.028 98.7834C324.573 98.327 324.211 97.7851 323.965 97.1886C323.719 96.5922 323.592 95.9529 323.592 95.3074C323.592 94.6617 323.718 94.0224 323.965 93.4258C324.211 92.8293 324.572 92.2873 325.028 91.8307C325.483 91.3742 326.024 91.012 326.618 90.765C327.213 90.518 327.851 90.391 328.495 90.3911C329.139 90.391 329.777 90.5181 330.372 90.7651C330.967 91.0121 331.507 91.3742 331.962 91.8308C332.418 92.2873 332.779 92.8293 333.025 93.4258C333.272 94.0224 333.398 94.6617 333.398 95.3074Z" fill="white"/>
+<defs>
+<pattern id="pattern0_6723_22325" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_6723_22325" transform="scale(0.00124861 0.00110988)"/>
+</pattern>
+<filter id="filter0_f_6723_22325" x="-54" y="-48" width="993" height="276" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="14.5" result="effect1_foregroundBlur_6723_22325"/>
+</filter>
+<image id="image0_6723_22325" width="801" height="901" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAyEAAAOFCAYAAAB9Y+0LAAAACXBIWXMAAAsSAAALEgHS3X78AAAgAElEQVR4nOy9W7AtxXkm+GftvQ9XcRPYloQAqSVb4LYkGyT5EuDutrtBPRHTNno1tp4kT0S7R3geelrQMRMxgm6/jNTjiYkR89ByCz8K+c2opx2jhvHESANy2+4GScgIkJAsDuIcOHA4t71yIqvyz//7/8xau2rtdam9d36wz1qrLllZWbVq/V9+/8U99crLjoiupCMDN4kTXXkvpnGaFRNBvR0qNgVX775p4Ahchq9vnbzqeffmP+g+efJEvv3z3Xvq/uIb376Y9XEf+UzxM7+R7bxPG3Rtdfv6fBkR9Chflt7PvCy3+zTOXb7VuJ9z5LZmsNUsNsHnI+cnO/M58f9et+3VSaaTln7xWx+/z54IB7RdLLt7aCNs55zsyzt478I+/N65tGu7vH3fLXPt/z6cp9zCsU0nR3Mu7hbbcbzGETdOcR/XDkBo18l3ot3eedftxTv52LT++jgXj+x5U+8v7Hr/yjm/+/zM+zNykfXlxE+N+UJ6uRRxQKV33uzs4kXAI8B5qoN5PgN7Z3UrHH6WtuKl8mYH1Yfi4dRxG5LrUFofsB0JyAk6VKhEo+Lood4OFZtCJRoTwRG8DHzKZ2hGr215utxd3Bo4s2C4et++4mdP3bJZNOGCgT1zlJb7jgyk9563bbdjgwr253X82YlpOBPyIttqMpLai8ZvZoym17BityUd2pADgoBGos+2IziyMTq1fZmMT2fftwzB3GSeiYnvaIDj7V1q10UT2cdtXTT4k7XL7Tgwzn23jyM4ZjT/XVrn5FjxXRMtdMfbhmW8leNtu3UNwTHIwWtoRy9rnD5WOMYF7+l7Z0/R98+/Qbt+lsbaxQvJ17Q0xkCy4pj7RCN8tg6/2rjOM2GRbROD6LgYMjBPerxTi86p66zWJ7IhJ+DwPM29sCcKJOQA4wiQjfrbXgGot0PFplCJxkRwhInGPHx95xSdj/OuQjjyzzMgAjMP7xMB8UAY8LWfgBQoA8ooioDkBMOrbYsEBP8dYOj5nvelDUpj65KZGT87XA5GqDGWUTNwHrZ3elsmJZQMeiAYhATEsXyR9qNOFUr9EZIQl3iZpW+AUBASD9LtI9FAQtJ9lmUs01ygGX0/kI9zr7fvxTgXRUfIGJXXq/FGnSZfh+PI9wBeC0XmSDShtE5dp46aeOyfoTZ8HFkXSQrsE+WvtEVSXBCJIEPvXFJJWhwAElJVjYqjh3o7VGwKlWxMBJVsDMa3tt6g15uZEAYv5MMSiEQ4vCYfSCgyAuJLpIT6l5t+iM3p1eecgPByfDXuLPuAJSfOHI/Y4MTPTi9Hw5SSQeoV0eD1uK8DQ7dxnUMWEgDcjpyQBR9NXKVG+DmkgwmLIRRa3RCSgQqMi05diXw4VF2IzvtIPs6/npQPHAulfMwbU3STEvcwtT616fIx5+uSqCIoIXzueI1FJXEZKbIKCp6LeMl5tS6dH3TaMSk1BCYfDY2JkJBKNCqOHurtULEpVKIxEVSisW+85M7Rd7fPt81oAgHKR3SvQsIxU9tooqFcsTy2uwgBQQKkCUgOG1mxBwGZx0z2YC19Cohyy3HiNkQw850REuMaRUSZ0qHUDi/EgNUFpY7AZ36v1A9UMdiwdi4SFzleWNd4q3oYdyvlvhWXx7b4PC74GX3v3Cl6sU/5gAFFYmefsw6GVCkZqgnjpkb5tqI4yBHC+CQPKtM/rT7IsjSiXpOONM5wLgTb88JM+bB3lTMfCvfkmknI5p+4lWhUrBP1dqjYFCrRmAgq0Vgp/nrntCENmkR47w0p8T2KB2lVJHOlQk3FEhNDUnxOIkoExLphaQKSI3ezKsgnvTuCexV+KhjUJQIi66xBzOoEkJOoIMhMPKoiYPw6bSh38RvQBvXFbIDSkZEM2Y/VDYpGOhOLBtZ3n5vUZyE7mnzsUq58FDgIvNfjKbxBhdCj7qACyNF1yyUiwQRNLlwictA3B/Z+p3zwmAk1SiTSqaNBP81d4fVKPF9v+mHvLXJ6D7xVV0BCjoCqUX/bKwD1dqjYFCrRmBCO2KWYwul+ffs1OutKblP9cSCdKmIUD0tcYBllKsc8FUQTECQmjOEEpKCC9BCNnJz0b+4KC3MC4jO1gw1NPbnttPEbG3DgakUQGN7965X7FLfTQD9YpWhiNDuqJKxs8DEbVEI8ZfEfqKCIu5Y9nlFViNp4j+fPvdaSD746lnxYtyNHErSRxiWON7pCeRgNSn1WV8CoHoYkOE0OFBHx0kK6Bs606wqkAwhlIkLs1gWqR3ItM2oNtt+eX9yJRwKb5niQ8GFBEnIEiMZaDlBxkFBvh4pNoZKNiaCqGpPB95sz9PLWbtsdnzJazY8DmXn9WROKXPWgbFmZgKTtYArYEhD7nsYSkH3CEgq5vuDG0+MqlLkOqfgPrwmIif/QQemSJUtcp/S60IEGFZaoZjCRaaB/DQEBoTweJAWhk7hY8TFt9itWIf72/Bv0wrlTdMZfSGOVKR8Yw+HzMZTBNeQOx4XETYrMM14lBQZlxJUMfxuUDl1lUqQUD8jSxQQNFSur7nhDzoRUGvA4JOVKn7nhN2nNHiRk84+fSjQq1ol6O1RsCpVoTASVaEweIR3v09tvtt3UrlLz40BwG1E77HIdUN5HQCgd3aoPayIge7pf7X2NMwKSnkPefIY4AzWrLuTEOe1+xds62Mo5HQ+iPqsYDegHxmeA+kGkiQwHlYsbFrtqCanBoHMMSg9tnLxwtlU+Xp2dhbgYp3IUeyLjSlUmGd45tUwpHyTKR2l/pXLguJnrk7bz4F6VJQcoECFFEoQ8qnMynEv3UZiTzaJFqJ45ub/S2BTCQraPhKpRf9srAPV2qNgUKtGYCCrRONAopeOdFwdiXbWyIHJ4P+uJA1kkExYZPrAfApK348sr7XU3x5L7QRuT3bbgUuPz55VTvv25KxaSDb1cZux5m6RoZEHj9hViPjzEgpSCzsGNy5HJcsXLwR2LYtD5d86epJcunNZjIx/wRa237lgsp2jVQ/YQox0pSXT1UgUbIT4EjHnuc+qfF1Ko1Ad0t0r1WHxSQlSngQTyZ7wnmHgxsfBwfeRmyTNyZaPmy6RlrYHpVdWoWCfq7VCxKVSyMRFUsnHo8Gxz2qTj3TsOZDY4DsS4V40MRM9duEh9JtK1QDQWc8EqkRzKjEF7j4AZCITBp7lsbSijS05HUDDeAIOlZX4dyQT/E9ruVAzZXxEVglS5bPxiWl0OJndmOxLSwW2U4j/s9t89e5J+cOGNloikHhq/qj7lg1L/KcY+FOJtjIGf1VUBwpa2V6QH/lUqkk8xJpboyFiT+izXWtpMwe49BAZPNF17UHn43kAiKXcxXlV9MyYC7FYQmF6JRsU6UW+Hik2hEo2JoBKNI4PghvXtnXPt6XqIA/GGMvTFgaAbVtnVKicR81WQ4ZmwLLQKMoCAjGUnpV3ZYowoz8wjIcmJhjcGLpKJaKVKhXJFS+JsORCYhvdkcuElSJxI3JC0+5VL+3KbahkqHeRoC+JDuB8nds/QM2dPdHEfVvEBEuBhPAhMa7UxbJ/EBOPmlI1v7JM3QeRYqyO5V4Fxn66FHXMmNN4cU6XRdWp/gvbMXaEIhn3WNHBMYnXGiztek7VmocntQiSkEo2KdaLeDhWbQiUaE0ElGhXRDUurF0w2dBxI7m7F6ojvjwOB930V0TO1A6x7PJ5eupcb1gIKyLyN2cWqsMphDIgzLldetqFk5DJx0PPanIGKeoLSibQLFRGSC5JA88ydCgmDkApCNYNJC+4bM2NpVy0IRo8Wfsh09TdnT9CPwPVKsQirfFjSltzXepQPozJgmmIe9MZsaet1KKLi9XYUVRC7H19Pq3A5G6PhzTG9bVuYEN4/6l7yRr1BUoXjhLzO6wZxPOaSkJU+BOsTtgJQb4eKTaESjQnhiF2KeucNxzw3LBsHMuvbpue9LUhIhoB4Qye029N+A9H3JiD5tr68MiIZhOD6lblgAQHJZr1TbYo82LxRrUkwuMyg6ziPhsSoVTEd1j1KBannagmTECZAmFYXM2Nh4HkiUdRlvXr2/MlU6TypG5qDKGXIQ3yHh7aUkoDqUEwXXVKWeJAxnsI5n/3+pExUGWEQssHjTrZP6jpAnIlaL+MNvYMYFK3iyL0gC/tcyPJjaVKmuUl3YttV1ahYJ+rtULEpVLIxEVRVo2Ikhrhh+UIciCgb4+NANIEpkJg5gejDCcg+fKx6iIwrtJoREFBF0KBWs9+YIjcuswSEUqVxUT0wzkAIiFNVyRPRSNXQxZjleA4+AseQNNCXRDTiVk0iJ+KyxWTlzOwCfevsCXptdhYdpcz48CDqtYpE2PGBNSVSlz4nAmZUCquSAOFwKtWtsCS8FqiqIPHwaTyxHa/6ZttMfcY4E8NMcb3cRyVSQuQa0mcG95wd3OXEhNQnbAWg3g4Vm0IlGhNBJRoVS8QQN6ws7mNIHEgWR6KJRU4+LAHJ9yXYlwYQkEE0ZCBXKd+DTtowxqCe0WcTVqxG65pFQBw8uGI5MMazZYp0GAKC7ldYsDC5U+Xpdh0EnrMR3RCk4YV+v3j+VFvz4wLNVFyHHS+7zqn34K7keSiRcOE4geqkSJE0jL9RqBIlAoSZwEi7fmG9DqfcpoA8ADFI/YLcuA7GiTwZdceQLVuDBAmHDWBPx/O5AqNGWWM4CalP2ApAvR0qNoVKNCaCSjQq1oAxblge4j6y2I6MmGgyUYoD0WRF76OVDyQuQDPAHUpjBAEp71q+N71d5lJ/rMGs9wOy4VyKFZEZfa2M8GtW5yO2kzJXgcuQUwawyVwFBIXrdzRz4jvCtilYPe7bgHLQqh/nWP0onDPzMhOUrpQOm3bW65acVRFwbHrqdajt4uDiPrp9rW44TLMLBMdDUL9VMzCJgFIjnMRt2EKEzo6D+Td9BoKCbnvYv3SfkAaqcDkJqU/ZCkC9HSo2hUo2JoJKNio2hOCG9TfbnSHJhv5ebli60GDJDUtcurSCkRMQSke2GBaITqYFS16GIN/OF99m97CX+fzMSPYijKBBmBEQO3OOZrfzXXA4oeHr1PZs8Dbqvd42q+WB+8C6pjcORFyvXFQ/nj9/qg1C1woHqzx6LHB8mKR1PAjHLh8P8nZcvTo/abwjWmlc4WByLK18ZMRP7YuKBAS687aQ3pj9xNC9LZ2Lqa9i64MU7xscCWcCzlOSAK/2VsRFupSwXZ+2FfUWqNgUKtGYCCrRqJgg/mr79VSU0KcaIHPcsDyrGkISZoPS8WrKkbttlQiOJh3D4kD2oYD0uHuVtikZ2K4YA4IKiGyHhiPGKZDPCYkYypoMOJP5Smp1xFeIAWFjGjNooctVk1yxumNgql5WXILL1VNnftyqHx76m0xiJ4a/HZtu4CSuhPD88XMWmI7jB+16+1lnoOqMd7lSNmCfzLVAwkBOZxyzx+M+NUxuHF47q0xoQoPvww2sM24ZlaQUH9Luo5P0qqNxLIyT+22txQorNof6g1uxKVSiMRFUolFxgPD95gy9vLXbdlgIxh5uWJm7lY0jIUU5sniPzA2rREBKtILU+/1kwsowcofS8zZ3GzL/Rgs9m/F2MgtPShHRCgmSCz5ekwzebnbcxnRgOl3nQRGJbeM2NuMVrgvj8+PdN+nb5060ma/6XK/wzIlQDXJqlR4JGR+X1oGrlSNJNZzc3rSJb4OyWXRA1SdtCxuwEsSuYGrsC7VUMqUknkeD21mXMHut0zG7PUt9T+8wXiRl1NLtW9XD6YvRopKQQ4T6g1uxKVSiMSEcsUtR77zDiW9tn2nPS5MIb0hEvxuWctHaQ81AAqKds/Q+lB2XZBt+30tAFtU/APOaSAHjHZLBDEHJVCIgQBxyA9KoIunfQlA6vsY4DjZ+beA5qhhbrHbA8gaN9EhC0I2LFYBAOp4/9xr9YPf1tDcOkY2DQSUoLbc1M6i7iKh8NJ5gBCgZ/jrmohwXocYV23N6WzXGoLg0oHCkWJAUlC7jk65kHHtvMo1hG1m9EKN+JdJla4+YMcDzJBhbHCt+udg7utQ7urrZomOuoZ/cPkZv3dqpJOQgov7oVmwKlWxMBFXVqDjE+IutU3TWiSoxszEdsSjhzBAMvY1VP8rpeKmogJTcpubHgczHYm5Y+fY+e+tIG9pEbGR6ZcyygYypYSUGRAzx0oy6qCIyJ96QNoLFsJVZfEI3LCQQPicWLlY3Z9O+wbZIx4CErV6fnaNnzp6kN/y5XvVDgsO9LkJoZvItobCZn5QSkJEz7com2Wl1ewQpjpPqAO2jgU/omubLJAX7qfun3aQycon7meB6vvYezlX1CYiFjQfh++4YEV1OTUs2rmuO0dVb2/TOY5dQHyoJmSjqD27FplCJxkRQiUbFEcSr7jz9aFvcsLCQ4CzFhZRcs+Z83sMNi1R78xQWTVDWEQfCKLl0WQKCM/16Zj7XPpCgKLWjxzAlVUgwulfBzLrrUzsgTW0eUN5DSNJnITQY8P3i+dfphQuvJferOOx6Vt5rVYgsUcPRQCKmxgQJmyEqBGQlZaZComYD2FGF6NCk9eVxJ0UifJbaWBFF4xqnrrOKOYH9jAsdPn+bBu8YfSxPnD6Z6MpAONw2vXP7Irr+2MV0qdsq38A9qCRkg6g/uBWbQiUaE0ElGhUVCn+5fbpYEyR3f4pB6hCrkblejXDDylSTghtWiVDs7Ya1DwIyZ8c+w5oSAfHKQLYz/aQMUl8weguqiJNtxXAGQgGqRXofDW8d85FnumpivxooOOiMm1YgHSH248ezN2Epn3P/eOAnJgKlsoUSg+H1OKABXww611qUJniofHTtYzphQiLgdEC/PrZx8VI1WbqlWPSRVOYsUgQx65uJOSFzPL4Pj5Gjq1xDb2+O0bt3LqG3bh+j/aKSkDWg/uhWbAqVbEwElWxUVOyJEIw+piZIkXwUs2Ht7YZFcS2pz/IpV07WFAcypKlENErpY+cQEG8MXHQzmmcM9xAQrA8iQeiSarcxRQe3Ulv9FdH5+G/MztMz507QG/68+l3jWXnypJ46aTx4mesZDzMmWA+kGBcjOyk1wUPxQYJzsSQudQXre/SMMylS0oHjZZi8ZMTCaTLpcL2zmbogo5l5YPO1u5a26G1byyMdFpWELAn1B7diU6hEYyKoRKOiYl94evvNtHtOMnx0ydrL7coSk/FuWEQ2G5cmJquMA9mrPSJ06TFz/YmAeHDF0saoN4YpReM0nG9jjG0H5q2DmAB8z/EgTCaQROBxU7YsUD4ckI0sCN1J7YwfXThNz154tXXFc3x2Plc/vBkRlyiHXsLnkBQNcJnq3J5kbLHGCRG4W6XUt16TMqi34ci6QnFxQa1aKYLiZax8GkuvCEm6DhyLY0hcd/18dv3a7VGFKRDTy8nR9c0O3bh9MV2/0x/LsSxUEjIC9Qe3YlOoRGMiqESjomIlCMHoXBNkZoLR+2uCkA5Iz4oS7s8NqxTdsa44kL3dufSsf17DgizVSP+6ZJ5Tqo2BMRnJ4IUWUkwG1+1IRjC6VYFSwrP23iodLhIN+AwZnhrl2kX07PlX6Ye7r6dieulskIB4PSIp+B6Igx01LASIRM0XKptrQ96MJWav8kJO1FgCoWGkeJBSocd4jMa4STWGsHB8jSUhHtzdiDRpscpLOMa11LRqxy0XvYUuddjL1aOSEIP6g1uxKVSiMSFUslFRsTaEyugYjO5NMLovBaPv4YZFC7ph+WTxI/FYYxzInAZcWpwb1aWtUTFRqVllaXJOSoawIzDKoVggiQuRS6QBlQ92DwKFBMiJxHmUCYhT6khXfPDpc6H44Dl9lg5jXXTwPbpflWpcECExMOsTKfHq3Pk4ltSh0sNonLhlseuTRxeqRAI1QXGGuPCWTaG2RwP7Nab/zgtJylUtYobUrruOGrpx6xL6uYsu772D1oEjS0LqD27FplDJxkRQiUZFxUZg78O/2D61YDB67oZFhqhQtg3BNpQdJ9++7Ia1ljgQaLKkaKR1JhOWVUCUEZr2Kxi/6EJkjWMIzu4lICoeRAxhSbcr226By5ber4v/ePrcK3TO7yaiQTS/7geqGbxQ9B7eX4iZwzFKWa58Mv7TGCl1SBpnlYcwFTK4UnF/MTMYX0eblYqD8tmtTVWeT8ShoJiQvn5tlXS4TkicuviOaRAPxKEmIfUHt2JTqERjIqhEo6JiIxh6H4Zg9BNbs/a9VUHGBaNrt6rZYDessusWpR6V3bDK2L8b1rx2GTi2Ktg5xoNYyuGgiWwWntPt2nStJvagiQZ9A+Z7ymqVXKx0ZqZU4wMJh/3scHY/VD8/Q8+cP9G646lzRmLhzRjgWSvFh9ObabeqpBKYLGG8yI6D6EUd+UiB7YksaDcpJB1I0rgPfOzGpNttgPTJZ+5zwRWL2wGC5RWJIrqaGrph6xjdetGVw2+3NeLAk5D6g1uxKVSiMRFUolFRsTHs9158ZquvMrpVNpCUaGJBlmgAlVifG9byCIg9ptiUThfdc/OroTuxvDPDupvlx6Bq2AJm3pUBjAY3uAPpOh4x8Nz5qAy4NEuvPsNxmhhs/oPzr9Nzu69qfQPEDEeQehgISTrr6DqGY6bS6eLYqEKNYtCrtk08B6pBzpmgdK/bQLcpZ/pjlae5CofTfeTxLh4jDseOJ/o7zUX0wYuvWHuMx1gcGBJSf3QrNoVKNiaCSjYqKjaCVd2Hzzan6XTj+wnGvoPRh2fDon27YS1RAcmIBalfIjuLj9oHOy9hRWtLMNDQtgYuUR8Bkdl2jHmwblYOZvRLBKQBI5pT9IYeh/S7x2en93C/0gQE1Q99nvp3O52X1+5KlFyh4lZAKngME7HAeiscJ+OkdRWgnpEITQwb0vspUmfqrWCWqz7iQpBO94M7l9M7ti8eecNtDpMiIfUHt2JTqERjIqhEo6JiI9jEffid7bPpfe5qFd2q+lywaH5NEK2FyLaikyD5WY4b1rLhEunpuTqoAlgDvERAeFuofaGqdpdm3FV8CBAQ41bVkhFIIeucxEgoFywTqL5LoQDhK3RidlbOoJB+F0dgCAGRQntGvSgQBEVXVGrdXEGyblGohBCQCks0yGs1hdfheFqlQ40tkimIL9kmR+92x+iDF01f9Shh7SSk/uBWbAqVaEwElWhUVGwM07gXHf01pOT1MSWvJhj9KogNQCdFOESj6FNAND0h2GKzbljzoBQPZw1zdtNCTYTECLa1K3im3XEcCczKG9KhCIgKZjcERNUCIUVIbGasJqb2DQTkr88ep9P+ghprJCDKtYogHoR5lpfzTb/xsA4VIE22YHxY40B3LIzlgBTChONkSBj3w6bfxZgXJohqLJWrmvSrsWMtp0dX0xb97PYl9J6dy1Z5260cKyEh9Qe3YpOoZGMiqGSjomIjmM59WO5JSMn7/W1teJZjQuYs71VB7H79wejUs4/0a81uWNCWK7x3YKFrZYBfgWzY2hhObZHMe0VAzIw/kZ39l+UpKB2LDwLRUAQEixJGAvK6P0/fOfcKvUkXsn4W63pgPAgUBhRyFt8nouUzxYLb01XldUwHZxprvBAGR0I6uK0mEmisz2GrnavaK0Z5accJSYbL99NZsoL7GtE1fot+6dgVdM3W8quXbwL7IiH1B7diU6hEYyKoRKOiYiOYOtGYh6e2XlcpeWeQ3SovTDg/Ja9yq1J6SHwPblgErzZ2RK+b74Zl3baWCpOON8V4EKnAaV7m0biWhaqFnIDYIGutejRgOiMB6Qz1SDRMKt5utl+n5bWpedklKxCQ/3LuZZrRTN9FrvDbnuqBaAKCWyaVwLiVqW3jmIiiIefFR5gbNK4IQbd9ynzl89odOMa5smHIB1ZCd+Kqxtc+kI8b6Bh96KIrD6TL1TzsSULqD27FplCJxkRQiUZFxcYwjXtxeb3AwoRk3J90cHof2bApedF9K/8j235GHca7Ydn9VgM3t3Fb6RsNdTR9rduRuBHZzFiadJAlIKSDykvkgo+xZYLWJRbCtTVAOgIiJ4cEhLOUocLBnzmrF8E5E+wr7XUB3eV4kHgckwEMXcDkXEjV73AFVcSOiYNxz8mMtI/1RBqXk7/wt0OO3tdcTO/bufzQkQ9GS0LqD27FplCJxkRQiUZFxcZwkFWNsfiGKUxoVRBSZMHndUPSNqTUDh3n0ReMTj3tbt4Ni6GVDlFBfPZrqZWALqahRDxkG6t6kI1rUCqCZMKiGA/C9ScaygkIB2JnBARIziu7b9J3LpxUBISDPpBs4Nmlc3YY4yEGvlf9plgnwxfJihoDLESIVeNN4UQyhCERHHNuinRAvEcD59EYktIgkQE1Z4eoJR+/cOyKfd1LBwHb9Ye4Yh2oZGMiqGSjomIjOEpEow+vuvN0YqtTQXLVor8woSIRpZS8PUqHVje0GxbBsqFuWILV6R8dnHpnCYgY3EgmSCkeBMY276MyNlmXLBPX4cwsPxrcTcEdi1IVdFKpeXl2/6ULp+nZ3ZNqDG0KXjk/Q0icfHJqCyAWMV6mMe0lMgExHzb4nrybTzpAFckqlzPRKFSX5/iXRPyY2KFyAuu3/dEhH4xDXTG9Yr2oRGMiqESjomIjqERjPv7L1ul2PZv5M+NWRRkp6XelEhXErhMVhMx+WsWw6giuo9R2OWJk+TTEUZ6OV7kK+dIacVNyrJuo7FFgWLNLkinQl2byQcGglAmLyYgY2y5WJEcC4sgpRQQJSPjvRxkBKafgzQgJpOolElWGzHZJRUjn49O4sfuUHQ8dJA6KiQlSz1yxesZMSIcN8i+kN3agkLiuuODPBPJx0dEhHxSveSUhFaNQicZEUIlGRcXGMI178WB9IxZVQbwpTFhaT7HVnMxY+tBfE4TU9ut3w+oABnnvQaRwHv4ie1A00Jj3kMWKIHC7Se5NUkwQVRExnHUNkKSEwKz/VtwrbQsuRi/tagLiTQ0QD3cyqjYeVQzUgqCOR5Pcr/iigBJklAnCeLdS3REAACAASURBVBckJFCIEF2xkmpkYze8yVpl1B9dQ4VgXAruWUT0HncR/eJFV+7/1pko9npKVRJSUUQlGxNBJRsVFRtBVTWWi0VVEMZiKXnLSod2vxpDMFZDP6yrlbxi3IP9XQaj3PNbMKxJG+H6s7gnNcZYR3cjrXzIMktAnPosSoElIATGODEhIel7Ok828pFsJbYiZMkXXKcIgvNxKRIEApcognND8pVUjCwIndSYNub8HZGKl8H+cnthjN5JO/ShY1fSJYck4HzRp1QlIUcYlWhMBJVoVFRsBJVorAdLUUGyeA2rgrB7Vnmr/Qejr84Ni5LpbNYxAfF2H3DH8lr7wIJ2aYYf9wHSwbP3ZAmIUj4IlA/tjmUN8CIB8dIfiuSHF84lIEjEog+ZOm/rbmVIBpIC8nrbvJ4HtIeuWJbAJVKiq8KXKpo7cB9LaYE90XW0RR/ZeQtd0xy8Oh+reEpVEnLIUYnGRFCJRkXFxlDdpzaL9agg5bZy5NRiWE2QFbth+fIdgoY6JQMcVoKRr8hGpoJgal5Yb9+bYGkhGlIJXQWed35TnSISjXKrgKALlDddd2ClYGwLx2IIYYEzKwXiOxybUsyHdpdixahJhKXbL6ta3tMWu2YRZgGDeh8p/ib263Lv6MPbb6F3bF28tLtmFVj3U6qSkEOASjQmhCN2KeqdVzEVVFVjmli1CuJ7VJD8OPPcs4CaGBVEr10uCs5VndntOQ0sL9PKB39wak33qgx7nPFHNYDMe0M2bMG9BozrpIqAsY1ZtF6ZvZm5YCUCgqqIJSAZ0RKFhsjURclS5sI6o/bY7VxyQ8uVITUWJVcsm1bXaResxumK52GDHe/p/c2ldMuxyyfz/ZzSE6qSkAOESjYmgqpqVFRsBJVoHDyMV0HMuj1UEKK+90BSkj3fr4II1hOM7nrfYaYnOa4r/OuUQS/bNNb4TkoBG8xa/WAC0kC8QyIaSEAKBKYNSo+G+OnZeXr2wqvqzHxWSJAHVBMQOPu0bRPd0RoP6yFjFTGJ8EwMdCvF7FYqLXFUNXh8vKn9oeI/hKjYyudYjBHTIN/Qxn1csbG4j4PwlKokZGKoRGMiqESjomIjqETj8GAxFYQKyzRpGKOCMPpctwipSZFprM4Jq+9o7DLlSWbuCYkGxBiIK5NTsSNlouLBdAaj3AZno5GOBARiH5pkvAsBeerCj2k3lpxEtQP7pJUbOB/I3MWLnDhnifuUUkkoFSVMtTfiGKR4F1MZHeM/yJsCguq9nDePb4PxJD21Utj16o6dK9YS93HQn1KVhGwAlWhMBJVoVFRsDJVsHH58ax91QWgfsSBWBdERH2KpbzoYna0Bj1mgQP5w2Zays1CJaKSjOmDcmjAbVgosh/gHVbcCXI0azIZlUu82sE8iIB4ISFQWfOEbJr3ujp3FhsC5oVuWQ1Jm0+zCcRqjXCQ3KqOK2MxgzlSFVy5pRhnBMUoqChH9vLuUbj522XJuFBiPw4ojQUJeO3+B/uyl4/T0a6/T06+dSstvvuIt9OFrrqJf/8nrVnLcSjYmgko2Kio2gko0ji7O0Ix+vDVL5z8mFmSeCoIEI/27hwqSx4iQ6pfFerQP66IU0/GaAHUHtkT+XvajVGMDYx8KBMS6GlEpK5bLChSWCEjYZ5c8fevCiaSAcOccBKG3SDEdXvqf4j2sYmPoVCnFMJILVG8K8SCKlDiXVY7HGh82HsSZcXAFghLwdtqmX9rZX8rdo/iUct888eOriOjEBPqydATy8e+e+x790XPfo1MXLvQ2/5btbfqdm95J//S97xrdhUo0JoJKNCoqNoJKNCpK+MbWa/TD7QuJKuz6LtA8mKqzSEJmBH+e0nsfVZO0Le8HSsoMyUrcFgnMTCkrneE7K8SCsLqyKRVEDoIqCBTn89qo5k1aQzhW/mOFgNCgBrWjdTtCI9uQD4n1MGqHSc8rgend/oGAPHXuOL1BF+Q8CnVAOrUnLc31GkipS6QzYyEdUcTCfE4kBN2qsMBi3Er2K6ghPF4ErliwvzNjGJaEaucf2rqM3r116cjrf1ShR+DQkpAvv/hDevCpZ+aSD4u3X3Ixffrm92bKSCUaE0ElGhUVG8M07sX6jTgo+NOLTqTsVjMgIUxIPGlSMgNS4iPhwP2ZuHhDTPQycNtKJCR36SL7HkhI2VlrOSgSEKKUuaqLAfFJL9AuVtrdykFqWf5MkDoWDWbyEHTuTcVzIBeOMP7DpuNl1ywx2v/z+ZfpdX+uGDwvLmWUiEaRgBAp1YGsy5UKQodzM+PRcNFGUzDQmfO0SglXk1fxHVD/IyklRhkJr2/zZfWjPqWGj8ChIyFff+VESz6+eer1hdv48DVXt2QkuGtVbABH7BtcH1gVU0FVNSqWgW9uvUF/s302U0F8dN/pU0ESMTnUKogy1bUKQl2HknGNQekQeN6RDk7jy7UuYNZeKQA8s19QP1y+bQPqQKPUD01Anrlwkn48ezONHRvniZD4FK0SlRDqAuOZbQERU+5X7I4GpCm5ZHlS6oQQL1LkgMlGS74I3NMsQQH3NFE6tCsapdgY6etY9ePwYv/P6UNDQl588wz94TPfpT958YdLa/O3b3on/d573k1X7NT4/aWjqhoVFRtBJRoVq8a/P/YKnY+2ZlkFCctng1UQn4LaD5cKktyUEgHR3wqs3p1clpQK4BPpICQdmPXJo5sVGN1s1Ft3K1BQGnDv2kp7Ev1g93V6YXaqPY5Xtd4dnJclIFK4z6sYEKNqpNocXhQfdpFKYyVkggjdo0xMB6pBcD5MlzDonseCSLteIXELeBtt0y9v7y/242Bhtc/pA09ChsZ9LIoQL/J77313GzNSMRKVaFRUbASVaFRsCs82p+npnTNKBUlkZEEVxBdIyX5UkBIBIVqvCmL0EG2sxyWiCuTZr5qkM+Sz/GSDp5FQQLE+5Zql3K+ooIJ07R4P1dBnr+IApj6pTFig4lByZfLJNStzL4N2xC0rd4FSJCGdH5AzCDzHgHvnbdYsICwm6B7HMe3Lma+2l5v5ahrY3HP6wJKQcJs88uIP6Q+feZZ+8OaZlR8vxIv8wftvaV21KtSFOHKoZlXFVFDJRsXU8H/tnKDTDcRyAOnoU0F8ITZkFSqINwRj4yoIGMQSAxIDzz0YwYQVw9Hw1spIFv9gXZSgsrcoH7ryuSUkDagmb/gLUgskuld5UGrSWXo5a2fPFgmIs5mxsM9eu2khMcBzZdIQ40EsQUnEy2lipooSguKTXLGcXLWrZo5+beeaQ6B+TO85PXk/I1cYtJBm98Gnn2njP9aFQHTu+do3WhLyr99/C73jkovXPxg9eP755+n06S4f+9NPP92+XnrppXTjjTfO3e+6666ja6+9dthBRty7oT8vv/xy+0qmfwE33nAjXXrZpamP4S+8XwYef+xxOv7y8bkt8RgNPeUbbriRLrus6+vNN9+8cF+PH3+ZXt6jb2Nw7bXX0XXXDbx+BdjrsheG3FMWoX2+D4Zi7P0wdFyXeZ+tE5VoVEwRpbshFCdkAuLJmzofHXKyYImC+Vyojk7Zey9tZ3VENKXoU0Hy1peDPgJirRt2r8I1+XokH2UCgvU+Uu2LNhYDFROtIJBz2rAHUsJ1RYKK9e0Lr+TFCMFVzMaGcB/QNYtS+3JWRQKi1B8mB3G7GEguQegmna4lHljhHVy9bAHGREKA2PwdOkYfPnblBL+BfThYz+lJkJAS0SghuF49+PS328xXm0IgPv/gq39O//Q976LfuemGjcSLBAP/scceoyeffJJeeOGFpbT56U9/mm6+5eaF9w/G/xNPPkHffPqbexq2YRuLG264oTXw77rrLrp2H4b1Y48/Vmx/P3jatBf6Gvp5xx23j2r18ccfo0ce+fJS+xaM6ptvfl87drfeetsoUhLunzH9Ccd66KHPj+rfo48+OvoYn/vcZ3vXh3vriSeepCeffIKef/6F9rswFh2ZuiGRqvAarucmUYlGxRQx924orPzP2/Ls12TCF0gGKX2C3au0WoGf4f2AuiD2U65vrMcNay9oomHIBqSsTVs4TsebExZuS8dFYHE9Mea1+5Es5222gBQEfOvCK3SOdtOxujeocwhJyAmIcTPjNL59qohywRIixIRJiIImU7wcg+2RmChXNRULA2MUT+1i7+iXti6ntzfTmXAWHJ7n9Nos6KFEow/B7WpVcR+L4H/9znfb/nz6lp+mu9/xtrUcM8woP/zww/TNby7XyG6x4OV55JFH6CuPfmXUjHoJgUyFv6985Sv0vpvfR3fffXdrWE8RoZ8PPfRQe+6f/OQnNtrPMO5PPvmN9u/hh/+4JSRDxy4Y3o+OuHZhu8cee3ww+Qrbh/bH4K677iyqFUHtCOP9+OOPj2qvr19MLMO4URyLdWAaPx2VaFQIxhKNPoTihK823Sy5VTDkM/wXDWurgtAeKkj+vqyCUIF4aBVk9ZirgjjpBxvkeuyRXMT9UxYob9oE1y2vDXN0xbKuWpJVChQEVFji5+d3X6NT/py6JVJKYXteab3tvxeyMU8VibEjWGwR1Rk8B25fzgf30eeDGa6EkOjge+7Ttb6hO7av3rD71dF4Ti91hN2c/xZFUB7+/lf/vDX6p0JAGKE//+KvnqJ/8n9/beWuYcEAu//++1dDQBZAcGm691P30pcf+fK+CYhFUDIefOBBeviLDw9uW8+0rAdhFv6BBx5sDfOpIBjXoU8PPPDAnm5QnQJw56ieh/twKIIKMtbdq0QGwvjed999SyEg64Cb8zeNnlQcRfTeDUu6Yb/dvGHiM+x/VrEw6oj3hoyU81kNVUE0WdmkCuLMO5cZ8Hz0RCa83ksRg1QZXc/ed8ULZbmOfUD7rNs5BZ6zKpDVCek+v7R7mv7Wv2HOyMH5aAKC2ayQgJRGBAlDrwJiCFID8RqNk+KJSCSaHgLinNPZwJzdj+hn6WK6c+etayQgR/s5vZASsl9VYwiC69V//9dP0Z/9aLgP/VXHduhPbv9l+tWfuG7A1v149fx5+tQ3/pK+8Oxzg7YPNUlCvMiqUvqGWfcpGWDBuPzjh/945ccJqkggO/fdf1+aHZ/iVzNcn4Cx7lmrRCAj9913P91992+2ykgfxqohgXiFa7KX0rIsFeTzn5/Wvc+Yzn14OH6sgmHp3NH54V0VlqVqLIIfbp1v9+pTQTSRyGM/GOVtDrIKUh56rPmB27WLlRHfvfNGtdB1QyirhZEb9WTUApeUCVUrBFy2QiB6m4oX+21jQLycBVITZ86tia5ZWG08uWWZPjIBsSl48byRgEnfhcCouiZQCZ4KQegBl5CjX2xW5X5Vn2196KV6q1A1hiIEnv+TP//aKAIS8Llf+OC+CUjAlTs79G8/cht98OqrRu0XUgXf87UnWwK1LEyNgAR1Yh0EhBFcnx74zAP05unTk/4ah+s0NgB7HQjxGJ/97Gd7SUYw+m+99dZRPRmihixDBQkKyCbv/ekrGuvpybyjD/nbC5WAjMPcu2FDt8r33JlUF6QUA0JtFqsOxfVGBdHEBFPqHg4VRJZZvcNeNlA3wC7L9nHO7B9rhSBBgfgPlxn23esWBGkHVevZCycgE5YGxoCo8wX1whuiVapijq8pe5WzLlaGTDjrUmYzfkHcCBIQZ2JgYttXU0Mf3bpmnwRkOr8YBwnNpohGH1oF5K+eWijt7k2XLTfzzW9c//bR+3SqyJPjduq5bx/9yqOTIiAh+DyoE+tGICKf+cwDS3f7WjbGuCqtEyHuYd74zVNKSggqS4jR6ENYt18VJLQR4p/WhWn8bGzmB2wvIrHq9isBKWNqRGMeXtg6q9YqMuGFXuQqSZ4Ri1T8SE5KDoUKYt47Ux/Ebu1sHAWoHSreA4O1wSjXyoA28JVbFhCCZ86fpNN0QfVI3Ky89A3eoftUOjfrctXzGVWNphSgbiqZJ4LiRb3hgoqNc9m5NUBGtpwoKjf6HfrH22PcryrRWCYml/Q4ZL8KhvxBRuh/CKTPMOLeffn4y228xVTw8pqNQotARL70pWka+Yxg7E+VKIXx++IXy9cvZNS6/fZxrmTzCFdYt18VZGwbBwebtSBXfVS/gJV3lH/O594NB8TWCQHpJ5rdRBZmWWyHJR1GxfDlbflTSQXJtyNDTfqVjSmoIBhWrl3RjEsSJc+sSFZcDPDW60uKCRr1rZKh6mLoVL2NqpvRxYGcpDPqLGymLrwd03HhZIQ8QOVzMkHoGQFxRQWkQQIC8SBCpCDjVSHlriIkcb+tUHyQLqVf2Sl5vEyQ6R9STKpOyItvntlo+t1lImTO+p13LZ7Cd2pG2Ocf+vzG+xNUmNtuu3Vp2ahCjZTginRZj4IW3KueHpByGBHSx04pNgQRVLWQmrYU/B3UkDGqW9j2nnt+K4vhCArGWPWuFAsS0gcfXEznh2p/PZmz99yG+1b2m3rWJcu2sKYJ7JVgoaE6QAgB6YycFNhCgpqMEJXISUnrwBb3uh9KFEbiUtZ5vftUEO/1eiSetjI6qiNK7fC58iHGPW9LhnDomA8Hxjt/DnEgz89O6fNwuhq6i4RJ3LSckB0gGORK5wDnhgQK63c42UqyWknRRAcuVUhO8NhbhUB17sWOJ/qV5gp6+9YU0+8eLUyKhHzhueXUvJgCQuasL3//h/Q773rn6N4Eo3cRN6xgVIcaG1wMcC9gsbp5RdxCIPIitTe49keYaecid1y8bhEDnyI5C5mSloFAFoa4IoXYhKACDelrqF+xDBISlIm+drrxe6E11MeP35eL9URYDRlz34W4Dzt+Y13SSirIIufFCN+Bvloptt7L/jBd63F8z1zx7SLtd3UBPFHRxUqWtaSDZ4L9bE+XLFw7RUJy2InGPOwVkF4qTsjwJRXEU0ZcyNASKrRp/0jtpzGlWBA26e2N4kwbDtrIVYioDigFAJQEJhyOdFB3rKmBLl1/s3si1rOP7TskG0JAHJybdNWp/jjbPyYXXsgBHyNTcEDJEHcsUVI6YuGTOxZuq2JfoD6Ii/U/Prq1zuxXFRZ4p0+KhPyHkYHoFjdddtkqurUwwvksQkJCIcIxCMbjnXfdObqatUXfb+VXHn10VDu33voL9Fu/dU+vMYiB0GMMfIqGZDDC93uuY8BkgLNgzUMgB8tAGLs+xYeXdxmoHh1d64Prm1iMVUPCcZGELEsFWSTAP3wHPnb33YOKNQZS/QaQ4fnX7GBYkMN76dRLp0CMbaMfewWZ83qeWe0ODMaA129y02yzhKT3zI6ol8b8gPQ8eDwrTohxIOnfXAVhN79+JSR3wiqpIKu+X4aoIPi+M8hFtSB0s0LyofSDuF2hWJ/jDFHJ/YqMcZ+7YaEK8tzua20ciOq7cbHqWhOXMJ/FgUAfsX9ANAgJCagV5XNxyk0L1zVwPilA3aQY5jiRcPWvnTX0j3YWL4ZcMRxDH4mTIiGLBKMz/sefu4VuXHJg+lf3SYpClq9F8PiIuhOf+MQn6PaRM+9jfy/HzCAHY7Bk4PYhGPjBRSjUthhqSIeZ8nWSkIDgBjaAgyxUwXtRBOM9kIBA6saMX58r1Vg1xBYvXEQF+ehdd2X3YyAJY3DXnXe25zMUTOJuS2T4YFqQw3pdZhguGnbNHgrEsmFdrrgPTDa8w7XoY142H4cQkrHZt46yqjEW8wPSCagIFYsTyn79xQkpey/0ZHEVpH/9/jFfBUEi4aN5TPwvuDdRZtBTKvhXIh/5Zx0bwUZ5k2JAtPvSq7OzbT0QFddh0vGSZ3OekgKSjunl3JwTtaOo2CAhSYHoMX7Ei+KhFBAmMp4JSIGQYN0TyLYVEALQf2Xn6pVc8aOM/T4SD5QeFeqAfOEXP0Rf/bVfVX/P/df/mP6Hv3vLUo/1b771DH31pf2RkEWKKwbDLgQRD0EwGPsIiJvzNwbosrUXgivMGALCCIRiTNG8sUbqMhAM5nB+Q7Du2Jkwfvfd9+m5LnUWIXalhLGuZEw8wjVZhgqyCD72sSHZvZb1jdgshvXaxWlQmQotnXGfYT5vpLJ2WivQp88NzKricntsntnGoma+tK1Mo0bLpv/MS2uRgPjCtsX+HY5bZeXIK6RbmqAVkL3S8hrtIitOWFJWykcbooIsn364nvfZ+hQP4vTtrdQEWUZAFHKyofdNaoMjUCvMNqgexDZCGt5nZyc1Yej5bmZ9t6TLqbPNzqtMQCgFsCsCQpqANF4rIA0QkGYOAQkFCH9luxKQRbHKR+KklJC9MLQQ4R999/nBhQZL+E8nT9LJc+dXdh7zMMYVJcyCr/p3cczM/th6E4jbb7+jjVcYgnnpYVeJoBQMGY9wDZcVPD8UTOSGjmFf7Ero9803v2+w+sXFCxdVQUp4441xJE4TmcNpKe59Vk5tNHQUxo2W2RriOjorJaMAva1YAmTdrpLblm0RDZw5gcaWaHmYcfOFU6kYj+eaN02FdFI0o0QcrPuV+pyl5S3TC5qjgth7ymLTKkh+R+f7oDpBRYNPuzvxmkaRFmO4ozuWih3pXr9z4QSdp13pDRAQPBfdT0tOJBCdYoB6Qx7UlEgu8D0qHClIHgmIPC8acLlK6XqBgDisqs6KCRF9mC6jd20t10vmMGJTj8QDRUKGEpCP/7//31r6swoMneWfF4C7TIwhRcFlaVGMOZd1ujwdJIQA72UQuUBug3vXUISq5mOvyTwVZGx638NsUc4/M1d6WbAtSiaNp4HuSxyEXiIVwc2qyYV2j64dYAZmR5uj0nDceyIkiQz53MXM8iZUY0rKSeUng/GjZskB6bJWlg8sTkiqnQmrIOlzJBJeKx64g8qSFW94nZ6X09tKixiAnasgxg0rxlu8MjvTpuMt3vfp+4p0R9MhVDVEe9Dkgkw1c63kGMIBLlYYD6IKDqbzcUoVcaSrod/u3rKiCugHE1N8th269AD7UUA2Cf6Cvzxwln/dM+1DcO21+6tWH2bgh2JTasiUEQzykJFsCPpc/sI9eEtUQ4ZiLAGZp4LQSELK2dYOG+ZL3WVXq54te9aDW0b60wRkngTfGVC++N4Ztyx9fJ9EE3XsbK63/49nfFN6TidvXCA+hZO2i/rIRiUgw/CqO0+nmhnqEr21QQgoRL8igk5ZpIlIYc3Q4oR9yzatgrhCf5xNb4tGebvOa5ertM6l7wQa5qwGOPtd73HD4j6Q+e4mQoEZsmzxQZ9/X5My42E7VGiQcMD5oOLRIAFxmoBszSEgIQXvUSYgvc/sCWJzJOSgjNASMfcHPeLll4fFoaxDBaGRrjHr6hONGKejhr6aJyXMuw8/NrKK+hh87O7fBAUj/7v00nFZ7j7zwAP0pUceoePHD/49MZR8zHtsltdZ0iEbWPLAhKLc5tD/Cn3zXAOg0EcXjRZXMFi4A1SwdHAftXF5FI/Qz81K8byTJDLW/McK6UTDAtKpx7XKKmbzyEWZWExMBVE1QMqxIATLxMsRXLCUO1Ppe2nrg0Bhv6QmdCrD3+y+mtLxdocpO4zhmbCCIsfNSUnjSK1XkxIqK1a/y5WoH5Sl4OUaIA3GhcRlF3ui/6p566EnIEPsyYOA1ZOQwzBK+8CqTnldSsgLLxy+WeaKvXHzSDVkKIIb4V13fXTuN+KWkfc2px3+1L330v/82c+2Ka4PWrX1seSjb39tEO1NOpza3/wHSoUNdG9JQ+PUnyYKso9VPJKpFP12lKIRXhvXZe1tRC0h78B4yccguYWNICMl7DWDXtHhR1sX0thYVyxSZKKvQroNSC/oHktJy7uu6+nMu1wFye9d/U47Mmkjnpc06jsQ1yoDX+8jAdrw/Y7bvDY7SydUVXRNQJz5VwhSt8bj9w0VHE/4LS9OLDSqj0iWNAERIpUTEEzNyzEhgYDc1RyeGiCHhWjMw3JiQuq00tKw3IJqFcvEUBewdaYPXuVXL8SYLPt+HKKwhAQHX3z44YXaD+mbw9/nH3qodU277bbb2lS8607pPAbzyUd617eF+eyyhWXS4oobsNFQwl5VzRU4biMGcPAsK8VYjs71IxosHDzuqS0+pmoduri8Ca9dO579RmC7zNUm9rV77yjfSs4BTdk+glchCK5YZ51XBKKvNoglI2SW8XUv7UOGXqSj7bM44TKRG+3z7x2leGTkA3i+B9UB1AZuwxmXKSH2Ljf6wQVLuWH5V1U63qzP3hAeJyOYnwWcnXEXI+wLErIYNM/ntQVbleJBHJWKEnLBw4NNQI7yM2Y4CalP4oojjEBAhsY+LCPtLGJTX71gvAflYlmJAEJbd9xxx57bXXfddaOrt5cQ4l7CX1BJwrHD+YTjT4WQLEo+8mW2DkHJ+NHt7t124SiNS8Z9CzPVzIpJS1Yafm1MS9pc7LYTNuBUD7zKktWZsa4lJFBQpK24zsHoSEAI3lsygoRqzPdrbM2Rw4iSK5YHgqDVjHz8+uJGVBzI4ID0eSrI6osTdhimgniVoc0RlOtMpAPN+2Sse/3ZEg+lgpQ9FpMqwqTmh7uv07k2G5aPfbNuWFqB4YARJBLEKofvtuHCh+R5f59akv7Jdo4wWF1eMR7EQbtSB0SyaPGyiw4AAakmdBn6ih0F7aeiYgE89NDnB+20TBemzX315Iu/zNiQMW399j33DK7LMgSBSD36la/Qp++7r40h2UStGUT5us53u7LLxN1Kr1ezlyTuVMabyhgy2vVKeWDFeI3G7usG/NmO+c5Q6oyIBo7e1QloN2+42Fnsn4f30CZv15EMl42RVwTEKzctB8YKunLted2OOAGhHlcsKhCLPGmvUUDU1qRIR9+aKaXlHa2CeH2P9qogSSkoqCC+RwVRLkoFFQRcIV/35+mH/nXoo36G4Gv6XmFfvDP9LT1TvHKjsjEhBNs2ZFLrgmrDBIRVEm5rqi5Y1YQej6aOUkVFP0JswWc/+9nBbkn7qZWyfuz9uAzKwTLIwFAVhBHUpN+/997B2b7GIBCQQERC/Mi6Y0fKj9rFyAcv1MRDr88NkBW3wwAAIABJREFUBU04SiSjwQw7bCBEI2ErKhudIdCoPyYMW+G9R19vJDoSs+HiFG+DtQPEBIuxIYZkJUIC550IFoyEqmESyQhn8Iqbec43ZFzMSj+Fvi/A4IhhniuWVS1ydywYz4IrFmWv1hmr/9Mm0vJ2cOZdfyyI2kd9d7Xpn9qBNszdrb8n5k+CuyGDHPTrhd3XBp6Jfm4oVyyTjlfUDQIyoUlVl8XLSR/NOSABQcKSERA4/0BA7lwzAalEY7k4UHVCNoGdHUfvuekyuu6anfbo5897+sGPztLzL7551IbiSIBTvoa/YKw++eQ3Rp32rbfedugeRkHBCDEW+21jLILb1L+8/3760pe+1KoYy0aIHflvP/Upuv+++9biolW+L4R87LW9MxtaYoKGjd4GZzNLx3Ctp5L9IfXSvc6Qb/TBsz57+TUWYwmMwXZ907XlCeo5z8Bwiyl8E4GISxLJYJcflwKcpSBhVDSiS4gnnwgLL/dYl8HBSSajGN2/SC0r4ai5Z1lXLEUykvHvi7VBKHPF6q+QbtsvY2+aMRkVBF4daddDR0YF8UZ5KFVE5+VeiD6p7cGdCdSRl3ZPU3DEIib0ZGM9XFqXiIfTLmH2jJgsdOfF9EAqi6QJAiAgvB+6iOFERRPPayuec+PRJYvWQkAqqVgyega0kpA5uPKKbbrjI9fQzrYevbf95EV07Vt36Mm/Ks8oVBwMhMJ+Q4v7DcFdd95JP7HGNMUd+n7uloegYIQUuIvGhoxVQRBBEbnnnnvaAPPQh2W7UQXSGVSRBx94oI1FWRX2mg0trIX3exAMNasK+xCpWVnZ1OVtxXWdUR1/1MGAJ6fjQUrzu9qo71mc/KyAREB/ZpG4xM605CgYJDNoBzN9tWZM3A6JQyItXndHH5HEAPP5eMnx+r9TR809y7piMfIIjbRVrytWySmrFOlBc1yx+ojFelQQi/66IHiXt/eq98no5pvawTcz3Z/eKIGgAkiaXPnTmbB0eyEY/Xv+lOqzk3CP7Fx4vfNMR4RwcKuNly9NRjq8DhyX/mmi4VAZ4Qro4F7WxI6kaup+eQSkEo0VYOSgHrpihcvEB25+S0ZAGDe+45L2r6KCoqH9sY+trrYGZT83dt56tdhPbMgy4kpCyuCgWHzus59tyd4yg/8DEdmv0tOH8lUa5npVcrvi1+Tq5MTlQpZ1KW5d9K/iZQ1xNiquyaHXdcdr0kwtb5O2ZVespineiU1cl1wzXHSnwloAYHwlIwx8xlJQqu8WtK2pGiJsgIm5KgG5TTJ21IBSp4B4KKjI3ISXkRMNpnC1KpbsihVFkyKZKEeM6LWapuSuWOtBrguU3jsqBYzLHs5ODsQb0hF+NcQBSy1XAdsOVAVKKgh/K36w+0ZLRPrub+veRaTb6vv1UevhuaaDzoUgkdOxLQ3si25a4iIqikj475KRBKTvl7N+r/eBJQ7qRknIlG+ISy/ZomuvOTZ3mxuvX34xnKGBzQetDsJhRhe/8KklZ8Wa1rcjKBmLnN9+VJASgloRlJH/46GHWlISCMky4kaCwrJslaV41SD2w24LZonEayi/biAaKSgbK49jOQ821sFocUwgFAUQlwgo+LXVuGQ8tYSk/fOxCrMvVkR3cZ0YF1yBmVK9kNYoapo4FE75rDfg7R12bCIbkiP57Pw491a33MdzETLiopHK40TRcElEBKauG04hTF38CMaBlK7lUYsTGZIVa4grFpIW3UruigW79ygl5c92m1W5YqnlDrcp0ZL+WBAkJ5oAsAYhRMXBVtrg121gzMVZf6E3GB37q/oA6+03QUhH3vfS+0SGnAlER/UjIyDOEBBqCcg/6iEglWgsGWtibyt3xzqoN8Fll2ztuc1eJGWVCDELBysI+nAiGMC/+8lPTLoOxbIQ6oaEdLdjsMrK611Bxa6wYSDlTzzxBD0R64Qsgv/42GNLKwKaP/f6Xaqc2S65X5SMhDnLnFoaD+nE3PExQ5QYGLEIB7tTQAYpT10xQt5GanmAS1ZXvEM627pFReOjaZTy0M56s88HVmTHE/I8K+Zj0Div5v0gqWkbVMIB5y41wNsz1fDte4lMadfPKLlvces8Pp1bjE9kxZpfNk6krJ0cfJTO6eVm76xY6mL2uGLJtj2EI9tqLy2Er8m8rZcNnDKg4ohZm02+C3InoaFOhfdkaEeaUACDnl2fkPyLKtLt//2ZISDQJw/v05ffqBjSD9lfqySWnHA6Xnahkv7ysea5X3GbXJiQ2joiRHe4q+jSQ1KIcBKYwMNrKSTkqLLN02/uTqAXFZtAUAU+dvdvtoZ5GaVvxcH+poRK5uMoCK00zgIRrkdQXMJfICShavqfPvroqDiWQOyXgZI5UgoKJ2WD69lHPUeqOMx88uFyQ4O3Ta5W0YhuHDYiWaI8S+RsjMByx40h+SCxZBybNWoqnI17l4xRJAl8DmyMtkpG9JunqIV0rzM5/ozTbHkZw5ZcMGmCWA8uiJiKJ3b9lPdxWwxId+yq5ZQhK2Tu4BOQMX0/QzM63azCFcuuz9uza/tcsfqwKhVk2BMeoimY3JPPDHp+lxOPuG2KzQCFM5ERdPdyav+AUBn9xySJdHzsVTqWKkpo2lGJHTDNsCYgSEoagr6aIHkmT84UVRRCQqCGONXm7fQWusbtLHztjjQm/KAaRSldz99hxMlT5+n8hfmPr+OvnFv6mQ+diV2WwbQXll14b1nY9L3Yzrw/+Q16/vkXjtC34mAg3LOBHP6rBx8c5aoVChvuB+g2hT/mmJYW/xQBcUIg1M+8Cplwqr1kjNhlatbUVhnu/rYaefSL33iHLV7W6DlZlSITXKnEncul2A3i/du/JhklrVsXuI81MNMZtm9T/cJMb/qLxlhw2UoGWCJhMPvKbyBol3/lMJCXT4vFmbZN44IV+uZdvxHrlmzgrgrLeFY+12gjVt7vzxVLkQ6TPQvbLxGcUn/0stVfnfRddbjMGPUqHsQV9y//W/o+w/ca1s5TQX4QVBBf7iveCanfJluWEAd97yj1Bt3BMhctICfkYqpe0s8PtS27byEBuYLe5pbv/n6o0PdFn7g5kpGQA3oeS0dIxfud5/rjLgJBefqZN5Z+3KFGf2f8rh5j3IzWRYxoIuSI6008saD7zyowNK5hquRymQjnGFL8LhN9z8Yug4v9635pbQIlSzS0omGM6j7ywT/QjVPLmBCwoZ9+4DEIHQqDbTltZW+xIhKN8c4YkFgLPF+OvaBIDvjHRMewxHiSJm7JsSbRGOmOExWHVMfDqVfyMpvaxoqw0eX1WBL3L1p+3sNYQl4s1FeSW1bK8ENJEWnfJtXDxImgq9kEsOrfbXbFokJ8Bi3giuUzImKxt8axyQrppXG1y9RWRZLi9LUqBKETL/e4prQPTEbAdq/5s3TKncsICPbVkiM8BoESqZ5aKV7NHBPOIa8VooPRKT1fhHQ0Kpi++/sZfzG9zV20yIU6fDiEBnpzkM7j1fPn99zmc7d+kK46thzJ7ulnXqenv5MTjeCG9djXXlmJO9ZQoz+4mUwtOH2RFK547w0tCEgjyVEfQtB0SATAsQXhb2xhPilmuNkK3AFjyNBRiGGhBcnW3Od8YaHLHp68omSYyDtuz5ISctYgyT/bbFEqI5VRQiQzllfL2M2qUyAiIaHovtRExYHfsxrB75su0qJJmat8MjLIHMMB6SGoeMyB8l3BQ4omiJd+IhGKZMmlQeX4liYzmgjUoViQJI6cuGLhPuye0jnKxGVZYLpXVdaJ1u+OtUn749Wmy6qUV0FfzBWLoDUCFQTJi0Z/5Enfln3rF0XfOPcHpMtSXoepcFUWLBL1jncpkhFFUhzurYoS8tLvzl7NewOukyUy4ux7dqkyRIfwPWfdK5ERlbkLkl+oKu+ojMqxb/YX0weatyzxKh4QHDKiMQ8Hqk7Ip77xl/RvP3Lb3G0+cNWV9NVf+3v0J99/ceHjnDx3nr7w3efa10BEvvPcG3TVW4TYrMINizEmMPaJJ56kO+64fWV9odZQH+7TH/pTCpYf8t0Zo6IsaxY/xA/0BU6H/oSYgscff3xQW6H69r/53Oc2qjCEon5DsawA7KljLFF32ZuB25slVv3AbcWQNstgPzEPOBBckxYCY4FgxpHgMxvzbQxDIhIQXB79slMAeVQpOCakm3xtVL88SbB7VpsjtRtjMwJmneHvYzAuGxtexW10x/Ye1A80TD1mt4p9YEHCxWPg2KXj4WdKLj+ihnQrAgFqTeygsnghFz67iB0RQVeftG1+uRfG1GyNl9w5mhXjNMQVK42HHYiBrlimlbRmeG2Q6QekSyxG/L5m8RbwHPBMfC3dgL+SCgKxFi/NTtM52k29cE73gYfJkpG0vcfnEfSTnIpB0cTIECUn7bCOKlmwOCsWEhh5favfovcfZgJySEnFWBwoEvKFZ5+j/3TiJP3G9W9Xy6/a2aGPv/smunKnIwqBiIS//SC09/f+7KstEQmuWaskHhZhdn6IKhAyFd12260rNXyvG1F8L2QlevP06YX686ePDq+IfeON8/z8l/PNDkrB737yk3TZpZcOqtYdjN1/98UvtvtsAv/75z8/KqbhtolmVjt+/Dg99vjj7fhfd+21+1JswjUJ4zIULTEbcfsslYBYRSRZ4k6t7yMfQg6kbRfjPliBSPtzrIeawTVEKLUt3uGJnMD2TAjaoPE2I1ZHKMjPuq2baJnGwHg/82nGN7lFxX5goLyfiQoi7lNe/Kdi9fMmFirsgtVnUBWd3bGiO4mbtW3NUpkEpiGigXhKNQtlvLwxbh2fr1MmswMDecgtdJDsj+81Z9RnSwa0y5UvqCPaFSsnIjn2IhS5K9ZebSwPpWvX9yyAL676jmHcEq7xrBQYcqDdrLTZ73pUkB/ElLzz+qmP4UAlIbirneq7Kxyrey81gBrbL0tSDIHCFL0BV/qGfr25ZkVXcI2oRGNPHLiK6YGEhD+LL3z3efqLu359accJJOY3rn9HS3wWxTsuWSyQKqgJQ0hIcH/6zGceoHvvvXcUWRiDYJgFUjFkRjls8z995gH6l/ffN4qIPPbY44MVB2oN6NvW9u3+2Mc+1hrFQ84/nENQVtaVEYqi0R4K7Y1xBwvXdKruWOGetmmAQ3D5ZZdd1vY7kMLQ90vjKxXuhKeefjopWWNcBK8b4Yo3lIAgLWDD3y6z6odDwgEsI6kEBfKhZl+BdKQK6JiSNs1wxvYamRVNHeDif6mz6JrExrsU+nOzLiVvQ6ysRAKCtdE8KxYya+5i/7uK6F3u3Oj+3h0jzggnkuUlXsWTkBs3m5GHtMBdD8QhCF1G2D1LDaLQlTg+TTKgHWTx4sHrIyL2vVOn7xVRPCg46XbTefVVSR/jimUJyN6uWPk9mH/qX7YM5MY76ckCa9AnEisEQu9L+bbw3kFWLa6a7qjvL48FYRWku5/L/cSxckpNxeeSS9muCI+RuTXaV3G7whgPVSPEdUVJMR4kLL+YHP2qu3pFV3IFqERjX5gUCfnwNVfT1185sdC+gZj8x5eO06/+xPIMwJsu25/C8OG3LvZFuvXW2+jhh/940LZh9juQkGCotUbaZZeOcrU5fvxlevnl43T77XckImO/U4EUDSUJoT//4tP3tcb4XipNZyh+ZRQB4f6sC23q19tvH6SGBDwWiciqEeI/Ql2MsWNHK67dsQqwwrPquJtbbhn2vVkGASm5X8k2MX6DOYDyI4fZSEM+uEYHKxbEsRRmZrNxyEjYJYOShe6RCMUGZwXjxYE/lm+VhqB0xDS67U78Dk2waNSnWiH8b1ebw8Nsqg9qCpMlH0PLnZj+TcoE7FNdkoY4o5UoOElLARcuNs5YieEgdp+ohezPLnEYlM47WXOukSEFEsjX+uBZK/2peVHj4HExO2fZrsoFCgnG7KC4Ys1bqqiIg20wQxVs65TyYdUPo4IkN0ppRasOlFQQS5S6Psj9ioSBCMm4JlTcFyJ83uSkJWXJU+l3YXsbw0Y6HsTFOkF30JWDq6GvFZVsLBU8nJMiIb/+k9ctTEKmiH/4k4sRokAGhrpkMYKhJu44Xx59zFAD4id61JRgtI4xdsPsc5id//xDPIt9aWvMX3ftdfT8C13sR8jutUhg/e23375WpYFi7MhQErIsQzmoAWMLAw5BIHCLxoM8NYHg+1ViyLgsRECcXuao7H6lZiEbR2JmxJgOIB8EP/AqJiQY4nFbMYDF2BZ1waFVlBEmNqKjV1RbtXhGBMfVDuMzPkZSVbxIHcQz4Nwf9nX3LRFIaoOXc2vJRthmRm08AhcnbJhS+LhXA6l1k+3pY0wL94X72Z2BVTHSFH2sX5CIju9EonYmWalEXhERYWKszriMgBxUvNhbJV1npOoPUPdqH8o+55iaK5brea+3ydf49F3Bbxdzfa2alNZlLkwkcSQNwTYYKG5VEJykiN/bdDy4p/EYZPsLS3V/LJmKBQpt/Q8qpAmP6siW6jnRh/xldHWzwVoglWgsHXsN6aRIyN3Xv43+8Jln6dSFCwO2njaCK9avL0hC2rG4+2564IEHJ3GOgRTddeedgw1xxH5rLyC6AoHrn8Vn958hpGkKWbL6EM5hUzEriHkPpU2NXyBn48ntfgmI7O/mrKP4403O/PC73AhAA3grKQtpi0hafAp6JTZOotrRpH77NLvJBncD9jbHZBCeV0SrhgRlAhvl+IxINJJLmNjvXQx8snS7gZg5Sd/Lg+NiHAi7fvG87hbF+JAUqxKJAR/Yd+fFn5kQpRlgJjaRTDQEQer4hlUQrhCfSE2kacnt7KBZNHl/X24kI2VW/6NIGOaQBqNs6Dam64plgRMHCGf+CEbUw3eLSL7j2hUT1pmYCUqKCbpCIRmRbTMVxOMxvOqZJlh6ckOTDut65WRCxNs+QJYszuQH7TWqKrrEooRMWDc1a0jsUonG0rGfIZ2U5nXFzjb9wQdumUBP9o9//f79nUeXMvZ90ziZNjbi7tHpa5fehzXHWyCmWi9lKAIBuf++cbE6y0L242wX6Gm4jeCjH+2rfC9whU/DCQi4HagfYPhRtzVAwKea3RbYeG7AHahxtl3XqSGccSbVDSFQIZy4YkXDZstxemBLXBpxVzJuIzhDm86cB2HmpY2okDQuiQ5JoUgtgbjSNejjGIBRHwlDZ+T4NL6NDHRLDhpoVwXtQiXnhlMQm2tC7Xg1kmXMcZKweAAJqkmEyN66exEQ3zeFvxYM//JJal4Cd6yym5SNB0FSYd2yUospvgfG5gC7YuX0Q4+uisUiwrs/n2QwrWkDn9NgEygOXV0QyYilxE5oB767oFqk/mQxLEJOmsK+KruVqoxOEOvhVDyIaycNxG1rJZmwJvYbc9Cxqp/tyTneBfXgN69/2wR60qXqXQS/99530UcWjAdBfOITn5xMUbnQj9+/91Mb609wwwpVsDeFMS5MU6vfwgRkI8HoB+BHIKggt+xxfUvdHkdA+uM/ZB0QE5e/b5hcsEHQdNKBGDFQ0NBzP3RciBAeqVreBYpr2pGMkOhys0VOvbroGsVUwDn+MfGdAc8uZI2XeiMkNVBQGnFtkURWXfi4sQcz37l4wLniiPO5EN5eTnJ6NU7iNpAMtf1m3xav700nJrI2z/iikfYDaokIeUhnLP1BoHm8epVk/yZDiAc563TQOPF77w2Z0ISDvFejmDtk5a9DCMRUXLFsoDduo//M/VwiFt7pzyotr56gwHvUoQIR1784y2NBuI/ODgx+b7C2TomslJ5TfF4OiUZ8NsWgc4n5gMkVNbFCdLF39CvuqsUvUCUbS8MmhnOC0T9Ef/D+WxYiIp/71jNL60MojBhqhYxFICC/9953L3RMe9FDjMb99316A4Z/+Ta88cabNjKbHgjAb99zz1qPaXHZiHMOGaumghCTs18Ccpif60Hd+29+d76LWn7e+dT3KALixGhAA0IbIOKmoIxgiDNoq5G7Jv3I4+y/a6QgIM5lKmUhGReNvsZe+u8KjwInJ5DIB8eepErIOH/qwGJMdTikt111c68OvuWAkARSMfORtxgFJrp8WbO/geZ8Iky2jRSRrs45RrZHSKpfuQYus3S79UJE7H0h3lzLNpFXZzLMiwfB9968y9flVdb1q6UppaPmS/datgqU6WU+6j5bB4Q2GfxIcB2QAV2jXO5VvnedUkF43Rv+PJ2ic7E9ueewV+ne97ptdfcocmOfR4XnlCJWPOnhRB1JxEQIiGTLGhCIXonG0jGl4Zxsit5AREJg9wNPfZtefPPMgD2I/uT7P6DffPz/oY+/66Z9VU0PmbY+963vjFJCQgxIcMEaooCMudjBeAxE5DMPPLjiGfZht2HXn/va4nyLVEgfi6CATCGOYYwRf3wN4zIEIY4npBgeQhrnXvlD+rAP4/Lf/f69c8enj4C44jYDCQhsa10jCN53r5Jet/2Bb9TRkntVatUcnwv9MWFgdybdCpiCJitW58vexBiJBsxMyBbF76N/OKa1DUbHTCK85dizmHEqWUva8Jox2VIEwYFxJ6l6w5jMZhxYnjqdCBu79+B4eDAMvYgyUSGZxWPx+EIoCBt4kOkIg9GJSJEWvD8WC1Tf3Jfv5UZqY2VKh4F1xUJYV6zUDrhiKXesQ+aKxd+G7v5x2cwvGvCyhF0ukXCXDccmuhn+rX+jSJKsUuPhWYNbeYeTBzb7Hqgf4IZFkVDoQoRMMOJ2mbIj7b3fX0JXu51KKFaAgzKkk64TElyzQtreP3ruBfrCd783KGA9EJHwty68ZXubPv6ud2bqxzJvgGAAP/jAA/T5hz4/KmPWqhD6868efLCt0L1IsPoQhBnqe+65ZzJF9abiFjcEgbj1xc/03pdH7EfgxhtuoN///XvnxhitioAkt6SCEqIy1RRmSttZ/fC+Qc1BOsLte84Q1bjkmsUmCBYcZB8Na7xIVXVt2JVvE888IhmCyUiB46m1TTTeZ53vmDPkRdxYKGbVIjhGdx5dgLlTQePJzYo6w8w3XVIsDEZPVb5dF6jOZCuRCx+zc/URkdQ1B/+C2pNiV7SRPJ+ATO8L2BcPorWPgulfSM2r35WKFeZOX1mza3bFQqjvPHzoc8XCdaWZZu2aqb/nvI9WTMTlybprBZylC/SKf1M/h7ztX94fRS5gWfqmshtZFq9iCIVLXylNOJy02KQg9e7zT/lt+pnm8qVcn6OKw/CzPflihSFYPRj4d1//9lYV+Q8/mo6rS8jmdd/NP932cdW4rnXNuq8t7PfY449tnIwEozyQhBCn8aVHHlmoXkUJgXwEAzqkxZ0SplrcjxHcrn71jjva+IafmBe8f8RnnAL5CEHo4++vnIDgumUQkHINEJ1BJ9X4gHS2Dj5LrqjYZS8dSTPyJh2wAruDOO2S1GDBPqWCCNIyR+JexWlrPaU2uId+N6b0bQnILAbAz9I4t0QontcM/KVcOlbTJQ5G3xMmInz8WToFpfk4YBXe8dR7JDeJCnFbSETSXHL3eebImtwOMnZ1lePxHnLcnUl/FTEeRKsbPpG4kqtVTiq0yxVlRGG6rli5VlBamhOMbLnXWyn6ILMBmcJh/7iVBtuPz4/ju29mx/bwHhUVgrokLVIxQzhD55RLpdrXkhF+hqk6IC66X3Gfde2Qi7yjO5oDVJBwwzjMP9sHpmJ6cHf63259P33txyfogae/Td987fWN9SWoM/ff8l66+YolZ3OYi+42DMZT+AtxB0/HytDP71HMrRRUzcu4AvWiRnaYSQ7uUiFmIxTP42rVQ1PzcuXr0J+gekzd2N8PQkXuRWt0WIS2wti31+6GG/SM/gF+YoUsbOGPa5KcfuN0ez+F+53d3Iam8b0UqquHQoS3jKgU7wqf+owSZ/ZZlIDoH3q9r5gVcQ8Mqk6ExMOxmxT03SGaxaCMqFnnSD6SS5UHNSKDbhfsKDxUZljOPNYqkZoiXSpfKBSo3K+iy5WH4usupttVlIupA5AvVoQCiYmGs4sD5KP7ViA9PHZMlphstOl8sWI6nxDUEbFD5NPsr9QjQQXEg92J7lmQcGsSOO7OFq56Tg3yPFjaNYsXlFSTee5ddpu9103HFUvfFkxggXSYvXJVAtPxWsUhd20Kbb5Ep9VkCD8pij33+MkEo3v5LqVlyU1LFI1MCfFAOhwEusc+t5XR4/ZbwY5xV466CkcBR3V+0H375CshLcGBqxD4yPd/2Coj66wpEojQfbf89MJFCIfh8NyKwXCcFzfCBmJFGXPvhKP6xCoAiygyqd4PSgZGXyYsIRbyeXECAvsmo0WyTXE/xE2LXz30UdL4pnl9pWqIsa84A7goJfUiHcGrfS1Q9ZDeiAJCrqScdIUKZ0nVkIKFXFykJQggZlDBkA07zCIxaNfNutjwUKsEs2TNvJAU3+oqLpGAsC26WPH5iNuWEA4P5CIRMCY1SmUiGMHcXJ56IcMnt16jH2ydb/u667sRC3+7MTMWv2+Xw3q+nvh55qXK+iyO2SyqRTMStWWmUvPmKkxalpQYXq4/LwvlSQbznQYC0eD3HAsORhfK9pOH1NvEGaQwlW23zxYb7s6ldRzUvRWfHFvx80u7p+l5/6rqmydwpSKZs0AVBIkP8fG9fjbprFda5WDi4Uj3kbNlcf+c18Ho7/MXLz8d7wFB/dnOcWBJSMBr5y+0xQ3/6LnvrfQ4HPfx8ZtuWJLrVb0VKwSVbEwHxRnOnjiQpRKQAUpIUjlYKWD1gwNYwe0KixRSoe8YF6EJiARzW/O5zw9/xmqCF4MQmIh4o3ghLKwExBOh2WwGx2IlxqtjsvGuSQi1cR9MAtLcPPSnLZ7ousBbHwkWB9IzWaFYeJBHLq0vVH1HouYi0emUFd1XXieZwXAKGunj9PBn26/Q6YZJxCwSjkAaZi3pE5JhSIjn7ZhweEM4kKgQCT0hICE63xaqKpaEoP6yTBKCSkb5+42GvDbqedtU+DMSD2oVPamV0UBeusbLvQjCAAAgAElEQVQY/E0kImzgb/Gra6Ix37QZ5ML6b174MZ2i89ol1OO3vyNCQpAkkNxJVBn0OfbFkAwkJkIusN9CNhpqYgyIg/Mkuso3dGfz1gne8ctF/dkejgPjjlVCIARBmfj4u26gf/6XT9HXX1k+lwpxH//sve9uVZBxqLdhhaASjYOI+YHoloCQk/fKjWoEAVEqh0NXKzlumu1MVcMJYhygP0RCLJSiQakBB6XLPbFqQaIigJXsHKmMRvzGkVZPDAeJCzShmYFPOvffJSPTp3iLToWYgTlFUR3hrFQUU/RG8sDbeVFYKAaTd0RFsokxUaCYGajz8mrSNqLwgDsWEisPypATn6rUU+/tqKsq9SW3rKngTFNSGCQeJK0tZrLSrln9r0Asiuc91OFqVa5YgvIzwC5xZokuwOnsvj49HrR7UzTwCYz7bkP1tGlxzl+IaXnzKYd0PI4HMc8Gp/qk1VXZXk9+sHsVJcVE/iQGBJ9r8t8OebrDHZ44kPqzvTi2m4Yu3zlGl2/vHFwSgjfA9ZdcTH/8i7/Qxov88796anBK33kIcR//bM+ig/U2rBBUonGwUbpE5cuWFwLTxoTebhgBcZCBSZOSxG8Sx/DqSOxkRA0UJGPy4XODsHO50OSDj6Vcq8BqkmbkmEnJwGOS7N+qFhgwj8wkKg+e41bAZctxWl+2vbyL26aCIOQiMRGjV8aj205VZkjGcnL5chxADjQhEQkY47afMSCFmR9nzsJxSmMu1p6QHD4Eaj08rtMjIC+5sykRAJII+74UD0JpG01IVVuFexI/278cy3e9KmP8dXF8j5B8V9OdaUmHSoFLkULbZZTaanB5fJb8cPeN8vMIPqmb1MvxSb3KMbCV1Nd4Tg3338SqNPBJFBEMbif6eX8ZXdJMsjRdL+rP9vIQ7olLt3foimPH6FizldqdNAkZewMEwvDVv/8rbTrf/+WZZxeKFwmuV/ff8tOtArJ4TyoOM3rvhnqbHCL0FyTUr/gjHn9wVf2P4QQkLXOmbQ9kxIF5wEa7MnRdIgjSRlQA4ETY3NGB10AUxErOzBqKPv1yTLaxvXIXS8h9qhLp0Mf2ijxwmz4Rqi6TlaQPpqhaiCqRvKJAhWAXnwaGw3PQOI6AJ0gXzKQwqkVNTHTlZD/+10PtkW69L5+7dc+CazclMvKK0/Wx5hn81m2qtK70SdoVvaU/7S600rvNaqDMeWPo43PAwTdNvxdC2sBeso2dtHDwPDDPEPVfh5N0FvaWsdBEI1dB+Hwk5XVOSNLRYLvMNYtjTKB2CL820M5P+S26qZlm/Gf92V4tAvG4fGenfbUIvyMbJyGruAFC/EYgESGLVghgH4qQCnh5cR8VBxlz78v61Dp00JcUKQCp96h6EPzAo4GviccIAsJtp5SZXtwfYLa/qxWig6BZxUC3CUs+Ul2N3PyGs5tnKOJ4OBOfgYHlBK47/FHiJ9JnbBVjMGBsdzGDVPzHRdcuVlm6rFs+BvF3KXWzVMWRtM2gf4lE8BilWWyvSB4RpzrGcdHV1j2eH8x4425q/NAta2JqyKuum7zjMWbkSkiOPuKRqSGUt1v6NA/rIB6jl9pClfHG6ru6mlxAGym+KwZ0O3imxO/3idkZOhccE60Kkg2MU++Q1NhlZPqTkRGjmuTPMtg7upUF0/NDE8iGVX+214egdATFIxCPxjzbwvP23GxGZ3Yv0K6frYeEbOLiByIRqq6HeI6givyff3u8qIwE5eMf/tR1Me7jkg30tGJTqESjgnouddkm7A9EJzt7WVRDygTEcwYsJ8u6/Tm0ldvv3jVgoCQXKgh+7gxfQz7AaJbCgKBedFuSB4Pbx4HwWC4bjT9wE/NYd1254PhkVHnVP3DRMka/T/5S3bmGWA7P4s+MY2VmiVgQiZCSDu60KSwZrdivSpMNz7EwKUZGSIwyrNmVjWSMuvGDkowNqFR8FOOW1UdIpvDYed1JcRUMHCd4pRJB8TJSJZKiCUhObMtblz4NW7MslCYj8iVaTWjfARklnJQglyYa0KjnVmwdkCjExe+aPAdO+DNZL+SzS9/NTFmN/2CtEOcouVwp5cOpM9KajM2M5XT2L95vnW5Y9Wd7c1BxHoXrfW62m/4QSyUh07kBpCeBWPzB+3+W/uD91MaMvHbhAj392in6yDVXt0RlvbU+KjaB3vuyPrEqMuzthkWgWvB7ZVDMUz4wC1acAe9S8EKWGidHswZEegvB6C5uyEXy+PEv5IMkk5P3ykCQQBT86KUsOBzTxoBoM98apT4ZLd5ZdxuXGbbiDkVpHyYsSVWIbMLH0UqFDVN/JFidDaoZR30kXtF0hRFjnEmQRpgguehqlYLvHakedmQFh0vICjmMeckN46SUwLVFdWgqBCT0IWTFykkEFinUdCRXSOQG2Us1sZ/tX2mv1dMOmns1SroGf+/T7UD21en98D7gRckVC7b2Wl3gPULGsh/7M0UXsb57SZEO1R7Hknm1PP35UvxK+S9lx4rn17lhLXdyt/5sTwd9cR6MoHQExePcbNb7zR1NQqZINIaCg8xXW+ejYhOoqkbFIij+WBfeWzcsSj/CaFo4bVyUlI9ksGBNEDMjKRpGZ577OLme6nuAWxOTiBS74ZXyweTDGeNIYNyg0vSrDiCWlUBYkuKRLZA+gsuWuH5pg1a7hLF6Ama+CSCXWiIuzdZTqp8eCY6wltQvzLLVxZawZeba5rhyulPxKh1hIXR/i6zGJ8lIKyCpp3j4SOJknQeXG3U1Vv64mtf+SwOLFOZr+vdR72x2Nb6CPcxiKvEgfetQxfDwWa6j0yvNPpkrljqGU8HoBBMdL/eoIPx9Suv6VBA8DtY1KQXO22UeVV9NnBpYFgqM7scNq/5sTxddnEdwt8opRHCPPTvbpbOzCxI7OAdFEnKQiUbF4UUlGhWrRa6CdJjnhtXnekXqlbhCePsKWfr7CIgjSM3ZLWpdkwgySkGdDZfS0UKGq7Q8wps3yTASlyz1o+FKFh6QgdI4zXGzSfU5jLHtmSwRuH45bZi6OE/LxEofzskxVealSCNmPEwu1fPwu7nywW5qWQ0RpW44SYLlI3FJB2RXNGYfQJJYakknlAepe1c2RhfFIm2dIu0q0adg6L95ebLkjsiJTEkLGYb1Eo+8WGlxW6WQ6VgxUQ6yaQv95/Wzg9u0+56cnS2rIGpgXPoW8DYE7ehPcgx24coKFMbtGlNcUWqDyLMxdOPv0iV0iZvvhlV/tg8CuqskcR7be8Z5jMH25m+CehtWCCrRqFgX9O2Uz0rnBgQlg8TBD276QYeZ8oyUMPEAAlIiMvye7VZWQAhSyzYpGFtUEOXmw7PzmeUEhj5Mx9pg8IIdkxcJLMxeo1GN6oduEYgKywVxdpVnxJ2DdSnY3adx6BQPUFk86WPEGA8hLjMpXuggyJzViaQEga4DmbpS/Q8mQO1MsJcQCJz6dgSubDCuKSgfdB+b3Qz2GvqoW/Yj8WQjcZPofTePZKiNFQ3toxulLfL15U/D1iwL88fXqVdFLuxFdPmeuYJhA9ljcDc/ReJGwRUrZMWybfCeLusZHNOm+86SahiFA59/zrhmoYKSFJHu/WXe0c+4y0qnXjFJlK9SF+exMzrOYwzWmAaq3ooVgt67od4mFRuCs24K8d/SjGbJqrAzjkwCcncsSZ2U3LJQlYDaHT4ZqVHVSIHdqeIf1BcxZlmaepYsWKnAn7IbrTnE68UKXYSAUPRdlzHKv9xpPy9GkNQX0SpJIhuRSMxgp+4wQrw4PiYZ/jBufMyOoGjyA2eoGItH0uekyzxOGNSbRsHnmdQ8JAxgdz0hXGU1ZJ2PxBOYGUsl3tWv6vzTqyYdJZKRqyE55pGO1dOOfsy7DkPjQezzg10lVVYp3geDypUrVq6CFHqUniXqeCUVBGqHOLIB84aQmOD6BtywkjJCRL9MV9Sf8slh2BXp4jy29xXnMQZLJiH1tqsQVFWjYorIZxDL8R5EdhkGow/MgOWcOga+lZogeQ0Qx7EcbIGglRyN1uROFJv1aRuRExT5iAfPYz0E3htTbz+/MZaozHwyJEuz/+zK5CLL8PDZg/HPyozLzNLoQsXtQTFECWoXKiCKRBxiFj2IVRAPmcQkm5dk/OJd5dqmzF6xF+2eYQYRrHYvHDQREKwYD11aO84jiYKrUwpKJ9NfwnWFW6gUD0JAaHyhPdymhNWQkv6R73Ol8oX3clOUmxRinbfHRNuSAWpdsc7MfV7ZZ1c4RGNItlVBdOC5/CdpeCknI7F/jSEn18+26eomrwlRsS4s9uQIxGNZcR5jsAAJqdZjhaASjYopYjm3HpITnMk0PuIm/kMZE+xy02iyQqiwpHoTTmbHOaQgWd7ifsTJYH3JUZ1nY5NhJ+RDxVPgLsqVprDefBqqgpSM1fR5JvmVxLATI9/Dcg9uUJjJK55V55rlojIUs1/xeKVj86Byr2IhwqSVYK0PFkA4GxbJ+PP1IShaqFUoKXLYkRhUkzAYncliakwyTi05NmQMzjt9HfuJQUnnKK3p246PM173WIcaor7eLl+XXZ9ifRDdllYh8mcFunAhIbBax+tQTFKt8dAy3l7yxMlVEJxAUc8422e7PRZWlLXBoPzF5qohQ1yxLyznCbGqOI8xmENCqgVZIei9G+ptUrEhLHrrDVNBXHHmUO8JSga2zCoEx39khQlx5jzm1TeKh+Oa3Mbib6jLyoTGRzIbUyC6y8hHcmMi5DR7mHOZG9b8z+q9nQmHmXS7R5pZQ6HHBsmDS1SaUQdSkGqJgMuaWGKY7YqJA2THamNMYnB+6+flO1cvZomhNknjUhIyCUz3YVXLCqWvPN6de4q6NbyoHSrfF6ghdnTW+Xj9nnszO34fPJyHVTFKbZSITOle6Fva3/LyUB7rva6AXZ/XB7HPF7uX5/Tc8RnAzwqfCKvcDKFA4W6bA063lSkhKh2vIUWqdoisy1QQ+fqkbZu4vCH8k6fRz/pLqk2wNKxmINcR5zGqP/WOqWBUVaNiiljnrVc2FoSoIJFQs4jWDSs+3NlwtkRFKSpckMzp8hxOR2mTdAVT6opLh2TI9dKomaL1c8iHdcPKCUihaGFJARHLGoxs2Mbr96l1nmwzwS1KqfGQvUodX9chUZVIOCNWq0xIutyUitj5aDgKgaC47SwWc2SS0bTkqDM0fSNj3kD6YfJyXZELOiBOaSGoIeo8N6CGvO7KRodVRbK7Z8Gg9LFYhwKCmD/+dipD04pcb8C94r8QD4JtyLNFE4jwcmp2DtSSfOoEZxpKusdeKohyvyrUKNHxbRwT0n2+HILRK5Zzly0L647zGIM1BqZXTAGVaFRMEeu69fZSQXi5VUGK/Utqhk8/xgQBzO0PdhsP0P26O/C+YQPUJ5eG2GRSQaI7ELtzEdevwIPzOl3rw2EGLECe4QrWmQ/WcCxn+h1DQNAtiTJjVL2GbFZQr0OWQ3A5pm4qHj9mxeJxJgeLZ4lwYLtJrWFXNsepkDk9shRU9DEY3jXMOzy4ewnz4CWUiks6cZVzed0Q4CzxfHKFZFU47cTlQg+v11ereBPlpCMnsXN2h3V9FHnvJavDnr+b3i5gtQwEUrXF/HgQrUAIfTjpzhBRvl/+3hIf2KbwbBMiggRF/zVJS2zMPh1+ni5f4xU5aNiMcbWpOI8xqCTkEKISjYop4qDdeqiC0DwVpGk6Y9G6X6X4AflMDiujS05+9PPBDEqOU8MmgzyZp+J+he5G7bZzCEjht8YamMslIEB8LAFBgqIagj4nUmeOkyq7K4u9fTuD9yqeJll4TSpcyGEhbP77GHEL9CH2e0YNNVKBHU/IQ8ccExZwFwN5K7WaBRoI8XSwPxKQVROS16ISAtoSrNUko/yX30MyNGUFpBSUbrFe+6h/fK1hn4x+X9pzmJKV2jFkRZOCDuf8Lp0zrlhpD0/mWYV7zlNB5H0WhI4qCDz3uB4IqiDX+obe5i4acMaHGdP4hZtCnMcYVBJygNF7y1eiUbEhTPnW26tv6Ud6hAqStnHaZPBoQrSWJxu3DeynDc+UXpas8cwmsSUgPNtq6n8AtJJg1sG/pUnuovsV98k0lAWhzyEgmUJSnHWXvs9MFXLZJ1Yt5zgYMAY91FRHtSsFxMeK5xLA33RV1GcznYSMb4CwfcOV1/lA8ZicKYDT+bbEzSXbMOkjoIZItjMhO0IouXlj1q5YETmXCi/qq6nrhcynDJbAlmGvdKmdoXrI8jFvlPvWpeWFLFTJ4Pc2/S1w6PgPPwF8mriQNk+oKunWwRNJkdDkkqJRUk6w1dI2qkp6INreKVLyS3RUgtGn+Qs3tTiPMagkZOKoqkbFFHHwb73cFQtdYYaoIK1xEAOWu+xXTBViStZYLVhiP/QPPLtxdcauk9l7qBPC5oSK40gERHpsCYjOeLU6AuJN4yUCIl3Zi4D0zHqnjFkwuxvViWTkQ2yI3q8jHiymaPLkU/CvZxcwksKF3rkU65GO4a3/XnS1Ih2jQoTKVLxX0j6cQUtXXPdR2WKygWRsHS5ZZ53PxsgqGqTWDSMi89qYd5S9t189SsM+TyvJ3jm7OieWVqdoYCvc5ZQ/lx1b6S1GBXHZFvj8cSkmhVj98KCCwH+N04RDk6kuJe8lBcP3YGP6v3BD4jxad6vd3Q1X2JmPSkImgEo0KqaIo3br2ZlBZ37A02t823TlzNtXF117GtKV0aP12pIUtpg9gZsVz3DDbL9DzUOCRaQn3igMbn8EJHORWYCAZOQia9u6dfn565X7jpCXWXBHgdgJikULnckIxkRilhSnvuP7dE0ICUe8bonm+LRGjuUlpif1IVl1hjhCcZCu2rqJAXFwf5jrp1yyVvG9dERnKHfNmKdjePPeF/aaZ/aMNYmmZULJswCvh48Jonl5YwgrKh/62QKtgvIhJKJ7d4rOpyUIRc61vpL9y2S5IYhRU5RDKyaNLVyYqqTLth9wV6xklFePg/kLt1ecR1A7zmw4zmMMKglZI3pv+Uo0KjaEo3LrWbcDEpuw/Zzm8XoqVuc1QOLPN7hQJRID3jbdD7cH4yAYn41qO0ohysB1sW09c096/rnwG7NvAmJ+uHB2fzEC4mF72KaHgGTHK8QXzGLRQyRmqpghkBHHx5vJ9jaTVogwd3A2M4/tuhT4n+JGYsYsIk7b61N1d9cQuFNBLZJkXNo+x/tHFUHMA9Sp5/MozNn5uDurPufEtKAkkb6w89757N8cm1Q+ykMzbLRFc8j3Kq3LYkvgVtbPF9nytD+vUvOq5w0UNeRjogqCBII8KcJBe6ggShFBIsIqiN+mS9yUVZDD8Qs3JM7j3OwCnZ9NI85jDCoJWTKqqlExRdRbr2zO8Y+0JwkYT2tdvq9MbnrlokWxeB3+UKuAdDOjndLvJvLB7ka+CzHg2IBkHTNdki2Nj88+CcgKM2AhwbAExBt3nYyAYBumxzMx7ts1M50ljEmJhw/qPGIxwaQ2cB2QJsSGdMUQuKaIGhXnurqISTXBiu5MIpuosnDgDpNR6E9UW5J1yN2MJ4xkxGvO1Y8Fv+iYntfeBzkRtvDZ9kOJht0+J8XD2lk2NJHoh1rn52zt+1fJ86f7ZOuDhI8lVyxFbZjEwMB0txW4YMF7XkdKB7Fkxrw3VdOD8fgBmoIKcjh/3YbEeZxvs1tNL85jDCoJWQCVaFRMEfXWGzoCPT/nTi9x6sdXzzCy0e7IQ1A6+O87CDQmyWKliEj7L2TCSvP2vASsdRsH0hMDUiIfsmgZBKREdIYEoMtK39uWbaegopjjcVYwbgMvoQcWh33lf1EMmcV0vg7UFMU9gCeQ09mMrKXsUiNMJLAPHggInAPEgWDGM2K6i9e6mFZ6fzjd646VaxmlP7OT3nNOZqwSNhmUPgb9RMWZdUZ5iJMNwhy0YuIKz6OghJB6BpUIgysuJ1Q71FNMP7tSP53TgehQkLCBbd8zu3jNsSCH/xfusMR5jEElIT2oRKNiiqi33vgRyPYoBqTroPGSCoJGp4Mq550R2ekontP0guHY4DE5+NwEH0fr0/AgJ+tQMTBJsLzvd9Gy5MNuspkMWIaAFNvRBCRrA9yXUqX01lVLaoDg+FkegefPKXSTS1XKtOUkna73yS0ruIM52aFrKM4sc72QdGiPHdB34v/P3rv1yLYk52ERWd29b+fMTZyhqDHJIc2LTYo2bdhPAmgQhvxmwDD84t/g32PA74YN+Aa/6EEPNixYFiDLJgH5InEkWTMkeD3D4cw5Z5997V5hrJUZEV/kyrWqqruqu6o7Y2afrlqXXLlyZVXFl198EdiXAYta6v0kWBEHO8Z3wMcCQvz5RX5CVsABNfetcyHn5kDNQqgq0Cvg1JeP8uw5OdtRWmyI0mOqXt/3mj40+1NPK+8PZ00K9JjheDZWRNlaOLL0PREcw8jzZsfxt9Ix6oI8zV+4x6bz2MeePAhZnPLd2+v2QNanHt3bKNQrhlStNpLhA1gZTA4yPJZaV8i19LnuKCAllZ/zKq6GywW8iHY5XtC9IRBXizuqCED2Zj92ByCzDFgIDKptc1bl0ACkYlPgwNnKu0RQlwsMRhF7wRreThG62/jqMyXMcpUf/Ex4rj1gaFinAtIomK63HnsI35qHZB0vS9brpExI69mjBQ5py559MmPtsnW9pbvbnmMLpBZaa/2iQbWGNuwY0Hfo5jEZQ64P0jpf9W3Vdwo7mECmg/C9MrxYGX2FBcF2flEu7/AV3X/hqOg8pnCry8tHp/PYx54ECOmsRrdTtD71HmIEFq654EzYb0Nq7CMCRiSvPm4MkHAFTkL0RXRJdeXbiheyO9BW2RvPyDa4lz6zWwGQGhBUAGTGbsza3j0D1ux6TR1JYx+yLdpWK0SsDLJAtimFc4NYBRHLjuXgBzxCIYcr+p96GdyWtzNwtHFl1YZwydQcl6thHRtGSzNsKfCp+n7kwoU1iFgDEHUpw1Zb++07jRXetRHlen+NcBv3oIsM8fHPr8Jh5nFhWPMjfz18nB0Xjy9/Q7Yrb0sXS0i/r6pza1E8AfAg0L1hSNZv0KcrI9UaoKdtOhKjtmNkOz69vHrUOo997NGAkA40up2i9an3sCMwu3oznp4X3mrktoYylAxJEHaTEhkzwaNzO6VH0jSssEoJIULB9TR9OmwXcCPEY4lU44CsQcvWAchpC9DxujUAmWtDGowIc2ROqhtSIEL19UxYXh7IMBh6zM+x8Cfj7kELFBbYUN7jHQ6KH8nDu+L7zI7losUxdsenH1SKr+btoQHIG1Q0r0CCFlCRlXet8/ezhwvc2neIazYVt0c2QuzV0iXwnNfyobGXwqSIcyP2YK43QagC+a8Yz6c5C1LCuL4rF/TcMmL1Xzi01miozuPV5RU93zwNncc+dnYgZHHK989CtweyPvXoLEehXkkkABzZykq2gICzhC0kCIHQooMjAFEHgOBHnwrT0WJadAFVSnvoJs86ij0b5j9WMxhxlhmw4CpNADJP5xv/ev+FYuhVGIkwDkMR/pekAKoL4QI6xKXlup3QoeScCStx9fyUEQGBPCvDws5mGPgMOqEYunefn656tAT+xR3rgCPuW3euanCzT/8ewgS+J6qlAeggh02tZxi+gwzsxoPf0nWTPRETis+LmyZjPrR9gB9VSmCyc3kemoXARfL1fpu+/qR/9Xa98xF4vLjI4Va1PXadxz52kiCksxrdTtH61Dv3EVjof7VZdRe5CjoVPYcfynDcBDzKqniytLqq2wCE4Y17Olh1EtjdGCYUVc9ZELtuZXcBIBIPu4MAfQ5o9s+AhSCjBji1OH2uORAZQspbDRtiAyYKJuCvRWQB3yV+HjH0JRBUWjgx5/Y19kOxCeo72LOe+Vo4Ye9snCITcnxdyGf0vrl9DjrWj1oEKwunbz3+JH0znQBKROwPEu07RIFCvWhRMRZvrEhh/IfIxs+tGRCALxy3migd/83qIZGzJML0ncCCPF677SdMdR6vnrjOYx97MBDSgUa3U7Q+9R73CMTVy/l2Yv+BNpCBP8TkYuOxUnqy3/Zk7RhjUkTqbAXoZApvMPBhQIZdeK77ig6Ew0p624LbfwcB+t0AyJEF6KvsSWRO1Pf347hUPlegwaH9KfoKKtZ7HwcSrT4oZAkH1FnzSDl9bgVGCkAcrlbJdY9AoH7DDTddSEjVSyFGaH1W7G7v2R2i2vGX6r/Y4xmAaMyxFmBuXcfPWzj+APe5n+0xsg3mw95VHef6uRnTVTmskIc5itLhL7IZZc7NQ7EKIK6+m8jeI+vB4T0hK1KO/5t0jIxYD2OH+qXrOo+72VFBSAca3U7R+tSjJzEKszvk1svCLtgPMhzDXkld4s//rLI6mz/hS+XRz/QV7QTgwxdWqxV4psigWDMVSFhlP3YHIMcSoGPbUr2f7dsJgMzbqYHJKDxX0KcgAemQOG7ANhEKy0uYyzAUaYanTx00sxUUH0QGy8fcgY8DFQogyEGF2P2wzS31Mr3tJnA+gs3mFs6V2fvtECHMtQeAFGt223FcOq/ejk482TfAHHjouciIfDG8b2fFqtiS+jyCqTUPrZKqT3P2I81YEaa/Jhv6Js9Di07djvE56TqPw9lBQEgHG91O0frU6yOwZPbjy+4WhB9kLdfAmvyocgInkJFAGwI8h4rToT1tR2AVmGFlnjQ7kq6wi4OS1nO8NQC5k/6D9gIgs+vtKEC/CwDxjFl+04OhDN1YXLFJFW4wJYfRCfsKfwEJUtiVQWuAwD1O9RO0v1MK4AKAWnH3cHljvkRsDipQETjZdCG85Ire3T7jj6GNCp6W8Vh3pGTl3dJR+9v9OHPbxhk/kT57dJ7UbAhXJ5bnikkHZsc7sLgpB9UgYalXOlcxFCssuFgf2ul441+278LxvF+m5zuN30PYff3SdZ3H4W1nENKBRrdTtD71+gjsZsvjlMA/wBAsgrNSKjqOkg0rlZM0/j8xCNiLyL6lMu4AACAASURBVMCE68U5iSE2KgVhcK48pELK8eANQ1HC6gfuKQnQZ8CkBkJ63lAxDmV7ecYKGkoO3wIgSltTfJYDC1YgIwoyfS5NgJEVTrL1j3V+VAE4BlhLn5LpPfTZO5OWL348XUjdwtoc8iOWnavZ+c3ty2esb30Ya45yVYhwGzxsLiPATc6ZE9/2Vj7S/Miax/XvDQQeXPWNqUrRa4shPjfrYxSKPBei7/HLh3wUD/ZL13Uex7ENJ3qWNhGEdKDR7RStT70+AoewtVF0ZgSy3ljEVKyKTrDuyOIhNrW58xGqEZoTI7g0TmKOdtCLBJ6k4Z4dHIC09R/QxM4AJLazOwBZFaBL3ZeF2iHVarUxS5pVjKkAjQL6NM3u4A+e9driSQY0FAvruKjjltkxhvnChnN0iiAoSmHO+Hhou3rvDOxIrbHYBkj2/+bYDgHuEl5y+rDj9hbWE6haW4AFCVQNcOM1NjFmxmpZABgV61o3FkGF715iV/wYT9v7PXl+bz9Dp/Br13Uex7ERxI2g7nm6MEB3ER5493W6PZD1qUd9FI5pzaGtVglbexUIMLw31sMTZOqquWfPh9Y4hgJZniRRkbqEw+oQLAHnGzfWrttTEqBvAzGavcoBXgZ9OrIjGNHXg4JCazyV9rA4h1U+jDqR0meNwsna9cHDbdh6YKl/1Sm164WUWqVfVmOGAkjNb+Pcuuu3xlsUplf7ap9aqtfSOPKQkOIU4UkY74UOzgBJ69wdLnJtOdXWAQN+47QzXzG0gaFYc0E6nj/aqHj4rbRLccLd7RR/6brO4zg2zqSrlOjZ5oIuGpnVLrrf0+0+rU+3PgL3YUujjCuR8ccdfqQ5/s07dMU7laxXqaxCSynptXxBZ0qqny51UCEzU15lX5kjFQDwzfsL0P09hb61QqLqaxwfgOyh/8B2qvMwi1WhMUK8dh2iNY3/ICUESoGiV0NnDcuzWxwKQ5ZZEPF8vx7aNYOU7Bcu5rODK+QC4qQgWqeq3dvbOwMhdwUSS+dLY1vrrO17Tsn1k7KkQEGLsXLwimlK7/r8d5RX2nGmwCyxpAc5XI+tPggBGMH3/nqHf4UF/vZwcauJdi6/dF3ncRwbGY/LtJlCrtbs0VRM73Y61t3sPgKnZlKJz6laUKZGuELY4TDBdqp7aU7BwEUzUvbbsnsMu2FfbAfHk4rTX5wacY9GZAFg+Fl7A5AZu0E1u7KvAB1aaoZxHUOAvl03MgyDh0rBMSH0ZfCxHspY58y8JQQOMYOjlqL78OKFVLQjqaz2YXY07VmuOTNfJpcyWRKMtbIppiM60e+VNdfsMbhtM3F52Ldu+L0TCKzGd03ru+dmSs87v1INKMLfBkqtQQfNdC35X6I5E7KWlvdcf+m6zuM4pjqPZ5vNVq2UWgch3W5l3c2mPgonaE0QYXLgdthVPEFDbFR8Lo1z2FfKGX7Uk3sdozO7WYrVD/UIGUI3IFSLqtiXhXXhZl2HAwrQCZziFriZXe+gGbDa7c4ByEp75a+EvnKJrILwLDhHs1vVYx8ABasjJyGszpMbMJzEXhEf6oyg5TnEBkbq5Ek4f49hUo0XmjS2NVTrq7bt6Nk1HwF6qZ/VDPwuvs7fQR/E9QatUCy/xkIoVqVXM7a3hGIRh6MDE6N/R0H6mJb3MfzSdZ3HcUx1HiP42NyikGUHId1WrbvZfQROzW77RFrntbZJie2nEn5lHq6tKmY9iGDuo6QObI7ntzArDgEbpX1lO6iiH8r+EC60FH3cM2BZ663t2JeaDcmUhbWvaXJb42WAcTw35VC5EpE1idg5cQAd4POF+9THH4tU+lzR46CiCKT0zddIR6qc/nGHY9oG87T6u8uZTXBzTrbWeZ8+TatBA5Efr+/ey/XioklgNJiIVtadubE3MCOFsQthqgU0/5I8nwHmc7Ku8ziOqc5jDLe62hJutc06COnW3ew+Aidph3wq87aWW2dwRCcXIbH92pdSEXmVMSVL7zvZVGEbPU3bEf4yAJFwhKaKhb60fhbXwq/qc2bFDZGZoAocwMkzgNFsa4cMWBWgWWIvPFyqwXjU/YQ2HHQgaJnrWyyirQx77XAMQ9Z7OPASY0QQFIyP9mbIoCUfX7vSqWTUkml+6AVnGc8Mvaq3OgeoxobIeiDWXQHJR/b+zxiJPdrZGYCcqa9XMxm1HoQ4HhNOhD1Aujo4rc7jUGffIUvswxi+B1tCbZqWOH1epJDItSxRop7tV+jVAUbu/q3rPI5jqvMYAcihKhd1EPJErLvZfQRO0e7lqWy5iBcF1Jj9/GOeNMWq1QHJXsPEgoyOXylY6E5FBiXjD1siX0UnC/EREzDHAJuW69fmaJrhV1QBAorOPKEfdEYZsHYXoC8BEDzf64ZIYUHqkKcADAvTZQcOCjcE3DhP32v1PwxoeppevJd5vL6H4EkphDgVTWyAipCm98jL07u4ZkvH3NatW+b8TsRWOhIfhwLKBUACQKHRkr36QHM9ArIadehUvZ0gg5sdsZoVy1mR8d3XB6YXtwiveSjrOo/jmOo8xvGtx/UQ1kHII7LuZlMfhRO0U3si9Yom4Y97BUbyijb7QaoHwWVPKWE1iWaYwr+zPdtSOAYL51FOHevhPHaQHjq7j9CGvw2dCE58ta0GNvsCkBDqtTcA2UOAbtt3ACDV+RhA5kczpEMuNog9HmSrGM8zGmx8VqNuSLzGCOVQLSqhW9rGbO0ZwvrIAEtpH569pvPFz88sVTPNPODjWJgjDWtsrLU5T8tqJ3jOdlTTwb4b9L1qQrhxLjdeUQVEGL7XasAjKphnn3Zc+qAA+Jf4dCukq3Wdx3HsrjqPfayDkDO07mb3ETg1O6Unsq0vhiU0Xa9UqWKQGVGRchGpq8B4Fn+hgmQMnbBih76PWTztK6CRujYIQZhPy+8U2LEEQGbsBiH7QYsApLV/dr2DCtDrcysAsg3QwPnNtlSSUYY7D3UdDjZgjFSELfrsCMTsNxZ5BchTaBgyEGEBAIIYVi9tBeTKXNDUzFJqm3ANQCK6fejP26HZjoe39RFt8ZUrN7nDA2ofUG9dBy1tPcgEOSSiVwQlKXxLIbsSa4P82kpWrIe0rvM4jh1S57GPdRByotbd7D4Cp2hn/1SKE4m08hSKsOBl2Kq4iCVQdfoDDpqdVYTEhgTizz6XdLz1ZdU/pjXwATtvB0Bq5sJ3YvvuiN8OgBxbgL4faMmhU2EsBJmHEp41SM5KMIilF8rPpARNlYkiBUxWSbDsXrKQPDxV4FUo/NdBklCgYgwf16D1fj6Fu7hvT8XJm31G4ZPEWx+JBAe/2Wi9y/bBokZgcJf1IHpam0FRcKsZtDwrlodiEX1z2Jzcl/0uOo8RfNxID7fax46h89jHOgh5QOtuNvVROEF7zE9EQw0scxWEW62BETs/n+0blBAZhpJJK7sLU4QOpOElS70LWoFGOwRObG37A5C2/gOauBMAOVgGrBWgUW/fTf+xdM5gDj0K1rURrSkyAhEFCxYWpfhTReIKRkp4lpCjEdZtuBoN4nGbBwQ1SSAzVipzRMp1bCyZmp/O+/q8wlA9gD0w2Nnz8k1csvV7ZfFMOI7D8QzbMehKv3E8HAvqztg8jIGCqg0Z7V/hq73u91i2i85jDLf60MOt9rJj6zz2sQ5C7sG6m91H4NTsqT8R+yHmGHoV9oPz7CuQ9dhlTUD2D2XSCUw+a1IGJa5hqkM5VCxIdqqH5pMRfCWVL3MnAfoc0NwtA1YVLoXvsZ9bNB/LaXcbAGShrUVWhMW0IPi8rS0YfmNFxtc3OYepuXmDi8SndhI8Ywi092hqn2eU3JU0IAxJDGaReUe0n/K2BL1zwLvL8d3iiHBjdJZe6xfDW0ievFvwVtyKAVbSCsMqc26jcKR09KFDsXbVeYwApIdb7W73qfPYxzoIOZA9daeuj8BpWn8qDadeQB8wrjynBLoNmipei4VsFYACkME3y4Q2eCjL2UOuos3FR02tPoA3Am6rbcNDI9hoOINnkwFrV/1HDVxuIUDfFsoFA6hsgwJFwTCpMd3y+GoQGgxMpFwRnbLw3HCH6oGShmdJEf2ya304h+dhvRILrgpx/Rjyd3z7kq7v5TqPCpysPZ49bnPbE74p4LQ+jst1dtGD1CFZ8S9X7Fy2hwjF2lXnMQKQnlZ3d3soncc+1kHIHtYduj4Cp2j9qexnugKYyo84gg+teM1lRZtViE45te6GSpFCXUocpHzVD1ODSmZYiQhzbSGmpnKE7TXh8XZAtR83o2OuxyDb4GfuKkDHtmvgMNt3UACya9hWPD+0tcCeYDsKDIxtQCDCuV4IlbAtfFSDaO2QPC9kqnfoOg1Nceog0LOoiUbwK+Om1Q4tfW/ugG+nmbU+44csWOjj2202LjMmFP67NmZ2QOMZ7QlkAO+SBwtGPYg116g7QhBuZUFaeB6c822aay6OZV3ncRx7aJ3HPtZBSGXdoaM+Cido/Ykc1jj8SrOvZhOVInMYRpX/ZlwxFMeDwTWQvII9kDEhGIa1GDJgzjU4k+ZVt8GHn7YLAIksgx1zphmwdhegrwEZif0Ovlwc6VEjMrJkMtwUvc9AIy0yhWylPIGkhGVNtIiSHmUSjDoh0nASo980/CpZvQ/Ntmbzj475gW+uq3dbQwWyulcPWQnZ3NXqM2v+YventqQHMYaEsUihHpd3/uqRCxR2ncdx7JR0HvvYkwUh/au3j8ApWn8qB7bWkiDNI6Sy42f5dMsOzGjk+Ym8LHECDz87nJr+dV6XOJuUoneOOST8Dcc2NrTDr7YDkBZguHcBOra7NWyqMBTNvmwTra+EdGk4lCgpJS5OF18a1notgwzKg5UGNbOZrx67b6fvxLJa2Y2zt2Fs25LPa8wcVs3e1/o3ySnYYcCJAwWCNvwvh31cHS/V1yBX52JI1yfC9PwIegHVeYzAoxUW1HUet7NT1XnsY48ahPSv4T4Cp2j9qRzYGBaa97CWID2a/ogL1V/vGWsM5MoP/OFEYYemgc0gpmYGEAVIcGOr6yHiCADkdhmw7iZAr99X+pJbZsBaFaDP2toiQIdzQzsFXNj4GUCgAhDEspnh8yB71CUIazosU19sOvU8T+xQAxvH+sQvIexuR7M1/3hP3zl8F6w8xtku8a3NfdXGti6E7QtTwwjHt9+Ui4NNKdV5jOFW49/aus7jdnYOOo997OxBSP8Kpj4KJ2j9iRzB1n6obzPg1Um8/NMetrljWYTKXIK1ILnViE+k4JNR3Mxc+SgVCHC4U127Yj+IwIE+OQF6g7HY0uY6a7KnAB3OXdORTCBDHIwoEzKN/lhLhH3AcrZd8Oy0o6zXGkq9kOR9AbbFKu9v/U5osGai7NtSWM5hHbdt6anv2PoxGz+azZkMn2NBD9JeNWg/9ZVhEPFSMRe8VBmmaJsKGFbDNL3+D842fVvUg7jujeiX6MWdhxKBRx0W1HUet7dz0nnsY2cDQrpT10fg1Kw/kSPYCQ/qfFV7sJyuuTIIlRJiurw+NF2vGdSwMCGaO8zhPGys1ltQcMjtiHsDIHvoP2z77gAkgog2ANmVMWGG9koVfLt/re+hIEWgqj6sQGvWqwl6NArobwcdtdVBO6fyQch3s3tvjgU2HgjE7HDJNlDheACtP9LWZV7QBb2mD3aB+nSDphw3xqsXMbrETFitsK1xTf2v87PtN9ww1Xm8uLiYpdXtOo/b27nqPPaxkwIh3anrI3CK1p/Kge1UBrRyDtZ8BdEK6I1VSTtr2pnFyznDEmpGVJPgDji6VTJzZpYByF0zYAn8JwCCNbBwKAAS+rAjcMC21gTo4XprfWB7Fg5G8gs2RAFhMvi8SuY0Db/2Q3IQlvEeBdDUCVRp8f3cDT1F3mDuCK8kXnjiVoMTgtcS9m4ZcY7vW0qhOadLs9VyCWGCFHRr438/GRpIZ8W6zuM49hh0HvvYvYOQ7tD1EThF60/lCHaPg3obTcgy7Gigk+A76mo4hdWpKSRHkBHJloBFwSgNcU87isLrnjTYjzZwgKNuIUD3XWsA5MAC9AqA7CdARwDS0H8shHFRYUK4jL+w37M9Ej1g0PAs9gKF86lQ8OdYPyQVvQhn0Cps9RzsONrNYsa049jPywv6ffqq2XZr5f0pupKWkuIWN79N6rC6GyZLSHIQ9B0gSscQq8CFzDUhIcCvXOdndkjN23Uex7HHpvPYx44CQrpDR30UTtD6EzmCncig3oapVifPcAE61+h86O+/ZDZEl8i1TEiyatdD/FUvWpCBaFadm4XmwAOcjhp81G9bAKTFWNx7Bqwm0NhDOD4DIFVY1lo7OxxvnnQBHxF0zMOziFXbEZJnlZVkD+Cf5onpP4q2hHKG3tw0VBWRsprNHvZ1bt9Ot+3tOTEnCBilhFkZtyXzY/Zu1Fr1d9v6kGZfEusXa2bUEi6poWPnv0vPF1vqOo/j2GPVeexjdwIh3anrI3CK1p/Kge0pDCh4/SOj4YJPXI6M4VhDcUSHKXbXV0rzD/0wi6RX0TJL5YaJrrCLaUywP/FYcOwpOkM1qDlGBqwZuNmm+dgnA9ZCWzNWZIsAfZlFEdDwlOsBE5JyyUkAo+O2FLQh+vyV3Zh8rk1pd4AilsquFCZEWTO7eqkTouwYkyXlolRqkNT+5oN+DIEGYeiPNPbbplIY8mwZlIVOLz0LzJXXOq4FNsJiQqvVBYZXih4JDUsYhsA/0agu50hqJqWlB+k6j+PYU9B57GNbQUgfoj4Cp2j9qRzYnsiAmvOkDiCuRUKlQdGfa/UsNHsSMCOZASniZPEhlOKAsS6ZE1d/y+VYtQltV6UNPmBfvcq/BEAQHJDfi++r2ziE/qPNViy2t0cGrFk7ADpa4VzYhtbomBWI9My8OfyqZLZSAXoI4WJvnwvVkacOW6X0PJ1Asc7et6wV0sxZbGOYaFZ45CxtG+jg+DHw7QssyamBmF0eT81gbHuN56m9SlfEw1t7v3bNuk4IKVAponTUfuBx+v5FAedd53Ece2o6j31sAiHdoaM+Cido/YkcwZ7ooOrPpeozklaspgg+smeQfE0xocOq7lAuSqgZeTVMC1fLp7ZLRhp1PdH50hVi658BH/OJQ8fDiin89s8F6OsARN/P9h0UgBw5A9bOAvTtIEbHOodbadyVtuXj6DX08/+SbBxklmc/bt+kkjpVmRIN3SvnWywPe1hWBiv4wNHtXv7A3rb+yC5n3cbxP1vGYxdbu7EKTUhBq63wmvg5dVQbtjfcewwBw8c+mzZwzfrqthtE6VLCSb/DV/Tt5y+7zuOA9pR1HvvYxdPySbpbe2rWn8gRrA/qZGJuYwxdMOfNVsKjw+eR3+jti1HnCjo8tEZBhYdUMTimbXSBjr6/EFwNr8BHOLYJQOaaDX8duJAdBOh3ACDbAA2cv3pOU2w+BxE1cFlrw2t4gMgcAWAF4FSQbCDWnusQgOXEfKVSYd0AblUV3egyZ08UqExzhzV0CYHL7exQXwHr7fhEbYZoNY+ct9s8foEtuQ/DbwN/HT+4wvN7cKAg7ZGTxvHVKfgVcQFt1C0ydrJxnRqoMJwX2JDy5l9/9rUAQLrO4/bWdR772SOsmN4f+ilafyoHtj6gWw1/bGtTJ5R19Zsk5NF3FLDgCIAjIgSL3Bp6oyvgpfid+R8agqVtIMxQz6sSntMMfNjJfsR9C9Cx3a0ZsDCd7m6gxa+zDZTQdsE6bDM9TnkOOJb5casWo6TrJVCjF+dsesTj+YhlgflCqxanieB9Bh85pCuzK+VvApdXb7jhxbdCfG5jo6t0A2CitmbbO6KEXdmRh2RR9hm/GjzUyxZL5yzdG4JhS+FdIM8Lvpx1rBWtx9V3Hc7Bel+ZvLN5+Yubl13ncQfrOo/b25mCkP6QT9H6UzmC9UE9qGkYVNK43PKDHES0XDsUApxKldQIDhkKkEHY4poCd4Jhr7WumhFb4FQ8UnkvLf1HC4CgE3twALICNOrty2xKBUR2BSVwfAQgOwjgKbaFz256PmUOJAIWK7HrSKYYewqVGnT1W1Q3VJJkWf9AFqJmMhFg1riUK9eq5TqPxjm1wTgau+7hvhieC9NXLKvHrF2tBSDq3q5BjH0AyL2BlZlWa+GwGasDYK5iTGosuQxMdvvejxLzeb+S9sEq2LRF6c/GLcNAP72+7jqPPWwau03XedzVThyEdA/s1Kw/kSNYH9SDWnM4i1eozp06oppydwDHzsMqYNXa0qsqphhyZe06cEtFyRpmU1En6ISzaQYiaNA/0VeutRveTrz0oQToc8Zido1W+NOeGbB2OXc7YNlN/8HAfjDuh3C8yfEfQ6pKut1BixOO/5KUlMx5zlg2IpsjXl0d0z/X83GCM6IAOKOUDD5K5jQW06AkA8dStXHYr435ivn6MfhewlmHARu3PeMottaFbd0T/A6BzYLzxhcgbNYX9PJCLuk9X4eTZ8+n6sPsOQWGF/aXvo0g5H1nPna2ZxZu1XUeh7ATACHdAztF60/lwNYH9ODWDrPyLEchLlrDHBQkjOJzCJuqWskhEgV1pKRFIixNlp/D7uBqK1NCLYleg4mVRftj1QqLL+Ci5+baagU+6KgA5LgCdHtOKwBk1k44fqGNNb1IBTqkAEvdNzr7Q6UT0dAVfct2z6UavjqPpWCMVVEvaXkXF9LF5w1RTpJgndVQL3NLd/ji2HHVfrvNIUXLeEu1jzXosC+seAgYgqM+ew5LnSnzTN19qdpR6rQ5ulJl5m72R5zH2AZIgHprMWZ1pfRv8/YihU/dLlOiq3TRdR5HsHsCIf2hnaL1p3Jg6wN6cNs2pLX/NdecK+hg+7vcZpawMzoQo0M4DA5ESugNq5Mq/kNvfQEnQcAb0TAh404KmGGK+8y9YyvAXnrnjdarqjNAsAYWDgVAEBhtCbXS80NbTc3IGnjYDkCa21SPbp0CwFfYKlFgCSAxhq8xDUPJZJVRZlW5kM35xGRXHmaVas7Mn7GUdsXnBTM3J7+ldT4Y8MjhWG8cU9fdu6XtUpYQP2ky2/rQVq9PBHACIXRDo2YH2uLCggHh2LrA/X9Cl/SOrmd9iIxUHWpV3te1i1psyARCrk5gtE/PxoWJ5xPw6DqPY9qBQUh/UKdm/YkcwfqgHtTuMpzbfhsYnMOZy6OOhBTwYfFWlI8aivAj5VXyIl83cXOimBlLndsUVs+lVN3W1fES8uP5ffPlzGFH5xd26SsED+Tn10667zo2AFnOgLXTOSsZsFqgZN7GriFcDPcnpvEAZFeepT76/CI/6yppgWqCHIfa2jdLrmmdC1jmPM5TLZFyFILgVApUKkvHUFMk95FjGBYA6Zmu5Q72UhL9FWk4DkNfpZqLyyFXMTRrvk+qV7ez48MTobtdwr49IFSxeoqmJ6svg2FZeuZVE96sf+kJ6EHw6HAWvHm2CqGelnWdx/3bLUBI98BOzfoTOYL1QT24ncKQuovloTeYTUadEK98PTIhXtnaCwdz0QvMEgCX7Ryc+rDSiV4IOtVhYx0jHp2WNQByMAE6trstA1YADrsBkNUMWA0QdGsAAp6lh9/5WOc9yoAVd1nKOj47QzHOgQGZDgz7AwpudN6nQoesdWIKOGFdM/fQvLwfgK0BIQADAC1bn6Hb1guZtWN/0UVmCAVqe+dzzmMdLOzCkbT6dlz4sWBwUZ1hgfncoxmEcAg0tC0EwTozL3lT8PHClcLEAKDcNM+MhSzPr1y8usMAPQ7rOo+HswUQ0j2wU7T+VA5sfUAPbqc4pObeoxidKs+AqDAjHnblLIcfLLbKqTUdyt6hpFYtITsi6ByKHQPxHLDqTRYUrmFB5gxTJmTC/SBIoBUAgiCj4cTbvsWCf+sAZB8Bur6bgZJDCtAXQrg8+s3fWF8F9CCaSSiE3Y/AYWPXw2eM8XcjaOFSOl+sSnWBO+wr4tM12MGFTQD2eWVtstcoUZ2IQagDhodcNj613nsJ2zCMZ8Z+wBuDUJh1Dtvfs2r6/ZgAxFCboZCm5alQf6E4KF9qQsp88X0CIJTokzFUChDD6lOvGufGawSaUzG9J/wj2HUep2EX3RM7LetP4wjWB/Wgdm7DyeTOJmHGo7pYIbsjrMuFDIBFoD0tSIeOpAEPWNZEt9fCMkJhQzhCKme1uo8gRIcXS8ABX0vVxhpQ2ApGjixAx7GYb5tfH7c1+yE+vjnESEpmM3CGmSyfLq4ST+ckZCkGC6NCly5fjydwwuEzwiXRERupgvv82XryhAmHFCCLIMppl8PaN+WSfkAfbDxw4gUw0gAZaHjfLX99BkTgtbT2P2DBQuwTlVTJUJ4UtlPgQSWMwXr1EGwRlzr0rzItl5SmOi41xNFnFWZidbkmc+bfWPT8iYVidZ3H6dkjLFZ4+tan/hGsD+pB7bENJ8bRt9Knlj3oFhbWQ6xuiP7oD8XtTMGh1CrcyR2LyotycMA0gIOHjryl7a08shkA2aL/wOutAoatAKQK6doRgEQQsCsA2QHEbBGgz+8jArwpTbKGWiGsLAhnqno+eD0YDa9LE+hUVkODqgiO80JzYc4VV5OLxiORpuT1Sulhjdu07sCI4GSA+VjP4UNbC2gEc7X/6pWdMVw+bnnvfM/Wft3F7tDwgLU5OIIW/VtjSp+FDkSIKECOK9rQWxCnrwGL+Xeasx5cnTtuefEEQEjXeZy2dRByROt+8YGtD+jB7TEOqbMEYmEshGFYsxVFFIOqOsDbQqeHxxoSnDMkWTH1MdafqYTg5B2a3hcuYmFeGnIzFOE6FOmODny1DCzwH9xzPwL0BQAC5zfbWhWg4/Xa57XBht/LNgZFxdXORNXBPsnAycClfkf1qWBvzFmV4swY8zWlfGbbZuBjCs3K3qmCFdUXMVcV1o2Fq/P7Vp6xACMid2dHviPPiOireL/V/dcObG3+GWm9im3t6+cfFXQsmH3WeOHaM/RXLTZQGygKfP5nZxfSTj8n2uILugggBE9acwO6LwAAIABJREFUeib2vJzIhdP8rE/48Wogus7jPKyDkDta94sPbH1AD25PaUjxB9/rLbhzyzPnrrASUuCHpTyS4jDqyllxHMnFyVQSaCWCInj6az9UAw+ZmZD9wLAfdaKZvK/OGHi+3gggqAlAFrUhdxWgV47/MmhpCdARgCyDknkb2zQkC/1h2FZWp0Uwfp+cdfIIPAuxEwCuuRJ6qQfD5QFrmfSSTrdgEdOO+IRg92arwnE+X51JEbsBPD0W2TyktUJytjq3FTjZBYBgGzJ719667exDWbtFab6cHVXNGXy2ASPas8sbMJTLAHfZb59BInrFl/RX8q4BfKA1RE1hH4fNNSPSzr51vtZ1HudnHYTsYH0qH8H6oB7U+nBma63i+pt5SJam4TXXVn/MmVz3YWEx+nte3EYFDFqozhzkwX7u1aFUQDGJoFVprtmWDHi4LNedelxh9Rfg1t8NgDSBxh7pdFtshPVnCyhZPH5ZAB8AU2sbMCia4cpIDNF/Ob8u5yTL+Zyi9VAkkfHDyI4MhRlL4CJCeN4gJIkzQClIBCM+NDUz6fM1VOHzKsxSy7xVtCEcmZs6Pe+hBOrjPd6ENfIINmpbEpDXUALVM9vhyekYQooaWNT3S3CPLVP2TaCV+ntEv4NEQ7mUTS3idMDKs/6sfuetbBvtO4+gRkjXeZynfby+pi9ev+kgRK1P3SNYH9SDWx/S21r52W/oQQh/1Bnfg8ZCQ2komcPLKjpOZPH96mglqLxtTjFUyUYHPtawgNV5qYBT0SfU4AN6usheLInGIwggAwAzMLKi/whtbTn37hmwlkO/ApvEXG3zcUxJCgPmGh17zLGsvTmDCZ1GliJCLzNCK+KreqMI1ElT8YY5BVYE6BbipSvjqhcp17bCiYx9PKzlgoUtWFHbkju+O5dBKyBmbd/R4UujcR339uENsbr4eUuPSfCzEIgKZ0hUQ6SZ1F7IBb1nDMmaB8iFPmAs1iO0rvM4TxuGgV6/eUs/+fxLev/h43QPTw6EdCfuwNYH9ODWh/QezUJpfJ3WfsXNQdVsSuwr1fBbL6I6EjZvPju4EsJvsvi5xPsrG1KOTaUrE0tSVuTFEQXAjgg2qAE4bqf/aLMei+3dUwaseM3dAEh9DmFYm6OyjB5LtiwFiFKAg4XEARxlBSIljkaZLQciRTRewr6mTFkLlfprp1VniYb2eKV1xgcUPNu11fd97QIcV1dR6b3Ma4XULIkBB473pKBpKU0vbhCi5jGtCLRjApI4T1oHSP1NYZs5zJrG/uqBOSAp4YIwygJtveRLeo+6kIWHvzYfOHZ9su9unq8NxclZ13mcp43A44svv5r+ol1cXjxOENKduCNYH9SDWh/Ow1rrN3m2DXQhGGYVHFOBM2bhMup4lMrocM5gla+hvgOnKdRK2B10q8pe/qLe2UGHZtrCTFnuGIYifxRv4T4E6Ob4Y1ur7AVebwcQs0sGrBUAY04cjGfW/YAWhNwx1sKVhBXKJXnCgOm/JRyrgAwvTuir1mMhS4+5V3Yrb1cxcnK+BNL1SljY1uKFcHMwhw8rSlf7mmzoi6kmCiHng1Ci9KzeEgEBrs8HMLEAMqhxTGvP/VUPafQSQPpMZyDz7b44IcaMCfs+Ax2x+fKd4RowgX2v6IJ+slO/G5tbVsDdizMQpnedx3nayHSMjMcIPEYGRC1tEj178Yyef/KcNpvN+YKQPhWPYH1QD2p9OO/Pdh5rCG9S5UbSsCotTKghW9XvOoZo6Ur5qBWfKmSX33vMrMWTOiTGd5uzIGWdc9IfDFlzXkTPMgy+el86EX3ROoSKtgCJ+pwlALIsQNezVs9ZYy/Ctnje7gJ0v/bS+dmRi7oJBSAaCkfkz2NKv5usg86M4aMPYHQwgKIhVwpEVGPCqOuo2hLYxw3VgUXRCDjemJL3CHoQqgoWWjV3fY8HNqkKMoBS+7xxGy8e99AWntHCazQhSEJhhkyGwPOdnTl7h4DDAAoAl0/SFaWBw7gt9W273f7M+7Ku8zhPU53HyHqMr9XG78qr51f0/OVzunx2Ge7t5EFIn34Htj6gB7c+pOdg4FJVP2oZKOTXYYWX6xXOoQiNHVioH1qojGkteRQpD2U127FHXvmesmkZu5EzXsXFbWcMUNCeI7hgvRmzbdWrqnfOgIVhTbuBlsDOLLEX0N68jQYA2VGAjuejcFurUVsNkMJgaH9Rw6GhR5OTLCmzV1zcSNkojQLeuetCWAEFO6AYz0/AinA1kzzopg7rUT2I1gNhsig+AB6HdiOxYCEa9pIXronsCLrvu7MebZ5kjRk5OIxpNLfk8NdjD5/K5n4/zgG5/TPyNc+cETBv4Njp+6Jojp7LBb3l62VQFDq9NjtO8xer6zzO01o6D7UReFy9yOBjyU4ChHQn7sDWB/Tg1of0HGz+lIaZk5TFv/ZbrZ5v0oxIEr0PbJLVmZTiOAgNYxiOZrQpVxwG9rAfKMntiTcrVsUyAg+FDfFzkA3Rftkq6RBDVALguCUAWQ7nqoBIC5QcQYAetyFY2ZZBywEIQ+pcgqcw0GCrrJaFSkpNDyGroD7Nopz+jJIW/GC/NouDjqRzxNr1CahgJXfIg4xCKmn2YCiHG4p5AMgcMBRrtK9VrsA2F9bB1TxMqoYSt8mQ9RDi9LkjH7bmd1Ud0QBGxIixcKYo41a1gweKhQkqfLNvB3vUY5asqV7IlgFY2l1vf3Eiv2pd53GetqbzePby2QQ8Mlu8bvcGQroTdwTrg3pQ68N5DrbfU0IAkh2MUslc92sWq8HjTzR+n3TF3Go00JRTaRhj+4vXq8Jdv14qREVZSRdY/xR3KwVYEqlcGnTidbuKfnVVX8CpqMFHk72w7bQKAKydWwjQ674vg43DZMAK56jDBs/YMkyRBFDn6W+9D8pqKKOVHf7BWRCAkQzHJwQcAHAciDDoQ8i2ucOqYAXmG7r3WB/kwMAD7RtyOduGzMf8qm04sMRltMTpBsigmZYDff/i9Ngh4eo7JOzToE4/k+Gk5jlVCJbOdWEoWFrYDxWnj8d8PT2jHw1v5l3l2VWwM4u3ePmAv3hd53Getk3nMYKPEYTsYwcFIX0qHcH6oB7c+pCegx32KYWAD/GihaYXaIRTOFCwWKmpJoT7TR6ek8yzEg//GTNf8dwJ0VAsKcdbPQtCdqO4oTUIAP+IyUO0moBkGxjZMQNWaGuPDFhBq9ECMXcUoKPuhDSNLZyj77U2hzp8PIhlJKMSXida8T7TWjnrlWo9VDSSsiO9mXQ8Fh817Usl09ao8Zkv/mmRQ01ogJNCNPFzXHEHhkQohpkRgJZD2jNhes+y+Mnjmbtd73ewzJWzXbezBB52aP3ghm1K9Xc59Enmzyu81/NRaC4hEK++T6m26zxXsXoSppdySe/ourr6PnNhDZkc17rO4zxtm85jBB/j39varUBInz4Htj6gB7c+pOdg9/uU7MefoyOAv4eia9fg2LKGW9mSbHIvS/w8fSXlB1fAaQv1QQZ3XqdCh3bqEFw0OMy9Es7FEe2euNQOQSBANcDwfq0CkBbzAK9rANICLNpe67w22HDwc6sUvqabgfbZhqowVRIe9AQELDxr0NQEJUdyLoQuUvLwsp6a68OoNmesiG6KD/Y5pfeSKocUnS5h40eciSMI5ZEqNS95vRCfo4c3BSEwa8v9Kdvn0Hv+D93tCEDiX/xvy5a4lNoOyIPMmpmPsG9ZGH3xFwZHjFGLhymIwbERCB11BoSMBdH2P+FLeifXs8ujnRKz0HUe52m76DyePX+2U7jVNlsEId2JO4L1QT2o9eE8B7vfp1S7CBYWhfs0JKv8sA+aGYuTuQS1lkTDsYz20FV2d9tL2I2G80SnHZII5XMGrcqeQYSBnmEoFbslOOVM3gkDHmUnFwfG7pf8WggaqAYCCwBkTYDeznbV2oZsBLZxoAxY4Ry4JntIU8iGpYBFQBRUsSBjaE0q4SH242rV8v39OE9sjk3POdkDYvYK6batuJR6VoQn3AzFivFHEBNkE+LAnysedSGYpleBktg9IPMXHHcATA4xaAvY2B1urJ93YFtrWOLLOkRr0GKTIDAneFw+Ewu4MKYD2i0LHmLhXFLazWd+jZ/RX0qMwcc++FJHBaKOhVwXrOs8ztO26TxG8DGm1T2kXXRH7sDWB/Sg1ofzHOyUVt7cMOyKGk5DNs2cxHMvwxzW7BQnDetBPYeQhwJxyzkp56jmRCuks/uWuXOoVxj8bHDiTVht9QdWhOkzFqEGIAgG2oxDfc6tM2DBebNtuzAoK+f7/Xo/9D2GYZG50kNhtpLF0k8jXcLs1PGb0vAm8sKB7Hp0S88L4JAt6VoOrmITope/lk1NeQMGxxRmJ7Bu3m+933LkbQHIltO+IRf0x/SxXMM/DjifudEMbm/78Mvi9F0rp9+XLkQohqNNfa5An5BrN6jCg7ZgUIVeibh+TOoQTfjM6p881/17YmAvlvlKLukrRoF6A2FsA1NH+MruOo/ztGPoPPaxJ1cx/SDWP18Htz6k52Dn9ZRazhrDDz6DMNgrpmvoC4FLkt2JQdylxTqHbO/FMh+R1gYBR1XDcAQ7MHj63bCaWVbFh8qbiIUKS4pfv+ESqlUL0XdgM1psxK6gZBGAbBOgLwOQ1nXr85mqfoATWAMQC71KGmJXDkyKNT0lbgYQxYUsYVjEEThMoDRlVgS98JDpSr1V5D5YiZihMDFs2xnm2q1DsXb8iLYO+5rcLkNWDSIiIIFXd6icri0fWhciK6/rtN0EIVO4R2cjUzxewhER3giGX9lihIvQ9VOssncTro+FC9MVfbUlJOu+rOs8ztOOrfPYxzoIWbL+eTq49SE9Bzv/p1Q7aiEkSzUEtZRUq5xXbWl4hVfV9msQOFbZAXWHFRvLImjJegNNFzsQiI/diY5hLYOlzPEVVneCDSgQ/IejgH0x/IpuAUC2hk/h8Q3dSAAb2xiU1vlizBM3NSX6TCrQRL70PGlwLI6ZPWMZ+7O2YyfBeX6umnI5v+YgPp/S8oLnyQlD+7wuTQpAwvtkTVmkU50VqwrF2iMOe59P88/SMyL6MpzH1et5yzUAieJ0AoccX68xGLuzGwfgQVZO35kwgLkWSxXq3I28wLhOsAkpeUv4Vkn1nB+5a0FUmC4WknVFPx7ehjCuY7EbLes6j/O0+9R57GMdhHTP+KDWh/Mc7HE/pRqAhJAsS6c6t8TRJ2Fy7cZkpVxEqWln7AcbgBkKqBigheKI6Eu2ciC6K7clVLEe4IyX5m7MDanZGzhXYEsATAsV1deyV7XYi0UAsgBK1jQkNcjZEYCgKJ1AiG5jbdyGPwMmTc3snj+X5W4rWlgJxrUiOpf2UnKQqRoPFcV79XSv8pHDtpLXKSFs38cYHXohZ1OUAbEwvRV271Cm4vQZtCihRKzph0nDg9qsyIztCO+V8cH5iUe1jp7f8x3hx9xCg5VXHxYolN+IUKwFtgbAjAaSlRWRSg9i//wzM4SQLk/d+wld0pf0cSfscahxuioaj67zOC97CJ3HPvY0QEj3jA9ufUjPwfpTQtChoSCMCACCzT0alhuLzQwhPuWnX53naXUdfu1LPBcPQ1kZV80IsCMKREo4FdYioeDIqauqwIOCW+FaAS4ZnfzsHOY1rDAh7vDQLQBIEIu3QMyBUvAikPQ6Kaqt8WKO498U0vEWhzmp02flAXNK5ZRT4w6F4UjsYVw2SNPQpqILETiOTUekQvXyFAoLMniOrMq3FgU+7OFdVKriO1eix7LPjXv4RL+SRO/5xsKLIncDNzFDGdvF6XOIsR1K3K8uZPdWWiFo2oRwHDdvWaqxceChnw9BgELIgjggGe1bmxf05fChvnrVv9b2/WxkOp5vus7j3GxkOkbg8fnrrx5E57GPPR4Q0j8fB7c+pOdg/SmpbRsJXEWuf6Itlt9W0lkXvc1xnFwiW810eoRxhd36UtyUpNcT4sFXPtkigbJnNYIFc7gktmQuiChQgmMCpcIAMvSYkmVnCYwAC1EDkMBEHDMF75YMWMoGRGCjbUgpHCj2VHWMLDSm7GIWc/yppGGe6r7gMGrK3VRYi4SPluGPakcyOGV10uz5eoatHLFifIs9eyQ1PBNV7kwywCVz0HxE+7ps6K/oxsdENTaIyWBI8C8eR+E1AJI9iha2wcXhdCGy8FprB4V+hJBO/LRXCxNWQd/7r2AYI+smhoSkJEmA/mhIFmpDEJCoDo1zzZC3HMNqdrvv3Ne3C6M4hg0+SxdTuFXXeZyPjdqOke346eevH1znsY+dHwjpn4mDWh/Oc7D+lNAOMRrmWKBZ/LZYGEUEKxASFFwtYC1EHV82YKDxW1KxLpOzIlYJIDsr1oRX+kZR9sScVOl1AvBQ0CSxzyZy37F+SAQgrW3LAART59IdAAgRLQIQUUexABBlQzwQDjxoBRPwjCbGQzNcgVZjcgx5Y8+TaVPIkAwTEruYXMXqBjxMQARgoaIwGETmSrqwAiQDTWIMCI7hMQoU1vYtuqQf0AfbunZFv7UIC7gBFFqAYo3BmBEti8fegQfZ8TT8DojcBsRvzgaqFqKLwUz4tJflhVEPktsYP6ObUCckAxZdJNE0wGPL30wv6K18XL2PNh+S7WP1zEa2Y2Q9us7jfEx1HiPr8ebd+9Dvh9R57GOnCUK6z3Vw60N66tafENohRqP+AXZROllYlkUzhRVnik6E+pl1SixYmZaS5YoIan8kFafqobBaSg5ItBCcOeODHyeW8cpDr0pSLeub3Rv59ukYPQ/+a6mApQIflTZjHZRQAEYIIGYi9luk4NVCfeH6ItZ3XYkWEWM14A7NBcZ9ZgAcHECw1QZJVhdkzH61Kav3ruvQVLwGSJT10AKJls6XzVm0axo7w9aGYVp1O0GQLgh47oEFGe0X5AX9Hn0Vh6zJfDDsl3CcA8gGowCfAApBW3i1ZR6k7tchGJGqA9VGbu6rezi/D8fA8XtHB4RD04ONhda0ca2TwGdDuJTXFKFLTvRiuKT3fG3n1NO9tQ2t6zzO00bg8fqrt/TF6/hZPRWdxz72cCCk+1wHtz6k52D9KakdeyRaAGRuwTWAX20xv8/2DQW4aGiWeiEJT0Un2Z1HzYJljgsUMzQHlmKIlv+Nzg2Gs8iA4lZ3iwJjM0RNR74Ol+3IUGxhL2h3ABLARmNbS5ROJoBuhV4peCp3anFxvrrs6ZY1Fa+HTE1C8lIEkixUJp81/lazDXABHQVBcKkTw5tk15uYlI0CCQ/J0t0KTlRDYpX3zZsXS+Fs4ngFXjULsiJIP5apOD1eMYrTDcijQw4VOWuIUUMLhudKxhIscR21LmQOPw4KSLaaf0bidXEW+jeLWPiVgwvcn/8PfKgBD/+HbIjqRsZ330zP6c/l9W69BkCiLz+5OL3wnG5tOyedxz52/B53n+ug1ofzHKw/JbRTGA0XNgOwML1BZEOEoBhZFVJB5keWStssRWTO7mQOKpou7tWo+cCS6YSei0DrvjIu1tlyxboeiHhF9Ry6BeFl8FfIUc5MYO6op6QDbrAiAEC2p+WlGYAw0IGvq/N1BbipIwn3la+dLPwq2f1ohfTs8ysA8RTIU+hbchBDE1iAsJNEzpywtzmel1IOnRsPT8aElJ4HcTpbti2NtZrSM4OuQueiKUAUEGFoYMWCbFnMPri1xOk7VU5vsSEBbFAZq93qhdhwNG4wHro/BJHZa/hvnCaw3ZPt1t8MmOZK5xt+Y+i7OIIC/IeDhAHyZQj752Ao4ZoDKbtGdEkbei4X5XlB39mvtzaDPrt5R9/ZPN9r7Lrdn52rzmMfOwwI6T7XQa0P5zlYf0po5zAadUSLry7bmqQdKLrf/fzyC59z9JYcS9B4QS4DOKYQ291a59VWjKWRKFSl4LhoyI+3o2FfYhXWq/uw23HWYAJEDYZDizSOiAqBypzRoJ0BSGRQ4jZSh72hI1HtjG43gFEKQQo4ghmYlMxSiQycaCpZZYTGx5bEnTdltDCpgBYjTMqEkLMXQctB3k5i9qFPEp69tkl1diuXDpW5BG401gdZSSd9TPsZuZiJ0ynMsNa/yGXY+8b5/pph/b9l26HGrRmQPU9CNx6/J5aezhzExLvNj56nr4skngVLz5UCYFm0Zoh+V5SvGPjcfSM9p7+Qr+ad2MH+8uZDByEnZo9B57GP7Q5Cus91cOtDeg7Wn5LauY8ESj7MeWmwITH2Hp3gnAY3h6SwsSHKVkTnhCxUaWp2yPglsxZDXimdQMFgzoXAKqpoip5SP8TCnhhWOzUl6ghGhrgyXYvD42tfh52xH6B7mQOQ7aL0GZsB52NIT0sTMh0PrE1BHEXf4f0T8j4rcCDTZGwcjCmjYX+5ZL0qIMVCnRyAcCkEMwFMlqIRUUG6tpFyxfWk9UL8HBYPz2PUghig0LS8MTwwAOAHZEFoAiFX9M/InR+u+hD7E13zFhMSof7tmI2jpupdOUmA/cDDdcswuz+ft7qGoV8rtpAxsDEcyIg4g+JLA/r5kMIeqTA9g5G8DDKyIc/kgj7yTRa5G5DRljCArnET3U7CHpPOYx+LIKRPyoNbH9JzsP6U0B7zaNS/vciG6Kq1AhE9dtCVc2BHzMmywH7VkOAyNzjHiS39L1tQeMmiBSwIaTpg85wFnBjIsKPCZoFUWJL1EM441Ku2PgqaMWu6lrSromv/CUNLFjUhc+CjOIIL6Ahsh94/9GpQBipTAhZehSvOuNKubWUGhIIbaml4i7OnqUZZM2Oxu5b52VCphk7GAKjI3OsQ8pSKd3pWKVXHgNi9dMXat3mHdUEoakHoNFgQKpXTE70uxTHddFzWihZu14VETYlDFwhjg0mxDFzmObluCUH2MoFKo/Fq8ZtFgA0TuGtIxAyLFJ6+18TnJXnbYDPHgUUGIM6aysSGPKMfyZtZv6pPffVEif705i39Bn3t6OPWrW2PVeexj110/+vu1ofwHKw/JbSnOhqtVVkNr/GD4lJrDn1wBzJm/dG6AOKnARBhDS8CE+gBa0FBbc2c0qIQkZJpS8FPCacyF6x4hlN2LkNNEG8PYATZE0IwAA5cDQ5qAbmCEmMmwHEMYuqiOYnne2reDIAgZXEBGlxYkBwO5bRChTFA/5Gd4sSO/cylLSmtuNxPSpEBIQMdXg+EjfFQ0MDOaJRwtokJYYZjFEC4o4lZsDQ4KUwxXek+IS0I2icD0xfJXWlkNNZ0IQGQzJgRBImuC6HYRLBdoMa+8GPupOPcXz7eJFrh2ehznCcvq3VXDCl2PRWvMygGMuAaonVDCjYbDOOWdNTluiMb8mK4oHfpZqd71vfvZWge3+149hR0HvvY06iYfiDrbuypW39CaH002tZy7uw9ZrMSmTkbeoiexKI/6cnXd7X2BxQns9Ap0hVPT41l66PglGMsuJ4+4Go6OO0GYQA7KTOhjk/NjAzB/dJbh8xZyqq0GA94PdN/VGADWRKtMK7Ot+BYQthVnXbX+ggvlP2YKpiPdzMdniw0K8fZl4rlSWEBMAwpFYaDI/DgLEQnZUjYM15JxZyRgpQSu8+lwKGzLDh7YNYJwTEKsE6DBVH7a3JBX9AHYz907GtwEf/N64VYNrLqfH9d8yVE8yOr9ubrBCtnNWxPwgRZDdgYXipbWT7skd3RVgRC8YoehEtI5wROLMGEM6j6ebNq6RCaJRSF61/fPKf3w5tq4mhjcfrphh8N+xc77La/PTWdxz7WQUhl3XE7B+tPSa2PxP5mbkFVNwTfS1WvgmG1U4MaVNehzrjvG1cph7JSnmyNU1cvGfK1TgyKFklUYMEOLDS70+TLSUzbis6/gQ3KS622CFsO4nB85URVjEhMhRtDneYhVQRAqQ6zQpZE9wtk8yrwjaXy4nxVOIepaYyUQaDAaSlocnxQ2IrS3OS+JdVo5AGaA5CUdR+FEUnKkhQAM56QCkDjIvxISomZ9iM7han0LzBnrEwK5Uxklh2rXRfkIVmQ0X5Ons2KFkY2RP8yHIOhWUxxVvl/W2xkcNohzfX8OLQDhGStHb7EikgMqwJo7ayIHg9tGMg0BsTZEG0bZ7iHaDEI17mAEm2TaTBClOnrfDWBR9eg+DXr+xjb+UidCTmmPVWdxz72JEFId9zOwfpTQuujcVjDuiGYPWoyFHmbF14cA1Wiau0HDcUqoRPZxRzKdugyc2Q/puKGA8ng4mWVlwwYHiXa7gCibSbs8iDexYkhKH5FYFKoFFREVqSmRyZWpRxvYSQAPCh6VLX8xZ3CstGqvTOwH4UpSgT3CKDMsIiHoA1WeLC4sVLgXALwUcBgkiwV58JkaP8SOsuJDDgoMEkapiWR/ZjuKUFYlQIUHYMCLMja9OP0+dgTBjYAgXCzLsjDfTQmW9KFKEgO9UJqKUcJW9P7lBkkobx1JSRrzpi0961tu4u1QWCUdyPPRTFIrWJ3ohJGYTYLpAPXkCsrRoigpLAhgmPNRTuSPxsa5vWCL+nNzTXdJP/cE7aDabuJ6K+kHb7V7fbWdR772aMdie60nYP1p4TWR+P+DDMT8czxq0Tq6FrryjqwInayVvNO6oQziMkHO07TzUrQViiroGFJI1AZjJEZEMCI5dJxt4YFwrGy9sFS8UJYTMxWBSuvM0CS/wxwHhGCGgcoFoIFWcbs7+DVy9kKNEYXbwybsurnxkB5v1KC+PfKFfRsVmV4p6IepAhhcobThg0YsHjWKi6HpsRx2/Q68xleSyTrTkzvwcqG+a1w5ZT6/PIVdAWwVDFwp8SCqLV1IcYLNoXpdape0nsElDAHGP5fCmCCYTQUwtwtJEtmr+G/snQMBbA0azN8BURoEthV8nS8yqQM1X17Urh8l14zhIOehCEzl7m55dgxZe+P6a2FlvodzlmX8fzXwzV9krpTfBfrOo/b29nPvO64nYP1p6TWR+J0zR1FdyJsdVuiO+Qr22KFCdVLFmLTP3BxEzRD1GRa9bk6ptn6AAAgAElEQVRKV0u6QClszj2mc3XoASFg6JSZE5XBgVbLoJLRR8pBviItFkbm4V9Ew80MFRXDgoYEIKccHTJ16YorrBGDdzfA6OCqOKmTpliCuHSfweP3+h5s4LCESxUIZhhzymaVAdCUQjcZBpjOTiZGV5YDQEZSsFFCr9TLC8f5+VR0PKkKw4qQL7JvQnRyLIjaNl1ItAghEJQIABWi+DmK7cFn5lghWYegSzSDHbAfc+gI7yvgQQogCkDJBS29ptB0CjCpg2bUM7akABKtGaIf0wLKxvn/Si7pLUe9R1xfUDaL6I+u39BvXPUMWfta13kcxs4ChPRHeA7WnxJaH43zM3UI7dmFgG5IpRqkqmxZrDzVrrIcUH+kTtDJZB4Ea8pNKvU+dLXZYi/QgRdb5c8i1eK6aJX2Erqlju0AGXoUOJlzb+2VNLTCdDMxD5AulxQ0DZX/JnlVtsSCaZpbdYRcg85FAyIWQqIhKepUkQE0KXU8fPiRdRhKKJCmOJ7qpSe2MLNJVK7gD0KpJtAgABggDGtKtUsAQJLvT7qyX54fs1dhp5LdS7Ul+kw1/W+q1viNqYGnaM8QQwNP6LtjF10Ish+4f9dUvQQhWTU+iEBlvyxZW6CIdmV1X717qFLstgBSK0uW3a2OR2BI9QhgKjQNtu6Dzw8pHwmftQFumIsm6SVf0vvhmmSDt+pt4NpCT9O7n3Wdx2HtZEBId9rOwfpTQuuj8XgMHUEz0Bsw/HDrz7hY6qviTgwaZlN+8lWsrul66+hw02/k1XYviFjah7S8pE5LAC7sbIjV0yjXKyIRX2WXCTB4LLrWKEgWj+73qe2WFV8ZTNeQ9S7g7MFqP65mSy7wUbYrcHJmRZ2sVK6hmotB6RMNf2HX3SRRGiOzPFrPUUXfhABEn0sZN12NHP9m0XkRoUv+GwBIYhOXq1fH4ml2GdgSHTPrKwASAsbKPfQYhoUxRacEQK7Shn7j6hv0e9df0XsaDGhk48CMKAOIXnsAJNXrGlIEUOIthr1o85CsnSDHHa1qH9gNqp+dIX1kvpw3CYyEpbIux7HOBbZaISpEV5A/hHFm03EpUNcFgq+n5/Q5vZstHsQFCKbPbj5Qt3Vb0nmM3xXPXz7vOo9b2vg9c++j1h23U7f+hND6aDxOq4Xps+rVsyxU6nCIreSrw+DneQGxyREAQEGg4jAgYqer81ylaDUZSDlT1ecAMtTF19gnrU0whVUN/n7AbF8MOo4CntSxq7pkGpN8jpTX5VyBCuek2MFrnXitFAZHqwAqSNuqtVDs+KJvUbdKM1GJFWjTdLnKVHAlzsCUu8lYkgwyFFiKsyHKjiAAwcxZI1Qr4nRRlkO1QZPuJPIdTE4HuR7I5xrp0coCmOq+uYx+b3aRNvTq4pJeXV7QRdHC/MzNJf2JvMc78xC4Cmw4K0IOEgA04DPfNSSrhS1acCPCkDYokdlr+K8sHQPztNqnOCMsTMDIYDhZhCm+EMCzM/07Bz9jVim9LH4YC1IAuYnaLcNeDst6cXNB79ONgZf8veU9Gtv7iVxTt7kt6TxGG0FH13nczjac6Fna0LPNZpr/RwEh3XE7B+tPSa2PxNOzljBdTeptQw43EnBIVBw6aS+SrpvDOq+GSRWHNQrci3OhDgOwJpbuSi+f2PGGrq7nwO/oTSjFwO4A4fKzOoYeJjOYRyIEfRWxfmk4lDrO+Fqvi8xJ3EYGXIosA9a7q3XwAi54E4XskxYkpcLGeGiV4o1UROkEjrzpNEjrfbBVM0/GjgC42JQQtuQhWAhAzK0uzyaVZ2uZs2BSwCMK6/qpBriQ5SyEYd0LAInXGPv24uKCPr28oistkAL2y+kF/clNjnc3YT+0guCDAKAouMMU0ruEZNEqp7EdarSBzdaGdzZfjHBGzyEIXgthFnJIGjaZd2c9CNkx+aPtGax023gC6j8GIBcxHGtDmmErb3qWLujjuHK/iVBp0IxxTPS6Z8gyW9N5XD67zOCj6zz2tvF7ZmQ9nqeL8H1IdwnH6o/gHKw/JbQ+Gt22mQSHVg1Zi2gc2A7FG8UptYxQbM6yuiG+kq4L4DzpLqbzk7tP0edHxgTWooEF0FV42zIAAFB2gwZL2WRJeZkouohU7lsc6wziLAi16oKUEDNyZ1VMcO5uq2loSHEPjoMew5PjlIsAJghnKe+JTDROISFWAQrTkamEY7lDt1HAyFpBvWQzU30HRQBitUP0EUMsv7IyySYLCOUbgTrK3sQwrGOwINvbGYHHJxeX09/axtX098PNpCn42cFXemOrnqq33MAsWxUyJBUmBn7Ej71b4cIDCtS3sC9S/bUrCVV9iCexLgKUDZ4hy1kO3RNSa5dtKkQnOD6k7dUEE9CxcYZ/kq7oy5v3JBuB0fW2R/t/P3xBv/mExelLOo8xre6LT150ncctbJzf48LGs40zqy1bBSHdaTsH608JrY9Gt9taKywL55M61RqGQXBkro8HgAS0DCXzP7AVyF6UMJ+hpGmdDjGepYR0YVFDMRcEnVgnW9iYgUHrhhQQIGVZ1Qoosrrq5CuuJQ5d4869yjm5s1/Cp7RquZSq4QN4ZwbJcDyQVbGsUYONlWbp0ir0euVUGmX9ISvO1QQeRLdLTs9LCAykpNjVFMEK4jgDEM7nmoyjxHDNAYgDjaTHkKn5bXY4F6CgwmaHzxQDnHIAFmS/c0aH4NOrK3qxma9Gjn38MAz0bqwxIR7z/oI39OmQ6EseDFix3WUrRa8zI9tCsnTfnLkAGLclJGtvNuQWVsMKDKOqvyTC25ihIbAhhKGTZZECvyXq7FfEXnNnICVM85VSI10vFzCpAPxVuqI3w4dcyNS+ifxOfnD91ZMDIV3ncRwbGY/LMdwq7QbaphHujts5WH9Kan0kuh3DZmFZLfoDWQZfHAdnRyaReAYsJfY75exSmn5XHYOhZNLStK/WhoVMcWAbzFtWAmSqr5GpjoEUeACDYtoPFRIPWcBOuR/jqcnCQAbd7KvZrKAljoW2GcbIHGpxp9oGKruhQ3DKNEuQFv4TA0DKRpCOYQl9UiCjGaic/QAIwMkEwxpdxKUMeioOBpe0wank6zVtidYYEWoCEE9SkB3qZA+imjuiVdUrg+rou2fDutu33UVKM50H2ofhxv4t2d/gK/o+vSMmeHwVw0EBhpGDk5WQLAfQ85Asoho84NXmXMo2gfqcyYD/Sut6zU7M9jl3gbJzDhGVYYwE2RBtQyZAwRiepQkuhOiG4HNaTlLRugrWh3LrFo4FJWlSAb5XckHXdDMqrAAU5d796U0MPXqs1nUex7Fa57GPXXSH7pSsPw20Phrd7sOambFgtX62h6H2QXCeinOsK5xERe+AsU565uDhK0H0IebEethOWXUfhrCinLNdaT8drChDoUCGlPUAIf503Cantw2FBvQWydMOh36QCvK1n2R91zBpW1PkwdkQE9AWJ00dJLssMFAlI9CktREHaA4+lI1QJikVlqKcx6gDcSZEt1kqX8tsFeu6cBOAeEFDx1Y4XsZrwbp0DSxjUUKdD7QSqnAb26bzGJmOkfEYmY+F4KFgv8qv6PvyLtyrj5vXm5BdQ7IaQMZf13xItDkUWdsPR+1Jh9SH62KDv5dFZyssU1RsyGDtzDgf05sIXEEv7MLz/Hz1M5ZUnF60IXCpnEFOP3tCdMkbGuUfw8Yzz+nXxGMWp3edx3FsTeexj3Wu6d6tT3S0PhrdHtqaoTC4kF/9tVS6rKFCeIyAw+lARFdN0Wn3St9a6I7cjVJROButEb03ckdjEnATsCekIU3FxUnFGUlCDEu0I/uROFmBM02/q122gnHs95WLIJLXHyG9JtyjbS5ajoTi99z2Juk5DA5R3q8AQUeDrWBjAvChNT6INFQrZ7bSlXH2IdPsVpQ8LCsVYS4hOElKSvnzbAIQCc4ePiKSOJ8MJCrYqLKuHVKMvqvOY0CUsIN9k6/ohSR6S56qmX2mLYRkATCBbTELVLuIIYX9MSRLoB21Zf4j27b9wVrk57bXEmuIcH1e1abPIj/azzekb/orBS9kmX+FEtYIATg0lO+mG2MoyYD8+Lm94s0EQLM+hCANMD86XUjXeRzedtV57GMdhBzFumuN1kej20naysRcAiCETnE7XD0wIqpJJ3XsE4Ozrjt11RNDm8Qck8mJxxogIdp+9DHcFVHQIuwuIEO3JDmjkTNj6S4HVuP5WtE8qZBa4mCpPgOvMihbYdm1fGVcHXnRgZDShrIlptfIrIauCpvuY1NAgDj40PYyY1JCsNjbUuG5MR5aZgTYj8mBToXz0LS97C50Su5SBwACIWNkfxTBJB8VvRdOe4Zh7Wa30Xncxn6BtodkIfhAYKJapyja9znMMP+UKbxLzZCtEGVPVmTptNDT6oHGT56ET0p2/B1VaQpuBbN5ccNDKb2WiIJ19gxXlqpXtSF5QyIP0cIcFuMn4jlfTHMiXXj2rXHs/snH8wchqvMYAQiGW3Wdx91sX53HPtafxp2su9dqfSS6naTtODHrw1qnBT+jkc0o+iEYmqXVIrQ+QAzf0ZAo1XQ4IcLeFLHXJQGnbgAHVzRdLcXYERXAjqxHDuEaQj8HFXWLggOPNQ91S4qrdAPL0lJS6Zr/LcXbN5e9HqYB2IGi4SiAjgqbQYU0sMrSrNugWGBpU9kM03OoE5ySMxzk56kjFrQglDw7liYHSNZSA4Akz6DGc0Ah+uzJAdgs5O8O2bAOofPY13YJydK7N0YIRs9Drsr7A9cMabEduk2q1+G/a9FasrhnAddkpgj1IBZ+xdgLT6HNVvRUwj2LaUByGKOFcYqm6q0SIJTh2ZT5eAMDq8L1Goi8v/5IVxcb0+n8xc3HW82NhzbVeYzgYwQhaF3ncXu7i85jH+sgZKt19xqtj0a3k7M9JuW2Q7etUO8CRPw6Ytm0PIyELEuUhxmVcCXLgMXR8cLSHqAjGYKDq9vZMMAwxBXZoaz6OwMi5tyTltTL0pPcXuiCsxtjKNUwuO5lmFVNp8IUgMtnJUw2xGOmJfH6GZwRktVHyFFLuk2rpStwcMdUheKkIVXJGQ53YCnEeocMW4k9VCUUIlTHF0OIvN01AOITQfUf87CrJQ3SmqnO42uXV3R5AJ3HvrYWkqXAwrf5XEc4geFYuB/Zke01Q5B7cS5llQ3Zs6L6MiBpA07MlCWQLjvUEKmRVs33iKbqFQPf9vkuBwwAugcYNw3LSuUc/eoY6tuG9+N8esaXExB5fpGf3mu6oc+u39F3Lp7vPFYPZarzGMOtxr9oXedxezuUzmMf6yBksj5R0fpodDtJuyWrsY9tBSl1PP3Cira5HyXdLiS8snOsKKCueQ4uMJjOQY/HQrkgm5ZlrvLUWlwycakEgVUzMuk/pngsoCxoyk41HSCgtfD159lKs7E15Z5zqt7iOCqLwcru6HvPFGZwbDrf076qcF4LtzG76D6n1PVQriRV9XJiTx9swnXygoJQWZ1tUNmE9/pjuyEEIpoQgML7GoAsohAUotfzYsuPO+4dgcerI+g8bmN1SNZa4cIalEhhBRFCtGEEwkfMlhVT/qLtwoYs7d9mePzi6wZA8c9/HYylr2pkghANQI8WMcXX4km/B4YxsXo7hT3BXmp7SFiNDidf0rvra3p5kT8f//jD5/S3TxiEIPDAtLpd53F7O4bOYx97YiCku9dqfSS6naTdA9C4rZkgnVT4XWwFiJAt1nv8iYlzWcuCk7tuxbM1x4O4CrkA54xrRiU6daP7PNTtz+LllYkAR0VZCYwrAXcplVAqIc3AM0z6C9F71YxWLLCS6wJ0a0uSZ8cSde51RTuFkB2rwWKaDTK2aFrsTMnYGtSF5ONSyaxFJfTKwY2CFH1QykphQXpzmdkOc3ZnBYCEv5WTujZ/L+9J57GvYUhW7BWbc0zKjgSQMg/JWqoZQjNnHqCKfQbwjB3ZEJqdPLcdEUp92IwNCaUq4XV1r/htkEpY1sT6wRFcUlvrNmVLtKmktYigpogudoygf9CS6uWCFppVjp1WvumC3o5A5PKSvn/9hv72bsNwb9Z1HsexY+o89rFH+OS6e43WR6Pbydkek/JU5q8BEMuMxatABAXIvuqpYT4eciJWxI8MfIh4zLhej7U+CduOfJ0CGjT4nIsHopl10JlT1oLdGyT1UbTon0ejF3ah9CuzOZk1CauzJSWuXmcQNsaGM7fgPZhqFiSracJJcq0SWzJnENcX8a6JxJXRIEufm0GNZ7Ri3pTruOs7XoMRfOA5IEC3QoU2MOSryTaWZaVZ5+UWAMK1EH0lDEt1Hi9XdB4fJ9bjcDqPfQ1DsurChchwzEHucoYs5wX2F6i3rlmzHbg/8o4AulvjIIt7VsHKAF8D7vvPOZJcD8QR+bz/GZQkW7hQIDNqQrhUSNcMV3mcrLhh+bq5YSrXKJnrcOpB5uBxtl2OQOTjNfEF0V9cv6OffWA2pOs8jmP3pfPYx84UhHTXGq2PRreTtBNmNXaxsHKtDMiOQMSczsCIaNVydMaUnWC4FmV3yYgIMcfc1nfNA9Oq4RJXjZU10fNYaIMhYBY3rqv+EItvTvzg9Qg0S1YJX1IBPcasj4Bik7ReQbKQLFbQwqVAIgjXOUGIkmGfAlBKSl0hBAQqChdjRLQd1v3kjuDYj6R1XUIKXjbBsLMiFVMBSKNmcdCcMPFq9S0heg1AsJ7Hks5jCre6uTmKzuM2thaSxVr53jQ0MYMcQ0iWzeQ7CNQxiInq18qGSIMNWbFlQDLfFH36oakNCfdkIVED9FVBAkfgYVnwcptD+QxNYVjlO2cog6eMhmiAo36OTBfiKXpvBn9gvhiRmZgL2tCbj9f0j97/hP7Di5874ixqW9d5HMceQuexj50wCOkTDa2PRreTtDMHGmvGlbPhfv92IDLTjthqpzqpnr5Vtys1ogJ1KtlzUCieL6EiXgA+ledm2a6mDUNmV3Q/rEEnLKDG5r1NAEJKxihRgTvnowWcHhcRJ9OjsPVBvfbk4WKsmadSuQZN4MjGhZSISAYkNpQsS5aUldsMRjwLlWo+xNiSwnIYa5MMCOm9ur4D9C8mRlctSLkF8eFt2goAqd9v03mMrMe7e9J57Gu/xV8LIVnOOVHZ1hKqA8tRsSG7CtTVbsOG1Nu2QxEqPdrh9RJA2RaWBYBWWVAbGdBOiTZGmKoXQjvFa/SQgUBfYDCgUf6Oc/qmfOck9mtnLdT4WdzQ7739gn73xbfpk3Q/7mHXeRzeVOcxhltdPXC41TY7ARDS3Wu1PhLdTtIeMdDYZq1V7zUg4hXUY3HB6IZRAQZax4J8pVuBCMbQc1UMEAO/gTkhc3CUblHHRtPgqqOPHAdZBirGLEIqMh/P3CRKBTCMS6vWn3pgSnot22+gSUHLyFjkIJXJ8d+Q1dRQVkdDuwZ1aJNGw4MWpHi3SYsXGqhwh5eL6FxLnif2p0BJQ7k8pIjIwZBiD67uLyQKCPtWAEh5frvoPD4M1/RxuF+dx772gjf0zWFDP+Gb8hzdE0dAgOBjXjOkLVDnAEmcg0LG4FZsiAnBsZeV3QLv1aeEbFiN45bCsnh2jt/vtG2gohXJn0lN9T1lwwIgl9nJfJyGYnH1OaSyMm5AhDwkS9mTcbHhP//JD+k/++b3jgZEus7jOKY6j6tJI3cev8j8gy9++o2xav+RL3Pc5s/M+mh0O0l7wmBjXzM3oXI+Q4iGhV8E3Xd1QO2Q4okEDoQUJywBINHsWH4dTd/r5/jSrAzq2Iiv4I5OjQxl5dl6YPvVsSFBZ6paARYqCUThAANGDrykhIVZCBoUMTQvERgKXdkt+CSEYSEAUxDGJSxLV42tnghk6bJnBM+KDehl0/oiwfGtVcX2ehmAbFKaKpifss7jNvZPh9f0f9KXFv4zSK41M0zvh0kXMZT6MzLb7+/1fC28J/raZmmef/pa8JwyH3EfEYXXUzulQIbqnmx/NZ8R1Oh/7Imjnr3StoeQSVtHiJXT7X0Iw3SQ5aAZWCXJwFlZDZ2vmg0uQbreVAC6v4/buMzpVFpPZb4nKv8KCxKOYZ5WqP/TT3+Ofvnqk4PMm67zOI6pzmMEIKcYbrXNDghCumuC1kej20laBxoHs21ABB0XD78AFsEcW3dSBAPkZ+cDQIAYFHVqBnG3v8Iftk0AfQwgLdF23BmT4JwRghpY1Z3SAWNYjQ+KdcDE96FWtoIIKfl+Bi9KSFCjg8lWx5UVSZZdyd24HAomlhlLgYWCD9IMWy5zt2uakwjPyCiXyXsd4Mcdnl+VBYsLkzOGWX1yeTWtRtZ2ijqP29h/Pfz5VLRyKEBBQUcEJfoewAacg+8FgIkQvJYISsJfwfcwZ7UN+Jjl41GUHkdfKqBB1fxfByERuONnwVjKmGgusGomUNfkC+LzOhlD6cCBRF8b9DZgwdU+BRk65zfAKPo+nlhA3Kbg5YKY/tbzb9DvfvLtW82TrvM4jqnOYwQfmwdIq3tIuwXf1SeLWh+JbidpHWjci7UACLUYD2UzcC8KdqOk3MGIHaAei6fkHd9qMbMapLCJWjUExhGLhbiIRVyVtJ2DO9/ijEt2BAe7vnbUQMWozQCfXO/XeBv146csWsn6apLy0n8p+zjF6uSZQfKqBwnE6FgRfToq4XGuQ8khWMlDqsqYesichw+FaJ1BzIn0sVSgFQHImN5UtR61nbrO4zb2s3JJf8ofDKvNa4asCNRbIVizdL1xDqPFEfR5Dbgc9lDj6PXXtONrPDYwoIq8jezEPF9+ddWfDxoWZUDG72TAcTXg5DVodJVh+vRqKt9JDwKZxRSYiJQwLWcVDShpbREl/crn6pqE/td3P6UfXr+h/+TT79Knm91cxq7zOLydk85jH1tgQrp7gtZHo9vJ2R6Tss/f41qrAraA4+BW0vNqHQqKTIadK1q7QqLDJPaqZKpyQGDOrYpXtV/qsCiTAeyJvZ0TMzmzFawuc1nNDu4asCb6XowVqBw29OLBY7T7noU4KRnBlvnLNB8FpCmIYGtSCw+6YD0AHrgOPq8APnjeHYK7trAtEbrabCbQ8ery8qx1Hrexn8gH+jvyY2MgbqqQK2myI1SFaCFDcng2ZAC2YyiMlh3XYDvsKUk1p2F86hwUehA39jFOpjoUSxzYOu+hoIxsawJAgPvxbyKv06KhVUQxFMtYEaKSDcvPM/ajnM+N/eP/PqVE/9GnP0v/6rN2eFbXeRzHzlHnsYv9nc/+nP6XL38yMiHdRaHuqHU7Veusxkkarn4uAZDWMVgfJO8ozgmIe9mX66lEK0EolAu7ydqpV4K1TkcBLKqlIGdqNCRjMMCgovUCThKbI6UBSIm8YKABGqLQrgrAnVTRGhw6NmLAIfj+gGuSD0QIuSINVUmFVYFxDSvq4PyxhlRBX7FeQsiMZbSNxdXEZ8o5bOXlxSV9cnX5qHQe+9pYM+TTIdGXPBRWykOTcC6aw4wV/nXcq3S9czYk223YkAH2DHCGhJMj/+FAYoGtWiGxsK5nfZhjfwQ2yvdh47rAUNgj669nRbCQQ2RLyOuBDOXzybpd6wPVVJF+byhjo/0J9yGmMxnP/4Ju6L/88k/p33j3iv7jr3932t51Hsexc9d5rJmCj7eS06M8KVjaHbVuJ2kdaJyd1SBDrf6dV4eL1KGYEwm2Oql1OHCnhnZ4RioIvxKxFVX34LI3qBXGbUXWdkGhQcUGwlYF3dkJzxIlyj6QL/c2gZcHxbsTWh2nqYNRh8FOfth4agrgqOtgq+shkNkqjytUWlF2RO8/abdw9dkRkIGSwceG4ZlMOo/Ly0lk/qwRQvJYdB772vf4Of3f9MbOqkGHY7nd0vXuUryQbJ/4nIfPk0FmrKmj8wsyZUX4sYAvdnqUcxjh7/3zqnOdwncDgIACCizeD4BH/X4oc1KZzsQSejFA+NVQQHkSFedngDP4R3X6zwhibqaQycy+3OhnUHJWvFTAybjt//r4Ff3hj/4F/fvDK3r+5prQus7j9vaYdB61fX79kf7uX35G/+irLwx8UFkEe3QgpE/7bidpHWg8Ogsr/cUCAGnpRECwbQyCrvrDAOk6qbIUGoql7yfTon/FkUnq7kFxAMz6pAyKCdAhCVSYd+p8V8XWWIPYq0lqa7rCHmtOnlHKeB1WZsYdGnfOcjgILlInj8mCMc5O3QbE6XoPeg0FH8SeQUgPcp1CZD8wlana84sLerm5mMKtanuMOo997bfT1+n7w1v6YLVBFGg4XJgK5AH42JauV/ZgQyhAAGdDCOYshflbpexF0ALHDs32d8Qks/7FWiF+TYJt7DgDt0OtEf186fEDMJ1DqS2U7MOUz1WdCLMuNEgGF5C6V7EP2fj494HqxnJbnuFv/Ez9lAb6H9KX9IuXRL8zvOo6j1vaY9V5qI3g43/87M/o99++pmsFwprMovw7WxDSnbVuJ2kdbDwpq1f6aQGcEIaoIDBwbyQ4Wq57TsYwiGIYKW5JWQGN1wF9CYIjdSYgHIwLTWChYBGJNB2/LBxXrQn2WVxdCxfNTAKuBLPV8DDNiq2eY4gXOYUR1sVzlis/p4mIQGQL17AbhxXyKqxsrOcxgo6nqPO4jf0NuqIf0ntjs+oK6iLIaOB+d8UZ3PQo4F5nQ4w7qdgQhCAY6ti0xq6aJWmethaxtbTP6or6p4a1ynlhGwcAdM6MCgAKv//A6YhXU1dwpwwrqaZGPOLQQAYZBiqV140EdbE8MCYEeqzxM/aHz4j+G3pDv3t5Rf9aByA722PVeaj98bu39N9+9qf0w4/vp+QGmn0OwYfo7+QPvvj8HuqE3M66o9btJK0DjW4NW1qtpQV2BD0ZWx8uu7CuiJ1j9T+oWmPFVV8X22J/zDkq3odAuyH1rkQHyesX+sosoZNUBaRoVXMuACBXgI+enakw9I97rGEMuHIHPSTL75uxk6oHYRxntn7NYmKKY3yR0pTZ6tPLq+l1bU9F5/iiHvIAACAASURBVHEbeys39N/LZ9OZu6brFXxPLkgPtUOgpodth234F+uGELQpWitEXBUiEFaI8p+BbEdp2z9DVL8OH10JgETPqz93IUzMQg+5+kzo6/KvsJ/6kbBq6Dr/xZM1kIVmOSvKUC9EU/fqvgTtqPAcRei1aH1iHyHVr4ndQTT/M3xB/8HLb9G3L5490Gw8bXvMOg+1/+Pzv6L/6ac/pj++/gCft/K5F7EimZZsYhgengnpjlq3k7QONLrtadsYEGU2cJuyIqzFP4rjIeaIu+Ms5jhk8aoyDOb0aEiHtqlumR0EEfgsxdWQHLsdVpIB1AB6kVIvw6QfkN6WgIPRGHUNtwoxMjVwSNCGis2pjvpi2MawRfsWAUi+RjKQ4ciuhF5x1sy8GAXml1dd53EHGyuof0cu6DO6XmRDzHkuc2PYgQ0hCFXahw3RpAwxPGte4R84BLtKCMuqQEfblo+omc6g2sCLk+83fRfHlrgAeROKizhnFOLXXA+iupEbyumRk2Xayvv0NE1q7fVJnCnVzFyllqkBqASsit7D2M6P6Jr+q68+o19Pz+l3Xn2TXh2p2vo52WPWeaiNIVd//yc/pn/w+qf0xXBTFgzI5uMEQgZfSLA6QeXfvc2S7qx1OznbY1L2+dttF+PGD00NTho+SD4O0r/WYIRqfQl7TL07Luo1QPtcKn5YalwHLx6SVBwwzCxlfcJVXzYg43emBg4cMCl4SGh5ulbyPnMco2kPZr4C8sQbAwcUWA/tN6IeLstyLy4vpuxWXedxOPst/pT+Z8nBFAY+GhoReDphe0sbQlxrQ9wL5sazMZIrSHsg7C68JggHrBiOhVG562yQcOe+MIDJEjBDFWla6nK2ApQBgIjesOpcMDSLNGNX2TSGag1FN+Lnx7TEGpqVyD/ztlgiDkywv4Ol/SVjW/7g5h39iy/+nH5lc0W/8+pbTw6MPHadh9oYcvXfjSFX1+9d7yFQiNRYkMwWDlKxlMfQhHRHrdtJWmc1uh3cts8WDIeqAchsGwIQAu/fQjLq67E5U7jiy0EHoWjDBe0eCuZFygjTgQZHji0lcM5KlQpQKGxOXQPFSZuSGtd1AGG92W6lFvVD8UDrhwemMcVhEGM+8BzGAZ6ufcWJXl11ncehTcNLfnPznH7v/Zf0U7m2OaigosWGMIvNsSU2ZJ4pK9bMoUoTMT9CDJcj0Iiva1H6nDFp2So+rUKz6k+tVFuHBhCZ3hfGTj/ZCND1HI979M+oFO1IAoCSjI7JQEQvljBFMrsTaX2BrFj1c0l4+SCgz8eOOoARjPzzL/6M/p2rV/RvPv/aowcjj13nQYX1+N8K6/F5CU+txeYiEFJZXg8C7IcxIWUu76sJ6Y5at5O0DjS6HdyOP1tmDAn+slNNRcTMVAxtxEb9gKj3AKaD5+dKcDYcqKCTgU5US/Abul6tbNt6NhRUDCFdyLiUfrgQl0xvQnBeuGFgoS4nncem6zwObBpe8jxdBED3/Zsv6e9+/JExbDemyZApJGhevFBX0ufaED3PVlFt1Z1cDxIKGLqOYzpvgOMF9leFDUl8VRaLF3pmqmyypx6kfs/QZjZfCPCPI1b3dObD6u5g8U5rF7RR2goAPn0+XNhPApCgSR1SYK1cP5IY2oD3OfVvpR+BfVwdq9cbs9n9yuYZ/XuPjBl5CjoPmrQeP6F/8Plf0Q+uP9D1+CmrtFUIQCILQhZ2FY7Tz/ASE9IdtW4naR1odDu43c9saWpFFkK0fMUYROPAjCgDUDs9Zg2g4m8iezFjRgwM5Sw4Cnx0XZpz5cR8dl0HwLrqK7ihXkTFWnh3ODTgwxRdLJEKfEAdEyoO28tNLiTYdR6HMw0veba5aBZoHO3XN5/S3//4Y/qKvHjhTVlpH88Y9tCGtOqG4DHzYEDnTHAZH8MG67AsZ/5U1L0cctXet8P8kfAHNkN9EEziAPyjhWZZ723VwOf77FsD6oxYkcL8figikCT63ZFDszRTlmrNLE22fh8MupiRP19jbUrUi1DFgiS4pySQ6Ysph2l9/mf085sr+lsvv0HfOVMB+1PQeYz2B6+/pL/3+Y/p/3v/lt4C+Le/klM+SwAVHoKlr2VJlK4gpDts3U7OOtjodlB7+JnSCsdKsC35gXOnRx0lELFb3RBy7QQpeMCzUUdiYVYyd+cKIpCSyiqLYJOJYaV4JQEINIa1DpkJoTLFAcJSIpHcgfoduC2+hfHJmpmXm00RmXedxyFNw0ue7RjX/jc3n9L/fvP59JqDe6yzYV0bQrxURb0GJk7R1QUM8dNTQ4vKXfe/WpRPjxvDlu4IUgNzgmmzwzYAIhiKha24KCwAkUl8rmNXVg3GcyfNiEBo1uBAxITn+LHX6uxSPS8WG4dkoZv5CAUgg+pIILTTwrVAL8LwbwzY+8HNe/rBl39B3+YL+s2rV/Rvv/z6ncb6Puyp6DwMeHx4S28tG2OVhQ7YjLgtsiAWljUg0wntDbloIf/whFP0dnvE1oFGt4Pb6c2WfXqEAMWcJAExLsdAbHfwYK0Y1bzodLNTJ86geBYrqkOuxFdAw0otV+027oEMqAjURlDnRs/nWaQZwTECzmgNPMZXoyPwSa/ncXDT8JKRSbpNXPt/8W6sGjJYqNSNhVh5GJan48UUvh5HPkA4lpALXaW5HUOsvH0qwuwxPa9Yql4MxRLbPr0dvF2d/gbVgdHAUCyqPgpLoVmeACJEXAWAFkOzHJjkfezMIcXQLC0qSuRAgcnr5JAK0TU0SkEHpPCl0g/9HmAIxYrHw3YI47I0wNZO7nYiOE4rt2uSCQgNuyKmX7p4Rv/ui6+fHDvyFHQef/DVl/T3fvpj+pcFeOBnisQ/Zy4s93CsOrTK9SAVQKGoCclC9fw90XOodTuedaDR7eB23kBjl3YQjNTMCIOjQJrWN6wag6hXWRAVCTM4N7XjXhwY/ZujrqSk2dXK5M6IrN0D9hVxUziK9a9U4CRbqiq9j/+/YJ7CrT69uuw6jwPaks7jNvbbhQ3RVpjAeW6wIa5HaLMhUtLHiqWPdS7PPwNcnCY/ZiCBT5Ku/s9ZEnP44bMRIDbi+JrhqEHHmi2k/J0xIuwsp/ceWMSKESHImJXD20ooFqn4318nYzs11W4O2bKMd6WDWrRQ06yaOB0rqeOzZWdZrb/Qf01OkWBfghCud2Oo1vU7+oMv39E3KNGvX72kf2sUsm8exj197DqPL64/0u9/8VP6x2++oD/5+CGHWgGD3gIQhKFXsG3GcEBhTNSEIJAhYEGkMyHd7mx7fEY72Oi2m53mTLnvXgVmBDUbIbNVlabG3JQoIsfOY/HDWbFCWImtiAu/uNk8yIQoghBjWCr2xtmR+TVx61gg7cVmQ59c9Xoeh7RjhpcoG6LMxY2m7FxlQ2j2XqgSqi+I1GNoiDMcxoKYYBZYExCpk+B2LHxIIUyL4DyiBghZZEViRXeG1/7ClyBCWBQc6GFt8A50ZSpuD0wDhE9mgbq3zNBisjohZIUIEUhmlgSKE7K2B23owoMBjQYLQlTShsP1QcCO9/bttKFfvnhBv/b81dEZkseu8xjZjv/n9Rf0T959RT8arm27goJaUB4ACHxmNeyKWuJzY0Tm2wNjUi54c991QrqduXVWo9vB7fGyGrexWrzeBiD+Jjr7DkSi+NZXe7VVy8TDLl7Va2sNBk4eK8UM669hZTACmFp4r+ashodqWO8CVVL6LkQvez2Po9h9hJf8dkMbguE3yIb4dnC+cR4Cu0Gwko4idXOWge2Ys4cY9+dsiEL1pVnkR+xuAbQ0zpXG9wwyIoOFMHqWrBYjMgAQCRkgJNw9fK8UB1LDq/QzX4TrJoOfGFAyQKOMCVe1R0yEXrGsqdAi2q2aBcFlEn2PoEjb+2y4ps8+vKZ/+OE1vSKmX7h4Rr/57BP63rOXez2PJXvMOo8MOr6kf/nhDf35zcepjgcBGCBCoADAgyLIIIr1PRy0+IICEVWhWBhyNRej19myOhPSza0DjW4Htw409rVWJi0CAMLw3gTvuG8lza+A8ychKAUYC23P4rcpgI3SqPbC/6AjhEcC2+JpdgXAUN43OgSvLq+6zuPA9hDhJbuyIa4ViewHpuwdDCjASm0jZe8NMBquI4HwEHCOXEei2yEGnjxFr+tBMB2vhH20wooIfD6Q+QhABPbhgoE79hz2Kbtg2iq7MnuCC3DoI/ORP/WJHbSxAb/IXBCRMRbEnuqXodVa46HXr3Uj1j58f5nOhB2s2nWZY9/Ldcdb3jDRt2hD3724ol999mpvUPLYdB5jeNU/e/Oa/umb1/TDD+/oJ8N1SYtNNsdJtVnICArM/9lnJ35mPJxqKJ8Rb6OdFtvbbQER13P1cKynZx1odDu4daBxDFsCI7QGQFqAhGgGSqSKu6ewRkz+Hov/4fVXVodnP+wWkuXv9ZBR2/Hy4oI+6fU8DmoPHV7yDz/+eGJD1OHBuiEKOhBwxG1tkXpd9yOI1Kc4cwQrMneqKofLi/MNLlBHUfoAwvUahGDIFsUPzgyENMKvEHT4eyhOWlk7NAvZogIq0MkXBuKSp5S5EsKjYB+05CAHQrECUzEXpAemi/3a2J73p7oex7apsU3PJwAsOoYXxPQt3tDPbC7ol65e0veuXsz0JI9F56GA4w/fvaU/+fiW/vLmeioaaHNR51o95w3AE8xfBQl5m1U8h3CsGfiXmiHJjc4yYi2EYnnIlr/uIOSxWgcb3Q5qpzlTnsr8bYVw0BIAIdoNlOB7cnBCFVuy3CnfF0JfttzA6AS8KMBjTecxApAebrW7nVp4Sc2GDMBsYAadpQKGAo6OBM0IMhmROalDQhzc1CAkhqBEJiQbOlxk8fMajlKOaYGQAEgqENIAJHi0syRsu50xcUZEd4ayObrfNCAeuMZwHoY9ETr44PxrGl7UjTjwIMjYVTMe+RqpBhXkLEi4ftCDeP/TrK/zdgiPqYjZ58T0tbSh72yu6BefvaC/fvmcfvXFp3QuNoKNfz4yG+/f0pvhhv7owzt6LTf0dojJo2fMnoVdReBswBzmXwscND8njXCskJmuyoBln5XyWQrbIEuWttlByDlbBxrdDm6d1Thl28aOTNYAIIQBVKA6D8CEKHo1iwDA0+jO97RDssYtI/B4OabVvVjWeYzgYwQh3Xa3Uw0vqauoowB9XzZEqAIjlUgdnaKbkJo3hpr4SmwrFEuvlW0uUrf14vDR0BVk+4MsyOI+shcONGIFdtZsdVUolpkWAwxRjeCsY6BWSbVr7IMgAKhDpPSVuMO/BDpmoVo0u36usg7gCK/TBCGxTzXwoaqv1k5YX6m+88rrF8T0ijf07c0lPU8b+vmr5/QyXdCrzYZ+7R5ByvfffEmvb67pq5tr+qP376ZtI9B4JwN9KSoHj8yFWkg1XbEZul1BgB3z/7P37r+yZdt50JirHvt9dp/uvg+/byzAiASIZRQ5sa0YQkCOBA5EPH6JJYRA/IDEP4RQUJCDLOxETohx5CRYChCElCiyeVix7Gvfvvd29+nTp885+1HPOdBca44xxxhrrqrateu59/zsvqdqrbnmetTaVeNb3/jGMEqhSsUyREZuSw0J6zs/MnL5N+WR7mHzcIAfCGRITlFCjgyFaBRsHIVoHDusApJDNwGB1raJUKRIIj1xXV+NCMHxxZJ+HtOoehSsjnAtQ0ndQ08v+e/Hfwxf4SyjhkiSsVwN4XQs4xcBo3bwHHIb01gNTN67Z2KBIv0qBWbAQR5QCKdJiFI+8iTEkg7IvHetYDMF+Wly8kbIBohOBf81NTFVsii1itWNJF1yw0FJCMCkU9Hcqf9I2x9CRIr6jdDYdqpV3D+vQ7G9i93WxUMSKmiBaT0dj3bEaCIjU8TEt5u5YunS0pI+AlxXOp3rRwenevySr8R7P4fP5xO17NU8VaWy9wCB7mmltMV7Wal0IIlCCv7BKHicQsVzyvs+zmEJCICpgBXXq3RHrYKgVF8ySoom/6iIVKmOdQh4wG9ICdYKVsNh3inl/t0MpBrSRUisYrKcgOQ/oIdSkODtCKrH1RKfx8R78dNZsApCgHfZH0L/SMqI/nT/Za2GgHkC7kwpWgoWQwlZH4PvKgZl3BuHR+tO6kl/45adHHnailmQYtm4TlbScqmwtUiLwthRPBGJtAWaILeFlW9vzAa2yJ3O5b7svqn3h5NbCXkkbSW7z9dnx8SLKpJFlVN2Rg+fSyQpPkbCziXylZSM5nsoBKuRpyR1Qny1VKrqF4rtm2MP5GUumzBy9S76vOSDFf0+JZ9BqrCWqTiYuhC1v/DC+X7up4qwvBq/15/Lks9Vk0407804SRjkNqastFI26LVU75SqIYmKJuNyGSjvB6iULSYkRBqs7yNu762aIomJ2q8s34u8j0JCdomiahRsHEXVeO5YhZBAhpTweICWYvJQFJ/H9nHWG8DZnhq4rYuf6F3B78zewXdxHJ9iY/QqgDBAm5K9DlSJ3lTgWZKJmF6EoIJFFGTDG3qQqIqkG2k5cEhLYzQRWRR5OhNQZmHXZRoYYuZvsAkmY8jNjdBTkVs+VmxKXifK0hSWaAJ9cUaKhaVePtyYND5u9+QVCcGjA/7ciLC4OAcRjUp8Hg4yBISO3adCepKcOND1MxATwSByQuOa/ijpU5efMJPVJA0I0mlJCZprnnuFrWWLvsJQ3AtMGng7/djFVlWj72M021pFzhITOS+nZok5JFGgOUkxpH17Q1Joey7yYEgIxM9SqijpGBLJQHFu0gsCkaQUErJpFKJRsHEUolGwGrLqx4K0raX+EkgEhd+K14F4hP+Kz2N7CJ/ei8HwaJuo/fnBR/DLk+8ZJaQJACsR7KYn2zLNR3dSl7oHj+FStSZFiYNsTSkkkUGSODAtR0VReLY6imXOvqRowzoKH4p/Hdp1qaS1N0QExJkBpqWegmw2lqRwmxSWWuWJZ+RjYM/nT30+iMzEg2ISyUTCRbWCSJ34jBR5EWlXijzGdVwmGMQ8IvDnq+GbdLHYYR5A3ztJ1REUBeleSg1N6DjUA5jMQxkK3IG+LzPkUX1WLaKRAn25C+xYT2Oo638iZYaYZJpqcqqgVENsPxC5rS2fS8dDBITnE+mPUt0RqogX56FSGw0RscpNISHroBCNgo2jEI2CzeOhpITQWeWq9nlUtccjkA+bFlR8HpvFsRMQqDtfn8K/XJ3D/+fvOHh10TPgLSFhhUQ+VaeAtjE4e6FlAPePoAZ8iQCwwkE8hImGUUFcUg0okCUVxRnPh6p0bZp1glREBLDj9SL4zPcv04uQm+/EUlEFCyIpQ9HQ1ImAUaZiKVWEtuZ0LdTXFSgwTWSvnWplSIciIN3KR2u56gIv061EQ1bVn3FRilYiBFIlAXHs1l/D+1IkhM6h4xO0xEL8D6r3khxklBDBcKizuFI8OlK2aE+asCD7NzQpifd0hihIn0jAnN+jITD6tVQ3sqSGiZVJzyokZAkK2SjYKA7zTin37/PBspSsrnuh9nn0+jX5GBSfx07wFAgI4WcHH8Pvj78DM0qrccBduFNaliQkmqDIMFumXXFQrLaPa/g2TE/xAVNADa0ANQ4RgbPWUFLncBTL7P0uYuMVkX+0jpnvZt5XXOl5fyY9Sz3RlylH9sxA9xwCmfoliQh9d5BZxnHA3KyLV8OnfkCcpiWulRPpW+FFbUBHTUbktlYVYUVCpWrJe0S/t59LWgeSpoqR8j5J13zRYxv7WfvMiuTPaCsetN4WJUjFeNtV2uwy2a8j7VMQlYx6oYhJiyAkhQPZJyLSuJjMIJ8zjVFd1FskBFvkp5CQQjQKNo6iahQcD7pUj7oCU68H5/1G9bAoPo/t4uqJEJCAC9eHn+q9qBsYgkq1SU/WOVCtR9BTdZNq48iPAIKYCGO6I1N5WpeCyHYwLscA98uQOgnKEVmjOo+SionlIBl5ZJW/mByZ4aNDMpFDVG90ehaQKiLmcihcM3wSjp+4O56pbWJPPYRSuhOdfUp/os+sCTRrkzkdbzhcH6+NA5FeZwiI+Nd2hqe3StXIKiDpPYrXmnSg2qPRjMW1REFcMiOVmoHmM8srIWCCc71cKCVio9Rc05AJuV2mUlZ2Ge+nnS4ljwEzc3g5hoiH3MaSkDhY+kHksTwPElKIRsHGUYhGwdME+TyC8mHLvxafx25w2munuh07fnrwEfyev61L9oIwoLsYrGKMMG1aVnoqHhUOkZblRAqVo1QdQUBAEBBWRATRYI8AUQmng+xFRnVVMUvQjkRhVhdDFhEW+aRePUUn1SKJF7rUNm8gVRFgYhHSzypDzTAaCqTqgSD9II7JHsjr5CD5SOLuXf2gApQyookEqt+sRDrSlVcEhTLnULxuqRSy3C8IEqWJJKjPs0vpyHx6GVaY4ZeKhHgz0D6wkWoIvUfznsmM2FT2BoEMoaCNvSGiummhrsIFqPdf/+tFKpY8HkzqhiJWpKrQ/kGTEABNRJ4OCXlABFaCtYLVUNKnCp4His/jcFBXGjuyKlir4uf7H8Pfmn4qVJD0VJpM6pQKQ0FqSs1KZAGEisKvyZTtUCkaTSArKIEz7wF4jhQ0JnO2UlokEYnB+Opm9fWRzsMGsMmwrhobKhUgLhcqCAXfPpbKrVKOFE2sNKbmjbhmQiUhIqfUKWFYT9dQXj9ggtnsPy4XzzVcB+kAcMq4b38Pu0iFTblySkuRXpncp+b0WztKqSH0L5EIvdKSEqlSMJkQpIDHSMUkp4KYFC1QPXO0AoNm30oVIbIk9ZiMD0QqHnRcZGKfQ7qH+HgNGaLrcnzfdEXVKNg4iqpR8PxQfB6HiVCKd3npgOPEj/XO4U/Mz+AP/X1DMDiIF+k24ml2Q0xwpbSsRGjItO44cE2hJFVHSkQFBHmgVKJmWFJZmmnSew+wmIiYIHkhNckoHx0js6pIStlxmeWof01M9SciErIPR7om2iSOSKqUq0kLfW41bRMm9Lg4pmali+AgrXTON+Pj4c0xrbcqC4Ccu62eLHtNV0N7SEBdG9o3kuLT+iAw+0FaYSQF+umdXma3s8pF808yejcLdENM7S9JZvR2kN8iLzmj+oJUL14fF6pxTELEeaAhH4LYoDgueYyHSUIK0SjYOArRKCigfh6BfBSfx+EhBErDDCF8SvgLg6/BXx9/AuMYyldZk7pMo2nUjQpT8A9U0hUo8nFsaJ/LFJxIJpIzBJkWyAf70jMC9N3M/pK2AgLi2NqkwygiNn5d0Q8CAFb4oM07nteLxoY5VUQeI1qnQwpsKyeDzFTSlkv9AtakIZE/jMpIUq9Sf5I0B1W0YnIjVBZFJmTaFqTX8kz1+ef9HtIVZCHpJ18pvhfScfCWtEHugxNBvlwtFZCuKliopxBEAtV2tgoWGEXFko2GF/hWN3/pB6G5uPeIKS08jySIuJBKu/Lpr0VW8bJ+kLRfz8elScg+lZBCNAo2jkI0CgpyKD6P40AgIE9VBSEEk/pP9z+A3559WS/RqVkpLStUTvIisAVWR7AuoctKiBPdvluGYhe7sGsCopJxXHrCn4JX7TORW4J5DZEkSUPxwqpZBvaBexdw2TDefwqoVeDKR0ELI7lgOzqkJ+XGyl93sZeGD0gRJ0bZIAXtqcQy1zBj8iFLAEuSka4hkw6XCBwwoUyKF4r19rPR79ufgwUfS+si568n0zHzQaAc1PKD5FUPvYzGpJUtAmJJCc2dGZdLgZLHiKpzutyO5k7by6pYitBAGivJkSUcKm2LznUnJKSQjYKNo5CNgoJlKD6P48Oganebf4r40/0P4P+Zv4dXOOWg1fYO6UrLAkFMKFSut4umc9thnRrtyZK9Lau5CJqJnHDzPUNEQJStlTGoTMuCDtKwODVrCToMzW1VJB73IlVEHFgd/Av6RgqBj74OcIlayTQjTk6LB1Kl0DxmvDmeu/F2WEKSSEy9pU/HySoVnSMREMGDYlZdOn9urGgvI6pzz30ODcFydjNDEaz+0v4w0aygl5KQpmXivQnYQSobiqxkFBQqk2vGcaAv56Th1nwuTnMRMcmToLbxnY8Dkc9fkQ9xZTdDQgrRKNg4CtEoKHgois/juDF8JiQk4BeHPwB/bWnvEF0tq1E1tHLSvPMqhUoqHfyvS9FWPVdUVCQhsU/nRUhvGt/JXiXivWtSVdpbJDgRFGaD2BWQIzgWSHROP8y3DhkRtCNfCxkyc1qW3BOlX5GTvFat0npn+oioKmOWPKGiRcm30/KHxGMRZFRZXCRpkeQrRxjF58zvMS3RTS/tdRPXPUc61TJpLm+PUbozkQl13dvVs6TaAEQCWvvA1nLINCNkIsLEJB2DJBBpGfB9y0QC03miqf6VxqA5vqbq1sOaFRaiUbBxFKJRUPBYFJ/H08BT6QmyKkJa1s/0X4q0rGROryjwcaCqZRGZkKV958oTkJ7nuwyxAEMMJNkALr0r+2OkbaQiQseLIg0pa1THtj8EoRXSZ7Hqn2r+OT2ti4G0N6qIeDrtwHSadyj8HzRRGgtO7LUVecft6LG8SwZ3GoVKsUilkQHNNQRaJlWctEySCPYFycOIEbITR+j489VHbK+hM+oFuI7Pw5IQ8976hZJ6IN9bdQH1GENCsENF0ctQ9fNIxyOUCDGv9p6kpCtFMgTpaKkbHUTDluaVx0pj9C/WAyKwEqwVrIbDvFPK/Vtw7Cg+j6eF6hl+Kem0rHgN6ie9+WpZwORAGtgT6WCyInwiksAAGdoRVbUrAqUfgSAP0mPA23IQlebw4nn/KqV7XetJePd1WspHxJNpl9kg5xVBcX1lgVqMZV1d9IuoYJ9SrYw+kFK/pHqQSvcmkgb8udBV5ONF2Y8ERLUv5HQs4E9UE0l5jHQOqTN+WumQgnAnF2eutFOfMPj2Z7DMD2L5mQ7Om3+kepQ+Q00e5GtrQKdXvnNZmsuLyRK5oEWaQMgqVwCQrYqFZju5bBFJ4vdx//1F0VgJtwthOgAAIABJREFU1ApWR1E1Cgq2BbqXpc/DPjkvPo+CY4RMy8opHZSmpdKyTD8P+tdxX5GkXFQi4GVSEiNfFIZ1qX6gCHazr11KP8mlZvkMEQEdmsblKxCMHJYQloWqiEnRSmdp6AYFsU5TNQo0ZcoTz64UFEEz4lzSD8J7iwtJVZKZVVLpsEQHRKoXRpUDTCUypw+lWYZttcWOJxKmr0XmQtu3IvD3ZowkIDpITws4FUtsoIiCIJvyyuvxUulId77HrjF6rJfnGz8XSULsMcgULdmkkAmMqhKmyU5AvwRqBaujEI2Cgm2h614OPo/T4vN48ui75+MHkZBpWZQelRQRFP6QlKrFFmMq3ct9KqQqwgxAVL/yrGwAiA7qsmQs9xlpgmr7BB7Ftq1UrExqliyTmlSRFHg6aAeWLZg8+2VIqVaZqVrqhSYjiXSJtClMQTtiuhJkDk8Re3ry3krdEqdB/UGQ/B4i4K79JERagD8Gfi8jeO7sDtKLE5c4q8QYZiN6k6DczpRddtAmITLob38mmFlmg3az3qRB0Th1XxgDOiG9p+3a6VZgSBGKNYjy/DASibRzm3aVjk0QCiJRRhkBbKsl6twOtk9IwR5RiEZBwTaxyv1MPo/T4vN4Npjh/Cj7B28CIS3r9+e38F0cq7QaIhOybO88homNHwS4QzYpKFIVsX6OtC6RFYqI22V+MRIYQz7EE363SBFBk5plxklYReShfpBl611mofaLIIg2IMq8jpgCcUwhupoOTdoVzc8dz1uEJMkQaS4yyidWwNfL09U3iVKIre9T1rY86QqJ3IBQYfj4bZ8Sc1Q8idNvW5dUkZIU7eOCbRDtOPG/pm4BLfNibhDNAuX/erHT9FKTBhQDdM+RRDDleLpY9JJL8WYUGiYe9lrTtuIGLyTk2aKQjYKCbWHde5l8HqfF51HwzPALw2+oJoZEKrrK9gIH/IlYyFK+lfBp6J4gTpEVJh5sPJfVmoRakknNIh+DVEs6q2aJaIxSthj5htzxLJfAPlnPRLt+wXeSNwqDJC5evYvr6VKa+lF8JUXJKkFl8kG6TA+TRIiuLY1GZFICkDrhA6XoMWcU15VTxhL5AKF6tK9x3BvqNo65bVbxg1hiYse11QUENUOGhLQ8GKiPhVUPc4BebgAybapD7VAVtNoej5biIc4hS9DM+cnlhYQ8aRSiUVCwLWzqXi4+jwLgDsXPFyEt6xcGX4e/Nf205QeRaVohmKlimlMiGyC8IcDEwQmlhCmMqoAlqU00tHsU9EZ6QJx4it6tiIDY1hIREAHsQxoaKqx5m7TphFyXzoqD5JZnJG3t6Om5SJNCJoQ0qQyqky7FygifsJidWIgiJemA0qdljj8eLF9RPi7T00X6PxxwpSx5hTgVTB4KJJKzmFxQkN9RfhnNe/GiIQY+LWv1A7GkJBEKdc1Y6UijvZooQzoEgcB0EdR7eQyt7XKqTYYMyTmJlBQScvQoRKOgYJvYxv1cfB4FFk13YxXGPRt47+Hm7h7g7Xv45hnCp+fs2uAUHOrrUYmn31VMPakUJZDeEFBGdukFqbi3RVsRqTD2EMEUPtcqCjgRoBkiAilwswRDpSgF5cT0EpF/4dpdYYP5VbD4G4OC1txdRiqCIiNifErpidfLC0+LUUcwcQGK4FukpuZuopsiKQCJyMjqXMI+r4hc+txVYK/KELeBaJtQ6sltiVwQx+CEZNOlZtiAn5a11QM9jyYc2B4jXlvfB1AqljoM7REh2BK+6bLRckNExDnaZdnrkCNc0PQHke8LCTkKHOaPUiEbBU8Fu7iXl/k8wo/CyM+Kz+MZY+r9s2pYGIjHu/e3DQGJ+MnJEH57OIW7+Ceiy/YmszITFFJHIJX2ZdLhnPGJNJNRh/WaiChTevwuUGZ2QzSU4TkdU1JZjALCT6bz6VmWsKTli0nHWt8QNjDseDyfPA3pm9GLA8qpI0ApPA7UeTMhkf4HJ4P4REhon3zpweQb6UQpVRnKiTH26kjiICkdIqQqWbzYbGt7phiapy9hPh2pTTz0Em8+hwyXyZS51YZy2rtVJVi9yPbxyM3fLgMsfR96efc5qTQuQ6QLCTlYFFWjoGBb2Ne9vMjnEb6mx/Pi8yhoENSvp05CxpMpvHn7viYe3qd7vupVcHJ2AqeXp/CXKoC/ia/qRoTSH+KYZKRAt9YRnYud1EUfEUrFolK9Lla6wkQfGnVDEo4U5obxTVpNUlU4/I5pW8DKB8TXi83qdGSqhC+2icjKWPQ4GvJP3ruG530SMsrUT/9RkBHkK66f1LdmIn+KKtua/CMq3Sr7JF37Opg2qiwvS1zEjpxMF9Nqgj3H/FVazQ9ir0NumXyDekvej1yyKLVJTWcrV9lt5P7sMRpSkds+9SRpfdBZxcSus/8WErJzFKJRULBNHML9vMjnETDmdKvi8yhICOl3508wJWs6m8G7m7ta9QivCa5yMDwdwun5KQxOBrz8DAB+Gl/A/wZvO/wgjTlZ+kFcJA6U008pWpTGhYJ4yP4gyUOSys82ENWz0InAWSsitKytmKRStdLHoMiJeArvRHM+iVaaUQZr0JcWls3BqVLCcG5ViYTkHeGlop1560m68G0gaEIiVQ5JdlBdcXNAkXDITwcARHrdIoImPquFhMMuw+yYPAHR4xQJacf2mpCIFaoHR5s2qlK4Ej4zl03DAnM5QZUR1ueXxmW27RhLExcSshUUolFQsE0c4v28zOcxC2V157Pi8yjoBBUiOHkCagj5PILqEdQPiUA8hmcN+ejCj1fn8F0/gm8Dle3VJvRaqRCmdQpNq6iKUCUsEOb0ymFDYESYy9s6egIfw185jueiZ+/xdVRXSEnBWE4YpRk9PaJv6FBXqV6aUi7nqlurEo3F3yzrrlNzYHLS5OaVSU9EKkCU60XJKpS+lEzh+mxMChZqQtcMsalWmkGgqD7WfByZXxAE0QKzNYXeH2gyJo83F6RndqWgen/IkrnpwNpKgj22ZYTDbGNJi3ynyvNmzmCR4iGPpXWu2D7wQkIehUI2Cgq2hWO4l4vPo2DTGM1nR01Ccj6PgP6gDyfnJzXxcNVqf90/V30Ib+efwxvXKIYuVs1CSs9ypIg0wSoTlNhDhEhHJbSIKpIHL7wildiWlQ/1PF6X6pWhsxNlr6TqoUr5GoJBAbF9r7WW9veFHfcgZKPj3CN7Ph21z/Z6SaCSpCOfsltCQv+mpudpnS6M3CYlUjVCMbMTxKStBdj013Ry9uvYmWOU8+cuEYqKUfps2pdVjssRJesxaQXumfjdVsAC2R/EEAm5YVYFEUQi11wQzDVBbJ+MPpLM3Zu55lBIyCooRKOgYFs41nu5+DwKtoVwzwTVrJ9J4ztUrOLz6PXWI1Z/ofoIfh1fwVgYyB0TEuEHMf1BiFjU6VhkUBfKCCspwmjOT/dVJSytiKBIzUIRvDqxD7QeEpDZW+kcLBGp51TqSTcRWfrIfQlTWbTaPJhvBeOtsZhStew6ulLSd2Of5junA9csKTFGbDTExAtPiiUkuqQwiwtazcmQMksIFl/i9hW13c1b555LCcuU4s0pMpoQ5c+h69dHVq9Sc3VUYkOP7WULjqd1YHaxeF1ISI1CNAoKtomncD+HdKvL4vMo2AFuZhP4YNCdqnQIeKjPY12cuR78HHwA/xC+ir1UGqIB1g8SSYJX/UGAw3ZpNJfP0VN/EFBhr6qEhYIyxA7rgDmiEcfJ9uNC13DWJ2KCYVZFmAt1+0RgUfAn1m8KkhB07k/2/GhVskrn4cCUuUX9r6ur/3qzrSYNvB0H02IS6bWJx6Hic2wfT/75v7mW2CZZcuIMjzEvJAmRe9TKQkv1yMTzOu1Km8hzBILQSUzs+w4jvH2fVzzy2+au7jMiIYcZBhWyUfBU8BTv5RC4nPcHxedRsFOEJ/R38ymc9x4fxG8Sj/V5rIsfdKfwr+AZ/C7c1TNQF3Q2rZvu6GRQ16pIKs1LT+XJtA7Rv9H0DoGoVCTfB5X5zS6Pc8mGf+jIUK23QdRExINMIzLpWdLIAC77VFlrJdv3gwC5JogsLBopCYkZiKonCS3UpEQG9KlxoHlSj5LAaS9HCsg1vVB+ErrmrdSmLj9IRimwJMRuYxZYYqKIQ0sZWewHaSkTC/wgmUNRr4PXJ3cjLD0nu9/8y86b7AmSkKJqFBRsC8/lXg6ko/g8CvaJ4A0JQXO4D/eNTfo81sVPVtdwM5/DH9ZG9YZoUORG/UGSHyRV0SK/CAiiUnEn9kREyJxeYUiJ056QynhIuvwgrHhQ6lbMASJNwMUUsSaty5IOADBEBCClZ+UaG0ImqM4iG0l2RYuZVR2Ts0Jhg+LWU/sUYOcICRhVonUMHaREboetp/euNY88H+Z2vD2qLZcF3/q6dPtB5IvcZVzoB+laluvJseSnCM3x5CpZ5fbX9Tqba0bH0rH/HI6UhBSiUVCwTTzH+/mk12PyUXweBYeAoIb0wMFgTT/FY7BNn8e6+Lneh3AzfwWvYMYkoDamu5QC5VtG80axsCV7Gz+JNa4345tO7CkFi4jIXKRmMdkQ+6CKWpymJchG2gY4rYtrMcUn8dInAiCW2fSszGN6lwl6u7AZVSTzhD772yGf5juVetVRpCr+262UeLPjvMrRzZzQEhTUx95q+LcqKVnwPjemFcdj+9izjQszcy8a0zKbi5W5X7OcgpFLscqOfyAOmIQUolFQsE2U+7n4PLYNm8LmEQqJeyDezycwnDi4PNu+R2RXPo/H4OerD+Hv+Fd1YpaqbEXGdO6gLtQP0bCQmhpSqB8IzBxNapYo5wsiFUv6SipV0BWVH0R5S1gmMAqHGNdU+0rrfdpaNzt8gCqyL412KSGBdDK22lNX2lUXqch6RDJBtFVg8qpHvrkeO4U6FBV1dAtUEDt/TibpUkK6IK8LX3fMH8+iuXJj8xdTb/MQxaNrDvdH799+AABvHrDdhlHIRkHBtlDuZQMnfB794vPYNEK370H4z1UtNUkiEJGp90VZegDceA4vry43Pu++fB6PwT3O4dfmn8PMJe+Br9WLhhjw6/p9E657jMtj6orPbBfy4n0M5HwMGz3qfWCcp0mBievl2DgGeSw0dIVex+DOi6feSE/febsUSKJ5Cu3FCtov2F4N2N0fIr1fEDxn39uStNk4ml9gdkXX8bSVZ1CkZPl+nZrYtdbr+fUbq7osa1KImRXLSUj+uGWTwtavTU6RaSkT7c8F5H1iziN/nKhkmawS0kHu2seb+c3saAyJu1NCCtEoKNgWyr1s0HFBAuk4DaV1Mzn2xefxOIS+Fme9wULiIRFUp16vae4YSN/9fFqTkoJu4EkPPv3qK7g+PYOz05NHX6llPo9APnadbrUqQsWsn++9hN+afynUAhcbBabX1PODSvWiNLGTOiLTtIQJPXlFRJUsUkSiqRxYMQFtdHdUqheEhwTEXLoSFwWUTuRe5dKz/AJVxKLTK9IZLbffZ5+QZ+fLB90d0y5fy4F2+zhcx4mher1gb3zx2htie1H3+wWXcOkcfF7dkxAR6yIhy5bZKVufD2bX5rfpOP7Fe1xh+GZJSCEaBQXbRLmfBVa8GLXPo198HttCUJIuesOVyUcOoR/GVf+kJoC3s2lRnxZgeH4C78Zj+PLde7g6P4MXlxcP2n6ZzyOQj0BCjgE/5E7hJ6tL+Kf+NnkzKMUqpkq5mA5VV72qq18JP0gkHUREyEsS4EXDQlqHgqAkKzumlCtlQk8VtyDjIanTr0TFKycpg3CkY656FuZN6yACV4mWaXwBHvKXt/LYFfwVS2cXxCHnB3HC2b9c9WiPkmly9nidrPe77CRy1zpHOKDrOLp30UWQFo1NC/JkJ7e/LhVkK8AHk5DDDINKcFbwVFDuZYM1LkgIaovPY/sIxG6TJWRDKld/UMHtfFJUkQUInozw37t3d/DZ6zdwcXoKJydDOI/qyMlwAFVVwf1oXL8fTSYwHk/r9zmfRyAf4d9jxL9WvYD/19/AKNbGAiIc8avDAejyvbHTuiQrc0lUhIriXTKhV5EKkMqhA1PkaljA5nFkQuJilS4aq8rtOkMqBOUgAqN8JCuqIrmgkebYxV/WwqA1n60jXqP62u9IEoogo/4CArDkNyQX3MvXPrPfxce0XBVqje8I9peShByVWeLleMxxLjq2h07DxDrvCSmqRkHBtlDuZYMNXJDi89gtLvrDOgVrW7iZTmCChSSugtHdCCb3E5iMJiuNJ5/HyenJ1svq7gJvcAJ/c/4KerEYb/JteOH1wLpsLwoPCHk7eEx4VxdOoMZvyUeCYp6wbh7HJn+I9pEgpvegtm/e07wQgzEvOlKn/hqpJ4dcLmNM6QfhbzUv1mXSd+gYeBv7ZDz7vl2CdtF7NAPzaoQ8HrkaW8fg7DFlj0Pu1bXXdxyLmjx7PB3qgVixeMyi405vFnVXzx4bik95yTGDJJ+tY2pfb/umrax0LcufRCdhaZSQw/kSKsFZwVNCuZ8FtnQxis9j9wjqxzYJSMDlYAhvR/cwb/PJAoNgGifj+HQ8hfl8Dn6mn3dX/ar2d+y7stU28NIN4V+szuD35ncwcD3VIJCVj1B2Nwb+dQWtqHRUqMv21q8dmdZFOpYj4zOwMuIb6aGlfKTSvMmjwutcqopFXpRaCRH9Rggo3B6NKNKkg9HepCrSqqAFHd3WRXRK55MLOqEjkO16fvOQJ+pLhywJxum4Fv+kLNpLvqJW53tYfF1WJxx2WVfk33EgneOWL3rI57MUnXPkVyzb5V6SP0twVvBUUO5lgx1ckOLz2B8C+dhV87yr4Qm8nY4Byx/ZyqhTteDpEY1l+DfcNXyvN4H38xn0XUOQG/4qU5eEF0SkXNWEgg3qGM3mTRCIsUlhTWi4hmwiMk3Q3xAOZBN8LOHr6Cl1IkUA9ORd+0HYWu4ijeGn+pqI1H6USKyEDSKZ82XQG2v9Kr9IBp0G9gVYOajteAr+ICwgPjkVJJ/KlVFocqOyQf7DvoAWny+2/ne9edKYFXniSvOvpIJsCnHirf2alN+NgqeCci8b7OGCFJ/H/kEpb7tC8DWcQQ9u/exJpA0VbA+hWtZP4Bn8Tu+ufgjRh14MSKmTOXDfD+ULiVWqqCN6LzYklKF75VKvEFkRCyERFNYlWF1JPUeazCDHxCK5ySOtEH1IOIjmalygaAKt9wtUEQ/GuA50GK4jCE9wGwg6F26/ZPK8eXvlzVtjctt3kpTOubpGLT2Z1bBg3OLzf8CGmzjOJZusu8tHkZDys1DwVFDuZYMDuCDF53FYCCV4bXOwbeP0ZAh37ydB/nrW175gOf50dQ3fno8AelATkV6tVTjupu5BdFan/iKcpkVpWKF8NMT0zSZo95ETVFEBqR9zxJwcV29PqVzJoO647K4oxxuJRSIMUQkRJMdFUuOBurCDCIWNKuJc6qcRr45N0QJO5UoDJFnJoa2MrPPtutoWW8uSXSU+z3gY1j6cBxCOldSLVUvzPuAQOw9oE1iTp8EqJKQEZwVPCeV+FjjQi1F8HoeHQAi37QPpwtXZKbwZ3x9N6diC/eHPVNfw9/FNnbI5qhWRSikUgWRUMVTnkr31v6aTuouvY2d01hbqeRpC4JkMxDmRKlM5JjVkSCcPCXk/iKCgIShETXg8NF4QXKCK1F4RAGPMbvtFmkNMOTYtz4jJSmqV9l2QFrVofXbs2gO2mR+0fFeYWbiMUOQPd8vBf27IJnbZOcfDzlKGHv3cwoKCY0a5lw2O4IIUn8dh42yDpXgfikG/D/huHl48uetasFn8oDuFH/RD+J6bNERkNqvN6rXfw1FKVUM+iHJIbwg9HUfhGakN5tGoPmcikdKuSGZwnBslCEPLc6JJR1M+OKVnubgeRbldF9USRyQCQVR/0uV9G8M7H4YiLrggTYvW52CVkZWD2i36QfRx5JOmrL9hrWPZUMbVQ7dZ97o9JgPMXq/HHEcOKg1OTNwvAVvBMaLctwZHeEGKz+N4MMykw+0SF6cncB9SbA60g3fB4eDPVR/Ar+MrmADCSb8P41ljVnfgdLUrQQwgpifV3hAwTQ0dcKld6iUie5JgJCpAzQ9ZRUhERxOUSC9cbJAYlZVEEmJKF5ENnoXWAUfVuQpaEH0mLqaXaZKSJyP4ADICC4LTfftBHoJcCtTqWPLkfwN+kLU33IMfpAu5sIS3j/dqebRUcNAoZEPgCVyM4vM4PoTPaddeEIvQiO/N6y/h4vphHcILnh+CSf1fh0v4v/B9fdee9IMiMochE5EGSClTQs2QXdO56pUopxv5QU1KyGMSxswdVcyKIX40wZMq4qISM4c4RlbMiqSi8aYkmtAoIKgIQkrDojLAuXVNgFcTkDgG1M9HMqgvV0YWNz58TKrRPvwgesyGSM8jCccqZOjQ/SByJtexvFmpf0dcISEFh4BCNAye4AUpPo/jBZU83SdCpSyYl1S8gm6E4DkodiGl88+5M/j2eASvcFqvCURkPJvDAKh8r+MQ23Nnc9FLJKogkUew+kEJVRWrHxDnk2OBq3FRmE8eEElSmn4hwGREkhqpfKBL5XgdyHXNQ53U3E/TB6Y5cWNpVGdGRZSH0m9Slpf2ryz4WhbCzEIcmx8ku+sH7n/ffpCN7nKBH2QVxYPfmnGFhBTsBIVoGDyDC7LM5xHUjtF8VnweBw772e0Lg14f0GMp11ugMKx6/J/ELw5/AP7a+Dswi0E+KyLQiySBjOoEjCZwMpVD7QGpolrhITU3TMZzUOlYuTK9FaR+I5WouEWeE4ftVKwqmtZZEyFVA6KhXEXEMc3KRY8J6qpaIMkI5JURsGla4jo68ffPD4kyAanN+S9+kPW22aQfZK1lK/pBFqbnZX4z+N4yjSYLCSnYGEpoYPAML8gyn8ckejyKz+N40DsUEjLow2w6e5JdvwsehvDdEqq1hQcdXamCF64Pf7J3Af9sfsMjTnpVXeRiwESk6WBO3nAiBxj9HZUJYD2nTkUPSJy5EqlbTeUtTMpEnIBIB2CqfkWG+ZwqQk0NUz8Q8pcI2SJukzQOBOLoc6GotJQRQUaAf6oWkxEAo44sQCtAfVJ+kCVzPmE/CCwKaxYQD+D7zyxzrpCQgoejkA2BcjGW+jyC0jEqPo+CDaCQkOeL8D0T1I7Tqq2sduHnB1+HP/Ij+ApnXHp3WBORGQyhn/p6YOqSDi6V8kVTCYuVjLqsLzARoXQsD8LwTn0ouD+I45K+EHuOOI4Fm1LBNQFB3cCwil3UbTUt7nkoZqEfJM9kRJYehrgn4GvBexdPpxMd8mLGbnUEO9QIHite05jj9oNg9uU6x7UuGdqVH8T+lbW3cq2G8pJ45/5K5b1TPCEFnSixtUG5IC0s83mE6lZjPys+j4KNIaRjFTwfkM/jpNevVdZ18JcGX4dfmXyf07JCcB4UFCIigMnr4WLvEHCOU4owKhi9WGqXUqxqpaQ+nkbJIC+Jcymq78XlRGZILfFIXdeB918JpcOJbuxUmYueNFex4WEVA0B2gIjgWrpDqrjK03mqP6HYqySqK16lylDprLw6opLBuMqWfdaNZqxd8wA8Uz9I9udzi4pHNtThD9CsxbYfpEvx4NfmeAoJecYocbVBuSBLUXweBQUF20ZQPAYh3WoDDTK/Vp3CT/VewP85f6ue9g97PZjMZzE1KxERCpvnohs6G9IhluxF4N4hGJdV4umvJ5N6XO6FeZ1fx+XUYd2JIB6pXHBUZLiXCO8BEuEgn4pLZESV9MVERkgZkeSAUrE41Ss1lZfuYt5CBpHtdC2xnC5Mx2j16/EA30bxg6y23UO4izMDNE9dnGZlCUfarEVn1cSulOh9PiixtUC5GA9G8Xk8b8y8h35vv31CAu7vR8Gd/rw/jCeMVXwe6+KnBx/BH/g7rpblYh+OQESm4f72Vap+JbwgVLGKFIOGQMSUrXgsvVg9y8d5a7IiyYsgM0B9Ssxy8qHUDQuFmkBekyoSnwaxB4hQP9BU/JIpXGiUERfTvlDM1yIjtDx+DIl46PBTUiPriZCxK7YISRqoqnZRUIuZeTeEdVOgFsGe++obrL2ntefU5LJjs450R+vxaG+WIR5iP7S+GNOfIEpsbVAuyKMQfsRCmtXlYFh8Hs8c/kA+3+lsDueXpwdwJAWbwjo+j3Uhq2VxxStE6Fehz4cHnAeTbMWpT1VMTSKywR3XRUUtL8YSuOxvVEG4SlYs2SsLTKFLRIFICqV0ISbje/KGNHNw2pQywLNWwbqFI7Kk1iUyEk+Ml0kC4gV1Ib4jA1gUtAXZ0J/OTVyQDCGBpclZy/0IDx3wPP0g7b+qzAxL1A7aKqdetYiHmV4RD6mExH8LCTkilLjaoFyQjSMQj/OgehSfx8ZBTf+kmjTDeR1QHHL6WlC4znv7NYNPZ7P6v6q/f0Wm4HHYhM9jHYRqWf/24GP4X6av6p8O8odQdDXvYU10B67HAT53TUfg1ChwTvkwqJIWd2NHaniYSv7GKdjf4aJZnQmEi9WzEJQqUlHLQNmpnXweotN6k+oV1ROQPUyQe6Cg8JMw1UAUKVSOSROooLGtjmBmfaI44hwEiZPgfWYJCbQjWcz/3O/iV2hbqVcrzfOQnKoISxTyg5YrHdBBKoCJhdTYcuu707YkcSkk5MBQ4mqDckG2jhAcXw2GxeexYdS9CXpN/4LuYKv5Cg7XOaSFTGuSd1hpbSGomnsPvYwitivcj8Z1f5Ber6RjHSs26fNYFz/Ru4Lfm9/AH/p75Q9xsVyvGyCMpzMYur7pgN6MpQfpHBw6HSg2MblL4yBV0vWRBLR6h8QywSgIDpOOuLGjXiTR7+HjMYXULXTJ5+Fi13UXDevohZpBB+yieoE6hGQfiRNEAlEFj7KUcDpfbTb2PF+bkNh4VsSycf50NBqWlKT3nXrKJv0gawgg7c1X1lhWRs4Enp3Luda14VWLlvHm3WlWuTFqOf/r1MZFCdkzSmxNLDltAAAgAElEQVQtUC7GXhAC5BeDk/pfi+LzWB/hyzaULH5IsNU8HW4Iy1nsIB+I36FgjHM4h/2RkDdv38PwdHgw16NgNWzT57Eu/v3hD8B/O/o23Mbe5uQPqWIlqn4fYDyfwgkMOHmpufOb9dL3US8TFbVIBfFsLKenxcjVrABEMz/yejjztD/Gaw5SWlZFxAJSZ3cwFbXQmtIdJCKlUpGaY6lU80LpyqBhzVIfqyAlD4hWR+T0OVJAc9P2lPrVSuV1nGFWI/lgNJVqHaeeooVsmlj3FA8CPnSuNffpFm2YZXe5OdqEqovAWFKxKjHJKR723ihKyI5QYmuDckEOAkH5+GB42iIfxefxeISAKxCQxwRcdd+V3gCGrge38+lBKFChwdsu8vZzCCrIeDKF6xfXO993wcOxS5/HuviLg6/D35l+1vKHUJpWKMQw9lMY+iZEUqlblFoVg3iHDTlB0UWdyIV8n7qIN+lbpFxUMaXKR6N6k8KVnB2elQbdyLAS8gFV6ULRbd1SANlAMZGVVAarEsFiao8YZ8iYOhKhMKk3LpELSSh0c0SnCAl0xOa52yerlixhAin4btMY8bHu3Q+y7K8lO92Cv7GcH2QVJWMpMeH70ewLu8mLTdFq1LrSrPDRKHG1QbkgB4sQEASj+YuBfqIc0n9KutXjcdEfbjTVpF9VcF2dwM10AhPcryIVAoX72RQuBrtXI16/eQtVrypNCg8Y+/J5rIsf653DT/lUtpdIBgXnIZAP6YcTmELlezCIWkhVV6+KndO5xG7zs0d+Cw7NXEqros7o5DFxqA3v5OFA+o+rYRFJQvZ/OAQmKCj8JRTiYXzkTL1GCE4Y0GuFBJOXo6Y3nI3VtCl0Ph2TanboUjlhSqdy4rGVdApIekE2GOfahASMSgIy4LZiiYkxtG+iKwBZzBoWbfXQGYUO9SjkbZeuc+LW4iXEpkUWOtLQcv4O+pRyJDW3PBGUNBMpa4WErIgSWwuUi3F0COrHhydnqtJVSLW6m0+LyfyRCD+iwVOzreArEMd34xHMsr8Su0NIyRqEfPnB7n423rx7D3ejMbz46MVez70gj0PweayLULb3Ez+C7+KYf9KsKhLSyXzPw/3Mw5mj+96xQb3xhyRFoekN0nRYB+EHQUrBEmMroZhQ2pQH2V09GcrJh0IpXM2ymBYW90NNB6lvCJGEXJqWi5W96Gm07B3CtEB839SEBekapbK/8niImFQmQHcmkUhX5koqkRwPC0mJfi8fzkt/g36ktihoWaJwdKxeNQzq1nk6drtIPTTEwpIkl1nG4xZVwBIKn/IJuY7xHelaGIm6HMuamkgxpLmLEmJQYmuDckGOFvKLJKQHXQ+H/OUQfmBv55PaCF3weITru+2nvy9OTg+CiNz6Sd1TodqBST2kYL1+865WQIof5HBwiD6PdfELw2/A3xh/kvwhUcdwsewupUJVfYS72RROXD+mQTVEhErg1sEX+cipSaF4mk2lfHuUyoWUfpWUgbnoQeJ4nFA7SGNBUao3msw9pk8COfcolQ72LnVkt71DgLuqi+BT9CpBSB3V41qVjuOZgAAboB1osqAD5aTi8DIiMq3UNRMU8xEvD+1biok8TrXxQ+7hdjrX0gOR++gat1TdaG9oCURrfS4tKkOoFpEOSXo6jeeZNC5nJuNGng7UWVXPUQkpcbVBuSBHjWVBwIvhsH5KTwipV+HHtHg+NoOz3sMM6I9BICJf3t8C7LFxYEjF+Or+Dj68uNzqfrz38L3Pvqjv0xcfFhVk3zgGn8c6CGV7f3H4TfiVyfdrf4ijkryQ1IjGC+LqaCkY1kOH9X5NJ5rrQE/+UTzRp+CcDOqUfkWPfaoYDfs4GqN6gk77NciHwmlaMZBLwXQ0qkcfBqVYIaRUMYi+FSePU6gM5Glp1nv1NDspG/LZO0eZiTjwOcsGhk50XjfqBf/bVklgacqVVktoAupn1P3Lpue25Ei+bycHiCNf9acT828UnXMLDziNW5IatoxwyD0vIh0twmiqaiV+myEemMpES8WD7hVebt4/SRJS4mqDckGOGus+bXx5cgrn/fQnfjubHFz512NGeCKc66eyTbwYnMLbWVOudm8Y9OD1u3fw8vJyK4pI6AcSCMjMz+H64+v9nuszxrH5PNbF16pT1T8kBUieK2a5SEmCT2SKc5jNEU4pPSsoHJFQUBUrHwlBStFKDQ4xplvFTbkCFAqSkIgHsrqAUfGoYqgo1RaUZXupT0gTFcYu79RssfGGePZxRDUFY+kiWb4LUrDpzHGnI9ZpWw6ojHC8BjQq9ktJaViLVRLeA2riAGqdfq+IiUnlggeW63VucdDfhXW2gcw2mOuLwh/JgrQqM1avc52ZXilFSgwwx5D8HdoPAh3Eo012nBrT3KJHno5VfpoEysU4amw6rUESkPCV8W46KcbzDeOiv3ujdL/fg94IwQ/3+wfvTgfw2Zuv4OPrFzDob+5nJFTC+m5UQK5eXkF/h/6TggbH7PNYF6F/yPf9Pfyz2U09A6VceaOO1ClUUIHvI9zMJ3AOgxjcRcN5JAogyQT9G1OckhLRrCSOzQoGVdWiWBIFAaDlmDwkou+hIgpEPCgNC0XfEk6awlTCtyELWqtwVApYPf1uzPG2zhKSNuJohkRIZAPELCkhFcMGvrYwLZv/TRd2k2qF5hjoekh4PfNKjQHXIyWL6U9u7bKeGwDdhCenZDjawpATZ9iWnFOmVDk7t3OtZSiIhyI1rdLTTvHdg/+GL7G1QbkgR4td5U9fDgaFgGwZweC/r6fDL87P4Iu7W+gP9/v1fXJ1Bq/evoOzwQBevrh61Fwh/Sr4P4IRPSgfQQEpBGR3eEo+j3Xx84OvwxfzKRvVyRciHRQumqrrtKcewJ2fQt/34MSJ9CwjJqDwjtByH4kOOpkSRUQDuXlho6xElYN8J0RWXGooCNKgDoI4CBO67PlB5X2pYpdUOjBRgrgPXfKXiIFzIv0qnpxT9ncTfUJ6uu5rlYkXcR8T5+iKJVJhU5G4TLFCUkxaZMJlurajCMAj7Le5TROz02Ju4CJgRwzg2m/1OeR3YFOubOpUa3pR6aqVYiXmaC2DBWQkbiOP2TlzloJ4iAm5MMNBfMuXuNqgXJCjxj5/xEPX8+vhSf26EJDtYVjt76szpEC5mQc4AK/26dUZTMZT+KPvfVoTkcvzswelaIXUq3c3d3UzwkBEggE9KCAlBWv7eKo+j8fgF04ao/p79Bx8VabiFSBw2d3w/7NeSM+aw0X9B9mEzLJhIZqgEmPE5qIaQF6Ryknios3tLo5BUaoXyP/hgFPGrEEd2deRUroqkd5VKzGc9gUiFQ1Fd/TYsV0oKk3XduB5HQf66Wl7pTQAVE+/rdnco3SdpEDZKiVg1RJMs1i/idymYlqV1ojTzZAaCUzHu+pPaYYI5RbblKdF0IF991ZZJcm111tyoZWVfHdz+aG01A453rXjIEtEyKXk/vj9uw9CJcQVr8OjUL7mBMrFOGoc4tPC8DTz62dnHFC8n41LBawt4cPh2V73f3N3D3c4Oyi1YHQ3grt3d3B+cgJnZydwOhzCyXCgSEkgHbPZvC67e3N7V1fACggVsM6vzksvkC3jufg8HoNbnMF/N/pObVTH2FHcR8t2XdUqqiNzXucbIuERTnwfBq5JY/NxPcaAve58HtOJ6nkgvSaykMZSp3SaJ66L86HwjNTHQMvrPSPM4wAUx0EKQ/OTEF8L3wWK4wARb8t9cGKV9Kyg2DZuI0v+olBKEgnwinAh6Ajdi/JYcl4UbI72DZYbeKNisJoll5n34pzUoZjzkNNYJSQnXqB5kyMhNq1KHVp0rsuCB3IXulhiJqfK7CjrJ+HDc7xLZ86JFRKqrGbUjkRijJLiZP8ZETdFP8hWSEiJrQ3KBTlaHFtawsenZ9wFPfT/CA0ICzaPkIp11T/Z+5X9o88+r1WDQ8NkNIHx/Rim4yn4eTcJptK7w7Mh9HrPx3+wDzxHn8dj8EfzW/j1yecNERFkwEcyMMdEDoigEKGAuYNLN+QAlIkGbSNJCJEUzBESMOQlrfPiX1JmgEr6yrGRuOgxKST3gkAApGMCQWpUmeFIKJgA0TIZwCMqgkH7lO8T8UnXaCkpyezLBvYozk2P0QPt8dkULlQLUc3VetlBQjCzQXqX02sWLGgdn0hvs9yjRWKiTtTaUVvBSGuMimFICJ0Bp3ehfg9C2XOS3BgFDNb1hJS42qBckKPGU8iBDj4QIiCT2AG9YDvou8MI5A71SXZNLERfj0BGJKp+VUjHDlB8Huvjx3oX8LP9l/C/zr6MxnTkFBUfmwI2aVrNk96KU4oc+B7COz+CUxzAMH5XkF8DyHhOT4+FXyGZy1PHdFmqlwiHnM+xItCMrGLalI8TcudyMqhjCg4xpllxyo7sDSK9IqBTupwjAuKiYkOXuXkh/S9ObEsjvLS0x/4kzkTwTsxIT95l9MvnLXaNkA9ymQyIBSktbBG611JFs3Zgr2GbMlpw8K7OXp4BcqpZq3GgmVOpDGYuh4kIKI7CL4yCEXfY8oYYokHEg+asxAfrDPFwvP/mPf16LSQh5WtLoFyMo8ZT/hEOwQb1AglfzLez6dJtCh5zvQ/jXgqf+3w+P/iAvqRY7Q7F57E5/OTgAxjhHP7x7G3MZ2+qQrnod6DStjVBEN6Kel0FcI9TGM/ncFUlr0gvzuO5U3ljSmeSgqLfiEthqBcVdD0TAwrqgfuEoCjJC44M8GR0b7wtDq0hHhoHixP+ED6f6A9xxrBugloiJYBUuQsSTXA6xK7XYaraRNunANnJ4XFJS1fgwJr6oeSICR2F/P1HY0JvzwxqbU5hyFnWFBfLtBNJnKHLIJLvUJ7jL7leH3L/bcKgr6wkLHZOq6y4ltSiDezNfWmqZbFyYsrzCtJJDTD75WtKoFyMo8Zzfdr3QnRDL40It49DCe4Ggz7MZr6oCs8cxeexPfzZ4Ufwib+HT/ykIR8xUqbGgADJFA6xapaPZKUmIz0Pb2pVpM99RZrqWjEstEQjKiCyXUcd4FMgZ8bIB/LI2yWVQjVSBBEgCwLTY0IUW4uI8ZJcpD25+ISbKQqTHNp/zPav/009SSBVtjKkwcXjlcpLXAHmRQJia42szkWkjgianMmmYVmSYhWAZb+oHULHQlhVgo6nRRToGNvcTJ2/LbcrR1vS4Wj+lppCKV7a6B9vP56JiIaDdM/we0k2IEdCmnd0Ps+zBmIhG0eLklagEZ6GUzneGfrSjPCZYTadFaXhmaL4PHaD/+j0h+FXRp9EIoKqYhYrI85xmhYpG1xBq0IY4QzGfgpX7lSnsIiSu0m50N3Qg2rSAyrtS+lZiWiAJBpCXvAitQtFgIsi3YpK/DqgHiTIhMBHpSSRkpj2RYqNyY8iUoGCUNDR0ZNyjGWGQZCSlHJF+08pO3xtvCjbS7OqHhikIqF6D3yEmmTwcr5mqNdjirxV+tiKSElUGip+MatzpEStF5tRZTY5VU7lYDWDrqcTpEL6QWyKFd+TpsGgIiVpm8qSDaI+Lg2T/UEcE9mnTEJKrHrUKGRjNQQVhHA/L2lYzw3oF/1sFTw1FJ/HfvCXB9+EXx5/Al/WoXsiIpTaQ36QJg0q+iliNFuRWlABfAX3MJj34LIaMnlBEfhS8Den/hxRVfEigOTqWRTKizLAsju6bVLoHfIvayJADUEg0HImPiJdCkUKFRkSkn8lKRpeEAqIaVO0Bx87nhApqcciiv4e9p5GFbh6E0DL0r4QO9YTpDBgU6WUE512kAW2/s5y6VmrgNSE1jziMKD1XlAZKWYYBQfNesfzx1mcnlMuU/vOpFUl0pLIpDpW51J6m3Ot/dN5E9GtIL0+fhJSvoOPGuVH9HEIP2BSBSnleAsKnh7I5xHIR6+kW+0MMz+H28kY3o7u6td/xp3CPxzcwqhKIVblUodzQKEuxH4cVDq3guTVmFRz+BLv4QwHcEYpWiCaFIpmhRgbGoIgEyDSpTwrCw1xIBAhIZIhg3GvlI96tuhpSfurWBNJc0n/RyXUjpTSpYN86isi06HY3E5jhWbgVHqZ6LEuyJn2cmA2NVaX300pWygOTzbtI4N3m1PEzxhQMYYc97AkB83KxHHSJDqQ1/PR0Vklg/clhBCnztISjkSwWtlaomSv1EHsOJnmRdeutU6QLGVEF4qHE5+9c4mwHAcJKbHq0aIQje2BCEjAuFTD2hkC2ev39h8M3t+PwJ2UruJPEeTzCOlWw5JutTOEAP12MoL34xGMZhO121N08G9OLxoiEvs3NMqHYz9HJYgINyuMkW6dwsUmdIQ7N4VRSNGCk9rLwx3UY6RGJMLH7tLKA9IiJI1HJaSDedMZm1USTAGgTQWrnPSUUN+R+No1hnoEKgvs2KwOvBfHx1SJ9CtKUUM0xxOjcEVKQCsqMk2NxngR3rvoY5GQVchk8J+2FzB1eVmZad1si2MYq2jkkLMRtsgMExMtl7TN6iLwt+oIkQq+ZvYcnVFAEptRCoutjCXTtTrUEjtWkieqkpVIFfKxHM4vWIlVjxqFbOwe5/3GCxC+0IsXZHfwB9KBfjSZwtXl6QEcScGmQD6PQEDKd+ruEBSPu+kY3o/vF+5TExHgcLl5JNH4N6qYtlKJzuo+RpMukgXucO5Ck7YRDHyvrqJVf+qiGhEpFbWaQekwsoQvKSJEXDBPMlCU4qXxVEGL1BGMG0ryhLFTPCkGMiXM2fWOyu8mv4t8hI6SlIBTx6eiaqEmEPFJSkj6m/BcpQr5PT9xN3lYjhUcASfGSaXFLLN/hVpnyekizlCrvHpiyYUcI9Osuuug6BVZsqKWi/dC2UBDHGiQJBqOE+O0kkRqSlJG0vVX5XmZ62hje7VzJaR8px41yo/i4SCkZQxiJ+pQBvIYj78fvoQy6SVz9HV6mcfcV/f+MT0AEhI6j3vv654bBccN8nkEAlLK6u4Ok/msJh3hv4d81xAR+QeDWxjHp/lEKlLaFdY9RCqVjhX/dbKyVrNsWs3htQ8pWn246EW/COfNO9EwsYn+Kdee/CFOpIWR8gGgS+tSQI+QTOjco0MoIZUYD5jSvGh8nX6lCA6t50wsJj6yPwiY8rzoEpHh1C2V2iSSjMx5AJce5hFMMDi1K3pNeBm6lvVDfpM7cY3kMvmCeRWTG6M1tPpwyPNPwDRcL3PqXavvCYLeMPEJ3XiwK42Llyk1JC3rVjT0MTtRaKDdC8SJ5VZ9cUzYt2dML9+hR41CNI4DZ/2UojHF4yAhIdg67fVXfsobAoOg8Iz97KAISTiWkCPe32OazM3dPVS90vTvWFF8HvuB9Xmsi0BE/q3pOfyDwV1NRJxQPtigHjqrR98IB/RkZKcqWk56NEKK1gxu6xStIZy5QQzaKL0ppkGhThvKpWk1xnIqnyt6i9hUpUgyZPDvTaoXyHQmjIZ12bCQiBAmTwnPZY6LyYdIy6LfAkqt4i7sokysDICpGEciUzb1SmorovSviuLbygjvQ0gFCHobWKRgoHlPxyU+K5rakqEWmRGkxJlxNhVLrYNEhBqRSPt/nJxDpmEZ1UQpIkI1kSpGOidJQPRcmrBIU3vy86xPQkqserQoROP4Qd3RwxfpoRvSQ5B10R88uIdB+JI66/Xr/wIZOaQeKOM9k5Cv3t7AydnJ3vZf8HAUn8d+sMjn8RicYsVEZBQjsEqkRZFB3Yswr3KNCdyRWhJJSiIoTYrWe5zAjZ/ABQzhvGrSbp2jErlNyOpj80MvAl1qZsgKgyypK1SSHisfMWBHXYVJBf8yuJZlfCHNR2oGnScpLqxOCLXDEiYQ+yVZB0V6VSotnMgJHU/KuhJd1mUTQxFYy/MFkV6klQuNLgWDkPOQLJtDHhOPQdsA0SZ0GSVEBPoIIIhCOifnFO3Ikg5FcjJG9UQgkIkHkxDaZ5y84g1dO/3KyXS6oFBVPNdiElJi1aNGIRtPF4MYxMwPNGWJcN4b1OrHY1GnqwwquJ1PYXIA/peJ93CG+eos28a7m9s6Hevi/HLn+y54OIrPYz9Y1efxGHxteAH/Sf8F/OrsFdzAnJULMqtXsat6ExDHVC0iE/UyCs6FD4OWO4B3MIab+QQuXUNGuNIUNt4RFOVt55SmxT1CYqUtcX4Y19Xqi+hVAuzBSG+IQPWcNq2DIBlSXUmlg+Pcal5gTwuIdC0UCoBUY5grMCmRNEMSFIzvRdqSywX1SaWS14LTrCQhkuoPtueQ0B6T9Nnpxc68zxCTzNeC7deo+4joNC37M9T+XUopUYk8aKJjzehpWfjcEmkQK5l4yFK8gIl4yFQsqqRF6ggt65fvxONG+VF7fghfML34R3yoKki4L18MhhtNNQlfWJf9IdzPpnDv91sNLPwk3k4ncDXcvRrx+s27ukFhf1AqYx0qwt/oSdWvyXPxeewO6/o8HoLT/hCuTk7hYnjKn+1fHZ7AX7/7pEVEON1JeENIUaDyunPhGcHYdR1FmlZI3XoLY3g/G8NldcLKCKVpkWpADQ057UiawU06lhOpWk6QDPZ7qIpUQB1LUkd1kMpKUj1k+hYrFZGEOUFaHGhiI48RIHlTQBAjJ4hDJcgOoA3QNeEgoiJN7VZlUB3lxRw2vOqZBbnUK7VRriu6JS+5iUzHcrWdUUxy3y4yNSvdDs6QFcdEzdEOOtKs0JAUqXJIEsINC+NA+d3HfULiMqosV37FjgCFaBRIkCEdoon70LANAiJxFqqCTQHucb9EZAq+rlB1Otxdx/LXX72rVZDrD653ts+C1RHu/dOYQliwG2zK57EIIfXy+vQcLoYn2TTMC9eHv3r+ww0RwYaIOG5gGE3qIEgBkkkdYvf11O8DKWWLKm1FgjKvmx2OajJy5RIZoefZkhi4TD8QToUSKWPoLGFIndflXJR25ZWfQ/ouUBjYG3hIaWBOjRdVtIS/IXXFSB4WEE0S5dzo0jmDmRtI5RGTWyXH/mo6leiLKXXIshVx/UDtM6OEYMfmrh3TLUrZUmPFhJJc0PJFyyqxYS4lq6WMEHGkBoPK+6G9KYngCOUDzPKUraXUkPJNeUAoZKNgFcjg/lA8EoRtExDC2WAAfuxh7PZLwu5wBkPfg6ravrn4fjSG12/ewtnlWa2EFBwWwj1/2R8Uo/kOsC2fh0R4Ynt1clb/N1yBVFoi0pjVUzlaoOA7EhIfiQg94qdqWo2fpAkHKbB3mBoIhrSrL2EEX83GcOEGcN07SeZ3SOTCidBaZjcRXOzsLlORvEjLQl6XjsWJtCg2sMd5uMM6xnSouA5lp3NJdkCngSEmwlRhogLN/AkyNYtTvjjup3WoeltY70Y6Fro+7ejLGwaRJQrmfU71aC0wagQiqMA9O8y+c2K5JCbqbfJmMFmJb5hOECGhZaYiFv9vbrlrV8ZSqojav0zR0iTEfefm3QcQSlUX7ASFaBQ8Fi+GQ7gaDOtZvpxsL995HWzKA7Iqvrq/A9/b798UTj28PDvbKhEZT6bwne9/XlfEuv74GpxNeC7YKwLxCOS7fL9vF7vweQTScT44qVWPdXCLs5qIvMc5d/6u+3DE6lke0uvwf3OkJoBiHabXjTdDz9EE7r4JvhHgyg3hohrWabqKVIg5eFtOqfKRMNB8MQWJKmzFyJ7We5HaJLdBMSfQ8UpvixhP69NrPYdc1nRdT4/ZiOCAPA7QBIQWWu+G8nwgqrUtg7xZz4vpX6/f6/VpqbPz2o3IYE+KghyUGSe3TylSKQfOgU5L06RLpkXJqV1KxYKUjsWERJRJ5rHK25FmbykenO4VCQsKEiJJTSEhm0f5ISrYJg6VhIQ0sav+bj0SoVdGuAa7UCIWYT6ewkcXl1s5DiIg4acxEJDiBTksFAKyG3z7zec79Xk8Fv/j3XfgO75RaTwH8tgQjPi+pin0OgbddiyX3Y1j5xzIU7Cfgvpz7MNV7wQGjooEJ7M4Ew0iEOgVQVCv5TaCWIAkNR3bgC23i2mftEwRpcQiVFoVGhICrLLkCIieW1ECTMcp55HwchK5TzN/57IMCbFcgvabz+6SJAFbxycD/zhITSA9IGmZJSUuS0xSRWLToNA1KYXYUkFAEQydZpV0EVUhi9c1R0N/Y4fVMf3IUH5wCgo0QpOtXSME/f0pgt9ztdreyQA+f/8Ork/O4Ox0cwfz5t17ePX6q1r5KATk8EDph+X3YPsIBGGTCsgyn8dj8Z+e/wgTESp0KvPyKR2LUo2ofG9F3cBjcDeP6VoV+z5SqhRwCeAmcL5xU3g/n8IZ9Gpl5KIaxEA0pVAlI7oT3gvhEYn5PHadM/4RJgEupS5xKpQgAN40LdREI2cqB5FwlfqQ8PbGqpFSrZqlmlCI9aq0r47ylQoh53BpKSxalku9sqoEysIACZqEoEoN080HzXcMz5VIgpzfgd6RGifSpUBcn7RfpzrkS1N65aTfRJb/TSWZnSAetEM2pIvl9bjP5vc/c+57/0hdkfgilKGUH9ZkPj/4kqCbRvlxKTg0HKISEsqQhspV+0BQQwIBGB5A34zJaAK9OcJH1y8epYoE9ePV6zdwNxrXxKOkYB0mwj1fen7sBiEV67Obrx61r4f6PDaBv3//GfyT2Y1KO+JULE6zwqR8sAoC3CldKSRGMaE55+Y9kZwX7gSuek2qllQopCKBXEY4NTdk1UMcL0B6T0/6vVAmQKSN0X7kWFBpXvG9WKnVlbRdUjR0epacF+PJUCqWJAlSKWkvo+3VVq1jssty4zJUpDVOL7LOj6RqJdXDsh5JJEyMKtiOVE2Ub0Nuw2lS7XQtJ0pH03KXIyCZKliyWzob29kTklSQ8LrfA/cvhUZirascnjx0X06YxsS4IA3O/RxmtUzoj5KoFKJRUPA47DMQq9UQfxh/w8PTIcznc/jO51/A+WAIH1xfwqC/erATOqHf3N7XvUAC6Ti/OofzF+dbPeaC9RDSDwsB2R2CYlHVgfTD44vH+pcaCaMAACAASURBVDweg79w9g04Gffg/5i85agvlOFtSvTGJ+9UHYtUClGCtzatAykkqZ8IyCpPUW1IqVvAZvWvcARvpiM4gR687J3CadVnvUIqH47SnRy0SvFS0KvWi6foOpBPKgCCHitLAoNQNNpKSIqyueu6+JcJCJfWTWVt7XyagLQ7k3eqHpk5Fr+X+sxCOpLGxEGSBJhpslWrULywCgf7Ovj62nQqQUCMSqT8GvU1rVrLaTjNWxkCw6V4lfcjKoFCnqnicfa5MtqKl41GUPfjMAGYJ34NK/c1UQmEJBCT0Xy/5TQL0Sgo2A6aTtD7DcauLs7hzeiuJgH7Rq/Xg6sPr2A6nsInn39RP6m5PD+Dk5NBlpCMJhMYj6c1AQmqTiAfoQLW6eVpPVfBYeKsVyqU7RqBTIRSvKtgGz6PdfGzJx/DD1dn8GujT2EWiYhD6pbeRFVcHcsh9FCkSsUx1OjPQwoguYQvVzeip+ApHMeY9D/CGXxvfgPVHOoSv5e9IQxDE7qYRtUjYiL9I/F8uREhEwinVAmQBIXex/k86Som3auVmgWp0zyItKueGGOrbLHi4uQ+02uZAqWUESMeLCIehhPouTreZzfq2Icz96ZK4YrvpRqhxsheHtRbhaptiYDfqcPRSoTgJCotS5Ifla5llJVWqpYlM/F/aVkS9CMJWZDRlr1gq6A2m7gK+nQ79Zsva1JLxrNZTVDG883X9C5ko+ApouuuXvfJ4CYx2LMpPOBkOIDxm/FBkBBCKKN7fXJdKyOT+wncvr+B2XQGft4uKxxSrganAzg5OzmocyjII5jR+6UU786xjIRs2+exKkLTRJvu9a3BBfwH8E34jfHncIO+LpELkYigKMELsVSuLePLHb5F2VxqMNgEn9ErInpoINJySI0NPcJXOIY3vlFHgnfkpSgo4rgcr0j7iT1CpPpA87tIciSpSP9xG8OO9Slgl3E7xiPxIjxVBEeQD6uigIhV0cStuV/KVIpXKCU5ZWTBsta8dtkiUuLSWaPwVQCnRKU51WdizTRMDlBMm0/DyvUg4TEuzUJpVKpqVhxdmTkUATEqCDcvlIwHWAnJFhJrYRNhTj90R3Q9OBn2OP9uGpQSP4fxfLYyKSlEo+CpYpU7OyiLEB/C9g6AhBxKXwTbzfZQENSMoGyE/wqeBk5KGtZeEAL7QC5kU8J9+DxyoG7twbsSju9bL7/eUmD+xOACfqn3I/A37j6BL0MvEaF2eGoGKAgJPbGv2A/hkoGdjewxXUukckEMaYl4pFg+pnPFvhxjCFkq9/DlfASnrgeX1RCue0OgJBx0yZROoalVSIBStzIqCRvW0UVDfZzXkBKQqVriesl98raxxFRO9ZA/AWj+ldvS+lp5MT8b2DHPIixVRpTC4Vr7sbaPls+jyyPi5PL0wt53juewyodMsbId0aG1TqoaRHpUFSw7Nhrc4/+wjyS8u5/N4Pt3t0EJWd5yedMhToqZHAycg0Gvgov45TH28zrIup/P9x5cFRRsA48NleXfRSAA01b/193iEJQQiE9Bg+pQUpgKto3+gdzzzxFB6Xh9975WOy6HZ3vxeRCoW3sgHxOTch6WhWO1uKz68F9cfgt+9fa78PvzEQdm6alzSl0CNoW7ukpWrSnETuhz8n2IXJawzRyBVZY6D59VkGaZfbJOEXxovHo7n8Hns1s4dQN4UQ3hRX/IefzSU+EMabDKg0wpQmynS1H9LKrSpYiFKQurlA5DcvjwOQzW7gKrlCgjOCITEDWX2ekygqGvSnsMk47WnaCDAe4g70yM0GYEvFgTkObApQKixomyuF0KiBzPqViZtCpwSdWg/VViHkmY5OG/nUzgOzc38MX4Ht5Pp/WyqIR0Y3sERC3lV+EJU/jvahD+wLEmJffzGcz8fgOtgoKHYJvP5Kfib6Ha6p6OC4NBH2YzX0hIwdZRUrH2B1I99uXzoG7toWliICBd6CIhhL9y8UPwj0ZfwD+evmUFIbzoxRKxZEIHaRKP6kZY3xMEhbqW0/YYU7rIY4EiwCZFpU71ijlOc3pYHQO0O5zC7XwCn84cnLk+XFXDuhJcTyb8ZErzyjQtPiVJPkT6EvtPmFgAUwhNbJq5vfSHZAhGWp9YhFRZALQXxKowCq49pgsrqR65bV37rSWIaIZakzqpEbwM0zKQKVnsGRJkwpFAYUhN7A+SWw6oSUzq/yHOQ6RzhVglqB1f3t/Dp6P7Oo5HOScb0x9wcR+DZQTEol856Fd9uOj3az/JKBrcCyEpOATsM/wPauGw12tUiM1bq44WwQwevBgFBdtCSQfeL/ZFPqhbeyAgq2RpTOpYZb7Qm/Kzpx/DD/XO4NdHn8F9SEpxpF4kE3rF1YMaAzp5QCig9jFdyxHxgCasqmkyB/xN+hXN6eQ66kFC/UcgVkaK9/ktTuFmPgWc3cC5G9QpW1f9AQxdTygJSQ8gZYK7s/MYo2AYIiH9HDbNCjlg1vODHKfgFKEBqRhxZC+Ij1QPRNNFtQOjmoA5Hjs8t+1StLOw6gIGWvbgw4/jBAkxBnaZMgViDfs5rPlcKB/SoN6aTx2D3ucX9/fwxXgEn9/fwdvpJB1vplEjaGN6xwXcBDpdJ6vtCWPueyAj4b/QvyT8gd/P5q32/AUFm8YhhhzhCUMgISEd6xDM6QUFzwX9J9Cvpf79nE44UL4XwQIhfK+c9Ad1EB28FmeD4V49F/uA9Xk8FMFE/9H51cKtgk/kP+/9KPzybfCJzJIZmYJeQRyqGIzPydQe50DR/BDYC0J9NhxX1KqILCAmTcNF6zh1Ro+fPQXoLvacCPtoUram8Nks2BJ7dbnf4CG5Cj2iUDy9dym01epGUj9spSyZUGUrb3kV8NP4pL7UpEsa8uVcVgVxNiY1hIUHdaVetZc9NGrunkfuHVixyKFVmlcSCcilbYn/zfUH6Uij4uWJ6bRSrL4Y3cNno3v4MjQTRTD71bCpYP1FF2IT6I6NVicgFsNQn90N4aIPtan9bjar/y0oWBfHFlaEIg4Xg+aJ/8BVMMZy/+eqThUUFDR4aEAdglpLTgIhCR6MkGa0z+pT28Qin8dDEeZZRkIg+kT+y6tvwd+++z7839PbGMA5ZVCvuBmh6Jwen5KTwZr+RZHCRT1EfIz4ayN7LAdM23pI6TeSkCAk44j3LqV2udArbg4TP4O38xHgBOAUenDVO6nTti6qfkN4RLd2q3DQueg0LvKDkKEeGxWEfCMRtgoW5JSW+n+TwUI9qOP+IkZ1MeiKUvU2qAL8fOqVUUpEoE4zaWKix9vlrXhF+XsMieB/HY+Tr0GoH86cgyoBHJe9Ho9q0hE8HeG1zEySx6VS0uh8M1XD+qIXzM7Tr1qSlfmsFm1O60J/guGwV/cjGdXqyL5tugWHiqeURBHu9frJVyjsUPVq79S+EFSZfm//OfLjyQSqs5KKVbBdHFsz3tFsAm/ub7Nqx0MRAvTwdD/8F5SRl2cXdT+OY8eqPo91rle47uFarYJ/7/wH4Mcn7+A3Rq/qyqFOGMJ9rU544QdJQbATDQyJJHhFKGT6FY1rSIaLjRIl8fAi6iQiVJOcqIygapTYUIYRzmE0u4PPZ00J5XPXh4tqUPfTCelbKR0nlQCmCWSXc0tU0utIZhA5TkwER1feApkGxrGlpgipNG/ah8RSUpLzMqBYmXnZCfH5OTGVIhBipRPxMvII5HQpuy2rH3o2pZiA2qbB3WwK7yaTmmy8m0zhy8kozS2OV6ao6Ypb7csjF4XPpN8lO7W2fMgFXZOAgPoDaZ+AJSASlK513u/X3pG7+QzmxTvyLPGUyMYihPs83O+BiO8zJWu+vMDeTjCaTOHq8vQgjqXg8Qg/ZsHzFFIObQW2QATC/T7DuSrUsAscS+pjeIofqkhtgnzkEOalAPtrFy+OUhl5qM9jHTw0jetPDl/Aj/XP4X+4+QS+whk/1abGhCD6iNDTfFIyetxYUCQskYFcEBR+HSfgHiIxspYKDI2TvUkg+lZYveBAN5IJBLj1M7j1wUsC4McAZ9CDy94Azqo+nPUHdUlgCuSp27stVWuVElrWapSo6mIZv4iI6lEFyDInS/YHMQlWInLOExXXGmfH5JQL+7br7pMmcDVXizy0VRInzOR2vTPHFr5H30bC8X46gXfTMdyFdgDYJiddp2IbL9oxrfVBCSG/UhYZmrfo75R2sC4BsYuk/LawyoBY4+pOtr36v5CyclPIyJPEcyEaizCazWoSAlERHD0ydWBd7DoIzGE8mdbdxkPTv4LjRqiOGNS9RV34Ux5x/RNWf9eP/GxnBCEQ70Ppj5NDUD7e3N/sZF+BiHzy9jW8PLtcWA3qUPBYn8cqCN6Zpmniet3aQ3rWf/XiW/D37j6DfzJ936TJxH4b1BWd1Ag2h0cyUhF5oJ4YKNQOSuEyJMMZkkFBP6VwOaWsIPtMmORQZSrRM4TrIEVSE5SS0BuiJhDjkEYcPCU9OHX9unv7ZX/AvZ6koCCVHADykgjSkamUJZv25dKtvOorZUhH5hhawPyWXeqJTVNyZgmC7VcSCUPiVZpoGAWHK13ZlbmH+bXCMasVjnfTCbyfTOHdbFw/uLe1ch9GOhKp6yIdWqFpDi5rTOfR6u3yL3fM/gC47g9pAQGxK9HcYnZd7mIF4+6HvV4dJIWbf58pKwUPRyEaixFIR3giHFTAkz2SkPD3N53PYbDH0rjv3t/WBMQ9AdPwc0RQOoZVv/b7PbT6VBh/2uvX/4Vy7uHvYJXfq8dgVv/dHd4HFYLG77378tFehnX2G1SXkPr1tYvrvVWw6sImfR5dCErQ1clpXT54U6rQv3P+DfgXppfwP9+HLutN/FLFwJJ9EVQZC9opV56UAOqmblQUUkzQRUN6NK2jMMfTOCeUFYzMBeMgaqZIqk3oyk7l4z31LHFN1S0f55mhh5v5HN7BBD6f3vF5BKUkKCah+lb4XXsxONEhe+I2zXurSFBvFEMm5HdCBSkixo4gOK962GUd8ge0Qt8lEY1rvZPZQCodC7vHWQSyEb4Tg7oRYuCgbLyZjLICQ65ZhyUcOXUoR0oU2RDERPZ/IYUlX6J3DQLSjdUIyGIu2X2AJKFZEihnCcbdwWAAM+zDbTGxHxRKyPg4BDUkGNTDU9nw375SoyY4r6ul7Atvb27h9KKkYh0TQqB6WqV0wk3grNcQmZvZdKt/C1M/P7iu6SG4DgRkmRoUntKHJ/RngwEMewO+9oFAjGez+t91fRFhu+n8S/jm1Qd7T8/als9DIly7cC2D6rGtymE/PriA/6z3I/Abd5/CP5+N+Cl/RYqGCA5d9IoQ0XCmspSMl4iQOEjlU+fCXxLIQ4Wi2lSMHH1MnanEvqkEML1OvSJEda04vuIgtZkrPTVviFBdgWs6q9lG/Rd8j/VvS1BHz6oe9KCCF4Nh3avnojdgTwoDXUsZ4T4s9F78r9rakdLTxlJSskrOlVQ3xIpFf7GthzJGBQkxQPBCB1UjPHB/HRW+97Np9kBzqV/tQ+/+Plakg/wnYlKrdMh9OpkURvfezWzyV86q/v+kzkpgU0+UsPUisy7DTBaxPMxsQot4GzGIhoYSv7clTWunKGRjOwhPkL921qRAhCfAd/Pp3o7lun8CvT10kn53cwufvvoSXn7zZWlUeOAIP1onveYJ5zbTmcLvVvhR3iYR+WCwXqrNNrAKAQlB8scXVysZyUMQ8+r23dp+knBdfvDFh3sp6bsLn8e+urX/7vgt/L3RFzCK58W9OOqAnv5F9oX4GMF5qqxFyxDU8uZfTPMQAWCCATy/nAfUvpvR9b49cPSYPCrJT8XvaR98HHE7VbWqecPbxv/x8V1QXIL5PaRXnVfN/fYi3uNBHc09LLCxoyYsNgsnt/Fy9cSBtibomLR7O7nwri621Ch3r4OCEZpgTqdNwYOwLng2zAG1yFKmP4fslcKfnBmHLcK05LsOMesJcXxcKZWMlBBskZAtEJBF6ode1L4jcntXSsfSDzOlaeXmCmTkZjop1bQ2hEI09oNAQgIZCV/SX01HezuOoDheDXb7oxx8IH/wne/D4HQAVy+Xl8Is2A9W8XlsGtsmIue9QR3k7BurEJCQIhTM4w9FqIIV0qzWQVBCfvj6o50QtWPweWwKN34Gv3H7Kfzz+YgDf/KD0L9MLphApN4bmpBQupWHOREAuY7/lQQkzQdiH8Ad3LWaQKQG7Toy1INMH4vvfSIZqd9JiuO815FjMs7TuMRiaN15lTwnNWkRn2FQVPqOrf68n5eDbnVdjezohRdIApEIOe/7qFrQ0ppYxHS7JqV0nn1wb5d1H4NVfVoH3l5gCAd9RtlbnVQPbnaYuwDSxWLWiFq97nY2/Q9PXe9X7R5WoR+LDOgqfwxyJ/5wAqLXtE9tCX/tnG1U3yiltO8qKETj8BDSsa7jE7mb2WSv6YahAsrZcHclO7/32Rdwc3dfVJADxGN8HptC+CX7ajLeikckKDnXOybdFiEYDKbwRYH3ugSEEIL7oIqsgxC4B0Vkm0F7OPc//uqLrcy9DZ/HphBUkd+8/wLGQg0h4lGTBNF8kEkIttWT5r0mLUkJsdskQkEkJfUkSSQl7SspC0j74RgPubu7JCeakNDxCHIBoJQSIIVFxI6eWBGTkrgfsW85HkErIKzCGPVFHp8cbNsr2uPLKi+CUeQIB/OsXEyMVC1LT5rjF2iN8TwoPaLHJWRDj88Z7eUxmS1Qd2YHsQxix/TWXh9LQMB8oO3DfiwBsa8t4SGK1TELSsNPU03rpKpq6Ws0L34RKGTjqDCazeE6xv3hafM+Scg9zqE3ncJwsP1+HSENKxCQ86vzQkAOBNvweTwGgfxc9Ac1Od805vXT4/1WyXp1+3YhAaHyuY9BCMBDQ7J1qm0FhSJst0rDvnURyEFIMRtt6DPehc9jE/hTJ9fwrcEF/N1b4xUhQ7ZrPBfcJR3IpK67lZNv3IuO5+QVISJRAVWgQlHGt9neM8Ggil2xvwlFoHWjxOYIrIdE+UOcqWmFKXD10feBcd+eYxSyhjsV4TbG87Q9ESMy9MuHIpSGRFGkF/GPM34RF70yaWPykYg5M+GnVGpWAbaqZbXjYksuElznGPuV3J0pJAiH9VnLtC3upk49Smhr15qq6uj+3tdzr3CROmSn5coDLh7VOa84NpaAumZ1TEAk01Tj4wqqS8xkJHzx9AZwUvW3bmo8FBSi8TQQ7tXgBzmNptw7VTN9x3AAb6djeOkq6Pe3RwzIBzI4GcD5i8MvC/qUsSufx7oY1qlg1VZKSYeKi+d7atQZUqWWGa4fS0AIoSlhUETWSXUKxxlIwjb9E0GteCwJ2ZfP4zEIpXz/46sfhj+Y3sLfvv0MbmLcQl3THZELRwpBWqarZDWkhWgI9e2IRa1ESlYD2T+EO7SLMr4AUnWAupIcMhmJ83BwG5shCl8JNVFU4bQwyVfcy0OEu8pQnozPPqblu3hOfHyctSO2sXFR5ml7JY/KiWug987vSNHIq8EoL0R+9ZrLWt3J7XplF8/E1QiaWCw0q4un+mxAz/hDxFx0bFwda7USvJ1rMq8yZpgFmy9SP1pSluAcenISEI3qYnUs8S/SX1lc3HcOrgeD+sfldrafkqebRCEazwNBDQkkJPzhByKyz3LUvX4Pvry/heuTMzgZbl4RIQISSvK++HAzQVbBw7EPn8e6CDngU7/5CkmTmoTsvkt/SDdZpkxsOoUoEJF107KCrySoMttSx4Jysc6xHYrP47EIFbT+mw9+HH7z9jP4p5P3MIuBnuyaTj1FfAyaUxoR1CpET4zDqKRQP5DK9OKgmMwLAoJA/UbS9qzAYKMvVHG5i4oGtTkklYZ0DU71ivuj3idOKi1EaDBV6nJSyYjbszIEIoUJU7lYRjyeSr431Z3E2Tfw6X1XLzutaNiivmmbxz44REOQ7HTO6SwgOcyZWFErS2YewTToE24vi2/poqvt031CfUI2T0AyaVWZY1kp/coSELUpM0x7DDmW0rUn0wknjgk/sP1hBXfTGUyPQBUpZON5IyghHpsf+ZNef+89cfong7ph2um4Dx9cXW5kzmBCf/3mHbx5974mINcfX5e+IDvGIfg81kF/SyWsAxkIRGTXRCwE9csqP226cWAgNavsN4egoARFJBCZbSB874XjC2rNMhyyz+Ox+HcvvgE/c/YR/NrN9+CP5+OkANDDdkzBKOTK9lrlgx5RUxoVP7Jueou42AiRq22B6BUSPhcPXJqXyQmIyFcoKE6kdFH6F4ht6L6rRFlYVjMiKeGTBFCkhB5No4j1iFhUTEqaeeQ3hBP7TRGiKIlsiZmEKo3Vkn94qxStdn+fYjbGy9CZBV/JdhWTJjO5E58RjxHhsVSoZMUrO6+0PKSVrikHTdetISHLv1G20QGdDnZtAmLHdcwBsVW/c3ar9MK5/DyhksLVAakiJdwq6EL4ogx+ptBBPQRc4Ud5V92juzA8O4HJdAbf/fwL+PiD60epIkH9CARkOpvByfkJXF5fFgKyIxyaz2NdhAdLd/PNP1Ca7piE1D0AlgTb4XPahp8hqBnr9tx4O7qtidG27qHzwUnndTkWn8cmEFK0funFj8Lvjt7Cb91/ATcxrK5imi4RCDQ9QIhkcLwmA+z4Ym46tDvqqxFVl54gDNy5Pc6RSvw2yyvWQRIJckIRQcpUiegJ0oRASoc8B0NSANJJieaLKYAWfpLYjFGmk0EkVXy/ogzG27+tzizmxn3imXjXL7LUUHKEw26XH9Od/mRXdRESObcmG2krTTgSQ8mJDE4oSbwnnXyUM6abeTZEQHIrddjv9PKOT0vvj6WQ/FjJNmmovBFQjMt96nFZrYoMqpqIzLasipSwqmBdhKZFgYRAzIPfVwd1iaBY9F704PO3b8HNPHxwfQWX52crbRuUj9CE8Ku3NzX5qHoVvPjoBQxPd1d967ni0H0e6yCczzb66IRS7+c6O32rCIrCMpz0t5MiFpob3sJ6JCQEpoEkbFqhIQQvh334EpYFchJUj+eGP3V6Xf/327ev4H+fvK27/FMufiAEvZiaJVUSBPNeqBUoTO+eekKYVCwvAthU/jcqDoZEqApSInXLI1MDPh6iC6oSl0q/IlIl0ruaR/mKlCA9DK9N5jqaZgVGRJmVVFjSUKXSyEA9KS90DTU10OvFxCobp716ITJVqbo215QAmRToMaJ8bkvNSIQjnbtQo9Q2aWOb6oWC7PUXnepWCAjqJekCJBa4XP0QkptY2TagZ+ZpTxTnEGwO07w0Z6gpHVSRujvlI1NdCtEo2AYC6Zgj1vdqeHJ9CCQkICgWF9cXMJ/P4c3NLXz/1eu6jO/ZWVOD/fy0MYKG5qHjyRT83MPdaFS/hkhkLl9ewul56Yi+bRyTz+OhaPxSm68eF35BAhHZVQf1VVKODhWBQG2LhEBMGQsNFsO/4b9jVu42hT9/8TX4qbOX8Fu3n8PvTG/r+KMSxmCdchXDeFkxy5ja2fAu/Cb1eod19giKuIwUCl8H880+gEr+ikpZlahkRRKGZyKSVBuI8zHRiH4QinSJ+BAdUelnpK44Y1ygbWJZYhmEe0iZMvS/RJGQmFcc70g5EZ+b9Z1YpQUysW0udFUPzjsIhzMLWt4PMUj6V/J/IZp2ILTnc5xh5Pi9Hdd8nobCRIWEluaVkBUqYC0iIJ3qR2ZeRQpc/hNYSEC65sqoLO0LjuZY26wXuY5dMySYf0Ne9M0KfUXK11/BzhBvtkA8QknS8COzjRz4xyCU0Q1kJPw3GU3gfjKF6WRaqx2zaSJMoeIVEZfh2bCU390yjtXnsQ62VcI6pGTtgoQEArLvNMvHIKSShbK920qJ2mYp4GNGSNH6y1c/CH92OoLfvP0cvu0bv0gF5J1w3Buk/sVwqAJVFEE2kQeg9CrqAcGlfxsCQSZ0WfmKlA0mL84qLkkR6ZltQHVY14oIHWdFc8QNvJiX/QtC/alQGMVVieDm354gQbTSiViSI0hWUmyEqf+txHUjJOJlthEP7NtpVdhKoVqGnNhCapBcTNdG6iUVES2xjvUqQzrkMjV7LHHsnCYmfWcas69jQF8yit92Xygjj4gDb/OKPAHhha69lj9wlIYizM/NdwTqleITDMHdi8EJ3M6mW0/PKihQWBIj3s2mNQmBLebAbwIhpaqkVe0PT8Xn8VDUfxNbKGEdiE2dB7/lazmabT6dbNcIRKqQhf3gG4NT+KUPfhT+YHIDf/f2FXyJzcMfTmRyLqY2CaUD2v6QpEo4bnooCQOlHVFY5RekYsl1MnwjdSWneqD1hyhiIklGqsZFcwARi+jbwCiXcGzID5/pfVJ3kj2E4lDH+6Y0LRVDG1M7/Ro7Z+LbDOFo9eeAFIp2fcvktumq2gXis5Lnafdv55Gpa/x5ufY4LTi5dmpXrlnhLtKvcluhGdA2iutPtuswUZxErsGK3NJLuQrtEEzbE9FVV7u59S77fRjPPdz74y/lW3BAeEQcE3ohhP/C0+1t5cAXHCeeos9jHWyrhHUgIqdbNj3fTkYrjZtuqenuZAPfJyFdqmC/+PHhJfzXw0v4ndFb+O371/Bl+HuIMU6dGlVXMUIO9qmvSE9Vs9IqgSQF5DlhlUOkR1lS46iXhigfTJEWPQ5Gq7pAMsRzh3VJNmS0JuI71UDRxM/UULEeIUgJiPn4f9GxegMmjR9dGmkJQKVmbBdmQr1aL7NjxDg7JvcspL3Itd414W/ssdJFQiQhQ+H5UP0iHdisN2fTsqLyxN+YeyMgubkES25OlPljns1ZOimXuewhqTG5LLB2WlabpodjG/ZCJaI+3IcSqZ3nWVBgsMUHpkENuR6ebC0HvuC48JR9HutgWyWsx1smIbOotqw6dhtpT5sgEJMD8aoVAPyrp9f1fzUZuXsNr3HOpW9RqAdOdFanh7XNU/9YqtekSjUNEalDeZOORcGyBxQKQpO6RYQFlAld+EJE0zqP9QAAIABJREFUOlbqPu44+JXxp+yqDmJbq5xUNjtH+DvIX0LHmM4vJRjJVDCa36ZzSaCKI8UYb96bR/AKGWKgAn36bBZumxLJZB5UMre79nCzTxkLdxrQW/1BtAneSSVkHwRk1QpYKOSsXDWtHAEBcUNIaolm2zaLJAbbkRltjpfUlH5VwYUbwv18WlegKCiQt9muEUr1Xsd9bisHvuCw8Zx8Hg/FtkpYB/9V+G9bKtP4gWXiN532FErzbuqahe7moYt6wWGAych9o4wEMgKUpkVqgyjjCxQOSdM6qSCuCfCbSlxexYKy3wQpKj2OpdJOaKwM6mXTRJ6Pwjjx1Jm2ZT9H/P6jY5THIoN+ZaqP+wLQHgl593vxE4+RcKHsrWE+WW9CAtZLjKdCvsrF3pIoZFWQXNydkUqk3VntladusQ99fOK65EzplUlxs/M5VkIwFyw9lIBY2aBzeFyeJyDtCydmzxxjZwUs0Gyw5f+IfwEIaadOSGip/b8T7BBZ/ZCKDD8lCFV+eoPaGDwpPpHnhQOJ8ZKs7Ov7MDyV3VYOfMHh4bn6PNbBtkpYj+sO6tshIQ9VEAIJeXl2ubF74d14eWngVRHSxU7/f/beBFqS7CwP/G/ub6n3al+6qrq6ulu9b7IW1FosLKltGQkEIxYjMcjCBiMMw8wxNgPjcxgfL8D4+FjGg8EIGwwjgbDBEmqEhITQQRtCS3dL6m51q6prr66qV8t79fZc4s75I+7y3xs3MjMyI3K9X3fWy4yMuLFk5o373e///n+yy3WMJR6cWQwfSEY+LcK0pBIhw6YoOQg4MbA7CvcFJCxHEwbynITsyPcCS3Wh4zSnqiGPyarqLtMIG+UZiP+Dg34dyHXoccoxIWcxQkSnqlWbtI4ICTGTKDgmyl21Pex17NdGPJBrKM3i006O6XtVnNEFmwyZr8i7RC4piLd0wixdEwQsEkJDtBwpersjIAlrJUtB8sQdm7j3ZdIb05vhVm/cogjXXzDyLaJ1KhWhiVFIGe+oT8pIy6bWAfU6lOM9EZk8jBjR6ARUQ2RoSF4x8B7Dh/d59Ia8UljXQxKST42OtMBB2NL6ChyY39l3W5haN0svRzPw98dRhiQjlxpb8Kfrl+FMsx7eeySh1X4KPcGlRlTcNGDb9UI0uaA+EV3EkBIBHZqvTbxGW2KHMlRKTcTJzFZch1YxqorQ6CviD6YkKvacjB05GSzKeimBVdyvCHp9MAiHphI0PMsYvxKVgSI2Tm5TAJFuzdu8iseHmeTCuvxquRECZoVkqULk6rW5pm6e2Sl6HdSiLWHgsYX9E5BEemO9bXK7JAJCX3IiGTr37iBajLAqug/Nkm3TekREioE3rI8dxoxotMN2qwmcV8IOMq8YeI/hwfs8+kNeKaxx4F/PqYI6hjClBYZQ3dhch10zc33t99rGanYn4jE2OFiuwbt3HgvJyKfWluCF1hY0RNFCOcjUJnUwQny4qPVRJORD+SzEoDwQgzKuiI02ukslgZPRlRxDBuImaf96ufGPNsxTYmPNPxvpe51hZ4b6wsO0tnQb+V6RNG3RMh0KRsPRwDn+169jnpX4U5tO6F2SY+O6yn3sYjlUUpN/EOJgkSWm82Dpba1wLPpuTAlhUW7ekn367dSPxDUHRECAsGKjMCFY35YY/SDHyKwFVm2QWAo2O2ly/FCJCZ6rS10OP/UibAWtNtfFYygYAbKR9yFg545qyEyplFsMvMdggYNmnODwPo9skFcK60ZOJKRX3NhcC0M0e/GHYEiXJyAeSEbesesoXNpchb/euAFf51sgKXGBeCmiDFoszFQlg0ao+sHk4JooENFrpgZ4xntgPQRpKIgQKTnwZ4YyYoVVOcLG6CCeW+PNaD8kba9RSZ7FlJDY9iScX0IXTJQLLELkIiGOLp5UNXFuE59kjxMN+Rko8SKeBst8aWXLkpvarUrOQqlGrHq6FYqFV9NM0Zv4wn6/ewLSrQE9rQJiZL9Si03+SRs0N+fa62E1pMOt9LrRH+LslwVuYiUp9frSsD7LGGzgrLT7EnjkhQlSNXoFhpsgCYEcY+A98gWSx2oh8vZ4n0e2yCuFNVZPn01ObzIUYDgVekpQEenGEI7ZtZB8oJLiMd3AMLy1+laYHhoH8w+wKjxQrMIzrU04wetwg0nCoIv9UbKhwrGAqBhW7RAAWuzQ9INQ0gJiP7LOh2rTViwsfwYdeOt2hWeEfLrG/sAsbKiDwViY4YvGQhlTGcofkjymtYlL0jr0RUz1iBd+D1/Hg3Lj/VBcBLEohWqbqBl2fRBCeuz1TAICiaZ0MFL0trsaGROQOEnohoDE3wmXBPRi8rjRJ3YIFokxjja6pCx+itH7nBkWX+NLTLM7SFOSmCWYLZY8EckDnmi0AQuVkBbnUBSGZU9CxgNRauVI9fA+j/yQVwprvEMgEcm6gjqm2+3Hl4Hb4mOmXIH5Sg2qpbKRwheJB2bg2mhshwpIOyAhnqvUYLZchSKJ9dhsNMJtmz78c6yBnx8SVyShSZ/lfcUZuA9m4HrQhK8Hm3ABAqiTmW9D/SDEgVkEgYNZHwSsQofcCs0CkqoXZDYu0hYd4MuQJhqOZIaEcRUNo47V8llQgiHXU6FXghwVrW2oYmEcjzFkN6+BGuZaYU90nXRgxnaURBmwJA4ajmUoGLS2C4/7RqSYZafsjREQMoEvjeltCUgiPWhrQE9PQBKJTDsCwq11GJiXPImAyNVj8Xjc3CYWgsXdy+ixMvNDll+5mWJUS8QTkZTwRKMD2h8ZEg+soJ5XDLxHdqgIj4f3eQwOeaWwxpCsrElIISNCKslIL5irVEPigQTEpcyhyoJqC/pQMAwsCRgl4DFaQJUDCSQ+0mRi210owesLUajf081N+Bavw7KYyVVkxAppCuSUrzUm5nSaV5IVbg6AQ8ICJikBMN8HopwE1vs0VAtEPRK5H1eGLzvESaog9nr0fXvgbSsfnQiHsYzHz9W5jYNfRH4QMxSKbhev5aGfJCkhjPAWWqdEZo6lGc+YWkuSQd2eXGYa0zMhIL1nwIqt72iIx57E98noMuuyu70c9KQIeySmc5kBK5ZJwfEalB7DVGhXqIjgbHTQAu8SccCTjTbo/ag2mxEJgRxj4D16h/d5DBd5pbCui8KCWYbQDWvgjmrJjupMSEBKXRIrJCJ4vEvrN53vl4ueaI8KkHSg+pVF6N39pRm4X6gj32xtwSlohuqIDNcCMlaWXhA5uUtVjmgulwlzO4gaHtzwiqi2aO0Q4jMxwpWUmVwQAsVzdMFB2mZMCaEFEi3i4CItYLVF6yDasPdHtzVfmypKVz2Wo//h1gQ8I1Xo7W3VnDoDQkc0waThd4ZyQp4z2rYIw6L7KiWdjZOA8NiS2FbdEZBEeqMWuuhJWwJCt2XOrRLS+trhV5aSYWwkjspIGi3T+8aZrzwRSWSYDIsJmtNJRDzRaIN8jqoRBOEDi9flFQPvkQ7e5zFayCuFdT3jCurV0uBS/yLZQNKB5KPXquu47Vaz4QztqoxIGuNphe3zyBqojjxW2xOqZlegBZ9fvw4nm1theLAKzyJkQakTDkM6nUbmkJQ1i6nRm/0Asr0O4xL1Qawpa7MAoSh6yLWCA6qSPI+1zcl2prrj/kvRSeXoZhs34kqHSWW0Ud8mC/GnpqJihmqZhAUkSbGkF+oFkX+dxQrHhYAkZsCSiohiFyxGQOg+bHZNT9bmF3K7mG9E+EP0NvrCUlN9RESKk6uIeKLRBsM5KlRDypVKbjHwHp3hfR6ji7xSWG9nTEKQDOSZ5Y76PJCAZAFURGwSIs/DY7DoxufRL6Rqhg/5GWOg1h3V+fD5F9auwdPba3C+tQ1NzlUID5DBu0EyqFkdaGYrrZLowb9QO4iKQlUGNT6l3gZrpMlIW8DM7QFoOmKmBojUEA/0PbKNS2mgx8UgYSVr3XbLbHIBYKseFksAYkBXb8VJi1Z+WIx8yDYYGGmx9HpysYN8uMOxeiQgeWXAir0iT2LbO/wfugAh/cpZJEf8CexiLKQ9g6SQzZgdk2j5Q8JK7eIbqossRtJjhRVgi48xDRmBe8jo3sZG68jQF7IAUUacvGLgPdzwPo/RR14prNF/hY8sSSeayrPOWNXJ59EPUFHBY6YeFHztMRj06vNIA6maLdZmO4brPTq/J3wgPr92DZ7ZWoNzre1IXxADKqqESP+Iek5Ct1wqiZk5i6mxqVQymDn606ZzQWDUcJGZ+wNrQC+Pxy7UaBKRCMzwEovMWgmEw27HJk10ccGSW2LZwEDvQxM30/dBoczixkL5hwaBkZAq0hgj+wEy5mXkBZP7EYNpZhcrzJKAxEmCS9+w346/G1/cHQFR/zqzZ3HXKSYWQnS9x6k/xCIm8XNixNQeyVbY2dewjsgoExGvarTB+MzktUTNkJqorJ1HDLyHhvd5jB/ySmG9HVZQz46EIFnIgoT04vPoFWhWpySkmxTBHv3h15//Fnz4wkW4a24GfvrOY5lfTamaYZa1Xknlq+f3hA/EUxvL8LXNm3CmuQ2bPNDhWaImiOHvkO/JyuxWWl/1PiUiikSY9z7aniQVyqTeRSV1sO6ltnJivwaI5S5yEgwbtk3ANf6wR61OhQd0+BtdL1ZuQr1v0Q9CFPUa8aAvRhQrm4xIdUUSNSs7lnX6I5QBi+yxwzGSfUlyYAghgVXU0Go/Vp5eEBfF3OgeGKnCLr/ozChMo6upW39Y9IEOnYh4otEGkzOAxAFWTZhB84qBn2Z4n8d4I68U1vWQhGTnf8CBX5LZuxvggBGLFvbq8+gXctbcI3t8/OJF+K0XTsNHX7wCq83ou/z1mWqmJESqZkhgs8TDszvDB+LE1ho8u7UK36pvwNWgGQuHp2qDnNunoVfGOlbtEbks8oPwWJVzMm8stjNJhp1pK0Y4LK4QGDPToiUrhMYeHbtJCXMsA/VOp/EjI6NUotFY67i2MVdQ5IXF11BGdKKexNpk9jYApd4ISEYZsPo0oEPCR+c2oAtZzGjLjL9SGRNiGa/Il5CSFFkZ0yYtlOSQxmQwmCQ1GK6FH0pVEJHc4IlGB0z+oHG71VJ1bfKKgZ82eJ/H5CCvFNYYzlHPsII6HicOADvV8XABw2V6qZreLwJyTbMevE47Tq6uwr995pvw+IuX4cLmVuxqXNjchmdW1+G+HXM9XymXzyNP3FmbDx+I1VYTvraxAs9srcLFVh22jVAjHmXNoiqIzLhlGMfd/hBmTB+bJEI+p4Z0maVLjVqN98FpVreN2S5lJHpDj/DdSgqPRd20hZOZUPoR/xy1uCHGqwbTkcu4KrrCXC0aKgt51/KEUAWmFDuljic5GhmwzFU6ERBuvsfodkyTCYLAKAki2bbehxGLSEmLUkwI8+Rke0sZwTXCWVQowHa/N0BPNtpgumenAxGShRXU84qBnxZ4n8dkIq8U1o0MSQgIMpGWhOAAchgEBEQmJn0ctaEcwyTh+nYdfuNb34LfPXMOnrmZXItF4rdOX4B/++Bdqa5AGp9HnigFAdxVKMPh0iwExRm41mrCqdY2XIYWXAcOWxi6ZaX/lRPM1K/hymgll4tBWvRapusVtUNcE9NgtQXGPuVrl77BnGqJDeOubIgmyRtx6614OJY58c6sFWlqXaMdZjppGCuYq7C44sFoCBZRgqgfRBojBAkhV6QDARm8AT1GPxwKTTIBMb4G9I9LzbC3kxdKXRrzOnFmHYX1LeCUqTDZAhNZtEAYofRx4yxcmQM0oMNN0BONNvBhMO2A4SZIQiDHGPhJxTj7PMLZ+FYLGuLzxqJ3JfQH+VoNBvJKYY3V02cdBcx6Bc5M4wCxW28ITjgMi4BgFiZpiB72gHbcIX0eH7u0lOpMPnHlWlfrZeHzyALtsnjtKZbCB+K2XfvhcmMbnt68CS/UN+Bisw5bKumuJB7aQK1HVgmZsww1xKxfwmPeD61+qO2MtuJeERe6mfKwo3a6mjqUJ07ZBlfPyBM7hAqMa6b1IkvZAO3vALWreOFC2uXRUC68fiVgcLBYIsb0gRKQ+DtxAtKb/8PxjvPczOOwPmDynsFalaJB638kqB+g6akO4bIUGasYYolF0mLTE4028ESjV6ASgib1oqxX40lIW4yzzyNUvprNsAhZvem+1aGqPlephANa72OR4XXZZ4/DOwISkSwrqCOp6JaEDCqMxoVrG6vhUtz/rpn5oRzDOMPl80gL3A6JyGP79zi3zMvnkQa9ZPHCGieHqjNwqKLVtdVWIwzfOl/fgrONLVgJWtCk4zwxgcyIagEWqVCEQhIRi2QAeW5sZykcAVA3vTsVjAridYRidYwWkgN6V8MOYYOTbeS7zF6JbEXDpuR2zGqEAcQmV4gFRgHHtrsKRbitMgPHajPwkrl5OFqLvm9GscK0BCROElyXzH47gYBYVz8TAsLtZfRYBL+k5IAY0I1tSGiWwW7t/cbSuXH9JRXx+GYNE0YITLgUSqwIQfhfV3y3b3ifxnQBiQdWUM8rBn7cMe4+DyQeGP6y2eh8I8fJkdXtOqzX67BzZhZqpeGYlUcJeaWwxpCsLEkIKgo4qL+x2TkcZ1jZqJCASKKEx+qJbnfo5PPoBf/jwmWDhAza55GEfqq1o1piE6cdxTK8ZsdeY9nF7S04VV+Dc/Wt8LHMm9Aws+YKBYSr2hZq9CXGbIFV8pyLQSFXw8y48uEYi6v9Qduxa/Jr17BIUyy3WqKCqajyEWvSVESUamKzFJeyYe1zkRVhR7EIt5SqcN/cPNxSm4EjtWSCW4JYhXHz9BJ4Q4yxuTkbWcXRUFz9AGuYn0SQLEUh/k4bAsKN7QyfSJKKI5tjdOV4IRgu0u9KBJwUTCRl//UWgfriRCw6eh/Lym1nnETVqxoeiPVGIyQhkGMM/DhinH0ejVYLNkLi0YiysaQEbnN9YwN2zszAbHm6K1nnlcIaiQ3O9mY54MNCgDgb3GnmuFgYbD+L57m0vqIGltJb4JGMtD6PtPjklWuw0eJwaG5u6GFxWVVrx+89hmt1OpdbqrXwQYGKyYmtdTi7tQE3Wg243GzACjQh/CXZE95EAeCUuZDRakhirHy+AZhMhzvOVaYDVq/pE8V52htI5DHZ5SFo8BR3tRKeFzO3M85OpjQGx0UB2FcsQZUV4FC5CseqM3CwWoV75xeSjzUBpeSvwPga0JOVHZ5MXAKiTiQdvxE+RYmI/iqqFL3kONX3jFMFRG2hP2gu9s4AyrwQ+kOSCWIcnmh4dAKGYzWCAMqFQm4x8OOCcfZ5tIIgVD2iuOlsBszLm5tQFN+LaUZeKazrGVdQRxzcsRPOr1wbiSQTW806rG6bg0scIO6bWxz6sY0qevV5dIsdpRJ8x6H98O7bb4MH9h0c2lXIq1o7Kim9hPmhYvLSuZ3hw8YTa8uwVN+CC40tuBm0YD0IYB1a4cQwmXOO/pARvDKxi/Ff0dIIeId7jE186JbxFfR6rqghYsyIjXs1L4qrIpysNAMM5gtFWCgUYXe5DHtLFdhfqcBdcztgsZTdZFVCjzh4AuIyoJurtAmDcmwQ/2ASDOikQapGJB2/aapnDmLDIQiJCFFA7C8qi2qVyMUBl9VCebSuyIJW4gwa1lH78CmPfrHZbEK5UsktBn6UMek+j36xsrkB++eHY2IeFeSVwno7BxKCg/xbFnaHRCQJqJTVcoq0aze4xN8XkiQfhmUiC59HJ7z54D542+Fb4Mfvekku7XeDQVRrR/V3V8ZWlpfO7wzDll0TdGiEX6rXYSNowcVGpPRdbTWgLmabb/CWMekcwWHQ6CL0iidrGMY6dtBwfCzOjMlsSS4QixjWKQjFvSJ5xd1z87CQIcnohFjXNPgMWPka0OXBOD9wq0FDrXBcBrsAIT0XZjFXUwHhqiJlFHdI2lMeEim8SaUkKstfDDgEIxOa7m8mk4DNVhMWIIoTzysGfpQwTT6PfoGqykajMdVhWXmlsEb/FT6y/g5ifP++uYXEIoZbzUampuNuBpd4/ZAcDaso4qghD5+HjfsW5uF/PXYUfuwlL4Hd1eFlt+rH59ENBpHFq1JwRwkcKFfDRzd4Acl5qyU0EAbrnMP1ZpSumo4dsUL8UqPeVQAoXaeKJL/kOBYOcO+cqQ7dNTtYYpEGRg8xiQb0VARENmcrIpb6og3ovE0GLDM9mR0PqPwhKgTLCu8SSgneEBs8XVhWf/BEY9Iha4ZgBfW8YuBHAdPs8+gHOICYdm9IXimst8MK6tkT4chgXAi9GDZ5ikJW5vr2AXQ7uPQEJELePg/E4ZkavPXQAfin990Dd+wYnoKJZDRSxPrzebTDILN44XcYQ5YxdLlX3G75oOZLFV9bygHVS0weAWnj/yAN8tib+lqYGazM49YGdDsDlr4G2h9C/SQsTljAVkvokUX5lJuieE428ERj2oEDrJqI/c8rBn4Y8D6P/oGhXngs6A+ZVuSVwroekpB8CB4O0srF3XBpdTkWGoXLjiy6U7S2g8vn0Q5IPPbPL041ARmkz+Pv3HJLLvvoBvgdixSxrUx9HhQyixd+twdtpq8UStAI6l2s2R2yLlo6KSh17/8A98CdvO961x2V1a8B3dihc699ERBj31QRIRU3ORADuj6BdsdBFRbOZVI3RuqNcOUzUel8RU7rYlg/JO3AxJMNDzfQF7JYroTfs7xi4AcF7/PIHnhMaFDHRAZBoBOG4/UNq9wWChNNUvJKYR0WjsxxMIKDNiQbNDsViJnqy2vLoUm802+kVxMxZl2a1lS80+TzQEKK34+8fB6yWjuSj2GSWZzIWs+wvVAFzbBo6aSg1B0BcdEDc+XBERBzg27CrwA6ExDn8bsUC/LETMFLMlwpfwg3DOjqffkuzbTF5Lbmvhip3F4IwOEP8V9oj95wbbsOe2vV3GLg84T3eeQDJBcYhoDEY9MRiiCHpHXR85RLJagUi0rFnSTklcI67xlR/C0fmN8Zkgis1SGJBL7ebCyFhQ4xpp6SBVwH3+/FRIyDxv3zC0OrRzIsTJPPA78ba/XN3H0eGG6FBGQUgPcY7AOynKDLumjpJKBkTPQL5EVARiEDVmw7VwYsug9adDCmvFADur6QSvEgSopxHKQmogzfUsREEBImVRGybjRQ9LzDo3fcrDfgT89dgT84cT6c6f6L73p92FZeMfBZw/s8sgf2K0gkSmEIW/fgYehWExrNJlSQjExYscO8UljjQGQQM6I4mEPjLs5aI7loilolaGDHB5KHcrEI281GTxMQUcHEuaFW2h40vM8jW0ifh02KRwXlzElI05MQC47sWPRFewIythmwjHbi6gdtgSveQEiGdSCBUXmdmRmwQFdL18doERbHCXNRVT0gXhJciGFZLf8d9kgBSTw+fvYyfOzcZWPDM6sbcGzHbG4x8FnA+zyyhzReIvHo9+aPZ7XdbIbnWiuXJ0YVySuFNd4FBjUjip8tEgV82MZyJCW9xPLjwHG+MjMyM9aDgPd5ZIdh+jzSAn//LMPELWh0z7po6TgDrysxplsYowxYzkqUVoPuELDOBMTYvcqYxWPraztHoM3sNDtWoEtYmhmwZFsyJEsWL7SJSkRGwkfAgQ+4Cq7HeIB+K5BwfPDEhRjxoPjQ6Qvw0w++JLcY+F7hfR7Zg4lwK1Q98rimzSCAjXodZiuViSEieaWwxpCsQc+I4sAPHzKuH2e68YFhge2AagoOHDHcCp9PywDK+zyyw6j4PHoBKqJZTtDlUbR03IDXAPtAnIwJr0R8gD4uBCQbAzpAewJCm2OMkAxri1jGLBpmJWbWzP1xg6zI7QOVZYsLFi5JS8REcD645cOyphbtPnYkHH8qFI+b9c4d53u/diIkIZBjDHy3kD4PNMqXxtjngarAKIVbSZ9HaQBG8pCANRowU5kMf0BeKazrIjRqGAN63KcrhGqrWSfrFKYywxX6PN534iT8f2fOe59HnxhFn0cvqGYcqrwVNKeShOAE53ZIPFpGeF8pFQEZJQN6jwTEefzdEBD5XuCoIQK6uKGRMQvN6sw8T5rCN1I8JPkQxMWu2G7tSyolBSxiWPQsZJLR7af79PWb8BvPnu6aeFCcXl2Hp66twMN7FnOLge8GM8VymDJ43MKtpM8DiceohVv14vPIAqiI1IVPZBKQVwrrUZsRnTZjuQT6PP7gzBn4j986mbvP4x/ceTu8Yk/6VMlZwfs80qOYceIWbCePoqWjCJkNEPvPpCgL3QOOiAHd2D6JgLQ1oOtX2REQ/UIrIhxkkl3apPJwyHA2mi2LpOBVr0UqXrOeiDCok31FzTGtkGCqTB+WNfbo9dND4vHBkxdC1eP8+mZfl+G3nzsN//7VD+cWA98O2BHPl8pj1SFLnweSj8YQlSMbWfo8+gWSkPKEZM3KK4X1tg/LGCp+//QZ+G+nTufu8/juI4fh7912bGin6n0e/QM9k1lO0OVVtHQUID1vDaF6dELUA2ZmQHcTkIStss2AZcVzxQmI4yiM8CnXuZgHQluI+EQAtIIgJ2/G1pX7ofVFiOE9cBQrjF6T0C5mZs8qhBIXYTkeI4msPp1za5vwvmdPZ0I8KCQJgRxj4F1AmXu2VB4L9UP6PDBkZasxOjVV8vZ59Aoezrq2oDoBakheKaxxZnBaZkRHBV+6dg3+3bPPDcTn8f3Hjg0t3Mr7PLJFpZBtlMB2K7+ipcMC9XmkCV8tiSCi8EUyAXEFQ3UIv4JkAuJqMhcCotrpPfzKdR5cNKL9Hma4VDxbFqknAkTlsI+Au4oXaqIir1GU/VeQEeRBPlvWSCCPISASj8hgfh6evrGay2kubzfgw6cvwttuuyW3GHgbuJ+5MQj/GITPg/NA9UmFLn0bg/R59IrmhJAQyDGF9STPiI4KBunz+L5jtw41ra73eeQDqTI3HLWTekGkFox/BfUkn0caxI3pBFNrQKdHFTtW13EKIuciSVZYlg7nitqKlkdv6OKFJC2vUl1NOhNmAAAgAElEQVTs2iGRaT1KyBUWEYlfII/MMYirPAjiYeNDpyISAjnGwEvgzC8qIKOKwfg8sBI5j/UndFLIxjB9Hr0Ab0pIRErF8Z8lySuF9STOiI4CvM8jW0yaz6MXVAolaATtM8mlQd5FS/NCNz6PNCglfWVdBMQdldWvAR1Gk4DESFScgGj/R3xvZggbs/ZlrytJjF0YkZjXCTkJDIN7RE68NyQ7DONKyloeH3PU8hgEMCTrva95GBYr5dxi4EFkwNpRqoxcCNZgfB48/K2HA4WEjpeTsEwYMZ9HL0CT+iSQkLxSWE/KjOiowPs8ssOk+zzSAifn1jNsL1RBB1C0NAuk9XmkQVwrn+oMWO7wK7WFgyjhPUkRB8fxKcM5qbjOhewhCQwn4VtyW7lMV19n5BiZcRQ4aAlaHJjPltU1RuFKDZt42EA15F13H8stBh6BRtxRGUwPxucREY/o0cXaYdrW0fR59AJUQnipNBkG9ZxSWI/rjOiowPs8ssM0+TzSAslCNeMK6lutFsyM8HXu1eeRBiXj1jCgDFj2gD++R+iQAcu1F/fxxwUdHlvWKwGRxxHQbFnWxaIvw+eJ3hBxXAHNvBUtZ2FVdqGKJGTLKohK7d6kbmIUr0baWh6DAqohSEIgpxh47MRrIzArPhifhyYf3QKzSSHxKE+AciDBhRoyCeeUVwrrcZoRHRV4n0d2mFafRy8oZ05CmiNXkDcLn0ca6IrpbqnDQUBG0ICujiGd+uE6nth+edL1cIVfxddl9nVz1ArRig9NEKCLH3KVNUs2Fr2mqXzD5y0AVpq+G9k4nPGoEg+KT19cgjOrG3Bsx2wuMfDVIdYBGa7PIxlFLM5YKoUhV5NSZdwGqiGTQELyTGGNM42DrqA+bvA+j2zhfR7pgb9/lmHiFmxnvVWHHaXhkr+sfR5pEBnTXWyhnYpgrZSagLhUBfna8YPrFH7lOrL+DejtFBeXAV0rGPRwTfWDWadvhmjIsC5pQFe8JCZw6Pdphi6mDwQmDeN4RrKWxwdPnh9Z4mHjQ6cvhBXU84iBR2IzSIyKz8NGaDAvlSYi3KoboBIyrOrgWSOvFNb1oOlJSAK8zyM7eJ9H/8DJtCwn6DDj1marOfCwrDx9HmlQ4tywTZMDHDQBGfUMWLpxFwGRx28ay3VbsoAhrfkht9UpeSPCQttRJEO0J0OyZHH1sH1JVPBPKwBWGt/OZdyHKVkWERwG3vu1EyEJgYxj4HEAOohB6Cj6PED8bstC9SiOcFrdvIBqyCRUUM8rhXVjgohaFvA+j+zgfR7ZoppDqPJmqxH+9gcxETEIn0caGHVCwBl+BfFhfsJgHhwDeqD0ISn8auAGdN1APOwryf8B8etgqUg2+eLO62Kvyy3/R/ScG5XTOfF/6HS9UikRiXpV0l47w86oYdJus5hSF9WOD564MJbEg+L06jo8dW0FHt6zmGkMfCnngmze5zHaaEwICYEcU1jXp7yCuvd5ZAfv88gPxZwSt6w369AqlnJJ2T1on0caGD1ePgTE3CCupri5WH4ERL/onoDE95Z0fFrFiB+vzoDFhAE9ejuqli7WIyFdADJlJ92nyMMVCiqCfiiVRJAWnL0eshoy6fN5w6jlMSjICupZxsDnURXa+zzGB9jHBUHQdTHGUUZeKay3gubUkZBp8nlIdeeuuRn4+8duyWUf3ucxGORVvBTbRMIwV6z0/fkN0+eRBtqYHnvimPdPQUDsAT+A4x4+Jhmw3OqH1arzujE3MXIdl0zBa4Rugen64Frx4DGDO2gDCR+MGjJtXZxMqfu+Z05NHPGgkCQEcoyB7xXe5zG+QNJYnQASklcKa2wPBwt5EPZRw7T4PFzqDh5bliTE+zwGjzyVfQzNXA62wtCsmWI51f1kVHweaWBWTCdP4oQhpjvof7MkIFaDcTWjj/Arx3lIdSG2v6RjdB2ffd20TcPYUxCYagjnurpIANQboo+VZsACRtonRIWp7FliNSQnzQBYOZsOaZqHVKNWy2MQWN5uwIdPRxXU84qBTwPv85gMoEF9UgJD8poJDdP1FifzuzQtPo9O6g6e+yeuXIPH9veuynifx3AxiImmbaFi4KQE3oexdpSL/ODERZPzMJnBqPg80iCsmM6SBvJ6UXoC4lIV5OsxzoCVREC4dcIBaPO5vW/jGjF6xkxdG0UsQJORQBY4lDVGmG5RekeiCutc77TLH4ufuzWB5vJpIh42sHAhkhDIMQa+E7zPY7KAZBIN6pNQQT2PFNaI7VYrl5jwYWGafB5p1J0/u5yehHifx+ggb48jBZKMMEHMeAgbqcFWNjbfWgD2kWjDTv4PAIMkpCYgQ8qAlYcBPenYSLPKG0KKEnJJTsI3RJpdkh1LcQbxRCbi1esx+jYJuRIERRnVo90WiRriiUZ7jEMtj0Fi+UfeBouVMjR5ADcb/RkoUVbuJgWh93lMNpC41cqTMcheaWznEms9X6qMdQX1afR59KLuPPHGR2Ghi2QN3ucxmrheH+8kNKMC8gvI2YA+SRmwjH25CUg40OHmwF+2EN63mFxCCxFq9YNRMzwz2zcqqnMa4gUiu1a0kMl2fMeVCE88koFqCFZQzyIGvt1gzfs8pgeohPBSaSKIXJYprCkwnnscScg0+Tz++5mz8P+eONWXuvOJy9fg7YcPON/DcKvF2qz3eXhMPIQnxClpdEVAuGOD2D2+rQE91opabi+Nqy85Z8CyGk9DQNSx0oxYhBRRbcTwinBtRDfUECQXTO9ckRZRVyQkHVpgUQpKqxkYaojH+NfyGBTQoI4kBDKIgUezHYX3eUwnuPCGTEIoW5YprClCXwipEjXKmDafx++cPgtfuHYjkzb/8OJlg4TgRAd6PLzPY/TRHOFsU+OGErfDdIZtQFfHkE79cB1PXNFwnVnCMbqOz9hXEjEzM2AFnIZf6SZ0+1aNFpLiVwkgAcjKhCIjlg7J4kLpkIqHpDvaX+JncMETj57w6YtLcGZ1A47tmO07Bh6/l6iGoNIxqj4P6fXwyBeohmRNQk611mGD6+/nOm/CqZYIBeJRf/tUfRn2FarwYHknPDZzsO99ZpnC2gYaTEe1gvq0+Tw+dP4CfPDcxczb/uL1FTi/uQX37tzlfR5jhlGrtTHOMOn2hGTAytOAbu+/3b7lNeJC6TBVFq7UDzOVb6AM6JpEUGJBPCSiRRYJJfo9w5cCELQCKExoxpV2mORaHoPCh05fCCuo4ywdZunoJQYe60M0WwFc3q4b/qhs0ZvPoyKIh/d5DA7NHquDtziHlXodZksl+ETjEpxsrsKXm9dhs4NjE/tF/G60gkh1/sT6JfjD1XPwT3fdC3eU5/s677xSWNeD5kiRkGnzefyXEy/AB85eyE3deXTPLvjh226FB/YeGpq649E7vBKSDXBMwZZDYzp8pCcC4gprEq+GYkB3EpA2x9lnBqxuCIhmA2D5PyiZYIYComug23YORozr2oAu27bN6uFfwVDK1emQdz3xyBa37ZiDU+/8u2GbqIR0G34SFqdrtULlgxPJo5BpVpHefB44C4/hVt7nMTzg9U9TQb0lPueyFSJ3JdiCf7P2NJwLNhK3tUmIfH68OA//+eAronX6uBLL9a1c0mLuLA/fiOx9HtkBSdZP3nl86OqOR/9Ybmx5NaRHhF7LQjGMrsDnpaTBPDgG9OAaXI8KARmiAT0equU4JlXzQ68XkHof5j45cKZoiBmaxbXpnD4H4SdhRBGRdUjUPiZ00CVreSDx+MLl6yNwRJOD06vr8NS1FXh4z2LHGHgepmANQuWjlWjY7TdEsHefBw56S97nMRLALGhpSEiYutax/v5CDX5+/n54z80vpT6tk401+Njai/B35g+RIkvy3XbfUfMGVLZSWGfVy6LCMowK6t7nkR2QZL3j1sNDV3c8sgNGA3gCkg5R6GoBqsVSLL2xWaywIwHpEH418AxY+kU/BCTx+LIiIOqc9AAsvk+hhhjUI5pRZipFr8yAZZIT2a4sbCjJjkzpi2Sn2QigVJmcePdpLCI4LMgK6kkx8Eg4miHxaHWcUu6Vgnifx2QhVMqCAApdkEJMauAiIBJIRF5X3g+faVxJfY0+t7kUkRDnBI3ru8b0N1j8wRtrREJEv0/a6oeQbAXNgZEQ7/PIFj9w9Jahqzse+SCP+kCTChwvYMhqu9DSkjUsjp7FQprAGPCDq3tumwHLRXPcBMQe1Lcd6BttWFs4CUic7qTJgNXOgG60YB+Tqmwut2PqRAMqUHBQGbBUMUIuCxrKA4qWB5ayElNAWERSuCp0iK/GfzAWhVpd8MRjgJAkBEgMfFh4rtkKlY+uJQmgXqhuhmfe55EnZKjPsGb1UA2pdkFC1ptN2FlpP1v+WPVgTyTkya3lNu929/3RKaytTZSinaY1DfxccNa1mFNhtGlSAgbp8ximuuORL/D3OIzCveMEWeEdIye6yfAnplnIADxLAmI1GCcg6dQP1/G41QbX/vrIgOXwy9B1ubWSSXIsEsP0jpxEhaxrhmDpXXCScYuLKunqKAgBAW6Sk3E1qPtaHsPF8nYDPnz6InznsUMh8djcbgAPejfmtVdDvM8jb+C1wqrlGJqGRGCrkX2a2W6A6lmnfEDoBVnoorjh/aXFno5hPWjCie1VuLPSn0HdmcKazi4pbTsdGQnT9ebUZyMBec9Xnsql7VFQArzPwyNrrDWH01eOOmyfRxqUuiIgLlVBvnbMoiWGNwEduKcjIDa1yDMDVj8G9CQCot4LM2UFKt+VeSzMUmYYyYDFIFCFCqVqQtvgypwurwUT28uZZxxAVsaEhHz+0nX44MnznniMAN58ZB80mnW4tCqN/v3OnMemjL3PI2egQiTJB73y4etmM1WYW1YI1bRWKzyGJGA2rN3V7lKXvrS4C55opZ/R/+zGUt8kpMaKsMXFACV2EzZfpyEjoRemmE+FeZyxz5KEjIIS4H0eHnkB/ZC9ZIecVEifB0ZH9FNcVXtCUhOQ6cuAFVdKzJU6EpCYAV23oTJlkQroAU25y2jbWlFhTJ+/JiCCvpAMWuPgo/K1PEYHD+9eCMnH6w7uhrlyJJjKtKrM/o2lBCehhN7nkR9ChUiQtKTZKRZWZ44UkWEA1ZB2JGRHFyqIBNb/6IWEYEhWP99nJq61SmFNv89Js4IkVKu9BZ6H4Y95VFBHooAG8X4yX42KEuB9Hh55AhVJ7wWJIH0eSECyKKhaomE/Eu0G13LJYA3ouoEYoUgiIK6QJ4uAxPfVGwFppw7pfZiKky4rSJdrdmESI6FsMNkMM5cDaNVEGtPJWtKsjrPHzUYTSuXRSdeLKXXf9+xpTzxGAAdnqvC9xw/B6w7shv2z8dnntWZThMYwANZ9uBSF/M62UlQq9D6P7sFEaBo+upXFUU0aGglptYCXSs7PFb0gcykyaD1a2Qu/s3Uq9TE8tbUMa0ET5gtyX0lahXu5XIoG9Y1m3dpEvGufH1WxE/Ym0ciJhCDedfy21CTE+zw8pglpUtNPKqTPA/uhrEOeYz18xwxYbQ3oYA6qyfLeCQgJP3Idq5OAxPeWxoDeOwHh8VCtBNIjDejq30CrGpoYclW4UJIJICZ0uZFUTOxUvfK8ZdassD0ca+Sj7ncNX8tjdDBfLsKbj+wPH3cszLY9LsxIJuPzGQkV7ARJPGwFst0sivd5pAP1eaQFXt/IWD14uZQLNcRVQT3t8WCWrN2sAtd5vYu1TTyxeQNeN7dPHFHS9830eNjAmcF1a02FJDJC2ksiI6EvBHgms442cFb/x770RFeDeO/z8Jgm4P1tvdnIpRjpOED6PJB85JUcAygJsQf8APYAuw0BsQYXcQLiCk2ir+M77IeAuNUPq1XX/pOIkb2u6/pY+6XXxXU9aAV0c28M6B/1r10pnYZfGfuXSggj6gkhJTAceOIxWsBQq9ce3A2vObC76+PawGxYGD4TyrCdv0uSUHcbC+h9HumQ5PPoBRi2tT0sg3qrFSMh9SBIFYolcV9xET7bTB9e9Nn1JXjt7F7xqpvvKyHTImaWprCmLRifjZOMxA3s9ueJ1yOvCupYLDApjMn7PDymEUj8N5qNXIqQjjKy8nmkAakTkjEBcSkMXasf5oL44D6J8KTNgGXu3261LwN6GwJity3XZGobRjJg6RkymSUrWo+paxHOShseEbGOlbaXC4IyqJAsX8tjtODyeaTFmkqX6g7J0qpH585bDra8z6N7dOPz6AV4/YdGQoKo+BcNyVprNLo2pFO8prqvJxLyBEnV6yIQ9jJFFBjt/7mzjo6TkLQjIw6/SD1o5kZC/sm9dxskxPs8PKYR2AdhbR6Zgn6akLXPIw10il6XqiBfj0wGrMEY0O19901AXPVQJMkgYS2klmG0vWiH0VuhJCUy/CpcRJUVbobKMK2syDm2VotDKaeQLE88RgudfB5pcWO7oWo2yO9ZGuIhURTVU73PozN68Xmk3ofIlNUcojckVEMYC9PydqoLkoReU/Vebm7Bi81NOFiqiSV29SwJ7eULe1pOCAmSORG2wBPCp2R7bckIi5ORhiBqeXz+OPOPhQRft3eP93l4TBXwd4oZ6FD5mLbMV3n6PNKg1J6ADCkD1oga0O1z7WhANzY1CYjanpnraV+HcS9S22tOwSH8zYgMWOa9TK4hJquZHf6VPcuXtTz+4OSFzNv2SIc0Po+0wMEQdtjhrCyPigl2+32SPo9aqex9Hl2gH59HLyhi4orBnqICGuPLwoSOKkivJGSOleBoYRbOBRupt/3M2hJ8786jtlxugskZJDD6ab02gworwDZvkbBZNxnpGKal6j9FfTnO0OZVQf3pt7w5l3a7gfd5eAwaeA/DhA/T5vcYlM8jDUquwbVc4jNgtTkmm4Ak7JODtZy8GZEEfZMx22UkWVagbmTaN2LOtWllBZQJPQrT4kaa3rAZBtBqtqBY6k/e90UERwu9+Dx6AX7W+2rFrpSPyOcRGcy9z6MzsvR5dAOcXUcCgErEMEMQgpDQBlAoFKDWZ1jeK0p74Fw9PQnBkKy38yPtV5J9K8mZTvt77INR4dtutMj7bjISIyJAO2kJPRO1iSFZxdKAgyXygfd5eAwaTax23mqG/qpp8noMw+eRBsQTQtA2A5Zj9h8SZvwdKyUO9I02rC2cBCROd9JkwOpsQNcHZFGqxAxY7a4HbT9WiZ1myjIM6JKkxIkXvRPhbLQsSEgn1BRNUX4QXdSw1Qp6IiGylgcWEvTEY/jIwueRFhhyt69WDQdVzNFXgJjFj9Lqjk466FFFXj6PJIRFAoMgJB9BH5XvswYeT6vVgrkeDOkUr67ugz+qn0u93efWrypm4OJjjPbTikIIgkHCtwqir5VZqBnt9y0yoqecCBJUkYAHYcgIzmCOKxHxPg+PQcL7PIbj80iDkksWdhIQa5QeH3CnUz/AHJ53VBuMTVMb0LsnIJR82OfZiwHd3p8rBTJzkB1FvowChIJYMKqS2NfGJCByPSaOX2ZySTP28EUERwtZ+zzSAmP2oxoOReMX4n0e3WMQPg8KLnwXSD6G5fvohPDYMrgWx4tzMANF2IT05/nVzRvw0pmdzve4ETKrO9/wmWYa0cwjK6kK6nKtbsgI0PtxjIywKF1vgYVekXH5hXmfh8cg4X0ew/d5pIE5TTmkDFhxA3o7xWWEDeiuY0kgIMZxhP+TGxINyaLnzWhbQiVRHhGteMjW7BohEXkhrKQNMKUuqh0fPHHBE48RQJ4+j16w1ogKySHxwEfN1/PoCoP2eUjSgX/TJA4YBkJDeg8ZsVy4p7jQU/X0z65fhYdrbhKiKAhRRBQV4ZSa8HD2cVNwIFXnSazBrHuTTSdcE4OSiODgarZYltNRap+jBu/z8Bg0vM9jdHweaaCyYw3FgO4kIJOVAcs4L8dxqNk1UgPESAupqqsTyV8RCUEwxJ0w9KnLjFsqNa9yp4fb6sKHAM1GC0plHZLla3mMHgbl80gDNDDjIHrG+zy6wrT6PDrB7lfrGZLYV1f2hgUI0+LJzWXHXS0CTRoil0hlWtVkEstpAUg7aYhy6SmlO55Jixv71EQE162rCupKRx8JIuJ9Hh6Dhvd5jKbPIw1KvRIQx9LpMKCTE00iINx60yRGZLl9DLRdphuWCoi+mZn7McIBZJpeqXqEXIWpmx0thoiDlA0eRB4PTzxGBsPweXSDndVKmLVoT23wIWDjBu/zSEaSIrMnIxUE8UB5J0APAu7J+jq82NiCAyXXsTDrqezUzYkfOVlWLZRgo1UXqzOj/1YqhmyCJWfSUhANNBQJMbNnDYuIeJ+HxyDhfR6j7/NIgxLn8c4rPwLiUgPIFk4CEt9b4vHlTUAS9pkFAWEi364xA8bdc2RECNF74UwpH8qAzpguWkjbFPHEZ9c34fV/8nnwGD6G7fNIwmypFJIOfBR9uFVbeJ9HMjqFgjWEcpAV9hdqcITNwnneQ5aszWV4844DxjHjZxvQoFlJKGSfzXQIrAy5KqN3o6mzFIJBRsT6TK8P5D6osyHK/WjgzO9sqSzuDKavZFC/UO/z8BgkvM9jvHweaWBMs9oDf2MZuAmIPahvO9A32rC26JaAWIwjvi/uWLfDcdnHZIV9UQLS7np0MqC71wOVd94kNq7z0JK/KlYta4CQsC4ZriXub3quLOQqmtRgTK3H8NCVz6PbPifDCaFKsRAqHgdmZsLnHu0xaJ9HSyge4+Dz6Pb4+s2I5QIWLjzfSE9CMCTrb8/vN5Zx616k6i6R/lcpEyqeNkpPjcoFCMO6JiNAJpgcIVpWBXmbjNRbrTAJBBhr5KuISJ/Hr544Bee9z8NjAPA+j/H0eaSB6sXsmX7jmUth6EL9AGvw3ZXaQBqPr+s4Plt1cO5neBmwuLmBRW4cx8CBzIbR2S1tYwQVosVNmT9+NqKqr7hBET+6vMk9dngffOLCEngMDh19Hr2MIpxyZvdAlQPDrVDx2JHDgHDS4H0endEtAcHhRb+1QVx4pLILPt54MfV2n1u/Bnyv2b/HPmNZSJCTd5WcoaVqrKBe5y2VsTBUrIUCwsh9IxaileAVkahjzZBC0ciclYcWIn0eH75wET52KZ/7BPo8fvDWW+Af3nmH93l4eJ/HBPg80kDXCSGjdHuwDT0QEJtaTEwGrB4N6B0JCDGg2+dM73NK8VDnJlQPJomWvCGKPyL8yiQswjMCHB7cvcOTkAGgK59HluMHI7tBMrzPo3sM2ufBRe2McfB5UKRVZ1gOBATxynJvA9r1oAknttfgjopWJ7n9eXNdKYTUExSvNUEpMzy3RkgcZXp0GX7FhWrClJ9E31lkMUTbKyL32QiCsM2C2h+oAidZpO/9+MWL8FsvnIaPvnglt3CrNx/cB+86fpv3eXh4n8eE+TzSoMTVBM4gCcjwDej2ufZiQDfPLUmJiRv/3QoIV/HBsl19U9JSvVRAonWYkf4xMqCrCiFifWapH6Blew5wz+I8eOSDrn0eefY7DjIifR5IPny4VXsM2ucBgniMg8/DhTQEhIuBPH4P88JdhR3wXCt9wg0MyTpOSAgj56W8HKJ/NQmJrnQoJ3rKDOt7cD0RBJxMEskMWyBSqetEI4yY+bgRvBWtgwO2GoZk0Qq3FlnpFU9cv5GL0fy+hXn4qZfc4X0eHt7nMcE+j26AYcXbjYZO0QvWoNw14Ia0BGRcM2Al7JODtdwmII5rkJQBy9yc3MSoAiIX0vPlxn0O1O2Jq4kwlZLXDL+iKXtljREGd+yYA4/skKqexwD7nkqpADvLFdhbq4apdT3aw/s80qOb47bXaeR8fV9V2QvPbaYnIRiS9d0Lh5zvcREnq5OHSMJB+neRnRDXQe/GdrAt0qkrVqFDtECwGqarPJFu3xmehYs2g2ZEQgBMIiKPs48uBj0ZP/f1Z3vc2gT6PH7o2BH40Tvv8D4PD+/zmAKfRxKwT9xuNmGrXg/vdSBT9EIXBMQe1CcTEG61YW3hJCDxY3Aa0I3msyAgLpIQa70tAXEb0JPadp2ni+TFL5IrzEuHYGkDengLIwTEbI+pFJIgbpq3znlzehZIXc9jAARE+jxwpjnP2eZJgfd59I5eCAjkrIIgHirvAtg8lXq7r23dhLWgAXOFEin/Cu4bG5kV4kwXjpXvyf8Co/OW4VvM8IsA6bdVzacEIhKmZeYBlJwDmv60ECQLmJ2q13of6PP4jkP74Z/ce7f3eXiESseW93mMwBENB3UkHo1G+BdRwDpjlQrUymXiCZHgsSG4e9YfXGPl3ghIO/Ujvn/z+NplwKLkwz7PrA3o9jXoSEDsdvERWHHBdD9ciyLKqM4ZvTWqkIHoXkZlFPNmhJEBBbEOtvHY4b3wiQtXwSMdeq7n0eXYoFwoQKXAjEEGduLbYdxs8nYh6RDkw6fVbQ/v8+gfnQiI633s05rhzTnfGcHjxTnYwyqwBNupt31y8ya8ena30a9HIVeESYBkDEBmgrhFRqIsWVuths6tzql6IhYLIiILIMZCch1EBPuCkgypNNSQ/sOyMD1uWhLifR4eEkiS8fu5HTS9z2MKgUrHZr0eEg+ZCKlaLofEo0x8gCXVSbkUhqRBPtgDb3AOvsEagJvr90JAkn0X9r6zICCxY0kgIMZxpMmAlbj/6GZGK6Ab52TdbyQBCcSsmpLyud5WTq9xGTpADO0P7l7wJKRLoM8DQ63+7pF9vdXz6KI/misVQ98Gc6xeKxaAQwmaAYeVRgNa4ksZ+jyq1ZB8VHwV87bwPo/skJaAcNJ/Ya2LQeDe4iIsta6k3tNTmyvw6OwuaymjHbaRjlfqJZqucKVIV1hB1E5Ujj2ilsiNSLiWbEv5/mQ/b3YKGFM/WyzrRY6wrF6Bvo33fOWpjlt7n4eHRFTRP1I9vM9j+iB9HlvNpppkq5RK4aOWkHUzmr7NjYAkqB+QnoCMQwasrg3osXPWrSoDunFukjDY14QcO6NtipkyfWeK/reypomeqJMAACAASURBVEh2eouvF9IW6PN47YHd8L3Hb+ns82iHDv0SqlO7iXrB7d8MARZCOzhTC0OI5ksl7/PoAt7nMVjEQ02lUh1lcJod0Hf24cpO+Mt6ehLy+Y3r8I926xl9RvMXSkWC9MUy6QeAVJn1VtjPFlRIlmxDudvNFL6Gp08o3lZoljSuR4O+qIK6s3vpI1sWEgqsVO4yqHufhwdFXXg8vM9j+uD0eWC4VbUako9ih/ttKRMCMqIGdOutgWXA4uZGHQgI2ZvjfGP7Fnc7Tm90sQxYYhaOMhNGCQ4hNRzgJQvenO4Cejww3Kprn0c7dEFA9larhiHVvR4LCcdMseiJRxfA2NOK93nkgnbEyuhrOS3GGvU+hQHWokFz+n+E51Nvd6W5DZeb23CgFCme9n1IV0sHRSbEGypVOq4RiFpN1WIRNpqNaHvR+coMWsCBPNchW7Jvp6FZqlaUIDeNoGnGmzuyZfWK7z5yWJEQ7/PwoJhWnweiqsKtvM/D9nlgyFWaiT7hCemFgLjUALJFlwSEm/9kRkDiJMelsLQnINx6M6ZCyOWZExCaplcuZcasm7zpybV1/Q9wbAsq3aPOmKX3s6/mJXSJOxfm4O23HUzv82iHLsYBqIC0IyAzQu2YGWAI0biiIMKtSgO6VnwCfR6dkJqAcLMPXBggCZljJThamIXTwXrqbWWWLJ08N4KZ2QpUNXSuanxQMhI9x8KFXHTMqn6TIiKgnssJJC2U6BpPsknqF9wOApjVvbx4g4ZltSt72B7o7fhvp057n4dHiGn2eUQezZL3eTh8HlURctULSuZw2h4FtRnoQ1oCYusL6TJgtTOgGy0MLAMWjx0XJSDmebpIXsJ+iAE9dq4ybTwxoBsHZtELdcOT+yQpIIGkiNxTne4K2X37PPoEekCKciBCgJ3eXLkcko+SJx5tgZ0hzr5gR+h9HsNDJwKCy4IBfkYS31bZA6eb6UnI1zZvhiTE7tVlZiughCRGRsTKgjngejh7iulJuSAiRr51+ZyEaYV9Nmck/Eoo4NYwCGejcXaWO+c8+rvWf/q3Xt/X9h7jjWn2eWA/VQuJh/d5uHweSD5Yn9dFUZdO6geYw+aOaoOx6YRkwOLmBua+yIamsuI6R5e6RPZDyEUQmAZ0STHozUZ6RnQBLF34sG26R65vZS/fuwhfvroC04LMfB6d0JURXc8ghLGUxWJIPvLOHDQJKAmDufd5DA5dp+OlBISQkJ3VwRP9Ryq74IMbZ1Nvh6l6qfIsZ4ioEhJPtSvJCN1OVlAvQB1aioCYE0XcEaYVJyIGuBwkNkMSYr5Hs5dkU0ndY3owrT4P/JVg6KT3efTu80iDKByrAwGxhtG5ZsAaqAHddSw9EZBeMmDRds1zY06iJciFpCFMnyNjZoOqmBZLIiDmfBkP07pOhxqCaXW/7/ZD2fg8MgBKu6iC1LzPo2t4n8fw0G0YVpyARIo0LxWHQq4fKO+EGVaEdUg3oFoPWvDUxgo8PLNg3WtMU3k4YeQgIzolb/RNDclyM3qJ16WgMhWSrIWEiEhwUf8J25JGdUVJGEAjCMLvZoGZE1QKXkn16ALe5+F9Hln4PNKgNC4ZsOJKCVg3BbqPLghIBgZ0+/z1Nu0zYLn2HyM/nIZWSXJhnqO8ScnzC8mLYVIneeZJKnu9F22evH/XDvjkxclN04vKx7982d3wyJ7Fwe20w30f63jsr9VC74n3ebSH93mMNuwwLDkxJSdNQgLCOdTKw/Of3VtahC+3rqfeDkOyHgpJiAZT5xuRAg6QSEakigHCL4IkDGeXJemIe0LIPYtZ2bOoui37e+EbqYcV1K3JJK+GeHSA93l4n0fWPo80IHsYzwxY8X04FJkOGbC49aZLhbAJiLxpuPaVpLQkEa5Yml5j3/o8Te2CeD7I9WakPaWAWOEDYfVeUbBQ3kQXsjJhjyDQbP7eV92XndG8D/h6Ht3D+zzGDxwk8dB9lFJCCgx2DNCQbuO11X3w5e30JOQLGzfgnbsOK7KgTOUCTJ2rJiN0IklluhJ+EZxxRRIi+29OFAz5jxmOBUrZBmJU1wW+IuV7s6VJiFdDPNrB+zy8zyNPn0caiFFZlhmwbH3BVCLMdWN7z5aAJOwzSwJiHENaApJ0rsw6T0sBkel1VcNUmld3Hx4zoMsMWQHE/ZCHh2DIHgRQAfnXL7t78ASEfGaVYiFUPTAFrw+36gzv8xhNqGtjpXFzXjMhf8j38G+pOtx6RFgvpBe8UN+AtaAF8yJMQ/X/0ssh2qRkxMyexYw+mIm+OgCtfuhQKnkDkERDpmHXdUqYICZ6cglEexxavAVF1j6cxElQPKYC3ufhfR6D8HmkQantQB/SExC3+mG1amzrUgTIO70M/sk/VpMmAXEdh4OEdSQgPLan9ASkDdGSAr1tUmeu68c4jbjSRbWMFL08pqvsr00mCfnH9942lIxX6PNAtQPJBz482sP7PMYIuvPRJANIPxzFXkU8BLiaOBn272B/sQZ7ClVYCrZSb/v59evw2I595neTc6MnleqIXb9JKhqMJAPB2PPtVlMpIZKIMJq+V7SucmIR0gGupLscYKvVCrPtgTEfZabr9RRkuuB9Ht7nMWifRxqUkmb+5Z/44D62lniRNgNWsu/C2o0xKLf3O9gMWNkY0DsRECZu2jzWJpl1w1SXyswollkERR6FkaTFulpcFNKaRISpd4/uH+iZKeJR1ZXPPdzwPo/xQUztcHT2HExSEj7n4kWlPBKhD5iq9/HmhdTbfX3zZkhCCP8COqwH2W9TYzjxYBhEBDhUWBG2oCEaIkZ0uQ0hDrL/Z8SUDgkmdYztb1961vdJ0wDv8/A+j2H6PNKgZA9uXSRALR3HDFhtDegZE5C2BMt1bm5TewCGl5Bkhwft/4j9tmT7JERApHYMlzMyQ0eCjOXN7rb5GbvBscf3Hj80kFMIfR61akg+MPTKIxne5zE5SApdM3wg4r/dteGGYkn8jdoueHwjPQl5anM1eiI8GXSSyCAjhuogMxrqDFoyVAsfBVaAgAc6PQg3UhqKRkkBQ1XlyawHBeRVFOvfis/8eoP6xMP7PLzPY1R8HmkgKqZLjK4B3XqrJwM6WSWBKIBTmejJgO7Yf2zfxnk5iI/L40L9H+rewg25Xu+caW8kuQEaBy1m7mrFyZMr86z/oXweNe/z6Abe5zG+6HT9OAm9EktUGFY4C1cqjUzNm4d69IVcaW7Dye0NuKM6Y0jKpidEQN2HmPBy6EyEsl/GfhhDRTZagerXY+TCqiUSzRsxHXZrqCGqGai3moqEcJf24RXaiYL3eXifB5KPhphkGwWfRxqUxoGAxPfhUlg6EADrzTgJgOwIiON8MyEgdgIBRlqIZcAyb0DWBB2ZOaN11icLWafjNXweVe/z6ATv85hctDejy+dRvzM7ZEM6xRwrwb2lBfhGPX1h1j+7uQQ/vvdWY6KHej+A9LncDo91hGaVRc0QVVNFpDY06oXQbp5xso+4EiPf2eYYkuXyjJg3ASdB8RgLeJ+H93lI8gEj6PNIA5UdKx0BsfWFBAM6eZINAXGRhFjrbQlIXwZ0x8235wxYHQgIzRcf3XsCdVuRM2HqTkfakzcsHdLFxb3HjGBWNzARUjaqUt0owPs80gM7w8oA1DXufR65Iq0KIp/L/1ihMNS0vC68afZgTyTkE6tL8NiOvXBHNVJYaZ/KybSP5hNkQkgazq36IUhEGjIkS/TntB4IWCZ1IGqI9oZYmbI4wHarBbViCYDeFwx4CjJu8D4P7/MIw60ajZH3eaSB6qXaqQ3QRgUAayCunhkDepciQN5xDMqtJjI3oNv742YTHTNgcfOf7ghIF0RLGzv1TUcWutKHRWbE1GrSgM6IX8SU6mk6SJkmUuacx3ZftncBvnL1Jnh4n0e/QDUiTxLifR7Dh93vqpS8RAUpjmDWve+YuwX+aPUcnA42Um2H1dN/5vwz8H8fugsenl0gJEMV8ACxwIChjuhcheGzEiuG1c5Vn811DRBdB8piGGInul0jQDdcGhUuLLYhGp6AjAO8z8P7PFD12Gw0xsrnkQYlm1DTATjEbjSjnQErdiwJBMQ4jpwyYMXIVqxNV1phQi7IOk7/B1nRJCymAZ2ZG0fVfFWYgCnZ7xyxGct+cfLmRipfiPd5ZAfsPGXtg6zgfR6jAXXtYyqI+R8uwcKco4h/setB+JfXnobng9VURxcSkXPPwpsW9sK79h6Bg+WqoXiICxEnIjLeipmhWTjAwiKDUf+saYpSuQ3fCVVDpOePeEmI4t0If3+yIK1xIN6gPgbwPg/v8xhnn0caGCOtxPArSE9AxiEDVpyAubNVxYlO+/23z4CVxv+hg4rt9o1AAF2QVxnQzfa4rvYbm5dzE7pJwJPXVjqSEO/zyA+hGtInmUMi05ThVp54DBQdiZ7M5MRlRiypiESPQrU6kjOYy/U6rGxuw/82eyd8rbECf7BxHpaC7VRt/NnKEnzsxhL88N7D8H17DsF8sUTCWu3pnQh2fSYQa5YLDBqB7n8ZN2ee4kTBap9WUSfrYx2SmVK7CuqpTtkjZ3ifh/d5TIrPIw3UCGEsDOh6x8kEwHozvh7ECAhVIex9JSktSYQrDwO6WTFdtx4Pv3IY0AVjcd2EuLrhOW9RY4+PnV+Ctyek6cU49TDcyvs8ckOjRxLCBYGpe5/HyMEkJpx0eLYOwmFxhAzpEkhALm6sq9cPlRfhocVF+POtK/DhtYuwDulmnn976Tz8wdUXQyLyIweOEj+fmAxyZNECy6heLZSgHtSNvpiqITRTFsSm/Yh5XT2Jlm/xJsxAOYmCeBYyAvA+D+/zmESfRxqIFL3dExBu/jM4ApJAejoSEFvZGBMCwvQmOsUjyYBlZ2ORNz07AxYnNylOM6/In/2EEhDEiZvrcGVjW1VMx3CrAzMz3ucxIIQqRhB0PYvTlOFW3ucxdHQ0pNMQU0dGLFYqj1zab5uAULyxth8ere6BT6xfho+vXU5FRtZbLfivl8/B49euwD84eBTesnt/RESocdwIsSVhWcBCtUh6z11qCM2UpYsaWikQuc6yJd8OAvz9taBkp+v1IVlDhfd5eJ/HpPs80qCUVwasdgZ0owWbgDi9Enbr7QnIuGTAaneO7fep/R8ucFLWyjxbu5aIdS0mEJ++dB1+8v7j3ucxJCChaEdCkKhghzxKPg9ZUBGPreWVGAVud56kr6YKCL6qjpgXZGlrC5a2NtuuM8uK8Lb5W+A1M3vgf968CH+5fjXVPi7Vt+FfnTkBj1+9Av/w0FF4+Q5Zk8Sa6HH0vxVWgm3ejCnTnIbSOjpvOs3kMqhvExLihFeBBwbv8/A+j259Hkn3wkkkKI6K6XEiANagGKyBMSQOyMk7jkG5vd+sM2BxcwOL3PRuQG+3nzQkhxI+m+yZOeb1PpVCwsyZNSMDFjBaTyvWJt03nUybJCxWyvDLr7wf3nHnkQk7s/ECdrgoL9Pv16j6PEqimGJZzODjsa1vp/MKTAK6TcurnpOsGzIhBqqNowJUP1AF6RZ7i1X40V3H4W/PH4DfvX4Gnt5MZ17/6toKvOe5FXhkfgH+xe0vgVuqM2Y/y3WRWOnhqxYKsB3IJepKq3ogTKXqldtDeBMoqBojboM6kpA594foCcgA4H0e3ueR5PMIw8CjcJT4N0P67axlid8gsu64ERWrYnp6AjJQA7rrWPIiINxY22rXdW7dmto7ExClWuinsfapAV3FG9v+D2tWTR+pmYOeyf2yBDYyZn3nW289CL/+2kdgoeKVj1EAkg0c2I+iz6MgSAeSDzs8AF8XREprjwhmP2q+4IKFFGe7z0iXN9ISEIpj5Vn45wfuhWe2bsJvXz0Dp7bTpfT96uoKvPXJL8Nb9uyHf3bbHbCDKrGUBLBothhniVtcKhsJU0MGebC0D4NXyBBeHhrUqx1qhriM9B69IVR3gxZseZ/HCBzR4OHyechQq4ozA6kc5HX4rrjeZ8z84dvjd5m5b4SJSclwzGVIQOJKiblSZwJiD9Zjw/cORAFiyoRasyuykNSuTUAyNKA725fHzGLnZVfkNfKvkIwp+sYjbjbyWJkq0tt+UqzT93eE+tmfe+Su8DHuWGk04GsrUc2WsxsbcHY9CiVZLJfhwZ0L4fOHFhfC16OOOpkJGgUgsUDVA8lHp7hkXAdnsqYddlpe+0cvPSL4d1RUkH4ICMV9tQX4f448CJ9eXYLfv3oertTTqWMfWboMn7p2DX7o0GH4oVsOw0KpRKqn6zCrKF1vQ9d2MmeTHN2wDq/FNQoJdAIHxFVfMyRXSJ8H1mdpTFkIp/d5xH0e2F9WBOmI+Tw4h8vbG+HjCv7d0pMbL6zfhPVWdK98cGGvsY/ZUhnumFsMn98+uwBzmPmO9MtAxnnGbIOtoIwYMdHTI+OeAStGbsYsAxZtgRjQAXRxdH1eLE5AqFdRNKBvcqDfV14SXaSw7+/iiJCUn7jv+NgSECQcn126Bp+5io+rcLPR3cB3oVwKs/u8bu8eeO2+PeHfUcMoeD2kz0OGXHWL0pSRkG7T8kZGdK7DscTrYq0WzoYOG1kREIpv37EPXjG3Cx6/fgk+fP0irKWI7V9rNeHXzp2B37l4Hn72+B3wPQcOGoZwvIZ43TZb8rXsl2XsrbjmVkiWDtcSk05WBXUQJMSpgFidf4L24tEGeG0bYXYr7/OYNtg+D3yNyvqs5fO4vLUOX795FV5YX4YX1lfgGzevqqvoFkCiXyFuw61lNm6bXYSD1Vm4fW4Bjs8twMHqXPhcjfsARIi+bIaBzIJhj7eHRUrYhWs33soD/pEkJQDoGDJTAuIiCe59JhEQtwE9qW3H/F1aApKDAZ2en3HtYumvWFigSsZcMxk6JW5MjIFawMLXIlRLvidveOK1XIeR1//7l56FT126BgNHBmPU1x3cA3/y5kcHf+x9ABWOXz1xCh5/8RKc22hvmu0WSEreeugg/MSdt4dKybRDkg7822sXu16vT02qYBcJMfswDlzUtOA8KkgpiQhmY1pcWIDZISeAyIOA2FhvNeEDS+fhw9cuAiY4CsLzj+4h4TURy8LXgVCJRD0VtH4cqtbgF++6G165c6fuhwFgo9mABg+AyfEC6D4axPMCgLFN9Jep9SU5Uf09AMyVKlAr6s/FGJSESFJbPGygzyNMq4sDz1EKAxgAvM8j7vNA1Kx6Hi+s3YBPLp2Fb9xcComHnCzgZNgG5Bdndrt28gn3cv0eM37Gc8VySEhQSXlocTc8uLjHioixU3pbCYz4YAkJOy9IiDoEi0XESYVLEYDYIJoOysEeZ6bKgOXeX18ZsNoY0O1z7tqA3iUBiZ9PfJ/iW6Dai30fxGykypqiCIZ8mynSAupmJW5OCQQEHz/9pWfhL4ZBQjqhQz+PJvTPf9ffhKPzMyNwsJ2Basd/OnEK/uTFS7nu57V798DP3XvXSKojeaKdz6MX4CzX1giFk+WFJBVEJ9LQCgglH0oNKRTgwOLiUM9hEASE4nJjG37j4in4/Mq1VCREPn/F4k74qduOw6t27Qz77CYPYKNVN8mEQTbaEBD5nE4+iYEOzsruLNfiZMP6fXgS4sY0+zxQ6UAC630e2ucBIq0uEo+wnocIsfrzpdPwyStnYWl7IzZs4c5rRzy51nJz2/gy2i5jsZVpcBY8uLAHHt19ICQkt88txhISGS3TwaSqe5QtaPiaQULaE5Bk3wWAY+CfQEDGJQOWQVu6yIAVJ1U28eledZF2c82WzQxY9g0kumHRL4tWSjQBYUqJU0oJA5GjXpKQZ+AvLl2HccPPPTwePhBUPn72a8/kTj5sTAMZSePzSAv8za1tbQ3iNIaKjiqIJBwgB9OBQUJqc/ND9YMMmoBQfG1tBX730jl4anUlFQmRy7/n4EH46eO3w9HZGtxsbEc9viQawDoQD7pMvwaipuD/O0s1IxVojIiQMF4PmHqfBxbRrHqfh1HPA+8vknzI39g3Vq7Ah148AV+8fjF8nUwY3Nmt+lVDoAMRsfe5vzoLr9p9AN607wjcMb8QU0CdhCSDkC1XmmKcMFQkZGQyYLU1oHenTKj1YgSkHwN6t22mIzjO9klolQ7b1S5yqoComS0aciXfIwqJrX4AY4qASDLytk9/FU6tpssAMwo4/4NvHvlMWL/47PPwi998fqjH8J47jsPP33vXWJjZu0GvPo9egDeiSS6i2FEFkf0cISIhCQm4mhnev3PnUAYsuP8LG+uwOgJqFSoiv3ruBbi0tZ2KhMjnP337cfjBw4egVtREQ/bvkmQUXMRDXPYCVb3p9gAwUyyH5lYJr4a4Mc0+D1Q7UPXwPg9zoDxTLocEpEgKsH595Qp84PwzkccjNv6EFEREG3y5a7nRprlcR2ExxxZ6SdI+91dnFCFBL4matLD3ZBnr05ARO3wNt62hYV+Er4UkJGihEmLP3Ms/yQTE4i1dExA6gLf3mUxAusuAxc2NulciVLtt9m2cVx4ZsASlMCemxPtMf33JF4ASFEYVEGB6uUVCqAISkZGooYc/8lkYN2A63g/8rZeP7FGj+vGDf/Vl+LrIdDVsHJ2dgd971SvG2i+Shc+jW3BRcBE70kkOw2hHQqjaa4dgSUWkWJuBfTODD4fEz+T02ipsjRhB/MPLF+G3LpyBNfzepCAh+JgvluCdRw/BTxw/pgYFBaVsJIdkFRhVQCiJEW0UGOwqz+iJK3mwnoRMtc+jIjwe3ufhHigXlZk7ApKP3wvJx5JJDGJj4WTVAsAcO7rVELONrtQQc4Fq213Y2mz7+OwCvGn/EXjTvsMwL2p7GYSEWdu1ISOu8LWqyBRWsTyD7NxVVEKCj4A1GIc+CIh9HZMG5/Y+OVjL25IAyI6AOM43TwLi3CdpLzKgazldrq/CsVAJ4VzNgMlsWbYBHUhssGlQZ8AKclYNlG9kHEkIFiR8z73HR+BI4sCMV9/xmc93nelqkPi1lz0M77z16MgdVxKy9nl0AnaiOBM2yeoHRadQrIiAcTJg1uFYOMjeu3PnwLNijSoBkcCMWP/j0gX44MULIRnploRwMRl2qFqFf3z8GHzP4QMJIVkOMmKEcIEeRojli+WqUUE9TkQsgjLB8D4P7/PoNFCWmUbxR7nebMD7zjwJn1o6o9rghHAw6ytEiUhsTAwA98zvDp/gXy7WPFrbATMigcRzazeMbc5uroYJMTZaTTi3tWa1SMP3tbLifD8ebxVbHZWRN+4/Ag8t7FbbyHaT1JHw9+QIX6u60hTTIzh39bqZHavtgBxig2hoMzB3kwS79fYEpC8DuuPmOowMWGn3aTBdJvcnbipc+j/AlOWYVkOo+qGkfEpKCuRmVdA3t3EkIR9986Pw2gOj53V4/9lz8J6vPJV6u9vm5uC2uVn49gP7wtfL9QY8eWMZnlxeDp9niZ+7567QKzKqyNPn4YLsRJsiz/u0oLMhXRMP25SON5tCpQL75+cHerVGnYBQXNregv967gx89MrlVCRE8D54+a5F+Mnbj8G37dllKCM28QC5PBbCBeJdFsb4z5cr6t4xbWqI93l4n0c3A2VFPqIX8OEXvwW/d/5p2BA1PLhj8M4sNSQQSxGzxRK8dGF/SDiOzuwIyQaQvtVsyzGTD+ZEAe7ran0LrtW34Ln1Zbha34Szm2twdmvNJJWqneSwLObiLCRc651H74RX7doP86VKLFwLZPhasxmFr2Ga9mIxDF+jaYrbISQhARrTjQF9dwTEvmBtB//knzgBce8vkYDEDOgOAtKlAd3ej0FAuiBavNN+UxMQ0KyVc62EyCwKkpUSBQToF4MY0AGYQU4iAkJm0XAWJFy3ANfrdXjDn/01jBuefvsbRy4rVloCsrNShl944H744eO3wkKpDDg3FRB7UAAcKkUGZ9c34JeefQ5+7VsnMzvWd9x6BH79ZY9k1l6/GKTPA8RgFtUO7ECntTL6uKXlHScCQvGt9TX4D6dOwleWl1OREC7uI6/ctQi//OA9cGR2pk2WLPmaJCWxlJPdFd1fmpOik0tEvM/D+zxcPg/XQJmqH1e21+G9J78ET4vQK90ruhUEGve0tzIDjyzsh9fsPqxIR6DGi3osKe/zyeNuVdqDjPXiZUnx+UbQgnObq/Dc+gp8c+0GPLe2TNZyG+Njv3QSdiWfzhbL8LZDx+BN+w/DgeosNFpNqDdbKnwtLFhZwfC1SnTfTuEbYWdRCWmJ7FiWvBHjZwmDcrA+iG4JSMwMn0BAjOPIKQNWegO6cRW6WyeRgGjCE5EOUsHGiMNT30JjBkuyU0VQlBpiERBJQoRUUihEreDf526uww/85ZMwbrj5rreO1BFjzY93/NWXu17//7zvHvgXD94HRShAs4UzNe718JOKih7zUI599xe/BB86fzGTY/6lB++Hn7hzuCFtQ/F5IPHocTb0Un0Zvr75IiwHdaiLOa8aFGFXoQb3zuyHQ5WdGR91PugnLW94Qy0wOLg4uHMdVwJC8dWVZfj3J0/C82urqUiIvE/8L4cPwj+/9yVhavKCQUDiNUNoliw5qMAZzeoU1AzxPg/v82hniHaBjuW+cP0C/MrJvw7VD97OUE7HjKwA98zuhsf2HYOHF/ZrFVmGssq1c/o6atUzmqTeDJrw/NoyPLF6LSQkqJ7Ej9+l6uh/aK+A/7xm5374nv23wr5qTV3PqpiEolaAaCMxhd6GkLCzSzIca4AEJAMDOtAPviMRaL//9gQkPwO687wYGPunDDh6P5JGqD+EfmGAzJDhgFUZ0CEiIFIdkQREPvckpH+k8YCg+vEXb3g9PLC4CK0WSyQfLpSKSEg4/P6Zc/BDX8hGvRqGR2TcfB43muvwzc1LcKG5CtuhPqV/u/InLGX6ChRCQnKsshPunT2Y1Slkjq7S8sq/xAuy3qjDV29ehTceuXNgaXkngYBQPH75Erzv9Gm4uLmVioQgdhRL8HuP/g24f2E+/CduUwAAIABJREFUVpy2QCaqTIN6dK/AgemOclUdySSFZHmfh/d5dGuIprDDr37z9JPwkUvPx5QPJxERfeRrdh+B79p/J+ypzET9JOlLA2Nc6Wol389LTkqc21yDz924DE/cvBoSEhLQr/6aR6d1F7DWfeO+w/BDR++E/bUZ0udYLXaRVYv99dkXv3d/tfzf9YrWABnMK580MAfX4Bz0CDxxgG69aSoGZLl9DGNgQKftdxvyxci/dKmuESJYCYkD1jVCrHhgZ7X0eJFC9IX86YUl+PknhptCtheMiidkpdGAV3/qL7uqfI4E5Kk3PwaHZ2YBbR693Crx8yuXOHz04iV422c+19MxU2Cl9Y++7tUDy5pVEykP80a/Po+toA4nti7Difp12OTN8GYSiEGi/AuqG9BqJHBN/ktQgD2FGtxW2Qn3zY0WIWlHQlxpeb+8fBme31yGM/UNmCtW4Bfu+baBEEgkHufW1yYujn+12YR/9OST8PzqaioSggtvmanBR1/3ylARsQlHkhoiVfJd5RoURHiOOySLD2BolA28z8P7PHoxREsY5vNWA37+6U/B6Y2V8F17QG4vw01fungQ/t4t98Du8oxRS8kIvXLA/nUZES1dnLccKaouwbEb2Zfb1wBfPr+2ogjJRqtl7FP9ijgY/jJTFolefNvu/WGoFlZnp8VSjavWhoyUtoNWEaCsGs6MgNgEwGg/GwJiHMOYZcCKn5fYn/FZcUrOI7CoNabWFcl7FZHnShXRm3DgRhEq8jUXnGYUMzh1g5WMzdq94se/8lRXBATxR699NRyZmYWtPg4dP+9Gg8FbDh8MQ7p+6Zlv9nX8+Pm/5ytPwufe8Df7aqdb5DlLmYXP4/nNF+F0/Tpc51thG+EDrGJ9qk/Qv7XwbyBr+kRdcgsCuMjX4cXNDfjS1iXYV6jBwfJ8GLY1Uxxecb92pIy+c2rzJnxldQlO19dhOwigFbTCG/8P3HL7wAjImbVVaE3gzPaOUgn+8yOPwHd+4QuwmrIPvrC5BR+/vATff+RQjDzQZyp6nKu8JlDnAdQECXEPelib90YD3ufhfR518QChrM9Vq10bosGawH5hYxn+r2c+5TSf67X1gOzozAL8wC33wV1zu8PjwT5Rh12Z40cZqEJHYSrtNpCJYrk+iWwhJ63Iku4JtX/YHjtyiwwYY98A4CVzi+Hj+4Pb4amb1+Ez116E59dvkjUl+VAHr7dn0bgSF37x+pXwgWTkx267Bw5UiWeNjNkVGWHU84yTdOT86MXumoA4q4Xbp5ysEBhr2iQgtp6DgPDYntJnwOriPLPOgJUUosUgfk7Rd48bBWn00EcTEC7uMkx+SWRbsSq49NuEvwaACxvbMI74zKVr8Jajw51dRh9It1XQ33HsVnjtvr2wnQF3wo8OicgvPvxAGJp1en29r/awlgkWVRxExiwkCdUMzcw8A5/H5foyPLN1Ea7xrTCevGWRj0AQD5DLQM5a09+3vEnJ6QFRNFQQkia04FzQgvPNDfjK5hLsLdTg1soOuG92uIREQvZzS/UNeGr1Kjy/dRNWWq3oegQBBC28Lq3QkP7Izr25H88kExAJJCLfefAgfODc+dTbfuLSEnwfkhCgg5Toa1iQBEQyDxLbu9VqQq3g+P3RsJQRpCDe5+F9HpJ8yDIFM5VKW5+HC0b4FQD8+dIp+M0zTygCQsPiDYjO/rsO3gXfuf/O8J7QEio7F783zvWvxiYfBUuVpKqBTUaYIkLiQJThgygycvwtBvZKxbbIipwsk+As8qm0UM5vNOHeyjzcfeB2WG424JMrl+EbazdCk7uh/UiWw+KXB19LMvKGfbeEGbVCMsL0ebvJCIcScAcBSRiUg7XjrDNgcXMDi9xkY0DvSEAcKks8A1avBnRz206kSmbAip0PA+sI6c2GEBSDgMRvJpSln1vvbhZ/1PD42cvwS6+4f2hHhWFYP/u1p7te/1df/lIIWklZKtIj7ENaAP/zdY/CSz/2yb7bw6ru7zx2BG6dnc3oCN0I1Yog6DsDVr8+j+XWeqh6vNhCn0fLUD3CInPAyTJQhATEtefk98oJAVFp60IlUj+PCAlXYTKXWhtweXMTvryFhKQKxyqLcLy2C/aU873+LhUE8+A/sboEJ7ZW4MXWdniDwmuAA78gVECilLx4zd+w92judUGmgYBIfPu+fT2RELeCLSfwGBlnMYOjtIKIVMoZYzfdMHSUocH7PLzPA30e22Hhz2iCqRufRxJs/wcSkF954YuOcCtr4M4hTK/7I0cegsO1HUL5iL6f1B/IyC3ADo8syEkpIO/FavuQsHvHcJ9bY01OJsTCSBl5TxL15LhFSlryejYaYd+OwNpBtWoNds7Ow48u7oLNoAWfv3EZPnntovKOCG1F1UOhy+hY8lNLF8PHG/YdhncevT3MpiWnBV1kpGQN4QdoQM+YgHBjbef++86A5SBYxjpt2++C8IiwKdf+mHVLiDaVX1oto6ivLbcVNOsHJdsUibjOrNOsCeODs2sb8NnL14bmC/lPJ051HYb192+/DeZLJcg6ggzVaDS4Y42RftUQxL959vmBpO1F4tALCcnC5/HC9mU43bgG67wpQqsCQTZA+D6o+hH9do3loH928gagO2Kmio2qOTBJSnjUZTNyMwpvTYzBZb4Jlze24EubV2CeleB4eQHunduXOyH56s0r8NzmMlxsboWZvhThwFm+llCEkHxgcUIxeH3LodtzPaZpIiD9YEdZDMKMmV15D+EqxhwcVGKz1YD5QjVOQey2yH1pUMNg7/PwPo+6yGzVJD6P2VqtK59HEqj/A/GbZ74Kj1/SXlhuPNGDKvw+PrbvOHz/ofuiflFmC3RluhJkw6jlI//ie6xgLo/V9GHk92qSES53QMZ4XJ1X9IuPiIdWRsK/SDxaLVNFKjCYL9XCjJQFNRkR7WGmWIQ37r0F3rT3cEhGPnH1Apzb2kgUiOzrF5GRC/DnSxfhuw7eCu84egfsKJXD+6bhfeFchmO1D7+y3urJgE5WSSAKEBuot9tXW7Lg2P+gDOhqrbSKC9Hw9PefzELxSEJTqzK9L2U+ZGDYmhRBiV4ZX2VGvsi43qm1DRhXvP/E+aGQEFRBfvXkC12v/+N33A5BkP1NJfq+MHj37bfBL3y9e1UmCR84ex5+/t67cldDmmImqZsrkoXP4+T2RThbvyZ8HhBV/DaUjuh32uJihiugoVhgmNF1B89IHDCQs2HkNyeL/cjfJVfGdSZCZMJoGSgocrLMAnhy+xp8rX4d5lgJbi8vwH0ZERI87jObK/DE2jU439oMq/C2RP2PkIDwSKbH/3AAiDew6PoHYZ2Q47OLsKNc7vs4kjCNBGS12Zsn71W7d8ZmdsOvkFBBZCgvWP09Ypu3oBq0oCzCe4zfIl2RhHHRTySP4bH3eXifR78+j3btUwLyH05+Ef7i6in9Pp3JVQPEIAyTfffRh+DhHQeikFTZ31v9kxxcU/Ihnxfk81hdH0pGgEwsUy2kYE5Fi9+4kfSIk/sQISb1FoavERWJMXU9pSpBiVRA2xR/H921P3ygX+SPL5+F59dX5BnLCxv3jKg1OPzxpbPwyaWLoXkdHztCEqnDz0oA5jXXT0fHgG5uPv4ZsGwCojIYJBxrkgGdi1APFapHDOiMmfI7AIkRtm4f57ucyR9VPH72Evzaax4e+NG9/8z5VIb+R3bthLyyi2KK3++/9UgmJAQGpIZwQSySsmTxDHweS41l+Ob2RbjBN8OZ/IBTxSMww6+4S/Ewl0uyIZ8DVUNAvtZF4igxiQhGAQAHWOEPU6dTlXNDBbFcZiLBWbMVCOCJ1jV4avtGaCY+VJyFh+b2wdHaYrprUd+Ar69fhec3V2AVPR7i3GRoThSCFqhQOVTqmzxSRTiPDOl4zj9158t6+iy6wXK9Dpc3N6ZOAfn00lLqbfBm/vYjh/QNnxAHFTohVxaTWIwoG8hNMARvsVJQ39BEIuJQSuxPqFdS4n0e3ueRhc+jHSgBwW/Yr5z8K0FAmDGus0e8R2YX4N2HH4nCryz1g4ZdhVRBKCCMEI6QfAgSokkJUT6kJ0Sm1LbduyScEtR4X3szJImgY1KcOKqLNMWBiBaYKVegUiqGqockKAFNv85EIqSwUDJXXI2ryXEGd80tws/c/kCMjHB5ITgtF0EuKRZRbDXh986fhA+/eAZ+7Pjd8KZ9h6PrgUpI9wTENZgGa7jfnoC4DehJbVvEBuLMM7UZPLbv4RnQ9bpuskTbUoI6JShyFWVANzNgyR8z1/Or5AZDY9QBrmzVYZyBGbI+cPI8vOOOIwM9izQqCIZKVYsF2MgpCRkOqnEfWQHVkF9+6H5YzHHGG4QaYpOQfn0eK611eGH7IrzYuhmGF7UUoQgijwPYoVaUiIDjvShlIQdZKwNUZiyu5HpCREIw8uMEa9YIlBIScKZuKuHvXM2KFcQMWaDIC2MBNIDBenATTiyvhoTkcGkuJCS3JhCSjVYdnlq7CieFz0MbKSG8DtJU2RL1PyIPiFCDQv9HtBwrpkuyklddECQgFzf6DyccN2AF9ccvdZfYQgIJyPu/7RHYUY5+OzYBMO9i0ptkqetIACCq+TJP6oaYDZkG3qgh+lrepNKREu/z8D6PLH0e7ZBMQMyxGPU4IO6a2wPvOfZyqBWKarKKThiDIhdaATHIhyIhMgxLEhCddUqn0Na/Si082r4Q8wjVmBQzMPJWRObqDRFhwMNwvkq1CuViFL4WkPtXaEwnqYTD+5zwkBTURFt0DHaV95fMLsDPHH8AnttYgY9cPheSEdOnYpMR3ecgGXnviafh/edOhpm0Ht29PzKm6w9jMAZ0Y3+x9RwEpI0B3XravRrRhoC0Jwnp99nVOakMWBFY7BrJmh/kvuAgIHJfRsYFQ/+gX99oAPWt1fENxZJANWSQJOQzV6917QWBkITMwvXtBtQgn0E9fidmitnK+Kj05F1JHYlGIG46/fo8ztQvw9nmEmxg9iZHqJXrORcGdOX7cGTDMlQQlQUFdGiWPbEgemCplBghWkwmkNAhWjKhhJzJjv4LyPOCqgVEZ8+awOC51k34Vh0JSRH2FatwR20nzBZKcL25Bee21+FCcwMagmRE54SZrnDAGERkQygfMgwtJCGCeMi/gTCk47r/x12vzCVOfVoJCJKPf3fiRGz5bTOzYVz2zXoTGjyAuWIJ9iH541FNn392z3E4MlsTYxNuzpDK/t8Yv3CTFhA1BBMysOY2zJUiIsJtAqEct67Pndkrx0iJmhjzPg/v88jB59EONgH5L2e+Cp82CAiti6CH9Y/uOgrvOvywmLSJG8+B1OApuB4GKSEeEZUdS/bjIKmIqawoAiLv6WLgV9CTXiC8kVRFwvC1HbUalMPwNabHoPieDB1mgniIfqPA9L0Pl0lSwpQ6AsoDKb0BuP7ds4tw9/FFeG59Bf74yrmw7ojhXSFkxPaSLG1vwb9+7kl4YGEXCcfqk4DQATpAMgExqEROGbDMQ3arLOZ+XSRhMBmwzPPRphD6u9BtiQGMYL+qmzcKwZivY7K8fYthAM+urMG4A0kI3rAXKtnOoiTh8YvpZi7HEe8/ey53EoJY3+49PfTp+kU437gGN0Kfh5jVd4RT0dct8tylgrQMwsFDtSJcNxCGdLEuAFOVcNVvlIMwpVMPFiEh8octlJDoJoDLC+G8NHCS0peEaaliUWrmTIZsBeHNpc6acLNVh5P1VX0cAErJaVHCJTN9SdIh1lNhWZKUBAFRR/D8W/Cy3Qf6+aidmDYC8tzqGvzxxRfhU1eW4NL2trreVOk+saqvx5GZGrx+725466F9cPeOOTDGKPqWEYKGZOnWiAdQfDM5HfRwJPEt4M06zJXK9M7iJiOQREggTkowzp8Hoc+j7n0eU4e8fR7tYBOQTy29AH9y6Ztm/Q8ee6IIiCYf1mS7UDVo6FUx/FuIQrLCv1F4FsPnBunQY7ECo6G4qmlzR8bL6HXk8zDD12YxfK1SDr9nKjqKjE+56DC48I4URdgVF95HJB8FHi0rCCLCiGJSUNkhSach7jFhmJYgIx+5fJ54RigZ4da4NDq7b9y8IbNjDT4DVsyA7iQgLiLQfv+u8Kf2bfZOcHo1oJsERfxjkA6RHZoTNYPpDFiUjZp9PlfxhbJp+3ZkExDE2THNjGXj/SfPwXvuzX/QDKI2SBosNxowUyoAzykcK4+5Nawbgub7vEOy0uJq8wacqF+EZerzSFI9bG+H9V5AJGllPv//2XsTKEuSq0rwmf8lltz3famsJatUqk1CKjYhIQECBA2IpYFu1NCzMPQKc07PcLo5Z2DgNPTpnuUMQ4szM81hk2igGYZWCdES2kqlrUqlKtWuUlZVZkYuEZkZ+/7/d7c5trxnz8zN/fuP+BEZkRmvKvL/725u5ou52bv23n2PwvMCS0oIVBa3h6R0fJUlKXx8ssPw2Yl53ZklJJWBNz5aPHBBQUq2euqHeKTf0l995uckM3ZN6joEAhPD+9CgK0NiugVxmSQLCFpF/s7Ru2Gwz1nubxcAooHH1avw6Ws34MrSops3IrxLsMDjvYcO6kSEb965Qz9nZRFZTFu+H7utw+gYLoqVc1p3YNdZ4diBWsyG5awDnXYG2+tNqLNEhhAbX8IJPAAlOZ4HA0e3uh1gi+exPjyPMglJ6J+68Tr89mtfMkeEhg8Ts0n//MGD98D3H7ybcT98fTHmclVjn2574hPUwbwjZNcI3pfoO8HKeO5rqeEUKusRuq+Fi+oJuzz3KazVVFB0LGM9wUhamXb+pUAsem41C22ZHjvMn54vKVSw03nPbtsFZ8/sgi9OXoO/ujYCE61latnpur5+qqSOo2A4EK4kApYMdubLQamiHraVByD5dm4GAZ1KrZCAHmtPsOth747LPcWuxa12CapXcPO35O7orJxz5vCu79mJGbgV5EPn1geEXFxY6MkVS8mzk1PavWKxE1c6VitqXD8323+LlnI7+4EjNzcZpJKZbA7OL1+Ba5nJ5yGRwxBaO8DktZC02h/hfnjAIx4BywEWBjo8bkgIPLAckCuWBEc41AsKehUqZQEmcBtYa4e1oGQueoo92Jn/UQG1K3FuRdutbMfOyVhygIEwax0hgJKZ6yaCuuWLYKjeTMKPnbi3r8/0+tISXF/a3EExyuTVOQM8PnP9BlxZXArmx7wcU8Dj4AH48WOH4f6dO3xFRQA0hIDFFBepArdaLjwiiXBzkEDFwYucBc7CLgx4mGkv6xwwyn2oySJnQbw1I/ZdatnIVml4oQwcrXe43/WQLZ7H+vI8ugp7d56fGTMARPDBEd8gfD8k/OzxR+DR3cfY4hV/16AAfBiwoVyfuBuWYGVJ8wqzooP/XvgeLSo8ehp3Xxsa8t3XyP1SUh4q1whzwrcLZ8pCkwkEEYLcsqS6Fmv9MPfA/A7nzoxZRiQGaQE352A0rRgYcR8OjDB3LH79cWXZK3sbRcCKtrkaABI5V56AMNxPMZXZahea5DkAEXjvWIZOd0ZsC/oHC4BXZ26dVcjnJmZgZG4RTmwfWtN2lGK+Erk4vwCHmsM6klW/RdFBvjw+0f9rvX7zQMhy1oKR9ihcSm/Akuw4iwdztwqzmkvMdA7O1Jwx6wbndvjgxXE80ApCg6/lTjlLCIITF0MelX3z6jK/XZbTh77jxJAJ4o9gbhHBjtcTSya8VQVayZaCuCU0PmFkJDb2EQjRZEWfnBhahDILSlKJblsZAZWz2/f2lZCurB/KCnKriQIeHxkd1cDj6tJizmAQyrHBQfjug/vhx44dgTdt366Dp7nw6Wxst98bogZtmeKQTtZwUkBY/TR72L7BsQkqRhG8opUQEyo300qUAj/1pK6VLmUhwUvCUNYdzfNIKfGZJ1FSO8LuzQ1EtngeN4fn0U24Hvn6wiT81qufxQ2OU8tAvPr3J468GR7ddYzGO8nrYRYQAh6J+c6BCP/jXAhhrYq0/BveE0Z2L3Jf2z44WOi+FurRuMKAwESw7eQKxo7PCI4hIDFBgfVcIdAdOTOgKpPWkm6tIlKSTSRjd02djgIiD+3cC58cvwp/e+MqLKYdagfYwocPT6NcCQjU/XIAsioCeqCsuyLl7XhgINb2houA5dfNB+OcS2+EH+IAvXO/ElTWIF3/TocVJhbICDg3d2u5QvzOy6+veQb1iyvMLv/Bc6/Dr7/5zWsCQtRg8f+89kaFkr2Jcslab7nYvgJjnUmYkPMewTwEDuZ75lkuMN8FWiv88LvOOuLcrJxlwPE9JFk8MgZYwLOEOFcswAHYAhNU/N3qE7gpyAISo/Qxty0p2CTB97McI8ztSh/HeCNcmSQrDIEQYwXJKCKKcNwQMrsbt61URxBDF64M0tQAu391/7f3rRfcagDk1fk5TTD/7A0FPJYCfkdeNPA4sB/ef+QwvGnHdrdfPZ9Ms1g9jxH+XbmytFNnZ8CFJ1TuCeTmckk5UCxwUhF+7bRUxcCIAflCLwh0kyILiWk2twacu77NIFs8j5vL86hybtjZ59KWBiALaZsWcknHw6iDAPCte07Ad+497YXgReFRrzTgSBIPfBgLCHJBhGfx4MGBYu6MBNCEWJX7WgzokX4dWkuAvZNWcUyA65WCFtWEjZalifXSLNJliQEfiXDzsAMj5ngdTcvSB4ZrdfjBgyfgPfuOwGPXRjQYcRZ7wzshENLvCFjSPyACbgIAUpGAXtZOLyCHo2V/v9vbCwCpdE2R6zEPW7IVUwQywq1Q4XkKl9YfOxgpK8KuhAmunABzxQJPwUmsFeXr05s/MhaXxy6OrTkIWakl5HfPvQa/+dCboZ2WKym9Sr2mkp214TPXes810E2em55eXQUVZbwzCZc6ozAu5yzPQ3p5PDiXQ3IAwtyn8BijhDtw4oENBkIkc8lClyUXehctIYKBEbAgxQIU8McD56LFxiL0x0fDvhQ0Auj31C4c6O3S5fdxflzWSiKM5QS3YRlRYAnB5tGdDPQKFnJbbIhevA8IwqQjpWPSQmmJ6f2ygtwqAOQb83Pw0TEFPMbh6vKSmVdK3umjg4PwXQf2wfsPH4I37dhB24U3XzggIZG46ikShm9gVhTxmUtvjIdgxHe+8c4IQcY0ZkQBwi4ERTwwwqosdDcKL99fC4uBEa/aDS1bPI84z0MpyUpZXg+eRzeRTBlT337z1c/C9WVcZGW9E98DHQXrJPzM0YdcMBNPUwKP8+EASKKBltKhasj9YDlCBHtH/HC74CwTKrrhGrqvhcDEAyXcYopWGJo7TJnMnngmhc0/lxjwocnrhiui81pZvoha/BPINUEwgrOhBSM/ceQO+K59R3Ukrc9PXqfzqgNUByBcQWfnD17JmxABqzqpfRUAxKu/CgHdnX3X6+H3SBRfi7O6S7ZaipOEyO3nwlfTEjvDqI73+etTcCvJxbkFeGJs/KZkUO8mU602/O9fPwf/7O67YKndnzr1Kksi4b/64lfW5Jx7ScbYq8xlc3ClPQaj2YTO58EJ5h7QYC5TyPeQAIwT4oCFywHCeB3AuA9EvJMU/9yR0oFct9BlC1eGaL/MWzwke8e5axba/mm/GrLxABa1RcjEjQ2SvbfWEiKYSxcu9FkWiVEukYPiWUwZaR6vI0PioQVRmbtH6Ial702G1hHDFfnVN79TcwRWK5sdgHxuYhwen7gBj4+Pw1yn3dXicXRwAN6zdz/8yOFDcB9aPJCDEQMOwgERAYIUPeeCa0CxUoRVmFucA8DWhO4NkgEXAhPkuiVtgltnDaH+FCTCDcGIa6k7KBHhtdHBkbwjGxSIbPE84jwPpSAPNhrrz/MoEd7n1ff/cOEr8NLMNTpARnrYQzsPGwDC5hfXpyFi/UiI+6E+a0FiQjwGvJYcr0+VUW2pRILcfU0BuLV2X+P1kr6PXjTSK6g/EvuqJnZxG0EHrncjV0QtUAkb/rcMjOBctG9gAH7uxF3wnv1H4E+vnIevz89AffURsGLlIKeoU8lKYKG8/XIAcvMJ6Pyacu1xYIOHcrO5N76zf8OYjLSaJcmELtGqEoTo5SEXMSa00CTHDM7PL/gI5RaQD527tKYg5IkVWkKU/NoLL8IH7jgJ22tN6PQhYmWzAfDF8XH4/y5dWX1lBdLPCFnLsgVXOldhLB2HBdlyFg6ydGTM0pA5TkcAQvxEgvEM5xSWFlARR8DiW0YAAhCCYIKBiowDDKrPByEEFMApfLp2iYAhY68Ys3hoJjoey0CKVToFs3C4FTXnyiW89h0IIUsNLlTY+ysp2SIS0a2lhAjqgjLtqvv/tn1HVvXM1X0+PzcLSytMPnkz5YnJcQIfc3oFuHyYPDIwAO/euxd+6NAhuG/7No/fAU6tN89ZgAdGBLmSCGetCFYqVZ9qigRafOwHZ97gAAfBC54xV49wsUq6bLcM7IZgBEX4CouV0H0FgqnEU//cSlmknpsPRJQSqUDeYFLf4nmss6K8KmGLOp++8Rr89egrzCboBkbUhY4P7YQPHHvYt4DY8RVD6vKoVwhACIgoN61EkLsWJ52jpcM0adqOua8NW3er9XZf8wEJXwFh7p32GnAxpGY9hs0QlVgwkul70CsYUf+fHNwG/+LM/QaE0Ml4ZxWu6LstMtjpK9Zse4GiHraVByD5duLuX/3hfxQBkJW6fJW2F2mLfLrx3O1vAdIbqyl5jK2bFrI4CUrgy8gnloQGd5x0sM+/PD0LnnQbWzYJSFE5Qz74bQ9tgDPJi7KGvOdTj8OXv+fdUIdkVUBEpUS5vLgAP/j459fsfEG7ZM3AO/avDtRdbl+G69kETMkFcrPycnQwqwet1AfRr7yIV+BzQSRzyXJgQ3qrMFlg0SBeCO3nrlgIhCzAD8qSJYQBAMneefqk91+Qcqnfx8x56kuK1MIWEzzrh3CuNBRNi4fj5YsOQOOJ/p6adjJMaMfivcvU3SuwEbAMtwWtIADfefCtTJ9zAAAgAElEQVQUDK9ixXMzApDPT40T+NDAIxjXQ5HtDvzYkSPwo4fQ4uEmb4cbI77Z+Ay94CJOmcFxW7efSVJ6lBIkUp+TRGtTOIdIFikHQSydtwsBj3OCwT7MQsMu1+ksrs9ioyEoQdet0HLA5y1qYIMAEeR5DNTqFJr4dpMinsfNUpR7Ed4F31iYhN87j14B2F992dsYgl86/a06qECWMRcsy48QEf6HB0AYByQBHjLdigVEiru1kd3XIGYhYdYRetPt9WU8KGsfwIhq7uz2nSw6VggAoP8AxBuvVsvFyLW9OgBSqU3vurq0F7lPMbDjtS3cwZJNXC5KClNGBFu5Eqh2CJ9rCGxis1wRExPadKpnJgIQ0k02CUiZbrXhw69dWtcM6r2ICtf76Mc/BV/67ndDs55Au8ewvUL7jgJcWlyAh/7mExrYbESZTCfgajoKE3IOVNBOzjuI8j0Y2KBtRVYPinbFgUiYeBA8K4oDODzyFf4G/S3z9gNT0vl24b3/RSCEb0erJYEIZllRg3lGB6IlhVswubUXxwTHB8mPO8JvH0MwWv+hFK0jzK1NXWSK9ydzkcT++/u+ecU9azMBkC9Mj1vwMWEtHnlLPhcFPDqzc5BOzULWasGjJ0/CPduG9b0zGomkJF1u+rVJw8gqYoUnNyd/u0CNF+75gQ6fW4OlrAOuIo5GPBuJEZZF3XYRz33XdD92BLfS+BN3BJQEp0HckmL+CFUcRmFZRwiiLB6NpKbv5e0qG53n0U14PhBFRP/t1z6viehO/Jd4KKnDL5x8OwwmDYruZsSF0fUAiP5MtCWAXLFYniZOPieex/IytNJ0Q7uvxSRmcRfSLTuQZZBWtVcIRqwuimCkHlXOoUxp9pV0ViJSLgJAZK6l3gFI2EZFAJK3qPTeZpVrcqufENTl36PQlUywsoK15cI02gIs/T/vEYRbGGcksb/RAiKNZ7p+5b54o8+k4w0EUpQ1ZKOCELBA5N6P/hf4yHd8G5zduUNHxelmFVG3V41jSmn4k4sj8E+efmbDAZB5OQdjnTEYyyagDZ3ARYqBjxxoKAYkPJu59CwnjHTuEc4Z98MDIS7MLgB34xIOYBBYcKRuybouuWGF2+00Jtl7H5bjY0hGOqNbMbcNmLJk9pTOdQtdZPT2xOOb+GONnUwypyRKG64YbMhhzfsA/Q/lEDGkfkFA8cDA8IoJ6ZsBgHxxehy+MD0Bn58ed65WZcCj1Yb2zBx0Jqch01n+XcbjT14cge88dswk9dLcH1+/RgDiovM7IOtlLBCWI8SDkgRDq+LrNCxBnXvpUh8hVysga4gHfgQDtwAsCIq7eAqg4F1DOSgh2MHnZ2ZdAfCviSpjliHHf1kbUQqlAh0DtdoWz2OD8zy6CQcgql/99mtfgAsLhuPqa2juOX/g2CNwZGCntyAFtm/nOCD0afgfmIQw5H+oe6hAh7qn6WZxXyuRkKQOzE2rJzCC0bPAENqReyMw2qStol4MQEKlGnfFlfQcCAgU7Gi97J8ihb0rAAndoSLbVmV1yfE7+gdA8PH6QIonknJHsmnKc6v18tvw1aiE5RFR/9lFDVyTa6UZPDu5zuFX1xGkKBAy0+rAzubGHVTPz8/DAx/7OPzsmdPwa29+ExwbHtJgJAuUIQUedSSOBOCFqRn4p08/0zUS1g8fPwrvPXwY3nvkMOxpNmB3s6GTGT5+/Qb8+gsv67arSjc+SEsuw2h6FW5k47CgKOYBsVxSBKvM5amIWDrSAGT44XOR0wC0gsLBCQKIlFk9ADhIkZTllbt8SQjcsCIgg6wn0r3v3nZw7zluF8GxEthYIYS3zR9v3IJ0uFiBXC5TZ+ba8Fyz3DjBuSCYJTej0MIu7LBkABAtTmrvbz78npV0aw08LszN6mex0eRLMxPwhZkJDUCqcDyyVhtaUzPQnpiGdHHJubwG8tTomH1Owgv/SQ9JsA4lhMteDs7SjQe46LmSVH/njuuUfBUsoCMzfyax9ZNyhUq9xH4XXjBmUXYufh4gsciI5p8cKJHkDlhEau8JiDDXsX6pbls8j03K8+gmnAdy/TV4cvKi7cO+dQ5h//sOnIUHdhz2gpLgm1MMQBIDQJIgC7oa59pt7XKl3dcUb0LlR9kE7mtVJQdGcHGgFzAiBc3xAvwcI8JyFOulAKCvACQGBLxaCxX26nV2ATghAInU3wvgyQOU2PWUXIsIrje60uQUEz8ngCQ/c5w0yJ/YOu4Zy71g/sYWnwiAp8bXJ/RqT9JnkPKh19Ymg/qJ4aGeM6aXye+/fl7/PbxnN3zvkcPwzoMH4PjQEGyr12G63YJzs/PwUZV5eex6KXhQx//Te+6C9x8/po9VSk6amf602AI4MbgdPnBqO3zg9Cn40x4sKQ/u2hndPppeholsHKbkPLNgWOIzAxxhbg9pzeCF1g8IyOY8b4cFHkDAgllCCLwIp1Sz/dKr372/IQ9EEjBwfvcZe0tR6cdtfAzAP54KRnrlBEXIsvodjRlYL7lqSaeYOYAjaZWaJ0vUtQh+3g7ImO/unuOKP94XwGeVse2ZhHt27um5L29EAPKl2QnzNzNRyeLRWViE5esT0Jo0rlZEuMPw5ziaOgIGXJ2fh1fGJ+Ds3r1unA0XhoLxjTbRqpOtklCsyyocxiVRovgLKqGgb4kw/VrYxGNkImEJzHCukMDceKlnW99vVM88YFEESopJ7RQ0xUZ9FAxkQOGQv3oIssXzgE3N8+gm/PU9r3ggF5/yAAcvoX7dtW0/fP+Bs7TQxfcJtHTEAAjxP8xnu9NxwENbARMN4oYHBjaF+9pKZHVgRLpoWgRITDCU1OYUqVcDIDGgAKWKOgSDYiEQ8OotadsDIKvjfwSnuSIA0o2AzlsvBVMeedGteHE+B00TbGyWPOulm6toYgFmdhds0knsnPT0xPonoVu19AhSPnRubUDIqeHhvoIQFOWipf5+66VXKh9zets2+MlTJ+AX7jpDlhTl1tWOYAvFBVCgRPWLnzp5Et5xYH/PnJLpbALGsqswJWdtZBGMVpX5gMNzt2IRryJ5P/AYYIRyDzBIE1rWt45ILxY5uWt5Fg9wQMTGPCdAwsEIRcwCV5a/vyGQkOC9597Ywd91es9dCN1wrHFJpp1bFoITBCbAQIsDTYJNuLjdnYu0DUry6uL3hrmVWYTlXNHMtl+691t6Dsu7kQDIk3MT8OW5SQM80grAY34RFscmoDU+DSkBD2Bgw5XNKdB20n1y7Brcs3u3HmSF7cfCZo6VNuEXD7VrQl4y8rjtr4KCi2D/cxFJHBaR0BAJLDAfa6f8WwAR6PI0jzHXLO97zhIiclG98qDEByQhGInNXVHpk1vWFs9j8/M8uknohvV/vP4ELKQ89Lf/ou9tDMPPn3i7tzAFIQARLgM6RcICQfrSYnsZ2p2U3oeBhnJfa0JTufXdJta1lYARN84ZMKKsI1kqNJhbare0G1sdD/IUdODPMQYCoH8AJFDY/WrWFoAUWXZ6AiCRc42DHX8/EcyD60BXcI+A7j1bSaHTtAhUNgStT3HFJHFHUSZ1Vd9fX+l/YrubLsFY8NzkDIzML8KJbUN9PbOTw/2tr1dRrlU/fPwY/Hd3noFH9+/VwEIBj+WKKRhUn1R5So4ODsOn3/1OeORv/raw7Lfv3wcLcg5upKMwDhPQlh2fHM4tHjILQETGvheE0gUXJpYSDWJCvdC64YEZBAvmJfKJ5tIvRyv+3NXKkdA5V8OBFgce+BglGQAJwQnDJPHf+O7LADh41hB7jD5hxjHxLCduu3fuku3DRR3i0rg2MktIyaiMc1EDawX5oRP39NQrZ9ttnQfkZgKQp+Yn4cl5Az7mK1g8hiXAxMWrMDN6A9Il+/KQWxAbSnkdaKEgZd85f3zktdfg791zt4m4jMTvzKyWqmE6xxdhbaDxQxBHSOpJ3blaGfF1ebPa38oyE/GQhfZFJR4bkxLrYy5a3lzGEgYE98wHJaaAC0nK7oPNP0LOYWTQkZ5FpNA1K+KWVUW2eB63Ds+jm4QA5E8vfw0uLEzQooGwcwF/a37+5KPaFQ/5GrhHk9Ahn4RQARA1OLayVCvLai5S/apRq8HgwAAMNur6nQbPjfL2kV7BiBqTtI7SaWsXtiWdY8ncu+3KglQGQLiSHpTo7qoUKOuuSHk7HhiItd0jAOm5Te+6gvYK+B+87kIAEo7v0q1YgfCVCcFN6ABeBnQJzAuAffc9aQVfuzKBetnLcmlhGSZba5eEbiPJ77z0et8zqD+4axd8GC6t+1UqnsfP3XEHfO/RQybqRCZgcTmnM1QWFZXr/l274BfuvhM++I3XvMN2DwB898k6/PjpDF5Mn8uBDshZPTLiY0gCIxkBgNA6woGJ9Orxc3W4tsCSqR3/I7NKHrpi4bvnWzwQWDjrCLBxgzKiA27Hd5kp+t6dYQAicqPDbbEymTdKMPDg8Uesr34EaLhxxSe1u3O3HBBmXcVjKEu6rRAVXlQmVbkH9hzqKSyvSkCoAMjNkK8sTMJT6m9+EubTTo5PFcpAmsHudgZ7MgHDQsCVgSH4inqJvLj+IQLxXa/srWcAwoS6fXVyCqaXl2HHQJNcY3XWAYVKEuGOp2p4iFye08MChMwkItXJwtDyjaDCjux1nbgwdVYMdH3iDld2ws8w0g1aXwBIgcC5TjA+STD5kiDXkKdcJKsH9TsH0YQsByKFUmIN2eJ53KI8j27CAMiLs6PwZ5eftQdIege4fP+Be+EoEtHtdgQgmAXdZD4X5G61lKWQppneX68lsK0xAIPNpgYoFG77NgUgXLqBEbXfWOVUckYD5pQMN9X9bOj7q8LC25kmBiwKAEiO/xEBIKGy7v+zAjBQ0Ha3dlcIQCpdUwB2igBIzv2K+eHiNoETH81B3NHCP9KZxe1ALpwZHhioQaVCCF6PmRY/fuUG3C7y2MhY30HIA7vjHIm1kJDnoWZ45Y7aWSnyYKJVz0zAL993lkDI952uwTuONOFbDgxZa0Tmkv55QCJjfIzM524wEELAghOfA0K5l7NDcuuHDyQ4yVxa7gOPOS6li4rlLAUsDC97p53LFXtXPfctK7nBrkiKJ6TiwxhBPSjlFjUcOHHn6Fan+bl634Vk27FcCKCYS5pj3cP/9tb3Vug9Rm4GAHl6aRKeXpjSAKSKq1W9ncLQYgu2tVIYkmBWO2s1yJIEju3dDS8PDcL84hIbP6Vzh+JYpETwfn760gj84JkzbBHJmEXIOkIuWtJm0A+NL4Ks3VrXUZYUDURcvidgn8r1SId41nlEnNIPlIgwyL4OTrnH71SjgNyNDEEJ1sV5LGYXi7BFeUcY58RbLAPvfLy5rsQassXzMKJWk29Fnkc34dGaMBwvF4vr6bW9e9u+OA8EAYj9y9IUFrOOBh5qnwJyynVN8TwaSeKyoG8BkKiEYKSjuEitlrbKofVJua0NNAahUa+7+VmaRRaXrLAAgHhQIgdA8gp2GQDpprBTrbk6A5cudlBhmcoApAoB3R3X9Xq4wpC7P3Y/G/+9CFg5kOUiYElOQEf/YS/Wu2AmfjXJGIRv5zojtt0vjk/B7SIX5xbgibHxvmZQX23ivm7SC89jtaLq3TmwAL/ytkH4jkND0ExMiNZUdpjC76wdZOFgEa8kBNYNaVR87hLFQYsMQIgfYtfP7eGiNYG/jfY5RTxjwAO3IeDAtwxBDdfcfResuMJZpIPGtlfZVvTbO4+Slh1mCCJjMQsr3gv8nuFBGas3c2OSUpQPDGyDnRWz419fWoLrS/3nRsXkq0tT8FUFPpamtMUDSfRFIlptaMwsQWNpGRqpAR5KWeuo1UxpMsOnepEmg7fecwYe/9pLgTrM/d+kr90UghIBXxm9Bj9w+jSt4Au7yGQm6sSzggBz5SIrCEVAMw0Iz6/anRrg5C8lNGoJtJQVKAMCIgAMUzCCusT8H1S/sbJQZC26lBCk0CXSds7/yJnnrduhB0QYIAGM3FhBmVNAq3mb8zwUGRrBx63I8+gmoRuWsoDcaM3R68S0KP1tOGnAzx9/1GXptoLZzQ1pvw1pat4WtX2o2dCr9EONRi4M7xYAKRd1P1X/XLYRw8CCOW2Va9SZB4F5RsjbVLfSJCusAEDCsSgOQGJAwKu1FIAUKu1enSsHODn3qkoAhK8oFrVX7VrIAp67DmamDkghuI8ABjsmQbO3QIBiB/hEuJeGL50pH+h2G7422WOSwk0uHzp3qa8gRMn7jhyGj14d7Vt9q+V59CqLMAPj2WWYkNegnXbgu44MWqsHBxWYUBDcd3DuPD7ng7tJRRIHxvJ+IGCgekXEMpInmjuLBnOZynwgkbF31JGwcYO/PxQfBDjpCkQKFNPcOEnn5VdSFZjw30HGB19ZDir2AAuCFgRpdse/e+v3VHJvUdaPqdYadU4AWJApPLs8Bc+0puCVpVmYzyrk8VhqgZyaBzG7BLU01RFtlAUhU+OhIt9bN6TMhoPWybQyCXu2DcGBPbvg+uR0AD4gDzyIyB130frs5UuQybfRGG/OwZRIrFuWOhz5eVilsG0KYfp5gkDE8knMW4B1GZ4J3oqmqMEydGi+QOI7iCAzOlokwCVEDFeI+bznSQyUkAVHMLADzElLMiDiFt3ySXV9+KcK1izoGKglYPNS33aiVpGXbgOeRyUJ3LD+evQle1SkZwiAnzn2Fhis1bW7j9ssjeuaJZgrV0a1Qq8U5eFGQyvNSeIWD7YASHeJWeW2DQxogJy4FXR/8UUH6TDWWLXLRceKKvJQqqgDn/xudQJ62F5QdykA4f6IAf+Dvgj/HAWwB8f8bSl5DPoSs+g3JjEhf0mkNYNYNy4B8OXbyAqC8tjIKHwQHuprnT9w9FDfQMgvv+le+J/e/Caoi9XzPMqkLZdhXF6ESXkNlmCJgYfMz91BVo+ARB5aRiyZPA8aJK1A8QSBnP8h7YI8d6dyLltsOwcRwD4tUR1Ikeb7jSAXAt/XnKtVFwBRCEQiFZQCjJJKo8XCcckTkSvqAJbIX7+3P3ai7BpktbC8awVAFmUKX2tPw7OtSXh2eZolqCw+Jl1chvb4LKTTC4r5aFwswCgTigieWGOPUtmVUqfuXqrBSGYsjOp7lsGDd5yAT05MsYWbUEvmSCQQtnluuQ2vTkzC3Xt2WyuDyRSshuVMYQhLVCeOB9JEhHuGCEQEm8B5okCylOhrRX92w/kA5GqgOxaAD5bIEuLmLgIfBa5YEq05pEcEpHZmocFzloxrIlziE1eQAxVyMRYaeGiex22wuh8TvqJ82/A8ugh3w5rXblhPlBwg4cEdR+GBHUdosQpX5zt6YcIQzJWrlXZhq9ft+5PYXCCCEhfCFgCJSq9WOVyacEOrdGMIWkLiIAA2LQCJtlkBgBS2FznXGNjJ7y+q14VCxMkADei4XVpzNlpAWHR6ahNfEEETBouaZesDBCx60hPwlyPX4HaT6VYbPvzapb5mUP+BI4fhf2y8CDPt1RH8/+od3wbvO3YYOh0BrazCASuQcXkepuV1mIUZy4WwKr4XpSpzYEHmw+26ULh+6FwPXHAQItk2z3ULaHuYaJCXBWZR0dwPBBHSKdcg/dCyUAg8CpRHWTSplG+viC9WBCRpwK7YhrcPFeWIVcU/WtK94bv+/h0PlYblXYss6Ap4PNeZhufa0/C19pQBoFn5nessLMHitRloTc2BbHXMqGfdLDToQGsCJmQUJjw1oBVERZMSicrnD3WZQprVYNtAE04dOQQXro4FUT/AByb0O+SNuNWlx954A35x98NO17aLSEmGi0gGgmS49pSYLcJp+cZNl6oOwveiUwOdjtDWkCXZcdaG0PrBrCLoBoFzB7nsMcsGsO0cfCAgAfDBiLBJFhEEJfjecaojm7fw/BF4qMhWdVGLc0M8qHJryu3K8+gmRW5YKJJ6lhEVjvdnjrxFuycutZyirO6nsiBpMKf7momEhVnQiSNixxJgXIctALI6q1yUwI7kdRDKElIAAoKFEQ5AfMXfnzCqczEgDgZWAEBW12bQXgVyeyEACUFc4Mol2L/uGniGdKwnHg3LABL76ISbGP2AdNJzw3KTjdBRsW43VywUlUG9nyBEZRFXQOTDF1ceJUsBkO8/ehharXxUj9XKvLwBN+RFmBPTkMrUKvdGZTdhVDNys3LEczO4pMxikfEkd9zCQYCBW1DAlWGEcA9oBJnJve1SeBYQShDIIjohiIkBDyPxqFbhb+hhn/8l9rM6aHC/Kx4TXkRp/UzjC1a1/fGNfbcEGfXxX9/1SOE59ROALEIKL6TT8HxnBp7vTJtn3wWAt+eXYG5sCpbGZyDVkf2cy2mNYYHMKsBIthc1Y3JTZHDB3LC0m0aSQZImkNUy6GQAZ48fhqvXb0CrY69RRsAHRFy0At7IV8euOaK4VdCTXOQeaZUjAc4swoWFHM2kCRsqQ3ddB34Ub2JJcWVsGGA3j3A3LPBctKgnkK7PImV5l+WUCOpeQYQtiCRApFslePhes72JPI9aTVcYphjI3YtbUG53nkclYQDkjYUJ5obl63ToEvgTBx+ExaUWpFmqfzesoqzua51lREerBwcgGOgHAtfA2xWA9Nsq5wJROEuIur9BnhD3w5/7+kNA7wpAQpDDV2nchmC/29sVgOT4HeWgSna5Hs/dy7s/IUEdyKxO5yjcQM0BiAclKAcIW0UCWuy0Azy+QEYEhUpzQAbr+8TV2ycqVijKJWum1YGdzf750v7L++5ZMQh518ED2gLSTwCyBDMwJS/BtLgGbTAKCbpVuaSBktT8jH8GrlZ50BGWAes2hRnSObjg2cz9fagcoSVGkoVDEmfBt3hgdnL/XfUsHgRMfB/3mJRyCngD7HtXgNJFioFItXoqlZcyp6zh9eSuWfpjFn7uKCCkK+AxMj+ns3OvVJYghRezGXghm4YX0hnTh7pU15pbgpnRCVi4MQOdpRaz7Fp11yrSJqWK0MkAU44OlNKbGra2topYX+TMghA1vqY6U6NR1tWK3p3Hj8DL5/Gd5mRr8MZn754HoOQbk1NwZW4Ojm3fTsUzuxSU2L6tCPHGrcqBDd13k8C4Yi3YaL3IMpcAEScZ9F9XQCXNzHuOFhMgIGIuIgdGACDPeMefgl0n0OTDXSokuLwjqLDhfOeAhWmpDjXtp4/5PAhQUeWR+8smsThA2VyyxfOoLjJ4/r/z+ueYXdtXbtT2b9lxCo4k2/XbotytmrW6SUbIgAa6XtXs+4KujEhfENTNb18XrLW2ynkR9hSBvS8ARHqleVU5hb24zirgogcAEoCCXqw63QBVVQI6P0ckjmM7obrgE9AlQxpAEwq6HJChQ9AilJm8aNLCs3GrZWrfx66Ow+0sH3qtvxnUTw4Pw0+fPL4iIPLBt70F0nT1AKQDyzAFF2FGjsGSWHTWCU4s1/0w88CFb8Vw0a748V5CQc8iAl4ZzuEIo1ZRZCtq0y0s+McAnVceXBjJJB+fivJ4QHRb1f0r3h4FLKKwwhAY9AxUwvHMDgrd+xMf49ydUK5YMVlNFnQFPF6GGXhRzsJLmeV4dHG1Wp5bhOkrEzB3zQAPrzRyDTgfnJR8U1JnJVfue3zVRiXD1McJyjtjOCISVMAlxQ9JFRCBDE4fPACvXbrqrCH0YLtZRbg5W8Iz16/Bke3biOqHZ5kpvgrbKKWBJ2Z7LOqhfR8yYItN9j0g3oWRZlKHhaxlORjUAnFDBAvbrC0TdBkEUdh85lQ9ieAD39FgUUwvhEWBiJm7FMdD/bk8C4EEkbLiYGPzQpAtnkfvknfDegbO66SETJjONpg04PsO3As7GoMaeJCOa8FuQuDDJCPUFhDmyp5wgB26Y90Gst5WOe6i5RPTcxPjCsAClAGQAtevPhHQ+TkXXVccgIQWkti5VgFTIQDJXweuaPFJDc3lFIKXphqMdOJHLnEx1/kqHTBvXtzoUMozE7NwYX59wmluVOk3CIEVWkNUJKx7d+7QBPSVyoQ8D7NwDRbEjFHjRZDHgzk2OWUfORxZYMWIgBAOQGJWkJBoHnOxYoDCgQvf1YoibbH74JXB49l7lrH3kTZGJAQIhdIFEHQ7LgcYIhXIWMFYg6WNi3gx6e/jJ5BRw9xKxFbuM2ehCmUlOUAQeLwMs/oTgmcbk7lr0zA7NgULk/PQWmyFl0C/vfV66dxbcfyWAqMPG/cfk0TcjKg6Xj0udarwvImJSZwqtnhiIlepJJdqwr339Al47tz54EwrWkWM5g2PX7oC33fqdERvzjDOFTc5ENgINtO4n+BMITCJIZ4Cuj1J4vP4c4jPIwRw8wzeO+KG8D6Qs5S4B4AARrCKsxCIqJweKtFbvWlJvoIAkbOQ4DlA5GxD2XwK4RbPYxXCAMj15Tl4bMy4YUkGPBx0BvjA8bfBnsFttDiGAITnA6nRp7WMJM6LRIQAZLPdrxXIRrDK6bws5utWBKxoe72AnQJiOw3W1gWFn6Nww7ArixOuwBwinJwOlMgqdN/y/ZLZJvvlc9cm4XaX5yZmYGR+EU5sG+rbnVDWkF+48w744GtvVD7m4d27oZXm7WHdZB5uwARchAWYgkwQc0M/93y+Dgs/vKhVWd56gfk7vIhWzGrhZSj3rRneNgyji3WH+TskAyUMWLgrMMJD95JyzcALTjzhuJGTAoDAJbZvvp3AXKcGc+0E5ts12N3sQKMmYVczg3rSrVEnVYrlwAteW+n+eEWcYx8tJ90fjdtUUMAfv/Y1+KX7HqXio4sLMLFcDSXHgEc3mR2bhunRKZgZm4JUWR1CIFVwCWgNAXRxkizSCpUz14b7MWKTioIlFPlZmPdFyJrup4nOGWKcnpSV4tSBfXDu8lVYWFjG28POwFmo6cbz/VZhf/b6NRcoAAd1JoYGYp+4jWyFq7HA3W5pQRgtDILNCzwDh2leh+uVKSOVC5tBnUENuteS5hHpoQqfkw88SSEDWtw/WDAgoqJ/bas3tO4WFjcAACAASURBVDsMu2vBXCdB5LZGnv8mc8na4nmsXrgblrIc/d/nvwDzHT9kJIIMtUlHw9p+hOYtHA8EBx7IAbHpC5ADwiNhkQR97laSjWiVq1dR1CFQ1l2REgASggGvjCvQOwDpoc1S0NAdLMUBSLi/HIBEgRkwP13kfAicw9hKEVlHBE22GAELrSPeiIyOjeBvX8oy+PCF/uW02MzyOy+93vcM6soa8tjVURhZqG5pUiS5KnG1lonnMQapjucjHWSQLjaUBygiYXd9i4gkRT8FSeWkZKT0nHuVBQKccG7/SymCFfZp3COonXwCQV4HEJ/DWU5wBd1/t0JxwKRIRLyMdGuvowt1eH1mAMYWGhqEFD6zRMLugRR2NVPYNZDCcD2DfYMp1RM7t/jv4oFeFv2INBC9bubuxMdodwwfhCWBPfWhLB8qK7+yfsx3ynvnSoDHzOgUTF+d1OCj02b3rSKwc9dlFQ3uloUDsnDbtFKsOBKJJEVfAZGklhj3MplBIlWULAVIEo8r8uCZU/ClF74eeVbVgMhcqw3PXLsGjxw6aBGHCFyz0O2WW3mcxUHyIlbRN88z00o+kFXBPz+lUCynnBkjKTkhx3nY+3UoYHATDp970L+XrCReBnS0eriTNHNUAtvrDZ2DgU1glMGdh5anR2aP36wuWVs8j/4JzhNLKuN2qwVPTV2Er05fIrdAP1S1hMGkCX//yFsdALF9DV2sBOOBcGsI54EAvWK3Lg9kI1vl6nwCiAKQEgJ68LW6NaIEgJSDhN7brHRNUbDD2uNteUDKByC5tlhyJtwlhF9nbCLDicPxP8jB0Tlq0W+eKZ2tXNmN6vMjI2OwJUYeGxnrOwhRkbL+5JvfBt/+qcf7Uh/neSyLJZACbRXS+pB7UMICjcD9KpftnAOGvOuVZzHxynCrBks06BHKOZiQ/jGSWzoQmLh3xFk8gEpIej+qc2Ykz95cVCbYP7lcg6fGhjX4qCLtTMD1xbr+46LAyM5mpsHJzoEUhmoZ7GjGo0gVA5Oi6+pWoFhdc2OV0/i88TdAPD/52T+D33jke2C4XkBQXwHwmL46BZNXJmH6yqQBHiL/HOInn/9pPt21ZkyZRiXWuGA5f2O0hmBZvS01BHAFUFJhlGv1/qTShkWXEg7s2gEH9u6G6xPTEd033BC6ahn53JUrBoRYS0gYEVoSuSJwt4205GEeGwQXROjeZLKLi7TjnZK74QxAgczNN0WgBO87J7XjB3J0cC7aoZOUJQ4o0syK4Xy7LTKXAY2Noxxu8Tz6LwbItTUfS99fmcJ/uv5crr+QPiYB3nfgPh3sIEOELVw0upoloCP4qNkQvJg1PccDucUAyGaxytFsGlewiwFIN4Wdao2AHA98sINiir3bXRGA9BABq+v1BARZ//4E+2PnGAUgrJNzUzczl3v+vByfUKQsAWyqYC+S/WWjrph+JuEvLt1+uUGK5OLcAnx0ZBTed+JwX+t9cNdO+K0H7odffv7FrmWfnZqC2BjAeR66xwkGNCQHHfntjgcCnktWmOHcuT8FYXNDPgjuQ2AgfTDizgSPEw6QsAzlvCzQtmLwERMZvPdlUhW0fO3GEDx3Y6hy+TJZ6CT6T1lUuOwdNIBkqJ7p7zsaKdSSfIu96OThfcBcDID3NHZkUAEturCVGvV9bGEWfv3ZT8LP3PUWeNPug3pXGfBoL7aghS5L9nHOjc/qL2r71NVJSFvoGiRyp9LtekvLZm6VPaAsGIuH/Z5QVDYbVQv5L1JoAKKTByrOSGJC90qbR0QlNDx74qgBIWUn6lmi/R1PXL4C/+xhS/iPKjeO7+dVxicjwUm2roh6lxNDZrFBTay7ljDhb5ezDhHUPXDD3YQ9t0YflKCzS57UzixQzB1O3bdtzaY5J4Y06CtOZp4LmaS5LHIT2W3aOO4xWzyP/gpXlLPMRHVTIG6w2YT/9+qzMN52nDRcRMDOd/e2/fDOvXc5K4jttQgyBIuEhcR0gblAuAZ1CxHRN6NVTp9VtxV+8MBFNQBSrc6VAxysn9fQ1a2sjIBO7VW5looEdHbvnPsVs1BjWeGioNB7gGEoBTO5CxlxwcJ2EdnT4XrfM5MzhpDe7f3qhza2SeSxi2N9ByFK/tFdd8Bz09NdiepTrbZOcjiQ1GEmMzyPRZiGVHRI9UerB1f7SeXPbZdEOye3KQ9IIBFd+q5VkaSC1Lr0Q+m6/YIdi4BD2HMCdlbs07OcOFCB51d1hVPafi7DjZFyRfuXMwGfv7IdRmabldpcjYwv1VQ+a/vQzUc9AW0l2dnIYHszhcFapl28ulxSfH+BFQSC8Qt/e6MvjmfB2HVhbhL+56f/Fk5v3w3bBwehuX0IXpwY1WTo+YkZB2KsxcyMdYLGxLzVG5xFS5RdXInVq+SG8AUfsC6BuLLp+qMDvpltyXBBgIEPA1bUqnZDGK7I7m3b4NSRg3DhasEiTmG3NQP86MICXJ2fh6MqVG9kUUmyrOmelbxiYj6yiADX9BNoJgkspWxVF591zrPMf/aCWRMd6OB5Rdx2zPuBV6JWo2vEcmH1k+++pPuS0PUiMCVI1N0li2VjXy/Z4nn0V4oU5QE13tRq+rlfW56FP7/yjG3XPW0+jvzIoYeiAMQjorNIWM4Ny1kPha+kbcr7udmtcnW+IlkOQJhCT+VlUIZtDZR2HzCsPwDpRkDnrZcCkDL+B523i4Alec3WdE4rQWwVjMzqzCmXQjCy7OiAcRywrHThedH9Cv221Lc/uVDRFes2AikqZ8i/ad3f15whKL/71of1tzIgcnqXgL+dfBLu3tWBFiz7gELmaOK2f8TsD3hMACh4+FxSvoJtCE6wJrKEAKuLh8HFuhnPg9XF/3XvEQvGYIUDE7ct/LJ6kQVd9tOXdlR2v/LPuz+ikuJNLtX0H4A7j8G6hO2NFLYrcNLIYFsj0wDFSewFFcFnMMbybwEy8wCCZxExX9+YnQSYkZCN2bC6zoSlPzM6xBGU132IkHz13sv4Sko+RssyG+0+i5Yy4QCJnrxFTRPTVe6QRLtlZdoacmE0BCHhswjSgrMiT1wZhR+/5y633h/EDeGHFEPKslvgsqgjysDoPzh3Cd4oPqTY8/KQq7PAOKgh/TmMMsYnOgQvNuAyOaA1xAUHAOHtIUBT7u7GT2t9FKoiRRlXlbekNylSlIcGBtz9FM5X89+/kXdtxtdd9Zp37bsbjg3uzll/hc2ZQxwQ4IR09kc9bPO6Yd0qVjnmjoVfNhYAiba5GgASOdc42An3VwEgdlAVbuXIzgKMCCsZGd1fGpTMvA2cNCX42Cst7vBdsEgo6Y6AkYUl+Nz1PkXFqrY0tylkutXWQKSfGdS5xIDInkGA952uwTsPN+GRvQMgYc7CDw48HMgo2+4Ai/mOlg4ORHCPDEPm4ndGFueuVy4pYD7LOfV39h44a4Ytk3EAwN/XcquHDP68HZHCvHy0MtsWL/PE1e0GgMigWIGYa+dOj3LNdKCljoClTgOus9gGCpQc296GQ8Pt3LnmwAZfTMoPwm6cpHJ5YBE+Bd9ljmmvzB4lwa3kx87PixAV7gsvZCWClgVpRkXpjbP23DCaluWMpPYmpdKGRgeTN8TwQmqgKFjaqmgTGN57x0l45Y2L7vq9PsCsDbkBWcAz16/DT9xzd1R5xnHcVes5iVQWFwnLugBL0FbWpazj9w9sQwQnARFQQu86eBG28JkJVn7QJh/kIIUwkff4OSgBj8/iy81xyeqmKG/xPHqXmKKsLEiDTFEOc4I8OXkeXpodZYZTH5QO1RrwffvfxBbm8m5Y5IJFYXgtUR3cH3bUzfRci6xy6n42arUNcIa9S50PPhshAlbPbXoAJGivArm9EIDk5nB2jqxw8TX4N0NaU3aegA6e5YKy0OZWopylRDDXBYzB7iUxtFX+5XoT0jeRNeWxi2sHQoABkbn6FXj3sQa8dd8ADCXCQoaO7WPlPA8CG9zyId12t9+HJ9zCgS5TPPEg6pY6gzqBCuFACvE/GM/Ds6CEoCTkfwDVB95jrzjYk4tP1eLdSennpgbgtemBbs1qxTTNgCw+vphzSoQDJDX2PayrVwmPmWvX4OuTNbgw04Qzu1qwb7DjN1Dq3sTGN5kf+2ILN1Iyrg4f7LxFnOCZMmvEWkjR5dFZUFQON8ZKG0VQWmc4dNFKTGwp/fw0ILH8j6RW08BESBO4IbEBHNRwrcrccXA/vH7pCrQssd5JsQUE9z1x5YrLxIxhQZmyBEwx4tWSpZsbx4FHy8pLxgjmyqVsieLvBXMnWYbwI48QOc8eLfd4AtIWwPlsIKl54MShPxfCV7KTdxxIVpQpk+vtklVFUd6S6tKzosyetZLfv/ilXBHOK/vRQw9bMrrrM7hQm8sHwt2wIuF419exb2Vyq1vlKJC3p6yzf/L6dBUw4ArEAEgvIKFKmzlQUFK3v5+1x9taBQAJ7wJYJUlQZt2gCJuIJPAJCfkfIj9JJL51RHiTidkx2WrDn1zcYFGxNhBIUZaQfucMQVmAcZiCK/AvvmkRUthBdgYMoxsFGLSqw+0V9jPYx8EHHeslDORuVfgZgghek+V0yFzNrN+74/k7E/Z8KsfeoXAMCQ4oFMmPX0XfuDjb1FaQMlGRrzpZtWhcFIlFglXzBOmMiU3ypr9DfxT0pTSBlyYGYe9gB+7ZtZwnt+eCfeTdr9yH50tlQQe70xKov+Wq8FbHGU4pRAph36gg4djrHRsuraMyK20CQEmJXzOwkbKsypuFNamQvfZYHa5XGFdDIV0m9czyXuq1Gpw5fhReOT9i6xD+DQj9rDyfK6GjZL3z2PGcFcK5aAnK/RSCWVTUHVcQqy2wKNpnW6slUFfhh7MwVWRuovasRqHrFo+w5bdpDlDRuLAOuiXSIas8gOBIihHVZXjxJWirD+/UrbiifDNlpYpyuPD9Z5efhuutOVqcFX7Ucbhr2wF4+65TBEBQDNhICvKCMNDP37kNzAO5naxy9aoAJKawAx/ACpR2Vz4ECV3KFIKCKgR0d/Zdr2eVEbAK4YdnsnYETgHOR1YEg72gkIZgfXrN6p0QbMXPm42CkZ79/KM3ruTOa8PLOoMUZQ3pVwb1ZZiFabgKc2ICOjqfR3FYXVSJuLuVTw2PcUCAldHaBvU9DjwcwMjn80A9Mh/FKgY8OB/Evq+MqB4qvbLL45HBn5Nqg2m07lAXDzdJgImlOnzuSjEAUfdoOU26WlKqnJ+xIPnuOIXgZAWiruX5TgJv3rsAtaQA00W0d+w93n7mykB7+Q2U7KJyz5f9FsEx4U0BAdwzNS6isArc4Koo7i/YT9HCgNniBdK3BV6SAReK86FybiQWl0nh3iVjCTFWEfV599HDcHHsOiwssaRpOfAB/vhs93/u8lV41/ETdvjGqD2hfzr+6/8XKkneglQYVYvfC2msIW1Iq6/24nyG95wRQmie5YkhJWif+9xDwIQo1u2YW0RE+Jwiz5CpigWyMgVsi+fRX+mLoszcsBQZ/aNjfnRJ6Q0xEt5/8CGa44CsIBZwgOOCkHtWkRvWBuWB3I5WuXoeCMAqAMjNJ6DnrRasPQ5sKlyLtz9yHaGFhnKCBD6zeIyLgIWTrouARecjOEh35RICJ2yYJtDhkhSqfyfabfiPG80K0g/pM0j50GsjqwIhKp/HNFyGeTEJS7DoAQ3IWT1W7m5FnzK+3ed8hK35/A/nbRPWxHRJeodYNCv+AtHtdv29VwnbrFJHLjJWYTnz10oFfPLSDm3liIlyvVpO13YiKgQn1o0rEbjQUK2++U4CL0wMw/37FqGWm6LZv/S8BLhELcG4KzFFvT/WZeFdZg/Ko4lkbizKg58VdIpuUgBmcB4IM6kLEDYzOb4H6K6V2PfFZPjWoXoReCTumAzBiX1D7z19Ar76yrm45YM+8haRZ67f0PWCVewTIbxFJeFs2P6CElXjXLdyVx7MGVxUlKyFlL8zVeNugXWh4m5YiC9YwBSQeb9+7JEMjLi8I6C5JXi12EV5lCzB2w5dsoKV6zj8Cu7QFs+j79IvRVkGz/PPLz8Ni2nL06d4SLd37VVk9F2eZUTQ+Gn5H0lgCSlyw9pAz/12t8o5YjpTMmIKO0AEpKwRAAmVe9raBYCsdwQsfo5RAMJGyRBY4DDMpwVnjkf+h2TWEcH2+aZFiX7qdqn1jzejFaQf0iNIeW5iBp6fnIEH9uzsqfEpGIE5GIclMY9OVhXC6kq/HH0HZtWQwbGStEXvN/VjmXet8qwbImLlQGsGr4knELScENI9+U3jHJGy+ysi24qfQ/f6/G05AFNwDn99YSfMhRnQ7f7OOgCQMpHWMpoFF8H5JsL+9s9faiDyxkwT7tq1HI1sFRzgf/Xcr1gJGd5VHM9tDxAUasrBHr7SIuLPtUhktwIoXa0orCAjqSMgEfamODAiLHfCWkRU7gAJmgekPIt0HkP1W1lBdKQsqX8rsHJ8314Y2bcHrk9MuTYDwOFuBg7yAq4uLsC5qWm4e89uawExfVK7iqj/2CeN7zTOu1ub762+NT12TwZEDZZlSsq+X6wMlPDRQXgnwI9IODawwMPVKjwOiwy4JS5WcRi3voqUF97iefRX+q0oh2T0F2evwGcnvuE9U6d1CU1G/97999OiADC7IQ/Li0kKKRcI4w5xK8jNdsPasso5MXlCugGQNSCgg6cEVWgzAhoK24uApRjYye+vAkCYpcV+yQMQSeF5RVBW0hqQ/Tf3Lrgpx3E8eIheCCY+P+b15K1qBemHRMYdZQ35rW/qnkEdeR6LYg5SrZrE3a2AQ4M+uVtFrSK4h8LxMnJ4xM3KJ4mzs5GuT2ek4Hsvt2dVob8ADJQCAy3dB31Xx+oniMcvb4eJ5XgIZqVo9hOA/OyZ0/Dw7l2wu9mEz1y7Dr//+vkV18X5JiiJdeeqCTdgqKztewdS2DPQKahJshDJMug1bkzmeCSkh+CfYP0LgM8XcctUbpss2ReTIouHDG8NW2FnSoZkDk6apG5Xd6RgVg6ztG6iZdlxuyONa0Bq6zIZ1K1FxP6+9+RxuD7JExjGgEjeMvL09Rtwdu9e5obLAAhZsRlZnY/5QXQpQTvdDFN0X+u1BJY7adiloqCkCOxI5CdSxCuXiyVcUZZUNx1JD48vwAHvQcJfjvPPoQhs5Lfd7ivK/ZY1VZQDMvofXPwi4MQimJUM5f2HHsmR0T3wwfKCCOEsjh4QucluWFtWubjUV0oG945azwhYG4SAju1gqEH/fjiA4Q2hiPxphYt1Or6kJZy5OrDK04TEv+Pqmfq8ba0gK5THRsYKQQjyPOaJ5xFaN/rlbpVRf4sDjjzwgKAFIJ3RhzaS9dUsqMnxPPx3CLx6epcoKKmkrfKxoBuowXL5yFgvjA/BuYJIWMgBWa286+ABDT5++PhR2MUm5H9wxyn4xbN3w7s++RmdlLIfkll3LqUcK1J6zSqn52casOdAx3vGMrxpIXLMMPRuCElkgEL8e+w9DVHx4cQfmKlCeD9jRdy4K/gBwUopU67RDUvazOhoDZEsg3qGyfMkWFBiXOIyflkI7G3dJlyvKbt3xzY4dnA/XL4+zs6YgY8CQPLZy1fg79131otm6KAS44jQDRZsXA+qBihVpvh2xQsR0Mm93zFQkktmyArLsD3PLcrPgC5ofhWFLll89uML0xKTNopIm2HhrRXlvst6KMohGf0zN16F8wsT5kdgUVX96Pjg7jwZnSzFGJI3CZISgucx4jxS1l/R37LKlUu9TGHvCkBCd6jItp4I6GGbZaCAyvYDgIQE9TwAibUT1mkWpxgA4YMoMwNSOfSP5cCC5f/wVsMc3LCuWflyW1aQ3mW23YFPX70B33lkvz6W8zyWYSmSm8Mnmee3B6ADuke3KnO34pYTvt31P27F4K2EiQatAudxQ/wX2pUPJ37oxU8ip1kW66sV66wAYLCNC7NNeHJsW3QxXUpLQq/Wak5Ob9sGv3j2Lvjh48fg1LbhwnIP7d6lgcivPv/SCluKi3o6KoKXUo7ridTXMrFUgz2DLOO6oIfrj1mx2xgGxpJ8uxsTcwqszG2JiL/SSeW9Rx5ZRccvgu8WftmCbsNozzz4uQ3Za3Yl1hpixk0JWZaoHIV0nZnliqQ2szdaQTQoSRINBh84cwou35jwTyZmAWFjusoXMt/uwI5mk1Zq9VUlzgKCq7ZAAAWoDoInsRBaXURxQ5bTTvQ4EbzecWtIME5gH2PghLtk+bkHC9ysZJi4kN9OEWINrwpSlFst6FiAubWivDpZV0WZuWHNp8vwByNfCPabaGlovf+RQw/nyejMLV0BEBP8wyUqFPTe8PXd9XPD2rLKVZc6H/hjCjtElfaq4KKkTGn9qySg0/WsoK3IdRQBHZzmHACBOADBAz0rutuPQETSJMBXxNDqIY0vsRcgi6+WCfjgN0ZgS7rLtnoN9gw0YaceYAV84doEPHJk0fI8FjB7xgpJ5pLxQwIg4blbSeaGFZZzPduvA3Lf84CDl5CkUDrg4b1FuRp709B7I6XLyF/147qT0seX6vD4lR3eRCPAXdNyxlwgKza+u9mAn73jNPyDM6c1uKgq6ph+gxAcD5RirFJWNBLjlmVAiBvU8mMgQxi2I3jBB6J9y45EWF94v3Ljc+HpBuXzSoB3KAce3epk5+l+JpHDnQsUjbESPCsgWkh0jhA7AquV1zSRenXV5BExrlqDzSbcc/IEvDpyqRR4uObN96evX4d3nzjuKVBg2+WLVR4YYRYWZ03ozaWkmdQMCImQhmRQD815ER583hoC+l7Vc5BFuqSF9o7THM6SMvLygi/KRXgowBRlpeBJVJQbDf23taLcu9wMRTkko3909HlY6LQisNeAy7fvvgPuGj5orSC2bxDY4DlBeGQsBPmkKJl/1xh/bFnlViYsTwhEAIL0JhhPsWHNbdoIWAX8D15v3kITASDUjmDnH7hTBSs8bvWIm7HzHA8+AUnPiO0sIOrvG7Pz8NErN2BL4qJWA/cNGuDRrJkJ6+79GXznqRTevP8aXBei1LpRHZSUWz3i7ljAMhn47lYhrHA9me9nNbJVcBm8V/yrb3fxpVA/L1Pcq1a0ym1F56wiYX3s/C5oZXFlRAGQVPoKVJn87B2n4IeOH4UfOna0vGCBKEvJI3t2w7OTU6XlKmO4YPJWP1XUL8V76WQtP+wvjVs8MhaOdwxkeMSe4Dv4oX1zY3CXG+hfV6RsMIdYk0X5PfCW7TnwCI/zBlC6F+hyhQq+JqnrsTWh0AwZO5VME6sFbc+EeatVPzp74iicH71GK8dChG3nv3/m8hV4z8mTZNnwQIithPuve5ZxnEy63aKIplWzylmYW8HcHJm/h6VkeHsYuOSOdYFKYxhqxbh7gg0W4KJAupC9YC1O1BZbyFOiXIIWWy1zn62i3AwU5S27R3W5mYpySEa/1pqFv7j6Vb3PaVJWhIQh0bRk9LwVJGGuWI6UDiz0ta3GNb4mKGSL57F6yecJWScAklfuoRIAWT8CegzIFAAQ+9sd7Uf9cOCBhR0k6od0qN26CKB1Q1KMaz+ZFU++g1aQ//XrF1fdGW41UasjewYamjA8VDcT1tGdGXzz8Q48erQGhwYbBBYy64jhWzDyoCQKPHRnKbKIYF8rs3pI1q99eFBkAaGjsZ8yXRFXIv23AdhZBe9w8BfbFir/Rdt7VQnybVQ7nrepAMhHL+zWACR2tFLW06x7cNJ3Kp6HBR+7+jAh//Ozd8PPffkrpWXK3F78goLtEPRVXdeNhTocHG7Rfv9QiUGt3PiH31nBXFjeDFzMNN4pvNE6L/m+UFKeK+qRypie6o203v2QrA6+0IOr78y9CX0ziJxOEbPUPTJ9R+dnsgAktftTe7MSaRIaGne4Gtx96hi89PoFN95D/lz4909fvmzD84LjhgCw8ysAIAScsDpB1VYFsQNJHRbTEo5SCHILy/mX2Uk70FS8Ex50SLrnFum1fl3CABV+nFKUFzsdUpQ18LCK8hC+l4xE0s/s6beiqLlF3csl5b52MxXlgIz+71//TNDRpLOaqfF43z2wpzFMwTrw/QzJ6LVczh0f2K8FGV2BYrQiwRbPY1VS5yjDAwOwegCyOtJ70F4FsFQIQLzr6AJAotfgtqGxmO4HTnxcfbIAhKKBBGZpswomaeVL2sGYqIq0QubOG0N15rJ/CgFPXJ+E56ZmYUuMGFerOuxsmglre1PCt5/qwMOHBNy7u0lamHG8kIXgo3t43TKXq2KuR3WrR8wCwjs7/hKspPk3C2qQVI73+wrKRmRzdEG1FLTEV8KLtlVVrJCU/qWxHTC53PAXumwlKuJRWyZMZ/VrP71tGP75PXdri0cZz2Mlokjr//DL3S/bSRVLjR9iUj3nS/MNODjUoi4hwOYlwfwfSPxghHQZPilCKk6vl5mg/aTryx6136ILKVlqR4UWoya5Qi7xoXQaOVsU8ja4yrCvCGEtRtYNy0bMkphPhAjqVuEBICBiuCQGgGi+CADceeQwXBi9DvOLS+xSi0HIXLsDr05Nw7179+TAhjvVagAEIo+gTNFSmc1LQQjkgQjOb/5r5St0bSnBi8Pr1QdA/nyCu2Q5EIVf1ALPcprCcqsNqTRPoaEUu8EBDTwwrHFOttBHoWwkRTkko784exlenr3iPUC+bLa3sQ2+Y+9ZN36xdyMkoztrCHhWEKq3TwCEW+W2eB6rF7XYoCxIgTsWRMCAK1CouFORECT0DkCkO7hr3f5+1h5vqwSA5NoqA1EUftcBEFp58wCIUxJyQzOZ4e0eRmJHi4Yrh5YS7p7lJis8ZinL4DdfegNudwl5HkrecboDbz2cwH1763olMAcSKls+qoEP36oRsXZ4+0NF0Ot5OatHHniE5HJu5RCudur4sYG4eBWaREJvM30JuIi2XVINHzeK5Jnr2+Dc9KAH2FFikbDU+7e70dBRrNTfgz3wPHoVZU1RVpW/uuQi8TZfsAAAIABJREFU1q1oOixxJVDXu9hJYKGTwFA9ZWNl3sbCx0De9TghnUjt4RgbnE75+Zb+jAIQMtwh8BCs7xGCjAAP6e9CIEKXxAOC6N+JaUM4Hl6mE545dy2dQV0BEqvcZOCACgIQtU8pyW86cwqeeulV/9piQATMtX3q8iW4b99ez33Lt4IwS0cY2SeqsFUTdR1q9RtXwoufHetrXTqrvncyg3aWad6JZC5Z7ozjleDWZUuGbndS3WwtqcFgo6mVZaUoC7oPBUBnC4V4smEVZeaGpf794BufsTv854p95/0H3wKDok6/BcuALgA5IIyMzvqa1+tW6YaFivLSFs+jLxK1ynmTUwyAhFYDiIGE0LLg9nYDIHlrSjEAiQEFD4B4Ea66RMCKnGMhiPIyoAcAREqfKE6oPZhriSglndes4ACEeObmoIS5EUDe/Qq//+n5KzDVLsoVcGtLjOeh5B2nOvDj9zZgV2OAPeFcWr9CzkcY6cqBD+jCE6kCPnqxeuRZwf7bYT5z+T1iUlljqTpgVyOly4K/qiItqJJhpQDwjalBeGZ8m2cyJOVUKAXHn38U+PhfHnkQPnD6VA9nsDpRBPX/fPlqD9cbuzvFzwTvzOvTA3D/vgXXXdB6FxDSQYb9r/hM+EdsV+Fv78yK9EdBu8JxM6/EFyn1vDpWjvHxtEqsVn31hsSF7bXWIhFYnCWS0AXrt9ZCokGIzdBcs8ajkwf2w7ldozA5Mxs/x2Dbp0Yuwz958EGnKnnBSgLrh3crygFIldXeZmL4Q71IMGO5G8XOrZV2TCjgSB44DojxqXQsL6HTMQEV1Gp2s6FcrZrQrNfovmDHqRKq93aWja4oh2T0/3T5abi+PJcvZ/vIncOH4P4dRw0XJMDECWVG90Pyoj5EmdFDa1uP57sh3NduISmzyrmM6TmlPQYuQsAA/kS2ngR0aq+4LXYmQQSs/HXkAZKkfYLpW/yl4ABED9OccOfmFapAsgzoeVM8i4DikQRd8h3/E+Dy4hL8X69f9mfRW1xiPA/WXeB77+nAT58d9JT9OGAoymye532Y/hSCmJWAjxjgqGb1yAEPptyXKoy9SD/7TxflVZaVq1CfioT15bEdhZPMUipy/JL/8PZvgr9z7EjFBvsjKroWP4tulxtdOfYq4BO685eZ69RygNX55ElvuwTegVycXp4NXzJOETWFv9mAWHo9OV3cqbR5DrqgagWzcHhKPR97AXLjJN4Lrn5gokKwYCLBspYbolw6tJUjMZnMjVtWQpYPDTzIPUtoK4nE3CE2WtbDd98Bn/7q88HlhBdvfr8yNQWznTbsbA448AHuvHMh3fsEQEC7ZFV0weEkctsqx5EycMlqZRlsI4YNFWJuWuamtTMJc0tLNm+LWqGv61X6IavY5ft+PqFvFM/mYdItL5tFUc6R0Zdn4K/HnsO9HsxF+ZGDj3hDFg/JS5GwmGtWv8joWzyP/kpVq5zJmB5R2n3AsP4ApLQ9yertBkB6IKCXAhAvaof0ExRSgiXw7B8EMiRaPRhZygpZQgiAMOSfs5QI9lvAb4RuWN3et00MUkKeBwot9EqAtxyNAZAsAgoiQKPQ+oEgIu+SFXI+ysEH71krt3qEe3te65H5nzLyW4b7ZLyMv6+3c4m2EznHsLyKdPWxi/ugLWM5BhQASUxkI7bz1LahdQcgSnTCQv6+e3u7vJAIEgonUuf6osaj0YUGHBxs+YfzltjNlmF/CjsBP5K6mlOMY9qw7xLlzpE76Ei+osMsHH7iVsjdKeeRFQIPNHlYy3GgtSJpObPRc1z29ITI6xm6aqnvicNugu3LNCldWlBiXLaUsVpNpXt37ISD+/bCtYnJ8PHkLTcS4JOXLsP77zzjgQ+IWT8iz32lAATsk1BuU60srVA6cilF+5TVMctgsJZ4MMHhEPNbKclKgRxoNrTLlV7NxuvCOdQDPNKbP1d2dreWbDpF2QOzKjP6F2Ah5SF5fXj7zj1n4cjAbpohsXtr64dwLlmUD2SVZPQtnkd/ZSVWubqv1MOqAUgMJFQBIIXtsUY4GMiDnXB/FQDCJsdIPd0ACE4qfAUvB0DAJSh0e2nmpHPD4j7/o9gN6y8ujfVORt9kICXG89CC7kfB+b7/3loAQHxgUOZ+5YGOwCqSs37IAnBTAD5Wa/XIA48uUgIY6Hf4jhcppCFYKNsXAxRVFQR9Pt3LthCAYLSr4JC2DcUb1nR6eFu18+iz/OH5CyUVdrlewWbhmCZGE63ZN2ZBCLmSBq5Ykvc5Go38MdIywv1mwlOV/lgF3Z65W/IPisSBhwMsWLezkhDBGQ/CtCB2fMQyXr0SgYdgm2z5xIXrNZeVUB9GSwiCEU1KBwM8MmYNUeDk0Xvvgo984akSdywg0PHJkcvwo3feyW4PBx+oQAWXAHlZyWp3vSoICQjkOVsDdi1hyi5nKQzW6nSoC7SCPczUsmN4yK5iC4psxW8RgRHLl0xE/nbGzvFWls2qKIdk9CenXoevTJ/Hva6c/XcwacJ7Dzxg52SzjwAHi4xVSwSBEr5Aaw/wf0dki+fRX1mtVa6+WgCy9hGw/LoLAYh3HQHAYIWLr4Ftk24BhgMQc74+AKGFGsF8VwUbTBmvwwEZFwHLtSxsBCwfeMTcsFRm9N9Tblj9lg0AUop4HgQ8Cs5j+6CEU9sbMXWbWSKqARAfsPDEhRBxy5JeFK1+gQ//Eqvd+BjQMOIrd3xbadW9Pm8Z+Rqro6ReD8hEyj1xdbeJhBU5VgEQFa43tm+m3SUy0BrIr7/0CvznK6MVlcXim2L22PTdsfL263LqFBJHNudWNgj6WAGaLzkRVN7zLjuBcJ4HRzHBvRDoqpoDO3whJ1DSGThhFXkRs3h7BF7csmqujoy4GZKymEvhv0tESrcWETXfdhKpQclAswlnjh+F15H/w4FHIE+OBX0iBB/BPeoXAAGbuHDRs011F+p//JxsVmuULEt1VKu6CMZsbukpnWByMAersAG2WHj72F29xUL13hKKsl18UO+Oyoz+RyNfoDUBvtiBoX1+5NBbYEDU9fvFX/UwLK8gIjqu0zAgixNH+A5t8Tz6Lv2yyll3rEBJt1JmOXCH9A5Aou31LQJWSFDPA5BCoIOb2eIjARC+QsgACNjBlQMQegfIzI9ZPIEBEOn4HzwuvJcPxNYfuGH9m5fO3xwy+hqBlG48D/5ZJPfsVat7DeoD0us9PMzuSgFIcRStsP5iIGJvktf3vZ7qvS9V7jUPdAShYlaxKiexB1x1W7xZD1SU1tn9tJ+8tgtGZoesX7/fhiIZt70szb48Nz0NFxcW4ORwf8Pw5tqZmoY/PH8R/uj8RZhqt3tQiuIlPYWra2UJXJgdhJPbl/w6ZPDd/gkZu1Mi6Ivut+dJVQZi2eqklJBTCDBIB/XZwFIA/BgEPUHdwJRaOk/vGFefwG1sUNUKNIIRsqK4KFjC1k+WEHs96I6l+H81AidSu2c9fNcdcOnaDZqUoyIEzLY78OTYNXj7oYNskSq8tuLXdrUKU7NmM6hXkMLzCJGAENoaUqv5uXpw4U4tyEl7310kNHuoZA2RS1bMnSYKP2wlq7kjG0NuJUXZcUHM7z+//BRcX54NepR7nncNH4C37TpNCTWl5WBx3QeTbtYCUJIIf3zgd2mL59FfWQurXB2V9FJwUaVMCSjoTkD3VDT6JwpA1iACFj//agCEm6pxwHTH5QAIjbJ5ACKYpQRoroxZQ8zfx0dvwOduBL7HG0V6XPCtwvNYucigQQcKOFhw2yxTtwSA8PC+lHww5+LFeyeHQn0CH97VCH9DP27XWpWPAZIKdaCbzLnpYXh5crt9l9zheAeWU/f+FHXEj1wehX9895neT7yLKHCjImD9n+degwvzLkLV2qoMcfVwulU3Y7WMFJXgrBiMtw6oNMTqtkuX2Ivx9kvhqvOOw42BolnMLhb+8ewZSgAHHKQrQ/wQD6wktF+yNhGAkJ6LHA+W3xt43+RLsMgZwfIIOIiwDtp5K7EuWsoKcPaOk/D8N14PHlW+J3xiZAQePXwot12E74hXTX96lLKGVAIhgbtUN5estnLzqjWoXLS88H9gvcBmQZpepetSfI6My+ZFIbeaohyS0VVOkL+55gI3OGuIO+aHDr7VJ6MLbgFJbEJCTkRnHFt8+rbNjpRbPI8+ylpb5eq+Wr7BImBxYFPQFjuTVUXA0sInNzDuVJLPtAEAAQ+AsDLoYiCElwHdgBMfgOAx3NKRz4hu9qloWL/2YjDBbTLZ1mA8j4jbgewSxr5IRudig7WFAZ6ChX3JgYnQmpG3mMQASLeoWNR68A55ENo7p6qyYrzR5cAcSIgcV7yvCyCS+Z/d2kKZWGrA58f2eO+ZZArbcieh1w53xk7hd8693jcQoty7lKvVH5+/CI9fv0HbHTmy8HJ6eoI0V4eH5BC6uZudrAbLWQINkbHNsvwZgpvAc/tJnwitGcBAh3+uhBmSIIyzJY5L72FxLVO40+D7QfhDcNTi4bZx4MFO1l2SSCxIFJQ3JKOFI+GI6ZIryvhmM2AiJaSZsuRKPVEr5fHuI4fh6+dHyq0hyqo3Opa7b7l77926/inZuKKc9bDKE7NohSAjzaReKVWr9zEggeJRzwMCcQg4HEz0Q/VSuYAXInNPe2PKLU2IZgBkIV2G3z3/abYzP269d/+DcFSR0ZkuSAlDretVYoMaYD4QzRUBB0TU4sByaxmWO+kWz6MPsp5WuTr/sVIA0s39ylUVqGFdImBVBjurjIClRfjnnwMgwEwj7EycYsT4H7YcByBAzXD3KxnlfwBbAERwopIS5qJhbRLxeB7Byo4Mnu1KXb6uzCQwttSGg4P16P6ghwQqMLdZOHXDARi+LcyiXgRE8MK8Xrwq8FFJSpRNye63hPwfPyi2X5bti55btYHKHB8v28oS+MzVfZ7ywWtWHBAZiZKVV5cALi4uwPPTM/DArp2Vzismj10ZhY9cuQp/fGHENReMCcGpRPYU3JeC7iAgwr8I0QnTvi7PD8Dp7QtBj68Oh8hiwJUCAlUif0xo1QjcI7zrFuF3HsVM5FyzXL8IIgtKdzzVwwAqO2H6TW87JS40i0g80ZniOmToLibwXZGUST2zCo+w+XnUMgVyRZIsg0YtgUfuvQu+/MIr0fuN9+TlyUm4PD8Px7ZtKx0F1soFRyVv7ZpB3TuRCtt1lKwO1JNmUFbyDmsALVvQc3MmJ5Ew9EK8y24nubEhyO1AiOY5QaSOhvUE3FjmAXQYsBcAe+o2Mzr4Y41grlaaiM5C9KKupI5Ybnf0PVWKstjieaxaboZVzuUJWdMIWF0I79IrWQJAwv1dAEhwDUX14IpNKQCB/CgYAyAYycUHIJK9ODbiB6J4j3xe7IqlkhL2HA3rJorH8whWdnLPsBcpGVc+eSGFnz5bL6xXsqHO7+0sVwJ32YpwQCAAJnEAErN+hGBkbaQMMDhZm8E511bsMku2xc715antsNBpOHDOjlGRstJMBK9lXK3GIh+6OAK/9cD9PV2XAi4fujCigce0JrjLEoWo+N7yc4/2gOihvmKVAzUR7Wyu3QSQC0HBAqFxjsM7ySwOoWIXlo2cmHDKo2DMZB+ECdpPrl3AywoGUATtR3cpipzlBf4IrTV5MEQjuudOa35rNUYaRUe946ktnWYmJq9A64f+KSEVUrtjKVBSs9tVqr1TB/bDC8NDML+wGJwPu1FCwJdHR+H9LEqWO9W1V54aiqBeBYQEUbIKi1nLUZsysksAIsALx/soOjY4yreXhAWLKtt4SuftRIgO3bAev/EyPD7+dbs3HLnMe/tTR74FBkSD9DYBCEB8IMJJ6R3Msp+aNzSp1XSuGcyyvyW9yc22ytWp87DuARWiVEEFACLdwQGYydcdAzvs8Ij7lQ9Acm1FAUhYZx6AgJCB64EkYOGNfaUABHIAhAbVQgBSHI732akZk5RwEwjxPIKVnTwQ7L987NU6vO9MBjsbiVN0IhqY9AAH619eb5KREl2AhwdeeD/OQ59VCfZfVp0kxS2UkknOOx0R2dfDBCnzP+NXW7FOaawgr0zt9MmGttKOIqJnwuOI8PqL7rQCFFVkZGERHrs6ql24FOeDaqdV99LLL99ZYKmJC2rbuVTUBe5nZpBa6NRgqNbx6o3dKe6bTTk87Cpj2AfcT4YqiP7hlGtdjofU5scEFg0ZtY4AGzNFbh+tpDKFXcaWyyOEeIkL7omzhgCBIEnXnqHrWALOBUtFxVK5CTBniLQheoW05HSpV7ilqME3v+ksfPIrzwbX7ssnRi57IGQ9FVKl0ClluJNV93+V9uaVZU/Xq9MqXG9S87osghF6APwtsol8+XtF0SVt4koM1btZsqcXrSgr5a5+CyrKIQC5sHAD/mDkCQ9whN4Ib95+Es4MHaS5ggAICMqEjn/qXVtabkOKwCNJTKLLplKU6xvY/rUxZSNZ5ep9jYBVBgqobD8AyMoI6GGdPDykO4FqAISmQY//ERJjJU2kITgpAyBeON5WG/7Vc+eiD2+jiJfPI8bzWEPgEcrvPdeGX3zrQAH8iEnQZ3FIlO675CBDVgUgPrzpGwAJAEexsu9dVPcKK4voqbyM/FU9bmR+GDqy5vRZ+w5mOi+BCN41X2Jbpc5gHrqKOJlpdzTwUNaSJ26Mux0VFJxcCVm0M3YHVgFqBPsgPU/C5YUhuGvnXBDyj410OBZZlyJCJIK0TVapdxBZDwS3YOSuBYnl/v0zZ5HkI2IBEGdEAwG9LWGn7QMUF/3XT1gihXsvsE4IvssACNH1AI/mZS0kGniYX4kFHol1y9LAJJPGhcvmC0nt376dO+HQ/n0wNj5R+Bj/duTiTV0JbyZ16GStCiWt2D7Dp0IZASWdLAWZ1PyFA+H3Ea8ST0KmiasCgmAP0SpuYqjeohXlAavcrYWEuTiKZC37GQcgYHkg/+7cR2Ex5X1LeiOQygnyd498M1ZgPoVPSFeFl1ttmMtSE/xBGOAxWDeZ9muoJG1AELoRZaNa5ViIXqgECKhUPwno1F5xW+xM8iEnKwAQDqAIRHSJgFUGQDiIcRwP8OsAx/+g6U4IKlMOQEy5f/n8uZsTjreL9MTzWEf56pU6XDjbhlPb6y6SOCktEX92d8bUT/KgAfsl38s/1xeAVNtY5cAKu8uOi+2rsE1WLHdpfpu32g82VcZSWvMW2querjrkH915R27752+Mw4dGLsGHL15yZQPFuXJbXOePlirqg/lzLWyIwJftcyLcmUBbstUsPohlDHBwrQ4T+vnL1/5wBqL0/DU3h+Xl8LVEZy32KmVAgPCtRzjn18DOw9Np8xaP2J00ty3x5iGOcZArhU5EmXUXSyxzBN9+AhyZhCRBi0gGmUwcZyRL4S13n4GP5UCIP5moKFnffeJEwR1dW2mscEU+1zeD262SIQ4HUMKMj9xyKZyewOZj6tY2D4n+RI+CYHGv+8mtvZStKCvw0Q/FTjIlPXeBTPkvXMkQJfMeHrrC8wwByFy6DL/+9b+E8Ra6jvMYdO4k/+Gxd8KgdcPCpynsokg77cBix1hxFfBQoAN5Cco9KAnOdYv7US4b3SrHMqavHQDpRkDnrZcCkLLM6nTe7gBPJeTKQQH/AycgsNmbYyC7DIB40a4YALE7oyAjzwlxwOS3v3FhQ/FA1ozn0Wf5y69n8ItvFeArIFUTdLm+G5qPw39D8Ms+1gSAdJWSpmSwWwZ/sW3djnH7ep8E/Hrix19ZHLZgA8cGoXkgULLSWbT9xPAQ/Ov774Nv27fX2/4nI5fgHz/znP4eTm7dnlzU+iHCXpY/o55BTRSRBMocVkyLKQmMLzVh78AyG1OFI/9S/8Rs5Epx5gqL3St5/QHJPAZS3GDoSuYiVXEyub2aCPCQDMh4IEVGgEcEsADquKF1JGwTXa9Y2GKtK1u+SmYrSu2nQDcsS1hPLZZLZAaJdRFU923HwKBJYHjpsr+KxeTLo2M3DYSoe9qskkE94IX4tgpnGcVQvWpfK01hoCbcfAn5d0tHH2PJDSXrUAnv+tL1PQ5Fi65qraVsRVmBj37wEiQtLrB3SprkPjeWp+FGa5ruoypz3/YTxQNWuCLIFyXsDZaR8mXKPZ0fc8F6afYy/OHI5+DioosWGAJ+9feOPffBmeGDXnS2TppqJTm10dUU2NjWaMLwQNPcUxuq13uLtqwghXIzrHIrlXpVANKN/0FHlAEQ1oivtIYAJNxfDEBi+2P1aCkBIMCmcwdAfP9TmqwpugrkAQhb1fPD8+bdr5Kk2CXr8zem4D9edGEcb6bcTJ7HSoRbQ7yVV3o2Ih9yNHdlDsL6NrwQZri/PHxZ3xvDz64QSJQBxYIdsuQZ9wRMYnXkwJuR+U6dRXg1dSmOiARRaAUJ69nVaMD3Hz4IP3X8GHxrAD5Q/u2r5won2249xN/glIaeQIaVel3AiWNNOLC/Dtu3GSVmaTGFyekMXr+wrL8XnRU3uvAM1ZPtQdjbXGYWCD5xAxsQ7XgnWElMKseby70zCGDA1U1WXsEOEcExTpWg58usIOgSpe9kwuYgD0wEXJLgvgjhgyT/HN1cRVHAbGfD2yMTUyqzfARpy+LKbUaRsjJIpCBXrES5jggDTNK6gPtPnYTXL12JPXItn7g4Ar/ytm8q3L/WUq8CQpg4dzUUop67LTpKlgIh9XioXsm7itkRoTzx3Ww1/eaF6l2PFWWyLNhrubE8BU9Pvwovz16EC4tjMNFCTpu9fm8FwshgbQBODZscNPdtPwnDtUE4OXwADjR3wf7mTnYQG12FpxixvWUna/5R2dAV+Hh8/OXcuYRP4ujAHp0TRL0vSlFearWh00l1uZq9n8NIMlf5QZKEotfxkLzYqbasIE7Wwyq3FuLlCVkpAZ3KeKDBx9dxtym2TebrjQIMVliyf0oBiHAHu3e2OAKWW1BzvsIm42tgEMbVoWDVzy1elPM/bHM5AKLygfwPX3t1rZ99qQzWarB/cGPwPFYiaA1xYTvzikp3iV9kzmmLd/q1BiCRaiVXMgsmJiehVlbURg/3qgRcRNsuqQbvp4mIxVaohYqElUA41YfNqBaUteMnTxyDv3v8aPdzDzPuVrmM3JX4E221Y5wo0PHwg0MaiHAZHEzgyGANjhxqwMuvLsHoaMurjBRCyVys0GVQreBnDeYW5QZVUuAY94Mrl/T4GWeZOCTeVQsIBkQGTASdJ7cCOAXCD5lLt1ABIpsSPwo2RL59JKULUfAMip6vPTd0uxLW1SqxXmu4Gp9ZxTCx/VC5Xqnymc3Ur3ghKWRmf61uQvYK45alXEgeuOtOeP7ca9FTUGF6L83NwfHt2+PnuMaiLCGLFa3EAiI41LuX7qsCZ+q+1MIVA4Yu/FC9wFyy2Psk/OOqgYv+QZD1WlH2wYeEJ8afg7+59hSMLF5jpdw7Q05OwcKqksV0GV6ZNSHEX5kzLqb4Pg7XBuDk4AG4b8cJODl0EE4NH4QDGph4J+OtUeR8Yu0Eo8DHx8aehY9d+5pu07seQcMQVb2nsR1+/vh7YGF5CRbbTlE297MBw00TBlYBOkdKB9Kd3G1AOLoFQNbDKrfWUl8tAMmBAiqbByD+ftYeb2vVACQANQEAIf5HjoCeXz0DnJw4AAksH1EAYg8uD78b54NMttvw3z710rp3BLA8j90DDdjTbG4onsdKxFlDatayJWzmZ8GGL1EZnLhESnGNe71uDe/rsuBscoW7lqk6mFcjpcuCv6qCoIosijofSAI2x5x3beGZ/8ab7oX/5o5Tldv66ePHtTUkqJZfcemV5hXl3iwoCoA89MBgDoCEct89g7re0bE2VRTq1qQvSOO6pmbw0aVhODQw7xpG1ygXU8Pe7cRzh+FfHQYQ/v1P+NgHNn84MODDFAarwUrBwAW1wd1W0eKB5xGGEgv5IM5FoxLwYHVIpswJyg7u3nJzroKyq2foiqXulg3hq1ywUpbkMNUABbR1JFGcESHh7mOH4esXLkKrHQ+J+4mRS/Bz991bcr5rK81ahQzqQfb0wmK2rBpvl2UHhqDhucKWKY7eeiGPjlXYZtGe1Smn67mizMHHQroEH7/2JPyXa08ypd5vS7CxlepAIOcthEjvbuNxijT+yvwleGXusi0HsL+5A04NHYJ7tx+HU8MGoNBO8Cd+dY4vzV6Cp6deh8+Ov8xa9JN6htaQgaQJP7H3UVhaaoPMjNVj0CrKyPNQniE1D4DYP6zdi5J4e7th3UrR12yIXqgIQKoQ0IO14DIAwiNc5QDIyiJg5SfYCADhs2sJAR1yAMQUigEQ4ACkK9iAwB3LbFMJCTURXXWsoverz9qusnLsbDZg38DG5nmsRP7oeYBf+ZbEToFuEiQlyMOonmbTtbUwphZ4v9bmjrkWRX7jRpA4Pst/rXDOQuvQZi3aKHc8wAObVZncv3NHTwBEyU+eOAr/9ty5QlDT5Sz98pHr6gZq7joz0AWAuMHsrjNNmJhIodPhy0F+3c6VySxDLqSDAGLBnCtGdqNOLyjkqgzeB2+FNQCquALLwQmVYRWgNRibIsCfKxPeGREoGBEgEusCRW4kuISPmd8jt9utWbmFCVx4kDZsu7SR2QR+amCSULje1IIOZUVRimxNW++kTmD4wF13wNMvx63byiXrpoKQpAIIYeIFT0MJFv2kDrGdwVDN1xedTuH4CBshVO96ryg78KF/acvHhy9/XIMEfmf9Pp5X7rnyz4UAAd4n+xnWpcrdaM3qv6ennbVOuW3tb+7ySi90lhnfg4XJZmXCk5CZSYz5gf3vgP2NXRpwNBp17WqlTguz99f0n3G9qvG8ICxJoVf1bQhANhPPoxeps1lmA0fACibdLgR0DkAocATl/4gDEG/8okkrD0BoAgwAiKgEQKAQgKijf/WFc92J6N3evYpKqXKzUiTzzcLzWIm8eiOBZ2604OH9dU+58HkhIfjgzzk2vHMJ923QmybzP/n5aGXDAAAgAElEQVRqmoz8hceFx7gvvU0G+bbYynsgGLxB6QRRlymm8Cj5vsOHejoXJceHhnQG9Rf/f/beNEay7DoTO/e9WHKpytr36uqq3kj2wp2iZJFDStQ6krhIo4USZFtjwQsGlsc2YMCGPeMfA9gwBpAxA4xhWB6JM2OMKFoLZUkjcWmOKFHspiSKFLvZbLKqt9q3zMo99mvc++4599z77lsiMjIzIvOdQlZEvD1evHff+c53vnNWVjN/vuxf1Zsj0ucn7+zMz0dw6FCOc0MCheSjAiunT9bg+g3rMDruihmvWP1akFEdujKCmppHPo+Jakdg8yZ85zwQkKH9CVtZUAJnSBCcWOABvnDeATA+qvROpnNrusCb7lLSkKRXdwAHA0QQ+k0p9RbVB9LpD6KvRHOhaQ0ISGJHVEoW9QnRYGSgI5O6SpYWqwM8dvo0fOv1q+kGhgDwldu3YaXTgYWc8tHbaegIDsoO+uyWtXjWFZ8Lfd4G0JMDqIs4vQIuF/rtzPW7E6V6dyOizCtKKYH5r73xafjW2hvutxXsy3rfNlTlMRVgBbau81AvHq8TYLKigYlz3BlnXXqfuX92uD4PP3/y/fDQ7DGoxTHdS3yciIzoXGtAzHstQnf8Iz727B8WZFp1HsMY65huXlPOPZQCINtdASsEZHwAghe3ZPOEwOP3biCJEcNAVAUjhJRWIAjEIIjAZySl+hj0kw9AfEG6BSCqEtaf3Vva+i+ac01qnceE9PPYKfvkiwLe8QHs1RIR8LQgAywwYefCN4HlSzNtl09eDmCQ7PfNhE05QMX/2iHQ4i5ScmDMOWXHm5sEPKQMi9FxdXpIjTge/2cXH4Z/+I0XU6AGLW+zKWeAvykANcePDR+9OnasBjdu9uzDGMB97x2JmnW/PQ+nZtb8KItJQQLm8GffA47j4wRg2L74dmi69OZ7oJ9jUMk6oQMHN2wrMueHpuBRlmfKl3UdKEmRXQvKEtYIoYmpbmycPZ2SJaQVpBtxem8gQUTSlOmV+rkRGRHuO594DP7sa98IHs7zt3evSpYyFa0u1UGdmXN6/fNt3nf6PajXIppAIAKfy/ymI8eUX4ejlurN/vF3M6KM17Wyz9x9Hn7v1hd1ihOD5al0pvxQWAbw4GwIO2fOtgwoEew+AFaFLH0cMgVEnHFBuvOfmj8PHz/zfpiNG8QWIpAQJgtD+ULIhOhXSscCsC2HWSA4xIDtMdsLOo+ypopi1LiTMZIA3Qcg0lnSAQr588sAkLAA3QQB6TbBeweHPQIggkUD+HPU0XUAVcCy6ZoWgADfFKUTyAK9hy9Itw4CApDfvLo9lbCG0nnkj3ZTaTdWFBvShbcfj+k7CyfPWDCBn6BB2V92Uk9PCGgkJpz5fFrulxj2C/rBiaxt5GzXATJsucONDqx0m7pHAwchTInh2Eura0MefGI/cuokRC98MwVq8o4bjyB0lskKQM3wz1Jh0tSywAIrwWvKear3HZgBIdZZDxCzTIQpWqZSasF3tS/snvBTUtGRZ1EhDObQdhhIkP5JcPQgHNS5Z5peOfCAwEXBv1bqh8X9sOpc5PQm4FfV7YnJeUyehQNTUWsgLRDB7uluN3ULUmIp4cyRI3Dq2NFgA0OVkrWbIKSuBOpFIIRFoNFJLSzVO5AwF1yePYoZa+GUpsXKZJkAtPwNtNsRZd5/Z6O3qdmPv1nm6XlWxUHPGXojnXvuaP0AHK0fYrergCsb18OxCFqXt7cN+EN8cSgC+mxR6Y7GwgjQP37mffDI3OkEsHMAYpaJMCCL7IcBIwLF6PswDWu/dNlXujlVPa/d7+vr0jIhowCQEQXofLtBgMEWluy/IAABMFErtkMvuqZNWKSeuo7Ng4zrPywAYeUD6eawaB6gSHAe1oREJrlVl+IdMwDROo96XTcTHFrnUXSPTyFISdiQyIDLpOt5EpWN7HuWF8/jL5KiPS4UseBkByEKXu6eKD3YZ6P0oYR+8LLTwrt1QEXuNrPWT5Y9M7sGq0rTEAnrhKRgorXP3r0H11stODczU2pfaAdrNfiZc2fhUzdupmf6h+0OMWyh9AkvAjXDVXdhsJkHTeiNoPENI5pATd/qsDmowYzoeeJzXivVC/ikjPX2cPx3yxYT2SzdCoHkUNF7L51ECOek8u8UPB4CHv4KoWW5g8V/Oe6ScdEgxzSSXGcJCeggJkQIk36VPDcGZn5kmhVGnk4Epz116eEgCFH9QnbTlLOnHB2MvBZZmVK9ybSB1oY0VQd1Dj4ZIJGmL0jI0iV+LfwvKtWr5ivQ0d7liDJPv3pj8xb82hu/D1c3b0NoJOGcHN4vs1ETnj74KDx1QP094jn/abvRvqeF7UvdVVjsrcLljeuw1F2DB91Vc+44MLdg344Awg1YgHsPpYMqyXEeaxyAHz7+DnjPwmOsgaek7FBAXwkE04Fg+pXQldQiowUU/u29R9Ow9qrOwzd1HSjWozXopdI+Tcf0AADJAwW07PAApFCA7u8rYz8W9QsnMkp5yGYbpA8xF7CNqJgNBgAIPm8dATrmvAo7+PL5YdBRDED+u78dXyneHdF5lBkDJgyoKDbk6/e78NZjMYs1RQxgAHt8IjPiV4IS/vC948YddG1bPZRh1x9h+RQgKbkNqfUay3B5/biNhvk/ifV6adJn7tyDX7pwfsgDTdiQ3755q/CYHBI1dX2AMwYGbxU2cXOz7Am1A9bGhjTjh9nYgI2cBlQDldyNjYMtYbEzB2dnVqgnCECSUmQPKn1tW8cOSETrXH+CvXGAkfB+K7cYRPI2XG+VM8XO4RDwSJ9HviiCnNC5y85pd0W2+PSR0jiplJJlBeociOhp+rMBG0rHJF0wglqRYwcPmgaGbu8QVar3pcUleMvRI7Bb1ohq0Bt0Cvcu+K0Xmml/TP3SHfQ0CEn9YCzax5/R9pQzR1gISs0qegYph06ls7S7Hb2TeBcjytyfUgDkf7vyCVjvueVsUwDATJ+JGvD+I++E9x1+u34vDaMjaZQxQMzb2KnGUb2pizNn9KQPHXmXnr45aMPN9iK8snEDbrTvw5XNm9DSQnj/RkTEJ22QgX8bmpb8Fo/NnYH3HHoc3r3wmJ7ck9IUdWCAxfhegoEP9bugDgRF6REux/7fa2lY+0HnAeYaVQGIzqAH3ZzgRq1QFA75AESy/0IAZDgBOji3YwiACNORGFOspAEkwOj+NABhwIEF0TByI81gJ2g5D6UQAPEF6Mn83QQgE9nPo+ge2qFjUqf6UKOuz8+XXhHw5JF1PfBxNkSaNkgSMFolHGBSDD74vO0DKSNvVeZ+TIOEwHrZ84YDRGX2xafNxF04VO/ARncuvKhIvYHfuXVrJBDygyeOw6F6A1Y0FV7ybAdYEjcWnL+dBw8kdDoSGo2cG8bLsbhzR7opCjEhDv06oIe3e022haqShUJT6R0n62rtX87ge5w+asDv7Ok7cLvO9rzrBbFlVnpZCHhk3oZ+BN5HK4Fx3VnDfWVtVQjnJTp+qQsliAiBB9jULPU6kDCITJNDjw2JVCrXYJDZwPC527d3FYTUyzjoZUr1SpaSJYSOgBoVjQPRRe5GrO+Rdsr8sr2JFkeVQG5hGWQdUW5op665CxFl6UXt/3zxa/CbN/5EV79yb2l7L3Iv6wePfQ9875F3wIxomJS+gaPpkwhFUveqfyB2dlM04NLMGQ1OcHHFjlxp3YSbrUXNoFxvL2pgYu8DSYAHtzQb1+Gx2bPw6NwZePrgw3CkdkB/3z4uK4GVtKf4BVW8StKvEgBCmpAIGxLatCxu0+6Yo85DgY9uP2kOupd1Ht1BXwOQMs0LapCbfhUCIDkVsGjglsBWtdNyAQg/Cg+ASAy2SZtvzAAIMiLJNiUBDEqkYc6KXcd2+80VoJv1LOgoA0DCn8cFQKa+n8c2g5SFRk0zQgqAoG10Ab5xT8A7TiLwSNgQJz3LKVUq2MNO0HUiHZCy/eCjlOUABsmuCelP81aSob+8ecFjK/ewwPuzyB6eW4Tbm/OZ38+3b61twLfW1uHNB+YLt+3bT589A79+9VogKui6r5lWgqnx7eobA3j0sbhgw8k27tyWoIK7Wc0VlXMY8xxt/AH1+BPDWqcG841eukwtC9LQ0XoRbQ4s+Fv3yveBSHbUOg944PEFi/24G2E/DFvYL0LiAY/CO5VF5/kv6DMhUiSMR2xK9uoy0uBqRAbGMcP0lL6MYKbegDddvAAvv/aGs9vfuXxlV0v1qqNvDNFBPVSq146ldhn1M6n875k48nAoz31Ll+qlMRgdacH2oZpBKuDRV3n0SURZ8Ihyvb5rjqsDQKTUAOT/vvppB2qEKlyB7ih+An769I/AmcZxArBJ+kqBO1dwUfu6X1x8oXYA3nnwcYCDSXNSdT4Vk/TKRpKaqsBBXTnJcaxBwxGtRzlIvqE0qTYD8hNtZotg9zkHIMSARIIqswkOPvzgxBSnYVlWLgHHe13nocaO0lX2jNXs4luvgMWX3poAHVyGw7zhAESzE9iUi63N2Q9kTSxQkQw8WH2Iw46QAJ0/bFmZOA9kAGQDEAQd4wAgW9J5TJuNAFJmaxEcn2nqnidxxvrPvT4HzxxP2BBg4IMDEFudJWmsJqSrC/HhBo+v2tedBSUcaDifnaW2ZxDPAjSphTKm5QMagBPNVajFwkSj0+NEyBQb8j889ujQ3+XvnT0Nn7h23ZvKHdfim8x3qL03KVCzsgzw+msDePhifqne+/cGcO2aTCq8JQOfMx8dM83k4fiKoWYptWN2byOGA80+i55yEB06bjOOgnD8AA7MU98xz1lg6bD0mwv7xqnUFQDWEr+rMyfEbEj2uxVc9+6DyPmSiX+cvtsRiODy6qEbCexGZPQjJvbPxemRNGyIHMCTFy7Aq9duQqdnxeAvLS3taqle0NHZ8iAEnOshPZ2/VQ7KTFxnK7hrhUv1AkvJMpNURFk5yt0e9FREWSSieowok2PHHNgypXrHZVz/AYYB+ZdXfy/Fw7nXeDJHsR8fOvrdCatg0q4c5945xYF7NjQ2lXgUqXOZnNOuXkE9Hx87cBYatTrUFHB0oLggVgac0czdjzD6WSs2d3UgceQ1JBRuKlYyTqBPN10ApIfpVt3uvtB5qHtbXROjmjkjowjQwd4a4wIghB7MvcMABjl49BTjFVq40F1Qoy4Q+ABFdoTdTDQwITtiPpH+A2idLACSpwnBMrwAWwMg+6Gfx9Bmfo96JOBos6HPTyNmTlzGOdnoRik2BEssq/zv5Lqx/WQsoAj9MT2JwAt8G8EHXt8pRiM0QOcM2mEvmc0bYsCX6Y/hb19ym4GVa9CHWG6AFPO0HfsgD6wgAZ69tzgSCFHsyUOzM1rcHj60jMh+wGHONh5hT37MB/cBeh0Jp84IOHDQXbHTAbh1Q8LifWkqhAlgA6Qdc0m4aR0wCiSZ9IdbHTXcd03zN6BjSVIQnaC0/T4IbAS7vH2P0yula6c7S9F86W+o6PIYUuMR3GD4UgmubeelPWOaYjQhWNmJWBJgqVmMLeFVs1SvSZX69PjFC/Di5SvO9j979Sr81KPDX7vjMsWEtIbpGVL085mZiUh5oCPfwB/15oILl+q151+BtU6/rx3l5PkaU0S5HucwiTvowGYBkIylqejNTNSE//Dsh+Hi7EPamRtI7he5gwv5HNw/wfkBgpMWZmdTbbPXH+hzqlgkKZNUOQU6GrVYMx/2O/kASLIKZt4OWK8YAhQcgCjgAciAoCAdK2WhaB1jJ95YP+GmQKNiPTa73X2h8+ga1mMcVuMAhB5aHkgfjwDdBSD+vpILz6YScH0IpAIHmB4DTPxkKrJgyUmi6hn7QRtz06/IuRE26s17geC8rDQrtRSKRbP6gAwDQCZS5zEhhjqPI80GHKhnPHxy7vfn3nDZECHRLZIOG+I0NiSmxO4gVDEr/X585gOO3D2U2f1Qh+jnGRVv2v8rv146TeHszBJc6x4IOPuBH1pIuNFpw7P378P3HztW/qCN/ccXzsH/cvkVf0f+W2+f7hIyd2G+pB1gNtYBXr2s9CEAdRMIV02sN01vu4hq6PrfmYEaIZlQHfeTBFVana5OF7rfrsHRZs+mOlFaasYB242nnJrwSWHpFM4ikQ0lCW8joV1nAA/3VbLjyqiklbOLkA2oUhOPvvu+rAMjjWOWaAu1OyddTciA+ogkzopKjVPTnnroHLx244bTwFBVydpNEAKmXG9uB/VhS/UaBNsa9GHOMHm2FK1NyRJeZSslcO7qVBYsWWp1Hsq5y0pL3A3jAER9/S9pAPK79pzYcKczip9pnoRfPPMROFQ7qK8NP60J00H0+YqSrSQvInVH8GluOe5kWshRbtZiqMUJixR6dAXHBZHxUSSaDg4+hHD7gETCpmAR+6F7gjDQMSUApNJ5jMdqDlDYggAdnAhtQQUssx2GExynwgcg/jHZQGDywaZgsSgKbhgsve+K0YEAAgCPMGBbc++GKCU+DwOUMgBk6nUe22xK53FIsUIz9S3tyLIhkXY5XDbEgAtVIlCf8CgpWmDOPV0bTm10CfYxwRi7MZ6O4LbGADQyZw/rzZWYlumYZ0yTbNYzh+/D9bvnQWQM6u69kdyvz95fGgmE/MCx4/C/XnmNbS4QCClAI3ZYCZ2EzI/aVHaOzdCRoAg+d5/sCmNRV7oeMReRB3ikCZIIAWudCI42hf1egq3LNu9+66zviiJl9r0ZFpfUr8Rzl7LOH9tWqJyu+/3zji10rOWWyFpSeilk9nljO7ZTgI5F+6VJW5D4Z1iGvgYpAE89cgm+8sI3aT+KCdltaxSBEH5eUmctUKrXNMVUTgywlCy/yzr+ssqhW2+3QQ4SHwE1HjO1uqMboDuhoFTvdqdk+QDkq8svwa9f/d2M54AFIpdmH4JfOPMRaIq6YYrAqSiFqeJY1haZgoj5Kk7WON+jiMgPU3qcxFFOflPFwjUaDd3BXDnKkvlsks6r/R2DY57DuiDwSMCEYCxITGxHIkKPmf4D2ZLIPFed0X2CdSCVzmO8Zkr0hgBIjgAdPIDCji9PgC6EFZUBu7jTJYKdwtX8uUbpWIl2gw880m18hZ4ApmQJNjj6N5DgWCWvAtbwACSvEeG+0nmMYLNxpBkP9ReP8d5+9soBeNPRVa0jEYYNkQaQJEOiTQ9wBev+X15K1vYwIinL2YX0ZkvvLzStaJ185zT/oeFup9wDBvdXG2yArC14U+1u/dPwhaUlWOv14UCtjOjb2tmZJrz38GH4y+Vlu3H/iLKIIem/DYUMtwhqaDCNzIM6So/dAA5AUet2ekmkbrWnIp5d5uzz1C7+u9itpRoK0hVumxAS8wxMF+4zHsGv6DuwGcBDBqZnnLdRMDQPOIF75vX8KLBb/qrigzF1fEf2gwnYGRgZmLK+6vXSiePw2rGjcMf0DlntdHe9VG9SNjUqzPPOHeH4z2fOq9peTw6gLiK7kGRjp7AZDmpMnm0q1sPoEhBEYI+RVKlemX2tbaMv66dgqTK8v0EMSPrY8Jy98+BT8JMnf5jE5wg+bOo3EPCIWAM/BGEWnDDAR2NEAuQUg9Q2EQ213oGZGWiw7ApMtUL/TzJwzVsbgvcOD5CfVgJGCDhAsFQrAz5Y+lUErp8Use1OYjneSuexfVYLAZAiATr7lAtACE07wTne5t8FICDsOvjQ4WJg/vgWDLHb9BlrNkWaaT68cYoudGRPeC5qrgC9JAC5/Dr85rXbqdG60nlkm9J5YFndxjiRh2d/eSOCD1wAYkP0MGjE6gg6QUYU2RRS0rUbrpLFnbcdAiDefZEJJPLAbI4jl3Ud5oGWUtuX2bPCmxDwpgO34NvtQ2ZKZryatrne78MXFhfhJ06eKLkXax87fRL+enUl47jdyK3zLuOwQkzNm+fn4RfPnYFzM039+fP3F+FfXffKtoZADQMMEEVuApHfSIw9yFUKBuhyqXj9pp0Kb4L3yhcVDjAQqAkp4zcwZxPoF8PPEVuMT89PtUptP/22cFnX0s8S57VgkwPW6VsiEDGOna8PUSlyT126SCBE2W9fuQL/49F3l/zC22MN3UE9xwkpKtXLASlzKhXDUtc9L/DkpxkKBYAOzc9T1ST0UUKOadq9Hz44siVjx/T65i34p6/8S9gYoKZMBJ8E7zr4pAYgFnywgK+Jv6Kj7gu7LQix7APuSQG8dieJ0KOjPN9oOjoPYutk8njDfeN4MGCV4RDQJPd2YBxgAV0ERRpcRJax4ceMwCNC0MI1ILiPCQIglc5jZ6yWC0AkP0ywF6QHQKgKFQtYJcEN9sDOYFooiIBAxURHBEU87AOYC9CBDT58O/a6MHoPjChAqAIWG8CEv26eAD0fhLQGA/ivv/Yt+NvlVTrWmVoMx5sNU73JvXil3N/Ao5TOY8z2V9fn4T1nw2yIz37Y60yYWvcD4kF4zFsKFtTz5m/JApuQ4N9f+C7nIRxwhp0NDvOwloGPwa9ajh0pOk3n5tbg5VYP4qge2j3ti/YmAb6w+GAkEPL9x45CfDlyQI3ZfMaX8J1k38FPppxtNuEjp07CR06e0O+5vfvQIfjQsWPwS994sQSo4SwHu1/05TZIHYHqXbHaatNCEoEA+81D7ptMuYgBpoKNZbk/IRfLO3vzGA+imcJfXnqvo5qD1bz3rjtb7p6Q3gm0IAorZgFVzRIUgU4+nzh4AM6dOgnXb9/R6+5293QwupDNfrfEkva7p68Ud3wSOiVrkMq0cX8LeyJRAM3LpQPPsmJ8tQw5r9uc0sN9mbV+C3796v8Lm/0WfhHnNsbrQTEgHzMMiA9AgDnufkUpt4IUZmsI7RyrNKtNJTDXDWwAZpVYH/ujCPdgEIRgtUFpxgFMO8aMEfT1ZKj4hwccLCvjMzaQOl7O8AANCzZKvduOfaXz2HmrSdOjz2EljGEVFQ4wBLuYLcPhUXdFAnTTu0OwdZPRxe7HEayZm9iWlhQOiKE6RvyCRjYDnTWWf2oBCDIqVqCel37lsiFhEHJ9swX/5KVXNQDROg/jXBfqPIruvT0IUsal8xjVFBvywQsqluyyIdigSQiswobT2cOQHn98GngO1nh+NB4lk0VbLbPLoQ6rvChdZvyVX9dz5r2V52AZutGJ1IpZ2OeLDx7AzXYHzjSHK3l6II41UPj9u/ccUOOFUZx9CX+CsYO1GL7v6FH4hTOn4Yn5ufS6zN59aAF+4PgxeJZFxWnn3uaTYA1Fgcxi0oISNgYvbaw5q2PbuEIHzUcmGd2qZeqNHznlainwvPUsQJJnJYHPMAv558JL2fUhSZkjlSwoZ5kQqZ3KgakhgNW13vHYIwRCVKnea2trcP7AgTLfbltMOY8KiHTLREazTkbwWhlAR/ahqa5TdCzQScbApbAOhgDwlkvvREIa1IQ4E+lB6q0YVYgy48I/vfJrcK1122M/3CPhAGRgWEt+VCHWA6tIxZFlE9RaXV0prKdf1RRVIayp/IyAo+wEG8x5jCn4Kcnf8osO2cpY4WAa16T4AMPqQ+w0o6tnYT12kewyAKl0HrtnNbwouEjMXow2gspvqmEqYGG5XBpH2HalZEBHug4FiscBmPAsIEDnUQa8VwhYgAswAFgqAWlB7C1RJv0KtxECIN9ZW4f/9uvf1g/5xxYOjFfnsUdAynbpPEaxcmwI14gw4FFaoL41NsTeSxmhw6IVt9tC+yk7bcjjfvzAbfhW+6Q7McspNoPUny4twc+dPjX0Sfi+Y0fhD+7dD+zHD7iED/qDR4/AT5w4rl+HMQV+/v3ikrdGxs1P6YPG6GEpKbWp3x/A/bV1Z7WIRTfzf6p8Z9+ZluFAhLaVzYSMbnmXV948fXfySkOmNxCN/8D/+Cf7nYXz9QPur3SxvERQYhxR5QzMNRpw6fxZeNV0Un/+9u1dBSFg2JBcEOJVycozfnmoUrvNKHk2WnyRff1Q5ULyF7wy15BOtU7b+BxcaR0gvdtfv/o7BoCAe22zof+R2YfgoycwBSudIuuDDhRxWxYk0oCj1e9D15QpVmDjgIrQ6zLFUc539IO+5hxSOXoLPQbSUvk8dcv/fXgJZZuuaDUqEfOVSAHkXys8/WoXAEil85gMqyEFB87zdPgKWILoPBbIYEMIOKg6McGov2QCUOTDDarZm1qY5oWUlgw2J1ngAgJIuMYBht2HoIiLJU98EJJfEctnRZ69swi/9voNOOtFO7cEPIaxCQYpO6XzGMX+7GoNfvhSL6UNITbEFm0217LrlliosYM9Q9CG2DxnKfzPfDrfZva84R4Y6X3Z4EaZY0U72tiEwUYX6vWmHaOyzoG5h//o/uJIIOQDRw7D4XoNVvt9Z6xL78d+nyfm5uDjZ07BB48c0WzKKKZAyyG1357r/IV3b8dBkDaSCSj8lRJur6xqpy/4kPc3WvJ6coXq+J6N9UFstgXgMQSoTU/OBlKCfRcHjDhpujjOm3Uw/mCcK8E3nve1mGOHDIk0+hFsdviORx+B67fu6v4Nn33j2gSU6o1YSKXYUlwD+gfGIcDnZtdEYSMWFfcj7rSdgPaEwIhJg4xEzrkfc0oW74au3n/u3l/Al5e+6h6A+a74PDhdPwk/d+ojOvVOFyZwoLnHeuhu4haMqPOinGQVqVdfWUfom0mZYlUtDP2fzO8prUDJYgnhBnYlWzRiQWYM3vK6EGCGGMAALvpK4LwHVvXKuetF+jztpFU6j8mzmh0EPAAi7Zfhug1kHtj1mQxT5HhxXQkr72YaAHJQQ0MWq1MvJSJqnn4FdgRniF4ImxOaLEJQhOk/LJshgd887H0G++EDk9D79kDC71+/A5+/98ARmueKgXfDdhik7IbOYxR74dYsvOPUCpyYQzZkQKADGY8kMpqU68UoKToo4KRoWU/E7bO+/RYCFaGIG/CfWqan8/Uy5wVBQsnBe8iTIRnzquywuA0b4mF2z/ubdndweXMTLm9swmNzs8PtGAB+/MRx+KROkT5tCjwAACAASURBVLG5Oe7WVZ3/JvzYsWPw48ePw+kh076yTLMwd++l50rnxRo/ESz1da3Tgbsrq84GZmuBkrnu5p0Nl/+5Mhwgvq/ANVXmtbSVXIFHYvlzANNFIvPwwIpYPH1EGI6JRgHBCpoU3AKOTkRahxbZkBprYPj87VvDfvuxm/pOCoiUcWIQOjjTRBqU4LSO7qBecwKXgOc6E9CFU6okxX4CpXqdBcdQqpcx4C+vvQq/deOPzHFL0rNyj/9IbQH+/rmfhTo0dMnhEAAhtsMAEGXdXh/avTYpETXoUGWK63Xrf/isQtbxAvfd7PWOKWX428kUQ2rXdW4tSsvnoCPZesSKt6RGGZY2upPsR6XzmGxLOCcsG58SmEtiNdBcBgRvSBZtkrb/B9C22NMTAQagGAWYu4bXpbkFBOdSDKUoEMXbjqMJo4IVjew+KFIobLQaCHDg/GL2I2v63XYHPvH6Le3k4FFPrcB8TCBlt3Ueo9hfXGvAR5/oUrY8dk63gCRijz/WdC3AhgCA01sksfGyItx5c6+50I+YzzoUzitYPgvQFG3XATJD7P+R+TvwUu9iePMsEMI//tHiIvzK3LnyOzGmQMhv3b3rTFM/rWI5FFPysydPjgRuiuznT5+Cf2dSwVKXkWcEOWjATRbaaHfgyu273tICDtb76e0GbMifMwXC+bGU2072dZoFVvIsaxnB3nHnKDKBqyjAoLsCW0F0iE0vsalb1P3ZSVMJH7d5qpnX5Fn2xLkzuoHh6samFqi/dwQWb5xWi+JCEJI5uvlIgL1vIwghn0LYAjdO8NKsKtmOkAURoUh6JoIZmoALfR20e50l+Bev/Wt3846uVsJsNAMfP/1RaIhGwnhlAZAo0tdfX5XV7fWIGVPnXlW30rqEOAZ0ZVzGIYcFcQ7eaGycyj4uQEGGxMeBWfcr/92T43LbfGYyHzsEPnydh9p3pfOYPKslWVPEbzhMBThRSFs6F8GCkNKJYvgABK9kAbahEzAXji52Vl1GsDxFMPvAu4QubnYR+7oO7JBOfUSMQ2gvfgtwstmPYjCi9B//52s3k7SJ/dDPI2fc0DqPxmToPEaxK/dn4M5GJ8CGcECSzYZkl+tF28LVgUDdE6UH+2yU3k0OWCmcFt6t/5e9zaz1RXpiYB+zcQ+6G6vQbB5KL5NRyeVPFpfgV84PD0Iem52F/+niRfhn167DWr8P7zt8CP7usaPw/kOHSqw9uj0+NwfnZme0qJ6fjGzA5jI1KuXg1Xv39au15Lo81OzbdZytexbymJ3P0gByPj98DWWCh5FuiyEdGOmthYEtJ6UkWSAC/gwIVPgxbhYyIdi/wQEoDN4IF+oEZdGUmmWi9EqH8fQjj8DzL7yoGxfuNghRpXpbpsFi0Lx0qcKULBNxx+7gPCUry3C7AHw/5E54TnPetkZ3fv2GhP/H6/8GWoO2t033HH381MfgVP2kdhJtpoh0AEjfNBJUrzoNSwGP5oyucKVK61KlKeb3pJx7IYqjnz4ipiOX4MaI0+c4PVK45zGIM4Wb57VT4MPXeSirdB6Ta+rKrtlYDA+oMTeCKlWZC5N0G34FLPCGAcmE5eBcwBYKWNqSDzQ8dSrUKAsPxI+cWFqQl+BFdaFgN+/o7IeiuT59/S587u7S3gceOeboPPZAVKGYDRH06rMhpDHy2JBxlOtNOehbvei2wHoMszwHTGW3UTbCfTS6Ay1x2M1T1pYGMmr5jYGELy2vwPceWvBXKLQfPXZU/+20feDIEZMKBu646kTV02dMXXMv3bytmRD/3DRiCQfq+VHt8gxIsUOx3eNjWWaEO22CffaDWiRKZw3i8P7mjqDTMI6zIFiiVGDzNsuG8CBa/veRcPHEcXhhbha+mSpQsDtWL9lBPSRgTpXqZVdOa9CDOdVBnQEJG7i0/kKopK/naTiR/FRKlreBHK4k43u5AOSTN/4ArrVumYHdPXj0RX70+Ifgwsx5VgWLz5e6kWC31yM9iCpMMFtvwGyjngjTWVM/J20QXAdfBMBF6e+E69mYL85MsybuEu4UQixpQJYCTNtgIZ2HrhZmwEel85g8U8ENNa6oAhU1JAkgUIIXCGCwm5oE6Kw+As8tZJQkT5dyWBXMFTUdZgV2Uk9mEgNCyJzle3IWJblR8IHC07PcG0N4712QAQ4oyROfq/SrX3/Npl/tNyOdR2OydR6jWDk2RA7JhvDH3WgAZCQLsAj+Z/4XWjA7aj0cIAruJ2tdmbM8W+fR+Tvwje7jbi6vdF7oUPFov7SyOhII2S076OQqZ0AOD4Wp+d+5fRtWNlvBoz4z13UWzvrtE8t/cOf99LJogW2ydJxWOEEs3pXZlpwXRrdrexygHkQIF4Cgwwj0nBAOC4LLEzDB7Qemhc+ZdZafuHABXnrllZ0/iQFrlAQhmZdMMFQuk8pbcSht12RDoJOP5wwpLELiVArTsiGF/uawEMQ6/WrNr618Ez5/70uAbJngDr3Z/jsOvhXeu/AuKsULulfPAHr9HnR05kSSbqW6wc81G5r1UKlXqgwvMiQW4AbYjzEIukPrO8AEAifTn+9sUHrAqATq3oKFdB4qrW2+0nlMrKkmpAp0NOPYGQNrOChKgfoPdNAhR4CemPSeNnY7wp1v/LEERCB34VXS8qIXkqF/SQ8HdwwSYEEMTtTVHTD6EtFSVEIjBELy2Y9kG1+4swT/9vod2I9GOo/m9Og8RrFnX5uBn3uyXcCG4NXrVsribAjwa1hazmRszQshDRgkpD9zUXrKuQ+sz9cLTt9CVNxur/yTKW/ZfmcZGrNH7VfJWBSP97PLD+AfnD0N8yNWrdpp2+j3qcylR3/Y7+aln11fegB3lleDR3qgPoBjM73Mq68sA1IIPkpaCBgHtzHEgTmXAAaR7OPHOo2svLtwGA77nEEmI2LT/UZyMb73mrNF3jTB/brUMwinu87dkQPzQ5zN7TXlPKi/zLSPkqV6bcAyWaovpe7yXRPY8d97wPvrOruznb1FcMEssDEkY8De3+8swW9c/ZSdk6Zi4XTzJPzIse9LAIhKDer1dLWzXn+Q6DziGOaaTS0w186y6QES0/UV0TUZBQDIdjILecBGeo5fetntBR1olc5jukxdwyqIMRPV2PPMtZrylHhlKjSnLCVJKwQD47Y5IGdAiFUBQYJxux1J20FWxadaEU8QIGIVsMA8eK0A3V73vARvhKkztN0oE3zYz2FW5E67A7+xD9kPp5/H3mAzC+36cgOuLLfgkUMuG4JXlCQ2RL2PSK+EDg6yIWC6qie2NTYky3zAAGyatW344UJsxZAerLN+wSnJGn/P1q7CcnQ87zBT4f7PPliGj+akVq33+/AXq6vw9fV1OBDF8LHjx+BUfeeBtzqOzywtawclMfNtUj+nnXBvdS0gRE8sFhIuHmzT51Guwi1fuSGmyoHsaWAceg2Zc3cxx9QPZmFEHf1cm0pl2A+wbHmMjAfYtBieihVnARKmE+GARPigBLjWJGxvObLzaYBZ1tAd1Itzz6VkmQ400bw6BEbyDFcMS63WMIs5EU8ThrDXBpaMTYERk2WBpXrH1T3dT8NSAER1RBc0ftnQlPrcjGfh507/FIh+DGu9lnaUpfmdCXjEsY7SJ2V4GQCJTH8QH4CMkf3Yiu3mviudx3SZuoJVin4zrlGAIc9q0k9jwqFA2maBXP9hJjgCdCEtA2IZO1tpy44rggnZJTn81pXj0U9JYICX6o1wCI+8kY1VxAqBkyzgwd+n2I+7+4v92Gs6j1Hsi6/NwaNv23TYEKEBBcVOU31DhAEdPtuxZTYEHbcUozFkhE/mLJdHI5Q8xDBDsoWHlh/xD2z/RGMZ7vd70Kw1nJVSIIwdxv9z/z48OjsDz8y5vXyeW13V4EOBFG6fXlqCf/TQefiegwdH/y5D2t+ur8O/uHETNmSfeg+6YRjn6+qXtVYLXrpxM3NHjx7qaD1IyErhxyByyBGckwl3lTGYN+on2/ai8BgtFtKKzjn7HtEzwqbUEAhh7AcwIKF7NDhAIw1InFz+AICxQEQ4Tp1N4nLtySEbXW6n1TUI6RbvgQUm6UnugRJBDjxAF4snyECEP0RmUOp3+nxhUEN401IjUYlSvT4A+f9ufw6+vf6Kf+XRF1LXx48d/iEYtCJY7icBS+w9oZoJuj1AogSIFAIQe7x7RddQ1iqdx/QZ13kMYzUQnCGVeI+7AnRM2QIKddgbXkiWysXHETvoA6V1MQG6ZAAEHSHHZ8CHnDDUKzgDAOUdmp8Sp7kMSLbug8/zwcjVjRb8X6/fhFtc3Fl0zU8pY7aXdR6j2OJGDa4sS4cNEapplJQl2BC13IABFLTR2BAfcOSuWWazQ12j6b4OZTZfiiVJrVOuH0WKPenchahxPpmHaaSZ60rYHAzgv3/jKjwzOwfPzM/BnU4Xvry2Cusmwhs7UZtkJ79689a2g5A73S78xYoCQQ/gSquVRE9DQQDWAwS/qErz+MbV6/o1ZBcXOnCw0ff6xRQMZgFGouzy/qTM9UcaL4V7F/msBz0D+DPMggwOQpwx37xyETAHHMJjNxCoKCfSpmNZABKLhHlXjqavJ+HvKdWLsSP4nFpaW4d/9ORbRjlJ22KRqdyV20Hd+aWY+UiAvVfRX12uN6o5foETmuS6EI8ZEU6pXuldIRnXeRkHlgGQq5s34A9uf87ZrvDGuXfMvx3Ox+f1taCqW9VrsQtao+T6iM1143ZDFxkAROwrAFLpPKbPsnQew1hN0MAtHQF68kYy4OAK0C3DwYGBpNXsNCAButkoPRSAlfm1N7ZlM+wlJ2hNwXJGBWNY8OETsYdREfjw52Hlq8/eG6EqyZSBlP2i8xjFitgQ1ILksyGc97CUfVk2JDh3DEAjzFoUrFcqXB5mMIbZXuaxZaxzpnYNVsWFAJmTwYqYCd9stfQfzo+i9M2LoGZzIOH5tTV474EDWUc2kq0PBpqB+fLqGnx5dZWON/LE6M5LwBl57vKrsNkJR6iVBkT9hcw5N+6uCgezwktlzGNdKdYj9d7qt1wGxNWCgFeC1xWc+9qQdLqV8OdFbmpWDGEgYwEIE7SzINybazU4P+ZrbquWC0I8XYhbFcvee26p3mTZ3qAPMoodAIHCdMFYC+xhgWeJnvUQYlJGd9ydrugA8Ilrv+WN2G5Q6UT9JPzw0e+H2DhixNZ5ICMBIBGlYVn2bH8DkErnMV1WRucxjNUwSdZNm8JIg8dLsBrrKIpEBgQQzFDBCjafqE9780pvHgEdpEOoBK8FQREbgJADxQ6dIOwQRqUVS+k+ks/PLT6A37pxD9Z620SJTQBI2Y86j1GsiA0RVAmkJBtCN8nwbEjQclb3HfkgOxGYzudnTQ9fxMUOq/0rd9Hlnx1B21uorcPdzibMzfgNAz1mhbyCrO0LZ1kf1Dy7sjo2EKIAjQIez62tEQMjPMfaOYDMUybh629ch9WMSlgH6wO4tNAJA7sSYLHstLzly1rWuo7uPkNonvkcYWAESH8BKe0HApPINFtzheouGBGYOoPAIjJ9Q4QPUlw9CDEmAQCSroYEcPPuffjVp5/awhndHlPd0204JdvSpXp5ORozhQEu5ZTNgak4GGiUl+WGElYg3wV9jtFL9fppWJ+6+ftwbfOm3S5bVq3bjJrwC6f/HjRq9cSxNAv4eiEEIMigRSIisLofAUil85guG1bnMYzViOvwK2CRONyPJ7IKWNTmww5LnJ2w62BVLZ6CZSlWvj+2Ej0wWD912gct5AkPhwUfwdSr3bBtAimVzmM0+8x3DsAvv3MNapEwbIgFFjvFhmRZHmBAk34JVm55ICZjXjYwKbl9Fm0v862xg3TuMhIg7lyFaO7N+cch7Ie8cyK9ZdH+amMdNgYDmBvx/nmt3YbPr6zC82vrOvUKt28ZGA8dpTLh0kf98s07cC2jj8RcbQCPHbZC9J0IcOSax7S4r2mnkAMLvoQPNmjsp+eQXR6FzxEy5BSkUuDBsucYsOKMB64fM5bCakAYC8JBBqVoRS7AcJiQjO0wALL4YBl+9aknYaHRyD+nu2DqGBUQyctdR9Ypc6b3FsOM7X5fB8ncC8EGPh2mBSOhiEBMJoeQvhORZyEIAg4AeWn1Mjyry/GGLFn/R4/9IByqLUB/IJ1NJL8v0DVBQEQxH1QOGvYVAKl0HtNno+o8hjGWjoW9OfwKWAz9m5ufAIjpKyKpYT/QYGBBiTTdy+0Thh4mpueOfbaz+EeqApYgEEHGmRoMHBamXQGBj9+/dQ++vrI+HRfGECCl0nls3Ta6EbxwT8DbTyIbEplruZgNsVfsFtiQwGyfTbBOeg5DIQPTnH0MMfCHIujBr1G8zex108vlLXaqdgPWoyfTh4iOCjumDLfDjGVOYmlqka+sr8MHh9CG3O314Ctr6/CF1VV4tW3ZijgCdp14B12CqVG/+dX7i/Dtm7eD+1WVsBQAiTO6x8uM96H5wWneNVMOUOZbCvcxZxNBSWT0fhGLsqdYD0fnYQNU4KVicWF6JATNVyym8KLYKU2HL0qnbaRz/NPr2G3H/JglQKvdhosS4J88/XSJM7p7pvpZZDpWXvf03OuBMxUyYUNmYoyA84IC5bZhzb/Ps+769DQ1tquywR0Tof/EtU+6vggLhyp78/wT8NYDz7ipNaw3TGxSrTgQwZQ9nsoHexiA7Cedhyo3raq9VTqP4axmsyylQ5FiGT1OZUo+MiBTYijyZJqkqlqCggo+cMCHigU5CEZcFgUrYHnhE35cDHj4rz74wOmrvR788a3F0XQfk2wCYKFeS8BHSOcxvffErtlzb8zD08c5G5KlDQGHDUmu0/6W2BCKFhdpJWBMnqBj5UXpIYak7K4QVAUd8ryVmDWjLlxdvgNHD53UE2m0CHgxmcNpjseDu/t3KyuFIESxJX+5saEBi/pDC4rM+caHYGqWNze1ED3L3ny0Bc1Y5jBhBQ8Vf6UcZiz/gHOKDUj3SBJcU8B6YJl1D3hIdgdy1iNJ5+UlePGudRsR4vMhMmE0DhwE61rtA4qYgZfY9HbwWQ6/jK/DfAgBrU4H5jpd+KmTp+DtDz2U/7tMiKnIaEuIwpz2UHaDNFoQAtssO0qlqqhtxobdSHx+qo5jnSHJq23xapxsH8b5KFuqVy2nQEen39cARG3yC8tfhOXecmCETr7YTNSEjxz/saQjOluCWDOTelUzPVa4/oNXTAPmt+wlAII6D/WKv8Ne1Hmo3191/q90HqNbTWgDR3sB0pbgRYCRLmlnK2klnLa0HdDNfEAg4mWS4p4E8pas+VDEbnqrMWExyghMd1sLUMowH3sVfJTWeQzBpFSWWJoNydOGwNjYEJuuItITJ+E3HCmEnr+9Mtgja5lG5zUAOFlyZ8MZ/gKvd7saiPzoQrrr+l9tbGjwoV7XTZpBVoRP8v+ce7KYqen3+/DFb32HIoq+PbLQhrla+GSWZ0DyWY6tXoaOU4o6D3BPB43neNMEwAcuEwnhVF60wvPIASAO+wEMoFAJ3jTL4TcpTKdTJdBFkHMJzNkMsCeYkrKxCT965Bj8wPnpAB6+1ct0UGesnghMh9SVJrQzNy8aqZsg2L8QnRPfYcKQqjcrtAkFOFQaWLfX0w6kmj/TaMDd/l14dulP2SYNw8PA80dPfBgaUTMBIRLomuQlm2PGenAAgiydcw72AABBnYcCH5hutRd1HsqTVddNpfMYj9XQY6dBXmYL0O2jgDMckm5xvwcIsLGCHhLSDhTsbBgwgg8K27skioRdyaySZDSYqu4MdOwX8LEtOo8KpARt7GzIVvqGwPCLcuc9k7WQ2evYN8M9INP7YV5JwTrBGeYYQss8NLMIX793Dy4cz25eOA77xOKiBhsfOHAA5qNIV9hSn1XqVVmzQ1/6fOYxNd3eAP79S9kA5PRcF47P9orLHZdgOoYFH/z6Ci2Y+l6hlB0nxcpLxzGOm/Q0Hv6rfQZYUAGUapVsJ5Iuy8FBSIoBMfuNQ2yG2W4qwu2tj8zH+voGPN1swi9fupRzJqfDGmVASNZvnzFT/ba6Z0hsryP0L+zYwUv1ch/DhjkFv4ICyKNnupg7jrLq52EaCapV/vfv/FYGbEnsTfOPwxNzjztCdPB+81hY8TmW5I0I+IJl+MR0p2ChzkOBjx7TeczNzOwpnYeyNpXVrXQe47RaMr6ayAGkAUia/xA0QPCaF/guVZWCWpmaCX6KFTBsQ4DDUOMRo9u9i9lnPfxpU6f5KDCt89AldXdJ57HPQIr6Or1eD+5u9uCrt/rwXWfHxIbQ1vPZkLLHGPwLBMPToCKwHZkxPQRO2PcrdaBDWFlROrcHi1fg2MEFmG9ur6AXy/vutP3Na1fhwfpGcK9Hmn24cDBcWKMMw7RdhkGnhNBgbDY5btgeEH9PVpqdM+ApjQd7VctFLO2KMRMEPMDO5+wHajkiBk5II0K6jTI6Dx+EJKzHZqsND4GAnz1/Ds4+5Fdwm16LTYpRMAo8bKleEouq1JYBdOUA6kabQ20DBPBmZk4JXZCY2m116tK93MhRVsxHz1QurBlHWQEPnS5pAkOfv/dFuN5KN/5ENmRGqDSsn6A0LNwXTwmMBC/DG5mO+UDsGi3tp2NNiaHOo2P+oNJ5TLyhzkMBkJ1Otyqymk1pApsSEAQg0uo/zNOFi7SSCljSAAek0xGA4MMEV/ZYEMnr8AkCFjhZejdqlt5D2deXV+FPbi/B5Y3NnT+b22Co81ho1Ce7rO4eASk9Rc93e/oV7XPfrsNbTvTgYD0iNkSlAw7MAy2rUtY42RBkE9KAIXTii1kHkFDiR/OX994OGTLPYl/GYU8dWYXPvXwZvv/JN+lGYXvJXrx6A169ey/4jVQlrEcPtbO/beh3K1601Dqhec4TwxOQ87GcX/vIenDHDFh6C25ZMGcOl43Y+G9TtSJ7R/J+HEwIHAn3vYgiqnTF5/vgwtF5QHq6iggrncdPnlI6jwsFZ3x6raE7qOenovBADE6xYUucZJshK+v0u1AXzZT/kc1LsMI3zL3QpVGNk+wIohvGUY5js3tJFUDvdxbhD+98ho5apvYq4SMnPwzNaEYDG2AAJOIleIkNiTwhun1KBNnACbdK5zFdhjoPBT7iXUy3KrKalBILdGgTFHzIBiDEenBCVNHZyFzgxiKMXLDqD9zh4kiDm6EoHaEh7jXAeqiUqz+99wCevfdg+/p87KChzkM1FNwzZXUnGKQMBklFlK6+dpID6UkJ6wMJK/0B9NoAf/jKAD7+plri4GgAwRoZDts3hL5wBhuC0cJxidK1lX3clROlZzMk5faDoCo1MbCPMvNVU75eZw2e/ebLewqIvHb3Prxw7UZwnqqA9cSRln71z1X4JxT58zPpM/7Zq5YYTKsK6VusoyiAsdj+syTEdpilIjadQId0wUiEInOP+eCgATwBegTpdCu3MpZlVkKpWXr8WN9IdB57GHhwq2sQEm6SCe5TPjyT3pMHoX+vzkDCPC5EEVGgDI10qV5GuSkQqECHcpQV8Ag4yo5Xg2IOs4tP3fw0tPotxmC7QOTNc2+CJ2afSBxTTKMCTweCGpCIpfyBC4DZAaQ1LRNmlc5jugx1HnXDekyD1YQZqa0A3X94+AyIHWBw+ODMRUKPuwNQ6t7D5VUEI1ABK3n4RDZDy8wIsR5/vrjsplxNaUQedR5HGnWY3WOR3FK2w7+bepCoh1W329cgIZmWVDhaHahIiLvDP75cgx97RBo2ZGCYDpOe5TAgLhuS2Tckhw1JOehb/e7bfc1L+5LLkmSvWrhMmYj8mw634K/vRhqIvPfRS3B4frpTYB6sb8Lzl18NzlPA40lTCcuenDCALAInwzIgkIoPs0FeMr8QBHtmcMYd3PEc7LguTQldenXK63oAhAWjBAMSQP0+WC8QzlwMA0KErwmxWpKNtU14ao/oPIY1dQ4yO6gXleplvoZfqheE6ird02JZPxTKjYdv+n2TbtXvgTTjthKYzxhHWQiRuqLdrugSvrN2Gb6x8iLbqrtn1ZTwh47+IAwwCcsskgBTYEDEZUO4DoTOx4TrQCqdx/QZ6jwaUZRz10ym1aQQXrNCNOMQSSYSZFEDDkDoHWM1qKFQICpG9HzEN+w8s0zvERb1MK9K6/Hc0gp8eWkF1jJEmrk2QSAFdR6K8VAApLIcG8PvJo3Oo9O1UR1l632pwcfaIH8jf/hK37AhcYoN0ekDpdiQBJjYI3LZkJEvvzCZ4nxOsxYF6Trcuc1cKHwoQeCQ4e1mLu8dQ3i+HX+eObYJ31ic1dqJP/nbF+Hp82fhiTOnppIVWW934NkXv5U5/+JCB+brg0LyIndmauHih1ea9WBBKcOUuL2lWIDKewqEQAi+CipSgstZJsRJwQILDBLwETlABTuagwM2vF4gpvyvKzI3wnPd38Hua7PdhgsQwc+cOwdnz+8dnccolglCmAVL9YKXasUJASNQb8b0kczJvVBBpEFf/x6qUaBavxHXoDmjwEc90QnR9kMOvxmfTbrNv7r+b5PjlHwkRr2rhA8c+QAcqh22YnReaQ3cilhcSxTUgUwgAKl0HtNnk6zzGMZqBDAC9Dk2EqQfKlWC176LgPURkVyAnsZlLsNh1hGsL7qJEqNw8U67A19ZWoGvPFjd/s7mOwBSpkbnMU2Wcx57vbTOQ9H+ivFY7acduSxTbMiPPwJwoE4E+xBsiHDYjiI2JGgeYPAj3BJcUXrKuQ+sz9cLTs8ECOUu3BSrU7h8/rJ5v1U9lvD00U346t05/VmlMb188zZcOnkcLp04PjXMiEoL/POXL2dWwjp/oAsnZm11oqxzUnRdD8OA0JXJI9zsWosEfyoIj/GwV73LkggLQFgFK2EeEDb9ygIL3BcyGOADDa/hoBWWu2wJdxATEOKl07DKWCoiPNvpGZ3HkYKzun+sbqKuuY5cEZXhWIJGVFSa+n2wyKdENGNQi4rYqztkronpE8OPgQAAIABJREFUVrEjErdBILsPfaQsnUrZH975Y1jsLpk10s72qcYp+K6D32XK8dorma4tpgURwIAsSzcEgFRAdRKs0nlMl02LzmMYq2kpB9NuAIMXWAGLyt1FZsgxES80WxwPbzYLQGiLNhyWAjsJAGHpVxLg5fUN+PryOnxjdX37gccwNiJI2ZM6jwk2R+dhLmxH54GH7hIRhfYHr/RGZEOEYRV9NsRaweM8BRggCBC24QHnARQ+LbRc3royazm+yhbmv/PkBry22oDFVpKvrBx51V1c/amUgiPzc3By4SAcnp/TUb5JBCbPX3k1sxLWydkePHSgk/87BOYN+9gV7DkQSq3JAxuCnEXreEXCbkF4AASARYtZ6pRgDAQCCJ6G5fT7YOVyOQhJgxFP20HAJDLTkh4v/UEfehst+IHDR+FDDz085NnbH6bOqQIiwVQWr0pW7rXGQYJZTW1TpWQJ6S3ATDnKs/U6q7DFxttkazYoKrwdmpSxjf4GfOH+F9m8NBvy4eMftmlYuIwAKniQnYbFNazp87JbVuk8psumUecxjNVwAOf3uvXLJNHiGPpyO6DjrWrjWe4dbz5jyT3v3uMPrdvtLlxZ24CX1zbgS0srk3OGhjX2HbXOo550MCedx/SC8Ik3BTy0zqPXB2kG14HpZL3al9DK815LgkvFhnzvuT48dGBrbAjeMQlwYSyINAkAKUYjdIA5By1zlpOBaUPYVtmR4uMNbL9oPrMfe3gZPvmdo9AZuMejAMmdlVX9x00BkiNzc7q874mFgzA/09z2Ur8hU9etAiDXFx8E56v0q4cXbEDGZ8LKWhZWdEEG13NgMBpTnjywgetL6/DjJYbLYCqK7RmF5Xndruaa0ZBWx0HshQdCXM1HmtUgoJJVWhd8ZzFxIDfXN+GxZhP+k4uPjO+H3cOm2Icy+fR+ChZLrkiV6lUzW/2+0YUAcK4Yr5lkRlp7IrHxscSiNu6F7bQQkBJ+++bvQau/yWDLwGFDvmvhvXCqcVo7sdg4WQD2iLGlmakcrwN8gZ4EGH3ZLRak0nlMn02zzmMYqyUIQbCMazsQCCMMxM9JBSxWpSKjCor7Fh9KVLhX/69SrG5stuDltU14YXUdbk4S27EFK9R5jMikVJZxuqQqq9uDTsfTeQzK6TxKG/vdfvc7Ev6rd8RBNgSIDQHGjAgKnyEbwiNtwNjE5JEb0YWQe/RlvtpQX79cZSx/8ylQUsRkmNGl7OGXCvazhRqxhL97cQX+6LWFFBAJmWIdfOYBWZOEMWnA4bk5OHnoYIkjHs20CD2HAVFC9KeOtiCOstrL2+8ZBifh8+DEk3hKlQdik4CRk0zF/2Nl023KFCIRpxKWYCwIis491gOECzIcEOKBCzf33mc80uV0U3oQEcFGqw0XRAQ/fbbSeQxrylFqqQphOQEehA7ONL8FgNcWQJU/V0Elru2gjIzgpZyCObTvJMgj6drDI73fuQ/PP/hLOjoK+ogk+Ko6or//8N9xmhL6LBuW4eXXocC4LavwBsGj216rdB7TZ3tF5zGMaU0I9fag8JWNJHBaEx9EwkQghJdahakW9PwxG1jp9uBmqwNXN1vw0uo6XF5vjSYqn2AjnUe9DvFW7u0KpJQyrfPo9fQrWkdKzXisDsrrPEaxr96swRuPIxuiYq8xDAzg4IwHZ0MQiGSxIcDZEG5jABqZjnzJVJ5hpmVuMmN72axKie/uU6tkAo7O9OAjjz6Az189SKlZw1gWa6Ie4AqUnDSMiQInW0npUuyHShXLKsMLBoAo0X0tkvmpaiWuA2DMBr0IQSABaBnLeCdjuaCS6cLoBRFcSOwBInAZZEtsmlXyWOEgJUqDEA/ECFZul1ewsmwGuODDRAwjBmKoT4PX06Pd7UGz04WPnTwNbztf6Ty2YvWcDuqBES2xVIqUP1tCW/ZgFuqmuIHtMcJ9CwCW/U2IQyRAwnPidBVEEVE+52/f/HTGASWA5u8c/gA0VM8S1pQQvGaX2APE1xL5DuROApBK5zFdthd1HsNYDfOt9C2CgoykLmJyX/NILkZsEeGz+1a9Xe324EGnB9c2W3Cv04XXNlpweX1zzwEONNJ51GvQ2BLyGML2MUgprfPYAbNsiDQlfv30rMQ1C7EhifNs2RBKh2TRvBQgyfldyZGX3udAVDz0lz9vyDSw1DbG8fAVqe8S2p9vB+oD+PClZfja3Tn45uJMKVakyNbbbf0XSulS4ESldRWldKnrV62v0q6ymhBye+RQB+bq9huGmY6C9CzJXaywzoOnWuFnm3HlggVLnFiAoT9hF3RhmQ63zK7Lhvi6DoogcwbEiTKnnT2r84gc9oTn50dGyNxb34QPHTkG33/+VIlfu7Iy1sgCIV66VGFKFggTkEl+P9XrYzbOrxqJ2+VXKX2SltxNLtWIllav31h7IbCtxA7VF+A9C99tmhnaEFIEthBCbK7P2OuKLtj2SAC/zVHtkM5DsR0z9Xql85hA2+s6j2GsBrpZrFtSUaKvxPInX99okZfz7bUkZeBuuwN32l1Y6w/gOxlpBHvNgjqPSbIyY90UAZUt6Ty20YrZkIg9dCP2oOR/FoBYNSR3Fa1xRzsLZKTXKjMjX+gd3NeQLEkegHAXF1sSpVOE1Nv/205swFuObMI3l2bh8nIT1rvjDxhgSpev51CMCTdVeleBmLL2yEIbTs52w2CuBCviMNVeZSt8QfYCI80ceDhgg+aRyCO5ijnIYKwKXtsoAkf3LBJcD2LZEjetBSPOUTLP7+3B06woCh05jAemX62vb8JDcQ1+5dHHh/9hKyu0WIv6o1ynUNoLiV2ieV3Rpe7bpJxr5ahx9oOnjvv+vQtHwCa5migN+jOUpevs1H748LGPJgCE3Ui2jDMDuBG/Vj0gss3leEM6D8V0VDqPybX9ovMYxmrXWr3n//nlb0FdRDBfj2GtN4DbHabP4F2b93CUPc/2XD+PCWdTUOehGgn2GYs2dp3HFq2YDRGMDWHgI4sNkciGWIgimZoKHCc8h6GQgWm0gax1M8w71dlnvnibZceQItAyyjxVvvdtxzfhrcc3YbEV6xStxXYMS60aLLVVv4PteSD4jMkwdnKuB2fnu6UxH5oPPJDR4pFeTLeiecIFDsAZD8ZiMN6cQAQCGeBMCEut4mLeBKhEzufIYUIEldvlFax88BEH0rNi0xFbrbfeasPRAcB/dP4CnDlX6Ty22xq6g3pOZDo7czLw3vLCnUFPO23WEm0qIQu8HiXPywLLPnA2JBKm4Edy1T994Gl4IcCGXJi5qP8GhsEWRqviguDIAb1YKYscf3wZMxDI0nnMmXSrSucxebYfdR7DWG0dxNLNdjdJJ+p2k1V5ZZ59CjxgnDqPabNdAilK36F6eaieHmg7pfMYxRQb8rULfXjbsSjAhnAIUY4NkYa5lwT8i8L+BTbUCSsvSs9L6yq3ridKL1o5MD9v/aLNHWn24XCzD5ekPZ5OX2gwcmejrpmS9V4Edzd3L43h1FwPHj/cSpVjDpkFFmwZJ93KJohwnQePxPEUK94o0M5laVUhkJF4eUxLwvp8mPm8lweAq/MAFkm2jEjkRJjdSlcRpVzhMqoJadTuwE+dPANvO1fpPHbS6hqEdNN7LFmqN8EQvIt5co11+gOYq2GVThncCp9K1bFIv2RMCMepUcv9/NmfgX/+2iLc7Fg91qHaIfjw8Y85WxeMpRNGjI4lenlqoBWkp7/7Vi2k89AlihuNSucxgbbfdR7DWO2h+bk51DNQTvk+Bh67ovOYNhsjSNHpVl0T1dllncco9smXBLz9fYJ1RVeu1cBGj6XJQ9bgJLKPTGJDkvK9lDbAGxiSWD3HRr1Xh11vyBSsMtsrgz3GyYjkMTGNSOoeHKoJoC2GI2CpFWtA8qAdw3InhuV2DBu97R0XHjnUhnMhBiRw7OTeyXS6FS4e8Q7muAZLp0JAjOJyTCVxIYpg03yWA0GL7TxOKVnooEW890dkmw36PT1Mg0DwU64C5XYVEFH9PDrrm/Bd8wvwkxcvjucHqGxoU79HUQd1aQa1kC7EJTAssyGxZ4hmQ7jAg23HVNbisJnACE/ZktidKYHrM9Es/DeX/iE8/+ArulnhQnwYHp97cyJGx6aEnvYodl4jB5x4apAt449K5zFdVuk8RrOaJhvl/gYeE6/zmDYrGHwHfakZDxW5nCSdxyh2YyWCr923bIh+OJpGhdLJtEfgYQC/k72MVbOAUl5sKnJ+RSR/ls9MlGEtUvNyU77yj8X9C6WHhdfJ/mIZonRpI6buPDfH3L7JWj7/EBVjcqjZhzMKFGCQBoRmSRQYWWlHCTjpxNDbYkqX2tcTh9vQjHNy64M6DzfqS1ccTXCBh01RIZWGmc9gB0+zkp7gXNo8+BTYIOYDGQ5wheXee850xKxiVhRh48F0nw/lAK6tbcD5uA7/ZaXzmBgrAiGoI3KuVQ+UCDM24sio7jlVqa4ZeU53iBQx6VlZpXqBrTKgaRLetfAu6Bv9iQK1fTPHphh6LBz2BMHrnjcldI5l+PGg0nlMn1U6j61ZbbnT7e5HAKJ1HjrVao/oPCbctM7DCMwdnYecLJ3HKFbEhkgZkSuN5XoFlZ/rs2k2BUuQEy+dSlkhMCEBWPTemuuEp+fhepnzgsCl5CA75M85FlF6YEJRClPe98kDK8dnesl5OWBZB1V9a6Vdg/stlZoSwWY30rqTPJuJBxp8nDvQ1dW8ZECDl3KqnJQVNpkYCabtAOv8RdTrwwMcrKs/EKAAW2JX2OsVdRz2vQXRIgQu/C7nvKN5YY+PyHH+NlotONIX8ItK53G20nlMmtWNE1aUv+9cy+mL2M4ybEZHj5EDHcARwq4kaSGCwrRN1OFh+XNMlcJROFmVB3gw6iNY1perBVF6i1j4GiV7vyGDOKwYvdJ5TJ9VOo/x2d7h9Eoaisu1zqO6drbdtM7D9PRAK9R57JImZVQLsyGxKc0rWQffiN5TRJCAi9suFMtWStMEcaCddD+ex62YdeCMQCkbQwpWmGEpOMRRbYvXxZBfLbVMPZK6P8lRBCgGUKwYlkS9KgG8Wm6+3oeZWEKzNjAgJt28MfVLceBATBlPkwJb4EDYLQjqW8OABqKVQKoVnx8R8yFIU2LL7bLPYATnjPkA7qzhsiwVyxeWYyoWbyTY6nah1u7Cx06cgbeerdKtJtnU76eASCqy7elC3KpYVqvhlup1Uw1Vus5MbFJbUbMkbbsAiXV0Gbfn4htGLyPExibNZlxUY3Pk3HVWixSzFCy/J4jvg5YFIJXOY7qs0nlsj+0LEDJbYzqPPXRzT6qpdKtubxt1HhMIUhQb8pb/IHkII6ggQAI8NStij+HINjfEHCyJS/PnpnC/VOnvVxZwlBOlb5UdkRBwtjOYmKz5qXQqmTMvexfEXqS2wekDzqYElylx/ABwsNHXExXjwdmnrONNsx7GHWPrcUcHeTYLKhDIOjFaQJrEBSBALAdfjlKpZKLnQB2IFeBaQTlug0TmTrNBcyeQJiSyPT1IcB45qVY6JWV9E949twAfe7gCHtNktSjOTa9Jl+q1TQhpitMEOZmrUndm4noq7TDraW51IHwvZm1p7zxJI/WANFW4PAJlv9+MLcXrsSDOjsNW6Tymyyqdx/bbngUhWufRMDqPuLp4ttuUwFzrPDo9U642qcWudR6DHdZ57AJIUWzIn13vwYceihkbIpMIlwIa1KlXRe+ijAaGNn6HbUPchCxR/uC3+3SHHOkx7jPLQS+zq0wgUgIwlLUsYJO93YyLEqOwzno2wZymS85iJOAgWdVqNBxwIiwEttu3lasA89ilm0oFEpz0Kd5YkEAIpVa5TQfBS6sKpVm5zIir81hVOo+oDv/g0SdG/FUq221TjlpLiGDEmxjekAl3OWChGmm0EmqbMd4U0lbAcpgWaf5DBOKUgxPETgpkPhCXYDU3lwtkaYHYD4Vd36xAA+4vpAmodB7TZ5XOY+esNlR6xoRbpfPYWcvUeUxYP4+UbRNI+d2XY3j/uYQNAQQfSayX9USPiBGRNA2BCFDiDD2AnSaGAVog57DDrEUBe8CZgCHOR5l98WnBZQPHEFyGidJdE+lNsO9Slikpzaak5mefs9A+UsDDb7wm/XQrQVeB20CQT2eJWTroa1OkKN89MlvjTQR94OEwHlaUzh0w1IUI6v3hp6mYz+jMRUbjwUDKRqsNh/sAv3DuYThzptJ57AWrhzqoe93TswxBBV7HnFhoDbowFzd41lX2dkKEhLkJBQMvwuidYuJpzZhrdsFBtErD4gCba6ho+/i20nlMnVU6j92xhAnJuFmnxSqdx87aSDqPabIRQcpaR8CXb/bgA+di06wQNSAmCcn0EPEbGNp/YIXDKPCUrmDdd7QxvUf60wLH6gMFvwdF6M+18jdXYWnhEZdNr1swMfdizN5v9mpZQCfnM1vQ3aMLGID8GHRuAJwsdZZCpX672HQ6RyYEKJeeOUesdKj9DJbdQAaDpWpxsAEs1YrrPzijAVzrwUAGeJ+tzqMHot2BnzxxFt56purnsdesEQIhzJAEdpKyjBbEOvEcRCQhma5iEWIzElLOVplSvXYflHYopQbHA3NNK34ilslnpkZh1zm4IJtSseyO1HKqkpfSMe0HnYdiPdqDXqXzqGxLFk7H2oV0lmGt0nnsrG27zmOazLs/eInnl24L+N4za1CLMEnFgg+rC8EHbmTYD8OAYA6+58SrB2uS4YYRfT/etA3Iu2y6Vc40BxAVjBlbrow1RKrVkF+jcHtlTDjHaUGGNZtnLk26lV3GMjnCpJTY8rdpPYcQduOYZIKgAKSpeEXAxzIYVt9hy44iE0LMBoEO9hncngk8FQv/VEpKa70F75pbgI9euLSFM1nZpFuSthRlawHSxIEz3X1rl1LbU9H2JkuvDvYvDJXqNWiE7kME4TIZn2PWrJN0I1ial7GCFnhYMN/fRzoPdf5b/V6l86hsbDbaHbJLIKXSeeysTZTOY8JMp/7V68TCoW10AV64L+DtJxIWJAEfAyfqnCrZq09jImiX1NmXJ+u4bAixJL45k7ybVAamDWHZ6VPltlnIWJRI5cpM3xoi1So1PbiAJ0rn63ksSx5QEcyFIlApQr+sFYrT/1SGV9D7yOtajuADt+MAFD0/SkAtAx1O+pUGvVxQ7qZk2VQr4YAQkdJ2RN5nu4zq53EuqsN/8Uil89hP1tAd1PMd1dyRw09LNJ+7g57eNpbqtb2IAqV6cQnJaQtJAF/zjKgTocrTgu0fS/D6qYpJZa5NAzz6e1zn0TEaj0rnUdl22PbA9DGClErnsbM2tTqPHTK8DnXqXwYB99zVeXjiyBrM1RKiX2UcDygVK1SyVycGUJ0WCX3nJhKYfSClraKVZ0P9ROUqY3Hz07a0ldhGqAxt3vbz5mftMxOIBFK0cgFGzkbzAFUIeHCHhHQe5OdEdh3W/8MCEtRjQCrdCozzLw3AxD4gtnlaxACIYUBkGlikgUZSOhpf+XzObgBVtnLL7q63WnC4L+Dnzz0Mp09XOo/9aHUNQrruNx+pVC9nMyBJyTJ3GKV1ZZXqlWDuCTNp4ApFqAEnGyNshSwLZ7j2QzEeOiNAp5sl98Fe1HkopqO1B3Qe6veZiWqVzmOCbXe4whIgZb4ew1GdblXpPHbCFOMR1Hko8LHf0q08m41Z6l8W8mC20Y3gr27G8IGHQPcLSfKdI5aKNSCBOjmNErfbZ80O7cNam2BVs2R+U7BMR76Udz/ctKH2NYQoPXyMWYNB/vSyqVmjPG55FroDIJwgrZteZfwsAh9JkNY2G7Tsl5P84Wg6KEbLOpM7Ylm/chVuHJkM6YIQYjGY+FyL0n2BeQqUxDoPXrS78NHjZ+CZ01W61X43dV3kdVAvU6rX3o0W2quRsz0YwEwsnHvOjsruOGCztQQVIRQmjQs1G8m4mgAZXVGOpW0pENPtDwh8WJ1HA2brdajvoYyMvaLzUL+eStmrdB7TYROVsKjSrU7MNHWKS67OY38H48dmKt1KR3W6PTqpqPNY6w+gs4/PM9d5zNaGf9D81Y15eM+ZVa1dckv2mo7qFO3Dk2xTtihzaiAcF5emS/vIxgaGWeyEP53Pz54XcuiLIwF2G+OJGoySfgXe9w9O15Z9jNnAxF3HdZcYyCDPx5a8pTUY8ACWRgXolFFaFkuP8hkVllJFzAabTtFbD2RgahaxHpHVg/idzrm+AxxBrn3t9yVsrrfhnbML8JGHKuBRmWtZIASZ3aDx6cQM2lK9Cjz01DZVLr9Jr4JQ93RcmAnY9RxpSReNr6n4ICvRixqmTkf3upCDJCDUqNetzmPIruiTantF56GsSelWVar+NNmugxAVaVCMx1A6jzGme+03UxEOxXgo4OHrPJKUq/178rJ0HqPaX96MDBvCS/byBoY2mk1Ooo5H943g2DxECXT4DrE/rbwVCb1LpVvlTCtKqbKLi/GK0jNSrbzZJY4r/Fk4n13GA6yrQ5gCwYQ00WHJ4IX0UqZoY5IBDc6ECA+WIEvB5uFyybREtO6XzIUU22GZEuyLgJWwokA61tr6JpwWdfjPL1U6j8qyrW5ArsPYjlCq18H1WqOgIvUmQ8LtbEjruvcpK3vupHdZFgSPrWV0Hj2T9qWaL87Ozjo6D8tETq/tFZ2HusYaUa3SeUyx7RoIUaBj23QeFUhxTOs8+j3odvvQZ4POel8S+NjPuK2MzmMU42yIBGRAsIFhwoyIgWFDpI1sS9NJPTHBHqLmcSysZy6w34jzAwaeysMM0LkMQs5+sjZV4uIqAi2lmI9hpwcBS45Gxk8Vw75pDlsBlOlugYdNt+KAI6LflDcRRMDBpqOzxLkRlo5lHSsLKJLtRw7DIYxuxDYVjFIAxa1wZZmS9VYbFvoCfu7sw3D6VKXzqKzY1LWjnMQsR1catsJxHn20jx+Q2TDXv9qmyvWnJdxavAbgWxjvdFAX2EMn2VnLVH3s9rp66TiOYa7ZhGa9BnEUm3tXTj37Uek8KptE21EQonUejQYsNHZZ57FPQEpQ5zEwOo/BAHr7GHkMq/MY1cJsiJfPT3oQU0aSGJEBMSQUGWSRvmDa01C/aXlRel5aV7l1PVF60cpDzi/9tTOYkhDbwgEUgkB65jFghzjBcaeoik6A6QALLIjFkMieWBBhhbNuhSy/g3mqtC4ggPAqXXnVrnhvD190rv5tqjTNdg8+cuwMPH3qaNkzXFllZIpJyI+2+xoOH5RItxiDWUZpF2aY+yKdLWXrQnB91c+j3TUCc3OPN2usnwcDNPyenDardB6VTbptOwgprfOYJJtikFLpPLJtqzqPUUyxIW85vgInZiOngaGU1jUXpsKLdv2k1QhQHM+kDJBeRLLwHjnIJemGYeZtZVrG/nMXlcXgZrh5wgESJQ7PW5s5PgHWAxB4UE8P7IXPAAVLkQL26jQipEpTng4E+8hEIbBh1+XaDWRFOIuRZkNc0EHTo0j3OdhYa8HbZxfgJ84/Wu7EVVZZhqlodUuIsANcQhdiReJMF2Ki+uqvJuJiXYjZoKr22DaVrQaDJISj9B0KeGA/Dz+IACmAM/lW6TwqmyarbcfdNZLOY5pswkBKpfPItnHrPEaxv7jWgI8+3jXic0zCYb1DjFOJTAdQ4pWgf5b1cHkQVJdkMRVZrEX2vOEGhPR+hJ1RsE62ifAyUmSs7zoM/v6zls86BgQZkpf39ErlckAiha19JqQFIzjPBSE2dYrSqpLmH7QNSqtCvYgDIixAoavH6V5ue3dYvQdADEzbEej3sbq6CaeiOvynF9+U+8tUVtmwVg90UBeFYwC/U72UKmNKNF4rEUzSOo9OVzvkOkUsTvp5zBidR36K1fRAkErnUdk02liZkG3VeUyT7QBIqXQe+YagYxJKPF9ZnIE7mx3NhiQNDAeJkyit2y6Y7sO6qUyc7DQx5L3XgZaVvuftGQGFvHlBcFIy7WvIC24sovTAhKxV8nZlgQdP3GBgg6VUUcIIAhLDXiGAwEhssq7LWEjh/q5OxSuTegemEzqlWyHQMOs44nLchg8sfOaD9f3A+WutDhzsA/zMmYtw+kSl86hse6wRACG5hvexsOlQkt19pmmSqbwlg+J0NLXeoD/QCru5egOajbpOEXNSJKfYKp1HZdNuHgfpWYlremJ0HtNkWwAplc4j25QAnHQeE5b6F2ZDuEYEGxdKE3VPuqfLAUorWbUsJzWhoIEh0y6UsrGACwZitpglNu6V+eJ0Dh3GA9zzRaAkuZ4QROCvBAJ/G56mxSEMptMJXMGADUjSrZgoHZsMItMRscYGxHR4onGbegXEaiSAJAExMUu3UrnUm50uDFo9+PHjZ+Hpk5XOo7LtN3Xdqb9QalDZkSkdERekd2hqgbp0lpMsLWu22YR5lgY57J4nzSqdR2V7yfKZkIz7j3QeE+js7QnzzrvWeXSTCh4YGq50HolpnUejPvGpfyE2xKZhgU3uMUJ1YkdQqC6B8STC5kintCFlrZwoPZshKfdwRq5H+hMDy2XNT6VT5aZaZe7C1dmwAKr0pgNqO6QFKX4jQRLLCpuCJljqFU+ls0JzC0oiwQGKTakSWAnL62gOjPVIdzj3mg16epC+ClCst+CZmUPwE+cqnUdlO28N3UHdghDJXt2RJD2uOFW0aIVkBFSldJsI7nO+lZ/KpUAKpirKKah6Vek8KturVjodi3QejT2q85gwU8BDsR5a5zEwOg/I0Hn44+ceByVa59GYvtQ/nw1xlRRJ13TLjnjpWNrQa7ZizQS4GDZku6NioWyvMe6ySCsy7DzOxIR1Ht6Nw5sKeilYnN2QCBpwWaqeg2lalv3gwIPSsqQLLhJQAowNoUQrYkdcEOKCjMgDJMiirKxtwklRh19+uNJ5VLa7VtcgpBtqquNZgQZDuKsq/cMcBmQ8oBHcB34WBsZkdU0MbmznrdJ5VLbXrRDI3jKhAAAgAElEQVSEKNCh8+vr+1znsQPm6Dz6TOcxGFLnsQOalN0wnfqn062mM/VPsSFX1zpw/gBWymKpWfqzZUOEYUOA2BADSqhKFj5NDSeigQhggtZw7AF9EMHlsyysH8lGBMFlA8cQXGYYUbqZTsyQ4Eva6QQYaC5WrTKPSd7Xg5gQZEciEp/jb6bOfxQxDQ/v2yF5E0FWXhdcVgNY9SoBLuthwUY2CFlrtWG+G8EHj56Cpy9WrEdlk2HqGtUd1FkUX5SvEJ5pav2uYkNSZdb5Tc8ABd7uEoIgowAC7YhVOo/K9pMFQQjpPKbU2Zs2UxoPrfNQwMNEsztyG3UeUwRSdOrf7N5J/fvcq3PwS89smh4gkS3NS6k5kdELoP4DnVowUTvDhgzs01TorTGRuhROh3XnLwBGMsFEsrXS3y3YtyRn2bESN5zxYClVFmJw4bhwpgkSpJvSyByY6LcR+yyYFsTyVdbJYWlYka1YZStc4RqRLeHrdT1X+4v5PB+csD4fCvSgzuN7Dp6A951/bIwntbLKxmf1OIZeb0AMZaaePEBQ5kXPlUC9GWcU+sxCFSJ/dtnNjMsqnUdl+9UIhFQ6j5011Hko4IHpVlrnISdA57HLIGUvl3he3KjBlWUJlw5xcbr7B8ZJTVx1bFg3oCStxFM2JX0Z4Ei6AIvRfyBpX3LTrXKmOWBmi9dJYWUsL9UKPIG5CzwQMkQO8MCkOAQEtvIVfrbCb5kCGmAKCriaD9sfJLLsB9OCcAYk8t9TuhV2PAeHKYlMqlW3P4D1tRZcrM/Bz55/y9ZOdGWV7YDVVWEEENTLo8i1F2ADAqklpY0RdGRf6zqkyIMqOVb4vNue1KxK51FZZQC14zPNmccX5iudxw4Y6jwU+BgU6Twm2bYJpOyXEs9ffGMOHjFsSFJZaWB0Htj/QdJn2zHdvrdurHQ6ith+6qhd2Fr8LpshKbfN/LQrdx+l59MRYKqVr+7Az5F3mJb1EExYLkhYbs4o02bY7WHVKaBO55Q+xYXklOJhtRmCQIzdJvbxQE7E793hp1/x8rsray04LhrwkycvwKmTVVndyqbH1LXciAS0B1YH5xs2ak2xIVzMwTKpcKpiEWZr2957eSxW6Twqq8xa7WizMVsBkO0z1HlgyhXa0DqPabIhQMq06zxGMWJDFmIDHSJSQth4vGRsiFdpSSYlfIFpRSRWyCrFhoyWjJ0CJKV0I+UqdmVqRdh8wY6bp3JYd0ZQnrkEsJ3McRlMrWIpV1rHgWV2aWnLeCRpcJEjLLe6nSTlChh4CDEcPIUKTBqVC0j4chGtj5qPlc0OzHcFvP/IaXjq4aqsbmXTa6rDeQcGwYcEZzTROAnhkxHsTtV9SGZ140JH9LH7Ag9jlc6jssrCVqsNZKM6N+O3Hdd5TJHVY5P618hI/dsH5+bPDBui3VBpKmKhY4uRctKLRJREjbJqdGklaUcSk+x/YguKvHuzdHpaaDn7sQzTgdPKitJDpkEAm22hRToyarkOcNIzNJsk2NrCwjyu77BbF8yJiYiNoH2Y1CggcOOyGgooRgyYZInNeZoVMOCx2elBd7ML3610HufOBM9LZZVNk6nruhHXYHPQo6CJvWtdwMBTsQK0iAMwEk2chFa/D3Nx5K6zi0rzSudRWWXFVotBNqvzNB6baJ3HLttQOo+ySsEpNsWG/M0dgLediBw2hDMhJFQ3Inag9CpOfgvnpCTOdlKyFytoUbUsDwzkAoOSP4Tdxnie9MRiBHQenPGgmcIulKSZM+G5ZP088Ow6+g2gFCwsiesqSmyqFaVkEYsiSA9iwYRNvSL9hw8+zDqRx5qoV9XzYHm1DWejJvzM6Yv6KOZqVYyosum25H6RdCPbDursrs4EIMCQhHDYEDsKJttQTIMSqNf8jfkBFuGBkzEClUrnUVllw9l0JFFOsKkIR0rnIQE2pNF59Pcx8thOncc26VJ20p6/Ng9PH1vXFY6EYUToiSiFEVFLgiZYTQv0dHzAsY577OlKvUNKWhCUbEWUnmNZlbEc4OFU1bQCc4lfOQA27LK2RC4tb0ADYAle7pwwfQZQXjrTfrDtCabTcMGFYGyJTbkKMR6+zmNpdRMOyxr84NEzcHxhxjknqvJP5QRUNm1mtR0IPgQY0ZRO50lAiLTLGSNcICkbMgA+2EjngYzVbgcON5qp5oPCf5NELMamZah0HpVVNpolIGQPOHQ7aVKnWxmdR1E/j314bqnEc2MXdR5TcN43uxG8eF/AW0/YxoXUMwSSviEKeEQSqEN6oiLA1C3rOiNAoU7qDEkIEMV5yGXTrco+mEqmdLnxTD+tCsjlsClPdj2sbmVZjmRehPoOISxDwzQZ5oQ54IKnU3GGhRgSVtYXe38ke3cF5LSGsCxJmhGJYLXVhnoL4D0LJ+Dx0+czT6MCIQPs7lxZZRNuyX1gWQ8gfRomkia6gloUQ98E7XiaJfbb4eMAv/f5IME5Yds8VGogstBoJtXlsk4X17kXPQsy7r1K51FZZVu3ckxIBVK0KcAR1Hn0jc5jlI3ukXNLJZ6zdB6TZhNy3p+7NgdvObau+0IIUxnLaWIoMS2LReKlffwKQxtwrYgt2YtgxGtwOMR3K5+6FVovLErnETbifgz74Kdi8Tc8vSpZLmIOjLDbsdCMAAtYCGCZEN7RHNj5ZWBFGG0HsO1aQOGyHRaQuNO5zqO90YNnZg/Bu49lAw/fsA9CZZVNolG6FWDOp2U9LJh3b2nl8G6adCU/tTTNgAjGirIMK3+YMDbQQKQNB2tNqImIilVEgu9D0ADEWZOsxwJOr3QelVU2XhvPk20PgxSt8+j1oNtTtciZzmMgYW2wAzqPCT63e7mfx06dd8WGfPMeaDbECs4jSlVINCFcMyIY6wEEUAbmPR4XT3t2y/gWfIdtmIabtLFK89kpxyk88MF/AOFFI3lpXU/fgWBCirS34rMavJ8Hgg6PEdFanFC1K3wvfF0IAo9kuurnsbzaglNREz526hLA4bJXhrVOBUIqmzALpluZMQsDCZlSC5E4wK1+13wULP3KBkscBsTCB6pUl2JB2BihAMJKrw1zcQNmVSNDmpdWmLnT7THaOYnOozPo6e7s02yVzqOySbOdebJNGUgp1HlMUj+PXTi3+6WfR66N8bw/f30enjy+bvQCJh1LojhdmupQrLO6NlOmFx/KEiglie878Q/CQnVrw1HwaXYke30OPDhTQcfGXAynmhUBpsiCCd45WdrpUgoqTewzGZwVAcO2uGwJaE0IBxmW8Yg8R8eKy8FJs4pSQvNXFlfgbDQLHz1zCY4fnYWVbmuoc8xNpX2ovypiWdluWhp4AAsIpIGHJTKF0bJx515oR7hjnq+W/eB3puC3Pu2LxyicfXgBCfVus9+FjuzBbNyAZhzZVE3nWMNwSYH/rmY9+kOOkJNllc6jskm2yQivTQBIGUrnMU02pnM7ETqPabIhzrtiQ758PYL3ncdY/oDSk5zO6fjw98r5UmqWxAcx2L4hpiUif9AKBkSy060CX6BAlA7WbaBPEtx0Bw1YJMECAh44HZehqKgRiCdZZRyIGJG5ASDAOo4DfwW7PC5HTIe02g7LbNjp6e7mRoHCgYewGpD7Gy34+vUl+Pr1dbi33oP/+V1PwcnmnF5HAYitVMtRDtFsXIGQynbeHJ0HeOlWngvv3P1031rwwefX4xp0ZQf4HJ/9SAMQzlgy8MH3y0hhxdbrAGK/A61+pB1xpUepRQLqImZrqAyHQRKAVAJzmQ7VTJNVOo/KpsWmg+PfRpAS0nmodKvlreg8pslyzq3WeTSnSOexjbaqAKqUsNkfwKYBqfays554LYpgwXTuPZrHFHnn/W9uzcM7T6/BTC0CGGDqlUku0g6ATdUSphQv76Ce6D/N41ofTkRQw+olJDUytAyFzAUXZcxnO0BmMx54LJJVtkosIgeEUq0dVkOw6KUPNhDMCHcddFhk5BwPajbAlOa1QMQct7Cgg7bpic7BpFytdbrw7bvL8JXXl+GNpa5ztj71yjX4+296VL/XOfD90UFIV4OQfcw8VrajlqvzKJFu5YASXoGXgYymiKGlKv0JSqwMrOMzHC4AsX1+iL/0t0T71mlVsg+dfh9E32NW+eGxbWaxJJNoQrNLEczEtYo1rWxqbG8kGg8JUkI6DxUtWR0MdkbnMcFGOo/GHtR5lDAFNJa6XVjt9fWrchxbg77TXIsCgmDfuJeMpGVqQujUtYO1mu4Kf6zRyIxo//XtCN5/DmAgIkrHSlKzEHBETlND+w/TuDAtS9o8awAGRJADsQ4GOuzSg1RhhsRJknDPB3MUbIoWYzxMNFQyR8FJ5ZBYTlcw0GTBBJ9H7I+w7AmCkkiwZmXIJkWM0WBAJXlvWRAAy6bo7UjB2A7UfihWQsLle8vw4s01+Or1dfckMHtxaRm+ubQCTx5ZgEYc69SQUU1FaDtVud7KttGG1Xn47EPyRmRMk8SAAhtJGnFkU7LAAyyc/SAG0m4TAYgDUkJlfVNgI+wwBKdOAQZpGI1HNTZUNo22P9SOwug8FOPRszoPZWuDCdR57IIp0KEYj0P1/RdtXev14W6nC/e6Hc14ADrNzDVPnHrrikvKUBBhD9SYAjX3O139B7Chtztbi+FYvQGnZppwesb2Cv3azTl416k1nbssxICJ0jkgQcBhGAfDcCQVtcxDm6VlAfkUrNWfiWjidwSEC87XMCs7+hJhAQW4EUg8Z47Gg6VkuEwIE5ajYyIiWgKEBTEu8MDj8ubRF7WpVcSCCEyhiqi3CKW6BVKxuO4DWRFMy7qyuAov3lqFr11fh/WOx2pkOCqfevUN+MdHntbrK0Fodwt9BHoVCKlszLYlnQckNz0GCCB1GySDJL+vgY8FAqAZ16E7aKfBRwBYFAEQFp5wegyx1ewx5gELpynJZKooFNOhGI9K51HZtNueBiHKKer10zqPTVPZqnQ/jz2KT0jnUd9/Oo/WYADXWm241+nAJoLS5GlqvXspXI5ACPLAHehhhJdcT6HX45tim9js9eFabxOubW5qpkQBkfNzs5olUWzI+86q5SPLgrB/hID4NDoifMoaJsUNaDrcR1KNRiaND53rO3CxO9WnXKM+7/6NZNgafk4iYb4Xd2yolwdjKrhGxNN2kB6EvBa3zC7Xi9AZEjiN9/QAI0j3QYhb7ereRhu+dn0J/ub6OtxdHz4580+u3YJ//M6n9futgpCu6UdQOR2VbdUEbE3n4YMRnwlhXKcbhLAL6il1dU9GNgVTeKyFAzD4tkMAJNWgMJRy5UOd6TE1djWjmq5wVek8KtsrtidBCOk8en1yqrak8yi636cIpFA/j/r+1Hnc7nTgVrsDDxjjQVBDWCDCwYdgD2WfLKDnOH8PbBsOEDH/Wyyjr8trmy39NxNF8Mr6PDx9XMLBhmVBwLAgOmcQbA8RSjeiB2pk5gPwOD2Vv5S++NxW1BLOt82+4AUHItLW7GJeiLMdXkpXYvMwiqIKC0Ic0bnLdgD7hkAgwwjzI3e6U/kK09YET7dCgMI7l0cOCFlrd+Hleyvw5deW4fWl0VOolF1b34DPXL8FP3TudKILKdM4MsPUegqIVGxIZaPYWHUePvCQMqPfhjD9OdimHFYEtGOt+m7QPe4DEdwHuClZaQBiGWAfgBSxIMHv7HZN3BUTlc6jsj1utmP6lEf7tc6j29MC8x3XeUw4SNnvOg/Q4KMLr7damgHhvwcCAlJLEEAQjpDbLp+TlqWZi/+fvTcNliS7zsPOzdree/16m+5ZMIMBZgACJLEQBAgupiKkcGizFGFRdFB//MOy9dcR9j/bP2yTv71IdNgOOxx0AJQcCklQ2IAkSxwEpaBkEZREisTCmQFm6+6Zfj09vb611qy8jnPznnvPvXmzKqsya89voudVZWVlZt3Kyjzf/c53jl9hypNCHDriAhWZN05O4X9+PYL/+ssHmhjx7ulSd0mXzEgNKhWLAn6RUBqU3ptkQQPLvDAJWqYilT0647Pg0GPCZzXTP/rGSKlYkgIW2yhQcOO4UTfMBkAKUjaE3Q4reWt9JCw1i6diMbLBe4H4aVa0vfQ/SrdK14/HEt57cgZvfnQO//L2ebmTzQOqIUhCQJfLHJZSQ+qUrBrFsTSfh6OA+KqHe83g0wb4Pwyw1W8ih3wI7zEYMjKBYPCSvwHmkauCeKlYq0Lt86ix7aD+O1YJ2cDZ/lyfxziBC7lGPo8Vje0u+zwID5B8DAYwGCfWki3ICE05AG4qFicIpv/EpLSsCf4Q4QX4MvSCs0jA795N4N0fG8Grl5vW62ECZ+0LMalaaVWpSO2fm9YTE3MIo1hIdqOm2v1W57EmdPvYrG6CCHYyG/IG7K4vzOcwaVKGpJkjMIQAtEJiZzojsx/BeoRwhYSqUwlGVBzSYdQSsOlWoAmHaTyIb2nArSdn8N6jLrz/CCvkYXPB+c6zSXjt7j34tS9/Hi63W9CmgGtOIAnB616djlEjD6v2edg1OTvgeotLRhpCqKqCYykzxxIiH/yYREjtYATFO3J+uXOXZ+BMtywFtc+jxi6A99+BmdKx1oSkzOTz2BRUOLa77PPgOB2P4b1+Hy5QGQN701NEhDIRIFU1XCKRJSUpLBHxqYpPLuZJyzJra9Lzf701hP/2Z1qs8hVTQYxBHXQXEF6ulxEVYI3ApN0/0C3W3JVtzSzzIdjnsoqG6/0QzEBuh0wYdYS6lnMlQ5ooxZKKiD22s6iRIRZm38IqKWQ0t0FJqLO5JSs8DetRtw9v3j+H249GcN6zx4PZia1GpLo5D8bVsZHTYQyvHd2HX3n1ZWiKtL9I4n/xM2BUd1CvEcDqfR72dU48zPoB8zltAFOy+knMXp1EPtxu6o7PJKSm+K6QYNqY/0GWc/OsfR41dgHYIwtJx0DFY+69r7o72YJJSuU+j03ClLFFc98u+zw48Oz4YDCAe8OhOeeIZITMG86kIScqtLqktCx3PxkCMSUtaxYigi/9q3sA7312BK8cNtOyvOCpH2RQ1uQjAQrMEye8l2CrZoFO67JkJDK/pUiSdgLmpk1pabSME5f0dZ12JW3TQTLNW+WD53FHlvSYXiK2pC5vFEgd0SOw6zjERJvMgRnJiaxwX0ik33M+iOHdx+fww3sDeHzOBpqBUsCvtprwoEISAkoN+VCRENAG9cF4/ivWsCYhNTTWyucBjjjikJEIvO045XYB9ppNGAzj7HE5FfgkI0ie+hGgGzTHwhWQLEEJYbEqSO3zqLELoLLyOLkwadJteXeyOUjKSn0ea46ZfB47Mk6n4wTe6fdgILNpV77awb0fvm/DISJsRs/22XDXA1tMyyEiGRd75osILbPbQjXkv/lKOw2+pbSGdLVDviwN08eofFAgr1Kz0kZ9zswDuyO7ykYaKJikxsysnCUc4KRb0TgI8z6/F4j98VsSYrfvldSl1CyvJ0hkiIUlIpZwsApXRFAggiGeD4/O4N2Hfbj1sPiP4Gq7DQ/6g8LrFwH6Qu5e9ODjl/ZTI24JEoKzSvivDmB2E+vs8+DrZN/nKSqewtJhqYr+a3aZr35YspNVZvIVkAyWoILUPo8a2w7yeQyTWBVRKYL1mU7Tv3skHqh6IPlYa5/HinCp2YCbnTZcndSN28eCVap1wN3RCI6GQ9ZUkAf4brDvqx3mOVclQqpFgIgYCYSpKemYagUFOLkBTw3Ry0NpWZCqIX/8qQF87lqLVclKA2yVRmaUD2bOZulYVClL2ENkdEATDnPzTT8fKiLSaxmSEjmrhKSG9nQr0qRbWTKSkhs+BUnqh2sS5//MFiJGNkC4hIP7Qeg1EdkULP363ZMuvH7/HG49HMNwVDygoOaOjUjAYasJ56Nq9dVvH92Dv/bZTytChQRiLOfvoD5UHdRrErIr2ByfB1tqLrDZ9C67nlVbWo1mGrgESc108sHXBTtE7nH74+N/wIpVkNrnUWMX4Ps8ZsFakBDH5xEzn4ecoZ/HlnMTjM1e2N9TBKRybDBJwUN7ezAwJXeBBftCuuqEmxKFwbZ07unu3/T1PKbgKh98YYBscGJCx8D0iDTtIewP+V++N4L/7U910sQqoatkpSF9mkyljyEyxy11V3Xcni3zi+dPAokmH+lBo5k9YZ/Iej9smpo0xEuwVHOhx96SAcnIiq2OxUIiXgELWJoV93mwviAReJ4QZjiP2GNafj6M4Q/uHsN7D2I46/P9TjhxchbjW7DDfdUk5Bvv3VUkBPSsKHbjnxcjRUJ2t+DErkCA2Dyfh/Aem5497vHZ96Qb2RMN6IvITAhBzvG4x+ITEG8sJGQUkHwCknl1LtQ+jxq7gEk+j1mwUhIyHicm3YoiMOXzSObweWzxbD/OeGIax8rK667p2CY6wedjrZYhIbyELlATQeFOIIb9IZY12HU9f4hpSsh0DK/SFpGJrIKS2bmFYESEL5cAH5wD/JtHffjZmx2tekQ2lcqU6U29IhERArX/RBMPfaNOpH6vphs6kCHykrCjleaoKZ6w852WoIHZHmj1xCgYk/p9eEqIk37Fql3xzuduid3IeD0w3eqP7x/D60dDeJTj88jFlNWudtKUrHEJA7mP15+ewBtPT+Fz169Au4EkZP4eJJRvW6d2bB+2wecxKf3KPybB9tVpRGY21Sod2X2HyQdbWkQB8SGl8xlmgah9HjV2AEV9HrNg6STE8XnodCv8/8J9HhtKUrC54KcuH653pasVjK2k1nxSwuUogk91OvDeYGCM0Dz9wHYzdwmAUT28XiHOanTjzvCWQFqWtxeqdOUPgLP5ScOj9/W1N2L4uT+5l6ZhKVWD0rESp0yvuplj+VZNBBIpjWKSCJ22JSVraai/OCmN24Tu+oKlZQlp1yWykb6gu60Lq4bwPh0mTYsM6EREeDqVtA0GfcVDMHXEmNBBwOsPTuCdh31490HZsygLHtwdtptwMswhCnOe09+49T786vUvqM9RtoN6XJOQrcG2+jzcZdNUDewZ0lI55UXSqjj5mLReZkwC4zUvAal9HjW2HfP4PGbBUkgI/r6xl0fG56FTrboVzjbOjTUkKTgz9crhweaX2i1y/DOML606jBOlprVbDbjZbEJXJnB/OHJu1jawlvlpWRP8IVnxwqUQtC2nT0hYYHHUkExHdp/sMNw9A/jXjwbw1Ztt3dsjNaarkr00QyqF6ZgOWuNAkmIHIdLbTkyvDKmPIWE3cd4jxByXScUSJiiyFasYmfGqXVGqldNE0CEhkQlQIhGx1yJXFRFC+Tx+8GEX3n04hsEMPo95QJ8d++vkkpA5rxdoUP/Vr3xBPS5LQvCGIA3Vq7Fp2EafBx1vRvXwFZrMMaefu4l+qSjSEyjsowTJh3P0s6kfvg9kBgJS+zxq7ALK+DxmwUJJCBKPQj6PTcAKSAp6QHamw3nB8TUEZDRWqho97rSb8IlWGwaJhCeYmsWD+ow/xCUXRf0hllhwdcUef64/xPn/jEREP/naGyP42T+5p9UPrYngcSS8y0ai05WSlEDp9dBLQl6Q1NTuJImZ90uw6Q+GiEhhu52zRDDj8XC2ANZQTiSEFA+eXmVes1WtcDwi4a57Oojh9++ewLsPxnBCPo9QN/eKQaV6D5pN1eF8rtmfnMO82+3Ct4/SDurKF+LpabMA34fHVs/Cbha22efhXBHY8YZSuzhd4KoG9unpj2Nwac0U8uGV381FxqORm9iWGSskHrXPo8Y2oyqfxyyonIRU6vPYJFRMUjANayEm9E0F80sMh2nXaD7muKzTbsCnOx1FRC6S8QR/iFeCN5Mb5TAI/ZLvDwmkZfn+kClpWa6qQovCpbKOzgB+58Me/KkXOm6zQtMtPTVESuoTorsToo+EKmGlXUPSz6VM6Wz2EiA9RvOYNSKk46K5SbtceCGG8Eru6te4ysFSrJy0K/1vOJbw1oNz+KN7fbh/SmPBp21DjVV8FAssimzhcrMBT4bVStCohiAJAfU7j0p3UK9JyPpjl3wefFnkER1OKPgkj9m+BNhTJaxZqV6TnuZ/9uzxu5/VX5BPQCZdLZB87DeatepRYyuxCJ/HLKiEhKzM57FJmJGkYPPBGhZkQh+OkuAPBZWKYTyGdrsBn93vwA96PUV+Kcx2eoKA/zhLMvy0LP4WoxpMKtsbTMtyCUvGfjLFK/J/vh7DLzzXgZaITNldYcr2CtVDR/lFVKndJDWli4YOUnRFLG1cTxh5sYZ4Z16T3Z5t00G7TkgJseVzTePBSDidyw0R4QQEBPzw4RncP07grLuP9lQYqovG0BzcbHpBdcHC9U4HnuSlZM2J147uwa8NPw+X2y1os94I8wBJCP4e6tnZ9cNO+zzM/uid0owH30eGJGE6FghoRhGMSYH0U6XMtdN9s3/99DbsPpfSG7cscPuXW21o1kbzGluGRfs8ZsHcJERCjs9Dap/HjvfzmBnelfA6qiB82Q4PpyQCgh6QCT8YDMZGI/SIRPC5vT1FRMxNSdh5L/uXkYIJaVn7UaT6sxw2GrCHFVBYV3pcdq5n7aQyCydwFo+hl4zhLI7VP/C8JeZm6RMTsyiclnU6APinR334Cy/vp2V5VR8S7Q1Rq6RjgylXiUgD97QMr9TpW1IRFXyD6QfiVCFmZXhNIGErYBnzOSulS6TDNihkKVYe2eDrozpydNqD9x4N4fR8DxK5z0idhGudFjzpD9kZwLAENYRiFFQqMD1kUGEH9dNhDK8d3Vcd1DHAQQJRZgZqVHdQXxvstM/DW8ZpgnmvEIU8HVjititHmdfMO5znLH3UPxHMzrKK6qSrA/o+rrTatfpRY6uwLJ/HLJj5zmV8Huym3EukIR9OLvsk1BwlF1iSN2NG3+HxxI8ej6VK9ZsGJCnY3mG/GanUrHcGA5siRUG/kKyMLlcCwNzSbrZacLXZgButVko6Jozvtab7M3qWZdGhGvNkNIIHgyE8GAxgpKN8n4jkBYSm6JUAACAASURBVNo+Efk7b43hT78ooRmR8sCyrjGgJQWEXCBm9lOmVbBM2V7710nH0jdt1y0irBfG7Iv19zAkxFM8GOGg7ZwNYnj9fheeXLQhGbdBynZQ/9lDwteIoD9OzBfkqCHmS8v7YsoHDzSyV1tNeFAhCQGVkvWhIiGgDeplOqgPaxKyctQ+D7ZtmmzxGIRVQGSGJIHJrk1f2aMS1iFi5WEy+eDHUCz9CicFagJSY1uwCp/HLCh051KBXdU+jyK/7x0lKnvzmNG3eDxVul9cPAiMx4m6kdxoNuEiSeDD0UiXmaWqWJaIOIFvFMGL7TY8325BI3t3n4ycscVqL8+12+ofXD6Ee/0BHPX78GQ4zGx+UioW4XQI8Nv3+vAXXz5QfhcqxwvqYqOpAzU1JO+H3hrv/UHqErBULMnM6ZaE+NWucJHr+3BJCDhdzfHxIJbw1qMLOHragFGMiscV1tmeJ7/RntJn1/bacL/bn0A2Fu8NQVxtpz1DqgQqIXe7Pfj4wb6a9S1DQvAmg//q/gTLRe3zyCoqdmLHC/YD6/PntHl+DUCv00jmTzzl/rJzUxOnExCVgtWsCUiNzcaqfR6zIJeEpKktsQr+pL4QYCqH8nnIJfk8dnT2vx0tKJjYsPGkGzj6QGYF+kMwuPtEu60I88NRzCfd2IwcQCeK4OVOB55rlehAXXBsX9zrqH9PRyN456ILj5GMEDEqWLb372o1BM8TabwhaXoWqN8pdQFJCQoZ0iOd6iRZDxA7AxmZwlNSCnNMEqgsr2ApFbb7uZ23tY0E6bUfPjiHD08BzvtXAOQV/en0JzGBlvWeC2k/M+Jyqwn3wQ/sbPqcisYkTEjNKhdIUEoWEtLDVvUd1L99957qoI6EGQnEeELANQ1D1UG9JiGLRu3z4FuS3nb0lSSPJDnH67k3hL0WEbnDhp6jOOEvz048Cng/OPbrZoM1NhTr5PMoAuqv45CQXJ/HOvXz4NhRkrIwrNF4cgIyr4SIFbPQqP5Ku6MUuwuVzmUDX0xperXTgWfLkI+i8Mb2ersFP9u+qsjIm2fncIoBbkEigmrIP3i/B3/l1Uup4qFVCFWiVzcujEj9kNJ6QoiECMHpgFsFS2/JNCU0UYdb7Yr2atKz9PIP0OfxeAwnvUsgk6tmD2DDFjcdzQkvpPngqFyhH+NyuwFnwziTtmEr9cop560sVdaXjuxys3oS8hs/uqVICOgLcq9AumEeRoqELOE83kGU93mATgcNBcNb4POAKT4PydeV/hqBddKFyhcCselnFPwVTyMfM/T/wMmAvTqtscaGYR19HnkI9dhRv7jCPo9NQ0VBNZqSOS5mSA3aKiyRpAjygZRg9KqPwiglIj+5tw/f7XYh1gHBx9oteLndWXkjyOutFvziM9fhTrcHb59fqONzBtKYVtzB/ds/HMOffSmBK61IV8hKA/f0b8RaEOqKWEoNSTcoZCD1SgpmRtfkgisdAoxJ3S25G8HpYAQ/+KgPTy/2YZxc1oeaU/rLMAhLPMxqXtNH3PeVVgvOhmOK5Fyy4hh6JqghZc5bfZiUkjWucCLm7kUX3jg+hc9du6JmfVUO/Jwg+b0u11sdqvN5gKHregXnPVvv8/BIjPPZHOkmSzVQpQ4GVxWSD0JN4mtsCtbd58GB8QdOKOT12Gk+7vbO+4M0P30n+nlw5FylsEfHM+02XGk1c5sF9sZjuBiN4SGajSuuBFZloLNUVERS6FYUx+UlRRWcjRLoYMWs/T34UX8An2y34XpzvYK1Tx7swzPtFnz/5AzO4pGN3Xm6Eh9CCfB/3+7Cf/LZw1S7kKRnJCodYqyrZvEgKhI2dV1tWz+gruh6qSUjTpdzYBWv0EidwJsPu3B03ILh+BAADvRxhbQO6tfiKT3ms/F+IFYNwYeXWy2IRF9X9bKfnbiM0GSzFCact3y3mJKV20F9TnzjvfdVB3UcmbId1OOahJRGaZ8H+bJoEXtt130edijcSQh/tPhQYMEFQ0JyvR5sG3OQD320KkiqUWNdsUk+j9TTlaoeofTG7z05gV9//W345p0jaMZSjjHd6mTH+3lEyoDaUg0Ci3Qpx3Xw3829NjwdjOCo24OqsvAu4i2lgAVJitDleKti+JhaONQVs37qYB/WNeMXU35+/plrKj3riJcXDqYxAfzDdxP45VcSuNpC70faSUVxDkUEpNcm3r1J25EVRhExU6fAH2v1Q/tL3nhwAffOIjjrXVX9PDLfEOXI+8IFIxCzqCENVammCcf4BQbOB0n7XOBFmcgOXh9ORgESUmLX37idkhDQVbLKkBDMA5Z8RrpGIVTq8xC+4lH7PESGeEDmb94Z28TZ0yjKCbqsfjNpG0WwMB9mjRolsKk+j9Bk2J3zLnz97dvw9bfvwO3zC7O8+QDkycMSucibDgxwMD//aglfwPVOC660W/BBt5vm9hPmDE4wN3wsYeWpQksHzdTLYuV4Z4HUatW632qwmtYXr1xWj+/2eulCHqF7nd7/n9td+I8/c2hTLkTqDUmbF5JkIJmSImx5YhMwiYwvBFi1q/dPe/Du4wSOe1cgkc/odfSML+9KD85LDvMwGgjrXE/pHVPVkHZLkxDarFuyV5TjAVNBGR4HzabyqWRuBgXJdQjYM+TbR2kHdeULmbEto7sbqY6tVkOKwUm38ojxROKhz7/a58FnFrLEJOTz8JH702Hvw/O5b6rHud9KVbfIVv2bqbFG2HSfBwEzB755555SPb775Dj4/p10YWEVmZudjso3ryrQx+28cukAPuj24CmlbJQKTkaK3Owa8N4zHFUbUqqcxPZm3WSQiDzTasH3T0/V8+Bkv0jVkL+s1JAGtijUneWj1Iyuu6NLXY7YzOrqCMfG/JGe6bTleE8GMXzvfhcedw8gTq6FciqIMWYP3lFDPG8IHXgmHYOrIZqo6CX4O21FfUiLpFk7PfBHi1ZD9FFebjbgyXBGgjzlOvDa3ZSEAKTNEct2UK9JSD7MjHzI56F/F3nEo/Z5VOPzKEI8OPaiJvTjkSmMMXEbc6Luil5j1dgmn8e33r+nVA8kINOwMySEfB6oeixSen35YF95Ok6LVNKZcCV9MhruHAkhFSSpUHaMIgGdVmPx0+ULwEv7e6rj+q1uV208jbP9gB3gf3/9Av6rn74CElUQSSUtKRCQJp8oFUWEo4KkpCR9NEgSeP3BBXxwsgeDGH0el+yHmnCuqoAn1xcVUkNYhlhQDckClcbHfdZbxVNDloXrnQ48qdoXcvt9+LWvfF75X9qNZmkSkkgZvDHsKpwZe5bzx4lCGZ9HmLjUPo/wljJvzHvFbEeVsI4aqvT4olD/XmqsAtvq8zie4R651SRkVp9HVXj54ADeOjsrZVjHClxDlVqxOzM0VasgDgGBcsrUqvATlw9hJKVJzeIUhG73v39fwq2zIbxyua0rWOlUEM8Mbnt92A7oiNcfnsMHJxGc9K+jTlj8k3I1JDO2/BjJ6Jt9PaOGMEKSpm2lC64aEsLZZEAaWtCXSClZqFR0Gg01W1UlUA3BDuo4I4sBUZkb0qjuoD5/WV2fZIA/688JsK+AZFWPXfZ5+Mft7izvlXC61V7UgO4Op43X2B7sgs9jFmzlnaoKn0cZYGrWC3t7KjWrDFBNQQK1C6haBcEbZKvZmHAXDL1pyusrIimYmoXnwqlKSXD9IaAf/o3v9eG/+8U2dCKWRKEDeKt6RPpjCLhzcgFvPUrgSe8qJPJG6WMMekP4sQpSQKx2IVgaviDOlEMkVCGIZgQ9XjHNV0MWrHZReHS11YQHFZOQb9x6X5EQ0PnpZTqoD3eYhAR9HjOU1XUKLXlbJvWEv1j7PLIXzblUD9NUMKycIPHvlihhXaPGqkE+j2FSXdGdRaGsz2MWbM2dahE+jzJAEnS/3y+lhmD5310hIXj/GcXV/TBbzQgqF5FWSFK+cu0q/O7jJzDCbugsa4kClaMLCf/Fd07hP/vSHrx62GaBkDDH9XQYw2/fPoHfvS/hYb8Jf+b551SaYimYHPvQh3cVm+xLpNLwQDHgDRGq7Ynq1dGL+ytTQygipJ4hVeL3Hj6Gu90efPxgX+XaliEhmFuM/3al8/PEsroiq3p4b3aDee6bIPXEPHXD/trnATlrO2/Me8XpZj6ttG6aCtIolapYo8ayQT6PoU6TXWcU8Xl8U3s92A8zixk/5kaTEOXz6DCfx5p9x892OnCv15/7/UhgsB/JMlPJVgHkaRguVVURq9GIoLEKJrpAkoIk+6euXoZ/e3xiduWnZR2dS/gvf7cHX32hD1+80YQfv5b+vN98OoLvfBjDj55IZj6Xqh8J+qRKgwhRjnnekSk8NcSugwGUzHpD2Gz25XYT7vdDaV2gjexL4SCqbDD2DKm6g/q3j+7BX/vMp9MceBGpG9i8GKoO6ttLQiotq5tZxsrqQiDId7aVJQO1z2PShZBLTbNVt2otkITUpa1rVAXyeSD5KHMNXwaK+Dy+/s5tRTwK+zxmjIM2joTgxC2mWWF/jkxwvsKZ6hCut9ulSAio2esR7O9vNwnB7xS7o1cBvHG2m2safJU8P5/rdOBGuw2Ph8NMcE+xOi77g/sS/uA+NjwcsRni9M+NThte3t+HF/f3VDBdCZyKQ/4H0mksErKaiKOGZIfKJoSkaki7EcHlVhPOVLleTw0RfJcBJlLRb9+mZLUqJyG/8aNbioSAzsPtlSDlI0VCtquwxdw+D6WogXUn5ZXV5f83gXtW9ah9HjmY0ecxK3CGtrugUhRYTKZZm9NrzAnyeYy06rHumObz+Ob7R/Drr78zt89jIryf2caQEOXz6JT0eSyZpOBkPB53oUpZOXgyGKqAcdtRlQrSbEbTv+d1RYHz84tXrsDvPHqknk5WHiw9wRnxT126BB/b24M9PTs+Tsisng1c5gMFRvyYQhsmUuL0TjeBpfGWmDK9TA2RUlXJOsPfE4+jJIVhtv9IaLfTxrYIKIPkskr77KvgpSrcvejCG8en8LlrV6DdQBIyfw48zcZtQ7lex+cB2S7mU30e5gXPdwG2alxmfyEiECAGwm7GJR61z2Oqz2Me4KztInonoEG4ucXKYY3FYKt8HjrV6nfuP1zqca01CVE+j70l+jwWQFKQNJUhIRiaY5fmVZnsFw2K4ZIS3hkC3kib29zhUaRd3z++vw93+z2T+23SslgFUpzVQ8XjEwf7cNhMf+Y4xKM4gfFYqgsmGvcrHa88AsDVGmepUD1MjDHdRkQ2gOEVvjD4b7YgEj1IMrlX0juE3IPJP/ZJCGwKxzXYQb0E0KD+q1/+gvrEZTuoxxtMQib6PAKqh/fm/Hn8QNCdVS7YpsBPfwIn8Hf1C7ZvYZUHnxjxY9pln8c8wIILiyAhafribleUq1EMW+/zWDLSX13oSrGisUWfB6VbrV152jkCFfSrHHV7UGaeH1OytpWECErFquAcbK1rGlbF+LHDS3DU77mVpfRsMRKPFzodeG6vo3aK18g4kRDHSaZ6Faoh1ZK2kBrivGSfCD99i6khuV89eiXS5oUqPzWghkzZQLmPZvegPuP1vTacxCO7sAIQCQGdA1+GhIz07Nym5LovzefhEQjvbcF0K/d9bB/CXVL7PBZ7tlVRwjqEXSvmUGM27LzPY4HIp/4LUAXyQD6P6502HDY3OH0gZ8ywx8HTEl82KikYp2/rJP84TwWZ4RzEm+tKzOgrACqEL+1pNUSnKn7y4AA+ttdJfR4SlNqB5G5SyeP0NZa+VsVvumI1JJOepVKhmunFM7MvpoHY/1XwoVxQyLXXaKi+IarWe5FTr8Ch4G/920dpB3XlCymRA4/vG6leQ+t7TS3l84CUZU/0eQhpw2uPREwuq+uSD55IJSC7v6zqUPs8FgU8n/slqsflAQPMgzolq4bGJvo8cOKqswqfRwnMrz9WQFIweMIAHdWCbQaSqzIkBFRwMtracZq7Nwg7B5s7ooIQXr10oMgIKh8d8nmM04vmLP4aJIDY1JGlbuejUCycp4b4CkVIDXGDJ2pU6FIJAVfabWj1BrrRE3sDUDnixcu4FILhNezxYFjgHcXH9zVNQgDS5ohlboDYEGsdSUhZn4dPRnwlhIfHjDrkp1tJmypFIgwP0a3CYfcnWboV7cMlGi4xyRAoewTms7n7y67DjxXMSGWJySb5PGbFXtRcDAkZIwnZ7likxnRsms8DSQf20Vknn8csWFwSZM7VCQMnDMqvt9pbO7PvA9UdTDMr0zPk0WCwdSREhcoVyeqNatzVGwM8pzAtC+Nw4/OYYyxRZi5cJasoSQkKEDZoyldDyPvBOrEDMI8Ixa2pQf0x9urIKB7Z6lvTSUmuu2DqW65htbKiJGQa9CF84/b78Gtf/rwyv7cbzVIkJE4S9R2H8oGXjcX5PKxqBv5r2KIzT0ngZXUZ66Cyur7B3GzXIz61z2O5qKKEdfBjwvYUc6gxGzbN54HnKJLxdfV5zIKlOLHm8nms93kwM/DzPyoRrGC5zqFMJo/fho1ZpIKkCrYjsvX7dwHo8xiVHMCKGtSn8KZrM2qIDPg1MhzBLuBd2CksA01WrikSMsye9MLroj7bgRcGhXeoVOAs1KDiDuqohvzKKy9XkgM/WmEH9eX5PPjMfFb1mF5W113GGw2az+ERD3fbsvZ5LBGqXG9FFRU5RjUJ2Vq8OTp1PhpeU1+IOtCUYmN8Hngdb26Az2MWLOzOZHwe7TYctub4UReddd0QIAErQ0JAG9Sf14bjbRmzKmYdGjuaxxspQlqWhCSsgWGFYCkhkisaCn6bRQr6st4Q7gnhlbLQj4GqKjbzXJUaQu94pt2CD3vVkhA0qCMJAW1QL9NBfZDESyUh6+vzYEuDZMRVICLIBuAZ8iH4dkPEo/Z5LAJI/LslSljnQflC6saFG4kfxqdwb9yHExnDUzmCkZRwJtPrstT/5+GGOdv1sn2IoAkCrooGXIYGPBd14KVGBw7E6qqmFfJ5vOH5PPipuwFxcuWjq3weymS+4NShDQu4kcWmQdP8QSP2DJlIQqZhDcesitK80Y6lYhGQgzhB/pxQvmoxZWJ0ZlCQ5B9b4Fj9eArCfhEBhoeo16512tDr9r1gTeaoIZYAhTHHh9fHcoiV60o2JfXxew8fw91uDz5+sK9KLJYhIUj0l1H5Z+18HmBTooI+D7NRv8Su59nwiY3fHV2fc5ltO6Sl9nlUiXRmeDEd1NELEAr6aqwXkHT8KD6HJ3IET2WsfjVpijeYK7+6A+n7o5T2jmSuSNJKk+cwVq89VcQFq7t0QcQCDqSAm6IJH2/swacbB3AQLZaUFPJ5vFPQ57EBcXIlo2l8Hu018nms4eBfN0HTfEBPCc78ZjrFV4Ui313F41Y2gIbKmu1tJpCAjUt3m5eq70ZlHdTdTXtEiSK4bBf1vEpZjhrC5tKRhNzv9fWsuc95fDUECpy8s6khtDaOG/YMOY+rNct+++ie6qBeRQ582gehehKy1j4PyPo8zHb4vi0bCaskHlEKV7bye4ewbQZUFs6J/ePJaD874POYB62FkZC4JiFrij8aHcPb43P4UI7U9TAlHuk9I9HxhGSTT+avfpDNvJAmmcBObCT2t5tIOBUCzuUQbo2G8C/jU7gBTXilsQdfaB5WRkgK+zzeqdjnsQZx8twjuNb9PIpgBYOPJO1eCRKCeNQfwsuX9is7pplR0bjJijzp0SaeexUCL1hlb8OohDSbCwhDTApV4MI/6bsXYINZ6Sx0fCYNXa43bQbKU754EOypIRPJyOxjQHvCKn9Vk5DfeOuWIiGgZfkyKupQTV5Uo05vjs/Df5+nqATSvSaV1S3k8/DVhMD6/Hnt85gfyhdSooR1HkZrVMyhBsDDpA/fGT2FO0kf4pRyKLKR6GICUtoiN0RApLl1SKBkC8n/7/sQM5NXNuVTKCWZ5gAEPBAjeDiK4Y/ic3gOWvD51iF8tnVp5m+qsM/jnRX6PJYQJ89EQkr7PDYJCxh8DJqumKBpPmCH5pdhhSRkGgqOW6IDxLLYZRUEdErW2qOIGmIUEBtUuGoI3TgES7lKGxeejWJXDQF2Hppyv2AD50mQssBJbEETyljJqiH6MK6wssrdiy68cXwKn7t2BdoNJCHz34jKVv7ZHJ8HW2q+82x6l13PV1v8dKvJZIgvq30eywcGcYvqoL5Xd1BfKX44PoN/NXoKT1SqlcwQDyIcib622OX2NZrvkixFi8+BCS8bw59MSO9RPAHUVnEcSwFHYgj3hk/h3wxP4DONffj5vetTh2wun8e6ooI4uelencO40lySz2OTMOfg44xpGRKCrB6JyMZ2UNfjFlFlJn8cZ4zhxK7PVk37/RYYz2TGwHsm+OV2ix6bMxHszgrzUO5apwUfdnswzgR4dKcR3o4YOwnud8o4TDhmTMnC32aVoA7qeNsr20E9noOEbLzPQ1gCEFI86JV8hSWz1Cmr6/KGrM/D7qv2eSwCOIu8CBLST+KahKwIPxqfwe+NniqfR2LIh0s4/BSsxCgc0pRq4YQEGNngYriTDiz5NcuqvIIqNApLSAQQEUmzEZ6AhN+PL+D75134YvMAfsEjI5X6PDYJBeLk3F+Z8nm018znsUnIGTMkcke9XqnSqE8HG0xCNPzQ0HlhErw37ToHmZoyUGA8l1UWPWOiF7wZYUgNEU6yhS2QJWyQJdOeIShXF1FD/Jmv2T9EdhEd0vW9dvUk5HZKQkDnwM9NQoRQJb4PCvhettLn4U1YZMlRmHjYbbnHxIdIuCvUPo8loooS1iEsq5hDDQtMu/rHwwdG+UjU92B9H2naFaVb0evSUT0SXw3RL4Tq36TrJelv2k/TlXqCISECgo8FROy+JPTvOC3sItX1CCfDfn90AW/HPfiFzlX44t7V5fs8NgnCIyHG59HZUJ/HhgDHeGoH9QnXVFRSxhJ2kxz6gYqvBCwpoN4aFFBCS2OSGiJCXdHptQlqCPOGXG234RiDf6cUb5jmygxTKQ86Kiwb3GpEupN7DmbcLf7Wv607qCtfyCw58F7QLXXln5Aasqs+j7DJXHrqCNumyG7Xf78Q4a+59nksBng+L6SDOpbr3dHy78vGa8P78GbSNUrHWBGHlF5w9YOISELpWCwVy3g/WKqWJSJMzDV/KQVUP6JJBVqS0HNbbTExV0Ktocr0WhFJgRzFkJPHkMA/6T2BN4cX8CtXX4JDXeZ3LXwea4ZmQwiBnbiVz6NZV4RYBnCsp5KQKXeT09Fo6zqoV4IZlZQaS/56JpYUNlJFVg2hGeaANwT9aTiBMhqT78DPwGIle8PVf0uDQkH0fE3soD7H+fnavZSEgG6OOLEiUIB4ALsBj+QY2tDQq26fz4OON6N6BBSaTFld5xizxxk+VlpBOh+AhCP3qCDwdx7y4W5vF4kHB840L4SEjJGE1PfYRQJTr/7Z6BH0dUpVoklH4pEPRTqIlLAULKnFCuoxRWlZiaeAkCLiXw8JvCku0CWR3Tesi8xe00gVifQxCq2eoCKC+8Xl74778D8+eQ+aJwn8xh/d2gyfx5IR/djh4bWXD/ZrArJEUNBUBo8GAzuLHfpXI4xJY1aP2+JgygDlqCFm+KX7PVAkKiETwNm0fqGM4Zmp6hyJTGZey8EsTEWve63dLjeEgXMSU7LOdJpXOy9PXWQbvdCNlk/oYzqXU+3Y8XnY92UCdgrseeCOjzkZoNeFvRkDzRiqdCvhHGaqNmgjuF6flkWC/B7WsyGEfd0858cgaB/p84i9zrdt32P/RoKGWxhCwhUUc6zO1yScx4KRJNpudhSzX3PwewwREF7Yob5kGVAJ66pBxRxqLAaofvyT0UPoyQTGkCj1Awt7ZP7q1Dh8HkP6WP3F52r9RK0TaxIz0stiTVRivf1Yr6+eJ4l+TNtISQ++Futt4Tq0X/VX6v3oY6K/I3qP2i5/Pa2yhsfTvyLgZz53A/bbdZzto3ZerQiYklWmgzqW60xTK3IuvrUiMB/qcVs4gmqICYrtzLJTKYul7WbUEAC40WmrZp7C85fY7btqSKHvcYYIjwL3liq52FCzqFXit47uw1955WWVA+/2Tck/dBoi6XSAFjCSMXRka+t9HlC0rK6v5ATWDx1Pdpj4G2ufxzKhyvWWKGGdh1GJinI1wriQMfz9wT14ggV3JVc/Ug8IKR+kjEjnMVNCHAXEmtaB+0JMupZNwQJz+bf3iNSUTtq7tJ4QfJ7Ya6hVRaS+VqV/6XU8xjQ1S2hFJH0difJPPHsVnv0Te/APv38Xjp50w4Ozg/FFnfC4ImB/lbKYmtI1CbUiMB/qcZsfk9QQJ+SbXQ3BErZ7rIlnKCTOXuGrVUPoYz2zgDTJv3/7ffMYSU4wIGXDZvOdswk7qpoQ81wEVQ/65xEQWkbfiXnuqANWraC1clUIUjV8xcNTOMx7+HGZZWKC6sFVClJI7HE66gxXW0DY58IlQHyguCrjwlUrZlI8+EnHlKb68pKPzoIa+OJvpeo+JLuMO+MufG3wATyBEVMZSD3gakhi1QmtdCRMfRgz8hIDUzP0uka9AKtykGKi3ptIpVrQvmNSTqRVV2K9zkgrGmOmcPBjjrkSQttL7HPzGRMJ1/c68B9+9VX4/Mevhs+CHYwvaiVkRUAFAyuQlWlAhjO/z+91FvMBakVgPtTjVgjT1ZA0oqYZKiighmAq1P1xL9OJ3W5/sWoI4RBTw3rlmpL6+L2Hj+Go24OXDvahLZrQV7c2NhbesfoEg7+iZh115Z+MerBtPg+zmKkJzofi6WU2lSqF9NcIrJM3yjmofR4LgYC04/RiOqgndQf1CvB7o0fwB+NTGOmgXOoSt6kKkhg1gysgY2ZOz/OCkP+DVA+ukJAKwp8zASQVGpl53fz2mGlEKM+H1Ypp5l6kb4ZI2upYtJlIbVOo+4zUhvZI6yiNSMAvfeETsNe6B//21uPZBnYL44taCVkhrnfKqSGjREIvXlHO6powf9h9TQAAIABJREFU9lDpvbVGxeNWxedfapljkwczTQ0Jvjk4d0/PruHvSeirGv+7JDWEVmugWb5Z/fzOa0cfqr9ODrxJtworGg7I94DlenUFr633eRiVwq7Dj59X1+NqiTDrWPDt5wzv7KpH7fOoDK0FEYVhUr3pfZeAisC/GDyAf80ISOKoH4mrXARUj1TN0OqIWSf1YCRcgdDv5coFbjfRqgepH/R6Iq13xOw3Ib+J6wGh15XnBD0lkG5XKTEJ85dodSRVU1JFRW2TPqtWVv78j78I/8HPfKLaM2EDlZT0TlZf+VaC62VNrMqgPr+vZKGY8mNIm/yUP4BSPR/WETNfRMp//qm9RqoG5eGGdiu8B5Q6k5l4ZjPa+kFDdy637xbZ8YuEnQ0vOgUzw/DYssHVp2T9xlvvmcdtrWJQsDwJPDAn4Iyx74Uw26PlXioQrR0kHk76kyYf+klk9u2RBkMUOKkIEBFGPsDbNpEaIhl0TTHEgxvGA+NFzyPhUw67HUtesr+1csQD6nSrCoFqxSI0JCy5XXUfkm0Hjld3PILjUV8RkD+U526gr0lHAjZdKaFlGYKSTWsa87QpabeVsGWxfq/dn03TiiUZzy3xIBN7ok3pieSEJTEm9CRJTe5EQNS64KZgudu0ZGesU7xovc/evAq/XDURmYQ1JCnubXgDWdQmA4MmLOlZBlU3R1sWoqiac6pM08eNhPebTOQG/ka5K9iBqWtqSYRjLofckJuWXVEkhG/DXwO8nHt2PJOueQWDEFoLyVCjYnJ3t9uFN09O1Qh0ClQz5DP/diF9LKlMtw7xYOO7bj6PLNHh26nO58G3Wfs8Ng+L6m9WV8maDlRksVTyyWigyAc+/sPxMXwfum5VKa1q4K071iSBB/yxIROuQsG9IP7fmKkcmOGekI9DKxSkhKR/QRGJsUeAFGlQ5MH1qsScVNBr5i8jRpDo59Z7MkoYAWGf31bPSuDHb16Bv/yVJRKRSVgBB5jtF1uTlMpRdsYUg9CTDWx6o2Y3K5BCtk4JmRGJn481x28U79vx0seRZtuzy9zViFAIdz1nxhuMunGt3crOrGRiSTYfPu0UtFPxM1/zFpGS9Y3bH+iPFLGqPXxmP6t6OAE22KA8VoGVJWwmPSlDMvw0KleFIB4XeevwfUWUHafTq4AfS4aceLwwdAykjvDPzIiFc6wOwfE+H50O0q7jjykfxuBXXoR4eASmxmLQySthXRL9OiUrF2jeP4+H8HTYV+oHBuGI7yYnhoCMObEwhvFExS+OysHM6EQiwgTEpjUZkmK2kSiiwdfn5nSz/4QTF4/csLQtq2roMsGJJS2WcOjUMENEWLoXfQanfK/7HInIv/dTL63l9+tgARyg2mmDaQdYX30zwIaDRhWYc8xKVclaMfLyq4vCGNN29FybOU0gME4m+Fr2mIm8bDLB/s+Xhsut+n+vtIurIcL933yfwftHJvGynq8Q/h6rktVEEsJ8HhOJh/Ms/TNSxkpZ+zwMWak63cod9fr2t3hgCetFpJdSSk6NFDiLf6GJB/71laL3kq4iIJRu5ROQhKc5eUSB+mskPokwfUPICwLOtseGZLAqWZxIeNWqEnC3T+lZzjrSbnfMSZFDjtwUrDEjKFS1y6SXJZqkJIxEadLypReuw5dfubHZZ9gcHGD51bGmXR92cGIbe4ZMJBJTxux0FCvm39jAu1ywStKMoFrc2Y1P2c6Gn2vURbYMKGgzyT1LHbM08LOVrjIv2SeZNud2mb8qVsk6xt/TpPfzUlsVgzjxXlN3cp/0Hc24+9PhCL599CH8+Zc+pnLg++PIlhB1CBp9TOG2mvCY30hV/mmupJ8HX1Z5Pw+m6mROLVuOK9iaMfcnMDG4ZdsRIn8bNRaOtvpdLKCDeoId1He3lg/eZ1ERQsIxafLrnuzDd+DEKaNrCAK45IL6gahCyDJVMJxu6dJWykpMpSzI/lXLEt1TJAVVywKnipbfKd08cm4Hgq/DeoTQ/UboV+g6SF3TkQAjV41EWh1L0HGISG1FivRzUjd2POaG7r2O+LOf+Rgcdwdw68F5NV/aOsK7OK7fL2pGFoUYxTH0+oONjSlLG9QFEpHNVEMaFaRkZVKSimKOc22dMPfnZphZiap6zMIT0LOpIU7QK+CSDv5tKpezSQbPGzLLB8gbeqnL3OrXr0xLt5x5PAW8du8j8wwN6vQZzT+mOABwAkKbsCoFzg7ups8jSzzyh7xYutUGXTq2GnvRYuZWq25AugkI+TwmEZCeHMN35LGaeLHKBZXg9QmITXHiVaqSzF83tcr3iSRMARkDlf6VpuQvqRiSb5urKkR+EvCM8+nr0vGTsC7sCfOLOEoIT8kiBSUxCg6v0mU9JLYjO5bvvXZpQa0X1hCbR+v1VR6/1P5wCGfdHvQHQ4jHY4gXMPuxDBxS0FQCjwaDjfvcU5o+F8Z4nCxG1VhzkjKuoENwo2r5bI6gGoKTzF7DQodNZN6emX2/0mp56/jBJ5iI1t1swS83bxXhfphrrXknGJwI2v6LAP7enffhLE6vde1mkxEP5mlwlAfPp2H+L9TNVFLfi9rnwV7IS7eSdVndNYdTwrpCYBC7Kwb1PJ/HNPwL+QTOeaUqh2h4BEIpIGBK7HKSQe+NE7YN5tew6V2ggn4paVts+3q9JAE3hYp5QfBTmffpXiOKsDBCopZrwoG//DhJjIeEE5DUh2LJiVMOmBGyccIICy8BrJfjxOwv//SaGNWXgI0iIfgFDQYjOO/2odvrw2gUO3kccTze2Nntq61yBnVsejjcsFJRKg2oijq96sKwAh1shedaIufwgwQQiSX3WgmNU8Rey6w4SQ3RAagJFG3t3xvGj+FtwyEkkFFDhL9sTtAWWo2oRDdndiJ559RrR/dVcN3CHPjI9gwRDsXw/R2cGFhSgESk9nlMIh6ez6OubrX2WFRzwdEWk5BpPo9pQCP6fRmzUrn5Ckj6mktATGqWCei1esE6phsDOVM5qKlhon0i5AGR4G4bf8Fjna7FvSKO0kFEhIiNtN6TMVXOYqliXCEJGeUTj5CQ38T2Jklc4qL/PbPfhj/3hRdXcRosHWtPQvAEG45iuOj14eKiB8PRCGROsI0kZGpgtqYk5WYFJtaNNKiLaqpkxfEaErAFnmtxBSoIUIWylUdSTA1x/skC48Zm/FnwiKU693n+doZ88DbjNohldvXSoEvRM4V/296HnHCuoBpCnzftj+CMhBvUM4WAxtlQFSFgIOP0d2jM7R5p2Jh+HhAgHq5aMRPxqMvqbizmJ/6TgQqB3NjE7yx4P4/T0WDuz/dUDuEH0hrRrfIBVnGQroKRMEN3wrwgNv0qMcqHrXbFtsNTpViaFRGRsfaCcJVF6tQvk5rFFJCEkQa7HJhKETDMJ7b3CDfCc1LDFRBXCbFm9zFTVcgg/8Xnr8Mrzx4u/iRYMZZvTC8I9HkgqYhn7AiO67fL9N6YdodZ0PWHgqZeieDyyXAIz+9tXi5hI4ogKTnDpGYtxrL69KJFosS5lozLn4gNPYO+FjMRwqbPSGfWOY3m05eFcQwKbfKzxnT6v36/EMqg3uv1wV3D7ssVRFLjoXRi2PBM+qw4nFo2VLgP/WMLrPudB4/h6KIHH7+0r3LgB7rnB63jKj+uHkQEwliz9U27GQlvzYAZ3FnGyKO/Z97rRRUf8I8g26xUeOMgnPFnH0TazxAylrt0LG8Y815xt1cTjs0EfnNoUF9E+tRQFXNYDMlZBjAAR38LXjOqqvj1O8lTRj6AkQ0iDgmrZgWOupEwVSElDdpkju9LrDHdNaNrs7o2iye8UqZWKiTLnKT3073F3mKEeb9wjOx2nfQaIM09Augeo1JSE2NAB92A2VxXhQSRCLMMWAEWyUzt6hgSqV9PbHqCAPhzP/ES/M2Td6A/3F4Fzu2YvmKFAHPc0d9xdtGDfn84MwEBTV4WigWOU1mDOjbG6W2YeU5W1C8ElDqwG93T8XNWMRtXVSpcNXC1CIvA5wypITz+1LPv1/babN1sgOqxELskOKM+O+jdOM6H1ETR2bewx07/MgREeOvbp791755WByJVmtQqGPQZrILgeC4C/g3sBLxtPo+ZVI/a57F1aC+IKAw3tGfIvD6PaXgzOYdT7vuQbgoWEQbu4QgREKtW+AoBpWmBUw6XyMmYKSgyk5LlHQelMoP+l6SKhaQ0K1N6F2x1LtUlnakqvAcISxOTwBQbaX0jvkeFlyAeS14aODFqDH3OS60m/OyrN1cemy8SxSdBFxR8T/N5zLy9cVJJ1aC5UWKcSlfJUgb14WI/X8UQulmeyGsGN8O5pbqZbhsR8YA/japSsVA1WrvhksACTHCiaT6LDjRPzSbIzf/1MuxYftkzqGc4iXnunmxS8pXmv8DRpeyaqZLF9hM6v3MJSPbp//HWLRNT7zWaHikI+DBMalQ2jQpnd3fX5wF1utUWoq3SFKv/NrGsdRV+vGWgrM9jGrAa1nflmWM8twF/KOWJpzRZD0iodO/YUUAojQpc8gJkPE/v/wnwMr5g/kqPkJAqYo5Trztmpe95SWBKCzOlgnW6lTQ+FeYzoa7sEOon4vYGMRW3dIUut9Fh+p6vvnQTrl2aEBsuKDZfFqrLxJhhIGbxeRTefRRBu9WCS5f2K5tZXwgmjBGmsF8pk0oGACcbWqq3Oan++gzn1iheUKWsNQF+viq6xDf0eK9V9ppvMDfwe4T47wOPYZiFcBWDf848zAy8u57drzCbs6/POt6MzOiT9LDZUqRo+s0hsAJ/yowzH3S78PrxqTpizIHnngvXTE5cjqkKHqkQyiw5rn0eNbYK7Wgxyaa98freZ6vyeRTBHyQn0AdP/eBKAyMlpGpQL488tYKCfmmaCLpNBzlRQTFH7Vntnwq2sJQtp0GiTtuiY2A9Sgyx4EZ2Y3a3KoolDK6Z3hx3wsYhYUQkcT0jTvUw3zPCfTH63y9+6rn5v6Q1JynL84Rgh95RnJbS5WlWeXFHoW0KaGF522bTBFWbDgyaTiellE0ZJzx5kYiUrba1TEidsjL3ZZ39kPBSMRon0GpuX1MpVHmqKMsLerwl5MRphFWRuTxvCIb0knlDZBrESpZKZbwhOv8WFYh7XeHMXJr1eANDGgzJtiWA7QPYgISC4kxLvMzDw1YzZ5Ig8CVkI+vg07975wP44vVrakGn0VQznb6CwN/iP6exFbr0ZEczidrnUWMbgArhYAG+ENxmRyY6DXL1WITPYxpQBbkNA0eZMKTDBNngEQxpCIbtAcLVDk5AdHqVfi6J1NA8oyQCYj0cdC+gZBiZuD4PuvTwddUlX+rrvVZNhD42dbVgPg6zvvYfpvek9F6CnhI1GaM9jDgmDZk+kmo527/Q/4C2Debulf5LVHLsWC//7I2r8PrNY7jzaAFNDKddEBccByz8F6R8Hn3t8xhM8HnMwNaazQbs7bXhMpoyO+2tISCgUrJamRu5gwLjtGlVsmi2NKpo1grTlTZFLi8MqVWeCoAXykIG/lXMoFAgGfr+Jhm2nVjVDVxVzxDBVsykZXFPiRfsCntzEiL0wfm+2Ov+OAmA65124Pg8suIsCgy29/rfuf2+6efRpipZlDIVSKMyW3QaEKbPhxi8CFn7PGpsDbBfSDRxpmV+oL9i1ZWyFuXzKILfT05UUz+rZNjS8abfBqkQntph/CG8lC5/LyMgiX4+ZgTEpnYx74b+NtQ6Wn3ghEdyMqRL8BoFhIiO3iDtJ6OMcAWEmeP5Nkx5YargJcHxqTipW2DTshyfiPTTsiT8wiefXdp362DBccBClBAcUFQ9RuNx6TQrQtSIoNVqKtVjmsq+6UAVY24igd3T41j9aINx5pqOEx5WqymgKkvLcJjAXmdzK5j4GIyqScMClvpW+t684BkUVw0Bo1QIo2RQ5SxSQ9wKVyRsYPB/jL8nUj5s+ZKwuuErIvqB+3EyU/7Z46dhkGmq0r5qStpQOeX578/syFvVfd/JcAS/dXQf/uJLH1MpWf1xZAMjP91IuCpAyFODnY47UcTWE4wouMdApMPOCvIPHdqne+yGdAgIMszc02vSics7oIpa9aiBJaybC0mfwuDwIh7BYbO8l3MWoM9jMI6Vj2tVJAhVkDvQt4Zw5rOQmjBI3c/DejOkScUy3grqZm6eZwmIqXylQ0kb8NttGrVDl/4FYMsyf2V2OflG+HAmwm4HEnMjUAUahdRVsRK6kqq/Uqv1afXBtP+S1LP9Uj9GYqYmcfQlD9dNRFqdiyD01sDo8Am8cLgP1w7acNxdM99vyTigMgnB+Dy6fbjoVuzzONiHSwd7qvRu7v1nFbO2C0IVBvXTPG/Imo6T8HLPy0LJ01tS1g4VkKQiMo/j22yI5TQonPdcm6SGOCZ1r6t6RmVIcUkF/1ylEGyNHLc6m5V3A/n8z+Iucl+QOt3ratub9zFyQGBDplQVn/F3xwH//uN7943fo43eEGMez6tq5SsjVs0YJXHt86ixVVhkOV1Mf0TD96KxTJ9HEXwvOYVYp0e5xm6v8zjzW0jW9G/MTN/SKCIQJiBSmupUbqUr+36Z2EpWwAiIITweeeHLuapBkJ6vxN2G9aI4PUkYIUuYAiKBKx0JSzdj3g/f98LUFK4s/TtlvCGrwpQ4oDQJQcWj1x/A+UUXBoNh+WBJ+TyacLC/B4cHe9DptKoxmm8QSTk0QdP8eDQYzPfeFY9TlV4O/PEO17GJ4QxAH0iVjRiVCiKyufsrQYFzLUhKzc3CrpiZb/fef4U8UpxwBPmHT0Skt59Jh+sRCbMN+/xqq8PeFPhR5TIeFohHloDg3799+w6cxbH6rPtYJQsCxAO8dCzwOp/r/2J9042Y6dzpuu4Y3Hm1La6MeHzKIR7O4GQ+dgZFiIdPFGvUYMDzt7FA7wYSgpPRoHJSgNvrj2O1bSQf+Hhd0ozfk31DLEw6kunPQeoFsCCeG8DdcrcJ83sECYijeEgzBolWtfk+AKw/JAGugGS9IRKsv0MykdwQG9qvJhDgk5kErCLDiAgpO8a8nrgEhnwwxrgubXlj3i2eqmNxb81nblyBvdb2ZHiALnYyMwr7PGaA8nl0tM9jbwU+jzUjKWWN5dj0cFjR7LmDBY8TGqarUkNAn6ubSkSQgAxH1ak5pILEqyxhXRRm1j/QNT1Kp0/SsySshlhSkOLGXpuvAPRWl7FAdh1ukHB2IvLXE/720pQsUEpFpLs5i5zNhbYNOYG4VQf+36MP1WrNqJH+hsASDHt4mn5whUOX0wUmtIxMud7a51FjO7Do5oIYLB4PB5WY4Ffp8yiCN5IzGJD6YXp/UEDOq2RRRSlW+lbrJo7XAqwXhJvQMwREWhKTJJaAgF4XOIGAfAIiAwQEgBEPIjte2pYlIpxwWSIC3GNiqmVRGWG3Dwl9VuwRImk9Rwlh2zDrpyV8P//i9bU6H8qicKSf6ecRl+vnAZAakTudNhxeOoD9vY7yfKwtlkxSbnbKp2StxKBewTi1W9US0E0kInixGSK5r/D8IhWkuc4lrAPIVUOYGqBIiU8EjICQdk/ep4kN5hkAJ5zNISJmf35K1KSZesic+OQtudHpeC/lkRomPzib9Y4DUA1535CCvUYrkGrFzOreY6V2MJIxlGN99HU/jxrbgeaCSvVyYFiKqVmoWsyaLrXofh5V4v2kz4iDVUKMoVx66UyGkCSGWFBKk2QBPQ+2kxABMY9dRcRUzjJVrCYTEMghIM5yIOLhkhar5LDHvEyvUwqYUrekl/5lCYcEq5hkDOxeahb1Jfmpj20XCZkY9UudboWEw0mzyrv6F/jNoc+j1WgowrHW/TxmxbSPMiNfw/rmGDT1SpRkfTIcwvN7nbnfvxAUGCcMjpCgVuWDAE1EBomETnv9pUz0gGQaEpY8v5QK0ky9IBvzsyODeJ43hJfsBTKSC5BUvleAU7L3cqcN/V7fkIFUrxfA1rLKilkJsmoLTPo+fMKQff1yE1XOXphc5JUAm0R0BMD/9/AR3O324BOXDtSsL6ZuWEFGBDcTLp9rb4INj6QZq07m0Phx8+N36N0Mnwnc7dQG8xolscxSuqlhfQgXumEipoK1AiQoTtLmdSO5/tUcIz2REwsJ9+ORrUQFjIiwVCVX5SDSYHtz2OaBTFngjQUlJw5ZAmJJg1UkzAhKl0zkEo2iy6nehXlNmPoXUtpSveoREishIVJ/BURYoUuX50XzORKviE/QSLCpryK9n1HZEprgSUCav2MBqov6c1f24cFpb0nf/mLRDF3ckXRgihX29JgJE27M2M+j2WiotKudxBxBJBrUe73+3KM1SiT0xmPYb2zQmOviQKiGDIYyO5tU4lqNF7r+cAztVmNtA3GsgjUX+ZryeUhd2lTezwpWWTjPvZl39ZR6gaSv7SklyLjEQd0ZpN14kIg4ZKTowWYXqEV6s1ge+XKrDWdYPCITiHtqSGjjwcMR8I+O7sF/+tnPqHQsnPk1gY3zFrcZox/e0y6xXO+BCZyYDFL386hRozBSRWMMvQ2skaIKXeCkcdRQBATxneHjgMnb94RYn0bmL1NKEurzAVxNsOqDW/o2S0CsErIYAkLbNKlWdAnU9w9SaHgVKyIiqINF6vMKTaYkRFglURM0IaJUudG3qESmE2UJuy4LvY2x9k0kIt0GHsdPvnBta0iIoeeYm4b+DuPzmJWABICkY0+lW6X9PHaWgBSByP4zfQVK3I0fVVXzdomgLJdmyKQeGKdZ8jPwojEYYtPM9Zp5wvSr/mBcqfpDaESRUh030hlDaUehr8uZqQ8H1jzgJnMqdzLYh9ku4OpP5Fep8s614Dlo57EED/pFOjuGD66p3iV5JCOQlhRIwXJ2KgD+17ffM8e/32yxzwOZfh7syJxeIbT2cDyufR41tgohNaJGFkg4LjXbcK3dUX/bzE/z9ujcqzpFxXlZCpLjz+DpVkwp4eQisa9bYpO4KkeAgDgKiLQERHICIjnRkFMJiL9NIiB0hUrYthL9hAzw9PloP0SoQGZTypLETVXjHdSdVDfpEjFSqV+8cjBz7LOuaIrxuIM+D1mR+QnTaLC6FRKORTUJ2hVgn48rrSacjuK5lBQEdmh+GfY3bsSkIrECxuPIlN0rhILjNFJKn1AKwSrPU6mbEI4XUUSAZrNakbpQbu4tWJiUqowakkdQ2Ao0Q8XfY5ul8yd2YxQO203blCyzVoYQ5J1+dinN9V9ut6DR76ubTrpKzjmYR1QCO7tz0YU/PjmFn7p2FToigh5bL0/x4Av4IkwpwFlc1QCx7udRYwuwCfU4VgWcoOloxcO/H2IM8c0P7sE3PziCn/vKs0pppWaBkqVdkVogwXZBH7OqU9InL9IG8aSUkGpAqVgJIwA+AeGmcQBLQMy6Xg8Qvo08AgKZv+7+JVueHkt67cLreKTvNOpeK+maJnXv81QdaajOIuk1NNLjRPcfEQmriuj1aAKJCJrQisj1vTZc3W/DSY9NMhe5iK7hb6AZJUm7LAFBaQnTrZB8bJXPYw2AVbIUCZmGnGFP9EWkbLWtZYMCvdy0rHnBxkn1EhmNIVLnr0jP3SX9SBX5GCfKq7JItNs6DWvJ31/lyCUbNpc208CQkwsh3UBcNYuis8ojIhRsO1YQuqXkujb4auE1SBLRL11uYxPFkFIZUjzyn/IFf+vWHfjvv/wldUPEniEjj9y6fvFA8E+KhyrXm0BHNGufR42twLpVmVo1yOfR0b4VH99C4nE3JR/Y7PWTz16CP9F4Pu0CrtflJnFelhdAMuXB+kScCldMOeFpXI5RHUhlcEvwZsmCS158AsInr9yUq8B7/OWMgND2+MYUERHUJJEeA0R68itSfQ9l+ldfW+l+Ewl8f2T8Jco/gqV7owQiGan0rMiMr9Drp0TkpWsHLgkpgjkns6dj4l1xIkqUo9I+D+31qLEYXG+34KjbK5VK8xRJSHsKCVlDhkwxW6sVVVqq1gdePAYjUGQE1ZdGsNW8RslxwotQvATyAarnyjapkXlqiDTXP8FmwoA0EJplApNzZDegu9ZKdwN2f8L7sqXHMTLX3TziAU7wTm97Bju5j4a5ykaav5W3aRF8+Ldu34H/4StfUo+xU/QoGTJeYHKqslxJgqd4pKVCD8Alb7OTD5fA1MSjRo3VIeTz4EA19dfffFuRj9vnF85rn3nhsteQL6tamOaFPAULsj4Puk7z9CYZSJXyCYjb+2PxBCSrnLiKiq+YRNISkMQQkAREIsx1N9K3oERNnqX3qHRsUtV+rC7T1EVdby9KlackidRjLPn+4tUDeOPD44rOpSmKvLdaFv77cm9cGcxMQshc3mw26xvKkoAqxtO8DugFgEoKyn6TYuvFMeTyQPkXA+pRBf1oJgHJyBAz3+JUFUEy0vCVvTkkT1ViD4lHIt1ZlAUC0yJVZ/RtUEEIzJdgx9GqH+Hn9n19U/aSR96Q3ggMEfG25e9/0nNnvbBfwvhYBKiCEahWuP18PHIxTRGR7mvHwxj+0d0P4d9/+UWdWhEB03uChMcQtADw2PbyeiwUSreaopzUqLEExDuuguC1ICUeUWYqADMlvv7ubfj6u3fgu0/zg9oXr+5TspNbtpZ7NBzfhv4bSLMiQgLMC2K7otu/IGEKAZnehJDgqBkTCEg4ZSs/pQtUbxReySq97yoCgS71JO3FlOgKW3SraRDRANCEg5nfKR0LzeyR1FUthWPsv7m/N8eZ4N/bpL3RUA5bGfC35zaZdZcXIiG1z2O1QIN6GRICioiMlKoyN1ZIUqT2h+AswKK8E+7+pCIMJFZgIBfpPhSRnk0PZR2S+Ywu0NhskM/6KOSmFVUHJbO3onRmZrG7WjJo8AID6FS4YrE2EQwBcEFqmv8dkGeCbpSCX6CnfF85JMEoHs4DC9IXUKF82B/kKhuTiRCpNe4637r3Ifyll19U++xEkW2g5hOPAh9plMQuCal9HjU2EH5a4i5gks83EbqyAAAgAElEQVQD8Zvv3VGpVuj3KIIXDvdsGhVrKpiY4NXroQHMfA4JU0LAZHbY1K30ufNXgvGDhlOwVkNA/GOgA5TOfcWuL0iRoYKMOt5HxaPJxoLuFdZbotOvdHUssyuRKk3X94u2X3DV6CzZqDAgcU6z0Hb9FAKZT0Jy+3mscEZ8V3GIfhshYFRiFv3RYFCOhEzDAkmK0LMg5A9Zdk11vBBW2jtqoWMlVAniIrvZWGTUkOljgsbBi3Fs07FIrfAUE7WYKyMzDiRPuvLTm3g6FC271mrDw2AFuzxS4i/Mrvc3b9+Bv/GVL8GVVgv2Gk0YYPNBGSYewawyBgzeEoAJk098nGriUWM9MUgK+Cq3ANN8Hv/8o4fwdU0+jmdsZvzs/p5RlEyaldE//B4gblUrp/EgKSB6Wt+Y1T0viB/4TyIgIaM5hJbTe9j80uT3gPk8eSTIpPRqWQM91oKXgsdX8dqYpH+ltNXjledDr0d3IlJDVEqXSE3uNNaqVwiV+pUSPn79Etx96qbNZa7o0vxvDSD5Qal7hktCRIF+HmuctrPNwJSsR0ETazFg08PhOIF2Y0Vz4yXPm0iv0m43YDgcr31zp1KYc6wUAWk3pqZ1bjSmNTDM6fdxOox1JZP0RmAuzIIXI5CGiQiwN5FJRRFM2J1RJDhJsNul5VLaTu57DWwuOJ6ueoQPIPjkW0f34D965ZPQ1MFIkvMZJhEQOpGwShaSmfC7auJRY70Rb0AzwDIo5PP44dtK8bh9cTFXjPaJm5fc0re8wzlTRzgpkKFlTCkhAhImAJ5HBNaTgIC0aWLOGxNLNPACiSV5KRFO6tQs0ClYJvUKhEnLwnuUqpKl+4IkIHWvEEzjsmSm4/ix6bocKiO5ppBaCWkag3mzfABTk5SF4GanXYqEgDaoP99Ysw7qhALnDYVzO0FEJiEwVkRAoiWke60LwiV7fSKSlk+81+8ZEiD0ySQlIyoJMEJiZ2mgcJjtE5As8ciul+7iRrsNR9SUtATx4PjNW3fgr776ilqCBvXeeJS/Cf+APPQxJQtJSO3zqLGB8M/9bUEhn8d7AZ/HHDHaQadhgvYEpEkh4vPark9EmtRkx8tBcbo2sYNjTqe/0pAFRwFhZCKXaBRY7h+Hzx8orRrAJx75JChNuUqcwRVsfVI6Uq+IVP5cGhtB6oiuppWSFKlULSam6HQvV0155lIH3n3kHWTlyJuqon2VuxM042bzfH9v8YEpMsHhaKS8JY1Js/E1SQkCFYz9RqQUjXnxZDCE55fwXS8ELLMFf4CKiIzGpmHQLsMhIDDfTWajQMmzwbQsIhD2JvBhv5/eCB3DCFXa0oMV8W3wJCXpbDYL7h/hBu8A8chU3k2fXWm14ajfD+zbQxGCovHPHzyE9y+68IlLByo1oz8pEJvi80h0eVNUVGriUWOTgCreNvlBMDDdi5qTfR53i/s8ggj8yD/z3GUvoPdL5vLmgZxESPaatA399HaNed2kYiVsOxrrQkDYct+74vQnIbKgqmMlhoAQiaAeIA1Im9cSoVDGdcFM/5qQmNK9pJqw/XWwoXMlk7HSveVlboE5+xBsMIS7Obts8l2jKYRfh7I64Ik1GsWqqpFkF4JGo52/j1pJycX1dht6JlgJYMrYoKekNx6rqjybDJoB7ygispxyt+sKvBG1Wo2gUT4XW/EbIyKSkULshVEAHA9G8JTnPvtExHxcpoqY5/rOERov4V1opb9SDvFgz0hYaAih/Bu2H1DIDzJ7+P/NoyP4zz/7GbV9JBBOn4QZ+3lgMHewqlTOGjXmAAZqF/HmqyD4C8S0m1yfx4OHqrIVko9ZfR5FYUiDHleuUkhKq/J8H+QFoX4gnKwkMkQmWL8QJp1IP8j3SvC62+B/Z2tC6GyP1vWOLbMPdmwmjpd0bZeGYERcMRE2zaoB1qiu1Hn0jeibuR3b1AOiCAuA89qNgzIVsryn/J7m/y2yqdC6NCDOftx7T4k+ITnHpPogxDAcxZAEgkMkJJ329HLEudhhkoIk5N4kElJgbB71h/Dypc3roO6DGgKhWT1G0/6Cy/euI7BqV6cdVX/Kb9hvLC8t6+lwCB90e7RA/5UegRDGEigdIuHN7uQREeexyHnqNcFk75Paf4IGdUNCZlA8ciEA/qcfvaNICALTqS7i4dz9PAZjJCGb1fC0xu4CA8PT0bC6JrcrQMekWxXweSwY+62Gvcb61aj0Y1uKly0363FFxB6rJRGr7YLubI/WzSMgXkUtvtweujQTU0KSp0Mb0ZNU4aDbQqp0pOvZ1Cy2LW0sMSoLH18ZuEVkTnk54bXQajk3q4kIHUjOPqV0Vq2MhMTxGEZxrP5OPlapSAqmZS0EW0xSMI/wSqtZrIN6CALgJB7By7D5JARY059mE7uUYh+RZGl9OFaNZgPLZkeTfvqLw7r8xnLSsrAnzkf9PjweDAMMhSseRA70zYKJwjKjbEw5DPCvw977RZhcSP3+K+0WNPppFa/5iYd7ILe7Xfje8Ql86fo11Y/kYhzYbkGfB95sUQ0JBUQ1aqwTiIBsYof0VhRBW6VbzejzWDBeONzXgb3nhzCP02unYzRnSoH1i7iNCm3zQxbcJ2Fi4xMQl8zYv1U0IZQ+YcnbHiMyJjNJKR3sNkipwdScUH/2hkgrhIkoXc4JhjkmrbInOv6TOsOoIQTkhjqCbcVXOfgEnIO8jc1yM8/MBLLlIrwqlikuE8GQz0PNQs8Q/CFRWRgJmYYNJylXm635SYi+SODFDKttbQPIS4yNBaMoTc9KtrgmPN6YsIM8NlFcCQEpgqX+xty0LExHuN/vw0gnG6fXcLq68ysyZFURtr3ZldpA2lZmGxM2qonI07x0itwbzmSJ5jdv34G/fv2arqDTUETCEg+bblUEo5qE1FhzYIB2Fm8WAVmKz6M0sppSSLkAbxbfJSDsvVPN3zlkYo0ISHb9dDkREEFiSMJuU+zWIxO7EtVISUwlUGtAT4StDir1tZvmqq47DQs9xSPk0QCWHhWC9NadF8LfaYgNpQ+bZvkksG3l+TxmAZIQcv+vHdacpGCvj6NeD8pcYp9uEQkB7yvD9KR4LCDeQlWkgbNkLZsTvLEm4Yp/Y+hzwuAdyfUoUKhA0C00SDiAlTGZlHtVEEWJB8vXUjNkIOBGu5NPQpzUL//uInLH7Ou3bsNf//KX1HqGhMzZzwObHh6YNos1aqwX+uMYeuN4I1Kw1sHnMQssAdB/6TmpAQGSAVCg+R+w7TnBf5ZM+Nuk7dljyicgU49jSgUsewx5hIX2L0xpXkNE9HIuytM9iZKBibAIIlnCKuXmEu8REETL+PS49MIHNfhk8j12mk0887J/Y825HznExMoyheQIqYhDSjzGY5ZuxdWWGYFEpN1akRpSBkXuvwu+BiKBKNNBHZWUsZYDtwnkE8Hu6o0oTc/aBtP6RqgfVaIASRkmiTqP0fehKsaRdJ0jNwsQOUQEmIrh3WEnwZe3Z/FxCDoi+jzpDQoLRmAaxjBvcscQF75D4fzxcTwawT84ugd/6aUXVcDTndL3ZBrw2Dq1GlJjTYDnMvqVsIz0JpRsn+rz+FHA55GbQrM8ZBSEiUoFC+LZ+zKlePn7pgb/sFYEJLS+SzyAO9F9G6Jphut8Ho9oSHapDxEQaQYmQEDsCLsPnXNpiiISuqfw7YT2wwfYQcgXmS6YyAKQKJDXYyJmmNnEDuwTmyFuAxaspqBBvQwJAUVERovtoL4iUJUoqTusJw2hyMgmlvJFnwN6PzDVjOwPuzwHjcQZz1tUPJyURMH8IYRcIsIugMEZnZCUnAMiBUW+FEYgQkoCXfOvtVvwoD9g7wvl1c52FqAa8ksvvageI8kZlGj/P0zimoTUWDlQ0aN/646pPo/3Cvg81iRDw1FA2KS2mY/xYmJuZhemw3rI4J0N/mUOAckY0Ok9jNwUUWKKkKC5CIseCKFJhrkzSUtAyBtieu/S4PEKWB4B4ZNe5D2RQdVhwn0wj6iHFkv+Qo6nI38mznubd0zMc5khIRisYbrVEIlHRTMLjWYj7cTezGmGuHnxYTmUvKAc4nhiRagS38+jwWArSQgh0r/NKBKqlO94LDfKuN7QxnNSd1j2Tj629HdEpAP/TuaSjKnlKiK0XOfh5s4ilaR7QjgXaFGQQFxvteHBINSUdP7j+ebRPeMDwypZZUgI9lxY21TaGlsN9HlgyhWqceueclXY53G3Ip/HEu8NeWPvkAI/8NflZ53lUCT4h/UmIN5noRVNepUhEkQ4vEkomW1CaDZl6qaw1CzzNyUg98+7zlL/YXCBDD2ZJrcVec1fJ6cqpDfJp0gIEo94PIbhMNZdH8tDiAja7VT1iKY1MdjR4CoXBcbjmU4bPuIzpjOilyTqYo6zM9sKPoeMakKj0UhJdizX0rzuKx90QSrcA2SLfkfTfB758C6moWurk8Ek3BYfftIzBMY1dDieEiPY/4sQCHWTikBVsdprRNCvOI0QichffeWTKv8cg6IyqSs4+6w6qNeosWDgeYqkebAB6VaFfB7vrcjnUfLecNwbwccO9/WmhE0ncoJfWgpmPRMye4E8Jw9Cd2D3DexTCQh77hCfBTUhdAmPS0CM4iFt7ynBtkVxtyno6P8l57n+rky1R62ASKaaGGbDP0zmOwx8oRNf94nKnL+1jF8x9NRNIW5G8fjgwtTSLwkhoN1sqpSrqcRjpg825fUdJCmoYpQhIaAN6s93NrSD+gxwEloEKiP4A4+UeX2cyJWrI1EUpT4WbdIx5rWqJ5vX/HeU8XnMDcHuCtO34Vw2TYpV0cEgpcPfUuG3msd0W7/ZasPd8YR+QHMAc82RhIDKS29Cb1IH9SnA/PuahNRYFNJy0KnqsQlVrubyeawbply6nvaGhj3wuNcar4HyrfT9y5ZMt+8xHZnY5VW6cbRRTfgb15OAuPulcRBBBYSUC/p8kUyrNgru9QA74+inYJnjo54hbMwmkguZs9wsrvimH9peJpBhgwMCmiJJSif4YrndZnOFPo8dJCmoYOw3olLB2pPBcCdICMFJaRKgzN4tbZhDA7siJEvyjmC6FRJ1NJvzCrJCLIB8FMUKfke5Po+yEIyIzHD8obSpjJCSGae8fNkC4AxZ+0uutNsAk5qSzoHvHh+rgOiTlw5U0FSGhOCMNAaHodneGjXmxc75PDYM5v6ZuLY6O+Nv02ENdzRkRdgu6JICewrM3Zl8UhMyRnafAOSlUxniYbdnNu8tzxKJAAFxCE/YAA9seaRlC6n7V1GqlbpaKuIhHAICNIasUzrQe03I7noPieScqdTdPNUjtLzAzcnMgha5lwm3umTQbuFtxMkaKFgdKwRMbZno81gnbClJudnpsI7QswM9Jb1krKryONgBZUl4T9B/0dK/FxVkaUKSSQGYY2zwYoL/kHBg9htXCRMWJ+/S76i4z6MEHFM317Nnw8xfy6Q3uNdf1q/DTiZiI6orrZYiZ1Xi67dvw69+/nMqHQsJRJlZZlWut1GTkBrlUPs8NgNHx12QL4Ou9MRkDwV7URM0w62jen+y3l6RybjNgnpOGDaIgNjeIC6JsCsJrXzoeF1SHyqWUhUxMoYjE/mGdXpik9zw31mf3SMmKiJzKCGFfo7cU5njr/R/K3yfmIKePig4SziLz2OTsKEk5Yrq9VEule7RYAgvH3gd1HdMWeKhFP7OG5owEBJ9QSEbCXV59SH0jQrAKhrqOfehee/bpp/RtPOmF8/r8ygLYS/k5uLvzr4tevcGHvHwQTeq64sgIbfuKBKCwHSqizhkgC8GLIt60NjewhY1Fofa57F56I/GejwI0lxHfYJBs/hSuo376DWqDoW0E0c01u9WfmRpr81FCYARWDLEJbQdRlgKlPQN7SdMQNiIqM8vrXWDExDVCNfOOBG3MOlXhpikHQr9W0QqIggjOqR9n9jO+X1tHuJh3izcxxPTrOTkmz/PL/dXlVwJyd2GUP08MOVqq4jHLFjToBwtBFdazVJpLBgQvgz7BdZk2GKSEpzb1YGrzTYs9jsIJRXsWlGh4TiB0zjg8wjKtgs8ECfnbYE78kkOTCceHHQvwu7pjb6AcejiP+fhY076945P4EvXrqo0kjIZ6mneft1BvUYxbKXP426gnwdhyybqPnhywQzpKYzZGoAiacdfSUG4oI7hCfXTsKlZNnCXjo3PUSnWmIDYTDJWCUrY9SKKv4ETD2HXiVJlgzQO+puOU/oG4QXvkhnTn5z3swSBp1PZhZnjy7zmJA5I93X/PTwfD9j6rgE3fFxaHTLGdMiB8Xn4qTo1slhhUI4G9TIkBCekT6ruoL5lJGXepJNd/eXM7fNYxnnjV+/w8/KKGtozF1vvoj0D8cgD/rYfhcr1lhinX3/rbfjaz31V3ehMB/U5MapJSI0p2Dqfx62CPo8tuwd2B2M4HY7goEW/9/RaKXQNeeuk09P7Ca1jg38bXltQypPxYbPnQHWzChAG968lIO775mtCOGn9jAqC6o424Efq81OPr/QDWm+HMB9YCJtmBWZbegvmPBKMnFgf6aMLKtEbIA8kQQXPNW+h8B5PS0OXwNgMzywIpH04Sg1boF92SIjj8wgdd435sMALEpKHSPRK5dVjikylJGQadizda1dwMmQ+j0V85srPG++CKbhBh21zkurML9ic4JS4gNIN+VqrHSYh0zBh3988OoKvwVfV47IkRPlCcpov1thdbJXP49aCfB4beA887Q/hoLVvfR+GgLiTMEJ6z/Vjnq4FYOd7gK+pjRAp/WBqCfGaNSIgZpm5AgYaFArvc+uhi0SqdAjVIiE1raf7ESqVy0x9stQrfgPC/XSH2M9vnEMYuOrAPkBIBcnDVGVPBl705RJpiYlk90v2W2tKIWSn3VaqR92AajmgTvSmoljJCxISiKcl8lExcMTZ68a6fP01SdkYqH4eA+3zWHV+d5nzJu/a588QzbPfGUHXaiwYgbOywwp72hyPRvCto3uqgzoGXn6KxazAY6s7qNfYOp/HrRX7PNbwHnj7+AJevHygUkSFTrOywbGdq5fmsSUgNoin1Kw02E5YpS0CJyAUtZv3rqAJobO+UxHLfh6q6MU/BVBKlfLHCGNGt4JAqhSZxsq4TiQ1JWGZvXpVoV6x6vrjnpeKFfzdeWTEV0v4agFBvxwCJMUQEjtx10xazXP0fNRYLKgT/Sgem4aQ+NMoVNZ4ygXpZqddioSAUkOGajsbgZqkrBRIWPF8Kd/PY8nYoPOG7gk32m34sOJyvVglC0kI6FLfZTqoD5O4JiE7CvJ54DkwWsPmrz7m8nmsK1ZwLXv34Tn84sef1QTERqzCSbPCQFkXbjHRu3BJi1IK0jQrDMDHSfp6Qh3V9fb9Hh4CZE7Z3lUSEJ1SpT87qTbaV242FDFiRhCmFYgmF+qNqRs90l4QQWldZnRT9Q7/3j+Zcp46pCSHeASflzl5JpyYnG0yglmzjwWCOtEj+Qh16EY1BNcpa/jfbzag1RD5FYcKnFMbRUKmoSYpCwFVtqq0n8c6YZ3OG81CsAJe1SQEu6eTDwyrZJUhIRh84sx3raLvDjCFb6RUj833eSDpQPKxTf08FBZwLXvr/qkhIDbFyib8W9VDP2Z+EacqK0vPSkzL8HS5SWVyJvCtGiK8/iHLa0KY3Qcv+U4ZRkIvtz1ArB4UMQ+Ia0cHMFREExAaVqGraxpSIqx5/f7ZOTsg9sUG061E4LXAiSAD505IJclNUQ6dWMJ9SfD31CSkcuC5F8exIh9IMqYB18OLZFk8027nd1AvcEHCGW2c1WpHO1D7vyYphXGuyuoOrc9jl8dmiecNXdvx93ip2YCLAteSWYBEBDuoYzoK3hzLpNBgUFp3UN9uoM9DpVuNxxvv8/jW3Xvw9Vu3t7KfR2HMeS17+8kZvHr9UJMGoYPnlHSov9yMnNgQO1JPrWJgrXeWkBhrt2rmp70hVHFLpOSGNzJcNQGh/RDxoOVU1Up9TslK9bPldIG342PJBR08VfePpNCmdjtO58MRPD7vTiAg0gv+Z1BFQt99rmoSICcTiYlwj1HAbH1CauSDfB6jccAoNAGoklSRDoeVdHJJyDToE+bRcAgv7u9lV961c2PHSQqSUTREB30eNYHLR8VjQ9fy6602XMTl+gH5wCpZSEJApak0S3VQ7ydxTUK2EEhMkWD2t8DngaWpVbrVEfN58NncGv6ABnHn+AI+de3QKB+ciFDck1VLQK/DNi3dv5a76O2xgJ/71kxXdp+AsLSpLJEIEBCupuQQjVAJYL4cgCsfPNgX7muMCFN6Fakh6ItJlQ/hpGu569g0LNC9xT46yyMgbGHmN5ujegSVk1nBlRYR3oxv/tHrFegTUvLYthghn8eswDStKlKycMZ0vxGVytHHoDNIQupzw8UWjofj8yiT312fK/mYdWykTcmCXrUk5LvHx3Cn24VPHhyowK0MCcEAFWfKQ8Ffjc3Ctvk8UPFAk/lEn0d9zSqMHxwdw7/76gu2hwUnILoHhtBqhWNOl2wmnzKVkrSpH+g+IsoHosmK1KoKnzQ3Bbn4abkkAkJESWpFBgIERDBlQ4Bw0rWAkQqVmgVpCqvQKkdE79eqCW3LmNmNQT3dxgdPT9gAsMEIPMws58SjssmFkDTiySJ8MVtQfPqq/qEq4A1XKR5x2OcxD3BbnXb5Erk3Ox34oDt/sIKekvPRGA5bMxpN63PDxQaNh/J5xEv0eaxgbJpCqJQmqjbVZDNTsUyDLkw76+JvuvrdF4c3NqTyYwf/61h8Yp5yvROAARp2UMebHhKIMk3ksCTrpeaWeMp2EFvn83irQp9HfX8zeHw+gKOzLrxwaZ9s2CkRweA5EZAIqUv0MjcE80sIRkCo7q4KrPVzoS9BSEASsxVWtldX5krIGD+lpC4RCpd4TE61ypQAJjLCgnehZ/yNAmIP06ZWMf9HZFQN4ZjUrcLBiId+PRLuX6qOhZMDd56cgNOOXnqBPn+SmdwKSiDlkEnB4jvOScfS61enoW/xD1WC9nlgytU45yI96+cXAloYFLVblXWiVzOmUG7G9OloCIetGTuoT0N9EXex4vHI+DzWCRWNDV7oD5pNOGw24GBCw1UkJNiQVa3TaauxeTQYrM240OzflWZTfWeTV55t21+/fUeREASmU13E85McJHKX5n53jVVgq3weRyv0eezY/e27957AX/jMSzooljDW6UOKgCTcaE0EJJ3pT3gAT+sqBUSnbWkvCJKZMVueUBWpxBrTiYgo5WTBBAQ0AeExv9E8dPDNVRFftbDPwShHEVEN8npkCAhPxUqfR/pUe+fxcX6qlZ/y5PCNkFoR3ozZ1iznbui9ucTEkpHlJfJu4A+VzOUjZQoteYDE+rAhZKu5kE70DZW60Sw1q42B6ctQMQmZhpqkuFjAeEz0eWwSpozNQdSAw2YTDrDv0RwfS5GW5gE86A+gmzfhsETQdRwnGFARGU/67orMZbC3Y4oK5sp/6dpVNatcpjBpmsZTd1Bfd2yazwPPSyTIhX0e64gtu7/98dEx/JlPf8x6FFTBXWk7eWO1PE1DIp2RRKZ0ZVBXRINK8YIJ6AU+SYSjkMgk9UwgYU6JCJnXwZjfJfej6Oyusk0IAawULbVHBUxzRaY6CLueoGpWXtpZOi7CEJWIrSPYFl3VBEylrFQ90X+FgDc/fMAOkJ8/E9Kx8s7BkFiRp6AUhvDGMERILBlZHzfhmvxQlc8jLufz8BGhfIzEYwmd6NGgXoaEJDJN0bleQXpYZZgxuNp6FPytVObzWHN0oggua+LRDMyShsZmEvBG+cJeR/0Ono7WJ7i53mqp4hGl4A3Pr7/9NnztZ7+qA75yHdRrErKe2DSfR1t7PEr5PDYJG0ZSusMx/ODBMfz0C9dV5aaE0ou0TJFWwrKKCGiVIxJpilWU2H4aRFrSoF1b0DWZkUwCSYmINN4RtbqWRlLiIZjCwSpoQXECAtKqHaYHCCMgKbgfhIhGloBwNQPApmBxBUSpG5pomH+GgFji0SBFRAj46LwL5/0h+xCEEHEooHaYD17giy98HuakX+UoI5tT0mSBP9RF+DyEiKDVTFWPZdbQx9r/kehBXsuQIsDZ8rUiIUVQqykGGDhvdT8P5vO43GxBe5Z0xhkutvgbwBm8kxWPI6VkXWu3y5MQDziLjCQEdPBXloRIUzGnxqqxST4PVDpQ8Viaz2OTsIb3tt997yF85flnjMJBVa1S5cMa0iPtHME0K+wJEkkbi5I3xKR0qbK3qVldGK9IkhIMY4BPt5X2H0kVEBOx6ZQttWemjEjtzzAGcz5m0q3EJfUxACNHREicdCwiIOASEOv3sP8h+eI9QCKn3C4Z0S0pMb4RvUxoozpS8u8d3Z+fgARfr/DeGTwP/RytLBnZnrqKMw6QLOLzmOMgFPFoNqHRWF2lmKvtVriDesGLFQavOIve2KZYYstJiuPz2FLCVdTnURrsXLnRaatZZEdJWvL40jWbjPXDCmezj0cj+Na9e/BLL76oSAgvhzkP8NjqDuqrw6b5PLA8dGeaz+NI+zx2LS23KFZwb3tyPoA3Hp/Aj9+4ooLwyPQC0bP2kvqHWHN6xENfQ0B02pY6dzWhMR3WkzR9KZFaWZGGBFiPBpGDtJ8IFaSSRhmBKV3Qba93aYgFWwmEUVuk/oySExDIISDGB6LJkkmt0mZ0R+XgxITICPlAhCYvEVyMYrh/cjaFgAQC3YkLKjw5pp6HrIQv2Bvb7hR315+bSIfyeVSUE4v+jqYmH+uAm+12mITMcLHaqg7qRbCBJMXxeWwr80Di0Sjn8yiLZ/c68D6vOreCc4WIyI12u/IO6l+/fVuRENClvsvMnGOVrJqELBdb5/N462345t0jRZC9N09HTVSyWND16p/+6D785C9eVbP35AmhpoQN1QA1VTkSUjkS8jmkZXYbICEG65uIjLUjsf6JRMJYKSKkZHMpOSkAACAASURBVBARcSdLKIBPWGd1CXZ90AoHb0KoaE3GcK7JibBpRLQ8ApZ+pbfJz2DT6cOvasVSq7gaYgmIJTAR938AXx/ge/c+KuHdWIMfhu8J0UytmX3RrrMtMP08cHaoollE9Hkg6cB0q3UTDHDGtBWJ2QNT9kGwStZOkZBpWBOS4vg8SvSEWXfM5PNYMHD/SILO44JpWYs4V/SdFQ3qVZMQnGlGIoupnBgcliEhOBOPgcAyU1B3EVvn87hdkc+jTsudHXOO2ZOLAbzx6Bh+/MZVFag3dKDfAKGJh/Z3GMVA+0B0n4xEB/FpChWV9tVGdFYlC03sie6rkZBSgdtOtNlbJ2QR2VCmd72cN3Cnv1JIh3hQKpbQXdCFsCqK7YZOC5jBnI1FxAiIVTwsqaAkQ5dYeKSDGdOJeNB6D8578O5Hj90vpRAhWccTXjp/86fuN/zHfDYawfsXXXiu2YS9imiCQOKBAX474PNYs/F4ptWGjwZzdlDHQr/jRN3kcNaqRgEs+Pei+nnUPo+V4Zl2qzgJmYY5zhWa3cPf46VGAy4qrtyFRAQ7qOPsdHqzn/+ERRKzX3dQXwi2yudxdE9Vt8LGmUtDTVJmx4Qx+2dvfwSfunYZmlFKQPCyPZbCKCAq4NbmdUrHUqlT5P9gy8eQKAITc+KBhAQSQwSo3Z/UqstYJKkqovOsIk1JpMnZSitwWcIhtYqiIWzJYPB8JBHYEsDAFA4aD7KhkwqTKiTSkgz2j/o9kcKBbRkEM6yr1CyehhW5PpHvKy8IIYeA0EHlpWatKea/U6zhj3k4TuDOxQUcdXvwoQ7AX93bg89fKlHBXhT0eVQ0HsECAnMATbVlSAgCU32CHdRrzI45zo+d8HkI7fPAXh1NNku6Zp+3qfLXMVVpCbPOOecKTcpdb7fhouIO6lglC0kIKBWqWaqD+iCJaxJSIbba57FuqEnKTEA15A/vP4Gff/GmScUiczqZ0rGYVUNaBYI36hOmjK1WOjCVSwplVKceImmfEekY1NNSv4kiOJR2RSlXSk1hSgZV/TUKCPN+SENMGPEgYkKKrlFT7MlBBCTylBFTZhd8TwcjIKwHSKQnfRqMiJBiQuvePTlPvSAAHgGZZD7fnBN1cXeKJf6YP+z24L3zC5Wm4PdAuDsYzEVC0ONRqc9jynhguhj5VS7t75duYIizT/uNqFTKDnbSfhFqErIU6K97Z3weTe3zaDQgeKqvYTCA6UoPShL7KnAFK9f1J5CQOcYGZ6PvdLvwyYMDFUCWISGoomDgHMr5r1F8DHfC57FpqElKBr/9/7f3Jb2WZMd5kcO99713a3pV1aPUXU2KlERqICFSgGBDlgDvbMiSV16K9tYL6x9IP4Ebr7wQvTLsjSkIsmFYsCkbIA1JFEja4tQku6q7a+qq7lf1xjunESfz5D2ZeU7myfmczPga1e+9O2ZEnsyMLyO+iB8+hl995RYcRiMIwsGFyQwImw0ShAH+ThSpO6EGw02UQEWTxjkB2cH+c4TP4616+a3bkEjsIvE476TFMyHCVHERwna5UTKEZ0DE0qt9Kda+XCue9yF0u+JlWWkCgvEc/vTijlc8MwJx5sMTu2RFr93udvA3Dz7kavnkXWqpxty+Bdjf7aqaBzOWW/3wxSk8XCxyZyAgKXmyWsHr02J9A9N5THxGPLooad5ud/FMElEkj4/NZqkWuRXW1t3ZDD64rH7HFINgvBt/zSehaZvQ0nkM4OLHdB6ThnQePfiDZWp65CD8+oMXp2PWfELRrreib7Au/48///nwzpzjMiJRFShQn/ukKSsD0nkMACMlKX/+ww/hX/zaO+yOfqgLCYkAz4B4EQHYRUOVuTgc3eGBE5/bePcpNxaHh6VbbrAnIFvebSvSiOy7VoWEYhcPQYxSHTzz4eyF6Q4kS7M4KXIjUrQfLgjC0EWuddtrPiAiL5x4QJQNzCcgYeaDn2c9/nd0bvciUoLPf+fhU7hYKuaCOKn1JPYOBnvWmrk5c8nBjOVW756ewf2LSzgtUZ+dR0JydR4tAO9qrVf5Inl8bgYpElLh5HbDx8+oV7aBAvVrfscT1EeCRnUehl78sFYYNQzXJx3rPFrwhxt16upzkjq/Nt/wfTUJKYLCN1978ICREATe1b7YVJ9JgsF0jSLYUWFwOo+xzvPQwUBJyk+fncF3n34Cv/7qcdQtK8qEOEHc+WrHyUkkWt9FgTfXkkBMKIK4bW9IUsKSKhxOGEQZlmhESDSLRBy0Hs0icVIEBPY6kDCRsScgvLQKnH0WJoinv8M+y4H6WGEKOivH4hkToV0vF+GLovQMAXFDAiIK1HkWhBORZxdX8IMnH2mK0APIPJi31gxaZ1YU7r778izUeayE25AlDmZekjXZN2/udJ4HHgss47HWG4aI5ARLs/wyGQiJPzzWTccPCVvFRYcXlrcOiYQ0hfP1lhG7znUeHV78lDoPk1DRH3g89UpCok3HLlksXd9gqQ7esf7uy5fwhZs3WZBZ5/51eFefJqirMDidx/2UzoPKlqrBYr/9xd8/hJ+/Pofjg2lEDBxGGDjx8Jw9qeDCcl7txImDK7TH3UaPs6qr3b5kaydkPJhWJNKMBLFWJGy55TDiE41RFLMhIgFx9kUoYulVuMyFeR+Rjfup6E5URiy00411HpDQhUgzIPx5F2ISwrMiqBPBTOg33n0v/FKVCD33sQIY1O7aWBLCdB5nF/B4mdV5aCHl5CfrFXxqfsRmemDJVRcOXvNhiJvyQQtqQ0qREAVQoM5ISMWTGwbKOIH7eGLZBHWDYIXOo4GLX6HOwyYotp/NKonu6vUNPCabnqCOAvU//fKXozr/+hPUiYTsMUidx8OKOg8iKdVguN/+0/cewL/68mcA7+2yEiwn7JPlRdvmRTcoOJkVZQzBniXEGg2uGQnnjuxLjRgB2QnZFH5OZlmKXZz5iIcL7rgQPdhnRZz9XR02UZ2TijhbE7XsBYgd7wqtsZyU6HyvC3FjkbontN71MqQkLEXjmQ/P3XfD+l/v3ocVq/YRd6iKgKTrshQo2/Woo7VmFAk5W63hhy+LdR5lcMPz4Z35EXzmxnWYilmPlhys0nmUBb4fx3TUrRBDMa3rXBUHTTnf85JISGkMbp6HYn3EOg+v/3keXQGzPOc9tkrmNwtvTaeNkxAMKpGEQFTzX5eE8KFgY8WgdB6Xl6yz1dfud6DzIJJSDT377eRyCf/13Q/hn/3SWyyoD4T5Ibtwjnmi45QXbVQQaS94eiKISqn2BGSv+QhYt62oW1b0Fjy0wptDAeBI253QCWsXd/jlpVbhd/MMiRNwEfo+a8IjRd7tKs6O8GnusM928K69yY5YIangr0u03xXKrrDEy42yH/zxb3/4BJ6enkvKsFT7UHOnNn0abmit9U5CEjqPbTMX9kPXhZ87OIBfvnkDrk8rBs8l0lU6Oo+yYCy8oQv4TX/CshlVgZmULReUFfhi7BjFPI8qOo8BrY9bk0m/JCQ6PeFQUrxbvWowuMW72n/26BGboI6BqANOrXIh3LYxTlAfpM6jy3keRSCSUg0d+O37j1/CrYMZ/Pbbr0ZEBDMDYbe8IBogyAP9INjPDAlgPzCQkxNgJachAQhb9wZs0vouzkJE93qdfZaDtwTeRQkCLyrB2sUkR9RwBxDnOpy9RkSUlPDJ6m6kQuealP2AwkDagjeegs6F6W6YIYl1H24kShf+3T95CT9kOhCd/WP4Itdca72REKnOowZQ7/HG7AA+fX0Obxy1r2FQ6jxEx5dcI7FIfuLXbtErAief1yEhAOFd/dwJ6iO+KLB5Hmmdh8wflvsAS62wU1olnceA1gcSLyRimx5rsng25M502vgEdazvRxICUavvOoE0dskaCwkZvM7DJhBJqYaG/PbN9z6CV+YH8Mt3bsRdpUI9iMtHpDPEU9Ojz95GBGIbBfZ8aAeSBnYj1A1gt3PDjltRubgoyd4L0vctf/ngQg/2XXrj1wlzQTgJcri+JPYFJxRRsZYbit/3JVhuRDxAyHRw3UhEPJBwcA0ICF2xhNc/u7iEb/70wd6a2Nd5QnSLEfm3UxKSN8+jKt6YzuDnjg7hszevd2IDm+ex1dR56BzQkUgetSpNaEBkwDumE9eppUfAIDuXhBRhYBeFWOexKaHzsNAHOGsGMx6t6zws88111p2q/5kHKFBvmoR8/dEjRqixlBPvkNchIRiY74JAGugOAaTzsBQGCXOtQonz9J/9v/cBfvVt+KXbN6L56TzmiTIiESlh9CTYT0XnaQonyQ6YsGPHp6BzUsIyH7uQTESkhJdvuVGf3h04iU0LouM04HVUMREJonKskDjEWZPo2OHaEPacs8/EgGwIIWRLr5wo67jvjrV/7uVyBX/17n2pH+XQ1IFYgNZJCJvnwXUeDdXGc53HZ9M6j5bAdB7rsNyqjs5DhB8Tj5yZJA2usduTaa0J6rjvMPDGi1grsOCiwHQe6xZ1HoYE4niX/1ZEPHxTFOaGkRTUwfRJQvh1Gc9/c9+Di3THrpr+QCLyh/fuhW0k2UW9+gciiRnSBPXB6TzuCzoPCrz3oGxKeaR89md//z78/q+8Db94+wYjGkFUGuWCk/Sfw/MhAeucJYrGw5988mBYILqNgtcthOVRrBNWVDwaEpCAlYFx/QjPgOwEXYjj7E+kXC8SbQxXpkcteyMtSKoFrxP/t8+AAMB+6KBEC8KE6C7XgISvRQLylz/6Kay2vIGQOANEpgsZ1sJr5cqAJ+gq8zzygHdkY51HByLp3S4Iicdmy/pTNwE+DBHJh1a5VYMnQeySVYeEIPDO/5uHPU5Q7+migHeFT0zQebRoPy5HvLvf+TyPptDx2vBZOQuWKvUXhPILKQ4uvLhKzQOq6Q/skoUkBFjzAb/WBPXlbjMIEsJ1Hnh9M73cSkvn8a5E50GBtz7IV1pAIvJ7nw8zIh7LgLjgBzvYpErXuX4Ea51wWnooRN9rOBw3nKK+i0gBPh+6eH+TJGAkYceIDG+mtYt0bUFEEOLvAlH8ERdbRZ8TfacwnBCi0jEQWvTKhhTGpAOE0ixB94EExIt0Ii+XS/jLH/0sJCCCLxIQCZlqUaWbaFl0CW/0yoDEg+k8aga7HEzncXAAn77Ws86jBhzHjWeSuLnK7goocRLEixESuTp38LH06E3okYQUocGLwtV2yzoPdT7Pow4q2F9L52ETWggYbk4n8NGixxHqEbAkC9IkpAgF/sDgFO+S3zs6YrqBOiQEAwQsy5KVAJkOrvNAAmJ6uVWhzuPRI0Y+MPNRGRR464N8FePPv/8+wOffYhkRLyrJ8qISrYD30t3tCQeSAH//EENIRHAaugOOu4PdLsw47KIGPpxqIMkJIqH6DvYDEjkpCYTZIHHHLE5BhPbATkQeQNB/ANeGCFPRnbgrVkhUvAQR2etBnFQr3ocvz+Fb9z+AFZ5b0/qPzO8FcIS3yE6zBq+12iSkFZ3HLNJ53OhG54H6Dj7ToxGgziPSeLSl89BC6iR4dzaDD8RgpeTuQu0DirCv2RqwFlwUsFMblth8sl6ZO8+jDiL7mc7Dn4QzLyw1pXFUCBiwXK1P8O4teGE7nkxZqWBjcHCC+n344899Ph6kta2REUaB+tyvoSnrEFzngeSjjs1dQEfnEZZb3e9G50GBtz5G5qs///4H8MU3b8M//tQb0SMR84h+BII/wlIr7iJeghVE09WRKbjgOEF8gzBw9hkDdsRGGRDH4cTEEbpoicwmWRYWy0/i791Xiu2F6MJ8EE5I+CwQQReibMvrOPDeyUv41nvvF3iMsyZx6zTeUubxEh/dFnzlhudsVCs6D1/QebSlOxCA5VYrHB7HiEdkbI3OVqCr8+gRmTumFRYm6iGu+cOZoI46j9P1Gp6vlsm1PLDuVlg+dGs6GdU8j0YhcRmbDD/x4JLNBOpns/j1FCe5N0pCWJesB4yEIDDIvdhU/3ymCzFYoM51Huso62E6inQeKC7/6rs/aX+eR1kQSdHHAH31nUefwIvFCn7vF9+KStJdxgocNhqdUQVWTrWNgv5tpBPZCee6XZz1CH9yzZobEQ82LwSCWOfOWgDv9lIP3s4Xko209ikQXvolCNNBICCuMJgQBNF53JqXC9NdXpK1139sggD++oPH8LOPP5Y7KN0Bq8w+rlOG1eNaU2dCUhsVz/O4jHQeDWxU5zqPoITOQ3OnlNZ59AisBkOyp63TkZiDJVlvOYcJH9gIpvNYrctpliy7KMQ6D99SnYcFwOOJkZCe1saehEzYRW7bYMnQ/csL+O7Ll/CFmzfZjaG64SyWdJmWDRmazgMzHt949qy3bawNIin6sNRX9z85h3/37R/DP//8PXjt6IDxECfKhISyh0gXEnDFR6jzcIKwpa8T0Q9ehhVE4nFOSoJgP2+EzwoJhIRHEGtA+PmTT1CP5rLxEizXAYhLvfYZEEfMgMRi9YiMiOVZnKA4e/3Htx48hJPLS8EbqkxHhZ1naffKwnIspc6j4kZ1rvNg5VYbWDWt85hEOg/LgjsUqNdpFrCLBvLh59h2EmQ6j6itbivVVob4I9Z59FwuNAawkjYHitdTW2uDvw8F6pNJ4xPUUbyME9TDsp96E9QxGzILduD3rA0hnYfFsKCLojEw+Pq8WG/hP3z3Z/Dbn3oNvvT6XUYAfMyAQJgccXhxCg4oZHNCXJYtcaNJ6TvY/wxF5E4keQ+HFQZRRyw2YV2YCxKSjf3U9H3FE5sMsk8mxK153ehlIsGAxDOccIitecUp6fj4j59/At97/BGseOxV2vcFb+hbjF5jrUlJSCM6j9RGZXQeLR8AOMuDz/RoBtE8j6jkylZg738XrqAOHcO7bsc6k+gNOAniHU5jdB4t+oN0Hv3hyPPhvG4XwBrBFb/+3JpOGychX3/0EP4Uvsx+r0tCgJXyruDGZNq5SH1QOo+XEp1HzVLiQYGyKXowwE//+72n8OPnp/C7n3odXmM3pYNY/8F+hjVWbMjfLuDZj5BsbOOSKyd+LCQeIdng80F2kSGBYFL8e8BJD58/wjMkURvhdAaEExChRS/vfsUICC/HigjI5XoD33z/ITw9Oy92RtrfZfxv+r3wnO2LSQjTebyIdB4NZQyYzuNIMc+jhQNAqvOoCT8WmPs2dT3LBRKROhPUMZOyDcLyrlpo6SSo1HmYjpL+IJ2HGcB9UJuE6ECxizkJwaGkGLyuGmwbjEEu3m3HCepIQng1dlXge883a0ZE0iVFTcNGncfE9aQT5mOdx080dB6ULcgHkRQ9dOSnp2dX8B+/9x782uvH8A/feo3NpnIEYfrOxWv6vgzLjUgKRJmOfQYkiIXpTBsSlWO5UWlWAPsSLN4pa59yEc5GDggFWPvGvTwDkhSj7wXrYnvezS6A7z/7GL77+GmkagfJjDlV+VVJx1rWkjcN/4Pz8/lfPHzc3DwPN9J53Kqp89A8AErpPDTBdB6+z8jHECf94uTzOiQEIoF6rQnqOih5Eqyk87AJToHOgy6evQD3A144Nz1m2vh16M5sqp6gXnHzsEsWkhCIBOp12vVCVA71YrVsLSNim84DScfM8+Q6j0ct6TwoEFeDfKOHhv30f5+cwLsfn8JvvHkXfu3VY1a2uY0zH2FGA0uzwuHqoRg9JiDRawLgpCNq0RvsZ4lwXUiYAeHEQDTC2etChFa8wNv1il2xHGGGugNxC17chp+9OIW/ffiY6aiTiPoPizW0fDsSPnPKkRLLQ1T/0fnlvG7QxnUeP390CPeuzRvbOBVwv222G1itWprnMXARL94xxX1Wp6Xys+WyfRJSBEfQeeA8D/5yvvsGdLHQ0nnQxbM3IDHsc4I6xw1/Ao9BQUIqrg8MhJuaGbL/qgBO1ys2xPCggUGGtuk8MOtx4PpqncejnnUedC5Rg3yjhwp+Qq3INx88hb979Bx+48078Kuv3GZkhHe7YuJ010lpQ4I428FjAH77ISYkvFMW/2I+tJC35OV3cXhZlpAFYUMTY+KxL72C6L38uZ+dnMJ3nz6Di9VyX+uV4BNBym6JAxzF4wV+sxm1zv5c53FvPs+WW7WAxud5DETnUQW3Z1N4WmPQGhIYDP77ICKxzmO1yidSll8sYp2H50EjvJgunq2hbxLCG75gOdbc8+CiihYuZ32IM0OQiCwbKG/CMOFyu4YFm6g+kZYh5cFGncfM86XCfKnOw2TQuUQN8o0ecvy02CAZ+Qj+7uHH8At3rsOvv3YbjmeziHSE544dawiyY1qRUIjusAYhrFsWhAxhF+wTDmG51r52iYvUGaKyrHgoYWI4oRsTIF6GBdGnXK638NOTl/CD58/DzEdVXUeZ9+Xpv9JJFAtQmoRwncfb1466aasr6jwausPlx8QjZ57HwE8U2EnnadFk+wIfPFksYO57LLPSNmKdx3LZmGbJxIsF03lMQoF55zoPunhWBpZjzVwXlg3qMcqCX16Pp1O4KDtBvQBf/cm78Eef+SzTkyFhaLLUCckEziC5ijIEGKRPJG1oIcp4rHc72AS7cek8bAOdS9Qg3+jBwSGnW/j7j16wf69eO4BfvnsL7t24BtcmE9aOHAkCK8OKBhe6EJIRRkriDEiwz4Tw1rwZHcW+CEvMgKBQPVGK5TiMbHxwdg7vn57BBy/OoveXnOmhRI0PsZCAgC4J4fM8Pn39Gtw5mGVf0LDhSDww48F0Hg1d1EvP8xj4iQLvyqF+JzegL/ABHvQfXl7Bp69dqy9SV6BXnUdHa8CaeR508czFzekEPqqRXayN6MKKJVkAzZIQvDuPRIRnQ5rQhqSBZAQnq4vgPfdNz3SI0NJ5PLgP3/jI4nkedUHnEjXIN1J8dL6Aj86fsKdemR/Ap46vw70b1+H2wYydOzwHYg1ITEKiDAmbmh616+XnyWD/C4MoMg84HYn+Plks4cnFJXx0cQUPXkbEI74pXkZULj7PvynvPcPf2UoSMnEdeGMW6TyuF+g8GjhoWtF5IPFA/cOkBZ3HAE4Ud2cz+KDOHVPUZAQ7+NnFOasXb2rSvVTnYSJqroHBzfMY+cUTs1d9+oDf3MP+9MeTaeMT1P/kB9+Hr9x7hx3rqOVYdVAGhYFCkwMY24K2zuOBoPOgYFMN8o0a5Bt4drFg//4ansHUd+HVo0N44/oR3DmcsSwJEhM8bYTnjoiARDF/IBAQJ56QuK/M+mSxgvV2B4/PL+HkagmPLy5gJZMAxJmHVAoiwU24DiRIvYnSXRwZEhLrPK41qPPIOWgenF3A06sFfO6wocGFTqTziFrr9gYLThTzhoJfzKb8+Pwc3jo8ZOUaVaCt87AJkjWA2afRzvMY+MXTjbLGuW2hW/YBJyI3Jn7jJATxlW//DfzP3/4d9vs1fwIv1z1mfnqGts7jQUWdBwWbapBv1BiZb1abHXx4esH+iUBy8srhAXsEb0YjQYFUp9yz5RouNuGxebpcw7mo6xPTJrlIOVTajlcC6UtK1FQNZD8yEsJ0HvMjeHt+BNd1htDVxMeLJfzw5Rk8Xi7iAXL3DmZwpLqTruFsLZ2HSTDgRIEX0Lpdsjgw7HpwdQXz1QpeOziAaxoEB+8tSHUeA+tuFes8kBiXyciN7UI6gIvngefVm01T0wdcoI4lWR4rY2rWadgq9t8/eAB/eO8eKzua+1Om5xgTCnUejx7CV9/9Cdy/bFnnQYG4GuQbNUbiGyQnD88u47/vx/oNTVT1UyI7UrLdblXnW6oHQfifu3188k+3b7T+RWerNfz07BzuX15KL9LvXV3Br8wVZV+KxRDrPFxNnYdN6OhEgURk3dhUeWBdeX52ccHITShi9ZjINPGazYaVXBXqPCw+Wbog6DyqCmboQpqEBf6YNVSSqEQJH2DziaYnqCP+6Hvfgd995ZW4Ze+moW5ZJkNb59H0PI86oPOHGuQbNcg3Agqc4YCCAaTLsGRvpJIshH9jNmmtHyB2EXhwfgE/PjsvDDifrFZqEiIgMc9DN7gb4r42/ETBWvi2EAAlYKAPmM7D80J9QNugi0USBvij9+GmTtzqHm5Np/A8XZLVgA+wtOgPvvVN+MY/+h12owGzIbBZDY6IVNJ52AQ6f6hBvlGDfBNC5BEym6V+EjQhxEEY6k+JkgB1Hu+dX8DjohawAjA78vF6DXdkmgLUeUQaj0o6jzEeNHSi6MwHCZ2HSQk5WgNJjMQfvCQLs5CY6VzJSh2Vb9b7ju+8fMH0If/5t/4B+3soRKR1nYdNoPOHGuQbNcbuG90kR954iBElSvzCBaMJmc6jLD5YLhMkxI+JR8s6jzGTlIFVsZVCjf1eWedhEnQ2e0wX0wGdB/h17M50Co8XignqMpTwAWYB/uW3/xb+9EtfZn/bTES0dB4/Sek80r4iUp8EBeJqkG/UsN03TW3/SNZQrUzI2Vqi86jhmKerVfl5Hl1gwIth1eNwNeOR2u8JncfQNEgq0MV0Dw1fXDWor6oFYWbIYyhBQoqQ8sHX3g9LkUQi4m03bBK66dDSebxfQudBx0oS5A81yDdq2OIb2cgP7Tc1kOpwFL/Lts9glCYhGLTm6jwqLCCcSXLv8JANQ5zLhiGaDktPKLgvq2atxoRY5zGUeR5Ngi6mezgQTkzPS7N3BJ4JwdIibMV90SI54kTkq7/+BaYRwUGG2IzibLNiw8NMQqHO43GLOg86VpIgf6hBvlGjU99UaNHLoOqOlfeeGpB9lSWVDtokBIlHWZ2HFIJj3j48DIchXisWpFsNQ08ovUwhtwTY5ejmWOd5NImRXUwXeaVIHV8U+HXpeDqFizpDSTWARAR1Il//rX/AumZhluHmZAZX201mCnrX0NJ5PDBA50GBZxLkDzXIN2oY4RuFYj0oyoB0LAYxwFe5JITpPE7PWE1xUwPk7k4n8M58Hg5DbLudpS3oaSE8q0soBwbUeYTlVj77ndABBnQxPd9soXZisUl/CCVZAO2SEIjE6l/8I6+0ZwAAIABJREFUH/8dvval34Tff+NNFvwfeROWdbjYrmDdcelnJZ2HyaDAMwnyhxrkGzVK+SbnxTFfkBEHWVoi0OAYOq9RfEUb6GAdZUiIVOdREzhF+LPXroXDECtO1B41WlgIOJ2cSrFCnceR78OtMek8bIJFF9NP2m5JDeX8wTMhOLTweDJtZYJ6Gqx97//5JvzBG28yMoLlWS4j9zPYBDtYbjetCtcb13nYBAo8kyB/qEG+UUPXN0H6gQgJcpAmH6ImRPJexUPGooF1xEhIoc6jAnBY3b2jQ/j0tWtwx0adh00ouRC2AcCTZYNiVQuB+o4bvk86D9thyMUUSf3GBP1Dyh98ZsiNiQ8nONm8o038+uNH8M5/+y/wJ5/7PPybX/gsewxLoXx/CkcQwHK7ZWRkG9S/0aWt80DtCgVXahBJSYLWihrkG0UmxJEPKEyTEvYrnxWSl9KQPKcjUzEFGuvI+bc/+tE/+dc/+N5fqJ1WDqPReVgMzHKdrgWyOZITCtN5TASdByWCCA2sgdUugA9b1lzUAU/wff/sFLZFRKmFY+KdozkjI3/49j3J1wWsTAuzJEhINruAPZYHFL274ICP5VaOKyUeTOfx/n1GPkqVW9E5QQ3yTRLkDzUG5RvFYMHEuTQQfgTZn+Lrd4H8/XGGJf1lOc4sqgKzAP7L5Woq3cwSTJh0Hvbgg8urJAGBYd/1wBke1z0frk8kOg+620OouQaQgDxamEtARBxPJvC8qGSshWMCSQAONvyj730HvnLvHfjK2+/AF27ejL4uzGJMIZmRxK5aO+HLnKjUKg9M5/H4IXztwQOmT6kEOieoQb5JgvyhxtB840gyHOmAP2OTI2Q7Uu+TvV+Ern8GMNSw8pyQWOdxTaHzoADOKGAJ1gdXl1kCogPLTih45/fI89kwwVo6D7rIEHLWwGK7gyeLRX0xesvgE9RvTabFJKQINY4J1It89Sfvsn+YHfmDN99k2pHfuftK5rWY3XA1ag7+6vkz+MbzZyzjUZl4lAGdE9Qg3yRB/lDDKt8oNjYjYC+r71C8x9FgFgNaO6VICNN5RPM8CnUelvQoHgOwXv3h4qq9YMmQEwqWWXWq86CLzCiBx9HJagUvuX4ubx0YsAZ4CfGh57FMdasDSjWPCcyOcEKC+OLNW/DO0RF88dYt9vfvSogJkg323otL9n7+t1Ggc4IaFBMkQWtFDeN8IyMLRdui6HQVZ1VUnbA0aqzy/GNZdkSLhLx9cAg/P29B50EHYWvAQAOzHs9Wy/67YLW4nzM6D5NA63tQWG0DeLFZw+VmA9phvCFrgBORO9Mpa7neGxT++M7pC/YPBe2DBp0T8kH+2YN8oUbnhFajDW9Kn76fCaIaXCiWeGXeXH/T8mDQ2lGSkLuTCbxzbQ735nOYej2Fd3QQlgKWXJ2u1/DJegUXm/baYDaOkvs5V+dhE2h9Gw8USl9ut6yUqJXuV12tgWA/M+QxGNwZb+zHBGUL8jH29SGCfJGP3vxTgkSoXqrzEXW6ZBm0dhIk5NAt0HmYBjoIGbD/PbZWPsFpv0O02SnQeQx1P9P67gWYOLzcbOFss4arjgfsZdDQGuDXKyzHmnseXGwtukkhgo4J8kEeyDd7EKHNR6m1onCUjv8SiZAcdpFLPCS1X07q6Sb3ZYfHke+6TvCZoyM9nYdtGPAJ6Wq7ZaQDsx6JaquB2cx0Hp7Pfiox1gsPXXAbBRKP8+0WzhualdQJSqwBfh08nk7hwuCWwrVAxwT5IA/kmyTIH2qkfZPukBWkH6vCBBzFvBBZZy2F8L2PYpAG143/m6+98uy76/O6m2QnLDsAmc5jU1PnYYHNsc7D86CRIeZjvSNEF5hCoM4DMx5nZXQeNiFzIcXBhRMA3laYgq4kiKRQ4JkHOl6SGI0/JI6Q+SbTtjelB3Fk5EX1fkWLX9U2mCRI1103To0WvaOAAQcgFk0wncdq1U0JRU82xzoP32e/d44xnmxHeoFBbUdG56HyxYB8wC+FnuPA8WQKJ+sVBRlpkD/IB3kg3yQxGn/kpBykwX9EIKQviP6WPJT5zsRjOW2AnfyXGAfBlURC6qDFAzCh8zAJDdrc2DyPLkAkJQuLbN5BRZ3HwPY7nxmCrawZCSkCBV1JkD/IB3kg3yQxGH/oxie6ivIoAAqCfZcsB5LZD8yiOJDKmBRoQywEkZA2UfIAVOo8bIKGzVo6jwHaPThYYDNmPFrVeVi23/lNMyzJ8hYObOt2/KKgKwnyB/kgD+SbJKzyR6Auo0q8RtJtVxSly3Qk4mPiU1IHpF6Xhi3ZkAhEQvqEk6PzsGwhFYHpPPxonkfeiYdE5MNBTzavdgbpPAze78eTSf0J6kWgoCsJ8gf5IA/kmySM8odqY3LE5blCc9XHieVaqmxIkNycgmSJySAS0gPYPI+Nhs7D8hMSzvBAjUcpnQd1upKDSEoupDoPG9DDfuclWbcm0/ZJSBEo6EqC/EE+yAP5Jgkj/ZF3B1khVE+/Lf32opvS6fda1IyHSEiHaFznYeAB2LrOg0iKHCMkKUbN82gLLex3fo069Dw4cD1Y7AyeGUJBVxLkD/JBHsg3STTuD1VJVoolxH8qMiDpLlgiMYF0NkRlWKB+KNAkLgWmto64O9YYy2M6Qq86jw4XGbbTRbFr7zoPIilyDMhupvPYWDbPoy1U3O88G3I8ncDjhaWDC4GCrgzIH+SDPJBvkijtj5w3aJfQp3QgqmxIYTlXA0SkaDPzUHetRJ9fnAmhRVsajczz6AI19622zmNANlsLy+1O6DzonKOPvP3OumRN4DEsTNvq5mBRWUInoOs5+SAP5JskSvmjKBsitO3NzXAIL0iTkipEpC1UXSup99Uvx6JFy6Ct87AJkn2b0Hk4lveGk2GsQYuBx3FC52Ew88DjAAn51HUTbsTOU+sgYDclTNOp8JtkU89lnbLw3KV84dBB17A9yBfkgzyQb7JZDCkKyqkcoT1v/Hn8s4MC4pH5sHwi0hc0w8P2NSEDX7QvN5HOY2XYPI8GwXQeriXzPLoA6TOyaMjmxDyPrbk6DzwMDl2PlSF6OWT8MPqJJORiszFKuyLODFGSEAo6yAciyBfkgzyMwje6JVkOgJvumiVhB3HrXpWORKfLlqFEJA3JNvUvTLdw0V7tIp3HyuJ5HhqIdR7egOZ5dAEiKVkU2GyDzgNNPPBcmHvls4D4+puTCcyDwLgOXmxmyHJRbWYIBWTkAxFU/kbrIQ+D8Y2mQB1k/EN4wFG9P3KU9Jwsa9tb8N2Sj+jU1/z7JJtsfncsQxbtKtjB6doCnUdNxDoPzyKdh20gksKQ0HkY3NzqwHVZJyk8NuoCycjt6RRO12tY9Gw0v9RhJge1IVoT1MuCAjLyQRpj98fY7c+DNb6pIlBXzBNx0tkQ4ff4rRLCg49lYlEFEYHUw1IhfAvIIR8c9rfobXHRorLjNOpsdbEZiM5DAgyM5p7H7tQOUudhGwZ8kUJtB9N5bFI6D8Nsxrk2c0Y8PKhPPZLAz8PSxhcmEBGhJKsVElIECsjIB2mM3R9jtz8PRvlGJxuSE+VnyIfqLY76u9yC7w9SD6cfSz/fhP/yhPEynbHqicEs9AqLdkw6jxsTn93pJVgEyy5SbJ7HtqbOowObmc7Di3Qeuqq6GsAyqNVq2WtJJ8+G4LZMly4T0RsFCsjIB2mM3R9jtz8PnfpG9xqhmqieIiLSLIaTIgqKjIiKiMg2USQjKkKSfl2OaZnXqMq/FFBnQsay0CM7mc5jlZrnYaKwpyYwwLrm+3AtPc9jzCeuocGQYxcF5ufbjnQeFW2uo/OoC54R+aTvmx3R9Q+zIb1PUC8LCsjIB2mM3R9jtz8PjftGkaHIPJYqvwJOPiD5eJwZEbtlpTMWsu+Tbbv4+YoyraIYt8gfRc8r/b0nXtXLsQaw0Pk8DyxDUN6hHYCdM89lLXWveb5a50EnrvGgxX1t7DyPlM0ZnUdP2zp1cDvcXjuB8UvUrcnUPhJSBDqvkQ/SGLs/xm5/Hkr7poQ2JEE+FNkQ5e8p4iEjOaLIPVPOVcLmQPG4DGl+U+o+Xvji9jQhhi50Ps+DlVytG7hDa6idvKYdReZ+EwpzOnGNByX3tVLnYRhydR49rm8kQ72TECxF8z048DxY7LbJJ4cMOq+RD9IYuz/Gbn8epL4RSIJMyyFFqkSLDzPM04foEBG+ParvzH1e8TKd8FFV0R9/lVhylkR/wvSOFzrXebxcr7u9Q9uhnUzn4fmsrAJLTDoFnbjGg6gpB5vnsU3pPAwrYYx1Hm7+PI9CtLi+MRviyhqddAguUD+eTODxUiAhYz+ux24/kA8yGLs/xm5/BoJD0r5JEAUhuk+QD5AQEbEcS/iMQiIifBao9oWMZUheqHO5zH1NugWx5MWByd2xGljoXOeBBMTYtroN2KnUeZgEOnENAlo6j573tROVW827nOpf02YslTw1YEbKDUZCFvpvGPtxPXb7gXyQwdj9MUr7VZ2yZMQh52PwuZ0sI5ImIqnvBZBnRRzYT3bXLiWreidR9j7Fd/CXunU0IX1DYVus81jl6DwGYGes83BzdB42YewnboPBdR7YprqRIXst7esm53k0jgKb8XiGHjkIz4RMXZfNDFFOUC+LsR/XY7cfyAcZjN0fuloDq1AmCBMzFZLOWY74u4R8xKSiSAwv+ruIWDQVRGroT8TMzyDmhHCdx3odl1zFyPOHhQd6QucxtnkeYz9xdwyu80CB+bLrtq0l9nWb8zy6BJaKTb2cFrkdrG9xZkhjJKQIYz+ux24/kA8yIH/Y6wPdbEjyyWxZFuR0yhIJCoCkPEuVFRGISKH/Wogv+UfGsWvbwvQOgPoOpvPYVNB5WLLIEzoPmuehBp24a4PrPM63G0ZATAUeBoduNM9DRsYt3deHeSSkw/WNJVnecgHbJrJedTH243qQd41LYuxrIA3yh8E+KCjLEvUg7IdCHyLtlMU/J/qfUieSRzgikuIIba2EXxuDVIcu32nWkZCr7RZO1h3oPHpe5LHOwzNY52ET6MStBNd5XG4Na6sroJTOw9J9jdmcyjVZDQSrPMuPxA5LsnqZoF4WdFyTD8Zufxrkjx59UPTF6WhfJk5Pv06SEQFQi9cz26IgMeL3iw/tUh9RVMWl0p476Qdk77dEE6I1z6NrtLDIE/M8zLByPBjZiTvWeWxTOo+0H3q2G4nHLNJ6NAZD9zUe84euC1dtlb9p2M1vXmHm1QoSUgQKyMgHY7c/DfJH+z7IK78SuEHiMRkRcaIXyuaIxO/LKc/i2wKQ0zEr5Qw39SInxTQC8X3iVPYSJVzCjURjSYhS52ELNBf5qHUeNmEAJ24kG6V1Hj3YjccBZgJxZkUvZLzHfY02t0ZCiuAIJGQygekqVR42xOCEAjLywdjtT4P80YAPVB2pALJPpEuuRCIiviSHiKTLs+JtlGlD8jpmpV4r+7uoxEopfbGkHCue5yHqPMRtH8ABwHQefoHOgzQMdsHQEzfTeWxb1Hk0ZDceEweuxwh5rXkeXaCkzQEE4bksCMAr0HVh1qfp8tyqwPNTYoL6GIMTCsjIB2O3Pw3yh4YPxBIqmUPKEBFRPyJmH2TlWemqhjx9Cn+NLMtRA4lLXB5JCTM9RpAQNs9DV+dh8QHAdB6e5jwPOtCHhY4Fpox4bLZwuetZ55FjN9N5OGGp1XRITRfYeT+ImpSEPx3HAddxtASA6I8+GwPwbMityTRJQopAJCULCsiIpBBJSWJsx4SMiASyxzUzIpDqlhWI2g9JFkSZGZFsbGLfldlRZUqx0uVYjob4pAWsgh2crjdwsmlY52HYAYB3NpnOw29Y50EH+vBQc58qdR6GoZTOw6J1HJMOTjxYhsdhBCSBgv181DcJia5l2IEMs1OLXUPbQiQlCyIpRFKIpCQxGH+Iwb/8KTkRgb1AT5YRAVlWJK9EK5U9gbRuREUA6lYkpD43U+EQPu8n/s5DAwsDL2W96zw6sBNr2ud+zzoPOvEND5J9yuZ57CKdh8HDOWOdB87zKHNIGL6OZcSDZz2qHvmoE8PEkDKD1YHN3JZjNkG9I0JEJCULIilEUoikJGGbP9IajszzkkyJoxKoR88HItGA/BItyHtcQJN+dTK/JJ8Untcvx6qxMKQ6D1NR0U7r5nnQic9axDqPjeHzPLrQefS0jpF07KKfTRCPNLBsU3mjpkObsVXv4+WiuQ+sAyIpWRBJIZJCJCUJE/2Rp88AUM/1SHAXoZ1uOisiK9FKl18lMiGSL5L5VaeiQuvarvj8RoXpqS+IdR7rNayDYDgHSsrOjM5joHZmQCSlc8Q6DwvmeRij82hwHct0Hp6s3KoBzOr4rgGbeUkW7kMkIp1NUK8DIilZEEkhkgIju16bvB6KJqdLu1kFSSICss5WjlCiFb0nkRkBieFiaZYjf02la5tEo6J6TdPC9MQ8j3SbyQGdKHJ1HmM5IY79xN8REjoPg9OIrczz6AIF65jdP9HReTQMJDdIAJQT1OtAM2jh9mJ21woSUgQiKVkQSSEfAJGUBNr2RRERcSSajUQ5lkA0QBSmO5LHUnM84kSKSqshZEpEPUmCpKR/V5GNolKsELVJCJvnsWlA52H4QdKYzoNISggiKUpYo/NwUzqPgezTMHGb0nmgTgOc7Lm2RZsP2yIhOhCuazgzxFstYCteGClgHwboPE0+APJBAl34IpeI5DyfLs8CSA0hdISngiQZAZATEvF58aNFPUniidR3KR3mSH9NPFgnExLrPNZr6OQy2cNBEus8PB8OvI5KS4ik7DGiE59VOg9PofOwfO0ynUdEQGKdh4x4iGjR5hlmlXoc1MoJGO5nLMlKTFCngD0LsnmYIB+QD0Q0FrsU3LnjOpEM6QDF42lNiZBBkWlBEnY4qfcWGONkftE0K50JKSNMl+k8TEKDB0mpeR5dY0wngxHYGg4STOk8OrzbrgPHaUjnYeD+zOg8oGGdRw2b3Sgb0tsEdeHyhSVZCRJSBArYsyCbhwnyAfkgDR1/cAF5pvxKhOp5R046QEFGEsQjJwuiyliUhYykiB8jZFL8ou9YbXN0HjahwI8zp6V5Hl2DSMoehtq6CkrqPHqyk+k8vA51Hh3ZKSu36kLnIUXBV2LWqVcSEpX7YiZk6rhsvlMjoIA9C7J5mCAfkA/S4LyAB5vp8qsM55CVZ3E9Rvo9KTICokZEfIlw1zNIchX1hqiMyW6WNNMi/hk9JM2EKHUesoVk8eJhOg+v53keXYNIyh4d2orDA1vTeTRoZ0bnYRJq2CnVeeiUW/UMJIHOJse0DtfwjYlfboJ6HVDAnsUYbQbqbkUkZehrX8hSqKohIFWelSYceWQkIU6XPS8QlkwVhqMgJyqyIX60olQr9UCChFTSeVi2eJB4HmHGw/PgyLWsk08XGNNFoeW1uwNDdB4FdrqQo/OwCZIyNqQcuyA1z8Nw4pHGYd4E9Q7Ov/w6c8ufdkdCikABexZDDVbHHqSP3X4Yug9EslAgWE/oPFSfAQqiwv9MvTeQvCb91vR7EtuSv7kFD4C/2gXbR4sFIyCt6DwMWTxc54E/rS63MgFjOSlWtFOq8zAMCZ2HM6wjImypyzMf0TwPV6PcytB9dZRHQorQwLHKS7IOowzZYmdu44QYRFKyIJIyTIzdfhiID3jWgV+nirpnSV8jlGKpBiBCenp63jalPle6LTnvV71I+NO/f3Vx+ryM4LBptLh4uM4DL+KjKbcyASMkKWyex3YNF5stK71iMNDOWOcxsCxgPM8jJh6CzkP30Dd03fpsGju0Q2g1bebZkOMJTlC3gIQUgUhKFkRShomx2w+W+CCxjTpZEQkZiXlHnMIQfqRO5nlO4SRFO2wuICmZMrN9LVejwwpbQcnFw3Ue15mQkoiHkRjISZHpPLaRzkMmHjbETjwmmM5jaFnAAAPzJPHA7lau21K5VY/7E7O4teYwVYVoczQz5PFqkfwwCtiHASIpchBJGT5M80GZrAhAalhgTqctSGVIVC/XIil525PSizjKB8HXZzqGwol0Hl6k80h38hlb14UhwOCTItN5bLDcqgGdR4t2xvM8XMt1HhLE8zxQ51GTeJwswyzw8Wxaf8PazOrWaY3cAPilA1s0Y6esxAR1CtizIJuHg7EH6WO3H3rwQTorAkWtfMX35hGXVIYkznao1OfCJqQ/JreMS2ghnL6TlYL5mZAcaOk86AAaHnrYp73oPEraOWydR7rcSlPnIQGWzD29WrC249tdwALrRkhIEWqsWySS0z4nqAtEBGeGJEhIEShgz4JsHg7GHmOM3X5o2QeBIEbXzYxAKjsSBAqekUcQgj05UdqXzm6IH6WnWreOhDSu86ADaHhoaJ9iuRU2bEjoPExCZKdS52H52g1AovPAvEeF3sHYFvn5cgnPFstMII9/Y0akEyKShwKzDnsmIfxag5kQz1nAtqljggL2LMjm4WDsMcbY7YeaPoiTFhXJCAiEhL9f4BfFX6xHJnKfztGhWEFCetV56HwdERW7kLNPMcQ7X2/UOg9DoKXzsPTkr9R5lPwcJI4nqxU8uVrA1Sa/dO5kte6fhBRghqWmfehCIvDrCGZlkIiUmqBeBxSwZ0E2DwdjD9IpxtJbAwlRN1QjI/z9Mn6REbeXREKALsuMyGEsCcnVeZiGsZ9EBoBzmc5DtV972p9M5+E2OM/DoHXLdB6QmudRgXik8d75RfhIbv0qsIB6sztiwxpNhcva5Lpw1fSwyxLYT1D3uyMhRaCAPYsx2gy0rweLsftAZr+YGeEajDp+EGOKqpfBCu8zjoQkdB46gn8bMPYDyFAstjs4ZcSjpM6jw/3pgKDz6Fqc3LKdcbkVn2KOOg+nms5DBswW3ZpO4UXRgD0HWGkRBtWvzGaNfHdbQBLaKwmJdSETpjtaBeZmC2NQwJ4FZRWGA4ovxr3fkYC4gnidQ8yOGGy/ESQEO78U6jyGvMjoJNIZOtF5NLA/rZjnUcFOmc6Dk4828MpMg4REwJKs3khINFyxiIDhmnA2JbPvLeHGxDdngnodUOCaBZGU4YDiixHEjxJRuVbbXr2nW4EjCtOFErOugGUPTOfhTWDaRAkEkRSCAkznsTFI56HYn1zngc0XBtFWVzBhJ2Y8eLmVU7/cqgjH0ynzpY6IGskKro8u2+Gm2w176btZEmBW7LJA49Imguj6cWsyhcSgWwpchwMiKXLQvh4mhuaDIHUdcVKPpa+HXdgf61dAaN+bzoS0vCHINXrTeRBJGR2kOg/DwHUepbq9WbI/4wAbgmrEoyE7kYhgZywdoJD99YODZr5YgUwZGpRrN3zUNwmJbrIhGcK1u9hF20I1+3KQzcMB7essiKSY54NMYkRCSvB/ku660jS7rv3pa1j8+cJnpghRuXKsijtCqfMwCURSBoHFLtJ5bDYQ5zx6yPTlges8sLNVpbvuBu9PaYBdVefRkJ2vHRxok5Bny2UrJETabriiX3xG5qC7eTUScBuOcYL6sgQhoiAuC7J5OKB9nQWRlP59oCIlTpANkESCovqM9HMufzBIvph//k5GgkI0qwkRPliq86BA3kxYblus89gW6Dx6tpPrPGZuTlvdJtCxnVni0a7OI4amnXPf0x70h618US+E72kCTbUbTuMaGxi4SdjZB1Cg/ni5aO6bKYjLgmweDmhfZ0EkpXsfOJlfssQjs81iNkOS8YiJh+SLcgKeRklIoc6DAnk7YaBtCZ1HUx16WrAz1nm4Buk8GrKzL52HNoQNeeVgBg+vrpLvVNj5fLWEuX9U+WvbajcsIpFB66EMipMqJHdIREpNUK8DCuKyIJuHA9rXWRBJ6c4HuduR82SNi1ttEtKozoMCeTvRoW3n2x51Hpp2VtJ5mIScTWYB9q6GzqMn3JWREMVGoy7k3vyo1Lptu91wGvjZutkdhhaOUXFmSGckpAgUxGVBNg8HtK+zIJJitQ8qk5BedB4UyNuJmrZJdR6Ggek8PJeRjy67K3WBIBD0DDoBtoFrdRbNWrnSIK8Y2CMRQUF7HhJ+6aDdcBo4uFCbhBShxjGKmRDPWWh1IOsdFMRlMUabgfb1YEAkxWoflCIhWvM8+gQF8nZCYltC59GnArcATOfhdqDz6Bi1dB6GrtXXDw/2E9QLgDNDVCREWoYmK7dq2c4ZmyGzafdLOCT7lLfqxTWBRMSYCep1QEFcFpRVGA7I5iyIpPTqg0IS0vg8jz5BJMVoKHUehtmW0Hl0WIiEgmns8vRzR4et3QToROfR0/5EUvEe6JKQFWyCo9jPldoNt3w31o2yIb1OUOclWRMfTjY5JGQoF3oK4rIgkjIckM1ZEElp1Qe+7Lt7nefRJ4ik9ILaOo8ObIt1Hm63WcBlVBqErWOvotkQR77X6GTvTIANUYDd1z2HlvYn7re7s5lWu14sLTpZruDObNpMu2EVatqKa9IIEuJPYOq4sFI1iRjLhZ6CuCyIpAwHZHMWRFJq+SCRCbFinkefIJLSGJjOY4PEowOdR0XbHD7Po2OdB5aiIfHAkiCc4p0GPl6XhGR0Hm0E2G2hxlo9nk60Z4Z8slrB7emkU51HBgVfi+sSN61XOUaUNsNsyHPJetUCkZQQFMQNB7SvsyCbh4kaPvAPXM+9O53a28nHJBBJyYX2PI+ukbIto/PoaFNP1xsWICMByRP5IjHBDElZYhTrPNJCauN7W5VEjjnHsyl4546WiPrles0UFzOTz4vR5HJlFrGDtctL92750+okpAhEUkJQEDcc0L7OgpokDBM5PvBfnc3m2GKR0AFGSFKwzAdLrc7WDc7zaAG5Oo+O9huSD9279Pha3cneO4h0Hg0PzLMV2K736aJgwF60T8v4uS8c5ZGQDtYuX1dIhjBruNiZ2z7belAQlwWRlOGA9rUcAyYpxD5MwoAW4vmmx3kemnBZW90GdB4N7Tet4DgCakTygmPMduyCdgfm2QjzNhveAAARs0lEQVQMmLHEqtDPjuDnQ4mfDToWfSaSDwl/aTS0djkROZ7gBHUDj3kiKSEocB0OaF9nQfvaOhAJsQmGL8SEzsPQg6IXnYfmfsMudFOc/aAhNEaROpa1zYXGEdKBeYx4jJt6pP2CmQPdQX84VwS7ks39VIMOw45F1PLhsdc4StqJAvXHSz0ibRSIpISgwHU4oH2dBe1r40AkZEjoYSHSPI8GIOw3vOv+/sVl8jMVbn2+WMLR/Cir83AHqPOogLx2w5hFev/yUutDsURu7h+V24COj8XeBmRGdvKZIUiib0wm+wnqFLzbBQpc5aCAfRggkiKHyXNCCANCQyfbWOeB8zyamtjcAnDGzZHb/TyPOsBZFhkSotj05yucGXKwb6tL5Vba7YZRoK5LQlAXcm9ekoQUoeGLAnbv0s3utIV9u15/T0IoeA9BdtoNCtizIJuHgz7nhAzSoYTqyFmMTOexMVznwed5lO32ZsjJBQnT9ckEztbrwtdihycswbmtmOwdY+CdN7LT3YvbDTM/+xM42xT7eRXNalFNUG8FFS4KOLiwTxISt+r1JuA5C60OZBS8RyA77QYF7FmQzcNBV3NCCIQ0FtsdnG5TOo+8BdnDQeg4Deg8DErJ351NtUgIsHa962ISMsATp7TdcMkyNOZnDRKCOFmuuyUhRZCYOUN9ENeF9LBPGQcJgOmQUBtysm6gXS8F7yHITrtBAXsWZPNwUGdOyEBdQqgB1HlgqdXZdlNe59HhQch0Hl6HOo+ObMMOQ+9pvhb1Cm/Pj9rt7gXmnDybbDeMJVnvXVxovRYD6k1Q088tA4+BQ9eFK8yG9HQx5PqbG57fDAkpAgXvIchOu0EBexZk83CQNydkoCYTSgK5BpZZoci8VZ1HzYMwofMwLSCsaRtrqxuRvjvTKXysOfgNS4XqTlAvRI8nz7baDSOhuDubac1m2UZT7Fv3c01gy+krneO3pf0Z60ImE5guXVj1PRuIgvcQZKfdoIA9C2qSMAgQCRk5kHicmqTzkByECZ2HzdJryaYzIXX00wn2HZxuz/RJyPOlAcFxwxeMrtoNH08nJQZEro0nIUjOnSauUzX2pyhQf95FNqQOKHgPQXbaDQrYs6B9bQWIhIwQq10ALzZrs+d5VNV5WHAASgNsFFK7+7MLlgp5F05S3KuwDfUjmL3qrU2rDjROnE3oPMoCdR7oex0R9YvVqjc/83bDbkQy8nCYN0G9KWjskluTqfkkpAgUvIcgO+0GkZQsaF8bASIhI0EtnUeHiHUejgduldjT0AMw28EpObdCBiwVSkz2zrEN6+9fn6knqJuMsNwq5Zd0uVWL+y3j5xxgSVbepPomIWs3rIOjLkhIDvh+RDKE5WGLnWRbKKi1C2RnCApchwPa13J0bDeRkAGjM51HTSDZwInPneg8Oj4Aw0BSn3iIKBMcP7laFAfHBp1UpTqPPL+0uN/uHuj7+dly2SoJUWbJSmSDfOZL6DXLydc7Nll4vJSQEApqQ5CddoEGG8pBNg8HHdtNJGSAME7nIQFyjcMq8zxa37CC5zUOwITOgwfY0c8ymPue9gA6fM3FZsve06ZtddCqzqOGbXPPY5O+V9tiP19ttnCx3bL3NIU2ytCQ1J/ydr19IGIhx/4UHi/1CF4CFNSGIDvtAwXsWZDNw0HDdhMJGQhs0HlANFCt1jyPvqE4AIOobCbYpe5g1yRYrx8eZCeoK4AC67lfY7J3CydVVRla553NCr4Osxvafl4sYd7ABPUm2w2ngSWNILsH0dG5ge9r3M84M+RUcx6LNih4D0F22gcK2LMgm4eDknYTCbEYtug88G7+YR2dh6GIiUeQvION0mFljF1yN6FwugwJuddAcKxEiZMLbzdcpQytD2AjgPcvc/ws2Ib6m3tQzc9ttRtOA7Mo0ixahxfGeGaI7zdPQopAwXsIKoOyDxSwZ0E2Dwcpu4mEWAbSefSPWOfBiQcPsHXMLHniQf9d9ydak735LIu+JnuzAFssQ0sTMoNPqszPk4l6Ur2w3zCwRyKS8HNey9qO2g2ncahZypdAkxdGsSTLWWh1IOsMFLyHoAyDfaCAPQuy2VoQCbEEpPPoF3GnIgywY+JRXudRCMnH3T2cwtmZ3p1knGXRJQlRCqllfjH8pHp3NlWTkBQyfk7ZJi1Da7ndcBozF3UrDetCSmXD9i/HkqxOJqg3BQpoQxBJsQ8UsGdBgw2NBZEQg0E6j36RLbeK7mB3TLCOJ1N4Dy60XoslWW/Pj1olgVXaDWuh5wsJkoq6fq5chtaCbW6UDdGaoN4UJGQMXYRdsk42Kwr0bAORlD1on9oLKn2SwwC7iYQYBtJ59AupzqNMuVUL8F2HtZFFQbQO8I6zcrJ3jSVVp91wI2j5hIqEAtsi609QD/1cut2wDC3ZhjcHOiUhKfC1Mvd8mDourKBgWyjQswuk1diD7LQXRFLk6MBuIiEGgHQe/aOWzqMDHE8n2iTk+SKHhJQ86TTVbrgTNHBCZX7WJCG4P25PJt3oPCraNosmrPd5DRUF6oUT1CnQC0EZBvtAdoYgkjIcdGA3kZAeQTqPftGZzqMBYKkQBrlbjewY6hqW213YprUsnIIyNJtPthonVOZnx9ESUWPGch0EbCp478ix7dD34HLT4zkmYiG3JtNiElIECvRCEEmxD2RnCCIpw0EDdhMJ6Rik8+gXpug8qoBNUL/SG/yGpUI4Y0QX2mVoQz7ZRrYpJ6hLbHuxXsPrJpCQHBy5Hlw6BSSkxf3GMyF4M0OX4FUGBXohiKTYB7IzBJGU4UDDbiIhHYB0Hv3CRJ1HFZQhIU8WCy0S0ngZ2gBOtszPMhIisS3hZ0Nt86MSutxCz47229zrYWaICAr09qCg1i6QnSGIpAwHDpGQ1kA6j/5hus6jLOa+B1PPhdW2eD3hay42W/aeNHotQzP4ZMu7fh24ikF/EuBrYj8bbNs1NjCwRrvemrbxY/DAdeG0+la0D8ow7EFBrV0gO0MQSbEKREIaBuk8+kVbAXZljUXDeP3goNQE9bkfTva2pgyt45Otqt0w83PeBHUBop9z0eOFpPWySk3bDl2zS9cKQSRlDwpq7QLZGYJIilEgEtIASOfRL9oKsJF4oLbi2XLJ7nh/6fZx77aicLoMCXnr6ND6MrQEGjrZFrUbPp5NS5GQe3MNElKEFi8kOCRRN7vTCpzwn8fuCDRrm1EgkrIH7VO7QHaGoMGGnYJISEWQzqNftKXzwH2JczZOlmt4sUp28kFC0uU0chkwG3N9MtGa7I2dtD5ZruD2bGo38SiDHBsTWbKCdsNI1K/7EzjT0C+g0LqTtVHz4nnYJwmJMHEUN0AoANqDgj27QHaGIDvtRk92EwkpAdJ59I+2dB4YRJ6s1uynqg0uPt83CQHWvWmqRUIQWBqI3Z7GikpZskDw87men41YGwXHwMzFfMiml2sozzhNq2ZhKcOwBwV7doHsDEF22o2W7CYSogHSefQLXq+/27UjpP7OyQstsTcOp3v76IhNMO8Tx5MpvAcXWltgyjbrgpfAYYeqqttcO0sWvQZJhbafl0t4e35k9LGH7jzwXLjSWOvWgUjKHhTs2QWyMwTZaTcq2k0kRAHSefSLLoXUNyYTeL7Vm5KNpVrKaeQdAH2BweSd2RQ+XuoNfut7m4vAS+Bw0jvP8OC+LrvNTWfJkARhFkl3Un3sZ4PPF3iuGCQJKQKVQe1BdtoFsjME2Wk3FHYTCRFAOo9+0dc8j+PpRDvQxEC5j4A+HWDjXXpdEtLXNheBl8DJfK+7zW23G660Ngy+yODNCvRP16c37pK+NSm5oCAoBNlpF8jOEGSnlRg9CeE6j7Pt2ug7hMPXeaQDye6E1BjQ4513lRZEBN6p76pdb16AjWJz78K8bS4CztTA0iX8l7ftedvcZZaslbXR0kUm0Lzhj9mQzktLo+5Y68DiLAwFQSHITrtAdoYgO43EsGp4SgAvwh+tVnD/6hI+Wi2NJCAYU6HG4+50Cq9OZ+z3oRAQfmd/s92xn07UvtNjd2q77+R0t0Sm4GSll4GoAgyq0R/b3S4OfJN+2TvGlG0uAyQfOPVdJ6gXtznpl11EzEK/tD3vpHM/OwX/UggEv6CPioDnkb6wxStknn02o+R+sxZkJ9lpI8hOI+0cFQlBncfH65B4PFku4bzOBOEWgaVWx5MJvDadwQ3fH4zQPB1g49+qALtrlAk0nywWLfpFP8Duc5urouw2B0q/dEdWjfOzE2aCsDXwBokHBOC4YTbI1ajP7PN8crUryMAMOVCgIIjstBFkJ9nZIgZfjoU6D8x6oMicdB7doy+dR1nMfQ+mnqvVJQtfg2VF+J46qCuk7mOb66LsNp+vNzCf+I3qPMrCFD9rl6FppOu7HlzIN+liW/PGz5BLLqicJATZaRfIzhA0y6gSBpkJQa5xvtnC4+UC3r+6guerlZEEBAMrzHS8Mp3C7cmEtdgdCgEJ72AHvd7BLovXDw6034FlRVWQLUNzapWhdbHNTaPMNn+yWveeJYMe/dxKGVrXd8KEz120TXwok2I/yE6y00aMxU5o1tZBkRBbdB6Y8Ri6zmO761/nURZlhs2VCTTbLENra5vbRKltXlm4zQ34udcytIYvpmIWZKuhWWkVRFLsB9lJdtoIIilSW60vx0KdB3a2wta6Js/zOGDlVjTPw2RgV6Prk4nWNHIkEyhCVgWnXZWhNbnNXWHqOnB94sPZurg0x5Rt7sLPbbcbbgxFm5M6D/OXn270ps/3ipK2WYUh2yaC7AxBdtoFndP8AG21koTYovPAYWdzJB6k87AGdw+mWoEmsE5I60yg2Ue74brb3AXSfsFhizokpM9tTqMNP/dF4ndtXs3Smx79fbJdh79TIG8mKNgLQXbahbHYCcO01Zrb8jbpPJB4oM7j7mRKOg/LcDwpUXazWLI12He74Srb3AXy2g3fnup3nOpym/PQlJ/7bDcM0bm0K39yU042q30pFpVE2QkqmyE7bQSVQRltq/GZEMx4nOM/Q9vpQnShxXKruTecdroc7A4tBi5R0IItQE0QCrcFzF7dPZhpT8n+ZLmE29Npr2VoZbf5ZN3eBHXdLJlJ26yLuttctxtaU+hyYCA3DUlI6TepQNkGM0F33kOQnXaBMil79GCrkSSEdB79Ykg6jyo4nk60A82PVyt45eCg9yxQmW1+vmg+oK8SYPe9zVVQdpuxAYVpOo+rjqal8wzwxW4DF01+JwXydoKC2hBkp10YqVZDihbsNIaEkM6jXwxZ51EWWMuPpEtnqjfqGnDeAgqX7dnmNSy39bdZzJJVCbD72Oa6KLvNV5stzLADniEkHkuiWm+TK5RhIT5cXLX+fckvL3ieAnkzQUFtCLLTPtA+DVHBzl6v6KTz6B9j0HlUwd0SQmjshGTENpfIFFTd5qbbDXexzU2jzDafbjZGZRFfdlTWyq19ulrAqsPyLy2QbsNOkIaB7LQVtE+VdvZCQmyc53Hd92mex8AhBthlujE9WSyMcEyZ4LjMNrcppG5rm9uEjdsM0Xm3iynp/AbN1W4LH63NmPNSChTI2wkK9MhOWzHifdpZORbpPPrF2HUeKqjK0HAmxNRzYaVBkPE1F5stzH2vLzMY8Pub3OYu2g03vc1d4MhzYeq6WgG9KduMhOC0gywIXxtbCODDZcdlWF2BSqLsBJXMhCCthn0Y8D5tNdJGnQde+N5fXLG64JdrMwkI6jxuTnyW8bg1mQyGgPTdCtRk6JShvX5woG2BKdPI625zH+2GbfBzugzt1cMSLYZ7XhtIQF5qzmSpA0ZUo/fj+X6x60YAbxwo22AnKMNAGQZbYbGdjUfbpPPoH6TzkKNsGVqZkixTSEiVbW5a51EWpvo5j8TfKTPnpKe1gafdF+t19wRkeQWnWwumo/cFCuTtBAW0RFJshcF2NlaORfM8+sXY5nnook4ZGnZiwrIsnSnZGLyjcLrvyd5ltxnbzWL2r89uaKb5WafdsMlrAztgYUtczIAEHdz/EW/eIAEpNROEkAWVRNkJKoMKQV2v7ENfdgLA/wdFmOtXQ4lCMAAAAABJRU5ErkJggg=="/>
+</defs>
+</svg>
diff --git a/frontend/packages/web/src/assets/svg/dadan.svg b/frontend/packages/web/src/assets/svg/dadan.svg
new file mode 100644
index 0000000..3c92cc4
--- /dev/null
+++ b/frontend/packages/web/src/assets/svg/dadan.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.75447 16.0647C8.31921 16.0647 9.75356 15.5418 10.901 14.6269C10.7185 14.2348 10.4838 13.8426 10.1708 13.5289C9.36237 14.2086 8.34529 14.6269 7.22389 14.7314V13.8688C8.0845 13.7642 8.89295 13.4505 9.54492 12.9277C8.89295 12.431 8.11058 12.0911 7.22389 11.9866C7.06742 11.9604 6.91094 11.9604 6.72839 11.9604C6.57191 11.9604 6.38936 11.9604 6.23289 11.9866C5.37228 12.0911 4.56383 12.4048 3.91185 12.9277C4.56383 13.4244 5.3462 13.7642 6.23289 13.8688V14.7314C5.11149 14.6269 4.09441 14.2086 3.28596 13.5289C2.99909 13.8688 2.76438 14.2348 2.55574 14.6269C3.7293 15.5418 5.18973 16.0647 6.75447 16.0647ZM13.6133 4.66684L13.0917 5.03282L11.7616 4.82369L12.2311 4.37928L13.6133 4.66684ZM11.3965 2.41864L11.0314 2.94148L11.2401 4.27471L11.6834 3.80416L11.3965 2.41864ZM10.6142 3.5166L10.1969 4.06558L10.2491 5.29424L10.6402 4.84983L10.7185 4.7714L10.6142 3.5166ZM12.5179 5.42495L11.9703 5.84322L10.7446 5.79094L11.1879 5.39881L11.2661 5.32038L12.5179 5.42495ZM13.4307 2.60163L13.5089 2.62777L14.6825 2.94148C14.7346 2.94148 14.8129 2.96762 14.865 2.99376C15.1258 3.12447 15.2562 3.41203 15.2041 3.67345L15.517 3.75187C15.6735 3.77801 15.8039 3.88258 15.8821 4.01329C16.0908 4.30085 16.0125 4.69298 15.7257 4.90211L12.9613 6.73204C13.2742 7.5163 13.4568 8.40512 13.4568 9.29394C13.4568 10.8625 12.9352 12.3003 12.0224 13.4505C11.6312 13.2675 11.2401 13.0322 10.9271 12.7185C11.6052 11.9081 12.0224 10.8886 12.1267 9.7645H11.2661C11.1618 10.6272 10.8489 11.4376 10.3273 12.0911C9.83179 11.4376 9.49277 10.6533 9.38845 9.7645C9.36237 9.60765 9.36237 9.4508 9.36237 9.2678C9.36237 9.11095 9.36237 8.92796 9.38845 8.77111C9.41453 8.53583 9.44061 8.3267 9.51884 8.11756H9.12766L8.86687 8.37898L8.4496 8.79725C8.4496 8.9541 8.42353 9.11095 8.42353 9.2678C8.42353 9.99977 8.58 10.7317 8.86687 11.4114C8.4496 11.2284 7.87587 11.0716 7.38036 11.0193H7.35429H7.32821H7.30213H7.27605H7.24997H7.22389C7.06742 10.9932 6.91094 10.9932 6.72839 10.9932C5.99818 10.9932 5.26796 11.15 4.58991 11.4376C4.74638 11.0716 4.8507 10.7317 4.92894 10.3396V10.3135V10.2873V10.2612V10.2351V10.2089V10.1828V10.1566V10.1305V10.1043V10.0782V10.0521V10.0259V9.99977V9.97363V9.94749V9.92135V9.89521V9.86906V9.84292V9.81678V9.79064C4.95501 9.63379 4.95501 9.47694 4.95501 9.29394C4.95501 8.56197 4.79854 7.83 4.51167 7.15031C5.18973 7.43787 5.91994 7.59472 6.65015 7.59472C6.80663 7.59472 6.9631 7.59472 7.11957 7.56858L7.82371 6.88889V6.49677C7.61508 6.54905 7.38036 6.60133 7.17173 6.62748C7.01526 6.65362 6.85878 6.65362 6.67623 6.65362C6.51976 6.65362 6.3372 6.65362 6.18073 6.62748C5.32012 6.52291 4.51167 6.20921 3.8597 5.68637C4.51167 5.18967 5.29404 4.84983 6.18073 4.74526V3.88258C5.05933 3.98715 4.04225 4.40542 3.2338 5.08511C2.94693 4.74526 2.71222 4.37928 2.50359 3.98715C3.65106 3.09833 5.08541 2.54935 6.65015 2.54935C7.56292 2.54935 8.42353 2.73234 9.2059 3.04604L11.0314 0.275008C11.2401 -0.0125527 11.6312 -0.0909782 11.9181 0.118157C12.0485 0.222724 12.1267 0.353433 12.1789 0.484142L12.2571 0.797844C12.5179 0.745561 12.8048 0.87627 12.9352 1.13769C12.9613 1.18997 12.9874 1.2684 12.9874 1.32068L13.3003 2.49706L13.4307 2.60163ZM8.55392 4.17014C8.13666 4.01329 7.69331 3.93487 7.24997 3.88258V4.74526C7.51076 4.7714 7.79763 4.82369 8.03234 4.90211L8.55392 4.17014ZM11.1357 8.01299C11.214 8.27441 11.2661 8.53583 11.2922 8.79725H12.1528C12.1007 8.35284 12.0224 7.90843 11.866 7.49016L11.1357 8.01299ZM6.10249 8.66654V9.97363H7.40644V9.00638L8.91903 7.49016L10.7185 7.54244L11.7095 6.86275L9.62316 6.83661L10.1187 6.36606L12.2832 6.47062L15.3866 4.37928L13.9784 4.03943L14.6043 3.56888L13.3785 3.22904L12.7787 3.80416L12.3354 3.69959L12.2571 3.25518L12.8048 2.68006L12.4658 1.45139L11.9964 2.07879L11.6573 0.667135L9.571 3.77801L9.67532 5.94779L9.2059 6.44448L9.17982 4.35314L8.50176 5.34653L8.55392 7.15031L7.04134 8.66654H6.10249ZM0 9.32009C0 7.75158 0.52158 6.31377 1.43435 5.16353C1.82553 5.34653 2.21672 5.5818 2.52967 5.8955C1.85161 6.7059 1.43435 7.72543 1.33003 8.84953H2.19064C2.29495 7.98685 2.6079 7.17645 3.12948 6.52291C3.62498 7.17645 3.96401 7.96071 4.06833 8.84953C4.09441 9.00638 4.09441 9.16323 4.09441 9.34623C4.09441 9.50308 4.09441 9.68607 4.06833 9.84292C3.96401 10.7056 3.65106 11.516 3.12948 12.1695C2.63398 11.516 2.29495 10.7317 2.19064 9.84292H1.33003C1.43435 10.967 1.85161 11.9866 2.52967 12.797C2.19064 13.0845 1.82553 13.3198 1.43435 13.5289C0.52158 12.3264 0 10.8886 0 9.32009Z" fill="#E6212D"/>
+</svg>
diff --git a/frontend/packages/web/src/assets/svg/dataease.svg b/frontend/packages/web/src/assets/svg/dataease.svg
new file mode 100644
index 0000000..f61a8a9
--- /dev/null
+++ b/frontend/packages/web/src/assets/svg/dataease.svg
@@ -0,0 +1,9 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M128.272 4.53097L235.497 66.4239V190.233L128.272 252.137L21.0464 190.187V66.3789L128.272 4.53097ZM128.272 1.13274L18.1239 64.6911V191.875L128.272 255.479L238.42 191.875V64.6911L128.272 1.13274Z" fill="#426DF2"/>
+<path d="M128.272 42.1833L202.852 85.2276V171.316L128.272 214.36L53.7034 171.316V85.2276L128.272 42.1833ZM128.272 19.0528L33.6765 73.6283V182.859L128.272 237.48L222.879 182.859V73.6283L128.272 19.0075V19.0528Z" fill="#426DF2"/>
+<path d="M82.5204 129.416C80.6057 129.415 78.7447 128.783 77.2258 127.617C75.7069 126.452 74.6151 124.818 74.1195 122.968C73.6239 121.119 73.7523 119.158 74.4847 117.388C75.2172 115.619 76.5127 114.141 78.1706 113.184L108.993 95.3995C110.988 94.2884 113.34 94.0066 115.541 94.6147C117.743 95.2228 119.617 96.6721 120.759 98.6498C121.901 100.628 122.219 102.975 121.645 105.185C121.072 107.396 119.652 109.292 117.692 110.465L86.8588 128.249C85.5408 129.014 84.0441 129.416 82.5204 129.416Z" fill="#00BFFF"/>
+<path d="M137.051 97.9708C135.132 97.9747 133.266 97.3443 131.744 96.178C130.221 95.0116 129.126 93.3747 128.63 91.5217C128.133 89.6687 128.264 87.7035 129 85.9321C129.736 84.1608 131.037 82.6825 132.701 81.7272L144.028 75.2253C145.019 74.6137 146.122 74.2073 147.273 74.03C148.424 73.8528 149.599 73.9084 150.727 74.1935C151.856 74.4785 152.917 74.9873 153.845 75.6896C154.774 76.3919 155.552 77.2736 156.134 78.2822C156.715 79.2908 157.089 80.406 157.231 81.5615C157.374 82.7171 157.283 83.8894 156.965 85.0093C156.646 86.1291 156.106 87.1737 155.376 88.0809C154.646 88.9881 153.742 89.7395 152.716 90.2908L141.389 96.8041C140.069 97.5637 138.574 97.9659 137.051 97.9708Z" fill="#00BFFF"/>
+<path d="M95.3769 155.967C93.4612 155.97 91.5985 155.339 90.0777 154.174C88.5569 153.009 87.4631 151.375 86.9661 149.525C86.4691 147.675 86.5965 145.713 87.3288 143.943C88.061 142.173 89.3571 140.694 91.0158 139.735L91.3103 139.565C92.3002 138.957 93.4019 138.552 94.5506 138.376C95.6992 138.201 96.8715 138.257 97.9982 138.541C99.1248 138.826 100.183 139.333 101.11 140.034C102.038 140.734 102.815 141.613 103.397 142.619C103.979 143.625 104.354 144.737 104.499 145.89C104.644 147.043 104.557 148.213 104.242 149.332C103.927 150.45 103.392 151.495 102.667 152.403C101.942 153.311 101.042 154.065 100.021 154.62L99.7266 154.789C98.4059 155.559 96.9053 155.965 95.3769 155.967Z" fill="#00BFFF"/>
+<path d="M119.085 142.533C117.175 142.532 115.318 141.901 113.801 140.74C112.285 139.578 111.193 137.949 110.694 136.105C110.196 134.261 110.318 132.304 111.042 130.536C111.766 128.768 113.052 127.288 114.701 126.324L156.805 101.788C157.793 101.188 158.891 100.79 160.035 100.618C161.178 100.447 162.344 100.505 163.465 100.789C164.586 101.074 165.638 101.579 166.562 102.275C167.485 102.971 168.26 103.844 168.842 104.843C169.424 105.842 169.801 106.947 169.951 108.093C170.101 109.24 170.021 110.405 169.716 111.52C169.41 112.635 168.885 113.678 168.172 114.588C167.459 115.498 166.571 116.257 165.562 116.82L123.457 141.344C122.131 142.121 120.622 142.531 119.085 142.533Z" fill="#00BFFF"/>
+<path d="M108.268 182.519C106.35 182.523 104.484 181.893 102.961 180.726C101.438 179.56 100.343 177.923 99.847 176.07C99.3508 174.217 99.481 172.252 100.217 170.48C100.954 168.709 102.255 167.231 103.918 166.276L169.731 128.329C171.723 127.258 174.055 127.005 176.231 127.624C178.406 128.243 180.255 129.686 181.386 131.645C182.516 133.605 182.838 135.928 182.284 138.121C181.73 140.315 180.344 142.206 178.419 143.394L112.572 181.352C111.262 182.106 109.779 182.508 108.268 182.519Z" fill="#426DF2"/>
+</svg>
diff --git a/frontend/packages/web/src/assets/svg/icon_bot.svg b/frontend/packages/web/src/assets/svg/icon_bot.svg
new file mode 100644
index 0000000..e78f664
--- /dev/null
+++ b/frontend/packages/web/src/assets/svg/icon_bot.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.16683 1.33334C8.90321 1.33334 9.50016 1.9303 9.50016 2.66668C9.50016 3.1599 9.23235 3.59058 8.83421 3.82122L8.8335 5.33334H12.5002C13.2365 5.33334 13.8335 5.9303 13.8335 6.66668V13.3333C13.8335 14.0697 13.2365 14.6667 12.5002 14.6667H3.8335C3.09712 14.6667 2.50016 14.0697 2.50016 13.3333V6.66668C2.50016 5.9303 3.09712 5.33334 3.8335 5.33334H7.50016L7.50011 3.82161C7.10161 3.59106 6.8335 3.16018 6.8335 2.66668C6.8335 1.9303 7.43045 1.33334 8.16683 1.33334ZM12.5002 6.66668H3.8335V13.3333H12.5002V6.66668ZM1.50016 8.00001C1.86835 8.00001 2.16683 8.29849 2.16683 8.66668V11.3333C2.16683 11.7015 1.86835 12 1.50016 12C1.13197 12 0.833496 11.7015 0.833496 11.3333V8.66668C0.833496 8.29849 1.13197 8.00001 1.50016 8.00001ZM14.8335 8.00001C15.2017 8.00001 15.5002 8.29849 15.5002 8.66668V11.3333C15.5002 11.7015 15.2017 12 14.8335 12C14.4653 12 14.1668 11.7015 14.1668 11.3333V8.66668C14.1668 8.29849 14.4653 8.00001 14.8335 8.00001ZM9.50016 10.6667L9.57791 10.6712C9.90948 10.7097 10.1668 10.9914 10.1668 11.3333C10.1668 11.7015 9.86836 12 9.50016 12H6.8335L6.75575 11.9955C6.42418 11.957 6.16683 11.6752 6.16683 11.3333C6.16683 10.9651 6.4653 10.6667 6.8335 10.6667H9.50016ZM5.8335 8.00001C6.20169 8.00001 6.50016 8.29849 6.50016 8.66668C6.50016 9.03487 6.20169 9.33334 5.8335 9.33334C5.46531 9.33334 5.16683 9.03487 5.16683 8.66668C5.16683 8.29849 5.46531 8.00001 5.8335 8.00001ZM10.5002 8.00001C10.8684 8.00001 11.1668 8.29849 11.1668 8.66668C11.1668 9.03487 10.8684 9.33334 10.5002 9.33334C10.132 9.33334 9.8335 9.03487 9.8335 8.66668C9.8335 8.29849 10.132 8.00001 10.5002 8.00001Z" fill="url(#paint0_linear_9255_6921)"/>
+<defs>
+<linearGradient id="paint0_linear_9255_6921" x1="8.16683" y1="1.33334" x2="8.16683" y2="14.6667" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00C261"/>
+<stop offset="1" stop-color="#3370FF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/frontend/packages/web/src/assets/svg/icon_reset_outlined.svg b/frontend/packages/web/src/assets/svg/icon_reset_outlined.svg
new file mode 100644
index 0000000..9288266
--- /dev/null
+++ b/frontend/packages/web/src/assets/svg/icon_reset_outlined.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1754374129011" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="21687" width="16" height="16" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M266.88 341.333333a298.666667 298.666667 0 1 1-41.173333 256H137.514667A384 384 0 1 0 213.333333 270.634667V149.333333a21.333333 21.333333 0 0 0-21.333333-21.333333h-42.666667a21.333333 21.333333 0 0 0-21.333333 21.333333V384a42.666667 42.666667 0 0 0 42.666667 42.666667h234.666666a21.333333 21.333333 0 0 0 21.333334-21.333334v-42.666666a21.333333 21.333333 0 0 0-21.333334-21.333334H266.88z" p-id="21688"></path></svg>
\ No newline at end of file
diff --git a/frontend/packages/web/src/assets/svg/logo_CORDYS.svg b/frontend/packages/web/src/assets/svg/logo_CORDYS.svg
new file mode 100644
index 0000000..1914870
--- /dev/null
+++ b/frontend/packages/web/src/assets/svg/logo_CORDYS.svg
@@ -0,0 +1 @@
+<svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1860 400"><defs><style>.cls-1,.cls-2{fill:#364c4b;}.cls-2{fill-rule:evenodd;}.cls-3{fill:#00a6ab;}.cls-4{fill:#fff;}.cls-5{fill:#52efc2;}</style></defs><title>CORDYS</title><path class="cls-1" d="M896.569,190.276v17.977c0,32.358-1.893,54.95-7.763,67.772q-14.024,32.9-43.145,48.177-27.867,15.1-70.29,15.1t-70.289-15.1q-29.486-15.995-43.145-48.177c-6.111-13.3-7.078-35.891-7.078-67.772V190.276c0-39.069,3.183-65.733,13.73-80a91.294,91.294,0,0,1,36.493-35.235q28.044-15.457,70.289-15.459,42.066,0,70.29,15.459,22.112,11.867,36.493,35.235C892.46,125.02,896.569,151.688,896.569,190.276Zm-121.2,93.48q33.437-.54,42.426-13.3,10.246-8.267,10.246-47.818V180.748q0-46.2-11.5-53.391-10.968-11.144-41.168-12.224-30.2,1.079-41.167,12.224-12.943,8.09-12.943,51.773v42.426q0,39.73,11.325,48.9Q741.574,283.219,775.371,283.756Z"/><path class="cls-1" d="M1494.208,337.427l.3-110.663-79.5-165.1h77.3l40.33,90.421,47.084-90.421h76.941l-82.854,165.1.055,110.663Z"/><path class="cls-1" d="M615.43,278.268v53.624a569.6,569.6,0,0,1-72.987,4.626c-19.524,0-66.581,4.512-95.408-36.2-15.1-21.324-23.913-56.075-23.913-108.189,0-53.524,13.482-86.6,32.968-105.259,29.789-28.531,71.777-25.334,86.7-25.334,19.222,0,44.352.45,72.635,2.96v54.216c-26.283-2.307-51.01-2.145-66.13-2.145q-36.045,0-47.822,11.956c-3.649,2.972-14.975,14.851-14.975,58.963,0,70.346,11.635,79.231,13.392,80.989C514.363,285.461,587.843,279.715,615.43,278.268Z"/><path class="cls-1" d="M1005.439,252.786v84.972H936.4V60.619l94.092-1.17h25.6q56.057,0,77.87,36.591a121.369,121.369,0,0,1,7.749,23.072,165.1,165.1,0,0,1,3.246,34.429V160.3a110.515,110.515,0,0,1-3.425,28.841,75.758,75.758,0,0,1-7.932,18.745q-10.1,17.306-32.265,26.858,13.88,5.23,25.055,18.205a111.508,111.508,0,0,1,7.572,10.455c14.323,21.424,13.179,74.354,13.179,74.354h-64.971c-1.8-5.526-2.585-62.974-21.657-78.825C1050.4,250.525,1006.639,252.668,1005.439,252.786Zm0-48.57c1.322.121,54.479,4.453,69.036-12.913,6.734-8.033,8.472-14.78,8.472-27.4V149.936q0-22.53-6.308-30.283-6.851-7.029-21.81-9.012-16.405-2.163-49.39.9Z"/><path class="cls-2" d="M1291.233,61.538h-104.67V335.609h104.67c66.681-.029,120.742-45.174,120.742-100.871V162.432C1411.975,106.721,1357.914,61.583,1291.233,61.538Zm53.5,175.558c0,24.706-23.933,44.727-53.5,44.756h-34.951V115.3h34.951c29.571.028,53.5,20.064,53.5,44.756Z"/><path class="cls-1" d="M1743.674,338.109a428.1,428.1,0,0,1-45.017-2.607q-9.384-1.042-19.293-2.433l-25.573-2.424.547-65.807,40.08,6.267s15.756,2.259,22.943,2.955q12.859,1.216,23.291,1.216,37.89,0,43.8-17.206a14.78,14.78,0,0,0-.348-13.906q-3.651-7.47-15.47-12.862a123.928,123.928,0,0,0-12.688-4.693L1741,222.089q-9.909-2.43-17.73-4.866-10.083-3.127-18.424-6.605-20.685-8.69-32.154-20.161a55.357,55.357,0,0,1-14.08-28.506,91.9,91.9,0,0,1-.521-27.288q4.694-44.147,37.718-60.66,12.338-6.6,29.72-9.56,6.78-1.043,15.471-1.738l14.947-1.043h10.081q17.208,0,37.89,2.086l16.861,1.912,19.608,2.589.381,57.724a269.76,269.76,0,0,0-28.506-5.041,287.274,287.274,0,0,0-39.977-3.129c-26.419,0-35.548,5.615-40.182,17.548a33.722,33.722,0,0,0-1.348,14.892c.613,5.821.245,7.353,11.982,13.446q5.386,2.438,13.557,5.214l34.415,10.255q9.908,3.131,17.729,6.431,18.942,8,28.679,18.425,11.472,11.47,14.774,28.678a89.318,89.318,0,0,1,.522,26.768c-3.13,29.2-17.72,55.419-39.736,66.656q-12.168,6.608-29.72,9.386-6.78,1.042-15.471,1.738l-13.383.869Z"/><path class="cls-3" d="M6.878,139.205V259.547a64.675,64.675,0,0,0,32.337,56.009l104.219,60.171a64.672,64.672,0,0,0,64.674,0l104.218-60.171a64.668,64.668,0,0,0,32.337-56.009V139.205A64.671,64.671,0,0,0,312.326,83.2L208.108,23.025a64.678,64.678,0,0,0-64.674,0L39.215,83.2A64.675,64.675,0,0,0,6.878,139.205Z"/><path class="cls-4" d="M238.648,124.318V98.672A15.673,15.673,0,0,0,222.976,83h-96a15.672,15.672,0,0,0-15.672,15.672v21.362a15.671,15.671,0,0,1-15.672,15.672H74.273A15.67,15.67,0,0,0,58.6,151.378v96a15.671,15.671,0,0,0,15.672,15.672H95.635a15.668,15.668,0,0,1,15.672,15.672V300.08a15.671,15.671,0,0,0,15.672,15.672h96a15.666,15.666,0,0,0,15.672-15.672V274.435a15.672,15.672,0,0,0-15.672-15.672H126.948a11.353,11.353,0,0,1-11.357-11.357V151.09a11.1,11.1,0,0,1,11.1-11.1h96.285a15.673,15.673,0,0,0,15.672-15.672Z"/><path class="cls-5" d="M264.445,199.376h0a28.494,28.494,0,0,1,28.5,28.5h0a28.494,28.494,0,0,1-28.5,28.495h0a28.494,28.494,0,0,1-28.5-28.495h0a28.493,28.493,0,0,1,28.5-28.5Z"/></svg>
\ No newline at end of file
diff --git a/frontend/packages/web/src/assets/svg/maxKB.svg b/frontend/packages/web/src/assets/svg/maxKB.svg
new file mode 100644
index 0000000..a43107e
--- /dev/null
+++ b/frontend/packages/web/src/assets/svg/maxKB.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="18" viewBox="0 0 24 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.8379 16.9922C14.9165 17.0708 14.9704 17.1712 14.9922 17.2803C15.0139 17.3894 15.0025 17.5027 14.96 17.6055C14.9174 17.7083 14.8455 17.7966 14.7529 17.8584C14.6604 17.9202 14.5517 17.9531 14.4404 17.9531H8.92383C8.8126 17.9531 8.70381 17.9202 8.61133 17.8584C8.51878 17.7966 8.44689 17.7083 8.4043 17.6055C8.36175 17.5027 8.35037 17.3894 8.37207 17.2803C8.39382 17.1712 8.44773 17.0708 8.52637 16.9922L9.87012 15.6484H13.4951L14.8379 16.9922ZM18.1836 0C19.2755 0.00130758 20.3227 0.435944 21.0947 1.20801C21.8667 1.98012 22.3005 3.02731 22.3018 4.11914V11.0908C22.3004 12.1824 21.8665 13.229 21.0947 14.001C20.3227 14.7731 19.2755 15.2077 18.1836 15.209H5.81738C4.7254 15.2077 3.67839 14.7731 2.90625 14.001C2.13439 13.229 1.69959 12.1825 1.69824 11.0908V4.11914C1.69947 3.02724 2.13421 1.98013 2.90625 1.20801C3.67839 0.435866 4.72541 0.00123215 5.81738 0H18.1836ZM6.21387 2.91602C6.0171 2.91602 5.82761 2.99466 5.68848 3.13379C5.54952 3.27288 5.47169 3.46158 5.47168 3.6582V11.0488C5.47169 11.2454 5.54953 11.4341 5.68848 11.5732C5.82761 11.7124 6.0171 11.791 6.21387 11.791H7.12598V13.6074L9.14941 12.4717C9.94529 12.0251 10.8432 11.791 11.7559 11.791H17.7871C17.9838 11.791 18.1724 11.7123 18.3115 11.5732C18.4506 11.4341 18.5293 11.2456 18.5293 11.0488V3.6582C18.5293 3.46146 18.4506 3.27291 18.3115 3.13379C18.1724 2.99468 17.9839 2.91602 17.7871 2.91602H6.21387ZM1.25879 10.1338H0.543945C0.472634 10.1337 0.401823 10.1201 0.335938 10.0928C0.269982 10.0654 0.209666 10.0251 0.15918 9.97461C0.108794 9.92415 0.0692811 9.86374 0.0419922 9.79785C0.0147087 9.7319 -1.60252e-06 9.66122 0 9.58984V5.65137C0 5.50721 0.0573281 5.36861 0.15918 5.2666C0.261115 5.16466 0.399796 5.10753 0.543945 5.10742H1.25879V10.1338ZM23.4561 5.10742C23.6003 5.10743 23.7388 5.1646 23.8408 5.2666C23.9429 5.36863 24 5.50707 24 5.65137V9.58984C24 9.66117 23.9862 9.73193 23.959 9.79785C23.9316 9.86386 23.8913 9.92409 23.8408 9.97461C23.7903 10.0251 23.7301 10.0654 23.6641 10.0928C23.5982 10.12 23.5273 10.1338 23.4561 10.1338H22.7412V5.10742H23.4561ZM9.45215 5.77246C9.58575 5.77245 9.71836 5.79851 9.8418 5.84961C9.9652 5.90071 10.0774 5.97589 10.1719 6.07031C10.2663 6.16474 10.3414 6.27703 10.3926 6.40039C10.4437 6.52381 10.4697 6.65645 10.4697 6.79004V7.51953C10.4697 7.78942 10.3627 8.04842 10.1719 8.23926C9.98103 8.4301 9.72204 8.53711 9.45215 8.53711C9.18234 8.53705 8.92321 8.43005 8.73242 8.23926C8.54172 8.04844 8.43457 7.78932 8.43457 7.51953V6.79004C8.4346 6.52021 8.54163 6.26112 8.73242 6.07031C8.92321 5.87952 9.18233 5.77251 9.45215 5.77246ZM14.7598 5.77246C14.8934 5.77246 15.026 5.79849 15.1494 5.84961C15.2728 5.90074 15.385 5.97586 15.4795 6.07031C15.5739 6.16476 15.6491 6.277 15.7002 6.40039C15.7513 6.52381 15.7773 6.65645 15.7773 6.79004V7.51953C15.7773 7.78936 15.6702 8.04843 15.4795 8.23926C15.2887 8.43009 15.0296 8.53709 14.7598 8.53711C14.4899 8.53711 14.2309 8.4301 14.04 8.23926C13.8492 8.04842 13.7422 7.78938 13.7422 7.51953V6.79004C13.7422 6.5202 13.8492 6.26112 14.04 6.07031C14.2309 5.87955 14.4899 5.77246 14.7598 5.77246Z" fill="url(#paint0_linear_10137_9866)"/>
+<defs>
+<linearGradient id="paint0_linear_10137_9866" x1="12.0003" y1="9.63688e-05" x2="12.0003" y2="15.209" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3370FF"/>
+<stop offset="1" stop-color="#7F3BF5"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/frontend/packages/web/src/assets/svg/newClue.svg b/frontend/packages/web/src/assets/svg/newClue.svg
new file mode 100644
index 0000000..ab92c2a
--- /dev/null
+++ b/frontend/packages/web/src/assets/svg/newClue.svg
@@ -0,0 +1,38 @@
+<svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="9.5" cy="9.5" r="8.5" fill="#FFA200"/>
+<g filter="url(#filter0_i_4792_17467)">
+<circle cx="18.5" cy="18.5" r="10.5" fill="#FFFCF6"/>
+</g>
+<g filter="url(#filter1_f_4792_17467)">
+<circle cx="17" cy="17" r="8" fill="#FFA200"/>
+</g>
+<g filter="url(#filter2_d_4792_17467)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20 14.75C20 13.5074 21.0074 12.5 22.25 12.5C23.4926 12.5 24.5 13.5074 24.5 14.75C24.5 15.6334 23.9909 16.3979 23.25 16.7661V20.876C23.25 22.3252 22.0752 23.5 20.626 23.5C19.1769 23.5 18.0021 22.3252 18.0021 20.876V15.126C18.0021 14.7803 17.7218 14.5 17.376 14.5C17.0303 14.5 16.75 14.7803 16.75 15.126V19.2339C17.4909 19.6021 18 20.3666 18 21.25C18 22.4926 16.9926 23.5 15.75 23.5C14.5074 23.5 13.5 22.4926 13.5 21.25C13.5 20.3666 14.0091 19.6021 14.75 19.2339V15.126C14.75 13.6757 15.9257 12.5 17.376 12.5C18.8264 12.5 20.0021 13.6757 20.0021 15.126V20.876C20.0021 21.2206 20.2814 21.5 20.626 21.5C20.9706 21.5 21.25 21.2206 21.25 20.876V16.7661C20.5091 16.3979 20 15.6334 20 14.75ZM15.75 21C15.6119 21 15.5 21.1119 15.5 21.25C15.5 21.3881 15.6119 21.5 15.75 21.5C15.8881 21.5 16 21.3881 16 21.25C16 21.1119 15.8881 21 15.75 21ZM22.25 15C22.3881 15 22.5 14.8881 22.5 14.75C22.5 14.6119 22.3881 14.5 22.25 14.5C22.1119 14.5 22 14.6119 22 14.75C22 14.8881 22.1119 15 22.25 15Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_i_4792_17467" x="8" y="8" width="21" height="22" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.756863 0 0 0 0 0.305882 0 0 0 0.1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_4792_17467"/>
+</filter>
+<filter id="filter1_f_4792_17467" x="1" y="1" width="32" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="4" result="effect1_foregroundBlur_4792_17467"/>
+</filter>
+<filter id="filter2_d_4792_17467" x="13.5" y="12.5" width="11" height="11.1" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.00986111 0 0 0 0 0.0953724 0 0 0 0 0.295833 0 0 0 0.22 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4792_17467"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4792_17467" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/frontend/packages/web/src/assets/svg/newContact.svg b/frontend/packages/web/src/assets/svg/newContact.svg
new file mode 100644
index 0000000..990cdad
--- /dev/null
+++ b/frontend/packages/web/src/assets/svg/newContact.svg
@@ -0,0 +1,39 @@
+<svg width="31" height="30" viewBox="0 0 31 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.85 14.0533C16.35 15.3733 14.4 16.2533 12.15 16.2533C9.89998 16.2533 7.94999 15.3733 6.29999 14.0533C2.54999 15.96 0 18.4533 0 23H24C24 18.4533 21.45 16.1066 17.85 14.0533ZM12 14.4933C15.75 14.4933 18.75 11.4133 18.75 7.74667C18.75 4.08 15.75 1 12 1C8.25 1 5.24999 4.08 5.24999 7.74667C5.24999 11.56 8.39999 14.4933 12 14.4933Z" fill="#3370FF"/>
+<g filter="url(#filter0_i_4792_17445)">
+<circle cx="22" cy="20" r="8" fill="#F2F7FF"/>
+</g>
+<circle cx="22" cy="20" r="8" stroke="white" stroke-width="0.2"/>
+<g filter="url(#filter1_f_4792_17445)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.703 16.1098C15.3024 15.8097 16.7069 15.0592 17.85 14.0533C21.45 16.1066 24 18.4533 24 23H13.7517C13.2688 21.9326 13 20.7477 13 19.5C13 18.2949 13.2508 17.1484 13.703 16.1098ZM15.4269 13.5529C15.9931 13.2164 16.5056 12.7996 16.9493 12.3195C16.395 12.6715 15.8842 13.086 15.4269 13.5529Z" fill="#3370FF"/>
+</g>
+<g filter="url(#filter2_d_4792_17445)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.4307 16.25C23.4307 15.5596 22.8711 15 22.1807 15C21.4904 15 20.9307 15.5596 20.9307 16.25V18.9085H18.25C17.5596 18.9085 17 19.4682 17 20.1585C17 20.8489 17.5596 21.4085 18.25 21.4085H20.9307V24.067C20.9307 24.7573 21.4904 25.317 22.1807 25.317C22.8711 25.317 23.4307 24.7573 23.4307 24.067V21.4085H26.1115C26.8018 21.4085 27.3615 20.8489 27.3615 20.1585C27.3615 19.4682 26.8018 18.9085 26.1115 18.9085H23.4307V16.25Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_i_4792_17445" x="13.9" y="11.9" width="16.2" height="16.2" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="1.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.2 0 0 0 0 0.439216 0 0 0 0 1 0 0 0 0.1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_4792_17445"/>
+</filter>
+<filter id="filter1_f_4792_17445" x="10" y="9.31946" width="17" height="16.6805" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.5" result="effect1_foregroundBlur_4792_17445"/>
+</filter>
+<filter id="filter2_d_4792_17445" x="17" y="15" width="10.3615" height="10.417" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.00986111 0 0 0 0 0.0953724 0 0 0 0 0.295833 0 0 0 0.22 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4792_17445"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4792_17445" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/frontend/packages/web/src/assets/svg/newContract.svg b/frontend/packages/web/src/assets/svg/newContract.svg
new file mode 100644
index 0000000..1ffb136
--- /dev/null
+++ b/frontend/packages/web/src/assets/svg/newContract.svg
@@ -0,0 +1,39 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19 3C20.1046 3 21 3.89543 21 5V22C21 23.1046 20.1046 24 19 24H4C2.89543 24 2 23.1046 2 22V5C2 3.89543 2.89543 3 4 3H19ZM6.66699 18.333C6.2988 18.333 6 18.6318 6 19C6 19.3682 6.2988 19.667 6.66699 19.667H17.333C17.7012 19.667 18 19.3682 18 19C18 18.6318 17.7012 18.333 17.333 18.333H6.66699ZM12.1064 6C9.96327 6.00008 8.34101 7.22617 8.34082 9.61719C8.34082 10.7649 8.68336 11.6205 9.30664 12.3877C9.43288 12.5431 9.84644 12.9952 9.85645 13.0039L9.87695 13.0283C9.92698 13.0863 9.95747 13.1253 9.97363 13.1465L9.97461 13.2041C9.9745 13.2354 9.97384 13.2649 9.97363 13.292L9.97266 13.3477H7.00195C6.44973 13.3483 6.00285 13.7952 6.00195 14.3467L6 17C6 17.3682 6.29878 17.667 6.66699 17.667H17.333C17.7012 17.667 18 17.3682 18 17V14.3477L17.9951 14.251C17.9465 13.744 17.5197 13.3477 17 13.3477H14.0869V13.0928C14.0875 13.0898 14.0953 13.0713 14.1318 13.0186C14.1992 12.9215 14.6654 12.4186 14.7412 12.3291C15.3737 11.5823 15.7119 10.7661 15.7119 9.61719C15.7117 7.21949 14.2061 6 12.1064 6ZM12.1064 7.33301C13.5243 7.33301 14.3788 8.02511 14.3789 9.61719C14.3789 10.4289 14.1642 10.9487 13.7246 11.4678C13.7035 11.4927 13.1684 12.0688 13.0371 12.2578C12.8558 12.5189 12.754 12.788 12.7539 13.0928V13.332C12.7556 13.755 12.765 13.8668 12.8076 14.0322L12.8359 14.125C12.9728 14.5111 13.2914 14.6807 13.6807 14.6807H16.667V16.333H7.33301L7.33496 14.6807H10.3359C10.7978 14.6806 11.1349 14.4031 11.248 13.9658C11.2969 13.7767 11.3064 13.6385 11.3076 13.2236V13.0928C11.3076 12.9979 11.2949 12.9046 11.2705 12.8135C11.2014 12.5549 11.0677 12.3587 10.8301 12.0928C10.7767 12.0331 10.5761 11.8167 10.583 11.8242C10.4861 11.7186 10.4123 11.6336 10.3418 11.5469C9.90117 11.0046 9.67383 10.4378 9.67383 9.61719C9.674 8.05672 10.6313 7.33308 12.1064 7.33301Z" fill="#3370FF"/>
+<g filter="url(#filter0_i_11697_20729)">
+<circle cx="21" cy="21" r="7" fill="#D6E2FD"/>
+</g>
+<circle cx="21" cy="21" r="7" stroke="white" stroke-width="0.2"/>
+<g filter="url(#filter1_f_11697_20729)">
+<path d="M21 14C21.3396 14 21.6733 14.0255 22 14.0723V21C22 22.1046 21.1046 23 20 23H14.291C14.1024 22.3662 14 21.6951 14 21C14 17.134 17.134 14 21 14Z" fill="#3370FF"/>
+</g>
+<g filter="url(#filter2_d_11697_20729)">
+<path d="M21.2852 17C21.9754 17.0001 22.5352 17.5597 22.5352 18.25V20.0176H24.3193C25.0096 20.0176 25.5693 20.5773 25.5693 21.2676C25.5693 21.9579 25.0097 22.5176 24.3193 22.5176H22.5352V24.2852C22.5352 24.9754 21.9754 25.535 21.2852 25.5352C20.5948 25.5352 20.0352 24.9755 20.0352 24.2852V22.5176H18.25C17.5596 22.5176 17 21.9579 17 21.2676C17.0001 20.5773 17.5597 20.0176 18.25 20.0176H20.0352V18.25C20.0352 17.5596 20.5948 17 21.2852 17Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_i_11697_20729" x="13.9" y="13.9" width="14.2" height="14.2" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="1.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.2 0 0 0 0 0.439216 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_11697_20729"/>
+</filter>
+<filter id="filter1_f_11697_20729" x="10" y="10" width="16" height="17" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_11697_20729"/>
+</filter>
+<filter id="filter2_d_11697_20729" x="17" y="17" width="8.56934" height="8.63516" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.0779277 0 0 0 0 0.260611 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_11697_20729"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_11697_20729" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/frontend/packages/web/src/assets/svg/newCustomer.svg b/frontend/packages/web/src/assets/svg/newCustomer.svg
new file mode 100644
index 0000000..feb4739
--- /dev/null
+++ b/frontend/packages/web/src/assets/svg/newCustomer.svg
@@ -0,0 +1,39 @@
+<svg width="31" height="37" viewBox="0 0 31 37" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="20.1244" height="25.6048" rx="2" transform="matrix(0.966291 0.257452 -0.260192 0.965557 11.5281 3)" fill="#00C261"/>
+<g filter="url(#filter0_i_4792_17432)">
+<rect x="1" y="5.86414" width="21.619" height="24.4281" rx="2" fill="#F2FCF7"/>
+</g>
+<rect x="1" y="5.86414" width="21.619" height="24.4281" rx="2" stroke="white" stroke-width="0.2"/>
+<g filter="url(#filter1_f_4792_17432)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.2727 5.86418C11.2604 5.89907 11.2491 5.93445 11.2387 5.97031L5.41364 26.0427C5.10579 27.1035 5.72546 28.1785 6.7977 28.4438L18.2187 31.2694H20.6056C21.7102 31.2694 22.6056 30.374 22.6056 29.2694V7.86418C22.6056 7.39187 22.4419 6.95779 22.1681 6.61562L19.1308 5.86418H11.2727Z" fill="#00C261"/>
+</g>
+<g filter="url(#filter2_d_4792_17432)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.0595 13.6812C13.0595 12.9908 12.4999 12.4312 11.8095 12.4312C11.1192 12.4312 10.5595 12.9908 10.5595 13.6812V16.3397H7.87878C7.18843 16.3397 6.62878 16.8993 6.62878 17.5897C6.62878 18.28 7.18843 18.8397 7.87878 18.8397H10.5595V21.4982C10.5595 22.1885 11.1192 22.7482 11.8095 22.7482C12.4999 22.7482 13.0595 22.1885 13.0595 21.4982V18.8397H15.7402C16.4306 18.8397 16.9902 18.28 16.9902 17.5897C16.9902 16.8993 16.4306 16.3397 15.7402 16.3397H13.0595V13.6812Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_i_4792_17432" x="0.899994" y="5.76413" width="21.819" height="24.6281" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="1.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.760784 0 0 0 0 0.380392 0 0 0 0.1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_4792_17432"/>
+</filter>
+<filter id="filter1_f_4792_17432" x="0.334686" y="0.864182" width="27.2709" height="35.4052" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_4792_17432"/>
+</filter>
+<filter id="filter2_d_4792_17432" x="6.62878" y="12.4312" width="10.3615" height="10.417" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.00986111 0 0 0 0 0.0953724 0 0 0 0 0.295833 0 0 0 0.22 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4792_17432"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4792_17432" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/frontend/packages/web/src/assets/svg/newInvoice.svg b/frontend/packages/web/src/assets/svg/newInvoice.svg
new file mode 100644
index 0000000..92620bb
--- /dev/null
+++ b/frontend/packages/web/src/assets/svg/newInvoice.svg
@@ -0,0 +1,39 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.3149 0C16.7448 0 17.1073 0.294284 17.3784 0.62793C17.4206 0.67981 17.4658 0.729996 17.5142 0.77832L21.8071 5.07129C21.9946 5.25879 22.1001 5.51316 22.1001 5.77832V22C22.1001 23.1046 21.2047 24 20.1001 24H6.1001C4.99553 24 4.1001 23.1046 4.1001 22V2C4.1001 0.895431 4.99553 8.05319e-09 6.1001 0H16.3149ZM8.1001 7C7.54781 7 7.1001 7.44772 7.1001 8C7.1001 8.55229 7.54781 9 8.1001 9H15.1001C15.6524 9 16.1001 8.55229 16.1001 8C16.1001 7.44772 15.6524 7 15.1001 7H8.1001ZM8.1001 4C7.54781 4 7.1001 4.44772 7.1001 5C7.1001 5.55228 7.54781 6 8.1001 6H12.1001C12.6524 6 13.1001 5.55228 13.1001 5C13.1001 4.44772 12.6524 4 12.1001 4H8.1001Z" fill="#3370FF"/>
+<g filter="url(#filter0_i_13498_7004)">
+<rect x="0.100098" y="11" width="26" height="13" rx="2" fill="#EAF0FF"/>
+</g>
+<rect x="0.100098" y="11" width="26" height="13" rx="2" stroke="white" stroke-width="0.2"/>
+<g opacity="0.5" filter="url(#filter1_f_13498_7004)">
+<path d="M20.7671 12.7333C20.8807 12.7333 20.9917 12.7453 21.1001 12.7635V21.4003H6.1001V12.7333H20.7671Z" fill="#3470FF"/>
+</g>
+<g filter="url(#filter2_d_13498_7004)">
+<path d="M16.2456 13.3182C16.6697 12.8941 17.3576 12.8941 17.7817 13.3182C18.2057 13.7423 18.2057 14.4293 17.7817 14.8534L12.5601 20.0751C12.136 20.4992 11.448 20.4992 11.0239 20.0751C10.9952 20.0463 10.9687 20.0162 10.9438 19.9852L8.41748 17.4598C7.99369 17.0357 7.99349 16.3477 8.41748 15.9237C8.84147 15.4997 9.52949 15.4999 9.95361 15.9237L11.7964 17.7665L16.2456 13.3182Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_i_13498_7004" x="0" y="10.9" width="26.2002" height="13.2" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="1.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.2 0 0 0 0 0.439216 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_13498_7004"/>
+</filter>
+<filter id="filter1_f_13498_7004" x="0.100098" y="6.73328" width="27" height="20.667" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="3" result="effect1_foregroundBlur_13498_7004"/>
+</filter>
+<filter id="filter2_d_13498_7004" x="8.09961" y="13.0001" width="10.0002" height="7.49307" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.00986111 0 0 0 0 0.0953724 0 0 0 0 0.295833 0 0 0 0.22 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_13498_7004"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_13498_7004" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/frontend/packages/web/src/assets/svg/newOpportunity.svg b/frontend/packages/web/src/assets/svg/newOpportunity.svg
new file mode 100644
index 0000000..14b5f13
--- /dev/null
+++ b/frontend/packages/web/src/assets/svg/newOpportunity.svg
@@ -0,0 +1,39 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 3C3.44772 3 3 3.44772 3 4C3 4.55228 3.44772 5 4 5H20C20.5523 5 21 4.55228 21 4C21 3.44772 20.5523 3 20 3H4ZM3 6C1.89544 6 1 6.89541 1 8V21C1 22.1046 1.89544 23 3 23H21C22.1046 23 23 22.1046 23 21V8C23 6.89542 22.1046 6 21 6H3ZM10.2071 9.79289C9.81658 9.40237 9.18342 9.40237 8.79289 9.79289C8.40237 10.1834 8.40237 10.8166 8.79289 11.2071L10.0858 12.5H9C8.44772 12.5 8 12.9477 8 13.5C8 14.0523 8.44772 14.5 9 14.5H11V15.5H9C8.44772 15.5 8 15.9477 8 16.5C8 17.0523 8.44772 17.5 9 17.5H11V18.5C11 19.0523 11.4477 19.5 12 19.5C12.5523 19.5 13 19.0523 13 18.5V17.5H15C15.5523 17.5 16 17.0523 16 16.5C16 15.9477 15.5523 15.5 15 15.5H13V14.5H15C15.5523 14.5 16 14.0523 16 13.5C16 12.9477 15.5523 12.5 15 12.5H13.9142L15.2071 11.2071C15.5976 10.8166 15.5976 10.1834 15.2071 9.79289C14.8166 9.40237 14.1834 9.40237 13.7929 9.79289L12 11.5858L10.2071 9.79289Z" fill="#00A6AB"/>
+<g filter="url(#filter0_i_4792_17498)">
+<circle cx="22" cy="21" r="7" fill="#F2FBFB"/>
+</g>
+<circle cx="22" cy="21" r="7" stroke="white" stroke-width="0.2"/>
+<g filter="url(#filter1_f_4792_17498)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23 14.0709C22.6734 14.0242 22.3395 14 22 14C18.134 14 15 17.134 15 21C15 21.695 15.1013 22.3663 15.2899 23H21C22.1046 23 23 22.1046 23 21V14.0709Z" fill="#00A6AB"/>
+</g>
+<g filter="url(#filter2_d_4792_17498)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.5349 18.25C23.5349 17.5596 22.9752 17 22.2849 17C21.5945 17 21.0349 17.5596 21.0349 18.25V20.0177H19.25C18.5596 20.0177 18 20.5774 18 21.2677C18 21.9581 18.5596 22.5177 19.25 22.5177H21.0349V24.2854C21.0349 24.9758 21.5945 25.5354 22.2849 25.5354C22.9752 25.5354 23.5349 24.9758 23.5349 24.2854V22.5177H25.3198C26.0101 22.5177 26.5698 21.9581 26.5698 21.2677C26.5698 20.5774 26.0101 20.0177 25.3198 20.0177H23.5349V18.25Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_i_4792_17498" x="14.9" y="13.9" width="14.2" height="14.2" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="1.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.2 0 0 0 0 0.439216 0 0 0 0 1 0 0 0 0.1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_4792_17498"/>
+</filter>
+<filter id="filter1_f_4792_17498" x="11" y="10" width="16" height="17" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_4792_17498"/>
+</filter>
+<filter id="filter2_d_4792_17498" x="18" y="17" width="8.56976" height="8.63543" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.00986111 0 0 0 0 0.0953724 0 0 0 0 0.295833 0 0 0 0.22 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4792_17498"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4792_17498" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/frontend/packages/web/src/assets/svg/newOrder.svg b/frontend/packages/web/src/assets/svg/newOrder.svg
new file mode 100644
index 0000000..06950f0
--- /dev/null
+++ b/frontend/packages/web/src/assets/svg/newOrder.svg
@@ -0,0 +1,50 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 4C4 2.89543 4.89543 2 6 2H27C28.1046 2 29 2.89543 29 4V30.8215C29 32.2942 27.4622 33.2619 26.1345 32.6246L17.3655 28.4154C16.8184 28.1528 16.1816 28.1528 15.6345 28.4154L6.86546 32.6246C5.53779 33.2619 4 32.2942 4 30.8215V4Z" fill="#FE9847"/>
+<mask id="mask0_16326_1511" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="11" y="6" width="29" height="36">
+<path d="M11 8C11 6.89543 11.8954 6 13 6H38C39.1046 6 40 6.89543 40 8V39.0079C40 40.433 38.5521 41.4009 37.2353 40.856L26.2647 36.3164C25.775 36.1138 25.225 36.1138 24.7353 36.3164L13.7647 40.856C12.4479 41.4009 11 40.433 11 39.0079V8Z" fill="#D68383"/>
+</mask>
+<g mask="url(#mask0_16326_1511)">
+<path d="M4 4C4 2.89543 4.89543 2 6 2H27C28.1046 2 29 2.89543 29 4V30.8215C29 32.2942 27.4622 33.2619 26.1345 32.6246L17.3655 28.4154C16.8184 28.1528 16.1816 28.1528 15.6345 28.4154L6.86546 32.6246C5.53779 33.2619 4 32.2942 4 30.8215V4Z" fill="#00C261"/>
+</g>
+<g filter="url(#filter0_i_16326_1511)">
+<path d="M11 8C11 6.89543 11.8954 6 13 6H38C39.1046 6 40 6.89543 40 8V39.0079C40 40.433 38.5521 41.4009 37.2353 40.856L26.2647 36.3164C25.775 36.1138 25.225 36.1138 24.7353 36.3164L13.7647 40.856C12.4479 41.4009 11 40.433 11 39.0079V8Z" fill="#FFFAF2"/>
+</g>
+<path d="M11 8C11 6.89543 11.8954 6 13 6H38C39.1046 6 40 6.89543 40 8V39.0079C40 40.433 38.5521 41.4009 37.2353 40.856L26.2647 36.3164C25.775 36.1138 25.225 36.1138 24.7353 36.3164L13.7647 40.856C12.4479 41.4009 11 40.433 11 39.0079V8Z" stroke="white" stroke-opacity="0.8" stroke-width="0.2"/>
+<g filter="url(#filter1_f_16326_1511)">
+<mask id="mask1_16326_1511" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="12" y="7" width="29" height="30">
+<path d="M12 9C12 7.89543 12.8954 7 14 7H38.8957C40.0402 7 40.9513 7.95858 40.8931 9.10156L39.6278 33.9873C39.5624 35.2724 38.3181 36.1623 37.0809 35.8088L29.4431 33.6266C29.1515 33.5433 28.8448 33.5274 28.5461 33.5801L14.3476 36.0857C13.1229 36.3018 12 35.3598 12 34.1162V9Z" fill="#FE9847"/>
+</mask>
+<g mask="url(#mask1_16326_1511)">
+<path d="M3.3103 4.77783C3.3103 3.67326 4.20573 2.77783 5.3103 2.77783H34.3448C35.4494 2.77783 36.3448 3.67326 36.3448 4.77783V33.4254C36.3448 34.8861 34.8298 35.8541 33.5044 35.2403L25.725 31.6379C25.1594 31.3759 24.504 31.3927 23.9525 31.6832L6.24234 41.0113C4.9105 41.7128 3.3103 40.747 3.3103 39.2417V4.77783Z" fill="#FE9847"/>
+</g>
+</g>
+<g filter="url(#filter2_d_16326_1511)">
+<path d="M23.8677 12.4664C24.558 12.4664 25.1177 13.0261 25.1177 13.7164V18.2174H29.6372C30.3276 18.2174 30.8882 18.7771 30.8882 19.4674C30.888 20.1574 30.3282 20.7171 29.6382 20.7174H25.1177V25.2184C25.1174 25.9085 24.5579 26.4684 23.8677 26.4684C23.1775 26.4684 22.6179 25.9085 22.6177 25.2184V20.7174H18.0981C17.4079 20.7174 16.8474 20.1576 16.8472 19.4674C16.8472 18.7772 17.407 18.2177 18.0972 18.2174H22.6177V13.7164C22.6177 13.0261 23.1773 12.4664 23.8677 12.4664Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_i_16326_1511" x="10.9" y="5.90002" width="29.2" height="35.2101" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="1.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.996078 0 0 0 0 0.596078 0 0 0 0 0.278431 0 0 0 0.1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_16326_1511"/>
+</filter>
+<filter id="filter1_f_16326_1511" x="7" y="2" width="34.3448" height="39.1167" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_16326_1511"/>
+</filter>
+<filter id="filter2_d_16326_1511" x="16.8472" y="12.4664" width="14.041" height="14.102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.00986111 0 0 0 0 0.0953724 0 0 0 0 0.295833 0 0 0 0.22 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_16326_1511"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_16326_1511" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/frontend/packages/web/src/assets/svg/newPlan.svg b/frontend/packages/web/src/assets/svg/newPlan.svg
new file mode 100644
index 0000000..672f59d
--- /dev/null
+++ b/frontend/packages/web/src/assets/svg/newPlan.svg
@@ -0,0 +1,40 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1 10.3684C1 9.81612 1.44772 9.36841 2 9.36841H22C22.5523 9.36841 23 9.81612 23 10.3684V21.9474C23 23.081 22.081 24 20.9474 24H3.05263C1.919 24 1 23.081 1 21.9474V10.3684ZM3 11.3684V21.9474C3 21.9764 3.02355 22 3.05263 22H20.9474C20.9765 22 21 21.9764 21 21.9474V11.3684H3Z" fill="#9170FD"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.78949 3C8.78949 2.44772 8.34177 2 7.78949 2C7.23721 2 6.78949 2.44772 6.78949 3V3.57892H3.05263C1.91899 3.57892 1 4.49791 1 5.63155V10.3684C1 10.9207 1.44772 11.3684 2 11.3684V21.9474C2 22.5287 2.47128 23 3.05263 23H20.9474C21.5287 23 22 22.5287 22 21.9474V11.3684C22.5523 11.3684 23 10.9207 23 10.3684V5.63155C23 4.49792 22.081 3.57892 20.9474 3.57892H17.2105V3C17.2105 2.44772 16.7628 2 16.2105 2C15.6582 2 15.2105 2.44772 15.2105 3V3.57892H8.78949V3ZM15.2105 7.21053V5.57892H8.78949V7.21053C8.78949 7.76281 8.34177 8.21053 7.78949 8.21053C7.23721 8.21053 6.78949 7.76281 6.78949 7.21053V5.57892H3.05263C3.02356 5.57892 3 5.60248 3 5.63155V9.36839H21V5.63155C21 5.60247 20.9764 5.57892 20.9474 5.57892H17.2105V7.21053C17.2105 7.76281 16.7628 8.21053 16.2105 8.21053C15.6582 8.21053 15.2105 7.76281 15.2105 7.21053ZM17.9703 14.2334C18.3608 13.8429 18.3608 13.2097 17.9703 12.8192C17.5798 12.4287 16.9466 12.4287 16.5561 12.8192L10.9474 18.4279L8.4966 15.9771C8.10607 15.5866 7.47291 15.5866 7.08238 15.9771C6.69186 16.3676 6.69186 17.0008 7.08238 17.3913L10.2403 20.5492C10.6308 20.9397 11.264 20.9397 11.6545 20.5492L17.9703 14.2334Z" fill="#9170FD"/>
+<g filter="url(#filter0_i_4792_17631)">
+<circle cx="22" cy="21" r="7" fill="#F5F2FF"/>
+</g>
+<circle cx="22" cy="21" r="7" stroke="white" stroke-width="0.2"/>
+<g filter="url(#filter1_f_4792_17631)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23 14.0709C22.6734 14.0242 22.3395 14 22 14C18.134 14 15 17.134 15 21C15 21.695 15.1013 22.3663 15.2899 23H21C22.1046 23 23 22.1046 23 21V14.0709Z" fill="#9170FD"/>
+</g>
+<g filter="url(#filter2_d_4792_17631)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.5349 18.25C23.5349 17.5596 22.9752 17 22.2849 17C21.5945 17 21.0349 17.5596 21.0349 18.25V20.0177H19.25C18.5596 20.0177 18 20.5774 18 21.2677C18 21.9581 18.5596 22.5177 19.25 22.5177H21.0349V24.2854C21.0349 24.9758 21.5945 25.5354 22.2849 25.5354C22.9752 25.5354 23.5349 24.9758 23.5349 24.2854V22.5177H25.3198C26.0101 22.5177 26.5698 21.9581 26.5698 21.2677C26.5698 20.5774 26.0101 20.0177 25.3198 20.0177H23.5349V18.25Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_i_4792_17631" x="14.9" y="13.9" width="14.2" height="14.2" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="1.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.705882 0 0 0 0 0.639216 0 0 0 0 0.984314 0 0 0 1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_4792_17631"/>
+</filter>
+<filter id="filter1_f_4792_17631" x="11" y="10" width="16" height="17" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_4792_17631"/>
+</filter>
+<filter id="filter2_d_4792_17631" x="18" y="17" width="8.56976" height="8.63543" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.00986111 0 0 0 0 0.0953724 0 0 0 0 0.295833 0 0 0 0.22 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4792_17631"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4792_17631" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/frontend/packages/web/src/assets/svg/newRecord.svg b/frontend/packages/web/src/assets/svg/newRecord.svg
new file mode 100644
index 0000000..5420c55
--- /dev/null
+++ b/frontend/packages/web/src/assets/svg/newRecord.svg
@@ -0,0 +1,26 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 3C6.89543 3 6 3.89543 6 5V18C6 19.1046 6.89543 20 8 20H22C23.1046 20 24 19.1046 24 18V5C24 3.89543 23.1046 3 22 3H8ZM12 7C12 6.44772 12.4477 6 13 6H17C17.5523 6 18 6.44772 18 7C18 7.55228 17.5523 8 17 8H13C12.4477 8 12 7.55228 12 7ZM12 10C12 9.44772 12.4477 9 13 9H17C17.5523 9 18 9.44772 18 10C18 10.5523 17.5523 11 17 11H13C12.4477 11 12 10.5523 12 10Z" fill="#FE9847"/>
+<path d="M4 13.25H26C26.9665 13.25 27.75 14.0335 27.75 15V26C27.75 26.9665 26.9665 27.75 26 27.75H4C3.0335 27.75 2.25 26.9665 2.25 26V15C2.25 14.0335 3.0335 13.25 4 13.25Z" fill="#FFF5EC" stroke="white" stroke-width="0.5"/>
+<g filter="url(#filter0_f_4792_17570)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 13V22C24 23.1046 23.1046 24 22 24H8C6.89543 24 6 23.1046 6 22V13H24Z" fill="#FE9847"/>
+</g>
+<g filter="url(#filter1_d_4792_17570)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.2748 24.0425C12.303 24.0777 12.3335 24.1117 12.3661 24.1443C12.8543 24.6324 13.6457 24.6324 14.1339 24.1443L20.1443 18.1339C20.6325 17.6457 20.6325 16.8543 20.1443 16.3661C19.6561 15.878 18.8647 15.878 18.3765 16.3661L13.2552 21.4874L11.1339 19.3661C10.6457 18.8779 9.85427 18.8779 9.36612 19.3661C8.87796 19.8542 8.87796 20.6457 9.36612 21.1339L12.2748 24.0425Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_f_4792_17570" x="0" y="7" width="30" height="23" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="3" result="effect1_foregroundBlur_4792_17570"/>
+</filter>
+<filter id="filter1_d_4792_17570" x="9" y="16" width="11.5104" height="8.61041" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.00986111 0 0 0 0 0.0953724 0 0 0 0 0.295833 0 0 0 0.22 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4792_17570"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4792_17570" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/frontend/packages/web/src/assets/svg/qichacha.svg b/frontend/packages/web/src/assets/svg/qichacha.svg
new file mode 100644
index 0000000..b82f3e0
--- /dev/null
+++ b/frontend/packages/web/src/assets/svg/qichacha.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1767000678212" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="27071" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 42.666667a469.077333 469.077333 0 0 1 427.52 662.613333l-84.437333-47.872A372.693333 372.693333 0 0 0 188.8 326.698667a372.693333 372.693333 0 0 0 623.061333 406.357333l160.213334 98.261333-46.805334 81.152-95.701333-55.168A469.077333 469.077333 0 0 1 60.544 384.042667 469.162667 469.162667 0 0 1 512 42.666667z m0 187.562666c58.538667 0 112.981333 17.92 157.994667 48.512L614.826667 357.973333a185.002667 185.002667 0 1 0 45.696 264.362667l79.104 55.466667a281.557333 281.557333 0 0 1-502.869334-224.512A281.557333 281.557333 0 0 1 512 230.229333z m0 176.426667c24.32 0 46.72 8.234667 64.554667 22.101333l-37.12 53.930667a40.106667 40.106667 0 1 0 7.594666 48.64l53.333334 37.802667a105.258667 105.258667 0 1 1-88.32-162.56v0.085333z" fill="#1890FF" p-id="27072"></path></svg>
\ No newline at end of file
diff --git a/frontend/packages/web/src/assets/svg/success.svg b/frontend/packages/web/src/assets/svg/success.svg
new file mode 100644
index 0000000..d2434c0
--- /dev/null
+++ b/frontend/packages/web/src/assets/svg/success.svg
@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="16" cy="16" r="16" fill="#E5F9EF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.31104 15.9999C2.31104 23.5609 8.43895 29.6888 15.9999 29.6888C23.5609 29.6888 29.6888 23.5609 29.6888 15.9999C29.6888 8.43895 23.5609 2.31104 15.9999 2.31104C8.43895 2.31104 2.31104 8.43895 2.31104 15.9999Z" fill="#00C261"/>
+<path d="M22.716 13.2866C23.0501 12.9524 23.0501 12.4107 22.716 12.0766L22.1111 11.4717C21.7769 11.1375 21.2352 11.1375 20.9011 11.4717L14.0997 18.2724L11.576 15.7494C11.2419 15.4153 10.7002 15.4153 10.3661 15.7494L9.76108 16.3544C9.42697 16.6885 9.42697 17.2302 9.76108 17.5643L13.3909 21.1942C13.6278 21.4311 13.9691 21.5 14.2671 21.4015C14.4791 21.3964 14.6896 21.313 14.8514 21.1512L22.716 13.2866Z" fill="white"/>
+</svg>
diff --git a/frontend/packages/web/src/assets/svg/uploadfile.svg b/frontend/packages/web/src/assets/svg/uploadfile.svg
new file mode 100644
index 0000000..4ced7e0
--- /dev/null
+++ b/frontend/packages/web/src/assets/svg/uploadfile.svg
@@ -0,0 +1,105 @@
+<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.33333 3.33349C1.33333 2.22892 2.22876 1.3335 3.33333 1.3335H22.6667C23.7712 1.3335 24.6667 2.22893 24.6667 3.3335V26.0002C24.6667 27.1047 23.7712 28.0002 22.6667 28.0002H3.33333C2.22876 28.0002 1.33333 27.1047 1.33333 26.0002V3.33349Z" fill="url(#paint0_linear_730_58943)"/>
+<g filter="url(#filter0_d_730_58943)">
+<path d="M2.66667 4.6665C2.66667 3.56193 3.5621 2.6665 4.66667 2.6665H21.3333C22.4379 2.6665 23.3333 3.56193 23.3333 4.6665V24.6665C23.3333 25.7711 22.4379 26.6665 21.3333 26.6665H4.66667C3.5621 26.6665 2.66667 25.7711 2.66667 24.6665V4.6665Z" fill="url(#paint1_linear_730_58943)"/>
+<path d="M4.66667 2.7665H21.3333C22.3827 2.7665 23.2333 3.61716 23.2333 4.6665V24.6665C23.2333 25.7158 22.3827 26.5665 21.3333 26.5665H4.66667C3.61733 26.5665 2.76667 25.7158 2.76667 24.6665V4.6665C2.76667 3.61716 3.61733 2.7665 4.66667 2.7665Z" stroke="url(#paint2_linear_730_58943)" stroke-width="0.2"/>
+</g>
+<g filter="url(#filter1_d_730_58943)">
+<rect x="15.3333" y="7.3335" width="6.66667" height="2" rx="1" fill="white"/>
+</g>
+<g filter="url(#filter2_d_730_58943)">
+<rect x="15.3333" y="12" width="6.66667" height="2" rx="1" fill="white"/>
+</g>
+<g filter="url(#filter3_d_730_58943)">
+<path d="M4 8.37196V21.0029L13.6164 22.6665V6.6665L4 8.37741V8.37196Z" fill="white"/>
+</g>
+<g filter="url(#filter4_d_730_58943)">
+<circle cx="22.6667" cy="22.6665" r="8" fill="url(#paint3_linear_730_58943)"/>
+<circle cx="22.6667" cy="22.6665" r="7.9" stroke="url(#paint4_linear_730_58943)" stroke-width="0.2"/>
+</g>
+<g filter="url(#filter5_d_730_58943)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.5473 18.9694C23.1422 18.5652 22.4862 18.5656 22.0815 18.9702L18.9704 22.0814C18.5654 22.4863 18.5654 23.143 18.9704 23.5479C19.3754 23.9529 20.032 23.9529 20.437 23.5479L21.7778 22.2072V27.1933C21.7778 27.6387 22.2421 27.9998 22.8148 27.9998C23.3876 27.9998 23.8519 27.6387 23.8519 27.1933V22.2032L25.1934 23.5419C25.5989 23.9464 26.2555 23.9457 26.66 23.5402C27.0646 23.1348 27.0639 22.4782 26.6584 22.0736L23.5473 18.9694Z" fill="#008D91"/>
+</g>
+<defs>
+<filter id="filter0_d_730_58943" x="1.66667" y="2.6665" width="22.6667" height="26" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.00513634 0 0 0 0 0.454093 0 0 0 0 0.466829 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_730_58943"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_730_58943" result="shape"/>
+</filter>
+<filter id="filter1_d_730_58943" x="15.1333" y="7.3335" width="7.06667" height="2.4" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.2"/>
+<feGaussianBlur stdDeviation="0.1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.00392157 0 0 0 0 0.360784 0 0 0 0 0.368627 0 0 0 0.1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_730_58943"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_730_58943" result="shape"/>
+</filter>
+<filter id="filter2_d_730_58943" x="15.1333" y="12" width="7.06667" height="2.4" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.2"/>
+<feGaussianBlur stdDeviation="0.1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.00392157 0 0 0 0 0.360784 0 0 0 0 0.368627 0 0 0 0.1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_730_58943"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_730_58943" result="shape"/>
+</filter>
+<filter id="filter3_d_730_58943" x="3.8" y="6.6665" width="10.0164" height="16.4" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.2"/>
+<feGaussianBlur stdDeviation="0.1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.00392157 0 0 0 0 0.376471 0 0 0 0 0.388235 0 0 0 0.26 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_730_58943"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_730_58943" result="shape"/>
+</filter>
+<filter id="filter4_d_730_58943" x="13.6667" y="14.6665" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.352089 0 0 0 0 0.362077 0 0 0 0.1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_730_58943"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_730_58943" result="shape"/>
+</filter>
+<filter id="filter5_d_730_58943" x="18.4667" y="18.6665" width="8.6963" height="9.7335" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.2"/>
+<feGaussianBlur stdDeviation="0.1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.00392157 0 0 0 0 0.388235 0 0 0 0 0.396078 0 0 0 0.26 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_730_58943"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_730_58943" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_730_58943" x1="12" y1="25.3335" x2="12" y2="1.3335" gradientUnits="userSpaceOnUse">
+<stop stop-color="#008D91"/>
+<stop offset="1" stop-color="#F2FBFB"/>
+</linearGradient>
+<linearGradient id="paint1_linear_730_58943" x1="12" y1="2.6665" x2="12" y2="23.9998" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F1FBFB"/>
+<stop offset="1" stop-color="#B2E4E6"/>
+</linearGradient>
+<linearGradient id="paint2_linear_730_58943" x1="12" y1="2.6665" x2="12" y2="23.9998" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F7FFFF"/>
+<stop offset="1" stop-color="#63C6CA"/>
+</linearGradient>
+<linearGradient id="paint3_linear_730_58943" x1="21.8925" y1="14.6665" x2="21.8925" y2="28.8887" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F1FBFB"/>
+<stop offset="1" stop-color="#B2E4E6"/>
+</linearGradient>
+<linearGradient id="paint4_linear_730_58943" x1="21.8925" y1="14.6665" x2="21.8925" y2="28.8887" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F7FFFF"/>
+<stop offset="1" stop-color="#63C6CA"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/frontend/packages/web/src/assets/svg/userLogin.svg b/frontend/packages/web/src/assets/svg/userLogin.svg
new file mode 100644
index 0000000..a86edb7
--- /dev/null
+++ b/frontend/packages/web/src/assets/svg/userLogin.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.1663 10C19.1663 15.0627 15.0623 19.1667 9.99967 19.1667C4.93706 19.1667 0.833008 15.0627 0.833008 10C0.833008 4.93743 4.93706 0.833374 9.99967 0.833374C15.0623 0.833374 19.1663 4.93743 19.1663 10ZM13.333 7.50004C13.333 9.34097 11.8406 10.8334 9.99967 10.8334C8.15874 10.8334 6.66634 9.34097 6.66634 7.50004C6.66634 5.65911 8.15874 4.16671 9.99967 4.16671C11.8406 4.16671 13.333 5.65911 13.333 7.50004ZM16.5818 16.38C14.9157 18.0986 12.5824 19.1667 9.99965 19.1667C7.41662 19.1667 5.08311 18.0983 3.41693 16.3794C4.40968 14.2666 6.0481 12.0834 7.49964 12.0834H12.4996C13.9504 12.0834 15.5889 14.2682 16.5818 16.38Z" fill="#D9BCE3"/>
+</svg>
diff --git a/frontend/packages/web/src/auto-import.d.ts b/frontend/packages/web/src/auto-import.d.ts
new file mode 100644
index 0000000..9b894de
--- /dev/null
+++ b/frontend/packages/web/src/auto-import.d.ts
@@ -0,0 +1,70 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+export {}
+declare global {
+  const EffectScope: typeof import('vue')['EffectScope']
+  const computed: typeof import('vue')['computed']
+  const createApp: typeof import('vue')['createApp']
+  const customRef: typeof import('vue')['customRef']
+  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
+  const defineComponent: typeof import('vue')['defineComponent']
+  const effectScope: typeof import('vue')['effectScope']
+  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
+  const getCurrentScope: typeof import('vue')['getCurrentScope']
+  const h: typeof import('vue')['h']
+  const inject: typeof import('vue')['inject']
+  const isProxy: typeof import('vue')['isProxy']
+  const isReactive: typeof import('vue')['isReactive']
+  const isReadonly: typeof import('vue')['isReadonly']
+  const isRef: typeof import('vue')['isRef']
+  const markRaw: typeof import('vue')['markRaw']
+  const nextTick: typeof import('vue')['nextTick']
+  const onActivated: typeof import('vue')['onActivated']
+  const onBeforeMount: typeof import('vue')['onBeforeMount']
+  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
+  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
+  const onDeactivated: typeof import('vue')['onDeactivated']
+  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
+  const onMounted: typeof import('vue')['onMounted']
+  const onRenderTracked: typeof import('vue')['onRenderTracked']
+  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
+  const onScopeDispose: typeof import('vue')['onScopeDispose']
+  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
+  const onUnmounted: typeof import('vue')['onUnmounted']
+  const onUpdated: typeof import('vue')['onUpdated']
+  const onWatcherCleanup: typeof import('vue')['onWatcherCleanup']
+  const provide: typeof import('vue')['provide']
+  const reactive: typeof import('vue')['reactive']
+  const readonly: typeof import('vue')['readonly']
+  const ref: typeof import('vue')['ref']
+  const resolveComponent: typeof import('vue')['resolveComponent']
+  const shallowReactive: typeof import('vue')['shallowReactive']
+  const shallowReadonly: typeof import('vue')['shallowReadonly']
+  const shallowRef: typeof import('vue')['shallowRef']
+  const toRaw: typeof import('vue')['toRaw']
+  const toRef: typeof import('vue')['toRef']
+  const toRefs: typeof import('vue')['toRefs']
+  const toValue: typeof import('vue')['toValue']
+  const triggerRef: typeof import('vue')['triggerRef']
+  const unref: typeof import('vue')['unref']
+  const useAttrs: typeof import('vue')['useAttrs']
+  const useCssModule: typeof import('vue')['useCssModule']
+  const useCssVars: typeof import('vue')['useCssVars']
+  const useId: typeof import('vue')['useId']
+  const useModel: typeof import('vue')['useModel']
+  const useSlots: typeof import('vue')['useSlots']
+  const useTemplateRef: typeof import('vue')['useTemplateRef']
+  const watch: typeof import('vue')['watch']
+  const watchEffect: typeof import('vue')['watchEffect']
+  const watchPostEffect: typeof import('vue')['watchPostEffect']
+  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
+}
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type { Component, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
+  import('vue')
+}
diff --git a/frontend/packages/web/src/components/business/crm-agent-drawer/index.vue b/frontend/packages/web/src/components/business/crm-agent-drawer/index.vue
new file mode 100644
index 0000000..e89958e
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-agent-drawer/index.vue
@@ -0,0 +1,120 @@
+<template>
+  <CrmDrawer v-model:show="visible" :footer="false" width="80vw">
+    <template #titleLeft>
+      <n-tooltip trigger="hover" :disabled="agentList.length > 0">
+        <template #trigger>
+          <n-select
+            v-model:value="activeAgent"
+            :options="agentList"
+            :placeholder="t('common.pleaseSelect')"
+            class="w-[200px]"
+            :disabled="agentList.length === 0"
+            :loading="loading"
+            label-field="name"
+            value-field="id"
+            @update-value="handleAgentChange"
+          />
+        </template>
+        {{ t('agentDrawer.unAddedAgent') }}
+      </n-tooltip>
+    </template>
+    <div class="h-full">
+      <n-empty v-if="agentList.length === 0" :show-icon="false">
+        <div class="flex h-[200px] items-center justify-between gap-[8px]">
+          {{ t('agentDrawer.noAgent') }}
+          <n-button v-permission="['AGENT:READ']" type="primary" text @click="jump">
+            {{ t('agentDrawer.addAgent') }}
+          </n-button>
+        </div>
+      </n-empty>
+      <div v-else class="h-full" v-html="activeAgentScript"></div>
+    </div>
+  </CrmDrawer>
+</template>
+
+<script setup lang="ts">
+  import { useRouter } from 'vue-router';
+  import { NButton, NEmpty, NSelect, NTooltip } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+
+  import { getAgentOptions } from '@/api/modules';
+  import useUserStore from '@/store/modules/user';
+
+  import { AgentRouteEnum } from '@/enums/routeEnum';
+
+  const router = useRouter();
+  const { t } = useI18n();
+  const userStore = useUserStore();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const activeAgent = ref<string | null>(localStorage.getItem('crm-agent-drawer-active-agent') || null);
+  const agentList = ref<Record<string, any>[]>([]);
+  const firstValidApiKey = computed(() => userStore.apiKeyList.find((key) => !key.isExpire && key.enable));
+  const activeAgentScript = computed(() => {
+    const script = (agentList.value.find((agent) => agent.id === activeAgent.value)?.script as string) || '';
+    let result = script.replace(/\$\{ak\}/g, firstValidApiKey.value?.accessKey || '');
+    result = result.replace(/\$\{sk\}/g, firstValidApiKey.value?.secretKey || '');
+    result = result.replace(/\$\{username\}/g, userStore.userInfo.name);
+    return result;
+  });
+
+  function jump() {
+    visible.value = false;
+    if (router.currentRoute.value.name === AgentRouteEnum.AGENT_INDEX) {
+      router.replace({ name: AgentRouteEnum.AGENT_INDEX, query: { showAdd: 'Y', t: Date.now() } });
+    } else {
+      router.push({ name: AgentRouteEnum.AGENT_INDEX, query: { showAdd: 'Y' } });
+    }
+  }
+
+  const loading = ref(false);
+  async function initAgentList() {
+    try {
+      loading.value = true;
+      agentList.value = await getAgentOptions();
+
+      const hasAgentId = agentList.value.find((agent) => agent.id === activeAgent.value);
+      if ((!activeAgent.value && agentList.value.length > 0) || (activeAgent.value && !hasAgentId)) {
+        activeAgent.value = agentList.value[0]?.id ?? null;
+        if (activeAgent.value) {
+          localStorage.setItem('crm-agent-drawer-active-agent', activeAgent.value);
+        } else {
+          localStorage.removeItem('crm-agent-drawer-active-agent');
+        }
+      } else if (agentList.value.length === 0) {
+        localStorage.removeItem('crm-agent-drawer-active-agent');
+        activeAgent.value = null;
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  function handleAgentChange(val: string) {
+    localStorage.setItem('crm-agent-drawer-active-agent', val);
+  }
+
+  watch(
+    () => visible.value,
+    (val) => {
+      if (val) {
+        userStore.initApiKeyList();
+        initAgentList();
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-agent-drawer/locale/en-US.ts b/frontend/packages/web/src/components/business/crm-agent-drawer/locale/en-US.ts
new file mode 100644
index 0000000..877d120
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-agent-drawer/locale/en-US.ts
@@ -0,0 +1,5 @@
+export default {
+  'agentDrawer.unAddedAgent': 'No agent added',
+  'agentDrawer.noAgent': 'No agent available',
+  'agentDrawer.addAgent': 'Add agent',
+};
diff --git a/frontend/packages/web/src/components/business/crm-agent-drawer/locale/zh-CN.ts b/frontend/packages/web/src/components/business/crm-agent-drawer/locale/zh-CN.ts
new file mode 100644
index 0000000..3d9fea2
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-agent-drawer/locale/zh-CN.ts
@@ -0,0 +1,5 @@
+export default {
+  'agentDrawer.unAddedAgent': '未添加智能体',
+  'agentDrawer.noAgent': '暂无智能体',
+  'agentDrawer.addAgent': '添加智能体',
+};
diff --git a/frontend/packages/web/src/components/business/crm-approval/components/crm-approval-approver-content.vue b/frontend/packages/web/src/components/business/crm-approval/components/crm-approval-approver-content.vue
new file mode 100644
index 0000000..af98d81
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-approval/components/crm-approval-approver-content.vue
@@ -0,0 +1,182 @@
+<template>
+  <div class="crm-approval-approver-content">
+    <div v-if="approvers.length" class="crm-approver-avatar-list">
+      <div
+        v-for="approver in approvers"
+        :key="approver.id"
+        class="crm-approver-avatar-list__item"
+        :class="{ 'crm-approver-avatar-list__item--active': approver.id === activeApproverId }"
+      >
+        <CrmApprovalAvatar
+          :approver="approver"
+          :size="props.size"
+          :activeApproverId="activeApproverId"
+          @toggleActive="toggleActive(approver)"
+        />
+        <n-tooltip :delay="300" trigger="hover">
+          <template #trigger>
+            <div
+              class="one-line-text crm-approver-avatar-list__name cursor-pointer"
+              :class="{
+                'crm-approver-avatar-list__name--active-approval': isActiveApproval(approver),
+                'crm-approver-avatar-list__name--active-rejected': isActiveRejected(approver),
+                'crm-approver-avatar-list__name--active': approver.id === activeApproverId,
+              }"
+              @click="toggleActive(approver)"
+            >
+              {{ approver.name }}
+            </div>
+          </template>
+          {{ approver.name }}
+        </n-tooltip>
+      </div>
+    </div>
+    <div v-if="currentApproverReason" class="crm-approval-approver-content__reasons">
+      <div class="crm-approval-approver-content__reason">
+        {{ currentApproverReason }}
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { NTooltip } from 'naive-ui';
+
+  import { ProcessStatusEnum } from '@lib/shared/enums/process';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { ApproverItem } from '@lib/shared/models/system/process';
+
+  import CrmApprovalAvatar from './crm-approval-avatar.vue';
+
+  const props = withDefaults(
+    defineProps<{
+      approvers?: ApproverItem[];
+      size?: number;
+    }>(),
+    {
+      approvers: () => [],
+      size: 24,
+    }
+  );
+
+  const { t } = useI18n();
+
+  const approvers = computed(() => props.approvers || []);
+
+  const activeApproverId = defineModel<string | number>('activeId', {
+    default: '',
+  });
+
+  const currentApproverMap = computed(() => new Map(approvers.value.map((item) => [String(item.id), item])));
+  const currentApproverReason = computed(() => {
+    const currentApprover = currentApproverMap.value.get(String(activeApproverId.value));
+
+    if (!currentApprover) {
+      return '';
+    }
+
+    if (currentApprover.approveResult === ProcessStatusEnum.AUTO_UNAPPROVED) {
+      return t('crm.approval.autoReject');
+    }
+
+    return currentApprover.approveReason ?? '';
+  });
+
+  function isActiveApproval(approver: ApproverItem) {
+    return approver.approveResult === ProcessStatusEnum.APPROVED && approver.id === activeApproverId.value;
+  }
+
+  function isActiveRejected(approver: ApproverItem) {
+    return approver.approveResult === ProcessStatusEnum.UNAPPROVED && approver.id === activeApproverId.value;
+  }
+
+  function toggleActive(approver: ApproverItem) {
+    activeApproverId.value = approver.id;
+  }
+
+  watch(
+    approvers,
+    (list) => {
+      if (!list.length) {
+        activeApproverId.value = '';
+        return;
+      }
+
+      const hasCurrentActive = list.some((item) => item.id === activeApproverId.value);
+      if (!hasCurrentActive) {
+        activeApproverId.value = list[0]?.id ?? '';
+      }
+    },
+    { immediate: true }
+  );
+</script>
+
+<style scoped lang="less">
+  .crm-approval-approver-content {
+    .crm-approver-avatar-list {
+      display: flex;
+      padding: 8px;
+      flex-wrap: wrap;
+      gap: 4px;
+    }
+    .crm-approver-avatar-list__item {
+      display: flex;
+      align-items: center;
+      min-width: 0;
+      max-width: 100%;
+      column-gap: 8px;
+      row-gap: 4px;
+      cursor: pointer;
+    }
+    .crm-approver-avatar-list__avatar-wrap {
+      position: relative;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: v-bind('`${props.size}px`');
+      height: v-bind('`${props.size}px`');
+      border-radius: 50%;
+      transition: box-shadow 0.18s ease;
+      @apply flex flex-shrink-0 items-center justify-between;
+      &--active {
+        box-shadow: 0 0 0 1px var(--primary-8);
+      }
+    }
+    .crm-approver-avatar-list__item:hover {
+      .crm-approver-avatar-list__name {
+        color: var(--primary-8);
+      }
+    }
+    .crm-approver-avatar-list__name {
+      color: var(--text-n1);
+      &--active-approval {
+        color: var(--primary-0);
+      }
+      &--active-rejected {
+        color: var(--primary-1);
+      }
+      &--active {
+        color: var(--primary-8);
+      }
+    }
+    .crm-approval-approver-content__reasons {
+      display: flex;
+      border-radius: 4px;
+      background: var(--text-n9);
+      flex-direction: column;
+      gap: 8px;
+      .crm-approval-approver-content__reason {
+        display: box;
+        overflow: hidden;
+        padding: 8px;
+        font-size: 14px;
+        border-radius: 4px;
+        text-overflow: ellipsis;
+        color: var(--text-n2);
+        line-height: 22px;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 2;
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-approval/components/crm-approval-avatar.vue b/frontend/packages/web/src/components/business/crm-approval/components/crm-approval-avatar.vue
new file mode 100644
index 0000000..8266a70
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-approval/components/crm-approval-avatar.vue
@@ -0,0 +1,109 @@
+<template>
+  <div
+    class="crm-approver-avatar-list__avatar-wrap"
+    :class="{ 'crm-approver-avatar-list__avatar-wrap--active': props.approver?.id === activeApproverId }"
+  >
+    <n-avatar v-if="isShowAutoBot" round :size="props.size" class="cursor-pointer" @click="emit('toggleActive')">
+      <CrmIcon type="iconicon_bot" :size="18" class="text-[var(--text-n10)]" />
+    </n-avatar>
+    <CrmAvatar
+      v-else
+      :avatar="props.approver?.avatar"
+      :word="props.approver?.name"
+      :is-user="false"
+      :size="props.size"
+      class="cursor-pointer"
+      @click="emit('toggleActive')"
+    />
+    <div
+      v-if="props.approver?.approveResult"
+      :class="getStatusClass(props.approver.approveResult)"
+      class="crm-approver-avatar-list__status"
+    >
+      <CrmIcon :type="getStatusIcon(props.approver.approveResult)" :size="14" />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { NAvatar } from 'naive-ui';
+
+  import { ProcessStatusEnum } from '@lib/shared/enums/process';
+  import type { ApproverItem } from '@lib/shared/models/system/process';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmAvatar from '@/components/business/crm-avatar/index.vue';
+
+  const props = withDefaults(
+    defineProps<{
+      approver?: ApproverItem;
+      size?: number;
+      activeApproverId?: string | number;
+      signNode?: boolean;
+    }>(),
+    {
+      approvers: () => [],
+      size: 24,
+    }
+  );
+  const emit = defineEmits<{
+    (e: 'toggleActive'): void;
+  }>();
+
+  const isShowAutoBot = computed(() => props.approver?.id === 'Cbot');
+
+  function getStatusIcon(status: ProcessStatusEnum) {
+    if (props.signNode) {
+      return 'iconicon_add_one';
+    }
+    if ([ProcessStatusEnum.UNAPPROVED, ProcessStatusEnum.AUTO_UNAPPROVED].includes(status)) {
+      return 'iconicon_close_circle_filled';
+    }
+    return 'iconicon_succeed_filled';
+  }
+
+  function getStatusClass(status: ProcessStatusEnum) {
+    if (props.signNode) {
+      return 'text-[var(--info-blue)]';
+    }
+    switch (status) {
+      case ProcessStatusEnum.UNAPPROVED:
+      case ProcessStatusEnum.AUTO_UNAPPROVED:
+        return 'text-[var(--error-red)]';
+      case ProcessStatusEnum.APPROVED:
+      case ProcessStatusEnum.AUTO_APPROVED:
+        return 'text-[var(--success-green)]';
+      default:
+        return 'text-[var(--text-n4)]';
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  .crm-approver-avatar-list__avatar-wrap {
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: v-bind('`${props.size}px`');
+    height: v-bind('`${props.size}px`');
+    border-radius: 50%;
+    transition: box-shadow 0.18s ease;
+    @apply flex flex-shrink-0 items-center justify-between;
+    &--active {
+      box-shadow: 0 0 0 1px var(--primary-8);
+    }
+  }
+  .crm-approver-avatar-list__status {
+    position: absolute;
+    top: -3px;
+    right: -3px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 12px;
+    height: 12px;
+    border-radius: 50%;
+    background-color: var(--text-n10);
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-approval/components/crm-approval-detail.vue b/frontend/packages/web/src/components/business/crm-approval/components/crm-approval-detail.vue
new file mode 100644
index 0000000..c44ab63
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-approval/components/crm-approval-detail.vue
@@ -0,0 +1,740 @@
+<template>
+  <CrmCard hide-footer no-content-padding>
+    <CrmSplitPanel
+      v-if="props.approvalStatus && ![ProcessStatusEnum.PENDING, ProcessStatusEnum.NONE].includes(props.approvalStatus)"
+      :size="0.7"
+      :max="1"
+      :min="0.7"
+      :default-size="0.7"
+      collapse-side="right"
+      disabled
+    >
+      <template #1>
+        <div class="flex h-full w-full p-[24px_8px_24px_24px]">
+          <n-scrollbar :content-style="{ paddingRight: '8px' }" x-scrollable>
+            <slot name="left" :fieldPermissions="filedPermission"></slot>
+          </n-scrollbar>
+        </div>
+      </template>
+      <template #2>
+        <div
+          v-if="noApproval"
+          class="h-full w-full flex-1 border-l border-[var(--text-n8)] px-[16px] py-[24px] pb-[32px]"
+        >
+          <div class="mb-[8px] text-[16px] font-semibold">{{ t('crm.approval.record') }}</div>
+          {{ t('crm.approval.historyTip') }}
+        </div>
+        <div v-else class="flex h-full w-full flex-col overflow-hidden border-l border-[var(--text-n8)]">
+          <div class="flex-1 overflow-hidden px-[16px] py-[24px] pb-[32px]">
+            <div class="mb-[8px] text-[16px] font-semibold">{{ t('crm.approval.record') }}</div>
+            <CrmApprovalLine
+              :nodes="approvalInfo?.nodes || []"
+              :submitter="{
+                submitAvatar: approvalInfo?.submitAvatar,
+                submitter: approvalInfo?.submitter,
+                submitTime: approvalInfo?.submitTime,
+                submitterId: approvalInfo?.submitterId,
+                comment: approvalInfo?.comment,
+              }"
+              :currentApprovalNode="currentApprovalNode"
+              :currentApprovalNodeIndex="currentApprovalNodeIndex"
+              :finally-result="approvalInfo?.approvalStatus"
+              class="pr-[8px]"
+            />
+          </div>
+          <div
+            v-if="
+              approvalInfo?.approvalStatus === ProcessStatusEnum.APPROVING &&
+              (isApprover || canCancelApply || canCancelApproval)
+            "
+            class="sticky bottom-0 border-t border-[var(--text-n8)] bg-[var(--text-n10)] p-[16px]"
+          >
+            <template v-if="isApprover">
+              <div class="flex items-center gap-[4px]">
+                <div class="mb-[8px] font-semibold">{{ t('crm.approval.opinion') }}</div>
+                <span v-if="approvalConfig?.requireComment" class="text-[var(--error-red)]">*</span>
+              </div>
+              <CrmFileInput
+                ref="CrmFileInputRef"
+                v-model:value="approvalOpinion"
+                v-model:file-list="fileList"
+                :required="approvalConfig?.requireComment"
+                :name="t('crm.approval.opinion')"
+              />
+              <div class="mt-[12px] flex gap-[12px]">
+                <n-button type="primary" class="flex-1" :loading="approvalLoading" @click="handleApprove">
+                  {{ t('common.approve') }}
+                </n-button>
+                <n-button type="error" ghost @click="handleReject">{{ t('common.reject') }}</n-button>
+                <CrmMoreAction :options="moreActions" trigger="click" size="medium" @select="handleMoreActionSelect" />
+              </div>
+            </template>
+            <n-button
+              v-if="canCancelApply"
+              type="primary"
+              class="mt-[16px]"
+              ghost
+              block
+              @click="cancelApproval('apply')"
+            >
+              <template #icon>
+                <CrmIcon type="iconicon_rollfront" :size="16" />
+              </template>
+              {{ t('common.revoke') }}
+            </n-button>
+            <n-button
+              v-if="canCancelApproval"
+              type="primary"
+              class="mt-[16px]"
+              ghost
+              block
+              @click="() => cancelApproval()"
+            >
+              <template #icon>
+                <CrmIcon type="iconicon_rollfront" :size="16" />
+              </template>
+              {{ t('crm.approval.cancelApproval') }}
+            </n-button>
+          </div>
+        </div>
+      </template>
+    </CrmSplitPanel>
+    <div v-else class="flex h-full w-full p-[24px_16px_24px_24px]">
+      <n-scrollbar x-scrollable>
+        <slot name="left" :fieldPermissions="[]"></slot>
+      </n-scrollbar>
+    </div>
+  </CrmCard>
+  <CrmModal
+    v-model:show="addSignModalVisible"
+    :title="t('common.COUNTERSIGNATURE')"
+    :ok-loading="addSignLoading"
+    :positive-text="addSignForm.type === 'AFTER' ? t('crm.approval.agreeAndAddSign') : t('crm.approval.confirmAddSign')"
+    @confirm="handleAddSign"
+  >
+    <n-form
+      ref="addSignFormRef"
+      :model="addSignForm"
+      label-placement="left"
+      label-width="auto"
+      require-mark-placement="right"
+    >
+      <n-form-item path="type" :label="t('crm.approval.addSignMethod')">
+        <n-radio-group v-model:value="addSignForm.type" name="radiogroup">
+          <n-radio key="BEFORE" value="BEFORE">
+            {{ t('crm.approval.beforeMethod') }}
+          </n-radio>
+          <n-radio key="AFTER" value="AFTER">
+            {{ t('crm.approval.afterMethod') }}
+          </n-radio>
+        </n-radio-group>
+      </n-form-item>
+      <n-form-item
+        path="reviewer"
+        :label="t('crm.approval.addSignApprover')"
+        :rule="[
+          {
+            required: true,
+            message: t('common.notNull', {
+              value: t('crm.approval.addSignApprover'),
+            }),
+          },
+        ]"
+      >
+        <CrmMemberSelect
+          v-model:value="addSignForm.reviewer"
+          :multiple="false"
+          :apiTypeKey="MemberApiTypeEnum.FORM_FIELD"
+          :member-types="[
+            {
+              label: t('menu.settings.org'),
+              value: MemberSelectTypeEnum.ORG,
+            },
+          ]"
+        />
+      </n-form-item>
+      <n-form-item path="reason" :label="t('crm.approval.addSignOpinion')">
+        <CrmFileInput v-model:value="addSignForm.reason" v-model:file-list="addSignForm.fileList" />
+      </n-form-item>
+    </n-form>
+  </CrmModal>
+  <CrmModal
+    v-model:show="fallbackModalVisible"
+    :title="t('taskDrawer.operation.BACK')"
+    :ok-loading="fallbackLoading"
+    :positive-text="t('crm.approval.confirmFallback')"
+    @confirm="handleFallback"
+  >
+    <n-form
+      ref="fallbackFormRef"
+      :model="fallbackForm"
+      label-placement="left"
+      label-width="auto"
+      require-mark-placement="right"
+    >
+      <n-form-item path="node" :label="t('crm.approval.fallbackTo')" required>
+        <n-select v-model:value="fallbackForm.node" :options="fallbackOptions" clearable />
+      </n-form-item>
+      <n-form-item path="reason" :label="t('crm.approval.fallbackReason')">
+        <CrmFileInput v-model:value="fallbackForm.reason" v-model:file-list="fallbackForm.fileList" />
+      </n-form-item>
+    </n-form>
+  </CrmModal>
+</template>
+
+<script setup lang="ts">
+  import {
+    type FormInst,
+    NButton,
+    NForm,
+    NFormItem,
+    NRadio,
+    NRadioGroup,
+    NScrollbar,
+    NSelect,
+    type UploadFileInfo,
+    useMessage,
+  } from 'naive-ui';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { MemberApiTypeEnum, MemberSelectTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { MultiApproverModeEnum, ProcessStatusEnum } from '@lib/shared/enums/process';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { CollaborationType } from '@lib/shared/models/customer';
+  import type { FormConfig } from '@lib/shared/models/system/module';
+  import type {
+    ApprovalDetail,
+    ApprovalFieldPermission,
+    ApprovalNode,
+    ApprovalProcessDetail,
+  } from '@lib/shared/models/system/process';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+  import CrmMoreAction from '@/components/pure/crm-more-action/index.vue';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmSplitPanel from '@/components/pure/crm-split-panel/index.vue';
+  import CrmFileInput from '@/components/business/crm-file-input/index.vue';
+  import CrmMemberSelect from '@/components/business/crm-user-tag-selector/index.vue';
+  import CrmApprovalLine from './crm-approval-line.vue';
+
+  import {
+    addSignApproval,
+    agreeApproval,
+    backApproval,
+    getApprovalConfigDetail,
+    getApprovalResourceDetail,
+    rejectApproval,
+    revokeApproval,
+    revokeResource,
+  } from '@/api/modules';
+  import useModal from '@/hooks/useModal';
+  import useUserStore from '@/store/modules/user';
+
+  import type { SelectMixedOption } from 'naive-ui/es/select/src/interface';
+
+  const props = defineProps<{
+    sourceId: string;
+    formKey: FormDesignKeyEnum;
+    refreshKey?: number;
+    layout?: 'horizontal' | 'vertical';
+    approvalStatus: ProcessStatusEnum;
+  }>();
+  const emit = defineEmits<{
+    (
+      e: 'descriptionInit',
+      collaborationType?: CollaborationType,
+      sourceName?: string,
+      detail?: Record<string, any>,
+      config?: FormConfig
+    ): void;
+    (e: 'saveApproval', callback: () => Promise<any>, hasFieldPermission: boolean): void;
+    (e: 'refresh'): void;
+  }>();
+
+  const { t } = useI18n();
+  const { openModal } = useModal();
+  const message = useMessage();
+  const userStore = useUserStore();
+
+  const approvalInfo = ref<ApprovalDetail>();
+  const approvalConfig = ref<ApprovalProcessDetail>(); // 审批配置详情
+
+  async function initApprovalConfig() {
+    try {
+      if (props.formKey) {
+        approvalConfig.value = await getApprovalConfigDetail(props.formKey);
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  const approvalOpinion = ref('');
+  const fileList = ref<UploadFileInfo[]>([]);
+  const CrmFileInputRef = ref<InstanceType<typeof CrmFileInput>>();
+  const currentApprovalNode = ref<ApprovalNode>();
+  const currentApprovalNodeIndex = ref(0);
+  const hasApprovalStatus = [ProcessStatusEnum.APPROVED, ProcessStatusEnum.UNAPPROVED, ProcessStatusEnum.NONE];
+  // 我审批的上一个节点
+  const prevMineApprovalNode = computed(() => {
+    if (!currentApprovalNode.value) {
+      return undefined;
+    }
+    const prevMineApprovalIndex = currentApprovalNode.value.taskNodes?.findIndex(
+      (e) => hasApprovalStatus.includes(e.approvalStatus) && e.approverId === userStore.userInfo.id
+    );
+    if (prevMineApprovalIndex !== -1) {
+      return currentApprovalNode.value?.taskNodes?.[prevMineApprovalIndex];
+    }
+    const prevApprovalNode = approvalInfo.value?.nodes[currentApprovalNodeIndex.value - 1];
+    if (prevApprovalNode) {
+      return prevApprovalNode.taskNodes.find(
+        (e) => hasApprovalStatus.includes(e.approvalStatus) && e.approverId === userStore.userInfo.id
+      );
+    }
+  });
+  const currentTaskNode = computed(() => {
+    if (!currentApprovalNode.value) {
+      return undefined;
+    }
+    return currentApprovalNode.value.taskNodes?.find(
+      (e) => e.approvalStatus === ProcessStatusEnum.APPROVING && e.approverId === userStore.userInfo.id
+    );
+  });
+  // 只有当前审批中的人才展示编辑权限，其他节点展示只读权限
+  const filedPermission = computed(() => {
+    if (currentTaskNode.value && approvalInfo.value?.currentNodeFieldPermissions) {
+      return (JSON.parse(approvalInfo.value?.currentNodeFieldPermissions || '[]') as ApprovalFieldPermission[]) || [];
+    }
+    return [];
+  });
+
+  // 是否是审批人
+  const isApprover = computed(() => {
+    if (currentApprovalNode.value?.multiApproverMode === MultiApproverModeEnum.SEQUENTIAL) {
+      // 顺序审批，只有当前审批人可以操作
+      return (
+        currentApprovalNode.value?.taskNodes?.find((e) => e.approvalStatus === ProcessStatusEnum.APPROVING)
+          ?.approverId === userStore.userInfo.id
+      );
+    }
+    return currentApprovalNode.value?.taskNodes?.some(
+      (taskNode) =>
+        taskNode.approvalStatus === ProcessStatusEnum.APPROVING && taskNode.approverId === userStore.userInfo.id
+    ); // 会签/或签/单人审批
+  });
+  // 是否可以撤销审批申请
+  const canCancelApply = computed(() => {
+    // 未配置撤销申请
+    if (!approvalConfig.value?.submitterCanRevoke) {
+      return false;
+    }
+    // 流程结束不允许撤销
+    if (currentApprovalNode.value?.endNode) {
+      return false;
+    }
+    // 只有提交人可以撤销审批申请，已撤销状态不显示撤销按钮
+    if (
+      approvalInfo.value?.submitterId !== userStore.userInfo.id ||
+      props.approvalStatus === ProcessStatusEnum.REVOKED
+    ) {
+      return false;
+    }
+    // 当前没有审批完成节点时可撤销
+    if (
+      !approvalInfo.value?.nodes.some(
+        (node) =>
+          node.approvalStatus === ProcessStatusEnum.APPROVED || node.approvalStatus === ProcessStatusEnum.UNAPPROVED
+      )
+    ) {
+      return true;
+    }
+    // 第一个节点完成审批，且配置了可撤销配置，允许撤销
+    if (
+      approvalInfo.value?.nodes[0].approvalStatus === ProcessStatusEnum.APPROVED &&
+      approvalConfig.value?.submitterCanRevoke
+    ) {
+      return true;
+    }
+  });
+  // 是否可以撤销审批
+  const canCancelApproval = computed(() => {
+    // 未配置撤销
+    if (!approvalConfig.value?.allowWithdraw) {
+      return false;
+    }
+    // 流程结束不允许撤销
+    if (currentApprovalNode.value?.endNode) {
+      return false;
+    }
+    // 当前节点包含自己审批的任务节点，则说明是多人审批节点且节点未结束，判断当前节点情况即可
+    if (
+      currentApprovalNode.value &&
+      currentApprovalNode.value.taskNodes?.findIndex(
+        (e) => hasApprovalStatus.includes(e.approvalStatus) && e.approverId === userStore.userInfo.id
+      ) !== -1
+    ) {
+      // 当前是顺序审批节点，上一个审批节点是自己，并且下一个节点未审批，允许撤销自己的审批
+      if (currentApprovalNode.value?.multiApproverMode === MultiApproverModeEnum.SEQUENTIAL) {
+        const currentTaskNodeIndex = currentApprovalNode.value?.taskNodes?.findIndex(
+          (e) => e.approvalStatus === ProcessStatusEnum.APPROVING
+        );
+        return currentApprovalNode.value?.taskNodes[currentTaskNodeIndex - 1]?.approverId === userStore.userInfo.id;
+      }
+      // 当前是会签节点，且自己已经审批时允许撤回
+      if (
+        currentApprovalNode.value.taskNodes?.findIndex(
+          (e) => hasApprovalStatus.includes(e.approvalStatus) && e.approverId === userStore.userInfo.id
+        ) !== -1
+      ) {
+        return true;
+      }
+    }
+    // 当前节点未包含自己审批的任务节点，则判断上一个节点情况
+    // 上一个节点非多人审批，是自己审批的，且当前节点下所有人都未审批
+    if (approvalInfo.value?.nodes[currentApprovalNodeIndex.value - 1]?.taskNodes?.length === 1) {
+      return (
+        approvalInfo.value?.nodes[currentApprovalNodeIndex.value - 1].taskNodes[0].approverId ===
+          userStore.userInfo.id &&
+        currentApprovalNode.value?.taskNodes?.every((e) => e.approvalStatus === ProcessStatusEnum.APPROVING)
+      );
+    }
+    // 上一个节点是多人审批且是或签，且是自己审批通过的，且当前节点下所有人都未审批
+    if (
+      approvalInfo.value?.nodes[currentApprovalNodeIndex.value - 1]?.multiApproverMode === MultiApproverModeEnum.ANY
+    ) {
+      return (
+        approvalInfo.value?.nodes[currentApprovalNodeIndex.value - 1].taskNodes.some(
+          (e) => hasApprovalStatus.includes(e.approvalStatus) && e.approverId === userStore.userInfo.id
+        ) && currentApprovalNode.value?.taskNodes?.every((e) => e.approvalStatus === ProcessStatusEnum.APPROVING)
+      );
+    }
+  });
+  const moduleKeyMap: Partial<Record<FormDesignKeyEnum, string>> = {
+    [FormDesignKeyEnum.CONTACT]: 'CONTRACT_INDEX',
+    [FormDesignKeyEnum.INVOICE]: 'CONTRACT_INVOICE',
+    [FormDesignKeyEnum.OPPORTUNITY_QUOTATION]: 'OPPORTUNITY_QUOTATION',
+    [FormDesignKeyEnum.ORDER]: 'ORDER_INDEX',
+  };
+
+  const noApproval = ref(false);
+  async function initApprovalDetail() {
+    try {
+      approvalInfo.value = await getApprovalResourceDetail(props.sourceId);
+      if (!approvalInfo.value) {
+        noApproval.value = true;
+      }
+      currentApprovalNodeIndex.value = approvalInfo.value?.nodes.findIndex(
+        (node) => node.nodeId === approvalInfo.value?.currentNodeId
+      );
+      currentApprovalNode.value = approvalInfo.value?.nodes[currentApprovalNodeIndex.value];
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  const approvalLoading = ref(false);
+  async function approvalAgree() {
+    if (!CrmFileInputRef.value?.validate() || !currentTaskNode.value || !currentApprovalNode.value) {
+      return;
+    }
+    try {
+      approvalLoading.value = true;
+      await agreeApproval({
+        id: currentTaskNode.value.taskId,
+        nodeId: currentApprovalNode.value.nodeId,
+        instanceId: approvalConfig.value?.id || '',
+        attachmentIds: fileList.value.map((e) => e.id),
+        approverId: currentTaskNode.value.approverId,
+        comment: approvalOpinion.value,
+        module: moduleKeyMap[props.formKey]!,
+      });
+      message.success(t('common.approved'));
+      initApprovalDetail();
+      approvalOpinion.value = '';
+      fileList.value = [];
+      emit('refresh');
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      approvalLoading.value = false;
+    }
+  }
+  async function handleApprove() {
+    if (!CrmFileInputRef.value?.validate() || !currentTaskNode.value || !currentApprovalNode.value) {
+      return;
+    }
+    emit(
+      'saveApproval',
+      approvalAgree,
+      filedPermission.value.some((e) => e.permissionType === 'EDIT')
+    );
+  }
+
+  function handleReject() {
+    if (!CrmFileInputRef.value?.validate()) {
+      return;
+    }
+    // 审批驳回
+    openModal({
+      title: t('crm.approval.rejectConfirm'),
+      content: t('crm.approval.rejectTip'),
+      type: 'error',
+      positiveText: t('crm.approval.confirmReject'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        if (!currentApprovalNode.value || !currentTaskNode.value) {
+          return;
+        }
+        emit(
+          'saveApproval',
+          async () => {
+            if (!currentApprovalNode.value || !currentTaskNode.value) {
+              return;
+            }
+            try {
+              await rejectApproval({
+                id: currentTaskNode.value.taskId,
+                nodeId: currentApprovalNode.value.nodeId,
+                instanceId: approvalConfig.value?.id || '',
+                attachmentIds: fileList.value.map((e) => e.id),
+                approverId: currentTaskNode.value.approverId,
+                comment: approvalOpinion.value,
+                module: moduleKeyMap[props.formKey]!,
+              });
+              message.success(t('common.rejected'));
+              initApprovalDetail();
+              approvalOpinion.value = '';
+              fileList.value = [];
+              emit('refresh');
+            } catch (error) {
+              // eslint-disable-next-line no-console
+              console.log(error);
+            }
+          },
+          filedPermission.value.some((e) => e.permissionType === 'EDIT')
+        );
+      },
+    });
+  }
+
+  const addSignModalVisible = ref(false);
+  const addSignLoading = ref(false);
+  const addSignForm = ref({
+    type: 'BEFORE',
+    reviewer: undefined,
+    reason: '',
+    fileList: [] as UploadFileInfo[],
+  });
+  const addSignFormRef = ref<FormInst>();
+
+  function handleAddSign() {
+    addSignFormRef.value?.validate(async (errors) => {
+      if (!errors && currentApprovalNode.value && currentTaskNode.value) {
+        emit(
+          'saveApproval',
+          async () => {
+            if (!errors && currentApprovalNode.value && currentTaskNode.value) {
+              try {
+                addSignLoading.value = true;
+                await addSignApproval({
+                  id: currentTaskNode.value.taskId,
+                  nodeId: currentApprovalNode.value.nodeId,
+                  instanceId: approvalInfo.value?.id || '',
+                  approverId: currentTaskNode.value?.approverId || '',
+                  comment: addSignForm.value.reason,
+                  attachmentIds: addSignForm.value.fileList.map((e) => e.id),
+                  type: addSignForm.value.type,
+                  module: moduleKeyMap[props.formKey]!,
+                  signApprover: addSignForm.value.reviewer?.[0] || '',
+                });
+                addSignModalVisible.value = false;
+                message.success(t('crm.approval.addSignSuccess'));
+                addSignForm.value = {
+                  type: 'BEFORE',
+                  reviewer: undefined,
+                  reason: '',
+                  fileList: [],
+                };
+                initApprovalDetail();
+                emit('refresh');
+              } catch (error) {
+                // eslint-disable-next-line no-console
+                console.log(error);
+              } finally {
+                addSignLoading.value = false;
+              }
+            }
+          },
+          filedPermission.value.some((e) => e.permissionType === 'EDIT')
+        );
+      }
+    });
+  }
+
+  const fallbackModalVisible = ref(false);
+  const fallbackLoading = ref(false);
+  const fallbackForm = ref({
+    node: undefined,
+    reason: '',
+    fileList: [] as UploadFileInfo[],
+  });
+  const fallbackOptions = computed(() => {
+    const options: SelectMixedOption[] = [];
+    for (let i = currentApprovalNodeIndex.value - 1; i >= 0; i--) {
+      options.push({
+        label: t('crm.approval.preNode', { index: currentApprovalNodeIndex.value - i }),
+        value: approvalInfo.value?.nodes[i].nodeId || '',
+      });
+    }
+    return options;
+  });
+  const fallbackFormRef = ref<FormInst>();
+
+  function handleFallback() {
+    fallbackFormRef.value?.validate(async (errors) => {
+      if (!errors && currentApprovalNode.value && currentTaskNode.value) {
+        emit(
+          'saveApproval',
+          async () => {
+            if (!errors && currentApprovalNode.value && currentTaskNode.value) {
+              try {
+                fallbackLoading.value = true;
+                await backApproval({
+                  id: currentTaskNode.value.taskId,
+                  nodeId: currentApprovalNode.value.nodeId,
+                  instanceId: approvalInfo.value?.id || '',
+                  approverId: currentTaskNode.value?.approverId || '',
+                  comment: fallbackForm.value.reason,
+                  attachmentIds: fallbackForm.value.fileList.map((e) => e.id),
+                  module: moduleKeyMap[props.formKey]!,
+                  returnToNodeId: fallbackForm.value.node || '',
+                });
+                fallbackModalVisible.value = false;
+                message.success(t('crm.approval.fallbackSuccess'));
+                initApprovalDetail();
+                fallbackForm.value = {
+                  node: undefined,
+                  reason: '',
+                  fileList: [],
+                };
+                emit('refresh');
+              } catch (error) {
+                // eslint-disable-next-line no-console
+                console.log(error);
+              } finally {
+                fallbackLoading.value = false;
+              }
+            }
+          },
+          filedPermission.value.some((e) => e.permissionType === 'EDIT')
+        );
+      }
+    });
+  }
+
+  const moreActions = computed(() => {
+    const fullActions: ActionsItem[] = [];
+    if (approvalConfig.value?.allowAddSign) {
+      fullActions.push({
+        key: 'addSign',
+        label: t('common.COUNTERSIGNATURE'),
+      });
+    }
+    if (fallbackOptions.value.length) {
+      fullActions.push({
+        key: 'fallback',
+        label: t('taskDrawer.operation.BACK'),
+      });
+    }
+    return fullActions;
+  });
+
+  function handleMoreActionSelect(item: ActionsItem) {
+    if (item.key === 'addSign') {
+      // 添加会签
+      addSignModalVisible.value = true;
+    } else if (item.key === 'fallback') {
+      // 退回
+      fallbackModalVisible.value = true;
+    }
+  }
+
+  function cancelApproval(type?: 'apply' | 'approval') {
+    if (type === 'apply') {
+      openModal({
+        title: t('crm.approval.cancelApprovalApplyConfirm'),
+        content: t('crm.approval.cancelApprovalApplyTip'),
+        type: 'error',
+        positiveText: t('crm.approval.confirmCancelApprovalApply'),
+        negativeText: t('common.cancel'),
+        onPositiveClick: async () => {
+          emit(
+            'saveApproval',
+            async () => {
+              await revokeResource({
+                resourceId: props.sourceId,
+                formKey: props.formKey,
+              });
+              message.success(t('common.revokeSuccess'));
+              initApprovalDetail();
+              emit('refresh');
+            },
+            filedPermission.value.some((e) => e.permissionType === 'EDIT')
+          );
+        },
+      });
+    } else {
+      openModal({
+        title: t('crm.approval.cancelApprovalConfirm'),
+        content: t('crm.approval.cancelApprovalTip'),
+        type: 'error',
+        positiveText: t('crm.approval.confirmCancelApproval'),
+        negativeText: t('common.cancel'),
+        onPositiveClick: async () => {
+          emit(
+            'saveApproval',
+            async () => {
+              await revokeApproval({
+                id: prevMineApprovalNode.value?.taskId || '',
+              });
+              message.success(t('crm.approval.cancelApprovalSuccess'));
+              initApprovalDetail();
+              emit('refresh');
+            },
+            filedPermission.value.some((e) => e.permissionType === 'EDIT')
+          );
+        },
+      });
+    }
+  }
+
+  watch(
+    () => props.approvalStatus,
+    () => {
+      if (props.approvalStatus && ![ProcessStatusEnum.PENDING, ProcessStatusEnum.NONE].includes(props.approvalStatus)) {
+        initApprovalDetail();
+        initApprovalConfig();
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  watch(
+    () => props.refreshKey,
+    () => {
+      if (props.approvalStatus && ![ProcessStatusEnum.PENDING, ProcessStatusEnum.NONE].includes(props.approvalStatus)) {
+        initApprovalDetail();
+      }
+    }
+  );
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-approval/components/crm-approval-line.vue b/frontend/packages/web/src/components/business/crm-approval/components/crm-approval-line.vue
new file mode 100644
index 0000000..28492cd
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-approval/components/crm-approval-line.vue
@@ -0,0 +1,313 @@
+<template>
+  <n-scrollbar x-scrollable>
+    <n-timeline :icon-size="20" class="w-full min-w-[300px] gap-[4px]">
+      <n-timeline-item>
+        <template #icon>
+          <div class="timeline-icon-wrapper bg-[var(--primary-8)]">
+            <CrmIcon type="iconicon_add" :size="14" color="var(--text-n10)" />
+          </div>
+        </template>
+        <template #header>
+          <div class="mb-[16px] flex items-center justify-between">
+            <div class="font-semibold leading-[22px]">{{ t('crm.approval.submit') }}</div>
+            <div class="text-[var(--text-n4)]">
+              {{ dayjs(props.submitter.submitTime).format('YYYY-MM-DD HH:mm') }}
+            </div>
+          </div>
+        </template>
+        <div class="flex items-center gap-[8px] bg-[var(--text-n9)] p-[8px]">
+          <div class="h-[24px] w-[24px]">
+            <CrmAvatar
+              :avatar="props.submitter.submitAvatar"
+              :word="props.submitter.submitter"
+              :is-user="false"
+              :size="24"
+            />
+          </div>
+          <n-tooltip trigger="hover">
+            <template #trigger>
+              <div class="one-line-text">{{ props.submitter.submitter }}</div>
+            </template>
+            {{ props.submitter.submitter }}
+          </n-tooltip>
+        </div>
+        <div v-if="props.submitter.comment" class="mt-[8px] bg-[var(--text-n9)] p-[8px]">
+          <div class="text-[var(--text-n4)]">{{ props.submitter.comment }}</div>
+        </div>
+      </n-timeline-item>
+      <n-timeline-item v-for="(node, index) in props.nodes" :key="node.nodeId">
+        <template #icon>
+          <div v-if="node.endNode" class="timeline-icon-wrapper" :class="getIconClass(node)">
+            <CrmIcon type="iconicon_end" :size="14" color="var(--text-n10)" />
+          </div>
+          <div v-else class="timeline-icon-wrapper" :class="getIconClass(node)">
+            <CrmIcon type="iconicon_contract" :size="14" color="var(--text-n10)" />
+          </div>
+        </template>
+        <template #header>
+          <n-collapse :default-expanded-names="node.taskNodes?.length && !node.endNode ? [node.nodeId] : []">
+            <template #arrow>
+              <div></div>
+            </template>
+            <n-collapse-item :name="node.nodeId" :disabled="!node.taskNodes?.length || node.endNode">
+              <template #header>
+                <div class="mb-[8px] flex w-full items-center justify-between gap-[8px]">
+                  <div class="flex flex-1 items-center gap-[8px] overflow-hidden">
+                    <n-tooltip trigger="hover">
+                      <template #trigger>
+                        <div class="one-line-text font-semibold !leading-[22px] text-[var(--text-n1)]">
+                          {{ node.nodeName }}
+                        </div>
+                      </template>
+                      {{ node.nodeName }}
+                    </n-tooltip>
+                    <CrmTag v-if="!node.endNode && node.taskNodes?.length > 1" type="info" theme="outline">
+                      {{ MultiApproverModeMap[node.multiApproverMode] }}
+                    </CrmTag>
+                    <CrmApprovalStatus
+                      v-if="!node.endNode"
+                      :status="
+                        index > props.currentApprovalNodeIndex && props.currentApprovalNodeIndex !== -1
+                          ? ProcessStatusEnum.PENDING
+                          : node.approvalStatus
+                      "
+                      isTag
+                      scene="approvalRecord"
+                      class="font-normal"
+                    />
+                    <n-popover v-if="node.backNode" trigger="hover" placement="left-start">
+                      <template #trigger>
+                        <CrmIcon type="iconicon_info_circle_filled" color="var(--warning-yellow)" :size="16" />
+                      </template>
+                      <div class="flex max-w-[400px] flex-col items-center gap-[8px]">
+                        <div class="mr-auto flex items-center gap-[8px]">
+                          <CrmIcon type="iconicon_info_circle_filled" color="var(--warning-yellow)" :size="16" />
+                          <div>{{ t('crm.approval.fallbackReason') }}</div>
+                        </div>
+                        <div class="text-[var(--text-n4)]">{{ node.backReason }}</div>
+                        <n-scrollbar :content-style="{ maxHeight: '400px' }" class="mt-[8px]">
+                          <CrmFileList
+                            v-if="node.backAttachments?.length > 0"
+                            :files="node.backAttachments"
+                            class="mt-[8px]"
+                            readonly
+                          />
+                        </n-scrollbar>
+                      </div>
+                    </n-popover>
+                  </div>
+                </div>
+              </template>
+              <template v-if="node.taskNodes?.length && !node.endNode" #header-extra="{ collapsed }">
+                <CrmIcon :type="collapsed ? 'iconicon_chevron_right' : 'iconicon_chevron_down'" :size="16" />
+              </template>
+              <div class="mb-[16px] mt-[2px] py-[8px] pl-0">
+                <n-collapse
+                  v-if="node.taskNodes?.length"
+                  :default-expanded-names="
+                    node.taskNodes.filter((e) => e.comment || e.attachments?.length).map((e) => e.taskId)
+                  "
+                >
+                  <template #arrow>
+                    <div></div>
+                  </template>
+                  <n-collapse-item v-for="task in node.taskNodes" :name="task.taskId" class="!ml-0">
+                    <template #header>
+                      <div class="flex items-center gap-[8px]">
+                        <div class="relative h-[24px] w-[30px]">
+                          <CrmApprovalAvatar
+                            :size="24"
+                            :approver="{
+                              avatar: task.approverAvatar,
+                              name: task.approver,
+                              id: task.approverId,
+                              approveResult: task.approvalStatus,
+                            } as any"
+                            :sign-node="task.signAction"
+                          />
+                        </div>
+                        <n-tooltip trigger="hover">
+                          <template #trigger>
+                            <div class="one-line-text max-w-[60px]">{{ task.approver }}</div>
+                          </template>
+                          {{ task.approver }}
+                        </n-tooltip>
+                        <n-popover v-if="task.sign" trigger="hover" placement="left-start">
+                          <template #trigger>
+                            <CrmTag type="info" theme="outline" tooltipDisabled>
+                              {{ t('common.COUNTERSIGNATURE') }}
+                            </CrmTag>
+                          </template>
+                          <div class="max-w-[400px] flex-col items-center gap-[8px]">
+                            <div class="mr-auto flex items-center gap-[8px]">
+                              <CrmIcon type="iconicon_info_circle_filled" color="var(--warning-yellow)" :size="16" />
+                              <div>{{ t('crm.approval.addSign') }}</div>
+                            </div>
+                            <div class="text-[var(--text-n4)]">{{ task.signComment }}</div>
+                            <n-scrollbar :content-style="{ maxHeight: '400px' }" class="mt-[8px]">
+                              <CrmFileList
+                                v-if="task.signAttachments?.length > 0"
+                                :files="task.signAttachments"
+                                class="mt-[8px]"
+                                readonly
+                              />
+                            </n-scrollbar>
+                          </div>
+                        </n-popover>
+                      </div>
+                    </template>
+                    <template #header-extra>
+                      <div class="text-[var(--text-n4)]">
+                        {{ task.approvalTime ? dayjs(task.approvalTime).format('YYYY-MM-DD HH:mm') : '-' }}
+                      </div>
+                    </template>
+                    <div
+                      v-if="
+                        [
+                          ProcessStatusEnum.APPROVED,
+                          ProcessStatusEnum.AUTO_APPROVED,
+                          ProcessStatusEnum.UNAPPROVED,
+                          ProcessStatusEnum.AUTO_UNAPPROVED,
+                        ].includes(task.approvalStatus) && task.comment
+                      "
+                      class="flex flex-wrap gap-[8px] bg-[var(--text-n9)] p-[8px]"
+                    >
+                      <div class="text-[var(--text-n4)]">{{ task.comment }}</div>
+                    </div>
+                    <CrmFileList
+                      v-if="task.attachments?.length > 0"
+                      :files="task.attachments"
+                      class="mt-[8px]"
+                      readonly
+                    />
+                  </n-collapse-item>
+                </n-collapse>
+              </div>
+              <CrmFileList v-if="node.attachments?.length > 0" :files="node.attachments" class="mt-[8px]" readonly />
+              <n-collapse v-if="node.ccNodes?.length">
+                <template #arrow>
+                  <div></div>
+                </template>
+                <n-collapse-item :title="t('common.copyTo')" name="copyTo" class="!ml-0">
+                  <template #header>
+                    <div class="flex items-center gap-[8px]">
+                      <CrmIcon type="iconicon_send" color="var(--text-n4)" />
+                      <div>{{ t('common.copyTo') }}</div>
+                    </div>
+                  </template>
+                  <template #header-extra="{ collapsed }">
+                    <div class="flex items-center gap-[16px]">
+                      <div class="text-[var(--text-n4)]">
+                        {{ t('crm.approval.copyToTip', { count: node.ccNodes.length }) }}
+                      </div>
+                      <CrmIcon :type="collapsed ? 'iconicon_chevron_right' : 'iconicon_chevron_down'" :size="16" />
+                    </div>
+                  </template>
+                  <div class="flex flex-wrap gap-[8px] bg-[var(--text-n9)] p-[8px]">
+                    <div v-for="cc in node.ccNodes" :key="cc.ccUserId" class="flex items-center gap-[8px]">
+                      <div class="h-[24px] w-[24px]">
+                        <CrmAvatar :avatar="cc.ccUserAvatar" :word="cc.ccUserName" :is-user="false" :size="24" />
+                      </div>
+                      <n-tooltip trigger="hover">
+                        <template #trigger>
+                          <div class="one-line-text font-normal">{{ cc.ccUserName }}</div>
+                        </template>
+                        {{ cc.ccUserName }}
+                      </n-tooltip>
+                    </div>
+                  </div>
+                </n-collapse-item>
+              </n-collapse>
+            </n-collapse-item>
+          </n-collapse>
+        </template>
+      </n-timeline-item>
+    </n-timeline>
+  </n-scrollbar>
+</template>
+
+<script setup lang="ts">
+  import { NCollapse, NCollapseItem, NPopover, NScrollbar, NTimeline, NTimelineItem, NTooltip } from 'naive-ui';
+  import dayjs from 'dayjs';
+
+  import { MultiApproverModeEnum, ProcessStatusEnum } from '@lib/shared/enums/process';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { ApprovalNode } from '@lib/shared/models/system/process';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import CrmApprovalStatus from '@/components/business/crm-approval/components/crm-approval-status.vue';
+  import CrmAvatar from '@/components/business/crm-avatar/index.vue';
+  import CrmFileList from '@/components/business/crm-file-list/index.vue';
+  import CrmApprovalAvatar from './crm-approval-avatar.vue';
+
+  const props = defineProps<{
+    nodes: ApprovalNode[];
+    submitter: {
+      submitterId?: string;
+      submitAvatar?: string;
+      submitter?: string;
+      submitTime?: number;
+      comment?: string;
+    };
+    currentApprovalNode?: ApprovalNode;
+    currentApprovalNodeIndex: number;
+    finallyResult?: ProcessStatusEnum;
+  }>();
+
+  const { t } = useI18n();
+
+  const MultiApproverModeMap = {
+    [MultiApproverModeEnum.ALL]: t('process.process.flow.multiApprovalType.all'),
+    [MultiApproverModeEnum.ANY]: t('process.process.flow.multiApprovalType.majority'),
+    [MultiApproverModeEnum.SEQUENTIAL]: t('process.process.flow.multiApprovalType.sequential'),
+  };
+
+  function getIconClass(node: ApprovalNode) {
+    const { approvalStatus, endNode, nodeId } = node;
+    if (endNode) {
+      if (
+        props.currentApprovalNode?.nodeId === nodeId ||
+        (props.finallyResult && [ProcessStatusEnum.REVOKED, ProcessStatusEnum.UNAPPROVED].includes(props.finallyResult))
+      ) {
+        return 'bg-[var(--success-green)]';
+      }
+      return 'bg-[var(--text-n4)]';
+    }
+    if (!approvalStatus && props.currentApprovalNode?.nodeId === nodeId) {
+      return 'bg-[var(--info-blue)]';
+    }
+    switch (approvalStatus) {
+      case ProcessStatusEnum.APPROVED:
+      case ProcessStatusEnum.AUTO_APPROVED:
+        return 'bg-[var(--success-green)]';
+      case ProcessStatusEnum.UNAPPROVED:
+      case ProcessStatusEnum.AUTO_UNAPPROVED:
+        return 'bg-[var(--error-red)]';
+      case ProcessStatusEnum.APPROVING:
+        return 'bg-[var(--info-blue)]';
+      default:
+        return 'bg-[var(--text-n4)]';
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  .timeline-icon-wrapper {
+    @apply flex items-center justify-center;
+
+    width: 20px;
+    height: 20px;
+    border-radius: 4px;
+  }
+  :deep(.n-timeline-item-timeline__icon) {
+    margin-top: 4px;
+  }
+  :deep(.n-timeline-item-timeline__line) {
+    top: calc(var(--n-icon-size) + 10px) !important;
+    background-color: var(--text-n8) !important;
+  }
+  :deep(.n-timeline-item-content__title) {
+    margin-bottom: 16px;
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-approval/components/crm-approval-popover.vue b/frontend/packages/web/src/components/business/crm-approval/components/crm-approval-popover.vue
new file mode 100644
index 0000000..7d93027
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-approval/components/crm-approval-popover.vue
@@ -0,0 +1,145 @@
+<template>
+  <n-popover class="!p-0" :show-arrow="false" :disabled="popoverDisabled" @update:show="handlePopoverShow">
+    <template #trigger>
+      <slot>
+        <CrmApprovalStatus :status="props.status" :class="{ 'cursor-pointer': !popoverDisabled }" />
+      </slot>
+    </template>
+
+    <div class="crm-approval-popover">
+      <div class="crm-approval-popover__header">
+        <div class="crm-approval-popover__title">{{ displayTitle }}</div>
+
+        <n-button v-if="props.showMore" text type="primary" class="!text-[14px]" @click="emit('more', props.sourceId)">
+          {{ t('common.more') }}
+        </n-button>
+      </div>
+
+      <n-spin :show="loading">
+        <n-scrollbar class="max-h-[40vh]">
+          <CrmApprovalApproverContent
+            v-if="approvers.length"
+            v-model:active-id="activeApproverId"
+            :approvers="approvers"
+          />
+
+          <div v-else class="crm-approval-popover__empty">
+            {{ t('common.noData') }}
+          </div>
+        </n-scrollbar>
+      </n-spin>
+    </div>
+  </n-popover>
+</template>
+
+<script setup lang="ts">
+  import { NButton, NPopover, NScrollbar, NSpin } from 'naive-ui';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { ProcessStatusEnum } from '@lib/shared/enums/process';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { ApprovalPopoverDetail, ApproverItem } from '@lib/shared/models/system/process';
+
+  import CrmApprovalApproverContent from '@/components/business/crm-approval/components/crm-approval-approver-content.vue';
+  import CrmApprovalStatus from '@/components/business/crm-approval/components/crm-approval-status.vue';
+
+  import { getResourceApprovingDetail } from '@/api/modules';
+
+  export type ApprovalPopoverFormKeyType =
+    | FormDesignKeyEnum.CONTRACT
+    | FormDesignKeyEnum.INVOICE
+    | FormDesignKeyEnum.OPPORTUNITY_QUOTATION
+    | FormDesignKeyEnum.ORDER;
+
+  const props = withDefaults(
+    defineProps<{
+      status: ProcessStatusEnum;
+      formKey: ApprovalPopoverFormKeyType;
+      sourceId?: string;
+      title?: string;
+      showMore?: boolean;
+      disabled?: boolean;
+      transformData?: (detail: ApprovalPopoverDetail) => ApproverItem[];
+    }>(),
+    {
+      title: '',
+      showMore: true,
+      disabled: false,
+    }
+  );
+
+  const emit = defineEmits<{
+    (e: 'more', sourceId?: string): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const loading = ref(false);
+  const approvers = ref<ApproverItem[]>([]);
+  const activeApproverId = ref('');
+
+  const displayTitle = computed(() => props.title || t('common.approver'));
+  const popoverDisabled = computed(() => props.disabled || !props.sourceId);
+
+  function getApprovers(detail: ApprovalPopoverDetail) {
+    return props.transformData ? props.transformData(detail) : detail.approveUserList;
+  }
+
+  async function initDetail() {
+    if (!props.sourceId || loading.value) return;
+
+    loading.value = true;
+
+    try {
+      const detail = await getResourceApprovingDetail(props.sourceId);
+      approvers.value = getApprovers(detail);
+      activeApproverId.value = approvers.value[0]?.id ?? '';
+    } catch (error) {
+      approvers.value = [];
+      activeApproverId.value = '';
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  function handlePopoverShow(show: boolean) {
+    if (!show) return;
+    initDetail();
+  }
+
+  watch(
+    () => props.sourceId,
+    () => {
+      approvers.value = [];
+      activeApproverId.value = '';
+    }
+  );
+</script>
+
+<style scoped lang="less">
+  .crm-approval-popover {
+    padding: 16px;
+    width: 344px;
+    border-radius: 12px;
+    background: var(--text-n10);
+  }
+  .crm-approval-popover__header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  .crm-approval-popover__title {
+    font-size: 14px;
+    font-weight: 600;
+    color: var(--text-n1);
+    line-height: 20px;
+  }
+  .crm-approval-popover__empty {
+    padding-top: 12px;
+    font-size: 14px;
+    color: var(--text-n4);
+    line-height: 20px;
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-approval/components/crm-approval-status.vue b/frontend/packages/web/src/components/business/crm-approval/components/crm-approval-status.vue
new file mode 100644
index 0000000..ec83605
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-approval/components/crm-approval-status.vue
@@ -0,0 +1,39 @@
+<template>
+  <CrmTag
+    v-if="props.isTag && currentStatus?.label"
+    :color="{
+      textColor: currentStatus.tagColor,
+      color: currentStatus.tagBgColor,
+    }"
+  >
+    {{ currentStatus.label }}
+  </CrmTag>
+  <div v-else-if="currentStatus?.label" class="flex items-center gap-[8px]">
+    <CrmIcon :type="currentStatus.icon" :size="16" :class="`text-[${currentStatus.color}]`" />
+    {{ currentStatus.label }}
+  </div>
+  <div v-else>-</div>
+</template>
+
+<script setup lang="ts">
+  import { ProcessStatusEnum } from '@lib/shared/enums/process';
+
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+
+  import { approvalRecordStatusMap, processStatusMap } from '@/config/process';
+
+  const props = defineProps<{
+    status: ProcessStatusEnum;
+    isTag?: boolean;
+    scene?: 'process' | 'approvalRecord';
+  }>();
+
+  export type StatusInfo = { label: string; icon: string; color: string; tagBgColor: string; tagColor: string };
+
+  const currentStatus = computed<StatusInfo | undefined>(() => {
+    const currentMap = props.scene === 'approvalRecord' ? approvalRecordStatusMap : processStatusMap;
+    return currentMap[props.status as keyof typeof currentMap];
+  });
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-approval/locale/en-US.ts b/frontend/packages/web/src/components/business/crm-approval/locale/en-US.ts
new file mode 100644
index 0000000..7bcc6fe
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-approval/locale/en-US.ts
@@ -0,0 +1,47 @@
+export default {
+  'crm.approval.record': 'Approval Record',
+  'crm.approval.opinion': 'Approval Opinion',
+  'crm.approval.rejectConfirm': 'Confirm Rejection?',
+  'crm.approval.rejectTip': 'After rejection, the approval process will be terminated. Please proceed with caution!',
+  'crm.approval.confirmReject': 'Confirm Rejection',
+  'crm.approval.addSignTip1':
+    'Before Me: After adding a signature, the process will first go through the additional approver, then to me',
+  'crm.approval.addSignTip2': 'After Me: After my approval, the process will continue to the additional approver',
+  'crm.approval.addSignOpinion': 'Additional Approval Opinion',
+  'crm.approval.addSignMethod': 'Add Method',
+  'crm.approval.beforeMethod': 'Before Me',
+  'crm.approval.afterMethod': 'After Me',
+  'crm.approval.addSignApprover': 'Additional Approver',
+  'crm.approval.confirmAddSign': 'Confirm Additional Approval',
+  'crm.approval.agreeAndAddSign': 'Agree and Add Signature',
+  'crm.approval.fallbackTo': 'Fallback To',
+  'crm.approval.fallbackReason': 'Fallback Reason',
+  'crm.approval.confirmFallback': 'Confirm Fallback',
+  'crm.approval.cancelApprovalApply': 'Cancel Approval',
+  'crm.approval.cancelApprovalApplyConfirm': 'Confirm Cancel Approval?',
+  'crm.approval.cancelApprovalApplyTip':
+    'After cancellation, the approval process will be terminated. Please proceed with caution!',
+  'crm.approval.confirmCancelApprovalApply': 'Confirm Cancel',
+  'crm.approval.cancelApprovalApplySuccess': 'Approval Canceled',
+  'crm.approval.cancelApproval': 'Withdraw Approval',
+  'crm.approval.cancelApprovalConfirm': 'Confirm Withdraw Approval?',
+  'crm.approval.cancelApprovalTip':
+    'After the withdrawal, the approval process will be terminated. Please proceed with caution!',
+  'crm.approval.confirmCancelApproval': 'Confirm Withdraw',
+  'crm.approval.cancelApprovalSuccess': 'Approval Withdrawn',
+  'crm.approval.submit': 'Submit Application',
+  'crm.approval.change': 'Change',
+  'crm.approval.changeDescription': 'Change Description',
+  'crm.approval.confirmChange': 'Save and submit for review',
+  'crm.approval.confirmAndSubmitReview': 'Confirm and Submit',
+  'crm.approval.approver': 'Approver',
+  'crm.approval.addSign': 'Add Signature',
+  'crm.approval.addSignSuccess': 'Add Signature Successful',
+  'crm.approval.preNode': 'Previous {index} Node',
+  'crm.approval.fallbackSuccess': 'Fallback Successful',
+  'crm.approval.autoReject': 'Cbot Auto Reject',
+  'crm.approval.fileLimitTip': 'You can add up to 10 attachments',
+  'crm.approval.reviewDisabledTip': 'No active approval workflow was matched. Please contact the administrator.',
+  'crm.approval.copyToTip': 'Copy to {count} people',
+  'crm.approval.historyTip': 'This resource is historical data; only the final approval status is retained.',
+};
diff --git a/frontend/packages/web/src/components/business/crm-approval/locale/zh-CN.ts b/frontend/packages/web/src/components/business/crm-approval/locale/zh-CN.ts
new file mode 100644
index 0000000..5c04544
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-approval/locale/zh-CN.ts
@@ -0,0 +1,44 @@
+export default {
+  'crm.approval.record': '审批记录',
+  'crm.approval.opinion': '审批意见',
+  'crm.approval.rejectConfirm': '确认驳回吗？',
+  'crm.approval.rejectTip': '驳回后，审批流将终止，请谨慎操作！',
+  'crm.approval.confirmReject': '确认驳回',
+  'crm.approval.addSignTip1': '在我之前：加签后，流程先经过加签审批人，再由我审批',
+  'crm.approval.addSignTip2': '在我之后：我审批后，流程再到加签审批人',
+  'crm.approval.addSignOpinion': '加签意见',
+  'crm.approval.addSignMethod': '添加方式',
+  'crm.approval.beforeMethod': '在我之前',
+  'crm.approval.afterMethod': '在我之后',
+  'crm.approval.addSignApprover': '加签审批人',
+  'crm.approval.confirmAddSign': '确认加签',
+  'crm.approval.agreeAndAddSign': '同意并加签',
+  'crm.approval.fallbackTo': '退回至',
+  'crm.approval.fallbackReason': '退回原因',
+  'crm.approval.confirmFallback': '确认退回',
+  'crm.approval.cancelApprovalApply': '撤销审批',
+  'crm.approval.cancelApprovalApplyConfirm': '确认撤销审批吗？',
+  'crm.approval.cancelApprovalApplyTip': '撤销后，审批流将终止，请谨慎操作！',
+  'crm.approval.confirmCancelApprovalApply': '确认撤销',
+  'crm.approval.cancelApprovalApplySuccess': '已撤销',
+  'crm.approval.cancelApproval': '撤回审批',
+  'crm.approval.cancelApprovalConfirm': '确认撤回审批吗？',
+  'crm.approval.cancelApprovalTip': '撤回后，审批流将终止审批，请谨慎操作！',
+  'crm.approval.confirmCancelApproval': '确认撤回',
+  'crm.approval.cancelApprovalSuccess': '已撤回',
+  'crm.approval.submit': '提交申请',
+  'crm.approval.change': '变更',
+  'crm.approval.changeDescription': '变更说明',
+  'crm.approval.confirmChange': '保存并提审',
+  'crm.approval.confirmAndSubmitReview': '确认并提审',
+  'crm.approval.approver': '审批人',
+  'crm.approval.addSign': '加签',
+  'crm.approval.addSignSuccess': '加签成功',
+  'crm.approval.preNode': '前{index}节点',
+  'crm.approval.fallbackSuccess': '已退回',
+  'crm.approval.autoReject': 'Cbot 自动拒绝',
+  'crm.approval.fileLimitTip': '附件最多可添加 10 个',
+  'crm.approval.reviewDisabledTip': '未匹配到生效审批流，请联系管理员',
+  'crm.approval.copyToTip': '抄送 {count} 人',
+  'crm.approval.historyTip': '该资源为历史数据，仅保留最终审批状态',
+};
diff --git a/frontend/packages/web/src/components/business/crm-auto-search-select/index.vue b/frontend/packages/web/src/components/business/crm-auto-search-select/index.vue
new file mode 100644
index 0000000..747e399
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-auto-search-select/index.vue
@@ -0,0 +1,125 @@
+<template>
+  <n-auto-complete
+    v-model:value="value"
+    :input-props="{ autocomplete: 'disabled' }"
+    :clear-after-select="false"
+    :options="options"
+    :loading="loading"
+    show-empty
+    clearable
+    :placeholder="props.placeholder ?? t('common.pleaseSelect')"
+    @scroll="handleScroll"
+    @select="handleSelect"
+    @update:value="handleUpdateValue"
+  />
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { NAutoComplete } from 'naive-ui';
+  import { debounce } from 'lodash-es';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { CommonList, TableQueryParams } from '@lib/shared/models/common';
+
+  import { AutoCompleteOption } from 'naive-ui/es/auto-complete/src/interface';
+
+  const { t } = useI18n();
+
+  const props = withDefaults(
+    defineProps<{
+      fetch: (params: TableQueryParams) => Promise<CommonList<Record<string, any>>>;
+      placeholder?: string;
+      pageSize?: number;
+      labelKey?: string;
+      valueKey?: string;
+    }>(),
+    {
+      labelKey: 'label',
+      valueKey: 'value',
+    }
+  );
+
+  const emit = defineEmits<{
+    (e: 'select', item: any): void;
+  }>();
+
+  const value = defineModel<string | undefined>('value', {
+    default: undefined,
+  });
+
+  const options = ref<AutoCompleteOption[]>([]);
+
+  const loading = ref(false);
+  const keyword = ref('');
+  const current = ref(1);
+  const defaultPageSize = 5;
+  const hasMore = ref(true);
+
+  async function loadData() {
+    if (loading.value || !hasMore.value) return;
+
+    loading.value = true;
+    const res = await props.fetch({
+      keyword: keyword.value,
+      current: current.value,
+      pageSize: props.pageSize ?? defaultPageSize,
+    });
+
+    const list = res.list || [];
+
+    options.value.push(
+      ...list.map((item) => ({
+        label: typeof item === 'string' ? item : item[props.labelKey],
+        value: typeof item === 'string' ? item : item[props.valueKey],
+        raw: item,
+      }))
+    );
+
+    if (options.value.length >= res.total) {
+      hasMore.value = false;
+    } else {
+      current.value++;
+    }
+
+    loading.value = false;
+  }
+
+  const handleSearch = debounce(async (val: string) => {
+    keyword.value = val.trim();
+    options.value = [];
+    current.value = 1;
+    hasMore.value = true;
+
+    if (keyword.value.length <= 2) {
+      return;
+    }
+    await loadData();
+  }, 300);
+
+  function handleScroll(e: Event) {
+    if (loading.value || !hasMore.value) return;
+
+    const currentTarget = e.currentTarget as HTMLElement;
+    const reachBottom = currentTarget.scrollTop + currentTarget.offsetHeight >= currentTarget.scrollHeight;
+
+    if (reachBottom) {
+      loadData();
+    }
+  }
+
+  function handleSelect(val: string) {
+    value.value = val;
+    const selectedItem = options.value.find((option) => option.value === val);
+    if (selectedItem && selectedItem.raw) {
+      emit('select', selectedItem.raw);
+    }
+  }
+
+  function handleUpdateValue(val?: string) {
+    value.value = val;
+    handleSearch(val ?? '');
+  }
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-avatar/index.vue b/frontend/packages/web/src/components/business/crm-avatar/index.vue
new file mode 100644
index 0000000..77fc702
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-avatar/index.vue
@@ -0,0 +1,46 @@
+<template>
+  <n-avatar v-if="innerAvatar" round :size="props.size" :src="innerAvatar" />
+  <n-avatar v-else round :size="props.size">
+    <div class="flex items-center justify-center font-medium">
+      <div
+        v-if="avatarText?.length"
+        :style="{
+          fontSize: `${avatarTextSize}px`,
+        }"
+      >
+        {{ avatarText?.substring(0, 1) }}
+      </div>
+      <CrmIcon v-else type="iconicon_user" :size="defaultUserAvatarSize" class="text-[var(--text-n10)]" />
+    </div>
+  </n-avatar>
+</template>
+
+<script setup lang="ts">
+  import { NAvatar } from 'naive-ui';
+
+  import useUserStore from '@/store/modules/user';
+
+  const userStore = useUserStore();
+  const props = withDefaults(
+    defineProps<{
+      avatar?: string;
+      size?: number;
+      word?: string; // 用于显示文字头像
+      isUser?: boolean;
+    }>(),
+    {
+      size: 40,
+      isUser: true, // 当前登录用户还是其他用户
+    }
+  );
+
+  const innerAvatar = computed(() => (props.isUser ? userStore.userInfo.avatar : props.avatar));
+
+  const avatarText = computed(() => (props.isUser ? userStore.userInfo.name : props?.word));
+
+  const avatarTextSize = computed(() => Math.floor(props.size * 0.52));
+
+  const defaultUserAvatarSize = computed(() => Math.floor(props.size * 0.6));
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-batch-edit-modal/components/batchOperationResultModal.vue b/frontend/packages/web/src/components/business/crm-batch-edit-modal/components/batchOperationResultModal.vue
new file mode 100644
index 0000000..14dac1c
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-batch-edit-modal/components/batchOperationResultModal.vue
@@ -0,0 +1,109 @@
+<template>
+  <CrmModal
+    v-model:show="visible"
+    size="small"
+    :title="
+      t('opportunity.operationResult', {
+        name: props.name,
+      })
+    "
+  >
+    <div class="flex flex-col items-center gap-[8px]">
+      <CrmIcon :size="32" :type="getTipType?.icon" :class="`${getTipType?.color}`" />
+      <div class="text-[16px] font-medium text-[var(--text-n1)]">{{ t(getTipType?.message ?? '') }}</div>
+      <div class="text-[var(--text-n4)]">
+        <span>
+          {{ t('common.success') }}
+          <span class="mx-1 text-[var(--success-green)]"> {{ props.result.success }} </span>
+          {{ t('crmImportButton.countNumber') }}；
+        </span>
+        <span v-if="props.result.fail">
+          {{ t('common.fail') }}
+          <span class="mx-1 font-medium text-[var(--error-red)]">{{ props.result.fail }}</span>
+          {{ t('crmImportButton.countNumber') }}；
+        </span>
+        <span v-if="props.result.skip">
+          {{ t('common.skipped') }}
+          <span class="mx-1 text-[var(--info-blue)]"> {{ props.result?.skip ?? 0 }} </span>
+          {{ t('crmImportButton.countNumber') }}；
+        </span>
+      </div>
+      <div v-if="props.result.fail" class="text-[var(--text-n4)]">
+        <span>{{ t('opportunity.failureReason') }}：</span> <span>{{ t(props.result?.errorMessages ?? '') }}</span>
+      </div>
+    </div>
+    <template #footer>
+      <n-button quaternary type="primary" class="text-btn-primary" @click="handleCancel">
+        {{ t('crmImportButton.backList') }}
+      </n-button>
+    </template>
+  </CrmModal>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { NButton } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { BatchOperationResult } from '@lib/shared/models/opportunity';
+
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+
+  const { t } = useI18n();
+
+  interface ResultStatus {
+    type: string;
+    icon: string;
+    color: string;
+    message: string;
+  }
+
+  const props = defineProps<{
+    result: BatchOperationResult;
+    name?: string;
+  }>();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const resultStatusMap = ref<Record<'partial' | 'success' | 'error', ResultStatus>>({
+    partial: {
+      type: 'warning',
+      icon: 'iconicon_info_circle_filled',
+      color: 'text-[var(--warning-yellow)]',
+      message: 'opportunity.partialFailed',
+    },
+    success: {
+      type: 'success',
+      icon: 'iconicon_check_circle_filled',
+      color: 'text-[var(--success-green)]',
+      message: 'opportunity.allSuccessful',
+    },
+    error: {
+      type: 'error',
+      icon: 'iconicon_close_circle_filled',
+      color: 'text-[var(--error-red)]',
+      message: 'opportunity.allError',
+    },
+  });
+
+  const getTipType = computed(() => {
+    const { success, fail } = props.result;
+    if (fail && success) {
+      return resultStatusMap.value.partial;
+    }
+    if (!fail) {
+      return resultStatusMap.value.success;
+    }
+    if (!success) {
+      return resultStatusMap.value.error;
+    }
+  });
+
+  function handleCancel() {
+    visible.value = false;
+  }
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-batch-edit-modal/index.vue b/frontend/packages/web/src/components/business/crm-batch-edit-modal/index.vue
new file mode 100644
index 0000000..0c39726
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-batch-edit-modal/index.vue
@@ -0,0 +1,446 @@
+<template>
+  <CrmModal
+    v-model:show="visible"
+    :title="t('common.batchEdit')"
+    siz="small"
+    :positive-text="t('common.update')"
+    :negative-text="t('common.cancel')"
+    :ok-loading="loading"
+    @confirm="handleSave"
+    @cancel="handleCancel"
+  >
+    <n-alert v-if="props.showApprovalTip" type="warning" class="mb-[16px] mr-[8px]">
+      <template #icon>
+        <CrmIcon type="iconicon_info_circle_filled" :size="20" />
+      </template>
+      {{ props.showApprovalTip }}
+    </n-alert>
+    <n-scrollbar class="max-h-[60vh] pr-[8px]">
+      <n-form
+        ref="formRef"
+        require-mark-placement="left"
+        :model="form"
+        class="crm-batch-edit-form"
+        label-placement="left"
+        label-align="right"
+        :label-width="100"
+      >
+        <n-form-item
+          path="fieldId"
+          :label="t('common.updateField')"
+          :rule="[{ required: true, message: t('common.notNull', { value: `${t('org.attributes')}` }) }]"
+        >
+          <n-select
+            v-model:value="form.fieldId"
+            :options="fieldOptions"
+            :placeholder="t('common.pleaseSelect')"
+            label-field="name"
+            filterable
+            value-field="id"
+            clearable
+          />
+        </n-form-item>
+        <Select
+          v-if="form.fieldId && [FieldTypeEnum.SELECT, FieldTypeEnum.SELECT_MULTIPLE].includes(currentForm.type)"
+          v-model:value="form.fieldValue"
+          path="fieldValue"
+          :field-config="currentForm"
+          :form-detail="form"
+        />
+        <InputNumber
+          v-else-if="form.fieldId && [FieldTypeEnum.INPUT_NUMBER].includes(currentForm.type)"
+          v-model:value="form.fieldValue"
+          path="fieldValue"
+          :field-config="currentForm"
+          :form-detail="form"
+        />
+        <MemberSelect
+          v-else-if="
+            form.fieldId &&
+            [
+              FieldTypeEnum.MEMBER,
+              FieldTypeEnum.MEMBER_MULTIPLE,
+              FieldTypeEnum.DEPARTMENT,
+              FieldTypeEnum.DEPARTMENT_MULTIPLE,
+            ].includes(currentForm.type)
+          "
+          v-model:value="form.fieldValue"
+          path="fieldValue"
+          :form-detail="form"
+          :field-config="currentForm"
+        />
+        <Radio
+          v-else-if="form.fieldId && [FieldTypeEnum.RADIO].includes(currentForm.type)"
+          v-model:value="form.fieldValue"
+          path="fieldValue"
+          class="crm-batch-edit-form-item"
+          :form-detail="form"
+          :field-config="currentForm"
+        />
+        <Checkbox
+          v-else-if="form.fieldId && [FieldTypeEnum.CHECKBOX].includes(currentForm.type)"
+          v-model:value="form.fieldValue"
+          path="fieldValue"
+          class="crm-batch-edit-form-item"
+          :field-config="currentForm"
+          :form-detail="form"
+        />
+        <Textarea
+          v-else-if="form.fieldId && [FieldTypeEnum.TEXTAREA].includes(currentForm.type)"
+          v-model:value="form.fieldValue"
+          path="fieldValue"
+          :field-config="currentForm"
+          :form-detail="form"
+        />
+        <DateTime
+          v-else-if="form.fieldId && [FieldTypeEnum.DATE_TIME].includes(currentForm.type)"
+          v-model:value="form.fieldValue"
+          path="fieldValue"
+          :field-config="currentForm"
+          :form-detail="form"
+        />
+        <SingleText
+          v-else-if="form.fieldId && [FieldTypeEnum.INPUT].includes(currentForm.type)"
+          v-model:value="form.fieldValue"
+          path="fieldValue"
+          :field-config="currentForm"
+          :form-detail="form"
+        />
+        <TagInput
+          v-else-if="form.fieldId && [FieldTypeEnum.INPUT_MULTIPLE].includes(currentForm.type)"
+          v-model:value="form.fieldValue"
+          path="fieldValue"
+          :field-config="currentForm"
+          :form-detail="form"
+        />
+
+        <dataSource
+          v-else-if="
+            form.fieldId && [FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.DATA_SOURCE_MULTIPLE].includes(currentForm.type)
+          "
+          v-model:value="form.fieldValue"
+          path="fieldValue"
+          :field-config="currentForm"
+          :form-detail="form"
+        />
+        <Location
+          v-else-if="form.fieldId && [FieldTypeEnum.LOCATION].includes(currentForm.type)"
+          v-model:value="form.fieldValue"
+          path="fieldValue"
+          :field-config="currentForm"
+          :form-detail="form"
+        />
+        <Phone
+          v-else-if="form.fieldId && [FieldTypeEnum.PHONE].includes(currentForm.type)"
+          :id="currentForm.id"
+          v-model:value="form.fieldValue"
+          path="fieldValue"
+          :field-config="currentForm"
+          :form-detail="form"
+        />
+        <Industry
+          v-else-if="form.fieldId && [FieldTypeEnum.INDUSTRY].includes(currentForm.type)"
+          :id="currentForm.id"
+          v-model:value="form.fieldValue"
+          path="fieldValue"
+          :field-config="currentForm"
+          :form-detail="form"
+        />
+        <Link
+          v-else-if="form.fieldId && [FieldTypeEnum.LINK].includes(currentForm.type)"
+          v-model:value="form.fieldValue"
+          path="fieldValue"
+          :field-config="currentForm"
+          :form-detail="form"
+        />
+        <n-form-item v-else path="fieldValue" :label="t('common.batchUpdate')">
+          <n-input disabled type="text" :placeholder="t('common.pleaseInput')" :maxlength="255" />
+        </n-form-item>
+      </n-form>
+    </n-scrollbar>
+  </CrmModal>
+  <batchOperationResultModal v-model:visible="resultVisible" :result="batchResult" :name="batchOperationName" />
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { FormInst, NAlert, NForm, NFormItem, NInput, NScrollbar, NSelect, useMessage } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { getNormalFieldValue, getRuleType } from '@lib/shared/method/formCreate';
+  import { BatchOperationResult } from '@lib/shared/models/opportunity';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+  import batchOperationResultModal from '@/components/business/crm-batch-edit-modal/components/batchOperationResultModal.vue';
+  // 高级组件
+  import dataSource from '@/components/business/crm-form-create/components/advanced/dataSource.vue';
+  import Industry from '@/components/business/crm-form-create/components/advanced/industry.vue';
+  import Link from '@/components/business/crm-form-create/components/advanced/link.vue';
+  import Location from '@/components/business/crm-form-create/components/advanced/location.vue';
+  import Phone from '@/components/business/crm-form-create/components/advanced/phone.vue';
+  // 基础组件
+  import Checkbox from '@/components/business/crm-form-create/components/basic/checkbox.vue';
+  import DateTime from '@/components/business/crm-form-create/components/basic/dateTime.vue';
+  import InputNumber from '@/components/business/crm-form-create/components/basic/inputNumber.vue';
+  import MemberSelect from '@/components/business/crm-form-create/components/basic/memberSelect.vue';
+  import Radio from '@/components/business/crm-form-create/components/basic/radio.vue';
+  import Select from '@/components/business/crm-form-create/components/basic/select.vue';
+  import SingleText from '@/components/business/crm-form-create/components/basic/singleText.vue';
+  import TagInput from '@/components/business/crm-form-create/components/basic/tagInput.vue';
+  import Textarea from '@/components/business/crm-form-create/components/basic/textarea.vue';
+  import { FormCreateField, FormCreateFieldRule } from '@/components/business/crm-form-create/types';
+
+  import {
+    batchUpdateAccount,
+    batchUpdateCluePool,
+    batchUpdateContact,
+    batchUpdateContract,
+    batchUpdateCustomFormData,
+    batchUpdateLead,
+    batchUpdateOpenSeaCustomer,
+    batchUpdateOpportunity,
+    batchUpdateOrder,
+    batchUpdateProduct,
+    batchUpdateProductPrice,
+    batchUpdateQuotation,
+  } from '@/api/modules';
+  import { useUserStore } from '@/store';
+
+  import { rules } from '../crm-form-create/config';
+  import { SelectMixedOption } from 'naive-ui/es/select/src/interface';
+
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  const props = defineProps<{
+    ids: (number | string)[];
+    formKey:
+      | FormDesignKeyEnum.CLUE_POOL
+      | FormDesignKeyEnum.CUSTOMER_OPEN_SEA
+      | FormDesignKeyEnum.BUSINESS
+      | FormDesignKeyEnum.CLUE
+      | FormDesignKeyEnum.CUSTOMER
+      | FormDesignKeyEnum.PRODUCT
+      | FormDesignKeyEnum.CUSTOMER_CONTACT
+      | FormDesignKeyEnum.PRICE
+      | FormDesignKeyEnum.CONTRACT
+      | FormDesignKeyEnum.OPPORTUNITY_QUOTATION
+      | FormDesignKeyEnum.ORDER
+      | FormDesignKeyEnum.CUSTOM_FORM;
+    showApprovalTip?: string;
+    otherSaveParams?: Record<string, any>;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'refresh'): void;
+  }>();
+
+  const visible = defineModel<boolean>('visible', { required: true });
+  const userStore = useUserStore();
+
+  const list = defineModel<FormCreateField[]>('fieldList', {
+    required: true,
+  });
+
+  const resultVisible = ref(false);
+  const initBatchResult = {
+    success: 0,
+    fail: 0,
+    errorMessages: '',
+  };
+
+  const batchResult = ref<BatchOperationResult>({
+    ...initBatchResult,
+  });
+  const batchOperationName = ref(t('common.batchEdit'));
+
+  const saveApiMap: Record<string, (params: any) => Promise<any>> = {
+    [FormDesignKeyEnum.CLUE_POOL]: batchUpdateCluePool,
+    [FormDesignKeyEnum.CUSTOMER_OPEN_SEA]: batchUpdateOpenSeaCustomer,
+    [FormDesignKeyEnum.BUSINESS]: batchUpdateOpportunity,
+    [FormDesignKeyEnum.CLUE]: batchUpdateLead,
+    [FormDesignKeyEnum.PRODUCT]: batchUpdateProduct,
+    [FormDesignKeyEnum.CUSTOMER]: batchUpdateAccount,
+    [FormDesignKeyEnum.CUSTOMER_CONTACT]: batchUpdateContact,
+    [FormDesignKeyEnum.PRICE]: batchUpdateProductPrice,
+    [FormDesignKeyEnum.CONTRACT]: batchUpdateContract,
+    [FormDesignKeyEnum.OPPORTUNITY_QUOTATION]: batchUpdateQuotation,
+    [FormDesignKeyEnum.ORDER]: batchUpdateOrder,
+    [FormDesignKeyEnum.CUSTOM_FORM]: batchUpdateCustomFormData,
+  };
+
+  const initForm = {
+    fieldId: null,
+    fieldValue: undefined,
+  };
+
+  const form = ref<{
+    fieldId: string | null;
+    fieldValue: any;
+  }>({
+    ...initForm,
+  });
+
+  const fieldOptions = computed(
+    () =>
+      list.value.filter((e) => {
+        const baseCondition =
+          ![
+            FieldTypeEnum.DIVIDER,
+            FieldTypeEnum.PICTURE,
+            FieldTypeEnum.SERIAL_NUMBER,
+            FieldTypeEnum.ATTACHMENT,
+            FieldTypeEnum.SUB_PRICE,
+            FieldTypeEnum.SUB_PRODUCT,
+            FieldTypeEnum.FORMULA,
+          ].includes(e.type) &&
+          !e.resourceFieldId?.length &&
+          e.defaultValueType !== 'formula';
+
+        if (props.formKey === FormDesignKeyEnum.CLUE_POOL || props.formKey === FormDesignKeyEnum.CUSTOMER_OPEN_SEA) {
+          return baseCondition && e.businessKey !== 'owner';
+        }
+        return baseCondition;
+      }) as unknown as SelectMixedOption[]
+  );
+
+  const formRef = ref<FormInst>();
+  const currentForm = ref();
+  watch(
+    () => form.value.fieldId,
+    (val) => {
+      if (val) {
+        formRef.value?.restoreValidation();
+        const currentFormVal = list.value.find((e) => e.id === val);
+
+        if (currentFormVal) {
+          let defaultValue = currentFormVal.defaultValue || '';
+          if ([FieldTypeEnum.DATE_TIME, FieldTypeEnum.INPUT_NUMBER].includes(currentFormVal.type)) {
+            defaultValue = Number.isNaN(Number(defaultValue)) || defaultValue === '' ? null : Number(defaultValue);
+          } else if (getRuleType(currentFormVal) === 'array') {
+            defaultValue =
+              [FieldTypeEnum.DEPARTMENT, FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.MEMBER].includes(
+                currentFormVal.type
+              ) && typeof currentFormVal.defaultValue === 'string'
+                ? [defaultValue]
+                : defaultValue || [];
+          }
+
+          form.value.fieldValue = defaultValue;
+          currentForm.value = {
+            ...currentFormVal,
+            name: t('common.batchUpdate'),
+            description: '',
+          };
+
+          const fullRules: FormCreateFieldRule[] = [];
+          if (currentFormVal?.rules) {
+            (currentFormVal.rules || []).forEach((rule) => {
+              const staticRule = cloneDeep(rules.find((e) => e.key === rule.key));
+
+              if (staticRule) {
+                staticRule.message = t(staticRule.message as string, { value: t(currentFormVal.name) });
+                staticRule.type = getRuleType(currentFormVal);
+                staticRule.regex = rule.regex;
+
+                if ([FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.DATA_SOURCE_MULTIPLE].includes(currentFormVal.type)) {
+                  staticRule.trigger = 'none';
+                }
+                fullRules.push(staticRule);
+              }
+            });
+            currentForm.value.rules = fullRules;
+          }
+
+          if (
+            [FieldTypeEnum.MEMBER, FieldTypeEnum.MEMBER_MULTIPLE].includes(currentFormVal.type) &&
+            currentFormVal.hasCurrentUser
+          ) {
+            currentForm.value.defaultValue = userStore.userInfo.id;
+            currentForm.value.initialOptions = [
+              ...(currentFormVal.initialOptions || []),
+              {
+                id: userStore.userInfo.id,
+                name: userStore.userInfo.name,
+              },
+            ].filter((option, index, self) => self.findIndex((o) => o.id === option.id) === index);
+          } else if (
+            [FieldTypeEnum.DEPARTMENT, FieldTypeEnum.DEPARTMENT_MULTIPLE].includes(currentFormVal.type) &&
+            currentFormVal.hasCurrentUserDept
+          ) {
+            currentForm.value.defaultValue = userStore.userInfo.departmentId;
+            currentForm.value.initialOptions = [
+              ...(currentFormVal.initialOptions || []),
+              {
+                id: userStore.userInfo.departmentId,
+                name: userStore.userInfo.departmentName,
+              },
+            ].filter((option, index, self) => self.findIndex((o) => o.id === option.id) === index);
+          }
+        }
+      }
+    }
+  );
+
+  function handleCancel() {
+    visible.value = false;
+    form.value = { ...initForm };
+  }
+
+  const loading = ref(false);
+  function handleSave() {
+    formRef.value?.validate(async (errors) => {
+      if (!errors) {
+        try {
+          loading.value = true;
+
+          const result = { ...form.value };
+          if (currentForm.value.type === FieldTypeEnum.DATA_SOURCE && Array.isArray(result.fieldValue)) {
+            // 处理数据源字段，单选传单个值
+            result.fieldValue = result.fieldValue?.[0];
+          }
+          if (currentForm.value.type === FieldTypeEnum.PHONE) {
+            // 去空格
+            result.fieldValue = result.fieldValue.replace(/[\s\uFEFF\xA0]+/g, '');
+          }
+          const res = await saveApiMap[props.formKey]({
+            ids: props.ids,
+            ...result,
+            ...props.otherSaveParams,
+            fieldValue: !currentForm.value.businessKey
+              ? getNormalFieldValue(currentForm.value, result.fieldValue)
+              : result.fieldValue ?? '',
+          });
+          batchResult.value = { ...initBatchResult };
+          if (props.showApprovalTip) {
+            batchResult.value = res;
+            resultVisible.value = true;
+          } else {
+            Message.success(t('common.updateSuccess'));
+          }
+          handleCancel();
+          emit('refresh');
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        } finally {
+          loading.value = false;
+        }
+      }
+    });
+  }
+</script>
+
+<style scoped lang="less">
+  .crm-batch-edit-form {
+    :deep(.crm-batch-edit-form-item) {
+      .n-checkbox-group,
+      .n-radio-group {
+        margin-top: 4px !important;
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-batch-form/index.vue b/frontend/packages/web/src/components/business/crm-batch-form/index.vue
new file mode 100644
index 0000000..6df0a0c
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-batch-form/index.vue
@@ -0,0 +1,624 @@
+<template>
+  <div class="flex rounded-[var(--border-radius-small)] bg-[var(--text-n9)] p-[16px]">
+    <div v-if="showAllOr" class="all-or">
+      <CrmTag
+        type="primary"
+        theme="light"
+        :color="{ color: 'var(--primary-6)' }"
+        class="z-[1] w-[34px]"
+        @click="changeAllOr"
+      >
+        {{ form.allOr === 'AND' ? 'all' : 'or' }}
+      </CrmTag>
+    </div>
+    <div class="flex-1 overflow-hidden">
+      <n-form ref="formRef" :model="form">
+        <n-scrollbar :style="{ 'max-height': props.maxHeight }">
+          <VueDraggable
+            v-model="form.list"
+            ghost-class="ghost"
+            drag-class="drag-item-class"
+            :disabled="disabledDraggable"
+            :animation="150"
+            handle=".handle"
+            @move="handleMove"
+            @end="(e) => emit('drag', e)"
+          >
+            <div
+              v-for="(element, index) in form.list"
+              :key="element.id ?? element._key"
+              :class="`${!element.editing ? 'read-only-row' : ''} flex gap-[8px]`"
+            >
+              <CrmIcon
+                v-if="props.draggable || element.draggable === false"
+                type="iconicon_move"
+                :size="12"
+                :class="
+                  element.draggable === false
+                    ? 'pointer-events-none invisible'
+                    : `handle ${
+                        disabledDraggable
+                          ? 'cursor-not-allowed text-[var(--text-n6)]'
+                          : 'cursor-move text-[var(--text-n4)]'
+                      }`
+                "
+                :style="{ marginTop: index === 0 && props.models.some((item) => item.label) ? '40px' : '14px' }"
+              />
+              <n-form-item
+                v-for="model of props.models"
+                :key="`${model.path}${index}`"
+                :ref="(el) => handleFormItemRef(el, model.path, index as number)"
+                :label="index === 0 && model.label ? model.label : ''"
+                :path="`list[${index}].${model.path}`"
+                :rule="
+                model.rule?.map((e) => { 
+                  if (e.notRepeat) {
+                    return {
+                    validator: (rule: FormItemRule, value: string) => fieldNotRepeat(value, index as number, model.path, e.message as string),
+                    };
+                  }
+                  if (typeof e.validator === 'function') {
+                    return {
+                      validator: (rule, value, callback) =>
+                        (e.validator as any)?.(rule, value, callback, element),
+                    };
+                  }
+                  return e;
+                })
+              "
+                class="block flex-1 overflow-hidden py-[4px]"
+                :class="model.formItemClass"
+                @mousedown.stop
+              >
+                <template v-if="index === 0 && model.label && model.labelTooltip" #label>
+                  <span class="inline-flex items-center gap-[8px]">
+                    {{ model.label }}
+                    <n-tooltip trigger="hover" placement="right">
+                      <template #trigger>
+                        <CrmIcon
+                          type="iconicon_help_circle"
+                          :size="16"
+                          class="cursor-pointer text-[var(--text-n4)] hover:text-[var(--primary-1)]"
+                        />
+                      </template>
+                      {{ model.labelTooltip }}
+                    </n-tooltip>
+                  </span>
+                </template>
+
+                <n-input
+                  v-if="model.type === FieldTypeEnum.INPUT"
+                  v-model:value="element[model.path]"
+                  allow-clear
+                  :maxlength="255"
+                  :placeholder="t('common.pleaseInput')"
+                  :disabled="!element.editing"
+                  v-bind="model.inputProps"
+                />
+                <CrmInputNumber
+                  v-if="model.type === FieldTypeEnum.INPUT_NUMBER"
+                  v-model:value="element[model.path]"
+                  class="w-full"
+                  clearable
+                  :disabled="!element.editing || model.numberProps?.disabledFunction?.(element)"
+                  :placeholder="model.numberProps?.placeholder ?? t('common.pleaseInput')"
+                  v-bind="{
+                    min: model.numberProps?.min,
+                    max: model.numberProps?.max,
+                    precision: model.numberProps?.precision,
+                  }"
+                />
+                <CrmInputNumberWithUnit
+                  v-if="model.type === FieldTypeEnum.INPUT_NUMBER_WITH_UNIT"
+                  v-model:value="element[model.path]"
+                  class="w-full"
+                  clearable
+                  :disabled="!element.editing || model.numberProps?.disabledFunction?.(element)"
+                  :placeholder="model.numberProps?.placeholder ?? t('common.pleaseInput')"
+                  v-bind="{
+                    min: model.numberProps?.min,
+                    max: model.numberProps?.max,
+                    precision: model.numberProps?.precision,
+                    showArrow: model.selectProps?.showArrow,
+                  }"
+                />
+                <n-tooltip
+                  v-if="[FieldTypeEnum.SELECT, FieldTypeEnum.SELECT_MULTIPLE].includes(model.type)"
+                  :disabled="!model.selectProps?.disabledFunction?.(element)"
+                  trigger="hover"
+                  placement="bottom"
+                >
+                  <template #trigger>
+                    <n-select
+                      v-model:value="element[model.path]"
+                      clearable
+                      :placeholder="!element.editing ? '-' : t('common.pleaseSelect')"
+                      :disabled="!element.editing || model.selectProps?.disabledFunction?.(element)"
+                      :show-arrow="element.editing"
+                      v-bind="model.selectProps"
+                      :options="getSelectOptions(element, model)"
+                      :multiple="model.type === FieldTypeEnum.SELECT_MULTIPLE"
+                    />
+                  </template>
+                  {{ model.selectProps?.disabledTooltipFunction?.(element) }}
+                </n-tooltip>
+                <CrmUserTagSelector
+                  v-if="model.type === FieldTypeEnum.USER_TAG_SELECTOR"
+                  v-model:selected-list="element[model.path]"
+                  :user-error-tag-ids="userErrorTagIds"
+                  :disabled="!element.editing"
+                  v-bind="model.userTagSelectorProps"
+                  @delete-tag="handleUserTagSelectValidate"
+                />
+              </n-form-item>
+              <div
+                class="flex gap-[8px]"
+                :style="{ 'margin-top': index === 0 && props.models.some((item) => item.label) ? '30px' : '4px' }"
+              >
+                <template v-if="element.editing">
+                  <n-button type="success" ghost class="px-[7px]" @click="handleSaveRow(element, index as number)">
+                    <template #icon>
+                      <CrmIcon type="iconicon_check" :size="16" />
+                    </template>
+                  </n-button>
+                  <n-button ghost type="error" class="px-[7px]" @click="handleCancelEdit(index as number)">
+                    <template #icon>
+                      <CrmIcon type="iconicon_close" :size="16" />
+                    </template>
+                  </n-button>
+                </template>
+                <template v-else>
+                  <n-button ghost class="px-[7px]" @click="handleEditRow(index as number)">
+                    <template #icon>
+                      <CrmIcon type="iconicon_edit" :size="16" />
+                    </template>
+                  </n-button>
+                  <CrmPopConfirm
+                    v-if="props.popConfirmProps"
+                    :show="popShow[element.id]"
+                    :disabled="!props.popConfirmProps || !element.id"
+                    placement="bottom-end"
+                    class="w-[260px]"
+                    v-bind="getPopConfirmProps(element,index as number) as CrmPopConfirmProps"
+                    @confirm="handlePopDeleteListItem(index as number, element.id)"
+                    @cancel="popShow[element.id] = false"
+                  >
+                    <n-button
+                      v-if="!getPopConfirmProps(element, index as number)?.disabled"
+                      ghost
+                      class="px-[7px]"
+                      @click.stop="handleDeleteListItem(index as number, element.id)"
+                    >
+                      <template #icon>
+                        <CrmIcon type="iconicon_delete" :size="16" />
+                      </template>
+                    </n-button>
+                    <span v-else></span>
+                  </CrmPopConfirm>
+                  <slot v-else-if="$slots.extra" name="extra" :element="element"></slot>
+                  <n-button v-else ghost class="px-[7px]" @click="handleDeleteListItem(index as number, element.id)">
+                    <template #icon>
+                      <CrmIcon type="iconicon_delete" :size="16" />
+                    </template>
+                  </n-button>
+                </template>
+              </div>
+            </div>
+          </VueDraggable>
+        </n-scrollbar>
+      </n-form>
+      <n-tooltip v-if="props.addText" placement="bottom" :disabled="getAddDisabled ? !props.disabledAddTooltip : true">
+        <template #trigger>
+          <n-button
+            type="primary"
+            :disabled="getAddDisabled"
+            text
+            class="mt-[5px] w-[fit-content]"
+            @click="handleAddListItem"
+          >
+            <template #icon>
+              <n-icon><Add /></n-icon>
+            </template>
+            {{ props.addText }}
+          </n-button>
+        </template>
+        {{ props.disabledAddTooltip }}
+      </n-tooltip>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import {
+    FormInst,
+    FormItemRule,
+    NButton,
+    NForm,
+    NFormItem,
+    NIcon,
+    NInput,
+    NScrollbar,
+    NSelect,
+    NTooltip,
+  } from 'naive-ui';
+  import { Add } from '@vicons/ionicons5';
+  import { cloneDeep } from 'lodash-es';
+  import { VueDraggable } from 'vue-draggable-plus';
+
+  import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { getGenerateId } from '@lib/shared/method';
+  import { scrollIntoView } from '@lib/shared/method/dom';
+  import { SelectedUsersItem } from '@lib/shared/models/system/module';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmInputNumber from '@/components/pure/crm-input-number/index.vue';
+  import CrmPopConfirm, { CrmPopConfirmProps } from '@/components/pure/crm-pop-confirm/index.vue';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import CrmInputNumberWithUnit from '@/components/business/crm-input-number-with-unit/index.vue';
+  import CrmUserTagSelector from '@/components/business/crm-user-tag-selector/index.vue';
+
+  import { FormItemModel } from './types';
+
+  const { t } = useI18n();
+
+  const props = withDefaults(
+    defineProps<{
+      models: FormItemModel[];
+      addText?: string;
+      maxHeight?: string;
+      defaultList?: any[]; // 当外层是编辑状态时，可传入已填充的数据
+      disabledAdd?: boolean; // 是否禁用添加按钮
+      validateWhenAdd?: boolean; // 增加一行的时候是否进行校验
+      showAllOr?: boolean;
+      draggable?: boolean;
+      popConfirmProps?: (ele: Record<string, any>, i: number) => CrmPopConfirmProps | CrmPopConfirmProps;
+      move?: (evt: any) => boolean;
+      disabledAddTooltip?: string;
+      maxLimitLength?: number;
+      needInitFormRow?: boolean; // 是否需要初始化一行数据
+    }>(),
+    {
+      maxHeight: '100%',
+      disabledAdd: false,
+      showAllOr: false,
+      draggable: false,
+      needInitFormRow: true,
+    }
+  );
+
+  const emit = defineEmits<{
+    (e: 'deleteRow', index: number, id: string, done: () => void): void;
+    (e: 'saveRow', element: Record<string, any>, done: () => void, index: number): void;
+    (e: 'drag', event: any): void;
+    (e: 'cancelRow', index: number): void;
+  }>();
+
+  const formRef = ref<FormInst | null>(null);
+  const form = ref<Record<string, any>>({ list: [], allOr: 'AND' });
+  const formItemRefs = ref<Record<string, Map<string, any>>>({});
+  const formItem: Record<string, any> = {};
+  const popShow = ref<Record<string, boolean>>({});
+
+  const getAddDisabled = computed(() =>
+    props.maxLimitLength && form.value.list.length >= props.maxLimitLength ? true : props.disabledAdd
+  );
+
+  const handleFormItemRef = (el: Element | ComponentPublicInstance | null, path: string, index: number) => {
+    if (!formItemRefs.value[path]) {
+      formItemRefs.value[path] = new Map();
+    }
+    if (el) {
+      formItemRefs.value[path].set(`${index}`, el);
+    } else {
+      formItemRefs.value[path].delete(`${index}`);
+    }
+  };
+
+  const userErrorTagIds = ref<string[]>([]); // 对于CrmUserTagSelector列，上下行里重复的id
+
+  function valueIsArray(listItem: FormItemModel) {
+    return listItem.selectProps?.multiple || listItem.type === FieldTypeEnum.USER_TAG_SELECTOR;
+  }
+
+  // 初始化表单数据
+  function initForm() {
+    props.models.forEach((e) => {
+      if (e.defaultValue) {
+        formItem[e.path] = e.defaultValue;
+      } else {
+        formItem[e.path] = valueIsArray(e) ? [] : null;
+      }
+    });
+    const initFormRow = props.needInitFormRow ? [{ ...formItem, editing: true }] : [];
+    form.value.list = props.defaultList?.length
+      ? cloneDeep(props.defaultList).map((item) => ({
+          editing: false,
+          ...item,
+        }))
+      : initFormRow;
+  }
+
+  watchEffect(() => {
+    initForm();
+  });
+
+  function changeAllOr() {
+    form.value.allOr = form.value.allOr === 'AND' ? 'OR' : 'AND';
+  }
+
+  function fieldNotRepeat(value: any[] | string | undefined, index: number, field: string, msg?: string) {
+    if (!value || value === '') return;
+
+    const fieldConfig = props.models.find((model) => model.path === field);
+    if (!fieldConfig) return;
+
+    const otherItems = form.value.list.filter((_: Record<string, any>, i: number) => i !== index);
+
+    // 非数组类型的重复检查
+    if (!valueIsArray(fieldConfig)) {
+      if (otherItems.some((item: Record<string, any>) => item[field] === value)) {
+        return new Error(t(msg || ''));
+      }
+      return;
+    }
+
+    // USER_TAG_SELECTOR 类型的重复检查
+    if (fieldConfig.type === FieldTypeEnum.USER_TAG_SELECTOR) {
+      const currentIds = (value as SelectedUsersItem[]).map((item) => item.id);
+
+      const duplicateIds: string[] = otherItems.reduce((duplicates: string[], item: Record<string, any>) => {
+        const compareIds = item[field].map((tagItem: any) => tagItem.id);
+        const newDuplicates = currentIds.filter((id) => compareIds.includes(id));
+        return [...duplicates, ...newDuplicates];
+      }, []);
+
+      if (duplicateIds.length > 0) {
+        userErrorTagIds.value = [...new Set(duplicateIds)]; // 去重
+        return new Error(t(msg || ''));
+      }
+      userErrorTagIds.value = [];
+    }
+  }
+
+  // 重新校验所有 USER_TAG_SELECTOR 类型的表单项
+  function handleUserTagSelectValidate() {
+    const userTagSelectorPath = props.models.find((item) => item.type === FieldTypeEnum.USER_TAG_SELECTOR)?.path ?? '';
+    form.value.list.forEach((_: Record<string, any>, index: number) => {
+      const userTagSelectItem = formItemRefs.value[userTagSelectorPath].get(`${index}`);
+      if (userTagSelectItem) {
+        userTagSelectItem.validate();
+      }
+    });
+  }
+
+  // 排除已选择的
+  function getSelectOptions(element: Record<string, any>, model: FormItemModel) {
+    if (model.selectProps?.filterRepeat) {
+      const selectedValues = new Set<string>();
+
+      form.value.list.forEach((item: any) => {
+        if (item[model.path] && item !== element) {
+          selectedValues.add(item[model.path]);
+        }
+      });
+
+      const valueField = model.selectProps?.valueField || 'value';
+      return (model.selectProps?.options || []).filter((item: any) => !selectedValues.has(item[valueField]));
+    }
+
+    return model.selectProps?.options || [];
+  }
+
+  function getFormResult() {
+    return unref(form.value);
+  }
+
+  function getPopConfirmProps(element: Record<string, any>, i: number) {
+    return props.popConfirmProps && typeof props.popConfirmProps === 'function'
+      ? props.popConfirmProps(element, i)
+      : props.popConfirmProps;
+  }
+
+  /**
+   * 触发表单校验
+   * @param cb 校验通过后执行回调
+   * @param isSubmit 是否需要将表单值拼接后传入回调函数
+   */
+  function formValidate(cb: (res?: Record<string, any>) => void, isSubmit = true) {
+    formRef.value?.validate(async (errors) => {
+      if (errors) {
+        scrollIntoView(document.querySelector('.n-form-item-blank--error'), { block: 'center' });
+        return;
+      }
+      if (typeof cb === 'function') {
+        if (isSubmit) {
+          cb(getFormResult());
+        } else {
+          cb();
+        }
+      }
+    });
+  }
+
+  function handleDelete(i: number, id?: string) {
+    if (id) {
+      emit('deleteRow', i, id, () => {
+        form.value.list.splice(i, 1);
+      });
+    } else {
+      form.value.list.splice(i, 1);
+    }
+  }
+
+  // 删除一行
+  async function handleDeleteListItem(i: number, id?: string) {
+    if (id && props.popConfirmProps) {
+      popShow.value[id] = true;
+    } else {
+      handleDelete(i, id);
+    }
+  }
+
+  function handlePopDeleteListItem(i: number, id?: string) {
+    if (props.popConfirmProps) {
+      handleDelete(i, id);
+    }
+  }
+
+  const rowBackups = ref<Record<number, any>>({});
+  // 编辑一行
+  function handleEditRow(index: number) {
+    rowBackups.value[index] = cloneDeep(form.value.list[index]);
+    form.value.list[index].editing = true;
+  }
+
+  // 单行校验
+  async function validateRowFields(index: number): Promise<boolean> {
+    const fieldRefs = props.models.map((model) => formItemRefs.value[model.path]?.get(`${index}`)).filter(Boolean);
+
+    const results = await Promise.allSettled(fieldRefs.map((ref) => ref?.validate?.()));
+
+    const hasError = results.some((r) => r.status === 'rejected');
+    if (hasError) {
+      scrollIntoView(document.querySelector('.n-form-item-blank--error'), { block: 'center' });
+      return false;
+    }
+    return true;
+  }
+
+  // 单行还原到未校验的状态
+  async function restoreValidationRowFields(index: number) {
+    const fieldRefs = props.models.map((model) => formItemRefs.value[model.path]?.get(`${index}`)).filter(Boolean);
+    await Promise.allSettled(fieldRefs.map((ref) => ref?.restoreValidation?.()));
+  }
+
+  function handleMove(evt: any) {
+    return props?.move && typeof props.move === 'function' ? props?.move(evt) : true;
+  }
+
+  // 取消编辑
+  function handleCancelEdit(index: number) {
+    if (rowBackups.value[index]) {
+      form.value.list[index] = cloneDeep(rowBackups.value[index]);
+      restoreValidationRowFields(index);
+      form.value.list[index].editing = false;
+      delete rowBackups.value[index];
+    } else {
+      form.value.list.splice(index, 1);
+      emit('cancelRow', index);
+    }
+    formValidate(() => {});
+  }
+
+  // 保存编辑
+  async function handleSaveRow(element: Record<string, any>, index: number) {
+    const isValid = await validateRowFields(index);
+    formValidate(() => {
+      if (!isValid) return;
+      emit(
+        'saveRow',
+        element,
+        () => {
+          form.value.list[index].editing = false;
+          delete rowBackups.value[index];
+        },
+        index
+      );
+    }, false);
+  }
+
+  const disabledDraggable = computed(() =>
+    props.validateWhenAdd ? !props.draggable || form.value.list.some((e: any) => e.editing) : !props.draggable
+  );
+
+  // 增加一行
+  function handleAddListItem() {
+    const item = {
+      ...formItem,
+      editing: true,
+      _key: getGenerateId(),
+    };
+    if (props.validateWhenAdd) {
+      formValidate(() => {
+        form.value.list.push(item);
+      }, false);
+    } else {
+      form.value.list.push(item);
+    }
+  }
+
+  // 初始化
+  watch(
+    () => form.value.list,
+    (newList) => {
+      if (props.popConfirmProps) {
+        newList.forEach((item: any) => {
+          if (item.popConfirmProps) {
+            popShow.value[item.id as string] = false;
+          }
+        });
+      }
+    },
+    { immediate: true }
+  );
+
+  defineExpose({
+    formValidate,
+  });
+</script>
+
+<style lang="less" scoped>
+  .all-or {
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-right: 16px;
+    height: auto;
+    &::after {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 50%;
+      width: 1px;
+      height: 100%;
+      background-color: var(--text-n8);
+      transform: translateX(-50%);
+    }
+    :deep(.n-tag__content) {
+      margin: 0 auto;
+    }
+  }
+  :deep(.n-form-item-feedback-wrapper) {
+    min-height: 0;
+  }
+  .read-only-row {
+    :deep(.n-form-item) {
+      .n-base-selection.n-base-selection--disabled .n-base-selection-label .n-base-selection-input,
+      .n-input.n-input--disabled .n-input__input-el,
+      .n-input.n-input--disabled .n-input__placeholder,
+      .n-base-selection.n-base-selection--disabled .n-base-selection-placeholder {
+        color: var(--text-n1);
+      }
+      .n-tag {
+        &.n-tag--disabled {
+          opacity: 1;
+        }
+        .n-tag__close {
+          display: none;
+        }
+      }
+    }
+  }
+  .ghost {
+    border: 1px dashed var(--primary-4);
+    background-color: var(--primary-7);
+    @apply rounded;
+  }
+  .drag-item-class {
+    background: var(--text-n10);
+    opacity: 1 !important;
+    @apply rounded;
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-batch-form/types.ts b/frontend/packages/web/src/components/business/crm-batch-form/types.ts
new file mode 100644
index 0000000..b783b5a
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-batch-form/types.ts
@@ -0,0 +1,34 @@
+import { FormItemRule, InputNumberProps, InputProps, SelectProps } from 'naive-ui';
+
+import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+
+import { UserTagSelectorProps } from '@/components/business/crm-user-tag-selector/index.vue';
+
+// 自定义检验器，为了传入动态渲染的表单项下标
+export interface CustomValidator {
+  notRepeat?: boolean;
+}
+
+export interface customSelectedProps {
+  filterRepeat?: boolean;
+  disabledFunction?: (row: any) => boolean;
+  disabledTooltipFunction?: (row: any) => string;
+}
+
+export interface FormItemModel {
+  path: string;
+  label?: string;
+  rule?: (FormItemRule & CustomValidator)[];
+  type: FieldTypeEnum;
+  formItemClass?: string;
+  labelTooltip?: string;
+  defaultValue?: string | string[] | number | number[] | boolean; // 默认值
+  inputProps?: Partial<InputProps>;
+  numberProps?: Partial<
+    InputNumberProps & {
+      disabledFunction?: (row: any) => boolean;
+    }
+  >;
+  selectProps?: Partial<SelectProps & customSelectedProps>;
+  userTagSelectorProps?: Partial<UserTagSelectorProps>;
+}
diff --git a/frontend/packages/web/src/components/business/crm-business-name-prefix/index.vue b/frontend/packages/web/src/components/business/crm-business-name-prefix/index.vue
new file mode 100644
index 0000000..51babde
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-business-name-prefix/index.vue
@@ -0,0 +1,20 @@
+<template>
+  <div class="flex flex-shrink-0 items-center">
+    <roleTreeNodePrefix v-if="props.type === 'CUSTOM'" :text="t('contract.businessTitle.dataSourceSelf')" />
+    <CrmIcon v-else class="text-[var(--primary-8)]" type="iconicon_enterprise" :size="16" />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import roleTreeNodePrefix from '@/components/business/crm-select-user-drawer/roleTreeNodePrefix.vue';
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    type: 'THIRD_PARTY' | 'CUSTOM';
+  }>();
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-city-select/config.ts b/frontend/packages/web/src/components/business/crm-city-select/config.ts
new file mode 100644
index 0000000..4f2e2ca
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-city-select/config.ts
@@ -0,0 +1,9140 @@
+import { mapTree } from '@lib/shared/method';
+
+import { provinceAndCityData, regionData } from './utils';
+import type { CascaderOption } from 'naive-ui';
+
+export const GAT = [
+  {
+    children: [
+      {
+        children: [
+          {
+            label: '中正区',
+            value: '710101',
+          },
+          {
+            label: '大同区',
+            value: '710102',
+          },
+          {
+            label: '中山区',
+            value: '710103',
+          },
+          {
+            label: '松山区',
+            value: '710104',
+          },
+          {
+            label: '大安区',
+            value: '710105',
+          },
+          {
+            label: '万华区',
+            value: '710106',
+          },
+          {
+            label: '信义区',
+            value: '710107',
+          },
+          {
+            label: '士林区',
+            value: '710108',
+          },
+          {
+            label: '北投区',
+            value: '710109',
+          },
+          {
+            label: '内湖区',
+            value: '710110',
+          },
+          {
+            label: '南港区',
+            value: '710111',
+          },
+          {
+            label: '文山区',
+            value: '710112',
+          },
+          {
+            label: '其它区',
+            value: '710113',
+          },
+        ],
+        label: '台北市',
+        value: '7101',
+      },
+      {
+        children: [
+          {
+            label: '新兴区',
+            value: '710201',
+          },
+          {
+            label: '前金区',
+            value: '710202',
+          },
+          {
+            label: '芩雅区',
+            value: '710203',
+          },
+          {
+            label: '盐埕区',
+            value: '710204',
+          },
+          {
+            label: '鼓山区',
+            value: '710205',
+          },
+          {
+            label: '旗津区',
+            value: '710206',
+          },
+          {
+            label: '前镇区',
+            value: '710207',
+          },
+          {
+            label: '三民区',
+            value: '710208',
+          },
+          {
+            label: '左营区',
+            value: '710209',
+          },
+          {
+            label: '楠梓区',
+            value: '710210',
+          },
+          {
+            label: '小港区',
+            value: '710211',
+          },
+          {
+            label: '其它区',
+            value: '710212',
+          },
+        ],
+        label: '高雄市',
+        value: '7102',
+      },
+      {
+        children: [
+          {
+            label: '中西区',
+            value: '710301',
+          },
+          {
+            label: '东区',
+            value: '710302',
+          },
+          {
+            label: '南区',
+            value: '710303',
+          },
+          {
+            label: '北区',
+            value: '710304',
+          },
+          {
+            label: '安平区',
+            value: '710305',
+          },
+          {
+            label: '安南区',
+            value: '710306',
+          },
+          {
+            label: '其它区',
+            value: '710307',
+          },
+        ],
+        label: '台南市',
+        value: '7103',
+      },
+      {
+        children: [
+          {
+            label: '中区',
+            value: '710401',
+          },
+          {
+            label: '东区',
+            value: '710402',
+          },
+          {
+            label: '南区',
+            value: '710403',
+          },
+          {
+            label: '西区',
+            value: '710404',
+          },
+          {
+            label: '北区',
+            value: '710405',
+          },
+          {
+            label: '北屯区',
+            value: '710406',
+          },
+          {
+            label: '西屯区',
+            value: '710407',
+          },
+          {
+            label: '南屯区',
+            value: '710408',
+          },
+          {
+            label: '其它区',
+            value: '710409',
+          },
+        ],
+        label: '台中市',
+        value: '7104',
+      },
+      {
+        label: '金门县',
+        value: '7105',
+      },
+      {
+        label: '南投县',
+        value: '7106',
+      },
+      {
+        children: [
+          {
+            label: '仁爱区',
+            value: '710701',
+          },
+          {
+            label: '信义区',
+            value: '710702',
+          },
+          {
+            label: '中正区',
+            value: '710703',
+          },
+          {
+            label: '中山区',
+            value: '710704',
+          },
+          {
+            label: '安乐区',
+            value: '710705',
+          },
+          {
+            label: '暖暖区',
+            value: '710706',
+          },
+          {
+            label: '七堵区',
+            value: '710707',
+          },
+          {
+            label: '其它区',
+            value: '710708',
+          },
+        ],
+        label: '基隆市',
+        value: '7107',
+      },
+      {
+        children: [
+          {
+            label: '东区',
+            value: '710801',
+          },
+          {
+            label: '北区',
+            value: '710802',
+          },
+          {
+            label: '香山区',
+            value: '710803',
+          },
+          {
+            label: '其它区',
+            value: '710804',
+          },
+        ],
+        label: '新竹市',
+        value: '7108',
+      },
+      {
+        children: [
+          {
+            label: '东区',
+            value: '710901',
+          },
+          {
+            label: '西区',
+            value: '710902',
+          },
+          {
+            label: '其它区',
+            value: '710903',
+          },
+        ],
+        label: '嘉义市',
+        value: '7109',
+      },
+      {
+        label: '新北市',
+        value: '7111',
+      },
+      {
+        label: '宜兰县',
+        value: '7112',
+      },
+      {
+        label: '新竹县',
+        value: '7113',
+      },
+      {
+        label: '桃园县',
+        value: '7114',
+      },
+      {
+        label: '苗栗县',
+        value: '7115',
+      },
+      {
+        label: '彰化县',
+        value: '7117',
+      },
+      {
+        label: '嘉义县',
+        value: '7119',
+      },
+      {
+        label: '云林县',
+        value: '7121',
+      },
+      {
+        label: '屏东县',
+        value: '7124',
+      },
+      {
+        label: '台东县',
+        value: '7125',
+      },
+      {
+        label: '花莲县',
+        value: '7126',
+      },
+      {
+        label: '澎湖县',
+        value: '7127',
+      },
+    ],
+    label: '台湾省',
+    value: '71',
+  },
+  {
+    children: [
+      {
+        children: [
+          {
+            label: '中西区',
+            value: '810101',
+          },
+          {
+            label: '湾仔',
+            value: '810102',
+          },
+          {
+            label: '东区',
+            value: '810103',
+          },
+          {
+            label: '南区',
+            value: '810104',
+          },
+        ],
+        label: '香港岛',
+        value: '8101',
+      },
+      {
+        children: [
+          {
+            label: '九龙城区',
+            value: '810201',
+          },
+          {
+            label: '油尖旺区',
+            value: '810202',
+          },
+          {
+            label: '深水埗区',
+            value: '810203',
+          },
+          {
+            label: '黄大仙区',
+            value: '810204',
+          },
+          {
+            label: '观塘区',
+            value: '810205',
+          },
+        ],
+        label: '九龙',
+        value: '8102',
+      },
+      {
+        children: [
+          {
+            label: '北区',
+            value: '810301',
+          },
+          {
+            label: '大埔区',
+            value: '810302',
+          },
+          {
+            label: '沙田区',
+            value: '810303',
+          },
+          {
+            label: '西贡区',
+            value: '810304',
+          },
+          {
+            label: '元朗区',
+            value: '810305',
+          },
+          {
+            label: '屯门区',
+            value: '810306',
+          },
+          {
+            label: '荃湾区',
+            value: '810307',
+          },
+          {
+            label: '葵青区',
+            value: '810308',
+          },
+          {
+            label: '离岛区',
+            value: '810309',
+          },
+        ],
+        label: '新界',
+        value: '8103',
+      },
+    ],
+    label: '香港特别行政区',
+    value: '81',
+  },
+  {
+    children: [
+      {
+        children: [
+          {
+            label: '花地玛堂区',
+            value: '820101',
+          },
+          {
+            label: '花王堂区',
+            value: '820102',
+          },
+          {
+            label: '大堂区',
+            value: '820103',
+          },
+          {
+            label: '望德堂区',
+            value: '820104',
+          },
+          {
+            label: '风顺堂区',
+            value: '820105',
+          },
+          {
+            label: '其他区',
+            value: '820100',
+          },
+        ],
+        label: '澳门半岛',
+        value: '8201',
+      },
+      {
+        children: [
+          {
+            label: '嘉模堂区',
+            value: '820201',
+          },
+          {
+            label: '其他区',
+            value: '820200',
+          },
+        ],
+        label: '离岛',
+        value: '8202',
+      },
+      {
+        label: '圣方济各堂区',
+        value: '820301',
+      },
+      {
+        label: '路凼填海区',
+        value: '820401',
+      },
+    ],
+    label: '澳门特别行政区',
+    value: '82',
+  },
+];
+
+export const GAT_PC = mapTree(GAT, (item, path, level) => {
+  if (level === 1) {
+    return {
+      ...item,
+      children: undefined,
+    };
+  }
+  return item;
+});
+
+export const CHINA_PC = {
+  label: '中国',
+  value: 'CHN',
+  children: [...provinceAndCityData, ...GAT_PC],
+};
+
+export const CHINA_PCD = {
+  label: '中国',
+  value: 'CHN',
+  children: [...regionData, ...GAT],
+};
+
+export const CHINA_P = {
+  label: '中国',
+  value: 'CHN',
+  children: [...regionData, ...GAT].map(({ label, value }) => ({ label, value })),
+};
+
+export const COUNTRIES_TREE: CascaderOption[] = [
+  {
+    label: '阿鲁巴',
+    value: 'ABW',
+  },
+  {
+    label: '阿富汗',
+    value: 'AFG',
+    children: [
+      {
+        label: '赫拉特',
+        value: 'AFG_HEA',
+      },
+      {
+        label: '喀布尔',
+        value: 'AFG_KBL',
+      },
+      {
+        label: '坎大哈',
+        value: 'AFG_KDH',
+      },
+      {
+        label: '马扎里沙里夫',
+        value: 'AFG_MZR',
+      },
+    ],
+  },
+  {
+    label: '安圭拉',
+    value: 'AIA',
+  },
+  {
+    label: '奥兰群岛',
+    value: 'ALA',
+  },
+  {
+    label: '阿尔巴尼亚',
+    value: 'ALB',
+    children: [
+      {
+        label: '爱尔巴桑',
+        value: 'ALB_EL',
+      },
+      {
+        label: '迪勃拉',
+        value: 'ALB_DI',
+      },
+      {
+        label: '地拉那',
+        value: 'ALB_TR',
+      },
+      {
+        label: '都拉斯',
+        value: 'ALB_DR',
+      },
+      {
+        label: '发罗拉',
+        value: 'ALB_VL',
+      },
+      {
+        label: '费里',
+        value: 'ALB_FR',
+      },
+      {
+        label: '吉诺卡斯特',
+        value: 'ALB_GJ',
+      },
+      {
+        label: '科尔察',
+        value: 'ALB_KO',
+      },
+      {
+        label: '库克斯',
+        value: 'ALB_KU',
+      },
+      {
+        label: '莱什',
+        value: 'ALB_LE',
+      },
+      {
+        label: '培拉特',
+        value: 'ALB_BR',
+      },
+      {
+        label: '斯库台',
+        value: 'ALB_SH',
+      },
+    ],
+  },
+  {
+    label: '阿尔及利亚',
+    value: 'ALG',
+  },
+  {
+    label: '安道尔',
+    value: 'AND',
+    children: [
+      {
+        label: '卡尼略',
+        value: 'AND_2',
+      },
+      {
+        label: '恩坎普',
+        value: 'AND_3',
+      },
+      {
+        label: '马萨纳',
+        value: 'AND_4',
+      },
+      {
+        label: '奥尔迪诺',
+        value: 'AND_5',
+      },
+      {
+        label: '圣胡利娅－德洛里亚',
+        value: 'AND_6',
+      },
+      {
+        label: '安道尔城',
+        value: 'AND_7',
+      },
+      {
+        label: '莱塞斯卡尔德－恩戈尔达',
+        value: 'AND_8',
+      },
+    ],
+  },
+  {
+    label: '安哥拉',
+    value: 'ANG',
+  },
+  {
+    label: '荷属安地列斯',
+    value: 'AHO',
+  },
+  {
+    label: '安提瓜和巴布达',
+    value: 'ANT',
+  },
+  {
+    label: '阿拉伯联合酋长国',
+    value: 'ARE',
+    children: [
+      {
+        label: '阿布扎比',
+        value: 'ARE_AZ',
+      },
+      {
+        label: '艾因',
+        value: 'ARE_AL',
+      },
+      {
+        label: '迪拜',
+        value: 'ARE_DU',
+      },
+      {
+        label: '沙迦',
+        value: 'ARE_SH',
+      },
+    ],
+  },
+  {
+    label: '阿根廷',
+    value: 'ARG',
+    children: [
+      {
+        label: '巴拉那',
+        value: 'ARG_PRA',
+      },
+      {
+        label: '别德马',
+        value: 'ARG_VDM',
+      },
+      {
+        label: '波萨达斯',
+        value: 'ARG_PSS',
+      },
+      {
+        label: '布兰卡港',
+        value: 'ARG_BHI',
+      },
+      {
+        label: '布宜诺斯艾利斯',
+        value: 'ARG_BUE',
+      },
+      {
+        label: '福莫萨',
+        value: 'ARG_FMA',
+      },
+      {
+        label: '胡胡伊',
+        value: 'ARG_JUJ',
+      },
+      {
+        label: '卡塔马卡',
+        value: 'ARG_CTC',
+      },
+      {
+        label: '科尔多瓦',
+        value: 'ARG_COR',
+      },
+      {
+        label: '科连特斯',
+        value: 'ARG_CNQ',
+      },
+      {
+        label: '克劳斯城',
+        value: 'ARG_VLK',
+      },
+      {
+        label: '肯考迪娅',
+        value: 'ARG_COC',
+      },
+      {
+        label: '拉里奥哈',
+        value: 'ARG_IRJ',
+      },
+      {
+        label: '拉普拉塔',
+        value: 'ARG_LPG',
+      },
+      {
+        label: '雷西斯滕匹亚',
+        value: 'ARG_RES',
+      },
+      {
+        label: '里奥加耶戈斯',
+        value: 'ARG_RGL',
+      },
+      {
+        label: '里奥夸尔托',
+        value: 'ARG_RCU',
+      },
+      {
+        label: '里瓦达维亚海军准将城',
+        value: 'ARG_CRD',
+      },
+      {
+        label: '罗萨里奥',
+        value: 'ARG_ROS',
+      },
+      {
+        label: '罗森',
+        value: 'ARG_RWO',
+      },
+      {
+        label: '马德普拉塔',
+        value: 'ARG_MDQ',
+      },
+      {
+        label: '门多萨',
+        value: 'ARG_MDZ',
+      },
+      {
+        label: '内乌肯',
+        value: 'ARG_NQN',
+      },
+      {
+        label: '萨尔塔',
+        value: 'ARG_SLA',
+      },
+      {
+        label: '圣地亚哥-德尔埃斯特罗',
+        value: 'ARG_SDE',
+      },
+      {
+        label: '圣菲',
+        value: 'ARG_SFN',
+      },
+      {
+        label: '圣胡安',
+        value: 'ARG_UAQ',
+      },
+      {
+        label: '圣拉斐尔',
+        value: 'ARG_AFA',
+      },
+      {
+        label: '圣路易斯',
+        value: 'ARG_LUQ',
+      },
+      {
+        label: '圣罗莎',
+        value: 'ARG_RSA',
+      },
+      {
+        label: '圣米格尔-德图库曼',
+        value: 'ARG_SMC',
+      },
+      {
+        label: '圣尼古拉斯',
+        value: 'ARG_SNS',
+      },
+      {
+        label: '特雷利乌',
+        value: 'ARG_REL',
+      },
+      {
+        label: '乌斯怀亚',
+        value: 'ARG_USH',
+      },
+    ],
+  },
+  {
+    label: '亚美尼亚',
+    value: 'ARM',
+    children: [
+      {
+        label: '阿尔马维尔',
+        value: 'ARM_ARM',
+      },
+      {
+        label: '阿拉加措特恩',
+        value: 'ARM_AGT',
+      },
+      {
+        label: '阿拉拉特',
+        value: 'ARM_ARA',
+      },
+      {
+        label: '埃里温市',
+        value: 'ARM_EVN',
+      },
+      {
+        label: '格加尔库尼克',
+        value: 'ARM_GEG',
+      },
+      {
+        label: '科泰克',
+        value: 'ARM_KOT',
+      },
+      {
+        label: '洛里',
+        value: 'ARM_LOR',
+      },
+      {
+        label: '塔武什',
+        value: 'ARM_TAV',
+      },
+      {
+        label: '瓦约茨·佐尔',
+        value: 'ARM_VAY',
+      },
+      {
+        label: '希拉克',
+        value: 'ARM_SHI',
+      },
+      {
+        label: '休尼克',
+        value: 'ARM_SYU',
+      },
+    ],
+  },
+  {
+    label: '阿森松岛',
+    value: 'ASC',
+  },
+  {
+    label: '美属萨摩亚',
+    value: 'ASM',
+    children: [
+      {
+        label: '阿纳',
+        value: 'ASM_AAN',
+      },
+      {
+        label: '阿图阿',
+        value: 'ASM_ATU',
+      },
+      {
+        label: '艾加伊勒泰',
+        value: 'ASM_AIT',
+      },
+      {
+        label: '法塞莱莱阿加',
+        value: 'ASM_FAA',
+      },
+      {
+        label: '加盖福毛加',
+        value: 'ASM_GFG',
+      },
+      {
+        label: '加加埃毛加',
+        value: 'ASM_GMG',
+      },
+      {
+        label: '帕劳利',
+        value: 'ASM_PAL',
+      },
+      {
+        label: '萨图帕伊泰阿',
+        value: 'ASM_SAT',
+      },
+      {
+        label: '萨瓦伊岛',
+        value: 'ASM_SAV',
+      },
+      {
+        label: '图阿马萨加',
+        value: 'ASM_TUA',
+      },
+      {
+        label: '瓦奥福诺蒂',
+        value: 'ASM_VAF',
+      },
+      {
+        label: '韦西加诺',
+        value: 'ASM_VAI',
+      },
+      {
+        label: '乌波卢岛',
+        value: 'ASM_UPO',
+      },
+    ],
+  },
+  {
+    label: '南极洲',
+    value: 'ATA',
+  },
+  {
+    label: '法属南部领地',
+    value: 'ATF',
+  },
+  {
+    label: '安提瓜岛和巴布达',
+    value: 'ATG',
+  },
+  {
+    label: '澳大利亚',
+    value: 'AUS',
+    children: [
+      {
+        label: '北部地区',
+        value: 'AUS_NT',
+      },
+      {
+        label: '堪培拉',
+        value: 'AUS_ACT',
+      },
+      {
+        label: '昆士兰',
+        value: 'AUS_QLD',
+      },
+      {
+        label: '南澳大利亚',
+        value: 'AUS_SA',
+      },
+      {
+        label: '塔斯马尼亚',
+        value: 'AUS_TAS',
+      },
+      {
+        label: '维多利亚',
+        value: 'AUS_VIC',
+      },
+      {
+        label: '西澳大利亚',
+        value: 'AUS_AWA',
+      },
+      {
+        label: '新南威尔士',
+        value: 'AUS_NSW',
+      },
+    ],
+  },
+  {
+    label: '奥地利',
+    value: 'AUT',
+    children: [
+      {
+        label: '布尔根兰',
+        value: 'AUT_BUR',
+      },
+      {
+        label: '蒂罗尔',
+        value: 'AUT_TYR',
+      },
+      {
+        label: '福拉尔贝格',
+        value: 'AUT_VOR',
+      },
+      {
+        label: '克恩顿',
+        value: 'AUT_CAT',
+      },
+      {
+        label: '萨尔茨堡',
+        value: 'AUT_SZG',
+      },
+      {
+        label: '上奥地利',
+        value: 'AUT_UAU',
+      },
+      {
+        label: '施蒂利亚',
+        value: 'AUT_STY',
+      },
+      {
+        label: '维也纳',
+        value: 'AUT_VDD',
+      },
+      {
+        label: '下奥地利',
+        value: 'AUT_LAU',
+      },
+    ],
+  },
+  {
+    label: '阿塞拜疆',
+    value: 'AZE',
+    children: [
+      {
+        label: '阿布歇隆',
+        value: 'AZE_ABS',
+      },
+      {
+        label: '哈奇马斯',
+        value: 'AZE_XAC',
+      },
+      {
+        label: '卡尔巴卡尔',
+        value: 'AZE_KAL',
+      },
+      {
+        label: '卡扎赫',
+        value: 'AZE_QAZ',
+      },
+      {
+        label: '连科兰',
+        value: 'AZE_LAN',
+      },
+      {
+        label: '密尔-卡拉巴赫',
+        value: 'AZE_MQA',
+      },
+      {
+        label: '穆甘-萨连',
+        value: 'AZE_MSA',
+      },
+      {
+        label: '纳戈尔诺－卡拉巴赫',
+        value: 'AZE_NQA',
+      },
+      {
+        label: '纳希切万',
+        value: 'AZE_NX',
+      },
+      {
+        label: '普利亚拉克斯',
+        value: 'AZE_PRI',
+      },
+      {
+        label: '舍基',
+        value: 'AZE_SA',
+      },
+      {
+        label: '苏姆盖特',
+        value: 'AZE_SMC',
+      },
+      {
+        label: '锡尔万',
+        value: 'AZE_SIR',
+      },
+      {
+        label: '占贾',
+        value: 'AZE_GA',
+      },
+    ],
+  },
+  {
+    label: '巴哈马',
+    value: 'BAH',
+  },
+  {
+    label: '孟加拉国',
+    value: 'BAN',
+  },
+  {
+    label: '巴巴多斯',
+    value: 'BAR',
+  },
+  {
+    label: '布隆迪',
+    value: 'BDI',
+    children: [
+      {
+        label: '布班扎',
+        value: 'BDI_BB',
+      },
+      {
+        label: '布鲁里',
+        value: 'BDI_BR',
+      },
+      {
+        label: '布琼布拉城市',
+        value: 'BDI_BM',
+      },
+      {
+        label: '布琼布拉乡村',
+        value: 'BDI_BU',
+      },
+      {
+        label: '恩戈齐',
+        value: 'BDI_NG',
+      },
+      {
+        label: '基龙多',
+        value: 'BDI_KI',
+      },
+      {
+        label: '基特加',
+        value: 'BDI_GI',
+      },
+      {
+        label: '卡鲁济',
+        value: 'BDI_KR',
+      },
+      {
+        label: '卡扬扎',
+        value: 'BDI_KY',
+      },
+      {
+        label: '坎库佐',
+        value: 'BDI_CA',
+      },
+      {
+        label: '鲁塔纳',
+        value: 'BDI_RT',
+      },
+      {
+        label: '鲁伊吉',
+        value: 'BDI_RY',
+      },
+      {
+        label: '马坎巴',
+        value: 'BDI_MA',
+      },
+      {
+        label: '穆拉姆维亚',
+        value: 'BDI_MU',
+      },
+      {
+        label: '穆瓦洛',
+        value: 'BDI_MW',
+      },
+      {
+        label: '穆因加',
+        value: 'BDI_MY',
+      },
+      {
+        label: '锡比托凯',
+        value: 'BDI_CI',
+      },
+    ],
+  },
+  {
+    label: '比利时',
+    value: 'BEL',
+    children: [
+      {
+        label: '埃诺',
+        value: 'BEL_WHT',
+      },
+      {
+        label: '安特卫普',
+        value: 'BEL_VAN',
+      },
+      {
+        label: '布拉班特-瓦隆',
+        value: 'BEL_WBR',
+      },
+      {
+        label: '布鲁塞尔',
+        value: 'BEL_BRU',
+      },
+      {
+        label: '东佛兰德',
+        value: 'BEL_VOV',
+      },
+      {
+        label: '佛兰芒-布拉班特',
+        value: 'BEL_VBR',
+      },
+      {
+        label: '列日',
+        value: 'BEL_WLG',
+      },
+      {
+        label: '林堡',
+        value: 'BEL_VLI',
+      },
+      {
+        label: '卢森堡',
+        value: 'BEL_WLX',
+      },
+      {
+        label: '那慕尔',
+        value: 'BEL_WNA',
+      },
+      {
+        label: '西佛兰德',
+        value: 'BEL_VWV',
+      },
+    ],
+  },
+  {
+    label: '贝宁',
+    value: 'BEN',
+    children: [
+      {
+        label: '阿黎博里',
+        value: 'BEN_AL',
+      },
+      {
+        label: '阿塔科拉',
+        value: 'BEN_AK',
+      },
+      {
+        label: '滨海',
+        value: 'BEN_LI',
+      },
+      {
+        label: '波希康市',
+        value: 'BEN_BOH',
+      },
+      {
+        label: '博尔古',
+        value: 'BEN_BO',
+      },
+      {
+        label: '大西洋',
+        value: 'BEN_AQ',
+      },
+      {
+        label: '高原',
+        value: 'BEN_PL',
+      },
+      {
+        label: '库福',
+        value: 'BEN_KO',
+      },
+      {
+        label: '莫诺',
+        value: 'BEN_MO',
+      },
+      {
+        label: '丘陵',
+        value: 'BEN_CO',
+      },
+      {
+        label: '韦梅',
+        value: 'BEN_OU',
+      },
+      {
+        label: '峡谷',
+        value: 'BEN_DO',
+      },
+      {
+        label: '祖',
+        value: 'BEN_ZO',
+      },
+    ],
+  },
+  {
+    label: '布基纳法索',
+    value: 'BFA',
+    children: [
+      {
+        label: '巴雷',
+        value: 'BFA_BAL',
+      },
+      {
+        label: '巴姆',
+        value: 'BFA_BAM',
+      },
+      {
+        label: '巴瓦',
+        value: 'BFA_BAN',
+      },
+      {
+        label: '巴泽加',
+        value: 'BFA_BAZ',
+      },
+      {
+        label: '波尼',
+        value: 'BFA_PON',
+      },
+      {
+        label: '布尔古',
+        value: 'BFA_BLG',
+      },
+      {
+        label: '布尔基恩德',
+        value: 'BFA_BOK',
+      },
+      {
+        label: '布古里巴',
+        value: 'BFA_BOR',
+      },
+      {
+        label: '冈祖尔古',
+        value: 'BFA_GAN',
+      },
+      {
+        label: '古尔马',
+        value: 'BFA_GOU',
+      },
+      {
+        label: '济罗',
+        value: 'BFA_ZIR',
+      },
+      {
+        label: '卡焦戈',
+        value: 'BFA_KAD',
+      },
+      {
+        label: '科蒙加里',
+        value: 'BFA_KOO',
+      },
+      {
+        label: '科莫埃',
+        value: 'BFA_COM',
+      },
+      {
+        label: '孔皮恩加',
+        value: 'BFA_KOP',
+      },
+      {
+        label: '孔西',
+        value: 'BFA_KOS',
+      },
+      {
+        label: '库尔佩罗戈',
+        value: 'BFA_KOL',
+      },
+      {
+        label: '库尔维奥戈',
+        value: 'BFA_KOW',
+      },
+      {
+        label: '库里滕加',
+        value: 'BFA_KOT',
+      },
+      {
+        label: '雷拉巴',
+        value: 'BFA_LER',
+      },
+      {
+        label: '罗卢姆',
+        value: 'BFA_LOR',
+      },
+      {
+        label: '穆翁',
+        value: 'BFA_MOU',
+      },
+      {
+        label: '纳门滕加',
+        value: 'BFA_NAM',
+      },
+      {
+        label: '纳乌里',
+        value: 'BFA_NAH',
+      },
+      {
+        label: '纳亚拉',
+        value: 'BFA_NAY',
+      },
+      {
+        label: '尼亚尼亚',
+        value: 'BFA_GNA',
+      },
+      {
+        label: '努姆比埃尔',
+        value: 'BFA_NOU',
+      },
+      {
+        label: '帕索雷',
+        value: 'BFA_PAS',
+      },
+      {
+        label: '塞诺',
+        value: 'BFA_SEN',
+      },
+      {
+        label: '桑吉',
+        value: 'BFA_SAG',
+      },
+      {
+        label: '桑马滕加',
+        value: 'BFA_SAM',
+      },
+      {
+        label: '苏鲁',
+        value: 'BFA_SOR',
+      },
+      {
+        label: '苏姆',
+        value: 'BFA_SOM',
+      },
+      {
+        label: '塔波阿',
+        value: 'BFA_TAP',
+      },
+      {
+        label: '图伊',
+        value: 'BFA_TUY',
+      },
+      {
+        label: '乌埃',
+        value: 'BFA_HOU',
+      },
+      {
+        label: '乌布里滕加',
+        value: 'BFA_OUB',
+      },
+      {
+        label: '乌达兰',
+        value: 'BFA_OUD',
+      },
+      {
+        label: '锡西里',
+        value: 'BFA_SIS',
+      },
+      {
+        label: '亚加',
+        value: 'BFA_YAG',
+      },
+      {
+        label: '亚滕加',
+        value: 'BFA_YAT',
+      },
+      {
+        label: '伊奥巴',
+        value: 'BFA_IOA',
+      },
+      {
+        label: '宗德韦奥戈',
+        value: 'BFA_ZOW',
+      },
+      {
+        label: '宗多马',
+        value: 'BFA_ZOD',
+      },
+    ],
+  },
+  {
+    label: '孟加拉',
+    value: 'BGD',
+    children: [
+      {
+        label: '达卡',
+        value: 'BGD_DAC',
+      },
+      {
+        label: '吉大港',
+        value: 'BGD_CGP',
+      },
+      {
+        label: '库尔纳',
+        value: 'BGD_KHL',
+      },
+    ],
+  },
+  {
+    label: '不丹',
+    value: 'BHU',
+  },
+  {
+    label: '波斯尼亚和黑塞哥维那',
+    value: 'BIH',
+    children: [
+      {
+        label: '波萨维纳',
+        value: 'BIH_FPO',
+      },
+      {
+        label: '波斯尼亚－波德里涅',
+        value: 'BIH_FBP',
+      },
+      {
+        label: '多米斯拉夫格勒',
+        value: 'BIH_FTO',
+      },
+      {
+        label: '黑塞哥维那－涅雷特瓦',
+        value: 'BIH_FHN',
+      },
+      {
+        label: '萨拉热窝',
+        value: 'BIH_FSA',
+      },
+      {
+        label: '图兹拉－波德里涅',
+        value: 'BIH_FTU',
+      },
+      {
+        label: '乌纳－萨纳',
+        value: 'BIH_FUS',
+      },
+      {
+        label: '西波斯尼亚',
+        value: 'BIH_FHB',
+      },
+      {
+        label: '西黑塞哥维那',
+        value: 'BIH_FZH',
+      },
+      {
+        label: '泽尼察－多博伊',
+        value: 'BIH_FZE',
+      },
+      {
+        label: '中波斯尼亚',
+        value: 'BIH_FSB',
+      },
+    ],
+  },
+  {
+    label: '伯利兹',
+    value: 'BIZ',
+  },
+  {
+    label: '白俄罗斯',
+    value: 'BLR',
+    children: [
+      {
+        label: '布列斯特',
+        value: 'BLR_BR',
+      },
+      {
+        label: '戈梅利',
+        value: 'BLR_HO',
+      },
+      {
+        label: '格罗德诺',
+        value: 'BLR_HR',
+      },
+      {
+        label: '明斯克市',
+        value: 'BLR_MI',
+      },
+      {
+        label: '莫吉廖夫',
+        value: 'BLR_MA',
+      },
+      {
+        label: '维捷布斯克',
+        value: 'BLR_VI',
+      },
+    ],
+  },
+  {
+    label: '百慕大',
+    value: 'BMU',
+  },
+  {
+    label: '玻利维亚',
+    value: 'BOL',
+    children: [
+      {
+        label: '奥尔托',
+        value: 'BOL_ALT',
+      },
+      {
+        label: '奥鲁罗',
+        value: 'BOL_ORU',
+      },
+      {
+        label: '贝尼',
+        value: 'BOL_BEN',
+      },
+      {
+        label: '波多西',
+        value: 'BOL_POI',
+      },
+      {
+        label: '基拉科洛',
+        value: 'BOL_QUI',
+      },
+      {
+        label: '科恰班巴',
+        value: 'BOL_CBB',
+      },
+      {
+        label: '拉巴斯',
+        value: 'BOL_LPB',
+      },
+      {
+        label: '潘多',
+        value: 'BOL_PAN',
+      },
+      {
+        label: '丘基萨卡',
+        value: 'BOL_CHU',
+      },
+      {
+        label: '萨卡巴',
+        value: 'BOL_SAC',
+      },
+      {
+        label: '圣克鲁斯',
+        value: 'BOL_SRZ',
+      },
+      {
+        label: '塔里哈',
+        value: 'BOL_TJA',
+      },
+    ],
+  },
+  {
+    label: '博茨瓦纳',
+    value: 'BOT',
+  },
+  {
+    label: '巴西',
+    value: 'BRA',
+    children: [
+      {
+        label: '阿克里',
+        value: 'BRA_AC',
+      },
+      {
+        label: '阿拉戈斯',
+        value: 'BRA_AL',
+      },
+      {
+        label: '阿马帕',
+        value: 'BRA_AP',
+      },
+      {
+        label: '巴拉那',
+        value: 'BRA_PR',
+      },
+      {
+        label: '巴西利亚',
+        value: 'BRA_BSB',
+      },
+      {
+        label: '巴伊亚',
+        value: 'BRA_BA',
+      },
+      {
+        label: '北里奥格兰德',
+        value: 'BRA_RN',
+      },
+      {
+        label: '伯南布哥',
+        value: 'BRA_PE',
+      },
+      {
+        label: '戈亚斯',
+        value: 'BRA_GO',
+      },
+      {
+        label: '朗多尼亚',
+        value: 'BRA_RO',
+      },
+      {
+        label: '里约热内卢',
+        value: 'BRA_RJ',
+      },
+      {
+        label: '罗赖马',
+        value: 'BRA_RR',
+      },
+      {
+        label: '马拉尼昂',
+        value: 'BRA_MA',
+      },
+      {
+        label: '马托格罗索',
+        value: 'BRA_MT',
+      },
+      {
+        label: '米纳斯吉拉斯',
+        value: 'BRA_MG',
+      },
+      {
+        label: '南里奥格兰德',
+        value: 'BRA_RS',
+      },
+      {
+        label: '南马托格罗索',
+        value: 'BRA_MS',
+      },
+      {
+        label: '帕拉',
+        value: 'BRA_PA',
+      },
+      {
+        label: '帕拉伊巴',
+        value: 'BRA_PB',
+      },
+      {
+        label: '皮奥伊',
+        value: 'BRA_PI',
+      },
+      {
+        label: '塞阿拉',
+        value: 'BRA_CE',
+      },
+      {
+        label: '塞尔希培',
+        value: 'BRA_SE',
+      },
+      {
+        label: '圣埃斯皮里图',
+        value: 'BRA_ES',
+      },
+      {
+        label: '圣保罗',
+        value: 'BRA_SP',
+      },
+      {
+        label: '圣卡塔琳娜',
+        value: 'BRA_SC',
+      },
+      {
+        label: '托坎廷斯',
+        value: 'BRA_TO',
+      },
+      {
+        label: '亚马孙',
+        value: 'BRA_AM',
+      },
+    ],
+  },
+  {
+    label: '巴巴多斯岛',
+    value: 'BRB',
+  },
+  {
+    label: '巴林',
+    value: 'BRN',
+  },
+  {
+    label: '文莱',
+    value: 'BRU',
+  },
+  {
+    label: '保加利亚',
+    value: 'BUL',
+  },
+  {
+    label: '布基纳国',
+    value: 'BUR',
+  },
+  {
+    label: '布韦岛',
+    value: 'BVT',
+  },
+  {
+    label: '中非共和国',
+    value: 'CAF',
+    children: [
+      {
+        label: '巴明吉-班戈兰',
+        value: 'CAF_BB',
+      },
+      {
+        label: '班吉直辖市',
+        value: 'CAF_BGF',
+      },
+      {
+        label: '宾博',
+        value: 'CAF_BI',
+      },
+      {
+        label: '凯莫',
+        value: 'CAF_KG',
+      },
+      {
+        label: '洛巴伊',
+        value: 'CAF_LB',
+      },
+      {
+        label: '曼贝雷-卡代',
+        value: 'CAF_HS',
+      },
+      {
+        label: '姆博穆',
+        value: 'CAF_MB',
+      },
+      {
+        label: '纳纳-格里比齐',
+        value: 'CAF_KB',
+      },
+      {
+        label: '纳纳-曼贝雷',
+        value: 'CAF_NM',
+      },
+      {
+        label: '桑加-姆巴埃雷',
+        value: 'CAF_SE',
+      },
+      {
+        label: '上科托',
+        value: 'CAF_HK',
+      },
+      {
+        label: '上姆博穆',
+        value: 'CAF_HM',
+      },
+      {
+        label: '瓦卡',
+        value: 'CAF_UK',
+      },
+      {
+        label: '瓦卡加',
+        value: 'CAF_VK',
+      },
+      {
+        label: '瓦姆',
+        value: 'CAF_AC',
+      },
+      {
+        label: '瓦姆-彭代',
+        value: 'CAF_OP',
+      },
+      {
+        label: '翁贝拉-姆波科',
+        value: 'CAF_MP',
+      },
+      {
+        label: '下科托',
+        value: 'CAF_BK',
+      },
+    ],
+  },
+  {
+    label: '柬埔寨',
+    value: 'CAM',
+  },
+  {
+    label: '加拿大',
+    value: 'CAN',
+    children: [
+      {
+        label: '阿伯茨福',
+        value: 'CAN_ABB',
+      },
+      {
+        label: '埃德蒙顿',
+        value: 'CAN_EDM',
+      },
+      {
+        label: '奥沙瓦',
+        value: 'CAN_OSH',
+      },
+      {
+        label: '巴里',
+        value: 'CAN_BAR',
+      },
+      {
+        label: '布列塔尼角',
+        value: 'CAN_CBR',
+      },
+      {
+        label: '多伦多',
+        value: 'CAN_TOR',
+      },
+      {
+        label: '弗雷德里顿',
+        value: 'CAN_FRE',
+      },
+      {
+        label: '圭尔夫',
+        value: 'CAN_GLP',
+      },
+      {
+        label: '哈利法克斯',
+        value: 'CAN_HAL',
+      },
+      {
+        label: '哈密尔顿',
+        value: 'CAN_HAM',
+      },
+      {
+        label: '怀特霍斯',
+        value: 'CAN_YXY',
+      },
+      {
+        label: '基劳纳',
+        value: 'CAN_KWL',
+      },
+      {
+        label: '基奇纳',
+        value: 'CAN_BRP',
+      },
+      {
+        label: '金斯敦',
+        value: 'CAN_KGN',
+      },
+      {
+        label: '卡里加里',
+        value: 'CAN_CAL',
+      },
+      {
+        label: '魁北克',
+        value: 'CAN_QUE',
+      },
+      {
+        label: '里贾纳',
+        value: 'CAN_REG',
+      },
+      {
+        label: '伦敦',
+        value: 'CAN_LOD',
+      },
+      {
+        label: '蒙特利尔',
+        value: 'CAN_MTR',
+      },
+      {
+        label: '萨德伯里',
+        value: 'CAN_SUD',
+      },
+      {
+        label: '萨斯卡通',
+        value: 'CAN_SAK',
+      },
+      {
+        label: '三河城',
+        value: 'CAN_TRR',
+      },
+      {
+        label: '桑德贝',
+        value: 'CAN_THU',
+      },
+      {
+        label: '舍布鲁克',
+        value: 'CAN_SBE',
+      },
+      {
+        label: '圣卡塔琳娜',
+        value: 'CAN_SCA',
+      },
+      {
+        label: '圣约翰斯',
+        value: 'CAN_SJB',
+      },
+      {
+        label: '维多利亚',
+        value: 'CAN_VIC',
+      },
+      {
+        label: '温哥华',
+        value: 'CAN_VAN',
+      },
+      {
+        label: '温尼伯',
+        value: 'CAN_WNP',
+      },
+      {
+        label: '温莎',
+        value: 'CAN_WDR',
+      },
+      {
+        label: '渥太华',
+        value: 'CAN_OTT',
+      },
+      {
+        label: '夏洛特敦',
+        value: 'CAN_CHA',
+      },
+      {
+        label: '耶洛奈夫',
+        value: 'CAN_YZF',
+      },
+      {
+        label: '伊魁特',
+        value: 'CAN_IQL',
+      },
+    ],
+  },
+  {
+    label: '科科斯群岛',
+    value: 'CCK',
+  },
+  {
+    label: '刚果',
+    value: 'CGO',
+  },
+  {
+    label: '乍得',
+    value: 'CHA',
+  },
+  {
+    label: '智利',
+    value: 'CHI',
+  },
+  {
+    label: '科特迪瓦',
+    value: 'CIV',
+    children: [
+      {
+        label: '阿涅比',
+        value: 'CIV_AG',
+      },
+      {
+        label: '巴芬',
+        value: 'CIV_BF',
+      },
+      {
+        label: '邦达马河谷',
+        value: 'CIV_VB',
+      },
+      {
+        label: '登盖莱',
+        value: 'CIV_DE',
+      },
+      {
+        label: '恩济－科莫埃',
+        value: 'CIV_NC',
+      },
+      {
+        label: '弗罗马格尔',
+        value: 'CIV_FR',
+      },
+      {
+        label: '湖泊',
+        value: 'CIV_LC',
+      },
+      {
+        label: '马拉韦',
+        value: 'CIV_MR',
+      },
+      {
+        label: '南科莫埃',
+        value: 'CIV_SC',
+      },
+      {
+        label: '萨桑德拉',
+        value: 'CIV_HT',
+      },
+      {
+        label: '萨瓦纳',
+        value: 'CIV_SV',
+      },
+      {
+        label: '山地',
+        value: 'CIV_DH',
+      },
+      {
+        label: '沃罗杜古',
+        value: 'CIV_WR',
+      },
+      {
+        label: '下萨桑德拉',
+        value: 'CIV_BS',
+      },
+      {
+        label: '泻湖',
+        value: 'CIV_LG',
+      },
+      {
+        label: '赞赞',
+        value: 'CIV_ZA',
+      },
+      {
+        label: '中卡瓦利',
+        value: 'CIV_MV',
+      },
+      {
+        label: '中科莫埃',
+        value: 'CIV_MC',
+      },
+    ],
+  },
+  {
+    label: '喀麦隆',
+    value: 'CMR',
+    children: [
+      {
+        label: '阿达马瓦',
+        value: 'CMR_ADA',
+      },
+      {
+        label: '北部',
+        value: 'CMR_NOR',
+      },
+      {
+        label: '北端',
+        value: 'CMR_EXN',
+      },
+      {
+        label: '滨海',
+        value: 'CMR_LIT',
+      },
+      {
+        label: '东部',
+        value: 'CMR_EST',
+      },
+      {
+        label: '南部',
+        value: 'CMR_SUD',
+      },
+      {
+        label: '西北',
+        value: 'CMR_NOT',
+      },
+      {
+        label: '西部',
+        value: 'CMR_OUE',
+      },
+      {
+        label: '西南',
+        value: 'CMR_SOU',
+      },
+      {
+        label: '中央',
+        value: 'CMR_CEN',
+      },
+    ],
+  },
+  {
+    label: '刚果民主共和国',
+    value: 'COD',
+  },
+  {
+    label: '库克群岛',
+    value: 'COK',
+  },
+  {
+    label: '哥伦比亚',
+    value: 'COL',
+    children: [
+      {
+        label: '阿劳卡',
+        value: 'COL_ARA',
+      },
+      {
+        label: '安提奥基亚',
+        value: 'COL_ANT',
+      },
+      {
+        label: '北桑坦德',
+        value: 'COL_NDS',
+      },
+      {
+        label: '波哥大首都区',
+        value: 'COL_BDC',
+      },
+      {
+        label: '博利瓦尔',
+        value: 'COL_BOL',
+      },
+      {
+        label: '博亚卡',
+        value: 'COL_BOY',
+      },
+      {
+        label: '大西洋',
+        value: 'COL_ATL',
+      },
+      {
+        label: '瓜维亚雷',
+        value: 'COL_GVR',
+      },
+      {
+        label: '瓜希拉',
+        value: 'COL_GJR',
+      },
+      {
+        label: '瓜伊尼亚',
+        value: 'COL_GNA',
+      },
+      {
+        label: '金迪奥',
+        value: 'COL_QUI',
+      },
+      {
+        label: '卡尔达斯',
+        value: 'COL_CAL',
+      },
+      {
+        label: '卡克塔',
+        value: 'COL_CAQ',
+      },
+      {
+        label: '卡萨纳雷',
+        value: 'COL_CAS',
+      },
+      {
+        label: '考卡',
+        value: 'COL_CAU',
+      },
+      {
+        label: '考卡山谷',
+        value: 'COL_VDC',
+      },
+      {
+        label: '科尔多巴',
+        value: 'COL_COR',
+      },
+      {
+        label: '昆迪纳马卡',
+        value: 'COL_CAM',
+      },
+      {
+        label: '利萨拉尔达',
+        value: 'COL_RIS',
+      },
+      {
+        label: '马格达雷那',
+        value: 'COL_MAG',
+      },
+      {
+        label: '梅塔',
+        value: 'COL_MET',
+      },
+      {
+        label: '纳里尼奥',
+        value: 'COL_NAR',
+      },
+      {
+        label: '普图马约',
+        value: 'COL_PUT',
+      },
+      {
+        label: '乔科',
+        value: 'COL_CHO',
+      },
+      {
+        label: '塞萨尔',
+        value: 'COL_CES',
+      },
+      {
+        label: '桑坦德',
+        value: 'COL_SAN',
+      },
+      {
+        label: '圣安德烈斯-普罗维登西亚',
+        value: 'COL_SAP',
+      },
+      {
+        label: '苏克雷',
+        value: 'COL_SUC',
+      },
+      {
+        label: '托利马',
+        value: 'COL_TOL',
+      },
+      {
+        label: '维查达',
+        value: 'COL_VIC',
+      },
+      {
+        label: '沃佩斯',
+        value: 'COL_VAU',
+      },
+      {
+        label: '乌伊拉',
+        value: 'COL_HUI',
+      },
+      {
+        label: '亚马孙',
+        value: 'COL_AMZ',
+      },
+    ],
+  },
+  {
+    label: '科摩罗',
+    value: 'COM',
+  },
+  {
+    label: '佛得角',
+    value: 'CPV',
+    children: [
+      {
+        label: '保尔',
+        value: 'CPV_PA',
+      },
+      {
+        label: '波多诺伏',
+        value: 'CPV_PN',
+      },
+      {
+        label: '博阿维斯塔岛',
+        value: 'CPV_BV',
+      },
+      {
+        label: '布拉瓦岛',
+        value: 'CPV_BR',
+      },
+      {
+        label: '大里贝拉',
+        value: 'CPV_RG',
+      },
+      {
+        label: '福古岛',
+        value: 'CPV_FO',
+      },
+      {
+        label: '马尤岛',
+        value: 'CPV_MA',
+      },
+      {
+        label: '莫斯特罗',
+        value: 'CPV_MO',
+      },
+      {
+        label: '普拉亚',
+        value: 'CPV_PR',
+      },
+      {
+        label: '萨尔岛',
+        value: 'CPV_SL',
+      },
+      {
+        label: '圣安唐岛',
+        value: 'CPV_SA',
+      },
+      {
+        label: '圣地亚哥岛',
+        value: 'CPV_IA',
+      },
+      {
+        label: '圣多明戈',
+        value: 'CPV_SD',
+      },
+      {
+        label: '圣菲利普',
+        value: 'CPV_SF',
+      },
+      {
+        label: '圣卡塔琳娜',
+        value: 'CPV_CA',
+      },
+      {
+        label: '圣克鲁斯',
+        value: 'CPV_CR',
+      },
+      {
+        label: '圣米戈尔',
+        value: 'CPV_SM',
+      },
+      {
+        label: '圣尼古拉岛',
+        value: 'CPV_SN',
+      },
+      {
+        label: '圣维森特岛',
+        value: 'CPV_SV',
+      },
+      {
+        label: '塔拉法尔',
+        value: 'CPV_TA',
+      },
+    ],
+  },
+  {
+    label: '哥斯达黎加',
+    value: 'CRC',
+  },
+  {
+    label: '克罗地亚',
+    value: 'CRO',
+  },
+  {
+    label: '古巴',
+    value: 'CUB',
+    children: [
+      {
+        label: '比那尔德里奥',
+        value: 'CUB_1',
+      },
+      {
+        label: '哈瓦那',
+        value: 'CUB_2',
+      },
+      {
+        label: '哈瓦那城',
+        value: 'CUB_3',
+      },
+      {
+        label: '马坦萨斯',
+        value: 'CUB_4',
+      },
+      {
+        label: '比亚克拉拉',
+        value: 'CUB_5',
+      },
+      {
+        label: '西恩富戈斯',
+        value: 'CUB_6',
+      },
+      {
+        label: '圣斯皮里图斯',
+        value: 'CUB_7',
+      },
+      {
+        label: '谢戈德阿维拉',
+        value: 'CUB_8',
+      },
+      {
+        label: '卡马圭',
+        value: 'CUB_9',
+      },
+      {
+        label: '拉斯图纳斯',
+        value: 'CUB_10',
+      },
+      {
+        label: '奥尔金',
+        value: 'CUB_11',
+      },
+      {
+        label: '格拉玛',
+        value: 'CUB_12',
+      },
+      {
+        label: '圣地亚哥',
+        value: 'CUB_13',
+      },
+      {
+        label: '关塔那摩',
+        value: 'CUB_14',
+      },
+      {
+        label: '青年岛特区',
+        value: 'CUB_99',
+      },
+      {
+        label: '马亚里',
+        value: 'CUB_MAY',
+      },
+      {
+        label: '曼萨尼罗',
+        value: 'CUB_MZO',
+      },
+    ],
+  },
+  {
+    label: '圣诞岛',
+    value: 'CXR',
+  },
+  {
+    label: '开曼群岛',
+    value: 'CYM',
+  },
+  {
+    label: '塞浦路斯',
+    value: 'CYP',
+    children: [
+      {
+        label: '尼科西亚',
+        value: 'CYP_1',
+      },
+      {
+        label: '利马索尔',
+        value: 'CYP_2',
+      },
+      {
+        label: '拉纳卡',
+        value: 'CYP_3',
+      },
+      {
+        label: '法马古斯塔',
+        value: 'CYP_4',
+      },
+      {
+        label: '帕福斯',
+        value: 'CYP_5',
+      },
+      {
+        label: '凯里尼亚',
+        value: 'CYP_6',
+      },
+    ],
+  },
+  {
+    label: '捷克共和国',
+    value: 'CZE',
+    children: [
+      {
+        label: '奥洛穆茨',
+        value: 'CZE_OL',
+      },
+      {
+        label: '比尔森',
+        value: 'CZE_PL',
+      },
+      {
+        label: '布拉格直辖市',
+        value: 'CZE_PR',
+      },
+      {
+        label: '赫拉德茨-克拉洛韦',
+        value: 'CZE_KR',
+      },
+      {
+        label: '卡罗维发利',
+        value: 'CZE_KA',
+      },
+      {
+        label: '利贝雷克',
+        value: 'CZE_LI',
+      },
+      {
+        label: '摩拉维亚-西里西亚',
+        value: 'CZE_MO',
+      },
+      {
+        label: '南摩拉维亚',
+        value: 'CZE_JC',
+      },
+      {
+        label: '帕尔杜比采',
+        value: 'CZE_PA',
+      },
+      {
+        label: '维索基纳',
+        value: 'CZE_VY',
+      },
+      {
+        label: '乌斯季',
+        value: 'CZE_US',
+      },
+      {
+        label: '中捷克',
+        value: 'CZE_ST',
+      },
+      {
+        label: '兹林',
+        value: 'CZE_ZL',
+      },
+    ],
+  },
+  {
+    label: '丹麦',
+    value: 'DEN',
+  },
+  {
+    label: '吉布提',
+    value: 'DJI',
+    children: [
+      {
+        label: '阿里萨比赫区',
+        value: 'DJI_S',
+      },
+      {
+        label: '奥博克区',
+        value: 'DJI_O',
+      },
+      {
+        label: '迪基勒区',
+        value: 'DJI_K',
+      },
+      {
+        label: '塔朱拉区',
+        value: 'DJI_T',
+      },
+    ],
+  },
+  {
+    label: '多米尼克',
+    value: 'DMA',
+  },
+  {
+    label: '多米尼加共和国',
+    value: 'DOM',
+  },
+  {
+    label: '厄瓜多尔',
+    value: 'ECU',
+    children: [
+      {
+        label: '阿苏艾',
+        value: 'ECU_A',
+      },
+      {
+        label: '埃尔奥罗',
+        value: 'ECU_O',
+      },
+      {
+        label: '埃斯梅拉尔达斯',
+        value: 'ECU_E',
+      },
+      {
+        label: '玻利瓦尔',
+        value: 'ECU_B',
+      },
+      {
+        label: '瓜亚斯',
+        value: 'ECU_G',
+      },
+      {
+        label: '加拉帕戈斯',
+        value: 'ECU_W',
+      },
+      {
+        label: '卡尔奇',
+        value: 'ECU_C',
+      },
+      {
+        label: '卡尼亚尔',
+        value: 'ECU_F',
+      },
+      {
+        label: '科托帕希',
+        value: 'ECU_X',
+      },
+      {
+        label: '洛哈',
+        value: 'ECU_L',
+      },
+      {
+        label: '洛斯里奥斯',
+        value: 'ECU_R',
+      },
+      {
+        label: '马纳比',
+        value: 'ECU_M',
+      },
+      {
+        label: '莫罗纳－圣地亚哥',
+        value: 'ECU_S',
+      },
+      {
+        label: '纳波，奥雷利亚纳',
+        value: 'ECU_D',
+      },
+      {
+        label: '帕斯塔萨',
+        value: 'ECU_Y',
+      },
+      {
+        label: '皮钦查',
+        value: 'ECU_P',
+      },
+      {
+        label: '钦博拉索',
+        value: 'ECU_H',
+      },
+      {
+        label: '萨莫拉－钦奇佩',
+        value: 'ECU_Z',
+      },
+      {
+        label: '苏昆毕奥斯',
+        value: 'ECU_U',
+      },
+      {
+        label: '通古拉瓦',
+        value: 'ECU_T',
+      },
+      {
+        label: '因巴布拉',
+        value: 'ECU_I',
+      },
+    ],
+  },
+  {
+    label: '埃及',
+    value: 'EGY',
+    children: [
+      {
+        label: '阿斯旺',
+        value: 'EGY_ASW',
+      },
+      {
+        label: '古尔代盖',
+        value: 'EGY_GBY',
+      },
+      {
+        label: '开罗',
+        value: 'EGY_CAI',
+      },
+      {
+        label: '苏布拉开马',
+        value: 'EGY_SKH',
+      },
+      {
+        label: '亚历山大',
+        value: 'EGY_ALY',
+      },
+    ],
+  },
+  {
+    label: '厄立特里亚',
+    value: 'ERI',
+    children: [
+      {
+        label: '安塞巴',
+        value: 'ERI_KE',
+      },
+      {
+        label: '北红海',
+        value: 'ERI_SK',
+      },
+      {
+        label: '加什·巴尔卡',
+        value: 'ERI_BR',
+      },
+      {
+        label: '南部',
+        value: 'ERI_DE',
+      },
+      {
+        label: '南红海',
+        value: 'ERI_DK',
+      },
+      {
+        label: '中部',
+        value: 'ERI_MA',
+      },
+    ],
+  },
+  {
+    label: '萨尔瓦多',
+    value: 'ESA',
+  },
+  {
+    label: '西班牙',
+    value: 'ESP',
+    children: [
+      {
+        label: '阿尔梅里亚',
+        value: 'ESP_LEI',
+      },
+      {
+        label: '阿尔瓦塞特',
+        value: 'ESP_ALB',
+      },
+      {
+        label: '阿拉瓦',
+        value: 'ESP_ALA',
+      },
+      {
+        label: '阿利坎特',
+        value: 'ESP_ALC',
+      },
+      {
+        label: '阿斯图利亚斯',
+        value: 'ESP_AST',
+      },
+      {
+        label: '阿维拉',
+        value: 'ESP_AVI',
+      },
+      {
+        label: '奥伦塞',
+        value: 'ESP_ORE',
+      },
+      {
+        label: '巴达霍斯',
+        value: 'ESP_BJZ',
+      },
+      {
+        label: '巴利阿里',
+        value: 'ESP_BLR',
+      },
+      {
+        label: '巴利亚多利德',
+        value: 'ESP_VLL',
+      },
+      {
+        label: '巴伦西亚',
+        value: 'ESP_VLC',
+      },
+      {
+        label: '巴塞罗那',
+        value: 'ESP_BCN',
+      },
+      {
+        label: '比斯开',
+        value: 'ESP_VSE',
+      },
+      {
+        label: '布尔戈斯',
+        value: 'ESP_BUR',
+      },
+      {
+        label: '格拉纳达',
+        value: 'ESP_GRX',
+      },
+      {
+        label: '瓜达拉哈拉',
+        value: 'ESP_GUA',
+      },
+      {
+        label: '哈恩',
+        value: 'ESP_JAE',
+      },
+      {
+        label: '赫罗纳',
+        value: 'ESP_GRO',
+      },
+      {
+        label: '吉普斯夸',
+        value: 'ESP_GUI',
+      },
+      {
+        label: '加的斯',
+        value: 'ESP_CAD',
+      },
+      {
+        label: '卡塞雷斯',
+        value: 'ESP_CCS',
+      },
+      {
+        label: '卡斯蒂利亚',
+        value: 'ESP_CIR',
+      },
+      {
+        label: '卡斯特利翁',
+        value: 'ESP_CAS',
+      },
+      {
+        label: '科尔多瓦',
+        value: 'ESP_ODB',
+      },
+      {
+        label: '昆卡',
+        value: 'ESP_CUE',
+      },
+      {
+        label: '拉科鲁尼亚',
+        value: 'ESP_LCG',
+      },
+      {
+        label: '拉里奥哈',
+        value: 'ESP_ARL',
+      },
+      {
+        label: '拉斯帕尔马斯',
+        value: 'ESP_LPA',
+      },
+      {
+        label: '莱昂',
+        value: 'ESP_LEN',
+      },
+      {
+        label: '莱里达',
+        value: 'ESP_LLE',
+      },
+      {
+        label: '卢戈',
+        value: 'ESP_LGO',
+      },
+      {
+        label: '马德里',
+        value: 'ESP_MAD',
+      },
+      {
+        label: '马拉加',
+        value: 'ESP_AGP',
+      },
+      {
+        label: '穆尔西亚',
+        value: 'ESP_MJV',
+      },
+      {
+        label: '纳瓦拉',
+        value: 'ESP_NVV',
+      },
+      {
+        label: '帕伦西亚',
+        value: 'ESP_PAC',
+      },
+      {
+        label: '蓬特韦德拉',
+        value: 'ESP_PEV',
+      },
+      {
+        label: '萨拉戈萨',
+        value: 'ESP_ZAZ',
+      },
+      {
+        label: '萨拉曼卡',
+        value: 'ESP_SLM',
+      },
+      {
+        label: '萨莫拉',
+        value: 'ESP_ZMR',
+      },
+      {
+        label: '塞哥维亚',
+        value: 'ESP_SEG',
+      },
+      {
+        label: '塞维利亚',
+        value: 'ESP_SVQ',
+      },
+      {
+        label: '桑坦德',
+        value: 'ESP_SDR',
+      },
+      {
+        label: '圣克鲁斯-德特内里费',
+        value: 'ESP_SCT',
+      },
+      {
+        label: '索里亚',
+        value: 'ESP_SOR',
+      },
+      {
+        label: '塔拉戈纳',
+        value: 'ESP_TAR',
+      },
+      {
+        label: '特鲁埃尔',
+        value: 'ESP_TER',
+      },
+      {
+        label: '托莱多',
+        value: 'ESP_TOL',
+      },
+      {
+        label: '韦尔瓦',
+        value: 'ESP_HUV',
+      },
+      {
+        label: '韦斯卡',
+        value: 'ESP_HUC',
+      },
+    ],
+  },
+  {
+    label: '爱沙尼亚',
+    value: 'EST',
+    children: [
+      {
+        label: '哈留',
+        value: 'EST_37',
+      },
+      {
+        label: '希尤',
+        value: 'EST_39',
+      },
+      {
+        label: '依达－维鲁',
+        value: 'EST_44',
+      },
+      {
+        label: '耶盖瓦',
+        value: 'EST_49',
+      },
+      {
+        label: '耶尔韦',
+        value: 'EST_51',
+      },
+      {
+        label: '里亚内',
+        value: 'EST_57',
+      },
+      {
+        label: '维鲁',
+        value: 'EST_59',
+      },
+      {
+        label: '贝尔瓦',
+        value: 'EST_65',
+      },
+      {
+        label: '帕尔努',
+        value: 'EST_67',
+      },
+      {
+        label: '拉普拉',
+        value: 'EST_70',
+      },
+      {
+        label: '萨雷',
+        value: 'EST_74',
+      },
+      {
+        label: '塔尔图',
+        value: 'EST_78',
+      },
+      {
+        label: '瓦尔加',
+        value: 'EST_82',
+      },
+      {
+        label: '维良地',
+        value: 'EST_84',
+      },
+      {
+        label: '沃鲁',
+        value: 'EST_86',
+      },
+    ],
+  },
+  {
+    label: '埃塞俄比亚',
+    value: 'ETH',
+    children: [
+      {
+        label: '阿法尔',
+        value: 'ETH_AF',
+      },
+      {
+        label: '阿姆哈拉',
+        value: 'ETH_AH',
+      },
+      {
+        label: '奥罗米亚',
+        value: 'ETH_OR',
+      },
+      {
+        label: '宾香古尔',
+        value: 'ETH_BG',
+      },
+      {
+        label: '德雷达瓦',
+        value: 'ETH_DD',
+      },
+      {
+        label: '甘贝拉各族',
+        value: 'ETH_GB',
+      },
+      {
+        label: '哈勒里民族',
+        value: 'ETH_HR',
+      },
+      {
+        label: '南方各族',
+        value: 'ETH_SN',
+      },
+      {
+        label: '索马里',
+        value: 'ETH_SM',
+      },
+      {
+        label: '提格雷',
+        value: 'ETH_TG',
+      },
+      {
+        label: '亚的斯亚贝巴',
+        value: 'ETH_AA',
+      },
+    ],
+  },
+  {
+    label: '斐济',
+    value: 'FIJ',
+  },
+  {
+    label: '芬兰',
+    value: 'FIN',
+    children: [
+      {
+        label: '埃斯波',
+        value: 'FIN_ESP',
+      },
+      {
+        label: '奥卢',
+        value: 'FIN_OLU',
+      },
+      {
+        label: '波里',
+        value: 'FIN_POR',
+      },
+      {
+        label: '博尔沃',
+        value: 'FIN_PRV',
+      },
+      {
+        label: '海门林纳',
+        value: 'FIN_HMY',
+      },
+      {
+        label: '赫尔辛基',
+        value: 'FIN_HEL',
+      },
+      {
+        label: '卡亚尼',
+        value: 'FIN_KAJ',
+      },
+      {
+        label: '科科拉',
+        value: 'FIN_KOK',
+      },
+      {
+        label: '科特卡',
+        value: 'FIN_KTK',
+      },
+      {
+        label: '库奥皮奥',
+        value: 'FIN_KUO',
+      },
+      {
+        label: '拉赫蒂',
+        value: 'FIN_LHI',
+      },
+      {
+        label: '拉彭兰塔',
+        value: 'FIN_LPP',
+      },
+      {
+        label: '罗瓦涅米',
+        value: 'FIN_RVN',
+      },
+      {
+        label: '玛丽港',
+        value: 'FIN_MHQ',
+      },
+      {
+        label: '米凯利',
+        value: 'FIN_MIK',
+      },
+      {
+        label: '坦佩雷',
+        value: 'FIN_TMP',
+      },
+      {
+        label: '图尔库',
+        value: 'FIN_TKU',
+      },
+      {
+        label: '瓦萨',
+        value: 'FIN_VAA',
+      },
+      {
+        label: '万塔',
+        value: 'FIN_VAT',
+      },
+      {
+        label: '约恩苏',
+        value: 'FIN_JOE',
+      },
+    ],
+  },
+  {
+    label: '弗兰克群岛',
+    value: 'FLK',
+  },
+  {
+    label: '法国',
+    value: 'FRA',
+    children: [
+      {
+        label: '阿尔勒',
+        value: 'FRA_ARL',
+      },
+      {
+        label: '阿雅克修',
+        value: 'FRA_AJA',
+      },
+      {
+        label: '艾克斯',
+        value: 'FRA_QXB',
+      },
+      {
+        label: '奥尔良',
+        value: 'FRA_ORR',
+      },
+      {
+        label: '巴黎',
+        value: 'FRA_PAR',
+      },
+      {
+        label: '贝桑松',
+        value: 'FRA_BSN',
+      },
+      {
+        label: '第戎',
+        value: 'FRA_DIJ',
+      },
+      {
+        label: '弗雷瑞斯',
+        value: 'FRA_FRJ',
+      },
+      {
+        label: '卡昂',
+        value: 'FRA_CFR',
+      },
+      {
+        label: '雷恩',
+        value: 'FRA_RNS',
+      },
+      {
+        label: '里昂',
+        value: 'FRA_LIO',
+      },
+      {
+        label: '里尔',
+        value: 'FRA_LLE',
+      },
+      {
+        label: '利摩日',
+        value: 'FRA_LIG',
+      },
+      {
+        label: '鲁昂',
+        value: 'FRA_URO',
+      },
+      {
+        label: '马赛',
+        value: 'FRA_MRS',
+      },
+      {
+        label: '梅斯',
+        value: 'FRA_MZM',
+      },
+      {
+        label: '蒙彼利埃',
+        value: 'FRA_MPL',
+      },
+      {
+        label: '南特',
+        value: 'FRA_NTE',
+      },
+      {
+        label: '尼斯',
+        value: 'FRA_NCE',
+      },
+      {
+        label: '沙隆',
+        value: 'FRA_CSM',
+      },
+      {
+        label: '图卢兹',
+        value: 'FRA_TLS',
+      },
+      {
+        label: '瓦朗斯',
+        value: 'FRA_VAA',
+      },
+      {
+        label: '亚眠',
+        value: 'FRA_AMI',
+      },
+    ],
+  },
+  {
+    label: '法罗群岛',
+    value: 'FRO',
+  },
+  {
+    label: '密克罗尼西亚',
+    value: 'FSM',
+  },
+  {
+    label: '加蓬',
+    value: 'GAB',
+    children: [
+      {
+        label: '奥果韦-洛洛',
+        value: 'GAB_OL',
+      },
+      {
+        label: '奥果韦-伊温多',
+        value: 'GAB_OI',
+      },
+      {
+        label: '滨海奥果韦',
+        value: 'GAB_OM',
+      },
+      {
+        label: '恩古涅',
+        value: 'GAB_NG',
+      },
+      {
+        label: '河口',
+        value: 'GAB_ES',
+      },
+      {
+        label: '尼扬加',
+        value: 'GAB_NY',
+      },
+      {
+        label: '上奥果韦',
+        value: 'GAB_HO',
+      },
+      {
+        label: '沃勒-恩特姆',
+        value: 'GAB_WN',
+      },
+      {
+        label: '中奥果韦',
+        value: 'GAB_MO',
+      },
+    ],
+  },
+  {
+    label: '冈比亚',
+    value: 'GAM',
+  },
+  {
+    label: '泽西',
+    value: 'GBJ',
+  },
+  {
+    label: '英国',
+    value: 'GBR',
+    children: [
+      {
+        label: '北爱尔兰',
+        value: 'GBR_NIR',
+      },
+      {
+        label: '苏格兰',
+        value: 'GBR_SCT',
+      },
+      {
+        label: '威尔士',
+        value: 'GBR_WLS',
+      },
+      {
+        label: '英格兰',
+        value: 'GBR_ENG',
+      },
+    ],
+  },
+  {
+    label: '格鲁吉亚',
+    value: 'GEO',
+  },
+  {
+    label: '赤道几内亚',
+    value: 'GEQ',
+  },
+  {
+    label: '德国',
+    value: 'GER',
+  },
+  {
+    label: '格恩西岛',
+    value: 'GGY',
+  },
+  {
+    label: '加纳',
+    value: 'GHA',
+    children: [
+      {
+        label: '阿散蒂',
+        value: 'GHA_AS',
+      },
+      {
+        label: '奥布阿西',
+        value: 'GHA_OBU',
+      },
+      {
+        label: '北部',
+        value: 'GHA_NO',
+      },
+      {
+        label: '布朗阿哈福',
+        value: 'GHA_BA',
+      },
+      {
+        label: '大阿克拉',
+        value: 'GHA_GA',
+      },
+      {
+        label: '东部',
+        value: 'GHA_EA',
+      },
+      {
+        label: '上东部',
+        value: 'GHA_UE',
+      },
+      {
+        label: '上西部',
+        value: 'GHA_UW',
+      },
+      {
+        label: '沃尔特',
+        value: 'GHA_VO',
+      },
+      {
+        label: '西部',
+        value: 'GHA_WE',
+      },
+      {
+        label: '中部',
+        value: 'GHA_CE',
+      },
+    ],
+  },
+  {
+    label: '直布罗陀',
+    value: 'GIB',
+  },
+  {
+    label: '瓜德罗普',
+    value: 'GLP',
+  },
+  {
+    label: '几内亚比绍',
+    value: 'GNB',
+  },
+  {
+    label: '希腊',
+    value: 'GRE',
+  },
+  {
+    label: '格陵兰',
+    value: 'GRL',
+  },
+  {
+    label: '格林纳达',
+    value: 'GRN',
+  },
+  {
+    label: '危地马拉',
+    value: 'GUA',
+  },
+  {
+    label: '法属圭亚那',
+    value: 'GUF',
+  },
+  {
+    label: '几内亚',
+    value: 'GUI',
+  },
+  {
+    label: '关岛',
+    value: 'GUM',
+  },
+  {
+    label: '圭亚那',
+    value: 'GUY',
+    children: [
+      {
+        label: '埃塞奎博群岛-西德梅拉拉',
+        value: 'GUY_EW',
+      },
+      {
+        label: '巴里马-瓦伊尼',
+        value: 'GUY_BW',
+      },
+      {
+        label: '波默伦-苏佩纳姆',
+        value: 'GUY_PM',
+      },
+      {
+        label: '波塔罗-锡帕鲁尼',
+        value: 'GUY_PI',
+      },
+      {
+        label: '德梅拉拉-马海卡',
+        value: 'GUY_DM',
+      },
+      {
+        label: '东伯比斯-科兰太因',
+        value: 'GUY_EC',
+      },
+      {
+        label: '库尤尼-马扎鲁尼',
+        value: 'GUY_CM',
+      },
+      {
+        label: '马海卡-伯比斯',
+        value: 'GUY_MB',
+      },
+      {
+        label: '上德梅拉拉-伯比斯',
+        value: 'GUY_UD',
+      },
+      {
+        label: '上塔库图-上埃塞奎博',
+        value: 'GUY_UT',
+      },
+    ],
+  },
+  {
+    label: '海地',
+    value: 'HAI',
+  },
+  {
+    label: '赫德和麦克唐纳群岛',
+    value: 'HMD',
+  },
+  {
+    label: '洪都拉斯',
+    value: 'HON',
+  },
+  {
+    label: '匈牙利',
+    value: 'HUN',
+    children: [
+      {
+        label: '巴兰尼亚',
+        value: 'HUN_BA',
+      },
+      {
+        label: '巴奇-基什孔',
+        value: 'HUN_BK',
+      },
+      {
+        label: '包尔绍德-奥包乌伊-曾普伦',
+        value: 'HUN_BZ',
+      },
+      {
+        label: '贝凯什',
+        value: 'HUN_BE',
+      },
+      {
+        label: '布达佩斯',
+        value: 'HUN_BU',
+      },
+      {
+        label: '费耶尔',
+        value: 'HUN_FE',
+      },
+      {
+        label: '豪伊杜-比豪尔',
+        value: 'HUN_HB',
+      },
+      {
+        label: '赫维什',
+        value: 'HUN_HE',
+      },
+      {
+        label: '加兹-纳杰孔-索尔诺克',
+        value: 'HUN_JN',
+      },
+      {
+        label: '杰尔-莫松-肖普朗',
+        value: 'HUN_GS',
+      },
+      {
+        label: '科马罗姆',
+        value: 'HUN_KE',
+      },
+      {
+        label: '诺格拉德',
+        value: 'HUN_NO',
+      },
+      {
+        label: '佩斯',
+        value: 'HUN_PE',
+      },
+      {
+        label: '琼格拉德',
+        value: 'HUN_CS',
+      },
+      {
+        label: '绍莫吉',
+        value: 'HUN_SO',
+      },
+      {
+        label: '索博尔奇-索特马尔-贝拉格',
+        value: 'HUN_SZ',
+      },
+      {
+        label: '托尔瑙',
+        value: 'HUN_TO',
+      },
+      {
+        label: '维斯普雷姆',
+        value: 'HUN_VE',
+      },
+      {
+        label: '沃什',
+        value: 'HUN_VA',
+      },
+      {
+        label: '佐洛',
+        value: 'HUN_ZA',
+      },
+    ],
+  },
+  {
+    label: '印度尼西亚',
+    value: 'IDN',
+    children: [
+      {
+        label: '巴厘',
+        value: 'IDN_BA',
+      },
+      {
+        label: '邦加－勿里洞群岛',
+        value: 'IDN_BB',
+      },
+      {
+        label: '北苏拉威西',
+        value: 'IDN_SA',
+      },
+      {
+        label: '北苏门答腊',
+        value: 'IDN_SU',
+      },
+      {
+        label: '大雅加达首都特区',
+        value: 'IDN_KB',
+      },
+      {
+        label: '东加里曼丹',
+        value: 'IDN_KI',
+      },
+      {
+        label: '东南苏拉威西',
+        value: 'IDN_SG',
+      },
+      {
+        label: '东努沙登加拉',
+        value: 'IDN_NT',
+      },
+      {
+        label: '东爪哇',
+        value: 'IDN_JI',
+      },
+      {
+        label: '廖内',
+        value: 'IDN_RI',
+      },
+      {
+        label: '马鲁古',
+        value: 'IDN_MA',
+      },
+      {
+        label: '明古鲁',
+        value: 'IDN_BE',
+      },
+      {
+        label: '楠榜',
+        value: 'IDN_LA',
+      },
+      {
+        label: '南加里曼丹',
+        value: 'IDN_KS',
+      },
+      {
+        label: '南苏拉威西',
+        value: 'IDN_SN',
+      },
+      {
+        label: '南苏门答腊',
+        value: 'IDN_SS',
+      },
+      {
+        label: '日惹特区',
+        value: 'IDN_YO',
+      },
+      {
+        label: '万丹',
+        value: 'IDN_BT',
+      },
+      {
+        label: '西努沙登加拉',
+        value: 'IDN_NB',
+      },
+      {
+        label: '西苏门答腊',
+        value: 'IDN_SR',
+      },
+      {
+        label: '西爪哇',
+        value: 'IDN_JB',
+      },
+      {
+        label: '雅加达',
+        value: 'IDN_JK',
+      },
+      {
+        label: '亚齐',
+        value: 'IDN_AC',
+      },
+      {
+        label: '伊里安查亚',
+        value: 'IDN_IJ',
+      },
+      {
+        label: '占碑',
+        value: 'IDN_JA',
+      },
+      {
+        label: '中加里曼丹',
+        value: 'IDN_KT',
+      },
+      {
+        label: '中苏拉威西',
+        value: 'IDN_ST',
+      },
+      {
+        label: '中爪哇',
+        value: 'IDN_JT',
+      },
+    ],
+  },
+  {
+    label: '曼岛',
+    value: 'IMN',
+  },
+  {
+    label: '印尼',
+    value: 'INA',
+  },
+  {
+    label: '印度',
+    value: 'IND',
+    children: [
+      {
+        label: '艾藻尔',
+        value: 'IND_AJL',
+      },
+      {
+        label: '班加罗尔',
+        value: 'IND_BLR',
+      },
+      {
+        label: '本地治里',
+        value: 'IND_PNY',
+      },
+      {
+        label: '博帕尔',
+        value: 'IND_BHO',
+      },
+      {
+        label: '布巴内斯瓦尔',
+        value: 'IND_BBI',
+      },
+      {
+        label: '昌迪加尔',
+        value: 'IND_IXC',
+      },
+      {
+        label: '达曼',
+        value: 'IND_DAM',
+      },
+      {
+        label: '第乌',
+        value: 'IND_DIU',
+      },
+      {
+        label: '甘托克',
+        value: 'IND_GTO',
+      },
+      {
+        label: '哥印拜陀',
+        value: 'IND_CJB',
+      },
+      {
+        label: '加尔各答',
+        value: 'IND_CCU',
+      },
+      {
+        label: '加里加尔',
+        value: 'IND_KRK',
+      },
+      {
+        label: '贾巴尔普尔',
+        value: 'IND_JLR',
+      },
+      {
+        label: '贾朗达尔',
+        value: 'IND_JUC',
+      },
+      {
+        label: '焦特布尔',
+        value: 'IND_JDH',
+      },
+      {
+        label: '金奈',
+        value: 'IND_MAA',
+      },
+      {
+        label: '卡瓦拉蒂',
+        value: 'IND_KVA',
+      },
+      {
+        label: '科希马',
+        value: 'IND_KOM',
+      },
+      {
+        label: '马埃',
+        value: 'IND_MAH',
+      },
+      {
+        label: '马杜赖',
+        value: 'IND_IXM',
+      },
+      {
+        label: '森伯尔布尔',
+        value: 'IND_SLR',
+      },
+      {
+        label: '特里凡得琅',
+        value: 'IND_TRV',
+      },
+      {
+        label: '乌代布尔',
+        value: 'IND_UDR',
+      },
+      {
+        label: '西隆',
+        value: 'IND_SHL',
+      },
+      {
+        label: '锡尔萨瓦',
+        value: 'IND_SIL',
+      },
+      {
+        label: '新德里',
+        value: 'IND_ICD',
+      },
+      {
+        label: '亚南',
+        value: 'IND_SRV',
+      },
+      {
+        label: '因帕尔',
+        value: 'IND_IMF',
+      },
+      {
+        label: '印多尔',
+        value: 'IND_IDR',
+      },
+      {
+        label: '斋普尔',
+        value: 'IND_JAI',
+      },
+    ],
+  },
+  {
+    label: '英属印度洋领地',
+    value: 'IOT',
+  },
+  {
+    label: '伊朗',
+    value: 'IRI',
+  },
+  {
+    label: '爱尔兰',
+    value: 'IRL',
+    children: [
+      {
+        label: '奥法利',
+        value: 'IRL_OF',
+      },
+      {
+        label: '蒂珀雷里',
+        value: 'IRL_TP',
+      },
+      {
+        label: '都柏林',
+        value: 'IRL_DB',
+      },
+      {
+        label: '多内加尔',
+        value: 'IRL_DG',
+      },
+      {
+        label: '戈尔韦',
+        value: 'IRL_GW',
+      },
+      {
+        label: '基尔代尔',
+        value: 'IRL_KD',
+      },
+      {
+        label: '基尔肯尼',
+        value: 'IRL_KK',
+      },
+      {
+        label: '卡范',
+        value: 'IRL_CV',
+      },
+      {
+        label: '卡洛',
+        value: 'IRL_CW',
+      },
+      {
+        label: '凯里',
+        value: 'IRL_KR',
+      },
+      {
+        label: '科克',
+        value: 'IRL_CK',
+      },
+      {
+        label: '克莱尔',
+        value: 'IRL_CL',
+      },
+      {
+        label: '朗福德',
+        value: 'IRL_LF',
+      },
+      {
+        label: '劳斯',
+        value: 'IRL_LT',
+      },
+      {
+        label: '崂斯',
+        value: 'IRL_LA',
+      },
+      {
+        label: '利默里克',
+        value: 'IRL_LM',
+      },
+      {
+        label: '利特里姆',
+        value: 'IRL_LR',
+      },
+      {
+        label: '罗斯康芒',
+        value: 'IRL_RC',
+      },
+      {
+        label: '梅奥',
+        value: 'IRL_MY',
+      },
+      {
+        label: '米斯',
+        value: 'IRL_MT',
+      },
+      {
+        label: '莫内根',
+        value: 'IRL_MG',
+      },
+      {
+        label: '斯莱戈',
+        value: 'IRL_SL',
+      },
+      {
+        label: '威克洛',
+        value: 'IRL_WK',
+      },
+      {
+        label: '韦克斯福德',
+        value: 'IRL_WX',
+      },
+      {
+        label: '沃特福德',
+        value: 'IRL_WF',
+      },
+      {
+        label: '西米斯',
+        value: 'IRL_WM',
+      },
+    ],
+  },
+  {
+    label: '伊拉克',
+    value: 'IRQ',
+  },
+  {
+    label: '冰岛',
+    value: 'ISL',
+  },
+  {
+    label: '以色列',
+    value: 'ISR',
+    children: [
+      {
+        label: '阿什杜德',
+        value: 'ISR_ASH',
+      },
+      {
+        label: '贝尔谢巴',
+        value: 'ISR_BEV',
+      },
+      {
+        label: '贝特雁',
+        value: 'ISR_BAT',
+      },
+      {
+        label: '海法',
+        value: 'ISR_HFA',
+      },
+      {
+        label: '霍隆',
+        value: 'ISR_HOL',
+      },
+      {
+        label: '内坦亚',
+        value: 'ISR_NAT',
+      },
+      {
+        label: '特拉维夫',
+        value: 'ISR_TLV',
+      },
+      {
+        label: '耶路撒冷',
+        value: 'ISR_J',
+      },
+    ],
+  },
+  {
+    label: '意大利',
+    value: 'ITA',
+    children: [
+      {
+        label: '阿斯蒂',
+        value: 'ITA_AST',
+      },
+      {
+        label: '阿斯科利皮切诺',
+        value: 'ITA_ASP',
+      },
+      {
+        label: '安科纳',
+        value: 'ITA_AOI',
+      },
+      {
+        label: '奥尔比亚',
+        value: 'ITA_OLB',
+      },
+      {
+        label: '奥里斯塔诺',
+        value: 'ITA_QOS',
+      },
+      {
+        label: '奥斯塔',
+        value: 'ITA_AOT',
+      },
+      {
+        label: '巴勒莫',
+        value: 'ITA_PMO',
+      },
+      {
+        label: '巴里',
+        value: 'ITA_BRI',
+      },
+      {
+        label: '贝加莫',
+        value: 'ITA_BGO',
+      },
+      {
+        label: '贝内文托',
+        value: 'ITA_BEN',
+      },
+      {
+        label: '比萨',
+        value: 'ITA_PSA',
+      },
+      {
+        label: '波代诺内',
+        value: 'ITA_PRD',
+      },
+      {
+        label: '波坦察',
+        value: 'ITA_QPO',
+      },
+      {
+        label: '博洛尼亚',
+        value: 'ITA_BLQ',
+      },
+      {
+        label: '布拉',
+        value: 'ITA_BIE',
+      },
+      {
+        label: '布雷西亚',
+        value: 'ITA_BRC',
+      },
+      {
+        label: '布林迪西',
+        value: 'ITA_BDS',
+      },
+      {
+        label: '的里雅斯特',
+        value: 'ITA_TRS',
+      },
+      {
+        label: '都灵',
+        value: 'ITA_TRN',
+      },
+      {
+        label: '费拉拉',
+        value: 'ITA_FRR',
+      },
+      {
+        label: '佛罗伦萨',
+        value: 'ITA_FLR',
+      },
+      {
+        label: '福贾',
+        value: 'ITA_FOG',
+      },
+      {
+        label: '卡利亚里',
+        value: 'ITA_CAG',
+      },
+      {
+        label: '卡塞塔',
+        value: 'ITA_CST',
+      },
+      {
+        label: '卡塔尼亚',
+        value: 'ITA_CTA',
+      },
+      {
+        label: '卡坦扎罗',
+        value: 'ITA_QCZ',
+      },
+      {
+        label: '坎波巴索',
+        value: 'ITA_COB',
+      },
+      {
+        label: '科摩',
+        value: 'ITA_CIY',
+      },
+      {
+        label: '科森扎',
+        value: 'ITA_QCS',
+      },
+      {
+        label: '克罗托内',
+        value: 'ITA_CRV',
+      },
+      {
+        label: '库内奥',
+        value: 'ITA_CUN',
+      },
+      {
+        label: '拉奎拉',
+        value: 'ITA_LAQ',
+      },
+      {
+        label: '拉斯佩齐亚',
+        value: 'ITA_SPE',
+      },
+      {
+        label: '莱科',
+        value: 'ITA_LCO',
+      },
+      {
+        label: '莱切',
+        value: 'ITA_LCC',
+      },
+      {
+        label: '雷焦艾米利亚',
+        value: 'ITA_RNE',
+      },
+      {
+        label: '雷焦卡拉布里亚',
+        value: 'ITA_REG',
+      },
+      {
+        label: '里窝那',
+        value: 'ITA_LIV',
+      },
+      {
+        label: '罗马',
+        value: 'ITA_ROM',
+      },
+      {
+        label: '马萨',
+        value: 'ITA_MCR',
+      },
+      {
+        label: '马泰拉',
+        value: 'ITA_MTR',
+      },
+      {
+        label: '蒙扎',
+        value: 'ITA_MZA',
+      },
+      {
+        label: '米兰',
+        value: 'ITA_MIL',
+      },
+      {
+        label: '摩德纳',
+        value: 'ITA_MOD',
+      },
+      {
+        label: '墨西拿',
+        value: 'ITA_MSN',
+      },
+      {
+        label: '那不勒斯',
+        value: 'ITA_NAP',
+      },
+      {
+        label: '努奥罗',
+        value: 'ITA_QNU',
+      },
+      {
+        label: '诺瓦拉',
+        value: 'ITA_NVR',
+      },
+      {
+        label: '帕尔马',
+        value: 'ITA_PMF',
+      },
+      {
+        label: '帕维亚',
+        value: 'ITA_PAV',
+      },
+      {
+        label: '佩鲁贾',
+        value: 'ITA_PEG',
+      },
+      {
+        label: '热那亚',
+        value: 'ITA_CAX',
+      },
+      {
+        label: '萨莱诺',
+        value: 'ITA_SAL',
+      },
+      {
+        label: '萨萨里',
+        value: 'ITA_QSS',
+      },
+      {
+        label: '萨沃纳',
+        value: 'ITA_SVN',
+      },
+      {
+        label: '塔兰托',
+        value: 'ITA_TAR',
+      },
+      {
+        label: '特拉帕尼',
+        value: 'ITA_TPS',
+      },
+      {
+        label: '特伦托',
+        value: 'ITA_TRT',
+      },
+      {
+        label: '威尼斯',
+        value: 'ITA_VCE',
+      },
+      {
+        label: '韦尔切利',
+        value: 'ITA_VRL',
+      },
+      {
+        label: '维泰博',
+        value: 'ITA_VIT',
+      },
+      {
+        label: '乌迪内',
+        value: 'ITA_UDN',
+      },
+      {
+        label: '锡拉库扎',
+        value: 'ITA_SYR',
+      },
+      {
+        label: '锡耶纳',
+        value: 'ITA_SNA',
+      },
+      {
+        label: '亚历山德里亚',
+        value: 'ITA_ALE',
+      },
+      {
+        label: '伊塞尔尼亚',
+        value: 'ITA_ISE',
+      },
+    ],
+  },
+  {
+    label: '牙买加',
+    value: 'JAM',
+    children: [
+      {
+        label: '波特兰',
+        value: 'JAM_POR',
+      },
+      {
+        label: '汉诺威',
+        value: 'JAM_HAN',
+      },
+      {
+        label: '金斯敦',
+        value: 'JAM_KIN',
+      },
+      {
+        label: '克拉伦登',
+        value: 'JAM_CLA',
+      },
+      {
+        label: '曼彻斯特',
+        value: 'JAM_MAN',
+      },
+      {
+        label: '圣安德鲁斯',
+        value: 'JAM_AND',
+      },
+      {
+        label: '圣安娜',
+        value: 'JAM_ANN',
+      },
+      {
+        label: '圣凯瑟琳',
+        value: 'JAM_CAT',
+      },
+      {
+        label: '圣玛丽',
+        value: 'JAM_MAR',
+      },
+      {
+        label: '圣托马斯',
+        value: 'JAM_THO',
+      },
+      {
+        label: '圣伊丽莎白',
+        value: 'JAM_ELI',
+      },
+      {
+        label: '圣詹姆斯',
+        value: 'JAM_JAM',
+      },
+      {
+        label: '特里洛尼',
+        value: 'JAM_TRL',
+      },
+      {
+        label: '西摩兰',
+        value: 'JAM_WML',
+      },
+    ],
+  },
+  {
+    label: '泽西岛',
+    value: 'JEY',
+  },
+  {
+    label: '约旦',
+    value: 'JOR',
+    children: [
+      {
+        label: '阿吉隆',
+        value: 'JOR_AJ',
+      },
+      {
+        label: '安曼',
+        value: 'JOR_AM',
+      },
+      {
+        label: '拜勒加',
+        value: 'JOR_BA',
+      },
+      {
+        label: '杰拉什',
+        value: 'JOR_JA',
+      },
+      {
+        label: '卡拉克',
+        value: 'JOR_KA',
+      },
+      {
+        label: '鲁赛法',
+        value: 'JOR_RU',
+      },
+      {
+        label: '马安',
+        value: 'JOR_MN',
+      },
+      {
+        label: '马德巴',
+        value: 'JOR_MD',
+      },
+      {
+        label: '马夫拉克',
+        value: 'JOR_MF',
+      },
+      {
+        label: '塔菲拉',
+        value: 'JOR_TA',
+      },
+      {
+        label: '亚喀巴',
+        value: 'JOR_AQ',
+      },
+      {
+        label: '伊尔比德',
+        value: 'JOR_IR',
+      },
+      {
+        label: '扎尔卡',
+        value: 'JOR_ZA',
+      },
+    ],
+  },
+  {
+    label: '日本',
+    value: 'JPN',
+    children: [
+      {
+        label: '北海道',
+        value: 'JPN_1',
+      },
+      {
+        label: '青森',
+        value: 'JPN_2',
+      },
+      {
+        label: '岩手',
+        value: 'JPN_3',
+      },
+      {
+        label: '宮城',
+        value: 'JPN_4',
+      },
+      {
+        label: '秋田',
+        value: 'JPN_5',
+      },
+      {
+        label: '山形',
+        value: 'JPN_6',
+      },
+      {
+        label: '福岛',
+        value: 'JPN_7',
+      },
+      {
+        label: '茨城',
+        value: 'JPN_8',
+      },
+      {
+        label: '枥木',
+        value: 'JPN_9',
+      },
+      {
+        label: '群马',
+        value: 'JPN_10',
+      },
+      {
+        label: '埼玉',
+        value: 'JPN_11',
+      },
+      {
+        label: '千叶',
+        value: 'JPN_12',
+      },
+      {
+        label: '东京',
+        value: 'JPN_13',
+      },
+      {
+        label: '神奈川',
+        value: 'JPN_14',
+      },
+      {
+        label: '新潟',
+        value: 'JPN_15',
+      },
+      {
+        label: '富山',
+        value: 'JPN_16',
+      },
+      {
+        label: '石川',
+        value: 'JPN_17',
+      },
+      {
+        label: '福井',
+        value: 'JPN_18',
+      },
+      {
+        label: '山梨',
+        value: 'JPN_19',
+      },
+      {
+        label: '长野',
+        value: 'JPN_20',
+      },
+      {
+        label: '岐阜',
+        value: 'JPN_21',
+      },
+      {
+        label: '静冈',
+        value: 'JPN_22',
+      },
+      {
+        label: '爱知',
+        value: 'JPN_23',
+      },
+      {
+        label: '三重',
+        value: 'JPN_24',
+      },
+      {
+        label: '滋贺',
+        value: 'JPN_25',
+      },
+      {
+        label: '京都',
+        value: 'JPN_26',
+      },
+      {
+        label: '大阪',
+        value: 'JPN_27',
+      },
+      {
+        label: '兵库',
+        value: 'JPN_28',
+      },
+      {
+        label: '奈良',
+        value: 'JPN_29',
+      },
+      {
+        label: '和歌山',
+        value: 'JPN_30',
+      },
+      {
+        label: '鸟取',
+        value: 'JPN_31',
+      },
+      {
+        label: '岛根',
+        value: 'JPN_32',
+      },
+      {
+        label: '冈山',
+        value: 'JPN_33',
+      },
+      {
+        label: '广岛',
+        value: 'JPN_34',
+      },
+      {
+        label: '山口',
+        value: 'JPN_35',
+      },
+      {
+        label: '徳岛',
+        value: 'JPN_36',
+      },
+      {
+        label: '香川',
+        value: 'JPN_37',
+      },
+      {
+        label: '爱媛',
+        value: 'JPN_38',
+      },
+      {
+        label: '高知',
+        value: 'JPN_39',
+      },
+      {
+        label: '福冈',
+        value: 'JPN_40',
+      },
+      {
+        label: '佐贺',
+        value: 'JPN_41',
+      },
+      {
+        label: '长崎',
+        value: 'JPN_42',
+      },
+      {
+        label: '熊本',
+        value: 'JPN_43',
+      },
+      {
+        label: '大分',
+        value: 'JPN_44',
+      },
+      {
+        label: '宫崎',
+        value: 'JPN_45',
+      },
+      {
+        label: '鹿儿岛',
+        value: 'JPN_46',
+      },
+      {
+        label: '冲绳',
+        value: 'JPN_47',
+      },
+    ],
+  },
+  {
+    label: '哈萨克斯坦',
+    value: 'KAZ',
+    children: [
+      {
+        label: '阿尔卡累克',
+        value: 'KAZ_AYK',
+      },
+      {
+        label: '阿克莫拉',
+        value: 'KAZ_AKM',
+      },
+      {
+        label: '阿克苏',
+        value: 'KAZ_AKS',
+      },
+      {
+        label: '阿克托别',
+        value: 'KAZ_AKT',
+      },
+      {
+        label: '阿拉木图',
+        value: 'KAZ_ALA',
+      },
+      {
+        label: '阿雷斯',
+        value: 'KAZ_ARY',
+      },
+      {
+        label: '阿斯塔纳市',
+        value: 'KAZ_AST',
+      },
+      {
+        label: '阿特劳',
+        value: 'KAZ_ATY',
+      },
+      {
+        label: '埃基巴斯图兹',
+        value: 'KAZ_EKB',
+      },
+      {
+        label: '巴尔喀什',
+        value: 'KAZ_BXH',
+      },
+      {
+        label: '巴甫洛达尔',
+        value: 'KAZ_PAV',
+      },
+      {
+        label: '北哈萨克斯坦',
+        value: 'KAZ_SEV',
+      },
+      {
+        label: '东哈萨克斯坦',
+        value: 'KAZ_VOS',
+      },
+      {
+        label: '济良诺夫斯克',
+        value: 'KAZ_ZYR',
+      },
+      {
+        label: '江布尔',
+        value: 'KAZ_DMB',
+      },
+      {
+        label: '杰兹卡兹甘',
+        value: 'KAZ_DZH',
+      },
+      {
+        label: '卡拉干达',
+        value: 'KAZ_KAR',
+      },
+      {
+        label: '卡拉扎尔',
+        value: 'KAZ_KZO',
+      },
+      {
+        label: '卡普恰盖',
+        value: 'KAZ_KAP',
+      },
+      {
+        label: '科斯塔奈',
+        value: 'KAZ_KST',
+      },
+      {
+        label: '克孜勒奥尔达',
+        value: 'KAZ_KZY',
+      },
+      {
+        label: '库尔恰托夫',
+        value: 'KAZ_KUR',
+      },
+      {
+        label: '利萨科夫斯克',
+        value: 'KAZ_LKK',
+      },
+      {
+        label: '列宁诺戈尔斯克',
+        value: 'KAZ_LEN',
+      },
+      {
+        label: '鲁德内',
+        value: 'KAZ_RUD',
+      },
+      {
+        label: '曼格斯套',
+        value: 'KAZ_MAN',
+      },
+      {
+        label: '南哈萨克斯坦',
+        value: 'KAZ_KGT',
+      },
+      {
+        label: '萨兰',
+        value: 'KAZ_SAR',
+      },
+      {
+        label: '塞梅伊',
+        value: 'KAZ_SEM',
+      },
+      {
+        label: '沙赫京斯克',
+        value: 'KAZ_SAK',
+      },
+      {
+        label: '斯捷普诺戈尔斯克',
+        value: 'KAZ_STE',
+      },
+      {
+        label: '铁克利',
+        value: 'KAZ_TEK',
+      },
+      {
+        label: '铁米尔套',
+        value: 'KAZ_TEM',
+      },
+      {
+        label: '突厥斯坦',
+        value: 'KAZ_TUR',
+      },
+      {
+        label: '西哈萨克斯坦',
+        value: 'KAZ_ZAP',
+      },
+      {
+        label: '扎纳奥津',
+        value: 'KAZ_ZHA',
+      },
+    ],
+  },
+  {
+    label: '肯尼亚',
+    value: 'KEN',
+    children: [
+      {
+        label: '埃尔格约-马拉奎特',
+        value: 'KEN_EMA',
+      },
+      {
+        label: '巴林戈',
+        value: 'KEN_BAR',
+      },
+      {
+        label: '邦戈马',
+        value: 'KEN_BUN',
+      },
+      {
+        label: '博美特',
+        value: 'KEN_BOM',
+      },
+      {
+        label: '布希亚',
+        value: 'KEN_BUS',
+      },
+      {
+        label: '恩布',
+        value: 'KEN_EMB',
+      },
+      {
+        label: '霍马湾',
+        value: 'KEN_HOB',
+      },
+      {
+        label: '基安布',
+        value: 'KEN_KIA',
+      },
+      {
+        label: '基里菲',
+        value: 'KEN_KIL',
+      },
+      {
+        label: '基里尼亚加',
+        value: 'KEN_KIR',
+      },
+      {
+        label: '基苏木',
+        value: 'KEN_KIS',
+      },
+      {
+        label: '基图伊',
+        value: 'KEN_KIT',
+      },
+      {
+        label: '基西',
+        value: 'KEN_KII',
+      },
+      {
+        label: '加里萨',
+        value: 'KEN_GAS',
+      },
+      {
+        label: '卡卡梅加',
+        value: 'KEN_KAK',
+      },
+      {
+        label: '卡耶亚多',
+        value: 'KEN_KAJ',
+      },
+      {
+        label: '凯里乔',
+        value: 'KEN_KEY',
+      },
+      {
+        label: '夸勒',
+        value: 'KEN_KWA',
+      },
+      {
+        label: '拉木',
+        value: 'KEN_LAU',
+      },
+      {
+        label: '莱基皮亚',
+        value: 'KEN_LAI',
+      },
+      {
+        label: '马查科斯',
+        value: 'KEN_MAC',
+      },
+      {
+        label: '马瓜尼',
+        value: 'KEN_MAK',
+      },
+      {
+        label: '马萨布布',
+        value: 'KEN_RBT',
+      },
+      {
+        label: '曼德拉',
+        value: 'KEN_MAN',
+      },
+      {
+        label: '梅鲁',
+        value: 'KEN_MER',
+      },
+      {
+        label: '蒙巴萨',
+        value: 'KEN_MOM',
+      },
+      {
+        label: '米戈利',
+        value: 'KEN_MIG',
+      },
+      {
+        label: '穆兰卡',
+        value: 'KEN_MUR',
+      },
+      {
+        label: '纳库鲁',
+        value: 'KEN_NUU',
+      },
+      {
+        label: '纳罗克',
+        value: 'KEN_NAR',
+      },
+      {
+        label: '南迪',
+        value: 'KEN_NAN',
+      },
+      {
+        label: '内罗毕',
+        value: 'KEN_NA',
+      },
+      {
+        label: '尼蒂',
+        value: 'KEN_NIT',
+      },
+      {
+        label: '尼亚米拉',
+        value: 'KEN_NYM',
+      },
+      {
+        label: '年达鲁阿',
+        value: 'KEN_NYN',
+      },
+      {
+        label: '涅里',
+        value: 'KEN_NYE',
+      },
+      {
+        label: '桑布卢',
+        value: 'KEN_UAS',
+      },
+      {
+        label: '塔纳河',
+        value: 'KEN_TRI',
+      },
+      {
+        label: '泰塔塔维塔',
+        value: 'KEN_TTA',
+      },
+      {
+        label: '特兰斯-恩佐亚',
+        value: 'KEN_TNZ',
+      },
+      {
+        label: '瓦吉尔',
+        value: 'KEN_WJR',
+      },
+      {
+        label: '瓦辛基苏',
+        value: 'KEN_UGI',
+      },
+      {
+        label: '韦希加',
+        value: 'KEN_VIH',
+      },
+      {
+        label: '西波克特',
+        value: 'KEN_WPO',
+      },
+      {
+        label: '夏亚',
+        value: 'KEN_SIA',
+      },
+      {
+        label: '伊希约洛',
+        value: 'KEN_ISI',
+      },
+      {
+        label: '中央',
+        value: 'KEN_CE',
+      },
+    ],
+  },
+  {
+    label: '吉尔吉斯斯坦',
+    value: 'KGZ',
+    children: [
+      {
+        label: '奥什',
+        value: 'KGZ_O',
+      },
+      {
+        label: '巴特肯',
+        value: 'KGZ_B',
+      },
+      {
+        label: '比什凯克市',
+        value: 'KGZ_GB',
+      },
+      {
+        label: '楚河',
+        value: 'KGZ_C',
+      },
+      {
+        label: '贾拉拉巴德',
+        value: 'KGZ_J',
+      },
+      {
+        label: '卡拉巴尔塔',
+        value: 'KGZ_KBA',
+      },
+      {
+        label: '卡拉库尔',
+        value: 'KGZ_KKO',
+      },
+      {
+        label: '坎特',
+        value: 'KGZ_KAN',
+      },
+      {
+        label: '科克扬加克',
+        value: 'KGZ_KJ',
+      },
+      {
+        label: '迈利赛',
+        value: 'KGZ_MS',
+      },
+      {
+        label: '纳伦',
+        value: 'KGZ_N',
+      },
+      {
+        label: '苏卢克图',
+        value: 'KGZ_SU',
+      },
+      {
+        label: '塔拉斯',
+        value: 'KGZ_T',
+      },
+      {
+        label: '塔什库梅尔',
+        value: 'KGZ_TK',
+      },
+      {
+        label: '乌兹根',
+        value: 'KGZ_UG',
+      },
+      {
+        label: '伊塞克湖',
+        value: 'KGZ_Y',
+      },
+    ],
+  },
+  {
+    label: '基里巴斯',
+    value: 'KIR',
+    children: [
+      {
+        label: '菲尼克斯群岛',
+        value: 'KIR_PHO',
+      },
+      {
+        label: '吉尔伯特群岛',
+        value: 'KIR_GIL',
+      },
+      {
+        label: '莱恩群岛',
+        value: 'KIR_LIN',
+      },
+    ],
+  },
+  {
+    label: '韩国',
+    value: 'KOR',
+    children: [
+      {
+        label: '首尔',
+        value: 'KOR_11',
+      },
+      {
+        label: '釜山',
+        value: 'KOR_26',
+      },
+      {
+        label: '大邱',
+        value: 'KOR_27',
+      },
+      {
+        label: '仁川',
+        value: 'KOR_28',
+      },
+      {
+        label: '光州',
+        value: 'KOR_29',
+      },
+      {
+        label: '大田',
+        value: 'KOR_30',
+      },
+      {
+        label: '蔚山',
+        value: 'KOR_31',
+      },
+      {
+        label: '济州特别自治道',
+        value: 'KOR_41',
+      },
+      {
+        label: '江原道',
+        value: 'KOR_42',
+      },
+      {
+        label: '庆尚北道',
+        value: 'KOR_43',
+      },
+      {
+        label: '庆尚南道',
+        value: 'KOR_44',
+      },
+      {
+        label: '忠清北道',
+        value: 'KOR_45',
+      },
+      {
+        label: '忠清南道',
+        value: 'KOR_46',
+      },
+      {
+        label: '全罗北道',
+        value: 'KOR_47',
+      },
+      {
+        label: '全罗南道',
+        value: 'KOR_48',
+      },
+      {
+        label: '京畿道',
+        value: 'KOR_49',
+      },
+    ],
+  },
+  {
+    label: '沙特阿拉伯',
+    value: 'KSA',
+  },
+  {
+    label: '科威特',
+    value: 'KUW',
+  },
+  {
+    label: '老挝',
+    value: 'LAO',
+    children: [
+      {
+        label: '阿速坡',
+        value: 'LAO_AT',
+      },
+      {
+        label: '波里坎赛',
+        value: 'LAO_BL',
+      },
+      {
+        label: '博乔',
+        value: 'LAO_BK',
+      },
+      {
+        label: '川圹',
+        value: 'LAO_XI',
+      },
+      {
+        label: '丰沙里',
+        value: 'LAO_PH',
+      },
+      {
+        label: '甘蒙',
+        value: 'LAO_KH',
+      },
+      {
+        label: '华潘',
+        value: 'LAO_HO',
+      },
+      {
+        label: '琅勃拉邦',
+        value: 'LAO_LP',
+      },
+      {
+        label: '琅南塔',
+        value: 'LAO_LM',
+      },
+      {
+        label: '赛宋本行政特区',
+        value: 'LAO_XN',
+      },
+      {
+        label: '色贡',
+        value: 'LAO_XE',
+      },
+      {
+        label: '沙拉湾',
+        value: 'LAO_SL',
+      },
+      {
+        label: '沙湾拿吉',
+        value: 'LAO_SV',
+      },
+      {
+        label: '沙耶武里',
+        value: 'LAO_XA',
+      },
+      {
+        label: '万象',
+        value: 'LAO_VI',
+      },
+      {
+        label: '乌多姆赛',
+        value: 'LAO_OU',
+      },
+      {
+        label: '占巴塞',
+        value: 'LAO_CH',
+      },
+    ],
+  },
+  {
+    label: '拉脱维亚',
+    value: 'LAT',
+  },
+  {
+    label: '利比亚',
+    value: 'LBA',
+  },
+  {
+    label: '利比里亚',
+    value: 'LBR',
+    children: [
+      {
+        label: '巴波卢',
+        value: 'LBR_GBA',
+      },
+      {
+        label: '邦',
+        value: 'LBR_BG',
+      },
+      {
+        label: '博波卢',
+        value: 'LBR_BOP',
+      },
+      {
+        label: '博米',
+        value: 'LBR_BM',
+      },
+      {
+        label: '大巴萨',
+        value: 'LBR_GB',
+      },
+      {
+        label: '大吉德',
+        value: 'LBR_GG',
+      },
+      {
+        label: '大角山',
+        value: 'LBR_CM',
+      },
+      {
+        label: '大克鲁',
+        value: 'LBR_GK',
+      },
+      {
+        label: '菲什敦',
+        value: 'LBR_FT',
+      },
+      {
+        label: '吉河',
+        value: 'LBR_RG',
+      },
+      {
+        label: '里弗塞斯',
+        value: 'LBR_RI',
+      },
+      {
+        label: '洛法',
+        value: 'LBR_LO',
+      },
+      {
+        label: '马吉比',
+        value: 'LBR_MG',
+      },
+      {
+        label: '马里兰',
+        value: 'LBR_MY',
+      },
+      {
+        label: '蒙特塞拉多',
+        value: 'LBR_MO',
+      },
+      {
+        label: '宁巴',
+        value: 'LBR_NI',
+      },
+      {
+        label: '锡诺',
+        value: 'LBR_SI',
+      },
+    ],
+  },
+  {
+    label: '圣卢西亚',
+    value: 'LCA',
+  },
+  {
+    label: '莱索托',
+    value: 'LES',
+  },
+  {
+    label: '黎巴嫩',
+    value: 'LIB',
+  },
+  {
+    label: '列支敦士登',
+    value: 'LIE',
+  },
+  {
+    label: '立陶宛',
+    value: 'LTU',
+    children: [
+      {
+        label: '阿利图斯',
+        value: 'LTU_AL',
+      },
+      {
+        label: '考纳斯',
+        value: 'LTU_KA',
+      },
+      {
+        label: '克莱佩达',
+        value: 'LTU_KL',
+      },
+      {
+        label: '马里扬泊列',
+        value: 'LTU_MA',
+      },
+      {
+        label: '帕涅韦日斯',
+        value: 'LTU_PA',
+      },
+      {
+        label: '陶拉格',
+        value: 'LTU_TA',
+      },
+      {
+        label: '特尔希艾',
+        value: 'LTU_TE',
+      },
+      {
+        label: '维尔纽斯',
+        value: 'LTU_VI',
+      },
+      {
+        label: '乌田纳',
+        value: 'LTU_UT',
+      },
+      {
+        label: '希奥利艾',
+        value: 'LTU_SI',
+      },
+      {
+        label: '亚克曼',
+        value: 'LTU_AKM',
+      },
+    ],
+  },
+  {
+    label: '卢森堡',
+    value: 'LUX',
+    children: [
+      {
+        label: '迪基希',
+        value: 'LUX_DD',
+      },
+      {
+        label: '格雷文马赫',
+        value: 'LUX_GG',
+      },
+      {
+        label: '卢森堡',
+        value: 'LUX_LL',
+      },
+    ],
+  },
+  {
+    label: '马达加斯加',
+    value: 'MAD',
+  },
+  {
+    label: '摩洛哥',
+    value: 'MAR',
+    children: [
+      {
+        label: '丹吉尔',
+        value: 'MAR_TGR',
+      },
+      {
+        label: '得土安',
+        value: 'MAR_TET',
+      },
+      {
+        label: '非斯',
+        value: 'MAR_FES',
+      },
+      {
+        label: '卡萨布兰卡',
+        value: 'MAR_CBL',
+      },
+      {
+        label: '拉巴特',
+        value: 'MAR_RSA',
+      },
+      {
+        label: '马拉喀什',
+        value: 'MAR_MRK',
+      },
+      {
+        label: '梅克内斯',
+        value: 'MAR_MKN',
+      },
+      {
+        label: '乌季达',
+        value: 'MAR_OUJ',
+      },
+      {
+        label: '西撒哈拉',
+        value: 'MAR_WSH',
+      },
+    ],
+  },
+  {
+    label: '马来西亚',
+    value: 'MAS',
+  },
+  {
+    label: '马拉维',
+    value: 'MAW',
+  },
+  {
+    label: '摩尔多瓦',
+    value: 'MDA',
+  },
+  {
+    label: '马尔代夫',
+    value: 'MDV',
+    children: [
+      {
+        label: '阿杜',
+        value: 'MDV_ADD',
+      },
+      {
+        label: '北阿里',
+        value: 'MDV_AAD',
+      },
+      {
+        label: '北蒂拉杜马蒂',
+        value: 'MDV_THD',
+      },
+      {
+        label: '北马洛斯马杜卢',
+        value: 'MDV_MAD',
+      },
+      {
+        label: '北米拉杜马杜卢',
+        value: 'MDV_MLD',
+      },
+      {
+        label: '北尼兰杜',
+        value: 'MDV_NAD',
+      },
+      {
+        label: '北苏瓦迪瓦',
+        value: 'MDV_HAD',
+      },
+      {
+        label: '法迪福卢',
+        value: 'MDV_FAA',
+      },
+      {
+        label: '费利杜',
+        value: 'MDV_FEA',
+      },
+      {
+        label: '福阿穆拉库',
+        value: 'MDV_FMU',
+      },
+      {
+        label: '哈杜马蒂',
+        value: 'MDV_HDH',
+      },
+      {
+        label: '科卢马杜卢',
+        value: 'MDV_KLH',
+      },
+      {
+        label: '马累',
+        value: 'MDV_MAL',
+      },
+      {
+        label: '马累岛',
+        value: 'MDV_MAA',
+      },
+      {
+        label: '穆拉库',
+        value: 'MDV_MUA',
+      },
+      {
+        label: '南阿里',
+        value: 'MDV_AAU',
+      },
+      {
+        label: '南蒂拉杜马蒂',
+        value: 'MDV_THU',
+      },
+      {
+        label: '南马洛斯马杜卢',
+        value: 'MDV_MAU',
+      },
+      {
+        label: '南米拉杜马杜卢',
+        value: 'MDV_MLU',
+      },
+      {
+        label: '南尼兰杜',
+        value: 'MDV_NAU',
+      },
+      {
+        label: '南苏瓦迪瓦',
+        value: 'MDV_HAU',
+      },
+    ],
+  },
+  {
+    label: '墨西哥',
+    value: 'MEX',
+    children: [
+      {
+        label: '阿瓜斯卡连斯特',
+        value: 'MEX_AGU',
+      },
+      {
+        label: '阿卡普尔科',
+        value: 'MEX_ACA',
+      },
+      {
+        label: '埃莫西约',
+        value: 'MEX_HMO',
+      },
+      {
+        label: '埃佩切',
+        value: 'MEX_CAM',
+      },
+      {
+        label: '奥夫雷贡城',
+        value: 'MEX_OBR',
+      },
+      {
+        label: '奥里萨巴',
+        value: 'MEX_ORI',
+      },
+      {
+        label: '巴利城',
+        value: 'MEX_VHM',
+      },
+      {
+        label: '巴亚尔塔港',
+        value: 'MEX_PVR',
+      },
+      {
+        label: '比利亚埃尔莫萨',
+        value: 'MEX_VSA',
+      },
+      {
+        label: '波萨里卡',
+        value: 'MEX_PRH',
+      },
+      {
+        label: '蒂华纳',
+        value: 'MEX_TIJ',
+      },
+      {
+        label: '杜兰戈',
+        value: 'MEX_DUR',
+      },
+      {
+        label: '恩塞纳达',
+        value: 'MEX_ESE',
+      },
+      {
+        label: '瓜达拉哈拉',
+        value: 'MEX_GDL',
+      },
+      {
+        label: '瓜纳华托',
+        value: 'MEX_GUA',
+      },
+      {
+        label: '哈拉帕',
+        value: 'MEX_JAL',
+      },
+      {
+        label: '华雷斯',
+        value: 'MEX_JUZ',
+      },
+      {
+        label: '华雷斯港',
+        value: 'MEX_BJU',
+      },
+      {
+        label: '卡门',
+        value: 'MEX_CAR',
+      },
+      {
+        label: '科利马',
+        value: 'MEX_COL',
+      },
+      {
+        label: '克雷塔罗',
+        value: 'MEX_QUE',
+      },
+      {
+        label: '库埃纳瓦卡',
+        value: 'MEX_CVC',
+      },
+      {
+        label: '库利阿坎',
+        value: 'MEX_CUL',
+      },
+      {
+        label: '夸察夸拉克斯',
+        value: 'MEX_COA',
+      },
+      {
+        label: '拉巴斯',
+        value: 'MEX_LAP',
+      },
+      {
+        label: '莱昂',
+        value: 'MEX_LEN',
+      },
+      {
+        label: '雷诺萨',
+        value: 'MEX_REX',
+      },
+      {
+        label: '洛斯莫奇斯',
+        value: 'MEX_LMM',
+      },
+      {
+        label: '马萨特兰',
+        value: 'MEX_MZT',
+      },
+      {
+        label: '马塔莫罗斯',
+        value: 'MEX_MAM',
+      },
+      {
+        label: '梅里达',
+        value: 'MEX_MID',
+      },
+      {
+        label: '蒙克洛瓦',
+        value: 'MEX_LOV',
+      },
+      {
+        label: '蒙特雷',
+        value: 'MEX_MTY',
+      },
+      {
+        label: '莫雷利亚',
+        value: 'MEX_MLM',
+      },
+      {
+        label: '墨西哥城',
+        value: 'MEX_MEX',
+      },
+      {
+        label: '墨西卡利',
+        value: 'MEX_MXL',
+      },
+      {
+        label: '诺加莱斯',
+        value: 'MEX_NOG',
+      },
+      {
+        label: '帕丘卡',
+        value: 'MEX_PAC',
+      },
+      {
+        label: '普埃布拉',
+        value: 'MEX_PUE',
+      },
+      {
+        label: '奇尔潘辛戈',
+        value: 'MEX_CHI',
+      },
+      {
+        label: '奇瓦瓦',
+        value: 'MEX_CHH',
+      },
+      {
+        label: '切图马尔',
+        value: 'MEX_CTM',
+      },
+      {
+        label: '萨尔蒂约',
+        value: 'MEX_SLW',
+      },
+      {
+        label: '萨卡特卡斯',
+        value: 'MEX_ZAC',
+      },
+      {
+        label: '塞拉亚',
+        value: 'MEX_CLY',
+      },
+      {
+        label: '圣路易斯波托亚',
+        value: 'MEX_SLP',
+      },
+      {
+        label: '塔帕丘拉',
+        value: 'MEX_TAP',
+      },
+      {
+        label: '坦皮科',
+        value: 'MEX_TAM',
+      },
+      {
+        label: '特拉斯卡拉',
+        value: 'MEX_TLA',
+      },
+      {
+        label: '特皮克',
+        value: 'MEX_TPQ',
+      },
+      {
+        label: '特瓦坎',
+        value: 'MEX_TCN',
+      },
+      {
+        label: '图斯特拉-古铁雷斯',
+        value: 'MEX_TGZ',
+      },
+      {
+        label: '托雷翁',
+        value: 'MEX_TRC',
+      },
+      {
+        label: '托卢卡',
+        value: 'MEX_TLC',
+      },
+      {
+        label: '瓦哈卡',
+        value: 'MEX_OAX',
+      },
+      {
+        label: '维多利亚城',
+        value: 'MEX_VIC',
+      },
+      {
+        label: '韦拉克鲁斯',
+        value: 'MEX_VER',
+      },
+      {
+        label: '乌鲁阿潘',
+        value: 'MEX_UPN',
+      },
+      {
+        label: '新拉雷多',
+        value: 'MEX_NLE',
+      },
+      {
+        label: '伊拉普阿托',
+        value: 'MEX_IRP',
+      },
+    ],
+  },
+  {
+    label: '蒙古',
+    value: 'MGL',
+  },
+  {
+    label: '马其顿',
+    value: 'MKD',
+  },
+  {
+    label: '马里',
+    value: 'MLI',
+    children: [
+      {
+        label: '巴马科首都区',
+        value: 'MLI_CD',
+      },
+      {
+        label: '基达尔',
+        value: 'MLI_KD',
+      },
+      {
+        label: '加奥',
+        value: 'MLI_GA',
+      },
+      {
+        label: '卡伊',
+        value: 'MLI_KY',
+      },
+      {
+        label: '库利科罗',
+        value: 'MLI_KL',
+      },
+      {
+        label: '莫普提',
+        value: 'MLI_MP',
+      },
+      {
+        label: '塞古',
+        value: 'MLI_SG',
+      },
+      {
+        label: '通布图',
+        value: 'MLI_TB',
+      },
+      {
+        label: '锡卡索',
+        value: 'MLI_SK',
+      },
+    ],
+  },
+  {
+    label: '马耳他',
+    value: 'MLT',
+  },
+  {
+    label: '北马里亚纳群岛',
+    value: 'MNP',
+  },
+  {
+    label: '摩纳哥',
+    value: 'MON',
+  },
+  {
+    label: '莫桑比克',
+    value: 'MOZ',
+  },
+  {
+    label: '毛里求斯',
+    value: 'MRI',
+  },
+  {
+    label: '蒙特塞拉特',
+    value: 'MSR',
+  },
+  {
+    label: '毛里塔尼亚',
+    value: 'MTN',
+  },
+  {
+    label: '马提尼克',
+    value: 'MTQ',
+  },
+  {
+    label: '缅甸',
+    value: 'MYA',
+  },
+  {
+    label: '马约特岛',
+    value: 'MYT',
+  },
+  {
+    label: '纳米比亚',
+    value: 'NAM',
+    children: [
+      {
+        label: '埃龙戈',
+        value: 'NAM_ER',
+      },
+      {
+        label: '奥汉圭纳',
+        value: 'NAM_OW',
+      },
+      {
+        label: '奥卡万戈',
+        value: 'NAM_KV',
+      },
+      {
+        label: '奥马赫科',
+        value: 'NAM_OK',
+      },
+      {
+        label: '奥姆沙蒂',
+        value: 'NAM_OT',
+      },
+      {
+        label: '奥乔宗蒂约巴',
+        value: 'NAM_OJ',
+      },
+      {
+        label: '奥沙纳',
+        value: 'NAM_ON',
+      },
+      {
+        label: '奥希科托',
+        value: 'NAM_OO',
+      },
+      {
+        label: '哈达普',
+        value: 'NAM_HA',
+      },
+      {
+        label: '霍马斯',
+        value: 'NAM_KH',
+      },
+      {
+        label: '卡拉斯',
+        value: 'NAM_KR',
+      },
+      {
+        label: '卡普里维',
+        value: 'NAM_CA',
+      },
+      {
+        label: '库内内',
+        value: 'NAM_KU',
+      },
+    ],
+  },
+  {
+    label: '尼加拉瓜',
+    value: 'NCA',
+  },
+  {
+    label: '新喀里多尼亚',
+    value: 'NCL',
+  },
+  {
+    label: '荷兰',
+    value: 'NED',
+  },
+  {
+    label: '尼泊尔',
+    value: 'NEP',
+  },
+  {
+    label: '诺福克',
+    value: 'NFK',
+  },
+  {
+    label: '尼日利亚',
+    value: 'NGR',
+  },
+  {
+    label: '尼日尔',
+    value: 'NIG',
+  },
+  {
+    label: '纽埃',
+    value: 'NIU',
+  },
+  {
+    label: '挪威',
+    value: 'NOR',
+    children: [
+      {
+        label: '东福尔',
+        value: 'NOR_1',
+      },
+      {
+        label: '阿克什胡斯',
+        value: 'NOR_2',
+      },
+      {
+        label: '奥斯陆市',
+        value: 'NOR_3',
+      },
+      {
+        label: '海德马克',
+        value: 'NOR_4',
+      },
+      {
+        label: '奥普兰',
+        value: 'NOR_5',
+      },
+      {
+        label: '布斯克吕',
+        value: 'NOR_6',
+      },
+      {
+        label: '西福尔',
+        value: 'NOR_7',
+      },
+      {
+        label: '泰勒马克',
+        value: 'NOR_8',
+      },
+      {
+        label: '东阿格德尔',
+        value: 'NOR_9',
+      },
+      {
+        label: '西阿格德尔',
+        value: 'NOR_10',
+      },
+      {
+        label: '罗加兰',
+        value: 'NOR_11',
+      },
+      {
+        label: '霍达兰',
+        value: 'NOR_12',
+      },
+      {
+        label: '松恩－菲尤拉讷',
+        value: 'NOR_14',
+      },
+      {
+        label: '默勒－鲁姆斯达尔',
+        value: 'NOR_15',
+      },
+      {
+        label: '南特伦德拉格',
+        value: 'NOR_16',
+      },
+      {
+        label: '北特伦德拉格',
+        value: 'NOR_17',
+      },
+      {
+        label: '诺尔兰',
+        value: 'NOR_18',
+      },
+      {
+        label: '特罗姆斯',
+        value: 'NOR_19',
+      },
+      {
+        label: '芬马克',
+        value: 'NOR_20',
+      },
+    ],
+  },
+  {
+    label: '瑙鲁',
+    value: 'NRU',
+  },
+  {
+    label: '新西兰',
+    value: 'NZL',
+    children: [
+      {
+        label: '奥克兰',
+        value: 'NZL_AUK',
+      },
+      {
+        label: '北岸',
+        value: 'NZL_NSH',
+      },
+      {
+        label: '北帕默斯顿',
+        value: 'NZL_PMR',
+      },
+      {
+        label: '北远',
+        value: 'NZL_FNR',
+      },
+      {
+        label: '布莱尼姆',
+        value: 'NZL_BHE',
+      },
+      {
+        label: '达尼丁',
+        value: 'NZL_DUD',
+      },
+      {
+        label: '格雷茅斯',
+        value: 'NZL_GMN',
+      },
+      {
+        label: '哈密尔顿',
+        value: 'NZL_HLZ',
+      },
+      {
+        label: '黑斯廷斯',
+        value: 'NZL_HAS',
+      },
+      {
+        label: '怀塔科拉',
+        value: 'NZL_WAE',
+      },
+      {
+        label: '吉斯伯恩',
+        value: 'NZL_GIS',
+      },
+      {
+        label: '凯帕拉',
+        value: 'NZL_KAI',
+      },
+      {
+        label: '克赖斯特彻奇',
+        value: 'NZL_CHC',
+      },
+      {
+        label: '里士满',
+        value: 'NZL_RMD',
+      },
+      {
+        label: '马努考',
+        value: 'NZL_MNK',
+      },
+      {
+        label: '纳尔逊',
+        value: 'NZL_NSN',
+      },
+      {
+        label: '内皮尔',
+        value: 'NZL_NPE',
+      },
+      {
+        label: '斯特拉特福德',
+        value: 'NZL_STR',
+      },
+      {
+        label: '陶马鲁努伊',
+        value: 'NZL_TAU',
+      },
+      {
+        label: '瓦卡塔尼',
+        value: 'NZL_WHK',
+      },
+      {
+        label: '旺阿雷',
+        value: 'NZL_WRE',
+      },
+      {
+        label: '旺格努伊',
+        value: 'NZL_WAG',
+      },
+      {
+        label: '新普利茅斯',
+        value: 'NZL_NPL',
+      },
+      {
+        label: '因弗卡吉尔',
+        value: 'NZL_IVC',
+      },
+    ],
+  },
+  {
+    label: '阿曼',
+    value: 'OMA',
+  },
+  {
+    label: '巴基斯坦',
+    value: 'PAK',
+    children: [
+      {
+        label: '白沙瓦',
+        value: 'PAK_PEW',
+      },
+      {
+        label: '费萨拉巴德',
+        value: 'PAK_LYP',
+      },
+      {
+        label: '故吉软瓦拉',
+        value: 'PAK_GUJ',
+      },
+      {
+        label: '海德拉巴',
+        value: 'PAK_HDD',
+      },
+      {
+        label: '卡拉奇',
+        value: 'PAK_KCT',
+      },
+      {
+        label: '拉合尔',
+        value: 'PAK_LHE',
+      },
+      {
+        label: '拉瓦尔品第',
+        value: 'PAK_RWP',
+      },
+      {
+        label: '木尔坦',
+        value: 'PAK_MUX',
+      },
+      {
+        label: '伊斯兰堡',
+        value: 'PAK_ISB',
+      },
+    ],
+  },
+  {
+    label: '巴拿马',
+    value: 'PAN',
+  },
+  {
+    label: '巴拉圭',
+    value: 'PAR',
+  },
+  {
+    label: '皮特凯恩',
+    value: 'PCN',
+  },
+  {
+    label: '菲律宾',
+    value: 'PHI',
+  },
+  {
+    label: '巴勒斯坦',
+    value: 'PLE',
+  },
+  {
+    label: '帕劳群岛',
+    value: 'PLW',
+  },
+  {
+    label: '巴布亚新几内亚',
+    value: 'PNG',
+    children: [
+      {
+        label: '北部',
+        value: 'PNG_NO',
+      },
+      {
+        label: '布干维尔',
+        value: 'PNG_BV',
+      },
+      {
+        label: '东部高地',
+        value: 'PNG_EH',
+      },
+      {
+        label: '东塞皮克',
+        value: 'PNG_ES',
+      },
+      {
+        label: '东新不列颠',
+        value: 'PNG_EB',
+      },
+      {
+        label: '恩加',
+        value: 'PNG_EN',
+      },
+      {
+        label: '海湾',
+        value: 'PNG_GU',
+      },
+      {
+        label: '马当',
+        value: 'PNG_MD',
+      },
+      {
+        label: '马努斯',
+        value: 'PNG_MN',
+      },
+      {
+        label: '米尔恩湾',
+        value: 'PNG_MB',
+      },
+      {
+        label: '莫尔兹比港',
+        value: 'PNG_NC',
+      },
+      {
+        label: '莫罗贝',
+        value: 'PNG_MR',
+      },
+      {
+        label: '南部高地',
+        value: 'PNG_SH',
+      },
+      {
+        label: '钦布',
+        value: 'PNG_SI',
+      },
+      {
+        label: '桑道恩',
+        value: 'PNG_SA',
+      },
+      {
+        label: '西部',
+        value: 'PNG_WE',
+      },
+      {
+        label: '西部高地',
+        value: 'PNG_WH',
+      },
+      {
+        label: '西新不列颠',
+        value: 'PNG_WB',
+      },
+      {
+        label: '新爱尔兰',
+        value: 'PNG_NI',
+      },
+    ],
+  },
+  {
+    label: '波兰',
+    value: 'POL',
+    children: [
+      {
+        label: '埃尔布隆格',
+        value: 'POL_ELB',
+      },
+      {
+        label: '奥尔什丁',
+        value: 'POL_OLS',
+      },
+      {
+        label: '奥斯特罗文卡',
+        value: 'POL_OSS',
+      },
+      {
+        label: '比得哥什',
+        value: 'POL_BZG',
+      },
+      {
+        label: '彼得库夫',
+        value: 'POL_PIO',
+      },
+      {
+        label: '比托姆',
+        value: 'POL_BYT',
+      },
+      {
+        label: '比亚瓦波德拉斯卡',
+        value: 'POL_BAP',
+      },
+      {
+        label: '比亚维斯托克',
+        value: 'POL_BIA',
+      },
+      {
+        label: '波莱',
+        value: 'POL_OPO',
+      },
+      {
+        label: '波兹南',
+        value: 'POL_POZ',
+      },
+      {
+        label: '达布罗瓦戈尼察',
+        value: 'POL_DAB',
+      },
+      {
+        label: '大波兰地区戈茹夫',
+        value: 'POL_GOW',
+      },
+      {
+        label: '弗罗茨瓦夫',
+        value: 'POL_WRO',
+      },
+      {
+        label: '弗沃茨瓦韦克',
+        value: 'POL_WLO',
+      },
+      {
+        label: '格但斯克',
+        value: 'POL_GDN',
+      },
+      {
+        label: '格丁尼亚',
+        value: 'POL_GDY',
+      },
+      {
+        label: '格利维采',
+        value: 'POL_GWC',
+      },
+      {
+        label: '格鲁琼兹',
+        value: 'POL_GRU',
+      },
+      {
+        label: '海乌姆',
+        value: 'POL_CHO',
+      },
+      {
+        label: '华沙',
+        value: 'POL_WAW',
+      },
+      {
+        label: '霍茹夫',
+        value: 'POL_CHZ',
+      },
+      {
+        label: '卡利什',
+        value: 'POL_KAL',
+      },
+      {
+        label: '卡托维兹',
+        value: 'POL_KTW',
+      },
+      {
+        label: '凯尔采',
+        value: 'POL_KLC',
+      },
+      {
+        label: '科宁',
+        value: 'POL_KON',
+      },
+      {
+        label: '科沙林',
+        value: 'POL_OSZ',
+      },
+      {
+        label: '克拉科夫',
+        value: 'POL_KRK',
+      },
+      {
+        label: '克罗斯诺',
+        value: 'POL_KRO',
+      },
+      {
+        label: '拉多姆',
+        value: 'POL_RDM',
+      },
+      {
+        label: '莱格尼察',
+        value: 'POL_LEG',
+      },
+      {
+        label: '莱什诺',
+        value: 'POL_LEZ',
+      },
+      {
+        label: '卢布林',
+        value: 'POL_LUL',
+      },
+      {
+        label: '鲁达',
+        value: 'POL_RDS',
+      },
+      {
+        label: '罗兹',
+        value: 'POL_LOD',
+      },
+      {
+        label: '绿山城',
+        value: 'POL_IEG',
+      },
+      {
+        label: '米什洛维采',
+        value: 'POL_MYL',
+      },
+      {
+        label: '皮瓦',
+        value: 'POL_PIL',
+      },
+      {
+        label: '普热梅希尔',
+        value: 'POL_PRZ',
+      },
+      {
+        label: '普沃茨克',
+        value: 'POL_PLO',
+      },
+      {
+        label: '切哈努夫',
+        value: 'POL_CIE',
+      },
+      {
+        label: '热舒夫',
+        value: 'POL_RZE',
+      },
+      {
+        label: '什切青',
+        value: 'POL_SZZ',
+      },
+      {
+        label: '斯凯尔涅维采',
+        value: 'POL_SKI',
+      },
+      {
+        label: '斯武普斯克',
+        value: 'POL_SLP',
+      },
+      {
+        label: '苏瓦乌基',
+        value: 'POL_SWL',
+      },
+      {
+        label: '索波特',
+        value: 'POL_SOP',
+      },
+      {
+        label: '索斯诺维茨',
+        value: 'POL_SWC',
+      },
+      {
+        label: '塔尔努夫',
+        value: 'POL_TAR',
+      },
+      {
+        label: '塔尔诺布热格',
+        value: 'POL_QEP',
+      },
+      {
+        label: '特切',
+        value: 'POL_TYY',
+      },
+      {
+        label: '托伦',
+        value: 'POL_TOR',
+      },
+      {
+        label: '瓦乌布日赫',
+        value: 'POL_WZH',
+      },
+      {
+        label: '沃姆扎',
+        value: 'POL_QOY',
+      },
+      {
+        label: '希米亚诺维采',
+        value: 'POL_SOW',
+      },
+      {
+        label: '希维诺乌伊希切',
+        value: 'POL_SWI',
+      },
+      {
+        label: '希维托赫洛维采',
+        value: 'POL_SWT',
+      },
+      {
+        label: '谢德尔采',
+        value: 'POL_SDC',
+      },
+      {
+        label: '谢拉兹',
+        value: 'POL_SIR',
+      },
+      {
+        label: '新松奇',
+        value: 'POL_NOW',
+      },
+      {
+        label: '雅沃兹诺',
+        value: 'POL_JAW',
+      },
+      {
+        label: '耶莱尼亚古拉',
+        value: 'POL_JEG',
+      },
+      {
+        label: '扎布热',
+        value: 'POL_ZAB',
+      },
+      {
+        label: '扎莫希奇',
+        value: 'POL_ZAM',
+      },
+    ],
+  },
+  {
+    label: '葡萄牙',
+    value: 'POR',
+  },
+  {
+    label: '朝鲜',
+    value: 'PRK',
+    children: [
+      {
+        label: '海州',
+        value: 'PRK_HAE',
+      },
+      {
+        label: '惠山',
+        value: 'PRK_HYE',
+      },
+      {
+        label: '江界',
+        value: 'PRK_KAN',
+      },
+      {
+        label: '开城',
+        value: 'PRK_KSN',
+      },
+      {
+        label: '罗先',
+        value: 'PRK_NAS',
+      },
+      {
+        label: '南浦',
+        value: 'PRK_NAM',
+      },
+      {
+        label: '平壤',
+        value: 'PRK_FNJ',
+      },
+      {
+        label: '清津',
+        value: 'PRK_CHO',
+      },
+      {
+        label: '沙里院',
+        value: 'PRK_SAR',
+      },
+      {
+        label: '咸兴',
+        value: 'PRK_HAM',
+      },
+      {
+        label: '新义州',
+        value: 'PRK_SII',
+      },
+      {
+        label: '元山',
+        value: 'PRK_WON',
+      },
+    ],
+  },
+  {
+    label: '波多黎各',
+    value: 'PUR',
+  },
+  {
+    label: '法属波利尼西亚',
+    value: 'PYF',
+  },
+  {
+    label: '卡塔尔',
+    value: 'QAT',
+    children: [
+      {
+        label: '北部',
+        value: 'QAT_MS',
+      },
+      {
+        label: '多哈',
+        value: 'QAT_DW',
+      },
+      {
+        label: '古韦里耶',
+        value: 'QAT_GW',
+      },
+      {
+        label: '豪尔',
+        value: 'QAT_KR',
+      },
+      {
+        label: '杰里扬拜特奈',
+        value: 'QAT_JB',
+      },
+      {
+        label: '赖扬',
+        value: 'QAT_RN',
+      },
+      {
+        label: '沃克拉',
+        value: 'QAT_WK',
+      },
+      {
+        label: '乌姆锡拉勒',
+        value: 'QAT_UL',
+      },
+      {
+        label: '朱迈利耶',
+        value: 'QAT_JM',
+      },
+    ],
+  },
+  {
+    label: '留尼旺岛',
+    value: 'REU',
+  },
+  {
+    label: '马绍尔群岛',
+    value: 'RMI',
+  },
+  {
+    label: '罗马尼亚',
+    value: 'ROM',
+  },
+  {
+    label: '南非',
+    value: 'RSA',
+  },
+  {
+    label: '俄罗斯',
+    value: 'RUS',
+    children: [
+      {
+        label: '阿巴坎',
+        value: 'RUS_ABA',
+      },
+      {
+        label: '阿尔汉格尔斯克',
+        value: 'RUS_ARK',
+      },
+      {
+        label: '阿金斯科耶',
+        value: 'RUS_AGI',
+      },
+      {
+        label: '阿纳德尔',
+        value: 'RUS_DYR',
+      },
+      {
+        label: '阿斯特拉罕',
+        value: 'RUS_AST',
+      },
+      {
+        label: '埃利斯塔',
+        value: 'RUS_ESL',
+      },
+      {
+        label: '奥廖尔',
+        value: 'RUS_ORL',
+      },
+      {
+        label: '奥伦堡',
+        value: 'RUS_ORE',
+      },
+      {
+        label: '巴尔瑙尔',
+        value: 'RUS_BAX',
+      },
+      {
+        label: '奔萨',
+        value: 'RUS_PNZ',
+      },
+      {
+        label: '彼得罗巴甫洛夫斯克',
+        value: 'RUS_PKC',
+      },
+      {
+        label: '彼得罗扎沃茨克',
+        value: 'RUS_PES',
+      },
+      {
+        label: '比罗比詹',
+        value: 'RUS_BBZ',
+      },
+      {
+        label: '别尔哥罗德',
+        value: 'RUS_BEL',
+      },
+      {
+        label: '伯力',
+        value: 'RUS_COK',
+      },
+      {
+        label: '布拉戈维申斯克',
+        value: 'RUS_BQS',
+      },
+      {
+        label: '布良斯克',
+        value: 'RUS_BRY',
+      },
+      {
+        label: '赤塔',
+        value: 'RUS_CHI',
+      },
+      {
+        label: '顿河畔罗斯托夫',
+        value: 'RUS_ROS',
+      },
+      {
+        label: '鄂木斯克',
+        value: 'RUS_OMS',
+      },
+      {
+        label: '伏尔加格勒',
+        value: 'RUS_VOG',
+      },
+      {
+        label: '弗拉基米尔',
+        value: 'RUS_VMR',
+      },
+      {
+        label: '弗拉季高加索',
+        value: 'RUS_VLA',
+      },
+      {
+        label: '戈尔诺－阿尔泰斯克',
+        value: 'RUS_GOA',
+      },
+      {
+        label: '格罗兹尼',
+        value: 'RUS_GRV',
+      },
+      {
+        label: '海参崴',
+        value: 'RUS_VVO',
+      },
+      {
+        label: '汉特－曼西斯克',
+        value: 'RUS_KHM',
+      },
+      {
+        label: '基洛夫',
+        value: 'RUS_KIR',
+      },
+      {
+        label: '加里宁格勒',
+        value: 'RUS_KGD',
+      },
+      {
+        label: '喀山',
+        value: 'RUS_KZN',
+      },
+      {
+        label: '卡卢加',
+        value: 'RUS_KLF',
+      },
+      {
+        label: '科斯特罗马',
+        value: 'RUS_KOS',
+      },
+      {
+        label: '克拉斯诺达尔',
+        value: 'RUS_KRR',
+      },
+      {
+        label: '克拉斯诺亚尔斯克',
+        value: 'RUS_KYA',
+      },
+      {
+        label: '克麦罗沃',
+        value: 'RUS_KEM',
+      },
+      {
+        label: '克孜勒',
+        value: 'RUS_KYZ',
+      },
+      {
+        label: '库德姆卡尔',
+        value: 'RUS_KUD',
+      },
+      {
+        label: '库尔干',
+        value: 'RUS_KRO',
+      },
+      {
+        label: '库尔斯克',
+        value: 'RUS_URS',
+      },
+      {
+        label: '利佩茨克',
+        value: 'RUS_LIP',
+      },
+      {
+        label: '梁赞',
+        value: 'RUS_RYA',
+      },
+      {
+        label: '马哈奇卡拉',
+        value: 'RUS_MCX',
+      },
+      {
+        label: '马加丹',
+        value: 'RUS_MAG',
+      },
+      {
+        label: '马加斯',
+        value: 'RUS_IN',
+      },
+      {
+        label: '迈科普',
+        value: 'RUS_MAY',
+      },
+      {
+        label: '摩尔曼斯克',
+        value: 'RUS_MMK',
+      },
+      {
+        label: '莫斯科',
+        value: 'RUS_MOW',
+      },
+      {
+        label: '纳尔奇克',
+        value: 'RUS_NAL',
+      },
+      {
+        label: '纳里扬马尔',
+        value: 'RUS_NNM',
+      },
+      {
+        label: '南萨哈林斯克',
+        value: 'RUS_JSA',
+      },
+      {
+        label: '诺夫哥罗德',
+        value: 'RUS_VUS',
+      },
+      {
+        label: '帕拉纳',
+        value: 'RUS_PAL',
+      },
+      {
+        label: '普斯科夫',
+        value: 'RUS_PSK',
+      },
+      {
+        label: '切博克萨雷',
+        value: 'RUS_CSY',
+      },
+      {
+        label: '切尔克斯克',
+        value: 'RUS_CKS',
+      },
+      {
+        label: '秋明',
+        value: 'RUS_TYU',
+      },
+      {
+        label: '萨拉托夫',
+        value: 'RUS_SAR',
+      },
+      {
+        label: '萨兰斯克',
+        value: 'RUS_SKX',
+      },
+      {
+        label: '萨列哈尔德',
+        value: 'RUS_SLY',
+      },
+      {
+        label: '萨马拉',
+        value: 'RUS_SAM',
+      },
+      {
+        label: '瑟克特夫卡尔',
+        value: 'RUS_SCW',
+      },
+      {
+        label: '圣彼得堡',
+        value: 'RUS_SPE',
+      },
+      {
+        label: '斯摩棱斯克',
+        value: 'RUS_LNX',
+      },
+      {
+        label: '斯塔夫罗波尔',
+        value: 'RUS_STA',
+      },
+      {
+        label: '坦波夫',
+        value: 'RUS_TAM',
+      },
+      {
+        label: '特维尔',
+        value: 'RUS_TVE',
+      },
+      {
+        label: '图拉',
+        value: 'RUS_TUL',
+      },
+      {
+        label: '托木斯克',
+        value: 'RUS_TOM',
+      },
+      {
+        label: '沃罗涅什',
+        value: 'RUS_VOR',
+      },
+      {
+        label: '沃洛格达',
+        value: 'RUS_VLG',
+      },
+      {
+        label: '乌法',
+        value: 'RUS_UFA',
+      },
+      {
+        label: '乌兰乌德',
+        value: 'RUS_UUD',
+      },
+      {
+        label: '乌里扬诺夫斯克',
+        value: 'RUS_ULY',
+      },
+      {
+        label: '乌斯季奥尔登斯基',
+        value: 'RUS_UOB',
+      },
+      {
+        label: '下诺夫哥罗德',
+        value: 'RUS_GOJ',
+      },
+      {
+        label: '新西伯利亚',
+        value: 'RUS_NVS',
+      },
+      {
+        label: '雅库茨克',
+        value: 'RUS_JAK',
+      },
+      {
+        label: '雅罗斯拉夫尔',
+        value: 'RUS_JAR',
+      },
+      {
+        label: '叶卡捷林堡',
+        value: 'RUS_JEK',
+      },
+      {
+        label: '伊尔库茨克',
+        value: 'RUS_IKT',
+      },
+      {
+        label: '伊热夫斯克',
+        value: 'RUS_IJK',
+      },
+      {
+        label: '伊万诺沃',
+        value: 'RUS_IVO',
+      },
+      {
+        label: '约什卡尔奥拉',
+        value: 'RUS_YOL',
+      },
+    ],
+  },
+  {
+    label: '卢旺达',
+    value: 'RWA',
+    children: [
+      {
+        label: '比温巴',
+        value: 'RWA_BY',
+      },
+      {
+        label: '布塔雷',
+        value: 'RWA_BU',
+      },
+      {
+        label: '恩延扎',
+        value: 'RWA_NY',
+      },
+      {
+        label: '基本古',
+        value: 'RWA_KG',
+      },
+      {
+        label: '基布耶',
+        value: 'RWA_KY',
+      },
+      {
+        label: '基加利-恩加利',
+        value: 'RWA_KR',
+      },
+      {
+        label: '基加利市',
+        value: 'RWA_KV',
+      },
+      {
+        label: '吉孔戈罗',
+        value: 'RWA_GK',
+      },
+      {
+        label: '吉塞尼',
+        value: 'RWA_GS',
+      },
+      {
+        label: '吉塔拉马',
+        value: 'RWA_GT',
+      },
+      {
+        label: '卡布加',
+        value: 'RWA_KA',
+      },
+      {
+        label: '卢瓦马加纳',
+        value: 'RWA_RW',
+      },
+      {
+        label: '鲁汉戈',
+        value: 'RWA_RH',
+      },
+      {
+        label: '鲁亨盖里',
+        value: 'RWA_RU',
+      },
+      {
+        label: '尚古古',
+        value: 'RWA_CY',
+      },
+      {
+        label: '乌姆塔拉',
+        value: 'RWA_UM',
+      },
+    ],
+  },
+  {
+    label: '萨摩亚',
+    value: 'SAM',
+  },
+  {
+    label: '塞尔维亚和黑山',
+    value: 'SCG',
+    children: [
+      {
+        label: '贝尔格莱德',
+        value: 'SCG_BEG',
+      },
+      {
+        label: '波德戈里察',
+        value: 'SCG_POD',
+      },
+      {
+        label: '克拉古涅瓦茨',
+        value: 'SCG_KGV',
+      },
+      {
+        label: '尼什',
+        value: 'SCG_INI',
+      },
+      {
+        label: '诺维萨德',
+        value: 'SCG_NVS',
+      },
+      {
+        label: '普里什蒂纳',
+        value: 'SCG_PRN',
+      },
+      {
+        label: '苏博蒂察',
+        value: 'SCG_SUB',
+      },
+      {
+        label: '泽蒙',
+        value: 'SCG_ZEM',
+      },
+    ],
+  },
+  {
+    label: '塞内加尔',
+    value: 'SEN',
+    children: [
+      {
+        label: '达喀尔',
+        value: 'SEN_DA',
+      },
+      {
+        label: '法蒂克',
+        value: 'SEN_FA',
+      },
+      {
+        label: '济金绍尔',
+        value: 'SEN_ZI',
+      },
+      {
+        label: '捷斯',
+        value: 'SEN_TH',
+      },
+      {
+        label: '久尔贝勒',
+        value: 'SEN_DI',
+      },
+      {
+        label: '考拉克',
+        value: 'SEN_KA',
+      },
+      {
+        label: '科尔达',
+        value: 'SEN_KO',
+      },
+      {
+        label: '卢加',
+        value: 'SEN_LO',
+      },
+      {
+        label: '马塔姆',
+        value: 'SEN_MA',
+      },
+      {
+        label: '圣路易',
+        value: 'SEN_SL',
+      },
+      {
+        label: '坦巴昆达',
+        value: 'SEN_TA',
+      },
+    ],
+  },
+  {
+    label: '塞舌尔',
+    value: 'SEY',
+  },
+  {
+    label: '新加坡',
+    value: 'SGP',
+  },
+  {
+    label: '南乔治亚和南桑德威奇群岛',
+    value: 'SGS',
+  },
+  {
+    label: '圣赫勒拿',
+    value: 'SHN',
+  },
+  {
+    label: '斯瓦尔巴和扬马廷',
+    value: 'SJM',
+  },
+  {
+    label: '圣基茨和尼维斯',
+    value: 'SKN',
+  },
+  {
+    label: '塞拉利昂',
+    value: 'SLE',
+    children: [
+      {
+        label: '北部',
+        value: 'SLE_N',
+      },
+      {
+        label: '东部',
+        value: 'SLE_E',
+      },
+      {
+        label: '南部',
+        value: 'SLE_S',
+      },
+      {
+        label: '西部区',
+        value: 'SLE_W',
+      },
+    ],
+  },
+  {
+    label: '斯洛文尼亚',
+    value: 'SLO',
+  },
+  {
+    label: '圣马力诺',
+    value: 'SMR',
+  },
+  {
+    label: '所罗门群岛',
+    value: 'SOL',
+  },
+  {
+    label: '索马里',
+    value: 'SOM',
+  },
+  {
+    label: '圣皮埃尔和米克隆群岛',
+    value: 'SPM',
+  },
+  {
+    label: '塞尔维亚',
+    value: 'SRB',
+  },
+  {
+    label: '斯里兰卡',
+    value: 'SRI',
+  },
+  {
+    label: '圣多美和普林西比',
+    value: 'STP',
+  },
+  {
+    label: '苏丹',
+    value: 'SUD',
+  },
+  {
+    label: '瑞士',
+    value: 'SUI',
+  },
+  {
+    label: '苏里南',
+    value: 'SUR',
+    children: [
+      {
+        label: '布罗科蓬多',
+        value: 'SUR_BR',
+      },
+      {
+        label: '科罗尼',
+        value: 'SUR_CR',
+      },
+      {
+        label: '科默韦讷',
+        value: 'SUR_CM',
+      },
+      {
+        label: '马罗韦讷',
+        value: 'SUR_MA',
+      },
+      {
+        label: '尼克里',
+        value: 'SUR_NI',
+      },
+      {
+        label: '帕拉',
+        value: 'SUR_PA',
+      },
+      {
+        label: '帕拉马里博',
+        value: 'SUR_PM',
+      },
+      {
+        label: '萨拉马卡',
+        value: 'SUR_SA',
+      },
+      {
+        label: '瓦尼卡',
+        value: 'SUR_WA',
+      },
+      {
+        label: '西帕里韦尼',
+        value: 'SUR_SI',
+      },
+    ],
+  },
+  {
+    label: '斯洛伐克',
+    value: 'SVK',
+    children: [
+      {
+        label: '班斯卡-比斯特里察',
+        value: 'SVK_BBY',
+      },
+      {
+        label: '布拉迪斯拉发',
+        value: 'SVK_BTS',
+      },
+      {
+        label: '科希策',
+        value: 'SVK_KOR',
+      },
+      {
+        label: '尼特拉',
+        value: 'SVK_NRA',
+      },
+      {
+        label: '普雷绍夫',
+        value: 'SVK_POV',
+      },
+      {
+        label: '日利纳',
+        value: 'SVK_RIL',
+      },
+      {
+        label: '特尔纳瓦',
+        value: 'SVK_TNA',
+      },
+      {
+        label: '特伦钦',
+        value: 'SVK_TRE',
+      },
+    ],
+  },
+  {
+    label: '瑞典',
+    value: 'SWE',
+    children: [
+      {
+        label: '北博滕',
+        value: 'SWE_BD',
+      },
+      {
+        label: '布莱金厄',
+        value: 'SWE_K',
+      },
+      {
+        label: '达拉纳',
+        value: 'SWE_DLN',
+      },
+      {
+        label: '东约特兰',
+        value: 'SWE_UGL',
+      },
+      {
+        label: '厄勒布鲁',
+        value: 'SWE_T',
+      },
+      {
+        label: '哥得兰',
+        value: 'SWE_I',
+      },
+      {
+        label: '哈兰',
+        value: 'SWE_N',
+      },
+      {
+        label: '卡尔马',
+        value: 'SWE_H',
+      },
+      {
+        label: '克鲁努贝里',
+        value: 'SWE_G',
+      },
+      {
+        label: '南曼兰',
+        value: 'SWE_D',
+      },
+      {
+        label: '斯德哥尔摩',
+        value: 'SWE_AB',
+      },
+      {
+        label: '斯科耐',
+        value: 'SWE_M',
+      },
+      {
+        label: '韦姆兰',
+        value: 'SWE_S',
+      },
+      {
+        label: '乌普萨拉',
+        value: 'SWE_C',
+      },
+      {
+        label: '西博滕',
+        value: 'SWE_AC',
+      },
+      {
+        label: '西曼兰',
+        value: 'SWE_U',
+      },
+      {
+        label: '西诺尔兰',
+        value: 'SWE_Y',
+      },
+      {
+        label: '西约特兰',
+        value: 'SWE_O',
+      },
+      {
+        label: '延雪平',
+        value: 'SWE_F',
+      },
+      {
+        label: '耶夫勒堡',
+        value: 'SWE_X',
+      },
+      {
+        label: '耶姆特兰',
+        value: 'SWE_Z',
+      },
+    ],
+  },
+  {
+    label: '斯威士兰',
+    value: 'SWZ',
+  },
+  {
+    label: '叙利亚',
+    value: 'SYR',
+    children: [
+      {
+        label: '阿勒颇',
+        value: 'SYR_HL',
+      },
+      {
+        label: '大马士革',
+        value: 'SYR_RD',
+      },
+      {
+        label: '大马士革市',
+        value: 'SYR_DI',
+      },
+      {
+        label: '代尔祖尔',
+        value: 'SYR_DZ',
+      },
+      {
+        label: '德拉',
+        value: 'SYR_DA',
+      },
+      {
+        label: '哈马',
+        value: 'SYR_HM',
+      },
+      {
+        label: '哈塞克',
+        value: 'SYR_HA',
+      },
+      {
+        label: '霍姆斯',
+        value: 'SYR_HI',
+      },
+      {
+        label: '加布',
+        value: 'SYR_GH',
+      },
+      {
+        label: '卡米什利',
+        value: 'SYR_QA',
+      },
+      {
+        label: '库奈特拉',
+        value: 'SYR_QU',
+      },
+      {
+        label: '拉卡',
+        value: 'SYR_RQ',
+      },
+      {
+        label: '拉塔基亚',
+        value: 'SYR_LA',
+      },
+      {
+        label: '苏韦达',
+        value: 'SYR_SU',
+      },
+      {
+        label: '塔尔图斯',
+        value: 'SYR_TA',
+      },
+      {
+        label: '伊德利卜',
+        value: 'SYR_ID',
+      },
+    ],
+  },
+  {
+    label: '特里斯坦达昆哈',
+    value: 'TAA',
+  },
+  {
+    label: '坦桑尼亚',
+    value: 'TAN',
+  },
+  {
+    label: '特克斯和凯克特斯群岛',
+    value: 'TCA',
+  },
+  {
+    label: '汤加',
+    value: 'TGA',
+  },
+  {
+    label: '泰国',
+    value: 'THA',
+    children: [
+      {
+        label: '曼谷',
+        value: 'THA_10',
+      },
+      {
+        label: '北揽',
+        value: 'THA_11',
+      },
+      {
+        label: '暖武里',
+        value: 'THA_12',
+      },
+      {
+        label: '巴吞他尼',
+        value: 'THA_13',
+      },
+      {
+        label: '大城',
+        value: 'THA_14',
+      },
+      {
+        label: '红统',
+        value: 'THA_15',
+      },
+      {
+        label: '华富里',
+        value: 'THA_16',
+      },
+      {
+        label: '信武里',
+        value: 'THA_17',
+      },
+      {
+        label: '猜那',
+        value: 'THA_18',
+      },
+      {
+        label: '北标',
+        value: 'THA_19',
+      },
+      {
+        label: '春武里',
+        value: 'THA_20',
+      },
+      {
+        label: '拉农',
+        value: 'THA_21',
+      },
+      {
+        label: '尖竹汶',
+        value: 'THA_22',
+      },
+      {
+        label: '达叻',
+        value: 'THA_23',
+      },
+      {
+        label: '北柳',
+        value: 'THA_24',
+      },
+      {
+        label: '巴真',
+        value: 'THA_25',
+      },
+      {
+        label: '那空那育',
+        value: 'THA_26',
+      },
+      {
+        label: '沙缴',
+        value: 'THA_27',
+      },
+      {
+        label: '武里南',
+        value: 'THA_31',
+      },
+      {
+        label: '素林',
+        value: 'THA_32',
+      },
+      {
+        label: '四色菊',
+        value: 'THA_33',
+      },
+      {
+        label: '乌汶',
+        value: 'THA_34',
+      },
+      {
+        label: '耶梭通',
+        value: 'THA_35',
+      },
+      {
+        label: '猜也奔',
+        value: 'THA_36',
+      },
+      {
+        label: '安纳乍能',
+        value: 'THA_37',
+      },
+      {
+        label: '廊莫那浦',
+        value: 'THA_39',
+      },
+      {
+        label: '孔敬',
+        value: 'THA_40',
+      },
+      {
+        label: '乌隆',
+        value: 'THA_41',
+      },
+      {
+        label: '黎',
+        value: 'THA_42',
+      },
+      {
+        label: '廊开',
+        value: 'THA_43',
+      },
+      {
+        label: '玛哈沙拉堪',
+        value: 'THA_44',
+      },
+      {
+        label: '黎逸',
+        value: 'THA_45',
+      },
+      {
+        label: '加拉信',
+        value: 'THA_46',
+      },
+      {
+        label: '色军',
+        value: 'THA_47',
+      },
+      {
+        label: '那空帕农',
+        value: 'THA_48',
+      },
+      {
+        label: '莫达汉',
+        value: 'THA_49',
+      },
+      {
+        label: '清迈',
+        value: 'THA_50',
+      },
+      {
+        label: '南奔',
+        value: 'THA_51',
+      },
+      {
+        label: '程逸',
+        value: 'THA_53',
+      },
+      {
+        label: '帕',
+        value: 'THA_54',
+      },
+      {
+        label: '难',
+        value: 'THA_55',
+      },
+      {
+        label: '帕尧',
+        value: 'THA_56',
+      },
+      {
+        label: '清莱',
+        value: 'THA_57',
+      },
+      {
+        label: '夜丰颂',
+        value: 'THA_58',
+      },
+      {
+        label: '北榄坡',
+        value: 'THA_60',
+      },
+      {
+        label: '乌泰他尼',
+        value: 'THA_61',
+      },
+      {
+        label: '甘烹碧',
+        value: 'THA_62',
+      },
+      {
+        label: '达',
+        value: 'THA_63',
+      },
+      {
+        label: '素可泰',
+        value: 'THA_64',
+      },
+      {
+        label: '彭世洛',
+        value: 'THA_65',
+      },
+      {
+        label: '披集',
+        value: 'THA_66',
+      },
+      {
+        label: '叻丕',
+        value: 'THA_70',
+      },
+      {
+        label: '北碧',
+        value: 'THA_71',
+      },
+      {
+        label: '素攀武里',
+        value: 'THA_72',
+      },
+      {
+        label: '佛统',
+        value: 'THA_73',
+      },
+      {
+        label: '龙仔厝',
+        value: 'THA_74',
+      },
+      {
+        label: '夜功',
+        value: 'THA_75',
+      },
+      {
+        label: '碧差汶',
+        value: 'THA_76',
+      },
+      {
+        label: '巴蜀',
+        value: 'THA_77',
+      },
+      {
+        label: '佛丕',
+        value: 'THA_78',
+      },
+      {
+        label: '洛坤',
+        value: 'THA_80',
+      },
+      {
+        label: '甲米',
+        value: 'THA_81',
+      },
+      {
+        label: '攀牙',
+        value: 'THA_82',
+      },
+      {
+        label: '普吉',
+        value: 'THA_83',
+      },
+      {
+        label: '素叻',
+        value: 'THA_84',
+      },
+      {
+        label: '罗勇',
+        value: 'THA_85',
+      },
+      {
+        label: '春蓬',
+        value: 'THA_86',
+      },
+      {
+        label: '宋卡',
+        value: 'THA_90',
+      },
+      {
+        label: '沙敦',
+        value: 'THA_91',
+      },
+      {
+        label: '董里',
+        value: 'THA_92',
+      },
+      {
+        label: '博达伦',
+        value: 'THA_93',
+      },
+      {
+        label: '北大年',
+        value: 'THA_94',
+      },
+      {
+        label: '也拉',
+        value: 'THA_95',
+      },
+      {
+        label: '陶公',
+        value: 'THA_96',
+      },
+    ],
+  },
+  {
+    label: '塔吉克斯坦',
+    value: 'TJK',
+    children: [
+      {
+        label: '杜尚别',
+        value: 'TJK_DYU',
+      },
+      {
+        label: '霍罗格',
+        value: 'TJK_KHO',
+      },
+      {
+        label: '卡尼巴达姆',
+        value: 'TJK_KAN',
+      },
+      {
+        label: '科法尔尼洪',
+        value: 'TJK_KOF',
+      },
+      {
+        label: '苦盏',
+        value: 'TJK_KHU',
+      },
+      {
+        label: '库尔干-秋别',
+        value: 'TJK_KTJ',
+      },
+      {
+        label: '库洛布',
+        value: 'TJK_KLB',
+      },
+      {
+        label: '洛贡',
+        value: 'TJK_RGU',
+      },
+      {
+        label: '努雷克',
+        value: 'TJK_NUR',
+      },
+      {
+        label: '彭吉肯特',
+        value: 'TJK_PJK',
+      },
+      {
+        label: '萨班特',
+        value: 'TJK_SBA',
+      },
+      {
+        label: '塔博沙尔',
+        value: 'TJK_TBS',
+      },
+      {
+        label: '图尔孙扎德',
+        value: 'TJK_TSZ',
+      },
+      {
+        label: '乌拉秋别',
+        value: 'TJK_UTJ',
+      },
+      {
+        label: '伊斯法拉',
+        value: 'TJK_ISF',
+      },
+    ],
+  },
+  {
+    label: '托克劳',
+    value: 'TKL',
+  },
+  {
+    label: '土库曼斯坦',
+    value: 'TKM',
+    children: [
+      {
+        label: '阿哈尔',
+        value: 'TKM_A',
+      },
+      {
+        label: '阿什哈巴德市',
+        value: 'TKM_ASB',
+      },
+      {
+        label: '巴尔坎',
+        value: 'TKM_B',
+      },
+      {
+        label: '达沙古兹',
+        value: 'TKM_D',
+      },
+      {
+        label: '列巴普',
+        value: 'TKM_L',
+      },
+      {
+        label: '马雷',
+        value: 'TKM_M',
+      },
+      {
+        label: '涅比特达格',
+        value: 'TKM_NEB',
+      },
+    ],
+  },
+  {
+    label: '东帝汶',
+    value: 'TLS',
+    children: [
+      {
+        label: '阿伊莱乌',
+        value: 'TLS_AL',
+      },
+      {
+        label: '阿伊纳罗',
+        value: 'TLS_AN',
+      },
+      {
+        label: '埃尔梅拉',
+        value: 'TLS_ER',
+      },
+      {
+        label: '安贝诺',
+        value: 'TLS_AM',
+      },
+      {
+        label: '包考',
+        value: 'TLS_BA',
+      },
+      {
+        label: '博博纳罗',
+        value: 'TLS_BO',
+      },
+      {
+        label: '帝力',
+        value: 'TLS_DI',
+      },
+      {
+        label: '科瓦利马',
+        value: 'TLS_KO',
+      },
+      {
+        label: '劳滕',
+        value: 'TLS_LA',
+      },
+      {
+        label: '利基卡',
+        value: 'TLS_LI',
+      },
+      {
+        label: '马纳图托',
+        value: 'TLS_MT',
+      },
+      {
+        label: '马努法伊',
+        value: 'TLS_MF',
+      },
+      {
+        label: '维克克',
+        value: 'TLS_VI',
+      },
+    ],
+  },
+  {
+    label: '多哥',
+    value: 'TOG',
+  },
+  {
+    label: '特立尼达和多巴哥',
+    value: 'TRI',
+  },
+  {
+    label: '土耳其',
+    value: 'TUR',
+    children: [
+      {
+        label: '阿达纳',
+        value: 'TUR_ADA',
+      },
+      {
+        label: '阿德亚曼',
+        value: 'TUR_ADI',
+      },
+      {
+        label: '阿尔达罕',
+        value: 'TUR_ARD',
+      },
+      {
+        label: '阿尔特温',
+        value: 'TUR_ART',
+      },
+      {
+        label: '阿菲永',
+        value: 'TUR_AFY',
+      },
+      {
+        label: '阿克萨赖',
+        value: 'TUR_AKS',
+      },
+      {
+        label: '阿勒',
+        value: 'TUR_AGR',
+      },
+      {
+        label: '阿马西亚',
+        value: 'TUR_AMA',
+      },
+      {
+        label: '埃迪尔内',
+        value: 'TUR_EDI',
+      },
+      {
+        label: '埃尔津詹',
+        value: 'TUR_EZC',
+      },
+      {
+        label: '埃尔祖鲁姆',
+        value: 'TUR_EZR',
+      },
+      {
+        label: '埃拉泽',
+        value: 'TUR_ELA',
+      },
+      {
+        label: '埃斯基谢希尔',
+        value: 'TUR_ESK',
+      },
+      {
+        label: '艾登',
+        value: 'TUR_AYI',
+      },
+      {
+        label: '安卡拉',
+        value: 'TUR_ANK',
+      },
+      {
+        label: '安塔利亚',
+        value: 'TUR_ANT',
+      },
+      {
+        label: '奥尔杜',
+        value: 'TUR_ORD',
+      },
+      {
+        label: '巴尔腾',
+        value: 'TUR_BAR',
+      },
+      {
+        label: '巴勒克埃西尔',
+        value: 'TUR_BAL',
+      },
+      {
+        label: '巴特曼',
+        value: 'TUR_BAT',
+      },
+      {
+        label: '巴伊布尔特',
+        value: 'TUR_BAY',
+      },
+      {
+        label: '比莱吉克',
+        value: 'TUR_BIL',
+      },
+      {
+        label: '比特利斯',
+        value: 'TUR_BIT',
+      },
+      {
+        label: '宾格尔',
+        value: 'TUR_BIN',
+      },
+      {
+        label: '博卢',
+        value: 'TUR_BOL',
+      },
+      {
+        label: '布尔杜尔',
+        value: 'TUR_BRD',
+      },
+      {
+        label: '布尔萨',
+        value: 'TUR_BRS',
+      },
+      {
+        label: '昌克勒',
+        value: 'TUR_CKR',
+      },
+      {
+        label: '代尼兹利',
+        value: 'TUR_DEN',
+      },
+      {
+        label: '迪亚巴克尔',
+        value: 'TUR_DIY',
+      },
+      {
+        label: '凡',
+        value: 'TUR_VAN',
+      },
+      {
+        label: '哈卡里',
+        value: 'TUR_HKR',
+      },
+      {
+        label: '哈塔伊',
+        value: 'TUR_HTY',
+      },
+      {
+        label: '基利斯',
+        value: 'TUR_KLS',
+      },
+      {
+        label: '吉雷松',
+        value: 'TUR_GIR',
+      },
+      {
+        label: '加济安泰普',
+        value: 'TUR_GAZ',
+      },
+      {
+        label: '居米什哈内',
+        value: 'TUR_GMS',
+      },
+      {
+        label: '卡尔斯',
+        value: 'TUR_KRS',
+      },
+      {
+        label: '卡赫拉曼马拉什',
+        value: 'TUR_KAH',
+      },
+      {
+        label: '卡拉比克',
+        value: 'TUR_KRB',
+      },
+      {
+        label: '卡拉曼',
+        value: 'TUR_KRM',
+      },
+      {
+        label: '卡斯塔莫努',
+        value: 'TUR_KAS',
+      },
+      {
+        label: '开塞利',
+        value: 'TUR_KAY',
+      },
+      {
+        label: '科贾埃利',
+        value: 'TUR_KOC',
+      },
+      {
+        label: '柯克拉雷利',
+        value: 'TUR_KLR',
+      },
+      {
+        label: '科尼亚',
+        value: 'TUR_KON',
+      },
+      {
+        label: '克尔谢希尔',
+        value: 'TUR_KRH',
+      },
+      {
+        label: '克勒克卡莱',
+        value: 'TUR_KRK',
+      },
+      {
+        label: '拉飞',
+        value: 'TUR_URF',
+      },
+      {
+        label: '里泽',
+        value: 'TUR_RIZ',
+      },
+      {
+        label: '马尔丁',
+        value: 'TUR_MAR',
+      },
+      {
+        label: '马拉蒂亚',
+        value: 'TUR_MAL',
+      },
+      {
+        label: '马尼萨',
+        value: 'TUR_MAN',
+      },
+      {
+        label: '穆拉',
+        value: 'TUR_MUG',
+      },
+      {
+        label: '穆什',
+        value: 'TUR_MUS',
+      },
+      {
+        label: '内夫谢希尔',
+        value: 'TUR_NEV',
+      },
+      {
+        label: '尼代',
+        value: 'TUR_NIG',
+      },
+      {
+        label: '恰纳卡莱',
+        value: 'TUR_CKL',
+      },
+      {
+        label: '乔鲁姆',
+        value: 'TUR_COR',
+      },
+      {
+        label: '屈塔希亚',
+        value: 'TUR_KUT',
+      },
+      {
+        label: '萨卡里亚',
+        value: 'TUR_SAK',
+      },
+      {
+        label: '萨姆松',
+        value: 'TUR_SAM',
+      },
+      {
+        label: '泰基尔达',
+        value: 'TUR_TEL',
+      },
+      {
+        label: '特拉布宗',
+        value: 'TUR_TRA',
+      },
+      {
+        label: '托卡特',
+        value: 'TUR_TOK',
+      },
+      {
+        label: '乌萨克',
+        value: 'TUR_USK',
+      },
+      {
+        label: '锡尔纳克',
+        value: 'TUR_SIR',
+      },
+      {
+        label: '锡尔特',
+        value: 'TUR_SII',
+      },
+      {
+        label: '锡诺普',
+        value: 'TUR_SIN',
+      },
+      {
+        label: '锡瓦斯',
+        value: 'TUR_SIV',
+      },
+      {
+        label: '伊迪尔',
+        value: 'TUR_IGD',
+      },
+      {
+        label: '伊切尔',
+        value: 'TUR_ICE',
+      },
+      {
+        label: '伊斯帕尔塔',
+        value: 'TUR_ISP',
+      },
+      {
+        label: '伊斯坦布尔',
+        value: 'TUR_IST',
+      },
+      {
+        label: '伊兹密尔',
+        value: 'TUR_IZM',
+      },
+      {
+        label: '约兹加特',
+        value: 'TUR_YOZ',
+      },
+      {
+        label: '宗古尔达克',
+        value: 'TUR_ZON',
+      },
+    ],
+  },
+  {
+    label: '图瓦卢',
+    value: 'TUV',
+  },
+  {
+    label: '乌干达',
+    value: 'UGA',
+    children: [
+      {
+        label: '阿鲁阿',
+        value: 'UGA_ARU',
+      },
+      {
+        label: '阿帕克',
+        value: 'UGA_APC',
+      },
+      {
+        label: '阿朱马尼',
+        value: 'UGA_ADJ',
+      },
+      {
+        label: '本迪布焦',
+        value: 'UGA_BUN',
+      },
+      {
+        label: '布吉里',
+        value: 'UGA_BUG',
+      },
+      {
+        label: '布西亚',
+        value: 'UGA_BUS',
+      },
+      {
+        label: '布谢尼',
+        value: 'UGA_BSH',
+      },
+      {
+        label: '恩通加莫',
+        value: 'UGA_NTU',
+      },
+      {
+        label: '古卢',
+        value: 'UGA_GUL',
+      },
+      {
+        label: '霍伊马',
+        value: 'UGA_HOI',
+      },
+      {
+        label: '基巴莱',
+        value: 'UGA_KBA',
+      },
+      {
+        label: '基博加',
+        value: 'UGA_KIB',
+      },
+      {
+        label: '基恩乔乔',
+        value: 'UGA_KYE',
+      },
+      {
+        label: '基索罗',
+        value: 'UGA_KIS',
+      },
+      {
+        label: '基特古姆',
+        value: 'UGA_KIT',
+      },
+      {
+        label: '金贾',
+        value: 'UGA_JIN',
+      },
+      {
+        label: '卡巴莱',
+        value: 'UGA_KBL',
+      },
+      {
+        label: '卡巴罗莱',
+        value: 'UGA_KAR',
+      },
+      {
+        label: '卡贝拉马伊多',
+        value: 'UGA_KAB',
+      },
+      {
+        label: '卡兰加拉',
+        value: 'UGA_KAL',
+      },
+      {
+        label: '卡姆文盖',
+        value: 'UGA_KAM',
+      },
+      {
+        label: '卡穆利',
+        value: 'UGA_KML',
+      },
+      {
+        label: '卡农古',
+        value: 'UGA_KAN',
+      },
+      {
+        label: '卡普乔鲁瓦',
+        value: 'UGA_KPC',
+      },
+      {
+        label: '卡塞塞',
+        value: 'UGA_KAS',
+      },
+      {
+        label: '卡塔奎',
+        value: 'UGA_KTK',
+      },
+      {
+        label: '卡永加',
+        value: 'UGA_KAY',
+      },
+      {
+        label: '坎帕拉',
+        value: 'UGA_KMP',
+      },
+      {
+        label: '科蒂多',
+        value: 'UGA_KOT',
+      },
+      {
+        label: '库米',
+        value: 'UGA_KUM',
+      },
+      {
+        label: '拉卡伊',
+        value: 'UGA_RAK',
+      },
+      {
+        label: '利拉',
+        value: 'UGA_LIR',
+      },
+      {
+        label: '卢韦罗',
+        value: 'UGA_LUW',
+      },
+      {
+        label: '鲁昆吉里',
+        value: 'UGA_RUK',
+      },
+      {
+        label: '马萨卡',
+        value: 'UGA_MAS',
+      },
+      {
+        label: '马辛迪',
+        value: 'UGA_MSN',
+      },
+      {
+        label: '马尤盖',
+        value: 'UGA_MAY',
+      },
+      {
+        label: '莫罗托',
+        value: 'UGA_MRT',
+      },
+      {
+        label: '莫约',
+        value: 'UGA_MOY',
+      },
+      {
+        label: '姆巴拉拉',
+        value: 'UGA_MBR',
+      },
+      {
+        label: '姆巴莱',
+        value: 'UGA_MBA',
+      },
+      {
+        label: '姆皮吉',
+        value: 'UGA_MPI',
+      },
+      {
+        label: '穆本德',
+        value: 'UGA_MUB',
+      },
+      {
+        label: '穆科诺',
+        value: 'UGA_MUK',
+      },
+      {
+        label: '纳卡皮里皮里特',
+        value: 'UGA_NAK',
+      },
+      {
+        label: '纳卡松戈拉',
+        value: 'UGA_NKS',
+      },
+      {
+        label: '内比',
+        value: 'UGA_NEB',
+      },
+      {
+        label: '帕德尔',
+        value: 'UGA_PAD',
+      },
+      {
+        label: '帕利萨',
+        value: 'UGA_PAL',
+      },
+      {
+        label: '森巴布莱',
+        value: 'UGA_SEM',
+      },
+      {
+        label: '索罗提',
+        value: 'UGA_SOR',
+      },
+      {
+        label: '托罗罗',
+        value: 'UGA_TOR',
+      },
+      {
+        label: '瓦基索',
+        value: 'UGA_WAK',
+      },
+      {
+        label: '锡龙科',
+        value: 'UGA_SIR',
+      },
+      {
+        label: '伊甘加',
+        value: 'UGA_IGA',
+      },
+      {
+        label: '永贝',
+        value: 'UGA_YUM',
+      },
+    ],
+  },
+  {
+    label: '乌克兰',
+    value: 'UKR',
+    children: [
+      {
+        label: '文尼察',
+        value: 'UKR_5',
+      },
+      {
+        label: '沃伦',
+        value: 'UKR_7',
+      },
+      {
+        label: '卢甘斯克',
+        value: 'UKR_9',
+      },
+      {
+        label: '第聂伯罗波得罗夫斯克',
+        value: 'UKR_12',
+      },
+      {
+        label: '顿涅茨克',
+        value: 'UKR_14',
+      },
+      {
+        label: '日托米尔',
+        value: 'UKR_18',
+      },
+      {
+        label: '外喀尔巴阡',
+        value: 'UKR_21',
+      },
+      {
+        label: '扎波罗热',
+        value: 'UKR_23',
+      },
+      {
+        label: '伊万－弗兰科夫州',
+        value: 'UKR_26',
+      },
+      {
+        label: '基辅',
+        value: 'UKR_30',
+      },
+      {
+        label: '基洛夫格勒',
+        value: 'UKR_35',
+      },
+      {
+        label: '克里米亚自治共和国',
+        value: 'UKR_43',
+      },
+      {
+        label: '利沃夫',
+        value: 'UKR_46',
+      },
+      {
+        label: '尼古拉耶夫',
+        value: 'UKR_48',
+      },
+      {
+        label: '敖德萨',
+        value: 'UKR_51',
+      },
+      {
+        label: '波尔塔瓦',
+        value: 'UKR_53',
+      },
+      {
+        label: '罗夫诺',
+        value: 'UKR_56',
+      },
+      {
+        label: '苏梅',
+        value: 'UKR_59',
+      },
+      {
+        label: '捷尔诺波尔',
+        value: 'UKR_61',
+      },
+      {
+        label: '哈尔科夫',
+        value: 'UKR_63',
+      },
+      {
+        label: '赫尔松州',
+        value: 'UKR_65',
+      },
+      {
+        label: '赫梅利尼茨基',
+        value: 'UKR_68',
+      },
+      {
+        label: '切尔卡瑟',
+        value: 'UKR_71',
+      },
+      {
+        label: '切尔尼戈夫',
+        value: 'UKR_74',
+      },
+      {
+        label: '切尔诺夫策',
+        value: 'UKR_77',
+      },
+    ],
+  },
+  {
+    label: '美属外岛',
+    value: 'UMI',
+  },
+  {
+    label: '乌拉圭',
+    value: 'URU',
+  },
+  {
+    label: '美国',
+    value: 'USA',
+    children: [
+      {
+        label: '阿肯色',
+        value: 'USA_AR',
+      },
+      {
+        label: '阿拉巴马',
+        value: 'USA_AL',
+      },
+      {
+        label: '阿拉斯加',
+        value: 'USA_AK',
+      },
+      {
+        label: '爱达荷',
+        value: 'USA_ID',
+      },
+      {
+        label: '爱荷华',
+        value: 'USA_IA',
+      },
+      {
+        label: '北达科他',
+        value: 'USA_ND',
+      },
+      {
+        label: '北卡罗来纳',
+        value: 'USA_NC',
+      },
+      {
+        label: '宾夕法尼亚',
+        value: 'USA_PA',
+      },
+      {
+        label: '德克萨斯',
+        value: 'USA_TX',
+      },
+      {
+        label: '俄亥俄',
+        value: 'USA_OH',
+      },
+      {
+        label: '俄克拉荷马',
+        value: 'USA_OK',
+      },
+      {
+        label: '俄勒冈',
+        value: 'USA_OR',
+      },
+      {
+        label: '佛罗里达',
+        value: 'USA_FL',
+      },
+      {
+        label: '佛蒙特',
+        value: 'USA_VT',
+      },
+      {
+        label: '哥伦比亚特区',
+        value: 'USA_DC',
+      },
+      {
+        label: '华盛顿',
+        value: 'USA_WA',
+      },
+      {
+        label: '怀俄明',
+        value: 'USA_WY',
+      },
+      {
+        label: '加利福尼亚',
+        value: 'USA_CA',
+      },
+      {
+        label: '堪萨斯',
+        value: 'USA_KS',
+      },
+      {
+        label: '康涅狄格',
+        value: 'USA_CT',
+      },
+      {
+        label: '科罗拉多',
+        value: 'USA_CO',
+      },
+      {
+        label: '肯塔基',
+        value: 'USA_KY',
+      },
+      {
+        label: '路易斯安那',
+        value: 'USA_LA',
+      },
+      {
+        label: '罗德岛',
+        value: 'USA_RI',
+      },
+      {
+        label: '马里兰',
+        value: 'USA_MD',
+      },
+      {
+        label: '马萨诸塞',
+        value: 'USA_MA',
+      },
+      {
+        label: '蒙大拿',
+        value: 'USA_MT',
+      },
+      {
+        label: '密苏里',
+        value: 'USA_MO',
+      },
+      {
+        label: '密西西比',
+        value: 'USA_MS',
+      },
+      {
+        label: '密歇根',
+        value: 'USA_MI',
+      },
+      {
+        label: '缅因',
+        value: 'USA_ME',
+      },
+      {
+        label: '明尼苏达',
+        value: 'USA_MN',
+      },
+      {
+        label: '南达科他',
+        value: 'USA_SD',
+      },
+      {
+        label: '南卡罗来纳',
+        value: 'USA_SC',
+      },
+      {
+        label: '内布拉斯加',
+        value: 'USA_NE',
+      },
+      {
+        label: '内华达',
+        value: 'USA_NV',
+      },
+      {
+        label: '纽约',
+        value: 'USA_NY',
+      },
+      {
+        label: '特拉华',
+        value: 'USA_DE',
+      },
+      {
+        label: '田纳西',
+        value: 'USA_TN',
+      },
+      {
+        label: '威斯康星',
+        value: 'USA_WI',
+      },
+      {
+        label: '维吉尼亚',
+        value: 'USA_VA',
+      },
+      {
+        label: '西佛吉尼亚',
+        value: 'USA_WV',
+      },
+      {
+        label: '夏威夷',
+        value: 'USA_HI',
+      },
+      {
+        label: '新罕布什尔',
+        value: 'USA_NH',
+      },
+      {
+        label: '新墨西哥',
+        value: 'USA_NM',
+      },
+      {
+        label: '新泽西',
+        value: 'USA_NJ',
+      },
+      {
+        label: '亚利桑那',
+        value: 'USA_AZ',
+      },
+      {
+        label: '伊利诺斯',
+        value: 'USA_IL',
+      },
+      {
+        label: '印第安那',
+        value: 'USA_IN',
+      },
+      {
+        label: '犹他',
+        value: 'USA_UT',
+      },
+      {
+        label: '佐治亚',
+        value: 'USA_GA',
+      },
+    ],
+  },
+  {
+    label: '乌兹别克斯坦',
+    value: 'UZB',
+    children: [
+      {
+        label: '安集延',
+        value: 'UZB_AN',
+      },
+      {
+        label: '布哈拉',
+        value: 'UZB_BU',
+      },
+      {
+        label: '费尔干纳',
+        value: 'UZB_FA',
+      },
+      {
+        label: '花拉子模',
+        value: 'UZB_XO',
+      },
+      {
+        label: '吉扎克',
+        value: 'UZB_JI',
+      },
+      {
+        label: '卡拉卡尔帕克斯坦共和国',
+        value: 'UZB_QR',
+      },
+      {
+        label: '卡什卡达里亚',
+        value: 'UZB_QA',
+      },
+      {
+        label: '纳曼干',
+        value: 'UZB_NG',
+      },
+      {
+        label: '纳沃伊',
+        value: 'UZB_NW',
+      },
+      {
+        label: '撒马尔罕',
+        value: 'UZB_SA',
+      },
+      {
+        label: '苏尔汉河',
+        value: 'UZB_SU',
+      },
+      {
+        label: '塔什干',
+        value: 'UZB_TK',
+      },
+      {
+        label: '塔什干市',
+        value: 'UZB_TO',
+      },
+      {
+        label: '锡尔河',
+        value: 'UZB_SI',
+      },
+    ],
+  },
+  {
+    label: '瓦努阿图',
+    value: 'VAN',
+  },
+  {
+    label: '梵蒂冈',
+    value: 'VAT',
+  },
+  {
+    label: '委内瑞拉',
+    value: 'VEN',
+    children: [
+      {
+        label: '阿拉瓜',
+        value: 'VEN_D',
+      },
+      {
+        label: '阿马库罗三角洲',
+        value: 'VEN_Y',
+      },
+      {
+        label: '阿普雷',
+        value: 'VEN_C',
+      },
+      {
+        label: '安索阿特吉',
+        value: 'VEN_B',
+      },
+      {
+        label: '巴里纳斯',
+        value: 'VEN_E',
+      },
+      {
+        label: '玻利瓦尔',
+        value: 'VEN_F',
+      },
+      {
+        label: '波图格萨',
+        value: 'VEN_P',
+      },
+      {
+        label: '法尔孔',
+        value: 'VEN_I',
+      },
+      {
+        label: '瓜里科',
+        value: 'VEN_J',
+      },
+      {
+        label: '加拉加斯',
+        value: 'VEN_A',
+      },
+      {
+        label: '卡拉沃沃',
+        value: 'VEN_G',
+      },
+      {
+        label: '科赫德斯',
+        value: 'VEN_H',
+      },
+      {
+        label: '拉腊',
+        value: 'VEN_K',
+      },
+      {
+        label: '联邦属地',
+        value: 'VEN_W',
+      },
+      {
+        label: '梅里达',
+        value: 'VEN_L',
+      },
+      {
+        label: '米兰达',
+        value: 'VEN_M',
+      },
+      {
+        label: '莫纳加斯',
+        value: 'VEN_N',
+      },
+      {
+        label: '苏克雷',
+        value: 'VEN_R',
+      },
+      {
+        label: '苏利亚',
+        value: 'VEN_V',
+      },
+      {
+        label: '塔奇拉',
+        value: 'VEN_S',
+      },
+      {
+        label: '特鲁希略',
+        value: 'VEN_T',
+      },
+      {
+        label: '新埃斯帕塔',
+        value: 'VEN_O',
+      },
+      {
+        label: '亚拉奎',
+        value: 'VEN_U',
+      },
+      {
+        label: '亚马孙',
+        value: 'VEN_Z',
+      },
+    ],
+  },
+  {
+    label: '维尔京群岛',
+    value: 'VGB',
+  },
+  {
+    label: '越南',
+    value: 'VIE',
+  },
+  {
+    label: '圣文森特和格林纳丁斯',
+    value: 'VIN',
+  },
+  {
+    label: '维尔京群岛',
+    value: 'VIR',
+  },
+  {
+    label: '瓦利斯和福图纳',
+    value: 'WLF',
+  },
+  {
+    label: '也门',
+    value: 'YEM',
+    children: [
+      {
+        label: '阿比扬',
+        value: 'YEM_AB',
+      },
+      {
+        label: '阿姆兰',
+        value: 'YEM_AM',
+      },
+      {
+        label: '贝达',
+        value: 'YEM_BA',
+      },
+      {
+        label: '达利',
+        value: 'YEM_DA',
+      },
+      {
+        label: '哈德拉毛',
+        value: 'YEM_HD',
+      },
+      {
+        label: '哈杰',
+        value: 'YEM_HJ',
+      },
+      {
+        label: '荷台达',
+        value: 'YEM_HU',
+      },
+      {
+        label: '焦夫',
+        value: 'YEM_JA',
+      },
+      {
+        label: '拉赫季',
+        value: 'YEM_LA',
+      },
+      {
+        label: '马里卜',
+        value: 'YEM_MA',
+      },
+      {
+        label: '迈赫拉',
+        value: 'YEM_MR',
+      },
+      {
+        label: '迈赫维特',
+        value: 'YEM_MW',
+      },
+      {
+        label: '萨达',
+        value: 'YEM_SD',
+      },
+      {
+        label: '萨那',
+        value: 'YEM_SN',
+      },
+      {
+        label: '赛文',
+        value: 'YEM_GXF',
+      },
+      {
+        label: '舍卜沃',
+        value: 'YEM_SH',
+      },
+      {
+        label: '塔伊兹',
+        value: 'YEM_TA',
+      },
+      {
+        label: '希赫尔',
+        value: 'YEM_ASR',
+      },
+      {
+        label: '亚丁',
+        value: 'YEM_AD',
+      },
+      {
+        label: '伊卜',
+        value: 'YEM_IB',
+      },
+      {
+        label: '扎玛尔',
+        value: 'YEM_DH',
+      },
+    ],
+  },
+  {
+    label: '赞比亚',
+    value: 'ZAM',
+  },
+  {
+    label: '津巴布韦',
+    value: 'ZIM',
+  },
+  {
+    label: '突尼斯',
+    value: 'TUN',
+  },
+  {
+    label: '秘鲁',
+    value: 'PER',
+  },
+];
+
+export function getCountriesByLevel(level?: 'C' | 'P' | 'PC' | 'PCD' | 'detail', scope?: 'CN' | 'ALL') {
+  const onlyInChina = scope === 'CN';
+  switch (level) {
+    case 'C':
+      // 仅国家层级：去掉所有 children
+      return [CHINA_P, ...COUNTRIES_TREE].map(({ label, value }) => ({ label, value }));
+
+    case 'P':
+      // 国家 - 省：中国用 CHINA_P，其他国家保留自身结构
+      return onlyInChina ? CHINA_P.children : [CHINA_P, ...COUNTRIES_TREE];
+
+    case 'PC':
+      // 国家 - 省 - 市
+      return onlyInChina ? CHINA_PC.children : [CHINA_PC, ...COUNTRIES_TREE];
+
+    case 'PCD':
+    default:
+      // 国家 - 省 - 市 - 区
+      return onlyInChina ? CHINA_PCD.children : [CHINA_PCD, ...COUNTRIES_TREE];
+  }
+}
diff --git a/frontend/packages/web/src/components/business/crm-city-select/index.vue b/frontend/packages/web/src/components/business/crm-city-select/index.vue
new file mode 100644
index 0000000..4d59fda
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-city-select/index.vue
@@ -0,0 +1,64 @@
+<template>
+  <n-cascader
+    v-model:value="innerValue"
+    :options="workingCityOptions"
+    clearable
+    v-bind="{
+      filterable: true,
+      showPath: true,
+      checkStrategy: props.checkStrategy || 'child',
+      ...$attrs,
+    }"
+    max-tag-count="responsive"
+    :placeholder="props.placeholder"
+    @update:value="handleChange"
+  />
+</template>
+
+<script setup lang="ts">
+  import { CascaderOption, NCascader } from 'naive-ui';
+
+  import { getCountriesByLevel } from './config';
+
+  export type DataItem<T = Record<string, any>> = CascaderOption & T;
+
+  const props = withDefaults(
+    defineProps<{
+      placeholder?: string;
+      checkStrategy?: 'all' | 'child' | 'parent';
+      range?: 'PCD' | 'PC' | 'detail' | 'C' | 'P';
+      scope?: 'CN' | 'ALL';
+    }>(),
+    {
+      range: 'PCD',
+    }
+  );
+
+  const emit = defineEmits<{
+    (
+      e: 'change',
+      value: string | number | Array<string | number> | null,
+      option: CascaderOption | Array<CascaderOption | null> | null,
+      pathValues: Array<CascaderOption | null> | Array<CascaderOption[] | null> | null
+    ): void;
+  }>();
+
+  const innerValue = defineModel<string | number | Array<string | number> | null>('value', {
+    required: true,
+    default: null,
+  });
+
+  const workingCityOptions = computed<DataItem[]>(() => {
+    return getCountriesByLevel(props.range, props.scope) as DataItem[];
+  });
+
+  function handleChange(
+    value: string | number | Array<string | number> | null,
+    option: CascaderOption | Array<CascaderOption | null> | null,
+    pathValues: Array<CascaderOption | null> | Array<CascaderOption[] | null> | null
+  ) {
+    emit('change', value, option, pathValues);
+  }
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-city-select/json/pc-code.json b/frontend/packages/web/src/components/business/crm-city-select/json/pc-code.json
new file mode 100644
index 0000000..d6536fd
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-city-select/json/pc-code.json
@@ -0,0 +1 @@
+[{"code":"11","name":"北京市","children":[{"code":"110101","name":"东城区"},{"code":"110102","name":"西城区"},{"code":"110105","name":"朝阳区"},{"code":"110106","name":"丰台区"},{"code":"110107","name":"石景山区"},{"code":"110108","name":"海淀区"},{"code":"110109","name":"门头沟区"},{"code":"110111","name":"房山区"},{"code":"110112","name":"通州区"},{"code":"110113","name":"顺义区"},{"code":"110114","name":"昌平区"},{"code":"110115","name":"大兴区"},{"code":"110116","name":"怀柔区"},{"code":"110117","name":"平谷区"},{"code":"110118","name":"密云区"},{"code":"110119","name":"延庆区"}]},{"code":"12","name":"天津市","children":[{"code":"120101","name":"和平区"},{"code":"120102","name":"河东区"},{"code":"120103","name":"河西区"},{"code":"120104","name":"南开区"},{"code":"120105","name":"河北区"},{"code":"120106","name":"红桥区"},{"code":"120110","name":"东丽区"},{"code":"120111","name":"西青区"},{"code":"120112","name":"津南区"},{"code":"120113","name":"北辰区"},{"code":"120114","name":"武清区"},{"code":"120115","name":"宝坻区"},{"code":"120116","name":"滨海新区"},{"code":"120117","name":"宁河区"},{"code":"120118","name":"静海区"},{"code":"120119","name":"蓟州区"}]},{"code":"13","name":"河北省","children":[{"code":"1301","name":"石家庄市"},{"code":"1302","name":"唐山市"},{"code":"1303","name":"秦皇岛市"},{"code":"1304","name":"邯郸市"},{"code":"1305","name":"邢台市"},{"code":"1306","name":"保定市"},{"code":"1307","name":"张家口市"},{"code":"1308","name":"承德市"},{"code":"1309","name":"沧州市"},{"code":"1310","name":"廊坊市"},{"code":"1311","name":"衡水市"}]},{"code":"14","name":"山西省","children":[{"code":"1401","name":"太原市"},{"code":"1402","name":"大同市"},{"code":"1403","name":"阳泉市"},{"code":"1404","name":"长治市"},{"code":"1405","name":"晋城市"},{"code":"1406","name":"朔州市"},{"code":"1407","name":"晋中市"},{"code":"1408","name":"运城市"},{"code":"1409","name":"忻州市"},{"code":"1410","name":"临汾市"},{"code":"1411","name":"吕梁市"}]},{"code":"15","name":"内蒙古自治区","children":[{"code":"1501","name":"呼和浩特市"},{"code":"1502","name":"包头市"},{"code":"1503","name":"乌海市"},{"code":"1504","name":"赤峰市"},{"code":"1505","name":"通辽市"},{"code":"1506","name":"鄂尔多斯市"},{"code":"1507","name":"呼伦贝尔市"},{"code":"1508","name":"巴彦淖尔市"},{"code":"1509","name":"乌兰察布市"},{"code":"1522","name":"兴安盟"},{"code":"1525","name":"锡林郭勒盟"},{"code":"1529","name":"阿拉善盟"}]},{"code":"21","name":"辽宁省","children":[{"code":"2101","name":"沈阳市"},{"code":"2102","name":"大连市"},{"code":"2103","name":"鞍山市"},{"code":"2104","name":"抚顺市"},{"code":"2105","name":"本溪市"},{"code":"2106","name":"丹东市"},{"code":"2107","name":"锦州市"},{"code":"2108","name":"营口市"},{"code":"2109","name":"阜新市"},{"code":"2110","name":"辽阳市"},{"code":"2111","name":"盘锦市"},{"code":"2112","name":"铁岭市"},{"code":"2113","name":"朝阳市"},{"code":"2114","name":"葫芦岛市"}]},{"code":"22","name":"吉林省","children":[{"code":"2201","name":"长春市"},{"code":"2202","name":"吉林市"},{"code":"2203","name":"四平市"},{"code":"2204","name":"辽源市"},{"code":"2205","name":"通化市"},{"code":"2206","name":"白山市"},{"code":"2207","name":"松原市"},{"code":"2208","name":"白城市"},{"code":"2224","name":"延边朝鲜族自治州"}]},{"code":"23","name":"黑龙江省","children":[{"code":"2301","name":"哈尔滨市"},{"code":"2302","name":"齐齐哈尔市"},{"code":"2303","name":"鸡西市"},{"code":"2304","name":"鹤岗市"},{"code":"2305","name":"双鸭山市"},{"code":"2306","name":"大庆市"},{"code":"2307","name":"伊春市"},{"code":"2308","name":"佳木斯市"},{"code":"2309","name":"七台河市"},{"code":"2310","name":"牡丹江市"},{"code":"2311","name":"黑河市"},{"code":"2312","name":"绥化市"},{"code":"2327","name":"大兴安岭地区"}]},{"code":"31","name":"上海市","children":[{"code":"310101","name":"黄浦区"},{"code":"310104","name":"徐汇区"},{"code":"310105","name":"长宁区"},{"code":"310106","name":"静安区"},{"code":"310107","name":"普陀区"},{"code":"310109","name":"虹口区"},{"code":"310110","name":"杨浦区"},{"code":"310112","name":"闵行区"},{"code":"310113","name":"宝山区"},{"code":"310114","name":"嘉定区"},{"code":"310115","name":"浦东新区"},{"code":"310116","name":"金山区"},{"code":"310117","name":"松江区"},{"code":"310118","name":"青浦区"},{"code":"310120","name":"奉贤区"},{"code":"310151","name":"崇明区"}]},{"code":"32","name":"江苏省","children":[{"code":"3201","name":"南京市"},{"code":"3202","name":"无锡市"},{"code":"3203","name":"徐州市"},{"code":"3204","name":"常州市"},{"code":"3205","name":"苏州市"},{"code":"3206","name":"南通市"},{"code":"3207","name":"连云港市"},{"code":"3208","name":"淮安市"},{"code":"3209","name":"盐城市"},{"code":"3210","name":"扬州市"},{"code":"3211","name":"镇江市"},{"code":"3212","name":"泰州市"},{"code":"3213","name":"宿迁市"}]},{"code":"33","name":"浙江省","children":[{"code":"3301","name":"杭州市"},{"code":"3302","name":"宁波市"},{"code":"3303","name":"温州市"},{"code":"3304","name":"嘉兴市"},{"code":"3305","name":"湖州市"},{"code":"3306","name":"绍兴市"},{"code":"3307","name":"金华市"},{"code":"3308","name":"衢州市"},{"code":"3309","name":"舟山市"},{"code":"3310","name":"台州市"},{"code":"3311","name":"丽水市"}]},{"code":"34","name":"安徽省","children":[{"code":"3401","name":"合肥市"},{"code":"3402","name":"芜湖市"},{"code":"3403","name":"蚌埠市"},{"code":"3404","name":"淮南市"},{"code":"3405","name":"马鞍山市"},{"code":"3406","name":"淮北市"},{"code":"3407","name":"铜陵市"},{"code":"3408","name":"安庆市"},{"code":"3410","name":"黄山市"},{"code":"3411","name":"滁州市"},{"code":"3412","name":"阜阳市"},{"code":"3413","name":"宿州市"},{"code":"3415","name":"六安市"},{"code":"3416","name":"亳州市"},{"code":"3417","name":"池州市"},{"code":"3418","name":"宣城市"}]},{"code":"35","name":"福建省","children":[{"code":"3501","name":"福州市"},{"code":"3502","name":"厦门市"},{"code":"3503","name":"莆田市"},{"code":"3504","name":"三明市"},{"code":"3505","name":"泉州市"},{"code":"3506","name":"漳州市"},{"code":"3507","name":"南平市"},{"code":"3508","name":"龙岩市"},{"code":"3509","name":"宁德市"}]},{"code":"36","name":"江西省","children":[{"code":"3601","name":"南昌市"},{"code":"3602","name":"景德镇市"},{"code":"3603","name":"萍乡市"},{"code":"3604","name":"九江市"},{"code":"3605","name":"新余市"},{"code":"3606","name":"鹰潭市"},{"code":"3607","name":"赣州市"},{"code":"3608","name":"吉安市"},{"code":"3609","name":"宜春市"},{"code":"3610","name":"抚州市"},{"code":"3611","name":"上饶市"}]},{"code":"37","name":"山东省","children":[{"code":"3701","name":"济南市"},{"code":"3702","name":"青岛市"},{"code":"3703","name":"淄博市"},{"code":"3704","name":"枣庄市"},{"code":"3705","name":"东营市"},{"code":"3706","name":"烟台市"},{"code":"3707","name":"潍坊市"},{"code":"3708","name":"济宁市"},{"code":"3709","name":"泰安市"},{"code":"3710","name":"威海市"},{"code":"3711","name":"日照市"},{"code":"3713","name":"临沂市"},{"code":"3714","name":"德州市"},{"code":"3715","name":"聊城市"},{"code":"3716","name":"滨州市"},{"code":"3717","name":"菏泽市"}]},{"code":"41","name":"河南省","children":[{"code":"4101","name":"郑州市"},{"code":"4102","name":"开封市"},{"code":"4103","name":"洛阳市"},{"code":"4104","name":"平顶山市"},{"code":"4105","name":"安阳市"},{"code":"4106","name":"鹤壁市"},{"code":"4107","name":"新乡市"},{"code":"4108","name":"焦作市"},{"code":"4109","name":"濮阳市"},{"code":"4110","name":"许昌市"},{"code":"4111","name":"漯河市"},{"code":"4112","name":"三门峡市"},{"code":"4113","name":"南阳市"},{"code":"4114","name":"商丘市"},{"code":"4115","name":"信阳市"},{"code":"4116","name":"周口市"},{"code":"4117","name":"驻马店市"},{"code":"419001","name":"济源市"}]},{"code":"42","name":"湖北省","children":[{"code":"4201","name":"武汉市"},{"code":"4202","name":"黄石市"},{"code":"4203","name":"十堰市"},{"code":"4205","name":"宜昌市"},{"code":"4206","name":"襄阳市"},{"code":"4207","name":"鄂州市"},{"code":"4208","name":"荆门市"},{"code":"4209","name":"孝感市"},{"code":"4210","name":"荆州市"},{"code":"4211","name":"黄冈市"},{"code":"4212","name":"咸宁市"},{"code":"4213","name":"随州市"},{"code":"4228","name":"恩施土家族苗族自治州"},{"code":"429004","name":"仙桃市"},{"code":"429005","name":"潜江市"},{"code":"429006","name":"天门市"},{"code":"429021","name":"神农架林区"}]},{"code":"43","name":"湖南省","children":[{"code":"4301","name":"长沙市"},{"code":"4302","name":"株洲市"},{"code":"4303","name":"湘潭市"},{"code":"4304","name":"衡阳市"},{"code":"4305","name":"邵阳市"},{"code":"4306","name":"岳阳市"},{"code":"4307","name":"常德市"},{"code":"4308","name":"张家界市"},{"code":"4309","name":"益阳市"},{"code":"4310","name":"郴州市"},{"code":"4311","name":"永州市"},{"code":"4312","name":"怀化市"},{"code":"4313","name":"娄底市"},{"code":"4331","name":"湘西土家族苗族自治州"}]},{"code":"44","name":"广东省","children":[{"code":"4401","name":"广州市"},{"code":"4402","name":"韶关市"},{"code":"4403","name":"深圳市"},{"code":"4404","name":"珠海市"},{"code":"4405","name":"汕头市"},{"code":"4406","name":"佛山市"},{"code":"4407","name":"江门市"},{"code":"4408","name":"湛江市"},{"code":"4409","name":"茂名市"},{"code":"4412","name":"肇庆市"},{"code":"4413","name":"惠州市"},{"code":"4414","name":"梅州市"},{"code":"4415","name":"汕尾市"},{"code":"4416","name":"河源市"},{"code":"4417","name":"阳江市"},{"code":"4418","name":"清远市"},{"code":"4419","name":"东莞市"},{"code":"4420","name":"中山市"},{"code":"4451","name":"潮州市"},{"code":"4452","name":"揭阳市"},{"code":"4453","name":"云浮市"}]},{"code":"45","name":"广西壮族自治区","children":[{"code":"4501","name":"南宁市"},{"code":"4502","name":"柳州市"},{"code":"4503","name":"桂林市"},{"code":"4504","name":"梧州市"},{"code":"4505","name":"北海市"},{"code":"4506","name":"防城港市"},{"code":"4507","name":"钦州市"},{"code":"4508","name":"贵港市"},{"code":"4509","name":"玉林市"},{"code":"4510","name":"百色市"},{"code":"4511","name":"贺州市"},{"code":"4512","name":"河池市"},{"code":"4513","name":"来宾市"},{"code":"4514","name":"崇左市"}]},{"code":"46","name":"海南省","children":[{"code":"4601","name":"海口市"},{"code":"4602","name":"三亚市"},{"code":"4603","name":"三沙市"},{"code":"4604","name":"儋州市"},{"code":"469001","name":"五指山市"},{"code":"469002","name":"琼海市"},{"code":"469005","name":"文昌市"},{"code":"469006","name":"万宁市"},{"code":"469007","name":"东方市"},{"code":"469021","name":"定安县"},{"code":"469022","name":"屯昌县"},{"code":"469023","name":"澄迈县"},{"code":"469024","name":"临高县"},{"code":"469025","name":"白沙黎族自治县"},{"code":"469026","name":"昌江黎族自治县"},{"code":"469027","name":"乐东黎族自治县"},{"code":"469028","name":"陵水黎族自治县"},{"code":"469029","name":"保亭黎族苗族自治县"},{"code":"469030","name":"琼中黎族苗族自治县"}]},{"code":"50","name":"重庆市","children":[{"code":"500101","name":"万州区"},{"code":"500102","name":"涪陵区"},{"code":"500103","name":"渝中区"},{"code":"500104","name":"大渡口区"},{"code":"500105","name":"江北区"},{"code":"500106","name":"沙坪坝区"},{"code":"500107","name":"九龙坡区"},{"code":"500108","name":"南岸区"},{"code":"500109","name":"北碚区"},{"code":"500110","name":"綦江区"},{"code":"500111","name":"大足区"},{"code":"500112","name":"渝北区"},{"code":"500113","name":"巴南区"},{"code":"500114","name":"黔江区"},{"code":"500115","name":"长寿区"},{"code":"500116","name":"江津区"},{"code":"500117","name":"合川区"},{"code":"500118","name":"永川区"},{"code":"500119","name":"南川区"},{"code":"500120","name":"璧山区"},{"code":"500151","name":"铜梁区"},{"code":"500152","name":"潼南区"},{"code":"500153","name":"荣昌区"},{"code":"500154","name":"开州区"},{"code":"500155","name":"梁平区"},{"code":"500156","name":"武隆区"},{"code":"500229","name":"城口县"},{"code":"500230","name":"丰都县"},{"code":"500231","name":"垫江县"},{"code":"500233","name":"忠县"},{"code":"500235","name":"云阳县"},{"code":"500236","name":"奉节县"},{"code":"500237","name":"巫山县"},{"code":"500238","name":"巫溪县"},{"code":"500240","name":"石柱土家族自治县"},{"code":"500241","name":"秀山土家族苗族自治县"},{"code":"500242","name":"酉阳土家族苗族自治县"},{"code":"500243","name":"彭水苗族土家族自治县"}]},{"code":"51","name":"四川省","children":[{"code":"5101","name":"成都市"},{"code":"5103","name":"自贡市"},{"code":"5104","name":"攀枝花市"},{"code":"5105","name":"泸州市"},{"code":"5106","name":"德阳市"},{"code":"5107","name":"绵阳市"},{"code":"5108","name":"广元市"},{"code":"5109","name":"遂宁市"},{"code":"5110","name":"内江市"},{"code":"5111","name":"乐山市"},{"code":"5113","name":"南充市"},{"code":"5114","name":"眉山市"},{"code":"5115","name":"宜宾市"},{"code":"5116","name":"广安市"},{"code":"5117","name":"达州市"},{"code":"5118","name":"雅安市"},{"code":"5119","name":"巴中市"},{"code":"5120","name":"资阳市"},{"code":"5132","name":"阿坝藏族羌族自治州"},{"code":"5133","name":"甘孜藏族自治州"},{"code":"5134","name":"凉山彝族自治州"}]},{"code":"52","name":"贵州省","children":[{"code":"5201","name":"贵阳市"},{"code":"5202","name":"六盘水市"},{"code":"5203","name":"遵义市"},{"code":"5204","name":"安顺市"},{"code":"5205","name":"毕节市"},{"code":"5206","name":"铜仁市"},{"code":"5223","name":"黔西南布依族苗族自治州"},{"code":"5226","name":"黔东南苗族侗族自治州"},{"code":"5227","name":"黔南布依族苗族自治州"}]},{"code":"53","name":"云南省","children":[{"code":"5301","name":"昆明市"},{"code":"5303","name":"曲靖市"},{"code":"5304","name":"玉溪市"},{"code":"5305","name":"保山市"},{"code":"5306","name":"昭通市"},{"code":"5307","name":"丽江市"},{"code":"5308","name":"普洱市"},{"code":"5309","name":"临沧市"},{"code":"5323","name":"楚雄彝族自治州"},{"code":"5325","name":"红河哈尼族彝族自治州"},{"code":"5326","name":"文山壮族苗族自治州"},{"code":"5328","name":"西双版纳傣族自治州"},{"code":"5329","name":"大理白族自治州"},{"code":"5331","name":"德宏傣族景颇族自治州"},{"code":"5333","name":"怒江傈僳族自治州"},{"code":"5334","name":"迪庆藏族自治州"}]},{"code":"54","name":"西藏自治区","children":[{"code":"5401","name":"拉萨市"},{"code":"5402","name":"日喀则市"},{"code":"5403","name":"昌都市"},{"code":"5404","name":"林芝市"},{"code":"5405","name":"山南市"},{"code":"5406","name":"那曲市"},{"code":"5425","name":"阿里地区"}]},{"code":"61","name":"陕西省","children":[{"code":"6101","name":"西安市"},{"code":"6102","name":"铜川市"},{"code":"6103","name":"宝鸡市"},{"code":"6104","name":"咸阳市"},{"code":"6105","name":"渭南市"},{"code":"6106","name":"延安市"},{"code":"6107","name":"汉中市"},{"code":"6108","name":"榆林市"},{"code":"6109","name":"安康市"},{"code":"6110","name":"商洛市"}]},{"code":"62","name":"甘肃省","children":[{"code":"6201","name":"兰州市"},{"code":"6202","name":"嘉峪关市"},{"code":"6203","name":"金昌市"},{"code":"6204","name":"白银市"},{"code":"6205","name":"天水市"},{"code":"6206","name":"武威市"},{"code":"6207","name":"张掖市"},{"code":"6208","name":"平凉市"},{"code":"6209","name":"酒泉市"},{"code":"6210","name":"庆阳市"},{"code":"6211","name":"定西市"},{"code":"6212","name":"陇南市"},{"code":"6229","name":"临夏回族自治州"},{"code":"6230","name":"甘南藏族自治州"}]},{"code":"63","name":"青海省","children":[{"code":"6301","name":"西宁市"},{"code":"6302","name":"海东市"},{"code":"6322","name":"海北藏族自治州"},{"code":"6323","name":"黄南藏族自治州"},{"code":"6325","name":"海南藏族自治州"},{"code":"6326","name":"果洛藏族自治州"},{"code":"6327","name":"玉树藏族自治州"},{"code":"6328","name":"海西蒙古族藏族自治州"}]},{"code":"64","name":"宁夏回族自治区","children":[{"code":"6401","name":"银川市"},{"code":"6402","name":"石嘴山市"},{"code":"6403","name":"吴忠市"},{"code":"6404","name":"固原市"},{"code":"6405","name":"中卫市"}]},{"code":"65","name":"新疆维吾尔自治区","children":[{"code":"6501","name":"乌鲁木齐市"},{"code":"6502","name":"克拉玛依市"},{"code":"6504","name":"吐鲁番市"},{"code":"6505","name":"哈密市"},{"code":"6523","name":"昌吉回族自治州"},{"code":"6527","name":"博尔塔拉蒙古自治州"},{"code":"6528","name":"巴音郭楞蒙古自治州"},{"code":"6529","name":"阿克苏地区"},{"code":"6530","name":"克孜勒苏柯尔克孜自治州"},{"code":"6531","name":"喀什地区"},{"code":"6532","name":"和田地区"},{"code":"6540","name":"伊犁哈萨克自治州"},{"code":"6542","name":"塔城地区"},{"code":"6543","name":"阿勒泰地区"},{"code":"659001","name":"石河子市"},{"code":"659002","name":"阿拉尔市"},{"code":"659003","name":"图木舒克市"},{"code":"659004","name":"五家渠市"},{"code":"659005","name":"北屯市"},{"code":"659006","name":"铁门关市"},{"code":"659007","name":"双河市"},{"code":"659008","name":"可克达拉市"},{"code":"659009","name":"昆玉市"},{"code":"659010","name":"胡杨河市"},{"code":"659011","name":"新星市"},{"code":"659012","name":"白杨市"}]}]
\ No newline at end of file
diff --git a/frontend/packages/web/src/components/business/crm-city-select/json/pc.json b/frontend/packages/web/src/components/business/crm-city-select/json/pc.json
new file mode 100644
index 0000000..4902358
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-city-select/json/pc.json
@@ -0,0 +1 @@
+{"北京市":["东城区","西城区","朝阳区","丰台区","石景山区","海淀区","门头沟区","房山区","通州区","顺义区","昌平区","大兴区","怀柔区","平谷区","密云区","延庆区"],"天津市":["和平区","河东区","河西区","南开区","河北区","红桥区","东丽区","西青区","津南区","北辰区","武清区","宝坻区","滨海新区","宁河区","静海区","蓟州区"],"河北省":["石家庄市","唐山市","秦皇岛市","邯郸市","邢台市","保定市","张家口市","承德市","沧州市","廊坊市","衡水市"],"山西省":["太原市","大同市","阳泉市","长治市","晋城市","朔州市","晋中市","运城市","忻州市","临汾市","吕梁市"],"内蒙古自治区":["呼和浩特市","包头市","乌海市","赤峰市","通辽市","鄂尔多斯市","呼伦贝尔市","巴彦淖尔市","乌兰察布市","兴安盟","锡林郭勒盟","阿拉善盟"],"辽宁省":["沈阳市","大连市","鞍山市","抚顺市","本溪市","丹东市","锦州市","营口市","阜新市","辽阳市","盘锦市","铁岭市","朝阳市","葫芦岛市"],"吉林省":["长春市","吉林市","四平市","辽源市","通化市","白山市","松原市","白城市","延边朝鲜族自治州"],"黑龙江省":["哈尔滨市","齐齐哈尔市","鸡西市","鹤岗市","双鸭山市","大庆市","伊春市","佳木斯市","七台河市","牡丹江市","黑河市","绥化市","大兴安岭地区"],"上海市":["黄浦区","徐汇区","长宁区","静安区","普陀区","虹口区","杨浦区","闵行区","宝山区","嘉定区","浦东新区","金山区","松江区","青浦区","奉贤区","崇明区"],"江苏省":["南京市","无锡市","徐州市","常州市","苏州市","南通市","连云港市","淮安市","盐城市","扬州市","镇江市","泰州市","宿迁市"],"浙江省":["杭州市","宁波市","温州市","嘉兴市","湖州市","绍兴市","金华市","衢州市","舟山市","台州市","丽水市"],"安徽省":["合肥市","芜湖市","蚌埠市","淮南市","马鞍山市","淮北市","铜陵市","安庆市","黄山市","滁州市","阜阳市","宿州市","六安市","亳州市","池州市","宣城市"],"福建省":["福州市","厦门市","莆田市","三明市","泉州市","漳州市","南平市","龙岩市","宁德市"],"江西省":["南昌市","景德镇市","萍乡市","九江市","新余市","鹰潭市","赣州市","吉安市","宜春市","抚州市","上饶市"],"山东省":["济南市","青岛市","淄博市","枣庄市","东营市","烟台市","潍坊市","济宁市","泰安市","威海市","日照市","临沂市","德州市","聊城市","滨州市","菏泽市"],"河南省":["郑州市","开封市","洛阳市","平顶山市","安阳市","鹤壁市","新乡市","焦作市","濮阳市","许昌市","漯河市","三门峡市","南阳市","商丘市","信阳市","周口市","驻马店市","济源市"],"湖北省":["武汉市","黄石市","十堰市","宜昌市","襄阳市","鄂州市","荆门市","孝感市","荆州市","黄冈市","咸宁市","随州市","恩施土家族苗族自治州","仙桃市","潜江市","天门市","神农架林区"],"湖南省":["长沙市","株洲市","湘潭市","衡阳市","邵阳市","岳阳市","常德市","张家界市","益阳市","郴州市","永州市","怀化市","娄底市","湘西土家族苗族自治州"],"广东省":["广州市","韶关市","深圳市","珠海市","汕头市","佛山市","江门市","湛江市","茂名市","肇庆市","惠州市","梅州市","汕尾市","河源市","阳江市","清远市","东莞市","中山市","潮州市","揭阳市","云浮市"],"广西壮族自治区":["南宁市","柳州市","桂林市","梧州市","北海市","防城港市","钦州市","贵港市","玉林市","百色市","贺州市","河池市","来宾市","崇左市"],"海南省":["海口市","三亚市","三沙市","儋州市","五指山市","琼海市","文昌市","万宁市","东方市","定安县","屯昌县","澄迈县","临高县","白沙黎族自治县","昌江黎族自治县","乐东黎族自治县","陵水黎族自治县","保亭黎族苗族自治县","琼中黎族苗族自治县"],"重庆市":["万州区","涪陵区","渝中区","大渡口区","江北区","沙坪坝区","九龙坡区","南岸区","北碚区","綦江区","大足区","渝北区","巴南区","黔江区","长寿区","江津区","合川区","永川区","南川区","璧山区","铜梁区","潼南区","荣昌区","开州区","梁平区","武隆区","城口县","丰都县","垫江县","忠县","云阳县","奉节县","巫山县","巫溪县","石柱土家族自治县","秀山土家族苗族自治县","酉阳土家族苗族自治县","彭水苗族土家族自治县"],"四川省":["成都市","自贡市","攀枝花市","泸州市","德阳市","绵阳市","广元市","遂宁市","内江市","乐山市","南充市","眉山市","宜宾市","广安市","达州市","雅安市","巴中市","资阳市","阿坝藏族羌族自治州","甘孜藏族自治州","凉山彝族自治州"],"贵州省":["贵阳市","六盘水市","遵义市","安顺市","毕节市","铜仁市","黔西南布依族苗族自治州","黔东南苗族侗族自治州","黔南布依族苗族自治州"],"云南省":["昆明市","曲靖市","玉溪市","保山市","昭通市","丽江市","普洱市","临沧市","楚雄彝族自治州","红河哈尼族彝族自治州","文山壮族苗族自治州","西双版纳傣族自治州","大理白族自治州","德宏傣族景颇族自治州","怒江傈僳族自治州","迪庆藏族自治州"],"西藏自治区":["拉萨市","日喀则市","昌都市","林芝市","山南市","那曲市","阿里地区"],"陕西省":["西安市","铜川市","宝鸡市","咸阳市","渭南市","延安市","汉中市","榆林市","安康市","商洛市"],"甘肃省":["兰州市","嘉峪关市","金昌市","白银市","天水市","武威市","张掖市","平凉市","酒泉市","庆阳市","定西市","陇南市","临夏回族自治州","甘南藏族自治州"],"青海省":["西宁市","海东市","海北藏族自治州","黄南藏族自治州","海南藏族自治州","果洛藏族自治州","玉树藏族自治州","海西蒙古族藏族自治州"],"宁夏回族自治区":["银川市","石嘴山市","吴忠市","固原市","中卫市"],"新疆维吾尔自治区":["乌鲁木齐市","克拉玛依市","吐鲁番市","哈密市","昌吉回族自治州","博尔塔拉蒙古自治州","巴音郭楞蒙古自治州","阿克苏地区","克孜勒苏柯尔克孜自治州","喀什地区","和田地区","伊犁哈萨克自治州","塔城地区","阿勒泰地区","石河子市","阿拉尔市","图木舒克市","五家渠市","北屯市","铁门关市","双河市","可克达拉市","昆玉市","胡杨河市","新星市","白杨市"]}
\ No newline at end of file
diff --git a/frontend/packages/web/src/components/business/crm-city-select/json/pca-code.json b/frontend/packages/web/src/components/business/crm-city-select/json/pca-code.json
new file mode 100644
index 0000000..a42fdf9
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-city-select/json/pca-code.json
@@ -0,0 +1,14472 @@
+[
+  {
+    "code": "11",
+    "name": "北京市",
+    "children": [
+      {
+        "code": "1101",
+        "name": "市辖区",
+        "children": [
+          {
+            "code": "110101",
+            "name": "东城区"
+          },
+          {
+            "code": "110102",
+            "name": "西城区"
+          },
+          {
+            "code": "110105",
+            "name": "朝阳区"
+          },
+          {
+            "code": "110106",
+            "name": "丰台区"
+          },
+          {
+            "code": "110107",
+            "name": "石景山区"
+          },
+          {
+            "code": "110108",
+            "name": "海淀区"
+          },
+          {
+            "code": "110109",
+            "name": "门头沟区"
+          },
+          {
+            "code": "110111",
+            "name": "房山区"
+          },
+          {
+            "code": "110112",
+            "name": "通州区"
+          },
+          {
+            "code": "110113",
+            "name": "顺义区"
+          },
+          {
+            "code": "110114",
+            "name": "昌平区"
+          },
+          {
+            "code": "110115",
+            "name": "大兴区"
+          },
+          {
+            "code": "110116",
+            "name": "怀柔区"
+          },
+          {
+            "code": "110117",
+            "name": "平谷区"
+          },
+          {
+            "code": "110118",
+            "name": "密云区"
+          },
+          {
+            "code": "110119",
+            "name": "延庆区"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "code": "12",
+    "name": "天津市",
+    "children": [
+      {
+        "code": "1201",
+        "name": "市辖区",
+        "children": [
+          {
+            "code": "120101",
+            "name": "和平区"
+          },
+          {
+            "code": "120102",
+            "name": "河东区"
+          },
+          {
+            "code": "120103",
+            "name": "河西区"
+          },
+          {
+            "code": "120104",
+            "name": "南开区"
+          },
+          {
+            "code": "120105",
+            "name": "河北区"
+          },
+          {
+            "code": "120106",
+            "name": "红桥区"
+          },
+          {
+            "code": "120110",
+            "name": "东丽区"
+          },
+          {
+            "code": "120111",
+            "name": "西青区"
+          },
+          {
+            "code": "120112",
+            "name": "津南区"
+          },
+          {
+            "code": "120113",
+            "name": "北辰区"
+          },
+          {
+            "code": "120114",
+            "name": "武清区"
+          },
+          {
+            "code": "120115",
+            "name": "宝坻区"
+          },
+          {
+            "code": "120116",
+            "name": "滨海新区"
+          },
+          {
+            "code": "120117",
+            "name": "宁河区"
+          },
+          {
+            "code": "120118",
+            "name": "静海区"
+          },
+          {
+            "code": "120119",
+            "name": "蓟州区"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "code": "13",
+    "name": "河北省",
+    "children": [
+      {
+        "code": "1301",
+        "name": "石家庄市",
+        "children": [
+          {
+            "code": "130102",
+            "name": "长安区"
+          },
+          {
+            "code": "130104",
+            "name": "桥西区"
+          },
+          {
+            "code": "130105",
+            "name": "新华区"
+          },
+          {
+            "code": "130107",
+            "name": "井陉矿区"
+          },
+          {
+            "code": "130108",
+            "name": "裕华区"
+          },
+          {
+            "code": "130109",
+            "name": "藁城区"
+          },
+          {
+            "code": "130110",
+            "name": "鹿泉区"
+          },
+          {
+            "code": "130111",
+            "name": "栾城区"
+          },
+          {
+            "code": "130121",
+            "name": "井陉县"
+          },
+          {
+            "code": "130123",
+            "name": "正定县"
+          },
+          {
+            "code": "130125",
+            "name": "行唐县"
+          },
+          {
+            "code": "130126",
+            "name": "灵寿县"
+          },
+          {
+            "code": "130127",
+            "name": "高邑县"
+          },
+          {
+            "code": "130128",
+            "name": "深泽县"
+          },
+          {
+            "code": "130129",
+            "name": "赞皇县"
+          },
+          {
+            "code": "130130",
+            "name": "无极县"
+          },
+          {
+            "code": "130131",
+            "name": "平山县"
+          },
+          {
+            "code": "130132",
+            "name": "元氏县"
+          },
+          {
+            "code": "130133",
+            "name": "赵县"
+          },
+          {
+            "code": "130171",
+            "name": "石家庄高新技术产业开发区"
+          },
+          {
+            "code": "130172",
+            "name": "石家庄循环化工园区"
+          },
+          {
+            "code": "130181",
+            "name": "辛集市"
+          },
+          {
+            "code": "130183",
+            "name": "晋州市"
+          },
+          {
+            "code": "130184",
+            "name": "新乐市"
+          }
+        ]
+      },
+      {
+        "code": "1302",
+        "name": "唐山市",
+        "children": [
+          {
+            "code": "130202",
+            "name": "路南区"
+          },
+          {
+            "code": "130203",
+            "name": "路北区"
+          },
+          {
+            "code": "130204",
+            "name": "古冶区"
+          },
+          {
+            "code": "130205",
+            "name": "开平区"
+          },
+          {
+            "code": "130207",
+            "name": "丰南区"
+          },
+          {
+            "code": "130208",
+            "name": "丰润区"
+          },
+          {
+            "code": "130209",
+            "name": "曹妃甸区"
+          },
+          {
+            "code": "130224",
+            "name": "滦南县"
+          },
+          {
+            "code": "130225",
+            "name": "乐亭县"
+          },
+          {
+            "code": "130227",
+            "name": "迁西县"
+          },
+          {
+            "code": "130229",
+            "name": "玉田县"
+          },
+          {
+            "code": "130271",
+            "name": "河北唐山芦台经济开发区"
+          },
+          {
+            "code": "130272",
+            "name": "唐山市汉沽管理区"
+          },
+          {
+            "code": "130273",
+            "name": "唐山高新技术产业开发区"
+          },
+          {
+            "code": "130274",
+            "name": "河北唐山海港经济开发区"
+          },
+          {
+            "code": "130281",
+            "name": "遵化市"
+          },
+          {
+            "code": "130283",
+            "name": "迁安市"
+          },
+          {
+            "code": "130284",
+            "name": "滦州市"
+          }
+        ]
+      },
+      {
+        "code": "1303",
+        "name": "秦皇岛市",
+        "children": [
+          {
+            "code": "130302",
+            "name": "海港区"
+          },
+          {
+            "code": "130303",
+            "name": "山海关区"
+          },
+          {
+            "code": "130304",
+            "name": "北戴河区"
+          },
+          {
+            "code": "130306",
+            "name": "抚宁区"
+          },
+          {
+            "code": "130321",
+            "name": "青龙满族自治县"
+          },
+          {
+            "code": "130322",
+            "name": "昌黎县"
+          },
+          {
+            "code": "130324",
+            "name": "卢龙县"
+          },
+          {
+            "code": "130371",
+            "name": "秦皇岛市经济技术开发区"
+          },
+          {
+            "code": "130372",
+            "name": "北戴河新区"
+          }
+        ]
+      },
+      {
+        "code": "1304",
+        "name": "邯郸市",
+        "children": [
+          {
+            "code": "130402",
+            "name": "邯山区"
+          },
+          {
+            "code": "130403",
+            "name": "丛台区"
+          },
+          {
+            "code": "130404",
+            "name": "复兴区"
+          },
+          {
+            "code": "130406",
+            "name": "峰峰矿区"
+          },
+          {
+            "code": "130407",
+            "name": "肥乡区"
+          },
+          {
+            "code": "130408",
+            "name": "永年区"
+          },
+          {
+            "code": "130423",
+            "name": "临漳县"
+          },
+          {
+            "code": "130424",
+            "name": "成安县"
+          },
+          {
+            "code": "130425",
+            "name": "大名县"
+          },
+          {
+            "code": "130426",
+            "name": "涉县"
+          },
+          {
+            "code": "130427",
+            "name": "磁县"
+          },
+          {
+            "code": "130430",
+            "name": "邱县"
+          },
+          {
+            "code": "130431",
+            "name": "鸡泽县"
+          },
+          {
+            "code": "130432",
+            "name": "广平县"
+          },
+          {
+            "code": "130433",
+            "name": "馆陶县"
+          },
+          {
+            "code": "130434",
+            "name": "魏县"
+          },
+          {
+            "code": "130435",
+            "name": "曲周县"
+          },
+          {
+            "code": "130471",
+            "name": "邯郸经济技术开发区"
+          },
+          {
+            "code": "130473",
+            "name": "邯郸冀南新区"
+          },
+          {
+            "code": "130481",
+            "name": "武安市"
+          }
+        ]
+      },
+      {
+        "code": "1305",
+        "name": "邢台市",
+        "children": [
+          {
+            "code": "130502",
+            "name": "襄都区"
+          },
+          {
+            "code": "130503",
+            "name": "信都区"
+          },
+          {
+            "code": "130505",
+            "name": "任泽区"
+          },
+          {
+            "code": "130506",
+            "name": "南和区"
+          },
+          {
+            "code": "130522",
+            "name": "临城县"
+          },
+          {
+            "code": "130523",
+            "name": "内丘县"
+          },
+          {
+            "code": "130524",
+            "name": "柏乡县"
+          },
+          {
+            "code": "130525",
+            "name": "隆尧县"
+          },
+          {
+            "code": "130528",
+            "name": "宁晋县"
+          },
+          {
+            "code": "130529",
+            "name": "巨鹿县"
+          },
+          {
+            "code": "130530",
+            "name": "新河县"
+          },
+          {
+            "code": "130531",
+            "name": "广宗县"
+          },
+          {
+            "code": "130532",
+            "name": "平乡县"
+          },
+          {
+            "code": "130533",
+            "name": "威县"
+          },
+          {
+            "code": "130534",
+            "name": "清河县"
+          },
+          {
+            "code": "130535",
+            "name": "临西县"
+          },
+          {
+            "code": "130571",
+            "name": "河北邢台经济开发区"
+          },
+          {
+            "code": "130581",
+            "name": "南宫市"
+          },
+          {
+            "code": "130582",
+            "name": "沙河市"
+          }
+        ]
+      },
+      {
+        "code": "1306",
+        "name": "保定市",
+        "children": [
+          {
+            "code": "130602",
+            "name": "竞秀区"
+          },
+          {
+            "code": "130606",
+            "name": "莲池区"
+          },
+          {
+            "code": "130607",
+            "name": "满城区"
+          },
+          {
+            "code": "130608",
+            "name": "清苑区"
+          },
+          {
+            "code": "130609",
+            "name": "徐水区"
+          },
+          {
+            "code": "130623",
+            "name": "涞水县"
+          },
+          {
+            "code": "130624",
+            "name": "阜平县"
+          },
+          {
+            "code": "130626",
+            "name": "定兴县"
+          },
+          {
+            "code": "130627",
+            "name": "唐县"
+          },
+          {
+            "code": "130628",
+            "name": "高阳县"
+          },
+          {
+            "code": "130629",
+            "name": "容城县"
+          },
+          {
+            "code": "130630",
+            "name": "涞源县"
+          },
+          {
+            "code": "130631",
+            "name": "望都县"
+          },
+          {
+            "code": "130632",
+            "name": "安新县"
+          },
+          {
+            "code": "130633",
+            "name": "易县"
+          },
+          {
+            "code": "130634",
+            "name": "曲阳县"
+          },
+          {
+            "code": "130635",
+            "name": "蠡县"
+          },
+          {
+            "code": "130636",
+            "name": "顺平县"
+          },
+          {
+            "code": "130637",
+            "name": "博野县"
+          },
+          {
+            "code": "130638",
+            "name": "雄县"
+          },
+          {
+            "code": "130671",
+            "name": "保定高新技术产业开发区"
+          },
+          {
+            "code": "130672",
+            "name": "保定白沟新城"
+          },
+          {
+            "code": "130681",
+            "name": "涿州市"
+          },
+          {
+            "code": "130682",
+            "name": "定州市"
+          },
+          {
+            "code": "130683",
+            "name": "安国市"
+          },
+          {
+            "code": "130684",
+            "name": "高碑店市"
+          }
+        ]
+      },
+      {
+        "code": "1307",
+        "name": "张家口市",
+        "children": [
+          {
+            "code": "130702",
+            "name": "桥东区"
+          },
+          {
+            "code": "130703",
+            "name": "桥西区"
+          },
+          {
+            "code": "130705",
+            "name": "宣化区"
+          },
+          {
+            "code": "130706",
+            "name": "下花园区"
+          },
+          {
+            "code": "130708",
+            "name": "万全区"
+          },
+          {
+            "code": "130709",
+            "name": "崇礼区"
+          },
+          {
+            "code": "130722",
+            "name": "张北县"
+          },
+          {
+            "code": "130723",
+            "name": "康保县"
+          },
+          {
+            "code": "130724",
+            "name": "沽源县"
+          },
+          {
+            "code": "130725",
+            "name": "尚义县"
+          },
+          {
+            "code": "130726",
+            "name": "蔚县"
+          },
+          {
+            "code": "130727",
+            "name": "阳原县"
+          },
+          {
+            "code": "130728",
+            "name": "怀安县"
+          },
+          {
+            "code": "130730",
+            "name": "怀来县"
+          },
+          {
+            "code": "130731",
+            "name": "涿鹿县"
+          },
+          {
+            "code": "130732",
+            "name": "赤城县"
+          },
+          {
+            "code": "130771",
+            "name": "张家口经济开发区"
+          },
+          {
+            "code": "130772",
+            "name": "张家口市察北管理区"
+          },
+          {
+            "code": "130773",
+            "name": "张家口市塞北管理区"
+          }
+        ]
+      },
+      {
+        "code": "1308",
+        "name": "承德市",
+        "children": [
+          {
+            "code": "130802",
+            "name": "双桥区"
+          },
+          {
+            "code": "130803",
+            "name": "双滦区"
+          },
+          {
+            "code": "130804",
+            "name": "鹰手营子矿区"
+          },
+          {
+            "code": "130821",
+            "name": "承德县"
+          },
+          {
+            "code": "130822",
+            "name": "兴隆县"
+          },
+          {
+            "code": "130824",
+            "name": "滦平县"
+          },
+          {
+            "code": "130825",
+            "name": "隆化县"
+          },
+          {
+            "code": "130826",
+            "name": "丰宁满族自治县"
+          },
+          {
+            "code": "130827",
+            "name": "宽城满族自治县"
+          },
+          {
+            "code": "130828",
+            "name": "围场满族蒙古族自治县"
+          },
+          {
+            "code": "130871",
+            "name": "承德高新技术产业开发区"
+          },
+          {
+            "code": "130881",
+            "name": "平泉市"
+          }
+        ]
+      },
+      {
+        "code": "1309",
+        "name": "沧州市",
+        "children": [
+          {
+            "code": "130902",
+            "name": "新华区"
+          },
+          {
+            "code": "130903",
+            "name": "运河区"
+          },
+          {
+            "code": "130921",
+            "name": "沧县"
+          },
+          {
+            "code": "130922",
+            "name": "青县"
+          },
+          {
+            "code": "130923",
+            "name": "东光县"
+          },
+          {
+            "code": "130924",
+            "name": "海兴县"
+          },
+          {
+            "code": "130925",
+            "name": "盐山县"
+          },
+          {
+            "code": "130926",
+            "name": "肃宁县"
+          },
+          {
+            "code": "130927",
+            "name": "南皮县"
+          },
+          {
+            "code": "130928",
+            "name": "吴桥县"
+          },
+          {
+            "code": "130929",
+            "name": "献县"
+          },
+          {
+            "code": "130930",
+            "name": "孟村回族自治县"
+          },
+          {
+            "code": "130971",
+            "name": "河北沧州经济开发区"
+          },
+          {
+            "code": "130972",
+            "name": "沧州高新技术产业开发区"
+          },
+          {
+            "code": "130973",
+            "name": "沧州渤海新区"
+          },
+          {
+            "code": "130981",
+            "name": "泊头市"
+          },
+          {
+            "code": "130982",
+            "name": "任丘市"
+          },
+          {
+            "code": "130983",
+            "name": "黄骅市"
+          },
+          {
+            "code": "130984",
+            "name": "河间市"
+          }
+        ]
+      },
+      {
+        "code": "1310",
+        "name": "廊坊市",
+        "children": [
+          {
+            "code": "131002",
+            "name": "安次区"
+          },
+          {
+            "code": "131003",
+            "name": "广阳区"
+          },
+          {
+            "code": "131022",
+            "name": "固安县"
+          },
+          {
+            "code": "131023",
+            "name": "永清县"
+          },
+          {
+            "code": "131024",
+            "name": "香河县"
+          },
+          {
+            "code": "131025",
+            "name": "大城县"
+          },
+          {
+            "code": "131026",
+            "name": "文安县"
+          },
+          {
+            "code": "131028",
+            "name": "大厂回族自治县"
+          },
+          {
+            "code": "131071",
+            "name": "廊坊经济技术开发区"
+          },
+          {
+            "code": "131081",
+            "name": "霸州市"
+          },
+          {
+            "code": "131082",
+            "name": "三河市"
+          }
+        ]
+      },
+      {
+        "code": "1311",
+        "name": "衡水市",
+        "children": [
+          {
+            "code": "131102",
+            "name": "桃城区"
+          },
+          {
+            "code": "131103",
+            "name": "冀州区"
+          },
+          {
+            "code": "131121",
+            "name": "枣强县"
+          },
+          {
+            "code": "131122",
+            "name": "武邑县"
+          },
+          {
+            "code": "131123",
+            "name": "武强县"
+          },
+          {
+            "code": "131124",
+            "name": "饶阳县"
+          },
+          {
+            "code": "131125",
+            "name": "安平县"
+          },
+          {
+            "code": "131126",
+            "name": "故城县"
+          },
+          {
+            "code": "131127",
+            "name": "景县"
+          },
+          {
+            "code": "131128",
+            "name": "阜城县"
+          },
+          {
+            "code": "131171",
+            "name": "河北衡水高新技术产业开发区"
+          },
+          {
+            "code": "131172",
+            "name": "衡水滨湖新区"
+          },
+          {
+            "code": "131182",
+            "name": "深州市"
+          }
+        ]
+      },
+      {
+        "code": "133100",
+        "name": "雄安新区"
+      }
+    ]
+  },
+  {
+    "code": "14",
+    "name": "山西省",
+    "children": [
+      {
+        "code": "1401",
+        "name": "太原市",
+        "children": [
+          {
+            "code": "140105",
+            "name": "小店区"
+          },
+          {
+            "code": "140106",
+            "name": "迎泽区"
+          },
+          {
+            "code": "140107",
+            "name": "杏花岭区"
+          },
+          {
+            "code": "140108",
+            "name": "尖草坪区"
+          },
+          {
+            "code": "140109",
+            "name": "万柏林区"
+          },
+          {
+            "code": "140110",
+            "name": "晋源区"
+          },
+          {
+            "code": "140121",
+            "name": "清徐县"
+          },
+          {
+            "code": "140122",
+            "name": "阳曲县"
+          },
+          {
+            "code": "140123",
+            "name": "娄烦县"
+          },
+          {
+            "code": "140171",
+            "name": "山西转型综合改革示范区"
+          },
+          {
+            "code": "140181",
+            "name": "古交市"
+          }
+        ]
+      },
+      {
+        "code": "1402",
+        "name": "大同市",
+        "children": [
+          {
+            "code": "140212",
+            "name": "新荣区"
+          },
+          {
+            "code": "140213",
+            "name": "平城区"
+          },
+          {
+            "code": "140214",
+            "name": "云冈区"
+          },
+          {
+            "code": "140215",
+            "name": "云州区"
+          },
+          {
+            "code": "140221",
+            "name": "阳高县"
+          },
+          {
+            "code": "140222",
+            "name": "天镇县"
+          },
+          {
+            "code": "140223",
+            "name": "广灵县"
+          },
+          {
+            "code": "140224",
+            "name": "灵丘县"
+          },
+          {
+            "code": "140225",
+            "name": "浑源县"
+          },
+          {
+            "code": "140226",
+            "name": "左云县"
+          },
+          {
+            "code": "140271",
+            "name": "山西大同经济开发区"
+          }
+        ]
+      },
+      {
+        "code": "1403",
+        "name": "阳泉市",
+        "children": [
+          {
+            "code": "140302",
+            "name": "城区"
+          },
+          {
+            "code": "140303",
+            "name": "矿区"
+          },
+          {
+            "code": "140311",
+            "name": "郊区"
+          },
+          {
+            "code": "140321",
+            "name": "平定县"
+          },
+          {
+            "code": "140322",
+            "name": "盂县"
+          }
+        ]
+      },
+      {
+        "code": "1404",
+        "name": "长治市",
+        "children": [
+          {
+            "code": "140403",
+            "name": "潞州区"
+          },
+          {
+            "code": "140404",
+            "name": "上党区"
+          },
+          {
+            "code": "140405",
+            "name": "屯留区"
+          },
+          {
+            "code": "140406",
+            "name": "潞城区"
+          },
+          {
+            "code": "140423",
+            "name": "襄垣县"
+          },
+          {
+            "code": "140425",
+            "name": "平顺县"
+          },
+          {
+            "code": "140426",
+            "name": "黎城县"
+          },
+          {
+            "code": "140427",
+            "name": "壶关县"
+          },
+          {
+            "code": "140428",
+            "name": "长子县"
+          },
+          {
+            "code": "140429",
+            "name": "武乡县"
+          },
+          {
+            "code": "140430",
+            "name": "沁县"
+          },
+          {
+            "code": "140431",
+            "name": "沁源县"
+          }
+        ]
+      },
+      {
+        "code": "1405",
+        "name": "晋城市",
+        "children": [
+          {
+            "code": "140502",
+            "name": "城区"
+          },
+          {
+            "code": "140521",
+            "name": "沁水县"
+          },
+          {
+            "code": "140522",
+            "name": "阳城县"
+          },
+          {
+            "code": "140524",
+            "name": "陵川县"
+          },
+          {
+            "code": "140525",
+            "name": "泽州县"
+          },
+          {
+            "code": "140581",
+            "name": "高平市"
+          }
+        ]
+      },
+      {
+        "code": "1406",
+        "name": "朔州市",
+        "children": [
+          {
+            "code": "140602",
+            "name": "朔城区"
+          },
+          {
+            "code": "140603",
+            "name": "平鲁区"
+          },
+          {
+            "code": "140621",
+            "name": "山阴县"
+          },
+          {
+            "code": "140622",
+            "name": "应县"
+          },
+          {
+            "code": "140623",
+            "name": "右玉县"
+          },
+          {
+            "code": "140671",
+            "name": "山西朔州经济开发区"
+          },
+          {
+            "code": "140681",
+            "name": "怀仁市"
+          }
+        ]
+      },
+      {
+        "code": "1407",
+        "name": "晋中市",
+        "children": [
+          {
+            "code": "140702",
+            "name": "榆次区"
+          },
+          {
+            "code": "140703",
+            "name": "太谷区"
+          },
+          {
+            "code": "140721",
+            "name": "榆社县"
+          },
+          {
+            "code": "140722",
+            "name": "左权县"
+          },
+          {
+            "code": "140723",
+            "name": "和顺县"
+          },
+          {
+            "code": "140724",
+            "name": "昔阳县"
+          },
+          {
+            "code": "140725",
+            "name": "寿阳县"
+          },
+          {
+            "code": "140727",
+            "name": "祁县"
+          },
+          {
+            "code": "140728",
+            "name": "平遥县"
+          },
+          {
+            "code": "140729",
+            "name": "灵石县"
+          },
+          {
+            "code": "140781",
+            "name": "介休市"
+          }
+        ]
+      },
+      {
+        "code": "1408",
+        "name": "运城市",
+        "children": [
+          {
+            "code": "140802",
+            "name": "盐湖区"
+          },
+          {
+            "code": "140821",
+            "name": "临猗县"
+          },
+          {
+            "code": "140822",
+            "name": "万荣县"
+          },
+          {
+            "code": "140823",
+            "name": "闻喜县"
+          },
+          {
+            "code": "140824",
+            "name": "稷山县"
+          },
+          {
+            "code": "140825",
+            "name": "新绛县"
+          },
+          {
+            "code": "140826",
+            "name": "绛县"
+          },
+          {
+            "code": "140827",
+            "name": "垣曲县"
+          },
+          {
+            "code": "140828",
+            "name": "夏县"
+          },
+          {
+            "code": "140829",
+            "name": "平陆县"
+          },
+          {
+            "code": "140830",
+            "name": "芮城县"
+          },
+          {
+            "code": "140881",
+            "name": "永济市"
+          },
+          {
+            "code": "140882",
+            "name": "河津市"
+          }
+        ]
+      },
+      {
+        "code": "1409",
+        "name": "忻州市",
+        "children": [
+          {
+            "code": "140902",
+            "name": "忻府区"
+          },
+          {
+            "code": "140921",
+            "name": "定襄县"
+          },
+          {
+            "code": "140922",
+            "name": "五台县"
+          },
+          {
+            "code": "140923",
+            "name": "代县"
+          },
+          {
+            "code": "140924",
+            "name": "繁峙县"
+          },
+          {
+            "code": "140925",
+            "name": "宁武县"
+          },
+          {
+            "code": "140926",
+            "name": "静乐县"
+          },
+          {
+            "code": "140927",
+            "name": "神池县"
+          },
+          {
+            "code": "140928",
+            "name": "五寨县"
+          },
+          {
+            "code": "140929",
+            "name": "岢岚县"
+          },
+          {
+            "code": "140930",
+            "name": "河曲县"
+          },
+          {
+            "code": "140931",
+            "name": "保德县"
+          },
+          {
+            "code": "140932",
+            "name": "偏关县"
+          },
+          {
+            "code": "140971",
+            "name": "五台山风景名胜区"
+          },
+          {
+            "code": "140981",
+            "name": "原平市"
+          }
+        ]
+      },
+      {
+        "code": "1410",
+        "name": "临汾市",
+        "children": [
+          {
+            "code": "141002",
+            "name": "尧都区"
+          },
+          {
+            "code": "141021",
+            "name": "曲沃县"
+          },
+          {
+            "code": "141022",
+            "name": "翼城县"
+          },
+          {
+            "code": "141023",
+            "name": "襄汾县"
+          },
+          {
+            "code": "141024",
+            "name": "洪洞县"
+          },
+          {
+            "code": "141025",
+            "name": "古县"
+          },
+          {
+            "code": "141026",
+            "name": "安泽县"
+          },
+          {
+            "code": "141027",
+            "name": "浮山县"
+          },
+          {
+            "code": "141028",
+            "name": "吉县"
+          },
+          {
+            "code": "141029",
+            "name": "乡宁县"
+          },
+          {
+            "code": "141030",
+            "name": "大宁县"
+          },
+          {
+            "code": "141031",
+            "name": "隰县"
+          },
+          {
+            "code": "141032",
+            "name": "永和县"
+          },
+          {
+            "code": "141033",
+            "name": "蒲县"
+          },
+          {
+            "code": "141034",
+            "name": "汾西县"
+          },
+          {
+            "code": "141081",
+            "name": "侯马市"
+          },
+          {
+            "code": "141082",
+            "name": "霍州市"
+          }
+        ]
+      },
+      {
+        "code": "1411",
+        "name": "吕梁市",
+        "children": [
+          {
+            "code": "141102",
+            "name": "离石区"
+          },
+          {
+            "code": "141121",
+            "name": "文水县"
+          },
+          {
+            "code": "141122",
+            "name": "交城县"
+          },
+          {
+            "code": "141123",
+            "name": "兴县"
+          },
+          {
+            "code": "141124",
+            "name": "临县"
+          },
+          {
+            "code": "141125",
+            "name": "柳林县"
+          },
+          {
+            "code": "141126",
+            "name": "石楼县"
+          },
+          {
+            "code": "141127",
+            "name": "岚县"
+          },
+          {
+            "code": "141128",
+            "name": "方山县"
+          },
+          {
+            "code": "141129",
+            "name": "中阳县"
+          },
+          {
+            "code": "141130",
+            "name": "交口县"
+          },
+          {
+            "code": "141181",
+            "name": "孝义市"
+          },
+          {
+            "code": "141182",
+            "name": "汾阳市"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "code": "15",
+    "name": "内蒙古自治区",
+    "children": [
+      {
+        "code": "1501",
+        "name": "呼和浩特市",
+        "children": [
+          {
+            "code": "150102",
+            "name": "新城区"
+          },
+          {
+            "code": "150103",
+            "name": "回民区"
+          },
+          {
+            "code": "150104",
+            "name": "玉泉区"
+          },
+          {
+            "code": "150105",
+            "name": "赛罕区"
+          },
+          {
+            "code": "150121",
+            "name": "土默特左旗"
+          },
+          {
+            "code": "150122",
+            "name": "托克托县"
+          },
+          {
+            "code": "150123",
+            "name": "和林格尔县"
+          },
+          {
+            "code": "150124",
+            "name": "清水河县"
+          },
+          {
+            "code": "150125",
+            "name": "武川县"
+          },
+          {
+            "code": "150172",
+            "name": "呼和浩特经济技术开发区"
+          }
+        ]
+      },
+      {
+        "code": "1502",
+        "name": "包头市",
+        "children": [
+          {
+            "code": "150202",
+            "name": "东河区"
+          },
+          {
+            "code": "150203",
+            "name": "昆都仑区"
+          },
+          {
+            "code": "150204",
+            "name": "青山区"
+          },
+          {
+            "code": "150205",
+            "name": "石拐区"
+          },
+          {
+            "code": "150206",
+            "name": "白云鄂博矿区"
+          },
+          {
+            "code": "150207",
+            "name": "九原区"
+          },
+          {
+            "code": "150221",
+            "name": "土默特右旗"
+          },
+          {
+            "code": "150222",
+            "name": "固阳县"
+          },
+          {
+            "code": "150223",
+            "name": "达尔罕茂明安联合旗"
+          },
+          {
+            "code": "150271",
+            "name": "包头稀土高新技术产业开发区"
+          }
+        ]
+      },
+      {
+        "code": "1503",
+        "name": "乌海市",
+        "children": [
+          {
+            "code": "150302",
+            "name": "海勃湾区"
+          },
+          {
+            "code": "150303",
+            "name": "海南区"
+          },
+          {
+            "code": "150304",
+            "name": "乌达区"
+          }
+        ]
+      },
+      {
+        "code": "1504",
+        "name": "赤峰市",
+        "children": [
+          {
+            "code": "150402",
+            "name": "红山区"
+          },
+          {
+            "code": "150403",
+            "name": "元宝山区"
+          },
+          {
+            "code": "150404",
+            "name": "松山区"
+          },
+          {
+            "code": "150421",
+            "name": "阿鲁科尔沁旗"
+          },
+          {
+            "code": "150422",
+            "name": "巴林左旗"
+          },
+          {
+            "code": "150423",
+            "name": "巴林右旗"
+          },
+          {
+            "code": "150424",
+            "name": "林西县"
+          },
+          {
+            "code": "150425",
+            "name": "克什克腾旗"
+          },
+          {
+            "code": "150426",
+            "name": "翁牛特旗"
+          },
+          {
+            "code": "150428",
+            "name": "喀喇沁旗"
+          },
+          {
+            "code": "150429",
+            "name": "宁城县"
+          },
+          {
+            "code": "150430",
+            "name": "敖汉旗"
+          }
+        ]
+      },
+      {
+        "code": "1505",
+        "name": "通辽市",
+        "children": [
+          {
+            "code": "150502",
+            "name": "科尔沁区"
+          },
+          {
+            "code": "150521",
+            "name": "科尔沁左翼中旗"
+          },
+          {
+            "code": "150522",
+            "name": "科尔沁左翼后旗"
+          },
+          {
+            "code": "150523",
+            "name": "开鲁县"
+          },
+          {
+            "code": "150524",
+            "name": "库伦旗"
+          },
+          {
+            "code": "150525",
+            "name": "奈曼旗"
+          },
+          {
+            "code": "150526",
+            "name": "扎鲁特旗"
+          },
+          {
+            "code": "150571",
+            "name": "通辽经济技术开发区"
+          },
+          {
+            "code": "150581",
+            "name": "霍林郭勒市"
+          }
+        ]
+      },
+      {
+        "code": "1506",
+        "name": "鄂尔多斯市",
+        "children": [
+          {
+            "code": "150602",
+            "name": "东胜区"
+          },
+          {
+            "code": "150603",
+            "name": "康巴什区"
+          },
+          {
+            "code": "150621",
+            "name": "达拉特旗"
+          },
+          {
+            "code": "150622",
+            "name": "准格尔旗"
+          },
+          {
+            "code": "150623",
+            "name": "鄂托克前旗"
+          },
+          {
+            "code": "150624",
+            "name": "鄂托克旗"
+          },
+          {
+            "code": "150625",
+            "name": "杭锦旗"
+          },
+          {
+            "code": "150626",
+            "name": "乌审旗"
+          },
+          {
+            "code": "150627",
+            "name": "伊金霍洛旗"
+          }
+        ]
+      },
+      {
+        "code": "1507",
+        "name": "呼伦贝尔市",
+        "children": [
+          {
+            "code": "150702",
+            "name": "海拉尔区"
+          },
+          {
+            "code": "150703",
+            "name": "扎赉诺尔区"
+          },
+          {
+            "code": "150721",
+            "name": "阿荣旗"
+          },
+          {
+            "code": "150722",
+            "name": "莫力达瓦达斡尔族自治旗"
+          },
+          {
+            "code": "150723",
+            "name": "鄂伦春自治旗"
+          },
+          {
+            "code": "150724",
+            "name": "鄂温克族自治旗"
+          },
+          {
+            "code": "150725",
+            "name": "陈巴尔虎旗"
+          },
+          {
+            "code": "150726",
+            "name": "新巴尔虎左旗"
+          },
+          {
+            "code": "150727",
+            "name": "新巴尔虎右旗"
+          },
+          {
+            "code": "150781",
+            "name": "满洲里市"
+          },
+          {
+            "code": "150782",
+            "name": "牙克石市"
+          },
+          {
+            "code": "150783",
+            "name": "扎兰屯市"
+          },
+          {
+            "code": "150784",
+            "name": "额尔古纳市"
+          },
+          {
+            "code": "150785",
+            "name": "根河市"
+          }
+        ]
+      },
+      {
+        "code": "1508",
+        "name": "巴彦淖尔市",
+        "children": [
+          {
+            "code": "150802",
+            "name": "临河区"
+          },
+          {
+            "code": "150821",
+            "name": "五原县"
+          },
+          {
+            "code": "150822",
+            "name": "磴口县"
+          },
+          {
+            "code": "150823",
+            "name": "乌拉特前旗"
+          },
+          {
+            "code": "150824",
+            "name": "乌拉特中旗"
+          },
+          {
+            "code": "150825",
+            "name": "乌拉特后旗"
+          },
+          {
+            "code": "150826",
+            "name": "杭锦后旗"
+          }
+        ]
+      },
+      {
+        "code": "1509",
+        "name": "乌兰察布市",
+        "children": [
+          {
+            "code": "150902",
+            "name": "集宁区"
+          },
+          {
+            "code": "150921",
+            "name": "卓资县"
+          },
+          {
+            "code": "150922",
+            "name": "化德县"
+          },
+          {
+            "code": "150923",
+            "name": "商都县"
+          },
+          {
+            "code": "150924",
+            "name": "兴和县"
+          },
+          {
+            "code": "150925",
+            "name": "凉城县"
+          },
+          {
+            "code": "150926",
+            "name": "察哈尔右翼前旗"
+          },
+          {
+            "code": "150927",
+            "name": "察哈尔右翼中旗"
+          },
+          {
+            "code": "150928",
+            "name": "察哈尔右翼后旗"
+          },
+          {
+            "code": "150929",
+            "name": "四子王旗"
+          },
+          {
+            "code": "150981",
+            "name": "丰镇市"
+          }
+        ]
+      },
+      {
+        "code": "1522",
+        "name": "兴安盟",
+        "children": [
+          {
+            "code": "152201",
+            "name": "乌兰浩特市"
+          },
+          {
+            "code": "152202",
+            "name": "阿尔山市"
+          },
+          {
+            "code": "152221",
+            "name": "科尔沁右翼前旗"
+          },
+          {
+            "code": "152222",
+            "name": "科尔沁右翼中旗"
+          },
+          {
+            "code": "152223",
+            "name": "扎赉特旗"
+          },
+          {
+            "code": "152224",
+            "name": "突泉县"
+          }
+        ]
+      },
+      {
+        "code": "1525",
+        "name": "锡林郭勒盟",
+        "children": [
+          {
+            "code": "152501",
+            "name": "二连浩特市"
+          },
+          {
+            "code": "152502",
+            "name": "锡林浩特市"
+          },
+          {
+            "code": "152522",
+            "name": "阿巴嘎旗"
+          },
+          {
+            "code": "152523",
+            "name": "苏尼特左旗"
+          },
+          {
+            "code": "152524",
+            "name": "苏尼特右旗"
+          },
+          {
+            "code": "152525",
+            "name": "东乌珠穆沁旗"
+          },
+          {
+            "code": "152526",
+            "name": "西乌珠穆沁旗"
+          },
+          {
+            "code": "152527",
+            "name": "太仆寺旗"
+          },
+          {
+            "code": "152528",
+            "name": "镶黄旗"
+          },
+          {
+            "code": "152529",
+            "name": "正镶白旗"
+          },
+          {
+            "code": "152530",
+            "name": "正蓝旗"
+          },
+          {
+            "code": "152531",
+            "name": "多伦县"
+          },
+          {
+            "code": "152571",
+            "name": "乌拉盖管理区管委会"
+          }
+        ]
+      },
+      {
+        "code": "1529",
+        "name": "阿拉善盟",
+        "children": [
+          {
+            "code": "152921",
+            "name": "阿拉善左旗"
+          },
+          {
+            "code": "152922",
+            "name": "阿拉善右旗"
+          },
+          {
+            "code": "152923",
+            "name": "额济纳旗"
+          },
+          {
+            "code": "152971",
+            "name": "内蒙古阿拉善高新技术产业开发区"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "code": "21",
+    "name": "辽宁省",
+    "children": [
+      {
+        "code": "2101",
+        "name": "沈阳市",
+        "children": [
+          {
+            "code": "210102",
+            "name": "和平区"
+          },
+          {
+            "code": "210103",
+            "name": "沈河区"
+          },
+          {
+            "code": "210104",
+            "name": "大东区"
+          },
+          {
+            "code": "210105",
+            "name": "皇姑区"
+          },
+          {
+            "code": "210106",
+            "name": "铁西区"
+          },
+          {
+            "code": "210111",
+            "name": "苏家屯区"
+          },
+          {
+            "code": "210112",
+            "name": "浑南区"
+          },
+          {
+            "code": "210113",
+            "name": "沈北新区"
+          },
+          {
+            "code": "210114",
+            "name": "于洪区"
+          },
+          {
+            "code": "210115",
+            "name": "辽中区"
+          },
+          {
+            "code": "210123",
+            "name": "康平县"
+          },
+          {
+            "code": "210124",
+            "name": "法库县"
+          },
+          {
+            "code": "210181",
+            "name": "新民市"
+          }
+        ]
+      },
+      {
+        "code": "2102",
+        "name": "大连市",
+        "children": [
+          {
+            "code": "210202",
+            "name": "中山区"
+          },
+          {
+            "code": "210203",
+            "name": "西岗区"
+          },
+          {
+            "code": "210204",
+            "name": "沙河口区"
+          },
+          {
+            "code": "210211",
+            "name": "甘井子区"
+          },
+          {
+            "code": "210212",
+            "name": "旅顺口区"
+          },
+          {
+            "code": "210213",
+            "name": "金州区"
+          },
+          {
+            "code": "210214",
+            "name": "普兰店区"
+          },
+          {
+            "code": "210224",
+            "name": "长海县"
+          },
+          {
+            "code": "210281",
+            "name": "瓦房店市"
+          },
+          {
+            "code": "210283",
+            "name": "庄河市"
+          }
+        ]
+      },
+      {
+        "code": "2103",
+        "name": "鞍山市",
+        "children": [
+          {
+            "code": "210302",
+            "name": "铁东区"
+          },
+          {
+            "code": "210303",
+            "name": "铁西区"
+          },
+          {
+            "code": "210304",
+            "name": "立山区"
+          },
+          {
+            "code": "210311",
+            "name": "千山区"
+          },
+          {
+            "code": "210321",
+            "name": "台安县"
+          },
+          {
+            "code": "210323",
+            "name": "岫岩满族自治县"
+          },
+          {
+            "code": "210381",
+            "name": "海城市"
+          }
+        ]
+      },
+      {
+        "code": "2104",
+        "name": "抚顺市",
+        "children": [
+          {
+            "code": "210402",
+            "name": "新抚区"
+          },
+          {
+            "code": "210403",
+            "name": "东洲区"
+          },
+          {
+            "code": "210404",
+            "name": "望花区"
+          },
+          {
+            "code": "210411",
+            "name": "顺城区"
+          },
+          {
+            "code": "210421",
+            "name": "抚顺县"
+          },
+          {
+            "code": "210422",
+            "name": "新宾满族自治县"
+          },
+          {
+            "code": "210423",
+            "name": "清原满族自治县"
+          }
+        ]
+      },
+      {
+        "code": "2105",
+        "name": "本溪市",
+        "children": [
+          {
+            "code": "210502",
+            "name": "平山区"
+          },
+          {
+            "code": "210503",
+            "name": "溪湖区"
+          },
+          {
+            "code": "210504",
+            "name": "明山区"
+          },
+          {
+            "code": "210505",
+            "name": "南芬区"
+          },
+          {
+            "code": "210521",
+            "name": "本溪满族自治县"
+          },
+          {
+            "code": "210522",
+            "name": "桓仁满族自治县"
+          }
+        ]
+      },
+      {
+        "code": "2106",
+        "name": "丹东市",
+        "children": [
+          {
+            "code": "210602",
+            "name": "元宝区"
+          },
+          {
+            "code": "210603",
+            "name": "振兴区"
+          },
+          {
+            "code": "210604",
+            "name": "振安区"
+          },
+          {
+            "code": "210624",
+            "name": "宽甸满族自治县"
+          },
+          {
+            "code": "210681",
+            "name": "东港市"
+          },
+          {
+            "code": "210682",
+            "name": "凤城市"
+          }
+        ]
+      },
+      {
+        "code": "2107",
+        "name": "锦州市",
+        "children": [
+          {
+            "code": "210702",
+            "name": "古塔区"
+          },
+          {
+            "code": "210703",
+            "name": "凌河区"
+          },
+          {
+            "code": "210711",
+            "name": "太和区"
+          },
+          {
+            "code": "210726",
+            "name": "黑山县"
+          },
+          {
+            "code": "210727",
+            "name": "义县"
+          },
+          {
+            "code": "210781",
+            "name": "凌海市"
+          },
+          {
+            "code": "210782",
+            "name": "北镇市"
+          }
+        ]
+      },
+      {
+        "code": "2108",
+        "name": "营口市",
+        "children": [
+          {
+            "code": "210802",
+            "name": "站前区"
+          },
+          {
+            "code": "210803",
+            "name": "西市区"
+          },
+          {
+            "code": "210804",
+            "name": "鲅鱼圈区"
+          },
+          {
+            "code": "210811",
+            "name": "老边区"
+          },
+          {
+            "code": "210881",
+            "name": "盖州市"
+          },
+          {
+            "code": "210882",
+            "name": "大石桥市"
+          }
+        ]
+      },
+      {
+        "code": "2109",
+        "name": "阜新市",
+        "children": [
+          {
+            "code": "210902",
+            "name": "海州区"
+          },
+          {
+            "code": "210903",
+            "name": "新邱区"
+          },
+          {
+            "code": "210904",
+            "name": "太平区"
+          },
+          {
+            "code": "210905",
+            "name": "清河门区"
+          },
+          {
+            "code": "210911",
+            "name": "细河区"
+          },
+          {
+            "code": "210921",
+            "name": "阜新蒙古族自治县"
+          },
+          {
+            "code": "210922",
+            "name": "彰武县"
+          }
+        ]
+      },
+      {
+        "code": "2110",
+        "name": "辽阳市",
+        "children": [
+          {
+            "code": "211002",
+            "name": "白塔区"
+          },
+          {
+            "code": "211003",
+            "name": "文圣区"
+          },
+          {
+            "code": "211004",
+            "name": "宏伟区"
+          },
+          {
+            "code": "211005",
+            "name": "弓长岭区"
+          },
+          {
+            "code": "211011",
+            "name": "太子河区"
+          },
+          {
+            "code": "211021",
+            "name": "辽阳县"
+          },
+          {
+            "code": "211081",
+            "name": "灯塔市"
+          }
+        ]
+      },
+      {
+        "code": "2111",
+        "name": "盘锦市",
+        "children": [
+          {
+            "code": "211102",
+            "name": "双台子区"
+          },
+          {
+            "code": "211103",
+            "name": "兴隆台区"
+          },
+          {
+            "code": "211104",
+            "name": "大洼区"
+          },
+          {
+            "code": "211122",
+            "name": "盘山县"
+          }
+        ]
+      },
+      {
+        "code": "2112",
+        "name": "铁岭市",
+        "children": [
+          {
+            "code": "211202",
+            "name": "银州区"
+          },
+          {
+            "code": "211204",
+            "name": "清河区"
+          },
+          {
+            "code": "211221",
+            "name": "铁岭县"
+          },
+          {
+            "code": "211223",
+            "name": "西丰县"
+          },
+          {
+            "code": "211224",
+            "name": "昌图县"
+          },
+          {
+            "code": "211281",
+            "name": "调兵山市"
+          },
+          {
+            "code": "211282",
+            "name": "开原市"
+          }
+        ]
+      },
+      {
+        "code": "2113",
+        "name": "朝阳市",
+        "children": [
+          {
+            "code": "211302",
+            "name": "双塔区"
+          },
+          {
+            "code": "211303",
+            "name": "龙城区"
+          },
+          {
+            "code": "211321",
+            "name": "朝阳县"
+          },
+          {
+            "code": "211322",
+            "name": "建平县"
+          },
+          {
+            "code": "211324",
+            "name": "喀喇沁左翼蒙古族自治县"
+          },
+          {
+            "code": "211381",
+            "name": "北票市"
+          },
+          {
+            "code": "211382",
+            "name": "凌源市"
+          }
+        ]
+      },
+      {
+        "code": "2114",
+        "name": "葫芦岛市",
+        "children": [
+          {
+            "code": "211402",
+            "name": "连山区"
+          },
+          {
+            "code": "211403",
+            "name": "龙港区"
+          },
+          {
+            "code": "211404",
+            "name": "南票区"
+          },
+          {
+            "code": "211421",
+            "name": "绥中县"
+          },
+          {
+            "code": "211422",
+            "name": "建昌县"
+          },
+          {
+            "code": "211481",
+            "name": "兴城市"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "code": "22",
+    "name": "吉林省",
+    "children": [
+      {
+        "code": "2201",
+        "name": "长春市",
+        "children": [
+          {
+            "code": "220102",
+            "name": "南关区"
+          },
+          {
+            "code": "220103",
+            "name": "宽城区"
+          },
+          {
+            "code": "220104",
+            "name": "朝阳区"
+          },
+          {
+            "code": "220105",
+            "name": "二道区"
+          },
+          {
+            "code": "220106",
+            "name": "绿园区"
+          },
+          {
+            "code": "220112",
+            "name": "双阳区"
+          },
+          {
+            "code": "220113",
+            "name": "九台区"
+          },
+          {
+            "code": "220122",
+            "name": "农安县"
+          },
+          {
+            "code": "220171",
+            "name": "长春经济技术开发区"
+          },
+          {
+            "code": "220172",
+            "name": "长春净月高新技术产业开发区"
+          },
+          {
+            "code": "220173",
+            "name": "长春高新技术产业开发区"
+          },
+          {
+            "code": "220174",
+            "name": "长春汽车经济技术开发区"
+          },
+          {
+            "code": "220182",
+            "name": "榆树市"
+          },
+          {
+            "code": "220183",
+            "name": "德惠市"
+          },
+          {
+            "code": "220184",
+            "name": "公主岭市"
+          }
+        ]
+      },
+      {
+        "code": "2202",
+        "name": "吉林市",
+        "children": [
+          {
+            "code": "220202",
+            "name": "昌邑区"
+          },
+          {
+            "code": "220203",
+            "name": "龙潭区"
+          },
+          {
+            "code": "220204",
+            "name": "船营区"
+          },
+          {
+            "code": "220211",
+            "name": "丰满区"
+          },
+          {
+            "code": "220221",
+            "name": "永吉县"
+          },
+          {
+            "code": "220271",
+            "name": "吉林经济开发区"
+          },
+          {
+            "code": "220272",
+            "name": "吉林高新技术产业开发区"
+          },
+          {
+            "code": "220273",
+            "name": "吉林中国新加坡食品区"
+          },
+          {
+            "code": "220281",
+            "name": "蛟河市"
+          },
+          {
+            "code": "220282",
+            "name": "桦甸市"
+          },
+          {
+            "code": "220283",
+            "name": "舒兰市"
+          },
+          {
+            "code": "220284",
+            "name": "磐石市"
+          }
+        ]
+      },
+      {
+        "code": "2203",
+        "name": "四平市",
+        "children": [
+          {
+            "code": "220302",
+            "name": "铁西区"
+          },
+          {
+            "code": "220303",
+            "name": "铁东区"
+          },
+          {
+            "code": "220322",
+            "name": "梨树县"
+          },
+          {
+            "code": "220323",
+            "name": "伊通满族自治县"
+          },
+          {
+            "code": "220382",
+            "name": "双辽市"
+          }
+        ]
+      },
+      {
+        "code": "2204",
+        "name": "辽源市",
+        "children": [
+          {
+            "code": "220402",
+            "name": "龙山区"
+          },
+          {
+            "code": "220403",
+            "name": "西安区"
+          },
+          {
+            "code": "220421",
+            "name": "东丰县"
+          },
+          {
+            "code": "220422",
+            "name": "东辽县"
+          }
+        ]
+      },
+      {
+        "code": "2205",
+        "name": "通化市",
+        "children": [
+          {
+            "code": "220502",
+            "name": "东昌区"
+          },
+          {
+            "code": "220503",
+            "name": "二道江区"
+          },
+          {
+            "code": "220521",
+            "name": "通化县"
+          },
+          {
+            "code": "220523",
+            "name": "辉南县"
+          },
+          {
+            "code": "220524",
+            "name": "柳河县"
+          },
+          {
+            "code": "220581",
+            "name": "梅河口市"
+          },
+          {
+            "code": "220582",
+            "name": "集安市"
+          }
+        ]
+      },
+      {
+        "code": "2206",
+        "name": "白山市",
+        "children": [
+          {
+            "code": "220602",
+            "name": "浑江区"
+          },
+          {
+            "code": "220605",
+            "name": "江源区"
+          },
+          {
+            "code": "220621",
+            "name": "抚松县"
+          },
+          {
+            "code": "220622",
+            "name": "靖宇县"
+          },
+          {
+            "code": "220623",
+            "name": "长白朝鲜族自治县"
+          },
+          {
+            "code": "220681",
+            "name": "临江市"
+          }
+        ]
+      },
+      {
+        "code": "2207",
+        "name": "松原市",
+        "children": [
+          {
+            "code": "220702",
+            "name": "宁江区"
+          },
+          {
+            "code": "220721",
+            "name": "前郭尔罗斯蒙古族自治县"
+          },
+          {
+            "code": "220722",
+            "name": "长岭县"
+          },
+          {
+            "code": "220723",
+            "name": "乾安县"
+          },
+          {
+            "code": "220771",
+            "name": "吉林松原经济开发区"
+          },
+          {
+            "code": "220781",
+            "name": "扶余市"
+          }
+        ]
+      },
+      {
+        "code": "2208",
+        "name": "白城市",
+        "children": [
+          {
+            "code": "220802",
+            "name": "洮北区"
+          },
+          {
+            "code": "220821",
+            "name": "镇赉县"
+          },
+          {
+            "code": "220822",
+            "name": "通榆县"
+          },
+          {
+            "code": "220871",
+            "name": "吉林白城经济开发区"
+          },
+          {
+            "code": "220881",
+            "name": "洮南市"
+          },
+          {
+            "code": "220882",
+            "name": "大安市"
+          }
+        ]
+      },
+      {
+        "code": "2224",
+        "name": "延边朝鲜族自治州",
+        "children": [
+          {
+            "code": "222401",
+            "name": "延吉市"
+          },
+          {
+            "code": "222402",
+            "name": "图们市"
+          },
+          {
+            "code": "222403",
+            "name": "敦化市"
+          },
+          {
+            "code": "222404",
+            "name": "珲春市"
+          },
+          {
+            "code": "222405",
+            "name": "龙井市"
+          },
+          {
+            "code": "222406",
+            "name": "和龙市"
+          },
+          {
+            "code": "222424",
+            "name": "汪清县"
+          },
+          {
+            "code": "222426",
+            "name": "安图县"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "code": "23",
+    "name": "黑龙江省",
+    "children": [
+      {
+        "code": "2301",
+        "name": "哈尔滨市",
+        "children": [
+          {
+            "code": "230102",
+            "name": "道里区"
+          },
+          {
+            "code": "230103",
+            "name": "南岗区"
+          },
+          {
+            "code": "230104",
+            "name": "道外区"
+          },
+          {
+            "code": "230108",
+            "name": "平房区"
+          },
+          {
+            "code": "230109",
+            "name": "松北区"
+          },
+          {
+            "code": "230110",
+            "name": "香坊区"
+          },
+          {
+            "code": "230111",
+            "name": "呼兰区"
+          },
+          {
+            "code": "230112",
+            "name": "阿城区"
+          },
+          {
+            "code": "230113",
+            "name": "双城区"
+          },
+          {
+            "code": "230123",
+            "name": "依兰县"
+          },
+          {
+            "code": "230124",
+            "name": "方正县"
+          },
+          {
+            "code": "230125",
+            "name": "宾县"
+          },
+          {
+            "code": "230126",
+            "name": "巴彦县"
+          },
+          {
+            "code": "230127",
+            "name": "木兰县"
+          },
+          {
+            "code": "230128",
+            "name": "通河县"
+          },
+          {
+            "code": "230129",
+            "name": "延寿县"
+          },
+          {
+            "code": "230183",
+            "name": "尚志市"
+          },
+          {
+            "code": "230184",
+            "name": "五常市"
+          }
+        ]
+      },
+      {
+        "code": "2302",
+        "name": "齐齐哈尔市",
+        "children": [
+          {
+            "code": "230202",
+            "name": "龙沙区"
+          },
+          {
+            "code": "230203",
+            "name": "建华区"
+          },
+          {
+            "code": "230204",
+            "name": "铁锋区"
+          },
+          {
+            "code": "230205",
+            "name": "昂昂溪区"
+          },
+          {
+            "code": "230206",
+            "name": "富拉尔基区"
+          },
+          {
+            "code": "230207",
+            "name": "碾子山区"
+          },
+          {
+            "code": "230208",
+            "name": "梅里斯达斡尔族区"
+          },
+          {
+            "code": "230221",
+            "name": "龙江县"
+          },
+          {
+            "code": "230223",
+            "name": "依安县"
+          },
+          {
+            "code": "230224",
+            "name": "泰来县"
+          },
+          {
+            "code": "230225",
+            "name": "甘南县"
+          },
+          {
+            "code": "230227",
+            "name": "富裕县"
+          },
+          {
+            "code": "230229",
+            "name": "克山县"
+          },
+          {
+            "code": "230230",
+            "name": "克东县"
+          },
+          {
+            "code": "230231",
+            "name": "拜泉县"
+          },
+          {
+            "code": "230281",
+            "name": "讷河市"
+          }
+        ]
+      },
+      {
+        "code": "2303",
+        "name": "鸡西市",
+        "children": [
+          {
+            "code": "230302",
+            "name": "鸡冠区"
+          },
+          {
+            "code": "230303",
+            "name": "恒山区"
+          },
+          {
+            "code": "230304",
+            "name": "滴道区"
+          },
+          {
+            "code": "230305",
+            "name": "梨树区"
+          },
+          {
+            "code": "230306",
+            "name": "城子河区"
+          },
+          {
+            "code": "230307",
+            "name": "麻山区"
+          },
+          {
+            "code": "230321",
+            "name": "鸡东县"
+          },
+          {
+            "code": "230381",
+            "name": "虎林市"
+          },
+          {
+            "code": "230382",
+            "name": "密山市"
+          }
+        ]
+      },
+      {
+        "code": "2304",
+        "name": "鹤岗市",
+        "children": [
+          {
+            "code": "230402",
+            "name": "向阳区"
+          },
+          {
+            "code": "230403",
+            "name": "工农区"
+          },
+          {
+            "code": "230404",
+            "name": "南山区"
+          },
+          {
+            "code": "230405",
+            "name": "兴安区"
+          },
+          {
+            "code": "230406",
+            "name": "东山区"
+          },
+          {
+            "code": "230407",
+            "name": "兴山区"
+          },
+          {
+            "code": "230421",
+            "name": "萝北县"
+          },
+          {
+            "code": "230422",
+            "name": "绥滨县"
+          }
+        ]
+      },
+      {
+        "code": "2305",
+        "name": "双鸭山市",
+        "children": [
+          {
+            "code": "230502",
+            "name": "尖山区"
+          },
+          {
+            "code": "230503",
+            "name": "岭东区"
+          },
+          {
+            "code": "230505",
+            "name": "四方台区"
+          },
+          {
+            "code": "230506",
+            "name": "宝山区"
+          },
+          {
+            "code": "230521",
+            "name": "集贤县"
+          },
+          {
+            "code": "230522",
+            "name": "友谊县"
+          },
+          {
+            "code": "230523",
+            "name": "宝清县"
+          },
+          {
+            "code": "230524",
+            "name": "饶河县"
+          }
+        ]
+      },
+      {
+        "code": "2306",
+        "name": "大庆市",
+        "children": [
+          {
+            "code": "230602",
+            "name": "萨尔图区"
+          },
+          {
+            "code": "230603",
+            "name": "龙凤区"
+          },
+          {
+            "code": "230604",
+            "name": "让胡路区"
+          },
+          {
+            "code": "230605",
+            "name": "红岗区"
+          },
+          {
+            "code": "230606",
+            "name": "大同区"
+          },
+          {
+            "code": "230621",
+            "name": "肇州县"
+          },
+          {
+            "code": "230622",
+            "name": "肇源县"
+          },
+          {
+            "code": "230623",
+            "name": "林甸县"
+          },
+          {
+            "code": "230624",
+            "name": "杜尔伯特蒙古族自治县"
+          },
+          {
+            "code": "230671",
+            "name": "大庆高新技术产业开发区"
+          }
+        ]
+      },
+      {
+        "code": "2307",
+        "name": "伊春市",
+        "children": [
+          {
+            "code": "230717",
+            "name": "伊美区"
+          },
+          {
+            "code": "230718",
+            "name": "乌翠区"
+          },
+          {
+            "code": "230719",
+            "name": "友好区"
+          },
+          {
+            "code": "230722",
+            "name": "嘉荫县"
+          },
+          {
+            "code": "230723",
+            "name": "汤旺县"
+          },
+          {
+            "code": "230724",
+            "name": "丰林县"
+          },
+          {
+            "code": "230725",
+            "name": "大箐山县"
+          },
+          {
+            "code": "230726",
+            "name": "南岔县"
+          },
+          {
+            "code": "230751",
+            "name": "金林区"
+          },
+          {
+            "code": "230781",
+            "name": "铁力市"
+          }
+        ]
+      },
+      {
+        "code": "2308",
+        "name": "佳木斯市",
+        "children": [
+          {
+            "code": "230803",
+            "name": "向阳区"
+          },
+          {
+            "code": "230804",
+            "name": "前进区"
+          },
+          {
+            "code": "230805",
+            "name": "东风区"
+          },
+          {
+            "code": "230811",
+            "name": "郊区"
+          },
+          {
+            "code": "230822",
+            "name": "桦南县"
+          },
+          {
+            "code": "230826",
+            "name": "桦川县"
+          },
+          {
+            "code": "230828",
+            "name": "汤原县"
+          },
+          {
+            "code": "230881",
+            "name": "同江市"
+          },
+          {
+            "code": "230882",
+            "name": "富锦市"
+          },
+          {
+            "code": "230883",
+            "name": "抚远市"
+          }
+        ]
+      },
+      {
+        "code": "2309",
+        "name": "七台河市",
+        "children": [
+          {
+            "code": "230902",
+            "name": "新兴区"
+          },
+          {
+            "code": "230903",
+            "name": "桃山区"
+          },
+          {
+            "code": "230904",
+            "name": "茄子河区"
+          },
+          {
+            "code": "230921",
+            "name": "勃利县"
+          }
+        ]
+      },
+      {
+        "code": "2310",
+        "name": "牡丹江市",
+        "children": [
+          {
+            "code": "231002",
+            "name": "东安区"
+          },
+          {
+            "code": "231003",
+            "name": "阳明区"
+          },
+          {
+            "code": "231004",
+            "name": "爱民区"
+          },
+          {
+            "code": "231005",
+            "name": "西安区"
+          },
+          {
+            "code": "231025",
+            "name": "林口县"
+          },
+          {
+            "code": "231081",
+            "name": "绥芬河市"
+          },
+          {
+            "code": "231083",
+            "name": "海林市"
+          },
+          {
+            "code": "231084",
+            "name": "宁安市"
+          },
+          {
+            "code": "231085",
+            "name": "穆棱市"
+          },
+          {
+            "code": "231086",
+            "name": "东宁市"
+          }
+        ]
+      },
+      {
+        "code": "2311",
+        "name": "黑河市",
+        "children": [
+          {
+            "code": "231102",
+            "name": "爱辉区"
+          },
+          {
+            "code": "231123",
+            "name": "逊克县"
+          },
+          {
+            "code": "231124",
+            "name": "孙吴县"
+          },
+          {
+            "code": "231181",
+            "name": "北安市"
+          },
+          {
+            "code": "231182",
+            "name": "五大连池市"
+          },
+          {
+            "code": "231183",
+            "name": "嫩江市"
+          }
+        ]
+      },
+      {
+        "code": "2312",
+        "name": "绥化市",
+        "children": [
+          {
+            "code": "231202",
+            "name": "北林区"
+          },
+          {
+            "code": "231221",
+            "name": "望奎县"
+          },
+          {
+            "code": "231222",
+            "name": "兰西县"
+          },
+          {
+            "code": "231223",
+            "name": "青冈县"
+          },
+          {
+            "code": "231224",
+            "name": "庆安县"
+          },
+          {
+            "code": "231225",
+            "name": "明水县"
+          },
+          {
+            "code": "231226",
+            "name": "绥棱县"
+          },
+          {
+            "code": "231281",
+            "name": "安达市"
+          },
+          {
+            "code": "231282",
+            "name": "肇东市"
+          },
+          {
+            "code": "231283",
+            "name": "海伦市"
+          }
+        ]
+      },
+      {
+        "code": "2327",
+        "name": "大兴安岭地区",
+        "children": [
+          {
+            "code": "232701",
+            "name": "漠河市"
+          },
+          {
+            "code": "232721",
+            "name": "呼玛县"
+          },
+          {
+            "code": "232722",
+            "name": "塔河县"
+          },
+          {
+            "code": "232761",
+            "name": "加格达奇区"
+          },
+          {
+            "code": "232762",
+            "name": "松岭区"
+          },
+          {
+            "code": "232763",
+            "name": "新林区"
+          },
+          {
+            "code": "232764",
+            "name": "呼中区"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "code": "31",
+    "name": "上海市",
+    "children": [
+      {
+        "code": "3101",
+        "name": "市辖区",
+        "children": [
+          {
+            "code": "310101",
+            "name": "黄浦区"
+          },
+          {
+            "code": "310104",
+            "name": "徐汇区"
+          },
+          {
+            "code": "310105",
+            "name": "长宁区"
+          },
+          {
+            "code": "310106",
+            "name": "静安区"
+          },
+          {
+            "code": "310107",
+            "name": "普陀区"
+          },
+          {
+            "code": "310109",
+            "name": "虹口区"
+          },
+          {
+            "code": "310110",
+            "name": "杨浦区"
+          },
+          {
+            "code": "310112",
+            "name": "闵行区"
+          },
+          {
+            "code": "310113",
+            "name": "宝山区"
+          },
+          {
+            "code": "310114",
+            "name": "嘉定区"
+          },
+          {
+            "code": "310115",
+            "name": "浦东新区"
+          },
+          {
+            "code": "310116",
+            "name": "金山区"
+          },
+          {
+            "code": "310117",
+            "name": "松江区"
+          },
+          {
+            "code": "310118",
+            "name": "青浦区"
+          },
+          {
+            "code": "310120",
+            "name": "奉贤区"
+          },
+          {
+            "code": "310151",
+            "name": "崇明区"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "code": "32",
+    "name": "江苏省",
+    "children": [
+      {
+        "code": "3201",
+        "name": "南京市",
+        "children": [
+          {
+            "code": "320102",
+            "name": "玄武区"
+          },
+          {
+            "code": "320104",
+            "name": "秦淮区"
+          },
+          {
+            "code": "320105",
+            "name": "建邺区"
+          },
+          {
+            "code": "320106",
+            "name": "鼓楼区"
+          },
+          {
+            "code": "320111",
+            "name": "浦口区"
+          },
+          {
+            "code": "320113",
+            "name": "栖霞区"
+          },
+          {
+            "code": "320114",
+            "name": "雨花台区"
+          },
+          {
+            "code": "320115",
+            "name": "江宁区"
+          },
+          {
+            "code": "320116",
+            "name": "六合区"
+          },
+          {
+            "code": "320117",
+            "name": "溧水区"
+          },
+          {
+            "code": "320118",
+            "name": "高淳区"
+          }
+        ]
+      },
+      {
+        "code": "3202",
+        "name": "无锡市",
+        "children": [
+          {
+            "code": "320205",
+            "name": "锡山区"
+          },
+          {
+            "code": "320206",
+            "name": "惠山区"
+          },
+          {
+            "code": "320211",
+            "name": "滨湖区"
+          },
+          {
+            "code": "320213",
+            "name": "梁溪区"
+          },
+          {
+            "code": "320214",
+            "name": "新吴区"
+          },
+          {
+            "code": "320281",
+            "name": "江阴市"
+          },
+          {
+            "code": "320282",
+            "name": "宜兴市"
+          }
+        ]
+      },
+      {
+        "code": "3203",
+        "name": "徐州市",
+        "children": [
+          {
+            "code": "320302",
+            "name": "鼓楼区"
+          },
+          {
+            "code": "320303",
+            "name": "云龙区"
+          },
+          {
+            "code": "320305",
+            "name": "贾汪区"
+          },
+          {
+            "code": "320311",
+            "name": "泉山区"
+          },
+          {
+            "code": "320312",
+            "name": "铜山区"
+          },
+          {
+            "code": "320321",
+            "name": "丰县"
+          },
+          {
+            "code": "320322",
+            "name": "沛县"
+          },
+          {
+            "code": "320324",
+            "name": "睢宁县"
+          },
+          {
+            "code": "320371",
+            "name": "徐州经济技术开发区"
+          },
+          {
+            "code": "320381",
+            "name": "新沂市"
+          },
+          {
+            "code": "320382",
+            "name": "邳州市"
+          }
+        ]
+      },
+      {
+        "code": "3204",
+        "name": "常州市",
+        "children": [
+          {
+            "code": "320402",
+            "name": "天宁区"
+          },
+          {
+            "code": "320404",
+            "name": "钟楼区"
+          },
+          {
+            "code": "320411",
+            "name": "新北区"
+          },
+          {
+            "code": "320412",
+            "name": "武进区"
+          },
+          {
+            "code": "320413",
+            "name": "金坛区"
+          },
+          {
+            "code": "320481",
+            "name": "溧阳市"
+          }
+        ]
+      },
+      {
+        "code": "3205",
+        "name": "苏州市",
+        "children": [
+          {
+            "code": "320505",
+            "name": "虎丘区"
+          },
+          {
+            "code": "320506",
+            "name": "吴中区"
+          },
+          {
+            "code": "320507",
+            "name": "相城区"
+          },
+          {
+            "code": "320508",
+            "name": "姑苏区"
+          },
+          {
+            "code": "320509",
+            "name": "吴江区"
+          },
+          {
+            "code": "320576",
+            "name": "苏州工业园区"
+          },
+          {
+            "code": "320581",
+            "name": "常熟市"
+          },
+          {
+            "code": "320582",
+            "name": "张家港市"
+          },
+          {
+            "code": "320583",
+            "name": "昆山市"
+          },
+          {
+            "code": "320585",
+            "name": "太仓市"
+          }
+        ]
+      },
+      {
+        "code": "3206",
+        "name": "南通市",
+        "children": [
+          {
+            "code": "320612",
+            "name": "通州区"
+          },
+          {
+            "code": "320613",
+            "name": "崇川区"
+          },
+          {
+            "code": "320614",
+            "name": "海门区"
+          },
+          {
+            "code": "320623",
+            "name": "如东县"
+          },
+          {
+            "code": "320671",
+            "name": "南通经济技术开发区"
+          },
+          {
+            "code": "320681",
+            "name": "启东市"
+          },
+          {
+            "code": "320682",
+            "name": "如皋市"
+          },
+          {
+            "code": "320685",
+            "name": "海安市"
+          }
+        ]
+      },
+      {
+        "code": "3207",
+        "name": "连云港市",
+        "children": [
+          {
+            "code": "320703",
+            "name": "连云区"
+          },
+          {
+            "code": "320706",
+            "name": "海州区"
+          },
+          {
+            "code": "320707",
+            "name": "赣榆区"
+          },
+          {
+            "code": "320722",
+            "name": "东海县"
+          },
+          {
+            "code": "320723",
+            "name": "灌云县"
+          },
+          {
+            "code": "320724",
+            "name": "灌南县"
+          },
+          {
+            "code": "320771",
+            "name": "连云港经济技术开发区"
+          }
+        ]
+      },
+      {
+        "code": "3208",
+        "name": "淮安市",
+        "children": [
+          {
+            "code": "320803",
+            "name": "淮安区"
+          },
+          {
+            "code": "320804",
+            "name": "淮阴区"
+          },
+          {
+            "code": "320812",
+            "name": "清江浦区"
+          },
+          {
+            "code": "320813",
+            "name": "洪泽区"
+          },
+          {
+            "code": "320826",
+            "name": "涟水县"
+          },
+          {
+            "code": "320830",
+            "name": "盱眙县"
+          },
+          {
+            "code": "320831",
+            "name": "金湖县"
+          },
+          {
+            "code": "320871",
+            "name": "淮安经济技术开发区"
+          }
+        ]
+      },
+      {
+        "code": "3209",
+        "name": "盐城市",
+        "children": [
+          {
+            "code": "320902",
+            "name": "亭湖区"
+          },
+          {
+            "code": "320903",
+            "name": "盐都区"
+          },
+          {
+            "code": "320904",
+            "name": "大丰区"
+          },
+          {
+            "code": "320921",
+            "name": "响水县"
+          },
+          {
+            "code": "320922",
+            "name": "滨海县"
+          },
+          {
+            "code": "320923",
+            "name": "阜宁县"
+          },
+          {
+            "code": "320924",
+            "name": "射阳县"
+          },
+          {
+            "code": "320925",
+            "name": "建湖县"
+          },
+          {
+            "code": "320971",
+            "name": "盐城经济技术开发区"
+          },
+          {
+            "code": "320981",
+            "name": "东台市"
+          }
+        ]
+      },
+      {
+        "code": "3210",
+        "name": "扬州市",
+        "children": [
+          {
+            "code": "321002",
+            "name": "广陵区"
+          },
+          {
+            "code": "321003",
+            "name": "邗江区"
+          },
+          {
+            "code": "321012",
+            "name": "江都区"
+          },
+          {
+            "code": "321023",
+            "name": "宝应县"
+          },
+          {
+            "code": "321071",
+            "name": "扬州经济技术开发区"
+          },
+          {
+            "code": "321081",
+            "name": "仪征市"
+          },
+          {
+            "code": "321084",
+            "name": "高邮市"
+          }
+        ]
+      },
+      {
+        "code": "3211",
+        "name": "镇江市",
+        "children": [
+          {
+            "code": "321102",
+            "name": "京口区"
+          },
+          {
+            "code": "321111",
+            "name": "润州区"
+          },
+          {
+            "code": "321112",
+            "name": "丹徒区"
+          },
+          {
+            "code": "321171",
+            "name": "镇江新区"
+          },
+          {
+            "code": "321181",
+            "name": "丹阳市"
+          },
+          {
+            "code": "321182",
+            "name": "扬中市"
+          },
+          {
+            "code": "321183",
+            "name": "句容市"
+          }
+        ]
+      },
+      {
+        "code": "3212",
+        "name": "泰州市",
+        "children": [
+          {
+            "code": "321202",
+            "name": "海陵区"
+          },
+          {
+            "code": "321203",
+            "name": "高港区"
+          },
+          {
+            "code": "321204",
+            "name": "姜堰区"
+          },
+          {
+            "code": "321281",
+            "name": "兴化市"
+          },
+          {
+            "code": "321282",
+            "name": "靖江市"
+          },
+          {
+            "code": "321283",
+            "name": "泰兴市"
+          }
+        ]
+      },
+      {
+        "code": "3213",
+        "name": "宿迁市",
+        "children": [
+          {
+            "code": "321302",
+            "name": "宿城区"
+          },
+          {
+            "code": "321311",
+            "name": "宿豫区"
+          },
+          {
+            "code": "321322",
+            "name": "沭阳县"
+          },
+          {
+            "code": "321323",
+            "name": "泗阳县"
+          },
+          {
+            "code": "321324",
+            "name": "泗洪县"
+          },
+          {
+            "code": "321371",
+            "name": "宿迁经济技术开发区"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "code": "33",
+    "name": "浙江省",
+    "children": [
+      {
+        "code": "3301",
+        "name": "杭州市",
+        "children": [
+          {
+            "code": "330102",
+            "name": "上城区"
+          },
+          {
+            "code": "330105",
+            "name": "拱墅区"
+          },
+          {
+            "code": "330106",
+            "name": "西湖区"
+          },
+          {
+            "code": "330108",
+            "name": "滨江区"
+          },
+          {
+            "code": "330109",
+            "name": "萧山区"
+          },
+          {
+            "code": "330110",
+            "name": "余杭区"
+          },
+          {
+            "code": "330111",
+            "name": "富阳区"
+          },
+          {
+            "code": "330112",
+            "name": "临安区"
+          },
+          {
+            "code": "330113",
+            "name": "临平区"
+          },
+          {
+            "code": "330114",
+            "name": "钱塘区"
+          },
+          {
+            "code": "330122",
+            "name": "桐庐县"
+          },
+          {
+            "code": "330127",
+            "name": "淳安县"
+          },
+          {
+            "code": "330182",
+            "name": "建德市"
+          }
+        ]
+      },
+      {
+        "code": "3302",
+        "name": "宁波市",
+        "children": [
+          {
+            "code": "330203",
+            "name": "海曙区"
+          },
+          {
+            "code": "330205",
+            "name": "江北区"
+          },
+          {
+            "code": "330206",
+            "name": "北仑区"
+          },
+          {
+            "code": "330211",
+            "name": "镇海区"
+          },
+          {
+            "code": "330212",
+            "name": "鄞州区"
+          },
+          {
+            "code": "330213",
+            "name": "奉化区"
+          },
+          {
+            "code": "330225",
+            "name": "象山县"
+          },
+          {
+            "code": "330226",
+            "name": "宁海县"
+          },
+          {
+            "code": "330281",
+            "name": "余姚市"
+          },
+          {
+            "code": "330282",
+            "name": "慈溪市"
+          }
+        ]
+      },
+      {
+        "code": "3303",
+        "name": "温州市",
+        "children": [
+          {
+            "code": "330302",
+            "name": "鹿城区"
+          },
+          {
+            "code": "330303",
+            "name": "龙湾区"
+          },
+          {
+            "code": "330304",
+            "name": "瓯海区"
+          },
+          {
+            "code": "330305",
+            "name": "洞头区"
+          },
+          {
+            "code": "330324",
+            "name": "永嘉县"
+          },
+          {
+            "code": "330326",
+            "name": "平阳县"
+          },
+          {
+            "code": "330327",
+            "name": "苍南县"
+          },
+          {
+            "code": "330328",
+            "name": "文成县"
+          },
+          {
+            "code": "330329",
+            "name": "泰顺县"
+          },
+          {
+            "code": "330381",
+            "name": "瑞安市"
+          },
+          {
+            "code": "330382",
+            "name": "乐清市"
+          },
+          {
+            "code": "330383",
+            "name": "龙港市"
+          }
+        ]
+      },
+      {
+        "code": "3304",
+        "name": "嘉兴市",
+        "children": [
+          {
+            "code": "330402",
+            "name": "南湖区"
+          },
+          {
+            "code": "330411",
+            "name": "秀洲区"
+          },
+          {
+            "code": "330421",
+            "name": "嘉善县"
+          },
+          {
+            "code": "330424",
+            "name": "海盐县"
+          },
+          {
+            "code": "330481",
+            "name": "海宁市"
+          },
+          {
+            "code": "330482",
+            "name": "平湖市"
+          },
+          {
+            "code": "330483",
+            "name": "桐乡市"
+          }
+        ]
+      },
+      {
+        "code": "3305",
+        "name": "湖州市",
+        "children": [
+          {
+            "code": "330502",
+            "name": "吴兴区"
+          },
+          {
+            "code": "330503",
+            "name": "南浔区"
+          },
+          {
+            "code": "330521",
+            "name": "德清县"
+          },
+          {
+            "code": "330522",
+            "name": "长兴县"
+          },
+          {
+            "code": "330523",
+            "name": "安吉县"
+          }
+        ]
+      },
+      {
+        "code": "3306",
+        "name": "绍兴市",
+        "children": [
+          {
+            "code": "330602",
+            "name": "越城区"
+          },
+          {
+            "code": "330603",
+            "name": "柯桥区"
+          },
+          {
+            "code": "330604",
+            "name": "上虞区"
+          },
+          {
+            "code": "330624",
+            "name": "新昌县"
+          },
+          {
+            "code": "330681",
+            "name": "诸暨市"
+          },
+          {
+            "code": "330683",
+            "name": "嵊州市"
+          }
+        ]
+      },
+      {
+        "code": "3307",
+        "name": "金华市",
+        "children": [
+          {
+            "code": "330702",
+            "name": "婺城区"
+          },
+          {
+            "code": "330703",
+            "name": "金东区"
+          },
+          {
+            "code": "330723",
+            "name": "武义县"
+          },
+          {
+            "code": "330726",
+            "name": "浦江县"
+          },
+          {
+            "code": "330727",
+            "name": "磐安县"
+          },
+          {
+            "code": "330781",
+            "name": "兰溪市"
+          },
+          {
+            "code": "330782",
+            "name": "义乌市"
+          },
+          {
+            "code": "330783",
+            "name": "东阳市"
+          },
+          {
+            "code": "330784",
+            "name": "永康市"
+          }
+        ]
+      },
+      {
+        "code": "3308",
+        "name": "衢州市",
+        "children": [
+          {
+            "code": "330802",
+            "name": "柯城区"
+          },
+          {
+            "code": "330803",
+            "name": "衢江区"
+          },
+          {
+            "code": "330822",
+            "name": "常山县"
+          },
+          {
+            "code": "330824",
+            "name": "开化县"
+          },
+          {
+            "code": "330825",
+            "name": "龙游县"
+          },
+          {
+            "code": "330881",
+            "name": "江山市"
+          }
+        ]
+      },
+      {
+        "code": "3309",
+        "name": "舟山市",
+        "children": [
+          {
+            "code": "330902",
+            "name": "定海区"
+          },
+          {
+            "code": "330903",
+            "name": "普陀区"
+          },
+          {
+            "code": "330921",
+            "name": "岱山县"
+          },
+          {
+            "code": "330922",
+            "name": "嵊泗县"
+          }
+        ]
+      },
+      {
+        "code": "3310",
+        "name": "台州市",
+        "children": [
+          {
+            "code": "331002",
+            "name": "椒江区"
+          },
+          {
+            "code": "331003",
+            "name": "黄岩区"
+          },
+          {
+            "code": "331004",
+            "name": "路桥区"
+          },
+          {
+            "code": "331022",
+            "name": "三门县"
+          },
+          {
+            "code": "331023",
+            "name": "天台县"
+          },
+          {
+            "code": "331024",
+            "name": "仙居县"
+          },
+          {
+            "code": "331081",
+            "name": "温岭市"
+          },
+          {
+            "code": "331082",
+            "name": "临海市"
+          },
+          {
+            "code": "331083",
+            "name": "玉环市"
+          }
+        ]
+      },
+      {
+        "code": "3311",
+        "name": "丽水市",
+        "children": [
+          {
+            "code": "331102",
+            "name": "莲都区"
+          },
+          {
+            "code": "331121",
+            "name": "青田县"
+          },
+          {
+            "code": "331122",
+            "name": "缙云县"
+          },
+          {
+            "code": "331123",
+            "name": "遂昌县"
+          },
+          {
+            "code": "331124",
+            "name": "松阳县"
+          },
+          {
+            "code": "331125",
+            "name": "云和县"
+          },
+          {
+            "code": "331126",
+            "name": "庆元县"
+          },
+          {
+            "code": "331127",
+            "name": "景宁畲族自治县"
+          },
+          {
+            "code": "331181",
+            "name": "龙泉市"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "code": "34",
+    "name": "安徽省",
+    "children": [
+      {
+        "code": "3401",
+        "name": "合肥市",
+        "children": [
+          {
+            "code": "340102",
+            "name": "瑶海区"
+          },
+          {
+            "code": "340103",
+            "name": "庐阳区"
+          },
+          {
+            "code": "340104",
+            "name": "蜀山区"
+          },
+          {
+            "code": "340111",
+            "name": "包河区"
+          },
+          {
+            "code": "340121",
+            "name": "长丰县"
+          },
+          {
+            "code": "340122",
+            "name": "肥东县"
+          },
+          {
+            "code": "340123",
+            "name": "肥西县"
+          },
+          {
+            "code": "340124",
+            "name": "庐江县"
+          },
+          {
+            "code": "340176",
+            "name": "合肥高新技术产业开发区"
+          },
+          {
+            "code": "340177",
+            "name": "合肥经济技术开发区"
+          },
+          {
+            "code": "340178",
+            "name": "合肥新站高新技术产业开发区"
+          },
+          {
+            "code": "340181",
+            "name": "巢湖市"
+          }
+        ]
+      },
+      {
+        "code": "3402",
+        "name": "芜湖市",
+        "children": [
+          {
+            "code": "340202",
+            "name": "镜湖区"
+          },
+          {
+            "code": "340207",
+            "name": "鸠江区"
+          },
+          {
+            "code": "340209",
+            "name": "弋江区"
+          },
+          {
+            "code": "340210",
+            "name": "湾沚区"
+          },
+          {
+            "code": "340212",
+            "name": "繁昌区"
+          },
+          {
+            "code": "340223",
+            "name": "南陵县"
+          },
+          {
+            "code": "340271",
+            "name": "芜湖经济技术开发区"
+          },
+          {
+            "code": "340272",
+            "name": "安徽芜湖三山经济开发区"
+          },
+          {
+            "code": "340281",
+            "name": "无为市"
+          }
+        ]
+      },
+      {
+        "code": "3403",
+        "name": "蚌埠市",
+        "children": [
+          {
+            "code": "340302",
+            "name": "龙子湖区"
+          },
+          {
+            "code": "340303",
+            "name": "蚌山区"
+          },
+          {
+            "code": "340304",
+            "name": "禹会区"
+          },
+          {
+            "code": "340311",
+            "name": "淮上区"
+          },
+          {
+            "code": "340321",
+            "name": "怀远县"
+          },
+          {
+            "code": "340322",
+            "name": "五河县"
+          },
+          {
+            "code": "340323",
+            "name": "固镇县"
+          },
+          {
+            "code": "340371",
+            "name": "蚌埠市高新技术开发区"
+          },
+          {
+            "code": "340372",
+            "name": "蚌埠市经济开发区"
+          }
+        ]
+      },
+      {
+        "code": "3404",
+        "name": "淮南市",
+        "children": [
+          {
+            "code": "340402",
+            "name": "大通区"
+          },
+          {
+            "code": "340403",
+            "name": "田家庵区"
+          },
+          {
+            "code": "340404",
+            "name": "谢家集区"
+          },
+          {
+            "code": "340405",
+            "name": "八公山区"
+          },
+          {
+            "code": "340406",
+            "name": "潘集区"
+          },
+          {
+            "code": "340421",
+            "name": "凤台县"
+          },
+          {
+            "code": "340422",
+            "name": "寿县"
+          }
+        ]
+      },
+      {
+        "code": "3405",
+        "name": "马鞍山市",
+        "children": [
+          {
+            "code": "340503",
+            "name": "花山区"
+          },
+          {
+            "code": "340504",
+            "name": "雨山区"
+          },
+          {
+            "code": "340506",
+            "name": "博望区"
+          },
+          {
+            "code": "340521",
+            "name": "当涂县"
+          },
+          {
+            "code": "340522",
+            "name": "含山县"
+          },
+          {
+            "code": "340523",
+            "name": "和县"
+          }
+        ]
+      },
+      {
+        "code": "3406",
+        "name": "淮北市",
+        "children": [
+          {
+            "code": "340602",
+            "name": "杜集区"
+          },
+          {
+            "code": "340603",
+            "name": "相山区"
+          },
+          {
+            "code": "340604",
+            "name": "烈山区"
+          },
+          {
+            "code": "340621",
+            "name": "濉溪县"
+          }
+        ]
+      },
+      {
+        "code": "3407",
+        "name": "铜陵市",
+        "children": [
+          {
+            "code": "340705",
+            "name": "铜官区"
+          },
+          {
+            "code": "340706",
+            "name": "义安区"
+          },
+          {
+            "code": "340711",
+            "name": "郊区"
+          },
+          {
+            "code": "340722",
+            "name": "枞阳县"
+          }
+        ]
+      },
+      {
+        "code": "3408",
+        "name": "安庆市",
+        "children": [
+          {
+            "code": "340802",
+            "name": "迎江区"
+          },
+          {
+            "code": "340803",
+            "name": "大观区"
+          },
+          {
+            "code": "340811",
+            "name": "宜秀区"
+          },
+          {
+            "code": "340822",
+            "name": "怀宁县"
+          },
+          {
+            "code": "340825",
+            "name": "太湖县"
+          },
+          {
+            "code": "340826",
+            "name": "宿松县"
+          },
+          {
+            "code": "340827",
+            "name": "望江县"
+          },
+          {
+            "code": "340828",
+            "name": "岳西县"
+          },
+          {
+            "code": "340871",
+            "name": "安徽安庆经济开发区"
+          },
+          {
+            "code": "340881",
+            "name": "桐城市"
+          },
+          {
+            "code": "340882",
+            "name": "潜山市"
+          }
+        ]
+      },
+      {
+        "code": "3410",
+        "name": "黄山市",
+        "children": [
+          {
+            "code": "341002",
+            "name": "屯溪区"
+          },
+          {
+            "code": "341003",
+            "name": "黄山区"
+          },
+          {
+            "code": "341004",
+            "name": "徽州区"
+          },
+          {
+            "code": "341021",
+            "name": "歙县"
+          },
+          {
+            "code": "341022",
+            "name": "休宁县"
+          },
+          {
+            "code": "341023",
+            "name": "黟县"
+          },
+          {
+            "code": "341024",
+            "name": "祁门县"
+          }
+        ]
+      },
+      {
+        "code": "3411",
+        "name": "滁州市",
+        "children": [
+          {
+            "code": "341102",
+            "name": "琅琊区"
+          },
+          {
+            "code": "341103",
+            "name": "南谯区"
+          },
+          {
+            "code": "341122",
+            "name": "来安县"
+          },
+          {
+            "code": "341124",
+            "name": "全椒县"
+          },
+          {
+            "code": "341125",
+            "name": "定远县"
+          },
+          {
+            "code": "341126",
+            "name": "凤阳县"
+          },
+          {
+            "code": "341171",
+            "name": "中新苏滁高新技术产业开发区"
+          },
+          {
+            "code": "341172",
+            "name": "滁州经济技术开发区"
+          },
+          {
+            "code": "341181",
+            "name": "天长市"
+          },
+          {
+            "code": "341182",
+            "name": "明光市"
+          }
+        ]
+      },
+      {
+        "code": "3412",
+        "name": "阜阳市",
+        "children": [
+          {
+            "code": "341202",
+            "name": "颍州区"
+          },
+          {
+            "code": "341203",
+            "name": "颍东区"
+          },
+          {
+            "code": "341204",
+            "name": "颍泉区"
+          },
+          {
+            "code": "341221",
+            "name": "临泉县"
+          },
+          {
+            "code": "341222",
+            "name": "太和县"
+          },
+          {
+            "code": "341225",
+            "name": "阜南县"
+          },
+          {
+            "code": "341226",
+            "name": "颍上县"
+          },
+          {
+            "code": "341271",
+            "name": "阜阳合肥现代产业园区"
+          },
+          {
+            "code": "341272",
+            "name": "阜阳经济技术开发区"
+          },
+          {
+            "code": "341282",
+            "name": "界首市"
+          }
+        ]
+      },
+      {
+        "code": "3413",
+        "name": "宿州市",
+        "children": [
+          {
+            "code": "341302",
+            "name": "埇桥区"
+          },
+          {
+            "code": "341321",
+            "name": "砀山县"
+          },
+          {
+            "code": "341322",
+            "name": "萧县"
+          },
+          {
+            "code": "341323",
+            "name": "灵璧县"
+          },
+          {
+            "code": "341324",
+            "name": "泗县"
+          },
+          {
+            "code": "341371",
+            "name": "宿州马鞍山现代产业园区"
+          },
+          {
+            "code": "341372",
+            "name": "宿州经济技术开发区"
+          }
+        ]
+      },
+      {
+        "code": "3415",
+        "name": "六安市",
+        "children": [
+          {
+            "code": "341502",
+            "name": "金安区"
+          },
+          {
+            "code": "341503",
+            "name": "裕安区"
+          },
+          {
+            "code": "341504",
+            "name": "叶集区"
+          },
+          {
+            "code": "341522",
+            "name": "霍邱县"
+          },
+          {
+            "code": "341523",
+            "name": "舒城县"
+          },
+          {
+            "code": "341524",
+            "name": "金寨县"
+          },
+          {
+            "code": "341525",
+            "name": "霍山县"
+          }
+        ]
+      },
+      {
+        "code": "3416",
+        "name": "亳州市",
+        "children": [
+          {
+            "code": "341602",
+            "name": "谯城区"
+          },
+          {
+            "code": "341621",
+            "name": "涡阳县"
+          },
+          {
+            "code": "341622",
+            "name": "蒙城县"
+          },
+          {
+            "code": "341623",
+            "name": "利辛县"
+          }
+        ]
+      },
+      {
+        "code": "3417",
+        "name": "池州市",
+        "children": [
+          {
+            "code": "341702",
+            "name": "贵池区"
+          },
+          {
+            "code": "341721",
+            "name": "东至县"
+          },
+          {
+            "code": "341722",
+            "name": "石台县"
+          },
+          {
+            "code": "341723",
+            "name": "青阳县"
+          }
+        ]
+      },
+      {
+        "code": "3418",
+        "name": "宣城市",
+        "children": [
+          {
+            "code": "341802",
+            "name": "宣州区"
+          },
+          {
+            "code": "341821",
+            "name": "郎溪县"
+          },
+          {
+            "code": "341823",
+            "name": "泾县"
+          },
+          {
+            "code": "341824",
+            "name": "绩溪县"
+          },
+          {
+            "code": "341825",
+            "name": "旌德县"
+          },
+          {
+            "code": "341871",
+            "name": "宣城市经济开发区"
+          },
+          {
+            "code": "341881",
+            "name": "宁国市"
+          },
+          {
+            "code": "341882",
+            "name": "广德市"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "code": "35",
+    "name": "福建省",
+    "children": [
+      {
+        "code": "3501",
+        "name": "福州市",
+        "children": [
+          {
+            "code": "350102",
+            "name": "鼓楼区"
+          },
+          {
+            "code": "350103",
+            "name": "台江区"
+          },
+          {
+            "code": "350104",
+            "name": "仓山区"
+          },
+          {
+            "code": "350105",
+            "name": "马尾区"
+          },
+          {
+            "code": "350111",
+            "name": "晋安区"
+          },
+          {
+            "code": "350112",
+            "name": "长乐区"
+          },
+          {
+            "code": "350121",
+            "name": "闽侯县"
+          },
+          {
+            "code": "350122",
+            "name": "连江县"
+          },
+          {
+            "code": "350123",
+            "name": "罗源县"
+          },
+          {
+            "code": "350124",
+            "name": "闽清县"
+          },
+          {
+            "code": "350125",
+            "name": "永泰县"
+          },
+          {
+            "code": "350128",
+            "name": "平潭县"
+          },
+          {
+            "code": "350181",
+            "name": "福清市"
+          }
+        ]
+      },
+      {
+        "code": "3502",
+        "name": "厦门市",
+        "children": [
+          {
+            "code": "350203",
+            "name": "思明区"
+          },
+          {
+            "code": "350205",
+            "name": "海沧区"
+          },
+          {
+            "code": "350206",
+            "name": "湖里区"
+          },
+          {
+            "code": "350211",
+            "name": "集美区"
+          },
+          {
+            "code": "350212",
+            "name": "同安区"
+          },
+          {
+            "code": "350213",
+            "name": "翔安区"
+          }
+        ]
+      },
+      {
+        "code": "3503",
+        "name": "莆田市",
+        "children": [
+          {
+            "code": "350302",
+            "name": "城厢区"
+          },
+          {
+            "code": "350303",
+            "name": "涵江区"
+          },
+          {
+            "code": "350304",
+            "name": "荔城区"
+          },
+          {
+            "code": "350305",
+            "name": "秀屿区"
+          },
+          {
+            "code": "350322",
+            "name": "仙游县"
+          }
+        ]
+      },
+      {
+        "code": "3504",
+        "name": "三明市",
+        "children": [
+          {
+            "code": "350404",
+            "name": "三元区"
+          },
+          {
+            "code": "350405",
+            "name": "沙县区"
+          },
+          {
+            "code": "350421",
+            "name": "明溪县"
+          },
+          {
+            "code": "350423",
+            "name": "清流县"
+          },
+          {
+            "code": "350424",
+            "name": "宁化县"
+          },
+          {
+            "code": "350425",
+            "name": "大田县"
+          },
+          {
+            "code": "350426",
+            "name": "尤溪县"
+          },
+          {
+            "code": "350428",
+            "name": "将乐县"
+          },
+          {
+            "code": "350429",
+            "name": "泰宁县"
+          },
+          {
+            "code": "350430",
+            "name": "建宁县"
+          },
+          {
+            "code": "350481",
+            "name": "永安市"
+          }
+        ]
+      },
+      {
+        "code": "3505",
+        "name": "泉州市",
+        "children": [
+          {
+            "code": "350502",
+            "name": "鲤城区"
+          },
+          {
+            "code": "350503",
+            "name": "丰泽区"
+          },
+          {
+            "code": "350504",
+            "name": "洛江区"
+          },
+          {
+            "code": "350505",
+            "name": "泉港区"
+          },
+          {
+            "code": "350521",
+            "name": "惠安县"
+          },
+          {
+            "code": "350524",
+            "name": "安溪县"
+          },
+          {
+            "code": "350525",
+            "name": "永春县"
+          },
+          {
+            "code": "350526",
+            "name": "德化县"
+          },
+          {
+            "code": "350527",
+            "name": "金门县"
+          },
+          {
+            "code": "350581",
+            "name": "石狮市"
+          },
+          {
+            "code": "350582",
+            "name": "晋江市"
+          },
+          {
+            "code": "350583",
+            "name": "南安市"
+          }
+        ]
+      },
+      {
+        "code": "3506",
+        "name": "漳州市",
+        "children": [
+          {
+            "code": "350602",
+            "name": "芗城区"
+          },
+          {
+            "code": "350603",
+            "name": "龙文区"
+          },
+          {
+            "code": "350604",
+            "name": "龙海区"
+          },
+          {
+            "code": "350605",
+            "name": "长泰区"
+          },
+          {
+            "code": "350622",
+            "name": "云霄县"
+          },
+          {
+            "code": "350623",
+            "name": "漳浦县"
+          },
+          {
+            "code": "350624",
+            "name": "诏安县"
+          },
+          {
+            "code": "350626",
+            "name": "东山县"
+          },
+          {
+            "code": "350627",
+            "name": "南靖县"
+          },
+          {
+            "code": "350628",
+            "name": "平和县"
+          },
+          {
+            "code": "350629",
+            "name": "华安县"
+          }
+        ]
+      },
+      {
+        "code": "3507",
+        "name": "南平市",
+        "children": [
+          {
+            "code": "350702",
+            "name": "延平区"
+          },
+          {
+            "code": "350703",
+            "name": "建阳区"
+          },
+          {
+            "code": "350721",
+            "name": "顺昌县"
+          },
+          {
+            "code": "350722",
+            "name": "浦城县"
+          },
+          {
+            "code": "350723",
+            "name": "光泽县"
+          },
+          {
+            "code": "350724",
+            "name": "松溪县"
+          },
+          {
+            "code": "350725",
+            "name": "政和县"
+          },
+          {
+            "code": "350781",
+            "name": "邵武市"
+          },
+          {
+            "code": "350782",
+            "name": "武夷山市"
+          },
+          {
+            "code": "350783",
+            "name": "建瓯市"
+          }
+        ]
+      },
+      {
+        "code": "3508",
+        "name": "龙岩市",
+        "children": [
+          {
+            "code": "350802",
+            "name": "新罗区"
+          },
+          {
+            "code": "350803",
+            "name": "永定区"
+          },
+          {
+            "code": "350821",
+            "name": "长汀县"
+          },
+          {
+            "code": "350823",
+            "name": "上杭县"
+          },
+          {
+            "code": "350824",
+            "name": "武平县"
+          },
+          {
+            "code": "350825",
+            "name": "连城县"
+          },
+          {
+            "code": "350881",
+            "name": "漳平市"
+          }
+        ]
+      },
+      {
+        "code": "3509",
+        "name": "宁德市",
+        "children": [
+          {
+            "code": "350902",
+            "name": "蕉城区"
+          },
+          {
+            "code": "350921",
+            "name": "霞浦县"
+          },
+          {
+            "code": "350922",
+            "name": "古田县"
+          },
+          {
+            "code": "350923",
+            "name": "屏南县"
+          },
+          {
+            "code": "350924",
+            "name": "寿宁县"
+          },
+          {
+            "code": "350925",
+            "name": "周宁县"
+          },
+          {
+            "code": "350926",
+            "name": "柘荣县"
+          },
+          {
+            "code": "350981",
+            "name": "福安市"
+          },
+          {
+            "code": "350982",
+            "name": "福鼎市"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "code": "36",
+    "name": "江西省",
+    "children": [
+      {
+        "code": "3601",
+        "name": "南昌市",
+        "children": [
+          {
+            "code": "360102",
+            "name": "东湖区"
+          },
+          {
+            "code": "360103",
+            "name": "西湖区"
+          },
+          {
+            "code": "360104",
+            "name": "青云谱区"
+          },
+          {
+            "code": "360111",
+            "name": "青山湖区"
+          },
+          {
+            "code": "360112",
+            "name": "新建区"
+          },
+          {
+            "code": "360113",
+            "name": "红谷滩区"
+          },
+          {
+            "code": "360121",
+            "name": "南昌县"
+          },
+          {
+            "code": "360123",
+            "name": "安义县"
+          },
+          {
+            "code": "360124",
+            "name": "进贤县"
+          }
+        ]
+      },
+      {
+        "code": "3602",
+        "name": "景德镇市",
+        "children": [
+          {
+            "code": "360202",
+            "name": "昌江区"
+          },
+          {
+            "code": "360203",
+            "name": "珠山区"
+          },
+          {
+            "code": "360222",
+            "name": "浮梁县"
+          },
+          {
+            "code": "360281",
+            "name": "乐平市"
+          }
+        ]
+      },
+      {
+        "code": "3603",
+        "name": "萍乡市",
+        "children": [
+          {
+            "code": "360302",
+            "name": "安源区"
+          },
+          {
+            "code": "360313",
+            "name": "湘东区"
+          },
+          {
+            "code": "360321",
+            "name": "莲花县"
+          },
+          {
+            "code": "360322",
+            "name": "上栗县"
+          },
+          {
+            "code": "360323",
+            "name": "芦溪县"
+          }
+        ]
+      },
+      {
+        "code": "3604",
+        "name": "九江市",
+        "children": [
+          {
+            "code": "360402",
+            "name": "濂溪区"
+          },
+          {
+            "code": "360403",
+            "name": "浔阳区"
+          },
+          {
+            "code": "360404",
+            "name": "柴桑区"
+          },
+          {
+            "code": "360423",
+            "name": "武宁县"
+          },
+          {
+            "code": "360424",
+            "name": "修水县"
+          },
+          {
+            "code": "360425",
+            "name": "永修县"
+          },
+          {
+            "code": "360426",
+            "name": "德安县"
+          },
+          {
+            "code": "360428",
+            "name": "都昌县"
+          },
+          {
+            "code": "360429",
+            "name": "湖口县"
+          },
+          {
+            "code": "360430",
+            "name": "彭泽县"
+          },
+          {
+            "code": "360481",
+            "name": "瑞昌市"
+          },
+          {
+            "code": "360482",
+            "name": "共青城市"
+          },
+          {
+            "code": "360483",
+            "name": "庐山市"
+          }
+        ]
+      },
+      {
+        "code": "3605",
+        "name": "新余市",
+        "children": [
+          {
+            "code": "360502",
+            "name": "渝水区"
+          },
+          {
+            "code": "360521",
+            "name": "分宜县"
+          }
+        ]
+      },
+      {
+        "code": "3606",
+        "name": "鹰潭市",
+        "children": [
+          {
+            "code": "360602",
+            "name": "月湖区"
+          },
+          {
+            "code": "360603",
+            "name": "余江区"
+          },
+          {
+            "code": "360681",
+            "name": "贵溪市"
+          }
+        ]
+      },
+      {
+        "code": "3607",
+        "name": "赣州市",
+        "children": [
+          {
+            "code": "360702",
+            "name": "章贡区"
+          },
+          {
+            "code": "360703",
+            "name": "南康区"
+          },
+          {
+            "code": "360704",
+            "name": "赣县区"
+          },
+          {
+            "code": "360722",
+            "name": "信丰县"
+          },
+          {
+            "code": "360723",
+            "name": "大余县"
+          },
+          {
+            "code": "360724",
+            "name": "上犹县"
+          },
+          {
+            "code": "360725",
+            "name": "崇义县"
+          },
+          {
+            "code": "360726",
+            "name": "安远县"
+          },
+          {
+            "code": "360728",
+            "name": "定南县"
+          },
+          {
+            "code": "360729",
+            "name": "全南县"
+          },
+          {
+            "code": "360730",
+            "name": "宁都县"
+          },
+          {
+            "code": "360731",
+            "name": "于都县"
+          },
+          {
+            "code": "360732",
+            "name": "兴国县"
+          },
+          {
+            "code": "360733",
+            "name": "会昌县"
+          },
+          {
+            "code": "360734",
+            "name": "寻乌县"
+          },
+          {
+            "code": "360735",
+            "name": "石城县"
+          },
+          {
+            "code": "360781",
+            "name": "瑞金市"
+          },
+          {
+            "code": "360783",
+            "name": "龙南市"
+          }
+        ]
+      },
+      {
+        "code": "3608",
+        "name": "吉安市",
+        "children": [
+          {
+            "code": "360802",
+            "name": "吉州区"
+          },
+          {
+            "code": "360803",
+            "name": "青原区"
+          },
+          {
+            "code": "360821",
+            "name": "吉安县"
+          },
+          {
+            "code": "360822",
+            "name": "吉水县"
+          },
+          {
+            "code": "360823",
+            "name": "峡江县"
+          },
+          {
+            "code": "360824",
+            "name": "新干县"
+          },
+          {
+            "code": "360825",
+            "name": "永丰县"
+          },
+          {
+            "code": "360826",
+            "name": "泰和县"
+          },
+          {
+            "code": "360827",
+            "name": "遂川县"
+          },
+          {
+            "code": "360828",
+            "name": "万安县"
+          },
+          {
+            "code": "360829",
+            "name": "安福县"
+          },
+          {
+            "code": "360830",
+            "name": "永新县"
+          },
+          {
+            "code": "360881",
+            "name": "井冈山市"
+          }
+        ]
+      },
+      {
+        "code": "3609",
+        "name": "宜春市",
+        "children": [
+          {
+            "code": "360902",
+            "name": "袁州区"
+          },
+          {
+            "code": "360921",
+            "name": "奉新县"
+          },
+          {
+            "code": "360922",
+            "name": "万载县"
+          },
+          {
+            "code": "360923",
+            "name": "上高县"
+          },
+          {
+            "code": "360924",
+            "name": "宜丰县"
+          },
+          {
+            "code": "360925",
+            "name": "靖安县"
+          },
+          {
+            "code": "360926",
+            "name": "铜鼓县"
+          },
+          {
+            "code": "360981",
+            "name": "丰城市"
+          },
+          {
+            "code": "360982",
+            "name": "樟树市"
+          },
+          {
+            "code": "360983",
+            "name": "高安市"
+          }
+        ]
+      },
+      {
+        "code": "3610",
+        "name": "抚州市",
+        "children": [
+          {
+            "code": "361002",
+            "name": "临川区"
+          },
+          {
+            "code": "361003",
+            "name": "东乡区"
+          },
+          {
+            "code": "361021",
+            "name": "南城县"
+          },
+          {
+            "code": "361022",
+            "name": "黎川县"
+          },
+          {
+            "code": "361023",
+            "name": "南丰县"
+          },
+          {
+            "code": "361024",
+            "name": "崇仁县"
+          },
+          {
+            "code": "361025",
+            "name": "乐安县"
+          },
+          {
+            "code": "361026",
+            "name": "宜黄县"
+          },
+          {
+            "code": "361027",
+            "name": "金溪县"
+          },
+          {
+            "code": "361028",
+            "name": "资溪县"
+          },
+          {
+            "code": "361030",
+            "name": "广昌县"
+          }
+        ]
+      },
+      {
+        "code": "3611",
+        "name": "上饶市",
+        "children": [
+          {
+            "code": "361102",
+            "name": "信州区"
+          },
+          {
+            "code": "361103",
+            "name": "广丰区"
+          },
+          {
+            "code": "361104",
+            "name": "广信区"
+          },
+          {
+            "code": "361123",
+            "name": "玉山县"
+          },
+          {
+            "code": "361124",
+            "name": "铅山县"
+          },
+          {
+            "code": "361125",
+            "name": "横峰县"
+          },
+          {
+            "code": "361126",
+            "name": "弋阳县"
+          },
+          {
+            "code": "361127",
+            "name": "余干县"
+          },
+          {
+            "code": "361128",
+            "name": "鄱阳县"
+          },
+          {
+            "code": "361129",
+            "name": "万年县"
+          },
+          {
+            "code": "361130",
+            "name": "婺源县"
+          },
+          {
+            "code": "361181",
+            "name": "德兴市"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "code": "37",
+    "name": "山东省",
+    "children": [
+      {
+        "code": "3701",
+        "name": "济南市",
+        "children": [
+          {
+            "code": "370102",
+            "name": "历下区"
+          },
+          {
+            "code": "370103",
+            "name": "市中区"
+          },
+          {
+            "code": "370104",
+            "name": "槐荫区"
+          },
+          {
+            "code": "370105",
+            "name": "天桥区"
+          },
+          {
+            "code": "370112",
+            "name": "历城区"
+          },
+          {
+            "code": "370113",
+            "name": "长清区"
+          },
+          {
+            "code": "370114",
+            "name": "章丘区"
+          },
+          {
+            "code": "370115",
+            "name": "济阳区"
+          },
+          {
+            "code": "370116",
+            "name": "莱芜区"
+          },
+          {
+            "code": "370117",
+            "name": "钢城区"
+          },
+          {
+            "code": "370124",
+            "name": "平阴县"
+          },
+          {
+            "code": "370126",
+            "name": "商河县"
+          },
+          {
+            "code": "370176",
+            "name": "济南高新技术产业开发区"
+          }
+        ]
+      },
+      {
+        "code": "3702",
+        "name": "青岛市",
+        "children": [
+          {
+            "code": "370202",
+            "name": "市南区"
+          },
+          {
+            "code": "370203",
+            "name": "市北区"
+          },
+          {
+            "code": "370211",
+            "name": "黄岛区"
+          },
+          {
+            "code": "370212",
+            "name": "崂山区"
+          },
+          {
+            "code": "370213",
+            "name": "李沧区"
+          },
+          {
+            "code": "370214",
+            "name": "城阳区"
+          },
+          {
+            "code": "370215",
+            "name": "即墨区"
+          },
+          {
+            "code": "370281",
+            "name": "胶州市"
+          },
+          {
+            "code": "370283",
+            "name": "平度市"
+          },
+          {
+            "code": "370285",
+            "name": "莱西市"
+          }
+        ]
+      },
+      {
+        "code": "3703",
+        "name": "淄博市",
+        "children": [
+          {
+            "code": "370302",
+            "name": "淄川区"
+          },
+          {
+            "code": "370303",
+            "name": "张店区"
+          },
+          {
+            "code": "370304",
+            "name": "博山区"
+          },
+          {
+            "code": "370305",
+            "name": "临淄区"
+          },
+          {
+            "code": "370306",
+            "name": "周村区"
+          },
+          {
+            "code": "370321",
+            "name": "桓台县"
+          },
+          {
+            "code": "370322",
+            "name": "高青县"
+          },
+          {
+            "code": "370323",
+            "name": "沂源县"
+          }
+        ]
+      },
+      {
+        "code": "3704",
+        "name": "枣庄市",
+        "children": [
+          {
+            "code": "370402",
+            "name": "市中区"
+          },
+          {
+            "code": "370403",
+            "name": "薛城区"
+          },
+          {
+            "code": "370404",
+            "name": "峄城区"
+          },
+          {
+            "code": "370405",
+            "name": "台儿庄区"
+          },
+          {
+            "code": "370406",
+            "name": "山亭区"
+          },
+          {
+            "code": "370481",
+            "name": "滕州市"
+          }
+        ]
+      },
+      {
+        "code": "3705",
+        "name": "东营市",
+        "children": [
+          {
+            "code": "370502",
+            "name": "东营区"
+          },
+          {
+            "code": "370503",
+            "name": "河口区"
+          },
+          {
+            "code": "370505",
+            "name": "垦利区"
+          },
+          {
+            "code": "370522",
+            "name": "利津县"
+          },
+          {
+            "code": "370523",
+            "name": "广饶县"
+          },
+          {
+            "code": "370571",
+            "name": "东营经济技术开发区"
+          },
+          {
+            "code": "370572",
+            "name": "东营港经济开发区"
+          }
+        ]
+      },
+      {
+        "code": "3706",
+        "name": "烟台市",
+        "children": [
+          {
+            "code": "370602",
+            "name": "芝罘区"
+          },
+          {
+            "code": "370611",
+            "name": "福山区"
+          },
+          {
+            "code": "370612",
+            "name": "牟平区"
+          },
+          {
+            "code": "370613",
+            "name": "莱山区"
+          },
+          {
+            "code": "370614",
+            "name": "蓬莱区"
+          },
+          {
+            "code": "370671",
+            "name": "烟台高新技术产业开发区"
+          },
+          {
+            "code": "370676",
+            "name": "烟台经济技术开发区"
+          },
+          {
+            "code": "370681",
+            "name": "龙口市"
+          },
+          {
+            "code": "370682",
+            "name": "莱阳市"
+          },
+          {
+            "code": "370683",
+            "name": "莱州市"
+          },
+          {
+            "code": "370685",
+            "name": "招远市"
+          },
+          {
+            "code": "370686",
+            "name": "栖霞市"
+          },
+          {
+            "code": "370687",
+            "name": "海阳市"
+          }
+        ]
+      },
+      {
+        "code": "3707",
+        "name": "潍坊市",
+        "children": [
+          {
+            "code": "370702",
+            "name": "潍城区"
+          },
+          {
+            "code": "370703",
+            "name": "寒亭区"
+          },
+          {
+            "code": "370704",
+            "name": "坊子区"
+          },
+          {
+            "code": "370705",
+            "name": "奎文区"
+          },
+          {
+            "code": "370724",
+            "name": "临朐县"
+          },
+          {
+            "code": "370725",
+            "name": "昌乐县"
+          },
+          {
+            "code": "370772",
+            "name": "潍坊滨海经济技术开发区"
+          },
+          {
+            "code": "370781",
+            "name": "青州市"
+          },
+          {
+            "code": "370782",
+            "name": "诸城市"
+          },
+          {
+            "code": "370783",
+            "name": "寿光市"
+          },
+          {
+            "code": "370784",
+            "name": "安丘市"
+          },
+          {
+            "code": "370785",
+            "name": "高密市"
+          },
+          {
+            "code": "370786",
+            "name": "昌邑市"
+          }
+        ]
+      },
+      {
+        "code": "3708",
+        "name": "济宁市",
+        "children": [
+          {
+            "code": "370811",
+            "name": "任城区"
+          },
+          {
+            "code": "370812",
+            "name": "兖州区"
+          },
+          {
+            "code": "370826",
+            "name": "微山县"
+          },
+          {
+            "code": "370827",
+            "name": "鱼台县"
+          },
+          {
+            "code": "370828",
+            "name": "金乡县"
+          },
+          {
+            "code": "370829",
+            "name": "嘉祥县"
+          },
+          {
+            "code": "370830",
+            "name": "汶上县"
+          },
+          {
+            "code": "370831",
+            "name": "泗水县"
+          },
+          {
+            "code": "370832",
+            "name": "梁山县"
+          },
+          {
+            "code": "370871",
+            "name": "济宁高新技术产业开发区"
+          },
+          {
+            "code": "370881",
+            "name": "曲阜市"
+          },
+          {
+            "code": "370883",
+            "name": "邹城市"
+          }
+        ]
+      },
+      {
+        "code": "3709",
+        "name": "泰安市",
+        "children": [
+          {
+            "code": "370902",
+            "name": "泰山区"
+          },
+          {
+            "code": "370911",
+            "name": "岱岳区"
+          },
+          {
+            "code": "370921",
+            "name": "宁阳县"
+          },
+          {
+            "code": "370923",
+            "name": "东平县"
+          },
+          {
+            "code": "370982",
+            "name": "新泰市"
+          },
+          {
+            "code": "370983",
+            "name": "肥城市"
+          }
+        ]
+      },
+      {
+        "code": "3710",
+        "name": "威海市",
+        "children": [
+          {
+            "code": "371002",
+            "name": "环翠区"
+          },
+          {
+            "code": "371003",
+            "name": "文登区"
+          },
+          {
+            "code": "371071",
+            "name": "威海火炬高技术产业开发区"
+          },
+          {
+            "code": "371072",
+            "name": "威海经济技术开发区"
+          },
+          {
+            "code": "371073",
+            "name": "威海临港经济技术开发区"
+          },
+          {
+            "code": "371082",
+            "name": "荣成市"
+          },
+          {
+            "code": "371083",
+            "name": "乳山市"
+          }
+        ]
+      },
+      {
+        "code": "3711",
+        "name": "日照市",
+        "children": [
+          {
+            "code": "371102",
+            "name": "东港区"
+          },
+          {
+            "code": "371103",
+            "name": "岚山区"
+          },
+          {
+            "code": "371121",
+            "name": "五莲县"
+          },
+          {
+            "code": "371122",
+            "name": "莒县"
+          },
+          {
+            "code": "371171",
+            "name": "日照经济技术开发区"
+          }
+        ]
+      },
+      {
+        "code": "3713",
+        "name": "临沂市",
+        "children": [
+          {
+            "code": "371302",
+            "name": "兰山区"
+          },
+          {
+            "code": "371311",
+            "name": "罗庄区"
+          },
+          {
+            "code": "371312",
+            "name": "河东区"
+          },
+          {
+            "code": "371321",
+            "name": "沂南县"
+          },
+          {
+            "code": "371322",
+            "name": "郯城县"
+          },
+          {
+            "code": "371323",
+            "name": "沂水县"
+          },
+          {
+            "code": "371324",
+            "name": "兰陵县"
+          },
+          {
+            "code": "371325",
+            "name": "费县"
+          },
+          {
+            "code": "371326",
+            "name": "平邑县"
+          },
+          {
+            "code": "371327",
+            "name": "莒南县"
+          },
+          {
+            "code": "371328",
+            "name": "蒙阴县"
+          },
+          {
+            "code": "371329",
+            "name": "临沭县"
+          },
+          {
+            "code": "371371",
+            "name": "临沂高新技术产业开发区"
+          }
+        ]
+      },
+      {
+        "code": "3714",
+        "name": "德州市",
+        "children": [
+          {
+            "code": "371402",
+            "name": "德城区"
+          },
+          {
+            "code": "371403",
+            "name": "陵城区"
+          },
+          {
+            "code": "371422",
+            "name": "宁津县"
+          },
+          {
+            "code": "371423",
+            "name": "庆云县"
+          },
+          {
+            "code": "371424",
+            "name": "临邑县"
+          },
+          {
+            "code": "371425",
+            "name": "齐河县"
+          },
+          {
+            "code": "371426",
+            "name": "平原县"
+          },
+          {
+            "code": "371427",
+            "name": "夏津县"
+          },
+          {
+            "code": "371428",
+            "name": "武城县"
+          },
+          {
+            "code": "371471",
+            "name": "德州天衢新区"
+          },
+          {
+            "code": "371481",
+            "name": "乐陵市"
+          },
+          {
+            "code": "371482",
+            "name": "禹城市"
+          }
+        ]
+      },
+      {
+        "code": "3715",
+        "name": "聊城市",
+        "children": [
+          {
+            "code": "371502",
+            "name": "东昌府区"
+          },
+          {
+            "code": "371503",
+            "name": "茌平区"
+          },
+          {
+            "code": "371521",
+            "name": "阳谷县"
+          },
+          {
+            "code": "371522",
+            "name": "莘县"
+          },
+          {
+            "code": "371524",
+            "name": "东阿县"
+          },
+          {
+            "code": "371525",
+            "name": "冠县"
+          },
+          {
+            "code": "371526",
+            "name": "高唐县"
+          },
+          {
+            "code": "371581",
+            "name": "临清市"
+          }
+        ]
+      },
+      {
+        "code": "3716",
+        "name": "滨州市",
+        "children": [
+          {
+            "code": "371602",
+            "name": "滨城区"
+          },
+          {
+            "code": "371603",
+            "name": "沾化区"
+          },
+          {
+            "code": "371621",
+            "name": "惠民县"
+          },
+          {
+            "code": "371622",
+            "name": "阳信县"
+          },
+          {
+            "code": "371623",
+            "name": "无棣县"
+          },
+          {
+            "code": "371625",
+            "name": "博兴县"
+          },
+          {
+            "code": "371681",
+            "name": "邹平市"
+          }
+        ]
+      },
+      {
+        "code": "3717",
+        "name": "菏泽市",
+        "children": [
+          {
+            "code": "371702",
+            "name": "牡丹区"
+          },
+          {
+            "code": "371703",
+            "name": "定陶区"
+          },
+          {
+            "code": "371721",
+            "name": "曹县"
+          },
+          {
+            "code": "371722",
+            "name": "单县"
+          },
+          {
+            "code": "371723",
+            "name": "成武县"
+          },
+          {
+            "code": "371724",
+            "name": "巨野县"
+          },
+          {
+            "code": "371725",
+            "name": "郓城县"
+          },
+          {
+            "code": "371726",
+            "name": "鄄城县"
+          },
+          {
+            "code": "371728",
+            "name": "东明县"
+          },
+          {
+            "code": "371771",
+            "name": "菏泽经济技术开发区"
+          },
+          {
+            "code": "371772",
+            "name": "菏泽高新技术开发区"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "code": "41",
+    "name": "河南省",
+    "children": [
+      {
+        "code": "4101",
+        "name": "郑州市",
+        "children": [
+          {
+            "code": "410102",
+            "name": "中原区"
+          },
+          {
+            "code": "410103",
+            "name": "二七区"
+          },
+          {
+            "code": "410104",
+            "name": "管城回族区"
+          },
+          {
+            "code": "410105",
+            "name": "金水区"
+          },
+          {
+            "code": "410106",
+            "name": "上街区"
+          },
+          {
+            "code": "410108",
+            "name": "惠济区"
+          },
+          {
+            "code": "410122",
+            "name": "中牟县"
+          },
+          {
+            "code": "410171",
+            "name": "郑州经济技术开发区"
+          },
+          {
+            "code": "410172",
+            "name": "郑州高新技术产业开发区"
+          },
+          {
+            "code": "410173",
+            "name": "郑州航空港经济综合实验区"
+          },
+          {
+            "code": "410181",
+            "name": "巩义市"
+          },
+          {
+            "code": "410182",
+            "name": "荥阳市"
+          },
+          {
+            "code": "410183",
+            "name": "新密市"
+          },
+          {
+            "code": "410184",
+            "name": "新郑市"
+          },
+          {
+            "code": "410185",
+            "name": "登封市"
+          }
+        ]
+      },
+      {
+        "code": "4102",
+        "name": "开封市",
+        "children": [
+          {
+            "code": "410202",
+            "name": "龙亭区"
+          },
+          {
+            "code": "410203",
+            "name": "顺河回族区"
+          },
+          {
+            "code": "410204",
+            "name": "鼓楼区"
+          },
+          {
+            "code": "410205",
+            "name": "禹王台区"
+          },
+          {
+            "code": "410212",
+            "name": "祥符区"
+          },
+          {
+            "code": "410221",
+            "name": "杞县"
+          },
+          {
+            "code": "410222",
+            "name": "通许县"
+          },
+          {
+            "code": "410223",
+            "name": "尉氏县"
+          },
+          {
+            "code": "410225",
+            "name": "兰考县"
+          }
+        ]
+      },
+      {
+        "code": "4103",
+        "name": "洛阳市",
+        "children": [
+          {
+            "code": "410302",
+            "name": "老城区"
+          },
+          {
+            "code": "410303",
+            "name": "西工区"
+          },
+          {
+            "code": "410304",
+            "name": "瀍河回族区"
+          },
+          {
+            "code": "410305",
+            "name": "涧西区"
+          },
+          {
+            "code": "410307",
+            "name": "偃师区"
+          },
+          {
+            "code": "410308",
+            "name": "孟津区"
+          },
+          {
+            "code": "410311",
+            "name": "洛龙区"
+          },
+          {
+            "code": "410323",
+            "name": "新安县"
+          },
+          {
+            "code": "410324",
+            "name": "栾川县"
+          },
+          {
+            "code": "410325",
+            "name": "嵩县"
+          },
+          {
+            "code": "410326",
+            "name": "汝阳县"
+          },
+          {
+            "code": "410327",
+            "name": "宜阳县"
+          },
+          {
+            "code": "410328",
+            "name": "洛宁县"
+          },
+          {
+            "code": "410329",
+            "name": "伊川县"
+          },
+          {
+            "code": "410371",
+            "name": "洛阳高新技术产业开发区"
+          }
+        ]
+      },
+      {
+        "code": "4104",
+        "name": "平顶山市",
+        "children": [
+          {
+            "code": "410402",
+            "name": "新华区"
+          },
+          {
+            "code": "410403",
+            "name": "卫东区"
+          },
+          {
+            "code": "410404",
+            "name": "石龙区"
+          },
+          {
+            "code": "410411",
+            "name": "湛河区"
+          },
+          {
+            "code": "410421",
+            "name": "宝丰县"
+          },
+          {
+            "code": "410422",
+            "name": "叶县"
+          },
+          {
+            "code": "410423",
+            "name": "鲁山县"
+          },
+          {
+            "code": "410425",
+            "name": "郏县"
+          },
+          {
+            "code": "410471",
+            "name": "平顶山高新技术产业开发区"
+          },
+          {
+            "code": "410472",
+            "name": "平顶山市城乡一体化示范区"
+          },
+          {
+            "code": "410481",
+            "name": "舞钢市"
+          },
+          {
+            "code": "410482",
+            "name": "汝州市"
+          }
+        ]
+      },
+      {
+        "code": "4105",
+        "name": "安阳市",
+        "children": [
+          {
+            "code": "410502",
+            "name": "文峰区"
+          },
+          {
+            "code": "410503",
+            "name": "北关区"
+          },
+          {
+            "code": "410505",
+            "name": "殷都区"
+          },
+          {
+            "code": "410506",
+            "name": "龙安区"
+          },
+          {
+            "code": "410522",
+            "name": "安阳县"
+          },
+          {
+            "code": "410523",
+            "name": "汤阴县"
+          },
+          {
+            "code": "410526",
+            "name": "滑县"
+          },
+          {
+            "code": "410527",
+            "name": "内黄县"
+          },
+          {
+            "code": "410571",
+            "name": "安阳高新技术产业开发区"
+          },
+          {
+            "code": "410581",
+            "name": "林州市"
+          }
+        ]
+      },
+      {
+        "code": "4106",
+        "name": "鹤壁市",
+        "children": [
+          {
+            "code": "410602",
+            "name": "鹤山区"
+          },
+          {
+            "code": "410603",
+            "name": "山城区"
+          },
+          {
+            "code": "410611",
+            "name": "淇滨区"
+          },
+          {
+            "code": "410621",
+            "name": "浚县"
+          },
+          {
+            "code": "410622",
+            "name": "淇县"
+          },
+          {
+            "code": "410671",
+            "name": "鹤壁经济技术开发区"
+          }
+        ]
+      },
+      {
+        "code": "4107",
+        "name": "新乡市",
+        "children": [
+          {
+            "code": "410702",
+            "name": "红旗区"
+          },
+          {
+            "code": "410703",
+            "name": "卫滨区"
+          },
+          {
+            "code": "410704",
+            "name": "凤泉区"
+          },
+          {
+            "code": "410711",
+            "name": "牧野区"
+          },
+          {
+            "code": "410721",
+            "name": "新乡县"
+          },
+          {
+            "code": "410724",
+            "name": "获嘉县"
+          },
+          {
+            "code": "410725",
+            "name": "原阳县"
+          },
+          {
+            "code": "410726",
+            "name": "延津县"
+          },
+          {
+            "code": "410727",
+            "name": "封丘县"
+          },
+          {
+            "code": "410771",
+            "name": "新乡高新技术产业开发区"
+          },
+          {
+            "code": "410772",
+            "name": "新乡经济技术开发区"
+          },
+          {
+            "code": "410773",
+            "name": "新乡市平原城乡一体化示范区"
+          },
+          {
+            "code": "410781",
+            "name": "卫辉市"
+          },
+          {
+            "code": "410782",
+            "name": "辉县市"
+          },
+          {
+            "code": "410783",
+            "name": "长垣市"
+          }
+        ]
+      },
+      {
+        "code": "4108",
+        "name": "焦作市",
+        "children": [
+          {
+            "code": "410802",
+            "name": "解放区"
+          },
+          {
+            "code": "410803",
+            "name": "中站区"
+          },
+          {
+            "code": "410804",
+            "name": "马村区"
+          },
+          {
+            "code": "410811",
+            "name": "山阳区"
+          },
+          {
+            "code": "410821",
+            "name": "修武县"
+          },
+          {
+            "code": "410822",
+            "name": "博爱县"
+          },
+          {
+            "code": "410823",
+            "name": "武陟县"
+          },
+          {
+            "code": "410825",
+            "name": "温县"
+          },
+          {
+            "code": "410871",
+            "name": "焦作城乡一体化示范区"
+          },
+          {
+            "code": "410882",
+            "name": "沁阳市"
+          },
+          {
+            "code": "410883",
+            "name": "孟州市"
+          }
+        ]
+      },
+      {
+        "code": "4109",
+        "name": "濮阳市",
+        "children": [
+          {
+            "code": "410902",
+            "name": "华龙区"
+          },
+          {
+            "code": "410922",
+            "name": "清丰县"
+          },
+          {
+            "code": "410923",
+            "name": "南乐县"
+          },
+          {
+            "code": "410926",
+            "name": "范县"
+          },
+          {
+            "code": "410927",
+            "name": "台前县"
+          },
+          {
+            "code": "410928",
+            "name": "濮阳县"
+          },
+          {
+            "code": "410971",
+            "name": "河南濮阳工业园区"
+          },
+          {
+            "code": "410972",
+            "name": "濮阳经济技术开发区"
+          }
+        ]
+      },
+      {
+        "code": "4110",
+        "name": "许昌市",
+        "children": [
+          {
+            "code": "411002",
+            "name": "魏都区"
+          },
+          {
+            "code": "411003",
+            "name": "建安区"
+          },
+          {
+            "code": "411024",
+            "name": "鄢陵县"
+          },
+          {
+            "code": "411025",
+            "name": "襄城县"
+          },
+          {
+            "code": "411071",
+            "name": "许昌经济技术开发区"
+          },
+          {
+            "code": "411081",
+            "name": "禹州市"
+          },
+          {
+            "code": "411082",
+            "name": "长葛市"
+          }
+        ]
+      },
+      {
+        "code": "4111",
+        "name": "漯河市",
+        "children": [
+          {
+            "code": "411102",
+            "name": "源汇区"
+          },
+          {
+            "code": "411103",
+            "name": "郾城区"
+          },
+          {
+            "code": "411104",
+            "name": "召陵区"
+          },
+          {
+            "code": "411121",
+            "name": "舞阳县"
+          },
+          {
+            "code": "411122",
+            "name": "临颍县"
+          },
+          {
+            "code": "411171",
+            "name": "漯河经济技术开发区"
+          }
+        ]
+      },
+      {
+        "code": "4112",
+        "name": "三门峡市",
+        "children": [
+          {
+            "code": "411202",
+            "name": "湖滨区"
+          },
+          {
+            "code": "411203",
+            "name": "陕州区"
+          },
+          {
+            "code": "411221",
+            "name": "渑池县"
+          },
+          {
+            "code": "411224",
+            "name": "卢氏县"
+          },
+          {
+            "code": "411271",
+            "name": "河南三门峡经济开发区"
+          },
+          {
+            "code": "411281",
+            "name": "义马市"
+          },
+          {
+            "code": "411282",
+            "name": "灵宝市"
+          }
+        ]
+      },
+      {
+        "code": "4113",
+        "name": "南阳市",
+        "children": [
+          {
+            "code": "411302",
+            "name": "宛城区"
+          },
+          {
+            "code": "411303",
+            "name": "卧龙区"
+          },
+          {
+            "code": "411321",
+            "name": "南召县"
+          },
+          {
+            "code": "411322",
+            "name": "方城县"
+          },
+          {
+            "code": "411323",
+            "name": "西峡县"
+          },
+          {
+            "code": "411324",
+            "name": "镇平县"
+          },
+          {
+            "code": "411325",
+            "name": "内乡县"
+          },
+          {
+            "code": "411326",
+            "name": "淅川县"
+          },
+          {
+            "code": "411327",
+            "name": "社旗县"
+          },
+          {
+            "code": "411328",
+            "name": "唐河县"
+          },
+          {
+            "code": "411329",
+            "name": "新野县"
+          },
+          {
+            "code": "411330",
+            "name": "桐柏县"
+          },
+          {
+            "code": "411371",
+            "name": "南阳高新技术产业开发区"
+          },
+          {
+            "code": "411372",
+            "name": "南阳市城乡一体化示范区"
+          },
+          {
+            "code": "411381",
+            "name": "邓州市"
+          }
+        ]
+      },
+      {
+        "code": "4114",
+        "name": "商丘市",
+        "children": [
+          {
+            "code": "411402",
+            "name": "梁园区"
+          },
+          {
+            "code": "411403",
+            "name": "睢阳区"
+          },
+          {
+            "code": "411421",
+            "name": "民权县"
+          },
+          {
+            "code": "411422",
+            "name": "睢县"
+          },
+          {
+            "code": "411423",
+            "name": "宁陵县"
+          },
+          {
+            "code": "411424",
+            "name": "柘城县"
+          },
+          {
+            "code": "411425",
+            "name": "虞城县"
+          },
+          {
+            "code": "411426",
+            "name": "夏邑县"
+          },
+          {
+            "code": "411471",
+            "name": "豫东综合物流产业聚集区"
+          },
+          {
+            "code": "411472",
+            "name": "河南商丘经济开发区"
+          },
+          {
+            "code": "411481",
+            "name": "永城市"
+          }
+        ]
+      },
+      {
+        "code": "4115",
+        "name": "信阳市",
+        "children": [
+          {
+            "code": "411502",
+            "name": "浉河区"
+          },
+          {
+            "code": "411503",
+            "name": "平桥区"
+          },
+          {
+            "code": "411521",
+            "name": "罗山县"
+          },
+          {
+            "code": "411522",
+            "name": "光山县"
+          },
+          {
+            "code": "411523",
+            "name": "新县"
+          },
+          {
+            "code": "411524",
+            "name": "商城县"
+          },
+          {
+            "code": "411525",
+            "name": "固始县"
+          },
+          {
+            "code": "411526",
+            "name": "潢川县"
+          },
+          {
+            "code": "411527",
+            "name": "淮滨县"
+          },
+          {
+            "code": "411528",
+            "name": "息县"
+          },
+          {
+            "code": "411571",
+            "name": "信阳高新技术产业开发区"
+          }
+        ]
+      },
+      {
+        "code": "4116",
+        "name": "周口市",
+        "children": [
+          {
+            "code": "411602",
+            "name": "川汇区"
+          },
+          {
+            "code": "411603",
+            "name": "淮阳区"
+          },
+          {
+            "code": "411621",
+            "name": "扶沟县"
+          },
+          {
+            "code": "411622",
+            "name": "西华县"
+          },
+          {
+            "code": "411623",
+            "name": "商水县"
+          },
+          {
+            "code": "411624",
+            "name": "沈丘县"
+          },
+          {
+            "code": "411625",
+            "name": "郸城县"
+          },
+          {
+            "code": "411627",
+            "name": "太康县"
+          },
+          {
+            "code": "411628",
+            "name": "鹿邑县"
+          },
+          {
+            "code": "411671",
+            "name": "周口临港开发区"
+          },
+          {
+            "code": "411681",
+            "name": "项城市"
+          }
+        ]
+      },
+      {
+        "code": "4117",
+        "name": "驻马店市",
+        "children": [
+          {
+            "code": "411702",
+            "name": "驿城区"
+          },
+          {
+            "code": "411721",
+            "name": "西平县"
+          },
+          {
+            "code": "411722",
+            "name": "上蔡县"
+          },
+          {
+            "code": "411723",
+            "name": "平舆县"
+          },
+          {
+            "code": "411724",
+            "name": "正阳县"
+          },
+          {
+            "code": "411725",
+            "name": "确山县"
+          },
+          {
+            "code": "411726",
+            "name": "泌阳县"
+          },
+          {
+            "code": "411727",
+            "name": "汝南县"
+          },
+          {
+            "code": "411728",
+            "name": "遂平县"
+          },
+          {
+            "code": "411729",
+            "name": "新蔡县"
+          },
+          {
+            "code": "411771",
+            "name": "河南驻马店经济开发区"
+          }
+        ]
+      },
+      {
+        "code": "4190",
+        "name": "省直辖县级行政区划",
+        "children": [
+          {
+            "code": "419001",
+            "name": "济源市"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "code": "42",
+    "name": "湖北省",
+    "children": [
+      {
+        "code": "4201",
+        "name": "武汉市",
+        "children": [
+          {
+            "code": "420102",
+            "name": "江岸区"
+          },
+          {
+            "code": "420103",
+            "name": "江汉区"
+          },
+          {
+            "code": "420104",
+            "name": "硚口区"
+          },
+          {
+            "code": "420105",
+            "name": "汉阳区"
+          },
+          {
+            "code": "420106",
+            "name": "武昌区"
+          },
+          {
+            "code": "420107",
+            "name": "青山区"
+          },
+          {
+            "code": "420111",
+            "name": "洪山区"
+          },
+          {
+            "code": "420112",
+            "name": "东西湖区"
+          },
+          {
+            "code": "420113",
+            "name": "汉南区"
+          },
+          {
+            "code": "420114",
+            "name": "蔡甸区"
+          },
+          {
+            "code": "420115",
+            "name": "江夏区"
+          },
+          {
+            "code": "420116",
+            "name": "黄陂区"
+          },
+          {
+            "code": "420117",
+            "name": "新洲区"
+          }
+        ]
+      },
+      {
+        "code": "4202",
+        "name": "黄石市",
+        "children": [
+          {
+            "code": "420202",
+            "name": "黄石港区"
+          },
+          {
+            "code": "420203",
+            "name": "西塞山区"
+          },
+          {
+            "code": "420204",
+            "name": "下陆区"
+          },
+          {
+            "code": "420205",
+            "name": "铁山区"
+          },
+          {
+            "code": "420222",
+            "name": "阳新县"
+          },
+          {
+            "code": "420281",
+            "name": "大冶市"
+          }
+        ]
+      },
+      {
+        "code": "4203",
+        "name": "十堰市",
+        "children": [
+          {
+            "code": "420302",
+            "name": "茅箭区"
+          },
+          {
+            "code": "420303",
+            "name": "张湾区"
+          },
+          {
+            "code": "420304",
+            "name": "郧阳区"
+          },
+          {
+            "code": "420322",
+            "name": "郧西县"
+          },
+          {
+            "code": "420323",
+            "name": "竹山县"
+          },
+          {
+            "code": "420324",
+            "name": "竹溪县"
+          },
+          {
+            "code": "420325",
+            "name": "房县"
+          },
+          {
+            "code": "420381",
+            "name": "丹江口市"
+          }
+        ]
+      },
+      {
+        "code": "4205",
+        "name": "宜昌市",
+        "children": [
+          {
+            "code": "420502",
+            "name": "西陵区"
+          },
+          {
+            "code": "420503",
+            "name": "伍家岗区"
+          },
+          {
+            "code": "420504",
+            "name": "点军区"
+          },
+          {
+            "code": "420505",
+            "name": "猇亭区"
+          },
+          {
+            "code": "420506",
+            "name": "夷陵区"
+          },
+          {
+            "code": "420525",
+            "name": "远安县"
+          },
+          {
+            "code": "420526",
+            "name": "兴山县"
+          },
+          {
+            "code": "420527",
+            "name": "秭归县"
+          },
+          {
+            "code": "420528",
+            "name": "长阳土家族自治县"
+          },
+          {
+            "code": "420529",
+            "name": "五峰土家族自治县"
+          },
+          {
+            "code": "420581",
+            "name": "宜都市"
+          },
+          {
+            "code": "420582",
+            "name": "当阳市"
+          },
+          {
+            "code": "420583",
+            "name": "枝江市"
+          }
+        ]
+      },
+      {
+        "code": "4206",
+        "name": "襄阳市",
+        "children": [
+          {
+            "code": "420602",
+            "name": "襄城区"
+          },
+          {
+            "code": "420606",
+            "name": "樊城区"
+          },
+          {
+            "code": "420607",
+            "name": "襄州区"
+          },
+          {
+            "code": "420624",
+            "name": "南漳县"
+          },
+          {
+            "code": "420625",
+            "name": "谷城县"
+          },
+          {
+            "code": "420626",
+            "name": "保康县"
+          },
+          {
+            "code": "420682",
+            "name": "老河口市"
+          },
+          {
+            "code": "420683",
+            "name": "枣阳市"
+          },
+          {
+            "code": "420684",
+            "name": "宜城市"
+          }
+        ]
+      },
+      {
+        "code": "4207",
+        "name": "鄂州市",
+        "children": [
+          {
+            "code": "420702",
+            "name": "梁子湖区"
+          },
+          {
+            "code": "420703",
+            "name": "华容区"
+          },
+          {
+            "code": "420704",
+            "name": "鄂城区"
+          }
+        ]
+      },
+      {
+        "code": "4208",
+        "name": "荆门市",
+        "children": [
+          {
+            "code": "420802",
+            "name": "东宝区"
+          },
+          {
+            "code": "420804",
+            "name": "掇刀区"
+          },
+          {
+            "code": "420822",
+            "name": "沙洋县"
+          },
+          {
+            "code": "420881",
+            "name": "钟祥市"
+          },
+          {
+            "code": "420882",
+            "name": "京山市"
+          }
+        ]
+      },
+      {
+        "code": "4209",
+        "name": "孝感市",
+        "children": [
+          {
+            "code": "420902",
+            "name": "孝南区"
+          },
+          {
+            "code": "420921",
+            "name": "孝昌县"
+          },
+          {
+            "code": "420922",
+            "name": "大悟县"
+          },
+          {
+            "code": "420923",
+            "name": "云梦县"
+          },
+          {
+            "code": "420981",
+            "name": "应城市"
+          },
+          {
+            "code": "420982",
+            "name": "安陆市"
+          },
+          {
+            "code": "420984",
+            "name": "汉川市"
+          }
+        ]
+      },
+      {
+        "code": "4210",
+        "name": "荆州市",
+        "children": [
+          {
+            "code": "421002",
+            "name": "沙市区"
+          },
+          {
+            "code": "421003",
+            "name": "荆州区"
+          },
+          {
+            "code": "421022",
+            "name": "公安县"
+          },
+          {
+            "code": "421024",
+            "name": "江陵县"
+          },
+          {
+            "code": "421071",
+            "name": "荆州经济技术开发区"
+          },
+          {
+            "code": "421081",
+            "name": "石首市"
+          },
+          {
+            "code": "421083",
+            "name": "洪湖市"
+          },
+          {
+            "code": "421087",
+            "name": "松滋市"
+          },
+          {
+            "code": "421088",
+            "name": "监利市"
+          }
+        ]
+      },
+      {
+        "code": "4211",
+        "name": "黄冈市",
+        "children": [
+          {
+            "code": "421102",
+            "name": "黄州区"
+          },
+          {
+            "code": "421121",
+            "name": "团风县"
+          },
+          {
+            "code": "421122",
+            "name": "红安县"
+          },
+          {
+            "code": "421123",
+            "name": "罗田县"
+          },
+          {
+            "code": "421124",
+            "name": "英山县"
+          },
+          {
+            "code": "421125",
+            "name": "浠水县"
+          },
+          {
+            "code": "421126",
+            "name": "蕲春县"
+          },
+          {
+            "code": "421127",
+            "name": "黄梅县"
+          },
+          {
+            "code": "421171",
+            "name": "龙感湖管理区"
+          },
+          {
+            "code": "421181",
+            "name": "麻城市"
+          },
+          {
+            "code": "421182",
+            "name": "武穴市"
+          }
+        ]
+      },
+      {
+        "code": "4212",
+        "name": "咸宁市",
+        "children": [
+          {
+            "code": "421202",
+            "name": "咸安区"
+          },
+          {
+            "code": "421221",
+            "name": "嘉鱼县"
+          },
+          {
+            "code": "421222",
+            "name": "通城县"
+          },
+          {
+            "code": "421223",
+            "name": "崇阳县"
+          },
+          {
+            "code": "421224",
+            "name": "通山县"
+          },
+          {
+            "code": "421281",
+            "name": "赤壁市"
+          }
+        ]
+      },
+      {
+        "code": "4213",
+        "name": "随州市",
+        "children": [
+          {
+            "code": "421303",
+            "name": "曾都区"
+          },
+          {
+            "code": "421321",
+            "name": "随县"
+          },
+          {
+            "code": "421381",
+            "name": "广水市"
+          }
+        ]
+      },
+      {
+        "code": "4228",
+        "name": "恩施土家族苗族自治州",
+        "children": [
+          {
+            "code": "422801",
+            "name": "恩施市"
+          },
+          {
+            "code": "422802",
+            "name": "利川市"
+          },
+          {
+            "code": "422822",
+            "name": "建始县"
+          },
+          {
+            "code": "422823",
+            "name": "巴东县"
+          },
+          {
+            "code": "422825",
+            "name": "宣恩县"
+          },
+          {
+            "code": "422826",
+            "name": "咸丰县"
+          },
+          {
+            "code": "422827",
+            "name": "来凤县"
+          },
+          {
+            "code": "422828",
+            "name": "鹤峰县"
+          }
+        ]
+      },
+      {
+        "code": "4290",
+        "name": "省直辖县级行政区划",
+        "children": [
+          {
+            "code": "429004",
+            "name": "仙桃市"
+          },
+          {
+            "code": "429005",
+            "name": "潜江市"
+          },
+          {
+            "code": "429006",
+            "name": "天门市"
+          },
+          {
+            "code": "429021",
+            "name": "神农架林区"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "code": "43",
+    "name": "湖南省",
+    "children": [
+      {
+        "code": "4301",
+        "name": "长沙市",
+        "children": [
+          {
+            "code": "430102",
+            "name": "芙蓉区"
+          },
+          {
+            "code": "430103",
+            "name": "天心区"
+          },
+          {
+            "code": "430104",
+            "name": "岳麓区"
+          },
+          {
+            "code": "430105",
+            "name": "开福区"
+          },
+          {
+            "code": "430111",
+            "name": "雨花区"
+          },
+          {
+            "code": "430112",
+            "name": "望城区"
+          },
+          {
+            "code": "430121",
+            "name": "长沙县"
+          },
+          {
+            "code": "430181",
+            "name": "浏阳市"
+          },
+          {
+            "code": "430182",
+            "name": "宁乡市"
+          }
+        ]
+      },
+      {
+        "code": "4302",
+        "name": "株洲市",
+        "children": [
+          {
+            "code": "430202",
+            "name": "荷塘区"
+          },
+          {
+            "code": "430203",
+            "name": "芦淞区"
+          },
+          {
+            "code": "430204",
+            "name": "石峰区"
+          },
+          {
+            "code": "430211",
+            "name": "天元区"
+          },
+          {
+            "code": "430212",
+            "name": "渌口区"
+          },
+          {
+            "code": "430223",
+            "name": "攸县"
+          },
+          {
+            "code": "430224",
+            "name": "茶陵县"
+          },
+          {
+            "code": "430225",
+            "name": "炎陵县"
+          },
+          {
+            "code": "430281",
+            "name": "醴陵市"
+          }
+        ]
+      },
+      {
+        "code": "4303",
+        "name": "湘潭市",
+        "children": [
+          {
+            "code": "430302",
+            "name": "雨湖区"
+          },
+          {
+            "code": "430304",
+            "name": "岳塘区"
+          },
+          {
+            "code": "430321",
+            "name": "湘潭县"
+          },
+          {
+            "code": "430371",
+            "name": "湖南湘潭高新技术产业园区"
+          },
+          {
+            "code": "430372",
+            "name": "湘潭昭山示范区"
+          },
+          {
+            "code": "430373",
+            "name": "湘潭九华示范区"
+          },
+          {
+            "code": "430381",
+            "name": "湘乡市"
+          },
+          {
+            "code": "430382",
+            "name": "韶山市"
+          }
+        ]
+      },
+      {
+        "code": "4304",
+        "name": "衡阳市",
+        "children": [
+          {
+            "code": "430405",
+            "name": "珠晖区"
+          },
+          {
+            "code": "430406",
+            "name": "雁峰区"
+          },
+          {
+            "code": "430407",
+            "name": "石鼓区"
+          },
+          {
+            "code": "430408",
+            "name": "蒸湘区"
+          },
+          {
+            "code": "430412",
+            "name": "南岳区"
+          },
+          {
+            "code": "430421",
+            "name": "衡阳县"
+          },
+          {
+            "code": "430422",
+            "name": "衡南县"
+          },
+          {
+            "code": "430423",
+            "name": "衡山县"
+          },
+          {
+            "code": "430424",
+            "name": "衡东县"
+          },
+          {
+            "code": "430426",
+            "name": "祁东县"
+          },
+          {
+            "code": "430473",
+            "name": "湖南衡阳松木经济开发区"
+          },
+          {
+            "code": "430476",
+            "name": "湖南衡阳高新技术产业园区"
+          },
+          {
+            "code": "430481",
+            "name": "耒阳市"
+          },
+          {
+            "code": "430482",
+            "name": "常宁市"
+          }
+        ]
+      },
+      {
+        "code": "4305",
+        "name": "邵阳市",
+        "children": [
+          {
+            "code": "430502",
+            "name": "双清区"
+          },
+          {
+            "code": "430503",
+            "name": "大祥区"
+          },
+          {
+            "code": "430511",
+            "name": "北塔区"
+          },
+          {
+            "code": "430522",
+            "name": "新邵县"
+          },
+          {
+            "code": "430523",
+            "name": "邵阳县"
+          },
+          {
+            "code": "430524",
+            "name": "隆回县"
+          },
+          {
+            "code": "430525",
+            "name": "洞口县"
+          },
+          {
+            "code": "430527",
+            "name": "绥宁县"
+          },
+          {
+            "code": "430528",
+            "name": "新宁县"
+          },
+          {
+            "code": "430529",
+            "name": "城步苗族自治县"
+          },
+          {
+            "code": "430581",
+            "name": "武冈市"
+          },
+          {
+            "code": "430582",
+            "name": "邵东市"
+          }
+        ]
+      },
+      {
+        "code": "4306",
+        "name": "岳阳市",
+        "children": [
+          {
+            "code": "430602",
+            "name": "岳阳楼区"
+          },
+          {
+            "code": "430603",
+            "name": "云溪区"
+          },
+          {
+            "code": "430611",
+            "name": "君山区"
+          },
+          {
+            "code": "430621",
+            "name": "岳阳县"
+          },
+          {
+            "code": "430623",
+            "name": "华容县"
+          },
+          {
+            "code": "430624",
+            "name": "湘阴县"
+          },
+          {
+            "code": "430626",
+            "name": "平江县"
+          },
+          {
+            "code": "430671",
+            "name": "岳阳市屈原管理区"
+          },
+          {
+            "code": "430681",
+            "name": "汨罗市"
+          },
+          {
+            "code": "430682",
+            "name": "临湘市"
+          }
+        ]
+      },
+      {
+        "code": "4307",
+        "name": "常德市",
+        "children": [
+          {
+            "code": "430702",
+            "name": "武陵区"
+          },
+          {
+            "code": "430703",
+            "name": "鼎城区"
+          },
+          {
+            "code": "430721",
+            "name": "安乡县"
+          },
+          {
+            "code": "430722",
+            "name": "汉寿县"
+          },
+          {
+            "code": "430723",
+            "name": "澧县"
+          },
+          {
+            "code": "430724",
+            "name": "临澧县"
+          },
+          {
+            "code": "430725",
+            "name": "桃源县"
+          },
+          {
+            "code": "430726",
+            "name": "石门县"
+          },
+          {
+            "code": "430771",
+            "name": "常德市西洞庭管理区"
+          },
+          {
+            "code": "430781",
+            "name": "津市市"
+          }
+        ]
+      },
+      {
+        "code": "4308",
+        "name": "张家界市",
+        "children": [
+          {
+            "code": "430802",
+            "name": "永定区"
+          },
+          {
+            "code": "430811",
+            "name": "武陵源区"
+          },
+          {
+            "code": "430821",
+            "name": "慈利县"
+          },
+          {
+            "code": "430822",
+            "name": "桑植县"
+          }
+        ]
+      },
+      {
+        "code": "4309",
+        "name": "益阳市",
+        "children": [
+          {
+            "code": "430902",
+            "name": "资阳区"
+          },
+          {
+            "code": "430903",
+            "name": "赫山区"
+          },
+          {
+            "code": "430921",
+            "name": "南县"
+          },
+          {
+            "code": "430922",
+            "name": "桃江县"
+          },
+          {
+            "code": "430923",
+            "name": "安化县"
+          },
+          {
+            "code": "430971",
+            "name": "益阳市大通湖管理区"
+          },
+          {
+            "code": "430972",
+            "name": "湖南益阳高新技术产业园区"
+          },
+          {
+            "code": "430981",
+            "name": "沅江市"
+          }
+        ]
+      },
+      {
+        "code": "4310",
+        "name": "郴州市",
+        "children": [
+          {
+            "code": "431002",
+            "name": "北湖区"
+          },
+          {
+            "code": "431003",
+            "name": "苏仙区"
+          },
+          {
+            "code": "431021",
+            "name": "桂阳县"
+          },
+          {
+            "code": "431022",
+            "name": "宜章县"
+          },
+          {
+            "code": "431023",
+            "name": "永兴县"
+          },
+          {
+            "code": "431024",
+            "name": "嘉禾县"
+          },
+          {
+            "code": "431025",
+            "name": "临武县"
+          },
+          {
+            "code": "431026",
+            "name": "汝城县"
+          },
+          {
+            "code": "431027",
+            "name": "桂东县"
+          },
+          {
+            "code": "431028",
+            "name": "安仁县"
+          },
+          {
+            "code": "431081",
+            "name": "资兴市"
+          }
+        ]
+      },
+      {
+        "code": "4311",
+        "name": "永州市",
+        "children": [
+          {
+            "code": "431102",
+            "name": "零陵区"
+          },
+          {
+            "code": "431103",
+            "name": "冷水滩区"
+          },
+          {
+            "code": "431122",
+            "name": "东安县"
+          },
+          {
+            "code": "431123",
+            "name": "双牌县"
+          },
+          {
+            "code": "431124",
+            "name": "道县"
+          },
+          {
+            "code": "431125",
+            "name": "江永县"
+          },
+          {
+            "code": "431126",
+            "name": "宁远县"
+          },
+          {
+            "code": "431127",
+            "name": "蓝山县"
+          },
+          {
+            "code": "431128",
+            "name": "新田县"
+          },
+          {
+            "code": "431129",
+            "name": "江华瑶族自治县"
+          },
+          {
+            "code": "431171",
+            "name": "永州经济技术开发区"
+          },
+          {
+            "code": "431173",
+            "name": "永州市回龙圩管理区"
+          },
+          {
+            "code": "431181",
+            "name": "祁阳市"
+          }
+        ]
+      },
+      {
+        "code": "4312",
+        "name": "怀化市",
+        "children": [
+          {
+            "code": "431202",
+            "name": "鹤城区"
+          },
+          {
+            "code": "431221",
+            "name": "中方县"
+          },
+          {
+            "code": "431222",
+            "name": "沅陵县"
+          },
+          {
+            "code": "431223",
+            "name": "辰溪县"
+          },
+          {
+            "code": "431224",
+            "name": "溆浦县"
+          },
+          {
+            "code": "431225",
+            "name": "会同县"
+          },
+          {
+            "code": "431226",
+            "name": "麻阳苗族自治县"
+          },
+          {
+            "code": "431227",
+            "name": "新晃侗族自治县"
+          },
+          {
+            "code": "431228",
+            "name": "芷江侗族自治县"
+          },
+          {
+            "code": "431229",
+            "name": "靖州苗族侗族自治县"
+          },
+          {
+            "code": "431230",
+            "name": "通道侗族自治县"
+          },
+          {
+            "code": "431271",
+            "name": "怀化市洪江管理区"
+          },
+          {
+            "code": "431281",
+            "name": "洪江市"
+          }
+        ]
+      },
+      {
+        "code": "4313",
+        "name": "娄底市",
+        "children": [
+          {
+            "code": "431302",
+            "name": "娄星区"
+          },
+          {
+            "code": "431321",
+            "name": "双峰县"
+          },
+          {
+            "code": "431322",
+            "name": "新化县"
+          },
+          {
+            "code": "431381",
+            "name": "冷水江市"
+          },
+          {
+            "code": "431382",
+            "name": "涟源市"
+          }
+        ]
+      },
+      {
+        "code": "4331",
+        "name": "湘西土家族苗族自治州",
+        "children": [
+          {
+            "code": "433101",
+            "name": "吉首市"
+          },
+          {
+            "code": "433122",
+            "name": "泸溪县"
+          },
+          {
+            "code": "433123",
+            "name": "凤凰县"
+          },
+          {
+            "code": "433124",
+            "name": "花垣县"
+          },
+          {
+            "code": "433125",
+            "name": "保靖县"
+          },
+          {
+            "code": "433126",
+            "name": "古丈县"
+          },
+          {
+            "code": "433127",
+            "name": "永顺县"
+          },
+          {
+            "code": "433130",
+            "name": "龙山县"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "code": "44",
+    "name": "广东省",
+    "children": [
+      {
+        "code": "4401",
+        "name": "广州市",
+        "children": [
+          {
+            "code": "440103",
+            "name": "荔湾区"
+          },
+          {
+            "code": "440104",
+            "name": "越秀区"
+          },
+          {
+            "code": "440105",
+            "name": "海珠区"
+          },
+          {
+            "code": "440106",
+            "name": "天河区"
+          },
+          {
+            "code": "440111",
+            "name": "白云区"
+          },
+          {
+            "code": "440112",
+            "name": "黄埔区"
+          },
+          {
+            "code": "440113",
+            "name": "番禺区"
+          },
+          {
+            "code": "440114",
+            "name": "花都区"
+          },
+          {
+            "code": "440115",
+            "name": "南沙区"
+          },
+          {
+            "code": "440117",
+            "name": "从化区"
+          },
+          {
+            "code": "440118",
+            "name": "增城区"
+          }
+        ]
+      },
+      {
+        "code": "4402",
+        "name": "韶关市",
+        "children": [
+          {
+            "code": "440203",
+            "name": "武江区"
+          },
+          {
+            "code": "440204",
+            "name": "浈江区"
+          },
+          {
+            "code": "440205",
+            "name": "曲江区"
+          },
+          {
+            "code": "440222",
+            "name": "始兴县"
+          },
+          {
+            "code": "440224",
+            "name": "仁化县"
+          },
+          {
+            "code": "440229",
+            "name": "翁源县"
+          },
+          {
+            "code": "440232",
+            "name": "乳源瑶族自治县"
+          },
+          {
+            "code": "440233",
+            "name": "新丰县"
+          },
+          {
+            "code": "440281",
+            "name": "乐昌市"
+          },
+          {
+            "code": "440282",
+            "name": "南雄市"
+          }
+        ]
+      },
+      {
+        "code": "4403",
+        "name": "深圳市",
+        "children": [
+          {
+            "code": "440303",
+            "name": "罗湖区"
+          },
+          {
+            "code": "440304",
+            "name": "福田区"
+          },
+          {
+            "code": "440305",
+            "name": "南山区"
+          },
+          {
+            "code": "440306",
+            "name": "宝安区"
+          },
+          {
+            "code": "440307",
+            "name": "龙岗区"
+          },
+          {
+            "code": "440308",
+            "name": "盐田区"
+          },
+          {
+            "code": "440309",
+            "name": "龙华区"
+          },
+          {
+            "code": "440310",
+            "name": "坪山区"
+          },
+          {
+            "code": "440311",
+            "name": "光明区"
+          }
+        ]
+      },
+      {
+        "code": "4404",
+        "name": "珠海市",
+        "children": [
+          {
+            "code": "440402",
+            "name": "香洲区"
+          },
+          {
+            "code": "440403",
+            "name": "斗门区"
+          },
+          {
+            "code": "440404",
+            "name": "金湾区"
+          }
+        ]
+      },
+      {
+        "code": "4405",
+        "name": "汕头市",
+        "children": [
+          {
+            "code": "440507",
+            "name": "龙湖区"
+          },
+          {
+            "code": "440511",
+            "name": "金平区"
+          },
+          {
+            "code": "440512",
+            "name": "濠江区"
+          },
+          {
+            "code": "440513",
+            "name": "潮阳区"
+          },
+          {
+            "code": "440514",
+            "name": "潮南区"
+          },
+          {
+            "code": "440515",
+            "name": "澄海区"
+          },
+          {
+            "code": "440523",
+            "name": "南澳县"
+          }
+        ]
+      },
+      {
+        "code": "4406",
+        "name": "佛山市",
+        "children": [
+          {
+            "code": "440604",
+            "name": "禅城区"
+          },
+          {
+            "code": "440605",
+            "name": "南海区"
+          },
+          {
+            "code": "440606",
+            "name": "顺德区"
+          },
+          {
+            "code": "440607",
+            "name": "三水区"
+          },
+          {
+            "code": "440608",
+            "name": "高明区"
+          }
+        ]
+      },
+      {
+        "code": "4407",
+        "name": "江门市",
+        "children": [
+          {
+            "code": "440703",
+            "name": "蓬江区"
+          },
+          {
+            "code": "440704",
+            "name": "江海区"
+          },
+          {
+            "code": "440705",
+            "name": "新会区"
+          },
+          {
+            "code": "440781",
+            "name": "台山市"
+          },
+          {
+            "code": "440783",
+            "name": "开平市"
+          },
+          {
+            "code": "440784",
+            "name": "鹤山市"
+          },
+          {
+            "code": "440785",
+            "name": "恩平市"
+          }
+        ]
+      },
+      {
+        "code": "4408",
+        "name": "湛江市",
+        "children": [
+          {
+            "code": "440802",
+            "name": "赤坎区"
+          },
+          {
+            "code": "440803",
+            "name": "霞山区"
+          },
+          {
+            "code": "440804",
+            "name": "坡头区"
+          },
+          {
+            "code": "440811",
+            "name": "麻章区"
+          },
+          {
+            "code": "440823",
+            "name": "遂溪县"
+          },
+          {
+            "code": "440825",
+            "name": "徐闻县"
+          },
+          {
+            "code": "440881",
+            "name": "廉江市"
+          },
+          {
+            "code": "440882",
+            "name": "雷州市"
+          },
+          {
+            "code": "440883",
+            "name": "吴川市"
+          }
+        ]
+      },
+      {
+        "code": "4409",
+        "name": "茂名市",
+        "children": [
+          {
+            "code": "440902",
+            "name": "茂南区"
+          },
+          {
+            "code": "440904",
+            "name": "电白区"
+          },
+          {
+            "code": "440981",
+            "name": "高州市"
+          },
+          {
+            "code": "440982",
+            "name": "化州市"
+          },
+          {
+            "code": "440983",
+            "name": "信宜市"
+          }
+        ]
+      },
+      {
+        "code": "4412",
+        "name": "肇庆市",
+        "children": [
+          {
+            "code": "441202",
+            "name": "端州区"
+          },
+          {
+            "code": "441203",
+            "name": "鼎湖区"
+          },
+          {
+            "code": "441204",
+            "name": "高要区"
+          },
+          {
+            "code": "441223",
+            "name": "广宁县"
+          },
+          {
+            "code": "441224",
+            "name": "怀集县"
+          },
+          {
+            "code": "441225",
+            "name": "封开县"
+          },
+          {
+            "code": "441226",
+            "name": "德庆县"
+          },
+          {
+            "code": "441284",
+            "name": "四会市"
+          }
+        ]
+      },
+      {
+        "code": "4413",
+        "name": "惠州市",
+        "children": [
+          {
+            "code": "441302",
+            "name": "惠城区"
+          },
+          {
+            "code": "441303",
+            "name": "惠阳区"
+          },
+          {
+            "code": "441322",
+            "name": "博罗县"
+          },
+          {
+            "code": "441323",
+            "name": "惠东县"
+          },
+          {
+            "code": "441324",
+            "name": "龙门县"
+          }
+        ]
+      },
+      {
+        "code": "4414",
+        "name": "梅州市",
+        "children": [
+          {
+            "code": "441402",
+            "name": "梅江区"
+          },
+          {
+            "code": "441403",
+            "name": "梅县区"
+          },
+          {
+            "code": "441422",
+            "name": "大埔县"
+          },
+          {
+            "code": "441423",
+            "name": "丰顺县"
+          },
+          {
+            "code": "441424",
+            "name": "五华县"
+          },
+          {
+            "code": "441426",
+            "name": "平远县"
+          },
+          {
+            "code": "441427",
+            "name": "蕉岭县"
+          },
+          {
+            "code": "441481",
+            "name": "兴宁市"
+          }
+        ]
+      },
+      {
+        "code": "4415",
+        "name": "汕尾市",
+        "children": [
+          {
+            "code": "441502",
+            "name": "城区"
+          },
+          {
+            "code": "441521",
+            "name": "海丰县"
+          },
+          {
+            "code": "441523",
+            "name": "陆河县"
+          },
+          {
+            "code": "441581",
+            "name": "陆丰市"
+          }
+        ]
+      },
+      {
+        "code": "4416",
+        "name": "河源市",
+        "children": [
+          {
+            "code": "441602",
+            "name": "源城区"
+          },
+          {
+            "code": "441621",
+            "name": "紫金县"
+          },
+          {
+            "code": "441622",
+            "name": "龙川县"
+          },
+          {
+            "code": "441623",
+            "name": "连平县"
+          },
+          {
+            "code": "441624",
+            "name": "和平县"
+          },
+          {
+            "code": "441625",
+            "name": "东源县"
+          }
+        ]
+      },
+      {
+        "code": "4417",
+        "name": "阳江市",
+        "children": [
+          {
+            "code": "441702",
+            "name": "江城区"
+          },
+          {
+            "code": "441704",
+            "name": "阳东区"
+          },
+          {
+            "code": "441721",
+            "name": "阳西县"
+          },
+          {
+            "code": "441781",
+            "name": "阳春市"
+          }
+        ]
+      },
+      {
+        "code": "4418",
+        "name": "清远市",
+        "children": [
+          {
+            "code": "441802",
+            "name": "清城区"
+          },
+          {
+            "code": "441803",
+            "name": "清新区"
+          },
+          {
+            "code": "441821",
+            "name": "佛冈县"
+          },
+          {
+            "code": "441823",
+            "name": "阳山县"
+          },
+          {
+            "code": "441825",
+            "name": "连山壮族瑶族自治县"
+          },
+          {
+            "code": "441826",
+            "name": "连南瑶族自治县"
+          },
+          {
+            "code": "441881",
+            "name": "英德市"
+          },
+          {
+            "code": "441882",
+            "name": "连州市"
+          }
+        ]
+      },
+      {
+        "code": "4419",
+        "name": "东莞市",
+        "children": [
+          {
+            "code": "441900003",
+            "name": "东城街道"
+          },
+          {
+            "code": "441900004",
+            "name": "南城街道"
+          },
+          {
+            "code": "441900005",
+            "name": "万江街道"
+          },
+          {
+            "code": "441900006",
+            "name": "莞城街道"
+          },
+          {
+            "code": "441900101",
+            "name": "石碣镇"
+          },
+          {
+            "code": "441900102",
+            "name": "石龙镇"
+          },
+          {
+            "code": "441900103",
+            "name": "茶山镇"
+          },
+          {
+            "code": "441900104",
+            "name": "石排镇"
+          },
+          {
+            "code": "441900105",
+            "name": "企石镇"
+          },
+          {
+            "code": "441900106",
+            "name": "横沥镇"
+          },
+          {
+            "code": "441900107",
+            "name": "桥头镇"
+          },
+          {
+            "code": "441900108",
+            "name": "谢岗镇"
+          },
+          {
+            "code": "441900109",
+            "name": "东坑镇"
+          },
+          {
+            "code": "441900110",
+            "name": "常平镇"
+          },
+          {
+            "code": "441900111",
+            "name": "寮步镇"
+          },
+          {
+            "code": "441900112",
+            "name": "樟木头镇"
+          },
+          {
+            "code": "441900113",
+            "name": "大朗镇"
+          },
+          {
+            "code": "441900114",
+            "name": "黄江镇"
+          },
+          {
+            "code": "441900115",
+            "name": "清溪镇"
+          },
+          {
+            "code": "441900116",
+            "name": "塘厦镇"
+          },
+          {
+            "code": "441900117",
+            "name": "凤岗镇"
+          },
+          {
+            "code": "441900118",
+            "name": "大岭山镇"
+          },
+          {
+            "code": "441900119",
+            "name": "长安镇"
+          },
+          {
+            "code": "441900121",
+            "name": "虎门镇"
+          },
+          {
+            "code": "441900122",
+            "name": "厚街镇"
+          },
+          {
+            "code": "441900123",
+            "name": "沙田镇"
+          },
+          {
+            "code": "441900124",
+            "name": "道滘镇"
+          },
+          {
+            "code": "441900125",
+            "name": "洪梅镇"
+          },
+          {
+            "code": "441900126",
+            "name": "麻涌镇"
+          },
+          {
+            "code": "441900127",
+            "name": "望牛墩镇"
+          },
+          {
+            "code": "441900128",
+            "name": "中堂镇"
+          },
+          {
+            "code": "441900129",
+            "name": "高埗镇"
+          },
+          {
+            "code": "441900401",
+            "name": "松山湖"
+          },
+          {
+            "code": "441900402",
+            "name": "东莞港"
+          },
+          {
+            "code": "441900403",
+            "name": "东莞生态园"
+          },
+          {
+            "code": "441900404",
+            "name": "东莞滨海湾新区"
+          }
+        ]
+      },
+      {
+        "code": "4420",
+        "name": "中山市",
+        "children": [
+          {
+            "code": "442000001",
+            "name": "石岐街道"
+          },
+          {
+            "code": "442000002",
+            "name": "东区街道"
+          },
+          {
+            "code": "442000003",
+            "name": "中山港街道"
+          },
+          {
+            "code": "442000004",
+            "name": "西区街道"
+          },
+          {
+            "code": "442000005",
+            "name": "南区街道"
+          },
+          {
+            "code": "442000006",
+            "name": "五桂山街道"
+          },
+          {
+            "code": "442000007",
+            "name": "民众街道"
+          },
+          {
+            "code": "442000008",
+            "name": "南朗街道"
+          },
+          {
+            "code": "442000101",
+            "name": "黄圃镇"
+          },
+          {
+            "code": "442000103",
+            "name": "东凤镇"
+          },
+          {
+            "code": "442000105",
+            "name": "古镇镇"
+          },
+          {
+            "code": "442000106",
+            "name": "沙溪镇"
+          },
+          {
+            "code": "442000107",
+            "name": "坦洲镇"
+          },
+          {
+            "code": "442000108",
+            "name": "港口镇"
+          },
+          {
+            "code": "442000109",
+            "name": "三角镇"
+          },
+          {
+            "code": "442000110",
+            "name": "横栏镇"
+          },
+          {
+            "code": "442000111",
+            "name": "南头镇"
+          },
+          {
+            "code": "442000112",
+            "name": "阜沙镇"
+          },
+          {
+            "code": "442000114",
+            "name": "三乡镇"
+          },
+          {
+            "code": "442000115",
+            "name": "板芙镇"
+          },
+          {
+            "code": "442000116",
+            "name": "大涌镇"
+          },
+          {
+            "code": "442000117",
+            "name": "神湾镇"
+          },
+          {
+            "code": "442000118",
+            "name": "小榄镇"
+          }
+        ]
+      },
+      {
+        "code": "4451",
+        "name": "潮州市",
+        "children": [
+          {
+            "code": "445102",
+            "name": "湘桥区"
+          },
+          {
+            "code": "445103",
+            "name": "潮安区"
+          },
+          {
+            "code": "445122",
+            "name": "饶平县"
+          }
+        ]
+      },
+      {
+        "code": "4452",
+        "name": "揭阳市",
+        "children": [
+          {
+            "code": "445202",
+            "name": "榕城区"
+          },
+          {
+            "code": "445203",
+            "name": "揭东区"
+          },
+          {
+            "code": "445222",
+            "name": "揭西县"
+          },
+          {
+            "code": "445224",
+            "name": "惠来县"
+          },
+          {
+            "code": "445281",
+            "name": "普宁市"
+          }
+        ]
+      },
+      {
+        "code": "4453",
+        "name": "云浮市",
+        "children": [
+          {
+            "code": "445302",
+            "name": "云城区"
+          },
+          {
+            "code": "445303",
+            "name": "云安区"
+          },
+          {
+            "code": "445321",
+            "name": "新兴县"
+          },
+          {
+            "code": "445322",
+            "name": "郁南县"
+          },
+          {
+            "code": "445381",
+            "name": "罗定市"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "code": "45",
+    "name": "广西壮族自治区",
+    "children": [
+      {
+        "code": "4501",
+        "name": "南宁市",
+        "children": [
+          {
+            "code": "450102",
+            "name": "兴宁区"
+          },
+          {
+            "code": "450103",
+            "name": "青秀区"
+          },
+          {
+            "code": "450105",
+            "name": "江南区"
+          },
+          {
+            "code": "450107",
+            "name": "西乡塘区"
+          },
+          {
+            "code": "450108",
+            "name": "良庆区"
+          },
+          {
+            "code": "450109",
+            "name": "邕宁区"
+          },
+          {
+            "code": "450110",
+            "name": "武鸣区"
+          },
+          {
+            "code": "450123",
+            "name": "隆安县"
+          },
+          {
+            "code": "450124",
+            "name": "马山县"
+          },
+          {
+            "code": "450125",
+            "name": "上林县"
+          },
+          {
+            "code": "450126",
+            "name": "宾阳县"
+          },
+          {
+            "code": "450181",
+            "name": "横州市"
+          }
+        ]
+      },
+      {
+        "code": "4502",
+        "name": "柳州市",
+        "children": [
+          {
+            "code": "450202",
+            "name": "城中区"
+          },
+          {
+            "code": "450203",
+            "name": "鱼峰区"
+          },
+          {
+            "code": "450204",
+            "name": "柳南区"
+          },
+          {
+            "code": "450205",
+            "name": "柳北区"
+          },
+          {
+            "code": "450206",
+            "name": "柳江区"
+          },
+          {
+            "code": "450222",
+            "name": "柳城县"
+          },
+          {
+            "code": "450223",
+            "name": "鹿寨县"
+          },
+          {
+            "code": "450224",
+            "name": "融安县"
+          },
+          {
+            "code": "450225",
+            "name": "融水苗族自治县"
+          },
+          {
+            "code": "450226",
+            "name": "三江侗族自治县"
+          }
+        ]
+      },
+      {
+        "code": "4503",
+        "name": "桂林市",
+        "children": [
+          {
+            "code": "450302",
+            "name": "秀峰区"
+          },
+          {
+            "code": "450303",
+            "name": "叠彩区"
+          },
+          {
+            "code": "450304",
+            "name": "象山区"
+          },
+          {
+            "code": "450305",
+            "name": "七星区"
+          },
+          {
+            "code": "450311",
+            "name": "雁山区"
+          },
+          {
+            "code": "450312",
+            "name": "临桂区"
+          },
+          {
+            "code": "450321",
+            "name": "阳朔县"
+          },
+          {
+            "code": "450323",
+            "name": "灵川县"
+          },
+          {
+            "code": "450324",
+            "name": "全州县"
+          },
+          {
+            "code": "450325",
+            "name": "兴安县"
+          },
+          {
+            "code": "450326",
+            "name": "永福县"
+          },
+          {
+            "code": "450327",
+            "name": "灌阳县"
+          },
+          {
+            "code": "450328",
+            "name": "龙胜各族自治县"
+          },
+          {
+            "code": "450329",
+            "name": "资源县"
+          },
+          {
+            "code": "450330",
+            "name": "平乐县"
+          },
+          {
+            "code": "450332",
+            "name": "恭城瑶族自治县"
+          },
+          {
+            "code": "450381",
+            "name": "荔浦市"
+          }
+        ]
+      },
+      {
+        "code": "4504",
+        "name": "梧州市",
+        "children": [
+          {
+            "code": "450403",
+            "name": "万秀区"
+          },
+          {
+            "code": "450405",
+            "name": "长洲区"
+          },
+          {
+            "code": "450406",
+            "name": "龙圩区"
+          },
+          {
+            "code": "450421",
+            "name": "苍梧县"
+          },
+          {
+            "code": "450422",
+            "name": "藤县"
+          },
+          {
+            "code": "450423",
+            "name": "蒙山县"
+          },
+          {
+            "code": "450481",
+            "name": "岑溪市"
+          }
+        ]
+      },
+      {
+        "code": "4505",
+        "name": "北海市",
+        "children": [
+          {
+            "code": "450502",
+            "name": "海城区"
+          },
+          {
+            "code": "450503",
+            "name": "银海区"
+          },
+          {
+            "code": "450512",
+            "name": "铁山港区"
+          },
+          {
+            "code": "450521",
+            "name": "合浦县"
+          }
+        ]
+      },
+      {
+        "code": "4506",
+        "name": "防城港市",
+        "children": [
+          {
+            "code": "450602",
+            "name": "港口区"
+          },
+          {
+            "code": "450603",
+            "name": "防城区"
+          },
+          {
+            "code": "450621",
+            "name": "上思县"
+          },
+          {
+            "code": "450681",
+            "name": "东兴市"
+          }
+        ]
+      },
+      {
+        "code": "4507",
+        "name": "钦州市",
+        "children": [
+          {
+            "code": "450702",
+            "name": "钦南区"
+          },
+          {
+            "code": "450703",
+            "name": "钦北区"
+          },
+          {
+            "code": "450721",
+            "name": "灵山县"
+          },
+          {
+            "code": "450722",
+            "name": "浦北县"
+          }
+        ]
+      },
+      {
+        "code": "4508",
+        "name": "贵港市",
+        "children": [
+          {
+            "code": "450802",
+            "name": "港北区"
+          },
+          {
+            "code": "450803",
+            "name": "港南区"
+          },
+          {
+            "code": "450804",
+            "name": "覃塘区"
+          },
+          {
+            "code": "450821",
+            "name": "平南县"
+          },
+          {
+            "code": "450881",
+            "name": "桂平市"
+          }
+        ]
+      },
+      {
+        "code": "4509",
+        "name": "玉林市",
+        "children": [
+          {
+            "code": "450902",
+            "name": "玉州区"
+          },
+          {
+            "code": "450903",
+            "name": "福绵区"
+          },
+          {
+            "code": "450921",
+            "name": "容县"
+          },
+          {
+            "code": "450922",
+            "name": "陆川县"
+          },
+          {
+            "code": "450923",
+            "name": "博白县"
+          },
+          {
+            "code": "450924",
+            "name": "兴业县"
+          },
+          {
+            "code": "450981",
+            "name": "北流市"
+          }
+        ]
+      },
+      {
+        "code": "4510",
+        "name": "百色市",
+        "children": [
+          {
+            "code": "451002",
+            "name": "右江区"
+          },
+          {
+            "code": "451003",
+            "name": "田阳区"
+          },
+          {
+            "code": "451022",
+            "name": "田东县"
+          },
+          {
+            "code": "451024",
+            "name": "德保县"
+          },
+          {
+            "code": "451026",
+            "name": "那坡县"
+          },
+          {
+            "code": "451027",
+            "name": "凌云县"
+          },
+          {
+            "code": "451028",
+            "name": "乐业县"
+          },
+          {
+            "code": "451029",
+            "name": "田林县"
+          },
+          {
+            "code": "451030",
+            "name": "西林县"
+          },
+          {
+            "code": "451031",
+            "name": "隆林各族自治县"
+          },
+          {
+            "code": "451081",
+            "name": "靖西市"
+          },
+          {
+            "code": "451082",
+            "name": "平果市"
+          }
+        ]
+      },
+      {
+        "code": "4511",
+        "name": "贺州市",
+        "children": [
+          {
+            "code": "451102",
+            "name": "八步区"
+          },
+          {
+            "code": "451103",
+            "name": "平桂区"
+          },
+          {
+            "code": "451121",
+            "name": "昭平县"
+          },
+          {
+            "code": "451122",
+            "name": "钟山县"
+          },
+          {
+            "code": "451123",
+            "name": "富川瑶族自治县"
+          }
+        ]
+      },
+      {
+        "code": "4512",
+        "name": "河池市",
+        "children": [
+          {
+            "code": "451202",
+            "name": "金城江区"
+          },
+          {
+            "code": "451203",
+            "name": "宜州区"
+          },
+          {
+            "code": "451221",
+            "name": "南丹县"
+          },
+          {
+            "code": "451222",
+            "name": "天峨县"
+          },
+          {
+            "code": "451223",
+            "name": "凤山县"
+          },
+          {
+            "code": "451224",
+            "name": "东兰县"
+          },
+          {
+            "code": "451225",
+            "name": "罗城仫佬族自治县"
+          },
+          {
+            "code": "451226",
+            "name": "环江毛南族自治县"
+          },
+          {
+            "code": "451227",
+            "name": "巴马瑶族自治县"
+          },
+          {
+            "code": "451228",
+            "name": "都安瑶族自治县"
+          },
+          {
+            "code": "451229",
+            "name": "大化瑶族自治县"
+          }
+        ]
+      },
+      {
+        "code": "4513",
+        "name": "来宾市",
+        "children": [
+          {
+            "code": "451302",
+            "name": "兴宾区"
+          },
+          {
+            "code": "451321",
+            "name": "忻城县"
+          },
+          {
+            "code": "451322",
+            "name": "象州县"
+          },
+          {
+            "code": "451323",
+            "name": "武宣县"
+          },
+          {
+            "code": "451324",
+            "name": "金秀瑶族自治县"
+          },
+          {
+            "code": "451381",
+            "name": "合山市"
+          }
+        ]
+      },
+      {
+        "code": "4514",
+        "name": "崇左市",
+        "children": [
+          {
+            "code": "451402",
+            "name": "江州区"
+          },
+          {
+            "code": "451421",
+            "name": "扶绥县"
+          },
+          {
+            "code": "451422",
+            "name": "宁明县"
+          },
+          {
+            "code": "451423",
+            "name": "龙州县"
+          },
+          {
+            "code": "451424",
+            "name": "大新县"
+          },
+          {
+            "code": "451425",
+            "name": "天等县"
+          },
+          {
+            "code": "451481",
+            "name": "凭祥市"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "code": "46",
+    "name": "海南省",
+    "children": [
+      {
+        "code": "4601",
+        "name": "海口市",
+        "children": [
+          {
+            "code": "460105",
+            "name": "秀英区"
+          },
+          {
+            "code": "460106",
+            "name": "龙华区"
+          },
+          {
+            "code": "460107",
+            "name": "琼山区"
+          },
+          {
+            "code": "460108",
+            "name": "美兰区"
+          }
+        ]
+      },
+      {
+        "code": "4602",
+        "name": "三亚市",
+        "children": [
+          {
+            "code": "460202",
+            "name": "海棠区"
+          },
+          {
+            "code": "460203",
+            "name": "吉阳区"
+          },
+          {
+            "code": "460204",
+            "name": "天涯区"
+          },
+          {
+            "code": "460205",
+            "name": "崖州区"
+          }
+        ]
+      },
+      {
+        "code": "4603",
+        "name": "三沙市",
+        "children": [
+          {
+            "code": "460321",
+            "name": "西沙群岛"
+          },
+          {
+            "code": "460322",
+            "name": "南沙群岛"
+          },
+          {
+            "code": "460323",
+            "name": "中沙群岛的岛礁及其海域"
+          }
+        ]
+      },
+      {
+        "code": "4604",
+        "name": "儋州市",
+        "children": [
+          {
+            "code": "460400100",
+            "name": "那大镇"
+          },
+          {
+            "code": "460400101",
+            "name": "和庆镇"
+          },
+          {
+            "code": "460400102",
+            "name": "南丰镇"
+          },
+          {
+            "code": "460400103",
+            "name": "大成镇"
+          },
+          {
+            "code": "460400104",
+            "name": "雅星镇"
+          },
+          {
+            "code": "460400105",
+            "name": "兰洋镇"
+          },
+          {
+            "code": "460400106",
+            "name": "光村镇"
+          },
+          {
+            "code": "460400107",
+            "name": "木棠镇"
+          },
+          {
+            "code": "460400108",
+            "name": "海头镇"
+          },
+          {
+            "code": "460400109",
+            "name": "峨蔓镇"
+          },
+          {
+            "code": "460400111",
+            "name": "王五镇"
+          },
+          {
+            "code": "460400112",
+            "name": "白马井镇"
+          },
+          {
+            "code": "460400113",
+            "name": "中和镇"
+          },
+          {
+            "code": "460400114",
+            "name": "排浦镇"
+          },
+          {
+            "code": "460400115",
+            "name": "东成镇"
+          },
+          {
+            "code": "460400116",
+            "name": "新州镇"
+          },
+          {
+            "code": "460400499",
+            "name": "洋浦经济开发区"
+          },
+          {
+            "code": "460400500",
+            "name": "华南热作学院"
+          }
+        ]
+      },
+      {
+        "code": "4690",
+        "name": "省直辖县级行政区划",
+        "children": [
+          {
+            "code": "469001",
+            "name": "五指山市"
+          },
+          {
+            "code": "469002",
+            "name": "琼海市"
+          },
+          {
+            "code": "469005",
+            "name": "文昌市"
+          },
+          {
+            "code": "469006",
+            "name": "万宁市"
+          },
+          {
+            "code": "469007",
+            "name": "东方市"
+          },
+          {
+            "code": "469021",
+            "name": "定安县"
+          },
+          {
+            "code": "469022",
+            "name": "屯昌县"
+          },
+          {
+            "code": "469023",
+            "name": "澄迈县"
+          },
+          {
+            "code": "469024",
+            "name": "临高县"
+          },
+          {
+            "code": "469025",
+            "name": "白沙黎族自治县"
+          },
+          {
+            "code": "469026",
+            "name": "昌江黎族自治县"
+          },
+          {
+            "code": "469027",
+            "name": "乐东黎族自治县"
+          },
+          {
+            "code": "469028",
+            "name": "陵水黎族自治县"
+          },
+          {
+            "code": "469029",
+            "name": "保亭黎族苗族自治县"
+          },
+          {
+            "code": "469030",
+            "name": "琼中黎族苗族自治县"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "code": "50",
+    "name": "重庆市",
+    "children": [
+      {
+        "code": "5001",
+        "name": "市辖区",
+        "children": [
+          {
+            "code": "500101",
+            "name": "万州区"
+          },
+          {
+            "code": "500102",
+            "name": "涪陵区"
+          },
+          {
+            "code": "500103",
+            "name": "渝中区"
+          },
+          {
+            "code": "500104",
+            "name": "大渡口区"
+          },
+          {
+            "code": "500105",
+            "name": "江北区"
+          },
+          {
+            "code": "500106",
+            "name": "沙坪坝区"
+          },
+          {
+            "code": "500107",
+            "name": "九龙坡区"
+          },
+          {
+            "code": "500108",
+            "name": "南岸区"
+          },
+          {
+            "code": "500109",
+            "name": "北碚区"
+          },
+          {
+            "code": "500110",
+            "name": "綦江区"
+          },
+          {
+            "code": "500111",
+            "name": "大足区"
+          },
+          {
+            "code": "500112",
+            "name": "渝北区"
+          },
+          {
+            "code": "500113",
+            "name": "巴南区"
+          },
+          {
+            "code": "500114",
+            "name": "黔江区"
+          },
+          {
+            "code": "500115",
+            "name": "长寿区"
+          },
+          {
+            "code": "500116",
+            "name": "江津区"
+          },
+          {
+            "code": "500117",
+            "name": "合川区"
+          },
+          {
+            "code": "500118",
+            "name": "永川区"
+          },
+          {
+            "code": "500119",
+            "name": "南川区"
+          },
+          {
+            "code": "500120",
+            "name": "璧山区"
+          },
+          {
+            "code": "500151",
+            "name": "铜梁区"
+          },
+          {
+            "code": "500152",
+            "name": "潼南区"
+          },
+          {
+            "code": "500153",
+            "name": "荣昌区"
+          },
+          {
+            "code": "500154",
+            "name": "开州区"
+          },
+          {
+            "code": "500155",
+            "name": "梁平区"
+          },
+          {
+            "code": "500156",
+            "name": "武隆区"
+          },
+          {
+            "code": "500157",
+            "name": "两江新区"
+          }
+        ]
+      },
+      {
+        "code": "5002",
+        "name": "县",
+        "children": [
+          {
+            "code": "500229",
+            "name": "城口县"
+          },
+          {
+            "code": "500230",
+            "name": "丰都县"
+          },
+          {
+            "code": "500231",
+            "name": "垫江县"
+          },
+          {
+            "code": "500233",
+            "name": "忠县"
+          },
+          {
+            "code": "500235",
+            "name": "云阳县"
+          },
+          {
+            "code": "500236",
+            "name": "奉节县"
+          },
+          {
+            "code": "500237",
+            "name": "巫山县"
+          },
+          {
+            "code": "500238",
+            "name": "巫溪县"
+          },
+          {
+            "code": "500240",
+            "name": "石柱土家族自治县"
+          },
+          {
+            "code": "500241",
+            "name": "秀山土家族苗族自治县"
+          },
+          {
+            "code": "500242",
+            "name": "酉阳土家族苗族自治县"
+          },
+          {
+            "code": "500243",
+            "name": "彭水苗族土家族自治县"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "code": "51",
+    "name": "四川省",
+    "children": [
+      {
+        "code": "5101",
+        "name": "成都市",
+        "children": [
+          {
+            "code": "510104",
+            "name": "锦江区"
+          },
+          {
+            "code": "510105",
+            "name": "青羊区"
+          },
+          {
+            "code": "510106",
+            "name": "金牛区"
+          },
+          {
+            "code": "510107",
+            "name": "武侯区"
+          },
+          {
+            "code": "510108",
+            "name": "成华区"
+          },
+          {
+            "code": "510112",
+            "name": "龙泉驿区"
+          },
+          {
+            "code": "510113",
+            "name": "青白江区"
+          },
+          {
+            "code": "510114",
+            "name": "新都区"
+          },
+          {
+            "code": "510115",
+            "name": "温江区"
+          },
+          {
+            "code": "510116",
+            "name": "双流区"
+          },
+          {
+            "code": "510117",
+            "name": "郫都区"
+          },
+          {
+            "code": "510118",
+            "name": "新津区"
+          },
+          {
+            "code": "510121",
+            "name": "金堂县"
+          },
+          {
+            "code": "510129",
+            "name": "大邑县"
+          },
+          {
+            "code": "510131",
+            "name": "蒲江县"
+          },
+          {
+            "code": "510181",
+            "name": "都江堰市"
+          },
+          {
+            "code": "510182",
+            "name": "彭州市"
+          },
+          {
+            "code": "510183",
+            "name": "邛崃市"
+          },
+          {
+            "code": "510184",
+            "name": "崇州市"
+          },
+          {
+            "code": "510185",
+            "name": "简阳市"
+          }
+        ]
+      },
+      {
+        "code": "5103",
+        "name": "自贡市",
+        "children": [
+          {
+            "code": "510302",
+            "name": "自流井区"
+          },
+          {
+            "code": "510303",
+            "name": "贡井区"
+          },
+          {
+            "code": "510304",
+            "name": "大安区"
+          },
+          {
+            "code": "510311",
+            "name": "沿滩区"
+          },
+          {
+            "code": "510321",
+            "name": "荣县"
+          },
+          {
+            "code": "510322",
+            "name": "富顺县"
+          }
+        ]
+      },
+      {
+        "code": "5104",
+        "name": "攀枝花市",
+        "children": [
+          {
+            "code": "510402",
+            "name": "东区"
+          },
+          {
+            "code": "510403",
+            "name": "西区"
+          },
+          {
+            "code": "510411",
+            "name": "仁和区"
+          },
+          {
+            "code": "510421",
+            "name": "米易县"
+          },
+          {
+            "code": "510422",
+            "name": "盐边县"
+          }
+        ]
+      },
+      {
+        "code": "5105",
+        "name": "泸州市",
+        "children": [
+          {
+            "code": "510502",
+            "name": "江阳区"
+          },
+          {
+            "code": "510503",
+            "name": "纳溪区"
+          },
+          {
+            "code": "510504",
+            "name": "龙马潭区"
+          },
+          {
+            "code": "510521",
+            "name": "泸县"
+          },
+          {
+            "code": "510522",
+            "name": "合江县"
+          },
+          {
+            "code": "510524",
+            "name": "叙永县"
+          },
+          {
+            "code": "510525",
+            "name": "古蔺县"
+          }
+        ]
+      },
+      {
+        "code": "5106",
+        "name": "德阳市",
+        "children": [
+          {
+            "code": "510603",
+            "name": "旌阳区"
+          },
+          {
+            "code": "510604",
+            "name": "罗江区"
+          },
+          {
+            "code": "510623",
+            "name": "中江县"
+          },
+          {
+            "code": "510681",
+            "name": "广汉市"
+          },
+          {
+            "code": "510682",
+            "name": "什邡市"
+          },
+          {
+            "code": "510683",
+            "name": "绵竹市"
+          }
+        ]
+      },
+      {
+        "code": "5107",
+        "name": "绵阳市",
+        "children": [
+          {
+            "code": "510703",
+            "name": "涪城区"
+          },
+          {
+            "code": "510704",
+            "name": "游仙区"
+          },
+          {
+            "code": "510705",
+            "name": "安州区"
+          },
+          {
+            "code": "510722",
+            "name": "三台县"
+          },
+          {
+            "code": "510723",
+            "name": "盐亭县"
+          },
+          {
+            "code": "510725",
+            "name": "梓潼县"
+          },
+          {
+            "code": "510726",
+            "name": "北川羌族自治县"
+          },
+          {
+            "code": "510727",
+            "name": "平武县"
+          },
+          {
+            "code": "510781",
+            "name": "江油市"
+          }
+        ]
+      },
+      {
+        "code": "5108",
+        "name": "广元市",
+        "children": [
+          {
+            "code": "510802",
+            "name": "利州区"
+          },
+          {
+            "code": "510811",
+            "name": "昭化区"
+          },
+          {
+            "code": "510812",
+            "name": "朝天区"
+          },
+          {
+            "code": "510821",
+            "name": "旺苍县"
+          },
+          {
+            "code": "510822",
+            "name": "青川县"
+          },
+          {
+            "code": "510823",
+            "name": "剑阁县"
+          },
+          {
+            "code": "510824",
+            "name": "苍溪县"
+          }
+        ]
+      },
+      {
+        "code": "5109",
+        "name": "遂宁市",
+        "children": [
+          {
+            "code": "510903",
+            "name": "船山区"
+          },
+          {
+            "code": "510904",
+            "name": "安居区"
+          },
+          {
+            "code": "510921",
+            "name": "蓬溪县"
+          },
+          {
+            "code": "510923",
+            "name": "大英县"
+          },
+          {
+            "code": "510981",
+            "name": "射洪市"
+          }
+        ]
+      },
+      {
+        "code": "5110",
+        "name": "内江市",
+        "children": [
+          {
+            "code": "511002",
+            "name": "市中区"
+          },
+          {
+            "code": "511011",
+            "name": "东兴区"
+          },
+          {
+            "code": "511024",
+            "name": "威远县"
+          },
+          {
+            "code": "511025",
+            "name": "资中县"
+          },
+          {
+            "code": "511083",
+            "name": "隆昌市"
+          }
+        ]
+      },
+      {
+        "code": "5111",
+        "name": "乐山市",
+        "children": [
+          {
+            "code": "511102",
+            "name": "市中区"
+          },
+          {
+            "code": "511111",
+            "name": "沙湾区"
+          },
+          {
+            "code": "511112",
+            "name": "五通桥区"
+          },
+          {
+            "code": "511113",
+            "name": "金口河区"
+          },
+          {
+            "code": "511123",
+            "name": "犍为县"
+          },
+          {
+            "code": "511124",
+            "name": "井研县"
+          },
+          {
+            "code": "511126",
+            "name": "夹江县"
+          },
+          {
+            "code": "511129",
+            "name": "沐川县"
+          },
+          {
+            "code": "511132",
+            "name": "峨边彝族自治县"
+          },
+          {
+            "code": "511133",
+            "name": "马边彝族自治县"
+          },
+          {
+            "code": "511181",
+            "name": "峨眉山市"
+          }
+        ]
+      },
+      {
+        "code": "5113",
+        "name": "南充市",
+        "children": [
+          {
+            "code": "511302",
+            "name": "顺庆区"
+          },
+          {
+            "code": "511303",
+            "name": "高坪区"
+          },
+          {
+            "code": "511304",
+            "name": "嘉陵区"
+          },
+          {
+            "code": "511321",
+            "name": "南部县"
+          },
+          {
+            "code": "511322",
+            "name": "营山县"
+          },
+          {
+            "code": "511323",
+            "name": "蓬安县"
+          },
+          {
+            "code": "511324",
+            "name": "仪陇县"
+          },
+          {
+            "code": "511325",
+            "name": "西充县"
+          },
+          {
+            "code": "511381",
+            "name": "阆中市"
+          }
+        ]
+      },
+      {
+        "code": "5114",
+        "name": "眉山市",
+        "children": [
+          {
+            "code": "511402",
+            "name": "东坡区"
+          },
+          {
+            "code": "511403",
+            "name": "彭山区"
+          },
+          {
+            "code": "511421",
+            "name": "仁寿县"
+          },
+          {
+            "code": "511423",
+            "name": "洪雅县"
+          },
+          {
+            "code": "511424",
+            "name": "丹棱县"
+          },
+          {
+            "code": "511425",
+            "name": "青神县"
+          }
+        ]
+      },
+      {
+        "code": "5115",
+        "name": "宜宾市",
+        "children": [
+          {
+            "code": "511502",
+            "name": "翠屏区"
+          },
+          {
+            "code": "511503",
+            "name": "南溪区"
+          },
+          {
+            "code": "511504",
+            "name": "叙州区"
+          },
+          {
+            "code": "511523",
+            "name": "江安县"
+          },
+          {
+            "code": "511524",
+            "name": "长宁县"
+          },
+          {
+            "code": "511525",
+            "name": "高县"
+          },
+          {
+            "code": "511526",
+            "name": "珙县"
+          },
+          {
+            "code": "511527",
+            "name": "筠连县"
+          },
+          {
+            "code": "511528",
+            "name": "兴文县"
+          },
+          {
+            "code": "511529",
+            "name": "屏山县"
+          }
+        ]
+      },
+      {
+        "code": "5116",
+        "name": "广安市",
+        "children": [
+          {
+            "code": "511602",
+            "name": "广安区"
+          },
+          {
+            "code": "511603",
+            "name": "前锋区"
+          },
+          {
+            "code": "511621",
+            "name": "岳池县"
+          },
+          {
+            "code": "511622",
+            "name": "武胜县"
+          },
+          {
+            "code": "511623",
+            "name": "邻水县"
+          },
+          {
+            "code": "511681",
+            "name": "华蓥市"
+          }
+        ]
+      },
+      {
+        "code": "5117",
+        "name": "达州市",
+        "children": [
+          {
+            "code": "511702",
+            "name": "通川区"
+          },
+          {
+            "code": "511703",
+            "name": "达川区"
+          },
+          {
+            "code": "511722",
+            "name": "宣汉县"
+          },
+          {
+            "code": "511723",
+            "name": "开江县"
+          },
+          {
+            "code": "511724",
+            "name": "大竹县"
+          },
+          {
+            "code": "511725",
+            "name": "渠县"
+          },
+          {
+            "code": "511781",
+            "name": "万源市"
+          }
+        ]
+      },
+      {
+        "code": "5118",
+        "name": "雅安市",
+        "children": [
+          {
+            "code": "511802",
+            "name": "雨城区"
+          },
+          {
+            "code": "511803",
+            "name": "名山区"
+          },
+          {
+            "code": "511822",
+            "name": "荥经县"
+          },
+          {
+            "code": "511823",
+            "name": "汉源县"
+          },
+          {
+            "code": "511824",
+            "name": "石棉县"
+          },
+          {
+            "code": "511825",
+            "name": "天全县"
+          },
+          {
+            "code": "511826",
+            "name": "芦山县"
+          },
+          {
+            "code": "511827",
+            "name": "宝兴县"
+          }
+        ]
+      },
+      {
+        "code": "5119",
+        "name": "巴中市",
+        "children": [
+          {
+            "code": "511902",
+            "name": "巴州区"
+          },
+          {
+            "code": "511903",
+            "name": "恩阳区"
+          },
+          {
+            "code": "511921",
+            "name": "通江县"
+          },
+          {
+            "code": "511922",
+            "name": "南江县"
+          },
+          {
+            "code": "511923",
+            "name": "平昌县"
+          }
+        ]
+      },
+      {
+        "code": "5120",
+        "name": "资阳市",
+        "children": [
+          {
+            "code": "512002",
+            "name": "雁江区"
+          },
+          {
+            "code": "512021",
+            "name": "安岳县"
+          },
+          {
+            "code": "512022",
+            "name": "乐至县"
+          }
+        ]
+      },
+      {
+        "code": "5132",
+        "name": "阿坝藏族羌族自治州",
+        "children": [
+          {
+            "code": "513201",
+            "name": "马尔康市"
+          },
+          {
+            "code": "513221",
+            "name": "汶川县"
+          },
+          {
+            "code": "513222",
+            "name": "理县"
+          },
+          {
+            "code": "513223",
+            "name": "茂县"
+          },
+          {
+            "code": "513224",
+            "name": "松潘县"
+          },
+          {
+            "code": "513225",
+            "name": "九寨沟县"
+          },
+          {
+            "code": "513226",
+            "name": "金川县"
+          },
+          {
+            "code": "513227",
+            "name": "小金县"
+          },
+          {
+            "code": "513228",
+            "name": "黑水县"
+          },
+          {
+            "code": "513230",
+            "name": "壤塘县"
+          },
+          {
+            "code": "513231",
+            "name": "阿坝县"
+          },
+          {
+            "code": "513232",
+            "name": "若尔盖县"
+          },
+          {
+            "code": "513233",
+            "name": "红原县"
+          }
+        ]
+      },
+      {
+        "code": "5133",
+        "name": "甘孜藏族自治州",
+        "children": [
+          {
+            "code": "513301",
+            "name": "康定市"
+          },
+          {
+            "code": "513322",
+            "name": "泸定县"
+          },
+          {
+            "code": "513323",
+            "name": "丹巴县"
+          },
+          {
+            "code": "513324",
+            "name": "九龙县"
+          },
+          {
+            "code": "513325",
+            "name": "雅江县"
+          },
+          {
+            "code": "513326",
+            "name": "道孚县"
+          },
+          {
+            "code": "513327",
+            "name": "炉霍县"
+          },
+          {
+            "code": "513328",
+            "name": "甘孜县"
+          },
+          {
+            "code": "513329",
+            "name": "新龙县"
+          },
+          {
+            "code": "513330",
+            "name": "德格县"
+          },
+          {
+            "code": "513331",
+            "name": "白玉县"
+          },
+          {
+            "code": "513332",
+            "name": "石渠县"
+          },
+          {
+            "code": "513333",
+            "name": "色达县"
+          },
+          {
+            "code": "513334",
+            "name": "理塘县"
+          },
+          {
+            "code": "513335",
+            "name": "巴塘县"
+          },
+          {
+            "code": "513336",
+            "name": "乡城县"
+          },
+          {
+            "code": "513337",
+            "name": "稻城县"
+          },
+          {
+            "code": "513338",
+            "name": "得荣县"
+          }
+        ]
+      },
+      {
+        "code": "5134",
+        "name": "凉山彝族自治州",
+        "children": [
+          {
+            "code": "513401",
+            "name": "西昌市"
+          },
+          {
+            "code": "513402",
+            "name": "会理市"
+          },
+          {
+            "code": "513422",
+            "name": "木里藏族自治县"
+          },
+          {
+            "code": "513423",
+            "name": "盐源县"
+          },
+          {
+            "code": "513424",
+            "name": "德昌县"
+          },
+          {
+            "code": "513426",
+            "name": "会东县"
+          },
+          {
+            "code": "513427",
+            "name": "宁南县"
+          },
+          {
+            "code": "513428",
+            "name": "普格县"
+          },
+          {
+            "code": "513429",
+            "name": "布拖县"
+          },
+          {
+            "code": "513430",
+            "name": "金阳县"
+          },
+          {
+            "code": "513431",
+            "name": "昭觉县"
+          },
+          {
+            "code": "513432",
+            "name": "喜德县"
+          },
+          {
+            "code": "513433",
+            "name": "冕宁县"
+          },
+          {
+            "code": "513434",
+            "name": "越西县"
+          },
+          {
+            "code": "513435",
+            "name": "甘洛县"
+          },
+          {
+            "code": "513436",
+            "name": "美姑县"
+          },
+          {
+            "code": "513437",
+            "name": "雷波县"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "code": "52",
+    "name": "贵州省",
+    "children": [
+      {
+        "code": "5201",
+        "name": "贵阳市",
+        "children": [
+          {
+            "code": "520102",
+            "name": "南明区"
+          },
+          {
+            "code": "520103",
+            "name": "云岩区"
+          },
+          {
+            "code": "520111",
+            "name": "花溪区"
+          },
+          {
+            "code": "520112",
+            "name": "乌当区"
+          },
+          {
+            "code": "520113",
+            "name": "白云区"
+          },
+          {
+            "code": "520115",
+            "name": "观山湖区"
+          },
+          {
+            "code": "520121",
+            "name": "开阳县"
+          },
+          {
+            "code": "520122",
+            "name": "息烽县"
+          },
+          {
+            "code": "520123",
+            "name": "修文县"
+          },
+          {
+            "code": "520181",
+            "name": "清镇市"
+          }
+        ]
+      },
+      {
+        "code": "5202",
+        "name": "六盘水市",
+        "children": [
+          {
+            "code": "520201",
+            "name": "钟山区"
+          },
+          {
+            "code": "520203",
+            "name": "六枝特区"
+          },
+          {
+            "code": "520204",
+            "name": "水城区"
+          },
+          {
+            "code": "520281",
+            "name": "盘州市"
+          }
+        ]
+      },
+      {
+        "code": "5203",
+        "name": "遵义市",
+        "children": [
+          {
+            "code": "520302",
+            "name": "红花岗区"
+          },
+          {
+            "code": "520303",
+            "name": "汇川区"
+          },
+          {
+            "code": "520304",
+            "name": "播州区"
+          },
+          {
+            "code": "520322",
+            "name": "桐梓县"
+          },
+          {
+            "code": "520323",
+            "name": "绥阳县"
+          },
+          {
+            "code": "520324",
+            "name": "正安县"
+          },
+          {
+            "code": "520325",
+            "name": "道真仡佬族苗族自治县"
+          },
+          {
+            "code": "520326",
+            "name": "务川仡佬族苗族自治县"
+          },
+          {
+            "code": "520327",
+            "name": "凤冈县"
+          },
+          {
+            "code": "520328",
+            "name": "湄潭县"
+          },
+          {
+            "code": "520329",
+            "name": "余庆县"
+          },
+          {
+            "code": "520330",
+            "name": "习水县"
+          },
+          {
+            "code": "520381",
+            "name": "赤水市"
+          },
+          {
+            "code": "520382",
+            "name": "仁怀市"
+          }
+        ]
+      },
+      {
+        "code": "5204",
+        "name": "安顺市",
+        "children": [
+          {
+            "code": "520402",
+            "name": "西秀区"
+          },
+          {
+            "code": "520403",
+            "name": "平坝区"
+          },
+          {
+            "code": "520422",
+            "name": "普定县"
+          },
+          {
+            "code": "520423",
+            "name": "镇宁布依族苗族自治县"
+          },
+          {
+            "code": "520424",
+            "name": "关岭布依族苗族自治县"
+          },
+          {
+            "code": "520425",
+            "name": "紫云苗族布依族自治县"
+          }
+        ]
+      },
+      {
+        "code": "5205",
+        "name": "毕节市",
+        "children": [
+          {
+            "code": "520502",
+            "name": "七星关区"
+          },
+          {
+            "code": "520521",
+            "name": "大方县"
+          },
+          {
+            "code": "520523",
+            "name": "金沙县"
+          },
+          {
+            "code": "520524",
+            "name": "织金县"
+          },
+          {
+            "code": "520525",
+            "name": "纳雍县"
+          },
+          {
+            "code": "520526",
+            "name": "威宁彝族回族苗族自治县"
+          },
+          {
+            "code": "520527",
+            "name": "赫章县"
+          },
+          {
+            "code": "520581",
+            "name": "黔西市"
+          }
+        ]
+      },
+      {
+        "code": "5206",
+        "name": "铜仁市",
+        "children": [
+          {
+            "code": "520602",
+            "name": "碧江区"
+          },
+          {
+            "code": "520603",
+            "name": "万山区"
+          },
+          {
+            "code": "520621",
+            "name": "江口县"
+          },
+          {
+            "code": "520622",
+            "name": "玉屏侗族自治县"
+          },
+          {
+            "code": "520623",
+            "name": "石阡县"
+          },
+          {
+            "code": "520624",
+            "name": "思南县"
+          },
+          {
+            "code": "520625",
+            "name": "印江土家族苗族自治县"
+          },
+          {
+            "code": "520626",
+            "name": "德江县"
+          },
+          {
+            "code": "520627",
+            "name": "沿河土家族自治县"
+          },
+          {
+            "code": "520628",
+            "name": "松桃苗族自治县"
+          }
+        ]
+      },
+      {
+        "code": "5223",
+        "name": "黔西南布依族苗族自治州",
+        "children": [
+          {
+            "code": "522301",
+            "name": "兴义市"
+          },
+          {
+            "code": "522302",
+            "name": "兴仁市"
+          },
+          {
+            "code": "522323",
+            "name": "普安县"
+          },
+          {
+            "code": "522324",
+            "name": "晴隆县"
+          },
+          {
+            "code": "522325",
+            "name": "贞丰县"
+          },
+          {
+            "code": "522326",
+            "name": "望谟县"
+          },
+          {
+            "code": "522327",
+            "name": "册亨县"
+          },
+          {
+            "code": "522328",
+            "name": "安龙县"
+          }
+        ]
+      },
+      {
+        "code": "5226",
+        "name": "黔东南苗族侗族自治州",
+        "children": [
+          {
+            "code": "522601",
+            "name": "凯里市"
+          },
+          {
+            "code": "522622",
+            "name": "黄平县"
+          },
+          {
+            "code": "522623",
+            "name": "施秉县"
+          },
+          {
+            "code": "522624",
+            "name": "三穗县"
+          },
+          {
+            "code": "522625",
+            "name": "镇远县"
+          },
+          {
+            "code": "522626",
+            "name": "岑巩县"
+          },
+          {
+            "code": "522627",
+            "name": "天柱县"
+          },
+          {
+            "code": "522628",
+            "name": "锦屏县"
+          },
+          {
+            "code": "522629",
+            "name": "剑河县"
+          },
+          {
+            "code": "522630",
+            "name": "台江县"
+          },
+          {
+            "code": "522631",
+            "name": "黎平县"
+          },
+          {
+            "code": "522632",
+            "name": "榕江县"
+          },
+          {
+            "code": "522633",
+            "name": "从江县"
+          },
+          {
+            "code": "522634",
+            "name": "雷山县"
+          },
+          {
+            "code": "522635",
+            "name": "麻江县"
+          },
+          {
+            "code": "522636",
+            "name": "丹寨县"
+          }
+        ]
+      },
+      {
+        "code": "5227",
+        "name": "黔南布依族苗族自治州",
+        "children": [
+          {
+            "code": "522701",
+            "name": "都匀市"
+          },
+          {
+            "code": "522702",
+            "name": "福泉市"
+          },
+          {
+            "code": "522722",
+            "name": "荔波县"
+          },
+          {
+            "code": "522723",
+            "name": "贵定县"
+          },
+          {
+            "code": "522725",
+            "name": "瓮安县"
+          },
+          {
+            "code": "522726",
+            "name": "独山县"
+          },
+          {
+            "code": "522727",
+            "name": "平塘县"
+          },
+          {
+            "code": "522728",
+            "name": "罗甸县"
+          },
+          {
+            "code": "522729",
+            "name": "长顺县"
+          },
+          {
+            "code": "522730",
+            "name": "龙里县"
+          },
+          {
+            "code": "522731",
+            "name": "惠水县"
+          },
+          {
+            "code": "522732",
+            "name": "三都水族自治县"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "code": "53",
+    "name": "云南省",
+    "children": [
+      {
+        "code": "5301",
+        "name": "昆明市",
+        "children": [
+          {
+            "code": "530102",
+            "name": "五华区"
+          },
+          {
+            "code": "530103",
+            "name": "盘龙区"
+          },
+          {
+            "code": "530111",
+            "name": "官渡区"
+          },
+          {
+            "code": "530112",
+            "name": "西山区"
+          },
+          {
+            "code": "530113",
+            "name": "东川区"
+          },
+          {
+            "code": "530114",
+            "name": "呈贡区"
+          },
+          {
+            "code": "530115",
+            "name": "晋宁区"
+          },
+          {
+            "code": "530124",
+            "name": "富民县"
+          },
+          {
+            "code": "530125",
+            "name": "宜良县"
+          },
+          {
+            "code": "530126",
+            "name": "石林彝族自治县"
+          },
+          {
+            "code": "530127",
+            "name": "嵩明县"
+          },
+          {
+            "code": "530128",
+            "name": "禄劝彝族苗族自治县"
+          },
+          {
+            "code": "530129",
+            "name": "寻甸回族彝族自治县"
+          },
+          {
+            "code": "530181",
+            "name": "安宁市"
+          }
+        ]
+      },
+      {
+        "code": "5303",
+        "name": "曲靖市",
+        "children": [
+          {
+            "code": "530302",
+            "name": "麒麟区"
+          },
+          {
+            "code": "530303",
+            "name": "沾益区"
+          },
+          {
+            "code": "530304",
+            "name": "马龙区"
+          },
+          {
+            "code": "530322",
+            "name": "陆良县"
+          },
+          {
+            "code": "530323",
+            "name": "师宗县"
+          },
+          {
+            "code": "530324",
+            "name": "罗平县"
+          },
+          {
+            "code": "530325",
+            "name": "富源县"
+          },
+          {
+            "code": "530326",
+            "name": "会泽县"
+          },
+          {
+            "code": "530381",
+            "name": "宣威市"
+          }
+        ]
+      },
+      {
+        "code": "5304",
+        "name": "玉溪市",
+        "children": [
+          {
+            "code": "530402",
+            "name": "红塔区"
+          },
+          {
+            "code": "530403",
+            "name": "江川区"
+          },
+          {
+            "code": "530423",
+            "name": "通海县"
+          },
+          {
+            "code": "530424",
+            "name": "华宁县"
+          },
+          {
+            "code": "530425",
+            "name": "易门县"
+          },
+          {
+            "code": "530426",
+            "name": "峨山彝族自治县"
+          },
+          {
+            "code": "530427",
+            "name": "新平彝族傣族自治县"
+          },
+          {
+            "code": "530428",
+            "name": "元江哈尼族彝族傣族自治县"
+          },
+          {
+            "code": "530481",
+            "name": "澄江市"
+          }
+        ]
+      },
+      {
+        "code": "5305",
+        "name": "保山市",
+        "children": [
+          {
+            "code": "530502",
+            "name": "隆阳区"
+          },
+          {
+            "code": "530521",
+            "name": "施甸县"
+          },
+          {
+            "code": "530523",
+            "name": "龙陵县"
+          },
+          {
+            "code": "530524",
+            "name": "昌宁县"
+          },
+          {
+            "code": "530581",
+            "name": "腾冲市"
+          }
+        ]
+      },
+      {
+        "code": "5306",
+        "name": "昭通市",
+        "children": [
+          {
+            "code": "530602",
+            "name": "昭阳区"
+          },
+          {
+            "code": "530621",
+            "name": "鲁甸县"
+          },
+          {
+            "code": "530622",
+            "name": "巧家县"
+          },
+          {
+            "code": "530623",
+            "name": "盐津县"
+          },
+          {
+            "code": "530624",
+            "name": "大关县"
+          },
+          {
+            "code": "530625",
+            "name": "永善县"
+          },
+          {
+            "code": "530626",
+            "name": "绥江县"
+          },
+          {
+            "code": "530627",
+            "name": "镇雄县"
+          },
+          {
+            "code": "530628",
+            "name": "彝良县"
+          },
+          {
+            "code": "530629",
+            "name": "威信县"
+          },
+          {
+            "code": "530681",
+            "name": "水富市"
+          }
+        ]
+      },
+      {
+        "code": "5307",
+        "name": "丽江市",
+        "children": [
+          {
+            "code": "530702",
+            "name": "古城区"
+          },
+          {
+            "code": "530721",
+            "name": "玉龙纳西族自治县"
+          },
+          {
+            "code": "530722",
+            "name": "永胜县"
+          },
+          {
+            "code": "530723",
+            "name": "华坪县"
+          },
+          {
+            "code": "530724",
+            "name": "宁蒗彝族自治县"
+          }
+        ]
+      },
+      {
+        "code": "5308",
+        "name": "普洱市",
+        "children": [
+          {
+            "code": "530802",
+            "name": "思茅区"
+          },
+          {
+            "code": "530821",
+            "name": "宁洱哈尼族彝族自治县"
+          },
+          {
+            "code": "530822",
+            "name": "墨江哈尼族自治县"
+          },
+          {
+            "code": "530823",
+            "name": "景东彝族自治县"
+          },
+          {
+            "code": "530824",
+            "name": "景谷傣族彝族自治县"
+          },
+          {
+            "code": "530825",
+            "name": "镇沅彝族哈尼族拉祜族自治县"
+          },
+          {
+            "code": "530826",
+            "name": "江城哈尼族彝族自治县"
+          },
+          {
+            "code": "530827",
+            "name": "孟连傣族拉祜族佤族自治县"
+          },
+          {
+            "code": "530828",
+            "name": "澜沧拉祜族自治县"
+          },
+          {
+            "code": "530829",
+            "name": "西盟佤族自治县"
+          }
+        ]
+      },
+      {
+        "code": "5309",
+        "name": "临沧市",
+        "children": [
+          {
+            "code": "530902",
+            "name": "临翔区"
+          },
+          {
+            "code": "530921",
+            "name": "凤庆县"
+          },
+          {
+            "code": "530922",
+            "name": "云县"
+          },
+          {
+            "code": "530923",
+            "name": "永德县"
+          },
+          {
+            "code": "530924",
+            "name": "镇康县"
+          },
+          {
+            "code": "530925",
+            "name": "双江拉祜族佤族布朗族傣族自治县"
+          },
+          {
+            "code": "530926",
+            "name": "耿马傣族佤族自治县"
+          },
+          {
+            "code": "530927",
+            "name": "沧源佤族自治县"
+          }
+        ]
+      },
+      {
+        "code": "5323",
+        "name": "楚雄彝族自治州",
+        "children": [
+          {
+            "code": "532301",
+            "name": "楚雄市"
+          },
+          {
+            "code": "532302",
+            "name": "禄丰市"
+          },
+          {
+            "code": "532322",
+            "name": "双柏县"
+          },
+          {
+            "code": "532323",
+            "name": "牟定县"
+          },
+          {
+            "code": "532324",
+            "name": "南华县"
+          },
+          {
+            "code": "532325",
+            "name": "姚安县"
+          },
+          {
+            "code": "532326",
+            "name": "大姚县"
+          },
+          {
+            "code": "532327",
+            "name": "永仁县"
+          },
+          {
+            "code": "532328",
+            "name": "元谋县"
+          },
+          {
+            "code": "532329",
+            "name": "武定县"
+          }
+        ]
+      },
+      {
+        "code": "5325",
+        "name": "红河哈尼族彝族自治州",
+        "children": [
+          {
+            "code": "532501",
+            "name": "个旧市"
+          },
+          {
+            "code": "532502",
+            "name": "开远市"
+          },
+          {
+            "code": "532503",
+            "name": "蒙自市"
+          },
+          {
+            "code": "532504",
+            "name": "弥勒市"
+          },
+          {
+            "code": "532523",
+            "name": "屏边苗族自治县"
+          },
+          {
+            "code": "532524",
+            "name": "建水县"
+          },
+          {
+            "code": "532525",
+            "name": "石屏县"
+          },
+          {
+            "code": "532527",
+            "name": "泸西县"
+          },
+          {
+            "code": "532528",
+            "name": "元阳县"
+          },
+          {
+            "code": "532529",
+            "name": "红河县"
+          },
+          {
+            "code": "532530",
+            "name": "金平苗族瑶族傣族自治县"
+          },
+          {
+            "code": "532531",
+            "name": "绿春县"
+          },
+          {
+            "code": "532532",
+            "name": "河口瑶族自治县"
+          }
+        ]
+      },
+      {
+        "code": "5326",
+        "name": "文山壮族苗族自治州",
+        "children": [
+          {
+            "code": "532601",
+            "name": "文山市"
+          },
+          {
+            "code": "532622",
+            "name": "砚山县"
+          },
+          {
+            "code": "532623",
+            "name": "西畴县"
+          },
+          {
+            "code": "532624",
+            "name": "麻栗坡县"
+          },
+          {
+            "code": "532625",
+            "name": "马关县"
+          },
+          {
+            "code": "532626",
+            "name": "丘北县"
+          },
+          {
+            "code": "532627",
+            "name": "广南县"
+          },
+          {
+            "code": "532628",
+            "name": "富宁县"
+          }
+        ]
+      },
+      {
+        "code": "5328",
+        "name": "西双版纳傣族自治州",
+        "children": [
+          {
+            "code": "532801",
+            "name": "景洪市"
+          },
+          {
+            "code": "532822",
+            "name": "勐海县"
+          },
+          {
+            "code": "532823",
+            "name": "勐腊县"
+          }
+        ]
+      },
+      {
+        "code": "5329",
+        "name": "大理白族自治州",
+        "children": [
+          {
+            "code": "532901",
+            "name": "大理市"
+          },
+          {
+            "code": "532922",
+            "name": "漾濞彝族自治县"
+          },
+          {
+            "code": "532923",
+            "name": "祥云县"
+          },
+          {
+            "code": "532924",
+            "name": "宾川县"
+          },
+          {
+            "code": "532925",
+            "name": "弥渡县"
+          },
+          {
+            "code": "532926",
+            "name": "南涧彝族自治县"
+          },
+          {
+            "code": "532927",
+            "name": "巍山彝族回族自治县"
+          },
+          {
+            "code": "532928",
+            "name": "永平县"
+          },
+          {
+            "code": "532929",
+            "name": "云龙县"
+          },
+          {
+            "code": "532930",
+            "name": "洱源县"
+          },
+          {
+            "code": "532931",
+            "name": "剑川县"
+          },
+          {
+            "code": "532932",
+            "name": "鹤庆县"
+          }
+        ]
+      },
+      {
+        "code": "5331",
+        "name": "德宏傣族景颇族自治州",
+        "children": [
+          {
+            "code": "533102",
+            "name": "瑞丽市"
+          },
+          {
+            "code": "533103",
+            "name": "芒市"
+          },
+          {
+            "code": "533122",
+            "name": "梁河县"
+          },
+          {
+            "code": "533123",
+            "name": "盈江县"
+          },
+          {
+            "code": "533124",
+            "name": "陇川县"
+          }
+        ]
+      },
+      {
+        "code": "5333",
+        "name": "怒江傈僳族自治州",
+        "children": [
+          {
+            "code": "533301",
+            "name": "泸水市"
+          },
+          {
+            "code": "533323",
+            "name": "福贡县"
+          },
+          {
+            "code": "533324",
+            "name": "贡山独龙族怒族自治县"
+          },
+          {
+            "code": "533325",
+            "name": "兰坪白族普米族自治县"
+          }
+        ]
+      },
+      {
+        "code": "5334",
+        "name": "迪庆藏族自治州",
+        "children": [
+          {
+            "code": "533401",
+            "name": "香格里拉市"
+          },
+          {
+            "code": "533422",
+            "name": "德钦县"
+          },
+          {
+            "code": "533423",
+            "name": "维西傈僳族自治县"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "code": "54",
+    "name": "西藏自治区",
+    "children": [
+      {
+        "code": "5401",
+        "name": "拉萨市",
+        "children": [
+          {
+            "code": "540102",
+            "name": "城关区"
+          },
+          {
+            "code": "540103",
+            "name": "堆龙德庆区"
+          },
+          {
+            "code": "540104",
+            "name": "达孜区"
+          },
+          {
+            "code": "540121",
+            "name": "林周县"
+          },
+          {
+            "code": "540122",
+            "name": "当雄县"
+          },
+          {
+            "code": "540123",
+            "name": "尼木县"
+          },
+          {
+            "code": "540124",
+            "name": "曲水县"
+          },
+          {
+            "code": "540127",
+            "name": "墨竹工卡县"
+          },
+          {
+            "code": "540171",
+            "name": "格尔木藏青工业园区"
+          },
+          {
+            "code": "540172",
+            "name": "拉萨经济技术开发区"
+          },
+          {
+            "code": "540173",
+            "name": "西藏文化旅游创意园区"
+          },
+          {
+            "code": "540174",
+            "name": "达孜工业园区"
+          }
+        ]
+      },
+      {
+        "code": "5402",
+        "name": "日喀则市",
+        "children": [
+          {
+            "code": "540202",
+            "name": "桑珠孜区"
+          },
+          {
+            "code": "540221",
+            "name": "南木林县"
+          },
+          {
+            "code": "540222",
+            "name": "江孜县"
+          },
+          {
+            "code": "540223",
+            "name": "定日县"
+          },
+          {
+            "code": "540224",
+            "name": "萨迦县"
+          },
+          {
+            "code": "540225",
+            "name": "拉孜县"
+          },
+          {
+            "code": "540226",
+            "name": "昂仁县"
+          },
+          {
+            "code": "540227",
+            "name": "谢通门县"
+          },
+          {
+            "code": "540228",
+            "name": "白朗县"
+          },
+          {
+            "code": "540229",
+            "name": "仁布县"
+          },
+          {
+            "code": "540230",
+            "name": "康马县"
+          },
+          {
+            "code": "540231",
+            "name": "定结县"
+          },
+          {
+            "code": "540232",
+            "name": "仲巴县"
+          },
+          {
+            "code": "540233",
+            "name": "亚东县"
+          },
+          {
+            "code": "540234",
+            "name": "吉隆县"
+          },
+          {
+            "code": "540235",
+            "name": "聂拉木县"
+          },
+          {
+            "code": "540236",
+            "name": "萨嘎县"
+          },
+          {
+            "code": "540237",
+            "name": "岗巴县"
+          }
+        ]
+      },
+      {
+        "code": "5403",
+        "name": "昌都市",
+        "children": [
+          {
+            "code": "540302",
+            "name": "卡若区"
+          },
+          {
+            "code": "540321",
+            "name": "江达县"
+          },
+          {
+            "code": "540322",
+            "name": "贡觉县"
+          },
+          {
+            "code": "540323",
+            "name": "类乌齐县"
+          },
+          {
+            "code": "540324",
+            "name": "丁青县"
+          },
+          {
+            "code": "540325",
+            "name": "察雅县"
+          },
+          {
+            "code": "540326",
+            "name": "八宿县"
+          },
+          {
+            "code": "540327",
+            "name": "左贡县"
+          },
+          {
+            "code": "540328",
+            "name": "芒康县"
+          },
+          {
+            "code": "540329",
+            "name": "洛隆县"
+          },
+          {
+            "code": "540330",
+            "name": "边坝县"
+          }
+        ]
+      },
+      {
+        "code": "5404",
+        "name": "林芝市",
+        "children": [
+          {
+            "code": "540402",
+            "name": "巴宜区"
+          },
+          {
+            "code": "540421",
+            "name": "工布江达县"
+          },
+          {
+            "code": "540423",
+            "name": "墨脱县"
+          },
+          {
+            "code": "540424",
+            "name": "波密县"
+          },
+          {
+            "code": "540425",
+            "name": "察隅县"
+          },
+          {
+            "code": "540426",
+            "name": "朗县"
+          },
+          {
+            "code": "540481",
+            "name": "米林市"
+          }
+        ]
+      },
+      {
+        "code": "5405",
+        "name": "山南市",
+        "children": [
+          {
+            "code": "540502",
+            "name": "乃东区"
+          },
+          {
+            "code": "540521",
+            "name": "扎囊县"
+          },
+          {
+            "code": "540522",
+            "name": "贡嘎县"
+          },
+          {
+            "code": "540523",
+            "name": "桑日县"
+          },
+          {
+            "code": "540524",
+            "name": "琼结县"
+          },
+          {
+            "code": "540525",
+            "name": "曲松县"
+          },
+          {
+            "code": "540526",
+            "name": "措美县"
+          },
+          {
+            "code": "540527",
+            "name": "洛扎县"
+          },
+          {
+            "code": "540528",
+            "name": "加查县"
+          },
+          {
+            "code": "540529",
+            "name": "隆子县"
+          },
+          {
+            "code": "540531",
+            "name": "浪卡子县"
+          },
+          {
+            "code": "540581",
+            "name": "错那市"
+          }
+        ]
+      },
+      {
+        "code": "5406",
+        "name": "那曲市",
+        "children": [
+          {
+            "code": "540602",
+            "name": "色尼区"
+          },
+          {
+            "code": "540621",
+            "name": "嘉黎县"
+          },
+          {
+            "code": "540622",
+            "name": "比如县"
+          },
+          {
+            "code": "540623",
+            "name": "聂荣县"
+          },
+          {
+            "code": "540624",
+            "name": "安多县"
+          },
+          {
+            "code": "540625",
+            "name": "申扎县"
+          },
+          {
+            "code": "540626",
+            "name": "索县"
+          },
+          {
+            "code": "540627",
+            "name": "班戈县"
+          },
+          {
+            "code": "540628",
+            "name": "巴青县"
+          },
+          {
+            "code": "540629",
+            "name": "尼玛县"
+          },
+          {
+            "code": "540630",
+            "name": "双湖县"
+          }
+        ]
+      },
+      {
+        "code": "5425",
+        "name": "阿里地区",
+        "children": [
+          {
+            "code": "542521",
+            "name": "普兰县"
+          },
+          {
+            "code": "542522",
+            "name": "札达县"
+          },
+          {
+            "code": "542523",
+            "name": "噶尔县"
+          },
+          {
+            "code": "542524",
+            "name": "日土县"
+          },
+          {
+            "code": "542525",
+            "name": "革吉县"
+          },
+          {
+            "code": "542526",
+            "name": "改则县"
+          },
+          {
+            "code": "542527",
+            "name": "措勤县"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "code": "61",
+    "name": "陕西省",
+    "children": [
+      {
+        "code": "6101",
+        "name": "西安市",
+        "children": [
+          {
+            "code": "610102",
+            "name": "新城区"
+          },
+          {
+            "code": "610103",
+            "name": "碑林区"
+          },
+          {
+            "code": "610104",
+            "name": "莲湖区"
+          },
+          {
+            "code": "610111",
+            "name": "灞桥区"
+          },
+          {
+            "code": "610112",
+            "name": "未央区"
+          },
+          {
+            "code": "610113",
+            "name": "雁塔区"
+          },
+          {
+            "code": "610114",
+            "name": "阎良区"
+          },
+          {
+            "code": "610115",
+            "name": "临潼区"
+          },
+          {
+            "code": "610116",
+            "name": "长安区"
+          },
+          {
+            "code": "610117",
+            "name": "高陵区"
+          },
+          {
+            "code": "610118",
+            "name": "鄠邑区"
+          },
+          {
+            "code": "610122",
+            "name": "蓝田县"
+          },
+          {
+            "code": "610124",
+            "name": "周至县"
+          }
+        ]
+      },
+      {
+        "code": "6102",
+        "name": "铜川市",
+        "children": [
+          {
+            "code": "610202",
+            "name": "王益区"
+          },
+          {
+            "code": "610203",
+            "name": "印台区"
+          },
+          {
+            "code": "610204",
+            "name": "耀州区"
+          },
+          {
+            "code": "610222",
+            "name": "宜君县"
+          }
+        ]
+      },
+      {
+        "code": "6103",
+        "name": "宝鸡市",
+        "children": [
+          {
+            "code": "610302",
+            "name": "渭滨区"
+          },
+          {
+            "code": "610303",
+            "name": "金台区"
+          },
+          {
+            "code": "610304",
+            "name": "陈仓区"
+          },
+          {
+            "code": "610305",
+            "name": "凤翔区"
+          },
+          {
+            "code": "610323",
+            "name": "岐山县"
+          },
+          {
+            "code": "610324",
+            "name": "扶风县"
+          },
+          {
+            "code": "610326",
+            "name": "眉县"
+          },
+          {
+            "code": "610327",
+            "name": "陇县"
+          },
+          {
+            "code": "610328",
+            "name": "千阳县"
+          },
+          {
+            "code": "610329",
+            "name": "麟游县"
+          },
+          {
+            "code": "610330",
+            "name": "凤县"
+          },
+          {
+            "code": "610331",
+            "name": "太白县"
+          }
+        ]
+      },
+      {
+        "code": "6104",
+        "name": "咸阳市",
+        "children": [
+          {
+            "code": "610402",
+            "name": "秦都区"
+          },
+          {
+            "code": "610403",
+            "name": "杨陵区"
+          },
+          {
+            "code": "610404",
+            "name": "渭城区"
+          },
+          {
+            "code": "610422",
+            "name": "三原县"
+          },
+          {
+            "code": "610423",
+            "name": "泾阳县"
+          },
+          {
+            "code": "610424",
+            "name": "乾县"
+          },
+          {
+            "code": "610425",
+            "name": "礼泉县"
+          },
+          {
+            "code": "610426",
+            "name": "永寿县"
+          },
+          {
+            "code": "610428",
+            "name": "长武县"
+          },
+          {
+            "code": "610429",
+            "name": "旬邑县"
+          },
+          {
+            "code": "610430",
+            "name": "淳化县"
+          },
+          {
+            "code": "610431",
+            "name": "武功县"
+          },
+          {
+            "code": "610481",
+            "name": "兴平市"
+          },
+          {
+            "code": "610482",
+            "name": "彬州市"
+          }
+        ]
+      },
+      {
+        "code": "6105",
+        "name": "渭南市",
+        "children": [
+          {
+            "code": "610502",
+            "name": "临渭区"
+          },
+          {
+            "code": "610503",
+            "name": "华州区"
+          },
+          {
+            "code": "610522",
+            "name": "潼关县"
+          },
+          {
+            "code": "610523",
+            "name": "大荔县"
+          },
+          {
+            "code": "610524",
+            "name": "合阳县"
+          },
+          {
+            "code": "610525",
+            "name": "澄城县"
+          },
+          {
+            "code": "610526",
+            "name": "蒲城县"
+          },
+          {
+            "code": "610527",
+            "name": "白水县"
+          },
+          {
+            "code": "610528",
+            "name": "富平县"
+          },
+          {
+            "code": "610581",
+            "name": "韩城市"
+          },
+          {
+            "code": "610582",
+            "name": "华阴市"
+          }
+        ]
+      },
+      {
+        "code": "6106",
+        "name": "延安市",
+        "children": [
+          {
+            "code": "610602",
+            "name": "宝塔区"
+          },
+          {
+            "code": "610603",
+            "name": "安塞区"
+          },
+          {
+            "code": "610621",
+            "name": "延长县"
+          },
+          {
+            "code": "610622",
+            "name": "延川县"
+          },
+          {
+            "code": "610625",
+            "name": "志丹县"
+          },
+          {
+            "code": "610626",
+            "name": "吴起县"
+          },
+          {
+            "code": "610627",
+            "name": "甘泉县"
+          },
+          {
+            "code": "610628",
+            "name": "富县"
+          },
+          {
+            "code": "610629",
+            "name": "洛川县"
+          },
+          {
+            "code": "610630",
+            "name": "宜川县"
+          },
+          {
+            "code": "610631",
+            "name": "黄龙县"
+          },
+          {
+            "code": "610632",
+            "name": "黄陵县"
+          },
+          {
+            "code": "610681",
+            "name": "子长市"
+          }
+        ]
+      },
+      {
+        "code": "6107",
+        "name": "汉中市",
+        "children": [
+          {
+            "code": "610702",
+            "name": "汉台区"
+          },
+          {
+            "code": "610703",
+            "name": "南郑区"
+          },
+          {
+            "code": "610722",
+            "name": "城固县"
+          },
+          {
+            "code": "610723",
+            "name": "洋县"
+          },
+          {
+            "code": "610724",
+            "name": "西乡县"
+          },
+          {
+            "code": "610725",
+            "name": "勉县"
+          },
+          {
+            "code": "610726",
+            "name": "宁强县"
+          },
+          {
+            "code": "610727",
+            "name": "略阳县"
+          },
+          {
+            "code": "610728",
+            "name": "镇巴县"
+          },
+          {
+            "code": "610729",
+            "name": "留坝县"
+          },
+          {
+            "code": "610730",
+            "name": "佛坪县"
+          }
+        ]
+      },
+      {
+        "code": "6108",
+        "name": "榆林市",
+        "children": [
+          {
+            "code": "610802",
+            "name": "榆阳区"
+          },
+          {
+            "code": "610803",
+            "name": "横山区"
+          },
+          {
+            "code": "610822",
+            "name": "府谷县"
+          },
+          {
+            "code": "610824",
+            "name": "靖边县"
+          },
+          {
+            "code": "610825",
+            "name": "定边县"
+          },
+          {
+            "code": "610826",
+            "name": "绥德县"
+          },
+          {
+            "code": "610827",
+            "name": "米脂县"
+          },
+          {
+            "code": "610828",
+            "name": "佳县"
+          },
+          {
+            "code": "610829",
+            "name": "吴堡县"
+          },
+          {
+            "code": "610830",
+            "name": "清涧县"
+          },
+          {
+            "code": "610831",
+            "name": "子洲县"
+          },
+          {
+            "code": "610881",
+            "name": "神木市"
+          }
+        ]
+      },
+      {
+        "code": "6109",
+        "name": "安康市",
+        "children": [
+          {
+            "code": "610902",
+            "name": "汉滨区"
+          },
+          {
+            "code": "610921",
+            "name": "汉阴县"
+          },
+          {
+            "code": "610922",
+            "name": "石泉县"
+          },
+          {
+            "code": "610923",
+            "name": "宁陕县"
+          },
+          {
+            "code": "610924",
+            "name": "紫阳县"
+          },
+          {
+            "code": "610925",
+            "name": "岚皋县"
+          },
+          {
+            "code": "610926",
+            "name": "平利县"
+          },
+          {
+            "code": "610927",
+            "name": "镇坪县"
+          },
+          {
+            "code": "610929",
+            "name": "白河县"
+          },
+          {
+            "code": "610981",
+            "name": "旬阳市"
+          }
+        ]
+      },
+      {
+        "code": "6110",
+        "name": "商洛市",
+        "children": [
+          {
+            "code": "611002",
+            "name": "商州区"
+          },
+          {
+            "code": "611021",
+            "name": "洛南县"
+          },
+          {
+            "code": "611022",
+            "name": "丹凤县"
+          },
+          {
+            "code": "611023",
+            "name": "商南县"
+          },
+          {
+            "code": "611024",
+            "name": "山阳县"
+          },
+          {
+            "code": "611025",
+            "name": "镇安县"
+          },
+          {
+            "code": "611026",
+            "name": "柞水县"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "code": "62",
+    "name": "甘肃省",
+    "children": [
+      {
+        "code": "6201",
+        "name": "兰州市",
+        "children": [
+          {
+            "code": "620102",
+            "name": "城关区"
+          },
+          {
+            "code": "620103",
+            "name": "七里河区"
+          },
+          {
+            "code": "620104",
+            "name": "西固区"
+          },
+          {
+            "code": "620105",
+            "name": "安宁区"
+          },
+          {
+            "code": "620111",
+            "name": "红古区"
+          },
+          {
+            "code": "620121",
+            "name": "永登县"
+          },
+          {
+            "code": "620122",
+            "name": "皋兰县"
+          },
+          {
+            "code": "620123",
+            "name": "榆中县"
+          },
+          {
+            "code": "620171",
+            "name": "兰州新区"
+          }
+        ]
+      },
+      {
+        "code": "6202",
+        "name": "嘉峪关市",
+        "children": [
+          {
+            "code": "620201001",
+            "name": "雄关街道"
+          },
+          {
+            "code": "620201002",
+            "name": "钢城街道"
+          },
+          {
+            "code": "620201100",
+            "name": "新城镇"
+          },
+          {
+            "code": "620201101",
+            "name": "峪泉镇"
+          },
+          {
+            "code": "620201102",
+            "name": "文殊镇"
+          }
+        ]
+      },
+      {
+        "code": "6203",
+        "name": "金昌市",
+        "children": [
+          {
+            "code": "620302",
+            "name": "金川区"
+          },
+          {
+            "code": "620321",
+            "name": "永昌县"
+          }
+        ]
+      },
+      {
+        "code": "6204",
+        "name": "白银市",
+        "children": [
+          {
+            "code": "620402",
+            "name": "白银区"
+          },
+          {
+            "code": "620403",
+            "name": "平川区"
+          },
+          {
+            "code": "620421",
+            "name": "靖远县"
+          },
+          {
+            "code": "620422",
+            "name": "会宁县"
+          },
+          {
+            "code": "620423",
+            "name": "景泰县"
+          }
+        ]
+      },
+      {
+        "code": "6205",
+        "name": "天水市",
+        "children": [
+          {
+            "code": "620502",
+            "name": "秦州区"
+          },
+          {
+            "code": "620503",
+            "name": "麦积区"
+          },
+          {
+            "code": "620521",
+            "name": "清水县"
+          },
+          {
+            "code": "620522",
+            "name": "秦安县"
+          },
+          {
+            "code": "620523",
+            "name": "甘谷县"
+          },
+          {
+            "code": "620524",
+            "name": "武山县"
+          },
+          {
+            "code": "620525",
+            "name": "张家川回族自治县"
+          }
+        ]
+      },
+      {
+        "code": "6206",
+        "name": "武威市",
+        "children": [
+          {
+            "code": "620602",
+            "name": "凉州区"
+          },
+          {
+            "code": "620621",
+            "name": "民勤县"
+          },
+          {
+            "code": "620622",
+            "name": "古浪县"
+          },
+          {
+            "code": "620623",
+            "name": "天祝藏族自治县"
+          }
+        ]
+      },
+      {
+        "code": "6207",
+        "name": "张掖市",
+        "children": [
+          {
+            "code": "620702",
+            "name": "甘州区"
+          },
+          {
+            "code": "620721",
+            "name": "肃南裕固族自治县"
+          },
+          {
+            "code": "620722",
+            "name": "民乐县"
+          },
+          {
+            "code": "620723",
+            "name": "临泽县"
+          },
+          {
+            "code": "620724",
+            "name": "高台县"
+          },
+          {
+            "code": "620725",
+            "name": "山丹县"
+          }
+        ]
+      },
+      {
+        "code": "6208",
+        "name": "平凉市",
+        "children": [
+          {
+            "code": "620802",
+            "name": "崆峒区"
+          },
+          {
+            "code": "620821",
+            "name": "泾川县"
+          },
+          {
+            "code": "620822",
+            "name": "灵台县"
+          },
+          {
+            "code": "620823",
+            "name": "崇信县"
+          },
+          {
+            "code": "620825",
+            "name": "庄浪县"
+          },
+          {
+            "code": "620826",
+            "name": "静宁县"
+          },
+          {
+            "code": "620881",
+            "name": "华亭市"
+          }
+        ]
+      },
+      {
+        "code": "6209",
+        "name": "酒泉市",
+        "children": [
+          {
+            "code": "620902",
+            "name": "肃州区"
+          },
+          {
+            "code": "620921",
+            "name": "金塔县"
+          },
+          {
+            "code": "620922",
+            "name": "瓜州县"
+          },
+          {
+            "code": "620923",
+            "name": "肃北蒙古族自治县"
+          },
+          {
+            "code": "620924",
+            "name": "阿克塞哈萨克族自治县"
+          },
+          {
+            "code": "620981",
+            "name": "玉门市"
+          },
+          {
+            "code": "620982",
+            "name": "敦煌市"
+          }
+        ]
+      },
+      {
+        "code": "6210",
+        "name": "庆阳市",
+        "children": [
+          {
+            "code": "621002",
+            "name": "西峰区"
+          },
+          {
+            "code": "621021",
+            "name": "庆城县"
+          },
+          {
+            "code": "621022",
+            "name": "环县"
+          },
+          {
+            "code": "621023",
+            "name": "华池县"
+          },
+          {
+            "code": "621024",
+            "name": "合水县"
+          },
+          {
+            "code": "621025",
+            "name": "正宁县"
+          },
+          {
+            "code": "621026",
+            "name": "宁县"
+          },
+          {
+            "code": "621027",
+            "name": "镇原县"
+          }
+        ]
+      },
+      {
+        "code": "6211",
+        "name": "定西市",
+        "children": [
+          {
+            "code": "621102",
+            "name": "安定区"
+          },
+          {
+            "code": "621121",
+            "name": "通渭县"
+          },
+          {
+            "code": "621122",
+            "name": "陇西县"
+          },
+          {
+            "code": "621123",
+            "name": "渭源县"
+          },
+          {
+            "code": "621124",
+            "name": "临洮县"
+          },
+          {
+            "code": "621125",
+            "name": "漳县"
+          },
+          {
+            "code": "621126",
+            "name": "岷县"
+          }
+        ]
+      },
+      {
+        "code": "6212",
+        "name": "陇南市",
+        "children": [
+          {
+            "code": "621202",
+            "name": "武都区"
+          },
+          {
+            "code": "621221",
+            "name": "成县"
+          },
+          {
+            "code": "621222",
+            "name": "文县"
+          },
+          {
+            "code": "621223",
+            "name": "宕昌县"
+          },
+          {
+            "code": "621224",
+            "name": "康县"
+          },
+          {
+            "code": "621225",
+            "name": "西和县"
+          },
+          {
+            "code": "621226",
+            "name": "礼县"
+          },
+          {
+            "code": "621227",
+            "name": "徽县"
+          },
+          {
+            "code": "621228",
+            "name": "两当县"
+          }
+        ]
+      },
+      {
+        "code": "6229",
+        "name": "临夏回族自治州",
+        "children": [
+          {
+            "code": "622901",
+            "name": "临夏市"
+          },
+          {
+            "code": "622921",
+            "name": "临夏县"
+          },
+          {
+            "code": "622922",
+            "name": "康乐县"
+          },
+          {
+            "code": "622923",
+            "name": "永靖县"
+          },
+          {
+            "code": "622924",
+            "name": "广河县"
+          },
+          {
+            "code": "622925",
+            "name": "和政县"
+          },
+          {
+            "code": "622926",
+            "name": "东乡族自治县"
+          },
+          {
+            "code": "622927",
+            "name": "积石山保安族东乡族撒拉族自治县"
+          }
+        ]
+      },
+      {
+        "code": "6230",
+        "name": "甘南藏族自治州",
+        "children": [
+          {
+            "code": "623001",
+            "name": "合作市"
+          },
+          {
+            "code": "623021",
+            "name": "临潭县"
+          },
+          {
+            "code": "623022",
+            "name": "卓尼县"
+          },
+          {
+            "code": "623023",
+            "name": "舟曲县"
+          },
+          {
+            "code": "623024",
+            "name": "迭部县"
+          },
+          {
+            "code": "623025",
+            "name": "玛曲县"
+          },
+          {
+            "code": "623026",
+            "name": "碌曲县"
+          },
+          {
+            "code": "623027",
+            "name": "夏河县"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "code": "63",
+    "name": "青海省",
+    "children": [
+      {
+        "code": "6301",
+        "name": "西宁市",
+        "children": [
+          {
+            "code": "630102",
+            "name": "城东区"
+          },
+          {
+            "code": "630103",
+            "name": "城中区"
+          },
+          {
+            "code": "630104",
+            "name": "城西区"
+          },
+          {
+            "code": "630105",
+            "name": "城北区"
+          },
+          {
+            "code": "630106",
+            "name": "湟中区"
+          },
+          {
+            "code": "630121",
+            "name": "大通回族土族自治县"
+          },
+          {
+            "code": "630123",
+            "name": "湟源县"
+          }
+        ]
+      },
+      {
+        "code": "6302",
+        "name": "海东市",
+        "children": [
+          {
+            "code": "630202",
+            "name": "乐都区"
+          },
+          {
+            "code": "630203",
+            "name": "平安区"
+          },
+          {
+            "code": "630222",
+            "name": "民和回族土族自治县"
+          },
+          {
+            "code": "630223",
+            "name": "互助土族自治县"
+          },
+          {
+            "code": "630224",
+            "name": "化隆回族自治县"
+          },
+          {
+            "code": "630225",
+            "name": "循化撒拉族自治县"
+          }
+        ]
+      },
+      {
+        "code": "6322",
+        "name": "海北藏族自治州",
+        "children": [
+          {
+            "code": "632221",
+            "name": "门源回族自治县"
+          },
+          {
+            "code": "632222",
+            "name": "祁连县"
+          },
+          {
+            "code": "632223",
+            "name": "海晏县"
+          },
+          {
+            "code": "632224",
+            "name": "刚察县"
+          }
+        ]
+      },
+      {
+        "code": "6323",
+        "name": "黄南藏族自治州",
+        "children": [
+          {
+            "code": "632301",
+            "name": "同仁市"
+          },
+          {
+            "code": "632322",
+            "name": "尖扎县"
+          },
+          {
+            "code": "632323",
+            "name": "泽库县"
+          },
+          {
+            "code": "632324",
+            "name": "河南蒙古族自治县"
+          }
+        ]
+      },
+      {
+        "code": "6325",
+        "name": "海南藏族自治州",
+        "children": [
+          {
+            "code": "632521",
+            "name": "共和县"
+          },
+          {
+            "code": "632522",
+            "name": "同德县"
+          },
+          {
+            "code": "632523",
+            "name": "贵德县"
+          },
+          {
+            "code": "632524",
+            "name": "兴海县"
+          },
+          {
+            "code": "632525",
+            "name": "贵南县"
+          }
+        ]
+      },
+      {
+        "code": "6326",
+        "name": "果洛藏族自治州",
+        "children": [
+          {
+            "code": "632621",
+            "name": "玛沁县"
+          },
+          {
+            "code": "632622",
+            "name": "班玛县"
+          },
+          {
+            "code": "632623",
+            "name": "甘德县"
+          },
+          {
+            "code": "632624",
+            "name": "达日县"
+          },
+          {
+            "code": "632625",
+            "name": "久治县"
+          },
+          {
+            "code": "632626",
+            "name": "玛多县"
+          }
+        ]
+      },
+      {
+        "code": "6327",
+        "name": "玉树藏族自治州",
+        "children": [
+          {
+            "code": "632701",
+            "name": "玉树市"
+          },
+          {
+            "code": "632722",
+            "name": "杂多县"
+          },
+          {
+            "code": "632723",
+            "name": "称多县"
+          },
+          {
+            "code": "632724",
+            "name": "治多县"
+          },
+          {
+            "code": "632725",
+            "name": "囊谦县"
+          },
+          {
+            "code": "632726",
+            "name": "曲麻莱县"
+          }
+        ]
+      },
+      {
+        "code": "6328",
+        "name": "海西蒙古族藏族自治州",
+        "children": [
+          {
+            "code": "632801",
+            "name": "格尔木市"
+          },
+          {
+            "code": "632802",
+            "name": "德令哈市"
+          },
+          {
+            "code": "632803",
+            "name": "茫崖市"
+          },
+          {
+            "code": "632821",
+            "name": "乌兰县"
+          },
+          {
+            "code": "632822",
+            "name": "都兰县"
+          },
+          {
+            "code": "632823",
+            "name": "天峻县"
+          },
+          {
+            "code": "632857",
+            "name": "大柴旦行政委员会"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "code": "64",
+    "name": "宁夏回族自治区",
+    "children": [
+      {
+        "code": "6401",
+        "name": "银川市",
+        "children": [
+          {
+            "code": "640104",
+            "name": "兴庆区"
+          },
+          {
+            "code": "640105",
+            "name": "西夏区"
+          },
+          {
+            "code": "640106",
+            "name": "金凤区"
+          },
+          {
+            "code": "640121",
+            "name": "永宁县"
+          },
+          {
+            "code": "640122",
+            "name": "贺兰县"
+          },
+          {
+            "code": "640181",
+            "name": "灵武市"
+          }
+        ]
+      },
+      {
+        "code": "6402",
+        "name": "石嘴山市",
+        "children": [
+          {
+            "code": "640202",
+            "name": "大武口区"
+          },
+          {
+            "code": "640205",
+            "name": "惠农区"
+          },
+          {
+            "code": "640221",
+            "name": "平罗县"
+          }
+        ]
+      },
+      {
+        "code": "6403",
+        "name": "吴忠市",
+        "children": [
+          {
+            "code": "640302",
+            "name": "利通区"
+          },
+          {
+            "code": "640303",
+            "name": "红寺堡区"
+          },
+          {
+            "code": "640323",
+            "name": "盐池县"
+          },
+          {
+            "code": "640324",
+            "name": "同心县"
+          },
+          {
+            "code": "640381",
+            "name": "青铜峡市"
+          }
+        ]
+      },
+      {
+        "code": "6404",
+        "name": "固原市",
+        "children": [
+          {
+            "code": "640402",
+            "name": "原州区"
+          },
+          {
+            "code": "640422",
+            "name": "西吉县"
+          },
+          {
+            "code": "640423",
+            "name": "隆德县"
+          },
+          {
+            "code": "640424",
+            "name": "泾源县"
+          },
+          {
+            "code": "640425",
+            "name": "彭阳县"
+          }
+        ]
+      },
+      {
+        "code": "6405",
+        "name": "中卫市",
+        "children": [
+          {
+            "code": "640502",
+            "name": "沙坡头区"
+          },
+          {
+            "code": "640521",
+            "name": "中宁县"
+          },
+          {
+            "code": "640522",
+            "name": "海原县"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "code": "65",
+    "name": "新疆维吾尔自治区",
+    "children": [
+      {
+        "code": "6501",
+        "name": "乌鲁木齐市",
+        "children": [
+          {
+            "code": "650102",
+            "name": "天山区"
+          },
+          {
+            "code": "650103",
+            "name": "沙依巴克区"
+          },
+          {
+            "code": "650104",
+            "name": "新市区"
+          },
+          {
+            "code": "650105",
+            "name": "水磨沟区"
+          },
+          {
+            "code": "650106",
+            "name": "头屯河区"
+          },
+          {
+            "code": "650107",
+            "name": "达坂城区"
+          },
+          {
+            "code": "650109",
+            "name": "米东区"
+          },
+          {
+            "code": "650121",
+            "name": "乌鲁木齐县"
+          }
+        ]
+      },
+      {
+        "code": "6502",
+        "name": "克拉玛依市",
+        "children": [
+          {
+            "code": "650202",
+            "name": "独山子区"
+          },
+          {
+            "code": "650203",
+            "name": "克拉玛依区"
+          },
+          {
+            "code": "650204",
+            "name": "白碱滩区"
+          },
+          {
+            "code": "650205",
+            "name": "乌尔禾区"
+          }
+        ]
+      },
+      {
+        "code": "6504",
+        "name": "吐鲁番市",
+        "children": [
+          {
+            "code": "650402",
+            "name": "高昌区"
+          },
+          {
+            "code": "650421",
+            "name": "鄯善县"
+          },
+          {
+            "code": "650422",
+            "name": "托克逊县"
+          }
+        ]
+      },
+      {
+        "code": "6505",
+        "name": "哈密市",
+        "children": [
+          {
+            "code": "650502",
+            "name": "伊州区"
+          },
+          {
+            "code": "650521",
+            "name": "巴里坤哈萨克自治县"
+          },
+          {
+            "code": "650522",
+            "name": "伊吾县"
+          }
+        ]
+      },
+      {
+        "code": "6523",
+        "name": "昌吉回族自治州",
+        "children": [
+          {
+            "code": "652301",
+            "name": "昌吉市"
+          },
+          {
+            "code": "652302",
+            "name": "阜康市"
+          },
+          {
+            "code": "652323",
+            "name": "呼图壁县"
+          },
+          {
+            "code": "652324",
+            "name": "玛纳斯县"
+          },
+          {
+            "code": "652325",
+            "name": "奇台县"
+          },
+          {
+            "code": "652327",
+            "name": "吉木萨尔县"
+          },
+          {
+            "code": "652328",
+            "name": "木垒哈萨克自治县"
+          }
+        ]
+      },
+      {
+        "code": "6527",
+        "name": "博尔塔拉蒙古自治州",
+        "children": [
+          {
+            "code": "652701",
+            "name": "博乐市"
+          },
+          {
+            "code": "652702",
+            "name": "阿拉山口市"
+          },
+          {
+            "code": "652722",
+            "name": "精河县"
+          },
+          {
+            "code": "652723",
+            "name": "温泉县"
+          }
+        ]
+      },
+      {
+        "code": "6528",
+        "name": "巴音郭楞蒙古自治州",
+        "children": [
+          {
+            "code": "652801",
+            "name": "库尔勒市"
+          },
+          {
+            "code": "652822",
+            "name": "轮台县"
+          },
+          {
+            "code": "652823",
+            "name": "尉犁县"
+          },
+          {
+            "code": "652824",
+            "name": "若羌县"
+          },
+          {
+            "code": "652825",
+            "name": "且末县"
+          },
+          {
+            "code": "652826",
+            "name": "焉耆回族自治县"
+          },
+          {
+            "code": "652827",
+            "name": "和静县"
+          },
+          {
+            "code": "652828",
+            "name": "和硕县"
+          },
+          {
+            "code": "652829",
+            "name": "博湖县"
+          }
+        ]
+      },
+      {
+        "code": "6529",
+        "name": "阿克苏地区",
+        "children": [
+          {
+            "code": "652901",
+            "name": "阿克苏市"
+          },
+          {
+            "code": "652902",
+            "name": "库车市"
+          },
+          {
+            "code": "652922",
+            "name": "温宿县"
+          },
+          {
+            "code": "652924",
+            "name": "沙雅县"
+          },
+          {
+            "code": "652925",
+            "name": "新和县"
+          },
+          {
+            "code": "652926",
+            "name": "拜城县"
+          },
+          {
+            "code": "652927",
+            "name": "乌什县"
+          },
+          {
+            "code": "652928",
+            "name": "阿瓦提县"
+          },
+          {
+            "code": "652929",
+            "name": "柯坪县"
+          }
+        ]
+      },
+      {
+        "code": "6530",
+        "name": "克孜勒苏柯尔克孜自治州",
+        "children": [
+          {
+            "code": "653001",
+            "name": "阿图什市"
+          },
+          {
+            "code": "653022",
+            "name": "阿克陶县"
+          },
+          {
+            "code": "653023",
+            "name": "阿合奇县"
+          },
+          {
+            "code": "653024",
+            "name": "乌恰县"
+          }
+        ]
+      },
+      {
+        "code": "6531",
+        "name": "喀什地区",
+        "children": [
+          {
+            "code": "653101",
+            "name": "喀什市"
+          },
+          {
+            "code": "653121",
+            "name": "疏附县"
+          },
+          {
+            "code": "653122",
+            "name": "疏勒县"
+          },
+          {
+            "code": "653123",
+            "name": "英吉沙县"
+          },
+          {
+            "code": "653124",
+            "name": "泽普县"
+          },
+          {
+            "code": "653125",
+            "name": "莎车县"
+          },
+          {
+            "code": "653126",
+            "name": "叶城县"
+          },
+          {
+            "code": "653127",
+            "name": "麦盖提县"
+          },
+          {
+            "code": "653128",
+            "name": "岳普湖县"
+          },
+          {
+            "code": "653129",
+            "name": "伽师县"
+          },
+          {
+            "code": "653130",
+            "name": "巴楚县"
+          },
+          {
+            "code": "653131",
+            "name": "塔什库尔干塔吉克自治县"
+          }
+        ]
+      },
+      {
+        "code": "6532",
+        "name": "和田地区",
+        "children": [
+          {
+            "code": "653201",
+            "name": "和田市"
+          },
+          {
+            "code": "653221",
+            "name": "和田县"
+          },
+          {
+            "code": "653222",
+            "name": "墨玉县"
+          },
+          {
+            "code": "653223",
+            "name": "皮山县"
+          },
+          {
+            "code": "653224",
+            "name": "洛浦县"
+          },
+          {
+            "code": "653225",
+            "name": "策勒县"
+          },
+          {
+            "code": "653226",
+            "name": "于田县"
+          },
+          {
+            "code": "653227",
+            "name": "民丰县"
+          }
+        ]
+      },
+      {
+        "code": "6540",
+        "name": "伊犁哈萨克自治州",
+        "children": [
+          {
+            "code": "654002",
+            "name": "伊宁市"
+          },
+          {
+            "code": "654003",
+            "name": "奎屯市"
+          },
+          {
+            "code": "654004",
+            "name": "霍尔果斯市"
+          },
+          {
+            "code": "654021",
+            "name": "伊宁县"
+          },
+          {
+            "code": "654022",
+            "name": "察布查尔锡伯自治县"
+          },
+          {
+            "code": "654023",
+            "name": "霍城县"
+          },
+          {
+            "code": "654024",
+            "name": "巩留县"
+          },
+          {
+            "code": "654025",
+            "name": "新源县"
+          },
+          {
+            "code": "654026",
+            "name": "昭苏县"
+          },
+          {
+            "code": "654027",
+            "name": "特克斯县"
+          },
+          {
+            "code": "654028",
+            "name": "尼勒克县"
+          }
+        ]
+      },
+      {
+        "code": "6542",
+        "name": "塔城地区",
+        "children": [
+          {
+            "code": "654201",
+            "name": "塔城市"
+          },
+          {
+            "code": "654202",
+            "name": "乌苏市"
+          },
+          {
+            "code": "654203",
+            "name": "沙湾市"
+          },
+          {
+            "code": "654221",
+            "name": "额敏县"
+          },
+          {
+            "code": "654224",
+            "name": "托里县"
+          },
+          {
+            "code": "654225",
+            "name": "裕民县"
+          },
+          {
+            "code": "654226",
+            "name": "和布克赛尔蒙古自治县"
+          }
+        ]
+      },
+      {
+        "code": "6543",
+        "name": "阿勒泰地区",
+        "children": [
+          {
+            "code": "654301",
+            "name": "阿勒泰市"
+          },
+          {
+            "code": "654321",
+            "name": "布尔津县"
+          },
+          {
+            "code": "654322",
+            "name": "富蕴县"
+          },
+          {
+            "code": "654323",
+            "name": "福海县"
+          },
+          {
+            "code": "654324",
+            "name": "哈巴河县"
+          },
+          {
+            "code": "654325",
+            "name": "青河县"
+          },
+          {
+            "code": "654326",
+            "name": "吉木乃县"
+          }
+        ]
+      },
+      {
+        "code": "6590",
+        "name": "自治区直辖县级行政区划",
+        "children": [
+          {
+            "code": "659001",
+            "name": "石河子市"
+          },
+          {
+            "code": "659002",
+            "name": "阿拉尔市"
+          },
+          {
+            "code": "659003",
+            "name": "图木舒克市"
+          },
+          {
+            "code": "659004",
+            "name": "五家渠市"
+          },
+          {
+            "code": "659005",
+            "name": "北屯市"
+          },
+          {
+            "code": "659006",
+            "name": "铁门关市"
+          },
+          {
+            "code": "659007",
+            "name": "双河市"
+          },
+          {
+            "code": "659008",
+            "name": "可克达拉市"
+          },
+          {
+            "code": "659009",
+            "name": "昆玉市"
+          },
+          {
+            "code": "659010",
+            "name": "胡杨河市"
+          },
+          {
+            "code": "659011",
+            "name": "新星市"
+          },
+          {
+            "code": "659012",
+            "name": "白杨市"
+          }
+        ]
+      }
+    ]
+  }
+]
\ No newline at end of file
diff --git a/frontend/packages/web/src/components/business/crm-city-select/json/pca.json b/frontend/packages/web/src/components/business/crm-city-select/json/pca.json
new file mode 100644
index 0000000..83731cb
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-city-select/json/pca.json
@@ -0,0 +1,3807 @@
+{
+  "北京市": {
+    "市辖区": [
+      "东城区",
+      "西城区",
+      "朝阳区",
+      "丰台区",
+      "石景山区",
+      "海淀区",
+      "门头沟区",
+      "房山区",
+      "通州区",
+      "顺义区",
+      "昌平区",
+      "大兴区",
+      "怀柔区",
+      "平谷区",
+      "密云区",
+      "延庆区"
+    ]
+  },
+  "天津市": {
+    "市辖区": [
+      "和平区",
+      "河东区",
+      "河西区",
+      "南开区",
+      "河北区",
+      "红桥区",
+      "东丽区",
+      "西青区",
+      "津南区",
+      "北辰区",
+      "武清区",
+      "宝坻区",
+      "滨海新区",
+      "宁河区",
+      "静海区",
+      "蓟州区"
+    ]
+  },
+  "河北省": {
+    "石家庄市": [
+      "长安区",
+      "桥西区",
+      "新华区",
+      "井陉矿区",
+      "裕华区",
+      "藁城区",
+      "鹿泉区",
+      "栾城区",
+      "井陉县",
+      "正定县",
+      "行唐县",
+      "灵寿县",
+      "高邑县",
+      "深泽县",
+      "赞皇县",
+      "无极县",
+      "平山县",
+      "元氏县",
+      "赵县",
+      "石家庄高新技术产业开发区",
+      "石家庄循环化工园区",
+      "辛集市",
+      "晋州市",
+      "新乐市"
+    ],
+    "唐山市": [
+      "路南区",
+      "路北区",
+      "古冶区",
+      "开平区",
+      "丰南区",
+      "丰润区",
+      "曹妃甸区",
+      "滦南县",
+      "乐亭县",
+      "迁西县",
+      "玉田县",
+      "河北唐山芦台经济开发区",
+      "唐山市汉沽管理区",
+      "唐山高新技术产业开发区",
+      "河北唐山海港经济开发区",
+      "遵化市",
+      "迁安市",
+      "滦州市"
+    ],
+    "秦皇岛市": [
+      "海港区",
+      "山海关区",
+      "北戴河区",
+      "抚宁区",
+      "青龙满族自治县",
+      "昌黎县",
+      "卢龙县",
+      "秦皇岛市经济技术开发区",
+      "北戴河新区"
+    ],
+    "邯郸市": [
+      "邯山区",
+      "丛台区",
+      "复兴区",
+      "峰峰矿区",
+      "肥乡区",
+      "永年区",
+      "临漳县",
+      "成安县",
+      "大名县",
+      "涉县",
+      "磁县",
+      "邱县",
+      "鸡泽县",
+      "广平县",
+      "馆陶县",
+      "魏县",
+      "曲周县",
+      "邯郸经济技术开发区",
+      "邯郸冀南新区",
+      "武安市"
+    ],
+    "邢台市": [
+      "襄都区",
+      "信都区",
+      "任泽区",
+      "南和区",
+      "临城县",
+      "内丘县",
+      "柏乡县",
+      "隆尧县",
+      "宁晋县",
+      "巨鹿县",
+      "新河县",
+      "广宗县",
+      "平乡县",
+      "威县",
+      "清河县",
+      "临西县",
+      "河北邢台经济开发区",
+      "南宫市",
+      "沙河市"
+    ],
+    "保定市": [
+      "竞秀区",
+      "莲池区",
+      "满城区",
+      "清苑区",
+      "徐水区",
+      "涞水县",
+      "阜平县",
+      "定兴县",
+      "唐县",
+      "高阳县",
+      "容城县",
+      "涞源县",
+      "望都县",
+      "安新县",
+      "易县",
+      "曲阳县",
+      "蠡县",
+      "顺平县",
+      "博野县",
+      "雄县",
+      "保定高新技术产业开发区",
+      "保定白沟新城",
+      "涿州市",
+      "定州市",
+      "安国市",
+      "高碑店市"
+    ],
+    "张家口市": [
+      "桥东区",
+      "桥西区",
+      "宣化区",
+      "下花园区",
+      "万全区",
+      "崇礼区",
+      "张北县",
+      "康保县",
+      "沽源县",
+      "尚义县",
+      "蔚县",
+      "阳原县",
+      "怀安县",
+      "怀来县",
+      "涿鹿县",
+      "赤城县",
+      "张家口经济开发区",
+      "张家口市察北管理区",
+      "张家口市塞北管理区"
+    ],
+    "承德市": [
+      "双桥区",
+      "双滦区",
+      "鹰手营子矿区",
+      "承德县",
+      "兴隆县",
+      "滦平县",
+      "隆化县",
+      "丰宁满族自治县",
+      "宽城满族自治县",
+      "围场满族蒙古族自治县",
+      "承德高新技术产业开发区",
+      "平泉市"
+    ],
+    "沧州市": [
+      "新华区",
+      "运河区",
+      "沧县",
+      "青县",
+      "东光县",
+      "海兴县",
+      "盐山县",
+      "肃宁县",
+      "南皮县",
+      "吴桥县",
+      "献县",
+      "孟村回族自治县",
+      "河北沧州经济开发区",
+      "沧州高新技术产业开发区",
+      "沧州渤海新区",
+      "泊头市",
+      "任丘市",
+      "黄骅市",
+      "河间市"
+    ],
+    "廊坊市": [
+      "安次区",
+      "广阳区",
+      "固安县",
+      "永清县",
+      "香河县",
+      "大城县",
+      "文安县",
+      "大厂回族自治县",
+      "廊坊经济技术开发区",
+      "霸州市",
+      "三河市"
+    ],
+    "衡水市": [
+      "桃城区",
+      "冀州区",
+      "枣强县",
+      "武邑县",
+      "武强县",
+      "饶阳县",
+      "安平县",
+      "故城县",
+      "景县",
+      "阜城县",
+      "河北衡水高新技术产业开发区",
+      "衡水滨湖新区",
+      "深州市"
+    ],
+    "雄安新区": [
+      "雄安新区"
+    ]
+  },
+  "山西省": {
+    "太原市": [
+      "小店区",
+      "迎泽区",
+      "杏花岭区",
+      "尖草坪区",
+      "万柏林区",
+      "晋源区",
+      "清徐县",
+      "阳曲县",
+      "娄烦县",
+      "山西转型综合改革示范区",
+      "古交市"
+    ],
+    "大同市": [
+      "新荣区",
+      "平城区",
+      "云冈区",
+      "云州区",
+      "阳高县",
+      "天镇县",
+      "广灵县",
+      "灵丘县",
+      "浑源县",
+      "左云县",
+      "山西大同经济开发区"
+    ],
+    "阳泉市": [
+      "城区",
+      "矿区",
+      "郊区",
+      "平定县",
+      "盂县"
+    ],
+    "长治市": [
+      "潞州区",
+      "上党区",
+      "屯留区",
+      "潞城区",
+      "襄垣县",
+      "平顺县",
+      "黎城县",
+      "壶关县",
+      "长子县",
+      "武乡县",
+      "沁县",
+      "沁源县"
+    ],
+    "晋城市": [
+      "城区",
+      "沁水县",
+      "阳城县",
+      "陵川县",
+      "泽州县",
+      "高平市"
+    ],
+    "朔州市": [
+      "朔城区",
+      "平鲁区",
+      "山阴县",
+      "应县",
+      "右玉县",
+      "山西朔州经济开发区",
+      "怀仁市"
+    ],
+    "晋中市": [
+      "榆次区",
+      "太谷区",
+      "榆社县",
+      "左权县",
+      "和顺县",
+      "昔阳县",
+      "寿阳县",
+      "祁县",
+      "平遥县",
+      "灵石县",
+      "介休市"
+    ],
+    "运城市": [
+      "盐湖区",
+      "临猗县",
+      "万荣县",
+      "闻喜县",
+      "稷山县",
+      "新绛县",
+      "绛县",
+      "垣曲县",
+      "夏县",
+      "平陆县",
+      "芮城县",
+      "永济市",
+      "河津市"
+    ],
+    "忻州市": [
+      "忻府区",
+      "定襄县",
+      "五台县",
+      "代县",
+      "繁峙县",
+      "宁武县",
+      "静乐县",
+      "神池县",
+      "五寨县",
+      "岢岚县",
+      "河曲县",
+      "保德县",
+      "偏关县",
+      "五台山风景名胜区",
+      "原平市"
+    ],
+    "临汾市": [
+      "尧都区",
+      "曲沃县",
+      "翼城县",
+      "襄汾县",
+      "洪洞县",
+      "古县",
+      "安泽县",
+      "浮山县",
+      "吉县",
+      "乡宁县",
+      "大宁县",
+      "隰县",
+      "永和县",
+      "蒲县",
+      "汾西县",
+      "侯马市",
+      "霍州市"
+    ],
+    "吕梁市": [
+      "离石区",
+      "文水县",
+      "交城县",
+      "兴县",
+      "临县",
+      "柳林县",
+      "石楼县",
+      "岚县",
+      "方山县",
+      "中阳县",
+      "交口县",
+      "孝义市",
+      "汾阳市"
+    ]
+  },
+  "内蒙古自治区": {
+    "呼和浩特市": [
+      "新城区",
+      "回民区",
+      "玉泉区",
+      "赛罕区",
+      "土默特左旗",
+      "托克托县",
+      "和林格尔县",
+      "清水河县",
+      "武川县",
+      "呼和浩特经济技术开发区"
+    ],
+    "包头市": [
+      "东河区",
+      "昆都仑区",
+      "青山区",
+      "石拐区",
+      "白云鄂博矿区",
+      "九原区",
+      "土默特右旗",
+      "固阳县",
+      "达尔罕茂明安联合旗",
+      "包头稀土高新技术产业开发区"
+    ],
+    "乌海市": [
+      "海勃湾区",
+      "海南区",
+      "乌达区"
+    ],
+    "赤峰市": [
+      "红山区",
+      "元宝山区",
+      "松山区",
+      "阿鲁科尔沁旗",
+      "巴林左旗",
+      "巴林右旗",
+      "林西县",
+      "克什克腾旗",
+      "翁牛特旗",
+      "喀喇沁旗",
+      "宁城县",
+      "敖汉旗"
+    ],
+    "通辽市": [
+      "科尔沁区",
+      "科尔沁左翼中旗",
+      "科尔沁左翼后旗",
+      "开鲁县",
+      "库伦旗",
+      "奈曼旗",
+      "扎鲁特旗",
+      "通辽经济技术开发区",
+      "霍林郭勒市"
+    ],
+    "鄂尔多斯市": [
+      "东胜区",
+      "康巴什区",
+      "达拉特旗",
+      "准格尔旗",
+      "鄂托克前旗",
+      "鄂托克旗",
+      "杭锦旗",
+      "乌审旗",
+      "伊金霍洛旗"
+    ],
+    "呼伦贝尔市": [
+      "海拉尔区",
+      "扎赉诺尔区",
+      "阿荣旗",
+      "莫力达瓦达斡尔族自治旗",
+      "鄂伦春自治旗",
+      "鄂温克族自治旗",
+      "陈巴尔虎旗",
+      "新巴尔虎左旗",
+      "新巴尔虎右旗",
+      "满洲里市",
+      "牙克石市",
+      "扎兰屯市",
+      "额尔古纳市",
+      "根河市"
+    ],
+    "巴彦淖尔市": [
+      "临河区",
+      "五原县",
+      "磴口县",
+      "乌拉特前旗",
+      "乌拉特中旗",
+      "乌拉特后旗",
+      "杭锦后旗"
+    ],
+    "乌兰察布市": [
+      "集宁区",
+      "卓资县",
+      "化德县",
+      "商都县",
+      "兴和县",
+      "凉城县",
+      "察哈尔右翼前旗",
+      "察哈尔右翼中旗",
+      "察哈尔右翼后旗",
+      "四子王旗",
+      "丰镇市"
+    ],
+    "兴安盟": [
+      "乌兰浩特市",
+      "阿尔山市",
+      "科尔沁右翼前旗",
+      "科尔沁右翼中旗",
+      "扎赉特旗",
+      "突泉县"
+    ],
+    "锡林郭勒盟": [
+      "二连浩特市",
+      "锡林浩特市",
+      "阿巴嘎旗",
+      "苏尼特左旗",
+      "苏尼特右旗",
+      "东乌珠穆沁旗",
+      "西乌珠穆沁旗",
+      "太仆寺旗",
+      "镶黄旗",
+      "正镶白旗",
+      "正蓝旗",
+      "多伦县",
+      "乌拉盖管理区管委会"
+    ],
+    "阿拉善盟": [
+      "阿拉善左旗",
+      "阿拉善右旗",
+      "额济纳旗",
+      "内蒙古阿拉善高新技术产业开发区"
+    ]
+  },
+  "辽宁省": {
+    "沈阳市": [
+      "和平区",
+      "沈河区",
+      "大东区",
+      "皇姑区",
+      "铁西区",
+      "苏家屯区",
+      "浑南区",
+      "沈北新区",
+      "于洪区",
+      "辽中区",
+      "康平县",
+      "法库县",
+      "新民市"
+    ],
+    "大连市": [
+      "中山区",
+      "西岗区",
+      "沙河口区",
+      "甘井子区",
+      "旅顺口区",
+      "金州区",
+      "普兰店区",
+      "长海县",
+      "瓦房店市",
+      "庄河市"
+    ],
+    "鞍山市": [
+      "铁东区",
+      "铁西区",
+      "立山区",
+      "千山区",
+      "台安县",
+      "岫岩满族自治县",
+      "海城市"
+    ],
+    "抚顺市": [
+      "新抚区",
+      "东洲区",
+      "望花区",
+      "顺城区",
+      "抚顺县",
+      "新宾满族自治县",
+      "清原满族自治县"
+    ],
+    "本溪市": [
+      "平山区",
+      "溪湖区",
+      "明山区",
+      "南芬区",
+      "本溪满族自治县",
+      "桓仁满族自治县"
+    ],
+    "丹东市": [
+      "元宝区",
+      "振兴区",
+      "振安区",
+      "宽甸满族自治县",
+      "东港市",
+      "凤城市"
+    ],
+    "锦州市": [
+      "古塔区",
+      "凌河区",
+      "太和区",
+      "黑山县",
+      "义县",
+      "凌海市",
+      "北镇市"
+    ],
+    "营口市": [
+      "站前区",
+      "西市区",
+      "鲅鱼圈区",
+      "老边区",
+      "盖州市",
+      "大石桥市"
+    ],
+    "阜新市": [
+      "海州区",
+      "新邱区",
+      "太平区",
+      "清河门区",
+      "细河区",
+      "阜新蒙古族自治县",
+      "彰武县"
+    ],
+    "辽阳市": [
+      "白塔区",
+      "文圣区",
+      "宏伟区",
+      "弓长岭区",
+      "太子河区",
+      "辽阳县",
+      "灯塔市"
+    ],
+    "盘锦市": [
+      "双台子区",
+      "兴隆台区",
+      "大洼区",
+      "盘山县"
+    ],
+    "铁岭市": [
+      "银州区",
+      "清河区",
+      "铁岭县",
+      "西丰县",
+      "昌图县",
+      "调兵山市",
+      "开原市"
+    ],
+    "朝阳市": [
+      "双塔区",
+      "龙城区",
+      "朝阳县",
+      "建平县",
+      "喀喇沁左翼蒙古族自治县",
+      "北票市",
+      "凌源市"
+    ],
+    "葫芦岛市": [
+      "连山区",
+      "龙港区",
+      "南票区",
+      "绥中县",
+      "建昌县",
+      "兴城市"
+    ]
+  },
+  "吉林省": {
+    "长春市": [
+      "南关区",
+      "宽城区",
+      "朝阳区",
+      "二道区",
+      "绿园区",
+      "双阳区",
+      "九台区",
+      "农安县",
+      "长春经济技术开发区",
+      "长春净月高新技术产业开发区",
+      "长春高新技术产业开发区",
+      "长春汽车经济技术开发区",
+      "榆树市",
+      "德惠市",
+      "公主岭市"
+    ],
+    "吉林市": [
+      "昌邑区",
+      "龙潭区",
+      "船营区",
+      "丰满区",
+      "永吉县",
+      "吉林经济开发区",
+      "吉林高新技术产业开发区",
+      "吉林中国新加坡食品区",
+      "蛟河市",
+      "桦甸市",
+      "舒兰市",
+      "磐石市"
+    ],
+    "四平市": [
+      "铁西区",
+      "铁东区",
+      "梨树县",
+      "伊通满族自治县",
+      "双辽市"
+    ],
+    "辽源市": [
+      "龙山区",
+      "西安区",
+      "东丰县",
+      "东辽县"
+    ],
+    "通化市": [
+      "东昌区",
+      "二道江区",
+      "通化县",
+      "辉南县",
+      "柳河县",
+      "梅河口市",
+      "集安市"
+    ],
+    "白山市": [
+      "浑江区",
+      "江源区",
+      "抚松县",
+      "靖宇县",
+      "长白朝鲜族自治县",
+      "临江市"
+    ],
+    "松原市": [
+      "宁江区",
+      "前郭尔罗斯蒙古族自治县",
+      "长岭县",
+      "乾安县",
+      "吉林松原经济开发区",
+      "扶余市"
+    ],
+    "白城市": [
+      "洮北区",
+      "镇赉县",
+      "通榆县",
+      "吉林白城经济开发区",
+      "洮南市",
+      "大安市"
+    ],
+    "延边朝鲜族自治州": [
+      "延吉市",
+      "图们市",
+      "敦化市",
+      "珲春市",
+      "龙井市",
+      "和龙市",
+      "汪清县",
+      "安图县"
+    ]
+  },
+  "黑龙江省": {
+    "哈尔滨市": [
+      "道里区",
+      "南岗区",
+      "道外区",
+      "平房区",
+      "松北区",
+      "香坊区",
+      "呼兰区",
+      "阿城区",
+      "双城区",
+      "依兰县",
+      "方正县",
+      "宾县",
+      "巴彦县",
+      "木兰县",
+      "通河县",
+      "延寿县",
+      "尚志市",
+      "五常市"
+    ],
+    "齐齐哈尔市": [
+      "龙沙区",
+      "建华区",
+      "铁锋区",
+      "昂昂溪区",
+      "富拉尔基区",
+      "碾子山区",
+      "梅里斯达斡尔族区",
+      "龙江县",
+      "依安县",
+      "泰来县",
+      "甘南县",
+      "富裕县",
+      "克山县",
+      "克东县",
+      "拜泉县",
+      "讷河市"
+    ],
+    "鸡西市": [
+      "鸡冠区",
+      "恒山区",
+      "滴道区",
+      "梨树区",
+      "城子河区",
+      "麻山区",
+      "鸡东县",
+      "虎林市",
+      "密山市"
+    ],
+    "鹤岗市": [
+      "向阳区",
+      "工农区",
+      "南山区",
+      "兴安区",
+      "东山区",
+      "兴山区",
+      "萝北县",
+      "绥滨县"
+    ],
+    "双鸭山市": [
+      "尖山区",
+      "岭东区",
+      "四方台区",
+      "宝山区",
+      "集贤县",
+      "友谊县",
+      "宝清县",
+      "饶河县"
+    ],
+    "大庆市": [
+      "萨尔图区",
+      "龙凤区",
+      "让胡路区",
+      "红岗区",
+      "大同区",
+      "肇州县",
+      "肇源县",
+      "林甸县",
+      "杜尔伯特蒙古族自治县",
+      "大庆高新技术产业开发区"
+    ],
+    "伊春市": [
+      "伊美区",
+      "乌翠区",
+      "友好区",
+      "嘉荫县",
+      "汤旺县",
+      "丰林县",
+      "大箐山县",
+      "南岔县",
+      "金林区",
+      "铁力市"
+    ],
+    "佳木斯市": [
+      "向阳区",
+      "前进区",
+      "东风区",
+      "郊区",
+      "桦南县",
+      "桦川县",
+      "汤原县",
+      "同江市",
+      "富锦市",
+      "抚远市"
+    ],
+    "七台河市": [
+      "新兴区",
+      "桃山区",
+      "茄子河区",
+      "勃利县"
+    ],
+    "牡丹江市": [
+      "东安区",
+      "阳明区",
+      "爱民区",
+      "西安区",
+      "林口县",
+      "绥芬河市",
+      "海林市",
+      "宁安市",
+      "穆棱市",
+      "东宁市"
+    ],
+    "黑河市": [
+      "爱辉区",
+      "逊克县",
+      "孙吴县",
+      "北安市",
+      "五大连池市",
+      "嫩江市"
+    ],
+    "绥化市": [
+      "北林区",
+      "望奎县",
+      "兰西县",
+      "青冈县",
+      "庆安县",
+      "明水县",
+      "绥棱县",
+      "安达市",
+      "肇东市",
+      "海伦市"
+    ],
+    "大兴安岭地区": [
+      "漠河市",
+      "呼玛县",
+      "塔河县",
+      "加格达奇区",
+      "松岭区",
+      "新林区",
+      "呼中区"
+    ]
+  },
+  "上海市": {
+    "市辖区": [
+      "黄浦区",
+      "徐汇区",
+      "长宁区",
+      "静安区",
+      "普陀区",
+      "虹口区",
+      "杨浦区",
+      "闵行区",
+      "宝山区",
+      "嘉定区",
+      "浦东新区",
+      "金山区",
+      "松江区",
+      "青浦区",
+      "奉贤区",
+      "崇明区"
+    ]
+  },
+  "江苏省": {
+    "南京市": [
+      "玄武区",
+      "秦淮区",
+      "建邺区",
+      "鼓楼区",
+      "浦口区",
+      "栖霞区",
+      "雨花台区",
+      "江宁区",
+      "六合区",
+      "溧水区",
+      "高淳区"
+    ],
+    "无锡市": [
+      "锡山区",
+      "惠山区",
+      "滨湖区",
+      "梁溪区",
+      "新吴区",
+      "江阴市",
+      "宜兴市"
+    ],
+    "徐州市": [
+      "鼓楼区",
+      "云龙区",
+      "贾汪区",
+      "泉山区",
+      "铜山区",
+      "丰县",
+      "沛县",
+      "睢宁县",
+      "徐州经济技术开发区",
+      "新沂市",
+      "邳州市"
+    ],
+    "常州市": [
+      "天宁区",
+      "钟楼区",
+      "新北区",
+      "武进区",
+      "金坛区",
+      "溧阳市"
+    ],
+    "苏州市": [
+      "虎丘区",
+      "吴中区",
+      "相城区",
+      "姑苏区",
+      "吴江区",
+      "苏州工业园区",
+      "常熟市",
+      "张家港市",
+      "昆山市",
+      "太仓市"
+    ],
+    "南通市": [
+      "通州区",
+      "崇川区",
+      "海门区",
+      "如东县",
+      "南通经济技术开发区",
+      "启东市",
+      "如皋市",
+      "海安市"
+    ],
+    "连云港市": [
+      "连云区",
+      "海州区",
+      "赣榆区",
+      "东海县",
+      "灌云县",
+      "灌南县",
+      "连云港经济技术开发区"
+    ],
+    "淮安市": [
+      "淮安区",
+      "淮阴区",
+      "清江浦区",
+      "洪泽区",
+      "涟水县",
+      "盱眙县",
+      "金湖县",
+      "淮安经济技术开发区"
+    ],
+    "盐城市": [
+      "亭湖区",
+      "盐都区",
+      "大丰区",
+      "响水县",
+      "滨海县",
+      "阜宁县",
+      "射阳县",
+      "建湖县",
+      "盐城经济技术开发区",
+      "东台市"
+    ],
+    "扬州市": [
+      "广陵区",
+      "邗江区",
+      "江都区",
+      "宝应县",
+      "扬州经济技术开发区",
+      "仪征市",
+      "高邮市"
+    ],
+    "镇江市": [
+      "京口区",
+      "润州区",
+      "丹徒区",
+      "镇江新区",
+      "丹阳市",
+      "扬中市",
+      "句容市"
+    ],
+    "泰州市": [
+      "海陵区",
+      "高港区",
+      "姜堰区",
+      "兴化市",
+      "靖江市",
+      "泰兴市"
+    ],
+    "宿迁市": [
+      "宿城区",
+      "宿豫区",
+      "沭阳县",
+      "泗阳县",
+      "泗洪县",
+      "宿迁经济技术开发区"
+    ]
+  },
+  "浙江省": {
+    "杭州市": [
+      "上城区",
+      "拱墅区",
+      "西湖区",
+      "滨江区",
+      "萧山区",
+      "余杭区",
+      "富阳区",
+      "临安区",
+      "临平区",
+      "钱塘区",
+      "桐庐县",
+      "淳安县",
+      "建德市"
+    ],
+    "宁波市": [
+      "海曙区",
+      "江北区",
+      "北仑区",
+      "镇海区",
+      "鄞州区",
+      "奉化区",
+      "象山县",
+      "宁海县",
+      "余姚市",
+      "慈溪市"
+    ],
+    "温州市": [
+      "鹿城区",
+      "龙湾区",
+      "瓯海区",
+      "洞头区",
+      "永嘉县",
+      "平阳县",
+      "苍南县",
+      "文成县",
+      "泰顺县",
+      "瑞安市",
+      "乐清市",
+      "龙港市"
+    ],
+    "嘉兴市": [
+      "南湖区",
+      "秀洲区",
+      "嘉善县",
+      "海盐县",
+      "海宁市",
+      "平湖市",
+      "桐乡市"
+    ],
+    "湖州市": [
+      "吴兴区",
+      "南浔区",
+      "德清县",
+      "长兴县",
+      "安吉县"
+    ],
+    "绍兴市": [
+      "越城区",
+      "柯桥区",
+      "上虞区",
+      "新昌县",
+      "诸暨市",
+      "嵊州市"
+    ],
+    "金华市": [
+      "婺城区",
+      "金东区",
+      "武义县",
+      "浦江县",
+      "磐安县",
+      "兰溪市",
+      "义乌市",
+      "东阳市",
+      "永康市"
+    ],
+    "衢州市": [
+      "柯城区",
+      "衢江区",
+      "常山县",
+      "开化县",
+      "龙游县",
+      "江山市"
+    ],
+    "舟山市": [
+      "定海区",
+      "普陀区",
+      "岱山县",
+      "嵊泗县"
+    ],
+    "台州市": [
+      "椒江区",
+      "黄岩区",
+      "路桥区",
+      "三门县",
+      "天台县",
+      "仙居县",
+      "温岭市",
+      "临海市",
+      "玉环市"
+    ],
+    "丽水市": [
+      "莲都区",
+      "青田县",
+      "缙云县",
+      "遂昌县",
+      "松阳县",
+      "云和县",
+      "庆元县",
+      "景宁畲族自治县",
+      "龙泉市"
+    ]
+  },
+  "安徽省": {
+    "合肥市": [
+      "瑶海区",
+      "庐阳区",
+      "蜀山区",
+      "包河区",
+      "长丰县",
+      "肥东县",
+      "肥西县",
+      "庐江县",
+      "合肥高新技术产业开发区",
+      "合肥经济技术开发区",
+      "合肥新站高新技术产业开发区",
+      "巢湖市"
+    ],
+    "芜湖市": [
+      "镜湖区",
+      "鸠江区",
+      "弋江区",
+      "湾沚区",
+      "繁昌区",
+      "南陵县",
+      "芜湖经济技术开发区",
+      "安徽芜湖三山经济开发区",
+      "无为市"
+    ],
+    "蚌埠市": [
+      "龙子湖区",
+      "蚌山区",
+      "禹会区",
+      "淮上区",
+      "怀远县",
+      "五河县",
+      "固镇县",
+      "蚌埠市高新技术开发区",
+      "蚌埠市经济开发区"
+    ],
+    "淮南市": [
+      "大通区",
+      "田家庵区",
+      "谢家集区",
+      "八公山区",
+      "潘集区",
+      "凤台县",
+      "寿县"
+    ],
+    "马鞍山市": [
+      "花山区",
+      "雨山区",
+      "博望区",
+      "当涂县",
+      "含山县",
+      "和县"
+    ],
+    "淮北市": [
+      "杜集区",
+      "相山区",
+      "烈山区",
+      "濉溪县"
+    ],
+    "铜陵市": [
+      "铜官区",
+      "义安区",
+      "郊区",
+      "枞阳县"
+    ],
+    "安庆市": [
+      "迎江区",
+      "大观区",
+      "宜秀区",
+      "怀宁县",
+      "太湖县",
+      "宿松县",
+      "望江县",
+      "岳西县",
+      "安徽安庆经济开发区",
+      "桐城市",
+      "潜山市"
+    ],
+    "黄山市": [
+      "屯溪区",
+      "黄山区",
+      "徽州区",
+      "歙县",
+      "休宁县",
+      "黟县",
+      "祁门县"
+    ],
+    "滁州市": [
+      "琅琊区",
+      "南谯区",
+      "来安县",
+      "全椒县",
+      "定远县",
+      "凤阳县",
+      "中新苏滁高新技术产业开发区",
+      "滁州经济技术开发区",
+      "天长市",
+      "明光市"
+    ],
+    "阜阳市": [
+      "颍州区",
+      "颍东区",
+      "颍泉区",
+      "临泉县",
+      "太和县",
+      "阜南县",
+      "颍上县",
+      "阜阳合肥现代产业园区",
+      "阜阳经济技术开发区",
+      "界首市"
+    ],
+    "宿州市": [
+      "埇桥区",
+      "砀山县",
+      "萧县",
+      "灵璧县",
+      "泗县",
+      "宿州马鞍山现代产业园区",
+      "宿州经济技术开发区"
+    ],
+    "六安市": [
+      "金安区",
+      "裕安区",
+      "叶集区",
+      "霍邱县",
+      "舒城县",
+      "金寨县",
+      "霍山县"
+    ],
+    "亳州市": [
+      "谯城区",
+      "涡阳县",
+      "蒙城县",
+      "利辛县"
+    ],
+    "池州市": [
+      "贵池区",
+      "东至县",
+      "石台县",
+      "青阳县"
+    ],
+    "宣城市": [
+      "宣州区",
+      "郎溪县",
+      "泾县",
+      "绩溪县",
+      "旌德县",
+      "宣城市经济开发区",
+      "宁国市",
+      "广德市"
+    ]
+  },
+  "福建省": {
+    "福州市": [
+      "鼓楼区",
+      "台江区",
+      "仓山区",
+      "马尾区",
+      "晋安区",
+      "长乐区",
+      "闽侯县",
+      "连江县",
+      "罗源县",
+      "闽清县",
+      "永泰县",
+      "平潭县",
+      "福清市"
+    ],
+    "厦门市": [
+      "思明区",
+      "海沧区",
+      "湖里区",
+      "集美区",
+      "同安区",
+      "翔安区"
+    ],
+    "莆田市": [
+      "城厢区",
+      "涵江区",
+      "荔城区",
+      "秀屿区",
+      "仙游县"
+    ],
+    "三明市": [
+      "三元区",
+      "沙县区",
+      "明溪县",
+      "清流县",
+      "宁化县",
+      "大田县",
+      "尤溪县",
+      "将乐县",
+      "泰宁县",
+      "建宁县",
+      "永安市"
+    ],
+    "泉州市": [
+      "鲤城区",
+      "丰泽区",
+      "洛江区",
+      "泉港区",
+      "惠安县",
+      "安溪县",
+      "永春县",
+      "德化县",
+      "金门县",
+      "石狮市",
+      "晋江市",
+      "南安市"
+    ],
+    "漳州市": [
+      "芗城区",
+      "龙文区",
+      "龙海区",
+      "长泰区",
+      "云霄县",
+      "漳浦县",
+      "诏安县",
+      "东山县",
+      "南靖县",
+      "平和县",
+      "华安县"
+    ],
+    "南平市": [
+      "延平区",
+      "建阳区",
+      "顺昌县",
+      "浦城县",
+      "光泽县",
+      "松溪县",
+      "政和县",
+      "邵武市",
+      "武夷山市",
+      "建瓯市"
+    ],
+    "龙岩市": [
+      "新罗区",
+      "永定区",
+      "长汀县",
+      "上杭县",
+      "武平县",
+      "连城县",
+      "漳平市"
+    ],
+    "宁德市": [
+      "蕉城区",
+      "霞浦县",
+      "古田县",
+      "屏南县",
+      "寿宁县",
+      "周宁县",
+      "柘荣县",
+      "福安市",
+      "福鼎市"
+    ]
+  },
+  "江西省": {
+    "南昌市": [
+      "东湖区",
+      "西湖区",
+      "青云谱区",
+      "青山湖区",
+      "新建区",
+      "红谷滩区",
+      "南昌县",
+      "安义县",
+      "进贤县"
+    ],
+    "景德镇市": [
+      "昌江区",
+      "珠山区",
+      "浮梁县",
+      "乐平市"
+    ],
+    "萍乡市": [
+      "安源区",
+      "湘东区",
+      "莲花县",
+      "上栗县",
+      "芦溪县"
+    ],
+    "九江市": [
+      "濂溪区",
+      "浔阳区",
+      "柴桑区",
+      "武宁县",
+      "修水县",
+      "永修县",
+      "德安县",
+      "都昌县",
+      "湖口县",
+      "彭泽县",
+      "瑞昌市",
+      "共青城市",
+      "庐山市"
+    ],
+    "新余市": [
+      "渝水区",
+      "分宜县"
+    ],
+    "鹰潭市": [
+      "月湖区",
+      "余江区",
+      "贵溪市"
+    ],
+    "赣州市": [
+      "章贡区",
+      "南康区",
+      "赣县区",
+      "信丰县",
+      "大余县",
+      "上犹县",
+      "崇义县",
+      "安远县",
+      "定南县",
+      "全南县",
+      "宁都县",
+      "于都县",
+      "兴国县",
+      "会昌县",
+      "寻乌县",
+      "石城县",
+      "瑞金市",
+      "龙南市"
+    ],
+    "吉安市": [
+      "吉州区",
+      "青原区",
+      "吉安县",
+      "吉水县",
+      "峡江县",
+      "新干县",
+      "永丰县",
+      "泰和县",
+      "遂川县",
+      "万安县",
+      "安福县",
+      "永新县",
+      "井冈山市"
+    ],
+    "宜春市": [
+      "袁州区",
+      "奉新县",
+      "万载县",
+      "上高县",
+      "宜丰县",
+      "靖安县",
+      "铜鼓县",
+      "丰城市",
+      "樟树市",
+      "高安市"
+    ],
+    "抚州市": [
+      "临川区",
+      "东乡区",
+      "南城县",
+      "黎川县",
+      "南丰县",
+      "崇仁县",
+      "乐安县",
+      "宜黄县",
+      "金溪县",
+      "资溪县",
+      "广昌县"
+    ],
+    "上饶市": [
+      "信州区",
+      "广丰区",
+      "广信区",
+      "玉山县",
+      "铅山县",
+      "横峰县",
+      "弋阳县",
+      "余干县",
+      "鄱阳县",
+      "万年县",
+      "婺源县",
+      "德兴市"
+    ]
+  },
+  "山东省": {
+    "济南市": [
+      "历下区",
+      "市中区",
+      "槐荫区",
+      "天桥区",
+      "历城区",
+      "长清区",
+      "章丘区",
+      "济阳区",
+      "莱芜区",
+      "钢城区",
+      "平阴县",
+      "商河县",
+      "济南高新技术产业开发区"
+    ],
+    "青岛市": [
+      "市南区",
+      "市北区",
+      "黄岛区",
+      "崂山区",
+      "李沧区",
+      "城阳区",
+      "即墨区",
+      "胶州市",
+      "平度市",
+      "莱西市"
+    ],
+    "淄博市": [
+      "淄川区",
+      "张店区",
+      "博山区",
+      "临淄区",
+      "周村区",
+      "桓台县",
+      "高青县",
+      "沂源县"
+    ],
+    "枣庄市": [
+      "市中区",
+      "薛城区",
+      "峄城区",
+      "台儿庄区",
+      "山亭区",
+      "滕州市"
+    ],
+    "东营市": [
+      "东营区",
+      "河口区",
+      "垦利区",
+      "利津县",
+      "广饶县",
+      "东营经济技术开发区",
+      "东营港经济开发区"
+    ],
+    "烟台市": [
+      "芝罘区",
+      "福山区",
+      "牟平区",
+      "莱山区",
+      "蓬莱区",
+      "烟台高新技术产业开发区",
+      "烟台经济技术开发区",
+      "龙口市",
+      "莱阳市",
+      "莱州市",
+      "招远市",
+      "栖霞市",
+      "海阳市"
+    ],
+    "潍坊市": [
+      "潍城区",
+      "寒亭区",
+      "坊子区",
+      "奎文区",
+      "临朐县",
+      "昌乐县",
+      "潍坊滨海经济技术开发区",
+      "青州市",
+      "诸城市",
+      "寿光市",
+      "安丘市",
+      "高密市",
+      "昌邑市"
+    ],
+    "济宁市": [
+      "任城区",
+      "兖州区",
+      "微山县",
+      "鱼台县",
+      "金乡县",
+      "嘉祥县",
+      "汶上县",
+      "泗水县",
+      "梁山县",
+      "济宁高新技术产业开发区",
+      "曲阜市",
+      "邹城市"
+    ],
+    "泰安市": [
+      "泰山区",
+      "岱岳区",
+      "宁阳县",
+      "东平县",
+      "新泰市",
+      "肥城市"
+    ],
+    "威海市": [
+      "环翠区",
+      "文登区",
+      "威海火炬高技术产业开发区",
+      "威海经济技术开发区",
+      "威海临港经济技术开发区",
+      "荣成市",
+      "乳山市"
+    ],
+    "日照市": [
+      "东港区",
+      "岚山区",
+      "五莲县",
+      "莒县",
+      "日照经济技术开发区"
+    ],
+    "临沂市": [
+      "兰山区",
+      "罗庄区",
+      "河东区",
+      "沂南县",
+      "郯城县",
+      "沂水县",
+      "兰陵县",
+      "费县",
+      "平邑县",
+      "莒南县",
+      "蒙阴县",
+      "临沭县",
+      "临沂高新技术产业开发区"
+    ],
+    "德州市": [
+      "德城区",
+      "陵城区",
+      "宁津县",
+      "庆云县",
+      "临邑县",
+      "齐河县",
+      "平原县",
+      "夏津县",
+      "武城县",
+      "德州天衢新区",
+      "乐陵市",
+      "禹城市"
+    ],
+    "聊城市": [
+      "东昌府区",
+      "茌平区",
+      "阳谷县",
+      "莘县",
+      "东阿县",
+      "冠县",
+      "高唐县",
+      "临清市"
+    ],
+    "滨州市": [
+      "滨城区",
+      "沾化区",
+      "惠民县",
+      "阳信县",
+      "无棣县",
+      "博兴县",
+      "邹平市"
+    ],
+    "菏泽市": [
+      "牡丹区",
+      "定陶区",
+      "曹县",
+      "单县",
+      "成武县",
+      "巨野县",
+      "郓城县",
+      "鄄城县",
+      "东明县",
+      "菏泽经济技术开发区",
+      "菏泽高新技术开发区"
+    ]
+  },
+  "河南省": {
+    "郑州市": [
+      "中原区",
+      "二七区",
+      "管城回族区",
+      "金水区",
+      "上街区",
+      "惠济区",
+      "中牟县",
+      "郑州经济技术开发区",
+      "郑州高新技术产业开发区",
+      "郑州航空港经济综合实验区",
+      "巩义市",
+      "荥阳市",
+      "新密市",
+      "新郑市",
+      "登封市"
+    ],
+    "开封市": [
+      "龙亭区",
+      "顺河回族区",
+      "鼓楼区",
+      "禹王台区",
+      "祥符区",
+      "杞县",
+      "通许县",
+      "尉氏县",
+      "兰考县"
+    ],
+    "洛阳市": [
+      "老城区",
+      "西工区",
+      "瀍河回族区",
+      "涧西区",
+      "偃师区",
+      "孟津区",
+      "洛龙区",
+      "新安县",
+      "栾川县",
+      "嵩县",
+      "汝阳县",
+      "宜阳县",
+      "洛宁县",
+      "伊川县",
+      "洛阳高新技术产业开发区"
+    ],
+    "平顶山市": [
+      "新华区",
+      "卫东区",
+      "石龙区",
+      "湛河区",
+      "宝丰县",
+      "叶县",
+      "鲁山县",
+      "郏县",
+      "平顶山高新技术产业开发区",
+      "平顶山市城乡一体化示范区",
+      "舞钢市",
+      "汝州市"
+    ],
+    "安阳市": [
+      "文峰区",
+      "北关区",
+      "殷都区",
+      "龙安区",
+      "安阳县",
+      "汤阴县",
+      "滑县",
+      "内黄县",
+      "安阳高新技术产业开发区",
+      "林州市"
+    ],
+    "鹤壁市": [
+      "鹤山区",
+      "山城区",
+      "淇滨区",
+      "浚县",
+      "淇县",
+      "鹤壁经济技术开发区"
+    ],
+    "新乡市": [
+      "红旗区",
+      "卫滨区",
+      "凤泉区",
+      "牧野区",
+      "新乡县",
+      "获嘉县",
+      "原阳县",
+      "延津县",
+      "封丘县",
+      "新乡高新技术产业开发区",
+      "新乡经济技术开发区",
+      "新乡市平原城乡一体化示范区",
+      "卫辉市",
+      "辉县市",
+      "长垣市"
+    ],
+    "焦作市": [
+      "解放区",
+      "中站区",
+      "马村区",
+      "山阳区",
+      "修武县",
+      "博爱县",
+      "武陟县",
+      "温县",
+      "焦作城乡一体化示范区",
+      "沁阳市",
+      "孟州市"
+    ],
+    "濮阳市": [
+      "华龙区",
+      "清丰县",
+      "南乐县",
+      "范县",
+      "台前县",
+      "濮阳县",
+      "河南濮阳工业园区",
+      "濮阳经济技术开发区"
+    ],
+    "许昌市": [
+      "魏都区",
+      "建安区",
+      "鄢陵县",
+      "襄城县",
+      "许昌经济技术开发区",
+      "禹州市",
+      "长葛市"
+    ],
+    "漯河市": [
+      "源汇区",
+      "郾城区",
+      "召陵区",
+      "舞阳县",
+      "临颍县",
+      "漯河经济技术开发区"
+    ],
+    "三门峡市": [
+      "湖滨区",
+      "陕州区",
+      "渑池县",
+      "卢氏县",
+      "河南三门峡经济开发区",
+      "义马市",
+      "灵宝市"
+    ],
+    "南阳市": [
+      "宛城区",
+      "卧龙区",
+      "南召县",
+      "方城县",
+      "西峡县",
+      "镇平县",
+      "内乡县",
+      "淅川县",
+      "社旗县",
+      "唐河县",
+      "新野县",
+      "桐柏县",
+      "南阳高新技术产业开发区",
+      "南阳市城乡一体化示范区",
+      "邓州市"
+    ],
+    "商丘市": [
+      "梁园区",
+      "睢阳区",
+      "民权县",
+      "睢县",
+      "宁陵县",
+      "柘城县",
+      "虞城县",
+      "夏邑县",
+      "豫东综合物流产业聚集区",
+      "河南商丘经济开发区",
+      "永城市"
+    ],
+    "信阳市": [
+      "浉河区",
+      "平桥区",
+      "罗山县",
+      "光山县",
+      "新县",
+      "商城县",
+      "固始县",
+      "潢川县",
+      "淮滨县",
+      "息县",
+      "信阳高新技术产业开发区"
+    ],
+    "周口市": [
+      "川汇区",
+      "淮阳区",
+      "扶沟县",
+      "西华县",
+      "商水县",
+      "沈丘县",
+      "郸城县",
+      "太康县",
+      "鹿邑县",
+      "周口临港开发区",
+      "项城市"
+    ],
+    "驻马店市": [
+      "驿城区",
+      "西平县",
+      "上蔡县",
+      "平舆县",
+      "正阳县",
+      "确山县",
+      "泌阳县",
+      "汝南县",
+      "遂平县",
+      "新蔡县",
+      "河南驻马店经济开发区"
+    ],
+    "省直辖县级行政区划": [
+      "济源市"
+    ]
+  },
+  "湖北省": {
+    "武汉市": [
+      "江岸区",
+      "江汉区",
+      "硚口区",
+      "汉阳区",
+      "武昌区",
+      "青山区",
+      "洪山区",
+      "东西湖区",
+      "汉南区",
+      "蔡甸区",
+      "江夏区",
+      "黄陂区",
+      "新洲区"
+    ],
+    "黄石市": [
+      "黄石港区",
+      "西塞山区",
+      "下陆区",
+      "铁山区",
+      "阳新县",
+      "大冶市"
+    ],
+    "十堰市": [
+      "茅箭区",
+      "张湾区",
+      "郧阳区",
+      "郧西县",
+      "竹山县",
+      "竹溪县",
+      "房县",
+      "丹江口市"
+    ],
+    "宜昌市": [
+      "西陵区",
+      "伍家岗区",
+      "点军区",
+      "猇亭区",
+      "夷陵区",
+      "远安县",
+      "兴山县",
+      "秭归县",
+      "长阳土家族自治县",
+      "五峰土家族自治县",
+      "宜都市",
+      "当阳市",
+      "枝江市"
+    ],
+    "襄阳市": [
+      "襄城区",
+      "樊城区",
+      "襄州区",
+      "南漳县",
+      "谷城县",
+      "保康县",
+      "老河口市",
+      "枣阳市",
+      "宜城市"
+    ],
+    "鄂州市": [
+      "梁子湖区",
+      "华容区",
+      "鄂城区"
+    ],
+    "荆门市": [
+      "东宝区",
+      "掇刀区",
+      "沙洋县",
+      "钟祥市",
+      "京山市"
+    ],
+    "孝感市": [
+      "孝南区",
+      "孝昌县",
+      "大悟县",
+      "云梦县",
+      "应城市",
+      "安陆市",
+      "汉川市"
+    ],
+    "荆州市": [
+      "沙市区",
+      "荆州区",
+      "公安县",
+      "江陵县",
+      "荆州经济技术开发区",
+      "石首市",
+      "洪湖市",
+      "松滋市",
+      "监利市"
+    ],
+    "黄冈市": [
+      "黄州区",
+      "团风县",
+      "红安县",
+      "罗田县",
+      "英山县",
+      "浠水县",
+      "蕲春县",
+      "黄梅县",
+      "龙感湖管理区",
+      "麻城市",
+      "武穴市"
+    ],
+    "咸宁市": [
+      "咸安区",
+      "嘉鱼县",
+      "通城县",
+      "崇阳县",
+      "通山县",
+      "赤壁市"
+    ],
+    "随州市": [
+      "曾都区",
+      "随县",
+      "广水市"
+    ],
+    "恩施土家族苗族自治州": [
+      "恩施市",
+      "利川市",
+      "建始县",
+      "巴东县",
+      "宣恩县",
+      "咸丰县",
+      "来凤县",
+      "鹤峰县"
+    ],
+    "省直辖县级行政区划": [
+      "仙桃市",
+      "潜江市",
+      "天门市",
+      "神农架林区"
+    ]
+  },
+  "湖南省": {
+    "长沙市": [
+      "芙蓉区",
+      "天心区",
+      "岳麓区",
+      "开福区",
+      "雨花区",
+      "望城区",
+      "长沙县",
+      "浏阳市",
+      "宁乡市"
+    ],
+    "株洲市": [
+      "荷塘区",
+      "芦淞区",
+      "石峰区",
+      "天元区",
+      "渌口区",
+      "攸县",
+      "茶陵县",
+      "炎陵县",
+      "醴陵市"
+    ],
+    "湘潭市": [
+      "雨湖区",
+      "岳塘区",
+      "湘潭县",
+      "湖南湘潭高新技术产业园区",
+      "湘潭昭山示范区",
+      "湘潭九华示范区",
+      "湘乡市",
+      "韶山市"
+    ],
+    "衡阳市": [
+      "珠晖区",
+      "雁峰区",
+      "石鼓区",
+      "蒸湘区",
+      "南岳区",
+      "衡阳县",
+      "衡南县",
+      "衡山县",
+      "衡东县",
+      "祁东县",
+      "湖南衡阳松木经济开发区",
+      "湖南衡阳高新技术产业园区",
+      "耒阳市",
+      "常宁市"
+    ],
+    "邵阳市": [
+      "双清区",
+      "大祥区",
+      "北塔区",
+      "新邵县",
+      "邵阳县",
+      "隆回县",
+      "洞口县",
+      "绥宁县",
+      "新宁县",
+      "城步苗族自治县",
+      "武冈市",
+      "邵东市"
+    ],
+    "岳阳市": [
+      "岳阳楼区",
+      "云溪区",
+      "君山区",
+      "岳阳县",
+      "华容县",
+      "湘阴县",
+      "平江县",
+      "岳阳市屈原管理区",
+      "汨罗市",
+      "临湘市"
+    ],
+    "常德市": [
+      "武陵区",
+      "鼎城区",
+      "安乡县",
+      "汉寿县",
+      "澧县",
+      "临澧县",
+      "桃源县",
+      "石门县",
+      "常德市西洞庭管理区",
+      "津市市"
+    ],
+    "张家界市": [
+      "永定区",
+      "武陵源区",
+      "慈利县",
+      "桑植县"
+    ],
+    "益阳市": [
+      "资阳区",
+      "赫山区",
+      "南县",
+      "桃江县",
+      "安化县",
+      "益阳市大通湖管理区",
+      "湖南益阳高新技术产业园区",
+      "沅江市"
+    ],
+    "郴州市": [
+      "北湖区",
+      "苏仙区",
+      "桂阳县",
+      "宜章县",
+      "永兴县",
+      "嘉禾县",
+      "临武县",
+      "汝城县",
+      "桂东县",
+      "安仁县",
+      "资兴市"
+    ],
+    "永州市": [
+      "零陵区",
+      "冷水滩区",
+      "东安县",
+      "双牌县",
+      "道县",
+      "江永县",
+      "宁远县",
+      "蓝山县",
+      "新田县",
+      "江华瑶族自治县",
+      "永州经济技术开发区",
+      "永州市回龙圩管理区",
+      "祁阳市"
+    ],
+    "怀化市": [
+      "鹤城区",
+      "中方县",
+      "沅陵县",
+      "辰溪县",
+      "溆浦县",
+      "会同县",
+      "麻阳苗族自治县",
+      "新晃侗族自治县",
+      "芷江侗族自治县",
+      "靖州苗族侗族自治县",
+      "通道侗族自治县",
+      "怀化市洪江管理区",
+      "洪江市"
+    ],
+    "娄底市": [
+      "娄星区",
+      "双峰县",
+      "新化县",
+      "冷水江市",
+      "涟源市"
+    ],
+    "湘西土家族苗族自治州": [
+      "吉首市",
+      "泸溪县",
+      "凤凰县",
+      "花垣县",
+      "保靖县",
+      "古丈县",
+      "永顺县",
+      "龙山县"
+    ]
+  },
+  "广东省": {
+    "广州市": [
+      "荔湾区",
+      "越秀区",
+      "海珠区",
+      "天河区",
+      "白云区",
+      "黄埔区",
+      "番禺区",
+      "花都区",
+      "南沙区",
+      "从化区",
+      "增城区"
+    ],
+    "韶关市": [
+      "武江区",
+      "浈江区",
+      "曲江区",
+      "始兴县",
+      "仁化县",
+      "翁源县",
+      "乳源瑶族自治县",
+      "新丰县",
+      "乐昌市",
+      "南雄市"
+    ],
+    "深圳市": [
+      "罗湖区",
+      "福田区",
+      "南山区",
+      "宝安区",
+      "龙岗区",
+      "盐田区",
+      "龙华区",
+      "坪山区",
+      "光明区"
+    ],
+    "珠海市": [
+      "香洲区",
+      "斗门区",
+      "金湾区"
+    ],
+    "汕头市": [
+      "龙湖区",
+      "金平区",
+      "濠江区",
+      "潮阳区",
+      "潮南区",
+      "澄海区",
+      "南澳县"
+    ],
+    "佛山市": [
+      "禅城区",
+      "南海区",
+      "顺德区",
+      "三水区",
+      "高明区"
+    ],
+    "江门市": [
+      "蓬江区",
+      "江海区",
+      "新会区",
+      "台山市",
+      "开平市",
+      "鹤山市",
+      "恩平市"
+    ],
+    "湛江市": [
+      "赤坎区",
+      "霞山区",
+      "坡头区",
+      "麻章区",
+      "遂溪县",
+      "徐闻县",
+      "廉江市",
+      "雷州市",
+      "吴川市"
+    ],
+    "茂名市": [
+      "茂南区",
+      "电白区",
+      "高州市",
+      "化州市",
+      "信宜市"
+    ],
+    "肇庆市": [
+      "端州区",
+      "鼎湖区",
+      "高要区",
+      "广宁县",
+      "怀集县",
+      "封开县",
+      "德庆县",
+      "四会市"
+    ],
+    "惠州市": [
+      "惠城区",
+      "惠阳区",
+      "博罗县",
+      "惠东县",
+      "龙门县"
+    ],
+    "梅州市": [
+      "梅江区",
+      "梅县区",
+      "大埔县",
+      "丰顺县",
+      "五华县",
+      "平远县",
+      "蕉岭县",
+      "兴宁市"
+    ],
+    "汕尾市": [
+      "城区",
+      "海丰县",
+      "陆河县",
+      "陆丰市"
+    ],
+    "河源市": [
+      "源城区",
+      "紫金县",
+      "龙川县",
+      "连平县",
+      "和平县",
+      "东源县"
+    ],
+    "阳江市": [
+      "江城区",
+      "阳东区",
+      "阳西县",
+      "阳春市"
+    ],
+    "清远市": [
+      "清城区",
+      "清新区",
+      "佛冈县",
+      "阳山县",
+      "连山壮族瑶族自治县",
+      "连南瑶族自治县",
+      "英德市",
+      "连州市"
+    ],
+    "东莞市": [
+      "东城街道",
+      "南城街道",
+      "万江街道",
+      "莞城街道",
+      "石碣镇",
+      "石龙镇",
+      "茶山镇",
+      "石排镇",
+      "企石镇",
+      "横沥镇",
+      "桥头镇",
+      "谢岗镇",
+      "东坑镇",
+      "常平镇",
+      "寮步镇",
+      "樟木头镇",
+      "大朗镇",
+      "黄江镇",
+      "清溪镇",
+      "塘厦镇",
+      "凤岗镇",
+      "大岭山镇",
+      "长安镇",
+      "虎门镇",
+      "厚街镇",
+      "沙田镇",
+      "道滘镇",
+      "洪梅镇",
+      "麻涌镇",
+      "望牛墩镇",
+      "中堂镇",
+      "高埗镇",
+      "松山湖",
+      "东莞港",
+      "东莞生态园",
+      "东莞滨海湾新区"
+    ],
+    "中山市": [
+      "石岐街道",
+      "东区街道",
+      "中山港街道",
+      "西区街道",
+      "南区街道",
+      "五桂山街道",
+      "民众街道",
+      "南朗街道",
+      "黄圃镇",
+      "东凤镇",
+      "古镇镇",
+      "沙溪镇",
+      "坦洲镇",
+      "港口镇",
+      "三角镇",
+      "横栏镇",
+      "南头镇",
+      "阜沙镇",
+      "三乡镇",
+      "板芙镇",
+      "大涌镇",
+      "神湾镇",
+      "小榄镇"
+    ],
+    "潮州市": [
+      "湘桥区",
+      "潮安区",
+      "饶平县"
+    ],
+    "揭阳市": [
+      "榕城区",
+      "揭东区",
+      "揭西县",
+      "惠来县",
+      "普宁市"
+    ],
+    "云浮市": [
+      "云城区",
+      "云安区",
+      "新兴县",
+      "郁南县",
+      "罗定市"
+    ]
+  },
+  "广西壮族自治区": {
+    "南宁市": [
+      "兴宁区",
+      "青秀区",
+      "江南区",
+      "西乡塘区",
+      "良庆区",
+      "邕宁区",
+      "武鸣区",
+      "隆安县",
+      "马山县",
+      "上林县",
+      "宾阳县",
+      "横州市"
+    ],
+    "柳州市": [
+      "城中区",
+      "鱼峰区",
+      "柳南区",
+      "柳北区",
+      "柳江区",
+      "柳城县",
+      "鹿寨县",
+      "融安县",
+      "融水苗族自治县",
+      "三江侗族自治县"
+    ],
+    "桂林市": [
+      "秀峰区",
+      "叠彩区",
+      "象山区",
+      "七星区",
+      "雁山区",
+      "临桂区",
+      "阳朔县",
+      "灵川县",
+      "全州县",
+      "兴安县",
+      "永福县",
+      "灌阳县",
+      "龙胜各族自治县",
+      "资源县",
+      "平乐县",
+      "恭城瑶族自治县",
+      "荔浦市"
+    ],
+    "梧州市": [
+      "万秀区",
+      "长洲区",
+      "龙圩区",
+      "苍梧县",
+      "藤县",
+      "蒙山县",
+      "岑溪市"
+    ],
+    "北海市": [
+      "海城区",
+      "银海区",
+      "铁山港区",
+      "合浦县"
+    ],
+    "防城港市": [
+      "港口区",
+      "防城区",
+      "上思县",
+      "东兴市"
+    ],
+    "钦州市": [
+      "钦南区",
+      "钦北区",
+      "灵山县",
+      "浦北县"
+    ],
+    "贵港市": [
+      "港北区",
+      "港南区",
+      "覃塘区",
+      "平南县",
+      "桂平市"
+    ],
+    "玉林市": [
+      "玉州区",
+      "福绵区",
+      "容县",
+      "陆川县",
+      "博白县",
+      "兴业县",
+      "北流市"
+    ],
+    "百色市": [
+      "右江区",
+      "田阳区",
+      "田东县",
+      "德保县",
+      "那坡县",
+      "凌云县",
+      "乐业县",
+      "田林县",
+      "西林县",
+      "隆林各族自治县",
+      "靖西市",
+      "平果市"
+    ],
+    "贺州市": [
+      "八步区",
+      "平桂区",
+      "昭平县",
+      "钟山县",
+      "富川瑶族自治县"
+    ],
+    "河池市": [
+      "金城江区",
+      "宜州区",
+      "南丹县",
+      "天峨县",
+      "凤山县",
+      "东兰县",
+      "罗城仫佬族自治县",
+      "环江毛南族自治县",
+      "巴马瑶族自治县",
+      "都安瑶族自治县",
+      "大化瑶族自治县"
+    ],
+    "来宾市": [
+      "兴宾区",
+      "忻城县",
+      "象州县",
+      "武宣县",
+      "金秀瑶族自治县",
+      "合山市"
+    ],
+    "崇左市": [
+      "江州区",
+      "扶绥县",
+      "宁明县",
+      "龙州县",
+      "大新县",
+      "天等县",
+      "凭祥市"
+    ]
+  },
+  "海南省": {
+    "海口市": [
+      "秀英区",
+      "龙华区",
+      "琼山区",
+      "美兰区"
+    ],
+    "三亚市": [
+      "海棠区",
+      "吉阳区",
+      "天涯区",
+      "崖州区"
+    ],
+    "三沙市": [
+      "西沙群岛",
+      "南沙群岛",
+      "中沙群岛的岛礁及其海域"
+    ],
+    "儋州市": [
+      "那大镇",
+      "和庆镇",
+      "南丰镇",
+      "大成镇",
+      "雅星镇",
+      "兰洋镇",
+      "光村镇",
+      "木棠镇",
+      "海头镇",
+      "峨蔓镇",
+      "王五镇",
+      "白马井镇",
+      "中和镇",
+      "排浦镇",
+      "东成镇",
+      "新州镇",
+      "洋浦经济开发区",
+      "华南热作学院"
+    ],
+    "省直辖县级行政区划": [
+      "五指山市",
+      "琼海市",
+      "文昌市",
+      "万宁市",
+      "东方市",
+      "定安县",
+      "屯昌县",
+      "澄迈县",
+      "临高县",
+      "白沙黎族自治县",
+      "昌江黎族自治县",
+      "乐东黎族自治县",
+      "陵水黎族自治县",
+      "保亭黎族苗族自治县",
+      "琼中黎族苗族自治县"
+    ]
+  },
+  "重庆市": {
+    "市辖区": [
+      "万州区",
+      "涪陵区",
+      "渝中区",
+      "大渡口区",
+      "江北区",
+      "沙坪坝区",
+      "九龙坡区",
+      "南岸区",
+      "北碚区",
+      "綦江区",
+      "大足区",
+      "渝北区",
+      "巴南区",
+      "黔江区",
+      "长寿区",
+      "江津区",
+      "合川区",
+      "永川区",
+      "南川区",
+      "璧山区",
+      "铜梁区",
+      "潼南区",
+      "荣昌区",
+      "开州区",
+      "梁平区",
+      "武隆区"
+    ],
+    "县": [
+      "城口县",
+      "丰都县",
+      "垫江县",
+      "忠县",
+      "云阳县",
+      "奉节县",
+      "巫山县",
+      "巫溪县",
+      "石柱土家族自治县",
+      "秀山土家族苗族自治县",
+      "酉阳土家族苗族自治县",
+      "彭水苗族土家族自治县"
+    ]
+  },
+  "四川省": {
+    "成都市": [
+      "锦江区",
+      "青羊区",
+      "金牛区",
+      "武侯区",
+      "成华区",
+      "龙泉驿区",
+      "青白江区",
+      "新都区",
+      "温江区",
+      "双流区",
+      "郫都区",
+      "新津区",
+      "金堂县",
+      "大邑县",
+      "蒲江县",
+      "都江堰市",
+      "彭州市",
+      "邛崃市",
+      "崇州市",
+      "简阳市"
+    ],
+    "自贡市": [
+      "自流井区",
+      "贡井区",
+      "大安区",
+      "沿滩区",
+      "荣县",
+      "富顺县"
+    ],
+    "攀枝花市": [
+      "东区",
+      "西区",
+      "仁和区",
+      "米易县",
+      "盐边县"
+    ],
+    "泸州市": [
+      "江阳区",
+      "纳溪区",
+      "龙马潭区",
+      "泸县",
+      "合江县",
+      "叙永县",
+      "古蔺县"
+    ],
+    "德阳市": [
+      "旌阳区",
+      "罗江区",
+      "中江县",
+      "广汉市",
+      "什邡市",
+      "绵竹市"
+    ],
+    "绵阳市": [
+      "涪城区",
+      "游仙区",
+      "安州区",
+      "三台县",
+      "盐亭县",
+      "梓潼县",
+      "北川羌族自治县",
+      "平武县",
+      "江油市"
+    ],
+    "广元市": [
+      "利州区",
+      "昭化区",
+      "朝天区",
+      "旺苍县",
+      "青川县",
+      "剑阁县",
+      "苍溪县"
+    ],
+    "遂宁市": [
+      "船山区",
+      "安居区",
+      "蓬溪县",
+      "大英县",
+      "射洪市"
+    ],
+    "内江市": [
+      "市中区",
+      "东兴区",
+      "威远县",
+      "资中县",
+      "隆昌市"
+    ],
+    "乐山市": [
+      "市中区",
+      "沙湾区",
+      "五通桥区",
+      "金口河区",
+      "犍为县",
+      "井研县",
+      "夹江县",
+      "沐川县",
+      "峨边彝族自治县",
+      "马边彝族自治县",
+      "峨眉山市"
+    ],
+    "南充市": [
+      "顺庆区",
+      "高坪区",
+      "嘉陵区",
+      "南部县",
+      "营山县",
+      "蓬安县",
+      "仪陇县",
+      "西充县",
+      "阆中市"
+    ],
+    "眉山市": [
+      "东坡区",
+      "彭山区",
+      "仁寿县",
+      "洪雅县",
+      "丹棱县",
+      "青神县"
+    ],
+    "宜宾市": [
+      "翠屏区",
+      "南溪区",
+      "叙州区",
+      "江安县",
+      "长宁县",
+      "高县",
+      "珙县",
+      "筠连县",
+      "兴文县",
+      "屏山县"
+    ],
+    "广安市": [
+      "广安区",
+      "前锋区",
+      "岳池县",
+      "武胜县",
+      "邻水县",
+      "华蓥市"
+    ],
+    "达州市": [
+      "通川区",
+      "达川区",
+      "宣汉县",
+      "开江县",
+      "大竹县",
+      "渠县",
+      "万源市"
+    ],
+    "雅安市": [
+      "雨城区",
+      "名山区",
+      "荥经县",
+      "汉源县",
+      "石棉县",
+      "天全县",
+      "芦山县",
+      "宝兴县"
+    ],
+    "巴中市": [
+      "巴州区",
+      "恩阳区",
+      "通江县",
+      "南江县",
+      "平昌县"
+    ],
+    "资阳市": [
+      "雁江区",
+      "安岳县",
+      "乐至县"
+    ],
+    "阿坝藏族羌族自治州": [
+      "马尔康市",
+      "汶川县",
+      "理县",
+      "茂县",
+      "松潘县",
+      "九寨沟县",
+      "金川县",
+      "小金县",
+      "黑水县",
+      "壤塘县",
+      "阿坝县",
+      "若尔盖县",
+      "红原县"
+    ],
+    "甘孜藏族自治州": [
+      "康定市",
+      "泸定县",
+      "丹巴县",
+      "九龙县",
+      "雅江县",
+      "道孚县",
+      "炉霍县",
+      "甘孜县",
+      "新龙县",
+      "德格县",
+      "白玉县",
+      "石渠县",
+      "色达县",
+      "理塘县",
+      "巴塘县",
+      "乡城县",
+      "稻城县",
+      "得荣县"
+    ],
+    "凉山彝族自治州": [
+      "西昌市",
+      "会理市",
+      "木里藏族自治县",
+      "盐源县",
+      "德昌县",
+      "会东县",
+      "宁南县",
+      "普格县",
+      "布拖县",
+      "金阳县",
+      "昭觉县",
+      "喜德县",
+      "冕宁县",
+      "越西县",
+      "甘洛县",
+      "美姑县",
+      "雷波县"
+    ]
+  },
+  "贵州省": {
+    "贵阳市": [
+      "南明区",
+      "云岩区",
+      "花溪区",
+      "乌当区",
+      "白云区",
+      "观山湖区",
+      "开阳县",
+      "息烽县",
+      "修文县",
+      "清镇市"
+    ],
+    "六盘水市": [
+      "钟山区",
+      "六枝特区",
+      "水城区",
+      "盘州市"
+    ],
+    "遵义市": [
+      "红花岗区",
+      "汇川区",
+      "播州区",
+      "桐梓县",
+      "绥阳县",
+      "正安县",
+      "道真仡佬族苗族自治县",
+      "务川仡佬族苗族自治县",
+      "凤冈县",
+      "湄潭县",
+      "余庆县",
+      "习水县",
+      "赤水市",
+      "仁怀市"
+    ],
+    "安顺市": [
+      "西秀区",
+      "平坝区",
+      "普定县",
+      "镇宁布依族苗族自治县",
+      "关岭布依族苗族自治县",
+      "紫云苗族布依族自治县"
+    ],
+    "毕节市": [
+      "七星关区",
+      "大方县",
+      "金沙县",
+      "织金县",
+      "纳雍县",
+      "威宁彝族回族苗族自治县",
+      "赫章县",
+      "黔西市"
+    ],
+    "铜仁市": [
+      "碧江区",
+      "万山区",
+      "江口县",
+      "玉屏侗族自治县",
+      "石阡县",
+      "思南县",
+      "印江土家族苗族自治县",
+      "德江县",
+      "沿河土家族自治县",
+      "松桃苗族自治县"
+    ],
+    "黔西南布依族苗族自治州": [
+      "兴义市",
+      "兴仁市",
+      "普安县",
+      "晴隆县",
+      "贞丰县",
+      "望谟县",
+      "册亨县",
+      "安龙县"
+    ],
+    "黔东南苗族侗族自治州": [
+      "凯里市",
+      "黄平县",
+      "施秉县",
+      "三穗县",
+      "镇远县",
+      "岑巩县",
+      "天柱县",
+      "锦屏县",
+      "剑河县",
+      "台江县",
+      "黎平县",
+      "榕江县",
+      "从江县",
+      "雷山县",
+      "麻江县",
+      "丹寨县"
+    ],
+    "黔南布依族苗族自治州": [
+      "都匀市",
+      "福泉市",
+      "荔波县",
+      "贵定县",
+      "瓮安县",
+      "独山县",
+      "平塘县",
+      "罗甸县",
+      "长顺县",
+      "龙里县",
+      "惠水县",
+      "三都水族自治县"
+    ]
+  },
+  "云南省": {
+    "昆明市": [
+      "五华区",
+      "盘龙区",
+      "官渡区",
+      "西山区",
+      "东川区",
+      "呈贡区",
+      "晋宁区",
+      "富民县",
+      "宜良县",
+      "石林彝族自治县",
+      "嵩明县",
+      "禄劝彝族苗族自治县",
+      "寻甸回族彝族自治县",
+      "安宁市"
+    ],
+    "曲靖市": [
+      "麒麟区",
+      "沾益区",
+      "马龙区",
+      "陆良县",
+      "师宗县",
+      "罗平县",
+      "富源县",
+      "会泽县",
+      "宣威市"
+    ],
+    "玉溪市": [
+      "红塔区",
+      "江川区",
+      "通海县",
+      "华宁县",
+      "易门县",
+      "峨山彝族自治县",
+      "新平彝族傣族自治县",
+      "元江哈尼族彝族傣族自治县",
+      "澄江市"
+    ],
+    "保山市": [
+      "隆阳区",
+      "施甸县",
+      "龙陵县",
+      "昌宁县",
+      "腾冲市"
+    ],
+    "昭通市": [
+      "昭阳区",
+      "鲁甸县",
+      "巧家县",
+      "盐津县",
+      "大关县",
+      "永善县",
+      "绥江县",
+      "镇雄县",
+      "彝良县",
+      "威信县",
+      "水富市"
+    ],
+    "丽江市": [
+      "古城区",
+      "玉龙纳西族自治县",
+      "永胜县",
+      "华坪县",
+      "宁蒗彝族自治县"
+    ],
+    "普洱市": [
+      "思茅区",
+      "宁洱哈尼族彝族自治县",
+      "墨江哈尼族自治县",
+      "景东彝族自治县",
+      "景谷傣族彝族自治县",
+      "镇沅彝族哈尼族拉祜族自治县",
+      "江城哈尼族彝族自治县",
+      "孟连傣族拉祜族佤族自治县",
+      "澜沧拉祜族自治县",
+      "西盟佤族自治县"
+    ],
+    "临沧市": [
+      "临翔区",
+      "凤庆县",
+      "云县",
+      "永德县",
+      "镇康县",
+      "双江拉祜族佤族布朗族傣族自治县",
+      "耿马傣族佤族自治县",
+      "沧源佤族自治县"
+    ],
+    "楚雄彝族自治州": [
+      "楚雄市",
+      "禄丰市",
+      "双柏县",
+      "牟定县",
+      "南华县",
+      "姚安县",
+      "大姚县",
+      "永仁县",
+      "元谋县",
+      "武定县"
+    ],
+    "红河哈尼族彝族自治州": [
+      "个旧市",
+      "开远市",
+      "蒙自市",
+      "弥勒市",
+      "屏边苗族自治县",
+      "建水县",
+      "石屏县",
+      "泸西县",
+      "元阳县",
+      "红河县",
+      "金平苗族瑶族傣族自治县",
+      "绿春县",
+      "河口瑶族自治县"
+    ],
+    "文山壮族苗族自治州": [
+      "文山市",
+      "砚山县",
+      "西畴县",
+      "麻栗坡县",
+      "马关县",
+      "丘北县",
+      "广南县",
+      "富宁县"
+    ],
+    "西双版纳傣族自治州": [
+      "景洪市",
+      "勐海县",
+      "勐腊县"
+    ],
+    "大理白族自治州": [
+      "大理市",
+      "漾濞彝族自治县",
+      "祥云县",
+      "宾川县",
+      "弥渡县",
+      "南涧彝族自治县",
+      "巍山彝族回族自治县",
+      "永平县",
+      "云龙县",
+      "洱源县",
+      "剑川县",
+      "鹤庆县"
+    ],
+    "德宏傣族景颇族自治州": [
+      "瑞丽市",
+      "芒市",
+      "梁河县",
+      "盈江县",
+      "陇川县"
+    ],
+    "怒江傈僳族自治州": [
+      "泸水市",
+      "福贡县",
+      "贡山独龙族怒族自治县",
+      "兰坪白族普米族自治县"
+    ],
+    "迪庆藏族自治州": [
+      "香格里拉市",
+      "德钦县",
+      "维西傈僳族自治县"
+    ]
+  },
+  "西藏自治区": {
+    "拉萨市": [
+      "城关区",
+      "堆龙德庆区",
+      "达孜区",
+      "林周县",
+      "当雄县",
+      "尼木县",
+      "曲水县",
+      "墨竹工卡县",
+      "格尔木藏青工业园区",
+      "拉萨经济技术开发区",
+      "西藏文化旅游创意园区",
+      "达孜工业园区"
+    ],
+    "日喀则市": [
+      "桑珠孜区",
+      "南木林县",
+      "江孜县",
+      "定日县",
+      "萨迦县",
+      "拉孜县",
+      "昂仁县",
+      "谢通门县",
+      "白朗县",
+      "仁布县",
+      "康马县",
+      "定结县",
+      "仲巴县",
+      "亚东县",
+      "吉隆县",
+      "聂拉木县",
+      "萨嘎县",
+      "岗巴县"
+    ],
+    "昌都市": [
+      "卡若区",
+      "江达县",
+      "贡觉县",
+      "类乌齐县",
+      "丁青县",
+      "察雅县",
+      "八宿县",
+      "左贡县",
+      "芒康县",
+      "洛隆县",
+      "边坝县"
+    ],
+    "林芝市": [
+      "巴宜区",
+      "工布江达县",
+      "墨脱县",
+      "波密县",
+      "察隅县",
+      "朗县",
+      "米林市"
+    ],
+    "山南市": [
+      "乃东区",
+      "扎囊县",
+      "贡嘎县",
+      "桑日县",
+      "琼结县",
+      "曲松县",
+      "措美县",
+      "洛扎县",
+      "加查县",
+      "隆子县",
+      "浪卡子县",
+      "错那市"
+    ],
+    "那曲市": [
+      "色尼区",
+      "嘉黎县",
+      "比如县",
+      "聂荣县",
+      "安多县",
+      "申扎县",
+      "索县",
+      "班戈县",
+      "巴青县",
+      "尼玛县",
+      "双湖县"
+    ],
+    "阿里地区": [
+      "普兰县",
+      "札达县",
+      "噶尔县",
+      "日土县",
+      "革吉县",
+      "改则县",
+      "措勤县"
+    ]
+  },
+  "陕西省": {
+    "西安市": [
+      "新城区",
+      "碑林区",
+      "莲湖区",
+      "灞桥区",
+      "未央区",
+      "雁塔区",
+      "阎良区",
+      "临潼区",
+      "长安区",
+      "高陵区",
+      "鄠邑区",
+      "蓝田县",
+      "周至县"
+    ],
+    "铜川市": [
+      "王益区",
+      "印台区",
+      "耀州区",
+      "宜君县"
+    ],
+    "宝鸡市": [
+      "渭滨区",
+      "金台区",
+      "陈仓区",
+      "凤翔区",
+      "岐山县",
+      "扶风县",
+      "眉县",
+      "陇县",
+      "千阳县",
+      "麟游县",
+      "凤县",
+      "太白县"
+    ],
+    "咸阳市": [
+      "秦都区",
+      "杨陵区",
+      "渭城区",
+      "三原县",
+      "泾阳县",
+      "乾县",
+      "礼泉县",
+      "永寿县",
+      "长武县",
+      "旬邑县",
+      "淳化县",
+      "武功县",
+      "兴平市",
+      "彬州市"
+    ],
+    "渭南市": [
+      "临渭区",
+      "华州区",
+      "潼关县",
+      "大荔县",
+      "合阳县",
+      "澄城县",
+      "蒲城县",
+      "白水县",
+      "富平县",
+      "韩城市",
+      "华阴市"
+    ],
+    "延安市": [
+      "宝塔区",
+      "安塞区",
+      "延长县",
+      "延川县",
+      "志丹县",
+      "吴起县",
+      "甘泉县",
+      "富县",
+      "洛川县",
+      "宜川县",
+      "黄龙县",
+      "黄陵县",
+      "子长市"
+    ],
+    "汉中市": [
+      "汉台区",
+      "南郑区",
+      "城固县",
+      "洋县",
+      "西乡县",
+      "勉县",
+      "宁强县",
+      "略阳县",
+      "镇巴县",
+      "留坝县",
+      "佛坪县"
+    ],
+    "榆林市": [
+      "榆阳区",
+      "横山区",
+      "府谷县",
+      "靖边县",
+      "定边县",
+      "绥德县",
+      "米脂县",
+      "佳县",
+      "吴堡县",
+      "清涧县",
+      "子洲县",
+      "神木市"
+    ],
+    "安康市": [
+      "汉滨区",
+      "汉阴县",
+      "石泉县",
+      "宁陕县",
+      "紫阳县",
+      "岚皋县",
+      "平利县",
+      "镇坪县",
+      "白河县",
+      "旬阳市"
+    ],
+    "商洛市": [
+      "商州区",
+      "洛南县",
+      "丹凤县",
+      "商南县",
+      "山阳县",
+      "镇安县",
+      "柞水县"
+    ]
+  },
+  "甘肃省": {
+    "兰州市": [
+      "城关区",
+      "七里河区",
+      "西固区",
+      "安宁区",
+      "红古区",
+      "永登县",
+      "皋兰县",
+      "榆中县",
+      "兰州新区"
+    ],
+    "嘉峪关市": [
+      "雄关街道",
+      "钢城街道",
+      "新城镇",
+      "峪泉镇",
+      "文殊镇"
+    ],
+    "金昌市": [
+      "金川区",
+      "永昌县"
+    ],
+    "白银市": [
+      "白银区",
+      "平川区",
+      "靖远县",
+      "会宁县",
+      "景泰县"
+    ],
+    "天水市": [
+      "秦州区",
+      "麦积区",
+      "清水县",
+      "秦安县",
+      "甘谷县",
+      "武山县",
+      "张家川回族自治县"
+    ],
+    "武威市": [
+      "凉州区",
+      "民勤县",
+      "古浪县",
+      "天祝藏族自治县"
+    ],
+    "张掖市": [
+      "甘州区",
+      "肃南裕固族自治县",
+      "民乐县",
+      "临泽县",
+      "高台县",
+      "山丹县"
+    ],
+    "平凉市": [
+      "崆峒区",
+      "泾川县",
+      "灵台县",
+      "崇信县",
+      "庄浪县",
+      "静宁县",
+      "华亭市"
+    ],
+    "酒泉市": [
+      "肃州区",
+      "金塔县",
+      "瓜州县",
+      "肃北蒙古族自治县",
+      "阿克塞哈萨克族自治县",
+      "玉门市",
+      "敦煌市"
+    ],
+    "庆阳市": [
+      "西峰区",
+      "庆城县",
+      "环县",
+      "华池县",
+      "合水县",
+      "正宁县",
+      "宁县",
+      "镇原县"
+    ],
+    "定西市": [
+      "安定区",
+      "通渭县",
+      "陇西县",
+      "渭源县",
+      "临洮县",
+      "漳县",
+      "岷县"
+    ],
+    "陇南市": [
+      "武都区",
+      "成县",
+      "文县",
+      "宕昌县",
+      "康县",
+      "西和县",
+      "礼县",
+      "徽县",
+      "两当县"
+    ],
+    "临夏回族自治州": [
+      "临夏市",
+      "临夏县",
+      "康乐县",
+      "永靖县",
+      "广河县",
+      "和政县",
+      "东乡族自治县",
+      "积石山保安族东乡族撒拉族自治县"
+    ],
+    "甘南藏族自治州": [
+      "合作市",
+      "临潭县",
+      "卓尼县",
+      "舟曲县",
+      "迭部县",
+      "玛曲县",
+      "碌曲县",
+      "夏河县"
+    ]
+  },
+  "青海省": {
+    "西宁市": [
+      "城东区",
+      "城中区",
+      "城西区",
+      "城北区",
+      "湟中区",
+      "大通回族土族自治县",
+      "湟源县"
+    ],
+    "海东市": [
+      "乐都区",
+      "平安区",
+      "民和回族土族自治县",
+      "互助土族自治县",
+      "化隆回族自治县",
+      "循化撒拉族自治县"
+    ],
+    "海北藏族自治州": [
+      "门源回族自治县",
+      "祁连县",
+      "海晏县",
+      "刚察县"
+    ],
+    "黄南藏族自治州": [
+      "同仁市",
+      "尖扎县",
+      "泽库县",
+      "河南蒙古族自治县"
+    ],
+    "海南藏族自治州": [
+      "共和县",
+      "同德县",
+      "贵德县",
+      "兴海县",
+      "贵南县"
+    ],
+    "果洛藏族自治州": [
+      "玛沁县",
+      "班玛县",
+      "甘德县",
+      "达日县",
+      "久治县",
+      "玛多县"
+    ],
+    "玉树藏族自治州": [
+      "玉树市",
+      "杂多县",
+      "称多县",
+      "治多县",
+      "囊谦县",
+      "曲麻莱县"
+    ],
+    "海西蒙古族藏族自治州": [
+      "格尔木市",
+      "德令哈市",
+      "茫崖市",
+      "乌兰县",
+      "都兰县",
+      "天峻县",
+      "大柴旦行政委员会"
+    ]
+  },
+  "宁夏回族自治区": {
+    "银川市": [
+      "兴庆区",
+      "西夏区",
+      "金凤区",
+      "永宁县",
+      "贺兰县",
+      "灵武市"
+    ],
+    "石嘴山市": [
+      "大武口区",
+      "惠农区",
+      "平罗县"
+    ],
+    "吴忠市": [
+      "利通区",
+      "红寺堡区",
+      "盐池县",
+      "同心县",
+      "青铜峡市"
+    ],
+    "固原市": [
+      "原州区",
+      "西吉县",
+      "隆德县",
+      "泾源县",
+      "彭阳县"
+    ],
+    "中卫市": [
+      "沙坡头区",
+      "中宁县",
+      "海原县"
+    ]
+  },
+  "新疆维吾尔自治区": {
+    "乌鲁木齐市": [
+      "天山区",
+      "沙依巴克区",
+      "新市区",
+      "水磨沟区",
+      "头屯河区",
+      "达坂城区",
+      "米东区",
+      "乌鲁木齐县"
+    ],
+    "克拉玛依市": [
+      "独山子区",
+      "克拉玛依区",
+      "白碱滩区",
+      "乌尔禾区"
+    ],
+    "吐鲁番市": [
+      "高昌区",
+      "鄯善县",
+      "托克逊县"
+    ],
+    "哈密市": [
+      "伊州区",
+      "巴里坤哈萨克自治县",
+      "伊吾县"
+    ],
+    "昌吉回族自治州": [
+      "昌吉市",
+      "阜康市",
+      "呼图壁县",
+      "玛纳斯县",
+      "奇台县",
+      "吉木萨尔县",
+      "木垒哈萨克自治县"
+    ],
+    "博尔塔拉蒙古自治州": [
+      "博乐市",
+      "阿拉山口市",
+      "精河县",
+      "温泉县"
+    ],
+    "巴音郭楞蒙古自治州": [
+      "库尔勒市",
+      "轮台县",
+      "尉犁县",
+      "若羌县",
+      "且末县",
+      "焉耆回族自治县",
+      "和静县",
+      "和硕县",
+      "博湖县"
+    ],
+    "阿克苏地区": [
+      "阿克苏市",
+      "库车市",
+      "温宿县",
+      "沙雅县",
+      "新和县",
+      "拜城县",
+      "乌什县",
+      "阿瓦提县",
+      "柯坪县"
+    ],
+    "克孜勒苏柯尔克孜自治州": [
+      "阿图什市",
+      "阿克陶县",
+      "阿合奇县",
+      "乌恰县"
+    ],
+    "喀什地区": [
+      "喀什市",
+      "疏附县",
+      "疏勒县",
+      "英吉沙县",
+      "泽普县",
+      "莎车县",
+      "叶城县",
+      "麦盖提县",
+      "岳普湖县",
+      "伽师县",
+      "巴楚县",
+      "塔什库尔干塔吉克自治县"
+    ],
+    "和田地区": [
+      "和田市",
+      "和田县",
+      "墨玉县",
+      "皮山县",
+      "洛浦县",
+      "策勒县",
+      "于田县",
+      "民丰县"
+    ],
+    "伊犁哈萨克自治州": [
+      "伊宁市",
+      "奎屯市",
+      "霍尔果斯市",
+      "伊宁县",
+      "察布查尔锡伯自治县",
+      "霍城县",
+      "巩留县",
+      "新源县",
+      "昭苏县",
+      "特克斯县",
+      "尼勒克县"
+    ],
+    "塔城地区": [
+      "塔城市",
+      "乌苏市",
+      "沙湾市",
+      "额敏县",
+      "托里县",
+      "裕民县",
+      "和布克赛尔蒙古自治县"
+    ],
+    "阿勒泰地区": [
+      "阿勒泰市",
+      "布尔津县",
+      "富蕴县",
+      "福海县",
+      "哈巴河县",
+      "青河县",
+      "吉木乃县"
+    ],
+    "自治区直辖县级行政区划": [
+      "石河子市",
+      "阿拉尔市",
+      "图木舒克市",
+      "五家渠市",
+      "北屯市",
+      "铁门关市",
+      "双河市",
+      "可克达拉市",
+      "昆玉市",
+      "胡杨河市",
+      "新星市",
+      "白杨市"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/frontend/packages/web/src/components/business/crm-city-select/utils.ts b/frontend/packages/web/src/components/business/crm-city-select/utils.ts
new file mode 100644
index 0000000..3411279
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-city-select/utils.ts
@@ -0,0 +1,61 @@
+import pc from './json/pc.json';
+import pcC from './json/pc-code.json';
+import pca from './json/pca.json';
+import pcaC from './json/pca-code.json';
+
+interface DataItem {
+  value: string;
+  label: string;
+  children?: DataItem[];
+}
+
+const formatData = (data: any[]): DataItem[] => {
+  return data.map((item) => {
+    const children = item.children ? formatData(item.children) : undefined;
+    return {
+      value: item.code,
+      label: item.name,
+      children,
+    };
+  });
+};
+
+const provinceAndCityData: DataItem[] = formatData(pcC);
+
+const regionData: DataItem[] = formatData(pcaC);
+
+// code转汉字大对象
+const codeToText: { [key: string]: string } = {};
+pcaC.forEach((province) => {
+  codeToText[province.code] = province.name;
+  province.children.forEach((city) => {
+    codeToText[city.code] = city.name;
+    city.children?.forEach((area) => {
+      codeToText[area.code] = area.name;
+    });
+  });
+});
+
+const pcTextArr: DataItem[] = Object.entries(pc).map(([province, cities]) => ({
+  label: province,
+  value: province,
+  children: cities.map((city: string) => ({
+    label: city,
+    value: city,
+  })),
+}));
+
+const pcaTextArr: DataItem[] = Object.entries(pca).map(([province, cities]) => ({
+  label: province,
+  value: province,
+  children: Object.entries(cities).map(([city, areas]) => ({
+    label: city,
+    value: city,
+    children: areas.map((area: string) => ({
+      label: area,
+      value: area,
+    })),
+  })),
+}));
+
+export { codeToText, pcaTextArr, pcTextArr, provinceAndCityData, regionData };
diff --git a/frontend/packages/web/src/components/business/crm-data-source-select/config.ts b/frontend/packages/web/src/components/business/crm-data-source-select/config.ts
new file mode 100644
index 0000000..3690284
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-data-source-select/config.ts
@@ -0,0 +1,54 @@
+import { FieldDataSourceTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+import { CommonList } from '@lib/shared/models/common';
+
+import {
+  getCustomerOptions,
+  getFieldBusinessTitleList,
+  getFieldClueList,
+  getFieldContactList,
+  getFieldContractList,
+  getFieldContractPaymentPlanList,
+  getFieldContractPaymentRecordList,
+  getFieldCustomerList,
+  getFieldInvoiceList,
+  getFieldOpportunityList,
+  getFieldOrderList,
+  getFieldPriceList,
+  getFieldProductList,
+  getFieldQuotationList,
+  getUserOptions,
+} from '@/api/modules';
+
+export const sourceApi: Record<FieldDataSourceTypeEnum, (data: any) => Promise<CommonList<any>>> = {
+  [FieldDataSourceTypeEnum.BUSINESS]: getFieldOpportunityList,
+  [FieldDataSourceTypeEnum.CLUE]: getFieldClueList,
+  [FieldDataSourceTypeEnum.CONTACT]: getFieldContactList,
+  [FieldDataSourceTypeEnum.CUSTOMER]: getFieldCustomerList,
+  [FieldDataSourceTypeEnum.PRODUCT]: getFieldProductList,
+  [FieldDataSourceTypeEnum.CUSTOMER_OPTIONS]: getCustomerOptions,
+  [FieldDataSourceTypeEnum.USER_OPTIONS]: getUserOptions,
+  [FieldDataSourceTypeEnum.CONTRACT]: getFieldContractList,
+  [FieldDataSourceTypeEnum.CONTRACT_PAYMENT]: getFieldContractPaymentPlanList,
+  [FieldDataSourceTypeEnum.CONTRACT_PAYMENT_RECORD]: getFieldContractPaymentRecordList,
+  [FieldDataSourceTypeEnum.PRICE]: getFieldPriceList,
+  [FieldDataSourceTypeEnum.QUOTATION]: getFieldQuotationList,
+  [FieldDataSourceTypeEnum.BUSINESS_TITLE]: getFieldBusinessTitleList,
+  [FieldDataSourceTypeEnum.ORDER]: getFieldOrderList,
+  [FieldDataSourceTypeEnum.INVOICE]: getFieldInvoiceList,
+};
+export const formKeyMap: Partial<Record<FieldDataSourceTypeEnum, FormDesignKeyEnum>> = {
+  [FieldDataSourceTypeEnum.BUSINESS]: FormDesignKeyEnum.BUSINESS,
+  [FieldDataSourceTypeEnum.CLUE]: FormDesignKeyEnum.CLUE,
+  [FieldDataSourceTypeEnum.CONTACT]: FormDesignKeyEnum.CONTACT,
+  [FieldDataSourceTypeEnum.CUSTOMER]: FormDesignKeyEnum.CUSTOMER,
+  [FieldDataSourceTypeEnum.PRODUCT]: FormDesignKeyEnum.PRODUCT,
+  [FieldDataSourceTypeEnum.CONTRACT]: FormDesignKeyEnum.CONTRACT,
+  [FieldDataSourceTypeEnum.CONTRACT_PAYMENT]: FormDesignKeyEnum.CONTRACT_PAYMENT,
+  [FieldDataSourceTypeEnum.CONTRACT_PAYMENT_RECORD]: FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD,
+  [FieldDataSourceTypeEnum.PRICE]: FormDesignKeyEnum.PRICE,
+  [FieldDataSourceTypeEnum.QUOTATION]: FormDesignKeyEnum.OPPORTUNITY_QUOTATION,
+  [FieldDataSourceTypeEnum.BUSINESS_TITLE]: FormDesignKeyEnum.BUSINESS_TITLE,
+  [FieldDataSourceTypeEnum.ORDER]: FormDesignKeyEnum.ORDER,
+  [FieldDataSourceTypeEnum.CUSTOMER_OPTIONS]: FormDesignKeyEnum.CUSTOMER,
+  [FieldDataSourceTypeEnum.INVOICE]: FormDesignKeyEnum.INVOICE,
+};
diff --git a/frontend/packages/web/src/components/business/crm-data-source-select/dataSourceTable.vue b/frontend/packages/web/src/components/business/crm-data-source-select/dataSourceTable.vue
new file mode 100644
index 0000000..54075ad
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-data-source-select/dataSourceTable.vue
@@ -0,0 +1,677 @@
+<template>
+  <div
+    class="crm-data-source-table relative bg-[var(--text-n10)]"
+    :style="{
+      height: isFullScreen ? 'calc(100vh - 138px)' : '60vh',
+    }"
+  >
+    <CrmTable
+      ref="crmTableRef"
+      v-model:checked-row-keys="selectedKeys"
+      v-bind="propsRes"
+      :fullscreen-target-ref="props.fullscreenTargetRef"
+      :childrenKey="subFieldKey"
+      :columns="columns"
+      :class="subFieldKey ? 'crm-datasource-table--hasSubField' : ''"
+      @page-change="propsEvent.pageChange"
+      @page-size-change="propsEvent.pageSizeChange"
+      @sorter-change="propsEvent.sorterChange"
+      @filter-change="propsEvent.filterChange"
+      @row-key-change="handleRowKeyChange"
+      @refresh="searchData"
+    >
+      <template #tableTop>
+        <CrmSearchInput
+          v-model:value="keyword"
+          class="crm-data-source-search-input !w-[240px]"
+          :placeholder="searchPlaceholder"
+          @search="searchData"
+        />
+      </template>
+    </CrmTable>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { DataTableRowKey, NImage, NImageGroup, NSwitch } from 'naive-ui';
+
+  import { PreviewPictureUrl } from '@lib/shared/api/requrls/system/module';
+  import { ContractPaymentPlanEnum } from '@lib/shared/enums/contractEnum';
+  import { FieldDataSourceTypeEnum, FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { ProcessStatusEnum } from '@lib/shared/enums/process';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { transformData } from '@lib/shared/method/formCreate';
+  import type { ContractItem, PaymentPlanItem } from '@lib/shared/models/contract';
+  import { CustomerContractListItem } from '@lib/shared/models/customer';
+  import { OpportunityItem, OpportunityStageConfig, QuotationItem } from '@lib/shared/models/opportunity';
+  import { OrderItem } from '@lib/shared/models/order';
+
+  import { FilterResult } from '@/components/pure/crm-advance-filter/type';
+  import CrmNameTooltip from '@/components/pure/crm-name-tooltip/index.vue';
+  import CrmSearchInput from '@/components/pure/crm-search-input/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import { CrmDataTableColumn } from '@/components/pure/crm-table/type';
+  import useTable from '@/components/pure/crm-table/useTable';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import CrmApprovalPopover, {
+    ApprovalPopoverFormKeyType,
+  } from '@/components/business/crm-approval/components/crm-approval-popover.vue';
+  import CrmBusinessNamePrefix from '@/components/business/crm-business-name-prefix/index.vue';
+  import StatusTagSelect from '@/components/business/crm-follow-detail/statusTagSelect.vue';
+  import ContractStatus from '@/views/contract/contractPaymentPlan/components/contractPaymentStatus.vue';
+
+  import { getFieldCustomFormList, getOpportunityStageConfig, getOrderStatusConfig } from '@/api/modules';
+  import { contractPaymentPlanStatusOptions } from '@/config/contract';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+  import useFormCreateSystemColumns from '@/hooks/useFormCreateSystemColumns';
+  import { FormKey } from '@/hooks/useFormCreateTable';
+  import useUserStore from '@/store/modules/user';
+
+  import type { DataSourceType, FormCreateField } from '../crm-form-create/types';
+  import { formKeyMap, sourceApi } from './config';
+  import { getDataSourceFormKey, isCustomDataSourceType } from './utils';
+  import type { InternalRowData, RowData } from 'naive-ui/es/data-table/src/interface';
+
+  const props = withDefaults(
+    defineProps<{
+      sourceType: DataSourceType;
+      multiple?: boolean;
+      disabledSelection?: (row: RowData) => boolean;
+      filterParams?: FilterResult;
+      fullscreenTargetRef?: HTMLElement | null;
+      fieldConfig?: FormCreateField;
+      isSubTableRender?: boolean;
+    }>(),
+    {
+      multiple: true,
+    }
+  );
+
+  const emit = defineEmits<{
+    (e: 'initForm', fields: FormCreateField[]): void;
+    (e: 'toggleFullScreen', value: boolean): void;
+  }>();
+
+  const { t } = useI18n();
+  const userStore = useUserStore();
+
+  const selectedKeys = defineModel<DataTableRowKey[]>('selectedKeys', {
+    required: true,
+  });
+  const selectedRows = defineModel<InternalRowData[]>('selectedRows', {
+    default: [],
+  });
+
+  const isCustomForm = computed(() => isCustomDataSourceType(props.sourceType));
+  const formKey = computed<FormDesignKeyEnum>(
+    () => getDataSourceFormKey(props.sourceType, formKeyMap) as FormDesignKeyEnum
+  );
+
+  const searchPlaceholder = computed(() => {
+    if (isCustomForm.value) {
+      return t('crmDataSourceSelect.customForm.searchPlaceholder');
+    }
+    return props.sourceType === FieldDataSourceTypeEnum.CONTACT
+      ? t('common.searchByNamePhone')
+      : t('common.searchByName');
+  });
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+
+  const isDatasourceFormConfig = computed(() => props.sourceType !== FieldDataSourceTypeEnum.BUSINESS_TITLE);
+  const { fieldList, initFormConfig } = useFormCreateApi({
+    formKey,
+    customFormId: computed(() => (isCustomForm.value ? (props.sourceType as string | undefined) : undefined)),
+    isDatasource: isDatasourceFormConfig.value,
+  });
+  const subField = computed(() =>
+    fieldList.value.find((field) => [FieldTypeEnum.SUB_PRICE, FieldTypeEnum.SUB_PRODUCT].includes(field.type))
+  );
+  // 计算子表格字段的key
+  const subFieldKey = computed(() => {
+    if (formKey.value === FormDesignKeyEnum.PRICE && props.isSubTableRender) {
+      const field = fieldList.value.find((e) => e.type === FieldTypeEnum.SUB_PRODUCT);
+      return field?.businessKey || field?.id;
+    }
+    return undefined;
+  });
+
+  const dataSourceSpecialRenderMap: Record<FieldDataSourceTypeEnum, Record<string, (row: any) => any>> = {
+    [FieldDataSourceTypeEnum.CUSTOMER]: {},
+    [FieldDataSourceTypeEnum.CONTACT]: {
+      status: (row: CustomerContractListItem) => {
+        return h(NSwitch, {
+          value: row.enable,
+          disabled: true,
+        });
+      },
+    },
+    [FieldDataSourceTypeEnum.BUSINESS]: {
+      stage: (row: OpportunityItem) => {
+        return row.stageName || '-';
+      },
+    },
+    [FieldDataSourceTypeEnum.PRODUCT]: {},
+    [FieldDataSourceTypeEnum.CLUE]: {},
+    [FieldDataSourceTypeEnum.PRICE]: {},
+    [FieldDataSourceTypeEnum.QUOTATION]: {
+      approvalStatus: (row: QuotationItem) =>
+        h(CrmApprovalPopover, {
+          status: row.approvalStatus,
+          formKey: formKey.value as ApprovalPopoverFormKeyType,
+          disabled: row.approvalStatus !== ProcessStatusEnum.UNAPPROVED,
+          showMore: false,
+        }),
+      invalid: (row: QuotationItem) =>
+        h(
+          CrmTag,
+          {
+            type: row.invalid ? 'default' : 'info',
+            theme: 'light',
+          },
+          {
+            default: () => (row.invalid ? t('common.voided') : t('common.normal')),
+          }
+        ),
+    },
+    [FieldDataSourceTypeEnum.CONTRACT]: {
+      stage: (row: ContractItem) => {
+        return row.stageName || '-';
+      },
+      approvalStatus: (row: ContractItem) =>
+        h(CrmApprovalPopover, {
+          status: row.approvalStatus,
+          formKey: formKey.value as ApprovalPopoverFormKeyType,
+          disabled: row.approvalStatus !== ProcessStatusEnum.UNAPPROVED,
+          showMore: false,
+        }),
+    },
+    [FieldDataSourceTypeEnum.CONTRACT_PAYMENT]: {
+      status: (row: PaymentPlanItem) =>
+        h(StatusTagSelect, {
+          'status': row.planStatus as ContractPaymentPlanEnum,
+          'disabled': true,
+          'statusTagComponent': ContractStatus,
+          'onUpdate:status': (val) => {
+            row.planStatus = val;
+          },
+          'statusOptions': contractPaymentPlanStatusOptions,
+        }),
+    },
+    [FieldDataSourceTypeEnum.CONTRACT_PAYMENT_RECORD]: {
+      status: (row: PaymentPlanItem) =>
+        h(StatusTagSelect, {
+          'status': row.planStatus as ContractPaymentPlanEnum,
+          'disabled': true,
+          'statusTagComponent': ContractStatus,
+          'onUpdate:status': (val) => {
+            row.planStatus = val;
+          },
+          'statusOptions': contractPaymentPlanStatusOptions,
+        }),
+    },
+    [FieldDataSourceTypeEnum.ORDER]: {
+      stage: (row: OrderItem) => {
+        return row.stageName || '-';
+      },
+      approvalStatus: (row: ContractItem) =>
+        h(CrmApprovalPopover, {
+          status: row.approvalStatus,
+          formKey: formKey.value as ApprovalPopoverFormKeyType,
+          disabled: row.approvalStatus !== ProcessStatusEnum.UNAPPROVED,
+          showMore: false,
+        }),
+    },
+    [FieldDataSourceTypeEnum.CUSTOMER_OPTIONS]: {},
+    [FieldDataSourceTypeEnum.USER_OPTIONS]: {},
+    [FieldDataSourceTypeEnum.BUSINESS_TITLE]: {},
+    [FieldDataSourceTypeEnum.INVOICE]: {
+      approvalStatus: (row: ContractItem) =>
+        h(CrmApprovalPopover, {
+          status: row.approvalStatus,
+          formKey: formKey.value as ApprovalPopoverFormKeyType,
+          disabled: row.approvalStatus !== ProcessStatusEnum.UNAPPROVED,
+          showMore: false,
+        }),
+    },
+  };
+
+  const stageConfig = ref<OpportunityStageConfig>();
+
+  async function initStageConfig() {
+    if (isCustomForm.value) return;
+    try {
+      if (props.sourceType === FieldDataSourceTypeEnum.ORDER) {
+        stageConfig.value = await getOrderStatusConfig();
+      } else if (props.sourceType === FieldDataSourceTypeEnum.BUSINESS) {
+        stageConfig.value = await getOpportunityStageConfig();
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  const stageColumnConfig = computed(() => {
+    if (isCustomForm.value) {
+      return {};
+    }
+    if (props.sourceType === FieldDataSourceTypeEnum.ORDER) {
+      return {
+        orderStage: stageConfig.value?.stageConfigList || [],
+      };
+    }
+    if (props.sourceType === FieldDataSourceTypeEnum.BUSINESS) {
+      return {
+        opportunityStage: stageConfig.value?.stageConfigList || [],
+      };
+    }
+    return {};
+  });
+
+  await initStageConfig();
+
+  const { internalColumnMap, staticColumns, noSorterType } = await useFormCreateSystemColumns({
+    formKey: formKey.value as FormKey,
+    containerClass: '',
+    specialRender: {
+      ...(!isCustomForm.value ? dataSourceSpecialRenderMap[props.sourceType as FieldDataSourceTypeEnum] || {} : {}),
+    },
+    ...stageColumnConfig.value,
+  });
+
+  const defaultInternalNameKeyMap: Record<string, string> = {
+    [FormDesignKeyEnum.CUSTOMER]: 'customerName',
+    [FormDesignKeyEnum.CLUE]: 'clueName',
+    [FormDesignKeyEnum.BUSINESS]: 'opportunityName',
+    [FormDesignKeyEnum.CONTACT]: 'contactName',
+    [FormDesignKeyEnum.PRODUCT]: 'productName',
+    [FormDesignKeyEnum.OPPORTUNITY_QUOTATION]: 'quotationName',
+    [FormDesignKeyEnum.ORDER]: 'orderName',
+    [FormDesignKeyEnum.CONTRACT]: 'contractName',
+    [FormDesignKeyEnum.CONTRACT_PAYMENT]: 'contractPaymentPlanName',
+    [FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD]: 'contractPaymentRecordName',
+    [FormDesignKeyEnum.PRICE]: 'priceName',
+    [FormDesignKeyEnum.BUSINESS_TITLE]: 'name',
+    [FormDesignKeyEnum.CUSTOM_FORM]: 'customFormDataName',
+  };
+
+  function mapColumnKey(columnKey: string): string {
+    const keyMap: Record<string, string> = {
+      customerId: 'customerName',
+      owner: 'ownerName',
+      stage: 'stageName',
+      contactId: 'contactName',
+      contractId: 'contractName',
+      paymentPlanId: 'paymentPlanName',
+      opportunityId: 'opportunityName',
+      businessTitleId: 'businessTitleName',
+    };
+    return keyMap[columnKey] || columnKey;
+  }
+
+  function getFieldColumnKey(field: FormCreateField) {
+    let key = field.businessKey || field.id;
+    if (field.resourceFieldId) {
+      key = field.id;
+    }
+    return mapColumnKey(key);
+  }
+
+  const defaultInternalKey = computed(() => {
+    return defaultInternalNameKeyMap[formKey.value as FormDesignKeyEnum];
+  });
+
+  const defaultDisplayField = computed<FormCreateField | undefined>(() => {
+    return fieldList.value.find((field) => field.internalKey === defaultInternalKey.value);
+  });
+
+  const selectedDisplayFields = computed<string[]>(() => {
+    const defaultFormColumn =
+      props.fieldConfig?.dataSourceType === FieldDataSourceTypeEnum.BUSINESS_TITLE
+        ? []
+        : internalColumnMap[formKey.value] || [];
+    const fixedFieldIds = [...defaultFormColumn, ...staticColumns].map((column) => String(column.key));
+    const allFields = [...fieldList.value.map((e) => e.id), ...fixedFieldIds];
+    const savedFieldIds = props.fieldConfig?.listDisplayFields || [];
+
+    const matchedFieldsIds = savedFieldIds
+      .map((fieldId) => allFields.find((id) => id === fieldId))
+      .filter((field): field is string => !!field);
+
+    if (matchedFieldsIds.length === 0) {
+      return defaultDisplayField.value ? [defaultDisplayField.value.id] : [];
+    }
+
+    if (!defaultDisplayField.value) {
+      return matchedFieldsIds;
+    }
+
+    return [
+      defaultDisplayField.value.id,
+      ...matchedFieldsIds.filter((fieldId) => fieldId !== defaultDisplayField.value?.id),
+    ];
+  });
+
+  function buildFieldColumn(field: FormCreateField): CrmDataTableColumn {
+    const isTag = [
+      FieldTypeEnum.DATA_SOURCE_MULTIPLE,
+      FieldTypeEnum.MEMBER_MULTIPLE,
+      FieldTypeEnum.DEPARTMENT_MULTIPLE,
+      FieldTypeEnum.INPUT_MULTIPLE,
+      FieldTypeEnum.SELECT_MULTIPLE,
+      FieldTypeEnum.CHECKBOX,
+    ].includes(field.type);
+
+    const hasFilter = [
+      FieldTypeEnum.RADIO,
+      FieldTypeEnum.CHECKBOX,
+      FieldTypeEnum.SELECT,
+      FieldTypeEnum.SELECT_MULTIPLE,
+    ];
+
+    const columnKey = getFieldColumnKey(field);
+
+    const baseColumn: CrmDataTableColumn = {
+      title: field.name,
+      key: columnKey,
+      ellipsis: {
+        tooltip: true,
+      },
+      resizable: true,
+      width: field.internalKey === defaultInternalKey.value ? 220 : 150,
+      isTag,
+      fixed: defaultDisplayField.value?.id === field.id && selectedDisplayFields.value.length > 2 ? 'left' : undefined,
+      sortOrder: false,
+      filter: !field.resourceFieldId && hasFilter.includes(field.type),
+      filterOptions: field.options || field.initialOptions?.map((e: any) => ({ label: e.name, value: e.id })),
+      sorter: !noSorterType.includes(field.type) && !field.resourceFieldId,
+      filedType: field.type,
+      resourceFieldId: field.resourceFieldId,
+    };
+    if (field.type === FieldTypeEnum.PICTURE) {
+      return {
+        ...baseColumn,
+        render: (row: any) =>
+          h(
+            'div',
+            {
+              class: 'flex items-center',
+            },
+            [
+              h(
+                NImageGroup,
+                {},
+                {
+                  default: () =>
+                    row[columnKey]?.length
+                      ? (row[columnKey] || []).map((_key: string) =>
+                          h(NImage, {
+                            class: 'h-[40px] w-[40px] mr-[4px]',
+                            src: `${PreviewPictureUrl}/${_key}?userId=${userStore.userInfo.id}`,
+                          })
+                        )
+                      : '-',
+                }
+              ),
+            ]
+          ),
+      };
+    }
+
+    if (props.sourceType === FieldDataSourceTypeEnum.BUSINESS_TITLE && field.businessKey === 'name') {
+      return {
+        ...baseColumn,
+        render: (row: RowData) =>
+          h(
+            CrmNameTooltip,
+            { text: row[columnKey] as string },
+            {
+              prefix: () => h(CrmBusinessNamePrefix, { type: row.type }),
+            }
+          ),
+      };
+    }
+
+    return baseColumn;
+  }
+
+  function buildSubFieldColumn(field: FormCreateField): CrmDataTableColumn {
+    const columnKey = field.businessKey || field.id;
+    return {
+      title: field.name,
+      key: field.id,
+      width: 120,
+      ellipsis: {
+        tooltip: true,
+      },
+      resizable: true,
+      render:
+        field.type === FieldTypeEnum.PICTURE
+          ? (row: any) =>
+              h(
+                'div',
+                {
+                  class: 'flex items-center',
+                },
+                [
+                  h(
+                    NImageGroup,
+                    {},
+                    {
+                      default: () =>
+                        row[columnKey]?.length
+                          ? (Array.isArray(row[columnKey]) ? row[columnKey] : []).map((_key: string) =>
+                              h(NImage, {
+                                class: 'h-[40px] w-[40px] mr-[4px]',
+                                src: `${PreviewPictureUrl}/${_key}?userId=${userStore.userInfo.id}`,
+                              })
+                            )
+                          : '-',
+                    }
+                  ),
+                ]
+              )
+          : undefined,
+    };
+  }
+
+  const visibleColumns = computed<CrmDataTableColumn[]>(() => {
+    const allFields = fieldList.value || [];
+    const savedFieldKeys = props.fieldConfig?.listDisplayFields || [];
+    const resolvedColumns: CrmDataTableColumn[] = [];
+    const appendedKeys = new Set<string>();
+    const defaultFieldId = defaultDisplayField.value?.id;
+    const defaultColumn = defaultDisplayField.value ? buildFieldColumn(defaultDisplayField.value) : undefined;
+
+    if (defaultColumn && defaultFieldId) {
+      resolvedColumns.push(defaultColumn);
+      appendedKeys.add(defaultFieldId);
+    }
+
+    const allSystemColumns = [...(internalColumnMap[formKey.value] || []), ...staticColumns];
+    const systemColumnMap = new Map(allSystemColumns.map((column) => [String(column.key), column] as const));
+
+    savedFieldKeys.forEach((fieldKey) => {
+      const matchedField = allFields.find((field) => field.id === fieldKey);
+      if (matchedField) {
+        if (!appendedKeys.has(matchedField.id)) {
+          resolvedColumns.push(buildFieldColumn(matchedField));
+          appendedKeys.add(matchedField.id);
+        }
+        return;
+      }
+
+      const matchedSystemColumn = systemColumnMap.get(String(fieldKey));
+      if (matchedSystemColumn && !appendedKeys.has(String(matchedSystemColumn.key))) {
+        resolvedColumns.push(matchedSystemColumn);
+        appendedKeys.add(String(matchedSystemColumn.key));
+      }
+    });
+
+    if (resolvedColumns.length === 0 && defaultColumn) {
+      return [defaultColumn];
+    }
+
+    return resolvedColumns;
+  });
+
+  const columns = computed<CrmDataTableColumn[]>(() => {
+    const selectionColumn: CrmDataTableColumn = {
+      type: 'selection',
+      multiple: subFieldKey.value ? true : props.multiple,
+      width: 46,
+      disabled(row: RowData) {
+        if (subFieldKey.value) {
+          return (!row[subFieldKey.value] || row[subFieldKey.value]?.length === 0) && !row.parentId;
+        }
+        return props.disabledSelection ? props.disabledSelection(row) : false;
+      },
+      resizable: false,
+      fixed: 'left',
+    };
+
+    const subColumns = subFieldKey.value
+      ? (subField.value?.subFields || []).map((field) => buildSubFieldColumn(field))
+      : [];
+
+    return [selectionColumn, ...visibleColumns.value, ...subColumns];
+  });
+
+  const listApi = computed(() => {
+    return isCustomForm.value ? getFieldCustomFormList : sourceApi[props.sourceType as FieldDataSourceTypeEnum];
+  });
+
+  const { propsRes, propsEvent, loadList, setAdvanceFilter, setLoadListParams } = useTable(
+    listApi.value,
+    {
+      columns: columns.value,
+      showSetting: false,
+      crmPagination: {
+        showSizePicker: false,
+      },
+      containerClass: '.crm-data-source-table',
+      childrenKey: subFieldKey.value,
+      cascade: false,
+      rowClassName: (row) => {
+        if (subFieldKey.value && row[subFieldKey.value]?.length) {
+          return 'crm-data-source-has-subfields';
+        }
+        return '';
+      },
+    },
+    (item, originalData) => {
+      const transformItem = transformData({
+        item,
+        originalData,
+        fields: fieldList.value,
+        needParseSubTable: true,
+      });
+      if (subFieldKey.value) {
+        transformItem[subFieldKey.value] = transformItem[subFieldKey.value]?.map((subItem: any) => ({
+          ...subItem,
+          parentId: item.id,
+          parentName: item.name,
+        }));
+      }
+      return transformItem;
+    }
+  );
+
+  const keyword = ref('');
+
+  function searchData(_keyword?: string) {
+    if (props.filterParams) {
+      setAdvanceFilter(props.filterParams);
+    }
+    setLoadListParams({
+      keyword: _keyword !== undefined ? _keyword : keyword.value,
+      customFormId: isCustomForm.value ? (props.sourceType as string | undefined) : undefined,
+    });
+    loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  function handleRowKeyChange(keys: DataTableRowKey[], _rows: InternalRowData[]) {
+    if (subFieldKey.value) {
+      const parentIds = _rows.map((r) => r.parentId as DataTableRowKey);
+      selectedKeys.value = Array.from(new Set(keys.concat(parentIds)));
+      const parentRows =
+        propsRes.value.data.filter(
+          (r) => parentIds.includes(r.id as DataTableRowKey) && !_rows.some((row) => row.id === r.id)
+        ) || [];
+      selectedRows.value = _rows.concat(parentRows);
+    } else {
+      selectedKeys.value = keys;
+      selectedRows.value = _rows;
+    }
+  }
+
+  const isFullScreen = computed(() => crmTableRef.value?.isFullScreen);
+
+  onBeforeMount(async () => {
+    await initFormConfig();
+    emit('initForm', fieldList.value);
+    searchData();
+  });
+
+  watch(
+    () => isFullScreen.value,
+    (val) => {
+      emit('toggleFullScreen', val ?? false);
+    }
+  );
+</script>
+
+<style lang="less">
+  .crm-data-source-table {
+    .n-checkbox--disabled .n-checkbox--checked {
+      .check-icon {
+        opacity: 1 !important;
+        transform: scale(1) !important;
+      }
+    }
+    .n-radio--disabled .n-checkbox--checked {
+      .n-radio__dot::before {
+        opacity: 1 !important;
+        transform: scale(1) !important;
+      }
+    }
+    .crm-data-source-has-subfields {
+      .n-data-table-td--selection {
+        .n-checkbox,
+        .n-radio {
+          @apply hidden;
+        }
+      }
+    }
+    .n-data-table-td {
+      @apply whitespace-nowrap;
+      .n-ellipsis {
+        width: calc(100% - 24px);
+      }
+    }
+  }
+  .crm-data-source-search-input {
+    --n-box-shadow-focus-error: 0 0 0 2px rgb(var(--primary-8) 0.2) !important;
+    &.n-input {
+      .n-input__border {
+        &:focus {
+          border: 1px solid var(--primary-8) !important;
+        }
+      }
+      .n-input__state-border {
+        border: 1px solid var(--primary-8) !important;
+      }
+      &:not(.n-input--disabled) .n-input__input-el {
+        caret-color: var(--primary-8) !important;
+      }
+    }
+  }
+  .crm-datasource-table--hasSubField {
+    .n-data-table-thead {
+      .n-checkbox {
+        @apply hidden;
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-data-source-select/index.vue b/frontend/packages/web/src/components/business/crm-data-source-select/index.vue
new file mode 100644
index 0000000..7345ba1
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-data-source-select/index.vue
@@ -0,0 +1,278 @@
+<template>
+  <n-select
+    v-model:value="value"
+    filterable
+    multiple
+    tag
+    :placeholder="t('common.pleaseSelect')"
+    :render-tag="renderTag"
+    :show-arrow="false"
+    :show="false"
+    :disabled="props.disabled"
+    :max-tag-count="props.maxTagCount"
+    :status="props.status"
+    @click="showDataSourcesModal"
+  />
+  <CrmModal
+    v-model:show="dataSourcesModalVisible"
+    :title="t('crmFormDesign.selectDataSource', { type: dataSourceTitle })"
+    :positive-text="t('common.confirm')"
+    :class="`crm-data-source-select-modal ${fullScreenModal ? 'crm-full-modal' : ''}`"
+    @confirm="handleDataSourceConfirm"
+    @cancel="handleDataSourceCancel"
+  >
+    <dataSourceTable
+      v-model:selected-keys="selectedKeys"
+      v-model:selected-rows="selectedRows"
+      :multiple="props.multiple"
+      :source-type="props.dataSourceType"
+      :disabled-selection="props.disabledSelection ? props.disabledSelection : undefined"
+      :filter-params="filterParams"
+      :fullscreen-target-ref="fullscreenTargetRef"
+      :fieldConfig="props.fieldConfig"
+      :isSubTableRender="props.hideChildTag"
+      @init-form="handleFormInit"
+      @toggle-full-screen="(val) => (fullScreenModal = val)"
+    />
+  </CrmModal>
+</template>
+
+<script setup lang="ts">
+  import { DataTableRowKey, NSelect, SelectOption } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import { FieldDataSourceTypeEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { CustomFormItem } from '@lib/shared/models/customForm';
+
+  import { FilterResult } from '@/components/pure/crm-advance-filter/type';
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import dataSourceTable from './dataSourceTable.vue';
+
+  import { getCustomFormOptions } from '@/api/modules';
+
+  import type { DataSourceType, FormCreateField } from '../crm-form-create/types';
+  import { getCustomDataSourceName, isCustomDataSourceType } from './utils';
+  import type { InternalRowData, RowKey } from 'naive-ui/es/data-table/src/interface';
+
+  interface DataSourceTableProps {
+    dataSourceType: DataSourceType;
+    multiple?: boolean;
+    disabled?: boolean;
+    disabledSelection?: (row: any) => boolean;
+    maxTagCount?: number | 'responsive';
+    filterParams?: FilterResult;
+    fieldConfig?: FormCreateField;
+    hideChildTag?: boolean;
+    status?: 'error' | 'success' | 'warning';
+  }
+
+  const props = withDefaults(defineProps<DataSourceTableProps>(), {
+    multiple: true,
+  });
+  const emit = defineEmits<{
+    (
+      e: 'change',
+      value: (string | number)[],
+      source: Record<string, any>[],
+      dataSourceFormFields: FormCreateField[]
+    ): void;
+    (e: 'delete', id?: string | number): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const typeLocaleMap = {
+    [FieldDataSourceTypeEnum.CUSTOMER]: 'crmFormDesign.customer',
+    [FieldDataSourceTypeEnum.CONTACT]: 'crmFormDesign.contact',
+    [FieldDataSourceTypeEnum.BUSINESS]: 'crmFormDesign.opportunity',
+    [FieldDataSourceTypeEnum.PRODUCT]: 'crmFormDesign.product',
+    [FieldDataSourceTypeEnum.CLUE]: 'crmFormDesign.clue',
+    [FieldDataSourceTypeEnum.CUSTOMER_OPTIONS]: 'crmFormDesign.customer',
+    [FieldDataSourceTypeEnum.USER_OPTIONS]: '',
+    [FieldDataSourceTypeEnum.PRICE]: 'crmFormCreate.drawer.price',
+    [FieldDataSourceTypeEnum.CONTRACT]: 'crmFormCreate.drawer.contract',
+    [FieldDataSourceTypeEnum.QUOTATION]: 'crmFormCreate.drawer.quotation',
+    [FieldDataSourceTypeEnum.CONTRACT_PAYMENT]: 'crmFormCreate.drawer.contractPaymentPlan',
+    [FieldDataSourceTypeEnum.CONTRACT_PAYMENT_RECORD]: 'crmFormCreate.drawer.contractPaymentRecord',
+    [FieldDataSourceTypeEnum.BUSINESS_TITLE]: 'crmFormCreate.drawer.businessTitle',
+    [FieldDataSourceTypeEnum.ORDER]: 'crmFormCreate.drawer.order',
+    [FieldDataSourceTypeEnum.INVOICE]: 'crmFormCreate.drawer.invoice',
+  };
+
+  const customDataSourceForms = ref<CustomFormItem[]>([]);
+  async function initCustomDataSourceForms() {
+    try {
+      const res = await getCustomFormOptions();
+      customDataSourceForms.value = res || [];
+    } catch (error) {
+      customDataSourceForms.value = [];
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  const dataSourceTitle = computed(() => {
+    if (isCustomDataSourceType(props.fieldConfig?.dataSourceType)) {
+      return (
+        getCustomDataSourceName(props.fieldConfig?.dataSourceType as string | undefined, customDataSourceForms.value) ||
+        t('module.customForm') // todo name 等待替换
+      );
+    }
+    const localeKey = typeLocaleMap[props.dataSourceType as FieldDataSourceTypeEnum];
+    if (localeKey) {
+      return t(localeKey);
+    }
+    return (
+      getCustomDataSourceName(props.dataSourceType as string | undefined, customDataSourceForms.value) ||
+      t('module.customForm')
+    );
+  });
+
+  const value = defineModel<DataTableRowKey[]>('value', {
+    required: true,
+    default: [],
+  });
+  const rows = defineModel<InternalRowData[]>('rows', {
+    default: [],
+  });
+
+  const selectedRows = ref<InternalRowData[]>(cloneDeep(rows.value));
+  const selectedKeys = ref<DataTableRowKey[]>(value.value.map((e) => e));
+
+  const dataSourcesModalVisible = ref(false);
+  const dataSourceFormFields = ref<FormCreateField[]>([]);
+  const initialRows = ref<InternalRowData[]>([]);
+
+  function handleFormInit(fields: FormCreateField[]) {
+    dataSourceFormFields.value = fields;
+  }
+
+  function handleDataSourceConfirm() {
+    const newRows = selectedRows.value;
+    if (rows.value.length !== newRows.length || rows.value.some((item, index) => item.id !== newRows[index].id)) {
+      rows.value = cloneDeep(newRows);
+      value.value = newRows.map((e) => e.id) as RowKey[];
+      nextTick(() => {
+        emit('change', value.value, newRows, dataSourceFormFields.value);
+      });
+    }
+    dataSourcesModalVisible.value = false;
+  }
+
+  function handleDataSourceCancel() {
+    selectedKeys.value = [];
+    dataSourcesModalVisible.value = false;
+  }
+
+  const renderTag = ({ option, handleClose }: { option: SelectOption; handleClose: () => void }) => {
+    const _row = (rows.value || []).find((item) => item?.id === option.value);
+    return props.hideChildTag && _row?.parentId
+      ? null
+      : h(
+          CrmTag,
+          {
+            type: 'default',
+            theme: 'light',
+            closable: !props.disabled,
+            onClose: () => {
+              handleClose();
+              if (props.hideChildTag) {
+                // 价格表关闭标签需要清理子项和父项
+                rows.value = [];
+                value.value = [];
+              } else {
+                rows.value = rows.value.filter((item) => item.id !== option.value);
+                value.value = value.value.filter((key) => key !== option.value);
+              }
+              emit('delete', option.value);
+              nextTick(() => {
+                emit('change', value.value, rows.value, dataSourceFormFields.value);
+              });
+            },
+          },
+          {
+            default: () => {
+              return _row?.name || t('common.optionNotExist');
+            },
+          }
+        );
+  };
+
+  function showDataSourcesModal() {
+    if (!props.disabled) {
+      selectedKeys.value = value.value;
+      dataSourcesModalVisible.value = true;
+    }
+  }
+
+  watch(
+    () => value.value,
+    () => {
+      selectedKeys.value = value.value;
+      selectedRows.value = initialRows.value
+        .concat(rows.value)
+        .filter((item) => value.value.includes(item.id as DataTableRowKey));
+      rows.value = cloneDeep(selectedRows.value);
+    }
+  );
+
+  const fullscreenTargetRef = ref();
+  const fullScreenModal = ref(false);
+
+  function setFullWrapperFullScreenRef() {
+    nextTick(() => {
+      const wrapper = document.querySelector('.n-modal-body-wrapper .crm-data-source-select-modal');
+      fullscreenTargetRef.value = wrapper;
+    });
+  }
+
+  watch(
+    () => dataSourcesModalVisible.value,
+    (v) => {
+      initCustomDataSourceForms();
+      if (v) {
+        setFullWrapperFullScreenRef();
+      } else {
+        fullScreenModal.value = false;
+      }
+    }
+  );
+
+  watch(
+    () => fullScreenModal.value,
+    () => {
+      setFullWrapperFullScreenRef();
+    }
+  );
+
+  onBeforeMount(() => {
+    if (value.value.length === 0) {
+      initialRows.value = cloneDeep(rows.value);
+    }
+    rows.value = rows.value.filter((item) => value.value.includes(item.id as DataTableRowKey));
+  });
+</script>
+
+<style lang="less">
+  .crm-data-source-select-modal {
+    .n-dialog__title {
+      @apply justify-between;
+    }
+  }
+  .crm-full-modal {
+    width: 100% !important;
+    max-width: 100vw !important;
+    .n-dialog__content {
+      height: calc(100vh - 136px);
+      .n-scrollbar {
+        height: 100% !important;
+        max-height: none !important;
+        .n-scrollbar-content {
+          height: 100%;
+        }
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-data-source-select/locale/en-US.ts b/frontend/packages/web/src/components/business/crm-data-source-select/locale/en-US.ts
new file mode 100644
index 0000000..fa57b33
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-data-source-select/locale/en-US.ts
@@ -0,0 +1,3 @@
+export default {
+  'crmDataSourceSelect.customForm.searchPlaceholder': 'Search data',
+};
diff --git a/frontend/packages/web/src/components/business/crm-data-source-select/locale/zh-CN.ts b/frontend/packages/web/src/components/business/crm-data-source-select/locale/zh-CN.ts
new file mode 100644
index 0000000..4716539
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-data-source-select/locale/zh-CN.ts
@@ -0,0 +1,3 @@
+export default {
+  'crmDataSourceSelect.customForm.searchPlaceholder': '搜索数据',
+};
diff --git a/frontend/packages/web/src/components/business/crm-data-source-select/type.ts b/frontend/packages/web/src/components/business/crm-data-source-select/type.ts
new file mode 100644
index 0000000..8cbacbd
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-data-source-select/type.ts
@@ -0,0 +1,12 @@
+import type { FilterResult } from '../../pure/crm-advance-filter/type';
+import { DataSourceType } from '../crm-form-create/types';
+import type { RowData } from 'naive-ui/es/data-table/src/interface';
+
+export interface DataSourceProps {
+  dataSourceType: DataSourceType;
+  multiple?: boolean;
+  disabled?: boolean;
+  disabledSelection?: (row: RowData) => boolean;
+  maxTagCount?: number | 'responsive';
+  filterParams?: FilterResult;
+}
diff --git a/frontend/packages/web/src/components/business/crm-data-source-select/utils.ts b/frontend/packages/web/src/components/business/crm-data-source-select/utils.ts
new file mode 100644
index 0000000..86c59c7
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-data-source-select/utils.ts
@@ -0,0 +1,41 @@
+import { type SelectOption } from 'naive-ui';
+
+import { FieldDataSourceTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+import { CustomFormItem } from '@lib/shared/models/customForm';
+
+export interface DataSourceOption extends SelectOption {
+  formKey?: FormDesignKeyEnum;
+  dataSourceType?: FieldDataSourceTypeEnum | string;
+}
+
+export function isCustomDataSourceType(dataSourceType?: FieldDataSourceTypeEnum | string) {
+  if (!dataSourceType) {
+    return false;
+  }
+
+  return !Object.values(FieldDataSourceTypeEnum).includes(dataSourceType as FieldDataSourceTypeEnum);
+}
+
+export function getCustomDataSourceName(dataSourceType: string | undefined, customDataSourceForms: CustomFormItem[]) {
+  if (!dataSourceType) {
+    return '';
+  }
+
+  return customDataSourceForms.find((item) => item.id === dataSourceType)?.name || '';
+}
+
+export function getDataSourceFormKey(
+  dataSourceType: FieldDataSourceTypeEnum | string | undefined,
+  map: Partial<Record<FieldDataSourceTypeEnum, FormDesignKeyEnum>>,
+  fallback?: FormDesignKeyEnum
+) {
+  if (isCustomDataSourceType(dataSourceType)) {
+    return FormDesignKeyEnum.CUSTOM_FORM;
+  }
+
+  if (!dataSourceType) {
+    return fallback;
+  }
+
+  return map[dataSourceType as FieldDataSourceTypeEnum] || fallback;
+}
diff --git a/frontend/packages/web/src/components/business/crm-duplicate-check-drawer/components/globalSearchDrawer.vue b/frontend/packages/web/src/components/business/crm-duplicate-check-drawer/components/globalSearchDrawer.vue
new file mode 100644
index 0000000..10eba68
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-duplicate-check-drawer/components/globalSearchDrawer.vue
@@ -0,0 +1,382 @@
+<template>
+  <CrmDrawer
+    v-model:show="visible"
+    width="100%"
+    :title="t('workbench.duplicateCheck.advanced')"
+    :footer="false"
+    no-padding
+    :show-back="true"
+    @cancel="handleCancel"
+  >
+    <div class="global-search-wrapper">
+      <div class="global-search">
+        <CrmCard hide-footer auto-height class="mb-[16px]">
+          <div class="w-full bg-[var(--text-n10)]">
+            <div class="mb-[16px] flex w-full items-center gap-[12px]">
+              <div class="flex flex-nowrap">{{ t('workbench.duplicateCheck.searchScoped') }}</div>
+              <div>
+                <CrmTab
+                  v-model:active-tab="activeTab"
+                  no-content
+                  :tab-list="tabList"
+                  type="segment"
+                  @change="() => handleReset()"
+                />
+              </div>
+            </div>
+            <div class="w-[50%] min-w-[800px]">
+              <FilterContent
+                ref="filterContentRef"
+                v-model:form-model="formModel"
+                no-filter-option
+                :config-list="configList"
+                :custom-list="customList"
+                :max-filter-field-number="5"
+                keep-one-line
+                :max-filter-field-add-tooltip="t('workbench.duplicateCheck.maxConditionTooltip')"
+              >
+                <template #addButtonRight>
+                  <div class="flex items-center gap-[12px]">
+                    <n-button size="small" type="default" class="outline--secondary" @click="clearFilter">
+                      {{ t('common.reset') }}
+                    </n-button>
+                    <n-button size="small" type="primary" @click="handleFilter">
+                      {{ t('advanceFilter.filter') }}
+                    </n-button>
+                  </div>
+                </template>
+              </FilterContent>
+            </div>
+          </div>
+        </CrmCard>
+        <CrmCard hide-footer :special-height="totalCount > 0 ? 0 : 228">
+          <Suspense>
+            <opportunityTable
+              v-if="activeTab === FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY"
+              ref="opportunityTableRef"
+              readonly
+              is-limit-show-detail
+              hidden-advance-filter
+              :form-key="FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY"
+              @open-customer-drawer="handleOpenCustomerDrawer"
+              @init="setFilterConfigList"
+            >
+              <template #searchTableTotal="{ total }">
+                <globalSearchResult :title="currentTitle" :total="total" @init-total="initTotal" />
+              </template>
+            </opportunityTable>
+            <customerTable
+              v-else-if="activeTab === FormDesignKeyEnum.SEARCH_ADVANCED_CUSTOMER"
+              ref="customerTableRef"
+              readonly
+              is-limit-show-detail
+              hidden-advance-filter
+              :form-key="FormDesignKeyEnum.SEARCH_ADVANCED_CUSTOMER"
+              @init="setFilterConfigList"
+              @show-count-detail="(row, type) => emit('showCountDetail', row, type)"
+            >
+              <template #searchTableTotal="{ total }">
+                <globalSearchResult :title="currentTitle" :total="total" @init-total="initTotal" />
+              </template>
+            </customerTable>
+            <ContactTable
+              v-else-if="activeTab === FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT"
+              ref="contactTableRef"
+              readonly
+              hidden-advance-filter
+              :form-key="FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT"
+              @init="setFilterConfigList"
+            >
+              <template #searchTableTotal="{ total }">
+                <globalSearchResult :title="currentTitle" :total="total" @init-total="initTotal" />
+              </template>
+            </ContactTable>
+            <openSeaTable
+              v-else-if="activeTab === FormDesignKeyEnum.SEARCH_ADVANCED_PUBLIC"
+              ref="openSeaTableRef"
+              readonly
+              hidden-pool-select
+              hidden-advance-filter
+              is-limit-show-detail
+              :form-key="FormDesignKeyEnum.SEARCH_ADVANCED_PUBLIC"
+              @init="setFilterConfigList"
+            >
+              <template #searchTableTotal="{ total }">
+                <globalSearchResult :title="currentTitle" :total="total" @init-total="initTotal" />
+              </template>
+            </openSeaTable>
+            <clueTable
+              v-else-if="activeTab === FormDesignKeyEnum.SEARCH_ADVANCED_CLUE"
+              ref="clueTableRef"
+              readonly
+              is-limit-show-detail
+              hidden-advance-filter
+              :table-form-key="FormDesignKeyEnum.SEARCH_ADVANCED_CLUE"
+              @init="setFilterConfigList"
+            >
+              <template #searchTableTotal="{ total }">
+                <globalSearchResult :title="currentTitle" :total="total" @init-total="initTotal" />
+              </template>
+            </clueTable>
+            <cluePoolTable
+              v-else-if="activeTab === FormDesignKeyEnum.SEARCH_ADVANCED_CLUE_POOL"
+              ref="cluePoolTableRef"
+              readonly
+              hidden-pool-select
+              hidden-advance-filter
+              is-limit-show-detail
+              :form-key="FormDesignKeyEnum.SEARCH_ADVANCED_CLUE_POOL"
+              @init="setFilterConfigList"
+            >
+              <template #searchTableTotal="{ total }">
+                <globalSearchResult :title="currentTitle" :total="total" @init-total="initTotal" />
+              </template>
+            </cluePoolTable>
+          </Suspense>
+        </CrmCard>
+      </div>
+    </div>
+
+    <customerOverviewDrawer
+      v-model:show="showCustomerOverviewDrawer"
+      :source-id="activeSourceId"
+      :readonly="isCustomerReadonly"
+    />
+  </CrmDrawer>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { NButton } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import FilterContent from '@/components/pure/crm-advance-filter/components/filterContent.vue';
+  import { ConditionsItem, FilterForm, FilterFormItem, FilterResult } from '@/components/pure/crm-advance-filter/type';
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmTab from '@/components/pure/crm-tab/index.vue';
+  import { multipleValueTypeList } from '@/components/business/crm-form-create/config';
+  import ContactTable from '@/components/business/crm-form-create-table/contactTable.vue';
+  import globalSearchResult from './globalSearchResult.vue';
+  import clueTable from '@/views/clueManagement/clue/components/clueTable.vue';
+  import cluePoolTable from '@/views/clueManagement/cluePool/components/cluePoolTable.vue';
+  import customerOverviewDrawer from '@/views/customer/components/customerOverviewDrawer.vue';
+  import customerTable from '@/views/customer/components/customerTable.vue';
+  import openSeaTable from '@/views/customer/components/openSeaTable.vue';
+  import opportunityTable from '@/views/opportunity/components/opportunityTable.vue';
+
+  import { lastScopedOptions } from '../config';
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    formKey?: FormDesignKeyEnum | null;
+    keyword: string;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'showCountDetail', row: Record<string, any>, type: 'opportunity' | 'clue'): void;
+    (e: 'close'): void;
+  }>();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const defaultFormModel: FilterForm = {
+    searchMode: 'AND',
+    list: [{ dataIndex: null, operator: undefined, value: null, type: FieldTypeEnum.INPUT }],
+  };
+
+  const formModel = ref<FilterForm>(cloneDeep(defaultFormModel));
+  const savedFormModel = ref(cloneDeep(formModel.value));
+  const filterContentRef = ref<InstanceType<typeof FilterContent>>();
+  const globalKeyword = ref('');
+
+  const isAdvancedSearchMode = ref(false);
+  const filterResult = ref<FilterResult>({ searchMode: 'AND', conditions: [] });
+
+  const activeTab = ref(FormDesignKeyEnum.SEARCH_ADVANCED_CUSTOMER);
+
+  function getParams(): FilterResult {
+    const conditions: ConditionsItem[] = formModel.value.list.map((item: any) => ({
+      value: item.value,
+      operator: item.operator,
+      name: item.dataIndex ?? '',
+      multipleValue: multipleValueTypeList.includes(item.type),
+      type: item.type,
+    }));
+
+    return {
+      searchMode: formModel.value.searchMode,
+      conditions,
+    };
+  }
+
+  const getIsValidValue = (item: ConditionsItem) => {
+    if (typeof item.value === 'boolean') return String(item.value).length;
+    if (typeof item.value === 'number') return item.value;
+    return item.value?.length;
+  };
+
+  const opportunityTableRef = ref<InstanceType<typeof opportunityTable>>();
+  const customerTableRef = ref<InstanceType<typeof customerTable>>();
+  const contactTableRef = ref<InstanceType<typeof ContactTable>>();
+  const openSeaTableRef = ref<InstanceType<typeof openSeaTable>>();
+  const clueTableRef = ref<InstanceType<typeof clueTable>>();
+  const cluePoolTableRef = ref<InstanceType<typeof cluePoolTable>>();
+
+  function loadList(filter: FilterResult) {
+    switch (activeTab.value) {
+      case FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY:
+        opportunityTableRef.value?.handleAdvanceFilter?.(filter, isAdvancedSearchMode.value, globalKeyword.value);
+        break;
+      case FormDesignKeyEnum.SEARCH_ADVANCED_CUSTOMER:
+        customerTableRef.value?.handleAdvanceFilter?.(filter, isAdvancedSearchMode.value, globalKeyword.value);
+        break;
+      case FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT:
+        contactTableRef.value?.handleAdvanceFilter?.(filter, isAdvancedSearchMode.value, globalKeyword.value);
+        break;
+      case FormDesignKeyEnum.SEARCH_ADVANCED_PUBLIC:
+        openSeaTableRef.value?.handleAdvanceFilter?.(filter, isAdvancedSearchMode.value, globalKeyword.value);
+        break;
+      case FormDesignKeyEnum.SEARCH_ADVANCED_CLUE:
+        clueTableRef.value?.handleAdvanceFilter?.(filter, isAdvancedSearchMode.value, globalKeyword.value);
+        break;
+      case FormDesignKeyEnum.SEARCH_ADVANCED_CLUE_POOL:
+        cluePoolTableRef.value?.handleAdvanceFilter?.(filter, isAdvancedSearchMode.value, globalKeyword.value);
+        break;
+      default:
+        break;
+    }
+  }
+
+  function initSearchData() {
+    switch (activeTab.value) {
+      case FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY:
+        opportunityTableRef.value?.handleSearchData?.(globalKeyword.value);
+        break;
+      case FormDesignKeyEnum.SEARCH_ADVANCED_CUSTOMER:
+        customerTableRef.value?.handleSearchData?.(globalKeyword.value);
+        break;
+      case FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT:
+        contactTableRef.value?.handleSearchData?.(globalKeyword.value);
+        break;
+      case FormDesignKeyEnum.SEARCH_ADVANCED_PUBLIC:
+        openSeaTableRef.value?.handleSearchData?.(globalKeyword.value);
+        break;
+      case FormDesignKeyEnum.SEARCH_ADVANCED_CLUE:
+        clueTableRef.value?.handleSearchData?.(globalKeyword.value);
+        break;
+      case FormDesignKeyEnum.SEARCH_ADVANCED_CLUE_POOL:
+        cluePoolTableRef.value?.handleSearchData?.(globalKeyword.value);
+        break;
+      default:
+        break;
+    }
+  }
+
+  const handleFilterConditions = (filter: FilterResult) => {
+    const haveConditions: boolean =
+      filter.conditions?.some((item) => {
+        const valueCanEmpty = ['EMPTY', 'NOT_EMPTY'].includes(item.operator as string);
+        return valueCanEmpty || getIsValidValue(item);
+      }) ?? false;
+
+    isAdvancedSearchMode.value = haveConditions;
+    filterResult.value = filter;
+    loadList(filter);
+  };
+
+  function handleFilter() {
+    filterContentRef.value?.formRef?.validate((errors) => {
+      if (!errors) {
+        handleFilterConditions(getParams());
+      }
+    });
+  }
+
+  function handleReset() {
+    filterContentRef.value?.formRef?.restoreValidation();
+    formModel.value = JSON.parse(JSON.stringify(savedFormModel.value));
+  }
+
+  function clearFilter() {
+    handleReset();
+    handleFilterConditions({ searchMode: 'AND', conditions: [] });
+  }
+
+  const configList = ref<FilterFormItem[]>([]);
+  const customList = ref<FilterFormItem[]>([]);
+
+  function setFilterConfigList(params: Record<string, any>) {
+    const { filterConfigList, customFieldsFilterConfig } = params;
+    configList.value = filterConfigList;
+    customList.value = customFieldsFilterConfig;
+    initSearchData();
+  }
+
+  const activeSourceId = ref<string>('');
+  const isCustomerReadonly = ref(false);
+  const showCustomerOverviewDrawer = ref(false);
+
+  function handleOpenCustomerDrawer(
+    params: { customerId: string; inCustomerPool: boolean; poolId: string },
+    readonly = false
+  ) {
+    activeSourceId.value = params.customerId;
+    showCustomerOverviewDrawer.value = true;
+    isCustomerReadonly.value = readonly;
+  }
+
+  watch(
+    () => props.formKey,
+    (val) => {
+      globalKeyword.value = '';
+      if (val) {
+        globalKeyword.value = props.keyword;
+        activeTab.value = val as FormDesignKeyEnum;
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  const tabList = computed(() => lastScopedOptions.value.map((e) => ({ name: e.value, tab: e.label })));
+
+  const currentTitle = computed(() => lastScopedOptions.value.find((e) => e.value === activeTab.value)?.label ?? '');
+
+  const totalCount = ref(0);
+  function initTotal(val: number) {
+    totalCount.value = val;
+  }
+  function handleCancel() {
+    clearFilter();
+    emit('close');
+  }
+
+  watch(
+    () => visible.value,
+    (val) => {
+      if (val) {
+        activeTab.value = props.formKey ?? lastScopedOptions.value[0]?.value;
+      }
+    }
+  );
+</script>
+
+<style scoped lang="less">
+  .global-search-wrapper {
+    padding: 16px;
+    background: var(--text-n9);
+    @apply h-full w-full;
+    .global-search {
+      @apply h-full  w-full overflow-y-auto;
+      .crm-scroll-bar();
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-duplicate-check-drawer/components/globalSearchResult.vue b/frontend/packages/web/src/components/business/crm-duplicate-check-drawer/components/globalSearchResult.vue
new file mode 100644
index 0000000..36db588
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-duplicate-check-drawer/components/globalSearchResult.vue
@@ -0,0 +1,33 @@
+<template>
+  <div class="flex items-center font-semibold">
+    {{ t('workbench.duplicateCheck.searchInAdvancedResult', { name: props.title }) }}
+    <div class="text-[var(--text-n4)]"> （{{ props.total }}） </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    total: number;
+    title: string;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'initTotal', val: number): void;
+  }>();
+
+  watch(
+    () => props.total,
+    () => {
+      emit('initTotal', props.total);
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-duplicate-check-drawer/components/relatedTable.vue b/frontend/packages/web/src/components/business/crm-duplicate-check-drawer/components/relatedTable.vue
new file mode 100644
index 0000000..0868dd9
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-duplicate-check-drawer/components/relatedTable.vue
@@ -0,0 +1,57 @@
+<template>
+  <div :class="props.class">
+    <div class="flex items-center font-semibold">
+      {{ props.title }}
+      <div class="text-[var(--text-n4)]"> （{{ propsRes.crmPagination?.itemCount || 0 }}） </div>
+    </div>
+    <div class="mt-[8px] rounded-[var(--border-radius-small)] bg-[var(--text-n9)] p-[16px]">
+      <CrmTable
+        ref="crmTableRef"
+        v-bind="propsRes"
+        class="!min-h-[548px]"
+        @page-change="propsEvent.pageChange"
+        @page-size-change="propsEvent.pageSizeChange"
+        @sorter-change="propsEvent.sorterChange"
+        @filter-change="propsEvent.filterChange"
+      />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import type { CommonList } from '@lib/shared/models/common';
+
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import type { CrmDataTableColumn } from '@/components/pure/crm-table/type';
+  import useTable from '@/components/pure/crm-table/useTable';
+
+  const props = defineProps<{
+    api: (data: any) => Promise<CommonList<any>>;
+    columns: CrmDataTableColumn[];
+    title: string;
+    class: string;
+  }>();
+
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+  const { propsRes, propsEvent, loadList, setLoadListParams } = useTable(props.api, {
+    showSetting: false,
+    columns: props.columns,
+    crmPagination: {
+      size: 'small',
+    },
+    hiddenRefresh: true,
+    hiddenTotal: ref(true),
+    containerClass: props.class,
+  });
+
+  async function searchData(val: string, id?: string) {
+    setLoadListParams({ name: val, ...(id ? { id } : {}) });
+    await loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  defineExpose({
+    searchData,
+    propsRes,
+  });
+</script>
diff --git a/frontend/packages/web/src/components/business/crm-duplicate-check-drawer/config.ts b/frontend/packages/web/src/components/business/crm-duplicate-check-drawer/config.ts
new file mode 100644
index 0000000..acfbfd7
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-duplicate-check-drawer/config.ts
@@ -0,0 +1,71 @@
+import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+import { ModuleConfigEnum } from '@lib/shared/enums/moduleEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+import { DefaultSearchSetFormModel, ModuleNavBaseInfoItem } from '@lib/shared/models/system/module';
+
+import useAppStore from '@/store/modules/app';
+import { hasAnyPermission } from '@/utils/permission';
+
+const { t } = useI18n();
+const appStore = useAppStore();
+
+export interface ScopedOptions {
+  label: string;
+  value: FormDesignKeyEnum;
+  moduleKey: ModuleConfigEnum;
+  permission: string[];
+}
+
+export const scopedOptions = [
+  {
+    label: t('crmFormDesign.clue'),
+    value: FormDesignKeyEnum.SEARCH_ADVANCED_CLUE,
+    moduleKey: ModuleConfigEnum.CLUE_MANAGEMENT,
+    permission: ['CLUE_MANAGEMENT:READ'],
+  },
+  {
+    label: t('module.cluePool'),
+    value: FormDesignKeyEnum.SEARCH_ADVANCED_CLUE_POOL,
+    moduleKey: ModuleConfigEnum.CLUE_MANAGEMENT,
+    permission: ['CLUE_MANAGEMENT_POOL:READ'],
+  },
+  {
+    label: t('crmFormDesign.customer'),
+    value: FormDesignKeyEnum.SEARCH_ADVANCED_CUSTOMER,
+    moduleKey: ModuleConfigEnum.CUSTOMER_MANAGEMENT,
+    permission: ['CUSTOMER_MANAGEMENT:READ'],
+  },
+  {
+    label: t('module.openSea'),
+    value: FormDesignKeyEnum.SEARCH_ADVANCED_PUBLIC,
+    moduleKey: ModuleConfigEnum.CUSTOMER_MANAGEMENT,
+    permission: ['CUSTOMER_MANAGEMENT_POOL:READ'],
+  },
+  {
+    label: t('module.businessManagement'),
+    value: FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY,
+    moduleKey: ModuleConfigEnum.BUSINESS_MANAGEMENT,
+    permission: ['OPPORTUNITY_MANAGEMENT:READ'],
+  },
+
+  {
+    label: t('crmFormDesign.contact'),
+    value: FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT,
+    moduleKey: ModuleConfigEnum.CUSTOMER_MANAGEMENT,
+    permission: ['CUSTOMER_MANAGEMENT_CONTACT:READ'],
+  },
+];
+
+export const lastScopedOptions = computed<ScopedOptions[]>(() =>
+  scopedOptions.filter((e: ScopedOptions) =>
+    appStore.moduleConfigList.find(
+      (m: ModuleNavBaseInfoItem) => m.moduleKey === e.moduleKey && m.enable && hasAnyPermission(e.permission)
+    )
+  )
+);
+
+export const defaultSearchSetFormModel: DefaultSearchSetFormModel = {
+  searchFields: {}, // 字段map
+  resultDisplay: false, // 是否开启
+  sortSetting: [], // 排序列表
+};
diff --git a/frontend/packages/web/src/components/business/crm-duplicate-check-drawer/index.vue b/frontend/packages/web/src/components/business/crm-duplicate-check-drawer/index.vue
new file mode 100644
index 0000000..ebcf1a6
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-duplicate-check-drawer/index.vue
@@ -0,0 +1,392 @@
+<template>
+  <CrmDrawer
+    v-model:show="visible"
+    resizable
+    no-padding
+    :default-width="1000"
+    :footer="false"
+    class="min-w-[1000px]"
+    :title="t('common.search')"
+  >
+    <div class="flex h-full flex-col overflow-hidden px-[24px] pt-[24px]">
+      <div class="mb-[16px] flex items-center justify-between gap-[12px]">
+        <CrmSearchInput
+          v-model:value="keyword"
+          class="crm-duplicateCheck-search !w-full"
+          auto-search
+          :debounce-time="500"
+          :placeholder="t('workbench.duplicateCheck.inputPlaceholder')"
+          @search="(val) => refresh(val)"
+        />
+        <searchSettingButton
+          v-model:config-list="configList"
+          @init="initAdvanceConfig"
+          @init-config-list="initConfigList"
+        />
+        <n-button
+          v-if="enableAdvanced && lastScopedOptions.length > 0"
+          class="n-btn-outline-primary"
+          type="primary"
+          ghost
+          @click="() => openGlobalSearch()"
+        >
+          {{ t('workbench.duplicateCheck.advanced') }}
+        </n-button>
+      </div>
+      <!-- 查询结果 -->
+      <n-spin v-if="keyword.length" :show="loading" class="flex-1 overflow-hidden" content-class="flex flex-col">
+        <div class="flex gap-[8px]">
+          <CrmTag
+            v-for="(item, index) of displayConfigList"
+            :key="`${item.value}-${index}`"
+            :type="activeConfigValue === item.value ? 'primary' : 'default'"
+            theme="light"
+            class="cursor-pointer !px-[12px]"
+            size="large"
+            tooltip-disabled
+            @click="clickTag(item)"
+          >
+            <span>
+              {{ item.label }}
+              <span
+                :class="`${activeConfigValue === item.value ? 'text-[var(--primary-8)]' : 'text-[var(--text-n4)]'}`"
+              >
+                ({{ moduleCount?.[item.value] }})
+              </span>
+            </span>
+          </CrmTag>
+        </div>
+
+        <CrmTable
+          v-if="displayConfigList.length"
+          ref="crmTableRef"
+          class="crm-search-table"
+          v-bind="useTableRes.propsRes.value"
+          :columns="columns"
+          @page-size-change="useTableRes.propsEvent.value.pageSizeChange"
+          @sorter-change="useTableRes.propsEvent.value.sorterChange"
+          @filter-change="useTableRes.propsEvent.value.filterChange"
+          @page-change="useTableRes.propsEvent.value.pageChange"
+        />
+      </n-spin>
+    </div>
+  </CrmDrawer>
+
+  <CrmDrawer v-model:show="showDetailDrawer" :width="800" :footer="false" :title="activeCustomer?.name">
+    <RelatedTable
+      ref="detailTableRef"
+      :api="detailType === 'opportunity' ? advancedSearchOptDetail : getAdvancedSearchClueDetail"
+      :columns="relatedColumns"
+      :title="
+        detailType === 'opportunity'
+          ? t('workbench.duplicateCheck.relatedOpportunity')
+          : t('workbench.duplicateCheck.relatedClue')
+      "
+      class="crm-detail-related-table"
+    />
+  </CrmDrawer>
+  <GlobalSearchDrawer
+    v-model:visible="showGlobalSearchDrawer"
+    :keyword="keyword"
+    :form-key="globalSearchFormKey"
+    @close="handleClose"
+    @show-count-detail="(row:any,type:'opportunity' | 'clue')=>showDetail(row,type)"
+  />
+</template>
+
+<script setup lang="ts">
+  import { NButton, NSpin } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { DefaultSearchSetFormModel, ModuleNavBaseInfoItem } from '@lib/shared/models/system/module';
+
+  import { FilterFormItem } from '@/components/pure/crm-advance-filter/type';
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmSearchInput from '@/components/pure/crm-search-input/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import type { CrmDataTableColumn } from '@/components/pure/crm-table/type';
+  import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import GlobalSearchDrawer from './components/globalSearchDrawer.vue';
+  import RelatedTable from './components/relatedTable.vue';
+  import searchSettingButton from './searchConfig/index.vue';
+
+  import {
+    advancedSearchOptDetail,
+    getAdvancedSearchClueDetail,
+    getAdvancedSwitch,
+    getGlobalModuleCount,
+  } from '@/api/modules';
+  import useAppStore from '@/store/modules/app';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  import { defaultSearchSetFormModel, lastScopedOptions, ScopedOptions } from './config';
+  import type { SearchTableKey } from './useSearchTable';
+  import useSearchTable from './useSearchTable';
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const { t } = useI18n();
+  const appStore = useAppStore();
+
+  const keyword = ref('');
+
+  const loading = ref(false);
+  const moduleCount = ref<Record<string, number>>();
+  async function getCountList(val: string) {
+    if (!val) return;
+    try {
+      loading.value = true;
+      const res = await getGlobalModuleCount(val);
+      moduleCount.value = res.reduce<Record<string, number>>((acc, item) => {
+        acc[item.key] = item.count;
+        return acc;
+      }, {});
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  const tableRefreshId = ref(0);
+
+  const formModel = ref<DefaultSearchSetFormModel>(cloneDeep(defaultSearchSetFormModel)); // 设置里的值
+  const allFieldMap = ref<Record<string, FilterFormItem[]>>({}); // 所有可匹配的字段列表
+  function initAdvanceConfig(val: Record<string, any>, form: DefaultSearchSetFormModel) {
+    allFieldMap.value = val.value;
+    formModel.value = form;
+    tableRefreshId.value += 1;
+  }
+
+  const configList = ref<ScopedOptions[]>([]); // 横向标签列表
+  const displayConfigList = computed(() => {
+    const enableList = configList.value.filter((e: ScopedOptions) =>
+      appStore.moduleConfigList.find(
+        (m: ModuleNavBaseInfoItem) => m.moduleKey === e.moduleKey && m.enable && hasAnyPermission(e.permission)
+      )
+    );
+    if (!formModel.value.resultDisplay) {
+      return enableList;
+    }
+    return enableList.filter((item) => moduleCount.value?.[item.value]);
+  });
+  const activeConfigValue = ref<SearchTableKey>(lastScopedOptions.value[0].value as SearchTableKey); // 当前选中的标签
+
+  function initConfigList() {
+    activeConfigValue.value = displayConfigList.value[0]?.value as SearchTableKey;
+  }
+  function clickTag(config: ScopedOptions) {
+    activeConfigValue.value = config.value as SearchTableKey;
+  }
+  const { useTableRes, columns, openNewPageOpportunity, openNewPageClue } = await useSearchTable({
+    searchTableKey: activeConfigValue,
+    fieldList: computed(() => allFieldMap.value[activeConfigValue.value] ?? []),
+    selectedFieldIdList: computed(() => formModel.value.searchFields[activeConfigValue.value] ?? []),
+  });
+
+  const activeCustomer = ref();
+  const showDetailDrawer = ref(false);
+  const detailType = ref<'opportunity' | 'clue'>('clue');
+
+  const opportunityColumns: CrmDataTableColumn[] = [
+    {
+      title: t('opportunity.name'),
+      key: 'name',
+      width: 100,
+      fieldId: 'name',
+      ellipsis: {
+        tooltip: true,
+      },
+      render: (row: any) => {
+        if (!row.hasPermission) return row.name;
+        return h(
+          CrmTableButton,
+          {
+            onClick: () => {
+              openNewPageOpportunity(row);
+            },
+          },
+          { default: () => row.name, trigger: () => row.name }
+        );
+      },
+    },
+    {
+      title: t('opportunity.customerName'),
+      key: 'customerName',
+      fieldId: 'customerId',
+      width: 100,
+      ellipsis: {
+        tooltip: true,
+      },
+    },
+    {
+      title: t('opportunity.intendedProducts'),
+      key: 'productNames',
+      fieldId: 'products',
+      width: 100,
+      isTag: true,
+    },
+    {
+      title: t('opportunity.stage'),
+      width: 100,
+      key: 'stage',
+      render: (row) => {
+        const step = appStore.stageConfigList.find((e: any) => e.value === row.stage);
+        return step ? step.label : '-';
+      },
+    },
+    {
+      title: t('common.head'),
+      key: 'ownerName',
+      fieldId: 'owner',
+      width: 100,
+      ellipsis: {
+        tooltip: true,
+      },
+    },
+  ];
+
+  const clueColumns: CrmDataTableColumn[] = [
+    {
+      title: t('crmFollowRecord.companyName'),
+      key: 'name',
+      fieldId: 'name',
+      width: 100,
+      ellipsis: {
+        tooltip: true,
+      },
+      render: (row: any) => {
+        if (!row.hasPermission) return row.name;
+        return h(
+          CrmTableButton,
+          {
+            onClick: () => {
+              openNewPageClue(row);
+            },
+          },
+          { default: () => row.name, trigger: () => row.name }
+        );
+      },
+    },
+    {
+      title: t('common.head'),
+      key: 'ownerName',
+      fieldId: 'owner',
+      width: 100,
+      ellipsis: {
+        tooltip: true,
+      },
+    },
+    {
+      title: t('opportunity.intendedProducts'),
+      key: 'productNameList',
+      fieldId: 'products',
+      width: 100,
+      isTag: true,
+      tagGroupProps: {
+        labelKey: 'name',
+      },
+    },
+  ];
+  const relatedColumns = computed(() => {
+    const fieldList =
+      allFieldMap.value[
+        detailType.value === 'clue'
+          ? FormDesignKeyEnum.SEARCH_ADVANCED_CLUE
+          : FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY
+      ];
+
+    // title替换
+    const resultColumns = (detailType.value === 'clue' ? clueColumns : opportunityColumns).map((item) => {
+      const title = fieldList.find((i) => i.dataIndex === item.fieldId)?.title;
+      return {
+        ...item,
+        title: title ?? item.title,
+      };
+    });
+    return resultColumns;
+  });
+
+  const detailTableRef = ref<InstanceType<typeof RelatedTable>>();
+  function showDetail(row: any, type: 'opportunity' | 'clue') {
+    activeCustomer.value = row;
+    detailType.value = type;
+    showDetailDrawer.value = true;
+    nextTick(() => {
+      detailTableRef.value?.searchData(row.name, row.id);
+    });
+  }
+
+  const searchData = async (val: string) => {
+    if (!val) return;
+    useTableRes.setLoadListParams({ keyword: val });
+    await useTableRes.loadList();
+  };
+
+  async function refresh(val: string) {
+    await getCountList(val);
+    if (!displayConfigList.value.some((item) => item.value === activeConfigValue.value)) {
+      initConfigList();
+    }
+    searchData(val);
+  }
+
+  watch(
+    () => tableRefreshId.value,
+    async () => {
+      await refresh(keyword.value);
+    }
+  );
+
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+  watch(
+    () => activeConfigValue.value,
+    () => {
+      nextTick(() => {
+        searchData(keyword.value);
+        crmTableRef.value?.scrollTo({ top: 0 });
+      });
+    }
+  );
+
+  const enableAdvanced = ref(false);
+  async function getEnableAdvanced() {
+    try {
+      enableAdvanced.value = await getAdvancedSwitch();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  watch(
+    () => visible.value,
+    (val) => {
+      if (!val) {
+        keyword.value = '';
+      }
+      nextTick(() => {
+        (document.querySelector('.crm-duplicateCheck-search input') as HTMLInputElement)?.focus();
+      });
+      getEnableAdvanced();
+    }
+  );
+
+  const showGlobalSearchDrawer = ref(false);
+
+  const globalSearchFormKey = ref();
+  function openGlobalSearch(value?: FormDesignKeyEnum) {
+    globalSearchFormKey.value = value;
+    showGlobalSearchDrawer.value = true;
+  }
+
+  function handleClose() {
+    globalSearchFormKey.value = undefined;
+  }
+</script>
diff --git a/frontend/packages/web/src/components/business/crm-duplicate-check-drawer/searchConfig/index.vue b/frontend/packages/web/src/components/business/crm-duplicate-check-drawer/searchConfig/index.vue
new file mode 100644
index 0000000..fef81d9
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-duplicate-check-drawer/searchConfig/index.vue
@@ -0,0 +1,105 @@
+<template>
+  <n-button
+    v-if="lastScopedOptions.length > 0"
+    class="n-btn-outline-primary !px-[8px]"
+    type="primary"
+    ghost
+    @click="handleAdvancedConfig"
+  >
+    <CrmIcon type="iconicon_set_up" class="cursor-pointer text-[var(--primary-8)]" :size="16" />
+  </n-button>
+  <searchSettingModal
+    v-model:config-list="configList"
+    v-model:form-model="formModel"
+    v-model:visible="showAdvancedSettingModal"
+    :search-field-map="searchFieldMap"
+    :init="initSearchDetail"
+    @refresh="handleRefresh"
+  />
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { NButton } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import { DefaultSearchSetFormModel } from '@lib/shared/models/system/module';
+
+  import searchSettingModal from './searchSettingModal.vue';
+
+  import { getSearchConfig } from '@/api/modules';
+  import { useAppStore } from '@/store';
+
+  import type { ScopedOptions } from '../config';
+  import { defaultSearchSetFormModel, lastScopedOptions, scopedOptions } from '../config';
+  import useSearchFormConfig from '../useSearchFormConfig';
+
+  const appStore = useAppStore();
+
+  const emit = defineEmits<{
+    (e: 'init', val: Record<string, any>, formModel: DefaultSearchSetFormModel): void;
+    (e: 'initConfigList'): void;
+  }>();
+
+  const configList = defineModel<ScopedOptions[]>('configList', {
+    default: () => scopedOptions,
+  });
+
+  const formModel = ref<DefaultSearchSetFormModel>(cloneDeep(defaultSearchSetFormModel));
+
+  const { initSearchFormConfig, searchFieldMap, allFieldMap } = useSearchFormConfig();
+
+  const showAdvancedSettingModal = ref(false);
+  function handleAdvancedConfig() {
+    showAdvancedSettingModal.value = true;
+  }
+
+  const originSearchFields = ref({});
+  async function initSearchDetail(isInit = false) {
+    try {
+      const res = await getSearchConfig();
+      const { sortSetting } = res;
+
+      const optionsMap = new Map(scopedOptions.map((item) => [item.value, item]));
+      configList.value = sortSetting.map((val: any) => optionsMap.get(val)).filter(Boolean) as ScopedOptions[];
+
+      formModel.value = cloneDeep(res);
+      if (isInit) {
+        originSearchFields.value = cloneDeep(res.searchFields);
+        emit('init', allFieldMap, cloneDeep(res));
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  async function handleRefresh() {
+    initSearchDetail(true);
+  }
+
+  onMounted(async () => {
+    await appStore.initStageConfig();
+    await initSearchFormConfig();
+    await initSearchDetail(true);
+    emit('initConfigList');
+  });
+
+  watch(
+    () => originSearchFields.value,
+    (val) => {
+      if (val) {
+        nextTick(() => {
+          formModel.value.searchFields = val;
+        });
+      }
+    }
+  );
+
+  defineExpose({
+    searchFieldMap,
+    formModel,
+  });
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-duplicate-check-drawer/searchConfig/searchSetting.vue b/frontend/packages/web/src/components/business/crm-duplicate-check-drawer/searchConfig/searchSetting.vue
new file mode 100644
index 0000000..a3e190a
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-duplicate-check-drawer/searchConfig/searchSetting.vue
@@ -0,0 +1,114 @@
+<template>
+  <div class="bg-[var(--text-n9)] p-[16px]">
+    <div class="flex flex-1 flex-col">
+      <div class="flex flex-1 gap-[12px]">
+        <div class="w-[200px]">{{ t('workbench.duplicateCheck.searchModule') }}</div>
+        <div>{{ t('workbench.duplicateCheck.matchFields') }}</div>
+      </div>
+      <n-form
+        ref="formRef"
+        :model="formModel.searchFields"
+        label-placement="left"
+        class="flex flex-1 flex-col gap-[12px]"
+      >
+        <div v-for="element of props.scopedOptions" :key="element.value" class="flex flex-1 items-start gap-[12px]">
+          <div class="w-[200px]">
+            <div class="advanced-label">
+              {{ element.label }}
+            </div>
+          </div>
+          <div class="min-w-0 flex-1">
+            <n-form-item
+              :path="element.value"
+              :rule="!props.isNotRequiredValidate ? [{ required: true, message: t('common.value.nameNotNull') }] : []"
+              class="block flex-[1.5] overflow-hidden"
+            >
+              <CrmTreeSelect
+                v-model:value="formModel.searchFields[element.value]"
+                :placeholder="t('common.pleaseSelect')"
+                :limit-select-tooltip="t('workbench.duplicateCheck.maxSelectCountTooltip')"
+                :limit-select-count="5"
+                label-field="label"
+                key-field="id"
+                v-bind="{
+                  multiple: true,
+                  checkable: true,
+                  options: getOptions(element.value),
+                }"
+              />
+            </n-form-item>
+          </div>
+        </div>
+      </n-form>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { FormInst, NForm, NFormItem, TreeSelectOption } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { scrollIntoView } from '@lib/shared/method/dom';
+  import { DefaultSearchSetFormModel } from '@lib/shared/models/system/module';
+
+  import { FilterFormItem } from '@/components/pure/crm-advance-filter/type';
+  import CrmTreeSelect from '@/components/pure/crm-tree-select/index.vue';
+
+  import { ScopedOptions } from '../config';
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    searchFieldMap: Record<string, FilterFormItem[]>;
+    scopedOptions: ScopedOptions[];
+    isNotRequiredValidate?: boolean;
+  }>();
+
+  const formRef = ref<FormInst | null>(null);
+
+  const formModel = defineModel<DefaultSearchSetFormModel>('formModel', {
+    required: true,
+  });
+
+  function getOptions(value: string) {
+    const selected = formModel.value.searchFields[value] || [];
+    return props.searchFieldMap[value]?.map((e) => ({
+      label: e.title,
+      id: e?.id ?? e.dataIndex,
+      disabled: selected.length >= 5 && !selected.includes(e?.id),
+    })) as TreeSelectOption[];
+  }
+
+  function validateForm(cb: (res?: Record<string, any>) => void) {
+    formRef.value?.validate(async (errors) => {
+      if (errors) {
+        scrollIntoView(document.querySelector('.n-form-item-blank--error'), { block: 'center' });
+        return;
+      }
+      if (typeof cb === 'function') {
+        cb();
+      }
+    });
+  }
+
+  defineExpose({
+    formRef,
+    validateForm,
+  });
+</script>
+
+<style scoped lang="less">
+  .advanced-label {
+    width: 200px;
+    height: 32px;
+    border: 1px solid var(--text-n7);
+    border-radius: @border-radius-small;
+    color: var(--text-n1);
+    background: var(--text-n10);
+    @apply flex items-center justify-center;
+  }
+  :deep(.n-form-item-feedback-wrapper) {
+    min-height: 0;
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-duplicate-check-drawer/searchConfig/searchSettingModal.vue b/frontend/packages/web/src/components/business/crm-duplicate-check-drawer/searchConfig/searchSettingModal.vue
new file mode 100644
index 0000000..6214447
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-duplicate-check-drawer/searchConfig/searchSettingModal.vue
@@ -0,0 +1,149 @@
+<template>
+  <CrmModal
+    v-model:show="visible"
+    :title="t('workbench.duplicateCheck.searchConfig')"
+    :positive-text="t('common.save')"
+    :negative-text="t('common.reset')"
+    :width="816"
+  >
+    <searchSetting
+      ref="searchSettingRef"
+      v-model:form-model="formModel"
+      is-not-required-validate
+      :scoped-options="lastScopedOptions"
+      :search-field-map="props.searchFieldMap"
+    />
+    <div class="mt-[16px] text-[var(--text-n1)]">{{ t('workbench.duplicateCheck.filterResultSort') }}</div>
+    <n-scrollbar class="pb-[12px] pt-[8px]" x-scrollable>
+      <VueDraggable
+        v-model="configList"
+        :animation="150"
+        draggable=".draggable"
+        handle=".handle"
+        class="flex gap-[16px]"
+      >
+        <CrmTag
+          v-for="(item, index) of configList"
+          :key="`${item.value}-${index}`"
+          class="draggable !px-[12px]"
+          size="large"
+        >
+          <template #icon>
+            <CrmIcon type="iconicon_move" :size="16" class="handle cursor-move text-[var(--text-n4)]" />
+          </template>
+          {{ item.label }}
+        </CrmTag>
+      </VueDraggable>
+    </n-scrollbar>
+    <template #footer>
+      <div class="flex w-full items-center justify-between">
+        <div class="ml-[4px] flex items-center gap-[8px]">
+          <n-switch v-model:value="formModel.resultDisplay" :rubber-band="false" />
+          {{ t('workbench.duplicateCheck.showHasResultTable') }}
+        </div>
+        <div class="flex items-center justify-end gap-[12px]">
+          <n-button :disabled="loading" secondary @click="handleReset">
+            {{ t('common.reset') }}
+          </n-button>
+          <n-button
+            :loading="loading"
+            type="primary"
+            :disabled="
+              !Object.values(formModel.searchFields).some(
+                (e) => e !== null && e !== undefined && Array.isArray(e) && e.length >= 1
+              )
+            "
+            @click="handleConfirm"
+          >
+            {{ t('common.save') }}
+          </n-button>
+        </div>
+      </div>
+    </template>
+  </CrmModal>
+</template>
+
+<script setup lang="ts">
+  import { NButton, NScrollbar, NSwitch, useMessage } from 'naive-ui';
+  import { VueDraggable } from 'vue-draggable-plus';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { DefaultSearchSetFormModel } from '@lib/shared/models/system/module';
+
+  import { FilterFormItem } from '@/components/pure/crm-advance-filter/type';
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import searchSetting from './searchSetting.vue';
+
+  import { resetSearchConfig, searchConfig } from '@/api/modules';
+
+  import type { ScopedOptions } from '../config';
+  import { defaultSearchSetFormModel, lastScopedOptions, scopedOptions } from '../config';
+
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  const props = defineProps<{
+    searchFieldMap: Record<string, FilterFormItem[]>;
+    init: (isInit?: boolean) => Promise<void>;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'refresh'): void;
+  }>();
+
+  const visible = defineModel<boolean>('visible', { required: true });
+
+  const configList = defineModel<ScopedOptions[]>('configList', {
+    default: () => scopedOptions,
+  });
+
+  const formModel = defineModel<DefaultSearchSetFormModel>('formModel', {
+    required: true,
+    default: () => defaultSearchSetFormModel,
+  });
+
+  const searchSettingRef = ref<InstanceType<typeof searchSetting>>();
+  const loading = ref(false);
+  function handleConfirm() {
+    searchSettingRef.value?.formRef?.validate(async (errors) => {
+      if (!errors) {
+        loading.value = true;
+        try {
+          await searchConfig({
+            ...formModel.value,
+            sortSetting: configList.value.map((e) => e.value),
+          });
+          Message.success(t('common.saveSuccess'));
+          emit('refresh');
+          visible.value = false;
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        } finally {
+          loading.value = false;
+        }
+      }
+    });
+  }
+
+  async function handleReset() {
+    searchSettingRef.value?.formRef?.restoreValidation();
+    try {
+      await resetSearchConfig();
+      props.init(true);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  watch(
+    () => visible.value,
+    (val) => {
+      if (val) {
+        props.init(false);
+      }
+    }
+  );
+</script>
diff --git a/frontend/packages/web/src/components/business/crm-duplicate-check-drawer/useSearchFormConfig.ts b/frontend/packages/web/src/components/business/crm-duplicate-check-drawer/useSearchFormConfig.ts
new file mode 100644
index 0000000..547eb23
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-duplicate-check-drawer/useSearchFormConfig.ts
@@ -0,0 +1,88 @@
+import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+
+import { FilterFormItem } from '@/components/pure/crm-advance-filter/type';
+import { getFormConfigApiMap } from '@/components/business/crm-form-create/config';
+
+import useFormCreateAdvanceFilter from '@/hooks/useFormCreateAdvanceFilter';
+import { hasAnyPermission } from '@/utils/permission';
+
+export default function useSearchFormConfig() {
+  // 客户公海共用表单
+  const customerConfig = [FormDesignKeyEnum.SEARCH_ADVANCED_CUSTOMER, FormDesignKeyEnum.SEARCH_ADVANCED_PUBLIC];
+  // 联系人表单
+  const customerContactConfig = [FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT];
+  // 线索线索池共用表单
+  const clueConfig = [FormDesignKeyEnum.SEARCH_ADVANCED_CLUE_POOL, FormDesignKeyEnum.SEARCH_ADVANCED_CLUE];
+  // 商机表单
+  const opportunityConfig = [FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY];
+
+  const formScopedConfig = [
+    FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY,
+    FormDesignKeyEnum.SEARCH_ADVANCED_CUSTOMER,
+    FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT,
+    FormDesignKeyEnum.SEARCH_ADVANCED_CLUE,
+  ];
+
+  const searchFieldConfigType = [
+    FieldTypeEnum.INPUT,
+    FieldTypeEnum.PHONE,
+    FieldTypeEnum.DATA_SOURCE_MULTIPLE,
+    FieldTypeEnum.DATA_SOURCE,
+    FieldTypeEnum.SERIAL_NUMBER,
+  ];
+
+  // 表单类型配置映射表
+  const configMap: Partial<Record<FormDesignKeyEnum, FormDesignKeyEnum[]>> = {
+    [FormDesignKeyEnum.CUSTOMER]: customerConfig,
+    [FormDesignKeyEnum.CUSTOMER_CONTACT]: customerContactConfig,
+    [FormDesignKeyEnum.CLUE]: clueConfig,
+    [FormDesignKeyEnum.BUSINESS]: opportunityConfig,
+  };
+
+  const configPermissionMap: Partial<Record<FormDesignKeyEnum, string[]>> = {
+    [FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY]: ['OPPORTUNITY_MANAGEMENT:READ'],
+    [FormDesignKeyEnum.SEARCH_ADVANCED_CUSTOMER]: ['CUSTOMER_MANAGEMENT:READ', 'CUSTOMER_MANAGEMENT_POOL:READ'],
+    [FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT]: ['CUSTOMER_MANAGEMENT_CONTACT:READ'],
+    [FormDesignKeyEnum.SEARCH_ADVANCED_CLUE]: ['CLUE_MANAGEMENT:READ', 'CLUE_MANAGEMENT_POOL:READ'],
+  };
+
+  const { getFilterListConfig } = useFormCreateAdvanceFilter();
+
+  // 最终自定义字段对应的类型Map
+  const searchFieldMap = ref<Record<string, FilterFormItem[]>>({});
+  const allFieldMap = ref<Record<string, FilterFormItem[]>>({});
+
+  async function initSearchFormConfig() {
+    try {
+      const uniqueConfigs = [...new Set(formScopedConfig)];
+
+      const promises = uniqueConfigs.map(async (value) => {
+        const configKey = Object.keys(configMap).find((key) =>
+          (configMap[key as FormDesignKeyEnum] as FormDesignKeyEnum[]).includes(value)
+        );
+
+        if (!configKey) return;
+        if (!hasAnyPermission(configPermissionMap[value as FormDesignKeyEnum])) return;
+
+        const res = await getFormConfigApiMap[configKey as FormDesignKeyEnum]();
+        const result = getFilterListConfig(res, true);
+        const customFieldsFilterConfig = result.filter((e) => searchFieldConfigType.includes(e.type));
+
+        configMap[configKey as FormDesignKeyEnum]?.forEach((configValue) => {
+          searchFieldMap.value[configValue] = customFieldsFilterConfig;
+          allFieldMap.value[configValue] = result;
+        });
+      });
+
+      await Promise.all(promises);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+  return {
+    initSearchFormConfig,
+    searchFieldMap,
+    allFieldMap,
+  };
+}
diff --git a/frontend/packages/web/src/components/business/crm-duplicate-check-drawer/useSearchTable.ts b/frontend/packages/web/src/components/business/crm-duplicate-check-drawer/useSearchTable.ts
new file mode 100644
index 0000000..c4733c2
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-duplicate-check-drawer/useSearchTable.ts
@@ -0,0 +1,327 @@
+import dayjs from 'dayjs';
+
+import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+import type { CommonList, ModuleField } from '@lib/shared/models/common';
+
+import { FilterFormItem } from '@/components/pure/crm-advance-filter/type';
+import type { CrmDataTableColumn } from '@/components/pure/crm-table/type';
+import useTable from '@/components/pure/crm-table/useTable';
+import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+
+import {
+  getGlobalCluePoolList,
+  getGlobalCustomerContactList,
+  getGlobalCustomerList,
+  getGlobalOpenSeaCustomerList,
+  getGlobalSearchClueList,
+  globalSearchOptPage,
+} from '@/api/modules';
+import useOpenNewPage from '@/hooks/useOpenNewPage';
+import { useAppStore } from '@/store';
+
+import { ClueRouteEnum, CustomerRouteEnum, OpportunityRouteEnum } from '@/enums/routeEnum';
+
+export type SearchTableKey =
+  | FormDesignKeyEnum.SEARCH_ADVANCED_CLUE
+  | FormDesignKeyEnum.SEARCH_ADVANCED_CUSTOMER
+  | FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT
+  | FormDesignKeyEnum.SEARCH_ADVANCED_PUBLIC
+  | FormDesignKeyEnum.SEARCH_ADVANCED_CLUE_POOL
+  | FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY;
+
+export interface SearchTableProps {
+  searchTableKey: Ref<SearchTableKey>;
+  fieldList: Ref<FilterFormItem[]>;
+  selectedFieldIdList: Ref<string[]>;
+}
+
+export const getSearchListApiMap: Record<SearchTableKey, (data: any) => Promise<CommonList<any>>> = {
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CLUE]: getGlobalSearchClueList,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CUSTOMER]: getGlobalCustomerList,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT]: getGlobalCustomerContactList,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_PUBLIC]: getGlobalOpenSeaCustomerList,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CLUE_POOL]: getGlobalCluePoolList,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY]: globalSearchOptPage,
+};
+
+// 固定展示字段
+export const fixedFieldKeyListMap: Record<SearchTableKey, string[]> = {
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CLUE]: ['name', 'owner', 'departmentId', 'products'], // 公司名称 、负责人、部门、意向产品
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CLUE_POOL]: ['name', 'products', 'poolName'], // 公司名称 、意向产品、线索池名称
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CUSTOMER]: ['name', 'owner', 'departmentId'], // 客户名称、负责人、部门
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT]: ['customerId', 'name', 'phone', 'owner', 'departmentId'], // 客户名称、姓名、手机号、负责人、部门
+  [FormDesignKeyEnum.SEARCH_ADVANCED_PUBLIC]: ['name', 'poolName'], // 客户名称、公海名称
+  [FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY]: ['name', 'customerId', 'owner', 'departmentId', 'products', 'stage'], // 商机名称、客户名称、负责人、部门、意向产品、商机阶段
+};
+
+export default async function useSearchTable(props: SearchTableProps) {
+  const { openNewPage } = useOpenNewPage();
+  const { t } = useI18n();
+  const appStore = useAppStore();
+
+  function openNewPageClue(row: any) {
+    openNewPage(ClueRouteEnum.CLUE_MANAGEMENT, {
+      id: row.id,
+      transitionType: row.transitionType,
+      name: row.name,
+    });
+  }
+  function openNewPageCluePool(row: any) {
+    openNewPage(ClueRouteEnum.CLUE_MANAGEMENT_POOL, {
+      id: row.id,
+      name: row.name,
+      poolId: row.poolId,
+    });
+  }
+
+  function openNewPageOpportunity(row: any, isCustomer = false) {
+    const customerParams = {
+      customerId: row.customerId,
+      inCustomerPool: row.inCustomerPool,
+      poolId: row.poolId,
+    };
+    const opportunityParams = {
+      id: row.id,
+      opportunityName: row.name,
+    };
+    openNewPage(OpportunityRouteEnum.OPPORTUNITY, !isCustomer ? opportunityParams : customerParams);
+  }
+
+  function openNewPageCustomer(row: any) {
+    openNewPage(CustomerRouteEnum.CUSTOMER_INDEX, {
+      id: row.id,
+    });
+  }
+
+  function openNewPageCustomerSea(row: any) {
+    openNewPage(CustomerRouteEnum.CUSTOMER_OPEN_SEA, {
+      id: row.id,
+      poolId: row.poolId,
+    });
+  }
+
+  function openNewPageCustomerContact(row: any) {
+    openNewPage(CustomerRouteEnum.CUSTOMER_CONTACT, {
+      id: row.customerId,
+      inSharedPool: row.inSharedPool,
+      poolId: row.poolId,
+    });
+  }
+
+  const getNewPageMap: Record<SearchTableKey, (data: any, value?: any) => void> = {
+    [FormDesignKeyEnum.SEARCH_ADVANCED_CLUE]: openNewPageClue,
+    [FormDesignKeyEnum.SEARCH_ADVANCED_CUSTOMER]: openNewPageCustomer,
+    [FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT]: openNewPageCustomerContact,
+    [FormDesignKeyEnum.SEARCH_ADVANCED_PUBLIC]: openNewPageCustomerSea,
+    [FormDesignKeyEnum.SEARCH_ADVANCED_CLUE_POOL]: openNewPageCluePool,
+    [FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY]: openNewPageOpportunity,
+  };
+
+  const systemFieldList = computed(() => [
+    { dataIndex: 'departmentId', title: t('org.department'), type: FieldTypeEnum.INPUT },
+    { dataIndex: 'stage', title: t('opportunity.stage'), type: FieldTypeEnum.INPUT },
+    {
+      dataIndex: 'poolName',
+      title:
+        props.searchTableKey.value === FormDesignKeyEnum.SEARCH_ADVANCED_PUBLIC
+          ? t('module.customer.openSeaName')
+          : t('module.clue.name'),
+      type: FieldTypeEnum.INPUT,
+    },
+  ]);
+
+  const displayedColumnList = computed<FilterFormItem[]>(() => {
+    if (!props.searchTableKey.value) return [];
+    // 转换成同属性后查重
+    const selectedFieldKeyList = props.selectedFieldIdList.value.map(
+      (item) => props.fieldList.value.find((i) => i.id === item)?.dataIndex
+    );
+    const displayedColumnKeyList = [
+      ...new Set([...fixedFieldKeyListMap[props.searchTableKey.value], ...selectedFieldKeyList]),
+    ];
+    return displayedColumnKeyList
+      .map((item) => [...props.fieldList.value, ...systemFieldList.value].find((i) => i.dataIndex === item))
+      .filter(Boolean) as FilterFormItem[];
+  });
+
+  const createTimeColumn: CrmDataTableColumn = {
+    title: t('common.createTime'),
+    key: 'createTime',
+    width: 180,
+    ellipsis: {
+      tooltip: true,
+    },
+  };
+
+  const lastFollowTime: CrmDataTableColumn = {
+    title: t('customer.lastFollowUpDate'),
+    width: 160,
+    key: 'followTime',
+    ellipsis: {
+      tooltip: true,
+    },
+    sortOrder: false,
+    sorter: true,
+    render: (row: any) => (row.followTime ? dayjs(row.followTime).format('YYYY-MM-DD') : '-'),
+  };
+
+  const columns = computed<CrmDataTableColumn[]>(() => {
+    const resultColumns: CrmDataTableColumn[] = displayedColumnList.value.map((field) => {
+      // 名称
+      if (field.dataIndex === 'name' && props.searchTableKey.value !== FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT) {
+        return {
+          title: field.title,
+          width: 200,
+          key: field.dataIndex,
+          ellipsis: {
+            tooltip: true,
+          },
+          render: (row: any) => {
+            if (!row.hasPermission) return row.name;
+            return h(
+              CrmTableButton,
+              {
+                onClick: () => {
+                  getNewPageMap[props.searchTableKey.value](row);
+                },
+              },
+              { default: () => row.name, trigger: () => row.name }
+            );
+          },
+        };
+      }
+
+      if (field.dataIndex === 'customerId') {
+        return {
+          title: field.title,
+          width: 200,
+          key: field.dataIndex,
+          ellipsis: {
+            tooltip: true,
+          },
+          render: (row: any) => {
+            if (!row.hasPermission) return row.customerName;
+            return h(
+              CrmTableButton,
+              {
+                onClick: () => {
+                  if (props.searchTableKey.value === FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT) {
+                    getNewPageMap[props.searchTableKey.value](row);
+                  } else if (props.searchTableKey.value === FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY) {
+                    getNewPageMap[props.searchTableKey.value](row, true);
+                  }
+                },
+              },
+              { default: () => row.customerName, trigger: () => row.customerName }
+            );
+          },
+        };
+      }
+
+      // 部门
+      if (field.dataIndex === 'departmentId') {
+        return {
+          title: field.title,
+          width: 130,
+          key: 'departmentName',
+          ellipsis: {
+            tooltip: true,
+          },
+        };
+      }
+
+      // 负责人
+      if (field.dataIndex === 'owner') {
+        return {
+          title: field.title,
+          width: 150,
+          key: 'ownerName',
+          ellipsis: {
+            tooltip: true,
+          },
+        };
+      }
+
+      if (field.dataIndex === 'stage') {
+        return {
+          title: field.title,
+          width: 100,
+          key: field.dataIndex,
+          render: (row: any) => {
+            const step = appStore.stageConfigList.find((e: any) => e.value === row.stage);
+            return step ? step.label : '-';
+          },
+        };
+      }
+
+      if (field.type === FieldTypeEnum.DATA_SOURCE_MULTIPLE) {
+        return {
+          title: field.title,
+          width: 150,
+          key: field.dataIndex,
+          isTag: true,
+        } as CrmDataTableColumn;
+      }
+
+      return {
+        title: field.title,
+        width: 150,
+        key: field.dataIndex,
+        ellipsis: {
+          tooltip: true,
+        },
+        isTag: field.dataIndex === 'products',
+      } as CrmDataTableColumn;
+    });
+
+    // 除了线索池和公海，其他的有创建时间
+    const hasCreateTimeColumn = [
+      FormDesignKeyEnum.SEARCH_ADVANCED_CLUE_POOL,
+      FormDesignKeyEnum.SEARCH_ADVANCED_PUBLIC,
+    ].includes(props.searchTableKey.value)
+      ? []
+      : [createTimeColumn];
+
+    const hasLastFollowTime = [FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT].includes(props.searchTableKey.value)
+      ? []
+      : [lastFollowTime];
+
+    return [...resultColumns, ...hasLastFollowTime, ...hasCreateTimeColumn];
+  });
+
+  const api = computed(() => {
+    return getSearchListApiMap[props.searchTableKey.value] ?? (() => Promise.resolve([]));
+  });
+  const useTableRes = useTable(
+    (params) => api.value(params),
+    {
+      showPagination: true,
+      columns: columns.value,
+      showSetting: false,
+      hiddenRefresh: true,
+      hiddenAllScreen: true,
+      containerClass: '.crm-search-table',
+    },
+    (item) => {
+      const fieldMap = new Map(item.moduleFields?.map((field: ModuleField) => [field.fieldId, field.fieldValue]));
+      const fieldAttr: Record<string, any> = Object.fromEntries(
+        displayedColumnList.value
+          .filter((i: FilterFormItem) => i.id && fieldMap.has(i.id))
+          .map((i: FilterFormItem) => [i.dataIndex, fieldMap.get(i.id)!])
+      );
+
+      return {
+        ...item,
+        ...fieldAttr,
+      };
+    }
+  );
+
+  return {
+    useTableRes,
+    columns,
+    openNewPageOpportunity,
+    openNewPageClue,
+  };
+}
diff --git a/frontend/packages/web/src/components/business/crm-editable-text/index.vue b/frontend/packages/web/src/components/business/crm-editable-text/index.vue
new file mode 100644
index 0000000..d1dd7a3
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-editable-text/index.vue
@@ -0,0 +1,150 @@
+<template>
+  <n-input
+    v-if="isEditing"
+    ref="inputRef"
+    v-model:value="inputValue"
+    class="crm-editable-text-input-wrap"
+    :maxlength="255"
+    :placeholder="props.placeholder ?? t('common.pleaseInput')"
+    clearable
+    @update-value="handleInput"
+    @keydown="handleKeyDown"
+    @blur="handleBlurConfirm"
+    @compositionstart="handleCompositionStart"
+    @compositionend="handleCompositionEnd"
+  />
+  <div
+    v-else
+    class="crm-editable-text-view flex min-w-0 max-w-full items-center gap-[8px]"
+    :class="{ 'cursor-pointer': props.clickToEdit && hasEditPermission }"
+    @click="props.clickToEdit && hasEditPermission && !disabled ? enableEditMode() : undefined"
+  >
+    <slot>{{ value }} </slot>
+    <CrmIcon
+      v-if="hasEditPermission && !disabled"
+      class="table-row-edit cursor-pointer text-[var(--text-n4)]"
+      type="iconicon_edit"
+      :size="16"
+      @click.stop="enableEditMode"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { computed } from 'vue';
+  import { NInput, useMessage } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+
+  import useDiscreteApi from '@/hooks/useDiscreteApi';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const props = defineProps<{
+    value: string;
+    permission: string[];
+    clickToEdit?: boolean;
+    emptyTextTip?: string;
+    placeholder?: string;
+    disabled?: boolean;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'handleEdit', value: string, done?: () => void): void;
+    (e: 'input', value: string): void;
+  }>();
+
+  const { t } = useI18n();
+
+  // 在 X6 节点环境里很可能拿不到 n-message-provider，useMessage() 会直接抛错，导致节点组件初始化失败
+  const messageApi = (() => {
+    try {
+      return useMessage();
+    } catch (error) {
+      return useDiscreteApi().message;
+    }
+  })();
+
+  const isEditing = ref(false);
+  const inputRef = ref<InstanceType<typeof NInput> | null>(null);
+  const inputValue = ref<string>('');
+  const skipBlurConfirm = ref(false);
+  const isComposing = ref(false);
+  const hasEditPermission = computed(() => hasAnyPermission(props.permission));
+
+  function enableEditMode() {
+    inputValue.value = props.value;
+    isEditing.value = true;
+    nextTick(() => {
+      inputRef.value?.focus();
+    });
+  }
+
+  function confirmEdit() {
+    if (!inputValue.value.trim().length) {
+      const message = props.emptyTextTip ?? t('common.value.notNull');
+      if (messageApi) {
+        messageApi.warning(message);
+      } else {
+        // eslint-disable-next-line no-console
+        console.warn(message);
+      }
+      nextTick(() => {
+        inputRef.value?.focus();
+      });
+      return;
+    }
+    emit('handleEdit', inputValue.value, () => {
+      isEditing.value = false;
+    });
+  }
+
+  function handleKeyDown(event: KeyboardEvent) {
+    if (event.key !== 'Enter' || isComposing.value) {
+      return;
+    }
+    event.preventDefault();
+    skipBlurConfirm.value = true;
+    confirmEdit();
+  }
+
+  function handleCompositionStart() {
+    isComposing.value = true;
+  }
+
+  function handleCompositionEnd() {
+    isComposing.value = false;
+  }
+
+  function handleBlurConfirm() {
+    if (skipBlurConfirm.value) {
+      skipBlurConfirm.value = false;
+      return;
+    }
+
+    confirmEdit();
+  }
+
+  function handleInput(value: string) {
+    emit('input', value);
+  }
+</script>
+
+<style lang="less">
+  .crm-editable-text-view {
+    min-width: 0;
+    max-width: 100%;
+  }
+  .n-data-table {
+    .table-row-edit {
+      @apply invisible;
+    }
+    .n-data-table-tr:not(.n-data-table-tr--summary):hover {
+      .table-row-edit {
+        color: var(--primary-8);
+        @apply visible;
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-expand-button/index.vue b/frontend/packages/web/src/components/business/crm-expand-button/index.vue
new file mode 100644
index 0000000..447bb66
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-expand-button/index.vue
@@ -0,0 +1,42 @@
+<template>
+  <div>
+    <div class="flex items-center gap-[8px] text-[var(--primary-8)]" @click="toggle">
+      <CrmIcon
+        class="cursor-pointer"
+        :type="innerExpand ? 'iconicon_chevron_down' : 'iconicon_chevron_right'"
+        :size="16"
+      />
+      <div class="cursor-pointer">{{ props.text || t('common.more') }}</div>
+      <div class="flex-1">
+        <n-divider dashed />
+      </div>
+    </div>
+
+    <div v-show="expand" class="toggle-content">
+      <slot />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { NDivider } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    text?: string;
+  }>();
+
+  const innerExpand = defineModel<boolean>('expand', {
+    required: true,
+    default: false,
+  });
+
+  function toggle() {
+    innerExpand.value = !innerExpand.value;
+  }
+</script>
+
+<style scoped lang="less"></style>
diff --git a/frontend/packages/web/src/components/business/crm-expire-alert/index.vue b/frontend/packages/web/src/components/business/crm-expire-alert/index.vue
new file mode 100644
index 0000000..51fd687
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-expire-alert/index.vue
@@ -0,0 +1,43 @@
+<template>
+  <div v-if="licenseStore.expiredDuring" class="mb-[16px]" :class="props.styleClass">
+    <n-alert :type="licenseStore.expiredDays > 0 && licenseStore.expiredDays <= 30 ? 'warning' : 'error'">
+      <template #icon>
+        <n-icon><AlertCircle /></n-icon>
+      </template>
+      {{
+        licenseStore.expiredDays > 0 && licenseStore.expiredDays <= 30
+          ? t('system.license.LicenseExpirationPromptLessThanThirty', { day: licenseStore.expiredDays })
+          : getInvalidTip
+      }}
+    </n-alert>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { NAlert, NIcon } from 'naive-ui';
+  import { AlertCircle } from '@vicons/ionicons5';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import useLicenseStore from '@/store/modules/setting/license';
+
+  const licenseStore = useLicenseStore();
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    styleClass?: string[];
+  }>();
+
+  const getInvalidTip = computed(() => {
+    switch (licenseStore.licenseInfo?.status) {
+      case 'invalid':
+        return t('system.license.LicenseExpirationError');
+      case 'expired':
+        return t('system.license.LicenseExpirationPromptGreaterThanThirty');
+      default:
+        break;
+    }
+  });
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-file-input/index.vue b/frontend/packages/web/src/components/business/crm-file-input/index.vue
new file mode 100644
index 0000000..01cc40d
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-file-input/index.vue
@@ -0,0 +1,252 @@
+<template>
+  <div class="crm-file-input-wrapper">
+    <div
+      class="z-10 flex h-[24px] w-full items-center rounded-[3px_3px_0_0] border border-b-0 border-[var(--text-n7)] bg-[var(--text-n10)] px-[8px]"
+    >
+      <n-tooltip trigger="hover" placement="top-start">
+        <template #trigger>
+          <n-upload
+            v-model:file-list="fileList"
+            :custom-request="customRequest"
+            :multiple="props.multiple"
+            class="crm-file-input-upload"
+            :show-file-list="false"
+            :max="10"
+            directory-dnd
+            @change="({ file, fileList }) => handleFileChange(file as CrmFileItem, fileList as CrmFileItem[])"
+            @before-upload="({ file, fileList }) => beforeUpload(file as CrmFileItem, fileList as CrmFileItem[])"
+            @update-file-list="handleFileListChange"
+          >
+            <CrmIcon type="iconicon_link1" :size="16" class="text-[var(--text-n4)]" />
+          </n-upload>
+        </template>
+        {{ fileList.length === 10 ? t('crm.approval.fileLimitTip') : t('crmFormDesign.file') }}
+      </n-tooltip>
+    </div>
+    <n-input
+      v-model:value="value"
+      type="textarea"
+      :maxlength="300"
+      :autosize="{
+        minRows: 3,
+      }"
+      :status="valueStatus"
+      class="crm-file-input"
+      resizable
+      clearable
+    />
+    <div class="flex justify-end text-[var(--text-n4)]">{{ value.length }}/300</div>
+    <span v-if="valueStatus === 'error'" class="text-[var(--error-red)]">
+      {{ t('common.notNull', { value: props.name }) }}
+    </span>
+    <n-scrollbar :content-style="{ maxHeight: '400px' }" class="mt-[8px]">
+      <CrmFileList
+        v-if="fileList.length > 0"
+        :files="fileList as unknown as AttachmentInfo[]"
+        @deleteFile="handleDeleteFile"
+      />
+    </n-scrollbar>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import {
+    NInput,
+    NScrollbar,
+    NTooltip,
+    NUpload,
+    type UploadCustomRequestOptions,
+    type UploadFileInfo,
+    useMessage,
+  } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import { getFileEnum } from '@/components/pure/crm-upload/iconMap';
+  import type { CrmFileItem } from '@/components/pure/crm-upload/types';
+  import CrmFileList from '../crm-file-list/index.vue';
+
+  import { uploadTempAttachment } from '@/api/modules';
+
+  import type { AttachmentInfo } from '../crm-form-create/types';
+
+  const props = withDefaults(
+    defineProps<{
+      multiple?: boolean;
+      allowRepeat?: boolean;
+      maxSize?: number;
+      sizeUnit?: 'MB' | 'KB'; // 文件大小单位
+      isLimit?: boolean; // 是否限制文件大小
+      accept?: string; // 接受的文件类型
+      fileTypeTip?: string; // 文件类型不合法提示
+      required?: boolean;
+      name?: string;
+    }>(),
+    {
+      multiple: true,
+      allowRepeat: false,
+      sizeUnit: 'MB',
+      isLimit: true,
+      accept: 'none',
+    }
+  );
+  const emit = defineEmits<{
+    (e: 'change', value: string, fileList: UploadFileInfo[]): void;
+  }>();
+
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  const value = defineModel<string>('value', {
+    required: true,
+  });
+  const fileList = defineModel<UploadFileInfo[]>('fileList', {
+    default: [],
+  });
+  const valueStatus = ref();
+
+  function handleFileChange(file: CrmFileItem, fs: Array<CrmFileItem>) {
+    const lastFileList = fs.map((e: any) => {
+      return {
+        ...e,
+        url: URL.createObjectURL(e.file),
+        size: e.file.size,
+      };
+    });
+    file.local = true;
+    file.url = URL.createObjectURL(file.file as Blob);
+    file.size = file.file?.size;
+    emit('change', value.value, lastFileList);
+  }
+
+  // 判断文件大小
+  function isFileSizeValid(file: UploadFileInfo, maxSize: number, sizeUnit: string, isLimit: boolean): boolean {
+    if (isLimit && file.file?.size) {
+      const maxSizeInBytes = sizeUnit === 'MB' ? maxSize * 1024 * 1024 : maxSize * 1024;
+      return file.file.size <= maxSizeInBytes;
+    }
+    return true;
+  }
+
+  // 判断文件类型
+  function isFileTypeValid(file: UploadFileInfo, accept?: string): boolean {
+    const fileFormatMatch = file.name.match(/\.([a-zA-Z0-9]+)$/);
+    const fileFormatType = fileFormatMatch ? fileFormatMatch[1] : 'none';
+    return accept === getFileEnum(fileFormatType) || accept === 'none';
+  }
+
+  async function beforeUpload(file: CrmFileItem, _fileList: Array<CrmFileItem>) {
+    const maxSize = props.maxSize || 50;
+
+    //  附件上传校验名称重复
+    if (fileList.value.length > 0) {
+      // 附件上传校验名称重复
+      const isRepeat = fileList.value.filter((item) => item.name === file.name).length >= 1;
+      if (isRepeat) {
+        Message.warning(t('crm.upload.repeatFileTip'));
+        return false;
+      }
+    }
+
+    //  校验文件大小
+    if (!isFileSizeValid(file, maxSize, props.sizeUnit, props.isLimit)) {
+      Message.warning(t('crm.upload.overSize', { size: maxSize, unit: props.sizeUnit }));
+      return false; // 文件大小不符合要求，返回 false
+    }
+
+    //  单文件上传时清空之前文件
+    if (!props.multiple) {
+      fileList.value = [];
+    }
+
+    //  校验文件类型
+    if (!isFileTypeValid(file, props.accept)) {
+      Message.error(props.fileTypeTip || t('crm.upload.fileTypeValidate', { type: props.accept }));
+      return false;
+    }
+
+    return true;
+  }
+
+  function handleDeleteFile(fileId: string) {
+    fileList.value = fileList.value.filter((file: UploadFileInfo) => file.id !== fileId);
+  }
+
+  async function customRequest({ file, onFinish, onError, onProgress }: UploadCustomRequestOptions) {
+    let timer: NodeJS.Timeout | null = null;
+    try {
+      file.status = 'uploading';
+      // 模拟上传进度
+      let upLoadProgress = 0;
+      timer = setInterval(() => {
+        if (upLoadProgress < 50) {
+          // 进度在0-50%之间较快
+          const randomIncrement = Math.floor(Math.random() * 10) + 1; // 随机增加 5-10 的百分比
+          upLoadProgress += randomIncrement;
+          onProgress({ percent: upLoadProgress });
+        } else if (upLoadProgress < 100) {
+          // 进度在50%-100%之间较慢
+          const randomIncrement = Math.floor(Math.random() * 10) + 1; // 随机增加 1-5 的百分比
+          upLoadProgress = Math.min(upLoadProgress + randomIncrement, 99);
+          onProgress({ percent: upLoadProgress });
+        }
+      }, 100); // 定时器间隔为 100 毫秒
+      const res = await uploadTempAttachment(file.file);
+      onProgress({ percent: 100 });
+      clearInterval(timer as unknown as number);
+      onFinish();
+      fileList.value = fileList.value.map((f) => {
+        if (f.id === file.id) {
+          return {
+            ...f,
+            id: res.data[0],
+            local: false,
+          };
+        }
+        return f;
+      });
+      emit('change', value.value, fileList.value);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+      clearInterval(timer as unknown as number);
+      file.status = 'error';
+      onError();
+    }
+  }
+
+  function validate() {
+    if (props.required && value.value.trim() === '') {
+      valueStatus.value = 'error';
+      return false;
+    }
+    valueStatus.value = '';
+    return true;
+  }
+
+  function handleFileListChange(files: UploadFileInfo[]) {
+    emit('change', value.value, files);
+  }
+
+  defineExpose({
+    validate,
+  });
+</script>
+
+<style lang="less" scoped>
+  .crm-file-input-wrapper {
+    @apply flex w-full flex-col;
+    .crm-file-input-upload {
+      :deep(.n-upload-trigger) {
+        @apply flex cursor-pointer items-center;
+      }
+    }
+    .crm-file-input {
+      border-radius: 0 0 3px 3px;
+    }
+    :deep(.n-input--focus) {
+      box-shadow: none;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-file-list-modal/index.vue b/frontend/packages/web/src/components/business/crm-file-list-modal/index.vue
new file mode 100644
index 0000000..02774e4
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-file-list-modal/index.vue
@@ -0,0 +1,28 @@
+<template>
+  <CrmModal v-model:show="show" :title="t('crm.fileListModal.title')" :footer="false">
+    <CrmFileList :files="props.files" :readonly="props.readonly" @deleteFile="emit('deleteFile', $event)" />
+  </CrmModal>
+</template>
+
+<script setup lang="ts">
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+  import CrmFileList from '../crm-file-list/index.vue';
+
+  import { AttachmentInfo } from '../crm-form-create/types';
+
+  const props = defineProps<{
+    files: AttachmentInfo[];
+    readonly?: boolean;
+  }>();
+  const emit = defineEmits<{
+    (e: 'deleteFile', id: string): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const show = defineModel<boolean>('show', {
+    required: true,
+  });
+</script>
diff --git a/frontend/packages/web/src/components/business/crm-file-list-modal/locale/en-US.ts b/frontend/packages/web/src/components/business/crm-file-list-modal/locale/en-US.ts
new file mode 100644
index 0000000..7f4da9f
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-file-list-modal/locale/en-US.ts
@@ -0,0 +1,7 @@
+export default {
+  'crm.fileListModal.title': 'Attachments',
+  'crm.fileListModal.deleteTipTitle': 'Are you sure you want to delete this file?',
+  'crm.fileListModal.deleteTipContent': 'This action cannot be undone, please proceed with caution!',
+  'crm.fileListModal.uploadAt': '{name} uploaded at {time}',
+  'crm.fileListModal.wxworkDownloadTip': 'Please open the webpage in a browser to download',
+};
diff --git a/frontend/packages/web/src/components/business/crm-file-list-modal/locale/zh-CN.ts b/frontend/packages/web/src/components/business/crm-file-list-modal/locale/zh-CN.ts
new file mode 100644
index 0000000..7e464ff
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-file-list-modal/locale/zh-CN.ts
@@ -0,0 +1,7 @@
+export default {
+  'crm.fileListModal.title': '附件',
+  'crm.fileListModal.deleteTipTitle': '确认删除该文件吗？',
+  'crm.fileListModal.deleteTipContent': '删除后无法恢复，请谨慎操作！',
+  'crm.fileListModal.uploadAt': '{name} 上传于 {time}',
+  'crm.fileListModal.wxworkDownloadTip': '请使用浏览器打开网页后进行下载',
+};
diff --git a/frontend/packages/web/src/components/business/crm-file-list/index.vue b/frontend/packages/web/src/components/business/crm-file-list/index.vue
new file mode 100644
index 0000000..7413839
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-file-list/index.vue
@@ -0,0 +1,116 @@
+<template>
+  <div class="flex flex-col gap-[8px]">
+    <div v-for="file in props.files" :key="file.id" class="crm-file-item">
+      <div class="flex flex-1 items-center gap-[12px]">
+        <CrmFileIcon :type="file.type" :size="32" />
+        <div class="flex flex-1 flex-col gap-[2px]">
+          <span class="text-[var(--text-n2)]">{{ file.name }}</span>
+          <div class="flex items-center gap-[8px] text-[12px] text-[var(--text-n4)]">
+            {{ `${(file.size / 1024).toFixed(2)} KB` }}
+            {{
+              t('crm.fileListModal.uploadAt', {
+                name: file.createUser,
+                time: dayjs(file.createTime).format('YYYY-MM-DD HH:mm:ss'),
+              })
+            }}
+          </div>
+        </div>
+      </div>
+      <div class="flex items-center gap-[4px]">
+        <CrmPopConfirm
+          v-if="!props.readonly"
+          :title="t('crm.fileListModal.deleteTipTitle')"
+          icon-type="error"
+          :content="t('crm.fileListModal.deleteTipContent')"
+          :positive-text="t('common.confirm')"
+          trigger="click"
+          :negative-text="t('common.cancel')"
+          placement="bottom-end"
+          @confirm="handleDelete(file, $event)"
+        >
+          <n-button :disabled="props.readonly" type="error" text>{{ t('common.delete') }}</n-button>
+        </CrmPopConfirm>
+        <template v-if="/(jpg|jpeg|png|gif|bmp|webp|svg)$/i.test(file.type)">
+          <n-divider vertical />
+          <n-button type="default" text @click="handlePreview(file)">{{ t('common.preview') }}</n-button>
+        </template>
+        <n-divider v-if="/(jpg|jpeg|png|gif|bmp|webp|svg)$/i.test(file.type) || !props.readonly" vertical />
+        <n-button type="default" text @click="handleDownload(file)">{{ t('common.download') }}</n-button>
+      </div>
+    </div>
+    <n-image-preview v-model:show="showPreview" :src="previewSrc" />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { NButton, NDivider, NImagePreview, useMessage } from 'naive-ui';
+  import dayjs from 'dayjs';
+
+  import { PreviewAttachmentUrl } from '@lib/shared/api/requrls/system/module';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { isDingTalkBrowser, isLarkBrowser, isWeComBrowser } from '@lib/shared/method';
+
+  import CrmFileIcon from '@/components/pure/crm-file-icon/index.vue';
+  import CrmPopConfirm from '@/components/pure/crm-pop-confirm/index.vue';
+
+  import { downloadAttachment } from '@/api/modules';
+  import useUserStore from '@/store/modules/user';
+
+  import { AttachmentInfo } from '../crm-form-create/types';
+
+  const props = defineProps<{
+    files: AttachmentInfo[];
+    readonly?: boolean;
+  }>();
+  const emit = defineEmits<{
+    (e: 'deleteFile', id: string): void;
+  }>();
+
+  const Message = useMessage();
+  const { t } = useI18n();
+  const userStore = useUserStore();
+
+  async function handleDelete(file: AttachmentInfo, close: () => void) {
+    close();
+    emit('deleteFile', file.id);
+  }
+
+  const showPreview = ref(false);
+  const previewSrc = ref('');
+  function handlePreview(file: AttachmentInfo) {
+    previewSrc.value = `${PreviewAttachmentUrl}/${file.id}?userId=${userStore.userInfo.id}`;
+    showPreview.value = true;
+  }
+
+  async function handleDownload(file: AttachmentInfo) {
+    if (isWeComBrowser() || isDingTalkBrowser() || isLarkBrowser()) {
+      Message.warning(t('crm.fileListModal.wxworkDownloadTip'));
+      return;
+    }
+    try {
+      const res = await downloadAttachment(file.id);
+      const url = URL.createObjectURL(new Blob([res], { type: 'application/octet-stream' }));
+      const a = document.createElement('a');
+      a.href = url;
+      a.download = file.name;
+      document.body.appendChild(a);
+      a.click();
+      document.body.removeChild(a);
+      URL.revokeObjectURL(url);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  .crm-file-item {
+    @apply flex w-full items-center justify-between;
+
+    padding: 8px 12px;
+    border: 1px solid var(--text-n8);
+    border-radius: var(--border-radius-small);
+    background-color: var(--text-n10);
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-flow/components/canvas/addNodePopover.vue b/frontend/packages/web/src/components/business/crm-flow/components/canvas/addNodePopover.vue
new file mode 100644
index 0000000..db76c8b
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-flow/components/canvas/addNodePopover.vue
@@ -0,0 +1,35 @@
+<template>
+  <div
+    v-if="show && position"
+    class="add-node-popover"
+    :style="{ left: `${position.x}px`, top: `${position.y}px` }"
+    @mouseenter="emit('mouseenter')"
+    @mouseleave="emit('mouseleave')"
+  >
+    <slot name="content"> </slot>
+  </div>
+</template>
+
+<script setup lang="ts">
+  defineOptions({
+    name: 'AddNodePopover',
+  });
+
+  defineProps<{
+    show: boolean;
+    position: { x: number; y: number } | null;
+  }>();
+
+  const emit = defineEmits<{
+    (event: 'mouseenter'): void;
+    (event: 'mouseleave'): void;
+  }>();
+</script>
+
+<style scoped lang="less">
+  .add-node-popover {
+    position: absolute;
+    z-index: 1000;
+    transform: translate(-50%, 8px);
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-flow/components/canvas/flowCanvas.vue b/frontend/packages/web/src/components/business/crm-flow/components/canvas/flowCanvas.vue
new file mode 100644
index 0000000..94ad1d3
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-flow/components/canvas/flowCanvas.vue
@@ -0,0 +1,486 @@
+<template>
+  <div ref="flowCanvasRef" class="flow-canvas" :class="{ 'is-pan-mode': isPanMode }">
+    <div ref="canvasRef" class="flow-canvas__graph" />
+
+    <!-- 添加节点浮窗 -->
+    <AddNodePopover
+      :show="addPopoverVisible"
+      :position="addPopoverPosition"
+      @mouseenter="cancelHidePopoverClose"
+      @mouseleave="scheduleClosePopover"
+    >
+      <template v-if="hasInsertNodeContentSlot" #content>
+        <slot name="insertNodeContent" :anchorNodeId="addAnchorNodeId" :anchorBranch="addAnchorBranch" />
+      </template>
+    </AddNodePopover>
+
+    <!-- 工具栏 -->
+    <div class="flow-canvas__toolbar-wrap">
+      <FlowCanvasToolbar
+        :graph-controller="graphController"
+        :is-pan-mode="isPanMode"
+        :view-mode="viewMode"
+        @toggle-pan-mode="togglePanMode"
+        @update-view-mode="handleViewModeChange"
+      />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { computed, nextTick, onBeforeUnmount, onMounted, ref, useSlots, watch } from 'vue';
+
+  import AddNodePopover from './addNodePopover.vue';
+  import FlowCanvasToolbar from './flowCanvasToolbar.vue';
+
+  import useX6Graph from '../../composables/useX6Graph';
+  import bindFlowGraphEvents from '../../graph/events';
+  import transformDslToCells from '../../graph/transform';
+  import type {
+    AddNodeClickPayload,
+    BranchClickPayload,
+    FlowGraphController,
+    FlowGraphNodeClickPayload,
+    FlowGraphNodeData,
+    NodeClickPayload,
+  } from '../../graph/types';
+  import type { FlowSchema, NodeSelectionState } from '../../types';
+
+  defineOptions({
+    name: 'FlowCanvas',
+  });
+
+  const props = withDefaults(
+    defineProps<{
+      flow: FlowSchema;
+      selection: NodeSelectionState;
+      readonly?: boolean;
+    }>(),
+    {}
+  );
+  const slots = useSlots();
+  const hasInsertNodeContentSlot = computed(() => Boolean(slots.insertNodeContent));
+
+  const emit = defineEmits<{
+    (event: 'nodeClick', payload: NodeClickPayload): void;
+    (event: 'branchClick', payload: BranchClickPayload): void;
+    (event: 'nodeDelete', payload: { nodeId: string }): void;
+    (event: 'branchDelete', payload: { groupId: string; branchId: string }): void;
+    (event: 'addConditionBranch', groupId: string): void;
+    (event: 'blankClick'): void;
+  }>();
+
+  const isPanMode = ref(false);
+  const viewMode = ref<'compact' | 'detail'>('detail');
+
+  const addPopoverVisible = ref(false);
+  const addPopoverPosition = ref<{ x: number; y: number } | null>(null);
+  const addAnchorNodeId = ref<string | null>(null);
+  const addAnchorBranch = ref<{ groupId: string; branchId: string } | null>(null);
+
+  let closePopoverTimer: ReturnType<typeof setTimeout> | null = null;
+
+  const flowCanvasRef = ref<HTMLElement | null>(null);
+
+  // 将浏览器坐标转换为画布容器内坐标
+  function syncCanvasPosition(position: { x: number; y: number }) {
+    if (!flowCanvasRef.value) {
+      return null;
+    }
+
+    const rect = flowCanvasRef.value.getBoundingClientRect();
+    return {
+      x: position.x - rect.left,
+      y: position.y - rect.top,
+    };
+  }
+
+  function cancelHidePopoverClose() {
+    if (closePopoverTimer) {
+      clearTimeout(closePopoverTimer);
+      closePopoverTimer = null;
+    }
+  }
+
+  function openAddPopover(payload: AddNodeClickPayload) {
+    if (isPanMode.value || !hasInsertNodeContentSlot.value) {
+      return;
+    }
+
+    const localPosition = syncCanvasPosition(payload.position);
+    if (!localPosition) {
+      return;
+    }
+
+    if (payload.groupId && payload.branchId) {
+      // 条件分支下方的 + 入口
+      addAnchorNodeId.value = null;
+      addAnchorBranch.value = {
+        groupId: payload.groupId,
+        branchId: payload.branchId,
+      };
+    } else {
+      // 主链节点下方的 + 入口
+      addAnchorNodeId.value = payload.nodeId ?? null;
+      addAnchorBranch.value = null;
+    }
+
+    addPopoverPosition.value = localPosition;
+    addPopoverVisible.value = true;
+    cancelHidePopoverClose();
+  }
+
+  function closeAddPopover() {
+    addPopoverVisible.value = false;
+    addPopoverPosition.value = null;
+    addAnchorNodeId.value = null;
+    addAnchorBranch.value = null;
+  }
+
+  function scheduleClosePopover() {
+    cancelHidePopoverClose();
+    closePopoverTimer = setTimeout(() => {
+      closeAddPopover();
+    }, 120);
+  }
+
+  const graphController = ref<FlowGraphController | null>(null);
+  function togglePanMode() {
+    isPanMode.value = !isPanMode.value;
+    graphController.value?.setPanMode(isPanMode.value);
+    if (isPanMode.value) {
+      closeAddPopover();
+    }
+  }
+
+  function resolveSelectedState(data: FlowGraphNodeData): boolean {
+    if (data.kind === 'condition-branch') {
+      return props.selection.type === 'branch' && data.branchId === props.selection.id;
+    }
+
+    if (data.kind === 'start' || data.kind === 'action' || data.kind === 'end') {
+      return props.selection.type === 'node' && data.nodeId === props.selection.id;
+    }
+
+    return false;
+  }
+
+  function renderFlow() {
+    if (!graphController.value) {
+      return;
+    }
+
+    const cells = transformDslToCells(props.flow, {
+      cardHeight: viewMode.value === 'compact' ? 58 : 104,
+      showNodeDescription: viewMode.value === 'detail',
+    });
+
+    const visibleCells = props.readonly
+      ? (cells as any[]).filter((cell) => !['add-node', 'add-condition'].includes(cell?.data?.kind))
+      : (cells as any[]);
+
+    const cellsWithSelection = visibleCells.map((cell) => {
+      if (!cell?.data) {
+        return cell;
+      }
+
+      const data = cell.data as FlowGraphNodeData;
+      return {
+        ...cell,
+        data: {
+          ...data,
+          selected: resolveSelectedState(data),
+          readonly: Boolean(props.readonly),
+          isPanMode: isPanMode.value,
+        },
+      };
+    });
+
+    graphController.value.render(cellsWithSelection);
+  }
+
+  const canvasRef = ref<HTMLElement | null>(null);
+
+  function fitCanvasToContent() {
+    requestAnimationFrame(() => {
+      graphController.value?.fitToContent();
+    });
+  }
+
+  function refreshCanvas(fitToContent = false) {
+    nextTick(() => {
+      const graph = graphController.value?.getGraph();
+      const resizeTarget = flowCanvasRef.value ?? canvasRef.value;
+      if (!graph || !resizeTarget) {
+        return;
+      }
+
+      const { clientWidth, clientHeight } = resizeTarget;
+      // 抽屉/侧栏动画期间可能读到 0 尺寸；此时重绘 X6 会导致画布内容偶发消失。
+      if (!clientWidth || !clientHeight) {
+        return;
+      }
+      graph.resize(clientWidth, clientHeight);
+      renderFlow();
+      if (fitToContent) {
+        fitCanvasToContent();
+      }
+    });
+  }
+
+  function updateRenderedNodeState() {
+    const graph = graphController.value?.getGraph();
+    if (!graph) {
+      return;
+    }
+
+    graph.getNodes().forEach((node: any) => {
+      const data = (node.getData?.() ?? null) as FlowGraphNodeData | null;
+      if (!data) {
+        return;
+      }
+
+      const nextSelected = resolveSelectedState(data);
+      const nextPanMode = isPanMode.value;
+      const nextReadonly = Boolean(props.readonly);
+      if (data.selected === nextSelected && data.isPanMode === nextPanMode && data.readonly === nextReadonly) {
+        return;
+      }
+
+      node.setData({
+        ...data,
+        selected: nextSelected,
+        readonly: nextReadonly,
+        isPanMode: nextPanMode,
+      });
+    });
+  }
+
+  watch(
+    () => props.selection,
+    () => {
+      updateRenderedNodeState();
+    },
+    {
+      deep: true,
+    }
+  );
+
+  watch(isPanMode, () => {
+    updateRenderedNodeState();
+  });
+
+  function handleViewModeChange(mode: 'compact' | 'detail') {
+    viewMode.value = mode;
+    renderFlow();
+  }
+
+  let hasAutoFitted = false;
+
+  function fitAfterInit() {
+    if (!graphController.value || !canvasRef.value || hasAutoFitted) {
+      return;
+    }
+
+    const { clientWidth, clientHeight } = flowCanvasRef.value ?? canvasRef.value;
+    if (!clientWidth || !clientHeight) {
+      return;
+    }
+
+    fitCanvasToContent();
+    hasAutoFitted = true;
+  }
+
+  const { createGraph } = useX6Graph();
+  let unbindEvents: (() => void) | null = null;
+
+  async function initGraph() {
+    if (!canvasRef.value) {
+      return;
+    }
+
+    await nextTick();
+
+    graphController.value = createGraph({
+      container: canvasRef.value,
+      resizeTarget: flowCanvasRef.value ?? canvasRef.value,
+    });
+
+    const graph = graphController.value.getGraph();
+    if (!graph) {
+      return;
+    }
+
+    unbindEvents = bindFlowGraphEvents(graph, {
+      onNodeClick(payload: FlowGraphNodeClickPayload) {
+        if (isPanMode.value) {
+          return;
+        }
+
+        const { data, position } = payload;
+
+        if (data.kind === 'add-node' && position) {
+          openAddPopover({
+            position,
+            nodeId: data.nodeId,
+            nodeType: data.nodeType,
+            groupId: data.groupId,
+            branchId: data.branchId,
+          });
+          return;
+        }
+
+        closeAddPopover();
+
+        if (data.kind === 'add-condition' && data.groupId) {
+          if (props.readonly) {
+            return;
+          }
+          emit('addConditionBranch', data.groupId);
+          return;
+        }
+
+        if (data.kind === 'condition-branch' && data.groupId && data.branchId) {
+          emit('branchClick', {
+            groupId: data.groupId,
+            branchId: data.branchId,
+          });
+          return;
+        }
+
+        if (data.nodeId && data.nodeType) {
+          emit('nodeClick', {
+            nodeId: data.nodeId,
+            nodeType: data.nodeType,
+          });
+        }
+      },
+      onNodeDelete({ data }) {
+        if (isPanMode.value || props.readonly) {
+          return;
+        }
+        if (data.kind === 'condition-branch' && data.groupId && data.branchId) {
+          emit('branchDelete', {
+            groupId: data.groupId,
+            branchId: data.branchId,
+          });
+          return;
+        }
+        if (data.nodeId) {
+          emit('nodeDelete', {
+            nodeId: data.nodeId,
+          });
+        }
+      },
+      onBlankClick() {
+        if (isPanMode.value) {
+          return;
+        }
+        closeAddPopover();
+        emit('blankClick');
+      },
+    });
+
+    renderFlow();
+    fitAfterInit();
+  }
+
+  watch(
+    () => props.flow,
+    () => {
+      renderFlow();
+      if (addPopoverVisible.value) {
+        closeAddPopover();
+      }
+    },
+    {
+      deep: true,
+    }
+  );
+
+  onMounted(() => {
+    initGraph();
+  });
+
+  onBeforeUnmount(() => {
+    cancelHidePopoverClose();
+    unbindEvents?.();
+    unbindEvents = null;
+    graphController.value?.dispose();
+    hasAutoFitted = false;
+    graphController.value = null;
+    closeAddPopover();
+  });
+
+  defineExpose({
+    refreshCanvas,
+  });
+</script>
+
+<style scoped lang="less">
+  .flow-canvas {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    .flow-canvas__graph {
+      width: 100%;
+      height: 100%;
+      :deep(.x6-graph-scroller),
+      :deep(.x6-graph),
+      :deep(.x6-graph-svg) {
+        width: 100%;
+        height: 100%;
+      }
+      :deep(.x6-graph-scroller) {
+        overflow: hidden !important;
+        scrollbar-width: none;
+        &::-webkit-scrollbar {
+          display: none;
+        }
+      }
+      :deep(.x6-graph-scroller::-webkit-scrollbar) {
+        width: 0;
+        height: 0;
+      }
+    }
+    &.is-pan-mode {
+      cursor: grab;
+      :deep(.x6-node),
+      :deep(.x6-node *),
+      :deep(.x6-edge),
+      :deep(.x6-edge *),
+      :deep(.x6-graph-svg) {
+        cursor: grab !important;
+      }
+      // 节点 hover 不再高亮边框
+      :deep(.base-flow-node:not(.is-selected):hover) {
+        border-color: transparent !important;
+      }
+      // 拖拽模式禁用删除图标 hover 与 tooltip 触发
+      :deep(.base-flow-node__header-extra) {
+        pointer-events: none !important;
+        color: var(--text-n4) !important;
+      }
+      :deep(.add-node__icon:hover) {
+        color: var(--primary-4) !important;
+      }
+      &:active {
+        cursor: grabbing;
+        :deep(.x6-node),
+        :deep(.x6-node *),
+        :deep(.x6-edge),
+        :deep(.x6-edge *),
+        :deep(.x6-graph-svg) {
+          cursor: grabbing !important;
+        }
+      }
+    }
+    .flow-canvas__toolbar-wrap {
+      position: absolute;
+      bottom: 16px;
+      left: 50%;
+      z-index: 15;
+      transform: translateX(-50%);
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-flow/components/canvas/flowCanvasToolbar.vue b/frontend/packages/web/src/components/business/crm-flow/components/canvas/flowCanvasToolbar.vue
new file mode 100644
index 0000000..ce646c9
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-flow/components/canvas/flowCanvasToolbar.vue
@@ -0,0 +1,292 @@
+<template>
+  <div class="flow-canvas-toolbar flex gap-[8px]">
+    <n-tabs
+      :value="viewMode"
+      type="segment"
+      size="large"
+      class="flow-canvas-toolbar__view-tabs"
+      @update:value="setViewMode"
+    >
+      <n-tab-pane name="compact" class="hidden">
+        <template #tab>
+          <n-tooltip trigger="hover">
+            <template #trigger>
+              <CrmIcon type="iconicon_simplified" :size="16" />
+            </template>
+            <span>{{ t('crmFlow.viewModeCompactTip') }}</span>
+          </n-tooltip>
+        </template>
+      </n-tab-pane>
+      <n-tab-pane name="detail" class="hidden">
+        <template #tab>
+          <n-tooltip trigger="hover">
+            <template #trigger>
+              <CrmIcon type="iconicon_numerous" :size="16" />
+            </template>
+            <span>{{ t('crmFlow.viewModeDetailTip') }}</span>
+          </n-tooltip>
+        </template>
+      </n-tab-pane>
+    </n-tabs>
+
+    <div class="flow-canvas-toolbar_navigator large-box-shadow">
+      <n-tooltip trigger="hover">
+        <template #trigger>
+          <CrmIcon
+            class="flow-canvas-toolbar__icon"
+            :class="{ 'is-active': isPanMode }"
+            type="iconicon_move2"
+            :size="16"
+            @click="togglePanMode"
+          />
+        </template>
+        <span>{{ t('crmFlow.pan') }}</span>
+      </n-tooltip>
+
+      <n-divider vertical class="!m-0" />
+
+      <n-tooltip trigger="hover">
+        <template #trigger>
+          <CrmIcon
+            class="flow-canvas-toolbar__icon"
+            :class="{ 'is-disabled': !canZoomOut }"
+            type="iconicon_zoom_out1"
+            :size="16"
+            @click="zoomOut"
+          />
+        </template>
+        <span>{{ t('crmFlow.zoomOut') }}</span>
+      </n-tooltip>
+
+      <n-dropdown
+        trigger="click"
+        placement="top"
+        class="zoom-dropdown"
+        :options="zoomDropdownOptions"
+        :value="selectedZoomOptionKey"
+        @select="handleZoomSelect"
+      >
+        <span class="flow-canvas-toolbar__zoom">{{ zoomPercent }}%</span>
+      </n-dropdown>
+
+      <n-tooltip trigger="hover">
+        <template #trigger>
+          <CrmIcon
+            class="flow-canvas-toolbar__icon"
+            :class="{ 'is-disabled': !canZoomIn }"
+            type="iconicon_zoom_in1"
+            :size="18"
+            @click="zoomIn"
+          />
+        </template>
+        <span>{{ t('crmFlow.zoomIn') }}</span>
+      </n-tooltip>
+
+      <n-divider vertical class="!m-0" />
+
+      <n-tooltip trigger="hover">
+        <template #trigger>
+          <CrmIcon class="flow-canvas-toolbar__icon" type="iconicon_aiming" :size="16" @click="centerContent" />
+        </template>
+        <span>{{ t('crmFlow.centerNode') }}</span>
+      </n-tooltip>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { computed, onBeforeUnmount, ref, watch } from 'vue';
+  import { type DropdownOption, NDivider, NDropdown, NTabPane, NTabs, NTooltip } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+
+  import type { FlowGraphController } from '../../graph/types';
+
+  defineOptions({
+    name: 'FlowCanvasToolbar',
+  });
+
+  const props = defineProps<{
+    graphController: FlowGraphController | null;
+    isPanMode: boolean;
+    viewMode: 'compact' | 'detail';
+  }>();
+  const emit = defineEmits<{
+    (event: 'togglePanMode'): void;
+    (event: 'updateViewMode', value: 'compact' | 'detail'): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const isPanMode = computed(() => props.isPanMode);
+  const viewMode = computed(() => props.viewMode);
+
+  function togglePanMode() {
+    emit('togglePanMode');
+  }
+
+  function setViewMode(mode: 'compact' | 'detail') {
+    emit('updateViewMode', mode);
+  }
+
+  // 自适应
+  function centerContent() {
+    props.graphController?.centerContent();
+  }
+
+  const zoomPercent = ref(100);
+  const zoomLevels = [50, 75, 100, 125, 150, 200] as const;
+  const canZoomOut = computed(() => zoomPercent.value > 50);
+  const canZoomIn = computed(() => zoomPercent.value < 200);
+
+  const selectedZoomOptionKey = computed(() => {
+    const key = `zoom-${zoomPercent.value}`;
+    return zoomLevels.includes(zoomPercent.value as (typeof zoomLevels)[number]) ? key : undefined;
+  });
+  const zoomDropdownOptions = computed<DropdownOption[]>(() => [
+    ...zoomLevels.map((item) => ({
+      label: `${item}%`,
+      key: `zoom-${item}`,
+    })),
+    {
+      type: 'divider',
+      key: 'zoom-divider',
+    },
+    {
+      label: t('crmFlow.fitToContent'),
+      key: 'fit',
+    },
+  ]);
+
+  function syncZoomPercent() {
+    const zoom = props.graphController?.getZoom?.() ?? 1;
+    const nextPercent = Math.round(zoom * 100);
+    zoomPercent.value = Number.isFinite(nextPercent) ? nextPercent : 100;
+  }
+
+  function zoomIn() {
+    if (!canZoomIn.value) {
+      return;
+    }
+    props.graphController?.zoomIn();
+    syncZoomPercent();
+  }
+
+  function zoomOut() {
+    if (!canZoomOut.value) {
+      return;
+    }
+    props.graphController?.zoomOut();
+    syncZoomPercent();
+  }
+
+  function handleZoomSelect(key: string) {
+    if (key === 'fit') {
+      props.graphController?.fitToContent();
+      syncZoomPercent();
+      return;
+    }
+
+    const percent = Number(key.replace('zoom-', ''));
+    if (!Number.isFinite(percent)) {
+      return;
+    }
+    props.graphController?.setZoom(percent / 100);
+    syncZoomPercent();
+  }
+
+  function bindScaleListener() {
+    const graph = props.graphController?.getGraph();
+    if (!graph) {
+      return undefined;
+    }
+    graph.on('scale', syncZoomPercent);
+    return () => {
+      graph.off('scale', syncZoomPercent);
+    };
+  }
+
+  // 让工具栏里的 100% 和画布真实缩放同步
+  watch(
+    () => props.graphController,
+    (_controller, _old, onCleanup) => {
+      syncZoomPercent();
+      const unbind = bindScaleListener();
+      onCleanup(() => {
+        unbind?.();
+      });
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  onBeforeUnmount(() => {
+    const graph = props.graphController?.getGraph();
+    graph?.off('scale', syncZoomPercent);
+  });
+</script>
+
+<style scoped lang="less">
+  .flow-canvas-toolbar__view-tabs {
+    :deep(.n-tabs-tab) {
+      padding: 6px;
+    }
+    :deep(.n-tabs-tab--active) {
+      color: var(--primary-8) !important;
+    }
+  }
+  .flow-canvas-toolbar_navigator {
+    display: flex;
+    align-items: center;
+    padding: 0 12px;
+    height: 32px;
+    border-radius: 4px;
+    background: var(--text-n10);
+    gap: 12px;
+  }
+  .flow-canvas-toolbar__zoom {
+    width: 40px;
+    color: var(--text-n2);
+    cursor: pointer;
+    user-select: none;
+    &:hover {
+      color: var(--text-n1);
+    }
+  }
+  .flow-canvas-toolbar__icon {
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    color: var(--text-n2);
+    cursor: pointer;
+    transition: all 0.2s ease;
+    &:hover {
+      color: var(--text-n1);
+    }
+    &.is-active {
+      color: var(--primary-8);
+    }
+    &.is-disabled {
+      color: var(--text-n6);
+      cursor: not-allowed;
+      &:hover {
+        color: var(--text-n6);
+      }
+    }
+  }
+</style>
+
+<style lang="less">
+  .zoom-dropdown {
+    .n-dropdown-option-body {
+      height: 28px !important;
+      line-height: 28px !important;
+    }
+    .n-dropdown-option-body::before {
+      border-radius: 3px !important;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-flow/components/nodes/actionNode.vue b/frontend/packages/web/src/components/business/crm-flow/components/nodes/actionNode.vue
new file mode 100644
index 0000000..75f3489
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-flow/components/nodes/actionNode.vue
@@ -0,0 +1,87 @@
+<template>
+  <BaseFlowNode
+    :name="nodeData.name ?? ''"
+    :number="nodeData.number"
+    :description="nodeData.description"
+    :description-items="nodeData.descriptionItems"
+    :show-content="nodeData.showContent ?? true"
+    :selected="Boolean(nodeData.selected)"
+    :invalid="Boolean(nodeData.invalid)"
+    node-type="action"
+    :icon="iconConfig"
+    :title-editable="Boolean(!nodeData.isPanMode && !nodeData.readonly)"
+    :deletable="!nodeData.readonly"
+    @delete="handleDelete"
+    @title-edit="handleTitleEdit"
+  />
+</template>
+
+<script setup lang="ts">
+  import { computed, toRef } from 'vue';
+
+  import BaseFlowNode from './baseFlowNode.vue';
+
+  import useX6NodeData from '../../composables/useX6NodeData';
+  import { renameFlowByGraphData } from '../../graph/renameRegistry';
+  import type { FlowNodeDescriptionItem } from '../../types';
+  import type { Node } from '@antv/x6';
+
+  defineOptions({
+    name: 'ActionNode',
+  });
+
+  interface ActionIconConfig {
+    type: string;
+    backgroundColor: string;
+  }
+
+  const ACTION_TYPE_ICON_MAP: Record<string, ActionIconConfig> = {
+    approval: {
+      type: 'iconicon_contract',
+      backgroundColor: 'var(--warning-yellow)',
+    },
+  };
+
+  const props = defineProps<{
+    node?: Node;
+  }>();
+
+  const emit = defineEmits<{
+    (event: 'delete'): void;
+  }>();
+
+  const { nodeData } = useX6NodeData<{
+    kind: 'action';
+    nodeId?: string;
+    name?: string;
+    number?: string;
+    description?: string;
+    descriptionItems?: FlowNodeDescriptionItem[];
+    actionType?: string;
+    showContent?: boolean;
+    selected?: boolean;
+    invalid?: boolean;
+    readonly?: boolean;
+    isPanMode?: boolean;
+  }>(toRef(props, 'node'));
+
+  const iconConfig = computed<ActionIconConfig>(() => {
+    const { actionType } = nodeData.value;
+    return ACTION_TYPE_ICON_MAP[actionType ?? 'approval'];
+  });
+
+  function handleDelete() {
+    emit('delete');
+  }
+
+  function handleTitleEdit(value: string, done?: () => void) {
+    const data = nodeData.value;
+    renameFlowByGraphData(data, value);
+    props.node?.setData?.({
+      ...data,
+      name: value,
+      invalid: false,
+    });
+    done?.();
+  }
+</script>
diff --git a/frontend/packages/web/src/components/business/crm-flow/components/nodes/addNode.vue b/frontend/packages/web/src/components/business/crm-flow/components/nodes/addNode.vue
new file mode 100644
index 0000000..a2ca2c4
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-flow/components/nodes/addNode.vue
@@ -0,0 +1,33 @@
+<template>
+  <div class="add-node">
+    <CrmIcon type="iconicon_add_one" :size="16" class="add-node__icon" />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+
+  defineOptions({
+    name: 'AddNode',
+  });
+</script>
+
+<style scoped lang="less">
+  .add-node {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 24px;
+    height: 24px;
+    cursor: pointer;
+  }
+  .add-node__icon {
+    color: var(--primary-4);
+    &:hover {
+      color: var(--primary-8);
+    }
+    &:active {
+      color: var(--primary-0);
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-flow/components/nodes/baseFlowNode.vue b/frontend/packages/web/src/components/business/crm-flow/components/nodes/baseFlowNode.vue
new file mode 100644
index 0000000..51333c8
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-flow/components/nodes/baseFlowNode.vue
@@ -0,0 +1,210 @@
+<template>
+  <div
+    class="base-flow-node large-box-shadow"
+    :class="[`base-flow-node--${nodeType}`, { 'is-selected': selected, 'is-invalid': invalid }]"
+  >
+    <span v-if="number" class="base-flow-node__number">{{ number }}</span>
+    <div class="base-flow-node__header">
+      <div class="base-flow-node__title-wrap">
+        <div
+          class="flex h-[24px] w-[24px] items-center justify-center rounded-[var(--border-radius-small)]"
+          :style="`background-color: ${props.icon.backgroundColor}`"
+        >
+          <CrmIcon :type="props.icon.type" :size="16" class="text-[var(--text-n10)]" />
+        </div>
+        <CrmTag v-if="priorityLabel" customClass="h-[24px] px-[4px]" type="primary" theme="light">
+          {{ priorityLabel }}
+        </CrmTag>
+        <CrmEditableText
+          v-if="props.titleEditable"
+          size="small"
+          :value="name"
+          :permission="props.editPermission"
+          click-to-edit
+          :emptyTextTip="t('common.notNull', { value: t('process.process.flow.nodeName') })"
+          @handle-edit="handleTitleEdit"
+        >
+          <n-tooltip trigger="hover" :delay="300" :disabled="!name">
+            <template #trigger>
+              <div
+                class="base-flow-node__title one-line-text"
+                :class="`${props.titleEditable ? 'title-editable' : ''}`"
+              >
+                {{ name ?? '-' }}
+              </div>
+            </template>
+            {{ name ?? '-' }}
+          </n-tooltip>
+        </CrmEditableText>
+
+        <n-tooltip v-else trigger="hover" :delay="300" :disabled="!name">
+          <template #trigger>
+            <span class="base-flow-node__title one-line-text">{{ name }}</span>
+          </template>
+          {{ name ?? '-' }}
+        </n-tooltip>
+      </div>
+      <div class="base-flow-node__header-extra">
+        <n-tooltip v-if="deletable" :delay="300" trigger="hover">
+          <template #trigger>
+            <CrmIcon
+              type="iconicon_close"
+              :size="16"
+              class="base-flow-node__delete-icon cursor-pointer text-[var(--text-n4)] hover:text-[var(--primary-8)]"
+              @click="handleDelete"
+            />
+          </template>
+          <span> {{ t('crmFlow.deleteNode') }} </span>
+        </n-tooltip>
+      </div>
+    </div>
+    <FlowNodeDescription
+      v-if="props.nodeType !== 'end' && props.showContent"
+      :description="description"
+      :items="descriptionItems"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { NTooltip } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import CrmEditableText from '@/components/business/crm-editable-text/index.vue';
+  import FlowNodeDescription from './flowNodeDescription.vue';
+
+  import type { FlowNodeDescriptionItem } from '../../types';
+
+  defineOptions({
+    name: 'BaseFlowNode',
+  });
+
+  const props = withDefaults(
+    defineProps<{
+      name: string;
+      number?: string;
+      description?: string;
+      descriptionItems?: FlowNodeDescriptionItem[];
+      priorityLabel?: string;
+      nodeType?: string;
+      selected?: boolean;
+      invalid?: boolean;
+      deletable?: boolean;
+      showContent?: boolean;
+      titleEditable?: boolean;
+      editPermission?: string[];
+      icon: {
+        type: string;
+        backgroundColor: string;
+      };
+    }>(),
+    {
+      number: '',
+      description: '',
+      priorityLabel: '',
+      descriptionItems: () => [],
+      nodeType: 'action',
+      selected: false,
+      invalid: false,
+      deletable: false,
+      showContent: true,
+      titleEditable: false,
+      editPermission: () => [],
+    }
+  );
+
+  const emit = defineEmits<{
+    (event: 'delete'): void;
+    (event: 'titleEdit', value: string, done?: () => void): void;
+  }>();
+
+  const { t } = useI18n();
+
+  function handleDelete() {
+    emit('delete');
+  }
+
+  function handleTitleEdit(value: string, done?: () => void) {
+    emit('titleEdit', value, done);
+  }
+</script>
+
+<style scoped lang="less">
+  .base-flow-node {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    padding: 16px;
+    border: 1px solid transparent;
+    border-radius: 8px;
+    background: var(--text-n10);
+    transition: border-color 0.2s ease;
+    &:hover {
+      border: 1px solid var(--primary-1);
+    }
+    &.is-selected {
+      border-color: var(--primary-0);
+    }
+    &.is-invalid {
+      border-color: var(--error-red);
+    }
+  }
+  .base-flow-node__number {
+    position: absolute;
+    top: 2px;
+    left: 4px;
+    font-size: 12px;
+    line-height: 12px;
+    color: var(--text-n7);
+  }
+  .base-flow-node__header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 8px;
+  }
+  .base-flow-node__header-extra {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+  .base-flow-node__title-wrap {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    overflow: hidden;
+    flex: 1;
+    :deep(.crm-editable-text-view),
+    :deep(.crm-editable-text-input-wrap) {
+      flex: 1;
+    }
+    :deep(.crm-editable-text-input-wrap .n-input__input-el) {
+      height: 24px;
+      line-height: 24px;
+    }
+    :deep(.table-row-edit) {
+      @apply invisible;
+    }
+    &:hover {
+      :deep(.table-row-edit) {
+        color: var(--primary-8);
+        @apply visible;
+      }
+    }
+  }
+  .base-flow-node__title {
+    height: 24px;
+    font-size: 16px;
+    font-weight: 500;
+    color: var(--text-n1);
+    &.title-editable {
+      border-bottom: 2px solid var(--text-n6);
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-flow/components/nodes/conditionBranchNode.vue b/frontend/packages/web/src/components/business/crm-flow/components/nodes/conditionBranchNode.vue
new file mode 100644
index 0000000..7c3e4ba
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-flow/components/nodes/conditionBranchNode.vue
@@ -0,0 +1,80 @@
+<template>
+  <BaseFlowNode
+    :name="nodeData.name ?? ''"
+    :number="nodeData.number"
+    :description="nodeData.description"
+    :priority-label="priorityLabel"
+    :show-content="nodeData.showContent ?? true"
+    :selected="Boolean(nodeData.selected)"
+    :invalid="Boolean(nodeData.invalid)"
+    :titleEditable="Boolean(!displayIsElse && !nodeData.isPanMode && !nodeData.readonly)"
+    node-type="condition-branch"
+    :deletable="!displayIsElse && !nodeData.readonly"
+    :icon="{
+      type: 'iconicon_fork',
+      backgroundColor: 'var(--info-blue)',
+    }"
+    @delete="handleDelete"
+    @title-edit="handleTitleEdit"
+  />
+</template>
+
+<script setup lang="ts">
+  import { computed, toRef } from 'vue';
+
+  import BaseFlowNode from './baseFlowNode.vue';
+
+  import useX6NodeData from '../../composables/useX6NodeData';
+  import { renameFlowByGraphData } from '../../graph/renameRegistry';
+  import type { Node } from '@antv/x6';
+
+  defineOptions({
+    name: 'ConditionBranchNode',
+  });
+
+  const props = defineProps<{
+    node?: Node;
+  }>();
+
+  const emit = defineEmits<{
+    (event: 'delete'): void;
+  }>();
+
+  const { nodeData } = useX6NodeData<{
+    kind: 'condition-branch';
+    groupId?: string;
+    branchId?: string;
+    name?: string;
+    number?: string;
+    sort?: number;
+    description?: string;
+    showContent?: boolean;
+    isElse?: boolean;
+    selected?: boolean;
+    invalid?: boolean;
+    readonly?: boolean;
+    isPanMode?: boolean;
+  }>(toRef(props, 'node'));
+
+  const displayIsElse = computed(() => nodeData.value.isElse ?? false);
+  const priorityLabel = computed(() => (!displayIsElse.value ? `P${nodeData.value.sort ?? 1}` : ''));
+
+  function handleDelete() {
+    emit('delete');
+  }
+
+  function handleTitleEdit(value: string, done?: () => void) {
+    if (displayIsElse.value) {
+      return;
+    }
+
+    const data = nodeData.value;
+    renameFlowByGraphData(data, value);
+    props.node?.setData?.({
+      ...data,
+      name: value,
+      invalid: false,
+    });
+    done?.();
+  }
+</script>
diff --git a/frontend/packages/web/src/components/business/crm-flow/components/nodes/endNode.vue b/frontend/packages/web/src/components/business/crm-flow/components/nodes/endNode.vue
new file mode 100644
index 0000000..eb03372
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-flow/components/nodes/endNode.vue
@@ -0,0 +1,31 @@
+<template>
+  <BaseFlowNode
+    :name="nodeData.name ?? ''"
+    :number="nodeData.number"
+    :selected="Boolean(nodeData.selected)"
+    node-type="end"
+    :icon="{
+      type: 'iconicon_end',
+      backgroundColor: 'var(--text-n6)',
+    }"
+  />
+</template>
+
+<script setup lang="ts">
+  import { toRef } from 'vue';
+
+  import BaseFlowNode from './baseFlowNode.vue';
+
+  import useX6NodeData from '../../composables/useX6NodeData';
+  import type { Node } from '@antv/x6';
+
+  defineOptions({
+    name: 'EndNode',
+  });
+
+  const props = defineProps<{
+    node?: Node;
+  }>();
+
+  const { nodeData } = useX6NodeData<{ name?: string; number?: string; selected?: boolean }>(toRef(props, 'node'));
+</script>
diff --git a/frontend/packages/web/src/components/business/crm-flow/components/nodes/flowNodeDescription.vue b/frontend/packages/web/src/components/business/crm-flow/components/nodes/flowNodeDescription.vue
new file mode 100644
index 0000000..8d905f9
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-flow/components/nodes/flowNodeDescription.vue
@@ -0,0 +1,141 @@
+<template>
+  <div class="rounded-[4px] bg-[var(--text-n9)] px-[12px] py-[5px]">
+    <n-tooltip v-if="descriptionItems.length" trigger="hover" :delay="300">
+      <template #trigger>
+        <div ref="descriptionWrapRef" class="relative min-w-0 overflow-hidden">
+          <div class="min-w-0 overflow-hidden text-ellipsis whitespace-nowrap">
+            <span
+              v-for="item in visibleDescriptionItems"
+              :key="item.id"
+              class="mr-[8px] inline-flex align-middle text-[var(--text-n2)] last:mr-0"
+            >
+              {{ item.name }}
+            </span>
+          </div>
+          <span
+            v-if="hiddenDescriptionCount"
+            class="absolute bottom-0 right-0 bg-[var(--text-n9)] pl-[4px] text-[var(--text-n2)]"
+          >
+            +{{ hiddenDescriptionCount }}
+          </span>
+          <div
+            ref="descriptionMeasureRef"
+            class="pointer-events-none invisible absolute left-0 top-0 inline-block whitespace-nowrap"
+            aria-hidden="true"
+          >
+            <span
+              v-for="item in descriptionItems"
+              :key="item.id"
+              class="mr-[8px] inline-flex align-middle text-[var(--text-n2)] last:mr-0"
+            >
+              {{ item.name }}
+            </span>
+          </div>
+        </div>
+      </template>
+      {{ descriptionTooltip }}
+    </n-tooltip>
+    <n-tooltip v-else trigger="hover" :delay="300" :disabled="!description">
+      <template #trigger>
+        <span class="block w-full overflow-hidden text-ellipsis whitespace-nowrap text-[var(--text-n2)]">
+          {{ description }}
+        </span>
+      </template>
+      {{ description }}
+    </n-tooltip>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue';
+  import { NTooltip } from 'naive-ui';
+
+  import type { FlowNodeDescriptionItem } from '../../types';
+
+  defineOptions({
+    name: 'FlowNodeDescription',
+  });
+
+  const props = withDefaults(
+    defineProps<{
+      description?: string;
+      items?: FlowNodeDescriptionItem[];
+    }>(),
+    {
+      description: '',
+      items: () => [],
+    }
+  );
+
+  const visibleDescriptionCount = ref(0);
+  const descriptionItems = computed(() => props.items.filter((item) => item.name));
+  const visibleDescriptionItems = computed(() => descriptionItems.value.slice(0, visibleDescriptionCount.value));
+  const hiddenDescriptionCount = computed(() =>
+    Math.max(descriptionItems.value.length - visibleDescriptionCount.value, 0)
+  );
+  const descriptionTooltip = computed(() => descriptionItems.value.map((item) => item.name).join('、'));
+  let descriptionResizeObserver: ResizeObserver | null = null;
+
+  function getItemWidth(element: Element) {
+    const item = element as HTMLElement;
+    return item.offsetWidth + Number.parseFloat(window.getComputedStyle(item).marginRight || '0');
+  }
+
+  // 逐个累加完整名称宽度，并给右侧 “+N” 预留空间。
+  function getVisibleCount(itemElements: Element[], availableWidth: number) {
+    let usedWidth = 0;
+    for (let index = 0; index < itemElements.length; index += 1) {
+      const hiddenCount = itemElements.length - index - 1;
+      const reservedWidth = hiddenCount > 0 ? `+${hiddenCount}`.length * 8 + 4 : 0;
+      const itemWidth = getItemWidth(itemElements[index]);
+      if (usedWidth + itemWidth + reservedWidth > availableWidth) {
+        return index;
+      }
+
+      usedWidth += itemWidth;
+    }
+
+    return itemElements.length;
+  }
+
+  const descriptionWrapRef = ref<HTMLElement | null>(null);
+  const descriptionMeasureRef = ref<HTMLElement | null>(null);
+
+  // 只监听可见容器宽度，隐藏测量层随内容变化由 watch 主动重算。
+  function observeDescriptionWrap() {
+    if (descriptionResizeObserver && descriptionWrapRef.value) {
+      descriptionResizeObserver.observe(descriptionWrapRef.value);
+    }
+  }
+
+  function updateDescriptionOverflow() {
+    const wrap = descriptionWrapRef.value;
+    const measure = descriptionMeasureRef.value;
+    if (!wrap || !measure) {
+      visibleDescriptionCount.value = descriptionItems.value.length;
+      return;
+    }
+
+    const itemElements = Array.from(measure.children);
+    const totalWidth = itemElements.reduce((sum, item) => sum + getItemWidth(item), 0);
+    visibleDescriptionCount.value =
+      totalWidth <= wrap.clientWidth ? itemElements.length : getVisibleCount(itemElements, wrap.clientWidth);
+  }
+
+  onMounted(() => {
+    if (typeof ResizeObserver !== 'undefined') {
+      descriptionResizeObserver = new ResizeObserver(updateDescriptionOverflow);
+    }
+    observeDescriptionWrap();
+    updateDescriptionOverflow();
+  });
+
+  onBeforeUnmount(() => {
+    descriptionResizeObserver?.disconnect();
+  });
+
+  watch(descriptionItems, async () => {
+    await nextTick();
+    updateDescriptionOverflow();
+  });
+</script>
diff --git a/frontend/packages/web/src/components/business/crm-flow/components/nodes/index.ts b/frontend/packages/web/src/components/business/crm-flow/components/nodes/index.ts
new file mode 100644
index 0000000..02d1a7f
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-flow/components/nodes/index.ts
@@ -0,0 +1,6 @@
+export { default as ActionNode } from './actionNode.vue';
+export { default as AddNode } from './addNode.vue';
+export { default as BaseFlowNode } from './baseFlowNode.vue';
+export { default as ConditionBranchNode } from './conditionBranchNode.vue';
+export { default as EndNode } from './endNode.vue';
+export { default as StartNode } from './startNode.vue';
diff --git a/frontend/packages/web/src/components/business/crm-flow/components/nodes/startNode.vue b/frontend/packages/web/src/components/business/crm-flow/components/nodes/startNode.vue
new file mode 100644
index 0000000..d22bec5
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-flow/components/nodes/startNode.vue
@@ -0,0 +1,42 @@
+<template>
+  <BaseFlowNode
+    :name="nodeData.name ?? ''"
+    :number="nodeData.number"
+    :description="nodeData.description"
+    :show-content="nodeData.showContent ?? true"
+    :selected="Boolean(nodeData.selected)"
+    :invalid="Boolean(nodeData.invalid)"
+    node-type="start"
+    :icon="{
+      type: 'iconicon_play_circle_stroke',
+      backgroundColor: 'var(--primary-8)',
+    }"
+  />
+</template>
+
+<script setup lang="ts">
+  import { toRef } from 'vue';
+
+  import BaseFlowNode from './baseFlowNode.vue';
+
+  import useX6NodeData from '../../composables/useX6NodeData';
+  import type { Node } from '@antv/x6';
+
+  defineOptions({
+    name: 'StartNode',
+  });
+
+  const props = defineProps<{
+    node?: Node;
+  }>();
+
+  const { nodeData } = useX6NodeData<{
+    name?: string;
+    number?: string;
+    description?: string;
+    showContent?: boolean;
+    selected?: boolean;
+    invalid?: boolean;
+    readonly?: boolean;
+  }>(toRef(props, 'node'));
+</script>
diff --git a/frontend/packages/web/src/components/business/crm-flow/composables/useNodeSelection.ts b/frontend/packages/web/src/components/business/crm-flow/composables/useNodeSelection.ts
new file mode 100644
index 0000000..eb4e5b4
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-flow/composables/useNodeSelection.ts
@@ -0,0 +1,66 @@
+import { computed, type Ref, ref } from 'vue';
+
+import { findBranchById, findNodeById } from '../dsl/queries';
+import type { FlowSchema, NodeSelectionState } from '../types';
+
+export default function useNodeSelection(flow: Ref<FlowSchema>) {
+  type SelectionState = { type: 'none' } | { type: 'node'; id: string } | { type: 'branch'; id: string };
+  const selectionState = ref<SelectionState>({ type: 'none' });
+
+  const selection = computed<NodeSelectionState>(() => {
+    if (selectionState.value.type === 'none') {
+      return { type: 'none' };
+    }
+
+    if (selectionState.value.type === 'node') {
+      const node = findNodeById(flow.value.nodes, selectionState.value.id);
+      if (!node) {
+        return { type: 'none' };
+      }
+
+      return {
+        type: 'node',
+        id: selectionState.value.id,
+        node,
+      };
+    }
+
+    const branch = findBranchById(flow.value.nodes, selectionState.value.id);
+    if (!branch) {
+      return { type: 'none' };
+    }
+
+    return {
+      type: 'branch',
+      id: selectionState.value.id,
+      branch,
+    };
+  });
+
+  function selectNode(nodeId: string) {
+    selectionState.value = {
+      type: 'node',
+      id: nodeId,
+    };
+  }
+
+  function selectBranch(branchId: string) {
+    selectionState.value = {
+      type: 'branch',
+      id: branchId,
+    };
+  }
+
+  function clearSelection() {
+    selectionState.value = {
+      type: 'none',
+    };
+  }
+
+  return {
+    selection,
+    selectNode,
+    selectBranch,
+    clearSelection,
+  };
+}
diff --git a/frontend/packages/web/src/components/business/crm-flow/composables/useX6Graph.ts b/frontend/packages/web/src/components/business/crm-flow/composables/useX6Graph.ts
new file mode 100644
index 0000000..6b789bc
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-flow/composables/useX6Graph.ts
@@ -0,0 +1,205 @@
+/** X6 图实例组合：负责 Graph 生命周期、插件与控制方法。 */
+import registerFlowNodes from '../graph/registry';
+import type { FlowGraphController } from '../graph/types';
+import { Graph, Selection } from '@antv/x6';
+
+interface CreateGraphOptions {
+  container: HTMLElement;
+  resizeTarget?: HTMLElement;
+}
+
+const MIN_SCALE = 0.5;
+const MAX_SCALE = 2;
+
+function clampScale(value: number): number {
+  if (!Number.isFinite(value)) {
+    return 1;
+  }
+  return Math.min(MAX_SCALE, Math.max(MIN_SCALE, value));
+}
+
+export default function useX6Graph() {
+  let graph: Graph | null = null;
+  let resizeObserver: ResizeObserver | null = null;
+  let unbindWheelPan: (() => void) | null = null;
+  let panMode = false;
+
+  function createGraph(options: CreateGraphOptions): FlowGraphController {
+    // 节点类型只需注册一次，重复调用会被内部短路
+    registerFlowNodes();
+
+    // 重建前先释放旧资源，避免事件和 observer 泄漏
+    resizeObserver?.disconnect();
+    resizeObserver = null;
+    unbindWheelPan?.();
+    unbindWheelPan = null;
+    graph?.dispose();
+
+    graph = new Graph({
+      container: options.container,
+      grid: {
+        visible: true,
+        type: 'dot',
+        size: 12,
+        args: {
+          color: getComputedStyle(document.documentElement).getPropertyValue('--text-n8').trim(),
+          thickness: 2,
+        },
+      },
+      panning: {
+        enabled: false, // 按住画布拖动平移
+      },
+      mousewheel: {
+        enabled: true, // 滚轮缩放行为
+        modifiers: ['ctrl', 'meta'], // 必须按住 Ctrl（Win）或 ⌘（Mac）再滚轮才缩放
+        minScale: MIN_SCALE,
+        maxScale: MAX_SCALE,
+      },
+      connecting: {
+        // 连线规则
+        router: 'orth',
+        connector: 'rounded', // 拐角圆角
+        connectionPoint: 'anchor',
+        allowBlank: false, // 不能连到空白处
+        allowLoop: false, // 不能自己连自己
+        allowNode: false,
+        allowEdge: false,
+      },
+      interacting: {
+        nodeMovable: false, // 节点不可拖动
+        edgeMovable: false, // 边不可拖动
+        magnetConnectable: false, // 禁用从磁铁点拖拽新连线
+      },
+    });
+
+    graph.use(new Selection({ enabled: false }));
+    // graph.use(new Keyboard({ enabled: true })); // 键盘
+    // graph.use(new Clipboard({ enabled: true })); // 剪贴板（复制粘贴）
+    // graph.use(new History({ enabled: true })); // 历史记录（撤销重做）
+    // graph.use(new Snapline({ enabled: false })); // 对齐线，拖动时显示辅助线
+
+    graph.centerContent(); // 画布内容居中显示
+
+    // 触控板双指移动在浏览器里表现为 wheel 事件。
+    // 无 Ctrl/⌘ 时把 wheel 转成画布平移；有 Ctrl/⌘ 时保留 X6 内置缩放逻辑。
+    const handleWheelPan = (event: WheelEvent) => {
+      if (!graph || event.ctrlKey || event.metaKey) {
+        return;
+      }
+
+      event.preventDefault();
+
+      const deltaX = event.deltaMode === WheelEvent.DOM_DELTA_LINE ? event.deltaX * 16 : event.deltaX;
+      const deltaY = event.deltaMode === WheelEvent.DOM_DELTA_LINE ? event.deltaY * 16 : event.deltaY;
+      graph.translateBy(-deltaX, -deltaY);
+    };
+
+    options.container.addEventListener('wheel', handleWheelPan, { passive: false });
+    unbindWheelPan = () => {
+      options.container.removeEventListener('wheel', handleWheelPan);
+    };
+
+    const resizeGraph = () => {
+      if (!graph) {
+        return;
+      }
+      const resizeSource = options.resizeTarget ?? options.container;
+      const { clientWidth, clientHeight } = resizeSource;
+      if (!clientWidth || !clientHeight) {
+        return;
+      }
+      graph.resize(clientWidth, clientHeight);
+    };
+
+    resizeGraph();
+    if (typeof ResizeObserver !== 'undefined') {
+      resizeObserver = new ResizeObserver(() => {
+        resizeGraph();
+      });
+      resizeObserver.observe(options.resizeTarget ?? options.container);
+    }
+
+    const controller: FlowGraphController = {
+      getGraph: () => graph,
+      render(cells: unknown[]) {
+        if (!graph) {
+          return;
+        }
+        // 用 fromJSON 整体替换 cells，保证 DSL 结果和画布完全一致
+        graph.fromJSON({
+          cells: cells as any[],
+        });
+      },
+      getZoom() {
+        // 获取当前画布缩放
+        if (!graph) {
+          return 1;
+        }
+        const { sx } = graph.scale();
+        return Number.isFinite(sx) ? sx : 1;
+      },
+      setZoom(value: number) {
+        // 设置缩放
+        if (!graph) {
+          return;
+        }
+        const nextScale = clampScale(value);
+        graph.zoomTo(nextScale);
+      },
+      zoomIn() {
+        if (!graph) {
+          return;
+        }
+        const nextScale = clampScale((graph.scale().sx ?? 1) + 0.1);
+        graph.zoomTo(nextScale);
+      },
+      zoomOut() {
+        if (!graph) {
+          return;
+        }
+        const nextScale = clampScale((graph.scale().sx ?? 1) - 0.1);
+        graph.zoomTo(nextScale);
+      },
+      fitToContent() {
+        graph?.zoomToFit({
+          padding: 24,
+          minScale: MIN_SCALE,
+          maxScale: 1,
+        });
+      },
+      centerContent() {
+        graph?.centerContent();
+      },
+      setPanMode(enabled) {
+        panMode = enabled;
+        if (!graph) {
+          return;
+        }
+        // 仅切换平移能力，不改其它交互配置，避免影响点击选中链路。
+        if (enabled) {
+          graph.enablePanning();
+        } else {
+          graph.disablePanning();
+        }
+      },
+      isPanMode() {
+        return panMode;
+      },
+      dispose() {
+        resizeObserver?.disconnect();
+        resizeObserver = null;
+        unbindWheelPan?.();
+        unbindWheelPan = null;
+        graph?.dispose();
+        graph = null;
+        panMode = false;
+      },
+    };
+
+    return controller;
+  }
+
+  return {
+    createGraph,
+  };
+}
diff --git a/frontend/packages/web/src/components/business/crm-flow/composables/useX6NodeData.ts b/frontend/packages/web/src/components/business/crm-flow/composables/useX6NodeData.ts
new file mode 100644
index 0000000..48cf8ea
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-flow/composables/useX6NodeData.ts
@@ -0,0 +1,45 @@
+import { onBeforeUnmount, type Ref, ref, watch } from 'vue';
+
+import type { Node } from '@antv/x6';
+
+// 将 X6 Node 的 data 转成 Vue 响应式状态，并自动处理事件绑定/解绑
+export default function useX6NodeData<T extends Record<string, unknown>>(nodeRef: Ref<Node | undefined>) {
+  const nodeData = ref<T>({} as T);
+  let unbindDataChange: (() => void) | null = null;
+
+  // 从当前 node 拉取最新 data（首次渲染和 change:data 后都会调用）
+  function syncNodeData() {
+    nodeData.value = (nodeRef.value?.getData?.() ?? {}) as T;
+  }
+
+  watch(
+    nodeRef,
+    (node) => {
+      // node 实例变化时先解绑旧监听，避免内存泄漏和重复触发
+      unbindDataChange?.();
+      unbindDataChange = null;
+
+      if (node) {
+        const handleDataChange = () => syncNodeData();
+        // 监听 X6 数据变更，让组件能响应 selected 等增量更新
+        node.on('change:data', handleDataChange);
+        unbindDataChange = () => {
+          node.off('change:data', handleDataChange);
+        };
+      }
+
+      syncNodeData();
+    },
+    { immediate: true }
+  );
+
+  // 组件卸载时兜底清理监听
+  onBeforeUnmount(() => {
+    unbindDataChange?.();
+    unbindDataChange = null;
+  });
+
+  return {
+    nodeData,
+  };
+}
diff --git a/frontend/packages/web/src/components/business/crm-flow/dsl/actions.ts b/frontend/packages/web/src/components/business/crm-flow/dsl/actions.ts
new file mode 100644
index 0000000..4b78dd8
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-flow/dsl/actions.ts
@@ -0,0 +1,116 @@
+/** DSL actions：实现节点插入、删除、更新和分支调整（写操作） */
+import type { ConditionBranch, FlowNode, FlowSchema } from '../types';
+import { createConditionBranch } from './factory';
+import { canDeleteBranch, canDeleteNode, shouldRemoveWholeGroupWhenDeleteIf } from './guards';
+import {
+  findBranchLocation,
+  findConditionGroupById,
+  findNodeById,
+  findNodeLocation as findLocation,
+  findNodeLocation,
+} from './queries';
+
+// 在锚点节点后插入节点（活动节点或条件组节点）
+export function insertNodeAfterNode(schema: FlowSchema, anchorNodeId: string, node: FlowNode): boolean {
+  const location = findLocation(schema.nodes, anchorNodeId);
+  if (!location) {
+    return false;
+  }
+
+  location.container.splice(location.index + 1, 0, node);
+  return true;
+}
+
+// 在条件组里新增一个 if 分支，插到 else 之前
+export function addConditionBranch(schema: FlowSchema, groupId: string, partial?: Partial<ConditionBranch>): boolean {
+  const groupNode = findConditionGroupById(schema.nodes, groupId);
+  if (!groupNode) {
+    return false;
+  }
+
+  const elseIndex = groupNode.branches.findIndex((item) => item.isElse);
+
+  const nextIfBranch = createConditionBranch(partial);
+
+  if (elseIndex >= 0) {
+    groupNode.branches.splice(elseIndex, 0, nextIfBranch);
+  } else {
+    groupNode.branches.push(nextIfBranch);
+  }
+
+  return true;
+}
+
+// 向指定条件分支 children 头部插入节点（用于分支内新增动作/条件组）
+export function insertNodeToConditionBranch(
+  schema: FlowSchema,
+  groupId: string,
+  branchId: string,
+  node: FlowNode
+): boolean {
+  const location = findBranchLocation(schema.nodes, branchId);
+  if (!location || location.group.id !== groupId) {
+    return false;
+  }
+
+  location.branch.children.unshift(node);
+  return true;
+}
+
+// 删除节点（受 guards 限制，例如开始/结束节点不可删）
+export function deleteNodeById(schema: FlowSchema, nodeId: string): boolean {
+  const location = findNodeLocation(schema.nodes, nodeId);
+  if (!location || !canDeleteNode(location.node)) {
+    return false;
+  }
+
+  location.container.splice(location.index, 1);
+  return true;
+}
+
+function normalizeConditionBranchSort(branches: ConditionBranch[]) {
+  branches
+    .filter((branch) => !branch.isElse)
+    .forEach((branch, index) => {
+      branch.sort = index + 1;
+    });
+}
+
+// 删除条件分支：先走 guard，命中规则时会删除整个条件组
+export function deleteConditionBranch(schema: FlowSchema, groupId: string, branchId: string): boolean {
+  const groupNode = findConditionGroupById(schema.nodes, groupId);
+  if (!groupNode) {
+    return false;
+  }
+
+  const branchIndex = groupNode.branches.findIndex((item) => item.id === branchId);
+  if (branchIndex < 0) {
+    return false;
+  }
+
+  const targetBranch = groupNode.branches[branchIndex];
+  if (!canDeleteBranch(groupNode, targetBranch)) {
+    return false;
+  }
+
+  if (!targetBranch.isElse && shouldRemoveWholeGroupWhenDeleteIf(groupNode)) {
+    return deleteNodeById(schema, groupId);
+  }
+
+  groupNode.branches.splice(branchIndex, 1);
+
+  // 重置优先级
+  normalizeConditionBranchSort(groupNode.branches);
+  return true;
+}
+
+// 按 id 局部更新节点
+export function updateNodeById(schema: FlowSchema, nodeId: string, patch: Partial<FlowNode>): FlowNode | null {
+  const node = findNodeById(schema.nodes, nodeId);
+  if (!node) {
+    return null;
+  }
+
+  Object.assign(node, patch);
+  return node;
+}
diff --git a/frontend/packages/web/src/components/business/crm-flow/dsl/factory.ts b/frontend/packages/web/src/components/business/crm-flow/dsl/factory.ts
new file mode 100644
index 0000000..24070f5
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-flow/dsl/factory.ts
@@ -0,0 +1,72 @@
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+import type { ActionNode, ConditionBranch, ConditionGroupNode, EndNode, StartNode } from '../types';
+
+const { t } = useI18n();
+let flowIdSeed = 0;
+
+export function createFlowId(prefix = 'node'): string {
+  flowIdSeed += 1; // 防止id冲突
+  return `${prefix}_${Date.now().toString(36)}_${flowIdSeed.toString(36)}`;
+}
+
+export function createStartNode(partial: Partial<StartNode> = {}): StartNode {
+  return {
+    id: partial.id ?? createFlowId('start'),
+    type: 'start',
+    name: partial.name ?? t('common.start'),
+    number: partial.number,
+    description: partial.description,
+  };
+}
+
+export function createActionNode<T extends ActionNode>(partial: Partial<T> = {}): T {
+  return {
+    id: partial.id ?? createFlowId('action'),
+    type: 'action',
+    name: partial.name ?? '',
+    actionType: partial.actionType ?? 'approval',
+    description: partial.description,
+    ...partial,
+  } as T;
+}
+
+export function createEndNode(partial: Partial<EndNode> = {}): EndNode {
+  return {
+    id: partial.id ?? createFlowId('end'),
+    type: 'end',
+    name: partial.name ?? t('common.end'),
+    number: partial.number,
+  };
+}
+
+export function createConditionBranch<T extends ConditionBranch>(partial: Partial<T> = {}): T {
+  return {
+    id: partial.id ?? createFlowId('branch_if'),
+    name: partial.name ?? t('crmFlow.triggerCondition'),
+    isElse: false,
+    description: partial.description ?? t('crmFlow.pleaseSet'),
+    children: partial.children ?? [],
+    ...partial,
+  } as T;
+}
+
+export function createElseBranch<T extends ConditionBranch>(partial: Partial<T> = {}): T {
+  return {
+    id: partial.id ?? createFlowId('branch_else'),
+    name: partial.name ?? t('crmFlow.else'),
+    isElse: true,
+    description: partial.description ?? t('crmFlow.elseDescription'),
+    children: partial.children ?? [],
+    ...partial,
+  } as T;
+}
+
+export function createConditionGroupNode(partial: Partial<ConditionGroupNode> = {}): ConditionGroupNode {
+  return {
+    id: partial.id ?? createFlowId('condition_group'),
+    type: 'condition-group',
+    name: partial.name ?? '',
+    branches: partial.branches ?? [createConditionBranch(), createElseBranch()],
+  };
+}
diff --git a/frontend/packages/web/src/components/business/crm-flow/dsl/guards.ts b/frontend/packages/web/src/components/business/crm-flow/dsl/guards.ts
new file mode 100644
index 0000000..7942de4
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-flow/dsl/guards.ts
@@ -0,0 +1,27 @@
+/** DSL 守卫：定义节点与分支的操作约束规则 */
+import type { ConditionBranch, ConditionGroupNode, FlowNode } from '../types';
+
+export function canDeleteNode(node: FlowNode): boolean {
+  return node.type !== 'start' && node.type !== 'end';
+}
+
+export function canEditNode(node: FlowNode): boolean {
+  return node.type !== 'start' && node.type !== 'end';
+}
+
+export function canAddAfterNode(node: FlowNode): boolean {
+  return node.type !== 'end';
+}
+
+export function canDeleteBranch(group: ConditionGroupNode, branch: ConditionBranch): boolean {
+  if (branch.isElse) {
+    return false;
+  }
+
+  return group.branches.length > 1;
+}
+
+export function shouldRemoveWholeGroupWhenDeleteIf(group: ConditionGroupNode): boolean {
+  const ifBranchCount = group.branches.filter((item) => !item.isElse).length;
+  return ifBranchCount <= 1;
+}
diff --git a/frontend/packages/web/src/components/business/crm-flow/dsl/queries.ts b/frontend/packages/web/src/components/business/crm-flow/dsl/queries.ts
new file mode 100644
index 0000000..62435ba
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-flow/dsl/queries.ts
@@ -0,0 +1,193 @@
+/** DSL queries：查找节点、定位容器等只读查询能力 */
+import type { ConditionBranch, ConditionGroupNode, FlowNode } from '../types';
+
+export interface NodeLocation<
+  TNode extends FlowNode = FlowNode,
+  TBranch extends ConditionBranch = ConditionBranch,
+  TGroup extends ConditionGroupNode = ConditionGroupNode
+> {
+  container: FlowNode[];
+  node: TNode;
+  index: number;
+  parentBranch: TBranch | null;
+  parentGroup: TGroup | null;
+}
+
+export interface BranchLocation<
+  TBranch extends ConditionBranch = ConditionBranch,
+  TGroup extends ConditionGroupNode = ConditionGroupNode
+> {
+  group: TGroup;
+  branch: TBranch;
+  branchIndex: number;
+}
+
+const findNodeLocationInBranch = (
+  group: ConditionGroupNode,
+  branch: ConditionBranch,
+  nodeId: string
+): NodeLocation | null => {
+  let result: NodeLocation | null = null;
+
+  branch.children.some((node, index) => {
+    if (node.id === nodeId) {
+      result = {
+        container: branch.children,
+        node,
+        index,
+        parentBranch: branch,
+        parentGroup: group,
+      };
+      return true;
+    }
+
+    if (node.type === 'condition-group') {
+      const nestedResult = node.branches.reduce<NodeLocation | null>((acc, nestedBranch) => {
+        if (acc) {
+          return acc;
+        }
+
+        return findNodeLocationInBranch(node, nestedBranch, nodeId);
+      }, null);
+
+      if (nestedResult) {
+        result = nestedResult;
+        return true;
+      }
+    }
+
+    return false;
+  });
+
+  return result;
+};
+
+const findNodeLocationInGroup = (group: ConditionGroupNode, nodeId: string): NodeLocation | null => {
+  let result: NodeLocation | null = null;
+
+  group.branches.some((branch) => {
+    const branchResult = findNodeLocationInBranch(group, branch, nodeId);
+    if (branchResult) {
+      result = branchResult;
+      return true;
+    }
+
+    return false;
+  });
+
+  return result;
+};
+
+export function findNodeById<TNode extends FlowNode = FlowNode>(nodes: FlowNode[], nodeId: string): TNode | null {
+  let result: FlowNode | null = null;
+
+  nodes.some((node) => {
+    if (node.id === nodeId) {
+      result = node;
+      return true;
+    }
+
+    if (node.type === 'condition-group') {
+      const branchResult = node.branches.reduce<FlowNode | null>((acc, branch) => {
+        if (acc) {
+          return acc;
+        }
+
+        return findNodeById(branch.children, nodeId);
+      }, null);
+
+      if (branchResult) {
+        result = branchResult;
+        return true;
+      }
+    }
+
+    return false;
+  });
+
+  return result as TNode | null;
+}
+
+export function findNodeLocation<TNode extends FlowNode = FlowNode>(
+  nodes: FlowNode[],
+  nodeId: string
+): NodeLocation<TNode> | null {
+  let result: NodeLocation | null = null;
+
+  nodes.some((node, index) => {
+    if (node.id === nodeId) {
+      result = {
+        container: nodes,
+        node,
+        index,
+        parentBranch: null,
+        parentGroup: null,
+      };
+      return true;
+    }
+
+    if (node.type === 'condition-group') {
+      const branchResult = findNodeLocationInGroup(node, nodeId);
+      if (branchResult) {
+        result = branchResult;
+        return true;
+      }
+    }
+
+    return false;
+  });
+
+  return result as NodeLocation<TNode> | null;
+}
+
+export function findConditionGroupById(nodes: FlowNode[], groupId: string): ConditionGroupNode | null {
+  const found = findNodeById(nodes, groupId);
+  return found?.type === 'condition-group' ? found : null;
+}
+
+export function findBranchLocation<TBranch extends ConditionBranch = ConditionBranch>(
+  nodes: FlowNode[],
+  branchId: string
+): BranchLocation<TBranch> | null {
+  let result: BranchLocation | null = null;
+
+  nodes.some((node) => {
+    if (node.type !== 'condition-group') {
+      return false;
+    }
+
+    const branchIndex = node.branches.findIndex((branch) => branch.id === branchId);
+    if (branchIndex >= 0) {
+      result = {
+        group: node,
+        branch: node.branches[branchIndex],
+        branchIndex,
+      };
+      return true;
+    }
+
+    const nestedResult = node.branches.reduce<BranchLocation | null>((acc, branch) => {
+      if (acc) {
+        return acc;
+      }
+
+      return findBranchLocation(branch.children, branchId);
+    }, null);
+
+    if (nestedResult) {
+      result = nestedResult;
+      return true;
+    }
+
+    return false;
+  });
+
+  return result as BranchLocation<TBranch> | null;
+}
+
+export function findBranchById<TBranch extends ConditionBranch = ConditionBranch>(
+  nodes: FlowNode[],
+  branchId: string
+): TBranch | null {
+  return findBranchLocation<TBranch>(nodes, branchId)?.branch ?? null;
+}
diff --git a/frontend/packages/web/src/components/business/crm-flow/graph/events.ts b/frontend/packages/web/src/components/business/crm-flow/graph/events.ts
new file mode 100644
index 0000000..18a503a
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-flow/graph/events.ts
@@ -0,0 +1,49 @@
+/** 图事件适配：把 X6 原生事件转换成业务事件回调 */
+import type { FlowGraphEventHandlers, FlowGraphNodeData } from './types';
+import type { Graph } from '@antv/x6';
+
+export default function bindFlowGraphEvents(graph: Graph, handlers: FlowGraphEventHandlers): () => void {
+  const onNodeClick = ({ node, e }: any) => {
+    // X6 画布事件统一在 graph 层监听（node:click），事件先被 X6 捕获并上抛
+    const data = (node.getData?.() ?? {}) as FlowGraphNodeData;
+    const target = (e?.target as HTMLElement | null) ?? null;
+    // 是否命中删除图标
+    const isDeleteIconClick = Boolean(target?.closest?.('.base-flow-node__delete-icon'));
+    if (isDeleteIconClick) {
+      handlers.onNodeDelete?.({ data });
+      return;
+    }
+    const isEditableTextClick = Boolean(
+      target?.closest?.('.crm-editable-text-view, .crm-editable-text-input-wrap, .table-row-edit')
+    );
+    // 条件分支节点处于标题编辑链路时，不触发节点点击，避免误打开“设置触发条件”抽屉。
+    if (data.kind === 'condition-branch' && isEditableTextClick) {
+      return;
+    }
+    const bbox = node.getBBox?.();
+    const clientPoint = bbox ? graph.localToClient(bbox.x + bbox.width / 2, bbox.y + bbox.height / 2) : null;
+
+    handlers.onNodeClick?.({
+      data,
+      position: clientPoint
+        ? {
+            x: clientPoint.x,
+            y: clientPoint.y,
+          }
+        : null,
+    });
+  };
+
+  const onBlankClick = () => {
+    // 点击空白区域通常用于清空选中态。
+    handlers.onBlankClick?.();
+  };
+
+  graph.on('node:click', onNodeClick);
+  graph.on('blank:click', onBlankClick);
+
+  return () => {
+    graph.off('node:click', onNodeClick);
+    graph.off('blank:click', onBlankClick);
+  };
+}
diff --git a/frontend/packages/web/src/components/business/crm-flow/graph/layout.ts b/frontend/packages/web/src/components/business/crm-flow/graph/layout.ts
new file mode 100644
index 0000000..b8bb470
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-flow/graph/layout.ts
@@ -0,0 +1,492 @@
+/** 图布局：负责所有图形元素的位置和连线关系 */
+import type { FlowNode, FlowSchema } from '../types';
+import { clearRenameHandlers, registerBranchRenameHandler, registerMainNodeRenameHandler } from './renameRegistry';
+import type { FlowGraphLayoutEdge, FlowGraphLayoutNode, FlowGraphLayoutResult } from './types';
+
+export interface FlowLayoutOptions {
+  cardWidth: number;
+  cardHeight: number;
+  showNodeDescription: boolean;
+  nodeGapY: number;
+  branchGapY: number; // 条件组内部垂直间距
+  rootX: number; // 根节点链的起始 X 坐标
+  rootStartY: number; // 根节点链的起始 Y 坐标
+  branchColumnGap: number; // 同一条件组内，不同分支列之间的水平间距
+  branchBusGapY: number; // 分支总线（水平连线）到分支节点或输出点的垂直偏移量
+  addConditionWidth: number;
+  addConditionHeight: number;
+  addNodeSize: number;
+  addNodeOffsetY: number; // 主节点底部到其下方“添加节点”按钮之间的垂直偏移量
+}
+
+export const DEFAULT_FLOW_LAYOUT_OPTIONS: FlowLayoutOptions = {
+  cardWidth: 320,
+  cardHeight: 104,
+  showNodeDescription: true,
+  nodeGapY: 48,
+  branchGapY: 56,
+  rootX: 80,
+  rootStartY: 48,
+  branchColumnGap: 96,
+  branchBusGapY: 24,
+  addConditionWidth: 104,
+  addConditionHeight: 38,
+  addNodeSize: 24,
+  addNodeOffsetY: 10,
+};
+
+type FlowConnector = string | { x: number; y: number };
+type MainChainNode = Exclude<FlowNode, { type: 'condition-group' }>; // 主链节点类型：排除掉 condition-group 类型，即普通节点（start/action/end）
+
+// 决定用哪个组件
+function shapeByNodeType(type: MainChainNode['type']): string {
+  switch (type) {
+    case 'start':
+      return 'flow-start-node';
+    case 'action':
+      return 'flow-action-node';
+    case 'end':
+      return 'flow-end-node';
+    default:
+      return 'flow-action-node';
+  }
+}
+
+function createMainNodeLayout(
+  node: MainChainNode,
+  x: number,
+  y: number,
+  options: FlowLayoutOptions
+): FlowGraphLayoutNode {
+  registerMainNodeRenameHandler(node.id, (value: string) => {
+    node.name = value;
+    node.invalid = false;
+  });
+  return {
+    id: node.id,
+    shape: shapeByNodeType(node.type),
+    x,
+    y,
+    width: options.cardWidth,
+    height: options.cardHeight,
+    data: {
+      kind: node.type,
+      nodeId: node.id,
+      nodeType: node.type,
+      name: node.name,
+      number: node.number,
+      description: node.type !== 'end' ? node.description : undefined,
+      descriptionItems: node.type === 'action' ? node.descriptionItems : undefined,
+      actionType: node.type === 'action' ? node.actionType : undefined,
+      showContent: options.showNodeDescription,
+      invalid: node.invalid,
+    },
+  };
+}
+
+function createBranchNodeId(groupId: string, branchId: string): string {
+  return `branch_${groupId}_${branchId}`;
+}
+
+function createAddConditionId(groupId: string): string {
+  return `add_condition_${groupId}`;
+}
+
+function createAddNodeId(anchorId: string): string {
+  return `add_node_${anchorId}`;
+}
+
+// 创建“添加节点”的按钮布局
+function createNodeAddLayout(
+  node: MainChainNode,
+  x: number,
+  y: number,
+  options: FlowLayoutOptions
+): FlowGraphLayoutNode {
+  return {
+    id: createAddNodeId(node.id),
+    shape: 'flow-add-node',
+    x: x + options.cardWidth / 2 - options.addNodeSize / 2,
+    y: y + options.cardHeight + options.addNodeOffsetY,
+    width: options.addNodeSize,
+    height: options.addNodeSize,
+    data: {
+      kind: 'add-node',
+      nodeId: node.id,
+      nodeType: node.type,
+    },
+  };
+}
+
+// 创建分支卡片下方“添加节点”的按钮布局
+function createConditionBranchAddNodeLayout(
+  groupId: string,
+  branchId: string,
+  branchNodeId: string,
+  slotCenterX: number,
+  branchStartY: number,
+  options: FlowLayoutOptions
+): FlowGraphLayoutNode {
+  return {
+    id: createAddNodeId(branchNodeId),
+    shape: 'flow-add-node',
+    x: slotCenterX - options.addNodeSize / 2,
+    y: branchStartY + options.cardHeight + options.addNodeOffsetY,
+    width: options.addNodeSize,
+    height: options.addNodeSize,
+    data: {
+      kind: 'add-node',
+      groupId,
+      branchId,
+    },
+  };
+}
+
+// 创建“条件组汇总出口”下方 add-node（用于在整个条件组后继续插入节点）
+function createConditionGroupOutputAddNodeLayout(
+  groupId: string,
+  centerX: number,
+  outputPointY: number,
+  options: FlowLayoutOptions
+): FlowGraphLayoutNode {
+  return {
+    id: createAddNodeId(`group_output_${groupId}`),
+    shape: 'flow-add-node',
+    x: centerX - options.addNodeSize / 2,
+    y: outputPointY - options.addNodeSize / 2,
+    width: options.addNodeSize,
+    height: options.addNodeSize,
+    data: {
+      kind: 'add-node',
+      nodeId: groupId,
+      nodeType: 'condition-group',
+    },
+  };
+}
+
+// 创建“添加条件”按钮的节点布局
+function createAddConditionNodeLayout(
+  groupId: string,
+  centerX: number,
+  addConditionY: number,
+  options: FlowLayoutOptions
+): FlowGraphLayoutNode {
+  return {
+    id: createAddConditionId(groupId),
+    shape: 'flow-add-condition-node',
+    x: centerX - options.addConditionWidth / 2,
+    y: addConditionY,
+    width: options.addConditionWidth,
+    height: options.addConditionHeight,
+    data: {
+      kind: 'add-condition',
+      groupId,
+    },
+  };
+}
+
+// 创建“条件分支卡片”节点布局
+function createConditionBranchNodeLayout(
+  groupId: string,
+  branch: Extract<FlowNode, { type: 'condition-group' }>['branches'][number],
+  branchNodeId: string,
+  branchCardX: number,
+  branchStartY: number,
+  options: FlowLayoutOptions
+): FlowGraphLayoutNode {
+  registerBranchRenameHandler(groupId, branch.id, (value: string) => {
+    branch.name = value;
+    branch.invalid = false;
+  });
+  return {
+    id: branchNodeId,
+    shape: 'flow-condition-branch-node',
+    x: branchCardX,
+    y: branchStartY,
+    width: options.cardWidth,
+    height: options.cardHeight,
+    data: {
+      kind: 'condition-branch',
+      groupId,
+      branchId: branch.id,
+      name: branch.name,
+      number: branch.number,
+      sort: branch.sort,
+      description: branch.description,
+      showContent: options.showNodeDescription,
+      isElse: branch.isElse,
+      invalid: branch.invalid,
+    },
+  };
+}
+
+// 计算一个节点（可能是普通节点或条件组）在布局时所占的宽度
+function measureNodeWidth(node: FlowNode, options: FlowLayoutOptions): number {
+  if (node.type !== 'condition-group') {
+    return options.cardWidth;
+  }
+
+  // 条件组需要计算所有分支的最大宽度之和，然后取与 cardWidth 的较大值
+  const branchWidths = node.branches.map(
+    // eslint-disable-next-line no-use-before-define
+    (branch) => Math.max(options.cardWidth, measureNodeChainWidth(branch.children, options))
+  );
+  const totalBranchesWidth =
+    branchWidths.reduce((sum, width) => sum + width, 0) +
+    Math.max(0, branchWidths.length - 1) * options.branchColumnGap;
+
+  return Math.max(options.cardWidth, totalBranchesWidth);
+}
+
+function measureNodeChainWidth(nodes: FlowNode[], options: FlowLayoutOptions): number {
+  return nodes.reduce((maxWidth, node) => Math.max(maxWidth, measureNodeWidth(node, options)), options.cardWidth);
+}
+
+// 主链布局
+function layoutNodeChain(
+  chainNodes: FlowNode[],
+  x: number,
+  startY: number,
+  initialConnector: FlowConnector | null, // 上一个连接点
+  options: FlowLayoutOptions
+): {
+  nodes: FlowGraphLayoutNode[];
+  edges: FlowGraphLayoutEdge[];
+  nextY: number;
+  outputConnector: FlowConnector | null;
+} {
+  const nodes: FlowGraphLayoutNode[] = []; // 要渲染的节点
+  const edges: FlowGraphLayoutEdge[] = []; // 要渲染的边
+
+  let cursorY = startY; // 当前链路纵向游标，表示下一个节点的 y 起点
+  let previousConnector = initialConnector; // 前驱连接点
+
+  chainNodes.forEach((node) => {
+    // 条件组走单独的布局分支
+    if (node.type === 'condition-group') {
+      // eslint-disable-next-line no-use-before-define
+      const nestedLayout = layoutConditionGroup(node, x, cursorY, options);
+      nodes.push(...nestedLayout.nodes); // 把条件组产生的节点并入当前结果
+      edges.push(...nestedLayout.edges); // 把条件组产生的边并入当前结果
+
+      // 如果有前驱连接点，则连到条件组入口
+      if (previousConnector) {
+        edges.push({
+          source: previousConnector,
+          target: nestedLayout.entryPoint,
+        });
+      }
+
+      previousConnector = nestedLayout.outputPoint; // 条件组输出点作为后续节点的前驱连接点
+      cursorY = nestedLayout.nextY; // 条件组占位后的下一行 y
+      return; // 处理下一个主链节点
+    }
+
+    // 普通节点（start/action/end）布局
+    const mainNode = createMainNodeLayout(node, x, cursorY, options);
+    nodes.push(mainNode); // 放入主节点
+
+    // 除 end 外，节点下方需要放 add-node
+    if (node.type !== 'end') {
+      nodes.push(createNodeAddLayout(node, x, cursorY, options));
+    }
+
+    // 如果有前驱连接点，则连接到当前主节点
+    if (previousConnector) {
+      edges.push({
+        source: previousConnector,
+        target: mainNode.id,
+      });
+    }
+
+    // 当前主节点成为下一个节点的前驱连接点
+    previousConnector = mainNode.id;
+    // 纵向游标下移到下一张卡片起点
+    cursorY = cursorY + options.cardHeight + options.nodeGapY;
+  });
+
+  return {
+    nodes,
+    edges,
+    nextY: cursorY,
+    outputConnector: previousConnector,
+  };
+}
+
+// 根据 connector（可能是节点 ID 或坐标点）获取其 X 坐标
+function getConnectorX(connector: FlowConnector, nodeCenterXMap: Map<string, number>, fallbackX: number): number {
+  if (typeof connector !== 'string') {
+    return connector.x;
+  }
+
+  return nodeCenterXMap.get(connector) ?? fallbackX;
+}
+
+// 条件组布局
+function layoutConditionGroup(
+  node: Extract<FlowNode, { type: 'condition-group' }>,
+  x: number,
+  y: number,
+  options: FlowLayoutOptions
+): {
+  nodes: FlowGraphLayoutNode[];
+  edges: FlowGraphLayoutEdge[];
+  entryPoint: { x: number; y: number };
+  outputPoint: { x: number; y: number };
+  nextY: number;
+} {
+  const nodes: FlowGraphLayoutNode[] = []; // 收集条件组内部节点
+  const edges: FlowGraphLayoutEdge[] = []; // 收集条件组内部边
+
+  const centerX = x + options.cardWidth / 2; // 条件组中心 x（用于总线和汇合线）
+
+  // “添加条件”节点 y
+  const addConditionY = y + options.branchBusGapY;
+  // 顶部总线 y
+  const topBusY = addConditionY + options.addConditionHeight / 2;
+  // 条件组入口点（主链连接到条件组时使用）
+  const entryPoint = { x: centerX, y: topBusY };
+
+  // 渲染顶部“添加条件”节点
+  nodes.push(createAddConditionNodeLayout(node.id, centerX, addConditionY, options));
+
+  // 分支卡片起始 y（位于 add-condition 下方）
+  const branchStartY = addConditionY + options.addConditionHeight + options.branchGapY;
+  // 分支 children 链路起始 y（位于分支卡片下方）
+  const branchContentStartY = branchStartY + options.cardHeight + options.nodeGapY;
+  // 每个分支槽位宽：至少一张卡片宽，若 children 更宽则取更宽
+  const branchWidths = node.branches.map((branch) =>
+    Math.max(options.cardWidth, measureNodeChainWidth(branch.children, options))
+  );
+  // 所有分支总宽（包含列间距）
+  const totalBranchesWidth =
+    branchWidths.reduce((sum, width) => sum + width, 0) +
+    Math.max(0, branchWidths.length - 1) * options.branchColumnGap;
+  // 当前分支槽位左边界，从整体居中位置开始
+  let branchSlotLeft = centerX - totalBranchesWidth / 2;
+
+  // 记录每个分支中心 x，用于绘制总线
+  const branchCenters: number[] = [];
+  // 记录每个分支尾部连接点，用于底部汇合
+  const branchTailConnectors: FlowConnector[] = [];
+  // 条件组底部最深 y（随分支内容增长）
+  let maxBottomY = branchContentStartY;
+
+  // 横向遍历所有分支
+  node.branches.forEach((branch, index) => {
+    // 当前分支槽位宽
+    const slotWidth = branchWidths[index] ?? options.cardWidth;
+    // 当前分支中心 x
+    const slotCenterX = branchSlotLeft + slotWidth / 2;
+    // 分支卡片左上角 x
+    const branchCardX = slotCenterX - options.cardWidth / 2;
+    // 分支可视节点 id
+    const branchNodeId = createBranchNodeId(node.id, branch.id);
+
+    // 记录分支中心供后续总线使用
+    branchCenters.push(slotCenterX);
+
+    // 渲染分支卡片节点（if/else）
+    nodes.push(createConditionBranchNodeLayout(node.id, branch, branchNodeId, branchCardX, branchStartY, options));
+
+    // 渲染分支卡片下方 add-node
+    nodes.push(
+      createConditionBranchAddNodeLayout(node.id, branch.id, branchNodeId, slotCenterX, branchStartY, options)
+    );
+
+    // 顶部总线连接到当前分支卡片
+    edges.push({
+      source: { x: slotCenterX, y: topBusY },
+      target: branchNodeId,
+    });
+
+    // 递归布局当前分支 children
+    const branchLayout = layoutNodeChain(branch.children, branchCardX, branchContentStartY, branchNodeId, options);
+    // 合并分支 children 产生的节点
+    nodes.push(...branchLayout.nodes);
+    // 合并分支 children 产生的边
+    edges.push(...branchLayout.edges);
+
+    // 更新条件组底部最深 y
+    maxBottomY = Math.max(maxBottomY, branchLayout.nextY);
+    // 记录分支末端连接点（若无 children，则回退到分支卡片）
+    branchTailConnectors.push(branchLayout.outputConnector ?? branchNodeId);
+
+    // 移动到下一列分支槽位左边界
+    branchSlotLeft = branchSlotLeft + slotWidth + options.branchColumnGap;
+  });
+
+  // 条件组输出点（主链从这里继续向下）
+  const outputPoint = { x: centerX, y: maxBottomY + options.branchBusGapY };
+  // 底部总线 y
+  const bottomBusY = outputPoint.y - options.branchBusGapY / 2;
+  // 顶/底总线左端 x
+  const leftBusX = Math.min(...branchCenters);
+  // 顶/底总线右端 x
+  const rightBusX = Math.max(...branchCenters);
+
+  // 多分支时绘制顶部横向总线
+  if (branchCenters.length > 1) {
+    edges.push({
+      source: { x: leftBusX, y: topBusY },
+      target: { x: rightBusX, y: topBusY },
+    });
+  }
+
+  // 建立节点中心 x 索引，便于 connector->x 计算
+  const nodeCenterXMap = new Map(nodes.map((item) => [item.id, item.x + item.width / 2]));
+  // 每个分支尾部先连到“底部总线同 x 的落点”
+  branchTailConnectors.forEach((connector) => {
+    const tailCenterX = getConnectorX(connector, nodeCenterXMap, centerX);
+    edges.push({
+      source: connector,
+      target: { x: tailCenterX, y: bottomBusY },
+    });
+  });
+
+  // 多分支时绘制底部横向汇合总线
+  if (branchCenters.length > 1) {
+    edges.push({
+      source: { x: leftBusX, y: bottomBusY },
+      target: { x: rightBusX, y: bottomBusY },
+    });
+  }
+
+  // 从底部总线中心连到条件组输出点
+  edges.push({
+    source: { x: centerX, y: bottomBusY },
+    target: outputPoint,
+  });
+
+  // 在条件组汇总出口处放一个 add-node，用于“分支汇总后继续插入节点”
+  nodes.push(createConditionGroupOutputAddNodeLayout(node.id, centerX, outputPoint.y, options));
+
+  return {
+    nodes,
+    edges,
+    entryPoint,
+    outputPoint,
+    nextY: outputPoint.y + options.nodeGapY,
+  };
+}
+
+export default function buildFlowLayout(
+  flow: FlowSchema,
+  options: Partial<FlowLayoutOptions> = {}
+): FlowGraphLayoutResult {
+  clearRenameHandlers(); // 在每次重新布局前调用，避免旧 key 泄漏到新图数据中
+
+  // 允许业务场景覆写默认布局参数
+  const mergedOptions: FlowLayoutOptions = {
+    ...DEFAULT_FLOW_LAYOUT_OPTIONS,
+    ...options,
+  };
+
+  // 从主链根节点起进行递归布局，内部会展开条件组分支结构
+  const layout = layoutNodeChain(flow.nodes, mergedOptions.rootX, mergedOptions.rootStartY, null, mergedOptions);
+
+  return {
+    nodes: layout.nodes,
+    edges: layout.edges,
+  };
+}
diff --git a/frontend/packages/web/src/components/business/crm-flow/graph/registry.ts b/frontend/packages/web/src/components/business/crm-flow/graph/registry.ts
new file mode 100644
index 0000000..fa953b0
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-flow/graph/registry.ts
@@ -0,0 +1,46 @@
+import { ActionNode, AddNode, ConditionBranchNode, EndNode, StartNode } from '../components/nodes';
+import { Graph } from '@antv/x6';
+import { register as registerVueShape } from '@antv/x6-vue-shape';
+
+let registered = false;
+
+export default function registerFlowNodes(): void {
+  if (registered) {
+    return;
+  }
+
+  registerVueShape({
+    shape: 'flow-start-node',
+    component: StartNode,
+  });
+
+  registerVueShape({
+    shape: 'flow-action-node',
+    component: ActionNode,
+  });
+
+  registerVueShape({
+    shape: 'flow-condition-branch-node',
+    component: ConditionBranchNode,
+  });
+
+  registerVueShape({
+    shape: 'flow-end-node',
+    component: EndNode,
+  });
+
+  registerVueShape({
+    shape: 'flow-add-node',
+    component: AddNode,
+  });
+
+  Graph.registerNode(
+    'flow-add-condition-node',
+    {
+      inherit: 'rect',
+    },
+    true
+  );
+
+  registered = true;
+}
diff --git a/frontend/packages/web/src/components/business/crm-flow/graph/renameRegistry.ts b/frontend/packages/web/src/components/business/crm-flow/graph/renameRegistry.ts
new file mode 100644
index 0000000..4e7c44c
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-flow/graph/renameRegistry.ts
@@ -0,0 +1,72 @@
+import type { FlowGraphNodeData } from './types';
+
+// 重命名处理函数：接收“新名称”，不返回结果
+type RenameHandler = (value: string) => void;
+
+// 运行期注册表：key -> 重命名处理函数
+// key 示例：
+// - 主链节点：node:<nodeId>
+// - 条件分支：branch:<groupId>:<branchId>
+const renameHandlerMap = new Map<string, RenameHandler>();
+
+// 生成主链节点（start/action/end）的注册 key
+function toMainNodeRenameKey(nodeId: string): string {
+  return `node:${nodeId}`;
+}
+
+// 生成条件分支节点（condition-branch）的注册 key
+function toBranchRenameKey(groupId: string, branchId: string): string {
+  return `branch:${groupId}:${branchId}`;
+}
+
+// 清空本轮渲染的所有重命名处理器
+export function clearRenameHandlers() {
+  renameHandlerMap.clear();
+}
+
+// 注册主链节点的重命名处理器
+export function registerMainNodeRenameHandler(nodeId: string, handler: RenameHandler) {
+  renameHandlerMap.set(toMainNodeRenameKey(nodeId), handler);
+}
+
+// 注册条件分支节点的重命名处理器
+export function registerBranchRenameHandler(groupId: string, branchId: string, handler: RenameHandler) {
+  renameHandlerMap.set(toBranchRenameKey(groupId, branchId), handler);
+}
+
+// 根据图层节点 data 自动路由到主链节点或分支节点的处理器
+export function renameFlowByGraphData(data: FlowGraphNodeData, value: string): boolean {
+  // 主链节点（start/action/end）改名逻辑
+  if (data.kind === 'action' || data.kind === 'start' || data.kind === 'end') {
+    if (!data.nodeId) {
+      return false;
+    }
+    // 按主链 key 读取对应处理器
+    const handler = renameHandlerMap.get(toMainNodeRenameKey(data.nodeId));
+    // 未注册处理器时返回失败
+    if (!handler) {
+      return false;
+    }
+    // 执行重命名（实际回写到 DSL）
+    handler(value);
+    return true;
+  }
+
+  // 条件分支节点改名逻辑
+  if (data.kind === 'condition-branch') {
+    if (!data.groupId || !data.branchId) {
+      return false;
+    }
+    // 按分支 key 读取对应处理器
+    const handler = renameHandlerMap.get(toBranchRenameKey(data.groupId, data.branchId));
+    // 未注册处理器时返回失败
+    if (!handler) {
+      return false;
+    }
+    // 执行重命名（实际回写到 DSL）
+    handler(value);
+    return true;
+  }
+
+  return false;
+}
diff --git a/frontend/packages/web/src/components/business/crm-flow/graph/transform.ts b/frontend/packages/web/src/components/business/crm-flow/graph/transform.ts
new file mode 100644
index 0000000..a3e2167
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-flow/graph/transform.ts
@@ -0,0 +1,174 @@
+/** 图转换：将布局结果转换为 X6 可渲染的数据 */
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+import type { FlowSchema } from '../types';
+import type { FlowLayoutOptions } from './layout';
+import buildFlowLayout from './layout';
+
+const CUSTOM_COMPONENT_NODE_SHAPES = new Set([
+  'flow-start-node',
+  'flow-action-node',
+  'flow-condition-branch-node',
+  'flow-end-node',
+  'flow-add-node',
+]);
+
+export default function transformDslToCells(
+  flow: FlowSchema,
+  layoutOptions: Partial<FlowLayoutOptions> = {}
+): unknown[] {
+  const { t } = useI18n();
+
+  // 先做 DSL -> 布局计算，再做布局 -> X6 cells 转换
+  const { nodes, edges } = buildFlowLayout(flow, layoutOptions);
+  const nodeMap = new Map(
+    nodes.map((node) => [
+      node.id,
+      {
+        centerX: node.x + node.width / 2,
+      },
+    ])
+  );
+
+  const nodeCells = nodes.map((item) => {
+    // add-node 置顶，避免被连线或普通节点遮挡
+    const zIndex = (() => {
+      if (item.data.kind === 'add-node') {
+        return 40;
+      }
+      if (item.data.kind === 'add-condition') {
+        return 30;
+      }
+      return 20;
+    })();
+
+    const baseNode = {
+      id: item.id,
+      shape: item.shape,
+      x: item.x,
+      y: item.y,
+      width: item.width,
+      height: item.height,
+      data: item.data,
+      zIndex,
+    };
+
+    if (CUSTOM_COMPONENT_NODE_SHAPES.has(item.shape)) {
+      return baseNode;
+    }
+
+    if (item.shape === 'flow-add-condition-node') {
+      return {
+        ...baseNode,
+        // “添加条件”的样式
+        attrs: {
+          label: {
+            text: `+ ${t('advanceFilter.addCondition')}`,
+            fill: 'var(--primary-8)',
+            fontSize: 14,
+            cursor: 'pointer',
+          },
+          body: {
+            fill: '#ffffff',
+            strokeWidth: 0,
+            rx: 4,
+            ry: 4,
+            cursor: 'pointer',
+            filter: {
+              name: 'dropShadow',
+              args: {
+                dx: 0,
+                dy: 4,
+                blur: 10,
+                color: 'rgba(100, 103, 103, 0.15)',
+              },
+            },
+          },
+        },
+      };
+    }
+
+    return {
+      ...baseNode,
+    };
+  });
+
+  const edgeCells = edges.map((item, index) => {
+    // 起点是否为“绝对坐标点”（而非节点 id）。
+    const sourceIsPoint = typeof item.source !== 'string';
+    // 终点是否为“绝对坐标点”（而非节点 id）。
+    const targetIsPoint = typeof item.target !== 'string';
+    // 起终点都为坐标点时，通常不需要再走正交路由。
+    const bothEndpointArePoints = sourceIsPoint && targetIsPoint;
+    // 统一计算起点中心 x：节点来源取节点中心，坐标来源取自身 x。
+    const sourceCenterX = typeof item.source === 'string' ? nodeMap.get(item.source)?.centerX ?? 0 : item.source.x;
+    // 统一计算终点中心 x：节点来源取节点中心，坐标来源取自身 x。
+    const targetCenterX = typeof item.target === 'string' ? nodeMap.get(item.target)?.centerX ?? 0 : item.target.x;
+    // 判断是否近似垂直对齐（允许 1px 误差）。
+    const isVerticalAligned = Math.abs(sourceCenterX - targetCenterX) <= 1;
+    // 根据连线场景动态选择路由器：normal（直连）或 orth（正交）。
+    const routerConfig = (() => {
+      // 已有 vertices、点到点、任一端是点、或基本垂直对齐时，使用 normal 避免多余折线。
+      if (item.vertices || isVerticalAligned || bothEndpointArePoints || sourceIsPoint || targetIsPoint) {
+        return { name: 'normal' as const };
+      }
+      // 其它常规节点到节点场景使用正交路由。
+      return { name: 'orth' as const };
+    })();
+
+    return {
+      id: item.id ?? `edge_${index}`,
+      shape: 'edge', // 形状
+      zIndex: 10, // 层级：放在节点下方，避免遮挡 add-node 等交互点
+      // source：字符串时按“节点 + 底部锚点”连接；坐标时按点连接
+      source:
+        typeof item.source === 'string'
+          ? {
+              cell: item.source,
+              anchor: 'bottom',
+            }
+          : {
+              x: item.source.x,
+              y: item.source.y,
+            },
+      // target：字符串时按“节点 + 顶部锚点”连接；坐标时按点连接
+      target:
+        typeof item.target === 'string'
+          ? {
+              cell: item.target,
+              anchor: 'top',
+            }
+          : {
+              x: item.target.x,
+              y: item.target.y,
+            },
+      vertices: item.vertices, // 可选中间拐点（由布局层提供）
+      router: routerConfig, // 路由策略（normal / orth）
+      connector: {
+        name: 'normal', // 连接器：normal 保持折线路径稳定，不做额外平滑变形
+      },
+      // 线条视觉样式
+      attrs: {
+        line: {
+          // 连线颜色。
+          stroke: '#D9D9D9',
+          // 连线粗细。
+          strokeWidth: 2,
+          // 终点箭头配置
+          targetMarker: targetIsPoint
+            ? null
+            : {
+                name: 'block', // 箭头样式：实心块状
+                width: 8, // 箭头宽度
+                height: 14, // 箭头高度
+                fill: 'var(--text-n4)',
+                stroke: 'var(--text-n4)',
+                strokeLinejoin: 'round',
+              },
+        },
+      },
+    };
+  });
+
+  return [...nodeCells, ...edgeCells];
+}
diff --git a/frontend/packages/web/src/components/business/crm-flow/graph/types.ts b/frontend/packages/web/src/components/business/crm-flow/graph/types.ts
new file mode 100644
index 0000000..fcb3517
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-flow/graph/types.ts
@@ -0,0 +1,94 @@
+import type { FlowNodeDescriptionItem, FlowNodeType } from '../types';
+import type { Graph } from '@antv/x6';
+
+export type FlowGraphDataKind = 'start' | 'action' | 'end' | 'condition-branch' | 'add-condition' | 'add-node';
+
+export interface FlowGraphNodeData {
+  kind: FlowGraphDataKind; // 图层节点种类：既包含 DSL 节点，也包含 add-node 等图层辅助节点
+  nodeId?: string; // 对应 DSL 节点 id（主链节点）
+  number?: string;
+  nodeType?: FlowNodeType; // 锚点业务节点类型（常用于 add-node 场景下识别来源节点类型）
+  groupId?: string; // 条件组 id（condition-group）
+  branchId?: string; // 条件分支 id（if / else 分支）
+  name?: string;
+  description?: string;
+  sort?: number;
+  descriptionItems?: FlowNodeDescriptionItem[];
+  actionType?: string; // 动作节点的扩展类型（如 approval）。
+  showContent?: boolean; // 当前视图模式下是否显示节点第二行内容（description）
+  isElse?: boolean;
+  selected?: boolean; // 选中
+  invalid?: boolean; // 校验异常
+  readonly?: boolean; // 详情态只读
+  isPanMode?: boolean; // 画布是否处于拖拽模式（true 时禁用节点标题编辑等交互）
+}
+
+export interface FlowGraphLayoutNode {
+  id: string;
+  shape: string;
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+  data: FlowGraphNodeData;
+}
+
+export interface FlowGraphLayoutEdge {
+  source: string | { x: number; y: number };
+  target: string | { x: number; y: number };
+  id?: string;
+  vertices?: Array<{ x: number; y: number }>;
+}
+
+export interface FlowGraphLayoutResult {
+  nodes: FlowGraphLayoutNode[];
+  edges: FlowGraphLayoutEdge[];
+}
+
+export interface FlowGraphClickPosition {
+  x: number;
+  y: number;
+}
+
+export interface NodeClickPayload {
+  nodeId: string;
+  nodeType: FlowNodeType;
+}
+
+export interface BranchClickPayload {
+  groupId: string;
+  branchId: string;
+}
+
+export interface AddNodeClickPayload {
+  position: FlowGraphClickPosition;
+  nodeId?: string;
+  nodeType?: FlowNodeType;
+  groupId?: string;
+  branchId?: string;
+}
+
+export interface FlowGraphNodeClickPayload {
+  data: FlowGraphNodeData;
+  position: FlowGraphClickPosition | null;
+}
+
+export interface FlowGraphEventHandlers {
+  onNodeClick?: (payload: FlowGraphNodeClickPayload) => void;
+  onNodeDelete?: (payload: { data: FlowGraphNodeData }) => void;
+  onBlankClick?: () => void;
+}
+
+export interface FlowGraphController {
+  getGraph: () => Graph | null;
+  getZoom: () => number;
+  setZoom: (value: number) => void;
+  render: (cells: unknown[]) => void;
+  zoomIn: () => void;
+  zoomOut: () => void;
+  fitToContent: () => void;
+  centerContent: () => void;
+  setPanMode: (enabled: boolean) => void;
+  isPanMode: () => boolean;
+  dispose: () => void;
+}
diff --git a/frontend/packages/web/src/components/business/crm-flow/index.vue b/frontend/packages/web/src/components/business/crm-flow/index.vue
new file mode 100644
index 0000000..7df4117
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-flow/index.vue
@@ -0,0 +1,148 @@
+<template>
+  <div class="crm-flow relative flex h-full w-full">
+    <div class="crm-flow__main relative flex-1 overflow-hidden">
+      <!-- canvasFlow 只影响画布展示；右侧表单和保存仍然使用 model 原始数据。 -->
+      <FlowCanvas
+        ref="flowCanvasRef"
+        :readonly="props.readonly"
+        :flow="props.canvasFlow ?? flow"
+        :selection="selection"
+        @node-click="handleNodeClick"
+        @branch-click="handleBranchClick"
+        @node-delete="handleNodeDelete"
+        @branch-delete="handleBranchDelete"
+        @add-condition-branch="handleAddConditionBranch"
+        @blank-click="clearSelection"
+      >
+        <template v-if="hasInsertNodeContentSlot" #insertNodeContent="{ anchorNodeId, anchorBranch }">
+          <slot name="insertNodeContent" :anchorNodeId="anchorNodeId" :anchorBranch="anchorBranch" />
+        </template>
+      </FlowCanvas>
+    </div>
+
+    <div v-if="showRightContent" class="crm-flow__sidebar">
+      <slot name="rightContent" :selection="selection" />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { computed, nextTick, ref, useSlots, watch } from 'vue';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import FlowCanvas from './components/canvas/flowCanvas.vue';
+
+  import useModal from '@/hooks/useModal';
+
+  import useNodeSelection from './composables/useNodeSelection';
+  import { deleteConditionBranch, deleteNodeById } from './dsl/actions';
+  import type { BranchClickPayload, NodeClickPayload } from './graph/types';
+  import type { FlowSchema, NodeSelectionState } from './types';
+
+  const emit = defineEmits<{
+    (event: 'addConditionBranch', groupId: string): void;
+    (event: 'branchClick', payload: BranchClickPayload): void;
+  }>();
+
+  const props = defineProps<{
+    canvasFlow?: FlowSchema;
+    rightContentVisible?: (selection: NodeSelectionState) => boolean;
+    readonly?: boolean;
+  }>();
+
+  const flow = defineModel<FlowSchema>('model', {
+    required: true,
+  });
+
+  const slots = useSlots();
+  const hasInsertNodeContentSlot = computed(() => Boolean(slots.insertNodeContent));
+  const hasRightContentSlot = computed(() => Boolean(slots.rightContent));
+
+  const { selection, selectNode, selectBranch, clearSelection } = useNodeSelection(flow);
+  const { t } = useI18n();
+  const { openModal } = useModal();
+
+  const showRightContent = computed(() => {
+    if (!hasRightContentSlot.value) {
+      return false;
+    }
+
+    return props.rightContentVisible?.(selection.value);
+  });
+
+  function handleNodeClick(payload: NodeClickPayload) {
+    selectNode(payload.nodeId);
+  }
+
+  function handleBranchClick(payload: BranchClickPayload) {
+    selectBranch(payload.branchId);
+    emit('branchClick', payload);
+  }
+
+  function handleAddConditionBranch(groupId: string) {
+    if (props.readonly) {
+      return;
+    }
+    emit('addConditionBranch', groupId);
+  }
+
+  function handleNodeDelete(payload: { nodeId: string }) {
+    if (props.readonly) {
+      return;
+    }
+    deleteNodeById(flow.value, payload.nodeId);
+    clearSelection();
+  }
+
+  function handleBranchDelete(payload: { groupId: string; branchId: string }) {
+    if (props.readonly) {
+      return;
+    }
+    openModal({
+      type: 'error',
+      title: t('common.deleteConfirm'),
+      content: t('crmFlow.deleteConditionBranchConfirm'),
+      positiveText: t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          deleteConditionBranch(flow.value, payload.groupId, payload.branchId);
+          clearSelection();
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  const flowCanvasRef = ref<InstanceType<typeof FlowCanvas> | null>(null);
+
+  function refreshCanvas(fitToContent = false) {
+    flowCanvasRef.value?.refreshCanvas(fitToContent);
+  }
+
+  watch(showRightContent, () => {
+    nextTick(() => {
+      refreshCanvas(true);
+    });
+  });
+
+  defineExpose({
+    flow,
+    selectNode,
+    refreshCanvas,
+  });
+</script>
+
+<style lang="less" scoped>
+  .crm-flow {
+    background: var(--text-n9);
+  }
+  .crm-flow__sidebar {
+    overflow: hidden;
+    width: 400px;
+    background: var(--text-n10);
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-flow/locale/en-US.ts b/frontend/packages/web/src/components/business/crm-flow/locale/en-US.ts
new file mode 100644
index 0000000..0c9985e
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-flow/locale/en-US.ts
@@ -0,0 +1,16 @@
+export default {
+  'crmFlow.triggerCondition': 'Trigger Condition',
+  'crmFlow.else': 'Else',
+  'crmFlow.elseDescription': 'If no trigger conditions are met, enter this branch',
+  'crmFlow.pleaseSet': 'Please Set',
+  'crmFlow.zoomIn': 'Zoom In',
+  'crmFlow.zoomOut': 'Zoom Out',
+  'crmFlow.fitToContent': 'Fit to Content',
+  'crmFlow.pan': 'Pan',
+  'crmFlow.centerNode': 'Center Node',
+  'crmFlow.viewModeCompactTip': 'Compact view: show node title only',
+  'crmFlow.viewModeDetailTip': 'Detail view: show title and partial details',
+  'crmFlow.deleteNode': 'Delete Node',
+  'crmFlow.deleteConditionBranchConfirm':
+    'All nodes under this condition branch will be deleted. Do you want to continue?',
+};
diff --git a/frontend/packages/web/src/components/business/crm-flow/locale/zh-CN.ts b/frontend/packages/web/src/components/business/crm-flow/locale/zh-CN.ts
new file mode 100644
index 0000000..66dd1ec
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-flow/locale/zh-CN.ts
@@ -0,0 +1,15 @@
+export default {
+  'crmFlow.triggerCondition': '触发条件',
+  'crmFlow.else': '其它情况',
+  'crmFlow.elseDescription': '如触发条件均未满足，则进入此分支',
+  'crmFlow.pleaseSet': '请设置',
+  'crmFlow.zoomIn': '放大',
+  'crmFlow.zoomOut': '缩小',
+  'crmFlow.fitToContent': '自适应',
+  'crmFlow.pan': '拖拽',
+  'crmFlow.centerNode': '回到中心节点',
+  'crmFlow.viewModeCompactTip': '极简视图：仅展示节点标题',
+  'crmFlow.viewModeDetailTip': '详细视图：展示标题及部分详情',
+  'crmFlow.deleteNode': '删除节点',
+  'crmFlow.deleteConditionBranchConfirm': '该条件分支下的所有节点将被删除，确认继续？',
+};
diff --git a/frontend/packages/web/src/components/business/crm-flow/types.ts b/frontend/packages/web/src/components/business/crm-flow/types.ts
new file mode 100644
index 0000000..64abec6
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-flow/types.ts
@@ -0,0 +1,59 @@
+export type FlowNodeType = 'start' | 'action' | 'condition-group' | 'end';
+
+export type FlowActionType = 'approval';
+
+export interface FlowNodeDescriptionItem {
+  id: string;
+  name: string;
+}
+
+export interface FlowSchema {
+  nodes: FlowNode[];
+}
+
+export interface BaseFlowNode {
+  id: string;
+  type: FlowNodeType;
+  name: string;
+  invalid?: boolean;
+  number?: string;
+}
+
+export interface StartNode extends BaseFlowNode {
+  type: 'start';
+  description?: string;
+}
+
+export interface EndNode extends BaseFlowNode {
+  type: 'end';
+}
+
+export interface ActionNode extends BaseFlowNode {
+  type: 'action';
+  actionType: FlowActionType;
+  description?: string;
+  descriptionItems?: FlowNodeDescriptionItem[];
+}
+
+export interface ConditionBranch {
+  id: string;
+  name: string;
+  number?: string;
+  sort?: number;
+  isElse: boolean;
+  description?: string;
+  invalid?: boolean;
+  children: FlowNode[];
+}
+
+export interface ConditionGroupNode extends BaseFlowNode {
+  type: 'condition-group';
+  branches: ConditionBranch[];
+}
+
+export type FlowNode = StartNode | ActionNode | ConditionGroupNode | EndNode;
+
+export type NodeSelectionState<TNode extends FlowNode = FlowNode, TBranch extends ConditionBranch = ConditionBranch> =
+  | { type: 'none' }
+  | { type: 'node'; id: string; node: TNode }
+  | { type: 'branch'; id: string; branch: TBranch };
diff --git a/frontend/packages/web/src/components/business/crm-follow-detail/config.ts b/frontend/packages/web/src/components/business/crm-follow-detail/config.ts
new file mode 100644
index 0000000..9a1eccd
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-follow-detail/config.ts
@@ -0,0 +1,77 @@
+import { TabPaneProps } from 'naive-ui';
+
+import { CustomerFollowPlanStatusEnum } from '@lib/shared/enums/customerEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+import type { Description } from '@/components/pure/crm-detail-card/index.vue';
+
+interface DescriptionItem extends Description {
+  formConfigField?: string;
+}
+
+const { t } = useI18n();
+
+// 跟进计划状态
+export const statusTabList = ref<TabPaneProps[]>([
+  {
+    name: CustomerFollowPlanStatusEnum.ALL,
+    tab: t('common.all'),
+  },
+  {
+    name: CustomerFollowPlanStatusEnum.PREPARED,
+    tab: t('common.notStarted'),
+  },
+  {
+    name: CustomerFollowPlanStatusEnum.UNDERWAY,
+    tab: t('common.inProgress'),
+  },
+  {
+    name: CustomerFollowPlanStatusEnum.COMPLETED,
+    tab: t('common.completed'),
+  },
+  {
+    name: CustomerFollowPlanStatusEnum.CANCELLED,
+    tab: t('common.canceled'),
+  },
+]);
+
+export const descriptionList: DescriptionItem[] = [
+  {
+    key: 'contactName',
+    label: t('common.contact'),
+    value: 'contactName',
+  },
+  {
+    key: 'phone',
+    label: t('common.phoneNumber'),
+    value: 'phone',
+  },
+  {
+    key: 'ownerName',
+    label: '',
+    value: 'ownerName',
+    formConfigField: 'owner',
+  },
+  {
+    key: 'createTime',
+    label: t('common.createTime'),
+    value: 'createTime',
+  },
+  {
+    key: 'createUserName',
+    label: t('common.creator'),
+    value: 'createUserName',
+  },
+  {
+    key: 'updateTime',
+    label: t('common.updateTime'),
+    value: 'updateTime',
+  },
+  {
+    key: 'updateUserName',
+    label: t('common.updateUserName'),
+    value: 'updateUserName',
+  },
+];
+
+export default {};
diff --git a/frontend/packages/web/src/components/business/crm-follow-detail/followRecord.vue b/frontend/packages/web/src/components/business/crm-follow-detail/followRecord.vue
new file mode 100644
index 0000000..a726bab
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-follow-detail/followRecord.vue
@@ -0,0 +1,199 @@
+<template>
+  <CrmList
+    v-if="listData.length"
+    v-model:data="listData"
+    :virtual-scroll-height="props.virtualScrollHeight"
+    :key-field="props.keyField"
+    :item-height="100"
+    mode="remote"
+    @reach-bottom="emit('reachBottom')"
+  >
+    <template #item="{ item }">
+      <div class="crm-follow-record-item">
+        <div class="crm-follow-time-line">
+          <div :class="`crm-follow-time-dot ${getFutureClass(item)}`"></div>
+          <div class="crm-follow-time-line"></div>
+        </div>
+        <div class="mb-[24px] flex w-full flex-col gap-[16px]">
+          <div class="crm-follow-record-title h-[32px]">
+            <div class="flex items-center gap-[16px]">
+              <slot name="titleLeft" :item="item"></slot>
+              <StatusTagSelect
+                v-if="item.status"
+                v-model:status="item.status"
+                :disabled="!props.getDisabledFun?.(item) || !!item.converted || !isOwner(item)"
+                @change="() => emit('change', item)"
+              />
+              <CrmTag v-if="item.status && item.converted"> {{ t('common.hasConvertToRecord') }} </CrmTag>
+              <div class="text-[var(--text-n1)]">{{ getShowTime(item) }}</div>
+              <div class="crm-follow-record-method">
+                {{ (props.type === 'followRecord' ? item.followMethod : item.method) ?? '-' }}
+              </div>
+            </div>
+
+            <slot name="headerAction" :item="item"></slot>
+          </div>
+
+          <div class="crm-follow-record-base-info">
+            <CrmDetailCard :description="props.getDescriptionFun(item)">
+              <!-- TODO 先不要了 xinxin -->
+              <!-- <template #prefix>
+                <div class="flex items-center gap-[8px]">
+                  <CrmAvatar :is-user="item.owner === userStore.userInfo.id" :size="24" :word="item.ownerName" />
+                  <n-tooltip :delay="300">
+                    <template #trigger>
+                      <div class="one-line-text max-w-[300px]">{{ item.ownerName }} </div>
+                    </template>
+                    {{ item.ownerName || '-' }}
+                  </n-tooltip>
+                </div>
+              </template> -->
+              <template v-for="ele in props.getDescriptionFun(item)" :key="ele.key" #[ele.key]="{ item: descItem }">
+                <slot
+                  v-if="['customerName', 'clueName'].includes(ele.key) && !props.disabledOpenDetail"
+                  name="customerName"
+                >
+                  <CrmTableButton @click="goDetail(ele.key, item)">
+                    {{ ele.value }}
+                    <template #trigger> {{ ele.value }} </template>
+                  </CrmTableButton>
+                </slot>
+                <slot v-else :name="ele.key" :desc-item="descItem" :item="item"></slot>
+              </template>
+            </CrmDetailCard>
+          </div>
+          <div class="crm-follow-record-content" v-html="item.content.replace(/\n/g, '<br />')"></div>
+        </div>
+      </div>
+    </template>
+  </CrmList>
+  <div v-else class="w-full p-[16px] text-center text-[var(--text-n4)]">
+    {{ props.emptyText }}
+  </div>
+</template>
+
+<script setup lang="ts">
+  import dayjs from 'dayjs';
+
+  import { CustomerFollowPlanStatusEnum } from '@lib/shared/enums/customerEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { CustomerFollowPlanListItem, FollowDetailItem } from '@lib/shared/models/customer';
+
+  import type { Description } from '@/components/pure/crm-detail-card/index.vue';
+  import CrmDetailCard from '@/components/pure/crm-detail-card/index.vue';
+  import CrmList from '@/components/pure/crm-list/index.vue';
+  import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import StatusTagSelect from './statusTagSelect.vue';
+
+  import useOpenNewPage from '@/hooks/useOpenNewPage';
+  import useUserStore from '@/store/modules/user';
+
+  import { ClueRouteEnum, CustomerRouteEnum } from '@/enums/routeEnum';
+
+  const { t } = useI18n();
+  const props = defineProps<{
+    type: 'followRecord' | 'followPlan';
+    keyField: string;
+    getDescriptionFun: (item: FollowDetailItem) => Description[];
+    getDisabledFun?: (item: FollowDetailItem) => boolean;
+    virtualScrollHeight: string;
+    emptyText?: string;
+    disabledOpenDetail?: boolean;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'reachBottom'): void;
+    (e: 'change', item: FollowDetailItem): void;
+  }>();
+
+  const listData = defineModel<FollowDetailItem[]>('data', {
+    default: [],
+  });
+
+  function getFutureClass(item: FollowDetailItem) {
+    if (props.type === 'followPlan') {
+      const isNotFuture = [CustomerFollowPlanStatusEnum.CANCELLED, CustomerFollowPlanStatusEnum.COMPLETED].includes(
+        (item as CustomerFollowPlanListItem).status
+      );
+      return isNotFuture ? '' : 'crm-follow-dot-future';
+    }
+
+    return new Date(item.followTime).getTime() > Date.now() ? 'crm-follow-dot-future' : '';
+  }
+
+  const userStore = useUserStore();
+  const isOwner = (item: FollowDetailItem) => item.owner === userStore.userInfo.id;
+
+  function getShowTime(item: FollowDetailItem) {
+    const time = 'estimatedTime' in item ? item.estimatedTime : item.followTime;
+    return time ? dayjs(time).format('YYYY-MM-DD') : '-';
+  }
+
+  const { openNewPage } = useOpenNewPage();
+  function goDetail(key: string, item: FollowDetailItem) {
+    if (key === 'clueName') {
+      if (item.poolId) {
+        openNewPage(ClueRouteEnum.CLUE_MANAGEMENT_POOL, {
+          id: item.clueId,
+          name: item.clueName,
+          poolId: item.poolId,
+        });
+      } else {
+        openNewPage(ClueRouteEnum.CLUE_MANAGEMENT, {
+          id: item.clueId,
+          transitionType: undefined,
+          name: item.clueName,
+        });
+      }
+    } else if (item.poolId) {
+      openNewPage(CustomerRouteEnum.CUSTOMER_OPEN_SEA, {
+        id: item.customerId,
+        poolId: item.poolId,
+      });
+    } else {
+      openNewPage(CustomerRouteEnum.CUSTOMER_INDEX, {
+        id: item.customerId,
+      });
+    }
+  }
+</script>
+
+<style scoped lang="less">
+  .crm-follow-record-item {
+    @apply flex gap-4;
+    .crm-follow-time-line {
+      padding-top: 12px;
+      width: 8px;
+
+      @apply flex flex-col items-center justify-center gap-2;
+      .crm-follow-time-dot {
+        width: 8px;
+        height: 8px;
+        border: 2px solid var(--text-n7);
+        border-radius: 50%;
+        flex-shrink: 0;
+        &.crm-follow-dot-future {
+          border-color: var(--primary-8);
+        }
+      }
+      .crm-follow-time-line {
+        width: 2px;
+        background: var(--text-n8);
+        @apply h-full;
+      }
+    }
+    .crm-follow-record-title {
+      @apply flex items-center justify-between gap-4;
+      .crm-follow-record-method {
+        color: var(--text-n1);
+        @apply font-medium;
+      }
+    }
+    .crm-follow-record-content {
+      padding: 12px;
+      border-radius: var(--border-radius-small);
+      background: var(--text-n9);
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-follow-detail/index.vue b/frontend/packages/web/src/components/business/crm-follow-detail/index.vue
new file mode 100644
index 0000000..f28920f
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-follow-detail/index.vue
@@ -0,0 +1,424 @@
+<template>
+  <div :class="`crm-follow-detail p-[24px] ${props.wrapperClass}`">
+    <div class="mb-[16px] flex items-center justify-between">
+      <div>
+        <n-button v-if="showAdd" type="primary" @click="handleAdd">
+          {{ t(props.activeType === 'followPlan' ? 'crmFollowRecord.writePlan' : 'crmFollowRecord.writeRecord') }}
+        </n-button>
+      </div>
+      <div class="flex gap-[12px]">
+        <CrmTab
+          v-if="props.activeType === 'followPlan'"
+          v-model:active-tab="activeStatus"
+          no-content
+          :tab-list="statusTabList"
+          type="segment"
+          @change="() => loadFollowList(true)"
+        >
+        </CrmTab>
+        <CrmSearchInput
+          v-model:value="followKeyword"
+          :placeholder="t('common.byKeywordSearch')"
+          class="mr-[1px] !w-[240px]"
+          @search="(val) => searchData(val)"
+        />
+      </div>
+    </div>
+    <n-spin :show="loading" class="h-full">
+      <FollowRecord
+        v-model:data="data"
+        :virtual-scroll-height="`${props.virtualScrollHeight || '1000px'}`"
+        :get-description-fun="getDescriptionFun"
+        key-field="id"
+        :disabled-open-detail="props.followApiKey !== 'myPlan'"
+        :type="props.activeType"
+        :empty-text="emptyText"
+        :get-disabled-fun="getShowAction"
+        @reach-bottom="handleReachBottom"
+        @change="changePlanStatus"
+      >
+        <template #headerAction="{ item }">
+          <div v-if="getShowAction(item)" class="flex items-center gap-[12px]">
+            <n-button type="primary" class="text-btn-primary" quaternary @click="handleDetail(item)">
+              {{ t('common.detail') }}
+            </n-button>
+            <n-button
+              v-if="
+                props.activeType === 'followPlan' &&
+                [CustomerFollowPlanStatusEnum.COMPLETED].includes(item.status) &&
+                !item.converted &&
+                isOwner(item)
+              "
+              type="primary"
+              class="text-btn-primary"
+              quaternary
+              @click="handleConvert(item)"
+            >
+              {{ t('common.convertPlanToRecord') }}
+            </n-button>
+            <n-button
+              v-if="
+                (props.activeType === 'followRecord' && isOwner(item)) ||
+                (props.activeType === 'followPlan' &&
+                  ![CustomerFollowPlanStatusEnum.CANCELLED, CustomerFollowPlanStatusEnum.CANCELLED].includes(
+                    item.status
+                  ) &&
+                  isOwner(item))
+              "
+              type="primary"
+              class="text-btn-primary"
+              quaternary
+              @click="handleEdit(item)"
+            >
+              {{ t('common.edit') }}
+            </n-button>
+            <n-button v-if="isOwner(item)" type="error" class="text-btn-error" quaternary @click="handleDelete(item)">
+              {{ t('common.delete') }}
+            </n-button>
+          </div>
+        </template>
+        <template #createTime="{ descItem }">
+          <div class="flex items-center gap-[8px]">
+            {{ dayjs(descItem.value).format('YYYY-MM-DD HH:mm:ss') }}
+          </div>
+        </template>
+        <template #updateTime="{ descItem }">
+          <div class="flex items-center gap-[8px]">
+            {{ dayjs(descItem.value).format('YYYY-MM-DD HH:mm:ss') }}
+          </div>
+        </template>
+      </FollowRecord>
+    </n-spin>
+    <CrmFormCreateDrawer
+      v-model:visible="formDrawerVisible"
+      :form-key="realFormKey"
+      :source-id="realFollowSourceId"
+      :initial-source-name="props.initialSourceName"
+      :need-init-detail="needInitDetail"
+      :link-form-info="linkFormFieldMap"
+      :link-form-key="linkFormKey"
+      :link-scenario="linkScenario"
+      :other-save-params="props.activeType === 'followPlan' ? otherFollowRecordSaveParams : undefined"
+      @saved="handleAfterSave"
+    />
+
+    <DetailDrawer
+      v-model:show="showDetailDrawer"
+      :form-key="realFormKey"
+      :source-id="sourceId"
+      :source-name="sourceName"
+      :refresh-key="refreshDetailKey"
+      :readonly="!detailIsOwner"
+      @delete="handleDelete(activeItem as FollowDetailItem)"
+      @edit="handleEdit(activeItem as FollowDetailItem)"
+    />
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { NButton, NSpin } from 'naive-ui';
+  import dayjs from 'dayjs';
+
+  import { CustomerFollowPlanStatusEnum } from '@lib/shared/enums/customerEnum';
+  import { FieldTypeEnum, FormDesignKeyEnum, FormLinkScenarioEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { CustomerFollowPlanListItem, FollowDetailItem } from '@lib/shared/models/customer';
+
+  import type { Description } from '@/components/pure/crm-detail-card/index.vue';
+  import CrmSearchInput from '@/components/pure/crm-search-input/index.vue';
+  import CrmTab from '@/components/pure/crm-tab/index.vue';
+  import DetailDrawer from '@/components/business/crm-follow-drawer/components/detailDrawer.vue';
+  import CrmFormCreateDrawer from '@/components/business/crm-form-create-drawer/index.vue';
+  import FollowRecord from './followRecord.vue';
+
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+  import useUserStore from '@/store/modules/user';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  import { descriptionList, statusTabList } from './config';
+  import useFollowApi, { type followEnumType } from './useFollowApi';
+
+  const { t } = useI18n();
+
+  export type ActiveType = 'followPlan' | 'followRecord';
+
+  interface FollowDetailProps {
+    activeType: 'followRecord' | 'followPlan'; // 跟进记录|跟进计划
+    followApiKey: followEnumType; // 跟进计划apiKey
+    virtualScrollHeight?: string; // 虚拟高度
+    wrapperClass?: string;
+    sourceId: string; // 资源id
+    refreshKey?: number;
+    showAction?: boolean; // 显示操作
+    initialSourceName?: string; // 初始化详情时的名称
+    showAdd?: boolean; // 显示增加按钮
+    anyPermission?: string[]; // 无任一权限展示无权限
+    parentFormKey?: FormDesignKeyEnum; // 上级表单key
+  }
+
+  const props = withDefaults(defineProps<FollowDetailProps>(), {
+    showAction: true,
+  });
+
+  const userStore = useUserStore();
+  const realFormKey = ref<FormDesignKeyEnum>(FormDesignKeyEnum.FOLLOW_PLAN_BUSINESS);
+  const refreshDetailKey = ref(0);
+
+  const sourceId = ref('');
+  const sourceName = ref('');
+  const showDetailDrawer = ref(false);
+  const activeItem = ref<FollowDetailItem>();
+  const detailIsOwner = ref(false);
+  function handleDetail(row: FollowDetailItem) {
+    sourceId.value = row.id;
+    realFormKey.value =
+      props.activeType === 'followRecord' ? FormDesignKeyEnum.FOLLOW_RECORD : FormDesignKeyEnum.FOLLOW_PLAN;
+    sourceName.value = row.type === 'CLUE' && row.clueId?.length ? row.clueName : row.customerName;
+    activeItem.value = row;
+    showDetailDrawer.value = true;
+    detailIsOwner.value = row.owner === userStore.userInfo.id;
+  }
+
+  const formDrawerVisible = ref(false);
+
+  const {
+    data,
+    loading,
+    handleReachBottom,
+    searchData,
+    activeStatus,
+    loadFollowList,
+    changePlanStatus,
+    followKeyword,
+    followFormKeyMap,
+    handleDelete,
+    getApiKey,
+  } = useFollowApi({
+    type: toRef(props, 'activeType'),
+    followApiKey: props.followApiKey,
+    sourceId: toRef(props, 'sourceId'),
+    onDeleteSuccess: () => {
+      // 确认删除成功后关闭详情弹窗
+      if (showDetailDrawer.value) {
+        showDetailDrawer.value = false;
+      }
+    },
+  });
+
+  const needInitDetail = ref(false);
+  const activePlan = ref();
+  const otherFollowRecordSaveParams = ref({
+    converted: false,
+  });
+
+  const linkFormKey = ref(FormDesignKeyEnum.FOLLOW_PLAN_BUSINESS);
+  const linkScenario = ref(FormLinkScenarioEnum.PLAN_TO_RECORD);
+  watch(
+    () => props.parentFormKey,
+    (val) => {
+      if (val === FormDesignKeyEnum.CUSTOMER) {
+        linkScenario.value = FormLinkScenarioEnum.CUSTOMER_TO_RECORD;
+      }
+      if (val === FormDesignKeyEnum.BUSINESS) {
+        linkScenario.value = FormLinkScenarioEnum.OPPORTUNITY_TO_RECORD;
+      }
+      if (val === FormDesignKeyEnum.CLUE) {
+        linkScenario.value = FormLinkScenarioEnum.CLUE_TO_RECORD;
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+  const linkSourceId = computed(() => {
+    if (linkScenario.value !== FormLinkScenarioEnum.PLAN_TO_RECORD) {
+      return props.sourceId;
+    }
+    return activePlan.value?.id;
+  });
+
+  const isOwner = (item: FollowDetailItem) => item.owner === userStore.userInfo.id;
+  const { fieldList, formDetail, initFormDetail, initFormConfig, linkFormFieldMap, saveForm } = useFormCreateApi({
+    formKey: computed(() => linkFormKey.value),
+    sourceId: linkSourceId,
+    needInitDetail: computed(() => needInitDetail.value),
+    otherSaveParams: computed(() => otherFollowRecordSaveParams.value),
+  });
+
+  onMounted(async () => {
+    if (props.activeType === 'followRecord') {
+      linkFormKey.value = FormDesignKeyEnum.FOLLOW_RECORD;
+      await initFormConfig();
+    }
+  });
+
+  function getDescriptionFun(item: FollowDetailItem) {
+    const isClue = item.type === 'CLUE' && item.clueId?.length;
+    const customerNameKey = isClue ? 'clueName' : 'customerName';
+    let lastDescriptionList = [
+      ...(props.followApiKey === 'myPlan' || props.activeType === 'followPlan'
+        ? [
+            {
+              key: customerNameKey,
+              label: isClue ? t('crmFollowRecord.companyName') : t('opportunity.customerName'),
+              value: customerNameKey,
+            },
+          ]
+        : []),
+      ...descriptionList.map((descriptionItem) => {
+        if (!descriptionItem.formConfigField) {
+          return descriptionItem;
+        }
+        const label = fieldList.value.find((field) => field.businessKey === descriptionItem.formConfigField)?.name;
+        return {
+          ...descriptionItem,
+          label,
+        };
+      }),
+    ];
+
+    if (isClue) {
+      lastDescriptionList = lastDescriptionList.filter((e) => !['contactName', 'phone'].includes(e.key));
+    }
+
+    return (lastDescriptionList.map((desc) => ({
+      ...desc,
+      value: item[desc.key as keyof FollowDetailItem],
+    })) || []) as Description[];
+  }
+
+  // 编辑记录或计划
+  const realFollowSourceId = ref<string | undefined>('');
+  const isConverted = ref(false);
+  async function handleAdd() {
+    activePlan.value = undefined;
+    realFormKey.value =
+      (followFormKeyMap[props.followApiKey as keyof typeof followFormKeyMap]?.[
+        props.activeType
+      ] as FormDesignKeyEnum) ?? realFormKey.value;
+    realFollowSourceId.value = props.sourceId;
+    needInitDetail.value = false;
+    if (props.activeType === 'followPlan') {
+      isConverted.value = false;
+      otherFollowRecordSaveParams.value.converted = isConverted.value;
+    } else {
+      linkFormKey.value = props.parentFormKey || linkFormKey.value;
+      await initFormConfig();
+      await initFormDetail(false, true);
+    }
+    formDrawerVisible.value = true;
+  }
+
+  async function handleConvert(item: FollowDetailItem) {
+    linkScenario.value = FormLinkScenarioEnum.PLAN_TO_RECORD;
+    activePlan.value = item;
+    isConverted.value = true;
+    otherFollowRecordSaveParams.value.converted = isConverted.value;
+    realFollowSourceId.value = '';
+    realFormKey.value =
+      followFormKeyMap[getApiKey(item) as keyof typeof followFormKeyMap]?.followRecord ?? realFormKey.value;
+    linkFormKey.value = FormDesignKeyEnum.FOLLOW_PLAN_CUSTOMER;
+    needInitDetail.value = false;
+    await initFormConfig();
+    await initFormDetail(false, true);
+    formDrawerVisible.value = true;
+  }
+
+  function handleEdit(item: FollowDetailItem) {
+    realFormKey.value = followFormKeyMap[getApiKey(item) as keyof typeof followFormKeyMap]?.[
+      props.activeType
+    ] as FormDesignKeyEnum;
+    realFollowSourceId.value = item.id;
+    needInitDetail.value = true;
+    formDrawerVisible.value = true;
+    if (props.activeType === 'followPlan') {
+      isConverted.value = false;
+      otherFollowRecordSaveParams.value.converted = (item as CustomerFollowPlanListItem).converted;
+    }
+  }
+
+  const emptyText = computed(() => {
+    if (!hasAnyPermission(props.anyPermission)) {
+      return t('common.noPermission');
+    }
+    return props.activeType === 'followPlan' ? t('crmFollowRecord.noFollowPlan') : t('crmFollowRecord.noFollowRecord');
+  });
+
+  const planPermission: Partial<Record<followEnumType, string[]>> = {
+    [FormDesignKeyEnum.CLUE]: ['CLUE_MANAGEMENT:UPDATE'],
+    [FormDesignKeyEnum.CUSTOMER]: ['CUSTOMER_MANAGEMENT:UPDATE'],
+    [FormDesignKeyEnum.BUSINESS]: ['OPPORTUNITY_MANAGEMENT:UPDATE'],
+  };
+
+  function getShowAction(item: FollowDetailItem) {
+    if (props.followApiKey === 'myPlan') {
+      const permission = planPermission[getApiKey(item) as keyof typeof followFormKeyMap];
+      return hasAnyPermission(permission);
+    }
+    return props.showAction;
+  }
+
+  // 更新计划为已转记录
+  async function updatePlan() {
+    linkFormKey.value = followFormKeyMap[getApiKey(activePlan.value) as keyof typeof followFormKeyMap]?.[
+      props.activeType
+    ] as FormDesignKeyEnum;
+    realFollowSourceId.value = activePlan.value.id;
+    needInitDetail.value = true;
+    initFormConfig();
+    await initFormDetail();
+    fieldList.value.forEach((item) => {
+      if (
+        [FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.MEMBER, FieldTypeEnum.DEPARTMENT].includes(item.type) &&
+        Array.isArray(formDetail.value[item.id])
+      ) {
+        formDetail.value[item.id] = formDetail.value[item.id]?.[0];
+      }
+    });
+    await saveForm(formDetail.value, false, () => ({}), true);
+    isConverted.value = false;
+    otherFollowRecordSaveParams.value.converted = isConverted.value;
+    loadFollowList();
+  }
+
+  function handleAfterSave() {
+    if (isConverted.value) {
+      updatePlan();
+    } else {
+      loadFollowList();
+    }
+    if (showDetailDrawer.value) {
+      refreshDetailKey.value += 1;
+    }
+  }
+
+  watch(
+    () => props.refreshKey,
+    (val) => {
+      if (val) {
+        loadFollowList(true);
+      }
+    }
+  );
+
+  watch(
+    () => props.activeType,
+    () => {
+      loadFollowList(true);
+    },
+    { immediate: true }
+  );
+</script>
+
+<style lang="less" scoped>
+  .crm-follow-detail {
+    @apply overflow-hidden;
+
+    border-radius: @border-radius-medium;
+    background: var(--text-n10);
+  }
+  :deep(.n-tabs) {
+    width: auto;
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-follow-detail/locale/en-US.ts b/frontend/packages/web/src/components/business/crm-follow-detail/locale/en-US.ts
new file mode 100644
index 0000000..06931bb
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-follow-detail/locale/en-US.ts
@@ -0,0 +1,8 @@
+export default {
+  'crmFollowRecord.followRecord': 'Follow record',
+  'crmFollowRecord.writeRecord': 'Write record',
+  'crmFollowRecord.writePlan': 'Write plan',
+  'crmFollowRecord.noFollowRecord': 'No follow up records',
+  'crmFollowRecord.noFollowPlan': 'No follow up plan',
+  'crmFollowRecord.companyName': 'Company name',
+};
diff --git a/frontend/packages/web/src/components/business/crm-follow-detail/locale/zh-CN.ts b/frontend/packages/web/src/components/business/crm-follow-detail/locale/zh-CN.ts
new file mode 100644
index 0000000..16c772e
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-follow-detail/locale/zh-CN.ts
@@ -0,0 +1,8 @@
+export default {
+  'crmFollowRecord.followRecord': '跟进记录',
+  'crmFollowRecord.writeRecord': '写记录',
+  'crmFollowRecord.writePlan': '写计划',
+  'crmFollowRecord.noFollowRecord': '暂无跟进记录',
+  'crmFollowRecord.noFollowPlan': '暂无跟进计划',
+  'crmFollowRecord.companyName': '公司名称',
+};
diff --git a/frontend/packages/web/src/components/business/crm-follow-detail/statusTag.vue b/frontend/packages/web/src/components/business/crm-follow-detail/statusTag.vue
new file mode 100644
index 0000000..2c500c0
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-follow-detail/statusTag.vue
@@ -0,0 +1,29 @@
+<template>
+  <CrmTag v-if="props.status !== CustomerFollowPlanStatusEnum.ALL" :type="statusMap[props.status].type" theme="light">
+    <template #icon>
+      <CrmIcon :type="statusMap[props.status].icon" :size="16" :class="`text-[${statusMap[props.status].color}]`" />
+    </template>
+    <div :class="`text-[${statusMap[props.status].color}] flex items-center gap-[8px]`">
+      {{ t(statusMap[props.status].label) }}
+      <CrmIcon v-if="!props.hiddenDownIcon" type="iconicon_chevron_down" :size="16" class="text-[var(--text-n4)]" />
+    </div>
+  </CrmTag>
+</template>
+
+<script lang="ts" setup>
+  import { CustomerFollowPlanStatusEnum } from '@lib/shared/enums/customerEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+
+  import { statusMap } from '@/config/follow';
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    status: CustomerFollowPlanStatusEnum;
+    hiddenDownIcon?: boolean;
+  }>();
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-follow-detail/statusTagSelect.vue b/frontend/packages/web/src/components/business/crm-follow-detail/statusTagSelect.vue
new file mode 100644
index 0000000..08bd400
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-follow-detail/statusTagSelect.vue
@@ -0,0 +1,104 @@
+<template>
+  <n-select
+    v-model:value="status"
+    :placeholder="t('common.pleaseSelect')"
+    :render-tag="props.noRender ? undefined : renderTag"
+    :options="props.statusOptions ?? options"
+    :show-checkmark="false"
+    :render-option="props.noRender ? undefined : renderOption"
+    :disabled="props.disabled"
+    :bordered="false"
+    class="follow-plan-status-select"
+    @update:value="updateValue"
+  />
+</template>
+
+<script setup lang="ts">
+  import { VNodeChild } from 'vue';
+  import { NSelect, SelectOption } from 'naive-ui';
+
+  import { ContractPaymentPlanEnum, ContractStatusEnum } from '@lib/shared/enums/contractEnum';
+  import { CustomerFollowPlanStatusEnum } from '@lib/shared/enums/customerEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { StatusTagKey } from '@lib/shared/models/customer';
+
+  import StatusTag from './statusTag.vue';
+
+  import { statusMap } from '@/config/follow';
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    disabled: boolean;
+    statusOptions?: SelectOption[];
+    statusTagComponent?: any; // 组件引用
+    noRender?: boolean;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'change'): void;
+  }>();
+
+  const status = defineModel<CustomerFollowPlanStatusEnum | ContractPaymentPlanEnum | ContractStatusEnum>('status', {
+    required: true,
+  });
+
+  const options = computed(() =>
+    Object.values(statusMap).map((e) => ({
+      ...e,
+      label: t(e.label),
+    }))
+  );
+
+  const actualStatusTag = computed(() => {
+    return props.statusTagComponent ?? StatusTag;
+  });
+
+  const renderTag = ({ option }: { option: SelectOption; handleClose: () => void }) => {
+    return h(actualStatusTag.value, {
+      class: `${props.disabled ? '' : 'cursor-pointer'}`,
+      status: option.value as StatusTagKey,
+      hiddenDownIcon: props.disabled,
+    });
+  };
+
+  function renderOption({ node, option }: { node: VNode; option: SelectOption }): VNodeChild {
+    node.children = [
+      h(actualStatusTag.value, {
+        status: option.value as StatusTagKey,
+        hiddenDownIcon: true,
+      }),
+    ];
+    return node;
+  }
+
+  function updateValue() {
+    emit('change');
+  }
+</script>
+
+<style lang="less">
+  .follow-plan-status-select {
+    width: auto;
+    .n-base-selection {
+      border: 1px solid transparent;
+      &.n-base-selection--disabled {
+        .n-base-selection-label {
+          background-color: transparent !important;
+        }
+      }
+      .n-base-selection-input {
+        padding: 0;
+      }
+      .n-base-suffix {
+        display: none !important;
+        .n-base-suffix__arrow {
+          display: none !important;
+        }
+      }
+    }
+    .n-base-selection-input {
+      padding: 0;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-follow-detail/useFollowApi.ts b/frontend/packages/web/src/components/business/crm-follow-detail/useFollowApi.ts
new file mode 100644
index 0000000..11b0305
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-follow-detail/useFollowApi.ts
@@ -0,0 +1,301 @@
+import { ref } from 'vue';
+import { useMessage } from 'naive-ui';
+
+import { CustomerFollowPlanStatusEnum } from '@lib/shared/enums/customerEnum';
+import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+import { sleep } from '@lib/shared/method';
+import type { CommonList } from '@lib/shared/models/common';
+import type { CustomerFollowPlanListItem, FollowDetailItem } from '@lib/shared/models/customer';
+
+import {
+  deleteClueFollowPlan,
+  deleteClueFollowRecord,
+  deleteCustomerFollowPlan,
+  deleteCustomerFollowRecord,
+  deleteOptFollowPlan,
+  deleteOptFollowRecord,
+  getClueFollowPlanList,
+  getClueFollowRecordList,
+  getCluePoolFollowRecordList,
+  getCustomerFollowPlanList,
+  getCustomerFollowRecordList,
+  getCustomerOpenSeaFollowRecordList,
+  getOptFollowPlanList,
+  getOptFollowRecordList,
+  getPersonalFollow,
+  updateClueFollowPlanStatus,
+  updateCustomerFollowPlanStatus,
+  updateOptFollowPlanStatus,
+} from '@/api/modules';
+import useModal from '@/hooks/useModal';
+
+import useHighlight from './useHighlight';
+
+export type followEnumType =
+  | typeof FormDesignKeyEnum.CUSTOMER
+  | typeof FormDesignKeyEnum.BUSINESS
+  | typeof FormDesignKeyEnum.CLUE
+  | typeof FormDesignKeyEnum.CLUE_POOL
+  | typeof FormDesignKeyEnum.CUSTOMER_OPEN_SEA
+  | 'myPlan';
+
+type FollowApiMapType = Record<
+  followEnumType,
+  {
+    list: {
+      followRecord?: (params: any) => Promise<CommonList<FollowDetailItem>>;
+      followPlan?: (params: any) => Promise<CommonList<FollowDetailItem>>;
+    };
+    changeStatus?: {
+      followPlan: typeof updateOptFollowPlanStatus;
+    };
+    delete?: {
+      followRecord: (params: string) => Promise<any>;
+      followPlan?: (params: string) => Promise<any>;
+    };
+  }
+>;
+
+const followApiMap: FollowApiMapType = {
+  [FormDesignKeyEnum.BUSINESS]: {
+    list: {
+      followRecord: getOptFollowRecordList,
+      followPlan: getOptFollowPlanList,
+    },
+    changeStatus: {
+      followPlan: updateOptFollowPlanStatus,
+    },
+    delete: {
+      followRecord: deleteOptFollowRecord,
+      followPlan: deleteOptFollowPlan,
+    },
+  },
+  [FormDesignKeyEnum.CUSTOMER]: {
+    list: {
+      followRecord: getCustomerFollowRecordList,
+      followPlan: getCustomerFollowPlanList,
+    },
+    changeStatus: {
+      followPlan: updateCustomerFollowPlanStatus,
+    },
+    delete: {
+      followRecord: deleteCustomerFollowRecord,
+      followPlan: deleteCustomerFollowPlan,
+    },
+  },
+  [FormDesignKeyEnum.CLUE]: {
+    list: {
+      followRecord: getClueFollowRecordList,
+      followPlan: getClueFollowPlanList,
+    },
+    changeStatus: {
+      followPlan: updateClueFollowPlanStatus,
+    },
+    delete: {
+      followRecord: deleteClueFollowRecord,
+      followPlan: deleteClueFollowPlan,
+    },
+  },
+  [FormDesignKeyEnum.CLUE_POOL]: {
+    list: {
+      followRecord: getCluePoolFollowRecordList,
+    },
+  },
+  [FormDesignKeyEnum.CUSTOMER_OPEN_SEA]: {
+    list: {
+      followRecord: getCustomerOpenSeaFollowRecordList,
+    },
+  },
+  myPlan: {
+    list: {
+      followPlan: getPersonalFollow,
+    },
+  },
+};
+
+const followFormKeyMap: Partial<
+  Record<
+    followEnumType,
+    {
+      followRecord: FormDesignKeyEnum;
+      followPlan: FormDesignKeyEnum;
+    }
+  >
+> = {
+  [FormDesignKeyEnum.CUSTOMER]: {
+    followRecord: FormDesignKeyEnum.FOLLOW_RECORD_CUSTOMER, // 客户跟进记录
+    followPlan: FormDesignKeyEnum.FOLLOW_PLAN_CUSTOMER, // 客户跟进计划
+  },
+  [FormDesignKeyEnum.BUSINESS]: {
+    followRecord: FormDesignKeyEnum.FOLLOW_RECORD_BUSINESS, // 商机跟进记录
+    followPlan: FormDesignKeyEnum.FOLLOW_PLAN_BUSINESS, // 商机跟进计划
+  },
+  [FormDesignKeyEnum.CLUE]: {
+    followRecord: FormDesignKeyEnum.FOLLOW_RECORD_CLUE, // 线索跟进记录
+    followPlan: FormDesignKeyEnum.FOLLOW_PLAN_CLUE, // 线索跟进计划
+  },
+};
+
+export default function useFollowApi(followProps: {
+  followApiKey: followEnumType;
+  type: Ref<'followRecord' | 'followPlan'>;
+  sourceId: Ref<string>;
+  onDeleteSuccess?: () => void;
+}) {
+  const { t } = useI18n();
+  const { openModal } = useModal();
+
+  const Message = useMessage();
+
+  const data = ref<FollowDetailItem[]>([]);
+
+  const activeStatus = ref<CustomerFollowPlanStatusEnum>(CustomerFollowPlanStatusEnum.ALL);
+
+  const followKeyword = ref<string>('');
+
+  const loading = ref(false);
+
+  const pageNation = ref({
+    total: 0,
+    pageSize: 10,
+    current: 1,
+  });
+  const { type, followApiKey, sourceId } = followProps;
+
+  const apis = followApiMap[followApiKey];
+
+  function transformField(item: FollowDetailItem, optionMap?: Record<string, any>) {
+    const methodKey = type.value === 'followPlan' ? 'method' : 'followMethod';
+    let followMethod;
+    if (optionMap) {
+      followMethod =
+        optionMap[methodKey]?.find((e: any) => e.id === item[methodKey as keyof FollowDetailItem])?.name || '-';
+    }
+    return {
+      ...item,
+      [methodKey]: followMethod,
+    };
+  }
+
+  async function loadFollowList(refresh = true) {
+    try {
+      loading.value = true;
+      if (refresh) {
+        pageNation.value.current = 1;
+      }
+      const params = {
+        sourceId: sourceId.value,
+        current: pageNation.value.current || 1,
+        pageSize: pageNation.value.pageSize,
+        keyword: followKeyword.value,
+        ...(type.value === 'followPlan' && { status: activeStatus.value }),
+        myPlan: followApiKey === 'myPlan',
+      };
+      const res = await apis.list[type.value]?.(params);
+      if (refresh) {
+        data.value = [];
+      }
+      if (res) {
+        const newList = res.list.map((item: FollowDetailItem) => transformField(item, res?.optionMap));
+        data.value = data.value.concat(newList);
+        pageNation.value.total = res.total;
+      }
+    } catch (err) {
+      // eslint-disable-next-line no-console
+      console.log(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  function getApiKey(item: FollowDetailItem) {
+    if (followApiKey === 'myPlan') {
+      if (item.clueId?.length) {
+        return FormDesignKeyEnum.CLUE;
+      }
+      if (item.opportunityId?.length && item.customerId?.length) {
+        return FormDesignKeyEnum.BUSINESS;
+      }
+      return FormDesignKeyEnum.CUSTOMER;
+    }
+    return followApiKey;
+  }
+
+  // 更新计划状态
+  async function changePlanStatus(item: FollowDetailItem) {
+    try {
+      await followApiMap[getApiKey(item)].changeStatus?.followPlan({
+        id: item.id,
+        status: (item as CustomerFollowPlanListItem).status,
+      });
+      Message.success(t('common.operationSuccess'));
+      loadFollowList();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  function handleReachBottom() {
+    pageNation.value.current += 1;
+    if (pageNation.value.current > Math.ceil(pageNation.value.total / pageNation.value.pageSize)) {
+      return;
+    }
+    loadFollowList(false);
+  }
+
+  const { highlightContent, resetHighlight } = useHighlight([
+    '.crm-follow-record-content',
+    '.crm-follow-record-method',
+  ]);
+
+  async function searchData(keyword: string) {
+    followKeyword.value = keyword;
+    await loadFollowList();
+    await sleep(300);
+
+    highlightContent(keyword);
+    if (!keyword) {
+      resetHighlight();
+    }
+  }
+
+  // 删除
+  async function handleDelete(item: FollowDetailItem) {
+    openModal({
+      type: 'error',
+      title: t('common.deleteConfirm'),
+      positiveText: t('common.confirmDelete'),
+      content: t('common.deleteConfirmContent'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await followApiMap[getApiKey(item)].delete?.[type.value]?.(item.id);
+          Message.success(t('common.deleteSuccess'));
+          loadFollowList();
+          if (followProps.onDeleteSuccess) {
+            followProps.onDeleteSuccess();
+          }
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        }
+      },
+    });
+  }
+
+  return {
+    data,
+    loading,
+    handleReachBottom,
+    followKeyword,
+    loadFollowList,
+    changePlanStatus,
+    followFormKeyMap,
+    searchData,
+    handleDelete,
+    activeStatus,
+    getApiKey,
+  };
+}
diff --git a/frontend/packages/web/src/components/business/crm-follow-detail/useHighlight.ts b/frontend/packages/web/src/components/business/crm-follow-detail/useHighlight.ts
new file mode 100644
index 0000000..659cab5
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-follow-detail/useHighlight.ts
@@ -0,0 +1,33 @@
+export default function useHighlight(selectorArray: string[]) {
+  const defaultHighlightClass = `bg-[var(--primary-8)] text-[var(--text-n10)] rounded-sm`;
+  // 高亮文本
+  function highlightContent(keyword: string) {
+    if (!keyword) return;
+
+    const regex = new RegExp(`(${keyword})`, 'gi'); // 关键字匹配
+
+    selectorArray.forEach((selector) => {
+      const elements = document.querySelectorAll(selector);
+      elements.forEach((element) => {
+        if (element.innerHTML !== element.textContent) return;
+        element.innerHTML = element.textContent.replace(regex, `<span class="${defaultHighlightClass}">$1</span>`);
+      });
+    });
+  }
+
+  // 清空高亮
+  function resetHighlight() {
+    selectorArray.forEach((selector) => {
+      const elements = document.querySelectorAll(selector);
+      elements.forEach((element) => {
+        const originalText = element.innerHTML;
+        element.innerHTML = originalText.replace(/<span class="[^"]+">([^<]+)<\/span>/gi, '$1');
+      });
+    });
+  }
+
+  return {
+    highlightContent,
+    resetHighlight,
+  };
+}
diff --git a/frontend/packages/web/src/components/business/crm-follow-drawer/components/detailDrawer.vue b/frontend/packages/web/src/components/business/crm-follow-drawer/components/detailDrawer.vue
new file mode 100644
index 0000000..64330c2
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-follow-drawer/components/detailDrawer.vue
@@ -0,0 +1,73 @@
+<template>
+  <CrmDrawer
+    v-model:show="showDrawer"
+    :title="`${props.sourceName} ${
+      props.formKey === FormDesignKeyEnum.FOLLOW_RECORD ? t('module.customer.followRecord') : t('common.plan')
+    }`"
+    :width="800"
+    no-padding
+    :footer="false"
+  >
+    <template v-if="!props.readonly" #titleRight>
+      <n-button type="primary" ghost class="n-btn-outline-primary" @click="handleEdit">
+        {{ t('common.edit') }}
+      </n-button>
+      <n-button type="error" ghost class="n-btn-outline-error ml-[12px]" @click="handleDelete">
+        {{ t('common.delete') }}
+      </n-button>
+    </template>
+    <div class="h-full bg-[var(--text-n9)] p-[16px]">
+      <CrmCard hide-footer>
+        <div class="flex-1">
+          <CrmFormDescription
+            :form-key="props.formKey"
+            :source-id="props.sourceId"
+            :refresh-key="props.refreshKey"
+            :column="3"
+            label-width="auto"
+            value-align="start"
+            readonly
+          />
+        </div>
+      </CrmCard>
+    </div>
+  </CrmDrawer>
+</template>
+
+<script setup lang="ts">
+  import { NButton } from 'naive-ui';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmFormDescription from '@/components/business/crm-form-description/index.vue';
+
+  const props = defineProps<{
+    sourceId: string;
+    formKey: FormDesignKeyEnum;
+    sourceName: string;
+    refreshKey: number;
+    readonly?: boolean;
+  }>();
+
+  const showDrawer = defineModel<boolean>('show', {
+    required: true,
+  });
+
+  const emit = defineEmits<{
+    (e: 'delete'): void;
+    (e: 'edit'): void;
+  }>();
+
+  const { t } = useI18n();
+
+  function handleDelete() {
+    emit('delete');
+  }
+
+  function handleEdit() {
+    emit('edit');
+  }
+</script>
diff --git a/frontend/packages/web/src/components/business/crm-follow-drawer/components/planTable.vue b/frontend/packages/web/src/components/business/crm-follow-drawer/components/planTable.vue
new file mode 100644
index 0000000..04ef6ed
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-follow-drawer/components/planTable.vue
@@ -0,0 +1,440 @@
+<template>
+  <CrmCard hide-footer no-content-bottom-padding>
+    <CrmTable
+      ref="crmTableRef"
+      v-bind="propsRes"
+      class="crm-plan-table"
+      :not-show-table="activeShowType === 'timeline'"
+      :action-config="{ baseAction: [] }"
+      @page-change="propsEvent.pageChange"
+      @page-size-change="propsEvent.pageSizeChange"
+      @sorter-change="propsEvent.sorterChange"
+      @filter-change="propsEvent.filterChange"
+    >
+      <template #actionLeft>
+        <div class="flex gap-[12px]">
+          <CrmTab v-model:active-tab="activeStatus" no-content :tab-list="statusTabList" type="segment" />
+        </div>
+      </template>
+      <template #actionRight>
+        <CrmAdvanceFilter
+          ref="tableAdvanceFilterRef"
+          v-model:keyword="keyword"
+          :search-placeholder="t('common.searchByName')"
+          :custom-fields-config-list="filterConfigList"
+          :filter-config-list="customFieldsFilterConfig"
+          @adv-search="handleAdvSearch"
+          @keyword-search="searchByKeyword"
+        />
+        <n-tabs v-model:value="activeShowType" type="segment" size="large" class="show-type-tabs">
+          <n-tab-pane name="table" class="hidden">
+            <template #tab><CrmIcon type="iconicon_list" /></template>
+          </n-tab-pane>
+          <n-tab-pane name="timeline" class="hidden">
+            <template #tab><CrmIcon type="iconicon_timeline" /></template>
+          </n-tab-pane>
+        </n-tabs>
+      </template>
+      <template #view>
+        <CrmViewSelect
+          v-model:active-tab="activeTab"
+          :type="FormDesignKeyEnum.FOLLOW_PLAN"
+          :custom-fields-config-list="filterConfigList"
+          :filter-config-list="customFieldsFilterConfig"
+          :advanced-original-form="advancedOriginalForm"
+          @refresh-table-data="searchData"
+          @generated-chart="handleGeneratedChart"
+        />
+      </template>
+      <template v-if="activeShowType === 'timeline'" #other>
+        <div class="flex-1">
+          <FollowRecord
+            v-model:data="propsRes.data"
+            :loading="propsRes.loading"
+            :virtual-scroll-height="isFullScreen ? 'calc(100vh - 143px)' : 'calc(100vh - 289px)'"
+            :get-description-fun="getDescriptionFun"
+            key-field="id"
+            :disabled-open-detail="false"
+            type="followPlan"
+            :get-disabled-fun="() => true"
+            :empty-text="t('crmFollowRecord.noFollowPlan')"
+            @reach-bottom="handleReachBottom"
+            @change="changePlanStatus"
+          >
+            <template #titleLeft="{ item }">
+              <CrmTag type="primary" theme="light"> {{ item.type }} </CrmTag>
+            </template>
+            <template #headerAction="{ item }">
+              <div class="flex items-center gap-[4px]">
+                <n-button type="primary" class="text-btn-primary" quaternary @click="handleDetail(item)">
+                  {{ t('common.detail') }}
+                </n-button>
+                <n-button type="primary" class="text-btn-primary" quaternary @click="handleEdit(item)">
+                  {{ t('common.edit') }}
+                </n-button>
+                <n-button type="error" class="text-btn-error" quaternary @click="handleDelete(item.id)">
+                  {{ t('common.delete') }}
+                </n-button>
+              </div>
+            </template>
+            <template #createTime="{ descItem }">
+              <div class="flex items-center gap-[8px]">
+                {{ dayjs(descItem.value).format('YYYY-MM-DD HH:mm:ss') }}
+              </div>
+            </template>
+            <template #updateTime="{ descItem }">
+              <div class="flex items-center gap-[8px]">
+                {{ dayjs(descItem.value).format('YYYY-MM-DD HH:mm:ss') }}
+              </div>
+            </template>
+          </FollowRecord>
+        </div>
+      </template>
+    </CrmTable>
+
+    <CrmFormCreateDrawer
+      v-model:visible="formDrawerVisible"
+      :form-key="FormDesignKeyEnum.FOLLOW_PLAN"
+      :source-id="realFollowSourceId"
+      need-init-detail
+      :other-save-params="otherFollowRecordSaveParams"
+      @saved="handleAfterSave"
+    />
+    <DetailDrawer
+      v-model:show="showDetailDrawer"
+      :form-key="FormDesignKeyEnum.FOLLOW_PLAN"
+      :source-id="sourceId"
+      :source-name="sourceName"
+      :refresh-key="refreshKey"
+      @delete="handleDelete(sourceId)"
+      @edit="handleEdit(activeItem)"
+    />
+  </CrmCard>
+</template>
+
+<script setup lang="ts">
+  import { NButton, NTabPane, NTabs, useMessage } from 'naive-ui';
+  import dayjs from 'dayjs';
+
+  import { CustomerFollowPlanStatusEnum } from '@lib/shared/enums/customerEnum';
+  import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import { EQUAL, NOT_EQUAL } from '@/components/pure/crm-advance-filter/index';
+  import CrmAdvanceFilter from '@/components/pure/crm-advance-filter/index.vue';
+  import { FilterForm, FilterFormItem, FilterResult } from '@/components/pure/crm-advance-filter/type';
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import type { Description } from '@/components/pure/crm-detail-card/index.vue';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmTab from '@/components/pure/crm-tab/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import { descriptionList, statusTabList } from '@/components/business/crm-follow-detail/config';
+  import FollowRecord from '@/components/business/crm-follow-detail/followRecord.vue';
+  import StatusTagSelect from '@/components/business/crm-follow-detail/statusTagSelect.vue';
+  import CrmFormCreateDrawer from '@/components/business/crm-form-create-drawer/index.vue';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+  import CrmViewSelect from '@/components/business/crm-view-select/index.vue';
+  import DetailDrawer from './detailDrawer.vue';
+
+  import { deleteFollowPlan, updateFollowPlanStatus } from '@/api/modules';
+  import { baseFilterConfigList } from '@/config/clue';
+  import useFormCreateTable from '@/hooks/useFormCreateTable';
+  import useLocalForage from '@/hooks/useLocalForage';
+  import useModal from '@/hooks/useModal';
+  import useOpenDetailPage from '@/hooks/useOpenDetailPage';
+
+  const { t } = useI18n();
+  const Message = useMessage();
+  const { setItem, getItem } = useLocalForage();
+  const { goDetail } = useOpenDetailPage();
+  const { openModal } = useModal();
+
+  const activeTab = ref('');
+
+  const keyword = ref('');
+  const activeStatus = ref<CustomerFollowPlanStatusEnum>(CustomerFollowPlanStatusEnum.ALL);
+
+  const filterConfigList = computed<FilterFormItem[]>(() => {
+    return [
+      {
+        title: t('opportunity.department'),
+        dataIndex: 'departmentId',
+        type: FieldTypeEnum.TREE_SELECT,
+        treeSelectProps: {
+          labelField: 'name',
+          keyField: 'id',
+          multiple: true,
+          clearFilterAfterSelect: false,
+          checkable: true,
+          showContainChildModule: true,
+          type: 'department',
+        },
+      },
+      {
+        dataIndex: 'phone',
+        title: t('common.phoneNumber'),
+        type: FieldTypeEnum.PHONE,
+      },
+      {
+        title: t('eventDrawer.record.converted'),
+        type: FieldTypeEnum.SELECT,
+        dataIndex: 'converted',
+        operatorOption: [EQUAL, NOT_EQUAL],
+        selectProps: {
+          options: [
+            { value: true, label: t('common.yes') },
+            { value: 'false', label: t('common.no') },
+          ],
+        },
+      },
+      ...baseFilterConfigList,
+    ] as FilterFormItem[];
+  });
+
+  const operationGroupList: ActionsItem[] = [
+    {
+      label: t('common.detail'),
+      key: 'detail',
+    },
+    {
+      label: t('common.edit'),
+      key: 'edit',
+    },
+    {
+      label: t('common.delete'),
+      key: 'delete',
+    },
+  ];
+
+  const tableRefreshId = ref(0);
+
+  async function changePlanStatus(item: any) {
+    try {
+      await updateFollowPlanStatus({
+        id: item.id,
+        status: item.status,
+      });
+      Message.success(t('common.operationSuccess'));
+      tableRefreshId.value += 1;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  const refreshKey = ref(0);
+  const sourceId = ref('');
+  const sourceName = ref('');
+  const showDetailDrawer = ref(false);
+  const activeItem = ref<any>();
+
+  function handleDetail(row: any) {
+    sourceId.value = row.id;
+    activeItem.value = row;
+    sourceName.value = row.resourceType === 'CLUE' ? row.clueName : row.customerName;
+    showDetailDrawer.value = true;
+  }
+
+  // 删除
+  async function handleDelete(id: string) {
+    openModal({
+      type: 'error',
+      title: t('common.deleteConfirm'),
+      positiveText: t('common.confirmDelete'),
+      content: t('common.deleteConfirmContent'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deleteFollowPlan(id);
+          Message.success(t('common.deleteSuccess'));
+          tableRefreshId.value += 1;
+          if (showDetailDrawer.value) {
+            showDetailDrawer.value = false;
+          }
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        }
+      },
+    });
+  }
+
+  const formDrawerVisible = ref(false);
+  const otherFollowRecordSaveParams = ref({
+    converted: false,
+  });
+  const realFollowSourceId = ref<string | undefined>('');
+  function handleEdit(item: any) {
+    realFollowSourceId.value = item.id;
+    formDrawerVisible.value = true;
+    otherFollowRecordSaveParams.value.converted = item.converted;
+  }
+
+  function handleAfterSave() {
+    if (showDetailDrawer.value) {
+      refreshKey.value += 1;
+    }
+    tableRefreshId.value += 1;
+  }
+
+  function handleActionSelect(row: any, actionKey: string) {
+    switch (actionKey) {
+      case 'detail':
+        handleDetail(row);
+        break;
+      case 'delete':
+        handleDelete(row.id);
+        break;
+      case 'edit':
+        handleEdit(row);
+        break;
+      default:
+        break;
+    }
+  }
+
+  const { useTableRes, customFieldsFilterConfig } = await useFormCreateTable({
+    formKey: FormDesignKeyEnum.FOLLOW_PLAN,
+    containerClass: '.crm-plan-table',
+    hiddenRefresh: true,
+    operationColumn: {
+      key: 'operation',
+      width: 140,
+      fixed: 'right',
+      render: (row: any) =>
+        h(CrmOperationButton, {
+          groupList: operationGroupList,
+          onSelect: (key: string) => handleActionSelect(row, key),
+        }),
+    },
+    specialRender: {
+      name: (row: any) => {
+        return h(
+          CrmTableButton,
+          {
+            onClick: () => {
+              goDetail(row);
+            },
+          },
+          {
+            default: () => (row.resourceType === 'CLUE' ? row.clueName : row.customerName),
+            trigger: () => (row.resourceType === 'CLUE' ? row.clueName : row.customerName),
+          }
+        );
+      },
+      status: (row: any) => {
+        return h(StatusTagSelect, {
+          'status': row.status,
+          'disabled': !!row.converted,
+          'onUpdate:status': (val) => {
+            row.status = val;
+          },
+          'onChange': () => {
+            changePlanStatus(row);
+          },
+        });
+      },
+    },
+  });
+  const { propsRes, propsEvent, loadList, setLoadListParams, setAdvanceFilter } = useTableRes;
+
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+  const isFullScreen = computed(() => crmTableRef.value?.isFullScreen);
+  const isAdvancedSearchMode = ref(false);
+  const advancedOriginalForm = ref<FilterForm | undefined>();
+  function handleAdvSearch(filter: FilterResult, isAdvancedMode: boolean, originalForm?: FilterForm) {
+    keyword.value = '';
+    advancedOriginalForm.value = originalForm;
+    isAdvancedSearchMode.value = isAdvancedMode;
+    setAdvanceFilter(filter);
+    loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  function searchData(_keyword?: string) {
+    setLoadListParams({
+      keyword: _keyword ?? keyword.value,
+      viewId: activeTab.value,
+      status: activeStatus.value,
+    });
+    loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  const tableAdvanceFilterRef = ref<InstanceType<typeof CrmAdvanceFilter>>();
+  function handleGeneratedChart(res: FilterResult, form: FilterForm) {
+    advancedOriginalForm.value = form;
+    setAdvanceFilter(res);
+    tableAdvanceFilterRef.value?.setAdvancedFilter(res, true);
+    searchData();
+  }
+
+  function searchByKeyword(val: string) {
+    keyword.value = val;
+    nextTick(() => {
+      searchData();
+    });
+  }
+
+  watch([() => activeTab.value, () => tableRefreshId.value, () => activeStatus.value], () => {
+    searchData();
+  });
+
+  const activeShowType = ref<'table' | 'timeline'>();
+  watch(
+    () => activeShowType.value,
+    async (val) => {
+      if (val) {
+        await setItem(`plan-active-show-type`, activeShowType.value as 'table' | 'timeline');
+      }
+    }
+  );
+  onMounted(async () => {
+    activeShowType.value = (await getItem<'timeline' | 'table'>(`plan-active-show-type`)) ?? 'table';
+  });
+
+  function getDescriptionFun(item: any) {
+    const isClue = item.resourceType === 'CLUE' && item.clueId?.length;
+    const customerNameKey = isClue ? 'clueName' : 'customerName';
+    let lastDescriptionList = [
+      ...[
+        {
+          key: customerNameKey,
+          label: isClue ? t('crmFollowRecord.companyName') : t('opportunity.customerName'),
+          value: customerNameKey,
+        },
+      ],
+      ...descriptionList,
+    ];
+
+    if (isClue) {
+      lastDescriptionList = lastDescriptionList.filter((e) => !['contactName', 'phone'].includes(e.key));
+    }
+
+    return (lastDescriptionList.map((desc: Description) => ({
+      ...desc,
+      value: item[desc.key as keyof any],
+    })) || []) as Description[];
+  }
+
+  function handleReachBottom() {
+    if (
+      propsRes.value.crmPagination?.itemCount &&
+      propsRes.value.crmPagination?.page &&
+      propsRes.value.crmPagination?.pageSize &&
+      propsRes.value.crmPagination.itemCount > propsRes.value.crmPagination.page * propsRes.value.crmPagination.pageSize
+    ) {
+      propsEvent.value.pageChange(propsRes.value.crmPagination.page + 1);
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  .show-type-tabs {
+    :deep(.n-tabs-tab) {
+      padding: 6px;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-follow-drawer/components/recordTable.vue b/frontend/packages/web/src/components/business/crm-follow-drawer/components/recordTable.vue
new file mode 100644
index 0000000..5014e5f
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-follow-drawer/components/recordTable.vue
@@ -0,0 +1,392 @@
+<template>
+  <CrmCard hide-footer no-content-bottom-padding>
+    <CrmTable
+      ref="crmTableRef"
+      v-bind="propsRes"
+      class="crm-record-table"
+      :not-show-table="activeShowType === 'timeline'"
+      :action-config="{ baseAction: [] }"
+      @page-change="propsEvent.pageChange"
+      @page-size-change="propsEvent.pageSizeChange"
+      @sorter-change="propsEvent.sorterChange"
+      @filter-change="propsEvent.filterChange"
+    >
+      <template #actionRight>
+        <CrmAdvanceFilter
+          ref="tableAdvanceFilterRef"
+          v-model:keyword="keyword"
+          :search-placeholder="t('common.searchByName')"
+          :custom-fields-config-list="filterConfigList"
+          :filter-config-list="customFieldsFilterConfig"
+          @adv-search="handleAdvSearch"
+          @keyword-search="searchByKeyword"
+        />
+        <n-tabs v-model:value="activeShowType" type="segment" size="large" class="show-type-tabs">
+          <n-tab-pane name="table" class="hidden">
+            <template #tab><CrmIcon type="iconicon_list" /></template>
+          </n-tab-pane>
+          <n-tab-pane name="timeline" class="hidden">
+            <template #tab><CrmIcon type="iconicon_timeline" /></template>
+          </n-tab-pane>
+        </n-tabs>
+      </template>
+      <template #view>
+        <CrmViewSelect
+          v-model:active-tab="activeTab"
+          :type="FormDesignKeyEnum.FOLLOW_RECORD"
+          :custom-fields-config-list="filterConfigList"
+          :filter-config-list="customFieldsFilterConfig"
+          :advanced-original-form="advancedOriginalForm"
+          @refresh-table-data="searchData"
+          @generated-chart="handleGeneratedChart"
+        />
+      </template>
+      <template v-if="activeShowType === 'timeline'" #other>
+        <div class="flex-1">
+          <FollowRecord
+            v-model:data="propsRes.data"
+            :loading="propsRes.loading"
+            :virtual-scroll-height="isFullScreen ? 'calc(100vh - 143px)' : 'calc(100vh - 289px)'"
+            :get-description-fun="getDescriptionFun"
+            key-field="id"
+            :disabled-open-detail="false"
+            type="followRecord"
+            :empty-text="t('crmFollowRecord.noFollowRecord')"
+            @reach-bottom="handleReachBottom"
+          >
+            <template #titleLeft="{ item }">
+              <CrmTag type="primary" theme="light"> {{ item.type }} </CrmTag>
+            </template>
+            <template #headerAction="{ item }">
+              <div class="flex items-center gap-[4px]">
+                <n-button type="primary" class="text-btn-primary" quaternary @click="handleDetail(item)">
+                  {{ t('common.detail') }}
+                </n-button>
+                <n-button type="primary" class="text-btn-primary" quaternary @click="handleEdit(item)">
+                  {{ t('common.edit') }}
+                </n-button>
+                <n-button type="error" class="text-btn-error" quaternary @click="handleDelete(item.id)">
+                  {{ t('common.delete') }}
+                </n-button>
+              </div>
+            </template>
+            <template #createTime="{ descItem }">
+              <div class="flex items-center gap-[8px]">
+                {{ dayjs(descItem.value).format('YYYY-MM-DD HH:mm:ss') }}
+              </div>
+            </template>
+            <template #updateTime="{ descItem }">
+              <div class="flex items-center gap-[8px]">
+                {{ dayjs(descItem.value).format('YYYY-MM-DD HH:mm:ss') }}
+              </div>
+            </template>
+          </FollowRecord>
+        </div>
+      </template>
+    </CrmTable>
+
+    <CrmFormCreateDrawer
+      v-model:visible="formDrawerVisible"
+      :form-key="FormDesignKeyEnum.FOLLOW_RECORD"
+      :source-id="realFollowSourceId"
+      need-init-detail
+      @saved="handleAfterSave"
+    />
+    <DetailDrawer
+      v-model:show="showDetailDrawer"
+      :form-key="FormDesignKeyEnum.FOLLOW_RECORD"
+      :source-id="sourceId"
+      :refresh-key="refreshKey"
+      :source-name="sourceName"
+      @delete="handleDelete(sourceId)"
+      @edit="handleEdit(activeItem)"
+    />
+  </CrmCard>
+</template>
+
+<script setup lang="ts">
+  import { NButton, NTabPane, NTabs, useMessage } from 'naive-ui';
+  import dayjs from 'dayjs';
+
+  import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmAdvanceFilter from '@/components/pure/crm-advance-filter/index.vue';
+  import { FilterForm, FilterFormItem, FilterResult } from '@/components/pure/crm-advance-filter/type';
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import type { Description } from '@/components/pure/crm-detail-card/index.vue';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import { descriptionList } from '@/components/business/crm-follow-detail/config';
+  import FollowRecord from '@/components/business/crm-follow-detail/followRecord.vue';
+  import CrmFormCreateDrawer from '@/components/business/crm-form-create-drawer/index.vue';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+  import CrmViewSelect from '@/components/business/crm-view-select/index.vue';
+  import DetailDrawer from './detailDrawer.vue';
+
+  import { deleteFollowRecord } from '@/api/modules';
+  import { baseFilterConfigList } from '@/config/clue';
+  import useFormCreateTable from '@/hooks/useFormCreateTable';
+  import useLocalForage from '@/hooks/useLocalForage';
+  import useModal from '@/hooks/useModal';
+  import useOpenDetailPage from '@/hooks/useOpenDetailPage';
+
+  const { t } = useI18n();
+  const Message = useMessage();
+  const { goDetail } = useOpenDetailPage();
+  const { setItem, getItem } = useLocalForage();
+  const { openModal } = useModal();
+
+  const activeTab = ref('');
+
+  const keyword = ref('');
+
+  const filterConfigList = computed<FilterFormItem[]>(() => {
+    return [
+      {
+        title: t('opportunity.department'),
+        dataIndex: 'departmentId',
+        type: FieldTypeEnum.TREE_SELECT,
+        treeSelectProps: {
+          labelField: 'name',
+          keyField: 'id',
+          multiple: true,
+          clearFilterAfterSelect: false,
+          checkable: true,
+          showContainChildModule: true,
+          type: 'department',
+        },
+      },
+      {
+        dataIndex: 'phone',
+        title: t('common.phoneNumber'),
+        type: FieldTypeEnum.PHONE,
+      },
+      ...baseFilterConfigList,
+    ] as FilterFormItem[];
+  });
+
+  const operationGroupList: ActionsItem[] = [
+    {
+      label: t('common.detail'),
+      key: 'detail',
+    },
+    {
+      label: t('common.edit'),
+      key: 'edit',
+    },
+    {
+      label: t('common.delete'),
+      key: 'delete',
+    },
+  ];
+
+  const tableRefreshId = ref(0);
+
+  const refreshKey = ref(0);
+  const activeItem = ref<any>();
+  const sourceId = ref('');
+  const sourceName = ref('');
+  const showDetailDrawer = ref(false);
+  function handleDetail(row: any) {
+    sourceId.value = row.id;
+    activeItem.value = row;
+    sourceName.value = row.resourceType === 'CLUE' ? row.clueName : row.customerName;
+    showDetailDrawer.value = true;
+  }
+
+  // 删除
+  async function handleDelete(id: string) {
+    openModal({
+      type: 'error',
+      title: t('common.deleteConfirm'),
+      positiveText: t('common.confirmDelete'),
+      content: t('common.deleteConfirmContent'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deleteFollowRecord(id);
+          Message.success(t('common.deleteSuccess'));
+          tableRefreshId.value += 1;
+          if (showDetailDrawer.value) {
+            showDetailDrawer.value = false;
+          }
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        }
+      },
+    });
+  }
+
+  const formDrawerVisible = ref(false);
+  const realFollowSourceId = ref<string | undefined>('');
+  function handleEdit(item: any) {
+    realFollowSourceId.value = item.id;
+    formDrawerVisible.value = true;
+  }
+
+  function handleAfterSave() {
+    if (showDetailDrawer.value) {
+      refreshKey.value += 1;
+    }
+    tableRefreshId.value += 1;
+  }
+
+  function handleActionSelect(row: any, actionKey: string) {
+    switch (actionKey) {
+      case 'detail':
+        handleDetail(row);
+        break;
+      case 'delete':
+        handleDelete(row.id);
+        break;
+      case 'edit':
+        handleEdit(row);
+        break;
+      default:
+        break;
+    }
+  }
+
+  const { useTableRes, customFieldsFilterConfig, fieldList } = await useFormCreateTable({
+    formKey: FormDesignKeyEnum.FOLLOW_RECORD,
+    containerClass: '.crm-record-table',
+    hiddenRefresh: true,
+    operationColumn: {
+      key: 'operation',
+      width: 140,
+      fixed: 'right',
+      render: (row: any) =>
+        h(CrmOperationButton, {
+          groupList: operationGroupList,
+          onSelect: (key: string) => handleActionSelect(row, key),
+        }),
+    },
+    specialRender: {
+      name: (row: any) => {
+        return h(
+          CrmTableButton,
+          {
+            onClick: () => {
+              goDetail(row);
+            },
+          },
+          {
+            default: () => (row.resourceType === 'CLUE' ? row.clueName : row.customerName),
+            trigger: () => (row.resourceType === 'CLUE' ? row.clueName : row.customerName),
+          }
+        );
+      },
+    },
+  });
+  const { propsRes, propsEvent, loadList, setLoadListParams, setAdvanceFilter } = useTableRes;
+
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+  const isFullScreen = computed(() => crmTableRef.value?.isFullScreen);
+  const isAdvancedSearchMode = ref(false);
+  const advancedOriginalForm = ref<FilterForm | undefined>();
+  function handleAdvSearch(filter: FilterResult, isAdvancedMode: boolean, originalForm?: FilterForm) {
+    keyword.value = '';
+    advancedOriginalForm.value = originalForm;
+    isAdvancedSearchMode.value = isAdvancedMode;
+    setAdvanceFilter(filter);
+    loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  function searchData(_keyword?: string) {
+    setLoadListParams({
+      keyword: _keyword ?? keyword.value,
+      viewId: activeTab.value,
+    });
+    loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  const tableAdvanceFilterRef = ref<InstanceType<typeof CrmAdvanceFilter>>();
+  function handleGeneratedChart(res: FilterResult, form: FilterForm) {
+    advancedOriginalForm.value = form;
+    setAdvanceFilter(res);
+    tableAdvanceFilterRef.value?.setAdvancedFilter(res, true);
+    searchData();
+  }
+
+  function searchByKeyword(val: string) {
+    keyword.value = val;
+    nextTick(() => {
+      searchData();
+    });
+  }
+
+  watch([() => activeTab.value, () => tableRefreshId.value], () => {
+    searchData();
+  });
+
+  const activeShowType = ref<'table' | 'timeline'>();
+  watch(
+    () => activeShowType.value,
+    async (val) => {
+      if (val) {
+        await setItem(`record-active-show-type`, activeShowType.value as 'table' | 'timeline');
+      }
+    }
+  );
+  onMounted(async () => {
+    activeShowType.value = (await getItem<'timeline' | 'table'>(`record-active-show-type`)) ?? 'table';
+  });
+
+  function getDescriptionFun(item: any) {
+    const isClue = item.resourceType === 'CLUE' && item.clueId?.length;
+    const customerNameKey = isClue ? 'clueName' : 'customerName';
+    let lastDescriptionList = [
+      ...[
+        {
+          key: customerNameKey,
+          label: isClue ? t('crmFollowRecord.companyName') : t('opportunity.customerName'),
+          value: customerNameKey,
+        },
+      ],
+      ...descriptionList.map((descriptionItem) => {
+        if (!descriptionItem.formConfigField) {
+          return descriptionItem;
+        }
+        const label = fieldList.value.find((field) => field.businessKey === descriptionItem.formConfigField)?.name;
+        return {
+          ...descriptionItem,
+          label,
+        };
+      }),
+    ];
+
+    if (isClue) {
+      lastDescriptionList = lastDescriptionList.filter((e) => !['contactName', 'phone'].includes(e.key));
+    }
+
+    return (lastDescriptionList.map((desc) => ({
+      ...desc,
+      value: item[desc.key as keyof any],
+    })) || []) as Description[];
+  }
+
+  function handleReachBottom() {
+    if (
+      propsRes.value.crmPagination?.itemCount &&
+      propsRes.value.crmPagination?.page &&
+      propsRes.value.crmPagination?.pageSize &&
+      propsRes.value.crmPagination.itemCount > propsRes.value.crmPagination.page * propsRes.value.crmPagination.pageSize
+    ) {
+      propsEvent.value.pageChange(propsRes.value.crmPagination.page + 1);
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  .show-type-tabs {
+    :deep(.n-tabs-tab) {
+      padding: 6px;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-follow-drawer/index.vue b/frontend/packages/web/src/components/business/crm-follow-drawer/index.vue
new file mode 100644
index 0000000..f63055c
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-follow-drawer/index.vue
@@ -0,0 +1,57 @@
+<template>
+  <CrmDrawer
+    v-model:show="visible"
+    resizable
+    no-padding
+    :width="1200"
+    :footer="false"
+    class="min-w-[1200px]"
+    :title="t('settings.navbar.event')"
+  >
+    <div class="flex h-full flex-col bg-[var(--text-n9)] px-[16px] pt-[16px]">
+      <CrmCard no-content-padding hide-footer auto-height class="mb-[16px]">
+        <CrmTab v-model:active-tab="activeTab" no-content :tab-list="tabList" type="line" />
+      </CrmCard>
+      <div v-if="visible" class="flex-1">
+        <Suspense>
+          <template v-if="activeTab === 'followRecord'">
+            <RecordTable />
+          </template>
+          <template v-else>
+            <PlanTable />
+          </template>
+        </Suspense>
+      </div>
+    </div>
+  </CrmDrawer>
+</template>
+
+<script lang="ts" setup>
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmTab from '@/components/pure/crm-tab/index.vue';
+
+  const RecordTable = defineAsyncComponent(() => import('./components/recordTable.vue'));
+  const PlanTable = defineAsyncComponent(() => import('./components/planTable.vue'));
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const { t } = useI18n();
+
+  const activeTab = ref('followRecord');
+
+  const tabList = [
+    {
+      name: 'followRecord',
+      tab: t('crmFollowRecord.followRecord'),
+    },
+    {
+      name: 'followPlan',
+      tab: t('common.plan'),
+    },
+  ];
+</script>
diff --git a/frontend/packages/web/src/components/business/crm-follow-drawer/locale/en-US.ts b/frontend/packages/web/src/components/business/crm-follow-drawer/locale/en-US.ts
new file mode 100644
index 0000000..4f33421
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-follow-drawer/locale/en-US.ts
@@ -0,0 +1,10 @@
+export default {
+  'eventDrawer.record.all': 'All Records',
+  'eventDrawer.record.my': 'My Records',
+  'eventDrawer.record.depart': 'Department Records',
+  'eventDrawer.record.converted': 'Converted to Follow-up Record',
+  'eventDrawer.record.content': 'Follow-up Content',
+  'eventDrawer.plan.all': 'All Plans',
+  'eventDrawer.plan.depart': 'Department Plans',
+  'eventDrawer.plan.content': 'Plan Content',
+};
diff --git a/frontend/packages/web/src/components/business/crm-follow-drawer/locale/zh-CN.ts b/frontend/packages/web/src/components/business/crm-follow-drawer/locale/zh-CN.ts
new file mode 100644
index 0000000..192d218
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-follow-drawer/locale/zh-CN.ts
@@ -0,0 +1,10 @@
+export default {
+  'eventDrawer.record.all': '所有记录',
+  'eventDrawer.record.my': '我的记录',
+  'eventDrawer.record.depart': '部门记录',
+  'eventDrawer.record.converted': '是否转为跟进记录',
+  'eventDrawer.record.content': '跟进内容',
+  'eventDrawer.plan.all': '所有计划',
+  'eventDrawer.plan.depart': '部门计划',
+  'eventDrawer.plan.content': '计划内容',
+};
diff --git a/frontend/packages/web/src/components/business/crm-form-create-drawer/index.vue b/frontend/packages/web/src/components/business/crm-form-create-drawer/index.vue
new file mode 100644
index 0000000..d5f713b
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-create-drawer/index.vue
@@ -0,0 +1,152 @@
+<template>
+  <CrmDrawer
+    v-model:show="visible"
+    :width="drawerWidth"
+    :footer="false"
+    :closable="false"
+    :close-on-esc="false"
+    :loading="loading"
+    header-class="crm-form-drawer-header"
+    body-content-class="!p-0"
+  >
+    <template #header>
+      <div class="flex items-center justify-between">
+        {{ formCreateTitle }}
+        <n-button class="p-[8px]" quaternary @click="handleBack">
+          <CrmIcon type="iconicon_close" :size="18" />
+        </n-button>
+      </div>
+    </template>
+    <CrmFormCreate
+      v-if="visible"
+      ref="formCreateRef"
+      v-model:loading="loading"
+      v-model:unsaved="unsaved"
+      :source-id="props.sourceId"
+      :form-key="props.formKey"
+      :need-init-detail="props.needInitDetail"
+      :initial-source-name="props.initialSourceName"
+      :other-save-params="props.otherSaveParams"
+      :is-edit="needInitDetail"
+      :link-form-info="props.linkFormInfo"
+      :link-form-key="props.linkFormKey"
+      :link-scenario="props.linkScenario"
+      :customFormId="props.customFormId"
+      class="!pt-[16px]"
+      @cancel="handleBack"
+      @saved="handleSaved"
+      @review="handleReview"
+      @init="handleFormInit"
+    />
+  </CrmDrawer>
+</template>
+
+<script setup lang="ts">
+  import { NButton } from 'naive-ui';
+
+  import { FormDesignKeyEnum, FormLinkScenarioEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { FormViewSize } from '@lib/shared/models/system/module';
+
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+
+  import useModal from '@/hooks/useModal';
+
+  const CrmFormCreate = defineAsyncComponent(() => import('@/components/business/crm-form-create/index.vue'));
+
+  const props = defineProps<{
+    sourceId?: string;
+    formKey: FormDesignKeyEnum;
+    needInitDetail?: boolean; // 是否需要初始化详情
+    initialSourceName?: string; // 初始化详情时的名称
+    otherSaveParams?: Record<string, any>;
+    linkFormInfo?: Record<string, any>; // 关联表单信息
+    linkFormKey?: FormDesignKeyEnum;
+    linkScenario?: FormLinkScenarioEnum; // 关联表单场景
+    customFormId?: string;
+  }>();
+  const emit = defineEmits<{
+    (e: 'saved', res: any, isUpdateReview?: boolean): void;
+    (e: 'review', res: any): void;
+  }>();
+
+  const { t } = useI18n();
+  const { openModal } = useModal();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+  const formCreateTitle = ref('');
+  const formViewSize = ref<FormViewSize>('large');
+  const loading = ref(false);
+  const unsaved = ref(false);
+
+  const drawerWidth = computed(() => {
+    switch (formViewSize.value) {
+      case 'small':
+        return '50%';
+      case 'medium':
+        return '75%';
+      case 'large':
+      default:
+        return '100%';
+    }
+  });
+
+  function showUnsavedLeaveTip() {
+    openModal({
+      type: 'warning',
+      title: t('common.unSaveLeaveTitle'),
+      content: t('common.editUnsavedLeave'),
+      positiveText: t('common.confirm'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        visible.value = false;
+      },
+    });
+  }
+
+  function handleFormInit(title: string, viewSize?: FormViewSize) {
+    formCreateTitle.value = title;
+    formViewSize.value = viewSize || 'large';
+  }
+
+  function handleBack() {
+    if (!loading.value) {
+      if (unsaved.value) {
+        showUnsavedLeaveTip();
+      } else {
+        visible.value = false;
+      }
+    }
+  }
+
+  function handleSaved(isContinue: boolean, res: any, isUpdateReview?: boolean) {
+    visible.value = isContinue;
+    emit('saved', res, isUpdateReview);
+  }
+
+  function handleReview(res: any) {
+    emit('review', res);
+    visible.value = false;
+  }
+</script>
+
+<style lang="less">
+  .crm-form-drawer-header {
+    padding: 12px 16px !important;
+    .n-drawer-header__main {
+      max-width: 100%;
+      .crm-form-drawer-title {
+        --n-border: none !important;
+        --n-border-hover: none !important;
+        --n-border-focus: none !important;
+        --n-box-shadow-focus: none !important;
+
+        min-width: 80px;
+        border-bottom: 2px solid var(--text-n8);
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-form-create-drawer/locale/en-US.ts b/frontend/packages/web/src/components/business/crm-form-create-drawer/locale/en-US.ts
new file mode 100644
index 0000000..f437c75
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-create-drawer/locale/en-US.ts
@@ -0,0 +1,23 @@
+export default {
+  'crmFormCreate.drawer.clue': 'Lead',
+  'crmFormCreate.drawer.customer': 'Account',
+  'crmFormCreate.drawer.contact': 'Contact',
+  'crmFormCreate.drawer.followRecord': 'Follow-up record',
+  'crmFormCreate.drawer.followPlan': 'Follow-up plan',
+  'crmFormCreate.drawer.record': 'Follow-up record',
+  'crmFormCreate.drawer.plan': 'Follow-up plan',
+  'crmFormCreate.drawer.recordBusiness': 'Follow-up record',
+  'crmFormCreate.drawer.planBusiness': 'Follow-up plan',
+  'crmFormCreate.drawer.recordClue': 'Follow-up record',
+  'crmFormCreate.drawer.planClue': 'Follow-up plan',
+  'crmFormCreate.drawer.opportunity': 'Opportunity',
+  'crmFormCreate.drawer.product': 'Product',
+  'crmFormCreate.drawer.contract': 'Contract',
+  'crmFormCreate.drawer.contractPaymentPlan': 'Payment plan',
+  'crmFormCreate.drawer.contractPaymentRecord': 'payment record',
+  'crmFormCreate.drawer.quotation': 'Quotation',
+  'crmFormCreate.drawer.price': 'Price Table',
+  'crmFormCreate.drawer.invoice': 'Invoice',
+  'crmFormCreate.drawer.businessTitle': 'Business Title',
+  'crmFormCreate.drawer.order': 'Order',
+};
diff --git a/frontend/packages/web/src/components/business/crm-form-create-drawer/locale/zh-CN.ts b/frontend/packages/web/src/components/business/crm-form-create-drawer/locale/zh-CN.ts
new file mode 100644
index 0000000..108b379
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-create-drawer/locale/zh-CN.ts
@@ -0,0 +1,23 @@
+export default {
+  'crmFormCreate.drawer.clue': '线索',
+  'crmFormCreate.drawer.customer': '客户',
+  'crmFormCreate.drawer.contact': '联系人',
+  'crmFormCreate.drawer.record': '跟进记录',
+  'crmFormCreate.drawer.plan': '跟进计划',
+  'crmFormCreate.drawer.followRecord': '跟进记录',
+  'crmFormCreate.drawer.followPlan': '跟进计划',
+  'crmFormCreate.drawer.recordBusiness': '跟进记录',
+  'crmFormCreate.drawer.planBusiness': '跟进计划',
+  'crmFormCreate.drawer.recordClue': '跟进记录',
+  'crmFormCreate.drawer.planClue': '跟进计划',
+  'crmFormCreate.drawer.opportunity': '商机',
+  'crmFormCreate.drawer.product': '产品',
+  'crmFormCreate.drawer.contract': '合同',
+  'crmFormCreate.drawer.contractPaymentPlan': '回款计划',
+  'crmFormCreate.drawer.contractPaymentRecord': '回款记录',
+  'crmFormCreate.drawer.quotation': '报价',
+  'crmFormCreate.drawer.price': '价格表',
+  'crmFormCreate.drawer.invoice': '发票',
+  'crmFormCreate.drawer.businessTitle': '工商抬头',
+  'crmFormCreate.drawer.order': '订单',
+};
diff --git a/frontend/packages/web/src/components/business/crm-form-create-table/contactTable.vue b/frontend/packages/web/src/components/business/crm-form-create-table/contactTable.vue
new file mode 100644
index 0000000..6d43457
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-create-table/contactTable.vue
@@ -0,0 +1,659 @@
+<template>
+  <CrmCard hide-footer no-content-bottom-padding :special-height="props.specialHeight">
+    <CrmTable
+      ref="crmTableRef"
+      v-model:checked-row-keys="checkedRowKeys"
+      v-bind="propsRes"
+      class="crm-contact-table"
+      :not-show-table-filter="isAdvancedSearchMode"
+      :action-config="props.readonly ? undefined : actionConfig"
+      noPagination
+      @page-change="propsEvent.pageChange"
+      @page-size-change="propsEvent.pageSizeChange"
+      @sorter-change="propsEvent.sorterChange"
+      @filter-change="propsEvent.filterChange"
+      @batch-action="handleBatchAction"
+      @refresh="searchData"
+    >
+      <template v-if="props.readonly" #tableTop>
+        <slot name="searchTableTotal" :total="propsRes.crmPagination?.itemCount || 0"></slot>
+        <CrmSearchInput
+          v-if="props.sourceId"
+          v-model:value="keyword"
+          class="!w-[240px]"
+          :placeholder="t('common.searchByNamePhone')"
+          @search="searchData"
+        />
+      </template>
+      <template #actionLeft>
+        <div v-if="!props.readonly" class="flex items-center gap-[12px]">
+          <n-button v-permission="['CUSTOMER_MANAGEMENT_CONTACT:ADD']" type="primary" @click="handleCreate">
+            {{ t('overviewDrawer.addContract') }}
+          </n-button>
+          <CrmImportButton
+            v-if="hasAnyPermission(['CUSTOMER_MANAGEMENT_CONTACT:IMPORT']) && !props.sourceId"
+            :api-type="FormDesignKeyEnum.CONTACT"
+            :title="t('customer.contact')"
+            @import-success="() => searchData()"
+          />
+          <n-button
+            v-if="!props.sourceId"
+            v-permission="['CUSTOMER_MANAGEMENT_CONTACT:EXPORT']"
+            type="primary"
+            ghost
+            class="n-btn-outline-primary"
+            :disabled="propsRes.data.length === 0"
+            @click="handleExportAllClick"
+          >
+            {{ t('common.exportAll') }}
+          </n-button>
+        </div>
+      </template>
+      <template #actionRight>
+        <CrmSearchInput
+          v-if="props.sourceId"
+          v-model:value="keyword"
+          class="!w-[240px]"
+          :placeholder="t('common.searchByNamePhone')"
+          @search="searchData"
+        />
+        <CrmAdvanceFilter
+          v-if="!props.hiddenAdvanceFilter && !props.sourceId"
+          ref="tableAdvanceFilterRef"
+          v-model:keyword="keyword"
+          :custom-fields-config-list="customFieldsFilterConfig"
+          :filter-config-list="filterConfigList"
+          :search-placeholder="t('common.searchByNamePhone')"
+          @adv-search="handleAdvSearch"
+          @keyword-search="searchData"
+        />
+      </template>
+      <template #view>
+        <CrmViewSelect
+          v-if="props.formKey === FormDesignKeyEnum.CONTACT"
+          v-model:active-tab="activeTab"
+          :type="FormDesignKeyEnum.CONTACT"
+          :custom-fields-config-list="customFieldsFilterConfig"
+          :filter-config-list="filterConfigList"
+          :advanced-original-form="advancedOriginalForm"
+          :route-name="CustomerRouteEnum.CUSTOMER_CONTACT"
+          @refresh-table-data="searchData"
+          @generated-chart="handleGeneratedChart"
+        />
+      </template>
+    </CrmTable>
+    <CrmFormCreateDrawer
+      v-model:visible="formCreateDrawerVisible"
+      :form-key="FormDesignKeyEnum.CONTACT"
+      :source-id="activeContactId"
+      :need-init-detail="needInitDetail"
+      :initial-source-name="props.initialSourceName"
+      @saved="handleFormCreateSaved"
+    />
+    <!-- 停用 -->
+    <CrmModal
+      v-model:show="deactivateModalVisible"
+      size="small"
+      :ok-loading="deactivateLoading"
+      :positive-text="t('common.deactivate')"
+      @confirm="handleDeactivate"
+    >
+      <template #title>
+        <div class="flex gap-[4px] overflow-hidden">
+          <div class="text-[var(--text-n1)]">{{ t('common.deactivationReason') }}</div>
+          <div class="flex text-[var(--text-n4)]">
+            (
+            <div class="one-line-text max-w-[300px]">{{ activeContactName }}</div>
+            )
+          </div>
+        </div>
+      </template>
+      <n-form
+        ref="formRef"
+        :model="form"
+        :rules="rules"
+        label-placement="left"
+        label-width="auto"
+        require-mark-placement="right"
+      >
+        <n-form-item path="reason" :label="t('common.deactivationReason')">
+          <n-input
+            v-model:value="form.reason"
+            type="textarea"
+            :placeholder="t('common.pleaseInput')"
+            allow-clear
+            maxlength="200"
+            show-count
+          />
+        </n-form-item>
+      </n-form>
+    </CrmModal>
+
+    <CrmTableExportModal
+      v-model:show="showExportModal"
+      :params="exportParams"
+      :export-columns="exportColumns"
+      :is-export-all="isExportAll"
+      type="contact"
+      @create-success="handleExportCreateSuccess"
+    />
+
+    <CrmBatchEditModal
+      v-model:visible="showEditModal"
+      v-model:field-list="editFieldList"
+      :ids="checkedRowKeys"
+      :form-key="FormDesignKeyEnum.CUSTOMER_CONTACT"
+      @refresh="handleRefresh"
+    />
+  </CrmCard>
+</template>
+
+<script setup lang="ts">
+  import { useRouter } from 'vue-router';
+  import {
+    DataTableRowKey,
+    FormInst,
+    FormRules,
+    NButton,
+    NForm,
+    NFormItem,
+    NInput,
+    NSwitch,
+    useMessage,
+  } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { characterLimit } from '@lib/shared/method';
+  import { ExportTableColumnItem } from '@lib/shared/models/common';
+  import type { CustomerContractListItem } from '@lib/shared/models/customer';
+
+  import CrmAdvanceFilter from '@/components/pure/crm-advance-filter/index.vue';
+  import { FilterForm, FilterFormItem, FilterResult } from '@/components/pure/crm-advance-filter/type';
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmNameTooltip from '@/components/pure/crm-name-tooltip/index.vue';
+  import CrmSearchInput from '@/components/pure/crm-search-input/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import { BatchActionConfig } from '@/components/pure/crm-table/type';
+  import CrmBatchEditModal from '@/components/business/crm-batch-edit-modal/index.vue';
+  import CrmFormCreateDrawer from '@/components/business/crm-form-create-drawer/index.vue';
+  import CrmImportButton from '@/components/business/crm-import-button/index.vue';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+  import CrmTableExportModal from '@/components/business/crm-table-export-modal/index.vue';
+  import CrmViewSelect from '@/components/business/crm-view-select/index.vue';
+
+  import {
+    checkOpportunity,
+    deleteCustomerContact,
+    disableCustomerContact,
+    enableCustomerContact,
+  } from '@/api/modules';
+  import { baseFilterConfigList } from '@/config/clue';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+  import useFormCreateTable from '@/hooks/useFormCreateTable';
+  import useModal from '@/hooks/useModal';
+  import useViewChartParams, { STORAGE_VIEW_CHART_KEY, ViewChartResult } from '@/hooks/useViewChartParams';
+  import { getExportColumns } from '@/utils/export';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  import { AppRouteEnum, CustomerRouteEnum } from '@/enums/routeEnum';
+
+  const props = defineProps<{
+    sourceId?: string;
+    refreshKey?: number;
+    initialSourceName?: string;
+    readonly?: boolean;
+    formKey:
+      | FormDesignKeyEnum.CONTACT
+      | FormDesignKeyEnum.CUSTOMER_CONTACT
+      | FormDesignKeyEnum.BUSINESS_CONTACT
+      | FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT;
+    specialHeight?: number;
+    hiddenAdvanceFilter?: boolean;
+    hiddenTotal?: boolean;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'init', val: { filterConfigList: FilterFormItem[]; customFieldsFilterConfig: FilterFormItem[] }): void;
+  }>();
+
+  const Message = useMessage();
+  const { openModal } = useModal();
+  const { t } = useI18n();
+  const router = useRouter();
+
+  const keyword = ref('');
+  const formCreateDrawerVisible = ref(false);
+  const activeContactId = ref('');
+  const activeContactName = ref('');
+  const needInitDetail = ref(false);
+  const tableRefreshId = ref(0);
+  const tableRemoveRefreshId = ref('');
+  const tableItemRefreshId = ref('');
+
+  const activeTab = ref();
+
+  const operationGroupList: ActionsItem[] = [
+    {
+      label: t('common.edit'),
+      key: 'edit',
+      permission: ['CUSTOMER_MANAGEMENT_CONTACT:UPDATE'],
+    },
+    {
+      label: t('common.delete'),
+      key: 'delete',
+      permission: ['CUSTOMER_MANAGEMENT_CONTACT:DELETE'],
+    },
+  ];
+
+  const actionConfig = computed<BatchActionConfig>(() => ({
+    baseAction: !props.sourceId
+      ? [
+          {
+            label: t('common.exportChecked'),
+            key: 'exportChecked',
+            permission: ['CUSTOMER_MANAGEMENT_CONTACT:EXPORT'],
+          },
+          {
+            label: t('common.batchEdit'),
+            key: 'batchEdit',
+            permission: ['CUSTOMER_MANAGEMENT_CONTACT:UPDATE'],
+          },
+        ]
+      : [],
+  }));
+
+  function handleCreate() {
+    if (props.sourceId) {
+      activeContactId.value = props.sourceId;
+    } else {
+      activeContactId.value = '';
+    }
+    needInitDetail.value = false;
+    formCreateDrawerVisible.value = true;
+  }
+
+  async function bindOpportunity(id: string) {
+    try {
+      return await checkOpportunity(id);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  // 删除
+  async function handleDelete(row: CustomerContractListItem) {
+    const hasData = await bindOpportunity(row.id);
+    const title = hasData
+      ? t('customer.contact.deleteTitle')
+      : t('common.deleteConfirmTitle', { name: characterLimit(row.name) });
+    const content = hasData ? '' : t('customer.contact.deleteContentTip');
+    const positiveText = t(hasData ? 'opportunity.gotIt' : 'common.confirm');
+    const negativeText = t(hasData ? 'opportunity.goMove' : 'common.cancel');
+
+    openModal({
+      type: 'error',
+      title,
+      content,
+      positiveText,
+      negativeText,
+      positiveButtonProps: {
+        type: hasData ? 'primary' : 'error',
+        size: 'medium',
+      },
+      onPositiveClick: async () => {
+        if (!hasData) {
+          try {
+            await deleteCustomerContact(row.id);
+            Message.success(t('common.deleteSuccess'));
+            tableRemoveRefreshId.value = row.id;
+          } catch (error) {
+            // eslint-disable-next-line no-console
+            console.log(error);
+          }
+        }
+      },
+      onNegativeClick: () => {
+        if (hasData) {
+          router.push({
+            name: AppRouteEnum.OPPORTUNITY,
+          });
+        }
+      },
+    });
+  }
+
+  // 切换状态
+  const deactivateModalVisible = ref(false);
+  const deactivateLoading = ref(false);
+  const formRef = ref<FormInst | null>(null);
+  const form = ref<{ reason: string }>({ reason: '' });
+  const rules: FormRules = {
+    reason: [
+      {
+        trigger: ['input', 'blur'],
+        required: true,
+        message: t('common.notNull', { value: t('common.deactivationReason') }),
+      },
+    ],
+  };
+
+  async function handleToggleStatus(row: CustomerContractListItem) {
+    if (row.enable) {
+      deactivateModalVisible.value = true;
+      form.value.reason = '';
+      activeContactName.value = row.name;
+      activeContactId.value = row.id;
+    } else {
+      openModal({
+        type: 'default',
+        title: t('common.confirmEnableTitle', { name: characterLimit(row.name) }),
+        positiveText: t('common.enable'),
+        negativeText: t('common.cancel'),
+        onPositiveClick: async () => {
+          try {
+            await enableCustomerContact(row.id);
+            Message.success(t('common.activated'));
+            tableItemRefreshId.value = row.id;
+          } catch (error) {
+            // eslint-disable-next-line no-console
+            console.log(error);
+          }
+        },
+      });
+    }
+  }
+
+  function handleActionSelect(row: CustomerContractListItem, actionKey: string) {
+    switch (actionKey) {
+      case 'edit':
+        activeContactId.value = row.id;
+        activeContactName.value = row.name;
+        needInitDetail.value = true;
+        formCreateDrawerVisible.value = true;
+        break;
+      case 'delete':
+        handleDelete(row);
+        break;
+      default:
+        break;
+    }
+  }
+  const handleAdvanceFilter = ref<null | ((...args: any[]) => void)>(null);
+  const handleSearchData = ref<null | ((...args: any[]) => void)>(null);
+
+  defineExpose({
+    handleAdvanceFilter,
+    handleSearchData,
+  });
+  const { useTableRes, customFieldsFilterConfig, fieldList } = await useFormCreateTable({
+    formKey: props.formKey,
+    showPagination: !props.sourceId,
+    readonly: props.readonly,
+    containerClass: '.crm-contact-table',
+    hiddenTotal: ref(!!props.hiddenTotal),
+    operationColumn: props.readonly
+      ? undefined
+      : {
+          key: 'operation',
+          width: 100,
+          fixed: 'right',
+          render: (row: CustomerContractListItem) =>
+            h(CrmOperationButton, {
+              groupList: operationGroupList,
+              onSelect: (key: string) => handleActionSelect(row, key),
+            }),
+        },
+    specialRender: {
+      status: (row: CustomerContractListItem) => {
+        return h(NSwitch, {
+          value: row.enable,
+          disabled: !hasAnyPermission(['CUSTOMER_MANAGEMENT_CONTACT:UPDATE']) || props.readonly,
+          onClick: () => {
+            if (!hasAnyPermission(['CUSTOMER_MANAGEMENT_CONTACT:UPDATE']) || props.readonly) return;
+            handleToggleStatus(row);
+          },
+        });
+      },
+      customerId: (row: CustomerContractListItem) => {
+        return h(CrmNameTooltip, { text: row.customerName });
+      },
+      name: (row: CustomerContractListItem) => {
+        return h(CrmNameTooltip, { text: row.name });
+      },
+      owner: (row: CustomerContractListItem) => row.ownerName ?? '-',
+    },
+  });
+
+  const { propsRes, propsEvent, loadList, setLoadListParams, setAdvanceFilter, tableQueryParams } = useTableRes;
+  const backupData = ref<CustomerContractListItem[]>([]);
+
+  const filterConfigList = computed(() => [
+    {
+      title: t('opportunity.department'),
+      dataIndex: 'departmentId',
+      type: FieldTypeEnum.TREE_SELECT,
+      treeSelectProps: {
+        labelField: 'name',
+        keyField: 'id',
+        multiple: true,
+        clearFilterAfterSelect: false,
+        checkable: true,
+        showContainChildModule: true,
+        type: 'department',
+        containChildIds: [],
+      },
+    },
+    ...baseFilterConfigList,
+  ]);
+
+  const checkedRowKeys = ref<DataTableRowKey[]>([]);
+
+  const exportColumns = computed<ExportTableColumnItem[]>(() =>
+    getExportColumns(propsRes.value.columns, customFieldsFilterConfig.value as FilterFormItem[])
+  );
+
+  const exportParams = computed(() => {
+    return {
+      ...tableQueryParams.value,
+      ids: checkedRowKeys.value,
+    };
+  });
+
+  const isExportAll = ref(false);
+  const showExportModal = ref<boolean>(false);
+
+  function handleExportAllClick() {
+    isExportAll.value = true;
+    showExportModal.value = true;
+  }
+
+  function handleExportCreateSuccess() {
+    checkedRowKeys.value = [];
+  }
+
+  const showEditModal = ref(false);
+  const { initFormConfig: initEditFormConfig, fieldList: editFieldList } = useFormCreateApi({
+    formKey: ref(FormDesignKeyEnum.CONTACT),
+  });
+  function handleBatchEdit() {
+    initEditFormConfig();
+    showEditModal.value = true;
+  }
+
+  function handleBatchAction(item: ActionsItem) {
+    switch (item.key) {
+      case 'exportChecked':
+        isExportAll.value = false;
+        showExportModal.value = true;
+        break;
+      case 'batchEdit':
+        handleBatchEdit();
+        break;
+      default:
+        break;
+    }
+  }
+
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+  async function searchData(val?: string, refreshId?: string) {
+    if (props.sourceId) {
+      if (val) {
+        const lowerCaseVal = val.toLowerCase();
+        propsRes.value.data = backupData.value.filter((item: CustomerContractListItem) => {
+          return item.name.toLowerCase().includes(lowerCaseVal) || item.phone.toLowerCase().includes(lowerCaseVal);
+        });
+      } else {
+        setLoadListParams({ id: props.sourceId });
+        await loadList(false, refreshId);
+        backupData.value = cloneDeep(propsRes.value.data);
+      }
+    } else {
+      setLoadListParams({ keyword: val ?? keyword.value, viewId: activeTab.value });
+      await loadList(false, refreshId);
+      backupData.value = cloneDeep(propsRes.value.data);
+    }
+    if (!refreshId) {
+      crmTableRef.value?.scrollTo({ top: 0 });
+    }
+  }
+
+  function handleRefresh() {
+    checkedRowKeys.value = [];
+    searchData();
+  }
+
+  handleSearchData.value = searchData;
+
+  async function handleDeactivate() {
+    formRef.value?.validate(async (error) => {
+      if (!error) {
+        try {
+          deactivateLoading.value = true;
+          await disableCustomerContact(activeContactId.value, form.value.reason);
+          Message.success(t('common.deactivated'));
+          deactivateModalVisible.value = false;
+          searchData(undefined, activeContactId.value);
+        } catch (e) {
+          // eslint-disable-next-line no-console
+          console.log(e);
+        } finally {
+          deactivateLoading.value = false;
+        }
+      }
+    });
+  }
+
+  const tableAdvanceFilterRef = ref<InstanceType<typeof CrmAdvanceFilter>>();
+  const isAdvancedSearchMode = ref(false);
+  const advancedOriginalForm = ref<FilterForm | undefined>();
+  function handleAdvSearch(filter: FilterResult, isAdvancedMode: boolean, originalForm?: FilterForm) {
+    advancedOriginalForm.value = originalForm;
+    keyword.value = '';
+    isAdvancedSearchMode.value = isAdvancedMode;
+    setAdvanceFilter(filter);
+    loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  function handleGeneratedChart(res: FilterResult, _form: FilterForm) {
+    advancedOriginalForm.value = _form;
+    setAdvanceFilter(res);
+    tableAdvanceFilterRef.value?.setAdvancedFilter(res, true);
+    searchData();
+  }
+
+  handleAdvanceFilter.value = handleAdvSearch;
+
+  function handleFormCreateSaved() {
+    if (needInitDetail.value) {
+      searchData(undefined, activeContactId.value);
+    } else {
+      searchData();
+    }
+  }
+
+  function removeItemFromList(id: string) {
+    propsRes.value.data = propsRes.value.data.filter((item) => item.id !== id);
+    propsRes.value.crmPagination = {
+      ...propsRes.value.crmPagination,
+      itemCount: (propsRes.value.crmPagination?.itemCount ?? 1) - 1,
+    };
+  }
+
+  watch(
+    () => tableRemoveRefreshId.value,
+    (val) => {
+      if (val) {
+        removeItemFromList(val);
+      }
+    }
+  );
+
+  watch(
+    () => tableItemRefreshId.value,
+    (val) => {
+      if (val) {
+        searchData(undefined, val);
+        tableItemRefreshId.value = '';
+      }
+    }
+  );
+
+  watch(
+    () => tableRefreshId.value,
+    () => {
+      crmTableRef.value?.clearCheckedRowKeys();
+      searchData();
+    }
+  );
+
+  watch(
+    () => props.refreshKey,
+    (val) => {
+      if (val) {
+        crmTableRef.value?.clearCheckedRowKeys();
+        searchData();
+      }
+    }
+  );
+
+  onMounted(() => {
+    if (props.hiddenAdvanceFilter) {
+      emit('init', {
+        filterConfigList: filterConfigList.value,
+        customFieldsFilterConfig: customFieldsFilterConfig.value as FilterFormItem[],
+      });
+    }
+    if (!props.sourceId) return;
+    searchData();
+  });
+
+  const { initTableViewChartParams, getChartViewId } = useViewChartParams();
+  function viewChartCallBack(params: ViewChartResult) {
+    const { viewId, formModel, filterResult } = params;
+    tableAdvanceFilterRef.value?.initFormModal(formModel, true);
+    setAdvanceFilter(filterResult);
+    activeTab.value = viewId;
+  }
+
+  watch(
+    () => activeTab.value,
+    (val) => {
+      if (val) {
+        setLoadListParams({ keyword: keyword.value, viewId: getChartViewId() ?? activeTab.value });
+        initTableViewChartParams(viewChartCallBack);
+        crmTableRef.value?.setColumnSort(val);
+      }
+    },
+    { immediate: true }
+  );
+
+  onBeforeUnmount(() => {
+    sessionStorage.removeItem(STORAGE_VIEW_CHART_KEY);
+  });
+</script>
diff --git a/frontend/packages/web/src/components/business/crm-form-create/components/advanced/dataSource.vue b/frontend/packages/web/src/components/business/crm-form-create/components/advanced/dataSource.vue
new file mode 100644
index 0000000..537cec5
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-create/components/advanced/dataSource.vue
@@ -0,0 +1,187 @@
+<template>
+  <n-form-item
+    :label="props.fieldConfig.name"
+    :path="props.path"
+    :rule="props.fieldConfig.rules"
+    :required="props.fieldConfig.rules.some((rule) => rule.key === 'required')"
+    :label-placement="props.isSubTableField || props.isSubTableRender ? 'top' : props.formConfig?.labelPos"
+    :show-label="!props.isSubTableRender && !props.isDescriptionRender"
+  >
+    <template #label>
+      <div v-if="props.fieldConfig.showLabel" class="flex h-[22px] items-center gap-[4px] whitespace-nowrap">
+        <div class="one-line-text">{{ props.fieldConfig.name }}</div>
+        <CrmIcon v-if="props.fieldConfig.resourceFieldId" type="iconicon_correlation" />
+      </div>
+      <div v-else class="h-[22px]"></div>
+    </template>
+    <div
+      v-if="props.fieldConfig.description && !props.isSubTableRender"
+      class="crm-form-create-item-desc"
+      v-html="props.fieldConfig.description"
+    ></div>
+    <n-divider v-if="props.isSubTableField && !props.isSubTableRender" class="!my-0" />
+    <CrmDataSource
+      v-model:value="value"
+      :rows="props.fieldConfig.initialOptions"
+      :multiple="fieldConfig.type === FieldTypeEnum.DATA_SOURCE_MULTIPLE"
+      :data-source-type="(props.fieldConfig.dataSourceType || FieldDataSourceTypeEnum.CUSTOMER) as DataSourceType"
+      :disabled="props.fieldConfig.editable === false || !!props.fieldConfig.resourceFieldId"
+      :filter-params="getParams()"
+      :fieldConfig="props.fieldConfig"
+      :disabled-selection="props.disabledSelection"
+      :hide-child-tag="props.hideChildTag"
+      :status="props.feedback ? 'error' : undefined"
+      @delete="emit('delete', $event)"
+      @change="($event, source, fields) => emit('change', $event, source, fields)"
+    />
+  </n-form-item>
+</template>
+
+<script setup lang="ts">
+  import { NDivider, NFormItem } from 'naive-ui';
+
+  import { OperatorEnum } from '@lib/shared/enums/commonEnum';
+  import { FieldDataSourceTypeEnum, FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { transformData } from '@lib/shared/method/formCreate';
+  import type { FormConfig } from '@lib/shared/models/system/module';
+
+  import { FilterResult } from '@/components/pure/crm-advance-filter/type';
+  import useTable from '@/components/pure/crm-table/useTable';
+  import { formKeyMap, sourceApi } from '@/components/business/crm-data-source-select/config';
+  import CrmDataSource from '@/components/business/crm-data-source-select/index.vue';
+  import { getDataSourceFormKey, isCustomDataSourceType } from '@/components/business/crm-data-source-select/utils';
+
+  import { getFieldCustomFormList } from '@/api/modules';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+
+  import { multipleValueTypeList } from '../../config';
+  import { DataSourceType, FormCreateField } from '../../types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+    formConfig?: FormConfig;
+    path: string;
+    needInitDetail?: boolean; // 判断是否编辑情况
+    formDetail?: Record<string, any>;
+    isSubTableField?: boolean; // 是否是子表字段
+    isSubTableRender?: boolean; // 是否是子表渲染
+    isDescriptionRender?: boolean; // 是否是描述渲染
+    feedback?: string;
+    hideChildTag?: boolean;
+    disabledSelection?: (row: Record<string, any>) => boolean;
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: (string | number)[], source: Record<string, any>[], fields?: FormCreateField[]): void;
+    (e: 'delete', id?: string | number): void;
+  }>();
+
+  const value = defineModel<(string | number)[]>('value', {
+    default: [],
+  });
+
+  function normalizeSelectedIds(defaultValue?: string | number | (string | number)[]) {
+    let defaultIds: (string | number)[] = [];
+    if (Array.isArray(defaultValue)) {
+      defaultIds = defaultValue;
+    } else if (defaultValue !== undefined && defaultValue !== null && defaultValue !== '') {
+      defaultIds = [defaultValue];
+    }
+    const currentValueIds = Array.isArray(value.value) ? value.value : [];
+    return [...new Set([...defaultIds, ...currentValueIds])];
+  }
+
+  function getParams(): FilterResult {
+    const conditions = props.fieldConfig.combineSearch?.conditions
+      .map((item) => ({
+        value: item.rightFieldCustom ? item.rightFieldCustomValue : props.formDetail?.[item.rightFieldId || ''],
+        operator: item.operator,
+        name: item.leftFieldId ?? '',
+        multipleValue: multipleValueTypeList.includes(item.leftFieldType),
+      }))
+      .filter(
+        (e) => e.operator === OperatorEnum.EMPTY || (e.value !== undefined && e.value !== null && e.value !== '')
+      );
+
+    return {
+      searchMode: props.fieldConfig.combineSearch?.searchMode,
+      conditions,
+    };
+  }
+
+  const dataSourceType = computed(() => props.fieldConfig.dataSourceType || FieldDataSourceTypeEnum.CUSTOMER);
+  const isCustomForm = computed(() => isCustomDataSourceType(dataSourceType.value));
+  const formKey = computed<FormDesignKeyEnum>(
+    () => getDataSourceFormKey(dataSourceType.value, formKeyMap) as FormDesignKeyEnum
+  );
+
+  const { fieldList, initFormConfig } = useFormCreateApi({
+    formKey,
+    customFormId: computed(() => (isCustomForm.value ? dataSourceType.value : undefined)),
+  });
+
+  const listApi = isCustomForm.value
+    ? getFieldCustomFormList
+    : sourceApi[dataSourceType.value as FieldDataSourceTypeEnum];
+
+  const { propsRes, loadList, setLoadListParams, setAdvanceFilter } = useTable(
+    listApi,
+    {
+      columns: [],
+      showSetting: false,
+    },
+    (item, originalData) => {
+      return transformData({
+        item,
+        originalData,
+        fields: fieldList.value,
+        needParseSubTable: true,
+      });
+    }
+  );
+
+  watch(
+    () => props.fieldConfig.initialOptions,
+    async (val) => {
+      if (!props.needInitDetail && !props.isSubTableField && !props.isSubTableRender && val?.length === 1) {
+        if (fieldList.value.length === 0) {
+          await initFormConfig();
+        }
+        setAdvanceFilter(getParams());
+        setLoadListParams({
+          keyword: val?.[0]?.name || '',
+          customFormId: isCustomForm.value ? (dataSourceType.value as string | undefined) : undefined,
+        });
+        await loadList();
+        const selectedIds = normalizeSelectedIds(props.fieldConfig.defaultValue);
+        const newRows = propsRes.value.data.filter((item) => selectedIds.includes(item.id));
+        const fallbackRows = val.filter((item) => selectedIds.includes(item.id));
+
+        // 如果补全请求未查到目标项，仍需保留初始化值，避免出现先带入后被清空的问题
+        const mergedRows = [...newRows, ...fallbackRows.filter((item) => !newRows.some((row) => row.id === item.id))];
+        value.value = selectedIds;
+        emit('change', value.value, mergedRows, fieldList.value);
+      } else if (val?.some((e) => e.isFormLinkFilled)) {
+        // 这里将表单联动填充的初始化选项 emit 出去，触发 change  让数据源显示字段回显
+        emit('change', value.value, val, fieldList.value);
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  watch(
+    () => props.fieldConfig.defaultValue,
+    (val) => {
+      if (!props.needInitDetail) {
+        value.value = value.value || val || [];
+        emit('change', value.value, props.fieldConfig.initialOptions || []);
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-form-create/components/advanced/dataTable.vue b/frontend/packages/web/src/components/business/crm-form-create/components/advanced/dataTable.vue
new file mode 100644
index 0000000..bc58b55
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-create/components/advanced/dataTable.vue
@@ -0,0 +1,58 @@
+<template>
+  <n-form-item :label="props.fieldConfig.name">
+    <template #label>
+      <div v-if="props.fieldConfig.showLabel" class="flex h-[22px] items-center gap-[4px] whitespace-nowrap">
+        <div class="one-line-text">{{ props.fieldConfig.name }}</div>
+      </div>
+      <div v-else class="h-[22px]"></div>
+    </template>
+    <div
+      v-if="props.fieldConfig.description"
+      class="crm-form-create-item-desc"
+      v-html="props.fieldConfig.description"
+    ></div>
+    <CrmSubTable
+      v-model:value="value"
+      :sub-fields="props.fieldConfig.subFields || []"
+      :need-init-detail="props.needInitDetail"
+      :parent-id="props.fieldConfig.id"
+      :readonly="false"
+      :form-detail="props.formDetail"
+      :fixed-column="props.fieldConfig.fixedColumn"
+      :sumColumns="props.fieldConfig.sumColumns"
+      :disabled="props.fieldConfig.editable === false || !!props.fieldConfig.resourceFieldId"
+      @change="emit('change', $event)"
+    />
+  </n-form-item>
+</template>
+
+<script setup lang="ts">
+  import { NFormItem } from 'naive-ui';
+
+  import CrmSubTable from '@/components/business/crm-sub-table/index.vue';
+
+  import { FormCreateField } from '../../types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+    path: string;
+    formDetail?: Record<string, any>;
+    needInitDetail?: boolean; // 判断是否编辑情况
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: Record<string, any>[]): void;
+  }>();
+
+  const value = defineModel<Record<string, any>[]>('value', {
+    default: [],
+  });
+
+  watch(
+    () => value.value,
+    (newVal) => {
+      emit('change', newVal);
+    }
+  );
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-form-create/components/advanced/file.vue b/frontend/packages/web/src/components/business/crm-form-create/components/advanced/file.vue
new file mode 100644
index 0000000..8127185
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-create/components/advanced/file.vue
@@ -0,0 +1,211 @@
+<template>
+  <n-form-item
+    ref="crmFormItemRef"
+    :label="props.fieldConfig.name"
+    :path="props.path"
+    :rule="props.fieldConfig.rules"
+    :required="props.fieldConfig.rules.some((rule) => rule.key === 'required')"
+  >
+    <template #label>
+      <div v-if="props.fieldConfig.showLabel" class="flex h-[22px] items-center gap-[4px] whitespace-nowrap">
+        <div class="one-line-text">{{ props.fieldConfig.name }}</div>
+      </div>
+      <div v-else class="h-[22px]"></div>
+    </template>
+    <div
+      v-if="props.fieldConfig.description"
+      class="crm-form-create-item-desc"
+      v-html="props.fieldConfig.description"
+    ></div>
+    <n-upload
+      v-model:file-list="fileList"
+      :max="props.fieldConfig.onlyOne ? 1 : 10"
+      :accept="props.fieldConfig.accept || '*/*'"
+      :custom-request="customRequest"
+      :disabled="props.fieldConfig.editable === false || !!props.fieldConfig.resourceFieldId"
+      list-type="image"
+      multiple
+      directory-dnd
+      @before-upload="beforeUpload"
+      @update-file-list="handleFileListChange"
+    >
+      <n-upload-dragger>
+        <div class="flex flex-col items-center justify-center p-[24px]">
+          <div class="flex h-[48px] w-[48px] items-center justify-center rounded-full bg-[var(--text-n10)]">
+            <CrmSvg name="uploadfile" width="32px" height="32px" />
+          </div>
+          <div class="mt-[16px]">
+            {{ t('crm.upload.importModalDragText') }}
+          </div>
+          <div class="text-[12px] text-[var(--text-n4)]">
+            {{
+              `${t('crmFormCreate.advanced.uploadFileTip', {
+                type: props.fieldConfig.accept || t('crmFormCreate.advanced.anyType'),
+                size: props.fieldConfig.limitSize || '20MB',
+              })}${t('crmFormCreate.advanced.limitCount', { count: props.fieldConfig.onlyOne ? 1 : 10 })}`
+            }}
+          </div>
+        </div>
+      </n-upload-dragger>
+    </n-upload>
+  </n-form-item>
+</template>
+
+<script setup lang="ts">
+  import {
+    type FormItemInst,
+    NFormItem,
+    NUpload,
+    NUploadDragger,
+    UploadCustomRequestOptions,
+    UploadFileInfo,
+    UploadSettledFileInfo,
+    useMessage,
+  } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmSvg from '@/components/pure/crm-svg/index.vue';
+
+  import { uploadTempAttachment } from '@/api/modules';
+
+  import { FormCreateField } from '../../types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+    path: string;
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: string[], files: UploadFileInfo[]): void;
+  }>();
+
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  const fileKeys = defineModel<string[]>('value', {
+    default: [],
+  });
+  const fileList = ref<UploadFileInfo[]>([]);
+  const fileKeysMap = ref<Record<string, string>>({});
+  const crmFormItemRef = ref<FormItemInst>();
+
+  async function beforeUpload({
+    file,
+  }: {
+    file: UploadSettledFileInfo;
+    fileList: UploadSettledFileInfo[];
+  }): Promise<boolean> {
+    if (fileList.value.length > 0) {
+      // 附件上传校验名称重复
+      const isRepeat = fileList.value.filter((item) => item.name === file.name).length >= 1;
+      if (isRepeat) {
+        Message.warning(t('crm.upload.repeatFileTip'));
+        return Promise.resolve(false);
+      }
+    }
+    if (props.fieldConfig.accept) {
+      const acceptedTypes = props.fieldConfig.accept.split(',').map((type) => type.trim().replace('.', ''));
+      const fileExtension = file.name.split('.').pop();
+      if ((file.type && !acceptedTypes.includes(fileExtension || '')) || !file.type) {
+        Message.warning(t('crmFormCreate.advanced.typeNotValid'));
+        return Promise.resolve(false);
+      }
+    }
+    const maxSize = parseInt(props.fieldConfig.limitSize || '', 10) || 20;
+    const _maxSize = props.fieldConfig.limitSize?.includes('KB') ? maxSize * 1024 : maxSize * 1024 * 1024;
+    if (file.file && file.file.size > _maxSize) {
+      Message.warning(
+        t('crmFormCreate.advanced.overSize', {
+          size: props.fieldConfig.limitSize || '20MB',
+        })
+      );
+      return Promise.resolve(false);
+    }
+    if (props.fieldConfig.onlyOne) {
+      // 单文件上传时，清空之前的文件（得放到校验文件大小之后，避免文件大小限制后文件丢失）
+      fileList.value = [];
+      fileKeys.value = [];
+    }
+    return Promise.resolve(true);
+  }
+
+  async function customRequest({ file, onFinish, onError, onProgress }: UploadCustomRequestOptions) {
+    let timer: NodeJS.Timeout | null = null;
+    try {
+      file.status = 'uploading';
+      // 模拟上传进度
+      let upLoadProgress = 0;
+      timer = setInterval(() => {
+        if (upLoadProgress < 50) {
+          // 进度在0-50%之间较快
+          const randomIncrement = Math.floor(Math.random() * 10) + 1; // 随机增加 5-10 的百分比
+          upLoadProgress += randomIncrement;
+          onProgress({ percent: upLoadProgress });
+        } else if (upLoadProgress < 100) {
+          // 进度在50%-100%之间较慢
+          const randomIncrement = Math.floor(Math.random() * 10) + 1; // 随机增加 1-5 的百分比
+          upLoadProgress = Math.min(upLoadProgress + randomIncrement, 99);
+          onProgress({ percent: upLoadProgress });
+        }
+      }, 100); // 定时器间隔为 100 毫秒
+      const res = await uploadTempAttachment(file.file);
+      onProgress({ percent: 100 });
+      clearInterval(timer as unknown as number);
+      onFinish();
+      fileKeys.value.push(...res.data);
+      [fileKeysMap.value[file.id]] = res.data;
+      crmFormItemRef.value?.validate();
+      emit('change', fileKeys.value, fileList.value);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+      clearInterval(timer as unknown as number);
+      file.status = 'error';
+      onError();
+    }
+  }
+
+  function handleFileListChange(files: UploadFileInfo[]) {
+    if (fileKeys.value.length > files.length) {
+      fileKeys.value = fileKeys.value.filter((key) => files.some((file) => file.id === key));
+      crmFormItemRef.value?.validate();
+      emit('change', fileKeys.value, fileList.value);
+    }
+  }
+
+  watch(
+    () => props.fieldConfig.initialOptions,
+    (arr) => {
+      fileList.value =
+        (arr?.map((e) => ({
+          ...e,
+          status: 'finished',
+        })) as UploadFileInfo[]) || [];
+      fileKeysMap.value =
+        arr?.reduce((acc, cur) => {
+          acc[cur.id] = cur.id;
+          return acc;
+        }, {} as Record<string, string>) || {};
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
+
+<style lang="less" scoped>
+  .n-upload-dragger {
+    @apply p-0;
+  }
+  :deep(.n-upload-file-info__thumbnail) {
+    background-color: var(--text-n9);
+  }
+  :deep(.n-upload-file--image-type) {
+    border: 1px solid var(--text-n8);
+  }
+  :deep(.n-upload-file-list) {
+    @apply flex flex-col;
+
+    gap: 8px;
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-form-create/components/advanced/formula.vue b/frontend/packages/web/src/components/business/crm-form-create/components/advanced/formula.vue
new file mode 100644
index 0000000..15100d5
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-create/components/advanced/formula.vue
@@ -0,0 +1,45 @@
+<template>
+  <CrmFormula
+    v-model:value="value"
+    :path="path"
+    :field-config="fieldConfig"
+    :form-config="formConfig"
+    :form-detail="formDetail"
+    :need-init-detail="needInitDetail"
+    :is-sub-table-field="isSubTableField"
+    :is-sub-table-render="isSubTableRender"
+    @change="handleChange"
+  />
+</template>
+
+<script setup lang="ts">
+  import type { FormConfig } from '@lib/shared/models/system/module';
+
+  import CrmFormula from '@/components/business/crm-formula/index.vue';
+
+  import type { FormCreateField } from '@cordys/web/src/components/business/crm-form-create/types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+    formConfig?: FormConfig;
+    path: string;
+    formDetail?: Record<string, any>;
+    needInitDetail?: boolean; // 判断是否编辑情况
+    isSubTableField?: boolean; // 是否是子表字段
+    isSubTableRender?: boolean; // 是否是子表渲染
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'change', value: any): void;
+  }>();
+
+  const value = defineModel<any>('value', {
+    default: 0,
+  });
+
+  function handleChange(val: any) {
+    emit('change', val);
+  }
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-form-create/components/advanced/index.ts b/frontend/packages/web/src/components/business/crm-form-create/components/advanced/index.ts
new file mode 100644
index 0000000..7f3827e
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-create/components/advanced/index.ts
@@ -0,0 +1,23 @@
+import dataSource from './dataSource.vue';
+import dataTable from './dataTable.vue';
+import file from './file.vue';
+import formula from './formula.vue';
+import industry from './industry.vue';
+import link from './link.vue';
+import location from './location.vue';
+import phone from './phone.vue';
+import serialNumber from './serialNumber.vue';
+import upload from './upload.vue';
+
+export default {
+  upload,
+  link,
+  location,
+  phone,
+  dataSource,
+  serialNumber,
+  file,
+  industry,
+  formula,
+  dataTable,
+};
diff --git a/frontend/packages/web/src/components/business/crm-form-create/components/advanced/industry.vue b/frontend/packages/web/src/components/business/crm-form-create/components/advanced/industry.vue
new file mode 100644
index 0000000..be4baef
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-create/components/advanced/industry.vue
@@ -0,0 +1,76 @@
+<template>
+  <n-form-item
+    :label="props.fieldConfig.name"
+    :path="props.path"
+    :rule="props.fieldConfig.rules"
+    :required="props.fieldConfig.rules.some((rule) => rule.key === 'required')"
+    :label-placement="props.isSubTableField || props.isSubTableRender ? 'top' : props.formConfig?.labelPos"
+    :show-label="!props.isSubTableRender"
+  >
+    <template #label>
+      <div v-if="props.fieldConfig.showLabel" class="flex h-[22px] items-center gap-[4px] whitespace-nowrap">
+        <div class="one-line-text">{{ props.fieldConfig.name }}</div>
+        <CrmIcon v-if="props.fieldConfig.resourceFieldId" type="iconicon_correlation" />
+      </div>
+      <div v-else class="h-[22px]"></div>
+    </template>
+    <div
+      v-if="props.fieldConfig.description"
+      class="crm-form-create-item-desc"
+      v-html="props.fieldConfig.description"
+    ></div>
+    <n-divider v-if="props.isSubTableField && !props.isSubTableRender" class="!my-0" />
+    <CrmIndustrySelect
+      v-model:value="value"
+      :placeholder="props.fieldConfig.placeholder || t('crmFormCreate.advanced.selectIndustry')"
+      :disabled="props.fieldConfig.editable === false || !!props.fieldConfig.resourceFieldId"
+      :range="props.fieldConfig.locationType"
+      clearable
+      @change="emit('change', $event)"
+    />
+  </n-form-item>
+</template>
+
+<script setup lang="ts">
+  import { NDivider, NFormItem } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { FormConfig } from '@lib/shared/models/system/module';
+
+  import CrmIndustrySelect from '@/components/pure/crm-industry-select/index.vue';
+
+  import { FormCreateField } from '../../types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+    formConfig?: FormConfig;
+    path: string;
+    needInitDetail?: boolean;
+    isSubTableField?: boolean; // 是否是子表字段
+    isSubTableRender?: boolean; // 是否是子表渲染
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: string | number | Array<string | number> | null): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const value = defineModel<string>('value', {
+    default: '',
+  });
+
+  watch(
+    () => props.fieldConfig.defaultValue,
+    (val) => {
+      if (!props.needInitDetail) {
+        value.value = val || value.value;
+        emit('change', value.value);
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-form-create/components/advanced/link.vue b/frontend/packages/web/src/components/business/crm-form-create/components/advanced/link.vue
new file mode 100644
index 0000000..8fc09ca
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-create/components/advanced/link.vue
@@ -0,0 +1,72 @@
+<template>
+  <n-form-item
+    :label="props.fieldConfig.name"
+    :path="props.path"
+    :rule="props.fieldConfig.rules"
+    :required="props.fieldConfig.rules.some((rule) => rule.key === 'required')"
+    :label-placement="props.isSubTableField || props.isSubTableRender ? 'top' : props.formConfig?.labelPos"
+    :show-label="!props.isSubTableRender"
+  >
+    <template #label>
+      <div v-if="props.fieldConfig.showLabel" class="flex h-[22px] items-center gap-[4px] whitespace-nowrap">
+        <div class="one-line-text">{{ props.fieldConfig.name }}</div>
+        <CrmIcon v-if="props.fieldConfig.resourceFieldId" type="iconicon_correlation" />
+      </div>
+      <div v-else class="h-[22px]"></div>
+    </template>
+    <div
+      v-if="props.fieldConfig.description"
+      class="crm-form-create-item-desc"
+      v-html="props.fieldConfig.description"
+    ></div>
+    <n-divider v-if="props.isSubTableField && !props.isSubTableRender" class="!my-0" />
+    <n-input
+      v-model:value="value"
+      :maxlength="1000"
+      :placeholder="props.fieldConfig.placeholder"
+      :disabled="props.fieldConfig.editable === false || !!props.fieldConfig.resourceFieldId"
+      type="textarea"
+      clearable
+      @update-value="($event) => emit('change', $event)"
+    />
+  </n-form-item>
+</template>
+
+<script setup lang="ts">
+  import { NDivider, NFormItem, NInput } from 'naive-ui';
+
+  import type { FormConfig } from '@lib/shared/models/system/module';
+
+  import { FormCreateField } from '../../types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+    formConfig?: FormConfig;
+    path: string;
+    needInitDetail?: boolean; // 判断是否编辑情况
+    isSubTableField?: boolean; // 是否是子表字段
+    isSubTableRender?: boolean; // 是否是子表渲染
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: string): void;
+  }>();
+
+  const value = defineModel<string>('value', {
+    default: '',
+  });
+
+  watch(
+    () => props.fieldConfig.defaultValue,
+    (val) => {
+      if (!props.needInitDetail) {
+        value.value = val || value.value;
+        emit('change', value.value);
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-form-create/components/advanced/location.vue b/frontend/packages/web/src/components/business/crm-form-create/components/advanced/location.vue
new file mode 100644
index 0000000..dc11f22
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-create/components/advanced/location.vue
@@ -0,0 +1,95 @@
+<template>
+  <n-form-item
+    :label="props.fieldConfig.name"
+    :path="props.path"
+    :rule="props.fieldConfig.rules"
+    :required="props.fieldConfig.rules.some((rule) => rule.key === 'required')"
+    :label-placement="props.isSubTableField || props.isSubTableRender ? 'top' : props.formConfig?.labelPos"
+    :show-label="!props.isSubTableRender"
+  >
+    <template #label>
+      <div v-if="props.fieldConfig.showLabel" class="flex h-[22px] items-center gap-[4px] whitespace-nowrap">
+        <div class="one-line-text">{{ props.fieldConfig.name }}</div>
+        <CrmIcon v-if="props.fieldConfig.resourceFieldId" type="iconicon_correlation" />
+      </div>
+      <div v-else class="h-[22px]"></div>
+    </template>
+    <div
+      v-if="props.fieldConfig.description"
+      class="crm-form-create-item-desc"
+      v-html="props.fieldConfig.description"
+    ></div>
+    <n-divider v-if="props.isSubTableField && !props.isSubTableRender" class="!my-0" />
+    <CrmCitySelect
+      v-model:value="city"
+      :placeholder="props.fieldConfig.placeholder || t('crmFormCreate.advanced.selectLocation')"
+      :disabled="props.fieldConfig.editable === false || !!props.fieldConfig.resourceFieldId"
+      :range="props.fieldConfig.locationType"
+      :scope="props.fieldConfig.scope"
+      clearable
+      @change="handleCityAndDetailChange"
+    />
+    <n-input
+      v-if="props.fieldConfig.locationType === 'detail'"
+      v-model:value="detail"
+      :maxlength="200"
+      :placeholder="t('crmFormCreate.advanced.inputLocationDetail')"
+      :disabled="props.fieldConfig.editable === false || !!props.fieldConfig.resourceFieldId"
+      type="textarea"
+      clearable
+      class="mt-[4px]"
+      @change="handleCityAndDetailChange"
+    />
+  </n-form-item>
+</template>
+
+<script setup lang="ts">
+  import { NDivider, NFormItem, NInput } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { FormConfig } from '@lib/shared/models/system/module';
+
+  import CrmCitySelect from '@/components/business/crm-city-select/index.vue';
+
+  import { FormCreateField } from '../../types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+    formConfig?: FormConfig;
+    path: string;
+    isSubTableField?: boolean; // 是否是子表字段
+    isSubTableRender?: boolean; // 是否是子表渲染
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: string): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const value = defineModel<string>('value', {
+    default: '',
+  });
+
+  const city = ref<string | null>('');
+  const detail = ref('');
+
+  function handleCityAndDetailChange() {
+    if (props.fieldConfig.locationType !== 'detail') {
+      detail.value = '';
+    }
+    value.value = city.value || detail.value ? `${city.value || ''}-${detail.value || ''}` : '';
+    emit('change', value.value);
+  }
+
+  watch(
+    () => value.value,
+    () => {
+      const localArr = value.value.split('-');
+      city.value = localArr[0] || null;
+      detail.value = localArr.filter((e, i) => i > 0).join('-') || ''; // 避免输入了-
+    },
+    { immediate: true }
+  );
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-form-create/components/advanced/phone.vue b/frontend/packages/web/src/components/business/crm-form-create/components/advanced/phone.vue
new file mode 100644
index 0000000..6121c6e
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-create/components/advanced/phone.vue
@@ -0,0 +1,101 @@
+<template>
+  <n-form-item
+    :label="props.fieldConfig.name"
+    :path="props.path"
+    :rule="mergedRules"
+    :required="props.fieldConfig.rules.some((rule) => rule.key === 'required')"
+    :label-placement="props.isSubTableField || props.isSubTableRender ? 'top' : props.formConfig?.labelPos"
+    :show-label="!props.isSubTableRender"
+  >
+    <template #label>
+      <div v-if="props.fieldConfig.showLabel" class="flex h-[22px] items-center gap-[4px] whitespace-nowrap">
+        <div class="one-line-text">{{ props.fieldConfig.name }}</div>
+        <CrmIcon v-if="props.fieldConfig.resourceFieldId" type="iconicon_correlation" />
+      </div>
+      <div v-else class="h-[22px]"></div>
+    </template>
+    <div
+      v-if="props.fieldConfig.description"
+      class="crm-form-create-item-desc"
+      v-html="props.fieldConfig.description"
+    ></div>
+    <n-divider v-if="props.isSubTableField && !props.isSubTableRender" class="!my-0" />
+    <n-input
+      v-model:value="value"
+      :maxlength="30"
+      :placeholder="props.fieldConfig.placeholder"
+      :disabled="props.fieldConfig.editable === false || !!props.fieldConfig.resourceFieldId"
+      :allow-input="onlyAllowNumber"
+      clearable
+      @update-value="($event) => emit('change', $event)"
+    >
+      <template #prefix>
+        <CrmIcon type="iconicon_phone" />
+      </template>
+    </n-input>
+  </n-form-item>
+</template>
+
+<script setup lang="ts">
+  import { NDivider, NFormItem, NInput } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { FormConfig } from '@lib/shared/models/system/module';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+
+  import { FormCreateField } from '../../types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+    formConfig?: FormConfig;
+    path: string;
+    needInitDetail?: boolean; // 判断是否编辑情况
+    isSubTableField?: boolean; // 是否是子表字段
+    isSubTableRender?: boolean; // 是否是子表渲染
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: string): void;
+  }>();
+
+  const value = defineModel<string>('value', {
+    default: '',
+  });
+
+  const { t } = useI18n();
+
+  function onlyAllowNumber(val: string) {
+    if (!val) return true;
+    return /^[0-9+\- ()（）]*$/.test(val);
+  }
+
+  const mergedRules = computed(() => {
+    const rawRules = props.fieldConfig.rules || [];
+    const formatRule = {
+      key: 'phone-length-validator',
+      trigger: ['input', 'blur'],
+      validator: (_rule: any, val: string) => {
+        if (!val) return Promise.resolve();
+        if (props.fieldConfig.format === '11' && val.replace(/[\s\uFEFF\xA0]+/g, '').length !== 11) {
+          return Promise.reject(new Error(t('crmFormDesign.phone.lengthValidator', { count: 11 })));
+        }
+      },
+    };
+    return [...rawRules, formatRule];
+  });
+
+  watch(
+    () => props.fieldConfig.defaultValue,
+    (val) => {
+      if (!props.needInitDetail) {
+        value.value = val || value.value;
+        emit('change', value.value);
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-form-create/components/advanced/serialNumber.vue b/frontend/packages/web/src/components/business/crm-form-create/components/advanced/serialNumber.vue
new file mode 100644
index 0000000..a14aa27
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-create/components/advanced/serialNumber.vue
@@ -0,0 +1,135 @@
+<template>
+  <n-form-item
+    :label="props.fieldConfig.name"
+    :label-placement="props.isSubTableField || props.isSubTableRender ? 'top' : props.formConfig?.labelPos"
+    :show-label="!props.isSubTableRender"
+  >
+    <template #label>
+      <div v-if="props.fieldConfig.showLabel" class="flex h-[22px] items-center gap-[4px] whitespace-nowrap">
+        <div class="one-line-text">{{ props.fieldConfig.name }}</div>
+        <CrmIcon v-if="props.fieldConfig.resourceFieldId" type="iconicon_correlation" />
+      </div>
+      <div v-else class="h-[22px]"></div>
+    </template>
+    <div
+      v-if="props.fieldConfig.description"
+      class="crm-form-create-item-desc"
+      v-html="props.fieldConfig.description"
+    ></div>
+    <n-divider v-if="props.isSubTableField && !props.isSubTableRender" class="!my-0" />
+    <n-tooltip
+      trigger="hover"
+      placement="top"
+      :disabled="props.fieldConfig.prefixType !== 'formula' || !!props.fieldConfig.resourceFieldId"
+    >
+      <template #trigger>
+        <n-input
+          v-model:value="displayValue"
+          :default-value="props.fieldConfig.defaultValue"
+          :placeholder="props.fieldConfig.placeholder"
+          disabled
+        />
+      </template>
+      {{ formulaTooltip }}
+    </n-tooltip>
+  </n-form-item>
+</template>
+
+<script setup lang="ts">
+  import { NDivider, NFormItem, NInput, NTooltip } from 'naive-ui';
+  import { debounce } from 'lodash-es';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { FormConfig } from '@lib/shared/models/system/module';
+
+  import { executeFormFormula } from '@/components/business/crm-formula/formula-runtime/formula-executor';
+  import { getFormulaDisplayInfo } from '@/components/business/crm-formula/formula-runtime/formula-executor/formula-display';
+
+  import { FormCreateField } from '../../types';
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+    formConfig?: FormConfig;
+    isSubTableField?: boolean; // 是否是子表字段
+    isSubTableRender?: boolean; // 是否是子表渲染
+    path: string;
+    formDetail?: Record<string, any>;
+    needInitDetail?: boolean;
+  }>();
+
+  const value = defineModel<string>('value', {
+    default: '',
+  });
+
+  const formulaFormContext = inject(
+    'formFieldsProvider',
+    ref({
+      fields: [],
+      formulaDataSource: {},
+      evaluationNow: null,
+    })
+  );
+
+  const fieldList = computed(() => formulaFormContext?.value.fields);
+  const formulaDataSource = computed(() => formulaFormContext?.value.formulaDataSource);
+  const evaluationNow = computed(() => formulaFormContext?.value.evaluationNow);
+
+  const updateValue = debounce(() => {
+    const { formula } = props.fieldConfig;
+
+    const result = executeFormFormula({
+      formula,
+      path: props.path,
+      formDetail: props.formDetail,
+      fields: fieldList.value ?? [],
+      formulaDataSource: formulaDataSource.value,
+      needInitDetail: props.needInitDetail,
+      evaluationNow: evaluationNow.value,
+      decimalPlaces: 2,
+      warn: (msg: string) => {
+        // eslint-disable-next-line no-console
+        console.warn(msg);
+      },
+    });
+
+    if (!result) {
+      return;
+    }
+
+    const next = result.normalizedResult;
+
+    if (Object.is(next, value.value)) return;
+    const serialNumberPlaceholder = `\${${props.fieldConfig.name}}`;
+    const resultStr = props.fieldConfig.prefixType === 'formula' ? `${next}${serialNumberPlaceholder}` : next;
+    value.value = resultStr;
+  }, 10);
+
+  const displayValue = computed(() => (props.needInitDetail ? value.value : ''));
+
+  const formulaDisplayInfo = computed(() =>
+    getFormulaDisplayInfo({
+      formula: props.fieldConfig.formula,
+      fields: fieldList.value ?? [],
+      invalidText: t('crmFormDesign.formulaFieldChanged'),
+      emptyText: t('crmFormDesign.formulaTooltip'),
+      isSubTableRender: props.isSubTableRender,
+    })
+  );
+
+  const formulaTooltip = computed(() => formulaDisplayInfo.value.tooltip);
+
+  watch(
+    () => props.formDetail,
+    () => {
+      updateValue.flush?.();
+      if (props.fieldConfig.prefixType === 'formula' && !props.needInitDetail && !props.fieldConfig.resourceFieldId) {
+        updateValue();
+      }
+    },
+    { deep: true }
+  );
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-form-create/components/advanced/upload.vue b/frontend/packages/web/src/components/business/crm-form-create/components/advanced/upload.vue
new file mode 100644
index 0000000..4c8b626
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-create/components/advanced/upload.vue
@@ -0,0 +1,238 @@
+<template>
+  <n-form-item
+    ref="crmFormItemRef"
+    :label="props.fieldConfig.name"
+    :path="props.path"
+    :rule="props.fieldConfig.rules"
+    :required="props.fieldConfig.rules.some((rule) => rule.key === 'required')"
+    :label-placement="props.isSubTableField || props.isSubTableRender ? 'top' : props.formConfig?.labelPos"
+    :validation-status="fileKeys.length > 0 ? 'success' : undefined"
+    :show-label="!props.isSubTableRender"
+  >
+    <template #label>
+      <div v-if="props.fieldConfig.showLabel" class="flex h-[22px] items-center gap-[4px] whitespace-nowrap">
+        <div class="one-line-text">{{ props.fieldConfig.name }}</div>
+        <CrmIcon v-if="props.fieldConfig.resourceFieldId" type="iconicon_correlation" />
+      </div>
+      <div v-else class="h-[22px]"></div>
+    </template>
+    <div
+      v-if="props.fieldConfig.description"
+      class="crm-form-create-item-desc"
+      v-html="props.fieldConfig.description"
+    ></div>
+    <n-divider v-if="props.isSubTableField && !props.isSubTableRender" class="!my-0" />
+    <n-upload
+      v-model:file-list="fileList"
+      :max="props.fieldConfig.uploadLimit || 10"
+      :accept="props.fieldConfig.type === FieldTypeEnum.PICTURE ? 'image/*' : '*/*'"
+      :list-type="props.fieldConfig.pictureShowType === 'card' ? 'image-card' : 'text'"
+      :custom-request="customRequest"
+      :disabled="props.fieldConfig.editable === false || !!props.fieldConfig.resourceFieldId"
+      :file-list-class="props.isSubTableRender ? 'crm-upload--subtable-file-list' : ''"
+      :trigger-style="getTriggerStyle"
+      multiple
+      directory-dnd
+      @before-upload="beforeUpload"
+      @update-file-list="handleUploadFileListChange"
+      @remove="handleFileRemove"
+    >
+      <n-upload-dragger>
+        <div class="flex items-center gap-[8px] px-[8px] py-[4px]">
+          <CrmIcon type="iconicon_add" :size="16" class="text-[var(--primary-8)]" />
+          <div v-if="props.fieldConfig.pictureShowType === 'list'" class="text-[var(--text-n4)]">
+            {{ t('crmFormCreate.advanced.uploadTip', { size: props.fieldConfig.uploadSizeLimit }) }}
+          </div>
+        </div>
+      </n-upload-dragger>
+    </n-upload>
+  </n-form-item>
+</template>
+
+<script setup lang="ts">
+  import {
+    type FormItemInst,
+    NDivider,
+    NFormItem,
+    NUpload,
+    NUploadDragger,
+    UploadCustomRequestOptions,
+    UploadFileInfo,
+    UploadSettledFileInfo,
+    useMessage,
+  } from 'naive-ui';
+
+  import { PreviewPictureUrl } from '@lib/shared/api/requrls/system/module';
+  import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { FormConfig } from '@lib/shared/models/system/module';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+
+  import { uploadTempFile } from '@/api/modules';
+  import useUserStore from '@/store/modules/user';
+
+  import { FormCreateField } from '../../types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+    path: string;
+    formConfig?: FormConfig;
+    isSubTableField?: boolean; // 是否是子表字段
+    isSubTableRender?: boolean; // 是否是子表渲染
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: string[], files: UploadFileInfo[]): void;
+  }>();
+
+  const { t } = useI18n();
+  const Message = useMessage();
+  const userStore = useUserStore();
+
+  const fileKeys = defineModel<string[]>('value', {
+    default: () => [],
+  });
+  const fileList = ref<UploadFileInfo[]>([]);
+  const fileKeysMap = ref<Record<string, string>>({});
+  const crmFormItemRef = ref<FormItemInst>();
+
+  const getTriggerStyle = computed(() => {
+    if (props.isSubTableField || props.isSubTableRender) {
+      return {
+        width: '32px',
+        height: '32px',
+      };
+    }
+    return undefined;
+  });
+
+  async function beforeUpload({
+    file,
+  }: {
+    file: UploadSettledFileInfo;
+    fileList: UploadSettledFileInfo[];
+  }): Promise<boolean> {
+    if (fileList.value.length > 0) {
+      // 附件上传校验名称重复
+      const isRepeat = fileList.value.filter((item) => item.name === file.name).length >= 1;
+      if (isRepeat) {
+        Message.warning(t('crm.upload.repeatFileTip'));
+        return Promise.resolve(false);
+      }
+    }
+    if ((file.type && !['jpeg', 'png', 'jpg', 'gif', 'bmp', 'webp'].includes(file.type.split('/')[1])) || !file.type) {
+      Message.warning(t('crmFormCreate.advanced.typeNotValid'));
+      return Promise.resolve(false);
+    }
+    const maxSize = props.fieldConfig.uploadSizeLimit || 20;
+    const _maxSize = maxSize * 1024 * 1024;
+    if (file.file && file.file.size > _maxSize) {
+      Message.warning(t('crmFormCreate.advanced.overSize', { size: `${maxSize}MB` }));
+      return Promise.resolve(false);
+    }
+    if (props.fieldConfig.uploadLimit === 1) {
+      // 单文件上传时，清空之前的文件（得放到校验文件大小之后，避免文件大小限制后文件丢失）
+      fileList.value = [];
+      fileKeys.value = [];
+    }
+    return Promise.resolve(true);
+  }
+
+  async function customRequest({ file, onFinish, onError, onProgress }: UploadCustomRequestOptions) {
+    let timer: NodeJS.Timeout | null = null;
+    try {
+      // 模拟上传进度
+      let upLoadProgress = 0;
+      timer = setInterval(() => {
+        if (upLoadProgress < 50) {
+          // 进度在0-50%之间较快
+          const randomIncrement = Math.floor(Math.random() * 10) + 1; // 随机增加 5-10 的百分比
+          upLoadProgress += randomIncrement;
+          onProgress({ percent: upLoadProgress });
+        } else if (upLoadProgress < 100) {
+          // 进度在50%-100%之间较慢
+          const randomIncrement = Math.floor(Math.random() * 10) + 1; // 随机增加 1-5 的百分比
+          upLoadProgress = Math.min(upLoadProgress + randomIncrement, 99);
+          onProgress({ percent: upLoadProgress });
+        }
+      }, 100); // 定时器间隔为 100 毫秒
+      const res = await uploadTempFile(file.file);
+      onProgress({ percent: 100 });
+      clearInterval(timer as unknown as number);
+      onFinish();
+      fileKeys.value.push(...res.data);
+      [fileKeysMap.value[file.id]] = res.data;
+      crmFormItemRef.value?.validate();
+      emit('change', fileKeys.value, fileList.value);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+      // Message.error(t('crm.upload.uploadFail'));
+      clearInterval(timer as unknown as number);
+      // clear error file
+      const index = fileList.value.findIndex((item) => item.id === file.id);
+      if (index !== -1) {
+        fileList.value.splice(index, 1);
+      }
+      onError();
+    }
+  }
+
+  function handleFileRemove({ file }: { file: UploadSettledFileInfo }) {
+    const index = fileList.value.findIndex((item) => item.id === file.id);
+    if (index !== -1) {
+      fileKeys.value = fileKeys.value.filter((key) => key !== fileKeysMap.value[file.id]);
+      delete fileKeysMap.value[file.id];
+    }
+  }
+
+  function handleUploadFileListChange() {
+    if (fileKeys.value.length !== 0 || fileKeys.value.length === fileList.value.length) {
+      crmFormItemRef.value?.validate();
+      emit('change', fileKeys.value, fileList.value);
+    }
+  }
+
+  watch(
+    () => fileKeys.value,
+    (keys: string[]) => {
+      if (keys.length === 0) {
+        fileList.value = [];
+        fileKeysMap.value = {};
+      } else if (Object.keys(fileKeysMap.value).length === 0) {
+        keys.forEach((key) => {
+          fileKeysMap.value[key] = key;
+          fileList.value.push({
+            id: key,
+            thumbnailUrl: `${PreviewPictureUrl}/${key}?userId=${userStore.userInfo.id}`,
+            url: `${PreviewPictureUrl}/${key}?userId=${userStore.userInfo.id}`,
+            name: key,
+            status: 'finished',
+            type: 'image/*',
+          });
+        });
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
+
+<style lang="less">
+  .crm-upload--subtable-file-list {
+    grid-auto-flow: column;
+    grid-template-columns: repeat(auto-fill, minmax(auto, 100px)) !important; /* 最小宽度自适应，最大宽度 100px */
+    align-items: center;
+    .n-upload-file--image-card-type {
+      width: 100px !important;
+      height: 100px !important;
+    }
+  }
+</style>
+
+<style lang="less" scoped>
+  .n-upload-dragger {
+    @apply p-0;
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-form-create/components/basic/checkbox.vue b/frontend/packages/web/src/components/business/crm-form-create/components/basic/checkbox.vue
new file mode 100644
index 0000000..66081de
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-create/components/basic/checkbox.vue
@@ -0,0 +1,77 @@
+<template>
+  <n-form-item
+    :label="props.fieldConfig.name"
+    :path="props.path"
+    :rule="props.fieldConfig.rules"
+    :required="props.fieldConfig.rules.some((rule) => rule.key === 'required')"
+    :label-placement="props.isSubTableField || props.isSubTableRender ? 'top' : props.formConfig?.labelPos"
+    :show-label="!props.isSubTableRender"
+  >
+    <template #label>
+      <div v-if="props.fieldConfig.showLabel" class="flex h-[22px] items-center gap-[4px] whitespace-nowrap">
+        <div class="one-line-text">{{ props.fieldConfig.name }}</div>
+        <CrmIcon v-if="props.fieldConfig.resourceFieldId" type="iconicon_correlation" />
+      </div>
+      <div v-else class="h-[22px]"></div>
+    </template>
+    <div
+      v-if="props.fieldConfig.description"
+      class="crm-form-create-item-desc"
+      v-html="props.fieldConfig.description"
+    ></div>
+    <n-divider v-if="props.isSubTableField && !props.isSubTableRender" class="!my-0" />
+    <n-checkbox-group
+      v-model:value="value"
+      :disabled="props.fieldConfig.editable === false || !!props.fieldConfig.resourceFieldId"
+      @update-value="($event) => emit('change', $event)"
+    >
+      <n-space :item-class="props.fieldConfig.direction === 'horizontal' ? '' : 'w-full'">
+        <n-checkbox
+          v-for="item in props.fieldConfig.options"
+          :key="item.value"
+          :value="item.value"
+          :label="item.label"
+        />
+      </n-space>
+    </n-checkbox-group>
+  </n-form-item>
+</template>
+
+<script setup lang="ts">
+  import { NCheckbox, NCheckboxGroup, NDivider, NFormItem, NSpace } from 'naive-ui';
+
+  import type { FormConfig } from '@lib/shared/models/system/module';
+
+  import { FormCreateField } from '../../types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+    formConfig?: FormConfig;
+    path: string;
+    needInitDetail?: boolean; // 判断是否编辑情况
+    isSubTableField?: boolean; // 是否是子表字段
+    isSubTableRender?: boolean; // 是否是子表渲染
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: (string | number)[]): void;
+  }>();
+
+  const value = defineModel<(string | number)[]>('value', {
+    default: [],
+  });
+
+  watch(
+    () => props.fieldConfig.defaultValue,
+    (val) => {
+      if (!props.needInitDetail) {
+        value.value = val || value.value;
+        emit('change', value.value);
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-form-create/components/basic/dateTime.vue b/frontend/packages/web/src/components/business/crm-form-create/components/basic/dateTime.vue
new file mode 100644
index 0000000..9488c93
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-create/components/basic/dateTime.vue
@@ -0,0 +1,95 @@
+<template>
+  <n-form-item
+    :label="props.fieldConfig.name"
+    :path="props.path"
+    :rule="props.fieldConfig.rules"
+    :required="props.fieldConfig.rules.some((rule) => rule.key === 'required')"
+    :label-placement="props.isSubTableField || props.isSubTableRender ? 'top' : props.formConfig?.labelPos"
+    :show-label="!props.isSubTableRender && !props.isDescriptionRender"
+  >
+    <template #label>
+      <div v-if="props.fieldConfig.showLabel" class="flex h-[22px] items-center gap-[4px] whitespace-nowrap">
+        <div class="one-line-text">{{ props.fieldConfig.name }}</div>
+        <CrmIcon v-if="props.fieldConfig.resourceFieldId" type="iconicon_correlation" />
+      </div>
+      <div v-else class="h-[22px]"></div>
+    </template>
+    <div
+      v-if="props.fieldConfig.description"
+      class="crm-form-create-item-desc"
+      v-html="props.fieldConfig.description"
+    ></div>
+    <n-divider v-if="props.isSubTableField && !props.isSubTableRender" class="!my-0" />
+    <n-date-picker
+      v-model:value="value"
+      :type="props.fieldConfig.dateType"
+      :placeholder="props.fieldConfig.placeholder"
+      :disabled="props.fieldConfig.editable === false || props.disabled || !!props.fieldConfig.resourceFieldId"
+      class="w-full"
+      :status="props.feedback ? 'error' : undefined"
+      @update-value="($event) => emit('change', $event)"
+    >
+    </n-date-picker>
+  </n-form-item>
+</template>
+
+<script setup lang="ts">
+  import { NDatePicker, NDivider, NFormItem } from 'naive-ui';
+
+  import type { FormConfig } from '@lib/shared/models/system/module';
+
+  import { FormCreateField } from '../../types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+    formConfig?: FormConfig;
+    path: string;
+    needInitDetail?: boolean; // 判断是否编辑情况
+    disabled?: boolean;
+    isSubTableField?: boolean; // 是否是子表字段
+    isSubTableRender?: boolean; // 是否是子表渲染
+    isDescriptionRender?: boolean; // 是否是描述渲染
+    feedback?: string;
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: null | number | (string | number)[]): void;
+  }>();
+
+  const value = defineModel<null | number | [number, number]>('value', {
+    default: null,
+  });
+
+  watch(
+    () => props.fieldConfig.defaultValue,
+    (val) => {
+      if (!props.needInitDetail) {
+        value.value = val !== undefined ? val : value.value;
+        emit('change', value.value);
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  watch(
+    () => props.fieldConfig.dateDefaultType,
+    (val) => {
+      if (props.needInitDetail) {
+        return;
+      }
+
+      if (val === 'current') {
+        value.value = new Date().getTime();
+      } else if (val === 'custom' && props.fieldConfig.defaultValue === null) {
+        value.value = null;
+      }
+      emit('change', value.value);
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-form-create/components/basic/divider.vue b/frontend/packages/web/src/components/business/crm-form-create/components/basic/divider.vue
new file mode 100644
index 0000000..1344fb6
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-create/components/basic/divider.vue
@@ -0,0 +1,50 @@
+<template>
+  <div class="mb-[24px] mt-[8px]">
+    <div
+      v-if="props.fieldConfig.showLabel"
+      class="mb-[8px] font-semibold"
+      :style="{
+        color: fieldConfig.titleColor,
+      }"
+    >
+      {{ props.fieldConfig.name }}
+    </div>
+    <n-divider
+      class="!mb-[4px] !mt-0"
+      :class="props.fieldConfig.dividerClass"
+      :dashed="props.fieldConfig.dividerClass === 'divider--dashed'"
+    />
+    <div v-if="props.fieldConfig.description" class="text-[12px] leading-[20px] text-[var(--text-n4)]">
+      {{ props.fieldConfig.description }}
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { NDivider } from 'naive-ui';
+
+  import { FormCreateField } from '../../types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+  }>();
+
+  // v-bind内必须全小写
+  const dividercolor = computed(() => {
+    return props.fieldConfig.dividerColor || 'var(--text-n4)';
+  });
+</script>
+
+<style lang="less" scoped>
+  .divider--hidden {
+    @apply hidden;
+  }
+  .divider--double {
+    :deep(.n-divider__line) {
+      height: 2px;
+    }
+  }
+  :deep(.n-divider__line) {
+    background-color: v-bind(dividercolor) !important;
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-form-create/components/basic/index.ts b/frontend/packages/web/src/components/business/crm-form-create/components/basic/index.ts
new file mode 100644
index 0000000..931ef1c
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-create/components/basic/index.ts
@@ -0,0 +1,23 @@
+import checkbox from './checkbox.vue';
+import dateTime from './dateTime.vue';
+import divider from './divider.vue';
+import inputNumber from './inputNumber.vue';
+import memberSelect from './memberSelect.vue';
+import radio from './radio.vue';
+import select from './select.vue';
+import singleText from './singleText.vue';
+import tagInput from './tagInput.vue';
+import textarea from './textarea.vue';
+
+export default {
+  dateTime,
+  inputNumber,
+  singleText,
+  textarea,
+  radio,
+  checkbox,
+  select,
+  divider,
+  memberSelect,
+  tagInput,
+};
diff --git a/frontend/packages/web/src/components/business/crm-form-create/components/basic/inputNumber.vue b/frontend/packages/web/src/components/business/crm-form-create/components/basic/inputNumber.vue
new file mode 100644
index 0000000..80668ee
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-create/components/basic/inputNumber.vue
@@ -0,0 +1,130 @@
+<template>
+  <n-form-item
+    :label="props.fieldConfig.name"
+    :path="props.path"
+    :rule="formItemRules"
+    :required="props.fieldConfig.rules.some((rule) => rule.key === 'required')"
+    :label-placement="props.isSubTableField || props.isSubTableRender ? 'top' : props.formConfig?.labelPos"
+    :show-label="!props.isSubTableRender && !props.isDefaultValueRender"
+  >
+    <template #label>
+      <div v-if="props.fieldConfig.showLabel" class="flex h-[22px] items-center gap-[4px] whitespace-nowrap">
+        <div class="one-line-text">{{ props.fieldConfig.name }}</div>
+        <CrmIcon v-if="props.fieldConfig.resourceFieldId" type="iconicon_correlation" />
+      </div>
+      <div v-else class="h-[22px]"></div>
+    </template>
+    <div
+      v-if="props.fieldConfig.description && !props.isSubTableRender"
+      class="crm-form-create-item-desc"
+      v-html="props.fieldConfig.description"
+    ></div>
+    <n-divider v-if="props.isSubTableField && !props.isSubTableRender" class="!my-0" />
+    <CrmInputNumber
+      v-model:value="value"
+      :max="1000000000"
+      :min="-1000000000"
+      :placeholder="props.fieldConfig.placeholder"
+      :disabled="props.fieldConfig.editable === false || !!props.fieldConfig.resourceFieldId"
+      :parse="parse"
+      :format="format"
+      :precision="props.fieldConfig.precision"
+      clearable
+      class="w-full"
+      @update-value="($event:number | null) => emit('change', $event)"
+    >
+      <template v-if="props.fieldConfig.numberFormat === 'percent'" #suffix> % </template>
+    </CrmInputNumber>
+  </n-form-item>
+</template>
+
+<script setup lang="ts">
+  import { NDivider, NFormItem } from 'naive-ui';
+
+  import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+  import type { FormConfig } from '@lib/shared/models/system/module';
+
+  import CrmInputNumber from '@/components/pure/crm-input-number/index.vue';
+
+  import { FormCreateField } from '../../types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+    formConfig?: FormConfig;
+    path: string;
+    needInitDetail?: boolean; // 判断是否编辑情况
+    isSubTableField?: boolean; // 是否是子表字段
+    isSubTableRender?: boolean; // 是否是子表渲染
+    isDefaultValueRender?: boolean; // 是否是默认值渲染
+    ignoreRule?: boolean;
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: number | null): void;
+  }>();
+
+  const value = defineModel<number | null>('value', {
+    default: null,
+  });
+
+  const formItemRules = computed(() => {
+    if (props.ignoreRule) return [];
+    return props.fieldConfig.rules || [];
+  });
+
+  watch(
+    () => props.fieldConfig.defaultValue,
+    (val) => {
+      if (!props.needInitDetail) {
+        value.value = val !== undefined ? val : value.value;
+        emit('change', value.value);
+      }
+    }
+  );
+
+  watch(
+    () => [props.fieldConfig.numberFormat, props.fieldConfig.precision, props.fieldConfig.showThousandsSeparator],
+    () => {
+      const temp = value.value;
+      value.value = null;
+      nextTick(() => {
+        value.value = temp;
+      });
+    },
+    {
+      deep: true,
+    }
+  );
+
+  function parse(val: string) {
+    const nums = val.toString().replace(/,/g, '').trim();
+    const numericPattern = /^-?\d+(\.(\d+)?)?$/;
+    if ((!props.fieldConfig.showThousandsSeparator || numericPattern.test(nums)) && nums !== '') {
+      return Number(nums);
+    }
+    return nums === '' ? null : Number.NaN;
+  }
+
+  function format(val?: number | null) {
+    if (val === null || val === undefined) return '';
+    if (
+      (props.fieldConfig.numberFormat === 'number' && props.fieldConfig.showThousandsSeparator) ||
+      props.fieldConfig.type === FieldTypeEnum.FORMULA
+    ) {
+      return props.fieldConfig.precision && props.fieldConfig.precision > 0
+        ? `${val.toLocaleString('en-US').split('.')[0]}.${val.toFixed(props.fieldConfig.precision).split('.')[1]}`
+        : val.toLocaleString('en-US');
+    }
+    return typeof val === 'number'
+      ? val.toFixed(props.fieldConfig.precision || 0)
+      : Number(val).toFixed(props.fieldConfig.precision || 0);
+  }
+
+  onBeforeMount(() => {
+    if (props.needInitDetail && props.fieldConfig.defaultValue !== undefined) {
+      value.value = value.value === undefined || value.value === null ? props.fieldConfig.defaultValue : value.value;
+      emit('change', value.value);
+    }
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-form-create/components/basic/memberSelect.vue b/frontend/packages/web/src/components/business/crm-form-create/components/basic/memberSelect.vue
new file mode 100644
index 0000000..a0fcc62
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-create/components/basic/memberSelect.vue
@@ -0,0 +1,157 @@
+<template>
+  <n-form-item
+    :label="props.fieldConfig.name"
+    :path="props.path"
+    :rule="props.fieldConfig.rules"
+    :required="props.fieldConfig.rules.some((rule) => rule.key === 'required')"
+    :label-placement="props.isSubTableField || props.isSubTableRender ? 'top' : props.formConfig?.labelPos"
+    :show-label="!props.isSubTableRender && !props.isDescriptionRender"
+  >
+    <template #label>
+      <div v-if="props.fieldConfig.showLabel" class="flex h-[22px] items-center gap-[4px] whitespace-nowrap">
+        <div class="one-line-text">{{ props.fieldConfig.name }}</div>
+        <CrmIcon v-if="props.fieldConfig.resourceFieldId" type="iconicon_correlation" />
+      </div>
+      <div v-else class="h-[22px]"></div>
+    </template>
+    <div
+      v-if="props.fieldConfig.description"
+      class="crm-form-create-item-desc"
+      v-html="props.fieldConfig.description"
+    ></div>
+    <n-divider v-if="props.isSubTableField && !props.isSubTableRender" class="!my-0" />
+    <CrmUserTagSelector
+      v-model:selected-list="selectedUsers"
+      :multiple="[FieldTypeEnum.MEMBER_MULTIPLE, FieldTypeEnum.DEPARTMENT_MULTIPLE].includes(fieldConfig.type)"
+      :drawer-title="t('crmFormDesign.selectDataSource', { type: props.fieldConfig.name })"
+      :api-type-key="MemberApiTypeEnum.FORM_FIELD"
+      :disabled="props.fieldConfig.editable === false || !!props.fieldConfig.resourceFieldId"
+      :member-types="memberTypes"
+      :disabled-node-types="
+        [FieldTypeEnum.MEMBER, FieldTypeEnum.MEMBER_MULTIPLE].includes(props.fieldConfig.type)
+          ? [DeptNodeTypeEnum.ORG, DeptNodeTypeEnum.ROLE]
+          : [DeptNodeTypeEnum.USER, DeptNodeTypeEnum.ROLE]
+      "
+      :class="props.isSubTableField ? '!w-[150px]' : ''"
+      :status="props.feedback ? 'error' : undefined"
+      @confirm="handleConfirm"
+      @delete-tag="handleConfirm"
+    />
+  </n-form-item>
+</template>
+
+<script setup lang="ts">
+  import { NDivider, NFormItem } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+  import { MemberApiTypeEnum, MemberSelectTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { DeptNodeTypeEnum } from '@lib/shared/enums/systemEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { type FormConfig, SelectedUsersItem } from '@lib/shared/models/system/module';
+
+  import CrmUserTagSelector from '@/components/business/crm-user-tag-selector/index.vue';
+
+  import { FormCreateField } from '../../types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+    formConfig?: FormConfig;
+    path: string;
+    needInitDetail?: boolean; // 判断是否编辑情况
+    isSubTableField?: boolean; // 是否是子表字段
+    isSubTableRender?: boolean; // 是否是子表渲染
+    isDescriptionRender?: boolean; // 是否是描述渲染
+    feedback?: string;
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: string | number | (string | number)[]): void;
+    (e: 'changeOptions', value: SelectedUsersItem[]): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const value = defineModel<string | number | (string | number)[]>('value', {
+    default: [],
+  });
+  const selectedUsers = ref<SelectedUsersItem[]>(cloneDeep(props.fieldConfig.initialOptions) || []);
+  const memberTypes = computed(() => {
+    if ([FieldTypeEnum.MEMBER, FieldTypeEnum.MEMBER_MULTIPLE].includes(props.fieldConfig.type)) {
+      return [
+        {
+          label: t('menu.settings.org'),
+          value: MemberSelectTypeEnum.ORG,
+        },
+      ];
+    }
+    return [
+      {
+        label: t('menu.settings.org'),
+        value: MemberSelectTypeEnum.ONLY_ORG,
+      },
+    ];
+  });
+
+  watch(
+    () => props.fieldConfig.defaultValue,
+    (val) => {
+      if (!props.needInitDetail) {
+        value.value =
+          [FieldTypeEnum.MEMBER_MULTIPLE, FieldTypeEnum.DEPARTMENT_MULTIPLE].includes(props.fieldConfig.type) &&
+          !Array.isArray(val)
+            ? [val]
+            : val || value.value || [];
+        emit('change', value.value);
+      }
+    }
+  );
+
+  watch(
+    () => props.fieldConfig.initialOptions,
+    (val) => {
+      if ([FieldTypeEnum.MEMBER_MULTIPLE, FieldTypeEnum.DEPARTMENT_MULTIPLE].includes(props.fieldConfig.type)) {
+        selectedUsers.value = val as SelectedUsersItem[];
+      } else if (Array.isArray(val) && val.length) {
+        selectedUsers.value = [val[0]];
+      } else {
+        selectedUsers.value = val || [];
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  function handleConfirm() {
+    if (selectedUsers.value) {
+      const ids = selectedUsers.value.map((item) => item.id);
+      value.value = [FieldTypeEnum.MEMBER_MULTIPLE, FieldTypeEnum.DEPARTMENT_MULTIPLE].includes(props.fieldConfig.type)
+        ? ids
+        : ids[0];
+      emit(
+        'change',
+        [FieldTypeEnum.MEMBER_MULTIPLE, FieldTypeEnum.DEPARTMENT_MULTIPLE].includes(props.fieldConfig.type)
+          ? ids
+          : ids[0]
+      );
+      emit('changeOptions', selectedUsers.value);
+    } else {
+      value.value = [];
+      emit('change', []);
+      emit('changeOptions', []);
+    }
+  }
+
+  onBeforeMount(() => {
+    if (!props.needInitDetail && (!value.value || (Array.isArray(value.value) && !value.value.length))) {
+      value.value =
+        [FieldTypeEnum.MEMBER_MULTIPLE, FieldTypeEnum.DEPARTMENT_MULTIPLE].includes(props.fieldConfig.type) &&
+        !Array.isArray(props.fieldConfig.defaultValue)
+          ? [props.fieldConfig.defaultValue]
+          : props.fieldConfig.defaultValue || value.value || [];
+      emit('change', value.value);
+    }
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-form-create/components/basic/radio.vue b/frontend/packages/web/src/components/business/crm-form-create/components/basic/radio.vue
new file mode 100644
index 0000000..444ac9a
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-create/components/basic/radio.vue
@@ -0,0 +1,81 @@
+<template>
+  <n-form-item
+    :label="props.fieldConfig.name"
+    :path="props.path"
+    :rule="props.fieldConfig.rules"
+    :required="props.fieldConfig.rules.some((rule) => rule.key === 'required')"
+    :label-placement="props.isSubTableField || props.isSubTableRender ? 'top' : props.formConfig?.labelPos"
+    :show-label="!props.isSubTableRender"
+  >
+    <template #label>
+      <div v-if="props.fieldConfig.showLabel" class="flex h-[22px] items-center gap-[4px] whitespace-nowrap">
+        <div class="one-line-text">{{ props.fieldConfig.name }}</div>
+        <CrmIcon v-if="props.fieldConfig.resourceFieldId" type="iconicon_correlation" />
+      </div>
+      <div v-else class="h-[22px]"></div>
+    </template>
+    <div
+      v-if="props.fieldConfig.description"
+      class="crm-form-create-item-desc"
+      v-html="props.fieldConfig.description"
+    ></div>
+    <n-divider v-if="props.isSubTableField && !props.isSubTableRender" class="!my-0" />
+    <n-radio-group
+      v-model:value="value"
+      :disabled="props.fieldConfig.editable === false || !!props.fieldConfig.resourceFieldId"
+    >
+      <n-space :item-class="props.fieldConfig.direction === 'horizontal' ? '' : 'w-full'">
+        <n-radio v-for="item in props.fieldConfig.options" :key="item.value" :value="item.value">
+          {{ item.label }}
+        </n-radio>
+      </n-space>
+    </n-radio-group>
+  </n-form-item>
+</template>
+
+<script setup lang="ts">
+  import { NDivider, NFormItem, NRadio, NRadioGroup, NSpace } from 'naive-ui';
+
+  import type { FormConfig } from '@lib/shared/models/system/module';
+
+  import { FormCreateField } from '../../types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+    formConfig?: FormConfig;
+    path: string;
+    needInitDetail?: boolean; // 判断是否编辑情况
+    isSubTableField?: boolean; // 是否是子表字段
+    isSubTableRender?: boolean; // 是否是子表渲染
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: string | number): void;
+  }>();
+
+  const value = defineModel<string>('value', {
+    default: '',
+  });
+
+  watch(
+    () => props.fieldConfig.defaultValue,
+    (val) => {
+      if (!props.needInitDetail) {
+        value.value = val;
+        emit('change', value.value);
+      }
+    }
+  );
+
+  watch(value, (val) => {
+    emit('change', val);
+  });
+
+  onBeforeMount(() => {
+    if (!props.needInitDetail) {
+      value.value = props.fieldConfig.defaultValue || value.value;
+      emit('change', value.value);
+    }
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-form-create/components/basic/select.vue b/frontend/packages/web/src/components/business/crm-form-create/components/basic/select.vue
new file mode 100644
index 0000000..6e36aea
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-create/components/basic/select.vue
@@ -0,0 +1,105 @@
+<template>
+  <n-form-item
+    :label="props.fieldConfig.name"
+    :path="props.path"
+    :rule="props.fieldConfig.rules"
+    :required="props.fieldConfig.rules.some((rule) => rule.key === 'required')"
+    :label-placement="props.isSubTableField || props.isSubTableRender ? 'top' : props.formConfig?.labelPos"
+    :show-label="!props.isSubTableRender"
+  >
+    <template #label>
+      <div v-if="props.fieldConfig.showLabel" class="flex h-[22px] items-center gap-[4px] whitespace-nowrap">
+        <div class="one-line-text">{{ props.fieldConfig.name }}</div>
+        <CrmIcon v-if="props.fieldConfig.resourceFieldId" type="iconicon_correlation" />
+      </div>
+      <div v-else class="h-[22px]"></div>
+    </template>
+    <div
+      v-if="props.fieldConfig.description && !props.isSubTableRender"
+      class="crm-form-create-item-desc"
+      v-html="props.fieldConfig.description"
+    ></div>
+    <n-divider v-if="props.isSubTableField && !props.isSubTableRender" class="!my-0" />
+    <n-select
+      v-model:value="value"
+      :disabled="props.fieldConfig.editable === false || !!props.fieldConfig.resourceFieldId"
+      :options="options"
+      :multiple="props.fieldConfig.type === FieldTypeEnum.SELECT_MULTIPLE"
+      :placeholder="props.fieldConfig.placeholder"
+      :fallback-option="value !== null && value !== undefined && value !== '' ? fallbackOption : false"
+      max-tag-count="responsive"
+      clearable
+    />
+  </n-form-item>
+</template>
+
+<script setup lang="ts">
+  import { NDivider, NFormItem, NSelect } from 'naive-ui';
+
+  import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { FormConfig } from '@lib/shared/models/system/module';
+
+  import { FormCreateField } from '../../types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+    formConfig?: FormConfig;
+    path: string;
+    needInitDetail?: boolean; // 判断是否编辑情况
+    isSubTableField?: boolean; // 是否是子表字段
+    isSubTableRender?: boolean; // 是否是子表渲染
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: string | number | (string | number)[]): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const value = defineModel<string | number | (string | number)[]>('value', {
+    default: '',
+  });
+
+  const options = computed(() => {
+    if (props.fieldConfig.linkRange) {
+      return props.fieldConfig.options?.filter((option) => props.fieldConfig.linkRange?.includes(option.value)) || [];
+    }
+    return props.fieldConfig.options || [];
+  });
+
+  watch(
+    () => props.fieldConfig.defaultValue,
+    (val) => {
+      if (!props.needInitDetail) {
+        value.value = value.value || val || (props.fieldConfig.type === FieldTypeEnum.SELECT_MULTIPLE ? [] : '');
+        emit('change', value.value);
+      }
+    }
+  );
+
+  watch(
+    () => value.value,
+    (val) => {
+      emit('change', val);
+    }
+  );
+
+  function fallbackOption(val: string | number) {
+    return {
+      label: t('common.optionNotExist'),
+      value: val,
+    };
+  }
+
+  onBeforeMount(() => {
+    if (!props.needInitDetail) {
+      value.value =
+        value.value ||
+        props.fieldConfig.defaultValue ||
+        (props.fieldConfig.type === FieldTypeEnum.SELECT_MULTIPLE ? [] : '');
+      emit('change', value.value);
+    }
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-form-create/components/basic/singleText.vue b/frontend/packages/web/src/components/business/crm-form-create/components/basic/singleText.vue
new file mode 100644
index 0000000..fcf41d6
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-create/components/basic/singleText.vue
@@ -0,0 +1,170 @@
+<template>
+  <n-form-item
+    :label="props.fieldConfig.name"
+    :path="props.path"
+    :rule="props.fieldConfig.rules"
+    :required="props.fieldConfig.rules.some((rule) => rule.key === 'required')"
+    :label-placement="props.isSubTableField || props.isSubTableRender ? 'top' : props.formConfig?.labelPos"
+    :show-label="!props.isSubTableRender && !props.isDescriptionRender"
+  >
+    <template #label>
+      <div
+        v-if="props.fieldConfig.showLabel"
+        class="flex h-[22px] w-full items-center gap-[4px] overflow-hidden whitespace-nowrap"
+      >
+        <div class="one-line-text">{{ props.fieldConfig.name }}</div>
+        <CrmIcon v-if="props.fieldConfig.resourceFieldId" type="iconicon_correlation" />
+      </div>
+      <div v-else class="h-[22px]"></div>
+    </template>
+    <div
+      v-if="props.fieldConfig.description && !props.isSubTableRender"
+      class="crm-form-create-item-desc"
+      v-html="props.fieldConfig.description"
+    ></div>
+    <n-divider v-if="props.isSubTableField && !props.isSubTableRender" class="!my-0" />
+
+    <n-tooltip
+      trigger="hover"
+      placement="top"
+      :disabled="
+        props.fieldConfig.defaultValueType !== 'formula' ||
+        props.isSubTableRender ||
+        !!props.fieldConfig.resourceFieldId
+      "
+    >
+      <template #trigger>
+        <n-input
+          v-model:value="value"
+          :maxlength="255"
+          :placeholder="props.fieldConfig.placeholder"
+          :disabled="
+            props.fieldConfig.editable === false ||
+            !!props.fieldConfig.resourceFieldId ||
+            props.fieldConfig.defaultValueType === 'formula'
+          "
+          clearable
+          @update-value="($event) => emit('change', $event)"
+        />
+      </template>
+      {{ formulaTooltip }}
+    </n-tooltip>
+  </n-form-item>
+</template>
+
+<script setup lang="ts">
+  import { NDivider, NFormItem, NInput, NTooltip } from 'naive-ui';
+  import { debounce } from 'lodash-es';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { FormConfig } from '@lib/shared/models/system/module';
+
+  import { executeFormFormula } from '@/components/business/crm-formula/formula-runtime/formula-executor';
+  import { getFormulaDisplayInfo } from '@/components/business/crm-formula/formula-runtime/formula-executor/formula-display';
+
+  import { FormCreateField } from '../../types';
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+    formConfig?: FormConfig;
+    path: string;
+    needInitDetail?: boolean; // 判断是否编辑情况
+    isSubTableField?: boolean; // 是否是子表字段
+    isSubTableRender?: boolean; // 是否是子表渲染
+    isDescriptionRender?: boolean; // 是否是描述渲染
+    formDetail?: Record<string, any>;
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: string): void;
+  }>();
+
+  const value = defineModel<string>('value', {
+    default: '',
+  });
+
+  watch(
+    () => props.fieldConfig.defaultValue,
+    (val) => {
+      if (!props.needInitDetail) {
+        value.value = val !== undefined ? val : value.value;
+        emit('change', value.value);
+      }
+    }
+  );
+
+  const formulaFormContext = inject(
+    'formFieldsProvider',
+    ref({
+      fields: [],
+      formulaDataSource: {},
+      evaluationNow: null,
+    })
+  );
+
+  const fieldList = computed(() => formulaFormContext?.value.fields);
+  const formulaDataSource = computed(() => formulaFormContext?.value.formulaDataSource);
+  const evaluationNow = computed(() => formulaFormContext?.value.evaluationNow);
+
+  const updateValue = debounce(() => {
+    const { formula } = props.fieldConfig;
+
+    const result = executeFormFormula({
+      formula,
+      path: props.path,
+      formDetail: props.formDetail,
+      fields: fieldList.value ?? [],
+      formulaDataSource: formulaDataSource.value,
+      needInitDetail: props.needInitDetail,
+      evaluationNow: evaluationNow.value,
+      decimalPlaces: 2,
+      warn: (msg: string) => {
+        // eslint-disable-next-line no-console
+        console.warn(msg);
+      },
+    });
+
+    if (!result) {
+      return;
+    }
+
+    const next = result.normalizedResult;
+
+    if (Object.is(next, value.value)) return;
+    value.value = String(next);
+  }, 100);
+
+  const formulaDisplayInfo = computed(() =>
+    getFormulaDisplayInfo({
+      formula: props.fieldConfig.formula,
+      fields: fieldList.value ?? [],
+      invalidText: t('crmFormDesign.formulaFieldChanged'),
+      emptyText: t('crmFormDesign.formulaTooltip'),
+      isSubTableRender: props.isSubTableRender,
+    })
+  );
+
+  const formulaTooltip = computed(() => formulaDisplayInfo.value.tooltip);
+
+  watch(
+    () => props.formDetail,
+    () => {
+      updateValue.flush?.();
+      if (props.fieldConfig.defaultValueType === 'formula' && !props.fieldConfig.resourceFieldId) {
+        updateValue();
+      }
+    },
+    { deep: true }
+  );
+
+  onBeforeMount(() => {
+    if (!props.needInitDetail) {
+      value.value =
+        props.fieldConfig.defaultValue !== undefined && !value.value ? props.fieldConfig.defaultValue : value.value;
+      emit('change', value.value);
+    }
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-form-create/components/basic/tagInput.vue b/frontend/packages/web/src/components/business/crm-form-create/components/basic/tagInput.vue
new file mode 100644
index 0000000..759a9be
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-create/components/basic/tagInput.vue
@@ -0,0 +1,120 @@
+<template>
+  <n-form-item
+    :label="props.fieldConfig.name"
+    :path="props.path"
+    :rule="props.fieldConfig.rules"
+    :required="props.fieldConfig.rules.some((rule) => rule.key === 'required')"
+    :label-placement="props.isSubTableField || props.isSubTableRender ? 'top' : props.formConfig?.labelPos"
+    :show-label="!props.isSubTableRender"
+  >
+    <template #label>
+      <div v-if="props.fieldConfig.showLabel" class="flex h-[22px] items-center gap-[4px] whitespace-nowrap">
+        <div class="one-line-text">{{ props.fieldConfig.name }}</div>
+        <CrmIcon v-if="props.fieldConfig.resourceFieldId" type="iconicon_correlation" />
+      </div>
+      <div v-else class="h-[22px]"></div>
+    </template>
+    <div
+      v-if="props.fieldConfig.description"
+      class="crm-form-create-item-desc"
+      v-html="props.fieldConfig.description"
+    ></div>
+    <n-divider v-if="props.isSubTableField && !props.isSubTableRender" class="!my-0" />
+    <n-select
+      ref="selectRef"
+      v-model:value="value"
+      filterable
+      multiple
+      tag
+      :placeholder="props.fieldConfig.placeholder || t('common.tagsInputPlaceholder')"
+      :show-arrow="false"
+      :show="false"
+      :disabled="props.fieldConfig.editable === false || !!props.fieldConfig.resourceFieldId"
+      :input-props="{
+        maxlength: 64,
+      }"
+      :fallback-option="value?.length <= 10 ? fallbackOption : false"
+      :render-tag="renderTag"
+      clearable
+      @update-value="($event) => emit('change', $event)"
+      @keydown.enter="handleInputEnter"
+    />
+  </n-form-item>
+</template>
+
+<script setup lang="ts">
+  import { NDivider, NFormItem, NSelect, NTag, NTooltip, useMessage } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { FormConfig } from '@lib/shared/models/system/module';
+
+  import { FormCreateField } from '../../types';
+  import { SelectBaseOption } from 'naive-ui/es/select/src/interface';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+    formConfig?: FormConfig;
+    path: string;
+    needInitDetail?: boolean; // 判断是否编辑情况
+    isSubTableField?: boolean; // 是否是子表字段
+    isSubTableRender?: boolean; // 是否是子表渲染
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: (string | number)[]): void;
+  }>();
+
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  const value = defineModel<(string | number)[]>('value', {
+    default: [],
+  });
+
+  watch(
+    () => props.fieldConfig.defaultValue,
+    (val) => {
+      if (!props.needInitDetail) {
+        value.value = val || value.value;
+        emit('change', value.value);
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  function fallbackOption(val: string | number) {
+    return {
+      label: `${val}`,
+      value: val,
+    };
+  }
+
+  function renderTag({ option, handleClose }: { option: SelectBaseOption; handleClose: () => void }) {
+    return h(
+      NTooltip,
+      {},
+      {
+        default: () => {
+          return h('div', {}, { default: () => option.label });
+        },
+        trigger: () => {
+          return h(NTag, { closable: true, onClose: handleClose }, { default: () => option.label });
+        },
+      }
+    );
+  }
+
+  const selectRef = ref<InstanceType<typeof NSelect>>();
+
+  function handleInputEnter() {
+    if (value.value?.length > 10) {
+      value.value = value.value.slice(0, 10);
+      Message.warning(t('crmFormCreate.basic.tagInputLimitTip'));
+    } else if (value.value?.includes(selectRef.value?.$el.querySelector('.n-base-selection-input-tag__input').value)) {
+      Message.warning(t('crmFormCreate.basic.tagInputRepeatTip'));
+    }
+  }
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-form-create/components/basic/textarea.vue b/frontend/packages/web/src/components/business/crm-form-create/components/basic/textarea.vue
new file mode 100644
index 0000000..d82263a
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-create/components/basic/textarea.vue
@@ -0,0 +1,75 @@
+<template>
+  <n-form-item
+    :label="props.fieldConfig.name"
+    :path="props.path"
+    :rule="props.fieldConfig.rules"
+    :required="props.fieldConfig.rules.some((rule) => rule.key === 'required')"
+    :label-placement="props.isSubTableField || props.isSubTableRender ? 'top' : props.formConfig?.labelPos"
+    :show-label="!props.isSubTableRender && !props.isDefaultValueRender && !props.isDescriptionRender"
+  >
+    <template #label>
+      <div v-if="props.fieldConfig.showLabel" class="flex h-[22px] items-center gap-[4px] whitespace-nowrap">
+        <div class="one-line-text">{{ props.fieldConfig.name }}</div>
+        <CrmIcon v-if="props.fieldConfig.resourceFieldId" type="iconicon_correlation" />
+      </div>
+      <div v-else class="h-[22px]"></div>
+    </template>
+    <div
+      v-if="props.fieldConfig.description"
+      class="crm-form-create-item-desc"
+      v-html="props.fieldConfig.description"
+    ></div>
+    <n-divider v-if="props.isSubTableField && !props.isSubTableRender" class="!my-0" />
+    <n-input
+      v-model:value="value"
+      :maxlength="3000"
+      :placeholder="props.fieldConfig.placeholder"
+      :disabled="props.fieldConfig.editable === false || !!props.fieldConfig.resourceFieldId"
+      :rows="props.isSubTableField ? 1 : undefined"
+      type="textarea"
+      clearable
+      @update-value="($event) => emit('change', $event)"
+    />
+  </n-form-item>
+</template>
+
+<script setup lang="ts">
+  import { NDivider, NFormItem, NInput } from 'naive-ui';
+
+  import type { FormConfig } from '@lib/shared/models/system/module';
+
+  import { FormCreateField } from '../../types';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+    formConfig?: FormConfig;
+    path: string;
+    needInitDetail?: boolean; // 判断是否编辑情况
+    isSubTableField?: boolean; // 是否是子表字段
+    isSubTableRender?: boolean; // 是否是子表渲染
+    isDefaultValueRender?: boolean; // 是否是默认值渲染
+    isDescriptionRender?: boolean; // 是否是描述渲染
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: string): void;
+  }>();
+
+  const value = defineModel<string>('value', {
+    default: '',
+  });
+
+  watch(
+    () => props.fieldConfig.defaultValue,
+    (val) => {
+      if (!props.needInitDetail) {
+        value.value = val || value.value;
+        emit('change', value.value);
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-form-create/components/index.ts b/frontend/packages/web/src/components/business/crm-form-create/components/index.ts
new file mode 100644
index 0000000..3ee3221
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-create/components/index.ts
@@ -0,0 +1,7 @@
+import advancedComponents from './advanced';
+import basicComponents from './basic';
+
+export default {
+  basicComponents,
+  advancedComponents,
+};
diff --git a/frontend/packages/web/src/components/business/crm-form-create/config.ts b/frontend/packages/web/src/components/business/crm-form-create/config.ts
new file mode 100644
index 0000000..eb120a5
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-create/config.ts
@@ -0,0 +1,999 @@
+import {
+  FieldDataSourceTypeEnum,
+  FieldRuleEnum,
+  FieldTypeEnum,
+  FormDesignKeyEnum,
+} from '@lib/shared/enums/formDesignEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+import type { CommonList } from '@lib/shared/models/common';
+import type { CustomFormDetail } from '@lib/shared/models/customForm';
+import type { FormDesignConfigDetailParams } from '@lib/shared/models/system/module';
+
+import {
+  addClue,
+  addClueFollowPlan,
+  addClueFollowRecord,
+  addContract,
+  addCustomer,
+  addCustomerContact,
+  addCustomerFollowPlan,
+  addCustomerFollowRecord,
+  addCustomFormData,
+  addFollowPlan,
+  addFollowRecord,
+  addInvoiced,
+  addOpportunity,
+  addOptFollowPlan,
+  addOptFollowRecord,
+  addOrder,
+  addPaymentPlan,
+  addPaymentRecord,
+  addProduct,
+  addProductPrice,
+  addQuotation,
+  advancedSearchOptPage,
+  ClueTransitionCustomer,
+  geAdvancedCustomerList,
+  getAdvancedCluePoolList,
+  getAdvancedCustomerContactList,
+  getAdvancedOpenSeaCustomerList,
+  getAdvancedSearchClueList,
+  getBusinessTitleModuleForm,
+  getClue,
+  getClueFollowPlan,
+  getClueFollowRecord,
+  getClueFormConfig,
+  getClueList,
+  getCluePoolList,
+  getClueTransitionCustomerList,
+  getContactListUnderCustomer,
+  getContractDetail,
+  getContractDetailSnapshot,
+  getContractFormConfig,
+  getContractFormSnapshotConfig,
+  getContractList,
+  getContractPaymentPlanList,
+  getCustomer,
+  getCustomerContact,
+  getCustomerContactFormConfig,
+  getCustomerContactList,
+  getCustomerFollowPlan,
+  getCustomerFollowPlanFormConfig,
+  getCustomerFollowRecord,
+  getCustomerFollowRecordFormConfig,
+  getCustomerFormConfig,
+  getCustomerList,
+  getCustomerOpportunityPage,
+  getCustomerOrderList,
+  getCustomFormDataDetail,
+  getCustomFormDataPage,
+  getCustomFormDetail,
+  getFollowPlanDetail,
+  getFollowPLanPage,
+  getFollowRecordDetail,
+  getFollowRecordPage,
+  getInvoicedDetail,
+  getInvoicedDetailSnapshot,
+  getInvoicedFormConfig,
+  getInvoicedFormSnapshotConfig,
+  getInvoicedInContractList,
+  getInvoicedList,
+  getOpenSeaCustomer,
+  getOpenSeaCustomerList,
+  getOpportunityContactList,
+  getOpportunityDetail,
+  getOpportunityList,
+  getOptFollowPlan,
+  getOptFollowRecord,
+  getOptFormConfig,
+  getOrderDetail,
+  getOrderDetailSnapshot,
+  getOrderFormConfig,
+  getOrderFormSnapshotConfig,
+  getOrderInContractList,
+  getOrderList,
+  getPaymentPlanDetail,
+  getPaymentPlanFormConfig,
+  getPaymentPlanList,
+  getPaymentRecordDetail,
+  getPaymentRecordFormConfig,
+  getPaymentRecordList,
+  getPoolClue,
+  getProduct,
+  getProductFormConfig,
+  getProductList,
+  getProductPrice,
+  getProductPriceFormConfig,
+  getProductPriceList,
+  getQuotationDetail,
+  getQuotationFormConfig,
+  getQuotationList,
+  getQuotationSnapshotDetail,
+  getQuotationSnapshotFormConfig,
+  updateClue,
+  updateClueFollowPlan,
+  updateClueFollowRecord,
+  updateContract,
+  updateCustomer,
+  updateCustomerContact,
+  updateCustomerFollowPlan,
+  updateCustomerFollowRecord,
+  updateCustomFormData,
+  updateFollowPlan,
+  updateFollowRecord,
+  updateInvoiced,
+  updateOpportunity,
+  updateOptFollowPlan,
+  updateOptFollowRecord,
+  updateOrder,
+  updatePaymentPlan,
+  updatePaymentRecord,
+  updateProduct,
+  updateProductPrice,
+  updateQuotation,
+} from '@/api/modules';
+
+import type { FormCreateField, FormCreateFieldRule, FormDetail } from './types';
+
+const { t } = useI18n();
+
+export const multipleValueTypeList = [
+  FieldTypeEnum.MEMBER_MULTIPLE,
+  FieldTypeEnum.DEPARTMENT_MULTIPLE,
+  FieldTypeEnum.DATA_SOURCE_MULTIPLE,
+  FieldTypeEnum.CHECKBOX,
+  FieldTypeEnum.SELECT_MULTIPLE,
+  FieldTypeEnum.INPUT_MULTIPLE,
+  FieldTypeEnum.ATTACHMENT,
+  FieldTypeEnum.LINK,
+];
+
+// 所有数据源和表单
+export const fullFormSettingList = [
+  {
+    label: t('crmFormDesign.customer'),
+    dataSource: FieldDataSourceTypeEnum.CUSTOMER,
+    formKey: FormDesignKeyEnum.CUSTOMER,
+  },
+  {
+    label: t('crmFormDesign.contact'),
+    dataSource: FieldDataSourceTypeEnum.CONTACT,
+    formKey: FormDesignKeyEnum.CONTACT,
+  },
+  {
+    label: t('crmFormDesign.opportunity'),
+    dataSource: FieldDataSourceTypeEnum.BUSINESS,
+    formKey: FormDesignKeyEnum.BUSINESS,
+  },
+  {
+    label: t('crmFormDesign.product'),
+    dataSource: FieldDataSourceTypeEnum.PRODUCT,
+    formKey: FormDesignKeyEnum.PRODUCT,
+  },
+  {
+    label: t('crmFormDesign.clue'),
+    dataSource: FieldDataSourceTypeEnum.CLUE,
+    formKey: FormDesignKeyEnum.CLUE,
+  },
+  {
+    label: t('crmFormCreate.drawer.price'),
+    dataSource: FieldDataSourceTypeEnum.PRICE,
+    formKey: FormDesignKeyEnum.PRICE,
+  },
+  {
+    label: t('crmFormCreate.drawer.quotation'),
+    dataSource: FieldDataSourceTypeEnum.QUOTATION,
+    formKey: FormDesignKeyEnum.OPPORTUNITY_QUOTATION,
+  },
+  {
+    label: t('module.contract'),
+    dataSource: FieldDataSourceTypeEnum.CONTRACT,
+    formKey: FormDesignKeyEnum.CONTRACT,
+  },
+  {
+    label: t('module.paymentPlan'),
+    dataSource: FieldDataSourceTypeEnum.CONTRACT_PAYMENT,
+    formKey: FormDesignKeyEnum.CONTRACT_PAYMENT,
+  },
+  {
+    label: t('module.paymentRecord'),
+    dataSource: FieldDataSourceTypeEnum.CONTRACT_PAYMENT_RECORD,
+    formKey: FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD,
+  },
+  {
+    label: t('module.order'),
+    dataSource: FieldDataSourceTypeEnum.ORDER,
+    formKey: FormDesignKeyEnum.ORDER,
+  },
+  {
+    label: t('module.invoiceApproval'),
+    dataSource: FieldDataSourceTypeEnum.INVOICE,
+    formKey: FormDesignKeyEnum.INVOICE,
+  },
+  {
+    label: t('module.businessTitle'),
+    dataSource: FieldDataSourceTypeEnum.BUSINESS_TITLE,
+  },
+];
+
+export const inputDefaultFieldConfig: FormCreateField = {
+  id: '',
+  type: FieldTypeEnum.INPUT,
+  name: 'crmFormDesign.input',
+  icon: 'iconicon_single_line_text',
+  fieldWidth: 1,
+  showLabel: true,
+  defaultValue: '',
+  defaultValueType: 'custom',
+  description: '',
+  readable: true,
+  editable: true,
+  mobile: true,
+  rules: [],
+  formula: '',
+};
+
+export const textareaDefaultFieldConfig: FormCreateField = {
+  id: '',
+  type: FieldTypeEnum.TEXTAREA,
+  icon: 'iconicon_multiline',
+  name: 'crmFormDesign.textarea',
+  fieldWidth: 1,
+  showLabel: true,
+  defaultValue: '',
+  description: '',
+  readable: true,
+  editable: true,
+  mobile: true,
+  rules: [],
+};
+
+export const inputNumberDefaultFieldConfig: FormCreateField = {
+  id: '',
+  type: FieldTypeEnum.INPUT_NUMBER,
+  icon: 'iconicon_hashtag_key',
+  name: 'crmFormDesign.inputNumber',
+  fieldWidth: 1,
+  showLabel: true,
+  defaultValue: null,
+  description: '',
+  readable: true,
+  editable: true,
+  mobile: true,
+  rules: [],
+  numberFormat: 'number',
+  decimalPlaces: false,
+  precision: 0,
+  showThousandsSeparator: false,
+  min: -999999999,
+};
+
+export const dateTimeDefaultFieldConfig: FormCreateField = {
+  id: '',
+  type: FieldTypeEnum.DATE_TIME,
+  icon: 'iconicon_calendar1',
+  name: 'crmFormDesign.dateTime',
+  fieldWidth: 1,
+  showLabel: true,
+  defaultValue: null,
+  description: '',
+  readable: true,
+  editable: true,
+  mobile: true,
+  rules: [],
+  dateType: 'datetime',
+  dateDefaultType: 'custom', // 自定义日期类型
+};
+
+export const radioDefaultFieldConfig: FormCreateField = {
+  id: '',
+  type: FieldTypeEnum.RADIO,
+  icon: 'iconicon_radio',
+  name: 'crmFormDesign.radio',
+  fieldWidth: 1,
+  showLabel: true,
+  defaultValue: '',
+  description: '',
+  optionSource: 'custom',
+  refId: null,
+  options: [],
+  readable: true,
+  editable: true,
+  mobile: true,
+  rules: [],
+  direction: 'vertical',
+};
+
+export const checkboxDefaultFieldConfig: FormCreateField = {
+  id: '',
+  type: FieldTypeEnum.CHECKBOX,
+  icon: 'icona-icon_collectbeifen12',
+  name: 'crmFormDesign.checkbox',
+  fieldWidth: 1,
+  showLabel: true,
+  defaultValue: [],
+  description: '',
+  optionSource: 'custom',
+  refId: null,
+  options: [],
+  readable: true,
+  editable: true,
+  mobile: true,
+  rules: [],
+  direction: 'vertical',
+};
+
+export const selectDefaultFieldConfig: FormCreateField = {
+  id: '',
+  type: FieldTypeEnum.SELECT,
+  icon: 'iconicon_pull_down_single_choice',
+  name: 'crmFormDesign.select',
+  fieldWidth: 1,
+  showLabel: true,
+  optionSource: 'custom',
+  refId: null,
+  options: [],
+  defaultValue: '',
+  description: '',
+  readable: true,
+  editable: true,
+  mobile: true,
+  rules: [],
+  multiple: false,
+};
+
+export const selectMultipleDefaultFieldConfig: FormCreateField = {
+  id: '',
+  type: FieldTypeEnum.SELECT_MULTIPLE,
+  icon: 'iconicon_pull_down_single_choice',
+  name: 'crmFormDesign.selectMultiple',
+  fieldWidth: 1,
+  showLabel: true,
+  optionSource: 'custom',
+  refId: null,
+  options: [],
+  defaultValue: [],
+  description: '',
+  readable: true,
+  editable: true,
+  mobile: true,
+  rules: [],
+  multiple: false,
+};
+
+export const memberDefaultFieldConfig: FormCreateField = {
+  id: '',
+  type: FieldTypeEnum.MEMBER,
+  icon: 'iconicon_member_single_choice',
+  name: 'crmFormDesign.memberSelect',
+  fieldWidth: 1,
+  showLabel: true,
+  description: '',
+  readable: true,
+  editable: true,
+  mobile: true,
+  rules: [],
+  defaultValue: [],
+  initialOptions: [],
+  hasCurrentUser: false,
+  multiple: false,
+};
+
+export const memberMultipleDefaultFieldConfig: FormCreateField = {
+  id: '',
+  type: FieldTypeEnum.MEMBER_MULTIPLE,
+  icon: 'iconicon_member_single_choice',
+  name: 'crmFormDesign.memberSelectMultiple',
+  fieldWidth: 1,
+  showLabel: true,
+  description: '',
+  readable: true,
+  editable: true,
+  mobile: true,
+  rules: [],
+  defaultValue: [],
+  initialOptions: [],
+  hasCurrentUser: false,
+  multiple: false,
+};
+
+export const departmentDefaultFieldConfig: FormCreateField = {
+  id: '',
+  type: FieldTypeEnum.DEPARTMENT,
+  icon: 'iconicon_department_single_choice',
+  name: 'crmFormDesign.departmentSelect',
+  fieldWidth: 1,
+  showLabel: true,
+  description: '',
+  readable: true,
+  editable: true,
+  mobile: true,
+  rules: [],
+  defaultValue: [],
+  initialOptions: [],
+  multiple: false,
+};
+
+export const departmentMultipleDefaultFieldConfig: FormCreateField = {
+  id: '',
+  type: FieldTypeEnum.DEPARTMENT_MULTIPLE,
+  icon: 'iconicon_department_single_choice',
+  name: 'crmFormDesign.departmentSelectMultiple',
+  fieldWidth: 1,
+  showLabel: true,
+  description: '',
+  readable: true,
+  editable: true,
+  mobile: true,
+  rules: [],
+  defaultValue: [],
+  initialOptions: [],
+  multiple: false,
+};
+
+export const dividerDefaultFieldConfig: FormCreateField = {
+  id: '',
+  type: FieldTypeEnum.DIVIDER,
+  icon: 'iconicon_dividing_line',
+  name: 'crmFormDesign.divider',
+  fieldWidth: 1,
+  showLabel: true,
+  description: '',
+  readable: true,
+  editable: true,
+  mobile: true,
+  rules: [],
+  dividerClass: 'divider--normal',
+  dividerColor: '#edf0f1',
+  titleColor: '#323535',
+};
+
+export const tagInputDefaultFieldConfig: FormCreateField = {
+  id: '',
+  type: FieldTypeEnum.INPUT_MULTIPLE,
+  icon: 'iconicon_books',
+  name: 'common.tag',
+  fieldWidth: 1,
+  showLabel: true,
+  description: '',
+  readable: true,
+  editable: true,
+  mobile: true,
+  rules: [],
+  defaultValue: [],
+};
+
+export const basicFields: FormCreateField[] = [
+  inputDefaultFieldConfig,
+  textareaDefaultFieldConfig,
+  inputNumberDefaultFieldConfig,
+  dateTimeDefaultFieldConfig,
+  radioDefaultFieldConfig,
+  checkboxDefaultFieldConfig,
+  selectDefaultFieldConfig,
+  selectMultipleDefaultFieldConfig,
+  memberDefaultFieldConfig,
+  memberMultipleDefaultFieldConfig,
+  departmentDefaultFieldConfig,
+  departmentMultipleDefaultFieldConfig,
+  dividerDefaultFieldConfig,
+  tagInputDefaultFieldConfig,
+];
+
+export const pictureDefaultFieldConfig: FormCreateField = {
+  id: '',
+  type: FieldTypeEnum.PICTURE,
+  icon: 'iconicon_picture',
+  name: 'crmFormDesign.picture',
+  fieldWidth: 1,
+  showLabel: true,
+  description: '',
+  defaultValue: [],
+  readable: true,
+  editable: true,
+  mobile: true,
+  rules: [],
+  uploadLimit: 10,
+  uploadSizeLimit: 20,
+  pictureShowType: 'card',
+  uploadLimitEnable: false,
+  uploadSizeLimitEnable: false,
+};
+
+export const fileDefaultFieldConfig: FormCreateField = {
+  id: '',
+  type: FieldTypeEnum.ATTACHMENT,
+  icon: 'iconicon_attach',
+  name: 'crmFormDesign.file',
+  fieldWidth: 1,
+  showLabel: true,
+  description: '',
+  defaultValue: [],
+  readable: true,
+  editable: true,
+  mobile: true,
+  rules: [],
+  onlyOne: false,
+  accept: '',
+  limitSize: '',
+};
+
+export const industryDefaultFieldConfig: FormCreateField = {
+  id: '',
+  type: FieldTypeEnum.INDUSTRY,
+  icon: 'iconicon_industry',
+  name: 'crmFormDesign.industry',
+  fieldWidth: 1,
+  showLabel: true,
+  description: '',
+  defaultValue: [],
+  readable: true,
+  editable: true,
+  mobile: true,
+  rules: [],
+};
+
+export const locationDefaultFieldConfig: FormCreateField = {
+  id: '',
+  type: FieldTypeEnum.LOCATION,
+  icon: 'iconicon_map',
+  name: 'crmFormDesign.location',
+  fieldWidth: 1,
+  showLabel: true,
+  defaultValue: '',
+  description: '',
+  readable: true,
+  editable: true,
+  mobile: true,
+  rules: [],
+  scope: 'ALL',
+  locationType: 'PCD',
+};
+
+export const phoneDefaultFieldConfig: FormCreateField = {
+  id: '',
+  type: FieldTypeEnum.PHONE,
+  icon: 'iconicon_phone',
+  name: 'crmFormDesign.phone',
+  fieldWidth: 1,
+  format: '255',
+  showLabel: true,
+  description: '',
+  defaultValue: null,
+  readable: true,
+  editable: true,
+  mobile: true,
+  rules: [],
+};
+
+export const dataSourceDefaultFieldConfig: FormCreateField = {
+  id: '',
+  type: FieldTypeEnum.DATA_SOURCE,
+  icon: 'iconicon_select_data',
+  name: 'crmFormDesign.dataSourceSingle',
+  fieldWidth: 1,
+  showLabel: true,
+  description: '',
+  readable: true,
+  editable: true,
+  mobile: true,
+  rules: [],
+  multiple: false,
+  defaultValue: [],
+  initialOptions: [],
+  dataSourceType: FieldDataSourceTypeEnum.CUSTOMER,
+  combineSearch: {
+    searchMode: 'OR', // 默认搜索模式
+    conditions: [],
+  },
+};
+
+export const dataSourceMultipleDefaultFieldConfig: FormCreateField = {
+  id: '',
+  type: FieldTypeEnum.DATA_SOURCE_MULTIPLE,
+  icon: 'iconicon_select_data',
+  name: 'crmFormDesign.dataSourceMultiple',
+  fieldWidth: 1,
+  showLabel: true,
+  description: '',
+  readable: true,
+  editable: true,
+  mobile: true,
+  rules: [],
+  multiple: false,
+  defaultValue: [],
+  initialOptions: [],
+  dataSourceType: FieldDataSourceTypeEnum.CUSTOMER,
+  combineSearch: {
+    searchMode: 'OR', // 默认搜索模式
+    conditions: [],
+  },
+};
+
+export const serialNumberDefaultFieldConfig: FormCreateField = {
+  id: '',
+  defaultValue: '',
+  type: FieldTypeEnum.SERIAL_NUMBER,
+  icon: 'iconicon_serial_number',
+  name: 'crmFormDesign.serialNumber',
+  fieldWidth: 1,
+  showLabel: true,
+  description: '',
+  readable: true,
+  editable: false,
+  mobile: true,
+  rules: [],
+  serialNumberRules: ['Opp', '-', 'yyyyMM', '-', 6],
+  prefixType: 'custom',
+  formula: '',
+};
+
+export const linkDefaultFieldConfig: FormCreateField = {
+  id: '',
+  type: FieldTypeEnum.LINK,
+  icon: 'iconicon_link2',
+  name: 'system.message.href',
+  fieldWidth: 1,
+  showLabel: true,
+  description: '',
+  readable: true,
+  editable: true,
+  mobile: true,
+  openMode: 'openInNew',
+  linkSource: 'userInput',
+  rules: [],
+};
+export const formulaDefaultFieldConfig: FormCreateField = {
+  id: '',
+  type: FieldTypeEnum.FORMULA,
+  icon: 'iconicon_arithmetic',
+  name: 'crmFormDesign.calculation',
+  fieldWidth: 1,
+  showLabel: true,
+  description: '',
+  readable: true,
+  editable: false,
+  mobile: true,
+  rules: [],
+  formula: '',
+  showThousandsSeparator: true,
+};
+
+export const productTableDefaultFieldConfig: FormCreateField = {
+  id: '',
+  type: FieldTypeEnum.SUB_PRODUCT,
+  icon: 'iconicon_table',
+  name: 'crmFormDesign.productTable',
+  fieldWidth: 1,
+  showLabel: true,
+  description: '',
+  readable: true,
+  editable: true,
+  mobile: true,
+  rules: [],
+  subFields: [],
+  fixedColumn: 1,
+};
+
+export const priceTableDefaultFieldConfig: FormCreateField = {
+  id: '',
+  type: FieldTypeEnum.SUB_PRICE,
+  icon: 'iconicon_table',
+  name: 'crmFormDesign.quotationTable',
+  fieldWidth: 1,
+  showLabel: true,
+  description: '',
+  readable: true,
+  editable: true,
+  mobile: true,
+  rules: [],
+  subFields: [],
+  fixedColumn: 1,
+};
+
+export const advancedFields: FormCreateField[] = [
+  pictureDefaultFieldConfig,
+  locationDefaultFieldConfig,
+  phoneDefaultFieldConfig,
+  dataSourceDefaultFieldConfig,
+  dataSourceMultipleDefaultFieldConfig,
+  serialNumberDefaultFieldConfig,
+  linkDefaultFieldConfig,
+  fileDefaultFieldConfig,
+  industryDefaultFieldConfig,
+  formulaDefaultFieldConfig,
+  productTableDefaultFieldConfig,
+  priceTableDefaultFieldConfig,
+];
+
+export function getFieldIcon(type: FieldTypeEnum) {
+  const allFields = [...basicFields, ...advancedFields];
+  const field = allFields.find((f) => f.type === type);
+  return field?.icon;
+}
+
+export function getFieldTypeName(type: FieldTypeEnum) {
+  const allFields = [...basicFields, ...advancedFields];
+  const field = allFields.find((f) => f.type === type);
+  return field?.name;
+}
+
+export const rules: FormCreateFieldRule[] = [
+  {
+    key: FieldRuleEnum.REQUIRED,
+    required: true,
+    message: 'common.notNull',
+    label: 'common.required',
+    trigger: ['change', 'blur'],
+  },
+  {
+    key: FieldRuleEnum.UNIQUE,
+    trigger: 'blur',
+    label: 'common.onlyOne',
+    validator: () => true, // 由后台验证
+  },
+];
+
+export const showRulesMap: Partial<Record<FieldTypeEnum, FieldRuleEnum[]>> = {
+  [FieldTypeEnum.INPUT]: [FieldRuleEnum.REQUIRED, FieldRuleEnum.UNIQUE],
+  [FieldTypeEnum.TEXTAREA]: [FieldRuleEnum.REQUIRED],
+  [FieldTypeEnum.INPUT_NUMBER]: [FieldRuleEnum.REQUIRED],
+  [FieldTypeEnum.DATE_TIME]: [FieldRuleEnum.REQUIRED],
+  [FieldTypeEnum.RADIO]: [FieldRuleEnum.REQUIRED],
+  [FieldTypeEnum.CHECKBOX]: [FieldRuleEnum.REQUIRED],
+  [FieldTypeEnum.SELECT]: [FieldRuleEnum.REQUIRED],
+  [FieldTypeEnum.SELECT_MULTIPLE]: [FieldRuleEnum.REQUIRED],
+  [FieldTypeEnum.MEMBER]: [FieldRuleEnum.REQUIRED],
+  [FieldTypeEnum.MEMBER_MULTIPLE]: [FieldRuleEnum.REQUIRED],
+  [FieldTypeEnum.DEPARTMENT]: [FieldRuleEnum.REQUIRED],
+  [FieldTypeEnum.DEPARTMENT_MULTIPLE]: [FieldRuleEnum.REQUIRED],
+  [FieldTypeEnum.DIVIDER]: [],
+  [FieldTypeEnum.USER_TAG_SELECTOR]: [],
+  [FieldTypeEnum.USER_SELECT]: [],
+  [FieldTypeEnum.TIME_RANGE_PICKER]: [],
+  [FieldTypeEnum.TREE_SELECT]: [],
+  [FieldTypeEnum.INPUT_MULTIPLE]: [FieldRuleEnum.REQUIRED],
+  [FieldTypeEnum.PICTURE]: [FieldRuleEnum.REQUIRED],
+  [FieldTypeEnum.LOCATION]: [FieldRuleEnum.REQUIRED],
+  [FieldTypeEnum.PHONE]: [FieldRuleEnum.REQUIRED, FieldRuleEnum.UNIQUE],
+  [FieldTypeEnum.DATA_SOURCE]: [FieldRuleEnum.REQUIRED],
+  [FieldTypeEnum.DATA_SOURCE_MULTIPLE]: [FieldRuleEnum.REQUIRED],
+  [FieldTypeEnum.SERIAL_NUMBER]: [],
+  [FieldTypeEnum.LINK]: [FieldRuleEnum.REQUIRED],
+  [FieldTypeEnum.ATTACHMENT]: [FieldRuleEnum.REQUIRED],
+  [FieldTypeEnum.INDUSTRY]: [FieldRuleEnum.REQUIRED],
+  [FieldTypeEnum.FORMULA]: [],
+  [FieldTypeEnum.SUB_PRODUCT]: [],
+  [FieldTypeEnum.SUB_PRICE]: [],
+  [FieldTypeEnum.INPUT_NUMBER_WITH_UNIT]: [],
+};
+
+export const getFormConfigApiMap: Record<
+  FormDesignKeyEnum,
+  (id?: string, approvalTaskId?: string) => Promise<FormDesignConfigDetailParams | CustomFormDetail>
+> = {
+  [FormDesignKeyEnum.CUSTOMER]: getCustomerFormConfig,
+  [FormDesignKeyEnum.BUSINESS]: getOptFormConfig,
+  [FormDesignKeyEnum.CONTACT]: getCustomerContactFormConfig,
+  [FormDesignKeyEnum.CUSTOMER_CONTACT]: getCustomerContactFormConfig,
+  [FormDesignKeyEnum.FOLLOW_PLAN_CUSTOMER]: getCustomerFollowPlanFormConfig,
+  [FormDesignKeyEnum.FOLLOW_RECORD_CUSTOMER]: getCustomerFollowRecordFormConfig,
+  [FormDesignKeyEnum.FOLLOW_PLAN_CLUE]: getCustomerFollowPlanFormConfig,
+  [FormDesignKeyEnum.FOLLOW_RECORD_CLUE]: getCustomerFollowRecordFormConfig,
+  [FormDesignKeyEnum.FOLLOW_PLAN_BUSINESS]: getCustomerFollowPlanFormConfig,
+  [FormDesignKeyEnum.FOLLOW_RECORD_BUSINESS]: getCustomerFollowRecordFormConfig,
+  [FormDesignKeyEnum.CLUE]: getClueFormConfig,
+  [FormDesignKeyEnum.CLUE_TRANSITION_CUSTOMER]: getCustomerFormConfig,
+  [FormDesignKeyEnum.CLUE_POOL]: getClueFormConfig,
+  [FormDesignKeyEnum.PRODUCT]: getProductFormConfig,
+  [FormDesignKeyEnum.CUSTOMER_OPEN_SEA]: getCustomerFormConfig,
+  [FormDesignKeyEnum.BUSINESS_CONTACT]: getCustomerContactFormConfig,
+  [FormDesignKeyEnum.CUSTOMER_OPPORTUNITY]: getOptFormConfig,
+  [FormDesignKeyEnum.FOLLOW_RECORD]: getCustomerFollowRecordFormConfig,
+  [FormDesignKeyEnum.FOLLOW_PLAN]: getCustomerFollowPlanFormConfig,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CLUE]: getClueFormConfig,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CUSTOMER]: getCustomerFormConfig,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT]: getCustomerContactFormConfig,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_PUBLIC]: getCustomerFormConfig,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CLUE_POOL]: getClueFormConfig,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY]: getOptFormConfig,
+  [FormDesignKeyEnum.OPPORTUNITY_QUOTATION]: getQuotationFormConfig,
+  [FormDesignKeyEnum.OPPORTUNITY_QUOTATION_SNAPSHOT]: getQuotationSnapshotFormConfig,
+  [FormDesignKeyEnum.CONTRACT_SNAPSHOT]: getContractFormSnapshotConfig,
+  [FormDesignKeyEnum.CONTRACT]: getContractFormConfig,
+  [FormDesignKeyEnum.CONTRACT_PAYMENT]: getPaymentPlanFormConfig,
+  [FormDesignKeyEnum.CONTRACT_CONTRACT_PAYMENT]: getPaymentPlanFormConfig,
+  [FormDesignKeyEnum.PRICE]: getProductPriceFormConfig,
+  [FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD]: getPaymentRecordFormConfig,
+  [FormDesignKeyEnum.INVOICE]: getInvoicedFormConfig,
+  [FormDesignKeyEnum.INVOICE_SNAPSHOT]: getInvoicedFormSnapshotConfig,
+  [FormDesignKeyEnum.CONTRACT_INVOICE]: getInvoicedFormConfig,
+  [FormDesignKeyEnum.BUSINESS_TITLE]: getBusinessTitleModuleForm,
+  [FormDesignKeyEnum.ORDER]: getOrderFormConfig,
+  [FormDesignKeyEnum.CONTRACT_ORDER]: getOrderFormConfig,
+  [FormDesignKeyEnum.CUSTOMER_ORDER]: getOrderFormConfig,
+  [FormDesignKeyEnum.ORDER_SNAPSHOT]: getOrderFormSnapshotConfig,
+  [FormDesignKeyEnum.CUSTOM_FORM]: getCustomFormDetail,
+};
+
+export const createFormApi: Record<FormDesignKeyEnum, (data: any) => Promise<any>> = {
+  [FormDesignKeyEnum.CUSTOMER]: addCustomer,
+  [FormDesignKeyEnum.BUSINESS]: addOpportunity,
+  [FormDesignKeyEnum.CONTACT]: addCustomerContact,
+  [FormDesignKeyEnum.CUSTOMER_CONTACT]: addCustomerContact,
+  [FormDesignKeyEnum.BUSINESS_CONTACT]: addCustomerContact,
+  [FormDesignKeyEnum.FOLLOW_PLAN_CUSTOMER]: addCustomerFollowPlan,
+  [FormDesignKeyEnum.FOLLOW_RECORD_CUSTOMER]: addCustomerFollowRecord,
+  [FormDesignKeyEnum.FOLLOW_PLAN_CLUE]: addClueFollowPlan,
+  [FormDesignKeyEnum.FOLLOW_RECORD_CLUE]: addClueFollowRecord,
+  [FormDesignKeyEnum.FOLLOW_PLAN_BUSINESS]: addOptFollowPlan,
+  [FormDesignKeyEnum.FOLLOW_RECORD_BUSINESS]: addOptFollowRecord,
+  [FormDesignKeyEnum.FOLLOW_RECORD]: addFollowRecord,
+  [FormDesignKeyEnum.FOLLOW_PLAN]: addFollowPlan,
+  [FormDesignKeyEnum.CLUE]: addClue,
+  [FormDesignKeyEnum.CLUE_TRANSITION_CUSTOMER]: ClueTransitionCustomer,
+  [FormDesignKeyEnum.CLUE_POOL]: async () => ({}),
+  [FormDesignKeyEnum.PRODUCT]: addProduct,
+  [FormDesignKeyEnum.CUSTOMER_OPEN_SEA]: async () => ({}), // 公海无添加
+  [FormDesignKeyEnum.CUSTOMER_OPPORTUNITY]: addOpportunity,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CLUE]: addClue,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CUSTOMER]: addCustomer,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT]: addCustomerContact,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_PUBLIC]: async () => ({}),
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CLUE_POOL]: async () => ({}),
+  [FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY]: addOpportunity,
+  [FormDesignKeyEnum.OPPORTUNITY_QUOTATION]: addQuotation,
+  [FormDesignKeyEnum.OPPORTUNITY_QUOTATION_SNAPSHOT]: addQuotation,
+  [FormDesignKeyEnum.CONTRACT]: addContract,
+  [FormDesignKeyEnum.CONTRACT_SNAPSHOT]: addContract,
+  [FormDesignKeyEnum.CONTRACT_PAYMENT]: addPaymentPlan,
+  [FormDesignKeyEnum.CONTRACT_CONTRACT_PAYMENT]: addPaymentPlan,
+  [FormDesignKeyEnum.PRICE]: addProductPrice,
+  [FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD]: addPaymentRecord,
+  [FormDesignKeyEnum.INVOICE]: addInvoiced,
+  [FormDesignKeyEnum.INVOICE_SNAPSHOT]: addInvoiced,
+  [FormDesignKeyEnum.CONTRACT_INVOICE]: async () => ({}),
+  [FormDesignKeyEnum.BUSINESS_TITLE]: async () => ({}),
+  [FormDesignKeyEnum.ORDER]: addOrder,
+  [FormDesignKeyEnum.ORDER_SNAPSHOT]: addOrder,
+  [FormDesignKeyEnum.CONTRACT_ORDER]: async () => ({}),
+  [FormDesignKeyEnum.CUSTOMER_ORDER]: async () => ({}),
+  [FormDesignKeyEnum.CUSTOM_FORM]: addCustomFormData,
+};
+
+export const updateFormApi: Record<FormDesignKeyEnum, (data: any) => Promise<any>> = {
+  [FormDesignKeyEnum.CUSTOMER]: updateCustomer,
+  [FormDesignKeyEnum.BUSINESS]: updateOpportunity,
+  [FormDesignKeyEnum.CONTACT]: updateCustomerContact,
+  [FormDesignKeyEnum.CUSTOMER_CONTACT]: updateCustomerContact,
+  [FormDesignKeyEnum.BUSINESS_CONTACT]: updateCustomerContact,
+  [FormDesignKeyEnum.FOLLOW_PLAN_CUSTOMER]: updateCustomerFollowPlan,
+  [FormDesignKeyEnum.FOLLOW_RECORD_CUSTOMER]: updateCustomerFollowRecord,
+  [FormDesignKeyEnum.FOLLOW_PLAN_CLUE]: updateClueFollowPlan,
+  [FormDesignKeyEnum.FOLLOW_RECORD_CLUE]: updateClueFollowRecord,
+  [FormDesignKeyEnum.FOLLOW_PLAN_BUSINESS]: updateOptFollowPlan,
+  [FormDesignKeyEnum.FOLLOW_RECORD_BUSINESS]: updateOptFollowRecord,
+  [FormDesignKeyEnum.CLUE]: updateClue,
+  [FormDesignKeyEnum.CLUE_TRANSITION_CUSTOMER]: async () => ({}),
+  [FormDesignKeyEnum.CLUE_POOL]: async () => ({}),
+  [FormDesignKeyEnum.PRODUCT]: updateProduct,
+  [FormDesignKeyEnum.CUSTOMER_OPEN_SEA]: async () => ({}), // 公海无更新
+  [FormDesignKeyEnum.CUSTOMER_OPPORTUNITY]: updateOpportunity,
+  [FormDesignKeyEnum.FOLLOW_RECORD]: updateFollowRecord,
+  [FormDesignKeyEnum.FOLLOW_PLAN]: updateFollowPlan,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CLUE]: updateClue,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CUSTOMER]: updateCustomer,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT]: updateCustomerContact,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_PUBLIC]: async () => ({}),
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CLUE_POOL]: async () => ({}),
+  [FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY]: updateOpportunity,
+  [FormDesignKeyEnum.OPPORTUNITY_QUOTATION]: updateQuotation,
+  [FormDesignKeyEnum.OPPORTUNITY_QUOTATION_SNAPSHOT]: (data) => updateQuotation(data, data.approvalTaskId),
+  [FormDesignKeyEnum.CONTRACT]: updateContract,
+  [FormDesignKeyEnum.CONTRACT_SNAPSHOT]: (data) => updateContract(data, data.approvalTaskId),
+  [FormDesignKeyEnum.CONTRACT_PAYMENT]: updatePaymentPlan,
+  [FormDesignKeyEnum.CONTRACT_CONTRACT_PAYMENT]: updatePaymentPlan,
+  [FormDesignKeyEnum.PRICE]: updateProductPrice,
+  [FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD]: updatePaymentRecord,
+  [FormDesignKeyEnum.INVOICE]: updateInvoiced,
+  [FormDesignKeyEnum.INVOICE_SNAPSHOT]: (data) => updateInvoiced(data, data.approvalTaskId),
+  [FormDesignKeyEnum.CONTRACT_INVOICE]: async () => ({}),
+  [FormDesignKeyEnum.BUSINESS_TITLE]: async () => ({}),
+  [FormDesignKeyEnum.ORDER]: updateOrder,
+  [FormDesignKeyEnum.ORDER_SNAPSHOT]: (data) => updateOrder(data, data.approvalTaskId),
+  [FormDesignKeyEnum.CONTRACT_ORDER]: async () => ({}),
+  [FormDesignKeyEnum.CUSTOMER_ORDER]: async () => ({}),
+  [FormDesignKeyEnum.CUSTOM_FORM]: updateCustomFormData,
+};
+
+export const getFormDetailApiMap: Partial<
+  Record<FormDesignKeyEnum, (id: string, approvalTaskId?: string) => Promise<FormDetail>>
+> = {
+  [FormDesignKeyEnum.CUSTOMER]: getCustomer,
+  [FormDesignKeyEnum.BUSINESS]: getOpportunityDetail,
+  [FormDesignKeyEnum.CONTACT]: getCustomerContact,
+  [FormDesignKeyEnum.CUSTOMER_CONTACT]: getCustomerContact,
+  [FormDesignKeyEnum.FOLLOW_PLAN_CUSTOMER]: getCustomerFollowPlan,
+  [FormDesignKeyEnum.FOLLOW_RECORD_CUSTOMER]: getCustomerFollowRecord,
+  [FormDesignKeyEnum.FOLLOW_PLAN_CLUE]: getClueFollowPlan,
+  [FormDesignKeyEnum.FOLLOW_RECORD_CLUE]: getClueFollowRecord,
+  [FormDesignKeyEnum.FOLLOW_PLAN_BUSINESS]: getOptFollowPlan,
+  [FormDesignKeyEnum.FOLLOW_RECORD_BUSINESS]: getOptFollowRecord,
+  [FormDesignKeyEnum.CLUE]: getClue,
+  [FormDesignKeyEnum.CLUE_POOL]: getPoolClue,
+  [FormDesignKeyEnum.PRODUCT]: getProduct,
+  [FormDesignKeyEnum.CUSTOMER_OPEN_SEA]: getOpenSeaCustomer,
+  [FormDesignKeyEnum.CUSTOMER_OPPORTUNITY]: getOpportunityDetail,
+  [FormDesignKeyEnum.FOLLOW_RECORD]: getFollowRecordDetail,
+  [FormDesignKeyEnum.FOLLOW_PLAN]: getFollowPlanDetail,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CLUE]: getClue,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CUSTOMER]: getCustomer,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT]: getCustomerContact,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_PUBLIC]: getOpenSeaCustomer,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CLUE_POOL]: getPoolClue,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY]: getOpportunityDetail,
+  [FormDesignKeyEnum.CONTRACT]: getContractDetail,
+  [FormDesignKeyEnum.CONTRACT_SNAPSHOT]: getContractDetailSnapshot,
+  [FormDesignKeyEnum.CONTRACT_PAYMENT]: getPaymentPlanDetail,
+  [FormDesignKeyEnum.CONTRACT_CONTRACT_PAYMENT]: getPaymentPlanDetail,
+  [FormDesignKeyEnum.OPPORTUNITY_QUOTATION]: getQuotationDetail,
+  [FormDesignKeyEnum.OPPORTUNITY_QUOTATION_SNAPSHOT]: getQuotationSnapshotDetail,
+  [FormDesignKeyEnum.PRICE]: getProductPrice,
+  [FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD]: getPaymentRecordDetail,
+  [FormDesignKeyEnum.INVOICE]: getInvoicedDetail,
+  [FormDesignKeyEnum.INVOICE_SNAPSHOT]: getInvoicedDetailSnapshot,
+  [FormDesignKeyEnum.ORDER]: getOrderDetail,
+  [FormDesignKeyEnum.CONTRACT_ORDER]: getOrderDetailSnapshot,
+  [FormDesignKeyEnum.CUSTOMER_ORDER]: getOrderDetailSnapshot,
+  [FormDesignKeyEnum.ORDER_SNAPSHOT]: getOrderDetailSnapshot,
+  [FormDesignKeyEnum.CUSTOM_FORM]: getCustomFormDataDetail,
+};
+
+export const getFormListApiMap: Partial<Record<FormDesignKeyEnum, (data: any) => Promise<CommonList<any>>>> = {
+  [FormDesignKeyEnum.CUSTOMER]: getCustomerList,
+  [FormDesignKeyEnum.BUSINESS]: getOpportunityList,
+  [FormDesignKeyEnum.CONTACT]: getCustomerContactList,
+  [FormDesignKeyEnum.CUSTOMER_CONTACT]: getContactListUnderCustomer,
+  [FormDesignKeyEnum.CLUE]: getClueList,
+  [FormDesignKeyEnum.CLUE_POOL]: getCluePoolList,
+  [FormDesignKeyEnum.PRODUCT]: getProductList,
+  [FormDesignKeyEnum.CUSTOMER_OPEN_SEA]: getOpenSeaCustomerList,
+  [FormDesignKeyEnum.BUSINESS_CONTACT]: getOpportunityContactList,
+  [FormDesignKeyEnum.CUSTOMER_OPPORTUNITY]: getCustomerOpportunityPage,
+  [FormDesignKeyEnum.FOLLOW_RECORD]: getFollowRecordPage,
+  [FormDesignKeyEnum.FOLLOW_PLAN]: getFollowPLanPage,
+  [FormDesignKeyEnum.CLUE_TRANSITION_CUSTOMER]: getClueTransitionCustomerList,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CLUE]: getAdvancedSearchClueList,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CUSTOMER]: geAdvancedCustomerList,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT]: getAdvancedCustomerContactList,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_PUBLIC]: getAdvancedOpenSeaCustomerList,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_CLUE_POOL]: getAdvancedCluePoolList,
+  [FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY]: advancedSearchOptPage,
+  [FormDesignKeyEnum.CONTRACT]: getContractList,
+  [FormDesignKeyEnum.CONTRACT_PAYMENT]: getPaymentPlanList,
+  [FormDesignKeyEnum.CONTRACT_CONTRACT_PAYMENT]: getContractPaymentPlanList,
+  [FormDesignKeyEnum.OPPORTUNITY_QUOTATION]: getQuotationList,
+  [FormDesignKeyEnum.PRICE]: getProductPriceList,
+  [FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD]: getPaymentRecordList,
+  [FormDesignKeyEnum.INVOICE]: getInvoicedList,
+  [FormDesignKeyEnum.CONTRACT_INVOICE]: getInvoicedInContractList,
+  [FormDesignKeyEnum.ORDER]: getOrderList,
+  [FormDesignKeyEnum.CONTRACT_ORDER]: getOrderInContractList,
+  [FormDesignKeyEnum.CUSTOMER_ORDER]: getCustomerOrderList,
+  [FormDesignKeyEnum.CUSTOM_FORM]: getCustomFormDataPage,
+};
+
+export const dataSourceFilterFormKeyMap: Partial<Record<FieldDataSourceTypeEnum, FormDesignKeyEnum>> = {
+  [FieldDataSourceTypeEnum.CUSTOMER]: FormDesignKeyEnum.CUSTOMER,
+  [FieldDataSourceTypeEnum.BUSINESS]: FormDesignKeyEnum.BUSINESS,
+  [FieldDataSourceTypeEnum.CONTACT]: FormDesignKeyEnum.CONTACT,
+  [FieldDataSourceTypeEnum.PRODUCT]: FormDesignKeyEnum.PRODUCT,
+  [FieldDataSourceTypeEnum.CLUE]: FormDesignKeyEnum.CLUE,
+  [FieldDataSourceTypeEnum.PRICE]: FormDesignKeyEnum.PRICE,
+  [FieldDataSourceTypeEnum.CONTRACT]: FormDesignKeyEnum.CONTRACT,
+  [FieldDataSourceTypeEnum.CONTRACT_PAYMENT]: FormDesignKeyEnum.CONTRACT_PAYMENT,
+  [FieldDataSourceTypeEnum.CONTRACT_PAYMENT_RECORD]: FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD,
+  [FieldDataSourceTypeEnum.QUOTATION]: FormDesignKeyEnum.OPPORTUNITY_QUOTATION,
+  [FieldDataSourceTypeEnum.ORDER]: FormDesignKeyEnum.ORDER,
+  [FieldDataSourceTypeEnum.INVOICE]: FormDesignKeyEnum.INVOICE,
+};
diff --git a/frontend/packages/web/src/components/business/crm-form-create/index.vue b/frontend/packages/web/src/components/business/crm-form-create/index.vue
new file mode 100644
index 0000000..2d1767b
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-create/index.vue
@@ -0,0 +1,890 @@
+<template>
+  <n-form
+    ref="formRef"
+    :model="formDetail"
+    :label-placement="formConfig.labelPos"
+    :require-mark-placement="formConfig.labelPos === 'left' ? 'left' : 'right'"
+    label-width="auto"
+    class="crm-form-create"
+  >
+    <n-scrollbar>
+      <div class="flex h-full w-full flex-wrap content-start">
+        <template v-for="item in fieldList" :key="item.id">
+          <div
+            v-if="item.show !== false && item.readable"
+            class="crm-form-create-item"
+            :style="{ width: item.type === FieldTypeEnum.ATTACHMENT ? '100%' : `${item.fieldWidth * 100}%` }"
+          >
+            <component
+              :is="getItemComponent(item)"
+              :id="item.id"
+              v-model:value="formDetail[item.id]"
+              :field-config="item.resourceFieldId ? { ...item, rules: [] } : item"
+              :form-detail="formDetail"
+              :origin-form-detail="originFormDetail"
+              :path="item.id"
+              :need-init-detail="needInitDetail"
+              :form-config="formConfig"
+              @change="(value: any, source: Record<string, any>[], dataSourceFormFields?: FormCreateField[]) => handleFieldChange(value, source, item, dataSourceFormFields)"
+            />
+          </div>
+        </template>
+      </div>
+    </n-scrollbar>
+    <div class="crm-form-create-footer" :class="formConfig.optBtnPos">
+      <n-button v-if="props.isEdit" type="primary" @click="handleSave(false)">
+        {{ t('common.update') }}
+      </n-button>
+      <template v-else>
+        <n-button v-if="formConfig.optBtnContent[0].enable" type="primary" @click="handleSave(false)">
+          {{ formConfig.optBtnContent[0].text }}
+        </n-button>
+        <n-button v-if="formConfig.optBtnContent[1].enable" type="primary" ghost @click="handleSave(true)">
+          {{ formConfig.optBtnContent[1].text }}
+        </n-button>
+      </template>
+      <n-button v-if="reviewAction.visible" type="primary" ghost @click="handleReview">
+        {{ reviewAction.text }}
+      </n-button>
+      <n-button v-if="formConfig.optBtnContent[2].enable" secondary @click="emit('cancel')">
+        {{ formConfig.optBtnContent[2].text }}
+      </n-button>
+    </div>
+  </n-form>
+</template>
+
+<script setup lang="ts">
+  import { h } from 'vue';
+  import { FormInst, NButton, NForm, NFormItem, NInput, NScrollbar, useMessage } from 'naive-ui';
+  import { cloneDeep, isEqual } from 'lodash-es';
+  import dayjs from 'dayjs';
+
+  import {
+    FieldDataSourceTypeEnum,
+    FieldTypeEnum,
+    FormDesignKeyEnum,
+    FormLinkScenarioEnum,
+  } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { getCityPath, getGenerateId, getIndustryPath } from '@lib/shared/method';
+  import {
+    dataSourceTypes,
+    getDisplayFieldText,
+    getFieldItemId,
+    linkAllAcceptTypes,
+    mergeUniqueOptions,
+    multipleTypes,
+    singleTypes,
+    specialBusinessKeyMap,
+    transformData,
+  } from '@lib/shared/method/formCreate';
+  import { FormViewSize } from '@lib/shared/models/system/module';
+
+  import CrmFormCreateComponents from '@/components/business/crm-form-create/components';
+  import { type DataSourceSubFieldLinkField, FormCreateField } from '@/components/business/crm-form-create/types';
+
+  import { getDatasourceRefDetailList } from '@/api/modules';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+  import useFormReviewAction from '@/hooks/useFormReviewAction';
+  import useModal from '@/hooks/useModal';
+
+  import { formKeyMap } from '../crm-data-source-select/config';
+  import { isCustomDataSourceType } from '../crm-data-source-select/utils';
+  import { FormulaDataSourceMap } from '../crm-formula/formula-runtime/types';
+  import { safeParseFormula } from '../crm-formula-editor/utils';
+  import { getFormConfigApiMap, multipleValueTypeList } from './config';
+
+  const props = defineProps<{
+    isEdit?: boolean;
+    sourceId?: string;
+    formKey: FormDesignKeyEnum;
+    needInitDetail?: boolean; // 是否需要初始化详情
+    initialSourceName?: string; // 初始化详情时的名称
+    otherSaveParams?: Record<string, any>;
+    linkFormInfo?: Record<string, any>; // 关联表单信息
+    linkFormKey?: FormDesignKeyEnum;
+    linkScenario?: FormLinkScenarioEnum; // 关联表单场景
+    customFormId?: string;
+  }>();
+  const emit = defineEmits<{
+    (e: 'cancel'): void;
+    (e: 'init', title: string, formViewSize?: FormViewSize): void;
+    (e: 'saved', isContinue: boolean, res: any, isUpdateReview?: boolean): void;
+    (e: 'review', res: any): void;
+  }>();
+
+  const { t } = useI18n();
+  const Message = useMessage();
+  const { openModal } = useModal();
+
+  const formLoading = defineModel<boolean>('loading', {
+    default: false,
+  });
+  const formUnsaved = defineModel<boolean>('unsaved', {
+    default: false,
+  });
+
+  const formRef = ref<FormInst>();
+  const {
+    needInitDetail,
+    formKey,
+    sourceId,
+    initialSourceName,
+    otherSaveParams,
+    linkFormInfo,
+    linkFormKey,
+    linkScenario,
+    customFormId,
+  } = toRefs(props);
+
+  const {
+    fieldList,
+    formConfig,
+    formDetail,
+    originFormDetail,
+    unsaved,
+    loading,
+    formCreateTitle,
+    initFormConfig,
+    initFormDetail,
+    saveForm,
+    initForm,
+    initFormShowControl,
+    transformFieldValue,
+    detail,
+  } = useFormCreateApi({
+    formKey,
+    sourceId,
+    needInitDetail,
+    initialSourceName,
+    otherSaveParams,
+    linkFormInfo,
+    linkFormKey,
+    linkScenario,
+    customFormId,
+  });
+
+  const { reviewAction, shouldConfirmUpdateChange, initApprovalReviewConfig } = useFormReviewAction({
+    formKey,
+    isEdit: computed(() => props.isEdit),
+    approvalStatus: computed(() => detail.value?.approvalStatus),
+    detail,
+  });
+
+  function getItemComponent(item: FormCreateField) {
+    if (item.type === FieldTypeEnum.INPUT || item.resourceFieldId) {
+      return CrmFormCreateComponents.basicComponents.singleText;
+    }
+    if (item.type === FieldTypeEnum.TEXTAREA) {
+      return CrmFormCreateComponents.basicComponents.textarea;
+    }
+    if (item.type === FieldTypeEnum.INPUT_NUMBER) {
+      return CrmFormCreateComponents.basicComponents.inputNumber;
+    }
+    if (item.type === FieldTypeEnum.DATE_TIME) {
+      return CrmFormCreateComponents.basicComponents.dateTime;
+    }
+    if (item.type === FieldTypeEnum.RADIO) {
+      return CrmFormCreateComponents.basicComponents.radio;
+    }
+    if (item.type === FieldTypeEnum.CHECKBOX) {
+      return CrmFormCreateComponents.basicComponents.checkbox;
+    }
+    if ([FieldTypeEnum.SELECT, FieldTypeEnum.SELECT_MULTIPLE].includes(item.type)) {
+      return CrmFormCreateComponents.basicComponents.select;
+    }
+    if ([FieldTypeEnum.MEMBER, FieldTypeEnum.MEMBER_MULTIPLE].includes(item.type)) {
+      return CrmFormCreateComponents.basicComponents.memberSelect;
+    }
+    if ([FieldTypeEnum.DEPARTMENT, FieldTypeEnum.DEPARTMENT_MULTIPLE].includes(item.type)) {
+      return CrmFormCreateComponents.basicComponents.memberSelect;
+    }
+    if (item.type === FieldTypeEnum.DIVIDER) {
+      return CrmFormCreateComponents.basicComponents.divider;
+    }
+    if (item.type === FieldTypeEnum.INPUT_MULTIPLE) {
+      return CrmFormCreateComponents.basicComponents.tagInput;
+    }
+    if (item.type === FieldTypeEnum.PICTURE) {
+      return CrmFormCreateComponents.advancedComponents.upload;
+    }
+    if (item.type === FieldTypeEnum.LOCATION) {
+      return CrmFormCreateComponents.advancedComponents.location;
+    }
+    if (item.type === FieldTypeEnum.PHONE) {
+      return CrmFormCreateComponents.advancedComponents.phone;
+    }
+    if ([FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.DATA_SOURCE_MULTIPLE].includes(item.type)) {
+      return CrmFormCreateComponents.advancedComponents.dataSource;
+    }
+    if (item.type === FieldTypeEnum.SERIAL_NUMBER) {
+      return CrmFormCreateComponents.advancedComponents.serialNumber;
+    }
+    if (item.type === FieldTypeEnum.LINK) {
+      return CrmFormCreateComponents.advancedComponents.link;
+    }
+    if (item.type === FieldTypeEnum.ATTACHMENT) {
+      return CrmFormCreateComponents.advancedComponents.file;
+    }
+    if (item.type === FieldTypeEnum.INDUSTRY) {
+      return CrmFormCreateComponents.advancedComponents.industry;
+    }
+    if (item.type === FieldTypeEnum.FORMULA) {
+      return CrmFormCreateComponents.advancedComponents.formula;
+    }
+    if ([FieldTypeEnum.SUB_PRICE, FieldTypeEnum.SUB_PRODUCT].includes(item.type)) {
+      return CrmFormCreateComponents.advancedComponents.dataTable;
+    }
+  }
+
+  function applyFieldLink(item: FormCreateField) {
+    const currentFieldValue = formDetail.value[item.id];
+    const linkField = fieldList.value.find((f) => f.id === item.linkProp?.targetField);
+    if (item.linkProp?.linkOptions) {
+      for (let i = 0; i < item.linkProp?.linkOptions.length; i++) {
+        const option = item.linkProp?.linkOptions[i];
+        if (isEqual(currentFieldValue, option.current)) {
+          if (linkField) {
+            if (option.method === 'HIDDEN') {
+              linkField.linkRange = Array.isArray(option.target) ? option.target : [option.target];
+            } else {
+              linkField.linkRange = undefined;
+              formDetail.value[linkField.id] = option.target;
+            }
+            return;
+          }
+        } else if (linkField) {
+          linkField.linkRange = undefined;
+        }
+      }
+      nextTick(() => {
+        formRef.value?.restoreValidation();
+      });
+    }
+  }
+
+  function applyDatasourceFieldLink(
+    value: any,
+    item: FormCreateField,
+    currentSource?: Record<string, any>,
+    dataSourceFormFields?: FormCreateField[]
+  ) {
+    item.linkFields?.forEach((linkField) => {
+      if (linkField.enable === false) {
+        return;
+      }
+      const targetField = fieldList.value.find((f) => f.id === linkField.current);
+      // 如果联动字段是当前字段本身，则直接赋值；若是当前字段内的其他字段，则赋值对应的值
+      if (targetField && (item.id === linkField.link || item.businessKey === linkField.link)) {
+        // 暂时只有这一种联动
+        if (linkField.method === 'fill') {
+          // 处理多选/单选数据源
+          if (targetField.dataSourceType !== item.dataSourceType) {
+            // 不同数据源类型不填充
+            return;
+          }
+          formDetail.value[targetField.id] = value;
+          if (!targetField.initialOptions) {
+            targetField.initialOptions = [
+              {
+                id: Array.isArray(value) ? value[0] : value,
+                name: currentSource?.name,
+              },
+            ];
+          } else {
+            targetField.initialOptions.push({
+              id: Array.isArray(value) ? value[0] : value,
+              name: currentSource?.name,
+            });
+          }
+        }
+      } else {
+        // 获取目标数据源表单的目标字段，用来读取业务 key 值
+        const currentDatasourceFormField = dataSourceFormFields?.find((f) => f.id === linkField.link);
+        if (targetField && currentDatasourceFormField) {
+          if (linkField.method === 'fill') {
+            // 暂时只有这一种联动
+            if (targetField.dataSourceType !== currentDatasourceFormField.dataSourceType) {
+              // 不同数据源类型不填充
+              return;
+            }
+            const currentSourceValue = currentDatasourceFormField.businessKey
+              ? currentSource?.[currentDatasourceFormField.businessKey]
+              : currentSource?.moduleFields?.find((e: any) => e.fieldId === currentDatasourceFormField.id)?.fieldValue;
+            if (currentSourceValue === undefined || currentSourceValue === null) {
+              targetField.initialOptions = [];
+              // 处理多选/单选值
+              if (multipleValueTypeList.includes(targetField.type) || targetField.type === FieldTypeEnum.DATA_SOURCE) {
+                formDetail.value[targetField.id] = [];
+              } else {
+                formDetail.value[targetField.id] = '';
+              }
+              if (targetField.showFields?.length) {
+                // 无值清空显示字段
+                const showFields = fieldList.value.filter((f) =>
+                  targetField.showFields?.includes(f.id.split('_ref_')[1])
+                );
+                showFields.forEach((field) => {
+                  formDetail.value[field.id] = '';
+                });
+              }
+              return;
+            }
+            // 如果有业务 key，则取业务 key 的值（specialBusinessKeyMap读取特殊业务字段值），否则取字段值
+            const currentSourceName = currentDatasourceFormField.businessKey
+              ? currentSource?.[
+                  specialBusinessKeyMap[currentDatasourceFormField.businessKey] ||
+                    currentDatasourceFormField.businessKey
+                ]
+              : currentSource?.[linkField.link];
+            // 处理多选/单选值
+            if (multipleValueTypeList.includes(targetField.type) || targetField.type === FieldTypeEnum.DATA_SOURCE) {
+              formDetail.value[targetField.id] = Array.isArray(currentSourceValue)
+                ? currentSourceValue
+                : [currentSourceValue];
+            } else {
+              formDetail.value[targetField.id] = currentSourceValue;
+            }
+            if (!targetField.initialOptions) {
+              targetField.initialOptions = Array.isArray(currentSourceValue)
+                ? currentSourceValue.map((e, i) => ({
+                    name: currentSourceName[i],
+                    id: e,
+                  }))
+                : [
+                    {
+                      name: Array.isArray(currentSourceName) ? currentSourceName[0] : currentSourceName,
+                      id: currentSourceValue,
+                    },
+                  ];
+            } else if (Array.isArray(currentSourceValue)) {
+              // 多选
+              targetField.initialOptions = currentSourceValue.map((e, i) => ({
+                name: currentSourceName[i],
+                id: e,
+              }));
+            } else {
+              targetField.initialOptions = [
+                {
+                  name: Array.isArray(currentSourceName) ? currentSourceName[0] : currentSourceName,
+                  id: currentSourceValue,
+                },
+              ];
+            }
+          }
+        }
+      }
+    });
+    nextTick(() => {
+      formRef.value?.restoreValidation();
+    });
+  }
+
+  async function initDatasourceLinkOptions(
+    beFilledSubFields: FormCreateField[],
+    datasourceMap: Record<string, string[]>
+  ) {
+    try {
+      const paramsList = Object.keys(datasourceMap).map((key) => ({
+        sourceIds: datasourceMap[key],
+        dataSourceType: key,
+      }));
+      const resList = await Promise.all(paramsList.map((params) => getDatasourceRefDetailList(params)));
+      const datasourceFormConfigGroup = await Promise.all(
+        paramsList.map((params) => {
+          if (isCustomDataSourceType(params.dataSourceType)) {
+            return getFormConfigApiMap[FormDesignKeyEnum.CUSTOM_FORM](params.dataSourceType);
+          }
+          return getFormConfigApiMap[
+            formKeyMap[params.dataSourceType as FieldDataSourceTypeEnum] as FormDesignKeyEnum
+          ]();
+        })
+      );
+      beFilledSubFields.forEach((field) => {
+        const currentRes = resList[paramsList.findIndex((params) => params.dataSourceType === field.dataSourceType)];
+        const currentFormConfig =
+          datasourceFormConfigGroup[paramsList.findIndex((params) => params.dataSourceType === field.dataSourceType)];
+        const newOptions = field.initialOptions?.map((option) => {
+          const currentOption = currentRes.find((res) => res.id === option.id);
+          if (currentOption) {
+            return {
+              ...transformData({
+                item: currentOption,
+                originalData: currentOption as any,
+                fields: currentFormConfig.fields || [],
+                excludeFieldIds: [],
+                needParseSubTable: true,
+              }),
+              ...option,
+            };
+          }
+          return option;
+        });
+        field.initialOptions = newOptions;
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+      Message.warning(t('crmFormCreate.dataSourceLinkOptionsFailed'));
+    }
+  }
+
+  function applySubFieldLink(
+    subLinkFieldParents: DataSourceSubFieldLinkField[],
+    currentSource?: Record<string, any>,
+    dataSourceFormFields?: FormCreateField[]
+  ) {
+    const datasourceMap: Record<string, string[]> = {};
+    const beFilledSubFields: FormCreateField[] = []; // 需要填充的子字段列表
+    subLinkFieldParents.forEach((linkField) => {
+      if (linkField.enable === false) {
+        return;
+      }
+      const currentParentField = fieldList.value.find((f) => f.id === linkField.current); // 被填充的字段
+      const parentLinkField = dataSourceFormFields?.find((f) => f.id === linkField.link); // 填充字段
+      if (currentParentField && parentLinkField && currentSource) {
+        if (linkField.method === 'fill') {
+          const linkFieldInfo = currentSource[parentLinkField.businessKey || parentLinkField.id];
+          const result: Record<string, any>[] = [];
+          linkFieldInfo?.forEach((subData: Record<string, any>) => {
+            const line: Record<string, any> = {
+              id: getGenerateId(),
+            };
+            linkField.childLinks?.forEach((childLink) => {
+              if (childLink.enable === false) {
+                return;
+              }
+              const currentChildField = currentParentField.subFields?.find((f) => f.id === childLink.current); // 被填充的子字段
+              const childLinkField = parentLinkField.subFields?.find((f) => f.id === childLink.link); // 填充字段
+              if (currentChildField && childLinkField) {
+                const key = childLinkField.businessKey || childLinkField.id;
+                const currentKey = currentChildField.businessKey || currentChildField.id;
+                switch (true) {
+                  case dataSourceTypes.includes(currentChildField.type):
+                    if (subData[`${childLinkField.id}_original`] && currentChildField.dataSourceType) {
+                      if (datasourceMap[currentChildField.dataSourceType] === undefined) {
+                        datasourceMap[currentChildField.dataSourceType] = [];
+                      }
+                      datasourceMap[currentChildField.dataSourceType].push(subData[`${childLinkField.id}_original`]); // 先将数据源字段的值存起来，等循环结束后一起去重填充到initialOptions中，避免重复请求接口
+                      currentChildField.initialOptions = mergeUniqueOptions(currentChildField.initialOptions || [], [
+                        {
+                          id: subData[`${childLinkField.id}_original`],
+                          name: currentSource.optionMap[key]?.find(
+                            (e: any) => e.id === subData[`${childLinkField.id}_original`]
+                          )?.name,
+                          isFormLinkFilled: true, // 用于区分是表单联动填充的选项还是其他途径的选项，主要用于数据源显示字段的回显
+                        },
+                      ]);
+                      line[currentKey] = [subData[`${childLinkField.id}_original`]];
+                      if (subData.price_sub && childLinkField.dataSourceType === FieldDataSourceTypeEnum.PRICE) {
+                        line.price_sub = subData.price_sub; // 价格表子表格特殊处理，price_sub是行号
+                        line[currentKey].push(subData.price_sub);
+                        // 同时在initialOptions里填充行号子项以区分父子
+                        currentChildField.initialOptions?.push({
+                          id: subData.price_sub,
+                          parentId: subData[`${childLinkField.id}_original`],
+                          isFormLinkFilled: true, // 用于区分是表单联动填充的选项还是其他途径的选项，主要用于数据源显示字段的回显
+                        });
+                      }
+                      currentChildField.fieldValue = subData[`${childLinkField.id}_original`];
+                      beFilledSubFields.push(currentChildField);
+                    }
+                    break;
+                  case multipleTypes.includes(currentChildField.type):
+                    // 多选填充
+                    if (childLinkField.type === FieldTypeEnum.INPUT_MULTIPLE) {
+                      // 标签直接填充
+                      line[currentKey] = Array.isArray(subData[key]) ? subData[key].slice(0, 10) : [subData[key]];
+                    } else {
+                      // 其他多选类型需匹配名称相等的选项值
+                      line[currentKey] =
+                        currentChildField.options?.filter((e) => subData[key].includes(e.label)).map((e) => e.value) ||
+                        [];
+                    }
+                    break;
+                  case singleTypes.includes(currentChildField.type):
+                    // 单选填充需要匹配名称相同的选项值
+                    line[currentKey] = currentChildField.options?.find((e) => e.label === subData[key])?.value || '';
+                    break;
+                  case linkAllAcceptTypes.includes(currentChildField.type):
+                    // 文本输入类型可填充任何字段类型值
+                    const limitLength = currentChildField.type === FieldTypeEnum.INPUT ? 255 : 3000;
+                    if (dataSourceTypes.includes(childLinkField.type)) {
+                      // 联动的字段是数据源则填充选项名
+                      line[currentKey] = currentSource.optionMap[key]?.find(
+                        (e: any) => e.id === subData[`${childLinkField.id}_original`]
+                      )?.name;
+                      line[currentKey] = line[currentKey]?.slice(0, limitLength);
+                    } else if (multipleTypes.includes(childLinkField.type)) {
+                      // 联动的字段是多选则拼接选项名
+                      line[currentKey] = subData[key].join(',').slice(0, limitLength);
+                    } else if (childLinkField.type === FieldTypeEnum.DATE_TIME) {
+                      // 联动的字段是日期时间则转换
+                      if (childLinkField.dateType === 'month') {
+                        line[currentKey] = dayjs(subData[key]).format('YYYY-MM');
+                      } else if (childLinkField.dateType === 'date') {
+                        line[currentKey] = dayjs(subData[key]).format('YYYY-MM-DD');
+                      } else {
+                        line[currentKey] = dayjs(subData[key]).format('YYYY-MM-DD HH:mm:ss');
+                      }
+                    } else if (childLinkField.type === FieldTypeEnum.LOCATION) {
+                      // 联动的字段是省市区则填充城市路径
+                      const addressArr: string[] = subData[key].split('-') || [];
+                      line[currentKey] = addressArr.length
+                        ? `${getCityPath(addressArr[0])}-${addressArr.filter((e, i) => i > 0).join('-')}`
+                        : '-';
+                    } else if (childLinkField.type === FieldTypeEnum.INDUSTRY) {
+                      line[currentKey] = subData[key] ? getIndustryPath(subData[key] as string) : '-';
+                    } else if (
+                      childLinkField.type === FieldTypeEnum.TEXTAREA &&
+                      currentChildField.type === FieldTypeEnum.INPUT
+                    ) {
+                      line[currentKey] = subData[key].slice(0, limitLength);
+                    } else if ([FieldTypeEnum.INPUT_NUMBER, FieldTypeEnum.FORMULA].includes(childLinkField.type)) {
+                      line[currentKey] = subData[key]?.toString();
+                    } else {
+                      line[currentKey] = subData[key];
+                    }
+                    break;
+                  case currentChildField.type === FieldTypeEnum.INPUT_NUMBER:
+                    line[currentKey] = subData[`${childLinkField.id}_original`];
+                    break;
+                  default:
+                    line[currentKey] = subData[key];
+                    break;
+                }
+              }
+            });
+            result.push(line);
+          });
+          formDetail.value[currentParentField.id] = result;
+        }
+      }
+    });
+    if (Object.keys(datasourceMap).length > 0) {
+      // 将数据源字段的值去重后填充到对应字段的initialOptions中
+      initDatasourceLinkOptions(beFilledSubFields, datasourceMap);
+    }
+  }
+
+  const formulaDataSource = ref<FormulaDataSourceMap>({});
+
+  const evaluationNow = ref<Date | null>(new Date());
+
+  const formulaFormContext = computed(() => ({
+    fields: fieldList.value,
+    formulaDataSource: formulaDataSource.value,
+    evaluationNow,
+  }));
+
+  provide('formFieldsProvider', readonly(formulaFormContext));
+
+  function initFormulaDataSourceRemark() {
+    formulaDataSource.value = {};
+    const fieldMap = new Map(fieldList.value.map((item) => [item.id, item]));
+    fieldList.value.forEach((item) => {
+      if ([FieldTypeEnum.FORMULA, FieldTypeEnum.INPUT, FieldTypeEnum.SERIAL_NUMBER].includes(item.type)) {
+        const { fields } = safeParseFormula(item.formula ?? '');
+        fields?.forEach((e: any) => {
+          let options = [];
+          const targetField = fieldMap.get(e.fieldId);
+
+          if ([FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.DATA_SOURCE_MULTIPLE].includes(e.fieldType)) {
+            options = props.needInitDetail ? targetField?.initialOptions ?? [] : [];
+          } else if (e.fieldType === FieldTypeEnum.SELECT) {
+            options = targetField?.options ?? [];
+          } else {
+            return;
+          }
+
+          formulaDataSource.value[e.fieldId] = {
+            parserName: true,
+            options,
+          };
+        });
+      }
+    });
+  }
+
+  function handleFieldChange(
+    value: any,
+    source: Record<string, any>[],
+    item: FormCreateField,
+    dataSourceFormFields?: FormCreateField[]
+  ) {
+    // 控制显示规则
+    if (item.showControlRules?.length) {
+      initFormShowControl(value);
+      nextTick(() => {
+        const labelNodes = Array.from(document.querySelectorAll('.n-form-item-label'));
+        const noWidthLabelNodes = labelNodes.filter((e) => (e as HTMLElement).style.width === '');
+        const hasWidthLabelNode = labelNodes.filter((e) => (e as HTMLElement).style.width !== '')[0];
+        if (noWidthLabelNodes.length > 0) {
+          noWidthLabelNodes.forEach((e) => {
+            (e as HTMLElement).style.width = `${hasWidthLabelNode?.clientWidth}px`;
+          });
+        }
+      });
+    }
+    // 字段联动
+    if (item.linkProp?.targetField && item.linkProp?.linkOptions.length) {
+      applyFieldLink(item);
+    }
+    // 单选数据源字段联动
+    if (item.linkFields?.length && value && value.length) {
+      applyDatasourceFieldLink(
+        value,
+        item,
+        source.find((s) => s.id === value[0]), // 当前选中的数据源对象，因为本身字段只能是单选数据源
+        dataSourceFormFields
+      );
+    }
+    // 单选数据源子表格数据联动
+    if (item.childLinkFields?.length && value && value.length) {
+      applySubFieldLink(
+        item.childLinkFields,
+        source.find((s) => s.id === value[0]), // 当前选中的数据源对象，因为本身字段只能是单选数据源
+        dataSourceFormFields
+      );
+    }
+    if (item.type === FieldTypeEnum.DATA_SOURCE && item.showFields?.length) {
+      // 数据源显示字段联动
+      const showFields = fieldList.value.filter((f) => f.resourceFieldId === item.id);
+      showFields.forEach((field) => {
+        const target = source.find((s) => s.id === value[0]);
+        const fieldValue =
+          field.businessKey && specialBusinessKeyMap[field.businessKey]
+            ? target?.[specialBusinessKeyMap[field.businessKey]]
+            : target?.[field.businessKey || getFieldItemId(field)];
+
+        formDetail.value[field.id] = getDisplayFieldText(field, fieldValue);
+      });
+    }
+
+    // 计算组件的数据源标记source 用于获取数据源name
+    if (
+      formulaDataSource.value[item.id]?.parserName &&
+      [FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.DATA_SOURCE_MULTIPLE].includes(item.type)
+    ) {
+      formulaDataSource.value[item.id].options = source;
+    }
+
+    unsaved.value = true;
+  }
+
+  function transformSubFieldsValue(item: FormCreateField, result: Record<string, any>[]) {
+    const currentFieldValues = result.map((res) => res[item.businessKey || item.id]);
+    currentFieldValues.forEach((fieldValue, index) => {
+      if ([FieldTypeEnum.DATA_SOURCE].includes(item.type) && Array.isArray(fieldValue)) {
+        // 处理数据源字段，单选传单个值
+        result[index][item.businessKey || item.id] = result[index].price_sub
+          ? fieldValue?.filter((e) => e !== result[index].price_sub)[0] // 价格表子表格特殊处理，price_sub是行号，这里不填充到fieldValue中
+          : fieldValue?.[0];
+      }
+      if (item.type === FieldTypeEnum.PHONE) {
+        // 去空格
+        result[index][item.businessKey || item.id] = fieldValue?.replace(/[\s\uFEFF\xA0]+/g, '');
+      }
+    });
+  }
+
+  function scrollToFirstError(errors: any[]) {
+    const firstErrorId = errors[0]?.[0]?.field;
+    if (firstErrorId) {
+      const fieldElement = document.getElementById(firstErrorId);
+      fieldElement?.scrollIntoView({ behavior: 'smooth', block: 'center' });
+    }
+  }
+
+  function buildSavePayload() {
+    const result = cloneDeep(formDetail.value);
+    fieldList.value.forEach((item) => {
+      if ([FieldTypeEnum.SUB_PRODUCT, FieldTypeEnum.SUB_PRICE].includes(item.type) && item.subFields?.length) {
+        item.subFields.forEach((subField) => {
+          transformSubFieldsValue(subField, result[item.id]);
+        });
+      } else {
+        transformFieldValue(item, result, item.id);
+      }
+    });
+    return result;
+  }
+
+  function openUpdateChangeModal() {
+    return new Promise<string | undefined>((resolve) => {
+      const changeDescription = ref('');
+      let modalReactive: ReturnType<typeof openModal> | null = null;
+      const syncPositiveDisabled = (disabled: boolean) => {
+        if (!modalReactive) {
+          return;
+        }
+        modalReactive.positiveButtonProps = {
+          ...(modalReactive.positiveButtonProps ?? {}),
+          disabled,
+        };
+      };
+
+      modalReactive = openModal({
+        maskClosable: false,
+        size: 'medium',
+        title: t('crm.approval.change'),
+        positiveText: t('crm.approval.confirmChange'),
+        negativeText: t('common.cancel'),
+        positiveButtonProps: {
+          size: 'medium',
+          disabled: true,
+        },
+        content: () =>
+          h(
+            NFormItem,
+            {
+              label: t('crm.approval.changeDescription'),
+              required: true,
+              showFeedback: false,
+            },
+            {
+              default: () =>
+                h(NInput, {
+                  value: changeDescription.value,
+                  type: 'textarea',
+                  maxlength: 300,
+                  showCount: true,
+                  autosize: {
+                    minRows: 3,
+                  },
+                  onUpdateValue: (value: string) => {
+                    changeDescription.value = value;
+                    syncPositiveDisabled(!value.trim().length);
+                  },
+                }),
+            }
+          ),
+        onPositiveClick: () => {
+          const description = changeDescription.value.trim();
+          if (!description.length) {
+            Message.warning(t('common.notNull', { value: t('crm.approval.changeDescription') }));
+            return false;
+          }
+          resolve(description);
+        },
+        onNegativeClick: () => {
+          resolve(undefined);
+        },
+        onAfterLeave: () => {
+          resolve(undefined);
+        },
+      });
+    });
+  }
+
+  async function getUpdateReviewExtraParams() {
+    if (!shouldConfirmUpdateChange.value) {
+      return {};
+    }
+
+    const comment = await openUpdateChangeModal();
+    if (!comment) {
+      return false;
+    }
+
+    return { comment };
+  }
+
+  function handleSave(isContinue = false) {
+    formRef.value?.validate(async (errors) => {
+      if (!errors) {
+        const result = buildSavePayload();
+        // 获取变更说明
+        const extraParams = await getUpdateReviewExtraParams();
+        if (extraParams === false) {
+          return;
+        }
+        saveForm(
+          result,
+          isContinue,
+          (_isContinue, res) => {
+            emit('saved', isContinue, res, Boolean((extraParams as Record<string, any>).comment));
+          },
+          false,
+          false,
+          extraParams
+        );
+      } else {
+        scrollToFirstError(errors);
+      }
+    });
+  }
+
+  function handleReview() {
+    formRef.value?.validate((errors) => {
+      if (!errors) {
+        const result = buildSavePayload();
+        saveForm(
+          result,
+          false,
+          (_isContinue, res) => {
+            emit('review', res);
+          },
+          false,
+          true
+        );
+      } else {
+        scrollToFirstError(errors);
+      }
+    });
+  }
+
+  watch(
+    () => loading.value,
+    (val) => {
+      formLoading.value = val;
+    }
+  );
+
+  watch(
+    () => unsaved.value,
+    (val) => {
+      formUnsaved.value = val;
+    }
+  );
+
+  onBeforeMount(async () => {
+    const initApprovalReviewConfigPromise = initApprovalReviewConfig();
+    await initFormConfig();
+    emit('init', formCreateTitle.value, formConfig.value.viewSize);
+    if (props.sourceId && props.needInitDetail) {
+      await initFormDetail();
+    }
+    initForm(props.linkScenario);
+    initFormulaDataSourceRemark();
+    await initApprovalReviewConfigPromise;
+  });
+</script>
+
+<style lang="less">
+  .crm-form-create {
+    @apply relative flex h-full flex-col;
+    .crm-form-create-item {
+      @apply relative self-start;
+
+      padding: 0 16px;
+      border-radius: var(--border-radius-small);
+      .n-form-item-label {
+        @apply w-full items-center;
+
+        margin-bottom: 4px;
+        padding-bottom: 0;
+        .n-form-item-label__text {
+          @apply overflow-hidden;
+        }
+      }
+    }
+    .crm-form-create-footer {
+      @apply relative flex w-full;
+
+      padding: 12px 16px;
+      border-top: 1px solid var(--text-n8);
+      gap: 8px;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-form-create/locale/en-US.ts b/frontend/packages/web/src/components/business/crm-form-create/locale/en-US.ts
new file mode 100644
index 0000000..b3f7768
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-create/locale/en-US.ts
@@ -0,0 +1,16 @@
+export default {
+  'crmFormCreate.advanced.uploadTip': 'Drag or click to paste the image, single image within {size} MB',
+  'crmFormCreate.advanced.overSize': 'The file size limit is {size}, please reselect the file',
+  'crmFormCreate.advanced.selectLocation': 'Please select the address',
+  'crmFormCreate.advanced.inputLocationDetail': 'Please enter the detailed address',
+  'crmFormCreate.basic.tagInputLimitTip': 'The maximum number of tags is 10',
+  'crmFormCreate.basic.tagInputRepeatTip': 'The same tag already exists, please check',
+  'crmFormCreate.repeatTip': 'Duplicate with {name}',
+  'crmFormCreate.repeatTipWithoutName': 'There are duplicate values in the system',
+  'crmFormCreate.advanced.anyType': 'any format',
+  'crmFormCreate.advanced.uploadFileTip': 'Supports {type}, single file size within {size}',
+  'crmFormCreate.advanced.typeNotValid': 'Invalid file type, please reselect',
+  'crmFormCreate.advanced.limitCount': ', maximum limit is {count}',
+  'crmFormCreate.advanced.selectIndustry': 'Please select industry',
+  'crmFormCreate.dataSourceLinkOptionsFailed': 'Failed to parse data source linkage options',
+};
diff --git a/frontend/packages/web/src/components/business/crm-form-create/locale/zh-CN.ts b/frontend/packages/web/src/components/business/crm-form-create/locale/zh-CN.ts
new file mode 100644
index 0000000..2384fbc
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-create/locale/zh-CN.ts
@@ -0,0 +1,16 @@
+export default {
+  'crmFormCreate.advanced.uploadTip': '拖拽或单击后粘贴图片，单张 {size} MB以内',
+  'crmFormCreate.advanced.overSize': '文件大小限制为 {size}，请重新选择文件',
+  'crmFormCreate.advanced.selectLocation': '请选择地址',
+  'crmFormCreate.advanced.inputLocationDetail': '请输入详细地址',
+  'crmFormCreate.basic.tagInputLimitTip': '标签数量最大为 10 个',
+  'crmFormCreate.basic.tagInputRepeatTip': '已存在相同的标签，请检查',
+  'crmFormCreate.repeatTip': '与 {name} 重复',
+  'crmFormCreate.repeatTipWithoutName': '系统中存在重复值',
+  'crmFormCreate.advanced.anyType': '任意格式',
+  'crmFormCreate.advanced.uploadFileTip': '支持 {type}，单个大小 {size} 以内',
+  'crmFormCreate.advanced.typeNotValid': '非法的文件类型，请重新选择',
+  'crmFormCreate.advanced.limitCount': '，最大限制 {count} 个',
+  'crmFormCreate.advanced.selectIndustry': '请选择行业',
+  'crmFormCreate.dataSourceLinkOptionsFailed': '数据源联动选项解析失败',
+};
diff --git a/frontend/packages/web/src/components/business/crm-form-create/types.ts b/frontend/packages/web/src/components/business/crm-form-create/types.ts
new file mode 100644
index 0000000..edca40e
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-create/types.ts
@@ -0,0 +1,184 @@
+import type { OperatorEnum } from '@lib/shared/enums/commonEnum';
+import type { FieldDataSourceTypeEnum, FieldRuleEnum, FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+import type { ModuleField } from '@lib/shared/models/common';
+import type { CollaborationType } from '@lib/shared/models/customer';
+import { SelectedUsersItem } from '@lib/shared/models/system/module';
+
+import type { FormItemRule } from 'naive-ui';
+import { InternalRowData } from 'naive-ui/es/data-table/src/interface';
+import type { Option } from 'naive-ui/es/transfer/src/interface';
+
+export interface FormCreateFieldOption extends Option {
+  [key: string]: any;
+}
+
+export interface FormCreateFieldRule extends FormItemRule {
+  key: FieldRuleEnum;
+  label?: string;
+  regex?: string;
+}
+
+export interface FormCreateFieldShowControlRule {
+  value?: string | number; // 当前 option 的 value
+  fieldIds: string[]; // 控制的字段id集合
+}
+
+export type FormCreateFieldDateType = 'month' | 'date' | 'datetime';
+export type DataSourceMatchType = 'MATCH_FIELD' | 'MATCH_VALUE';
+export type DataSourceType = FieldDataSourceTypeEnum | string;
+
+export interface DataSourceFilterItem {
+  leftFieldId: string | undefined; // 左侧字段id
+  leftFieldType: FieldTypeEnum; // 左侧字段类型
+  operator: OperatorEnum | undefined; // 操作符
+  matchType: DataSourceMatchType; // 匹配类型
+  rightFieldId: string | undefined; // 右侧字段id
+  rightFieldCustom?: boolean; // 右侧是否为自定义值
+  rightFieldCustomValue: any; // 右侧自定义值
+  rightFieldType: FieldTypeEnum; // 右侧字段类型，审批状态是系统内置特殊字段
+  selectedRows?: InternalRowData[];
+  selectedUserList?: SelectedUsersItem[];
+}
+
+export interface DataSourceFilterCombine {
+  searchMode: 'AND' | 'OR'; // 匹配模式
+  conditions: DataSourceFilterItem[]; // 条件集合
+}
+
+export interface FieldLinkOption {
+  current: string[]; // 当前选项 value 集合
+  method: 'AUTO' | 'HIDDEN'; // 联动方式
+  target: string | string[]; // 目标选项 value 集合
+}
+
+export interface FieldLinkProp {
+  targetField: string; // 目标字段id
+  linkOptions: FieldLinkOption[]; // 联动选项
+}
+
+export interface DataSourceLinkField {
+  current: string; // 字段id
+  link: string; // 联动字段id
+  method: 'fill'; // 联动方式
+  enable: boolean; // 是否启用
+}
+
+export interface DataSourceSubFieldLinkField extends DataSourceLinkField {
+  childLinks: DataSourceSubFieldLinkField[]; // 子表格联动配置
+}
+
+export interface FormCreateField {
+  // 基础属性
+  id: string;
+  name: string;
+  type: FieldTypeEnum;
+  businessKey?: string; // 业务标准字段，不能删除
+  disabledProps?: string[]; // 禁用的属性集合
+  internalKey?: string;
+  key?: string;
+  showLabel: boolean;
+  placeholder?: string;
+  description: string;
+  readable: boolean;
+  editable: boolean;
+  fieldWidth: number;
+  defaultValue?: any;
+  defaultValueType?: 'custom' | 'formula';
+  prefixType?: 'custom' | 'formula';
+  rules: FormCreateFieldRule[];
+  mobile?: boolean; // 是否在移动端显示
+  // 数字输入属性
+  max?: number;
+  min?: number;
+  numberFormat?: 'number' | 'percent'; // 数字格式, number: 数字, percent: 百分比
+  decimalPlaces?: boolean; // 保留小数点位
+  precision?: number; // 精度
+  showThousandsSeparator?: boolean; // 是否显示千分位
+  // 日期输入属性
+  dateType?: FormCreateFieldDateType;
+  dateDefaultType?: 'custom' | 'current'; // 日期默认类型, custom: 自定义, current: 填写当时
+  // radio属性
+  direction?: 'horizontal' | 'vertical';
+  // divider属性
+  dividerClass?: string;
+  dividerColor?: string;
+  titleColor?: string;
+  // 图片上传属性
+  pictureShowType?: 'card' | 'list';
+  uploadLimit?: number | null;
+  uploadLimitEnable?: boolean;
+  uploadSizeLimit?: number | null;
+  uploadSizeLimitEnable?: boolean;
+  // 地址属性
+  scope?: 'ALL' | 'CN';
+  locationType?: 'PCD' | 'PC' | 'detail' | 'C' | 'P'; // C:国家, P:国家-省,PC: 省市, PCD: 省市区, detail: 省市区+详细地址
+  // 选择器属性
+  optionSource?: 'ref' | 'custom'; // 选项来源,自定义还是引用
+  refId?: string | null; // 引用的字段id
+  refFormKey?: string; // 引用字段第一层
+  customOptions?: FormCreateFieldOption[]; // 自定义字段的选项数据
+  multiple?: boolean;
+  options?: FormCreateFieldOption[];
+  initialOptions?: any[]; // 用于回显(成员、部门、数据源选择)
+  // dataSource属性
+  dataSourceType?: DataSourceType;
+  combineSearch?: DataSourceFilterCombine; // 数据源过滤条件
+  showFields?: string[]; // 数据源显示字段
+  linkFields?: DataSourceLinkField[]; // 数据源联动字段
+  childLinkFields?: DataSourceSubFieldLinkField[]; // 数据源子表格联动配置
+  // 成员属性
+  hasCurrentUser?: boolean;
+  // 部门属性
+  hasCurrentUserDept?: boolean;
+  // 显隐控制属性(该属性是或运算，满足一个值即显示)
+  showControlRules?: FormCreateFieldShowControlRule[];
+  // 流水号属性
+  serialNumberRules?: (string | number)[]; // 流水号规则
+  // 字段联动属性
+  linkProp?: FieldLinkProp;
+  // 附件属性
+  onlyOne?: boolean; // 是否只允许上传一个文件
+  accept?: string; // 附件类型
+  limitSize?: string; // 附件大小限制
+  // 前端渲染属性
+  icon: string;
+  show?: boolean; // 是否显示，受控于别的字段的showControlRules
+  linkRange?: (string | number)[]; // 联动限制可选范围
+  fieldValue?: any; // 字段值
+  isNew?: boolean;
+  // 链接
+  linkSource?: string;
+  openMode?: string;
+  // 手机号
+  format?: string;
+  formula?: string; // 计算公式
+  // 子表格
+  subFields?: FormCreateField[];
+  fixedColumn?: number; // 固定列数
+  sumColumns?: string[]; // 需要汇总的字段id集合
+  resourceFieldId?: string; // 关联来源字段id
+  subTableFieldId?: string; // 关联来源的子表格字段id
+  price_sub?: string; // 价格表子表格行号标识
+  listDisplayFields?: string[]; // 数据源列表展示字段
+  refFields?: FormCreateField[]; // 引用字段
+}
+
+export interface AttachmentInfo {
+  id: string;
+  name: string;
+  organizationId: string;
+  resourceId: string;
+  size: number;
+  storage: string;
+  type: string;
+  createUser: string;
+  createTime: number;
+}
+
+export interface FormDetail {
+  moduleFields: ModuleField[];
+  optionMap?: Record<string, any[]>;
+  collaborationType?: CollaborationType; // 协作类型
+  attachmentMap?: Record<string, AttachmentInfo[]>; // 附件信息映射
+  [key: string]: any;
+}
diff --git a/frontend/packages/web/src/components/business/crm-form-description/index.vue b/frontend/packages/web/src/components/business/crm-form-description/index.vue
new file mode 100644
index 0000000..fb1eccb
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-description/index.vue
@@ -0,0 +1,641 @@
+<template>
+  <n-spin :show="loading" class="h-full" :description="props.loadingDescription">
+    <CrmDescription
+      :descriptions="realDescriptions"
+      :value-align="props.valueAlign ?? 'end'"
+      :class="[`value-align-${props.valueAlign ?? 'end'}`, props.class]"
+      :column="props.column"
+      :label-width="props.labelWidth"
+      :one-line-label="props.oneLineLabel"
+      :one-line-value="props.oneLineValue"
+      :tooltip-position="props.tooltipPosition"
+    >
+      <template #divider="{ item }">
+        <CrmFormCreateDivider :field-config="item.fieldInfo" class="!m-0 w-full" />
+      </template>
+      <template #image="{ item }">
+        <n-image-group v-if="item.value?.length">
+          <n-space :class="`${props.valueAlign ?? '!justify-end'}`">
+            <n-image
+              v-for="img in item.value"
+              :key="img"
+              :src="`${PreviewPictureUrl}/${img}?userId=${userStore.userInfo.id}`"
+              width="40"
+              height="40"
+            />
+          </n-space>
+        </n-image-group>
+        <data v-else>-</data>
+      </template>
+      <template #[FieldTypeEnum.INPUT]="{ item }">
+        <div class="field-line flex w-full items-center">
+          <div
+            class="mr-[16px] whitespace-nowrap text-[var(--text-n2)]"
+            :style="{ width: props.labelWidth || '120px' }"
+          >
+            {{ item.label }}
+          </div>
+          <CrmSingleText
+            v-if="editableByPermission.includes(item.fieldInfo.id)"
+            v-model:value="formDetail[item.fieldInfo.id]"
+            :field-config="{
+              ...item.fieldInfo,
+              showLabel: false,
+            }"
+            :path="item.fieldInfo.id"
+            :disabled="!hasAnyPermission(['OPPORTUNITY_MANAGEMENT:UPDATE'])"
+            isDescriptionRender
+            :feedback="feedbackMap[item.fieldInfo.id]"
+            class="flex-1"
+          />
+          <div v-else>{{ item.value || '-' }}</div>
+        </div>
+      </template>
+      <template #[FieldTypeEnum.TEXTAREA]="{ item }">
+        <div class="field-line flex w-full items-start">
+          <div
+            class="mr-[16px] whitespace-nowrap text-[var(--text-n2)]"
+            :style="{ width: props.labelWidth || '120px' }"
+          >
+            {{ item.label }}
+          </div>
+          <CrmTextarea
+            v-if="editableByPermission.includes(item.fieldInfo.id)"
+            v-model:value="formDetail[item.fieldInfo.id]"
+            :field-config="{
+              ...item.fieldInfo,
+              showLabel: false,
+            }"
+            :path="item.fieldInfo.id"
+            :disabled="!hasAnyPermission(['OPPORTUNITY_MANAGEMENT:UPDATE'])"
+            isDescriptionRender
+            :feedback="feedbackMap[item.fieldInfo.id]"
+            class="flex-1"
+          />
+          <div v-if="item.value" v-html="item.value?.toString().replace(/\n/g, '<br />')"></div>
+          <div v-else>-</div>
+        </div>
+      </template>
+      <!-- 链接字段 -->
+      <template #[FieldTypeEnum.LINK]="{ item }">
+        <div class="field-line flex w-full items-center">
+          <div
+            class="mr-[16px] whitespace-nowrap text-[var(--text-n2)]"
+            :style="{ width: props.labelWidth || '120px' }"
+          >
+            {{ item.label }}
+          </div>
+          <n-tooltip :delay="300">
+            <template #trigger>
+              <div class="one-line-text cursor-pointer text-[var(--primary-8)]" @click="openLink(item)">
+                {{ item.value || '-' }}
+              </div>
+            </template>
+            {{ item.value || '-' }}
+          </n-tooltip>
+        </div>
+      </template>
+
+      <!-- 单选 DataSource -->
+      <template #dataSource="{ item }">
+        <div class="field-line flex w-full items-center overflow-hidden">
+          <div class="mr-[16px] text-[var(--text-n2)]" :style="{ width: props.labelWidth || '120px' }">
+            {{ item.label }}
+          </div>
+          <CrmTableButton
+            v-if="canOpenDataSource(item) && item.value"
+            class="crm-form-description-link-button flex-1 overflow-hidden"
+            :class="`justify-${props.valueAlign ?? 'end'}`"
+            @click="openDataSource(item)"
+          >
+            <template #trigger>
+              {{ item.value }}
+            </template>
+            {{ item.value }}
+          </CrmTableButton>
+          <n-tooltip
+            v-else
+            :delay="300"
+            :placement="(props.tooltipPosition || item.tooltipPosition) ?? 'top-start'"
+            :disabled="item.value === undefined || item.value === null || item.value?.toString() === ''"
+          >
+            <template #trigger>
+              <div class="one-line-text">
+                {{
+                  item.value === undefined || item.value === null || item.value?.toString() === '' ? '-' : item.value
+                }}
+              </div>
+            </template>
+            {{ item.value }}
+          </n-tooltip>
+        </div>
+      </template>
+
+      <!-- 多选 DataSource -->
+      <template #dataSourceMultiple="{ item }">
+        <div class="field-line flex w-full overflow-hidden">
+          <div class="mr-[16px] text-[var(--text-n2)]" :style="{ width: props.labelWidth || '120px' }">
+            {{ item.label }}
+          </div>
+          <div v-if="canOpenDataSource(item)" class="flex flex-1 flex-col items-start gap-[12px] overflow-hidden">
+            <CrmTableButton
+              v-for="v in item.value"
+              :key="v.id || v"
+              class="crm-form-description-link-button"
+              @click="openDataSource(item, v)"
+            >
+              <template #trigger>
+                {{ v }}
+              </template>
+              {{ v }}
+            </CrmTableButton>
+          </div>
+          <CrmTagGroup
+            v-else-if="Array.isArray(item.value) && item.value.length"
+            :tags="item.value"
+            :label-key="item.tagProps?.labelKey"
+            :class="`justify-${props.valueAlign ?? 'end'}`"
+          />
+        </div>
+      </template>
+
+      <template #[FieldTypeEnum.DATE_TIME]="{ item }">
+        <div class="field-line flex w-full items-center">
+          <div class="mr-[16px] text-[var(--text-n2)]" :style="{ width: props.labelWidth || '120px' }">
+            {{ item.label }}
+          </div>
+          <CrmDateTime
+            v-model:value="formDetail[item.fieldInfo.id]"
+            :field-config="{
+              ...item.fieldInfo,
+              showLabel: false,
+            }"
+            :path="item.fieldInfo.id"
+            :disabled="!hasAnyPermission(['OPPORTUNITY_MANAGEMENT:UPDATE'])"
+            isDescriptionRender
+            :feedback="feedbackMap[item.fieldInfo.id]"
+            @change="() => handleFormChange()"
+          />
+        </div>
+      </template>
+      <template #[FieldTypeEnum.ATTACHMENT]="{ item }">
+        <div class="field-line flex w-full items-center">
+          <div class="mr-[16px] text-[var(--text-n2)]" :style="{ width: props.labelWidth || '120px' }">
+            {{ item.label }}
+          </div>
+          <n-button v-if="item.value.length > 0" type="primary" text @click="openFileListModal(item)">
+            {{ t('crm.formDescription.attachmentTip', { count: item.value.length }) }}
+          </n-button>
+          <div v-else>-</div>
+        </div>
+      </template>
+      <template #[FieldTypeEnum.SUB_PRICE]="{ item }">
+        <div class="field-line flex w-full flex-wrap items-center">
+          <div class="w-full text-[var(--text-n2)]">
+            {{ item.label }}
+          </div>
+          <CrmSubTable
+            :parent-id="item.key || ''"
+            :value="item.value as Record<string, any>[] || []"
+            :sub-fields="item.fieldInfo.subFields"
+            :fixed-column="item.fieldInfo.fixedColumn"
+            :sum-columns="item.fieldInfo.sumColumns"
+            :optionMap="item.optionMap"
+            readonly
+          />
+        </div>
+      </template>
+      <template #[FieldTypeEnum.SUB_PRODUCT]="{ item }">
+        <div class="field-line flex w-full flex-wrap items-center">
+          <div class="w-full text-[var(--text-n2)]">
+            {{ item.label }}
+          </div>
+          <CrmSubTable
+            :parent-id="item.key || ''"
+            :value="item.value as Record<string, any>[] || []"
+            :sub-fields="item.fieldInfo.subFields"
+            :fixed-column="item.fieldInfo.fixedColumn"
+            :sum-columns="item.fieldInfo.sumColumns"
+            :optionMap="item.optionMap"
+            readonly
+          />
+        </div>
+      </template>
+    </CrmDescription>
+  </n-spin>
+  <CrmFileListModal
+    v-model:show="showFileListModal"
+    :readonly="props.readonly"
+    :files="activeFileList"
+    @delete-file="handleDeleteFile"
+  />
+  <businessTitleDrawer
+    v-if="isInitBusinessTitleDetail"
+    v-model:visible="showBusinessTitleDetail"
+    :source-id="activeBusinessTitleId"
+  />
+</template>
+
+<script setup lang="ts">
+  import { NButton, NImage, NImageGroup, NSpace, NSpin, NTooltip, useMessage } from 'naive-ui';
+
+  import { PreviewPictureUrl } from '@lib/shared/api/requrls/system/module';
+  import { FieldDataSourceTypeEnum, FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { ApprovalFieldPermissionModeEnum } from '@lib/shared/enums/process';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { CollaborationType } from '@lib/shared/models/customer';
+  import type { FormConfig } from '@lib/shared/models/system/module';
+  import type { ApprovalFieldPermission } from '@lib/shared/models/system/process';
+
+  import CrmDescription, { Description } from '@/components/pure/crm-description/index.vue';
+  import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+  import CrmTagGroup from '@/components/pure/crm-tag-group/index.vue';
+  import CrmFileListModal from '@/components/business/crm-file-list-modal/index.vue';
+  import CrmFormCreateDivider from '@/components/business/crm-form-create/components/basic/divider.vue';
+  import CrmSubTable from '@/components/business/crm-sub-table/index.vue';
+  import CrmDateTime from '../crm-form-create/components/basic/dateTime.vue';
+  import CrmSingleText from '../crm-form-create/components/basic/singleText.vue';
+  import CrmTextarea from '../crm-form-create/components/basic/textarea.vue';
+
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+  import useUserStore from '@/store/modules/user';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  import { AttachmentInfo, type FormCreateField } from '../crm-form-create/types';
+
+  const businessTitleDrawer = defineAsyncComponent(
+    () => import('@/views/contract/businessTitle/components/detail.vue')
+  );
+
+  const props = withDefaults(
+    defineProps<{
+      sourceId: string;
+      formKey: FormDesignKeyEnum;
+      refreshKey?: number;
+      class?: string;
+      hiddenFields?: string[];
+      column?: number;
+      valueAlign?: 'center' | 'start' | 'end';
+      labelWidth?: string;
+      tooltipPosition?:
+        | 'top-start'
+        | 'top'
+        | 'top-end'
+        | 'right-start'
+        | 'right'
+        | 'right-end'
+        | 'bottom-start'
+        | 'bottom'
+        | 'bottom-end'
+        | 'left-start'
+        | 'left'
+        | 'left-end'
+        | undefined;
+      readonly?: boolean;
+      loadingDescription?: string;
+      oneLineValue?: boolean; // value 是否单行显示
+      oneLineLabel?: boolean; // label 是否单行显示
+      isContractTableDetail?: boolean; // 只支持合同列表打开的合同详情抽屉高亮跳转
+      fieldPermissions?: ApprovalFieldPermission[]; // 字段权限控制
+      otherSaveParams?: Record<string, any>;
+      customFormId?: string;
+    }>(),
+    {
+      oneLineLabel: true,
+      oneLineValue: true,
+    }
+  );
+  const emit = defineEmits<{
+    (
+      e: 'init',
+      collaborationType?: CollaborationType,
+      sourceName?: string,
+      detail?: Record<string, any>,
+      config?: FormConfig
+    ): void;
+    (e: 'openCustomerDetail', params: { customerId: string; inCustomerPool: boolean; poolId: string }): void;
+    (e: 'openContractDetail', params: { id: string }): void;
+    (e: 'openContractPaymentPlanDetail', params: { id: string }): void;
+    (e: 'openOpportunityDetail', params: { id: string }): void;
+    (e: 'openQuotationDetail', params: { id: string }): void;
+  }>();
+
+  const { t } = useI18n();
+  const Message = useMessage();
+  const userStore = useUserStore();
+
+  const needInitDetail = computed(() => true);
+  const hiddenFieldByPermission = computed(
+    () =>
+      props.fieldPermissions
+        ?.filter((e) => e.permissionType === ApprovalFieldPermissionModeEnum.HIDDEN)
+        .map((e) => e.fieldId) || []
+  );
+  const editableByPermission = computed(
+    () =>
+      props.fieldPermissions
+        ?.filter((e) => e.permissionType === ApprovalFieldPermissionModeEnum.EDIT)
+        .map((e) => e.fieldId) || []
+  );
+  const { formKey, sourceId, otherSaveParams, customFormId } = toRefs(props);
+  const {
+    fieldList,
+    descriptions,
+    loading,
+    collaborationType,
+    sourceName,
+    detail,
+    formDetail,
+    moduleFormConfig,
+    formConfig,
+    initFormDetail,
+    initFormConfig,
+    initFormDescription,
+    saveForm,
+  } = useFormCreateApi({
+    formKey,
+    sourceId,
+    needInitDetail,
+    isContractTableDetail: props.isContractTableDetail,
+    otherSaveParams,
+    customFormId,
+  });
+
+  const realDescriptions = computed(() => {
+    return descriptions.value
+      .filter(
+        (item) =>
+          !props.hiddenFields?.includes(item.fieldInfo.id) &&
+          !hiddenFieldByPermission.value?.includes(item.fieldInfo.id)
+      )
+      .map((item) => {
+        // 独占一行
+        if (
+          [FieldTypeEnum.TEXTAREA, FieldTypeEnum.DIVIDER, FieldTypeEnum.SUB_PRICE, FieldTypeEnum.SUB_PRODUCT].includes(
+            item.fieldInfo.type
+          )
+        ) {
+          const extraClass = props.column && props.column > 1 ? '!w-full' : '';
+          return {
+            ...item,
+            class: [item.class, extraClass].filter(Boolean).join(' '), // 合并 class
+          };
+        }
+        return item;
+      });
+  });
+  const isInit = ref(false);
+
+  const feedbackMap = ref<Record<string, string>>({});
+
+  function validateField(field: FormCreateField) {
+    if (
+      editableByPermission.value.includes(field.id) ||
+      (field.businessKey === 'expectedEndTime' && !field.resourceFieldId)
+    ) {
+      // 只校验可编辑字段（商机结束日期字段特殊处理）
+      if (field.rules.some((rule) => rule.key === 'required')) {
+        const currentValue = formDetail.value[field.id];
+        if (
+          currentValue === null ||
+          currentValue === undefined ||
+          (Array.isArray(currentValue) && currentValue.length === 0) ||
+          (typeof currentValue === 'string' && currentValue.trim() === '')
+        ) {
+          Message.warning(t('common.notNull', { value: field.name }));
+          feedbackMap.value[field.id] = t('common.notNull', { value: field.name });
+          return false;
+        }
+        feedbackMap.value[field.id] = '';
+        return true;
+      }
+    }
+    feedbackMap.value[field.id] = '';
+    return true;
+  }
+
+  function handleFormChange(callback?: () => void) {
+    nextTick(async () => {
+      try {
+        if (!isInit.value) return;
+        let hasErrorField = false;
+        for (let i = 0; i < fieldList.value.length; i++) {
+          const item = fieldList.value[i];
+          if (
+            [FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.MEMBER, FieldTypeEnum.DEPARTMENT].includes(item.type) &&
+            Array.isArray(formDetail.value[item.id])
+          ) {
+            // 处理数据源字段，单选传单个值
+            formDetail.value[item.id] = formDetail.value[item.id]?.[0];
+          }
+          if (item.subFields?.length) {
+            const parentFieldDetail = formDetail.value[item.id];
+            if (parentFieldDetail) {
+              parentFieldDetail.forEach((subItem: Record<string, any>) => {
+                item.subFields?.forEach((subField) => {
+                  if ([FieldTypeEnum.DATA_SOURCE].includes(subField.type) && Array.isArray(subItem[subField.id])) {
+                    // 处理数据源字段，单选传单个值
+                    subItem[subField.id] = subItem[subField.id]?.[0];
+                  }
+                });
+              });
+            }
+          }
+          if (!validateField(item)) {
+            hasErrorField = true;
+            break;
+          }
+        }
+        if (!hasErrorField) {
+          await saveForm(formDetail.value, false, callback, true);
+        }
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      }
+    });
+  }
+
+  function openCustomerDetail(customerId: string | string[]) {
+    emit('openCustomerDetail', {
+      customerId: Array.isArray(customerId) ? customerId[0] : customerId,
+      inCustomerPool: detail.value.inCustomerPool,
+      poolId: detail.value.poolId,
+    });
+  }
+
+  function openContractDetail(id: string | string[]) {
+    emit('openContractDetail', {
+      id: Array.isArray(id) ? id[0] : id,
+    });
+  }
+
+  function openContractPaymentPlanDetail(id: string | string[]) {
+    emit('openContractPaymentPlanDetail', {
+      id: Array.isArray(id) ? id[0] : id,
+    });
+  }
+
+  const isInitBusinessTitleDetail = ref(false);
+  const showBusinessTitleDetail = ref(false);
+  const activeBusinessTitleId = ref<string>('');
+  function openContractBusinessTitleDetail(id: string | string[]) {
+    activeBusinessTitleId.value = Array.isArray(id) ? id[0] : id;
+    isInitBusinessTitleDetail.value = true;
+    showBusinessTitleDetail.value = true;
+  }
+
+  function openOpportunityDetail(id: string | string[]) {
+    emit('openOpportunityDetail', {
+      id: Array.isArray(id) ? id[0] : id,
+    });
+  }
+
+  function openQuotationDetail(id: string | string[]) {
+    emit('openQuotationDetail', {
+      id: Array.isArray(id) ? id[0] : id,
+    });
+  }
+
+  type DataSourceConfig = {
+    canOpen: (item: Description) => boolean;
+    open: (id: string | string[]) => void;
+  };
+  const dataSourceConfig: Partial<Record<FieldDataSourceTypeEnum, DataSourceConfig>> = {
+    [FieldDataSourceTypeEnum.CUSTOMER]: {
+      canOpen: (item: Description) => {
+        const { value } = item;
+
+        const valid = value !== t('common.optionNotExist') && value !== '-';
+
+        if (!valid) return false;
+
+        if (detail.value.inCustomerPool) {
+          return hasAnyPermission(['CUSTOMER_MANAGEMENT_POOL:READ']);
+        }
+
+        return hasAnyPermission(['CUSTOMER_MANAGEMENT:READ']);
+      },
+      open: openCustomerDetail,
+    },
+
+    [FieldDataSourceTypeEnum.CONTRACT]: {
+      canOpen: () => hasAnyPermission(['CONTRACT:READ']),
+      open: openContractDetail,
+    },
+
+    [FieldDataSourceTypeEnum.CONTRACT_PAYMENT]: {
+      canOpen: () => hasAnyPermission(['CONTRACT_PAYMENT_PLAN:READ']),
+      open: openContractPaymentPlanDetail,
+    },
+
+    [FieldDataSourceTypeEnum.BUSINESS_TITLE]: {
+      canOpen: () => hasAnyPermission(['CONTRACT_BUSINESS_TITLE:READ']),
+      open: openContractBusinessTitleDetail,
+    },
+
+    [FieldDataSourceTypeEnum.QUOTATION]: {
+      canOpen: () => hasAnyPermission(['OPPORTUNITY_QUOTATION:READ']),
+      open: openQuotationDetail,
+    },
+
+    [FieldDataSourceTypeEnum.BUSINESS]: {
+      canOpen: () => hasAnyPermission(['OPPORTUNITY_MANAGEMENT:READ']),
+      open: openOpportunityDetail,
+    },
+  };
+
+  function canOpenDataSource(item: Description) {
+    const config = dataSourceConfig[item.fieldInfo.dataSourceType as FieldDataSourceTypeEnum];
+
+    if (!config) return false;
+
+    return config.canOpen?.(item);
+  }
+
+  function openDataSource(item: Description, value?: string) {
+    const config = dataSourceConfig[item.fieldInfo.dataSourceType as FieldDataSourceTypeEnum];
+
+    if (!config) return;
+    const option = item.fieldInfo.initialOptions?.find((i: { id: string; name: string }) => i.name === value);
+
+    const id = option?.id ?? formDetail.value[item.fieldInfo.id];
+    config.open(id);
+  }
+
+  // 打开链接
+  function openLink(item: any) {
+    if (item.fieldInfo.openMode === 'openInCurrent') {
+      window.location.href = item.value;
+    } else {
+      window.open(item.value, '_blank');
+    }
+  }
+
+  const showFileListModal = ref(false);
+  const activeFileList = ref<AttachmentInfo[]>([]);
+  const activeDescItem = ref<Description>();
+  function openFileListModal(item: Description) {
+    showFileListModal.value = true;
+    activeFileList.value = (item.value as AttachmentInfo[]) || [];
+    activeDescItem.value = item;
+  }
+
+  function handleDeleteFile(id: string) {
+    activeFileList.value = activeFileList.value.filter((file) => file.id !== id);
+    if (activeDescItem.value) {
+      activeDescItem.value.value = (activeDescItem.value?.value as AttachmentInfo[])?.filter(
+        (file: AttachmentInfo) => file.id !== id
+      );
+    }
+    formDetail.value[activeDescItem.value?.fieldInfo.id] = formDetail.value[activeDescItem.value?.fieldInfo.id].filter(
+      (e: string) => e !== id
+    );
+    handleFormChange();
+  }
+
+  watch(
+    () => props.refreshKey,
+    async () => {
+      await initFormDetail(true);
+      emit('init', collaborationType.value, sourceName.value, detail.value, formConfig.value);
+    }
+  );
+
+  onBeforeMount(async () => {
+    await initFormConfig();
+    await initFormDetail(true);
+    emit('init', collaborationType.value, sourceName.value, detail.value, formConfig.value);
+    isInit.value = true;
+  });
+
+  defineExpose({
+    initFormDescription,
+    handleFormChange,
+    moduleFormConfig,
+  });
+</script>
+
+<style lang="less">
+  .crm-description {
+    .crm-form-description-link-button {
+      height: 20px !important;
+      font-size: 14px !important;
+    }
+  }
+</style>
+
+<style lang="less" scoped>
+  :deep(.n-form-item-feedback-wrapper) {
+    display: none;
+  }
+  .value-align-start .field-line {
+    justify-content: flex-start;
+  }
+  .value-align-center .field-line {
+    justify-content: center;
+  }
+  .value-align-end .field-line {
+    justify-content: space-between;
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-form-description/locale/en-US.ts b/frontend/packages/web/src/components/business/crm-form-description/locale/en-US.ts
new file mode 100644
index 0000000..ba0b733
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-description/locale/en-US.ts
@@ -0,0 +1,3 @@
+export default {
+  'crm.formDescription.attachmentTip': '{count} attachments',
+};
diff --git a/frontend/packages/web/src/components/business/crm-form-description/locale/zh-CN.ts b/frontend/packages/web/src/components/business/crm-form-description/locale/zh-CN.ts
new file mode 100644
index 0000000..87294c8
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-description/locale/zh-CN.ts
@@ -0,0 +1,3 @@
+export default {
+  'crm.formDescription.attachmentTip': '{count}个附件',
+};
diff --git a/frontend/packages/web/src/components/business/crm-form-design-drawer/index.vue b/frontend/packages/web/src/components/business/crm-form-design-drawer/index.vue
new file mode 100644
index 0000000..979152b
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-design-drawer/index.vue
@@ -0,0 +1,148 @@
+<template>
+  <CrmDrawer
+    v-model:show="visible"
+    width="100%"
+    :footer="false"
+    :closable="false"
+    :close-on-esc="false"
+    :loading="loading"
+    header-class="crm-form-drawer-header"
+    body-content-class="!p-0"
+  >
+    <template #header>
+      <div class="flex items-center justify-between">
+        <div class="flex items-center">
+          <n-button text class="mr-[4px] w-[32px]" @click="handleBack">
+            <n-icon size="16">
+              <ChevronBackOutline />
+            </n-icon>
+          </n-button>
+          <div class="text-[14px] font-normal"> {{ props.title }}</div>
+          <!-- <n-input
+            v-model:value="name"
+            type="text"
+            :placeholder="t('common.pleaseInput')"
+            size="medium"
+            clearable
+            class="crm-form-drawer-title"
+            autosize
+            :status="name.trim() === '' ? 'error' : undefined"
+            :maxlength="255"
+          ></n-input> -->
+        </div>
+        <n-button type="primary" :loading="loading" @click="handleSave">{{ t('common.save') }}</n-button>
+      </div>
+    </template>
+    <CrmFormDesign
+      v-if="visible"
+      ref="formDesignRef"
+      v-model:form-config="formConfig"
+      v-model:field-list="fieldList"
+      :form-key="props.formKey"
+    />
+  </CrmDrawer>
+</template>
+
+<script setup lang="ts">
+  import { NButton, NIcon, useMessage } from 'naive-ui';
+  import { ChevronBackOutline } from '@vicons/ionicons5';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+
+  import { saveFormDesignConfig } from '@/api/modules';
+  import useModal from '@/hooks/useModal';
+
+  import { useFormDesignConfig } from './useFormDesignConfig';
+
+  const CrmFormDesign = defineAsyncComponent(() => import('@/components/business/crm-form-design/index.vue'));
+
+  const props = defineProps<{
+    title: string;
+    formKey: FormDesignKeyEnum;
+  }>();
+
+  const { t } = useI18n();
+  const Message = useMessage();
+  const { openModal } = useModal();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const formKey = computed(() => props.formKey);
+  const { loading, fieldList, formConfig, unsaved, checkRepeat, buildSavePayload, initFormConfig } =
+    useFormDesignConfig({ formKey });
+
+  function showUnsavedLeaveTip() {
+    openModal({
+      type: 'warning',
+      title: t('common.unSaveLeaveTitle'),
+      content: t('common.editUnsavedLeave'),
+      positiveText: t('common.confirm'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        visible.value = false;
+      },
+    });
+  }
+
+  function handleBack() {
+    if (!loading.value) {
+      if (unsaved.value) {
+        showUnsavedLeaveTip();
+      } else {
+        visible.value = false;
+      }
+    }
+  }
+
+  async function handleSave() {
+    if (!checkRepeat()) {
+      return;
+    }
+    try {
+      loading.value = true;
+      await saveFormDesignConfig(buildSavePayload());
+      Message.success(t('common.saveSuccess'));
+      visible.value = false;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  watch(
+    () => visible.value,
+    (val) => {
+      if (val) {
+        initFormConfig();
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
+
+<style lang="less">
+  .crm-form-drawer-header {
+    padding: 12px 16px !important;
+    .n-drawer-header__main {
+      max-width: 100%;
+      .crm-form-drawer-title {
+        --n-border: none !important;
+        --n-border-hover: none !important;
+        --n-border-focus: none !important;
+        --n-box-shadow-focus: none !important;
+
+        min-width: 80px;
+        border-bottom: 2px solid var(--text-n8);
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-form-design-drawer/useFormDesignConfig.ts b/frontend/packages/web/src/components/business/crm-form-design-drawer/useFormDesignConfig.ts
new file mode 100644
index 0000000..58322d5
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-design-drawer/useFormDesignConfig.ts
@@ -0,0 +1,218 @@
+import { nextTick, type Ref, ref, watch } from 'vue';
+import { useMessage } from 'naive-ui';
+
+import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+import { safeFractionConvert } from '@lib/shared/method';
+import type { FormConfig } from '@lib/shared/models/system/module';
+
+import type CrmFormDesign from '@/components/business/crm-form-design/index.vue';
+
+import { getFormDesignConfig } from '@/api/modules';
+
+import type { FormCreateField } from '../crm-form-create/types';
+
+export interface FormDesignSavePayload {
+  formKey: FormDesignKeyEnum;
+  formProp: FormConfig;
+  fields: FormCreateField[];
+}
+
+export function createDefaultFormConfig(t: ReturnType<typeof useI18n>['t']): FormConfig {
+  return {
+    layout: 1,
+    labelPos: 'top',
+    inputWidth: 'custom',
+    optBtnContent: [
+      {
+        text: t('common.save'),
+        enable: true,
+      },
+      {
+        text: t('common.saveAndContinue'),
+        enable: false,
+      },
+      {
+        text: t('common.cancel'),
+        enable: true,
+      },
+    ],
+    optBtnPos: 'flex-row',
+    viewSize: 'small',
+  };
+}
+
+function resolveFormDesignConfigKey(formKey: FormDesignKeyEnum) {
+  // 跟进记录和计划 key 特殊处理，因为各模块 key 不一致但是表单配置一致
+  if (formKey.includes('record')) {
+    return 'record' as FormDesignKeyEnum;
+  }
+
+  if (formKey.includes('plan')) {
+    return 'plan' as FormDesignKeyEnum;
+  }
+
+  return formKey;
+}
+
+export function useFormDesignConfig(options: { formKey: Ref<FormDesignKeyEnum> }) {
+  const { t } = useI18n();
+  const message = useMessage();
+
+  const loading = ref(false);
+  const fieldList = ref<FormCreateField[]>([]);
+  const formConfig = ref<FormConfig>(createDefaultFormConfig(t));
+  const formDesignRef = ref<InstanceType<typeof CrmFormDesign>>();
+  const unsaved = ref(false);
+
+  watch(
+    () => [fieldList.value, formConfig.value],
+    () => {
+      unsaved.value = true;
+    },
+    {
+      deep: true,
+    }
+  );
+
+  function checkRepeat() {
+    const fieldNameSet = new Set<string>();
+    for (let i = 0; i < fieldList.value.length; i++) {
+      const field = fieldList.value[i];
+      if (fieldNameSet.has(field.name)) {
+        message.error(t('crmFormDesign.repeatFieldName'));
+        formDesignRef.value?.setActiveField(field);
+        return false;
+      }
+
+      if ([FieldTypeEnum.SUB_PRICE, FieldTypeEnum.SUB_PRODUCT].includes(field.type) && field.subFields) {
+        const subFieldNameSet = new Set<string>();
+        for (let j = 0; j < field.subFields.length; j++) {
+          const subField = field.subFields[j];
+          if (subFieldNameSet.has(subField.name)) {
+            message.error(t('crmFormDesign.repeatFieldName'));
+            formDesignRef.value?.setActiveField(field);
+            return false;
+          }
+
+          subFieldNameSet.add(subField.name);
+        }
+      }
+
+      fieldNameSet.add(field.name);
+    }
+
+    const optionsFields = fieldList.value.filter((field) =>
+      [FieldTypeEnum.RADIO, FieldTypeEnum.SELECT, FieldTypeEnum.CHECKBOX, FieldTypeEnum.SELECT_MULTIPLE].includes(
+        field.type
+      )
+    );
+    for (let i = 0; i < optionsFields.length; i++) {
+      const field = optionsFields[i];
+      const optionList = field.options || [];
+      const optionLabelSet = new Set<string>();
+      for (let j = 0; j < optionList.length; j++) {
+        const option = optionList[j];
+        if (optionLabelSet.has(option.label)) {
+          message.error(t('crmFormDesign.repeatOptionName'));
+          formDesignRef.value?.setActiveField(field);
+          return false;
+        }
+
+        optionLabelSet.add(option.label);
+      }
+    }
+
+    return true;
+  }
+
+  function buildSavePayload(): FormDesignSavePayload {
+    return {
+      formKey: options.formKey.value,
+      formProp: formConfig.value,
+      fields: fieldList.value.map((field) => {
+        if (field.type === FieldTypeEnum.SUB_PRICE || field.type === FieldTypeEnum.SUB_PRODUCT) {
+          field.subFields = field.subFields?.map(
+            (subField) =>
+              ({
+                ...subField,
+                id: subField.id,
+              } as FormCreateField)
+          );
+        }
+
+        return {
+          ...field,
+          id: field.id,
+          defaultValue:
+            [FieldTypeEnum.SELECT, FieldTypeEnum.DEPARTMENT, FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.MEMBER].includes(
+              field.type
+            ) && Array.isArray(field.defaultValue)
+              ? field.defaultValue[0] || ''
+              : field.defaultValue,
+        };
+      }),
+    };
+  }
+
+  function setFormConfigDetail(res: { fields: FormCreateField[]; formProp: FormConfig }) {
+    fieldList.value = res.fields.map((item) => {
+      const newSubFields = item.subFields?.map((field) => ({
+        ...field,
+        description: '',
+        id: field.id,
+      }));
+
+      return {
+        ...item,
+        id: item.id,
+        internalKey: item.internalKey,
+        type: item.type,
+        name: t(item.name),
+        placeholder: t(item.placeholder || ''),
+        fieldWidth: safeFractionConvert(item.fieldWidth),
+        subFields: newSubFields,
+        defaultValue:
+          [FieldTypeEnum.DEPARTMENT, FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.MEMBER].includes(item.type) &&
+          typeof item.defaultValue === 'string'
+            ? [item.defaultValue]
+            : item.defaultValue,
+        // 处理数据源显示字段 id
+        sumColumns:
+          item.sumColumns?.map((sumColumn) => {
+            const newSubField = newSubFields?.find((field) => field.id.includes(sumColumn));
+            return newSubField ? newSubField.id : sumColumn;
+          }) || [],
+      };
+    });
+    formConfig.value = res.formProp;
+    nextTick(() => {
+      unsaved.value = false;
+    });
+  }
+
+  async function initFormConfig() {
+    try {
+      loading.value = true;
+      const res = await getFormDesignConfig(resolveFormDesignConfigKey(options.formKey.value));
+      setFormConfigDetail(res);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  return {
+    loading,
+    fieldList,
+    formConfig,
+    formDesignRef,
+    unsaved,
+    checkRepeat,
+    buildSavePayload,
+    setFormConfigDetail,
+    initFormConfig,
+  };
+}
diff --git a/frontend/packages/web/src/components/business/crm-form-design/components/dataTable.vue b/frontend/packages/web/src/components/business/crm-form-design/components/dataTable.vue
new file mode 100644
index 0000000..2e7ed85
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-design/components/dataTable.vue
@@ -0,0 +1,341 @@
+<template>
+  <n-form-item :label="fieldConfig.name" :show-label="fieldConfig.showLabel" :path="props.path">
+    <div v-if="fieldConfig.description" class="crm-form-create-item-desc" v-html="fieldConfig.description"></div>
+    <div class="flex w-full border border-[var(--text-n8)]">
+      <span class="inline-flex h-[100px] w-[40px] flex-col items-center">
+        <div class="h-[46.5px]"></div>
+        <n-divider class="!my-0" />
+        <div class="px-[16px] py-[12px]">1</div>
+      </span>
+      <VueDraggable
+        v-if="fieldConfig.subFields"
+        v-model="fieldConfig.subFields"
+        :animation="150"
+        ghost-class="crm-form-design--composition-item-ghost"
+        :group="{
+          name: 'crmFormDesignSubTable',
+          put(to, from) {
+            return typeof from.options.group !== 'string' ? from.options.group?.name === 'crmFormDesign' : false;
+          },
+        }"
+        class="crm-form-design--composition-drag-wrapper crm-form-design-subtable-wrapper"
+        @start="onStart"
+      >
+        <template v-for="(item, index) in fieldConfig.subFields" :key="item.id">
+          <div
+            v-if="item.show !== false"
+            :id="item.id"
+            class="crm-form-design--composition-item--subtable"
+            :class="[
+              activeItem?.id === item.id ? 'crm-form-design--composition-item--subtable--active' : '',
+              fieldConfig.fixedColumn && fieldConfig.fixedColumn >= index + 1
+                ? 'crm-form-design--composition-item--subtable--shadow !sticky z-50'
+                : '',
+            ]"
+            :style="{
+              left: fieldConfig.fixedColumn && fieldConfig.fixedColumn >= index + 1 ? `${index * 160}px` : '',
+              boxShadow:
+                fieldConfig.fixedColumn && fieldConfig.fixedColumn >= index + 1
+                  ? '3px 0 6px -3px rgba(0,0,0,0.12)'
+                  : '',
+            }"
+            @click.stop="() => handleItemClick(item)"
+          >
+            <div
+              v-if="(!item.resourceFieldId && !item.businessKey) || !item.businessKey || item.resourceFieldId"
+              class="crm-form-design--composition-item-tools--subtable"
+            >
+              <n-tooltip
+                v-if="!item.resourceFieldId && !item.businessKey"
+                :delay="300"
+                :show-arrow="false"
+                class="crm-form-design--composition-item-tools-tip"
+              >
+                <template #trigger>
+                  <CrmIcon
+                    type="iconicon_file_copy"
+                    :size="16"
+                    class="cursor-pointer hover:text-[var(--primary-8)]"
+                    @click.stop="copyItem(item)"
+                  />
+                </template>
+                {{ t('common.copy') }}
+              </n-tooltip>
+              <n-tooltip
+                v-if="!item.businessKey || item.resourceFieldId"
+                :delay="300"
+                :show-arrow="false"
+                class="crm-form-design--composition-item-tools-tip"
+              >
+                <template #trigger>
+                  <CrmIcon
+                    type="iconicon_delete"
+                    :size="16"
+                    class="cursor-pointer hover:text-[var(--error-red)]"
+                    @click.stop="deleteItem(item)"
+                  />
+                </template>
+                {{ t('common.delete') }}
+              </n-tooltip>
+            </div>
+            <component :is="getItemComponent(item.type)" :field-config="item" :path="item.id" isSubTableField />
+            <div class="crm-form-design--composition-item-mask"></div>
+          </div>
+        </template>
+      </VueDraggable>
+    </div>
+    <div
+      v-if="fieldConfig.sumColumns?.length"
+      class="flex w-full items-center border border-t-0 border-[var(--text-n8)]"
+    >
+      <div class="flex items-center px-[16px] py-[12px]">
+        {{ t('crmFormDesign.sum') }}
+      </div>
+    </div>
+  </n-form-item>
+</template>
+
+<script setup lang="ts">
+  import { NDivider, NFormItem, NTooltip } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+  import { VueDraggable } from 'vue-draggable-plus';
+
+  import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { getGenerateId } from '@lib/shared/method';
+  import { FormConfig } from '@lib/shared/models/system/module';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmFormCreateComponents from '@/components/business/crm-form-create/components';
+  import { FormCreateField } from '@/components/business/crm-form-create/types';
+
+  const props = defineProps<{
+    formConfig: FormConfig;
+    path: string;
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: string): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const fieldConfig = defineModel<FormCreateField>('fieldConfig', {
+    required: true,
+  });
+  const activeItem = defineModel<FormCreateField | null>('field', {
+    default: null,
+  });
+
+  function onStart(e: any) {
+    activeItem.value = e.data as FormCreateField;
+  }
+
+  function handleItemClick(item: FormCreateField) {
+    activeItem.value = item;
+  }
+
+  function getItemComponent(type: FieldTypeEnum) {
+    if (type === FieldTypeEnum.INPUT) {
+      return CrmFormCreateComponents.basicComponents.singleText;
+    }
+    if (type === FieldTypeEnum.TEXTAREA) {
+      return CrmFormCreateComponents.basicComponents.textarea;
+    }
+    if (type === FieldTypeEnum.INPUT_NUMBER) {
+      return CrmFormCreateComponents.basicComponents.inputNumber;
+    }
+    if (type === FieldTypeEnum.DATE_TIME) {
+      return CrmFormCreateComponents.basicComponents.dateTime;
+    }
+    if (type === FieldTypeEnum.RADIO) {
+      return CrmFormCreateComponents.basicComponents.radio;
+    }
+    if (type === FieldTypeEnum.CHECKBOX) {
+      return CrmFormCreateComponents.basicComponents.checkbox;
+    }
+    if ([FieldTypeEnum.SELECT, FieldTypeEnum.SELECT_MULTIPLE].includes(type)) {
+      return CrmFormCreateComponents.basicComponents.select;
+    }
+    if (
+      [
+        FieldTypeEnum.MEMBER,
+        FieldTypeEnum.MEMBER_MULTIPLE,
+        FieldTypeEnum.DEPARTMENT,
+        FieldTypeEnum.DEPARTMENT_MULTIPLE,
+      ].includes(type)
+    ) {
+      return CrmFormCreateComponents.basicComponents.memberSelect;
+    }
+    if (type === FieldTypeEnum.INPUT_MULTIPLE) {
+      return CrmFormCreateComponents.basicComponents.tagInput;
+    }
+    if (type === FieldTypeEnum.LOCATION) {
+      return CrmFormCreateComponents.advancedComponents.location;
+    }
+    if (type === FieldTypeEnum.PHONE) {
+      return CrmFormCreateComponents.advancedComponents.phone;
+    }
+    if ([FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.DATA_SOURCE_MULTIPLE].includes(type)) {
+      return CrmFormCreateComponents.advancedComponents.dataSource;
+    }
+    if (type === FieldTypeEnum.SERIAL_NUMBER) {
+      return CrmFormCreateComponents.advancedComponents.serialNumber;
+    }
+    if (type === FieldTypeEnum.LINK) {
+      return CrmFormCreateComponents.advancedComponents.link;
+    }
+    if (type === FieldTypeEnum.INDUSTRY) {
+      return CrmFormCreateComponents.advancedComponents.industry;
+    }
+    if (type === FieldTypeEnum.FORMULA) {
+      return CrmFormCreateComponents.advancedComponents.formula;
+    }
+    if (type === FieldTypeEnum.PICTURE) {
+      return CrmFormCreateComponents.advancedComponents.upload;
+    }
+  }
+
+  function copyItem(item: FormCreateField) {
+    const res: FormCreateField = {
+      ...item,
+      id: getGenerateId(),
+      internalKey: undefined,
+      businessKey: undefined,
+      disabledProps: [],
+      isNew: true,
+    };
+    // if (
+    //   [FieldTypeEnum.CHECKBOX, FieldTypeEnum.RADIO, FieldTypeEnum.SELECT].includes(item.type) &&
+    //   item.options?.length === 0
+    // ) {
+    //   res.options = [
+    //     {
+    //       label: t('crmFormDesign.option', { i: 1 }),
+    //       value: getGenerateId(),
+    //     },
+    //     {
+    //       label: t('crmFormDesign.option', { i: 2 }),
+    //       value: getGenerateId(),
+    //     },
+    //     {
+    //       label: t('crmFormDesign.option', { i: 3 }),
+    //       value: getGenerateId(),
+    //     },
+    //   ];
+    // }
+    if (!fieldConfig.value.subFields) {
+      fieldConfig.value.subFields = [];
+    }
+    fieldConfig.value.subFields.push(cloneDeep(res));
+  }
+
+  function deleteItem(item: FormCreateField) {
+    fieldConfig.value.subFields = fieldConfig.value.subFields?.filter((e) => e.id !== item.id);
+    if (activeItem.value?.id === item.id) {
+      activeItem.value = null;
+    }
+    if (item.resourceFieldId) {
+      const sourceField = fieldConfig.value.subFields?.find((f) => f.id === item.resourceFieldId);
+      if (sourceField) {
+        sourceField.showFields = sourceField.showFields?.filter((id) => id !== item.id.split('_ref_')[1]); // 数据源显示字段 id 是拼接_ref_的
+      }
+    }
+    if (item.type === FieldTypeEnum.DATA_SOURCE && item.showFields?.length) {
+      // 删除字段时，同时删除数据源字段关联的显示字段
+      fieldConfig.value.subFields = fieldConfig.value.subFields?.filter(
+        (e) => !item.showFields?.some((id) => id === e.id)
+      );
+    }
+  }
+</script>
+
+<style lang="less">
+  .crm-form-design--composition-item--active {
+    .crm-form-design--composition-item--subtable {
+      background-color: var(--primary-7) !important;
+    }
+  }
+  .crm-form-design--composition-item:hover {
+    .crm-form-design--composition-item--subtable {
+      background-color: var(--text-n9) !important;
+    }
+  }
+  .crm-form-design-subtable-wrapper {
+    .crm-scroll-bar();
+    @apply w-full !flex-nowrap overflow-x-auto overflow-y-hidden;
+
+    height: 100px !important;
+    .crm-form-design--composition-item--subtable {
+      @apply relative;
+
+      padding: 0 !important;
+      flex: 0 0 160px;
+      width: 160px !important;
+      height: 94px !important;
+      border: 1px solid transparent;
+      background-color: var(--text-n10);
+      .crm-form-design--composition-item-tools--subtable {
+        @apply invisible absolute z-20 flex items-center;
+
+        top: 8px !important;
+        right: 4px !important;
+        padding: 3px 4px;
+        border: 1px solid var(--text-n7);
+        border-radius: var(--border-radius-small);
+        background-color: var(--text-n10);
+        gap: 8px;
+      }
+      .n-form-item {
+        height: 96px;
+        .n-form-item-label {
+          margin-bottom: 0 !important;
+          padding: 8px 4px;
+          padding: 12px 4px !important;
+        }
+        .n-form-item-blank {
+          @apply items-start;
+
+          height: 46px;
+          .n-input,
+          .n-select {
+            margin: 8px 4px;
+          }
+        }
+        .n-form-item-label__text {
+          max-width: 100%;
+        }
+      }
+      &:not(.crm-form-design--composition-item--active):hover {
+        border: 1px dashed var(--primary-8) !important;
+      }
+    }
+    .crm-form-design--composition-item--subtable--active {
+      border: 1px solid var(--primary-8);
+      background-color: var(--primary-7);
+      .crm-form-design--composition-item-tools--subtable {
+        @apply visible;
+      }
+    }
+    .crm-form-design--composition-item--subtable:hover > .crm-form-design--composition-item-tools--subtable {
+      @apply visible;
+    }
+    .crm-form-design--composition-item-ghost {
+      width: 160px !important;
+      flex: 0 0 160px;
+      height: 94px !important;
+    }
+    .crm-form-design--composition-item--subtable--shadow::after {
+      position: absolute;
+      top: 0;
+      right: -3px; /* 在元素右侧外露 3px */
+      bottom: 0;
+      width: 3px; /* 精确 3px 宽度 */
+      background: linear-gradient(to right, rgb(0 0 0 / 12%), rgb(0 0 0 / 0%));
+      content: '';
+      pointer-events: none;
+    }
+    .n-input {
+      width: 150px;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-form-design/components/fieldComponents.vue b/frontend/packages/web/src/components/business/crm-form-design/components/fieldComponents.vue
new file mode 100644
index 0000000..5e76ac3
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-design/components/fieldComponents.vue
@@ -0,0 +1,202 @@
+<template>
+  <n-scrollbar class="flex flex-col p-[16px]">
+    <div class="crm-form-design-field-title">{{ t('crmFormDesign.basicField') }}</div>
+    <VueDraggable
+      v-model="basicFields"
+      :animation="150"
+      ghost-class="crm-form-design--composition-item-ghost"
+      :group="{ name: 'crmFormDesign', pull: 'clone', put: false }"
+      :clone="clone"
+      :sort="false"
+      class="crm-form-design-field-wrapper mb-[24px]"
+      @move="handleMove"
+    >
+      <div
+        v-for="field of basicFields"
+        :key="field.type"
+        class="crm-form-design-field-item"
+        draggable="true"
+        @click="() => handleFieldClick(field)"
+      >
+        <CrmIcon :type="field.icon" />
+        <div>{{ t(field.name) }}</div>
+      </div>
+    </VueDraggable>
+    <div class="crm-form-design-field-title">{{ t('crmFormDesign.advancedField') }}</div>
+    <VueDraggable
+      v-model="realAdvancedFields"
+      :animation="150"
+      ghost-class="crm-form-design--composition-item-ghost"
+      :group="{ name: 'crmFormDesign', pull: 'clone', put: false }"
+      :clone="clone"
+      :sort="false"
+      class="crm-form-design-field-wrapper"
+      @move="handleMove"
+    >
+      <div
+        v-for="field of realAdvancedFields"
+        :key="field.type"
+        class="crm-form-design-field-item"
+        :class="getFieldDisable(field) ? 'crm-form-design-field-item--disabled' : ''"
+        :draggable="!getFieldDisable(field)"
+        @click="() => handleFieldClick(field)"
+      >
+        <CrmIcon :type="field.icon" />
+        <div>{{ t(field.name) }}</div>
+      </div>
+    </VueDraggable>
+  </n-scrollbar>
+</template>
+
+<script setup lang="ts">
+  import { NScrollbar } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+  import { VueDraggable } from 'vue-draggable-plus';
+
+  import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { getGenerateId } from '@lib/shared/method';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import { advancedFields, basicFields } from '@/components/business/crm-form-create/config';
+  import { FormCreateField } from '@/components/business/crm-form-create/types';
+
+  const props = defineProps<{
+    fieldList: FormCreateField[];
+    formKey: FormDesignKeyEnum;
+  }>();
+  const emit = defineEmits<{
+    (e: 'select', field: FormCreateField): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const realAdvancedFields: FormCreateField[] = [];
+  if ([FormDesignKeyEnum.PRICE, FormDesignKeyEnum.CONTRACT, FormDesignKeyEnum.ORDER].includes(props.formKey)) {
+    advancedFields.forEach((field) => {
+      if (field.type !== FieldTypeEnum.SUB_PRICE) {
+        realAdvancedFields.push(field);
+      }
+    });
+  } else if (props.formKey === FormDesignKeyEnum.OPPORTUNITY_QUOTATION) {
+    advancedFields.forEach((field) => {
+      if (field.type !== FieldTypeEnum.SUB_PRODUCT) {
+        realAdvancedFields.push(field);
+      }
+    });
+  } else {
+    advancedFields.forEach((field) => {
+      if (![FieldTypeEnum.SUB_PRODUCT, FieldTypeEnum.SUB_PRICE].includes(field.type)) {
+        realAdvancedFields.push(field);
+      }
+    });
+  }
+
+  function getFieldDisable(item: FormCreateField) {
+    if (item.type === FieldTypeEnum.SERIAL_NUMBER) {
+      return props.fieldList.some((e) => e.type === FieldTypeEnum.SERIAL_NUMBER && !e.resourceFieldId);
+    }
+    if (
+      item.type === FieldTypeEnum.SUB_PRODUCT &&
+      ![FormDesignKeyEnum.OPPORTUNITY_QUOTATION, FormDesignKeyEnum.CONTRACT, FormDesignKeyEnum.ORDER].includes(
+        props.formKey
+      )
+    ) {
+      // 报价单/合同支持多个子表格
+      return props.fieldList.some((e) => e.type === FieldTypeEnum.SUB_PRODUCT);
+    }
+    return false;
+  }
+
+  function handleMove(e: any) {
+    return (
+      !getFieldDisable(e.data) &&
+      (e.to.className.includes('crm-form-design-subtable-wrapper') // 子表格支持的组件类型
+        ? [
+            FieldTypeEnum.INPUT,
+            FieldTypeEnum.INPUT_NUMBER,
+            FieldTypeEnum.SELECT,
+            FieldTypeEnum.SELECT_MULTIPLE,
+            FieldTypeEnum.DATA_SOURCE,
+            FieldTypeEnum.FORMULA,
+            FieldTypeEnum.PICTURE,
+          ].includes(e.data.type)
+        : true)
+    );
+  }
+
+  function clone(e: FormCreateField) {
+    const res: FormCreateField = {
+      ...e,
+      id: getGenerateId(),
+      name: t(e.name),
+      isNew: true,
+    };
+    if (
+      [FieldTypeEnum.CHECKBOX, FieldTypeEnum.RADIO, FieldTypeEnum.SELECT, FieldTypeEnum.SELECT_MULTIPLE].includes(
+        e.type
+      ) &&
+      e.options?.length === 0
+    ) {
+      res.options = [
+        {
+          label: t('crmFormDesign.option', { i: 1 }),
+          value: getGenerateId(),
+        },
+        {
+          label: t('crmFormDesign.option', { i: 2 }),
+          value: getGenerateId(),
+        },
+        {
+          label: t('crmFormDesign.option', { i: 3 }),
+          value: getGenerateId(),
+        },
+      ];
+      res.customOptions = [...res.options];
+    }
+    return cloneDeep(res);
+  }
+
+  function handleFieldClick(field: FormCreateField) {
+    if (!getFieldDisable(field)) {
+      emit('select', field);
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  .crm-form-design-field-title {
+    @apply font-semibold;
+
+    margin-bottom: 16px;
+    color: var(--text-n1);
+  }
+  .crm-form-design-field-wrapper {
+    @apply grid grid-cols-2;
+
+    gap: 12px;
+    .crm-form-design-field-item {
+      @apply flex cursor-move items-center;
+
+      padding: 6px 12px;
+      border: 1px solid transparent;
+      border-radius: var(--border-radius-small);
+      background-color: var(--text-n9);
+      line-height: 22px;
+      gap: 8px;
+      &:hover {
+        border: 1px solid var(--primary-1);
+        color: var(--primary-1);
+      }
+    }
+    .crm-form-design-field-item--disabled {
+      @apply cursor-not-allowed;
+
+      color: var(--text-n6);
+      &:hover {
+        border: 1px solid transparent;
+        color: var(--text-n6);
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/dataSourceDisplayFieldModal.vue b/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/dataSourceDisplayFieldModal.vue
new file mode 100644
index 0000000..3143f21
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/dataSourceDisplayFieldModal.vue
@@ -0,0 +1,326 @@
+<template>
+  <CrmModal
+    v-model:show="show"
+    :title="t('crmFormDesign.dataSourceDisplayField')"
+    footer
+    @confirm="handleConfirm"
+    @cancel="handleCancel"
+  >
+    <n-scrollbar class="max-h-[60vh]">
+      <FieldSection
+        v-if="customList.length"
+        v-model:selected-ids="selectedCustomIds"
+        :items="customList"
+        class="px-0 pt-0"
+        :title="t('common.formFields')"
+        @select-part="(ids) => updateSelectedList(ids, customList)"
+        @select-item="(meta) => selectItem(meta, customList)"
+      />
+      <FieldSection
+        v-if="systemList.length"
+        v-model:selected-ids="selectedSystemIds"
+        :items="systemList"
+        class="px-0 pt-0"
+        :title="t('common.systemFields')"
+        @select-part="(ids) => updateSelectedList(ids, systemList)"
+        @select-item="(meta) => selectItem(meta, systemList)"
+      />
+      <FieldSection
+        v-if="subTableList.length"
+        v-model:selected-ids="selectedSubTableIds"
+        :items="subTableList"
+        class="px-0 pt-0"
+        :title="t('crmFormDesign.subTableField')"
+        @select-part="(ids) => updateSelectedList(ids, subTableList)"
+        @select-item="(meta) => selectItem(meta, subTableList)"
+      />
+    </n-scrollbar>
+  </CrmModal>
+</template>
+
+<script lang="ts" setup>
+  import { NScrollbar } from 'naive-ui';
+
+  import { ColumnTypeEnum } from '@lib/shared/enums/commonEnum';
+  import { FieldDataSourceTypeEnum, FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { ExportTableColumnItem } from '@lib/shared/models/common';
+
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+  import { getDataSourceFormKey, isCustomDataSourceType } from '@/components/business/crm-data-source-select/utils';
+  import { dataSourceFilterFormKeyMap } from '@/components/business/crm-form-create/config';
+  import { FormCreateField } from '@/components/business/crm-form-create/types';
+  import FieldSection from '@/components/business/crm-table-export-modal/components/fieldSection.vue';
+
+  import {
+    getBusinessTitleModuleForm,
+    getContractStatusConfig,
+    getFieldDisplayList,
+    getOrderStatusConfig,
+  } from '@/api/modules';
+  import { quotationStatus } from '@/config/opportunity';
+  import { processStatusOptions } from '@/config/process';
+
+  const { t } = useI18n();
+
+  const show = defineModel<boolean>('show', {
+    required: true,
+    default: false,
+  });
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+    isSubTableField?: boolean;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'save', selectedIdList: string[], selectedList: any[]): void;
+  }>();
+
+  type DisplayFieldOption = {
+    label: string;
+    value: string | number | boolean;
+  };
+
+  type DisplayFieldItem = ExportTableColumnItem &
+    Omit<Partial<FormCreateField>, 'options'> & {
+      name?: string;
+      options?: DisplayFieldOption[];
+    };
+
+  const dataSourceType = computed(() => props.fieldConfig.dataSourceType);
+  const isCustomForm = computed(() => isCustomDataSourceType(dataSourceType.value));
+  const formKey = computed<FormDesignKeyEnum | undefined>(() =>
+    getDataSourceFormKey(dataSourceType.value, dataSourceFilterFormKeyMap)
+  );
+  const isBusinessTitleSource = computed(
+    () => props.fieldConfig.dataSourceType === FieldDataSourceTypeEnum.BUSINESS_TITLE
+  );
+  const contractStageOptions = ref<{ label: string; value: string }[]>([]);
+  const orderStageOptions = ref<{ label: string; value: string }[]>([]);
+  const customList = ref<DisplayFieldItem[]>([]);
+  const subTableList = ref<DisplayFieldItem[]>([]);
+  const systemColumnMap = computed<Record<string, DisplayFieldItem[]>>(() => ({
+    [FormDesignKeyEnum.OPPORTUNITY_QUOTATION]: [
+      {
+        id: 'invalid',
+        key: 'invalid',
+        title: t('common.status'),
+        name: t('common.status'),
+        columnType: ColumnTypeEnum.CUSTOM,
+        type: FieldTypeEnum.SELECT,
+        fieldWidth: 1,
+        showLabel: true,
+        options: quotationStatus,
+      },
+      {
+        id: 'approvalStatus',
+        key: 'approvalStatus',
+        title: t('common.approvalStatus'),
+        name: t('common.approvalStatus'),
+        columnType: ColumnTypeEnum.CUSTOM,
+        type: FieldTypeEnum.SELECT,
+        fieldWidth: 1,
+        showLabel: true,
+        options: processStatusOptions,
+      },
+    ],
+    [FormDesignKeyEnum.CONTRACT]: [
+      {
+        id: 'stage',
+        key: 'stage',
+        title: t('contract.status'),
+        name: t('contract.status'),
+        columnType: ColumnTypeEnum.CUSTOM,
+        type: FieldTypeEnum.SELECT,
+        fieldWidth: 1,
+        showLabel: true,
+        options: contractStageOptions.value,
+      },
+      {
+        id: 'approvalStatus',
+        key: 'approvalStatus',
+        title: t('contract.approvalStatus'),
+        name: t('contract.approvalStatus'),
+        columnType: ColumnTypeEnum.CUSTOM,
+        type: FieldTypeEnum.SELECT,
+        fieldWidth: 1,
+        showLabel: true,
+        options: processStatusOptions,
+      },
+    ],
+    [FormDesignKeyEnum.ORDER]: [
+      {
+        id: 'stage',
+        key: 'stage',
+        title: t('order.status'),
+        name: t('order.status'),
+        columnType: ColumnTypeEnum.CUSTOM,
+        type: FieldTypeEnum.SELECT,
+        fieldWidth: 1,
+        showLabel: true,
+        options: orderStageOptions.value,
+      },
+      {
+        id: 'approvalStatus',
+        key: 'approvalStatus',
+        title: t('common.approvalStatus'),
+        name: t('common.approvalStatus'),
+        columnType: ColumnTypeEnum.CUSTOM,
+        type: FieldTypeEnum.SELECT,
+        fieldWidth: 1,
+        showLabel: true,
+        options: processStatusOptions,
+      },
+    ],
+    [FormDesignKeyEnum.INVOICE]: [
+      {
+        id: 'approvalStatus',
+        key: 'approvalStatus',
+        title: t('common.approvalStatus'),
+        name: t('common.approvalStatus'),
+        columnType: ColumnTypeEnum.CUSTOM,
+        type: FieldTypeEnum.SELECT,
+        fieldWidth: 1,
+        showLabel: true,
+        options: processStatusOptions,
+      },
+    ],
+  }));
+  const systemList = computed<DisplayFieldItem[]>(() => {
+    return systemColumnMap.value[formKey.value as FormDesignKeyEnum] || [];
+  });
+
+  async function getDisplayList() {
+    try {
+      contractStageOptions.value = [];
+      orderStageOptions.value = [];
+      customList.value = [];
+      subTableList.value = [];
+
+      if (formKey.value === FormDesignKeyEnum.CONTRACT) {
+        const contractStageConfig = await getContractStatusConfig();
+        contractStageOptions.value = contractStageConfig.stageConfigList.map((item) => ({
+          label: item.name,
+          value: item.id,
+        }));
+      }
+
+      if (formKey.value === FormDesignKeyEnum.ORDER) {
+        const orderStageConfig = await getOrderStatusConfig();
+        orderStageOptions.value = orderStageConfig.stageConfigList.map((item) => ({
+          label: item.name,
+          value: item.id,
+        }));
+      }
+
+      let res;
+      if (isCustomForm.value) {
+        res = await getFieldDisplayList(dataSourceType.value as string);
+      } else if (isBusinessTitleSource.value) {
+        res = await getBusinessTitleModuleForm();
+      } else {
+        res = await getFieldDisplayList(formKey.value as FormDesignKeyEnum);
+      }
+
+      let fieldColumns: DisplayFieldItem[] = [];
+      if (isBusinessTitleSource.value) {
+        fieldColumns = res.fields.map((item) => ({
+          ...item,
+          key: item.id,
+          title: t(item.name),
+          columnType: ColumnTypeEnum.CUSTOM,
+          name: t(item.name),
+          type: FieldTypeEnum.INPUT,
+          fieldWidth: 1,
+          showLabel: true,
+        }));
+      } else {
+        fieldColumns = res.fields.map((item) => ({
+          key: item.id,
+          title: item.name,
+          columnType: item.subTableFieldId ? ColumnTypeEnum.SUB_TABLE : ColumnTypeEnum.CUSTOM,
+          ...item,
+        }));
+      }
+
+      customList.value = fieldColumns.filter((item) => item.columnType === ColumnTypeEnum.CUSTOM);
+      subTableList.value = props.isSubTableField
+        ? fieldColumns.filter((item) => item.columnType === ColumnTypeEnum.SUB_TABLE)
+        : [];
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  watch(
+    () => show.value,
+    async (val) => {
+      if (val) {
+        await getDisplayList();
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  const selectedList = ref<any[]>([]);
+
+  const selectedSubTableIds = computed(() =>
+    selectedList.value.filter((e) => e.columnType === ColumnTypeEnum.SUB_TABLE).map((e) => e.key)
+  );
+
+  const selectedCustomIds = computed(() =>
+    selectedList.value.filter((e) => customList.value.some((item) => item.key === e.key)).map((e) => e.key)
+  );
+  const selectedSystemIds = computed(() =>
+    selectedList.value.filter((e) => systemList.value.some((item) => item.key === e.key)).map((e) => e.key)
+  );
+
+  const updateSelectedList = (ids: string[], sourceList: any[]) => {
+    const newItems = sourceList.filter((item) => ids.includes(item.key));
+    const remainingItems = selectedList.value.filter((item) => !sourceList.some((src) => src.key === item.key));
+    selectedList.value = [...remainingItems, ...newItems];
+  };
+
+  function selectItem(meta: { actionType: 'check' | 'uncheck'; value: string | number }, sourceList: any[]) {
+    if (meta.actionType === 'check') {
+      const itemToAdd = sourceList.find((i) => i.key === meta.value);
+      if (itemToAdd) {
+        selectedList.value.push(itemToAdd);
+      }
+    } else {
+      // 移除取消选中的项
+      selectedList.value = selectedList.value.filter((item) => item.key !== meta.value);
+    }
+  }
+
+  function handleConfirm() {
+    show.value = false;
+    emit(
+      'save',
+      [...selectedCustomIds.value, ...selectedSystemIds.value, ...selectedSubTableIds.value],
+      selectedList.value
+    );
+  }
+
+  function handleCancel() {
+    selectedList.value = props.fieldConfig?.showFields ? [...props.fieldConfig.showFields] : [];
+    show.value = false;
+  }
+
+  watch(
+    [() => props.fieldConfig?.showFields, () => customList.value, () => systemList.value, () => subTableList],
+    () => {
+      const allSelectedOptions = [...customList.value, ...systemList.value, ...subTableList.value];
+
+      if (props.fieldConfig?.showFields && allSelectedOptions.length) {
+        selectedList.value = allSelectedOptions.filter((item) => props.fieldConfig?.showFields?.includes(item.key));
+      } else {
+        selectedList.value = [];
+      }
+    }
+  );
+</script>
diff --git a/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/dataSourceListFieldConfig.vue b/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/dataSourceListFieldConfig.vue
new file mode 100644
index 0000000..833c04f
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/dataSourceListFieldConfig.vue
@@ -0,0 +1,478 @@
+<template>
+  <div ref="wrapperRef" class="crm-form-design-field-source-select">
+    <n-popover
+      v-model:show="popoverVisible"
+      trigger="click"
+      placement="bottom-start"
+      :show-arrow="false"
+      class="crm-form-design-field-source-select-popover"
+      :disabled="props.disabled"
+    >
+      <template #trigger>
+        <n-button
+          :type="popoverVisible ? 'primary' : 'default'"
+          ghost
+          class="flex w-full justify-between px-[8px]"
+          icon-placement="right"
+          :disabled="props.disabled"
+        >
+          <div class="flex items-center gap-[4px]">
+            <div class="text-[var(--text-n2)]">
+              {{ t('crmFormDesign.dataSourceTableDisplayFieldShow') }}
+            </div>
+            <div class="text-[var(--primary-8)]">
+              {{ displayCount }}
+            </div>
+            <div class="text-[var(--text-n2)]">
+              {{ t('crmFormDesign.dataSourceTableDisplayFieldCount') }}
+            </div>
+          </div>
+          <template #icon>
+            <n-icon
+              size="16"
+              class="crm-form-design-field-source-select__arrow"
+              :class="{ 'is-active': popoverVisible }"
+            >
+              <ChevronDownOutline />
+            </n-icon>
+          </template>
+        </n-button>
+      </template>
+
+      <div class="crm-form-design-field-source-select__panel" :style="panelStyle">
+        <CrmSearchInput v-model:value="keyword" :placeholder="t('common.search')" @search="handleSearch" />
+
+        <template v-if="hasOptions">
+          <div class="crm-form-design-field-source-select__list-wrap">
+            <div
+              class="crm-form-design-field-source-select__item crm-form-design-field-source-select__item--all"
+              :class="{ 'is-disabled': enabledFilteredValues.length === 0, 'selected': allChecked }"
+            >
+              <n-checkbox
+                :checked="allChecked"
+                :indeterminate="indeterminate"
+                :disabled="enabledFilteredValues.length === 0"
+                @update:checked="handleToggleAll"
+              >
+                {{ t('common.allSelect') }}
+              </n-checkbox>
+            </div>
+
+            <n-scrollbar :style="{ maxHeight: normalizedMaxHeight }">
+              <n-checkbox-group
+                :value="innerValue"
+                class="crm-form-design-field-source-select__list"
+                @update:value="handleGroupChange"
+              >
+                <div
+                  v-for="item in filteredOptions"
+                  :key="item.value"
+                  class="crm-form-design-field-source-select__item"
+                  :class="{ 'is-disabled': item.disabled, 'selected': innerValue.includes(item.value) }"
+                >
+                  <n-checkbox :value="item.value" :disabled="item.disabled">
+                    <n-tooltip placement="top" :delay="300">
+                      <template #trigger>
+                        <div class="one-line-text max-w-[200px] !leading-[22px]">{{ item.label }}</div>
+                      </template>
+                      {{ item.label }}
+                    </n-tooltip>
+                  </n-checkbox>
+                </div>
+              </n-checkbox-group>
+            </n-scrollbar>
+          </div>
+
+          <div v-if="filteredOptions.length === 0" class="crm-form-design-field-source-select__empty">
+            <n-empty :description="t('common.noMatchData')" size="small" />
+          </div>
+        </template>
+
+        <div v-else class="crm-form-design-field-source-select__empty">
+          <n-empty :description="t('common.noData')" size="small" />
+        </div>
+      </div>
+    </n-popover>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';
+  import { NButton, NCheckbox, NCheckboxGroup, NEmpty, NIcon, NPopover, NScrollbar, NTooltip } from 'naive-ui';
+  import { ChevronDownOutline } from '@vicons/ionicons5';
+
+  import { FieldDataSourceTypeEnum, FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmSearchInput from '@/components/pure/crm-search-input/index.vue';
+  import { getDataSourceFormKey, isCustomDataSourceType } from '@/components/business/crm-data-source-select/utils';
+  import { dataSourceFilterFormKeyMap } from '@/components/business/crm-form-create/config';
+  import type { FormCreateField } from '@/components/business/crm-form-create/types';
+
+  import { getBusinessTitleModuleForm, getFormDesignConfig } from '@/api/modules';
+  import useFormCreateSystemColumns from '@/hooks/useFormCreateSystemColumns';
+  import { FormKey } from '@/hooks/useFormCreateTable';
+
+  import type { CSSProperties } from 'vue';
+
+  interface FieldOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+  }
+
+  interface CrmFieldMultiSelectProps {
+    fieldConfig: FormCreateField;
+    isSubTableField?: boolean;
+    value?: string[];
+    options?: FieldOption[];
+    width?: string | number;
+    maxHeight?: string | number;
+    disabled?: boolean;
+  }
+
+  const props = withDefaults(defineProps<CrmFieldMultiSelectProps>(), {
+    value: () => [],
+    options: () => [],
+    maxHeight: 224,
+    disabled: false,
+  });
+
+  const emit = defineEmits<{
+    (e: 'update:value', value: string[]): void;
+    (e: 'change', value: string[], selectedOptions: FieldOption[]): void;
+  }>();
+
+  const { t } = useI18n();
+
+  function toCssSize(value: string | number) {
+    return typeof value === 'number' ? `${value}px` : value;
+  }
+
+  function normalizeSelectedValue(value: string[] | undefined, options: FieldOption[]) {
+    const optionValueSet = new Set(options.map((item) => String(item.value)));
+    const dedupedValue = Array.from(new Set((value || []).map((item) => String(item))));
+    return dedupedValue.filter((item) => optionValueSet.has(item));
+  }
+
+  function normalizeRawValue(value: string[] | undefined) {
+    return Array.from(new Set((value || []).map((item) => String(item))));
+  }
+
+  function isSameValue(source: string[], target: string[]) {
+    if (source.length !== target.length) return false;
+    return source.every((item, index) => item === target[index]);
+  }
+
+  const keyword = ref('');
+  const popoverVisible = ref(false);
+  const innerValue = ref<string[]>([]);
+  const normalizedOptions = ref<FieldOption[]>([...props.options]);
+
+  const wrapperRef = ref<HTMLElement>();
+  const triggerWidth = ref(0);
+
+  function updateTriggerWidth() {
+    triggerWidth.value = wrapperRef.value?.getBoundingClientRect().width || 0;
+  }
+
+  function handleSearch(value: string) {
+    keyword.value = value;
+  }
+
+  const normalizedMaxHeight = computed(() => toCssSize(props.maxHeight));
+
+  const panelStyle = computed<CSSProperties>(() => ({
+    width: `${triggerWidth.value || 0}px`,
+    minWidth: `${triggerWidth.value || 0}px`,
+  }));
+
+  const hasOptions = computed(() => normalizedOptions.value.length > 0);
+
+  const filteredOptions = computed(() => {
+    const currentKeyword = keyword.value.trim().toLowerCase();
+    if (!currentKeyword) return normalizedOptions.value;
+    return normalizedOptions.value.filter((item) => item.label.toLowerCase().includes(currentKeyword));
+  });
+
+  const enabledFilteredOptions = computed(() => filteredOptions.value.filter((item) => !item.disabled));
+  const enabledFilteredValues = computed(() => enabledFilteredOptions.value.map((item) => item.value));
+
+  const checkedCountInFiltered = computed(() => {
+    const selectedSet = new Set(innerValue.value);
+    return enabledFilteredValues.value.filter((value) => selectedSet.has(value)).length;
+  });
+
+  const allChecked = computed(() => {
+    return (
+      enabledFilteredValues.value.length > 0 && checkedCountInFiltered.value === enabledFilteredValues.value.length
+    );
+  });
+
+  const disabledValue = computed(() => normalizedOptions.value.find((item) => item.disabled)?.value || '');
+
+  const indeterminate = computed(() => {
+    return innerValue.value.length > 0 && !allChecked.value && normalizedOptions.value.length > 0;
+  });
+
+  function getDefaultValue(options: FieldOption[]) {
+    const defaultOption = options.find((item) => item.disabled);
+    return defaultOption ? [defaultOption.value] : [];
+  }
+
+  function getInitialSelectedValue(options: FieldOption[]) {
+    const savedValue = normalizeSelectedValue(props.value, options);
+    const defaultValue = getDefaultValue(options);
+
+    if (savedValue.length > 0) {
+      return Array.from(new Set([...defaultValue, ...savedValue]));
+    }
+    return defaultValue;
+  }
+
+  const displayCount = computed(() => {
+    if (normalizedOptions.value.length > 0) {
+      return getInitialSelectedValue(normalizedOptions.value).length || 1;
+    }
+
+    return normalizeRawValue(props.value).length || 1;
+  });
+
+  function commitValueChange() {
+    const nextValue = normalizeSelectedValue(innerValue.value, normalizedOptions.value);
+    const propValue = normalizeSelectedValue(props.value, normalizedOptions.value);
+
+    if (!isSameValue(nextValue, innerValue.value)) {
+      innerValue.value = nextValue;
+    }
+
+    if (isSameValue(nextValue, propValue)) {
+      return;
+    }
+
+    emit('update:value', nextValue);
+    emit(
+      'change',
+      nextValue,
+      normalizedOptions.value.filter((item) => nextValue.includes(item.value))
+    );
+  }
+
+  watch(
+    () => props.value,
+    () => {
+      if (!popoverVisible.value) {
+        innerValue.value = getInitialSelectedValue(normalizedOptions.value);
+      }
+    },
+    { immediate: true, deep: true }
+  );
+
+  watch(
+    () => props.options,
+    (val) => {
+      normalizedOptions.value = [...(val || [])];
+      if (!popoverVisible.value) {
+        innerValue.value = getInitialSelectedValue(normalizedOptions.value);
+      }
+    },
+    { immediate: true, deep: true }
+  );
+
+  onMounted(() => {
+    updateTriggerWidth();
+    window.addEventListener('resize', updateTriggerWidth);
+  });
+
+  onBeforeUnmount(() => {
+    window.removeEventListener('resize', updateTriggerWidth);
+  });
+
+  function handleGroupChange(value: Array<string | number>) {
+    innerValue.value = value.map((item) => String(item));
+  }
+
+  function handleToggleAll(checked: boolean) {
+    const selectedSet = new Set(innerValue.value);
+    if (checked) {
+      enabledFilteredValues.value.forEach((value) => selectedSet.add(value));
+    } else {
+      enabledFilteredValues.value.forEach((value) => {
+        if (disabledValue.value !== value) {
+          selectedSet.delete(value);
+        }
+      });
+    }
+    const nextValue = normalizedOptions.value.map((item) => item.value).filter((value) => selectedSet.has(value));
+    innerValue.value = nextValue;
+  }
+
+  const defaultInternalNameKeyMap: Record<string, string> = {
+    [FormDesignKeyEnum.CUSTOMER]: 'customerName',
+    [FormDesignKeyEnum.CLUE]: 'clueName',
+    [FormDesignKeyEnum.BUSINESS]: 'opportunityName',
+    [FormDesignKeyEnum.CONTACT]: 'contactName',
+    [FormDesignKeyEnum.PRODUCT]: 'productName',
+    [FormDesignKeyEnum.OPPORTUNITY_QUOTATION]: 'quotationName',
+    [FormDesignKeyEnum.ORDER]: 'orderName',
+    [FormDesignKeyEnum.CONTRACT]: 'contractName',
+    [FormDesignKeyEnum.CONTRACT_PAYMENT]: 'contractPaymentPlanName',
+    [FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD]: 'contractPaymentRecordName',
+    [FormDesignKeyEnum.PRICE]: 'priceName',
+    [FormDesignKeyEnum.BUSINESS_TITLE]: 'name',
+    [FormDesignKeyEnum.INVOICE]: 'invoiceName',
+    [FormDesignKeyEnum.CUSTOM_FORM]: 'customFormDataName',
+  };
+
+  async function initFieldList() {
+    try {
+      let nextOptions: FieldOption[] = [];
+      const dataSourceType = props.fieldConfig?.dataSourceType;
+      const isCustomForm = isCustomDataSourceType(dataSourceType);
+      const formKey = getDataSourceFormKey(dataSourceType, dataSourceFilterFormKeyMap);
+      if (!formKey) {
+        normalizedOptions.value = [];
+        innerValue.value = [];
+      }
+
+      const defaultInternalNameKey = defaultInternalNameKeyMap[formKey as FormKey];
+      const { internalColumnMap, staticColumns } = await useFormCreateSystemColumns({
+        formKey: formKey as FormKey,
+        containerClass: '',
+      });
+
+      let res;
+      if (isCustomForm) {
+        res = await getFormDesignConfig(dataSourceType as string);
+      } else if (props.fieldConfig.dataSourceType === FieldDataSourceTypeEnum.BUSINESS_TITLE) {
+        res = await getBusinessTitleModuleForm();
+      } else {
+        res = await getFormDesignConfig(formKey as FormKey);
+      }
+      nextOptions = res.fields.reduce((acc: FieldOption[], field) => {
+        if (
+          ![
+            FieldTypeEnum.DIVIDER,
+            FieldTypeEnum.TEXTAREA,
+            FieldTypeEnum.ATTACHMENT,
+            FieldTypeEnum.SUB_PRICE,
+            FieldTypeEnum.SUB_PRODUCT,
+          ].includes(field.type)
+        ) {
+          const isBusinessTitleDefaultField =
+            props.fieldConfig.dataSourceType === FieldDataSourceTypeEnum.BUSINESS_TITLE &&
+            field.businessKey === defaultInternalNameKeyMap[FormDesignKeyEnum.BUSINESS_TITLE];
+          acc.push({
+            label: field.name,
+            value: field.id,
+            disabled: isBusinessTitleDefaultField || field.internalKey === defaultInternalNameKey,
+          });
+        }
+        return acc;
+      }, []);
+
+      const systemColumns = isCustomForm
+        ? []
+        : (internalColumnMap as Record<string, any[]>)[formKey as FormDesignKeyEnum]?.map((e) => {
+            return {
+              label: e.title,
+              value: e.key,
+            } as FieldOption;
+          });
+
+      const staticOptions = staticColumns?.map((e) => {
+        return {
+          label: e.title,
+          value: e.key,
+        } as FieldOption;
+      });
+
+      normalizedOptions.value = [...nextOptions, ...(systemColumns || []), ...(staticOptions || [])];
+
+      const nextInnerValue = getInitialSelectedValue(normalizedOptions.value);
+      innerValue.value = nextInnerValue;
+
+      const rawValue = normalizeRawValue(props.value);
+      if (!isSameValue(rawValue, nextInnerValue)) {
+        emit('update:value', nextInnerValue);
+        emit(
+          'change',
+          nextInnerValue,
+          nextOptions.filter((item) => nextInnerValue.includes(item.value))
+        );
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  watch(
+    () => props.fieldConfig.dataSourceType,
+    () => {
+      initFieldList();
+    },
+    { immediate: true }
+  );
+
+  watch(
+    () => popoverVisible.value,
+    (val) => {
+      if (!val) {
+        keyword.value = '';
+        commitValueChange();
+      } else {
+        updateTriggerWidth();
+      }
+    }
+  );
+</script>
+
+<style lang="less">
+  .crm-form-design-field-source-select {
+    @apply w-full;
+  }
+  .crm-form-design-field-source-select-popover {
+    padding: 0 !important;
+    .n-popover__content {
+      padding: 0 !important;
+    }
+  }
+  .crm-form-design-field-source-select__arrow {
+    color: var(--text-n4);
+    transition: transform 0.2s ease;
+    &.is-active {
+      transform: rotate(180deg);
+    }
+  }
+  .crm-form-design-field-source-select__panel {
+    padding: 8px;
+    box-sizing: border-box;
+  }
+  .crm-form-design-field-source-select__list-wrap,
+  .crm-form-design-field-source-select__list {
+    gap: 2px;
+    @apply flex flex-col;
+  }
+  .crm-form-design-field-source-select__item {
+    padding: 0 4px;
+    height: 28px;
+    border-radius: 4px;
+    box-sizing: border-box;
+    @apply flex items-center;
+    &.selected {
+      background: var(--primary-7);
+    }
+    &.is-disabled {
+      cursor: not-allowed;
+      opacity: 0.6;
+    }
+  }
+  .crm-form-design-field-source-select__item--all {
+    margin-top: 8px;
+    background: var(--text-10);
+  }
+  .crm-form-design-field-source-select__empty {
+    padding: 12px 0 4px;
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/datasourceLinkModal.vue b/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/datasourceLinkModal.vue
new file mode 100644
index 0000000..6905e63
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/datasourceLinkModal.vue
@@ -0,0 +1,782 @@
+<template>
+  <CrmModal
+    v-model:show="visible"
+    :title="t('crmFormDesign.fieldLinkSetting')"
+    :positive-text="t('common.save')"
+    @confirm="save"
+    @cancel="emit('cancel')"
+  >
+    <n-radio-group
+      v-if="props.formFields.some((e) => [FieldTypeEnum.SUB_PRICE, FieldTypeEnum.SUB_PRODUCT].includes(e.type))"
+      v-model:value="linkMode"
+      name="radiogroup"
+      class="mb-[16px]"
+    >
+      <n-radio-button value="form" class="flex-1 text-center">{{ t('crmFormDesign.form') }}</n-radio-button>
+      <n-radio-button value="subForm" class="flex-1 text-center">{{ t('crmFormDesign.subForm') }}</n-radio-button>
+    </n-radio-group>
+    <n-form
+      v-show="linkMode === 'form'"
+      ref="formRef"
+      :model="formModel"
+      label-width="90"
+      label-placement="left"
+      require-mark-placement="left"
+      class="crm-form-design-link-modal"
+    >
+      <div class="flex flex-col gap-[12px] rounded-[var(--border-radius-small)] bg-[var(--text-n9)] p-[16px]">
+        <div class="flex items-center justify-between">
+          <div class="flex-1 text-[var(--text-n1)]">{{ t('crmFormDesign.currentFormField') }}</div>
+          <div class="mx-[12px] text-[var(--text-n1)]"></div>
+          <div class="flex-1 text-[var(--text-n1)]">{{ t('crmFormDesign.linkField') }}</div>
+          <div class="w-[110px]"></div>
+        </div>
+        <n-scrollbar ref="linkFieldsScrollbar" class="max-h-[40vh] pr-[6px]" content-class="flex flex-col gap-[12px]">
+          <div v-for="(line, index) of formModel" :key="index" class="flex items-start justify-between">
+            <n-form-item
+              :path="`${index}.current`"
+              class="flex-1"
+              :rule="[
+                {
+                  required: true,
+                  message: t('common.required'),
+                  trigger: 'change',
+                  type: 'string',
+                },
+              ]"
+            >
+              <n-select
+                v-model:value="line.current"
+                :options="getFieldOptions(line.current)"
+                :fallback-option="
+                  line.current !== null && line.current !== undefined && line.current.length > 0
+                    ? fallbackOption
+                    : false
+                "
+                :render-label="renderLinkOptionLabel"
+                :render-tag="renderLinkOptionTag"
+                max-tag-count="responsive"
+                @update-value="() => (line.link = '')"
+              />
+            </n-form-item>
+            <n-form-item class="mx-[12px]">
+              {{ t('crmFormDesign.fill') }}
+            </n-form-item>
+            <n-form-item
+              :path="`${index}.link`"
+              class="flex-1"
+              :rule="[
+                {
+                  required: true,
+                  message: t('common.required'),
+                  trigger: 'change',
+                  type: 'string',
+                },
+              ]"
+            >
+              <n-select
+                v-model:value="line.link"
+                :options="getLinkFieldOptions(line.current)"
+                :fallback-option="
+                  line.link !== null && line.link !== undefined && line.link !== '' ? fallbackOption : false
+                "
+                :render-label="renderLinkOptionLabel"
+                :render-tag="renderLinkOptionTag"
+                class="crm-form-design-link-select"
+              />
+            </n-form-item>
+            <div class="mx-[8px] flex h-[32px] w-[35px] items-center">
+              {{ t('crmFormDesign.fillValue') }}
+            </div>
+            <n-form-item :path="`${index}.enable`">
+              <n-switch v-model:value="line.enable" />
+            </n-form-item>
+            <n-button ghost class="ml-[12px] px-[7px]" @click="handleDeleteListItem(index)">
+              <template #icon>
+                <CrmIcon type="iconicon_minus_circle" class="text-[var(--text-n4)]" :size="16" />
+              </template>
+            </n-button>
+          </div>
+        </n-scrollbar>
+        <n-button type="primary" text class="h-[22px] w-[fit-content]" @click="handleAddListItem">
+          <template #icon>
+            <n-icon><Add /></n-icon>
+          </template>
+          {{ t('crmFormDesign.addLink') }}
+        </n-button>
+      </div>
+    </n-form>
+    <div
+      v-show="linkMode === 'subForm'"
+      class="flex flex-col gap-[12px] rounded-[var(--border-radius-small)] bg-[var(--text-n9)] p-[16px]"
+    >
+      <div class="flex items-center justify-between pl-[38px]">
+        <div class="flex-1 text-[var(--text-n1)]">{{ t('crmFormDesign.currentSubFormField') }}</div>
+        <div class="mx-[12px] text-[var(--text-n1)]"></div>
+        <div class="flex-1 text-[var(--text-n1)]">{{ t('crmFormDesign.linkSubFormField') }}</div>
+        <div class="w-[110px]"></div>
+      </div>
+      <n-collapse class="crm-form-design-field-link-collapse">
+        <n-form
+          ref="subFormRef"
+          :model="subFormModel"
+          label-width="90"
+          label-placement="left"
+          require-mark-placement="left"
+          class="crm-form-design-link-modal"
+        >
+          <n-collapse-item v-for="(line, index) of subFormModel" :key="index" title="" :name="line.current">
+            <div class="pl-[28px]">
+              <n-scrollbar
+                ref="linkSubFieldsScrollbar"
+                class="max-h-[400px]"
+                content-class="flex mt-[12px] flex-col gap-[12px]"
+              >
+                <div
+                  v-for="(sub, subIndex) of line.childLinks"
+                  :key="subIndex"
+                  class="flex items-start justify-between"
+                >
+                  <n-form-item
+                    :path="`${index}.childLinks.${subIndex}.current`"
+                    class="flex-1"
+                    :rule="[
+                      {
+                        required: true,
+                        message: t('common.required'),
+                        trigger: 'change',
+                        type: 'string',
+                      },
+                    ]"
+                  >
+                    <n-select
+                      v-model:value="sub.current"
+                      :options="getSubFieldOptions(sub.current, line.current, line.childLinks)"
+                      :fallback-option="
+                        sub.current !== null && sub.current !== undefined && sub.current.length > 0
+                          ? fallbackOption
+                          : false
+                      "
+                      :render-label="renderLinkOptionLabel"
+                      :render-tag="renderLinkOptionTag"
+                      max-tag-count="responsive"
+                      @update-value="() => (sub.link = '')"
+                    />
+                  </n-form-item>
+                  <n-form-item class="mx-[12px]">
+                    {{ t('crmFormDesign.fill') }}
+                  </n-form-item>
+                  <n-form-item
+                    :path="`${index}.childLinks.${subIndex}.link`"
+                    class="flex-1"
+                    :rule="[
+                      {
+                        required: true,
+                        message: t('common.required'),
+                        trigger: 'change',
+                        type: 'string',
+                      },
+                    ]"
+                  >
+                    <n-select
+                      v-model:value="sub.link"
+                      :options="getLinkSubFieldOptions(sub.current, line.current, line.link)"
+                      :fallback-option="
+                        sub.link !== null && sub.link !== undefined && sub.link !== '' ? fallbackOption : false
+                      "
+                      :render-label="renderLinkOptionLabel"
+                      :render-tag="renderLinkOptionTag"
+                      class="crm-form-design-link-select"
+                    />
+                  </n-form-item>
+                  <div class="mx-[8px] flex h-[32px] w-[35px] items-center">
+                    {{ t('crmFormDesign.fillValue') }}
+                  </div>
+                  <n-form-item :path="`${index}.childLinks.${subIndex}.enable`">
+                    <n-switch v-model:value="sub.enable" />
+                  </n-form-item>
+                  <n-button ghost class="ml-[12px] px-[7px]" @click="handleDeleteSubListSubItem(line, subIndex)">
+                    <template #icon>
+                      <CrmIcon type="iconicon_minus_circle" class="text-[var(--text-n4)]" :size="16" />
+                    </template>
+                  </n-button>
+                </div>
+              </n-scrollbar>
+              <n-button
+                type="primary"
+                text
+                size="small"
+                class="mt-[12px] w-[fit-content] text-[14px]"
+                @click="handleAddSubListSubItem(line)"
+              >
+                <template #icon>
+                  <n-icon><Add /></n-icon>
+                </template>
+                {{ t('crmFormDesign.addFieldLink') }}
+              </n-button>
+            </div>
+            <template #header-extra>
+              <div class="flex w-full items-start justify-between" @click.stop>
+                <n-form-item
+                  :path="`${index}.current`"
+                  class="flex-1"
+                  :rule="[
+                    {
+                      required: true,
+                      message: t('common.required'),
+                      trigger: 'change',
+                      type: 'string',
+                    },
+                  ]"
+                >
+                  <n-select
+                    v-model:value="line.current"
+                    :options="getSubFieldParentOptions(line.current)"
+                    :fallback-option="
+                      line.current !== null && line.current !== undefined && line.current.length > 0
+                        ? fallbackOption
+                        : false
+                    "
+                    :render-label="renderLinkOptionLabel"
+                    :render-tag="renderLinkOptionTag"
+                    max-tag-count="responsive"
+                    @update-value="() => (line.link = '')"
+                  />
+                </n-form-item>
+                <n-form-item class="mx-[12px]">
+                  {{ t('crmFormDesign.fill') }}
+                </n-form-item>
+                <n-form-item
+                  :path="`${index}.link`"
+                  class="flex-1"
+                  :rule="[
+                    {
+                      required: true,
+                      message: t('common.required'),
+                      trigger: 'change',
+                      type: 'string',
+                    },
+                  ]"
+                >
+                  <n-select
+                    v-model:value="line.link"
+                    :options="linkSubFieldParentOptions"
+                    :fallback-option="
+                      line.link !== null && line.link !== undefined && line.link !== '' ? fallbackOption : false
+                    "
+                    :render-label="renderLinkOptionLabel"
+                    :render-tag="renderLinkOptionTag"
+                    class="crm-form-design-link-select"
+                  />
+                </n-form-item>
+                <div class="mx-[8px] flex h-[32px] w-[35px] items-center">
+                  {{ t('crmFormDesign.fillValue') }}
+                </div>
+                <n-form-item :path="`${index}.enable`">
+                  <n-switch v-model:value="line.enable" />
+                </n-form-item>
+                <n-button ghost class="ml-[12px] px-[7px]" @click="handleDeleteSubListItem(index)">
+                  <template #icon>
+                    <CrmIcon type="iconicon_minus_circle" class="text-[var(--text-n4)]" :size="16" />
+                  </template>
+                </n-button>
+              </div>
+            </template>
+          </n-collapse-item>
+        </n-form>
+      </n-collapse>
+      <n-button type="primary" text size="small" class="w-[fit-content] text-[14px]" @click="handleAddSubListItem">
+        <template #icon>
+          <n-icon><Add /></n-icon>
+        </template>
+        {{ t('crmFormDesign.addLink') }}
+      </n-button>
+    </div>
+    <template #footerLeft>
+      <n-button secondary @click="handleClear">{{ t('common.clear') }}</n-button>
+    </template>
+  </CrmModal>
+</template>
+
+<script lang="ts" setup>
+  import {
+    FormInst,
+    NButton,
+    NCollapse,
+    NCollapseItem,
+    NDivider,
+    NForm,
+    NFormItem,
+    NIcon,
+    NRadioButton,
+    NRadioGroup,
+    NScrollbar,
+    NSelect,
+    NSwitch,
+    ScrollbarInst,
+    type SelectOption,
+    useMessage,
+  } from 'naive-ui';
+  import { Add } from '@vicons/ionicons5';
+  import { cloneDeep } from 'lodash-es';
+
+  import { FieldDataSourceTypeEnum, FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import {
+    dataSourceTypes,
+    hiddenTypes,
+    linkAllAcceptTypes,
+    multipleTypes,
+    needSameTypes,
+    singleTypes,
+  } from '@lib/shared/method/formCreate';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+  import { getDataSourceFormKey, isCustomDataSourceType } from '@/components/business/crm-data-source-select/utils';
+  import {
+    dataSourceFilterFormKeyMap,
+    getFieldIcon,
+    getFormConfigApiMap,
+  } from '@/components/business/crm-form-create/config';
+  import {
+    type DataSourceLinkField,
+    type DataSourceSubFieldLinkField,
+    FormCreateField,
+  } from '@/components/business/crm-form-create/types';
+
+  import { getFieldDisplayList } from '@/api/modules';
+
+  import { Option } from 'naive-ui/es/transfer/src/interface';
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+    formFields: FormCreateField[];
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'save', value: DataSourceLinkField[], subFormValue: DataSourceSubFieldLinkField[]): void;
+    (e: 'cancel'): void;
+    (e: 'clear'): void;
+  }>();
+
+  const { t } = useI18n();
+  const message = useMessage();
+
+  const visible = defineModel<boolean>('visible', { required: true });
+  const linkMode = ref<'form' | 'subForm'>('form');
+  const linkFieldsScrollbar = ref<ScrollbarInst>();
+  const formModel = ref<DataSourceLinkField[]>(cloneDeep(props.fieldConfig.linkFields || []));
+
+  const formRef = ref<FormInst>();
+  const linkFieldOptions = ref<any[]>([]);
+  const dataSourceType = computed(() => props.fieldConfig.dataSourceType);
+  const isCustomForm = computed(() => isCustomDataSourceType(props.fieldConfig.dataSourceType));
+
+  const formKey = computed<FormDesignKeyEnum | undefined>(() =>
+    getDataSourceFormKey(dataSourceType.value, dataSourceFilterFormKeyMap)
+  );
+
+  async function getDisplayList() {
+    try {
+      if (!dataSourceType.value) return;
+
+      const formFieldKey = isCustomForm.value ? props.fieldConfig?.dataSourceType : formKey.value;
+      if (!formFieldKey) return;
+      const res = await getFieldDisplayList(formFieldKey);
+
+      linkFieldOptions.value = res.fields
+        .filter((e) =>
+          [
+            FieldTypeEnum.DATA_SOURCE,
+            FieldTypeEnum.DATA_SOURCE_MULTIPLE,
+            FieldTypeEnum.MEMBER,
+            FieldTypeEnum.MEMBER_MULTIPLE,
+            FieldTypeEnum.LOCATION,
+          ].includes(e.type)
+        )
+        .map((item) => {
+          return {
+            label: item.name,
+            value: item.id,
+            icon: getFieldIcon(item.type),
+            type: item.type,
+          };
+        });
+      linkFieldOptions.value.unshift({
+        label: props.fieldConfig.name,
+        value: props.fieldConfig.businessKey || props.fieldConfig.id,
+        icon: getFieldIcon(props.fieldConfig.type),
+        type: props.fieldConfig.type,
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  function getLinkFieldOptions(currentFieldId: string) {
+    const currentField = props.formFields.find((f) => f.id === currentFieldId);
+    if (currentField?.type === FieldTypeEnum.DATA_SOURCE) {
+      // 单选数据源不能填充多选数据源
+      return linkFieldOptions.value.filter((f) => f.type === FieldTypeEnum.DATA_SOURCE);
+    }
+    if (currentField?.type === FieldTypeEnum.DATA_SOURCE_MULTIPLE) {
+      return linkFieldOptions.value.filter((f) =>
+        [FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.DATA_SOURCE_MULTIPLE].includes(f.type)
+      );
+    }
+    if (currentField?.type === FieldTypeEnum.MEMBER) {
+      // 单选成员不能填充多选成员
+      return linkFieldOptions.value.filter((f) => f.type === FieldTypeEnum.MEMBER);
+    }
+    if (currentField?.type === FieldTypeEnum.MEMBER_MULTIPLE) {
+      // 多选成员不能填充单选成员
+      return linkFieldOptions.value.filter((f) =>
+        [FieldTypeEnum.MEMBER, FieldTypeEnum.MEMBER_MULTIPLE].includes(f.type)
+      );
+    }
+    if (currentField?.type === FieldTypeEnum.LOCATION) {
+      return linkFieldOptions.value.filter((f) => f.type === FieldTypeEnum.LOCATION);
+    }
+    return linkFieldOptions.value;
+  }
+
+  function getFieldOptions(currentFieldId: string) {
+    const alreadySelectedFields = formModel.value.map((f) => f.current);
+    return props.formFields
+      .filter(
+        (f) =>
+          [
+            FieldTypeEnum.DATA_SOURCE,
+            FieldTypeEnum.DATA_SOURCE_MULTIPLE,
+            FieldTypeEnum.LOCATION,
+            FieldTypeEnum.MEMBER,
+            FieldTypeEnum.MEMBER_MULTIPLE,
+          ].includes(f.type) &&
+          f.id !== props.fieldConfig.id &&
+          (f.id === currentFieldId || !alreadySelectedFields.includes(f.id)) &&
+          !f.resourceFieldId
+      )
+      .map((f) => ({ label: f.name, value: f.id, icon: getFieldIcon(f.type) }));
+  }
+
+  function renderLinkOptionLabel(option: Option) {
+    if (option.value === props.fieldConfig.businessKey || option.value === props.fieldConfig.id) {
+      return h('div', {}, { default: () => [option.label, h(NDivider, { class: '!mb-0 !mt-[6px]' })] });
+    }
+    return h(
+      'div',
+      { class: 'flex items-center gap-[4px]' },
+      {
+        default: () => [
+          h(CrmIcon, { type: (option as any).icon, class: 'mr-[4px] text-[var(--text-n4)]', size: 14 }),
+          option.label,
+        ],
+      }
+    );
+  }
+
+  function renderLinkOptionTag(option: SelectOption) {
+    if (
+      (option.option as Option).value === props.fieldConfig.businessKey ||
+      (option.option as Option).value === props.fieldConfig.id
+    ) {
+      return h('div', {}, { default: () => (option.option as Option).label });
+    }
+    return h(
+      'div',
+      { class: 'flex items-center gap-[4px]' },
+      {
+        default: () => [
+          h(CrmIcon, { type: (option.option as any).icon, class: 'mr-[4px] text-[var(--text-n4)]', size: 14 }),
+          (option.option as Option).label,
+        ],
+      }
+    );
+  }
+
+  function fallbackOption(val: string | number) {
+    return {
+      label: t('crmFormDesign.fieldNotExist'),
+      value: val,
+    };
+  }
+
+  function handleAddListItem() {
+    formRef.value?.validate((errors) => {
+      if (!errors) {
+        formModel.value.push({
+          current: '',
+          link: '',
+          method: 'fill',
+          enable: true,
+        });
+        nextTick(() => {
+          linkFieldsScrollbar.value?.scrollTo({
+            top: 99999,
+            behavior: 'smooth',
+          });
+        });
+      } else {
+        document.querySelector('.n-form-item-blank--error')?.scrollIntoView({
+          behavior: 'smooth',
+        });
+      }
+    });
+  }
+
+  function handleDeleteListItem(index: number) {
+    formModel.value.splice(index, 1);
+  }
+
+  const linkSubFieldsScrollbar = ref<ScrollbarInst>();
+  const subFormRef = ref<FormInst>();
+  const subFormModel = ref<DataSourceSubFieldLinkField[]>(cloneDeep(props.fieldConfig.childLinkFields || []));
+
+  const linkSubFieldParents = ref<FormCreateField[]>([]);
+  const linkSubFieldParentOptions = computed(() => {
+    return linkSubFieldParents.value.map((item) => {
+      return {
+        label: item.name,
+        value: item.id,
+        icon: getFieldIcon(item.type),
+        type: item.type,
+      };
+    });
+  });
+  async function initSubTableFields() {
+    try {
+      const apiFormKey = formKey.value;
+      if (!apiFormKey) return;
+      const api = getFormConfigApiMap[apiFormKey];
+      const res = await api(isCustomForm.value ? (props.fieldConfig.dataSourceType as string | undefined) : undefined);
+      linkSubFieldParents.value = res.fields.filter((e: FormCreateField) =>
+        [FieldTypeEnum.SUB_PRICE, FieldTypeEnum.SUB_PRODUCT].includes(e.type)
+      );
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  function getSubFieldParentOptions(currentFieldId: string) {
+    const alreadySelectedFields = subFormModel.value.map((f) => f.current);
+    return props.formFields
+      .filter(
+        (f) =>
+          [FieldTypeEnum.SUB_PRICE, FieldTypeEnum.SUB_PRODUCT].includes(f.type) &&
+          f.id !== props.fieldConfig.id &&
+          (f.id === currentFieldId || !alreadySelectedFields.includes(f.id))
+      )
+      .map((f) => ({ label: f.name, value: f.id, icon: getFieldIcon(f.type) }));
+  }
+
+  function getSubFieldOptions(
+    currentFieldId: string,
+    parentFieldId: string,
+    alreadySelectedFields: DataSourceSubFieldLinkField[]
+  ) {
+    return props.formFields
+      .find((f) => f.id === parentFieldId)
+      ?.subFields?.filter(
+        (f) =>
+          !hiddenTypes.includes(f.type) &&
+          f.type !== FieldTypeEnum.FORMULA &&
+          !f.resourceFieldId &&
+          (f.id === currentFieldId || !alreadySelectedFields.some((field) => field.current === f.id))
+      )
+      .map((f) => ({ label: f.name, value: f.id, icon: getFieldIcon(f.type) }));
+  }
+
+  /**
+   * 获取联动字段的选项，联动字段只能选择与当前字段类型匹配的字段
+   */
+  function getLinkSubFieldOptions(currentFieldId: string, parentFieldId: string, linkParentFieldId: string) {
+    const currentParentField = props.formFields.find((f) => f.id === parentFieldId);
+    const currentField = currentParentField?.subFields?.find((f) => f.id === currentFieldId);
+    const linkParentField = linkSubFieldParents.value.find((f) => f.id === linkParentFieldId);
+    if (!currentParentField || !currentParentField.subFields || !currentField || !linkParentField?.subFields) return [];
+    const hiddenCondition = (f: FormCreateField) => hiddenTypes.includes(f.type) || f.resourceFieldId;
+    if (dataSourceTypes.includes(currentField.type)) {
+      // 左侧是数据源，右侧也只能选择数据源
+      if (currentField.type === FieldTypeEnum.DATA_SOURCE_MULTIPLE) {
+        return linkParentField?.subFields
+          ?.filter(
+            (f) =>
+              dataSourceTypes.includes(f.type) &&
+              f.dataSourceType === currentField.dataSourceType &&
+              !hiddenCondition(f)
+          )
+          .map((f) => ({ label: f.name, value: f.id, icon: getFieldIcon(f.type) }));
+      }
+      return linkParentField?.subFields
+        ?.filter(
+          (f) => f.type === currentField.type && f.dataSourceType === currentField.dataSourceType && !hiddenCondition(f)
+        )
+        .map((f) => ({ label: f.name, value: f.id, icon: getFieldIcon(f.type) }));
+    }
+    if (needSameTypes.includes(currentField.type)) {
+      // 两侧需要保持一致的类型
+      return linkParentField?.subFields
+        ?.filter((f) => f.type === currentField.type && !hiddenCondition(f))
+        .map((f) => ({ label: f.name, value: f.id, icon: getFieldIcon(f.type) }));
+    }
+    if (multipleTypes.includes(currentField.type)) {
+      // 多选类型，也可接受单选类型值
+      return linkParentField?.subFields
+        ?.filter((f) => [...multipleTypes, ...singleTypes].includes(f.type) && !hiddenCondition(f))
+        .map((f) => ({ label: f.name, value: f.id, icon: getFieldIcon(f.type) }));
+    }
+    if (singleTypes.includes(currentField.type)) {
+      // 单选类型
+      return linkParentField?.subFields
+        ?.filter((f) => singleTypes.includes(f.type) && !hiddenCondition(f))
+        .map((f) => ({ label: f.name, value: f.id, icon: getFieldIcon(f.type) }));
+    }
+    if (linkAllAcceptTypes.includes(currentField.type)) {
+      return linkParentField?.subFields
+        ?.filter((f) => !hiddenCondition(f))
+        .map((f) => ({ label: f.name, value: f.id, icon: getFieldIcon(f.type) }));
+    }
+    return [];
+  }
+
+  function handleClear() {
+    if (linkMode.value === 'form') {
+      formModel.value = [];
+    } else {
+      subFormModel.value = [];
+    }
+    nextTick(() => {
+      emit('clear');
+    });
+  }
+
+  function handleAddSubListItem() {
+    subFormRef.value?.validate((errors) => {
+      if (!errors) {
+        subFormModel.value.push({
+          current: '',
+          link: '',
+          method: 'fill',
+          enable: true,
+          childLinks: [],
+        });
+        nextTick(() => {
+          linkSubFieldsScrollbar.value?.scrollTo({
+            top: 99999,
+            behavior: 'smooth',
+          });
+        });
+      } else {
+        document.querySelector('.n-form-item-blank--error')?.scrollIntoView({
+          behavior: 'smooth',
+        });
+      }
+    });
+  }
+
+  function handleDeleteSubListItem(index: number) {
+    subFormModel.value.splice(index, 1);
+  }
+
+  function handleAddSubListSubItem(line: DataSourceSubFieldLinkField) {
+    subFormRef.value?.validate((errors) => {
+      if (!errors) {
+        line.childLinks.push({
+          current: '',
+          link: '',
+          method: 'fill',
+          enable: true,
+          childLinks: [],
+        });
+        nextTick(() => {
+          linkSubFieldsScrollbar.value?.scrollTo({
+            top: 99999,
+            behavior: 'smooth',
+          });
+        });
+      } else {
+        document.querySelector('.n-form-item-blank--error')?.scrollIntoView({
+          behavior: 'smooth',
+        });
+      }
+    });
+  }
+
+  function handleDeleteSubListSubItem(line: DataSourceSubFieldLinkField, subIndex: number) {
+    line.childLinks.splice(subIndex, 1);
+  }
+
+  watch(
+    () => visible.value,
+    (val) => {
+      if (val) {
+        getDisplayList();
+        formModel.value = cloneDeep(props.fieldConfig.linkFields || []);
+        initSubTableFields();
+        subFormModel.value = cloneDeep(props.fieldConfig.childLinkFields || []);
+        linkMode.value = 'form';
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  function save() {
+    formRef.value?.validate((errors) => {
+      if (!errors) {
+        subFormRef.value?.validate((subErrors) => {
+          if (!subErrors) {
+            const unConfigSubField = subFormModel.value.find((e) => e.childLinks?.length === 0);
+            if (unConfigSubField) {
+              message.warning(
+                t('crmFormDesign.subFormUnConfig', {
+                  name: props.formFields.find((f) => f.id === unConfigSubField.current)?.name || '',
+                })
+              );
+            }
+            emit('save', formModel.value, subFormModel.value);
+            visible.value = false;
+          }
+        });
+      } else {
+        linkMode.value = 'form';
+      }
+    });
+  }
+</script>
+
+<style lang="less">
+  .crm-form-design-link-modal {
+    .n-form-item-feedback-wrapper {
+      display: none;
+    }
+    .n-form-item-blank--error + .n-form-item-feedback-wrapper {
+      display: inline-block;
+    }
+    .n-scrollbar-rail--vertical {
+      @apply !right-0;
+    }
+  }
+  .crm-form-design-field-link-collapse {
+    padding: 8px 8px 8px 12px;
+    border-radius: var(--border-radius-small);
+    background-color: var(--text-n10);
+    .n-collapse-item-arrow {
+      font-size: 16px !important;
+    }
+    .n-collapse-item__header-main {
+      flex: none !important;
+    }
+    .n-collapse-item__header-extra {
+      padding-left: 8px;
+      width: 100%;
+    }
+    .n-collapse-item__content-inner {
+      padding-top: 0 !important;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/fieldAttr.vue b/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/fieldAttr.vue
new file mode 100644
index 0000000..e76426c
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/fieldAttr.vue
@@ -0,0 +1,2097 @@
+<template>
+  <div class="p-[16px]">
+    <div v-if="fieldConfig">
+      <div class="crm-form-design-config-item">
+        <div class="flex items-center justify-between">
+          <div class="crm-form-design-config-item-title">{{ t('crmFormDesign.fieldTitle') }}</div>
+          <CrmTag>{{ t(getFieldTypeName(fieldConfig.type) || '') }}</CrmTag>
+        </div>
+        <n-input
+          v-model:value="fieldConfig.name"
+          :disabled="fieldConfig.disabledProps?.includes('name')"
+          :maxlength="16"
+          :placeholder="t('common.pleaseInput')"
+          :status="isNameRepeat ? 'error' : undefined"
+          clearable
+        />
+        <div v-if="isNameRepeat" class="text-[12px] text-[var(--error-red)]">
+          {{ t('crmFormDesign.repeatFieldName') }}
+        </div>
+        <n-checkbox
+          v-model:checked="fieldConfig.showLabel"
+          :disabled="fieldConfig.disabledProps?.includes('showLabel') || !!fieldConfig.resourceFieldId"
+        >
+          {{ t('crmFormDesign.showTitle') }}
+        </n-checkbox>
+      </div>
+      <div v-if="!isSubTableField" class="crm-form-design-config-item">
+        <div class="crm-form-design-config-item-title">{{ t('crmFormDesign.desc') }}</div>
+        <n-input
+          v-model:value="fieldConfig.description"
+          :disabled="fieldConfig.disabledProps?.includes('description') || !!fieldConfig.resourceFieldId"
+          type="textarea"
+          :maxlength="1000"
+          clearable
+        />
+      </div>
+      <div
+        v-if="
+          ![
+            FieldTypeEnum.MEMBER,
+            FieldTypeEnum.MEMBER_MULTIPLE,
+            FieldTypeEnum.DEPARTMENT,
+            FieldTypeEnum.DEPARTMENT_MULTIPLE,
+            FieldTypeEnum.DIVIDER,
+            FieldTypeEnum.PICTURE,
+            FieldTypeEnum.PHONE,
+            FieldTypeEnum.DATA_SOURCE,
+            FieldTypeEnum.DATA_SOURCE_MULTIPLE,
+            FieldTypeEnum.ATTACHMENT,
+            FieldTypeEnum.FORMULA,
+            FieldTypeEnum.SUB_PRICE,
+            FieldTypeEnum.SUB_PRODUCT,
+            FieldTypeEnum.RADIO,
+            FieldTypeEnum.CHECKBOX,
+          ].includes(fieldConfig.type)
+        "
+        class="crm-form-design-config-item"
+      >
+        <div class="crm-form-design-config-item-title !justify-start">
+          {{ t('crmFormDesign.placeholder') }}
+          <n-tooltip trigger="hover">
+            <template #trigger>
+              <CrmIcon
+                type="iconicon_help_circle"
+                class="cursor-pointer text-[var(--text-n4)] hover:text-[var(--primary-1)]"
+              />
+            </template>
+            {{ t('crmFormDesign.placeholderTip') }}
+          </n-tooltip>
+        </div>
+        <n-input
+          v-model:value="fieldConfig.placeholder"
+          :disabled="fieldConfig.disabledProps?.includes('placeholder') || !!fieldConfig.resourceFieldId"
+          :maxlength="56"
+          clearable
+        />
+      </div>
+      <!-- inputNumber数字输入属性 -->
+      <div v-if="fieldConfig.type === FieldTypeEnum.INPUT_NUMBER" class="crm-form-design-config-item">
+        <div class="crm-form-design-config-item-title">{{ t('crmFormDesign.format') }}</div>
+        <n-radio-group
+          v-model:value="fieldConfig.numberFormat"
+          :disabled="fieldConfig.disabledProps?.includes('numberFormat') || !!fieldConfig.resourceFieldId"
+          name="radiogroup"
+          class="flex"
+        >
+          <n-radio-button value="number" class="flex-1 text-center">{{ t('crmFormDesign.number') }}</n-radio-button>
+          <n-radio-button value="percent" class="flex-1 text-center">{{ t('crmFormDesign.percent') }}</n-radio-button>
+        </n-radio-group>
+        <n-checkbox
+          v-model:checked="fieldConfig.decimalPlaces"
+          :disabled="fieldConfig.disabledProps?.includes('decimalPlaces') || !!fieldConfig.resourceFieldId"
+          @update-checked="() => (fieldConfig.precision = 0)"
+        >
+          {{ t('crmFormDesign.saveFloat') }}
+        </n-checkbox>
+        <n-checkbox
+          v-if="fieldConfig.numberFormat === 'number'"
+          v-model:checked="fieldConfig.showThousandsSeparator"
+          :disabled="fieldConfig.disabledProps?.includes('showThousandsSeparator') || !!fieldConfig.resourceFieldId"
+        >
+          {{ t('crmFormDesign.showThousandSeparator') }}
+        </n-checkbox>
+        <div v-if="fieldConfig.decimalPlaces || fieldConfig.showThousandsSeparator" class="flex items-center gap-[8px]">
+          <CrmInputNumber
+            v-if="fieldConfig.decimalPlaces"
+            v-model:value="fieldConfig.precision"
+            :disabled="fieldConfig.disabledProps?.includes('precision') || !!fieldConfig.resourceFieldId"
+            :min="0"
+            :max="4"
+            class="flex-1"
+          />
+          <div
+            class="flex flex-1 items-center gap-[8px] rounded-[var(--border-radius-small)] bg-[var(--text-n9)] px-[8px] py-[4px]"
+          >
+            <div class="text-[var(--text-n4)]">{{ t('common.preview') }}</div>
+            {{ numberPreview }}
+          </div>
+        </div>
+      </div>
+      <!-- inputNumber End -->
+      <!-- date 日期输入属性 -->
+      <div v-if="fieldConfig.type === FieldTypeEnum.DATE_TIME" class="crm-form-design-config-item">
+        <div class="crm-form-design-config-item-title">
+          {{ t('common.type') }}
+        </div>
+        <n-select
+          v-model:value="fieldConfig.dateType"
+          :options="dateTypeOptions"
+          :disabled="fieldConfig.disabledProps?.includes('dateType')"
+        />
+      </div>
+      <!-- date End -->
+      <!-- 数据源属性 -->
+      <template v-if="[FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.DATA_SOURCE_MULTIPLE].includes(fieldConfig.type)">
+        <div class="crm-form-design-config-item">
+          <div class="crm-form-design-config-item-title">
+            {{ t('crmFormDesign.dataSource') }}
+          </div>
+          <n-select
+            v-model:value="fieldConfig.dataSourceType"
+            :options="dataSourceOptions"
+            filterable
+            :disabled="
+              fieldConfig.disabledProps?.includes('dataSourceType') ||
+              !!fieldConfig.resourceFieldId ||
+              !fieldConfig.isNew
+            "
+            @update-value="handleClearDataSourceTypeChange"
+          />
+        </div>
+        <div class="crm-form-design-config-item">
+          <div class="crm-form-design-config-item-title">
+            {{ t('crmFormDesign.dataSourceTableDisplayField') }}
+          </div>
+          <dataSourceListFieldConfig
+            v-model:value="fieldConfig.listDisplayFields"
+            :fieldConfig="fieldConfig"
+            :disabled="!!fieldConfig.resourceFieldId"
+            @change="handleDataSourceListChange"
+          />
+        </div>
+        <div
+          v-if="fieldConfig.dataSourceType !== FieldDataSourceTypeEnum.BUSINESS_TITLE"
+          class="crm-form-design-config-item"
+        >
+          <div class="crm-form-design-config-item-title">
+            {{ t('crmFormDesign.dataSourceFilter') }}
+          </div>
+          <n-button
+            :disabled="fieldConfig.disabledProps?.includes('dataSource') || !!fieldConfig.resourceFieldId"
+            @click="handleDataSourceFilter"
+          >
+            {{
+              fieldConfig.combineSearch?.conditions.length
+                ? t('crmFormDesign.dataSourceFilterSetTip', { count: fieldConfig.combineSearch?.conditions.length })
+                : t('common.setting')
+            }}
+          </n-button>
+        </div>
+        <!-- 显示字段 -->
+        <div v-if="fieldConfig.type === FieldTypeEnum.DATA_SOURCE" class="crm-form-design-config-item">
+          <div class="crm-form-design-config-item-title">
+            <span>{{ t('crmFormDesign.dataSourceDisplayField') }}</span>
+            <n-button
+              type="primary"
+              text
+              :disabled="!fieldConfig.showFields?.length || !!fieldConfig.resourceFieldId"
+              @click="handleClearDataSourceDisplayField"
+            >
+              {{ t('common.clear') }}
+            </n-button>
+          </div>
+          <n-button
+            :disabled="fieldConfig.disabledProps?.includes('dataSource') || !!fieldConfig.resourceFieldId"
+            @click="showDataSourceDisplayFieldModal = true"
+          >
+            {{
+              fieldConfig.showFields?.length
+                ? t('crmFormDesign.showFieldCount', { count: fieldConfig.showFields?.length })
+                : t('common.setting')
+            }}
+          </n-button>
+        </div>
+      </template>
+      <!-- 数据源属性 End -->
+      <!-- 选项属性 -->
+      <!-- <div
+        v-if="
+          [FieldTypeEnum.SELECT, FieldTypeEnum.MEMBER, FieldTypeEnum.DEPARTMENT, FieldTypeEnum.DATA_SOURCE].includes(
+            fieldConfig.type
+          )
+        "
+        class="crm-form-design-config-item"
+      >
+        <div class="crm-form-design-config-item-title">
+          {{ t('crmFormDesign.selectType') }}
+        </div>
+        <n-radio-group
+          v-model:value="fieldConfig.multiple"
+          name="radiogroup"
+          class="flex"
+          :disabled="fieldConfig.disabledProps?.includes('multiple')"
+          @update-value="handleMultipleChange"
+        >
+          <n-radio-button :value="false" class="flex-1 text-center">
+            {{ t('crmFormDesign.single') }}
+          </n-radio-button>
+          <n-radio-button :value="true" class="flex-1 text-center">
+            {{ t('crmFormDesign.multiple') }}
+          </n-radio-button>
+        </n-radio-group>
+      </div> -->
+      <div v-if="fieldConfig.options" class="crm-form-design-config-item">
+        <div class="crm-form-design-config-item-title">
+          {{ t('crmFormDesign.option') }}
+        </div>
+        <optionConfig
+          v-model:field="fieldConfig"
+          :disabled="fieldConfig.disabledProps?.includes('options') || !!fieldConfig.resourceFieldId"
+        />
+      </div>
+      <!-- 选项属性 End -->
+      <!-- 分割线属性 -->
+      <!-- 显隐规则 -->
+      <div v-if="isShowRuleField" class="crm-form-design-config-item">
+        <div class="crm-form-design-config-item-title">
+          {{ t('crmFormDesign.showRule') }}
+        </div>
+        <n-button
+          :disabled="fieldConfig.disabledProps?.includes('showControlRules') || !!fieldConfig.resourceFieldId"
+          @click="showRuleConfig"
+        >
+          {{
+            fieldConfig.showControlRules?.length
+              ? t('crmFormDesign.showRuleCount', { count: fieldConfig.showControlRules?.length })
+              : t('common.setting')
+          }}
+        </n-button>
+      </div>
+      <!-- 显隐规则 End -->
+      <!-- 字段联动 -->
+      <div v-if="isShowLinkField" class="crm-form-design-config-item">
+        <div class="crm-form-design-config-item-title">
+          {{ t('crmFormDesign.fieldLink') }}
+          <CrmPopConfirm
+            v-model:show="linkClearPop"
+            :title="t('crmFormDesign.linkFieldSettingClearTip')"
+            icon-type="warning"
+            :content="t('crmFormDesign.linkFieldSettingClearTipContent')"
+            :positive-text="t('common.confirm')"
+            trigger="click"
+            :negative-text="t('common.cancel')"
+            placement="right-end"
+            @confirm="clearLink"
+          >
+            <n-button
+              type="primary"
+              text
+              :disabled="!fieldConfig.linkProp?.linkOptions?.length || !!fieldConfig.resourceFieldId"
+            >
+              {{ t('common.clear') }}
+            </n-button>
+          </CrmPopConfirm>
+        </div>
+        <n-button
+          :disabled="fieldConfig.disabledProps?.includes('linkProp') || !!fieldConfig.resourceFieldId"
+          @click="showLinkConfig"
+        >
+          {{
+            fieldConfig.linkProp?.linkOptions?.length
+              ? t('crmFormDesign.linkSettingTip', { count: fieldConfig.linkProp.linkOptions.length })
+              : t('common.setting')
+          }}
+        </n-button>
+      </div>
+      <!-- 字段联动 End -->
+      <!-- 单选数据源字段联动 -->
+      <div
+        v-if="
+          fieldConfig.type === FieldTypeEnum.DATA_SOURCE &&
+          !isSubTableField &&
+          fieldConfig.dataSourceType !== FieldDataSourceTypeEnum.BUSINESS_TITLE
+        "
+        class="crm-form-design-config-item"
+      >
+        <div class="crm-form-design-config-item-title">
+          {{ t('crmFormDesign.fieldLink') }}
+          <CrmPopConfirm
+            v-model:show="datasourceLinkClearPop"
+            :title="t('crmFormDesign.linkFieldSettingClearTip')"
+            icon-type="warning"
+            :content="t('crmFormDesign.linkFieldSettingClearTipContent')"
+            :positive-text="t('common.confirm')"
+            trigger="click"
+            :negative-text="t('common.cancel')"
+            placement="right-end"
+            @confirm="clearDatasourceLink"
+          >
+            <n-button
+              type="primary"
+              text
+              :disabled="
+                (!fieldConfig.linkFields?.length && !fieldConfig.childLinkFields?.length) ||
+                !!fieldConfig.resourceFieldId
+              "
+            >
+              {{ t('common.clear') }}
+            </n-button>
+          </CrmPopConfirm>
+        </div>
+        <n-button
+          :disabled="fieldConfig.disabledProps?.includes('linkFields') || !!fieldConfig.resourceFieldId"
+          @click="showDatasourceLinkConfig"
+        >
+          {{
+            fieldConfig.linkFields?.length || fieldConfig.childLinkFields?.length
+              ? t('crmFormDesign.linkSettingFieldTip', {
+                  count: (fieldConfig.linkFields?.length || 0) + (fieldConfig.childLinkFields?.length || 0),
+                })
+              : t('common.setting')
+          }}
+        </n-button>
+      </div>
+      <!-- 单选数据源字段联动 End -->
+      <div v-if="fieldConfig.type === FieldTypeEnum.DIVIDER" class="crm-form-design-config-item">
+        <div class="crm-form-design-config-item-title">
+          {{ t('crmFormDesign.style') }}
+        </div>
+        <n-popover
+          v-model:show="dividerStyleShow"
+          trigger="click"
+          placement="bottom"
+          width="trigger"
+          :show-arrow="false"
+          style="max-height: 360px"
+          :disabled="fieldConfig.disabledProps?.includes('dividerClass') || !!fieldConfig.resourceFieldId"
+          scrollable
+        >
+          <template #trigger>
+            <div class="crm-form-design-divider-wrapper">
+              <Divider
+                :field-config="{
+                  ...fieldConfig,
+                  description: t('crmFormDesign.dividerDescDemo'),
+                }"
+              />
+            </div>
+          </template>
+          <div
+            v-for="option in dividerOptions"
+            :key="option.value"
+            class="crm-form-design-divider-wrapper mb-[6px]"
+            :class="fieldConfig.dividerClass === option.value ? 'crm-form-design-divider-wrapper--active' : ''"
+            @click="handleDividerStyleClick(option.value as string)"
+          >
+            <Divider
+              :field-config="{
+                  ...fieldConfig,
+                  dividerClass: option.value as string,
+                  description: t('crmFormDesign.dividerDescDemo'),
+                }"
+            />
+          </div>
+        </n-popover>
+        <div class="flex items-center justify-end gap-[8px]">
+          <div class="flex-1 text-left">{{ t('crmFormDesign.dividerColor') }}</div>
+          <n-popover
+            trigger="click"
+            placement="bottom"
+            class="!p-0"
+            :show-arrow="false"
+            :disabled="fieldConfig.disabledProps?.includes('dividerColor') || !!fieldConfig.resourceFieldId"
+          >
+            <template #trigger>
+              <div class="crm-form-design-color-select-wrapper">
+                <div class="crm-form-design-color-select" :style="{ backgroundColor: fieldConfig.dividerColor }"></div>
+              </div>
+            </template>
+            <CrmColorSelect
+              v-model:pure-color="fieldConfig.dividerColor"
+              :disabled="fieldConfig.disabledProps?.includes('dividerColor') || !!fieldConfig.resourceFieldId"
+            />
+          </n-popover>
+          <n-button
+            class="px-[9px]"
+            :disabled="fieldConfig.disabledProps?.includes('dividerColor') || !!fieldConfig.resourceFieldId"
+            @click="
+              () => {
+                if (!fieldConfig.disabledProps?.includes('dividerColor')) {
+                  fieldConfig.dividerColor = '#edf0f1';
+                }
+              }
+            "
+          >
+            <CrmIcon type="iconicon_refresh" />
+          </n-button>
+        </div>
+        <div class="flex items-center justify-end gap-[8px]">
+          <div class="flex-1 text-left">{{ t('crmFormDesign.titleColor') }}</div>
+          <n-popover
+            trigger="click"
+            placement="bottom"
+            class="!p-0"
+            :show-arrow="false"
+            :disabled="fieldConfig.disabledProps?.includes('titleColor') || !!fieldConfig.resourceFieldId"
+          >
+            <template #trigger>
+              <div class="crm-form-design-color-select-wrapper">
+                <div class="crm-form-design-color-select" :style="{ backgroundColor: fieldConfig.titleColor }"></div>
+              </div>
+            </template>
+            <CrmColorSelect
+              v-model:pure-color="fieldConfig.titleColor"
+              :disabled="fieldConfig.disabledProps?.includes('titleColor') || !!fieldConfig.resourceFieldId"
+            />
+          </n-popover>
+          <n-button
+            class="px-[9px]"
+            @click="
+              () => {
+                if (!fieldConfig.disabledProps?.includes('titleColor')) {
+                  fieldConfig.titleColor = '#323535';
+                }
+              }
+            "
+          >
+            <CrmIcon type="iconicon_refresh" />
+          </n-button>
+        </div>
+      </div>
+      <!-- 分割线属性 End -->
+      <!-- 单选/复选框排列属性 -->
+      <div
+        v-if="[FieldTypeEnum.RADIO, FieldTypeEnum.CHECKBOX].includes(fieldConfig.type)"
+        class="crm-form-design-config-item"
+      >
+        <div class="crm-form-design-config-item-title">
+          {{ t('crmFormDesign.direction') }}
+        </div>
+        <n-radio-group
+          v-model:value="fieldConfig.direction"
+          name="radiogroup"
+          class="flex"
+          :disabled="fieldConfig.disabledProps?.includes('direction') || !!fieldConfig.resourceFieldId"
+        >
+          <n-radio-button value="vertical" class="flex-1 text-center">
+            {{ t('crmFormDesign.verticalSort') }}
+          </n-radio-button>
+          <n-radio-button value="horizontal" class="flex-1 text-center">
+            {{ t('crmFormDesign.horizontalSort') }}
+          </n-radio-button>
+        </n-radio-group>
+      </div>
+      <!-- 单选/复选框排列属性 End -->
+      <!-- 图片属性 -->
+      <template v-if="fieldConfig.type === FieldTypeEnum.PICTURE">
+        <div class="crm-form-design-config-item">
+          <div class="crm-form-design-config-item-title">{{ t('crmFormDesign.pictureShowType') }}</div>
+          <div class="flex items-center gap-[8px]">
+            <div
+              class="crm-form-design-config-item-label-picture"
+              :class="fieldConfig.pictureShowType === 'card' ? 'crm-form-design-config-item-label-picture--active' : ''"
+              @click="
+                () => {
+                  if (!fieldConfig.disabledProps?.includes('pictureShowType')) {
+                    fieldConfig.pictureShowType = 'card';
+                  }
+                }
+              "
+            >
+              <div class="crm-form-design-config-item-label-picture-card !flex-row justify-between">
+                <div class="crm-form-design-config-item-label-picture-card-first flex flex-col">
+                  <div class="crm-form-design-config-item-label-picture-card-heavy mb-[4px] h-[16px] w-[21px]"></div>
+                  <div class="crm-form-design-config-item-label-picture-card-heavy mb-[2px] h-[3px] w-[21px]"></div>
+                  <div class="crm-form-design-config-item-label-picture-card-light mb-[2px] h-[3px] w-[21px]"></div>
+                  <div class="crm-form-design-config-item-label-picture-card-light h-[3px] w-[11px]"></div>
+                </div>
+                <div class="flex flex-col">
+                  <div class="crm-form-design-config-item-label-picture-card-light mb-[4px] h-[16px] w-[21px]"></div>
+                  <div class="crm-form-design-config-item-label-picture-card-light mb-[2px] h-[3px] w-[21px]"></div>
+                  <div class="crm-form-design-config-item-label-picture-card-light mb-[2px] h-[3px] w-[21px]"></div>
+                  <div class="crm-form-design-config-item-label-picture-card-light h-[3px] w-[11px]"></div>
+                </div>
+                <div class="flex flex-col">
+                  <div class="crm-form-design-config-item-label-picture-card-light mb-[4px] h-[16px] w-[21px]"></div>
+                  <div class="crm-form-design-config-item-label-picture-card-light mb-[2px] h-[3px] w-[21px]"></div>
+                  <div class="crm-form-design-config-item-label-picture-card-light mb-[2px] h-[3px] w-[21px]"></div>
+                  <div class="crm-form-design-config-item-label-picture-card-light h-[3px] w-[11px]"></div>
+                </div>
+              </div>
+              {{ t('crmFormDesign.card') }}
+            </div>
+            <div
+              v-if="!isSubTableField"
+              class="crm-form-design-config-item-label-picture"
+              :class="fieldConfig.pictureShowType === 'list' ? 'crm-form-design-config-item-label-picture--active' : ''"
+              @click="
+                () => {
+                  if (!fieldConfig.disabledProps?.includes('pictureShowType')) {
+                    fieldConfig.pictureShowType = 'list';
+                  }
+                }
+              "
+            >
+              <div class="crm-form-design-config-item-label-picture-card">
+                <div class="crm-form-design-config-item-label-picture-card-first flex items-center gap-[4px]">
+                  <div class="crm-form-design-config-item-label-picture-card-heavy h-[16px] w-[21px]"></div>
+                  <div class="flex flex-1 flex-col gap-[4px]">
+                    <div class="crm-form-design-config-item-label-picture-card-light h-[3px]"></div>
+                    <div class="crm-form-design-config-item-label-picture-card-light h-[3px] w-[50%]"></div>
+                  </div>
+                </div>
+                <div class="flex items-center gap-[4px]">
+                  <div class="crm-form-design-config-item-label-picture-card-heavy h-[16px] w-[21px]"></div>
+                  <div class="flex flex-1 flex-col gap-[4px]">
+                    <div class="crm-form-design-config-item-label-picture-card-light h-[3px]"></div>
+                    <div class="crm-form-design-config-item-label-picture-card-light h-[3px] w-[50%]"></div>
+                  </div>
+                </div>
+              </div>
+              {{ t('crmFormDesign.list') }}
+            </div>
+            <div v-else class="w-[50%]"></div>
+          </div>
+        </div>
+        <div class="crm-form-design-config-item">
+          <div class="crm-form-design-config-item-title">
+            {{ t('crmFormDesign.pictureLimit') }}
+            <n-tooltip trigger="hover">
+              <template #trigger>
+                <CrmIcon type="iconicon_help_circle" class="cursor-pointer hover:text-[var(--primary-1)]" />
+              </template>
+              {{ t('crmFormDesign.pictureLimitDesc') }}
+            </n-tooltip>
+          </div>
+          <div class="flex flex-col gap-[8px]">
+            <n-checkbox
+              v-model:checked="fieldConfig.uploadLimitEnable"
+              @update-checked="() => (fieldConfig.uploadLimit = 10)"
+            >
+              {{ t('crmFormDesign.pictureNumLimit') }}
+            </n-checkbox>
+            <CrmInputNumber
+              v-if="fieldConfig.uploadLimitEnable"
+              v-model:value="fieldConfig.uploadLimit"
+              :step="1"
+              :min="1"
+              :max="10"
+              class="w-[130px]"
+            >
+              <template #suffix>
+                <div class="text-[var(--text-n4)]">{{ t('crmFormDesign.pictureNumUnit') }}</div>
+              </template>
+            </CrmInputNumber>
+          </div>
+          <div class="flex flex-col gap-[8px]">
+            <n-checkbox
+              v-model:checked="fieldConfig.uploadSizeLimitEnable"
+              @update-checked="() => (fieldConfig.uploadSizeLimit = 20)"
+            >
+              <div class="flex items-center gap-[4px]">
+                {{ t('crmFormDesign.pictureSizeLimit') }}
+                <n-tooltip trigger="hover">
+                  <template #trigger>
+                    <CrmIcon type="iconicon_help_circle" class="cursor-pointer hover:text-[var(--primary-1)]" />
+                  </template>
+                  {{ t('crmFormDesign.pictureSizeLimitTip') }}
+                </n-tooltip>
+              </div>
+            </n-checkbox>
+            <CrmInputNumber
+              v-if="fieldConfig.uploadSizeLimitEnable"
+              v-model:value="fieldConfig.uploadSizeLimit"
+              :step="1"
+              :min="0"
+              :max="20"
+              class="w-[130px]"
+            >
+              <template #suffix>
+                <div class="text-[var(--text-n4)]">MB</div>
+              </template>
+            </CrmInputNumber>
+          </div>
+        </div>
+      </template>
+      <!-- 图片属性 End -->
+      <!-- 地址属性 -->
+      <div v-if="fieldConfig.type === FieldTypeEnum.LOCATION" class="crm-form-design-config-item">
+        <div class="crm-form-design-config-item-title">
+          {{ t('common.type') }}
+        </div>
+        <n-select
+          v-model:value="fieldConfig.scope"
+          :options="[
+            {
+              label: t('crmFormDesign.onlyInChina'),
+              value: 'CN',
+            },
+            {
+              label: t('crmFormDesign.allCountries'),
+              value: 'ALL',
+            },
+          ]"
+          :disabled="fieldConfig.disabledProps?.includes('locationType') || !!fieldConfig.resourceFieldId"
+        />
+        <n-select
+          v-model:value="fieldConfig.locationType"
+          :options="[
+            ...(fieldConfig.scope === 'ALL'
+              ? [
+                  {
+                    label: t('crmFormDesign.C'),
+                    value: 'C',
+                  },
+                ]
+              : []),
+            {
+              label: fieldConfig.scope === 'ALL' ? t('crmFormDesign.P') : t('crmFormDesign.cn.P'),
+              value: 'P',
+            },
+            {
+              label: fieldConfig.scope === 'ALL' ? t('crmFormDesign.PC') : t('crmFormDesign.cn.PC'),
+              value: 'PC',
+            },
+            {
+              label: fieldConfig.scope === 'ALL' ? t('crmFormDesign.PCD') : t('crmFormDesign.cn.PCD'),
+              value: 'PCD',
+            },
+            {
+              label: fieldConfig.scope === 'ALL' ? t('crmFormDesign.PCDDetail') : t('crmFormDesign.cn.PCDDetail'),
+              value: 'detail',
+            },
+          ]"
+          :disabled="fieldConfig.disabledProps?.includes('locationType') || !!fieldConfig.resourceFieldId"
+        />
+      </div>
+      <!-- 地址属性 End -->
+      <!-- 流水号属性 -->
+      <div v-if="fieldConfig.type === FieldTypeEnum.SERIAL_NUMBER" class="crm-form-design-config-item">
+        <div class="crm-form-design-config-item-title">
+          <div class="flex items-center gap-[8px]">
+            {{ t('crmFormDesign.serialNumberRule') }}
+            <n-tooltip trigger="hover">
+              <template #trigger>
+                <CrmIcon
+                  type="iconicon_help_circle"
+                  class="cursor-pointer text-[var(--text-n4)] hover:text-[var(--primary-1)]"
+                />
+              </template>
+              {{ t('crmFormDesign.serialNumberRuleTip') }}
+            </n-tooltip>
+          </div>
+          <div
+            v-if="fieldConfig?.prefixType === 'formula'"
+            class="font-normal"
+            :class="`${
+              disabledClearFormulaConfig
+                ? 'cursor-not-allowed text-[var(--primary-6)]'
+                : 'cursor-pointer text-[var(--primary-8)]'
+            }`"
+            @click="handleClearFormulaField"
+          >
+            {{ t('common.clear') }}
+          </div>
+        </div>
+        <template v-if="fieldConfig.serialNumberRules">
+          <n-input-group>
+            <n-select
+              v-model:value="fieldConfig.prefixType"
+              class="w-[100px]"
+              :options="[
+                {
+                  label: t('crmFormDesign.fixedChar'),
+                  value: 'custom',
+                },
+                {
+                  label: t('crmFormDesign.formulaSetting'),
+                  value: 'formula',
+                },
+              ]"
+              :render-option="renderPrefixTypeOption"
+              :disabled="fieldConfig.disabledProps?.includes('serialNumberRules') || !!fieldConfig.resourceFieldId"
+              @update-value="
+                (val) => {
+                  fieldConfig.prefixType = val;
+                }
+              "
+            />
+            <n-input
+              v-if="fieldConfig.prefixType === 'custom'"
+              v-model:value="serialNumberRules1"
+              class="flex-1"
+              maxlength="10"
+              :disabled="fieldConfig.disabledProps?.includes('serialNumberRules') || !!fieldConfig.resourceFieldId"
+            />
+
+            <div v-else class="flex flex-1">
+              <n-button
+                type="default"
+                class="outline--secondary flex-1"
+                :disabled="!!fieldConfig.resourceFieldId"
+                @click="handleCalculateFormula"
+              >
+                {{ formulaConfig.source?.length ? t('crmFormDesign.formulaHasBeenSet') : t('common.setting') }}
+              </n-button>
+            </div>
+          </n-input-group>
+
+          <n-input
+            v-model:value="serialNumberRules2"
+            maxlength="10"
+            :disabled="fieldConfig.disabledProps?.includes('serialNumberRules') || !!fieldConfig.resourceFieldId"
+          >
+            <template #prefix>{{ t('crmFormDesign.fixedChar') }}</template>
+          </n-input>
+          <n-input v-model:value="serialNumberRules3" disabled>
+            <template #prefix>{{ t('crmFormDesign.submitDate') }}</template>
+          </n-input>
+          <n-input
+            v-model:value="serialNumberRules4"
+            maxlength="10"
+            :disabled="fieldConfig.disabledProps?.includes('serialNumberRules') || !!fieldConfig.resourceFieldId"
+          >
+            <template #prefix>{{ t('crmFormDesign.fixedChar') }}</template>
+          </n-input>
+          <div class="flex items-center gap-[8px]">
+            <n-input-number
+              v-model:value="serialNumberRules5"
+              :min="1"
+              :max="9"
+              :precision="0"
+              :show-button="false"
+              :disabled="fieldConfig.disabledProps?.includes('serialNumberRules') || !!fieldConfig.resourceFieldId"
+            >
+              <template #prefix>
+                <div class="text-[var(--primary-8)]">{{ t('crmFormDesign.autoCount') }}</div>
+              </template>
+            </n-input-number>
+            <n-tooltip trigger="hover">
+              <template #trigger>
+                <CrmIcon
+                  type="iconicon_error_circle"
+                  class="cursor-pointer text-[var(--text-n4)] hover:text-[var(--primary-1)]"
+                />
+              </template>
+              {{ t('crmFormDesign.serialNumberRuleAutoCountTip', { number: serialNumberRules5 }) }}
+            </n-tooltip>
+          </div>
+
+          <div
+            class="flex flex-1 items-center gap-[8px] rounded-[var(--border-radius-small)] bg-[var(--text-n9)] px-[8px] py-[4px]"
+          >
+            <div class="text-[var(--text-n4)]">{{ t('common.preview') }}</div>
+            {{ previewValue }}
+          </div>
+        </template>
+      </div>
+      <!-- 流水号属性 End -->
+      <!-- 链接 -->
+      <template v-else-if="fieldConfig.type === FieldTypeEnum.LINK">
+        <div class="crm-form-design-config-item">
+          <div class="crm-form-design-config-item-title">
+            {{ t('crmFormDesign.linkSource') }}
+          </div>
+          <n-select
+            v-model:value="fieldConfig.linkSource"
+            :disabled="fieldConfig.disabledProps?.includes('linkSource') || !!fieldConfig.resourceFieldId"
+            :options="linkSourceOptions"
+          />
+        </div>
+        <div class="crm-form-design-config-item">
+          <div class="crm-form-design-config-item-title">{{ t('crmFormDesign.openMode') }}</div>
+          <n-radio-group
+            v-model:value="fieldConfig.openMode"
+            :disabled="fieldConfig.disabledProps?.includes('openMode') || !!fieldConfig.resourceFieldId"
+            name="radiogroup"
+            class="flex"
+          >
+            <n-radio-button value="openInNew" class="flex-1 text-center">
+              {{ t('crmFormDesign.openInNew') }}
+            </n-radio-button>
+            <n-radio-button value="openInCurrent" class="flex-1 text-center">
+              {{ t('crmFormDesign.openInCurrent') }}
+            </n-radio-button>
+          </n-radio-group>
+        </div>
+      </template>
+      <!-- 链接 End -->
+      <!-- 公式 -->
+      <template v-else-if="fieldConfig.type === FieldTypeEnum.FORMULA">
+        <div class="crm-form-design-config-item">
+          <div class="crm-form-design-config-item-title">
+            <span> {{ t('crmFormDesign.formula') }}</span>
+            <n-button
+              type="primary"
+              text
+              :disabled="!formulaConfig.source?.length || !!fieldConfig.resourceFieldId"
+              @click="handleClearFormulaField"
+            >
+              {{ t('common.clear') }}
+            </n-button>
+          </div>
+          <n-button
+            type="default"
+            class="outline--secondary"
+            :disabled="!!fieldConfig.resourceFieldId"
+            @click="handleCalculateFormula"
+          >
+            {{ formulaConfig.source?.length ? t('crmFormDesign.formulaHasBeenSet') : t('common.setting') }}
+          </n-button>
+        </div>
+      </template>
+      <!-- 公式 End -->
+      <!-- 电话 -->
+      <template v-else-if="fieldConfig.type === FieldTypeEnum.PHONE">
+        <div class="crm-form-design-config-item">
+          <div class="crm-form-design-config-item-title">
+            {{ t('crmFormDesign.format') }}
+          </div>
+          <n-select
+            v-model:value="fieldConfig.format"
+            :disabled="fieldConfig.disabledProps?.includes('format') || !!fieldConfig.resourceFieldId"
+            :options="phoneFormatOptions"
+          />
+        </div>
+      </template>
+      <!-- 电话 End -->
+      <!-- 默认值 -->
+      <div
+        v-if="
+          (!fieldConfig.options || fieldConfig.options.length === 0) &&
+          ![
+            FieldTypeEnum.DIVIDER,
+            FieldTypeEnum.PICTURE,
+            FieldTypeEnum.LOCATION,
+            FieldTypeEnum.PHONE,
+            FieldTypeEnum.INPUT_MULTIPLE,
+            FieldTypeEnum.DATA_SOURCE,
+            FieldTypeEnum.DATA_SOURCE_MULTIPLE,
+            FieldTypeEnum.SERIAL_NUMBER,
+            FieldTypeEnum.LINK,
+            FieldTypeEnum.ATTACHMENT,
+            FieldTypeEnum.FORMULA,
+            FieldTypeEnum.SUB_PRICE,
+            FieldTypeEnum.SUB_PRODUCT,
+          ].includes(fieldConfig.type)
+        "
+        class="crm-form-design-config-item"
+      >
+        <div class="flex items-center justify-between">
+          <div class="crm-form-design-config-item-title">{{ t('crmFormDesign.defaultValue') }}</div>
+          <div
+            v-if="fieldConfig?.defaultValueType === 'formula' && !isSubTableField"
+            class="crm-form-design-config-item-formula-clear"
+            :class="`${
+              disabledClearFormulaConfig
+                ? 'cursor-not-allowed text-[var(--primary-6)]'
+                : 'cursor-pointer text-[var(--primary-8)]'
+            }`"
+            @click="handleClearFormulaField"
+          >
+            {{ t('common.clear') }}
+          </div>
+        </div>
+        <div
+          v-if="[FieldTypeEnum.MEMBER, FieldTypeEnum.MEMBER_MULTIPLE].includes(fieldConfig.type)"
+          class="flex items-center gap-[8px]"
+        >
+          <n-switch
+            v-model:value="fieldConfig.hasCurrentUser"
+            :rubber-band="false"
+            :disabled="fieldConfig.disabledProps?.includes('hasCurrentUser') || !!fieldConfig.resourceFieldId"
+            @update-value="
+              ($event) => handleHasCurrentChange($event, fieldConfig.type === FieldTypeEnum.MEMBER_MULTIPLE)
+            "
+          />
+          {{ t('crmFormDesign.loginUser') }}
+        </div>
+        <div
+          v-else-if="[FieldTypeEnum.DEPARTMENT, FieldTypeEnum.DEPARTMENT_MULTIPLE].includes(fieldConfig.type)"
+          class="flex items-center gap-[8px]"
+        >
+          <n-switch
+            v-model:value="fieldConfig.hasCurrentUserDept"
+            :rubber-band="false"
+            :disabled="fieldConfig.disabledProps?.includes('hasCurrentUserDept') || !!fieldConfig.resourceFieldId"
+            @update-value="
+              ($event) => handleHasCurrentChange($event, fieldConfig.type === FieldTypeEnum.DEPARTMENT_MULTIPLE)
+            "
+          />
+          {{ t('crmFormDesign.loginUserDept') }}
+        </div>
+        <CrmFormCreateInputNumber
+          v-if="fieldConfig.type === FieldTypeEnum.INPUT_NUMBER"
+          v-model:value="fieldConfig.defaultValue"
+          :show-button="false"
+          :min="0"
+          :disabled="fieldConfig.disabledProps?.includes('defaultValue') || !!fieldConfig.resourceFieldId"
+          :fieldConfig="fieldConfig"
+          path=""
+          isDefaultValueRender
+          ignore-rule
+        />
+        <CrmTextArea
+          v-else-if="fieldConfig.type === FieldTypeEnum.TEXTAREA"
+          v-model:value="fieldConfig.defaultValue"
+          :show-button="false"
+          :min="0"
+          :disabled="fieldConfig.disabledProps?.includes('defaultValue') || !!fieldConfig.resourceFieldId"
+          :fieldConfig="{
+            ...fieldConfig,
+            rules: [],
+          }"
+          path=""
+          isDefaultValueRender
+        />
+        <template v-else-if="fieldConfig.type === FieldTypeEnum.DATE_TIME">
+          <n-select
+            v-model:value="fieldConfig.dateDefaultType"
+            :options="[
+              {
+                label: t('crmFormDesign.custom'),
+                value: 'custom',
+              },
+              {
+                label: t('crmFormDesign.currentTime'),
+                value: 'current',
+              },
+            ]"
+            :disabled="fieldConfig.disabledProps?.includes('defaultValue') || !!fieldConfig.resourceFieldId"
+            @update-value="
+              (val) => {
+                if (val === 'custom') {
+                  fieldConfig.defaultValue = null;
+                }
+              }
+            "
+          />
+          <n-date-picker
+            v-if="fieldConfig.dateDefaultType === 'custom'"
+            v-model:value="fieldConfig.defaultValue"
+            :type="fieldConfig.dateType"
+            :disabled="fieldConfig.disabledProps?.includes('defaultValue') || !!fieldConfig.resourceFieldId"
+            class="w-full"
+          ></n-date-picker>
+        </template>
+        <CrmUserTagSelector
+          v-else-if="[FieldTypeEnum.MEMBER, FieldTypeEnum.MEMBER_MULTIPLE].includes(fieldConfig.type)"
+          v-show="fieldConfig.type === FieldTypeEnum.MEMBER_MULTIPLE || !fieldConfig.hasCurrentUser"
+          v-model:selected-list="fieldConfig.initialOptions"
+          v-model:value="fieldConfig.defaultValue"
+          :api-type-key="MemberApiTypeEnum.FORM_FIELD"
+          :multiple="fieldConfig.type === FieldTypeEnum.MEMBER_MULTIPLE"
+          :drawer-title="t('crmFormDesign.selectMember')"
+          :ok-text="t('common.confirm')"
+          :member-types="memberTypes"
+          :disabled="fieldConfig.disabledProps?.includes('defaultValue') || !!fieldConfig.resourceFieldId"
+          :disabled-node-types="[DeptNodeTypeEnum.ORG, DeptNodeTypeEnum.ROLE]"
+        />
+        <CrmUserTagSelector
+          v-else-if="[FieldTypeEnum.DEPARTMENT, FieldTypeEnum.DEPARTMENT_MULTIPLE].includes(fieldConfig.type)"
+          v-show="fieldConfig.type === FieldTypeEnum.DEPARTMENT_MULTIPLE || !fieldConfig.hasCurrentUserDept"
+          v-model:selected-list="fieldConfig.initialOptions"
+          v-model:value="fieldConfig.defaultValue"
+          :api-type-key="MemberApiTypeEnum.FORM_FIELD"
+          :multiple="fieldConfig.type === FieldTypeEnum.DEPARTMENT_MULTIPLE"
+          :drawer-title="t('crmFormDesign.selectDepartment')"
+          :ok-text="t('common.confirm')"
+          :member-types="memberTypes"
+          :disabled="fieldConfig.disabledProps?.includes('defaultValue') || !!fieldConfig.resourceFieldId"
+          :disabled-node-types="[DeptNodeTypeEnum.USER, DeptNodeTypeEnum.ROLE]"
+        />
+        <CrmDataSource
+          v-else-if="[FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.DATA_SOURCE_MULTIPLE].includes(fieldConfig.type)"
+          v-model:value="fieldConfig.defaultValue"
+          v-model:rows="fieldConfig.initialOptions"
+          :multiple="fieldConfig.type === FieldTypeEnum.DATA_SOURCE_MULTIPLE"
+          :data-source-type="fieldConfig.dataSourceType || dataSourceOptions[0].value as FieldDataSourceTypeEnum"
+          :disabled="fieldConfig.disabledProps?.includes('defaultValue') || !!fieldConfig.resourceFieldId"
+        />
+        <template v-else>
+          <n-radio-group
+            v-if="fieldConfig.type === FieldTypeEnum.INPUT && !isSubTableField"
+            v-model:value="fieldConfig.defaultValueType"
+            name="defaultValueType"
+            class="crm-form-design-config-radio-group"
+            :disabled="fieldConfig.disabledProps?.includes('defaultValue') || !!fieldConfig.resourceFieldId"
+            @update-value="
+              (val) => {
+                fieldConfig.defaultValueType = val;
+                fieldConfig.defaultValue = null;
+              }
+            "
+          >
+            <n-radio-button key="custom" value="custom" :label="t('crmFormDesign.custom')" />
+            <n-radio-button key="formula" value="formula" :label="t('crmFormDesign.formulaSetting')" />
+          </n-radio-group>
+
+          <!-- 默认值为公式 -->
+          <div v-if="fieldConfig?.defaultValueType === 'formula' && !isSubTableField">
+            <n-button
+              type="default"
+              class="outline--secondary w-full"
+              :disabled="!!fieldConfig.resourceFieldId"
+              @click="handleCalculateFormula"
+            >
+              {{ formulaConfig.source?.length ? t('crmFormDesign.formulaHasBeenSet') : t('common.setting') }}
+            </n-button>
+          </div>
+          <n-input
+            v-else
+            v-model:value="fieldConfig.defaultValue"
+            :maxlength="255"
+            :disabled="fieldConfig.disabledProps?.includes('defaultValue') || !!fieldConfig.resourceFieldId"
+            clearable
+          />
+        </template>
+      </div>
+      <!-- 默认值 End -->
+      <!-- 附件 Start -->
+      <div v-if="fieldConfig.type === FieldTypeEnum.ATTACHMENT" class="crm-form-design-config-item">
+        <div class="crm-form-design-config-item-title">
+          {{ t('crmFormDesign.fileUploadConfig') }}
+        </div>
+        <div class="flex items-center">
+          <n-checkbox
+            v-model:checked="fieldConfig.onlyOne"
+            :disabled="fieldConfig.disabledProps?.includes('onlyOne') || !!fieldConfig.resourceFieldId"
+            @update-checked="
+              ($event) => {
+                if ($event === false) {
+                  fieldConfig.onlyOne = false;
+                }
+              }
+            "
+          >
+            {{ t('crmFormDesign.onlyOneFile') }}
+          </n-checkbox>
+          <n-tooltip trigger="hover">
+            <template #trigger>
+              <CrmIcon type="iconicon_help_circle" :size="16" class="cursor-pointer hover:text-[var(--primary-1)]" />
+            </template>
+            {{ t('crmFormDesign.onlyOneFileTip') }}
+          </n-tooltip>
+        </div>
+        <n-checkbox
+          v-model:checked="currentFieldHasAccept"
+          :disabled="fieldConfig.disabledProps?.includes('accept') || !!fieldConfig.resourceFieldId"
+          @update-checked="
+            ($event) => {
+              if (!$event) {
+                fieldConfig.accept = '';
+              }
+            }
+          "
+        >
+          {{ t('crmFormDesign.acceptFileType') }}
+        </n-checkbox>
+        <template v-if="currentFieldHasAccept">
+          <n-input
+            v-model:value="fieldConfig.accept"
+            type="textarea"
+            :placeholder="t('crmFormDesign.acceptFileTypePlaceholder')"
+            :autosize="{
+              minRows: 2,
+            }"
+            resizable
+            clearable
+          ></n-input>
+          <div class="text-[12px] text-[var(--text-n4)]">{{ t('crmFormDesign.acceptFileTypeTip') }}</div>
+        </template>
+        <n-checkbox
+          v-model:checked="currentFieldHasLimitSize"
+          :disabled="fieldConfig.disabledProps?.includes('limitSize') || !!fieldConfig.resourceFieldId"
+          @update-checked="
+            ($event) => {
+              if ($event === false) {
+                fieldConfig.limitSize = '';
+              }
+            }
+          "
+        >
+          {{ t('crmFormDesign.limitSize') }}
+        </n-checkbox>
+        <n-input-group v-if="currentFieldHasLimitSize">
+          <n-input-number v-model:value="currentFieldLimitSize" :show-button="false" />
+          <n-select
+            v-model:value="currentFieldLimitSizeUnit"
+            :options="[
+              {
+                label: 'KB',
+                value: 'KB',
+              },
+              {
+                label: 'MB',
+                value: 'MB',
+              },
+            ]"
+            class="w-[70px]"
+          />
+        </n-input-group>
+      </div>
+      <!-- 附件 End -->
+      <!-- 校验规则 -->
+      <div v-if="showRules.length > 0" class="crm-form-design-config-item">
+        <div class="crm-form-design-config-item-title">{{ t('crmFormDesign.validator') }}</div>
+        <n-checkbox-group v-model:value="checkedRules" @update-value="handleRuleChange">
+          <n-space item-class="w-full">
+            <n-checkbox
+              v-for="rule of showRules"
+              :key="rule.key"
+              :value="rule.key"
+              :disabled="fieldConfig.disabledProps?.includes(`rules.${rule.key}`) || !!fieldConfig.resourceFieldId"
+            >
+              {{ t(rule.label || '', { value: t(fieldConfig.name) }) }}
+            </n-checkbox>
+          </n-space>
+        </n-checkbox-group>
+      </div>
+      <!-- 校验规则 End -->
+      <!-- 字段权限 -->
+      <div class="crm-form-design-config-item">
+        <div class="crm-form-design-config-item-title">
+          {{ t('crmFormDesign.fieldPermission') }}
+        </div>
+        <n-checkbox
+          v-model:checked="fieldConfig.readable"
+          :disabled="fieldConfig.disabledProps?.includes('readable') || !!fieldConfig.resourceFieldId"
+          @update-checked="
+            ($event) => {
+              if ($event === false) {
+                fieldConfig.editable = false;
+              }
+            }
+          "
+        >
+          {{ t('crmFormDesign.readable') }}
+        </n-checkbox>
+        <n-checkbox
+          v-if="
+            ![
+              FieldTypeEnum.DIVIDER,
+              FieldTypeEnum.SERIAL_NUMBER,
+              FieldTypeEnum.SUB_PRICE,
+              FieldTypeEnum.SUB_PRODUCT,
+              FieldTypeEnum.FORMULA,
+            ].includes(fieldConfig.type)
+          "
+          v-model:checked="fieldConfig.editable"
+          :disabled="fieldConfig.disabledProps?.includes('editable') || !!fieldConfig.resourceFieldId"
+          @update-checked="
+            ($event) => {
+              if ($event === true) {
+                fieldConfig.readable = true;
+              }
+            }
+          "
+        >
+          {{ t('crmFormDesign.editable') }}
+        </n-checkbox>
+      </div>
+      <!-- 字段权限 End -->
+      <!-- 移动端 -->
+      <div v-if="fieldConfig.type !== FieldTypeEnum.INPUT_MULTIPLE" class="crm-form-design-config-item">
+        <div class="crm-form-design-config-item-title">
+          {{ t('crmFormDesign.mobile') }}
+        </div>
+        <n-checkbox
+          v-model:checked="fieldConfig.mobile"
+          :disabled="fieldConfig.disabledProps?.includes('mobile') || !!fieldConfig.resourceFieldId"
+          @update-checked="
+            ($event) => {
+              if ($event === false) {
+                fieldConfig.mobile = false;
+              }
+            }
+          "
+        >
+          {{ t('crmFormDesign.readable') }}
+        </n-checkbox>
+      </div>
+      <!-- 移动端 End -->
+      <div
+        v-if="![FieldTypeEnum.SUB_PRICE, FieldTypeEnum.SUB_PRODUCT].includes(fieldConfig.type) && !isSubTableField"
+        class="crm-form-design-config-item"
+      >
+        <div class="crm-form-design-config-item-title">
+          {{ t('crmFormDesign.fieldWidth') }}
+        </div>
+        <n-tooltip :disabled="fieldConfig.type !== FieldTypeEnum.ATTACHMENT">
+          <template #trigger>
+            <n-radio-group
+              v-model:value="fieldConfig.fieldWidth"
+              name="radiogroup"
+              class="flex"
+              :disabled="
+                fieldConfig.disabledProps?.includes('fieldWidth') || fieldConfig.type === FieldTypeEnum.ATTACHMENT
+              "
+            >
+              <n-radio-button :value="Number((1 / 4).toFixed(2))" class="!px-[8px]"> 1/4 </n-radio-button>
+              <n-radio-button :value="Number((1 / 3).toFixed(2))" class="!px-[8px]"> 1/3 </n-radio-button>
+              <n-radio-button :value="Number((1 / 2).toFixed(2))" class="!px-[8px]"> 1/2 </n-radio-button>
+              <n-radio-button :value="Number((2 / 3).toFixed(2))" class="!px-[8px]"> 2/3 </n-radio-button>
+              <n-radio-button :value="Number((3 / 4).toFixed(2))" class="!px-[8px]"> 3/4 </n-radio-button>
+              <n-radio-button :value="1" class="!px-[8px]">
+                {{ t('crmFormDesign.wholeLine') }}
+              </n-radio-button>
+            </n-radio-group>
+          </template>
+          {{ t('crmFormDesign.onlyFull') }}
+        </n-tooltip>
+      </div>
+      <!-- 子表格 -->
+      <template v-if="[FieldTypeEnum.SUB_PRICE, FieldTypeEnum.SUB_PRODUCT].includes(fieldConfig.type)">
+        <div class="crm-form-design-config-item">
+          <div class="crm-form-design-config-item-title">
+            {{ t('crmFormDesign.subTableField') }}
+          </div>
+          <subTableFields v-model:field="fieldConfig" />
+        </div>
+        <div class="crm-form-design-config-item">
+          <div class="crm-form-design-config-item-title">
+            {{ t('crmFormDesign.sum') }}
+          </div>
+          <n-checkbox v-model:checked="showSumColumn">
+            {{ t('crmFormDesign.show') }}
+          </n-checkbox>
+          <n-select
+            v-if="showSumColumn"
+            v-model:value="fieldConfig.sumColumns"
+            multiple
+            :options="sumOptions"
+            :fallback-option="fallbackOption"
+          />
+        </div>
+        <div class="crm-form-design-config-item">
+          <div class="crm-form-design-config-item-title">
+            {{ t('crmFormDesign.fixedCol') }}
+          </div>
+          <n-input-group>
+            <n-input-group-label>{{ t('crmFormDesign.fixedColNum') }}</n-input-group-label>
+            <n-select
+              v-model:value="fieldConfig.fixedColumn"
+              :options="[
+                {
+                  label: `1${t('crmFormDesign.fixedCols')}`,
+                  value: 1,
+                },
+                {
+                  label: `2${t('crmFormDesign.fixedCols')}`,
+                  value: 2,
+                },
+                {
+                  label: `3${t('crmFormDesign.fixedCols')}`,
+                  value: 3,
+                },
+              ]"
+            />
+          </n-input-group>
+        </div>
+      </template>
+      <!-- 子表格 End -->
+    </div>
+    <div v-else class="flex justify-center py-[44px] text-[var(--text-n4)]">
+      {{ t('crmFormDesign.fieldConfigEmptyTip') }}
+    </div>
+  </div>
+  <CrmModal
+    v-model:show="showRuleConfigVisible"
+    :title="t('crmFormDesign.showRuleSetting')"
+    :positive-text="t('common.save')"
+    @confirm="handleShowRuleConfigConfirm"
+  >
+    <div class="flex flex-col items-start gap-[12px]">
+      <div v-for="rule in tempShowRules" :key="rule.value" class="flex w-full items-center gap-[8px]">
+        <div class="one-line-text">{{ t('crmFormDesign.choice') }}</div>
+        <n-select
+          v-model:value="rule.value"
+          :options="getShowRuleOptions(rule)"
+          :disabled="props.disabled"
+          class="w-[150px]"
+        />
+        <div class="one-line-text">{{ t('crmFormDesign.show') }}</div>
+        <n-select
+          v-model:value="rule.fieldIds"
+          :options="showRuleFields"
+          :disabled="props.disabled || !rule.value"
+          class="w-[320px]"
+          max-tag-count="responsive"
+          multiple
+          clearable
+        />
+        <n-button :disabled="props.disabled" @click="deleteShowRule(rule)">
+          <CrmIcon type="iconicon_minus_circle1" />
+        </n-button>
+      </div>
+      <n-button
+        text
+        type="primary"
+        :disabled="props.disabled || tempShowRules.length === fieldConfig.options?.length"
+        @click="addShowRule"
+      >
+        <div class="flex items-center gap-[8px]">
+          <CrmIcon type="iconicon_add" />
+          {{ t('crmFormDesign.addRule') }}
+        </div>
+      </n-button>
+    </div>
+  </CrmModal>
+  <FilterModal
+    v-if="fieldConfig"
+    v-model:visible="showDataSourceFilterModal"
+    :field-config="fieldConfig"
+    :form-fields="list.filter((field) => !field.resourceFieldId)"
+    :form-key="props.formKey"
+    :custom-data-source-forms="customDataSourceForms"
+    @save="handleDataSourceFilterSave"
+  />
+  <DataSourceDisplayFieldModal
+    v-if="fieldConfig"
+    v-model:show="showDataSourceDisplayFieldModal"
+    :field-config="fieldConfig"
+    :is-sub-table-field="isSubTableField"
+    @save="handleDataSourceDisplayFieldSave"
+  />
+  <fieldLinkDrawer
+    v-if="fieldConfig"
+    v-model:visible="showLinkConfigVisible"
+    :field-config="fieldConfig"
+    :form-fields="isSubTableField ? parentField?.subFields || [] : list"
+    @save="handleLinkConfigSave"
+  />
+  <datasourceLinkModal
+    v-if="fieldConfig"
+    v-model:visible="showDatasourceLinkConfigVisible"
+    :field-config="fieldConfig"
+    :form-fields="list"
+    @save="handleDatasourceLinkConfigSave"
+    @cancel="handleDatasourceLinkConfigCancel"
+  />
+  <formulaModal
+    v-if="fieldConfig"
+    v-model:visible="showCalculateFormulaModal"
+    :field-config="fieldConfig"
+    :form-fields="list"
+    :is-sub-table-field="isSubTableField"
+    @save="handleCalculateFormulaConfigSave"
+  />
+</template>
+
+<script setup lang="ts">
+  import { VNodeChild } from 'vue';
+  import {
+    NButton,
+    NCheckbox,
+    NCheckboxGroup,
+    NDatePicker,
+    NInput,
+    NInputGroup,
+    NInputGroupLabel,
+    NInputNumber,
+    NPopover,
+    NRadioButton,
+    NRadioGroup,
+    NSelect,
+    NSpace,
+    NSwitch,
+    NTooltip,
+  } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import {
+    FieldDataSourceTypeEnum,
+    FieldRuleEnum,
+    FieldTypeEnum,
+    FormDesignKeyEnum,
+  } from '@lib/shared/enums/formDesignEnum';
+  import { MemberApiTypeEnum, MemberSelectTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { DeptNodeTypeEnum } from '@lib/shared/enums/systemEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { CustomFormItem } from '@lib/shared/models/customForm';
+
+  import CrmColorSelect from '@/components/pure/crm-color-select/index.vue';
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmInputNumber from '@/components/pure/crm-input-number/index.vue';
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+  import CrmPopConfirm from '@/components/pure/crm-pop-confirm/index.vue';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import CrmDataSource from '@/components/business/crm-data-source-select/index.vue';
+  import { type DataSourceOption } from '@/components/business/crm-data-source-select/utils';
+  import Divider from '@/components/business/crm-form-create/components/basic/divider.vue';
+  import CrmFormCreateInputNumber from '@/components/business/crm-form-create/components/basic/inputNumber.vue';
+  import CrmTextArea from '@/components/business/crm-form-create/components/basic/textarea.vue';
+  import {
+    fullFormSettingList,
+    getFieldTypeName,
+    rules,
+    showRulesMap,
+  } from '@/components/business/crm-form-create/config';
+  import {
+    DataSourceFilterCombine,
+    type DataSourceLinkField,
+    type DataSourceSubFieldLinkField,
+    FieldLinkProp,
+    FormCreateField,
+    FormCreateFieldRule,
+    FormCreateFieldShowControlRule,
+  } from '@/components/business/crm-form-create/types';
+  import { safeParseFormula } from '@/components/business/crm-formula-editor/utils';
+  import CrmUserTagSelector from '@/components/business/crm-user-tag-selector/index.vue';
+  import DataSourceDisplayFieldModal from './dataSourceDisplayFieldModal.vue';
+  import datasourceLinkModal from './datasourceLinkModal.vue';
+  import dataSourceListFieldConfig from './dataSourceListFieldConfig.vue';
+  import fieldLinkDrawer from './fieldLinkDrawer.vue';
+  import FilterModal from './filterModal.vue';
+  import formulaModal from './formulaModal.vue';
+  import optionConfig from './optionConfig.vue';
+  import subTableFields from './subTableFields.vue';
+
+  import { getCustomFormOptions } from '@/api/modules';
+
+  // import useUserStore from '@/store/modules/user';
+  import { SelectOption } from 'naive-ui/es/select/src/interface';
+
+  const props = defineProps<{
+    formKey: FormDesignKeyEnum;
+    disabled?: boolean;
+  }>();
+
+  const { t } = useI18n();
+  // const userStore = useUserStore();
+
+  const fieldConfig = defineModel<FormCreateField>('field', {
+    default: null,
+  });
+
+  const list = defineModel<FormCreateField[]>('fieldList', {
+    required: true,
+  });
+
+  const customFormSourceId = inject<Readonly<Ref<string>>>('customFormSourceId', ref(''));
+
+  const showRules = computed(() => {
+    if (!fieldConfig.value) {
+      return [];
+    }
+    return rules.filter((rule) => {
+      if (
+        [
+          FieldTypeEnum.SELECT_MULTIPLE,
+          FieldTypeEnum.MEMBER_MULTIPLE,
+          FieldTypeEnum.CHECKBOX,
+          FieldTypeEnum.DEPARTMENT_MULTIPLE,
+          FieldTypeEnum.DATA_SOURCE_MULTIPLE,
+        ].includes(fieldConfig.value.type)
+      ) {
+        // 多选时不显示唯一性校验
+        return (
+          rule.key && showRulesMap[fieldConfig.value.type]?.includes(rule.key) && rule.key !== FieldRuleEnum.UNIQUE
+        );
+      }
+      return rule.key && showRulesMap[fieldConfig.value.type]?.includes(rule.key);
+    });
+  });
+
+  const checkedRules = ref<(string | number)[]>([]);
+
+  watch(
+    () => fieldConfig.value?.rules,
+    (arr) => {
+      checkedRules.value = arr?.map((e) => e.key);
+    },
+    { immediate: true }
+  );
+
+  const isSubTableField = computed(() => {
+    return list.value
+      .filter((item) => item.type === FieldTypeEnum.SUB_PRICE || item.type === FieldTypeEnum.SUB_PRODUCT)
+      .some((tableField) => {
+        return tableField.subFields?.some((subField) => subField.id === fieldConfig.value?.id);
+      });
+  });
+  const parentField = computed(() => {
+    if (isSubTableField.value) {
+      return list.value
+        .filter((item) => item.type === FieldTypeEnum.SUB_PRICE || item.type === FieldTypeEnum.SUB_PRODUCT)
+        .find((tableField) => {
+          return tableField.subFields?.some((subField) => subField.id === fieldConfig.value?.id);
+        });
+    }
+    return null;
+  });
+  const isNameRepeat = computed(() => {
+    return isSubTableField.value
+      ? parentField.value?.subFields?.some(
+          (item) => item.id !== fieldConfig.value?.id && item.name === fieldConfig.value?.name
+        )
+      : list.value.some((item) => item.id !== fieldConfig.value?.id && item.name === fieldConfig.value?.name);
+  });
+
+  const formulaConfig = computed(() => {
+    return safeParseFormula(fieldConfig.value.formula);
+  });
+
+  const customDataSourceForms = ref<CustomFormItem[]>([]);
+  const customFormInit = ref(false);
+  async function initCustomDataSourceForms() {
+    try {
+      customFormInit.value = false;
+      const res = await getCustomFormOptions();
+      customDataSourceForms.value = res || [];
+      customFormInit.value = true;
+    } catch (error) {
+      customDataSourceForms.value = [];
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  const disabledClearFormulaConfig = computed(() => {
+    return !formulaConfig.value.source?.length || !!fieldConfig.value.resourceFieldId;
+  });
+
+  function handleRuleChange(val: (string | number)[]) {
+    fieldConfig.value.rules = val
+      .map((e) => {
+        const rule = rules.find((item) => item.key === e);
+        if (rule) {
+          return { key: rule.key };
+        }
+        return null;
+      })
+      .filter((e) => e !== null) as FormCreateFieldRule[];
+  }
+
+  // function handleMultipleChange(val: boolean) {
+  //   if (val || [FieldTypeEnum.MEMBER, FieldTypeEnum.DEPARTMENT].includes(fieldConfig.value.type)) {
+  //     fieldConfig.value.defaultValue = [];
+  //   } else {
+  //     fieldConfig.value.defaultValue = null;
+  //   }
+  // }
+
+  watch(
+    () => fieldConfig.value?.scope,
+    (val) => {
+      if (!val) {
+        fieldConfig.value.scope = 'ALL';
+      }
+      if (val === 'CN' && fieldConfig.value.locationType === 'C') {
+        fieldConfig.value.locationType = 'PCD';
+      }
+    }
+  );
+
+  function handleDataSourceListChange(value: string[], _options: { label: string; value: string }[]) {
+    fieldConfig.value.listDisplayFields = value;
+  }
+
+  const memberTypes = computed(() => {
+    if ([FieldTypeEnum.MEMBER, FieldTypeEnum.MEMBER_MULTIPLE].includes(fieldConfig.value.type)) {
+      return [
+        {
+          label: t('menu.settings.org'),
+          value: MemberSelectTypeEnum.ORG,
+        },
+      ];
+    }
+    return [
+      {
+        label: t('menu.settings.org'),
+        value: MemberSelectTypeEnum.ONLY_ORG,
+      },
+    ];
+  });
+
+  function renderPrefixTypeOption({ node, option }: { node: VNode; option: SelectOption }): VNodeChild {
+    return h(NTooltip, null, {
+      trigger: () => node,
+      default: () => option.label,
+    });
+  }
+
+  function handleHasCurrentChange(val: boolean, multiple: boolean) {
+    if (val && !multiple) {
+      fieldConfig.value.defaultValue = [];
+      fieldConfig.value.initialOptions = [];
+    }
+  }
+
+  const numberPreview = computed(() => {
+    const tempVal = 9999;
+    if (fieldConfig.value.numberFormat === 'percent') {
+      if (fieldConfig.value.decimalPlaces && fieldConfig.value.precision) {
+        return `99.${'1'.repeat(fieldConfig.value.precision)}%`;
+      }
+      return '99%';
+    }
+    if (fieldConfig.value.showThousandsSeparator && fieldConfig.value.decimalPlaces && fieldConfig.value.precision) {
+      return `${tempVal.toLocaleString('en-US')}.${'1'.repeat(fieldConfig.value.precision)}`;
+    }
+    if (fieldConfig.value.showThousandsSeparator) {
+      return tempVal.toLocaleString('en-US');
+    }
+    if (fieldConfig.value.decimalPlaces && fieldConfig.value.precision) {
+      return `9999.${'1'.repeat(fieldConfig.value.precision)}`;
+    }
+    return 9999;
+  });
+
+  const dateTypeOptions = [
+    {
+      label: t('crmFormDesign.monthType'),
+      value: 'month',
+    },
+    {
+      label: t('crmFormDesign.dayType'),
+      value: 'date',
+    },
+    {
+      label: t('crmFormDesign.timeType'),
+      value: 'datetime',
+    },
+  ];
+
+  const dividerOptions: SelectOption[] = [
+    {
+      value: 'divider--hidden',
+    },
+    {
+      value: 'divider--dashed',
+    },
+    {
+      value: 'divider--normal',
+    },
+    {
+      value: 'divider--double',
+    },
+  ];
+
+  const linkSourceOptions = [
+    {
+      label: t('crmFormDesign.userInput'),
+      value: 'userInput',
+    },
+  ];
+
+  const phoneFormatOptions = [
+    {
+      label: t('crmFormDesign.none'),
+      value: '255',
+    },
+    {
+      label: t('common.phoneNumber'),
+      value: '11',
+    },
+  ];
+
+  const dividerStyleShow = ref(false);
+  function handleDividerStyleClick(value: string) {
+    fieldConfig.value.dividerClass = value;
+    dividerStyleShow.value = false;
+  }
+
+  const sumOptions = computed<SelectOption[]>(() => {
+    return fieldConfig.value.subFields
+      ?.filter((e) => [FieldTypeEnum.INPUT_NUMBER, FieldTypeEnum.FORMULA].includes(e.type))
+      .map((e) => {
+        const fieldId = e.resourceFieldId ? e.id : e.businessKey || e.id;
+        return {
+          label: e.name,
+          value: fieldId,
+        };
+      }) as SelectOption[];
+  });
+
+  const dataSourceOptions = computed<DataSourceOption[]>(() => {
+    const systemOptions = fullFormSettingList
+      .filter((i) => i.dataSource)
+      .map((item) => ({ ...item, value: item.dataSource }));
+
+    const customOptions = customDataSourceForms.value
+      .filter((item) => item.id !== customFormSourceId.value)
+      .map((item) => ({
+        ...item,
+        label: item.name,
+        value: item.id,
+      }));
+
+    if (isSubTableField.value) {
+      return parentField.value?.subFields?.some(
+        (e) => e.dataSourceType === FieldDataSourceTypeEnum.PRICE && e.id !== fieldConfig.value?.id
+      )
+        ? // 子表格里只能有一个价格表
+          systemOptions.filter(
+            (item) =>
+              [FieldDataSourceTypeEnum.PRODUCT, FieldDataSourceTypeEnum.BUSINESS_TITLE].includes(item.value) &&
+              item.formKey !== props.formKey
+          )
+        : systemOptions.filter(
+            (item) =>
+              [
+                FieldDataSourceTypeEnum.PRODUCT,
+                FieldDataSourceTypeEnum.PRICE,
+                FieldDataSourceTypeEnum.BUSINESS_TITLE,
+              ].includes(item.value) && item.formKey !== props.formKey
+          );
+    }
+    return [...systemOptions.filter((item) => item.formKey !== props.formKey), ...customOptions];
+  });
+
+  watch(
+    () => dataSourceOptions.value,
+    (options) => {
+      if (
+        customFormInit.value &&
+        fieldConfig.value &&
+        !options.some((item) => item.value === fieldConfig.value.dataSourceType)
+      ) {
+        fieldConfig.value.dataSourceType = options[0]?.value as FieldDataSourceTypeEnum;
+      }
+    },
+    { immediate: true }
+  );
+
+  watch(
+    () => fieldConfig.value?.id,
+    (val) => {
+      if (
+        val &&
+        fieldConfig.value &&
+        !dataSourceOptions.value.some((item) => item.value === fieldConfig.value.dataSourceType)
+      ) {
+        fieldConfig.value.dataSourceType = dataSourceOptions.value[0]?.value as FieldDataSourceTypeEnum;
+      }
+    }
+  );
+
+  const showRuleConfigVisible = ref(false);
+  const tempShowRules = ref<FormCreateFieldShowControlRule[]>([]);
+  const isShowRuleField = computed(() => {
+    return (
+      !isSubTableField.value &&
+      (fieldConfig.value.type === FieldTypeEnum.RADIO || fieldConfig.value.type === FieldTypeEnum.SELECT)
+    );
+  });
+  // 显隐规则可选字段
+  const showRuleFields = computed(() => {
+    if (isShowRuleField.value) {
+      return list.value.filter((item) => item.id !== fieldConfig.value.id).map((e) => ({ label: e.name, value: e.id }));
+    }
+    return [];
+  });
+
+  // 显隐规则可选选项
+  function getShowRuleOptions(rule: FormCreateFieldShowControlRule) {
+    return (fieldConfig.value.options || []).filter(
+      (e) => tempShowRules.value.every((item) => item.value !== e.value) || e.value === rule.value
+    );
+  }
+
+  function showRuleConfig() {
+    tempShowRules.value = fieldConfig.value.showControlRules || [];
+    showRuleConfigVisible.value = true;
+  }
+
+  function deleteShowRule(rule: FormCreateFieldShowControlRule) {
+    tempShowRules.value = tempShowRules.value.filter((item) => item !== rule);
+  }
+
+  function addShowRule() {
+    tempShowRules.value.push({ value: undefined, fieldIds: [] });
+  }
+
+  function handleShowRuleConfigConfirm() {
+    showRuleConfigVisible.value = false;
+    fieldConfig.value.showControlRules = cloneDeep(tempShowRules.value);
+  }
+
+  const isShowLinkField = computed(() => {
+    return [FieldTypeEnum.SELECT, FieldTypeEnum.SELECT_MULTIPLE].includes(fieldConfig.value.type);
+  });
+  const showLinkConfigVisible = ref(false);
+  const tempLinks = ref<FieldLinkProp>({
+    targetField: '',
+    linkOptions: [],
+  });
+  const linkClearPop = ref(false);
+
+  function clearLink() {
+    fieldConfig.value.linkProp = {
+      targetField: '',
+      linkOptions: [],
+    };
+    linkClearPop.value = false;
+  }
+  function showLinkConfig() {
+    tempLinks.value = fieldConfig.value.linkProp || {
+      targetField: '',
+      linkOptions: [],
+    };
+    showLinkConfigVisible.value = true;
+  }
+
+  function handleLinkConfigSave(value: FieldLinkProp) {
+    fieldConfig.value.linkProp = value;
+  }
+
+  const showDatasourceLinkConfigVisible = ref(false);
+  const backupDataLinkFields = ref<DataSourceLinkField[]>([]);
+  const backupDataSubLinkFields = ref<DataSourceSubFieldLinkField[]>([]);
+  const datasourceLinkClearPop = ref(false);
+
+  function clearDatasourceLink() {
+    fieldConfig.value.linkFields = [];
+    fieldConfig.value.childLinkFields = [];
+    datasourceLinkClearPop.value = false;
+  }
+
+  function showDatasourceLinkConfig() {
+    backupDataLinkFields.value = fieldConfig.value.linkFields || [];
+    backupDataSubLinkFields.value = fieldConfig.value.childLinkFields || [];
+    showDatasourceLinkConfigVisible.value = true;
+  }
+
+  function handleDatasourceLinkConfigSave(value: DataSourceLinkField[], subFormValue: DataSourceSubFieldLinkField[]) {
+    fieldConfig.value.linkFields = value;
+    fieldConfig.value.childLinkFields = subFormValue;
+  }
+
+  function handleDatasourceLinkConfigCancel() {
+    fieldConfig.value.linkFields = backupDataLinkFields.value;
+    fieldConfig.value.childLinkFields = backupDataSubLinkFields.value;
+    showDatasourceLinkConfigVisible.value = false;
+  }
+
+  const showDataSourceFilterModal = ref(false);
+
+  function handleDataSourceFilter() {
+    showDataSourceFilterModal.value = true;
+  }
+
+  const showDataSourceDisplayFieldModal = ref(false);
+
+  function buildDataSourceDisplayField(item: any) {
+    return {
+      ...item,
+      id: `${fieldConfig.value.id}_ref_${item.id}`,
+      name: item.name || item.title,
+      resourceFieldId: fieldConfig.value.id,
+      description: '',
+      showLabel: item.showLabel ?? true,
+      readable: true,
+      editable: false,
+      fieldWidth: item.fieldWidth ?? 1,
+      rules: [],
+      icon: item.icon || '',
+      show: true,
+      businessKey: item.businessKey || item.key || item.id,
+      type: item.type || FieldTypeEnum.INPUT,
+      options: item.options,
+    };
+  }
+
+  function handleDataSourceDisplayFieldSave(value: string[], selectedList: any[]) {
+    fieldConfig.value.showFields = value;
+    const displayFields = value
+      .map((id) => selectedList.find((item) => item.key === id))
+      .filter(Boolean)
+      .map((item) => buildDataSourceDisplayField(item));
+    fieldConfig.value.refFields = displayFields;
+    if (isSubTableField.value) {
+      const index = parentField.value?.subFields?.findIndex((item) => item.id === fieldConfig.value.id);
+      if (index !== undefined && index >= 0 && parentField.value) {
+        parentField.value.subFields = parentField.value?.subFields?.filter(
+          (item) => item.resourceFieldId !== fieldConfig.value.id
+        );
+        parentField.value?.subFields?.splice(index + 1, 0, ...displayFields);
+      }
+    } else {
+      list.value = list.value.filter((item) => item.resourceFieldId !== fieldConfig.value.id);
+      const fieldIndex = list.value.findIndex((item) => item.id === fieldConfig.value.id);
+      if (fieldIndex >= 0) {
+        nextTick(() => {
+          list.value.splice(fieldIndex + 1, 0, ...displayFields);
+        });
+      }
+    }
+  }
+  function handleClearDataSourceDisplayField() {
+    fieldConfig.value.showFields = [];
+    fieldConfig.value.refFields = [];
+    if (isSubTableField.value && parentField.value) {
+      parentField.value.subFields = parentField.value?.subFields?.filter(
+        (item) => item.resourceFieldId !== fieldConfig.value.id
+      );
+    } else {
+      list.value = list.value.filter((item) => item.resourceFieldId !== fieldConfig.value.id);
+    }
+  }
+
+  function handleClearDataSourceTypeChange(val: FieldDataSourceTypeEnum) {
+    handleClearDataSourceDisplayField();
+    if (val === FieldDataSourceTypeEnum.BUSINESS_TITLE) {
+      fieldConfig.value.linkFields = [];
+    }
+  }
+
+  function handleDataSourceFilterSave(result: DataSourceFilterCombine) {
+    fieldConfig.value.combineSearch = result;
+    showDataSourceFilterModal.value = false;
+  }
+
+  const showCalculateFormulaModal = ref(false);
+  function handleCalculateFormula() {
+    showCalculateFormulaModal.value = true;
+  }
+
+  function handleCalculateFormulaConfigSave(astValue?: string) {
+    fieldConfig.value.formula = astValue;
+    showCalculateFormulaModal.value = false;
+  }
+
+  function handleClearFormulaField() {
+    fieldConfig.value.formula = '';
+  }
+
+  const serialNumberRules1 = ref(fieldConfig.value?.serialNumberRules?.[0].toString() || '');
+  const serialNumberRules2 = ref(fieldConfig.value?.serialNumberRules?.[1].toString() || '');
+  const serialNumberRules3 = ref(fieldConfig.value?.serialNumberRules?.[2].toString() || 'yyyyMM');
+  const serialNumberRules4 = ref(fieldConfig.value?.serialNumberRules?.[3].toString() || '');
+  const serialNumberRules5 = ref(Number(fieldConfig.value?.serialNumberRules?.[4] || 6));
+  const previewValue = computed(() => {
+    const part1 = serialNumberRules1.value || '';
+    const part2 = serialNumberRules2.value || '';
+    const part4 = serialNumberRules4.value || '';
+    const digits = Number(serialNumberRules5.value) ?? 0;
+    const part5 = digits > 0 ? String(1).padStart(digits, '0') : '';
+
+    return `${part1}${part2}202501${part4}${part5}`;
+  });
+
+  watch(
+    () => [serialNumberRules1.value, serialNumberRules2.value, serialNumberRules4.value, serialNumberRules5.value],
+    () => {
+      fieldConfig.value.serialNumberRules = [
+        serialNumberRules1.value,
+        serialNumberRules2.value,
+        serialNumberRules3.value,
+        serialNumberRules4.value,
+        String(serialNumberRules5.value),
+      ];
+    }
+  );
+
+  const currentFieldHasAccept = ref(!!fieldConfig.value?.accept);
+  const currentFieldHasLimitSize = ref(!!fieldConfig.value?.limitSize);
+  const currentFieldLimitSize = ref(parseInt(fieldConfig.value?.limitSize || '', 10) || null);
+  const currentFieldLimitSizeUnit = ref(fieldConfig.value?.limitSize?.slice(-2) || 'KB');
+
+  watch(
+    () => [currentFieldLimitSize.value, currentFieldLimitSizeUnit.value],
+    () => {
+      if (currentFieldHasLimitSize.value && currentFieldLimitSize.value) {
+        fieldConfig.value.limitSize = `${currentFieldLimitSize.value}${currentFieldLimitSizeUnit.value}`;
+      } else {
+        fieldConfig.value.limitSize = '';
+      }
+    }
+  );
+
+  const showSumColumn = ref(false);
+  watch(
+    () => fieldConfig.value?.id,
+    () => {
+      serialNumberRules1.value = fieldConfig.value?.serialNumberRules?.[0].toString() || '';
+      serialNumberRules2.value = fieldConfig.value?.serialNumberRules?.[1].toString() || '';
+      serialNumberRules4.value = fieldConfig.value?.serialNumberRules?.[3].toString() || '';
+      serialNumberRules5.value = Number(fieldConfig.value?.serialNumberRules?.[4]);
+      currentFieldHasAccept.value = !!fieldConfig.value?.accept;
+      currentFieldHasLimitSize.value = !!fieldConfig.value?.limitSize;
+      currentFieldLimitSize.value = parseInt(fieldConfig.value?.limitSize || '', 10) || null;
+      currentFieldLimitSizeUnit.value = fieldConfig.value?.limitSize?.slice(-2) || 'KB';
+      showSumColumn.value = !!(fieldConfig.value?.sumColumns && fieldConfig.value.sumColumns.length > 0);
+    }
+  );
+
+  watch(
+    () => showSumColumn.value,
+    (val) => {
+      if (!val) {
+        fieldConfig.value.sumColumns = [];
+      }
+    }
+  );
+
+  onBeforeMount(() => {
+    initCustomDataSourceForms();
+  });
+
+  function fallbackOption(val: string | number) {
+    return {
+      label: t('crmFormDesign.fieldNotExist'),
+      value: val,
+    };
+  }
+</script>
+
+<style lang="less" scoped>
+  .crm-form-design-divider-wrapper {
+    padding: 16px;
+    border: 1px solid var(--text-n7);
+    cursor: pointer;
+    border-radius: 4px;
+    &--active {
+      border-color: var(--primary-8);
+      background-color: var(--primary-7);
+    }
+  }
+  .crm-form-design-config-item-label-picture {
+    @apply flex flex-1 cursor-pointer flex-col items-center;
+
+    gap: 4px;
+    .crm-form-design-config-item-label-picture-card {
+      @apply flex w-full flex-col;
+
+      padding: 8px;
+      border: 1px solid var(--text-n7);
+      border-radius: var(--border-radius-small);
+      gap: 4px;
+      .crm-form-design-config-item-label-picture-card-heavy {
+        border-radius: var(--border-radius-mini);
+        background-color: var(--text-n7);
+      }
+      .crm-form-design-config-item-label-picture-card-light {
+        border-radius: var(--border-radius-mini);
+        background-color: var(--text-n8);
+      }
+    }
+    &--active {
+      color: var(--primary-8);
+      .crm-form-design-config-item-label-picture-card {
+        border-color: var(--primary-8);
+        .crm-form-design-config-item-label-picture-card-first {
+          .crm-form-design-config-item-label-picture-card-heavy {
+            background-color: var(--primary-4);
+          }
+          .crm-form-design-config-item-label-picture-card-light {
+            background-color: var(--primary-6);
+          }
+        }
+      }
+    }
+  }
+  .crm-form-design-color-select-wrapper {
+    @apply cursor-pointer;
+
+    padding: 4px;
+    width: 130px;
+    height: 32px;
+    border: 1px solid var(--text-n7);
+    border-radius: var(--border-radius-small);
+    .crm-form-design-color-select {
+      @apply h-full w-full;
+    }
+  }
+  .crm-form-design-config-radio-group {
+    @apply flex;
+    .n-radio-button {
+      @apply flex-1;
+      :deep(.n-radio__label) {
+        text-align: center;
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/fieldLinkDrawer.vue b/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/fieldLinkDrawer.vue
new file mode 100644
index 0000000..8aa79ce
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/fieldLinkDrawer.vue
@@ -0,0 +1,282 @@
+<template>
+  <CrmDrawer
+    v-model:show="visible"
+    :width="800"
+    :title="t('crmFormDesign.fieldLinkSetting')"
+    :ok-text="t('common.save')"
+    footer
+    @confirm="save"
+    @cancel="handleCancel"
+  >
+    <n-form
+      ref="formRef"
+      :model="formModel"
+      label-width="90"
+      label-placement="left"
+      require-mark-placement="left"
+      class="crm-form-design-link-modal"
+    >
+      <n-form-item
+        :label="t('crmFormDesign.linkField')"
+        path="targetField"
+        label-align="left"
+        :rule="[{ required: true, message: t('common.required') }]"
+      >
+        <n-select
+          v-model:value="formModel.targetField"
+          size="medium"
+          :options="fieldOptions"
+          @update-value="handleFieldChange"
+        />
+      </n-form-item>
+      <div class="mt-[16px] flex flex-col gap-[12px] rounded-[var(--border-radius-small)] bg-[var(--text-n9)] p-[16px]">
+        <div class="flex items-center justify-between">
+          <div class="flex-1 text-[var(--text-n1)]">{{ t('crmFormDesign.currentFieldValue') }}</div>
+          <div class="mx-[12px] w-[130px] text-[var(--text-n1)]">{{ t('crmFormDesign.linkMethod') }}</div>
+          <div class="flex-1 text-[var(--text-n1)]">{{ t('crmFormDesign.linkFieldValue') }}</div>
+          <div :class="formModel.linkOptions.length > 1 ? 'w-[46px]' : ''"></div>
+        </div>
+        <n-scrollbar ref="linkFieldsScrollbar" class="max-h-[40vh] pr-[6px]" content-class="flex flex-col gap-[12px]">
+          <div v-for="(line, index) of formModel.linkOptions" :key="index" class="flex items-start justify-between">
+            <n-form-item
+              :path="`linkOptions.${index}.current`"
+              class="flex-1"
+              :rule="[
+                {
+                  required: true,
+                  message: t('common.required'),
+                  trigger: 'change',
+                  type: fieldConfig.type === FieldTypeEnum.SELECT_MULTIPLE ? 'array' : 'string',
+                },
+              ]"
+            >
+              <n-select
+                v-model:value="line.current"
+                :options="fieldConfig.options"
+                :fallback-option="
+                  line.current !== null && line.current !== undefined && line.current.length > 0
+                    ? fallbackOption
+                    : false
+                "
+                :multiple="fieldConfig.type === FieldTypeEnum.SELECT_MULTIPLE"
+                max-tag-count="responsive"
+              />
+            </n-form-item>
+            <n-form-item
+              :path="`linkOptions.${index}.method`"
+              class="mx-[12px] w-[130px]"
+              :rule="[{ required: true, message: t('common.required'), trigger: 'change' }]"
+            >
+              <n-select v-model:value="line.method" :options="methodOptions" />
+            </n-form-item>
+            <n-form-item
+              :path="`linkOptions.${index}.target`"
+              class="flex-1"
+              :rule="[
+                {
+                  required: true,
+                  message: t('common.required'),
+                  trigger: 'change',
+                  type: getTargetMultiple(line.method) ? 'array' : 'string',
+                },
+              ]"
+            >
+              <n-select
+                v-model:value="line.target"
+                :options="getLinkFieldOptions"
+                :fallback-option="
+                  line.target !== null && line.target !== undefined && line.target !== '' ? fallbackOption : false
+                "
+                :multiple="getTargetMultiple(line.method)"
+                max-tag-count="responsive"
+              />
+            </n-form-item>
+            <n-button
+              v-if="formModel.linkOptions.length > 1"
+              ghost
+              class="ml-[12px] px-[7px]"
+              @click="handleDeleteListItem(index)"
+            >
+              <template #icon>
+                <CrmIcon type="iconicon_minus_circle" class="text-[var(--text-n4)]" :size="16" />
+              </template>
+            </n-button>
+          </div>
+        </n-scrollbar>
+        <n-button type="primary" text class="w-[fit-content]" @click="handleAddListItem">
+          <template #icon>
+            <n-icon><Add /></n-icon>
+          </template>
+          {{ t('crmFormDesign.addLink') }}
+        </n-button>
+      </div>
+    </n-form>
+    <template #footerLeft>
+      <n-button secondary @click="handleCancel">{{ t('common.clear') }}</n-button>
+    </template>
+  </CrmDrawer>
+</template>
+
+<script lang="ts" setup>
+  import { FormInst, NButton, NForm, NFormItem, NIcon, NScrollbar, NSelect, ScrollbarInst } from 'naive-ui';
+  import { Add } from '@vicons/ionicons5';
+  import { cloneDeep } from 'lodash-es';
+
+  import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import { FieldLinkProp, FormCreateField } from '@/components/business/crm-form-create/types';
+
+  const visible = defineModel<boolean>('visible', { required: true });
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+    formFields: FormCreateField[];
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'save', value: FieldLinkProp): void;
+  }>();
+
+  const defaultFormModel: FieldLinkProp = {
+    targetField: '',
+    linkOptions: [
+      {
+        current: [],
+        method: 'AUTO',
+        target: '',
+      },
+    ],
+  };
+
+  const linkFieldsScrollbar = ref<ScrollbarInst>();
+  const formModel = ref<FieldLinkProp>(cloneDeep(props.fieldConfig.linkProp || defaultFormModel));
+
+  const formRef = ref<FormInst>();
+  function save() {
+    formRef.value?.validate((errors) => {
+      if (!errors) {
+        visible.value = false;
+        emit('save', cloneDeep(formModel.value));
+      }
+    });
+  }
+
+  watch(
+    () => visible.value,
+    (val) => {
+      if (val) {
+        formModel.value = cloneDeep(props.fieldConfig.linkProp || defaultFormModel);
+        if (props.fieldConfig.linkProp?.targetField === null) {
+          formModel.value.targetField = FormDesignKeyEnum.CLUE;
+          formModel.value.linkOptions = [
+            {
+              current: [],
+              method: 'AUTO',
+              target: '',
+            },
+          ];
+        }
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  const fieldOptions = computed(() => {
+    return props.formFields
+      .filter(
+        (e) =>
+          [FieldTypeEnum.SELECT, FieldTypeEnum.SELECT_MULTIPLE].includes(e.type) &&
+          e.id !== props.fieldConfig.id &&
+          !e.resourceFieldId
+      )
+      .map((f) => ({ label: f.name, value: f.id }));
+  });
+
+  const methodOptions = computed(() => {
+    return [
+      { label: t('crmFormDesign.autoSelect'), value: 'AUTO' },
+      { label: t('crmFormDesign.rangeLimit'), value: 'HIDDEN' },
+    ];
+  });
+
+  function getTargetMultiple(method: 'AUTO' | 'HIDDEN') {
+    const targetField = props.formFields.find((f) => f.id === formModel.value.targetField);
+    return targetField?.type === FieldTypeEnum.SELECT_MULTIPLE || method === 'HIDDEN';
+  }
+
+  const getLinkFieldOptions = computed(() => {
+    const currentField = props.formFields.find((f) => f.id === formModel.value.targetField);
+    if (!currentField) return [];
+    return currentField.options;
+  });
+
+  function fallbackOption(val: string | number) {
+    return {
+      label: t('crmFormDesign.fieldNotExist'),
+      value: val,
+    };
+  }
+
+  function handleFieldChange(val: FormDesignKeyEnum) {
+    if (val !== formModel.value.targetField) {
+      formRef.value?.restoreValidation();
+      formModel.value.linkOptions = [
+        {
+          current: [],
+          method: 'AUTO',
+          target: '',
+        },
+      ];
+    }
+  }
+
+  function handleCancel() {
+    formModel.value = cloneDeep(defaultFormModel);
+  }
+
+  function handleAddListItem() {
+    formRef.value?.validate((errors) => {
+      if (!errors) {
+        formModel.value.linkOptions.push({
+          current: [],
+          method: 'AUTO',
+          target: '',
+        });
+        nextTick(() => {
+          linkFieldsScrollbar.value?.scrollTo({
+            top: 99999,
+            behavior: 'smooth',
+          });
+        });
+      } else {
+        document.querySelector('.n-form-item-blank--error')?.scrollIntoView({
+          behavior: 'smooth',
+        });
+      }
+    });
+  }
+
+  function handleDeleteListItem(index: number) {
+    formModel.value.linkOptions.splice(index, 1);
+  }
+</script>
+
+<style lang="less">
+  .crm-form-design-link-modal {
+    .n-form-item-feedback-wrapper {
+      display: none;
+    }
+    .n-form-item-blank--error + .n-form-item-feedback-wrapper {
+      display: inline-block;
+    }
+    .n-scrollbar-rail--vertical {
+      @apply !right-0;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/filterContent.vue b/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/filterContent.vue
new file mode 100644
index 0000000..7965578
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/filterContent.vue
@@ -0,0 +1,565 @@
+<template>
+  <div class="flex w-full rounded-[var(--border-radius-small)] bg-[var(--text-n9)] p-[16px]">
+    <div class="and-or">
+      <CrmTag
+        type="primary"
+        theme="light"
+        :color="{ color: 'var(--primary-6)' }"
+        class="z-[1] w-[38px]"
+        @click="changeAllOr"
+      >
+        {{ formModel.searchMode === 'AND' ? 'and' : 'or' }}
+      </CrmTag>
+    </div>
+    <div class="min-w-0 flex-1">
+      <n-form ref="formRef" :model="formModel">
+        <div
+          v-for="(item, listIndex) in formModel.conditions"
+          :key="item.leftFieldId || `filter_item_${listIndex}`"
+          class="flex items-start gap-[8px]"
+        >
+          <n-form-item
+            :path="`conditions[${listIndex}].leftFieldId`"
+            :rule="[{ required: true, message: t('common.value.nameNotNull') }]"
+            class="leftFieldId-col block flex-1 overflow-hidden"
+          >
+            <n-select
+              v-model:value="item.leftFieldId"
+              filterable
+              :placeholder="props.dataIndexPlaceholder"
+              :options="transformFieldsToOptions(props.leftFields)"
+              :fallback-option="() => fallbackOption(item.leftFieldId)"
+              @update-value="(val, option) => leftFieldChange((option as any), listIndex)"
+            />
+          </n-form-item>
+          <n-form-item :path="`conditions[${listIndex}].operator`" class="block w-[105px]">
+            <n-select
+              v-model:value="item.operator"
+              :options="getOperatorOptions(item.leftFieldId)"
+              :disabled="!item.leftFieldId"
+              :fallback-option="() => fallbackOption(item.leftFieldId)"
+              @update:value="changeMatchTypeDefaultValue(item)"
+            />
+          </n-form-item>
+          <n-form-item :path="`conditions[${listIndex}].matchType`" class="block w-[105px]">
+            <n-select
+              v-model:value="item.matchType"
+              :options="[
+                {
+                  label: t('crmFormDesign.dataSourceFilterMatchingFields'),
+                  value: 'MATCH_FIELD',
+                },
+                {
+                  label: t('crmFormDesign.dataSourceFilterMatchingValue'),
+                  value: 'MATCH_VALUE',
+                },
+              ]"
+              :disabled="!item.leftFieldId"
+              :fallback-option="() => fallbackOption(item.leftFieldId)"
+              @update-value="(val) => matchTypeChange(val as DataSourceMatchType, listIndex)"
+            />
+          </n-form-item>
+          <n-form-item
+            v-if="isMatchField(item.matchType)"
+            :path="`conditions[${listIndex}].rightFieldId`"
+            class="block flex-[1.5] overflow-hidden"
+            :rule="isValueDisabled(item) ? [] : [{ required: true, message: t('common.value.nameNotNull') }]"
+          >
+            <n-select
+              v-model:value="item.rightFieldId"
+              :options="transformFieldsToOptions(props.rightFields, item.leftFieldType, item.leftFieldId)"
+              :placeholder="t('crmFormDesign.dataSourceFilterValuePlaceholder')"
+              :fallback-option="() => fallbackOption(item.leftFieldId)"
+              :disabled="isValueDisabled(item)"
+              @update-value="(val, option) => rightFieldChange(option as any, listIndex)"
+            />
+          </n-form-item>
+          <n-form-item
+            v-else-if="isMatchValue(item.matchType)"
+            :path="`conditions[${listIndex}].rightFieldCustomValue`"
+            class="block flex-[1.5] overflow-hidden"
+            :rule="isValueDisabled(item) ? [] : [{ required: true, message: t('common.value.nameNotNull') }]"
+          >
+            <CrmTimeRangePicker
+              v-if="
+                [FieldTypeEnum.TIME_RANGE_PICKER,FieldTypeEnum.DATE_TIME].includes(item.leftFieldType)  &&
+                [OperatorEnum.DYNAMICS, OperatorEnum.FIXED].includes(item.operator as OperatorEnum)
+              "
+              v-model:value="item.rightFieldCustomValue"
+              :time-range-type="item.operator"
+              :disabled="isValueDisabled(item)"
+              @update:value="valueChange"
+            />
+            <n-date-picker
+              v-else-if=" ([FieldTypeEnum.TIME_RANGE_PICKER,FieldTypeEnum.DATE_TIME].includes(item.leftFieldType) &&
+                            ![OperatorEnum.DYNAMICS, OperatorEnum.FIXED].includes(item.operator as OperatorEnum))"
+              v-model:value="item.rightFieldCustomValue"
+              :type="item.operator === OperatorEnum.BETWEEN ? 'datetimerange' : 'datetime'"
+              clearable
+              :disabled="isValueDisabled(item)"
+              class="w-full"
+              :default-time="item.operator === OperatorEnum.BETWEEN ? [undefined, '23:59:59'] : undefined"
+              @update:value="valueChange"
+            />
+            <CrmInputNumber
+              v-else-if="
+                [FieldTypeEnum.INPUT_NUMBER, FieldTypeEnum.FORMULA].includes(item.leftFieldType) ||
+                (item.leftFieldType === FieldTypeEnum.INPUT_MULTIPLE &&
+                  [OperatorEnum.COUNT_LT, OperatorEnum.COUNT_GT].includes(item.operator as OperatorEnum))
+              "
+              v-model:value="item.rightFieldCustomValue"
+              clearable
+              :disabled="isValueDisabled(item)"
+              :placeholder="t('common.pleaseInput')"
+              class="w-full"
+              @update:value="valueChange"
+            />
+            <CrmTagInput
+              v-else-if="
+                item.leftFieldType === FieldTypeEnum.INPUT_MULTIPLE &&
+                ![OperatorEnum.COUNT_LT, OperatorEnum.COUNT_GT].includes(item.operator as OperatorEnum)
+              "
+              v-model:value="item.rightFieldCustomValue"
+              clearable
+              :disabled="isValueDisabled(item)"
+              class="w-full"
+              @update:value="valueChange"
+            />
+            <CrmDataSource
+              v-else-if="[FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.DATA_SOURCE_MULTIPLE].includes(item.leftFieldType)"
+              v-model:value="item.rightFieldCustomValue"
+              v-model:rows="item.selectedRows"
+              :disabled="isValueDisabled(item)"
+              v-bind="getSelectedProps(item.leftFieldId).dataSourceProps as DataSourceProps"
+              @change="valueChange"
+            />
+
+            <n-select
+              v-else-if="
+                [
+                  FieldTypeEnum.SELECT,
+                  FieldTypeEnum.SELECT_MULTIPLE,
+                  FieldTypeEnum.RADIO,
+                  FieldTypeEnum.CHECKBOX,
+                ].includes(item.leftFieldType)
+              "
+              v-model:value="item.rightFieldCustomValue"
+              clearable
+              max-tag-count="responsive"
+              :disabled="isValueDisabled(item)"
+              :placeholder="t('common.pleaseSelect')"
+              v-bind="getSelectedProps(item.leftFieldId).selectProps"
+              :multiple="
+                item.leftFieldType === FieldTypeEnum.SELECT_MULTIPLE ||
+                getSelectedProps(item.leftFieldId).selectProps?.multiple
+              "
+              @update:value="valueChange"
+            />
+            <CrmCitySelect
+              v-else-if="item.leftFieldType === FieldTypeEnum.LOCATION"
+              v-model:value="item.rightFieldCustomValue"
+              :placeholder="t('common.pleaseInput')"
+              :disabled="isValueDisabled(item)"
+              clearable
+              multiple
+              check-strategy="parent"
+              @update:value="valueChange"
+            />
+            <CrmIndustrySelect
+              v-else-if="item.leftFieldType === FieldTypeEnum.INDUSTRY"
+              v-model:value="item.rightFieldCustomValue"
+              :placeholder="t('common.pleaseInput')"
+              :disabled="isValueDisabled(item)"
+              clearable
+              multiple
+              check-strategy="parent"
+              @update:value="valueChange"
+            />
+            <CrmUserTagSelector
+              v-else-if="
+                [
+                  FieldTypeEnum.DEPARTMENT,
+                  FieldTypeEnum.DEPARTMENT_MULTIPLE,
+                  FieldTypeEnum.MEMBER,
+                  FieldTypeEnum.MEMBER_MULTIPLE,
+                ].includes(item.leftFieldType)
+              "
+              v-model:value="item.rightFieldCustomValue"
+              v-model:selected-list="item.selectedUserList"
+              multiple
+              :disabled="isValueDisabled(item)"
+              :drawer-title="t('crmFormDesign.selectDataSource')"
+              :api-type-key="MemberApiTypeEnum.FORM_FIELD"
+              :member-types="
+                [FieldTypeEnum.MEMBER, FieldTypeEnum.MEMBER_MULTIPLE].includes(item.leftFieldType)
+                  ? [
+                      {
+                        label: t('menu.settings.org'),
+                        value: MemberSelectTypeEnum.ORG,
+                      },
+                    ]
+                  : [
+                      {
+                        label: t('menu.settings.org'),
+                        value: MemberSelectTypeEnum.ONLY_ORG,
+                      },
+                    ]
+              "
+              :disabled-node-types="
+                [FieldTypeEnum.MEMBER, FieldTypeEnum.MEMBER_MULTIPLE].includes(item.leftFieldType)
+                  ? [DeptNodeTypeEnum.ORG, DeptNodeTypeEnum.ROLE]
+                  : [DeptNodeTypeEnum.USER, DeptNodeTypeEnum.ROLE]
+              "
+            />
+            <n-input
+              v-else
+              v-model:value="item.rightFieldCustomValue"
+              allow-clear
+              :disabled="isValueDisabled(item)"
+              :maxlength="255"
+              :placeholder="t('advanceFilter.inputPlaceholder')"
+              @update:value="valueChange"
+            />
+          </n-form-item>
+          <n-button ghost class="px-[7px]" @click="handleDeleteItem(listIndex)">
+            <template #icon>
+              <CrmIcon type="iconicon_minus_circle1" :size="16" />
+            </template>
+          </n-button>
+        </div>
+      </n-form>
+      <n-button type="primary" text class="mt-[5px] w-[fit-content]" @click="handleAddItem">
+        <template #icon>
+          <n-icon><Add /></n-icon>
+        </template>
+        {{ t('advanceFilter.addCondition') }}
+      </n-button>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import {
+    FormInst,
+    NButton,
+    NDatePicker,
+    NForm,
+    NFormItem,
+    NIcon,
+    NInput,
+    NSelect,
+    SelectOption,
+    SelectProps,
+  } from 'naive-ui';
+  import { Add } from '@vicons/ionicons5';
+
+  import { OperatorEnum } from '@lib/shared/enums/commonEnum';
+  import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+  import { MemberApiTypeEnum, MemberSelectTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { DeptNodeTypeEnum } from '@lib/shared/enums/systemEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { scrollIntoView } from '@lib/shared/method/dom';
+
+  import { operatorOptionsMap } from '@/components/pure/crm-advance-filter/index';
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmIndustrySelect from '@/components/pure/crm-industry-select/index.vue';
+  import CrmInputNumber from '@/components/pure/crm-input-number/index.vue';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import CrmTagInput from '@/components/pure/crm-tag-input/index.vue';
+  import CrmCitySelect from '@/components/business/crm-city-select/index.vue';
+  import CrmDataSource from '@/components/business/crm-data-source-select/index.vue';
+  import { DataSourceProps } from '@/components/business/crm-data-source-select/type';
+  import {
+    DataSourceFilterCombine,
+    DataSourceFilterItem,
+    DataSourceMatchType,
+    DataSourceType,
+    FormCreateField,
+  } from '@/components/business/crm-form-create/types';
+  import CrmTimeRangePicker from '@/components/business/crm-time-range-picker/index.vue';
+  import CrmUserTagSelector from '@/components/business/crm-user-tag-selector/index.vue';
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    selfId: string;
+    leftFields: FormCreateField[];
+    rightFields: FormCreateField[];
+    dataIndexPlaceholder: string;
+  }>();
+
+  const formModel = defineModel<DataSourceFilterCombine>('formModel', {
+    required: true,
+  });
+  // 过滤
+  const formRef = ref<FormInst | null>(null);
+
+  function changeAllOr() {
+    formModel.value.searchMode = formModel.value.searchMode === 'AND' ? 'OR' : 'AND';
+  }
+
+  const isValueDisabled = (item: DataSourceFilterCombine['conditions'][number]) => {
+    return ['EMPTY', 'NOT_EMPTY'].includes(item.operator as string);
+  };
+
+  // 第二列默认：包含/属于/等于
+  function getDefaultOperator(list: string[]) {
+    if (list.includes(OperatorEnum.CONTAINS)) {
+      return OperatorEnum.CONTAINS;
+    }
+    if (list.includes(OperatorEnum.DYNAMICS)) {
+      return OperatorEnum.DYNAMICS;
+    }
+    if (list.includes(OperatorEnum.IN)) {
+      return OperatorEnum.IN;
+    }
+    if (list.includes(OperatorEnum.EQUALS)) {
+      return OperatorEnum.EQUALS;
+    }
+    return OperatorEnum.BETWEEN;
+  }
+
+  function selectedValueIsArray(listItem: DataSourceFilterItem) {
+    return (
+      [
+        FieldTypeEnum.SELECT_MULTIPLE,
+        FieldTypeEnum.DEPARTMENT_MULTIPLE,
+        FieldTypeEnum.MEMBER_MULTIPLE,
+        FieldTypeEnum.DATA_SOURCE_MULTIPLE,
+        FieldTypeEnum.DATA_SOURCE,
+      ].includes(listItem.leftFieldType) ||
+      (listItem.leftFieldType === FieldTypeEnum.INPUT_MULTIPLE &&
+        ![OperatorEnum.COUNT_LT, OperatorEnum.COUNT_GT].includes(listItem.operator as OperatorEnum)) ||
+      (listItem.leftFieldType === FieldTypeEnum.DATE_TIME && listItem.operator === OperatorEnum.BETWEEN)
+    );
+  }
+
+  const isMatchField = (matchType?: string) => ['MATCH_FIELD'].includes(matchType || '');
+
+  const isMatchValue = (matchType?: string) => ['MATCH_VALUE'].includes(matchType || '');
+
+  function changeMatchTypeDefaultValue(item: DataSourceFilterItem) {
+    if (!isMatchValue(item.matchType)) {
+      return;
+    }
+
+    if (item.leftFieldType === FieldTypeEnum.DATE_TIME) {
+      item.rightFieldCustomValue = null;
+    } else {
+      item.rightFieldCustomValue = selectedValueIsArray(item) ? [] : null;
+    }
+
+    if (item.selectedRows?.length) {
+      item.selectedRows = [];
+    }
+
+    if (item.selectedUserList?.length) {
+      item.selectedUserList = [];
+    }
+
+    formRef.value?.restoreValidation();
+  }
+
+  // 改变第一列值
+  const leftFieldChange = (item: SelectOption, index: number) => {
+    const leftFieldType = item.fieldType as FieldTypeEnum;
+    // 显式类型注解，避免类型过深
+    const currentFormList = formModel.value.conditions;
+    const options = operatorOptionsMap[leftFieldType] || [];
+    const optionsValueList = options.map((optionItem: { value: string; label: string }) => optionItem.value);
+    currentFormList[index].operator = getDefaultOperator(optionsValueList);
+    currentFormList[index].leftFieldType = leftFieldType;
+    currentFormList[index].rightFieldId = undefined;
+    currentFormList[index].rightFieldType = FieldTypeEnum.INPUT;
+    changeMatchTypeDefaultValue(currentFormList[index]);
+  };
+
+  function rightFieldChange(option: SelectOption & { fieldType?: FieldTypeEnum }, index: number) {
+    const currentFormList = formModel.value.conditions;
+    currentFormList[index].rightFieldType = option.fieldType || FieldTypeEnum.INPUT;
+  }
+
+  function matchTypeChange(matchType: DataSourceMatchType, index: number) {
+    const currentFormList = formModel.value.conditions;
+    const currentItem = currentFormList[index];
+    currentItem.matchType = matchType;
+    currentItem.rightFieldId = undefined;
+    currentItem.rightFieldType = FieldTypeEnum.INPUT;
+    currentItem.rightFieldCustom = isMatchValue(matchType);
+
+    if (isMatchField(matchType)) {
+      currentItem.rightFieldCustomValue = '';
+      if (currentItem.selectedRows?.length) {
+        currentItem.selectedRows = [];
+      }
+      if (currentItem.selectedUserList?.length) {
+        currentItem.selectedUserList = [];
+      }
+      return;
+    }
+
+    changeMatchTypeDefaultValue(currentItem);
+  }
+
+  function transformFieldsToOptions(
+    fields: FormCreateField[],
+    leftFieldType?: FieldTypeEnum,
+    leftFieldId?: string
+  ): SelectOption[] {
+    return fields
+      .filter((e) => {
+        const condition =
+          ![FieldTypeEnum.DIVIDER, FieldTypeEnum.PICTURE, FieldTypeEnum.SUB_PRICE, FieldTypeEnum.SUB_PRODUCT].includes(
+            e.type
+          ) &&
+          props.selfId !== e.id &&
+          !e.resourceFieldId;
+        if (leftFieldType) {
+          const leftField = props.leftFields.find((field) => [field.id, field.businessKey].includes(leftFieldId || ''));
+          const isLeftSystemField = Boolean(
+            (leftField as FormCreateField & { isSystemField?: boolean })?.isSystemField
+          );
+          const isCurrentSystemField = Boolean((e as FormCreateField & { isSystemField?: boolean })?.isSystemField);
+
+          if (isLeftSystemField) {
+            return e.businessKey === leftField?.businessKey && condition;
+          }
+
+          return e.type === leftFieldType && !isCurrentSystemField && condition;
+        }
+        return condition;
+      })
+      .map((field) => ({
+        ...field,
+        label: field.name,
+        value: leftFieldType ? field.id : field.businessKey || field.id, // 左侧字段需要业务Key，右侧字段需要id
+        fieldType: field.type,
+        dataSourceType: field.dataSourceType,
+      }));
+  }
+
+  function fallbackOption(val?: string | number) {
+    return {
+      label: t('common.optionNotExist'),
+      value: val,
+    };
+  }
+
+  // 获取操作符号
+  function getOperatorOptions(leftFieldId: string | undefined) {
+    const leftField = props.leftFields.find((field) => [field.id, field.businessKey].includes(leftFieldId || ''));
+    if (!leftField) return [];
+    return operatorOptionsMap[leftField.type].map((e) => {
+      return {
+        ...e,
+        label: t(e.label),
+      };
+    });
+  }
+
+  const selectedPropsMap = computed(() => {
+    const map = new Map<string, Record<string, any>>();
+
+    transformFieldsToOptions(props.leftFields).forEach((field) => {
+      const currentSelectedType = field.fieldType as FieldTypeEnum;
+      const currentFieldProps: Record<string, any> = {};
+      if (
+        [FieldTypeEnum.SELECT, FieldTypeEnum.SELECT_MULTIPLE, FieldTypeEnum.RADIO, FieldTypeEnum.CHECKBOX].includes(
+          currentSelectedType
+        )
+      ) {
+        currentFieldProps.selectProps = {
+          options: field.options,
+          multiple: true,
+        } as Partial<SelectProps>;
+      }
+
+      if ([FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.DATA_SOURCE_MULTIPLE].includes(currentSelectedType)) {
+        currentFieldProps.dataSourceProps = {
+          dataSourceType: field.dataSourceType as DataSourceType,
+          maxTagCount: 'responsive',
+        } as Partial<DataSourceProps>;
+      }
+      map.set(field.value as string, currentFieldProps);
+    });
+
+    return map;
+  });
+
+  function getSelectedProps(leftFieldId: string | undefined): {
+    selectProps?: Partial<SelectProps>;
+    dataSourceProps?: Partial<DataSourceProps>;
+  } {
+    if (!leftFieldId) {
+      return {};
+    }
+    return selectedPropsMap.value.get(leftFieldId) || {};
+  }
+
+  // 删除筛选项
+  function handleDeleteItem(index: number) {
+    formModel.value.conditions.splice(index, 1);
+  }
+
+  function validateForm(cb: (res?: Record<string, any>) => void) {
+    formRef.value?.validate(async (errors) => {
+      if (errors) {
+        scrollIntoView(document.querySelector('.n-form-item-blank--error'), { block: 'center' });
+        return;
+      }
+      if (typeof cb === 'function') {
+        cb();
+      }
+    });
+  }
+
+  // 添加筛选项
+  function handleAddItem() {
+    validateForm(() => {
+      const item = {
+        leftFieldId: undefined,
+        leftFieldType: FieldTypeEnum.INPUT,
+        operator: undefined,
+        rightFieldId: undefined,
+        rightFieldCustom: false,
+        rightFieldCustomValue: '',
+        rightFieldType: FieldTypeEnum.INPUT, // 默认右侧字段类型为输入框
+        matchType: 'MATCH_FIELD' as DataSourceMatchType,
+      };
+      formModel.value.conditions.push(item);
+    });
+  }
+
+  function valueChange() {
+    formRef.value?.validate();
+  }
+
+  defineExpose({
+    formRef,
+    validateForm,
+  });
+</script>
+
+<style lang="less" scoped>
+  .and-or {
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-right: 16px;
+    height: auto;
+    &::after {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 50%;
+      width: 1px;
+      height: 100%;
+      background-color: var(--text-n8);
+      transform: translateX(-50%);
+    }
+    :deep(.n-tag__content) {
+      margin: 0 auto;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/filterModal.vue b/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/filterModal.vue
new file mode 100644
index 0000000..a85ea1d
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/filterModal.vue
@@ -0,0 +1,244 @@
+<template>
+  <CrmModal
+    v-model:show="visible"
+    size="large"
+    :title="t('crmFormDesign.dataSourceFilterSetting')"
+    :positive-text="t('common.save')"
+    footer
+    @confirm="saveFilter"
+    @cancel="handleCancel"
+  >
+    <n-scrollbar class="max-h-[60vh]">
+      <FilterContent
+        ref="filterContentRef"
+        v-model:form-model="formModel"
+        :left-fields="realFieldList"
+        :right-fields="realRightFields"
+        :data-index-placeholder="dataIndexPlaceholder"
+        :self-id="props.fieldConfig.id"
+      />
+    </n-scrollbar>
+  </CrmModal>
+</template>
+
+<script lang="ts" setup>
+  import { NScrollbar } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { CustomFormItem } from '@lib/shared/models/customForm';
+
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+  import {
+    getCustomDataSourceName,
+    getDataSourceFormKey,
+    isCustomDataSourceType,
+  } from '@/components/business/crm-data-source-select/utils';
+  import { dataSourceFilterFormKeyMap } from '@/components/business/crm-form-create/config';
+  import {
+    DataSourceFilterCombine,
+    FormCreateField,
+    FormCreateFieldOption,
+  } from '@/components/business/crm-form-create/types';
+  import FilterContent from './filterContent.vue';
+
+  import { getContractStatusConfig, getOrderStatusConfig } from '@/api/modules';
+  import { quotationStatus } from '@/config/opportunity';
+  import { processStatusOptions } from '@/config/process.js';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+
+  const visible = defineModel<boolean>('visible', { required: true });
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    searchMode?: 'AND' | 'OR';
+    fieldConfig: FormCreateField;
+    formFields: FormCreateField[];
+    formKey: FormDesignKeyEnum;
+    customDataSourceForms: CustomFormItem[];
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'save', value: DataSourceFilterCombine): void;
+  }>();
+
+  const defaultFormModel: DataSourceFilterCombine = {
+    searchMode: 'OR',
+    conditions: [],
+  };
+
+  const formModel = ref<DataSourceFilterCombine>(
+    cloneDeep(props.fieldConfig.combineSearch) || cloneDeep(defaultFormModel)
+  );
+  const dataSourceType = computed(() => props.fieldConfig.dataSourceType);
+  const isCustomForm = computed(() => isCustomDataSourceType(dataSourceType.value));
+  const formKey = computed<FormDesignKeyEnum>(
+    () => getDataSourceFormKey(dataSourceType.value, dataSourceFilterFormKeyMap, FormDesignKeyEnum.CUSTOMER)!
+  );
+
+  const { fieldList, initFormConfig } = useFormCreateApi({
+    formKey,
+    customFormId: computed(() => (isCustomForm.value ? dataSourceType.value : undefined)),
+  });
+  const contractStageOptions = ref<{ label: string; value: string }[]>([]);
+  const orderStageOptions = ref<{ label: string; value: string }[]>([]);
+
+  const systemApprovalFieldList = [
+    {
+      id: 'approvalStatus',
+      name: t('common.approvalStatus'),
+      type: FieldTypeEnum.SELECT,
+      isSystemField: true,
+      businessKey: 'approvalStatus',
+      icon: '',
+      fieldWidth: 1,
+      showLabel: true,
+      description: '',
+      readable: true,
+      editable: false,
+      mobile: true,
+      rules: [],
+      options: processStatusOptions,
+    },
+  ];
+  const systemQuotationStatusFieldList = [
+    {
+      id: 'invalid',
+      name: t('common.status'),
+      type: FieldTypeEnum.SELECT,
+      isSystemField: true,
+      businessKey: 'invalid',
+      icon: '',
+      fieldWidth: 1,
+      showLabel: true,
+      description: '',
+      readable: true,
+      editable: false,
+      mobile: true,
+      rules: [],
+      options: quotationStatus as unknown as FormCreateFieldOption[],
+    },
+  ];
+  const systemFieldMap = computed<Partial<Record<FormDesignKeyEnum, FormCreateField[]>>>(() => ({
+    [FormDesignKeyEnum.OPPORTUNITY_QUOTATION]: [...systemQuotationStatusFieldList, ...systemApprovalFieldList],
+    [FormDesignKeyEnum.CONTRACT]: [
+      {
+        id: 'stage',
+        name: t('contract.status'),
+        type: FieldTypeEnum.SELECT,
+        isSystemField: true,
+        businessKey: 'stage',
+        icon: '',
+        fieldWidth: 1,
+        showLabel: true,
+        description: '',
+        readable: true,
+        editable: false,
+        mobile: true,
+        rules: [],
+        options: contractStageOptions.value,
+      } as FormCreateField,
+      ...systemApprovalFieldList,
+    ],
+    [FormDesignKeyEnum.ORDER]: [
+      {
+        id: 'stage',
+        name: t('order.status'),
+        type: FieldTypeEnum.SELECT,
+        isSystemField: true,
+        businessKey: 'stage',
+        icon: '',
+        fieldWidth: 1,
+        showLabel: true,
+        description: '',
+        readable: true,
+        editable: false,
+        mobile: true,
+        rules: [],
+        options: orderStageOptions.value,
+      } as FormCreateField,
+      ...systemApprovalFieldList,
+    ],
+    [FormDesignKeyEnum.INVOICE]: [...systemApprovalFieldList],
+  }));
+
+  const realFieldList = computed(() => {
+    const systemSpecialFieldList = systemFieldMap.value[formKey.value] || [];
+    return [...fieldList.value, ...systemSpecialFieldList];
+  });
+  const realRightFields = computed(() => {
+    const systemSpecialFieldList = systemFieldMap.value[formKey.value] || [];
+    return [...props.formFields, ...systemSpecialFieldList];
+  });
+
+  const filterContentRef = ref<InstanceType<typeof FilterContent>>();
+
+  function saveFilter() {
+    filterContentRef.value?.formRef?.validate((errors) => {
+      if (!errors) {
+        visible.value = false;
+        emit('save', cloneDeep(formModel.value));
+      }
+    });
+  }
+
+  const dataIndexPlaceholder = computed(() => {
+    return t('crmFormDesign.dataSourceFilterDataIndexPlaceholder', {
+      type: isCustomForm.value
+        ? getCustomDataSourceName(dataSourceType.value, props.customDataSourceForms) || t('module.customForm')
+        : t(`crmFormCreate.drawer.${formKey.value}`),
+    });
+  });
+
+  async function initStageOptions() {
+    contractStageOptions.value = [];
+    orderStageOptions.value = [];
+
+    if ([formKey.value, props.formKey].includes(FormDesignKeyEnum.CONTRACT)) {
+      const contractStageConfig = await getContractStatusConfig();
+      contractStageOptions.value = contractStageConfig.stageConfigList.map((item) => ({
+        label: item.name,
+        value: item.id,
+      }));
+    }
+
+    if ([formKey.value, props.formKey].includes(FormDesignKeyEnum.ORDER)) {
+      const orderStageConfig = await getOrderStatusConfig();
+      orderStageOptions.value = orderStageConfig.stageConfigList.map((item) => ({
+        label: item.name,
+        value: item.id,
+      }));
+    }
+  }
+
+  watch(
+    () => visible.value,
+    async (val) => {
+      if (val) {
+        await initFormConfig();
+        await initStageOptions();
+        formModel.value.conditions = cloneDeep(props.fieldConfig.combineSearch?.conditions) || [
+          {
+            leftFieldId: undefined,
+            leftFieldType: FieldTypeEnum.INPUT,
+            operator: undefined,
+            matchType: 'MATCH_FIELD',
+            rightFieldId: undefined,
+            rightFieldCustom: false,
+            rightFieldCustomValue: '',
+            rightFieldType: FieldTypeEnum.INPUT, // 默认右侧字段类型为输入框
+          },
+        ];
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  function handleCancel() {
+    formModel.value = cloneDeep(defaultFormModel);
+  }
+</script>
diff --git a/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/formAttr.vue b/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/formAttr.vue
new file mode 100644
index 0000000..07a6c48
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/formAttr.vue
@@ -0,0 +1,328 @@
+<template>
+  <div class="p-[16px]">
+    <div class="crm-form-design-config-item">
+      <div class="crm-form-design-config-item-title">{{ t('crmFormDesign.viewSize') }}</div>
+      <n-radio-group v-model:value="formConfig.viewSize">
+        <n-radio-button value="large">
+          {{ t('crmFormDesign.large') }}
+        </n-radio-button>
+        <n-radio-button value="medium">
+          {{ t('crmFormDesign.medium') }}
+        </n-radio-button>
+        <n-radio-button value="small">
+          {{ t('crmFormDesign.small') }}
+        </n-radio-button>
+      </n-radio-group>
+    </div>
+    <div class="crm-form-design-config-item">
+      <div class="crm-form-design-config-item-title">{{ t('crmFormDesign.formLayout') }}</div>
+      <n-radio-group v-model:value="formConfig.layout" @update-value="handleLayoutChange">
+        <n-radio-button :value="1">
+          {{ t('crmFormDesign.formLayout1') }}
+        </n-radio-button>
+        <n-radio-button :value="2">
+          {{ t('crmFormDesign.formLayout2') }}
+        </n-radio-button>
+        <n-radio-button :value="3">
+          {{ t('crmFormDesign.formLayout3') }}
+        </n-radio-button>
+        <n-radio-button :value="4">
+          {{ t('crmFormDesign.formLayout4') }}
+        </n-radio-button>
+      </n-radio-group>
+    </div>
+    <div class="crm-form-design-config-item">
+      <div class="crm-form-design-config-item-title">{{ t('crmFormDesign.formLabelPosition') }}</div>
+      <div class="flex gap-[8px]">
+        <div
+          class="crm-form-design-config-item-label-position"
+          :class="formConfig.labelPos === 'top' ? 'crm-form-design-config-item-label-position--active' : ''"
+          @click="() => (formConfig.labelPos = 'top')"
+        >
+          <div class="crm-form-design-config-item-label-position-card">
+            <div class="h-[15px] w-[40px] rounded-[var(--border-radius-mini)] bg-[var(--text-n7)]"></div>
+            <div class="h-[15px] w-full rounded-[var(--border-radius-mini)] bg-[var(--text-n8)]"></div>
+          </div>
+          {{ t('crmFormDesign.vertical') }}
+        </div>
+        <div
+          class="crm-form-design-config-item-label-position"
+          :class="formConfig.labelPos === 'left' ? 'crm-form-design-config-item-label-position--active' : ''"
+          @click="() => (formConfig.labelPos = 'left')"
+        >
+          <div class="crm-form-design-config-item-label-position-card">
+            <div class="flex gap-[4px]">
+              <div class="h-[15px] w-[30px] rounded-[var(--border-radius-mini)] bg-[var(--text-n7)]"></div>
+              <div class="h-[15px] w-[60px] rounded-[var(--border-radius-mini)] bg-[var(--text-n8)]"></div>
+            </div>
+            <div class="flex gap-[4px]">
+              <div class="h-[15px] w-[30px] rounded-[var(--border-radius-mini)] bg-[var(--text-n7)]"></div>
+              <div class="h-[15px] w-[60px] rounded-[var(--border-radius-mini)] bg-[var(--text-n8)]"></div>
+            </div>
+          </div>
+          {{ t('crmFormDesign.horizontal') }}
+        </div>
+      </div>
+    </div>
+    <div class="crm-form-design-config-item">
+      <div class="crm-form-design-config-item-title">
+        {{ t('crmFormDesign.inputWidth') }}
+        <n-tooltip trigger="hover">
+          <template #trigger>
+            <CrmIcon type="iconicon_help_circle" class="cursor-pointer hover:text-[var(--primary-1)]" />
+          </template>
+          {{ t('crmFormDesign.inputWidthTip') }}
+        </n-tooltip>
+      </div>
+      <n-radio-group v-model:value="formConfig.inputWidth" name="radiogroup" class="flex">
+        <n-radio-button value="custom" class="flex-1 text-center">
+          {{ t('common.custom') }}
+        </n-radio-button>
+        <n-radio-button value="full" class="flex-1 text-center">
+          {{ t('crmFormDesign.wholeLine') }}
+        </n-radio-button>
+      </n-radio-group>
+    </div>
+    <div class="crm-form-design-config-item">
+      <div class="crm-form-design-config-item-title">{{ t('crmFormDesign.formActionButton') }}</div>
+      <div class="crm-form-design-config-item-input">
+        <n-input
+          v-model:value="formConfig.optBtnContent[0].text"
+          type="text"
+          :placeholder="t('common.pleaseInput')"
+          clearable
+        />
+        <n-switch v-model:value="formConfig.optBtnContent[0].enable" :rubber-band="false" />
+      </div>
+      <div class="crm-form-design-config-item-input">
+        <n-input
+          v-model:value="formConfig.optBtnContent[1].text"
+          type="text"
+          :placeholder="t('common.pleaseInput')"
+          clearable
+        />
+        <n-switch v-model:value="formConfig.optBtnContent[1].enable" :rubber-band="false" />
+      </div>
+      <div class="crm-form-design-config-item-input">
+        <n-input
+          v-model:value="formConfig.optBtnContent[2].text"
+          type="text"
+          :placeholder="t('common.pleaseInput')"
+          clearable
+        />
+        <n-switch v-model:value="formConfig.optBtnContent[2].enable" :rubber-band="false" />
+      </div>
+    </div>
+    <div class="crm-form-design-config-item">
+      <div class="crm-form-design-config-item-title">{{ t('crmFormDesign.formActionButtonPosition') }}</div>
+      <n-radio-group v-model:value="formConfig.optBtnPos" name="radiogroup" class="flex">
+        <n-radio-button value="flex-row" class="flex-1 text-center">
+          <CrmIcon type="iconicon_align_text_left" />
+        </n-radio-button>
+        <n-radio-button value="justify-center" class="flex-1 text-center">
+          <CrmIcon type="iconicon_align_text_center" />
+        </n-radio-button>
+        <n-radio-button value="flex-row-reverse" class="flex-1 text-center">
+          <CrmIcon type="iconicon_align_text_right" />
+        </n-radio-button>
+      </n-radio-group>
+    </div>
+    <!-- 表单联动 -->
+    <div
+      v-if="
+        [
+          FormDesignKeyEnum.CUSTOMER,
+          FormDesignKeyEnum.FOLLOW_RECORD_BUSINESS,
+          FormDesignKeyEnum.FOLLOW_RECORD_CLUE,
+          FormDesignKeyEnum.FOLLOW_RECORD_CUSTOMER,
+          FormDesignKeyEnum.BUSINESS,
+          FormDesignKeyEnum.INVOICE,
+          FormDesignKeyEnum.CONTACT,
+          FormDesignKeyEnum.ORDER,
+        ].includes(props.formKey)
+      "
+      class="crm-form-design-config-item"
+    >
+      <div class="crm-form-design-config-item-title">
+        {{ t('crmFormDesign.formLink') }}
+      </div>
+      <div v-for="item in formKeyOptions" :key="item.value" class="flex w-full items-center gap-[8px]">
+        <n-button>
+          <div>{{ item.label }}</div>
+        </n-button>
+        <n-button class="flex-1" @click="showLinkConfig(item.value)">
+          <div>
+            {{
+              formConfig.linkProp?.[item.value]
+                ? t('crmFormDesign.linkSettingTip', { count: getSettingScenarioCount(formConfig.linkProp[item.value]) })
+                : t('common.setting')
+            }}
+          </div>
+        </n-button>
+      </div>
+    </div>
+    <!-- 表单联动 End -->
+  </div>
+  <formLinkDrawer
+    v-model:visible="linkConfigVisible"
+    :form-fields="list"
+    :link-prop="formConfig.linkProp"
+    :form-key="currentFormLinkKey"
+    @save="handleLinkConfigSave"
+  />
+</template>
+
+<script setup lang="ts">
+  import { NButton, NInput, NRadioButton, NRadioGroup, NSwitch, NTooltip } from 'naive-ui';
+
+  import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { FormConfig, FormConfigLinkScenarioItem } from '@lib/shared/models/system/module';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import { FormCreateField } from '@/components/business/crm-form-create/types';
+  import formLinkDrawer from './formLinkDrawer.vue';
+
+  const props = defineProps<{
+    formKey: FormDesignKeyEnum;
+  }>();
+
+  const { t } = useI18n();
+
+  const list = defineModel<FormCreateField[]>('fieldList', {
+    required: true,
+  });
+
+  const formConfig = defineModel<FormConfig>('formConfig', {
+    required: true,
+  });
+
+  function handleLayoutChange(layout: number) {
+    list.value.forEach((item) => {
+      if (![FieldTypeEnum.ATTACHMENT, FieldTypeEnum.SUB_PRICE, FieldTypeEnum.SUB_PRODUCT].includes(item.type)) {
+        item.fieldWidth = 1 / layout;
+      }
+    });
+  }
+
+  const formKeyOptions = computed(() => {
+    if (props.formKey === FormDesignKeyEnum.CUSTOMER) {
+      return [
+        {
+          label: t('crmFormDesign.clue'),
+          value: FormDesignKeyEnum.CLUE,
+          linkClearPop: false,
+        },
+      ];
+    }
+    if (props.formKey === FormDesignKeyEnum.ORDER) {
+      return [
+        {
+          label: t('crmFormDesign.contract'),
+          value: FormDesignKeyEnum.CONTRACT,
+          linkClearPop: false,
+        },
+      ];
+    }
+    if (props.formKey === FormDesignKeyEnum.CONTACT) {
+      return [
+        {
+          label: t('crmFormDesign.clue'),
+          value: FormDesignKeyEnum.CLUE,
+          linkClearPop: false,
+        },
+      ];
+    }
+    if (props.formKey === FormDesignKeyEnum.INVOICE) {
+      return [
+        {
+          label: t('crmFormDesign.contract'),
+          value: FormDesignKeyEnum.CONTRACT,
+          linkClearPop: false,
+        },
+      ];
+    }
+    if (props.formKey === FormDesignKeyEnum.BUSINESS) {
+      return [
+        {
+          label: t('crmFormDesign.customer'),
+          value: FormDesignKeyEnum.CUSTOMER,
+          linkClearPop: false,
+        },
+        {
+          label: t('crmFormDesign.clue'),
+          value: FormDesignKeyEnum.CLUE,
+          linkClearPop: false,
+        },
+      ];
+    }
+    return [
+      {
+        label: t('crmFormDesign.clue'),
+        value: FormDesignKeyEnum.CLUE,
+        linkClearPop: false,
+      },
+      {
+        label: t('crmFormDesign.opportunity'),
+        value: FormDesignKeyEnum.BUSINESS,
+        linkClearPop: false,
+      },
+      {
+        label: t('crmFormDesign.customer'),
+        value: FormDesignKeyEnum.CUSTOMER,
+        linkClearPop: false,
+      },
+      {
+        label: t('crmFormDesign.onlyPlan'),
+        value: FormDesignKeyEnum.FOLLOW_PLAN_CUSTOMER,
+        linkClearPop: false,
+      },
+    ];
+  });
+  const linkConfigVisible = ref(false);
+  const currentFormLinkKey = ref<FormDesignKeyEnum>(formKeyOptions.value[0]?.value);
+
+  function showLinkConfig(key: FormDesignKeyEnum) {
+    currentFormLinkKey.value = key;
+    linkConfigVisible.value = true;
+  }
+
+  function handleLinkConfigSave(formKey: FormDesignKeyEnum, value: FormConfigLinkScenarioItem[]) {
+    if (formConfig.value.linkProp) {
+      formConfig.value.linkProp[formKey] = value;
+    } else {
+      formConfig.value.linkProp = {
+        [formKey]: value,
+      };
+    }
+  }
+
+  function getSettingScenarioCount(items?: FormConfigLinkScenarioItem[]) {
+    if (items) {
+      return items.filter((e) => e.linkFields.length > 0).length;
+    }
+    return 0;
+  }
+</script>
+
+<style lang="less" scoped>
+  .crm-form-design-config-item-label-position {
+    @apply flex flex-1 cursor-pointer flex-col items-center;
+
+    gap: 4px;
+    .crm-form-design-config-item-label-position-card {
+      @apply flex w-full flex-col;
+
+      padding: 8px;
+      border: 1px solid var(--text-n7);
+      border-radius: var(--border-radius-small);
+      gap: 4px;
+    }
+  }
+  .crm-form-design-config-item-label-position--active {
+    color: var(--primary-8);
+    .crm-form-design-config-item-label-position-card {
+      border-color: var(--primary-8);
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/formLinkDrawer.vue b/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/formLinkDrawer.vue
new file mode 100644
index 0000000..8912938
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/formLinkDrawer.vue
@@ -0,0 +1,401 @@
+<template>
+  <CrmDrawer
+    v-model:show="visible"
+    :width="800"
+    :title="t('crmFormDesign.formLinkSetting', { formType: t(`crmFormDesign.${props.formKey}`) })"
+    :ok-text="t('common.save')"
+    footer
+    @confirm="save"
+    @cancel="handleCancel"
+  >
+    <CrmTab
+      v-model:active-tab="activeScenario"
+      :tab-list="scenarioList.map((e) => ({ tab: t(`crmFormDesign.${e.key}`), name: e.key }))"
+      :before-leave="beforeScenarioLeave"
+      type="segment"
+      animated
+      @change="handleScenarioChange"
+    >
+      <template v-for="scenario of scenarioList" #[scenario.key] :key="scenario.key">
+        <n-form
+          ref="formRef"
+          :model="formModel"
+          label-width="90"
+          label-placement="left"
+          require-mark-placement="left"
+          class="crm-form-design-link-modal"
+        >
+          <div class="flex flex-col gap-[12px] rounded-[var(--border-radius-small)] bg-[var(--text-n9)] p-[16px]">
+            <div class="flex items-center justify-between">
+              <div class="flex-1 text-[var(--text-n1)]">{{ t('crmFormDesign.currentForm') }}</div>
+              <div class="w-[80px]"></div>
+              <div class="flex-1 text-[var(--text-n1)]">{{ t('crmFormDesign.linkForm') }}</div>
+              <div :class="formModel.linkFields.length > 1 ? 'w-[115px]' : 'w-[64px]'"></div>
+            </div>
+            <n-scrollbar ref="linkFieldsScrollbar" class="flex-1 pr-[6px]" content-class="flex flex-col gap-[12px]">
+              <div v-for="(line, index) of formModel.linkFields" :key="index" class="flex items-start justify-between">
+                <n-form-item
+                  :path="`linkFields.${index}.current`"
+                  class="flex-1"
+                  :rule="[{ required: true, message: t('common.required'), trigger: 'change' }]"
+                >
+                  <n-select
+                    v-model:value="line.current"
+                    :options="getCurrentFieldOptions(line.current)"
+                    :fallback-option="
+                      line.current !== null && line.current !== undefined && line.current !== ''
+                        ? fallbackOption
+                        : false
+                    "
+                    @update-value="line.link = ''"
+                  />
+                </n-form-item>
+                <div class="flex h-[32px] w-[60px] items-center justify-center text-[var(--text-n1)]">
+                  {{ t('crmFormDesign.fill') }}
+                </div>
+                <n-form-item
+                  :path="`linkFields.${index}.link`"
+                  class="flex-1"
+                  :rule="[{ required: true, message: t('common.required'), trigger: 'change' }]"
+                >
+                  <n-select
+                    v-model:value="line.link"
+                    :options="getLinkFieldOptions(line.current)"
+                    :fallback-option="
+                      line.link !== null && line.link !== undefined && line.link !== '' ? fallbackOption : false
+                    "
+                  />
+                </n-form-item>
+                <n-form-item :path="`linkFields.${index}.enable`" class="mx-[8px]">
+                  <n-switch v-model:value="line.enable" />
+                </n-form-item>
+                <div class="flex h-[32px] w-[35px] items-center text-[var(--text-n1)]">
+                  {{ t('crmFormDesign.fillValue') }}
+                </div>
+                <n-button
+                  v-if="formModel.linkFields.length > 1"
+                  ghost
+                  class="ml-[12px] px-[7px]"
+                  @click="handleDeleteListItem(index)"
+                >
+                  <template #icon>
+                    <CrmIcon type="iconicon_minus_circle" class="text-[var(--text-n4)]" :size="16" />
+                  </template>
+                </n-button>
+              </div>
+            </n-scrollbar>
+            <n-button
+              type="primary"
+              text
+              class="w-[fit-content]"
+              :disabled="currentFieldOptions.length === formModel.linkFields.length"
+              @click="handleAddListItem"
+            >
+              <template #icon>
+                <n-icon><Add /></n-icon>
+              </template>
+              {{ t('crmFormDesign.addLink') }}
+            </n-button>
+          </div>
+        </n-form>
+      </template>
+      <template #suffix>
+        <n-tooltip trigger="hover">
+          <template #trigger>
+            <CrmIcon
+              type="iconicon_help_circle"
+              :size="16"
+              class="cursor-pointer text-[var(--text-n4)] hover:text-[var(--primary-1)]"
+            />
+          </template>
+          {{ t(`crmFormDesign.tip.${activeScenario}`) }}
+        </n-tooltip>
+      </template>
+    </CrmTab>
+    <template #footerLeft>
+      <CrmPopConfirm
+        :title="t('crmFormDesign.linkSettingClearTip')"
+        icon-type="warning"
+        :content="t('crmFormDesign.linkSettingClearTipContent')"
+        :positive-text="t('common.confirm')"
+        trigger="click"
+        :negative-text="t('common.cancel')"
+        placement="right-end"
+        @confirm="handleClear"
+      >
+        <n-button secondary>
+          {{ t('common.clear') }}
+        </n-button>
+      </CrmPopConfirm>
+    </template>
+  </CrmDrawer>
+</template>
+
+<script lang="ts" setup>
+  import {
+    FormInst,
+    NButton,
+    NForm,
+    NFormItem,
+    NIcon,
+    NScrollbar,
+    NSelect,
+    NSwitch,
+    NTooltip,
+    ScrollbarInst,
+  } from 'naive-ui';
+  import { Add } from '@vicons/ionicons5';
+  import { cloneDeep } from 'lodash-es';
+
+  import { FieldTypeEnum, FormDesignKeyEnum, FormLinkScenarioEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import {
+    dataSourceTypes,
+    departmentTypes,
+    hiddenTypes,
+    linkAllAcceptTypes,
+    memberTypes,
+    multipleTypes,
+    needSameTypes,
+    singleTypes,
+  } from '@lib/shared/method/formCreate';
+  import { FormConfigLinkProp, FormConfigLinkScenarioItem } from '@lib/shared/models/system/module';
+
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmPopConfirm from '@/components/pure/crm-pop-confirm/index.vue';
+  import CrmTab from '@/components/pure/crm-tab/index.vue';
+  import { FormCreateField } from '@/components/business/crm-form-create/types';
+
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+
+  const visible = defineModel<boolean>('visible', { required: true });
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    linkProp?: FormConfigLinkProp;
+    formFields: FormCreateField[];
+    formKey: FormDesignKeyEnum;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'save', formKey: FormDesignKeyEnum, value: FormConfigLinkScenarioItem[]): void;
+  }>();
+
+  const defaultFormModel = {
+    key: FormLinkScenarioEnum.OPPORTUNITY_TO_RECORD,
+    linkFields: [],
+  };
+
+  const linkFieldsScrollbar = ref<ScrollbarInst>();
+  const scenarioList = ref<FormConfigLinkScenarioItem[]>([]);
+  const formModel = ref<FormConfigLinkScenarioItem>(cloneDeep(defaultFormModel));
+  const _formKey = computed(() => props.formKey);
+  const activeScenario = ref(
+    scenarioList.value.length ? scenarioList.value[0].key : FormLinkScenarioEnum.OPPORTUNITY_TO_RECORD
+  );
+
+  const { fieldList, initFormConfig } = useFormCreateApi({
+    formKey: _formKey,
+  });
+
+  const formRef = ref<FormInst>();
+
+  function handleScenarioChange(scenarioKey: string | number) {
+    const targetScenario = scenarioList.value.find((e) => e.key === scenarioKey);
+    if (targetScenario) {
+      formModel.value = targetScenario;
+    }
+  }
+
+  function beforeScenarioLeave() {
+    return new Promise<boolean>((resolve) => {
+      formRef.value?.validate((errors) => {
+        if (!errors) {
+          // 验证通过，允许切换
+          resolve(true);
+        } else {
+          // 验证未通过，阻止切换
+          document.querySelector('.n-form-item-blank--error')?.scrollIntoView({
+            behavior: 'smooth',
+          });
+          resolve(false);
+        }
+      });
+    });
+  }
+
+  function save() {
+    formRef.value?.validate((errors) => {
+      if (!errors) {
+        visible.value = false;
+        emit('save', props.formKey, cloneDeep(scenarioList.value));
+      }
+    });
+  }
+
+  watch(
+    () => visible.value,
+    (val) => {
+      if (val) {
+        scenarioList.value = cloneDeep(props.linkProp?.[props.formKey] || []);
+        activeScenario.value = scenarioList.value.length
+          ? scenarioList.value[0].key
+          : FormLinkScenarioEnum.OPPORTUNITY_TO_RECORD;
+        formModel.value = scenarioList.value ? scenarioList.value[0] : cloneDeep(defaultFormModel);
+        initFormConfig();
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  const currentFieldOptions = computed(() => {
+    return props.formFields
+      .filter(
+        (e) =>
+          !hiddenTypes.includes(e.type) &&
+          ![
+            FieldTypeEnum.SERIAL_NUMBER,
+            FieldTypeEnum.SUB_PRICE,
+            FieldTypeEnum.SUB_PRODUCT,
+            FieldTypeEnum.FORMULA,
+          ].includes(e.type) &&
+          !e.resourceFieldId
+      )
+      .map((f) => ({ label: f.name, value: f.id }));
+  });
+
+  function getCurrentFieldOptions(currentFieldId: string) {
+    const alreadySelectedFields = formModel.value.linkFields.map((f) => f.current);
+    return currentFieldOptions.value.filter(
+      (f) => f.value === currentFieldId || !alreadySelectedFields.includes(f.value)
+    );
+  }
+
+  function getLinkFieldOptions(currentFieldId: string) {
+    const currentField = props.formFields.find((f) => f.id === currentFieldId);
+    if (!currentField) return [];
+    const hiddenCondition = (f: FormCreateField) => hiddenTypes.includes(f.type) || f.resourceFieldId;
+    if (dataSourceTypes.includes(currentField.type)) {
+      // 左侧是数据源，右侧也只能选择数据源
+      if (currentField.type === FieldTypeEnum.DATA_SOURCE_MULTIPLE) {
+        return fieldList.value
+          .filter(
+            (f) =>
+              dataSourceTypes.includes(f.type) &&
+              f.dataSourceType === currentField.dataSourceType &&
+              !hiddenCondition(f)
+          )
+          .map((f) => ({ label: f.name, value: f.id }));
+      }
+      return fieldList.value
+        .filter(
+          (f) => f.type === currentField.type && f.dataSourceType === currentField.dataSourceType && !hiddenCondition(f)
+        )
+        .map((f) => ({ label: f.name, value: f.id }));
+    }
+    if (needSameTypes.includes(currentField.type)) {
+      // 两侧需要保持一致的类型
+      return fieldList.value
+        .filter((f) => f.type === currentField.type && !hiddenCondition(f))
+        .map((f) => ({ label: f.name, value: f.id }));
+    }
+    if (multipleTypes.includes(currentField.type)) {
+      // 多选类型，也可接受单选类型值
+      return fieldList.value
+        .filter((f) => [...multipleTypes, ...singleTypes].includes(f.type) && !hiddenCondition(f))
+        .map((f) => ({ label: f.name, value: f.id }));
+    }
+    if (singleTypes.includes(currentField.type)) {
+      // 单选类型
+      return fieldList.value
+        .filter((f) => singleTypes.includes(f.type) && !hiddenCondition(f))
+        .map((f) => ({ label: f.name, value: f.id }));
+    }
+    if (memberTypes.includes(currentField.type)) {
+      // 成员类型
+      if (currentField.type === FieldTypeEnum.MEMBER_MULTIPLE) {
+        return fieldList.value
+          .filter((f) => memberTypes.includes(f.type) && !hiddenCondition(f))
+          .map((f) => ({ label: f.name, value: f.id }));
+      }
+      return fieldList.value
+        .filter((f) => f.type === currentField.type && !hiddenCondition(f))
+        .map((f) => ({ label: f.name, value: f.id }));
+    }
+    if (departmentTypes.includes(currentField.type)) {
+      // 部门类型
+      if (currentField.type === FieldTypeEnum.DEPARTMENT_MULTIPLE) {
+        return fieldList.value
+          .filter((f) => departmentTypes.includes(f.type) && !hiddenCondition(f))
+          .map((f) => ({ label: f.name, value: f.id }));
+      }
+      return fieldList.value
+        .filter((f) => f.type === currentField.type && !hiddenCondition(f))
+        .map((f) => ({ label: f.name, value: f.id }));
+    }
+    if (linkAllAcceptTypes.includes(currentField.type)) {
+      return fieldList.value.filter((f) => !hiddenCondition(f)).map((f) => ({ label: f.name, value: f.id }));
+    }
+    return [];
+  }
+
+  function fallbackOption(val: string | number) {
+    return {
+      label: t('crmFormDesign.fieldNotExist'),
+      value: val,
+    };
+  }
+
+  function handleClear(close: () => void) {
+    formModel.value.linkFields = [];
+    close();
+  }
+
+  function handleCancel() {
+    formModel.value = cloneDeep(defaultFormModel);
+  }
+
+  function handleAddListItem() {
+    formRef.value?.validate((errors) => {
+      if (!errors) {
+        formModel.value.linkFields.push({
+          current: '',
+          link: '',
+          enable: true,
+        });
+        nextTick(() => {
+          linkFieldsScrollbar.value?.scrollTo({
+            top: 99999,
+            behavior: 'smooth',
+          });
+        });
+      } else {
+        document.querySelector('.n-form-item-blank--error')?.scrollIntoView({
+          behavior: 'smooth',
+        });
+      }
+    });
+  }
+
+  function handleDeleteListItem(index: number) {
+    formModel.value.linkFields.splice(index, 1);
+  }
+</script>
+
+<style lang="less">
+  .crm-form-design-link-modal {
+    .n-form-item-feedback-wrapper {
+      display: none;
+    }
+    .n-form-item-blank--error + .n-form-item-feedback-wrapper {
+      display: inline-block;
+    }
+    .n-scrollbar-rail--vertical {
+      @apply !right-0;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/formulaModal.vue b/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/formulaModal.vue
new file mode 100644
index 0000000..ce7a44b
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/formulaModal.vue
@@ -0,0 +1,53 @@
+<template>
+  <CrmModal
+    v-model:show="visible"
+    :title="t('crmFormDesign.formulaSetting')"
+    :positive-text="t('common.save')"
+    :maskClosable="false"
+    footer
+    :width="800"
+    @confirm="saveCalculateFormula"
+    @cancel="handleCancel"
+  >
+    <CrmFormulaEditor
+      ref="crmFormulaEditorRef"
+      :field-config="fieldConfig"
+      :form-fields="formFields"
+      :is-sub-table-field="isSubTableField"
+    />
+  </CrmModal>
+</template>
+
+<script setup lang="ts">
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+  import { FormCreateField } from '@/components/business/crm-form-create/types';
+  import CrmFormulaEditor from '@/components/business/crm-formula-editor/index.vue';
+
+  const { t } = useI18n();
+  const visible = defineModel<boolean>('visible', { required: true });
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+    formFields: FormCreateField[];
+    isSubTableField?: boolean;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'save', result?: string): void;
+  }>();
+
+  const crmFormulaEditorRef = ref<InstanceType<typeof CrmFormulaEditor>>();
+
+  function saveCalculateFormula() {
+    const result = crmFormulaEditorRef.value?.getCalculateFormula();
+    emit('save', result);
+  }
+
+  function handleCancel() {
+    visible.value = false;
+  }
+</script>
+
+<style scoped lang="less"></style>
diff --git a/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/index.vue b/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/index.vue
new file mode 100644
index 0000000..0eb8b20
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/index.vue
@@ -0,0 +1,88 @@
+<template>
+  <n-tabs v-model:value="configTab" :bar-width="140" justify-content="space-around" type="line" animated>
+    <n-tab-pane name="field" :tab="t('crmFormDesign.fieldConfig')">
+      <n-scrollbar>
+        <fieldAttr v-model:field-list="list" :field="fieldConfig" :form-key="props.formKey" />
+      </n-scrollbar>
+    </n-tab-pane>
+    <n-tab-pane name="form" :tab="t('crmFormDesign.formConfig')">
+      <n-scrollbar>
+        <formAttr v-model:field-list="list" :form-config="formConfig" :form-key="props.formKey" />
+      </n-scrollbar>
+    </n-tab-pane>
+  </n-tabs>
+</template>
+
+<script setup lang="ts">
+  import { NScrollbar, NTabPane, NTabs } from 'naive-ui';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { FormConfig } from '@lib/shared/models/system/module';
+
+  import { FormCreateField } from '@/components/business/crm-form-create/types';
+  import fieldAttr from './fieldAttr.vue';
+  import formAttr from './formAttr.vue';
+
+  const props = defineProps<{
+    formKey: FormDesignKeyEnum;
+  }>();
+
+  const { t } = useI18n();
+
+  const list = defineModel<FormCreateField[]>('fieldList', {
+    required: true,
+  });
+
+  const formConfig = defineModel<FormConfig>('formConfig', {
+    required: true,
+  });
+
+  const fieldConfig = defineModel<FormCreateField>('field', {
+    default: null,
+  });
+
+  const configTab = ref('field');
+</script>
+
+<style lang="less">
+  .crm-form-design-config-item {
+    @apply flex flex-col;
+
+    gap: 8px;
+    &:not(:first-child) {
+      margin-top: 24px;
+    }
+    .crm-form-design-config-item-title {
+      @apply flex items-center justify-between font-semibold;
+
+      gap: 4px;
+    }
+    .crm-form-design-config-item-input {
+      @apply flex items-center;
+
+      gap: 8px;
+    }
+  }
+</style>
+
+<style lang="less" scoped>
+  .n-tabs {
+    @apply h-full overflow-hidden;
+  }
+  :deep(.n-tabs-tab-wrapper) {
+    @apply h-full justify-center;
+
+    width: 50%;
+    .n-tabs-tab {
+      @apply h-full w-full justify-center;
+
+      padding: 8px 0;
+    }
+  }
+  .n-tab-pane {
+    @apply h-full;
+
+    --n-pane-padding-top: 0;
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/optionConfig.vue b/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/optionConfig.vue
new file mode 100644
index 0000000..197c967
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/optionConfig.vue
@@ -0,0 +1,437 @@
+<template>
+  <n-radio-group v-model:value="fieldConfig.optionSource" name="radiogroup" class="flex" :disabled="props.disabled">
+    <n-radio-button value="ref" class="flex-1 text-center">
+      {{ t('crmFormDesign.quotingData') }}
+    </n-radio-button>
+    <n-radio-button value="custom" class="flex-1 text-center">
+      {{ t('crmFormDesign.custom') }}
+    </n-radio-button>
+  </n-radio-group>
+  <n-cascader
+    v-if="fieldConfig.optionSource === 'ref'"
+    v-model:value="fieldConfig.refId"
+    :disabled="props.disabled"
+    :options="refOptions"
+    check-strategy="child"
+    :render-label="renderCascaderLabel"
+    :menu-props="{ class: 'form-design-cascader' }"
+    remote
+    :on-load="handleLoadRef"
+    @update:value="updateFormKeyFromCascader"
+  />
+  <component
+    :is="getComponent"
+    v-if="fieldConfig.optionSource === 'ref' && fieldConfig.options"
+    :value="fieldConfig.defaultValue"
+    :disabled="props.disabled"
+  >
+    <div class="flex flex-col gap-[8px]">
+      <div v-for="(item, i) in fieldConfig.options" :key="item.value" class="flex items-center gap-[8px]">
+        <n-checkbox v-if="isMultiple" :value="item.value" @click="handleCheckBoxOptionClick(item.value)" />
+        <n-radio
+          v-else
+          :value="item.value"
+          :default-checked="fieldConfig.defaultValue === item.value"
+          class="flex items-center"
+          :disabled="props.disabled"
+          @click="handleRadioOptionClick(item.value)"
+        />
+        <n-input v-model:value="item.label" disabled class="flex-1" />
+      </div>
+    </div>
+  </component>
+  <component
+    :is="getComponent"
+    v-else-if="fieldConfig.optionSource === 'custom' && fieldConfig.customOptions"
+    :value="fieldConfig.defaultValue"
+    :disabled="props.disabled"
+  >
+    <!-- 通过draggable属性控制带.draggable类的元素可拖拽，实现部分元素不允许拖拽 -->
+    <VueDraggable
+      v-model="fieldConfig.customOptions"
+      :animation="150"
+      draggable=".draggable"
+      handle=".handle"
+      class="flex flex-col gap-[8px]"
+    >
+      <div
+        v-for="(item, i) in fieldConfig.customOptions"
+        :key="item.value"
+        class="flex flex-wrap items-center gap-[8px]"
+        :class="item.value === 'other' ? '' : 'draggable'"
+      >
+        <n-tooltip
+          :delay="300"
+          :show-arrow="false"
+          :disabled="item.value === 'other'"
+          class="crm-form-design--composition-item-tools-tip"
+        >
+          <template #trigger>
+            <CrmIcon
+              type="iconicon_move"
+              class="handle cursor-move"
+              :class="item.value === 'other' ? 'cursor-not-allowed text-[var(--text-n6)]' : ''"
+            />
+          </template>
+          {{ t('common.sort') }}
+        </n-tooltip>
+        <n-checkbox v-if="isMultiple" :value="item.value" @click="handleCheckBoxOptionClick(item.value)" />
+        <n-radio
+          v-else
+          :value="item.value"
+          :default-checked="fieldConfig.defaultValue === item.value"
+          class="flex items-center"
+          :disabled="props.disabled"
+          @click="handleRadioOptionClick(item.value)"
+        />
+        <n-input
+          v-model:value="item.label"
+          :maxlength="50"
+          :disabled="props.disabled"
+          :status="
+            fieldConfig.customOptions.some((e) => e.value !== item.value && e.label === item.label)
+              ? 'error'
+              : undefined
+          "
+          class="flex-1"
+          clearable
+        ></n-input>
+        <n-tooltip :delay="300" :show-arrow="false" class="crm-form-design--composition-item-tools-tip">
+          <template #trigger>
+            <n-button
+              quaternary
+              type="error"
+              size="small"
+              :disabled="
+                props.disabled || fieldConfig.customOptions?.length === 1 || fieldConfig.defaultValue === item.value
+              "
+              class="text-btn-error p-[4px] text-[var(--text-n1)]"
+              @click="handleOptionDelete(i)"
+            >
+              <CrmIcon type="iconicon_delete" :size="14" />
+            </n-button>
+          </template>
+          {{ t('common.delete') }}
+        </n-tooltip>
+        <div
+          v-if="fieldConfig.customOptions.some((e) => e.value !== item.value && e.label === item.label)"
+          class="ml-[48px] w-full text-[12px] text-[var(--error-red)]"
+        >
+          {{ t('crmFormDesign.repeatOptionName') }}
+        </div>
+      </div>
+    </VueDraggable>
+  </component>
+  <div v-if="fieldConfig.optionSource === 'custom'" class="flex items-center justify-center gap-[8px]">
+    <div
+      class="cursor-pointer text-[var(--primary-8)]"
+      :class="props.disabled ? '!text-[var(--primary-4)]' : ''"
+      @click="handleAddOption"
+    >
+      {{ t('crmFormDesign.addOption') }}
+    </div>
+    <n-divider vertical class="!m-0" />
+    <div
+      :class="
+        props.disabled || fieldConfig.customOptions?.some((item) => item.value === 'other')
+          ? 'cursor-not-allowed text-[var(--primary-4)]'
+          : 'cursor-pointer text-[var(--primary-8)]'
+      "
+      @click="handleAddOtherOption"
+    >
+      {{ t('crmFormDesign.addOptionOther') }}
+    </div>
+    <n-divider vertical class="!m-0" />
+    <div
+      class="cursor-pointer text-[var(--primary-8)]"
+      :class="props.disabled ? '!text-[var(--primary-4)]' : ''"
+      @click="handleShowBatchEditModal"
+    >
+      {{ t('crmFormDesign.batchEdit') }}
+    </div>
+  </div>
+  <CrmModal
+    v-model:show="showModal"
+    :title="t('crmFormDesign.batchEdit')"
+    :positive-text="t('common.save')"
+    @confirm="handleBatchEditConfirm"
+  >
+    <n-input
+      v-model:value="batchEditValue"
+      type="textarea"
+      :autosize="{
+        minRows: 3,
+        maxRows: 10,
+      }"
+      clearable
+    ></n-input>
+    <div class="text-[12px] leading-[20px] text-[var(--text-n4)]">{{ t('crmFormDesign.batchEditTip') }}</div>
+  </CrmModal>
+</template>
+
+<script setup lang="ts">
+  import {
+    CascaderOption,
+    NButton,
+    NCascader,
+    NCheckbox,
+    NCheckboxGroup,
+    NDivider,
+    NInput,
+    NRadio,
+    NRadioButton,
+    NRadioGroup,
+    NTooltip,
+  } from 'naive-ui';
+  import { cloneDeep, debounce } from 'lodash-es';
+  import { VueDraggable } from 'vue-draggable-plus';
+
+  import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { findNodePathByKey, getGenerateId } from '@lib/shared/method';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+  import { fullFormSettingList } from '@/components/business/crm-form-create/config';
+  import { FormCreateField } from '@/components/business/crm-form-create/types';
+
+  import { getFormDesignConfig } from '@/api/modules';
+
+  const props = defineProps<{
+    disabled?: boolean;
+  }>();
+
+  const { t } = useI18n();
+
+  const fieldConfig = defineModel<FormCreateField>('field', {
+    default: null,
+  });
+
+  const isMultiple = computed(() =>
+    [
+      FieldTypeEnum.CHECKBOX,
+      FieldTypeEnum.SELECT_MULTIPLE,
+      FieldTypeEnum.MEMBER_MULTIPLE,
+      FieldTypeEnum.DEPARTMENT_MULTIPLE,
+      FieldTypeEnum.DATA_SOURCE_MULTIPLE,
+    ].includes(fieldConfig.value.type)
+  );
+
+  const defaultRefOptions = fullFormSettingList
+    .filter((item) => !!item.formKey)
+    .map((i) => ({ ...i, value: i.formKey, isLeaf: false }));
+  const refOptions = ref<CascaderOption[]>(cloneDeep(defaultRefOptions));
+
+  // 获取第二层的数据
+  const getRefData = async (key: string) => {
+    const res = await getFormDesignConfig(key as FormDesignKeyEnum);
+    return res.fields
+      .filter((field) => field.optionSource === 'custom' && field.type === fieldConfig.value.type)
+      .map((field) => ({ label: field.name, value: field.id, isLeaf: true, options: field.options }));
+  };
+
+  async function handleLoadRef(option: CascaderOption) {
+    if (option.children) return;
+    option.loading = true;
+    let key = option.formKey as FormDesignKeyEnum;
+    // 跟进记录和计划 key 特殊处理，因为各模块 key 不一致但是表单配置一致
+    if (key.includes('record')) {
+      key = 'record' as FormDesignKeyEnum;
+    } else if (key.includes('plan')) {
+      key = 'plan' as FormDesignKeyEnum;
+    }
+    option.children = await getRefData(key);
+    // 没数据
+    if (!option.children || option.children.length === 0) {
+      option.children = [
+        {
+          label: t('common.noData'),
+          value: 'no-data',
+          disabled: true,
+          isLeaf: true,
+        },
+      ];
+    }
+    option.loading = false;
+  }
+
+  function renderCascaderLabel(option: CascaderOption, checked: boolean) {
+    if (option.value === 'no-data') {
+      return h('span', { class: 'no-data' }, option.label);
+    }
+    return option.label;
+  }
+
+  // 更新第一层父节点的值，传入后端，方便后期回显
+  async function updateFormKeyFromCascader(childValue: string) {
+    const path = findNodePathByKey(refOptions.value, childValue, undefined, 'value');
+    if (path) {
+      fieldConfig.value.refFormKey = path.treePath[0].value;
+      fieldConfig.value.options = path.options;
+    } else {
+      fieldConfig.value.refFormKey = '';
+    }
+  }
+
+  // 初始化回显
+  async function initEchoByPath(rootValue: string) {
+    const rootOpt = refOptions.value.find((opt) => opt.value === rootValue);
+    if (!rootOpt) return;
+    rootOpt.children = await getRefData(rootValue);
+  }
+
+  watch(
+    () => fieldConfig.value.id,
+    async () => {
+      refOptions.value = cloneDeep(defaultRefOptions);
+      if (fieldConfig.value.optionSource === 'ref' && fieldConfig.value.refFormKey) {
+        initEchoByPath(fieldConfig.value.refFormKey);
+      }
+    },
+    { immediate: true }
+  );
+
+  watch(
+    () => fieldConfig.value.optionSource,
+    async (val) => {
+      fieldConfig.value.defaultValue = isMultiple.value ? [] : '';
+      if (val === 'ref') {
+        if (fieldConfig.value.refFormKey && fieldConfig.value.refId) {
+          await initEchoByPath(fieldConfig.value.refFormKey);
+          updateFormKeyFromCascader(fieldConfig.value.refId);
+        } else {
+          fieldConfig.value.options = [];
+        }
+      } else {
+        fieldConfig.value.options = fieldConfig.value.customOptions || fieldConfig.value.options;
+      }
+    }
+  );
+
+  const getComponent = computed(() => {
+    if (isMultiple.value) {
+      return NCheckboxGroup;
+    }
+    return NRadioGroup;
+  });
+
+  const handleRadioOptionClick = debounce((val: string | number) => {
+    if (fieldConfig.value.defaultValue === val) {
+      fieldConfig.value.defaultValue = '';
+    } else {
+      fieldConfig.value.defaultValue = val;
+    }
+  });
+
+  const handleCheckBoxOptionClick = debounce((val: string | number) => {
+    if (!Array.isArray(fieldConfig.value.defaultValue)) {
+      fieldConfig.value.defaultValue = [];
+    }
+    const index = fieldConfig.value.defaultValue.indexOf(val);
+    if (index > -1) {
+      fieldConfig.value.defaultValue.splice(index, 1);
+    } else {
+      fieldConfig.value.defaultValue.push(val);
+    }
+  });
+
+  function handleAddOption() {
+    if (props.disabled) {
+      return;
+    }
+    if (!fieldConfig.value.customOptions?.some((e) => e.value === 'other')) {
+      fieldConfig.value.customOptions?.push({
+        label: t('crmFormDesign.option', { i: fieldConfig.value.customOptions.length + 1 }),
+        value: getGenerateId(),
+      });
+    } else {
+      fieldConfig.value.customOptions?.splice(fieldConfig.value.customOptions.length - 1, 0, {
+        label: t('crmFormDesign.option', { i: fieldConfig.value.customOptions.length }),
+        value: getGenerateId(),
+      });
+    }
+    fieldConfig.value.options = [...(fieldConfig.value.customOptions || [])];
+  }
+
+  function handleAddOtherOption() {
+    if (props.disabled || fieldConfig.value.customOptions?.some((e) => e.value === 'other')) {
+      return;
+    }
+    fieldConfig.value.customOptions?.push({
+      label: t('crmFormDesign.optionOther'),
+      value: 'other',
+    });
+    fieldConfig.value.options = [...(fieldConfig.value.customOptions || [])];
+  }
+
+  function setDefaultValue() {
+    if (isMultiple.value) {
+      fieldConfig.value.defaultValue = fieldConfig.value.defaultValue?.filter((e: any) =>
+        fieldConfig.value.customOptions?.some((item) => item.value === e)
+      );
+    } else if (fieldConfig.value.customOptions?.every((e) => e.value !== fieldConfig.value.defaultValue)) {
+      fieldConfig.value.defaultValue = '';
+    }
+  }
+
+  function handleOptionDelete(i: number) {
+    fieldConfig.value.customOptions?.splice(i, 1);
+    fieldConfig.value.options = [...(fieldConfig.value.customOptions || [])];
+    setDefaultValue();
+  }
+
+  const showModal = ref(false);
+  const batchEditValue = ref('');
+
+  function handleShowBatchEditModal() {
+    if (props.disabled) {
+      return;
+    }
+    showModal.value = true;
+    batchEditValue.value = fieldConfig.value.customOptions?.map((e) => e.label).join('\n') || '';
+  }
+
+  function handleBatchEditConfirm() {
+    const resArr = Array.from(new Set(batchEditValue.value.split('\n')));
+    if (resArr.length === 0) {
+      fieldConfig.value.customOptions = [
+        {
+          label: t('crmFormDesign.option', { i: 1 }),
+          value: getGenerateId(),
+        },
+        {
+          label: t('crmFormDesign.option', { i: 2 }),
+          value: getGenerateId(),
+        },
+        {
+          label: t('crmFormDesign.option', { i: 3 }),
+          value: getGenerateId(),
+        },
+      ];
+    } else {
+      const newOptions = resArr
+        .map((e) => e.trim())
+        .filter((e) => e)
+        .map((e) => ({
+          label: e.slice(0, 50),
+          value: fieldConfig.value.customOptions?.find((item) => item.label === e)?.value || getGenerateId(),
+        }));
+      fieldConfig.value.customOptions = newOptions;
+    }
+    fieldConfig.value.options = [...(fieldConfig.value.customOptions || [])];
+    setDefaultValue();
+    showModal.value = false;
+  }
+</script>
+
+<style lang="less">
+  // 没数据的样式
+  .form-design-cascader .n-cascader-option.n-cascader-option--disabled:has(.no-data) {
+    .n-cascader-option__label {
+      text-align: center;
+    }
+    &:hover {
+      background: transparent !important;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/subTableFields.vue b/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/subTableFields.vue
new file mode 100644
index 0000000..58438c7
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-design/components/formAttrConfig/subTableFields.vue
@@ -0,0 +1,200 @@
+<template>
+  <VueDraggable
+    v-if="fieldConfig.subFields"
+    v-model="fieldConfig.subFields"
+    :animation="150"
+    handle=".handle"
+    class="flex flex-col gap-[8px]"
+  >
+    <div v-for="(item, i) in fieldConfig.subFields" :key="item.id" class="flex flex-wrap items-center gap-[8px]">
+      <n-tooltip :delay="300" :show-arrow="false" class="crm-form-design--composition-item-tools-tip">
+        <template #trigger>
+          <CrmIcon type="iconicon_move" class="handle cursor-move" />
+        </template>
+        {{ t('common.sort') }}
+      </n-tooltip>
+      <n-input
+        v-model:value="item.name"
+        :maxlength="50"
+        :disabled="props.disabled"
+        :status="fieldConfig.subFields.some((e) => e.id !== item.id && e.name === item.name) ? 'error' : undefined"
+        class="flex-1"
+        clearable
+      >
+        <template #prefix>
+          <CrmIcon :type="getFieldIcon(item.type) || ''" />
+        </template>
+      </n-input>
+      <template v-if="!item.businessKey || item.resourceFieldId">
+        <n-tooltip
+          v-if="!item.resourceFieldId"
+          :delay="300"
+          :show-arrow="false"
+          class="crm-form-design--composition-item-tools-tip"
+        >
+          <template #trigger>
+            <n-button
+              quaternary
+              type="primary"
+              size="small"
+              class="text-btn-error p-[4px] text-[var(--text-n1)]"
+              @click="handleFieldCopy(i)"
+            >
+              <CrmIcon type="iconicon_file_copy" :size="14" />
+            </n-button>
+          </template>
+          {{ t('common.copy') }}
+        </n-tooltip>
+        <n-tooltip :delay="300" :show-arrow="false" class="crm-form-design--composition-item-tools-tip">
+          <template #trigger>
+            <n-button
+              quaternary
+              type="error"
+              size="small"
+              class="text-btn-error p-[4px] text-[var(--text-n1)]"
+              @click="handleFieldDelete(item, i)"
+            >
+              <CrmIcon type="iconicon_delete" :size="14" />
+            </n-button>
+          </template>
+          {{ t('common.delete') }}
+        </n-tooltip>
+        <div v-if="item.resourceFieldId" class="w-[22px]"></div>
+      </template>
+      <template v-else>
+        <div class="w-[52px]"></div>
+      </template>
+      <div
+        v-if="fieldConfig.subFields.some((e) => e.id !== item.id && e.name === item.name)"
+        class="ml-[24px] w-full text-[12px] text-[var(--error-red)]"
+      >
+        {{ t('crmFormDesign.repeatFieldName') }}
+      </div>
+    </div>
+    <n-dropdown
+      trigger="click"
+      :options="fieldOptions"
+      class="crm-form-design-fields-dropdown"
+      @select="handleFieldSelect"
+    >
+      <n-button>{{ t('crmFormDesign.addSubField') }}</n-button>
+    </n-dropdown>
+  </VueDraggable>
+</template>
+
+<script setup lang="ts">
+  import { NButton, NDropdown, NInput, NTooltip } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+  import { VueDraggable } from 'vue-draggable-plus';
+
+  import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { getGenerateId } from '@lib/shared/method';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import {
+    dataSourceDefaultFieldConfig,
+    formulaDefaultFieldConfig,
+    getFieldIcon,
+    inputDefaultFieldConfig,
+    inputNumberDefaultFieldConfig,
+    pictureDefaultFieldConfig,
+    selectDefaultFieldConfig,
+    selectMultipleDefaultFieldConfig,
+  } from '@/components/business/crm-form-create/config';
+  import { FormCreateField } from '@/components/business/crm-form-create/types';
+
+  const props = defineProps<{
+    disabled?: boolean;
+  }>();
+
+  const { t } = useI18n();
+
+  const fieldConfig = defineModel<FormCreateField>('field', {
+    default: null,
+  });
+
+  const fieldOptions = [
+    inputDefaultFieldConfig,
+    inputNumberDefaultFieldConfig,
+    selectDefaultFieldConfig,
+    selectMultipleDefaultFieldConfig,
+    dataSourceDefaultFieldConfig,
+    formulaDefaultFieldConfig,
+    pictureDefaultFieldConfig,
+  ].map((field) => ({
+    ...field,
+    label: t(field.name),
+    key: field.type,
+    _icon: field.icon,
+    icon: () =>
+      h(CrmIcon, {
+        type: field.icon,
+        size: 16,
+      }),
+  }));
+
+  function handleFieldSelect(key: FieldTypeEnum) {
+    const option = fieldOptions.find((e) => e.key === key);
+    if (!option) return;
+    const newField: FormCreateField = {
+      ...option,
+      id: getGenerateId(),
+      name: option.label,
+      icon: option._icon,
+      isNew: true,
+    };
+    if (
+      [FieldTypeEnum.CHECKBOX, FieldTypeEnum.RADIO, FieldTypeEnum.SELECT, FieldTypeEnum.SELECT_MULTIPLE].includes(
+        newField.type
+      ) &&
+      newField.options?.length === 0
+    ) {
+      newField.options = [
+        {
+          label: t('crmFormDesign.option', { i: 1 }),
+          value: getGenerateId(),
+        },
+        {
+          label: t('crmFormDesign.option', { i: 2 }),
+          value: getGenerateId(),
+        },
+        {
+          label: t('crmFormDesign.option', { i: 3 }),
+          value: getGenerateId(),
+        },
+      ];
+      newField.customOptions = [...newField.options];
+    }
+    if (!fieldConfig.value.subFields) {
+      fieldConfig.value.subFields = [];
+    }
+    fieldConfig.value.subFields.push(newField);
+  }
+
+  function handleFieldDelete(item: FormCreateField, i: number) {
+    fieldConfig.value.subFields?.splice(i, 1);
+    if (item.resourceFieldId) {
+      const resourceField = fieldConfig.value.subFields?.find((field) => field.id === item.resourceFieldId);
+      if (resourceField) {
+        resourceField.showFields = resourceField.showFields?.filter((id) => id !== item.id.split('_ref_')[1]); // 数据源显示字段 id 是拼接_ref_的
+      }
+    }
+  }
+
+  function handleFieldCopy(i: number) {
+    if (fieldConfig.value.subFields) {
+      const copyItem = cloneDeep(fieldConfig.value.subFields[i]);
+      copyItem.id = getGenerateId();
+      copyItem.name += `_${t('common.copy')}`;
+      copyItem.isNew = true;
+      fieldConfig.value.subFields.splice(i + 1, 0, copyItem);
+    }
+  }
+</script>
+
+<style lang="less">
+  .crm-form-design-fields-dropdown {
+    width: 248px;
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-form-design/components/formComposition.vue b/frontend/packages/web/src/components/business/crm-form-design/components/formComposition.vue
new file mode 100644
index 0000000..157c9f5
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-design/components/formComposition.vue
@@ -0,0 +1,479 @@
+<template>
+  <n-form
+    :label-placement="props.formConfig.labelPos"
+    :require-mark-placement="props.formConfig.labelPos === 'left' ? 'left' : 'right'"
+    label-width="auto"
+    class="crm-form-design--composition"
+  >
+    <n-scrollbar x-scrollable class="p-[24px]" content-style="minWidth: 1000px">
+      <VueDraggable
+        v-model="list"
+        :animation="150"
+        ghost-class="crm-form-design--composition-item-ghost"
+        :group="{
+          name: 'crmFormDesignRender',
+          put(to, from) {
+            return typeof from.options.group !== 'string' ? from.options.group?.name === 'crmFormDesign' : false;
+          },
+        }"
+        class="crm-form-design--composition-drag-wrapper"
+        @start="onStart"
+      >
+        <template v-for="item in list" :key="item.id">
+          <div
+            v-if="item.show !== false"
+            :id="item.id"
+            class="crm-form-design--composition-item"
+            :class="activeItem?.id === item.id ? 'crm-form-design--composition-item--active' : ''"
+            :style="{ width: `${item.fieldWidth * 100}%` }"
+            @click="() => handleItemClick(item)"
+          >
+            <div
+              v-if="
+                ![FieldTypeEnum.SERIAL_NUMBER, FieldTypeEnum.SUB_PRICE, FieldTypeEnum.SUB_PRODUCT].includes(
+                  item.type
+                ) ||
+                !item.businessKey ||
+                (item.type === FieldTypeEnum.SERIAL_NUMBER && item.resourceFieldId)
+              "
+              class="crm-form-design--composition-item-tools"
+            >
+              <n-tooltip
+                v-if="![FieldTypeEnum.SERIAL_NUMBER].includes(item.type) && !item.resourceFieldId"
+                :delay="300"
+                :show-arrow="false"
+                class="crm-form-design--composition-item-tools-tip"
+              >
+                <template #trigger>
+                  <CrmIcon
+                    type="iconicon_file_copy"
+                    :size="16"
+                    class="cursor-pointer hover:text-[var(--primary-8)]"
+                    @click.stop="copyItem(item)"
+                  />
+                </template>
+                {{ t('common.copy') }}
+              </n-tooltip>
+
+              <n-tooltip
+                v-if="!item.businessKey || item.resourceFieldId"
+                :delay="300"
+                :show-arrow="false"
+                class="crm-form-design--composition-item-tools-tip"
+              >
+                <template #trigger>
+                  <CrmIcon
+                    type="iconicon_delete"
+                    :size="16"
+                    class="cursor-pointer hover:text-[var(--error-red)]"
+                    @click.stop="deleteItem(item)"
+                  />
+                </template>
+                {{ t('common.delete') }}
+              </n-tooltip>
+            </div>
+            <div v-if="props.formConfig.labelPos === 'left'" class="h-[30px]"></div>
+            <component
+              :is="getItemComponent(item.type)"
+              v-model:field="activeItem"
+              :field-config="item"
+              :path="item.id"
+              :form-config="props.formConfig"
+            />
+            <div
+              v-if="![FieldTypeEnum.SUB_PRODUCT, FieldTypeEnum.SUB_PRICE].includes(item.type)"
+              class="crm-form-design--composition-item-mask"
+            ></div>
+          </div>
+        </template>
+        <div
+          v-if="list.length === 0"
+          class="absolute col-span-4 flex h-full w-full items-center justify-center border border-dashed text-[var(--text-n4)]"
+          draggable="false"
+        >
+          {{ t('crmFormDesign.emptyTip') }}
+        </div>
+      </VueDraggable>
+    </n-scrollbar>
+    <!-- <div class="crm-form-design--composition-footer" :class="props.formConfig.optBtnPos">
+      <n-button v-if="formConfig.optBtnContent[0].enable" type="primary">
+        {{ formConfig.optBtnContent[0].text }}
+      </n-button>
+      <n-button v-if="formConfig.optBtnContent[1].enable" type="primary" ghost>
+        {{ formConfig.optBtnContent[1].text }}
+      </n-button>
+      <n-button v-if="formConfig.optBtnContent[2].enable" secondary>
+        {{ formConfig.optBtnContent[2].text }}
+      </n-button>
+      <div class="crm-form-design--composition-footer-mask"></div>
+    </div> -->
+  </n-form>
+</template>
+
+<script setup lang="ts">
+  import { NForm, NScrollbar, NTooltip } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+  import { VueDraggable } from 'vue-draggable-plus';
+
+  import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { getGenerateId } from '@lib/shared/method';
+  import { FormConfig } from '@lib/shared/models/system/module';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmFormCreateComponents from '@/components/business/crm-form-create/components';
+  import { FormCreateField } from '@/components/business/crm-form-create/types';
+  import { remapFormulaFieldIds } from '@/components/business/crm-formula-editor/parseSource/remapFormulaFieldIds';
+  import dataTable from './dataTable.vue';
+
+  import { resolveFieldId } from '../../crm-formula-editor/utils';
+
+  const props = defineProps<{
+    formConfig: FormConfig;
+  }>();
+
+  const { t } = useI18n();
+
+  const list = defineModel<FormCreateField[]>('list', {
+    required: true,
+  });
+  const activeItem = defineModel<FormCreateField | null>('field', {
+    default: null,
+  });
+
+  function onStart(e: any) {
+    activeItem.value = e.data as FormCreateField;
+  }
+
+  function handleItemClick(item: FormCreateField) {
+    activeItem.value = item;
+  }
+
+  function getItemComponent(type: FieldTypeEnum) {
+    if (type === FieldTypeEnum.INPUT) {
+      return CrmFormCreateComponents.basicComponents.singleText;
+    }
+    if (type === FieldTypeEnum.TEXTAREA) {
+      return CrmFormCreateComponents.basicComponents.textarea;
+    }
+    if (type === FieldTypeEnum.INPUT_NUMBER) {
+      return CrmFormCreateComponents.basicComponents.inputNumber;
+    }
+    if (type === FieldTypeEnum.DATE_TIME) {
+      return CrmFormCreateComponents.basicComponents.dateTime;
+    }
+    if (type === FieldTypeEnum.RADIO) {
+      return CrmFormCreateComponents.basicComponents.radio;
+    }
+    if (type === FieldTypeEnum.CHECKBOX) {
+      return CrmFormCreateComponents.basicComponents.checkbox;
+    }
+    if ([FieldTypeEnum.SELECT, FieldTypeEnum.SELECT_MULTIPLE].includes(type)) {
+      return CrmFormCreateComponents.basicComponents.select;
+    }
+    if (
+      [
+        FieldTypeEnum.MEMBER,
+        FieldTypeEnum.MEMBER_MULTIPLE,
+        FieldTypeEnum.DEPARTMENT,
+        FieldTypeEnum.DEPARTMENT_MULTIPLE,
+      ].includes(type)
+    ) {
+      return CrmFormCreateComponents.basicComponents.memberSelect;
+    }
+    if (type === FieldTypeEnum.DIVIDER) {
+      return CrmFormCreateComponents.basicComponents.divider;
+    }
+    if (type === FieldTypeEnum.INPUT_MULTIPLE) {
+      return CrmFormCreateComponents.basicComponents.tagInput;
+    }
+    if (type === FieldTypeEnum.PICTURE) {
+      return CrmFormCreateComponents.advancedComponents.upload;
+    }
+    if (type === FieldTypeEnum.LOCATION) {
+      return CrmFormCreateComponents.advancedComponents.location;
+    }
+    if (type === FieldTypeEnum.PHONE) {
+      return CrmFormCreateComponents.advancedComponents.phone;
+    }
+    if ([FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.DATA_SOURCE_MULTIPLE].includes(type)) {
+      return CrmFormCreateComponents.advancedComponents.dataSource;
+    }
+    if (type === FieldTypeEnum.SERIAL_NUMBER) {
+      return CrmFormCreateComponents.advancedComponents.serialNumber;
+    }
+    if (type === FieldTypeEnum.LINK) {
+      return CrmFormCreateComponents.advancedComponents.link;
+    }
+    if (type === FieldTypeEnum.ATTACHMENT) {
+      return CrmFormCreateComponents.advancedComponents.file;
+    }
+    if (type === FieldTypeEnum.INDUSTRY) {
+      return CrmFormCreateComponents.advancedComponents.industry;
+    }
+    if (type === FieldTypeEnum.FORMULA) {
+      return CrmFormCreateComponents.advancedComponents.formula;
+    }
+    if ([FieldTypeEnum.SUB_PRODUCT, FieldTypeEnum.SUB_PRICE].includes(type)) {
+      return dataTable;
+    }
+  }
+
+  function addItem(item: FormCreateField) {
+    const res: FormCreateField = {
+      ...cloneDeep(item),
+      id: getGenerateId(),
+      name: t(item.name),
+      isNew: true,
+    };
+    if (
+      [FieldTypeEnum.CHECKBOX, FieldTypeEnum.RADIO, FieldTypeEnum.SELECT, FieldTypeEnum.SELECT_MULTIPLE].includes(
+        item.type
+      )
+    ) {
+      res.options = [
+        {
+          label: t('crmFormDesign.option', { i: 1 }),
+          value: getGenerateId(),
+        },
+        {
+          label: t('crmFormDesign.option', { i: 2 }),
+          value: getGenerateId(),
+        },
+        {
+          label: t('crmFormDesign.option', { i: 3 }),
+          value: getGenerateId(),
+        },
+      ];
+      res.customOptions = [...res.options];
+    }
+    list.value.push(res);
+    activeItem.value = res;
+    nextTick(() => {
+      const el = document.getElementById(res.id);
+      if (el) {
+        el.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
+      }
+    });
+  }
+
+  function copyItem(item: FormCreateField) {
+    const res: FormCreateField = {
+      ...cloneDeep(item),
+      id: getGenerateId(),
+      internalKey: undefined,
+      businessKey: undefined,
+      disabledProps: [],
+      isNew: true,
+    };
+    const dataSourceHasShowFieldItems: FormCreateField[] = [];
+    const subFieldIdMap: Record<string, string> = {};
+    const isCopySubTable = [FieldTypeEnum.SUB_PRICE, FieldTypeEnum.SUB_PRODUCT].includes(item.type);
+    const oldSubFields = isCopySubTable ? cloneDeep(res.subFields || []) : [];
+
+    if (
+      [FieldTypeEnum.CHECKBOX, FieldTypeEnum.RADIO, FieldTypeEnum.SELECT].includes(item.type) &&
+      item.options?.length === 0
+    ) {
+      res.options = [
+        {
+          label: t('crmFormDesign.option', { i: 1 }),
+          value: getGenerateId(),
+        },
+        {
+          label: t('crmFormDesign.option', { i: 2 }),
+          value: getGenerateId(),
+        },
+        {
+          label: t('crmFormDesign.option', { i: 3 }),
+          value: getGenerateId(),
+        },
+      ];
+      res.customOptions = [...res.options];
+    } else if (isCopySubTable) {
+      res.subFields = res.subFields?.map((e) => {
+        const nextId = e.resourceFieldId ? e.id : getGenerateId();
+
+        const newItem = {
+          ...cloneDeep(e),
+          id: nextId,
+          internalKey: undefined,
+          businessKey: undefined,
+          disabledProps: [],
+          isNew: true,
+        };
+        if (res.sumColumns?.includes(e.id)) {
+          res.sumColumns = res.sumColumns?.filter((id) => id !== e.id).concat(newItem.id); // 如果原来有配置合计字段，复制后替换成新的字段 id
+        }
+        if ([FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.DATA_SOURCE_MULTIPLE].includes(e.type) && e.showFields?.length) {
+          dataSourceHasShowFieldItems.push(newItem);
+        }
+        return newItem;
+      });
+    }
+
+    // 子表格重置一下数据源显示字段父级 id
+    dataSourceHasShowFieldItems.forEach((d) => {
+      d.showFields?.forEach((dId) => {
+        const newDatasourceShowField = res.subFields?.find((e) => e.id.includes(dId));
+        if (newDatasourceShowField) {
+          if (res.sumColumns?.includes(newDatasourceShowField.id)) {
+            res.sumColumns = res.sumColumns
+              ?.filter((id) => id !== newDatasourceShowField.id)
+              .concat(`${d.id}_ref_${newDatasourceShowField.id.split('_ref_')[1]}`); // 如果原来有配置合计字段，复制后替换成新的字段 id
+          }
+          newDatasourceShowField.id = `${d.id}_ref_${newDatasourceShowField.id.split('_ref_')[1]}`;
+          newDatasourceShowField.resourceFieldId = d.id;
+        }
+      });
+    });
+
+    if (isCopySubTable) {
+      oldSubFields.forEach((oldSubField, index) => {
+        const nextSubField = res.subFields?.[index];
+        if (!nextSubField) {
+          return;
+        }
+        subFieldIdMap[resolveFieldId(oldSubField, true)] = resolveFieldId(nextSubField, true);
+      });
+
+      res.subFields = res.subFields?.map((subField) => {
+        if (subField.type !== FieldTypeEnum.FORMULA || !subField.formula) {
+          return subField;
+        }
+
+        return {
+          ...subField,
+          formula: remapFormulaFieldIds(subField.formula, subFieldIdMap, res.subFields || []),
+        };
+      });
+    }
+
+    list.value.push(res);
+    activeItem.value = res;
+    nextTick(() => {
+      const el = document.getElementById(res.id);
+      if (el) {
+        el.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
+      }
+    });
+  }
+
+  function deleteItem(item: FormCreateField) {
+    let newList = list.value.filter((e) => e.id !== item.id);
+    if (activeItem.value?.id === item.id) {
+      activeItem.value = null;
+    }
+    if (item.type === FieldTypeEnum.DATA_SOURCE && item.showFields?.length) {
+      // 删除字段时，同时删除数据源字段关联的显示字段
+      newList = newList.filter(
+        (e) =>
+          !item.showFields?.some((id) => {
+            return id === e.id || id === e.id.split('_ref_')[1]; // 数据源显示字段 id 是拼接_ref_的
+          })
+      );
+    }
+    if (item.resourceFieldId) {
+      // 删除引用的数据源字段时，同时删除数据源配置的字段 id
+      const relatedField = list.value.find((e) => e.id === item.resourceFieldId);
+      if (relatedField && relatedField.showFields) {
+        relatedField.showFields = relatedField.showFields.filter((id) => id !== item.id.split('_ref_')[1]); // 数据源显示字段 id 是拼接_ref_的
+      }
+    }
+    if (
+      [FieldTypeEnum.SUB_PRICE, FieldTypeEnum.SUB_PRODUCT].includes(item.type) &&
+      item.subFields?.some((e) => e.id === activeItem.value?.id)
+    ) {
+      activeItem.value = null;
+    }
+    list.value = newList;
+  }
+
+  defineExpose({
+    addItem,
+  });
+</script>
+
+<style lang="less">
+  .crm-form-design--composition {
+    @apply relative flex h-full flex-col;
+    .crm-form-design--composition-drag-wrapper {
+      @apply flex h-full w-full flex-wrap content-start;
+
+      border-radius: var(--border-radius-small);
+      .crm-form-design--composition-item {
+        @apply relative cursor-move self-start;
+
+        padding: 16px;
+        border: 1px solid transparent;
+        border-radius: var(--border-radius-small);
+        transition: width 0.3s;
+        &:hover {
+          background-color: var(--text-n9);
+          .crm-form-design--composition-item-tools {
+            @apply visible;
+          }
+        }
+        .crm-form-design--composition-item-tools {
+          @apply invisible absolute z-20 flex items-center;
+
+          top: 16px;
+          right: 16px;
+          padding: 3px 4px;
+          border: 1px solid var(--text-n7);
+          border-radius: var(--border-radius-small);
+          background-color: var(--text-n10);
+          gap: 8px;
+        }
+        .n-form-item-label {
+          @apply cursor-move items-center;
+
+          margin-bottom: 4px;
+          padding-bottom: 0;
+          .n-form-item-label__text {
+            @apply overflow-hidden;
+          }
+        }
+        .n-form-item-feedback-wrapper {
+          @apply hidden;
+        }
+        .crm-form-design--composition-item-mask {
+          @apply absolute bottom-0 left-0 right-0 top-0 z-10 cursor-move bg-transparent;
+        }
+      }
+      .crm-form-design--composition-item--active {
+        border: 1px solid var(--primary-8);
+        background-color: var(--primary-7);
+        .crm-form-design--composition-item-tools {
+          @apply visible;
+        }
+      }
+      .crm-form-design--composition-item-ghost {
+        @apply flex items-center;
+
+        padding: 16px;
+        width: 100%;
+        border: 1px solid var(--primary-8);
+        border-radius: var(--border-radius-small);
+        background-color: var(--primary-7);
+        gap: 8px;
+        line-height: 22px;
+      }
+    }
+    // .crm-form-design--composition-footer {
+    //   @apply relative flex w-full;
+
+    //   padding: 12px 0;
+    //   border-top: 1px solid var(--text-n8);
+    //   gap: 8px;
+    //   .crm-form-design--composition-footer-mask {
+    //     @apply absolute bottom-0 left-0 right-0 top-0 z-10 bg-transparent;
+    //   }
+    // }
+  }
+  .crm-form-design--composition-item-tools-tip {
+    padding: 0 4px !important;
+    font-size: 12px;
+    line-height: 20px;
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-form-design/index.vue b/frontend/packages/web/src/components/business/crm-form-design/index.vue
new file mode 100644
index 0000000..e1848ad
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-design/index.vue
@@ -0,0 +1,101 @@
+<template>
+  <n-scrollbar x-scrollable content-class="flex h-full !w-full bg-[var(--text-n9)]" content-style="min-width: 800px">
+    <div class="crm-form-design--left">
+      <fieldComponents :field-list="list" :formKey="formKey" @select="handleFieldSelect" />
+    </div>
+    <div class="crm-form-design--center">
+      <div class="crm-form-design--center-content">
+        <formComposition ref="formCompositionRef" v-model:list="list" v-model:field="field" :form-config="formConfig" />
+      </div>
+    </div>
+    <div class="crm-form-design--right">
+      <formAttrConfig
+        v-model:field="field"
+        v-model:field-list="list"
+        :form-config="formConfig"
+        :form-key="props.formKey"
+      />
+    </div>
+  </n-scrollbar>
+</template>
+
+<script setup lang="ts">
+  import { NScrollbar } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { FormConfig } from '@lib/shared/models/system/module';
+
+  import fieldComponents from './components/fieldComponents.vue';
+  import formAttrConfig from './components/formAttrConfig/index.vue';
+  import formComposition from './components/formComposition.vue';
+
+  import { rules } from '../crm-form-create/config';
+  import { FormCreateField, FormCreateFieldRule } from '../crm-form-create/types';
+
+  const props = defineProps<{
+    formKey: FormDesignKeyEnum;
+  }>();
+
+  const list = defineModel<FormCreateField[]>('fieldList', {
+    required: true,
+  });
+  const formConfig = defineModel<FormConfig>('formConfig', {
+    required: true,
+  });
+
+  const field = ref<FormCreateField>();
+  const formCompositionRef = ref<InstanceType<typeof formComposition>>();
+
+  function handleFieldSelect(item: FormCreateField) {
+    formCompositionRef.value?.addItem(item);
+  }
+
+  watch(
+    () => list.value,
+    () => {
+      list.value.forEach((item) => {
+        const fullRules: FormCreateFieldRule[] = [];
+        (item.rules || []).forEach((rule) => {
+          // 遍历规则集合，将全量的规则配置载入
+          const staticRule = cloneDeep(rules.find((e) => e.key === rule.key));
+          if (staticRule) {
+            staticRule.regex = rule.regex; // 正则表达式(目前没有)是配置到后台存储的，需要读取
+            fullRules.push(staticRule);
+          }
+        });
+        item.rules = fullRules;
+      });
+    },
+    { immediate: true }
+  );
+
+  function setActiveField(item: FormCreateField) {
+    field.value = item;
+  }
+
+  defineExpose({
+    setActiveField,
+  });
+</script>
+
+<style lang="less" scoped>
+  .crm-form-design--left,
+  .crm-form-design--right {
+    @apply h-full overflow-hidden;
+
+    width: 280px;
+    background-color: var(--text-n10);
+  }
+  .crm-form-design--center {
+    @apply h-full flex-1 overflow-hidden bg-transparent;
+
+    padding: 16px;
+    .crm-form-design--center-content {
+      @apply h-full;
+
+      border-radius: var(--border-radius-small);
+      background-color: var(--text-n10);
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-form-design/locale/en-US.ts b/frontend/packages/web/src/components/business/crm-form-design/locale/en-US.ts
new file mode 100644
index 0000000..6271792
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-design/locale/en-US.ts
@@ -0,0 +1,268 @@
+export default {
+  'crmFormDesign.basicField': 'Basic Field',
+  'crmFormDesign.advancedField': 'Advanced Field',
+  'crmFormDesign.input': 'Single Line Text',
+  'crmFormDesign.textarea': 'Multi Line Text',
+  'crmFormDesign.inputNumber': 'Number',
+  'crmFormDesign.dateTime': 'Date Time',
+  'crmFormDesign.radio': 'Radio',
+  'crmFormDesign.checkbox': 'Checkbox',
+  'crmFormDesign.select': 'Dropdown Single Select',
+  'crmFormDesign.selectMultiple': 'Dropdown Multi Select',
+  'crmFormDesign.memberSelect': 'Member Single Select',
+  'crmFormDesign.memberSelectMultiple': 'Member Multi Select',
+  'crmFormDesign.departmentSelect': 'Department Single Select',
+  'crmFormDesign.departmentSelectMultiple': 'Department Multi Select',
+  'crmFormDesign.divider': 'Divider',
+  'crmFormDesign.picture': 'Picture',
+  'crmFormDesign.location': 'Address',
+  'crmFormDesign.phone': 'Phone',
+  'crmFormDesign.phone.area.china': 'China',
+  'crmFormDesign.phone.area.hongKong': 'Hong Kong, China',
+  'crmFormDesign.phone.area.macau': 'Macau, China',
+  'crmFormDesign.phone.area.taiwan': 'Taiwan, China',
+  'crmFormDesign.phone.area.other': 'Other',
+  'crmFormDesign.phone.lengthValidator': 'Please enter the {count} digit phone number',
+  'crmFormDesign.phone.formatValidator': 'Please enter the phone number in the correct format',
+  'crmFormDesign.emptyTip': 'Drag or click from the left to add fields',
+  'crmFormDesign.option': 'Option {i}',
+  'crmFormDesign.fieldConfig': 'Field Properties',
+  'crmFormDesign.fieldTitle': 'Field Title',
+  'crmFormDesign.showTitle': 'Show Title',
+  'crmFormDesign.desc': 'Description',
+  'crmFormDesign.placeholder': 'Input Placeholder Text',
+  'crmFormDesign.placeholderTip': 'Up to 56 characters; leave blank if not needed',
+  'crmFormDesign.defaultValue': 'Default Value',
+  'crmFormDesign.format': 'Format',
+  'crmFormDesign.number': 'Number',
+  'crmFormDesign.saveFloat': 'Keep Decimal Places',
+  'crmFormDesign.showThousandSeparator': 'Show Thousand Separator',
+  'crmFormDesign.percent': 'Percentage',
+  'crmFormDesign.validator': 'Validation',
+  'crmFormDesign.required': 'Required',
+  'crmFormDesign.onlyOne': 'No Duplicate Values Allowed',
+  'crmFormDesign.fieldPermission': 'Field Permissions',
+  'crmFormDesign.readable': 'Visible',
+  'crmFormDesign.editable': 'Editable',
+  'crmFormDesign.fieldWidth': 'Field Width',
+  'crmFormDesign.monthType': 'Year-Month',
+  'crmFormDesign.dayType': 'Year-Month-Day',
+  'crmFormDesign.timeType': 'Year-Month-Day Hour:Minute:Second',
+  'crmFormDesign.selectType': 'Selection Type',
+  'crmFormDesign.single': 'Single Select',
+  'crmFormDesign.multiple': 'Multi Select',
+  'crmFormDesign.addOption': 'Add Option',
+  'crmFormDesign.addOptionOther': 'Add Other',
+  'crmFormDesign.optionOther': 'Other',
+  'crmFormDesign.batchEdit': 'Batch Edit',
+  'crmFormDesign.batchEditTip': 'Each line corresponds to one option, press Enter for a new line',
+  'crmFormDesign.direction': 'Distribution',
+  'crmFormDesign.verticalSort': 'Vertical',
+  'crmFormDesign.horizontalSort': 'Horizontal',
+  'crmFormDesign.fieldConfigEmptyTip': 'Select a field to configure its properties',
+  'crmFormDesign.selectMember': 'Select Member',
+  'crmFormDesign.selectDepartment': 'Select Department',
+  'crmFormDesign.loginUser': 'Current User',
+  'crmFormDesign.loginUserDept': 'Current User’s Department',
+  'crmFormDesign.style': 'Style',
+  'crmFormDesign.dividerColor': 'Divider Color',
+  'crmFormDesign.titleColor': 'Title Color',
+  'crmFormDesign.dividerDescDemo': 'This is the field description',
+  'crmFormDesign.pictureShowType': 'Picture Display',
+  'crmFormDesign.pictureLimit': 'Upload Limit',
+  'crmFormDesign.pictureLimitDesc':
+    'The system defaults to a maximum of 10 pictures and a maximum size of 20MB per picture',
+  'crmFormDesign.pictureNumLimit': 'Max Number',
+  'crmFormDesign.pictureNumUnit': 'Pictures',
+  'crmFormDesign.pictureSizeLimit': 'Max Size per Picture',
+  'crmFormDesign.pictureSizeLimitTip': 'Only supports integers between 0MB and 20MB',
+  'crmFormDesign.card': 'Card',
+  'crmFormDesign.list': 'List',
+  'crmFormDesign.C': 'Country',
+  'crmFormDesign.P': 'Country-Province',
+  'crmFormDesign.PC': 'Country-Province-City',
+  'crmFormDesign.PCD': 'Country-Province-City-District',
+  'crmFormDesign.PCDDetail': 'Country-Province-City-District-Detailed Address',
+  'crmFormDesign.cn.P': 'Province',
+  'crmFormDesign.cn.PC': 'Province-City',
+  'crmFormDesign.cn.PCD': 'Province-City-District',
+  'crmFormDesign.cn.PCDDetail': 'Province-City-District-Detailed Address',
+  'crmFormDesign.dataSourceSingle': 'Data Single Select',
+  'crmFormDesign.dataSourceMultiple': 'Data Multi Select',
+  'crmFormDesign.dataSource': 'Data Source',
+  'crmFormDesign.dataSourceTableDisplayField': 'Data Source list Display Field',
+  'crmFormDesign.dataSourceTableDisplayFieldShow': 'Show',
+  'crmFormDesign.dataSourceTableDisplayFieldCount': 'count fields',
+  'crmFormDesign.dataSourceFilter': 'Data Filter',
+  'crmFormDesign.dataSourceFilterSetting': 'Set Filter Conditions',
+  'crmFormDesign.dataSourceFilterValuePlaceholder': 'Please select the current form field',
+  'crmFormDesign.dataSourceFilterMatchingFields': 'Matching Field',
+  'crmFormDesign.dataSourceFilterMatchingValue': 'Matching Value',
+  'crmFormDesign.dataSourceFilterDataIndexPlaceholder': 'Please select {type} form field',
+  'crmFormDesign.dataSourceFilterTip':
+    'After adding filter conditions, only data that meets the conditions will be displayed',
+  'crmFormDesign.dataSourceDisplayField': 'Display Field',
+  'crmFormDesign.dataSourceFilterSetTip': '{count} filters set',
+  'crmFormDesign.showFieldCount': '{count} display fields set',
+  'crmFormDesign.serialNumber': 'Serial Number',
+  'crmFormDesign.selectDataSource': 'Select {type}',
+  'crmFormDesign.customer': 'Account',
+  'crmFormDesign.contact': 'Contact',
+  'crmFormDesign.opportunity': 'Opportunity',
+  'crmFormDesign.product': 'Product',
+  'crmFormDesign.clue': 'Lead',
+  'crmFormDesign.plan': 'Follow-up Plan',
+  'crmFormDesign.showRule': 'Visibility Rule',
+  'crmFormDesign.showRuleCount': 'Set {count} Visibility Rules',
+  'crmFormDesign.showRuleSetting': 'Set Visibility Rule',
+  'crmFormDesign.choice': 'Choice',
+  'crmFormDesign.show': 'Show',
+  'crmFormDesign.addRule': 'Add Rule',
+  'crmFormDesign.formConfig': 'Form Properties',
+  'crmFormDesign.formLayout': 'Form Layout',
+  'crmFormDesign.formLayout1': '1 C',
+  'crmFormDesign.formLayout2': '2 C',
+  'crmFormDesign.formLayout3': '3 C',
+  'crmFormDesign.formLayout4': '4 C',
+  'crmFormDesign.formLabelPosition': 'Field Title Position',
+  'crmFormDesign.vertical': 'Vertical',
+  'crmFormDesign.horizontal': 'Horizontal',
+  'crmFormDesign.inputWidth': 'Input Width',
+  'crmFormDesign.inputWidthTip': 'Fixed width when customized, full width when occupying the entire row',
+  'crmFormDesign.wholeLine': 'Full',
+  'crmFormDesign.formActionButton': 'Form Action Buttons',
+  'crmFormDesign.formActionButtonPosition': 'Form Action Button Position',
+  'crmFormDesign.serialNumberRule': 'Serial Number Rule',
+  'crmFormDesign.serialNumberRuleTip': 'Changing the rules will reset the count',
+  'crmFormDesign.serialNumberRuleAutoCountTip': '{number} digits, not automatically reset',
+  'crmFormDesign.fixedChar': 'Fixed Character',
+  'crmFormDesign.submitDate': 'Submission Date',
+  'crmFormDesign.autoCount': 'Auto Count',
+  'crmFormDesign.custom': 'Custom',
+  'crmFormDesign.currentTime': 'Current Time',
+  'crmFormDesign.formLink': 'Form linkage',
+  'crmFormDesign.formLinkSetting': '{formType} Form Linkage Settings',
+  'crmFormDesign.linkForm': 'Linked Form',
+  'crmFormDesign.fill': 'Fill',
+  'crmFormDesign.fillValue': 'Value',
+  'crmFormDesign.currentForm': 'Current Form',
+  'crmFormDesign.addLink': 'Add Linkage',
+  'crmFormDesign.fieldNotExist': 'Field does not exist',
+  'crmFormDesign.linkSettingTip': '{count} scenarios set',
+  'crmFormDesign.linkSettingFieldTip': '{count} fields set',
+  'crmFormDesign.linkSettingClearTip': 'Are you sure you want to clear the form linkage?',
+  'crmFormDesign.linkSettingClearTipContent': 'After clearing, the form will no longer display linked values',
+  'crmFormDesign.repeatFieldName': 'A field with the same name already exists, please re-enter',
+  'crmFormDesign.repeatOptionName': 'An option with the same name already exists, please re-enter',
+  'crmFormDesign.fieldLink': 'Field Linkage',
+  'crmFormDesign.fieldLinkSetting': 'Field Linkage Settings',
+  'crmFormDesign.linkField': 'Linked Field',
+  'crmFormDesign.currentFieldValue': 'Current Field Value',
+  'crmFormDesign.linkFieldValue': 'Linked Field Value',
+  'crmFormDesign.linkMethod': 'Linkage Method',
+  'crmFormDesign.autoSelect': 'Automatic Selection',
+  'crmFormDesign.rangeLimit': 'Limit Selectable Range',
+  'crmFormDesign.linkFieldSettingClearTip': 'Are you sure you want to clear the field linkage?',
+  'crmFormDesign.linkFieldSettingClearTipContent': 'After clearing, the field will no longer display linked values',
+  'crmFormDesign.mobile': 'Mobile',
+  'crmFormDesign.viewSize': 'Form View',
+  'crmFormDesign.small': 'Small',
+  'crmFormDesign.medium': 'Medium',
+  'crmFormDesign.large': 'Large',
+  'crmFormDesign.userInput': 'User Input',
+  'crmFormDesign.linkSource': 'Link Source',
+  'crmFormDesign.openMode': 'Open Mode',
+  'crmFormDesign.openInCurrent': 'Current Window',
+  'crmFormDesign.openInNew': 'New Window',
+  'crmFormDesign.fileUploadConfig': 'File Upload Configuration',
+  'crmFormDesign.onlyOneFile': 'Only one file is allowed to upload',
+  'crmFormDesign.acceptFileType': 'Limit file format',
+  'crmFormDesign.limitSize': 'Limit single file size',
+  'crmFormDesign.file': 'File',
+  'crmFormDesign.acceptFileTypePlaceholder': 'Enter file extensions, separated by commas',
+  'crmFormDesign.acceptFileTypeTip': 'For example: .jpg,.png,.pdf',
+  'crmFormDesign.onlyFull': 'Only full-width is supported',
+  'crmFormDesign.none': 'none',
+  'crmFormDesign.onlyOneFileTip': 'If not checked, the maximum limit is 10 attachments',
+  'crmFormDesign.industry': 'Industry',
+  'crmFormDesign.onlyPlan': 'Plan',
+  'crmFormDesign.calculation': 'Calculation',
+  'crmFormDesign.formula': 'Formula',
+  'crmFormDesign.formulaTooltip': 'Calculation method not set, please contact the administrator',
+  'crmFormDesign.formulaFieldChanged':
+    'Formula field has been modified not exist, please contact the administrator to update the formula!',
+  'crmFormDesign.formulaSetting': 'Formula Settings',
+  'crmFormDesign.formulaEquals': 'Formula =',
+  'crmFormDesign.formulaPricing': 'Price',
+  'crmFormDesign.formulaDiscount': 'Discount',
+  'crmFormDesign.formulaPlaceholder':
+    'Select the fields and functions below to configure the calculation formula. For example:',
+  'crmFormDesign.formulaHasBeenSet': 'Formula set',
+  'crmFormDesign.formulaByNameSearchPlaceholder': 'Search by field name',
+  'crmFormDesign.formulaFunction': 'Common Functions',
+  'crmFormDesign.formulaUsage': 'Function Usage',
+  'crmFormDesign.formulaUsageMethods': 'Usage',
+  'crmFormDesign.formulaExampleEndTime': 'End Date',
+  'crmFormDesign.formulaExampleStartTime': 'Start Date',
+  'crmFormDesign.formulaSelectUsageTip': 'Please select a function from the left',
+  'crmFormDesign.formulaSUMDescription': 'Sum',
+  'crmFormDesign.formulaDAYSDescription': 'Calculate the difference in days between two dates',
+  'crmFormDesign.formulaCONCATENATEDescription': 'Combines multiple texts into a single text',
+  'crmFormDesign.formulaTEXTDescription': 'Numeric, date, time, to the text in the specified format',
+  'crmFormDesign.formulaIFSDescription':
+    'In order to check multiple conditions, and returns the first meet the conditions of the corresponding results',
+  'crmFormDesign.formulaTODAYDescription': 'Return current system date (excluding time)',
+  'crmFormDesign.formulaNOWDescription': 'Returns the current system date and time (time stamp)',
+  'crmFormDesign.formulaANDDescription':
+    'Check if multiple conditions are met simultaneously. If all are met, return TRUE; otherwise, return FALSE',
+  'crmFormDesign.amount': 'Amount',
+  'crmFormDesign.CLUE_TO_CUSTOMER': 'Lead to Account',
+  'crmFormDesign.CLUE_TO_OPPORTUNITY': 'Lead to Opportunity',
+  'crmFormDesign.CUSTOMER_TO_OPPORTUNITY': 'Account to Opportunity',
+  'crmFormDesign.CLUE_TO_RECORD': 'Write Record',
+  'crmFormDesign.CUSTOMER_TO_RECORD': 'Write Record',
+  'crmFormDesign.OPPORTUNITY_TO_RECORD': 'Write Record',
+  'crmFormDesign.PLAN_TO_RECORD': 'Plan to Record',
+  'crmFormDesign.CONTRACT_TO_INVOICE': 'Add Invoice',
+  'crmFormDesign.CLUE_TO_CONTACT': 'Lead to Contact',
+  'crmFormDesign.CONTRACT_TO_ORDER': 'Create Order',
+  'crmFormDesign.tip.CLUE_TO_CUSTOMER':
+    'When converting a lead to an account, fill the lead form field content into the account form field',
+  'crmFormDesign.tip.CLUE_TO_OPPORTUNITY':
+    'When converting a lead to an opportunity, fill the lead form fields into the opportunity form fields',
+  'crmFormDesign.tip.CUSTOMER_TO_OPPORTUNITY':
+    'When creating an opportunity in the account details, fill the account form fields into the opportunity form fields',
+  'crmFormDesign.tip.CLUE_TO_RECORD':
+    'When writing follow-up records in the lead module, fill the lead form field content into the record form fields',
+  'crmFormDesign.tip.CUSTOMER_TO_RECORD':
+    'When writing follow-up records in the account module, fill the account form field content into the record form fields',
+  'crmFormDesign.tip.OPPORTUNITY_TO_RECORD':
+    'When writing follow-up records in the opportunity module, fill the opportunity form field content into the record form fields',
+  'crmFormDesign.tip.PLAN_TO_RECORD':
+    'When performing plan to record operations, fill the plan form field content into the record form fields',
+  'crmFormDesign.tip.CONTRACT_TO_INVOICE':
+    'When creating an invoice in the contract details, fill the contract form fields into the invoice form fields',
+  'crmFormDesign.tip.CLUE_TO_CONTACT':
+    'When converting a lead to a contact, fill the lead form field content into the contact form fields. Note: The customer name field in the contact form is filled by system logic, please do not configure it!',
+  'crmFormDesign.tip.CONTRACT_TO_ORDER':
+    'When creating an order in the contract details, fill the contract form fields into the order form fields',
+  'crmFormDesign.productTable': 'Product Table',
+  'crmFormDesign.quotationTable': 'Quotation Table',
+  'crmFormDesign.sum': 'Sum',
+  'crmFormDesign.fixedCol': 'Fixed Column',
+  'crmFormDesign.fixedColNum': 'Fixed',
+  'crmFormDesign.fixedCols': 'Columns',
+  'crmFormDesign.subTableField': 'Table Field',
+  'crmFormDesign.addSubField': 'Add Subfield',
+  'crmFormDesign.quotingData': 'Reference other forms',
+  'crmFormDesign.currentFormField': 'Current Form Field',
+  'crmFormDesign.contract': 'Contract',
+  'crmFormDesign.form': 'Form',
+  'crmFormDesign.subForm': 'Sub Form',
+  'crmFormDesign.currentSubFormField': 'Current Sub Form Field',
+  'crmFormDesign.linkSubFormField': 'Linked Sub Form Field',
+  'crmFormDesign.addFieldLink': 'Add Field Linkage',
+  'crmFormDesign.subFormUnConfig': '{name} field linkage not configured!',
+  'crmFormDesign.onlyInChina': 'Only in China',
+  'crmFormDesign.allCountries': 'all countries',
+};
diff --git a/frontend/packages/web/src/components/business/crm-form-design/locale/zh-CN.ts b/frontend/packages/web/src/components/business/crm-form-design/locale/zh-CN.ts
new file mode 100644
index 0000000..51c211f
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-design/locale/zh-CN.ts
@@ -0,0 +1,252 @@
+export default {
+  'crmFormDesign.basicField': '基础字段',
+  'crmFormDesign.advancedField': '高级字段',
+  'crmFormDesign.input': '单行文本',
+  'crmFormDesign.textarea': '多行文本',
+  'crmFormDesign.inputNumber': '数字',
+  'crmFormDesign.dateTime': '日期时间',
+  'crmFormDesign.radio': '单选',
+  'crmFormDesign.checkbox': '多选',
+  'crmFormDesign.select': '下拉单选',
+  'crmFormDesign.selectMultiple': '下拉多选',
+  'crmFormDesign.memberSelect': '成员单选',
+  'crmFormDesign.memberSelectMultiple': '成员多选',
+  'crmFormDesign.departmentSelect': '部门单选',
+  'crmFormDesign.departmentSelectMultiple': '部门多选',
+  'crmFormDesign.divider': '分割线',
+  'crmFormDesign.picture': '图片',
+  'crmFormDesign.location': '地址',
+  'crmFormDesign.phone': '手机',
+  'crmFormDesign.phone.area.china': '中国',
+  'crmFormDesign.phone.area.hongKong': '中国香港',
+  'crmFormDesign.phone.area.macau': '中国澳门',
+  'crmFormDesign.phone.area.taiwan': '中国台湾',
+  'crmFormDesign.phone.area.other': '其它',
+  'crmFormDesign.phone.lengthValidator': '请输入 {count} 位手机号',
+  'crmFormDesign.phone.formatValidator': '请输入正确格式的手机号',
+  'crmFormDesign.emptyTip': '从左侧 拖拽 或 点击 添加字段',
+  'crmFormDesign.option': '选项 {i}',
+  'crmFormDesign.fieldConfig': '字段属性',
+  'crmFormDesign.fieldTitle': '字段标题',
+  'crmFormDesign.showTitle': '显示标题',
+  'crmFormDesign.desc': '描述信息',
+  'crmFormDesign.placeholder': '输入提示文字',
+  'crmFormDesign.placeholderTip': '最多可输入 56 个字符；若不需要，可清空',
+  'crmFormDesign.defaultValue': '默认值',
+  'crmFormDesign.format': '格式',
+  'crmFormDesign.number': '数值',
+  'crmFormDesign.saveFloat': '保留小数点位',
+  'crmFormDesign.showThousandSeparator': '显示千分符',
+  'crmFormDesign.percent': '百分比',
+  'crmFormDesign.validator': '校验',
+  'crmFormDesign.required': '必填',
+  'crmFormDesign.onlyOne': '不允许重复值',
+  'crmFormDesign.fieldPermission': '字段权限',
+  'crmFormDesign.readable': '可见',
+  'crmFormDesign.editable': '可编辑',
+  'crmFormDesign.fieldWidth': '字段宽度',
+  'crmFormDesign.monthType': '年-月',
+  'crmFormDesign.dayType': '年-月-日',
+  'crmFormDesign.timeType': '年-月-日 时:分:秒',
+  'crmFormDesign.selectType': '选择方式',
+  'crmFormDesign.single': '单选',
+  'crmFormDesign.multiple': '多选',
+  'crmFormDesign.addOption': '添加选项',
+  'crmFormDesign.addOptionOther': '添加其他',
+  'crmFormDesign.optionOther': '其他',
+  'crmFormDesign.batchEdit': '批量编辑',
+  'crmFormDesign.batchEditTip': '每行对应 1 个选项，回车换行',
+  'crmFormDesign.direction': '分布方式',
+  'crmFormDesign.verticalSort': '纵向排列',
+  'crmFormDesign.horizontalSort': '横向排列',
+  'crmFormDesign.fieldConfigEmptyTip': '选中字段后，可以配置字段属性',
+  'crmFormDesign.selectMember': '选择成员',
+  'crmFormDesign.selectDepartment': '选择部门',
+  'crmFormDesign.loginUser': '当前用户',
+  'crmFormDesign.loginUserDept': '当前用户所处部门',
+  'crmFormDesign.style': '样式',
+  'crmFormDesign.dividerColor': '分割线颜色',
+  'crmFormDesign.titleColor': '标题颜色',
+  'crmFormDesign.dividerDescDemo': '这里是字段描述信息',
+  'crmFormDesign.pictureShowType': '图片显示',
+  'crmFormDesign.pictureLimit': '上传限制',
+  'crmFormDesign.pictureLimitDesc': '系统默认图片上传数量上限为10个，单个图片大小上限为20MB',
+  'crmFormDesign.pictureNumLimit': '数量上限',
+  'crmFormDesign.pictureNumUnit': '张',
+  'crmFormDesign.pictureSizeLimit': '单个图片大小上限',
+  'crmFormDesign.pictureSizeLimitTip': '仅支持上传 0MB-20MB 之间的任意整数',
+  'crmFormDesign.card': '卡片',
+  'crmFormDesign.list': '列表',
+  'crmFormDesign.C': '国家',
+  'crmFormDesign.P': '国家-省',
+  'crmFormDesign.PC': '国家-省-市',
+  'crmFormDesign.PCD': '国家-省-市-区',
+  'crmFormDesign.PCDDetail': '国家-省-市-区-详细地址',
+  'crmFormDesign.cn.P': '省',
+  'crmFormDesign.cn.PC': '省-市',
+  'crmFormDesign.cn.PCD': '省-市-区',
+  'crmFormDesign.cn.PCDDetail': '省-市-区-详细地址',
+  'crmFormDesign.dataSourceSingle': '数据单选',
+  'crmFormDesign.dataSourceMultiple': '数据多选',
+  'crmFormDesign.dataSource': '数据源',
+  'crmFormDesign.dataSourceTableDisplayField': '数据源列表显示字段',
+  'crmFormDesign.dataSourceTableDisplayFieldShow': '显示',
+  'crmFormDesign.dataSourceTableDisplayFieldCount': '个字段',
+  'crmFormDesign.dataSourceFilter': '数据过滤',
+  'crmFormDesign.dataSourceFilterSetting': '设置过滤条件',
+  'crmFormDesign.dataSourceFilterValuePlaceholder': '请选择当前表单字段',
+  'crmFormDesign.dataSourceFilterMatchingFields': '匹配字段',
+  'crmFormDesign.dataSourceFilterMatchingValue': '匹配值',
+  'crmFormDesign.dataSourceFilterDataIndexPlaceholder': '请选择{type}表单字段',
+  'crmFormDesign.dataSourceFilterTip': '添加过滤条件后，仅展示符合条件的数据',
+  'crmFormDesign.dataSourceFilterSetTip': '已设置 {count} 条过滤',
+  'crmFormDesign.dataSourceDisplayField': '显示字段',
+  'crmFormDesign.showFieldCount': '已设置 {count} 个显示字段',
+  'crmFormDesign.serialNumber': '流水号',
+  'crmFormDesign.selectDataSource': '选择{type}',
+  'crmFormDesign.customer': '客户',
+  'crmFormDesign.contact': '联系人',
+  'crmFormDesign.opportunity': '商机',
+  'crmFormDesign.product': '产品',
+  'crmFormDesign.clue': '线索',
+  'crmFormDesign.plan': '跟进计划',
+  'crmFormDesign.showRule': '显隐规则',
+  'crmFormDesign.showRuleCount': '已设置{count}条显隐规则',
+  'crmFormDesign.showRuleSetting': '设置显隐规则',
+  'crmFormDesign.choice': '选择',
+  'crmFormDesign.show': '显示',
+  'crmFormDesign.addRule': '添加规则',
+  'crmFormDesign.formConfig': '表单属性',
+  'crmFormDesign.formLayout': '表单布局',
+  'crmFormDesign.formLayout1': '单列',
+  'crmFormDesign.formLayout2': '双列',
+  'crmFormDesign.formLayout3': '三列',
+  'crmFormDesign.formLayout4': '四列',
+  'crmFormDesign.formLabelPosition': '字段标题位置',
+  'crmFormDesign.vertical': '上下',
+  'crmFormDesign.horizontal': '左右',
+  'crmFormDesign.inputWidth': '输入框宽度',
+  'crmFormDesign.inputWidthTip': '自定义时固定宽度，整行时占满整列',
+  'crmFormDesign.wholeLine': '整行',
+  'crmFormDesign.formActionButton': '表单操作按钮',
+  'crmFormDesign.formActionButtonPosition': '表单操作按钮位置',
+  'crmFormDesign.serialNumberRule': '流水号规则',
+  'crmFormDesign.serialNumberRuleTip': '更改规则会重新计数',
+  'crmFormDesign.serialNumberRuleAutoCountTip': '{number} 位数字，不自动重置',
+  'crmFormDesign.fixedChar': '固定字符',
+  'crmFormDesign.submitDate': '提交日期',
+  'crmFormDesign.autoCount': '自动计数',
+  'crmFormDesign.custom': '自定义',
+  'crmFormDesign.currentTime': '填写当时',
+  'crmFormDesign.formLink': '表单联动',
+  'crmFormDesign.formLinkSetting': '{formType}表单联动设置',
+  'crmFormDesign.linkForm': '联动表单',
+  'crmFormDesign.fill': '填充',
+  'crmFormDesign.fillValue': '的值',
+  'crmFormDesign.currentForm': '当前表单',
+  'crmFormDesign.addLink': '添加联动',
+  'crmFormDesign.fieldNotExist': '字段不存在',
+  'crmFormDesign.linkSettingTip': '已设置{count}个场景',
+  'crmFormDesign.linkSettingFieldTip': '已设置{count}个字段',
+  'crmFormDesign.linkSettingClearTip': '确定清空表单联动吗？',
+  'crmFormDesign.linkSettingClearTipContent': '清空后，表单将不再联动显示值',
+  'crmFormDesign.repeatFieldName': '已存在相同的字段名，请重新输入',
+  'crmFormDesign.repeatOptionName': '选项名重复，请重新输入',
+  'crmFormDesign.fieldLink': '字段联动',
+  'crmFormDesign.fieldLinkSetting': '字段联动设置',
+  'crmFormDesign.linkField': '联动字段',
+  'crmFormDesign.currentFieldValue': '当前字段值',
+  'crmFormDesign.linkFieldValue': '联动字段值',
+  'crmFormDesign.linkMethod': '联动方式',
+  'crmFormDesign.autoSelect': '自动选择',
+  'crmFormDesign.rangeLimit': '限制可选范围',
+  'crmFormDesign.linkFieldSettingClearTip': '确定清空字段联动吗？',
+  'crmFormDesign.linkFieldSettingClearTipContent': '清空后，字段将不再联动显示值',
+  'crmFormDesign.mobile': '移动端',
+  'crmFormDesign.viewSize': '表单视图',
+  'crmFormDesign.small': '小',
+  'crmFormDesign.medium': '中',
+  'crmFormDesign.large': '大',
+  'crmFormDesign.userInput': '用户输入',
+  'crmFormDesign.linkSource': '链接来源',
+  'crmFormDesign.openMode': '打开方式',
+  'crmFormDesign.openInCurrent': '当前窗口',
+  'crmFormDesign.openInNew': '新窗口',
+  'crmFormDesign.fileUploadConfig': '附件配置',
+  'crmFormDesign.onlyOneFile': '仅允许上传单个文件',
+  'crmFormDesign.acceptFileType': '限制文件格式',
+  'crmFormDesign.limitSize': '限制单个文件大小',
+  'crmFormDesign.file': '附件',
+  'crmFormDesign.acceptFileTypePlaceholder': '输入文件后缀，英文逗号分隔',
+  'crmFormDesign.acceptFileTypeTip': '例如：.jpg,.png,.pdf',
+  'crmFormDesign.onlyFull': '仅支持整行宽度',
+  'crmFormDesign.none': '无',
+  'crmFormDesign.onlyOneFileTip': '不勾选则最大限制 10 个附件',
+  'crmFormDesign.industry': '行业',
+  'crmFormDesign.onlyPlan': '计划',
+  'crmFormDesign.calculation': '计算',
+  'crmFormDesign.formula': '公式',
+  'crmFormDesign.formulaTooltip': '未设置计算方式，请联系管理员',
+  'crmFormDesign.formulaFieldChanged': '字段已变更不存在，请联系管理员更新公式！',
+  'crmFormDesign.formulaSetting': '公式设置',
+  'crmFormDesign.formulaPricing': '定价',
+  'crmFormDesign.formulaDiscount': '折扣',
+  'crmFormDesign.formulaPlaceholder': '选择下方字段和函数可配置计算公式，例：',
+  'crmFormDesign.formulaHasBeenSet': '已设置',
+  'crmFormDesign.formulaByNameSearchPlaceholder': '字段名称搜索',
+  'crmFormDesign.formulaFunction': '常用函数',
+  'crmFormDesign.formulaUsage': '函数用法',
+  'crmFormDesign.formulaUsageMethods': '用法',
+  'crmFormDesign.formulaExampleEndTime': '结束日期',
+  'crmFormDesign.formulaExampleStartTime': '开始日期',
+  'crmFormDesign.formulaSelectUsageTip': '请选择左侧函数',
+  'crmFormDesign.formulaSUMDescription': '求和',
+  'crmFormDesign.formulaDAYSDescription': '计算两个日期之间的天数差',
+  'crmFormDesign.formulaCONCATENATEDescription': '将多个文本合并成一个文本',
+  'crmFormDesign.formulaTEXTDescription': '将数值、日期、时间按指定格式转为文本',
+  'crmFormDesign.formulaIFSDescription': '按顺序检查多个条件，并返回第一个满足条件的对应结果',
+  'crmFormDesign.formulaTODAYDescription': '返回当前系统日期（不含时间）',
+  'crmFormDesign.formulaNOWDescription': '返回当前系统日期和时间（含时间戳）',
+  'crmFormDesign.formulaANDDescription': '判断多个条件是否同时成立，全部成立返回 TRUE，否则返回 FALSE',
+  'crmFormDesign.amount': '金额',
+  'crmFormDesign.CLUE_TO_CUSTOMER': '线索转客户',
+  'crmFormDesign.CLUE_TO_OPPORTUNITY': '线索转商机',
+  'crmFormDesign.CUSTOMER_TO_OPPORTUNITY': '新建商机',
+  'crmFormDesign.CLUE_TO_RECORD': '写记录',
+  'crmFormDesign.CUSTOMER_TO_RECORD': '写记录',
+  'crmFormDesign.OPPORTUNITY_TO_RECORD': '写记录',
+  'crmFormDesign.PLAN_TO_RECORD': '计划转记录',
+  'crmFormDesign.CONTRACT_TO_INVOICE': '新增发票',
+  'crmFormDesign.CLUE_TO_CONTACT': '线索转联系人',
+  'crmFormDesign.CONTRACT_TO_ORDER': '新建订单',
+  'crmFormDesign.tip.CLUE_TO_CUSTOMER': '线索转换客户时，将线索的表单字段内容填充到客户表单字段',
+  'crmFormDesign.tip.CLUE_TO_OPPORTUNITY': '线索转商机时，将线索表单字段填充到商机表单字段',
+  'crmFormDesign.tip.CUSTOMER_TO_OPPORTUNITY': '在客户详情创建商机时，将客户表单字段填充到商机表单字段',
+  'crmFormDesign.tip.CLUE_TO_RECORD': '在线索模块写跟进记录时，将线索的表单字段内容填充到记录表单字段',
+  'crmFormDesign.tip.CUSTOMER_TO_RECORD': '在客户模块写跟进记录时，将客户的表单字段内容填充到记录表单字段',
+  'crmFormDesign.tip.OPPORTUNITY_TO_RECORD': '在商机模块写跟进记录时，将商机的表单字段内容填充到记录表单字段',
+  'crmFormDesign.tip.PLAN_TO_RECORD': '在进行计划转记录操作时，将计划的表单字段内容填充到记录表单字段',
+  'crmFormDesign.tip.CONTRACT_TO_INVOICE': '在合同详情创建发票时，将合同表单字段填充到发票表单字段',
+  'crmFormDesign.tip.CLUE_TO_CONTACT':
+    '线索转换联系人时，将线索的表单字段内容填充到联系人表单字段。注：联系人表单的客户名称字段由系统逻辑填充，请勿配置！',
+  'crmFormDesign.tip.CONTRACT_TO_ORDER': '在合同详情创建订单时，将合同表单字段填充到订单表单',
+  'crmFormDesign.productTable': '产品表格',
+  'crmFormDesign.quotationTable': '报价表格',
+  'crmFormDesign.sum': '汇总',
+  'crmFormDesign.fixedCol': '固定列',
+  'crmFormDesign.fixedColNum': '固定前',
+  'crmFormDesign.fixedCols': '列',
+  'crmFormDesign.subTableField': '表格字段',
+  'crmFormDesign.addSubField': '添加子字段',
+  'crmFormDesign.quotingData': '引用其他表单',
+  'crmFormDesign.currentFormField': '当前表单字段',
+  'crmFormDesign.contract': '合同',
+  'crmFormDesign.form': '表单',
+  'crmFormDesign.subForm': '子表单',
+  'crmFormDesign.currentSubFormField': '当前子表单字段',
+  'crmFormDesign.linkSubFormField': '联动子表单字段',
+  'crmFormDesign.addFieldLink': '添加字段联动',
+  'crmFormDesign.subFormUnConfig': '{name} 字段联动未配置！',
+  'crmFormDesign.onlyInChina': '仅中国',
+  'crmFormDesign.allCountries': '全部国家',
+};
diff --git a/frontend/packages/web/src/components/business/crm-form-design/types.ts b/frontend/packages/web/src/components/business/crm-form-design/types.ts
new file mode 100644
index 0000000..7de44ef
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-form-design/types.ts
@@ -0,0 +1,7 @@
+import type { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+
+export interface FieldItem {
+  type: FieldTypeEnum;
+  icon: string;
+  name: string;
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula-editor/config.ts b/frontend/packages/web/src/components/business/crm-formula-editor/config.ts
new file mode 100644
index 0000000..570147d
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula-editor/config.ts
@@ -0,0 +1,150 @@
+import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+import type { FormCreateField } from '@cordys/web/src/components/business/crm-form-create/types';
+
+const { t } = useI18n();
+
+export const INPUT_NUMBER_COLOR = 'var(--info-blue)'; // 数字主题颜色
+export const DATE_TIME_COLOR = 'var(--success-green)'; // 日期主题颜色
+export const ARRAY_COLOR = 'var(--warning-yellow)'; // 数组主题颜色
+export const TEXT_COLOR = 'var(--primary-1)'; // 文本主题颜色
+export const FUN_COLOR = '#9170fd'; // 函数主题颜色
+
+export const TEXT_TYPE = [
+  FieldTypeEnum.INPUT,
+  FieldTypeEnum.DATA_SOURCE,
+  FieldTypeEnum.DATA_SOURCE_MULTIPLE,
+  FieldTypeEnum.SERIAL_NUMBER,
+  FieldTypeEnum.SELECT,
+];
+
+export const defaultFormulaConfig = {
+  source: '',
+  display: '',
+  fields: [],
+};
+
+// 函数列表
+export const allFunctionSource: (FormCreateField & { isFunction: boolean })[] = [
+  {
+    icon: 'SUM',
+    name: 'SUM',
+    id: 'SUM',
+    isFunction: true,
+    type: FieldTypeEnum.INPUT_NUMBER,
+    showLabel: true,
+    readable: false,
+    editable: false,
+    fieldWidth: 0,
+    rules: [],
+    description: t('crmFormDesign.formulaSUMDescription'),
+  },
+  {
+    icon: 'DAYS',
+    name: 'DAYS',
+    id: 'DAYS',
+    isFunction: true,
+    type: FieldTypeEnum.DATE_TIME,
+    showLabel: true,
+    readable: false,
+    editable: false,
+    fieldWidth: 0,
+    rules: [],
+    description: t('crmFormDesign.formulaDAYSDescription'),
+  },
+  {
+    icon: 'CONCATENATE',
+    name: 'CONCATENATE',
+    id: 'CONCATENATE',
+    isFunction: true,
+    type: FieldTypeEnum.INPUT,
+    showLabel: true,
+    readable: false,
+    editable: false,
+    fieldWidth: 0,
+    rules: [],
+    description: t('crmFormDesign.formulaCONCATENATEDescription'),
+  },
+  {
+    icon: 'TEXT',
+    name: 'TEXT',
+    id: 'TEXT',
+    isFunction: true,
+    type: FieldTypeEnum.INPUT,
+    showLabel: true,
+    readable: false,
+    editable: false,
+    fieldWidth: 0,
+    rules: [],
+    description: t('crmFormDesign.formulaTEXTDescription'),
+  },
+  {
+    icon: 'IFS',
+    name: 'IFS',
+    id: 'IFS',
+    isFunction: true,
+    type: FieldTypeEnum.INPUT,
+    showLabel: true,
+    readable: false,
+    editable: false,
+    fieldWidth: 0,
+    rules: [],
+    description: t('crmFormDesign.formulaIFSDescription'),
+  },
+  {
+    icon: 'TODAY',
+    name: 'TODAY',
+    id: 'TODAY',
+    isFunction: true,
+    type: FieldTypeEnum.INPUT,
+    showLabel: true,
+    readable: false,
+    editable: false,
+    fieldWidth: 0,
+    rules: [],
+    description: t('crmFormDesign.formulaTODAYDescription'),
+  },
+  {
+    icon: 'NOW',
+    name: 'NOW',
+    id: 'NOW',
+    isFunction: true,
+    type: FieldTypeEnum.INPUT,
+    showLabel: true,
+    readable: false,
+    editable: false,
+    fieldWidth: 0,
+    rules: [],
+    description: t('crmFormDesign.formulaNOWDescription'),
+  },
+  {
+    icon: 'AND',
+    name: 'AND',
+    id: 'AND',
+    isFunction: true,
+    type: FieldTypeEnum.INPUT,
+    showLabel: true,
+    readable: false,
+    editable: false,
+    fieldWidth: 0,
+    rules: [],
+    description: t('crmFormDesign.formulaANDDescription'),
+  },
+];
+
+// 允许空值的函数
+export const AllowEmptyArgsFunctionList = ['NOW', 'TODAY'];
+
+export const FormulaErrorCode = {
+  EMPTY_ARGS: 'EMPTY_ARGS', // 参数个数为空
+  ARG_COUNT_ERROR: 'ARG_COUNT_ERROR', // 参数个数错误
+  ARG_TYPE_ERROR: 'ARG_TYPE_ERROR', // 参数类型错误
+  MISSING_SEPARATOR: 'MISSING_SEPARATOR', // 缺少分隔符
+  SYNTAX_ERROR: 'SYNTAX_ERROR', // 语法错误
+  SEPARATOR_ERROR_ARG: 'SEPARATOR_ERROR_ARG', // 分隔符缺少参数
+  DUPLICATE_SEPARATOR: 'DUPLICATE_SEPARATOR', // 重复分隔符
+  INVALID_CHAR: 'INVALID_CHAR', // 非法字符
+  INCOMPLETE_EXPRESSION: 'INCOMPLETE_EXPRESSION', // 表达式不完整
+  INVALID_FUNCTION_CALL: 'INVALID_FUNCTION_CALL', // 非法的函数调用
+} as const;
diff --git a/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/diagnose-rules/index.ts b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/diagnose-rules/index.ts
new file mode 100644
index 0000000..37ed587
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/diagnose-rules/index.ts
@@ -0,0 +1,268 @@
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+import { FormulaErrorCode } from '../../config';
+import { DiagnoseRule } from '../../types';
+import { isIllegalFunctionCall, isInsideFunctionArgs, isValueEnd, isValueStart } from './utils';
+
+const { t } = useI18n();
+
+//  连续操作符规则
+const duplicateOperatorRule: DiagnoseRule = {
+  name: 'duplicate-operator',
+
+  check(ctx) {
+    const { cur, prev, index, tokens } = ctx;
+
+    if (cur?.type !== 'operator' || prev?.type !== 'operator') return;
+
+    // 只在连续 operator 的起点报
+    if (index > 1 && tokens[index - 2]?.type === 'operator') return;
+
+    let end = index;
+    while (end + 1 < tokens.length && tokens[end + 1]?.type === 'operator') {
+      end++;
+    }
+
+    ctx.push({
+      type: 'error',
+      code: FormulaErrorCode.SYNTAX_ERROR,
+      message: t('formulaEditor.diagnostics.duplicateOperator'),
+      highlight: {
+        tokenRange: [index - 1, end],
+      },
+    });
+  },
+};
+
+// 非法字符
+const illegalTextRule: DiagnoseRule = {
+  name: 'illegal-text',
+
+  check(ctx) {
+    const { cur, prev, index } = ctx;
+    if (cur?.type === 'unknown' && prev?.type !== 'unknown') {
+      ctx.push({
+        type: 'error',
+        code: FormulaErrorCode.INVALID_CHAR,
+        message: `${t('formulaEditor.diagnostics.illegalCharacter')} "${cur.value}"`,
+        highlight: { tokenRange: [index, index] },
+      });
+    }
+  },
+};
+
+// 非法逗号字符
+const illegalCommaCharRule: DiagnoseRule = {
+  name: 'illegal-comma-char',
+
+  check(ctx) {
+    const { cur, index } = ctx;
+    if (cur?.type !== 'comma') return;
+    if (cur.value !== '，') return;
+
+    ctx.push({
+      type: 'error',
+      code: FormulaErrorCode.INVALID_CHAR,
+      message: `${t('formulaEditor.diagnostics.illegalCharacter')} "${cur.value}"`,
+      highlight: { tokenRange: [index, index] },
+    });
+  },
+};
+
+// 连续符号
+const duplicateCommaRule: DiagnoseRule = {
+  name: 'duplicate-comma',
+
+  check(ctx) {
+    const { cur, prev, index, tokens } = ctx;
+    if (cur?.type !== 'comma') return;
+    if (prev?.type === 'comma') return; // 只从第一个开始报
+
+    let end = index;
+    while (tokens[end + 1]?.type === 'comma') {
+      end++;
+    }
+
+    if (end === index) return;
+
+    ctx.push({
+      type: 'error',
+      code: FormulaErrorCode.DUPLICATE_SEPARATOR,
+      message: t('formulaEditor.diagnostics.duplicateSeparatorOfBeginning'),
+      highlight: { tokenRange: [index, end] },
+    });
+  },
+};
+
+// 开头结尾逗号
+const commaPositionRule: DiagnoseRule = {
+  name: 'comma-position',
+
+  check(ctx) {
+    const { cur, prev, index, tokens } = ctx;
+    if (cur?.type !== 'comma') return;
+
+    // 表达式开头
+    if (!prev) {
+      ctx.push({
+        type: 'error',
+        code: FormulaErrorCode.SYNTAX_ERROR,
+        message: t('formulaEditor.diagnostics.unexpectedTokenAtBeginning'),
+        highlight: { tokenRange: [index, index] },
+      });
+      return;
+    }
+
+    // 表达式结尾
+    if (index === tokens.length - 1) {
+      ctx.push({
+        type: 'error',
+        code: FormulaErrorCode.SYNTAX_ERROR,
+        message: t('formulaEditor.diagnostics.unexpectedTokenAtEnd'),
+        highlight: { tokenRange: [index, index] },
+      });
+    }
+  },
+};
+
+export const illegalCommaRule: DiagnoseRule = {
+  name: 'illegal-comma',
+
+  check(ctx) {
+    const { cur, index, tokens } = ctx;
+    if (!cur) return;
+    const inFunctionArgs = isInsideFunctionArgs(tokens, index);
+    if (cur.type === 'comma' && !inFunctionArgs) {
+      ctx.push({
+        type: 'error',
+        code: FormulaErrorCode.SYNTAX_ERROR,
+        message: t('formulaEditor.diagnostics.missingOperatorUsedAsSeparator'),
+        highlight: {
+          tokenRange: [index, index],
+        },
+      });
+    }
+  },
+};
+
+// 相邻规则
+const adjacentValueRule: DiagnoseRule = {
+  name: 'adjacent-value',
+
+  check(ctx) {
+    const { prev, cur, index, tokens } = ctx;
+    if (!prev || !cur) return;
+    //  illegal-function-call 处理
+    if (isIllegalFunctionCall(prev, cur)) return;
+    if (isValueEnd(prev) && isValueStart(cur)) {
+      const inFunctionArgs = isInsideFunctionArgs(tokens, index);
+      ctx.push({
+        type: 'error',
+        code: FormulaErrorCode.SYNTAX_ERROR,
+        message: inFunctionArgs
+          ? t('formulaEditor.diagnostics.missingSeparator')
+          : t('formulaEditor.diagnostics.missingOperator'),
+        highlight: {
+          tokenRange: [index - 1, index],
+        },
+      });
+    }
+  },
+};
+
+// 括号平衡规则
+const parenBalanceRule: DiagnoseRule = {
+  name: 'paren-balance',
+
+  check(ctx) {
+    const { cur, index } = ctx;
+    if (cur?.type !== 'paren') return;
+
+    if (cur.value === '(') {
+      ctx.parenBalance++;
+    }
+
+    if (cur.value === ')') {
+      ctx.parenBalance--;
+
+      if (ctx.parenBalance < 0 && !ctx.hasUnexpectedRightParen) {
+        ctx.push({
+          type: 'error',
+          code: FormulaErrorCode.SYNTAX_ERROR,
+          message: t('formulaEditor.diagnostics.unexpectedRightParen'),
+          highlight: { tokenRange: [index, index] },
+        });
+        ctx.hasUnexpectedRightParen = true;
+        ctx.parenBalance = 0;
+      }
+    }
+  },
+
+  afterAll(ctx) {
+    if (ctx.parenBalance > 0) {
+      ctx.push({
+        type: 'error',
+        code: FormulaErrorCode.SYNTAX_ERROR,
+        message: t('formulaEditor.diagnostics.missingRightParen'),
+        highlight: {
+          tokenRange: [ctx.tokens.length - 1, ctx.tokens.length - 1],
+        },
+      });
+    }
+  },
+};
+
+// 非法函数调用
+const invalidFunctionCallRule: DiagnoseRule = {
+  name: 'invalid-function-call',
+
+  check(ctx) {
+    const { cur, prev, index } = ctx;
+    if (cur?.type === 'paren' && cur.value === '(' && prev?.type === 'paren' && prev.value === ')') {
+      ctx.push({
+        type: 'error',
+        code: FormulaErrorCode.INVALID_FUNCTION_CALL,
+        message: t('formulaEditor.diagnostics.invalidFunctionCall'),
+        highlight: { tokenRange: [index, index] },
+      });
+    }
+  },
+};
+
+const leadingOperatorRule: DiagnoseRule = {
+  name: 'leading-operator',
+
+  check(ctx) {
+    const { index, cur } = ctx;
+
+    // 只检查第一个 token
+    if (index !== 0) return;
+
+    // + - * /
+    if (cur?.type === 'operator') {
+      ctx.push({
+        type: 'error',
+        code: FormulaErrorCode.SYNTAX_ERROR,
+        message: t('formulaEditor.diagnostics.unexpectedOperatorAtBeginning'),
+        highlight: {
+          tokenRange: [0, 0],
+        },
+      });
+    }
+  },
+};
+// 通用规则
+const RULES: DiagnoseRule[] = [
+  leadingOperatorRule, // 放在最前面
+  duplicateOperatorRule, // 连续操作符
+  illegalTextRule, //  非法字符
+  illegalCommaRule, // 非法逗号
+  illegalCommaCharRule, // 非法字符
+  duplicateCommaRule, // 连续逗号
+  commaPositionRule, // 逗号位置
+  adjacentValueRule, // 相邻值
+  parenBalanceRule, // 括号平衡
+  invalidFunctionCallRule, // 非法函数调用
+];
+
+export default RULES;
diff --git a/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/diagnose-rules/utils.ts b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/diagnose-rules/utils.ts
new file mode 100644
index 0000000..4d84834
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/diagnose-rules/utils.ts
@@ -0,0 +1,78 @@
+import { DiagnoseContext, FormulaDiagnostic, Token } from '../../types';
+
+export function createDiagnoseContext(tokens: Token[]): DiagnoseContext {
+  return {
+    tokens,
+    index: 0,
+    diagnostics: [],
+    coveredRanges: [],
+    parenBalance: 0,
+    hasUnexpectedRightParen: false,
+
+    get cur() {
+      return tokens[this.index];
+    },
+    get prev() {
+      return tokens[this.index - 1];
+    },
+
+    push(diag: FormulaDiagnostic) {
+      // 修复：添加类型检查，确保 tokenRange 存在且长度正确
+      const tokenRange = diag?.highlight?.tokenRange;
+      if (!tokenRange || tokenRange.length !== 2) return;
+
+      const [start, end] = tokenRange;
+
+      // 如果当前错误区间，已经被之前的错误覆盖 → 忽略
+      const isCovered = this.coveredRanges.some(([s, e]) => start >= s && end <= e);
+
+      if (isCovered) return;
+
+      // 记录新区间
+      this.coveredRanges.push([start, end]);
+      this.diagnostics.push(diag);
+    },
+  };
+}
+
+export function isValueEnd(token?: Token): boolean {
+  if (!token) return false;
+
+  return token.type === 'number' || token.type === 'field' || (token.type === 'paren' && token.value === ')');
+}
+
+export function isValueStart(token?: Token): boolean {
+  if (!token) return false;
+
+  return (
+    token.type === 'number' ||
+    token.type === 'field' ||
+    token.type === 'function' || // SUM / DAYS
+    (token.type === 'paren' && token.value === '(')
+  );
+}
+
+export function isIllegalFunctionCall(prev?: Token, cur?: Token): boolean {
+  return prev?.type === 'paren' && prev.value === ')' && cur?.type === 'paren' && cur.value === '(';
+}
+
+// 是否在函数参数内
+export function isInsideFunctionArgs(tokens: any[], index: number): boolean {
+  let depth = 0;
+
+  for (let i = index - 1; i >= 0; i--) {
+    const t = tokens[i];
+
+    if (t.type === 'paren' && t.value === ')') {
+      depth++;
+    } else if (t.type === 'paren' && t.value === '(') {
+      if (depth === 0) {
+        // 看左边是不是 function
+        return tokens[i - 1]?.type === 'function';
+      }
+      depth--;
+    }
+  }
+
+  return false;
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/diagnose.ts b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/diagnose.ts
new file mode 100644
index 0000000..883da28
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/diagnose.ts
@@ -0,0 +1,75 @@
+import { ASTNode, FormulaDiagnostic, Token } from '../types';
+import diagnoseArgs from './diagnoseArgs';
+import diagnoseBinaryOperandType from './diagnoseBinaryOperandType';
+import diagnoseIncompleteExpression from './diagnoseIncompleteExpression';
+import diagnoseTokens from './diagnoseTokens';
+import FUNCTION_RULES from './rules';
+
+function walkAST(node: ASTNode, visitor: (node: ASTNode) => void) {
+  visitor(node);
+
+  if (node.type === 'binary') {
+    walkAST(node.left, visitor);
+    walkAST(node.right, visitor);
+    return;
+  }
+
+  if (node.type === 'function') {
+    node.args.forEach((arg) => {
+      walkAST(arg, visitor);
+    });
+  }
+}
+
+/**
+ * 总诊断入口
+ * @param tokens 公式token列表
+ * @param ast ast节点
+ * @returns  诊断列表
+ */
+export default function diagnoseFormula(tokens: Token[], ast: ASTNode[]): FormulaDiagnostic[] {
+  const diagnostics: FormulaDiagnostic[] = [];
+
+  /**  token 层诊断 */
+  const tokenErrors = diagnoseTokens(tokens);
+  diagnostics.push(...tokenErrors);
+
+  if (tokenErrors.some((d) => d.type === 'error')) {
+    return diagnostics;
+  }
+
+  /**  AST 层诊断 */
+  ast.forEach((root) => {
+    walkAST(root, (node) => {
+      // 表达式诊断
+      diagnostics.push(...diagnoseIncompleteExpression(node));
+      // 二元运算符诊断
+      diagnostics.push(...diagnoseBinaryOperandType(node));
+      if (node.type !== 'function') return;
+
+      /**  通用参数结构诊断（逗号、空参） */
+      diagnostics.push(...diagnoseArgs(node, node.args, tokens));
+
+      /**  函数规则诊断 */
+      const rule = FUNCTION_RULES[node.name];
+      if (!rule) return;
+
+      const ruleDiagnostics = rule.diagnose({
+        fnNode: node,
+        args: node.args,
+      });
+
+      ruleDiagnostics.forEach((d) => {
+        diagnostics.push({
+          ...d,
+          functionName: node.name,
+          highlight: d.highlight ?? {
+            tokenRange: [node.startTokenIndex, node.endTokenIndex],
+          },
+        });
+      });
+    });
+  });
+
+  return diagnostics;
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/diagnoseArgs.ts b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/diagnoseArgs.ts
new file mode 100644
index 0000000..c7454b3
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/diagnoseArgs.ts
@@ -0,0 +1,160 @@
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+import { AllowEmptyArgsFunctionList, FormulaErrorCode } from '../config';
+import { ASTNode, FormulaDiagnostic, FunctionNode, Token } from '../types';
+
+const { t } = useI18n();
+
+/**
+ * 获取当前函数参数区内的“顶层逗号”
+ *
+ * innerTokens 是从 startTokenIndex + 1 开始切的，
+ * 里面包含了当前函数自己的左括号 "("，
+ * 所以当前函数“顶层参数”的深度应为 1，而不是 0
+ */
+function getTopLevelCommaTokens(tokens: Token[]): Token[] {
+  const result: Token[] = [];
+  let depth = 0;
+
+  tokens.forEach((token) => {
+    if (token.type === 'paren') {
+      if (token.value === '(') {
+        depth++;
+      } else if (token.value === ')') {
+        depth--;
+      }
+    } else if (token.type === 'comma' && depth === 1) {
+      result.push(token);
+    }
+  });
+
+  return result;
+}
+
+/**
+ * 判断当前函数参数区内是否存在“顶层连续逗号”
+ * 例如：SUM(a,,b)
+ *
+ * 同样地，当前函数顶层参数所在深度应为 1
+ */
+function findAdjacentTopLevelCommaRange(tokens: Token[]): [number, number] | null {
+  let depth = 0;
+  let lastTopLevelCommaToken: Token | null = null;
+
+  for (let i = 0; i < tokens.length; i++) {
+    const token = tokens[i];
+
+    if (token.type === 'paren') {
+      if (token.value === '(') {
+        depth++;
+      } else if (token.value === ')') {
+        depth--;
+      }
+
+      // 一旦遇到括号，说明当前逗号连续性中断
+      if (depth === 1) {
+        lastTopLevelCommaToken = null;
+      }
+    } else if (token.type === 'comma' && depth === 1) {
+      if (lastTopLevelCommaToken) {
+        return [lastTopLevelCommaToken.start, token.end];
+      }
+
+      lastTopLevelCommaToken = token;
+    } else if (depth === 1) {
+      // 当前函数顶层遇到非逗号 token，逗号连续性中断
+      lastTopLevelCommaToken = null;
+    }
+  }
+
+  return null;
+}
+
+/**
+ *
+ * @param fnNode 函数的ast节点
+ * @param args 函数的ast参数列表
+ * @param tokens 公式的token列表
+ * @returns 诊断错误信息列表
+ */
+export default function diagnoseArgs(fnNode: FunctionNode, args: ASTNode[], tokens: Token[]): FormulaDiagnostic[] {
+  const diagnostics: FormulaDiagnostic[] = [];
+
+  const { startTokenIndex, endTokenIndex } = fnNode;
+
+  // 取函数括号内的 token 区域（当前函数的参数列表）
+  const innerTokens = tokens.slice(startTokenIndex + 1, endTokenIndex);
+
+  // 只取当前函数顶层逗号
+  const commaTokens = getTopLevelCommaTokens(innerTokens);
+
+  if (args?.length === 0 && !AllowEmptyArgsFunctionList.includes(fnNode.name)) {
+    diagnostics.push({
+      type: 'warning',
+      functionName: fnNode.name,
+      code: FormulaErrorCode.EMPTY_ARGS,
+      message: t('formulaEditor.diagnostics.emptyParams'),
+      highlight: {
+        tokenRange: [fnNode.startTokenIndex, fnNode.endTokenIndex],
+      },
+    });
+    return diagnostics;
+  }
+
+  /**
+   * 1. 空参数 / 多余分隔符
+   */
+  if (commaTokens.length > 0) {
+    const firstMeaningfulToken = innerTokens[1];
+    const lastMeaningfulToken = innerTokens[innerTokens.length - 1];
+
+    if (firstMeaningfulToken?.type === 'comma' || lastMeaningfulToken?.type === 'comma') {
+      diagnostics.push({
+        type: 'error',
+        code: FormulaErrorCode.DUPLICATE_SEPARATOR,
+        functionName: fnNode.name,
+        message: t('formulaEditor.diagnostics.duplicateSeparator'),
+        highlight: {
+          tokenRange: [fnNode.startTokenIndex, fnNode.endTokenIndex],
+        },
+      });
+      return diagnostics;
+    }
+
+    // 顶层连续逗号
+    const adjacentCommaRange = findAdjacentTopLevelCommaRange(innerTokens);
+    if (adjacentCommaRange) {
+      diagnostics.push({
+        type: 'error',
+        code: FormulaErrorCode.DUPLICATE_SEPARATOR,
+        functionName: fnNode.name,
+        message: t('formulaEditor.diagnostics.duplicateSeparatorOfCenter'),
+        highlight: {
+          tokenRange: adjacentCommaRange,
+        },
+      });
+      return diagnostics;
+    }
+  }
+
+  /**
+   * 缺少分隔符
+   *
+   * 正常情况下：
+   * args.length = N
+   * 顶层 comma 数 = N - 1
+   */
+  if (args?.length >= 2 && commaTokens.length !== args.length - 1) {
+    diagnostics.push({
+      type: 'error',
+      code: FormulaErrorCode.MISSING_SEPARATOR,
+      functionName: fnNode.name,
+      message: t('formulaEditor.diagnostics.missingSeparator'),
+      highlight: {
+        tokenRange: [fnNode.startTokenIndex, fnNode.endTokenIndex],
+      },
+    });
+  }
+
+  return diagnostics;
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/diagnoseBinaryOperandType.ts b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/diagnoseBinaryOperandType.ts
new file mode 100644
index 0000000..3af2824
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/diagnoseBinaryOperandType.ts
@@ -0,0 +1,89 @@
+import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+import { FormulaErrorCode } from '../config';
+import { ASTNode, BinaryNode, FormulaDiagnostic } from '../types';
+
+const { t } = useI18n();
+
+function isNumericLikeNode(node: ASTNode): boolean {
+  if (!node) return false;
+
+  if (node.type === 'literal') {
+    return node.valueType === 'number';
+  }
+
+  if (node.type === 'field') {
+    return [FieldTypeEnum.INPUT_NUMBER, FieldTypeEnum.DATE_TIME, FieldTypeEnum.FORMULA].includes(node.fieldType as any);
+  }
+
+  if (node.type === 'binary') {
+    // 二元表达式先认为是数值表达式，具体内部是否合法由递归 walk 时继续报
+    return ['+', '-', '*', '/'].includes(node.operator);
+  }
+
+  if (node.type === 'function') {
+    const name = node.name?.toUpperCase();
+
+    // 当前这些函数运行结果可参与数值运算
+    return ['SUM', 'DAYS', 'NOW', 'TODAY'].includes(name);
+  }
+
+  return false;
+}
+
+function getOperatorText(operator: string) {
+  switch (operator) {
+    case '-':
+      return t('formulaEditor.diagnostics.minusOperator');
+    case '*':
+      return t('formulaEditor.diagnostics.multiplyOperator');
+    case '/':
+      return t('formulaEditor.diagnostics.divideOperator');
+    default:
+      return operator;
+  }
+}
+
+export default function diagnoseBinaryOperandType(node: ASTNode): FormulaDiagnostic[] {
+  const diagnostics: FormulaDiagnostic[] = [];
+
+  if (node.type !== 'binary') {
+    return diagnostics;
+  }
+
+  const binNode = node as BinaryNode;
+
+  // - * / 左右等号运算类型限制
+  if (!['-', '*', '/'].includes(binNode.operator)) {
+    return diagnostics;
+  }
+  // 左 operand 必须是数值表达式
+  if (!isNumericLikeNode(binNode.left)) {
+    diagnostics.push({
+      type: 'error',
+      code: FormulaErrorCode.INVALID_FUNCTION_CALL,
+      message: t('formulaEditor.diagnostics.invalidLeftOperandTypeOfBinary', {
+        operator: getOperatorText(binNode.operator),
+      }),
+      highlight: {
+        tokenRange: [binNode.left.startTokenIndex, binNode.left.endTokenIndex],
+      },
+    });
+  }
+  // 右 operand 必须是数值表达式
+  if (!isNumericLikeNode(binNode.right)) {
+    diagnostics.push({
+      type: 'error',
+      code: FormulaErrorCode.INVALID_FUNCTION_CALL,
+      message: t('formulaEditor.diagnostics.invalidRightOperandTypeOfBinary', {
+        operator: getOperatorText(binNode.operator),
+      }),
+      highlight: {
+        tokenRange: [binNode.right.startTokenIndex, binNode.right.endTokenIndex],
+      },
+    });
+  }
+
+  return diagnostics;
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/diagnoseIncompleteExpression.ts b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/diagnoseIncompleteExpression.ts
new file mode 100644
index 0000000..63e2872
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/diagnoseIncompleteExpression.ts
@@ -0,0 +1,64 @@
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+import { FormulaErrorCode } from '../config';
+import { ASTNode, BinaryNode, FormulaDiagnostic, FunctionNode } from '../types';
+
+const { t } = useI18n();
+/**
+ *
+ * @param node ast节点
+ * @returns 诊断错误信息列表
+ */
+export default function diagnoseIncompleteExpression(node: ASTNode): FormulaDiagnostic[] {
+  const diagnostics: FormulaDiagnostic[] = [];
+
+  // 函数参数表达式不完整
+  if (node.type === 'function') {
+    const fnNode = node as FunctionNode;
+
+    fnNode.args.forEach((arg) => {
+      if (arg.type === 'empty') {
+        diagnostics.push({
+          type: 'error',
+          code: FormulaErrorCode.INCOMPLETE_EXPRESSION,
+          message: t('formulaEditor.diagnostics.expressionNotComplete'),
+          highlight: {
+            tokenRange: [fnNode.startTokenIndex, fnNode.endTokenIndex],
+          },
+        });
+      }
+    });
+
+    // function 已处理完，不再往下走
+    return diagnostics;
+  }
+
+  //  二元表达式不完整
+  if (node.type === 'binary') {
+    const binNode = node as BinaryNode;
+
+    if (!binNode.left || binNode.left.type === 'empty') {
+      diagnostics.push({
+        type: 'error',
+        code: FormulaErrorCode.INCOMPLETE_EXPRESSION,
+        message: t('formulaEditor.diagnostics.operatorLeftMissingExpression'),
+        highlight: {
+          tokenRange: [binNode.startTokenIndex, binNode.endTokenIndex],
+        },
+      });
+    }
+
+    if (!binNode.right || binNode.right.type === 'empty') {
+      diagnostics.push({
+        type: 'error',
+        code: FormulaErrorCode.INCOMPLETE_EXPRESSION,
+        message: t('formulaEditor.diagnostics.operatorRightMissingExpression'),
+        highlight: {
+          tokenRange: [binNode.startTokenIndex, binNode.endTokenIndex],
+        },
+      });
+    }
+  }
+
+  return diagnostics;
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/diagnoseTokens.ts b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/diagnoseTokens.ts
new file mode 100644
index 0000000..c042657
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/diagnoseTokens.ts
@@ -0,0 +1,28 @@
+import { FormulaDiagnostic, Token } from '../types';
+import RULES from './diagnose-rules';
+import { createDiagnoseContext } from './diagnose-rules/utils';
+
+/**
+ *
+ * @param tokens 公式 Token 列表
+ * @returns 诊断错误信息列表
+ */
+
+export default function diagnoseTokens(tokens: Token[]): FormulaDiagnostic[] {
+  const ctx = createDiagnoseContext(tokens);
+
+  for (let i = 0; i < tokens.length; i++) {
+    ctx.index = i;
+    // 逐个 token 检查
+    RULES.forEach((rule) => {
+      rule.check(ctx);
+    });
+  }
+
+  // after-scan 整体检查 规则
+  RULES.forEach((rule) => {
+    rule.afterAll?.(ctx);
+  });
+
+  return ctx.diagnostics;
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/and.rule.ts b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/and.rule.ts
new file mode 100644
index 0000000..816581b
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/and.rule.ts
@@ -0,0 +1,50 @@
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+import { FormulaErrorCode } from '../../config';
+import { FormulaDiagnostic, FormulaFunctionRule } from '../../types';
+import { isLogicalLikeNodeForAnd } from './rule-utils';
+
+const { t } = useI18n();
+
+export const AND_RULE: FormulaFunctionRule = {
+  name: 'AND',
+
+  diagnose({ fnNode, args }) {
+    const diagnostics: FormulaDiagnostic[] = [];
+
+    // 1. 至少一个参数
+    if (args.length < 1) {
+      diagnostics.push({
+        type: 'error',
+        code: FormulaErrorCode.ARG_COUNT_ERROR,
+        functionName: fnNode.name,
+        message: t('formulaEditor.diagnostics.argCountError'),
+        highlight: {
+          tokenRange: [fnNode.startTokenIndex, fnNode.endTokenIndex],
+        },
+      });
+      return diagnostics;
+    }
+
+    // 允许逻辑值，可转逻辑的 number/date 节点
+    args.forEach((arg, index) => {
+      if (!isLogicalLikeNodeForAnd(arg)) {
+        diagnostics.push({
+          type: 'error',
+          code: FormulaErrorCode.INVALID_FUNCTION_CALL,
+          functionName: fnNode.name,
+          message: t('formulaEditor.diagnostics.invalidConditionTypeOfAND', {
+            index: index + 1,
+          }),
+          highlight: {
+            tokenRange: [arg.startTokenIndex, arg.endTokenIndex],
+          },
+        });
+      }
+    });
+
+    return diagnostics;
+  },
+};
+
+export default AND_RULE;
diff --git a/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/concatenate.rule.ts b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/concatenate.rule.ts
new file mode 100644
index 0000000..70d0093
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/concatenate.rule.ts
@@ -0,0 +1,50 @@
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+import { FormulaErrorCode } from '../../config';
+import { FormulaDiagnostic, FormulaFunctionRule } from '../../types';
+import { isTextNumberDateNode } from './rule-utils';
+
+const { t } = useI18n();
+
+export const CONCATENATE_RULE: FormulaFunctionRule = {
+  name: 'CONCATENATE',
+
+  diagnose({ fnNode, args }) {
+    const diagnostics: FormulaDiagnostic[] = [];
+
+    // 1. 至少一个参数
+    if (args.length < 1) {
+      diagnostics.push({
+        type: 'error',
+        code: FormulaErrorCode.ARG_COUNT_ERROR,
+        functionName: fnNode.name,
+        message: t('formulaEditor.diagnostics.argCountError'),
+        highlight: {
+          tokenRange: [fnNode.startTokenIndex, fnNode.endTokenIndex],
+        },
+      });
+      return diagnostics;
+    }
+
+    // 2. 参数类型限制：文本、数字、日期
+    args.forEach((arg, index) => {
+      if (!isTextNumberDateNode(arg)) {
+        diagnostics.push({
+          type: 'error',
+          code: FormulaErrorCode.INVALID_FUNCTION_CALL,
+          functionName: fnNode.name,
+          message: t('formulaEditor.diagnostics.invalidArgTypeOfCONCATENATE', {
+            index: index + 1,
+          }),
+          highlight: {
+            tokenRange: [arg.startTokenIndex, arg.endTokenIndex],
+          },
+        });
+      }
+    });
+
+    return diagnostics;
+  },
+};
+
+export default CONCATENATE_RULE;
diff --git a/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/days.rule.ts b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/days.rule.ts
new file mode 100644
index 0000000..4ba72fe
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/days.rule.ts
@@ -0,0 +1,49 @@
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+import { FormulaErrorCode } from '../../config';
+import { ASTNode, FormulaDiagnostic, FormulaFunctionRule } from '../../types';
+import { isColumnField } from './rule-utils';
+
+const { t } = useI18n();
+
+export const DAYS_RULE: FormulaFunctionRule = {
+  name: 'DAYS',
+
+  diagnose({ fnNode, args }) {
+    const diagnostics: FormulaDiagnostic[] = [];
+
+    /**  参数类型校验（逐个） */
+    args.forEach((arg: ASTNode, index: number) => {
+      if (arg.type === 'field' && isColumnField(arg.fieldId)) {
+        diagnostics.push({
+          type: 'error',
+          code: FormulaErrorCode.INVALID_FUNCTION_CALL,
+          functionName: fnNode.name,
+          message: t('formulaEditor.diagnostics.invalidArgOfDAYS', {
+            index: index + 1,
+          }),
+          highlight: {
+            tokenRange: [arg.startTokenIndex, arg.endTokenIndex],
+          },
+        });
+      }
+    });
+
+    /**  参数个数校验 */
+    if (args?.length !== 2) {
+      diagnostics.push({
+        type: 'error',
+        code: FormulaErrorCode.ARG_COUNT_ERROR,
+        functionName: fnNode.name,
+        message: t('formulaEditor.diagnostics.argCountErrorOfDAYS'),
+        highlight: {
+          tokenRange: [fnNode.startTokenIndex, fnNode.endTokenIndex],
+        },
+      });
+      return diagnostics;
+    }
+
+    return diagnostics;
+  },
+};
+export default DAYS_RULE;
diff --git a/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/if.rule.ts b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/if.rule.ts
new file mode 100644
index 0000000..b963504
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/if.rule.ts
@@ -0,0 +1,30 @@
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+import { FormulaErrorCode } from '../../config';
+import { FormulaDiagnostic, FormulaFunctionRule } from '../../types';
+
+const { t } = useI18n();
+
+export const IF_RULE: FormulaFunctionRule = {
+  name: 'IF',
+
+  diagnose({ fnNode, args }) {
+    const diagnostics: FormulaDiagnostic[] = [];
+
+    if (args.length < 2 || args.length > 3) {
+      diagnostics.push({
+        type: 'error',
+        code: FormulaErrorCode.ARG_COUNT_ERROR,
+        functionName: fnNode.name,
+        message: t('formulaEditor.diagnostics.argCountErrorOfIF'),
+        highlight: {
+          tokenRange: [fnNode.startTokenIndex, fnNode.endTokenIndex],
+        },
+      });
+    }
+
+    return diagnostics;
+  },
+};
+
+export default IF_RULE;
diff --git a/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/ifs.rule.ts b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/ifs.rule.ts
new file mode 100644
index 0000000..4401f2a
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/ifs.rule.ts
@@ -0,0 +1,66 @@
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+import { FormulaErrorCode } from '../../config';
+import { FormulaDiagnostic, FormulaFunctionRule } from '../../types';
+import { isLogicalNode, isTextNumberDateNode } from './rule-utils';
+
+const { t } = useI18n();
+
+export const IFS_RULE: FormulaFunctionRule = {
+  name: 'IFS',
+
+  diagnose({ fnNode, args }) {
+    const diagnostics: FormulaDiagnostic[] = [];
+
+    // 1. 参数个数必须为偶数，且至少 2 个
+    if (args.length < 2 || args.length % 2 !== 0) {
+      diagnostics.push({
+        type: 'error',
+        code: FormulaErrorCode.ARG_COUNT_ERROR,
+        functionName: fnNode.name,
+        message: t('formulaEditor.diagnostics.argCountErrorOfIFS'),
+        highlight: {
+          tokenRange: [fnNode.startTokenIndex, fnNode.endTokenIndex],
+        },
+      });
+      return diagnostics;
+    }
+
+    // 2. 条件 - 结果 成对校验
+    args.forEach((arg, index) => {
+      const isCondition = index % 2 === 0;
+
+      if (isCondition) {
+        if (!isLogicalNode(arg)) {
+          diagnostics.push({
+            type: 'error',
+            code: FormulaErrorCode.INVALID_FUNCTION_CALL,
+            functionName: fnNode.name,
+            message: t('formulaEditor.diagnostics.invalidConditionTypeOfIFS', {
+              index: index + 1,
+            }),
+            highlight: {
+              tokenRange: [arg.startTokenIndex, arg.endTokenIndex],
+            },
+          });
+        }
+      } else if (!isTextNumberDateNode(arg)) {
+        diagnostics.push({
+          type: 'error',
+          code: FormulaErrorCode.INVALID_FUNCTION_CALL,
+          functionName: fnNode.name,
+          message: t('formulaEditor.diagnostics.invalidResultTypeOfIFS', {
+            index: index + 1,
+          }),
+          highlight: {
+            tokenRange: [arg.startTokenIndex, arg.endTokenIndex],
+          },
+        });
+      }
+    });
+
+    return diagnostics;
+  },
+};
+
+export default IFS_RULE;
diff --git a/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/index.ts b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/index.ts
new file mode 100644
index 0000000..73f71d8
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/index.ts
@@ -0,0 +1,25 @@
+// index.ts 诊断函数配置总入口
+import { FormulaFunctionRule } from '../../types';
+import AND from './and.rule';
+import CONCATENATE from './concatenate.rule';
+import DAYS from './days.rule';
+import IF from './if.rule';
+import IFS from './ifs.rule';
+import NOW from './now.rule';
+import SUM from './sum.rule';
+import TEXT from './text.rule';
+import TODAY from './today.rule';
+
+const FUNCTION_RULES: Record<string, FormulaFunctionRule> = {
+  SUM,
+  DAYS,
+  CONCATENATE,
+  AND,
+  IF,
+  IFS,
+  NOW,
+  TEXT,
+  TODAY,
+};
+
+export default FUNCTION_RULES;
diff --git a/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/now.rule.ts b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/now.rule.ts
new file mode 100644
index 0000000..915a19c
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/now.rule.ts
@@ -0,0 +1,32 @@
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+import { FormulaErrorCode } from '../../config';
+import { FormulaDiagnostic, FormulaFunctionRule } from '../../types';
+
+const { t } = useI18n();
+
+export const NOW_RULE: FormulaFunctionRule = {
+  name: 'NOW',
+
+  diagnose({ fnNode, args }) {
+    const diagnostics: FormulaDiagnostic[] = [];
+
+    if (args?.length !== 0) {
+      diagnostics.push({
+        type: 'error',
+        code: FormulaErrorCode.ARG_COUNT_ERROR,
+        functionName: fnNode.name,
+        message: t('formulaEditor.diagnostics.nowNotAcceptParams', {
+          name: fnNode.name,
+        }),
+        highlight: {
+          tokenRange: [fnNode.startTokenIndex, fnNode.endTokenIndex],
+        },
+      });
+    }
+
+    return diagnostics;
+  },
+};
+
+export default NOW_RULE;
diff --git a/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/rule-utils.ts b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/rule-utils.ts
new file mode 100644
index 0000000..256d55c
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/rule-utils.ts
@@ -0,0 +1,109 @@
+import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+
+import { ASTNode } from '../../types';
+
+export function isColumnField(fieldId: string) {
+  return fieldId.includes('.');
+}
+
+export function isLogicalNode(node: ASTNode): boolean {
+  if (!node) return false;
+
+  if (node.type === 'compare') return true;
+
+  if (node.type === 'literal' && node.valueType === 'boolean') return true;
+
+  if (node.type === 'function') {
+    return ['AND'].includes(node.name);
+  }
+
+  return false;
+}
+
+/**
+ * 判断节点是否可以作为 TEXT 的第一个参数：
+ * 允许文本 / 数字 / 日期 / 逻辑值，以及这些类型的表达式结果
+ */
+export function isTextNumberDateNode(node: ASTNode): boolean {
+  if (!node) return false;
+
+  //  字面量：string / number / boolean
+  if (node.type === 'literal') {
+    return ['string', 'number', 'boolean'].includes(node.valueType);
+  }
+
+  // 字段：
+  // 当前表单场景下，字段最终都可以转成文本/数字/日期中的一种
+  if (node.type === 'field') {
+    if (node.fieldType === FieldTypeEnum.DATE_TIME) return true;
+    if (node.fieldType === FieldTypeEnum.INPUT_NUMBER) return true;
+
+    // 其他字段按“文本”处理
+    return true;
+  }
+
+  // 函数：
+  // 当前这些函数返回文本 / 数字 / 日期 / 逻辑值
+  if (node.type === 'function') {
+    return ['TEXT', 'TODAY', 'NOW', 'SUM', 'DAYS', 'CONCATENATE', 'IFS', 'IF', 'AND'].includes(node.name);
+  }
+
+  // 比较表达式：返回 boolean
+  if (node.type === 'compare') {
+    return true;
+  }
+
+  // 二元表达式：
+  // + - * / 的结果可以继续作为 TEXT 的第一个参数
+  if (node.type === 'binary') {
+    return ['+', '-', '*', '/'].includes(node.operator);
+  }
+
+  return false;
+}
+
+export function isTextNumberDateOrLogicalNode(node: ASTNode): boolean {
+  return isTextNumberDateNode(node) || isLogicalNode(node);
+}
+
+/**
+ * AND 参数允许：
+ * - 逻辑表达式 / 布尔字面量
+ * - 数字字面量
+ * - 数字字段
+ * - 日期字段（Excel 里日期本质是 number serial）
+ * - 返回 number/date 的函数
+ *
+ * AND 参数不允许：
+ * - 文本字面量
+ * - 文本字段
+ * - TEXT / CONCATENATE 等文本函数
+ */
+export function isLogicalLikeNodeForAnd(node: ASTNode): boolean {
+  if (!node) return false;
+
+  // 原生逻辑值
+  if (isLogicalNode(node)) return true;
+
+  // number literal 允许
+  if (node.type === 'literal') {
+    return node.valueType === 'number';
+  }
+
+  // 数字字段 / 日期字段允许
+  if (node.type === 'field') {
+    return [FieldTypeEnum.INPUT_NUMBER, FieldTypeEnum.DATE_TIME].includes(node.fieldType as any);
+  }
+
+  // 返回数值 / 日期的函数允许
+  if (node.type === 'function') {
+    return ['SUM', 'DAYS', 'NOW', 'TODAY'].includes(node.name);
+  }
+
+  // 二元数值表达式也允许，例如：数字1 + 数字2
+  if (node.type === 'binary') {
+    return ['+', '-', '*', '/'].includes(node.operator);
+  }
+
+  return false;
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/sum.rule.ts b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/sum.rule.ts
new file mode 100644
index 0000000..4bf41b6
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/sum.rule.ts
@@ -0,0 +1,13 @@
+import { FormulaDiagnostic, FormulaFunctionRule } from '../../types';
+
+const SUM_RULE: FormulaFunctionRule = {
+  name: 'SUM',
+
+  diagnose({ fnNode, args }) {
+    const diagnostics: FormulaDiagnostic[] = [];
+    // 后边SUM的其他规则可扩展在这里
+    return diagnostics;
+  },
+};
+
+export default SUM_RULE;
diff --git a/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/text.rule.ts b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/text.rule.ts
new file mode 100644
index 0000000..4861275
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/text.rule.ts
@@ -0,0 +1,63 @@
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+import { FormulaErrorCode } from '../../config';
+import { FormulaDiagnostic, FormulaFunctionRule } from '../../types';
+import { isTextNumberDateOrLogicalNode } from './rule-utils';
+
+const { t } = useI18n();
+
+export const TEXT_RULE: FormulaFunctionRule = {
+  name: 'TEXT',
+
+  diagnose({ fnNode, args }) {
+    const diagnostics: FormulaDiagnostic[] = [];
+
+    // 1. 参数个数必须为 2
+    if (args.length !== 2) {
+      diagnostics.push({
+        type: 'error',
+        code: FormulaErrorCode.ARG_COUNT_ERROR,
+        functionName: fnNode.name,
+        message: t('formulaEditor.diagnostics.argCountErrorOfDAYS'),
+        highlight: {
+          tokenRange: [fnNode.startTokenIndex, fnNode.endTokenIndex],
+        },
+      });
+      return diagnostics;
+    }
+
+    // 2. 第一个参数类型限制：数字 / 日期 / 逻辑值
+    const valueArg = args[0];
+    if (!isTextNumberDateOrLogicalNode(valueArg)) {
+      diagnostics.push({
+        type: 'error',
+        code: FormulaErrorCode.INVALID_FUNCTION_CALL,
+        functionName: fnNode.name,
+        message: t('formulaEditor.diagnostics.invalidFormatArgOfFirstTEXT'),
+        highlight: {
+          tokenRange: [valueArg.startTokenIndex, valueArg.endTokenIndex],
+        },
+      });
+    }
+
+    // 3. 第二个参数必须是英文双引号包裹的字符串
+    const formatArg = args[1];
+    const isQuotedString = formatArg.type === 'literal' && formatArg.valueType === 'string';
+
+    if (!isQuotedString) {
+      diagnostics.push({
+        type: 'error',
+        code: FormulaErrorCode.SYNTAX_ERROR,
+        functionName: fnNode.name,
+        message: t('formulaEditor.diagnostics.invalidFormatArgOfSecondTEXT'),
+        highlight: {
+          tokenRange: [formatArg.startTokenIndex, formatArg.endTokenIndex],
+        },
+      });
+    }
+
+    return diagnostics;
+  },
+};
+
+export default TEXT_RULE;
diff --git a/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/today.rule.ts b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/today.rule.ts
new file mode 100644
index 0000000..2c0ec19
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula-editor/diagnose/rules/today.rule.ts
@@ -0,0 +1,32 @@
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+import { FormulaErrorCode } from '../../config';
+import { FormulaDiagnostic, FormulaFunctionRule } from '../../types';
+
+const { t } = useI18n();
+
+export const TODAY_RULE: FormulaFunctionRule = {
+  name: 'TODAY',
+
+  diagnose({ fnNode, args }) {
+    const diagnostics: FormulaDiagnostic[] = [];
+
+    if (args?.length !== 0) {
+      diagnostics.push({
+        type: 'error',
+        code: FormulaErrorCode.ARG_COUNT_ERROR,
+        functionName: fnNode.name,
+        message: t('formulaEditor.diagnostics.nowNotAcceptParams', {
+          name: fnNode.name,
+        }),
+        highlight: {
+          tokenRange: [fnNode.startTokenIndex, fnNode.endTokenIndex],
+        },
+      });
+    }
+
+    return diagnostics;
+  },
+};
+
+export default TODAY_RULE;
diff --git a/frontend/packages/web/src/components/business/crm-formula-editor/index.vue b/frontend/packages/web/src/components/business/crm-formula-editor/index.vue
new file mode 100644
index 0000000..c2fbb70
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula-editor/index.vue
@@ -0,0 +1,969 @@
+<template>
+  <n-scrollbar>
+    <div class="crm-form-design-formula-header">
+      <div class="ph-prefix">{{ props.fieldConfig.name }} = </div>
+      <n-button type="primary" text @click="handleClearFormulaField">
+        {{ t('common.clear') }}
+      </n-button>
+    </div>
+
+    <div class="crm-form-design-formula-wrapper">
+      <div
+        ref="editor"
+        class="crm-form-design-formula-editor"
+        contenteditable="true"
+        @click="saveCursor"
+        @keyup="saveCursor"
+        @focus="handleFocus"
+        @blur="handleBlur"
+        @input="handleEditorInput"
+      >
+      </div>
+      <div class="diagnose-result mb-[16px] mt-[4px] flex flex-wrap items-center">
+        <div v-for="(item, index) of formulaDiagnostics" class="flex flex-wrap items-center text-[var(--error-red)]">
+          <template v-if="item.functionName"> {{ item.functionName }}： </template>
+          <div class="mr-[8px]">{{ item.message }}</div>
+          <template v-if="formulaDiagnostics.length > 1 && index !== formulaDiagnostics.length - 1"> ；</template>
+        </div>
+      </div>
+      <div class="field-wrapper">
+        <div class="field-item">
+          <div class="field-item-title"> {{ t('common.formFields') }} </div>
+          <CrmSearchInput
+            v-model:value="keyword"
+            class="field-search-input !w-[calc(100%+2px)]"
+            :placeholder="t('crmFormDesign.formulaByNameSearchPlaceholder')"
+          />
+          <div class="field-item-content">
+            <CrmCollapse
+              v-for="(ele, index) of allFieldList"
+              :default-expand="true"
+              :name-key="ele.type"
+              class="field-item-collapse"
+            >
+              <template #header>
+                <div class="px-[4px] text-[14px] font-medium text-[var(--text-n2)]">
+                  {{ t(ele.name) }}（{{ ele.children.length }}）
+                </div>
+              </template>
+              <template v-if="ele.children.length > 0">
+                <div
+                  v-for="item of ele.children"
+                  class="flex h-[32px] items-center justify-between rounded px-[4px] hover:bg-[var(--text-n9)]"
+                  @mousedown.prevent="insertField(item)"
+                >
+                  <n-tooltip trigger="hover" :delay="300" placement="top-start">
+                    <template #trigger>
+                      <div class="one-line-text flex-1 cursor-pointer">
+                        {{ item.name }}
+                      </div>
+                    </template>
+                    {{ item.name }}
+                  </n-tooltip>
+
+                  <CrmTag :type="colorThemeMap[ele.type]?.type || 'default'" class="flex-shrink-0" theme="light">
+                    {{ colorThemeMap[ele.type]?.label }}
+                  </CrmTag>
+                </div>
+              </template>
+              <div v-else class="px-[4px] text-[var(--text-n4)]">{{ t('common.noData') }}</div>
+              <n-divider
+                v-if="ele.children.length !== 0 && index !== allFieldList.length - 1"
+                class="!mb-0 !mt-[16px]"
+              />
+            </CrmCollapse>
+          </div>
+        </div>
+        <div class="field-item">
+          <div class="field-item-title"> {{ t('crmFormDesign.formulaFunction') }} </div>
+          <div class="field-item-content">
+            <div v-for="fun of allFunctionSource" class="field-fun-item" @mousedown.prevent="insertField(fun)">
+              <div
+                :style="{
+                  color: activeFun?.name === fun.name ? FUN_COLOR : 'var(--text-n1)',
+                }"
+              >
+                {{ fun.name }}
+              </div>
+              <div class="function-desc-text">{{ fun.description }}</div>
+            </div>
+          </div>
+        </div>
+        <div class="field-item">
+          <div class="field-item-title"> {{ t('crmFormDesign.formulaUsage') }} </div>
+          <div class="field-item-content">
+            <div>
+              <div class="field-fun-item-name">{{ activeFun?.name }}</div>
+              <div class="function-desc-text">{{ activeFun?.description }}</div>
+            </div>
+            <div v-if="activeFun">
+              <div class="text-[var(--text-n1)]">{{ t('crmFormDesign.formulaUsageMethods') }}</div>
+              <div v-if="activeFun?.name === 'DAYS'">
+                <div class="flex items-center">
+                  <div :style="{ color: FUN_COLOR }">DAYS</div>(<div :class="`text-[${DATE_TIME_COLOR}]`">
+                    {{ t('crmFormDesign.formulaExampleEndTime') }} </div
+                  >, <div :class="`text-[${DATE_TIME_COLOR}]`"> {{ t('crmFormDesign.formulaExampleStartTime') }} </div>)
+                </div>
+              </div>
+              <div v-if="activeFun?.name === 'SUM'">
+                <div class="flex items-center">
+                  <div :style="{ color: FUN_COLOR }">SUM</div>(<div :class="`text-[${INPUT_NUMBER_COLOR}]`">
+                    {{ t('formulaEditor.function.argFirst') }} </div
+                  >, <div :class="`text-[${INPUT_NUMBER_COLOR}]`"> {{ t('formulaEditor.function.argSecond') }} </div>,
+                  ... )
+                </div>
+              </div>
+              <div v-if="activeFun?.name === 'CONCATENATE'">
+                <div class="flex items-center">
+                  <div :style="{ color: FUN_COLOR }">CONCATENATE</div>(<div :class="`text-[${INPUT_NUMBER_COLOR}]`">
+                    {{ t('formulaEditor.function.argFirst') }} </div
+                  >, <div :class="`text-[${INPUT_NUMBER_COLOR}]`"> {{ t('formulaEditor.function.argSecond') }} </div>,
+                  ... )
+                </div>
+                <div class="function-desc-text">{{ t('formulaEditor.function.mergeText') }}</div>
+                <div class="flex items-center">
+                  <div :style="{ color: FUN_COLOR }">CONCATENATE</div>(<div :class="`text-[${INPUT_NUMBER_COLOR}]`">
+                    {{ t('formulaEditor.function.argFirst') }} </div
+                  >,"-",
+                  <div :class="`text-[${INPUT_NUMBER_COLOR}]`"> {{ t('formulaEditor.function.argSecond') }} </div>, ...
+                  )
+                </div>
+                <div class="function-desc-text">{{ t('formulaEditor.function.mergeTextWithSeparator') }}</div>
+              </div>
+              <div v-if="activeFun?.name === 'TEXT'">
+                <div class="flex items-center">
+                  <div :style="{ color: FUN_COLOR }">TEXT</div>(<div :class="`text-[${TEXT_COLOR}]`">
+                    {{ t('formulaEditor.function.formatDateOrNumber') }} </div
+                  >, <div :class="`text-[${TEXT_COLOR}]`"> {{ t('formulaEditor.function.formatCodeText') }} </div> )
+                </div>
+              </div>
+              <div v-if="activeFun?.name === 'IFS'">
+                <div class="flex flex-wrap items-center">
+                  <div :style="{ color: FUN_COLOR }">IFS</div>(<div :class="`text-[${TEXT_COLOR}]`"> A1>90 </div>,
+                  <div :class="`text-[${TEXT_COLOR}]`"> "优秀" </div>,
+                  <div :class="`text-[${TEXT_COLOR}]`"> A1>=60 </div>,
+                  <div :class="`text-[${TEXT_COLOR}]`"> "及格" </div>,
+                  <div :class="`text-[${TEXT_COLOR}]`"> TRUE </div>,
+                  <div :class="`text-[${TEXT_COLOR}]`"> "不及格" </div>
+                  )
+                </div>
+              </div>
+              <div v-if="activeFun?.name === 'TODAY'">
+                <div class="function-desc-text">获取当前日期:</div>
+                <div class="flex flex-wrap items-center gap-[2px]">
+                  <div :style="{ color: FUN_COLOR }">TODAY</div>( )
+                </div>
+                <div class="function-desc-text">计算日期差:</div>
+                <div class="flex flex-wrap items-center gap-[2px]">
+                  <div :style="{ color: FUN_COLOR }">TODAY</div>( )
+                  <div> - </div>
+                  <div :class="`text-[${TEXT_COLOR}]`"> A1 </div>
+                  （A1 为历史日期）
+                </div>
+              </div>
+              <div v-if="activeFun?.name === 'NOW'">
+                <div class="function-desc-text">获取当前日期时间:</div>
+                <div class="flex flex-wrap items-center gap-[2px]">
+                  <div :style="{ color: FUN_COLOR }">NOW</div>( )
+                </div>
+                <div class="function-desc-text">计算时间差:</div>
+                <div class="flex flex-wrap items-center gap-[2px]">
+                  <div :style="{ color: FUN_COLOR }">NOW</div>( )
+                  <div> - </div>
+                  <div :class="`text-[${TEXT_COLOR}]`"> A1 </div>
+                  （A1 为历史日期）
+                </div>
+              </div>
+              <div v-if="activeFun?.name === 'AND'">
+                <div class="flex items-center">
+                  <div :style="{ color: FUN_COLOR }">AND</div>(<div :class="`text-[${INPUT_NUMBER_COLOR}]`">
+                    {{ t('formulaEditor.function.conditionFirst') }} </div
+                  >,
+                  <div :class="`text-[${INPUT_NUMBER_COLOR}]`"> {{ t('formulaEditor.function.conditionSecond') }} </div
+                  >, ... )
+                </div>
+              </div>
+            </div>
+
+            <div v-else class="function-desc-text">
+              {{ t('crmFormDesign.formulaSelectUsageTip') }}
+            </div>
+          </div>
+        </div>
+      </div>
+      <div v-if="isEmpty" class="formula-placeholder flex flex-col items-start">
+        <div class="text-[var(--text-n6)]">{{ t('crmFormDesign.formulaPlaceholder') }}</div>
+
+        <div class="flex items-center">
+          <div :style="{ color: FUN_COLOR }">SUM</div>(<div :style="{ color: ARRAY_COLOR }">订阅产品.金额</div>) +
+          <div :style="{ color: FUN_COLOR }">SUM</div>(<div :style="{ color: ARRAY_COLOR }">授权产品.金额</div>) +
+          <div :style="{ color: FUN_COLOR }">SUM</div>(<div :style="{ color: ARRAY_COLOR }">续费产品.金额</div>)
+        </div>
+      </div>
+    </div>
+  </n-scrollbar>
+</template>
+
+<script setup lang="ts">
+  import { NButton, NDivider, NScrollbar, NTooltip } from 'naive-ui';
+  import { debounce } from 'lodash-es';
+
+  import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmCollapse from '@/components/pure/crm-collapse/index.vue';
+  import CrmSearchInput from '@/components/pure/crm-search-input/index.vue';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import { FormCreateField } from '@/components/business/crm-form-create/types';
+
+  import {
+    allFunctionSource,
+    ARRAY_COLOR,
+    DATE_TIME_COLOR,
+    FUN_COLOR,
+    INPUT_NUMBER_COLOR,
+    TEXT_COLOR,
+    TEXT_TYPE,
+  } from './config';
+  import diagnoseFormula from './diagnose/diagnose';
+  import parseTokensToAST from './parser';
+  import { createFunctionNode, renderTokensToEditor } from './parseSource/renderTokens';
+  import { serializeFormulaFromAst, tokenizeFromSource } from './parseSource/serializeFormulaFromAst';
+  import tokenizeFromEditor from './tokenizer';
+  import { FormulaDiagnostic, FormulaFieldMeta } from './types';
+  import {
+    deleteAtomicNode,
+    ensureFnArgsHasCaretText,
+    findLeftAtomicDeep,
+    getSelectionRange,
+    insertRangeAtomic,
+    isRangeInsideSameFnArgs,
+    resolveFieldId,
+    safeParseFormula,
+  } from './utils';
+
+  const { t } = useI18n();
+
+  export type FormulaFormCreateField = FormCreateField & {
+    parentId?: string;
+    parentName?: string;
+    inSubTable?: boolean;
+  };
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+    formFields: FormCreateField[];
+    isSubTableField?: boolean;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'save', astVal: string): void;
+  }>();
+
+  const FUNCTION_NAMES = [...allFunctionSource.map((e) => e.name)];
+
+  const formulaDiagnostics = ref<FormulaDiagnostic[]>([]);
+  const keyword = ref('');
+  const activeFun = ref<FormCreateField | null>(null);
+
+  const colorThemeMap: Record<string, any> = {
+    [FieldTypeEnum.INPUT_NUMBER]: {
+      type: 'info',
+      label: t('crmFormDesign.inputNumber'),
+    },
+    [FieldTypeEnum.DATE_TIME]: {
+      type: 'success',
+      label: t('crmFormDesign.dateTime'),
+    },
+    ARRAY: {
+      type: 'warning',
+      label: t('common.array'),
+    },
+    TEXT: {
+      type: 'primary',
+      label: t('common.text'),
+    },
+  };
+
+  const allowFormulaType = [FieldTypeEnum.INPUT_NUMBER, FieldTypeEnum.DATE_TIME];
+
+  function pushByType(
+    field: FormCreateField,
+    numberGroup: FormCreateField[],
+    dateGroup: FormCreateField[],
+    textGroup: FormCreateField[],
+    isSubTable?: boolean
+  ) {
+    if (field.type === FieldTypeEnum.INPUT_NUMBER) {
+      numberGroup.push({
+        ...field,
+        id: resolveFieldId(field, isSubTable),
+      });
+    }
+
+    if (field.type === FieldTypeEnum.DATE_TIME) {
+      dateGroup.push({
+        ...field,
+        id: resolveFieldId(field, isSubTable),
+      });
+    }
+    if (TEXT_TYPE.includes(field.type)) {
+      textGroup.push({
+        ...field,
+        id: resolveFieldId(field, isSubTable),
+      });
+    }
+  }
+
+  function flatAllFields(fields: FormCreateField[]) {
+    const result: (FormCreateField & { parentId?: string; parentName?: string; inSubTable?: boolean })[] = [];
+    const currentFieldId = props.fieldConfig.id;
+    fields.forEach((field) => {
+      if (field.subFields) {
+        field.subFields.forEach((sub) => {
+          result.push({
+            ...sub,
+            parentId: field.id,
+            id: resolveFieldId(sub),
+            parentName: field.name,
+            inSubTable: true,
+          });
+        });
+      } else if (currentFieldId !== field.id) {
+        result.push({
+          ...field,
+          inSubTable: false,
+        });
+      }
+    });
+
+    return result;
+  }
+
+  const allFormFields = computed(() => flatAllFields(props.formFields));
+
+  function isSameSubTableNumberField(field: FormulaFormCreateField) {
+    const currentField = allFormFields.value.find((e) => e.id === resolveFieldId(props.fieldConfig));
+    return field.inSubTable && field.parentId === currentField?.parentId && field.type === FieldTypeEnum.INPUT_NUMBER;
+  }
+
+  function classifyFields(allFields: FormulaFormCreateField[]) {
+    const numberGroup: FormulaFormCreateField[] = [];
+    const dateGroup: FormulaFormCreateField[] = [];
+    const arrayGroup: FormulaFormCreateField[] = [];
+    const textGroup: FormulaFormCreateField[] = [];
+    allFields.forEach((field) => {
+      // 当前在子表内
+      if (props.isSubTableField) {
+        if (field.inSubTable && [FieldTypeEnum.INPUT_NUMBER].includes(field.type) && isSameSubTableNumberField(field)) {
+          pushByType(field, numberGroup, dateGroup, textGroup, true);
+        }
+        return;
+      }
+
+      // 不在子表内
+      if (!field.inSubTable) {
+        pushByType(field, numberGroup, dateGroup, textGroup);
+      }
+      if (field.inSubTable && [...allowFormulaType, FieldTypeEnum.FORMULA].includes(field.type)) {
+        // 生成路径字段
+        arrayGroup.push({
+          ...field,
+          id: `${field.parentId}.${resolveFieldId(field, field.inSubTable)}`,
+          name: `${field.parentName}.${field.name}`,
+        });
+      }
+    });
+
+    return { numberGroup, dateGroup, arrayGroup, textGroup };
+  }
+
+  const allFieldListSource = computed(() => {
+    const { numberGroup, dateGroup, arrayGroup, textGroup } = classifyFields(allFormFields.value);
+    return [
+      {
+        name: t('crmFormDesign.inputNumber'),
+        type: FieldTypeEnum.INPUT_NUMBER,
+        children: numberGroup,
+      },
+      {
+        name: t('crmFormDesign.dateTime'),
+        type: FieldTypeEnum.DATE_TIME,
+        children: dateGroup,
+      },
+      {
+        name: t('common.array'),
+        type: 'ARRAY',
+        children: arrayGroup,
+      },
+      {
+        name: t('common.text'),
+        type: 'TEXT',
+        children: textGroup,
+      },
+    ];
+  });
+
+  const allFieldList = computed(() => {
+    const key = keyword.value.trim();
+    if (!key) {
+      return allFieldListSource.value;
+    }
+    return allFieldListSource.value.map((group) => ({
+      ...group,
+      children: group.children.filter((child) => child.name?.includes(key)),
+    }));
+  });
+
+  const cursorRange = ref<Range | null>(null);
+  const isEmpty = ref(true);
+  const editor = ref<HTMLElement | null>(null);
+
+  function handleInput() {
+    const text = editor.value?.innerText.trim() ?? '';
+    isEmpty.value = text.length === 0;
+  }
+
+  function handleFocus() {
+    isEmpty.value = false;
+  }
+
+  function handleBlur() {
+    handleInput();
+  }
+
+  function saveCursor() {
+    const selection = window.getSelection();
+    if (selection && selection.rangeCount > 0) {
+      cursorRange.value = selection.getRangeAt(0);
+    }
+  }
+
+  function ensureCursor(edt: HTMLElement) {
+    if (!cursorRange.value || !edt.contains(cursorRange.value.startContainer)) {
+      const range = document.createRange();
+      range.selectNodeContents(edt);
+      range.collapse(false);
+
+      const sel = window.getSelection();
+      sel?.removeAllRanges();
+      sel?.addRange(range);
+
+      cursorRange.value = range;
+    }
+  }
+
+  const validateCurrentFormula = debounce(() => {
+    if (!editor.value) return;
+
+    const tokens = tokenizeFromEditor(editor.value);
+    const ast = parseTokensToAST(tokens);
+    formulaDiagnostics.value = diagnoseFormula(tokens, ast);
+    // TODO 高亮先不做
+    // applyDiagnosticsHighlight(editor.value, diagnostics);
+  }, 200);
+
+  type FormulaNodeMeta = {
+    text: string;
+    color?: string;
+    isFunction: boolean;
+  };
+
+  function getFormulaNodeMeta(item: FormCreateField & { isFunction?: boolean }): FormulaNodeMeta {
+    if (item.isFunction) {
+      return {
+        text: `${item.name}`,
+        color: FUN_COLOR,
+        isFunction: true,
+      };
+    }
+
+    // —— 数组字段（二级路径）
+    if (item.id?.includes('.')) {
+      return {
+        text: item.name,
+        color: ARRAY_COLOR,
+        isFunction: false,
+      };
+    }
+
+    // —— 普通字段
+    switch (item.type) {
+      case FieldTypeEnum.INPUT_NUMBER:
+        return {
+          text: item.name,
+          color: INPUT_NUMBER_COLOR,
+          isFunction: false,
+        };
+
+      case FieldTypeEnum.DATE_TIME:
+        return {
+          text: item.name,
+          color: DATE_TIME_COLOR,
+          isFunction: false,
+        };
+      case FieldTypeEnum.INPUT:
+      case FieldTypeEnum.DATA_SOURCE:
+      case FieldTypeEnum.DATA_SOURCE_MULTIPLE:
+      case FieldTypeEnum.SERIAL_NUMBER:
+      case FieldTypeEnum.SELECT:
+        return {
+          text: item.name,
+          color: TEXT_COLOR,
+          isFunction: false,
+        };
+
+      default:
+        return {
+          text: item.name,
+          isFunction: false,
+        };
+    }
+  }
+
+  // 插入函数
+  function insertFunction(item: FormCreateField) {
+    if (!editor.value) return;
+    activeFun.value = item;
+    ensureCursor(editor.value);
+    handleFocus();
+    const range = cursorRange.value!;
+    range.deleteContents();
+
+    const { root, args } = createFunctionNode(item.name);
+
+    range.insertNode(root);
+
+    // 光标进参数区
+    const caret = document.createRange();
+    caret.setStart(args.firstChild!, 0);
+    caret.collapse(true);
+
+    const sel = window.getSelection();
+    sel?.removeAllRanges();
+    sel?.addRange(caret);
+
+    cursorRange.value = caret;
+    nextTick(() => {
+      validateCurrentFormula();
+    });
+  }
+
+  function getNumberType(field: FormCreateField) {
+    if (field.type === FieldTypeEnum.INPUT_NUMBER) {
+      return field.numberFormat === 'percent' ? 'percent' : 'number';
+    }
+    if (field.type === FieldTypeEnum.DATE_TIME) {
+      return 'date';
+    }
+    return undefined;
+  }
+
+  // 插入对应的字段
+  function insertField(item: FormCreateField & { isFunction?: boolean }) {
+    if (!editor.value) return;
+
+    if (item.isFunction) {
+      insertFunction(item);
+      return;
+    }
+
+    ensureCursor(editor.value);
+    handleFocus();
+
+    const meta = getFormulaNodeMeta(item);
+
+    const fieldNode = document.createElement('span');
+    fieldNode.className = 'formula-tag-wrapper';
+    fieldNode.contentEditable = 'false';
+    fieldNode.dataset.nodeType = 'field';
+    fieldNode.dataset.value = item.id;
+    fieldNode.dataset.fieldType = item.type;
+    const numberType = getNumberType(item);
+    if (numberType) {
+      fieldNode.dataset.numberType = numberType;
+    }
+
+    if (meta.color) {
+      fieldNode.style.color = meta.color;
+    }
+
+    fieldNode.textContent = item.name;
+
+    insertRangeAtomic(editor.value, fieldNode);
+
+    nextTick(() => {
+      validateCurrentFormula();
+    });
+  }
+
+  function replaceWithFunctionNode(range: Range, fnName: string) {
+    range.deleteContents();
+
+    const { root, args } = createFunctionNode(fnName);
+
+    range.insertNode(root);
+
+    // 光标进入参数区
+    const caret = document.createRange();
+    caret.setStart(args.firstChild!, 0);
+    caret.collapse(true);
+
+    const sel = window.getSelection();
+    sel?.removeAllRanges();
+    sel?.addRange(caret);
+
+    cursorRange.value = caret;
+  }
+
+  function upgradePlainFunction(root: HTMLElement) {
+    const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, null);
+    const textNodes: Text[] = [];
+
+    while (walker.nextNode()) {
+      const textNode = walker.currentNode as Text;
+      const parent = textNode.parentElement;
+
+      const canProcess =
+        !!parent &&
+        !parent.closest('.fn-name') &&
+        !parent.closest('.fn-paren') &&
+        !parent.closest('.formula-tag-wrapper');
+
+      if (canProcess) {
+        textNodes.push(textNode);
+      }
+    }
+
+    textNodes.forEach((textNode) => {
+      const text = textNode.nodeValue ?? '';
+
+      FUNCTION_NAMES.forEach((fnName) => {
+        const reg = new RegExp(`\\b${fnName}\\(`);
+        const match = reg.exec(text);
+
+        if (match) {
+          const start = match.index;
+          const end = start + fnName.length + 1;
+
+          const range = document.createRange();
+          range.setStart(textNode, start);
+          range.setEnd(textNode, end);
+
+          replaceWithFunctionNode(range, fnName);
+        }
+      });
+    });
+  }
+
+  function handleEditorInput() {
+    upgradePlainFunction(editor.value!);
+    validateCurrentFormula();
+  }
+
+  function getCalculateFormula(): string | undefined {
+    if (!editor.value) return;
+    const tokens = tokenizeFromEditor(editor.value);
+    const ast = parseTokensToAST(tokens);
+
+    const fieldMap: Record<string, string> = {};
+    flatAllFields(props.formFields).forEach((item) => {
+      fieldMap[item.id] = item.name;
+    });
+
+    const saveResult = serializeFormulaFromAst(ast, fieldMap);
+    // todo xinxinwu debugger
+    // console.log(saveResult, 'saveResult');
+    const result = JSON.stringify(saveResult);
+    return result;
+  }
+
+  function handleClearFormulaField() {
+    if (!editor.value) return;
+    editor.value.innerHTML = '';
+    ensureCursor(editor.value);
+    isEmpty.value = true;
+    formulaDiagnostics.value = [];
+  }
+
+  function initFormula() {
+    nextTick(async () => {
+      if (editor.value) {
+        const { source, fields } = safeParseFormula(props.fieldConfig.formula ?? '');
+        const fieldMap: Record<string, FormulaFormCreateField> = {};
+        const { numberGroup, dateGroup, arrayGroup, textGroup } = classifyFields(allFormFields.value);
+        [...numberGroup, ...dateGroup, ...arrayGroup, ...textGroup].forEach((item) => {
+          if (fields?.map((f: FormulaFieldMeta) => f.fieldId)?.includes(item.id)) {
+            fieldMap[item.id] = item;
+          }
+        });
+        const tokens = tokenizeFromSource(source, fieldMap);
+
+        renderTokensToEditor(editor.value, tokens);
+        await nextTick();
+        validateCurrentFormula();
+        if (source) {
+          isEmpty.value = false;
+        }
+      }
+    });
+  }
+
+  function handleBackspaceAtomic(e: KeyboardEvent) {
+    if (e.key !== 'Backspace') return;
+
+    const range = getSelectionRange();
+    if (!range) return;
+
+    // 有选区
+    if (!range.collapsed) {
+      const sameFnArgs = isRangeInsideSameFnArgs(range);
+
+      // 选区完全位于同一个函数参数区内：只删除选中的内容
+      if (sameFnArgs) {
+        e.preventDefault();
+        range.deleteContents();
+        ensureFnArgsHasCaretText(sameFnArgs);
+
+        nextTick(() => {
+          validateCurrentFormula();
+        });
+        return;
+      }
+
+      // 其他情况交给浏览器默认行为，避免误删整个函数 atomic
+      nextTick(() => {
+        validateCurrentFormula();
+      });
+      return;
+    }
+
+    // 无选区：继续保留 atomic 删除能力
+    const { startContainer, startOffset } = range;
+    const atomic = findLeftAtomicDeep(startContainer, startOffset);
+
+    if (atomic) {
+      e.preventDefault();
+      deleteAtomicNode(atomic);
+
+      nextTick(() => validateCurrentFormula());
+      return;
+    }
+
+    //  普通文本退格走浏览器默认行为
+    nextTick(() => {
+      validateCurrentFormula();
+    });
+  }
+
+  function normalizePastedText(text: string) {
+    return text
+      .replace(/[\u200B-\u200D\uFEFF]/g, '')
+      .replace(/\u00A0/g, ' ')
+      .replace(/[“”]/g, '"')
+      .replace(/[‘’]/g, "'");
+  }
+
+  function insertTextAtCursor(container: HTMLElement, text: string) {
+    const selection = window.getSelection();
+    if (!selection || selection.rangeCount === 0) return;
+
+    const range = selection.getRangeAt(0);
+    range.deleteContents();
+
+    const textNode = document.createTextNode(text);
+    range.insertNode(textNode);
+
+    // 先把光标放到 textNode 后
+    const caretRange = document.createRange();
+    caretRange.setStartAfter(textNode);
+    caretRange.setEndAfter(textNode);
+
+    selection.removeAllRanges();
+    selection.addRange(caretRange);
+
+    container.normalize();
+  }
+
+  function handlePaste(e: ClipboardEvent) {
+    e.preventDefault();
+    if (!editor.value) return;
+
+    const text = e.clipboardData?.getData('text/plain') ?? '';
+    const normalized = normalizePastedText(text);
+    if (text) {
+      handleFocus();
+    }
+
+    const plain = e.clipboardData?.getData('text/plain') ?? '';
+    const html = e.clipboardData?.getData('text/html') ?? '';
+    const types = e.clipboardData ? Array.from(e.clipboardData.types) : [];
+
+    insertTextAtCursor(editor.value, normalized);
+
+    tokenizeFromEditor(editor.value);
+  }
+
+  watch(
+    () => props.fieldConfig.formula,
+    () => {
+      initFormula();
+    }
+  );
+
+  onMounted(() => {
+    initFormula();
+    editor.value?.addEventListener('keydown', handleBackspaceAtomic);
+    editor.value?.addEventListener('paste', handlePaste);
+  });
+
+  defineExpose({
+    getCalculateFormula,
+    handleClearFormulaField,
+    editor,
+  });
+</script>
+
+<style scoped lang="less">
+  .crm-form-design-formula-wrapper {
+    position: relative;
+    display: flex;
+    min-height: 40px;
+    border-radius: 6px;
+    color: var(--text-n1);
+    @apply flex flex-col;
+    .crm-form-design-formula-editor {
+      padding: 16px 16px 8px;
+      min-height: 100px;
+      max-height: 800px;
+      border: 0.5px solid var(--text-n7);
+      border-radius: 0 0 4px 4px;
+      outline: none;
+      flex: 1;
+      gap: 8px;
+      .crm-scroll-bar();
+      @apply: h-full w-full overflow-y-auto flex items-center;
+      &:focus {
+        border-color: var(--primary-8);
+        outline: none;
+      }
+    }
+    .formula-placeholder {
+      position: absolute;
+      top: 0;
+      left: 0;
+      padding: 16px 16px 0;
+      gap: 8px;
+      pointer-events: none; /* 不阻止输入 */
+      @apply flex;
+    }
+  }
+  .crm-form-design-formula-header {
+    padding: 0 16px;
+    height: 32px;
+    line-height: 32px;
+    border: 0.5px solid var(--text-n7);
+    border-bottom: none;
+    border-radius: 4px 4px 0 0;
+    background: var(--text-n9);
+    @apply flex items-center justify-between;
+    .ph-prefix {
+      margin-right: 4px;
+      font-weight: 600;
+      color: var(--text-n1);
+    }
+  }
+  .field-wrapper {
+    @apply flex;
+
+    max-height: 400px;
+    border: 1px solid var(--text-n7);
+    border-radius: 4px;
+    background: var(--text-n9);
+    .field-item {
+      @apply flex  w-1/3  flex-1  flex-col;
+      &:hover .field-item-content::-webkit-scrollbar-thumb {
+        @apply block;
+      }
+
+      border-radius: 4px;
+      .field-item-title {
+        padding: 4px 8px;
+        @apply font-semibold;
+
+        border-right: 1px solid var(--text-n7);
+        color: var(--text-n1);
+      }
+      &:nth-of-type(2) .field-item-title {
+        border-bottom: 1px solid var(--text-n7);
+      }
+      &:last-child .field-item-title {
+        border-right: none;
+        border-bottom: 1px solid var(--text-n7);
+      }
+      .field-item-content {
+        overflow-y: auto;
+        padding: 12px;
+        border-right: 1px solid var(--text-n7);
+        background: var(--text-n10);
+        @apply flex flex-1 flex-col;
+        .crm-scroll-bar();
+        .field-fun-item {
+          padding: 0 4px;
+          @apply cursor-pointer rounded;
+          &:hover {
+            background: var(--text-n9);
+          }
+          &.active {
+            background: var(--text-n9);
+          }
+        }
+      }
+      &:last-child .field-item-content {
+        border-right: none;
+        background: none;
+      }
+    }
+  }
+  .field-item-collapse {
+    margin-bottom: 16px;
+    padding: 0;
+    .n-collapse-item {
+      .n-collapse-item__content-wrapper {
+        .n-collapse-item__content-inner {
+          padding-top: 8px !important;
+        }
+      }
+    }
+  }
+  :deep(.n-collapse-item__content-inner) {
+    padding-top: 0 !important;
+  }
+  .field-search-input {
+    margin-left: -1px;
+    max-width: calc(100% + 1px);
+    .n-input-wrapper {
+      width: calc(100% + 1px);
+    }
+
+    --n-border-radius: 0 !important;
+  }
+  .crm-form-design-formula-editor {
+    line-height: 24px;
+  }
+  [contenteditable] {
+    :focus {
+      border-radius: 3px;
+      outline: none;
+      line-height: 14px;
+      box-shadow: inset 0 0 0 0.5px var(--primary-8);
+    }
+    :focus-visible {
+      outline: none;
+    }
+  }
+  .function-desc-text {
+    font-size: 12px;
+    color: var(--text-n4);
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-formula-editor/locale/en-US.ts b/frontend/packages/web/src/components/business/crm-formula-editor/locale/en-US.ts
new file mode 100644
index 0000000..5ec00dd
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula-editor/locale/en-US.ts
@@ -0,0 +1,40 @@
+export default {
+  'formulaEditor.diagnostics.emptyParams': 'Parameter count cannot be empty',
+  'formulaEditor.diagnostics.duplicateSeparator': 'There are extra separators at the end of the function parameters',
+  'formulaEditor.diagnostics.duplicateSeparatorOfCenter': 'There are extra separators in the function parameters',
+  'formulaEditor.diagnostics.missingSeparator': 'Syntax error, missing separator',
+  'formulaEditor.diagnostics.duplicateOperator': 'Consecutive operators',
+  'formulaEditor.diagnostics.illegalCharacter': 'Illegal character present',
+  'formulaEditor.diagnostics.duplicateSeparatorOfBeginning': 'Please do not use consecutive separators',
+  'formulaEditor.diagnostics.argCountErrorOfDAYS': 'Parameter count error, must be two parameters',
+  'formulaEditor.function.argFirst': 'Parameter 1',
+  'formulaEditor.function.argSecond': 'Parameter 2',
+  'formulaEditor.function.conditionFirst': 'Condition 1',
+  'formulaEditor.function.conditionSecond': 'Condition 2',
+  'formulaEditor.function.mergeText': 'Merge the text',
+  'formulaEditor.function.mergeTextWithSeparator': 'Merged text with separators',
+  'formulaEditor.function.formatDateOrNumber': 'Date/Number',
+  'formulaEditor.function.formatCodeText': 'Formatter Code',
+  'formulaEditor.diagnostics.expressionNotComplete': 'Incomplete parameter expression',
+  'formulaEditor.diagnostics.operatorLeftMissingExpression': 'Operator is missing an expression on the left side',
+  'formulaEditor.diagnostics.operatorRightMissingExpression': 'Operator is missing an expression on the right side',
+  'formulaEditor.diagnostics.unexpectedCommaAtEnd': 'Comma cannot appear at the end of the expression',
+  'formulaEditor.diagnostics.unexpectedOperatorAtBeginning':
+    'Operator cannot appear at the beginning of the expression',
+  'formulaEditor.diagnostics.unexpectedTokenAtBeginning': 'Unexpected token at the beginning of the expression',
+  'formulaEditor.diagnostics.unexpectedTokenAtEnd': 'Unexpected token at the end of the expression',
+  'formulaEditor.diagnostics.missingRightParen': 'Missing right parenthesis',
+  'formulaEditor.diagnostics.unexpectedRightParen': 'Unexpected right parenthesis',
+  'formulaEditor.diagnostics.invalidFunctionCall': 'Invalid function call: expression cannot be called again',
+  'formulaEditor.diagnostics.missingOperator': 'Missing operator',
+  'formulaEditor.diagnostics.invalidArgOfDAYS':
+    'The {index}th parameter type error, parameter must be of number or date type',
+  'formulaEditor.diagnostics.missingOperatorUsedAsSeparator':
+    'Commas cannot be used between fields, please use operators',
+  'formulaEditor.diagnostics.invalidArgOfCONCATENATE':
+    'The type of the {index} th parameter is incorrect. It must be of text type',
+  'formulaEditor.diagnostics.invalidRightOperandTypeOfBinary':
+    'Operator {operator} right operand type error, must be of numeric type',
+  'formulaEditor.diagnostics.invalidLeftOperandTypeOfBinary':
+    'Operator {operator} left operand type error, must be of numeric type',
+};
diff --git a/frontend/packages/web/src/components/business/crm-formula-editor/locale/zh-CN.ts b/frontend/packages/web/src/components/business/crm-formula-editor/locale/zh-CN.ts
new file mode 100644
index 0000000..aaea531
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula-editor/locale/zh-CN.ts
@@ -0,0 +1,46 @@
+export default {
+  'formulaEditor.diagnostics.emptyParams': '参数个数不能为空',
+  'formulaEditor.diagnostics.duplicateSeparator': '函数参数末尾存在多余的分隔符',
+  'formulaEditor.diagnostics.duplicateSeparatorOfCenter': '函数参数中存在多余的分隔符',
+  'formulaEditor.diagnostics.missingSeparator': '语法错误，缺少分隔符',
+  'formulaEditor.diagnostics.duplicateOperator': '连续的操作符',
+  'formulaEditor.diagnostics.illegalCharacter': '存在非法字符',
+  'formulaEditor.diagnostics.duplicateSeparatorOfBeginning': '请勿连续使用分隔符',
+  'formulaEditor.diagnostics.argCountErrorOfDAYS': '参数个数错误，必须为 2 个参数',
+  'formulaEditor.function.argFirst': '参数1',
+  'formulaEditor.function.argSecond': '参数2',
+  'formulaEditor.function.conditionFirst': '条件1',
+  'formulaEditor.function.conditionSecond': '条件2',
+  'formulaEditor.function.mergeText': '合并文本',
+  'formulaEditor.function.mergeTextWithSeparator': '带分隔符合并文本',
+  'formulaEditor.function.formatDateOrNumber': '日期/数值',
+  'formulaEditor.function.formatCodeText': '格式代码',
+  'formulaEditor.diagnostics.expressionNotComplete': '参数表达式不完整',
+  'formulaEditor.diagnostics.operatorLeftMissingExpression': '运算符左侧缺少表达式',
+  'formulaEditor.diagnostics.operatorRightMissingExpression': '运算符右侧缺少表达式',
+  'formulaEditor.diagnostics.unexpectedCommaAtEnd': '表达式末尾不能出现逗号',
+  'formulaEditor.diagnostics.unexpectedOperatorAtBeginning': '表达式开头不能出现操作符',
+  'formulaEditor.diagnostics.unexpectedTokenAtBeginning': '表达式开头出现未知符号',
+  'formulaEditor.diagnostics.unexpectedTokenAtEnd': '表达式末尾出现未知符号',
+  'formulaEditor.diagnostics.missingRightParen': '缺少右括号',
+  'formulaEditor.diagnostics.unexpectedRightParen': '出现多余的右括号',
+  'formulaEditor.diagnostics.invalidFunctionCall': '非法的函数调用：表达式不能被再次调用',
+  'formulaEditor.diagnostics.missingOperator': '缺少运算符',
+  'formulaEditor.diagnostics.invalidArgOfDAYS': '第{index}个参数类型错误，必须为数字或日期类型',
+  'formulaEditor.diagnostics.missingOperatorUsedAsSeparator': '字段之间不能使用逗号，请使用运算符',
+  'formulaEditor.diagnostics.invalidArgOfCONCATENATE': '第{index}个参数类型错误，必须为文本类型',
+  'formulaEditor.diagnostics.nowNotAcceptParams': '{name}函数不接受参数',
+  'formulaEditor.diagnostics.argCountErrorOfAND': 'AND 至少需要 1 个参数',
+  'formulaEditor.diagnostics.argCountErrorOfIFS': '参数个数必须为偶数，且至少 2 个',
+  'formulaEditor.diagnostics.invalidConditionTypeOfIFS': 'IFS 第 {index} 个参数必须为逻辑条件',
+  'formulaEditor.diagnostics.invalidResultTypeOfIFS': 'IFS 第 {index} 个结果参数类型不正确，仅支持文本、数字或日期',
+  'formulaEditor.diagnostics.argCountErrorOfIF': '至少需要 2 个参数,最多允许 3 个参数',
+  'formulaEditor.diagnostics.argCountErrorOfTEXT': '参数个数必须为 2 个',
+  'formulaEditor.diagnostics.invalidFormatArgOfFirstTEXT': '第一个参数类型限制：数字 / 日期 / 逻辑值',
+  'formulaEditor.diagnostics.invalidFormatArgOfSecondTEXT': '第二个参数必须是英文双引号包裹的字符串',
+  'formulaEditor.diagnostics.argCountError': '参数个数错误，至少 1 个参数',
+  'formulaEditor.diagnostics.invalidConditionTypeOfAND': '参数必须为逻辑值',
+  'formulaEditor.diagnostics.invalidArgTypeOfCONCATENATE': '参数类型限制：文本、数字、日期',
+  'formulaEditor.diagnostics.invalidRightOperandTypeOfBinary': '运算符右侧参数类型错误，必须为数值表达式',
+  'formulaEditor.diagnostics.invalidLeftOperandTypeOfBinary': '运算符左侧参数类型错误，必须为数值表达式',
+};
diff --git a/frontend/packages/web/src/components/business/crm-formula-editor/parseSource/astToIr.ts b/frontend/packages/web/src/components/business/crm-formula-editor/parseSource/astToIr.ts
new file mode 100644
index 0000000..731a820
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula-editor/parseSource/astToIr.ts
@@ -0,0 +1,117 @@
+// astToIr.ts Ast--->IR
+import { IRNodeType } from '@lib/shared/enums/formula';
+
+import { IRNode, ResolveContext } from '@/components/business/crm-formula/formula-runtime/types';
+
+import { ASTNode, FunctionNode } from '../types';
+
+function wrapColumnIfNeeded(node: IRNode): IRNode {
+  // 已经是标量，直接返回
+  if (node.type !== IRNodeType.Field) return node;
+
+  // 不是子表字段
+  if (!node.fieldId.includes('.')) return node;
+
+  // SUM(column)
+  return {
+    type: IRNodeType.Function,
+    name: 'SUM',
+    args: [node],
+  };
+}
+
+function resolveNode(node: ASTNode, ctx: ResolveContext): IRNode {
+  switch (node.type) {
+    case IRNodeType.Literal:
+      return {
+        type: IRNodeType.Literal,
+        value: node.value,
+        valueType: node.valueType as any,
+      };
+
+    case IRNodeType.Field: {
+      const ir: IRNode = { ...node } as IRNode;
+      return ctx.expectScalar ? wrapColumnIfNeeded(ir) : ir;
+    }
+
+    case IRNodeType.Binary:
+      return {
+        type: IRNodeType.Binary,
+        operator: node.operator,
+        left: resolveNode(node.left, { expectScalar: true }),
+        right: resolveNode(node.right, { expectScalar: true }),
+      };
+
+    case IRNodeType.Compare:
+      return {
+        type: IRNodeType.Compare,
+        operator: (node as any).operator, // '=' | '!=' | '>' | '>=' | '<' | '<='
+        left: resolveNode((node as any).left, { expectScalar: true }),
+        right: resolveNode((node as any).right, { expectScalar: true }),
+      };
+
+    case IRNodeType.Function:
+      // eslint-disable-next-line no-use-before-define
+      return resolveFunction(node, ctx);
+    default:
+      return {
+        type: IRNodeType.Invalid,
+        reason: `unknown node type`,
+      };
+  }
+}
+
+function resolveFunction(node: FunctionNode, _ctx: ResolveContext): IRNode {
+  const name = node.name?.toUpperCase();
+  if (!name) {
+    return {
+      type: IRNodeType.Invalid,
+      reason: 'function name missing',
+    };
+  }
+
+  /**
+   * 特殊函数规则
+   */
+  switch (name) {
+    case 'SUM':
+      return {
+        type: IRNodeType.Function,
+        name,
+        args: node.args.map((arg) => resolveNode(arg, { expectScalar: false })),
+      };
+
+    case 'DAYS':
+      if (node.args.length !== 2) {
+        return {
+          type: IRNodeType.Invalid,
+          reason: 'DAYS requires 2 arguments',
+        };
+      }
+
+      return {
+        type: IRNodeType.Function,
+        name,
+        args: node.args.map((arg) => resolveNode(arg, { expectScalar: true })),
+      };
+
+    default:
+      /**
+       * 默认函数行为
+       *
+       * IF / IFS / AND / CONCATENATE / TODAY / NOW / TEXT 等
+       */
+      return {
+        type: IRNodeType.Function,
+        name,
+        args: node.args.map((arg) => resolveNode(arg, { expectScalar: true })),
+      };
+  }
+}
+
+// 解析 AST -> IR,用于运行执行器计算
+export default function resolveASTToIR(ast: ASTNode): IRNode | null {
+  if (!ast) return null;
+
+  return resolveNode(ast, { expectScalar: true });
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula-editor/parseSource/remapFormulaFieldIds.ts b/frontend/packages/web/src/components/business/crm-formula-editor/parseSource/remapFormulaFieldIds.ts
new file mode 100644
index 0000000..3adaeab
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula-editor/parseSource/remapFormulaFieldIds.ts
@@ -0,0 +1,50 @@
+import { FormCreateField } from '@/components/business/crm-form-create/types';
+import { flatAllFields } from '@/components/business/crm-formula/utils';
+
+import parseTokensToAST from '../parser';
+import { FormulaSerializeResult } from '../types';
+import { safeParseFormula } from '../utils';
+import { serializeFormulaFromAst, tokenizeFromSource } from './serializeFormulaFromAst';
+
+export function remapFormulaSourceFieldIds(source: string, fieldIdMap: Record<string, string>) {
+  return source.replace(/\$\{([^}]+)\}/g, (match, rawFieldId: string) => {
+    const fieldId = rawFieldId.trim();
+    return fieldIdMap[fieldId] ? `\${${fieldIdMap[fieldId]}}` : match;
+  });
+}
+
+export function remapFormulaFieldIds(
+  formulaString: string | undefined,
+  fieldIdMap: Record<string, string>,
+  fields: FormCreateField[],
+  options?: {
+    isSubTableRender?: boolean;
+  }
+) {
+  if (!formulaString) {
+    return formulaString;
+  }
+
+  const parsed = safeParseFormula(formulaString) as FormulaSerializeResult;
+  if (!parsed?.source) {
+    return formulaString;
+  }
+
+  const nextSource = remapFormulaSourceFieldIds(parsed.source, fieldIdMap);
+  if (nextSource === parsed.source) {
+    return formulaString;
+  }
+
+  const flatFields = flatAllFields(fields, {
+    isSubTableRender: options?.isSubTableRender,
+  });
+
+  const fieldMap = Object.fromEntries(flatFields.map((field) => [field.id, field]));
+  const fieldNameMap = Object.fromEntries(flatFields.map((field) => [field.id, field.name]));
+
+  const tokens = tokenizeFromSource(nextSource, fieldMap);
+  const ast = parseTokensToAST(tokens);
+  const nextFormula = serializeFormulaFromAst(ast, fieldNameMap);
+
+  return JSON.stringify(nextFormula);
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula-editor/parseSource/renderTokens.ts b/frontend/packages/web/src/components/business/crm-formula-editor/parseSource/renderTokens.ts
new file mode 100644
index 0000000..d24a0b9
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula-editor/parseSource/renderTokens.ts
@@ -0,0 +1,229 @@
+import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+
+import { ARRAY_COLOR, DATE_TIME_COLOR, FUN_COLOR, INPUT_NUMBER_COLOR, TEXT_COLOR } from '../config';
+import { FieldToken, Token } from '../types';
+import { createCaretText } from '../utils';
+
+/**
+ * 将一个 atomic node 插入到 container 中，保证其左右两侧都是 text node（可输入）
+ * @param container 插入容器
+ * @param atomicNode // 待插入的 atomic node
+ */
+export function insertAtomic(container: Node, atomicNode: HTMLElement) {
+  const leftText = createCaretText();
+  const rightText = createCaretText();
+
+  container.appendChild(leftText);
+  container.appendChild(atomicNode);
+  container.appendChild(rightText);
+}
+
+/**
+ * 创建一个函数节点
+ * @param fnName 函数名称
+ * @param options 可选参数
+ * @returns 包含根节点和参数节点的对象
+ */
+export function createFunctionNode(
+  fnName: string,
+  options?: {
+    argsFragment?: DocumentFragment;
+    withCaret?: boolean; // 是否保证 args 内有 caret
+  }
+) {
+  const { argsFragment, withCaret = true } = options ?? {};
+
+  const root = document.createElement('span');
+  root.className = 'formula-fn-root';
+  root.dataset.nodeType = 'function';
+  root.dataset.fnName = fnName;
+  root.contentEditable = 'false';
+
+  /** 函数名 */
+  const name = document.createElement('span');
+  name.className = 'fn-name';
+  name.style.color = FUN_COLOR;
+  name.textContent = fnName;
+
+  /** ( */
+  const lp = document.createElement('span');
+  lp.className = 'fn-paren';
+  lp.textContent = '(';
+  lp.style.marginRight = '2px';
+
+  /** 参数区（唯一可编辑区域） */
+  const args = document.createElement('span');
+  args.className = 'fn-args';
+  args.contentEditable = 'true';
+  args.style.padding = '2px 4px';
+
+  if (argsFragment && argsFragment.childNodes.length > 0) {
+    args.appendChild(argsFragment);
+  } else if (withCaret) {
+    args.appendChild(document.createTextNode(''));
+  }
+
+  /** ) */
+  const rp = document.createElement('span');
+  rp.className = 'fn-paren';
+  rp.textContent = ')';
+  rp.style.marginLeft = '2px';
+
+  root.append(name, lp, args, rp);
+
+  return { root, args };
+}
+
+/**
+ *    创建一个函数根节点，适用于回显时使用
+ * @param fnName 函数名称
+ * @param argsFragment 参数片段
+ * @returns 函数根节点
+ */
+export function createFunctionRootNode(fnName: string, argsFragment?: DocumentFragment) {
+  const { root } = createFunctionNode(fnName, {
+    argsFragment,
+    withCaret: true, // 回显也要保证 args 非空
+  });
+
+  return root;
+}
+
+function getFormulaNodeColor(token: Token) {
+  if (token.type === 'function') {
+    return FUN_COLOR;
+  }
+
+  // —— 数组字段（二级路径）
+  if ((token as FieldToken).fieldId?.includes('.')) {
+    return ARRAY_COLOR;
+  }
+
+  // —— 普通字段
+  switch ((token as FieldToken).fieldType) {
+    case FieldTypeEnum.INPUT_NUMBER:
+      return INPUT_NUMBER_COLOR;
+
+    case FieldTypeEnum.DATE_TIME:
+      return DATE_TIME_COLOR;
+    case FieldTypeEnum.INPUT:
+    case FieldTypeEnum.DATA_SOURCE:
+    case FieldTypeEnum.DATA_SOURCE_MULTIPLE:
+    case FieldTypeEnum.SERIAL_NUMBER:
+    case FieldTypeEnum.SELECT:
+      return TEXT_COLOR;
+
+    default:
+      return '';
+  }
+}
+
+export function createFieldNode(token: Token) {
+  const parsedToken = token as FieldToken;
+  const node = document.createElement('span');
+  node.className = 'formula-tag-wrapper';
+  node.contentEditable = 'false';
+  node.dataset.nodeType = 'field';
+  if ((token as FieldToken)?.fieldType) {
+    node.dataset.fieldType = (token as FieldToken)?.fieldType;
+  }
+
+  node.style.color = getFormulaNodeColor(token);
+
+  if (parsedToken.fieldId) {
+    node.dataset.value = parsedToken.fieldId;
+  }
+  if (parsedToken.fieldType) {
+    node.dataset.fieldType = parsedToken.fieldType;
+  }
+  if (parsedToken.name) {
+    node.textContent = parsedToken.name;
+    node.dataset.originText = parsedToken.name;
+  }
+  return node;
+}
+
+/**
+ * 回显渲染 tokens
+ */
+export function renderTokens(
+  tokens: Token[],
+  startIndex = 0,
+  stopAtRightParen = false
+): { fragment: DocumentFragment; endIndex: number } {
+  const fragment = document.createDocumentFragment();
+  let i = startIndex;
+
+  while (i < tokens.length) {
+    const token = tokens[i];
+
+    // ---------- function ----------
+    if (token.type === 'function') {
+      // function 后面按 token 结构是 "("
+      const { fragment: argsFragment, endIndex } = renderTokens(tokens, i + 2, true);
+
+      const fnRoot = createFunctionRootNode(token.name!, argsFragment);
+
+      // 函数整体作为 atomic 插入
+      insertAtomic(fragment, fnRoot);
+
+      i = endIndex + 1;
+    } else if (token.type === 'paren' && token.value === ')') {
+      /** ---------- paren end ---------- */
+      if (stopAtRightParen) {
+        return { fragment, endIndex: i };
+      }
+
+      // 普通表达式里的 )，直接渲染
+      fragment.appendChild(document.createTextNode(')'));
+      i++;
+    } else if (token.type === 'field') {
+      /** ---------- field ---------- */
+      const fieldNode = createFieldNode(token);
+      insertAtomic(fragment, fieldNode);
+      i++;
+    } else {
+      /** ---------- other ---------- */
+      let text = '';
+      if (token.type === 'number') {
+        text = String(token.value);
+      } else if (token.type === 'string') {
+        text = `"${token.value ?? ''}"`;
+      } else if (token.type === 'boolean') {
+        text = token.value ? 'TRUE' : 'FALSE';
+      } else if (token.type === 'operator') {
+        text = token.value;
+      } else if (token.type === 'comma') {
+        text = token.value ?? ',';
+      } else if (token.type === 'paren') {
+        // 普通左括号
+        text = token.value;
+      } else {
+        text = String((token as any).value ?? '');
+      }
+
+      fragment.appendChild(document.createTextNode(text));
+      i++;
+    }
+  }
+
+  return { fragment, endIndex: i };
+}
+
+/**
+ * 将解析后的 tokens 渲染到编辑器中回显
+ * @param editor 公式编辑器实例
+ * @param tokens 公式节点tokens列表
+ */
+export function renderTokensToEditor(editor: HTMLElement, tokens: Token[]) {
+  editor.innerHTML = '';
+
+  const { fragment } = renderTokens(tokens, 0, false);
+  editor.appendChild(fragment);
+
+  // 保证结尾一定text node（可输入）
+  const last = editor.lastChild;
+  if (!last || last.nodeType !== Node.TEXT_NODE) {
+    editor.appendChild(createCaretText());
+  }
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula-editor/parseSource/serializeFormulaFromAst.ts b/frontend/packages/web/src/components/business/crm-formula-editor/parseSource/serializeFormulaFromAst.ts
new file mode 100644
index 0000000..f1d1ca7
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula-editor/parseSource/serializeFormulaFromAst.ts
@@ -0,0 +1,341 @@
+import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+import { FormulaFormCreateField } from '../index.vue';
+
+import { ASTNode, FormulaSerializeResult, Token, TokenType } from '../types';
+import resolveASTToIR from './astToIr';
+
+const { t } = useI18n();
+
+export function serializeNode(
+  node: ASTNode,
+  fieldNameMap: Record<string, string>,
+  fields: Map<
+    string,
+    {
+      fieldId: string;
+      fieldType?: string;
+      numberType?: 'number' | 'percent' | 'date';
+    }
+  >
+): { source: string; display: string } {
+  let result: { source: string; display: string };
+  switch (node.type) {
+    case 'literal': {
+      if (node.valueType === 'string') {
+        result = {
+          source: `"${String(node.value ?? '')}"`,
+          display: `"${String(node.value ?? '')}"`,
+        };
+      } else if (node.valueType === 'boolean') {
+        const boolText = node.value ? 'TRUE' : 'FALSE';
+        result = {
+          source: boolText,
+          display: boolText,
+        };
+      } else if (node.valueType === 'number') {
+        result = {
+          source: String(node.value),
+          display: String(node.value),
+        };
+      } else {
+        result = {
+          source: String(node.value),
+          display: String(node.value),
+        };
+      }
+      break;
+    }
+
+    case 'field': {
+      const { fieldId, name, fieldType } = node;
+
+      /** 收集字段语义（只收一次，去重） */
+      if (!fields.has(fieldId)) {
+        fields.set(fieldId, {
+          fieldId,
+          fieldType,
+        });
+      }
+
+      result = {
+        // source 永远用 fieldId，和 UI / name 完全解耦
+        source: `\${${fieldId}}`,
+
+        // display 仅用于展示，可被字段重命名覆盖
+        display: fieldNameMap[fieldId] ?? name,
+      };
+      break;
+    }
+
+    case 'function': {
+      const args = node.args.map((arg) => serializeNode(arg, fieldNameMap, fields));
+
+      result = {
+        source: `${node.name}(${args.map((a) => a.source).join(',')})`,
+        display: `${node.name}(${args.map((a) => a.display).join(',')})`,
+      };
+      break;
+    }
+
+    case 'binary': {
+      const left = serializeNode(node.left, fieldNameMap, fields);
+      const right = serializeNode(node.right, fieldNameMap, fields);
+
+      result = {
+        /** source 中建议保留空格，利于可读 & diff */
+        source: `${left.source} ${node.operator} ${right.source}`,
+        display: `${left.display} ${node.operator} ${right.display}`,
+      };
+      break;
+    }
+
+    case 'compare': {
+      const left = serializeNode(node.left, fieldNameMap, fields);
+      const right = serializeNode(node.right, fieldNameMap, fields);
+
+      result = {
+        source: `${left.source} ${node.operator} ${right.source}`,
+        display: `${left.display} ${node.operator} ${right.display}`,
+      };
+      break;
+    }
+
+    case 'empty':
+      result = {
+        source: '',
+        display: '',
+      };
+      break;
+
+    default:
+      result = {
+        source: '',
+        display: '',
+      };
+      break;
+  }
+  if (node.parenthesized) {
+    return {
+      source: `(${result.source})`,
+      display: `(${result.display})`,
+    };
+  }
+  return result;
+}
+
+// 回显解析ast 收集保存入参
+export function serializeFormulaFromAst(
+  astList: ASTNode[],
+  fieldNameMap: Record<string, string> // fieldId -> 中文名
+): FormulaSerializeResult {
+  const fieldMetaMap = new Map<
+    string,
+    {
+      fieldId: string;
+      fieldType?: string;
+      numberType?: 'number' | 'percent' | 'date';
+    }
+  >();
+
+  const sourceParts: string[] = [];
+  const displayParts: string[] = [];
+
+  astList.forEach((node) => {
+    const { source, display } = serializeNode(node, fieldNameMap, fieldMetaMap);
+    sourceParts.push(source);
+    displayParts.push(display);
+  });
+
+  return {
+    source: sourceParts.join(''),
+    display: displayParts.join(''),
+    fields: Array.from(fieldMetaMap.values()),
+    ir: resolveASTToIR(astList[0]),
+  };
+}
+
+const CHAR_TOKEN_TYPE_MAP: Record<string, TokenType> = {
+  ',': 'comma',
+  '，': 'comma',
+  '(': 'paren',
+  ')': 'paren',
+  '+': 'operator',
+  '-': 'operator',
+  '*': 'operator',
+  '/': 'operator',
+};
+
+/**
+ * 用于回显解析公式
+ * @param source 公式
+ * @param fieldMap 字段值映射
+ * @returns 公式的token列表
+ */
+export function tokenizeFromSource(source: string, fieldMap: Record<string, FormulaFormCreateField>): Token[] {
+  const tokens: Token[] = [];
+  let i = 0;
+
+  while (i < source?.length) {
+    let consumed = 0;
+    const char = source[i];
+
+    // ---------- field ----------
+    if (char === '$' && source[i + 1] === '{') {
+      const end = source.indexOf('}', i);
+      if (end !== -1) {
+        const fieldId = source.slice(i + 2, end).trim();
+        const field = fieldMap[fieldId];
+
+        tokens.push({
+          type: 'field',
+          fieldId,
+          name: field?.name ?? t('common.fieldNotExist'),
+          fieldType: field?.type,
+          start: i,
+          end: end + 1,
+        });
+
+        consumed = end + 1 - i;
+      } else {
+        consumed = 1;
+      }
+    }
+
+    // ---------- string ----------
+    else if (char === '"') {
+      let j = i + 1;
+
+      while (j < source.length && source[j] !== '"') {
+        j++;
+      }
+
+      if (j < source.length) {
+        const value = source.slice(i + 1, j);
+
+        tokens.push({
+          type: 'string',
+          value,
+          start: i,
+          end: j + 1,
+        });
+
+        consumed = j + 1 - i;
+      } else {
+        // 未闭合字符串
+        tokens.push({
+          type: 'unknown',
+          value: source.slice(i),
+          start: i,
+          end: source.length,
+        });
+
+        consumed = source.length - i;
+      }
+    }
+
+    // ---------- function ----------
+    else if (/[A-Z]/.test(char)) {
+      let j = i;
+      while (j < source?.length && /[A-Z]/.test(source[j])) j++;
+
+      const word = source.slice(i, j);
+
+      if (word === 'TRUE' || word === 'FALSE') {
+        tokens.push({
+          type: 'boolean',
+          value: word === 'TRUE',
+          start: i,
+          end: j,
+        });
+      } else {
+        tokens.push({
+          type: 'function',
+          name: word,
+          start: i,
+          end: j,
+        });
+      }
+
+      consumed = j - i;
+    }
+
+    // ---------- number（支持小数） ----------
+    else if (/\d/.test(char) || (char === '.' && /\d/.test(source[i + 1]))) {
+      let j = i;
+      let numStr = '';
+      let hasDot = false;
+      let done = false;
+
+      while (j < source.length && !done) {
+        const cur = source[j];
+
+        if (/\d/.test(cur)) {
+          numStr += cur;
+          j++;
+        } else if (cur === '.' && !hasDot) {
+          hasDot = true;
+          numStr += cur;
+          j++;
+        } else {
+          done = true;
+        }
+      }
+
+      tokens.push({
+        type: 'number',
+        value: Number(numStr),
+        start: i,
+        end: j,
+      });
+
+      consumed = j - i;
+    }
+
+    // ---------- operator / comma / paren ----------
+    else if (char === '=' || char === '<' || char === '>') {
+      const next = source[i + 1];
+
+      let value = char;
+      let length = 1;
+
+      if (char === '>' && next === '=') {
+        value = '>=';
+        length = 2;
+      } else if (char === '<' && next === '=') {
+        value = '<=';
+        length = 2;
+      } else if (char === '<' && next === '>') {
+        value = '<>';
+        length = 2;
+      }
+
+      tokens.push({
+        type: 'operator',
+        value: value as any,
+        start: i,
+        end: i + length,
+      });
+
+      consumed = length;
+    } else {
+      const tokenType = CHAR_TOKEN_TYPE_MAP[char];
+      if (tokenType) {
+        tokens.push({
+          type: tokenType,
+          value: char,
+          start: i,
+          end: i + 1,
+        } as Token);
+      }
+      consumed = 1;
+    }
+
+    i += consumed || 1;
+  }
+  // todo xinxinwu debugger
+  // console.log(tokens, 'tokens:tokenizeFromSource');
+
+  return tokens;
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula-editor/parser.ts b/frontend/packages/web/src/components/business/crm-formula-editor/parser.ts
new file mode 100644
index 0000000..413b8d3
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula-editor/parser.ts
@@ -0,0 +1,248 @@
+// token--> AST结构
+import {
+  ASTNode,
+  BooleanToken,
+  FieldToken,
+  FunctionNode,
+  FunctionToken,
+  NumberToken,
+  OperatorToken,
+  StringToken,
+  Token,
+} from './types';
+
+export default function parseTokensToAST(tokens: Token[]): ASTNode[] {
+  const meaningfulTokens = tokens;
+
+  let index = 0;
+
+  const peek = () => meaningfulTokens[index];
+  const consume = () => meaningfulTokens[index++];
+
+  function parsePrimary(): ASTNode {
+    const token = peek();
+
+    if (!token) {
+      return {
+        type: 'empty',
+        startTokenIndex: index,
+        endTokenIndex: index,
+      };
+    }
+
+    if (token.type === 'string') {
+      const t = consume() as StringToken;
+      return {
+        type: 'literal',
+        value: t.value,
+        valueType: 'string',
+        startTokenIndex: index - 1,
+        endTokenIndex: index - 1,
+      };
+    }
+
+    if (token.type === 'number') {
+      const t = consume() as NumberToken;
+      return {
+        type: 'literal',
+        value: t.value,
+        valueType: 'number',
+        startTokenIndex: index - 1,
+        endTokenIndex: index - 1,
+      };
+    }
+
+    if (token.type === 'boolean') {
+      const t = consume() as BooleanToken;
+      return {
+        type: 'literal',
+        value: t.value,
+        valueType: 'boolean',
+        startTokenIndex: index - 1,
+        endTokenIndex: index - 1,
+      };
+    }
+
+    if (token.type === 'field') {
+      const t = consume() as FieldToken;
+      return {
+        type: 'field',
+        fieldId: t.fieldId,
+        name: t.name,
+        fieldType: t.fieldType,
+        startTokenIndex: index - 1,
+        endTokenIndex: index - 1,
+      };
+    }
+
+    if (token.type === 'function') {
+      // eslint-disable-next-line no-use-before-define
+      return parseFunctionCall();
+    }
+
+    if (token.type === 'paren' && token.value === '(') {
+      const startIndex = index;
+      consume(); // '('
+
+      // eslint-disable-next-line no-use-before-define
+      const expr = parseComparison();
+
+      const close = peek();
+      if (close?.type === 'paren' && close.value === ')') {
+        consume();
+      }
+
+      expr.startTokenIndex = startIndex;
+      expr.endTokenIndex = index - 1;
+      expr.parenthesized = true;
+      return expr;
+    }
+
+    consume();
+    return {
+      type: 'empty',
+      startTokenIndex: index - 1,
+      endTokenIndex: index - 1,
+    };
+  }
+
+  function parseMultiplicative(): ASTNode {
+    let node = parsePrimary();
+
+    let next = peek();
+    while (next?.type === 'operator' && (next.value === '*' || next.value === '/')) {
+      const op = consume() as OperatorToken;
+      const right = parsePrimary();
+
+      node = {
+        type: 'binary',
+        operator: op.value as any,
+        left: node,
+        right,
+        startTokenIndex: node.startTokenIndex,
+        endTokenIndex: right.endTokenIndex,
+      };
+
+      next = peek();
+    }
+
+    return node;
+  }
+
+  function parseAdditive(): ASTNode {
+    let node = parseMultiplicative();
+
+    let next = peek();
+    while (next?.type === 'operator' && (next.value === '+' || next.value === '-')) {
+      const op = consume() as OperatorToken;
+      const right = parseMultiplicative();
+
+      node = {
+        type: 'binary',
+        operator: op.value as any,
+        left: node,
+        right,
+        startTokenIndex: node.startTokenIndex,
+        endTokenIndex: right.endTokenIndex,
+      };
+
+      next = peek();
+    }
+
+    return node;
+  }
+
+  function parseFunctionCall(): FunctionNode {
+    const fnToken = consume() as FunctionToken;
+    const startIndex = index - 1;
+
+    const args: ASTNode[] = [];
+
+    const next = peek();
+    if (next?.type === 'paren' && next.value === '(') {
+      consume(); // '('
+
+      let current = peek();
+      while (current && !(current.type === 'paren' && current.value === ')')) {
+        if (current.type === 'comma') {
+          args.push({
+            type: 'empty',
+            startTokenIndex: index,
+            endTokenIndex: index,
+          });
+          consume();
+        } else {
+          // eslint-disable-next-line no-use-before-define
+          const expr = parseComparison();
+          args.push(expr);
+
+          const after = peek();
+          if (after?.type === 'comma') {
+            consume();
+          }
+        }
+
+        current = peek();
+      }
+
+      if (peek()?.type === 'paren') {
+        consume();
+      }
+    }
+
+    return {
+      type: 'function',
+      name: fnToken.name,
+      args,
+      startTokenIndex: startIndex,
+      endTokenIndex: index - 1,
+    };
+  }
+
+  // 2) 新增 compare 判定
+  function isCompareOperator(token?: Token) {
+    return (
+      token?.type === 'operator' &&
+      (token.value === '=' ||
+        token.value === '<>' ||
+        token.value === '>' ||
+        token.value === '>=' ||
+        token.value === '<' ||
+        token.value === '<=')
+    );
+  }
+
+  // 3) 新增 parseComparison（放在 parseAdditive 后面）
+  function parseComparison(): ASTNode {
+    let node = parseAdditive();
+
+    let next = peek();
+    while (isCompareOperator(next)) {
+      const op = consume() as OperatorToken;
+      const right = parseAdditive();
+
+      node = {
+        type: 'compare',
+        operator: op.value as any,
+        left: node,
+        right,
+        startTokenIndex: node.startTokenIndex,
+        endTokenIndex: right.endTokenIndex,
+      };
+
+      next = peek();
+    }
+
+    return node;
+  }
+
+  const astList: ASTNode[] = [];
+
+  while (index < meaningfulTokens.length) {
+    astList.push(parseComparison());
+  }
+  // todo xinxinwu debugger
+  // console.log(astList, 'astList');
+
+  return astList;
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula-editor/tokenizer.ts b/frontend/packages/web/src/components/business/crm-formula-editor/tokenizer.ts
new file mode 100644
index 0000000..446301e
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula-editor/tokenizer.ts
@@ -0,0 +1,339 @@
+// editorDom->token
+import { NumberType, Token } from './types';
+
+/**
+ * 判断字符是否为可忽略的空白字符
+ * @param char 字符
+ * @returns 是否为可忽略的空白字符
+ */
+function isIgnorableWhitespace(char: string) {
+  return (
+    char === ' ' || // 普通空格
+    char === '\n' ||
+    char === '\t' ||
+    char === '\u00A0' || // NBSP
+    char === '\u200B' || // ZWSP
+    char === '\uFEFF' // BOM
+  );
+}
+
+function tokenizePlainText(text: string, startOffset: number): { tokens: Token[]; endOffset: number } {
+  const tokens: Token[] = [];
+  let i = 0;
+  let charIndex = startOffset;
+
+  while (i < text.length) {
+    const char = text[i];
+
+    // ===== 空白 =====
+    if (isIgnorableWhitespace(char)) {
+      charIndex++;
+      i++;
+    }
+
+    // ===== 字符串 =====
+    else if (char === '"') {
+      const start = charIndex;
+      let value = '';
+      let j = i + 1;
+      let closed = false;
+
+      while (j < text.length) {
+        const cur = text[j];
+        if (cur === '"') {
+          closed = true;
+          break;
+        }
+        value += cur;
+        j++;
+      }
+
+      if (closed) {
+        tokens.push({
+          type: 'string',
+          value,
+          start,
+          end: start + (j - i) + 1,
+        });
+
+        charIndex += j - i + 1;
+        i = j + 1;
+      } else {
+        tokens.push({
+          type: 'unknown',
+          value: text.slice(i),
+          start,
+          end: start + (text.length - i),
+        });
+
+        charIndex += text.length - i;
+        i = text.length;
+      }
+    }
+
+    // ===== 数字（支持小数）=====
+    else if (/\d/.test(char) || (char === '.' && /\d/.test(text[i + 1]))) {
+      const start = charIndex;
+
+      let numStr = '';
+      let j = i;
+      let hasDot = false;
+      let done = false;
+
+      while (j < text.length && !done) {
+        const cur = text[j];
+
+        if (/\d/.test(cur)) {
+          numStr += cur;
+          j++;
+        } else if (cur === '.' && !hasDot) {
+          hasDot = true;
+          numStr += cur;
+          j++;
+        } else {
+          done = true;
+        }
+      }
+
+      tokens.push({
+        type: 'number',
+        value: Number(numStr),
+        numberType: 'number',
+        start,
+        end: start + numStr.length,
+      });
+
+      charIndex += numStr.length;
+      i = j;
+    }
+
+    // ===== boolean / 标识符 =====
+    else if (/[A-Za-z]/.test(char)) {
+      const start = charIndex;
+      let word = char;
+      let j = i + 1;
+
+      while (j < text.length && /[A-Za-z]/.test(text[j])) {
+        word += text[j];
+        j++;
+      }
+
+      const upper = word.toUpperCase();
+
+      if (upper === 'TRUE' || upper === 'FALSE') {
+        tokens.push({
+          type: 'boolean',
+          value: upper === 'TRUE',
+          start,
+          end: start + word.length,
+        });
+      } else {
+        tokens.push({
+          type: 'unknown',
+          value: word,
+          start,
+          end: start + word.length,
+        });
+      }
+
+      charIndex += word.length;
+      i = j;
+    }
+
+    // ===== 比较运算符 =====
+    else if (char === '=' || char === '<' || char === '>') {
+      const start = charIndex;
+      const next = text[i + 1];
+
+      let value = char;
+      let length = 1;
+
+      if (char === '>' && next === '=') {
+        value = '>=';
+        length = 2;
+      } else if (char === '<' && next === '=') {
+        value = '<=';
+        length = 2;
+      } else if (char === '<' && next === '>') {
+        value = '<>';
+        length = 2;
+      }
+
+      tokens.push({
+        type: 'operator',
+        value: value as any,
+        start,
+        end: start + length,
+      });
+
+      charIndex += length;
+      i += length;
+    }
+
+    // ===== 四则运算符 =====
+    else if (['+', '-', '*', '/'].includes(char)) {
+      tokens.push({
+        type: 'operator',
+        value: char as any,
+        start: charIndex,
+        end: charIndex + 1,
+      });
+
+      charIndex++;
+      i++;
+    }
+
+    // ===== 括号 =====
+    else if (char === '(' || char === ')') {
+      tokens.push({
+        type: 'paren',
+        value: char,
+        start: charIndex,
+        end: charIndex + 1,
+      });
+
+      charIndex++;
+      i++;
+    }
+
+    // ===== 逗号 =====
+    else if (char === ',' || char === '，') {
+      tokens.push({
+        type: 'comma',
+        value: char,
+        start: charIndex,
+        end: charIndex + 1,
+      });
+
+      charIndex++;
+      i++;
+    }
+
+    // ===== 其他非法字符 =====
+    else {
+      tokens.push({
+        type: 'unknown',
+        value: char,
+        start: charIndex,
+        end: charIndex + 1,
+      });
+
+      charIndex++;
+      i++;
+    }
+  }
+
+  return {
+    tokens,
+    endOffset: charIndex,
+  };
+}
+
+/**
+ * 将编辑器内容转换为令牌数组
+ * @param editorEl 编辑器根元素
+ * @param offset 偏移位置
+ * @returns 令牌数组
+ */
+export default function tokenizeFromEditor(editorEl: HTMLElement, offset = 0): Token[] {
+  const tokens: Token[] = [];
+  let charIndex = offset;
+
+  const nodes = Array.from(editorEl.childNodes);
+  let nodeIndex = 0;
+
+  while (nodeIndex < nodes.length) {
+    const node = nodes[nodeIndex];
+
+    if (node.nodeType === Node.ELEMENT_NODE) {
+      const el = node as HTMLElement;
+
+      if (el.classList.contains('formula-fn-root')) {
+        const fnNameEl = el.querySelector('.fn-name');
+        const argsEl = el.querySelector('.fn-args');
+
+        const fnName = fnNameEl?.textContent?.trim() || '';
+        const start = charIndex;
+
+        tokens.push({
+          type: 'function',
+          name: fnName,
+          start,
+          end: start + fnName.length,
+        });
+        charIndex += fnName.length;
+
+        tokens.push({
+          type: 'paren',
+          value: '(',
+          start: charIndex,
+          end: charIndex + 1,
+        });
+        charIndex += 1;
+
+        if (argsEl && argsEl instanceof HTMLElement) {
+          const innerTokens = tokenizeFromEditor(argsEl, charIndex);
+          tokens.push(...innerTokens);
+          if (innerTokens.length > 0) {
+            charIndex = innerTokens[innerTokens.length - 1].end;
+          }
+        }
+
+        tokens.push({
+          type: 'paren',
+          value: ')',
+          start: charIndex,
+          end: charIndex + 1,
+        });
+        charIndex += 1;
+      } else if (el.classList.contains('formula-tag-wrapper') && el.dataset.nodeType === 'field') {
+        const text = el.textContent || '';
+        const start = charIndex;
+        const end = start + text.length;
+
+        tokens.push({
+          type: 'field',
+          fieldId: el.dataset.value || '',
+          name: text,
+          fieldType: el.dataset.fieldType,
+          start,
+          end,
+        });
+
+        charIndex = end;
+      } else {
+        const innerTokens = tokenizeFromEditor(el, charIndex);
+        tokens.push(...innerTokens);
+        if (innerTokens.length > 0) {
+          charIndex = innerTokens[innerTokens.length - 1].end;
+        }
+      }
+
+      nodeIndex++;
+    } else if (node.nodeType === Node.TEXT_NODE) {
+      let mergedRaw = '';
+      let textNodeCount = 0;
+
+      while (nodeIndex + textNodeCount < nodes.length && nodes[nodeIndex + textNodeCount].nodeType === Node.TEXT_NODE) {
+        mergedRaw += nodes[nodeIndex + textNodeCount].textContent || '';
+        textNodeCount++;
+      }
+
+      const mergedText = mergedRaw.replace(/[\u200B-\u200D\uFEFF]/g, '');
+
+      if (mergedText) {
+        const parsed = tokenizePlainText(mergedText, charIndex);
+        tokens.push(...parsed.tokens);
+        charIndex = parsed.endOffset;
+      }
+
+      nodeIndex += textNodeCount;
+    } else {
+      nodeIndex++;
+    }
+  }
+  // todo xinxinwu debugger
+  // console.log(tokens, 'tokens:tokenizeFromEditor');
+
+  return tokens;
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula-editor/types.ts b/frontend/packages/web/src/components/business/crm-formula-editor/types.ts
new file mode 100644
index 0000000..f0c0f2d
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula-editor/types.ts
@@ -0,0 +1,200 @@
+import { IRNode } from '@/components/business/crm-formula/formula-runtime/types';
+
+// ----token类型----
+export type TokenType =
+  | 'function'
+  | 'field'
+  | 'number'
+  | 'operator'
+  | 'comma'
+  | 'paren'
+  | 'string'
+  | 'boolean'
+  | 'unknown';
+
+export type NumberType = 'number' | 'percent' | 'date';
+
+// todo viewStart&sourceStart
+export interface BaseToken {
+  type: TokenType;
+  start: number;
+  end: number;
+}
+
+export interface FunctionToken extends BaseToken {
+  type: 'function';
+  name: string; // SUM / DAYS
+}
+
+export interface FieldToken extends BaseToken {
+  type: 'field';
+  fieldId: string;
+  name: string;
+  fieldType?: string;
+}
+
+export interface StringToken extends BaseToken {
+  type: 'string';
+  value: string; // 不带引号内容
+}
+
+export interface BooleanToken extends BaseToken {
+  type: 'boolean';
+  value: boolean;
+}
+
+export interface UnknownToken extends BaseToken {
+  type: 'unknown';
+  value: string; // 原始字符
+}
+
+export interface NumberToken extends BaseToken {
+  type: 'number';
+  value: number;
+  numberType?: NumberType;
+}
+
+export type OperatorValue = '+' | '-' | '*' | '/' | '=' | '<>' | '>' | '>=' | '<' | '<=';
+
+export interface OperatorToken extends BaseToken {
+  type: 'operator';
+  value: OperatorValue;
+}
+
+export interface CommaToken extends BaseToken {
+  type: 'comma';
+  value: string;
+}
+
+export type ParenValue = '(' | ')';
+
+export interface ParenToken extends BaseToken {
+  type: 'paren';
+  value: ParenValue;
+}
+
+export type Token =
+  | FunctionToken
+  | FieldToken
+  | NumberToken
+  | OperatorToken
+  | CommaToken
+  | ParenToken
+  | StringToken
+  | BooleanToken
+  | UnknownToken;
+
+// ----AST类型----
+export type ASTNode = FunctionNode | FieldNode | BinaryNode | CompareNode | LiteralNode | EmptyNode;
+
+export interface ASTNodeBase {
+  startTokenIndex: number;
+  endTokenIndex: number;
+  parenthesized?: boolean; // 是否被括号包裹
+}
+
+export interface EmptyNode extends ASTNodeBase {
+  type: 'empty';
+}
+
+export interface FunctionNode extends ASTNodeBase {
+  type: 'function';
+  name: string;
+  args: ASTNode[];
+}
+
+export interface FieldNode extends ASTNodeBase {
+  type: 'field';
+  fieldId: string;
+  name: string;
+  fieldType?: string;
+}
+
+export interface NumberNode extends ASTNodeBase {
+  type: 'number';
+  value: number;
+  numberType?: NumberType;
+}
+
+export interface LiteralNode extends ASTNodeBase {
+  type: 'literal';
+  value: unknown;
+  valueType: 'string' | 'number' | 'boolean';
+}
+
+export interface BinaryNode extends ASTNodeBase {
+  type: 'binary';
+  operator: '+' | '-' | '*' | '/';
+  left: ASTNode;
+  right: ASTNode;
+}
+
+export interface CompareNode extends ASTNodeBase {
+  type: 'compare';
+  operator: '=' | '<>' | '>' | '>=' | '<' | '<=';
+  left: ASTNode;
+  right: ASTNode;
+}
+
+// 诊断相关类型
+export type FunctionDiagnoseContext = {
+  fnNode: FunctionNode;
+  args: ASTNode[];
+  tokens: Token[];
+};
+
+export type FormulaDiagnostic = {
+  type: 'error' | 'warning';
+  code: string;
+  message: string;
+  functionName?: string;
+  highlight?: {
+    tokenRange: [number, number]; // token 的区间
+    char?: string; // 高亮的字符
+    range?: [number, number]; // 在 formula string 中的字符区间
+    fieldId?: string;
+  };
+};
+
+export type FormulaFunctionRule = {
+  name: string;
+  diagnose(ctx: { fnNode: FunctionNode; args: ASTNode[] }): FormulaDiagnostic[]; // 诊断函数
+};
+
+export interface FormulaFieldMeta {
+  fieldId: string;
+  fieldType?: string;
+  numberType?: NumberType;
+}
+
+export interface FormulaSerializeResult {
+  source: string; // SUM(${123}, ${456}) + DAYS(...)
+  display: string; // SUM(报价产品.价格, 订阅表格.价格)
+  fields: FormulaFieldMeta[];
+  ir: IRNode | null; // 公式 IR
+}
+
+export interface DiagnoseContext {
+  tokens: Token[];
+  index: number;
+  diagnostics: FormulaDiagnostic[];
+  coveredRanges: Array<[number, number]>;
+
+  // 扫描期状态
+  parenBalance: number;
+  hasUnexpectedRightParen: boolean;
+  cur?: Token;
+  prev?: Token;
+
+  push(diag: FormulaDiagnostic): void;
+}
+
+export interface DiagnoseRule {
+  name: string;
+
+  // 每个 token 扫描时执行
+  check(ctx: DiagnoseContext): void;
+
+  // 扫描结束后执行（可选）
+  afterAll?(ctx: DiagnoseContext): void;
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula-editor/utils.ts b/frontend/packages/web/src/components/business/crm-formula-editor/utils.ts
new file mode 100644
index 0000000..1b57aed
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula-editor/utils.ts
@@ -0,0 +1,329 @@
+import type { FormCreateField } from '@/components/business/crm-form-create/types';
+
+import { defaultFormulaConfig } from './config';
+import { FormulaDiagnostic } from './types';
+
+export function createRangeFromStringIndex(root: HTMLElement, start: number, end: number): Range | null {
+  const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT);
+  let currentIndex = 0;
+
+  let startNode: Text | null = null;
+  let startOffset = 0;
+  let endNode: Text | null = null;
+  let endOffset = 0;
+
+  while (walker.nextNode()) {
+    const node = walker.currentNode as Text;
+    const len = node.textContent?.length ?? 0;
+
+    if (!startNode && currentIndex + len >= start) {
+      startNode = node;
+      startOffset = start - currentIndex;
+    }
+
+    if (startNode && currentIndex + len >= end) {
+      endNode = node;
+      endOffset = end - currentIndex;
+      break;
+    }
+
+    currentIndex += len;
+  }
+
+  if (!startNode || !endNode) return null;
+
+  const range = document.createRange();
+  range.setStart(startNode, startOffset);
+  range.setEnd(endNode, endOffset);
+  return range;
+}
+
+export function clearErrorHighlight(editor: HTMLElement) {
+  editor.querySelectorAll('.formula-error').forEach((el) => {
+    el.replaceWith(document.createTextNode(el.textContent || ''));
+  });
+}
+
+export function applyDiagnosticsHighlight(editor: HTMLElement, diagnostics: FormulaDiagnostic[]) {
+  clearErrorHighlight(editor);
+
+  diagnostics.forEach((diag) => {
+    if (!diag.highlight?.range) return;
+
+    const range = createRangeFromStringIndex(editor, diag.highlight.range[0], diag.highlight.range[1]);
+
+    if (!range) return;
+
+    const span = document.createElement('span');
+    span.className = 'formula-error';
+    span.style.backgroundColor = 'rgba(255,0,0,0.2)';
+    span.style.borderBottom = '1px solid red';
+
+    range.surroundContents(span);
+  });
+}
+
+export function safeParseFormula(formulaString?: string) {
+  try {
+    return JSON.parse(formulaString ?? '');
+  } catch (e) {
+    return defaultFormulaConfig;
+  }
+}
+/**
+ * 创建一个不可编辑的文本节点（NBSP），用于占位和保持光标位置
+ * @returns 不可编辑的文本节点
+ */
+export function createCaretText() {
+  const text = document.createTextNode('\u00A0'); // NBSP
+  return text;
+}
+
+/**
+ * 确保 atomic 节点两侧有可编辑的文本节点（光标占位）
+ * @param node atomic 节点
+ */
+export function ensureCaretAroundAtomic(node: HTMLElement) {
+  const prev = node.previousSibling;
+  const next = node.nextSibling;
+
+  if (!prev || prev.nodeType !== Node.TEXT_NODE) {
+    node.before(createCaretText());
+  }
+  if (!next || next.nodeType !== Node.TEXT_NODE) {
+    node.after(createCaretText());
+  }
+}
+
+/**
+ *  规范化编辑器结构，确保所有 atomic 节点两侧都有可编辑的文本节点
+ * @param root 编辑器根节点
+ */
+export function normalizeEditorStructure(root: HTMLElement) {
+  const walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT, null);
+
+  let node: Node | null;
+  while (true) {
+    node = walker.nextNode();
+    if (!node) break;
+
+    const el = node as HTMLElement;
+    if (el.dataset?.nodeType === 'field' || el.dataset?.nodeType === 'function') {
+      ensureCaretAroundAtomic(el);
+    }
+  }
+}
+
+/**
+ * 将 atomic 节点插入到选区中，并确保其两侧有可编辑的文本节点
+ * @param root 编辑器根节点
+ * @param atomic atomic 节点
+ * @returns void
+ */
+export function insertRangeAtomic(root: HTMLElement, atomic: HTMLElement) {
+  const sel = window.getSelection();
+  if (!sel || sel.rangeCount === 0) return;
+
+  const range = sel.getRangeAt(0);
+
+  // 保证 range 在 editor 内
+  if (!root.contains(range.commonAncestorContainer)) {
+    const tail = createCaretText();
+    root.appendChild(tail);
+    range.setStart(tail, 0);
+    range.collapse(true);
+  }
+
+  // 删除选区
+  range.deleteContents();
+
+  // atomic 两侧必须是普通 text node
+  const leftText = createCaretText();
+  const rightText = createCaretText();
+
+  const frag = document.createDocumentFragment();
+  frag.append(leftText, atomic, rightText);
+
+  range.insertNode(frag);
+
+  // 光标放在 atomic 后
+  range.setStart(rightText, 0);
+  range.collapse(true);
+
+  sel.removeAllRanges();
+  sel.addRange(range);
+
+  normalizeEditorStructure(root);
+}
+
+/**
+ * 判断节点是否为 atomic 节点
+ * @param node 节点
+ * @returns 是否为 atomic 节点
+ */
+export function isAtomicNode(node: Node | null): node is HTMLElement {
+  return node instanceof HTMLElement && node.contentEditable === 'false' && node.dataset.nodeType != null;
+}
+
+/**
+ * 确保节点两侧有可编辑的文本节点（光标占位）
+ * @param node 节点
+ * @returns void
+ */
+export function ensureTextAround(node: Node) {
+  const parent = node.parentNode;
+  if (!parent) return;
+
+  if (!node.previousSibling) {
+    parent.insertBefore(createCaretText(), node);
+  }
+
+  if (!node.nextSibling) {
+    parent.insertBefore(createCaretText(), node.nextSibling);
+  }
+}
+
+/**
+ * 删除 atomic 节点，并将光标放在其原位置
+ * @param atomic atomic 节点
+ * @returns void
+ */
+export function deleteAtomicNode(atomic: HTMLElement) {
+  const parent = atomic.parentNode;
+  if (!parent) return;
+
+  ensureTextAround(atomic);
+
+  const leftText = atomic.previousSibling as Text;
+  atomic.remove();
+
+  const range = document.createRange();
+  range.setStart(leftText, leftText.length);
+  range.setEnd(leftText, leftText.length);
+
+  const sel = window.getSelection();
+  sel?.removeAllRanges();
+  sel?.addRange(range);
+}
+
+/**
+ *  查找容器左侧最近的 atomic 节点
+ * @param container 容器
+ * @param offset 偏移位置
+ * @returns atomic 节点或 null
+ */
+export function findLeftAtomicDeep(container: Node, offset: number): HTMLElement | null {
+  let node: Node | null = null;
+
+  //  在 text node 中
+  if (container.nodeType === Node.TEXT_NODE) {
+    if (offset === 0) {
+      node = container.previousSibling;
+    } else {
+      return null;
+    }
+  }
+
+  //  在 element 中
+  if (container.nodeType === Node.ELEMENT_NODE) {
+    node = (container as Element).childNodes[offset - 1] ?? null;
+  }
+
+  // 跳过空 text node
+  while (node && node.nodeType === Node.TEXT_NODE && node.textContent === '') {
+    node = node.previousSibling;
+  }
+
+  //  命中 atomic
+  if (isAtomicNode(node)) {
+    return node;
+  }
+
+  // 命中识别函数结构
+  if (node?.nodeType === Node.TEXT_NODE && node.textContent === ')') {
+    const maybeArgs = node.previousSibling;
+    const maybeFnLeftParen = maybeArgs?.previousSibling;
+    const maybeFn = maybeFnLeftParen?.previousSibling;
+
+    if (
+      maybeArgs instanceof HTMLElement &&
+      maybeArgs.classList.contains('formula-args') &&
+      maybeFn instanceof HTMLElement &&
+      maybeFn.dataset.nodeType === 'function'
+    ) {
+      return maybeFn;
+    }
+  }
+
+  return null;
+}
+
+/**
+ * 获取当前文本选择范围
+ * @returns Range对象或null（如果没有选择）
+ */
+export function getSelectionRange(): Range | null {
+  const selection = window.getSelection();
+  if (!selection || selection.rangeCount === 0) return null;
+  return selection.getRangeAt(0);
+}
+
+/**
+ * 从指定节点开始向上查找匹配选择器的最近元素
+ * @param node 起始节点
+ * @param selector CSS选择器
+ * @returns 匹配的HTMLElement或null（如果未找到）
+ */
+export function closestElement(node: Node | null, selector: string): HTMLElement | null {
+  if (!node) return null;
+
+  let current: Node | null = node.nodeType === Node.ELEMENT_NODE ? node : node.parentNode;
+
+  while (current) {
+    if (current.nodeType === Node.ELEMENT_NODE) {
+      const el = current as HTMLElement;
+      if (el.matches(selector)) {
+        return el;
+      }
+    }
+    current = current.parentNode;
+  }
+
+  return null;
+}
+
+/**
+ * 检查选择范围是否完全在同一个函数参数容器内
+ * @param range 文本选择范围
+ * @returns 包含选择范围的.fn-args元素或null（如果不在同一参数容器内）
+ */
+export function isRangeInsideSameFnArgs(range: Range): HTMLElement | null {
+  const startArgs = closestElement(range.startContainer, '.fn-args');
+  const endArgs = closestElement(range.endContainer, '.fn-args');
+
+  if (startArgs && endArgs && startArgs === endArgs) {
+    return startArgs;
+  }
+
+  return null;
+}
+
+/**
+ * 确保函数参数容器有文本节点，以便光标可以定位
+ * @param argsEl 函数参数容器元素
+ */
+export function ensureFnArgsHasCaretText(argsEl: HTMLElement) {
+  if (!argsEl.firstChild) {
+    argsEl.appendChild(document.createTextNode(''));
+  }
+}
+
+export function resolveFieldId(e: FormCreateField, inSubTable?: boolean) {
+  if (e.resourceFieldId) {
+    return e.id;
+  }
+  if (inSubTable) {
+    return e.businessKey || e.id;
+  }
+  return e.id;
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula/formula-runtime/formula-executor/evaluator.ts b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/formula-executor/evaluator.ts
new file mode 100644
index 0000000..d63a91f
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/formula-executor/evaluator.ts
@@ -0,0 +1,268 @@
+import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+import { IRNodeType } from '@lib/shared/enums/formula';
+
+import {
+  EvaluateContext,
+  IRBinaryNode,
+  IRLiteralNode,
+  IRNode,
+} from '@/components/business/crm-formula/formula-runtime/types';
+
+import { functionRegistry } from '../function-registry';
+import { localDateToExcelSerial } from '../runtime/excel-date';
+import { excelCompare, normalizeSerialToSecond, toNumber } from '../runtime/excel-runtime';
+
+/**
+ * Excel 日期计算的基准时间戳
+ *
+ * Excel 使用 1899-12-30 作为日期序列号的起点（序列号 0）
+ * 这是因为 Lotus 1-2-3 中的历史遗留问题，Excel 为保持兼容性沿用了这个基准
+ *
+ * 用途：用于在 Excel 日期序列号与 JavaScript Date 对象之间进行转换
+ * 例如：Excel 序列号 44197 对应 2021-01-01
+ */
+const DAY_MS = 24 * 60 * 60 * 1000;
+const EXCEL_EPOCH = new Date(1899, 11, 30).getTime();
+
+function dateToSerial(date: Date | string): number {
+  let t: number;
+
+  if (date instanceof Date) {
+    t = new Date(
+      date.getFullYear(),
+      date.getMonth(),
+      date.getDate(),
+      date.getHours(),
+      date.getMinutes(),
+      date.getSeconds()
+    ).getTime();
+  } else {
+    const m = date.match(/^(\d{4})-(\d{2})-(\d{2})(?:\s+(\d{2}):(\d{2})(?::(\d{2}))?)?$/);
+    if (!m) return 0;
+
+    const [, y, mo, d, h = '0', mi = '0', s = '0'] = m;
+    const localDate = new Date(Number(y), Number(mo) - 1, Number(d), Number(h), Number(mi), Number(s));
+
+    t = localDate.getTime();
+  }
+
+  return (t - EXCEL_EPOCH) / DAY_MS;
+}
+
+function parseDateWithPrecision(raw: string | number | Date): number {
+  if (typeof raw === 'number') {
+    // 毫秒时间戳
+    if (raw > 1e10) {
+      const d = new Date(raw);
+      return localDateToExcelSerial(d);
+    }
+
+    // 否则认为是 Excel serial
+    return raw;
+  }
+
+  if (raw instanceof Date) {
+    return localDateToExcelSerial(raw);
+  }
+
+  if (typeof raw === 'string') {
+    // YYYY-MM
+    if (/^\d{4}-\d{2}$/.test(raw)) {
+      return dateToSerial(`${raw}-01`);
+    }
+
+    // YYYY-MM-DD / YYYY-MM-DD HH:mm:ss
+    if (/^\d{4}-\d{2}-\d{2}/.test(raw)) {
+      return dateToSerial(raw);
+    }
+  }
+
+  return 0;
+}
+
+export function resolveFieldValue(rawVal: any, node: IRNode, ctx?: EvaluateContext): any {
+  const meta = node.type === 'field' ? ctx?.getFieldMeta?.(node.fieldId) : undefined;
+
+  const isEmptyString = typeof rawVal === 'string' && rawVal.trim() === '';
+  const isEmptyValue = rawVal == null || rawVal === '' || isEmptyString;
+
+  if (
+    node.type === 'field' &&
+    meta?.fieldType === FieldTypeEnum.SERIAL_NUMBER &&
+    !meta?.resourceFieldId &&
+    !ctx?.needInitDetail
+  ) {
+    return `\${${ctx?.getFieldMeta?.(node.fieldId)?.name || node.fieldId}}`;
+  }
+
+  if (isEmptyValue) {
+    if (meta?.valueType === 'date' || meta?.valueType === 'number') {
+      return null;
+    }
+
+    return '';
+  }
+
+  if (Array.isArray(rawVal)) {
+    return rawVal;
+  }
+
+  const valueType = meta?.valueType;
+  const numberType = meta?.numberType;
+
+  // ---------- date ----------
+  if (valueType === 'date') {
+    const serial = parseDateWithPrecision(rawVal);
+    return serial;
+  }
+
+  // ---------- string ----------
+  if (valueType === 'string') {
+    return String(rawVal ?? '');
+  }
+
+  // ---------- boolean ----------
+  if (valueType === 'boolean') {
+    return Boolean(rawVal);
+  }
+
+  // ---------- number ----------
+  let num: number;
+
+  if (typeof rawVal === 'number') {
+    num = rawVal;
+  } else {
+    num = Number(String(rawVal).replace(/,/g, '').replace(/%/g, ''));
+  }
+
+  if (Number.isNaN(num)) return 0;
+
+  if (numberType === 'percent') {
+    return num / 100;
+  }
+
+  return num;
+}
+
+export default function evaluateIR(node: IRNode, ctx: EvaluateContext): any {
+  switch (node.type) {
+    case IRNodeType.Literal: {
+      const literal = node as IRLiteralNode;
+
+      if (literal.valueType === 'number') {
+        return Number(literal.value) || 0;
+      }
+
+      if (literal.valueType === 'string') {
+        return String(literal.value ?? '');
+      }
+
+      return literal.value;
+    }
+
+    case IRNodeType.Field: {
+      // 子表字段：返回一组 number
+      if (node.fieldId.includes('.')) {
+        const values = ctx.getTableColumnValues(node.fieldId);
+        return values.map((v) => {
+          const runtimeValue = ctx.resolveFieldRuntimeValue ? ctx.resolveFieldRuntimeValue(node.fieldId, v) : v;
+          return resolveFieldValue(runtimeValue, node, ctx);
+        });
+      }
+
+      // 普通字段
+      const rawValue = ctx.getScalarFieldValue(node.fieldId, ctx.context);
+      const runtimeValue = ctx.resolveFieldRuntimeValue
+        ? ctx.resolveFieldRuntimeValue(node.fieldId, rawValue)
+        : rawValue;
+
+      return resolveFieldValue(runtimeValue, node, ctx);
+    }
+
+    case IRNodeType.Binary: {
+      const left = evaluateIR(node.left, ctx);
+      const right = evaluateIR(node.right, ctx);
+      switch (node.operator) {
+        case '+':
+          return left + right;
+        case '-': {
+          const l = toNumber(left, ctx.warn);
+          const r = toNumber(right, ctx.warn);
+          if (Number.isNaN(l) || Number.isNaN(r)) {
+            ctx.warn?.(`[formula] invalid subtraction operands: ${left} - ${right}`);
+            return 0;
+          }
+          return l - r;
+        }
+        case '*': {
+          const l = toNumber(left, ctx.warn);
+          const r = toNumber(right, ctx.warn);
+          if (Number.isNaN(l) || Number.isNaN(r)) {
+            ctx.warn?.(`[formula] invalid multiplication operands: ${left} * ${right}`);
+            return 0;
+          }
+          return l * r;
+        }
+        case '/': {
+          const l = toNumber(left, ctx.warn);
+          const r = toNumber(right, ctx.warn);
+          if (Number.isNaN(l) || Number.isNaN(r)) {
+            ctx.warn?.(`[formula] invalid division operands: ${left} / ${right}`);
+            return 0;
+          }
+          return r === 0 ? 0 : l / r;
+        }
+        default:
+          ctx.warn?.(`Unknown operator ${(node as IRBinaryNode)?.operator}`);
+          return null;
+      }
+    }
+
+    case IRNodeType.Compare: {
+      let left = evaluateIR(node.left, ctx);
+      let right = evaluateIR(node.right, ctx);
+
+      const leftMeta = node.left.type === IRNodeType.Field ? ctx.getFieldMeta?.(node.left.fieldId) : undefined;
+
+      const rightMeta = node.right.type === IRNodeType.Field ? ctx.getFieldMeta?.(node.right.fieldId) : undefined;
+
+      const leftIsDate = leftMeta?.valueType === 'date';
+      const rightIsDate = rightMeta?.valueType === 'date';
+
+      // 只有日期比较才裁秒
+      if (leftIsDate || rightIsDate) {
+        if (typeof left === 'number') {
+          left = normalizeSerialToSecond(left);
+        }
+        if (typeof right === 'number') {
+          right = normalizeSerialToSecond(right);
+        }
+      }
+
+      return excelCompare(left, right, node.operator);
+    }
+
+    case IRNodeType.Function: {
+      const spec = functionRegistry.get(node.name);
+
+      if (!spec) {
+        ctx.warn?.(`Function ${node.name} not implemented`);
+        return null;
+      }
+
+      if (spec.lazy) {
+        const thunks = node.args.map((arg) => {
+          return () => evaluateIR(arg, ctx);
+        });
+
+        return spec.fn(ctx, ...thunks);
+      }
+
+      const args = node.args.map((arg) => evaluateIR(arg, ctx));
+      return spec.fn(ctx, ...args);
+    }
+    default:
+      ctx.warn?.(`Unknown node type ${(node as IRNode).type}`);
+      return null;
+  }
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula/formula-runtime/formula-executor/formula-display.ts b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/formula-executor/formula-display.ts
new file mode 100644
index 0000000..756506b
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/formula-executor/formula-display.ts
@@ -0,0 +1,98 @@
+import { tokenizeFromSource } from '@/components/business/crm-formula-editor/parseSource/serializeFormulaFromAst';
+import { safeParseFormula } from '@/components/business/crm-formula-editor/utils';
+
+import { flatAllFields } from '../../utils';
+import type { FormCreateField } from '@cordys/web/src/components/business/crm-form-create/types';
+
+export interface FormulaDisplayInfo {
+  allFieldIds: string[];
+  display: string;
+  isInvalid: boolean;
+  tooltip: string;
+}
+
+function buildFormulaDisplayFromSource(source: string, fields: FormCreateField[], isSubTableRender?: boolean) {
+  const flatFields = flatAllFields(fields, {
+    isSubTableRender,
+  });
+
+  const fieldMap = Object.fromEntries(flatFields.map((field) => [field.id, field]));
+  const tokens = tokenizeFromSource(source, fieldMap);
+
+  return tokens
+    .map((token) => {
+      switch (token.type) {
+        case 'field':
+          return token.name;
+        case 'function':
+          return token.name;
+        case 'string':
+          return `"${token.value}"`;
+        case 'boolean':
+          return token.value ? 'TRUE' : 'FALSE';
+        case 'number':
+          return String(token.value);
+        case 'comma':
+          return ',';
+        case 'paren':
+          return token.value;
+        case 'operator':
+          return ` ${token.value} `;
+        case 'unknown':
+          return token.value;
+        default:
+          return '';
+      }
+    })
+    .join('');
+}
+
+/**
+ * 一次性获取公式展示所需信息
+ */
+export function getFormulaDisplayInfo(options: {
+  formula?: string;
+  fields: FormCreateField[];
+  invalidText: string;
+  emptyText: string;
+  isSubTableRender?: boolean;
+}): FormulaDisplayInfo {
+  const { formula, fields, invalidText, emptyText, isSubTableRender } = options;
+
+  const allFieldIds = flatAllFields(fields, {
+    isSubTableRender,
+  }).map((e) => e.id);
+
+  if (!formula) {
+    return {
+      allFieldIds,
+      display: '',
+      isInvalid: false,
+      tooltip: emptyText,
+    };
+  }
+
+  const parsed = safeParseFormula(formula);
+  const display = parsed.source
+    ? buildFormulaDisplayFromSource(parsed.source, fields, isSubTableRender) || parsed.display || ''
+    : parsed.display || '';
+  const savedFields = parsed.fields?.map((e: any) => e.fieldId) ?? [];
+
+  const isInvalid = savedFields.some((fieldId: string) => !allFieldIds.includes(fieldId));
+
+  let tooltip: string;
+  if (!display) {
+    tooltip = emptyText;
+  } else if (isInvalid) {
+    tooltip = invalidText;
+  } else {
+    tooltip = display;
+  }
+
+  return {
+    allFieldIds,
+    display,
+    isInvalid,
+    tooltip,
+  };
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula/formula-runtime/formula-executor/index.ts b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/formula-executor/index.ts
new file mode 100644
index 0000000..44231c0
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/formula-executor/index.ts
@@ -0,0 +1,236 @@
+import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+
+import { FormCreateField } from '@/components/business/crm-form-create/types';
+import { safeParseFormula } from '@/components/business/crm-formula-editor/utils';
+
+import { flatAllFields, getFormulaDataSourceDisplayValue, hydrateIRNumberType, keepDecimal } from '../../utils';
+import registerBuiltinFunctions from '../functions';
+import { FieldMeta, FieldTypeMap, FormulaExecutorContext, FormulaExecutorResult, ValueType } from '../types';
+import evaluateIR from './evaluator';
+
+registerBuiltinFunctions();
+
+export function getValueType(field: FormCreateField): ValueType {
+  switch (field.type) {
+    case FieldTypeEnum.INPUT_NUMBER:
+      return 'number';
+    case FieldTypeEnum.DATE_TIME:
+      return 'date';
+    case FieldTypeEnum.INPUT:
+    case FieldTypeEnum.DATA_SOURCE:
+    case FieldTypeEnum.DATA_SOURCE_MULTIPLE:
+    case FieldTypeEnum.SERIAL_NUMBER:
+    case FieldTypeEnum.SELECT:
+      return 'string';
+    case FieldTypeEnum.RADIO:
+    case FieldTypeEnum.CHECKBOX:
+      return 'boolean';
+    default:
+      return 'unknown';
+  }
+}
+
+function buildFieldTypeInfo(field: FormCreateField): FieldMeta {
+  const baseInfo = {
+    valueType: getValueType(field),
+    fieldType: field.type,
+    name: field.name,
+    resourceFieldId: field.resourceFieldId,
+  };
+
+  const typeSpecificInfo: Record<string, any> = {
+    [FieldTypeEnum.INPUT_NUMBER]: {
+      numberType: field.numberFormat === 'percent' ? 'percent' : 'number',
+    },
+    [FieldTypeEnum.SERIAL_NUMBER]: {
+      defaultValueType: field.prefixType,
+    },
+    [FieldTypeEnum.INPUT]: {
+      defaultValueType: field.defaultValueType,
+    },
+  };
+
+  return {
+    ...baseInfo,
+    ...(typeSpecificInfo[field.type] || {}),
+  };
+}
+
+export function buildFieldTypeMap(fields: FormCreateField[]): FieldTypeMap {
+  const map: FieldTypeMap = {};
+
+  flatAllFields(fields).forEach((field) => {
+    const fieldInfo = buildFieldTypeInfo(field);
+
+    // 注册完整路径的字段
+    map[field.id] = fieldInfo;
+
+    // 如果字段 ID 包含子表路径
+    if (field.id.includes('.')) {
+      field.id.split('.').forEach((fieldId) => {
+        map[fieldId] = fieldInfo;
+      });
+    }
+  });
+
+  return map;
+}
+
+export function getFormulaRuntimeContext(path?: string) {
+  const contextMatch = path?.match(/^([^[]+)\[(\d+)\]\./);
+
+  if (!contextMatch) return undefined;
+
+  return {
+    tableKey: contextMatch[1],
+    rowIndex: Number(contextMatch[2]),
+  };
+}
+
+export function normalizeFormulaResult(
+  result: any,
+  options?: {
+    decimalPlaces?: number;
+    expectedType?: ValueType;
+  }
+): any {
+  const decimalPlaces = options?.decimalPlaces ?? 2;
+  const expectedType = options?.expectedType;
+
+  if (result == null) {
+    return '';
+  }
+
+  if (expectedType === 'string') {
+    return String(result);
+  }
+
+  if (expectedType === 'number') {
+    const num = Number(result);
+    if (Number.isNaN(num)) return 0;
+    return keepDecimal(num, decimalPlaces);
+  }
+
+  switch (typeof result) {
+    case 'number':
+      return keepDecimal(result, decimalPlaces);
+    case 'string':
+      return result;
+    case 'boolean':
+      return result ? 'TRUE' : 'FALSE';
+    default:
+      return String(result);
+  }
+}
+
+function cloneIRIfNeeded<T>(value: T, clone = true): T {
+  if (!clone) return value;
+
+  if (typeof structuredClone === 'function') {
+    return structuredClone(value);
+  }
+
+  return JSON.parse(JSON.stringify(value));
+}
+
+/**
+ * 表单场景统一执行公式
+ */
+export function executeFormFormula(ctx: FormulaExecutorContext): FormulaExecutorResult | undefined {
+  const {
+    formula,
+    path,
+    formDetail,
+    fields = [],
+    formulaDataSource,
+    needInitDetail,
+    evaluationNow,
+    decimalPlaces = 2,
+    expectedType,
+    cloneIR = true,
+    warn,
+  } = ctx;
+  const { ir } = safeParseFormula(formula ?? '');
+
+  if (!ir) {
+    return;
+  }
+
+  const runtimeIR = cloneIRIfNeeded(ir, cloneIR);
+  const fieldTypeMap = buildFieldTypeMap(fields);
+  hydrateIRNumberType(runtimeIR, fieldTypeMap);
+
+  const runtimeContext = getFormulaRuntimeContext(path);
+
+  const getScalarFieldValue = (
+    fieldId: string,
+    context?: {
+      tableKey?: string;
+      rowIndex?: number;
+    }
+  ) => {
+    if (context?.tableKey && context.rowIndex != null) {
+      const row = formDetail?.[context.tableKey]?.[context.rowIndex];
+      return row?.[fieldId];
+    }
+
+    return formDetail?.[fieldId];
+  };
+
+  const getTableColumnValues = (fieldPath: string): any[] => {
+    const [tableKey, fieldKey] = fieldPath.split('.');
+    const rows = formDetail?.[tableKey];
+    if (!Array.isArray(rows)) return [];
+    return rows.map((row) => row?.[fieldKey]);
+  };
+
+  const resolveFieldRuntimeValue = (fieldId: string, rawValue: any) => {
+    return getFormulaDataSourceDisplayValue(formulaDataSource, fieldId, rawValue);
+  };
+
+  const rawResult = evaluateIR(runtimeIR, {
+    evaluationNow,
+    context: runtimeContext,
+    getScalarFieldValue,
+    getTableColumnValues,
+    getFieldMeta: (fieldId: string) => {
+      return fieldTypeMap[fieldId];
+    },
+    resolveFieldRuntimeValue,
+    needInitDetail,
+    warn: (msg: string) => {
+      warn?.(msg);
+    },
+  } as any);
+
+  const normalizedResult = normalizeFormulaResult(rawResult, {
+    decimalPlaces,
+    expectedType,
+  });
+
+  return {
+    rawResult,
+    normalizedResult,
+  };
+}
+
+/**
+ * 取单值字段
+ */
+export function getScalarFieldValueByFormDetail(
+  formDetail: Record<string, any> | undefined,
+  fieldId: string,
+  context?: {
+    tableKey?: string;
+    rowIndex?: number;
+  }
+) {
+  // 子表当前行上下文
+  if (context?.tableKey && context.rowIndex != null) {
+    const row = formDetail?.[context.tableKey]?.[context.rowIndex];
+    return row?.[fieldId];
+  }
+
+  // 主表字段
+  return formDetail?.[fieldId];
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula/formula-runtime/function-registry.ts b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/function-registry.ts
new file mode 100644
index 0000000..dae1581
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/function-registry.ts
@@ -0,0 +1,51 @@
+import { FnSpec } from './types';
+
+export class FunctionRegistry {
+  private functions = new Map<string, FnSpec>();
+
+  private normalizeName(name: string): string {
+    return (name || '').trim().toUpperCase();
+  }
+
+  register(name: string, spec: FnSpec): void {
+    const normalizedName = this.normalizeName(name);
+
+    if (!normalizedName) {
+      throw new Error('[FunctionRegistry] function name is required');
+    }
+
+    this.functions.set(normalizedName, spec);
+  }
+
+  batchRegister(definitions: Record<string, FnSpec>): void {
+    Object.entries(definitions).forEach(([name, spec]) => {
+      this.register(name, spec);
+    });
+  }
+
+  get(name: string): FnSpec | undefined {
+    return this.functions.get(this.normalizeName(name));
+  }
+
+  has(name: string): boolean {
+    return this.functions.has(this.normalizeName(name));
+  }
+
+  unregister(name: string): void {
+    this.functions.delete(this.normalizeName(name));
+  }
+
+  clear(): void {
+    this.functions.clear();
+  }
+
+  keys(): string[] {
+    return Array.from(this.functions.keys());
+  }
+
+  entries(): Array<[string, FnSpec]> {
+    return Array.from(this.functions.entries());
+  }
+}
+
+export const functionRegistry = new FunctionRegistry();
diff --git a/frontend/packages/web/src/components/business/crm-formula/formula-runtime/functions/and.ts b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/functions/and.ts
new file mode 100644
index 0000000..128dec3
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/functions/and.ts
@@ -0,0 +1,6 @@
+import { toBoolean } from '../runtime/excel-runtime';
+import { EvaluateContext } from '../types';
+
+export default function AND(ctx: EvaluateContext, ...args: Array<() => any>) {
+  return args.every((fn) => toBoolean(fn()));
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula/formula-runtime/functions/concatenate.ts b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/functions/concatenate.ts
new file mode 100644
index 0000000..686f0a0
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/functions/concatenate.ts
@@ -0,0 +1,29 @@
+// /formula-runtime/functions/concatenate.ts
+import { EvaluateContext } from '../types';
+
+export default function CONCATENATE(ctx: EvaluateContext, ...args: any[]): string {
+  if (!args || args.length === 0) return '';
+
+  const strVal = args.reduce((result, arg) => {
+    // null / undefined → 跳过处理
+    if (arg == null) {
+      return result;
+    }
+
+    //  子表数组支持
+    if (Array.isArray(arg)) {
+      const arrayResult = arg.reduce((subResult, item) => {
+        if (item != null) {
+          return subResult + String(item);
+        }
+        return subResult;
+      }, '');
+      return result + arrayResult;
+    }
+
+    //  普通值
+    return result + String(arg);
+  }, '');
+
+  return strVal;
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula/formula-runtime/functions/days.ts b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/functions/days.ts
new file mode 100644
index 0000000..0a5e45e
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/functions/days.ts
@@ -0,0 +1,8 @@
+// /formula-runtime/functions/days.ts
+import { EvaluateContext } from '../types';
+
+export default function DAYS(ctx: EvaluateContext, end: number, start: number): number {
+  if (!Number.isFinite(end) || !Number.isFinite(start)) return 0;
+
+  return Math.floor(end) - Math.floor(start);
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula/formula-runtime/functions/if.ts b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/functions/if.ts
new file mode 100644
index 0000000..a2ba64d
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/functions/if.ts
@@ -0,0 +1,16 @@
+import { toBoolean } from '../runtime/excel-runtime';
+import { EvaluateContext } from '../types';
+
+export default function IF(ctx: EvaluateContext, cond: () => any, trueValue: () => any, falseValue?: () => any) {
+  const condition = toBoolean(cond());
+
+  if (condition) {
+    return trueValue();
+  }
+
+  if (falseValue) {
+    return falseValue();
+  }
+
+  return null;
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula/formula-runtime/functions/ifs.ts b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/functions/ifs.ts
new file mode 100644
index 0000000..9250fec
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/functions/ifs.ts
@@ -0,0 +1,17 @@
+import { toBoolean } from '../runtime/excel-runtime';
+import { EvaluateContext } from '../types';
+
+export default function IFS(ctx: EvaluateContext, ...args: Array<() => any>) {
+  for (let i = 0; i < args.length; i += 2) {
+    const cond = args[i];
+    const value = args[i + 1];
+
+    if (!cond || !value) break;
+
+    if (toBoolean(cond())) {
+      return value();
+    }
+  }
+
+  return null;
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula/formula-runtime/functions/index.ts b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/functions/index.ts
new file mode 100644
index 0000000..f499ca9
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/functions/index.ts
@@ -0,0 +1,71 @@
+// /formula-runtime/functions/index.ts
+import { functionRegistry } from '../function-registry';
+import { FnSpec } from '../types';
+import AND from './and';
+import CONCATENATE from './concatenate';
+import DAYS from './days';
+import IF from './if';
+import IFS from './ifs';
+import NOW from './now';
+import SUM from './sum';
+import TEXT from './text';
+import TODAY from './today';
+
+const BUILTIN_FUNCTIONS: Record<string, FnSpec> = {
+  SUM: {
+    source: 'builtin',
+    fn: SUM,
+  },
+
+  DAYS: {
+    source: 'builtin',
+    fn: DAYS,
+  },
+
+  CONCATENATE: {
+    source: 'builtin',
+    fn: CONCATENATE,
+  },
+
+  IF: {
+    source: 'builtin',
+    lazy: true,
+    fn: IF,
+  },
+
+  IFS: {
+    source: 'builtin',
+    lazy: true,
+    fn: IFS,
+  },
+
+  AND: {
+    source: 'builtin',
+    lazy: true,
+    fn: AND,
+  },
+
+  TODAY: {
+    source: 'builtin',
+    fn: TODAY,
+  },
+
+  NOW: {
+    source: 'builtin',
+    fn: NOW,
+  },
+
+  TEXT: {
+    source: 'builtin',
+    fn: TEXT,
+  },
+};
+
+let initialized = false;
+
+export default function registerBuiltinFunctions() {
+  if (initialized) return;
+
+  functionRegistry.batchRegister(BUILTIN_FUNCTIONS);
+  initialized = true;
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula/formula-runtime/functions/now.ts b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/functions/now.ts
new file mode 100644
index 0000000..55e9b47
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/functions/now.ts
@@ -0,0 +1,7 @@
+import { localDateToExcelSerial } from '../runtime/excel-date';
+import { EvaluateContext } from '../types';
+
+export default function NOW(ctx: EvaluateContext) {
+  if (!ctx.evaluationNow) return;
+  return localDateToExcelSerial(ctx.evaluationNow);
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula/formula-runtime/functions/sum.ts b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/functions/sum.ts
new file mode 100644
index 0000000..06fb535
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/functions/sum.ts
@@ -0,0 +1,18 @@
+// /formula-runtime/functions/sum.ts
+import { normalizeFormulaNumber } from '@/components/business/crm-formula/utils';
+
+import { EvaluateContext } from '../types';
+
+export default function SUM(ctx: EvaluateContext, ...args: any[]): number {
+  let total = 0;
+
+  args.forEach((v) => {
+    if (Array.isArray(v)) {
+      total += SUM(ctx, ...v);
+    } else if (typeof v === 'number') {
+      total += v;
+    }
+  });
+
+  return normalizeFormulaNumber(total);
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula/formula-runtime/functions/text.ts b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/functions/text.ts
new file mode 100644
index 0000000..5b313e6
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/functions/text.ts
@@ -0,0 +1,7 @@
+// /formula-runtime/functions/text.ts
+import { formatTextValue } from '../runtime/text-format';
+import { EvaluateContext } from '../types';
+
+export default function TEXT(ctx: EvaluateContext, value: any, format: any): string {
+  return formatTextValue(value, format);
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula/formula-runtime/functions/today.ts b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/functions/today.ts
new file mode 100644
index 0000000..197b44f
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/functions/today.ts
@@ -0,0 +1,13 @@
+// formula-runtime/functions/today.ts
+import { localDateToExcelSerial } from '../runtime/excel-date';
+import { EvaluateContext } from '../types';
+
+export default function TODAY(ctx: EvaluateContext) {
+  if (!ctx.evaluationNow) return;
+
+  const now = ctx.evaluationNow;
+
+  const today = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 0, 0, 0, 0);
+
+  return Math.floor(localDateToExcelSerial(today));
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula/formula-runtime/index.ts b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/index.ts
new file mode 100644
index 0000000..1b81ab2
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/index.ts
@@ -0,0 +1,3 @@
+import evaluateIR from './formula-executor/evaluator';
+
+export default evaluateIR;
diff --git a/frontend/packages/web/src/components/business/crm-formula/formula-runtime/runtime/excel-date.ts b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/runtime/excel-date.ts
new file mode 100644
index 0000000..8ab1954
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/runtime/excel-date.ts
@@ -0,0 +1,28 @@
+const DAY_MS = 24 * 60 * 60 * 1000;
+const EXCEL_EPOCH_UTC = Date.UTC(1899, 11, 30);
+
+/**
+ * 用“本地墙上时间”转 Excel serial
+ * 不使用真实时区 instant 语义，避免历史时区偏差
+ */
+export function localDateToExcelSerial(date: Date): number {
+  const utcLike = Date.UTC(
+    date.getFullYear(),
+    date.getMonth(),
+    date.getDate(),
+    date.getHours(),
+    date.getMinutes(),
+    date.getSeconds(),
+    date.getMilliseconds()
+  );
+
+  return (utcLike - EXCEL_EPOCH_UTC) / DAY_MS;
+}
+
+/**
+ * Excel serial -> “本地墙上时间” Date 容器
+ * 后续必须配合 getUTC* 读取
+ */
+export function excelSerialToLocalDate(serial: number): Date {
+  return new Date(EXCEL_EPOCH_UTC + serial * DAY_MS);
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula/formula-runtime/runtime/excel-runtime.ts b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/runtime/excel-runtime.ts
new file mode 100644
index 0000000..b522e85
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/runtime/excel-runtime.ts
@@ -0,0 +1,157 @@
+/**
+ * Excel coercion + compare runtime
+ */
+import { CompareOperator } from '../types';
+
+const SECOND_MS = 1000;
+const DAY_MS = 24 * 60 * 60 * 1000;
+
+/**
+ * 把 Excel serial 裁到秒精度
+ */
+export function normalizeSerialToSecond(serial: number): number {
+  return (Math.floor((serial * DAY_MS) / SECOND_MS) * SECOND_MS) / DAY_MS;
+}
+
+// 可选：用于 debug/告警（不想用就不传）
+export type RuntimeWarn = (msg: string) => void;
+
+function normalizeScalar(value: any, _?: RuntimeWarn): any {
+  if (Array.isArray(value)) {
+    if (value.length === 0) {
+      return 0;
+    }
+    // 这里策略：隐式取第一个 / 取0 / 报警
+    return value[0];
+  }
+
+  return value;
+}
+/**
+ * Excel boolean coercion
+ */
+export function toBoolean(value: any, warn?: RuntimeWarn): boolean {
+  const v0 = normalizeScalar(value, warn);
+  if (v0 == null) return false;
+
+  if (typeof v0 === 'boolean') return v0;
+  if (typeof v0 === 'number') return v0 !== 0;
+
+  if (typeof v0 === 'string') {
+    const v = v0.trim().toLowerCase();
+    if (v === '') return false;
+    if (v === 'true') return true;
+    if (v === 'false') return false;
+    return true;
+  }
+
+  return Boolean(v0);
+}
+
+/**
+ * Excel number coercion
+ */
+export function toNumber(value: any, warn?: RuntimeWarn): number {
+  const v0 = normalizeScalar(value, warn);
+  if (v0 == null) return 0;
+
+  if (typeof v0 === 'number') return v0;
+  if (typeof v0 === 'boolean') return v0 ? 1 : 0;
+
+  if (typeof v0 === 'string') {
+    const trimmed = v0.trim();
+    if (trimmed === '') return 0;
+    const n = Number(trimmed);
+    if (!Number.isNaN(n)) return n;
+  }
+
+  return NaN;
+}
+
+/**
+ * Excel string coercion
+ */
+export function toString(value: any, warn?: RuntimeWarn): string {
+  const v0 = normalizeScalar(value, warn);
+  if (v0 == null) return '';
+
+  if (typeof v0 === 'string') return v0;
+  if (typeof v0 === 'number') return String(v0);
+  if (typeof v0 === 'boolean') return v0 ? 'TRUE' : 'FALSE';
+
+  return String(v0);
+}
+
+function compareEqual(a: any, b: any, warn?: RuntimeWarn): boolean {
+  const left = normalizeScalar(a, warn);
+  const right = normalizeScalar(b, warn);
+
+  const leftIsEmpty = left == null || left === '';
+  const rightIsEmpty = right == null || right === '';
+
+  // 在公式比较里把 null / undefined / '' 视为等价空值
+  if (leftIsEmpty && rightIsEmpty) {
+    return true;
+  }
+
+  // number vs string
+  if (typeof left === 'number' && typeof right === 'string') {
+    const n = toNumber(right, warn);
+    if (!Number.isNaN(n)) return left === n;
+  }
+  if (typeof left === 'string' && typeof right === 'number') {
+    const n = toNumber(left, warn);
+    if (!Number.isNaN(n)) return n === right;
+  }
+
+  // boolean compare（含 boolean vs string / number）
+  if (typeof left === 'boolean' || typeof right === 'boolean') {
+    return toBoolean(left, warn) === toBoolean(right, warn);
+  }
+
+  return left === right;
+}
+
+/**
+ * Excel compare
+ */
+export function excelCompare(left: any, right: any, operator: CompareOperator, warn?: RuntimeWarn): boolean {
+  switch (operator) {
+    case '=':
+      return compareEqual(left, right, warn);
+
+    case '<>':
+      return !compareEqual(left, right, warn);
+
+    case '>': {
+      const l = toNumber(left, warn);
+      const r = toNumber(right, warn);
+      if (Number.isNaN(l) || Number.isNaN(r)) return false;
+      return l > r;
+    }
+
+    case '<': {
+      const l = toNumber(left, warn);
+      const r = toNumber(right, warn);
+      if (Number.isNaN(l) || Number.isNaN(r)) return false;
+      return l < r;
+    }
+
+    case '>=': {
+      const l = toNumber(left, warn);
+      const r = toNumber(right, warn);
+      if (Number.isNaN(l) || Number.isNaN(r)) return false;
+      return l >= r;
+    }
+
+    case '<=': {
+      const l = toNumber(left, warn);
+      const r = toNumber(right, warn);
+      if (Number.isNaN(l) || Number.isNaN(r)) return false;
+      return l <= r;
+    }
+
+    default:
+      return false;
+  }
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula/formula-runtime/runtime/text-format.ts b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/runtime/text-format.ts
new file mode 100644
index 0000000..7d6216a
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/runtime/text-format.ts
@@ -0,0 +1,159 @@
+// /formula-runtime/runtime/text-format.ts
+import { excelSerialToLocalDate } from './excel-date';
+import { toNumber, toString } from './excel-runtime';
+
+/**
+ * Excel serial -> Date
+ */
+
+function serialToDate(serial: number): Date {
+  return excelSerialToLocalDate(serial);
+}
+
+function pad(value: number, len = 2): string {
+  return String(value).padStart(len, '0');
+}
+
+function isDateFormat(format: string): boolean {
+  const fmt = format.toLowerCase();
+  return /y|m|d|h|s/.test(fmt);
+}
+
+function hasThousands(format: string): boolean {
+  return format.includes(',');
+}
+
+function getDecimalPlaces(format: string): number {
+  const match = format.match(/\.(0+)/);
+  return match ? match[1].length : 0;
+}
+
+function isPercentFormat(format: string): boolean {
+  return format.includes('%');
+}
+
+function isZeroPadFormat(format: string): boolean {
+  return /^0+$/.test(format);
+}
+
+/**
+ * 解决 Excel 风格格式中 mm 同时表示“月/分”的问题
+ *
+ * 约定支持：
+ * - yyyy-mm-dd
+ * - yyyy/mm/dd
+ * - yyyymmdd
+ * - yyyy-mm-dd hh:mm:ss
+ * - hh:mm:ss
+ *
+ * 规则：
+ * - 先替换 yyyy / dd / hh / ss
+ * - 处于 "hh:mm" 或 ":mm:" 或 ":mm" 语境中的 mm 视为“分钟”
+ * - 其余 mm 视为“月份”
+ */
+function formatDateByPattern(date: Date, format: string): string {
+  const yyyy = String(date.getUTCFullYear());
+  const month = pad(date.getUTCMonth() + 1);
+  const day = pad(date.getUTCDate());
+  const hour = pad(date.getUTCHours());
+  const minute = pad(date.getUTCMinutes());
+  const second = pad(date.getUTCSeconds());
+
+  let result = format;
+
+  result = result.replace(/yyyy/g, yyyy).replace(/dd/g, day).replace(/hh/g, hour).replace(/ss/g, second);
+
+  result = result.replace(/hh:mm/g, `${hour}:${minute}`);
+  result = result.replace(/:mm:/g, `:${minute}:`);
+  result = result.replace(/:mm\b/g, `:${minute}`);
+
+  result = result.replace(/mm/g, month);
+
+  return result;
+}
+
+/**
+ * 仅支持一版常用 Excel 风格数字格式：
+ * 0
+ * 0.00
+ * #,##0
+ * #,##0.00
+ * 0%
+ * 0.00%
+ * 00000
+ */
+export function formatNumberByPattern(value: number, format: string): string {
+  if (!Number.isFinite(value)) return '';
+
+  // 00000 这种补零
+  if (isZeroPadFormat(format)) {
+    const width = format.length;
+    return String(Math.trunc(value)).padStart(width, '0');
+  }
+
+  let num = value;
+  let suffix = '';
+
+  if (isPercentFormat(format)) {
+    num *= 100;
+    suffix = '%';
+  }
+
+  const decimalPlaces = getDecimalPlaces(format);
+  let result = num.toFixed(decimalPlaces);
+
+  if (hasThousands(format)) {
+    const [intPart, decimalPart] = result.split('.');
+    const formattedInt = Number(intPart).toLocaleString('en-US');
+    result = decimalPart != null ? `${formattedInt}.${decimalPart}` : formattedInt;
+  }
+
+  return result + suffix;
+}
+
+/**
+ * 入口：TEXT(value, format)
+ */
+export function formatTextValue(value: any, format: any): string {
+  if (value == null || value === '') {
+    return '';
+  }
+  const fmt = toString(format).trim();
+  // 数字特例：当格式为空时显示空字符串
+  if (typeof value === 'number' && (format === '' || !format)) {
+    return '';
+  }
+
+  if (!fmt) {
+    return toString(value);
+  }
+
+  // 日期格式
+  if (isDateFormat(fmt)) {
+    let date: Date | null = null;
+
+    if (value instanceof Date) {
+      date = value;
+    } else {
+      const num = toNumber(value);
+      if (!Number.isNaN(num)) {
+        date = serialToDate(num);
+      }
+    }
+
+    if (!date || Number.isNaN(date.getTime())) {
+      return '';
+    }
+
+    return formatDateByPattern(date, fmt);
+  }
+
+  // 数字格式
+  const num = toNumber(value);
+  if (!Number.isNaN(num)) {
+    return formatNumberByPattern(num, fmt);
+  }
+
+  // 兜底：按字符串返回
+  return toString(value);
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula/formula-runtime/types.ts b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/types.ts
new file mode 100644
index 0000000..c56f9c7
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula/formula-runtime/types.ts
@@ -0,0 +1,120 @@
+import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+import { IRNodeType } from '@lib/shared/enums/formula';
+
+import { FormCreateField } from '@/components/business/crm-form-create/types';
+
+export interface ResolveContext {
+  /** 是否允许出现列字段 */
+  expectScalar: boolean;
+}
+
+// ---- IR 类型 ----
+export type IRNode = IRLiteralNode | IRFieldNode | IRBinaryNode | IRCompareNode | IRFunctionNode | IRInvalidNode;
+
+export interface IRLiteralNode {
+  type: IRNodeType.Literal;
+  value: unknown;
+  valueType: 'number' | 'string' | 'boolean';
+}
+
+// 比较符
+export type CompareOperator = '=' | '<>' | '>' | '>=' | '<' | '<=';
+
+export interface IRCompareNode {
+  type: IRNodeType.Compare;
+  operator: CompareOperator;
+  left: IRNode;
+  right: IRNode;
+}
+
+export interface IRFieldNode {
+  type: IRNodeType.Field;
+  fieldId: string;
+  numberType?: 'number' | 'percent' | 'date'; // todo
+}
+
+export interface IRBinaryNode {
+  type: IRNodeType.Binary;
+  operator: '+' | '-' | '*' | '/';
+  left: IRNode;
+  right: IRNode;
+}
+
+export interface IRFunctionNode {
+  type: IRNodeType.Function;
+  name: string;
+  args: IRNode[];
+}
+
+interface IRInvalidNode {
+  type: IRNodeType.Invalid;
+  reason: string;
+}
+
+export type ValueType = 'number' | 'string' | 'boolean' | 'date' | 'unknown';
+
+export interface FieldMeta {
+  valueType: ValueType;
+  name: string;
+  fieldType: FieldTypeEnum;
+  numberType?: 'number' | 'percent';
+  defaultValueType?: 'custom' | 'formula';
+  resourceFieldId?: string;
+}
+
+export type FieldTypeMap = Record<string, FieldMeta>;
+
+export type FormulaDataSourceMap = Record<
+  string,
+  {
+    parserName: boolean;
+    options: Record<string, any>[];
+  }
+>;
+
+// -------- Runtime Context --------
+export interface EvaluateContext {
+  evaluationNow: Date | null;
+  /** 当前是否在子表 */
+  context?: {
+    tableKey?: string;
+    rowIndex?: number;
+  };
+
+  /** 取单值字段 */
+  getScalarFieldValue(fieldId: string, ctx?: EvaluateContext['context']): number;
+
+  /** 取列字段 */
+  getTableColumnValues(path: string): number[];
+  getFieldMeta?(fieldId: string): FieldMeta | undefined;
+  resolveFieldRuntimeValue?(fieldId: string, rawValue: any): any;
+  needInitDetail?: boolean;
+  warn?(msg: string): void;
+}
+
+export type FunctionSource = 'builtin' | 'external' | 'plugin';
+
+export interface FnSpec {
+  fn: (ctx: EvaluateContext, ...args: any[]) => any;
+  source?: FunctionSource; // 函数来源
+  lazy?: boolean;
+}
+
+export interface FormulaExecutorContext {
+  formula?: string;
+  path?: string;
+  formDetail?: Record<string, any>;
+  fields?: FormCreateField[];
+  formulaDataSource: Record<string, any>;
+  needInitDetail?: boolean;
+  evaluationNow?: any;
+  decimalPlaces?: number;
+  expectedType?: ValueType;
+  cloneIR?: boolean;
+  warn?: (msg: string) => void;
+}
+
+export interface FormulaExecutorResult {
+  rawResult: any;
+  normalizedResult: any;
+}
diff --git a/frontend/packages/web/src/components/business/crm-formula/index.vue b/frontend/packages/web/src/components/business/crm-formula/index.vue
new file mode 100644
index 0000000..647ee49
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula/index.vue
@@ -0,0 +1,156 @@
+<template>
+  <n-tooltip trigger="hover" placement="top">
+    <template #trigger>
+      <component
+        :is="currentComponent"
+        v-model:value="value"
+        :path="props.path"
+        :field-config="fieldConfig"
+        :form-config="props.formConfig"
+        :is-sub-table-field="props.isSubTableField"
+        :is-sub-table-render="props.isSubTableRender"
+        :need-init-detail="needInitDetail"
+        @change="handleChange"
+      />
+    </template>
+    {{ formulaTooltip }}
+  </n-tooltip>
+</template>
+
+<script setup lang="ts">
+  import { NTooltip } from 'naive-ui';
+  import { debounce } from 'lodash-es';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { FormConfig } from '@lib/shared/models/system/module';
+
+  import basicComponents from '@/components/business/crm-form-create/components/basic/index';
+
+  import { executeFormFormula } from './formula-runtime/formula-executor';
+  import { getFormulaDisplayInfo } from './formula-runtime/formula-executor/formula-display';
+  import type { FormCreateField } from '@cordys/web/src/components/business/crm-form-create/types';
+
+  const { t } = useI18n();
+  const { inputNumber, singleText } = basicComponents;
+
+  const props = defineProps<{
+    fieldConfig: FormCreateField;
+    formConfig?: FormConfig;
+    path: string;
+    formDetail?: Record<string, any>;
+    needInitDetail?: boolean; // 判断是否编辑情况
+    isSubTableField?: boolean; // 是否是子表字段
+    isSubTableRender?: boolean; // 是否是子表渲染
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'change', value: any): void;
+  }>();
+
+  const value = defineModel<any>('value', {
+    default: 0,
+  });
+
+  const currentComponent = computed(() => {
+    switch (typeof value.value) {
+      case 'string':
+        return singleText;
+      case 'number':
+        return inputNumber;
+      default:
+        return inputNumber;
+    }
+  });
+
+  const formulaFormContext = inject(
+    'formFieldsProvider',
+    ref({
+      fields: [],
+      formulaDataSource: {},
+      evaluationNow: null,
+    })
+  );
+
+  const fieldList = computed(() => formulaFormContext?.value.fields);
+  const formulaDataSource = computed(() => formulaFormContext?.value.formulaDataSource);
+  const evaluationNow = computed(() => formulaFormContext?.value.evaluationNow);
+
+  const formulaDisplayInfo = computed(() =>
+    getFormulaDisplayInfo({
+      formula: props.fieldConfig.formula,
+      fields: fieldList.value ?? [],
+      invalidText: t('crmFormDesign.formulaFieldChanged'),
+      emptyText: t('crmFormDesign.formulaTooltip'),
+      isSubTableRender: props.isSubTableRender,
+    })
+  );
+
+  const formulaTooltip = computed(() => formulaDisplayInfo.value.tooltip);
+
+  // 根据公式实时计算 todo 等待优化
+  const updateValue = debounce(() => {
+    const { formula } = props.fieldConfig;
+    const result = executeFormFormula({
+      formula,
+      path: props.path,
+      formDetail: props.formDetail,
+      fields: fieldList.value ?? [],
+      formulaDataSource: formulaDataSource.value,
+      needInitDetail: props.needInitDetail,
+      evaluationNow: evaluationNow.value,
+      decimalPlaces: 2,
+      warn: (msg: string) => {
+        // eslint-disable-next-line no-console
+        console.warn(msg);
+      },
+    });
+
+    if (!result) {
+      return;
+    }
+
+    const next = result.normalizedResult;
+
+    if (Object.is(next, value.value)) return;
+    value.value = next;
+    emit('change', next);
+  }, 100);
+
+  watch(
+    () => props.fieldConfig.defaultValue,
+    (val) => {
+      if (props.needInitDetail) return;
+      if (val !== undefined && val !== null) {
+        value.value = val;
+      } else if (value.value == null) {
+        value.value = 0;
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  watch(
+    () => props.formDetail,
+    () => {
+      updateValue.flush?.();
+      updateValue();
+    },
+    { deep: true }
+  );
+
+  watch(
+    value,
+    (val) => {
+      if (val == null) value.value = 0;
+    },
+    { immediate: true }
+  );
+
+  function handleChange(val: any) {
+    emit('change', val);
+  }
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-formula/utils.ts b/frontend/packages/web/src/components/business/crm-formula/utils.ts
new file mode 100644
index 0000000..b5a26f4
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-formula/utils.ts
@@ -0,0 +1,158 @@
+import { IRNodeType } from '@lib/shared/enums/formula';
+
+import { resolveFieldId } from '../crm-formula-editor/utils';
+import { FieldTypeMap, FormulaDataSourceMap, IRNode } from './formula-runtime/types';
+import { FormCreateField } from '@cordys/web/src/components/business/crm-form-create/types';
+
+export function hydrateIRNumberType(node: IRNode | any, fieldTypeMap: FieldTypeMap): IRNode {
+  // ---------- 历史数据兼容 as 旧数据，需要转换成新版本----------
+  if (node.type === 'number') {
+    return {
+      type: IRNodeType.Literal,
+      value: node.value,
+      valueType: 'number',
+    };
+  }
+
+  if (node.type === 'string') {
+    return {
+      type: IRNodeType.Literal,
+      value: node.value,
+      valueType: 'string',
+    };
+  }
+
+  if (node.type === 'boolean') {
+    return {
+      type: IRNodeType.Literal,
+      value: node.value,
+      valueType: 'boolean',
+    };
+  }
+
+  switch (node.type) {
+    case IRNodeType.Literal:
+      return node;
+
+    case IRNodeType.Field: {
+      const fieldType = fieldTypeMap[node.fieldId];
+
+      if (fieldType) {
+        node.numberType = fieldType;
+      }
+
+      return node;
+    }
+
+    case IRNodeType.Binary: {
+      node.left = hydrateIRNumberType(node.left, fieldTypeMap);
+      node.right = hydrateIRNumberType(node.right, fieldTypeMap);
+      return node;
+    }
+
+    case IRNodeType.Compare: {
+      node.left = hydrateIRNumberType(node.left, fieldTypeMap);
+      node.right = hydrateIRNumberType(node.right, fieldTypeMap);
+      return node;
+    }
+
+    case IRNodeType.Function: {
+      node.args = node.args.map((arg: IRNode) => hydrateIRNumberType(arg, fieldTypeMap));
+      return node;
+    }
+
+    case IRNodeType.Invalid:
+      return node;
+
+    default: {
+      const _exhaustiveCheck: any = node;
+      return _exhaustiveCheck;
+    }
+  }
+}
+
+export function getFormulaDataSourceDisplayValue(
+  formulaDataSource: FormulaDataSourceMap,
+  fieldId: string,
+  rawValue: any
+): any {
+  const config = formulaDataSource[fieldId];
+
+  // 不是数据源映射字段，保持原值
+  if (!config?.parserName) {
+    return rawValue;
+  }
+
+  // 空值
+  if (rawValue == null || rawValue === '') {
+    return [];
+  }
+
+  const options = config.options ?? [];
+
+  const values = Array.isArray(rawValue) ? rawValue : [rawValue];
+
+  const result = values.map((value) => {
+    const target = String(value);
+
+    const matched = options.find((item) => {
+      const candidate = item.value ?? item.id;
+      return String(candidate) === target;
+    });
+
+    return matched?.name ?? matched?.label ?? value;
+  });
+  return result;
+}
+
+export function flatAllFields(
+  fields: FormCreateField[],
+  options?: {
+    isSubTableRender?: boolean;
+  }
+) {
+  const result: (FormCreateField & {
+    parentId?: string;
+    parentName?: string;
+    inSubTable?: boolean;
+  })[] = [];
+
+  fields?.forEach((field) => {
+    if (field.subFields) {
+      field.subFields.forEach((sub) => {
+        result.push({
+          ...sub,
+          name: options?.isSubTableRender ? sub.name : `${field.name}.${sub.name}`,
+          id: options?.isSubTableRender ? resolveFieldId(sub, true) : `${field.id}.${resolveFieldId(sub, true)}`,
+          parentId: field.id,
+          parentName: field.name,
+          inSubTable: true,
+        });
+      });
+    } else {
+      result.push({
+        ...field,
+        inSubTable: false,
+      });
+    }
+  });
+
+  return result;
+}
+
+export function normalizeFormulaNumber(n: number): number {
+  if (!Number.isFinite(n)) return n;
+  return Number.parseFloat(n.toPrecision(15));
+}
+
+/**
+ * 先消除浮点尾差，再按指定位数截断，不做四舍五入
+ */
+export function keepDecimal(value: number, digits = 2) {
+  if (!Number.isFinite(value)) return value;
+  const normalized = normalizeFormulaNumber(value);
+  const str = normalized.toString();
+  const dotIdx = str.indexOf('.');
+  if (dotIdx === -1) return normalized;
+  return Number(str.substring(0, dotIdx + 1 + digits));
+}
diff --git a/frontend/packages/web/src/components/business/crm-header-table/index.vue b/frontend/packages/web/src/components/business/crm-header-table/index.vue
new file mode 100644
index 0000000..7628cac
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-header-table/index.vue
@@ -0,0 +1,178 @@
+<template>
+  <CrmCard hide-footer no-content-bottom-padding>
+    <CrmTable
+      ref="crmTableRef"
+      v-bind="propsRes"
+      class="crm-header-table"
+      :scroll-x="1000"
+      no-pagination
+      @page-change="propsEvent.pageChange"
+      @page-size-change="propsEvent.pageSizeChange"
+      @sorter-change="propsEvent.sorterChange"
+      @filter-change="propsEvent.filterChange"
+      @refresh="initData"
+    >
+      <template #tableTop>
+        <div class="flex items-center justify-between">
+          <div class="font-medium text-[var(--text-n1)]"> {{ t('opportunity.headRecordPage') }} </div>
+          <CrmSearchInput v-model:value="keyword" class="!w-[240px]" @search="searchData" />
+        </div>
+      </template>
+    </CrmTable>
+  </CrmCard>
+</template>
+
+<script lang="ts" setup>
+  import { ref } from 'vue';
+  import dayjs from 'dayjs';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { TableKeyEnum } from '@lib/shared/enums/tableEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { CustomerContractTableParams, HeaderHistoryItem } from '@lib/shared/models/customer';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmNameTooltip from '@/components/pure/crm-name-tooltip/index.vue';
+  import CrmSearchInput from '@/components/pure/crm-search-input/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import type { CrmTableDataItem } from '@/components/pure/crm-table/type';
+  import { CrmDataTableColumn } from '@/components/pure/crm-table/type';
+  import useTable from '@/components/pure/crm-table/useTable';
+
+  import useReasonConfig from '@/hooks/useReasonConfig';
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    formKey: FormDesignKeyEnum;
+    sourceId: string; // 资源id
+    loadListApi: (data: CustomerContractTableParams) => Promise<CrmTableDataItem<HeaderHistoryItem>>;
+  }>();
+
+  const { reasonEnable, initReasonConfig, reasonOptions } = useReasonConfig(props.formKey);
+
+  await initReasonConfig();
+
+  const columns = computed<CrmDataTableColumn[]>(() => [
+    {
+      title: t('common.head'),
+      key: 'owner',
+      width: 120,
+      sortOrder: false,
+      sorter: 'default',
+      render: (row: HeaderHistoryItem) => {
+        return h(CrmNameTooltip, { text: row.ownerName });
+      },
+      fixed: 'left',
+      columnSelectorDisabled: true,
+    },
+    {
+      title: t('opportunity.department'),
+      key: 'departmentId',
+      width: 120,
+      render: (row: HeaderHistoryItem) => {
+        return h(CrmNameTooltip, { text: row.departmentName });
+      },
+    },
+    {
+      title: t('opportunity.belongStartTime'),
+      key: 'collectionTime',
+      width: 120,
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: 'default',
+    },
+    {
+      title: t('opportunity.belongEndTime'),
+      key: 'endTime',
+      width: 120,
+      sortOrder: false,
+      sorter: 'default',
+      ellipsis: {
+        tooltip: true,
+      },
+    },
+    ...((reasonEnable.value
+      ? [
+          {
+            title: t('customer.recycleReason'),
+            width: 120,
+            key: 'reasonId',
+            ellipsis: {
+              tooltip: true,
+            },
+            sortOrder: false,
+            sorter: 'default',
+            filter: 'default',
+            filterOptions: reasonOptions.value,
+            render: (row: any) => row.reasonName || '-',
+          },
+        ]
+      : []) as CrmDataTableColumn[]),
+    {
+      title: t('common.operator'),
+      key: 'operator',
+      width: 100,
+      resizable: false,
+      render: (row: HeaderHistoryItem) => {
+        return h(CrmNameTooltip, { text: row.operatorName });
+      },
+    },
+  ]);
+
+  const { propsRes, propsEvent, loadList, setLoadListParams } = useTable<HeaderHistoryItem>(
+    props.loadListApi,
+    {
+      tableKey: TableKeyEnum.OPPORTUNITY_HEAD_LIST,
+      showSetting: true,
+      showPagination: false,
+      columns: columns.value,
+      containerClass: '.crm-header-table',
+    },
+    (row: HeaderHistoryItem) => {
+      return {
+        ...row,
+        collectionTime: dayjs(row.collectionTime).format('YYYY-MM-DD HH:mm:ss'),
+        endTime: dayjs(row.endTime).format('YYYY-MM-DD HH:mm:ss'),
+      };
+    }
+  );
+  const keyword = ref('');
+
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+  function initData() {
+    setLoadListParams({
+      sourceId: props.sourceId,
+    });
+    loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  function searchData(val: string) {
+    if (val.length) {
+      const lowerCaseVal = val.toLowerCase();
+      propsRes.value.data = propsRes.value.data.filter((item: HeaderHistoryItem) => {
+        return item.ownerName?.toLowerCase().includes(lowerCaseVal);
+      });
+    } else {
+      initData();
+    }
+  }
+
+  watch(
+    () => keyword.value,
+    (val) => {
+      if (!val.length) {
+        initData();
+      }
+    }
+  );
+
+  onBeforeMount(() => {
+    initData();
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-import-button/components/importModal.vue b/frontend/packages/web/src/components/business/crm-import-button/components/importModal.vue
new file mode 100644
index 0000000..b9a1729
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-import-button/components/importModal.vue
@@ -0,0 +1,163 @@
+<template>
+  <CrmModal
+    v-model:show="showModal"
+    size="medium"
+    :title="`${t('common.import')}${props.title ?? ''}` || t('crmImportButton.formExcelImport')"
+    :ok-loading="props.confirmLoading"
+    :positive-text="t('crmImportButton.validateTemplate')"
+    :ok-button-props="{ disabled: fileList.length < 1 }"
+    @cancel="cancel"
+    @confirm="validate"
+  >
+    <div>
+      <n-alert type="default" class="mb-[16px]">
+        <template #icon>
+          <CrmIcon type="iconicon_info_circle_filled" :size="20" />
+        </template>
+        <div class="flex items-center gap-[16px]">
+          {{ t('crmImportButton.importAlertDesc') }}
+          <div class="flex cursor-pointer items-center gap-[8px]" @click="downLoadTemplate">
+            <CrmIcon type="iconicon_file-excel_colorful" :size="16" />
+            <div class="text-[var(--primary-8)]">{{ t('crmImportButton.downloadTemplate') }}</div>
+          </div>
+        </div>
+      </n-alert>
+      <n-radio-group v-if="props.showImportRadio" v-model:value="importType" class="mb-[16px]" name="radiogroup">
+        <n-space class="!gap-[24px]">
+          <n-radio key="ADD" value="ADD">
+            <div class="flex items-center gap-[8px]">
+              {{ t('crmImportButton.importNew') }}
+              <n-tooltip trigger="hover" placement="right">
+                <template #trigger>
+                  <CrmIcon
+                    type="iconicon_help_circle"
+                    :size="16"
+                    class="cursor-pointer text-[var(--text-n4)] hover:text-[var(--primary-1)]"
+                  />
+                </template>
+                {{ t('crmImportButton.importNew.tooltip') }}
+              </n-tooltip>
+            </div>
+          </n-radio>
+          <n-radio key="UPDATE" value="UPDATE">
+            <div class="flex items-center gap-[8px]">
+              {{ t('crmImportButton.importUpdates') }}
+              <n-tooltip trigger="hover" placement="right">
+                <template #trigger>
+                  <CrmIcon
+                    type="iconicon_help_circle"
+                    :size="16"
+                    class="cursor-pointer text-[var(--text-n4)] hover:text-[var(--primary-1)]"
+                  />
+                </template>
+                {{ t('crmImportButton.importUpdates.tooltip') }}
+              </n-tooltip>
+            </div>
+          </n-radio>
+        </n-space>
+      </n-radio-group>
+      <CrmUpload
+        v-model:file-list="fileList"
+        :is-all-screen="true"
+        accept="excel"
+        :max-size="100"
+        size-unit="MB"
+        directory-dnd
+        :file-type-tip="t('crmImportButton.onlyAllowFileTypeTip')"
+        :disabled="validateLoading"
+      />
+    </div>
+  </CrmModal>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { NAlert, NRadio, NRadioGroup, NSpace, NTooltip, useMessage } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import useLocale from '@lib/shared/locale/useLocale';
+  import { downloadByteFile } from '@lib/shared/method';
+
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+  import CrmUpload from '@/components/pure/crm-upload/index.vue';
+  import type { CrmFileItem } from '@/components/pure/crm-upload/types';
+
+  const { loading } = useMessage();
+  const { currentLocale } = useLocale(loading);
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    confirmLoading: boolean;
+    title?: string; // 标题
+    descriptionTip?: string; // 描述提示内容
+    downloadTemplateApi?: () => Promise<any>; // 下载模板Api
+    showImportRadio?: boolean;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'validate', files: CrmFileItem[], importType?: string): void;
+    (e: 'close'): void;
+  }>();
+
+  const showModal = defineModel<boolean>('show', {
+    required: true,
+    default: false,
+  });
+
+  const fileList = ref<CrmFileItem[]>([]);
+  const importType = ref('ADD');
+
+  function cancel() {
+    showModal.value = false;
+    fileList.value = [];
+    importType.value = 'ADD';
+    emit('close');
+  }
+
+  function extractFileNameFromHeader(dispositionHeader?: string): string | null {
+    if (!dispositionHeader) return null;
+
+    const match = dispositionHeader.match(/filename="?(.+?)"?$/);
+    return match?.[1] ? decodeURIComponent(match[1]) : null;
+  }
+
+  /**
+   * 下载excel模板
+   */
+  async function downLoadTemplate() {
+    try {
+      if (props.downloadTemplateApi) {
+        const res = await props.downloadTemplateApi();
+        const fileName = extractFileNameFromHeader(res.headers['content-disposition']) ?? 'template.xlsx';
+        downloadByteFile(res.data, fileName);
+      } else {
+        const lang = currentLocale.value === 'zh-CN' ? 'cn' : 'en';
+        window.open(`/templates/user_import_${lang}.xlsx`, '_blank');
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+  /**
+   * 校验模板
+   */
+  const validateLoading = ref<boolean>(false);
+
+  function validate() {
+    emit('validate', fileList.value, importType.value);
+  }
+
+  watch(
+    () => showModal.value,
+    (val) => {
+      if (!val) {
+        fileList.value = [];
+        importType.value = 'ADD';
+      }
+    }
+  );
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-import-button/components/validateModal.vue b/frontend/packages/web/src/components/business/crm-import-button/components/validateModal.vue
new file mode 100644
index 0000000..29bef47
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-import-button/components/validateModal.vue
@@ -0,0 +1,78 @@
+<template>
+  <CrmModal
+    v-model:show="showValidateModal"
+    size="small"
+    :title="t('crmImportButton.importInProgress')"
+    @cancel="handleCancel"
+  >
+    <div class="flex items-center gap-[12px]">
+      <div class="flex items-center justify-center bg-[var(--text-n9)] p-[4px]">
+        <CrmIcon type="iconicon_file-excel_colorful" :size="32" />
+      </div>
+      <div class="flex w-full flex-col">
+        <div class="text-[var(--text-n1)]">
+          {{ t('crmImportButton.validateInProgress') }}
+        </div>
+        <div class="flex w-full items-center gap-[12px] text-[var(--text-n4)]">
+          <div class="flex-1">
+            <n-progress
+              :show-indicator="false"
+              indicator-placement="outside"
+              type="line"
+              :height="6"
+              :percentage="props.percent"
+              processing
+              color="var(--primary-8)"
+            />
+          </div>
+          {{ props.percent }} %
+        </div>
+      </div>
+    </div>
+    <template #footer>
+      <div class="flex items-center justify-end">
+        <n-button quaternary @click="handleCancel"> {{ t('common.cancel') }} </n-button>
+      </div>
+    </template>
+  </CrmModal>
+</template>
+
+<script setup lang="ts">
+  import { NButton, NProgress } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    percent: number;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'checkFinished'): void;
+    (e: 'cancel'): void;
+  }>();
+
+  const showValidateModal = defineModel<boolean>('show', {
+    required: true,
+    default: false,
+  });
+
+  const handleCancel = () => {
+    showValidateModal.value = false;
+  };
+
+  watch(
+    () => props.percent,
+    (val) => {
+      if (val === 100) {
+        handleCancel();
+        emit('checkFinished');
+      }
+    }
+  );
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-import-button/components/validateResult.vue b/frontend/packages/web/src/components/business/crm-import-button/components/validateResult.vue
new file mode 100644
index 0000000..8d1888c
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-import-button/components/validateResult.vue
@@ -0,0 +1,265 @@
+<template>
+  <CrmModal
+    v-model:show="validateResultModal"
+    size="small"
+    :title="t('common.import')"
+    :ok-loading="props.importLoading"
+    @cancel="handleCancel"
+  >
+    <div class="text-center">
+      <CrmIcon :size="32" :type="getTipType?.icon" :class="`${getTipType?.color}`" />
+      <div class="my-2 text-[16px] font-medium text-[var(--text-n1)]">{{ t(getTipType?.message ?? '') }}</div>
+      <div class="leading-8 text-[var(--text-n4)]">
+        <span>
+          {{ t('crmImportButton.successfulCheck') }}
+          <span class="mx-1 text-[var(--success-green)]"> {{ validateResultInfo.successCount }} </span>
+          {{ t('crmImportButton.countNumber') }}；
+          <span v-if="validateResultInfo.successCount && !validateResultInfo.failCount">
+            {{ t('crmImportButton.successImportActionTip') }}
+          </span>
+        </span>
+        <span v-if="validateResultInfo.failCount">
+          {{ t('crmImportButton.failCheck') }}
+          <span class="mx-1 font-medium text-[var(--error-red)]">{{ validateResultInfo.failCount }}</span>
+          {{ t('crmImportButton.countNumber') }}；
+
+          <n-popover class="error-popover" trigger="hover" placement="bottom" :show-arrow="false">
+            <template #trigger>
+              <n-button strong quaternary type="primary" class="text-btn-primary !px-[4px]">
+                {{ t('crmImportButton.viewErrorDetail') }}
+              </n-button>
+            </template>
+            <div class="error-detail-wrapper">
+              <div class="p-[16px]">
+                <div class="mb-[8px] font-medium text-[var(--text-n1)]">
+                  {{ t('crmImportButton.someUsersImportFailed') }}
+                  <span class="text-[14px] font-medium text-[var(--text-n4)]">
+                    ({{ validateResultInfo.failCount }})
+                  </span>
+                </div>
+                <n-scrollbar style="max-height: 30vh">
+                  <div
+                    v-for="(item, index) of validateResultInfo.errorMessages"
+                    :key="`${item.rowNum}-${index}`"
+                    class="error-messages-item"
+                  >
+                    {{ item.errMsg }}
+                  </div>
+                </n-scrollbar>
+              </div>
+              <div class="detail-more-btn middle-box-shadow h-[40px] text-[14px]" type="text" long @click="showMore">
+                {{ t('common.ViewMore') }}
+              </div>
+            </div>
+          </n-popover>
+        </span>
+      </div>
+      <div v-if="validateResultInfo.failCount > 0" class="text-[var(--text-n4)]">
+        {{ t('crmImportButton.afterFailingToModify') }}
+      </div>
+    </div>
+    <template #footer>
+      <div class="flex justify-end">
+        <n-button v-if="!validateResultInfo.successCount || !validateResultInfo.failCount" quaternary @click="backList">
+          {{ t('crmImportButton.backList', { title: props.title ?? '' }) }}
+        </n-button>
+
+        <n-button
+          v-if="validateResultInfo.successCount && !validateResultInfo.failCount"
+          :disabled="props.importLoading"
+          :loading="props.importLoading"
+          quaternary
+          type="primary"
+          class="text-btn-primary"
+          @click="confirmImport"
+        >
+          {{ t('common.import') }}
+        </n-button>
+
+        <n-button
+          v-if="validateResultInfo.failCount || (validateResultInfo.failCount && validateResultInfo.successCount)"
+          quaternary
+          type="primary"
+          class="text-btn-primary"
+          @click="handleCancel"
+        >
+          {{ t('crmImportButton.backToUploadPage') }}
+        </n-button>
+
+        <n-button
+          v-if="validateResultInfo.failCount && validateResultInfo.successCount"
+          :loading="props.importLoading"
+          quaternary
+          type="primary"
+          @click="confirmImport"
+        >
+          {{ t('crmImportButton.ignoreErrorContinueImporting') }}
+        </n-button>
+      </div>
+    </template>
+  </CrmModal>
+  <CrmDrawer v-model:show="showMoreFailureCase" :width="680" :footer="false">
+    <template #header>
+      <div>
+        {{ t('crmImportButton.importErrorData') }}
+        <span class="text-[var(--text-n4)]">（{{ validateResultInfo.failCount }}）</span>
+      </div>
+    </template>
+    <CrmList
+      v-model:data="validateResultInfo.errorMessages"
+      :bordered="false"
+      :item-border="false"
+      virtual-scroll-height="calc(100vh - 82px)"
+      key-field="num"
+      no-hover
+      :item-height="30"
+    >
+      <template #item="{ item }">
+        <div class="flex p-[8px]">
+          <div class="circle"></div>
+          <div class="text-[var(--color-text-2)]">{{ item.errMsg }} </div>
+        </div>
+      </template>
+    </CrmList>
+  </CrmDrawer>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { NButton, NPopover, NScrollbar } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { ValidateInfo } from '@lib/shared/models/system/org';
+
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmList from '@/components/pure/crm-list/index.vue';
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    validateInfo: ValidateInfo;
+    importLoading: boolean;
+    title?: string;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'close'): void;
+    (e: 'save'): void;
+  }>();
+
+  const validateResultModal = defineModel<boolean>('show', {
+    required: true,
+    default: false,
+  });
+
+  const validateResultInfo = ref<ValidateInfo>(props.validateInfo);
+  const showMoreFailureCase = ref<boolean>(false);
+
+  function handleCancel() {
+    validateResultModal.value = false;
+  }
+
+  // 查看更多导入失败
+  function showMore() {
+    showMoreFailureCase.value = true;
+  }
+
+  // 返回列表
+  function backList() {
+    validateResultModal.value = false;
+    showMoreFailureCase.value = false;
+    emit('close');
+  }
+
+  // 确定继续导入
+  function confirmImport() {
+    emit('save');
+  }
+
+  const statusMap = ref<
+    Record<
+      'partial' | 'success' | 'error',
+      {
+        type: string;
+        icon: string;
+        color: string;
+        message: string;
+      }
+    >
+  >({
+    partial: {
+      type: 'warning',
+      icon: 'iconicon_info_circle_filled',
+      color: 'text-[var(--warning-yellow)]',
+      message: 'crmImportButton.partialVerificationFailed',
+    },
+    success: {
+      type: 'success',
+      icon: 'iconicon_check_circle_filled',
+      color: 'text-[var(--success-green)]',
+      message: 'crmImportButton.successfulCheck',
+    },
+    error: {
+      type: 'error',
+      icon: 'iconicon_close_circle_filled',
+      color: 'text-[var(--error-red)]',
+      message: 'crmImportButton.failCheck',
+    },
+  });
+
+  const getTipType = computed(() => {
+    const { successCount, failCount } = validateResultInfo.value;
+    if (failCount && successCount) {
+      return statusMap.value.partial;
+    }
+    if (!failCount) {
+      return statusMap.value.success;
+    }
+    if (!successCount) {
+      return statusMap.value.error;
+    }
+  });
+
+  watch(
+    () => props.validateInfo,
+    (val) => {
+      validateResultInfo.value = { ...val };
+    },
+    { deep: true }
+  );
+</script>
+
+<style scoped lang="less">
+  .detail-more-btn {
+    color: var(--primary-8);
+    @apply mt-2 flex cursor-pointer items-center justify-center;
+  }
+  .error-messages-item {
+    font-size: 14px;
+    line-height: 21px;
+    color: var(--text-n2);
+    @apply my-4;
+  }
+  .error-detail-wrapper {
+    .error-detail-list {
+      max-height: 400px;
+    }
+  }
+  .circle {
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    background: var(--text-n7);
+    @apply mr-2 mt-2 flex-shrink-0;
+  }
+</style>
+
+<style lang="less">
+  .error-popover {
+    &.n-popover {
+      padding: 0 !important;
+      min-width: 440px;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-import-button/index.vue b/frontend/packages/web/src/components/business/crm-import-button/index.vue
new file mode 100644
index 0000000..b989668
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-import-button/index.vue
@@ -0,0 +1,163 @@
+<template>
+  <n-button type="primary" ghost class="n-btn-outline-primary" @click="handleImport">
+    {{ `${t('common.import')}${props.title ?? ''}` }}
+  </n-button>
+
+  <ImportModal
+    v-model:show="importModal"
+    :title="props.title"
+    :description-tip="props.descriptionTip"
+    :confirm-loading="validateLoading"
+    :download-template-api="downloadTemplateApi"
+    :show-import-radio="props.showImportRadio"
+    @validate="validateTemplate"
+  />
+
+  <ValidateModal
+    v-model:show="validateModal"
+    :percent="progress"
+    @cancel="cancelValidate"
+    @check-finished="checkFinished"
+  />
+
+  <ValidateResult
+    v-model:show="validateResultModal"
+    :validate-info="validateInfo"
+    :import-loading="importLoading"
+    :title="props.title"
+    @save="importHandler"
+    @close="importModal = false"
+  />
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { NButton, useMessage } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { ValidateInfo } from '@lib/shared/models/system/org';
+
+  import type { CrmFileItem } from '@/components/pure/crm-upload/types';
+  import ImportModal from './components/importModal.vue';
+  import ValidateModal from './components/validateModal.vue';
+  import ValidateResult from './components/validateResult.vue';
+
+  import useProgressBar from '@/hooks/useProgressBar';
+
+  import { importApiMap, ImportApiType } from './utils';
+
+  const { t } = useI18n();
+  const { progress, start, finish } = useProgressBar();
+  const Message = useMessage();
+
+  const props = defineProps<{
+    apiType: ImportApiType;
+    title?: string;
+    buttonText?: string;
+    descriptionTip?: string; // 描述提示
+    showImportRadio?: boolean; // 导入新建和导入更新
+    customFormId?: string;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'importSuccess'): void;
+  }>();
+
+  const importModal = ref<boolean>(false);
+  const validateLoading = ref<boolean>(false);
+
+  function handleImport() {
+    importModal.value = true;
+  }
+
+  const validateModal = ref<boolean>(false);
+  function cancelValidate() {
+    validateModal.value = false;
+  }
+
+  const initValidateInfo: ValidateInfo = {
+    failCount: 0,
+    successCount: 0,
+    errorMessages: [],
+  };
+
+  const validateInfo = ref<ValidateInfo>({
+    ...initValidateInfo,
+  });
+
+  const validateResultModal = ref<boolean>(false);
+  function checkFinished() {
+    validateLoading.value = false;
+    const { failCount, successCount } = validateInfo.value;
+    if (successCount > 0 || failCount > 0) {
+      validateResultModal.value = true;
+    }
+  }
+
+  // 导入
+  const fileList = ref<CrmFileItem[]>([]);
+  const importLoading = ref<boolean>(false);
+  const importType = ref('');
+
+  const downloadTemplateApi = computed(() => {
+    const download = importApiMap[props.apiType]?.download;
+    return download ? () => download(props.customFormId) : undefined;
+  });
+
+  async function importHandler() {
+    try {
+      importLoading.value = true;
+      await importApiMap[props.apiType].save(fileList.value[0].file as File, importType.value, props.customFormId);
+      Message.success(t('common.importSuccess'));
+
+      emit('importSuccess');
+      validateResultModal.value = false;
+      importModal.value = false;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      importLoading.value = false;
+    }
+  }
+
+  // 校验导入模板
+  async function validateTemplate(files: CrmFileItem[], type?: string) {
+    fileList.value = files;
+    if (type) {
+      importType.value = type;
+    }
+    const file = fileList.value[0].file as File;
+
+    // 防止修改后未上传就校验
+    try {
+      await file.arrayBuffer();
+    } catch (err) {
+      // eslint-disable-next-line no-console
+      console.log(err);
+      Message.warning(t('crmImportButton.fileChange'));
+      return;
+    }
+    validateInfo.value = {
+      ...initValidateInfo,
+    };
+    validateLoading.value = true;
+    try {
+      validateModal.value = true;
+      start();
+
+      const result = await importApiMap[props.apiType].preCheck(file, type, props.customFormId);
+      validateInfo.value = result.data;
+      finish();
+    } catch (error) {
+      validateResultModal.value = false;
+      validateModal.value = false;
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      validateLoading.value = false;
+    }
+  }
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-import-button/locale/en-US.ts b/frontend/packages/web/src/components/business/crm-import-button/locale/en-US.ts
new file mode 100644
index 0000000..78ee8a2
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-import-button/locale/en-US.ts
@@ -0,0 +1,29 @@
+export default {
+  'crmImportButton.validateTemplate': 'Validate template',
+  'crmImportButton.downloadTemplate': 'Download template',
+  'crmImportButton.importAlertDesc':
+    'Please edit the content according to the format in the Excel template before uploading',
+  'crmImportButton.importInProgress': 'Importing',
+  'crmImportButton.validateInProgress': 'Validating template',
+  'crmImportButton.successfulCheck': 'Validation successful',
+  'crmImportButton.countNumber': 'items',
+  'crmImportButton.failCheck': 'Validation failed',
+  'crmImportButton.viewErrorDetail': 'View error details',
+  'crmImportButton.partialVerificationFailed': 'Partial validation failed;',
+  'crmImportButton.someUsersImportFailed': 'Some data import failed',
+  'crmImportButton.afterFailingToModify': 'Modify failed data in Excel and re-import',
+  'crmImportButton.backList': 'Back to {title} list',
+  'crmImportButton.backToUploadPage': 'Back to upload page',
+  'crmImportButton.ignoreErrorContinueImporting': 'Ignore errors and continue importing',
+  'crmImportButton.successImportActionTip': 'Click Import to enter into system',
+  'crmImportButton.importErrorData': 'Import failed data',
+  'crmImportButton.formExcelImport': 'Import from Excel file',
+  'crmImportButton.onlyAllowFileTypeTip': 'Only files in xls/xlsx format are supported',
+  'crmImportButton.fileChange': 'The file has been modified. Please re-upload it',
+  'crmImportButton.importNew': 'Import new',
+  'crmImportButton.importNew.tooltip':
+    'Company name is unique. If multiple duplicate records exist, only the first one will be imported.',
+  'crmImportButton.importUpdates': 'Import updates',
+  'crmImportButton.importUpdates.tooltip':
+    'After matching by company name, columns with valid values in the Excel file will overwrite the corresponding records in the system.',
+};
diff --git a/frontend/packages/web/src/components/business/crm-import-button/locale/zh-CN.ts b/frontend/packages/web/src/components/business/crm-import-button/locale/zh-CN.ts
new file mode 100644
index 0000000..62cdfac
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-import-button/locale/zh-CN.ts
@@ -0,0 +1,26 @@
+export default {
+  'crmImportButton.validateTemplate': '校验模版',
+  'crmImportButton.downloadTemplate': '下载模版',
+  'crmImportButton.importAlertDesc': '上传前请先按 Excel 模版中的格式编辑内容',
+  'crmImportButton.importInProgress': '正在导入',
+  'crmImportButton.validateInProgress': '正在校验模板正确性',
+  'crmImportButton.successfulCheck': '校验成功',
+  'crmImportButton.countNumber': '条',
+  'crmImportButton.failCheck': '校验失败',
+  'crmImportButton.viewErrorDetail': '查看错误详情',
+  'crmImportButton.partialVerificationFailed': '部分校验失败；',
+  'crmImportButton.someUsersImportFailed': '部分数据导入失败',
+  'crmImportButton.afterFailingToModify': '失败数据在 Excel 中修改后重新导入',
+  'crmImportButton.backList': '返回{title}列表',
+  'crmImportButton.backToUploadPage': '返回上传页',
+  'crmImportButton.ignoreErrorContinueImporting': '忽略错误继续导入',
+  'crmImportButton.successImportActionTip': '点击 导入 可录入系统',
+  'crmImportButton.importErrorData': '导入失败数据',
+  'crmImportButton.formExcelImport': '从 Excel 文件导入',
+  'crmImportButton.onlyAllowFileTypeTip': '仅支持 xls/xlsx 格式的文件',
+  'crmImportButton.fileChange': '文件已修改，请重新上传',
+  'crmImportButton.importNew': '导入新建',
+  'crmImportButton.importNew.tooltip': '公司名称唯一，若存在多条重复信息，仅导入第一条。',
+  'crmImportButton.importUpdates': '导入更新',
+  'crmImportButton.importUpdates.tooltip': '系统按公司名称匹配成功后，Excel 中存在有效值的列将覆盖系统对应记录。',
+};
diff --git a/frontend/packages/web/src/components/business/crm-import-button/utils.ts b/frontend/packages/web/src/components/business/crm-import-button/utils.ts
new file mode 100644
index 0000000..3179d8d
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-import-button/utils.ts
@@ -0,0 +1,98 @@
+import { ImportTypeExcludeFormDesignEnum } from '@lib/shared/enums/commonEnum';
+import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+import { ValidateInfo } from '@lib/shared/models/system/org';
+
+import {
+  downloadAccountTemplate,
+  downloadBusinessTitleTemplate,
+  downloadContactTemplate,
+  downloadContractPaymentRecordTemplate,
+  downloadCustomFormTemplate,
+  downloadLeadTemplate,
+  downloadOptTemplate,
+  downloadProductPriceTemplate,
+  downloadProductTemplate,
+  importAccount,
+  importBusinessTitle,
+  importContact,
+  importContractPaymentRecord,
+  importCustomForm,
+  importLead,
+  importOpportunity,
+  importProduct,
+  importProductPrice,
+  preCheckImportAccount,
+  preCheckImportBusinessTitle,
+  preCheckImportContact,
+  preCheckImportContractPaymentRecord,
+  preCheckImportCustomForm,
+  preCheckImportLead,
+  preCheckImportOpt,
+  preCheckImportProduct,
+  preCheckImportProductPrice,
+} from '@/api/modules';
+
+export type ImportApiType =
+  | FormDesignKeyEnum.CLUE
+  | FormDesignKeyEnum.BUSINESS
+  | FormDesignKeyEnum.CUSTOMER
+  | FormDesignKeyEnum.CONTACT
+  | FormDesignKeyEnum.PRODUCT
+  | FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD
+  | FormDesignKeyEnum.PRICE
+  | ImportTypeExcludeFormDesignEnum.CONTRACT_BUSINESS_TITLE_IMPORT
+  | FormDesignKeyEnum.CUSTOM_FORM;
+
+export interface importRequestType {
+  preCheck: (file: File, importType?: string, customFormId?: string) => Promise<{ data: ValidateInfo }>;
+  save: (file: File, importType?: string, customFormId?: string) => Promise<any>;
+  download?: (customFormId?: string) => Promise<File>;
+}
+
+export const importApiMap: Record<ImportApiType, importRequestType> = {
+  [FormDesignKeyEnum.CLUE]: {
+    preCheck: preCheckImportLead,
+    save: importLead,
+    download: downloadLeadTemplate,
+  },
+  [FormDesignKeyEnum.CUSTOMER]: {
+    preCheck: preCheckImportAccount,
+    save: importAccount,
+    download: downloadAccountTemplate,
+  },
+  [FormDesignKeyEnum.CONTACT]: {
+    preCheck: preCheckImportContact,
+    save: importContact,
+    download: downloadContactTemplate,
+  },
+  [FormDesignKeyEnum.BUSINESS]: {
+    preCheck: preCheckImportOpt,
+    save: importOpportunity,
+    download: downloadOptTemplate,
+  },
+  [FormDesignKeyEnum.PRODUCT]: {
+    preCheck: preCheckImportProduct,
+    save: importProduct,
+    download: downloadProductTemplate,
+  },
+  [FormDesignKeyEnum.PRICE]: {
+    preCheck: preCheckImportProductPrice,
+    save: importProductPrice,
+    download: downloadProductPriceTemplate,
+  },
+  [FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD]: {
+    preCheck: preCheckImportContractPaymentRecord,
+    save: importContractPaymentRecord,
+    download: downloadContractPaymentRecordTemplate,
+  },
+  [ImportTypeExcludeFormDesignEnum.CONTRACT_BUSINESS_TITLE_IMPORT]: {
+    preCheck: preCheckImportBusinessTitle,
+    save: importBusinessTitle,
+    download: downloadBusinessTitleTemplate,
+  },
+  [FormDesignKeyEnum.CUSTOM_FORM]: {
+    preCheck: (file: File, _importType?: string, customFormId?: string) => preCheckImportCustomForm(file, customFormId),
+    save: (file: File, _importType?: string, customFormId?: string) => importCustomForm(file, customFormId),
+    download: downloadCustomFormTemplate,
+  },
+};
diff --git a/frontend/packages/web/src/components/business/crm-input-number-with-unit/index.vue b/frontend/packages/web/src/components/business/crm-input-number-with-unit/index.vue
new file mode 100644
index 0000000..3a534fa
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-input-number-with-unit/index.vue
@@ -0,0 +1,84 @@
+<template>
+  <div class="flex w-full items-center">
+    <CrmInputNumber
+      v-model:value="endTimeValue[0]"
+      max="10000"
+      :disabled="props.disabled"
+      :precision="0"
+      class="crm-input-number-with-unit flex-1"
+      :min="1"
+    />
+    <n-select
+      v-model:value="endTimeValue[1]"
+      class="end-time-unit-select w-[100px]"
+      :placeholder="t('common.pleaseSelect')"
+      :disabled="props.disabled"
+      :options="unitOptions"
+      :show="false"
+      :show-arrow="props.showArrow"
+    />
+    <div class="ml-[8px] text-[var(--text-n2)]">
+      {{ t('system.message.expirationReminder') }}
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { NSelect } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmInputNumber from '@/components/pure/crm-input-number/index.vue';
+
+  const props = defineProps<{
+    disabled?: boolean;
+    showArrow?: boolean;
+  }>();
+
+  const { t } = useI18n();
+
+  const defaultTime = undefined;
+  const defaultUnit = 'DAY';
+
+  const endTimeValue = ref<[number | undefined, string | null]>([defaultTime, defaultUnit]);
+
+  const modelValue = defineModel<string>('value', { default: '' });
+
+  const unitOptions = ref([{ label: t('common.dayUnit'), value: 'DAY' }]);
+
+  watch(
+    () => modelValue.value,
+    (val) => {
+      let parts: any[] = [];
+      if (val) {
+        parts = val.split(',');
+      }
+      endTimeValue.value = [Number.isNaN(Number(parts[0])) ? defaultTime : Number(parts[0]), parts[1] ?? defaultUnit];
+    },
+    { immediate: true }
+  );
+
+  watch(
+    () => endTimeValue.value[0],
+    (val) => {
+      modelValue.value = `${val},${defaultUnit}`;
+    }
+  );
+</script>
+
+<style lang="less">
+  .crm-input-number-with-unit {
+    .n-input {
+      border-radius: 4px 0 0 4px !important;
+    }
+  }
+  .n-select {
+    &.end-time-unit-select {
+      margin-left: -1px;
+      .n-base-selection {
+        border-radius: 0 3px 3px 0 !important;
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-member-selector-box/index.vue b/frontend/packages/web/src/components/business/crm-member-selector-box/index.vue
new file mode 100644
index 0000000..30af3a3
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-member-selector-box/index.vue
@@ -0,0 +1,162 @@
+<template>
+  <div class="w-full">
+    <div class="flex items-center justify-between">
+      <div class="font-medium">
+        {{ label }}
+        <span v-if="required" class="text-[var(--error-red)]">*</span>
+      </div>
+      <n-button
+        :disabled="props.disabled || props.clearDisabled || !selectedList?.length"
+        text
+        type="primary"
+        @click="handleClear"
+      >
+        {{ clearText || t('common.clear') }}
+      </n-button>
+    </div>
+
+    <div class="crm-member-selector-box__body" :class="{ 'crm-member-selector-box__body--error': isMemberInvalid }">
+      <CrmUserTagSelector
+        v-model:value="value"
+        v-model:selected-list="selectedList"
+        :multiple="maxCount !== 1"
+        :disabled="props.disabled"
+        :drawer-title="label"
+        :max-tag-count="false"
+        :api-type-key="apiTypeKey"
+        :member-types="memberTypes"
+        :disabled-node-types="disabledNodeTypes"
+        :max-count="maxCount"
+        @confirm="emit('confirm')"
+        @delete-tag="handleDeleteTag"
+      />
+      <div v-if="!selectedList?.length" class="crm-member-selector-box__placeholder">
+        <CrmIcon type="iconicon_add" :size="16" />
+        <span>{{ addText }}</span>
+      </div>
+    </div>
+
+    <div
+      v-if="tipText"
+      class="mt-[4px] text-[12px]"
+      :class="isMemberInvalid ? 'text-[var(--error-red)]' : 'text-[var(--text-n4)]'"
+    >
+      {{ tipText }}
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { computed } from 'vue';
+  import { NButton } from 'naive-ui';
+
+  import { MemberApiTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { DeptNodeTypeEnum } from '@lib/shared/enums/systemEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { SelectedUsersItem } from '@lib/shared/models/system/module';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import type { Option } from '@/components/business/crm-select-user-drawer/type';
+  import CrmUserTagSelector from '@/components/business/crm-user-tag-selector/index.vue';
+
+  const props = withDefaults(
+    defineProps<{
+      label?: string;
+      addText?: string;
+      required?: boolean;
+      clearText?: string;
+      clearDisabled?: boolean;
+      preserveValueOnClear?: boolean;
+      maxCount?: number;
+      tipText?: string;
+      memberTypes?: Option[];
+      apiTypeKey?: MemberApiTypeEnum;
+      disabledNodeTypes?: DeptNodeTypeEnum[];
+      disabled?: boolean;
+    }>(),
+    {
+      label: '',
+      addText: '',
+      required: false,
+      preserveValueOnClear: false,
+      maxCount: 1,
+    }
+  );
+
+  const { t } = useI18n();
+
+  const value = defineModel<string[]>('value', {
+    default: () => [],
+  });
+  const selectedList = defineModel<SelectedUsersItem[]>('selectedList', {
+    default: () => [],
+  });
+
+  const emit = defineEmits<{
+    (e: 'clear'): void;
+    (e: 'confirm'): void;
+    (e: 'deleteTag'): void;
+  }>();
+
+  const isMemberInvalid = computed(() => {
+    const selectedCount = selectedList.value.length;
+    return (props.required && selectedCount === 0) || Boolean(props.maxCount && selectedCount > props.maxCount);
+  });
+
+  function handleDeleteTag() {
+    value.value = selectedList.value.map((item) => item.id);
+    emit('deleteTag');
+  }
+
+  function handleClear() {
+    if (props.disabled || props.clearDisabled) {
+      return;
+    }
+    if (!props.preserveValueOnClear) {
+      value.value = [];
+      selectedList.value = [];
+    }
+    emit('clear');
+  }
+</script>
+
+<style scoped lang="less">
+  .crm-member-selector-box__body {
+    position: relative;
+    padding: 4px;
+    min-height: 54px;
+    border: 1px dashed var(--text-n7);
+    border-radius: 3px;
+    &.crm-member-selector-box__body--error {
+      border-color: var(--error-red);
+    }
+    :deep(.n-select) {
+      min-height: 44px;
+    }
+    :deep(.n-base-selection__border),
+    :deep(.n-base-selection__state-border),
+    :deep(.n-base-selection-placeholder) {
+      display: none;
+    }
+    :deep(.n-base-selection-tags) {
+      overflow-y: auto;
+      padding: 0;
+      max-height: 108px;
+      align-content: flex-start;
+      .crm-scroll-bar();
+    }
+    :deep(.n-base-selection.n-base-selection--disabled) .n-base-selection-tags {
+      background: transparent;
+    }
+  }
+  .crm-member-selector-box__placeholder {
+    position: absolute;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: var(--primary-8);
+    inset: 0;
+    gap: 8px;
+    pointer-events: none;
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-message-list/index.vue b/frontend/packages/web/src/components/business/crm-message-list/index.vue
new file mode 100644
index 0000000..45fbd51
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-message-list/index.vue
@@ -0,0 +1,318 @@
+<template>
+  <n-spin :show="loading" class="min-h-[300px]">
+    <CrmList
+      v-if="list.length"
+      v-model:data="list"
+      :virtual-scroll-height="props.virtualScrollHeight"
+      :key-field="props.keyField"
+      :item-height="114"
+      :mode="props.messageList ? 'static' : 'remote'"
+      @reach-bottom="handleReachBottom"
+    >
+      <template #item="{ item }">
+        <div class="crm-message-item py-[8px]">
+          <div class="crm-message-item-content h-full w-full gap-[24px] p-[16px]">
+            <div class="mb-[8px] flex w-full items-center justify-between gap-[24px]">
+              <div class="flex min-w-0 items-center gap-[8px]">
+                <CrmTag theme="light" :type="item.type === SystemMessageTypeEnum.SYSTEM_NOTICE ? 'info' : 'warning'">
+                  {{
+                    item.type === SystemMessageTypeEnum.SYSTEM_NOTICE
+                      ? t('system.message.system')
+                      : t('system.message.announcement')
+                  }}
+                </CrmTag>
+                <n-badge class="crm-message-item__badge" dot :show="item.status === SystemMessageStatusEnum.UNREAD">
+                  <n-tooltip :delay="300">
+                    <template #trigger>
+                      <div
+                        :class="`one-line-text message-title--${
+                          item.status === SystemMessageStatusEnum.UNREAD ? 'normal' : 'read'
+                        } font-medium`"
+                      >
+                        {{
+                          item.type === SystemMessageTypeEnum.SYSTEM_NOTICE
+                            ? t('system.message.systemNotification')
+                            : item.subject
+                        }}
+                      </div>
+                    </template>
+                    {{
+                      item.type === SystemMessageTypeEnum.SYSTEM_NOTICE
+                        ? t('system.message.systemNotification')
+                        : item.subject
+                    }}
+                  </n-tooltip>
+                </n-badge>
+              </div>
+              <n-button
+                v-if="item.status === SystemMessageStatusEnum.UNREAD"
+                type="primary"
+                text
+                class="set-read-button flex-shrink-0"
+                @click="setMessageRead(item)"
+              >
+                {{ t('system.message.setRead') }}
+              </n-button>
+            </div>
+            <div class="flex flex-col pl-[48px]">
+              <div :class="getMessageContentClass(item)" @click="goDetail(item)">
+                {{
+                  item.type === SystemMessageTypeEnum.SYSTEM_NOTICE
+                    ? item.contentText
+                    : parseMessageContent(item)?.content ?? '-'
+                }}
+                <span
+                  v-if="item.type === SystemMessageTypeEnum.ANNOUNCEMENT_NOTICE"
+                  class="ml-[8px] cursor-pointer text-[var(--primary-8)]"
+                  @click="goUrl(item.contentText)"
+                >
+                  {{ parseMessageContent(item)?.renameUrl ?? parseMessageContent(item)?.url }}
+                </span>
+              </div>
+              <div class="text-[var(--text-n4)]">
+                {{ dayjs(item.createTime).format('YYYY-MM-DD HH:mm:ss') }}
+              </div>
+            </div>
+          </div>
+        </div>
+      </template>
+    </CrmList>
+    <div
+      v-else-if="props.messageList ? !list.length : !loading && finished"
+      class="w-full p-[16px] text-center text-[var(--text-n4)]"
+    >
+      {{ props.emptyText || t('common.noData') }}
+    </div>
+  </n-spin>
+</template>
+
+<script lang="ts" setup>
+  import { NBadge, NButton, NSpin, NTooltip } from 'naive-ui';
+  import dayjs from 'dayjs';
+
+  import { SystemMessageStatusEnum, SystemMessageTypeEnum } from '@lib/shared/enums/systemEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { MessageCenterItem, MessageCenterSubsetParams } from '@lib/shared/models/system/message';
+
+  import CrmList from '@/components/pure/crm-list/index.vue';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+
+  import { getNotificationList, setNotificationRead } from '@/api/modules';
+  import useOpenNewPage from '@/hooks/useOpenNewPage';
+  import useAppStore from '@/store/modules/app';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  import { AppRouteEnum } from '@/enums/routeEnum';
+
+  const appStore = useAppStore();
+  const { openNewPage } = useOpenNewPage();
+
+  const { t } = useI18n();
+
+  interface MessageDetailAction {
+    permission: string[];
+    action: (id: string) => void;
+  }
+
+  const props = defineProps<{
+    keyField: string;
+    virtualScrollHeight: string;
+    emptyText?: string;
+    loadParams?: MessageCenterSubsetParams;
+    messageList?: MessageCenterItem[];
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'refreshCount'): void;
+  }>();
+
+  function openNewPageQuotation(id: string) {
+    openNewPage(AppRouteEnum.OPPORTUNITY_QUOTATION, {
+      id,
+    });
+  }
+
+  function openNewPageContract(id: string) {
+    openNewPage(AppRouteEnum.CONTRACT_INDEX, {
+      id,
+    });
+  }
+
+  function openNewPageContractPaymentPlan(id: string) {
+    openNewPage(AppRouteEnum.CONTRACT_PAYMENT, {
+      id,
+    });
+  }
+
+  const permissionConfig = {
+    OPPORTUNITY_QUOTATION_READ: ['OPPORTUNITY_QUOTATION:READ'],
+    CONTRACT_READ: ['CONTRACT:READ'],
+    CONTRACT_PAYMENT_PLAN_READ: ['CONTRACT_PAYMENT_PLAN:READ'],
+  };
+
+  const messageDetailConfig: Record<string, MessageDetailAction> = {
+    BUSINESS_QUOTATION_EXPIRED: {
+      permission: permissionConfig.OPPORTUNITY_QUOTATION_READ,
+      action: openNewPageQuotation,
+    },
+    BUSINESS_QUOTATION_EXPIRING: {
+      permission: permissionConfig.OPPORTUNITY_QUOTATION_READ,
+      action: openNewPageQuotation,
+    },
+    CONTRACT_EXPIRED: {
+      permission: permissionConfig.CONTRACT_READ,
+      action: openNewPageContract,
+    },
+    CONTRACT_EXPIRING: {
+      permission: permissionConfig.CONTRACT_READ,
+      action: openNewPageContract,
+    },
+    CONTRACT_PAYMENT_EXPIRING: {
+      permission: permissionConfig.CONTRACT_PAYMENT_PLAN_READ,
+      action: openNewPageContractPaymentPlan,
+    },
+    CONTRACT_PAYMENT_EXPIRED: {
+      permission: permissionConfig.CONTRACT_PAYMENT_PLAN_READ,
+      action: openNewPageContractPaymentPlan,
+    },
+  };
+
+  function getMessageContentClass(item: MessageCenterItem) {
+    if (messageDetailConfig[item.operation] && hasAnyPermission(messageDetailConfig[item.operation].permission)) {
+      return 'cursor-pointer text-[var(--primary-8)]';
+    }
+
+    return `message-title--${item.status === SystemMessageStatusEnum.UNREAD ? 'normal' : 'read'}`;
+  }
+
+  const innerKeyword = defineModel<string>('keyword', {
+    required: false,
+    default: null,
+  });
+
+  const list = ref<MessageCenterItem[]>([]);
+  const loading = ref(false);
+
+  const pageNation = ref({
+    total: 0,
+    pageSize: 10,
+    current: 1,
+  });
+
+  function parseMessageContent(item: MessageCenterItem) {
+    return JSON.parse(item.contentText || '{}');
+  }
+
+  const finished = ref(false);
+  async function loadMessageList(refresh = true) {
+    try {
+      if (!props.loadParams) return;
+      loading.value = true;
+
+      if (refresh) {
+        finished.value = false;
+        pageNation.value.current = 1;
+        list.value = [];
+      }
+      const res = await getNotificationList({
+        current: pageNation.value.current || 1,
+        pageSize: pageNation.value.pageSize,
+        keyword: innerKeyword.value,
+        ...props.loadParams,
+      });
+      if (res) {
+        list.value = list.value.concat(res.list);
+        pageNation.value.total = res.total;
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+      finished.value = true;
+    }
+  }
+
+  async function setMessageRead(item: MessageCenterItem) {
+    if (item.status === SystemMessageStatusEnum.READ) return;
+    try {
+      await setNotificationRead(item.id);
+      loadMessageList();
+      appStore.initMessage();
+      emit('refreshCount');
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  function handleReachBottom() {
+    pageNation.value.current += 1;
+    if (pageNation.value.current > Math.ceil(pageNation.value.total / pageNation.value.pageSize)) {
+      return;
+    }
+    loadMessageList(false);
+  }
+
+  function goUrl(context: string) {
+    const url = JSON.parse(context)?.url;
+    if (url) {
+      window.open(url, '_blank');
+    }
+  }
+
+  function goDetail(item: MessageCenterItem) {
+    if (!hasAnyPermission(messageDetailConfig[item.operation]?.permission ?? [])) return;
+    messageDetailConfig[item.operation]?.action?.(item.resourceId);
+  }
+
+  onBeforeMount(() => {
+    if (props.messageList) return;
+    loadMessageList();
+  });
+
+  watch(
+    () => props.messageList,
+    (val) => {
+      if (val) {
+        list.value = val;
+      }
+    }
+  );
+
+  defineExpose({
+    loadMessageList,
+  });
+</script>
+
+<style lang="less" scoped>
+  .crm-message-item {
+    background: var(--text-n10);
+    .crm-message-item-content {
+      min-height: 108px;
+      border-radius: @border-radius-medium;
+      background: var(--text-n9);
+      .message-title {
+        &--normal {
+          color: var(--text-n1);
+        }
+        &--read {
+          color: var(--text-n4);
+        }
+      }
+      .set-read-button {
+        opacity: 0;
+      }
+      &:hover {
+        .set-read-button {
+          opacity: 1;
+        }
+      }
+    }
+  }
+  :deep(.crm-message-item__badge) {
+    display: inline-flex;
+    flex: 1;
+    min-width: 0;
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-move-modal/index.vue b/frontend/packages/web/src/components/business/crm-move-modal/index.vue
new file mode 100644
index 0000000..fe6711f
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-move-modal/index.vue
@@ -0,0 +1,208 @@
+<template>
+  <CrmModal
+    v-model:show="showModal"
+    size="small"
+    :title="title"
+    show-icon
+    :mask-closable="false"
+    :type="props.type"
+    :ok-button-props="{ disabled: enableReason ? !form.reason : false, type: props.type || 'primary' }"
+    :positive-text="t('common.confirmMoveIn')"
+    :ok-loading="loading"
+    @confirm="handleConfirm"
+    @cancel="handleCancel"
+  >
+    <div class="mb-[16px]">{{ contentTip }}</div>
+    <n-form v-if="enableReason" ref="formRef" :model="form" label-placement="left" require-mark-placement="left">
+      <n-form-item path="reason" :label="t('common.moveInReason')">
+        <n-select v-model:value="form.reason" :placeholder="t('common.pleaseSelect')" clearable :options="reasonList" />
+      </n-form-item>
+    </n-form>
+  </CrmModal>
+  <toPublicPoolResultModal
+    v-model:show="showToPoolResultModel"
+    :fail-count="failCount"
+    :success-count="successCount"
+    :title="resultTitle"
+    :reason-key="props.reasonKey"
+    @cancel="handleResultCancel"
+  />
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { DataTableRowKey, FormInst, NForm, NFormItem, NSelect } from 'naive-ui';
+
+  import { ReasonTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { characterLimit } from '@lib/shared/method';
+  import { BatchMoveToPublicPoolParams, MoveToPublicPoolParams } from '@lib/shared/models/customer';
+
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+  import type { Option } from '@/components/business/crm-select-user-drawer/type';
+  import toPublicPoolResultModal from './toPublicPoolResultModal.vue';
+
+  import {
+    batchMoveCustomer,
+    batchToCluePool,
+    getReasonConfig,
+    moveCustomerToPool,
+    moveToLeadPool,
+  } from '@/api/modules';
+
+  const { t } = useI18n();
+
+  export type ReasonKey = ReasonTypeEnum.CLUE_POOL_RS | ReasonTypeEnum.CUSTOMER_POOL_RS;
+
+  const props = defineProps<{
+    reasonKey: ReasonKey;
+    name: string;
+    sourceId: DataTableRowKey[] | DataTableRowKey;
+    type?: 'error' | 'success' | 'warning' | 'info';
+  }>();
+
+  const showModal = defineModel<boolean>('show', {
+    required: true,
+    default: false,
+  });
+
+  const emit = defineEmits<{
+    (e: 'refresh'): void;
+  }>();
+
+  const batchMoveApiMap: Record<ReasonKey, (params: BatchMoveToPublicPoolParams) => Promise<any>> = {
+    [ReasonTypeEnum.CLUE_POOL_RS]: batchToCluePool,
+    [ReasonTypeEnum.CUSTOMER_POOL_RS]: batchMoveCustomer,
+  };
+
+  const moveApiMap: Record<ReasonKey, (params: MoveToPublicPoolParams) => Promise<any>> = {
+    [ReasonTypeEnum.CLUE_POOL_RS]: moveToLeadPool,
+    [ReasonTypeEnum.CUSTOMER_POOL_RS]: moveCustomerToPool,
+  };
+
+  const form = ref({
+    reason: null,
+  });
+  const successCount = ref<number>(0);
+  const failCount = ref<number>(0);
+
+  const reasonList = ref<Option[]>([]);
+
+  const title = computed(() => {
+    const isArraySourceIds = Array.isArray(props.sourceId);
+    switch (props.reasonKey) {
+      case ReasonTypeEnum.CLUE_POOL_RS:
+        return isArraySourceIds
+          ? t('clue.batchMoveIntoCluePoolTitleTip', { number: props.sourceId.length })
+          : t('clue.moveIntoCluePoolTitle', { name: characterLimit(props.name) });
+      case ReasonTypeEnum.CUSTOMER_POOL_RS:
+        return isArraySourceIds
+          ? t('customer.batchMoveTitleTip', { number: props.sourceId.length })
+          : t('customer.moveCustomerToOpenSeaTitleTip', { name: characterLimit(props.name) });
+      default:
+        break;
+    }
+  });
+
+  const resultTitle = computed(() =>
+    props.reasonKey === ReasonTypeEnum.CUSTOMER_POOL_RS ? t('customer.moveToOpenSea') : t('clue.moveIntoCluePool')
+  );
+
+  const contentTip = computed(() =>
+    props.reasonKey === ReasonTypeEnum.CLUE_POOL_RS ? t('clue.moveToLeadPoolTip') : t('customer.batchMoveContentTip')
+  );
+
+  function handleCancel() {
+    showModal.value = false;
+    form.value.reason = null;
+  }
+
+  const showToPoolResultModel = ref(false);
+  const formRef = ref<FormInst | null>(null);
+  const loading = ref(false);
+
+  async function handleSave() {
+    try {
+      loading.value = true;
+      const isBatch = Array.isArray(props.sourceId);
+
+      if (isBatch) {
+        const { success, fail } = await batchMoveApiMap[props.reasonKey]({
+          ids: props.sourceId,
+          reasonId: form.value.reason,
+        });
+        successCount.value = success;
+        failCount.value = fail;
+        showToPoolResultModel.value = true;
+      } else {
+        const { success, fail } = await moveApiMap[props.reasonKey]({
+          id: props.sourceId,
+          reasonId: form.value.reason,
+        });
+        successCount.value = success;
+        failCount.value = fail;
+        showToPoolResultModel.value = true;
+      }
+      if (failCount.value > 0) {
+        setTimeout(() => {
+          showModal.value = false;
+          showToPoolResultModel.value = false;
+          if (isBatch) {
+            emit('refresh');
+          }
+        }, 3000);
+      } else {
+        setTimeout(() => {
+          showModal.value = false;
+          showToPoolResultModel.value = false;
+          emit('refresh');
+        }, 1000);
+      }
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  const enableReason = ref(false);
+  function handleConfirm() {
+    if (enableReason.value) {
+      formRef.value?.validate(async (error) => {
+        if (!error) {
+          handleSave();
+        }
+      });
+    } else {
+      handleSave();
+    }
+  }
+
+  async function initReasonConfig() {
+    try {
+      const { dictList, enable } = await getReasonConfig(props.reasonKey);
+      enableReason.value = enable;
+      reasonList.value = dictList.filter((e) => e.id !== 'system').map((e) => ({ label: e.name, value: e.id }));
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+    }
+  }
+
+  function handleResultCancel() {
+    showModal.value = false;
+    showToPoolResultModel.value = false;
+  }
+
+  watch(
+    () => showModal.value,
+    (val) => {
+      if (val) {
+        initReasonConfig();
+      }
+    }
+  );
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-move-modal/toPublicPoolResultModal.vue b/frontend/packages/web/src/components/business/crm-move-modal/toPublicPoolResultModal.vue
new file mode 100644
index 0000000..8b5d960
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-move-modal/toPublicPoolResultModal.vue
@@ -0,0 +1,124 @@
+<template>
+  <CrmModal v-model:show="show" size="small" :footer="false" :title="props.title" @cancel="emit('cancel')">
+    <div class="text-center">
+      <CrmIcon :size="32" :type="getTipType?.icon" :class="`${getTipType?.color}`" />
+      <div class="my-2 text-[16px] font-medium text-[var(--text-n1)]">{{ t(getTipType?.message ?? '') }}</div>
+      <div class="leading-8 text-[var(--text-n4)]">
+        <span>
+          {{ t('common.transferSuccess') }}
+          <span class="mx-1 text-[var(--success-green)]"> {{ props.successCount }} </span>
+          {{ t('crmImportButton.countNumber') }}；
+        </span>
+        <span v-if="props.failCount">
+          {{ t('common.transferFailed') }}
+          <span class="mx-1 font-medium text-[var(--error-red)]">{{ props.failCount }}</span>
+          {{ t('crmImportButton.countNumber') }}；
+        </span>
+      </div>
+      <div v-if="props.failCount > 0" class="text-[var(--text-n4)]">
+        <div v-if="props.reasonKey === ReasonTypeEnum.CUSTOMER_POOL_RS" class="flex items-center justify-center">
+          {{ t('customer.moveToOpenSeaFailedContent1') }}
+          <n-button type="primary" text @click="goConfig(props.reasonKey)">
+            {{ t('customer.moveToOpenSeaFailedContent2') }}
+          </n-button>
+        </div>
+        <div v-else class="flex items-center justify-center">
+          {{ t('clue.moveIntoCluePoolFailedContent1') }}
+          <n-button type="primary" text @click="goConfig(props.reasonKey)">
+            {{ t('clue.moveIntoCluePoolFailedContent2') }}
+          </n-button>
+        </div>
+      </div>
+    </div>
+  </CrmModal>
+</template>
+
+<script setup lang="ts">
+  import { NButton } from 'naive-ui';
+
+  import { ReasonTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+
+  import useOpenNewPage from '@/hooks/useOpenNewPage';
+
+  import { SystemRouteEnum } from '@/enums/routeEnum';
+
+  import type { ReasonKey } from './index.vue';
+
+  const props = defineProps<{
+    failCount: number;
+    successCount: number;
+    title?: string;
+    reasonKey: ReasonKey;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'cancel'): void;
+  }>();
+
+  const { t } = useI18n();
+  const { openNewPage } = useOpenNewPage();
+
+  const show = defineModel<boolean>('show', {
+    required: true,
+    default: false,
+  });
+
+  const statusMap = ref<
+    Record<
+      'partial' | 'success' | 'error',
+      {
+        type: string;
+        icon: string;
+        color: string;
+        message: string;
+      }
+    >
+  >({
+    partial: {
+      type: 'warning',
+      icon: 'iconicon_info_circle_filled',
+      color: 'text-[var(--warning-yellow)]',
+      message: 'clue.moveIntoCluePoolFailed',
+    },
+    success: {
+      type: 'success',
+      icon: 'iconicon_check_circle_filled',
+      color: 'text-[var(--success-green)]',
+      message: 'common.transferSuccess',
+    },
+    error: {
+      type: 'error',
+      icon: 'iconicon_close_circle_filled',
+      color: 'text-[var(--error-red)]',
+      message: 'common.transferFailed',
+    },
+  });
+
+  const getTipType = computed(() => {
+    const { successCount, failCount } = props;
+    if (failCount && successCount) {
+      return statusMap.value.partial;
+    }
+    if (!failCount) {
+      return statusMap.value.success;
+    }
+    if (!successCount) {
+      return statusMap.value.error;
+    }
+  });
+
+  function goConfig(reasonKey: ReasonKey) {
+    if (reasonKey === ReasonTypeEnum.CUSTOMER_POOL_RS) {
+      openNewPage(SystemRouteEnum.SYSTEM_MODULE, {
+        openOpenSeaDrawer: 'Y',
+      });
+    } else if (reasonKey === ReasonTypeEnum.CLUE_POOL_RS) {
+      openNewPage(SystemRouteEnum.SYSTEM_MODULE, {
+        openCluePoolDrawer: 'Y',
+      });
+    }
+  }
+</script>
diff --git a/frontend/packages/web/src/components/business/crm-operation-button/index.vue b/frontend/packages/web/src/components/business/crm-operation-button/index.vue
new file mode 100644
index 0000000..710413c
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-operation-button/index.vue
@@ -0,0 +1,89 @@
+<template>
+  <!-- 按钮组 -->
+  <CrmButtonGroup
+    :list="buttonGroupList"
+    :not-show-divider="props.notShowDivider"
+    @select="handleSelect"
+    @cancel="emit('cancel')"
+  >
+    <template v-if="props.moreList?.length" #more>
+      <!-- 更多操作 -->
+      <CrmMoreAction
+        :options="props.moreList"
+        placement="bottom"
+        @pop-cancel="emit('cancel')"
+        @pop-select="handleSelect"
+        @select="handleMoreSelect"
+      >
+        <template #default>
+          <slot name="more">
+            <n-button text type="primary">
+              {{ t('common.more') }}
+            </n-button>
+          </slot>
+        </template>
+        <template v-for="group in hasMorePopContentSlot" :key="group.key" #[group.popSlotContent]="{ key }">
+          <slot :key="key" :name="group.popSlotContent"></slot>
+        </template>
+      </CrmMoreAction>
+    </template>
+    <!-- pop内容插槽 -->
+    <template v-for="group in hasPopContentSlot" :key="group.key" #[group.popSlotContent]="{ key }">
+      <slot :key="key" :name="group.popSlotContent"></slot>
+    </template>
+  </CrmButtonGroup>
+</template>
+
+<script setup lang="ts">
+  import { NButton } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmButtonGroup from '@/components/pure/crm-button-group/index.vue';
+  import CrmMoreAction from '@/components/pure/crm-more-action/index.vue';
+  import { ActionsItem } from '@/components/pure/crm-more-action/type';
+
+  import { hasAllPermission, hasAnyPermission } from '@/utils/permission';
+
+  const props = defineProps<{
+    groupList: ActionsItem[]; // 按钮组数据
+    moreList?: ActionsItem[]; // 更多操作下拉选项
+    notShowDivider?: boolean; // 不显示分割线
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'select', key: string, done?: () => void): void;
+    (e: 'cancel'): void;
+  }>();
+
+  const { t } = useI18n();
+
+  function handleSelect(key: string, done?: () => void) {
+    emit('select', key, done);
+  }
+
+  function handleMoreSelect(item: ActionsItem) {
+    emit('select', item.key as string);
+  }
+
+  const hasPopContentSlot = computed(() => {
+    return props.groupList.filter((e) => e.popSlotContent) as ActionsItem & { popSlotContent: string; key: string }[];
+  });
+
+  const hasMorePopContentSlot = computed(() => {
+    return props.moreList?.filter((e) => e.popSlotContent) as ActionsItem & { popSlotContent: string; key: string }[];
+  });
+
+  const hasPermissionMore = computed(
+    () =>
+      (props.moreList || []).filter((e) =>
+        e.allPermission ? hasAllPermission(e.permission) : hasAnyPermission(e.permission)
+      ).length > 0
+  );
+
+  const buttonGroupList = computed(() =>
+    props.groupList.filter((e) =>
+      hasPermissionMore.value ? hasAllPermission(e.permission) : hasAllPermission(e.permission) && e.slotName !== 'more'
+    )
+  );
+</script>
diff --git a/frontend/packages/web/src/components/business/crm-overview-drawer/index.vue b/frontend/packages/web/src/components/business/crm-overview-drawer/index.vue
new file mode 100644
index 0000000..64ebd63
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-overview-drawer/index.vue
@@ -0,0 +1,259 @@
+<template>
+  <CrmDrawer
+    v-model:show="showDrawer"
+    :width="drawerWidth"
+    :footer="false"
+    no-padding
+    :show-back="true"
+    :closable="false"
+  >
+    <template #title>
+      <n-tooltip trigger="hover" :delay="300" :disabled="!props.title">
+        <template #trigger>
+          <div class="flex gap-[4px] overflow-hidden">
+            <div class="one-line-text flex-1 text-[var(--text-n1)]">{{ props.title }}</div>
+            <div v-if="props.subtitle" class="flex text-[var(--text-n4)]">
+              (
+              <div class="one-line-text max-w-[300px]">{{ props.subtitle }}</div>
+              )
+            </div>
+          </div>
+        </template>
+        {{ `${props.title}${props.subtitle ? `(${props.subtitle})` : ''}` }}
+      </n-tooltip>
+    </template>
+    <template #titleRight>
+      <CrmButtonGroup :list="props.buttonList" not-show-divider @select="handleButtonClick">
+        <template v-for="item in props.buttonList" #[item.popSlotContent]>
+          <slot :name="item.popSlotContent"></slot>
+        </template>
+      </CrmButtonGroup>
+      <CrmMoreAction
+        v-if="props.buttonMoreList?.length"
+        :options="props.buttonMoreList"
+        trigger="click"
+        @select="(item:ActionsItem) => emit('buttonSelect', item.key as string)"
+      >
+        <n-button type="primary" ghost class="n-btn-outline-primary ml-[12px]">
+          {{ t('common.more') }}
+          <CrmIcon class="ml-[8px]" type="iconicon_chevron_down" :size="16" />
+        </n-button>
+      </CrmMoreAction>
+    </template>
+    <div v-if="layout === 'horizontal'" class="h-full w-full overflow-hidden">
+      <CrmSplitPanel :max="0.5" :min="0.2" :default-size="0.2" disabled>
+        <template #1>
+          <slot name="left" />
+        </template>
+        <template #2>
+          <div class="flex h-full w-full flex-col bg-[var(--text-n9)] p-[16px]">
+            <slot name="rightTop" />
+            <div class="flex justify-between gap-[24px] border-b-[1px] border-[var(--text-n8)] bg-[var(--text-n10)]">
+              <CrmTab
+                v-if="cachedList.length"
+                :key="cachedListKey"
+                v-model:active-tab="activeTab"
+                no-content
+                :tab-list="cachedList"
+                type="line"
+                class="cachedListTab flex-1 overflow-hidden"
+              />
+              <div class="mr-[24px] flex items-center gap-[16px]">
+                <CrmTab v-model:active-tab="layout" no-content :tab-list="layoutList" type="segment" />
+                <CrmTabSetting
+                  v-if="props.showTabSetting"
+                  :tab-list="props.tabList"
+                  :setting-key="`${props.formKey}-settingKey`"
+                  @init="initTabList"
+                />
+              </div>
+            </div>
+            <div class="flex-1 overflow-hidden">
+              <slot name="right" />
+            </div>
+          </div>
+        </template>
+      </CrmSplitPanel>
+    </div>
+
+    <n-scrollbar v-else>
+      <div class="bg-[var(--text-n9)] px-[16px] pt-[16px]">
+        <CrmCard no-content-padding hide-footer auto-height>
+          <slot name="left" />
+        </CrmCard>
+      </div>
+
+      <div class="flex h-[calc(100vh-65px)] w-full flex-col bg-[var(--text-n9)] p-[16px]">
+        <slot name="rightTop" />
+        <div class="flex justify-between gap-[24px] border-b-[1px] border-[var(--text-n8)] bg-[var(--text-n10)]">
+          <CrmTab
+            v-if="cachedList.length"
+            :key="cachedListKey"
+            v-model:active-tab="activeTab"
+            no-content
+            :tab-list="cachedList"
+            type="line"
+            class="cachedListTab flex-1 overflow-hidden"
+          />
+          <div class="mr-[24px] flex items-center gap-[16px]">
+            <CrmTab v-model:active-tab="layout" no-content :tab-list="layoutList" type="segment" />
+            <CrmTabSetting
+              v-if="props.showTabSetting"
+              :tab-list="props.tabList"
+              :setting-key="`${props.formKey}-settingKey`"
+              @init="initTabList"
+            />
+          </div>
+        </div>
+        <div class="flex-1 overflow-hidden">
+          <slot name="right" />
+        </div>
+      </div>
+    </n-scrollbar>
+  </CrmDrawer>
+  <CrmFormCreateDrawer
+    v-model:visible="formDrawerVisible"
+    :form-key="realFormKey"
+    :source-id="sourceId"
+    :need-init-detail="needInitDetail"
+    :otherSaveParams="props.otherSaveParams"
+    @saved="emit('saved', $event)"
+  />
+</template>
+
+<script lang="ts" setup>
+  import { NButton, NScrollbar, NTooltip } from 'naive-ui';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { FormViewSize } from '@lib/shared/models/system/module';
+
+  import CrmButtonGroup from '@/components/pure/crm-button-group/index.vue';
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmMoreAction from '@/components/pure/crm-more-action/index.vue';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmSplitPanel from '@/components/pure/crm-split-panel/index.vue';
+  import CrmTab from '@/components/pure/crm-tab/index.vue';
+  import CrmFormCreateDrawer from '@/components/business/crm-form-create-drawer/index.vue';
+  import CrmTabSetting from '@/components/business/crm-tab-setting/index.vue';
+  import type { TabContentItem } from '@/components/business/crm-tab-setting/type';
+
+  import useLocalForage from '@/hooks/useLocalForage';
+
+  const props = defineProps<{
+    title?: string;
+    subtitle?: string;
+    tabList: TabContentItem[];
+    buttonList: ActionsItem[];
+    buttonMoreList?: ActionsItem[];
+    formKey: FormDesignKeyEnum;
+    sourceId?: string;
+    showTabSetting?: boolean;
+    formViewSize?: FormViewSize;
+    otherSaveParams?: Record<string, any>;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'buttonSelect', key: string, done?: () => void): void;
+    (e: 'saved', res: any): void;
+  }>();
+
+  const showDrawer = defineModel<boolean>('show', {
+    required: true,
+  });
+
+  const activeTab = defineModel<string>('activeTab', {
+    required: true,
+  });
+
+  const cachedList = ref<TabContentItem[]>(props.tabList);
+
+  const { setItem, getItem } = useLocalForage();
+  const { t } = useI18n();
+
+  const formDrawerVisible = ref(false);
+  const realFormKey = ref<FormDesignKeyEnum>(props.formKey);
+  const needInitDetail = ref(false);
+  const drawerWidth = computed(() => {
+    switch (props.formViewSize) {
+      case 'small':
+        return '50%';
+      case 'medium':
+        return '75%';
+      case 'large':
+      default:
+        return '100%';
+    }
+  });
+
+  function handleButtonClick(key: string, done?: () => void) {
+    switch (key) {
+      case 'edit':
+        realFormKey.value = props.formKey;
+        needInitDetail.value = true;
+        formDrawerVisible.value = true;
+        return;
+      default:
+        break;
+    }
+    emit('buttonSelect', key, done);
+  }
+  const cachedListKey = computed<string>(() => cachedList.value.map((i) => i.name).join('|'));
+  function initTabList(list: TabContentItem[]) {
+    cachedList.value = list;
+  }
+
+  watch(
+    () => cachedList.value,
+    (val) => {
+      nextTick(() => {
+        activeTab.value = (val[0]?.name ?? '') as string;
+      });
+    }
+  );
+
+  const layout = ref<'horizontal' | 'vertical'>();
+  const layoutList = [
+    {
+      name: 'horizontal',
+      tab: t('crmFormDesign.horizontal'),
+    },
+    {
+      name: 'vertical',
+      tab: t('crmFormDesign.vertical'),
+    },
+  ];
+
+  onMounted(async () => {
+    layout.value =
+      (await getItem<'horizontal' | 'vertical'>(`active-overview-layout-${props.formKey}`)) ?? 'horizontal';
+  });
+
+  watch(
+    () => layout.value,
+    async (val) => {
+      if (val) {
+        await setItem(`active-overview-layout-${props.formKey}`, val);
+      }
+    }
+  );
+
+  defineExpose({
+    layout,
+  });
+</script>
+
+<style lang="less" scoped>
+  :deep(.n-tabs-scroll-padding) {
+    width: 16px !important;
+  }
+  .crm-button-group {
+    gap: 12px;
+  }
+  .cachedListTab {
+    :deep(.n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--top .n-tabs-nav-scroll-content) {
+      border-bottom-color: transparent;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-overview-drawer/locale/en-US.ts b/frontend/packages/web/src/components/business/crm-overview-drawer/locale/en-US.ts
new file mode 100644
index 0000000..fb0b3ec
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-overview-drawer/locale/en-US.ts
@@ -0,0 +1,5 @@
+export default {
+  'overviewDrawer.addContract': 'Add Contact',
+  'overviewDrawer.followRecord': 'Follow-up Record',
+  'overviewDrawer.followPlan': 'Follow-up Plan',
+};
diff --git a/frontend/packages/web/src/components/business/crm-overview-drawer/locale/zh-CN.ts b/frontend/packages/web/src/components/business/crm-overview-drawer/locale/zh-CN.ts
new file mode 100644
index 0000000..2b49e02
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-overview-drawer/locale/zh-CN.ts
@@ -0,0 +1,5 @@
+export default {
+  'overviewDrawer.addContract': '添加联系人',
+  'overviewDrawer.followRecord': '跟进记录',
+  'overviewDrawer.followPlan': '跟进计划',
+};
diff --git a/frontend/packages/web/src/components/business/crm-process-drawer/index.vue b/frontend/packages/web/src/components/business/crm-process-drawer/index.vue
new file mode 100644
index 0000000..8a2fc55
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-process-drawer/index.vue
@@ -0,0 +1,153 @@
+<template>
+  <CrmDrawer
+    v-model:show="visible"
+    :width="props.width"
+    :min-width="props.minWidth"
+    :footer="false"
+    :closable="false"
+    :close-on-esc="false"
+    :mask-closable="false"
+    :loading="loading"
+    header-class="crm-process-drawer-header"
+    body-content-class="!p-0"
+    @mask-click="handleCancel"
+  >
+    <template #header>
+      <div class="crm-process-drawer-header-content">
+        <div class="crm-process-drawer-header-item crm-process-drawer-header-item--title flex items-center">
+          <n-button text class="mr-[4px] w-[32px]" @click="handleCancel">
+            <n-icon size="16">
+              <ChevronBackOutline />
+            </n-icon>
+          </n-button>
+          <div class="crm-process-drawer-title-wrap flex flex-1 items-center gap-[8px]">
+            <slot name="title">
+              <n-tooltip trigger="hover" :delay="300" :disabled="!props.title">
+                <template #trigger>
+                  <div class="one-line-text !leading-[20px]"> {{ props.title ?? '-' }}</div>
+                </template>
+                {{ props.title ?? '-' }}
+              </n-tooltip>
+            </slot>
+          </div>
+        </div>
+        <div class="flex justify-center">
+          <CrmTab
+            v-model:active-tab="activeTab"
+            class="-mb-[9px] flex"
+            no-content
+            :tab-list="props.tabList"
+            type="line"
+            :before-leave="props.beforeChangeTab"
+          />
+        </div>
+        <div class="crm-process-drawer-header-item flex justify-end gap-[12px]">
+          <slot v-if="!props.readonly" name="headerActions">
+            <n-button type="primary" ghost class="n-btn-outline-primary" @click="handleCancel">
+              {{ t('common.cancel') }}
+            </n-button>
+            <n-button
+              type="primary"
+              ghost
+              class="n-btn-outline-primary"
+              :disabled="activeTab === props.tabList[props.tabList.length - 1].name"
+              @click="() => emit('nextStep')"
+            >
+              {{ t('common.nextStep') }}
+            </n-button>
+            <n-button type="primary" :loading="loading" @click="() => emit('save')">
+              {{ t('common.save') }}
+            </n-button>
+          </slot>
+        </div>
+      </div>
+    </template>
+    <div class="h-full">
+      <slot></slot>
+    </div>
+  </CrmDrawer>
+</template>
+
+<script setup lang="ts">
+  import { watchEffect } from 'vue';
+  import { NButton, NIcon, NTooltip } from 'naive-ui';
+  import { ChevronBackOutline } from '@vicons/ionicons5';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmTab, { CrmTabListItem } from '@/components/pure/crm-tab/index.vue';
+
+  const { t } = useI18n();
+
+  const props = withDefaults(
+    defineProps<{
+      tabList: CrmTabListItem[];
+      loading: boolean;
+      title?: string;
+      readonly?: boolean;
+      width?: string | number;
+      minWidth?: number;
+      beforeChangeTab?: (newVal: string | number, oldVal: string | number | null) => boolean | Promise<boolean>;
+    }>(),
+    {
+      width: '75%',
+      minWidth: 800,
+    }
+  );
+
+  const emit = defineEmits<{
+    (e: 'save'): void;
+    (e: 'nextStep'): void;
+    (e: 'cancel'): void;
+  }>();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const activeTab = defineModel<string | number>('activeTab', {
+    default: '',
+  });
+
+  function handleCancel() {
+    emit('cancel');
+  }
+
+  watchEffect(() => {
+    if (!activeTab.value && props.tabList.length) {
+      activeTab.value = props.tabList[0].name as string | number;
+    }
+  });
+</script>
+
+<style scoped lang="less">
+  .crm-process-drawer-header-content {
+    padding: 8px;
+    gap: 24px;
+    box-sizing: border-box;
+    @apply flex items-center;
+    .crm-process-drawer-header-item {
+      @apply flex flex-1;
+
+      min-width: 0;
+    }
+    .crm-process-drawer-header-item--title {
+      flex: 1 1 0;
+      min-width: 0;
+    }
+    .crm-process-drawer-title-wrap {
+      overflow: hidden;
+      min-width: 0;
+    }
+  }
+</style>
+
+<style lang="less">
+  .crm-process-drawer-header {
+    padding: 0 16px !important;
+    .n-drawer-header__main {
+      max-width: 100%;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-reason-drawer/index.vue b/frontend/packages/web/src/components/business/crm-reason-drawer/index.vue
new file mode 100644
index 0000000..0bb2e03
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-reason-drawer/index.vue
@@ -0,0 +1,216 @@
+<template>
+  <CrmDrawer v-model:show="showDrawer" :width="600" :footer="false" no-padding :show-back="false" closable>
+    <template #title>
+      <div class="flex items-center gap-[8px]">
+        <div class="one-line-text">{{ titleValue }}</div>
+        <n-tooltip trigger="hover" :delay="300" :disabled="hasConfig">
+          <template #trigger>
+            <n-switch
+              :value="enableReason"
+              :disabled="!hasConfig"
+              size="small"
+              :rubber-band="false"
+              @click="changeHandler"
+            />
+          </template>
+          {{ t('module.configReasonTooltip') }}
+        </n-tooltip>
+      </div>
+    </template>
+    <n-scrollbar content-class="p-[24px]">
+      <div class="bg-[var(--text-n9)] p-[16px]">
+        <div class="text-[var(--text-n1)]">{{ props.title }}</div>
+        <CrmBatchForm
+          ref="batchFormRef"
+          class="!p-0"
+          :models="formItemModel"
+          :default-list="form.list"
+          :add-text="t('crmReasonDrawer.addReason')"
+          validate-when-add
+          draggable
+          :disabled-add="form.list.length >= 50"
+          :pop-confirm-props="getConfirmPropsFun"
+          @delete-row="handleDelete"
+          @save-row="handleSave"
+          @drag="dragEnd"
+        />
+      </div>
+    </n-scrollbar>
+  </CrmDrawer>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { NScrollbar, NSwitch, NTooltip, useMessage } from 'naive-ui';
+
+  import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+  import { ReasonTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmBatchForm from '@/components/business/crm-batch-form/index.vue';
+
+  import {
+    addReason,
+    deleteReasonItem,
+    getReasonList,
+    sortReason,
+    updateReason,
+    updateReasonEnable,
+  } from '@/api/modules';
+
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  const props = defineProps<{
+    title: string;
+    reasonKey: ReasonTypeEnum.OPPORTUNITY_FAIL_RS | ReasonTypeEnum.CUSTOMER_POOL_RS | ReasonTypeEnum.CLUE_POOL_RS;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'loadConfig'): void;
+  }>();
+
+  const showDrawer = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const enableReason = defineModel<boolean>('enable', {
+    required: true,
+  });
+
+  const hasConfig = defineModel<boolean>('config', {
+    required: true,
+  });
+
+  const titleValue = computed(() => `${props.title}${t('crmReasonDrawer.setting')}`);
+
+  const form = ref<any>({ list: [] });
+
+  const formItemModel = ref([
+    {
+      path: 'name',
+      type: FieldTypeEnum.INPUT,
+      formItemClass: 'w-full flex-initial',
+      inputProps: {
+        maxlength: 255,
+      },
+      rule: [
+        {
+          required: true,
+          message: t('common.notNull', { value: props.title }),
+        },
+        { notRepeat: true, message: t('module.capacitySet.repeatMsg') },
+      ],
+    },
+  ]);
+
+  const popConfirmLoading = ref(false);
+  function getConfirmPropsFun(_: Record<string, any>, i: number) {
+    return {
+      title: t('crmReasonDrawer.deleteReasonTitleTip', { title: props.title }),
+      content: t('crmReasonDrawer.deleteReasonContentTip'),
+      positiveText: t('common.remove'),
+      disabled: form.value.list.length === 1 && enableReason.value && i === 0,
+      loading: popConfirmLoading.value,
+    };
+  }
+
+  const loading = ref(false);
+  async function initReason() {
+    try {
+      loading.value = true;
+      const res = await getReasonList(props.reasonKey);
+      form.value.list = res ?? [];
+      hasConfig.value = res.length > 0;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  async function changeHandler() {
+    if (form.value.list.length > 0) {
+      try {
+        await updateReasonEnable({
+          module: props.reasonKey,
+          enable: !enableReason.value,
+        });
+        Message.success(enableReason.value ? t('common.closeSuccess') : t('common.enableSuccess'));
+        initReason();
+        emit('loadConfig');
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      }
+    }
+  }
+
+  async function handleDelete(_i: number, id: string, done: () => void) {
+    if (enableReason.value && form.value.list.length === 1) return;
+    try {
+      popConfirmLoading.value = true;
+      await deleteReasonItem(id);
+      done();
+      initReason();
+      emit('loadConfig');
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      popConfirmLoading.value = false;
+    }
+  }
+
+  async function handleSave(element: Record<string, any>, done: () => void) {
+    try {
+      const params = {
+        id: element?.id,
+        name: element.name,
+        module: props.reasonKey,
+      };
+      if (element.id) {
+        await updateReason(params);
+        done();
+      } else {
+        await addReason(params);
+        done();
+        await initReason();
+      }
+      emit('loadConfig');
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  async function dragEnd(event: any) {
+    if (form.value.list.length === 1) return;
+    try {
+      const { newIndex, oldIndex, data } = event;
+      await sortReason({
+        start: oldIndex + 1,
+        end: newIndex + 1,
+        dragDictId: data.id,
+      });
+      Message.success(t('common.operationSuccess'));
+      initReason();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  watch(
+    () => showDrawer.value,
+    (val) => {
+      if (val) {
+        initReason();
+      }
+    }
+  );
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-reason-drawer/locale/en-US.ts b/frontend/packages/web/src/components/business/crm-reason-drawer/locale/en-US.ts
new file mode 100644
index 0000000..74e7563
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-reason-drawer/locale/en-US.ts
@@ -0,0 +1,10 @@
+export default {
+  'crmReasonDrawer.clue': 'Lead move-in reason',
+  'crmReasonDrawer.customer': 'Account move-in reason',
+  'crmReasonDrawer.opportunity': 'Lost reason',
+  'crmReasonDrawer.setting': 'Setup',
+  'crmReasonDrawer.deleteReasonTitleTip': 'Confirm removal of {title}? ',
+  'crmReasonDrawer.deleteReasonContentTip':
+    'Warning: Existing records using this reason may show inconsistencies after deletion!',
+  'crmReasonDrawer.addReason': 'Add reason',
+};
diff --git a/frontend/packages/web/src/components/business/crm-reason-drawer/locale/zh-CN.ts b/frontend/packages/web/src/components/business/crm-reason-drawer/locale/zh-CN.ts
new file mode 100644
index 0000000..dc2573b
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-reason-drawer/locale/zh-CN.ts
@@ -0,0 +1,9 @@
+export default {
+  'crmReasonDrawer.clue': '移入线索池原因',
+  'crmReasonDrawer.customer': '移入公海原因',
+  'crmReasonDrawer.opportunity': '商机失败原因',
+  'crmReasonDrawer.setting': '设置',
+  'crmReasonDrawer.deleteReasonTitleTip': '确定删除{title}吗？',
+  'crmReasonDrawer.deleteReasonContentTip': '删除后，导致已选择该原因的数据显示异常，请谨慎操作！',
+  'crmReasonDrawer.addReason': '添加原因',
+};
diff --git a/frontend/packages/web/src/components/business/crm-select-user-drawer/index.vue b/frontend/packages/web/src/components/business/crm-select-user-drawer/index.vue
new file mode 100644
index 0000000..cb6b8dc
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-select-user-drawer/index.vue
@@ -0,0 +1,562 @@
+<template>
+  <CrmDrawer
+    v-model:show="visible"
+    :title="props.title"
+    :width="800"
+    :ok-disabled="addMembers.length === 0"
+    :loading="props.loading"
+    :ok-text="props.okText"
+    @cancel="handleCancelAdd"
+    @confirm="handleAddConfirm"
+  >
+    <div class="flex h-full w-full flex-col gap-[16px]">
+      <div v-if="addMemberTypes.length > 1" class="flex items-center gap-[16px]">
+        <div class="whitespace-nowrap">{{ t('role.addMemberType') }}</div>
+        <n-tabs
+          v-model:value="addMemberType"
+          type="segment"
+          class="no-content"
+          animated
+          @update-value="handleTypeChange"
+        >
+          <n-tab-pane v-for="item of addMemberTypes" :key="item.value" :name="item.value" :tab="item.label">
+          </n-tab-pane>
+        </n-tabs>
+      </div>
+      <n-transfer
+        v-model:value="addMembers"
+        :options="flatOptions"
+        :render-source-list="renderSourceList"
+        :render-target-label="renderTargetLabel"
+        source-filterable
+        class="addMemberTransfer"
+        :class="props.multiple ? '' : 'addMemberTransfer--single'"
+        @update-value="handleUpdateValue"
+      />
+    </div>
+    <template #footer>
+      <div class="flex w-full items-center gap-[12px]">
+        <n-button :disabled="addMembers.length === 0" :loading="props.loading" type="primary" @click="handleAddConfirm">
+          {{ t(props.okText || 'common.add') }}
+        </n-button>
+        <n-button secondary @click="handleCancelAdd">
+          {{ t('common.cancel') }}
+        </n-button>
+      </div>
+    </template>
+  </CrmDrawer>
+</template>
+
+<script setup lang="ts">
+  import {
+    NButton,
+    NSkeleton,
+    NTabPane,
+    NTabs,
+    NTooltip,
+    NTransfer,
+    NTree,
+    TransferOption,
+    TransferRenderSourceList,
+    useMessage,
+  } from 'naive-ui';
+
+  import { MemberApiTypeEnum, MemberSelectTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { DeptNodeTypeEnum } from '@lib/shared/enums/systemEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { mapTree } from '@lib/shared/method';
+  import { SelectedUsersItem } from '@lib/shared/models/system/module';
+  import { DeptTreeNode, RoleItem } from '@lib/shared/models/system/role';
+
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import { CrmTreeNodeData } from '@/components/pure/crm-tree/type';
+  import { Option } from '@/components/business/crm-select-user-drawer/type';
+  import roleTreeNodePrefix from './roleTreeNodePrefix.vue';
+
+  import { getDataFunc } from './utils';
+
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  const props = withDefaults(
+    defineProps<{
+      title?: string;
+      loading: boolean;
+      apiTypeKey: MemberApiTypeEnum; // 要配置对应的key
+      fetchOrgParams?: Record<string, any>; // 组织架构入参
+      fetchRoleParams?: Record<string, any>; // 角色入参
+      fetchMemberParams?: Record<string, any>; // 成员入参
+      baseParams?: Record<string, any>; // 基础公共入参
+      disabledList?: string[]; // 需要禁用掉的选项
+      memberTypes?: Option[];
+      multiple?: boolean;
+      okText?: string;
+      disabledNodeTypes?: DeptNodeTypeEnum[]; // 需要禁用掉的节点类型
+      maxCount?: number;
+    }>(),
+    {
+      multiple: true,
+    }
+  );
+
+  const emit = defineEmits<{
+    (e: 'confirm', params: any[], offspringNodes: any[]): void;
+  }>();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const addMemberType = ref<MemberSelectTypeEnum>(
+    (props.memberTypes?.[0]?.value as MemberSelectTypeEnum) || MemberSelectTypeEnum.ORG
+  );
+  const addMemberTypes = ref(
+    props.memberTypes || [
+      {
+        label: t('menu.settings.org'),
+        value: MemberSelectTypeEnum.ORG,
+      },
+      {
+        label: t('role.role'),
+        value: MemberSelectTypeEnum.ROLE,
+      },
+    ]
+  );
+
+  const addMembers = ref<string[]>([]);
+  const selectedNodes = ref<SelectedUsersItem[]>([]);
+
+  const remainingCount = computed(() => {
+    if (!props.maxCount) {
+      return undefined;
+    }
+    return Math.max(props.maxCount - (props.disabledList?.length ?? 0), 0);
+  });
+  const isSelectedCountExceeded = computed(
+    () => remainingCount.value !== undefined && addMembers.value.length > remainingCount.value
+  );
+
+  function showMaxCountTip() {
+    if (props.maxCount) {
+      Message.warning(t('common.maxAddMemberTip', { count: props.maxCount }));
+    }
+  }
+
+  function handleCancelAdd() {
+    visible.value = false;
+    addMembers.value = [];
+    selectedNodes.value = [];
+    addMemberType.value = (props.memberTypes?.[0]?.value as MemberSelectTypeEnum) || MemberSelectTypeEnum.ORG;
+  }
+
+  function flattenTree(list: undefined | Option[]): Option[] {
+    const result: Option[] = [];
+    function flatten(_list: Option[] = []) {
+      _list.forEach((item) => {
+        result.push(item);
+        flatten(item.children);
+      });
+    }
+    flatten(list);
+    return result;
+  }
+
+  const roleOptions = ref<Option[]>([]);
+  const userOptions = ref<RoleItem[]>([]);
+  const departmentOptions = ref<DeptTreeNode[]>([]);
+  const treeLoading = ref(false);
+
+  async function loadData(value: MemberSelectTypeEnum) {
+    try {
+      treeLoading.value = true;
+      departmentOptions.value = [];
+      roleOptions.value = [];
+      userOptions.value = [];
+      let params = { ...props.baseParams };
+      switch (value) {
+        case MemberSelectTypeEnum.ORG:
+        case MemberSelectTypeEnum.ONLY_ORG:
+          params = { ...params, ...props.fetchOrgParams };
+          departmentOptions.value = await getDataFunc(props.apiTypeKey, value, params);
+          break;
+        case MemberSelectTypeEnum.ROLE:
+          params = { ...params, ...props.fetchRoleParams };
+          roleOptions.value = await getDataFunc(props.apiTypeKey, value, params);
+          break;
+        default:
+          params = { ...params, ...props.fetchMemberParams };
+          userOptions.value = await getDataFunc(props.apiTypeKey, value, params);
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log('Error loading data:', error);
+    } finally {
+      treeLoading.value = false;
+    }
+  }
+
+  function handleTypeChange(value: string) {
+    loadData(value as MemberSelectTypeEnum);
+    addMembers.value = [];
+  }
+
+  const options = computed<Record<string, any>[]>(() => {
+    if ([MemberSelectTypeEnum.ORG, MemberSelectTypeEnum.ONLY_ORG].includes(addMemberType.value)) {
+      return mapTree(departmentOptions.value, (item) => {
+        return {
+          label: item.name,
+          value: item.id,
+          ...item,
+          children: item.children?.length ? item.children : undefined,
+        };
+      });
+    }
+    if (addMemberType.value === MemberSelectTypeEnum.ROLE) {
+      return mapTree(roleOptions.value, (item) => {
+        return {
+          label: item.name,
+          value: item.id,
+          disabled: !item.enabled,
+          ...item,
+          children: item.children?.length ? item.children : undefined,
+        };
+      });
+    }
+    return userOptions.value.map((item) => {
+      return {
+        label: item.name,
+        value: item.id,
+        disabled: !item.enabled,
+        ...item,
+      };
+    });
+  });
+
+  function isTransferOptionDisabled(item: Record<string, any>) {
+    return (
+      item.disabled ||
+      props.disabledList?.includes(item.id || item.value) ||
+      props.disabledNodeTypes?.includes(item.nodeType)
+    );
+  }
+
+  const flatOptions = computed(() =>
+    flattenTree(options.value as unknown as Option[]).map((item) => ({
+      ...item,
+      disabled: isTransferOptionDisabled(item),
+    }))
+  );
+
+  async function handleAddConfirm() {
+    if (isSelectedCountExceeded.value) {
+      showMaxCountTip();
+      return;
+    }
+
+    const _selectedNodes: any[] = [];
+    mapTree(options.value, (item) => {
+      if (addMembers.value.includes(item.id) && !isTransferOptionDisabled(item)) {
+        _selectedNodes.push(item);
+      }
+      delete item.parent;
+      return item;
+    });
+    const offspringNodes: any[] = [];
+    _selectedNodes.forEach((item) => {
+      mapTree(item, (node) => {
+        offspringNodes.push(node);
+        return node;
+      });
+    });
+    emit('confirm', _selectedNodes, offspringNodes);
+  }
+
+  const defaultExpandedKeys = computed(() => {
+    if ([MemberSelectTypeEnum.ORG, MemberSelectTypeEnum.ONLY_ORG].includes(addMemberType.value)) {
+      return [options.value[0]?.value];
+    }
+    return [];
+  });
+
+  function renderTargetLabel({ option }: { option: TransferOption }) {
+    return h(
+      NTooltip,
+      {
+        delay: 300,
+      },
+      {
+        default: () => {
+          return h(
+            'div',
+            {},
+            {
+              default: () => option.label,
+            }
+          );
+        },
+        trigger: () => {
+          return h(
+            'div',
+            {
+              class: 'one-line-text',
+            },
+            {
+              default: () => option.label,
+            }
+          );
+        },
+      }
+    );
+  }
+
+  const renderSourceList: TransferRenderSourceList = ({ onCheck, pattern }) => {
+    return h(
+      NTree,
+      {
+        keyField: 'value',
+        blockLine: true,
+        blockNode: true,
+        multiple: props.multiple,
+        selectable: true,
+        data: options.value,
+        pattern,
+        selectedKeys: addMembers.value,
+        showIrrelevantNodes: false,
+        class: 'px-[16px] overflow-hidden',
+        defaultExpandedKeys: defaultExpandedKeys.value,
+        overrideDefaultNodeClickBehavior: ({ option }: { option: CrmTreeNodeData }) => {
+          if (!props.disabledList?.includes(option.id) && !props.disabledNodeTypes?.includes(option.nodeType)) {
+            return 'toggleSelect';
+          }
+          return 'toggleExpand';
+        },
+        renderPrefix(node: { option: CrmTreeNodeData; checked: boolean; selected: boolean }) {
+          if (node.option.internal) {
+            return h(roleTreeNodePrefix, {
+              text: t('role.sys'),
+              tooltip: t('role.systemInit'),
+            });
+          }
+          if (node.option.nodeType === DeptNodeTypeEnum.ORG && node.option.parentId === 'NONE') {
+            return h(CrmIcon, {
+              type: 'iconicon_enterprise',
+              class: 'text-[var(--primary-8)]',
+              size: 16,
+            });
+          }
+          if ([DeptNodeTypeEnum.ORG, DeptNodeTypeEnum.ROLE].includes(node.option.nodeType)) {
+            return h(CrmIcon, {
+              type: 'iconicon_file1',
+              class: 'text-[var(--text-n4)]',
+              size: 16,
+            });
+          }
+        },
+        renderLabel({ option }) {
+          return h(
+            NTooltip,
+            {
+              trigger: 'hover',
+              placement: 'top',
+              showArrow: true,
+              content: option.label,
+              delay: 300,
+            },
+            {
+              default: () => {
+                return h(
+                  'div',
+                  {},
+                  {
+                    default: () => option.label,
+                  }
+                );
+              },
+              trigger: () => {
+                return h(
+                  'div',
+                  { class: 'w-full flex items-center' },
+                  {
+                    default: () => [
+                      h(
+                        'div',
+                        {
+                          class: 'one-line-text',
+                        },
+                        {
+                          default: () => option.label,
+                        }
+                      ),
+                      option.commander
+                        ? h(
+                            'div',
+                            {},
+                            {
+                              default: () => [
+                                h(
+                                  CrmTag,
+                                  {
+                                    type: 'primary',
+                                    theme: 'lightOutLine',
+                                    class: 'ml-[8px]',
+                                    size: 'small',
+                                    tooltipDisabled: true,
+                                  },
+                                  { default: () => t('common.head') }
+                                ),
+                              ],
+                            }
+                          )
+                        : null,
+                    ],
+                  }
+                );
+              },
+            }
+          );
+        },
+        onUpdateSelectedKeys: (selectedKeys: Array<string | number>, nodes) => {
+          if (remainingCount.value !== undefined && selectedKeys.length > remainingCount.value) {
+            showMaxCountTip();
+            return;
+          }
+
+          onCheck(selectedKeys);
+          selectedNodes.value = [];
+
+          nodes.forEach((node) => {
+            if (!node) return;
+
+            let type: MemberSelectTypeEnum;
+            if (node.nodeType === DeptNodeTypeEnum.USER || addMemberType.value === MemberSelectTypeEnum.MEMBER) {
+              type = MemberSelectTypeEnum.MEMBER;
+            } else if (node.nodeType === DeptNodeTypeEnum.ROLE) {
+              type = MemberSelectTypeEnum.ROLE;
+            } else {
+              type = MemberSelectTypeEnum.ORG;
+            }
+
+            selectedNodes.value.push({
+              id: node.value as string,
+              name: node.label as string,
+              scope: type,
+            });
+          });
+        },
+      },
+      {
+        empty: () => {
+          return h(
+            'div',
+            {
+              class: 'px-[12px] h-full',
+            },
+            [
+              treeLoading.value
+                ? h(NSkeleton, {
+                    text: true,
+                    repeat: 20,
+                    height: 24,
+                  })
+                : t('common.noData'),
+            ]
+          );
+        },
+      }
+    );
+  };
+
+  function handleUpdateValue(value: Array<string | number>) {
+    const enabledValue = value.filter((item) => {
+      const option = flatOptions.value.find((e) => e.value === item) as Record<string, any> | undefined;
+      return option && !isTransferOptionDisabled(option);
+    });
+    if (enabledValue.length !== value.length) {
+      addMembers.value = enabledValue as string[];
+    }
+
+    if (remainingCount.value !== undefined && enabledValue.length > remainingCount.value) {
+      addMembers.value = addMembers.value.slice(0, remainingCount.value);
+      showMaxCountTip();
+      return;
+    }
+
+    selectedNodes.value = selectedNodes.value.filter((e) => enabledValue.includes(e.id));
+  }
+
+  watch(
+    () => visible.value,
+    (val) => {
+      if (val) {
+        // TODO: 别的接口
+        loadData(addMemberType.value);
+      }
+    }
+  );
+</script>
+
+<style lang="less" scoped>
+  .addMemberTransfer {
+    @apply flex-1;
+    :deep(.n-transfer-list) {
+      @apply h-full;
+      .n-transfer-list-header {
+        padding: 16px;
+        .n-transfer-list-header__button {
+          padding: 2px 8px;
+          height: auto;
+          .n-button__content {
+            line-height: 20px;
+          }
+        }
+        .n-transfer-list-header__extra {
+          font-size: 14px;
+        }
+      }
+      .n-transfer-filter {
+        padding: 0 16px 16px;
+        .n-input {
+          padding: 4px 8px;
+          font-size: 14px;
+          line-height: 22px;
+        }
+      }
+      .n-tree-node-wrapper {
+        padding: 1px 0;
+        .n-tree-node {
+          padding: 5px 0;
+        }
+        .n-tree-node--selected {
+          .n-tree-node-content__text {
+            color: var(--primary-8);
+          }
+        }
+        .n-tree-node-content__text {
+          @apply overflow-hidden;
+        }
+      }
+      .n-transfer-list-item--target {
+        margin-bottom: 8px;
+        .n-transfer-list-item__background {
+          background-color: var(--text-n9) !important;
+        }
+        .n-transfer-list-item__close {
+          font-size: 14px;
+          opacity: 1 !important;
+        }
+      }
+    }
+    :deep(.n-transfer-list--target) {
+      .n-transfer-list-body {
+        padding: 0 16px;
+      }
+    }
+  }
+  .addMemberTransfer--single {
+    :deep(.n-transfer-list-header__button) {
+      @apply hidden;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-select-user-drawer/roleTreeNodePrefix.vue b/frontend/packages/web/src/components/business/crm-select-user-drawer/roleTreeNodePrefix.vue
new file mode 100644
index 0000000..fdb4a26
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-select-user-drawer/roleTreeNodePrefix.vue
@@ -0,0 +1,25 @@
+<template>
+  <n-avatar
+    size="small"
+    round
+    class="mr-[4px] box-content h-[16px] w-[16px] border border-solid border-[var(--text-n8)] bg-[var(--text-n9)] text-[12px] leading-[20px] text-[var(--text-n4)]"
+  >
+    <n-tooltip trigger="hover" :delay="300" :disabled="!props.tooltip">
+      <template #trigger>
+        {{ props.text }}
+      </template>
+      {{ props.tooltip }}
+    </n-tooltip>
+  </n-avatar>
+</template>
+
+<script setup lang="ts">
+  import { NAvatar, NTooltip } from 'naive-ui';
+
+  const props = defineProps<{
+    text: string;
+    tooltip?: string;
+  }>();
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-select-user-drawer/type.ts b/frontend/packages/web/src/components/business/crm-select-user-drawer/type.ts
new file mode 100644
index 0000000..381d7d0
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-select-user-drawer/type.ts
@@ -0,0 +1,5 @@
+export interface Option {
+  label: string;
+  value: string;
+  children?: Option[];
+}
diff --git a/frontend/packages/web/src/components/business/crm-select-user-drawer/utils.ts b/frontend/packages/web/src/components/business/crm-select-user-drawer/utils.ts
new file mode 100644
index 0000000..d9997ce
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-select-user-drawer/utils.ts
@@ -0,0 +1,53 @@
+import { MemberApiTypeEnum, MemberSelectTypeEnum } from '@lib/shared/enums/moduleEnum';
+
+import {
+  getCustomFormRoleUserDeptTree,
+  getCustomFormRoleUserRoleTree,
+  getFieldDeptTree,
+  getFieldDeptUerTree,
+  getModuleRoleTree,
+  getModuleUserDeptTree,
+  getOrgDepartmentUser,
+  getRoleDeptUserTree,
+  getRoleMemberTree,
+  getUsers,
+} from '@/api/modules';
+// 添加部门、角色、成员数据API
+export const getDataApiMap: Record<
+  MemberApiTypeEnum,
+  Partial<Record<MemberSelectTypeEnum, (params?: any) => Promise<any[]>>>
+> = {
+  [MemberApiTypeEnum.SYSTEM_ROLE]: {
+    [MemberSelectTypeEnum.ORG]: getRoleDeptUserTree,
+    [MemberSelectTypeEnum.ROLE]: getRoleMemberTree,
+    [MemberSelectTypeEnum.MEMBER]: getUsers,
+  },
+  [MemberApiTypeEnum.MODULE_ROLE]: {
+    [MemberSelectTypeEnum.ORG]: getModuleUserDeptTree,
+    [MemberSelectTypeEnum.ROLE]: getModuleRoleTree,
+  },
+  [MemberApiTypeEnum.FORM_FIELD]: {
+    [MemberSelectTypeEnum.ORG]: getFieldDeptUerTree,
+    [MemberSelectTypeEnum.ONLY_ORG]: getFieldDeptTree,
+  },
+  [MemberApiTypeEnum.SYSTEM_ORG_USER]: {
+    [MemberSelectTypeEnum.ORG]: getOrgDepartmentUser,
+  },
+  [MemberApiTypeEnum.CUSTOM_FORM]: {
+    [MemberSelectTypeEnum.ORG]: getCustomFormRoleUserDeptTree,
+    [MemberSelectTypeEnum.ROLE]: getCustomFormRoleUserRoleTree,
+  },
+};
+
+// 获取部门、角色、成员数据
+export function getDataFunc(
+  apiType: MemberApiTypeEnum,
+  activeType: MemberSelectTypeEnum,
+  params?: Record<string, any>
+) {
+  const func = getDataApiMap[apiType]?.[activeType];
+  if (!func) {
+    return Promise.reject();
+  }
+  return func(params);
+}
diff --git a/frontend/packages/web/src/components/business/crm-stage-board/index.vue b/frontend/packages/web/src/components/business/crm-stage-board/index.vue
new file mode 100644
index 0000000..5eb008d
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-stage-board/index.vue
@@ -0,0 +1,120 @@
+<template>
+  <n-scrollbar
+    :content-style="{ gridTemplateColumns: `repeat(${props.stages.length || 7}, 300px)` }"
+    content-class="grid gap-[16px] h-full"
+    class="mb-[16px] flex-1"
+    x-scrollable
+  >
+    <StageBoardList
+      v-for="(item, index) in props.stages"
+      ref="listRef"
+      :key="item.id"
+      :index="index"
+      :stage="item"
+      :stage-ids="props.stages.map((stage) => stage.id)"
+      :keyword="props.keyword"
+      :view-id="props.viewId"
+      :field-list="props.fieldList"
+      :refresh-time-stamp="refreshTimeStamp"
+      :advance-filter="props.advanceFilter"
+      :load-stage-list="props.loadStageList"
+      :load-stage-statistic="props.loadStageStatistic"
+      :move-stage-item="props.moveStageItem"
+      :can-move-item="props.canMoveItem"
+      :before-move-to-stage="props.beforeMoveToStage"
+      :show-progress="props.showProgress"
+      @change="refreshList"
+      @openDetail="(type, currentItem) => emit('openDetail', type, currentItem)"
+      @init="(total) => handleListInit(item.id, total)"
+    >
+      <template #card="slotProps">
+        <slot name="card" v-bind="slotProps" />
+      </template>
+    </StageBoardList>
+  </n-scrollbar>
+</template>
+
+<script setup lang="ts">
+  import { NScrollbar } from 'naive-ui';
+
+  import { StageConfigItem } from '@lib/shared/models/opportunity';
+
+  import StageBoardList from './list.vue';
+
+  import type {
+    OpenDetailType,
+    StageBoardBlockedMovePayload,
+    StageBoardListExpose,
+    StageBoardLoadParams,
+    StageBoardLoadResult,
+    StageBoardMoveCheckPayload,
+    StageBoardMovePayload,
+    StageBoardStatistic,
+  } from './types';
+
+  const props = withDefaults(
+    defineProps<{
+      stages: StageConfigItem[];
+      keyword?: string;
+      viewId?: string;
+      advanceFilter?: any;
+      fieldList?: any[];
+      showProgress?: boolean;
+      loadStageList: (params: StageBoardLoadParams) => Promise<StageBoardLoadResult>;
+      loadStageStatistic?: (params: Omit<StageBoardLoadParams, 'current' | 'pageSize'>) => Promise<StageBoardStatistic>;
+      moveStageItem: (payload: StageBoardMovePayload) => Promise<void>;
+      canMoveItem?: (payload: StageBoardMoveCheckPayload) => boolean;
+      beforeMoveToStage?: (payload: StageBoardBlockedMovePayload) => boolean | Promise<boolean>;
+    }>(),
+    {
+      showProgress: true,
+    }
+  );
+
+  const emit = defineEmits<{
+    (e: 'change'): void;
+    (e: 'init', total: number): void;
+    (e: 'openDetail', type: OpenDetailType, item: any): void;
+  }>();
+
+  const refreshTimeStamp = ref(0);
+  const listRef = ref<StageBoardListExpose[]>();
+  const totalMap = ref<Record<string, number>>({});
+  const sumTotal = computed(() => Object.values(totalMap.value).reduce((acc, curr) => acc + curr, 0));
+
+  function refresh() {
+    nextTick(() => {
+      refreshTimeStamp.value += 1;
+    });
+  }
+
+  async function sortStageItem(index: number, item: any) {
+    await listRef.value?.[index]?.sortItem(item);
+  }
+
+  function refreshList(stageId: string) {
+    const index = props.stages.findIndex((item) => item.id === stageId);
+    if (index >= 0) {
+      listRef.value?.[index]?.refreshList();
+    }
+    emit('change');
+  }
+
+  function handleListInit(id: string, total: number) {
+    totalMap.value[id] = total;
+    nextTick(() => {
+      emit('init', sumTotal.value);
+    });
+  }
+
+  defineExpose({
+    refresh,
+    sortStageItem,
+  });
+</script>
+
+<style lang="less" scoped>
+  :deep(.n-scrollbar-rail--horizontal--bottom) {
+    bottom: 0 !important;
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-stage-board/list.vue b/frontend/packages/web/src/components/business/crm-stage-board/list.vue
new file mode 100644
index 0000000..39ae30c
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-stage-board/list.vue
@@ -0,0 +1,384 @@
+<template>
+  <div
+    class="flex h-full flex-col gap-[8px] overflow-hidden rounded-[var(--border-radius-small)] bg-[var(--text-n9)] p-[16px]"
+  >
+    <div class="flex items-center justify-between">
+      <CrmTag :type="stageColor" theme="dark">{{ props.stage.name }}</CrmTag>
+      <div class="font-semibold">
+        {{
+          `${abbreviateNumber(statisticInfo?.amount ?? 0, '').value} ${
+            abbreviateNumber(statisticInfo?.amount ?? 0, '').unit
+          } / ${pageNation.total}`
+        }}
+      </div>
+    </div>
+    <n-progress
+      v-if="props.showProgress !== false"
+      type="line"
+      color="var(--primary-8)"
+      rail-color="var(--text-n8)"
+      :percentage="Number(props.stage.rate || 0)"
+    />
+    <n-spin :show="loading" content-class="h-full">
+      <VueDraggable
+        v-model="list"
+        :animation="150"
+        ghost-class="crm-stage-board-item-ghost"
+        :group="{ name: 'crm-stage-board', pull: 'clone', put: true }"
+        target=".n-scrollbar-content"
+        class="h-full"
+        @add="handleAddItem"
+        @move="handleMove"
+        @update="handleUpdate"
+        @remove="handleRemove"
+      >
+        <n-scrollbar :content-class="`${props.stage.id} h-full`" @scroll="handleReachBottom">
+          <div v-for="item in list" :key="item.id" class="crm-stage-board-item">
+            <slot
+              name="card"
+              :item="item"
+              :field-list="props.fieldList || []"
+              :option-map="optionMap"
+              :stage="props.stage"
+              :refresh="refreshList"
+              :open-detail="openDetail"
+            />
+          </div>
+          <div v-if="list.length === 0 && !loading" class="flex h-[300px] flex-1 items-center justify-center">
+            <n-empty :description="t('common.noData')" />
+          </div>
+        </n-scrollbar>
+      </VueDraggable>
+    </n-spin>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { NEmpty, NProgress, NScrollbar, NSpin } from 'naive-ui';
+  import { VueDraggable } from 'vue-draggable-plus';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { abbreviateNumber } from '@lib/shared/method';
+  import { StageConfigItem } from '@lib/shared/models/opportunity';
+
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import type { FormCreateField } from '@/components/business/crm-form-create/types';
+
+  import type {
+    OpenDetailType,
+    StageBoardBlockedMovePayload,
+    StageBoardListExpose,
+    StageBoardLoadParams,
+    StageBoardLoadResult,
+    StageBoardMoveCheckPayload,
+    StageBoardMovePayload,
+    StageBoardStatistic,
+  } from './types';
+
+  const props = withDefaults(
+    defineProps<{
+      index: number;
+      stage: StageConfigItem;
+      stageIds: string[];
+      keyword?: string;
+      viewId?: string;
+      advanceFilter?: any;
+      refreshTimeStamp?: number;
+      fieldList?: FormCreateField[];
+      showProgress?: boolean;
+      loadStageList: (params: StageBoardLoadParams) => Promise<StageBoardLoadResult>;
+      loadStageStatistic?: (params: Omit<StageBoardLoadParams, 'current' | 'pageSize'>) => Promise<StageBoardStatistic>;
+      moveStageItem: (payload: StageBoardMovePayload) => Promise<void>;
+      canMoveItem?: (payload: StageBoardMoveCheckPayload) => boolean;
+      beforeMoveToStage?: (payload: StageBoardBlockedMovePayload) => boolean | Promise<boolean>;
+    }>(),
+    {
+      showProgress: true,
+    }
+  );
+
+  const emit = defineEmits<{
+    (e: 'init', total: number): void;
+    (e: 'change', stageId: string): void;
+    (e: 'openDetail', type: OpenDetailType, item: any): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const stageColor = computed(() => {
+    const isSuccess =
+      (props.stage?.type === 'END' && String(props.stage?.rate) === '100') ||
+      (props.stage?.type === 'END' && ['COMPLETED', 'ARCHIVED'].includes(props.stage.id));
+    const isFail =
+      (props.stage?.type === 'END' && String(props.stage?.rate) === '0') ||
+      (props.stage?.type === 'END' && ['VOIDED', 'VOID'].includes(props.stage.id));
+
+    if (isSuccess) {
+      return 'success';
+    }
+    if (isFail) {
+      return 'error';
+    }
+    if (props.index === 0) {
+      return 'info';
+    }
+    return 'primary';
+  });
+
+  const list = ref<any[]>([]);
+  const optionMap = ref<Record<string, any>>({});
+  const loading = ref(false);
+  const pageNation = ref({
+    total: 0,
+    pageSize: 10,
+    current: 1,
+  });
+  const statisticInfo = ref<StageBoardStatistic>({ amount: 0, averageAmount: 0 });
+
+  async function loadStageData(refresh = true) {
+    try {
+      loading.value = true;
+      if (refresh) {
+        pageNation.value.current = 1;
+      }
+
+      const res = await props.loadStageList({
+        current: pageNation.value.current || 1,
+        pageSize: pageNation.value.pageSize,
+        keyword: props.keyword,
+        advanceFilter: props.advanceFilter,
+        stageId: props.stage.id,
+        viewId: props.viewId,
+      });
+
+      if (refresh) {
+        list.value = [];
+      }
+
+      list.value = list.value.concat(res.list || []);
+      pageNation.value.total = res.total || 0;
+      optionMap.value = res.optionMap || {};
+      emit('init', res.total || 0);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  async function loadStageStatistic() {
+    if (!props.loadStageStatistic) {
+      statisticInfo.value = { amount: 0, averageAmount: 0 };
+      return;
+    }
+
+    try {
+      statisticInfo.value = await props.loadStageStatistic({
+        keyword: props.keyword,
+        advanceFilter: props.advanceFilter,
+        stageId: props.stage.id,
+        viewId: props.viewId,
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    }
+  }
+
+  function refreshList() {
+    loadStageData();
+    loadStageStatistic();
+  }
+
+  function openDetail(type: OpenDetailType, item: any) {
+    emit('openDetail', type, item);
+  }
+
+  function handleReachBottom(e: Event) {
+    const el = e.target as HTMLElement;
+    if (el.scrollHeight - el.scrollTop <= el.clientHeight) {
+      pageNation.value.current += 1;
+      if (pageNation.value.current > Math.ceil(pageNation.value.total / pageNation.value.pageSize)) {
+        return;
+      }
+      loadStageData(false);
+    }
+  }
+
+  async function sortItem(item: any) {
+    try {
+      loading.value = true;
+      const previousItem = list.value[item.newIndex - 1];
+      const nextItem = list.value[item.newIndex + 1];
+      await props.moveStageItem({
+        item: item.data,
+        fromStageId: item.from?.className?.split(' ')[1],
+        toStageId: props.stage.id,
+        previousItem,
+        nextItem,
+        rawItem: item,
+      });
+      refreshList();
+      emit('change', item.from?.className?.split(' ')[1] || props.stage.id);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  async function handleUpdate(item: any) {
+    try {
+      loading.value = true;
+      const previousItem = list.value[item.newIndex - 1];
+      const nextItem = list.value[item.newIndex + 1];
+      await props.moveStageItem({
+        item: item.data,
+        fromStageId: item.from?.className?.split(' ')[1],
+        toStageId: props.stage.id,
+        previousItem,
+        nextItem,
+        rawItem: item,
+      });
+      refreshList();
+      if (item.to.className !== item.from.className) {
+        emit('change', item.from.className.split(' ')[1]);
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  function handleRemove(item: any) {
+    list.value = list.value.filter((current) => current.id !== item.data.id);
+    emit('change', item.from.className.split(' ')[1]);
+  }
+
+  async function handleAddItem(item: any) {
+    const canContinue =
+      (await props.beforeMoveToStage?.({
+        item: item.data,
+        fromStageId: item.from?.className?.split(' ')[1],
+        toStageId: props.stage.id,
+        rawItem: item,
+      })) ?? true;
+
+    if (!canContinue) {
+      list.value = list.value.filter((current) => current.id !== item.data.id);
+      return;
+    }
+
+    try {
+      loading.value = true;
+      const previousItem = list.value[item.newIndex - 1];
+      const nextItem = list.value[item.newIndex + 1];
+      await props.moveStageItem({
+        item: item.data,
+        fromStageId: item.from?.className?.split(' ')[1],
+        toStageId: props.stage.id,
+        previousItem,
+        nextItem,
+        rawItem: item,
+      });
+      refreshList();
+      if (item.to.className !== item.from.className) {
+        emit('change', item.from.className.split(' ')[1]);
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  function resolveDraggedItem(evt: any) {
+    return (
+      evt?.draggedContext?.element ||
+      evt?.draggedContext?.item?._underlying_vm_ ||
+      evt?.item?._underlying_vm_ ||
+      evt?.data ||
+      undefined
+    );
+  }
+
+  function handleMove(evt: any) {
+    return (
+      props.canMoveItem?.({
+        fromStageId: evt.from?.className?.split(' ')[1],
+        toStageId: evt.to?.className?.split(' ')[1],
+        item: resolveDraggedItem(evt),
+        rawEvent: evt,
+      }) ?? true
+    );
+  }
+
+  watch([() => props.refreshTimeStamp, () => props.viewId], () => {
+    refreshList();
+  });
+
+  onBeforeMount(() => {
+    loadStageStatistic();
+    loadStageData();
+  });
+
+  defineExpose<StageBoardListExpose>({
+    refreshList,
+    sortItem,
+  });
+</script>
+
+<style lang="less" scoped>
+  .crm-stage-board-item {
+    @apply flex cursor-move flex-col;
+
+    margin-bottom: 8px;
+    padding: 16px;
+    border-radius: var(--border-radius-small);
+    background-color: var(--text-n10);
+    gap: 8px;
+  }
+  .crm-stage-board-item-ghost {
+    @apply flex flex-col;
+
+    padding: 16px;
+    border: 1px solid var(--primary-8);
+    border-radius: var(--border-radius-small);
+    background-color: var(--primary-7);
+    gap: 8px;
+  }
+  :deep(.crm-stage-board-item-desc) {
+    @apply flex items-center;
+
+    gap: 16px;
+    .crm-stage-board-item-desc-label {
+      @apply overflow-hidden overflow-ellipsis whitespace-nowrap;
+
+      width: 60px;
+      color: var(--text-n4);
+      line-height: 24px;
+      word-break: keep-all;
+    }
+    .crm-stage-board-item-desc-value {
+      @apply flex-1 overflow-hidden;
+
+      color: var(--text-n1);
+    }
+  }
+  :deep(.crm-stage-board-item-desc--wide) {
+    .crm-stage-board-item-desc-label {
+      width: 72px;
+    }
+  }
+  :deep(.n-progress-icon--as-text) {
+    word-break: keep-all;
+  }
+  :deep(.n-spin-container) {
+    height: calc(100% - 48px);
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-stage-board/types.ts b/frontend/packages/web/src/components/business/crm-stage-board/types.ts
new file mode 100644
index 0000000..9341ef9
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-stage-board/types.ts
@@ -0,0 +1,60 @@
+import { FilterResult } from '@/components/pure/crm-advance-filter/type';
+
+export interface StageBoardStage {
+  id: string;
+  name: string;
+  type?: string;
+  rate?: string | number;
+  [key: string]: any;
+}
+
+export interface StageBoardLoadParams {
+  current: number;
+  pageSize: number;
+  stageId: string;
+  keyword?: string;
+  viewId?: string;
+  advanceFilter?: FilterResult;
+}
+
+export interface StageBoardLoadResult<T = any> {
+  list: T[];
+  total: number;
+  optionMap?: Record<string, any>;
+}
+
+export interface StageBoardStatistic {
+  amount?: number;
+  averageAmount?: number;
+  [key: string]: any;
+}
+
+export interface StageBoardMovePayload<T = any> {
+  item: T;
+  fromStageId?: string;
+  toStageId: string;
+  previousItem?: T;
+  nextItem?: T;
+  rawItem?: any;
+}
+
+export interface StageBoardMoveCheckPayload<T = any> {
+  fromStageId?: string;
+  toStageId: string;
+  item?: T;
+  rawEvent: any;
+}
+
+export interface StageBoardBlockedMovePayload<T = any> {
+  item: T;
+  fromStageId?: string;
+  toStageId: string;
+  rawItem: any;
+}
+
+export interface StageBoardListExpose {
+  refreshList: () => void;
+  sortItem: (item: any) => Promise<void>;
+}
+
+export type OpenDetailType = 'customer' | 'opportunity' | 'order' | 'contract';
diff --git a/frontend/packages/web/src/components/business/crm-status-config-drawer/config.ts b/frontend/packages/web/src/components/business/crm-status-config-drawer/config.ts
new file mode 100644
index 0000000..721c980
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-status-config-drawer/config.ts
@@ -0,0 +1,282 @@
+import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+import type { FormItemModel } from '@/components/business/crm-batch-form/types';
+
+import {
+  addContractStatus,
+  addOpportunityStage,
+  addOrderStatus,
+  deleteContractStatus,
+  deleteOpportunityStage,
+  deleteOrderStatus,
+  getContractStatusConfig,
+  getOpportunityStageConfig,
+  getOrderStatusConfig,
+  saveAdvanceConfig,
+  saveContractAdvanceConfig,
+  sortContractStatus,
+  sortOpportunityStage,
+  sortOrderStatus,
+  switchContractCirculationType,
+  switchOrderCirculationType,
+  updateContractStatus,
+  updateContractStatusRollback,
+  updateOpportunityStage,
+  updateOpportunityStageRollback,
+  updateOrderStatus,
+  updateOrderStatusRollback,
+} from '@/api/modules';
+
+import type { StatusApiConfig, StatusBizType, StatusRowItem, StatusStrategyConfig, StatusTextConfig } from './types';
+
+function pick<T extends Record<string, any>>(obj: T, keys: string[]) {
+  return keys.reduce((acc, key) => {
+    acc[key] = obj[key];
+    return acc;
+  }, {} as Record<string, any>);
+}
+
+function buildDefaultCreateParams(row: StatusRowItem, list: StatusRowItem[], index: number, keys: string[]) {
+  return {
+    ...pick(row, keys),
+    dropPosition: list[index - 1] ? 1 : -1,
+    targetId: list[index - 1]?.id || list[index + 1]?.id,
+  };
+}
+
+function buildDefaultUpdateParams(row: StatusRowItem, keys: string[]) {
+  return pick(row, keys);
+}
+
+export function useStatusTextConfig(): Record<StatusBizType, StatusTextConfig> {
+  const { t } = useI18n();
+
+  return {
+    [FormDesignKeyEnum.BUSINESS]: {
+      title: t('module.businessManage.businessStepSet'),
+      sectionTitle: t('module.businessManage.businessStepConfig'),
+      columnTitles: [t('opportunity.stage'), t('opportunity.win'), t('opportunity.stageType')],
+      rollbackTitle: t('module.businessManage.businessStepRollbackConfig'),
+      switches: [
+        {
+          key: 'runningStageRollback',
+          label: t('crmStatusConfigDrawer.runningStageRollback'),
+          tip: t('crmStatusConfigDrawer.runningStageRollbackTip', { name: t('module.businessManagement') }),
+        },
+        {
+          key: 'completedStageRollback',
+          label: t('crmStatusConfigDrawer.completedStageRollback'),
+          tip: t('crmStatusConfigDrawer.completedOptStageRollbackTip', { name: t('module.businessManagement') }),
+        },
+      ],
+      stageHasDataTip: t('module.businessManage.stageHasData'),
+    },
+    [FormDesignKeyEnum.ORDER]: {
+      title: t('module.order.stateFlowSet'),
+      sectionTitle: t('module.order.stateConfig'),
+      columnTitles: [t('module.order.state'), t('module.order.stateType')],
+      rollbackTitle: t('module.order.stateBackConfig'),
+      switches: [
+        {
+          key: 'runningStageRollback',
+          label: t('crmStatusConfigDrawer.runningStageRollback'),
+          tip: t('crmStatusConfigDrawer.runningStageRollbackTip', { name: t('module.order') }),
+        },
+        {
+          key: 'completedStageRollback',
+          label: t('crmStatusConfigDrawer.completedStageRollback'),
+          tip: t('crmStatusConfigDrawer.completedStageRollbackTip', { name: t('module.order') }),
+        },
+      ],
+      stageHasDataTip: t('module.order.stageHasData'),
+    },
+    [FormDesignKeyEnum.CONTRACT]: {
+      title: t('module.contract.stageSetting'),
+      sectionTitle: t('module.businessManage.businessStepConfig'),
+      columnTitles: [t('module.contract.stage'), t('opportunity.stageType')],
+      rollbackTitle: t('module.order.stateBackConfig'),
+      switches: [
+        {
+          key: 'runningStageRollback',
+          label: t('crmStatusConfigDrawer.runningStageRollback'),
+          tip: t('crmStatusConfigDrawer.runningStageRollbackTip', { name: t('module.contract') }),
+        },
+        {
+          key: 'completedStageRollback',
+          label: t('crmStatusConfigDrawer.completedStageRollback'),
+          tip: t('crmStatusConfigDrawer.completedStageRollbackTip', { name: t('module.contract') }),
+        },
+      ],
+      stageHasDataTip: t('module.contract.stageHasData'),
+    },
+  };
+}
+
+export function useStatusFormItemModelConfig(): Record<StatusBizType, FormItemModel[]> {
+  const { t } = useI18n();
+
+  return {
+    [FormDesignKeyEnum.BUSINESS]: [
+      {
+        path: 'name',
+        type: FieldTypeEnum.INPUT,
+        formItemClass: 'w-full flex-initial',
+        inputProps: { maxlength: 16 },
+        rule: [
+          { required: true, message: t('common.notNull', { value: t('opportunity.opportunityStage') }) },
+          { notRepeat: true, message: t('module.capacitySet.repeatMsg') },
+        ],
+      },
+      {
+        path: 'rate',
+        type: FieldTypeEnum.INPUT_NUMBER,
+        formItemClass: 'w-full flex-initial',
+        numberProps: {
+          min: 0,
+          max: 100,
+          precision: 0,
+          disabledFunction(row) {
+            return row.type === 'END';
+          },
+        },
+        rule: [{ required: true, message: t('common.notNull', { value: t('opportunity.stage') }) }],
+      },
+      {
+        path: 'type',
+        type: FieldTypeEnum.SELECT,
+        formItemClass: 'w-full flex-initial',
+        selectProps: {
+          disabledFunction: () => true,
+          disabledTooltipFunction: () => t('opportunity.stageTypeDisabledChange'),
+          options: [
+            { label: t('common.inProgress'), value: 'AFOOT' },
+            { label: t('common.complete'), value: 'END' },
+          ],
+        },
+      },
+    ],
+    [FormDesignKeyEnum.ORDER]: [
+      {
+        path: 'name',
+        type: FieldTypeEnum.INPUT,
+        formItemClass: 'w-full flex-initial',
+        inputProps: { maxlength: 16 },
+        rule: [
+          {
+            required: true,
+            message: t('common.notNull', { value: t('order.status') }),
+          },
+          { notRepeat: true, message: t('module.capacitySet.repeatMsg') },
+        ],
+      },
+      {
+        path: 'type',
+        type: FieldTypeEnum.SELECT,
+        formItemClass: 'w-full flex-initial',
+        selectProps: {
+          disabledFunction: () => true,
+          disabledTooltipFunction: () => t('opportunity.stageTypeDisabledChange'),
+          options: [
+            { label: t('common.inProgress'), value: 'AFOOT' },
+            { label: t('common.complete'), value: 'END' },
+          ],
+        },
+      },
+    ],
+    [FormDesignKeyEnum.CONTRACT]: [
+      {
+        path: 'name',
+        type: FieldTypeEnum.INPUT,
+        formItemClass: 'w-full flex-initial',
+        inputProps: { maxlength: 16 },
+        rule: [
+          {
+            required: true,
+            message: t('common.notNull', { value: t('module.contract.stage') }),
+          },
+          { notRepeat: true, message: t('module.capacitySet.repeatMsg') },
+        ],
+      },
+      {
+        path: 'type',
+        type: FieldTypeEnum.SELECT,
+        formItemClass: 'w-full flex-initial',
+        selectProps: {
+          disabledFunction: () => true,
+          disabledTooltipFunction: () => t('opportunity.stageTypeDisabledChange'),
+          options: [
+            { label: t('common.inProgress'), value: 'AFOOT' },
+            { label: t('common.complete'), value: 'END' },
+          ],
+        },
+      },
+    ],
+  };
+}
+
+export function useStatusApiConfig(): Record<StatusBizType, StatusApiConfig> {
+  return {
+    [FormDesignKeyEnum.BUSINESS]: {
+      load: getOpportunityStageConfig,
+      create: addOpportunityStage,
+      update: updateOpportunityStage,
+      remove: deleteOpportunityStage,
+      sort: sortOpportunityStage,
+      rollback: updateOpportunityStageRollback,
+    },
+    [FormDesignKeyEnum.ORDER]: {
+      load: getOrderStatusConfig,
+      create: addOrderStatus,
+      update: updateOrderStatus,
+      remove: deleteOrderStatus,
+      sort: sortOrderStatus,
+      rollback: updateOrderStatusRollback,
+    },
+    [FormDesignKeyEnum.CONTRACT]: {
+      load: getContractStatusConfig,
+      create: addContractStatus,
+      update: updateContractStatus,
+      remove: deleteContractStatus,
+      sort: sortContractStatus,
+      rollback: updateContractStatusRollback,
+    },
+  };
+}
+
+export function useStatusStrategyConfig(): Record<StatusBizType, StatusStrategyConfig> {
+  const formItemModelMap = useStatusFormItemModelConfig();
+
+  return {
+    [FormDesignKeyEnum.BUSINESS]: {
+      formItemModel: formItemModelMap[FormDesignKeyEnum.BUSINESS],
+      buildCreateParams: (row, { list, index }) => buildDefaultCreateParams(row, list, index, ['name', 'rate', 'type']),
+      buildUpdateParams: (row) => buildDefaultUpdateParams(row, ['id', 'name', 'rate']),
+      normalizeItem: (item) => ({
+        rate: Number(item.rate),
+      }),
+    },
+    [FormDesignKeyEnum.ORDER]: {
+      formItemModel: formItemModelMap[FormDesignKeyEnum.ORDER],
+      buildCreateParams: (row, { list, index }) => buildDefaultCreateParams(row, list, index, ['name', 'type']),
+      buildUpdateParams: (row) => buildDefaultUpdateParams(row, ['id', 'name']),
+    },
+    [FormDesignKeyEnum.CONTRACT]: {
+      formItemModel: formItemModelMap[FormDesignKeyEnum.CONTRACT],
+      buildCreateParams: (row, { list, index }) => buildDefaultCreateParams(row, list, index, ['name', 'type']),
+      buildUpdateParams: (row) => buildDefaultUpdateParams(row, ['id', 'name']),
+    },
+  };
+}
+
+export const flowApiMap = {
+  [FormDesignKeyEnum.BUSINESS]: { switch: () => ({}), save: () => ({}) },
+  [FormDesignKeyEnum.ORDER]: {
+    switch: switchOrderCirculationType,
+    save: saveAdvanceConfig,
+  },
+  [FormDesignKeyEnum.CONTRACT]: {
+    switch: switchContractCirculationType,
+    save: saveContractAdvanceConfig,
+  },
+};
diff --git a/frontend/packages/web/src/components/business/crm-status-config-drawer/index.vue b/frontend/packages/web/src/components/business/crm-status-config-drawer/index.vue
new file mode 100644
index 0000000..7cb7355
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-status-config-drawer/index.vue
@@ -0,0 +1,778 @@
+<template>
+  <CrmDrawer
+    v-model:show="show"
+    :width="1000"
+    :footer="false"
+    :title="textConfig.title"
+    body-content-class="bg-[var(--text-n9)]"
+    :loading="drawerLoading"
+  >
+    <div class="h-full">
+      <n-tabs v-model:value="tabName" type="line" size="medium">
+        <n-tab-pane name="statusConfig" :tab="textConfig.sectionTitle">
+          <div class="bg-[var(--text-n10)] p-[24px]">
+            <div class="mb-[16px] text-[16px] font-semibold">{{ t('crmStatusConfigDrawer.configCondition') }}</div>
+            <div class="bg-[var(--text-n9)] p-[16px]">
+              <div class="flex items-center gap-[8px]">
+                <div class="w-[12px]"></div>
+                <div v-for="(ele, index) of textConfig.columnTitles" :key="`ele-${index}`" class="w-full flex-1">
+                  {{ ele }}
+                </div>
+                <div class="w-[68px]"></div>
+              </div>
+
+              <CrmBatchForm
+                ref="batchFormRef"
+                :models="formItemModel"
+                :default-list="form.list"
+                validate-when-add
+                draggable
+                class="!p-0"
+                :move="handleMove"
+                @save-row="handleSave"
+                @drag="dragEnd"
+                @cancel-row="handleCancelRow"
+              >
+                <template #extra="{ element }">
+                  <CrmMoreAction
+                    :options="getDropdownOptions(element)"
+                    placement="bottom"
+                    @select="handleActionSelect($event, element)"
+                  >
+                    <n-button ghost class="px-[7px]">
+                      <template #icon>
+                        <CrmIcon type="iconicon_ellipsis" :size="16" />
+                      </template>
+                    </n-button>
+                  </CrmMoreAction>
+
+                  <div v-if="getDropdownOptions(element).length === 0" class="w-[32px]"></div>
+                </template>
+              </CrmBatchForm>
+            </div>
+          </div>
+          <div v-if="props.type === FormDesignKeyEnum.BUSINESS" class="bg-[var(--text-n10)] p-[24px]">
+            <div class="mb-[16px] mt-[24px]">
+              {{ textConfig.rollbackTitle }}
+            </div>
+            <div
+              v-for="item in textConfig.switches"
+              :key="item.key"
+              :class="[item.key === 'completedStageRollback' ? 'mt-[16px]' : '', 'flex items-center gap-[8px]']"
+            >
+              <n-switch v-model:value="form[item.key]" @update-value="handleSwitchChange" />
+              {{ item.label }}
+              <n-tooltip trigger="hover" placement="right">
+                <template #trigger>
+                  <CrmIcon
+                    type="iconicon_help_circle"
+                    :size="16"
+                    class="cursor-pointer text-[var(--text-n4)] hover:text-[var(--primary-1)]"
+                  />
+                </template>
+                {{ item.tip }}
+              </n-tooltip>
+            </div>
+          </div>
+        </n-tab-pane>
+        <n-tab-pane
+          v-if="props.type !== FormDesignKeyEnum.BUSINESS"
+          name="flowConfiguration"
+          :tab="t('crmStatusConfigDrawer.flowConfiguration')"
+        >
+          <div class="bg-[var(--text-n10)] p-[24px]">
+            <div class="flex items-center justify-between">
+              <n-tabs
+                v-model:value="flowConfigurationType"
+                type="segment"
+                pane-class="hidden"
+                tab-class="h-[28px]"
+                @before-leave="handleFlowConfigurationTypeBeforeChange"
+              >
+                <n-tab-pane :name="CirculationTypeEnum.NORMAL" :tab="t('crmStatusConfigDrawer.basicFlow')">
+                </n-tab-pane>
+                <n-tab-pane :name="CirculationTypeEnum.ADVANCED" :tab="t('crmStatusConfigDrawer.advanceFlow')">
+                </n-tab-pane>
+              </n-tabs>
+              <div v-if="flowConfigurationType === CirculationTypeEnum.ADVANCED" class="flex items-center gap-[8px]">
+                <n-button secondary @click="handleCancelFlowConfiguration">{{ t('common.cancel') }}</n-button>
+                <n-button type="primary" @click="handleConfirmFlowConfiguration">{{ t('common.save') }}</n-button>
+              </div>
+            </div>
+            <template v-if="flowConfigurationType === CirculationTypeEnum.NORMAL">
+              <div class="mb-[16px] mt-[24px]">
+                {{ textConfig.rollbackTitle }}
+              </div>
+              <div
+                v-for="item in textConfig.switches"
+                :key="item.key"
+                :class="[item.key === 'completedStageRollback' ? 'mt-[16px]' : '', 'flex items-center gap-[8px]']"
+              >
+                <n-switch v-model:value="form[item.key]" @update-value="handleSwitchChange" />
+                {{ item.label }}
+                <n-tooltip trigger="hover" placement="right">
+                  <template #trigger>
+                    <CrmIcon
+                      type="iconicon_help_circle"
+                      :size="16"
+                      class="cursor-pointer text-[var(--text-n4)] hover:text-[var(--primary-1)]"
+                    />
+                  </template>
+                  {{ item.tip }}
+                </n-tooltip>
+              </div>
+            </template>
+            <template v-else>
+              <n-data-table
+                :columns="columns"
+                :data="form.advancedConfigs"
+                :paging="false"
+                :loading="loading"
+                :single-line="false"
+                class="mt-[16px]"
+              >
+              </n-data-table>
+            </template>
+          </div>
+        </n-tab-pane>
+      </n-tabs>
+    </div>
+  </CrmDrawer>
+  <CrmModal v-model:show="flowSettingVisible" @cancel="handleCancel" @confirm="handleConfirm">
+    <template #title>
+      <div class="flex items-center gap-[8px]">
+        {{ t('crmStatusConfigDrawer.flowSetting') }}
+        <div class="text-[var(--text-n4)]">
+          {{ t('crmStatusConfigDrawer.flowPath', { f: activeRow?.name, t: activeCol?.name }) }}
+        </div>
+      </div>
+    </template>
+    <div class="mb-[16px]">{{ t('crmStatusConfigDrawer.flowSettingCondition') }}</div>
+    <div class="flex w-full rounded-[var(--border-radius-small)] bg-[var(--text-n9)] p-[16px]">
+      <div class="min-w-0 flex-1">
+        <n-form ref="formRef" :model="activeRow">
+          <div
+            v-for="(item, listIndex) in tempCirculationFieldValues"
+            :key="item.fieldId"
+            class="flex items-start gap-[8px]"
+          >
+            <n-form-item
+              :label="listIndex === 0 ? t('crmStatusConfigDrawer.field') : ''"
+              :path="`conditions[${listIndex}].fieldId`"
+              :rule="[{ required: true, message: t('common.notNull', { value: t('crmStatusConfigDrawer.field') }) }]"
+              class="fieldId-col block flex-1 overflow-hidden"
+            >
+              <n-select
+                v-model:value="item.fieldId"
+                filterable
+                :placeholder="t('common.pleaseSelect')"
+                :options="fieldOptions"
+                :fallback-option="() => fallbackOption(item.fieldId)"
+                :loading="fieldLoading"
+                @update-value="() => leftFieldChange(item)"
+              />
+            </n-form-item>
+            <n-form-item
+              :label="listIndex === 0 ? t('crmStatusConfigDrawer.defaultValueType') : ''"
+              :path="`conditions[${listIndex}].valueType`"
+              class="block w-[105px]"
+            >
+              <n-select
+                v-model:value="item.valueType"
+                :options="[
+                  {
+                    label: t('crmStatusConfigDrawer.fieldValue'),
+                    value: CirculationValueTypeEnum.FIELD_VALUE,
+                  },
+                  {
+                    label: t('crmStatusConfigDrawer.fixedValue'),
+                    value: CirculationValueTypeEnum.FIXED_VALUE,
+                  },
+                ]"
+                :disabled="!item.fieldId"
+              />
+            </n-form-item>
+            <n-form-item
+              :label="listIndex === 0 ? t('crmFormDesign.defaultValue') : ''"
+              :path="`conditions[${listIndex}].fieldValue`"
+              class="block flex-[1.5] overflow-hidden"
+              :rule="
+                item.valueType === CirculationValueTypeEnum.FIELD_VALUE
+                  ? []
+                  : [{ required: true, message: t('common.notNull', { value: t('common.defaultValue') }) }]
+              "
+            >
+              <template v-if="item.fieldProps">
+                <n-date-picker
+                  v-if="[FieldTypeEnum.TIME_RANGE_PICKER, FieldTypeEnum.DATE_TIME].includes(item.fieldProps.type)"
+                  v-model:value="item.fieldValue"
+                  type="datetime"
+                  clearable
+                  :disabled="item.valueType === CirculationValueTypeEnum.FIELD_VALUE"
+                  class="w-full"
+                  :default-time="undefined"
+                />
+                <CrmInputNumber
+                  v-else-if="[FieldTypeEnum.INPUT_NUMBER, FieldTypeEnum.FORMULA].includes(item.fieldProps.type)"
+                  v-model:value="item.fieldValue"
+                  clearable
+                  :disabled="item.valueType === CirculationValueTypeEnum.FIELD_VALUE"
+                  :placeholder="t('common.pleaseInput')"
+                  class="w-full"
+                />
+                <CrmTagInput
+                  v-else-if="item.fieldProps.type === FieldTypeEnum.INPUT_MULTIPLE"
+                  v-model:value="item.fieldValue"
+                  clearable
+                  :disabled="item.valueType === CirculationValueTypeEnum.FIELD_VALUE"
+                  class="w-full"
+                />
+                <CrmDataSource
+                  v-else-if="
+                    [FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.DATA_SOURCE_MULTIPLE].includes(item.fieldProps.type) &&
+                    item.fieldProps.dataSourceType
+                  "
+                  v-model:value="item.fieldValue"
+                  v-model:rows="item.fieldProps.initialOptions"
+                  :disabled="item.valueType === CirculationValueTypeEnum.FIELD_VALUE"
+                  :data-source-type="item.fieldProps.dataSourceType"
+                />
+                <n-select
+                  v-else-if="
+                    [
+                      FieldTypeEnum.SELECT,
+                      FieldTypeEnum.SELECT_MULTIPLE,
+                      FieldTypeEnum.RADIO,
+                      FieldTypeEnum.CHECKBOX,
+                    ].includes(item.fieldProps.type)
+                  "
+                  v-model:value="item.fieldValue"
+                  clearable
+                  max-tag-count="responsive"
+                  :disabled="item.valueType === CirculationValueTypeEnum.FIELD_VALUE"
+                  :placeholder="t('common.pleaseSelect')"
+                  :multiple="item.fieldProps.type === FieldTypeEnum.SELECT_MULTIPLE"
+                />
+                <CrmCitySelect
+                  v-else-if="item.fieldProps.type === FieldTypeEnum.LOCATION"
+                  v-model:value="item.fieldValue"
+                  :placeholder="t('common.pleaseInput')"
+                  :disabled="item.valueType === CirculationValueTypeEnum.FIELD_VALUE"
+                  clearable
+                  multiple
+                  check-strategy="parent"
+                />
+                <CrmIndustrySelect
+                  v-else-if="item.fieldProps.type === FieldTypeEnum.INDUSTRY"
+                  v-model:value="item.fieldValue"
+                  :placeholder="t('common.pleaseInput')"
+                  :disabled="item.valueType === CirculationValueTypeEnum.FIELD_VALUE"
+                  clearable
+                  multiple
+                  check-strategy="parent"
+                />
+                <CrmUserTagSelector
+                  v-else-if="
+                    [
+                      FieldTypeEnum.DEPARTMENT,
+                      FieldTypeEnum.DEPARTMENT_MULTIPLE,
+                      FieldTypeEnum.MEMBER,
+                      FieldTypeEnum.MEMBER_MULTIPLE,
+                    ].includes(item.fieldProps.type)
+                  "
+                  v-model:value="item.fieldValue"
+                  multiple
+                  :disabled="item.valueType === CirculationValueTypeEnum.FIELD_VALUE"
+                  :drawer-title="t('crmFormDesign.selectDataSource')"
+                  :api-type-key="MemberApiTypeEnum.FORM_FIELD"
+                  :member-types="
+                    [FieldTypeEnum.MEMBER, FieldTypeEnum.MEMBER_MULTIPLE].includes(item.fieldProps.type)
+                      ? [
+                          {
+                            label: t('menu.settings.org'),
+                            value: MemberSelectTypeEnum.ORG,
+                          },
+                        ]
+                      : [
+                          {
+                            label: t('menu.settings.org'),
+                            value: MemberSelectTypeEnum.ONLY_ORG,
+                          },
+                        ]
+                  "
+                  :disabled-node-types="
+                    [FieldTypeEnum.MEMBER, FieldTypeEnum.MEMBER_MULTIPLE].includes(item.fieldProps.type)
+                      ? [DeptNodeTypeEnum.ORG, DeptNodeTypeEnum.ROLE]
+                      : [DeptNodeTypeEnum.USER, DeptNodeTypeEnum.ROLE]
+                  "
+                />
+                <n-input
+                  v-else
+                  v-model:value="item.fieldValue"
+                  allow-clear
+                  :disabled="item.valueType === CirculationValueTypeEnum.FIELD_VALUE"
+                  :maxlength="255"
+                  :placeholder="t('common.pleaseInput')"
+                />
+              </template>
+              <n-input
+                v-else
+                v-model:value="item.fieldValue"
+                allow-clear
+                :disabled="item.valueType === CirculationValueTypeEnum.FIELD_VALUE"
+                :maxlength="255"
+                :placeholder="t('common.pleaseInput')"
+              />
+            </n-form-item>
+            <n-form-item
+              :label="listIndex === 0 ? t('common.required') : ''"
+              :path="`conditions[${listIndex}].required`"
+            >
+              <n-checkbox v-model:checked="item.required" />
+            </n-form-item>
+            <n-button ghost class="self-center px-[8px]" @click="handleDeleteItem(listIndex)">
+              <template #icon>
+                <CrmIcon type="iconicon_minus_circle1" :size="16" />
+              </template>
+            </n-button>
+          </div>
+        </n-form>
+        <n-button type="primary" text class="w-[fit-content]" @click="handleAddItem">
+          <template #icon>
+            <n-icon><Add /></n-icon>
+          </template>
+          {{ t('crmStatusConfigDrawer.addField') }}
+        </n-button>
+      </div>
+    </div>
+  </CrmModal>
+</template>
+
+<script setup lang="ts">
+  import {
+    FormInst,
+    NButton,
+    NCheckbox,
+    NDataTable,
+    NDatePicker,
+    NForm,
+    NFormItem,
+    NIcon,
+    NInput,
+    NSelect,
+    NSwitch,
+    NTabPane,
+    NTabs,
+    NTooltip,
+    useMessage,
+  } from 'naive-ui';
+  import { Add } from '@vicons/ionicons5';
+  import { cloneDeep } from 'lodash-es';
+
+  import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { MemberApiTypeEnum, MemberSelectTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { CirculationTypeEnum, CirculationValueTypeEnum } from '@lib/shared/enums/opportunityEnum';
+  import { DeptNodeTypeEnum } from '@lib/shared/enums/systemEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { scrollIntoView } from '@lib/shared/method/dom';
+  import type { CirculationFieldValueItem, CirculationSetting } from '@lib/shared/models/opportunity';
+
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmIndustrySelect from '@/components/pure/crm-industry-select/index.vue';
+  import CrmInputNumber from '@/components/pure/crm-input-number/index.vue';
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+  import CrmMoreAction from '@/components/pure/crm-more-action/index.vue';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import CrmTagInput from '@/components/pure/crm-tag-input/index.vue';
+  import CrmBatchForm from '@/components/business/crm-batch-form/index.vue';
+  import CrmCitySelect from '@/components/business/crm-city-select/index.vue';
+  import CrmDataSource from '@/components/business/crm-data-source-select/index.vue';
+  import CrmUserTagSelector from '@/components/business/crm-user-tag-selector/index.vue';
+
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+  import useModal from '@/hooks/useModal';
+
+  import { flowApiMap } from './config';
+  import type { StatusBizType, StatusRowItem } from './types';
+  import useStageConfig from './useStageConfig';
+  import type { TableColumn } from 'naive-ui/es/data-table/src/interface';
+
+  const props = defineProps<{
+    type: StatusBizType;
+  }>();
+
+  const { t } = useI18n();
+  const Message = useMessage();
+  const { openModal } = useModal();
+
+  const show = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const batchFormRef = ref<InstanceType<typeof CrmBatchForm>>();
+
+  const {
+    textConfig,
+    formItemModel,
+    form,
+    init,
+    handleSave,
+    handleCancelRow,
+    handleSwitchChange,
+    handleMoreSelect,
+    dragEnd,
+    handleMove,
+    getDropdownOptions,
+  } = useStageConfig(computed(() => props.type));
+
+  const { fieldList, initFormConfig } = useFormCreateApi({
+    formKey: computed(() => props.type),
+  });
+
+  async function handleActionSelect(action: ActionsItem, element: StatusRowItem) {
+    await handleMoreSelect(action, element, batchFormRef.value);
+  }
+
+  const tabName = ref('statusConfig');
+  const drawerLoading = ref(false);
+  const flowConfigurationType = ref<CirculationTypeEnum>(CirculationTypeEnum.NORMAL);
+
+  watch(
+    () => show.value,
+    async (val) => {
+      if (val) {
+        drawerLoading.value = true;
+        await init();
+        drawerLoading.value = false;
+        flowConfigurationType.value = form.value.circulationType;
+        if (!form.value.advancedConfigs?.length) {
+          form.value.advancedConfigs = form.value.list.map((e) => ({
+            ...e,
+            originId: e.id!,
+            targets: [
+              {
+                targetId: e.id!,
+                circulationFieldValues: [],
+                enable: true,
+              },
+            ],
+            moduleType: '',
+          }));
+        } else {
+          form.value.advancedConfigs = form.value.advancedConfigs.map((e) => {
+            const stage = form.value.list.find((s) => s.id === e.originId);
+            return {
+              ...e,
+              name: stage?.name,
+              type: stage?.type,
+            };
+          });
+        }
+      } else {
+        tabName.value = 'statusConfig';
+      }
+    }
+  );
+
+  const loading = ref(false);
+
+  function getStatusColor(status: 'AFOOT' | 'END' | string, index: number) {
+    if (status === 'AFOOT' && index === 0) {
+      return 'default';
+    }
+    if (status === 'AFOOT') {
+      return 'info';
+    }
+    return 'success';
+  }
+
+  function handleCancelFlowConfiguration() {
+    show.value = false;
+  }
+
+  async function handleConfirmFlowConfiguration() {
+    try {
+      drawerLoading.value = true;
+      await flowApiMap[props.type].save({
+        circulationType: flowConfigurationType.value,
+        circulationSettings: form.value.advancedConfigs.map((e) => ({
+          ...e,
+          targets: e.targets.map((target) => ({
+            targetId: target.targetId,
+            enable: target.enable,
+            circulationFieldValues: target.circulationFieldValues.map((tc) => ({
+              fieldId: tc.fieldId,
+              fieldValue: tc.fieldValue,
+              required: tc.required,
+              valueType: tc.valueType,
+            })),
+          })),
+        })),
+      });
+      Message.success(t('common.saveSuccess'));
+      show.value = false;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      drawerLoading.value = false;
+    }
+  }
+
+  async function handleFlowTypeChange(val: any) {
+    try {
+      await flowApiMap[props.type].switch(val);
+      flowConfigurationType.value = val;
+      Message.success(t('common.operationSuccess'));
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  function handleFlowConfigurationTypeBeforeChange(val: any) {
+    openModal({
+      title: t('common.tip'),
+      type: 'warning',
+      content: t('crmStatusConfigDrawer.typeChangeTip'),
+      negativeText: t('common.cancel'),
+      positiveText: t('common.confirm'),
+      onPositiveClick: async () => {
+        handleFlowTypeChange(val);
+      },
+    });
+    return false;
+  }
+
+  const flowSettingVisible = ref(false);
+  const activeRow = ref<CirculationSetting & StatusRowItem>();
+  const activeCol = ref<StatusRowItem>();
+  const fieldLoading = ref(false);
+  const tempCirculationFieldValues = ref<CirculationFieldValueItem[]>([]);
+
+  async function openFlowSetting(row: CirculationSetting & StatusRowItem, col: StatusRowItem) {
+    try {
+      fieldLoading.value = true;
+      activeRow.value = row;
+      activeCol.value = col;
+      flowSettingVisible.value = true;
+      await initFormConfig();
+      // 初始化未初始化过的字段属性
+      const currentFlow = row.targets.find((e) => e.targetId === col.id);
+      if (currentFlow && currentFlow.circulationFieldValues.some((e) => e.fieldProps === undefined)) {
+        currentFlow.circulationFieldValues = currentFlow.circulationFieldValues.map((v) => ({
+          ...v,
+          fieldProps: fieldList.value.find((f) => f.id === v.fieldId),
+        }));
+        tempCirculationFieldValues.value = cloneDeep(currentFlow.circulationFieldValues);
+      } else {
+        tempCirculationFieldValues.value = currentFlow?.circulationFieldValues || [];
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      fieldLoading.value = false;
+    }
+  }
+
+  function handleCancel() {
+    flowSettingVisible.value = false;
+  }
+
+  function handleConfirm() {
+    const currentFlow = activeRow.value?.targets.find((e) => e.targetId === activeCol.value?.id);
+    if (currentFlow) {
+      currentFlow.circulationFieldValues = cloneDeep(tempCirculationFieldValues.value);
+    }
+    flowSettingVisible.value = false;
+  }
+
+  const columns = computed<TableColumn<CirculationSetting & StatusRowItem>[]>(() => {
+    const cols: TableColumn<CirculationSetting & StatusRowItem>[] = [
+      {
+        key: 'staticTitle',
+        title: () =>
+          h(
+            'div',
+            { class: 'w-[120px] relative h-[46px]' },
+            {
+              default: () => [
+                h(
+                  'div',
+                  { class: 'startStatus font-normal' },
+                  { default: () => t('crmStatusConfigDrawer.sourceStatus') }
+                ),
+                h('div', { class: 'line' }),
+                h(
+                  'div',
+                  { class: 'endStatus font-normal' },
+                  { default: () => t('crmStatusConfigDrawer.targetStatus') }
+                ),
+              ],
+            }
+          ),
+        width: 120,
+        render: (row, rowIndex) =>
+          h(
+            CrmTag,
+            { theme: 'light', type: getStatusColor(row.type as string, rowIndex), size: 'large' },
+            { default: () => row.name }
+          ),
+      },
+    ];
+    form.value.list.forEach((e, i) => {
+      cols.push({
+        key: e.id!,
+        title: () =>
+          h(
+            CrmTag,
+            { theme: 'light', type: getStatusColor(e.type, i), size: 'large', class: 'font-normal' },
+            { default: () => e.name }
+          ),
+        width: 120,
+        render: (row, rowIndex) =>
+          h(
+            'div',
+            { class: 'crm-status-cell' },
+            {
+              default: () => [
+                h(NCheckbox, {
+                  defaultChecked: rowIndex === i || row.targets.find((r) => r.targetId === e.id)?.enable,
+                  disabled: rowIndex === i,
+                  onUpdateChecked: (val) => {
+                    const currentCell = row.targets.find((r) => r.targetId === e.id);
+                    if (currentCell) {
+                      currentCell.enable = val;
+                    } else {
+                      row.targets.push({
+                        targetId: e.id!,
+                        enable: true,
+                        circulationFieldValues: [],
+                      });
+                    }
+                  },
+                }),
+                rowIndex === i
+                  ? undefined
+                  : h(CrmIcon, {
+                      type: 'iconicon_set_up',
+                      class: row.targets.findIndex((r) => r.targetId === e.id) !== -1 ? 'setting-icon' : 'hidden',
+                      onClick: () => openFlowSetting(row, e),
+                    }),
+              ],
+            }
+          ),
+      });
+    });
+    return cols;
+  });
+
+  const fieldOptions = computed(() =>
+    fieldList.value
+      .filter(
+        (e) =>
+          ![
+            FieldTypeEnum.DIVIDER,
+            FieldTypeEnum.SERIAL_NUMBER,
+            FieldTypeEnum.SUB_PRICE,
+            FieldTypeEnum.SUB_PRODUCT,
+          ].includes(e.type) &&
+          !e.resourceFieldId &&
+          e.editable
+      )
+      .map((e) => ({
+        label: e.name,
+        value: e.id,
+      }))
+  );
+  function fallbackOption(val?: string | number) {
+    return {
+      label: t('common.optionNotExist'),
+      value: val,
+    };
+  }
+
+  function leftFieldChange(item: CirculationFieldValueItem) {
+    nextTick(() => {
+      const field = fieldList.value.find((e) => e.id === item.fieldId);
+      item.valueType = CirculationValueTypeEnum.FIELD_VALUE;
+      item.required = false;
+      item.fieldValue = field?.defaultValue;
+      item.fieldProps = field;
+    });
+  }
+
+  const formRef = ref<FormInst | null>(null);
+  function validateForm(cb: (res?: Record<string, any>) => void) {
+    formRef.value?.validate(async (errors) => {
+      if (errors) {
+        scrollIntoView(document.querySelector('.n-form-item-blank--error'), { block: 'center' });
+        return;
+      }
+      if (typeof cb === 'function') {
+        cb();
+      }
+    });
+  }
+
+  function handleDeleteItem(index: number) {
+    tempCirculationFieldValues.value.splice(index, 1);
+  }
+
+  function handleAddItem() {
+    validateForm(() => {
+      const item: CirculationFieldValueItem = {
+        fieldId: undefined,
+        fieldProps: undefined,
+        fieldValue: '',
+        valueType: CirculationValueTypeEnum.FIELD_VALUE,
+        required: false,
+      };
+      tempCirculationFieldValues.value.push(item);
+    });
+  }
+</script>
+
+<style lang="less" scoped>
+  :deep(.v-x-scroll) {
+    padding: 0 16px;
+    background-color: var(--text-n10);
+  }
+  :deep(.startStatus) {
+    position: absolute;
+    bottom: 0;
+    left: -6px;
+  }
+  :deep(.endStatus) {
+    position: absolute;
+    top: 0;
+    right: 0;
+  }
+  :deep(.line) {
+    position: absolute;
+    top: 22px;
+    left: -22px;
+    width: 130%;
+    height: 1px;
+    background: var(--text-n8);
+    transform: rotateZ(17deg);
+  }
+  :deep(.crm-status-cell) {
+    @apply flex items-center;
+
+    gap: 8px;
+    &:hover {
+      .setting-icon {
+        visibility: visible;
+      }
+    }
+    .setting-icon {
+      color: var(--text-n4);
+      cursor: pointer;
+      visibility: hidden;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-status-config-drawer/locale/en-US.ts b/frontend/packages/web/src/components/business/crm-status-config-drawer/locale/en-US.ts
new file mode 100644
index 0000000..dc5e485
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-status-config-drawer/locale/en-US.ts
@@ -0,0 +1,27 @@
+export default {
+  'crmStatusConfigDrawer.runningStageRollback': 'Ongoing stage rollback',
+  'crmStatusConfigDrawer.runningStageRollbackTip':
+    'Ongoing {name} can be advanced in both directions and across stages',
+  'crmStatusConfigDrawer.completedStageRollback': 'Completed stage rollback',
+  'crmStatusConfigDrawer.completedOptStageRollbackTip':
+    'Completed {name} can be rolled back to any stage (does not conflict with "anti-signing" permissions)',
+  'crmStatusConfigDrawer.completedStageRollbackTip': 'Completed {name} can be rolled back to any stage',
+  'crmStatusConfigDrawer.flowConfiguration': 'Flow configuration',
+  'crmStatusConfigDrawer.configCondition': 'Config condition',
+  'crmStatusConfigDrawer.basicFlow': 'Basic circulation',
+  'crmStatusConfigDrawer.advanceFlow': 'Advanced circulation',
+  'crmStatusConfigDrawer.sourceStatus': 'Source status',
+  'crmStatusConfigDrawer.targetStatus': 'Target status',
+  'crmStatusConfigDrawer.flowSetting': 'Flow setting',
+  'crmStatusConfigDrawer.flowPath': '(Path:【{f}】→【{t}】)',
+  'crmStatusConfigDrawer.flowSettingCondition': 'Flow setting condition',
+  'crmStatusConfigDrawer.defaultValueType': 'Default value type',
+  'crmStatusConfigDrawer.fixedValue': 'Fixed value',
+  'crmStatusConfigDrawer.fieldValue': 'Field value',
+  'crmStatusConfigDrawer.addField': 'Add field',
+  'crmStatusConfigDrawer.field': 'Field',
+  'crmStatusConfigDrawer.typeChangeTip':
+    'After switching modes, the current mode configuration will be lost, and the new mode will become the effective rule. Do you confirm the switch?',
+  'crmStatusConfigDrawer.flowDisabledTip':
+    '"{f}" is not allowed to be routed to "{t}". Please contact the administrator for route configuration.',
+};
diff --git a/frontend/packages/web/src/components/business/crm-status-config-drawer/locale/zh-CN.ts b/frontend/packages/web/src/components/business/crm-status-config-drawer/locale/zh-CN.ts
new file mode 100644
index 0000000..8f8dcb4
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-status-config-drawer/locale/zh-CN.ts
@@ -0,0 +1,23 @@
+export default {
+  'crmStatusConfigDrawer.runningStageRollback': '进行中阶段回退',
+  'crmStatusConfigDrawer.runningStageRollbackTip': '可以双向、跨阶段推进进行中的{name}',
+  'crmStatusConfigDrawer.completedStageRollback': '完结阶段回退',
+  'crmStatusConfigDrawer.completedOptStageRollbackTip': '可以将完结阶段的{name}回退至任意阶段（和“反签”权限不冲突）',
+  'crmStatusConfigDrawer.completedStageRollbackTip': '可以将完结阶段的{name}回退至任意阶段',
+  'crmStatusConfigDrawer.flowConfiguration': '流转配置',
+  'crmStatusConfigDrawer.configCondition': '配置条件',
+  'crmStatusConfigDrawer.basicFlow': '基础流转',
+  'crmStatusConfigDrawer.advanceFlow': '高级流转',
+  'crmStatusConfigDrawer.sourceStatus': '源状态',
+  'crmStatusConfigDrawer.targetStatus': '目标状态',
+  'crmStatusConfigDrawer.flowSetting': '流转设置',
+  'crmStatusConfigDrawer.flowPath': '（流转路径：【{f}】→【{t}】）',
+  'crmStatusConfigDrawer.flowSettingCondition': '配置条件',
+  'crmStatusConfigDrawer.defaultValueType': '默认值类型',
+  'crmStatusConfigDrawer.fixedValue': '固定值',
+  'crmStatusConfigDrawer.fieldValue': '字段值',
+  'crmStatusConfigDrawer.addField': '添加字段',
+  'crmStatusConfigDrawer.field': '字段',
+  'crmStatusConfigDrawer.typeChangeTip': '切换模式后，当前模式配置将丢失，切换后的模式将成为生效规则，是否确认切换？',
+  'crmStatusConfigDrawer.flowDisabledTip': '「{f}」不允许流转至「{t}」，请联系管理员进行流转配置',
+};
diff --git a/frontend/packages/web/src/components/business/crm-status-config-drawer/types.ts b/frontend/packages/web/src/components/business/crm-status-config-drawer/types.ts
new file mode 100644
index 0000000..d02e151
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-status-config-drawer/types.ts
@@ -0,0 +1,79 @@
+import type { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+import type { CirculationTypeEnum } from '@lib/shared/enums/opportunityEnum';
+import type { CirculationSetting, OpportunityStageConfig } from '@lib/shared/models/opportunity';
+
+import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+import type { FormItemModel } from '@/components/business/crm-batch-form/types';
+
+import type { Ref } from 'vue';
+
+export type StatusBizType = FormDesignKeyEnum.BUSINESS | FormDesignKeyEnum.ORDER | FormDesignKeyEnum.CONTRACT;
+
+export interface StatusRowItem {
+  id?: string;
+  _key: string;
+  name: string;
+  type: 'AFOOT' | 'END' | string;
+  editing?: boolean;
+  draggable?: boolean;
+  stageHasData?: boolean;
+  [key: string]: any;
+}
+
+export interface StatusFormModel {
+  runningStageRollback: boolean;
+  completedStageRollback: boolean;
+  list: StatusRowItem[];
+  circulationType: CirculationTypeEnum;
+  advancedConfigs: CirculationSetting[];
+}
+
+export interface StatusSwitchConfigItem {
+  key: 'runningStageRollback' | 'completedStageRollback';
+  label: string;
+  tip: string;
+}
+
+export interface StatusTextConfig {
+  title: string;
+  sectionTitle: string;
+  columnTitles: string[];
+  rollbackTitle: string;
+  switches: StatusSwitchConfigItem[];
+  stageHasDataTip: string;
+}
+
+export interface StatusApiConfig {
+  load: () => Promise<OpportunityStageConfig>;
+  create: (params: any) => Promise<any>;
+  update: (params: any) => Promise<any>;
+  remove: (id: string) => Promise<any>;
+  sort: (ids: string[]) => Promise<any>;
+  rollback: (params: { afootRollBack: boolean; endRollBack: boolean }) => Promise<any>;
+}
+
+export interface StatusStrategyConfig {
+  formItemModel: FormItemModel[];
+  buildCreateParams: (row: StatusRowItem, ctx: { list: StatusRowItem[]; index: number }) => any;
+  buildUpdateParams: (row: StatusRowItem) => any;
+  normalizeItem?: (item: any) => Partial<StatusRowItem>;
+}
+
+export interface UseStatusConfigReturn {
+  textConfig: Ref<StatusTextConfig>;
+  formItemModel: Ref<FormItemModel[]>;
+  form: Ref<StatusFormModel>;
+
+  init: () => Promise<void>;
+  handleSave: (element: any, done: () => void, index: number) => Promise<void>;
+  handleCancelRow: (index: number) => void;
+  handleSwitchChange: () => Promise<void>;
+  handleMoreSelect: (
+    action: ActionsItem,
+    element: StatusRowItem,
+    batchFormRef?: { formValidate?: (cb: () => void) => void } | null
+  ) => Promise<void>;
+  dragEnd: (event: any) => Promise<void>;
+  handleMove: (evt: any) => boolean;
+  getDropdownOptions: (element: StatusRowItem) => ActionsItem[];
+}
diff --git a/frontend/packages/web/src/components/business/crm-status-config-drawer/useStageConfig.ts b/frontend/packages/web/src/components/business/crm-status-config-drawer/useStageConfig.ts
new file mode 100644
index 0000000..493275d
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-status-config-drawer/useStageConfig.ts
@@ -0,0 +1,199 @@
+import { computed, type Ref, ref } from 'vue';
+import { useMessage } from 'naive-ui';
+
+import { CirculationTypeEnum } from '@lib/shared/enums/opportunityEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+import { getGenerateId } from '@lib/shared/method';
+import type { StageConfigItem } from '@lib/shared/models/opportunity';
+
+import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+
+import { useStatusApiConfig, useStatusStrategyConfig, useStatusTextConfig } from './config';
+import type { StatusBizType, StatusFormModel, StatusRowItem, UseStatusConfigReturn } from './types';
+
+function buildRollbackParams(form: StatusFormModel) {
+  return {
+    afootRollBack: form.runningStageRollback,
+    endRollBack: form.completedStageRollback,
+  };
+}
+
+export default function useStageConfig(type: Ref<StatusBizType>): UseStatusConfigReturn {
+  const { t } = useI18n();
+  const message = useMessage();
+
+  const textConfigMap = useStatusTextConfig();
+  const apiConfigMap = useStatusApiConfig();
+  const strategyConfigMap = useStatusStrategyConfig();
+
+  const textConfig = computed(() => textConfigMap[type.value]);
+  const apiConfig = computed(() => apiConfigMap[type.value]);
+  const strategyConfig = computed(() => strategyConfigMap[type.value]);
+  const formItemModel = computed(() => strategyConfig.value.formItemModel);
+
+  const form = ref<StatusFormModel>({
+    runningStageRollback: true,
+    completedStageRollback: false,
+    list: [],
+    circulationType: CirculationTypeEnum.NORMAL,
+    advancedConfigs: [],
+  });
+
+  function createEmptyRow(): StatusRowItem {
+    return {
+      _key: getGenerateId(),
+      name: '',
+      rate: null,
+      type: 'AFOOT',
+      editing: true,
+    };
+  }
+
+  function getDropdownOptions(element: StatusRowItem): ActionsItem[] {
+    if (element.type === 'END') return [];
+
+    const minAfootCount = form.value.list.filter((item) => item.type === 'AFOOT').length === 1;
+
+    if (minAfootCount) {
+      return [
+        { label: t('module.businessManage.insetBefore'), key: 'before' },
+        { label: t('module.businessManage.insetAfter'), key: 'after' },
+      ];
+    }
+
+    if (form.value.list.length === 15) {
+      return [
+        {
+          label: t('common.delete'),
+          key: 'delete',
+          danger: true,
+          disabled: element.stageHasData,
+          tooltipContent: element.stageHasData ? textConfig.value.stageHasDataTip : '',
+        },
+      ];
+    }
+
+    return [
+      { label: t('module.businessManage.insetBefore'), key: 'before' },
+      { label: t('module.businessManage.insetAfter'), key: 'after' },
+      { type: 'divider' },
+      {
+        label: t('common.delete'),
+        key: 'delete',
+        danger: true,
+        disabled: element.stageHasData,
+        tooltipContent: element.stageHasData ? textConfig.value.stageHasDataTip : '',
+      },
+    ];
+  }
+
+  async function init() {
+    const res = await apiConfig.value.load();
+    form.value = {
+      runningStageRollback: res.afootRollBack,
+      completedStageRollback: res.endRollBack,
+      list: (res.stageConfigList || []).map((item: StageConfigItem) => ({
+        ...item,
+        _key: item.id,
+        editing: false,
+        draggable: item.type !== 'END',
+        ...(strategyConfig.value.normalizeItem?.(item) || {}),
+      })),
+      circulationType: res.circulationType,
+      advancedConfigs: res.advancedConfigs,
+    };
+  }
+
+  async function handleSwitchChange() {
+    await apiConfig.value.rollback(buildRollbackParams(form.value));
+    message.success(t('common.operationSuccess'));
+  }
+
+  async function handleSave(element: StatusRowItem, done: () => void, index: number) {
+    if (element.id) {
+      await apiConfig.value.update(strategyConfig.value.buildUpdateParams(element));
+    } else {
+      await apiConfig.value.create(
+        strategyConfig.value.buildCreateParams(element, {
+          list: form.value.list,
+          index,
+        })
+      );
+    }
+    done();
+    await init();
+    message.success(t('common.operationSuccess'));
+  }
+
+  function handleCancelRow(index: number) {
+    form.value.list.splice(index, 1);
+  }
+
+  async function handleMoreSelect(
+    action: ActionsItem,
+    element: StatusRowItem,
+    batchFormRef?: { formValidate?: (cb: () => void) => void } | null
+  ) {
+    const index = form.value.list.findIndex((item) => item.id === element.id);
+
+    if (action.key === 'before') {
+      batchFormRef?.formValidate?.(() => {
+        form.value.list.splice(index, 0, createEmptyRow());
+      });
+      return;
+    }
+
+    if (action.key === 'after') {
+      batchFormRef?.formValidate?.(() => {
+        form.value.list.splice(index + 1, 0, createEmptyRow());
+      });
+      return;
+    }
+
+    if (action.key === 'delete') {
+      await apiConfig.value.remove(element.id as string);
+      form.value.list.splice(index, 1);
+      message.success(t('common.operationSuccess'));
+    }
+  }
+
+  async function dragEnd(event: any) {
+    if (form.value.list.length === 1) return;
+
+    const { newIndex, oldIndex } = event;
+    if (newIndex === oldIndex) return;
+
+    const newList = [...form.value.list];
+    const [movedItem] = newList.splice(oldIndex, 1);
+    newList.splice(newIndex, 0, movedItem);
+
+    await apiConfig.value.sort(newList.map((e) => e.id as string));
+    await init();
+    message.success(t('common.operationSuccess'));
+  }
+
+  function handleMove(evt: any) {
+    const children = Array.from(evt.from.children);
+    const draggedIndex = children.indexOf(evt.dragged);
+    const targetIndex = children.indexOf(evt.related);
+
+    if (draggedIndex >= form.value.list.length - 2) return false;
+    if (targetIndex >= form.value.list.length - 2) return false;
+
+    return true;
+  }
+
+  return {
+    textConfig,
+    formItemModel,
+    form,
+    init,
+    handleSave,
+    handleCancelRow,
+    handleSwitchChange,
+    handleMoreSelect,
+    dragEnd,
+    handleMove,
+    getDropdownOptions,
+  };
+}
diff --git a/frontend/packages/web/src/components/business/crm-status-flow-modal/index.vue b/frontend/packages/web/src/components/business/crm-status-flow-modal/index.vue
new file mode 100644
index 0000000..ac9cecb
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-status-flow-modal/index.vue
@@ -0,0 +1,255 @@
+<template>
+  <CrmModal
+    v-model:show="show"
+    :title="t('crmStatusFlow.flowPath', { f: props.from.name, t: props.to.name })"
+    :positive-text="t('crmStatusFlow.flow')"
+    :ok-loading="okLoading"
+    @cancel="handleCancel"
+    @confirm="handleConfirm"
+  >
+    <n-spin :show="loading" class="block">
+      <n-form ref="formRef" :model="formDetail" label-placement="top" label-width="auto" class="crm-form-create">
+        <n-scrollbar>
+          <div class="crm-form-create">
+            <template v-for="item in realFields" :key="item.id">
+              <div v-if="item.show !== false && item.readable" class="crm-form-create-item">
+                <component
+                  :is="getItemComponent(item)"
+                  :id="item.id"
+                  v-model:value="formDetail[item.id]"
+                  :field-config="{
+                    ...item,
+                    show: true,
+                    showLabel: true,
+                  }"
+                  :form-detail="formDetail"
+                  :origin-form-detail="originFormDetail"
+                  :path="item.id"
+                  :form-config="{
+                    ...formConfig,
+                    layout: 1,
+                    labelPos: 'top',
+                  }"
+                />
+              </div>
+            </template>
+            <div
+              v-if="props.formKey === FormDesignKeyEnum.CONTRACT && props.to.id === 'VOID'"
+              class="crm-form-create-item"
+            >
+              <n-form-item path="reason" :label="t('contract.voidReason')">
+                <n-input
+                  v-model:value="formDetail.reason"
+                  type="textarea"
+                  :placeholder="t('common.pleaseInput')"
+                  allow-clear
+                  maxlength="200"
+                  show-count
+                />
+              </n-form-item>
+            </div>
+          </div>
+        </n-scrollbar>
+      </n-form>
+    </n-spin>
+  </CrmModal>
+</template>
+
+<script setup lang="ts">
+  import { FormInst, NForm, NFormItem, NInput, NScrollbar, NSpin, useMessage } from 'naive-ui';
+
+  import { FieldRuleEnum, FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { CirculationValueTypeEnum } from '@lib/shared/enums/opportunityEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { getNormalFieldValue, getRuleType } from '@lib/shared/method/formCreate';
+  import type { CirculationFieldValueItem, UpdateStageParams } from '@lib/shared/models/opportunity';
+
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+  import CrmFormCreateComponents from '@/components/business/crm-form-create/components';
+  import type { FormCreateField } from '@/components/business/crm-form-create/types';
+
+  import { changeContractStatus, updateOrderStage } from '@/api/modules';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+
+  import cloneDeep from 'lodash-es/cloneDeep';
+
+  const props = defineProps<{
+    from: { id?: string; name?: string };
+    to: { id?: string; name?: string };
+    formKey: FormDesignKeyEnum;
+    circulationFieldValues: CirculationFieldValueItem[];
+    sourceId: string;
+  }>();
+  const emit = defineEmits<{
+    (e: 'success'): void;
+  }>();
+
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  const show = defineModel<boolean>('show', {
+    required: true,
+  });
+
+  const formRef = ref<FormInst>();
+  const { formKey } = toRefs(props);
+
+  const {
+    fieldList,
+    formConfig,
+    formDetail,
+    originFormDetail,
+    loading,
+    initFormConfig,
+    initForm,
+    transformFieldValue,
+  } = useFormCreateApi({
+    formKey,
+  });
+
+  const realFields = ref<FormCreateField[]>([]);
+  function initRealFields() {
+    realFields.value = props.circulationFieldValues
+      .map((cf) => {
+        const field = fieldList.value.find((f) => f.id === cf.fieldId);
+        if (field) {
+          let rules = field.rules || [];
+          if (cf.required && !field.rules.some((e) => e.required)) {
+            rules.push({
+              key: FieldRuleEnum.REQUIRED,
+              required: true,
+              message: 'common.notNull',
+              label: 'common.required',
+              trigger: ['change', 'blur'],
+              type: getRuleType(field),
+            });
+          } else if (!cf.required && field.rules.some((e) => e.required)) {
+            rules = rules.filter((e) => !e.required);
+          }
+          return {
+            ...field,
+            defaultValue: cf.valueType === CirculationValueTypeEnum.FIXED_VALUE ? cf.fieldValue : field.defaultValue,
+            fieldWidth: 1,
+            rules,
+          };
+        }
+        return null;
+      })
+      .filter((e) => e !== null) as FormCreateField[];
+  }
+
+  watch(
+    () => show.value,
+    async (val) => {
+      if (val) {
+        await initFormConfig();
+        initForm();
+        initRealFields();
+        if (props.formKey === FormDesignKeyEnum.CONTRACT && props.to.id === 'VOID') {
+          formDetail.value.voidReason = '';
+        }
+      }
+    }
+  );
+
+  function getItemComponent(item: FormCreateField) {
+    if (item.type === FieldTypeEnum.INPUT || item.resourceFieldId) {
+      return CrmFormCreateComponents.basicComponents.singleText;
+    }
+    if (item.type === FieldTypeEnum.TEXTAREA) {
+      return CrmFormCreateComponents.basicComponents.textarea;
+    }
+    if (item.type === FieldTypeEnum.INPUT_NUMBER) {
+      return CrmFormCreateComponents.basicComponents.inputNumber;
+    }
+    if (item.type === FieldTypeEnum.DATE_TIME) {
+      return CrmFormCreateComponents.basicComponents.dateTime;
+    }
+    if (item.type === FieldTypeEnum.RADIO) {
+      return CrmFormCreateComponents.basicComponents.radio;
+    }
+    if (item.type === FieldTypeEnum.CHECKBOX) {
+      return CrmFormCreateComponents.basicComponents.checkbox;
+    }
+    if ([FieldTypeEnum.SELECT, FieldTypeEnum.SELECT_MULTIPLE].includes(item.type)) {
+      return CrmFormCreateComponents.basicComponents.select;
+    }
+    if ([FieldTypeEnum.MEMBER, FieldTypeEnum.MEMBER_MULTIPLE].includes(item.type)) {
+      return CrmFormCreateComponents.basicComponents.memberSelect;
+    }
+    if ([FieldTypeEnum.DEPARTMENT, FieldTypeEnum.DEPARTMENT_MULTIPLE].includes(item.type)) {
+      return CrmFormCreateComponents.basicComponents.memberSelect;
+    }
+    if (item.type === FieldTypeEnum.INPUT_MULTIPLE) {
+      return CrmFormCreateComponents.basicComponents.tagInput;
+    }
+    if (item.type === FieldTypeEnum.PICTURE) {
+      return CrmFormCreateComponents.advancedComponents.upload;
+    }
+    if (item.type === FieldTypeEnum.LOCATION) {
+      return CrmFormCreateComponents.advancedComponents.location;
+    }
+    if (item.type === FieldTypeEnum.PHONE) {
+      return CrmFormCreateComponents.advancedComponents.phone;
+    }
+    if ([FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.DATA_SOURCE_MULTIPLE].includes(item.type)) {
+      return CrmFormCreateComponents.advancedComponents.dataSource;
+    }
+    if (item.type === FieldTypeEnum.LINK) {
+      return CrmFormCreateComponents.advancedComponents.link;
+    }
+    if (item.type === FieldTypeEnum.ATTACHMENT) {
+      return CrmFormCreateComponents.advancedComponents.file;
+    }
+    if (item.type === FieldTypeEnum.INDUSTRY) {
+      return CrmFormCreateComponents.advancedComponents.industry;
+    }
+  }
+
+  function handleCancel() {
+    show.value = false;
+  }
+
+  const updateApiMap: Partial<Record<FormDesignKeyEnum, (data: UpdateStageParams) => Promise<any>>> = {
+    [FormDesignKeyEnum.CONTRACT]: changeContractStatus,
+    [FormDesignKeyEnum.ORDER]: updateOrderStage,
+  };
+
+  const okLoading = ref(false);
+  function handleConfirm() {
+    formRef.value?.validate(async (errors) => {
+      if (!errors) {
+        try {
+          okLoading.value = true;
+          const result = cloneDeep(formDetail.value);
+          await updateApiMap[props.formKey]?.({
+            id: props.sourceId,
+            stage: props.to.id || '',
+            fields: realFields.value.map((e) => {
+              transformFieldValue(e, result, e.id);
+              return {
+                fieldId: e.id,
+                fieldValue: getNormalFieldValue(e, result[e.id]),
+              };
+            }),
+            voidReason: formDetail.value.voidReason,
+          });
+          Message.success(t('crmStatusFlow.flowSuccess'));
+          emit('success');
+          show.value = false;
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        } finally {
+          okLoading.value = false;
+        }
+      }
+    });
+  }
+</script>
+
+<style lang="less" scoped>
+  .crm-form-create-item {
+    @apply w-full;
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-status-flow-modal/locale/en-US.ts b/frontend/packages/web/src/components/business/crm-status-flow-modal/locale/en-US.ts
new file mode 100644
index 0000000..8122b2d
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-status-flow-modal/locale/en-US.ts
@@ -0,0 +1,5 @@
+export default {
+  'crmStatusFlow.flowPath': 'Transfer path: 【{f}】→【{t}】',
+  'crmStatusFlow.flow': 'Transfer',
+  'crmStatusFlow.flowSuccess': 'Transfer successful',
+};
diff --git a/frontend/packages/web/src/components/business/crm-status-flow-modal/locale/zh-CN.ts b/frontend/packages/web/src/components/business/crm-status-flow-modal/locale/zh-CN.ts
new file mode 100644
index 0000000..e5130ed
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-status-flow-modal/locale/zh-CN.ts
@@ -0,0 +1,5 @@
+export default {
+  'crmStatusFlow.flowPath': '流转路径：【{f}】→【{t}】',
+  'crmStatusFlow.flow': '流转',
+  'crmStatusFlow.flowSuccess': '流转成功',
+};
diff --git a/frontend/packages/web/src/components/business/crm-sub-table/index.vue b/frontend/packages/web/src/components/business/crm-sub-table/index.vue
new file mode 100644
index 0000000..0bbd0ff
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-sub-table/index.vue
@@ -0,0 +1,828 @@
+<template>
+  <n-data-table
+    :columns="realColumns"
+    :data="data || []"
+    :paging="false"
+    :pagination="false"
+    :scroll-x="scrollXWidth"
+    :summary="props.sumColumns?.length ? summary : undefined"
+    class="crm-sub-table"
+  />
+  <n-button v-if="!props.readonly" type="primary" text class="mt-[8px]" @click="addLine">
+    <CrmIcon type="iconicon_add" class="mr-[8px]" />
+    {{ t('crm.subTable.addLine') }}
+  </n-button>
+</template>
+
+<script setup lang="ts">
+  import { DataTableCreateSummary, NButton, NDataTable, NImage, NImageGroup, NTooltip, useMessage } from 'naive-ui';
+  import { isEqual } from 'lodash-es';
+
+  import { PreviewPictureUrl } from '@lib/shared/api/requrls/system/module';
+  import { FieldDataSourceTypeEnum, FieldRuleEnum, FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+  import { SpecialColumnEnum } from '@lib/shared/enums/tableEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { formatTimeValue, getCityPath, getGenerateId, getIndustryPath } from '@lib/shared/method';
+  import {
+    formatNumberValue,
+    formatNumberValueToString,
+    getFieldItemId,
+    mergeUniqueOptions,
+    normalizeNumber,
+  } from '@lib/shared/method/formCreate';
+  import { isNotEmpty } from '@lib/shared/method/is';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import { CrmDataTableColumn } from '@/components/pure/crm-table/type';
+  import dataSource from '@/components/business/crm-form-create/components/advanced/dataSource.vue';
+  import formula from '@/components/business/crm-form-create/components/advanced/formula.vue';
+  import upload from '@/components/business/crm-form-create/components/advanced/upload.vue';
+  import inputNumber from '@/components/business/crm-form-create/components/basic/inputNumber.vue';
+  import select from '@/components/business/crm-form-create/components/basic/select.vue';
+  import singleText from '@/components/business/crm-form-create/components/basic/singleText.vue';
+
+  import useUserStore from '@/store/modules/user';
+
+  import { FormCreateField } from '../crm-form-create/types';
+  import { RowData, TableColumns } from 'naive-ui/es/data-table/src/interface';
+
+  const props = defineProps<{
+    parentId: string;
+    subFields: FormCreateField[];
+    fixedColumn?: number;
+    sumColumns?: string[];
+    formDetail?: Record<string, any>;
+    needInitDetail?: boolean; // 判断是否编辑情况
+    readonly?: boolean;
+    optionMap?: Record<string, any[]>;
+    disabled?: boolean;
+  }>();
+  const emit = defineEmits<{
+    (e: 'change', value: Record<string, any>[]): void;
+  }>();
+
+  const { t } = useI18n();
+  const Message = useMessage();
+  const userStore = useUserStore();
+
+  const data = defineModel<Record<string, any>[]>('value', {
+    required: true,
+    default: () => [],
+  });
+
+  function makeTitle(field: FormCreateField) {
+    return h(
+      NTooltip,
+      { class: 'flex items-center' },
+      {
+        trigger: () =>
+          h(
+            'div',
+            {
+              class: 'flex items-center',
+            },
+            {
+              default: () => [
+                h(
+                  'div',
+                  { class: 'overflow-hidden text-ellipsis' },
+                  {
+                    default: () => [
+                      field.name,
+                      field.resourceFieldId ? h(CrmIcon, { type: 'iconicon_correlation' }) : null,
+                    ],
+                  }
+                ),
+                field.rules.some((rule) => rule.key === FieldRuleEnum.REQUIRED)
+                  ? h('div', { class: 'text-[var(--error-red)] ml-[4px]' }, '*')
+                  : null,
+              ],
+            }
+          ),
+        default: () => h('div', {}, { default: () => field.name }),
+      }
+    );
+  }
+
+  function initFieldValueText(field: FormCreateField, id: string, value: any): string {
+    const options = props.optionMap?.[id];
+    let name: string | string[] = '';
+    // 区分未选择空值和选项不存在
+    if (
+      value === null ||
+      value === undefined ||
+      (Array.isArray(value) && value.length === 0) ||
+      (typeof value === 'string' && value.trim() === '')
+    ) {
+      return '-';
+    }
+    // 若字段值是选项值，则取选项值的name
+    if (options) {
+      if (Array.isArray(value)) {
+        name = value.map((e) => {
+          const option = options.find((opt) => opt.id === e);
+          if (option) {
+            return option.name || t('common.optionNotExist');
+          }
+          return t('common.optionNotExist');
+        });
+      } else {
+        name = options.find((e) => e.id === value)?.name || t('common.optionNotExist');
+      }
+      return Array.isArray(name) ? name.join(', ') : name;
+    }
+    if (field.type === FieldTypeEnum.DATA_SOURCE) {
+      // 数据源字段且找不到 optionMap 对应值，则显示不存在
+      return t('common.optionNotExist');
+    }
+    switch (field.type) {
+      case FieldTypeEnum.INPUT_NUMBER:
+        return formatNumberValueToString(value, field);
+      case FieldTypeEnum.DATE_TIME:
+        return formatTimeValue(value, field.dateType);
+      case FieldTypeEnum.LOCATION:
+        const addressArr: string[] = value.split('-') || [];
+        return addressArr.length
+          ? `${getCityPath(addressArr[0])}-${addressArr.filter((e, i) => i > 0).join('-')}`
+          : '-';
+      case FieldTypeEnum.SELECT:
+      case FieldTypeEnum.RADIO:
+        return field.options?.find((e) => e.value === value)?.label || '-';
+      case FieldTypeEnum.SELECT_MULTIPLE:
+      case FieldTypeEnum.CHECKBOX:
+        if (Array.isArray(value)) {
+          const labels = field.options?.filter((e) => value.includes(e.value)).map((e) => e.label);
+          return labels && labels.length ? labels.join(', ') : '-';
+        }
+        return '-';
+      case FieldTypeEnum.INPUT_MULTIPLE:
+        return Array.isArray(value) ? value.join(', ') || '-' : value || '-';
+      case FieldTypeEnum.INDUSTRY:
+        return value ? getIndustryPath(value) : '-';
+      default:
+        return value || '-';
+    }
+  }
+
+  function applyFieldLink(item: FormCreateField, row: Record<string, any> = {}) {
+    const currentFieldValue = row[item.id];
+    const linkField = props.subFields.find((f) => f.id === item.linkProp?.targetField);
+    if (item.linkProp?.linkOptions) {
+      for (let i = 0; i < item.linkProp?.linkOptions.length; i++) {
+        const option = item.linkProp?.linkOptions[i];
+        if (isEqual(currentFieldValue, option.current)) {
+          if (linkField) {
+            if (option.method === 'HIDDEN') {
+              linkField.linkRange = Array.isArray(option.target) ? option.target : [option.target];
+            } else {
+              linkField.linkRange = undefined;
+              row[linkField.id] = option.target;
+            }
+            return;
+          }
+        } else if (linkField) {
+          linkField.linkRange = undefined;
+        }
+      }
+    }
+  }
+
+  const isProcessingDataSourceChange = ref(false);
+  const isProcessingDataSourceChangeMap = ref<Record<string, boolean>>({});
+
+  function makeNewRow() {
+    const newRow: Record<string, any> = {
+      id: getGenerateId(),
+    };
+    props.subFields.forEach((field) => {
+      const key = field.resourceFieldId ? field.id : field.businessKey || field.id;
+      if (field.type === FieldTypeEnum.INPUT_NUMBER) {
+        newRow[key] =
+          field.resourceFieldId && isNotEmpty(field.defaultValue)
+            ? formatNumberValue(field.defaultValue, field)
+            : field.defaultValue ?? null;
+      } else if (field.type === FieldTypeEnum.FORMULA) {
+        newRow[key] = field.resourceFieldId ? null : field.defaultValue ?? null;
+      } else if (
+        [FieldTypeEnum.SELECT_MULTIPLE, FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.PICTURE].includes(field.type)
+      ) {
+        newRow[key] = [];
+      } else {
+        newRow[key] = field.resourceFieldId ? '' : field.defaultValue ?? '';
+      }
+    });
+    return newRow;
+  }
+
+  function addLine() {
+    isProcessingDataSourceChange.value = true;
+    const newRow = makeNewRow();
+    data.value.push(newRow);
+    nextTick(() => {
+      isProcessingDataSourceChange.value = false;
+    });
+  }
+
+  function applyDataSourceShowFields(
+    field: FormCreateField,
+    val: any[],
+    row: Record<string, any>,
+    source: Record<string, any>[],
+    rowId?: string
+  ) {
+    if (field.showFields?.length && val.length) {
+      // 数据源显示字段联动
+      const showFields = props.subFields.filter((f) => f.resourceFieldId === field.id);
+      const targetSource = source.filter((e) => !e.parentId).find((e) => val.includes(e.id)); // 子表格数据源是单选，所以目标数据源只有一个
+      showFields.forEach((sf) => {
+        let fieldVal: string | string[] = '';
+        if (targetSource) {
+          const sourceFieldVal = targetSource[getFieldItemId(sf)]; // 数据源的显示字段都使用id 读取
+          if (sf.subTableFieldId) {
+            // 如果数据源显示字段是数据源的子表格字段，则需要 rowId 定位数据源子表格的行
+            const subTableData = targetSource[sf.subTableFieldId];
+            if (Array.isArray(subTableData) && rowId) {
+              const subTableRow = subTableData.find((stRow) => stRow.id === rowId);
+              if (subTableRow) {
+                fieldVal = subTableRow[getFieldItemId(sf)];
+              }
+            }
+          } else {
+            fieldVal = sourceFieldVal;
+          }
+        }
+        if (Array.isArray(fieldVal)) {
+          row[sf.id] = fieldVal.join(',');
+        } else if (sf.type === FieldTypeEnum.INPUT_NUMBER && typeof fieldVal === 'number') {
+          row[sf.id] = formatNumberValueToString(fieldVal, sf) ?? null;
+        } else {
+          row[sf.id] = fieldVal;
+        }
+      });
+    } else if (field.showFields?.length) {
+      // 没有选中数据源时，清空显示字段
+      const showFields = props.subFields.filter((f) => f.resourceFieldId === field.id);
+      showFields.forEach((sf) => {
+        row[sf.id] = sf.type === FieldTypeEnum.INPUT_NUMBER ? null : '';
+      });
+    }
+  }
+
+  let sumInitialOptions: Record<string, any>[] = []; // 记录子表格内数据源列的初始选项
+
+  const pictureFields = computed<FormCreateField[]>(() => {
+    return props.subFields.filter((field) => field.type === FieldTypeEnum.PICTURE);
+  });
+  const maxPictureCountMap = computed<Record<string, number>>(() => {
+    return (
+      data.value?.reduce((prev, curr) => {
+        pictureFields.value.forEach((field) => {
+          const key = field.businessKey || field.id;
+          const currCount = Array.isArray(curr[key]) ? curr[key].length : 0;
+          if (!prev[key] || currCount > prev[key]) {
+            prev[key] = currCount;
+          }
+        });
+        return prev;
+      }, {} as Record<string, number>) || {}
+    );
+  });
+
+  function handleDataSourceChange(
+    val: any[],
+    source: Record<string, any>[],
+    field: FormCreateField,
+    row: Record<string, any>,
+    rowIndex: number,
+    isPriceSubTableShowSubField?: boolean
+  ) {
+    const cellId = `${row.id}-${field.id}`;
+    if (isProcessingDataSourceChange.value || isProcessingDataSourceChangeMap.value[cellId]) {
+      // 子表格添加多行会触发 change，避免重复处理
+      return;
+    }
+    isProcessingDataSourceChangeMap.value[cellId] = true;
+    if (source.some((e) => e.isFormLinkFilled && val.includes(e.id))) {
+      // 填充时已经有了价格表数据，需要回显字段
+      const key = field.businessKey || field.id;
+      if (val.length === 0 || (val.length === 1 && source.find((e) => e.id === val[0])?.parentId)) {
+        // 没有选中子项或没有选中父项，都表示当前为清空
+        row[key] = [];
+        row.price_sub = '';
+        applyDataSourceShowFields(
+          field,
+          [],
+          row,
+          source.filter((e) => e.isFormLinkFilled),
+          row.price_sub
+        );
+        emit('change', data.value);
+        nextTick(() => {
+          isProcessingDataSourceChange.value = false;
+          isProcessingDataSourceChangeMap.value[cellId] = false;
+        });
+        return;
+      }
+      for (let i = 0; i < data.value.length; i++) {
+        const newRow = data.value[i];
+        applyDataSourceShowFields(field, newRow[key], newRow, source, newRow.price_sub); // 回显价格表带出的显示字段
+      }
+      nextTick(() => {
+        isProcessingDataSourceChange.value = false;
+        isProcessingDataSourceChangeMap.value[cellId] = false;
+      });
+      return;
+    }
+    const key = field.businessKey || field.id;
+    const parents = source.filter((s) => !s.parentId);
+    if (isPriceSubTableShowSubField && val.filter((e) => parents.some((p) => p.id === e)).length > 0) {
+      // 价格表子表格特殊处理，需要填充多行
+      const children = source.filter(
+        (s) => s.parentId && data.value.every((r) => r.price_sub !== s.id) && val.includes(s.id) // 过滤已存在的行
+      );
+      if (children.length === 0 && val.length > 0) {
+        Message.warning(t('crm.subTable.repeatAdd'));
+        isProcessingDataSourceChange.value = false;
+        isProcessingDataSourceChangeMap.value[cellId] = false;
+        return;
+      }
+      if (children.length === 0 || !source.some((s) => s.parentId)) {
+        // 没有选中子项或没有选中父项，都表示当前为清空
+        row[key] = [];
+        row.price_sub = '';
+        applyDataSourceShowFields(field, [], row, source, row.price_sub);
+        nextTick(() => {
+          isProcessingDataSourceChange.value = false;
+          isProcessingDataSourceChangeMap.value[cellId] = false;
+        });
+        emit('change', data.value);
+        return;
+      }
+      if (children.length > 1) {
+        // 多选行时，新增多行且选中值为子项的父项信息
+        row.price_sub = children[0]?.id;
+        row[key] = [children[0].parentId, row.price_sub]; // 价格表 id 在第一位，因为当前是单选数据源，提交表单时只会保存第一个值
+        applyDataSourceShowFields(field, row[key], row, source, row.price_sub); // 数据源显示字段读取值并显示
+        for (let i = 1; i < children.length; i++) {
+          // 补充新增行
+          addLine();
+        }
+        nextTick(() => {
+          // 等待行添加完成后，给新增的行补充行号和选中价格表数据源
+          isProcessingDataSourceChangeMap.value[cellId] = true;
+          for (let i = rowIndex + 1; i < rowIndex + children.length; i++) {
+            const newRow = data.value[i];
+            newRow.price_sub = children[i - rowIndex]?.id;
+            newRow[key] = [children[i - rowIndex]?.parentId, newRow.price_sub]; // 选中值为父项以及当前行
+            applyDataSourceShowFields(field, newRow[key], newRow, source, newRow.price_sub); // 回显价格表带出的显示字段
+          }
+          nextTick(() => {
+            isProcessingDataSourceChange.value = false;
+            isProcessingDataSourceChangeMap.value[cellId] = false;
+          });
+        });
+      } else {
+        // 单选行只有一个父级
+        row.price_sub = children[0]?.id;
+        row[key] = val
+          .filter((e) => children.some((p) => p.parentId === e))
+          .sort((a, b) => {
+            // 保证父项在前，子项在后
+            if (a === children[0].parentId) {
+              return -1;
+            }
+            if (b === children[0].parentId) {
+              return 1;
+            }
+            return 0;
+          });
+        applyDataSourceShowFields(field, row[key], row, source, row.price_sub);
+        nextTick(() => {
+          isProcessingDataSourceChange.value = false;
+          isProcessingDataSourceChangeMap.value[cellId] = false;
+        });
+      }
+    } else {
+      row[key] = val.filter((e) => parents.some((p) => p.id === e)).length > 0 ? val : [];
+      applyDataSourceShowFields(field, val, row, source, row.price_sub);
+      if (row[key].length === 0 && field.dataSourceType === FieldDataSourceTypeEnum.PRICE) {
+        // 清空时把行号也清理
+        row.price_sub = '';
+      }
+      nextTick(() => {
+        isProcessingDataSourceChange.value = false;
+        isProcessingDataSourceChangeMap.value[cellId] = false;
+      });
+    }
+    sumInitialOptions = mergeUniqueOptions(
+      sumInitialOptions,
+      source.filter((s) => !sumInitialOptions.some((io) => io.id === s.id))
+    );
+    emit('change', data.value);
+  }
+
+  const renderColumns = computed<CrmDataTableColumn[]>(() => {
+    if (props.readonly) {
+      return props.subFields
+        .filter((field) => field.readable)
+        .map((field, index) => {
+          let key = field.businessKey || field.id;
+          if (field.resourceFieldId) {
+            // 数据源引用字段用 id作为 key
+            key = field.id;
+          }
+          return {
+            title: field.showLabel ? field.name : '',
+            width:
+              maxPictureCountMap.value[field.id] > 0 && field.type === FieldTypeEnum.PICTURE
+                ? maxPictureCountMap.value[field.id] * 112
+                : 'auto',
+            key,
+            fieldId: key,
+            // ellipsis:
+            //   field.type === FieldTypeEnum.PICTURE
+            //     ? undefined
+            //     : {
+            //         tooltip: true,
+            //       },
+            render: (row: any) =>
+              field.type === FieldTypeEnum.PICTURE
+                ? h(
+                    NImageGroup,
+                    {},
+                    {
+                      default: () =>
+                        (row[key] || []).map((img: string) =>
+                          h(NImage, {
+                            src: `${PreviewPictureUrl}/${img}?userId=${userStore.userInfo.id}`,
+                            class: 'w-[100px] h-[100px] mr-[8px]',
+                          })
+                        ),
+                    }
+                  )
+                : h(
+                    NTooltip,
+                    { trigger: 'hover' },
+                    {
+                      default: () => initFieldValueText(field, key, row[key]),
+                      trigger: () => h('div', { class: '' }, initFieldValueText(field, key, row[key])),
+                    }
+                  ),
+            filedType: field.type,
+            fieldConfig: field,
+            fixed: props.fixedColumn && props.fixedColumn >= index + 1 ? 'left' : undefined,
+          };
+        });
+    }
+    return props.subFields
+      .filter((field) => field.readable)
+      .map((field, index) => {
+        let key = field.businessKey || field.id;
+        if (field.resourceFieldId) {
+          // 数据源引用字段用 id作为 key
+          key = field.id;
+        }
+        let title: any = field.name;
+        if (field.showLabel === false) {
+          title = '';
+        } else {
+          title = () => makeTitle(field);
+        }
+        if (field.resourceFieldId) {
+          return {
+            title,
+            width: 120,
+            key,
+            ellipsis: {
+              tooltip: true,
+            },
+            fieldId: key,
+            render: (row: any) =>
+              h(
+                NTooltip,
+                { trigger: 'hover' },
+                {
+                  default: () => row[key],
+                  trigger: () => h('div', { class: 'one-line-text max-w-[200px]' }, row[key]),
+                }
+              ),
+            fixed: props.fixedColumn && props.fixedColumn >= index + 1 ? 'left' : undefined,
+            filedType: field.type,
+            fieldConfig: field,
+          };
+        }
+        if (field.type === FieldTypeEnum.DATA_SOURCE) {
+          const isPriceSubTableShowSubField = field.dataSourceType === FieldDataSourceTypeEnum.PRICE;
+          return {
+            title,
+            width: 250,
+            key,
+            ellipsis: {
+              tooltip: true,
+            },
+            fieldId: key,
+            render: (row: any, rowIndex: number) => {
+              return h(dataSource, {
+                value: row[key],
+                fieldConfig: {
+                  ...field,
+                  initialOptions: mergeUniqueOptions(sumInitialOptions, field.initialOptions || []),
+                },
+                path: `${props.parentId}[${rowIndex}].${key}`,
+                isSubTableRender: true,
+                needInitDetail: props.needInitDetail,
+                formDetail: props.formDetail,
+                disabled: props.disabled,
+                class: 'w-[240px]',
+                hideChildTag: isPriceSubTableShowSubField,
+                onChange: (val, source) => {
+                  handleDataSourceChange(val, source, field, row, rowIndex, isPriceSubTableShowSubField);
+                },
+                onDelete: (val) => {
+                  row[key] = row[key].filter((e: any) => e !== val);
+                  if (isPriceSubTableShowSubField) {
+                    row.price_sub = '';
+                  }
+                },
+              });
+            },
+            fixed: props.fixedColumn && props.fixedColumn >= index + 1 ? 'left' : undefined,
+          };
+        }
+        if (field.type === FieldTypeEnum.FORMULA) {
+          return {
+            title,
+            width: 200,
+            key,
+            ellipsis: {
+              tooltip: true,
+            },
+            fieldId: key,
+            render: (row: any, rowIndex: number) =>
+              h(formula, {
+                value: row[key],
+                fieldConfig: field,
+                path: `${props.parentId}[${rowIndex}].${key}`,
+                isSubTableRender: true,
+                needInitDetail: props.needInitDetail,
+                formDetail: props.formDetail,
+                onChange: (val: any) => {
+                  row[key] = val;
+                },
+              }),
+            fixed: props.fixedColumn && props.fixedColumn >= index + 1 ? 'left' : undefined,
+            filedType: field.type,
+            fieldConfig: field,
+          };
+        }
+        if (field.type === FieldTypeEnum.INPUT_NUMBER) {
+          return {
+            title,
+            width: 200,
+            key,
+            ellipsis: {
+              tooltip: true,
+            },
+            fieldId: key,
+            render: (row: any, rowIndex: number) =>
+              h(inputNumber, {
+                value: row[key],
+                fieldConfig: field,
+                path: `${props.parentId}[${rowIndex}].${key}`,
+                isSubTableRender: true,
+                disabled: props.disabled,
+                needInitDetail: props.needInitDetail,
+                onChange: (val: any) => {
+                  row[key] = val;
+                  emit('change', data.value);
+                },
+              }),
+            fixed: props.fixedColumn && props.fixedColumn >= index + 1 ? 'left' : undefined,
+            filedType: field.type,
+            fieldConfig: field,
+          };
+        }
+        if ([FieldTypeEnum.SELECT, FieldTypeEnum.SELECT_MULTIPLE].includes(field.type)) {
+          return {
+            title,
+            width: 200,
+            key,
+            ellipsis: {
+              tooltip: true,
+            },
+            fieldId: key,
+            render: (row: any, rowIndex: number) =>
+              h(select, {
+                value: row[key],
+                fieldConfig: field,
+                path: `${props.parentId}[${rowIndex}].${key}`,
+                isSubTableRender: true,
+                disabled: props.disabled,
+                needInitDetail: props.needInitDetail,
+                class: 'w-[190px]',
+                onChange: (val: any) => {
+                  row[key] = val;
+                  // 字段联动
+                  if (field.linkProp?.targetField && field.linkProp?.linkOptions.length) {
+                    applyFieldLink(field, row);
+                  }
+                  emit('change', data.value);
+                },
+              }),
+            fixed: props.fixedColumn && props.fixedColumn >= index + 1 ? 'left' : undefined,
+          };
+        }
+        if (field.type === FieldTypeEnum.PICTURE) {
+          let finalPictureColWidth = 0;
+          if (maxPictureCountMap.value[field.id]) {
+            if (field.uploadLimit && maxPictureCountMap.value[field.id] >= field.uploadLimit) {
+              finalPictureColWidth = field.uploadLimit * 112;
+            } else {
+              finalPictureColWidth = maxPictureCountMap.value[field.id] * 112 + 32;
+            }
+          }
+          return {
+            title,
+            width: finalPictureColWidth || 150, // 每个卡片 100px + 10px间距 + 2px 冗余 + 上传按钮宽度 32px
+            key,
+            fieldId: key,
+            render: (row: any, rowIndex: number) =>
+              h(upload, {
+                value: row[key],
+                fieldConfig: field,
+                path: `${props.parentId}[${rowIndex}].${key}`,
+                isSubTableRender: true,
+                disabled: props.disabled,
+                needInitDetail: props.needInitDetail,
+                onChange: (val: any) => {
+                  row[key] = val;
+                  emit('change', data.value);
+                },
+              }),
+            fixed: props.fixedColumn && props.fixedColumn >= index + 1 ? 'left' : undefined,
+            filedType: field.type,
+            fieldConfig: field,
+          };
+        }
+        return {
+          title,
+          width: 200,
+          key,
+          ellipsis: {
+            tooltip: true,
+          },
+          fieldId: key,
+          render: (row: any, rowIndex: number) =>
+            h(singleText, {
+              value: row[key],
+              fieldConfig: field,
+              path: `${props.parentId}[${rowIndex}].${key}`,
+              isSubTableRender: true,
+              disabled: props.disabled,
+              needInitDetail: props.needInitDetail,
+              onChange: (val: any) => {
+                row[key] = val;
+                emit('change', data.value);
+              },
+            }),
+          fixed: props.fixedColumn && props.fixedColumn >= index + 1 ? 'left' : undefined,
+          filedType: field.type,
+        };
+      });
+  });
+
+  const realColumns = computed(() => {
+    const cols: CrmDataTableColumn[] = [
+      {
+        fixed: 'left',
+        key: SpecialColumnEnum.ORDER,
+        title: '',
+        width: 38,
+        resizable: false,
+        render: (row: any, rowIndex: number) =>
+          h('div', { class: 'flex items-center justify-center' }, { default: () => rowIndex + 1 }),
+      },
+      ...renderColumns.value,
+    ];
+    if (!props.readonly) {
+      cols.push({
+        title: '',
+        key: 'operation',
+        fixed: 'right',
+        width: 40,
+        render: (row: any, rowIndex: number) => {
+          return h(
+            NButton,
+            {
+              ghost: true,
+              class: 'p-[8px_9px]',
+              onClick: () => {
+                isProcessingDataSourceChange.value = true;
+                data.value.splice(rowIndex, 1);
+                if (data.value.length === 0) {
+                  sumInitialOptions = [];
+                }
+                emit('change', data.value);
+                nextTick(() => {
+                  isProcessingDataSourceChange.value = false;
+                });
+              },
+            },
+            { default: () => h(CrmIcon, { type: 'iconicon_minus_circle1' }) }
+          );
+        },
+      });
+    }
+    return cols as TableColumns;
+  });
+  const scrollXWidth = computed(() =>
+    props.readonly
+      ? undefined
+      : realColumns.value.reduce((prev, curr) => {
+          const width = typeof curr.width === 'number' ? curr.width : 0;
+          return prev + width;
+        }, 0)
+  );
+
+  const summary: DataTableCreateSummary = (pageData) => {
+    const summaryRes: Record<string, any> = {
+      [SpecialColumnEnum.ORDER]: {
+        value: h('div', { class: 'flex items-center justify-center' }, t('crmFormDesign.sum')),
+      },
+    };
+    renderColumns.value.forEach((col) => {
+      if (props.sumColumns?.includes(col.key as string)) {
+        summaryRes[col.key || ''] = {
+          value: h(
+            'div',
+            { class: 'flex items-center' },
+            {
+              default: () => {
+                const sum =
+                  pageData.reduce((prev, row) => {
+                    const rowVal = normalizeNumber(row[col.key as keyof RowData]);
+                    return prev + Math.round(rowVal * 100);
+                  }, 0) / 100;
+                if (
+                  [FieldTypeEnum.INPUT_NUMBER, FieldTypeEnum.FORMULA].includes(col.filedType as FieldTypeEnum) &&
+                  col.fieldConfig
+                ) {
+                  return formatNumberValueToString(sum, col.fieldConfig);
+                }
+                return sum;
+              },
+            }
+          ),
+        };
+      }
+    });
+    return summaryRes;
+  };
+
+  watch(
+    () => data.value,
+    (val) => {
+      if (val === null || val === undefined) {
+        data.value = [];
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
+
+<style lang="less">
+  .crm-sub-table {
+    .n-data-table-th {
+      padding: 12px 4px;
+      .n-data-table-th__title-wrapper {
+        height: auto;
+        .n-data-table-th__title {
+          width: 100%;
+          .n-ellipsis {
+            max-width: 100%;
+            span {
+              overflow: hidden;
+              text-overflow: ellipsis;
+            }
+          }
+        }
+      }
+    }
+    .n-data-table-td {
+      padding: 8px 4px;
+      line-height: normal;
+      vertical-align: middle;
+    }
+    .n-form-item-blank--error + .n-form-item-feedback-wrapper {
+      @apply block;
+    }
+    .n-form-item-feedback-wrapper {
+      @apply hidden;
+
+      height: 18px;
+      min-height: 0;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-sub-table/locale/en-US.ts b/frontend/packages/web/src/components/business/crm-sub-table/locale/en-US.ts
new file mode 100644
index 0000000..e064fe4
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-sub-table/locale/en-US.ts
@@ -0,0 +1,4 @@
+export default {
+  'crm.subTable.addLine': 'Add a line',
+  'crm.subTable.repeatAdd': 'The current row is already in the table, please do not add it repeatedly',
+};
diff --git a/frontend/packages/web/src/components/business/crm-sub-table/locale/zh-CN.ts b/frontend/packages/web/src/components/business/crm-sub-table/locale/zh-CN.ts
new file mode 100644
index 0000000..541b39e
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-sub-table/locale/zh-CN.ts
@@ -0,0 +1,4 @@
+export default {
+  'crm.subTable.addLine': '添加一行',
+  'crm.subTable.repeatAdd': '当前行已在表格中，请勿重复添加',
+};
diff --git a/frontend/packages/web/src/components/business/crm-tab-setting/index.vue b/frontend/packages/web/src/components/business/crm-tab-setting/index.vue
new file mode 100644
index 0000000..42df6c9
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-tab-setting/index.vue
@@ -0,0 +1,194 @@
+<template>
+  <n-popover
+    v-model:show="popoverVisible"
+    trigger="click"
+    placement="bottom-end"
+    class="crm-tab-setting-popover"
+    @update:show="handleUpdateShow"
+  >
+    <template #trigger>
+      <n-button secondary>
+        <CrmIcon class="mr-[4px] text-[var(--text-n1)]" type="iconicon_set_up" :size="16" />
+        {{ t('common.tabConfig') }}
+      </n-button>
+    </template>
+    <n-scrollbar class="max-h-[416px] py-[4px]">
+      <div class="mb-[4px] flex h-[24px] w-[175px] items-center justify-between px-[8px] text-[12px]">
+        <div class="font-medium text-[var(--text-n1)]"> {{ t('common.tabConfig') }} </div>
+        <n-button text type="primary" size="tiny" :disabled="!hasChange" @click="handleReset">
+          {{ t('common.resetDefault') }}
+        </n-button>
+      </div>
+      <VueDraggable v-model="cachedData" handle=".sort-handle" @change="handleChange">
+        <div v-for="element in cachedData" :key="element.name" class="crm-tab-setting-item px-[8px]">
+          <div class="flex flex-1 items-center gap-[8px]">
+            <CrmIcon type="iconicon_move" class="sort-handle cursor-move text-[var(--text-n4)]" :size="12" />
+            <div class="flex flex-1 items-center overflow-hidden">
+              <span class="one-line-text text-[12px]">
+                {{ element.tab }}
+              </span>
+            </div>
+            <n-switch
+              v-model:value="element.enable"
+              :disabled="cachedData.filter((e) => e.enable).length <= 1 && element.enable"
+              size="small"
+              :rubber-band="false"
+              @update:value="handleChange"
+            />
+          </div>
+        </div>
+      </VueDraggable>
+    </n-scrollbar>
+  </n-popover>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { NButton, NPopover, NScrollbar, NSwitch } from 'naive-ui';
+  import { VueDraggable } from 'vue-draggable-plus';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { isArraysEqualWithOrder } from '@lib/shared/method/equal';
+
+  import useLocalForage from '@/hooks/useLocalForage';
+  import { hasAllPermission } from '@/utils/permission';
+
+  import type { ContentTabsMap, TabContentItem } from './type';
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    tabList: TabContentItem[];
+    settingKey: string;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'init', value: TabContentItem[]): void;
+  }>();
+
+  const cachedData = ref<TabContentItem[]>(props.tabList.filter((e) => hasAllPermission(e?.permission || [])));
+
+  const popoverVisible = ref(false);
+
+  async function saveTabsToLocal(list: TabContentItem[]) {
+    const { getItem, setItem } = useLocalForage();
+    try {
+      const tabsMap = await getItem<ContentTabsMap>(props.settingKey, true);
+      const newTabsMap = {
+        tabList: list,
+        backupTabList: list,
+      };
+      if (tabsMap) {
+        const isEqual = isArraysEqualWithOrder(tabsMap.backupTabList, list);
+        if (!isEqual) {
+          await setItem(props.settingKey, newTabsMap, true);
+        }
+      } else {
+        await setItem(props.settingKey, newTabsMap, true);
+      }
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.error(e);
+    }
+  }
+
+  async function getTabsFromLocal() {
+    const { getItem } = useLocalForage();
+    try {
+      const tabsMap = await getItem<ContentTabsMap>(props.settingKey, true);
+      return tabsMap ? tabsMap.tabList : [];
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.error(e);
+      return [];
+    }
+  }
+
+  const enableTabs = computed<TabContentItem[]>(() => cachedData.value.filter((e) => e.enable));
+  const newTabList = computed<TabContentItem[]>(() =>
+    props.tabList.filter((e) => hasAllPermission(e?.permission || []))
+  );
+  async function loadTab() {
+    try {
+      const localTabs = await getTabsFromLocal();
+      const currentTabMap = new Map(newTabList.value.map((tab) => [tab.name, tab]));
+
+      if (localTabs.length > 0) {
+        // 使用本地存储的顺序，但只包含当前仍然存在的标签页
+        const mergedTabs = localTabs
+          .filter((tab) => currentTabMap.has(tab.name)) // 过滤掉已删除的标签页
+          .map((localTab) => ({
+            ...currentTabMap.get(localTab.name)!,
+            enable: localTab.enable, // 保留启用状态
+          }));
+
+        // 添加新增的标签页（在本地存储中不存在的）
+        const existingNames = new Set(mergedTabs.map((tab) => tab.name));
+        const newTabs = newTabList.value
+          .filter((tab) => !existingNames.has(tab.name))
+          .map((tab) => ({ ...tab, enable: true }));
+
+        const finalTabs = [...mergedTabs, ...newTabs];
+        cachedData.value = finalTabs;
+
+        // 如果有新增标签页或顺序变化，更新本地存储
+        if (newTabs.length > 0 || !isArraysEqualWithOrder(localTabs, mergedTabs)) {
+          await saveTabsToLocal(finalTabs);
+        }
+      } else {
+        // 没有本地存储，使用默认设置
+        await saveTabsToLocal(cachedData.value);
+      }
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.error(e);
+      cachedData.value = newTabList.value.map((tab) => ({ ...tab, enable: true }));
+    }
+  }
+
+  const hasChange = ref(false);
+  function handleUpdateShow(show: boolean) {
+    if (!show && hasChange.value) {
+      saveTabsToLocal(cachedData.value);
+      emit('init', enableTabs.value);
+      hasChange.value = false;
+    }
+  }
+
+  function handleChange() {
+    hasChange.value = true;
+  }
+
+  function handleReset() {
+    hasChange.value = false;
+    loadTab();
+  }
+
+  onBeforeMount(async () => {
+    await loadTab();
+    emit('init', enableTabs.value);
+  });
+
+  watch(
+    () => newTabList.value,
+    () => {
+      loadTab();
+    },
+    { deep: true }
+  );
+</script>
+
+<style lang="less">
+  .crm-tab-setting-popover {
+    padding: 4px !important;
+    min-width: 175px;
+    .crm-tab-setting-item {
+      height: 28px;
+      gap: 8px;
+      @apply flex items-center justify-between rounded;
+      &:hover {
+        background: var(--text-n9);
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-tab-setting/type.ts b/frontend/packages/web/src/components/business/crm-tab-setting/type.ts
new file mode 100644
index 0000000..4d30b45
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-tab-setting/type.ts
@@ -0,0 +1,11 @@
+import { TabPaneProps } from 'naive-ui';
+
+export type TabContentItem = {
+  enable: boolean;
+  permission?: string[]; // 权限标识
+} & TabPaneProps;
+
+export interface ContentTabsMap {
+  tabList: TabContentItem[];
+  backupTabList: TabContentItem[];
+}
diff --git a/frontend/packages/web/src/components/business/crm-table-export-modal/components/fieldSection.vue b/frontend/packages/web/src/components/business/crm-table-export-modal/components/fieldSection.vue
new file mode 100644
index 0000000..72d4a53
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-table-export-modal/components/fieldSection.vue
@@ -0,0 +1,74 @@
+<template>
+  <div class="p-[16px]">
+    <n-checkbox :checked="isAllSelected" :indeterminate="isIndeterminate" @update:checked="handleMasterChange">
+      <span class="font-semibold">
+        {{ title }}
+      </span>
+    </n-checkbox>
+
+    <n-checkbox-group :value="selectedIds" class="mt-[16px]" @update:value="handleSelectionChange">
+      <div class="flex flex-row flex-wrap gap-[16px]">
+        <n-checkbox v-for="item in items" :key="item.key" :value="item.key" class="w-[94px]">
+          <n-tooltip placement="top" :delay="300">
+            <template #trigger>
+              <div class="one-line-text max-w-[80px]">{{ item.title }}</div>
+            </template>
+            {{ item.title }}
+          </n-tooltip>
+        </n-checkbox>
+      </div>
+    </n-checkbox-group>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { computed } from 'vue';
+  import { NCheckbox, NCheckboxGroup, NTooltip } from 'naive-ui';
+
+  const props = defineProps<{
+    title: string;
+    items: any[];
+  }>();
+
+  const selectedIds = defineModel<string[]>('selectedIds', { required: true });
+
+  const emit = defineEmits<{
+    (e: 'selectItem', meta: { actionType: 'check' | 'uncheck'; value: string | number }): void;
+    (e: 'selectPart', ids: string[]): void;
+  }>();
+
+  const isAllSelected = computed(() => {
+    return props.items.length > 0 && selectedIds.value.length === props.items.length;
+  });
+
+  const isIndeterminate = computed(() => {
+    return selectedIds.value.length > 0 && selectedIds.value.length < props.items.length;
+  });
+
+  const handleMasterChange = (checked: boolean) => {
+    emit('selectPart', checked ? props.items.map((item) => item.key) : []);
+  };
+
+  const handleSelectionChange = (
+    value: (string | number)[],
+    meta: { actionType: 'check' | 'uncheck'; value: string | number }
+  ) => {
+    emit('selectItem', meta);
+  };
+</script>
+
+<style scoped lang="less">
+  :deep(.n-checkbox) {
+    display: inline-flex;
+    align-items: center;
+  }
+  :deep(.n-checkbox-box-wrapper) {
+    display: inline-flex;
+    align-items: center;
+  }
+  :deep(.n-checkbox__label) {
+    display: inline-flex;
+    align-items: center;
+    line-height: 1;
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-table-export-modal/index.vue b/frontend/packages/web/src/components/business/crm-table-export-modal/index.vue
new file mode 100644
index 0000000..4523d30
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-table-export-modal/index.vue
@@ -0,0 +1,386 @@
+<template>
+  <CrmDrawer
+    v-model:show="show"
+    :title="t('common.export')"
+    :width="800"
+    :show-back="false"
+    closable
+    :ok-text="t('common.export')"
+    :ok-disabled="!form.fileName.trim().length || !selectedList.length"
+    @confirm="confirmHandler"
+    @cancel="closeHandler"
+  >
+    <n-alert v-if="props.showApprovalTip" type="warning" class="mb-[16px]">
+      <template #icon>
+        <CrmIcon type="iconicon_info_circle_filled" :size="20" />
+      </template>
+      {{ props.showApprovalTip }}
+    </n-alert>
+    <n-form
+      ref="formRef"
+      :model="form"
+      :rules="{
+        fileName: [
+          {
+            required: true,
+            message: t('common.nameNotNull'),
+          },
+          {
+            validator,
+          },
+        ],
+      }"
+      label-placement="left"
+      label-width="auto"
+      require-mark-placement="left"
+      class="hidden-feedback min-w-[350px]"
+    >
+      <n-form-item path="fileName" :label="t('common.name')" required>
+        <n-input-group>
+          <n-input v-model:value="form.fileName" type="text" :maxlength="50" :placeholder="t('common.pleaseInput')" />
+          <n-input-group-label>.xlsx</n-input-group-label>
+        </n-input-group>
+        <div class="mt-[2px] text-[12px] text-[var(--text-n4)]"> {{ t('common.exportTaskTip') }} </div>
+      </n-form-item>
+    </n-form>
+
+    <div class="flex overflow-hidden" :class="props.showApprovalTip ? 'h-[calc(100%-148px)]' : 'h-[calc(100%-78px)]'">
+      <div class="flex flex-[1.5] flex-col overflow-hidden border border-[var(--text-n8)]">
+        <div class="flex items-center bg-[var(--text-n9)] px-[16px] py-[8px]">
+          <n-checkbox :checked="isCheckedAll" :indeterminate="indeterminate" @update:checked="handleChangeAll">
+            <span class="font-semibold">
+              {{ t('common.optionalFields') }}
+              <span class="text-[var(--text-n4)]">({{ allList.length }})</span>
+            </span>
+          </n-checkbox>
+        </div>
+
+        <n-scrollbar>
+          <FieldSection
+            v-if="systemList.length"
+            v-model:selected-ids="selectedSystemIds"
+            :items="systemList"
+            :title="t('common.systemFields')"
+            @select-part="(ids) => updateSelectedList(ids, systemList)"
+            @select-item="(meta) => selectItem(ColumnTypeEnum.SYSTEM, meta)"
+          />
+
+          <FieldSection
+            v-if="customList.length"
+            v-model:selected-ids="selectedCustomIds"
+            :items="customList"
+            :title="t('common.formFields')"
+            @select-part="(ids) => updateSelectedList(ids, customList)"
+            @select-item="(meta) => selectItem(ColumnTypeEnum.CUSTOM, meta)"
+          />
+
+          <FieldSection
+            v-if="showFieldList.length"
+            v-model:selected-ids="selectedShowFieldIds"
+            :items="showFieldList"
+            :title="t('common.showFields')"
+            @select-part="(ids) => updateSelectedList(ids, showFieldList)"
+            @select-item="(meta) => selectItem(ColumnTypeEnum.SHOW_FIELD, meta)"
+          />
+        </n-scrollbar>
+      </div>
+
+      <div class="flex flex-1 flex-col overflow-hidden border border-l-0 border-[var(--text-n8)]">
+        <div class="flex items-center justify-between bg-[var(--text-n9)] px-[16px]">
+          <span class="py-[8px] font-semibold">
+            {{ t('common.selectedFields') }}
+            <span class="text-[var(--text-n4)]">({{ selectedList.length }})</span>
+          </span>
+          <n-button text type="primary" @click="handleReset">
+            {{ t('common.clear') }}
+          </n-button>
+        </div>
+
+        <n-scrollbar>
+          <VueDraggable v-model="selectedList" ghost-class="ghost" handle=".select-item" class="m-[16px]">
+            <div
+              v-for="element in selectedList"
+              :key="element.key"
+              class="select-item mb-[8px] flex items-center justify-between rounded bg-[var(--text-n9)] px-[8px] py-[6px]"
+            >
+              <div class="flex items-center">
+                <CrmIcon type="iconicon_move" class="mr-[4px] cursor-move text-[var(--text-n4)]" :size="12" />
+                <n-tooltip>
+                  <template #trigger>
+                    {{ element.title }}
+                  </template>
+                  {{ element.title }}
+                </n-tooltip>
+              </div>
+
+              <n-button text size="small" @click="removeSelectedField(element.key)">
+                <template #icon>
+                  <CrmIcon type="iconicon_close" class="text-[var(--text-n4)]" />
+                </template>
+              </n-button>
+            </div>
+          </VueDraggable>
+        </n-scrollbar>
+      </div>
+    </div>
+  </CrmDrawer>
+</template>
+
+<script setup lang="ts">
+  import {
+    FormInst,
+    FormItemRule,
+    NAlert,
+    NButton,
+    NCheckbox,
+    NForm,
+    NFormItem,
+    NInput,
+    NInputGroup,
+    NInputGroupLabel,
+    NScrollbar,
+    NTooltip,
+    useMessage,
+  } from 'naive-ui';
+  import dayjs from 'dayjs';
+  import { VueDraggable } from 'vue-draggable-plus';
+
+  import { ColumnTypeEnum } from '@lib/shared/enums/commonEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { ExportTableColumnItem } from '@lib/shared/models/common';
+
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import FieldSection from './components/fieldSection.vue';
+
+  import {
+    exportBusinessTitleAll,
+    exportBusinessTitleSelected,
+    exportClueAll,
+    exportCluePoolAll,
+    exportCluePoolSelected,
+    exportClueSelected,
+    exportContactAll,
+    exportContactSelected,
+    exportContractAll,
+    exportContractSelected,
+    exportCustomerAll,
+    exportCustomerOpenSeaAll,
+    exportCustomerOpenSeaSelected,
+    exportCustomerSelected,
+    exportCustomFormAll,
+    exportCustomFormSelected,
+    exportInvoicedAll,
+    exportInvoicedSelected,
+    exportOpportunityAll,
+    exportOpportunitySelected,
+    exportPaymentPlanAll,
+    exportPaymentPlanSelected,
+    exportPaymentRecordAll,
+    exportPaymentRecordSelected,
+    exportProductPriceAll,
+    exportProductPriceSelected,
+  } from '@/api/modules';
+
+  const props = defineProps<{
+    params: Record<string, any>;
+    type:
+      | 'customer'
+      | 'clue'
+      | 'opportunity'
+      | 'cluePool'
+      | 'openSea'
+      | 'contact'
+      | 'contract'
+      | 'contractPaymentPlan'
+      | 'contractPaymentRecord'
+      | 'price'
+      | 'businessTitle'
+      | 'invoice'
+      | 'customForm';
+    exportColumns: ExportTableColumnItem[];
+    isExportAll?: boolean;
+    showApprovalTip?: string;
+    customFormTypeString?: string;
+  }>();
+  const emit = defineEmits<{
+    (e: 'createSuccess'): void;
+  }>();
+
+  const { t } = useI18n();
+  const message = useMessage();
+
+  const show = defineModel<boolean>('show', {
+    required: true,
+    default: false,
+  });
+
+  const typeStringMap = {
+    customer: t('menu.customer'),
+    clue: t('menu.clue'),
+    opportunity: t('menu.opportunity'),
+    cluePool: t('module.cluePool'),
+    openSea: t('module.openSea'),
+    contact: t('menu.contact'),
+    contract: t('module.contract'),
+    contractPaymentPlan: t('module.paymentPlan'),
+    contractPaymentRecord: t('module.paymentRecord'),
+    price: t('module.productManagementPrice'),
+    businessTitle: t('module.businessTitle'),
+    invoice: t('module.invoice'),
+  };
+
+  const loading = ref<boolean>(false);
+  const formRef = ref<FormInst>();
+  const form = ref<Record<string, any>>({
+    fileName: '',
+  });
+
+  watch(
+    () => show.value,
+    (newVal) => {
+      if (newVal) {
+        const typeString = props.type === 'customForm' ? props.customFormTypeString : typeStringMap[props.type];
+        form.value.fileName = `${dayjs().format('YYYYMMDD-HHmmss')}-${typeString}`;
+      }
+    }
+  );
+
+  function validator(rule: FormItemRule, value: string) {
+    if (/\//g.test(value)) {
+      return Promise.reject(new Error(t('common.notAllowForwardSlash')));
+    }
+    return Promise.resolve();
+  }
+
+  const systemList = computed(() => props.exportColumns.filter((item) => item.columnType === ColumnTypeEnum.SYSTEM));
+  const customList = computed(() => props.exportColumns.filter((item) => item.columnType === ColumnTypeEnum.CUSTOM));
+  const showFieldList = computed(() =>
+    props.exportColumns.filter((item) => item.columnType === ColumnTypeEnum.SHOW_FIELD)
+  );
+  const allList = computed(() => [...systemList.value, ...customList.value, ...showFieldList.value]);
+
+  // 已选
+  const selectedList = ref<any[]>([]);
+
+  const updateSelectedList = (ids: string[], sourceList: any[]) => {
+    const newItems = sourceList.filter((item) => ids.includes(item.key));
+    const remainingItems = selectedList.value.filter((item) => !sourceList.some((src) => src.key === item.key));
+    selectedList.value = [...remainingItems, ...newItems];
+  };
+
+  const selectedSystemIds = computed(() =>
+    selectedList.value.filter((e) => e.columnType === ColumnTypeEnum.SYSTEM).map((e) => e.key)
+  );
+
+  const selectedCustomIds = computed(() =>
+    selectedList.value.filter((e) => e.columnType === ColumnTypeEnum.CUSTOM).map((e) => e.key)
+  );
+
+  const selectedShowFieldIds = computed(() =>
+    selectedList.value.filter((e) => e.columnType === ColumnTypeEnum.SHOW_FIELD).map((e) => e.key)
+  );
+
+  function selectItem(columnType: ColumnTypeEnum, meta: { actionType: 'check' | 'uncheck'; value: string | number }) {
+    if (meta.actionType === 'check') {
+      // 添加选中的项
+      const itemToAdd = (columnType === ColumnTypeEnum.SYSTEM ? systemList.value : customList.value).find(
+        (i) => i.key === meta.value
+      );
+      if (itemToAdd) {
+        selectedList.value.push(itemToAdd);
+      }
+    } else {
+      // 移除取消选中的项
+      selectedList.value = selectedList.value.filter((item) => item.key !== meta.value);
+    }
+  }
+
+  // 全选
+  const isCheckedAll = computed(() => {
+    return selectedList.value.length === allList.value.length;
+  });
+
+  const indeterminate = computed(() => {
+    return selectedList.value.length > 0 && selectedList.value.length < allList.value.length;
+  });
+
+  const handleReset = () => {
+    selectedList.value = [];
+  };
+
+  const removeSelectedField = (id: string) => {
+    selectedList.value = selectedList.value.filter((item) => item.key !== id);
+  };
+
+  const handleChangeAll = (value: boolean | (string | number | boolean)[]) => {
+    if (value) {
+      selectedList.value = allList.value;
+    } else {
+      selectedList.value = [];
+    }
+  };
+
+  function closeHandler() {
+    formRef.value?.restoreValidation();
+    handleReset();
+  }
+
+  const exportAllApiMap = {
+    customer: exportCustomerAll,
+    contact: exportContactAll,
+    clue: exportClueAll,
+    opportunity: exportOpportunityAll,
+    cluePool: exportCluePoolAll,
+    openSea: exportCustomerOpenSeaAll,
+    contract: exportContractAll,
+    contractPaymentPlan: exportPaymentPlanAll,
+    contractPaymentRecord: exportPaymentRecordAll,
+    price: exportProductPriceAll,
+    businessTitle: exportBusinessTitleAll,
+    invoice: exportInvoicedAll,
+    customForm: exportCustomFormAll,
+  };
+
+  const exportSelectedApiMap = {
+    customer: exportCustomerSelected,
+    contact: exportContactSelected,
+    clue: exportClueSelected,
+    opportunity: exportOpportunitySelected,
+    cluePool: exportCluePoolSelected,
+    openSea: exportCustomerOpenSeaSelected,
+    contract: exportContractSelected,
+    contractPaymentPlan: exportPaymentPlanSelected,
+    contractPaymentRecord: exportPaymentRecordSelected,
+    price: exportProductPriceSelected,
+    businessTitle: exportBusinessTitleSelected,
+    invoice: exportInvoicedSelected,
+    customForm: exportCustomFormSelected,
+  };
+
+  function confirmHandler() {
+    formRef.value?.validate(async (error) => {
+      if (!error) {
+        try {
+          loading.value = true;
+          const exportApi = props.isExportAll ? exportAllApiMap[props.type] : exportSelectedApiMap[props.type];
+          await exportApi({
+            ...props.params,
+            ids: props.params.ids || [],
+            fileName: form.value.fileName.trim(),
+            headList: selectedList.value,
+          });
+          form.value.fileName = '';
+          show.value = false;
+          message.success(t('common.exportTaskCreate'));
+          emit('createSuccess');
+        } catch (e) {
+          // eslint-disable-next-line no-console
+          console.log(e);
+        } finally {
+          loading.value = false;
+        }
+      }
+    });
+  }
+</script>
diff --git a/frontend/packages/web/src/components/business/crm-task-drawer/approvalModal.vue b/frontend/packages/web/src/components/business/crm-task-drawer/approvalModal.vue
new file mode 100644
index 0000000..52f464a
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-task-drawer/approvalModal.vue
@@ -0,0 +1,218 @@
+<template>
+  <CrmModal
+    v-model:show="show"
+    :positive-text="props.approvalType === 'approve' ? t('taskDrawer.confirmApprove') : t('taskDrawer.confirmReject')"
+    :negative-text="t('common.cancel')"
+    :ok-loading="loading"
+    @confirm="handleApprovalSave"
+    @cancel="handleApprovalCancel"
+  >
+    <template #title>
+      <div class="flex items-center gap-[8px]">
+        <div class="whitespace-nowrap font-medium">
+          {{ t('common.approval') }}
+        </div>
+        <div
+          v-if="props.approvalItemKeys && props.approvalItemKeys.length > 0 && !props.approvalItem"
+          class="text-[var(--text-n4)]"
+        >
+          {{ t('taskDrawer.items', { count: props.approvalItemKeys.length }) }}
+        </div>
+        <n-tooltip v-else flip :delay="300" trigger="hover">
+          <template #trigger>
+            <div class="crm-modal-title one-line-text !text-[var(--text-n4)]">
+              ({{ props.approvalItem?.resourceName }})
+            </div>
+          </template>
+          {{ props.approvalItem?.resourceName }}
+        </n-tooltip>
+      </div>
+    </template>
+    <n-form ref="approvalFormRef" :model="approvalForm" :inline="false">
+      <n-form-item
+        :label="props.approvalType === 'approve' ? t('taskDrawer.approveReason') : t('taskDrawer.rejectReason')"
+        path="reason"
+        :rule="[
+          {
+            required: approvalConfig?.requireComment,
+            message: t('common.notNull', {
+              value: props.approvalType === 'approve' ? t('taskDrawer.approveReason') : t('taskDrawer.rejectReason'),
+            }),
+          },
+        ]"
+      >
+        <CrmFileInput v-model:value="approvalForm.reason" v-model:file-list="fileList" />
+      </n-form-item>
+    </n-form>
+  </CrmModal>
+</template>
+
+<script setup lang="ts">
+  import { type FormInst, NForm, NFormItem, NTooltip, useMessage } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { ApprovalProcessDetail, ApprovalTodoItem } from '@lib/shared/models/system/process';
+
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+  import type { CrmFileItem } from '@/components/pure/crm-upload/types';
+  import CrmFileInput from '@/components/business/crm-file-input/index.vue';
+
+  import {
+    agreeApproval,
+    approvalProcessDetail,
+    batchAgreeApproval,
+    batchRejectApproval,
+    rejectApproval,
+  } from '@/api/modules/index';
+
+  const props = defineProps<{
+    approvalItem?: ApprovalTodoItem;
+    approvalItemKeys?: string[];
+    approvalType: 'approve' | 'reject';
+    module: 'WORKBENCH' | 'CONTRACT_INDEX' | 'ORDER_INDEX' | 'OPPORTUNITY_QUOTATION' | 'CONTRACT_INVOICE';
+    approvalFlowId: string; // 审批流 id
+  }>();
+  const emit = defineEmits<{
+    (e: 'approvalSuccess'): void;
+    (e: 'approvalCancel'): void;
+  }>();
+
+  const message = useMessage();
+  const { t } = useI18n();
+
+  const show = defineModel<boolean>('show', {
+    required: true,
+    default: false,
+  });
+
+  const loading = ref(false);
+  const approvalForm = ref({
+    reason: '',
+  });
+  const approvalFormRef = ref<FormInst>();
+  const fileList = ref<CrmFileItem[]>([]);
+
+  function reset() {
+    approvalForm.value = {
+      reason: '',
+    };
+    fileList.value = [];
+    show.value = false;
+  }
+
+  function handleApprovalCancel() {
+    reset();
+    emit('approvalCancel');
+  }
+
+  async function approval() {
+    if (!props.approvalItem) {
+      return;
+    }
+    try {
+      loading.value = true;
+      if (props.approvalType === 'reject') {
+        await rejectApproval({
+          id: props.approvalItem.approvalTaskId,
+          nodeId: props.approvalItem.approvalNodeId,
+          instanceId: props.approvalItem.approvalInstanceId,
+          attachmentIds: fileList.value.map((e) => e.id),
+          approverId: props.approvalItem.approvalId,
+          comment: approvalForm.value.reason,
+          module: props.module,
+        });
+      } else {
+        await agreeApproval({
+          id: props.approvalItem.approvalTaskId,
+          nodeId: props.approvalItem.approvalNodeId,
+          instanceId: props.approvalItem.approvalInstanceId,
+          attachmentIds: fileList.value.map((e) => e.id),
+          approverId: props.approvalItem.approvalId,
+          comment: approvalForm.value.reason,
+          module: props.module,
+        });
+      }
+      message.success(props.approvalType === 'approve' ? t('taskDrawer.approved') : t('taskDrawer.rejected'));
+      emit('approvalSuccess');
+      reset();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  async function batchApproval() {
+    if (!props.approvalItemKeys) {
+      return;
+    }
+    try {
+      loading.value = true;
+      if (props.approvalType === 'reject') {
+        await batchRejectApproval({
+          ids: props.approvalItemKeys,
+          comment: approvalForm.value.reason,
+          attachmentIds: fileList.value.map((e) => e.id),
+        });
+      } else {
+        await batchAgreeApproval({
+          ids: props.approvalItemKeys,
+          comment: approvalForm.value.reason,
+          attachmentIds: fileList.value.map((e) => e.id),
+        });
+      }
+      message.success(props.approvalType === 'approve' ? t('taskDrawer.approved') : t('taskDrawer.rejected'));
+      emit('approvalSuccess');
+      reset();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  function handleApprovalSave() {
+    approvalFormRef.value?.validate(async (errors) => {
+      if (!errors) {
+        if (props.approvalItemKeys?.length) {
+          batchApproval();
+        } else {
+          approval();
+        }
+      }
+    });
+  }
+
+  const approvalConfig = ref<ApprovalProcessDetail>(); // 审批配置详情
+  async function initApprovalConfig() {
+    try {
+      if (props.approvalFlowId) {
+        approvalConfig.value = await approvalProcessDetail(props.approvalFlowId);
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  watch(
+    () => show.value,
+    (val) => {
+      if (!val) {
+        approvalForm.value = {
+          reason: '',
+        };
+        fileList.value = [];
+      } else {
+        initApprovalConfig();
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-task-drawer/index.vue b/frontend/packages/web/src/components/business/crm-task-drawer/index.vue
new file mode 100644
index 0000000..1e48a67
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-task-drawer/index.vue
@@ -0,0 +1,446 @@
+<template>
+  <CrmDrawer v-model:show="show" :title="t('workbench.dataOverview.myTasks')" :width="1200" :footer="false" no-padding>
+    <div class="task-wrapper">
+      <div class="task-class">
+        <div class="p-[24px]">
+          <n-collapse class="pl-[16px]" :default-expanded-names="[props.type || 'pending']">
+            <n-collapse-item
+              v-for="item in collapseItems"
+              :title="item.title"
+              :name="item.name"
+              :class="{ 'collapse-item--active': activeTaskType.split('-')[0] === item.name }"
+            >
+              <div
+                v-for="child in item.children"
+                class="task-item"
+                :class="{ 'task-item--active': activeTaskType === child.name }"
+                @click="
+                  () => {
+                    activeTaskType = child.name;
+                    selectedKeys = [];
+                  }
+                "
+              >
+                {{ child.title }}
+                <div v-if="item.name === 'pending'" class="task-count">{{ child.count }}</div>
+              </div>
+              <template #arrow>
+                <CrmIcon type="iconicon_right" :size="12" color="var(--text-n2)" class="mr-[4px]" />
+              </template>
+              <template #header-extra>
+                <div v-if="item.name === 'pending'" class="task-count mr-[16px]">{{ item.count }}</div>
+              </template>
+            </n-collapse-item>
+          </n-collapse>
+        </div>
+      </div>
+      <div class="task-content p-[24px]">
+        <div class="mb-[16px] flex w-full items-center justify-between">
+          <div class="flex flex-1 items-center gap-[8px] font-semibold">
+            <div
+              v-if="activeTaskType.includes('pending') && approvalConfigDetail?.allowBatchProcess"
+              class="flex items-center"
+            >
+              <n-checkbox
+                v-model:checked="allSelect"
+                :label="activeModuleTitle"
+                :indeterminate="indeterminate"
+                @update-checked="handleSelectAll"
+              />
+              <div v-if="selectedKeys.length > 0" class="flex items-center gap-[4px] font-normal leading-[24px]">
+                <div>{{ t('crmPagination.checked') }}</div>
+                <div class="text-[var(--primary-8)]">{{ selectedKeys.length }}</div>
+                <div>{{ t('crmPagination.item') }}</div>
+                <n-button text type="primary" size="small" @click="() => (selectedKeys = [])">
+                  <div class="text-[14px] leading-[24px]">{{ t('common.clear') }}</div>
+                </n-button>
+              </div>
+            </div>
+            <div v-else>{{ activeModuleTitle }}</div>
+            <div v-if="activeTaskType.includes('pending') && selectedKeys.length > 0">
+              <n-button type="primary" ghost class="mr-[8px]" @click="handleReject">
+                {{ t('common.reject') }}
+              </n-button>
+              <n-button type="primary" ghost @click="handleApprove">{{ t('common.approve') }}</n-button>
+            </div>
+          </div>
+          <div class="ml-auto flex items-center gap-[12px]">
+            <CrmSearchInput v-model:value="keyword" class="!w-[240px]" @search="searchData" />
+            <n-button type="default" class="outline--secondary px-[8px]" @click="refresh">
+              <CrmIcon class="text-[var(--text-n1)]" type="iconicon_refresh" :size="16" />
+            </n-button>
+          </div>
+        </div>
+        <taskList
+          v-if="show"
+          ref="taskListRef"
+          v-model:selected-keys="selectedKeys"
+          key-field="id"
+          virtualScrollHeight="100%"
+          :activeTaskType="activeTaskType"
+          :load-params="{ keyword }"
+          :approval-config-detail="approvalConfigDetail"
+          @list-init="handleListInit"
+          @open-detail="handleOpenDetail"
+          @approval-success="initStatistic"
+        />
+      </div>
+    </div>
+  </CrmDrawer>
+  <approvalModal
+    v-model:show="approvalVisible"
+    :approval-type="approvalType"
+    :approval-item-keys="selectedKeys"
+    :approval-flow-id="approvalFlowId"
+    module="WORKBENCH"
+    @approval-success="handleApproveSuccess"
+  />
+  <ContractDetailDrawer
+    v-model:visible="contractDetailVisible"
+    :source-id="activeResourceId"
+    :approvalFlowId="approvalFlowId"
+    :approvalTaskId="approvalTaskId"
+    @refresh="handleApproveSuccess"
+  />
+  <QuotationDetailDrawer
+    v-model:visible="quotationDetailVisible"
+    :source-id="activeResourceId"
+    :approvalFlowId="approvalFlowId"
+    :approvalTaskId="approvalTaskId"
+    @refresh="handleApproveSuccess"
+  />
+  <OrderDetailDrawer
+    v-model:visible="orderDetailVisible"
+    :source-id="activeResourceId"
+    :approvalFlowId="approvalFlowId"
+    :approvalTaskId="approvalTaskId"
+    @refresh="handleApproveSuccess"
+  />
+  <InvoiceDetailDrawer
+    v-model:visible="invoiceDetailVisible"
+    :source-id="activeResourceId"
+    :approvalFlowId="approvalFlowId"
+    :approvalTaskId="approvalTaskId"
+    @refresh="handleApproveSuccess"
+  />
+</template>
+
+<script setup lang="ts">
+  import { NButton, NCheckbox, NCollapse, NCollapseItem } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import { type ApprovalListTypeEnum, ApprovalResourceTypeEnum } from '@lib/shared/enums/process';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { ApprovalProcessDetail } from '@lib/shared/models/system/process';
+
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmSearchInput from '@/components/pure/crm-search-input/index.vue';
+  import approvalModal from './approvalModal.vue';
+  import taskList from './taskList.vue';
+  import ContractDetailDrawer from '@/views/contract/contract/components/detail.vue';
+  import InvoiceDetailDrawer from '@/views/contract/invoice/components/detail.vue';
+  import QuotationDetailDrawer from '@/views/opportunity/components/quotation/detail.vue';
+  import OrderDetailDrawer from '@/views/order/order/components/detail.vue';
+
+  import { getApprovalConfigDetail, getTodoStatistic } from '@/api/modules';
+
+  const props = defineProps<{
+    type?: ApprovalListTypeEnum;
+  }>();
+
+  const { t } = useI18n();
+
+  const show = defineModel<boolean>('show', {
+    required: true,
+    default: false,
+  });
+
+  const keyword = ref('');
+  const activeTaskType = ref<string>('pending-QUOTATION');
+
+  const statistic = ref<Record<string, any>>({
+    total: 0,
+    contract: 0,
+    quotation: 0,
+    order: 0,
+    invoice: 0,
+  });
+  const moduleItems = [
+    {
+      name: ApprovalResourceTypeEnum.QUOTATION,
+      title: t('menu.quotation'),
+      count: 0,
+    },
+    {
+      name: ApprovalResourceTypeEnum.CONTRACT,
+      title: t('module.contract'),
+      count: 0,
+    },
+    {
+      name: ApprovalResourceTypeEnum.ORDER,
+      title: t('module.order'),
+      count: 0,
+    },
+    {
+      name: ApprovalResourceTypeEnum.INVOICE,
+      title: t('module.invoiceApproval'),
+      count: 0,
+    },
+  ];
+  const allItems = [
+    {
+      name: 'pending',
+      title: t('workbench.dataOverview.pendingApproval'),
+      count: 0,
+      children: cloneDeep(moduleItems).map((e) => ({ ...e, name: `pending-${e.name}` })),
+    },
+    {
+      name: 'approved',
+      title: t('workbench.dataOverview.approvedByMe'),
+      count: 0,
+      children: cloneDeep(moduleItems).map((e) => ({ ...e, name: `approved-${e.name}` })),
+    },
+    {
+      name: 'initiated',
+      title: t('workbench.dataOverview.initiatedByMe'),
+      count: 0,
+      children: cloneDeep(moduleItems).map((e) => ({ ...e, name: `initiated-${e.name}` })),
+    },
+    {
+      name: 'copied',
+      title: t('workbench.dataOverview.copiedToMe'),
+      count: 0,
+      children: cloneDeep(moduleItems).map((e) => ({ ...e, name: `copied-${e.name}` })),
+    },
+  ];
+  const collapseItems = computed(() => {
+    return allItems.map((e) => {
+      if (e.name === 'pending') {
+        e.count = statistic.value.total;
+        e.children = e.children.map((child) => {
+          const [_, name] = child.name.split('-');
+          return {
+            ...child,
+            count: statistic.value[name.toLowerCase()],
+          };
+        });
+      }
+      return e;
+    });
+  });
+
+  const activeModuleTitle = computed(() => {
+    const [_, moduleName] = activeTaskType.value.split('-');
+    const module = moduleItems.find((item) => item.name === moduleName);
+    return module ? module.title : '';
+  });
+  const allSelect = ref<boolean>(false);
+  const selectedKeys = ref<string[]>([]);
+  const listTotal = ref(0);
+  const listAllKeys = ref<string[]>([]);
+  const indeterminate = computed(() => {
+    if (selectedKeys.value.length === 0 || selectedKeys.value.length === listTotal.value) {
+      return false;
+    }
+    return selectedKeys.value.length > 0;
+  });
+
+  function handleSelectAll() {
+    if (allSelect.value === true) {
+      selectedKeys.value = [...listAllKeys.value];
+    } else {
+      selectedKeys.value = [];
+    }
+  }
+
+  watch(
+    () => selectedKeys.value,
+    (val) => {
+      if (val.length === 0) {
+        allSelect.value = false;
+      } else if (val.length === listTotal.value) {
+        allSelect.value = true;
+      } else {
+        allSelect.value = false;
+      }
+    }
+  );
+
+  async function initStatistic() {
+    try {
+      statistic.value = await getTodoStatistic();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  watch(
+    () => show.value,
+    (val) => {
+      if (val) {
+        initStatistic();
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  function handleListInit(total: number, keys: string[]) {
+    listTotal.value = total;
+    listAllKeys.value = keys;
+  }
+
+  const taskListRef = ref<InstanceType<typeof taskList>>();
+  function searchData(val?: string) {
+    taskListRef.value?.loadTaskList(true, val);
+  }
+
+  function refresh() {
+    searchData();
+    initStatistic();
+  }
+
+  const approvalVisible = ref(false);
+  const approvalType = ref<'approve' | 'reject'>('approve');
+
+  function handleReject() {
+    approvalType.value = 'reject';
+    approvalVisible.value = true;
+  }
+
+  function handleApprove() {
+    approvalType.value = 'approve';
+    approvalVisible.value = true;
+  }
+
+  watch(
+    () => show.value,
+    (val) => {
+      if (!val) {
+        keyword.value = '';
+        activeTaskType.value = 'pending-QUOTATION';
+      } else if (props.type) {
+        activeTaskType.value = `${props.type}-QUOTATION`;
+      }
+    }
+  );
+
+  const approvalConfigDetail = ref<ApprovalProcessDetail>();
+
+  async function initApprovalConfigDetail() {
+    try {
+      const [_, resourceType] = activeTaskType.value.split('-');
+      approvalConfigDetail.value = await getApprovalConfigDetail(resourceType);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  watch(
+    () => activeTaskType.value,
+    () => {
+      initApprovalConfigDetail();
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  const activeResourceId = ref('');
+  const contractDetailVisible = ref(false);
+  const quotationDetailVisible = ref(false);
+  const orderDetailVisible = ref(false);
+  const invoiceDetailVisible = ref(false);
+  const approvalFlowId = ref('');
+  const approvalTaskId = ref('');
+  function handleOpenDetail(resourceId: string, _approvalFlowId: string, _approvalTaskId: string) {
+    activeResourceId.value = resourceId;
+    approvalFlowId.value = _approvalFlowId;
+    approvalTaskId.value = _approvalTaskId;
+    const [_, resourceType] = activeTaskType.value.split('-');
+    switch (resourceType) {
+      case ApprovalResourceTypeEnum.CONTRACT:
+        contractDetailVisible.value = true;
+        break;
+      case ApprovalResourceTypeEnum.QUOTATION:
+        quotationDetailVisible.value = true;
+        break;
+      case ApprovalResourceTypeEnum.ORDER:
+        orderDetailVisible.value = true;
+        break;
+      case ApprovalResourceTypeEnum.INVOICE:
+        invoiceDetailVisible.value = true;
+        break;
+      default:
+        break;
+    }
+  }
+
+  function handleApproveSuccess() {
+    initStatistic();
+    taskListRef.value?.loadTaskList(true);
+    allSelect.value = false;
+    selectedKeys.value = [];
+  }
+</script>
+
+<style lang="less" scoped>
+  .task-wrapper {
+    @apply flex h-full;
+    .task-class {
+      width: 268px;
+      border-right: 1px solid var(--text-n8);
+      @apply h-full;
+      .task-count {
+        color: var(--text-n4);
+      }
+      .task-item {
+        @apply flex w-full cursor-pointer items-center justify-between;
+
+        padding: 6px 16px;
+        padding-left: 20px;
+        &--active {
+          color: var(--primary-8);
+          background-color: var(--primary-7);
+        }
+      }
+      .n-collapse-item {
+        border-top: none !important;
+        &:not(:first-child) {
+          margin-top: 8px;
+        }
+        :deep(.n-collapse-item__header) {
+          padding: 4px 0;
+          .n-collapse-item__header-main {
+            line-height: 26px;
+          }
+        }
+        :deep(.n-collapse-item__content-inner) {
+          padding: 0;
+        }
+      }
+      .collapse-item--active {
+        :deep(.n-collapse-item__header-main) {
+          color: var(--primary-8);
+        }
+      }
+    }
+    .task-footer {
+      position: absolute;
+      bottom: 0;
+      width: 268px;
+      height: 56px;
+    }
+    .task-content {
+      width: calc(100% - 268px);
+      @apply h-full overflow-hidden;
+      :deep(.n-checkbox__label) {
+        font-weight: 600;
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-task-drawer/locale/en-US.ts b/frontend/packages/web/src/components/business/crm-task-drawer/locale/en-US.ts
new file mode 100644
index 0000000..ca11fd8
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-task-drawer/locale/en-US.ts
@@ -0,0 +1,20 @@
+export default {
+  'taskDrawer.applicant': 'Applicant',
+  'taskDrawer.applyTime': 'Apply Time',
+  'taskDrawer.approved': 'Approved',
+  'taskDrawer.approveReason': 'Approve Reason',
+  'taskDrawer.confirmApprove': 'Confirm Approve',
+  'taskDrawer.rejected': 'Rejected',
+  'taskDrawer.rejectReason': 'Reject Reason',
+  'taskDrawer.confirmReject': 'Confirm Reject',
+  'taskDrawer.items': '({count} items)',
+  'taskDrawer.result.PENDING': 'Pending',
+  'taskDrawer.result.APPROVING': 'In Progress',
+  'taskDrawer.result.APPROVED': 'Approved',
+  'taskDrawer.result.UNAPPROVED': 'Rejected',
+  'taskDrawer.result.REVOKED': 'Revoked',
+  'taskDrawer.operation.APPROVE': 'Approve',
+  'taskDrawer.operation.REJECT': 'Reject',
+  'taskDrawer.operation.SIGN': 'Sign',
+  'taskDrawer.operation.BACK': 'Back',
+};
diff --git a/frontend/packages/web/src/components/business/crm-task-drawer/locale/zh-CN.ts b/frontend/packages/web/src/components/business/crm-task-drawer/locale/zh-CN.ts
new file mode 100644
index 0000000..1c781f5
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-task-drawer/locale/zh-CN.ts
@@ -0,0 +1,20 @@
+export default {
+  'taskDrawer.applicant': '申请人',
+  'taskDrawer.applyTime': '提交时间',
+  'taskDrawer.approved': '已通过',
+  'taskDrawer.approveReason': '通过原因',
+  'taskDrawer.confirmApprove': '确认通过',
+  'taskDrawer.rejected': '已驳回',
+  'taskDrawer.rejectReason': '驳回原因',
+  'taskDrawer.confirmReject': '确认驳回',
+  'taskDrawer.items': '({count} 条)',
+  'taskDrawer.result.PENDING': '待审批',
+  'taskDrawer.result.APPROVING': '审批中',
+  'taskDrawer.result.APPROVED': '已通过',
+  'taskDrawer.result.UNAPPROVED': '已驳回',
+  'taskDrawer.result.REVOKED': '已撤销',
+  'taskDrawer.operation.APPROVE': '通过',
+  'taskDrawer.operation.REJECT': '驳回',
+  'taskDrawer.operation.SIGN': '加签',
+  'taskDrawer.operation.BACK': '退回',
+};
diff --git a/frontend/packages/web/src/components/business/crm-task-drawer/taskList.vue b/frontend/packages/web/src/components/business/crm-task-drawer/taskList.vue
new file mode 100644
index 0000000..bebc0bc
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-task-drawer/taskList.vue
@@ -0,0 +1,328 @@
+<template>
+  <n-spin :show="loading" class="h-[calc(100%-48px)] min-h-[300px]">
+    <n-checkbox-group v-model:value="selectedKeys" :disabled="!approvalConfigDetail?.allowBatchProcess" class="h-full">
+      <CrmList
+        v-if="list.length"
+        v-model:data="list"
+        :virtual-scroll-height="props.virtualScrollHeight"
+        :key-field="props.keyField"
+        :item-height="114"
+        mode="remote"
+        @reach-bottom="handleReachBottom"
+      >
+        <template #item="{ item }">
+          <div
+            class="task-item"
+            :class="selectedKeys.includes(item.approvalTaskId) ? '!border-[var(--primary-8)]' : ''"
+            @click.stop="
+              () => {
+                if (!props.activeTaskType.includes('copied') || getResourcePermission(item)) {
+                  emit('openDetail', item.resourceId, item.approvalFlowId, item.approvalTaskId);
+                }
+              }
+            "
+          >
+            <n-checkbox
+              v-if="props.activeTaskType?.includes('pending') && approvalConfigDetail?.allowBatchProcess"
+              :value="item.approvalTaskId"
+              class="mt-[4px]"
+              @click.stop
+            />
+            <div class="task-item-content">
+              <div class="flex w-full items-center gap-[16px]">
+                <div class="flex items-center gap-[8px]">
+                  <CrmTag
+                    v-if="props.activeTaskType?.includes('approved')"
+                    :color="getApprovedTagColor(item.approvalOperation)"
+                    bordered
+                  >
+                    {{ t(`taskDrawer.operation.${item.approvalOperation}`) }}
+                  </CrmTag>
+                  <CrmApprovalStatus :status="item.dataResult" isTag scene="approvalRecord" />
+                </div>
+                <CrmTableButton
+                  v-if="!props.activeTaskType.includes('copied')"
+                  type="primary"
+                  text
+                  size="small"
+                  class="text-[14px]"
+                  @click="emit('openDetail', item.resourceId, item.approvalFlowId, item.approvalTaskId)"
+                >
+                  {{ item.resourceName }}
+                  <template #trigger> {{ item.resourceName }} </template>
+                </CrmTableButton>
+                <CrmTableButton
+                  v-else-if="getResourcePermission(item)"
+                  type="primary"
+                  text
+                  size="small"
+                  class="text-[14px]"
+                  @click="emit('openDetail', item.resourceId, item.approvalFlowId, item.approvalTaskId)"
+                >
+                  {{ item.resourceName }}
+                  <template #trigger> {{ item.resourceName }} </template>
+                </CrmTableButton>
+                <n-tooltip v-else trigger="hover">
+                  <template #trigger>
+                    {{ item.resourceName }}
+                  </template>
+                  {{ item.resourceName }}
+                </n-tooltip>
+              </div>
+              <div class="flex w-full items-center justify-between">
+                <div class="flex gap-[24px]">
+                  <div class="flex items-center gap-[8px]">
+                    <div class="text-[var(--text-n2)]">{{ t('taskDrawer.applicant') }}</div>
+                    <div>{{ item.applicant }}</div>
+                  </div>
+                  <div class="flex items-center gap-[8px]">
+                    <div class="text-[var(--text-n2)]">{{ t('taskDrawer.applyTime') }}</div>
+                    <div>{{ dayjs(item.submitTime).format('YYYY-MM-DD HH:mm:ss') }}</div>
+                  </div>
+                </div>
+                <div v-if="props.activeTaskType?.includes('pending')" class="flex gap-[12px]">
+                  <n-button type="error" ghost size="small" @click.stop="handleReject(item)">
+                    {{ t('common.reject') }}
+                  </n-button>
+                  <n-button type="primary" size="small" @click.stop="handleApprove(item)">
+                    {{ t('common.approve') }}
+                  </n-button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </template>
+      </CrmList>
+      <div v-else-if="!loading && finished" class="w-full p-[16px] text-center text-[var(--text-n4)]">
+        {{ props.emptyText || t('common.noData') }}
+      </div>
+    </n-checkbox-group>
+  </n-spin>
+  <approvalModal
+    v-model:show="approvalVisible"
+    :approval-type="approvalType"
+    :approval-item="approvalItem"
+    :approval-item-keys="selectedKeys"
+    :approval-flow-id="approvalItem?.approvalFlowId || ''"
+    module="WORKBENCH"
+    @approval-cancel="handleApproveCancel"
+    @approval-success="handleApproveSuccess"
+  />
+</template>
+
+<script lang="ts" setup>
+  import { NButton, NCheckbox, NCheckboxGroup, NSpin, NTooltip } from 'naive-ui';
+  import dayjs from 'dayjs';
+
+  import { ApprovalListTypeEnum, ApprovalOperationEnum, ApprovalResourceTypeEnum } from '@lib/shared/enums/process';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { ApprovalProcessDetail, ApprovalTodoItem } from '@lib/shared/models/system/process';
+
+  import CrmList from '@/components/pure/crm-list/index.vue';
+  import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import CrmApprovalStatus from '@/components/business/crm-approval/components/crm-approval-status.vue';
+  import approvalModal from './approvalModal.vue';
+
+  import {
+    getCcApprovalList,
+    getInitiatedApprovalList,
+    getPendingApprovalList,
+    getProcessedApprovalList,
+  } from '@/api/modules/index';
+  import { hasAnyPermission } from '@/utils/permission.js';
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    keyField: string;
+    virtualScrollHeight: string;
+    emptyText?: string;
+    loadParams?: Record<string, any>;
+    activeTaskType: string;
+    approvalConfigDetail?: ApprovalProcessDetail;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'openDetail', id: string, approvalFlowId: string, approvalTaskId: string): void;
+    (e: 'listInit', total: number, keys: string[]): void;
+    (e: 'approvalSuccess'): void;
+  }>();
+
+  const selectedKeys = defineModel<any[]>('selectedKeys', {
+    required: false,
+    default: () => [],
+  });
+
+  const list = ref<ApprovalTodoItem[]>([]);
+  const loading = ref(false);
+
+  const pageNation = ref({
+    total: 0,
+    pageSize: 10,
+    current: 1,
+  });
+
+  const finished = ref(false);
+  const lisApiMap = {
+    [ApprovalListTypeEnum.PENDING]: getPendingApprovalList,
+    [ApprovalListTypeEnum.APPROVAL]: getProcessedApprovalList,
+    [ApprovalListTypeEnum.INITIATED]: getInitiatedApprovalList,
+    [ApprovalListTypeEnum.COPIED]: getCcApprovalList,
+  };
+  async function loadTaskList(refresh = true, keyword?: string) {
+    try {
+      loading.value = true;
+      if (refresh) {
+        finished.value = false;
+        pageNation.value.current = 1;
+        list.value = [];
+      }
+      const [listType, resourceType] = props.activeTaskType.split('-');
+      const res = await lisApiMap[listType as ApprovalListTypeEnum]({
+        current: pageNation.value.current,
+        pageSize: 20,
+        resourceType: resourceType as ApprovalResourceTypeEnum,
+        ...props.loadParams,
+        keyword: keyword !== undefined ? keyword : props.loadParams?.keyword || '',
+      });
+      if (res) {
+        list.value = list.value.concat(res.list);
+        pageNation.value.total = res.total;
+        emit(
+          'listInit',
+          res.total,
+          list.value.map((e) => e.approvalTaskId)
+        );
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+      finished.value = true;
+    }
+  }
+
+  function handleReachBottom() {
+    pageNation.value.current += 1;
+    if (pageNation.value.current > Math.ceil(pageNation.value.total / pageNation.value.pageSize)) {
+      return;
+    }
+    loadTaskList(false);
+  }
+
+  watch(
+    () => props.activeTaskType,
+    (val) => {
+      if (val) {
+        loadTaskList();
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  const approvalVisible = ref(false);
+  const approvalType = ref<'approve' | 'reject'>('approve');
+  const approvalItem = ref<ApprovalTodoItem>();
+
+  function handleReject(item: ApprovalTodoItem) {
+    approvalItem.value = item;
+    approvalType.value = 'reject';
+    approvalVisible.value = true;
+  }
+
+  function handleApprove(item: ApprovalTodoItem) {
+    approvalItem.value = item;
+    approvalType.value = 'approve';
+    approvalVisible.value = true;
+  }
+
+  function handleApproveSuccess() {
+    loadTaskList(true);
+    selectedKeys.value = [];
+    emit('approvalSuccess');
+  }
+
+  function handleApproveCancel() {
+    approvalVisible.value = false;
+    approvalItem.value = undefined;
+    selectedKeys.value = [];
+  }
+
+  function getApprovedTagColor(result: ApprovalOperationEnum) {
+    switch (result) {
+      case ApprovalOperationEnum.APPROVE:
+        return {
+          color: 'transparent',
+          textColor: 'var(--success-green)',
+          borderColor: 'var(--success-green)',
+        };
+      case ApprovalOperationEnum.REJECT:
+        return {
+          color: 'transparent',
+          textColor: 'var(--error-red)',
+          borderColor: 'var(--error-red)',
+        };
+      case ApprovalOperationEnum.SIGN:
+        return {
+          color: 'transparent',
+          textColor: 'var(--info-blue)',
+          borderColor: 'var(--info-blue)',
+        };
+      case ApprovalOperationEnum.BACK:
+      default:
+        return {
+          color: 'transparent',
+          textColor: 'var(--text-n1)',
+          borderColor: 'var(--text-n7)',
+        };
+    }
+  }
+
+  function getResourcePermission(item: ApprovalTodoItem) {
+    switch (item.resourceType) {
+      case ApprovalResourceTypeEnum.CONTRACT:
+        return hasAnyPermission(['CONTRACT:READ']);
+      case ApprovalResourceTypeEnum.INVOICE:
+        return hasAnyPermission(['CONTRACT_INVOICE:READ']);
+      case ApprovalResourceTypeEnum.ORDER:
+        return hasAnyPermission(['ORDER:READ']);
+      case ApprovalResourceTypeEnum.QUOTATION:
+        return hasAnyPermission(['OPPORTUNITY_QUOTATION:READ']);
+      default:
+        return false;
+    }
+  }
+
+  defineExpose({
+    loadTaskList,
+  });
+</script>
+
+<style lang="less" scoped>
+  .task-item {
+    @apply flex cursor-pointer justify-between;
+
+    margin-bottom: 16px;
+    padding: 16px;
+    border: 1px solid var(--text-n8);
+    border-radius: var(--border-radius-small);
+    gap: 16px;
+    &:hover {
+      background-color: var(--text-n9);
+    }
+    .task-item-content {
+      @apply flex flex-1 flex-wrap items-center;
+
+      gap: 8px;
+    }
+  }
+  :deep(.crm-list-item) {
+    &:hover {
+      background: var(--text-n9);
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-time-range-picker/config.ts b/frontend/packages/web/src/components/business/crm-time-range-picker/config.ts
new file mode 100644
index 0000000..a3d0e8d
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-time-range-picker/config.ts
@@ -0,0 +1,37 @@
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+const { t } = useI18n();
+
+export const timeOptions = [
+  { label: t('workbench.today'), value: 'TODAY' },
+  { label: t('common.yesterday'), value: 'YESTERDAY' },
+  { label: t('common.tomorrow'), value: 'TOMORROW' },
+  { label: t('workbench.thisWeek'), value: 'WEEK' },
+  { label: t('common.lastWeek'), value: 'LAST_WEEK' },
+  { label: t('common.nextWeek'), value: 'NEXT_WEEK' },
+  { label: t('workbench.thisMonth'), value: 'MONTH' },
+  { label: t('common.lastMonth'), value: 'LAST_MONTH' },
+  { label: t('common.nextMonth'), value: 'NEXT_MONTH' },
+  { label: t('common.lastSevenDays'), value: 'LAST_SEVEN' },
+  { label: t('common.nextSevenDays'), value: 'SEVEN' },
+  { label: t('common.lastThirtyDays'), value: 'LAST_THIRTY' },
+  { label: t('common.nextThirtyDays'), value: 'THIRTY' },
+  { label: t('common.lastSixtyDays'), value: 'LAST_SIXTY' },
+  { label: t('common.nextSixtyDays'), value: 'SIXTY' },
+  { label: t('common.thisQuarter'), value: 'QUARTER' },
+  { label: t('common.lastQuarter'), value: 'LAST_QUARTER' },
+  { label: t('common.nextQuarter'), value: 'NEXT_QUARTER' },
+  { label: t('common.thisYear'), value: 'YEAR' },
+  { label: t('common.lastYear'), value: 'LAST_YEAR' },
+  { label: t('common.nextYear'), value: 'NEXT_YEAR' },
+  { label: t('common.custom'), value: 'CUSTOM' },
+];
+
+export const unitOptions = [
+  { label: t('common.day'), value: 'BEFORE_DAY' },
+  { label: t('common.afterDay'), value: 'AFTER_DAY' },
+  { label: t('common.week'), value: 'BEFORE_WEEK' },
+  { label: t('common.afterWeek'), value: 'AFTER_WEEK' },
+  { label: t('common.month'), value: 'BEFORE_MONTH' },
+  { label: t('common.afterMonth'), value: 'AFTER_MONTH' },
+];
diff --git a/frontend/packages/web/src/components/business/crm-time-range-picker/index.vue b/frontend/packages/web/src/components/business/crm-time-range-picker/index.vue
new file mode 100644
index 0000000..074af74
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-time-range-picker/index.vue
@@ -0,0 +1,180 @@
+<template>
+  <div v-if="isDynamics" class="w-full">
+    <div class="flex items-center gap-[8px]">
+      <n-select
+        v-model:value="dynamicValue[0]"
+        class="flex-1"
+        :disabled="props.disabled"
+        :options="timeOptions"
+        :placeholder="t('common.pleaseSelect')"
+      />
+      <CrmInputNumber
+        v-if="dynamicValue[0] === 'CUSTOM'"
+        v-model:value="dynamicValue[1]"
+        max="10000"
+        :disabled="props.disabled"
+        :precision="0"
+        class="flex-1"
+        :min="1"
+      />
+      <n-select
+        v-if="dynamicValue[0] === 'CUSTOM'"
+        v-model:value="dynamicValue[2]"
+        class="flex-1"
+        :disabled="props.disabled"
+        :options="unitOptions"
+        :placeholder="t('common.pleaseSelect')"
+      />
+    </div>
+    <div class="text-[12px] text-[var(--primary-8)]">{{ formattedDateRange }}</div>
+  </div>
+  <n-date-picker
+    v-else
+    v-model:value="fixedValue"
+    class="w-full"
+    :disabled="props.disabled"
+    type="datetimerange"
+    clearable
+    :default-time="[undefined, '23:59:59']"
+  />
+</template>
+
+<script setup lang="ts">
+  import { computed, ref, watch } from 'vue';
+  import { NDatePicker, NSelect } from 'naive-ui';
+  import dayjs from 'dayjs';
+
+  import { OperatorEnum } from '@lib/shared/enums/commonEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmInputNumber from '@/components/pure/crm-input-number/index.vue';
+
+  import { timeOptions, unitOptions } from './config';
+
+  const props = defineProps<{
+    timeRangeType?: OperatorEnum;
+    disabled?: boolean;
+  }>();
+
+  const { t } = useI18n();
+
+  const modelValue = defineModel<string>('value', { default: '' });
+
+  const isDynamics = computed(() => props.timeRangeType === OperatorEnum.DYNAMICS);
+
+  // 固定模式下的数据：一个日期范围（两个时间戳）
+  const fixedValue = ref<[number, number] | undefined>(undefined);
+  const defaultTime = 'WEEK';
+  const defaultNum = 6;
+  const defaultUnit = 'BEFORE_DAY';
+
+  // 动态时间段（如：本周、过去7天、自定义等）
+  const dynamicValue = ref<[string, number | undefined, string | undefined]>([defaultTime, defaultNum, defaultUnit]);
+
+  watch(
+    () => modelValue.value,
+    (val) => {
+      let parts: any[] = [];
+      if (val) {
+        parts = val.split(',');
+      }
+      if (isDynamics.value) {
+        const type = parts[0] ?? defaultTime;
+
+        if (type === 'CUSTOM') {
+          dynamicValue.value = ['CUSTOM', !Number(parts[1]) ? undefined : Number(parts[1]), parts[2]];
+        } else {
+          dynamicValue.value = [type, undefined, undefined];
+        }
+      } else {
+        const start = Number(parts[0]);
+        const end = Number(parts[1]);
+        fixedValue.value = start && end ? [start, end] : undefined;
+      }
+    },
+    { immediate: true }
+  );
+
+  watch(
+    () => dynamicValue.value[0],
+    () => {
+      if (
+        isDynamics.value &&
+        dynamicValue.value[0] === 'CUSTOM' &&
+        dynamicValue.value[1] === undefined &&
+        dynamicValue.value[2] === undefined
+      ) {
+        modelValue.value = `CUSTOM,${defaultNum},${defaultUnit}`;
+      }
+    }
+  );
+
+  watch(
+    () => dynamicValue.value,
+    ([type, value, unit]) => {
+      if (isDynamics.value) {
+        if (type === 'CUSTOM') {
+          modelValue.value = `CUSTOM,${value},${unit}`;
+        } else {
+          modelValue.value = type;
+        }
+      }
+    },
+    { deep: true, immediate: true }
+  );
+
+  watch(
+    () => fixedValue.value,
+    (val) => {
+      if (!isDynamics.value) {
+        modelValue.value = val ? `${val[0]},${val[1]}` : '';
+      }
+    },
+    { deep: true }
+  );
+
+  watch(
+    () => props.timeRangeType,
+    () => {
+      if (isDynamics.value && !modelValue.value) {
+        modelValue.value = defaultTime;
+      }
+    }
+  );
+
+  function calculateDynamicDateRange(value: number, unitValue: string) {
+    const DATE_FORMAT = 'YYYY-MM-DD HH:mm:ss';
+    const now = dayjs();
+    let date: dayjs.Dayjs;
+
+    switch (unitValue) {
+      case 'BEFORE_DAY':
+        date = now.subtract(value, 'day');
+        break;
+      case 'AFTER_DAY':
+        date = now.add(value, 'day');
+        break;
+      case 'BEFORE_WEEK':
+        date = now.subtract(value, 'week');
+        break;
+      case 'AFTER_WEEK':
+        date = now.add(value, 'week');
+        break;
+      case 'BEFORE_MONTH':
+        date = now.subtract(value, 'month');
+        break;
+      case 'AFTER_MONTH':
+        date = now.add(value, 'month');
+        break;
+      default:
+        return '';
+    }
+    return date.format(DATE_FORMAT);
+  }
+
+  const formattedDateRange = computed(() => {
+    // 只有在动态模式下才计算日期范围
+    if (!isDynamics.value || dynamicValue.value[1] === undefined || dynamicValue.value[2] === undefined) return '';
+    return calculateDynamicDateRange(dynamicValue.value[1], dynamicValue.value[2]);
+  });
+</script>
diff --git a/frontend/packages/web/src/components/business/crm-top-menu/index.vue b/frontend/packages/web/src/components/business/crm-top-menu/index.vue
new file mode 100644
index 0000000..d1dd623
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-top-menu/index.vue
@@ -0,0 +1,141 @@
+<template>
+  <n-menu
+    v-model:value="activeMenu"
+    class="crm-top-menu"
+    mode="horizontal"
+    :options="topMenuList"
+    :node-props="getNodeProps"
+    responsive
+    @update:value="handleSelected"
+  />
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { RouteRecordName, RouteRecordRaw, useRouter } from 'vue-router';
+  import { MenuGroupOption, MenuOption, NMenu } from 'naive-ui';
+  import { cloneDeep, debounce } from 'lodash-es';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { listenerRouteChange } from '@lib/shared/method/route-listener';
+
+  import usePermission from '@/hooks/usePermission';
+  import appClientMenus from '@/router/app-menus';
+  import useAppStore from '@/store/modules/app';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const { t } = useI18n();
+  const permission = usePermission();
+
+  const copyRouters = cloneDeep(appClientMenus) as RouteRecordRaw[];
+
+  const appStore = useAppStore();
+
+  const router = useRouter();
+
+  const topMenuList = computed<MenuOption[]>(() => {
+    return appStore.getTopMenus
+      .map((e: any) => {
+        return {
+          key: e.name,
+          label: t(e?.meta?.locale ?? ''),
+          hasPermission: hasAnyPermission(e?.meta?.permissions),
+        };
+      })
+      .filter((item) => item.hasPermission);
+  });
+
+  const activeMenu: Ref<string | null> = ref('');
+
+  function getNodeProps(option: MenuOption | MenuGroupOption) {
+    return {
+      class: `${option.key === activeMenu.value ? 'crm-top-menu-selected-item' : ''}`,
+    };
+  }
+
+  function checkAuthMenu() {
+    const topMenus = appStore.getTopMenus;
+    appStore.setTopMenus(topMenus);
+  }
+
+  watch(
+    () => appStore.getCurrentTopMenu?.name,
+    (val) => {
+      checkAuthMenu();
+      activeMenu.value = val as string;
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  function setCurrentTopMenu(key: string) {
+    // 先判断全等，避免同级路由出现命名包含情况
+    const secParentFullSame = appStore.topMenus.find((route: RouteRecordRaw) => {
+      return key === route?.name;
+    });
+
+    // 非全等的情况下，一定是父子路由包含关系
+    const secParentLike = appStore.topMenus.find((route: RouteRecordRaw) => {
+      return key.includes(route?.name as string);
+    });
+
+    if (secParentFullSame) {
+      appStore.setCurrentTopMenu(secParentFullSame);
+    } else if (secParentLike) {
+      appStore.setCurrentTopMenu(secParentLike);
+    }
+  }
+
+  const handleSelected = debounce((route: RouteRecordName | undefined) => {
+    router.push({ name: route });
+  }, 150);
+
+  /**
+   * 监听路由变化，存储打开的顶部菜单
+   */
+  listenerRouteChange((newRoute) => {
+    const { name } = newRoute;
+    for (let i = 0; i < copyRouters.length; i++) {
+      const firstRoute = copyRouters[i];
+      // 权限校验通过
+      if (permission.accessRouter(firstRoute)) {
+        if (name && firstRoute?.name && (name as string).includes(firstRoute.name as string)) {
+          let currentParent = firstRoute?.children?.some((item) => item.meta?.isTopMenu)
+            ? (firstRoute as RouteRecordRaw)
+            : undefined;
+
+          if (!currentParent) {
+            // 二级菜单非顶部菜单，则判断三级菜单是否有顶部菜单
+            currentParent = firstRoute?.children?.find(
+              (item) => name && item?.name && (name as string).includes(item.name as string)
+            );
+          }
+          const filterMenuTopRouter = currentParent?.children?.filter((item: any) => item.meta?.isTopMenu) || [];
+          appStore.setTopMenus(filterMenuTopRouter);
+          setCurrentTopMenu(name as string);
+          return;
+        }
+      }
+    }
+    appStore.setTopMenus([]);
+    setCurrentTopMenu('');
+  }, true);
+</script>
+
+<style lang="less">
+  .crm-top-menu {
+    &.n-menu {
+      .n-menu-item {
+        height: 32px !important;
+        &.crm-top-menu-selected-item {
+          border-radius: --border-radius-small;
+          background: var(--primary-7);
+        }
+        .n-menu-item-content {
+          padding: 0 16px;
+        }
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-transfer-modal/index.vue b/frontend/packages/web/src/components/business/crm-transfer-modal/index.vue
new file mode 100644
index 0000000..f4de679
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-transfer-modal/index.vue
@@ -0,0 +1,97 @@
+<template>
+  <CrmModal
+    v-model:show="showModal"
+    size="small"
+    :title="title"
+    :ok-loading="loading"
+    :positive-text="props.positiveText || t('common.transfer')"
+    @confirm="confirmHandler"
+    @cancel="closeHandler"
+  >
+    <TransferForm ref="transferFormRef" v-model:form="form" />
+  </CrmModal>
+</template>
+
+<script lang="ts" setup>
+  import { DataTableRowKey, useMessage } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { TransferParams } from '@lib/shared/models/customer/index';
+
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+  import TransferForm from './transferForm.vue';
+
+  import { defaultTransferForm } from '@/config/opportunity';
+
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  interface TransferModalProps {
+    title?: string;
+    sourceIds: DataTableRowKey[];
+    isBatch?: boolean;
+    positiveText?: string;
+    saveApi?: (params: TransferParams) => Promise<any>;
+  }
+
+  const props = withDefaults(defineProps<TransferModalProps>(), {
+    isBatch: true,
+  });
+
+  const emit = defineEmits<{
+    (e: 'loadList'): void;
+    (e: 'confirm', owner: string | null): void;
+  }>();
+
+  const showModal = defineModel<boolean>('show', {
+    required: true,
+    default: false,
+  });
+
+  const title = computed(() => {
+    if (props.title) {
+      return props.title;
+    }
+    return props.isBatch ? t('common.batchTransfer') : t('common.transfer');
+  });
+
+  const form = ref<TransferParams>({
+    ...defaultTransferForm,
+  });
+
+  function closeHandler() {
+    form.value = { ...defaultTransferForm };
+  }
+
+  const loading = ref<boolean>(false);
+
+  const transferFormRef = ref<InstanceType<typeof TransferForm>>();
+
+  function confirmHandler() {
+    transferFormRef.value?.formRef?.validate(async (error) => {
+      if (!error) {
+        if (props.saveApi) {
+          try {
+            loading.value = true;
+            await props.saveApi({
+              ...form.value,
+              ids: props.sourceIds,
+            });
+            showModal.value = false;
+            emit('loadList');
+            Message.success(t('common.transferSuccess'));
+          } catch (e) {
+            // eslint-disable-next-line no-console
+            console.log(e);
+          } finally {
+            loading.value = false;
+          }
+        } else {
+          emit('confirm', form.value.owner);
+        }
+      }
+    });
+  }
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-transfer-modal/transferForm.vue b/frontend/packages/web/src/components/business/crm-transfer-modal/transferForm.vue
new file mode 100644
index 0000000..5cdcf87
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-transfer-modal/transferForm.vue
@@ -0,0 +1,56 @@
+<template>
+  <n-form
+    ref="formRef"
+    :model="form"
+    :rules="rules"
+    label-placement="left"
+    label-width="auto"
+    require-mark-placement="left"
+    class="min-w-[350px]"
+  >
+    <n-form-item path="owner" :label="t('opportunity.receiver')">
+      <CrmUserSelect
+        v-model:value="form.owner"
+        :placeholder="t('opportunity.selectReceiverPlaceholder')"
+        value-field="id"
+        label-field="name"
+        mode="remote"
+        :fetch-api="getUserOptions"
+        max-tag-count="responsive"
+      />
+    </n-form-item>
+  </n-form>
+</template>
+
+<script lang="ts" setup>
+  import { FormInst, FormRules, NForm, NFormItem } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { TransferParams } from '@lib/shared/models/customer/index';
+
+  import CrmUserSelect from '@/components/business/crm-user-select/index.vue';
+
+  import { getUserOptions } from '@/api/modules';
+  import { defaultTransferForm } from '@/config/opportunity';
+
+  const { t } = useI18n();
+
+  const form = defineModel<TransferParams>('form', {
+    required: true,
+    default: {
+      ...defaultTransferForm,
+    },
+  });
+
+  const formRef = ref<FormInst | null>(null);
+
+  const rules: FormRules = {
+    owner: [{ trigger: ['input', 'blur'], required: true, message: t('opportunity.selectReceiverPlaceholder') }],
+  };
+
+  defineExpose({
+    formRef,
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-user-select/index.vue b/frontend/packages/web/src/components/business/crm-user-select/index.vue
new file mode 100644
index 0000000..98f42c0
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-user-select/index.vue
@@ -0,0 +1,141 @@
+<template>
+  <n-select
+    v-model:value="innerValue"
+    v-bind="{
+      valueField: props.valueField,
+      labelField: props.labelField,
+      ...$attrs,
+    }"
+    filterable
+    clearable
+    max-tag-count="responsive"
+    :options="sortedOptions"
+    :placeholder="props.placeholder || t('common.pleaseSelect')"
+    @search="handleSearch"
+    @update:value="change"
+  />
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { NSelect } from 'naive-ui';
+  import { debounce } from 'lodash-es';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import useLocalForage from '@/hooks/useLocalForage';
+
+  import { SelectBaseOption, SelectMixedOption } from 'naive-ui/es/select/src/interface';
+
+  const { t } = useI18n();
+  const { setItem, getItem } = useLocalForage();
+
+  export interface CrmUserSelectProps {
+    mode?: 'remote' | 'static';
+    labelField?: string;
+    valueField?: string;
+    placeholder?: string;
+    options?: SelectMixedOption[];
+    fetchApi?: (params: Record<string, any>) => Promise<Record<string, any>[]>;
+    params?: Record<string, any>;
+    disabledIds?: string[];
+  }
+
+  const props = withDefaults(defineProps<CrmUserSelectProps>(), {
+    mode: 'static',
+    labelField: 'label',
+    valueField: 'value',
+  });
+
+  const emit = defineEmits<{
+    (
+      e: 'change',
+      value: Array<string | number> | string | number | null,
+      option: SelectBaseOption | null | SelectBaseOption[]
+    ): void;
+  }>();
+
+  const innerValue = defineModel<string | number | Array<string | number> | null>('value', {
+    required: true,
+    default: null,
+  });
+
+  const recentlyUserIds = ref<string[]>([]);
+  const optionsList = ref<SelectMixedOption[]>([]);
+
+  const loadUsers = async (keyword = '') => {
+    if (props.mode !== 'remote' || !props.fetchApi) return;
+
+    try {
+      const res = await props.fetchApi({ keyword, ...props.params });
+      optionsList.value = res.map((user) => ({
+        [props.labelField]: user[props.labelField],
+        [props.valueField]: user[props.valueField],
+        disabled: props.disabledIds?.includes(user[props.valueField]),
+      }));
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  };
+
+  const handleSearch = debounce(async (query: string) => {
+    if (props.mode === 'remote' && props.fetchApi) {
+      await loadUsers(query);
+    }
+  }, 100);
+
+  function updateRecentlyUserIds(value: string | number) {
+    if (!value) return;
+    const newIds = [String(value), ...recentlyUserIds.value.filter((id) => id !== String(value))];
+    recentlyUserIds.value = newIds.slice(0, 5); // 保持最近5个用户
+    setItem('recentlyUserIds', recentlyUserIds.value);
+  }
+
+  function change(
+    value: Array<string | number> | string | number | null,
+    option: SelectBaseOption | null | SelectBaseOption[]
+  ) {
+    innerValue.value = value;
+    updateRecentlyUserIds(value as string | number);
+    emit('change', value, option);
+  }
+
+  const computedOptions = computed<SelectMixedOption[]>(() => {
+    return props.mode === 'static'
+      ? (props.options || []).map((item) => ({
+          ...item,
+          [props.labelField]: item[props.labelField],
+          [props.valueField]: item[props.valueField],
+          disabled: props.disabledIds?.includes(item[props.valueField] as string),
+        }))
+      : optionsList.value;
+  });
+
+  const sortedOptions = computed<SelectMixedOption[]>(() => {
+    const sorted = [...computedOptions.value];
+    const recentlyIds: SelectMixedOption[] = [];
+    recentlyUserIds.value.forEach((id) => {
+      const index = sorted.findIndex((item) => item[props.valueField] === id);
+      if (index !== -1) {
+        const [item] = sorted.splice(index, 1);
+        recentlyIds.push(item);
+      }
+    });
+    return [...recentlyIds, ...sorted];
+  });
+
+  onMounted(async () => {
+    loadUsers();
+    const ids = await getItem<string[]>('recentlyUserIds');
+    if (ids) {
+      recentlyUserIds.value = ids;
+    }
+  });
+
+  defineExpose({
+    loadUsers,
+  });
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-user-tag-selector/index.vue b/frontend/packages/web/src/components/business/crm-user-tag-selector/index.vue
new file mode 100644
index 0000000..bb21695
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-user-tag-selector/index.vue
@@ -0,0 +1,138 @@
+<template>
+  <div class="w-full">
+    <n-select
+      v-model:value="modelValue"
+      filterable
+      multiple
+      tag
+      :placeholder="t('common.pleaseSelect')"
+      :render-tag="renderTag"
+      :show-arrow="false"
+      :show="false"
+      :disabled="props.disabled"
+      :status="props.status"
+      :max-tag-count="resolvedMaxTagCount"
+      @click="handleShowSelectDrawer"
+    />
+    <CrmSelectUserDrawer
+      ref="crmSelectUserDrawerRef"
+      v-model:visible="showSelectDrawer"
+      :loading="false"
+      :title="props.drawerTitle || t('role.addMember')"
+      :api-type-key="props.apiTypeKey"
+      :disabled-list="modelValue"
+      :multiple="props.multiple"
+      :ok-text="props.okText"
+      :member-types="props.memberTypes"
+      :disabled-node-types="props.disabledNodeTypes"
+      :base-params="props.baseParams"
+      :fetch-org-params="props.fetchOrgParams"
+      :fetch-role-params="props.fetchRoleParams"
+      :fetch-member-params="props.fetchMemberParams"
+      :max-count="props.maxCount"
+      @confirm="handleSelectConfirm"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { NSelect, SelectOption } from 'naive-ui';
+
+  import { MemberApiTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { DeptNodeTypeEnum } from '@lib/shared/enums/systemEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { SelectedUsersItem } from '@lib/shared/models/system/module';
+
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import CrmSelectUserDrawer from '@/components/business/crm-select-user-drawer/index.vue';
+  import type { Option } from '@/components/business/crm-select-user-drawer/type';
+
+  const { t } = useI18n();
+
+  export type UserTagSelectorProps = {
+    apiTypeKey?: MemberApiTypeEnum; // 要配置对应的key
+    disabledNodeTypes?: DeptNodeTypeEnum[]; // 禁用的节点类型
+    userErrorTagIds?: string[];
+    multiple?: boolean;
+    drawerTitle?: string;
+    okText?: string;
+    memberTypes?: Option[];
+    disabled?: boolean;
+    fetchOrgParams?: Record<string, any>; // 组织架构入参
+    fetchRoleParams?: Record<string, any>; // 角色入参
+    fetchMemberParams?: Record<string, any>; // 成员入参
+    baseParams?: Record<string, any>; // 基础公共入参
+    status?: 'error' | 'success' | 'warning';
+    maxTagCount?: 'responsive' | number | false;
+    maxCount?: number;
+  };
+  const props = withDefaults(defineProps<UserTagSelectorProps>(), {
+    multiple: true,
+    apiTypeKey: MemberApiTypeEnum.MODULE_ROLE,
+    maxTagCount: 'responsive',
+  });
+  const selectedList = defineModel<SelectedUsersItem[]>('selectedList', {
+    required: false,
+  });
+  const modelValue = defineModel<string[]>('value', {
+    default: [],
+  });
+
+  const emit = defineEmits<{
+    (e: 'confirm'): void;
+    (e: 'deleteTag'): void;
+  }>();
+
+  const showSelectDrawer = ref(false);
+  const crmSelectUserDrawerRef = ref<InstanceType<typeof CrmSelectUserDrawer>>();
+  const resolvedMaxTagCount = computed(() => (props.maxTagCount === false ? undefined : props.maxTagCount));
+  function handleShowSelectDrawer() {
+    if (props.disabled) return;
+    showSelectDrawer.value = true;
+  }
+
+  function handleSelectConfirm(params: SelectedUsersItem[]) {
+    if (props.multiple) {
+      selectedList.value = [...(selectedList.value || []), ...params];
+    } else {
+      selectedList.value = params;
+    }
+    modelValue.value = selectedList.value?.map((item) => item.id);
+    showSelectDrawer.value = false;
+    emit('confirm');
+  }
+  const renderTag = ({ option, handleClose }: { option: SelectOption; handleClose: () => void }) => {
+    const selected = selectedList.value?.find((item) => item.id === option.value);
+    const tagDisabled = props.disabled || selected?.disabled;
+    return h(
+      CrmTag,
+      {
+        type: props.userErrorTagIds?.includes(option.value as string) ? 'error' : 'default',
+        theme: 'light',
+        closable: !tagDisabled,
+        onClose: () => {
+          handleClose();
+          selectedList.value = selectedList.value?.filter((item) => item.id !== option.value) ?? [];
+          modelValue.value = selectedList.value?.map((item) => item.id);
+          emit('deleteTag');
+        },
+      },
+      {
+        default: () => selectedList.value?.find((item) => item.id === option.value)?.name,
+      }
+    );
+  };
+
+  watch(
+    () => selectedList.value,
+    (newVal) => {
+      if (newVal) {
+        modelValue.value = newVal?.map((item) => item.id);
+      }
+    },
+    {
+      immediate: true,
+      deep: true,
+    }
+  );
+</script>
diff --git a/frontend/packages/web/src/components/business/crm-user-tag-selector/type.ts b/frontend/packages/web/src/components/business/crm-user-tag-selector/type.ts
new file mode 100644
index 0000000..f06f347
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-user-tag-selector/type.ts
@@ -0,0 +1,19 @@
+import type { MemberApiTypeEnum } from '@lib/shared/enums/moduleEnum';
+import type { DeptNodeTypeEnum } from '@lib/shared/enums/systemEnum';
+
+import type { Option } from '../crm-select-user-drawer/type';
+
+export type UserTagSelectorProps = {
+  apiTypeKey?: MemberApiTypeEnum; // 要配置对应的key
+  disabledNodeTypes?: DeptNodeTypeEnum[]; // 禁用的节点类型
+  userErrorTagIds?: string[];
+  multiple?: boolean;
+  drawerTitle?: string;
+  okText?: string;
+  memberTypes?: Option[];
+  disabled?: boolean;
+  fetchOrgParams?: Record<string, any>; // 组织架构入参
+  fetchRoleParams?: Record<string, any>; // 角色入参
+  fetchMemberParams?: Record<string, any>; // 成员入参
+  baseParams?: Record<string, any>; // 基础公共入参
+};
diff --git a/frontend/packages/web/src/components/business/crm-view-select/components/addOrEditViewsDrawer.vue b/frontend/packages/web/src/components/business/crm-view-select/components/addOrEditViewsDrawer.vue
new file mode 100644
index 0000000..fc577b1
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-view-select/components/addOrEditViewsDrawer.vue
@@ -0,0 +1,230 @@
+<template>
+  <CrmDrawer
+    v-model:show="visible"
+    :width="800"
+    :title="title"
+    :show-continue="!form.id"
+    :ok-text="form.id ? t('common.update') : undefined"
+    :loading="loading"
+    :footer="!props.readonly"
+    @confirm="confirmHandler(false)"
+    @continue="confirmHandler(true)"
+    @cancel="cancelHandler"
+  >
+    <n-scrollbar>
+      <n-form
+        ref="formRef"
+        :model="form"
+        :rules="rules"
+        label-placement="left"
+        :label-width="100"
+        require-mark-placement="left"
+        :class="props.readonly ? 'read-only' : ''"
+      >
+        <n-form-item path="name" :label="t('crmViewSelect.viewName')">
+          <n-input
+            v-model:value="form.name"
+            :disabled="props.readonly"
+            :maxlength="255"
+            type="text"
+            :placeholder="t('common.pleaseInput')"
+          />
+        </n-form-item>
+        <FilterContent
+          ref="filterContentRef"
+          v-model:form-model="formModel as FilterForm"
+          keep-one-line
+          no-filter-option
+          :config-list="props.configList"
+          :custom-list="props.customList"
+          :readonly="props.readonly"
+        />
+      </n-form>
+    </n-scrollbar>
+  </CrmDrawer>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { FormInst, FormRules, NForm, NFormItem, NInput, NScrollbar, useMessage } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { ViewItem } from '@lib/shared/models/view';
+
+  import FilterContent from '@/components/pure/crm-advance-filter/components/filterContent.vue';
+  import { FilterForm, FilterFormItem } from '@/components/pure/crm-advance-filter/type';
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import { multipleValueTypeList } from '@/components/business/crm-form-create/config';
+
+  import { TabType } from '@/hooks/useHiddenTab';
+
+  import { viewApiMap } from '../config';
+
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  const props = defineProps<{
+    type: TabType;
+    row?: ViewItem;
+    readonly?: boolean;
+    configList: FilterFormItem[];
+    customList?: FilterFormItem[]; // 自定义字段
+  }>();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const emit = defineEmits<{
+    (e: 'refresh', activeId: string, refreshTable: boolean): void;
+  }>();
+
+  const title = computed(() => {
+    if (props.readonly) {
+      return t('crmViewSelect.readOnly');
+    }
+    return `${!props.row?.id ? t('common.newCreate') : t('common.update')}${t('crmViewSelect.view')}`;
+  });
+
+  const rules: FormRules = {
+    name: [
+      {
+        required: true,
+        message: t('common.notNull', {
+          value: t('crmViewSelect.viewName'),
+        }),
+        trigger: ['blur'],
+      },
+    ],
+  };
+
+  const initForm: { name?: string; id?: string } = {
+    name: '',
+  };
+
+  const form = ref(cloneDeep(initForm));
+
+  const defaultFormModel: FilterForm = {
+    searchMode: 'AND',
+    list: [{ dataIndex: null, operator: undefined, value: null, type: FieldTypeEnum.INPUT }],
+  };
+  const formModel = ref<FilterForm>(cloneDeep(defaultFormModel));
+
+  function cancelHandler() {
+    form.value = cloneDeep(initForm);
+    formModel.value = cloneDeep(defaultFormModel);
+    visible.value = false;
+  }
+
+  const formRef = ref<FormInst | null>(null);
+  const loading = ref<boolean>(false);
+
+  function getParams() {
+    const conditions = formModel.value.list.map((item: any) => ({
+      value: item.value,
+      operator: item.operator,
+      name: item.dataIndex ?? '',
+      multipleValue: multipleValueTypeList.includes(item.type),
+      type: item.type,
+      containChildIds: item.containChildIds || [],
+    }));
+
+    return {
+      searchMode: formModel.value.searchMode,
+      conditions,
+    };
+  }
+
+  async function handleSave(isContinue: boolean) {
+    try {
+      loading.value = true;
+      const params = {
+        ...form.value,
+        ...getParams(),
+      };
+      let activeId;
+      const isEdit = !!form.value?.id;
+      if (isEdit) {
+        await viewApiMap.update[props.type](params);
+        Message.success(t('common.updateSuccess'));
+        activeId = form.value?.id;
+      } else {
+        const res = await viewApiMap.add[props.type](params);
+        Message.success(t('common.addSuccess'));
+        activeId = res.id;
+      }
+      if (isContinue) {
+        form.value = cloneDeep(initForm);
+        formModel.value = cloneDeep(defaultFormModel);
+      } else {
+        cancelHandler();
+      }
+      emit('refresh', activeId, isEdit);
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  const filterContentRef = ref<InstanceType<typeof FilterContent>>();
+  function confirmHandler(isContinue: boolean) {
+    formRef.value?.validate(async (error) => {
+      if (!error) {
+        if (filterContentRef.value) {
+          filterContentRef.value?.formRef?.validate((errors) => {
+            if (!errors) {
+              handleSave(isContinue);
+            }
+          });
+        } else {
+          handleSave(isContinue);
+        }
+      }
+    });
+  }
+
+  watch(
+    () => props.row,
+    (val?: ViewItem) => {
+      if (val) {
+        form.value = { ...val };
+        formModel.value = {
+          searchMode: val.searchMode,
+          list: cloneDeep(val.list),
+        };
+      }
+    }
+  );
+</script>
+
+<style lang="less" scoped>
+  .read-only {
+    :deep(.n-form-item) {
+      .n-base-selection.n-base-selection--disabled .n-base-selection-label .n-base-selection-input,
+      .n-input.n-input--disabled .n-input__input-el,
+      .n-input.n-input--disabled .n-input__placeholder,
+      .n-base-selection.n-base-selection--disabled .n-base-selection-placeholder,
+      .n-base-selection-overlay__wrapper {
+        color: var(--text-n1);
+      }
+      .n-tag {
+        &.n-tag--disabled {
+          opacity: 1;
+        }
+        .n-tag__close {
+          display: none;
+        }
+      }
+    }
+  }
+</style>
+
+<style lang="less">
+  .n-scrollbar-rail--vertical {
+    @apply !right-0;
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-view-select/components/chartsDrawer.vue b/frontend/packages/web/src/components/business/crm-view-select/components/chartsDrawer.vue
new file mode 100644
index 0000000..5da39fb
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-view-select/components/chartsDrawer.vue
@@ -0,0 +1,468 @@
+<template>
+  <CrmDrawer v-model:show="show" :width="1000" :min-width="600" :footer="false">
+    <template #titleLeft>
+      <div class="flex items-center gap-[16px]">
+        <div class="text-[16px] font-semibold">{{ t('crmViewSelect.dataAnalysis') }}</div>
+        <n-select
+          v-model:value="activeView"
+          :options="options"
+          filterable
+          label-field="name"
+          value-field="id"
+          :reset-menu-on-options-change="false"
+          :virtual-scroll="false"
+          :show-checkmark="false"
+          class="view-select w-[200px]"
+          :style="{ '--crm-view-label': `'${t('crmViewSelect.view')}'` }"
+        >
+        </n-select>
+      </div>
+    </template>
+    <div class="flex h-full flex-col">
+      <n-collapse
+        v-model:expanded-names="expandNames"
+        :default-expanded-names="['1']"
+        arrow-placement="right"
+        display-directive="show"
+      >
+        <n-collapse-item name="1">
+          <template #header>
+            <div class="w-full text-[16px] font-semibold">
+              {{ t('crmViewSelect.conditionFilter') }}
+            </div>
+          </template>
+          <n-scrollbar class="max-h-[350px]">
+            <FilterContent
+              ref="filterContentRef"
+              v-model:form-model="formModel"
+              no-filter-option
+              :config-list="props.configList"
+              :custom-list="props.customList"
+            />
+          </n-scrollbar>
+        </n-collapse-item>
+      </n-collapse>
+      <div class="mb-[16px] mt-[24px] text-[16px] font-semibold">{{ t('crmViewSelect.chartSetting') }}</div>
+      <div class="mb-[24px] flex flex-wrap items-center gap-[24px]">
+        <div class="filter-input">
+          <div class="filter-input-label">{{ t('crmViewSelect.chartType') }}</div>
+          <n-select v-model:value="chartType" :options="chartTypeOptions" filterable class="w-[120px]" />
+        </div>
+        <div class="filter-input">
+          <div class="filter-input-label">{{ t('crmViewSelect.groupBy') }}</div>
+          <n-select v-model:value="groupBy" :options="groupByOptions" filterable class="w-[195px]" />
+        </div>
+        <div class="filter-input">
+          <div class="filter-input-label">{{ t('crmViewSelect.dataIndicator') }}</div>
+          <n-input-group>
+            <n-select v-model:value="dataIndicator" :options="dataIndicatorOptions" filterable class="w-[195px]" />
+            <n-select
+              v-model:value="aggregationMethod"
+              :options="aggregationMethodOptions"
+              :disabled="dataIndicator === 'COUNT'"
+              :render-label="dataIndicatorMethodRenderLabel"
+              class="w-[80px]"
+            />
+          </n-input-group>
+        </div>
+        <div class="filter-input flex-1">
+          <n-tooltip trigger="hover" :disabled="loading || !!dataIndicator">
+            <template #trigger>
+              <n-button type="primary" ghost :disabled="loading || !dataIndicator" @click="generateChart">
+                {{ t('crmViewSelect.generateChart') }}
+              </n-button>
+            </template>
+            {{ t('crmViewSelect.noDataIndicator') }}
+          </n-tooltip>
+        </div>
+      </div>
+      <div
+        class="min-h-[300px] flex-1 overflow-hidden rounded-[var(--border-radius-small)] bg-[var(--text-n9)] p-[16px]"
+      >
+        <div ref="chartContainerRef" class="h-full bg-[var(--text-n10)]">
+          <n-spin :show="loading" class="h-full">
+            <CrmChart
+              v-if="seriesData.length > 0"
+              :type="generatedChartType"
+              :group-name="groupByName"
+              :data-indicator-name="dataIndicatorName"
+              :aggregation-method-name="aggregationMethodName"
+              :x-data="xData"
+              :data="seriesData"
+              :container-ref="chartContainerRef"
+              @chart-click="handleChartClick"
+              @refresh="generateChart"
+            />
+            <n-empty v-else :show-icon="false">
+              <div class="flex h-[300px] items-center">{{ t('common.noData') }}</div>
+            </n-empty>
+          </n-spin>
+        </div>
+      </div>
+    </div>
+  </CrmDrawer>
+</template>
+
+<script setup lang="ts">
+  import {
+    NButton,
+    NCollapse,
+    NCollapseItem,
+    NEmpty,
+    NInputGroup,
+    NScrollbar,
+    NSelect,
+    NSpin,
+    NTooltip,
+    useMessage,
+  } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { SelectedUsersItem } from '@lib/shared/models/system/module';
+  import { ViewItem } from '@lib/shared/models/view';
+
+  import FilterContent from '@/components/pure/crm-advance-filter/components/filterContent.vue';
+  import { ConditionsItem, FilterForm, FilterFormItem, FilterResult } from '@/components/pure/crm-advance-filter/type';
+  import { getOperator, valueIsArray } from '@/components/pure/crm-advance-filter/utils';
+  import CrmChart from '@/components/pure/crm-chart/index.vue';
+  import { ChartTypeEnum } from '@/components/pure/crm-chart/type';
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import { multipleValueTypeList } from '@/components/business/crm-form-create/config';
+
+  import {
+    generateContractChart,
+    generateCustomerChart,
+    generateCustomerContactChart,
+    generateCustomerPoolChart,
+    generateLeadChart,
+    generateLeadPoolChart,
+    generateOpportunityChart,
+    generatePaymentPlanChart,
+  } from '@/api/modules';
+  import { TabType } from '@/hooks/useHiddenTab';
+  import useOpenNewPage from '@/hooks/useOpenNewPage';
+  import useViewChartParams from '@/hooks/useViewChartParams';
+  import useViewStore from '@/store/modules/view';
+
+  import { InternalRowData } from 'naive-ui/es/data-table/src/interface';
+
+  const props = defineProps<{
+    type: TabType;
+    configList: FilterFormItem[];
+    customList?: FilterFormItem[];
+    defaultViewId?: string;
+    poolId?: string | number;
+    advancedOriginalForm?: FilterForm;
+    routeName?: string;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'generatedChart', filterResult: FilterResult, filterForm: FilterForm, viewId: string): void;
+  }>();
+
+  const { t } = useI18n();
+  const Message = useMessage();
+  const { openNewPage } = useOpenNewPage();
+  const { setViewChartParams } = useViewChartParams();
+
+  const show = defineModel<boolean>('show', {
+    required: true,
+  });
+  const viewStore = useViewStore();
+  const activeView = ref<string>(props.defaultViewId || '');
+  const options = computed(() => [
+    {
+      type: 'group',
+      name: t('crmViewSelect.systemView'),
+      key: 'internal',
+      children: [...(viewStore.internalViews as ViewItem[])].filter((item) => item.enable),
+    },
+    {
+      type: 'group',
+      name: t('crmViewSelect.myView'),
+      key: 'custom',
+      children: [...(viewStore.customViews as ViewItem[])].filter((item) => item.enable),
+    },
+  ]);
+
+  const defaultFormModel: FilterForm = {
+    searchMode: 'AND',
+    list: [],
+  };
+  const formModel = ref<FilterForm>(cloneDeep(defaultFormModel));
+  const filterContentRef = ref<InstanceType<typeof FilterContent>>();
+  const chartType = ref<ChartTypeEnum>(ChartTypeEnum.BAR);
+  const chartTypeOptions = [
+    { label: t('crmViewSelect.bar'), value: ChartTypeEnum.BAR },
+    { label: t('crmViewSelect.line'), value: ChartTypeEnum.LINE },
+    { label: t('crmViewSelect.pie'), value: ChartTypeEnum.PIE },
+    { label: t('crmViewSelect.doughnut'), value: ChartTypeEnum.DONUT },
+    { label: t('crmViewSelect.funnel'), value: ChartTypeEnum.FUNNEL },
+  ];
+  const groupByOptions = computed(() =>
+    [
+      ...(props.customList || []),
+      ...(props.configList || []).filter((e) => e.dataIndex === 'departmentId' || e.dataIndex === 'stage'),
+    ]
+      .filter(
+        (e) =>
+          ![
+            FieldTypeEnum.TEXTAREA,
+            FieldTypeEnum.PICTURE,
+            FieldTypeEnum.ATTACHMENT,
+            FieldTypeEnum.INPUT_MULTIPLE,
+            FieldTypeEnum.LINK,
+            FieldTypeEnum.SERIAL_NUMBER,
+            FieldTypeEnum.INPUT,
+            FieldTypeEnum.DATE_TIME,
+          ].includes(e.type)
+      )
+      .map((item) => ({
+        label: item.title,
+        value: item.dataIndex || '',
+      }))
+  );
+  const groupBy = ref<string>(groupByOptions.value[0]?.value || '');
+  const groupByName = computed(() => groupByOptions.value.find((e) => e.value === groupBy.value)?.label || '');
+  const dataIndicatorOptions = computed(() =>
+    [...(props.customList || [])]
+      .filter((e) => e.type === FieldTypeEnum.INPUT_NUMBER)
+      .map((item) => ({
+        label: item.title,
+        value: item.dataIndex || '',
+      }))
+      .concat([{ label: t('crmViewSelect.counts'), value: 'COUNT' }])
+  );
+  const dataIndicator = ref<string>(dataIndicatorOptions.value[0]?.value || '');
+  const dataIndicatorName = computed(
+    () => dataIndicatorOptions.value.find((e) => e.value === dataIndicator.value)?.label || ''
+  );
+  const aggregationMethod = ref<'SUM' | 'AVG'>('SUM');
+  const aggregationMethodOptions = [
+    { label: t('crmViewSelect.sum'), value: 'SUM' },
+    { label: t('crmViewSelect.average'), value: 'AVG' },
+  ];
+  const aggregationMethodName = computed(
+    () => aggregationMethodOptions.find((e) => e.value === aggregationMethod.value)?.label || ''
+  );
+
+  function dataIndicatorMethodRenderLabel(option: { label: string; value: string }) {
+    return dataIndicator.value === 'COUNT' ? t('crmViewSelect.count') : option.label;
+  }
+
+  function getParams(): FilterResult {
+    const conditions: ConditionsItem[] = formModel.value.list.map((item: any) => ({
+      value: item.value,
+      operator: item.operator,
+      name: item.dataIndex ?? '',
+      multipleValue: multipleValueTypeList.includes(item.type),
+      type: item.type,
+    }));
+
+    return {
+      searchMode: formModel.value.searchMode,
+      conditions,
+    };
+  }
+
+  const xData = ref<string[]>([]);
+  const seriesData = ref<any[]>([]);
+  const generateChartApiMap = {
+    [FormDesignKeyEnum.CUSTOMER]: generateCustomerChart,
+    [FormDesignKeyEnum.BUSINESS]: generateOpportunityChart,
+    [FormDesignKeyEnum.CLUE]: generateLeadChart,
+    [FormDesignKeyEnum.CLUE_POOL]: generateLeadPoolChart,
+    [FormDesignKeyEnum.CUSTOMER_OPEN_SEA]: generateCustomerPoolChart,
+    [FormDesignKeyEnum.CONTACT]: generateCustomerContactChart,
+    [FormDesignKeyEnum.FOLLOW_PLAN]: () => Promise.resolve([]),
+    [FormDesignKeyEnum.FOLLOW_RECORD]: () => Promise.resolve([]),
+    [FormDesignKeyEnum.CONTRACT]: generateContractChart,
+    [FormDesignKeyEnum.CONTRACT_PAYMENT]: generatePaymentPlanChart,
+    [FormDesignKeyEnum.OPPORTUNITY_QUOTATION]: () => Promise.resolve([]),
+    [FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD]: () => Promise.resolve([]),
+    [FormDesignKeyEnum.INVOICE]: () => Promise.resolve([]),
+    [FormDesignKeyEnum.ORDER]: () => Promise.resolve([]),
+  };
+  const loading = ref<boolean>(false);
+  const expandNames = ref<string[]>(['1']);
+  let chartCategoryMap: Record<string, any> = {};
+  const generatedChartType = ref<ChartTypeEnum>(chartType.value);
+
+  async function generateChart() {
+    filterContentRef.value?.formRef?.validate(async (errors) => {
+      if (errors) {
+        return;
+      }
+      try {
+        loading.value = true;
+        const filterResult = getParams();
+        const res = await generateChartApiMap[props.type]({
+          filterCondition: filterResult,
+          poolId: props.poolId,
+          viewId: activeView.value,
+          chartConfig: {
+            chatType: chartType.value,
+            categoryAxis: {
+              fieldId: groupBy.value,
+            },
+            valueAxis: {
+              fieldId: dataIndicator.value,
+              aggregateMethod: dataIndicator.value === 'COUNT' ? 'COUNT' : aggregationMethod.value,
+            },
+          },
+        });
+        chartCategoryMap = {};
+        xData.value = [];
+        seriesData.value = [];
+        generatedChartType.value = chartType.value;
+        res.forEach((item) => {
+          chartCategoryMap[item.categoryAxisName || t('crmFormDesign.none')] = item.categoryAxis;
+          if ([ChartTypeEnum.LINE, ChartTypeEnum.BAR].includes(chartType.value)) {
+            xData.value.push(item.categoryAxisName || t('crmFormDesign.none'));
+          }
+          seriesData.value.push({
+            name: item.categoryAxisName || t('crmFormDesign.none'),
+            value: item.valueAxis,
+          });
+        });
+        emit('generatedChart', filterResult, formModel.value, activeView.value);
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+        if (expandNames.value.length === 0) {
+          expandNames.value = ['1'];
+        }
+      } finally {
+        loading.value = false;
+      }
+    });
+  }
+
+  function handleChartClick(params: any) {
+    if (formModel.value.searchMode === 'OR') {
+      Message.warning(t('crmViewSelect.orConditionNotAllowJump'));
+      return;
+    }
+    const systemFields = ['departmentId', 'stage'];
+    const groupByField = computed(() => {
+      const allFields = [
+        ...(props.customList || []),
+        ...(props.configList || []).filter((e) => systemFields.includes(e.dataIndex as string)),
+      ];
+      return allFields.find((e) => e.dataIndex === groupBy.value);
+    });
+    if (groupByField.value) {
+      const chartKey = Date.now().toString();
+      const form = {
+        searchMode: formModel.value.searchMode,
+        list: [...formModel.value.list],
+      };
+      const value = chartCategoryMap[params.name];
+      let selectedRows: InternalRowData[] = [];
+      let selectedUserList: SelectedUsersItem[] = [];
+      let dataSourceProps = {};
+      if ([FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.DATA_SOURCE_MULTIPLE].includes(groupByField.value.type)) {
+        dataSourceProps = {
+          dataSourceType: groupByField.value.dataSourceProps?.dataSourceType,
+        };
+        selectedRows = value ? [{ id: value, name: params.name }] : [];
+      } else if (
+        [
+          FieldTypeEnum.DEPARTMENT,
+          FieldTypeEnum.DEPARTMENT_MULTIPLE,
+          FieldTypeEnum.MEMBER,
+          FieldTypeEnum.MEMBER_MULTIPLE,
+        ].includes(groupByField.value.type)
+      ) {
+        selectedUserList = value ? [{ id: value, name: params.name }] : [];
+      }
+      const tempField = {
+        dataIndex: groupBy.value,
+        operator: getOperator(groupByField.value.type, value),
+        value,
+        selectedRows,
+        selectedUserList,
+        dataSourceProps,
+        type: groupByField.value.type || FieldTypeEnum.INPUT,
+      };
+
+      let selectedVal;
+      if (valueIsArray(tempField)) {
+        selectedVal = value ? [value] : [];
+      } else {
+        selectedVal = value;
+      }
+
+      form.list.push({
+        ...tempField,
+        value: selectedVal,
+      });
+      setViewChartParams(chartKey, {
+        viewId: activeView.value,
+        formModel: form as FilterForm,
+      });
+      openNewPage(props.routeName, {
+        chartKey,
+      });
+    }
+  }
+
+  const chartContainerRef = ref<Element | undefined>(undefined);
+
+  watch(
+    () => show.value,
+    (newVal) => {
+      if (newVal) {
+        formModel.value = cloneDeep(props.advancedOriginalForm || defaultFormModel);
+        activeView.value = props.defaultViewId || '';
+        setTimeout(() => {
+          // 自动加载图表
+          generateChart();
+        });
+      } else {
+        seriesData.value = [];
+        xData.value = [];
+        groupBy.value = groupByOptions.value[0]?.value || '';
+        dataIndicator.value = dataIndicatorOptions.value[0]?.value || '';
+        chartType.value = ChartTypeEnum.BAR;
+        aggregationMethod.value = 'SUM';
+      }
+    },
+    { immediate: true }
+  );
+</script>
+
+<style lang="less" scoped>
+  .n-drawer-container {
+    .view-select {
+      font-weight: 400;
+      :deep(.n-base-selection-label) {
+        &::before {
+          margin-left: 8px;
+          white-space: nowrap;
+          color: var(--text-n4);
+          content: var(--crm-view-label);
+        }
+        .n-base-selection-label__render-label {
+          padding-left: 40px;
+        }
+        .n-base-selection-placeholder {
+          padding-left: 40px !important;
+        }
+        .n-base-selection-input {
+          padding-left: 4px;
+        }
+      }
+    }
+    .filter-input {
+      @apply flex items-center;
+
+      gap: 16px;
+      .filter-input-label {
+        @apply break-keep;
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-view-select/components/manageViewsDrawer.vue b/frontend/packages/web/src/components/business/crm-view-select/components/manageViewsDrawer.vue
new file mode 100644
index 0000000..94d6901
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-view-select/components/manageViewsDrawer.vue
@@ -0,0 +1,305 @@
+<template>
+  <CrmDrawer
+    v-model:show="visible"
+    :width="800"
+    :title="t('crmViewSelect.manageViews')"
+    :loading="loading"
+    :footer="false"
+  >
+    <CrmTable
+      v-bind="propsRes"
+      class="crm-manage-views-table"
+      draggable
+      not-virtual-scroll
+      :drag-move-validator="dragMoveValidator"
+      @page-change="propsEvent.pageChange"
+      @sorter-change="propsEvent.sorterChange"
+      @filter-change="propsEvent.filterChange"
+      @page-size-change="propsEvent.pageSizeChange"
+      @drag="dragHandler"
+    >
+      <template #tableTop>
+        <n-button type="primary" @click="handleAdd">
+          {{ t('crmViewSelect.newView') }}
+        </n-button>
+      </template>
+    </CrmTable>
+  </CrmDrawer>
+
+  <AddOrEditViewsDrawer
+    v-model:visible="addOrEditViewsDrawerVisible"
+    :type="props.type"
+    :readonly="readonly"
+    :row="detail"
+    :config-list="props.configList"
+    :custom-list="props.customList"
+    @refresh="(val: string, refreshTable: boolean) => emit('changeActive', val, refreshTable)"
+  />
+</template>
+
+<script setup lang="ts">
+  import { NButton, NSwitch, NTooltip, useMessage } from 'naive-ui';
+
+  import { CustomerSearchTypeEnum } from '@lib/shared/enums/customerEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { characterLimit, getCopiedName } from '@lib/shared/method';
+  import type { TableDraggedParams } from '@lib/shared/models/common';
+  import type { ViewItem } from '@lib/shared/models/view';
+
+  import { FilterFormItem } from '@/components/pure/crm-advance-filter/type';
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import { CrmDataTableColumn } from '@/components/pure/crm-table/type';
+  import useTable from '@/components/pure/crm-table/useTable';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+  import AddOrEditViewsDrawer from './addOrEditViewsDrawer.vue';
+
+  import { TabType } from '@/hooks/useHiddenTab';
+  import useModal from '@/hooks/useModal';
+  import useViewStore from '@/store/modules/view';
+
+  import { viewApiMap } from '../config';
+
+  const { t } = useI18n();
+  const Message = useMessage();
+  const { openModal } = useModal();
+  const viewStore = useViewStore();
+
+  const props = defineProps<{
+    type: TabType;
+    configList: FilterFormItem[]; // 系统字段
+    customList?: FilterFormItem[]; // 自定义字段
+  }>();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const emit = defineEmits<{
+    (e: 'changeActive', id: string, refreshTable: boolean): void;
+    (e: 'handleDeleteOrDisable', id: string): void;
+  }>();
+
+  const loading = ref<boolean>(false);
+
+  const addOrEditViewsDrawerVisible = ref(false);
+  const readonly = ref(false);
+  const detail = ref();
+
+  function handleAdd() {
+    readonly.value = false;
+    detail.value = undefined;
+    addOrEditViewsDrawerVisible.value = true;
+  }
+
+  function handleDelete(row: ViewItem) {
+    openModal({
+      type: 'error',
+      title: t('crmViewSelect.deleteConfirmTitle', { name: characterLimit(row.name) }),
+      positiveText: t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await viewApiMap.delete[props.type](row.id);
+          Message.success(t('common.deleteSuccess'));
+          emit('handleDeleteOrDisable', row.id);
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  async function handleActionSelect(row: ViewItem, actionKey: string) {
+    let res;
+    if (actionKey !== 'delete') {
+      res = await viewStore.getViewDetail(props.type, row);
+    }
+    switch (actionKey) {
+      case 'readOnly':
+        readonly.value = true;
+        detail.value = { id: row.id, ...res };
+        addOrEditViewsDrawerVisible.value = true;
+        break;
+      case 'edit':
+        readonly.value = false;
+        detail.value = { id: row.id, ...res };
+        addOrEditViewsDrawerVisible.value = true;
+        break;
+      case 'copy':
+        readonly.value = false;
+        detail.value = { ...res, name: getCopiedName(res?.name as string) };
+        addOrEditViewsDrawerVisible.value = true;
+        break;
+      case 'delete':
+        handleDelete(row);
+        break;
+      default:
+        break;
+    }
+  }
+
+  const tags = computed(() =>
+    [...viewStore.internalViews, ...viewStore.customViews].filter((item) => item.enable && item.fixed)
+  );
+
+  const columns: CrmDataTableColumn[] = [
+    {
+      title: t('crmViewSelect.viewName'),
+      key: 'name',
+      width: 200,
+      ellipsis: {
+        tooltip: true,
+      },
+      render: (row) =>
+        h('div', { class: 'flex items-center gap-[8px] overflow-hidden flex-1' }, [
+          h(
+            NTooltip,
+            {
+              delay: 300,
+              disabled: tags.value.length > 1 || !row.fixed,
+            },
+            {
+              trigger: () =>
+                h(CrmIcon, {
+                  type: row.fixed ? 'iconicon_pin_filled' : 'iconicon_pin',
+                  class: `${tags.value.length > 1 || !row.fixed ? 'cursor-pointer' : 'cursor-not-allowed'} ${
+                    row.fixed ? 'text-[var(--primary-8)]' : 'text-[var(--text-n1)]'
+                  }`,
+                  size: 16,
+                  onClick: (e: MouseEvent) => {
+                    e.stopPropagation(); // 阻止事件冒泡，防止影响 select 行为
+                    if (tags.value.length <= 1 && row.fixed) {
+                      return;
+                    }
+                    viewStore.toggleFixed(props.type, row);
+                  },
+                }),
+              default: () => t('crmViewSelect.keepAFixedViewTip'),
+            }
+          ),
+          h(
+            NTooltip,
+            { delay: 300 },
+            {
+              default: () => h('div', {}, { default: () => row.name }),
+              trigger: () => h('div', { class: 'one-line-text' }, { default: () => row.name }),
+            }
+          ),
+        ]),
+    },
+    {
+      title: t('crmViewSelect.viewType'),
+      key: 'type',
+      width: 100,
+      render: (row) => {
+        return row.type === 'internal' ? t('system.message.system') : t('crmViewSelect.personalView');
+      },
+    },
+    {
+      title: t('common.status'),
+      key: 'enable',
+      width: 100,
+      render: (row) => {
+        return h(NSwitch, {
+          value: row.enable,
+          rubberBand: false,
+          disabled: row.type === 'internal',
+          onClick: async () => {
+            if (row.type === 'internal') return;
+            await viewStore.toggleEnabled(props.type, row);
+            emit('handleDeleteOrDisable', row.id);
+          },
+        });
+      },
+    },
+    {
+      key: 'operation',
+      width: 150,
+      fixed: 'right',
+      render: (row) => {
+        if (row.id === CustomerSearchTypeEnum.CUSTOMER_COLLABORATION) {
+          return '-';
+        }
+        return h(CrmOperationButton, {
+          groupList: [
+            {
+              label: t('crmViewSelect.readOnly'),
+              key: 'readOnly',
+            },
+            ...(row.type !== 'internal'
+              ? [
+                  {
+                    label: t('common.edit'),
+                    key: 'edit',
+                  },
+                ]
+              : []),
+            {
+              label: t('common.copy'),
+              key: 'copy',
+            },
+            ...(row.type !== 'internal'
+              ? [
+                  {
+                    label: t('common.delete'),
+                    key: 'delete',
+                  },
+                ]
+              : []),
+          ],
+          onSelect: (key: string) => handleActionSelect(row, key),
+        });
+      },
+    },
+  ];
+
+  const { propsRes, propsEvent } = useTable(undefined, {
+    showSetting: false,
+    columns,
+    hiddenAllScreen: true,
+    hiddenRefresh: true,
+    containerClass: '.crm-manage-views-table',
+  });
+
+  watch(
+    [() => viewStore.internalViews, () => viewStore.customViews],
+    () => {
+      propsRes.value.data = [...viewStore.internalViews, ...viewStore.customViews];
+      if (propsRes.value.crmPagination) {
+        propsRes.value.crmPagination.itemCount = propsRes.value.data.length;
+      }
+    },
+    { deep: true }
+  );
+
+  // 拖拽限制
+  let warningInstance: ReturnType<typeof Message.warning> | null = null;
+  function dragMoveValidator(fromRow: ViewItem, toRow: ViewItem) {
+    if (fromRow?.type !== toRow?.type) {
+      if (!warningInstance) {
+        warningInstance = Message.warning(t('crmViewSelect.dragTip'), {
+          duration: 0,
+        });
+      }
+      return false;
+    }
+    if (warningInstance) {
+      warningInstance.destroy();
+      warningInstance = null;
+    }
+
+    return true;
+  }
+
+  // 拖拽结束
+  async function dragHandler(params: TableDraggedParams) {
+    if (warningInstance) {
+      warningInstance.destroy();
+      warningInstance = null;
+    }
+    viewStore.toggleDrag(props.type, params);
+  }
+</script>
diff --git a/frontend/packages/web/src/components/business/crm-view-select/config.ts b/frontend/packages/web/src/components/business/crm-view-select/config.ts
new file mode 100644
index 0000000..8584aaf
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-view-select/config.ts
@@ -0,0 +1,297 @@
+import { OperatorEnum } from '@lib/shared/enums/commonEnum';
+import { CustomerSearchTypeEnum } from '@lib/shared/enums/customerEnum';
+import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+
+import { FilterFormItem } from '@/components/pure/crm-advance-filter/type';
+
+import {
+  addAccountPoolView,
+  addBusinessView,
+  addClueView,
+  addContactView,
+  addContractInvoicedView,
+  addContractView,
+  addCustomerView,
+  addFollowPlanView,
+  addFollowRecordView,
+  addLeadPoolView,
+  addOrderView,
+  addPaymentPlanView,
+  addPaymentRecordView,
+  addQuotationView,
+  deleteAccountPoolView,
+  deleteBusinessView,
+  deleteClueView,
+  deleteContactView,
+  deleteContractInvoicedView,
+  deleteContractView,
+  deleteCustomerView,
+  deleteFollowPlanView,
+  deleteFollowRecordView,
+  deleteLeadPoolView,
+  deleteOrderView,
+  deletePaymentPlanView,
+  deletePaymentRecordView,
+  deleteQuotationView,
+  dragAccountPoolView,
+  dragBusinessView,
+  dragClueView,
+  dragContactView,
+  dragContractInvoicedView,
+  dragContractView,
+  dragCustomerView,
+  dragFollowPlanView,
+  dragFollowRecordView,
+  dragLeadPoolView,
+  dragOrderView,
+  dragPaymentPlanView,
+  dragPaymentRecordView,
+  dragQuotationView,
+  enableAccountPoolView,
+  enableBusinessView,
+  enableClueView,
+  enableContactView,
+  enableContractInvoicedView,
+  enableContractView,
+  enableCustomerView,
+  enableFollowPlanView,
+  enableFollowRecordView,
+  enableLeadPoolView,
+  enableOrderView,
+  enablePaymentPlanView,
+  enablePaymentRecordView,
+  enableQuotationView,
+  fixedAccountPoolView,
+  fixedBusinessView,
+  fixedClueView,
+  fixedContactView,
+  fixedContractInvoicedView,
+  fixedContractView,
+  fixedCustomerView,
+  fixedFollowPlanView,
+  fixedFollowRecordView,
+  fixedLeadPoolView,
+  fixedOrderView,
+  fixedPaymentPlanView,
+  fixedPaymentRecordView,
+  fixedQuotationView,
+  getAccountPoolViewDetail,
+  getAccountPoolViewList,
+  getBusinessViewDetail,
+  getBusinessViewList,
+  getClueViewDetail,
+  getClueViewList,
+  getContactViewDetail,
+  getContactViewList,
+  getContractInvoicedViewDetail,
+  getContractInvoicedViewList,
+  getContractViewDetail,
+  getContractViewList,
+  getCustomerViewDetail,
+  getCustomerViewList,
+  getFollowPlanViewDetail,
+  getFollowPlanViewList,
+  getFollowRecordViewDetail,
+  getFollowRecordViewList,
+  getLeadPoolViewDetail,
+  getLeadPoolViewList,
+  getOrderViewDetail,
+  getOrderViewList,
+  getPaymentPlanViewDetail,
+  getPaymentPlanViewList,
+  getPaymentRecordViewDetail,
+  getPaymentRecordViewList,
+  getQuotationViewDetail,
+  getQuotationViewList,
+  updateAccountPoolView,
+  updateBusinessView,
+  updateClueView,
+  updateContactView,
+  updateContractInvoicedView,
+  updateContractView,
+  updateCustomerView,
+  updateFollowPlanView,
+  updateFollowRecordView,
+  updateLeadPoolView,
+  updateOrderView,
+  updatePaymentPlanView,
+  updatePaymentRecordView,
+  updateQuotationView,
+} from '@/api/modules';
+import { TabType } from '@/hooks/useHiddenTab';
+import useUserStore from '@/store/modules/user';
+
+const userStore = useUserStore();
+
+type ViewAction = 'list' | 'add' | 'update' | 'delete' | 'detail' | 'fixed' | 'enable' | 'drag';
+
+export const viewApiMap: Record<ViewAction, Record<TabType, (...args: any[]) => Promise<any>>> = {
+  list: {
+    [FormDesignKeyEnum.CLUE]: getClueViewList,
+    [FormDesignKeyEnum.CUSTOMER]: getCustomerViewList,
+    [FormDesignKeyEnum.CONTACT]: getContactViewList,
+    [FormDesignKeyEnum.BUSINESS]: getBusinessViewList,
+    [FormDesignKeyEnum.CLUE_POOL]: getLeadPoolViewList,
+    [FormDesignKeyEnum.CUSTOMER_OPEN_SEA]: getAccountPoolViewList,
+    [FormDesignKeyEnum.FOLLOW_PLAN]: getFollowPlanViewList,
+    [FormDesignKeyEnum.FOLLOW_RECORD]: getFollowRecordViewList,
+    [FormDesignKeyEnum.CONTRACT]: getContractViewList,
+    [FormDesignKeyEnum.CONTRACT_PAYMENT]: getPaymentPlanViewList,
+    [FormDesignKeyEnum.OPPORTUNITY_QUOTATION]: getQuotationViewList,
+    [FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD]: getPaymentRecordViewList,
+    [FormDesignKeyEnum.INVOICE]: getContractInvoicedViewList,
+    [FormDesignKeyEnum.ORDER]: getOrderViewList,
+  },
+  add: {
+    [FormDesignKeyEnum.CLUE]: addClueView,
+    [FormDesignKeyEnum.CUSTOMER]: addCustomerView,
+    [FormDesignKeyEnum.CONTACT]: addContactView,
+    [FormDesignKeyEnum.BUSINESS]: addBusinessView,
+    [FormDesignKeyEnum.CLUE_POOL]: addLeadPoolView,
+    [FormDesignKeyEnum.CUSTOMER_OPEN_SEA]: addAccountPoolView,
+    [FormDesignKeyEnum.FOLLOW_PLAN]: addFollowPlanView,
+    [FormDesignKeyEnum.FOLLOW_RECORD]: addFollowRecordView,
+    [FormDesignKeyEnum.CONTRACT]: addContractView,
+    [FormDesignKeyEnum.CONTRACT_PAYMENT]: addPaymentPlanView,
+    [FormDesignKeyEnum.OPPORTUNITY_QUOTATION]: addQuotationView,
+    [FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD]: addPaymentRecordView,
+    [FormDesignKeyEnum.INVOICE]: addContractInvoicedView,
+    [FormDesignKeyEnum.ORDER]: addOrderView,
+  },
+  update: {
+    [FormDesignKeyEnum.CLUE]: updateClueView,
+    [FormDesignKeyEnum.CUSTOMER]: updateCustomerView,
+    [FormDesignKeyEnum.CONTACT]: updateContactView,
+    [FormDesignKeyEnum.BUSINESS]: updateBusinessView,
+    [FormDesignKeyEnum.CLUE_POOL]: updateLeadPoolView,
+    [FormDesignKeyEnum.CUSTOMER_OPEN_SEA]: updateAccountPoolView,
+    [FormDesignKeyEnum.FOLLOW_PLAN]: updateFollowPlanView,
+    [FormDesignKeyEnum.FOLLOW_RECORD]: updateFollowRecordView,
+    [FormDesignKeyEnum.CONTRACT]: updateContractView,
+    [FormDesignKeyEnum.CONTRACT_PAYMENT]: updatePaymentPlanView,
+    [FormDesignKeyEnum.OPPORTUNITY_QUOTATION]: updateQuotationView,
+    [FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD]: updatePaymentRecordView,
+    [FormDesignKeyEnum.INVOICE]: updateContractInvoicedView,
+    [FormDesignKeyEnum.ORDER]: updateOrderView,
+  },
+  delete: {
+    [FormDesignKeyEnum.CLUE]: deleteClueView,
+    [FormDesignKeyEnum.CUSTOMER]: deleteCustomerView,
+    [FormDesignKeyEnum.CONTACT]: deleteContactView,
+    [FormDesignKeyEnum.BUSINESS]: deleteBusinessView,
+    [FormDesignKeyEnum.CLUE_POOL]: deleteLeadPoolView,
+    [FormDesignKeyEnum.CUSTOMER_OPEN_SEA]: deleteAccountPoolView,
+    [FormDesignKeyEnum.FOLLOW_PLAN]: deleteFollowPlanView,
+    [FormDesignKeyEnum.FOLLOW_RECORD]: deleteFollowRecordView,
+    [FormDesignKeyEnum.CONTRACT]: deleteContractView,
+    [FormDesignKeyEnum.CONTRACT_PAYMENT]: deletePaymentPlanView,
+    [FormDesignKeyEnum.OPPORTUNITY_QUOTATION]: deleteQuotationView,
+    [FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD]: deletePaymentRecordView,
+    [FormDesignKeyEnum.INVOICE]: deleteContractInvoicedView,
+    [FormDesignKeyEnum.ORDER]: deleteOrderView,
+  },
+  detail: {
+    [FormDesignKeyEnum.CLUE]: getClueViewDetail,
+    [FormDesignKeyEnum.CUSTOMER]: getCustomerViewDetail,
+    [FormDesignKeyEnum.CONTACT]: getContactViewDetail,
+    [FormDesignKeyEnum.BUSINESS]: getBusinessViewDetail,
+    [FormDesignKeyEnum.CLUE_POOL]: getLeadPoolViewDetail,
+    [FormDesignKeyEnum.CUSTOMER_OPEN_SEA]: getAccountPoolViewDetail,
+    [FormDesignKeyEnum.FOLLOW_PLAN]: getFollowPlanViewDetail,
+    [FormDesignKeyEnum.FOLLOW_RECORD]: getFollowRecordViewDetail,
+    [FormDesignKeyEnum.CONTRACT]: getContractViewDetail,
+    [FormDesignKeyEnum.CONTRACT_PAYMENT]: getPaymentPlanViewDetail,
+    [FormDesignKeyEnum.OPPORTUNITY_QUOTATION]: getQuotationViewDetail,
+    [FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD]: getPaymentRecordViewDetail,
+    [FormDesignKeyEnum.INVOICE]: getContractInvoicedViewDetail,
+    [FormDesignKeyEnum.ORDER]: getOrderViewDetail,
+  },
+  fixed: {
+    [FormDesignKeyEnum.CLUE]: fixedClueView,
+    [FormDesignKeyEnum.CUSTOMER]: fixedCustomerView,
+    [FormDesignKeyEnum.CONTACT]: fixedContactView,
+    [FormDesignKeyEnum.BUSINESS]: fixedBusinessView,
+    [FormDesignKeyEnum.CLUE_POOL]: fixedLeadPoolView,
+    [FormDesignKeyEnum.CUSTOMER_OPEN_SEA]: fixedAccountPoolView,
+    [FormDesignKeyEnum.FOLLOW_PLAN]: fixedFollowPlanView,
+    [FormDesignKeyEnum.FOLLOW_RECORD]: fixedFollowRecordView,
+    [FormDesignKeyEnum.CONTRACT]: fixedContractView,
+    [FormDesignKeyEnum.CONTRACT_PAYMENT]: fixedPaymentPlanView,
+    [FormDesignKeyEnum.OPPORTUNITY_QUOTATION]: fixedQuotationView,
+    [FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD]: fixedPaymentRecordView,
+    [FormDesignKeyEnum.INVOICE]: fixedContractInvoicedView,
+    [FormDesignKeyEnum.ORDER]: fixedOrderView,
+  },
+  enable: {
+    [FormDesignKeyEnum.CLUE]: enableClueView,
+    [FormDesignKeyEnum.CUSTOMER]: enableCustomerView,
+    [FormDesignKeyEnum.CONTACT]: enableContactView,
+    [FormDesignKeyEnum.BUSINESS]: enableBusinessView,
+    [FormDesignKeyEnum.CLUE_POOL]: enableLeadPoolView,
+    [FormDesignKeyEnum.CUSTOMER_OPEN_SEA]: enableAccountPoolView,
+    [FormDesignKeyEnum.FOLLOW_PLAN]: enableFollowPlanView,
+    [FormDesignKeyEnum.FOLLOW_RECORD]: enableFollowRecordView,
+    [FormDesignKeyEnum.CONTRACT]: enableContractView,
+    [FormDesignKeyEnum.CONTRACT_PAYMENT]: enablePaymentPlanView,
+    [FormDesignKeyEnum.OPPORTUNITY_QUOTATION]: enableQuotationView,
+    [FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD]: enablePaymentRecordView,
+    [FormDesignKeyEnum.INVOICE]: enableContractInvoicedView,
+    [FormDesignKeyEnum.ORDER]: enableOrderView,
+  },
+  drag: {
+    [FormDesignKeyEnum.CLUE]: dragClueView,
+    [FormDesignKeyEnum.CUSTOMER]: dragCustomerView,
+    [FormDesignKeyEnum.CONTACT]: dragContactView,
+    [FormDesignKeyEnum.BUSINESS]: dragBusinessView,
+    [FormDesignKeyEnum.CLUE_POOL]: dragLeadPoolView,
+    [FormDesignKeyEnum.CUSTOMER_OPEN_SEA]: dragAccountPoolView,
+    [FormDesignKeyEnum.FOLLOW_PLAN]: dragFollowPlanView,
+    [FormDesignKeyEnum.FOLLOW_RECORD]: dragFollowRecordView,
+    [FormDesignKeyEnum.CONTRACT]: dragContractView,
+    [FormDesignKeyEnum.CONTRACT_PAYMENT]: dragPaymentPlanView,
+    [FormDesignKeyEnum.OPPORTUNITY_QUOTATION]: dragQuotationView,
+    [FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD]: dragPaymentRecordView,
+    [FormDesignKeyEnum.INVOICE]: dragContractInvoicedView,
+    [FormDesignKeyEnum.ORDER]: dragOrderView,
+  },
+};
+
+export const internalConditionsMap: Record<string, FilterFormItem[]> = {
+  [CustomerSearchTypeEnum.ALL]: [
+    {
+      dataIndex: 'createTime',
+      type: FieldTypeEnum.TIME_RANGE_PICKER,
+      operator: OperatorEnum.GT,
+      value: 0,
+    },
+  ],
+  [CustomerSearchTypeEnum.DEPARTMENT]: [
+    {
+      dataIndex: 'departmentId',
+      type: FieldTypeEnum.TREE_SELECT,
+      operator: OperatorEnum.IN,
+      value: [userStore.userInfo.departmentId],
+      containChildIds: [],
+    },
+  ],
+  [CustomerSearchTypeEnum.SELF]: [
+    {
+      dataIndex: 'owner',
+      type: FieldTypeEnum.MEMBER,
+      operator: OperatorEnum.IN,
+      value: [userStore.userInfo.id],
+      selectedUserList: [{ id: userStore.userInfo.id, name: userStore.userInfo.name }],
+    },
+  ],
+  [CustomerSearchTypeEnum.SELF_QUOTATION]: [
+    {
+      dataIndex: 'createUser',
+      type: FieldTypeEnum.MEMBER,
+      operator: OperatorEnum.IN,
+      value: [userStore.userInfo.id],
+      selectedUserList: [{ id: userStore.userInfo.id, name: userStore.userInfo.name }],
+    },
+  ],
+};
+
+export default {};
diff --git a/frontend/packages/web/src/components/business/crm-view-select/index.vue b/frontend/packages/web/src/components/business/crm-view-select/index.vue
new file mode 100644
index 0000000..8595760
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-view-select/index.vue
@@ -0,0 +1,500 @@
+<template>
+  <div class="mb-[16px] flex w-full items-center overflow-hidden">
+    <div class="mr-[24px] flex flex-1 items-center overflow-hidden">
+      <n-button
+        v-if="showArrows"
+        :disabled="!canScrollLeft"
+        size="small"
+        secondary
+        class="mr-[8px] px-[3px]"
+        @click="scrollLeft"
+      >
+        <template #icon>
+          <CrmIcon type="iconicon_chevron_left" />
+        </template>
+      </n-button>
+
+      <div ref="scrollWrapperRef" class="scroll-container flex flex-1 gap-[8px] overflow-x-auto">
+        <CrmTag
+          v-for="tag in tags"
+          :key="tag.id"
+          :type="activeTab === tag.id ? 'primary' : 'default'"
+          theme="light"
+          custom-class="cursor-pointer"
+          @click="handleChangeActive(tag.id)"
+        >
+          {{ tag.name }}
+        </CrmTag>
+        <n-button class="outline--secondary" size="small" @click="handleAdd">
+          ＋ {{ t('crmViewSelect.newView') }}
+        </n-button>
+      </div>
+
+      <n-button
+        v-if="showArrows"
+        :disabled="!canScrollRight"
+        size="small"
+        secondary
+        class="ml-[8px] px-[3px]"
+        @click="scrollRight"
+      >
+        <template #icon>
+          <CrmIcon type="iconicon_chevron_right" />
+        </template>
+      </n-button>
+    </div>
+    <div class="flex items-center gap-[12px]">
+      <n-select
+        v-model:value="activeTab"
+        :options="options"
+        filterable
+        label-field="name"
+        value-field="id"
+        :reset-menu-on-options-change="false"
+        :virtual-scroll="false"
+        :show-checkmark="false"
+        :render-option="renderOption"
+        class="view-select w-[200px]"
+        :node-props="getNodeProps"
+        :menu-props="{ class: 'crm-view-select-menu' }"
+        @update:show="setDraggerSort"
+      >
+        <template #header>
+          <n-button type="primary" text @click="handleAdd">
+            <template #icon>
+              <n-icon><Add /></n-icon>
+            </template>
+            {{ t('crmViewSelect.add') }}
+          </n-button>
+        </template>
+        <template #action>
+          <n-button type="primary" text @click="handleManage">
+            {{ t('crmViewSelect.manageViews') }}
+          </n-button>
+        </template>
+      </n-select>
+      <n-button
+        v-if="
+          ![
+            FormDesignKeyEnum.FOLLOW_PLAN,
+            FormDesignKeyEnum.FOLLOW_RECORD,
+            FormDesignKeyEnum.OPPORTUNITY_QUOTATION,
+            FormDesignKeyEnum.CONTRACT,
+            FormDesignKeyEnum.CONTRACT_PAYMENT,
+            FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD,
+            FormDesignKeyEnum.INVOICE,
+            FormDesignKeyEnum.ORDER,
+          ].includes(props.type)
+        "
+        type="default"
+        class="outline--secondary px-[8px]"
+        @click="openViewDrawer"
+      >
+        <CrmIcon class="text-[var(--text-n1)]" type="iconicon_data" :size="16" />
+      </n-button>
+    </div>
+  </div>
+  <ManageViewsDrawer
+    v-model:visible="manageViewsDrawerVisible"
+    :type="props.type"
+    :config-list="props.filterConfigList"
+    :custom-list="props.customFieldsConfigList"
+    @change-active="handleChangeActive"
+    @handle-delete-or-disable="handleDeleteOrDisable"
+  />
+  <AddOrEditViewsDrawer
+    v-model:visible="addOrEditViewsDrawerVisible"
+    :type="props.type"
+    :row="detail"
+    :config-list="props.filterConfigList"
+    :custom-list="props.customFieldsConfigList"
+    @refresh="handleChangeActive"
+  />
+  <chartsDrawer
+    v-if="isInitChartDrawer"
+    v-model:show="chartDrawerVisible"
+    :config-list="props.filterConfigList"
+    :custom-list="props.customFieldsConfigList"
+    :type="props.type"
+    :default-view-id="activeTab"
+    :advanced-original-form="props.advancedOriginalForm"
+    :route-name="props.routeName"
+    :pool-id="props.poolId"
+    @generated-chart="handleGeneratedChart"
+  />
+</template>
+
+<script setup lang="ts">
+  import {
+    NButton,
+    NIcon,
+    NSelect,
+    NTooltip,
+    SelectGroupOption,
+    SelectOption,
+    TabPaneProps,
+    useMessage,
+  } from 'naive-ui';
+  import { Add } from '@vicons/ionicons5';
+
+  import { CustomerSearchTypeEnum } from '@lib/shared/enums/customerEnum';
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { getCopiedName } from '@lib/shared/method';
+  import type { TableDraggedParams } from '@lib/shared/models/common';
+  import { ViewItem } from '@lib/shared/models/view';
+
+  import { FilterForm, FilterFormItem, FilterResult } from '@/components/pure/crm-advance-filter/type';
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import AddOrEditViewsDrawer from './components/addOrEditViewsDrawer.vue';
+  import ManageViewsDrawer from './components/manageViewsDrawer.vue';
+
+  import useHiddenTab, { TabType } from '@/hooks/useHiddenTab';
+  import useHorizontalScrollArrows from '@/hooks/useHorizontalScrollArrows';
+  import useAppStore from '@/store/modules/app';
+  import useViewStore from '@/store/modules/view';
+
+  import Sortable from 'sortablejs';
+
+  const chartsDrawer = defineAsyncComponent(() => import('./components/chartsDrawer.vue'));
+
+  const { t } = useI18n();
+  const viewStore = useViewStore();
+  const Message = useMessage();
+  const appStore = useAppStore();
+
+  const props = defineProps<{
+    type: TabType;
+    filterConfigList: FilterFormItem[]; // 系统字段
+    customFieldsConfigList?: FilterFormItem[]; // 自定义字段
+    advancedOriginalForm?: FilterForm;
+    poolId?: string | number;
+    routeName?: string;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'refreshTableData'): void;
+    (e: 'generatedChart', filterResult: FilterResult, filterForm: FilterForm): void;
+  }>();
+
+  const activeTab = defineModel<string>('activeTab', { default: '' });
+  async function handleChangeActive(id: string, refreshTable?: boolean) {
+    await viewStore.loadCustomViews(props.type);
+    if (id) {
+      activeTab.value = id;
+    }
+    if (refreshTable) {
+      emit('refreshTableData');
+    }
+  }
+  async function handleDeleteOrDisable(id: string) {
+    await viewStore.loadCustomViews(props.type);
+    if (activeTab.value === id) {
+      // 取第一个系统视图
+      const list = [...viewStore.internalViews].filter((item) => item.enable);
+      activeTab.value = list[0].id;
+    }
+  }
+
+  const tags = computed(() =>
+    [...viewStore.internalViews, ...viewStore.customViews].filter((item) => item.enable && item.fixed)
+  );
+
+  const sortData = computed(() => [...viewStore.internalViews, ...viewStore.customViews].filter((item) => item.enable));
+
+  const { tabList, initTab } = useHiddenTab(props.type);
+
+  onMounted(async () => {
+    await initTab();
+    await viewStore.loadInternalViews(props.type, tabList.value as TabPaneProps[]);
+    await viewStore.loadCustomViews(props.type);
+    nextTick(async () => {
+      // 如果上一次的值存在则取上一次，不存在就取固定视图的第一个
+      const lastTab = await viewStore.getActiveView(props.type);
+      if (lastTab && sortData.value.find((item) => item.id === lastTab)) {
+        activeTab.value = lastTab;
+      } else {
+        activeTab.value = tags.value[0]?.id;
+      }
+    });
+  });
+
+  watch(
+    () => activeTab.value,
+    async (val) => {
+      viewStore.setActiveView(props.type, val);
+    }
+  );
+
+  const scrollWrapperRef = ref<HTMLDivElement | null>(null);
+  const { showArrows, scrollLeft, scrollRight, updateScrollStatus, canScrollLeft, canScrollRight } =
+    useHorizontalScrollArrows(scrollWrapperRef);
+
+  watch(tags, () => {
+    nextTick(updateScrollStatus);
+  });
+
+  const options = computed(() => [
+    {
+      type: 'group',
+      name: t('crmViewSelect.systemView'),
+      key: 'internal',
+      children: [...viewStore.internalViews].filter((item) => item.enable),
+    },
+    {
+      type: 'group',
+      name: t('crmViewSelect.myView'),
+      key: 'custom',
+      children: [...viewStore.customViews].filter((item) => item.enable),
+    },
+  ]);
+
+  const addOrEditViewsDrawerVisible = ref(false);
+  const detail = ref();
+  function handleAdd() {
+    detail.value = undefined;
+    addOrEditViewsDrawerVisible.value = true;
+  }
+
+  const manageViewsDrawerVisible = ref(false);
+  function handleManage() {
+    manageViewsDrawerVisible.value = true;
+  }
+
+  async function handleCopy(option: ViewItem) {
+    const res = await viewStore.getViewDetail(props.type, option);
+    detail.value = { ...res, name: getCopiedName(res.name as string) };
+    addOrEditViewsDrawerVisible.value = true;
+  }
+
+  function renderOption({ node, option }: { node: VNode; option: ViewItem }) {
+    if (option.type === 'group') return node;
+    node.children = [
+      h('div', { class: 'flex items-center justify-between w-full' }, [
+        h('div', { class: 'flex items-center gap-[8px] overflow-hidden flex-1' }, [
+          h(CrmIcon, {
+            type: 'iconicon_move',
+            class: 'text-[var(--text-n4)] cursor-move drag-icon',
+            size: 12,
+            onMousedown: (e: MouseEvent) => {
+              e.stopPropagation();
+            },
+            onClick: (e: MouseEvent) => {
+              e.stopPropagation();
+            },
+          }),
+          h(
+            NTooltip,
+            {
+              delay: 300,
+              disabled: tags.value.length > 1 || !option.fixed,
+            },
+            {
+              trigger: () =>
+                h(CrmIcon, {
+                  type: option.fixed ? 'iconicon_pin_filled' : 'iconicon_pin',
+                  class: `${tags.value.length > 1 || !option.fixed ? 'cursor-pointer' : 'cursor-not-allowed'} ${
+                    option.fixed ? 'text-[var(--primary-8)]' : 'text-[var(--text-n1)]'
+                  }`,
+                  size: 12,
+                  onClick: (e: MouseEvent) => {
+                    e.stopPropagation(); // 阻止事件冒泡，防止影响 select 行为
+                    if (tags.value.length <= 1 && option.fixed) {
+                      return;
+                    }
+                    viewStore.toggleFixed(props.type, option);
+                  },
+                }),
+              default: () => t('crmViewSelect.keepAFixedViewTip'),
+            }
+          ),
+          h('span', {
+            class: 'one-line-text',
+            innerText: option.name,
+          }),
+        ]),
+        // 右侧内容：复制图标
+        ...(option.id === CustomerSearchTypeEnum.CUSTOMER_COLLABORATION
+          ? []
+          : [
+              h(CrmIcon, {
+                type: 'iconicon_file_copy',
+                class: 'text-[var(--text-n4)]',
+                size: 12,
+                onClick: (e: MouseEvent) => {
+                  e.stopPropagation(); // 阻止事件冒泡，防止影响 select 行为
+                  handleCopy(option);
+                },
+              }),
+            ]),
+      ]),
+    ];
+
+    return node;
+  }
+
+  // 拖拽限制
+  let warningInstance: ReturnType<typeof Message.warning> | null = null;
+
+  function clearWarningInstance() {
+    if (warningInstance) {
+      warningInstance.destroy();
+      warningInstance = null;
+    }
+  }
+  function dragMoveValidator(fromRow: ViewItem, toRow: ViewItem) {
+    if (fromRow?.type !== toRow?.type) {
+      if (!warningInstance) {
+        warningInstance = Message.warning(t('crmViewSelect.dragTip'), {
+          duration: 0,
+        });
+      }
+      return false;
+    }
+    clearWarningInstance();
+
+    return true;
+  }
+
+  // 拖拽结束
+  async function dragHandler(params: TableDraggedParams) {
+    clearWarningInstance();
+    viewStore.toggleDrag(props.type, params);
+  }
+
+  const getNodeProps = (option: SelectOption | SelectGroupOption) => ({
+    'data-id': option.id,
+  });
+
+  const sortable = ref();
+
+  function initSelectSortable(el: HTMLElement) {
+    sortable.value = Sortable.create(el, {
+      ghostClass: 'sortable-ghost',
+      handle: '.drag-icon',
+      draggable: '.n-base-select-option',
+      filter: '.n-base-select-group-header',
+      setData(dataTransfer) {
+        dataTransfer.setData('Text', '');
+      },
+      onMove(evt) {
+        if (!dragMoveValidator) return true;
+        const draggedEl = evt.dragged as HTMLElement;
+        const relatedEl = evt.related as HTMLElement;
+        const allDraggable = Array.from(el.querySelectorAll('.n-base-select-option'));
+        const fromRow = sortData.value[allDraggable.indexOf(draggedEl)];
+        const toRow = sortData.value[allDraggable.indexOf(relatedEl)];
+        return dragMoveValidator(fromRow, toRow);
+      },
+      onEnd(evt) {
+        const { oldDraggableIndex, newDraggableIndex } = evt;
+        if (oldDraggableIndex == null || newDraggableIndex == null || oldDraggableIndex === newDraggableIndex) {
+          clearWarningInstance();
+          return;
+        }
+
+        const data = sortData.value as any[];
+        const rowKey = 'id';
+
+        const moveId = data[oldDraggableIndex][rowKey];
+        let targetId;
+        let moveMode: 'AFTER' | 'BEFORE';
+        if (newDraggableIndex >= data.length) {
+          targetId = data[data.length - 1][rowKey];
+          moveMode = 'AFTER';
+        } else if (newDraggableIndex === 0) {
+          targetId = data[0][rowKey];
+          moveMode = 'BEFORE';
+        } else if (oldDraggableIndex < newDraggableIndex) {
+          targetId = data[newDraggableIndex][rowKey];
+          moveMode = 'AFTER';
+        } else {
+          targetId = data[newDraggableIndex][rowKey];
+          moveMode = 'BEFORE';
+        }
+
+        dragHandler?.({
+          moveId,
+          targetId,
+          moveMode,
+          oldIndex: oldDraggableIndex,
+          newIndex: newDraggableIndex,
+          orgId: appStore.orgId,
+        });
+      },
+    });
+  }
+
+  async function setDraggerSort(show: boolean) {
+    if (!show) return;
+    await nextTick();
+    setTimeout(() => {
+      const el = document?.querySelector('.crm-view-select-menu .n-base-select-menu-option-wrapper');
+      if (el) {
+        // DOM已经存在，直接初始化
+        initSelectSortable(el as HTMLElement);
+      }
+    }, 50);
+  }
+
+  const chartDrawerVisible = ref(false);
+  const isInitChartDrawer = ref(false);
+  function openViewDrawer() {
+    isInitChartDrawer.value = true;
+    nextTick(() => {
+      chartDrawerVisible.value = true;
+    });
+  }
+
+  function handleGeneratedChart(filterResult: FilterResult, filterForm: FilterForm, viewId: string) {
+    activeTab.value = viewId;
+    emit('generatedChart', filterResult, filterForm);
+  }
+</script>
+
+<style lang="less" scoped>
+  .view-select {
+    :deep(.n-base-selection-label) {
+      &::before {
+        margin-left: 8px;
+        white-space: nowrap;
+        color: var(--text-n4);
+        content: v-bind("`'${t('crmViewSelect.view')}'`");
+      }
+      .n-base-selection-label__render-label {
+        padding-left: 40px;
+      }
+      .n-base-selection-placeholder {
+        padding-left: 40px !important;
+      }
+      .n-base-selection-input {
+        padding-left: 4px;
+      }
+    }
+  }
+  .scroll-container::-webkit-scrollbar {
+    display: none;
+  }
+</style>
+
+<style lang="less">
+  .crm-view-select-menu {
+    padding-bottom: 0;
+    .n-base-select-menu__header {
+      padding: 0 0 0 12px;
+      border: none;
+    }
+    .n-base-select-option.n-base-select-option--grouped {
+      margin: 0 6px;
+      padding-right: 8px;
+      padding-left: 8px;
+      border-radius: @border-radius-mini;
+    }
+    .n-base-select-menu__action {
+      padding: 0;
+      text-align: center;
+      box-shadow: 0 -1px 4px 0 #1f23291a;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/business/crm-view-select/locale/en-US.ts b/frontend/packages/web/src/components/business/crm-view-select/locale/en-US.ts
new file mode 100644
index 0000000..95ac02b
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-view-select/locale/en-US.ts
@@ -0,0 +1,36 @@
+export default {
+  'crmViewSelect.view': 'View',
+  'crmViewSelect.add': 'Add view',
+  'crmViewSelect.manageViews': 'Manage views',
+  'crmViewSelect.systemView': 'System view',
+  'crmViewSelect.personalView': 'Personal',
+  'crmViewSelect.myView': 'My view',
+  'crmViewSelect.newView': 'New view',
+  'crmViewSelect.viewName': 'View name',
+  'crmViewSelect.viewType': 'View type',
+  'crmViewSelect.readOnly': 'View',
+  'crmViewSelect.deleteConfirmTitle': 'Confirm to delete view {name}?',
+  'crmViewSelect.dragTip': 'Cannot sort across view attributes!',
+  'crmViewSelect.keepAFixedViewTip': 'A fixed view must be retained',
+  'crmViewSelect.dataAnalysis': 'Data Analysis',
+  'crmViewSelect.conditionFilter': 'Condition Filter',
+  'crmViewSelect.chartSetting': 'Chart Setting',
+  'crmViewSelect.chartType': 'Chart Type',
+  'crmViewSelect.groupBy': 'Group By',
+  'crmViewSelect.dataIndicator': 'Data Indicator',
+  'crmViewSelect.generateChart': 'Generate Chart',
+  'crmViewSelect.bar': 'Bar',
+  'crmViewSelect.line': 'Line',
+  'crmViewSelect.pie': 'Pie',
+  'crmViewSelect.doughnut': 'Doughnut',
+  'crmViewSelect.funnel': 'Funnel',
+  'crmViewSelect.sum': 'Sum',
+  'crmViewSelect.average': 'Average',
+  'crmViewSelect.count': 'Count',
+  'crmViewSelect.chartName': '{group} Group {indicator} ({aggregation})',
+  'crmViewSelect.chartNameCount': '{group} Group Counts',
+  'crmViewSelect.counts': 'Counts',
+  'crmViewSelect.orConditionNotAllowJump': 'The current combined conditions do not support jumping',
+  'crmViewSelect.noDataIndicator':
+    'When there is no data indicator, only the count method is supported to generate charts',
+};
diff --git a/frontend/packages/web/src/components/business/crm-view-select/locale/zh-CN.ts b/frontend/packages/web/src/components/business/crm-view-select/locale/zh-CN.ts
new file mode 100644
index 0000000..ce3426c
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-view-select/locale/zh-CN.ts
@@ -0,0 +1,35 @@
+export default {
+  'crmViewSelect.view': '视图',
+  'crmViewSelect.add': '新建视图',
+  'crmViewSelect.manageViews': '管理视图',
+  'crmViewSelect.systemView': '系统视图',
+  'crmViewSelect.personalView': '个人',
+  'crmViewSelect.myView': '我的视图',
+  'crmViewSelect.newView': '新建视图',
+  'crmViewSelect.viewName': '视图名称',
+  'crmViewSelect.viewType': '视图类型',
+  'crmViewSelect.readOnly': '查看',
+  'crmViewSelect.deleteConfirmTitle': '确认删除视图 {name} 吗？',
+  'crmViewSelect.dragTip': '不能跨视图属性排序!',
+  'crmViewSelect.keepAFixedViewTip': '必须保留一个固定视图',
+  'crmViewSelect.dataAnalysis': '数据分析',
+  'crmViewSelect.conditionFilter': '条件筛选',
+  'crmViewSelect.chartSetting': '图表配置',
+  'crmViewSelect.chartType': '图表类型',
+  'crmViewSelect.groupBy': '分组依据',
+  'crmViewSelect.dataIndicator': '数据指标',
+  'crmViewSelect.generateChart': '生成图表',
+  'crmViewSelect.bar': '柱状图',
+  'crmViewSelect.line': '折线图',
+  'crmViewSelect.pie': '饼图',
+  'crmViewSelect.doughnut': '圆环图',
+  'crmViewSelect.funnel': '漏斗图',
+  'crmViewSelect.sum': '求和',
+  'crmViewSelect.average': '平均',
+  'crmViewSelect.count': '计数',
+  'crmViewSelect.chartName': '{group}分组的{indicator}({aggregation})',
+  'crmViewSelect.chartNameCount': '{group}分组的记录数',
+  'crmViewSelect.counts': '记录数',
+  'crmViewSelect.orConditionNotAllowJump': '当前组合条件暂不支持跳转',
+  'crmViewSelect.noDataIndicator': '无数据指标时仅支持计数方式生成图表',
+};
diff --git a/frontend/packages/web/src/components/business/crm-workflow-card/index.vue b/frontend/packages/web/src/components/business/crm-workflow-card/index.vue
new file mode 100644
index 0000000..0e08beb
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-workflow-card/index.vue
@@ -0,0 +1,245 @@
+<template>
+  <div class="bg-[var(--text-n10)] p-[16px]">
+    <n-spin :show="updateStageLoading">
+      <WorkflowStep
+        v-model:status="currentStage"
+        :readonly="props.readonly"
+        :operation-permission="props.operationPermission"
+        :stageConfig="props.stageConfig"
+        :workflow-list="workflowList"
+        :is-limit-back="props.isLimitBack"
+        :back-stage-permission="props.backStagePermission"
+        :failure-reason="getFailureReason"
+        :is-no-resign-flow="props.isNoResignFlow"
+        @change="handleUpdateStatus"
+      >
+        <template v-if="!props.readonly" #action>
+          <div v-permission="props.operationPermission" class="flex items-center">
+            <n-button
+              v-if="props.showErrorBtn"
+              type="error"
+              ghost
+              class="n-btn-outline-error"
+              @click="handleUpdateStatus(failureStage)"
+            >
+              {{ t('common.followFailed') }}
+            </n-button>
+          </div>
+        </template>
+      </WorkflowStep>
+
+      <CrmModal
+        v-model:show="updateStatusModal"
+        :title="t('common.complete')"
+        :ok-loading="updateStageLoading"
+        size="small"
+        @confirm="handleConfirm"
+        @cancel="handleCancel"
+      >
+        <n-form ref="formRef" :model="form" :rules="rules" label-placement="left" require-mark-placement="left">
+          <n-form-item
+            require-mark-placement="left"
+            label-placement="left"
+            path="failureReason"
+            :label="t('opportunity.failureReason')"
+            :rule="[{ required: true, message: t('common.notNull', { value: t('opportunity.failureReason') }) }]"
+          >
+            <n-select
+              v-model:value="form.failureReason"
+              :options="reasonList"
+              :placeholder="t('common.pleaseSelect')"
+            />
+          </n-form-item>
+        </n-form>
+      </CrmModal>
+    </n-spin>
+  </div>
+  <CrmStatusFlowModal
+    v-if="props.formKey"
+    v-model:show="flowModalShow"
+    :from="{ id: currentStageConfig?.id, name: currentStageConfig?.name }"
+    :to="{ id: targetStageConfig?.id, name: targetStageConfig?.name }"
+    :form-key="props.formKey"
+    :circulationFieldValues="circulationFieldValues"
+    :source-id="props.sourceId"
+    @success="handleFlowSuccess"
+  />
+</template>
+
+<script lang="ts" setup>
+  import { FormInst, FormRules, NButton, NForm, NFormItem, NSelect, NSpin, SelectOption, useMessage } from 'naive-ui';
+
+  import type { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum.js';
+  import { ReasonTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type {
+    CirculationFieldValueItem,
+    OpportunityStageConfig,
+    StageConfigItem,
+    UpdateStageParams,
+  } from '@lib/shared/models/opportunity';
+
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+  import type { Option } from '@/components/business/crm-select-user-drawer/type';
+  import CrmStatusFlowModal from '@/components/business/crm-status-flow-modal/index.vue';
+  import WorkflowStep from './workflowStep.vue';
+
+  import { getReasonConfig } from '@/api/modules';
+
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  const props = defineProps<{
+    formKey?: FormDesignKeyEnum;
+    stageConfig?: OpportunityStageConfig; // 阶段配置
+    sourceId: string; // 资源id
+    showErrorBtn?: boolean;
+    showConfirmStatus?: boolean; // 是否二次确认更新成功 | 成败
+    updateApi?: (params: UpdateStageParams) => Promise<any>;
+    operationPermission?: string[];
+    readonly?: boolean;
+    isLimitBack?: boolean; // 是否限制状态往返
+    backStagePermission?: string[];
+    failureReason?: string;
+    afootRollBack?: boolean; // 是否允许从跟进中回退
+    endRollBack?: boolean; // 是否允许从成功或失败回退
+    isNoResignFlow?: boolean; // 是否是不区分成功失败、无反签逻辑的流程
+    beforeChangeStage?: (stage: string) => boolean | Promise<boolean>; // 切换阶段前的拦截，返回 false 阻止默认更新
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'loadDetail'): void;
+  }>();
+
+  const currentStage = defineModel<string>('stage', {
+    required: true,
+  });
+
+  const reasonList = ref<Option[]>([]);
+  const updateStatusModal = ref<boolean>(false);
+
+  const rules: FormRules = {
+    status: [{ required: true, message: t('common.pleaseSelect') }],
+  };
+  const failureStage = computed(
+    () => props.stageConfig?.stageConfigList.find((e) => e.type === 'END' && e.rate === '0')?.id || ''
+  );
+
+  const form = ref<UpdateStageParams>({
+    id: '',
+    stage: failureStage.value,
+    failureReason: null,
+  });
+
+  const getFailureReason = computed(() => reasonList.value.find((e) => e.value === props.failureReason)?.label);
+  const workflowList = computed<SelectOption[]>(() => {
+    return (
+      props.stageConfig?.stageConfigList.map((item) => ({
+        label: item.name,
+        value: item.id,
+      })) || []
+    );
+  });
+
+  function handleCancel() {
+    updateStatusModal.value = false;
+    form.value = { id: '', stage: failureStage.value, failureReason: null };
+    form.value.stage = failureStage.value;
+  }
+
+  const formRef = ref<FormInst | null>(null);
+  const updateStageLoading = ref(false);
+
+  async function handleSave(stage: string) {
+    try {
+      updateStageLoading.value = true;
+      if (props.updateApi) {
+        await props.updateApi({
+          id: props.sourceId,
+          stage,
+          failureReason: props.showConfirmStatus && stage === failureStage.value ? form.value.failureReason : undefined,
+        });
+        handleCancel();
+        Message.success(t('common.updateSuccess'));
+        emit('loadDetail');
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      updateStageLoading.value = false;
+    }
+  }
+
+  function handleFlowSuccess() {
+    emit('loadDetail');
+  }
+
+  const flowModalShow = ref(false);
+  const currentStageConfig = computed(() =>
+    props.stageConfig?.stageConfigList.find((e) => e.id === currentStage.value)
+  );
+  const targetStageConfig = ref<StageConfigItem>();
+  const circulationFieldValues = ref<CirculationFieldValueItem[]>([]);
+
+  const enableReason = ref(false);
+  // 更新状态
+  async function handleUpdateStatus(stage: string) {
+    const canContinue = (await props.beforeChangeStage?.(stage)) ?? true;
+    if (!canContinue) {
+      return;
+    }
+
+    if (
+      props.showConfirmStatus &&
+      stage === workflowList.value[workflowList.value.length - 1].value &&
+      enableReason.value
+    ) {
+      updateStatusModal.value = true;
+      form.value.stage = failureStage.value;
+      return;
+    }
+    targetStageConfig.value = props.stageConfig?.stageConfigList.find((e) => e.id === stage);
+    circulationFieldValues.value =
+      props.stageConfig?.advancedConfigs
+        ?.find((e) => e.originId === currentStage.value)
+        ?.targets.find((e) => e.targetId === targetStageConfig.value?.id)?.circulationFieldValues || [];
+    if (circulationFieldValues.value.length > 0) {
+      flowModalShow.value = true;
+    } else {
+      handleSave(stage);
+    }
+  }
+
+  // 确认更新
+  async function handleConfirm() {
+    if (enableReason.value) {
+      formRef.value?.validate(async (errors) => {
+        if (!errors) {
+          handleSave(form.value.stage);
+        }
+      });
+    } else {
+      handleSave(form.value.stage);
+    }
+  }
+
+  async function initReason() {
+    try {
+      const { dictList, enable } = await getReasonConfig(ReasonTypeEnum.OPPORTUNITY_FAIL_RS);
+      enableReason.value = enable;
+      reasonList.value = dictList.map((e) => ({ label: e.name, value: e.id }));
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+    }
+  }
+
+  onBeforeMount(() => {
+    if (props.showConfirmStatus) {
+      initReason();
+    }
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/business/crm-workflow-card/workflowStep.vue b/frontend/packages/web/src/components/business/crm-workflow-card/workflowStep.vue
new file mode 100644
index 0000000..be84657
--- /dev/null
+++ b/frontend/packages/web/src/components/business/crm-workflow-card/workflowStep.vue
@@ -0,0 +1,229 @@
+<template>
+  <n-scrollbar x-scrollable>
+    <div class="crm-workflow-step">
+      <div class="flex flex-1 gap-[16px]">
+        <n-tooltip
+          v-for="(item, index) of workflowData"
+          :key="item.value"
+          trigger="hover"
+          :disabled="!isDisabledStage(item.value?.toString() || '') || currentStatus === item.value"
+        >
+          <template #trigger>
+            <div :class="`crm-workflow-item`" @click="changeStage(item.value as string)">
+              <div class="crm-workflow-item-status" :class="statusClass(index, item)">
+                <CrmIcon
+                  v-if="index < currentStatusIndex || item.value === failureStage"
+                  :type="item.value === failureStage ? 'iconicon_close' : 'iconicon_check'"
+                  :size="16"
+                />
+                <div v-else class="flex items-center justify-center">{{ index + 1 }} </div>
+              </div>
+              <div class="crm-workflow-item-name" :class="statusClass(index, item)">
+                {{
+                  item.value === failureStage && props.failureReason
+                    ? `${item.label}（${props.failureReason}）`
+                    : item.label
+                }}
+              </div>
+              <div
+                v-if="index !== workflowData.length - 1"
+                class="crm-workflow-item-line"
+                :class="{
+                  'in-progress': index < currentStatusIndex,
+                }"
+              >
+              </div>
+            </div>
+          </template>
+          {{
+            t('crmStatusConfigDrawer.flowDisabledTip', {
+              f: props.workflowList[currentStatusIndex].label,
+              t: item.label,
+            })
+          }}
+        </n-tooltip>
+      </div>
+      <slot
+        v-if="currentStatusIndex !== workflowData.length - 1"
+        name="action"
+        :current-status-index="currentStatusIndex"
+      >
+      </slot>
+    </div>
+  </n-scrollbar>
+</template>
+
+<script setup lang="ts">
+  import { NScrollbar, NTooltip, SelectOption } from 'naive-ui';
+
+  import { CirculationTypeEnum } from '@lib/shared/enums/opportunityEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { type OpportunityStageConfig } from '@lib/shared/models/opportunity';
+
+  import { hasAllPermission, hasAnyPermission } from '@/utils/permission';
+
+  const props = defineProps<{
+    workflowList: SelectOption[];
+    stageConfig?: OpportunityStageConfig; // 阶段配置
+    operationPermission?: string[];
+    readonly?: boolean;
+    isLimitBack?: boolean; // 是否限制状态往返
+    backStagePermission?: string[];
+    failureReason?: string;
+    isNoResignFlow?: boolean; // 是否是不区分成功失败、无反签逻辑的流程
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'change', value: string): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const currentStatus = defineModel<string>('status', {
+    required: true,
+  });
+
+  const workflowData = computed(() => props.workflowList || []);
+  const currentStatusIndex = computed(() => workflowData.value.findIndex((e) => e.value === currentStatus.value));
+  const readonly = computed(() => props.readonly || !hasAnyPermission(props.operationPermission));
+  const successStage = computed(
+    () => props.stageConfig?.stageConfigList.find((e) => e.type === 'END' && e.rate === '100')?.id || ''
+  );
+  const failureStage = computed(
+    () => props.stageConfig?.stageConfigList.find((e) => e.type === 'END' && e.rate === '0')?.id || ''
+  );
+  // 订单没有rate 只判断type
+  const endStages = computed(() => props.stageConfig?.stageConfigList.filter((e) => e.type === 'END').map((i) => i.id));
+  const currentStageConfig = computed(() =>
+    props.stageConfig?.advancedConfigs?.find((e) => e.originId === currentStatus.value)
+  );
+
+  const isDisabledStage = (stage: string) => {
+    const targetStage = currentStageConfig.value?.targets.find((e) => e.targetId === stage);
+    if (props.stageConfig?.circulationType === CirculationTypeEnum.ADVANCED && currentStageConfig) {
+      return !targetStage?.enable;
+    }
+    const isSameStage = currentStatus.value === stage;
+    const isFailureStage = stage === failureStage.value;
+    const isCurrentEndStage = endStages.value?.includes(currentStatus.value);
+    const hasPermission = props.backStagePermission && hasAllPermission(props.backStagePermission);
+
+    // 获取当前阶段和目标阶段在流程中的索引
+    const currentIndex = workflowData.value.findIndex((item) => item.value === currentStatus.value);
+    const targetIndex = workflowData.value.findIndex((item) => item.value === stage);
+    // 限制回退状态
+    if (props.isLimitBack) {
+      if (!props.isNoResignFlow) {
+        // 当前为成功状态，且目标为失败状态，需要返签权限
+        if (currentStatus.value === successStage.value && isFailureStage) {
+          return isSameStage || readonly.value || !hasPermission;
+        }
+        // 当前为完结状态，且目标是进行中状态，需要开启完结阶段回退
+        if (currentStatus.value === successStage.value || currentStatus.value === failureStage.value) {
+          return isSameStage || readonly.value || !props.stageConfig?.endRollBack;
+        }
+      } else if (isCurrentEndStage) {
+        // 这类流程没有反签，完结阶段统一按回退开关控制
+        return isSameStage || readonly.value || !props.stageConfig?.endRollBack;
+      }
+
+      // 当前处于进行中阶段时的处理逻辑
+      if (!isCurrentEndStage) {
+        // 开启则不限制
+        if (props.stageConfig?.afootRollBack) {
+          return isSameStage || readonly.value;
+        }
+        // 允许前进到当前阶段的后边的任意阶段 无论是进行中、成功或失败）
+        return isSameStage || readonly.value || targetIndex < currentIndex;
+      }
+      // 不限制回退状态
+      return isSameStage || readonly.value;
+    }
+    return false;
+  };
+
+  function statusClass(index: number, item: SelectOption) {
+    return {
+      'done': index < currentStatusIndex.value && item.value !== failureStage.value,
+      'current': index === currentStatusIndex.value && item.value !== failureStage.value,
+      'error': currentStatus.value === failureStage.value && item.value === failureStage.value,
+      'cursor-pointer': !isDisabledStage(item.value as string),
+    };
+  }
+
+  function changeStage(stage: string) {
+    if (isDisabledStage(stage)) return;
+    emit('change', stage);
+  }
+</script>
+
+<style scoped lang="less">
+  .crm-workflow-step {
+    padding: 24px;
+    border-radius: var(--border-radius-medium);
+    background: var(--text-n9);
+    gap: 24px;
+    @apply flex;
+    .crm-workflow-item {
+      gap: 16px;
+      @apply flex flex-nowrap items-center;
+      .crm-workflow-item-status {
+        width: 24px;
+        height: 24px;
+        line-height: 24px;
+        font-size: 16px;
+        border: 1px solid var(--text-n4);
+        border-radius: 50%;
+        color: var(--text-n4);
+        @apply flex flex-shrink-0 items-center justify-center font-semibold;
+        &.current {
+          border-color: var(--primary-8);
+          color: var(--text-n10);
+          background: var(--primary-8);
+        }
+        &.done {
+          border-color: var(--primary-8);
+          color: var(--primary-8);
+        }
+        &.error {
+          border-color: var(--error-red);
+          color: var(--error-red);
+        }
+      }
+      .crm-workflow-item-name {
+        font-size: 16px;
+        color: var(--text-n4);
+        @apply break-keep font-medium;
+        &.current {
+          color: var(--primary-8);
+          @apply font-medium;
+        }
+        &.done {
+          border-color: var(--primary-8);
+          color: var(--text-n1);
+          @apply font-normal;
+        }
+        &.error {
+          color: var(--error-red);
+          @apply font-medium;
+        }
+      }
+      .crm-workflow-item-line {
+        width: auto;
+        min-width: 18px;
+        height: 2px;
+        background: var(--text-n7);
+
+        @apply flex-1;
+        &.in-progress {
+          background: var(--primary-8);
+        }
+      }
+      &:first-child {
+        .crm-workflow-item-line {
+          width: 50px;
+        }
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/pure/crm-advance-filter/components/filterContent.vue b/frontend/packages/web/src/components/pure/crm-advance-filter/components/filterContent.vue
new file mode 100644
index 0000000..ad3102a
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-advance-filter/components/filterContent.vue
@@ -0,0 +1,556 @@
+<template>
+  <div class="w-full rounded-[var(--border-radius-small)] bg-[var(--text-n9)] p-[16px]">
+    <slot name="header"></slot>
+    <div class="flex w-full">
+      <div class="and-or">
+        <CrmTag
+          type="primary"
+          theme="light"
+          :color="{ color: 'var(--primary-6)' }"
+          class="z-[1] w-[38px] cursor-pointer"
+          @click="changeAllOr"
+        >
+          {{ formModel.searchMode === 'AND' ? 'and' : 'or' }}
+        </CrmTag>
+      </div>
+      <div class="min-w-0 flex-1">
+        <n-form ref="formRef" :model="formModel">
+          <div
+            v-for="(item, listIndex) in formModel.list"
+            :key="`filter_item_${listIndex}`"
+            class="flex items-start gap-[8px]"
+          >
+            <n-form-item
+              :path="`list[${listIndex}].dataIndex`"
+              :rule="[{ required: true, message: t('common.value.nameNotNull') }]"
+              class="dataIndex-col block flex-1 overflow-hidden"
+            >
+              <n-select
+                v-model:value="item.dataIndex"
+                value-field="dataIndex"
+                :disabled="props.readonly"
+                filterable
+                :placeholder="t('common.pleaseSelect')"
+                :options="currentOptions(item.dataIndex as string)"
+                @update:value="(val) => dataIndexChange(val, listIndex)"
+              />
+            </n-form-item>
+            <n-form-item :path="`list[${listIndex}].operator`" class="list-operator block w-[120px]">
+              <n-select
+                v-model:value="item.operator"
+                :disabled="!item.dataIndex || props.readonly"
+                :options="getOperatorOptions(item.type, item.dataIndex as string)"
+                @update:value="operatorChange(item, listIndex)"
+              />
+            </n-form-item>
+            <n-form-item
+              :path="`list[${listIndex}].value`"
+              class="block flex-[1.5] overflow-hidden"
+              :rule="getRules(item)"
+            >
+              <n-input
+                v-if="item.operator === OperatorEnum.NEW_NOT_EQUALS_OLD"
+                :value="t('advanceFilter.value.fieldChanged')"
+                disabled
+                class="w-full"
+              />
+              <CrmTimeRangePicker
+                v-else-if="
+                [FieldTypeEnum.TIME_RANGE_PICKER,FieldTypeEnum.DATE_TIME].includes(item.type)  &&
+                [OperatorEnum.DYNAMICS, OperatorEnum.FIXED].includes(item.operator as OperatorEnum)
+              "
+                v-model:value="item.value"
+                :time-range-type="item.operator"
+                :disabled="isValueDisabled(item)"
+                @update:value="valueChange"
+              />
+              <n-date-picker
+                v-else-if=" ([FieldTypeEnum.TIME_RANGE_PICKER,FieldTypeEnum.DATE_TIME].includes(item.type) &&
+                ![OperatorEnum.DYNAMICS, OperatorEnum.FIXED].includes(item.operator as OperatorEnum))"
+                v-model:value="item.value"
+                :type="item.operator === OperatorEnum.BETWEEN ? 'datetimerange' : 'datetime'"
+                clearable
+                :disabled="isValueDisabled(item)"
+                class="w-full"
+                :default-time="item.operator === OperatorEnum.BETWEEN ? [undefined, '23:59:59'] : undefined"
+                @update:value="valueChange"
+              />
+              <CrmInputNumber
+                v-else-if="
+                [FieldTypeEnum.INPUT_NUMBER, FieldTypeEnum.FORMULA].includes(item.type) ||
+                (item.type === FieldTypeEnum.INPUT_MULTIPLE &&
+                  [OperatorEnum.COUNT_LT, OperatorEnum.COUNT_GT].includes(item.operator as OperatorEnum))
+              "
+                v-model:value="item.value"
+                clearable
+                :disabled="isValueDisabled(item)"
+                :placeholder="item.numberProps?.placeholder ?? t('common.pleaseInput')"
+                v-bind="{
+                  min: item.numberProps?.min,
+                }"
+                class="w-full"
+                @update:value="valueChange"
+              />
+              <CrmTagInput
+                v-else-if="
+                item.type === FieldTypeEnum.INPUT_MULTIPLE &&
+                ![OperatorEnum.COUNT_LT, OperatorEnum.COUNT_GT].includes(item.operator as OperatorEnum)
+              "
+                v-model:value="item.value"
+                clearable
+                :disabled="isValueDisabled(item)"
+                class="w-full"
+                @update:value="valueChange"
+              />
+
+              <CrmDataSource
+                v-else-if="[FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.DATA_SOURCE_MULTIPLE].includes(item.type)"
+                v-model:value="item.value"
+                v-model:rows="item.selectedRows"
+                v-bind="{
+                ...item.dataSourceProps,
+                dataSourceType:item?.dataSourceProps?.dataSourceType as FieldDataSourceTypeEnum,
+              }"
+                :disabled="isValueDisabled(item)"
+                @change="valueChange"
+              />
+              <n-select
+                v-else-if="
+                  [
+                    FieldTypeEnum.SELECT,
+                    FieldTypeEnum.SELECT_MULTIPLE,
+                    FieldTypeEnum.RADIO,
+                    FieldTypeEnum.CHECKBOX,
+                  ].includes(item.type)
+                "
+                v-model:value="item.value"
+                clearable
+                max-tag-count="responsive"
+                :disabled="isValueDisabled(item)"
+                :placeholder="t('common.pleaseSelect')"
+                v-bind="item.selectProps"
+                :multiple="item.type === FieldTypeEnum.SELECT_MULTIPLE || item.selectProps?.multiple"
+                @update:value="valueChange"
+              />
+              <CrmCitySelect
+                v-else-if="item.type === FieldTypeEnum.LOCATION"
+                v-model:value="item.value"
+                :placeholder="t('common.pleaseInput')"
+                :disabled="isValueDisabled(item)"
+                clearable
+                multiple
+                check-strategy="parent"
+                @update:value="valueChange"
+              />
+              <CrmIndustrySelect
+                v-else-if="item.type === FieldTypeEnum.INDUSTRY"
+                v-model:value="item.value"
+                :placeholder="t('common.pleaseInput')"
+                :disabled="isValueDisabled(item)"
+                clearable
+                multiple
+                check-strategy="parent"
+                @update:value="valueChange"
+              />
+              <CrmUserTagSelector
+                v-else-if="
+                  [
+                    FieldTypeEnum.DEPARTMENT,
+                    FieldTypeEnum.DEPARTMENT_MULTIPLE,
+                    FieldTypeEnum.MEMBER,
+                    FieldTypeEnum.MEMBER_MULTIPLE,
+                  ].includes(item.type)
+                "
+                v-model:value="item.value"
+                v-model:selected-list="item.selectedUserList"
+                multiple
+                :disabled="isValueDisabled(item)"
+                :drawer-title="t('crmFormDesign.selectDataSource')"
+                :api-type-key="MemberApiTypeEnum.FORM_FIELD"
+                :member-types="
+                  [FieldTypeEnum.MEMBER, FieldTypeEnum.MEMBER_MULTIPLE].includes(item.type)
+                    ? [
+                        {
+                          label: t('menu.settings.org'),
+                          value: MemberSelectTypeEnum.ORG,
+                        },
+                      ]
+                    : [
+                        {
+                          label: t('menu.settings.org'),
+                          value: MemberSelectTypeEnum.ONLY_ORG,
+                        },
+                      ]
+                "
+                :disabled-node-types="
+                  [FieldTypeEnum.MEMBER, FieldTypeEnum.MEMBER_MULTIPLE].includes(item.type)
+                    ? [DeptNodeTypeEnum.ORG, DeptNodeTypeEnum.ROLE]
+                    : [DeptNodeTypeEnum.USER, DeptNodeTypeEnum.ROLE]
+                "
+              />
+              <CrmTreeSelect
+                v-else-if="item.type === FieldTypeEnum.TREE_SELECT"
+                v-model:value="item.value"
+                v-model:contain-child-ids="item.containChildIds"
+                :disabled="isValueDisabled(item)"
+                :placeholder="t('common.pleaseSelect')"
+                :type="item.treeSelectProps?.options ? 'custom' : 'department'"
+                v-bind="item.treeSelectProps"
+                @update:value="valueChange"
+              />
+              <CrmUserSelect
+                v-else-if="item.type === FieldTypeEnum.USER_SELECT"
+                v-model:value="item.value"
+                value-field="id"
+                label-field="name"
+                :disabled="isValueDisabled(item)"
+                multiple
+                :options="userOptionsList"
+                max-tag-count="responsive"
+                @update:value="valueChange"
+              />
+
+              <n-input
+                v-else
+                v-model:value="item.value"
+                allow-clear
+                :disabled="isValueDisabled(item)"
+                :maxlength="255"
+                :placeholder="t('advanceFilter.inputPlaceholder')"
+                v-bind="item.inputProps"
+                @update:value="valueChange"
+              />
+            </n-form-item>
+            <n-form-item
+              v-if="item.showScope"
+              :path="`list[${listIndex}].scope`"
+              class="block w-[150px] flex-initial overflow-hidden"
+            >
+              <n-select
+                v-model:value="item.scope"
+                :disabled="item.scopeProps?.disabled"
+                :options="scopeOptions"
+                multiple
+              />
+            </n-form-item>
+            <n-button
+              :disabled="(props.keepOneLine && formModel.list.length === 1) || props.readonly"
+              class="outline--secondary px-[7px]"
+              @click="handleDeleteItem(listIndex)"
+            >
+              <template #icon>
+                <CrmIcon type="iconicon_minus_circle1" :size="16" />
+              </template>
+            </n-button>
+          </div>
+        </n-form>
+        <div class="flex items-center justify-between">
+          <n-tooltip v-if="!props.readonly" :delay="300" :disabled="!props.maxFilterFieldAddTooltip || !isDisabledAdd">
+            <template #trigger>
+              <n-button type="primary" :disabled="isDisabledAdd" text class="w-[fit-content]" @click="handleAddItem">
+                <template #icon>
+                  <n-icon><Add /></n-icon>
+                </template>
+                {{ t('advanceFilter.addCondition') }}
+              </n-button>
+            </template>
+            {{ props.maxFilterFieldAddTooltip }}
+          </n-tooltip>
+          <slot name="addButtonRight"></slot>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { FormInst, NButton, NDatePicker, NForm, NFormItem, NIcon, NInput, NSelect, NTooltip } from 'naive-ui';
+  import { Add } from '@vicons/ionicons5';
+
+  import { OperatorEnum } from '@lib/shared/enums/commonEnum';
+  import { FieldDataSourceTypeEnum, FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+  import { MemberApiTypeEnum, MemberSelectTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { DeptNodeTypeEnum } from '@lib/shared/enums/systemEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { scrollIntoView } from '@lib/shared/method/dom';
+
+  import CrmIndustrySelect from '@/components/pure/crm-industry-select/index.vue';
+  import CrmInputNumber from '@/components/pure/crm-input-number/index.vue';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import CrmTagInput from '@/components/pure/crm-tag-input/index.vue';
+  import CrmTreeSelect from '@/components/pure/crm-tree-select/index.vue';
+  import CrmCitySelect from '@/components/business/crm-city-select/index.vue';
+  import CrmDataSource from '@/components/business/crm-data-source-select/index.vue';
+  import CrmTimeRangePicker from '@/components/business/crm-time-range-picker/index.vue';
+  import CrmUserSelect from '@/components/business/crm-user-select/index.vue';
+  import CrmUserTagSelector from '@/components/business/crm-user-tag-selector/index.vue';
+
+  import { getUserOptions } from '@/api/modules';
+
+  import { operatorOptionsMap, scopeOptions } from '../index';
+  import type { FilterForm, FilterFormItem } from '../type';
+  import { getDefaultOperator } from '../utils';
+  import { SelectMixedOption } from 'naive-ui/es/select/src/interface';
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    configList: FilterFormItem[];
+    customList?: FilterFormItem[];
+    keepOneLine?: boolean; // 至少保留一行
+    readonly?: boolean;
+    noFilterOption?: boolean; // 第一列取消过滤
+    maxFilterFieldNumber?: number; // 最大限制条件数量
+    maxFilterFieldAddTooltip?: string; // 添加最大限制文本提示
+  }>();
+
+  const formModel = defineModel<FilterForm>('formModel', {
+    required: true,
+  });
+  // 过滤
+  const formRef = ref<FormInst | null>(null);
+
+  function valueIsArray(listItem: FilterFormItem) {
+    return (
+      [
+        FieldTypeEnum.SELECT_MULTIPLE,
+        FieldTypeEnum.DEPARTMENT_MULTIPLE,
+        FieldTypeEnum.MEMBER_MULTIPLE,
+        FieldTypeEnum.DATA_SOURCE_MULTIPLE,
+        FieldTypeEnum.DATA_SOURCE,
+      ].includes(listItem.type) ||
+      listItem.selectProps?.multiple ||
+      listItem.cascaderProps?.multiple ||
+      (listItem.type === FieldTypeEnum.INPUT_MULTIPLE &&
+        ![OperatorEnum.COUNT_LT, OperatorEnum.COUNT_GT].includes(listItem.operator as OperatorEnum)) ||
+      (listItem.type === FieldTypeEnum.DATE_TIME && listItem.operator === OperatorEnum.BETWEEN)
+    );
+  }
+
+  function changeAllOr() {
+    if (props.readonly) return;
+    formModel.value.searchMode = formModel.value.searchMode === 'AND' ? 'OR' : 'AND';
+  }
+
+  function isValueDisabled(item: FilterFormItem) {
+    return (
+      props.readonly ||
+      !item.dataIndex ||
+      ['EMPTY', 'NOT_EMPTY', OperatorEnum.NEW_NOT_EQUALS_OLD].includes(item.operator as string)
+    );
+  }
+
+  // 第一列下拉数据
+  const currentOptions = computed(() => {
+    const allOptions = [...props.configList, ...(props.customList || [])];
+    if (props.noFilterOption) {
+      return () => allOptions.map((item) => ({ ...item, label: t(item.title as string) }));
+    }
+    const formItems = formModel.value.list;
+
+    return (currentDataIndex: string) => {
+      const usedDataIndices = new Set(
+        formItems.filter((item) => item.dataIndex !== currentDataIndex).map((item) => item.dataIndex)
+      );
+
+      return allOptions
+        .filter(({ dataIndex }) => !usedDataIndices.has(dataIndex))
+        .map((item) => ({ ...item, label: t(item.title as string) }));
+    };
+  });
+
+  const getListItemByDataIndex = (dataIndex: string): FilterFormItem | undefined => {
+    const mergedList: FilterFormItem[] = [...props.configList, ...(props.customList || [])];
+
+    return mergedList.find((item) => item.dataIndex === dataIndex);
+  };
+
+  const userOptionsList = ref<SelectMixedOption[]>([]);
+  async function getUserOption() {
+    try {
+      userOptionsList.value = await getUserOptions();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  onMounted(() => {
+    // 初始化视图回显
+    formModel.value.list.forEach((item, index) => {
+      if (item.dataIndex) {
+        const listItem = getListItemByDataIndex(item.dataIndex);
+        if (!listItem) return;
+        const currentListItem: FilterFormItem = {
+          ...listItem,
+          ...item,
+          type: listItem.type,
+          ...(listItem.showScope ? { scope: item.scope ?? listItem.scope } : undefined),
+        };
+        formModel.value.list[index] = currentListItem;
+      }
+    });
+    getUserOption();
+  });
+
+  // 改变第一列值
+  const dataIndexChange = (dataIndex: string, index: number) => {
+    const listItem = getListItemByDataIndex(dataIndex);
+
+    if (!listItem) return;
+
+    const isArray = valueIsArray(listItem);
+    const currentListItem: FilterFormItem = {
+      ...listItem,
+      value: isArray ? [] : undefined,
+      ...(listItem.showScope ? { scope: listItem.scope } : undefined),
+    };
+
+    // 显式类型注解，避免类型过深
+    const currentFormList = formModel.value.list as FilterFormItem[];
+
+    currentFormList[index] = currentListItem;
+
+    // 如果当前操作符没有值，自动赋默认
+    const hasNoOperator = !currentFormList[index].operator?.length;
+
+    if (hasNoOperator) {
+      const options = listItem?.operatorOption?.length
+        ? listItem.operatorOption
+        : operatorOptionsMap[currentFormList[index].type] || [];
+
+      const optionsValueList = options.map((optionItem: { value: string; label: string }) => optionItem.value);
+
+      currentFormList[index].operator = getDefaultOperator(optionsValueList);
+    }
+  };
+
+  // 获取操作符号
+  function getOperatorOptions(type: FieldTypeEnum, dataIndex: string) {
+    const listItem = getListItemByDataIndex(dataIndex);
+    return (listItem?.operatorOption?.length ? listItem.operatorOption : operatorOptionsMap[type])?.map((e) => {
+      return {
+        ...e,
+        label: t(e.label),
+      };
+    });
+  }
+
+  // 删除筛选项
+  function handleDeleteItem(index: number) {
+    formModel.value.list.splice(index, 1);
+  }
+
+  // 符号变化
+  function operatorChange(item: FilterFormItem, index: number) {
+    if (item.type === FieldTypeEnum.DATE_TIME) {
+      formModel.value.list[index].value = null;
+    } else {
+      formModel.value.list[index].value = valueIsArray(item) ? [] : null;
+    }
+
+    if (formModel.value.list[index]?.selectedRows && formModel.value.list[index]?.selectedRows?.length) {
+      formModel.value.list[index].selectedRows = [];
+    }
+
+    if (formModel.value.list[index]?.selectedUserList && formModel.value.list[index]?.selectedUserList?.length) {
+      formModel.value.list[index].selectedUserList = [];
+    }
+
+    formRef.value?.restoreValidation();
+  }
+
+  function valueChange() {
+    formRef.value?.validate();
+  }
+
+  // 获取校验规则
+  function getRules(item: FilterFormItem) {
+    if (isValueDisabled(item)) {
+      return undefined;
+    }
+    if (item.rule) return item.rule;
+    if ([FieldTypeEnum.TIME_RANGE_PICKER, FieldTypeEnum.DATE_TIME].includes(item.type)) {
+      return [
+        {
+          validator: (rule: any, value: string | number) => {
+            if (!value && value !== 0) return new Error(t('common.value.notNull'));
+            if (item.operator === OperatorEnum.DYNAMICS) {
+              // 动态模式需要校验数字部分
+              const [time, num, unit] = (value as string).split(',');
+              if (time === 'CUSTOM') {
+                return !!Number(num) || new Error(t('common.value.notNull'));
+              }
+            }
+          },
+        },
+      ];
+    }
+    return [
+      {
+        required: true,
+        message: t('common.value.notNull'),
+      },
+    ];
+  }
+
+  const isDisabledAdd = computed(() =>
+    props.maxFilterFieldNumber ? formModel.value.list?.length >= props.maxFilterFieldNumber : false
+  );
+
+  function validateForm(cb: (res?: Record<string, any>) => void) {
+    formRef.value?.validate(async (errors) => {
+      if (errors) {
+        scrollIntoView(document.querySelector('.n-form-item-blank--error'), { block: 'center' });
+        return;
+      }
+      if (typeof cb === 'function') {
+        cb();
+      }
+    });
+  }
+
+  // 添加筛选项
+  function handleAddItem() {
+    validateForm(() => {
+      const item = {
+        key: '',
+        type: FieldTypeEnum.INPUT,
+        value: null,
+      };
+      formModel.value.list.push(item);
+    });
+  }
+
+  defineExpose({
+    formRef,
+    validateForm,
+  });
+</script>
+
+<style lang="less" scoped>
+  .and-or {
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-right: 16px;
+    height: auto;
+    &::after {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 50%;
+      width: 1px;
+      height: 100%;
+      background-color: var(--text-n8);
+      transform: translateX(-50%);
+    }
+    :deep(.n-tag__content) {
+      margin: 0 auto;
+    }
+  }
+  :deep(.n-form-item-feedback-wrapper) {
+    min-height: 8px;
+  }
+</style>
diff --git a/frontend/packages/web/src/components/pure/crm-advance-filter/filterModal.vue b/frontend/packages/web/src/components/pure/crm-advance-filter/filterModal.vue
new file mode 100644
index 0000000..c3c9959
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-advance-filter/filterModal.vue
@@ -0,0 +1,119 @@
+<template>
+  <CrmModal v-model:show="visible" size="large" :title="t('advanceFilter.advancedFilter')">
+    <n-scrollbar class="max-h-[60vh]">
+      <FilterContent
+        ref="filterContentRef"
+        v-model:form-model="formModel"
+        no-filter-option
+        :config-list="props.configList"
+        :custom-list="props.customList"
+      />
+    </n-scrollbar>
+    <template #footer>
+      <div class="mb-[22px] flex items-center gap-[12px]">
+        <n-button type="default" class="outline--secondary" @click="handleReset">
+          {{ t('common.reset') }}
+        </n-button>
+        <n-button class="mr-[12px]" type="primary" @click="handleFilter">
+          {{ t('advanceFilter.filter') }}
+        </n-button>
+      </div>
+    </template>
+  </CrmModal>
+</template>
+
+<script lang="ts" setup>
+  import { NButton, NScrollbar } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+  import { multipleValueTypeList } from '@/components/business/crm-form-create/config';
+  import FilterContent from './components/filterContent.vue';
+
+  import { ConditionsItem, FilterForm, FilterFormItem, FilterResult } from './type';
+
+  const visible = defineModel<boolean>('visible', { required: true });
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    configList: FilterFormItem[];
+    customList?: FilterFormItem[];
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'handleFilter', value: FilterResult, originalForm: FilterForm): void;
+    (e: 'refreshViewList'): void;
+    (e: 'reset'): void;
+  }>();
+
+  const defaultFormModel: FilterForm = {
+    searchMode: 'AND',
+    list: [{ dataIndex: null, operator: undefined, value: null, type: FieldTypeEnum.INPUT }],
+  };
+  const formModel = ref<FilterForm>(cloneDeep(defaultFormModel));
+
+  const savedFormModel = ref(cloneDeep(formModel.value));
+  const filterContentRef = ref<InstanceType<typeof FilterContent>>();
+
+  // 重置
+  function handleReset() {
+    filterContentRef.value?.formRef?.restoreValidation();
+    formModel.value = JSON.parse(JSON.stringify(savedFormModel.value));
+  }
+
+  function getParams(): FilterResult {
+    const conditions: ConditionsItem[] = formModel.value.list.map((item: any) => ({
+      value: item.value,
+      operator: item.operator,
+      name: item.dataIndex ?? '',
+      multipleValue: multipleValueTypeList.includes(item.type),
+      type: item.type,
+    }));
+
+    return {
+      searchMode: formModel.value.searchMode,
+      conditions,
+    };
+  }
+
+  function initFormModal(newFormModel: FilterForm) {
+    formModel.value = {
+      ...newFormModel,
+    } as FilterForm;
+  }
+
+  // 过滤
+  function handleFilter() {
+    filterContentRef.value?.formRef?.validate((errors) => {
+      if (!errors) {
+        visible.value = false;
+        emit('handleFilter', getParams(), cloneDeep(formModel.value) as FilterForm);
+      }
+    });
+  }
+
+  function setFormModal(filter: FilterResult) {
+    formModel.value = {
+      list: filter.conditions?.map((item) => {
+        return {
+          value: item.value,
+          operator: item.operator,
+          dataIndex: item.name,
+          type: item.type,
+        };
+      }),
+      searchMode: filter.searchMode,
+    } as FilterForm;
+  }
+
+  defineExpose({
+    handleReset,
+    setFormModal,
+    initFormModal,
+    formModel,
+  });
+</script>
diff --git a/frontend/packages/web/src/components/pure/crm-advance-filter/index.ts b/frontend/packages/web/src/components/pure/crm-advance-filter/index.ts
new file mode 100644
index 0000000..6123ecf
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-advance-filter/index.ts
@@ -0,0 +1,84 @@
+import { OperatorEnum } from '@lib/shared/enums/commonEnum';
+import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+const { t } = useI18n();
+
+// 大于等于
+export const GE = { label: 'advanceFilter.operator.ge', value: OperatorEnum.GE };
+// 在范围内
+export const IN = { label: 'advanceFilter.operator.belongTo', value: OperatorEnum.IN };
+// 不在范围内
+export const NOT_IN = { label: 'advanceFilter.operator.notBelongTo', value: OperatorEnum.NOT_IN };
+// 大于
+export const GT = { label: 'advanceFilter.operator.gt', value: OperatorEnum.GT };
+// 小于
+export const LT = { label: 'advanceFilter.operator.lt', value: OperatorEnum.LT };
+// 小于等于
+export const LE = { label: 'advanceFilter.operator.le', value: OperatorEnum.LE };
+// 等于
+export const EQUAL = { label: 'advanceFilter.operator.equal', value: OperatorEnum.EQUALS };
+// 不等于
+export const NOT_EQUAL = { label: 'advanceFilter.operator.notEqual', value: OperatorEnum.NOT_EQUALS };
+// 介于
+export const BETWEEN = { label: 'advanceFilter.operator.between', value: OperatorEnum.BETWEEN };
+// 数量大下
+export const COUNT_GT = { label: 'advanceFilter.operator.count.gt', value: OperatorEnum.COUNT_GT };
+// 数量小于
+export const COUNT_LT = { label: 'advanceFilter.operator.count.lt', value: OperatorEnum.COUNT_LT };
+// 为空
+export const EMPTY = { label: 'advanceFilter.operator.empty', value: OperatorEnum.EMPTY };
+// 不为空
+export const NOT_EMPTY = { label: 'advanceFilter.operator.not_empty', value: OperatorEnum.NOT_EMPTY };
+// 包含
+export const CONTAINS = { label: 'advanceFilter.operator.contains', value: OperatorEnum.CONTAINS };
+// 不包含
+export const NO_CONTAINS = { label: 'advanceFilter.operator.not_contains', value: OperatorEnum.NOT_CONTAINS };
+// 动态
+export const DYNAMICS = { value: OperatorEnum.DYNAMICS, label: 'common.dynamics' };
+// 固定
+export const FIXED = { value: OperatorEnum.FIXED, label: 'advanceFilter.operator.between' };
+// 通用文本符号
+const COMMON_TEXT_OPERATORS = [CONTAINS, NO_CONTAINS, EMPTY, NOT_EMPTY, EQUAL, NOT_EQUAL];
+// 通用选择符号
+export const COMMON_SELECTION_OPERATORS = [IN, NOT_IN, EMPTY, NOT_EMPTY];
+
+export const operatorOptionsMap: Record<string, { value: string; label: string }[]> = {
+  [FieldTypeEnum.INPUT]: COMMON_TEXT_OPERATORS,
+  [FieldTypeEnum.TEXTAREA]: COMMON_TEXT_OPERATORS,
+  [FieldTypeEnum.LINK]: COMMON_TEXT_OPERATORS,
+  [FieldTypeEnum.PHONE]: COMMON_TEXT_OPERATORS,
+  [FieldTypeEnum.INPUT_NUMBER]: [EQUAL, GT, LT, GE, LE, EMPTY],
+  [FieldTypeEnum.SELECT]: COMMON_SELECTION_OPERATORS,
+  [FieldTypeEnum.SELECT_MULTIPLE]: COMMON_SELECTION_OPERATORS,
+  [FieldTypeEnum.RADIO]: COMMON_SELECTION_OPERATORS,
+  [FieldTypeEnum.CHECKBOX]: COMMON_SELECTION_OPERATORS,
+  [FieldTypeEnum.MEMBER]: COMMON_SELECTION_OPERATORS,
+  [FieldTypeEnum.MEMBER_MULTIPLE]: COMMON_SELECTION_OPERATORS,
+  [FieldTypeEnum.DEPARTMENT]: COMMON_SELECTION_OPERATORS,
+  [FieldTypeEnum.DEPARTMENT_MULTIPLE]: COMMON_SELECTION_OPERATORS,
+  [FieldTypeEnum.USER_SELECT]: COMMON_SELECTION_OPERATORS,
+  [FieldTypeEnum.LOCATION]: COMMON_SELECTION_OPERATORS,
+  [FieldTypeEnum.INPUT_MULTIPLE]: [EMPTY, CONTAINS, NO_CONTAINS, COUNT_LT, COUNT_GT],
+  [FieldTypeEnum.DATA_SOURCE]: COMMON_SELECTION_OPERATORS,
+  [FieldTypeEnum.DATA_SOURCE_MULTIPLE]: COMMON_SELECTION_OPERATORS,
+  [FieldTypeEnum.TREE_SELECT]: [IN, NOT_IN],
+  [FieldTypeEnum.DATE_TIME]: [DYNAMICS, BETWEEN, GT, LT, EMPTY, NOT_EMPTY],
+  [FieldTypeEnum.TIME_RANGE_PICKER]: [DYNAMICS, BETWEEN, GT, LT, EMPTY, NOT_EMPTY],
+  [FieldTypeEnum.SERIAL_NUMBER]: COMMON_TEXT_OPERATORS,
+  [FieldTypeEnum.ATTACHMENT]: [CONTAINS, NO_CONTAINS, EMPTY, NOT_EMPTY],
+  [FieldTypeEnum.INDUSTRY]: COMMON_SELECTION_OPERATORS,
+  [FieldTypeEnum.FORMULA]: [EQUAL, GT, LT, GE, LE, EMPTY],
+};
+
+export const scopeOptions = [
+  {
+    value: 'Created',
+    label: t('common.newCreate'),
+  },
+  {
+    value: 'Picked',
+    label: t('common.claim'),
+    disabled: true,
+  },
+];
diff --git a/frontend/packages/web/src/components/pure/crm-advance-filter/index.vue b/frontend/packages/web/src/components/pure/crm-advance-filter/index.vue
new file mode 100644
index 0000000..7b26306
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-advance-filter/index.vue
@@ -0,0 +1,112 @@
+<template>
+  <div class="flex flex-row items-center gap-[8px]">
+    <CrmSearchInput
+      v-if="!props.notShowInputSearch && !isAdvancedSearchMode"
+      v-model:value="keyword"
+      class="!w-[240px]"
+      :placeholder="props.searchPlaceholder"
+      @search="emit('keywordSearch', $event)"
+    />
+    <n-button
+      :type="isAdvancedSearchMode ? 'primary' : 'default'"
+      :ghost="isAdvancedSearchMode"
+      class="outline--secondary px-[8px]"
+      @click="handleOpenFilter"
+    >
+      <CrmIcon type="iconicon_filter" :size="16" />
+    </n-button>
+    <n-button v-show="isAdvancedSearchMode" text type="primary" @click="clearFilter">
+      {{ t('advanceFilter.clearFilter') }}
+    </n-button>
+  </div>
+
+  <FilterModal
+    ref="filterModalRef"
+    v-model:visible="visible"
+    :config-list="props.filterConfigList"
+    :custom-list="props.customFieldsConfigList"
+    @handle-filter="handleFilter"
+    @reset="() => clearFilter()"
+  />
+</template>
+
+<script lang="ts" setup>
+  import { NButton } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmSearchInput from '@/components/pure/crm-search-input/index.vue';
+  import FilterModal from './filterModal.vue';
+
+  import { ConditionsItem, FilterForm, FilterFormItem, FilterResult } from './type';
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    filterConfigList: FilterFormItem[]; // 系统字段
+    customFieldsConfigList?: FilterFormItem[]; // 自定义字段
+    notShowInputSearch?: boolean;
+    searchPlaceholder?: string;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'keywordSearch', value: string): void;
+    (e: 'advSearch', value: FilterResult, isAdvancedSearchMode: boolean, originalForm?: FilterForm): void;
+    (e: 'refresh', value: FilterResult): void;
+  }>();
+
+  const keyword = defineModel<string>('keyword', { default: '' });
+
+  const visible = ref(false);
+  const isAdvancedSearchMode = ref(false);
+
+  const filterResult = ref<FilterResult>({ searchMode: 'AND', conditions: [] });
+
+  function handleOpenFilter() {
+    visible.value = !visible.value;
+  }
+
+  const getIsValidValue = (item: ConditionsItem) => {
+    if (typeof item.value === 'boolean') return String(item.value).length;
+    if (typeof item.value === 'number') return true;
+    return item.value?.length;
+  };
+
+  const handleFilter = (filter: FilterResult, originalForm?: FilterForm) => {
+    keyword.value = '';
+    const haveConditions: boolean =
+      filter.conditions?.some((item) => {
+        const valueCanEmpty = ['EMPTY', 'NOT_EMPTY'].includes(item.operator as string);
+        return valueCanEmpty || getIsValidValue(item);
+      }) ?? false;
+
+    isAdvancedSearchMode.value = haveConditions;
+    filterResult.value = filter;
+    emit('advSearch', filter, isAdvancedSearchMode.value, originalForm);
+  };
+
+  const filterModalRef = ref<InstanceType<typeof FilterModal>>();
+  function clearFilter() {
+    filterModalRef.value?.handleReset();
+    handleFilter({ searchMode: 'AND', conditions: [] });
+  }
+
+  function setAdvancedFilter(filter: FilterResult, isAdvancedMode: boolean) {
+    filterModalRef.value?.setFormModal(filter);
+    isAdvancedSearchMode.value = isAdvancedMode;
+  }
+
+  function initFormModal(newFormModel: FilterForm, isAdvancedMode: boolean) {
+    filterModalRef.value?.initFormModal(newFormModel);
+    isAdvancedSearchMode.value = isAdvancedMode;
+  }
+
+  defineExpose({
+    clearFilter,
+    isAdvancedSearchMode,
+    setAdvancedFilter,
+    initFormModal,
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/pure/crm-advance-filter/locale/en-US.ts b/frontend/packages/web/src/components/pure/crm-advance-filter/locale/en-US.ts
new file mode 100644
index 0000000..cdb3a5f
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-advance-filter/locale/en-US.ts
@@ -0,0 +1,27 @@
+export default {
+  'advanceFilter.operator.gt': 'Greater than',
+  'advanceFilter.operator.ge': 'Greater than or equal to',
+  'advanceFilter.operator.lt': 'Less than',
+  'advanceFilter.operator.le': 'Less than or equal to',
+  'advanceFilter.operator.equal': 'Equal to',
+  'advanceFilter.operator.notEqual': 'Not equal to',
+  'advanceFilter.operator.between': 'Between',
+  'advanceFilter.operator.contains': 'Contain',
+  'advanceFilter.operator.not_contains': 'Does not contain',
+  'advanceFilter.operator.belongTo': 'Belong to',
+  'advanceFilter.operator.notBelongTo': 'Not belong to',
+  'advanceFilter.operator.empty': 'Is empty',
+  'advanceFilter.operator.not_empty': 'Is not empty',
+  'advanceFilter.operator.newNotEqualOld': 'New value is not equal to old value',
+  'advanceFilter.operator.count.lt': 'Quantity less than',
+  'advanceFilter.operator.count.gt': 'Quantity greater than',
+  'advanceFilter.value.fieldChanged': 'Field changed',
+  'advanceFilter.clearFilter': 'Clear filter',
+  'advanceFilter.viewNamePlaceholder': 'Please enter the view name',
+  'advanceFilter.meetTheFollowingConditions': 'Meet the following conditions',
+  'advanceFilter.inputPlaceholder': 'Separate keywords with spaces',
+  'advanceFilter.addCondition': 'Add condition',
+  'advanceFilter.conditionRequired': 'Query condition cannot be empty',
+  'advanceFilter.advancedFilter': 'Advanced filter',
+  'advanceFilter.filter': 'Filter',
+};
diff --git a/frontend/packages/web/src/components/pure/crm-advance-filter/locale/zh-CN.ts b/frontend/packages/web/src/components/pure/crm-advance-filter/locale/zh-CN.ts
new file mode 100644
index 0000000..816e013
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-advance-filter/locale/zh-CN.ts
@@ -0,0 +1,27 @@
+export default {
+  'advanceFilter.operator.gt': '大于',
+  'advanceFilter.operator.ge': '大于等于',
+  'advanceFilter.operator.lt': '小于',
+  'advanceFilter.operator.le': '小于等于',
+  'advanceFilter.operator.equal': '等于',
+  'advanceFilter.operator.notEqual': '不等于',
+  'advanceFilter.operator.between': '区间',
+  'advanceFilter.operator.contains': '包含',
+  'advanceFilter.operator.not_contains': '不包含',
+  'advanceFilter.operator.belongTo': '属于',
+  'advanceFilter.operator.notBelongTo': '不属于',
+  'advanceFilter.operator.empty': '为空',
+  'advanceFilter.operator.not_empty': '不为空',
+  'advanceFilter.operator.newNotEqualOld': '新值不等于旧值',
+  'advanceFilter.operator.count.lt': '数量小于',
+  'advanceFilter.operator.count.gt': '数量大于',
+  'advanceFilter.value.fieldChanged': '字段变更',
+  'advanceFilter.clearFilter': '清空筛选',
+  'advanceFilter.viewNamePlaceholder': '请输入视图名称',
+  'advanceFilter.meetTheFollowingConditions': '符合以下条件',
+  'advanceFilter.inputPlaceholder': '关键字之间以空格进行分隔',
+  'advanceFilter.addCondition': '添加条件',
+  'advanceFilter.conditionRequired': '查询条件不能为空',
+  'advanceFilter.advancedFilter': '高级筛选',
+  'advanceFilter.filter': '筛选',
+};
diff --git a/frontend/packages/web/src/components/pure/crm-advance-filter/type.ts b/frontend/packages/web/src/components/pure/crm-advance-filter/type.ts
new file mode 100644
index 0000000..e9d6084
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-advance-filter/type.ts
@@ -0,0 +1,72 @@
+import { CascaderProps, FormItemRule, InputNumberProps, InputProps, SelectProps, TreeSelectProps } from 'naive-ui';
+
+import { OperatorEnum } from '@lib/shared/enums/commonEnum';
+import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+import { SelectedUsersItem } from '@lib/shared/models/system/module';
+
+import type { DataSourceProps } from '../../business/crm-data-source-select/type';
+import type { UserTagSelectorProps } from '../../business/crm-user-tag-selector/type';
+import { InternalRowData } from 'naive-ui/es/data-table/src/interface';
+
+export interface ScopeProps {
+  disabled: boolean;
+}
+
+export type AccordBelowType = 'AND' | 'OR';
+
+export type CrmTreeSelectProps = {
+  showContainChildModule?: boolean;
+} & TreeSelectProps;
+
+export interface FilterFormItem {
+  id?: string | null | undefined;
+  dataIndex?: string | null; // 第一列下拉的value
+  title?: string; // 第一列下拉显示的label
+  operator?: OperatorEnum; // 第二列的值
+  operatorOption?: { value: string; label: string }[]; // operatorOptionsMap里设置的下拉数据不符合业务时，可以通过这个字段传入
+  type: FieldTypeEnum; // 类型：判断第二列下拉数据和第三列显示形式
+  showScope?: boolean;
+  scope?: string[];
+  value?: any; // 第三列的值
+  selectedRows?: InternalRowData[];
+  selectedUserList?: SelectedUsersItem[];
+  inputProps?: Partial<InputProps>;
+  numberProps?: Partial<InputNumberProps>;
+  selectProps?: Partial<SelectProps>;
+  treeSelectProps?: Partial<CrmTreeSelectProps>;
+  userTagSelectorProps?: Partial<UserTagSelectorProps>;
+  cascaderProps?: Partial<CascaderProps>;
+  scopeProps?: Partial<ScopeProps>;
+  dataSourceProps?: Partial<DataSourceProps>; // 数据源
+  rule?: FormItemRule[];
+  containChildIds?: string[]; // 用于树形选择器，存储包含子级新增的节点 id 集合
+}
+
+export const filterOptionKeyMap: Partial<Record<FieldTypeEnum, 'selectedRows' | 'selectedUserList'>> = {
+  [FieldTypeEnum.DATA_SOURCE]: 'selectedRows',
+  [FieldTypeEnum.DATA_SOURCE_MULTIPLE]: 'selectedRows',
+  [FieldTypeEnum.DEPARTMENT]: 'selectedUserList',
+  [FieldTypeEnum.DEPARTMENT_MULTIPLE]: 'selectedUserList',
+  [FieldTypeEnum.MEMBER]: 'selectedUserList',
+  [FieldTypeEnum.MEMBER_MULTIPLE]: 'selectedUserList',
+};
+
+export type CombineItem = Pick<FilterFormItem, 'value' | 'operator'>;
+export interface ConditionsItem extends CombineItem {
+  name?: string;
+  multipleValue: boolean;
+  type?: FieldTypeEnum;
+}
+
+export interface FilterResult {
+  // 匹配模式支持所有 | 任一
+  searchMode?: AccordBelowType;
+  // 高级搜索条件
+  conditions?: ConditionsItem[];
+}
+
+export interface FilterForm {
+  searchMode?: AccordBelowType;
+  conditions?: ConditionsItem[];
+  list: FilterFormItem[];
+}
diff --git a/frontend/packages/web/src/components/pure/crm-advance-filter/utils.ts b/frontend/packages/web/src/components/pure/crm-advance-filter/utils.ts
new file mode 100644
index 0000000..fbfd1c2
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-advance-filter/utils.ts
@@ -0,0 +1,54 @@
+import { OperatorEnum } from '@lib/shared/enums/commonEnum';
+import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+
+import { operatorOptionsMap } from './index';
+import { FilterFormItem } from './type';
+
+// 第二列默认：包含/属于/等于
+export function getDefaultOperator(list: string[]) {
+  if (list.includes(OperatorEnum.CONTAINS)) {
+    return OperatorEnum.CONTAINS;
+  }
+  if (list.includes(OperatorEnum.DYNAMICS)) {
+    return OperatorEnum.DYNAMICS;
+  }
+  if (list.includes(OperatorEnum.IN)) {
+    return OperatorEnum.IN;
+  }
+  if (list.includes(OperatorEnum.EQUALS)) {
+    return OperatorEnum.EQUALS;
+  }
+  return OperatorEnum.BETWEEN;
+}
+
+export function getOperator(type: FieldTypeEnum, value?: string | null) {
+  if (!value) return OperatorEnum.EMPTY;
+  const options = operatorOptionsMap[type] || [];
+  const optionsValueList = options.map((optionItem: { value: string; label: string }) => optionItem.value);
+  return getDefaultOperator(optionsValueList);
+}
+
+export function valueIsArray(listItem: FilterFormItem) {
+  return (
+    [
+      FieldTypeEnum.SELECT_MULTIPLE,
+      FieldTypeEnum.DEPARTMENT_MULTIPLE,
+      FieldTypeEnum.MEMBER_MULTIPLE,
+      FieldTypeEnum.DATA_SOURCE_MULTIPLE,
+      FieldTypeEnum.DATA_SOURCE,
+      FieldTypeEnum.DEPARTMENT,
+      FieldTypeEnum.MEMBER,
+      FieldTypeEnum.SELECT,
+      FieldTypeEnum.RADIO,
+      FieldTypeEnum.CHECKBOX,
+      FieldTypeEnum.LOCATION,
+      FieldTypeEnum.TREE_SELECT,
+    ].includes(listItem.type) ||
+    listItem.selectProps?.multiple ||
+    listItem.cascaderProps?.multiple ||
+    listItem.type === FieldTypeEnum.USER_SELECT ||
+    (listItem.type === FieldTypeEnum.INPUT_MULTIPLE &&
+      ![OperatorEnum.COUNT_LT, OperatorEnum.COUNT_GT].includes(listItem.operator as OperatorEnum)) ||
+    (listItem.type === FieldTypeEnum.DATE_TIME && listItem.operator === OperatorEnum.BETWEEN)
+  );
+}
diff --git a/frontend/packages/web/src/components/pure/crm-button-group/index.vue b/frontend/packages/web/src/components/pure/crm-button-group/index.vue
new file mode 100644
index 0000000..7d2d5de
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-button-group/index.vue
@@ -0,0 +1,101 @@
+<template>
+  <div class="crm-button-group">
+    <div v-for="(item, index) of buttonGroupList" :key="item.key" class="crm-button-item flex items-center">
+      <slot :name="item.slotName" :item="item" :index="index">
+        <template v-if="item.popConfirmProps">
+          <CrmPopConfirm
+            v-model:show="popShow[item.key as string]"
+            placement="bottom-end"
+            v-bind="item.popConfirmProps"
+            @confirm="emit('select', `pop-${item.key}` as string, cancel)"
+            @cancel="emit('cancel')"
+          >
+            <n-button
+              text
+              v-bind="item"
+              type="primary"
+              :class="item.text === false ? '' : '!p-0'"
+              @click="() => (popShow[item.key as string] = true)"
+            >
+              {{ item.label }}
+            </n-button>
+            <template #content>
+              <slot :key="item.key" :name="item.popSlotContent"></slot>
+            </template>
+          </CrmPopConfirm>
+        </template>
+        <template v-else>
+          <slot>
+            <n-tooltip :delay="300" :disabled="!item.tooltipContent">
+              <template #trigger>
+                <n-button
+                  text
+                  v-bind="item"
+                  :class="item.text === false ? '' : '!p-0'"
+                  :type="item.danger ? 'error' : 'primary'"
+                  @click="() => emit('select', item.key as string)"
+                >
+                  {{ item.label }}
+                </n-button>
+              </template>
+              {{ item.tooltipContent }}
+            </n-tooltip>
+          </slot>
+        </template>
+      </slot>
+      <n-divider v-if="buttonGroupList[index + 1] && !props.notShowDivider" class="!mx-[8px]" vertical />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { ref, watch } from 'vue';
+  import { NButton, NDivider, NTooltip } from 'naive-ui';
+
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmPopConfirm from '@/components/pure/crm-pop-confirm/index.vue';
+
+  import { hasAllPermission } from '@/utils/permission';
+
+  const props = defineProps<{
+    list: ActionsItem[]; // 按钮组
+    notShowDivider?: boolean; // 不显示分割线
+  }>();
+
+  const popShow = ref<Record<string, boolean>>({});
+
+  // 初始化
+  watch(
+    () => props.list,
+    (newList) => {
+      newList.forEach((item) => {
+        if (item.popConfirmProps) {
+          popShow.value[item.key as string] = false;
+        }
+      });
+    },
+    { immediate: true }
+  );
+
+  const emit = defineEmits<{
+    (e: 'select', key: string, done?: () => void): void;
+    (e: 'cancel'): void;
+  }>();
+
+  function cancel() {
+    // 关闭所有弹出框
+    Object.keys(popShow.value).forEach((key) => {
+      popShow.value[key] = false;
+    });
+  }
+
+  const buttonGroupList = computed(() => {
+    return props.list.filter((e) => hasAllPermission(e.permission));
+  });
+</script>
+
+<style scoped lang="less">
+  .crm-button-group {
+    @apply flex h-full flex-nowrap items-center;
+  }
+</style>
diff --git a/frontend/packages/web/src/components/pure/crm-card/index.vue b/frontend/packages/web/src/components/pure/crm-card/index.vue
new file mode 100644
index 0000000..fbaf902
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-card/index.vue
@@ -0,0 +1,170 @@
+<template>
+  <n-spin
+    :show="props.loading"
+    class="relative"
+    :style="{
+      height: props.autoHeight ? '' : !!props.specialHeight ? `calc(100% - ${props.specialHeight}px)` : '100%',
+    }"
+    :content-class="props.autoHeight ? '' : 'h-full'"
+  >
+    <!-- 有卡片footer 时，高度为100%-64px，64px 为：footer 高度80px 减去底部内边距 16px -->
+    <n-card
+      class="h-full"
+      :class="[
+        props.noContentPadding ? 'n-card--no-padding' : '',
+        props.hideFooter ? '' : 'h-[calc(100%-64px)]',
+        props.noContentBottomPadding ? 'n-card--no-bottom-padding' : '',
+      ]"
+      :bordered="props.bordered"
+    >
+      <template #header>
+        <slot name="header">
+          <div v-if="props.title" class="flex items-center gap-[16px]">
+            <div>
+              {{ props.title }}
+            </div>
+            <div v-if="props.subTitle" class="n-card-header-subtitle">{{ props.subTitle }}</div>
+          </div>
+          <div v-if="props.description" class="n-card-header-description">
+            {{ props.description }}
+          </div>
+        </slot>
+      </template>
+      <template #header-extra>
+        <slot name="header-extra"></slot>
+      </template>
+      <n-scrollbar
+        :content-style="{
+          'max-height': props.contentMaxHeight || undefined,
+          'height': props.autoHeight ? 'auto' : props.contentHeight,
+        }"
+      >
+        <slot></slot>
+      </n-scrollbar>
+      <template #footer>
+        <slot name="footer"></slot>
+      </template>
+      <template #action>
+        <slot name="action"></slot>
+      </template>
+    </n-card>
+    <div v-if="!props.hideFooter" class="n-card-footer" :style="{ width: `calc(100% - ${menuWidth + 16}px)` }">
+      <div class="ml-0 mr-auto">
+        <slot name="footerLeft"></slot>
+      </div>
+      <slot name="footerRight">
+        <div class="flex justify-end gap-[16px]">
+          <n-button :disabled="props.loading" secondary @click="emit('cancel')">
+            {{ t('common.cancel') }}
+          </n-button>
+          <n-button
+            v-if="!props.hideContinue && !props.isEdit"
+            :loading="props.loading"
+            secondary
+            @click="emit('saveAndContinue')"
+          >
+            {{ props.saveAndContinueText || t('common.saveAndContinue') }}
+          </n-button>
+          <n-button :loading="props.loading" type="primary" @click="emit('save')">
+            {{ props.saveText || t(props.isEdit ? 'common.update' : 'common.save') }}
+          </n-button>
+        </div>
+      </slot>
+    </div>
+  </n-spin>
+</template>
+
+<script setup lang="ts">
+  import { NButton, NCard, NScrollbar, NSpin } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import useAppStore from '@/store/modules/app';
+
+  const props = withDefaults(
+    defineProps<{
+      title?: string;
+      subTitle?: string;
+      description?: string;
+      contentMaxHeight?: string;
+      noContentPadding?: boolean;
+      noContentBottomPadding?: boolean;
+      loading?: boolean;
+      saveText?: string;
+      isEdit?: boolean;
+      saveAndContinueText?: string;
+      hideFooter?: boolean;
+      hideContinue?: boolean;
+      bordered?: boolean;
+      autoHeight?: boolean;
+      specialHeight?: number; // 特殊高度，例如某些页面有面包屑，autoHeight 时无效
+      contentHeight?: string | null;
+    }>(),
+    {
+      noContentPadding: false,
+      noContentBottomPadding: false,
+      hideFooter: false,
+      hideContinue: false,
+      specialHeight: 0,
+      contentHeight: '100%',
+    }
+  );
+  const emit = defineEmits(['cancel', 'save', 'saveAndContinue']);
+
+  const appStore = useAppStore();
+  const { t } = useI18n();
+
+  const menuWidth = computed(() => {
+    return appStore.menuCollapsed ? appStore.collapsedWidth : 180;
+  });
+</script>
+
+<style lang="less">
+  .n-card {
+    border-radius: var(--border-radius-medium);
+    .n-card-header {
+      padding: 16px 24px;
+      gap: 8px;
+      .n-card-header__main {
+        font-size: 16px;
+        line-height: 24px;
+        font-weight: 400;
+        .n-card-header-subtitle,
+        .n-card-header-description {
+          font-size: 14px;
+          line-height: 22px;
+          color: var(--text-n2);
+        }
+      }
+    }
+    .n-card-content {
+      @apply h-full;
+
+      padding: 24px !important;
+    }
+  }
+  .n-card--no-padding {
+    .n-card-content {
+      padding: 0 !important;
+    }
+  }
+  .n-card--no-bottom-padding {
+    .n-card-content {
+      padding-bottom: 0 !important;
+    }
+  }
+  .n-card-footer {
+    @apply fixed flex justify-between;
+
+    right: 0;
+    bottom: 0;
+    z-index: 100;
+    padding: 24px;
+    border-bottom: 0;
+    background-color: var(--text-n10);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #00000000), var(--tw-ring-shadow, 0 0 #00000000), var(--tw-shadow);
+
+    --tw-shadow: 0 -1px 4px rgb(2 2 2 / 10%);
+    --tw-shadow-colored: 0 -1px 4px var(--tw-shadow-color);
+  }
+</style>
diff --git a/frontend/packages/web/src/components/pure/crm-chart/charts/bar.vue b/frontend/packages/web/src/components/pure/crm-chart/charts/bar.vue
new file mode 100644
index 0000000..d411e95
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-chart/charts/bar.vue
@@ -0,0 +1,75 @@
+<template>
+  <div :id="`crm-chart-${id}`" class="h-full"> </div>
+</template>
+
+<script setup lang="ts">
+  import { BarSeriesOption } from 'echarts';
+  import { BarChart } from 'echarts/charts';
+  import { DataZoomComponent, GridComponent, TitleComponent, TooltipComponent } from 'echarts/components';
+  import { CanvasRenderer } from 'echarts/renderers';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { getGenerateId } from '@lib/shared/method';
+
+  import { ChartTypeEnum } from '../type';
+  import useChart from '../useChart';
+
+  const props = defineProps<{
+    groupName: string;
+    dataIndicatorName: string;
+    aggregationMethodName: string;
+    xData: string[];
+    data: any[];
+    containerRef?: Element;
+    isFullScreen: boolean;
+  }>();
+  const emit = defineEmits<{
+    (e: 'chartClick', params: any): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const id = getGenerateId();
+  const { containerRef, groupName, dataIndicatorName, aggregationMethodName, xData, data } = toRefs(props);
+  const series = computed<BarSeriesOption>(() => ({
+    name:
+      props.aggregationMethodName === t('crmViewSelect.count') ? t('crmViewSelect.counts') : props.dataIndicatorName,
+    type: ChartTypeEnum.BAR,
+    barWidth: '10px',
+    data: props.data,
+    barMinHeight: props.data.every((e) => e.value > 0) ? 10 : undefined,
+    label: {
+      show: true,
+      position: 'top',
+      formatter: (params: any) => {
+        return params.value.toLocaleString('en-US');
+      },
+    },
+    itemStyle: {
+      borderRadius: [2, 2, 0, 0],
+    },
+  }));
+  const { initChart, refreshChart, downloadChartImage } = useChart({
+    type: ChartTypeEnum.BAR,
+    components: [TooltipComponent, TitleComponent, GridComponent, BarChart, DataZoomComponent, CanvasRenderer],
+    id,
+    groupName,
+    dataIndicatorName,
+    aggregationMethodName,
+    xData,
+    data,
+    series,
+    containerRef,
+    onClick(params) {
+      emit('chartClick', params);
+    },
+  });
+
+  onMounted(() => {
+    const chartDom = document.getElementById(`crm-chart-${id}`);
+    initChart(chartDom);
+  });
+  defineExpose({ refreshChart, downloadChartImage });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/pure/crm-chart/charts/doughnut.vue b/frontend/packages/web/src/components/pure/crm-chart/charts/doughnut.vue
new file mode 100644
index 0000000..4df0a2c
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-chart/charts/doughnut.vue
@@ -0,0 +1,77 @@
+<template>
+  <div :id="`crm-chart-${id}`" class="h-full"> </div>
+</template>
+
+<script setup lang="ts">
+  import { PieSeriesOption } from 'echarts';
+  import { PieChart } from 'echarts/charts';
+  import { GridComponent, LegendComponent, TitleComponent, TooltipComponent } from 'echarts/components';
+  import { CanvasRenderer } from 'echarts/renderers';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { getGenerateId } from '@lib/shared/method';
+
+  import { ChartTypeEnum } from '../type';
+  import useChart from '../useChart';
+
+  const props = defineProps<{
+    groupName: string;
+    dataIndicatorName: string;
+    aggregationMethodName: string;
+    xData?: string[];
+    data: any[];
+    containerRef?: Element;
+    isFullScreen: boolean;
+  }>();
+  const emit = defineEmits<{
+    (e: 'chartClick', params: any): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const id = getGenerateId();
+  const { containerRef, groupName, dataIndicatorName, aggregationMethodName, xData, data } = toRefs(props);
+  const series = computed<PieSeriesOption>(() => ({
+    name:
+      props.aggregationMethodName === t('crmViewSelect.count') ? t('crmViewSelect.counts') : props.dataIndicatorName,
+    type: ChartTypeEnum.PIE as any,
+    data: props.data,
+    radius: ['30%', '40%'],
+    center: ['13%', '50%'],
+    label: {
+      show: false,
+    },
+    labelLine: {
+      show: false,
+    },
+  }));
+  const { initChart, refreshChart, downloadChartImage } = useChart({
+    type: ChartTypeEnum.PIE,
+    components: [TooltipComponent, TitleComponent, GridComponent, LegendComponent, PieChart, CanvasRenderer],
+    id,
+    groupName,
+    dataIndicatorName,
+    aggregationMethodName,
+    xData,
+    data,
+    series,
+    containerRef,
+    customConfig: computed(() => ({
+      legend: {
+        left: '45%',
+      },
+    })),
+    onClick(params) {
+      emit('chartClick', params);
+    },
+  });
+
+  onMounted(() => {
+    const chartDom = document.getElementById(`crm-chart-${id}`);
+    initChart(chartDom);
+  });
+
+  defineExpose({ refreshChart, downloadChartImage });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/pure/crm-chart/charts/funnel.vue b/frontend/packages/web/src/components/pure/crm-chart/charts/funnel.vue
new file mode 100644
index 0000000..66f0045
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-chart/charts/funnel.vue
@@ -0,0 +1,82 @@
+<template>
+  <div :id="`crm-chart-${id}`" class="h-full"> </div>
+</template>
+
+<script setup lang="ts">
+  import { FunnelSeriesOption } from 'echarts';
+  import { FunnelChart } from 'echarts/charts';
+  import { GridComponent, LegendComponent, TitleComponent, TooltipComponent } from 'echarts/components';
+  import { CanvasRenderer } from 'echarts/renderers';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { getGenerateId } from '@lib/shared/method';
+
+  import { ChartTypeEnum } from '../type';
+  import useChart from '../useChart';
+
+  const props = defineProps<{
+    groupName: string;
+    dataIndicatorName: string;
+    aggregationMethodName: string;
+    data: any[];
+    containerRef?: Element;
+    isFullScreen: boolean;
+  }>();
+  const emit = defineEmits<{
+    (e: 'chartClick', params: any): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const id = getGenerateId();
+  const { containerRef, groupName, dataIndicatorName, aggregationMethodName, data } = toRefs(props);
+  const series = computed<FunnelSeriesOption>(() => ({
+    name:
+      props.aggregationMethodName === t('crmViewSelect.count') ? t('crmViewSelect.counts') : props.dataIndicatorName,
+    type: ChartTypeEnum.FUNNEL,
+    data: props.data,
+    min: 0,
+    max: 100,
+    minSize: '0%',
+    maxSize: '100%',
+    sort: 'descending',
+    gap: 1,
+    label: {
+      show: true,
+      position: 'inside',
+    },
+  }));
+  const { initChart, refreshChart, downloadChartImage } = useChart({
+    type: ChartTypeEnum.FUNNEL,
+    id,
+    components: [TooltipComponent, TitleComponent, LegendComponent, GridComponent, FunnelChart, CanvasRenderer],
+    groupName,
+    dataIndicatorName,
+    aggregationMethodName,
+    data,
+    series,
+    containerRef,
+    customConfig: computed(() => ({
+      legend: {
+        top: 'bottom',
+        orient: 'horizontal',
+        left: 'center',
+        formatter(name) {
+          return name;
+        },
+      },
+    })),
+    onClick(params) {
+      emit('chartClick', params);
+    },
+  });
+
+  onMounted(() => {
+    const chartDom = document.getElementById(`crm-chart-${id}`);
+    initChart(chartDom);
+  });
+
+  defineExpose({ refreshChart, downloadChartImage });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/pure/crm-chart/charts/line.vue b/frontend/packages/web/src/components/pure/crm-chart/charts/line.vue
new file mode 100644
index 0000000..a0a18af
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-chart/charts/line.vue
@@ -0,0 +1,65 @@
+<template>
+  <div :id="`crm-chart-${id}`" class="h-full"> </div>
+</template>
+
+<script setup lang="ts">
+  import { LineSeriesOption } from 'echarts';
+  import { LineChart } from 'echarts/charts';
+  import { DataZoomComponent, GridComponent, TitleComponent, TooltipComponent } from 'echarts/components';
+  import { CanvasRenderer } from 'echarts/renderers';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { getGenerateId } from '@lib/shared/method';
+
+  import { ChartTypeEnum } from '../type';
+  import useChart from '../useChart';
+
+  const props = defineProps<{
+    groupName: string;
+    dataIndicatorName: string;
+    aggregationMethodName: string;
+    xData: string[];
+    data: any[];
+    containerRef?: Element;
+    isFullScreen: boolean;
+  }>();
+  const emit = defineEmits<{
+    (e: 'chartClick', params: any): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const id = getGenerateId();
+  const { containerRef, groupName, dataIndicatorName, aggregationMethodName, xData, data } = toRefs(props);
+  const series = computed<LineSeriesOption>(() => ({
+    name:
+      props.aggregationMethodName === t('crmViewSelect.count') ? t('crmViewSelect.counts') : props.dataIndicatorName,
+    type: ChartTypeEnum.LINE,
+    smooth: true,
+    data: props.data,
+  }));
+  const { initChart, refreshChart, downloadChartImage } = useChart({
+    type: ChartTypeEnum.LINE,
+    components: [TooltipComponent, TitleComponent, GridComponent, LineChart, DataZoomComponent, CanvasRenderer],
+    id,
+    groupName,
+    dataIndicatorName,
+    aggregationMethodName,
+    xData,
+    data,
+    series,
+    containerRef,
+    onClick(params) {
+      emit('chartClick', params);
+    },
+  });
+
+  onMounted(() => {
+    const chartDom = document.getElementById(`crm-chart-${id}`);
+    initChart(chartDom);
+  });
+
+  defineExpose({ refreshChart, downloadChartImage });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/pure/crm-chart/charts/pie.vue b/frontend/packages/web/src/components/pure/crm-chart/charts/pie.vue
new file mode 100644
index 0000000..82c89d6
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-chart/charts/pie.vue
@@ -0,0 +1,75 @@
+<template>
+  <div :id="`crm-chart-${id}`" class="h-full"> </div>
+</template>
+
+<script setup lang="ts">
+  import { PieSeriesOption } from 'echarts';
+  import { PieChart } from 'echarts/charts';
+  import { LegendComponent, TitleComponent, TooltipComponent } from 'echarts/components';
+  import { CanvasRenderer } from 'echarts/renderers';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { getGenerateId } from '@lib/shared/method';
+
+  import { ChartTypeEnum } from '../type';
+  import useChart from '../useChart';
+
+  const props = defineProps<{
+    groupName: string;
+    dataIndicatorName: string;
+    aggregationMethodName: string;
+    xData?: string[];
+    data: any[];
+    containerRef?: Element;
+    isFullScreen: boolean;
+  }>();
+  const emit = defineEmits<{
+    (e: 'chartClick', params: any): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const id = getGenerateId();
+
+  const { containerRef, groupName, dataIndicatorName, aggregationMethodName, xData, data } = toRefs(props);
+  const series = computed<PieSeriesOption>(() => {
+    return {
+      name:
+        props.aggregationMethodName === t('crmViewSelect.count') ? t('crmViewSelect.counts') : props.dataIndicatorName,
+      type: ChartTypeEnum.PIE as any,
+      data: data.value,
+      radius: '40%',
+      center: ['13%', '50%'],
+      label: {
+        show: false,
+      },
+      labelLine: {
+        show: false,
+      },
+    };
+  });
+  const { initChart, refreshChart, downloadChartImage } = useChart({
+    type: ChartTypeEnum.PIE,
+    id,
+    components: [TooltipComponent, TitleComponent, LegendComponent, PieChart, CanvasRenderer],
+    groupName,
+    dataIndicatorName,
+    aggregationMethodName,
+    xData,
+    data,
+    series,
+    containerRef,
+    onClick(params) {
+      emit('chartClick', params);
+    },
+  });
+
+  onMounted(() => {
+    const chartDom = document.getElementById(`crm-chart-${id}`);
+    initChart(chartDom);
+  });
+
+  defineExpose({ refreshChart, downloadChartImage });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/pure/crm-chart/components/toolbox.vue b/frontend/packages/web/src/components/pure/crm-chart/components/toolbox.vue
new file mode 100644
index 0000000..96a29d3
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-chart/components/toolbox.vue
@@ -0,0 +1,41 @@
+<template>
+  <div class="absolute right-[16px] top-[16px] z-10 flex items-center gap-[12px]">
+    <n-button type="default" class="outline--secondary px-[6px]" size="small" @click="emit('refresh')">
+      <CrmIcon type="iconicon_refresh" class="text-[var(--text-n1)]" />
+    </n-button>
+    <n-button type="default" class="outline--secondary px-[6px]" size="small" @click="emit('download')">
+      <CrmIcon type="iconicon_download" class="text-[var(--text-n1)]" />
+    </n-button>
+    <n-button type="default" class="outline--secondary px-[6px]" size="small" @click="toggleFullScreen">
+      <CrmIcon
+        :type="isFullScreen ? 'iconicon_off_screen' : 'iconicon_full_screen_one'"
+        class="text-[var(--text-n1)]"
+      />
+    </n-button>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { NButton } from 'naive-ui';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+
+  import useFullScreen from '@/hooks/useFullScreen';
+
+  const props = defineProps<{
+    containerRef?: Element;
+  }>();
+  const emit = defineEmits<{
+    (e: 'refresh'): void;
+    (e: 'download'): void;
+    (e: 'toggleFullScreen', isFullScreen: boolean): void;
+  }>();
+
+  const { toggleFullScreen, isFullScreen } = useFullScreen(props.containerRef);
+
+  watch(isFullScreen, (val) => {
+    emit('toggleFullScreen', val);
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/pure/crm-chart/components/tooltip.vue b/frontend/packages/web/src/components/pure/crm-chart/components/tooltip.vue
new file mode 100644
index 0000000..4993b86
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-chart/components/tooltip.vue
@@ -0,0 +1,29 @@
+<template>
+  <div class="w-fit min-w-[120px]">
+    <div class="text-[14px] font-medium text-[var(--text-n1)]">{{ props.seriesName }}</div>
+    <div class="mt-[8px] flex items-center justify-between gap-[12px]">
+      <div class="flex items-center gap-[8px] text-[12px] text-[var(--text-n2)]">
+        <div class="h-[8px] w-[8px] overflow-hidden rounded-[2px]" :style="{ backgroundColor: props.color }"></div>
+        {{ props.name }}
+      </div>
+      <div class="text-[12px] font-semibold text-[var(--text-n1)]">
+        {{ typeof props.value === 'number' ? props.value.toLocaleString('en-US') : props.value }}
+      </div>
+      <div v-if="props.percent !== undefined" class="text-[12px] font-semibold text-[var(--text-n1)]">
+        {{ props.percent }}%
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  const props = defineProps<{
+    name: string;
+    value: number;
+    seriesName: string;
+    percent?: number;
+    color?: string;
+  }>();
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/pure/crm-chart/index.vue b/frontend/packages/web/src/components/pure/crm-chart/index.vue
new file mode 100644
index 0000000..0680995
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-chart/index.vue
@@ -0,0 +1,83 @@
+<template>
+  <div class="relative h-full">
+    <suspense>
+      <component
+        :is="getComponent()"
+        ref="chartRef"
+        :group-name="props.groupName"
+        :data-indicator-name="props.dataIndicatorName"
+        :aggregation-method-name="props.aggregationMethodName"
+        :x-data="props.xData"
+        :data="props.data"
+        :container-ref="props.containerRef"
+        :is-full-screen="isFullScreen"
+        @chart-click="emit('chartClick', $event)"
+      />
+    </suspense>
+    <toolbox
+      v-if="props.containerRef"
+      :container-ref="props.containerRef"
+      @refresh="handleRefresh"
+      @download="handleDownload"
+      @toggle-full-screen="(val) => (isFullScreen = val)"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import toolbox from './components/toolbox.vue';
+
+  import { ChartTypeEnum } from './type';
+
+  const CrmBarChart = defineAsyncComponent(() => import('./charts/bar.vue'));
+  const CrmLineChart = defineAsyncComponent(() => import('./charts/line.vue'));
+  const CrmPieChart = defineAsyncComponent(() => import('./charts/pie.vue'));
+  const CrmDoughnutChart = defineAsyncComponent(() => import('./charts/doughnut.vue'));
+  const CrmFunnelChart = defineAsyncComponent(() => import('./charts/funnel.vue'));
+
+  const props = defineProps<{
+    type: ChartTypeEnum;
+    groupName: string;
+    dataIndicatorName: string;
+    aggregationMethodName: string;
+    xData?: string[];
+    data: any[];
+    containerRef?: Element;
+  }>();
+  const emit = defineEmits<{
+    (e: 'refresh'): void;
+    (e: 'chartClick', params: any): void;
+  }>();
+
+  const isFullScreen = ref(false);
+
+  function getComponent() {
+    switch (props.type) {
+      case ChartTypeEnum.BAR:
+        return CrmBarChart;
+      case ChartTypeEnum.LINE:
+        return CrmLineChart;
+      case ChartTypeEnum.PIE:
+        return CrmPieChart;
+      case ChartTypeEnum.DONUT:
+        return CrmDoughnutChart;
+      case ChartTypeEnum.FUNNEL:
+        return CrmFunnelChart;
+      default:
+    }
+  }
+
+  const chartRef = ref<InstanceType<
+    typeof CrmBarChart | typeof CrmLineChart | typeof CrmPieChart | typeof CrmDoughnutChart | typeof CrmFunnelChart
+  > | null>(null);
+
+  function handleRefresh() {
+    emit('refresh');
+  }
+
+  function handleDownload() {
+    chartRef.value?.downloadChartImage();
+  }
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/pure/crm-chart/type.ts b/frontend/packages/web/src/components/pure/crm-chart/type.ts
new file mode 100644
index 0000000..0ced469
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-chart/type.ts
@@ -0,0 +1,9 @@
+export enum ChartTypeEnum {
+  BAR = 'bar',
+  LINE = 'line',
+  PIE = 'pie',
+  DONUT = 'donut',
+  FUNNEL = 'funnel',
+}
+
+export default {};
diff --git a/frontend/packages/web/src/components/pure/crm-chart/useChart.ts b/frontend/packages/web/src/components/pure/crm-chart/useChart.ts
new file mode 100644
index 0000000..c6fe6e1
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-chart/useChart.ts
@@ -0,0 +1,390 @@
+import { render } from 'vue';
+import { debounce } from 'lodash-es';
+import type { EChartsOption, LegendComponentOption, PieSeriesOption } from 'echarts';
+import * as echarts from 'echarts/core';
+
+import { useI18n } from '@lib/shared/hooks/useI18n';
+import { abbreviateNumber, deepMerge } from '@lib/shared/method';
+
+import tooltip from './components/tooltip.vue';
+
+import { ChartTypeEnum } from './type';
+
+export interface ChartProps {
+  id: string;
+  components: any[];
+  groupName: Ref<string>;
+  dataIndicatorName: Ref<string>;
+  aggregationMethodName: Ref<string>;
+  xData?: Ref<string[] | undefined>;
+  series: Ref<EChartsOption['series']>;
+  containerRef?: Ref<Element | undefined>;
+  type: ChartTypeEnum;
+  customConfig?: Ref<EChartsOption>;
+  data: Ref<any[]>;
+  onClick?: (params: any) => void;
+}
+
+export const lightColors = [
+  '#3370FF',
+  '#00C261',
+  '#FFA200',
+  '#FF8A51',
+  '#E22E23',
+  '#9175FF',
+  '#CC71E2',
+  '#FFBD4A',
+  '#68DF92',
+  '#3EBCF3',
+  '#A4B5E0',
+  '#00A6AB',
+];
+
+export const darkColors = [
+  '#4282FF',
+  '#37E0CC',
+  '#FBF15A',
+  '#FF9562',
+  '#E94256',
+  '#7F60F9',
+  '#CC71E2',
+  '#FFB958',
+  '#76DE74',
+  '#3BC2FC',
+  '#798FC5',
+  '#008D91',
+];
+
+export default function useChart(props: ChartProps) {
+  const { t } = useI18n();
+
+  echarts.use(props.components);
+  echarts.registerTheme('light', {
+    color: lightColors,
+  });
+  echarts.registerTheme('dark', {
+    color: darkColors,
+  });
+
+  const isCount = props.aggregationMethodName.value === t('crmViewSelect.count');
+  const title = computed(() =>
+    isCount
+      ? t('crmViewSelect.chartNameCount', { group: props.groupName.value })
+      : t('crmViewSelect.chartName', {
+          group: props.groupName.value,
+          indicator: props.dataIndicatorName.value,
+          aggregation: props.aggregationMethodName.value,
+        })
+  );
+  const total = computed(() => props.data.value.reduce((sum, current) => sum + current.value, 0));
+  const percentMap = computed(() => {
+    const map: Record<string, any> = {};
+    props.data.value.forEach((item: any) => {
+      map[item.name] = total.value ? ((item.value / total.value) * 100).toFixed(2) : 0;
+    });
+    return map;
+  });
+
+  const xyAxis = computed<EChartsOption>(() => ({
+    tooltip: {
+      show: true,
+      trigger: 'axis',
+      borderWidth: 0,
+      axisPointer: {
+        type: 'shadow',
+        shadowStyle: {
+          color: getComputedStyle(document.documentElement).getPropertyValue('--text-n6').trim(),
+          opacity: 0.1,
+        },
+      },
+      formatter: (params: any) => {
+        // 当trigger是'axis'时，params是数组
+        const div = document.createElement('div');
+        render(
+          h(tooltip, {
+            name: params[0].name,
+            value: params[0].value,
+            seriesName: params[0].seriesName,
+            color: params[0].color,
+          }),
+          div
+        );
+        return div;
+      },
+    },
+    grid: {
+      left: '2%',
+      right: '2%',
+      bottom: props.xData?.value && props.xData?.value.length >= 30 ? '10%' : '3%',
+      top: '70px',
+      containLabel: true,
+    },
+    xAxis: [
+      {
+        type: 'category',
+        data: props.xData?.value?.map((item) => (item.length > 12 ? `${item.slice(0, 12)}...` : item)),
+        axisLabel: {
+          color: getComputedStyle(document.documentElement).getPropertyValue('--text-n4').trim(),
+          rotate: 45,
+        },
+        axisTick: {
+          alignWithLabel: true,
+        },
+        axisLine: {
+          lineStyle: {
+            color: getComputedStyle(document.documentElement).getPropertyValue('--text-n8').trim(),
+          },
+        },
+      },
+    ],
+    yAxis: [
+      {
+        type: 'value',
+        axisLabel: {
+          color: getComputedStyle(document.documentElement).getPropertyValue('--text-n4').trim(),
+        },
+        splitLine: {
+          lineStyle: {
+            type: 'dashed',
+          },
+        },
+      },
+    ],
+    dataZoom:
+      props.xData?.value && props.xData?.value.length >= 30
+        ? [
+            {
+              type: 'inside',
+              realtime: true,
+              start: 30,
+              end: 70,
+            },
+            {
+              type: 'slider',
+              realtime: true,
+              start: 30,
+              end: 70,
+            },
+          ]
+        : [],
+  }));
+  const pieConfig = computed<EChartsOption>(() => ({
+    tooltip: {
+      trigger: 'item',
+      formatter: (params: any) => {
+        const div = document.createElement('div');
+        render(
+          h(tooltip, {
+            name: params.name,
+            value: params.value,
+            seriesName: params.seriesName,
+            percent: params.percent,
+            color: params.color,
+          }),
+          div
+        );
+        return div;
+      },
+    },
+    legend: {
+      type: 'scroll',
+      orient: 'vertical',
+      left: '37%',
+      top: 'middle',
+      right: 0,
+      itemGap: 16,
+      itemWidth: 8,
+      itemHeight: 8,
+      itemStyle: {
+        borderRadius: 2,
+      },
+      height: '80%',
+      formatter(name) {
+        const item = props.data.value.find((e: any) => e.name === name);
+        return item
+          ? `{name|${name}}  {value|${abbreviateNumber(item.value, '').value}${
+              abbreviateNumber(item.value, '').unit
+            }} {percent|${percentMap.value[item.name]}%}`
+          : name;
+      },
+      textStyle: {
+        width: 400,
+        rich: {
+          name: {
+            width: '33%',
+            fontSize: 12,
+            color: getComputedStyle(document.documentElement).getPropertyValue('--text-n2').trim(),
+          },
+          value: {
+            width: '33%',
+            fontSize: 12,
+            fontWeight: 500,
+            color: getComputedStyle(document.documentElement).getPropertyValue('--text-n1').trim(),
+          },
+          percent: {
+            width: '33%',
+            fontSize: 12,
+            fontWeight: 500,
+            color: getComputedStyle(document.documentElement).getPropertyValue('--text-n1').trim(),
+          },
+        },
+      },
+    },
+  }));
+  const funnelConfig = computed<EChartsOption>(() => ({
+    tooltip: {
+      trigger: 'item',
+      formatter: (params: any) => {
+        const div = document.createElement('div');
+        render(
+          h(tooltip, {
+            name: params.name,
+            value: params.value,
+            seriesName: params.seriesName,
+            color: params.color,
+          }),
+          div
+        );
+        return div;
+      },
+    },
+  }));
+  const partConfig = computed<EChartsOption>(() => {
+    if (props.type === ChartTypeEnum.FUNNEL) {
+      return funnelConfig.value;
+    }
+    if ([ChartTypeEnum.PIE, ChartTypeEnum.DONUT].includes(props.type)) {
+      return pieConfig.value;
+    }
+    return xyAxis.value;
+  });
+
+  const chartOptions = ref<EChartsOption>(
+    deepMerge(
+      {
+        title: {
+          text: title.value,
+          textAlign: 'left',
+          left: '1%',
+          top: '2%',
+          textStyle: {
+            fontSize: 14,
+          },
+        },
+        ...partConfig.value,
+        series: props.series.value,
+      } as EChartsOption,
+      props.customConfig?.value || {}
+    )
+  );
+
+  const myChart = shallowRef<echarts.ECharts>();
+  const chartDom = ref<HTMLElement | null>(null);
+  /**
+   * 处理图表容器尺寸变化
+   */
+  function handleChartDomResize() {
+    const seriesData: PieSeriesOption = {};
+    const legend: LegendComponentOption = {
+      textStyle: {},
+    };
+    if (chartDom.value && [ChartTypeEnum.PIE, ChartTypeEnum.DONUT].includes(props.type)) {
+      const pieLeft = chartDom.value.clientHeight / 4 + 16;
+      seriesData.center = [pieLeft, '50%'];
+      legend.left = pieLeft * 2 + 20;
+      legend.textStyle!.width = Math.abs(chartDom.value.clientWidth - chartDom.value.clientHeight / 2 - 40);
+      chartOptions.value = deepMerge(chartOptions.value, {
+        legend,
+        series: Array.isArray(props.series.value)
+          ? props.series.value.map((e) => ({ ...e, ...seriesData }))
+          : { ...props.series.value, ...seriesData },
+      });
+    }
+  }
+
+  function initChart(_chartDom: HTMLElement | null) {
+    chartDom.value = _chartDom;
+    handleChartDomResize();
+    myChart.value = echarts.init(_chartDom, 'light');
+    myChart.value.setOption(chartOptions.value);
+    myChart.value.on('click', (params) => {
+      // 触发点击事件
+      props.onClick?.(params);
+    });
+  }
+
+  function refreshChart(opt?: EChartsOption) {
+    if (myChart.value) {
+      myChart.value?.resize();
+      handleChartDomResize();
+      nextTick(() => {
+        myChart.value?.setOption(deepMerge(chartOptions.value, opt || {}), true);
+      });
+    }
+  }
+
+  watch(
+    () => props.data.value,
+    () => {
+      chartOptions.value = deepMerge(
+        {
+          title: {
+            text: title.value,
+            textAlign: 'left',
+            left: '1%',
+            top: '2%',
+            textStyle: {
+              fontSize: 14,
+            },
+          },
+          ...partConfig.value,
+          series: props.series.value,
+        } as EChartsOption,
+        props.customConfig?.value || {}
+      );
+      nextTick(() => {
+        refreshChart();
+      });
+    }
+  );
+
+  function downloadChartImage() {
+    if (myChart.value) {
+      const url = myChart.value.getDataURL({
+        type: 'png',
+        pixelRatio: 2,
+        backgroundColor: '#fff',
+      });
+      const link = document.createElement('a');
+      link.href = url;
+      link.download = `${title.value}.png`;
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+    }
+  }
+
+  onMounted(() => {
+    let isFirstResize = true;
+    if (!props.containerRef?.value) return;
+    const handleResize = debounce(() => {
+      if (isFirstResize) {
+        isFirstResize = false; // 第一次触发，跳过
+        return;
+      }
+      refreshChart();
+    }, 300);
+    const observer = new ResizeObserver((entries) => {
+      entries.forEach(() => {
+        handleResize();
+      });
+    });
+    observer.observe(props.containerRef.value);
+  });
+
+  return {
+    initChart,
+    refreshChart,
+    downloadChartImage,
+  };
+}
diff --git a/frontend/packages/web/src/components/pure/crm-clear-suffix/index.vue b/frontend/packages/web/src/components/pure/crm-clear-suffix/index.vue
new file mode 100644
index 0000000..c412942
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-clear-suffix/index.vue
@@ -0,0 +1,77 @@
+<template>
+  <n-tooltip flip :delay="300" placement="top" trigger="hover" v-bind="$attrs" :disabled="status === 'default'">
+    <template #trigger>
+      <div
+        :class="`crm-clear-icon cursor-pointer crm-clear-icon--${props.size} crm-clear-icon--${props.size}--${props.status}`"
+        @click.stop="() => emit('clear')"
+      >
+        <CrmIcon type="iconicon_close" :size="12" class="text-[var(--text-n10)]" />
+      </div>
+    </template>
+    <span> {{ props.tooltipContent || t('common.value.notNull') }} </span>
+  </n-tooltip>
+</template>
+
+<script setup lang="ts">
+  import { NTooltip } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  const { t } = useI18n();
+
+  export type ClearStatusType = 'error' | 'warning' | 'default';
+
+  const props = withDefaults(
+    defineProps<{
+      status: ClearStatusType; // 提醒状态
+      tooltipContent?: string; // 提示内容
+      size?: 'small' | 'default' | 'large';
+    }>(),
+    {
+      status: 'default',
+      size: 'default',
+    }
+  );
+
+  const emit = defineEmits<{
+    (e: 'clear'): void;
+  }>();
+</script>
+
+<style scoped lang="less">
+  .crm-clear-icon {
+    border-radius: 100%;
+    background: var(--text-n7);
+    @apply flex items-center justify-center;
+    &--small {
+      width: 12px;
+      height: 12px;
+      &--error {
+        background: var(--error-red);
+      }
+      &--warning {
+        background: var(--warning-yellow);
+      }
+    }
+    &--default {
+      width: 14px;
+      height: 14px;
+      &--error {
+        background: var(--error-red);
+      }
+      &--warning {
+        background: var(--warning-yellow);
+      }
+    }
+    &--large {
+      width: 16px;
+      height: 16px;
+      &--error {
+        background: var(--error-red);
+      }
+      &--warning {
+        background: var(--warning-yellow);
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/pure/crm-collapse/index.vue b/frontend/packages/web/src/components/pure/crm-collapse/index.vue
new file mode 100644
index 0000000..e0e6864
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-collapse/index.vue
@@ -0,0 +1,89 @@
+<template>
+  <n-collapse v-model:expanded-names="expandedNames" class="crm-collapse" @update:expanded-names="updateExpanded">
+    <n-collapse-item :title="props.title" :name="props.nameKey">
+      <template #header="{ collapsed }">
+        <slot name="header" :collapsed="collapsed">
+          <div class="w-full">
+            <div class="crm-collapse-item-header-title">
+              <n-tooltip trigger="hover">
+                <template #trigger>
+                  {{ props.title }}
+                </template>
+                {{ props.title }}
+              </n-tooltip>
+            </div>
+          </div>
+        </slot>
+      </template>
+      <slot></slot>
+      <template #header-extra="{ collapsed }">
+        <div class="flex items-center justify-center gap-[8px]">
+          <slot name="headerExtraLeft" :collapsed="collapsed"></slot>
+          <n-button v-if="props.showExpandBtn" quaternary class="!p-0 !text-[var(--text-n4)]">
+            <CrmIcon
+              class="text-[var(--text-n4)]"
+              :type="`${collapsed ? 'iconicon_chevron_down' : 'iconicon_chevron_right'}`"
+              :size="16"
+            />
+          </n-button>
+        </div>
+      </template>
+    </n-collapse-item>
+  </n-collapse>
+</template>
+
+<script setup lang="ts">
+  import { NButton, NCollapse, NCollapseItem, NTooltip } from 'naive-ui';
+
+  interface CollapseProps {
+    nameKey: string;
+    title?: string;
+    defaultExpand?: boolean;
+    showExpandBtn?: boolean;
+  }
+
+  const props = withDefaults(defineProps<CollapseProps>(), {
+    defaultExpand: false, // 默认展开
+    showExpandBtn: true, // 显示折叠按钮
+  });
+
+  const emit = defineEmits<{
+    (e: 'expand', expandedNames: Array<string | number> | string | number | null): void;
+  }>();
+
+  function updateExpanded(expandedNames: Array<string | number> | string | number | null) {
+    emit('expand', expandedNames);
+  }
+
+  const expandedNames = ref<string[]>([]);
+
+  watch(
+    () => props.defaultExpand,
+    (val) => {
+      if (val && !expandedNames.value.includes(props.nameKey)) {
+        expandedNames.value.push(props.nameKey);
+      } else {
+        expandedNames.value = [];
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
+
+<style lang="less">
+  .crm-collapse {
+    &.n-collapse {
+      padding: 24px;
+      background: var(--text-n10);
+      .n-collapse-item-arrow {
+        display: none !important;
+      }
+      .crm-collapse-item-header-title {
+        color: var(--text-n1);
+        @apply font-medium;
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/pure/crm-color-select/index.vue b/frontend/packages/web/src/components/pure/crm-color-select/index.vue
new file mode 100644
index 0000000..af4106d
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-color-select/index.vue
@@ -0,0 +1,32 @@
+<template>
+  <ColorPicker v-model:pure-color="innerPureColor" :z-index="1" picker-type="chrome" is-widget round-history />
+</template>
+
+<script setup lang="ts">
+  import 'vue3-colorpicker/style.css';
+  import { ColorPicker } from 'vue3-colorpicker';
+
+  const innerPureColor = defineModel<string>('pureColor', {
+    default: '#CF00FF',
+  });
+</script>
+
+<style lang="less">
+  .color-cube {
+    overflow: hidden;
+    border-radius: var(--border-radius-small);
+  }
+  .vc-transparent {
+    background-image: none !important;
+  }
+  .color-list {
+    width: 100% !important;
+    .color-item {
+      width: 24px !important;
+      height: 24px !important;
+    }
+  }
+  .color-item:not(:last-child) {
+    margin-right: 2px !important;
+  }
+</style>
diff --git a/frontend/packages/web/src/components/pure/crm-description/index.vue b/frontend/packages/web/src/components/pure/crm-description/index.vue
new file mode 100644
index 0000000..db13064
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-description/index.vue
@@ -0,0 +1,161 @@
+<template>
+  <n-scrollbar>
+    <div class="crm-description">
+      <div
+        v-for="(item, index) of props.descriptions"
+        :key="item.label"
+        class="crm-description-item"
+        :class="item.class"
+        :style="{ marginBottom: props.descriptions.length - index <= props.column ? '' : `${props.lineGap}px` }"
+      >
+        <slot :name="item.slotName" :item="item">
+          <div
+            class="crm-description-item-label"
+            :style="{ width: props.labelWidth || '120px', textAlign: props.labelAlign }"
+          >
+            <n-tooltip :placement="(props.tooltipPosition || item.tooltipPosition) ?? 'top-start'">
+              <template #trigger>
+                <div :class="props.oneLineLabel ? 'one-line-text' : ''">
+                  {{ item.label }}
+                </div>
+              </template>
+              {{ item.label }}
+            </n-tooltip>
+          </div>
+          <div :class="getValueClass()" :style="{ textAlign: props.valueAlign }">
+            <slot :name="item.valueSlotName" :item="item">
+              <CrmTagGroup
+                v-if="Array.isArray(item.value) && item.value?.length"
+                :tags="item.value"
+                :label-key="item.tagProps?.labelKey"
+                :class="`justify-${props.valueAlign}`"
+              />
+              <n-tooltip
+                v-else
+                :disabled="item.value === undefined || item.value === null || item.value?.toString() === ''"
+                :placement="(props.tooltipPosition || item.tooltipPosition) ?? 'top-start'"
+              >
+                <template #trigger>
+                  <div :class="props.oneLineValue ? 'one-line-text' : ''">
+                    {{
+                      item.value === undefined || item.value === null || item.value?.toString() === ''
+                        ? '-'
+                        : item.value
+                    }}
+                  </div>
+                </template>
+                {{ item.value }}
+              </n-tooltip>
+            </slot>
+          </div>
+        </slot>
+      </div>
+    </div>
+  </n-scrollbar>
+</template>
+
+<script setup lang="ts">
+  import { NScrollbar, NTooltip } from 'naive-ui';
+
+  import CrmTagGroup from '@/components/pure/crm-tag-group/index.vue';
+
+  export interface Description {
+    label: string;
+    key?: string;
+    slotName?: string;
+    valueSlotName?: string;
+    value: string | string[] | Record<string, any>;
+    class?: string;
+    tooltipPosition?:
+      | 'top-start'
+      | 'top'
+      | 'top-end'
+      | 'right-start'
+      | 'right'
+      | 'right-end'
+      | 'bottom-start'
+      | 'bottom'
+      | 'bottom-end'
+      | 'left-start'
+      | 'left'
+      | 'left-end'
+      | undefined; // 提示位置防止窗口抖动
+    tagProps?: {
+      labelKey?: string;
+    };
+    [key: string]: any;
+  }
+
+  const props = withDefaults(
+    defineProps<{
+      column?: number;
+      descriptions: Description[];
+      labelWidth?: string;
+      lineGap?: number;
+      labelAlign?: 'center' | 'start' | 'end'; // label 对齐方式
+      valueAlign?: 'center' | 'start' | 'end'; // value 对齐方式
+      oneLineValue?: boolean; // value 是否单行显示
+      oneLineLabel?: boolean; // label 是否单行显示
+      tooltipPosition?:
+        | 'top-start'
+        | 'top'
+        | 'top-end'
+        | 'right-start'
+        | 'right'
+        | 'right-end'
+        | 'bottom-start'
+        | 'bottom'
+        | 'bottom-end'
+        | 'left-start'
+        | 'left'
+        | 'left-end'
+        | undefined;
+    }>(),
+    {
+      column: 1,
+      lineGap: 16,
+      labelAlign: 'start',
+      valueAlign: 'start',
+      oneLineLabel: true,
+      oneLineValue: true,
+    }
+  );
+
+  function getValueClass() {
+    if (props.oneLineValue) {
+      return 'crm-description-item-value crm-description-item-value--one-line';
+    }
+    return 'crm-description-item-value';
+  }
+</script>
+
+<style lang="less" scoped>
+  .crm-description {
+    @apply flex flex-wrap;
+
+    column-gap: 32px;
+    .crm-description-item {
+      @apply flex items-baseline;
+
+      width: calc((100% - v-bind(column - 1) * 32px) / v-bind(column));
+    }
+    .crm-description-item-label {
+      @apply font-normal;
+
+      padding-right: 16px;
+      color: var(--text-n2);
+      word-wrap: break-word;
+    }
+    .crm-description-item-value {
+      @apply relative flex-1 overflow-hidden align-top;
+
+      text-align: justify;
+      text-overflow: ellipsis;
+      -webkit-line-clamp: 3;
+      -webkit-box-orient: vertical;
+    }
+    .crm-description-item-value--one-line {
+      -webkit-line-clamp: 1;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/pure/crm-detail-card/index.vue b/frontend/packages/web/src/components/pure/crm-detail-card/index.vue
new file mode 100644
index 0000000..322637c
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-detail-card/index.vue
@@ -0,0 +1,61 @@
+<template>
+  <div class="crm-detail-card">
+    <slot name="prefix"></slot>
+    <div v-for="item of props.description" :key="item.key" class="crm-detail-desc-item" :style="{ width: item.width }">
+      <div class="whitespace-nowrap text-[var(--text-n4)]">
+        {{ item.label }}
+      </div>
+      <slot :item="item" :name="item.key">
+        <n-tooltip trigger="hover" :delay="300" :disabled="isEmpty(item.value)" :placement="item.placement">
+          <template #trigger>
+            <div class="text-ov max-w-[300px] overflow-hidden overflow-ellipsis whitespace-nowrap">
+              {{ item.value || '-' }}
+            </div>
+          </template>
+          {{ item.value }}
+        </n-tooltip>
+      </slot>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { NTooltip } from 'naive-ui';
+  import { isEmpty } from 'lodash-es';
+
+  export interface Description {
+    key: string;
+    label: string;
+    value: string;
+    width?: string;
+    placement?:
+      | 'top-start'
+      | 'top'
+      | 'top-end'
+      | 'right-start'
+      | 'right'
+      | 'right-end'
+      | 'bottom-start'
+      | 'bottom'
+      | 'bottom-end'
+      | 'left-start'
+      | 'left'
+      | 'left-end';
+  }
+
+  const props = defineProps<{
+    description: Description[];
+  }>();
+</script>
+
+<style lang="less" scoped>
+  .crm-detail-card {
+    gap: 24px;
+    row-gap: 16px;
+    @apply flex  flex-wrap items-center;
+    .crm-detail-desc-item {
+      gap: 8px;
+      @apply flex flex-nowrap items-center;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/pure/crm-drawer/index.vue b/frontend/packages/web/src/components/pure/crm-drawer/index.vue
new file mode 100644
index 0000000..8fb8849
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-drawer/index.vue
@@ -0,0 +1,265 @@
+<template>
+  <n-drawer
+    v-bind="$attrs"
+    v-model:show="show"
+    :width="drawerWidth"
+    :show-mask="props.showMask"
+    :placement="props.placement"
+    :auto-focus="false"
+    class="crm-drawer"
+    @after-leave="emit('cancel')"
+    @esc="emit('esc')"
+    @mask-click="emit('maskClick')"
+  >
+    <n-drawer-content
+      :title="props.title"
+      :closable="props.closable"
+      :header-class="`${props.headerClass} crm-drawer-header-class ${
+        !props.closable ? 'crm-drawer-header-class-no-close' : ''
+      }`"
+      :body-content-class="`${props.noPadding ? 'crm-no-padding-drawer' : ''} ${props.bodyContentClass || ''}`"
+    >
+      <template #header>
+        <slot name="header">
+          <div class="flex w-full items-center justify-between gap-[24px] overflow-hidden">
+            <n-button v-if="props.showBack" text class="mr-[4px] w-[32px]" @click="handleCancel">
+              <n-icon size="16">
+                <ChevronBackOutline />
+              </n-icon>
+            </n-button>
+            <div class="one-line-text flex flex-1 items-center gap-[8px]">
+              <slot name="titleLeft"></slot>
+              <slot name="title">
+                <n-tooltip trigger="hover" :delay="300" :disabled="!props.title">
+                  <template #trigger>
+                    <div class="one-line-text !leading-[20px]">{{ props.title }}</div>
+                  </template>
+                  {{ props.title }}
+                </n-tooltip>
+              </slot>
+            </div>
+            <div class="flex flex-shrink-0 justify-end">
+              <slot name="titleRight"></slot>
+            </div>
+          </div>
+        </slot>
+      </template>
+      <div v-if="!props.disabledWidthDrag" class="crm-drawer-handle" @mousedown="startResize">
+        <CrmIcon type="iconicon_move" class="absolute left-[-3px] top-[50%] w-[14px]" :size="14" />
+      </div>
+      <n-spin :show="props.loading" class="h-full">
+        <n-scrollbar
+          x-scrollable
+          content-class="h-full !w-full"
+          :content-style="{ minWidth: props.minWidth ? `${props.minWidth}px` : 'auto' }"
+        >
+          <slot />
+        </n-scrollbar>
+      </n-spin>
+      <template v-if="footer" #footer>
+        <slot name="footer">
+          <div class="flex w-full items-center justify-between">
+            <slot name="footerLeft"></slot>
+            <div class="ml-auto flex gap-[8px]">
+              <n-button :disabled="props.loading" secondary @click="handleCancel">
+                {{ t(props.cancelText || 'common.cancel') }}
+              </n-button>
+              <n-button
+                v-if="props.showContinue"
+                type="primary"
+                ghost
+                class="n-btn-outline-primary"
+                :loading="props.loading"
+                :disabled="okDisabled"
+                @click="handleContinue"
+              >
+                {{ t(props.saveContinueText || 'common.saveAndContinue') }}
+              </n-button>
+              <n-button type="primary" :disabled="okDisabled" :loading="props.loading" @click="handleOk">
+                {{ t(props.okText || 'common.add') }}
+              </n-button>
+            </div>
+          </div>
+        </slot>
+      </template>
+    </n-drawer-content>
+  </n-drawer>
+</template>
+
+<script setup lang="ts">
+  import { NButton, NDrawer, NDrawerContent, NIcon, NScrollbar, NSpin, NTooltip } from 'naive-ui';
+  import { ChevronBackOutline } from '@vicons/ionicons5';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { FormViewSize } from '@lib/shared/models/system/module';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+
+  const { t } = useI18n();
+  const props = withDefaults(
+    defineProps<{
+      width?: string | number;
+      placement?: 'left' | 'right' | 'top' | 'bottom';
+      showMask?: boolean | 'transparent';
+      title?: string;
+      cancelText?: string;
+      saveContinueText?: string;
+      okText?: string;
+      showContinue?: boolean; // 是否显示保存并继续添加按钮
+      okDisabled?: boolean;
+      headerClass?: string; // 头部的class
+      bodyContentClass?: string; // 内容区的class
+      footer?: boolean; // 是否展示footer
+      loading?: boolean;
+      closable?: boolean;
+      showBack?: boolean; // 显示返回关闭按钮
+      noPadding?: boolean; // 无内边距
+      disabledWidthDrag?: boolean; // 禁止拖拽宽度
+      minWidth?: number;
+      viewSize?: FormViewSize;
+    }>(),
+    {
+      placement: 'right',
+      showMask: true,
+      footer: true,
+      showBack: false,
+      noPadding: false,
+      closable: true,
+      disabledWidthDrag: false,
+    }
+  );
+
+  const emit = defineEmits<{
+    (e: 'continue'): void;
+    (e: 'confirm'): void;
+    (e: 'cancel'): void;
+    (e: 'esc'): void;
+    (e: 'maskClick'): void;
+  }>();
+
+  const show = defineModel<boolean>('show', {
+    required: true,
+    default: false,
+  });
+
+  const getWindowWidth = () => window.innerWidth;
+
+  function calculateWidth(width?: string | number) {
+    if (typeof width === 'number') {
+      return width;
+    }
+    if (!width || typeof width !== 'string') {
+      return 0;
+    }
+    const match = width.trim().match(/^(\d+(?:\.\d+)?)%$/);
+    if (!match) {
+      return 0;
+    }
+    return Math.round((Number(match[1]) / 100) * getWindowWidth());
+  }
+
+  const resizing = ref(false); // 是否正在拖拽
+  const drawerInitWidth = computed(() => {
+    switch (props.viewSize) {
+      case 'small':
+        return '50%';
+      case 'medium':
+        return '75%';
+      case 'large':
+        return '100%';
+      default:
+        return props.width;
+    }
+  });
+  const drawerWidth = ref(drawerInitWidth.value); // 抽屉初始宽度
+
+  /**
+   * 鼠标单击开始监听拖拽移动
+   */
+  const startResize = (event: MouseEvent) => {
+    let initialWidth = 0;
+    if (typeof drawerWidth.value === 'number') {
+      initialWidth = drawerWidth.value;
+    } else {
+      initialWidth = calculateWidth(drawerWidth.value);
+    }
+    resizing.value = true;
+    const startX = event.clientX;
+
+    // 计算鼠标移动距离
+    const handleMouseMove = (_event: MouseEvent) => {
+      if (resizing.value) {
+        const newWidth = initialWidth + (startX - _event.clientX); // 新的宽度等于当前抽屉宽度+鼠标移动的距离
+        if (newWidth >= (props.minWidth || 480) && newWidth <= window.innerWidth) {
+          // 最大最小宽度限制，最小宽度为480，最大宽度为视图窗口宽度的90%
+          drawerWidth.value = newWidth;
+        }
+      }
+    };
+
+    // 松开鼠标按键，拖拽结束
+    const handleMouseUp = () => {
+      if (resizing.value) {
+        // 如果当前是在拖拽，则重置拖拽状态，且移除鼠标监听事件
+        resizing.value = false;
+        window.removeEventListener('mousemove', handleMouseMove);
+        window.removeEventListener('mouseup', handleMouseUp);
+      }
+    };
+
+    window.addEventListener('mousemove', handleMouseMove);
+    window.addEventListener('mouseup', handleMouseUp);
+  };
+
+  watch(
+    () => drawerInitWidth.value,
+    (newWidth) => {
+      drawerWidth.value = newWidth;
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  function handleContinue() {
+    emit('continue');
+  }
+
+  function handleOk() {
+    emit('confirm');
+  }
+
+  function handleCancel() {
+    show.value = false;
+    emit('cancel');
+  }
+</script>
+
+<style lang="less">
+  .crm-drawer {
+    .crm-drawer-handle {
+      @apply absolute left-0 top-0 flex h-full items-center;
+
+      z-index: 200;
+      width: 10px;
+      background-color: var(--text-n8);
+      cursor: col-resize;
+    }
+    .n-spin-content {
+      @apply h-full;
+    }
+  }
+  .crm-drawer-header-class {
+    .n-drawer-header__main {
+      max-width: calc(100% - 28px);
+    }
+    &-no-close {
+      .n-drawer-header__main {
+        max-width: 100%;
+      }
+    }
+  }
+  .crm-no-padding-drawer {
+    padding: 0 !important;
+  }
+</style>
diff --git a/frontend/packages/web/src/components/pure/crm-file-icon/index.vue b/frontend/packages/web/src/components/pure/crm-file-icon/index.vue
new file mode 100644
index 0000000..1f730f4
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-file-icon/index.vue
@@ -0,0 +1,20 @@
+<template>
+  <CrmIon :type="iconType" :size="props.size || 32" />
+</template>
+
+<script setup lang="ts">
+  import { getFileIconType } from '@lib/shared/method';
+
+  import CrmIon from '@/components/pure/crm-icon-font/index.vue';
+
+  const props = defineProps<{
+    type: string;
+    size: number;
+  }>();
+
+  const iconType = computed(() => {
+    return getFileIconType(props.type);
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/pure/crm-icon-font/index.vue b/frontend/packages/web/src/components/pure/crm-icon-font/index.vue
new file mode 100644
index 0000000..3fb6af7
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-icon-font/index.vue
@@ -0,0 +1,19 @@
+<template>
+  <n-icon :size="props.size" :color="props.color">
+    <svg>
+      <use :xlink:href="`#${props.type}`"></use>
+    </svg>
+  </n-icon>
+</template>
+
+<script lang="ts" setup>
+  import { NIcon } from 'naive-ui';
+
+  import '@/assets/icon-font/iconfont';
+
+  const props = defineProps<{
+    size?: number;
+    type: string;
+    color?: string;
+  }>();
+</script>
diff --git a/frontend/packages/web/src/components/pure/crm-industry-select/config.ts b/frontend/packages/web/src/components/pure/crm-industry-select/config.ts
new file mode 100644
index 0000000..d2d8558
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-industry-select/config.ts
@@ -0,0 +1,510 @@
+import type { CascaderOption } from 'naive-ui';
+
+export const industryOptions: CascaderOption[] = [
+  {
+    label: '农、林、牧、渔业',
+    value: 'A',
+    children: [
+      {
+        label: '农业',
+        value: '01',
+      },
+      {
+        label: '林业',
+        value: '02',
+      },
+      {
+        label: '畜牧业',
+        value: '03',
+      },
+      {
+        label: '渔业',
+        value: '04',
+      },
+      {
+        label: '农、林、牧、渔专业及辅助性活动',
+        value: '05',
+      },
+    ],
+  },
+  {
+    label: '采矿业',
+    value: 'B',
+    children: [
+      {
+        label: '煤炭开采和洗选业',
+        value: '06',
+      },
+      {
+        label: '石油和天然气开采业',
+        value: '07',
+      },
+      {
+        label: '黑色金属矿采选业',
+        value: '08',
+      },
+      {
+        label: '有色金属矿采选业',
+        value: '09',
+      },
+      {
+        label: '非金属矿采选业',
+        value: '10',
+      },
+      {
+        label: '开采专业及辅助性活动',
+        value: '11',
+      },
+      {
+        label: '其他采矿业',
+        value: '12',
+      },
+    ],
+  },
+  {
+    label: '制造业',
+    value: 'C',
+    children: [
+      {
+        label: '农副食品加工业',
+        value: '13',
+      },
+      {
+        label: '食品制造业',
+        value: '14',
+      },
+      {
+        label: '酒、饮料和精制茶制造业',
+        value: '15',
+      },
+      {
+        label: '烟草制品业',
+        value: '16',
+      },
+      {
+        label: '纺织业',
+        value: '17',
+      },
+      {
+        label: '纺织服装、服饰业',
+        value: '18',
+      },
+      {
+        label: '皮革、毛皮、羽毛及其制品和制鞋业',
+        value: '19',
+      },
+      {
+        label: '木材加工和木、竹、藤、棕、草制品业',
+        value: '20',
+      },
+      {
+        label: '家具制造业',
+        value: '21',
+      },
+      {
+        label: '造纸和纸制品业',
+        value: '22',
+      },
+      {
+        label: '印刷和记录媒介复制业',
+        value: '23',
+      },
+      {
+        label: '文教、工美、体育和娱乐用品制造业',
+        value: '24',
+      },
+      {
+        label: '石油、煤炭及其他燃料加工业',
+        value: '25',
+      },
+      {
+        label: '化学原料和化学制品制造业',
+        value: '26',
+      },
+      {
+        label: '医药制造业',
+        value: '27',
+      },
+      {
+        label: '化学纤维制造业',
+        value: '28',
+      },
+      {
+        label: '橡胶和塑料制品业',
+        value: '29',
+      },
+      {
+        label: '非金属矿物制品业',
+        value: '30',
+      },
+      {
+        label: '黑色金属冶炼和压延加工业',
+        value: '31',
+      },
+      {
+        label: '有色金属冶炼和压延加工业',
+        value: '32',
+      },
+      {
+        label: '金属制品业',
+        value: '33',
+      },
+      {
+        label: '通用设备制造业',
+        value: '34',
+      },
+      {
+        label: '专用设备制造业',
+        value: '35',
+      },
+      {
+        label: '汽车制造业',
+        value: '36',
+      },
+      {
+        label: '铁路、船舶、航空航天和其他运输设备制造业',
+        value: '37',
+      },
+      {
+        label: '电气机械和器材制造业',
+        value: '38',
+      },
+      {
+        label: '计算机、通信和其他电子设备制造业',
+        value: '39',
+      },
+      {
+        label: '仪器仪表制造业',
+        value: '40',
+      },
+      {
+        label: '其他制造业',
+        value: '41',
+      },
+      {
+        label: '废弃资源综合利用业',
+        value: '42',
+      },
+      {
+        label: '金属制品、机械和设备修理业',
+        value: '43',
+      },
+    ],
+  },
+  {
+    label: '电力、热力、燃气及水生产和供应业',
+    value: 'D',
+    children: [
+      {
+        label: '电力、热力生产和供应业',
+        value: '44',
+      },
+      {
+        label: '燃气生产和供应业',
+        value: '45',
+      },
+      {
+        label: '水的生产和供应业',
+        value: '46',
+      },
+    ],
+  },
+  {
+    label: '建筑业',
+    value: 'E',
+    children: [
+      {
+        label: '房屋建筑业',
+        value: '47',
+      },
+      {
+        label: '土木工程建筑业',
+        value: '48',
+      },
+      {
+        label: '建筑安装业',
+        value: '49',
+      },
+      {
+        label: '建筑装饰、装修和其他建筑业',
+        value: '50',
+      },
+    ],
+  },
+  {
+    label: '批发和零售业',
+    value: 'F',
+    children: [
+      {
+        label: '批发业',
+        value: '51',
+      },
+      {
+        label: '零售业',
+        value: '52',
+      },
+    ],
+  },
+  {
+    label: '交通运输、仓储和邮政业',
+    value: 'G',
+    children: [
+      {
+        label: '铁路运输业',
+        value: '53',
+      },
+      {
+        label: '道路运输业',
+        value: '54',
+      },
+      {
+        label: '水上运输业',
+        value: '55',
+      },
+      {
+        label: '航空运输业',
+        value: '56',
+      },
+      {
+        label: '管道运输业',
+        value: '57',
+      },
+      {
+        label: '多式联运和运输代理业',
+        value: '58',
+      },
+      {
+        label: '装卸搬运和仓储业',
+        value: '59',
+      },
+      {
+        label: '邮政业',
+        value: '60',
+      },
+    ],
+  },
+  {
+    label: '住宿和餐饮业',
+    value: 'H',
+    children: [
+      {
+        label: '住宿业',
+        value: '61',
+      },
+      {
+        label: '餐饮业',
+        value: '62',
+      },
+    ],
+  },
+  {
+    label: '信息传输、软件和信息技术服务业',
+    value: 'I',
+    children: [
+      {
+        label: '电信、广播电视和卫星传输服务',
+        value: '63',
+      },
+      {
+        label: '互联网和相关服务',
+        value: '64',
+      },
+      {
+        label: '软件和信息技术服务业',
+        value: '65',
+      },
+    ],
+  },
+  {
+    label: '金融业',
+    value: 'J',
+    children: [
+      {
+        label: '货币金融服务',
+        value: '66',
+      },
+      {
+        label: '资本市场服务',
+        value: '67',
+      },
+      {
+        label: '保险业',
+        value: '68',
+      },
+      {
+        label: '其他金融业',
+        value: '69',
+      },
+    ],
+  },
+  {
+    label: '房地产业',
+    value: 'K',
+    children: [
+      {
+        label: '房地产业',
+        value: '70',
+      },
+    ],
+  },
+  {
+    label: '租赁和商务服务业',
+    value: 'L',
+    children: [
+      {
+        label: '租赁业',
+        value: '71',
+      },
+      {
+        label: '商务服务业',
+        value: '72',
+      },
+    ],
+  },
+  {
+    label: '科学研究和技术服务业',
+    value: 'M',
+    children: [
+      {
+        label: '研究和试验发展',
+        value: '73',
+      },
+      {
+        label: '专业技术服务业',
+        value: '74',
+      },
+      {
+        label: '科技推广和应用服务业',
+        value: '75',
+      },
+    ],
+  },
+  {
+    label: '水利、环境和公共设施管理业',
+    value: 'N',
+    children: [
+      {
+        label: '水利管理业',
+        value: '76',
+      },
+      {
+        label: '生态保护和环境治理业',
+        value: '77',
+      },
+      {
+        label: '公共设施管理业',
+        value: '78',
+      },
+    ],
+  },
+  {
+    label: '居民服务、修理和其他服务业',
+    value: 'O',
+    children: [
+      {
+        label: '居民服务业',
+        value: '79',
+      },
+      {
+        label: '机动车、电子产品和日用产品修理业',
+        value: '80',
+      },
+      {
+        label: '其他服务业',
+        value: '81',
+      },
+    ],
+  },
+  {
+    label: '教育',
+    value: 'P',
+    children: [
+      {
+        label: '教育',
+        value: '82',
+      },
+    ],
+  },
+  {
+    label: '卫生和社会工作',
+    value: 'Q',
+    children: [
+      {
+        label: '卫生',
+        value: '83',
+      },
+      {
+        label: '社会工作',
+        value: '84',
+      },
+    ],
+  },
+  {
+    label: '文化、体育和娱乐业',
+    value: 'R',
+    children: [
+      {
+        label: '新闻和出版业',
+        value: '85',
+      },
+      {
+        label: '广播、电视、电影和录音制作业',
+        value: '86',
+      },
+      {
+        label: '文化艺术业',
+        value: '87',
+      },
+      {
+        label: '体育',
+        value: '88',
+      },
+      {
+        label: '娱乐业',
+        value: '89',
+      },
+    ],
+  },
+  {
+    label: '公共管理、社会保障和社会组织',
+    value: 'S',
+    children: [
+      {
+        label: '中国共产党机关',
+        value: '90',
+      },
+      {
+        label: '国家机构',
+        value: '91',
+      },
+      {
+        label: '人民政协、民主党派',
+        value: '92',
+      },
+      {
+        label: '社会保障',
+        value: '93',
+      },
+      {
+        label: '群众团体、社会团体和其他成员组织',
+        value: '94',
+      },
+      {
+        label: '基层群众自治组织',
+        value: '95',
+      },
+    ],
+  },
+  {
+    label: '国际组织',
+    value: 'T',
+    children: [
+      {
+        label: '国际组织',
+        value: '96',
+      },
+    ],
+  },
+];
+
+export default industryOptions;
diff --git a/frontend/packages/web/src/components/pure/crm-industry-select/index.vue b/frontend/packages/web/src/components/pure/crm-industry-select/index.vue
new file mode 100644
index 0000000..06967d8
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-industry-select/index.vue
@@ -0,0 +1,70 @@
+<template>
+  <n-cascader
+    v-model:value="innerValue"
+    :options="industryOptions"
+    clearable
+    v-bind="{
+      filterable: true,
+      showPath: true,
+      checkStrategy: props.checkStrategy || 'child',
+      ...$attrs,
+    }"
+    max-tag-count="responsive"
+    :placeholder="props.placeholder"
+    :render-label="renderOption"
+    @update:value="handleChange"
+  />
+</template>
+
+<script setup lang="ts">
+  import { CascaderOption, NCascader, NTooltip } from 'naive-ui';
+
+  import { industryOptions } from './config';
+
+  export type DataItem<T = Record<string, any>> = CascaderOption & T;
+
+  const props = withDefaults(
+    defineProps<{
+      placeholder?: string;
+      checkStrategy?: 'all' | 'child' | 'parent';
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (
+      e: 'change',
+      value: string | number | Array<string | number> | null,
+      option: CascaderOption | Array<CascaderOption | null> | null,
+      pathValues: Array<CascaderOption | null> | Array<CascaderOption[] | null> | null
+    ): void;
+  }>();
+
+  const innerValue = defineModel<string | number | Array<string | number> | null>('value', {
+    required: true,
+    default: null,
+  });
+
+  function handleChange(
+    value: string | number | Array<string | number> | null,
+    option: CascaderOption | Array<CascaderOption | null> | null,
+    pathValues: Array<CascaderOption | null> | Array<CascaderOption[] | null> | null
+  ) {
+    emit('change', value, option, pathValues);
+  }
+
+  function renderOption(option: CascaderOption) {
+    return h(
+      NTooltip,
+      {
+        delay: 300,
+      },
+      {
+        trigger: () => h('div', { class: 'one-line-text' }, { default: () => option.label }),
+        default: () => h('div', {}, { default: () => option.label }),
+      }
+    );
+  }
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/components/pure/crm-input-number/index.vue b/frontend/packages/web/src/components/pure/crm-input-number/index.vue
new file mode 100644
index 0000000..041262f
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-input-number/index.vue
@@ -0,0 +1,77 @@
+<template>
+  <n-input-number v-model:value="value" :placeholder="props.placeholder ?? t('common.pleaseInput')" v-bind="$attrs">
+    <template #suffix>
+      <slot name="suffix"> </slot>
+    </template>
+    <template #add-icon>
+      <CrmIcon type="iconicon_chevron_up" :size="14" color="var(--text-n2)" />
+    </template>
+    <template #minus-icon>
+      <CrmIcon type="iconicon_chevron_down" :size="14" color="var(--text-n2)" />
+    </template>
+  </n-input-number>
+</template>
+
+<script setup lang="ts">
+  import { NInputNumber } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  const { t } = useI18n();
+  const props = defineProps<{
+    placeholder?: string;
+  }>();
+
+  const value = defineModel<number | null | undefined>('value');
+</script>
+
+<style scoped lang="less">
+  :deep(.n-input) {
+    .n-input-wrapper {
+      padding-right: 28px;
+      .n-input__suffix {
+        gap: 2px;
+        .n-input-number-suffix,
+        .n-base-clear {
+          margin-right: 4px;
+        }
+        .n-button {
+          position: absolute;
+          right: 0;
+          width: 28px;
+          height: 14px !important;
+          visibility: hidden;
+          &:first-of-type {
+            bottom: 1px;
+          }
+          &:last-of-type {
+            top: 1px;
+          }
+          &:hover {
+            background-color: var(--text-n9);
+          }
+          &:active {
+            background-color: var(--text-n8);
+          }
+          &--disabled {
+            i {
+              color: var(--text-n6) !important;
+            }
+            &:hover {
+              background-color: var(--text-n9);
+            }
+            &:active {
+              background-color: transparent;
+            }
+          }
+        }
+      }
+    }
+    &:hover,
+    &:active {
+      .n-input__suffix .n-button {
+        visibility: visible;
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/pure/crm-list/index.vue b/frontend/packages/web/src/components/pure/crm-list/index.vue
new file mode 100644
index 0000000..176d053
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-list/index.vue
@@ -0,0 +1,248 @@
+<template>
+  <n-spin :show="props.loading" class="h-full" content-class="h-full">
+    <n-virtual-list
+      v-bind="props"
+      ref="listRef"
+      :class="['crm-list', containerStatusClass, props.class]"
+      :item-size="props.itemHeight"
+      :items="listData"
+      :style="{
+        height: props.virtualScrollHeight,
+      }"
+      item-resizable
+      @scroll="handleScroll"
+      @wheel="handleWheel"
+    >
+      <template #default="{ item }">
+        <slot name="item" :item="item">
+          <div
+            :key="item[props.keyField]"
+            :class="[
+              'crm-list-item',
+              props.noHover ? 'crm-list-item--no-hover' : '',
+              props.itemBorder ? 'crm-list-item--bordered' : '',
+              props.itemClass,
+              innerFocusItemKey === item[keyField] ? 'crm-list-item--focus' : '',
+              innerActiveItemKey === item[keyField] ? props.activeItemClass : '',
+            ]"
+            :style="{
+              height: `${props.itemHeight}px`,
+            }"
+            @click="emit('itemClick', item)"
+          >
+            <slot name="titleLeft" :item="item"></slot>
+            <div class="flex-1 overflow-x-hidden">
+              <slot name="title" :item="item"></slot>
+            </div>
+            <div class="flex items-center gap-[4px]">
+              <div
+                v-if="
+                  $slots['itemAction'] || (props.itemMoreActions && props.itemMoreActions.length > 0 && !props.disabled)
+                "
+                class="crm-list-item-actions"
+              >
+                <slot name="itemAction" :item="item"></slot>
+                <CrmMoreAction
+                  v-if="props.itemMoreActions && props.itemMoreActions.length > 0"
+                  :options="
+                    typeof props.itemMoreActions === 'function' ? props.itemMoreActions(item) : props.itemMoreActions
+                  "
+                  trigger="click"
+                  @select="handleMoreActionSelect($event, item)"
+                  @close="handleMoreActionClose"
+                  @click.stop="handleClickMore(item)"
+                >
+                </CrmMoreAction>
+              </div>
+              <slot name="itemRight" :item="item"></slot>
+            </div>
+          </div>
+        </slot>
+      </template>
+    </n-virtual-list>
+  </n-spin>
+</template>
+
+<script setup lang="ts">
+  import { NSpin, NVirtualList } from 'naive-ui';
+  import { useDraggable } from 'vue-draggable-plus';
+
+  import CrmMoreAction from '@/components/pure/crm-more-action/index.vue';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+
+  import useContainerShadow from '@/hooks/useContainerShadow';
+
+  const props = withDefaults(
+    defineProps<{
+      mode?: 'static' | 'remote'; // 静态数据或者远程数据
+      bordered?: boolean; // 是否显示边框
+      activeItemKey?: string | number; // 当前选中的项的 key
+      focusItemKey?: string | number; // 聚焦的项的 key
+      itemMoreActions?: ActionsItem[] | ((item: Record<string, any>) => ActionsItem[]); // 节点展示在省略号按钮内的更多操作
+      keyField?: string; // 唯一值 key 的字段名，默认为 key
+      itemHeight?: number; // 每一项的高度
+      emptyText?: string; // 空数据时的文案
+      noMoreData?: boolean; // 远程模式下，是否没有更多数据
+      noHover?: boolean; // 是否不显示列表项的 hover 效果
+      itemBorder?: boolean; // 是否显示列表项的边框
+      draggable?: boolean; // 是否允许拖拽
+      disabled?: boolean;
+      class?: string;
+      itemClass?: string;
+      activeItemClass?: string;
+      virtualScrollHeight: string;
+      loading?: boolean;
+    }>(),
+    {
+      mode: 'static',
+      keyField: 'key',
+      itemHeight: 34,
+      bordered: false,
+      draggable: false,
+      maxHeight: '300px',
+      activeItemClass: 'crm-list-item--active',
+    }
+  );
+
+  const emit = defineEmits<{
+    (e: 'moreActionSelect', event: ActionsItem, item: Record<string, any>): void;
+    (e: 'moreActionsClose'): void;
+    (e: 'reachBottom'): void;
+    (e: 'itemClick', item: Record<string, any>): void;
+    (e: 'clickMore', item: Record<string, any>): void;
+    (e: 'wheel', event: Event): void;
+  }>();
+
+  const listData = defineModel<Record<string, any>[]>('data', {
+    default: [],
+  });
+
+  const innerFocusItemKey = defineModel<string>('focusItemKey', {
+    default: '',
+  });
+
+  const innerActiveItemKey = defineModel<string>('activeItemKey', {
+    default: '',
+  });
+
+  const { isInitListener, containerStatusClass, setContainer, initScrollListener } = useContainerShadow({
+    overHeight: props.itemHeight,
+    containerClassName: 'crm-list',
+  });
+
+  function handleMoreActionSelect(event: ActionsItem, item: Record<string, any>) {
+    innerFocusItemKey.value = item[props.keyField];
+    emit('moreActionSelect', event, item);
+  }
+
+  function handleMoreActionClose() {
+    innerFocusItemKey.value = '';
+    emit('moreActionsClose');
+  }
+
+  function handleClickMore(item: Record<string, any>) {
+    innerFocusItemKey.value = item[props.keyField];
+    emit('clickMore', item);
+  }
+
+  const listRef: Ref = ref(null);
+  // TODO 暂时还未做拖拽
+  watch(
+    listData.value,
+    () => {
+      if (listData.value.length > 0 && !isInitListener.value) {
+        // 如果数据不为空，且没有初始化容器的滚动监听器
+        if (props.draggable) {
+          // 如果开启拖拽
+          if (props.virtualScrollHeight) {
+            // 如果开启虚拟滚动，需要将拖拽的容器设置为虚拟滚动的容器
+            useDraggable('.crm-list .v-vl', listData, {
+              ghostClass: 'crm-list-ghost',
+            });
+          } else {
+            // 否则直接设置为列表容器
+            useDraggable('.v-vl', listData, {
+              ghostClass: 'crm-list-ghost',
+            });
+          }
+        }
+        nextTick(() => {
+          const listContent = listRef.value?.$el.querySelector('.v-vl');
+
+          setContainer(listContent);
+          initScrollListener();
+        });
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  function handleReachBottom() {
+    if (props.mode === 'remote' && !props.noMoreData && listData.value.length > 0) {
+      emit('reachBottom');
+    }
+  }
+
+  function handleScroll(event: Event) {
+    const target = event.target as HTMLElement;
+    const { scrollTop, scrollHeight, clientHeight } = target;
+    // 判断是否触底
+    if (scrollTop + clientHeight >= scrollHeight - 24) {
+      handleReachBottom();
+    }
+  }
+
+  function handleWheel(event: Event) {
+    emit('wheel', event);
+  }
+</script>
+
+<style lang="less">
+  .crm-list {
+    width: calc(100% + 5px);
+    .crm-container--shadow-y();
+    .v-vl-visible-items {
+      padding-right: 5px;
+    }
+    .crm-list-item {
+      border-radius: var(--border-radius-small);
+      @apply flex w-full cursor-pointer items-center justify-between;
+      .crm-list-item-actions {
+        @apply invisible flex items-center justify-end;
+      }
+      &:hover {
+        background: var(--primary-7);
+        // TODO 暂时没有拖拽
+        .crm-list-drag-icon {
+          @apply visible;
+        }
+        .crm-list-item-actions {
+          @apply visible;
+        }
+      }
+    }
+    .crm-list-item--no-hover {
+      @apply cursor-auto;
+      &:hover {
+        background-color: transparent;
+      }
+    }
+    .crm-list-item--bordered {
+      border: 1px solid var(--text-n8);
+    }
+    .crm-list-item--focus {
+      background-color: var(--primary-7);
+      .crm-list-item-actions {
+        @apply visible;
+      }
+    }
+    .crm-list-item--active {
+      color: var(--primary-8);
+    }
+  }
+  .crm-list-ghost {
+    opacity: 0.5;
+  }
+</style>
diff --git a/frontend/packages/web/src/components/pure/crm-modal/index.vue b/frontend/packages/web/src/components/pure/crm-modal/index.vue
new file mode 100644
index 0000000..0799f02
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-modal/index.vue
@@ -0,0 +1,136 @@
+<template>
+  <n-modal
+    v-bind="$attrs"
+    v-model:show="showModal"
+    :show-icon="props.showIcon"
+    :preset="props.preset"
+    :auto-focus="false"
+    :class="`crm-modal crm-form-modal crm-modal-${props.size || 'medium'}`"
+    :style="{ width: props.width ? props.width + 'px' : undefined }"
+    @positive-click="positiveClick"
+    @negative-click="negativeClick"
+  >
+    <template #header>
+      <slot name="title">
+        <n-tooltip flip :delay="300" trigger="hover">
+          <template #trigger>
+            <div :class="`crm-modal-title one-line-text ${props.titleClass}`" :style="{ ...props.titleStyle }">
+              {{ props.title }}
+            </div>
+          </template>
+          {{ props.title }}
+        </n-tooltip>
+        <slot name="titleRight"></slot>
+      </slot>
+    </template>
+    <n-scrollbar style="padding-right: 8px; max-height: 70vh">
+      <slot></slot>
+    </n-scrollbar>
+    <template v-if="props.footer" #action>
+      <slot name="footer">
+        <div class="flex w-full items-center justify-between">
+          <slot name="footerLeft"></slot>
+          <slot name="footerRight">
+            <div class="flex flex-1 items-center justify-end gap-[12px]">
+              <n-button
+                :disabled="props.okLoading"
+                v-bind="{ secondary: true, ...props.cancelButtonProps }"
+                @click="negativeClick"
+              >
+                {{ props.negativeText || t('common.cancel') }}
+              </n-button>
+              <n-button
+                v-if="showContinue"
+                :loading="props.okLoading"
+                class="n-btn-outline-primary"
+                type="primary"
+                ghost
+                @click="handleContinue"
+              >
+                {{ t(props.continueText || t('common.saveAndContinue')) }}
+              </n-button>
+              <n-button
+                :loading="props.okLoading"
+                v-bind="{ type: 'primary', ...props.okButtonProps }"
+                @click="positiveClick"
+              >
+                {{ props.positiveText || t('common.confirm') }}
+              </n-button>
+            </div>
+          </slot>
+        </div>
+      </slot>
+    </template>
+  </n-modal>
+</template>
+
+<script setup lang="ts">
+  import { ButtonProps, NButton, NModal, NScrollbar, NTooltip } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  const { t } = useI18n();
+
+  const props = withDefaults(
+    defineProps<{
+      okLoading?: boolean;
+      showIcon?: boolean; // 是否显示icon
+      positiveText?: string; // 确定显示文字
+      negativeText?: string; // 取消显示文字
+      continueText?: string; // 继续按钮显示文字
+      showContinue?: boolean; // 显示继续按钮
+      title?: string; // modal显示的标题
+      preset?: 'dialog' | 'card'; // 预设类型
+      size?: 'small' | 'medium' | 'large'; // 弹窗尺寸
+      afterLeave?: () => boolean;
+      cancelButtonProps?: ButtonProps; // 取消按钮属性
+      okButtonProps?: ButtonProps; // 确定按钮属性
+      titleClass?: string; // 标题类名
+      titleStyle?: Record<string, any>; // 标题样式
+      footer?: boolean; // 是否展示footer
+      width?: number;
+    }>(),
+    {
+      preset: 'dialog',
+      showIcon: false,
+      showContinue: false,
+      footer: true,
+    }
+  );
+
+  const emit = defineEmits<{
+    (e: 'confirm'): void;
+    (e: 'cancel'): void;
+    (e: 'continue'): void;
+  }>();
+
+  const showModal = defineModel<boolean>('show', {
+    required: true,
+    default: false,
+  });
+
+  function negativeClick() {
+    showModal.value = false;
+    emit('cancel');
+  }
+
+  function positiveClick() {
+    emit('confirm');
+  }
+
+  function handleContinue() {
+    emit('continue');
+  }
+</script>
+
+<style>
+  .crm-modal {
+    padding-right: 8px;
+    .n-dialog__action {
+      padding-right: 8px;
+    }
+  }
+  :deep(.n-scrollbar-rail.n-scrollbar-rail--vertical--right) {
+    right: 0;
+  }
+</style>
diff --git a/frontend/packages/web/src/components/pure/crm-more-action/index.vue b/frontend/packages/web/src/components/pure/crm-more-action/index.vue
new file mode 100644
index 0000000..8331261
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-more-action/index.vue
@@ -0,0 +1,295 @@
+<template>
+  <n-dropdown
+    v-if="moreOptions.length"
+    :trigger="props.trigger"
+    :show="isHoverTrigger ? dropdownShow : undefined"
+    :options="moreOptions"
+    :render-label="renderLabel"
+    class="crm-dropdown"
+    :node-props="getNodeProps"
+    :placement="props.placement"
+    size="small"
+    @select="handleSelect"
+    @update-show="handleUpdateShow"
+    @clickoutside="clickOutSide"
+  >
+    <slot>
+      <n-button
+        type="primary"
+        :size="props.size"
+        ghost
+        :class="`crm-more-action--size-${props.size} h-[20px] px-[3px]`"
+        @click.stop="(e) => emit('click', e)"
+      >
+        <template #icon>
+          <CrmIcon type="iconicon_ellipsis" :size="16" class="mt-[1px] text-[var(--primary-8)]" />
+        </template>
+      </n-button>
+    </slot>
+  </n-dropdown>
+</template>
+
+<script setup lang="ts">
+  import { HTMLAttributes } from 'vue';
+  import {
+    DropdownGroupOption,
+    DropdownOption,
+    MenuNodeProps,
+    NButton,
+    NDropdown,
+    NTooltip,
+    PopoverTrigger,
+  } from 'naive-ui';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmPopConfirm, { CrmPopConfirmProps } from '@/components/pure/crm-pop-confirm/index.vue';
+
+  import { hasAllPermission, hasAnyPermission } from '@/utils/permission';
+
+  import type { ActionsItem } from './type';
+
+  const slots = useSlots();
+  const props = withDefaults(
+    defineProps<{
+      options: ActionsItem[];
+      trigger?: PopoverTrigger;
+      nodeProps?: (option: DropdownOption | DropdownGroupOption) => HTMLAttributes;
+      size?: 'tiny' | 'small' | 'medium' | 'large';
+      placement?:
+        | 'top-start'
+        | 'top'
+        | 'top-end'
+        | 'right-start'
+        | 'right'
+        | 'right-end'
+        | 'bottom-start'
+        | 'bottom'
+        | 'bottom-end'
+        | 'left-start'
+        | 'left'
+        | 'left-end';
+    }>(),
+    {
+      placement: 'bottom-start',
+      trigger: 'hover',
+      size: 'small',
+    }
+  );
+
+  const emit = defineEmits<{
+    (e: 'select', currentAction: ActionsItem): void;
+    (e: 'click', event: MouseEvent): void;
+    (e: 'updateShow', show: boolean): void;
+    (e: 'close'): void;
+    (e: 'popSelect', key: string, done?: () => void): void;
+    (e: 'popCancel'): void;
+  }>();
+
+  function handleSelect(key: string | number) {
+    const item = props.options.find((e: ActionsItem) => e.key === key);
+    if (item) {
+      emit('select', item);
+    }
+  }
+
+  // hover模式下手动控制dropdown
+  const dropdownShow = ref(false);
+  const isHoverTrigger = computed(() => props.trigger === 'hover');
+
+  const popShow = ref<Record<string, boolean>>({});
+  const hasPopOpen = computed(() => Object.values(popShow.value).some((v) => v));
+
+  function handleUpdateShow(show: boolean) {
+    emit('updateShow', show);
+
+    if (!isHoverTrigger.value) return;
+
+    // popconfirm打开时，不允许dropdown关闭
+    if (!show && hasPopOpen.value) return;
+
+    dropdownShow.value = show;
+  }
+
+  function cancel() {
+    // 关闭所有弹出框
+    Object.keys(popShow.value).forEach((key) => {
+      popShow.value[key] = false;
+    });
+  }
+
+  function clickOutSide() {
+    emit('close');
+    if (!isHoverTrigger.value) return;
+    dropdownShow.value = false;
+    cancel();
+  }
+
+  function renderLabel(option: DropdownOption) {
+    const icon = option.iconType as string;
+    return h(
+      'div',
+      {
+        class: `crm-dropdown-btn w-full ${option.danger ? ' text-[var(--error-red)]' : ''} ${
+          option.disabled ? 'cursor-not-allowed text-[var(--text-n6)]' : 'cursor-pointer'
+        }`,
+      },
+      {
+        default: () => {
+          const content = [];
+          if (option.render) {
+            content.push(option.render);
+          } else {
+            if (icon) {
+              content.push(
+                h(CrmIcon, {
+                  size: 16,
+                  type: icon,
+                  class: `mr-[4px] ${option.danger ? 'text-[var(--error-red)]' : ''}`,
+                })
+              );
+            }
+
+            // 处理带有popConfirm的情况
+            let labelContent;
+            if (option?.popConfirmProps) {
+              labelContent = h(
+                CrmPopConfirm,
+                {
+                  'show': popShow.value[option.key as string],
+                  ...((option?.popConfirmProps as CrmPopConfirmProps) || {}),
+                  'placement': 'bottom-end',
+                  'onConfirm': () => emit('popSelect', `pop-${option.key}`, cancel),
+                  'onCancel': () => emit('popCancel'),
+                  'onUpdate:show': (val: boolean) => {
+                    popShow.value[option.key as string] = val;
+
+                    // popconfirm 打开时锁住dropdown
+                    if (isHoverTrigger.value && val) {
+                      dropdownShow.value = true;
+                    }
+                  },
+                },
+                {
+                  default: () =>
+                    h(
+                      'div',
+                      {
+                        class: 'flex-1',
+                        onClick: (e: Event) => e.stopPropagation(),
+                      },
+                      option.label as string
+                    ),
+                  content: () => {
+                    const slotName = option.popSlotContent as string;
+                    const slotFn = (slots as any)[slotName];
+                    return slotName && slotFn ? slotFn({ key: option.key }) : null;
+                  },
+                }
+              );
+            } else {
+              labelContent = h('div', { class: 'flex-1' }, option.label as string);
+            }
+            content.push(
+              h(
+                NTooltip,
+                {
+                  delay: 300,
+                  flip: true,
+                  disabled: !option.tooltipContent,
+                  to: 'body',
+                },
+                {
+                  trigger: () => h('div', { class: 'flex-1' }, labelContent),
+                  default: () => option.tooltipContent,
+                }
+              )
+            );
+          }
+          return content;
+        },
+      }
+    );
+  }
+
+  function getNodeProps(option: DropdownOption | DropdownGroupOption) {
+    const baseClass = option?.danger
+      ? 'crm-dropdown-btn hover:bg-[var(--error-5)]'
+      : 'crm-dropdown-btn hover:bg-[var(--primary-7)]';
+
+    if (props.nodeProps) {
+      const nodeHtmlProps: HTMLAttributes =
+        typeof props.nodeProps === 'function' ? props.nodeProps(option) : props.nodeProps;
+
+      return {
+        ...(nodeHtmlProps as MenuNodeProps),
+        class: `${baseClass} ${nodeHtmlProps?.class || ''}`, // 合并 class 并避免空值
+      };
+    }
+
+    return { class: baseClass };
+  }
+
+  function cleanDividers(actions: ActionsItem[]) {
+    const cleaned: ActionsItem[] = [];
+    let prevIsDivider = false;
+
+    actions.forEach((action) => {
+      if (action.type === 'divider') {
+        if (cleaned.length === 0 || prevIsDivider) return;
+        prevIsDivider = true;
+      } else {
+        prevIsDivider = false;
+      }
+      cleaned.push(action);
+    });
+
+    if (cleaned[cleaned.length - 1]?.type === 'divider') {
+      cleaned.pop();
+    }
+
+    return cleaned;
+  }
+
+  const moreOptions = computed(() => {
+    const filtered = props.options.filter((e) =>
+      e.type === 'divider' || e.allPermission ? hasAllPermission(e.permission) : hasAnyPermission(e.permission)
+    );
+    return cleanDividers(filtered);
+  });
+
+  // 初始化
+  watch(
+    () => props.options,
+    (newList) => {
+      newList.forEach((item) => {
+        if (item.popConfirmProps) {
+          popShow.value[item.key as string] = false;
+        }
+      });
+    },
+    { immediate: true }
+  );
+</script>
+
+<style lang="less">
+  .crm-dropdown-btn {
+    padding: 0 8px;
+    min-width: 60px;
+    height: 30px;
+    @apply flex items-center rounded;
+    .n-dropdown-option-body {
+      @apply w-full;
+    }
+  }
+  .crm-more-action--size {
+    &-small {
+      padding: 3px !important;
+    }
+    &-medium {
+      padding: 7px !important;
+    }
+    &-large {
+      padding: 10px !important;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/pure/crm-more-action/type.ts b/frontend/packages/web/src/components/pure/crm-more-action/type.ts
new file mode 100644
index 0000000..c48d977
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-more-action/type.ts
@@ -0,0 +1,20 @@
+import { CrmPopConfirmProps } from '@/components/pure/crm-pop-confirm/index.vue';
+
+import { DropdownOption } from 'naive-ui/es/dropdown/src/interface';
+
+export type ActionsItem = {
+  label?: string; // 名称
+  key?: string; // 事件标识
+  type?: 'divider'; // 是否分割线，true 的话只展示分割线，没有其他内容
+  danger?: boolean; // 是否危险操作，true 的话会显示红色按钮
+  disabled?: boolean; // 是否禁用
+  iconType?: string; // 按钮图标
+  permission?: string[]; // 权限标识
+  popShow?: boolean;
+  popConfirmProps?: CrmPopConfirmProps;
+  tooltipContent?: string;
+  popSlotContent?: string; // 气泡内容插槽
+  anyPermission?: string[];
+} & DropdownOption;
+
+export type SelectedValue = string | number | Record<string, any> | undefined;
diff --git a/frontend/packages/web/src/components/pure/crm-name-tooltip/index.vue b/frontend/packages/web/src/components/pure/crm-name-tooltip/index.vue
new file mode 100644
index 0000000..90a5393
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-name-tooltip/index.vue
@@ -0,0 +1,20 @@
+<template>
+  <NTooltip v-if="text" :delay="300" flip :disabled="!text">
+    <template #trigger>
+      <div class="flex items-center gap-[8px] overflow-hidden">
+        <slot name="prefix"></slot>
+        <div class="one-line-text h-full min-w-0 max-w-full items-center">
+          {{ text }}
+        </div>
+      </div>
+    </template>
+    {{ text }}
+  </NTooltip>
+  <span v-else>-</span>
+</template>
+
+<script setup lang="ts">
+  import { NTooltip } from 'naive-ui';
+
+  defineProps<{ text?: string }>();
+</script>
diff --git a/frontend/packages/web/src/components/pure/crm-pagination/index.vue b/frontend/packages/web/src/components/pure/crm-pagination/index.vue
new file mode 100644
index 0000000..f86b261
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-pagination/index.vue
@@ -0,0 +1,139 @@
+<template>
+  <div
+    :class="`crm-pagination--${props.size} flex items-center ${
+      props.showTotal ? 'justify-between' : 'justify-end'
+    } py-[12px]`"
+  >
+    <div v-if="props.checkedCount" class="flex items-center gap-[4px]">
+      <div>{{ t('crmPagination.checked') }}</div>
+      <div class="text-[var(--primary-8)]">{{ props.checkedCount }}</div>
+      <div>{{ t('crmPagination.item') }}</div>
+    </div>
+    <div v-else v-show="props.showTotal" class="total text-[var(--text-n2)]">
+      {{ t('crmPagination.total', { count: props.itemCount }) }}
+    </div>
+    <div class="mr-auto flex items-center">
+      <slot></slot>
+    </div>
+    <n-pagination
+      v-if="!props.hidePagination"
+      v-model:page="page"
+      v-model:page-size="pageSize"
+      :size="props.size"
+      :item-count="props.itemCount"
+      :display-order="displayOrder"
+      :show-size-picker="props.showSizePicker"
+      :page-sizes="pageSizes"
+      :page-slot="props.pageSlot"
+      :show-quick-jumper="props.showQuickJumper"
+      @update:page="handlePageChange"
+      @update:page-size="handlePageSizeChange"
+    >
+      <template #prev>
+        <CrmIcon type="iconicon_chevron_left" :size="16" />
+      </template>
+      <template #next>
+        <CrmIcon type="iconicon_chevron_right" :size="16" />
+      </template>
+      <template #goto>
+        {{ t('crmPagination.goto') }}
+      </template>
+      <template v-if="props.showQuickJumper || isSimple" #suffix>
+        / {{ totalPages }} {{ t('crmPagination.page') }}
+      </template>
+    </n-pagination>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { NPagination, PaginationSizeOption } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  export interface CrmPaginationProps {
+    itemCount?: number;
+    size?: 'small' | 'medium' | 'large';
+    showSizePicker?: boolean;
+    showQuickJumper?: boolean;
+    showTotal?: boolean;
+    isSimple?: boolean;
+    pageSlot?: number;
+    checkedCount?: number;
+    hidePagination?: boolean;
+  }
+
+  const props = withDefaults(defineProps<CrmPaginationProps>(), {
+    size: 'medium',
+    showSizePicker: true,
+    showQuickJumper: true,
+    showTotal: true,
+    isSimple: false,
+    pageSlot: 6,
+  });
+  const emit = defineEmits<{
+    (e: 'handlePageChange', value: number): void;
+    (e: 'handlePageSizeChange', value: number): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const page = defineModel<number>('page');
+  const pageSize = defineModel<number>('pageSize');
+
+  // 计算总页数
+  const totalPages = computed(() => {
+    return Math.ceil((props.itemCount || 0) / (pageSize.value || 10));
+  });
+
+  const displayOrder = computed<Array<'pages' | 'size-picker' | 'quick-jumper'>>(() => {
+    const order: Array<'pages' | 'size-picker' | 'quick-jumper'> = [];
+    if (props.showSizePicker) {
+      order.push('size-picker');
+    }
+    if (!props.isSimple) {
+      order.push('pages');
+    }
+    if (props.showQuickJumper || props.isSimple) {
+      order.push('quick-jumper');
+    }
+    return order;
+  });
+
+  const pageSizes = ref<PaginationSizeOption[]>([
+    {
+      label: t('crmPagination.pageSizes', { count: 10 }),
+      value: 10,
+    },
+    {
+      label: t('crmPagination.pageSizes', { count: 20 }),
+      value: 20,
+    },
+    {
+      label: t('crmPagination.pageSizes', { count: 30 }),
+      value: 30,
+    },
+    {
+      label: t('crmPagination.pageSizes', { count: 40 }),
+      value: 40,
+    },
+    {
+      label: t('crmPagination.pageSizes', { count: 50 }),
+      value: 50,
+    },
+  ]);
+
+  function handlePageChange(value: number) {
+    emit('handlePageChange', value);
+  }
+  function handlePageSizeChange(value: number) {
+    emit('handlePageSizeChange', value);
+  }
+</script>
+
+<style lang="less">
+  .crm-pagination--small {
+    .total {
+      font-size: 14px;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/pure/crm-pagination/locale/en-US.ts b/frontend/packages/web/src/components/pure/crm-pagination/locale/en-US.ts
new file mode 100644
index 0000000..19b6de5
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-pagination/locale/en-US.ts
@@ -0,0 +1,8 @@
+export default {
+  'crmPagination.pageSizes': '{count} items/page',
+  'crmPagination.goto': 'Goto',
+  'crmPagination.total': 'Total {count} items',
+  'crmPagination.page': 'page',
+  'crmPagination.checked': 'Checked',
+  'crmPagination.item': 'items',
+};
diff --git a/frontend/packages/web/src/components/pure/crm-pagination/locale/zh-CN.ts b/frontend/packages/web/src/components/pure/crm-pagination/locale/zh-CN.ts
new file mode 100644
index 0000000..8d02267
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-pagination/locale/zh-CN.ts
@@ -0,0 +1,8 @@
+export default {
+  'crmPagination.pageSizes': '{count} 条/页',
+  'crmPagination.goto': '跳至',
+  'crmPagination.total': '共 {count} 条',
+  'crmPagination.page': '页',
+  'crmPagination.checked': '已选',
+  'crmPagination.item': '条',
+};
diff --git a/frontend/packages/web/src/components/pure/crm-pop-confirm/index.vue b/frontend/packages/web/src/components/pure/crm-pop-confirm/index.vue
new file mode 100644
index 0000000..dfef5c4
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-pop-confirm/index.vue
@@ -0,0 +1,212 @@
+<template>
+  <n-popconfirm
+    v-model:show="show"
+    class="crm-pop-confirm-wrapper"
+    :show-icon="false"
+    flip
+    arrow-point-to-center
+    :show-arrow="props.showArrow"
+    :negative-text="props.negativeText"
+    :positive-text="props.positiveText"
+    :placement="props.placement"
+    :trigger="props.trigger"
+    :disabled="props.disabled"
+    @positive-click="handlePositiveClick"
+    @negative-click="handleNegativeClick"
+  >
+    <template #trigger>
+      <template v-if="hasAnyPermission(props.permission)">
+        <slot></slot>
+      </template>
+      <template v-else>
+        <span class="hidden"></span>
+      </template>
+    </template>
+    <template #default>
+      <div v-permission="props.permission" class="crm-pop-confirm-content-wrapper">
+        <slot name="title">
+          <div class="crm-pop-confirm-title">
+            <div class="one-line-text flex items-center">
+              <CrmIcon
+                v-if="showIcon"
+                :class="`crm-pop-confirm-icon-${props.iconType} mr-[8px]`"
+                type="iconicon_info_circle_filled"
+                :size="20"
+              />
+              <div class="one-line-text">{{ props.title }}</div>
+            </div>
+            <CrmIcon
+              v-if="props.showClose"
+              class="cursor-pointer text-[var(--text-n2)]"
+              type="iconicon_close"
+              :size="16"
+              @click="() => (show = false)"
+            />
+          </div>
+        </slot>
+        <slot name="content">
+          <div class="crm-pop-confirm-content">{{ props.content }}</div>
+        </slot>
+      </div>
+    </template>
+    <template #action>
+      <div class="flex items-center justify-end">
+        <n-button
+          v-if="props.negativeText"
+          :disabled="props.loading"
+          v-bind="cancelButtonProps"
+          @click="handleNegativeClick"
+        >
+          {{ t(props.negativeText) }}
+        </n-button>
+        <n-button
+          v-if="props.positiveText"
+          :loading="props.loading"
+          v-bind="okButtonProps"
+          @click="handlePositiveClick"
+        >
+          {{ t(props.positiveText) }}
+        </n-button>
+      </div>
+    </template>
+  </n-popconfirm>
+</template>
+
+<script setup lang="ts">
+  import { ButtonProps, NButton, NPopconfirm } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const { t } = useI18n();
+
+  export type CrmPopConfirmIconType = 'error' | 'warning' | 'primary';
+
+  export type CrmPopConfirmProps = {
+    loading?: boolean;
+    title: string; // 标题
+    content?: string; // 内容
+    iconType?: CrmPopConfirmIconType; // 图标类型
+    negativeButtonProps?: ButtonProps; // 取消按钮文字
+    positiveButtonProps?: ButtonProps; // 确定按钮的属性
+    positiveText?: string | null; // 确定按钮文本
+    negativeText?: string | null; // 取消按钮文本
+    showIcon?: boolean; // 显示icon
+    showArrow?: boolean;
+    showClose?: boolean; // 是否显示关闭
+    placement?:
+      | 'top-start'
+      | 'top'
+      | 'top-end'
+      | 'right-start'
+      | 'right'
+      | 'right-end'
+      | 'bottom-start'
+      | 'bottom'
+      | 'bottom-end'
+      | 'left-start'
+      | 'left'
+      | 'left-end';
+    permission?: string[]; // 权限
+    trigger?: 'hover' | 'click' | 'focus'; // 触发方式
+    disabled?: boolean;
+  };
+
+  const props = withDefaults(defineProps<CrmPopConfirmProps>(), {
+    iconType: 'error',
+    positiveText: 'common.remove',
+    negativeText: 'common.cancel',
+    showIcon: true,
+    showArrow: true,
+    permission: () => [],
+    trigger: 'click',
+  });
+
+  const emit = defineEmits<{
+    (e: 'confirm', close: () => void): void;
+    (e: 'cancel'): void;
+  }>();
+
+  const show = defineModel<boolean>('show', {
+    default: false,
+  });
+
+  // 默认确定按钮属性
+  const defaultPositiveProps: ButtonProps = {
+    type: 'primary',
+    size: 'small',
+  };
+
+  // 默认取消按钮属性
+  const defaultNegativeProps: ButtonProps = {
+    secondary: true,
+    size: 'small',
+  };
+
+  function handleNegativeClick() {
+    show.value = false;
+    emit('cancel');
+  }
+
+  function handlePositiveClick() {
+    emit('confirm', () => {
+      show.value = false;
+    });
+  }
+
+  const okButtonProps = computed(() => {
+    return {
+      ...defaultPositiveProps,
+      ...props.positiveButtonProps,
+    };
+  });
+
+  const cancelButtonProps = computed(() => {
+    return {
+      ...defaultNegativeProps,
+      ...props.negativeButtonProps,
+    };
+  });
+</script>
+
+<style scoped lang="less">
+  .crm-pop-confirm-icon {
+    &-primary {
+      color: var(--primary-8);
+    }
+    &-error {
+      color: var(--error-red);
+    }
+    &-warning {
+      color: var(--warning-yellow);
+    }
+  }
+</style>
+
+<style lang="less">
+  .crm-pop-confirm-wrapper {
+    padding: 16px !important;
+    .crm-pop-confirm-content-wrapper {
+      min-width: 128px;
+      max-width: 368px;
+      @apply w-full;
+      .crm-pop-confirm-title {
+        font-size: 14px;
+        color: var(--text-n1);
+        @apply flex items-center justify-between font-semibold;
+      }
+      .crm-pop-confirm-content {
+        padding: 8px 16px 16px 28px;
+        font-size: 12px;
+        color: var(--text-n2);
+      }
+      .n-form-item:last-of-type {
+        .n-form-item-feedback-wrapper {
+          height: 16px !important;
+          min-height: 16px !important;
+        }
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/pure/crm-remove-button/index.vue b/frontend/packages/web/src/components/pure/crm-remove-button/index.vue
new file mode 100644
index 0000000..81ee041
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-remove-button/index.vue
@@ -0,0 +1,76 @@
+<template>
+  <CrmPopConfirm
+    v-model:show="showModal"
+    :permission="props.permission"
+    :title="props.title"
+    :content="props.content"
+    :loading="props.loading"
+    :icon-type="props.iconType"
+    :placement="props.placement || 'bottom-end'"
+    @confirm="handleConfirm"
+    @cancel="handleCancel"
+    @update:show="updateShow"
+  >
+    <slot>
+      <n-button text type="primary" @click="handleRemove">
+        {{ t('common.remove') }}
+      </n-button>
+    </slot>
+  </CrmPopConfirm>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { NButton } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmPopConfirm from '@/components/pure/crm-pop-confirm/index.vue';
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    loading: boolean;
+    title: string; // 标题
+    content: string; // 内容
+    iconType?: 'error' | 'warning' | 'primary'; // 图标类型
+    placement?:
+      | 'top-start'
+      | 'top'
+      | 'top-end'
+      | 'right-start'
+      | 'right'
+      | 'right-end'
+      | 'bottom-start'
+      | 'bottom'
+      | 'bottom-end'
+      | 'left-start'
+      | 'left'
+      | 'left-end';
+    permission?: string[]; // 权限
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'confirm', cancel: () => void): void;
+  }>();
+
+  const showModal = ref<boolean>(false);
+
+  function handleCancel() {
+    showModal.value = false;
+  }
+
+  function handleConfirm() {
+    emit('confirm', handleCancel);
+  }
+
+  function handleRemove() {
+    showModal.value = true;
+  }
+
+  function updateShow(val: boolean) {
+    showModal.value = val;
+  }
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/components/pure/crm-search-input/index.vue b/frontend/packages/web/src/components/pure/crm-search-input/index.vue
new file mode 100644
index 0000000..e7dfb16
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-search-input/index.vue
@@ -0,0 +1,67 @@
+<template>
+  <n-input
+    v-model:value="keyword"
+    :placeholder="t(props.placeholder || 'common.searchByName')"
+    clearable
+    :class="props.class || '!w-[240px]'"
+    @keydown="handleKeyDown"
+    @input="handleInput"
+    @clear="() => emit('search', '')"
+    @compositionstart="handleCompositionStart"
+    @compositionend="handleCompositionEnd"
+  >
+    <template #suffix>
+      <n-icon class="cursor-pointer" @click="emit('search', keyword)">
+        <Search />
+      </n-icon>
+    </template>
+  </n-input>
+</template>
+
+<script setup lang="ts">
+  import { NIcon, NInput } from 'naive-ui';
+  import { Search } from '@vicons/ionicons5';
+  import { debounce } from 'lodash-es';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  const props = defineProps<{
+    autoSearch?: boolean;
+    debounceTime?: number;
+    placeholder?: string;
+    class?: string;
+  }>();
+  const emit = defineEmits<{
+    (e: 'search', value: string): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const keyword = defineModel<string>('value', {
+    required: true,
+  });
+
+  const isComposing = ref(false);
+  function handleCompositionStart() {
+    isComposing.value = true;
+  }
+
+  function handleCompositionEnd() {
+    isComposing.value = false;
+  }
+
+  function handleKeyDown(e: KeyboardEvent) {
+    // 防止autoSearch开启后，中文输入法下回车emit两次
+    if (e.key === 'Enter' && !props.autoSearch && !isComposing.value) {
+      emit('search', keyword.value);
+    }
+  }
+
+  const handleInput = debounce(() => {
+    if (props.autoSearch) {
+      emit('search', keyword.value);
+    }
+  }, props.debounceTime || 300);
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/pure/crm-split-panel/index.vue b/frontend/packages/web/src/components/pure/crm-split-panel/index.vue
new file mode 100644
index 0000000..0e715a6
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-split-panel/index.vue
@@ -0,0 +1,136 @@
+<template>
+  <n-split
+    v-model:size="size"
+    direction="horizontal"
+    :max="props.max"
+    :min="props.min"
+    :class="isExpandAnimating ? 'n-split-panel--animating' : ''"
+    :disabled="props.disabled"
+  >
+    <template #1>
+      <div
+        v-if="(props.collapseSide ?? 'right') === 'right'"
+        :class="['n-split__resize-trigger-icon', 'n-split__resize-trigger-icon--right']"
+        @click.stop="changeSplit"
+      >
+        <CrmIconFont :type="collapsed ? 'iconicon_page_first' : 'iconicon_page_last'" />
+      </div>
+      <slot name="1"></slot>
+    </template>
+    <template #2>
+      <div
+        v-if="(props.collapseSide ?? 'right') === 'left'"
+        :class="['n-split__resize-trigger-icon', 'n-split__resize-trigger-icon--left']"
+        @click.stop="changeSplit"
+      >
+        <CrmIconFont :type="collapsed ? 'iconicon_page_last' : 'iconicon_page_first'" />
+      </div>
+      <slot name="2"></slot>
+    </template>
+  </n-split>
+</template>
+
+<script setup lang="ts">
+  import { NSplit } from 'naive-ui';
+
+  import CrmIconFont from '@/components/pure/crm-icon-font/index.vue';
+
+  const props = withDefaults(
+    defineProps<{
+      defaultSize: number | string;
+      max: number | string;
+      min: number | string;
+      disabled?: boolean;
+      collapseSide?: 'left' | 'right';
+    }>(),
+    {
+      collapseSide: 'left',
+    }
+  );
+
+  const size = defineModel<number | string>('size', {
+    default: 0.25,
+  });
+  const collapsed = ref(false);
+  const isExpandAnimating = ref(false);
+
+  watch(
+    () => size.value,
+    (val) => {
+      if (props.collapseSide === 'right') {
+        collapsed.value = val === 1;
+      } else {
+        collapsed.value = val === 0;
+      }
+    }
+  );
+
+  function changeSplit() {
+    isExpandAnimating.value = true;
+    collapsed.value = !collapsed.value;
+    if (collapsed.value) {
+      size.value = props.collapseSide === 'right' ? 1 : 0;
+    } else {
+      size.value = props.defaultSize || 0.25;
+    }
+    // 动画结束，去掉动画类
+    setTimeout(() => {
+      isExpandAnimating.value = false;
+    }, 300);
+  }
+
+  const spliticonleft = computed(() => {
+    if (props.collapseSide === 'right') {
+      return collapsed.value
+        ? 'calc(100% - 15px)'
+        : `calc(${typeof size.value === 'number' ? `${size.value * 100}%` : size.value} - 15px)`;
+    }
+    return collapsed.value
+      ? '0px'
+      : `calc(${typeof size.value === 'number' ? `${size.value * 100}%` : size.value} - 1px)`;
+  });
+</script>
+
+<style lang="less">
+  .n-split__resize-trigger-wrapper {
+    .n-split__resize-trigger {
+      width: 1px !important;
+      height: 100%;
+      background-color: var(--text-n8);
+    }
+    &:hover {
+      .n-split__resize-trigger {
+        width: 3px !important;
+      }
+    }
+  }
+  .n-split__resize-trigger-icon {
+    @apply absolute flex cursor-pointer items-center justify-center;
+
+    top: 28px;
+    left: v-bind(spliticonleft);
+    z-index: 999;
+    width: 14px;
+    height: 24px;
+    border: 1px solid var(--text-n8);
+    color: var(--text-n2);
+    background-color: var(--text-n10);
+  }
+  .n-split__resize-trigger-icon--right {
+    border-right: 0;
+    border-radius: var(--border-radius-mini) 0 0 var(--border-radius-mini);
+  }
+  .n-split__resize-trigger-icon--left {
+    border-left: 0;
+    border-radius: var(--border-radius-mini) 0 0 var(--border-radius-mini);
+  }
+  .n-split-panel--animating {
+    .n-split-pane-1,
+    .n-split-pane-2 {
+      transition: flex 0.3s ease;
+    }
+    .n-split__resize-trigger-icon {
+      transition: left 0.3s ease;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/pure/crm-svg/index.vue b/frontend/packages/web/src/components/pure/crm-svg/index.vue
new file mode 100644
index 0000000..4e72226
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-svg/index.vue
@@ -0,0 +1,33 @@
+<script setup lang="ts">
+  import { computed } from 'vue';
+
+  interface Props {
+    name: string;
+    color?: string;
+    width?: string;
+    height?: string;
+  }
+  const props = withDefaults(defineProps<Props>(), {
+    name: '',
+    color: '#000',
+    width: '16px',
+    height: '16px',
+  });
+  const iconName = computed(() => `#icon-${props.name}`);
+</script>
+
+<template>
+  <svg class="c-icon" aria-hidden="true">
+    <use :xlink:href="iconName" :fill="color" />
+  </svg>
+</template>
+
+<style scoped lang="less">
+  .c-icon {
+    @apply relative;
+
+    width: v-bind(width);
+    height: v-bind(height);
+    color: transparent; // 解决部分图标线条填充色问题
+  }
+</style>
diff --git a/frontend/packages/web/src/components/pure/crm-sys-upgrade-tip/index.vue b/frontend/packages/web/src/components/pure/crm-sys-upgrade-tip/index.vue
new file mode 100644
index 0000000..b91859c
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-sys-upgrade-tip/index.vue
@@ -0,0 +1,22 @@
+<template>
+  <div class="flex items-center gap-[12px]">
+    <div class="text-[var(--color-text-1)]">{{ t('crm.sys.upgrade.tip.content') }} </div>
+    <n-button type="primary" text class="text-btn-primary text-[var(--primary-8)]" @click="refresh">
+      {{ t('common.refresh') }}
+    </n-button>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { NButton } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  const { t } = useI18n();
+
+  function refresh() {
+    window.location.reload();
+  }
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/pure/crm-sys-upgrade-tip/locale/en-US.ts b/frontend/packages/web/src/components/pure/crm-sys-upgrade-tip/locale/en-US.ts
new file mode 100644
index 0000000..126ded9
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-sys-upgrade-tip/locale/en-US.ts
@@ -0,0 +1,3 @@
+export default {
+  'crm.sys.upgrade.tip.content': 'The system has been updated, please refresh the page',
+};
diff --git a/frontend/packages/web/src/components/pure/crm-sys-upgrade-tip/locale/zh-CN.ts b/frontend/packages/web/src/components/pure/crm-sys-upgrade-tip/locale/zh-CN.ts
new file mode 100644
index 0000000..c0dc02a
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-sys-upgrade-tip/locale/zh-CN.ts
@@ -0,0 +1,3 @@
+export default {
+  'crm.sys.upgrade.tip.content': '系统已更新，请刷新页面',
+};
diff --git a/frontend/packages/web/src/components/pure/crm-tab/index.vue b/frontend/packages/web/src/components/pure/crm-tab/index.vue
new file mode 100644
index 0000000..7309d7a
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-tab/index.vue
@@ -0,0 +1,75 @@
+<template>
+  <n-tabs
+    v-model:value="activeTab"
+    :type="props.type"
+    :size="props.size"
+    :class="`${props.noContent ? 'no-content' : ''}`"
+    :bar-width="props.barWidth"
+    @update:value="handleChange"
+    @before-leave="handleBeforeLeave"
+  >
+    <n-tab-pane v-for="item of showTabs" :key="item.name" :name="item.name as string" :tab="item.tab">
+      <slot :name="item.name" />
+    </n-tab-pane>
+    <template v-if="$slots.suffix" #suffix>
+      <slot name="suffix" />
+    </template>
+  </n-tabs>
+</template>
+
+<script setup lang="ts">
+  import { NTabPane, NTabs, TabPaneProps } from 'naive-ui';
+
+  import { hasAnyPermission } from '@/utils/permission';
+
+  export interface CrmTabListItem extends TabPaneProps {
+    permission?: string[];
+  }
+
+  const props = withDefaults(
+    defineProps<{
+      tabList: CrmTabListItem[];
+      type?: 'bar' | 'line' | 'card' | 'segment';
+      size?: 'small' | 'medium' | 'large';
+      noContent?: boolean;
+      barWidth?: number;
+      beforeLeave?: (newVal: string | number, oldVal: string | number | null) => boolean | Promise<boolean>;
+    }>(),
+    {
+      size: 'medium',
+    }
+  );
+
+  const activeTab = defineModel<string | number>('activeTab', {
+    default: '',
+  });
+
+  const emit = defineEmits<{
+    (e: 'change', value: string | number): void;
+  }>();
+
+  const showTabs = computed(() => {
+    return props.tabList.filter((item) => {
+      if (item.permission) {
+        return hasAnyPermission(item.permission);
+      }
+      return true;
+    });
+  });
+
+  function handleChange(value: string | number) {
+    emit('change', value);
+  }
+
+  function handleBeforeLeave(name: string | number, oldName: string | number | null) {
+    return props?.beforeLeave ? props?.beforeLeave(name, oldName) : true;
+  }
+</script>
+
+<style lang="less" scoped>
+  .no-content {
+    :deep(.n-tab-pane) {
+      padding: 0;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/pure/crm-table-button/index.vue b/frontend/packages/web/src/components/pure/crm-table-button/index.vue
new file mode 100644
index 0000000..ddbf3d2
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-table-button/index.vue
@@ -0,0 +1,26 @@
+<template>
+  <n-tooltip trigger="hover" :delay="300">
+    <template #trigger>
+      <n-button type="primary" text class="max-w-full" :size="props.size" :class="props.class" @click="emit('click')">
+        <div class="one-line-text w-[fit-content]">
+          <slot name="trigger"></slot>
+        </div>
+      </n-button>
+    </template>
+    <slot></slot>
+  </n-tooltip>
+</template>
+
+<script setup lang="ts">
+  import { NButton, NTooltip } from 'naive-ui';
+
+  const props = defineProps<{
+    class?: string;
+    size?: 'tiny' | 'small' | 'medium' | 'large';
+  }>();
+  const emit = defineEmits<{
+    (e: 'click'): void;
+  }>();
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/components/pure/crm-table/components/batchAction.vue b/frontend/packages/web/src/components/pure/crm-table/components/batchAction.vue
new file mode 100644
index 0000000..7d321bd
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-table/components/batchAction.vue
@@ -0,0 +1,211 @@
+<template>
+  <div ref="batchActionWrapperRef" :class="`mb-[16px] flex w-full flex-nowrap items-center justify-between gap-[12px]`">
+    <div ref="batchActionLeftSlotRef">
+      <slot name="actionLeft"></slot>
+    </div>
+
+    <div
+      v-if="props.selectRowCount > 0"
+      ref="actionContainerRef"
+      class="flex flex-grow flex-nowrap items-center gap-[12px]"
+    >
+      <n-button
+        v-for="item in baseAction"
+        :key="item.key"
+        :type="item.danger ? 'error' : 'primary'"
+        :size="props.size"
+        ghost
+        :class="`n-btn-outline-${item.danger ? 'error' : 'primary'}`"
+        @click="handleSelect(item)"
+      >
+        {{ item.label }}
+      </n-button>
+      <div v-if="moreAction.length" ref="moreButtonRef" :class="`${moreActionClass}`">
+        <CrmMoreAction :options="moreAction" :size="props.size" @select="handleMoreSelect" />
+      </div>
+      <div ref="selectCountRef" class="flex flex-nowrap items-center gap-[4px]" :class="selectCountClass">
+        <div class="whitespace-nowrap">{{ t('crmPagination.checked') }}</div>
+        <div class="whitespace-nowrap text-[var(--primary-8)]">{{ props.selectRowCount }}</div>
+        <div>{{ t('crmPagination.item') }}</div>
+      </div>
+      <n-button
+        v-if="moreAction?.length || baseAction.length"
+        ref="clearButtonRef"
+        :size="props.size"
+        quaternary
+        type="primary"
+        :class="`text-btn-primary ${clearBtnClass}`"
+        @click="emit('clear')"
+      >
+        {{ t('common.clear') }}
+      </n-button>
+    </div>
+
+    <div ref="batchActionRightSlotRef">
+      <slot name="actionRight"></slot>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { NButton } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmMoreAction from '@/components/pure/crm-more-action/index.vue';
+  import { ActionsItem } from '@/components/pure/crm-more-action/type';
+
+  import { hasAllPermission, hasAnyPermission } from '@/utils/permission';
+
+  import { BatchActionConfig } from '../type';
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    selectRowCount: number;
+    actionConfig?: BatchActionConfig;
+    size?: 'small' | 'medium' | 'large';
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'batchAction', value: ActionsItem): void;
+    (e: 'clear'): void;
+  }>();
+
+  const baseAction = ref<ActionsItem[]>([]);
+  const moreAction = ref<ActionsItem[]>([]);
+  const originalBaseAction = ref<ActionsItem[]>([]);
+  const originalMoreAction = ref<ActionsItem[]>([]);
+
+  // 存储所有的action
+  const allAction = ref<ActionsItem[]>([]);
+  const refResizeObserver = ref<ResizeObserver>();
+
+  const moreActionLength = ref<number>(0);
+  const actionContainerRef = ref<HTMLElement>();
+
+  const handleMoreActionLength = () => {
+    moreActionLength.value = moreAction.value.length;
+  };
+
+  const moreActionClass = 'crm-batch-action-more-button';
+  const clearBtnClass = 'crm-batch-clear-button';
+  const selectCountClass = 'crm-select-count';
+
+  const batchActionWrapperRef = ref();
+  const moreButtonRef = ref();
+  const clearButtonRef = ref();
+  const batchActionLeftSlotRef = ref();
+  const batchActionRightSlotRef = ref();
+  const selectCountRef = ref();
+
+  // 计算容器元素宽度
+  function calculateWidths() {
+    const wrapperWidth = batchActionWrapperRef.value?.clientWidth || 0;
+    const moreButtonWidth = moreButtonRef.value?.clientWidth || 0;
+    const clearButtonWidth = clearButtonRef.value?.clientWidth || 0;
+    const leftContentWidth = batchActionLeftSlotRef.value?.clientWidth || 0;
+    const rightContentWidth = batchActionRightSlotRef.value?.clientWidth || 0;
+    const selectCountWidth = selectCountRef.value?.clientWidth || 0;
+    return { wrapperWidth, moreButtonWidth, clearButtonWidth, leftContentWidth, rightContentWidth, selectCountWidth };
+  }
+
+  const filterActionList = (list: ActionsItem[] = []) =>
+    list.filter((e) => hasAllPermission(e.permission) && hasAnyPermission(e?.anyPermission));
+
+  function estimateButtonWidth(action: ActionsItem): number {
+    const baseWidth = 60;
+    const charWidth = 8;
+    return baseWidth + (action.label?.length ?? 0) * charWidth;
+  }
+
+  const computedLastVisibleIndex = () => {
+    if (!actionContainerRef.value) return;
+
+    const gapDis = 12;
+
+    const { wrapperWidth, moreButtonWidth, clearButtonWidth, leftContentWidth, rightContentWidth, selectCountWidth } =
+      calculateWidths();
+
+    // 固定内容宽度（slot、清除按钮、已选择数量、more按钮预留）
+    const fixedWidth =
+      leftContentWidth + rightContentWidth + clearButtonWidth + selectCountWidth + moreButtonWidth + gapDis * 5;
+
+    const availableWidth = wrapperWidth - fixedWidth;
+
+    let totalWidth = 0;
+    let lastVisibleIndex = -1;
+
+    for (let i = 0; i < originalBaseAction.value.length; i++) {
+      const currentAction = originalBaseAction.value[i] as ActionsItem;
+      const buttonWidth = estimateButtonWidth(currentAction) + gapDis;
+      if (totalWidth + buttonWidth <= availableWidth - 24) {
+        totalWidth += buttonWidth;
+        lastVisibleIndex = i;
+      } else {
+        break;
+      }
+    }
+
+    baseAction.value = originalBaseAction.value.slice(0, lastVisibleIndex + 1);
+    moreAction.value = [...originalBaseAction.value.slice(lastVisibleIndex + 1), ...originalMoreAction.value];
+
+    handleMoreActionLength();
+  };
+
+  function handleSelect(item: ActionsItem) {
+    emit('batchAction', item);
+  }
+
+  function handleMoreSelect(item: ActionsItem) {
+    handleSelect(item);
+  }
+
+  watch(
+    () => props.actionConfig,
+    (newVal) => {
+      if (newVal) {
+        const newBaseAction = filterActionList(newVal.baseAction);
+        const newMoreAction = filterActionList(newVal.moreAction ?? []);
+
+        allAction.value = [...newBaseAction, ...newMoreAction];
+        baseAction.value = [...newBaseAction];
+        moreAction.value = [...newMoreAction];
+        originalBaseAction.value = [...newBaseAction];
+        originalMoreAction.value = [...newMoreAction];
+        nextTick(() => {
+          computedLastVisibleIndex();
+        });
+      }
+    },
+    { immediate: true }
+  );
+
+  watch(
+    () => props.selectRowCount,
+    (val) => {
+      if (val) {
+        nextTick(() => {
+          computedLastVisibleIndex();
+        });
+      }
+    }
+  );
+
+  onMounted(() => {
+    refResizeObserver.value = new ResizeObserver((entries: ResizeObserverEntry[]) => {
+      entries.forEach(computedLastVisibleIndex);
+    });
+
+    if (batchActionWrapperRef.value) {
+      refResizeObserver.value.observe(batchActionWrapperRef.value);
+    }
+  });
+
+  onUnmounted(() => {
+    refResizeObserver.value?.disconnect();
+  });
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/components/pure/crm-table/components/columnSetting.vue b/frontend/packages/web/src/components/pure/crm-table/components/columnSetting.vue
new file mode 100644
index 0000000..e4008e1
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-table/components/columnSetting.vue
@@ -0,0 +1,342 @@
+<template>
+  <n-popover
+    v-model:show="popoverVisible"
+    trigger="click"
+    placement="bottom-end"
+    class="crm-table-column-setting-popover"
+    @update:show="handleUpdateShow"
+  >
+    <template #trigger>
+      <n-button
+        :ghost="popoverVisible"
+        :type="popoverVisible ? 'primary' : 'default'"
+        :disabled="disabled"
+        class="outline--secondary px-[8px]"
+      >
+        <CrmIcon
+          type="iconicon_set_up"
+          :class="`cursor-pointer ${popoverVisible ? 'text-[var(--primary-8)]' : ''}`"
+          :size="16"
+        />
+      </n-button>
+    </template>
+    <div class="mb-[4px] p-[8px]">
+      <n-radio-group v-model:value="layoutType" name="layoutType" size="small">
+        <n-radio-button v-for="e in layoutTypeList" :key="e.value" :value="e.value" :label="e.label" />
+      </n-radio-group>
+    </div>
+    <n-scrollbar class="my-[4px] max-h-[416px] max-w-[250px] px-[4px]">
+      <div v-if="layoutType === 'columnHeaderSet'">
+        <div class="mb-[4px] flex h-[24px] items-center justify-between pr-[8px] text-[12px]">
+          <div class="one-line-text font-medium text-[var(--text-n1)]">
+            {{ t('crmTable.columnSetting.tableHeaderDisplaySettings') }}
+          </div>
+          <n-button text type="primary" size="tiny" :disabled="!hasChange" @click="handleReset">
+            {{ t('crmTable.columnSetting.resetDefault') }}
+          </n-button>
+        </div>
+        <div
+          v-for="element in notAllowSortCachedColumns"
+          :key="element.key"
+          class="crm-table-column-setting-item pr-[8px]"
+        >
+          <div class="flex flex-1 items-center gap-[8px] overflow-hidden">
+            <CrmIcon type="iconicon_move" class="cursor-not-allowed text-[var(--text-n6)]" :size="12" />
+            <CrmIcon
+              :type="element.fixed ? 'iconicon_pin_filled' : 'iconicon_pin'"
+              :class="`${element.columnSelectorDisabled ? 'cursor-not-allowed' : 'cursor-pointer'} ${
+                element.fixed ? 'text-[var(--primary-8)]' : 'text-[var(--text-n1)]'
+              }`"
+              :size="12"
+            />
+            <n-tooltip trigger="hover" placement="top">
+              <template #trigger>
+                <span class="one-line-text ml-[8px] text-[12px]">
+                  {{ t(element.title as string) }}
+                </span>
+              </template>
+              {{ t(element.title as string) }}
+            </n-tooltip>
+          </div>
+          <n-switch
+            v-model:value="element.showInTable"
+            :disabled="element.columnSelectorDisabled"
+            size="small"
+            :rubber-band="false"
+            @update:value="handleChange"
+          />
+        </div>
+
+        <VueDraggable v-model="allowSortCachedColumns" handle=".sort-handle" @change="handleChange">
+          <div v-for="element in allowSortCachedColumns" :key="element.key" class="crm-table-column-setting-item">
+            <div class="flex flex-1 items-center gap-[8px] overflow-hidden">
+              <CrmIcon type="iconicon_move" class="sort-handle cursor-move text-[var(--text-n4)]" :size="12" />
+              <CrmIcon
+                :type="element.fixed ? 'iconicon_pin_filled' : 'iconicon_pin'"
+                :class="`cursor-pointer ${element.fixed ? 'text-[var(--primary-8)]' : 'text-[var(--text-n1)]'}`"
+                :size="12"
+                @click="toggleFixedColumn(element)"
+              />
+              <n-tooltip trigger="hover" placement="top">
+                <template #trigger>
+                  <span class="one-line-text ml-[8px] text-[12px]">
+                    {{ t(element.title as string) }}
+                  </span>
+                </template>
+                {{ t(element.title as string) }}
+              </n-tooltip>
+            </div>
+            <n-switch
+              v-model:value="element.showInTable"
+              size="small"
+              :rubber-band="false"
+              @update:value="handleChange"
+            />
+          </div>
+        </VueDraggable>
+        <div v-if="operationCachedColumn" class="crm-table-column-setting-item">
+          <div class="flex flex-1 items-center gap-[8px] overflow-hidden">
+            <CrmIcon type="iconicon_move" class="cursor-not-allowed text-[var(--text-n6)]" :size="12" />
+            <CrmIcon
+              :type="operationCachedColumn.fixed ? 'iconicon_pin_filled' : 'iconicon_pin'"
+              :class="`cursor-pointer ${
+                operationCachedColumn.fixed ? 'text-[var(--primary-8)]' : 'text-[var(--text-n1)]'
+              }`"
+              :size="12"
+              @click="toggleFixedColumn(operationCachedColumn)"
+            />
+            <n-tooltip trigger="hover" placement="top">
+              <template #trigger>
+                <span class="one-line-text ml-[8px] text-[12px]">
+                  {{ t(operationCachedColumn.title as string) }}
+                </span>
+              </template>
+              {{ t(operationCachedColumn.title as string) }}
+            </n-tooltip>
+          </div>
+          <n-switch
+            v-model:value="operationCachedColumn.showInTable"
+            disabled
+            size="small"
+            :rubber-band="false"
+            @update:value="handleChange"
+          />
+        </div>
+      </div>
+      <div v-else-if="layoutType === 'lineHeightSet'" class="px-[8px]">
+        <div class="h-[24px] font-medium text-[var(--text-n1)]">
+          {{ t('crmTable.columnSetting.tableLineHeightSettings') }}
+        </div>
+        <div class="mt-[4px] flex w-full gap-[4px]">
+          <div @click="changeActiveLayoutType('compact')">
+            <div :class="`layout-type-item flex flex-col gap-[4px] ${activeLayoutType === 'compact' ? 'active' : ''}`">
+              <n-skeleton
+                v-for="(width, index) in ['60%', '100%', '100%', '100%', '100%']"
+                :key="index"
+                height="12px"
+                :width="width"
+                :sharp="false"
+              />
+            </div>
+            <div :class="`layout-type-item-name text-center ${activeLayoutType === 'compact' ? 'active' : ''}`">
+              {{ t('crmTable.columnSetting.compact') }}
+            </div>
+          </div>
+          <div @click="changeActiveLayoutType('loose')">
+            <div :class="`layout-type-item flex flex-col gap-[4px] ${activeLayoutType === 'loose' ? 'active' : ''}`">
+              <n-skeleton
+                v-for="(width, index) in ['60%', '100%', '100%', '100%']"
+                :key="index"
+                height="12px"
+                :width="width"
+                :sharp="false"
+              />
+            </div>
+            <div :class="`layout-type-item-name text-center ${activeLayoutType === 'loose' ? 'active' : ''}`">
+              {{ t('crmTable.columnSetting.loose') }}
+            </div>
+          </div>
+        </div>
+      </div>
+      <n-radio-group
+        v-else-if="!props.noPagination"
+        v-model:value="paginationType"
+        name="layoutType"
+        size="small"
+        class="px-[4px]"
+        @update:value="handleChange"
+      >
+        <n-radio-button value="scrollPagination" :label="t('crmTable.columnSetting.scrollPagination')" />
+        <n-radio-button value="pagePagination" :label="t('crmTable.columnSetting.pagePagination')" />
+      </n-radio-group>
+    </n-scrollbar>
+  </n-popover>
+</template>
+
+<script setup lang="ts">
+  import { NButton, NPopover, NRadioButton, NRadioGroup, NScrollbar, NSkeleton, NSwitch, NTooltip } from 'naive-ui';
+  import { VueDraggable } from 'vue-draggable-plus';
+
+  import { SpecialColumnEnum, TableKeyEnum } from '@lib/shared/enums/tableEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import type { CrmDataTableColumn, PaginationType } from '@/components/pure/crm-table/type';
+
+  import useTableStore from '@/hooks/useTableStore';
+
+  const props = defineProps<{
+    tableKey: TableKeyEnum | string;
+    noPagination?: boolean;
+    disabled: boolean;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'changeColumnsSetting'): void; //  数据发生变化
+  }>();
+
+  const { t } = useI18n();
+  const tableStore = useTableStore();
+
+  const popoverVisible = ref(false);
+  const hasChange = ref(false); // 是否有改动
+
+  const notAllowSortCachedColumns = ref<CrmDataTableColumn[]>([]);
+  const allowSortCachedColumns = ref<CrmDataTableColumn[]>([]);
+  const operationCachedColumn = ref<CrmDataTableColumn>();
+  const activeLayoutType = ref<string>('compact');
+  const paginationType = ref<PaginationType>('scrollPagination');
+
+  async function getCachedColumns() {
+    const columns = await tableStore.getCanSetColumns(props.tableKey);
+    notAllowSortCachedColumns.value = columns.filter((e) => e.columnSelectorDisabled);
+    allowSortCachedColumns.value = columns.filter(
+      (e) => !e.columnSelectorDisabled && e.key !== SpecialColumnEnum.OPERATION
+    );
+    operationCachedColumn.value = columns.find((e) => e.key === SpecialColumnEnum.OPERATION);
+    activeLayoutType.value = (await tableStore.getTableLineHeight(props.tableKey)) as string;
+    paginationType.value = await tableStore.getTablePaginationType(props.tableKey);
+  }
+
+  const layoutTypeList = computed(() => {
+    const list = [
+      {
+        value: 'columnHeaderSet',
+        label: t('crmTable.columnSetting.tableHeaderSettings'),
+      },
+      {
+        value: 'lineHeightSet',
+        label: t('crmTable.columnSetting.tableLineHeightSettings'),
+      },
+    ];
+    if (!props.noPagination) {
+      list.push({
+        value: 'pageSet',
+        label: t('crmTable.columnSetting.tableLinePageSettings'),
+      });
+    }
+    return list;
+  });
+
+  function handleReset() {
+    getCachedColumns();
+    hasChange.value = false;
+  }
+
+  function handleChange() {
+    hasChange.value = true;
+  }
+
+  async function handleUpdateShow(show: boolean) {
+    if (!show) {
+      if (hasChange.value) {
+        await tableStore.setColumns(props.tableKey, [
+          ...notAllowSortCachedColumns.value,
+          ...allowSortCachedColumns.value,
+          ...(operationCachedColumn.value ? [operationCachedColumn.value] : []),
+        ]);
+        await tableStore.setTableLineHeight(props.tableKey, activeLayoutType.value);
+        await tableStore.setTablePaginationType(props.tableKey, paginationType.value);
+        emit('changeColumnsSetting');
+        hasChange.value = false;
+      }
+    }
+  }
+
+  function toggleFixedColumn(ele: CrmDataTableColumn) {
+    if (ele.key === SpecialColumnEnum.OPERATION && operationCachedColumn.value) {
+      operationCachedColumn.value.fixed = operationCachedColumn.value.fixed ? undefined : 'right';
+      hasChange.value = true;
+      return;
+    }
+    allowSortCachedColumns.value = allowSortCachedColumns.value.map((item) => {
+      if (item.key === ele.key) {
+        if (item.fixed) {
+          item.fixed = undefined;
+        } else {
+          item.fixed = item.key === SpecialColumnEnum.OPERATION ? 'right' : 'left';
+        }
+        return item;
+      }
+      return item;
+    });
+    hasChange.value = true;
+  }
+
+  const layoutType = ref('columnHeaderSet');
+
+  function changeActiveLayoutType(type: string) {
+    activeLayoutType.value = type;
+    hasChange.value = true;
+  }
+
+  watch(
+    () => props.tableKey,
+    () => {
+      getCachedColumns();
+    }
+  );
+
+  watch(
+    () => popoverVisible.value,
+    (val) => {
+      if (val && props.tableKey) {
+        getCachedColumns();
+      }
+    }
+  );
+</script>
+
+<style lang="less">
+  .crm-table-column-setting-popover {
+    padding: 0 !important;
+    .crm-table-column-setting-item {
+      padding: 5px 8px;
+      max-width: 300px;
+      border-radius: @border-radius-small;
+      @apply flex items-center justify-between;
+      &:hover {
+        background: var(--text-n9);
+      }
+    }
+  }
+</style>
+
+<style lang="less" scoped>
+  .layout-type-item {
+    padding: 8px;
+    width: 83px;
+    height: 76px;
+    border: 1px solid var(--text-n6);
+    border-radius: 4px;
+    &.active {
+      border: 1px solid var(--primary-8);
+    }
+  }
+  .layout-type-item-name {
+    padding: 8px 0;
+    color: var(--text-n1);
+    &.active {
+      color: var(--primary-8);
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/pure/crm-table/components/filterMenu.vue b/frontend/packages/web/src/components/pure/crm-table/components/filterMenu.vue
new file mode 100644
index 0000000..882fac6
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-table/components/filterMenu.vue
@@ -0,0 +1,102 @@
+<template>
+  <div class="crm-table-filter-menu min-h-[80px]">
+    <n-scrollbar content-class="p-[8px] max-w-[160px]" style="max-height: 400px">
+      <n-checkbox-group v-model:value="filterConditionMap[props.columnKey]">
+        <div
+          v-for="(item, index) of displayFilterOptions"
+          :key="`${item.value}-${index}`"
+          class="crm-table-filter-option"
+        >
+          <n-tooltip to="body" :delay="300" flip>
+            <template #trigger>
+              <n-checkbox :value="item.value" label="" class="crm-table-filter-checkbox">
+                <div class="one-line-text max-w-[116px]">{{ item.label }}</div>
+              </n-checkbox>
+            </template>
+            {{ item.label }}
+          </n-tooltip>
+        </div>
+      </n-checkbox-group>
+    </n-scrollbar>
+    <div class="crm-table-filter-footer gap-[8px] p-[8px]">
+      <n-button type="default" size="small" class="outline--secondary" @click="handleReset">
+        {{ t('common.reset') }}
+      </n-button>
+      <n-button type="primary" size="small" @click="handleConfirm">
+        {{ t('common.confirm') }}
+      </n-button>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { DataTableFilterState, NButton, NCheckbox, NCheckboxGroup, NScrollbar, NTooltip } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import useRemoteFilterOptions from '@/hooks/useRemoteFilterOptions';
+
+  import { FilterOption } from 'naive-ui/es/data-table/src/interface';
+
+  const { t } = useI18n();
+  const props = defineProps<{
+    columnKey: string;
+    filterApiKey?: string;
+    filterOptions: FilterOption[];
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'reset', filters: DataTableFilterState): void;
+    (e: 'filter', filters: DataTableFilterState): void;
+  }>();
+
+  const filterConditionMap = defineModel<Record<string, (string | number)[]>>('filters', {
+    default: {},
+  });
+
+  function handleReset() {
+    filterConditionMap.value[props.columnKey] = [];
+    emit('reset', filterConditionMap.value);
+  }
+
+  function handleConfirm() {
+    emit('filter', filterConditionMap.value);
+  }
+
+  const remoteFilterOptions = computed(() => {
+    if (props.filterApiKey) {
+      const { filterOptions } = useRemoteFilterOptions(props.filterApiKey);
+      return filterOptions;
+    }
+    return null;
+  });
+
+  const displayFilterOptions = computed(() => {
+    return props.filterOptions.length ? props.filterOptions : remoteFilterOptions.value?.value;
+  });
+</script>
+
+<style scoped lang="less">
+  .crm-table-filter-menu {
+    border-radius: 4px;
+    background: var(--text-n10);
+    .crm-table-filter-option {
+      padding: 4px;
+      height: 32px;
+      @apply flex items-center;
+    }
+    :deep(.crm-table-filter-checkbox) {
+      @apply flex w-full items-center overflow-hidden;
+      .n-checkbox__label {
+        @apply flex min-w-0 items-center;
+
+        line-height: 20px;
+      }
+    }
+    .crm-table-filter-footer {
+      border-top: 1px solid var(--text-n8);
+      border-radius: 2px;
+      @apply flex items-center justify-between;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/pure/crm-table/index.vue b/frontend/packages/web/src/components/pure/crm-table/index.vue
new file mode 100644
index 0000000..3b86352
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-table/index.vue
@@ -0,0 +1,958 @@
+<template>
+  <div
+    ref="tableFullRef"
+    class="relative flex h-full flex-col overflow-hidden"
+    :class="[isFullScreen && !props.fullscreenTargetRef ? 'bg-[var(--text-n10)] px-[16px] pt-[16px]' : '', props.class]"
+  >
+    <BatchAction
+      v-if="props.actionConfig"
+      :select-row-count="checkedRowKeys.length"
+      size="medium"
+      :action-config="props.actionConfig"
+      @clear="handleClear"
+      @batch-action="handleBatchAction"
+    >
+      <template #actionLeft>
+        <slot name="actionLeft"></slot>
+      </template>
+      <template #actionRight>
+        <div class="flex items-center gap-[8px]">
+          <slot name="actionRight"></slot>
+          <ColumnSetting
+            v-if="attrs.showSetting && props.actionConfig"
+            :table-key="realTableKey"
+            :disabled="!!notShowTable"
+            :no-pagination="props.noPagination"
+            @change-columns-setting="changeColumnsSetting"
+          />
+
+          <n-button
+            v-if="!attrs.hiddenAllScreen && props.actionConfig"
+            type="default"
+            class="outline--secondary px-[8px]"
+            @click="toggleFullScreen"
+          >
+            <CrmIcon
+              class="text-[var(--text-n1)]"
+              :type="isFullScreen ? 'iconicon_off_screen' : 'iconicon_full_screen_one'"
+              :size="16"
+            />
+          </n-button>
+          <n-button
+            v-if="!attrs.hiddenRefresh"
+            type="default"
+            class="outline--secondary px-[8px]"
+            @click="emit('refresh')"
+          >
+            <CrmIcon class="text-[var(--text-n1)]" type="iconicon_refresh" :size="16" />
+          </n-button>
+        </div>
+      </template>
+    </BatchAction>
+    <div v-else class="mb-[16px] flex w-full items-center gap-[8px]">
+      <div class="flex-1">
+        <slot name="tableTop"></slot>
+      </div>
+      <div class="flex items-center gap-[8px]">
+        <slot name="actionRight"></slot>
+        <ColumnSetting
+          v-if="attrs.showSetting && !props.actionConfig"
+          :table-key="realTableKey"
+          :no-pagination="props.noPagination"
+          :disabled="!!notShowTable"
+          @change-columns-setting="changeColumnsSetting"
+        />
+        <n-button
+          v-if="!attrs.hiddenAllScreen && !props.actionConfig"
+          type="default"
+          class="outline--secondary px-[8px]"
+          @click="toggleFullScreen"
+        >
+          <CrmIcon
+            class="text-[var(--text-n1)]"
+            :type="isFullScreen ? 'iconicon_off_screen' : 'iconicon_full_screen_one'"
+            :size="16"
+          />
+        </n-button>
+        <n-button
+          v-if="!attrs.hiddenRefresh"
+          type="default"
+          class="outline--secondary px-[8px]"
+          @click="emit('refresh')"
+        >
+          <CrmIcon class="text-[var(--text-n1)]" type="iconicon_refresh" :size="16" />
+        </n-button>
+      </div>
+    </div>
+    <slot name="view"></slot>
+    <slot name="other"></slot>
+    <template v-if="!props.notShowTable">
+      <n-data-table
+        ref="tableRef"
+        v-bind="{ scrollX: scrollXWidth, ...$attrs }"
+        v-model:checked-row-keys="checkedRowKeys"
+        :columns="currentColumns as TableColumns"
+        :row-key="getRowKey"
+        flex-height
+        :class="`${props.notShowTableFilter ? 'not-show-filter' : ''} ${
+          attrs.showSetting ? crmTableLayoutClass : ''
+        } flex-1`"
+        :virtual-scroll="!props.notVirtualScroll"
+        :virtual-scroll-x="props.virtualScrollX"
+        :min-row-height="tableLineHeight"
+        :header-height="tableLineHeight"
+        :row-props="rowProps"
+        :children-key="props.childrenKey"
+        @update:sorter="handleSorterChange"
+        @update:filters="handleFiltersChange"
+        @update:checked-row-keys="handleCheck"
+        @scroll="handleScroll"
+      >
+        <template #empty>
+          <div class="w-full">
+            <slot name="empty">
+              <div class="flex items-center justify-center">
+                <span class="text-[14px] text-[var(--text-n4)]">{{ t('common.noData') }}</span>
+              </div>
+            </slot>
+          </div>
+        </template>
+      </n-data-table>
+    </template>
+    <template v-if="!attrs.hiddenTotal || (attrs.hiddenTotal && isFullScreen) || hasFinished">
+      <CrmPagination
+        v-if="paginationType === 'pagePagination' && !props.noPagination && !notShowTable"
+        :item-count="(attrs.crmPagination as PaginationProps)?.itemCount"
+        :page-size="(attrs.crmPagination as PaginationProps)?.pageSize"
+        :page="(attrs.crmPagination as PaginationProps)?.page"
+        show-total
+        size="small"
+        @handle-page-change="pageChange"
+        @handle-page-size-change="pageSizeChange"
+      >
+        <slot name="totalRight"></slot>
+      </CrmPagination>
+      <div v-else class="crm-table-bottom-tip flex text-center">
+        <div :class="`flex flex-1 items-start`">
+          <div v-if="(!attrs.hiddenTotal || (attrs.hiddenTotal && isFullScreen)) && !attrs.customTotal">
+            {{ t('crmPagination.total', { count: (attrs.crmPagination as PaginationProps)?.itemCount }) }}
+          </div>
+          <slot name="totalRight"></slot>
+        </div>
+        <div
+          v-if="hasFinished && !attrs.loading && !props.notShowTable"
+          :class="`-ml-[24px] flex flex-1 items-start ${
+            !(!attrs.hiddenTotal || (attrs.hiddenTotal && isFullScreen)) ? 'items-center justify-center' : 'items-start'
+          }`"
+        >
+          {{ t('crmTable.tableScrollFinishedTip') }}
+        </div>
+        <div v-if="!attrs.hiddenBackToTop" class="flex items-center">
+          <n-button size="small" type="primary" text class="text-btn-primary" @click="backToTop">
+            <template #icon>
+              <CrmIcon type="iconicon_backtop" :size="14" />
+            </template>
+            <div class="text-[14px]">{{ t('common.backToTop') }}</div>
+          </n-button>
+        </div>
+      </div>
+    </template>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { NButton, NCheckbox, NDataTable, NTooltip } from 'naive-ui';
+  import { cloneDeep, debounce } from 'lodash-es';
+
+  import { OperatorEnum } from '@lib/shared/enums/commonEnum';
+  import { SpecialColumnEnum, TableKeyEnum } from '@lib/shared/enums/tableEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { FilterConditionItem, SortParams, TableDraggedParams } from '@lib/shared/models/common';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmPagination from '@/components/pure/crm-pagination/index.vue';
+  import type { CrmDataTableColumn, PaginationType, TableStorageConfigItem } from '@/components/pure/crm-table/type';
+  import CrmTagGroup from '@/components/pure/crm-tag-group/index.vue';
+  import BatchAction from './components/batchAction.vue';
+  import ColumnSetting from './components/columnSetting.vue';
+  import FilterMenu from './components/filterMenu.vue';
+
+  import useFullScreen from '@/hooks/useFullScreen';
+  import useLocalForage from '@/hooks/useLocalForage';
+  import useTableStore from '@/hooks/useTableStore';
+  import { useAppStore } from '@/store';
+  import useViewStore from '@/store/modules/view';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  import { BatchActionConfig } from './type';
+  import type {
+    DataTableBaseColumn,
+    DataTableFilterState,
+    DataTableRowKey,
+    DataTableSortState,
+    PaginationProps,
+  } from 'naive-ui';
+  import type { FilterOption, InternalRowData, TableColumns } from 'naive-ui/es/data-table/src/interface';
+  import Sortable from 'sortablejs';
+
+  const appStore = useAppStore();
+  const viewStore = useViewStore();
+
+  const props = defineProps<{
+    columns: CrmDataTableColumn[];
+    tableRowKey?: string;
+    actionConfig?: BatchActionConfig; // 批量操作
+    notShowTable?: boolean; // 不展示表格
+    notShowTableFilter?: boolean; // 不显示表头筛选
+    draggable?: boolean; // 允许拖拽
+    dragMoveValidator?: (fromRow: any, toRow: any) => boolean; // 拖拽限制
+    notVirtualScroll?: boolean; // 不开启竖向虚拟滚动
+    virtualScrollX?: boolean; // 是否开启横向虚拟滚动
+    fullscreenTargetRef?: HTMLElement | null;
+    class?: string; // 自定义样式类
+    childrenKey?: string; // 子节点字段名
+    noPagination?: boolean; // 不使用分页功能
+    tableKey?: TableKeyEnum | string;
+  }>();
+  const emit = defineEmits<{
+    (e: 'pageChange', value: number): void;
+    (e: 'pageSizeChange', value: number): void;
+    (e: 'filterChange', value: FilterConditionItem[]): void;
+    (e: 'batchAction', value: ActionsItem): void;
+    (e: 'sorterChange', value: SortParams): void;
+    (e: 'rowKeyChange', keys: DataTableRowKey[], rows: InternalRowData[]): void;
+    (e: 'drag', params: TableDraggedParams): void;
+    (e: 'refresh'): void;
+  }>();
+  const attrs = useAttrs();
+  const { t } = useI18n();
+  const tableStore = useTableStore();
+  const { getItem, setItem } = useLocalForage();
+
+  const tableFullRef = ref<HTMLElement | null>(null);
+  const tableRef = ref();
+  // 实际使用的全屏目标
+  const actualTargetRef = computed<HTMLElement | null>(() => {
+    return props.fullscreenTargetRef ?? tableFullRef.value;
+  });
+
+  const { toggleFullScreen, isFullScreen } = useFullScreen(actualTargetRef, !!attrs.hiddenAllScreen);
+
+  function scrollTo(options: { top?: number; left?: number }) {
+    tableRef.value?.scrollTo(options);
+  }
+
+  const realTableKey = computed(() => props.tableKey || (attrs.tableKey as TableKeyEnum));
+
+  function handleFiltersChange(filters: DataTableFilterState, initiatorColumn: DataTableBaseColumn) {
+    if (!attrs.showPagination) return;
+    const filterList = Object.entries(filters)
+      .filter(([, value]) => (value as string[])?.length > 0)
+      .map(([key, value]) => ({
+        name: key,
+        value,
+        multipleValue:
+          initiatorColumn.key === key ? !!(initiatorColumn as CrmDataTableColumn).filterMultipleValue : undefined,
+        operator: OperatorEnum.IN,
+        type: (initiatorColumn as CrmDataTableColumn).filedType,
+      }));
+    scrollTo({
+      top: 0,
+    });
+    emit('filterChange', filterList);
+  }
+  const checkedRowKeys = defineModel<DataTableRowKey[]>('checkedRowKeys', { default: [] });
+
+  const checkFilterMap = ref<Record<string, (string | number)[]>>({});
+  const currentColumns = ref<CrmDataTableColumn[]>([]);
+
+  // 处理排序和过滤图标
+  function sorterAndFilterColumn(column: CrmDataTableColumn) {
+    // 排序图标处理
+    const sorterColumn = column.sorter
+      ? {
+          renderSorterIcon: (options: { order: 'descend' | 'ascend' | false }) => {
+            return h('div', [
+              h(CrmIcon, {
+                type: 'iconicon_chevron_up',
+                class: 'h-[8px] sort-up-icon',
+                color: options.order === 'ascend' ? 'var( --primary-8)' : 'var(--text-n2)',
+              }),
+              h(CrmIcon, {
+                type: 'iconicon_chevron_down',
+                class: 'h-[8px] sort-down-icon',
+                color: options.order === 'descend' ? 'var( --primary-8)' : 'var(--text-n2)',
+              }),
+            ]);
+          },
+        }
+      : {};
+
+    // 过滤图标处理
+    const filterColumn = column.filter
+      ? {
+          renderFilterIcon: (options: { active: boolean; show: boolean }) => {
+            return h(CrmIcon, {
+              type: 'iconicon_filter',
+              size: 16,
+              color: options.active ? 'var( --primary-8)' : 'var(--text-n2)',
+            });
+          },
+          renderFilterMenu: (actions: { hide: () => void }) => {
+            return h(FilterMenu, {
+              'filterOptions': column.filterOptions as unknown as FilterOption[],
+              'columnKey': column.key as string,
+              'filterApiKey': column?.remoteFilterApiKey,
+              'filters': checkFilterMap.value, // 初始值
+              'onUpdate:filters': (val) => {
+                checkFilterMap.value = val;
+              },
+              'onReset': (filters: DataTableFilterState) => {
+                tableRef.value?.filter(filters);
+                handleFiltersChange(filters, column as DataTableBaseColumn);
+                actions.hide();
+              },
+              'onFilter': (filters: DataTableFilterState) => {
+                tableRef.value?.filter(filters);
+                handleFiltersChange(filters, column as DataTableBaseColumn);
+                actions.hide();
+              },
+            });
+          },
+        }
+      : {};
+
+    return { ...sorterColumn, ...filterColumn };
+  }
+
+  // 计算文本宽度
+  function getTextWidth(text: string, fontSize = 14) {
+    const span = document.createElement('span');
+    span.style.visibility = 'hidden';
+    span.style.position = 'absolute';
+    span.style.fontSize = `${fontSize}px`;
+    span.style.fontFamily = "'Helvetica Neue', Arial, 'PingFang SC', 'Source Han Serif'";
+    span.innerText = text;
+    document.body.appendChild(span);
+    const width = span.offsetWidth;
+    document.body.removeChild(span);
+    return width;
+  }
+
+  // 计算列的最小宽度
+  function calculateColumnMinWidth(column: CrmDataTableColumn) {
+    if (column.minWidth) return column.minWidth;
+
+    let minWidth = 80;
+
+    // 计算标题文本宽度
+    const title = typeof column.title === 'string' ? column.title : (column.key as string);
+    const textWidth = getTextWidth(title);
+    // 增加图标空间
+    const iconSpace = (column.sorter ? 23 : 0) + (column.filter ? 24 : 0);
+
+    // 计算总宽度 = 文本宽度 + 图标空间 + 左右padding(各16px)
+    minWidth = Math.ceil(textWidth + iconSpace + 32);
+    return minWidth;
+  }
+
+  async function initColumn() {
+    const specialColumnsKeys = [SpecialColumnEnum.DRAG, SpecialColumnEnum.SELECTION, SpecialColumnEnum.ORDER];
+    const hasSelectedColumn = props.columns.find((e) => e.type === SpecialColumnEnum.SELECTION);
+    const hasOrderColumn = props.columns.find((e) => e.key === SpecialColumnEnum.ORDER);
+    const hasDisabledColumn = props.columns.find(
+      (e) => e.columnSelectorDisabled && !specialColumnsKeys.includes(e.key as SpecialColumnEnum)
+    );
+    const dragColumn: CrmDataTableColumn[] = props.draggable
+      ? [
+          {
+            title: '',
+            key: SpecialColumnEnum.DRAG,
+            width: 40,
+            fixed: 'left',
+            resizable: false,
+          },
+        ]
+      : [];
+    const hasPermission = hasAnyPermission((attrs?.permission || []) as string[]);
+    const propsColumns = props.columns.filter(
+      (c) =>
+        c.key !== SpecialColumnEnum.DRAG && c.type !== SpecialColumnEnum.SELECTION && c.key !== SpecialColumnEnum.ORDER
+    );
+
+    if (hasDisabledColumn) {
+      const disabledIndex = propsColumns.indexOf(hasDisabledColumn);
+      if (disabledIndex > -1) {
+        propsColumns.splice(disabledIndex, 1);
+      }
+    }
+
+    const specialColumns = [
+      ...dragColumn,
+      ...(hasPermission && hasSelectedColumn ? [hasSelectedColumn] : []),
+      ...(hasOrderColumn ? [hasOrderColumn] : []),
+      ...(hasDisabledColumn ? [hasDisabledColumn] : []),
+    ];
+
+    // 将render去掉，防止报错
+    let columns = specialColumns.concat(propsColumns);
+    columns = cloneDeep(columns).map((column: CrmDataTableColumn) => {
+      const _col = { ...column };
+      Object.keys(_col).forEach((key) => {
+        if (typeof _col[key as keyof CrmDataTableColumn] === 'function') {
+          delete _col[key as keyof CrmDataTableColumn];
+        }
+      });
+      return _col;
+    });
+    if (realTableKey.value && props.columns.length) {
+      // 判断 props.columns.length 避免接口报错导致 columns 是空的写入本地存储数据
+      await tableStore.initColumn(realTableKey.value, columns);
+    }
+    if (attrs.showSetting) {
+      columns = await tableStore.getShowInTableColumns(realTableKey.value);
+    }
+
+    currentColumns.value = columns.map((column) => {
+      const defaultRender = (row: Record<string, any>) =>
+        row[column.key as string] === undefined ||
+        row[column.key as string] === null ||
+        row[column.key as string] === ''
+          ? '-'
+          : row[column.key as string];
+      // 添加上render
+      let render = props.columns.find((item) => item.key === column.key)?.render || defaultRender;
+      const disabled = props.columns.find((item) => item.key === column.key)?.disabled;
+      const selectTooltip = props.columns.find((item) => item.key === column.key)?.selectTooltip;
+
+      if (column.isTag) {
+        render = (row: Record<string, any>) =>
+          row[column.key as string]?.length
+            ? h(CrmTagGroup, {
+                tags: row[column.key as string] || [],
+                ...column.tagGroupProps,
+              })
+            : '-';
+      }
+
+      if (column.key === SpecialColumnEnum.DRAG) {
+        render = () =>
+          h(
+            'div',
+            { class: 'crm-table-data-draggable-handle' },
+            h(CrmIcon, {
+              type: 'iconicon_move',
+              size: 14,
+              class: 'sort-handle text-[var(--text-n4)]',
+            })
+          );
+
+        return {
+          ...column,
+          render,
+        };
+      }
+
+      // 选择列
+      if (column.type === SpecialColumnEnum.SELECTION) {
+        if (selectTooltip) {
+          return {
+            title: () => {
+              // 计算可选择的行的ID（排除disabled的行）
+              const selectableRowIds: string[] = (attrs.data as [])
+                .filter((row: Record<string, any>) => !disabled || !disabled(row))
+                .map((row: Record<string, any>) => row.id);
+
+              // 计算已选中的可选项
+              const selectedSelectableCount = selectableRowIds.filter((id) =>
+                checkedRowKeys.value?.includes(id)
+              ).length;
+
+              return h(NCheckbox, {
+                checked: selectableRowIds.length > 0 && selectedSelectableCount === selectableRowIds.length,
+                indeterminate: selectedSelectableCount > 0 && selectedSelectableCount < selectableRowIds.length,
+                disabled: selectableRowIds.length === 0,
+                onUpdateChecked: (val: boolean) => {
+                  const currentSelected = new Set(checkedRowKeys.value || []);
+                  if (val) {
+                    selectableRowIds.forEach((id) => currentSelected.add(id));
+                  } else {
+                    selectableRowIds.forEach((id) => currentSelected.delete(id));
+                  }
+                  checkedRowKeys.value = Array.from(currentSelected);
+                },
+              });
+            },
+            key: SpecialColumnEnum.SELECTION,
+            fixed: 'left',
+            width: 46,
+            titleAlign: 'center',
+            render: (row: Record<string, any>) => {
+              const isDisabled = disabled?.(row);
+              const showTooltip = selectTooltip?.showTooltip?.(row) && isDisabled;
+              const checkbox = h(NCheckbox, {
+                disabled: isDisabled,
+                checked: checkedRowKeys.value?.includes(row.id),
+                onUpdateChecked: (checked: boolean) => {
+                  // 处理行选择变化
+                  const newSelected = new Set(checkedRowKeys.value || []);
+                  if (checked) {
+                    newSelected.add(row.id);
+                  } else {
+                    newSelected.delete(row.id);
+                  }
+                  checkedRowKeys.value = Array.from(newSelected);
+                },
+              });
+
+              return showTooltip
+                ? h(NTooltip, {}, { trigger: () => checkbox, default: () => selectTooltip?.tooltipText })
+                : checkbox;
+            },
+          };
+        }
+        return {
+          ...column,
+          width: 46,
+          titleAlign: 'center',
+          disabled,
+        };
+      }
+      // 操作列
+      if (column.key === SpecialColumnEnum.OPERATION) {
+        return {
+          ...column,
+          resizable: false,
+          title: t('common.operation'),
+          render,
+        };
+      }
+
+      // 代码定义的初始化列宽
+      const codeMinWidth = propsColumns.find((e) => e.key === column.key)?.minWidth;
+      return {
+        ...column,
+        ...sorterAndFilterColumn(column),
+        titleAlign: 'left',
+        resizable: column.resizable !== undefined ? column.resizable : true,
+        render,
+        maxWidth: 300,
+        minWidth: typeof codeMinWidth === 'number' ? codeMinWidth : calculateColumnMinWidth(column),
+      };
+    });
+  }
+
+  function getRowKey(rowData: Record<string, any>) {
+    return props.tableRowKey ? rowData[props.tableRowKey] : rowData.id;
+  }
+
+  const crmTableLayoutClass = ref('');
+  const layOut = ref<string>('');
+  async function initLayoutType() {
+    if (attrs.showSetting) {
+      const layout = await tableStore.getTableLineHeight(realTableKey.value);
+      layOut.value = layout;
+      crmTableLayoutClass.value = layout === 'compact' ? 'crm-data-table-compact' : 'crm-data-table-loose';
+    }
+  }
+
+  const paginationType = ref<PaginationType>();
+  async function initPaginationType(load: boolean = false) {
+    if (attrs.showSetting) {
+      paginationType.value = await tableStore.getTablePaginationType(realTableKey.value);
+      if (load) {
+        // 切换分页类型时，重置页码到1
+        scrollTo({
+          top: 0,
+        });
+        emit('refresh');
+      }
+    } else {
+      // 默认使用滚动分页
+      paginationType.value = 'scrollPagination';
+    }
+  }
+
+  const tableLineHeight = computed(() => {
+    if (attrs.showSetting) {
+      return layOut.value === 'compact' ? 36 : 46;
+    }
+    return 46;
+  });
+
+  const rowProps = (_rowData: object, _rowIndex: number) => {
+    return {
+      'style': {
+        height: layOut.value === 'compact' ? '36px' : '46px',
+      },
+      'data-id': getRowKey(_rowData),
+    };
+  };
+
+  function changeColumnsSetting() {
+    initColumn();
+    initLayoutType();
+    initPaginationType(true);
+  }
+
+  function patchColKeys() {
+    if (!realTableKey.value) return;
+    const colElements = tableFullRef.value?.querySelectorAll('table col');
+    if (!colElements || !currentColumns.value) return;
+
+    colElements.forEach((colEl, index) => {
+      const colKey = (currentColumns.value[index] as CrmDataTableColumn)?.key;
+      if (colKey !== undefined && colKey !== null) {
+        colEl.setAttribute('data-col-key', String(colKey));
+      }
+    });
+  }
+
+  /**
+   * 监听列宽变化，更新缓存的列配置，以记住列宽
+   * 这里使用 ResizeObserver 来监听 col 元素的宽度变化
+   */
+  function listenColWidthChange() {
+    let isFirstResize = true;
+    // 监听表格 col 元素的宽度变化
+    const colElements = tableFullRef.value?.querySelectorAll('table col');
+    const handleResize = debounce(async () => {
+      const tableColumnsMap = await getItem<TableStorageConfigItem>(realTableKey.value);
+      if (realTableKey.value && tableColumnsMap) {
+        if (isFirstResize) {
+          isFirstResize = false; // 第一次触发，跳过
+          return;
+        }
+        // 按colKey更新宽度，避免隐藏列后，实际DOM的col数量、位置、顺序发生改变，导致列宽度错乱
+        colElements?.forEach((e) => {
+          const key = e.getAttribute('data-col-key');
+          const col = tableColumnsMap.column.find((c) => c.key === key);
+          if (col) {
+            col.width = (e.computedStyleMap()?.get('width') as any)?.value || col.width;
+          }
+        });
+        setItem(realTableKey.value, tableColumnsMap);
+        currentColumns.value = currentColumns.value.map((col) => {
+          const cachedColumn = tableColumnsMap.column.find((c) => c.key === col.key);
+          return {
+            ...col,
+            width: cachedColumn?.width || col.width,
+          };
+        });
+      }
+    }, 300);
+    const observer = new ResizeObserver((entries) => {
+      entries.forEach(() => {
+        handleResize();
+      });
+    });
+    // 批量注册
+    colElements?.forEach((col) => observer.observe(col));
+  }
+
+  watch(
+    () => props.columns,
+    async () => {
+      await initColumn();
+      await nextTick();
+      patchColKeys();
+      listenColWidthChange();
+      initLayoutType();
+      initPaginationType();
+    },
+    { immediate: true }
+  );
+
+  watch(
+    () => props.notShowTableFilter,
+    (val: boolean) => {
+      if (val) {
+        checkFilterMap.value = {};
+        tableRef.value?.filter(null);
+      }
+    }
+  );
+
+  function handleSorterChange(sorter?: DataTableSortState) {
+    currentColumns.value.forEach((column) => {
+      if (column.sortOrder === undefined) return;
+      if (!sorter) {
+        column.sortOrder = false;
+        return;
+      }
+      if (column.key === sorter.columnKey) {
+        column.sortOrder = sorter.order;
+      } else {
+        column.sortOrder = false;
+      }
+    });
+    let sortOrder = '';
+    if (sorter?.order === 'ascend') {
+      sortOrder = 'asc';
+    } else if (sorter?.order === 'descend') {
+      sortOrder = 'desc';
+    }
+    if (!attrs.showPagination) return;
+    scrollTo({
+      top: 0,
+    });
+    emit('sorterChange', !sorter?.order ? {} : { name: sorter.columnKey as string, type: sortOrder });
+  }
+
+  async function setColumnSort(viewId: string) {
+    // 切换视图column有变化（如切到协作视图）的时候，会执行initColumn，initColumn后再设置排序
+    setTimeout(async () => {
+      const sortObj = await viewStore.getViewSort(realTableKey.value, viewId);
+      if (sortObj && Object.keys(sortObj).length) {
+        handleSorterChange({
+          columnKey: sortObj.name as string,
+          order: sortObj?.type === 'desc' ? 'descend' : 'ascend',
+          sorter: true,
+        });
+      } else {
+        handleSorterChange();
+      }
+    }, 300);
+  }
+
+  function handleClear() {
+    checkedRowKeys.value = [];
+  }
+
+  const handleBatchAction = (item: ActionsItem) => {
+    emit('batchAction', item);
+  };
+
+  const selectedRows = ref<InternalRowData[]>([]);
+
+  function handleCheck(rowKeys: DataTableRowKey[], rows: InternalRowData[]) {
+    const rowKeySet = new Set(rowKeys);
+    // 去掉被取消选中的项
+    selectedRows.value = selectedRows.value.filter((row) => row && rowKeySet.has(getRowKey(row)));
+    const existingIds = new Set(selectedRows.value.map((row) => row.id));
+    const newRows = rows.filter((row) => row && !existingIds.has(row.id));
+    // 追加新项
+    selectedRows.value = [...selectedRows.value, ...newRows];
+    emit('rowKeyChange', rowKeys, selectedRows.value);
+  }
+
+  const hasFinished = ref(false);
+  function handleScroll(e: Event) {
+    if (paginationType.value === 'scrollPagination') {
+      const target = e.target as HTMLElement;
+      const pagination = attrs.crmPagination as any;
+      hasFinished.value = false;
+      // 处理有纵向滚动的情况
+      if (
+        target.scrollHeight > target.clientHeight &&
+        target.scrollHeight - target.scrollTop - target.clientHeight <= 40 &&
+        pagination &&
+        !attrs.loading &&
+        !hasFinished.value
+      ) {
+        if (pagination.itemCount > pagination.page * pagination.pageSize) {
+          emit('pageChange', pagination.page + 1);
+        } else {
+          hasFinished.value = true;
+        }
+      }
+    }
+  }
+
+  function pageChange(page: number) {
+    emit('pageChange', page);
+    nextTick(() => {
+      scrollTo({
+        top: 0,
+      });
+    });
+  }
+
+  function pageSizeChange(pageSize: number) {
+    emit('pageSizeChange', pageSize);
+    nextTick(() => {
+      scrollTo({
+        top: 0,
+      });
+    });
+  }
+
+  const sortable = ref();
+  function initSortable(el: HTMLElement) {
+    sortable.value = Sortable.create(el, {
+      ghostClass: 'sortable-ghost',
+      handle: '.crm-table-data-draggable-handle',
+      setData(dataTransfer: any) {
+        dataTransfer.setData('Text', '');
+      },
+      onMove: (evt) => {
+        if (!props.dragMoveValidator) return true;
+        const draggedEl = evt.dragged as HTMLElement;
+        const relatedEl = evt.related as HTMLElement;
+        const children = Array.from(evt.from.children); // 所有 row（tr）
+        const data = attrs.data as any[];
+        const fromRow = data[children.indexOf(draggedEl)];
+        const toRow = data[children.indexOf(relatedEl)];
+        return props.dragMoveValidator(fromRow, toRow);
+      },
+      onEnd: (e: any) => {
+        const { oldIndex, newIndex, item, to } = e;
+        const draggedEl = item as HTMLElement;
+        const draggedId = draggedEl.dataset.id;
+
+        if (!draggedId) return;
+
+        const newOrderEls = Array.from(to.children) as HTMLElement[];
+        const newIds = newOrderEls.map((childrenEl) => childrenEl.dataset.id);
+
+        let targetId: string | undefined;
+        let moveMode: 'AFTER' | 'BEFORE' = 'BEFORE';
+
+        // 优先取后一项作为目标
+        const nextId = newIds[newIndex + 1];
+        const prevId = newIds[newIndex - 1];
+
+        if (nextId) {
+          targetId = nextId;
+          moveMode = 'BEFORE';
+        } else if (prevId) {
+          targetId = prevId;
+          moveMode = 'AFTER';
+        }
+
+        if (targetId) {
+          emit('drag', {
+            targetId,
+            moveId: draggedId,
+            moveMode,
+            orgId: appStore.orgId,
+            oldIndex,
+            newIndex,
+          });
+        }
+      },
+    });
+  }
+  async function setDraggerSort() {
+    if (props.notVirtualScroll) {
+      const el = tableRef.value?.$el?.querySelector('.n-data-table tbody');
+      if (el) {
+        initSortable(el);
+      }
+    } else {
+      const observer = new MutationObserver((mutations, obs) => {
+        const el = tableRef.value?.$el?.querySelector('.n-data-table tbody');
+        if (el) {
+          obs.disconnect();
+          initSortable(el);
+        }
+      });
+
+      observer.observe(tableRef.value.$el, {
+        childList: true,
+        subtree: true,
+      });
+    }
+  }
+
+  function ensureDraggable() {
+    if (!props.draggable) return;
+
+    nextTick(() => {
+      if (sortable.value) {
+        sortable.value.destroy();
+        sortable.value = null;
+      }
+      setDraggerSort();
+    });
+  }
+
+  watch([() => attrs.data, () => props.draggable], () => {
+    ensureDraggable();
+  });
+
+  onMounted(() => {
+    ensureDraggable();
+  });
+
+  const scrollXWidth = computed(() =>
+    currentColumns.value.reduce((prev, curr) => {
+      const width = typeof curr.width === 'number' ? curr.width : 0;
+      const minWidth = typeof curr.minWidth === 'number' ? curr.minWidth : calculateColumnMinWidth(curr);
+      return prev + Math.max(width, typeof minWidth === 'number' ? minWidth : 0);
+    }, 0)
+  );
+
+  function backToTop() {
+    scrollTo({ top: 0 });
+  }
+
+  defineExpose({
+    scrollTo,
+    setColumnSort,
+    clearCheckedRowKeys: handleClear,
+    isFullScreen,
+  });
+</script>
+
+<style lang="less">
+  .n-data-table-th--fixed-left {
+    background-color: var(--text-n10) !important;
+    pointer-events: auto;
+  }
+
+  // 缩小表头区域触发排序，减少拖拽列宽触发排序：官方推荐解决方案：不在排序按钮附近放置拖拽手柄，手动规避冲突区域
+  .n-data-table-th {
+    pointer-events: none;
+    .n-data-table-th__title-wrapper {
+      pointer-events: auto;
+      .n-data-table-th__title {
+        .n-ellipsis {
+          max-width: 300px;
+        }
+      }
+    }
+    .n-data-table-resize-button {
+      pointer-events: auto;
+    }
+    .n-data-table-filter {
+      pointer-events: auto;
+    }
+    &.n-data-table-th--selection {
+      pointer-events: auto;
+    }
+  }
+</style>
+
+<style lang="less" scoped>
+  :deep(.sort-up-icon) {
+    transform: translateY(4px);
+  }
+  :deep(.sort-down-icon) {
+    transform: translateY(-11px);
+  }
+  .not-show-filter {
+    :deep(.n-data-table-filter) {
+      display: none;
+    }
+  }
+  :deep(.n-data-table-td[data-col-key='order']) {
+    padding-right: 0;
+  }
+  :deep(.n-data-table-td) {
+    vertical-align: middle;
+  }
+  .crm-table-bottom-tip {
+    position: sticky;
+    bottom: 0;
+    left: 0;
+    z-index: 999;
+    width: 100%;
+    height: 30px;
+    line-height: 30px;
+    border-radius: 4px 4px 12px 12px;
+    background: var(--text-n10);
+    box-shadow: 0 -4px 10px rgb(100 103 103 / 5%);
+  }
+</style>
diff --git a/frontend/packages/web/src/components/pure/crm-table/locale/en-US.ts b/frontend/packages/web/src/components/pure/crm-table/locale/en-US.ts
new file mode 100644
index 0000000..f637cad
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-table/locale/en-US.ts
@@ -0,0 +1,14 @@
+export default {
+  'crmTable.columnSetting.tableHeaderDisplaySettings': 'Table header display settings',
+  'crmTable.columnSetting.resetDefault': 'Restore default',
+  'crmTable.order': 'Order',
+  'crmTable.bottomTip': 'You have reached the bottom~',
+  'crmTable.columnSetting.tableHeaderSettings': 'Header',
+  'crmTable.columnSetting.tableLineHeightSettings': 'Line height',
+  'crmTable.columnSetting.tableLinePageSettings': 'Pagination',
+  'crmTable.columnSetting.scrollPagination': 'Scroll pagination',
+  'crmTable.columnSetting.pagePagination': 'Page pagination',
+  'crmTable.columnSetting.compact': 'Compact',
+  'crmTable.columnSetting.loose': 'Loose',
+  'crmTable.tableScrollFinishedTip': 'Reached the end~',
+};
diff --git a/frontend/packages/web/src/components/pure/crm-table/locale/zh-CN.ts b/frontend/packages/web/src/components/pure/crm-table/locale/zh-CN.ts
new file mode 100644
index 0000000..e6ca595
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-table/locale/zh-CN.ts
@@ -0,0 +1,14 @@
+export default {
+  'crmTable.columnSetting.tableHeaderDisplaySettings': '表头显示设置',
+  'crmTable.columnSetting.resetDefault': '恢复默认',
+  'crmTable.order': '序号',
+  'crmTable.bottomTip': '已经到最底部啦~',
+  'crmTable.columnSetting.tableHeaderSettings': '表头',
+  'crmTable.columnSetting.tableLineHeightSettings': '列高',
+  'crmTable.columnSetting.tableLinePageSettings': '分页',
+  'crmTable.columnSetting.scrollPagination': '滑动分页',
+  'crmTable.columnSetting.pagePagination': '页码分页',
+  'crmTable.columnSetting.compact': '紧凑',
+  'crmTable.columnSetting.loose': '宽松',
+  'crmTable.tableScrollFinishedTip': '到底啦~',
+};
diff --git a/frontend/packages/web/src/components/pure/crm-table/type.ts b/frontend/packages/web/src/components/pure/crm-table/type.ts
new file mode 100644
index 0000000..6482ef6
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-table/type.ts
@@ -0,0 +1,93 @@
+import { VNodeChild } from 'vue';
+
+import type { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+import type { TableKeyEnum } from '@lib/shared/enums/tableEnum';
+
+import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+import type { CrmTagGroupProps } from '@/components/pure/crm-tag-group/index.vue';
+import type { FormCreateField } from '@/components/business/crm-form-create/types';
+
+import type { CrmPaginationProps } from '../crm-pagination/index.vue';
+import type { DataTableColumnKey, DataTableProps, DataTableRowData, DataTableRowKey, PaginationProps } from 'naive-ui';
+import type {
+  RenderFilterMenu,
+  TableBaseColumn,
+  TableColumnGroup,
+  TableExpandColumn,
+  TableSelectionColumn,
+} from 'naive-ui/es/data-table/src/interface';
+
+export type CrmTableDataItem<T> = {
+  updateTime?: string | number | null;
+  createTime?: string | number | null;
+  children?: CrmTableDataItem<T>[];
+} & DataTableRowData &
+  T;
+
+export type CrmDataTableColumn<T = any> = (
+  | Omit<TableBaseColumn<T>, 'filterOptions'>
+  | TableColumnGroup<T>
+  | TableSelectionColumn<T>
+  | TableExpandColumn<T>
+) & {
+  showInTable?: boolean; // 是否展示在表格上、
+  columnSelectorDisabled?: boolean; // 表头字段不可拖拽排序
+  key?: DataTableColumnKey; // 这一列的 key，不可重复
+  title?: string | (() => VNodeChild);
+  sorter?: boolean | 'default'; // true是只展示图标，'default'是使用内置排序
+  filter?: boolean | ((optionValue: string | number, rowData: object) => boolean) | 'default'; // true是只展示图标
+  sortOrder?: 'descend' | 'ascend' | false; // 受控状态下表格的排序方式
+  render?: (rowData: T, rowIndex: number) => VNodeChild;
+  renderFilterMenu?: RenderFilterMenu;
+  isTag?: boolean; // 标签列
+  remoteFilterApiKey?: string; // filter筛选请求API_KEY
+  tagGroupProps?: Omit<CrmTagGroupProps, 'tags'>; // 标签列属性
+  filterOptions?: {
+    value: string | number | boolean;
+    label: string;
+  }[];
+  filterMultipleValue?: boolean; // 给后端传的筛选参数
+  disabled?: (rowData: T) => boolean;
+  selectTooltip?: {
+    tooltipText?: string;
+    showTooltip?: (rowData: T) => boolean;
+  };
+  filedType?: FieldTypeEnum; // 字段类型
+  fieldId?: string; // 字段ID
+  fieldConfig?: FormCreateField; // 字段配置
+  resourceFieldId?: string; // 数据源显示字段所属数据源ID
+};
+
+export type CrmTableProps<T> = Omit<DataTableProps, 'columns'> & {
+  'columns': CrmDataTableColumn[];
+  'tableKey'?: TableKeyEnum | string; // 表格key, 用于存储表格列配置,pageSize等
+  'tableRowKey'?: string; // 表格行的key
+  'data': CrmTableDataItem<T>[];
+  'showSetting'?: boolean; // 是否显示表格配置
+  'showPagination'?: boolean; // 是否显示分页
+  'crmPagination'?: PaginationProps & CrmPaginationProps; // 分页配置
+  'onUpdate:checkedRowKeys'?: (key: DataTableRowKey[]) => void; // 覆写类型防止报错
+  'isReturnNativeResponse'?: boolean;
+  'permission'?: string[];
+  'hiddenTotal'?: Ref<boolean>;
+  'hiddenRefresh'?: boolean;
+  'hiddenAllScreen'?: boolean;
+  'containerClass': string; // 容器类名
+  'notVirtualScroll'?: boolean;
+};
+
+export type PaginationType = 'scrollPagination' | 'pagePagination';
+
+// 表格存储
+export interface TableStorageConfigItem {
+  column: CrmDataTableColumn[]; // 列配置
+  pageSize?: number;
+  columnBackup: CrmDataTableColumn[]; // 列配置的备份，用于比较当前定义的列配置是否和备份的列配置相同
+  layout?: string;
+  paginationType?: PaginationType;
+}
+
+export interface BatchActionConfig {
+  baseAction: ActionsItem[];
+  moreAction?: ActionsItem[];
+}
diff --git a/frontend/packages/web/src/components/pure/crm-table/useTable.ts b/frontend/packages/web/src/components/pure/crm-table/useTable.ts
new file mode 100644
index 0000000..2e7c59b
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-table/useTable.ts
@@ -0,0 +1,302 @@
+import { UnwrapRef } from 'vue';
+import { cloneDeep } from 'lodash-es';
+import dayjs from 'dayjs';
+
+import type { TableKeyEnum } from '@lib/shared/enums/tableEnum';
+import type { CommonList, FilterConditionItem, SortParams, TableQueryParams } from '@lib/shared/models/common';
+
+import { FilterResult } from '@/components/pure/crm-advance-filter/type';
+
+import useTableStore from '@/hooks/useTableStore';
+import useAppStore from '@/store/modules/app';
+import useViewStore from '@/store/modules/view';
+
+import type { CrmTableDataItem, CrmTableProps, PaginationType } from './type';
+import type { PaginationProps } from 'naive-ui';
+
+const tableStore = useTableStore();
+const appStore = useAppStore();
+const viewStore = useViewStore();
+
+export default function useTable<T>(
+  loadListFunc?: (v?: TableQueryParams | any) => Promise<CommonList<CrmTableDataItem<T>> | CrmTableDataItem<T>>,
+  props?: Partial<CrmTableProps<T>>,
+  // 数据处理的回调函数
+  dataTransform?: (
+    item: CrmTableDataItem<T>,
+    originalData?: CommonList<CrmTableDataItem<T>>
+  ) => CrmTableDataItem<T> | any
+) {
+  const defaultProps: CrmTableProps<T> = {
+    bordered: false,
+    loading: false, // 加载效果
+    data: [], // 表格数据
+    columns: [],
+    tableRowKey: 'id', // 表格行的key
+    showPagination: true, // 是否显示分页
+    containerClass: '',
+    ...props,
+    crmPagination: {
+      page: 1,
+      itemCount: 0,
+      pageSize: appStore.pageSize,
+      showSizePicker: appStore.showSizePicker,
+      showQuickJumper: appStore.showQuickJumper,
+      ...props?.crmPagination,
+    },
+  };
+
+  const propsRes = ref<CrmTableProps<T>>(cloneDeep(defaultProps));
+
+  const filterItem = ref<FilterConditionItem[]>([]); // 筛选
+
+  const keyword = ref('');
+
+  const code = ref(0); // 状态码
+
+  // 高级筛选
+  const advanceFilter = reactive<FilterResult>({ searchMode: 'AND', conditions: [] });
+
+  // 如果表格设置了tableKey，设置缓存的分页大小
+  if (propsRes.value.showPagination && propsRes.value.tableKey) {
+    tableStore.getPageSize(propsRes.value.tableKey).then((res) => {
+      if (propsRes.value.crmPagination && res) {
+        propsRes.value.crmPagination.pageSize = res;
+      }
+    });
+  }
+
+  // 加载效果
+  function setLoading(status: boolean) {
+    propsRes.value.loading = status;
+  }
+
+  // 设置请求参数
+  const loadListParams = ref<TableQueryParams>({});
+  function setLoadListParams(params?: TableQueryParams) {
+    loadListParams.value = params || {};
+    if (propsRes.value.crmPagination) {
+      propsRes.value.crmPagination.page = 1;
+    }
+  }
+
+  // 获取分页参数
+  async function getPaginationParams() {
+    const { page, pageSize } = propsRes.value.crmPagination as PaginationProps;
+    if (propsRes.value.tableKey) {
+      const cachedPageSize = await tableStore.getPageSize(propsRes.value.tableKey);
+      return { current: page, pageSize: cachedPageSize || pageSize };
+    }
+    return { current: page, pageSize };
+  }
+
+  // 重置表头筛选
+  function resetFilterParams() {
+    filterItem.value = [];
+  }
+
+  // 设置 advanceFilter
+  function setAdvanceFilter(v: FilterResult) {
+    advanceFilter.searchMode = v.searchMode;
+    advanceFilter.conditions = v.conditions;
+
+    // 基础筛选都清空
+    loadListParams.value.filter = {};
+    loadListParams.value.keyword = '';
+    keyword.value = '';
+    resetFilterParams();
+    if (propsRes.value.crmPagination) {
+      propsRes.value.crmPagination.page = 1;
+    }
+  }
+
+  /**
+   * 分页设置
+   * @param page 当前页
+   * @param total 总页数
+   */
+  function setPagination(page: number, total?: number) {
+    if (propsRes.value.crmPagination) {
+      propsRes.value.crmPagination.page = page;
+      if (total !== undefined) {
+        propsRes.value.crmPagination.itemCount = total;
+      }
+    }
+  }
+
+  const tableQueryParams = ref<TableQueryParams>({}); // 表格请求参数集合
+
+  const sortItem = ref<SortParams>(); // 排序
+  const paginationType = ref<PaginationType>(); // 分页类型
+
+  async function getPaginationType(tableKey: TableKeyEnum | string) {
+    paginationType.value = await tableStore.getTablePaginationType(tableKey);
+  }
+
+  function processRecordItem(
+    item: CrmTableDataItem<T>,
+    originalData?: CommonList<CrmTableDataItem<T>>
+  ): CrmTableDataItem<T> {
+    if (item.updateTime) {
+      item.updateTime = dayjs(item.updateTime).format('YYYY-MM-DD HH:mm:ss');
+    }
+    if (item.createTime) {
+      item.createTime = dayjs(item.createTime).format('YYYY-MM-DD HH:mm:ss');
+    }
+    if (dataTransform) {
+      item = dataTransform(item, originalData);
+    }
+    return item;
+  }
+
+  async function loadList(
+    isPageChange = false,
+    refreshId: string | number | undefined = undefined,
+    _tableKey?: TableKeyEnum | string
+  ) {
+    if (!loadListFunc || propsRes.value.loading) return;
+    setLoading(true);
+    await getPaginationType(_tableKey || (propsRes.value.tableKey as TableKeyEnum));
+    try {
+      tableQueryParams.value = {
+        ...(!propsRes.value.showPagination ? {} : await getPaginationParams()),
+        sort: sortItem.value,
+        combineSearch: advanceFilter,
+        ...loadListParams.value,
+        filters: filterItem.value,
+      };
+      let refreshPage = 0;
+      if (refreshId !== undefined) {
+        refreshPage = Math.max(
+          Math.ceil((propsRes.value.data.findIndex((item) => item.id === refreshId) + 1) / appStore.pageSize),
+          1
+        );
+      }
+      const res = await loadListFunc({
+        ...tableQueryParams.value,
+        current: refreshId ? refreshPage : tableQueryParams.value.current,
+      });
+      if (props?.isReturnNativeResponse) {
+        code.value = res.data.code;
+      }
+      const data = props?.isReturnNativeResponse ? res.data.data : res;
+
+      if (!propsRes.value.showPagination && (Array.isArray(data.list) || Array.isArray(data))) {
+        propsRes.value.data = (data.list || data).map((item: CrmTableDataItem<T>) =>
+          processRecordItem(item, data)
+        ) as unknown as UnwrapRef<CrmTableDataItem<T>[]>;
+        setPagination(1, (data.list || data).length);
+      } else {
+        const tmpArr = data as CommonList<CrmTableDataItem<T>>;
+        if (isPageChange && paginationType.value === 'scrollPagination') {
+          tmpArr.list?.forEach((item: CrmTableDataItem<T>) => {
+            propsRes.value.data.push(processRecordItem(item, tmpArr));
+          }) as unknown as UnwrapRef<CrmTableDataItem<T>[]>;
+          setPagination(tmpArr.current, tmpArr.total);
+        } else if (refreshId) {
+          const oldData = propsRes.value.data.find((item) => item.id === refreshId);
+          const newData = tmpArr.list?.find((item: CrmTableDataItem<T>) => item.id === refreshId);
+          if (oldData && newData) {
+            Object.assign(oldData, processRecordItem(newData, tmpArr) as unknown as UnwrapRef<CrmTableDataItem<T>>);
+          }
+        } else {
+          propsRes.value.data = tmpArr.list?.map((item: CrmTableDataItem<T>) =>
+            processRecordItem(item, tmpArr)
+          ) as unknown as UnwrapRef<CrmTableDataItem<T>[]>;
+          setPagination(tmpArr.current, tmpArr.total);
+        }
+      }
+      if (paginationType.value === 'scrollPagination') {
+        // 解决分页数据不足一页时不能触发滚动的问题
+        nextTick(() => {
+          if (
+            (data.list || data).length === 0 ||
+            (propsRes.value.crmPagination?.itemCount &&
+              propsRes.value.crmPagination?.page &&
+              propsRes.value.crmPagination?.pageSize &&
+              propsRes.value.crmPagination.itemCount <=
+                propsRes.value.crmPagination.page * propsRes.value.crmPagination.pageSize)
+          ) {
+            return;
+          }
+          if (propsRes.value.containerClass) {
+            const tableScrollElement = document.querySelector(propsRes.value.containerClass)?.querySelector('.v-vl');
+            const listElement = document.querySelector(propsRes.value.containerClass)?.querySelector('.v-vl-items');
+            if (
+              tableScrollElement &&
+              listElement &&
+              tableScrollElement.clientHeight >= listElement.clientHeight &&
+              propsRes.value.crmPagination?.page
+            ) {
+              setPagination(propsRes.value.crmPagination.page + 1);
+              loadList(true);
+            }
+          }
+        });
+      }
+    } catch (error: any) {
+      propsRes.value.data = [];
+      // eslint-disable-next-line no-console
+      console.error(error);
+      if (props?.isReturnNativeResponse) {
+        code.value = error.code;
+      }
+      throw error;
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  // 事件触发组
+  const propsEvent = ref({
+    // 分页触发
+    pageChange: async (page: number) => {
+      setPagination(page);
+      await loadList(true);
+    },
+    // 修改每页显示条数触发
+    pageSizeChange: async (pageSize: number) => {
+      if (propsRes.value.crmPagination && typeof propsRes.value.crmPagination === 'object') {
+        propsRes.value.crmPagination.pageSize = pageSize;
+        // 如果表格设置了tableKey，缓存分页大小
+        if (propsRes.value.tableKey) {
+          await tableStore.setPageSize(propsRes.value.tableKey, pageSize);
+        }
+      }
+      loadList();
+    },
+    // 排序触发
+    sorterChange: async (sortObj: SortParams) => {
+      // 如果有视图，就存储表头排序
+      if (propsRes.value.tableKey && loadListParams.value.viewId) {
+        await viewStore.setViewSort(propsRes.value.tableKey, loadListParams.value.viewId, sortObj);
+      }
+      sortItem.value = sortObj;
+      setPagination(1);
+      loadList();
+    },
+    // 筛选触发
+    filterChange: (filters: FilterConditionItem[]) => {
+      filterItem.value = filters.map((item) => ({
+        ...item,
+        multipleValue: item.multipleValue ?? filterItem.value.find((i) => i.name === item.name)?.multipleValue ?? false,
+      }));
+      setPagination(1);
+      loadList();
+    },
+  });
+
+  return {
+    propsRes,
+    propsEvent,
+    tableQueryParams,
+    setLoading,
+    setLoadListParams,
+    loadList,
+    setPagination,
+    advanceFilter,
+    setAdvanceFilter,
+    code,
+    filterItem,
+  };
+}
diff --git a/frontend/packages/web/src/components/pure/crm-tag-group/index.vue b/frontend/packages/web/src/components/pure/crm-tag-group/index.vue
new file mode 100644
index 0000000..6d39933
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-tag-group/index.vue
@@ -0,0 +1,185 @@
+<template>
+  <div ref="container" class="crm-overflow-tag-list h-full w-full">
+    <!-- 测量所有标签宽度 -->
+    <div v-if="innerTags.length > 0" ref="measureRef" class="crm-measure-tag-item">
+      <template v-for="(item, index) in tags" :key="`crm-measure-tag-item-${index}`">
+        <CrmTag :size="props.size" :type="props.type" :theme="props.theme">
+          {{ typeof item === 'string' ? item : item?.[props.labelKey] }}
+        </CrmTag>
+      </template>
+    </div>
+    <!-- 显示可见标签 -->
+    <CrmTag
+      v-for="(item, index) in visibleItems"
+      :key="index"
+      :size="props.size"
+      :type="props.type"
+      :theme="props.theme"
+    >
+      {{ typeof item === 'string' ? item : item?.[props.labelKey] || '-' }}
+    </CrmTag>
+    <!-- 显示 "+n" -->
+    <n-tooltip trigger="hover" :disabled="hiddenItemsCount < 1" flip :delay="300" :placement="props.placement">
+      <template #trigger>
+        <!-- 确保隐藏且不参与布局 -->
+        <div
+          ref="moreButtonRef"
+          :class="`${hiddenItemsCount > 0 ? 'visible' : 'invisible absolute'}`"
+          aria-hidden="true"
+        >
+          <CrmTag :tooltip-disabled="true" :size="props.size" :type="props.type" :theme="props.theme" class="tag">
+            +{{ hiddenItemsCount }}
+          </CrmTag>
+        </div>
+      </template>
+      {{ tagsTooltip }}
+    </n-tooltip>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { NTooltip } from 'naive-ui';
+
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+
+  export interface CrmTagGroupProps {
+    tags: string[] | Record<string, any>[] | null; // 标签组
+    size?: 'small' | 'medium' | 'large';
+    type?: 'default' | 'primary' | 'info' | 'success' | 'warning' | 'error';
+    theme?: 'dark' | 'light' | 'outline' | 'lightOutLine' | 'default';
+    labelKey?: string;
+    placement?:
+      | 'top-start'
+      | 'top'
+      | 'top-end'
+      | 'right-start'
+      | 'right'
+      | 'right-end'
+      | 'bottom-start'
+      | 'bottom'
+      | 'bottom-end'
+      | 'left-start'
+      | 'left'
+      | 'left-end';
+  }
+  const props = withDefaults(defineProps<CrmTagGroupProps>(), {
+    size: 'medium',
+    type: 'default',
+    theme: 'dark',
+    labelKey: 'label',
+    placement: 'top',
+  });
+
+  const container = ref<HTMLElement | null>(null);
+  const measureRef = ref<HTMLElement | null>(null);
+  const visibleItems = ref<string[] | Record<string, any>[]>([]);
+  const hiddenItemsCount = ref<number>(0); // 隐藏数量
+  const tagsTotalWidth = ref<number>(0); // 标签总宽度
+  const defaultTagGap = 4; // 默认标签间距
+
+  const moreButtonRef = ref<HTMLElement | null>(null);
+  const innerTags = computed(() => props.tags || []);
+
+  const updateVisibleItems = () => {
+    if (!container.value || tagsTotalWidth.value === 0) return;
+
+    const containerWidth = container.value.offsetWidth;
+
+    const moreButtonWidth = moreButtonRef.value?.offsetWidth || 40;
+
+    let currentWidth = 0;
+    let visibleCount = 0;
+
+    for (let i = 0; i < innerTags.value.length; i++) {
+      const tagWidth = (measureRef.value?.children[i] as HTMLElement).offsetWidth;
+      currentWidth += tagWidth + defaultTagGap;
+
+      if (currentWidth + moreButtonWidth > containerWidth) break; // 预留 "+n" 按钮空间
+
+      visibleCount++;
+    }
+
+    // 至少保留一个标签
+    if (visibleCount === 0 && innerTags.value.length > 0) {
+      visibleCount = 1;
+    }
+
+    visibleItems.value = innerTags.value.slice(0, visibleCount);
+    hiddenItemsCount.value = innerTags.value.length - visibleCount;
+  };
+
+  const updateVisibleItemsWithDelay = async () => {
+    // 等待 DOM 更新，确保测量容器渲染完成
+    await nextTick();
+
+    if (measureRef.value) {
+      tagsTotalWidth.value = measureRef.value.offsetWidth || 100;
+    }
+
+    updateVisibleItems(); // 计算可见项
+  };
+
+  const filterTagList = computed(() => {
+    return (props.tags || []).filter((item: any) => item) || [];
+  });
+
+  const tagsTooltip = computed(() => {
+    return filterTagList.value.map((e: any) => (typeof e === 'string' ? e : e[props.labelKey])).join('，');
+  });
+
+  const onResize = () => {
+    updateVisibleItemsWithDelay();
+  };
+
+  let resizeObserver: ResizeObserver | null = null;
+
+  onMounted(() => {
+    updateVisibleItemsWithDelay();
+    if (container.value) {
+      resizeObserver = new ResizeObserver(updateVisibleItemsWithDelay);
+      resizeObserver.observe(container.value);
+    }
+    window.addEventListener('resize', onResize);
+  });
+
+  onBeforeUnmount(() => {
+    window.removeEventListener('resize', onResize);
+    if (resizeObserver && container.value) {
+      resizeObserver.unobserve(container.value);
+      resizeObserver = null;
+    }
+  });
+
+  watch(
+    () => props.tags,
+    () => {
+      nextTick(updateVisibleItemsWithDelay);
+    }
+  );
+</script>
+
+<style scoped lang="less">
+  .crm-overflow-tag-list {
+    // BFC 后使用overflow-hidden防止子元素crm-measure-tag-item宽度溢出导致外层容器出现的宽度抖动
+    position: relative;
+    display: flex;
+    align-items: center;
+    overflow: hidden;
+    flex-wrap: nowrap;
+    gap: 4px;
+  }
+  .crm-measure-tag-item {
+    position: absolute;
+    display: flex;
+    align-items: center;
+    visibility: hidden;
+    flex-wrap: nowrap;
+    pointer-events: none;
+    gap: 4px;
+  }
+  .crm-overflow-tag-list {
+    .n-tag {
+      min-width: 0;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/pure/crm-tag-input/index.vue b/frontend/packages/web/src/components/pure/crm-tag-input/index.vue
new file mode 100644
index 0000000..e978d66
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-tag-input/index.vue
@@ -0,0 +1,77 @@
+<template>
+  <n-select
+    ref="selectRef"
+    v-model:value="value"
+    filterable
+    multiple
+    tag
+    :placeholder="props.placeholder || t('common.tagsInputPlaceholder')"
+    :show-arrow="false"
+    :show="false"
+    :disabled="props.disabled"
+    :input-props="{
+      maxlength: 64,
+    }"
+    max-tag-count="responsive"
+    :fallback-option="value?.length <= 10 ? fallbackOption : false"
+    :render-tag="renderTag"
+    clearable
+    @keydown.enter="handleInputEnter"
+  />
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { NSelect, NTag, NTooltip, useMessage } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import { SelectBaseOption } from 'naive-ui/es/select/src/interface';
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    placeholder?: string;
+    disabled: boolean;
+  }>();
+
+  const value = defineModel<(string | number)[]>('value', {
+    default: [],
+  });
+
+  const Message = useMessage();
+
+  function renderTag({ option, handleClose }: { option: SelectBaseOption; handleClose: () => void }) {
+    return h(
+      NTooltip,
+      {},
+      {
+        default: () => {
+          return h('div', {}, { default: () => option.label });
+        },
+        trigger: () => {
+          return h(NTag, { closable: true, onClose: handleClose }, { default: () => option.label });
+        },
+      }
+    );
+  }
+  const selectRef = ref<InstanceType<typeof NSelect>>();
+
+  function handleInputEnter() {
+    if (value.value?.length > 10) {
+      value.value = value.value.slice(0, 10);
+      Message.warning(t('crmFormCreate.basic.tagInputLimitTip'));
+    } else if (value.value?.includes(selectRef.value?.$el.querySelector('.n-base-selection-input-tag__input').value)) {
+      Message.warning(t('crmFormCreate.basic.tagInputRepeatTip'));
+    }
+  }
+
+  function fallbackOption(val: string | number) {
+    return {
+      label: `${val}`,
+      value: val,
+    };
+  }
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/components/pure/crm-tag/index.vue b/frontend/packages/web/src/components/pure/crm-tag/index.vue
new file mode 100644
index 0000000..3d22d80
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-tag/index.vue
@@ -0,0 +1,201 @@
+<template>
+  <n-tag
+    v-bind="$attrs"
+    :size="props.size"
+    :class="`${props.color ? '' : `crm-tag-${props.theme} crm-tag-${props.theme}--${props.type}`} ${props.customClass}`"
+    :bordered="hasBorder"
+    :color="props.color"
+    :type="props.type"
+    @close="emit('close')"
+  >
+    <template #avatar>
+      <slot name="avatar"></slot>
+    </template>
+    <template #icon>
+      <slot name="icon"></slot>
+    </template>
+    <n-tooltip
+      flip
+      :delay="300"
+      :placement="props.tooltipPlacement || 'top'"
+      trigger="hover"
+      :disabled="props.tooltipDisabled"
+    >
+      <template #trigger>
+        <div class="one-line-text min-w-0 !leading-[24px]">
+          <slot></slot>
+        </div>
+      </template>
+      <template v-if="$slots.tooltipContent" #default>
+        <slot name="tooltipContent"></slot>
+      </template>
+      <template v-else #default>
+        <slot></slot>
+      </template>
+    </n-tooltip>
+  </n-tag>
+</template>
+
+<script setup lang="ts">
+  import { NTag, NTooltip } from 'naive-ui';
+
+  const props = withDefaults(
+    defineProps<{
+      size?: 'small' | 'medium' | 'large';
+      type?: 'default' | 'primary' | 'info' | 'success' | 'warning' | 'error';
+      theme?: 'dark' | 'light' | 'outline' | 'lightOutLine' | 'default'; // '深色带背景'| '明亮背景'| '边框形' | '明亮边框形'
+      bordered?: boolean;
+      color?: { color?: string; borderColor?: string; textColor?: string }; // 标签颜色，设置该项后 type 无效
+      customClass?: string; // 自定义类
+      tooltipDisabled?: boolean; // 是否禁用tooltip
+      tooltipPlacement?:
+        | 'top-start'
+        | 'top'
+        | 'top-end'
+        | 'right-start'
+        | 'right'
+        | 'right-end'
+        | 'bottom-start'
+        | 'bottom'
+        | 'bottom-end'
+        | 'left-start'
+        | 'left'
+        | 'left-end'; // tooltip方向
+    }>(),
+    {
+      size: 'medium',
+      type: 'default',
+      theme: 'dark',
+    }
+  );
+
+  const emit = defineEmits<{
+    (e: 'close'): void;
+  }>();
+
+  const hasBorder = computed(() => {
+    if (props.bordered) {
+      return props.bordered;
+    }
+    return !['dark', 'light'].includes(props.theme);
+  });
+</script>
+
+<style lang="less">
+  .crm-tag {
+    // 背景暗黑类
+    &-dark {
+      color: var(--text-n10);
+      .n-base-icon {
+        color: var(--text-n10);
+      }
+      &--default {
+        color: var(--text-n1);
+        background: var(--text-n8);
+        .n-base-icon {
+          color: var(--text-n4);
+        }
+      }
+      &--primary {
+        background: var(--primary-8);
+      }
+      &--success {
+        background: var(--success-green);
+      }
+      &--warning {
+        background: var(--warning-yellow);
+      }
+      &--error {
+        background: var(--error-red);
+      }
+      &--info {
+        background: var(--info-blue);
+      }
+    }
+    // 明亮类
+    &-light {
+      color: var(--text-n10);
+      &--default {
+        color: var(--text-n1);
+        background: var(--text-n8);
+      }
+      &--primary {
+        color: var(--primary-8);
+        background: var(--primary-7);
+      }
+      &--success {
+        color: var(--success-green);
+        background: var(--success-5);
+      }
+      &--warning {
+        color: var(--warning-yellow);
+        background: var(--warning-5);
+      }
+      &--error {
+        color: var(--error-red);
+        background: var(--error-5);
+      }
+      &--info {
+        color: var(--info-blue);
+        background: var(--info-5);
+      }
+    }
+    // 边框类
+    &-outline {
+      color: var(--text-n10);
+      background: var(--text-n10);
+      &--default {
+        color: var(--text-n1);
+      }
+      &--primary {
+        color: var(--primary-8);
+      }
+      &--success {
+        color: var(--success-green);
+      }
+      &--warning {
+        color: var(--warning-yellow);
+      }
+      &--error {
+        color: var(--error-red);
+      }
+      &--info {
+        color: var(--info-blue);
+      }
+    }
+    // lightOutLine类
+    &-lightOutLine {
+      color: var(--text-n1);
+      &--default {
+        border-color: var(--text-n8);
+        color: var(--text-n1);
+        background: var(--text-n9);
+      }
+      &--primary {
+        color: var(--primary-8);
+        background: var(--primary-7);
+      }
+      &--success {
+        color: var(--success-green);
+        background: var(--success-5);
+      }
+      &--warning {
+        color: var(--warning-yellow);
+        background: var(--warning-5);
+      }
+      &--error {
+        color: var(--error-red);
+        background: var(--error-5);
+      }
+      &--info {
+        color: var(--info-blue);
+        background: var(--info-5);
+      }
+    }
+    .n-tag__close {
+      &:hover {
+        background: transparent;
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/pure/crm-tree-select/index.vue b/frontend/packages/web/src/components/pure/crm-tree-select/index.vue
new file mode 100644
index 0000000..4a5b286
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-tree-select/index.vue
@@ -0,0 +1,536 @@
+<template>
+  <div ref="treeSelectWrapperRef" class="crm-select-tree w-full">
+    <n-tree-select
+      v-bind="attrs"
+      v-model:half-checked-keys="halfCheckedKeys"
+      v-model:value="checkedKeys"
+      :render-suffix="renderSuffix"
+      :options="treeData"
+      filterable
+      clearable
+      max-tag-count="responsive"
+      :render-switcher-icon="renderSwitcherIconDom"
+      :render-label="renderLabel"
+      :node-props="nodeProps"
+      :show="showSelectOptionsMenu"
+      :disabled="props.disabled"
+      checkable
+      @update:show="handleUpdateShow"
+      @update:value="updateCheckedKeys"
+      @clear="handleClear"
+      @click="handleShowPop"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { NButton, NCheckbox, NTooltip, NTreeSelect, TreeOption, TreeSelectOption, TreeSelectProps } from 'naive-ui';
+  import { cloneDeep, isEqual } from 'lodash-es';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { findNodeByKey, mapTree } from '@lib/shared/method';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmMoreAction from '@/components/pure/crm-more-action/index.vue';
+
+  import { getFieldDeptTree } from '@/api/modules';
+
+  import useTreeSelection, { CheckedNodes } from './useTreeSelection';
+
+  const props = defineProps<{
+    showContainChildModule?: boolean;
+    options?: TreeSelectOption[];
+    disabled?: boolean;
+    type?: 'department' | 'custom';
+    limitSelectCount?: number;
+    limitSelectTooltip?: string;
+  }>();
+
+  const attrs = useAttrs();
+
+  const { t } = useI18n();
+
+  const treeData = ref<any[]>(cloneDeep(props.options || []));
+  const containChildIds = defineModel<string[]>('containChildIds', {
+    default: [],
+  });
+
+  const selectValue = defineModel<string | number | (string | number)[] | null>('value', {
+    required: true,
+    default: [],
+  });
+
+  const selectedModuleProps = ref({
+    modulesTree: treeData.value,
+    moduleCount: {},
+    value: selectValue.value,
+  });
+
+  const { selectedModulesMaps, selectParent, checkNode, halfCheckedKeys, checkedKeys, clearSelector } =
+    useTreeSelection(selectedModuleProps.value);
+
+  const showSelectOptionsMenu = ref(false);
+  function handleUpdateShow(show: boolean) {
+    if (!attrs.checkable) {
+      showSelectOptionsMenu.value = show;
+    }
+  }
+  const focusNodeKeys = ref(new Set());
+
+  function handleShowPop() {
+    if (attrs.checkable && !props.disabled) {
+      showSelectOptionsMenu.value = !showSelectOptionsMenu.value;
+    }
+  }
+
+  const keyField = computed(() => (attrs as TreeSelectProps)?.keyField ?? 'value');
+  const labelField = computed(() => (attrs as TreeSelectProps)?.labelField ?? 'label');
+
+  // 设置子节点的 containChildModule 和 disabled 属性值
+  function updateChildNodesState(node: TreeSelectOption, state: boolean) {
+    if (node.children) {
+      node.children.forEach((child: TreeSelectOption) => {
+        child.containChildModule = state;
+        child.disabled = state;
+        updateChildNodesState(child, state);
+      });
+    }
+  }
+
+  async function initDepartList() {
+    try {
+      const tree = await getFieldDeptTree();
+      treeData.value = mapTree(tree, (node) => {
+        const isContainChild = !!containChildIds.value?.includes(node.id as string);
+        updateChildNodesState(node, isContainChild);
+        if (isContainChild) {
+          checkNode(selectValue.value as (string | number)[], { checked: true, node, id: node.id });
+        }
+        return {
+          disabled: false,
+          ...node,
+          containChildModule: isContainChild,
+        };
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  function handleCheck(_checkedKeys: Array<string | number>, checkedNodes: CheckedNodes) {
+    if (props.showContainChildModule) {
+      if (checkedNodes.node?.disabled) return;
+      const realNode = findNodeByKey<TreeSelectOption>(treeData.value, checkedNodes.id as string, 'id');
+      if (!realNode) return;
+      if (checkedNodes.checked) {
+        // 父级勾选，且父级“包含新增子模块”勾选，那么下面所有子级：禁用和勾选“包含新增子模块”
+        if (realNode.containChildModule) {
+          updateChildNodesState(realNode, true);
+        }
+      } else {
+        // 父级取消勾选，父级和所有子级“包含新增子模块”取消勾选，所有子级取消禁用
+        realNode.containChildModule = false;
+        updateChildNodesState(realNode, false);
+      }
+    }
+    checkNode(_checkedKeys, checkedNodes);
+  }
+
+  function handleClear() {
+    if (props.showContainChildModule) {
+      treeData.value = mapTree<TreeSelectOption>(treeData.value, (node) => ({
+        ...node,
+        containChildModule: false,
+        disabled: false,
+      }));
+    }
+    clearSelector();
+  }
+
+  function updateCheckedKeys(
+    value: string | number | Array<string | number> | null,
+    option: TreeSelectOption | null | Array<TreeSelectOption | null>,
+    meta: { node: TreeOption | null; action: 'select' | 'unselect' | 'delete' | 'clear' }
+  ) {
+    if (attrs.checkable) {
+      const { node, action } = meta;
+      if (action === 'clear') {
+        handleClear();
+      }
+
+      if (node) {
+        const checkNodes: CheckedNodes = {
+          id: node.id as string,
+          checked: action === 'select',
+          node,
+        };
+        handleCheck(value as (string | number)[], checkNodes);
+      }
+    } else {
+      selectValue.value = value;
+    }
+  }
+
+  // 当前节点“包含新增子模块”取消勾选，下面一层的子级取消禁用
+  function updateNodeState(nodeId: string | number) {
+    const realNode = findNodeByKey<TreeSelectOption>(treeData.value, nodeId, 'id');
+    if (!realNode) return;
+    realNode.containChildModule = false;
+    realNode.children?.forEach((child) => {
+      child.disabled = false;
+    });
+  }
+
+  // 选择当前|取消当前
+  function handleSelectCurrent(option: TreeSelectOption) {
+    const selectValueKeys = selectValue.value as string[];
+    const optionId = option[keyField.value] as string;
+    if (props.showContainChildModule && selectValueKeys.includes(optionId)) {
+      // 取消当前
+      updateNodeState(optionId);
+    }
+    selectParent(option, !!selectValueKeys.includes(optionId));
+  }
+
+  function handleContainChildModule(nodeData: TreeSelectOption, containChildModule: boolean) {
+    const realNode = findNodeByKey<TreeSelectOption>(treeData.value, nodeData.id as string, 'id');
+    if (!realNode) return;
+    realNode.containChildModule = containChildModule;
+    if (containChildModule) {
+      handleCheck(selectValue.value as string[], { checked: true, node: realNode, id: realNode.id });
+      containChildIds.value.push(realNode.id as string);
+    } else {
+      realNode.children?.forEach((child) => {
+        child.disabled = false;
+      });
+      containChildIds.value = containChildIds.value.filter((id) => id !== realNode.id);
+    }
+  }
+
+  function renderSwitcherIconDom(nodeSwitchProps: { option: TreeSelectOption; expanded: boolean; selected: boolean }) {
+    const { option } = nodeSwitchProps;
+    return h(CrmIcon, {
+      size: 16,
+      type: option.children?.length ? 'iconicon_caret_right_small' : '',
+      class: `text-[var(--text-n2)]`,
+    });
+  }
+
+  function renderContainChildModule(option: TreeSelectOption) {
+    return h(
+      'div',
+      {
+        class: `flex items-center`,
+        onClick: (e: Event) => {
+          e.stopPropagation();
+        },
+      },
+      [
+        h(
+          NCheckbox,
+          {
+            checked: option.containChildModule as boolean,
+            onUpdateChecked: (val: boolean) => {
+              option.containChildModule = val;
+              handleContainChildModule(option, val);
+            },
+            onClick: (e: Event) => {
+              e.stopPropagation();
+            },
+          },
+          {
+            default: () => t('crmTreeSelect.containNewChildModule'),
+          }
+        ),
+        h('div', { class: 'flex items-center gap-[4px]' }, [
+          h(
+            NTooltip,
+            {
+              delay: 300,
+              flip: true,
+            },
+            {
+              trigger: () =>
+                h(CrmIcon, {
+                  type: 'iconicon_help_circle',
+                  class: 'cursor-pointer text-[var(--text-n4)] hover:text-[var(--primary-1)]',
+                }),
+              default: () => t('crmTreeSelect.containNewChildModuleTip'),
+            }
+          ),
+        ]),
+      ]
+    );
+  }
+
+  function renderSuffix(info: { option: TreeSelectOption; checked: boolean; selected: boolean }) {
+    if (!attrs.checkable && !attrs.multiple) return null;
+
+    const selectValueKeys = selectValue.value as string[];
+    const { option } = info;
+    const suffixChildren: VNode[] = [];
+    const optionId = option[keyField.value] as string;
+    // “选择当前”/“取消当前”按钮
+    if (option.children && option.children.length && !option.disabled) {
+      const isSelected = selectValueKeys.includes(optionId);
+
+      suffixChildren.push(
+        h(
+          NButton,
+          {
+            text: true,
+            size: 'tiny',
+            type: 'primary',
+            onClick: (e: Event) => {
+              e.stopPropagation();
+              handleSelectCurrent(option);
+            },
+          },
+          () => (isSelected ? t('crmTreeSelect.cancelCurrent') : t('crmTreeSelect.selectCurrent'))
+        )
+      );
+    }
+
+    // “包含新增子模块”更多菜单
+    if (props.showContainChildModule && !option.disabled && option.id !== 'root') {
+      const moreVNode = h(CrmMoreAction, {
+        options: [
+          {
+            label: t('crmTreeSelect.containNewChildModule'),
+            key: 'contain',
+            render: renderContainChildModule(option),
+          },
+        ],
+        size: 'tiny',
+        onUpdateShow: (show: boolean) => {
+          if (show) {
+            focusNodeKeys.value.add(optionId);
+          } else {
+            focusNodeKeys.value.clear();
+          }
+        },
+      });
+
+      suffixChildren.push(moreVNode);
+    }
+
+    return h(
+      'div',
+      {
+        class: 'flex items-center gap-[8px] crm-tree-node-extra',
+        onClick: (e: Event) => {
+          e.stopPropagation();
+        },
+      },
+      suffixChildren
+    );
+  }
+
+  function renderLabel(info: { option: TreeSelectOption; checked: boolean; selected: boolean }) {
+    const { option } = info;
+    const optionId = option[keyField.value] as string;
+    const optionLabel = option[labelField.value] as string | number;
+    // 是否达到上限且该项未被选中
+    const isLimitHit =
+      props.limitSelectCount &&
+      attrs.checkable &&
+      (selectValue.value as string[])?.length >= props.limitSelectCount &&
+      !(selectValue.value as string[])?.includes(optionId);
+
+    return h(
+      NTooltip,
+      {
+        delay: 300,
+        flip: true,
+      },
+      {
+        trigger: () => {
+          return h('div', { class: 'flex-1 m-w-0 one-line-text max-w-[300px] crm-tree-node-title' }, optionLabel);
+        },
+        default: () => (isLimitHit ? props.limitSelectTooltip : optionLabel),
+      }
+    );
+  }
+
+  // TODO 先不用这个，有自带的面板提示
+  // const tooltipText = computed(() => {
+  //   const values = Array.isArray(checkedKeys.value) ? checkedKeys.value : [checkedKeys.value];
+  //   if (!values.length || !treeData.value) return '';
+  //   return values
+  //     .map((valueItem: string | number) => {
+  //       const optItem = findNodeByKey<TreeSelectOption>(
+  //         treeData.value as TreeSelectOption[],
+  //         valueItem,
+  //         keyField.value
+  //       );
+  //       return optItem ? optItem[labelField.value] : '';
+  //     })
+  //     .filter(Boolean)
+  //     .join('，');
+  // });
+
+  function nodeProps(info: { option: TreeSelectOption }) {
+    const { option } = info;
+    const optionId = option[keyField.value] as string | number;
+    return {
+      class: `${focusNodeKeys.value.has(optionId) ? 'crm-tree-focus-node' : ''}`,
+    };
+  }
+
+  const treeSelectWrapperRef = ref<HTMLElement>();
+
+  function handleClickOutside(e: MouseEvent) {
+    const treeSelectWrapper = treeSelectWrapperRef.value;
+    const dropdownPanel = document.querySelector('.n-tree-select-menu');
+    const moreActionPanel = document.querySelector('.crm-dropdown');
+    const target = e.target as Node;
+
+    const clickedOutside =
+      treeSelectWrapper &&
+      !treeSelectWrapper.contains(target) &&
+      dropdownPanel &&
+      !dropdownPanel.contains(target) &&
+      (!moreActionPanel || !moreActionPanel.contains(target));
+
+    if (clickedOutside) {
+      focusNodeKeys.value.clear();
+      showSelectOptionsMenu.value = false;
+    }
+  }
+
+  onMounted(() => {
+    if (props.type === 'department') {
+      initDepartList();
+    }
+    document.addEventListener('mousedown', handleClickOutside);
+  });
+
+  onBeforeUnmount(() => {
+    document.removeEventListener('mousedown', handleClickOutside);
+  });
+
+  const skipSelectValueWatch = ref(false);
+  watch(
+    () => selectValue.value,
+    (newValue) => {
+      if (attrs.multiple) {
+        if (!skipSelectValueWatch.value && !isEqual(checkedKeys.value, newValue)) {
+          clearSelector();
+          ((newValue as string[]) ?? []).forEach((id) => {
+            selectedModulesMaps.value[id] = {
+              selectAll: true,
+              selectIds: new Set(),
+              excludeIds: new Set(),
+              count: 0,
+            };
+          });
+        }
+        skipSelectValueWatch.value = false;
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  watch(
+    () => checkedKeys.value,
+    (newValue) => {
+      if (attrs.multiple) {
+        if (!isEqual(selectValue.value, newValue)) {
+          // 赋值selectValue，但是不触发watch selectValue
+          skipSelectValueWatch.value = true;
+          selectValue.value = [...newValue];
+        }
+      }
+    }
+  );
+
+  watch(
+    () => props.options,
+    (val) => {
+      if (val) {
+        treeData.value = val;
+      }
+    },
+    {
+      deep: true,
+    }
+  );
+</script>
+
+<style lang="less">
+  .n-tree-select-menu {
+    .n-tree {
+      .n-tree-node-wrapper {
+        .n-tree-node {
+          @apply flex items-center;
+          .n-tree-node-content {
+            min-width: 100px;
+            .n-tree-node-content__text {
+              @apply flex w-full items-center overflow-hidden;
+
+              gap: 4px;
+              .crm-tree-node-title {
+                @apply flex-1 overflow-hidden;
+
+                line-height: 22px;
+              }
+            }
+            // 后缀
+            .n-tree-node-content__suffix {
+              @apply sticky right-0;
+
+              background-color: var(--primary-7);
+              transition: background-color 0.3s var(--n-bezier);
+              .crm-tree-node-extra {
+                gap: 4px;
+                @apply invisible flex w-0 items-center;
+                .crm-suffix-btn {
+                  width: 24px;
+                  height: 24px;
+                  background-color: var(--primary-7);
+                  @apply flex items-center justify-center;
+                  &:hover {
+                    background-color: var(--primary-6);
+                  }
+                }
+                &:hover {
+                  @apply visible w-auto;
+                }
+              }
+            }
+          }
+          &.crm-tree-focus-node {
+            .n-tree-node-content__suffix {
+              .crm-tree-node-extra {
+                @apply visible w-auto;
+              }
+            }
+          }
+          // hover样式
+          &:hover {
+            .n-tree-node-content__text {
+              .crm-tree-node-count {
+                @apply hidden;
+              }
+            }
+            .n-tree-node-content__suffix {
+              .crm-tree-node-extra {
+                @apply visible w-auto;
+              }
+            }
+          }
+        }
+      }
+      .n-scrollbar-rail--horizontal {
+        bottom: 0;
+      }
+      .n-scrollbar-rail--vertical {
+        right: 0;
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/pure/crm-tree-select/locale/en-US.ts b/frontend/packages/web/src/components/pure/crm-tree-select/locale/en-US.ts
new file mode 100644
index 0000000..9372532
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-tree-select/locale/en-US.ts
@@ -0,0 +1,6 @@
+export default {
+  'crmTreeSelect.selectCurrent': 'Select current',
+  'crmTreeSelect.cancelCurrent': 'Cancel current',
+  'crmTreeSelect.containNewChildModule': 'Contains new children',
+  'crmTreeSelect.containNewChildModuleTip': 'Automatically includes subsequent children added to the selected module',
+};
diff --git a/frontend/packages/web/src/components/pure/crm-tree-select/locale/zh-CN.ts b/frontend/packages/web/src/components/pure/crm-tree-select/locale/zh-CN.ts
new file mode 100644
index 0000000..eed7802
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-tree-select/locale/zh-CN.ts
@@ -0,0 +1,6 @@
+export default {
+  'crmTreeSelect.selectCurrent': '选择当前',
+  'crmTreeSelect.cancelCurrent': '取消当前',
+  'crmTreeSelect.containNewChildModule': '包含新增子级',
+  'crmTreeSelect.containNewChildModuleTip': '自动包含所选模块后续添加的子级',
+};
diff --git a/frontend/packages/web/src/components/pure/crm-tree-select/useTreeSelection.ts b/frontend/packages/web/src/components/pure/crm-tree-select/useTreeSelection.ts
new file mode 100644
index 0000000..0991a01
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-tree-select/useTreeSelection.ts
@@ -0,0 +1,229 @@
+import { TreeSelectOption } from 'naive-ui';
+
+export interface moduleKeysType {
+  all?: string;
+  selectAll: boolean;
+  selectIds: Set<string>;
+  excludeIds: Set<string>;
+  count: number;
+}
+
+export interface SelectedModuleProps {
+  modulesTree: TreeSelectOption[];
+  moduleCount: Record<string, any>;
+  value: string | number | (string | number)[] | null;
+}
+
+export interface CheckedNodes {
+  id: string | number;
+  node: TreeSelectOption;
+  checked: boolean;
+}
+
+export default function useTreeSelection(selectedModuleProps: SelectedModuleProps) {
+  const { modulesTree, moduleCount } = selectedModuleProps;
+
+  const moduleTree = ref<TreeSelectOption[]>(modulesTree);
+
+  const modulesCount = ref<Record<string, any>>(moduleCount);
+  // 模块全选keys
+  const checkedKeys = ref<Array<string | number>>(
+    Array.isArray(selectedModuleProps.value) ? selectedModuleProps.value : [selectedModuleProps.value as string]
+  );
+  // 模块半选keys
+  const halfCheckedKeys = ref<Array<string | number>>([]);
+  // 模块配置集合
+  const selectedModulesMaps = ref<Record<string, moduleKeysType>>({});
+  // 是否全选
+  const isCheckedAll = ref<boolean>(false);
+  // 是否半选
+  const indeterminate = ref<boolean>(false);
+  // 设置节点
+  function setNode(nodeData: TreeSelectOption, checked: boolean) {
+    selectedModulesMaps.value[nodeData.id as string] = {
+      selectAll: checked,
+      selectIds: new Set(),
+      excludeIds: new Set(),
+      count: nodeData?.count as number,
+    };
+  }
+
+  // 选中当前节点 && 取消当前节点
+  function selectParent(nodeData: TreeSelectOption, isSelected: boolean) {
+    setNode(nodeData, !isSelected);
+  }
+
+  // 初始化左侧模块节点选中当前以及子节点
+  function processAllCurrentNode(node: TreeSelectOption, check: boolean) {
+    if (node?.children && node?.children?.length) {
+      node.children.forEach((childrenNode: TreeSelectOption) => processAllCurrentNode(childrenNode, check));
+    }
+    setNode(node, check);
+  }
+
+  // 选中当前节点以及子节点
+  function checkNode(_checkedKeys: Array<string | number>, checkedData: CheckedNodes) {
+    const { checked, node } = checkedData;
+    processAllCurrentNode(node as TreeSelectOption, checked as boolean);
+  }
+
+  // 全选全部&取消全选
+  function setSelectAll(tree: TreeSelectOption[], checkedAll: boolean) {
+    tree.forEach((node) => {
+      processAllCurrentNode(node, checkedAll);
+
+      if (node.children) {
+        setSelectAll(node.children, checkedAll);
+      }
+    });
+  }
+  // 选中全部所有的模块
+  function checkAllModule(value: boolean | (string | number | boolean)[], ev: Event) {
+    const checkAll = value as boolean;
+    selectedModulesMaps.value.all = {
+      selectAll: checkAll,
+      selectIds: new Set(),
+      excludeIds: new Set(),
+      count: modulesCount.value.all,
+    };
+    // 设置所有的模块选中
+    setSelectAll(moduleTree.value, checkAll);
+    const lastProps = selectedModulesMaps.value.all;
+    selectedModulesMaps.value.all.selectAll = lastProps.selectAll;
+    selectedModulesMaps.value.all.selectIds = new Set([]);
+    selectedModulesMaps.value.all.excludeIds = new Set([]);
+  }
+  // TODO 待优化 手动触发计算，或者每次增量更新
+  const totalCount = computed(() => {
+    return Object.keys(selectedModulesMaps.value).reduce((total, key) => {
+      const module = selectedModulesMaps.value[key];
+      if (key !== 'all') {
+        // 全选
+        if (module.selectAll && !module.excludeIds.size && !module.selectIds.size) {
+          total += module.count;
+          // 具有排除项则半选
+        } else if (module.selectAll && module.excludeIds.size) {
+          total += module.count - module.excludeIds.size;
+          // 初始化上来选择右侧列表计算selectIds.size为和
+        } else if (!module.selectAll) {
+          total += module.selectIds.size;
+        }
+      }
+      return total;
+    }, 0);
+  });
+
+  watch(
+    () => selectedModulesMaps.value,
+    (val) => {
+      const checkedKeysSet = new Set(checkedKeys.value);
+      const halfCheckedKeysSet = new Set(halfCheckedKeys.value);
+
+      if (!Object.keys(val).length) {
+        checkedKeysSet.clear();
+        halfCheckedKeysSet.clear();
+        isCheckedAll.value = false;
+        indeterminate.value = false;
+      }
+
+      Object.entries(val).forEach(([moduleId, selectedProps]) => {
+        const { selectAll: selectIdsAll, selectIds, count, excludeIds } = selectedProps;
+        if (selectedProps) {
+          // 全选状态则其他参数的size都为0
+          if (selectIdsAll && !selectIds.size && !excludeIds.size) {
+            checkedKeysSet.add(moduleId);
+          } else {
+            checkedKeysSet.delete(moduleId);
+          }
+
+          // 半选状态
+          if (excludeIds.size || (selectIds.size > 0 && selectIds.size < count)) {
+            halfCheckedKeysSet.add(moduleId);
+          } else {
+            halfCheckedKeysSet.delete(moduleId);
+          }
+        }
+      });
+
+      // 更新 checkedKeys 和 halfCheckedKeys
+      checkedKeys.value = Array.from(checkedKeysSet);
+      halfCheckedKeys.value = Array.from(halfCheckedKeysSet);
+
+      // 更新全选和半选状态
+      const isAllCheckedModuleProps = val.all;
+
+      if (isAllCheckedModuleProps) {
+        if (totalCount.value === isAllCheckedModuleProps.count && isAllCheckedModuleProps.selectAll) {
+          isCheckedAll.value = true;
+        } else {
+          isCheckedAll.value = false;
+        }
+
+        if (totalCount.value === 0) {
+          indeterminate.value = false;
+        } else if (totalCount.value < isAllCheckedModuleProps.count) {
+          indeterminate.value = true;
+        } else {
+          indeterminate.value = false;
+        }
+      }
+    },
+    { deep: true }
+  );
+
+  // 设置模块树
+  function setModuleTree(tree: TreeSelectOption[]) {
+    moduleTree.value = tree;
+  }
+
+  // 设置模块
+  function setModuleCount(count: Record<string, any>) {
+    modulesCount.value = count;
+  }
+
+  // 清空
+  function clearSelector() {
+    Object.keys(selectedModulesMaps.value).forEach((key) => {
+      delete selectedModulesMaps.value[key];
+    });
+    checkedKeys.value = [];
+    isCheckedAll.value = false;
+  }
+
+  watch(
+    () => selectedModuleProps.modulesTree,
+    (val) => {
+      setModuleTree(val);
+    },
+    {
+      immediate: true,
+      deep: true,
+    }
+  );
+
+  watch(
+    () => selectedModuleProps.moduleCount,
+    (val) => {
+      setModuleCount(val);
+    },
+    {
+      immediate: true,
+      deep: true,
+    }
+  );
+
+  return {
+    selectedModulesMaps,
+    checkedKeys,
+    halfCheckedKeys,
+    isCheckedAll,
+    indeterminate,
+    selectParent,
+    processAllCurrentNode,
+    checkNode,
+    setSelectAll,
+    checkAllModule,
+    totalCount,
+    clearSelector,
+  };
+}
diff --git a/frontend/packages/web/src/components/pure/crm-tree/index.vue b/frontend/packages/web/src/components/pure/crm-tree/index.vue
new file mode 100644
index 0000000..42d5eef
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-tree/index.vue
@@ -0,0 +1,678 @@
+<template>
+  <n-tree
+    ref="crmTreeRef"
+    v-model:checked-keys="checkedKeys"
+    v-model:selected-keys="selectedKeys"
+    v-model:expanded-keys="expandedKeys"
+    v-model:indeterminate-keys="indeterminateKeys"
+    :virtual-scroll="props.virtualScrollProps?.virtualScroll"
+    :style="{
+      height: `${props.virtualScrollProps?.virtualScrollHeight}`,
+    }"
+    :class="['crm-tree', containerStatusClass]"
+    v-bind="{ ...props, ...props.fieldNames, draggable: editingKey ? false : props.draggable }"
+    :scrollbar-props="{
+      xScrollable: true,
+    }"
+    :data="filterTreeData"
+    :node-props="nodeProps"
+    :allow-drop="handleAllowDrop"
+    :render-label="renderLabelDom"
+    :render-prefix="renderPrefixDom"
+    :render-suffix="renderSuffixDom"
+    :render-switcher-icon="renderSwitcherIconDom"
+    :selectable="editingKey ? false : props.selectable"
+    @update:selected-keys="select"
+    @update:expanded-keys="expanded"
+    @update:checked-keys="checkNode"
+    @drag-start="onDragStart"
+    @drag-end="onDragEnd"
+    @drop="onDrop"
+  >
+    <template #empty>
+      <slot>
+        <div
+          v-show="filterTreeData.length === 0"
+          class="mt-[16px] rounded-[var(--border-radius-small)] p-[8px] text-center text-[12px] leading-[16px] text-[var(--text-n4)]"
+        >
+          {{ props.emptyText || t('common.noData') }}
+        </div>
+      </slot>
+    </template>
+  </n-tree>
+</template>
+
+<script setup lang="ts">
+  import { ref, VNodeChild } from 'vue';
+  import { FormItemRule, NTree } from 'naive-ui';
+  import { debounce } from 'lodash-es';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { deleteNode, findNodeByKey, getAllParentNodeIds, traverseTree } from '@lib/shared/method';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmMoreAction from '@/components/pure/crm-more-action/index.vue';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+
+  import useContainerShadow from '@/hooks/useContainerShadow';
+
+  import type {
+    CrmInfoNode,
+    CrmTreeFieldNames,
+    CrmTreeNodeData,
+    CrmTreeRenderData,
+    CrmTreeRenderIconData,
+    VirtualScrollPropsType,
+  } from './type';
+  import useRenameNode from './useRenameNode';
+  import { DropPosition } from 'naive-ui/es/tree/src/interface';
+
+  const { t } = useI18n();
+
+  const props = withDefaults(
+    defineProps<{
+      keyword?: string; // 搜索关键字
+      searchDebounce?: number; // 搜索防抖 crm 数
+      draggable?: boolean; // 是否可拖拽
+      showLine?: boolean; // 是否展示连接线
+      fieldNames?: CrmTreeFieldNames;
+      blockNode?: boolean; // 节点名称整行撑开
+      blockLine?: boolean; // 节点整行撑开
+      selectable?: boolean; // 是否可选中
+      nodeMoreActions?: ActionsItem[]; // 节点展示在省略号按钮内的更多操作
+      multiple?: boolean; // 是否允许多选
+      nodeMoreActionSize?: 'tiny' | 'small' | 'medium' | 'large'; // 更多操作按钮大小
+      emptyText?: string; // 空数据时的文案
+      checkable?: boolean; // 是否可选中
+      checkStrategy?: 'all' | 'parent' | 'child'; // 选中节点时的策略
+      cascade?: boolean; // 是否取消父子节点关联
+      virtualScrollProps?: VirtualScrollPropsType; // 虚拟滚动
+      disabledTitleTooltip?: boolean; // 是否禁用标题 tooltip
+      renderLabel?: (info: CrmInfoNode) => VNodeChild; // 自定义label
+      editRules?: FormItemRule | Array<FormItemRule>;
+      renderPrefix?: (info: CrmTreeRenderData) => VNodeChild; // 节点前缀的渲染函数
+      renderSuffix?: (info: CrmTreeRenderData) => VNodeChild; // 节点后缀的渲染函数
+      renderExtra?: (info: CrmTreeRenderData) => VNodeChild; // 节点后缀前的额外内容渲染
+      renderSwitcherIcon?: (info: CrmTreeRenderIconData) => VNodeChild; // 渲染icon
+      nodeHighlightClass?: string; // 节点高亮背景色
+      handleDrop?: boolean; // 节点高亮背景色
+      cancelable?: boolean; // 选中可取消
+      titleTooltipPosition?:
+        | 'top-start'
+        | 'top'
+        | 'top-end'
+        | 'right-start'
+        | 'right'
+        | 'right-end'
+        | 'bottom-start'
+        | 'bottom'
+        | 'bottom-end'
+        | 'left-start'
+        | 'left'
+        | 'left-end'; // 标题 tooltip 的位置
+      allowDrop?: (info: { dropPosition: DropPosition; node: CrmTreeNodeData; phase: 'drag' | 'drop' }) => boolean; // 是否允许放置
+      filterMoreActionFunc?: (items: ActionsItem[], node: CrmTreeNodeData) => any[]; // 过滤更多操作按钮
+      titleClass?: string;
+      renameApi?: (node: CrmTreeNodeData) => Promise<boolean>;
+      createApi?: (node: CrmTreeNodeData) => Promise<boolean>;
+      renameStatic?: boolean; // 是否是静态重命名，不调用接口
+    }>(),
+    {
+      searchDebounce: 300,
+      selectable: true,
+      draggable: false,
+      titleTooltipPosition: 'top-start',
+      fieldNames: () => ({
+        keyField: 'key',
+        labelField: 'label',
+        childrenField: 'children',
+        disabledField: 'disabled',
+      }),
+      multiple: false,
+      nodeMoreActionSize: 'tiny',
+      disabledTitleTooltip: false,
+      blockLine: true,
+      cancelable: false,
+    }
+  );
+
+  const emit = defineEmits<{
+    (
+      e: 'select',
+      selectedKeys: Array<string | number>,
+      option: Array<CrmTreeNodeData | null> | CrmTreeNodeData,
+      meta: { node: CrmTreeNodeData | null; action: 'select' | 'unselect' }
+    ): void;
+    (
+      e: 'check',
+      checkedKeys: Array<string | number>,
+      option: Array<CrmTreeNodeData | null> | CrmTreeNodeData,
+      meta: { node: CrmTreeNodeData | null; action: 'check' | 'uncheck' }
+    ): void;
+    (
+      e: 'expand',
+      _expandKeys: Array<string | number>,
+      option: Array<CrmTreeNodeData | null> | CrmTreeNodeData,
+      meta: { node: CrmTreeNodeData | null; action: 'expand' | 'collapse' | 'filter' }
+    ): void;
+    (e: 'moreActionSelect', item: ActionsItem, option: CrmTreeNodeData): void;
+    (e: 'click', info: { option: CrmTreeNodeData; checked: boolean; selected: boolean }): void;
+    (
+      e: 'drop',
+      tree: CrmTreeNodeData[],
+      dragNode: CrmTreeNodeData, // 被拖拽的节点
+      dropNode: CrmTreeNodeData, // 放入的节点
+      dropPosition: 'before' | 'inside' | 'after' // 位置
+    ): void;
+  }>();
+
+  const data = defineModel<CrmTreeNodeData[]>('data', {
+    required: true,
+  });
+
+  const defaultExpandAllKeys = defineModel<boolean>('defaultExpandAll', {
+    default: false,
+  });
+  const selectedKeys = defineModel<Array<string | number>>('selectedKeys', {
+    default: [],
+  });
+
+  const checkedKeys = defineModel<Array<string | number>>('checkedKeys', {
+    default: [],
+  });
+
+  const indeterminateKeys = defineModel<Array<string | number>>('indeterminate-keys', {
+    default: [],
+  });
+
+  const expandedKeys = defineModel<Array<string | number>>('expanded-keys', {
+    default: [],
+  });
+
+  const filterTreeData = ref<CrmTreeNodeData[]>([]); // 初始化时全量的树数据或在非搜索情况下更新后的全量树数据
+
+  function getSiblingLabels(key: string | number): string[] {
+    const option = findNodeByKey<CrmTreeNodeData>(data.value, key, props.fieldNames.keyField);
+    if (option) {
+      // 获取同层节点列表（树结构 or 列表结构）
+      const siblings =
+        option.parentId && option.parentId !== 'NONE'
+          ? findNodeByKey<CrmTreeNodeData>(data.value, option.parentId, props.fieldNames.keyField)?.[
+              props.fieldNames.childrenField
+            ] ?? []
+          : data.value;
+      // 排除自己节点在内
+      return siblings.reduce((siblingsLabels: string[], node: CrmTreeNodeData) => {
+        if (node[props.fieldNames.keyField] !== option[props.fieldNames.keyField]) {
+          if (!node.type || node.type === option.type) {
+            siblingsLabels.push(node[props.fieldNames.labelField]);
+          }
+        }
+        return siblingsLabels;
+      }, []);
+    }
+    return [];
+  }
+
+  function cancelNodeCreate(node: CrmTreeNodeData) {
+    deleteNode(filterTreeData.value, node[props.fieldNames.keyField], props.fieldNames.keyField);
+  }
+
+  const { toggleEdit, createEditInput, editingKey } = useRenameNode(
+    getSiblingLabels,
+    props.renameApi,
+    props.createApi,
+    cancelNodeCreate,
+    toRefs(props).renameStatic,
+    props.fieldNames
+  );
+
+  /**
+   * 选中节点事件
+   */
+  function select(
+    _selectedKeys: Array<string | number>,
+    _option: Array<CrmTreeNodeData | null>,
+    meta: { node: CrmTreeNodeData | null; action: 'select' | 'unselect' }
+  ) {
+    const options = props.multiple ? _option : (meta.node as CrmTreeNodeData);
+    emit('select', _selectedKeys, options, meta);
+  }
+
+  /**
+   * 展开折叠
+   */
+  function expanded(
+    _expandKeys: Array<string | number>,
+    _option: Array<CrmTreeNodeData | null>,
+    meta: { node: CrmTreeNodeData | null; action: 'expand' | 'collapse' | 'filter' }
+  ) {
+    const options = props.multiple ? _option : (meta.node as CrmTreeNodeData);
+    emit('expand', _expandKeys, options, meta);
+  }
+
+  /**
+   * 渲染label
+   */
+  function renderLabelDom(info: { option: CrmTreeNodeData; checked: boolean; selected: boolean }) {
+    const { option, selected, checked } = info;
+    return createEditInput(
+      { option, selected, checked },
+      {
+        name: option[props.fieldNames.labelField],
+        rules: props.editRules,
+      },
+      props.renderLabel,
+      { titleTooltipPosition: props.titleTooltipPosition, titleClass: props.titleClass }
+    );
+  }
+
+  /**
+   * 渲染前缀 (一般会放置标签Tag)
+   */
+  function renderPrefixDom(info: { option: CrmTreeNodeData; checked: boolean; selected: boolean }) {
+    // 如果提供了 renderPrefix
+    if (props.renderPrefix && typeof props.renderPrefix === 'function') {
+      return props.renderPrefix(info);
+    }
+  }
+
+  // 更多操作
+  function selectMoreAction(actionItem: ActionsItem, option: CrmTreeNodeData) {
+    const nodeKey = option[props.fieldNames.keyField];
+    if (actionItem.key === 'rename') {
+      option.hideMoreAction = true;
+      toggleEdit(nodeKey);
+    } else {
+      emit('moreActionSelect', actionItem, option);
+    }
+  }
+
+  function renderExtraDom(info: { option: CrmTreeNodeData; checked: boolean; selected: boolean }) {
+    const { option, checked, selected } = info;
+    if (props.renderExtra && typeof props.renderExtra === 'function') {
+      return props.renderExtra({ option, selected, checked });
+    }
+  }
+
+  /** *
+   * 操作后缀
+   */
+  const focusNodeKeys = ref(new Set());
+
+  function renderSuffixDom(info: { option: CrmTreeNodeData; checked: boolean; selected: boolean }) {
+    const { option, checked, selected } = info;
+    if (option.hideMoreAction || editingKey.value) {
+      return null;
+    }
+
+    // 如果自定义 renderSuffix 则显示自定义内容
+    if (props.renderSuffix && typeof props.renderSuffix === 'function') {
+      return props.renderSuffix({ option, selected, checked });
+    }
+
+    const filteredActions =
+      typeof props.filterMoreActionFunc === 'function'
+        ? props.filterMoreActionFunc(props.nodeMoreActions || [], option)
+        : props.nodeMoreActions || [];
+
+    const moreActionNode =
+      filteredActions.length > 0
+        ? h(CrmMoreAction, {
+            options: filteredActions,
+            size: props.nodeMoreActionSize,
+            onSelect: (actionItem: ActionsItem) => selectMoreAction(actionItem, option),
+            onUpdateShow: (show: boolean) => {
+              focusNodeKeys.value.clear();
+              if (show) {
+                focusNodeKeys.value.add(option[props.fieldNames.keyField]);
+              }
+            },
+          })
+        : null;
+
+    return h('div', { class: 'crm-tree-node-extra' }, [moreActionNode, renderExtraDom(info)]);
+  }
+
+  /**
+   * 渲染展开折叠图标
+   */
+  function renderSwitcherIconDom(nodeSwitchProps: { option: CrmTreeNodeData; expanded: boolean; selected: boolean }) {
+    const { option } = nodeSwitchProps;
+    if (props.renderSwitcherIcon && typeof props.renderSwitcherIcon === 'function') {
+      return props.renderSwitcherIcon(nodeSwitchProps);
+    }
+
+    return h(CrmIcon, {
+      size: 16,
+      type: option.children?.length ? 'iconicon_caret_right_small' : '',
+      class: `text-[var(--text-n2)]`,
+    });
+  }
+
+  /**
+   * 返回HTML属性
+   */
+  function nodeProps(info: { option: CrmTreeNodeData }) {
+    const { option } = info;
+    const key = option[props.fieldNames.keyField];
+    return {
+      class: `${focusNodeKeys.value.has(key) ? 'crm-tree-focus-node' : ''}`,
+      onClick: (e: MouseEvent) => {
+        emit('click', { option, checked: checkedKeys.value.includes(key), selected: selectedKeys.value.includes(key) });
+      },
+    };
+  }
+
+  /**
+   * checked
+   */
+  function checkNode(
+    _checkedKeys: Array<string | number>,
+    _option: Array<CrmTreeNodeData | null>,
+    meta: { node: CrmTreeNodeData | null; action: 'check' | 'uncheck' }
+  ) {
+    const options = props.multiple ? _option : (meta.node as CrmTreeNodeData);
+    emit('check', _checkedKeys, options, meta);
+  }
+
+  /**
+   * 根据关键字过滤树节点
+   * @param keyword 搜索关键字
+   */
+  function searchData(keyword: string) {
+    const search = (_data: CrmTreeNodeData[]) => {
+      const result: CrmTreeNodeData[] = [];
+      _data.forEach((item) => {
+        // 判断当前节点是否符合搜索关键字
+        const titleMatches = item[props.fieldNames.labelField].toLowerCase().includes(keyword.toLowerCase());
+        // 递归搜索子节点
+        let filteredChildren: CrmTreeNodeData[] = [];
+        if (item[props.fieldNames.childrenField]) {
+          filteredChildren = search(item[props.fieldNames.childrenField]);
+        }
+        // 当前节点符合关键字，或有符合关键字的子节点
+        if (titleMatches || filteredChildren.length > 0) {
+          result.push({
+            ...item,
+            expanded: true,
+            [props.fieldNames.childrenField]: filteredChildren,
+          });
+        }
+      });
+      return result;
+    };
+
+    return search(data.value);
+  }
+
+  // 防抖搜索
+  const updateDebouncedSearch = debounce(() => {
+    if (props.keyword) {
+      filterTreeData.value = searchData(props.keyword);
+    }
+  }, props.searchDebounce);
+
+  /** *
+   * 是否允许 drop
+   */
+  function handleAllowDrop(info: { dropPosition: DropPosition; node: CrmTreeNodeData; phase: 'drag' | 'drop' }) {
+    if (props.allowDrop) {
+      return props.allowDrop(info);
+    }
+    return true;
+  }
+
+  /** *
+   * 开始拖拽
+   */
+  const tempDragNode = ref<CrmTreeNodeData | null>(null);
+  function onDragStart(dataInfo: { node: CrmTreeNodeData; event: DragEvent }) {
+    const { node } = dataInfo;
+    tempDragNode.value = node;
+  }
+
+  /** *
+   * 结束拖拽
+   */
+  function onDragEnd() {
+    tempDragNode.value = null;
+  }
+
+  function loop(
+    _data: CrmTreeNodeData[],
+    key: string | number | undefined,
+    callback: (item: CrmTreeNodeData, index: number, arr: CrmTreeNodeData[]) => void
+  ) {
+    _data.some((item, index, arr) => {
+      if (item[props.fieldNames.keyField] === key) {
+        callback(item, index, arr);
+        return true;
+      }
+      if (item[props.fieldNames.childrenField]) {
+        return loop(item[props.fieldNames.childrenField], key, callback);
+      }
+      return false;
+    });
+  }
+
+  /**
+   * 处理拖拽结束
+   */
+  function onDrop(dropDataInfo: {
+    node: CrmTreeNodeData;
+    dragNode: CrmTreeNodeData;
+    dropPosition: 'before' | 'inside' | 'after';
+    event: DragEvent;
+  }) {
+    const { node: dropNode, dragNode, dropPosition } = dropDataInfo;
+
+    if (props.handleDrop) {
+      emit('drop', data.value, dragNode, dropNode, dropPosition);
+      return;
+    }
+    loop(data.value, dragNode.key, (item, index, arr) => {
+      arr.splice(index, 1);
+    });
+
+    if (dropPosition === 'inside') {
+      // 放入节点内
+      loop(data.value, dropNode.key, (item) => {
+        item.children = item.children || [];
+        item.children.push(dragNode);
+      });
+      dropNode.isLeaf = false;
+      if (props.showLine) {
+        delete dropNode.switcherIcon; // 放入的节点的 children 放入了被拖拽的节点，需要删除 switcherIcon 以展示默认的折叠图标
+      }
+    } else {
+      // 放入节点前或后
+      loop(data.value, dropNode.key, (item, index, arr) => {
+        arr.splice(['after', 'before'].includes(dropPosition) ? index : index + 1, 0, dragNode);
+      });
+    }
+    emit('drop', data.value, dragNode, dropNode, dropPosition);
+  }
+
+  function expandAllNodes() {
+    if (!defaultExpandAllKeys.value) return;
+
+    const expandAllKeysSet = new Set(expandedKeys.value);
+    traverseTree(data.value, (node) => {
+      expandAllKeysSet.add(node[props.fieldNames.keyField]);
+    });
+    expandedKeys.value = Array.from(expandAllKeysSet);
+  }
+
+  watch(
+    () => props.keyword,
+    (val) => {
+      if (val?.length) {
+        updateDebouncedSearch();
+      } else {
+        expandAllNodes();
+        filterTreeData.value = data.value;
+      }
+    }
+  );
+
+  function toggleExpand(expandAll: boolean) {
+    expandedKeys.value = expandAll ? getAllParentNodeIds(data.value) : [];
+  }
+
+  watch(
+    () => data.value,
+    () => {
+      if (props.keyword) {
+        filterTreeData.value = searchData(props.keyword);
+      } else {
+        filterTreeData.value = data.value;
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  // TODO 未生效xxw
+  const crmTreeRef = ref<InstanceType<typeof NTree>>();
+  const { containerStatusClass } = useContainerShadow({
+    overHeight: 34,
+    containerClassName: 'crm-tree',
+  });
+
+  watch(
+    () => defaultExpandAllKeys.value,
+    (val) => {
+      toggleExpand(val);
+    }
+  );
+
+  defineExpose({
+    toggleEdit,
+  });
+</script>
+
+<style lang="less">
+  .crm-tree {
+    .crm-container--shadow-y();
+    .v-vl {
+      @apply relative;
+      .v-vl-items {
+        @apply absolute min-w-full;
+        .v-vl-visible-items {
+          @apply w-full;
+
+          padding-right: 5px;
+        }
+      }
+    }
+    &.n-tree {
+      .n-tree-node-wrapper {
+        .n-tree-node {
+          @apply flex items-center;
+
+          height: 34px !important;
+          .n-tree-node-content {
+            min-width: 100px;
+            max-width: 300px;
+            .n-tree-node-content__text {
+              @apply flex w-full items-center overflow-hidden;
+
+              gap: 4px;
+              .crm-tree-node-title {
+                @apply flex-1 overflow-hidden;
+
+                line-height: 22px;
+                .crm-tree-node-count {
+                  margin-right: 4px;
+                  white-space: nowrap;
+                  color: var(--text-n4);
+                }
+              }
+            }
+            // 后缀
+            .n-tree-node-content__suffix {
+              @apply sticky right-0;
+
+              background-color: var(--primary-7);
+              transition: background-color 0.3s var(--n-bezier);
+              .crm-tree-node-extra {
+                margin-left: -4px;
+                gap: 4px;
+                @apply invisible flex w-0 items-center;
+                .crm-suffix-btn {
+                  background-color: var(--primary-7);
+                  @apply flex items-center justify-center;
+                  &:hover {
+                    background-color: var(--primary-6);
+                  }
+                }
+                &:hover {
+                  @apply visible w-auto;
+                }
+              }
+            }
+          }
+          .n-tree-node-content__prefix {
+            @apply flex items-center;
+
+            margin-right: 0 !important;
+          }
+          &.n-tree-node--selected {
+            .n-tree-node-content__prefix {
+              color: var(--primary-8);
+            }
+            .n-tree-node-content {
+              .n-tree-node-content__text {
+                width: 60%;
+                color: var(--primary-8);
+                .crm-tree-node-count {
+                  color: var(--primary-8);
+                }
+              }
+            }
+          }
+          .n-tree-node-switcher {
+            width: 16px;
+            height: 16px;
+            .n-tree-node-switcher__icon {
+              width: 16px;
+              height: 16px;
+            }
+          }
+          .n-tree-node-checkbox {
+            height: 100%;
+          }
+          &.crm-tree-focus-node {
+            .n-tree-node-content__suffix {
+              .crm-tree-node-extra {
+                @apply visible w-auto;
+              }
+            }
+          }
+          // hover样式
+          &:hover {
+            .n-tree-node-content__text {
+              .crm-tree-node-count {
+                @apply hidden;
+              }
+            }
+            .n-tree-node-content__suffix {
+              .crm-tree-node-extra {
+                margin-left: 8px;
+                @apply visible w-auto;
+              }
+            }
+          }
+        }
+      }
+      .n-scrollbar-rail--horizontal {
+        bottom: 0;
+      }
+      .n-scrollbar-rail--vertical {
+        right: 0;
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/pure/crm-tree/nodeTitle.vue b/frontend/packages/web/src/components/pure/crm-tree/nodeTitle.vue
new file mode 100644
index 0000000..917cc99
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-tree/nodeTitle.vue
@@ -0,0 +1,210 @@
+<template>
+  <div class="crm-tree-node-rename-container">
+    <n-tooltip :delay="300" flip :placement="props.titleTooltipPosition">
+      <template #trigger>
+        <div
+          :class="`one-line-text w-full ${props.titleClass || 'crm-tree-node-title'}`"
+          @dblclick.stop="() => emit('click')"
+        >
+          <slot name="labelSlot">
+            {{ form.name }}
+          </slot>
+        </div>
+      </template>
+      {{ props.fieldConfig?.name }}
+    </n-tooltip>
+
+    <div v-if="props.mode === 'rename'" class="crm-tree-node-rename-form">
+      <n-form ref="formRef" :model="form" size="small" :rules="rules">
+        <n-form-item label="" :show-label="false" :show-feedback="false" path="name">
+          <n-input
+            ref="inputInstRef"
+            v-model:value="form.name"
+            :maxlength="props.fieldConfig?.maxLength || 255"
+            :placeholder="props.fieldConfig?.placeholder || t('common.pleaseInputToEnter')"
+            :loading="props.loading"
+            @keydown.enter="handleKeyDown"
+            @blur="handleSave"
+            @input="validateValue"
+            @click.stop
+            @compositionstart="handleCompositionStart"
+            @compositionend="handleCompositionEnd"
+          >
+            <template #suffix>
+              <CrmClearSuffix :tooltip-content="tooltipContent" :status="validateNameError" @clear="clearHandler" />
+            </template>
+          </n-input>
+        </n-form-item>
+      </n-form>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { FormInst, FormItemRule, FormRules, InputInst, NForm, NFormItem, NInput, NTooltip } from 'naive-ui';
+  import { debounce } from 'lodash-es';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import type { ClearStatusType } from '@/components/pure/crm-clear-suffix/index.vue';
+  import CrmClearSuffix from '@/components/pure/crm-clear-suffix/index.vue';
+
+  import type { FieldConfig } from './type';
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    mode: 'rename' | 'view';
+    allowCancel?: boolean; // 是否允许创建取消
+    loading?: boolean;
+    fieldConfig?: FieldConfig; // 表单配置项
+    allNames?: string[]; // 添加或者重命名名称重复
+    titleClass?: string;
+    titleTooltipPosition?:
+      | 'top-start'
+      | 'top'
+      | 'top-end'
+      | 'right-start'
+      | 'right'
+      | 'right-end'
+      | 'bottom-start'
+      | 'bottom'
+      | 'bottom-end'
+      | 'left-start'
+      | 'left'
+      | 'left-end'; // 标题 tooltip 的位置
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'save', name: string, notChange: boolean): void;
+    (e: 'click'): void;
+    (e: 'cancel'): void;
+  }>();
+
+  const form = ref({ name: props.fieldConfig?.name || '' });
+
+  const validateNameError = ref<ClearStatusType>('default');
+  const formRef = ref<FormInst | null>(null);
+  const inputInstRef = ref<InputInst | null>(null);
+
+  // 校验名称是否重复
+  const tooltipContent = ref('');
+  const validateName = (rule: FormItemRule, value: string) => {
+    if (value.trim().length === 0) {
+      tooltipContent.value = t('common.nameNotNull');
+      return new Error(t('common.nameNotNull'));
+    }
+
+    if ((props.allNames || []).includes(value)) {
+      tooltipContent.value = t('common.nameExists');
+      return new Error(t(props.fieldConfig?.nameExistTipText || 'common.nameExists'));
+    }
+    tooltipContent.value = '';
+  };
+
+  const rules: FormRules = {
+    name: [
+      { required: true, message: t('common.nameNotNull'), trigger: ['input'] },
+      { validator: validateName, trigger: ['input'] },
+    ],
+  };
+
+  // 避免失失去焦点和回车事件重复
+  const debouncedSave = debounce((name: string, isSame: boolean) => {
+    emit('save', name, isSame);
+  }, 100);
+
+  function handleSave() {
+    formRef.value?.validate((errors) => {
+      if (!errors) {
+        validateNameError.value = 'default';
+        debouncedSave(form.value.name, form.value.name === props.fieldConfig?.name);
+      } else {
+        validateNameError.value = 'error';
+        if (props.allowCancel && form.value.name.trim().length === 0) {
+          emit('cancel');
+        }
+      }
+    });
+  }
+
+  function handleCancel() {
+    emit('cancel');
+  }
+
+  const isComposing = ref(false);
+  function handleCompositionStart() {
+    isComposing.value = true;
+  }
+
+  function handleCompositionEnd() {
+    isComposing.value = false;
+  }
+
+  function handleKeyDown(e: KeyboardEvent) {
+    if (e.key === 'Enter') {
+      if (isComposing.value) return;
+      handleSave();
+    } else if (e.key === 'Escape') {
+      handleCancel();
+    }
+  }
+
+  function validateValue() {
+    formRef.value?.validate((errors) => {
+      validateNameError.value = errors ? 'error' : 'default';
+    });
+  }
+
+  function clearHandler() {
+    // 非编辑节点没有值取消该节点
+    if (form.value.name.trim().length === 0 && props.allowCancel) {
+      handleCancel();
+      // 有值清空
+    } else {
+      form.value.name = '';
+      validateValue();
+    }
+  }
+
+  watch(
+    () => props.mode,
+    (newMode) => {
+      if (newMode === 'rename') {
+        nextTick(() => inputInstRef.value?.focus());
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  watch(
+    () => form.value.name,
+    (val) => {
+      if (val.trim().length === 0 && props.allowCancel) {
+        tooltipContent.value = t('common.cancel');
+        validateNameError.value = 'error';
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
+
+<style scoped lang="less">
+  .crm-tree-node-rename-container {
+    height: 34px;
+    @apply relative flex  w-full items-center;
+  }
+
+  // 通过绝对定位，避免整棵树重新布局渲染
+  .crm-tree-node-rename-form {
+    top: 50%;
+    left: 0;
+    transform: translateY(-50%);
+    @apply absolute w-full;
+  }
+</style>
diff --git a/frontend/packages/web/src/components/pure/crm-tree/type.ts b/frontend/packages/web/src/components/pure/crm-tree/type.ts
new file mode 100644
index 0000000..03be96f
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-tree/type.ts
@@ -0,0 +1,50 @@
+import type { FormItemRule, TreeOption } from 'naive-ui';
+
+export interface CrmTreeFieldNames {
+  keyField: string;
+  labelField: string;
+  disabledField?: string;
+  childrenField: string;
+  [key: string]: any;
+}
+
+export type CrmTreeNodeData<T = Record<string, any>> = {
+  hideMoreAction?: boolean; // 隐藏更多操作
+  parentId?: string;
+  expanded?: boolean; // 是否展开
+} & TreeOption &
+  T;
+
+export interface VirtualScrollPropsType {
+  virtualScroll: boolean; // 是否开启虚拟滚动
+  virtualScrollHeight: string; // 虚拟滚动树高度
+}
+
+export interface CrmInfoNode {
+  option: CrmTreeNodeData;
+  checked: boolean;
+  selected: boolean;
+  editing: boolean;
+  [key: string]: any;
+}
+
+export interface FieldConfig {
+  name: string;
+  rules?: FormItemRule | Array<FormItemRule>;
+  placeholder?: string;
+  maxLength?: number;
+  isTextArea?: boolean;
+  nameExistTipText?: string; // 添加重复提示文本
+}
+
+export interface CrmTreeRenderData {
+  option: CrmTreeNodeData;
+  checked: boolean;
+  selected: boolean;
+}
+
+export interface CrmTreeRenderIconData {
+  option: CrmTreeNodeData;
+  expanded: boolean;
+  selected: boolean;
+}
diff --git a/frontend/packages/web/src/components/pure/crm-tree/useRenameNode.ts b/frontend/packages/web/src/components/pure/crm-tree/useRenameNode.ts
new file mode 100644
index 0000000..5ee9f37
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-tree/useRenameNode.ts
@@ -0,0 +1,152 @@
+import { VNodeChild } from 'vue';
+
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+import NodeTitle from './nodeTitle.vue';
+
+import useDiscreteApi from '@/hooks/useDiscreteApi';
+
+import type { CrmInfoNode, CrmTreeFieldNames, CrmTreeNodeData, FieldConfig } from './type';
+/**
+ *
+ * @param renameApi 重命名API
+ * @param fieldNames 字段配置
+ * @returns
+ */
+export default function useRenameNode(
+  getSiblingLabelsFun: (key: string | number) => string[],
+  renameApi?: (node: CrmTreeNodeData) => Promise<boolean>,
+  createApi?: (node: CrmTreeNodeData) => Promise<boolean>,
+  cancelNodeCreateFun?: (node: CrmTreeNodeData) => void,
+  renameStatic?: Ref<boolean>,
+  fieldNames: CrmTreeFieldNames = { keyField: 'key', labelField: 'label', childrenField: 'children' }
+) {
+  const { t } = useI18n();
+  const { message } = useDiscreteApi();
+  // 切换编辑模式 管理节点的编辑状态
+  const editingKey = ref<string | number>('');
+
+  const { keyField, labelField } = fieldNames;
+
+  const getEditingMode = (key: string | number) => (editingKey.value === key ? 'rename' : 'view');
+
+  const toggleEdit = (key: string | number) => {
+    if (editingKey.value === key) {
+      editingKey.value = '';
+    } else {
+      editingKey.value = key;
+    }
+  };
+
+  /** 处理重命名逻辑 */
+  const loading = ref<boolean>(false);
+  async function handleRenameMode(node: CrmTreeNodeData) {
+    if (!renameApi) return;
+
+    loading.value = true;
+    try {
+      const res = await renameApi(node);
+      if (res) {
+        toggleEdit(node[keyField]);
+        node.hideMoreAction = false;
+        message.success(t('common.updateSuccess'));
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+  /** 创建节点 */
+  async function handleCreateMode(node: CrmTreeNodeData) {
+    if (!createApi) return;
+    loading.value = true;
+    try {
+      const res = await createApi(node);
+      if (res) {
+        toggleEdit(node[keyField]);
+        node.hideMoreAction = false;
+        message.success(t('common.addSuccess'));
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  // 处理编辑
+  function handleAction(node: CrmTreeNodeData, newLabel: string, notChange: boolean) {
+    const key = node[keyField];
+    node[labelField] = newLabel;
+
+    if (node.isNew && !renameStatic?.value) {
+      handleCreateMode(node);
+      // 有改变且为重命名
+    } else if (!notChange && getEditingMode(key) === 'rename' && !renameStatic?.value) {
+      handleRenameMode(node);
+      // 否则切换预览模式
+    } else {
+      toggleEdit(key);
+      node.hideMoreAction = false;
+    }
+  }
+
+  const siblingLabels = computed(() => {
+    return getSiblingLabelsFun(editingKey.value);
+  });
+
+  /** 生成 NodeTitle  */
+  function createEditInput(
+    infoProps: { option: CrmTreeNodeData; selected: boolean; checked: boolean },
+    fieldConfig: FieldConfig,
+    renderLabel?: (info: CrmInfoNode) => VNodeChild,
+    titleProps?: {
+      titleTooltipPosition?:
+        | 'top-start'
+        | 'top'
+        | 'top-end'
+        | 'right-start'
+        | 'right'
+        | 'right-end'
+        | 'bottom-start'
+        | 'bottom'
+        | 'bottom-end'
+        | 'left-start'
+        | 'left'
+        | 'left-end';
+      titleClass?: string;
+    }
+  ) {
+    const { option, selected, checked } = infoProps;
+    const mode = getEditingMode(option[keyField]);
+    return h(
+      NodeTitle,
+      {
+        mode,
+        fieldConfig,
+        allNames: siblingLabels.value,
+        loading: loading.value,
+        class: selected ? 'crm-select-label' : '',
+        ...titleProps,
+        allowCancel: option.isNew && !renameStatic?.value,
+        onSave: (newLabel: string, notChange: boolean) => handleAction(option, newLabel, notChange),
+        onCancel: () => {
+          // 取消创建该节点
+          if (option.isNew && !renameStatic?.value && typeof cancelNodeCreateFun === 'function') {
+            cancelNodeCreateFun(option);
+          }
+          toggleEdit(option[keyField]);
+          option.hideMoreAction = false;
+        },
+      },
+      {
+        labelSlot: () => renderLabel?.({ option, editing: mode !== 'view', selected, checked }),
+      }
+    );
+  }
+
+  return { toggleEdit, createEditInput, editingKey };
+}
diff --git a/frontend/packages/web/src/components/pure/crm-upload/iconMap.ts b/frontend/packages/web/src/components/pure/crm-upload/iconMap.ts
new file mode 100644
index 0000000..3abaacd
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-upload/iconMap.ts
@@ -0,0 +1,124 @@
+import { UploadAcceptEnum, UploadStatus } from '@lib/shared/enums/uploadEnum';
+
+import type { CrmFileItem } from './types';
+
+// 使用映射类型和索引签名
+export type FileIconMapping = {
+  [key in keyof typeof UploadAcceptEnum]: any;
+};
+
+// TODO 暂时缺少以下类型，需要再上传
+// jar: 未上传
+// json： 已上传
+// jmx： 已上传
+// har: 已上传
+export const FileIconMap: FileIconMapping = {
+  csv: {
+    [UploadStatus.init]: 'iconicon_file-CSV_colorful_ash',
+    [UploadStatus.done]: 'iconicon_file-CSV_colorful1',
+  },
+  excel: {
+    [UploadStatus.init]: 'iconicon_file-excel_colorful_ash',
+    [UploadStatus.done]: 'iconicon_file-excel_colorful',
+  },
+  image: {
+    [UploadStatus.init]: 'iconicon_file-image_colorful_ash',
+    [UploadStatus.done]: 'iconicon_file-image_colorful1',
+  },
+  jar: {
+    [UploadStatus.init]: 'icona-icon_file-jar_colorful',
+    [UploadStatus.done]: 'icona-icon_file-jar_colorful',
+  },
+  pdf: {
+    [UploadStatus.init]: 'iconicon_file-pdf_colorful_ash',
+    [UploadStatus.done]: 'icon-icon_file-pdf_colorful1',
+  },
+  sql: {
+    [UploadStatus.init]: 'iiconicon_file-sql_colorful_ash',
+    [UploadStatus.done]: 'iconicon_file-sql_colorful1',
+  },
+  // TOTO
+  plain: {
+    [UploadStatus.init]: 'icon-icon_file-text_colorful_ash',
+    [UploadStatus.done]: 'icon-icon_file-text_colorful1',
+  },
+  txt: {
+    [UploadStatus.init]: 'iconicon_file-text_colorful_ash',
+    [UploadStatus.done]: 'iconicon_file-text_colorful1',
+  },
+  word: {
+    [UploadStatus.init]: 'iconicon_file-word_colorful_ash',
+    [UploadStatus.done]: 'iconicon_file-word_colorful1',
+  },
+  video: {
+    [UploadStatus.init]: 'iconicon_file-video_colorful_ash',
+    [UploadStatus.done]: 'iconicon_file-video_colorful1',
+  },
+  xmind: {
+    [UploadStatus.init]: 'iconicon_file-xmind_colorful_ash',
+    [UploadStatus.done]: 'iconicon_file-xmind_colorful1',
+  },
+  zip: {
+    [UploadStatus.init]: 'icona-icon_file-compressed_colorful_ash2',
+    [UploadStatus.done]: 'icona-icon_file-compressed_colorful1',
+  },
+  sketch: {
+    [UploadStatus.init]: 'iconicon_file-sketch_colorful_ash',
+    [UploadStatus.done]: 'iconicon_file-sketch_colorful1',
+  },
+  ppt: {
+    [UploadStatus.init]: 'iconicon_file-ppt_colorful_ash',
+    [UploadStatus.done]: 'iconicon_file-ppt_colorful1',
+  },
+  unknown: {
+    [UploadStatus.init]: 'iconicon_file-unknown_colorful1',
+    [UploadStatus.done]: 'iconicon_file-unknown_colorful1',
+  },
+  none: {
+    [UploadStatus.init]: 'iconicon_file-unknown_colorful1',
+    [UploadStatus.done]: 'iconicon_file-unknown_colorful1',
+  },
+  json: {
+    [UploadStatus.init]: 'icona-icon_file-json',
+    [UploadStatus.done]: 'icon-a-icon_file-json',
+  },
+  jmx: {
+    [UploadStatus.init]: 'icona-icon_file-JMX',
+    [UploadStatus.done]: 'icon-a-icon_file-JMX',
+  },
+  har: {
+    [UploadStatus.init]: 'iconicon_file_har',
+    [UploadStatus.done]: 'icon-icon_file_har',
+  },
+};
+
+/**
+ * 获取文件类型枚举
+ * @param fileType 文件类型
+ */
+export function getFileEnum(fileType?: string): keyof typeof UploadAcceptEnum {
+  if (fileType) {
+    const keys = Object.keys(UploadAcceptEnum);
+    for (let i = 0; i < keys.length; i++) {
+      const key = keys[i] as unknown as keyof typeof UploadAcceptEnum;
+      if (UploadAcceptEnum[key].includes(fileType)) {
+        return key;
+      }
+    }
+  }
+  return 'unknown' as keyof typeof UploadAcceptEnum;
+}
+
+/**
+ * 获取文件图标
+ * @param item 文件项
+ * @param status 文件状态
+ */
+export function getFileIcon(item: CrmFileItem, status?: UploadStatus) {
+  const fileType = item.file?.name?.split('.').pop(); // 通过文件后缀判断文件类型
+  const _status = status || item.status;
+  if (_status === UploadStatus.done) {
+    return FileIconMap[getFileEnum(fileType)]?.[_status] ?? FileIconMap.unknown[UploadStatus.done];
+  }
+  return FileIconMap[getFileEnum(fileType)]?.[_status || UploadStatus.init] ?? FileIconMap.unknown[UploadStatus.done];
+}
diff --git a/frontend/packages/web/src/components/pure/crm-upload/index.vue b/frontend/packages/web/src/components/pure/crm-upload/index.vue
new file mode 100644
index 0000000..ef5f87d
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-upload/index.vue
@@ -0,0 +1,331 @@
+<template>
+  <n-upload
+    v-bind="{ ...props }"
+    v-model:file-list="innerFileList"
+    :accept="
+      [UploadAcceptEnum.none, UploadAcceptEnum.unknown].includes(UploadAcceptEnum[props.accept])
+        ? '*'
+        : UploadAcceptEnum[props.accept]
+    "
+    :multiple="props.multiple"
+    :class="getAllScreenClass"
+    class="crm-upload-wrapper"
+    @change="({ file, fileList }) => handleChange(file as CrmFileItem, fileList as CrmFileItem[])"
+    @before-upload="({ file, fileList })=>beforeUpload(file as CrmFileItem, fileList as CrmFileItem[])"
+  >
+    <n-upload-dragger class="crm-upload-dragger-wrapper">
+      <div v-if="props.defaultContent" class="crm-upload-area-wrapper">
+        <div
+          class="crm-upload-area"
+          :class="[
+            props.isAllScreen && showDropArea
+              ? 'crm-upload-area-dotted-border h-[100vh]'
+              : 'crm-upload-area-thin-border h-[154px]',
+          ]"
+        >
+          <div class="crm-upload-icon-box">
+            <CrmIcon
+              v-if="props.accept !== UploadAcceptEnum.none"
+              :type="fileIconType"
+              :size="32"
+              class="crm-upload-icon text-[var(--text-n4)]"
+            />
+            <div v-else class="crm-upload-icon crm-upload-icon--default"></div>
+          </div>
+          <template v-if="innerFileList.length === 0 || props.multiple">
+            <div class="crm-upload-main-text mb-[4px]">
+              {{ t(props.mainText || 'crm.upload.importModalDragText') }}
+            </div>
+            <div v-if="showSubText" class="crm-upload-sub-text">
+              <slot name="subText">
+                {{
+                  t(props.subText || 'crm.upload.importModalFileTip', {
+                    type: UploadAcceptEnum[props.accept],
+                    size: props.maxSize || 50,
+                  })
+                }}
+              </slot>
+            </div>
+          </template>
+          <template v-else>
+            <div class="crm-upload-main-text w-full">
+              <n-tooltip :content="innerFileList[0]?.name">
+                <template #trigger>
+                  <span class="one-line-text w-[80%] text-center"> {{ innerFileList[0]?.name }}</span>
+                </template>
+                <span class="one-line-text w-[80%] text-center"> {{ innerFileList[0]?.name }}</span>
+              </n-tooltip>
+            </div>
+            <div class="crm-upload-sub-text">{{ formatFileSize(innerFileList[0]?.file?.size || 0) }}</div>
+          </template>
+        </div>
+      </div>
+      <!-- 注：直接slot包裹不能正确识别拖拽区域-->
+      <slot v-else></slot>
+    </n-upload-dragger>
+  </n-upload>
+</template>
+
+<script setup lang="ts">
+  import { NTooltip, NUpload, NUploadDragger, UploadFileInfo, useMessage } from 'naive-ui';
+
+  import { UploadAcceptEnum, UploadStatus } from '@lib/shared/enums/uploadEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { formatFileSize } from '@lib/shared/method';
+
+  import { FileIconMap, getFileEnum, getFileIcon } from '@/components/pure/crm-upload/iconMap';
+
+  import type { CrmFileItem, UploadType } from './types';
+
+  const Message = useMessage();
+
+  const { t } = useI18n();
+
+  type UploadProps = Partial<{
+    fileList: CrmFileItem[]; // 文件列表
+    mainText: string; // 主要标题文案
+    subText: string; // 次要文案
+    showSubText: boolean; // 是否显示次要文案
+    multiple: boolean; // 上传多个
+    disabled: boolean; // 禁用
+    showFileList: boolean; // 是否显示文件列表
+    maxSize: number; // 文件大小限制，单位 MB
+    sizeUnit: 'MB' | 'KB'; // 文件大小单位
+    isLimit: boolean; // 是否限制文件大小
+    directoryDnd: boolean; // 是否允许拖拽文件
+    fileTypeTip?: string; // 上传文件类型错误提示
+    limit: number; // 限制上传文件数量
+    allowRepeat?: boolean; // 自定义上传文件框，是否允许重复文件名替换
+    isAllScreen?: boolean; // 是否是全屏显示拖拽上传
+    defaultContent?: boolean; // 是否是默认上传内容
+  }> & {
+    accept: UploadType;
+  };
+
+  const props = withDefaults(defineProps<UploadProps>(), {
+    showSubText: true,
+    isLimit: true,
+    isAllScreen: false,
+    allowRepeat: false,
+    sizeUnit: 'MB',
+    showFileList: false,
+    defaultContent: true,
+  });
+
+  const emit = defineEmits<{
+    (e: 'change', fileList: Array<CrmFileItem>, file: CrmFileItem): void;
+  }>();
+
+  const innerFileList = defineModel<CrmFileItem[]>('fileList', {
+    default: () => [],
+  });
+
+  const showDropArea = ref(!props.isAllScreen);
+
+  // 文件icon类型
+  const fileIconType = computed(() => {
+    if (innerFileList.value.length > 0 && !props.multiple) {
+      return getFileIcon(innerFileList.value[0], UploadStatus.done);
+    }
+    return FileIconMap[props.accept][UploadStatus.init];
+  });
+
+  const getAllScreenClass = computed(() => {
+    return props.isAllScreen && showDropArea.value
+      ? ['!fixed', 'right-0', 'left-0', 'bottom-0', 'top-0', 'm-auto', 'z-[999]', 'opacity-90']
+      : [];
+  });
+
+  function handleChange(file: CrmFileItem, fileList: Array<CrmFileItem>) {
+    const lastFileList = fileList.map((e: any) => {
+      return {
+        ...e,
+        url: URL.createObjectURL(e.file),
+      };
+    });
+    file.local = true;
+    file.url = URL.createObjectURL(file.file as Blob);
+    emit('change', lastFileList, file);
+  }
+
+  // 判断文件是否重复
+  function isFileRepeat(file: CrmFileItem, fileList: CrmFileItem[], allowRepeat: boolean): boolean {
+    if (!allowRepeat && props.multiple) {
+      const isRepeat = fileList.some((item: CrmFileItem) => item.name === file.name && item.local);
+      return isRepeat;
+    }
+    return false;
+  }
+
+  // 判断文件大小
+  function isFileSizeValid(file: UploadFileInfo, maxSize: number, sizeUnit: string, isLimit: boolean): boolean {
+    if (isLimit && file.file?.size) {
+      const maxSizeInBytes = sizeUnit === 'MB' ? maxSize * 1024 * 1024 : maxSize * 1024;
+      return file.file.size <= maxSizeInBytes;
+    }
+    return true;
+  }
+
+  // 判断文件类型
+  function isFileTypeValid(file: UploadFileInfo, accept: string): boolean {
+    const fileFormatMatch = file.name.match(/\.([a-zA-Z0-9]+)$/);
+    const fileFormatType = fileFormatMatch ? fileFormatMatch[1] : 'none';
+    return accept === getFileEnum(fileFormatType) || accept === 'none';
+  }
+
+  async function beforeUpload(file: CrmFileItem, _fileList: Array<CrmFileItem>) {
+    const maxSize = props.maxSize || 50;
+
+    //  附件上传校验名称重复
+    if (innerFileList.value.length > 0 && isFileRepeat(file, innerFileList.value, props.allowRepeat)) {
+      Message.warning(t('crm.upload.repeatFileTip'));
+      return false; // 文件重复，返回 false 以阻止上传
+    }
+
+    //  校验文件大小
+    if (!isFileSizeValid(file, maxSize, props.sizeUnit, props.isLimit)) {
+      Message.warning(t('crm.upload.overSize', { size: maxSize, unit: props.sizeUnit }));
+      return false; // 文件大小不符合要求，返回 false
+    }
+
+    //  单文件上传时清空之前文件
+    if (!props.multiple) {
+      innerFileList.value = [];
+    }
+
+    //  校验文件类型
+    if (!isFileTypeValid(file, props.accept)) {
+      Message.error(props.fileTypeTip || t('crm.upload.fileTypeValidate', { type: props.accept }));
+      return false;
+    }
+
+    return true;
+  }
+
+  watch(
+    () => props.isAllScreen,
+    (val) => {
+      showDropArea.value = !val;
+    },
+    { immediate: true }
+  );
+
+  const resizeObserver = ref();
+  const targetElement = ref();
+  const wrapperWidth = ref<number>();
+
+  function init() {
+    const ele = document.querySelector('body');
+    targetElement.value = document.querySelector('.n-config-provider');
+    resizeObserver.value = new ResizeObserver((entries) => {
+      entries.forEach((item) => {
+        wrapperWidth.value = item.contentRect.width;
+      });
+    });
+
+    resizeObserver.value.observe(targetElement.value);
+    wrapperWidth.value = targetElement.value.getBoundingClientRect().width;
+    if (ele) {
+      ele.addEventListener('dragenter', (event) => {
+        const { dataTransfer } = event;
+        if (dataTransfer && dataTransfer.types.includes('Files')) {
+          // 处理拖拽的文件
+          showDropArea.value = true;
+        }
+      });
+      // 拖后放
+      ele.addEventListener('dragleave', (e: any) => {
+        if (
+          e.target.nodeName === 'HTML' ||
+          e.target === e.explicitOriginalTarget ||
+          (!e.fromElement &&
+            (e.clientX <= 0 || e.clientY <= 0 || e.clientX >= window.innerWidth || e.clientY >= window.innerHeight))
+        ) {
+          showDropArea.value = false;
+        }
+      });
+      // 拖离
+      ele.addEventListener('drop', (e) => {
+        showDropArea.value = false;
+        e.preventDefault();
+      });
+    }
+  }
+
+  // 禁用默认拖拽事件
+  function disableDefaultEvents() {
+    const doc = document.querySelector('body');
+    if (doc) {
+      doc.addEventListener('dragleave', (e) => e.preventDefault()); // 拖离
+      doc.addEventListener('drop', (e) => e.preventDefault()); // 拖后放
+      doc.addEventListener('dragenter', (e) => e.preventDefault()); // 拖进
+      doc.addEventListener('dragover', (e) => e.preventDefault()); // 结束拖拽
+    }
+  }
+
+  onMounted(() => {
+    if (props.isAllScreen) {
+      disableDefaultEvents();
+      init();
+    }
+  });
+
+  onBeforeUnmount(() => {
+    if (props.isAllScreen) resizeObserver.value?.disconnect();
+  });
+</script>
+
+<style lang="less" scoped>
+  .crm-upload-area {
+    border-color: var(--text-n7);
+    border-radius: var(--border-radius-small);
+    background-color: var(--text-n9);
+
+    @apply flex flex-col items-center justify-center;
+    .crm-upload-icon-box {
+      @apply rounded-full;
+
+      margin-bottom: 16px;
+      padding: 8px;
+      width: 48px;
+      height: 48px;
+      background-color: var(--text-n10);
+      .crm-upload-icon {
+        @apply h-full w-full bg-cover bg-no-repeat;
+        &--default {
+          background-image: url('@/assets/svg/uploadfile.svg');
+        }
+      }
+    }
+    .crm-upload-main-text {
+      @apply flex items-center justify-center gap-1;
+
+      color: var(--text-n1);
+    }
+    .crm-upload-sub-text {
+      margin-bottom: 6px;
+      font-size: 12px;
+      color: var(--text-n4);
+      line-height: 16px;
+    }
+  }
+  .crm-upload-area-thin-border {
+    border: 1px dashed var(--text-n7);
+  }
+  .crm-upload-area-dotted-border {
+    border: 4px dashed var(--primary-8);
+  }
+</style>
+
+<style lang="less">
+  .crm-upload-wrapper {
+    border: none !important;
+    .n-upload-trigger {
+      width: 100% !important;
+      .crm-upload-dragger-wrapper {
+        padding: 0;
+        border: none !important;
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/components/pure/crm-upload/locale/en-US.ts b/frontend/packages/web/src/components/pure/crm-upload/locale/en-US.ts
new file mode 100644
index 0000000..8fcdeac
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-upload/locale/en-US.ts
@@ -0,0 +1,24 @@
+export default {
+  'crm.upload.changeFile': 'Change file',
+  'crm.upload.overSize': 'The file size limit is {size} {unit}, please reselect the file',
+  'crm.upload.importModalDragText': 'Drag or click this area to select a file',
+  'crm.upload.importModalFileTip':
+    'Only {type} format files are supported, and the file size does not exceed {size} MB',
+  'crm.upload.waiting': 'Waiting',
+  'crm.upload.waiting_save': 'Waiting save',
+  'crm.upload.reUpload': 'Reupload',
+  'crm.upload.preview': 'Preview',
+  'crm.upload.uploadAt': 'Uploaded at',
+  'crm.upload.associatedAt': 'Associated at',
+  'crm.upload.fail': 'Error',
+  'crm.upload.delete': 'Delete',
+  'crm.upload.uploadSuccess': 'Upload successful',
+  'crm.upload.uploadFail': 'Upload failed',
+  'crm.upload.all': 'All',
+  'crm.upload.uploading': 'Waiting/Uploading',
+  'crm.upload.success': 'Success',
+  'crm.upload.detail': 'Detail',
+  'crm.upload.fileTypeValidate': 'Only files in {type} format are supported',
+  'crm.upload.overLimit': 'The number of files exceeds the limit, the maximum number of uploads is {limit}',
+  'crm.upload.repeatFileTip': 'File already exists',
+};
diff --git a/frontend/packages/web/src/components/pure/crm-upload/locale/zh-CN.ts b/frontend/packages/web/src/components/pure/crm-upload/locale/zh-CN.ts
new file mode 100644
index 0000000..8d23b4c
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-upload/locale/zh-CN.ts
@@ -0,0 +1,23 @@
+export default {
+  'crm.upload.changeFile': '更改文件',
+  'crm.upload.overSize': '文件大小限制为 {size} {unit}，请重新选择文件',
+  'crm.upload.importModalDragText': '拖拽或点击此区域选择文件',
+  'crm.upload.importModalFileTip': '只支持 {type} 格式文件，文件大小不超过 {size} MB',
+  'crm.upload.waiting': '等待上传',
+  'crm.upload.waiting_save': '等待保存',
+  'crm.upload.reUpload': '重新上传',
+  'crm.upload.preview': '预览',
+  'crm.upload.uploadAt': '上传于',
+  'crm.upload.associatedAt': '关联于',
+  'crm.upload.uploadFail': '上传失败',
+  'crm.upload.uploadSuccess': '上传成功',
+  'crm.upload.delete': '删除',
+  'crm.upload.all': '全部',
+  'crm.upload.uploading': '等待/上传中',
+  'crm.upload.success': '成功',
+  'crm.upload.fail': '失败',
+  'crm.upload.detail': '查看详情',
+  'crm.upload.fileTypeValidate': '仅支持 {type} 格式的文件',
+  'crm.upload.overLimit': '文件数量超出限制，最大上传数量为 {limit} 个',
+  'crm.upload.repeatFileTip': '文件重复',
+};
diff --git a/frontend/packages/web/src/components/pure/crm-upload/types.ts b/frontend/packages/web/src/components/pure/crm-upload/types.ts
new file mode 100644
index 0000000..6a969c0
--- /dev/null
+++ b/frontend/packages/web/src/components/pure/crm-upload/types.ts
@@ -0,0 +1,17 @@
+import { UploadFileInfo } from 'naive-ui';
+
+import { UploadAcceptEnum, UploadStatus } from '@lib/shared/enums/uploadEnum';
+
+// 上传类型
+export type UploadType = keyof typeof UploadAcceptEnum;
+
+// CRM 文件类型
+export type CrmFileItem = UploadFileInfo & {
+  status?: keyof typeof UploadStatus;
+  enable?: boolean; // jar类型文件是否可用
+  uploadedTime?: string | number; // 上传完成时间
+  errMsg?: string; // 上传失败的错误信息
+  delete?: boolean; // 是否删除
+  local?: boolean;
+  [key: string]: any;
+};
diff --git a/frontend/packages/web/src/config/business.ts b/frontend/packages/web/src/config/business.ts
new file mode 100644
index 0000000..a52aae6
--- /dev/null
+++ b/frontend/packages/web/src/config/business.ts
@@ -0,0 +1,512 @@
+import { FormItemRule, InputProps } from 'naive-ui';
+
+import { CompanyTypeEnum } from '@lib/shared/enums/commonEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+import {
+  ThirdPartyBaseLoginConfig,
+  ThirdPartyDEConfig,
+  ThirdPartyDingTalkLoginConfig,
+  ThirdPartyLarkLoginConfig,
+  ThirdPartyMKConfig,
+  ThirdPartyQccConfig,
+  ThirdPartySQLBotConfig,
+  ThirdPartyTenderConfig,
+} from '@lib/shared/models/system/business';
+import { OrgUserInfo } from '@lib/shared/models/system/org';
+
+const { t } = useI18n();
+
+interface AuthField {
+  label: string;
+  key: string;
+  placeholder?: string;
+  rule?: FormItemRule[];
+  subTip?: string;
+  inputProps?: Partial<InputProps>;
+}
+
+export const authTypeFieldMap: Record<string, AuthField[]> = {
+  CAS: [
+    {
+      label: t('system.business.authenticationSettings.serviceUrl'),
+      key: 'casUrl',
+      rule: [
+        {
+          required: true,
+          message: t('common.notNull', { value: t('system.business.authenticationSettings.serviceUrl') }),
+        },
+      ],
+      placeholder: t('system.business.authenticationSettings.commonUrlPlaceholder', { url: 'http://<casurl>' }),
+    },
+    {
+      label: t('system.business.authenticationSettings.loginUrl'),
+      key: 'loginUrl',
+      rule: [
+        {
+          required: true,
+          message: t('common.notNull', { value: t('system.business.authenticationSettings.loginUrl') }),
+        },
+      ],
+      placeholder: t('system.business.authenticationSettings.commonUrlPlaceholder', { url: 'http://<casurl>/login' }),
+      subTip: t('system.business.authenticationSettings.loginUrlTip'),
+    },
+    {
+      label: t('system.business.authenticationSettings.callbackUrl'),
+      key: 'redirectUrl',
+      rule: [
+        {
+          required: true,
+          message: t('common.notNull', { value: t('system.business.authenticationSettings.callbackUrl') }),
+        },
+      ],
+      placeholder: t('system.business.authenticationSettings.commonUrlPlaceholder', {
+        url: 'http://<meteresphere-endpoint>/sso/callback/cas/{authId}',
+      }),
+    },
+    {
+      label: t('system.business.authenticationSettings.verifyUrl'),
+      key: 'validateUrl',
+      rule: [
+        {
+          required: true,
+          message: t('common.notNull', { value: t('system.business.authenticationSettings.verifyUrl') }),
+        },
+      ],
+      placeholder: t('system.business.authenticationSettings.commonUrlPlaceholder', {
+        url: 'http://<casurl>/serviceValidate',
+      }),
+      subTip: t('system.business.authenticationSettings.verifyUrlTip'),
+    },
+  ],
+  OIDC: [
+    {
+      label: t('system.business.authenticationSettings.authUrl'),
+      key: 'authUrl',
+      rule: [
+        {
+          required: true,
+          message: t('common.notNull', { value: t('system.business.authenticationSettings.authUrl') }),
+        },
+      ],
+      placeholder: t('system.business.authenticationSettings.commonUrlPlaceholder', {
+        url: 'http://<keyclock>auth/realms/<cordys>/protocol/openid-connect/auth',
+      }),
+    },
+    {
+      label: t('system.business.authenticationSettings.tokenUrl'),
+      key: 'tokenUrl',
+      rule: [
+        {
+          required: true,
+          message: t('common.notNull', { value: t('system.business.authenticationSettings.tokenUrl') }),
+        },
+      ],
+      placeholder: t('system.business.authenticationSettings.commonUrlPlaceholder', {
+        url: 'http://<keyclock>auth/realms/<cordys>/protocol/openid-connect/token',
+      }),
+    },
+    {
+      label: t('system.business.authenticationSettings.userInfoUrl'),
+      key: 'userInfoUrl',
+      rule: [
+        {
+          required: true,
+          message: t('common.notNull', { value: t('system.business.authenticationSettings.userInfoUrl') }),
+        },
+      ],
+      placeholder: t('system.business.authenticationSettings.commonUrlPlaceholder', {
+        url: 'http://<keyclock>auth/realms/<cordys>/protocol/openid-connect/userinfo',
+      }),
+    },
+    {
+      label: t('system.business.authenticationSettings.callbackUrl'),
+      key: 'redirectUrl',
+      rule: [
+        {
+          required: true,
+          message: t('common.notNull', { value: t('system.business.authenticationSettings.callbackUrl') }),
+        },
+      ],
+      placeholder: t('system.business.authenticationSettings.commonUrlPlaceholder', {
+        url: 'http://<cordys-endpoint>/sso/callback or http://<cordys-endpoint>/sso/callback/authld',
+      }),
+    },
+    {
+      label: t('system.business.authenticationSettings.clientId'),
+      key: 'clientId',
+      rule: [
+        {
+          required: true,
+          message: t('common.notNull', { value: `${t('system.business.authenticationSettings.clientId')} ` }),
+        },
+      ],
+      placeholder: t('system.business.authenticationSettings.commonUrlPlaceholder', {
+        url: 'Cordys',
+      }),
+    },
+    {
+      label: t('system.business.authenticationSettings.clientSecret'),
+      key: 'secret',
+      rule: [
+        {
+          required: true,
+          message: t('common.notNull', { value: t('system.business.authenticationSettings.clientSecret') }),
+        },
+      ],
+      placeholder: t('system.business.authenticationSettings.commonUrlPlaceholder', {
+        url: 'Cordys',
+      }),
+    },
+    {
+      label: t('system.business.authenticationSettings.loginUrl'),
+      key: 'loginUrl',
+      rule: [
+        {
+          required: true,
+          message: t('common.notNull', { value: t('system.business.authenticationSettings.loginUrl') }),
+        },
+      ],
+      placeholder: t('system.business.authenticationSettings.commonUrlPlaceholder', {
+        url: 'http://<casurl>/login',
+      }),
+      subTip: t('system.business.authenticationSettings.loginUrlTip'),
+    },
+  ],
+  GITHUB_OAUTH2: [
+    {
+      label: t('system.business.authenticationSettings.authUrl'),
+      key: 'authUrl',
+      rule: [
+        {
+          required: true,
+          message: t('common.notNull', { value: t('system.business.authenticationSettings.authUrl') }),
+        },
+      ],
+      placeholder: t('system.business.authenticationSettings.commonUrlPlaceholder', {
+        url: 'http://<keyclock>auth/realms/<cordys>/protocol/openid-connect/auth',
+      }),
+    },
+    {
+      label: t('system.business.authenticationSettings.tokenUrl'),
+      key: 'tokenUrl',
+      rule: [
+        {
+          required: true,
+          message: t('common.notNull', { value: t('system.business.authenticationSettings.tokenUrl') }),
+        },
+      ],
+      placeholder: t('system.business.authenticationSettings.commonUrlPlaceholder', {
+        url: 'http://<keyclock>auth/realms/<cordys>/protocol/openid-connect/token',
+      }),
+    },
+    {
+      label: t('system.business.authenticationSettings.userInfoUrl'),
+      key: 'userInfoUrl',
+      rule: [
+        {
+          required: true,
+          message: t('common.notNull', { value: t('system.business.authenticationSettings.userInfoUrl') }),
+        },
+      ],
+      placeholder: t('system.business.authenticationSettings.commonUrlPlaceholder', {
+        url: 'http://<keyclock>auth/realms/<cordys>/protocol/openid-connect/userinfo',
+      }),
+    },
+    {
+      label: t('system.business.authenticationSettings.callbackUrl'),
+      key: 'redirectUrl',
+      rule: [
+        {
+          required: true,
+          message: t('common.notNull', { value: t('system.business.authenticationSettings.callbackUrl') }),
+        },
+      ],
+      placeholder: t('system.business.authenticationSettings.commonUrlPlaceholder', {
+        url: 'http://<cordys-endpoint>/sso/callback or http://<cordys-endpoint>/sso/callback/authld',
+      }),
+    },
+    {
+      label: t('system.business.authenticationSettings.clientId'),
+      key: 'clientId',
+      rule: [
+        {
+          required: true,
+          message: t('common.notNull', { value: `${t('system.business.authenticationSettings.clientId')} ` }),
+        },
+      ],
+      placeholder: t('system.business.authenticationSettings.commonUrlPlaceholder', {
+        url: 'Cordys',
+      }),
+    },
+    {
+      label: t('system.business.authenticationSettings.clientSecret'),
+      key: 'secret',
+      rule: [
+        {
+          required: true,
+          message: t('common.notNull', { value: t('system.business.authenticationSettings.clientSecret') }),
+        },
+      ],
+      placeholder: t('system.business.authenticationSettings.commonUrlPlaceholder', {
+        url: 'Cordys',
+      }),
+    },
+    {
+      label: t('system.business.authenticationSettings.propertyMap'),
+      key: 'propertyMap',
+      rule: [
+        {
+          required: true,
+          message: t('common.notNull', { value: t('system.business.authenticationSettings.propertyMap') }),
+        },
+      ],
+      placeholder: '{"userid":"login","username":"name","email":"email"}',
+    },
+    {
+      label: t('system.business.authenticationSettings.linkRange'),
+      key: 'scope',
+      placeholder: 'openid profile email',
+    },
+  ],
+  WECOM_OAUTH2: [
+    {
+      label: t('system.business.corpId'),
+      key: 'corpId',
+      rule: [
+        {
+          required: true,
+          message: t('common.notNull', { value: t('system.business.corpId') }),
+        },
+      ],
+      placeholder: t('system.business.authenticationSettings.commonUrlPlaceholder', {
+        url: 'Cordys',
+      }),
+    },
+    {
+      label: t('system.business.appSecret'),
+      key: 'appSecret',
+      rule: [
+        {
+          required: true,
+          message: t('common.notNull', { value: t('system.business.appSecret') }),
+        },
+      ],
+      inputProps: {
+        type: 'password',
+        showPasswordOn: 'click',
+        inputProps: { autocomplete: 'new-password' },
+      },
+      placeholder: t('system.business.authenticationSettings.commonUrlPlaceholder', {
+        url: 'Cordys',
+      }),
+    },
+    {
+      label: t('system.business.agentId'),
+      key: 'agentId',
+      rule: [
+        {
+          required: true,
+          message: t('common.notNull', { value: t('system.business.agentId') }),
+        },
+      ],
+      placeholder: t('system.business.authenticationSettings.commonUrlPlaceholder', {
+        url: 'Cordys',
+      }),
+    },
+    {
+      label: t('system.business.authenticationSettings.callbackUrl'),
+      key: 'redirectUrl',
+      rule: [
+        {
+          required: true,
+          message: t('common.notNull', { value: t('system.business.authenticationSettings.callbackUrl') }),
+        },
+      ],
+      placeholder: t('system.business.authenticationSettings.commonUrlPlaceholder', {
+        url: 'http://<cordys-endpoint>/sso/callback or http://<cordys-endpoint>/sso/callback/authld',
+      }),
+    },
+  ],
+  LDAP: [
+    {
+      label: t('system.business.authenticationSettings.LDAPUrl'),
+      key: 'url',
+      rule: [
+        {
+          required: true,
+          message: t('common.notNull', { value: t('system.business.authenticationSettings.LDAPUrl') }),
+        },
+      ],
+      placeholder: t('system.business.authenticationSettings.LDAPUrlPlaceholder'),
+    },
+    {
+      label: t('system.business.authenticationSettings.DN'),
+      key: 'dn',
+      rule: [
+        {
+          required: true,
+          message: t('common.notNull', { value: `${t('system.business.authenticationSettings.DN')} ` }),
+        },
+      ],
+    },
+    {
+      label: t('system.business.authenticationSettings.password'),
+      key: 'password',
+      rule: [
+        {
+          required: true,
+          message: t('common.notNull', { value: t('system.business.authenticationSettings.password') }),
+        },
+      ],
+    },
+    {
+      label: t('system.business.authenticationSettings.OU'),
+      key: 'ou',
+      rule: [
+        {
+          required: true,
+          message: t('common.notNull', { value: `${t('system.business.authenticationSettings.OU')} ` }),
+        },
+      ],
+      placeholder: t('system.business.authenticationSettings.OUPlaceholder'),
+    },
+    {
+      label: t('system.business.authenticationSettings.userFilter'),
+      key: 'filter',
+      rule: [
+        {
+          required: true,
+          message: t('common.notNull', { value: t('system.business.authenticationSettings.userFilter') }),
+        },
+      ],
+    },
+    {
+      label: t('system.business.authenticationSettings.LDAPPropertyMap'),
+      key: 'mapping',
+      rule: [
+        {
+          required: true,
+          message: t('common.notNull', { value: t('system.business.authenticationSettings.LDAPPropertyMap') }),
+        },
+      ],
+      subTip: t('system.business.authenticationSettings.LDAPPropertyMapTip'),
+    },
+  ],
+};
+
+export const defaultAuthForm = {
+  enable: false,
+  description: '',
+  name: '',
+  type: 'WECOM_OAUTH2',
+  configuration: {},
+};
+
+export const defaultUserInfo: OrgUserInfo = {
+  id: '',
+  name: '',
+  email: '',
+  password: '',
+  enable: true,
+  createTime: 0,
+  updateTime: 0,
+  language: '',
+  lastOrganizationId: '',
+  phone: '',
+  source: '',
+  createUser: '',
+  updateUser: '',
+  platformInfo: '',
+  avatar: '',
+  permissionIds: [''],
+  organizationIds: [''],
+  csrfToken: '',
+  sessionId: '',
+  roles: [],
+  userId: '',
+  userName: '',
+  departmentName: '',
+  departmentId: '',
+  defaultPwd: true,
+};
+// 默认登录图片
+export const defaultLoginImage = `${import.meta.env.BASE_URL}images/login-banner.png`;
+// 默认登录logo
+export const defaultLoginLogo = `${import.meta.env.BASE_URL}images/login-logo.svg`;
+// 默认左上角平台logo
+export const defaultPlatformLogo = `${import.meta.env.BASE_URL}images/logo_CORDYS.svg`;
+
+export const platformType = [CompanyTypeEnum.WECOM, CompanyTypeEnum.DINGTALK, CompanyTypeEnum.LARK];
+
+export const platFormNameMap: Record<string, string> = {
+  [CompanyTypeEnum.DINGTALK]: t('login.form.DINGTALK'),
+  [CompanyTypeEnum.LARK]: t('login.form.LARK'),
+  [CompanyTypeEnum.WECOM]: t('login.form.WECOM'),
+};
+
+export const defaultThirdPartyBaseLoginConfig: ThirdPartyBaseLoginConfig = {
+  agentId: '',
+  appSecret: '',
+  corpId: '',
+  startEnable: false,
+};
+
+export const defaultThirdPartDingTalkLoginConfig: ThirdPartyDingTalkLoginConfig = {
+  ...defaultThirdPartyBaseLoginConfig,
+  appId: '',
+};
+
+export const defaultThirdPartLarkLoginConfig: ThirdPartyLarkLoginConfig = {
+  ...defaultThirdPartyBaseLoginConfig,
+  redirectUrl: '',
+};
+
+export const defaultThirdPartDEConfig: ThirdPartyDEConfig = {
+  agentId: '',
+  appSecret: '',
+  deAccessKey: '',
+  deAutoSync: false,
+  deBoardEnable: false,
+  deOrgID: '',
+  deSecretKey: '',
+  redirectUrl: '',
+};
+
+export const defaultThirdPartSQLBotConfig: ThirdPartySQLBotConfig = {
+  appSecret: '',
+  sqlBotChatEnable: false,
+  sqlBotBoardEnable: false,
+};
+
+export const defaultThirdPartMaxKBConfig: ThirdPartyMKConfig = {
+  appSecret: '',
+  mkAddress: '',
+  mkEnable: false,
+};
+
+export const defaultThirdPartTenderConfig: ThirdPartyTenderConfig = {
+  tenderAddress: '',
+  tenderEnable: false,
+};
+
+export const defaultThirdPartQichachaConfig: ThirdPartyQccConfig = {
+  qccAddress: 'https://api.qichacha.com',
+  qccAccessKey: '',
+  qccSecretKey: '',
+  qccEnable: false,
+};
+
+export const defaultThirdPartyConfigMap = {
+  [CompanyTypeEnum.WECOM]: defaultThirdPartyBaseLoginConfig,
+  [CompanyTypeEnum.DINGTALK]: defaultThirdPartDingTalkLoginConfig,
+  [CompanyTypeEnum.LARK]: defaultThirdPartLarkLoginConfig,
+  [CompanyTypeEnum.DATA_EASE]: defaultThirdPartDEConfig,
+  [CompanyTypeEnum.SQLBot]: defaultThirdPartSQLBotConfig,
+  [CompanyTypeEnum.MAXKB]: defaultThirdPartMaxKBConfig,
+  [CompanyTypeEnum.TENDER]: defaultThirdPartTenderConfig,
+  [CompanyTypeEnum.QCC]: defaultThirdPartQichachaConfig,
+  [CompanyTypeEnum.INTERNAL]: {},
+  [CompanyTypeEnum.WE_COM_OAUTH2]: {},
+  [CompanyTypeEnum.DINGTALK_OAUTH2]: {},
+  [CompanyTypeEnum.LARK_OAUTH2]: {},
+};
diff --git a/frontend/packages/web/src/config/clue.ts b/frontend/packages/web/src/config/clue.ts
new file mode 100644
index 0000000..014b499
--- /dev/null
+++ b/frontend/packages/web/src/config/clue.ts
@@ -0,0 +1,58 @@
+import { OperatorEnum } from '@lib/shared/enums/commonEnum';
+import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+import { getSessionStorageTempState } from '@lib/shared/method/local-storage';
+
+import { FilterFormItem, FilterResult } from '@/components/pure/crm-advance-filter/type';
+
+const { t } = useI18n();
+
+export const baseFilterConfigList: FilterFormItem[] = [
+  {
+    title: t('common.creator'),
+    dataIndex: 'createUser',
+    type: FieldTypeEnum.USER_SELECT,
+  },
+  {
+    title: t('common.createTime'),
+    dataIndex: 'createTime',
+    type: FieldTypeEnum.TIME_RANGE_PICKER,
+  },
+  {
+    title: t('common.updateUserName'),
+    dataIndex: 'updateUser',
+    type: FieldTypeEnum.USER_SELECT,
+  },
+  {
+    title: t('common.updateTime'),
+    dataIndex: 'updateTime',
+    type: FieldTypeEnum.TIME_RANGE_PICKER,
+  },
+];
+
+export const getLeadHomeConditions = (dim: string, homeDetailKey: string): FilterResult => {
+  const depIds = getSessionStorageTempState<Record<string, string[]>>('homeData', true)?.[homeDetailKey];
+  return {
+    searchMode: 'AND',
+    conditions: [
+      {
+        value: dim,
+        operator: OperatorEnum.DYNAMICS,
+        name: 'createTime',
+        multipleValue: false,
+        type: FieldTypeEnum.TIME_RANGE_PICKER,
+      },
+      ...(depIds?.length
+        ? [
+            {
+              value: depIds,
+              operator: OperatorEnum.IN,
+              name: 'departmentId',
+              multipleValue: false,
+              type: FieldTypeEnum.TREE_SELECT,
+            },
+          ]
+        : []),
+    ],
+  };
+};
diff --git a/frontend/packages/web/src/config/contract.ts b/frontend/packages/web/src/config/contract.ts
new file mode 100644
index 0000000..851a095
--- /dev/null
+++ b/frontend/packages/web/src/config/contract.ts
@@ -0,0 +1,148 @@
+import {
+  ContractBusinessTitleStatusEnum,
+  ContractPaymentPlanEnum,
+  ContractStatusEnum,
+} from '@lib/shared/enums/contractEnum';
+import { ProcessStatusEnum } from '@lib/shared/enums/process';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+import { SaveBusinessTitleParams } from '@lib/shared/models/contract';
+
+const { t } = useI18n();
+
+// 计划状态
+export const contractPaymentPlanStatus = {
+  [ContractPaymentPlanEnum.PENDING]: {
+    label: t('contract.uncompleted'),
+    icon: 'iconicon_close_circle_filled',
+    color: 'var(--text-n4)',
+  },
+  [ContractPaymentPlanEnum.PARTIALLY_COMPLETED]: {
+    label: t('contract.partialCompleted'),
+    icon: 'iconicon_pie',
+    color: 'var(--info-blue)',
+  },
+  [ContractPaymentPlanEnum.COMPLETED]: {
+    label: t('common.completed'),
+    icon: 'iconicon_check_circle_filled',
+    color: 'var(--success-green)',
+  },
+};
+
+export const contractPaymentPlanStatusOptions = Object.entries(contractPaymentPlanStatus).map(([key, value]) => ({
+  label: value.label,
+  value: key,
+}));
+
+export const contractBusinessTitleStatusMap = {
+  [ContractBusinessTitleStatusEnum.APPROVED]: {
+    label: t('common.pass'),
+    icon: 'iconicon_succeed_filled',
+    color: 'var(--success-green)',
+  },
+  [ContractBusinessTitleStatusEnum.UNAPPROVED]: {
+    label: t('common.unPass'),
+    icon: 'iconicon_close_circle_filled',
+    color: 'var(--error-red)',
+  },
+  [ContractBusinessTitleStatusEnum.APPROVING]: {
+    label: t('common.review'),
+    icon: 'iconicon_wait',
+    color: 'var(--info-blue)',
+  },
+  [ContractBusinessTitleStatusEnum.REVOKED]: {
+    label: t('common.revoke'),
+    icon: 'iconicon_skip_planarity',
+    color: 'var(--text-n4)',
+  },
+};
+
+export const contractBusinessTitleStatusOptions = Object.entries(contractBusinessTitleStatusMap).map(
+  ([key, value]) => ({
+    label: value.label,
+    value: key,
+  })
+);
+
+export const businessTitleFormConfigList: {
+  label: string;
+  value: keyof SaveBusinessTitleParams;
+}[] = [
+  {
+    label: t('contract.businessTitle.companyCode'),
+    value: 'companyNumber',
+  },
+  {
+    label: t('contract.businessTitle.taxpayerNumber'),
+    value: 'identificationNumber',
+  },
+  {
+    label: t('contract.businessTitle.address'),
+    value: 'registrationAddress',
+  },
+  {
+    label: t('contract.businessTitle.bank'),
+    value: 'openingBank',
+  },
+  {
+    label: t('contract.businessTitle.bankAccount'),
+    value: 'bankAccount',
+  },
+  {
+    label: t('contract.businessTitle.phone'),
+    value: 'phoneNumber',
+  },
+  {
+    label: t('contract.businessTitle.capital'),
+    value: 'registeredCapital',
+  },
+  {
+    label: t('contract.businessTitle.companyScale'),
+    value: 'companySize',
+  },
+  {
+    label: t('contract.businessTitle.registrationAccount'),
+    value: 'registrationNumber',
+  },
+  {
+    label: t('contract.businessTitle.province'),
+    value: 'province',
+  },
+  {
+    label: t('contract.businessTitle.city'),
+    value: 'city',
+  },
+  {
+    label: t('contract.businessTitle.scale'),
+    value: 'scale',
+  },
+  {
+    label: t('contract.businessTitle.industry'),
+    value: 'industry',
+  },
+  {
+    label: t('common.remark'),
+    value: 'remark',
+  },
+];
+
+export const allBusinessTitleFormConfigList: {
+  label: string;
+  value: keyof SaveBusinessTitleParams;
+}[] = [
+  {
+    label: t('contract.businessTitle.companyName'),
+    value: 'name',
+  },
+  ...businessTitleFormConfigList,
+];
+
+export const deleteInvoiceContentMap: Record<ProcessStatusEnum, string> = {
+  [ProcessStatusEnum.APPROVING]: t('contract.deleteInvoiceUnderReviewContent'),
+  [ProcessStatusEnum.APPROVED]: t('contract.deleteInvoiceApprovedContent'),
+  [ProcessStatusEnum.AUTO_APPROVED]: t('contract.deleteInvoiceApprovedContent'),
+  [ProcessStatusEnum.REVOKED]: t('contract.deleteInvoiceRevokedContent'),
+  [ProcessStatusEnum.UNAPPROVED]: t('contract.deleteInvoiceRejectedContent'),
+  [ProcessStatusEnum.AUTO_UNAPPROVED]: t('contract.deleteInvoiceRejectedContent'),
+  [ProcessStatusEnum.PENDING]: t('contract.deleteInvoiceNoneContent'),
+  [ProcessStatusEnum.NONE]: t('contract.deleteInvoiceNoneContent'),
+};
diff --git a/frontend/packages/web/src/config/follow.ts b/frontend/packages/web/src/config/follow.ts
new file mode 100644
index 0000000..fc1b552
--- /dev/null
+++ b/frontend/packages/web/src/config/follow.ts
@@ -0,0 +1,44 @@
+import { CustomerFollowPlanStatusEnum } from '@lib/shared/enums/customerEnum';
+import type { StatusTagKey } from '@lib/shared/models/customer';
+
+export const statusMap: Record<
+  StatusTagKey,
+  {
+    label: string;
+    value: CustomerFollowPlanStatusEnum;
+    type: 'default' | 'primary' | 'info' | 'success' | 'warning' | 'error';
+    icon: string;
+    color: string;
+  }
+> = {
+  [CustomerFollowPlanStatusEnum.PREPARED]: {
+    label: 'common.notStarted',
+    value: CustomerFollowPlanStatusEnum.PREPARED,
+    type: 'default',
+    icon: 'iconicon_block_filled',
+    color: 'var(--text-n4)',
+  },
+  [CustomerFollowPlanStatusEnum.UNDERWAY]: {
+    label: 'common.inProgress',
+    value: CustomerFollowPlanStatusEnum.UNDERWAY,
+    type: 'info',
+    icon: 'iconicon_testing',
+    color: 'var(--info-blue)',
+  },
+  [CustomerFollowPlanStatusEnum.COMPLETED]: {
+    label: 'common.completed',
+    value: CustomerFollowPlanStatusEnum.COMPLETED,
+    type: 'success',
+    icon: 'iconicon_succeed_filled',
+    color: 'var(--success-green)',
+  },
+  [CustomerFollowPlanStatusEnum.CANCELLED]: {
+    label: 'common.canceled',
+    value: CustomerFollowPlanStatusEnum.CANCELLED,
+    type: 'default',
+    icon: 'iconicon_block_filled',
+    color: 'var(--text-n6)',
+  },
+};
+
+export default {};
diff --git a/frontend/packages/web/src/config/opportunity.ts b/frontend/packages/web/src/config/opportunity.ts
new file mode 100644
index 0000000..0fdbff9
--- /dev/null
+++ b/frontend/packages/web/src/config/opportunity.ts
@@ -0,0 +1,130 @@
+import dayjs from 'dayjs';
+
+import { OperatorEnum } from '@lib/shared/enums/commonEnum';
+import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+import { getSessionStorageTempState } from '@lib/shared/method/local-storage';
+import type { TransferParams } from '@lib/shared/models/customer/index';
+import type { OpportunityStageConfig } from '@lib/shared/models/opportunity';
+
+import { ConditionsItem, FilterResult } from '@/components/pure/crm-advance-filter/type';
+
+import { getOpportunityStageConfig } from '@/api/modules';
+
+const { t } = useI18n();
+
+export const defaultTransferForm: TransferParams = {
+  ids: [],
+  owner: null,
+};
+
+export const getOptHomeConditions = async (
+  dim: string,
+  status: string,
+  timeField: string,
+  homeDetailKey: string
+): Promise<FilterResult> => {
+  const depIds = getSessionStorageTempState<Record<string, string[]>>('homeData', true)?.[homeDetailKey];
+  const stageConfig = ref<OpportunityStageConfig>();
+
+  const timeFiledKeyMap: Record<string, string> = {
+    CREATE_TIME: 'createTime',
+    EXPECTED_END_TIME: 'expectedEndTime',
+    ACTUAL_END_TIME: 'actualEndTime',
+  };
+  async function initStageConfig() {
+    try {
+      stageConfig.value = await getOpportunityStageConfig();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  await initStageConfig();
+  const successStage = stageConfig.value?.stageConfigList?.find((i) => i.type === 'END' && i.rate === '100');
+  const isSuccess = computed(() => status === successStage?.id);
+  const afootStageValues = stageConfig.value?.stageConfigList?.filter((i) => i.type === 'AFOOT').map((i) => i.id) || [];
+  const isAfoot = computed(() => status === 'AFOOT');
+  // 构建过滤条件
+  const conditions: ConditionsItem[] = [
+    {
+      value: dim,
+      operator: OperatorEnum.DYNAMICS,
+      name: timeFiledKeyMap[timeField],
+      multipleValue: false,
+      type: FieldTypeEnum.TIME_RANGE_PICKER,
+    },
+  ];
+
+  // 添加阶段过滤条件
+  if (isSuccess.value) {
+    // 成功阶段
+    conditions.push({
+      value: [successStage?.id],
+      operator: OperatorEnum.IN,
+      name: 'stage',
+      multipleValue: true,
+      type: FieldTypeEnum.SELECT_MULTIPLE,
+    });
+  } else if (isAfoot.value && afootStageValues.length > 0) {
+    // 进行中阶段
+    conditions.push({
+      value: afootStageValues,
+      operator: OperatorEnum.IN,
+      name: 'stage',
+      multipleValue: true,
+      type: FieldTypeEnum.SELECT_MULTIPLE,
+    });
+  }
+
+  // 添加部门过滤条件
+  if (depIds?.length) {
+    conditions.push({
+      value: depIds,
+      operator: OperatorEnum.IN,
+      name: 'departmentId',
+      multipleValue: false,
+      type: FieldTypeEnum.TREE_SELECT,
+    });
+  }
+
+  return {
+    searchMode: 'AND',
+    conditions,
+  };
+};
+
+export const quotationStatus = [
+  {
+    value: false,
+    label: t('common.normal'),
+  },
+  {
+    value: true,
+    label: t('common.voided'),
+  },
+];
+
+export const quotationDataActionMap = {
+  edit: {
+    label: t('common.edit'),
+    key: 'edit',
+    permission: ['OPPORTUNITY_QUOTATION:UPDATE'],
+  },
+  download: {
+    label: t('common.download'),
+    key: 'download',
+    permission: ['OPPORTUNITY_QUOTATION:DOWNLOAD'],
+  },
+  voided: {
+    label: t('common.voided'),
+    key: 'voided',
+    permission: ['OPPORTUNITY_QUOTATION:VOIDED'],
+  },
+  delete: {
+    label: t('common.delete'),
+    key: 'delete',
+    permission: ['OPPORTUNITY_QUOTATION:DELETE'],
+  },
+};
diff --git a/frontend/packages/web/src/config/pathMap.ts b/frontend/packages/web/src/config/pathMap.ts
new file mode 100644
index 0000000..46baeaa
--- /dev/null
+++ b/frontend/packages/web/src/config/pathMap.ts
@@ -0,0 +1,276 @@
+import { AppRouteEnum } from '@/enums/routeEnum';
+
+export type PathMapKey = keyof typeof AppRouteEnum;
+
+export type PathMapRoute = (typeof AppRouteEnum)[PathMapKey];
+
+export interface PathMapItem {
+  key: PathMapKey | string; // 系统设置
+  locale: string;
+  route: PathMapRoute | string;
+  children?: PathMapItem[];
+  routeQuery?: Record<string, any>;
+}
+
+/**
+ * 路由与菜单、tab、权限、国际化信息的映射关系，用于通过路由直接跳转到各页面及携带 tab 参数
+ * key 是与后台商定的映射 key
+ * locale 是国际化的 key
+ * route 是路由的 name
+ * routeQuery 是路由的固定参数集合，与routeParamKeys互斥，用于跳转同一个路由但不同 tab 时或其他需要固定参数的情况
+ * children 是子路由/tab集合
+ */
+export const pathMap: PathMapItem[] = [
+  {
+    key: 'WORKBENCH',
+    locale: 'menu.workbench',
+    route: AppRouteEnum.WORKBENCH_INDEX,
+  },
+  {
+    key: 'PRODUCT_MANAGEMENT',
+    locale: 'module.productManagement',
+    route: AppRouteEnum.PRODUCT,
+    children: [
+      {
+        key: 'PRODUCT_MANAGEMENT_PRO',
+        locale: 'module.productManagement',
+        route: AppRouteEnum.PRODUCT_PRO,
+      },
+      {
+        key: 'PRODUCT_MANAGEMENT_PRICE',
+        locale: 'module.productManagementPrice',
+        route: AppRouteEnum.PRODUCT_PRICE,
+      },
+    ],
+  },
+  {
+    key: 'DASHBOARD',
+    locale: 'menu.dashboard',
+    route: AppRouteEnum.DASHBOARD_INDEX,
+  },
+  {
+    key: 'AGENT',
+    locale: 'menu.agent',
+    route: AppRouteEnum.AGENT_INDEX,
+  },
+  {
+    key: 'CUSTOM_FORM',
+    locale: 'module.customForm',
+    route: AppRouteEnum.CUSTOM_FORM,
+    children: [
+      {
+        key: 'CUSTOM_FORM_INDEX',
+        route: AppRouteEnum.CUSTOM_FORM_INDEX,
+        locale: 'module.customForm',
+      },
+      {
+        key: 'CUSTOM_FORM_DATA',
+        route: AppRouteEnum.CUSTOM_FORM_INDEX,
+        locale: 'module.customFormData',
+      },
+    ],
+  },
+  {
+    key: 'CUSTOMER',
+    route: AppRouteEnum.CUSTOMER,
+    locale: 'module.customerManagement',
+    children: [
+      {
+        key: 'CUSTOMER_INDEX',
+        route: AppRouteEnum.CUSTOMER_INDEX,
+        locale: 'menu.customer',
+      },
+      {
+        key: 'CUSTOMER_CONTACT',
+        route: AppRouteEnum.CUSTOMER_CONTACT,
+        locale: 'menu.contact',
+      },
+      {
+        key: 'CUSTOMER_POOL',
+        route: AppRouteEnum.CUSTOMER_OPEN_SEA,
+        locale: 'module.openSea',
+      },
+    ],
+  },
+  {
+    key: 'CONTRACT',
+    route: AppRouteEnum.CONTRACT,
+    locale: 'module.contract',
+    children: [
+      {
+        key: 'CONTRACT_INDEX',
+        route: AppRouteEnum.CONTRACT_INDEX,
+        locale: 'module.contract',
+      },
+      {
+        key: 'CONTRACT_PAYMENT',
+        route: AppRouteEnum.CONTRACT_PAYMENT,
+        locale: 'module.paymentPlan',
+      },
+      {
+        key: 'CONTRACT_PAYMENT_RECORD',
+        route: AppRouteEnum.CONTRACT_PAYMENT_RECORD,
+        locale: 'module.paymentRecord',
+      },
+      {
+        key: 'CONTRACT_BUSINESS_TITLE',
+        route: AppRouteEnum.CONTRACT_BUSINESS_NAME,
+        locale: 'module.businessTitle',
+      },
+      {
+        key: 'CONTRACT_INVOICE',
+        route: AppRouteEnum.CONTRACT_INVOICE,
+        locale: 'module.invoice',
+      },
+    ],
+  },
+  {
+    key: 'ORDER',
+    route: AppRouteEnum.ORDER,
+    locale: 'module.order',
+    children: [
+      {
+        key: 'ORDER_INDEX',
+        route: AppRouteEnum.ORDER_INDEX,
+        locale: 'module.order',
+      },
+    ],
+  },
+  {
+    key: 'CLUE_MANAGEMENT',
+    route: AppRouteEnum.CLUE_MANAGEMENT,
+    locale: 'module.clueManagement',
+    children: [
+      {
+        key: 'CLUE_MANAGEMENT_CLUE',
+        route: AppRouteEnum.CLUE_MANAGEMENT_CLUE,
+        locale: 'menu.clue',
+      },
+      {
+        key: 'CLUE_MANAGEMENT_POOL',
+        route: AppRouteEnum.CLUE_MANAGEMENT_POOL,
+        locale: 'module.cluePool',
+      },
+    ],
+  },
+  {
+    key: 'OPPORTUNITY',
+    route: AppRouteEnum.OPPORTUNITY,
+    locale: 'module.businessManagement',
+    children: [
+      {
+        key: 'OPPORTUNITY_INDEX',
+        route: AppRouteEnum.OPPORTUNITY_OPT,
+        locale: 'menu.opportunity',
+      },
+      {
+        key: 'OPPORTUNITY_QUOTATION',
+        route: AppRouteEnum.OPPORTUNITY_QUOTATION,
+        locale: 'menu.quotation',
+      },
+    ],
+  },
+  {
+    key: 'FOLLOW_UP_RECORD',
+    route: AppRouteEnum.OPPORTUNITY_OPT, // TODO lmy 跟进记录
+    locale: 'module.customer.followRecord',
+  },
+  {
+    key: 'FOLLOW_UP_PLAN',
+    route: AppRouteEnum.OPPORTUNITY_OPT, // TODO lmy 跟进计划
+    locale: 'module.customer.followPlan',
+  },
+  {
+    key: 'SYSTEM',
+    route: AppRouteEnum.SYSTEM,
+    locale: 'menu.settings',
+    children: [
+      {
+        key: 'SYSTEM_ORGANIZATION',
+        route: AppRouteEnum.SYSTEM_ORG,
+        locale: 'menu.settings.org',
+      },
+      {
+        key: 'SYSTEM_ROLE',
+        route: AppRouteEnum.SYSTEM_ROLE,
+        locale: 'menu.settings.permission',
+      },
+      {
+        key: 'SYSTEM_MODULE',
+        route: AppRouteEnum.SYSTEM_MODULE,
+        locale: 'menu.settings.moduleSetting',
+      },
+      {
+        key: 'SYSTEM_MESSAGE',
+        route: AppRouteEnum.SYSTEM_MESSAGE,
+        locale: 'menu.settings.messageSetting',
+        children: [
+          {
+            key: 'SYSTEM_MESSAGE_MESSAGE',
+            route: AppRouteEnum.SYSTEM_MESSAGE,
+            locale: 'system.message.notify',
+            routeQuery: {
+              tab: 'notify',
+            },
+          },
+          {
+            key: 'SYSTEM_MESSAGE_ANNOUNCEMENT',
+            route: AppRouteEnum.SYSTEM_MESSAGE,
+            locale: 'system.message.announcement',
+            routeQuery: {
+              tab: 'announcement',
+            },
+          },
+        ],
+      },
+      {
+        key: 'SYSTEM_PROCESS',
+        route: AppRouteEnum.SYSTEM_PROCESS,
+        locale: 'menu.settings.processSetting',
+        children: [
+          {
+            key: 'SYSTEM_PROCESS_APPROVAL',
+            route: AppRouteEnum.SYSTEM_PROCESS_INDEX,
+            locale: 'menu.settings.approvalFlow',
+          },
+        ],
+      },
+      {
+        key: 'SYSTEM_BUSINESS',
+        route: AppRouteEnum.SYSTEM_BUSINESS,
+        locale: 'menu.settings.businessSetting',
+        children: [
+          {
+            key: 'SYSTEM_BUSINESS_UI',
+            route: AppRouteEnum.SYSTEM_BUSINESS,
+            locale: 'system.business.tab.interfaceSettings',
+            routeQuery: {
+              tab: 'pageSettings',
+            },
+          },
+          {
+            key: 'SYSTEM_BUSINESS_THIRD',
+            route: AppRouteEnum.SYSTEM_BUSINESS,
+            locale: 'system.business.tab.third',
+            routeQuery: {
+              tab: 'syncOrganization',
+            },
+          },
+          {
+            key: 'SYSTEM_BUSINESS_MAIL',
+            route: AppRouteEnum.SYSTEM_BUSINESS,
+            locale: 'system.business.tab.mailSettings',
+            routeQuery: {
+              tab: 'mailSettings',
+            },
+          },
+        ],
+      },
+      {
+        key: 'OPERATION_LOG',
+        route: AppRouteEnum.SYSTEM_LOG,
+        locale: 'menu.settings.log',
+      },
+    ],
+  },
+];
diff --git a/frontend/packages/web/src/config/process-default-status-permissions.ts b/frontend/packages/web/src/config/process-default-status-permissions.ts
new file mode 100644
index 0000000..6065a89
--- /dev/null
+++ b/frontend/packages/web/src/config/process-default-status-permissions.ts
@@ -0,0 +1,43 @@
+import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+import { ProcessStatusEnum } from '@lib/shared/enums/process';
+
+export type PermissionSuffix = 'READ' | 'UPDATE' | 'DELETE' | 'DOWNLOAD' | 'EXPORT' | 'VOIDED' | 'STAGE' | 'PAYMENT';
+
+type PartialModuleDefaultPermissionConfig = Partial<Record<ProcessStatusEnum, PermissionSuffix[]>>;
+
+export const processDefaultStatusPermissionMap: Partial<
+  Record<FormDesignKeyEnum | string, PartialModuleDefaultPermissionConfig>
+> = {
+  [FormDesignKeyEnum.OPPORTUNITY_QUOTATION]: {
+    [ProcessStatusEnum.APPROVED]: ['READ', 'DOWNLOAD', 'VOIDED'],
+    [ProcessStatusEnum.APPROVING]: ['READ', 'VOIDED'],
+    [ProcessStatusEnum.UNAPPROVED]: ['READ', 'UPDATE', 'DELETE', 'VOIDED'],
+    [ProcessStatusEnum.REVOKED]: ['READ', 'UPDATE', 'DELETE', 'VOIDED'],
+    [ProcessStatusEnum.PENDING]: ['READ', 'UPDATE', 'DELETE', 'VOIDED'],
+  },
+  [FormDesignKeyEnum.CONTRACT]: {
+    [ProcessStatusEnum.APPROVED]: ['READ', 'EXPORT', 'STAGE', 'PAYMENT'],
+    [ProcessStatusEnum.APPROVING]: ['READ', 'PAYMENT'],
+    [ProcessStatusEnum.UNAPPROVED]: ['READ', 'UPDATE', 'DELETE', 'STAGE', 'PAYMENT'],
+    [ProcessStatusEnum.REVOKED]: ['READ', 'UPDATE', 'DELETE', 'STAGE', 'PAYMENT'],
+    [ProcessStatusEnum.PENDING]: ['READ', 'UPDATE', 'DELETE', 'STAGE', 'PAYMENT'],
+  },
+  [FormDesignKeyEnum.ORDER]: {
+    [ProcessStatusEnum.APPROVED]: ['READ', 'DOWNLOAD'],
+    [ProcessStatusEnum.APPROVING]: ['READ'],
+    [ProcessStatusEnum.UNAPPROVED]: ['READ', 'UPDATE', 'DELETE'],
+    [ProcessStatusEnum.REVOKED]: ['READ', 'UPDATE', 'DELETE'],
+    [ProcessStatusEnum.PENDING]: ['READ', 'UPDATE', 'DELETE'],
+  },
+  [FormDesignKeyEnum.INVOICE]: {
+    [ProcessStatusEnum.APPROVED]: ['READ', 'EXPORT'],
+    [ProcessStatusEnum.APPROVING]: ['READ'],
+    [ProcessStatusEnum.UNAPPROVED]: ['READ', 'UPDATE', 'DELETE'],
+    [ProcessStatusEnum.REVOKED]: ['READ', 'UPDATE', 'DELETE'],
+    [ProcessStatusEnum.PENDING]: ['READ', 'UPDATE', 'DELETE'],
+  },
+};
+
+export function matchPermissionBySuffix(permissionId: string, suffix: PermissionSuffix) {
+  return permissionId === suffix || permissionId.endsWith(`:${suffix}`);
+}
diff --git a/frontend/packages/web/src/config/process.ts b/frontend/packages/web/src/config/process.ts
new file mode 100644
index 0000000..d9ea330
--- /dev/null
+++ b/frontend/packages/web/src/config/process.ts
@@ -0,0 +1,417 @@
+import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+import { RequestEnum } from '@lib/shared/enums/httpEnum';
+import { ApprovalTypeEnum, ApproverTypeEnum, ProcessStatusEnum } from '@lib/shared/enums/process';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+import { ApprovalWebhookConfig, BasicFormParams, MoreSettingsParams } from '@lib/shared/models/system/process';
+
+import { StatusInfo } from '@/components/business/crm-approval/components/crm-approval-status.vue';
+
+const { t } = useI18n();
+
+// 审批资源状态
+export const processStatusMap: Record<ProcessStatusEnum, StatusInfo> = {
+  [ProcessStatusEnum.APPROVED]: {
+    label: t('common.approved'),
+    icon: 'iconicon_succeed_filled',
+    color: 'var(--success-green)',
+    tagBgColor: 'var(--success-5)',
+    tagColor: 'var(--success-green)',
+  },
+  [ProcessStatusEnum.AUTO_APPROVED]: {
+    label: t('common.autoApproved'),
+    icon: 'iconicon_succeed_filled',
+    color: 'var(--success-green)',
+    tagBgColor: 'var(--success-5)',
+    tagColor: 'var(--success-green)',
+  },
+  [ProcessStatusEnum.APPROVING]: {
+    label: t('common.reviewing'),
+    icon: 'iconicon_wait',
+    color: 'var(--info-blue)',
+    tagBgColor: 'var(--warning-5)',
+    tagColor: 'var(--warning-yellow)',
+  },
+  [ProcessStatusEnum.AUTO_UNAPPROVED]: {
+    label: t('common.autoRejected'),
+    icon: 'iconicon_close_circle_filled',
+    color: 'var(--error-red)',
+    tagBgColor: 'var(--error-5)',
+    tagColor: 'var(--error-red)',
+  },
+  [ProcessStatusEnum.UNAPPROVED]: {
+    label: t('common.rejected'),
+    icon: 'iconicon_close_circle_filled',
+    color: 'var(--error-red)',
+    tagBgColor: 'var(--error-5)',
+    tagColor: 'var(--error-red)',
+  },
+  [ProcessStatusEnum.REVOKED]: {
+    label: t('common.revoked'),
+    icon: 'iconicon_skip_planarity',
+    color: 'var(--text-n4)',
+    tagBgColor: '',
+    tagColor: '',
+  },
+  [ProcessStatusEnum.PENDING]: {
+    label: t('common.pending'),
+    icon: 'iconicon_minus_circle_filled1',
+    color: 'var(--text-n4)',
+    tagBgColor: '',
+    tagColor: '',
+  },
+
+  [ProcessStatusEnum.NONE]: {
+    label: '-',
+    icon: '',
+    color: '',
+    tagBgColor: '',
+    tagColor: '',
+  },
+};
+
+// 审批记录状态
+export const approvalRecordStatusMap: Record<ProcessStatusEnum, StatusInfo> = {
+  [ProcessStatusEnum.APPROVED]: {
+    label: t('common.approved'),
+    icon: 'iconicon_succeed_filled',
+    color: 'var(--success-green)',
+    tagBgColor: 'var(--success-5)',
+    tagColor: 'var(--success-green)',
+  },
+  [ProcessStatusEnum.AUTO_APPROVED]: {
+    label: t('common.autoApproved'),
+    icon: 'iconicon_succeed_filled',
+    color: 'var(--success-green)',
+    tagBgColor: 'var(--success-5)',
+    tagColor: 'var(--success-green)',
+  },
+  [ProcessStatusEnum.APPROVING]: {
+    label: t('common.reviewing'),
+    icon: 'iconicon_wait',
+    color: 'var(--info-blue)',
+    tagBgColor: 'var(--warning-5)',
+    tagColor: 'var(--warning-yellow)',
+  },
+  [ProcessStatusEnum.UNAPPROVED]: {
+    label: t('common.rejected'),
+    icon: 'iconicon_close_circle_filled',
+    color: 'var(--error-red)',
+    tagBgColor: 'var(--error-5)',
+    tagColor: 'var(--error-red)',
+  },
+  [ProcessStatusEnum.AUTO_UNAPPROVED]: {
+    label: t('common.autoRejected'),
+    icon: 'iconicon_close_circle_filled',
+    color: 'var(--error-red)',
+    tagBgColor: 'var(--error-5)',
+    tagColor: 'var(--error-red)',
+  },
+  [ProcessStatusEnum.REVOKED]: {
+    label: t('common.revoked'),
+    icon: 'iconicon_skip_planarity',
+    color: 'var(--text-n4)',
+    tagBgColor: '',
+    tagColor: '',
+  },
+  [ProcessStatusEnum.PENDING]: {
+    label: t('taskDrawer.result.PENDING'),
+    icon: 'iconicon_minus_circle_filled1',
+    color: 'var(--text-n4)',
+    tagBgColor: '',
+    tagColor: '',
+  },
+  [ProcessStatusEnum.NONE]: {
+    label: '-',
+    icon: '',
+    color: '',
+    tagBgColor: '',
+    tagColor: '',
+  },
+};
+
+export const processStatusOptions = Object.entries(processStatusMap)
+  .filter(
+    ([key]) => ![ProcessStatusEnum.AUTO_APPROVED, ProcessStatusEnum.AUTO_UNAPPROVED].includes(key as ProcessStatusEnum)
+  )
+  .map(([key, value]) => ({
+    label: value.label,
+    value: key,
+  }));
+
+export const defaultBasicForm: BasicFormParams = {
+  formType: FormDesignKeyEnum.OPPORTUNITY_QUOTATION,
+  name: '',
+  createExecute: true,
+  updateExecute: false,
+  deleteExecute: false,
+  description: '',
+};
+
+export const executionTimingList: {
+  label: string;
+  value: 'createExecute' | 'updateExecute' | 'deleteExecute';
+}[] = [
+  {
+    value: 'createExecute',
+    label: t('common.create'),
+  },
+  {
+    value: 'updateExecute',
+    label: t('common.edit'),
+  },
+  {
+    value: 'deleteExecute',
+    label: t('common.delete'),
+  },
+];
+
+export const defaultMoreConfig: MoreSettingsParams = {
+  submitterCanRevoke: true,
+  allowBatchProcess: false,
+  allowWithdraw: false,
+  allowAddSign: false,
+  duplicateApproverRule: 'FIRST_ONLY',
+  requireComment: false,
+  permissions: [],
+  statusPermissions: [],
+};
+
+export const defaultWebHookConfig: ApprovalWebhookConfig = {
+  webHookEnable: false,
+  webHookDescribe: '',
+  webHookUrl: '',
+  webHookMethod: RequestEnum.POST,
+  webHookHeader: '{"Content-Type":"application/json"}',
+  webHookBody: '',
+};
+
+export const businessTypeOptions = [
+  {
+    label: t('crmFormCreate.drawer.quotation'),
+    value: FormDesignKeyEnum.OPPORTUNITY_QUOTATION,
+  },
+  {
+    label: t('module.contract'),
+    value: FormDesignKeyEnum.CONTRACT,
+  },
+  {
+    label: t('module.invoiceApproval'),
+    value: FormDesignKeyEnum.INVOICE,
+  },
+  {
+    label: t('module.order'),
+    value: FormDesignKeyEnum.ORDER,
+  },
+];
+
+const approvalTypeOptionConfigs: Array<{
+  label: string;
+  value: ApprovalTypeEnum;
+  icon: string;
+  iconBgClass: string;
+}> = [
+  {
+    label: t('process.process.flow.manualApproval'),
+    value: ApprovalTypeEnum.MANUAL,
+    icon: 'iconicon_contract',
+    iconBgClass: 'bg-[var(--warning-yellow)]',
+  },
+  {
+    label: t('process.process.flow.autoApprove'),
+    value: ApprovalTypeEnum.AUTO_PASS,
+    icon: 'iconicon_contract',
+    iconBgClass: 'bg-[var(--warning-yellow)]',
+  },
+  {
+    label: t('process.process.flow.autoReject'),
+    value: ApprovalTypeEnum.AUTO_REJECT,
+    icon: 'iconicon_contract',
+    iconBgClass: 'bg-[var(--warning-yellow)]',
+  },
+];
+
+export const approvalTypeOptions: Array<{ label: string; value: ApprovalTypeEnum }> = approvalTypeOptionConfigs.map(
+  ({ label, value }) => ({
+    label,
+    value,
+  })
+);
+
+export type FlowAddNodeType = 'action' | 'condition-group';
+
+export interface FlowAddNodeOption {
+  label: string;
+  type: FlowAddNodeType;
+  icon: string;
+  iconBgClass: string;
+  actionApprovalType?: ApprovalTypeEnum;
+}
+
+export interface FlowAddNodeGroup {
+  key: string;
+  title: string;
+  options: FlowAddNodeOption[];
+}
+
+export const approvalFlowAddNodeGroups: FlowAddNodeGroup[] = [
+  {
+    key: 'approval',
+    title: t('process.process.flow.approver'),
+    options: approvalTypeOptionConfigs.map(({ label, value, icon, iconBgClass }) => ({
+      label,
+      type: 'action',
+      actionApprovalType: value,
+      icon,
+      iconBgClass,
+    })),
+  },
+  {
+    key: 'condition',
+    title: t('crmFlow.triggerCondition'),
+    options: [
+      {
+        label: t('process.process.flow.conditionRule'),
+        type: 'condition-group',
+        icon: 'iconicon_fork',
+        iconBgClass: 'bg-[var(--info-blue)]',
+      },
+    ],
+  },
+];
+
+export const approverTypeOptions: Array<{ label: string; value: ApproverTypeEnum }> = [
+  {
+    label: t('process.process.flow.approverType.specifiedMember'),
+    value: ApproverTypeEnum.SPECIFIED_MEMBER,
+  },
+  {
+    label: t('process.process.flow.approverType.specifiedSupervisor'),
+    value: ApproverTypeEnum.DIRECT_SUPERVISOR,
+  },
+  {
+    label: t('process.process.flow.approverType.continuousSupervisor'),
+    value: ApproverTypeEnum.CONTINUOUS_SUPERVISOR,
+  },
+  {
+    label: t('process.process.flow.approverType.specifiedDepartmentLeader'),
+    value: ApproverTypeEnum.SPECIFIED_DEPARTMENT_LEADER,
+  },
+  {
+    label: t('process.process.flow.approverType.continuousDepartmentLeader'),
+    value: ApproverTypeEnum.CONTINUOUS_DEPARTMENT_LEADER,
+  },
+  {
+    label: t('role.role'),
+    value: ApproverTypeEnum.ROLE,
+  },
+];
+
+export function resolveApprovalActionNodeDescription(
+  approvalType: ApprovalTypeEnum,
+  approverType?: ApproverTypeEnum | null
+) {
+  if (approvalType === ApprovalTypeEnum.AUTO_PASS) {
+    return t('process.process.flow.autoApprove');
+  }
+
+  if (approvalType === ApprovalTypeEnum.AUTO_REJECT) {
+    return t('process.process.flow.autoReject');
+  }
+
+  return approverType
+    ? approverTypeOptions.find((item) => item.value === approverType)?.label ?? t('process.process.flow.selectApprover')
+    : t('process.process.flow.selectApprover');
+}
+
+export function resolveApprovalActionNodeDefaults(approvalType: ApprovalTypeEnum) {
+  return {
+    name: t('process.process.flow.approver'),
+    description: resolveApprovalActionNodeDescription(approvalType),
+  };
+}
+
+export const approverLevelOptions = [
+  {
+    label: t('process.process.flow.approverLevel.first'),
+    value: '1',
+  },
+  {
+    label: t('process.process.flow.approverLevel.second'),
+    value: '2',
+  },
+  {
+    label: t('process.process.flow.approverLevel.third'),
+    value: '3',
+  },
+  {
+    label: t('process.process.flow.approverLevel.fourth'),
+    value: '4',
+  },
+  {
+    label: t('process.process.flow.approverLevel.fifth'),
+    value: '5',
+  },
+  {
+    label: t('process.process.flow.approverLevel.sixth'),
+    value: '6',
+  },
+  {
+    label: t('process.process.flow.approverLevel.seventh'),
+    value: '7',
+  },
+  {
+    label: t('process.process.flow.approverLevel.eighth'),
+    value: '8',
+  },
+  {
+    label: t('process.process.flow.approverLevel.ninth'),
+    value: '9',
+  },
+  {
+    label: t('process.process.flow.approverLevel.tenth'),
+    value: '10',
+  },
+];
+
+export const departmentLevelOptions = [
+  {
+    label: t('process.process.flow.departmentLevel.first'),
+    value: '1',
+  },
+  {
+    label: t('process.process.flow.departmentLevel.second'),
+    value: '2',
+  },
+  {
+    label: t('process.process.flow.departmentLevel.third'),
+    value: '3',
+  },
+  {
+    label: t('process.process.flow.departmentLevel.fourth'),
+    value: '4',
+  },
+  {
+    label: t('process.process.flow.departmentLevel.fifth'),
+    value: '5',
+  },
+  {
+    label: t('process.process.flow.departmentLevel.sixth'),
+    value: '6',
+  },
+  {
+    label: t('process.process.flow.departmentLevel.seventh'),
+    value: '7',
+  },
+  {
+    label: t('process.process.flow.departmentLevel.eighth'),
+    value: '8',
+  },
+  {
+    label: t('process.process.flow.departmentLevel.ninth'),
+    value: '9',
+  },
+  {
+    label: t('process.process.flow.departmentLevel.tenth'),
+    value: '10',
+  },
+];
diff --git a/frontend/packages/web/src/config/system.ts b/frontend/packages/web/src/config/system.ts
new file mode 100644
index 0000000..c40215e
--- /dev/null
+++ b/frontend/packages/web/src/config/system.ts
@@ -0,0 +1,128 @@
+import { OperationTypeEnum } from '@lib/shared/enums/systemEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+import type { ActionItem } from '@/store/modules/app/types';
+
+const { t } = useI18n();
+
+export const logTypeOption = [
+  {
+    value: OperationTypeEnum.ADD,
+    label: 'common.new',
+  },
+  {
+    value: OperationTypeEnum.UPDATE,
+    label: 'common.modify',
+  },
+  {
+    value: OperationTypeEnum.DELETE,
+    label: 'common.delete',
+  },
+  {
+    value: OperationTypeEnum.IMPORT,
+    label: 'common.import',
+  },
+  {
+    value: OperationTypeEnum.MERGE,
+    label: 'customer.merge',
+  },
+  {
+    value: OperationTypeEnum.EXPORT,
+    label: 'common.export',
+  },
+  {
+    value: OperationTypeEnum.SYNC,
+    label: 'common.sync',
+  },
+  {
+    value: OperationTypeEnum.MOVE_TO_CUSTOMER_POOL,
+    label: 'customer.moveToSeaOrPool',
+  },
+  {
+    value: OperationTypeEnum.PICK,
+    label: 'common.claim',
+  },
+  {
+    value: OperationTypeEnum.ASSIGN,
+    label: 'common.distribute',
+  },
+  {
+    value: OperationTypeEnum.CANCEL,
+    label: 'common.cancel',
+  },
+  {
+    value: OperationTypeEnum.ADD_USER,
+    label: 'common.addUser',
+  },
+  {
+    value: OperationTypeEnum.REMOVE_USER,
+    label: 'common.removeUser',
+  },
+  {
+    value: OperationTypeEnum.APPROVAL,
+    label: 'common.approval',
+  },
+  {
+    value: OperationTypeEnum.VOIDED,
+    label: 'common.voided',
+  },
+  {
+    value: OperationTypeEnum.CANCEL_VOID,
+    label: 'common.cancelVoid',
+  },
+  {
+    value: OperationTypeEnum.DOWNLOAD,
+    label: 'common.download',
+  },
+];
+
+export const defaultNavList: ActionItem[] = [
+  {
+    label: t('settings.search'),
+    key: 'search',
+    iconType: 'iconicon_search-outline_outlined',
+    slotName: 'searchSlot',
+  },
+  {
+    label: t('system.message.todoList'),
+    key: 'task',
+    iconType: 'iconicon_contract',
+    slotName: 'taskSlot',
+  },
+  {
+    label: t('menu.agent'),
+    key: 'agent',
+    iconType: 'iconicon_bot',
+    slotName: 'agentSlot',
+  },
+  {
+    label: t('settings.navbar.alerts'),
+    key: 'notify',
+    iconType: 'iconicon-alarmclock',
+    slotName: 'alertsSlot',
+  },
+  {
+    label: t('settings.help.versionInfo'),
+    key: 'about',
+    iconType: 'iconicon_info_circle',
+    slotName: 'versionInfoSlot',
+  },
+  {
+    label: t('settings.language'),
+    key: 'language',
+    iconType: '',
+    slotName: 'languageSlot',
+  },
+  {
+    label: t('settings.navbar.help'),
+    key: 'help',
+    iconType: 'iconicon_help_circle',
+    slotName: 'helpSlot',
+  },
+  {
+    label: t('settings.navbar.event'),
+    key: 'event',
+    iconType: 'iconicon_data_plan',
+    slotName: 'eventSlot',
+  },
+];
diff --git a/frontend/packages/web/src/config/workbench.ts b/frontend/packages/web/src/config/workbench.ts
new file mode 100644
index 0000000..2a88c5f
--- /dev/null
+++ b/frontend/packages/web/src/config/workbench.ts
@@ -0,0 +1,69 @@
+import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+const { t } = useI18n();
+export interface QuickAccessItem {
+  label: string;
+  key: FormDesignKeyEnum;
+  icon: string;
+  permission: string[];
+}
+
+export const quickAccessList: QuickAccessItem[] = [
+  {
+    key: FormDesignKeyEnum.CUSTOMER,
+    icon: 'newCustomer',
+    label: t('customer.new'),
+    permission: ['CUSTOMER_MANAGEMENT:ADD'],
+  },
+  {
+    key: FormDesignKeyEnum.CONTACT,
+    icon: 'newContact',
+    label: t('customManagement.newContact'),
+    permission: ['CUSTOMER_MANAGEMENT_CONTACT:ADD'],
+  },
+  {
+    key: FormDesignKeyEnum.CLUE,
+    icon: 'newClue',
+    label: t('clueManagement.newClue'),
+    permission: ['CLUE_MANAGEMENT:ADD'],
+  },
+  {
+    key: FormDesignKeyEnum.BUSINESS,
+    icon: 'newOpportunity',
+    label: t('opportunity.new'),
+    permission: ['OPPORTUNITY_MANAGEMENT:ADD'],
+  },
+  {
+    key: FormDesignKeyEnum.CONTRACT,
+    icon: 'newContract',
+    label: t('contract.new'),
+    permission: ['CONTRACT:ADD'],
+  },
+  {
+    key: FormDesignKeyEnum.INVOICE,
+    icon: 'newInvoice',
+    label: t('invoice.new'),
+    permission: ['CONTRACT_INVOICE:ADD'],
+  },
+  {
+    key: FormDesignKeyEnum.FOLLOW_RECORD,
+    icon: 'newRecord',
+    label: t('workbench.createFollowUpRecord'),
+    permission: ['CUSTOMER_MANAGEMENT:UPDATE', 'CLUE_MANAGEMENT:UPDATE'],
+  },
+  {
+    key: FormDesignKeyEnum.FOLLOW_PLAN,
+    icon: 'newPlan',
+    label: t('workbench.createFollowUpPlan'),
+    permission: ['CUSTOMER_MANAGEMENT:UPDATE', 'CLUE_MANAGEMENT:UPDATE'],
+  },
+  {
+    key: FormDesignKeyEnum.ORDER,
+    icon: 'newOrder',
+    label: t('order.new'),
+    permission: ['ORDER:ADD'],
+  },
+];
+
+export default {};
diff --git a/frontend/packages/web/src/directive/index.ts b/frontend/packages/web/src/directive/index.ts
new file mode 100644
index 0000000..6d347dc
--- /dev/null
+++ b/frontend/packages/web/src/directive/index.ts
@@ -0,0 +1,11 @@
+import { App } from 'vue';
+
+import permission from './permission';
+import validateExpiration from './validateExpiration';
+
+export default {
+  install(Vue: App) {
+    Vue.directive('permission', permission);
+    Vue.directive('expire', validateExpiration);
+  },
+};
diff --git a/frontend/packages/web/src/directive/permission/index.ts b/frontend/packages/web/src/directive/permission/index.ts
new file mode 100644
index 0000000..c556acd
--- /dev/null
+++ b/frontend/packages/web/src/directive/permission/index.ts
@@ -0,0 +1,32 @@
+import { DirectiveBinding } from 'vue';
+
+import { hasAllPermission, hasAnyPermission } from '@/utils/permission';
+
+/**
+ * 权限指令
+ * @param el dom 节点
+ * @param binding vue 绑定的数据
+ */
+function checkPermission(el: HTMLElement, binding: DirectiveBinding) {
+  const { value, modifiers } = binding;
+  if (Array.isArray(value)) {
+    if (value.length > 0) {
+      // 如果有 all 修饰符，表示需要全部权限；否则只需要其中一个权限
+      const hasPermission = modifiers.all ? hasAllPermission(value) : hasAnyPermission(value);
+      if (!hasPermission && el.parentNode) {
+        el.parentNode.removeChild(el);
+      }
+    }
+  } else {
+    throw new Error(`need roles! Like v-permission="['admin','user']"`);
+  }
+}
+
+export default {
+  mounted(el: HTMLElement, binding: DirectiveBinding) {
+    checkPermission(el, binding);
+  },
+  updated(el: HTMLElement, binding: DirectiveBinding) {
+    checkPermission(el, binding);
+  },
+};
diff --git a/frontend/packages/web/src/directive/validateExpiration/index.ts b/frontend/packages/web/src/directive/validateExpiration/index.ts
new file mode 100644
index 0000000..29d4eaf
--- /dev/null
+++ b/frontend/packages/web/src/directive/validateExpiration/index.ts
@@ -0,0 +1,24 @@
+import useLicenseStore from '@/store/modules/setting/license';
+
+/**
+ * 权限指令,TODO:校验license
+ * @param el dom 节点
+ */
+
+function checkHasLicenseExpiration(el: HTMLElement) {
+  const licenseStore = useLicenseStore();
+  const isValid = licenseStore.expiredDuring;
+
+  if (!isValid && el.parentNode) {
+    el.parentNode.removeChild(el);
+  }
+}
+
+export default {
+  mounted(el: HTMLElement) {
+    checkHasLicenseExpiration(el);
+  },
+  updated(el: HTMLElement) {
+    checkHasLicenseExpiration(el);
+  },
+};
diff --git a/frontend/packages/web/src/enums/routeEnum.ts b/frontend/packages/web/src/enums/routeEnum.ts
new file mode 100644
index 0000000..c2e1d77
--- /dev/null
+++ b/frontend/packages/web/src/enums/routeEnum.ts
@@ -0,0 +1,109 @@
+export enum SystemRouteEnum {
+  SYSTEM = 'system',
+  SYSTEM_ORG = 'systemOrg',
+  SYSTEM_ROLE = 'systemRole',
+  SYSTEM_MODULE = 'systemModule',
+  SYSTEM_BUSINESS = 'systemBusiness',
+  SYSTEM_LICENSE = 'systemLicense',
+  SYSTEM_LOG = 'systemLog',
+  SYSTEM_MESSAGE = 'systemMessage',
+  SYSTEM_PROCESS = 'systemProcess',
+  SYSTEM_PROCESS_INDEX = 'systemProcessIndex',
+  SYSTEM_PROCESS_WORKFLOW = 'systemProcessWorkflow',
+}
+
+export enum OpportunityRouteEnum {
+  OPPORTUNITY = 'opportunity',
+  OPPORTUNITY_OPT = 'opportunityOpt',
+  OPPORTUNITY_QUOTATION = 'opportunityQuotation',
+}
+
+export enum ClueRouteEnum {
+  CLUE_MANAGEMENT = 'leadManagement',
+  CLUE_MANAGEMENT_CLUE = 'leadManagementLead',
+  CLUE_MANAGEMENT_POOL = 'leadManagementPool',
+}
+
+export enum CustomerRouteEnum {
+  CUSTOMER = 'account',
+  CUSTOMER_INDEX = 'accountIndex',
+  CUSTOMER_CONTACT = 'accountContact',
+  CUSTOMER_OPEN_SEA = 'accountOpenSea',
+}
+
+export enum ContractRouteEnum {
+  CONTRACT = 'contract',
+  CONTRACT_INDEX = 'contractIndex',
+  CONTRACT_PAYMENT = 'contractPaymentPlan',
+  CONTRACT_PAYMENT_RECORD = 'contractPaymentRecord',
+  CONTRACT_BUSINESS_NAME = 'contractBusinessName',
+  CONTRACT_INVOICE = 'contractInvoice',
+}
+
+export enum OrderRouteEnum {
+  ORDER = 'order',
+  ORDER_INDEX = 'orderIndex',
+}
+
+export enum ProductRouteEnum {
+  PRODUCT = 'product',
+  PRODUCT_PRO = 'productPro',
+  PRODUCT_PRICE = 'productPrice',
+}
+
+export enum PersonalRouteEnum {
+  PERSONAL_INFO = 'personalInfo',
+  PERSONAL_PLAN = 'personalPlan',
+  PERSONAL_EXPORT = 'personalExport',
+  LOGOUT = 'logout',
+}
+
+export enum WorkbenchRouteEnum {
+  WORKBENCH = 'workbench',
+  WORKBENCH_INDEX = 'workbenchIndex',
+}
+
+export enum AgentRouteEnum {
+  AGENT = 'agent',
+  AGENT_INDEX = 'agentIndex',
+}
+
+export enum DashboardRouteEnum {
+  DASHBOARD = 'dashboard',
+  DASHBOARD_INDEX = 'dashboardIndex',
+  DASHBOARD_LINK = 'dashboardLink',
+  DASHBOARD_MODULE = 'dashboardModule',
+}
+
+export enum TenderRouteEnum {
+  TENDER = 'tender',
+  TENDER_INDEX = 'tenderIndex',
+}
+
+export enum FullPageEnum {
+  FULL_PAGE = 'fullPage',
+  FULL_PAGE_DASHBOARD = 'fullPageDashboard',
+  FULL_PAGE_EXPORT_QUOTATION = 'fullPageExportQuotation',
+  FULL_PAGE_EXPORT_ORDER = 'fullPageExportOrder',
+}
+
+export enum CustomFormRouteEnum {
+  CUSTOM_FORM = 'customForm',
+  CUSTOM_FORM_INDEX = 'customFormIndex',
+}
+
+export const AppRouteEnum = {
+  ...SystemRouteEnum,
+  ...OpportunityRouteEnum,
+  ...ClueRouteEnum,
+  ...CustomerRouteEnum,
+  ...ProductRouteEnum,
+  ...PersonalRouteEnum,
+  ...WorkbenchRouteEnum,
+  ...DashboardRouteEnum,
+  ...AgentRouteEnum,
+  ...ContractRouteEnum,
+  ...OrderRouteEnum,
+  ...TenderRouteEnum,
+  ...CustomFormRouteEnum,
+};
diff --git a/frontend/packages/web/src/hooks/useApprovalOperation.ts b/frontend/packages/web/src/hooks/useApprovalOperation.ts
new file mode 100644
index 0000000..a8a69fd
--- /dev/null
+++ b/frontend/packages/web/src/hooks/useApprovalOperation.ts
@@ -0,0 +1,368 @@
+import { type Ref, ref } from 'vue';
+
+import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+import { ProcessStatusEnum } from '@lib/shared/enums/process';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+import { ApprovalProcessDetail, StatusPermissions } from '@lib/shared/models/system/process';
+
+import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+
+import { getApprovalConfigDetail } from '@/api/modules';
+import { processStatusOptions } from '@/config/process';
+import { useUserStore } from '@/store';
+import { hasAnyPermission } from '@/utils/permission';
+
+export type ApprovalConfigType =
+  | FormDesignKeyEnum.CONTRACT
+  | FormDesignKeyEnum.INVOICE
+  | FormDesignKeyEnum.ORDER
+  | FormDesignKeyEnum.OPPORTUNITY_QUOTATION;
+
+export interface UseApprovalOperationOptions<Row extends Record<string, any>> {
+  formType: ApprovalConfigType;
+  dataActionMap: Record<string, ActionsItem> | ((row: Row) => Record<string, ActionsItem>);
+  isDetail?: boolean;
+  maxVisibleActions?: number;
+  getApprovalStatus?: (row: Row) => ProcessStatusEnum;
+  getBizStatus?: (row: Row) => string | undefined;
+  identityResolver?: {
+    isApplicant?: (row: Row, currentUserId: string) => boolean;
+    isOwner?: (row: Row, currentUserId: string) => boolean;
+  };
+  specialActionFilter?: (row: Row, actionKeys: string[]) => string[];
+  shouldUseRolePermissionOnly?: (row: Row) => boolean; // 应该回退成“只按角色权限”处理，例如报价单作废状态下，但是审批状态还是审批中，此刻按照角色权限处理只展示删除
+}
+
+function buildStatusPermissionMap(statusPermissions: StatusPermissions[]) {
+  const permissionMap = new Map<ProcessStatusEnum, Set<string>>();
+
+  statusPermissions.forEach((item) => {
+    if (!permissionMap.has(item.approvalStatus)) {
+      permissionMap.set(item.approvalStatus, new Set<string>());
+    }
+
+    if (!item.enabled) {
+      return;
+    }
+
+    permissionMap.get(item.approvalStatus)?.add(item.permission);
+  });
+
+  return permissionMap;
+}
+
+export default function useApprovalOperation<Row extends Record<string, any>>(
+  options: UseApprovalOperationOptions<Row>
+) {
+  const { t } = useI18n();
+  const userStore = useUserStore();
+
+  const approvalPermissionsDetail = ref<ApprovalProcessDetail | null>(null);
+  const statusPermissionMap = ref<Map<ProcessStatusEnum, Set<string>>>(new Map());
+
+  const enableApproval = ref(false);
+  const deleteExecute = ref(false);
+
+  function getApprovalStatus(row: Row) {
+    if (!row) {
+      return ProcessStatusEnum.NONE;
+    }
+    return options.getApprovalStatus?.(row) ?? (row.approvalStatus as ProcessStatusEnum);
+  }
+
+  function getBizStatus(row: Row) {
+    return options.getBizStatus?.(row) ?? row.status;
+  }
+
+  function getDataActionMap(row: Row) {
+    return typeof options.dataActionMap === 'function' ? options.dataActionMap(row) : options.dataActionMap;
+  }
+
+  function isApplicant(row: Row) {
+    const isCreator =
+      options.identityResolver?.isApplicant?.(row, userStore.userInfo.id) ?? row.createUser === userStore.userInfo.id;
+    const isOwner =
+      options.identityResolver?.isOwner?.(row, userStore.userInfo.id) ?? row.owner === userStore.userInfo.id;
+
+    return isCreator || isOwner;
+  }
+
+  function shouldUseRolePermissionOnly(row?: Row) {
+    if (!row) {
+      return false;
+    }
+    return options?.shouldUseRolePermissionOnly?.(row) ?? false;
+  }
+
+  function canRevokeWhileApproving(row: Row) {
+    if (!isApplicant(row)) {
+      return false;
+    }
+
+    // 开启配置：审批中始终允许提交人撤销
+    if (approvalPermissionsDetail.value?.submitterCanRevoke) {
+      return true;
+    }
+
+    // 关闭配置：只允许第一个审批节点通过前撤销
+    return !row.firstApproved;
+  }
+
+  function getReviewActionState() {
+    const disabled = !enableApproval.value || !approvalPermissionsDetail.value;
+
+    return {
+      disabled,
+      tooltipContent: disabled ? t('crm.approval.reviewDisabledTip') : undefined,
+    };
+  }
+
+  function createApprovalActions(row: Row): ActionsItem[] {
+    const approvalStatus = getApprovalStatus(row);
+    const reviewActionState = getReviewActionState();
+    const canReview = isApplicant(row);
+
+    switch (approvalStatus) {
+      case ProcessStatusEnum.PENDING:
+        // 返回提审
+        return canReview
+          ? [
+              {
+                label: t('common.review'),
+                key: 'review',
+                ...reviewActionState,
+              },
+            ]
+          : [];
+      case ProcessStatusEnum.UNAPPROVED:
+      case ProcessStatusEnum.REVOKED:
+        return canReview
+          ? [
+              {
+                label: t('common.resubmit'),
+                key: 'review',
+                ...reviewActionState,
+              },
+            ]
+          : [];
+      case ProcessStatusEnum.APPROVING:
+        return [
+          ...(canRevokeWhileApproving(row)
+            ? [
+                {
+                  label: t('common.revoke'),
+                  key: 'revoke',
+                },
+              ]
+            : []),
+        ];
+      case ProcessStatusEnum.APPROVED:
+      default:
+        return [];
+    }
+  }
+
+  function createDataPermissionActions(row: Row): ActionsItem[] {
+    const currentStatusPermissions = statusPermissionMap.value.get(getApprovalStatus(row));
+    const dataActionMap = getDataActionMap(row);
+
+    if (!currentStatusPermissions) {
+      return Object.values(dataActionMap).filter((action) => {
+        if (!action.key) {
+          return false;
+        }
+
+        return !action.permission?.length || hasAnyPermission(action.permission);
+      });
+    }
+
+    return Object.values(dataActionMap).filter((action) => {
+      if (!action.key || !action.permission?.length) {
+        return false;
+      }
+
+      return (
+        action.permission.some((permissionId) => currentStatusPermissions.has(permissionId)) &&
+        hasAnyPermission(action.permission)
+      );
+    });
+  }
+
+  function createNormalActions(row: Row): ActionsItem[] {
+    const dataActionMap = getDataActionMap(row);
+
+    return Object.values(dataActionMap).filter((action) => {
+      if (!action.key) {
+        return false;
+      }
+
+      return !action.permission?.length || hasAnyPermission(action.permission);
+    });
+  }
+
+  function applySpecialActionFilter(row: Row, actions: ActionsItem[]) {
+    const filteredKeys = options.specialActionFilter?.(
+      row,
+      actions.map((item) => item.key as string)
+    );
+
+    if (!filteredKeys) {
+      return actions;
+    }
+
+    return actions.filter((item) => filteredKeys.includes(item.key as string));
+  }
+
+  function hasStatusPermissions(row: Row, permissions: string[]) {
+    const currentStatusPermissions = statusPermissionMap.value.get(getApprovalStatus(row));
+
+    if (!currentStatusPermissions) {
+      return false;
+    }
+
+    return permissions.some((permission) => currentStatusPermissions.has(permission));
+  }
+
+  function getAllowedStatuses(permissions: string[]) {
+    if (!enableApproval.value || !permissions.length) {
+      return [] as ProcessStatusEnum[];
+    }
+
+    return processStatusOptions
+      .map((item) => item.value as ProcessStatusEnum)
+      .filter((status) => {
+        const currentStatusPermissions = statusPermissionMap.value.get(status);
+
+        if (!currentStatusPermissions) {
+          return false;
+        }
+
+        return permissions.some((permission) => currentStatusPermissions.has(permission));
+      });
+  }
+
+  function getApprovalStatusLabel(status: ProcessStatusEnum) {
+    return processStatusOptions.find((item) => item.value === status)?.label || '-';
+  }
+
+  function getApprovalActionTip(permissions: string[], tipKey: string) {
+    if (!enableApproval.value || !approvalPermissionsDetail.value || !hasAnyPermission(permissions)) {
+      return '';
+    }
+
+    const allowedStatuses = Array.from(new Set([...getAllowedStatuses(permissions), ProcessStatusEnum.NONE]));
+
+    if (!allowedStatuses.length) {
+      return '';
+    }
+
+    const statusLabels = allowedStatuses.map(getApprovalStatusLabel).join('、');
+
+    return statusLabels ? t(tipKey, { statuses: statusLabels }) : '';
+  }
+
+  // 获取对应数据权限是否允许操作
+  function hasApprovalScopedPermission(row: Row, permissions: string[]) {
+    if (!permissions.length || !row) {
+      return false;
+    }
+
+    const hasRolePermission = hasAnyPermission(permissions);
+
+    if (!enableApproval.value || shouldUseRolePermissionOnly?.(row)) {
+      return hasRolePermission;
+    }
+
+    const currentStatusPermissions = statusPermissionMap.value.get(getApprovalStatus(row));
+
+    if (!currentStatusPermissions) {
+      return hasRolePermission;
+    }
+
+    return hasStatusPermissions(row, permissions) && hasRolePermission;
+  }
+
+  function splitActions(actions: ActionsItem[]) {
+    // 默认最多展示3个操作
+    const maxVisibleActions = options.maxVisibleActions ?? 3;
+    const realVisibleNumber = maxVisibleActions - 1;
+    const newActions = options.isDetail
+      ? actions.map((e) => ({ ...e, danger: ['delete', 'unPass'].includes(e.key ?? '') }))
+      : actions;
+
+    if (actions.length <= realVisibleNumber) {
+      return {
+        groupList: newActions,
+        moreList: [] as ActionsItem[],
+      };
+    }
+
+    const moreList = newActions.slice(realVisibleNumber);
+
+    return {
+      groupList: [
+        ...newActions.slice(0, realVisibleNumber),
+        ...(moreList.length === 1
+          ? moreList
+          : [
+              {
+                label: 'more',
+                key: 'more',
+                slotName: 'more',
+              },
+            ]),
+      ],
+      moreList: moreList.length === 1 ? [] : newActions.slice(realVisibleNumber),
+    };
+  }
+
+  function resolveRowActions(row: Row) {
+    const dataActions =
+      !enableApproval.value || shouldUseRolePermissionOnly(row)
+        ? createNormalActions(row)
+        : createDataPermissionActions(row);
+    const actions = [...createApprovalActions(row), ...dataActions];
+
+    return applySpecialActionFilter(row, actions);
+  }
+
+  function resolveRowOperation(row: Row) {
+    return splitActions(resolveRowActions(row));
+  }
+
+  async function initApprovalPermission() {
+    try {
+      const result = await getApprovalConfigDetail(options.formType);
+
+      if (result) {
+        approvalPermissionsDetail.value = result;
+        enableApproval.value = result.enable;
+        deleteExecute.value = Boolean(result.deleteExecute);
+        statusPermissionMap.value = buildStatusPermissionMap(result.statusPermissions);
+      } else {
+        approvalPermissionsDetail.value = result;
+        enableApproval.value = false;
+        deleteExecute.value = false;
+      }
+    } catch (error) {
+      deleteExecute.value = false;
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  return {
+    initApprovalPermission,
+    resolveRowActions,
+    resolveRowOperation,
+    hasApprovalScopedPermission,
+    getAllowedStatuses,
+    getApprovalActionTip,
+    approvalPermissionsDetail,
+    statusPermissionMap,
+    getApprovalStatus,
+    getBizStatus,
+    enableApproval,
+    deleteExecute,
+  };
+}
diff --git a/frontend/packages/web/src/hooks/useApprovalResourceAction.ts b/frontend/packages/web/src/hooks/useApprovalResourceAction.ts
new file mode 100644
index 0000000..8398302
--- /dev/null
+++ b/frontend/packages/web/src/hooks/useApprovalResourceAction.ts
@@ -0,0 +1,112 @@
+import { useMessage } from 'naive-ui';
+
+import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+import { reviewResource, revokeResource } from '@/api/modules';
+import useModal from '@/hooks/useModal';
+
+interface ApprovalResourceActionHandlers {
+  onSuccess?: (resourceId: string) => void | Promise<void>;
+  onError?: (error: unknown) => void | Promise<void>;
+}
+
+interface UseApprovalResourceActionOptions {
+  formKey: FormDesignKeyEnum;
+  preventDuplicateByResourceId?: boolean;
+}
+
+export default function useApprovalResourceAction(options: UseApprovalResourceActionOptions) {
+  const { t } = useI18n();
+  const Message = useMessage();
+  const { openModal } = useModal();
+
+  const enableDuplicateGuard = options.preventDuplicateByResourceId ?? true;
+
+  const reviewLoading = ref(false);
+  const revokeLoading = ref(false);
+  const reviewPendingResourceIds = new Set<string>();
+
+  async function submitReview(resourceId: string, callback?: ApprovalResourceActionHandlers) {
+    if (!resourceId) {
+      return;
+    }
+
+    if (enableDuplicateGuard && reviewPendingResourceIds.has(resourceId)) {
+      return;
+    }
+
+    try {
+      reviewPendingResourceIds.add(resourceId);
+      reviewLoading.value = true;
+      await reviewResource({
+        resourceId,
+        formKey: options.formKey,
+      });
+      Message.success(t('common.reviewSuccess'));
+      await callback?.onSuccess?.(resourceId);
+    } catch (error) {
+      await callback?.onError?.(error);
+      // eslint-disable-next-line no-console
+      console.error(error);
+    } finally {
+      reviewPendingResourceIds.delete(resourceId);
+      reviewLoading.value = false;
+    }
+  }
+
+  async function submitRevoke(resourceId: string, callback?: ApprovalResourceActionHandlers) {
+    if (!resourceId) {
+      return;
+    }
+
+    try {
+      revokeLoading.value = true;
+      await revokeResource({
+        resourceId,
+        formKey: options.formKey,
+      });
+      Message.success(t('common.revokeSuccess'));
+      await callback?.onSuccess?.(resourceId);
+    } catch (error) {
+      await callback?.onError?.(error);
+      // eslint-disable-next-line no-console
+      console.error(error);
+    } finally {
+      revokeLoading.value = false;
+    }
+  }
+
+  async function reviewByFormResult(res: { id: string }, callback?: ApprovalResourceActionHandlers) {
+    await submitReview(res?.id, callback);
+  }
+
+  async function reviewByResourceId(resourceId: string, callback?: ApprovalResourceActionHandlers) {
+    await submitReview(resourceId, callback);
+  }
+
+  async function revokeByResourceId(resourceId: string, callback?: ApprovalResourceActionHandlers) {
+    if (!resourceId) {
+      return;
+    }
+
+    openModal({
+      type: 'error',
+      title: t('crm.approval.cancelApprovalConfirm'),
+      content: t('crm.approval.cancelApprovalTip'),
+      positiveText: t('common.confirm'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        await submitRevoke(resourceId, callback);
+      },
+    });
+  }
+
+  return {
+    reviewLoading,
+    revokeLoading,
+    reviewByFormResult,
+    reviewByResourceId,
+    revokeByResourceId,
+  };
+}
diff --git a/frontend/packages/web/src/hooks/useContainerShadow.ts b/frontend/packages/web/src/hooks/useContainerShadow.ts
new file mode 100644
index 0000000..44af6e0
--- /dev/null
+++ b/frontend/packages/web/src/hooks/useContainerShadow.ts
@@ -0,0 +1,91 @@
+import { computed, onBeforeUnmount, Ref, ref } from 'vue';
+
+export interface ContainerShadowOptions {
+  /**
+   * 内容区域
+   */
+  content?: Ref<HTMLElement>;
+  /**
+   * 判断显示阴影的高度
+   */
+  overHeight: number;
+  /**
+   * 内容区域的类名
+   */
+  containerClassName: string;
+}
+
+/**
+ * 监听指定容器的滚动事件，以给容器添加顶部和底部的阴影，需要给指定的容器添加 .crm-container--shadow-y() 样式类使用阴影
+ * @param options ContainerShadowOptions
+ */
+export default function useContainerShadow(options: ContainerShadowOptions) {
+  const isArrivedTop = ref(true);
+  const isArrivedBottom = ref(true);
+  const isInitListener = ref(false);
+  const containerRef = ref<Ref<HTMLElement> | undefined>(options.content);
+
+  function setContainer(dom: HTMLElement) {
+    if (dom) {
+      containerRef.value = dom;
+    }
+  }
+
+  function calculateArrivedPosition(listContent: HTMLElement) {
+    const { scrollTop, scrollHeight, clientHeight } = listContent;
+    const scrollBottom = scrollHeight - clientHeight - scrollTop;
+    isArrivedTop.value = scrollTop < options.overHeight;
+    isArrivedBottom.value = scrollBottom < options.overHeight;
+  }
+
+  /**
+   * 监听列表内容区域滚动，以切换顶部底部阴影
+   * @param event 滚动事件
+   */
+  function listenScroll(event: Event) {
+    if (event.target) {
+      const listContent = event.target as HTMLElement;
+      calculateArrivedPosition(listContent);
+    }
+  }
+
+  function initScrollListener() {
+    if (!isInitListener.value && containerRef.value) {
+      containerRef.value.addEventListener('scroll', listenScroll);
+      calculateArrivedPosition(containerRef.value); // 初始化计算一次，因为初始化的时候内容可能超出可视区域了
+      isInitListener.value = true;
+    }
+  }
+
+  const containerStatusClass = computed(() => {
+    if (isArrivedTop.value && isArrivedBottom.value) {
+      // 内容不足一屏，不展示阴影
+      return '';
+    }
+    if (isArrivedTop.value) {
+      // 滚动到顶部，隐藏顶部阴影
+      return `${options.containerClassName}-shadow-bottom`;
+    }
+    if (isArrivedBottom.value) {
+      // 滚动到底部，隐藏底部阴影
+      return `${options.containerClassName}-shadow-top`;
+    }
+    // 滚动到中间，展示两侧阴影
+    return `${options.containerClassName}-shadow-top ${options.containerClassName}-shadow-bottom`;
+  });
+
+  onBeforeUnmount(() => {
+    if (containerRef.value) {
+      containerRef.value.removeEventListener('scroll', listenScroll);
+    }
+  });
+
+  return {
+    isArrivedTop,
+    isArrivedBottom,
+    isInitListener,
+    containerStatusClass,
+    setContainer,
+    initScrollListener,
+  };
+}
diff --git a/frontend/packages/web/src/hooks/useContractTimeline.ts b/frontend/packages/web/src/hooks/useContractTimeline.ts
new file mode 100644
index 0000000..a457299
--- /dev/null
+++ b/frontend/packages/web/src/hooks/useContractTimeline.ts
@@ -0,0 +1,244 @@
+import { ref } from 'vue';
+import dayjs from 'dayjs';
+
+import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+import type { ContractItem } from '@lib/shared/models/contract';
+import type { FormDesignConfigDetailParams } from '@lib/shared/models/system/module';
+
+import type { Description } from '@/components/pure/crm-detail-card/index.vue';
+import { getFormConfigApiMap } from '@/components/business/crm-form-create/config';
+
+import {
+  getAccountContract,
+  getAccountContractStatistic,
+  getAccountPayment,
+  getAccountPaymentRecord,
+  getAccountPaymentRecordStatistic,
+  getAccountPaymentStatistic,
+  getCustomerInvoiceList,
+  getCustomerInvoiceStatistic,
+} from '@/api/modules';
+
+export type TimelineType =
+  | FormDesignKeyEnum.CONTRACT_PAYMENT
+  | FormDesignKeyEnum.CONTRACT
+  | FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD
+  | FormDesignKeyEnum.INVOICE;
+
+export default function useContractTimeline(formKey: TimelineType, sourceId: string) {
+  const { t } = useI18n();
+
+  const statisticListMap: Record<TimelineType, any> = {
+    [FormDesignKeyEnum.CONTRACT]: [
+      {
+        key: 'totalAmount',
+        label: t('contract.customerContractAmount'),
+      },
+    ],
+    [FormDesignKeyEnum.CONTRACT_PAYMENT]: [
+      {
+        key: 'totalPlanAmount',
+        label: t('contract.customerPaymentAmount'),
+      },
+    ],
+    [FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD]: [
+      {
+        key: 'totalAmount',
+        label: t('contract.paymentRecord.accountsPayable'),
+      },
+      {
+        key: 'receivedAmount',
+        label: t('contract.paymentRecord.paymentReceived'),
+      },
+      {
+        key: 'pendingAmount',
+        label: t('contract.paymentRecord.pendingPayment'),
+      },
+    ],
+    [FormDesignKeyEnum.INVOICE]: [
+      {
+        key: 'contractAmount',
+        label: t('invoice.contractAmount'),
+      },
+      {
+        key: 'uninvoicedAmount',
+        label: t('invoice.uninvoicedAmount'),
+      },
+      {
+        key: 'invoicedAmount',
+        label: t('invoice.invoicedAmount'),
+      },
+    ],
+  };
+
+  const descriptionListMap: Record<TimelineType, Description[]> = {
+    [FormDesignKeyEnum.CONTRACT]: [
+      {
+        key: 'ownerName',
+        label: t('contract.applicant'),
+        value: '',
+      },
+      {
+        key: 'name',
+        label: t('contract.invoicedContract'),
+        value: '',
+      },
+      {
+        key: 'amount',
+        label: t('contract.contractAmount'),
+        value: '',
+      },
+      {
+        key: 'stage',
+        label: t('contract.status'),
+        value: '',
+      },
+      {
+        key: 'createTime',
+        label: t('contract.applicationTime'),
+        value: '',
+      },
+    ],
+
+    [FormDesignKeyEnum.CONTRACT_PAYMENT]: [
+      { key: 'contractName', label: t('contract.paymentContract'), value: '' },
+      { key: 'planEndTime', label: t('contract.expectedPaymentDate'), value: '' },
+      { key: 'planAmount', label: t('contract.expectedPaymentAmount'), value: '' },
+      { key: 'planStatus', label: t('contract.isPlanCompleted'), value: '' },
+    ],
+    [FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD]: [
+      { key: 'name', label: t('contract.paymentName'), value: '' },
+      { key: 'contractName', label: t('contract.paymentContract'), value: '' },
+      { key: 'recordAmount', label: t('contract.paymentAmount'), value: '' },
+      { key: 'recordEndTime', label: t('contract.paymentTime'), value: '' },
+    ],
+    [FormDesignKeyEnum.INVOICE]: [
+      { key: 'createUserName', label: t('invoice.applicant'), value: '' },
+      { key: 'contractName', label: t('invoice.contractName'), value: '' },
+      { key: 'contractAmount', label: t('invoice.contractAmount'), value: '' },
+      { key: 'amount', label: t('invoice.amount'), value: '' },
+      { key: 'approvalStatus', label: '', value: '' },
+      { key: 'updateTime', label: t('invoice.applicationTime'), value: '' },
+    ],
+  };
+
+  const getListApiMap: Record<TimelineType, any> = {
+    [FormDesignKeyEnum.CONTRACT]: getAccountContract,
+    [FormDesignKeyEnum.CONTRACT_PAYMENT]: getAccountPayment,
+    [FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD]: getAccountPaymentRecord,
+    [FormDesignKeyEnum.INVOICE]: getCustomerInvoiceList,
+  };
+
+  const statisticApiMap: Record<TimelineType, any> = {
+    [FormDesignKeyEnum.CONTRACT]: getAccountContractStatistic,
+    [FormDesignKeyEnum.CONTRACT_PAYMENT]: getAccountPaymentStatistic,
+    [FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD]: getAccountPaymentRecordStatistic,
+    [FormDesignKeyEnum.INVOICE]: getCustomerInvoiceStatistic,
+  };
+
+  const data = ref<ContractItem[]>([]);
+  const loading = ref(false);
+
+  const pageNation = ref({
+    total: 0,
+    pageSize: 10,
+    current: 1,
+  });
+
+  const formConfig = ref<FormDesignConfigDetailParams>();
+  async function getFormConfig() {
+    if (![FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD, FormDesignKeyEnum.CONTRACT_PAYMENT].includes(formKey)) return;
+    try {
+      formConfig.value = await getFormConfigApiMap[formKey]();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  function getDescription(item: ContractItem) {
+    return descriptionListMap[formKey].map((desc) => {
+      let itemValue = item[desc.key as keyof ContractItem];
+      if (itemValue === undefined && item.moduleFields?.length) {
+        itemValue = item.moduleFields.find((field) => field.fieldId === desc.key)?.fieldValue as any;
+      }
+      const formConfigField = formConfig.value?.fields.find((field) => field.businessKey === desc.key);
+      // 处理时间格式
+      if (formConfigField && formConfigField.type === FieldTypeEnum.DATE_TIME) {
+        if (formConfigField.dateType === 'month') {
+          itemValue = dayjs(itemValue as number).format('YYYY-MM');
+        } else if (formConfigField.dateType === 'date') {
+          itemValue = dayjs(itemValue as number).format('YYYY-MM-DD');
+        } else {
+          itemValue = dayjs(itemValue as number).format('YYYY-MM-DD HH:mm:ss');
+        }
+      }
+      return {
+        ...desc,
+        value: itemValue,
+      };
+    }) as Description[];
+  }
+
+  async function loadList(refresh = true) {
+    try {
+      loading.value = true;
+      if (refresh) pageNation.value.current = 1;
+
+      const params = {
+        customerId: sourceId,
+        current: pageNation.value.current || 1,
+        pageSize: pageNation.value.pageSize,
+      };
+      const res = await getListApiMap[formKey](params);
+
+      if (refresh) data.value = [];
+      if (res) {
+        data.value = data.value.concat(res.list);
+        pageNation.value.total = res.total;
+      }
+    } catch (err) {
+      // eslint-disable-next-line no-console
+      console.log(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  function handleReachBottom() {
+    pageNation.value.current += 1;
+    if (pageNation.value.current > Math.ceil(pageNation.value.total / pageNation.value.pageSize)) {
+      return;
+    }
+    loadList(false);
+  }
+
+  const statisticInfo = ref<Record<string, any>>();
+  async function getStatistic() {
+    try {
+      const res = await statisticApiMap[formKey](sourceId);
+      statisticInfo.value = Object.entries(res).map((item) => {
+        return {
+          key: item[0],
+          label: statisticListMap[formKey].find((i: any) => i.key === item[0])?.label,
+          value: item[1],
+        };
+      });
+    } catch (err) {
+      // eslint-disable-next-line no-console
+      console.log(err);
+    }
+  }
+
+  return {
+    data,
+    loading,
+    statisticInfo,
+    getDescription,
+    loadList,
+    getStatistic,
+    handleReachBottom,
+    getFormConfig,
+  };
+}
diff --git a/frontend/packages/web/src/hooks/useDiscreteApi.ts b/frontend/packages/web/src/hooks/useDiscreteApi.ts
new file mode 100644
index 0000000..b1d9c28
--- /dev/null
+++ b/frontend/packages/web/src/hooks/useDiscreteApi.ts
@@ -0,0 +1,159 @@
+import { createDiscreteApi } from 'naive-ui';
+
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+import type {
+  ConfigProviderProps,
+  DialogApi,
+  DialogOptions,
+  LoadingBarApi,
+  MessageApi,
+  MessageProviderProps,
+  NotificationApi,
+  NotificationOptions,
+} from 'naive-ui';
+
+interface MessageOpt {
+  loadingBar: LoadingBarApi;
+  message: MessageApi; // 信息message
+  notification: NotificationApi; // 通知
+  dialog: DialogApi;
+  confirm: DialogApi;
+  destroyAllDialog: () => void;
+  destroyAllNotification: () => void;
+}
+
+// 用于检测代理方法是否在可代理的类型列表中
+const typeMap = ['create', 'error', 'info', 'success', 'warning'];
+
+// 用于存储状态的对象
+let state = {} as MessageOpt;
+// 标志位，表示是否已经初始化
+let isInitialization = false;
+
+// 创建代理函数，用于包装 API 调用，合并传入的配置和参数
+function createApi<T extends Record<string | symbol, any>, O>(coreApi: T, opt: O) {
+  return new Proxy(coreApi, {
+    get(target, propKey) {
+      if (typeMap.includes(propKey as string)) {
+        return new Proxy(target[propKey], {
+          apply(funTarget, ctx, args) {
+            return Reflect.apply(funTarget, ctx, [{ ...opt, ...args[0] }]);
+          },
+        });
+      }
+      // 否则直接返回目标方法
+      return Reflect.get(target, propKey);
+    },
+  });
+}
+
+// 创建 Dialog ，合并额外配置
+function createDialog(dialog: DialogApi, opt: DialogOptions) {
+  // 给对话框的按钮配置提供默认值类型和尺寸
+  const defaultButtonProps = {
+    positiveButtonProps: {
+      size: 'medium',
+    },
+    negativeButtonProps: {
+      size: 'medium',
+      secondary: true,
+      strong: true,
+      ghost: false,
+    },
+  };
+
+  // 合并默认配置和传入的配置
+  const mergedOpt = { ...opt, ...defaultButtonProps };
+
+  return createApi(dialog, mergedOpt);
+}
+// 创建 Notification ，合并额外配置
+function createNotification(
+  notification: NotificationApi,
+  defaultOptions: NotificationOptions & { maxCount?: number } = {} // 限制通知最大弹出数量
+): NotificationApi {
+  const queue: Array<ReturnType<NotificationApi['create']>> = [];
+  const defaultMax = defaultOptions.maxCount ?? 3;
+
+  // 创建代理对象拦截通知方法调用
+  return new Proxy(notification, {
+    get(target, key: keyof NotificationApi) {
+      const originalFn = target[key];
+
+      if (typeof originalFn === 'function' && typeMap.includes(key as string)) {
+        return (options: NotificationOptions & { maxCount?: number } = {}) => {
+          const maxCount = options.maxCount ?? defaultMax;
+
+          // 超出最大数量，移除最早的通知
+          if (queue.length >= maxCount) {
+            queue.shift()?.destroy();
+          }
+
+          // 移除 maxCount，防止多余参数传给组件
+          const { maxCount: _, ...rest } = options;
+
+          // 创建通知，合并默认参数和当前参数
+          const instance = originalFn({ ...defaultOptions, ...rest });
+          if (instance) {
+            queue.push(instance);
+          }
+          return instance;
+        };
+      }
+
+      // 非通知方法直接返回
+      return originalFn;
+    },
+  });
+}
+
+/**
+ * @description: 该函数用于创建和管理不同的 API（如消息、通知、对话框等）消息n-XXX-provider容器，并返回相应的实例
+ */
+export default function useDiscreteApi(props?: {
+  configProviderProps?: ConfigProviderProps;
+  messageProviderProps?: MessageProviderProps;
+}) {
+  if (!isInitialization) {
+    // 使用 createDiscreteApi 获取 Naive UI 提供的四个 API 实例
+    const { message, notification, dialog, loadingBar } = createDiscreteApi(
+      ['message', 'dialog', 'notification', 'loadingBar'],
+      props
+    );
+
+    // 使用 i18n 钩子获取国际化文本
+    const { t } = useI18n();
+
+    try {
+      // 初始化 state，存储每个 API 的实例，并加入额外的配置信息
+      state = {
+        loadingBar, // 加载条 API
+        message, // 消息 API
+        notification: createNotification(notification, { duration: 3000 }), // 通知 API，设置通知持续时间
+        // TODO: 取消按钮禁用还未补充
+        dialog: createDialog(dialog, {
+          positiveText: t('common.confirm'),
+          maskClosable: false,
+        }), // 对话框 API，设置 OK 文本
+        confirm: createDialog(dialog, {
+          // 确认对话框 API，设置 OK 和 Cancel 文本
+          positiveText: t('common.confirm'),
+          negativeText: t('common.cancel'),
+        }),
+        destroyAllDialog: dialog.destroyAll, // 销毁所有对话框的方法
+        destroyAllNotification: notification.destroyAll, // 销毁所有通知的方法
+      };
+
+      // 初始化完成
+      isInitialization = true;
+    } catch (error) {
+      // 捕获并输出初始化错误
+      // eslint-disable-next-line no-console
+      console.warn(`useDiscreteApi init failed: ${error}`);
+    }
+  }
+
+  // 返回初始化后的状态对象，包含所有的 API 方法和配置
+  return state;
+}
diff --git a/frontend/packages/web/src/hooks/useFormCreateAdvanceFilter.ts b/frontend/packages/web/src/hooks/useFormCreateAdvanceFilter.ts
new file mode 100644
index 0000000..94e8d71
--- /dev/null
+++ b/frontend/packages/web/src/hooks/useFormCreateAdvanceFilter.ts
@@ -0,0 +1,66 @@
+import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+import type { FormDesignConfigDetailParams } from '@lib/shared/models/system/module';
+
+import type { FilterFormItem } from '@/components/pure/crm-advance-filter/type';
+import type { FormCreateField } from '@/components/business/crm-form-create/types';
+
+export default function useFormCreateFilter() {
+  const customFieldsFilterConfig = ref<FilterFormItem[]>([]);
+  // 获取配置属性
+  function getFilterListConfig(res: FormDesignConfigDetailParams, addDefaultKeyAsId = false) {
+    const getConfigProps = (field: FormCreateField) => {
+      if (
+        [FieldTypeEnum.SELECT, FieldTypeEnum.SELECT_MULTIPLE, FieldTypeEnum.RADIO, FieldTypeEnum.CHECKBOX].includes(
+          field.type
+        )
+      ) {
+        return {
+          selectProps: {
+            options: field.options,
+            multiple: true,
+          },
+        };
+      }
+      if ([FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.DATA_SOURCE_MULTIPLE].includes(field.type)) {
+        return {
+          dataSourceProps: {
+            dataSourceType: field.dataSourceType,
+            maxTagCount: 'responsive',
+          },
+        };
+      }
+      // TODO: 其他类型
+      return {};
+    };
+    return (res.fields || []).reduce((acc: FilterFormItem[], field: FormCreateField) => {
+      if (
+        ![
+          FieldTypeEnum.TEXTAREA,
+          FieldTypeEnum.PICTURE,
+          FieldTypeEnum.DIVIDER,
+          FieldTypeEnum.SUB_PRICE,
+          FieldTypeEnum.SUB_PRODUCT,
+        ].includes(field.type)
+      ) {
+        let key = field.businessKey || field.id;
+        if (field.resourceFieldId) {
+          // 数据源引用字段用 id作为 key
+          key = field.id;
+        }
+        acc.push({
+          title: field.name,
+          dataIndex: key,
+          type: field.type,
+          ...(addDefaultKeyAsId ? { id: field.id } : {}),
+          ...getConfigProps(field),
+        } as FilterFormItem);
+      }
+      return acc;
+    }, []);
+  }
+
+  return {
+    getFilterListConfig,
+    customFieldsFilterConfig,
+  };
+}
diff --git a/frontend/packages/web/src/hooks/useFormCreateApi.ts b/frontend/packages/web/src/hooks/useFormCreateApi.ts
new file mode 100644
index 0000000..029ba13
--- /dev/null
+++ b/frontend/packages/web/src/hooks/useFormCreateApi.ts
@@ -0,0 +1,1586 @@
+import { useMessage } from 'naive-ui';
+import { cloneDeep } from 'lodash-es';
+import dayjs from 'dayjs';
+
+import {
+  FieldDataSourceTypeEnum,
+  FieldRuleEnum,
+  FieldTypeEnum,
+  FormDesignKeyEnum,
+  type FormLinkScenarioEnum,
+} from '@lib/shared/enums/formDesignEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+import { getCityPath, getIndustryPath, safeFractionConvert } from '@lib/shared/method';
+import {
+  dataSourceTypes,
+  departmentTypes,
+  formatNumberValueToString,
+  getNormalFieldValue,
+  getRuleType,
+  initFieldValue,
+  linkAllAcceptTypes,
+  memberTypes,
+  multipleTypes,
+  parseFormDetailValue,
+  parseModuleFieldValue,
+  singleTypes,
+} from '@lib/shared/method/formCreate';
+import type { ModuleField } from '@lib/shared/models/common';
+import type { CollaborationType } from '@lib/shared/models/customer';
+import type { CustomFormDetail } from '@lib/shared/models/customForm';
+import type { FormConfig, FormDesignConfigDetailParams } from '@lib/shared/models/system/module';
+
+import type { Description } from '@/components/pure/crm-description/index.vue';
+import {
+  createFormApi,
+  getFormConfigApiMap,
+  getFormDetailApiMap,
+  rules,
+  updateFormApi,
+} from '@/components/business/crm-form-create/config';
+import type { FormCreateField, FormCreateFieldRule, FormDetail } from '@/components/business/crm-form-create/types';
+
+import { checkRepeat, getDatasourceFieldConfig } from '@/api/modules';
+import useUserStore from '@/store/modules/user';
+
+export interface FormCreateApiProps {
+  sourceId?: Ref<string | undefined>;
+  formKey: Ref<FormDesignKeyEnum>;
+  needInitDetail?: Ref<boolean>;
+  initialSourceName?: Ref<string | undefined>; // 特殊字段初始化需要的资源名称
+  otherSaveParams?: Ref<Record<string, any> | undefined>;
+  linkFormInfo?: Ref<Record<string, any> | undefined>; // 关联表单信息
+  linkFormKey?: Ref<FormDesignKeyEnum | undefined>; // 关联表单key
+  linkScenario?: Ref<FormLinkScenarioEnum | undefined>; // 关联表单场景
+  isContractTableDetail?: boolean;
+  hiddenFieldIds?: string[]; // 需要隐藏的字段id列表
+  editableFieldIds?: string[]; // 可编辑的字段id列表
+  customFormId?: Ref<string | undefined>; // 自定义表单id
+  isDatasource?: boolean; // 是否数据源表单配置
+}
+
+export default function useFormCreateApi(props: FormCreateApiProps) {
+  const { t } = useI18n();
+  const Message = useMessage();
+  const userStore = useUserStore();
+
+  const sourceName = ref(props.initialSourceName?.value); // 资源名称
+  const collaborationType = ref<CollaborationType>(); // 协作类型-客户独有
+  const specialInitialOptions = ref<Record<string, any>[]>([]); // 特殊字段的初始化选项列表
+  const descriptions = ref<Description[]>([]); // 表单详情描述列表
+  const fieldList = ref<FormCreateField[]>([]); // 表单字段列表
+  const fieldShowControlMap = ref<Record<string, any>>({}); // 表单字段显示控制映射
+  const loading = ref(false);
+  const unsaved = ref(false);
+  const formConfig = ref<FormConfig>({
+    layout: 1,
+    labelPos: 'top',
+    inputWidth: 'custom',
+    optBtnContent: [
+      {
+        text: t('common.save'),
+        enable: true,
+      },
+      {
+        text: t('common.saveAndContinue'),
+        enable: false,
+      },
+      {
+        text: t('common.cancel'),
+        enable: true,
+      },
+    ],
+    optBtnPos: 'flex-row',
+    viewSize: 'large',
+  }); // 表单属性配置
+  const formDetail = ref<Record<string, any>>({});
+  const originFormDetail = ref<Record<string, any>>({});
+  const moduleFormConfig = ref<FormDesignConfigDetailParams>();
+  const customFormConfig = ref<CustomFormDetail>();
+
+  // 详情
+  const detail = ref<Record<string, any>>({});
+  const linkFormFieldMap = ref<Record<string, any>>({}); // 关联表单字段信息映射
+  const opportunityInternalFields = [
+    {
+      title: t('org.department'),
+      key: 'departmentName',
+    },
+    {
+      title: t('opportunity.stage'),
+      key: 'stageName',
+    },
+    {
+      title: t('customer.lastFollowUps'),
+      key: 'followerName',
+    },
+    {
+      title: t('customer.lastFollowUpDate'),
+      key: 'followTime',
+    },
+    {
+      title: t('customer.remainingVesting'),
+      key: 'reservedDays',
+    },
+    {
+      title: t('opportunity.actualEndTime'),
+      key: 'actualEndTime',
+    },
+    {
+      title: t('opportunity.failureReason'),
+      key: 'failureReason',
+    },
+  ];
+  const customerInternalFields = [
+    {
+      title: t('org.department'),
+      key: 'departmentName',
+    },
+    {
+      title: t('customer.collectionTime'),
+      key: 'collectionTime',
+    },
+    {
+      title: t('customer.recycleOpenSea'),
+      key: 'recyclePoolName',
+    },
+    {
+      title: t('customer.remainingVesting'),
+      key: 'reservedDays',
+    },
+    {
+      title: t('customer.lastFollowUps'),
+      key: 'followerName',
+    },
+    {
+      title: t('customer.lastFollowUpDate'),
+      key: 'followTime',
+    },
+  ];
+
+  const contactInternalFields = [
+    {
+      title: t('common.status'),
+      key: 'enable',
+    },
+    {
+      title: t('customer.disableReason'),
+      key: 'disableReason',
+    },
+    {
+      title: t('org.department'),
+      key: 'departmentName',
+    },
+  ];
+
+  const internalFieldMap: Partial<Record<FormDesignKeyEnum, any[]>> = {
+    [FormDesignKeyEnum.CUSTOMER]: customerInternalFields,
+    [FormDesignKeyEnum.CONTACT]: contactInternalFields,
+    [FormDesignKeyEnum.CUSTOMER_CONTACT]: [
+      {
+        title: t('common.status'),
+        key: 'enable',
+      },
+      {
+        title: t('customer.disableReason'),
+        key: 'disableReason',
+      },
+      {
+        title: t('org.department'),
+        key: 'departmentName',
+      },
+    ],
+    [FormDesignKeyEnum.BUSINESS_CONTACT]: [
+      {
+        title: t('common.status'),
+        key: 'enable',
+      },
+      {
+        title: t('customer.disableReason'),
+        key: 'disableReason',
+      },
+      {
+        title: t('org.department'),
+        key: 'departmentName',
+      },
+    ],
+    [FormDesignKeyEnum.BUSINESS]: opportunityInternalFields,
+    [FormDesignKeyEnum.CLUE]: [
+      {
+        title: t('org.department'),
+        key: 'departmentName',
+      },
+      {
+        title: t('customer.collectionTime'),
+        key: 'collectionTime',
+      },
+      {
+        title: t('clue.recyclePool'),
+        key: 'recyclePoolName',
+      },
+      {
+        title: t('customer.remainingVesting'),
+        key: 'reservedDays',
+      },
+      {
+        title: t('customer.lastFollowUps'),
+        key: 'followerName',
+      },
+      {
+        title: t('customer.lastFollowUpDate'),
+        key: 'followTime',
+      },
+    ],
+    [FormDesignKeyEnum.PRODUCT]: [],
+    [FormDesignKeyEnum.CUSTOMER_OPEN_SEA]: [
+      {
+        title: t('customer.recycleReason'),
+        key: 'reasonName',
+      },
+    ],
+    [FormDesignKeyEnum.CLUE_POOL]: [
+      {
+        title: t('customer.recycleReason'),
+        key: 'reasonName',
+      },
+    ],
+    [FormDesignKeyEnum.CUSTOMER_OPPORTUNITY]: opportunityInternalFields,
+    [FormDesignKeyEnum.CLUE_TRANSITION_CUSTOMER]: customerInternalFields,
+    [FormDesignKeyEnum.CONTRACT_SNAPSHOT]: [
+      {
+        title: t('org.department'),
+        key: 'departmentName',
+      },
+      {
+        title: t('contract.alreadyPayAmount'),
+        key: 'alreadyPayAmount',
+      },
+    ],
+    [FormDesignKeyEnum.CONTRACT_PAYMENT]: [
+      {
+        title: t('org.department'),
+        key: 'departmentName',
+      },
+    ],
+    [FormDesignKeyEnum.CONTRACT_CONTRACT_PAYMENT]: [
+      {
+        title: t('org.department'),
+        key: 'departmentName',
+      },
+    ],
+    [FormDesignKeyEnum.ORDER_SNAPSHOT]: [
+      {
+        title: t('org.department'),
+        key: 'departmentName',
+      },
+    ],
+  };
+  const staticFields = [
+    {
+      title: t('common.creator'),
+      key: 'createUserName',
+    },
+    {
+      title: t('common.createTime'),
+      key: 'createTime',
+    },
+    {
+      title: t('common.updateUserName'),
+      key: 'updateUserName',
+    },
+    {
+      title: t('common.updateTime'),
+      key: 'updateTime',
+    },
+  ];
+  // 用于快照保存表单配置
+  const needModuleFormConfigParamsType = [
+    FormDesignKeyEnum.OPPORTUNITY_QUOTATION,
+    FormDesignKeyEnum.OPPORTUNITY_QUOTATION_SNAPSHOT,
+    FormDesignKeyEnum.CONTRACT,
+    FormDesignKeyEnum.CONTRACT_SNAPSHOT,
+    FormDesignKeyEnum.INVOICE,
+    FormDesignKeyEnum.INVOICE_SNAPSHOT,
+    FormDesignKeyEnum.ORDER,
+    FormDesignKeyEnum.ORDER_SNAPSHOT,
+  ];
+
+  function initFormShowControl(value?: any) {
+    // 读取整个显隐控制映射
+    Object.keys(fieldShowControlMap.value).forEach((fieldId) => {
+      // 取出当前字段的所有规则
+      const ruleIds = Object.keys(fieldShowControlMap.value[fieldId]);
+      const field = fieldList.value.find((f) => f.id === fieldId);
+      if (field) {
+        // 当前字段存在，则遍历它的全部控制规则
+        for (let i = 0; i < ruleIds.length; i++) {
+          const ruleId = ruleIds[i];
+          const controlField = fieldList.value.find((f) => f.id === ruleId);
+          if (controlField) {
+            // 处理显示规则
+            if (fieldShowControlMap.value[fieldId][ruleId].includes(formDetail.value[controlField.id])) {
+              field.show = true;
+              if (field.showFields?.length) {
+                // 显示数据源字段也显示该数据源的显示字段
+                fieldList.value.forEach((f) => {
+                  if (f.resourceFieldId === field.id) {
+                    f.show = true;
+                  }
+                });
+              }
+              break; // 满足显示规则就停止，因为只需要满足一个规则字段即显示
+            } else {
+              field.show = false;
+              if (field.showFields?.length) {
+                // 隐藏数据源字段也隐藏该数据源的显示字段
+                fieldList.value.forEach((f) => {
+                  if (f.resourceFieldId === field.id) {
+                    f.show = false;
+                  }
+                });
+              }
+            }
+          }
+        }
+      }
+    });
+  }
+
+  /**
+   * 表单描述显示规则处理
+   * @param form 表单数据
+   */
+  function formDescriptionShowControlRulesSet(form: Record<string, any>) {
+    // 读取整个显隐控制映射
+    Object.keys(fieldShowControlMap.value).forEach((fieldId) => {
+      // 取出当前字段的所有规则
+      const fieldRuleIds = Object.keys(fieldShowControlMap.value[fieldId]);
+      const field = fieldList.value.find((f) => f.id === fieldId);
+      if (field) {
+        // 当前字段存在，则遍历它的全部控制规则
+        for (let i = 0; i < fieldRuleIds.length; i++) {
+          const ruleId = fieldRuleIds[i];
+          let value = '';
+          const controlField = fieldList.value.find((f) => f.id === ruleId);
+          if (controlField?.businessKey) {
+            value = form[controlField.businessKey];
+          } else {
+            const formField = form.moduleFields?.find(
+              (moduleField: ModuleField) => moduleField.fieldId === controlField?.id
+            );
+            value = formField?.fieldValue || '';
+          }
+          // 处理显示规则
+          if (fieldShowControlMap.value[fieldId][ruleId].includes(value)) {
+            field.show = true;
+            if (field.showFields?.length) {
+              // 显示数据源字段也显示该数据源的显示字段
+              fieldList.value.forEach((f) => {
+                if (f.resourceFieldId === field.id) {
+                  f.show = true;
+                }
+              });
+            }
+            break; // 满足显示规则就停止，因为只需要满足一个规则字段即显示
+          } else {
+            field.show = false;
+            if (field.showFields?.length) {
+              // 隐藏数据源字段也隐藏该数据源的显示字段
+              fieldList.value.forEach((f) => {
+                if (f.resourceFieldId === field.id) {
+                  f.show = false;
+                }
+              });
+            }
+          }
+        }
+      }
+    });
+  }
+
+  function formatInternalFieldValue(key: string, value: any) {
+    if (key.includes('Time')) {
+      return value ? dayjs(value).format('YYYY-MM-DD HH:mm:ss') : '-';
+    }
+    if (key === 'enable') {
+      return value ? t('common.open') : t('common.close');
+    }
+    return value === undefined || value === null || value === '' ? '-' : value;
+  }
+
+  function makeDescriptionItem(item: FormCreateField, form: FormDetail) {
+    if (item.show === false || !item.readable) return;
+    if (item.businessKey === 'expectedEndTime' && !item.resourceFieldId) {
+      // TODO:商机结束时间原位编辑
+      descriptions.value.push({
+        label: item.name,
+        value: parseFormDetailValue(item, form),
+        slotName: FieldTypeEnum.DATE_TIME,
+        fieldInfo: item,
+        tooltipPosition: 'top-end',
+      });
+    } else if (
+      item.type === FieldTypeEnum.DATA_SOURCE &&
+      item.dataSourceType === FieldDataSourceTypeEnum.CUSTOMER &&
+      [
+        FormDesignKeyEnum.CLUE,
+        FormDesignKeyEnum.BUSINESS,
+        FormDesignKeyEnum.CONTRACT_SNAPSHOT,
+        FormDesignKeyEnum.INVOICE_SNAPSHOT,
+        FormDesignKeyEnum.ORDER_SNAPSHOT,
+      ].includes(props.formKey.value) &&
+      !item.resourceFieldId
+    ) {
+      // 客户字段
+      descriptions.value.push({
+        label: item.name,
+        value: parseFormDetailValue(item, form),
+        slotName: 'dataSource',
+        fieldInfo: item,
+        tooltipPosition: 'top-end',
+      });
+    } else if (
+      item.type === FieldTypeEnum.DATA_SOURCE &&
+      item.dataSourceType === FieldDataSourceTypeEnum.BUSINESS_TITLE &&
+      !item.resourceFieldId
+    ) {
+      // 工商抬头字段
+      descriptions.value.push({
+        label: item.name,
+        value: parseFormDetailValue(item, form),
+        slotName: 'dataSource',
+        fieldInfo: item,
+        tooltipPosition: 'top-end',
+      });
+    } else if (
+      item.type === FieldTypeEnum.DATA_SOURCE &&
+      item.dataSourceType === FieldDataSourceTypeEnum.CONTRACT &&
+      [
+        FormDesignKeyEnum.CONTRACT_PAYMENT,
+        FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD,
+        FormDesignKeyEnum.INVOICE_SNAPSHOT,
+        FormDesignKeyEnum.ORDER_SNAPSHOT,
+      ].includes(props.formKey.value) &&
+      !item.resourceFieldId
+    ) {
+      // 合同
+      descriptions.value.push({
+        label: item.name,
+        value: parseFormDetailValue(item, form),
+        slotName: 'dataSource',
+        fieldInfo: item,
+        tooltipPosition: 'top-end',
+      });
+    } else if (
+      props.isContractTableDetail &&
+      [FieldTypeEnum.DATA_SOURCE].includes(item.type) &&
+      props.formKey.value === FormDesignKeyEnum.CONTRACT_SNAPSHOT &&
+      [FieldDataSourceTypeEnum.BUSINESS, FieldDataSourceTypeEnum.QUOTATION].includes(
+        item.dataSourceType as FieldDataSourceTypeEnum
+      ) &&
+      !item.resourceFieldId
+    ) {
+      descriptions.value.push({
+        label: item.name,
+        value: parseFormDetailValue(item, form),
+        slotName: 'dataSource',
+        fieldInfo: item,
+        tooltipPosition: 'top-end',
+      });
+    } else if (
+      props.isContractTableDetail &&
+      item.type === FieldTypeEnum.DATA_SOURCE_MULTIPLE &&
+      props.formKey.value === FormDesignKeyEnum.CONTRACT_SNAPSHOT &&
+      [
+        FieldDataSourceTypeEnum.BUSINESS,
+        FieldDataSourceTypeEnum.CUSTOMER,
+        FieldDataSourceTypeEnum.BUSINESS_TITLE,
+        FieldDataSourceTypeEnum.QUOTATION,
+      ].includes(item.dataSourceType as FieldDataSourceTypeEnum) &&
+      !item.resourceFieldId
+    ) {
+      descriptions.value.push({
+        label: item.name,
+        value: parseFormDetailValue(item, form),
+        slotName: 'dataSourceMultiple',
+        fieldInfo: item,
+        tooltipPosition: 'top-end',
+      });
+    } else if (
+      [
+        FieldTypeEnum.DATA_SOURCE,
+        FieldTypeEnum.DATA_SOURCE_MULTIPLE,
+        FieldTypeEnum.DEPARTMENT,
+        FieldTypeEnum.DEPARTMENT_MULTIPLE,
+        FieldTypeEnum.MEMBER,
+        FieldTypeEnum.MEMBER_MULTIPLE,
+        FieldTypeEnum.SELECT,
+        FieldTypeEnum.SELECT_MULTIPLE,
+        FieldTypeEnum.RADIO,
+        FieldTypeEnum.CHECKBOX,
+      ].includes(item.type)
+    ) {
+      descriptions.value.push({
+        label: item.name,
+        value: parseFormDetailValue(item, form),
+        fieldInfo: item,
+        tooltipPosition: 'top-end',
+      });
+    } else if (item.type === FieldTypeEnum.DATE_TIME) {
+      descriptions.value.push({
+        label: item.name,
+        value: parseFormDetailValue(item, form),
+        fieldInfo: item,
+        tooltipPosition: 'top-end',
+      });
+    } else if (item.type === FieldTypeEnum.INPUT_NUMBER) {
+      descriptions.value.push({
+        label: item.name,
+        value: parseFormDetailValue(item, form),
+        fieldInfo: item,
+        tooltipPosition: 'top-end',
+      });
+    } else if (item.type === FieldTypeEnum.TEXTAREA) {
+      descriptions.value.push({
+        label: item.name,
+        value: parseFormDetailValue(item, form),
+        slotName: FieldTypeEnum.TEXTAREA,
+        fieldInfo: item,
+        tooltipPosition: 'top-end',
+      });
+    } else if (item.type === FieldTypeEnum.ATTACHMENT) {
+      descriptions.value.push({
+        label: item.name,
+        value: parseFormDetailValue(item, form),
+        slotName: FieldTypeEnum.ATTACHMENT,
+        fieldInfo: item,
+        tooltipPosition: 'top-end',
+      });
+    } else if (item.type === FieldTypeEnum.DIVIDER) {
+      descriptions.value.push({
+        label: item.name,
+        value: parseFormDetailValue(item, form),
+        slotName: 'divider',
+        fieldInfo: item,
+        tooltipPosition: 'top-end',
+      });
+    } else if (item.type === FieldTypeEnum.PICTURE) {
+      descriptions.value.push({
+        label: item.name,
+        value: parseFormDetailValue(item, form),
+        valueSlotName: 'image',
+        fieldInfo: item,
+        tooltipPosition: 'top-end',
+      });
+    } else if (item.type === FieldTypeEnum.LINK) {
+      descriptions.value.push({
+        label: item.name,
+        value: parseFormDetailValue(item, form),
+        slotName: FieldTypeEnum.LINK,
+        fieldInfo: item,
+        tooltipPosition: 'top-end',
+      });
+    } else if (item.type === FieldTypeEnum.INPUT) {
+      descriptions.value.push({
+        label: item.name,
+        value: parseFormDetailValue(item, form),
+        slotName: FieldTypeEnum.INPUT,
+        fieldInfo: item,
+        tooltipPosition: 'top-end',
+      });
+    } else {
+      descriptions.value.push({
+        label: item.name,
+        value: parseFormDetailValue(item, form),
+        fieldInfo: item,
+        tooltipPosition: 'top-end',
+      });
+    }
+    if (item.businessKey === 'name') {
+      sourceName.value = parseFormDetailValue(item, form);
+    }
+  }
+
+  async function initFormDescription(formData?: FormDetail) {
+    try {
+      let form = cloneDeep(formData || ({} as FormDetail));
+      if (!formData) {
+        const asyncApi = getFormDetailApiMap[props.formKey.value];
+        if (!asyncApi || !props.sourceId?.value) return;
+        form = await asyncApi(props.sourceId?.value, props.otherSaveParams?.value?.approvalTaskId);
+      }
+      descriptions.value = [];
+      detail.value = form;
+      collaborationType.value = form.collaborationType;
+      formDescriptionShowControlRulesSet(form);
+      fieldList.value.forEach((item) => {
+        if (props.hiddenFieldIds?.includes(item.id)) {
+          return;
+        }
+        if (props.editableFieldIds?.includes(item.id)) {
+          item.editable = true;
+        }
+        const value = item.businessKey
+          ? form[item.businessKey]
+          : form.moduleFields?.find((mf) => mf.fieldId === item.id)?.fieldValue;
+        if ([FieldTypeEnum.SUB_PRICE, FieldTypeEnum.SUB_PRODUCT].includes(item.type) && item.subFields?.length) {
+          if (item.show === false || !item.readable || !value || value?.length === 0) return;
+          descriptions.value.push({
+            label: item.name,
+            value,
+            slotName: item.type,
+            fieldInfo: item,
+            optionMap: form.optionMap,
+          });
+        } else {
+          makeDescriptionItem(item, form);
+        }
+      });
+      [...(internalFieldMap[props.formKey.value] || []), ...staticFields].forEach((field) => {
+        descriptions.value.push({
+          label: field.title,
+          value: formatInternalFieldValue(field.key, form[field.key]),
+          fieldInfo: {
+            name: field.title,
+            type: FieldTypeEnum.INPUT,
+          },
+          tooltipPosition: 'top-end',
+        });
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  function makeLinkFormFields(field: FormCreateField) {
+    if (!formDetail.value[field.id]) return;
+    switch (true) {
+      case dataSourceTypes.includes(field.type):
+        // 数据源字段填充
+        linkFormFieldMap.value[field.id] = {
+          ...field,
+          value: field.initialOptions?.filter((e) => formDetail.value[field.id].includes(e.id)),
+        };
+        break;
+      case multipleTypes.includes(field.type):
+        // 多选字段填充
+        if (field.type === FieldTypeEnum.INPUT_MULTIPLE) {
+          linkFormFieldMap.value[field.id] = {
+            ...field,
+            value: formDetail.value[field.id],
+          };
+        } else {
+          linkFormFieldMap.value[field.id] = {
+            ...field,
+            value:
+              formDetail.value[field.id]?.map((id: string) => field.options?.find((e) => e.value === id)?.label) || [],
+          };
+        }
+        break;
+      case singleTypes.includes(field.type):
+        // 单选字段填充
+        linkFormFieldMap.value[field.id] = {
+          ...field,
+          value: field.options?.find((e) => e.value === formDetail.value[field.id])?.label,
+        };
+        break;
+      default:
+        linkFormFieldMap.value[field.id] = {
+          ...field,
+          value: formDetail.value[field.id],
+        };
+        break;
+    }
+  }
+
+  function fillLinkFormFieldValue(field: FormCreateField, scenario: FormLinkScenarioEnum) {
+    if (props.linkFormKey?.value) {
+      const linkFieldId = formConfig.value.linkProp?.[props.linkFormKey.value]
+        ?.find((e) => e.key === scenario)
+        ?.linkFields?.find((e) => e.current === field.id && e.enable)?.link;
+      if (linkFieldId) {
+        const linkField = props.linkFormInfo?.value?.[linkFieldId];
+        if (linkField) {
+          switch (true) {
+            case dataSourceTypes.includes(field.type):
+              // 数据源填充，且替换initialOptions
+              field.initialOptions = linkField.initialOptions || [];
+              formDetail.value[field.id] = linkField.value?.map((e: Record<string, any>) => e.id);
+              break;
+            case multipleTypes.includes(field.type):
+              // 多选填充
+              if (field.type === FieldTypeEnum.INPUT_MULTIPLE) {
+                // 标签直接填充
+                formDetail.value[field.id] = Array.isArray(linkField.value)
+                  ? linkField.value.slice(0, 10)
+                  : [linkField.value];
+              } else {
+                // 其他多选类型需匹配名称相等的选项值
+                formDetail.value[field.id] =
+                  field.options?.filter((e) => linkField.value.includes(e.label)).map((e) => e.value) || [];
+              }
+              break;
+            case singleTypes.includes(field.type):
+              // 单选填充需要匹配名称相同的选项值
+              formDetail.value[field.id] = field.options?.find((e) => e.label === linkField.value)?.value || '';
+              break;
+            case linkAllAcceptTypes.includes(field.type):
+              // 文本输入类型可填充任何字段类型值
+              const limitLength = field.type === FieldTypeEnum.INPUT ? 255 : 3000;
+              if (dataSourceTypes.includes(linkField.type)) {
+                // 联动的字段是数据源则填充选项名
+                formDetail.value[field.id] = linkField.value
+                  .map((e: Record<string, any>) => e.name)
+                  .join(',')
+                  .slice(0, limitLength);
+              } else if (multipleTypes.includes(linkField.type)) {
+                // 联动的字段是多选则拼接选项名
+                formDetail.value[field.id] = linkField.value.join(',').slice(0, limitLength);
+              } else if (linkField.type === FieldTypeEnum.DATE_TIME) {
+                // 联动的字段是日期时间则转换
+                if (linkField.dateType === 'month') {
+                  formDetail.value[field.id] = dayjs(linkField.value).format('YYYY-MM');
+                } else if (linkField.dateType === 'date') {
+                  formDetail.value[field.id] = dayjs(linkField.value).format('YYYY-MM-DD');
+                } else {
+                  formDetail.value[field.id] = dayjs(linkField.value).format('YYYY-MM-DD HH:mm:ss');
+                }
+              } else if (linkField.type === FieldTypeEnum.LOCATION) {
+                // 联动的字段是省市区则填充城市路径
+                const addressArr: string[] = linkField.value.split('-') || [];
+                formDetail.value[field.id] = addressArr.length
+                  ? [getCityPath(addressArr[0]), addressArr.filter((e, i) => i > 0).join('-')]
+                      .filter((e) => e)
+                      .join('-')
+                  : '-';
+              } else if (linkField.type === FieldTypeEnum.INDUSTRY) {
+                formDetail.value[field.id] = linkField.value ? getIndustryPath(linkField.value as string) : '-';
+              } else if (linkField.type === FieldTypeEnum.TEXTAREA && field.type === FieldTypeEnum.INPUT) {
+                formDetail.value[field.id] = linkField.value.slice(0, limitLength);
+              } else if ([...memberTypes, ...departmentTypes].includes(linkField.type)) {
+                formDetail.value[field.id] = linkField.initialOptions
+                  .map((e: any) => e.name)
+                  .join(',')
+                  .slice(0, limitLength);
+              } else if (FieldTypeEnum.FORMULA === linkField.type) {
+                formDetail.value[field.id] = linkField.value?.toString();
+              } else if (FieldTypeEnum.INPUT_NUMBER === linkField.type) {
+                formDetail.value[field.id] = formatNumberValueToString(linkField.value, linkField);
+              } else {
+                formDetail.value[field.id] = linkField.value;
+              }
+              break;
+            case [...memberTypes, ...departmentTypes].includes(field.type):
+              if ([FieldTypeEnum.MEMBER_MULTIPLE, FieldTypeEnum.DEPARTMENT_MULTIPLE].includes(field.type)) {
+                formDetail.value[field.id] = Array.isArray(linkField.value) ? linkField.value : [linkField.value];
+              } else {
+                formDetail.value[field.id] = linkField.value;
+              }
+              field.initialOptions = linkField.initialOptions || [];
+              field.defaultValue = formDetail.value[field.id];
+              break;
+            default:
+              formDetail.value[field.id] = linkField.value;
+              field.initialOptions = linkField.initialOptions || [];
+              break;
+          }
+        }
+      }
+    }
+  }
+
+  function transformFormDetailValue(item: FormCreateField, res: FormDetail) {
+    if (item.resourceFieldId) {
+      // 数据源引用字段直接解析值
+      formDetail.value[item.id] = parseFormDetailValue(item, res);
+    } else if (item.businessKey) {
+      // 业务标准字段读取最外层
+      formDetail.value[item.id] = initFieldValue(item, res[item.businessKey]);
+      const options = res.optionMap?.[item.businessKey];
+      if (
+        [
+          FieldTypeEnum.MEMBER,
+          FieldTypeEnum.MEMBER_MULTIPLE,
+          FieldTypeEnum.DEPARTMENT,
+          FieldTypeEnum.DEPARTMENT_MULTIPLE,
+          FieldTypeEnum.DATA_SOURCE,
+          FieldTypeEnum.DATA_SOURCE_MULTIPLE,
+        ].includes(item.type)
+      ) {
+        // 处理成员和数据源类型的字段
+        item.initialOptions = options
+          ?.filter((e) => formDetail.value[item.id]?.includes(e.id))
+          .map((e) => ({
+            ...e,
+            name: e.name || t('common.optionNotExist'),
+          }));
+      }
+    } else {
+      // 其他的字段读取moduleFields
+      const field = res.moduleFields?.find((moduleField: ModuleField) => moduleField.fieldId === item.id);
+      if (field) {
+        formDetail.value[item.id] = initFieldValue(item, field.fieldValue);
+      }
+      const options = res.optionMap?.[item.id];
+      if (
+        [
+          FieldTypeEnum.MEMBER,
+          FieldTypeEnum.MEMBER_MULTIPLE,
+          FieldTypeEnum.DEPARTMENT,
+          FieldTypeEnum.DEPARTMENT_MULTIPLE,
+          FieldTypeEnum.DATA_SOURCE,
+          FieldTypeEnum.DATA_SOURCE_MULTIPLE,
+        ].includes(item.type)
+      ) {
+        // 处理成员和数据源类型的字段
+        if (!options || options.length === 0) {
+          // 处理匹配不到 optionsMap 的数据源/成员/部门字段
+          if (typeof field?.fieldValue === 'string' || typeof field?.fieldValue === 'number') {
+            // 单选
+            formDetail.value[item.id] = [t('common.optionNotExist')];
+            item.initialOptions = [
+              {
+                id: field.fieldValue,
+                name: t('common.optionNotExist'),
+              },
+            ];
+          } else {
+            // 多选
+            formDetail.value[item.id] = field?.fieldValue?.map(() => t('common.optionNotExist'));
+            item.initialOptions = field?.fieldValue.map((e) => ({
+              id: e,
+              name: t('common.optionNotExist'),
+            }));
+          }
+        } else {
+          item.initialOptions = options
+            ?.filter((e) => formDetail.value[item.id]?.includes(e.id))
+            .map((e) => ({
+              ...e,
+              name: e.name || t('common.optionNotExist'),
+            }));
+        }
+      }
+    }
+  }
+
+  function makeSubFieldInitialOptions(subField: FormCreateField, parentFieldId: string, res: FormDetail) {
+    if (subField.businessKey) {
+      const options = res.optionMap?.[subField.businessKey];
+      if ([FieldTypeEnum.DATA_SOURCE].includes(subField.type)) {
+        // 处理成员和数据源类型的字段
+        subField.initialOptions = options
+          ?.filter((e) =>
+            formDetail.value[parentFieldId]?.some((item: Record<string, any>) =>
+              item[subField.businessKey!]?.includes(e.id)
+            )
+          )
+          .map((e) => ({
+            ...e,
+            name: e.name || t('common.optionNotExist'),
+          }));
+      }
+    } else {
+      const options = res.optionMap?.[subField.id];
+      if ([FieldTypeEnum.DATA_SOURCE].includes(subField.type)) {
+        // 处理成员和数据源类型的字段
+        subField.initialOptions = options
+          ?.filter((e) =>
+            formDetail.value[parentFieldId]?.some((item: Record<string, any>) => item[subField.id]?.includes(e.id))
+          )
+          .map((e) => ({
+            ...e,
+            name: e.name || t('common.optionNotExist'),
+          }));
+      }
+    }
+  }
+
+  /**
+   * 初始化表单详情
+   * @param needInitFormDescription 是否需要初始化表单描述列表
+   * @param needMakeLinkFormFields 是否需要初始化表单联动字段信息映射
+   */
+  async function initFormDetail(needInitFormDescription = false, needMakeLinkFormFields = false) {
+    try {
+      const asyncApi = getFormDetailApiMap[props.formKey.value];
+      if (!asyncApi || !props.sourceId?.value) return;
+      const res = await asyncApi(props.sourceId?.value, props.otherSaveParams?.value?.approvalTaskId);
+      detail.value = res;
+      formDetail.value = {};
+      if (needInitFormDescription) {
+        await initFormDescription(res);
+      }
+      collaborationType.value = res.collaborationType;
+      sourceName.value = res.name;
+      fieldList.value.forEach((item) => {
+        if ([FieldTypeEnum.SUB_PRICE, FieldTypeEnum.SUB_PRODUCT].includes(item.type) && item.subFields?.length) {
+          // 子表字段处理
+          if (item.businessKey) {
+            // 业务标准字段读取最外层
+            formDetail.value[item.id] = res[item.businessKey];
+          } else {
+            // 其他的字段读取moduleFields
+            const field = res.moduleFields?.find((moduleField: ModuleField) => moduleField.fieldId === item.id);
+            if (field) {
+              formDetail.value[item.id] = field.fieldValue;
+            }
+          }
+          item.subFields.forEach((subField) => {
+            makeSubFieldInitialOptions(subField, item.id, res);
+            formDetail.value[item.id]?.forEach((subItem: Record<string, any>) => {
+              const isPriceField = subField.dataSourceType === FieldDataSourceTypeEnum.PRICE && subItem.price_sub;
+              if (isPriceField) {
+                // 处理子表格里的价格表字段，填充行号到数据源字段选中值中以供回显
+                subItem[subField.businessKey || subField.id] = [
+                  subItem[subField.businessKey || subField.id],
+                  subItem.price_sub,
+                ];
+                // 同时在initialOptions里填充行号子项以区分父子
+                subField.initialOptions?.push({
+                  id: subItem.price_sub,
+                  parentId: subItem[subField.businessKey || subField.id],
+                });
+              }
+              if (subField.resourceFieldId) {
+                subItem[subField.id] = parseModuleFieldValue(
+                  subField,
+                  subItem[subField.id],
+                  res.optionMap?.[subField.id]
+                );
+              } else {
+                subItem[subField.businessKey || subField.id] = initFieldValue(
+                  subField,
+                  subItem[subField.businessKey || subField.id]
+                );
+              }
+            });
+          });
+          return;
+        }
+        transformFormDetailValue(item, res);
+        // transformFormDetailValue里已经处理了item.resourceFieldId的时间格式
+        if (item.type === FieldTypeEnum.DATE_TIME && !item.resourceFieldId) {
+          // 处理时间类型的字段
+          formDetail.value[item.id] = formDetail.value[item.id] ? Number(formDetail.value[item.id]) : null;
+        } else if (item.type === FieldTypeEnum.ATTACHMENT) {
+          item.initialOptions = res.attachmentMap?.[item.id];
+        }
+        if (needMakeLinkFormFields) {
+          makeLinkFormFields(item);
+        }
+      });
+      originFormDetail.value = cloneDeep(formDetail.value);
+      nextTick(() => {
+        unsaved.value = false;
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  /**
+   * 处理业务表单的特殊字段在特定场景下的初始化默认值
+   */
+  function specialFormFieldInit(field: FormCreateField) {
+    if (props.formKey.value === FormDesignKeyEnum.BUSINESS && props.sourceId?.value) {
+      // 客户详情下创建商机，自动带入客户信息
+      if (field.businessKey === 'customerId') {
+        specialInitialOptions.value = [
+          {
+            id: props.sourceId?.value,
+            name: sourceName.value || props.initialSourceName?.value,
+          },
+        ];
+        return {
+          defaultValue: initFieldValue(field, props.sourceId?.value || ''),
+          initialOptions: specialInitialOptions.value,
+        };
+      }
+    }
+    if (
+      [FormDesignKeyEnum.CONTRACT_PAYMENT, FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD, FormDesignKeyEnum.ORDER].includes(
+        props.formKey.value
+      ) &&
+      props.sourceId?.value
+    ) {
+      // 合同详情下创建计划，自动带入合同信息
+      if (field.businessKey === 'contractId') {
+        specialInitialOptions.value = [
+          {
+            id: props.sourceId?.value,
+            name: sourceName.value || props.initialSourceName?.value,
+          },
+        ];
+        return {
+          defaultValue: initFieldValue(field, props.sourceId?.value || ''),
+          initialOptions: specialInitialOptions.value,
+        };
+      }
+    }
+    if (
+      [FormDesignKeyEnum.FOLLOW_PLAN_CUSTOMER, FormDesignKeyEnum.FOLLOW_RECORD_CUSTOMER].includes(
+        props.formKey.value
+      ) &&
+      props.sourceId?.value
+    ) {
+      // 客户跟进计划和记录，需要赋予类型字段默认为客户，客户字段默认值为当前客户
+      if (field.businessKey === 'type') {
+        return {
+          defaultValue: 'CUSTOMER',
+          initialOptions: field.initialOptions,
+        };
+      }
+      if (field.businessKey === 'customerId') {
+        specialInitialOptions.value = [
+          {
+            id: props.sourceId?.value,
+            name: sourceName.value || props.initialSourceName?.value,
+          },
+        ];
+        return {
+          defaultValue: initFieldValue(field, props.sourceId?.value || ''),
+          initialOptions: specialInitialOptions.value,
+        };
+      }
+    }
+    if (
+      [FormDesignKeyEnum.FOLLOW_PLAN_CLUE, FormDesignKeyEnum.FOLLOW_RECORD_CLUE].includes(props.formKey.value) &&
+      props.sourceId?.value
+    ) {
+      // 线索跟进计划和记录，需要赋予类型字段默认为客户，线索字段默认值为当前线索
+      if (field.businessKey === 'type') {
+        return {
+          defaultValue: 'CLUE',
+          initialOptions: field.initialOptions,
+        };
+      }
+      if (field.businessKey === 'clueId') {
+        specialInitialOptions.value = [
+          {
+            id: props.sourceId?.value,
+            name: sourceName.value || props.initialSourceName?.value,
+          },
+        ];
+        return {
+          defaultValue: initFieldValue(field, props.sourceId?.value || ''),
+          initialOptions: specialInitialOptions.value,
+        };
+      }
+    }
+    if (
+      [FormDesignKeyEnum.FOLLOW_PLAN_BUSINESS, FormDesignKeyEnum.FOLLOW_RECORD_BUSINESS].includes(
+        props.formKey.value
+      ) &&
+      props.sourceId?.value
+    ) {
+      // 商机跟进计划和记录，需要赋予默认跟进类型、商机、商机对应客户
+      if (field.businessKey === 'type') {
+        return {
+          defaultValue: 'CUSTOMER',
+          initialOptions: field.initialOptions,
+        };
+      }
+
+      const defaultParsedSource = props.initialSourceName?.value ? JSON.parse(props.initialSourceName.value) : {};
+      if (Object.keys(defaultParsedSource).length) {
+        if (field.businessKey === 'opportunityId') {
+          specialInitialOptions.value = [
+            {
+              id: props.sourceId?.value,
+              name: defaultParsedSource?.name ?? '',
+            },
+          ];
+          return {
+            defaultValue: initFieldValue(field, props.sourceId?.value || ''),
+            initialOptions: specialInitialOptions.value,
+          };
+        }
+
+        if (field.businessKey === 'customerId') {
+          const defaultCustomerId = defaultParsedSource?.[field.businessKey] ?? '';
+          specialInitialOptions.value = [
+            {
+              id: defaultCustomerId,
+              name: defaultParsedSource?.customerName ?? '',
+            },
+          ];
+
+          return {
+            defaultValue: initFieldValue(field, defaultCustomerId || ''),
+            initialOptions: specialInitialOptions.value,
+          };
+        }
+      }
+    }
+    if (props.formKey.value === FormDesignKeyEnum.CONTACT && props.sourceId?.value) {
+      // 联系人表单，赋予客户字段默认值为当前客户
+      if (field.businessKey === 'customerId') {
+        specialInitialOptions.value = [
+          {
+            id: props.sourceId?.value,
+            name: sourceName.value || props.initialSourceName?.value,
+          },
+        ];
+        return {
+          defaultValue: initFieldValue(field, props.sourceId?.value || ''),
+          initialOptions: specialInitialOptions.value,
+        };
+      }
+    }
+    if ([FormDesignKeyEnum.CLUE_TRANSITION_CUSTOMER].includes(props.formKey.value)) {
+      // 线索转客户带入名称
+      if (field.businessKey === 'name') {
+        return {
+          defaultValue: props.initialSourceName?.value,
+          initialOptions: field.initialOptions,
+        };
+      }
+    }
+
+    if (props.formKey.value === FormDesignKeyEnum.OPPORTUNITY_QUOTATION && props.sourceId?.value) {
+      if (field.businessKey === 'opportunityId') {
+        specialInitialOptions.value = [
+          {
+            id: props.sourceId?.value,
+            name: sourceName.value || props.initialSourceName?.value,
+          },
+        ];
+        return {
+          defaultValue: initFieldValue(field, props.sourceId?.value || ''),
+          initialOptions: specialInitialOptions.value,
+        };
+      }
+    }
+    if (props.formKey.value === FormDesignKeyEnum.INVOICE && props.sourceId?.value) {
+      // 合同下创建发票，自动带入合同信息
+      if (field.businessKey === 'contractId') {
+        specialInitialOptions.value = [
+          {
+            id: props.sourceId?.value,
+            name: sourceName.value || props.initialSourceName?.value,
+          },
+        ];
+        return {
+          defaultValue: initFieldValue(field, props.sourceId?.value || ''),
+          initialOptions: specialInitialOptions.value,
+        };
+      }
+    }
+    if ([FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.DATA_SOURCE_MULTIPLE].includes(field.type)) {
+      // 数据源类型的字段，默认值需要转为数组
+      return {
+        defaultValue: typeof field.defaultValue === 'string' ? [field.defaultValue] : field.defaultValue,
+        initialOptions: field.initialOptions,
+      };
+    }
+    return {
+      defaultValue: field.defaultValue,
+      initialOptions: field.initialOptions,
+    };
+  }
+
+  function initFormFieldConfig(fields: FormCreateField[]) {
+    fieldList.value = fields.map((item) => {
+      const { defaultValue, initialOptions } = specialFormFieldInit(item);
+      if (item.showControlRules?.length) {
+        // 将字段的控制显隐规则存储到 fieldShowControlMap 中
+        item.showControlRules?.forEach((rule) => {
+          rule.fieldIds.forEach((fieldId) => {
+            // 按字段 ID 存储规则，key 为字段 ID，value 为规则映射集合
+            if (!fieldShowControlMap.value[fieldId]) {
+              fieldShowControlMap.value[fieldId] = {};
+            }
+            // value 映射以控制显示隐藏的字段 id 为 key，字段值为 value 集合
+            if (!fieldShowControlMap.value[fieldId][item.id]) {
+              fieldShowControlMap.value[fieldId][item.id] = [];
+            }
+            /**
+             * 最终结构为：
+             * fieldShowControlMap.value = {
+             *   [fieldId]: {
+             *     [item.id]: [rule.value]
+             *   }
+             * }
+             * 这样最外层存储每个字段的 key，value 为该字段的所有的控制规则集合
+             */
+            fieldShowControlMap.value[fieldId][item.id].push(rule.value);
+          });
+        });
+      }
+      return {
+        ...item,
+        defaultValue,
+        initialOptions,
+        fieldWidth: safeFractionConvert(item.fieldWidth),
+      };
+    });
+  }
+
+  async function initFormConfig() {
+    try {
+      loading.value = true;
+      const api = props.isDatasource ? getDatasourceFieldConfig : getFormConfigApiMap[props.formKey.value];
+      if (props.formKey.value === FormDesignKeyEnum.CUSTOM_FORM) {
+        const res = await api(props.customFormId?.value ?? '');
+        moduleFormConfig.value = cloneDeep(res);
+        initFormFieldConfig(res.fields);
+        formConfig.value = res.formProp;
+        customFormConfig.value = res as CustomFormDetail;
+      } else {
+        const res = await api(
+          props.isDatasource ? props.formKey.value : props.sourceId?.value ?? '',
+          props.otherSaveParams?.value?.approvalTaskId
+        );
+        moduleFormConfig.value = cloneDeep(res);
+        initFormFieldConfig(res.fields);
+        formConfig.value = res.formProp;
+        customFormConfig.value = undefined;
+      }
+      nextTick(() => {
+        unsaved.value = false;
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  function replaceRule(item: FormCreateField, parentFieldId?: string) {
+    const fullRules: FormCreateFieldRule[] = [];
+    (item.rules || []).forEach((rule) => {
+      // 遍历规则集合，将全量的规则配置载入
+      const staticRule = cloneDeep(rules.find((e) => e.key === rule.key));
+      if (staticRule) {
+        // 重复校验
+        if (staticRule.key === FieldRuleEnum.UNIQUE) {
+          if (parentFieldId) {
+            staticRule.validator = async (_rule: any, value: string) => {
+              if (!value || !value.length) {
+                return Promise.resolve();
+              }
+              const subFieldValues = formDetail.value[parentFieldId]?.map(
+                (subItem: Record<string, any>) => subItem[item.id]
+              );
+              const valueCount = subFieldValues.filter((v: string) => v === value).length;
+              if (valueCount > 1) {
+                return Promise.reject(
+                  new Error(
+                    item.name.length
+                      ? t('crmFormCreate.repeatTip', { name: item.name })
+                      : t('crmFormCreate.repeatTipWithoutName')
+                  )
+                );
+              }
+            };
+          } else {
+            staticRule.validator = async (_rule: any, value: string) => {
+              if (!value || !value.length || formDetail.value[item.id] === originFormDetail.value[item.id]) {
+                return Promise.resolve();
+              }
+
+              try {
+                const info = await checkRepeat({
+                  id: item.id,
+                  value,
+                  formKey: props.formKey.value,
+                });
+                if (info.repeat) {
+                  return Promise.reject(
+                    new Error(
+                      info.name.length
+                        ? t('crmFormCreate.repeatTip', { name: info.name })
+                        : t('crmFormCreate.repeatTipWithoutName')
+                    )
+                  );
+                }
+                return Promise.resolve();
+              } catch (error) {
+                // eslint-disable-next-line no-console
+                console.log(error);
+              }
+            };
+          }
+        } else {
+          staticRule.regex = rule.regex; // 正则表达式(目前没有)是配置到后台存储的，需要读取
+          staticRule.message = t(staticRule.message as string, { value: t(item.name) });
+          staticRule.type = getRuleType(item);
+          if (
+            [
+              FieldTypeEnum.DATA_SOURCE,
+              FieldTypeEnum.DATA_SOURCE_MULTIPLE,
+              FieldTypeEnum.PICTURE,
+              FieldTypeEnum.ATTACHMENT,
+            ].includes(item.type)
+          ) {
+            staticRule.trigger = 'none';
+          }
+        }
+        fullRules.push(staticRule);
+      }
+    });
+    item.rules = fullRules;
+  }
+
+  function subFieldInit(field: FormCreateField) {
+    let defaultValue = field.defaultValue || '';
+    if (field.resourceFieldId && field.defaultValue) {
+      defaultValue = parseModuleFieldValue(field, field.defaultValue, field.initialOptions);
+    } else if ([FieldTypeEnum.INPUT_NUMBER, FieldTypeEnum.FORMULA].includes(field.type)) {
+      defaultValue = Number.isNaN(Number(defaultValue)) || defaultValue === '' ? null : Number(defaultValue);
+    } else if ([FieldTypeEnum.PICTURE, FieldTypeEnum.ATTACHMENT].includes(field.type)) {
+      defaultValue = defaultValue || [];
+    } else if (getRuleType(field) === 'array') {
+      defaultValue =
+        field.type === FieldTypeEnum.DATA_SOURCE && typeof field.defaultValue === 'string'
+          ? [defaultValue]
+          : defaultValue || [];
+    }
+    field.defaultValue = defaultValue;
+  }
+
+  function initForm(linkScenario?: FormLinkScenarioEnum) {
+    fieldList.value.forEach((item) => {
+      // const initLine: Record<string, any> = {};
+      if ([FieldTypeEnum.SUB_PRICE, FieldTypeEnum.SUB_PRODUCT].includes(item.type)) {
+        item.subFields?.forEach((subField) => {
+          subFieldInit(subField);
+          replaceRule(subField, item.id);
+          // initLine[subField.businessKey || subField.id] = subField.defaultValue;
+        });
+        if (!formDetail.value[item.id]) {
+          formDetail.value[item.id] = [];
+        }
+        return;
+      }
+      if (props.needInitDetail?.value) {
+        // 详情页编辑时，从详情获取值，不需要默认值
+        item.defaultValue = undefined;
+      }
+      let defaultValue = item.defaultValue || '';
+      if (item.resourceFieldId && item.defaultValue) {
+        defaultValue = parseModuleFieldValue(
+          item,
+          item.defaultValue,
+          item.initialOptions || item.options?.map((opt) => ({ id: opt.value, name: opt.label }))
+        );
+        formDetail.value[item.id] = defaultValue;
+        return;
+      }
+      if ([FieldTypeEnum.DATE_TIME, FieldTypeEnum.INPUT_NUMBER, FieldTypeEnum.FORMULA].includes(item.type)) {
+        defaultValue = Number.isNaN(Number(defaultValue)) || defaultValue === '' ? null : Number(defaultValue);
+      } else if (getRuleType(item) === 'array') {
+        defaultValue =
+          [FieldTypeEnum.DEPARTMENT, FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.MEMBER].includes(item.type) &&
+          typeof item.defaultValue === 'string'
+            ? [defaultValue]
+            : defaultValue || [];
+      } else if ([FieldTypeEnum.PICTURE, FieldTypeEnum.ATTACHMENT].includes(item.type)) {
+        defaultValue = defaultValue || [];
+      }
+      if (!formDetail.value[item.id]) {
+        formDetail.value[item.id] = defaultValue;
+      }
+      replaceRule(item);
+      if ([FieldTypeEnum.MEMBER, FieldTypeEnum.MEMBER_MULTIPLE].includes(item.type) && item.hasCurrentUser) {
+        item.defaultValue = item.resourceFieldId ? userStore.userInfo.name : userStore.userInfo.id;
+        item.initialOptions = [
+          ...(item.initialOptions || []),
+          {
+            id: userStore.userInfo.id,
+            name: userStore.userInfo.name,
+          },
+        ].filter((option, index, self) => self.findIndex((o) => o.id === option.id) === index);
+      } else if (
+        [FieldTypeEnum.DEPARTMENT, FieldTypeEnum.DEPARTMENT_MULTIPLE].includes(item.type) &&
+        item.hasCurrentUserDept
+      ) {
+        item.defaultValue = item.resourceFieldId ? userStore.userInfo.departmentName : userStore.userInfo.departmentId;
+        item.initialOptions = [
+          ...(item.initialOptions || []),
+          {
+            id: userStore.userInfo.departmentId,
+            name: userStore.userInfo.departmentName,
+          },
+        ].filter((option, index, self) => self.findIndex((o) => o.id === option.id) === index);
+      }
+      if (Object.keys(props.linkFormInfo?.value || {}).length && linkScenario) {
+        // 如果有关联表单信息，则填充关联表单字段值
+        fillLinkFormFieldValue(item, linkScenario);
+      }
+    });
+    nextTick(() => {
+      initFormShowControl();
+      unsaved.value = false;
+    });
+  }
+
+  function resetForm() {
+    formDetail.value = {};
+    fieldList.value.forEach((item) => {
+      if (!item.resourceFieldId) {
+        item.initialOptions = [];
+      }
+    });
+    initFormFieldConfig(fieldList.value);
+    initForm(props.linkScenario?.value);
+  }
+
+  function transformFieldValue(item: FormCreateField, result: Record<string, any>, key: string) {
+    if (
+      [FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.MEMBER, FieldTypeEnum.DEPARTMENT].includes(item.type) &&
+      Array.isArray(result[key])
+    ) {
+      // 处理数据源字段，单选传单个值
+      result[key] = result[key]?.[0];
+    }
+    if (item.type === FieldTypeEnum.PHONE) {
+      // 去空格
+      result[key] = result[key]?.replace(/[\s\uFEFF\xA0]+/g, '');
+    }
+    if ([FieldTypeEnum.SELECT, FieldTypeEnum.RADIO].includes(item.type)) {
+      // 处理单选/下拉选择字段，传value值
+      const currentOption = item.options?.find((e) => e.value === result[key]);
+      if (currentOption) {
+        result[key] = currentOption.value;
+      } else {
+        result[key] = '';
+      }
+    }
+    if ([FieldTypeEnum.SELECT_MULTIPLE, FieldTypeEnum.CHECKBOX].includes(item.type)) {
+      // 处理多选/复选字段，传value数组
+      const currentOptions = item.options?.filter((e) => result[key]?.includes(e.value));
+      if (currentOptions) {
+        result[key] = currentOptions.map((e) => e.value);
+      } else {
+        result[key] = [];
+      }
+    }
+  }
+
+  async function saveForm(
+    form: Record<string, any>,
+    isContinue: boolean,
+    callback?: (_isContinue: boolean, res: any) => void,
+    noReset = false,
+    isReview = false,
+    extraParams: Record<string, any> = {}
+  ) {
+    try {
+      loading.value = true;
+      const params: Record<string, any> = {
+        ...props.otherSaveParams?.value,
+        ...extraParams,
+        moduleFields: [],
+        customFormId: customFormConfig.value?.id,
+        id: props.sourceId?.value,
+      };
+      fieldList.value.forEach((item) => {
+        if (item.resourceFieldId) {
+          return;
+        }
+        if (item.subFields?.length) {
+          const refResourceFieldIds: string[] = [];
+          item.subFields.forEach((subField) => {
+            if (subField.resourceFieldId) {
+              refResourceFieldIds.push(subField.id);
+            }
+          });
+          const parentFieldDetail = form[item.id];
+          if (parentFieldDetail) {
+            parentFieldDetail.forEach((subItem: Record<string, any>) => {
+              refResourceFieldIds.forEach((id) => {
+                delete subItem[id];
+              });
+            });
+          }
+        }
+        if (item.businessKey) {
+          // 存在业务字段，则按照业务字段的key存储
+          params[item.businessKey] = form[item.id] ?? '';
+        } else {
+          params.moduleFields.push({
+            fieldId: item.id,
+            fieldValue: getNormalFieldValue(item, form[item.id]),
+          });
+        }
+      });
+
+      if (needModuleFormConfigParamsType.includes(props.formKey.value)) {
+        params.moduleFormConfigDTO = moduleFormConfig.value;
+      }
+      let res;
+      if (props.sourceId?.value && props.needInitDetail?.value) {
+        res = await updateFormApi[props.formKey.value](params);
+        if (!isReview) {
+          Message.success(t('common.updateSuccess'));
+        }
+      } else {
+        res = await createFormApi[props.formKey.value](params);
+        if (!isReview) {
+          if (props.formKey.value === FormDesignKeyEnum.CLUE_TRANSITION_CUSTOMER) {
+            Message.success(t('clue.transferredToCustomer'));
+          } else {
+            Message.success(t('common.createSuccess'));
+          }
+        }
+      }
+      if (callback) {
+        callback(isContinue, res);
+      }
+      if (!noReset) {
+        resetForm();
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  const formCreateTitle = computed(() => {
+    if (props.formKey.value === FormDesignKeyEnum.CLUE_TRANSITION_CUSTOMER) {
+      return t('clue.convertToCustomer');
+    }
+    const prefix = props.sourceId?.value && props.needInitDetail?.value ? t('common.edit') : t('common.newCreate');
+    if (props.formKey.value === FormDesignKeyEnum.CUSTOM_FORM) {
+      return `${prefix}${customFormConfig.value?.name}`;
+    }
+    return `${prefix}${t(`crmFormCreate.drawer.${props.formKey.value}`)}`;
+  });
+
+  return {
+    descriptions,
+    fieldList,
+    loading,
+    unsaved,
+    formConfig,
+    formDetail,
+    originFormDetail,
+    formCreateTitle,
+    collaborationType,
+    sourceName,
+    fieldShowControlMap,
+    linkFormFieldMap,
+    initFormDescription,
+    initFormConfig,
+    initFormDetail,
+    saveForm,
+    initForm,
+    resetForm,
+    initFormShowControl,
+    makeLinkFormFields,
+    transformFieldValue,
+    moduleFormConfig,
+    detail,
+  };
+}
diff --git a/frontend/packages/web/src/hooks/useFormCreateSystemColumns.ts b/frontend/packages/web/src/hooks/useFormCreateSystemColumns.ts
new file mode 100644
index 0000000..8f6d5d0
--- /dev/null
+++ b/frontend/packages/web/src/hooks/useFormCreateSystemColumns.ts
@@ -0,0 +1,826 @@
+import dayjs from 'dayjs';
+
+import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+import type { CrmDataTableColumn } from '@/components/pure/crm-table/type';
+
+import { contractPaymentPlanStatusOptions } from '@/config/contract';
+import { quotationStatus } from '@/config/opportunity';
+import { processStatusOptions } from '@/config/process';
+import useReasonConfig from '@/hooks/useReasonConfig';
+
+import { FormCreateTableProps } from './useFormCreateTable';
+import { FilterOption } from 'naive-ui/es/data-table/src/interface';
+
+interface FormCreateSystemColumnsResult {
+  internalColumnMap: Record<string, CrmDataTableColumn[]>;
+  staticColumns: CrmDataTableColumn[];
+  reasonOptions: Ref<FilterOption[]>;
+  noSorterType: FieldTypeEnum[];
+}
+
+export default async function useFormCreateSystemColumns(
+  props: FormCreateTableProps
+): Promise<FormCreateSystemColumnsResult> {
+  const { t } = useI18n();
+
+  const { reasonOptions, initReasonConfig } = useReasonConfig(props.formKey);
+  const showPagination = props.showPagination ?? true;
+  const columnsSorter = showPagination ? true : 'default';
+
+  const noSorterType = [
+    FieldTypeEnum.DIVIDER,
+    FieldTypeEnum.PICTURE,
+    FieldTypeEnum.TEXTAREA,
+    FieldTypeEnum.INPUT_MULTIPLE,
+    FieldTypeEnum.MEMBER_MULTIPLE,
+    FieldTypeEnum.SELECT_MULTIPLE,
+    FieldTypeEnum.DATA_SOURCE_MULTIPLE,
+    FieldTypeEnum.USER_TAG_SELECTOR,
+    FieldTypeEnum.CHECKBOX,
+    FieldTypeEnum.LINK,
+    FieldTypeEnum.DEPARTMENT_MULTIPLE,
+  ];
+
+  // 静态列和高级筛选增加原因配置筛选
+  await initReasonConfig();
+
+  const customerInternalColumns: CrmDataTableColumn[] = [
+    {
+      title: t('org.department'),
+      width: 120,
+      key: 'departmentId',
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+      render: (row: any) => row.departmentName || '-',
+    },
+    {
+      title: t('customer.collectionTime'),
+      width: 160,
+      key: 'collectionTime',
+      sortOrder: false,
+      sorter: true,
+      render: (row: any) => (row.collectionTime ? dayjs(row.collectionTime).format('YYYY-MM-DD HH:mm:ss') : '-'),
+    },
+    {
+      title: t('customer.recycleOpenSea'),
+      width: 120,
+      key: 'recyclePoolName',
+      ellipsis: {
+        tooltip: true,
+      },
+    },
+    {
+      title: t('customer.recycleReason'),
+      width: 120,
+      key: 'reasonId',
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+      filterOptions: reasonOptions.value,
+      filter: true,
+      render: (row: any) => row.reasonName || '-',
+    },
+    {
+      title: t('customer.remainingVesting'),
+      width: 120,
+      key: 'reservedDays',
+      ellipsis: {
+        tooltip: true,
+      },
+      render: (row: any) => (row.reservedDays ? `${row.reservedDays}${t('common.dayUnit')}` : '-'),
+    },
+    {
+      title: t('customer.lastFollowUps'),
+      width: 150,
+      key: 'follower',
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+      render: (row: any) => row.followerName || '-',
+    },
+    {
+      title: t('customer.lastFollowUpDate'),
+      width: 160,
+      key: 'followTime',
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+      render: (row: any) => (row.followTime ? dayjs(row.followTime).format('YYYY-MM-DD') : '-'),
+    },
+  ];
+  const contactInternalColumns: CrmDataTableColumn[] = [
+    {
+      title: t('common.status'),
+      width: 120,
+      key: 'enable',
+      ellipsis: {
+        tooltip: true,
+      },
+      filterOptions: [
+        {
+          label: t('common.enable'),
+          value: true,
+        },
+        {
+          label: t('common.disable'),
+          value: false,
+        },
+      ],
+      sortOrder: false,
+      sorter: true,
+      filter: true,
+      render: props.specialRender?.status,
+    },
+    {
+      title: t('customer.disableReason'),
+      width: 120,
+      key: 'disableReason',
+      sortOrder: false,
+      sorter: true,
+      ellipsis: {
+        tooltip: true,
+      },
+    },
+    {
+      title: t('org.department'),
+      width: 120,
+      key: 'departmentId',
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+      render: (row: any) => row.departmentName || '-',
+    },
+  ];
+
+  const opportunityInternalColumns: CrmDataTableColumn[] = [
+    {
+      title: t('org.department'),
+      width: 120,
+      key: 'departmentId',
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+      render: (row: any) => row.departmentName || '-',
+    },
+    {
+      title: t('opportunity.stage'),
+      width: 150,
+      key: 'stage',
+      ellipsis: {
+        tooltip: true,
+      },
+      filter: true,
+      sortOrder: false,
+      sorter: true,
+      filterOptions:
+        props.opportunityStage?.map((e) => ({
+          label: e.name,
+          value: e.id,
+        })) || [],
+      render: props.specialRender?.stage,
+    },
+    {
+      title: t('customer.lastFollowUps'),
+      width: 150,
+      key: 'followerName',
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+    },
+    {
+      title: t('customer.lastFollowUpDate'),
+      width: 160,
+      key: 'followTime',
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+      render: (row: any) => (row.followTime ? dayjs(row.followTime).format('YYYY-MM-DD') : '-'),
+    },
+    {
+      title: t('customer.remainingVesting'),
+      width: 120,
+      key: 'reservedDays',
+      ellipsis: {
+        tooltip: true,
+      },
+    },
+    {
+      title: t('opportunity.actualEndTime'),
+      width: 160,
+      key: 'actualEndTime',
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+      render: (row: any) => (row.actualEndTime ? dayjs(row.actualEndTime).format('YYYY-MM-DD') : '-'),
+    },
+    {
+      title: t('opportunity.failureReason'),
+      width: 120,
+      key: 'failureReason',
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+      filterOptions: reasonOptions.value,
+      filter: true,
+    },
+  ];
+
+  const recordInternalColumns: CrmDataTableColumn[] = [
+    {
+      title: t('org.department'),
+      width: 120,
+      key: 'departmentId',
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+      render: (row: any) => row.departmentName || '-',
+    },
+    {
+      key: 'phone',
+      title: t('common.phoneNumber'),
+      width: 120,
+      ellipsis: {
+        tooltip: true,
+      },
+    },
+    {
+      key: 'content',
+      title: t('eventDrawer.record.content'),
+      width: 120,
+      ellipsis: {
+        tooltip: true,
+      },
+    },
+  ];
+
+  const planInternalColumns: CrmDataTableColumn[] = [
+    {
+      title: t('org.department'),
+      width: 120,
+      key: 'departmentId',
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+      render: (row: any) => row.departmentName || '-',
+    },
+    {
+      key: 'phone',
+      title: t('common.phoneNumber'),
+      width: 120,
+      ellipsis: {
+        tooltip: true,
+      },
+    },
+    {
+      title: t('eventDrawer.record.converted'),
+      width: 120,
+      key: 'converted',
+      render: (row: any) => (row.converted ? t('common.yes') : t('common.no')),
+    },
+    {
+      key: 'content',
+      title: t('eventDrawer.plan.content'),
+      width: 120,
+      ellipsis: {
+        tooltip: true,
+      },
+    },
+  ];
+
+  const paymentInternalColumns: CrmDataTableColumn[] = [
+    {
+      title: t('org.department'),
+      width: 120,
+      key: 'departmentId',
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+      render: (row: any) => row.departmentName || '-',
+    },
+    {
+      title: t('contract.planStatus'),
+      width: 120,
+      key: 'planStatus',
+      filterOptions: contractPaymentPlanStatusOptions,
+      sortOrder: false,
+      sorter: true,
+      filter: true,
+      render: props.specialRender?.status,
+    },
+  ];
+  // 审批状态
+  const approvalStatusColumn = [
+    {
+      title: t('contract.approvalStatus'),
+      width: 120,
+      key: 'approvalStatus',
+      filterOptions: processStatusOptions,
+      sortOrder: false,
+      sorter: true,
+      filter: true,
+      render: props.specialRender?.approvalStatus,
+    },
+  ] as CrmDataTableColumn[];
+
+  const invoiceInternalColumns: CrmDataTableColumn[] = [
+    ...approvalStatusColumn,
+    {
+      title: t('org.department'),
+      width: 120,
+      key: 'departmentId',
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: 'default',
+      render: (row: any) => row.departmentName || '-',
+    },
+  ];
+
+  const orderInternalColumns: CrmDataTableColumn[] = [
+    {
+      title: t('org.department'),
+      width: 120,
+      key: 'departmentId',
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+      render: (row: any) => row.departmentName || '-',
+    },
+    {
+      title: t('order.status'),
+      width: 150,
+      key: 'stage',
+      ellipsis: {
+        tooltip: true,
+      },
+      filter: true,
+      sortOrder: false,
+      sorter: true,
+      filterOptions:
+        props.orderStage?.map((e) => ({
+          label: e.name,
+          value: e.id,
+        })) || [],
+      render: props.specialRender?.stage,
+    },
+    ...approvalStatusColumn,
+  ];
+
+  const internalColumnMap: Record<string, CrmDataTableColumn[]> = {
+    [FormDesignKeyEnum.CUSTOMER]: customerInternalColumns,
+    [FormDesignKeyEnum.CONTACT]: contactInternalColumns,
+    [FormDesignKeyEnum.CUSTOMER_CONTACT]: [
+      {
+        title: t('common.status'),
+        width: 120,
+        key: 'enable',
+        ellipsis: {
+          tooltip: true,
+        },
+        render: props.specialRender?.status,
+      },
+      {
+        title: t('customer.disableReason'),
+        width: 120,
+        key: 'disableReason',
+        ellipsis: {
+          tooltip: true,
+        },
+      },
+      {
+        title: t('org.department'),
+        width: 120,
+        key: 'departmentId',
+        ellipsis: {
+          tooltip: true,
+        },
+        sortOrder: false,
+        sorter: 'default',
+        render: (row: any) => row.departmentName || '-',
+      },
+    ],
+    [FormDesignKeyEnum.BUSINESS_CONTACT]: [
+      {
+        title: t('common.status'),
+        width: 120,
+        key: 'enable',
+        ellipsis: {
+          tooltip: true,
+        },
+        render: props.specialRender?.status,
+      },
+      {
+        title: t('customer.disableReason'),
+        width: 120,
+        key: 'disableReason',
+        ellipsis: {
+          tooltip: true,
+        },
+      },
+      {
+        title: t('org.department'),
+        width: 120,
+        key: 'departmentId',
+        ellipsis: {
+          tooltip: true,
+        },
+        sortOrder: false,
+        sorter: 'default',
+        render: (row: any) => row.departmentName || '-',
+      },
+    ],
+    [FormDesignKeyEnum.BUSINESS]: opportunityInternalColumns,
+    [FormDesignKeyEnum.CLUE]: [
+      {
+        title: t('org.department'),
+        width: 120,
+        key: 'departmentId',
+        ellipsis: {
+          tooltip: true,
+        },
+        sortOrder: false,
+        sorter: true,
+        render: (row: any) => row.departmentName || '-',
+      },
+      {
+        title: t('customer.collectionTime'),
+        width: 180,
+        key: 'collectionTime',
+        sortOrder: false,
+        sorter: true,
+        render: (row: any) => (row.collectionTime ? dayjs(row.collectionTime).format('YYYY-MM-DD HH:mm:ss') : '-'),
+      },
+      {
+        title: t('clue.recyclePool'),
+        width: 120,
+        key: 'recyclePoolName',
+        ellipsis: {
+          tooltip: true,
+        },
+      },
+      {
+        title: t('customer.recycleReason'),
+        width: 120,
+        key: 'reasonId',
+        ellipsis: {
+          tooltip: true,
+        },
+        sortOrder: false,
+        sorter: true,
+        filterOptions: reasonOptions.value,
+        filter: true,
+        render: (row: any) => row.reasonName || '-',
+      },
+      {
+        title: t('customer.remainingVesting'),
+        width: 120,
+        key: 'reservedDays',
+        ellipsis: {
+          tooltip: true,
+        },
+      },
+      {
+        title: t('customer.lastFollowUps'),
+        width: 120,
+        key: 'follower',
+        ellipsis: {
+          tooltip: true,
+        },
+        sortOrder: false,
+        sorter: true,
+        render: (row: any) => row.followerName || '-',
+      },
+      {
+        title: t('customer.lastFollowUpDate'),
+        width: 120,
+        key: 'followTime',
+        ellipsis: {
+          tooltip: true,
+        },
+        sortOrder: false,
+        sorter: true,
+        render: (row: any) => (row.followTime ? dayjs(row.followTime).format('YYYY-MM-DD') : '-'),
+      },
+    ],
+    [FormDesignKeyEnum.PRODUCT]: [],
+    [FormDesignKeyEnum.CUSTOMER_OPEN_SEA]: [
+      {
+        title: t('customer.recycleReason'),
+        width: 120,
+        key: 'reasonId',
+        ellipsis: {
+          tooltip: true,
+        },
+        sortOrder: false,
+        sorter: true,
+        filterOptions: reasonOptions.value,
+        filter: true,
+        render: (row: any) => row.reasonName || '-',
+      },
+      {
+        title: t('customer.lastFollowUps'),
+        width: 120,
+        key: 'follower',
+        ellipsis: {
+          tooltip: true,
+        },
+        sortOrder: false,
+        sorter: true,
+        render: (row: any) => row.followerName || '-',
+      },
+      {
+        title: t('customer.lastFollowUpDate'),
+        width: 120,
+        key: 'followTime',
+        ellipsis: {
+          tooltip: true,
+        },
+        sortOrder: false,
+        sorter: true,
+        render: (row: any) => (row.followTime ? dayjs(row.followTime).format('YYYY-MM-DD') : '-'),
+      },
+    ],
+    [FormDesignKeyEnum.CLUE_POOL]: [
+      {
+        title: t('customer.recycleReason'),
+        width: 120,
+        key: 'reasonId',
+        ellipsis: {
+          tooltip: true,
+        },
+        sortOrder: false,
+        sorter: true,
+        filterOptions: reasonOptions.value,
+        filter: true,
+        render: (row: any) => row.reasonName || '-',
+      },
+      {
+        title: t('customer.lastFollowUps'),
+        width: 120,
+        key: 'follower',
+        ellipsis: {
+          tooltip: true,
+        },
+        sortOrder: false,
+        sorter: true,
+        render: (row: any) => row.followerName || '-',
+      },
+      {
+        title: t('customer.lastFollowUpDate'),
+        width: 120,
+        key: 'followTime',
+        ellipsis: {
+          tooltip: true,
+        },
+        sortOrder: false,
+        sorter: true,
+        render: (row: any) => (row.followTime ? dayjs(row.followTime).format('YYYY-MM-DD') : '-'),
+      },
+    ],
+    [FormDesignKeyEnum.CUSTOMER_OPPORTUNITY]: opportunityInternalColumns,
+    [FormDesignKeyEnum.CLUE_TRANSITION_CUSTOMER]: customerInternalColumns,
+    [FormDesignKeyEnum.FOLLOW_RECORD]: recordInternalColumns,
+    [FormDesignKeyEnum.FOLLOW_PLAN]: planInternalColumns,
+    [FormDesignKeyEnum.SEARCH_ADVANCED_CLUE]: [],
+    [FormDesignKeyEnum.SEARCH_ADVANCED_CUSTOMER]: [
+      {
+        title: t('workbench.duplicateCheck.relatedOpportunity'),
+        key: 'opportunityCount',
+        width: 60,
+        render: props.specialRender?.opportunityCount,
+      },
+      {
+        title: t('workbench.duplicateCheck.relatedClue'),
+        key: 'clueCount',
+        width: 60,
+        render: props.specialRender?.clueCount,
+      },
+      ...customerInternalColumns,
+    ],
+    [FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT]: contactInternalColumns,
+    [FormDesignKeyEnum.SEARCH_ADVANCED_PUBLIC]: [
+      {
+        title: t('customer.recycleReason'),
+        width: 120,
+        key: 'reasonId',
+        ellipsis: {
+          tooltip: true,
+        },
+        sortOrder: false,
+        sorter: true,
+        filterOptions: reasonOptions.value,
+        filter: true,
+        render: (row: any) => row.reasonName || '-',
+      },
+      {
+        title: t('customer.recycleOpenSeaName'),
+        width: 120,
+        key: 'poolId',
+        ellipsis: {
+          tooltip: true,
+        },
+        sortOrder: false,
+        sorter: true,
+        render: (row: any) => row.poolName || '-',
+      },
+    ],
+    [FormDesignKeyEnum.SEARCH_ADVANCED_CLUE_POOL]: [
+      {
+        title: t('customer.recycleReason'),
+        width: 120,
+        key: 'reasonId',
+        ellipsis: {
+          tooltip: true,
+        },
+        sortOrder: false,
+        sorter: true,
+        filterOptions: reasonOptions.value,
+        filter: true,
+        render: (row: any) => row.reasonName || '-',
+      },
+      {
+        title: t('clue.belongingCluePool'),
+        width: 120,
+        key: 'poolId',
+        ellipsis: {
+          tooltip: true,
+        },
+        sortOrder: false,
+        sorter: true,
+        render: (row: any) => row.poolName || '-',
+      },
+    ],
+    [FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY]: opportunityInternalColumns,
+    [FormDesignKeyEnum.OPPORTUNITY_QUOTATION]: [
+      {
+        title: t('org.department'),
+        width: 120,
+        key: 'departmentId',
+        ellipsis: {
+          tooltip: true,
+        },
+        sortOrder: false,
+        sorter: true,
+        render: (row: any) => row.departmentName || '-',
+      },
+      {
+        title: t('common.status'),
+        width: 120,
+        key: 'invalid',
+        filterOptions: quotationStatus,
+        sortOrder: false,
+        sorter: true,
+        filter: true,
+        render: props.specialRender?.invalid,
+      },
+      ...approvalStatusColumn,
+    ],
+    [FormDesignKeyEnum.CONTRACT]: [
+      {
+        title: t('org.department'),
+        width: 120,
+        key: 'departmentId',
+        ellipsis: {
+          tooltip: true,
+        },
+        sortOrder: false,
+        sorter: true,
+        render: (row: any) => row.departmentName || '-',
+      },
+      {
+        title: t('contract.status'),
+        width: 120,
+        key: 'stage',
+        filterOptions:
+          props.contractStage?.map((e) => ({
+            label: e.name,
+            value: e.id,
+          })) || [],
+        sortOrder: false,
+        sorter: true,
+        filter: true,
+        render: props.specialRender?.stage,
+      },
+      {
+        title: t('contract.voidReason'),
+        width: 120,
+        key: 'voidReason',
+        ellipsis: {
+          tooltip: true,
+        },
+      },
+      {
+        title: t('contract.alreadyPayAmount'),
+        width: 120,
+        key: 'alreadyPayAmount',
+        sortOrder: false,
+        sorter: true,
+      },
+      ...approvalStatusColumn,
+    ],
+    [FormDesignKeyEnum.CONTRACT_PAYMENT]: paymentInternalColumns,
+    [FormDesignKeyEnum.CONTRACT_CONTRACT_PAYMENT]: paymentInternalColumns,
+    [FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD]: [
+      {
+        title: t('org.department'),
+        width: 120,
+        key: 'departmentId',
+        ellipsis: {
+          tooltip: true,
+        },
+        sortOrder: false,
+        sorter: 'default',
+        render: (row: any) => row.departmentName || '-',
+      },
+    ],
+    [FormDesignKeyEnum.PRICE]: [],
+    [FormDesignKeyEnum.INVOICE]: invoiceInternalColumns,
+    [FormDesignKeyEnum.CONTRACT_INVOICE]: invoiceInternalColumns,
+    [FormDesignKeyEnum.ORDER]: orderInternalColumns,
+    [FormDesignKeyEnum.CONTRACT_ORDER]: orderInternalColumns,
+    [FormDesignKeyEnum.CUSTOMER_ORDER]: orderInternalColumns,
+  };
+
+  const staticColumns: CrmDataTableColumn[] = [
+    {
+      title: t('common.creator'),
+      key: 'createUser',
+      width: 120,
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: columnsSorter,
+      render: (row: any) => row.createUserName || '-',
+    },
+    {
+      title: t('common.createTime'),
+      key: 'createTime',
+      width: 160,
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: columnsSorter,
+    },
+    {
+      title: t('common.updateUserName'),
+      key: 'updateUser',
+      width: 120,
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: columnsSorter,
+      render: (row: any) => row.updateUserName || '-',
+    },
+    {
+      title: t('common.updateTime'),
+      key: 'updateTime',
+      width: 160,
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: columnsSorter,
+    },
+  ];
+  return {
+    internalColumnMap,
+    staticColumns,
+    reasonOptions,
+    noSorterType,
+  };
+}
diff --git a/frontend/packages/web/src/hooks/useFormCreateTable.ts b/frontend/packages/web/src/hooks/useFormCreateTable.ts
new file mode 100644
index 0000000..73c0e8e
--- /dev/null
+++ b/frontend/packages/web/src/hooks/useFormCreateTable.ts
@@ -0,0 +1,604 @@
+import { NImage, NImageGroup } from 'naive-ui';
+
+import { PreviewPictureUrl } from '@lib/shared/api/requrls/system/module';
+import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+import { SpecialColumnEnum, TableKeyEnum } from '@lib/shared/enums/tableEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+import { formatNumberValueToString, transformData } from '@lib/shared/method/formCreate';
+import type { CustomFormDetail } from '@lib/shared/models/customForm';
+import type { StageConfigItem } from '@lib/shared/models/opportunity';
+import type { FormDesignConfigDetailParams } from '@lib/shared/models/system/module';
+
+import type { CrmDataTableColumn } from '@/components/pure/crm-table/type';
+import useTable from '@/components/pure/crm-table/useTable';
+import {
+  getFormConfigApiMap,
+  getFormListApiMap,
+  multipleValueTypeList,
+} from '@/components/business/crm-form-create/config';
+import type { FormCreateField } from '@/components/business/crm-form-create/types';
+
+import useFormCreateAdvanceFilter from '@/hooks/useFormCreateAdvanceFilter';
+import useUserStore from '@/store/modules/user';
+
+import useFormCreateSystemColumns from './useFormCreateSystemColumns';
+
+export type FormKey =
+  | FormDesignKeyEnum.CUSTOMER
+  | FormDesignKeyEnum.CONTACT
+  | FormDesignKeyEnum.BUSINESS
+  | FormDesignKeyEnum.CLUE
+  | FormDesignKeyEnum.PRODUCT
+  | FormDesignKeyEnum.CUSTOMER_OPEN_SEA
+  | FormDesignKeyEnum.CLUE_POOL
+  | FormDesignKeyEnum.CUSTOMER_CONTACT
+  | FormDesignKeyEnum.BUSINESS_CONTACT
+  | FormDesignKeyEnum.CUSTOMER_OPPORTUNITY
+  | FormDesignKeyEnum.CLUE_TRANSITION_CUSTOMER
+  | FormDesignKeyEnum.FOLLOW_RECORD
+  | FormDesignKeyEnum.FOLLOW_PLAN
+  | FormDesignKeyEnum.SEARCH_ADVANCED_CLUE
+  | FormDesignKeyEnum.SEARCH_ADVANCED_CUSTOMER
+  | FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT
+  | FormDesignKeyEnum.SEARCH_ADVANCED_PUBLIC
+  | FormDesignKeyEnum.SEARCH_ADVANCED_CLUE_POOL
+  | FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY
+  | FormDesignKeyEnum.OPPORTUNITY_QUOTATION
+  | FormDesignKeyEnum.CONTRACT
+  | FormDesignKeyEnum.CONTRACT_PAYMENT
+  | FormDesignKeyEnum.CONTRACT_CONTRACT_PAYMENT
+  | FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD
+  | FormDesignKeyEnum.PRICE
+  | FormDesignKeyEnum.INVOICE
+  | FormDesignKeyEnum.CONTRACT_INVOICE
+  | FormDesignKeyEnum.ORDER
+  | FormDesignKeyEnum.CONTRACT_ORDER
+  | FormDesignKeyEnum.CUSTOMER_ORDER
+  | FormDesignKeyEnum.CUSTOM_FORM;
+
+export interface FormCreateTableProps {
+  formKey: FormKey;
+  containerClass: string; // 容器元素类名
+  disabledSelection?: (row: any) => boolean;
+  operationColumn?: CrmDataTableColumn;
+  specialRender?: Record<string, (row: any) => void>;
+  showPagination?: boolean;
+  excludeFieldIds?: string[]; // 规避某些字段的文字替换
+  permission?: string[]; // 表格勾选的权限
+  readonly?: boolean;
+  radio?: boolean; // 是否单选
+  hiddenTotal?: Ref<boolean>;
+  opportunityStage?: StageConfigItem[]; // 商机阶段筛选项
+  orderStage?: StageConfigItem[];
+  contractStage?: StageConfigItem[];
+  hiddenAllScreen?: boolean;
+  hiddenRefresh?: boolean;
+  enableApproval?: Ref<boolean>;
+  customFormId?: Ref<string | undefined>; // 自定义表单id
+}
+
+export default async function useFormCreateTable(props: FormCreateTableProps) {
+  const { t } = useI18n();
+  const userStore = useUserStore();
+  const { getFilterListConfig, customFieldsFilterConfig } = useFormCreateAdvanceFilter();
+  const { internalColumnMap, staticColumns, reasonOptions, noSorterType } = await useFormCreateSystemColumns(props);
+  const loading = ref(false);
+  const showPagination = props.showPagination ?? true;
+  const columns = ref<CrmDataTableColumn[]>([]);
+  const fieldList = ref<FormCreateField[]>([]);
+  const tableKeyMap = {
+    [FormDesignKeyEnum.CUSTOMER]: TableKeyEnum.CUSTOMER,
+    [FormDesignKeyEnum.CONTACT]: TableKeyEnum.CUSTOMER_CONTRACT,
+    [FormDesignKeyEnum.CUSTOMER_CONTACT]: TableKeyEnum.CUSTOMER_CONTRACT,
+    [FormDesignKeyEnum.BUSINESS_CONTACT]: TableKeyEnum.BUSINESS_CONTRACT,
+    [FormDesignKeyEnum.BUSINESS]: TableKeyEnum.BUSINESS,
+    [FormDesignKeyEnum.CLUE]: TableKeyEnum.CLUE,
+    [FormDesignKeyEnum.CLUE_POOL]: TableKeyEnum.CLUE_POOL,
+    [FormDesignKeyEnum.PRODUCT]: TableKeyEnum.PRODUCT,
+    [FormDesignKeyEnum.CUSTOMER_OPEN_SEA]: TableKeyEnum.CUSTOMER_OPEN_SEA,
+    [FormDesignKeyEnum.CUSTOMER_OPPORTUNITY]: TableKeyEnum.BUSINESS,
+    [FormDesignKeyEnum.CLUE_TRANSITION_CUSTOMER]: undefined,
+    [FormDesignKeyEnum.FOLLOW_PLAN]: TableKeyEnum.FOLLOW_PLAN,
+    [FormDesignKeyEnum.FOLLOW_RECORD]: TableKeyEnum.FOLLOW_RECORD,
+    [FormDesignKeyEnum.SEARCH_ADVANCED_CLUE]: TableKeyEnum.SEARCH_ADVANCED_CLUE,
+    [FormDesignKeyEnum.SEARCH_ADVANCED_CUSTOMER]: TableKeyEnum.SEARCH_ADVANCED_CUSTOMER,
+    [FormDesignKeyEnum.SEARCH_ADVANCED_CONTACT]: TableKeyEnum.SEARCH_ADVANCED_CONTACT,
+    [FormDesignKeyEnum.SEARCH_ADVANCED_PUBLIC]: TableKeyEnum.SEARCH_ADVANCED_PUBLIC,
+    [FormDesignKeyEnum.SEARCH_ADVANCED_CLUE_POOL]: TableKeyEnum.SEARCH_ADVANCED_CLUE_POOL,
+    [FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY]: TableKeyEnum.SEARCH_ADVANCED_OPPORTUNITY,
+    [FormDesignKeyEnum.OPPORTUNITY_QUOTATION]: TableKeyEnum.OPPORTUNITY_QUOTATION,
+    [FormDesignKeyEnum.CONTRACT]: TableKeyEnum.CONTRACT,
+    [FormDesignKeyEnum.CONTRACT_PAYMENT]: TableKeyEnum.CONTRACT_PAYMENT,
+    [FormDesignKeyEnum.CONTRACT_CONTRACT_PAYMENT]: TableKeyEnum.CONTRACT_PAYMENT,
+    [FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD]: TableKeyEnum.CONTRACT_PAYMENT_RECORD,
+    [FormDesignKeyEnum.PRICE]: TableKeyEnum.PRICE,
+    [FormDesignKeyEnum.INVOICE]: TableKeyEnum.INVOICE,
+    [FormDesignKeyEnum.CONTRACT_INVOICE]: TableKeyEnum.CONTRACT_INVOICE,
+    [FormDesignKeyEnum.ORDER]: TableKeyEnum.ORDER,
+    [FormDesignKeyEnum.CONTRACT_ORDER]: TableKeyEnum.CONTRACT_ORDER,
+    [FormDesignKeyEnum.CUSTOMER_ORDER]: TableKeyEnum.ORDER,
+    [FormDesignKeyEnum.CUSTOM_FORM]: TableKeyEnum.CUSTOM_FORM,
+  };
+  const noPaginationKey = [FormDesignKeyEnum.CUSTOMER_CONTACT];
+  // 存储地址类型字段集合
+  const addressFieldIds = ref<string[]>([]);
+  // 存储行业类型字段集合
+  const industryFieldIds = ref<string[]>([]);
+  // 业务字段集合
+  const businessFieldIds = ref<string[]>([]);
+  // 数据源字段集合
+  const dataSourceFieldIds = ref<string[]>([]);
+
+  const remoteFilterBusinessKey = ['products'];
+
+  function disableFilterAndSorter(cols: CrmDataTableColumn[]) {
+    return cols.map((c) => ({
+      ...c,
+      filter: false,
+      sorter: false,
+    })) as CrmDataTableColumn[];
+  }
+
+  function getFollowColumn(fields: FormCreateField[]): CrmDataTableColumn[] {
+    if (props.formKey === FormDesignKeyEnum.FOLLOW_PLAN || props.formKey === FormDesignKeyEnum.FOLLOW_RECORD) {
+      const customerField = fields.find((item) => item.businessKey === 'customerId');
+      const clueField = fields.find((item) => item.businessKey === 'clueId');
+
+      const baseColumns: CrmDataTableColumn[] = [
+        {
+          title: `${customerField?.name}/${clueField?.name}`,
+          width: 200,
+          key: 'name',
+          render: props.specialRender?.name,
+          fixed: 'left',
+          fieldId: (customerField ?? clueField)?.id,
+          filedType: (customerField ?? clueField)?.type,
+          columnSelectorDisabled: true,
+        },
+      ];
+
+      // FOLLOW_PLAN 才有状态列
+      if (props.formKey === FormDesignKeyEnum.FOLLOW_PLAN) {
+        baseColumns.push({
+          title: t('common.status'),
+          width: 120,
+          key: 'status',
+          render: props.specialRender?.status,
+        });
+      }
+
+      return baseColumns;
+    }
+
+    return [];
+  }
+
+  async function initFormConfig(_readOnly?: boolean, operationColumn?: CrmDataTableColumn) {
+    try {
+      const sorter = noPaginationKey.includes(props.formKey) ? 'default' : true;
+      loading.value = true;
+      let res: FormDesignConfigDetailParams | CustomFormDetail = {} as any;
+      if (props.formKey === FormDesignKeyEnum.CUSTOM_FORM) {
+        res = await getFormConfigApiMap[props.formKey](props.customFormId?.value);
+      } else {
+        res = await getFormConfigApiMap[props.formKey]();
+      }
+      fieldList.value = res.fields;
+
+      const isFollowModule = [FormDesignKeyEnum.FOLLOW_PLAN, FormDesignKeyEnum.FOLLOW_RECORD].includes(props.formKey);
+      columns.value = res.fields
+        .filter(
+          (e) =>
+            e.type !== FieldTypeEnum.DIVIDER &&
+            e.type !== FieldTypeEnum.TEXTAREA &&
+            e.type !== FieldTypeEnum.ATTACHMENT &&
+            e.type !== FieldTypeEnum.SUB_PRICE &&
+            e.type !== FieldTypeEnum.SUB_PRODUCT &&
+            !(
+              e.businessKey === 'owner' &&
+              [FormDesignKeyEnum.CLUE_POOL, FormDesignKeyEnum.CUSTOMER_OPEN_SEA].includes(props.formKey)
+            ) &&
+            e.readable &&
+            !(isFollowModule && ['clueId', 'customerId'].includes(e.businessKey as string))
+        )
+        .map((field) => {
+          let key = field.businessKey || field.id;
+          if (field.resourceFieldId) {
+            // 数据源引用字段用 id作为 key
+            key = field.id;
+          }
+          if (field.type === FieldTypeEnum.PICTURE) {
+            return {
+              title: field.name,
+              width: 200,
+              key,
+              fieldId: field.id,
+              filedType: FieldTypeEnum.PICTURE,
+              resourceFieldId: field.resourceFieldId,
+              render: (row: any) =>
+                h(
+                  'div',
+                  {
+                    class: 'flex items-center',
+                  },
+                  [
+                    h(
+                      NImageGroup,
+                      {},
+                      {
+                        default: () =>
+                          row[key]?.length
+                            ? (row[key] || []).map((_key: string) =>
+                                h(NImage, {
+                                  class: 'h-[40px] w-[40px] mr-[4px]',
+                                  src: `${PreviewPictureUrl}/${_key}?userId=${userStore.userInfo.id}`,
+                                })
+                              )
+                            : '-',
+                      }
+                    ),
+                  ]
+                ),
+            };
+          }
+          if (field.type === FieldTypeEnum.LOCATION) {
+            addressFieldIds.value.push(field.businessKey || field.id);
+          } else if (field.type === FieldTypeEnum.INDUSTRY) {
+            industryFieldIds.value.push(field.businessKey || field.id);
+          } else if (
+            [FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.DATA_SOURCE_MULTIPLE].includes(field.type) &&
+            !props.excludeFieldIds?.includes(field.businessKey || field.id)
+          ) {
+            dataSourceFieldIds.value.push(field.businessKey || field.id);
+          }
+          if (field.businessKey && !props.excludeFieldIds?.includes(field.businessKey)) {
+            businessFieldIds.value.push(field.businessKey);
+          }
+          if (
+            [FieldTypeEnum.RADIO, FieldTypeEnum.CHECKBOX, FieldTypeEnum.SELECT, FieldTypeEnum.SELECT_MULTIPLE].includes(
+              field.type
+            )
+          ) {
+            // 带筛选的列
+            return {
+              title: field.name,
+              width: 150,
+              key,
+              fieldId: field.id,
+              ellipsis: ![FieldTypeEnum.CHECKBOX, FieldTypeEnum.SELECT_MULTIPLE].includes(field.type)
+                ? {
+                    tooltip: true,
+                  }
+                : undefined,
+              isTag: field.type === FieldTypeEnum.CHECKBOX || field.type === FieldTypeEnum.SELECT_MULTIPLE,
+              filterOptions: field.options || field.initialOptions?.map((e: any) => ({ label: e.name, value: e.id })),
+              filter: !field.resourceFieldId,
+              sortOrder: false,
+              sorter: !noSorterType.includes(field.type) && !field.resourceFieldId,
+              filterMultipleValue: multipleValueTypeList.includes(field.type),
+              filedType: field.type,
+              resourceFieldId: field.resourceFieldId,
+            };
+          }
+          if (
+            field.businessKey === 'name' &&
+            ![FormDesignKeyEnum.CUSTOMER_CONTACT, FormDesignKeyEnum.BUSINESS_CONTACT].includes(props.formKey) &&
+            !field.resourceFieldId
+          ) {
+            return {
+              title: field.name,
+              width: 200,
+              key,
+              fieldId: field.id,
+              sortOrder: false,
+              sorter: sorter && !field.resourceFieldId,
+              fixed: 'left',
+              columnSelectorDisabled: true,
+              filedType: field.type,
+              render: props.specialRender?.[field.businessKey],
+              resourceFieldId: field.resourceFieldId,
+            };
+          }
+          if (field.businessKey === 'businessTitleId' && !field.resourceFieldId) {
+            return {
+              title: field.name,
+              width: 200,
+              key,
+              fieldId: field.id,
+              sortOrder: false,
+              sorter: sorter && !field.resourceFieldId,
+              filedType: field.type,
+              render: props.specialRender?.[field.businessKey],
+              resourceFieldId: field.resourceFieldId,
+            };
+          }
+          if (
+            !field.resourceFieldId &&
+            (field.businessKey === 'customerId' ||
+              ([
+                FormDesignKeyEnum.CONTRACT_PAYMENT,
+                FormDesignKeyEnum.CONTRACT_CONTRACT_PAYMENT,
+                FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD,
+                FormDesignKeyEnum.INVOICE,
+                FormDesignKeyEnum.CONTRACT_INVOICE,
+                FormDesignKeyEnum.ORDER,
+                FormDesignKeyEnum.CUSTOMER_ORDER,
+                FormDesignKeyEnum.CONTRACT_ORDER,
+              ].includes(props.formKey) &&
+                field.businessKey === 'contractId') ||
+              field.businessKey === 'paymentPlanId')
+          ) {
+            return {
+              title: field.name,
+              width: 200,
+              key,
+              fieldId: field.id,
+              sortOrder: false,
+              sorter: sorter && !field.resourceFieldId,
+              filedType: field.type,
+              render: props.specialRender?.[field.businessKey],
+              resourceFieldId: field.resourceFieldId,
+            };
+          }
+
+          if (isFollowModule && field.businessKey === 'opportunityId') {
+            return {
+              title: field.name,
+              width: 200,
+              key,
+              fieldId: field.id,
+              sortOrder: false,
+              sorter: sorter && !field.resourceFieldId,
+              filedType: field.type,
+              ellipsis: {
+                tooltip: true,
+              },
+              render: (row: any) => row.opportunityName ?? '-',
+              resourceFieldId: field.resourceFieldId,
+            };
+          }
+
+          if (
+            [FormDesignKeyEnum.OPPORTUNITY_QUOTATION].includes(props.formKey) &&
+            field.businessKey === 'opportunityId'
+          ) {
+            return {
+              title: field.name,
+              width: 200,
+              key,
+              fieldId: field.id,
+              sortOrder: false,
+              sorter: sorter && !field.resourceFieldId,
+              filedType: field.type,
+              ellipsis: {
+                tooltip: true,
+              },
+              render: props.specialRender?.[field.businessKey],
+              resourceFieldId: field.resourceFieldId,
+            };
+          }
+
+          if (field.businessKey === 'owner' && !field.resourceFieldId) {
+            return {
+              title: field.name,
+              width: 200,
+              key,
+              fieldId: field.id,
+              sortOrder: false,
+              sorter,
+              ellipsis: {
+                tooltip: true,
+              },
+              filedType: field.type,
+              render: (row: any) => row.ownerName || '-',
+              resourceFieldId: field.resourceFieldId,
+            };
+          }
+
+          if (field.businessKey === 'contactId') {
+            return {
+              title: field.name,
+              width: 200,
+              key,
+              fieldId: field.id,
+              sortOrder: false,
+              sorter: sorter && !field.resourceFieldId,
+              ellipsis: {
+                tooltip: true,
+              },
+              filedType: field.type,
+              render: (row: any) => row.contactName || '-',
+              resourceFieldId: field.resourceFieldId,
+            };
+          }
+
+          if (
+            field.businessKey &&
+            remoteFilterBusinessKey.includes(field.businessKey) &&
+            props.formKey === FormDesignKeyEnum.BUSINESS
+          ) {
+            return {
+              title: field.name,
+              width: 150,
+              key,
+              fieldId: field.id,
+              isTag: true,
+              filter: !field.resourceFieldId,
+              filterOptions: [],
+              remoteFilterApiKey: field.businessKey,
+              filedType: field.type,
+              resourceFieldId: field.resourceFieldId,
+            };
+          }
+
+          if (
+            [
+              FieldTypeEnum.DATA_SOURCE_MULTIPLE,
+              FieldTypeEnum.MEMBER_MULTIPLE,
+              FieldTypeEnum.DEPARTMENT_MULTIPLE,
+            ].includes(field.type) ||
+            field.type === FieldTypeEnum.INPUT_MULTIPLE
+          ) {
+            return {
+              title: field.name,
+              width: 150,
+              key,
+              fieldId: field.id,
+              isTag: true,
+              filedType: field.type,
+              resourceFieldId: field.resourceFieldId,
+            };
+          }
+          if (field.type === FieldTypeEnum.DATE_TIME) {
+            return {
+              title: field.name,
+              width: 180,
+              key,
+              fieldId: field.id,
+              ellipsis: {
+                tooltip: true,
+              },
+              render: (row: any) => row[key] ?? '-',
+              sortOrder: false,
+              sorter: sorter && !field.resourceFieldId,
+              filedType: field.type,
+              resourceFieldId: field.resourceFieldId,
+            };
+          }
+          if (field.type === FieldTypeEnum.INPUT_NUMBER) {
+            return {
+              title: field.name,
+              width: 150,
+              key,
+              fieldId: field.id,
+              render: (row: any) => formatNumberValueToString(row[key], field),
+              sortOrder: false,
+              sorter: sorter && !field.resourceFieldId,
+              filedType: field.type,
+              resourceFieldId: field.resourceFieldId,
+            };
+          }
+          if ([FieldTypeEnum.MEMBER, FieldTypeEnum.DEPARTMENT].includes(field.type)) {
+            return {
+              title: field.name,
+              width: 150,
+              key,
+              fieldId: field.id,
+              ellipsis: {
+                tooltip: true,
+              },
+              sortOrder: false,
+              sorter: !noSorterType.includes(field.type) && !field.resourceFieldId,
+              filedType: field.type,
+              resourceFieldId: field.resourceFieldId,
+            };
+          }
+          return {
+            title: field.name,
+            width: 150,
+            key,
+            fieldId: field.id,
+            ellipsis: {
+              tooltip: true,
+            },
+            sortOrder: false,
+            sorter: !noSorterType.includes(field.type) && !field.resourceFieldId ? sorter : false,
+            filedType: field.type,
+            resourceFieldId: field.resourceFieldId,
+          };
+        });
+
+      columns.value = [
+        ...getFollowColumn(res.fields),
+        ...columns.value,
+        ...(internalColumnMap[props.formKey] || []),
+        ...staticColumns,
+      ];
+      if (isFollowModule) {
+        columns.value = disableFilterAndSorter(columns.value);
+      }
+      if (
+        !_readOnly &&
+        !props.readonly &&
+        ![FormDesignKeyEnum.FOLLOW_PLAN, FormDesignKeyEnum.FOLLOW_RECORD].includes(props.formKey)
+      ) {
+        columns.value.unshift({
+          type: 'selection',
+          fixed: 'left',
+          width: 46,
+          multiple: !props.radio,
+          disabled(row) {
+            return props.disabledSelection ? props.disabledSelection(row) : false;
+          },
+          ...(props.formKey === FormDesignKeyEnum.CLUE
+            ? {
+                selectTooltip: {
+                  showTooltip(row) {
+                    return props.disabledSelection ? props.disabledSelection(row) : false;
+                  },
+                  tooltipText: t('clue.disabledTooltipText'),
+                },
+              }
+            : {}),
+        });
+      }
+      columns.value.unshift({
+        fixed: 'left',
+        title: t('crmTable.order'),
+        width: 50,
+        key: SpecialColumnEnum.ORDER,
+        resizable: false,
+        columnSelectorDisabled: true,
+        render: (row: any, rowIndex: number) => rowIndex + 1,
+      });
+      if (!_readOnly && !props.readonly && operationColumn) {
+        columns.value.push(operationColumn);
+      } else if (!_readOnly && !props.readonly && props.operationColumn) {
+        columns.value.push(props.operationColumn);
+      }
+      customFieldsFilterConfig.value = getFilterListConfig(res);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  await initFormConfig();
+
+  const useTableRes = useTable(
+    getFormListApiMap[props.formKey],
+    {
+      tableKey:
+        props.formKey === FormDesignKeyEnum.CUSTOM_FORM ? props.customFormId?.value : tableKeyMap[props.formKey],
+      showSetting: !!tableKeyMap[props.formKey],
+      showPagination,
+      columns: columns.value,
+      permission: props.permission,
+      // virtualScrollX: props.formKey !== FormDesignKeyEnum.PRODUCT, // TODO:横向滚动有问题
+      containerClass: props.containerClass,
+      hiddenTotal: props.hiddenTotal,
+      hiddenAllScreen: props.hiddenAllScreen,
+      hiddenRefresh: props.hiddenRefresh,
+    },
+    (item, originalData) => {
+      return transformData({
+        item,
+        originalData,
+        fields: fieldList.value,
+        excludeFieldIds: props.excludeFieldIds,
+      });
+    }
+  );
+
+  return {
+    loading,
+    useTableRes,
+    customFieldsFilterConfig,
+    reasonOptions,
+    fieldList,
+    initFormConfig,
+    columns,
+  };
+}
diff --git a/frontend/packages/web/src/hooks/useFormReviewAction.ts b/frontend/packages/web/src/hooks/useFormReviewAction.ts
new file mode 100644
index 0000000..41a4f99
--- /dev/null
+++ b/frontend/packages/web/src/hooks/useFormReviewAction.ts
@@ -0,0 +1,207 @@
+import { computed, type Ref, ref } from 'vue';
+
+import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+import { ProcessStatusEnum } from '@lib/shared/enums/process';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+import { getApprovalConfigDetail } from '@/api/modules';
+import { useUserStore } from '@/store';
+
+export interface FormReviewAction {
+  visible: boolean;
+  text: string;
+}
+
+export interface GetFormReviewActionParams {
+  enabledApproval: boolean;
+  isEdit: boolean;
+  approvalStatus?: ProcessStatusEnum;
+  canReview: boolean;
+  createExecute: boolean;
+  updateExecute: boolean;
+}
+
+interface UseFormReviewActionOptions {
+  formKey: Ref<FormDesignKeyEnum>;
+  isEdit: Ref<boolean | undefined>;
+  approvalStatus: Ref<ProcessStatusEnum | undefined>;
+  detail?: Ref<Record<string, any> | undefined>;
+}
+
+interface ApprovalReviewConfig {
+  enable: boolean;
+  createExecute: boolean;
+  updateExecute: boolean;
+}
+
+const approvalReviewConfigCache = new Map<FormDesignKeyEnum, ApprovalReviewConfig>();
+const approvalReviewConfigPendingMap = new Map<FormDesignKeyEnum, Promise<ApprovalReviewConfig>>();
+
+export function clearApprovalReviewConfigCache(formKey?: FormDesignKeyEnum | string) {
+  if (formKey) {
+    approvalReviewConfigCache.delete(formKey as FormDesignKeyEnum);
+    approvalReviewConfigPendingMap.delete(formKey as FormDesignKeyEnum);
+    return;
+  }
+
+  approvalReviewConfigCache.clear();
+  approvalReviewConfigPendingMap.clear();
+}
+
+export default function useFormReviewAction(options: UseFormReviewActionOptions) {
+  const { t } = useI18n();
+  const userStore = useUserStore();
+  const hiddenAction: FormReviewAction = {
+    visible: false,
+    text: '',
+  };
+  const enabledApproval = ref(false);
+  const createExecute = ref(false);
+  const updateExecute = ref(false);
+  const approvalFormKeys = [
+    FormDesignKeyEnum.OPPORTUNITY_QUOTATION,
+    FormDesignKeyEnum.CONTRACT,
+    FormDesignKeyEnum.ORDER,
+    FormDesignKeyEnum.INVOICE,
+  ];
+
+  function canShowByExecuteTiming(params: GetFormReviewActionParams) {
+    if (!params.enabledApproval) {
+      return false;
+    }
+
+    return params.isEdit ? params.updateExecute : params.createExecute;
+  }
+
+  function canShowByIdentity(params: GetFormReviewActionParams) {
+    return !params.isEdit || params.canReview;
+  }
+
+  function getReviewActionTextByStatus(params: GetFormReviewActionParams) {
+    const approvalStatus = params.approvalStatus ?? ProcessStatusEnum.NONE;
+
+    if (!params.isEdit || [ProcessStatusEnum.NONE, ProcessStatusEnum.PENDING].includes(approvalStatus)) {
+      return t('common.review');
+    }
+
+    if ([ProcessStatusEnum.REVOKED, ProcessStatusEnum.UNAPPROVED].includes(approvalStatus)) {
+      return t('common.resubmit');
+    }
+
+    return '';
+  }
+
+  function getFormReviewAction(params: GetFormReviewActionParams): FormReviewAction {
+    if (!canShowByExecuteTiming(params)) {
+      return hiddenAction;
+    }
+
+    if (!canShowByIdentity(params)) {
+      return hiddenAction;
+    }
+
+    const text = getReviewActionTextByStatus(params);
+
+    if (!text) {
+      return hiddenAction;
+    }
+
+    return {
+      visible: true,
+      text,
+    };
+  }
+
+  async function loadApprovalReviewConfig(formKey: FormDesignKeyEnum) {
+    const cachedConfig = approvalReviewConfigCache.get(formKey);
+
+    if (cachedConfig) {
+      return cachedConfig;
+    }
+
+    const pendingConfig = approvalReviewConfigPendingMap.get(formKey);
+
+    if (pendingConfig) {
+      return pendingConfig;
+    }
+
+    const request = getApprovalConfigDetail(formKey)
+      .then((result) => {
+        const config: ApprovalReviewConfig = {
+          enable: Boolean(result?.enable),
+          createExecute: Boolean(result?.createExecute),
+          updateExecute: Boolean(result?.updateExecute),
+        };
+
+        approvalReviewConfigCache.set(formKey, config);
+        return config;
+      })
+      .finally(() => {
+        approvalReviewConfigPendingMap.delete(formKey);
+      });
+
+    approvalReviewConfigPendingMap.set(formKey, request);
+
+    return request;
+  }
+
+  const isApprovalForm = computed(() => approvalFormKeys.includes(options.formKey.value));
+
+  const reviewAction = computed(() =>
+    getFormReviewAction({
+      enabledApproval: enabledApproval.value && isApprovalForm.value,
+      isEdit: Boolean(options.isEdit.value),
+      approvalStatus: options.isEdit.value
+        ? options.approvalStatus.value
+        : options.approvalStatus.value ?? ProcessStatusEnum.PENDING,
+      canReview:
+        !options.isEdit.value ||
+        options.detail?.value?.createUser === userStore.userInfo.id ||
+        options.detail?.value?.owner === userStore.userInfo.id,
+      createExecute: createExecute.value,
+      updateExecute: updateExecute.value,
+    })
+  );
+
+  const shouldConfirmUpdateChange = computed(
+    () =>
+      isApprovalForm.value &&
+      enabledApproval.value &&
+      updateExecute.value &&
+      Boolean(options.isEdit.value) &&
+      Boolean(options.detail?.value?.approved)
+  );
+
+  async function initApprovalReviewConfig() {
+    if (!isApprovalForm.value) {
+      enabledApproval.value = false;
+      createExecute.value = false;
+      updateExecute.value = false;
+      return;
+    }
+
+    try {
+      const result = await loadApprovalReviewConfig(options.formKey.value);
+      enabledApproval.value = Boolean(result?.enable);
+      createExecute.value = Boolean(result?.createExecute);
+      updateExecute.value = Boolean(result?.updateExecute);
+    } catch (error) {
+      enabledApproval.value = false;
+      createExecute.value = false;
+      updateExecute.value = false;
+      // eslint-disable-next-line no-console
+      console.error(error);
+    }
+  }
+
+  return {
+    enabledApproval,
+    createExecute,
+    updateExecute,
+    isApprovalForm,
+    shouldConfirmUpdateChange,
+    getFormReviewAction,
+    reviewAction,
+    initApprovalReviewConfig,
+  };
+}
diff --git a/frontend/packages/web/src/hooks/useFullScreen.ts b/frontend/packages/web/src/hooks/useFullScreen.ts
new file mode 100644
index 0000000..fd1fae9
--- /dev/null
+++ b/frontend/packages/web/src/hooks/useFullScreen.ts
@@ -0,0 +1,90 @@
+import { mergeStyles } from '@lib/shared/method/dom';
+
+export interface UseFullScreen {
+  isFullScreen: Ref<boolean>;
+  toggleFullScreen: () => void;
+  exitFullscreen: () => void;
+}
+
+/**
+ * 全屏 hook
+ * @param domRef dom ref
+ */
+export default function useFullScreen(
+  domRef: Ref<HTMLElement | Element | null | undefined> | HTMLElement | Element | null | undefined,
+  disabledShortcutKeys = false
+): UseFullScreen {
+  const isFullScreen = ref(false);
+  const originalStyle = ref('');
+  const lastKeyPressTime = ref(0);
+  const keyPressTimeout = ref<NodeJS.Timeout>();
+
+  function enterFullScreen() {
+    const dom = unref(domRef);
+    if (dom) {
+      originalStyle.value = dom.getAttribute('style') || '';
+      mergeStyles(
+        dom,
+        'position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; width: 100%; height: 100%;'
+      );
+      isFullScreen.value = true;
+    }
+  }
+
+  function exitFullscreen() {
+    const dom = unref(domRef);
+    if (dom) {
+      dom.setAttribute('style', originalStyle.value);
+      isFullScreen.value = false;
+    }
+  }
+
+  function toggleFullScreen() {
+    if (isFullScreen.value) {
+      exitFullscreen();
+    } else {
+      enterFullScreen();
+    }
+  }
+  // 快捷键全屏和退出
+  function handleKeyDown(event: KeyboardEvent) {
+    // 检查是否是 Command/Ctrl + E
+    if ((event.metaKey || event.ctrlKey) && event.key === 'e') {
+      event.preventDefault();
+      const now = Date.now();
+      if (keyPressTimeout.value) {
+        clearTimeout(keyPressTimeout.value);
+      }
+      if (now - lastKeyPressTime.value < 500) {
+        exitFullscreen();
+      } else {
+        toggleFullScreen();
+      }
+      lastKeyPressTime.value = now;
+      keyPressTimeout.value = setTimeout(() => {
+        lastKeyPressTime.value = 0;
+      }, 500);
+    }
+  }
+
+  // 添加键盘事件监听
+  onMounted(() => {
+    if (!disabledShortcutKeys) {
+      window.addEventListener('keydown', handleKeyDown);
+    }
+  });
+
+  // 移除键盘事件监听
+  onUnmounted(() => {
+    window.removeEventListener('keydown', handleKeyDown);
+    if (keyPressTimeout.value) {
+      clearTimeout(keyPressTimeout.value);
+    }
+  });
+
+  return {
+    isFullScreen,
+    toggleFullScreen,
+    exitFullscreen,
+  };
+}
diff --git a/frontend/packages/web/src/hooks/useHiddenTab.ts b/frontend/packages/web/src/hooks/useHiddenTab.ts
new file mode 100644
index 0000000..282ef05
--- /dev/null
+++ b/frontend/packages/web/src/hooks/useHiddenTab.ts
@@ -0,0 +1,278 @@
+import { TabPaneProps } from 'naive-ui';
+
+import { CustomerSearchTypeEnum } from '@lib/shared/enums/customerEnum';
+import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+import { OpportunitySearchTypeEnum } from '@lib/shared/enums/opportunityEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+import type { CustomerTabHidden } from '@lib/shared/models/customer';
+
+import {
+  getClueTab,
+  getContractTab,
+  getCustomerContactTab,
+  getCustomerTab,
+  getFollowPlanTab,
+  getFollowRecordTab,
+  getInvoicedTab,
+  getOptTab,
+  getOrderTab,
+  getPaymentPlanTab,
+  getPaymentRecordTab,
+  getQuotationTab,
+} from '@/api/modules';
+
+export type TabType =
+  | FormDesignKeyEnum.CUSTOMER
+  | FormDesignKeyEnum.BUSINESS
+  | FormDesignKeyEnum.CLUE
+  | FormDesignKeyEnum.CLUE_POOL
+  | FormDesignKeyEnum.CUSTOMER_OPEN_SEA
+  | FormDesignKeyEnum.CONTACT
+  | FormDesignKeyEnum.FOLLOW_PLAN
+  | FormDesignKeyEnum.FOLLOW_RECORD
+  | FormDesignKeyEnum.CONTRACT
+  | FormDesignKeyEnum.CONTRACT_PAYMENT
+  | FormDesignKeyEnum.OPPORTUNITY_QUOTATION
+  | FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD
+  | FormDesignKeyEnum.INVOICE
+  | FormDesignKeyEnum.ORDER;
+export default function useHiddenTab(type?: TabType) {
+  const { t } = useI18n();
+
+  const tabApiMap: Record<
+    Exclude<TabType, FormDesignKeyEnum.CLUE_POOL | FormDesignKeyEnum.CUSTOMER_OPEN_SEA>,
+    () => Promise<CustomerTabHidden>
+  > = {
+    [FormDesignKeyEnum.CUSTOMER]: getCustomerTab,
+    [FormDesignKeyEnum.CONTACT]: getCustomerContactTab,
+    [FormDesignKeyEnum.BUSINESS]: getOptTab,
+    [FormDesignKeyEnum.CLUE]: getClueTab,
+    [FormDesignKeyEnum.FOLLOW_PLAN]: getFollowPlanTab,
+    [FormDesignKeyEnum.FOLLOW_RECORD]: getFollowRecordTab,
+    [FormDesignKeyEnum.CONTRACT]: getContractTab,
+    [FormDesignKeyEnum.CONTRACT_PAYMENT]: getPaymentPlanTab,
+    [FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD]: getPaymentRecordTab,
+    [FormDesignKeyEnum.OPPORTUNITY_QUOTATION]: getQuotationTab,
+    [FormDesignKeyEnum.INVOICE]: getInvoicedTab,
+    [FormDesignKeyEnum.ORDER]: getOrderTab,
+  };
+
+  const allClueTabList: TabPaneProps[] = [
+    {
+      name: CustomerSearchTypeEnum.ALL,
+      tab: t('clue.allClues'),
+    },
+    {
+      name: CustomerSearchTypeEnum.SELF,
+      tab: t('clue.myClues'),
+    },
+    {
+      name: CustomerSearchTypeEnum.DEPARTMENT,
+      tab: t('clue.departmentClues'),
+    },
+  ];
+
+  const allContactTabList: TabPaneProps[] = [
+    {
+      name: CustomerSearchTypeEnum.ALL,
+      tab: t('customer.contacts.all'),
+    },
+    {
+      name: CustomerSearchTypeEnum.SELF,
+      tab: t('customer.contacts.mine'),
+    },
+    {
+      name: CustomerSearchTypeEnum.DEPARTMENT,
+      tab: t('customer.contacts.department'),
+    },
+  ];
+
+  const allCustomerTabList: TabPaneProps[] = [
+    {
+      name: CustomerSearchTypeEnum.ALL,
+      tab: t('customer.all'),
+    },
+    {
+      name: CustomerSearchTypeEnum.SELF,
+      tab: t('customer.mine'),
+    },
+    {
+      name: CustomerSearchTypeEnum.DEPARTMENT,
+      tab: t('customer.deptCustomer'),
+    },
+    {
+      name: CustomerSearchTypeEnum.CUSTOMER_COLLABORATION,
+      tab: t('customer.cooperationCustomer'),
+    },
+  ];
+
+  const allOpportunityTabList: TabPaneProps[] = [
+    {
+      name: OpportunitySearchTypeEnum.ALL,
+      tab: t('opportunity.allOpportunities'),
+    },
+    {
+      name: OpportunitySearchTypeEnum.SELF,
+      tab: t('opportunity.myOpportunities'),
+    },
+    {
+      name: OpportunitySearchTypeEnum.DEPARTMENT,
+      tab: t('opportunity.departmentOpportunities'),
+    },
+    {
+      name: OpportunitySearchTypeEnum.OPPORTUNITY_SUCCESS,
+      tab: t('opportunity.convertedOpportunities'),
+    },
+  ];
+
+  const allLeadPoolTabList: TabPaneProps[] = [
+    {
+      name: CustomerSearchTypeEnum.ALL,
+      tab: t('clue.allClues'),
+    },
+  ];
+
+  const allAccountPoolTabList: TabPaneProps[] = [
+    {
+      name: CustomerSearchTypeEnum.ALL,
+      tab: t('customer.all'),
+    },
+  ];
+
+  const allPlanTabList: TabPaneProps[] = [
+    {
+      name: OpportunitySearchTypeEnum.ALL,
+      tab: t('eventDrawer.plan.all'),
+    },
+    {
+      name: OpportunitySearchTypeEnum.SELF,
+      tab: t('system.personal.plan'),
+    },
+    {
+      name: OpportunitySearchTypeEnum.DEPARTMENT,
+      tab: t('eventDrawer.plan.depart'),
+    },
+  ];
+
+  const allRecordTabList: TabPaneProps[] = [
+    {
+      name: OpportunitySearchTypeEnum.ALL,
+      tab: t('eventDrawer.record.all'),
+    },
+    {
+      name: OpportunitySearchTypeEnum.SELF,
+      tab: t('eventDrawer.record.my'),
+    },
+    {
+      name: OpportunitySearchTypeEnum.DEPARTMENT,
+      tab: t('eventDrawer.record.depart'),
+    },
+  ];
+
+  const allContractTabList: TabPaneProps[] = [
+    {
+      name: OpportunitySearchTypeEnum.ALL,
+      tab: t('contract.all'),
+    },
+    {
+      name: OpportunitySearchTypeEnum.SELF,
+      tab: t('contract.my'),
+    },
+    {
+      name: OpportunitySearchTypeEnum.DEPARTMENT,
+      tab: t('contract.depart'),
+    },
+  ];
+
+  const allQuotationTabList: TabPaneProps[] = [
+    {
+      name: OpportunitySearchTypeEnum.ALL,
+      tab: t('opportunity.quotation.all'),
+    },
+    {
+      name: CustomerSearchTypeEnum.DEPARTMENT,
+      tab: t('opportunity.quotation.department'),
+    },
+    {
+      name: CustomerSearchTypeEnum.SELF,
+      tab: t('opportunity.quotation.my'),
+    },
+  ];
+
+  const allInvoiceTabList: TabPaneProps[] = [
+    {
+      name: OpportunitySearchTypeEnum.ALL,
+      tab: t('invoice.all'),
+    },
+    {
+      name: OpportunitySearchTypeEnum.SELF,
+      tab: t('invoice.my'),
+    },
+    {
+      name: OpportunitySearchTypeEnum.DEPARTMENT,
+      tab: t('invoice.depart'),
+    },
+  ];
+
+  const allOrderTabList: TabPaneProps[] = [
+    {
+      name: OpportunitySearchTypeEnum.ALL,
+      tab: t('order.all'),
+    },
+    {
+      name: OpportunitySearchTypeEnum.SELF,
+      tab: t('order.my'),
+    },
+    {
+      name: OpportunitySearchTypeEnum.DEPARTMENT,
+      tab: t('order.depart'),
+    },
+  ];
+
+  const tabListMap: Record<TabType, TabPaneProps[]> = {
+    [FormDesignKeyEnum.CUSTOMER]: allCustomerTabList,
+    [FormDesignKeyEnum.CONTACT]: allContactTabList,
+    [FormDesignKeyEnum.BUSINESS]: allOpportunityTabList,
+    [FormDesignKeyEnum.CLUE]: allClueTabList,
+    [FormDesignKeyEnum.CLUE_POOL]: allLeadPoolTabList,
+    [FormDesignKeyEnum.CUSTOMER_OPEN_SEA]: allAccountPoolTabList,
+    [FormDesignKeyEnum.FOLLOW_PLAN]: allPlanTabList,
+    [FormDesignKeyEnum.FOLLOW_RECORD]: allRecordTabList,
+    [FormDesignKeyEnum.CONTRACT]: allContractTabList,
+    [FormDesignKeyEnum.CONTRACT_PAYMENT]: allPlanTabList,
+    [FormDesignKeyEnum.OPPORTUNITY_QUOTATION]: allQuotationTabList,
+    [FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD]: allRecordTabList,
+    [FormDesignKeyEnum.INVOICE]: allInvoiceTabList,
+    [FormDesignKeyEnum.ORDER]: allOrderTabList,
+  };
+
+  const tabList = ref<TabPaneProps[]>([]);
+
+  async function initTab() {
+    try {
+      if (!type) return;
+
+      const typeValue = type as keyof typeof tabApiMap;
+      const tabApi = tabApiMap[typeValue];
+      if (tabApi) {
+        const result = await tabApi();
+        const { all, dept } = result;
+        tabList.value = tabListMap[typeValue].filter((e) => {
+          if (e.name === 'ALL') return !!all;
+          if (e.name === 'DEPARTMENT') return !!dept;
+          return true;
+        }) as TabPaneProps[];
+      } else {
+        tabList.value = tabListMap[type];
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  return {
+    tabList,
+    initTab,
+  };
+}
diff --git a/frontend/packages/web/src/hooks/useHorizontalScrollArrows.ts b/frontend/packages/web/src/hooks/useHorizontalScrollArrows.ts
new file mode 100644
index 0000000..828036e
--- /dev/null
+++ b/frontend/packages/web/src/hooks/useHorizontalScrollArrows.ts
@@ -0,0 +1,48 @@
+import { nextTick, onMounted, onUnmounted, type Ref, ref } from 'vue';
+
+export default function useHorizontalScrollArrows(containerRef: Ref<HTMLElement | null>) {
+  const showArrows = ref(false);
+  const canScrollLeft = ref(false);
+  const canScrollRight = ref(false);
+
+  const updateScrollStatus = () => {
+    const el = containerRef.value;
+    if (!el) return;
+
+    const { scrollLeft, scrollWidth, clientWidth } = el;
+
+    showArrows.value = scrollWidth > clientWidth;
+    canScrollLeft.value = scrollLeft > 0;
+    canScrollRight.value = scrollLeft + clientWidth < scrollWidth - 1;
+  };
+
+  const scrollLeft = () => {
+    containerRef.value?.scrollBy({ left: -400, behavior: 'smooth' });
+  };
+
+  const scrollRight = () => {
+    containerRef.value?.scrollBy({ left: 400, behavior: 'smooth' });
+  };
+
+  onMounted(() => {
+    nextTick(() => {
+      updateScrollStatus();
+      containerRef.value?.addEventListener('scroll', updateScrollStatus);
+    });
+    window.addEventListener('resize', updateScrollStatus);
+  });
+
+  onUnmounted(() => {
+    containerRef.value?.removeEventListener('scroll', updateScrollStatus);
+    window.removeEventListener('resize', updateScrollStatus);
+  });
+
+  return {
+    showArrows,
+    canScrollLeft,
+    canScrollRight,
+    scrollLeft,
+    scrollRight,
+    updateScrollStatus,
+  };
+}
diff --git a/frontend/packages/web/src/hooks/useLeaveUnSaveTip.ts b/frontend/packages/web/src/hooks/useLeaveUnSaveTip.ts
new file mode 100644
index 0000000..8632b1a
--- /dev/null
+++ b/frontend/packages/web/src/hooks/useLeaveUnSaveTip.ts
@@ -0,0 +1,76 @@
+import { type NavigationGuardNext, onBeforeRouteLeave } from 'vue-router';
+
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+import useModal, { type DialogType } from '@/hooks/useModal';
+import useAppStore from '@/store/modules/app';
+
+export interface LeaveProps {
+  leaveTitle: string;
+  leaveContent: string;
+  tipType: DialogType;
+}
+
+const leaveProps: LeaveProps = {
+  leaveTitle: 'common.unSaveLeaveTitle',
+  leaveContent: 'common.unSaveLeaveContent',
+  tipType: 'warning',
+};
+
+// 离开页面确认提示
+export default function useLeaveUnSaveTip(leaveProp = leaveProps) {
+  const appStore = useAppStore();
+  const { openModal } = useModal();
+  const { t } = useI18n();
+  const { leaveTitle, leaveContent, tipType } = leaveProp;
+
+  const isSave = ref(true);
+
+  const setIsSave = (flag: boolean) => {
+    isSave.value = flag;
+  };
+
+  function openUnsavedTip(next: NavigationGuardNext | (() => void)) {
+    openModal({
+      type: tipType,
+      title: t(leaveTitle),
+      content: t(leaveContent),
+      positiveText: t('common.leave'),
+      negativeText: t('common.stay'),
+      okButtonProps: {
+        status: 'normal',
+      },
+      onPositiveClick: async () => {
+        isSave.value = true;
+        next();
+      },
+      hideCancel: false,
+    });
+  }
+
+  onBeforeRouteLeave((to, from, next) => {
+    if (to.path === from.path) {
+      next();
+      return;
+    }
+
+    if (!isSave.value) {
+      openUnsavedTip(next);
+      appStore.setRestoreMenuTimeStamp(Date.now());
+    } else {
+      next();
+    }
+  });
+
+  // 页面有变更时，关闭或刷新页面弹出浏览器的保存提示
+  window.onbeforeunload = () => {
+    if (!isSave.value) {
+      return '';
+    }
+  };
+  return {
+    setIsSave,
+    openUnsavedTip,
+    isSave,
+  };
+}
diff --git a/frontend/packages/web/src/hooks/useLegacyCopy.ts b/frontend/packages/web/src/hooks/useLegacyCopy.ts
new file mode 100644
index 0000000..73b2e46
--- /dev/null
+++ b/frontend/packages/web/src/hooks/useLegacyCopy.ts
@@ -0,0 +1,63 @@
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+import useDiscreteApi from './useDiscreteApi';
+
+export default function useLegacyCopy(containerClass?: string) {
+  const { message } = useDiscreteApi();
+  const { t } = useI18n();
+
+  async function legacyCopy(val: string) {
+    const fallbackCopy = () => {
+      const textarea = document.createElement('textarea');
+      textarea.value = val;
+      // 不设置 readonly，某些浏览器 readonly 元素选区有问题
+      textarea.style.pointerEvents = 'none';
+      if (containerClass) {
+        document.querySelector(containerClass)?.appendChild(textarea);
+      } else {
+        document.body.appendChild(textarea);
+      }
+
+      // 先聚焦，再选中，再设置选区范围
+      textarea.focus();
+      textarea.select();
+      textarea.setSelectionRange(0, textarea.value.length);
+
+      let ok = false;
+      try {
+        ok = document.execCommand('copy');
+      } catch (_) {
+        ok = false;
+      } finally {
+        if (containerClass) {
+          document.querySelector(containerClass)?.removeChild(textarea);
+        } else {
+          document.body.removeChild(textarea);
+        }
+      }
+      return ok;
+    };
+
+    // 优先现代 API，失败再回退
+    if (navigator.clipboard?.writeText) {
+      try {
+        await navigator.clipboard.writeText(val);
+        message.success(t('common.copySuccess'));
+        return;
+      } catch (_) {
+        /* fall through */
+      }
+    }
+
+    const copied = fallbackCopy();
+    if (copied) {
+      message.success(t('common.copySuccess'));
+    } else {
+      message.warning(t('common.copyNotSupport'));
+    }
+  }
+
+  return {
+    legacyCopy,
+  };
+}
diff --git a/frontend/packages/web/src/hooks/useLoading.ts b/frontend/packages/web/src/hooks/useLoading.ts
new file mode 100644
index 0000000..6a113a4
--- /dev/null
+++ b/frontend/packages/web/src/hooks/useLoading.ts
@@ -0,0 +1,21 @@
+import { ref } from 'vue';
+
+/**
+ * loading显示隐藏
+ * @param initValue 初始化值
+ * @returns 调用方法
+ */
+export default function useLoading(initValue = false) {
+  const loading = ref(initValue);
+  const setLoading = (value: boolean) => {
+    loading.value = value;
+  };
+  const toggle = () => {
+    loading.value = !loading.value;
+  };
+  return {
+    loading,
+    setLoading,
+    toggle,
+  };
+}
diff --git a/frontend/packages/web/src/hooks/useLocalForage.ts b/frontend/packages/web/src/hooks/useLocalForage.ts
new file mode 100644
index 0000000..b597665
--- /dev/null
+++ b/frontend/packages/web/src/hooks/useLocalForage.ts
@@ -0,0 +1,105 @@
+import localforage from 'localforage';
+
+export default function useLocalForage() {
+  /**
+   * 检测并序列化函数
+   * @param val 要存储的值
+   */
+  const serializeValue = (val: any): any => {
+    if (typeof val === 'function') {
+      return `function:${val.toString()}`;
+    }
+    if (val && typeof val === 'object' && !Array.isArray(val)) {
+      const newVal = { ...val };
+      Object.keys(newVal).forEach((key) => {
+        newVal[key] = serializeValue(newVal[key]);
+      });
+      return newVal;
+    }
+    if (Array.isArray(val)) {
+      return val.map((item) => serializeValue(item));
+    }
+    return val;
+  };
+
+  /* eslint-disable no-new-func */
+  const deserializeFunction = (funcStr: string) => {
+    try {
+      if (!funcStr.trim().startsWith('function') && !funcStr.trim().startsWith('(')) {
+        funcStr = `function ${funcStr}`;
+      }
+      const func = new Function(`return (${funcStr})`)();
+      return func;
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.error(e);
+      return null;
+    }
+  };
+
+  /**
+   * 反序列化值，将特殊格式字符串转换回函数
+   * @param val 从存储中读取的值
+   */
+  const deserializeValue = <T>(val: any): T | null => {
+    if (typeof val === 'string' && val.startsWith('function:')) {
+      return deserializeFunction(val.slice(9)) as T;
+    }
+    if (val && typeof val === 'object' && !Array.isArray(val)) {
+      const newVal = { ...val };
+      Object.keys(newVal).forEach((key) => {
+        newVal[key] = deserializeValue(newVal[key]);
+      });
+      return newVal as T;
+    }
+    if (Array.isArray(val)) {
+      return val.map((item) => deserializeValue(item) as T) as T;
+    }
+    return val;
+  };
+
+  /**
+   * 读取本地存储的数据
+   * @param key 唯一 key
+   * @param notIsolatedByProject 存储数据时是否不按项目隔离数据
+   */
+  const getItem = async <T>(key: string, notIsolatedByProject = false): Promise<T | null> => {
+    const itemKey = notIsolatedByProject ? key : `-${key}`;
+    try {
+      const res = await localforage.getItem<T>(itemKey);
+      if (!res) {
+        return null;
+      }
+      return deserializeValue<T>(res);
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+      return null;
+    }
+  };
+
+  /**
+   * 永久存储数据
+   * @param key 唯一 key
+   * @param val 存储的值
+   * @param notIsolatedByProject 是否不按项目隔离数据
+   */
+  const setItem = async (
+    key: string,
+    val: string | number | boolean | Record<string, any>,
+    notIsolatedByProject = false
+  ) => {
+    try {
+      const itemKey = notIsolatedByProject ? key : `-${key}`;
+      await localforage.setItem(itemKey, serializeValue(val));
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+    }
+  };
+
+  return {
+    getItem,
+    setItem,
+  };
+}
diff --git a/frontend/packages/web/src/hooks/useMenuTree.ts b/frontend/packages/web/src/hooks/useMenuTree.ts
new file mode 100644
index 0000000..e24d92a
--- /dev/null
+++ b/frontend/packages/web/src/hooks/useMenuTree.ts
@@ -0,0 +1,96 @@
+import { computed } from 'vue';
+import { RouteRecordNormalized, RouteRecordRaw } from 'vue-router';
+import { cloneDeep } from 'lodash-es';
+
+import usePermission from '@/hooks/usePermission';
+import appClientMenus from '@/router/app-menus';
+import { allMenuRouteMap, featureRouteMap } from '@/router/constants';
+import useAppStore from '@/store/modules/app';
+
+/**
+ * 获取菜单树
+ * @returns
+ */
+export default function useMenuTree() {
+  const appStore = useAppStore();
+  const permission = usePermission();
+
+  const menuTree = computed(() => {
+    const copyRouter = cloneDeep(appClientMenus) as RouteRecordNormalized[];
+
+    const currentMenuConfig: string[] = appStore.moduleConfigList.filter((e) => e.enable).map((e) => e.moduleKey);
+
+    copyRouter.sort((a: RouteRecordNormalized, b: RouteRecordNormalized) => {
+      const getModuleOrder = (route: RouteRecordNormalized) => {
+        const moduleId = Object.keys(allMenuRouteMap).find((key) => (route.name as string)?.includes(key));
+        if (moduleId) {
+          return currentMenuConfig.indexOf(allMenuRouteMap[moduleId]);
+        }
+        return Infinity;
+      };
+      return getModuleOrder(a) - getModuleOrder(b);
+    });
+
+    function travel(_routes: RouteRecordRaw[], layer: number) {
+      if (!_routes) return null;
+
+      const collector = _routes.map((element) => {
+        if (element.meta?.hideInMenu === true) {
+          return null;
+        }
+
+        // 如果是隐藏的模块，则不显示菜单
+        const moduleId = Object.keys(featureRouteMap).find((key) => (element.name as string)?.includes(key));
+        if (moduleId && featureRouteMap[moduleId] && !currentMenuConfig.includes(featureRouteMap[moduleId])) {
+          return null;
+        }
+
+        // 权限校验不通过
+        if (!permission.accessRouter(element)) {
+          return null;
+        }
+        // TODO license 先放开
+        // if (
+        //   (!licenseStore.isEnterpriseVersion()) ||
+        //   (!licenseStore.hasLicense() && element.name === DashboardRouteEnum.DASHBOARD)
+        // ) {
+        //   return null;
+        // }
+
+        // 叶子菜单
+        if (element.meta?.hideChildrenInMenu || !element.children) {
+          element.children = [];
+          return element;
+        }
+
+        // 过滤隐藏的菜单
+        element.children = element.children.filter((x) => x.meta?.hideInMenu !== true);
+
+        // 解析子菜单
+        const subItem = travel(element.children, layer + 1);
+
+        if (subItem && subItem.length) {
+          element.children = subItem as RouteRecordRaw[];
+          return element;
+        }
+
+        if (layer > 1) {
+          element.children = subItem as RouteRecordRaw[];
+          return element;
+        }
+
+        if (element.meta?.hideInMenu === false) {
+          return element;
+        }
+
+        return null;
+      });
+      return collector.filter(Boolean);
+    }
+    return travel(copyRouter, 0);
+  });
+
+  return {
+    menuTree,
+  };
+}
diff --git a/frontend/packages/web/src/hooks/useModal.ts b/frontend/packages/web/src/hooks/useModal.ts
new file mode 100644
index 0000000..6173e8f
--- /dev/null
+++ b/frontend/packages/web/src/hooks/useModal.ts
@@ -0,0 +1,73 @@
+import { DialogOptions, useDialog } from 'naive-ui';
+
+export type DialogType = 'info' | 'success' | 'warning' | 'error' | 'default';
+
+export type DialogSize = 'small' | 'medium' | 'large' | 'full';
+
+export type DialogMode = 'default' | 'weak';
+
+export interface DialogOptionsConfig extends DialogOptions {
+  type?: DialogType;
+  mode?: DialogMode;
+  size?: DialogSize;
+  hideCancel?: boolean;
+  onPositiveClick: () => Promise<void | false> | void | false;
+  [key: string]: any;
+}
+
+export interface DeleteDialogOptions {
+  title: string;
+  content: string;
+  onBeforeOk: () => Promise<void>;
+}
+
+export default function useModal() {
+  const dialog = useDialog();
+  return {
+    openModal: (options: DialogOptionsConfig) => {
+      const defaultButtonProps = {
+        positiveButtonProps: {
+          size: 'medium',
+          quaternary: options.mode === 'weak',
+          class: options.mode === 'weak' ? `text-btn-${options.type}` : '',
+        },
+        negativeButtonProps: {
+          size: 'medium',
+          secondary: options.mode !== 'weak',
+          ghost: false,
+          disabled: false,
+          quaternary: options.mode === 'weak',
+        },
+      };
+      const dialogReactive = dialog.create({
+        maskClosable: false,
+        ...defaultButtonProps,
+        class: `${options.class} crm-modal-${options.size || 'small'}`,
+        ...options,
+        onPositiveClick: async () => {
+          try {
+            dialogReactive.loading = true;
+            if (dialogReactive.negativeButtonProps) {
+              dialogReactive.negativeButtonProps.disabled = true;
+            }
+            if (options.onPositiveClick) {
+              return await options.onPositiveClick();
+            }
+          } catch (error) {
+            // eslint-disable-next-line no-console
+            console.error(error);
+          } finally {
+            dialogReactive.loading = false;
+            if (dialogReactive.negativeButtonProps) {
+              dialogReactive.negativeButtonProps.disabled = false;
+            }
+          }
+        },
+        onClose: () => {
+          return !dialogReactive.loading;
+        },
+      } as DialogOptionsConfig);
+      return dialogReactive;
+    },
+  };
+}
diff --git a/frontend/packages/web/src/hooks/useOpenDetailPage.ts b/frontend/packages/web/src/hooks/useOpenDetailPage.ts
new file mode 100644
index 0000000..6254cf7
--- /dev/null
+++ b/frontend/packages/web/src/hooks/useOpenDetailPage.ts
@@ -0,0 +1,61 @@
+import useOpenNewPage from '@/hooks/useOpenNewPage';
+
+import { ClueRouteEnum, CustomerRouteEnum, OpportunityRouteEnum } from '@/enums/routeEnum';
+
+export default function useOpenDetailPage() {
+  const { openNewPage } = useOpenNewPage();
+  function openNewPageClue(row: any) {
+    openNewPage(ClueRouteEnum.CLUE_MANAGEMENT, {
+      id: row.clueId,
+      transitionType: undefined,
+      name: row.clueName,
+    });
+  }
+  function openNewPageCluePool(row: any) {
+    openNewPage(ClueRouteEnum.CLUE_MANAGEMENT_POOL, {
+      id: row.clueId,
+      name: row.clueName,
+      poolId: row.poolId,
+    });
+  }
+
+  function openNewPageOpportunity(row: any) {
+    openNewPage(OpportunityRouteEnum.OPPORTUNITY, {
+      id: row.opportunityId,
+      opportunityName: row.opportunityName,
+    });
+  }
+
+  function openNewPageCustomer(row: any) {
+    openNewPage(CustomerRouteEnum.CUSTOMER_INDEX, {
+      id: row.customerId,
+    });
+  }
+
+  function openNewPageCustomerSea(row: any) {
+    openNewPage(CustomerRouteEnum.CUSTOMER_OPEN_SEA, {
+      id: row.customerId,
+      poolId: row.poolId,
+    });
+  }
+
+  function goDetail(item: any) {
+    if (item.resourceType === 'CLUE') {
+      if (item.poolId) {
+        openNewPageCluePool(item);
+      } else {
+        openNewPageClue(item);
+      }
+    } else if (item.resourceType === 'CUSTOMER') {
+      if (item.poolId) {
+        openNewPageCustomerSea(item);
+      } else {
+        openNewPageCustomer(item);
+      }
+    }
+  }
+
+  return {
+    goDetail,
+  };
+}
diff --git a/frontend/packages/web/src/hooks/useOpenNewPage.ts b/frontend/packages/web/src/hooks/useOpenNewPage.ts
new file mode 100644
index 0000000..4c422c8
--- /dev/null
+++ b/frontend/packages/web/src/hooks/useOpenNewPage.ts
@@ -0,0 +1,14 @@
+import { RouteRecordName, useRouter } from 'vue-router';
+
+export default function useOpenNewPage() {
+  const router = useRouter();
+
+  function openNewPage(name: RouteRecordName | undefined, query: Record<string, any> = {}) {
+    const queryParams = new URLSearchParams(query).toString();
+    window.open(`${window.location.origin}#${router.resolve({ name }).fullPath}?${queryParams}`, '_blank');
+  }
+
+  return {
+    openNewPage,
+  };
+}
diff --git a/frontend/packages/web/src/hooks/usePathMap.ts b/frontend/packages/web/src/hooks/usePathMap.ts
new file mode 100644
index 0000000..38001de
--- /dev/null
+++ b/frontend/packages/web/src/hooks/usePathMap.ts
@@ -0,0 +1,52 @@
+import { CascaderOption } from 'naive-ui';
+
+import { useI18n } from '@lib/shared/hooks/useI18n';
+import { mapTree } from '@lib/shared/method';
+
+import { pathMap, PathMapItem } from '@/config/pathMap';
+import useLicenseStore from '@/store/modules/setting/license';
+
+const { t } = useI18n();
+
+const licenseStore = useLicenseStore();
+export default function usePathMap() {
+  const getModuleOptions = () => {
+    return mapTree<CascaderOption>(pathMap, (e) => {
+      const item = {
+        value: e.key,
+        label: t(e.locale),
+        children: e.children,
+      };
+      return !licenseStore.isEnterpriseVersion() && e.key === 'SYSTEM_BUSINESS_UI' ? null : item;
+    });
+  };
+
+  // 通过 key 查找对应的 locale 路径
+  const findLocalePath = (targetKey: string) => {
+    function getLocalePathArr(trees: PathMapItem[], path: string[] = []): string[] {
+      for (let i = 0; i < trees.length; i++) {
+        const node = trees[i];
+        const newPathArr = [...path, node.locale];
+
+        if (node.key === targetKey) {
+          return newPathArr;
+        }
+
+        if (targetKey.startsWith(node.key) && node.children) {
+          const result = getLocalePathArr(node.children, newPathArr);
+          if (result) {
+            return result;
+          }
+        }
+      }
+
+      return [targetKey];
+    }
+    return getLocalePathArr(pathMap);
+  };
+
+  return {
+    getModuleOptions,
+    findLocalePath,
+  };
+}
diff --git a/frontend/packages/web/src/hooks/usePermission.ts b/frontend/packages/web/src/hooks/usePermission.ts
new file mode 100644
index 0000000..58d5c5f
--- /dev/null
+++ b/frontend/packages/web/src/hooks/usePermission.ts
@@ -0,0 +1,33 @@
+import { RouteLocationNormalized, RouteRecordRaw } from 'vue-router';
+
+import useAppStore from '@/store/modules/app';
+import { hasAnyPermission, topLevelMenuHasPermission } from '@/utils/permission';
+
+/**
+ * 用户权限
+ * @returns 调用方法
+ */
+export default function usePermission() {
+  const appStore = useAppStore();
+  const firstLevelMenu = appStore.moduleConfigList.map((item) => item.moduleKey);
+
+  return {
+    /**
+     * 是否为允许访问的路由
+     * @param route 路由信息
+     * @returns 是否
+     */
+    accessRouter(route: RouteLocationNormalized | RouteRecordRaw) {
+      if (firstLevelMenu.includes(route.name as string)) {
+        // 一级菜单: 创建项目时 被勾选的模块
+        return topLevelMenuHasPermission(route);
+      }
+      return (
+        route.meta?.requiresAuth === false ||
+        !route.meta?.permissions ||
+        route.meta?.permissions.includes('*') ||
+        hasAnyPermission(route.meta?.permissions || [])
+      );
+    },
+  };
+}
diff --git a/frontend/packages/web/src/hooks/useProgressBar.ts b/frontend/packages/web/src/hooks/useProgressBar.ts
new file mode 100644
index 0000000..b85adf3
--- /dev/null
+++ b/frontend/packages/web/src/hooks/useProgressBar.ts
@@ -0,0 +1,48 @@
+import { ref } from 'vue';
+
+/** *
+ *
+ * @description 用例模拟进度条进度，采用逐渐减速的曲线，返回的 progress 为整数
+ * @step 初始衰减速率因子（百分比，表示每次更新增加剩余部分的百分之几），默认2
+ */
+export default function useProgressBar(step: number = 2) {
+  const intervalId = ref<any>(null);
+  const progress = ref<number>(0); // 对外暴露的整数进度
+  let internalProgress = 0; // 内部浮点数进度，用于精确计算
+  const decayRate = ref<number>(step / 100); // 衰减率（小数形式）
+
+  // 更新进度：每次增加剩余部分的 decayRate 倍，并对 internalProgress 取整后更新 progress
+  function updateProgress() {
+    const remaining = 100 - internalProgress;
+    const increment = remaining * decayRate.value;
+    internalProgress = Math.min(internalProgress + increment, 100);
+    progress.value = Math.floor(internalProgress);
+  }
+
+  // 完成进度，立即设置 100% 并清理定时器
+  function finish() {
+    clearInterval(intervalId.value);
+    progress.value = 100;
+    internalProgress = 100;
+  }
+
+  // 启动进度条
+  function start(newStep: number = step) {
+    // 清除之前的定时器
+    if (intervalId.value) {
+      clearInterval(intervalId.value);
+    }
+    progress.value = 0;
+    internalProgress = 0;
+    decayRate.value = newStep / 100;
+    intervalId.value = setInterval(() => {
+      updateProgress();
+    }, 100);
+  }
+
+  return {
+    progress,
+    start,
+    finish,
+  };
+}
diff --git a/frontend/packages/web/src/hooks/useReasonConfig.ts b/frontend/packages/web/src/hooks/useReasonConfig.ts
new file mode 100644
index 0000000..0858bb2
--- /dev/null
+++ b/frontend/packages/web/src/hooks/useReasonConfig.ts
@@ -0,0 +1,49 @@
+import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+import { ReasonTypeEnum } from '@lib/shared/enums/moduleEnum';
+
+import { getReasonConfig } from '@/api/modules';
+
+import { FilterOption } from 'naive-ui/es/data-table/src/interface';
+
+function getReasonKey(formKey: FormDesignKeyEnum) {
+  switch (formKey) {
+    case FormDesignKeyEnum.CUSTOMER_OPEN_SEA:
+    case FormDesignKeyEnum.CUSTOMER:
+    case FormDesignKeyEnum.SEARCH_ADVANCED_PUBLIC:
+      return ReasonTypeEnum.CUSTOMER_POOL_RS;
+    case FormDesignKeyEnum.CLUE_POOL:
+    case FormDesignKeyEnum.CLUE:
+    case FormDesignKeyEnum.SEARCH_ADVANCED_CLUE_POOL:
+      return ReasonTypeEnum.CLUE_POOL_RS;
+    case FormDesignKeyEnum.BUSINESS:
+    case FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY:
+      return ReasonTypeEnum.OPPORTUNITY_FAIL_RS;
+    default:
+      break;
+  }
+}
+
+export default function useReasonConfig(formKey: FormDesignKeyEnum) {
+  const reasonOptions = ref<FilterOption[]>([]);
+  const reasonEnable = ref(false);
+  const reasonKey = ref();
+  reasonKey.value = getReasonKey(formKey);
+
+  async function initReasonConfig() {
+    if (!reasonKey.value) return;
+    try {
+      const { dictList, enable } = await getReasonConfig(reasonKey.value);
+      reasonOptions.value = dictList.map((e) => ({ label: e.name, value: e.id }));
+      reasonEnable.value = enable;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  return {
+    initReasonConfig,
+    reasonOptions,
+    reasonEnable,
+  };
+}
diff --git a/frontend/packages/web/src/hooks/useRemoteFilterOptions.ts b/frontend/packages/web/src/hooks/useRemoteFilterOptions.ts
new file mode 100644
index 0000000..372fa61
--- /dev/null
+++ b/frontend/packages/web/src/hooks/useRemoteFilterOptions.ts
@@ -0,0 +1,45 @@
+import { ref, watch } from 'vue';
+
+import { getProductOptions } from '@/api/modules';
+
+import { FilterOption } from 'naive-ui/es/data-table/src/interface';
+
+export const remoteFilterApiMap: Record<string, () => Promise<any>> = {
+  products: getProductOptions,
+};
+
+/**
+ * Hook: 根据 filterApiKey 获取远程 filterOptions
+ * @param filterApiKey string
+ */
+export default function useRemoteFilterOptions(filterApiKey?: string) {
+  const filterOptions = ref<FilterOption[]>([]);
+
+  async function fetchFilterOptions() {
+    if (!filterApiKey) return;
+
+    const api = remoteFilterApiMap[filterApiKey];
+    if (!api) {
+      return [];
+    }
+
+    try {
+      const result = await api();
+      filterOptions.value =
+        (result || []).map((e: any) => ({
+          value: e.id,
+          label: e.name,
+        })) ?? [];
+    } catch (err) {
+      // eslint-disable-next-line no-console
+      console.error(err);
+    }
+  }
+
+  watch(() => filterApiKey, fetchFilterOptions, { immediate: true });
+
+  return {
+    filterOptions,
+    refresh: fetchFilterOptions,
+  };
+}
diff --git a/frontend/packages/web/src/hooks/useTableStore.ts b/frontend/packages/web/src/hooks/useTableStore.ts
new file mode 100644
index 0000000..c836a74
--- /dev/null
+++ b/frontend/packages/web/src/hooks/useTableStore.ts
@@ -0,0 +1,256 @@
+import { cloneDeep } from 'lodash-es';
+
+import { SpecialColumnEnum, TableKeyEnum } from '@lib/shared/enums/tableEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+import { isArraysEqualWithOrder } from '@lib/shared/method/equal';
+
+import type { CrmDataTableColumn, PaginationType, TableStorageConfigItem } from '@/components/pure/crm-table/type';
+
+import useAppStore from '@/store/modules/app';
+
+import useLocalForage from './useLocalForage';
+
+const { t } = useI18n();
+
+export default function useTableStore() {
+  const { getItem, setItem } = useLocalForage();
+  const appStore = useAppStore();
+
+  async function getTableColumnsMap(tableKey: TableKeyEnum | string): Promise<TableStorageConfigItem | null> {
+    const tableColumnsMap = await getItem<TableStorageConfigItem>(tableKey);
+    return tableColumnsMap;
+  }
+
+  async function setTableColumnsMap(tableKey: TableKeyEnum | string, tableColumnsMap: TableStorageConfigItem) {
+    await setItem(tableKey, tableColumnsMap);
+  }
+
+  function columnsTransform(columns: CrmDataTableColumn[]) {
+    columns.forEach((item) => {
+      if (item.showInTable === undefined) {
+        // 默认在表格中展示
+        item.showInTable = true;
+      }
+      if (item.key === SpecialColumnEnum.OPERATION) {
+        item.title = t('common.operation');
+      }
+    });
+    return columns;
+  }
+
+  function sortByOldOrder(oldArr: CrmDataTableColumn[], newArr: CrmDataTableColumn[]): CrmDataTableColumn[] {
+    const mapNew = new Map(newArr.map((item) => [item.key, item]));
+    // 先按 old 顺序排列 new 中存在的项
+    const sorted = oldArr
+      .map((item) => mapNew.get(item.key))
+      .filter(
+        (e) =>
+          e &&
+          e.key !== SpecialColumnEnum.OPERATION &&
+          e.key !== SpecialColumnEnum.DRAG &&
+          e.type !== SpecialColumnEnum.SELECTION &&
+          e.columnSelectorDisabled !== true &&
+          newArr.some((n) => n.key === e.key)
+      ) as CrmDataTableColumn[];
+    // 再把 new 中 old 没有的项追加在最后
+    const extra = newArr.filter(
+      (item) =>
+        !oldArr.some((o) => o.key === item.key) &&
+        item.columnSelectorDisabled !== true &&
+        item.type !== SpecialColumnEnum.SELECTION &&
+        item.key !== SpecialColumnEnum.OPERATION &&
+        item.key !== SpecialColumnEnum.DRAG
+    );
+    const operationColumn = oldArr.find((item) => item.key === SpecialColumnEnum.OPERATION);
+    const selectionColumn = newArr.find((item) => item.type === SpecialColumnEnum.SELECTION);
+    const orderColumn = newArr.find((item) => item.key === SpecialColumnEnum.ORDER);
+    const dragColumn = newArr.find((item) => item.key === SpecialColumnEnum.DRAG);
+    const selectorDisabledColumns = newArr.filter((item) => item.columnSelectorDisabled === true);
+    // 将 columnSelectorDisabled 的列放在最前面
+    if (selectorDisabledColumns.length) {
+      sorted.splice(0, 0, ...selectorDisabledColumns);
+    }
+    if (orderColumn && selectionColumn) {
+      // 如果有排序列和选择列，则将选择列插入到排序列之前
+      sorted.splice(0, 0, selectionColumn);
+    } else if (selectionColumn) {
+      // 如果只有选择列，则将其放在最前面
+      sorted.unshift(selectionColumn);
+    }
+    return [dragColumn, ...sorted, ...extra, operationColumn].filter(Boolean) as CrmDataTableColumn[];
+  }
+
+  async function initColumn(tableKey: TableKeyEnum | string, column: CrmDataTableColumn[]) {
+    try {
+      const tableColumnsMap = await getTableColumnsMap(tableKey);
+      if (!tableColumnsMap) {
+        // 如果没有在indexDB里初始化
+        column = columnsTransform(column);
+        setTableColumnsMap(tableKey, {
+          column,
+          columnBackup: cloneDeep(column),
+        });
+      } else {
+        // 初始化过了，但是可能有新变动，如列的顺序，列的显示隐藏，列的拖拽
+        column = columnsTransform(column);
+        const { columnBackup: oldColumn } = tableColumnsMap;
+        // 比较页面上定义的 column 和 浏览器备份的column 是否相同
+        const isEqual = isArraysEqualWithOrder(oldColumn, column);
+        if (!isEqual) {
+          // 如果不相等，说明有变动将新的column存入indexDB
+          const newColumns = sortByOldOrder(tableColumnsMap.column, column).map((e) => {
+            const sameItem = tableColumnsMap.column.find((item) => item.key === e.key);
+            if (sameItem) {
+              // 如果是相同的列，则更新除了宽度、显隐、固定以外的属性
+              let { width } = sameItem;
+              if (e.key === SpecialColumnEnum.OPERATION) {
+                const operationColumn = column.find((item) => item.key === SpecialColumnEnum.OPERATION);
+                width = operationColumn?.width;
+              } else if (e.key === SpecialColumnEnum.ORDER) {
+                const orderColumn = column.find((item) => item.key === SpecialColumnEnum.ORDER);
+                width = orderColumn?.width;
+              }
+              return {
+                ...e,
+                width,
+                showInTable: sameItem.showInTable,
+                fixed: sameItem.fixed || e.fixed,
+              };
+            }
+            return e;
+          });
+          setTableColumnsMap(tableKey, {
+            ...tableColumnsMap,
+            column: newColumns,
+            columnBackup: cloneDeep(column),
+          });
+        }
+      }
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+    }
+  }
+
+  // 表头显示设置的列
+  async function getCanSetColumns(tableKey: TableKeyEnum | string) {
+    const tableColumnsMap = await getTableColumnsMap(tableKey);
+    if (tableColumnsMap) {
+      return tableColumnsMap.column.filter(
+        (item) =>
+          item.type !== SpecialColumnEnum.SELECTION &&
+          item.key !== SpecialColumnEnum.ORDER &&
+          item.key !== SpecialColumnEnum.DRAG
+      );
+    }
+    return [];
+  }
+
+  // 在表格上展示的列
+  async function getShowInTableColumns(tableKey: TableKeyEnum | string) {
+    const tableColumnsMap = await getTableColumnsMap(tableKey);
+    if (tableColumnsMap) {
+      return tableColumnsMap.column.filter((i) => i.showInTable);
+    }
+    return [];
+  }
+
+  async function setColumns(tableKey: TableKeyEnum | string, columns: CrmDataTableColumn[]) {
+    try {
+      const tableColumnsMap = await getTableColumnsMap(tableKey);
+      if (tableColumnsMap) {
+        const operationColumn = tableColumnsMap.column.find((i) => i.key === SpecialColumnEnum.OPERATION);
+        const newOperationColumn = columns.find((i) => i.key === SpecialColumnEnum.OPERATION);
+        const selectColumn = tableColumnsMap.column.find((i) => i.type === SpecialColumnEnum.SELECTION);
+        const orderColumn = tableColumnsMap.column.find((i) => i.key === SpecialColumnEnum.ORDER);
+        const dragColumn = tableColumnsMap.column.find((i) => i.key === SpecialColumnEnum.DRAG);
+        columns = columns.filter((col) => col.key !== SpecialColumnEnum.OPERATION);
+        if (orderColumn) columns.unshift(orderColumn);
+        if (selectColumn) columns.unshift(selectColumn);
+        if (dragColumn) columns.unshift(dragColumn);
+        if (operationColumn) {
+          columns.push({
+            ...operationColumn,
+            fixed: newOperationColumn?.fixed,
+          });
+        }
+
+        tableColumnsMap.column = cloneDeep(columns);
+        await setTableColumnsMap(tableKey, tableColumnsMap);
+      }
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.error('tableStore.setColumns', e);
+    }
+  }
+
+  async function getPageSize(tableKey: TableKeyEnum | string) {
+    const tableColumnsMap = await getTableColumnsMap(tableKey);
+    return tableColumnsMap ? tableColumnsMap.pageSize : appStore.pageSize;
+  }
+
+  async function setPageSize(tableKey: TableKeyEnum | string, pageSize: number): Promise<void> {
+    try {
+      const tableColumnsMap = await getTableColumnsMap(tableKey);
+      if (tableColumnsMap) {
+        tableColumnsMap.pageSize = pageSize;
+        await setTableColumnsMap(tableKey, tableColumnsMap);
+      }
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+    }
+  }
+
+  async function setTableLineHeight(tableKey: TableKeyEnum | string, layout: string): Promise<void> {
+    try {
+      const tableColumnsMap = await getTableColumnsMap(tableKey);
+      if (tableColumnsMap) {
+        tableColumnsMap.layout = layout;
+        await setTableColumnsMap(tableKey, tableColumnsMap);
+      }
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+    }
+  }
+
+  async function getTableLineHeight(tableKey: TableKeyEnum | string) {
+    const tableColumnsMap = await getTableColumnsMap(tableKey);
+    return tableColumnsMap?.layout || 'compact';
+  }
+
+  async function setTablePaginationType(
+    tableKey: TableKeyEnum | string,
+    paginationType: PaginationType
+  ): Promise<void> {
+    try {
+      const tableColumnsMap = await getTableColumnsMap(tableKey);
+      if (tableColumnsMap) {
+        tableColumnsMap.paginationType = paginationType;
+        await setTableColumnsMap(tableKey, tableColumnsMap);
+      }
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+    }
+  }
+
+  async function getTablePaginationType(tableKey: TableKeyEnum | string) {
+    const tableColumnsMap = await getTableColumnsMap(tableKey);
+    return tableColumnsMap?.paginationType || 'scrollPagination';
+  }
+
+  return {
+    initColumn,
+    getCanSetColumns,
+    setColumns,
+    getShowInTableColumns,
+    setPageSize,
+    getPageSize,
+    setTableLineHeight,
+    getTableLineHeight,
+    setTablePaginationType,
+    getTablePaginationType,
+  };
+}
diff --git a/frontend/packages/web/src/hooks/useUser.ts b/frontend/packages/web/src/hooks/useUser.ts
new file mode 100644
index 0000000..ae0aed9
--- /dev/null
+++ b/frontend/packages/web/src/hooks/useUser.ts
@@ -0,0 +1,69 @@
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+import router from '@/router';
+import { NO_RESOURCE_ROUTE_NAME, WHITE_LIST } from '@/router/constants';
+import useUserStore from '@/store/modules/user';
+import { getFirstRouteNameByPermission, routerNameHasPermission } from '@/utils/permission';
+
+import useDiscreteApi from './useDiscreteApi';
+
+export default function useUser() {
+  const { t } = useI18n();
+
+  const logout = async (logoutTo?: string, noRedirect?: boolean, silence = false) => {
+    try {
+      const userStore = useUserStore();
+      await userStore.logout();
+      const { message } = useDiscreteApi();
+      const currentRoute = router.currentRoute.value;
+      if (!silence) {
+        message.success(t('message.logoutSuccess'));
+        router.push({
+          name: logoutTo && typeof logoutTo === 'string' ? logoutTo : 'login',
+          query: noRedirect
+            ? {}
+            : {
+                ...router.currentRoute.value.query,
+                redirect: currentRoute.name as string,
+              },
+        });
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  };
+
+  const isLoginPage = () => {
+    return window.location.hash.indexOf('login') > -1;
+  };
+
+  const isWhiteListPage = () => {
+    const currentRoute = router.currentRoute.value;
+    return WHITE_LIST.some((e) => e.path.includes(currentRoute.path));
+  };
+
+  const goUserHasPermissionPage = () => {
+    const { redirect, ...othersQuery } = router.currentRoute.value.query;
+
+    const currentRouteName = getFirstRouteNameByPermission(router.getRoutes());
+    const redirectHasPermission =
+      redirect &&
+      !redirect.includes(NO_RESOURCE_ROUTE_NAME) &&
+      routerNameHasPermission(redirect as string, router.getRoutes());
+
+    router.push({
+      name: redirectHasPermission ? (redirect as string) : currentRouteName,
+      query: {
+        ...othersQuery,
+      },
+    });
+  };
+
+  return {
+    logout,
+    isLoginPage,
+    isWhiteListPage,
+    goUserHasPermissionPage,
+  };
+}
diff --git a/frontend/packages/web/src/hooks/useViewChartParams.ts b/frontend/packages/web/src/hooks/useViewChartParams.ts
new file mode 100644
index 0000000..3a6a933
--- /dev/null
+++ b/frontend/packages/web/src/hooks/useViewChartParams.ts
@@ -0,0 +1,127 @@
+import { useRoute } from 'vue-router';
+
+import { OperatorEnum } from '@lib/shared/enums/commonEnum';
+import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+import { getSessionStorageTempState, setSessionStorageTempState } from '@lib/shared/method/local-storage';
+
+import {
+  AccordBelowType,
+  ConditionsItem,
+  FilterForm,
+  FilterFormItem,
+  FilterResult,
+} from '@/components/pure/crm-advance-filter/type';
+import { multipleValueTypeList } from '@/components/business/crm-form-create/config';
+
+export interface ConditionParams {
+  viewId: string;
+  formModel: FilterForm; // 高级筛选条件
+}
+
+export interface ViewChartResult extends ConditionParams {
+  filterResult: FilterResult; // 高级筛选查询参数
+}
+
+export const STORAGE_VIEW_CHART_KEY = 'viewChartParams';
+
+export default function useViewChartParams() {
+  const route = useRoute();
+  // 获取整个存储的参数
+  function getAllChartParams(): Record<string, ConditionParams> | null {
+    return getSessionStorageTempState(STORAGE_VIEW_CHART_KEY, true);
+  }
+
+  // 存储图表参数对象
+  /**
+   * @param chartKey 图表url上携带的对应的cartKey,跳转之前生成的随机id  http://localhost:5173/#/opportunity/opt?chartKey=176104198889700000
+   * @param data 图表参数
+   */
+  function setViewChartParams(chartKey: string, data: ConditionParams) {
+    sessionStorage.removeItem(STORAGE_VIEW_CHART_KEY);
+    let allChartParams = getAllChartParams();
+    if (!allChartParams) {
+      allChartParams = {};
+    }
+
+    allChartParams[chartKey] = data;
+    const chartData = {
+      [chartKey]: data,
+    };
+    setSessionStorageTempState(STORAGE_VIEW_CHART_KEY, chartData);
+  }
+
+  // 获取对应chartKey参数
+  function getChartKeyParams(chartKey: string): ConditionParams | null {
+    const allConditionParams = getAllChartParams();
+    if (allConditionParams) {
+      return allConditionParams[chartKey] || null;
+    }
+    return null;
+  }
+
+  // 获取图表参数用于table列表回显
+  function getChartConditions(chartKey: string): ViewChartResult | null {
+    const chartParams = getChartKeyParams(chartKey);
+    if (chartParams) {
+      const { viewId, formModel } = chartParams;
+
+      const list: FilterFormItem[] = (formModel.list || []) as FilterFormItem[];
+
+      const filterFormList = list.map((e) => {
+        if (e.type === FieldTypeEnum.INPUT_NUMBER) {
+          return { ...e, value: e.operator === OperatorEnum.EMPTY ? '' : Number(e.value) };
+        }
+        return e;
+      });
+
+      const conditions: ConditionsItem[] = filterFormList.map((item: any) => ({
+        value: item.value,
+        operator: item.operator,
+        name: item.dataIndex ?? '',
+        multipleValue: multipleValueTypeList.includes(item.type),
+        type: item.type,
+      }));
+
+      const searchMode = formModel.searchMode as AccordBelowType;
+
+      return {
+        viewId,
+        formModel: {
+          searchMode,
+          list: filterFormList,
+        },
+        filterResult: {
+          searchMode,
+          conditions,
+        },
+      };
+    }
+    return null;
+  }
+
+  const isInitViewChartQuery = ref(true);
+  function initTableViewChartParams(callback?: (params: ViewChartResult) => void) {
+    if (isInitViewChartQuery.value && route.query.chartKey) {
+      const conditionParams = getChartConditions(route.query.chartKey as string);
+      if (conditionParams) {
+        callback?.(conditionParams);
+      }
+    }
+    isInitViewChartQuery.value = false;
+  }
+
+  function getChartViewId() {
+    if (route.query.chartKey && isInitViewChartQuery.value) {
+      const conditionParams = getChartConditions(route.query.chartKey as string);
+      return conditionParams?.viewId ?? '';
+    }
+  }
+
+  return {
+    setViewChartParams,
+    getChartConditions,
+    initTableViewChartParams,
+    isInitViewChartQuery,
+    getChartViewId,
+  };
+}
diff --git a/frontend/packages/web/src/hooks/useVisit.ts b/frontend/packages/web/src/hooks/useVisit.ts
new file mode 100644
index 0000000..43518e3
--- /dev/null
+++ b/frontend/packages/web/src/hooks/useVisit.ts
@@ -0,0 +1,21 @@
+import { useUserStore, useVisitStore } from '@/store';
+
+/**
+ * 判断账户是否第一次访问
+ * @param key 自定义 key
+ * @param needTimeStamp  是否需要加上时间戳
+ */
+export default function useVisit(key: string, needTimeStamp = false) {
+  const userStore = useUserStore();
+  const visitStore = useVisitStore();
+  const localKey = `${userStore.userInfo.id}-${key}-${needTimeStamp ? new Date().getTime() : ''}`;
+  const addVisited = () => {
+    visitStore.addVisitedKey(localKey);
+  };
+  const getIsVisited = () => visitStore.getIsVisited(localKey);
+
+  return {
+    addVisited,
+    getIsVisited,
+  };
+}
diff --git a/frontend/packages/web/src/layout/components/layout-header.vue b/frontend/packages/web/src/layout/components/layout-header.vue
new file mode 100644
index 0000000..6964b4c
--- /dev/null
+++ b/frontend/packages/web/src/layout/components/layout-header.vue
@@ -0,0 +1,397 @@
+<template>
+  <n-layout-header class="flex" bordered>
+    <div class="flex min-w-[180px] max-w-[300px] justify-center px-[24px] py-[14px]">
+      <img :src="innerLogo" class="h-[28px]" />
+    </div>
+    <div class="flex flex-1 items-center justify-between px-[16px]">
+      <CrmTopMenu />
+      <div v-if="!props.isPreview" class="flex items-center gap-[8px]">
+        <CrmButtonGroup not-show-divider class="gap-[8px]" :list="appStore.getNavTopConfigList">
+          <template #searchSlot>
+            <n-button
+              v-if="showSearch"
+              class="p-[8px]"
+              quaternary
+              @click="
+                () => {
+                  initDuplicateCheckDrawer = true;
+                  showDuplicateCheckDrawer = true;
+                }
+              "
+            >
+              <template #icon>
+                <CrmIcon type="iconicon_search-outline_outlined" :size="16" />
+              </template>
+            </n-button>
+            <span v-else></span>
+          </template>
+          <template #taskSlot>
+            <n-button
+              class="p-[8px]"
+              quaternary
+              @click="
+                () => {
+                  initTaskDrawer = true;
+                  showTaskDrawer = true;
+                }
+              "
+            >
+              <n-badge value="1" dot :show="appStore.todoStatistic.total > 0">
+                <CrmIcon type="iconicon_contract" :size="16" />
+              </n-badge>
+            </n-button>
+          </template>
+          <template #eventSlot>
+            <n-button
+              v-permission="['CUSTOMER_MANAGEMENT:READ', 'CLUE_MANAGEMENT:READ', 'OPPORTUNITY_MANAGEMENT:READ']"
+              class="p-[8px]"
+              quaternary
+              @click="
+                () => {
+                  initFollowDrawer = true;
+                  showFollowDrawer = true;
+                }
+              "
+            >
+              <template #icon>
+                <CrmIcon type="iconicon_data_plan" :size="16" />
+              </template>
+            </n-button>
+          </template>
+          <template #languageSlot>
+            <n-popselect
+              v-model:value="currentLocale"
+              :options="LOCALE_OPTIONS"
+              trigger="hover"
+              @update-value="changeLanguage"
+            >
+              <n-button class="p-[8px]" quaternary>
+                <template #icon>
+                  <LanguageOutline />
+                </template>
+              </n-button>
+            </n-popselect>
+          </template>
+          <template #alertsSlot>
+            <n-button class="p-[8px]" quaternary @click="showMessage">
+              <n-badge value="1" dot :show="showBadge">
+                <CrmIcon type="iconicon-alarmclock" :size="16" />
+              </n-badge>
+            </n-button>
+          </template>
+          <template #agentSlot>
+            <n-button class="p-[8px]" quaternary @click="showAgent">
+              <CrmSvg name="icon_bot" :size="16" />
+            </n-button>
+          </template>
+          <template #versionInfoSlot>
+            <n-popover position="left" content-class="w-[320px]" class="!p-[16px]">
+              <div class="flex flex-col gap-[8px]">
+                <CrmSvg name="logo_CORDYS" height="22px" width="100px" />
+                <div
+                  class="flex cursor-pointer items-center gap-[8px] text-[14px] text-[var(--color-text-1)]"
+                  @click="copyVersion(appStore.versionInfo.currentVersion)"
+                >
+                  <div class="text-[12px] leading-[20px]">
+                    {{ t('settings.help.currentVersion') }}
+                  </div>
+                  <div class="font-semibold">
+                    {{ appStore.versionInfo.currentVersion }} ({{ appStore.versionInfo.architecture }})
+                  </div>
+                </div>
+                <div
+                  class="flex cursor-pointer items-center gap-[8px] text-[14px] text-[var(--color-text-1)]"
+                  @click="copyVersion(appStore.versionInfo.latestVersion)"
+                >
+                  <div class="text-[12px] leading-[20px]">
+                    {{ t('settings.help.latestVersion') }}
+                  </div>
+                  <div class="font-semibold">{{ appStore.versionInfo.latestVersion }}</div>
+                </div>
+                <div
+                  v-if="licenseStore.isEnterpriseVersion() && hasAnyPermission(['LICENSE:READ'])"
+                  class="flex flex-col gap-[4px]"
+                >
+                  <n-divider class="!my-0" />
+                  <div class="flex flex-col gap-[8px]">
+                    <div class="flex items-center justify-between">
+                      <div class="flex items-center gap-[8px]">
+                        <div class="font-semibold text-[var(--text-n1)]">License</div>
+                        <CrmTag tooltip-disabled :type="getLicenseStatus.status" theme="light">
+                          {{ getLicenseStatus.title }}
+                        </CrmTag>
+                      </div>
+                      <n-button v-permission="['LICENSE:EDIT']" text type="primary" @click="handleUpdate">
+                        {{ t('common.update') }}
+                      </n-button>
+                    </div>
+                    <div class="flex items-center gap-[8px]">
+                      <div class="text-[12px] leading-[20px] text-[var(--text-n4)]">
+                        {{ t('system.license.customerName') }}
+                      </div>
+                      <div class="font-semibold">{{ licenseStore?.licenseInfo?.corporation }}</div>
+                    </div>
+                    <div class="flex items-center gap-[8px]">
+                      <div class="text-[12px] leading-[20px] text-[var(--text-n4)]">
+                        {{ t('system.license.productionVersion') }}
+                      </div>
+                      <div class="font-semibold">
+                        {{
+                          licenseVersionMap[licenseStore?.licenseInfo?.edition as keyof typeof licenseVersionMap] ?? '-'
+                        }}
+                      </div>
+                    </div>
+                    <div class="flex items-center gap-[8px]">
+                      <div class="text-[12px] leading-[20px] text-[var(--text-n4)]">
+                        {{ t('system.license.LicenseAccountCount') }}
+                      </div>
+                      <div class="font-semibold">
+                        {{ licenseStore?.licenseInfo?.count ?? '-' }}
+                      </div>
+                    </div>
+                    <div class="flex items-center gap-[8px]">
+                      <div class="text-[12px] leading-[20px] text-[var(--text-n4)]">
+                        {{ t('system.license.authorizationTime') }}
+                      </div>
+                      <div class="font-semibold">{{ licenseStore?.licenseInfo?.expired ?? '-' }}</div>
+                    </div>
+                  </div>
+                </div>
+                <div class="flex items-center justify-between">
+                  <div class="text-[12px] leading-[20px] text-[var(--text-n4)]">Cordys CRM</div>
+                  <div class="text-[12px] leading-[20px] text-[var(--text-n4)]">
+                    {{ appStore.versionInfo.copyright }}
+                  </div>
+                </div>
+              </div>
+              <template #trigger>
+                <n-button class="p-[8px]" quaternary>
+                  <template #icon>
+                    <n-badge value="1" dot :show="appStore.versionInfo.hasNewVersion">
+                      <CrmIcon type="iconicon_info_circle" :size="16" />
+                    </n-badge>
+                  </template>
+                </n-button>
+              </template>
+            </n-popover>
+          </template>
+          <template #helpSlot>
+            <CrmMoreAction placement="bottom-end" :options="moreActions" @select="selectMoreActions">
+              <n-button class="p-[8px]" quaternary>
+                <template #icon>
+                  <CrmIcon type="iconicon_help_circle" :size="16" />
+                </template>
+              </n-button>
+            </CrmMoreAction>
+          </template>
+        </CrmButtonGroup>
+      </div>
+    </div>
+    <MessageDrawer v-model:show="showMessageDrawer" />
+    <licenseDrawer v-model:visible="showLicenseDrawer" />
+    <Suspense>
+      <CrmDuplicateCheckDrawer v-if="initDuplicateCheckDrawer" v-model:visible="showDuplicateCheckDrawer" />
+    </Suspense>
+  </n-layout-header>
+  <agentDrawer v-if="initAgentDrawer" v-model:visible="showAgentDrawer" />
+  <CrmFollowDrawer v-if="initFollowDrawer" v-model:visible="showFollowDrawer" />
+  <CrmTaskDrawer v-if="initTaskDrawer" v-model:show="showTaskDrawer" />
+</template>
+
+<script setup lang="ts">
+  import { useRoute } from 'vue-router';
+  import { NBadge, NButton, NDivider, NLayoutHeader, NPopover, NPopselect, useMessage } from 'naive-ui';
+  import { LanguageOutline } from '@vicons/ionicons5';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { LOCALE_OPTIONS } from '@lib/shared/locale';
+  import useLocale from '@lib/shared/locale/useLocale';
+  import { LocaleType } from '@lib/shared/types/global';
+
+  import CrmButtonGroup from '@/components/pure/crm-button-group/index.vue';
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmMoreAction from '@/components/pure/crm-more-action/index.vue';
+  import { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmSvg from '@/components/pure/crm-svg/index.vue';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import { lastScopedOptions } from '@/components/business/crm-duplicate-check-drawer/config';
+  import CrmTaskDrawer from '@/components/business/crm-task-drawer/index.vue';
+  import CrmTopMenu from '@/components/business/crm-top-menu/index.vue';
+  import licenseDrawer from '@/views/system/license/licenseDrawer.vue';
+  import MessageDrawer from '@/views/system/message/components/messageDrawer.vue';
+
+  import { addApiKey, changeLocaleBackEnd } from '@/api/modules';
+  import { defaultPlatformLogo } from '@/config/business';
+  import useLegacyCopy from '@/hooks/useLegacyCopy';
+  import useModal from '@/hooks/useModal';
+  import useAppStore from '@/store/modules/app';
+  import useLicenseStore from '@/store/modules/setting/license';
+  import useUserStore from '@/store/modules/user';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  import { WorkbenchRouteEnum } from '@/enums/routeEnum';
+
+  const agentDrawer = defineAsyncComponent(() => import('@/components/business/crm-agent-drawer/index.vue'));
+  const CrmFollowDrawer = defineAsyncComponent(() => import('@/components/business/crm-follow-drawer/index.vue'));
+  const CrmDuplicateCheckDrawer = defineAsyncComponent(
+    () => import('@/components/business/crm-duplicate-check-drawer/index.vue')
+  );
+
+  const route = useRoute();
+
+  const { loading } = useMessage();
+  const { t } = useI18n();
+  const { changeLocale, currentLocale } = useLocale(loading);
+  const { openModal } = useModal();
+  const Message = useMessage();
+
+  const appStore = useAppStore();
+  const userStore = useUserStore();
+  const licenseStore = useLicenseStore();
+
+  const props = defineProps<{
+    isPreview?: boolean;
+    logo?: string;
+  }>();
+
+  function changeLanguage(locale: LocaleType) {
+    changeLocaleBackEnd(locale);
+    changeLocale(locale);
+  }
+
+  const showBadge = computed(() => {
+    return !appStore.messageInfo.read;
+  });
+
+  const showMessageDrawer = ref(false);
+  function showMessage() {
+    showMessageDrawer.value = true;
+  }
+
+  const showLicenseDrawer = ref(false);
+  function handleUpdate() {
+    showLicenseDrawer.value = true;
+  }
+  const getLicenseStatus = computed<{
+    title: string;
+    status: 'default' | 'error' | 'warning' | 'primary' | 'info' | 'success';
+  }>(() => {
+    switch (licenseStore.licenseInfo?.status) {
+      case 'valid':
+        return {
+          title: t('system.license.valid'),
+          status: 'success',
+        };
+      case 'expired':
+        return {
+          title: t('system.license.invalid'),
+          status: 'error',
+        };
+      default:
+        return {
+          title: t('system.license.failure'),
+          status: 'error',
+        };
+    }
+  });
+
+  const hasValidApiKey = computed(() => userStore.apiKeyList.some((key) => !key.isExpire && key.enable));
+  const showAgentDrawer = ref(false);
+  const initAgentDrawer = ref(false);
+  function showAgent() {
+    if (hasValidApiKey.value) {
+      initAgentDrawer.value = true;
+      showAgentDrawer.value = true;
+    } else {
+      openModal({
+        title: t('common.noEnableApiKey'),
+        type: 'warning',
+        content: t('common.noEnableApiKeyTip'),
+        showCancelButton: true,
+        positiveText: t('common.add'),
+        negativeText: t('common.cancel'),
+        positiveButtonProps: { type: 'primary', size: 'medium' },
+        onPositiveClick: async () => {
+          await addApiKey();
+          Message.success(t('common.newSuccess'));
+          await userStore.initApiKeyList();
+          showAgentDrawer.value = true;
+        },
+      });
+    }
+  }
+
+  const showSearch = computed(() => lastScopedOptions.value.length);
+  const initDuplicateCheckDrawer = ref(false);
+  const showDuplicateCheckDrawer = ref(false);
+
+  const initFollowDrawer = ref(false);
+  const showFollowDrawer = ref(false);
+  const initTaskDrawer = ref(false);
+  const showTaskDrawer = ref(false);
+
+  const { legacyCopy } = useLegacyCopy();
+  function copyVersion(version: string) {
+    legacyCopy(version);
+  }
+
+  const moreActions = computed<ActionsItem[]>(() => {
+    if (licenseStore.hasLicense()) {
+      return [
+        {
+          label: t('settings.help.doc'),
+          key: 'helpDoc',
+          iconType: 'iconicon_help_circle',
+        },
+        {
+          label: t('settings.help.apiDoc'),
+          key: 'apiDoc',
+          iconType: 'iconicon_info_circle',
+        },
+      ];
+    }
+    return [
+      {
+        label: t('settings.help.doc'),
+        key: 'helpDoc',
+        iconType: 'iconicon_help_circle',
+      },
+    ];
+  });
+
+  function selectMoreActions(item: ActionsItem) {
+    switch (item.key) {
+      case 'helpDoc':
+        window.open(appStore.pageConfig.helpDoc, '_blank');
+        break;
+      case 'apiDoc':
+        const apiDocUrl = `${window.location.origin}/swagger-ui/index.html`;
+        window.open(apiDocUrl, '_blank');
+        break;
+      default:
+        break;
+    }
+  }
+
+  const licenseVersionMap: Record<string, string> = {
+    Standard: t('system.license.LicenseStandard'),
+    Enterprise: t('system.license.LicenseEnterprise'),
+    Professional: t('system.license.LicenseProfessional'),
+  };
+
+  onBeforeMount(() => {
+    appStore.getVersion();
+    if (route.name !== WorkbenchRouteEnum.WORKBENCH_INDEX) {
+      appStore.initMessage();
+    }
+    appStore.connectSystemMessageSSE(userStore.showSystemNotify);
+    appStore.showSQLBot();
+    userStore.initApiKeyList();
+  });
+
+  const innerLogo = computed(() =>
+    props.isPreview && props.logo ? props.logo : appStore.pageConfig.logoPlatform[0]?.url ?? defaultPlatformLogo
+  );
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/layout/components/layout-sider.vue b/frontend/packages/web/src/layout/components/layout-sider.vue
new file mode 100644
index 0000000..5755249
--- /dev/null
+++ b/frontend/packages/web/src/layout/components/layout-sider.vue
@@ -0,0 +1,455 @@
+<template>
+  <n-layout-sider
+    v-model:collapsed="collapsed"
+    collapse-mode="width"
+    :collapsed-width="56"
+    :width="180"
+    :native-scrollbar="false"
+    class="crm-layout-sider"
+    @update-collapsed="appStore.setMenuCollapsed"
+  >
+    <div class="flex h-full flex-col justify-between">
+      <div
+        v-if="
+          route.name?.toString().includes(DashboardRouteEnum.DASHBOARD) ||
+          route.name?.toString().includes(TenderRouteEnum.TENDER)
+        "
+        :class="`flex justify-center py-[14px] ${appStore.menuCollapsed ? 'px-[16px]' : 'px-[24px]'}`"
+      >
+        <CrmSvg v-if="appStore.menuCollapsed" name="CORDYS" height="40px" width="40px" />
+        <CrmSvg v-else name="logo_CORDYS" height="28px" width="130px" />
+      </div>
+      <n-scrollbar content-style="min-height: 500px;height: 100%;width: 100%">
+        <n-menu
+          v-model:value="menuValue"
+          v-model:expanded-keys="expandedKeys"
+          :root-indent="24"
+          :indent="appStore.getMenuIconStatus ? 38 : 8"
+          :collapsed-width="appStore.collapsedWidth"
+          :icon-size="18"
+          :collapsed-icon-size="28"
+          :options="menuOptions"
+          :render-label="renderLabel"
+          accordion
+          @update-value="menuChange"
+        />
+      </n-scrollbar>
+      <div class="flex flex-col items-start p-[8px]">
+        <n-dropdown
+          class="personal-dropdown"
+          trigger="hover"
+          placement="right-end"
+          :options="personalMenuOptions"
+          @select="personalMenuChange"
+          @update-show="personalMenuUpdateShow"
+        >
+          <div
+            class="personal-info-menu relative flex w-full cursor-pointer items-center gap-[8px] rounded-[var(--border-radius-small)] bg-[var(--text-n9)] p-[8px] hover:bg-[var(--primary-7)]"
+            :class="personalMenuShow ? 'bg-[var(--primary-6)]' : ''"
+          >
+            <CrmPopConfirm
+              v-model:show="showPopModal"
+              :title="t('system.personal.addNewExport')"
+              icon-type="primary"
+              :content="t('system.personal.addNewExportPopContent')"
+              :positive-text="t('common.gotIt')"
+              negative-text=""
+              placement="right-end"
+              @confirm="confirmHandler"
+            >
+              <span class="personal-export-pop"></span>
+            </CrmPopConfirm>
+            <CrmAvatar :size="collapsed ? 25 : 40" class="flex-shrink-0 transition-all" />
+            <div v-if="!collapsed" class="one-line-text">
+              <div class="one-line-text max-w-[110px]">{{ userStore.userInfo.name }}</div>
+              <!-- <n-tag
+                v-if="userStore.userInfo.id === 'admin' || (userStore.userInfo.roles[0] as any)?.name"
+                :bordered="false"
+                size="small"
+                :color="{
+                  color: 'var(--primary-6)',
+                  textColor: 'var(--primary-8)',
+                }"
+                class="max-w-[110px]"
+              >
+                {{ userStore.userInfo.id === 'admin' ? t('common.admin') : (userStore.userInfo.roles[0] as any)?.name }}
+              </n-tag> -->
+            </div>
+          </div>
+        </n-dropdown>
+        <n-divider />
+        <div class="ml-[8px] w-full cursor-pointer px-[8px]" @click="() => appStore.setMenuCollapsed(!collapsed)">
+          <CrmIcon :type="collapsed ? 'iconicon_menu_fold1' : 'iconicon_menu_unfold1'" :size="16" />
+        </div>
+      </div>
+    </div>
+  </n-layout-sider>
+  <personalExportDrawer v-model:visible="showPersonalExport" />
+</template>
+
+<script setup lang="ts">
+  import { RouteLocationNormalizedGeneric, useRoute, useRouter } from 'vue-router';
+  import { NDivider, NDropdown, NLayoutSider, NMenu, NScrollbar, NTooltip } from 'naive-ui';
+
+  import { PersonalEnum } from '@lib/shared/enums/systemEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { mapTree } from '@lib/shared/method';
+  import { listenerRouteChange } from '@lib/shared/method/route-listener';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmPopConfirm from '@/components/pure/crm-pop-confirm/index.vue';
+  import CrmSvg from '@/components/pure/crm-svg/index.vue';
+  import CrmAvatar from '@/components/business/crm-avatar/index.vue';
+  import personalExportDrawer from '@/views/system/business/components/personalExportDrawer.vue';
+
+  import useMenuTree from '@/hooks/useMenuTree';
+  import useUser from '@/hooks/useUser';
+  import useVisit from '@/hooks/useVisit';
+  import type { AppRouteRecordRaw } from '@/router/routes/types';
+  import useAppStore from '@/store/modules/app';
+  import useLicenseStore from '@/store/modules/setting/license';
+  import useUserStore from '@/store/modules/user';
+  import { getFirstRouterNameByCurrentRoute, hasAnyPermission } from '@/utils/permission';
+
+  import {
+    AppRouteEnum,
+    ClueRouteEnum,
+    CustomerRouteEnum,
+    DashboardRouteEnum,
+    OpportunityRouteEnum,
+    TenderRouteEnum,
+  } from '@/enums/routeEnum';
+
+  import { MenuGroupOption, MenuOption } from 'naive-ui/es/menu/src/interface';
+
+  const emit = defineEmits<{
+    (e: 'openPersonalInfo', tab: PersonalEnum): void;
+  }>();
+
+  const { logout } = useUser();
+
+  const { t } = useI18n();
+  const appStore = useAppStore();
+  const userStore = useUserStore();
+  const licenseStore = useLicenseStore();
+  const router = useRouter();
+  const route = useRoute();
+  const collapsed = ref(appStore.getMenuCollapsed);
+  const menuValue = ref<string>(AppRouteEnum.SYSTEM_ORG);
+  const expandedKeys = ref<string[]>([]);
+  const personalMenuValue = ref<string>('');
+  const personalTab = ref(PersonalEnum.INFO);
+  const visitedKey = 'doNotShowPersonalExportAgain';
+  const { addVisited, getIsVisited } = useVisit(visitedKey);
+
+  watch(
+    () => appStore.getMenuCollapsed,
+    (value) => {
+      collapsed.value = value;
+    }
+  );
+
+  function renderIcon(type: string) {
+    return () =>
+      h(CrmIcon, {
+        size: 18,
+        type,
+        class: 'text-[var(--text-n1)]',
+      });
+  }
+
+  const hasExportPermission = computed(() =>
+    hasAnyPermission(['CUSTOMER_MANAGEMENT:EXPORT', 'OPPORTUNITY_MANAGEMENT:EXPORT', 'CLUE_MANAGEMENT:EXPORT'])
+  );
+
+  const personalMenuOptions = computed(() => [
+    {
+      key: 'header',
+      type: 'render',
+      render: () =>
+        h(
+          NTooltip,
+          {
+            delay: 300,
+          },
+          {
+            trigger: () =>
+              h(
+                'div',
+                { class: 'personal-name one-line-text max-w-[110px]' },
+                { default: () => userStore.userInfo.name }
+              ),
+            default: () => h('div', {}, { default: () => userStore.userInfo.name }),
+          }
+        ),
+    },
+    {
+      key: 'header-divider',
+      type: 'divider',
+    },
+    {
+      label: t('module.personal.info'),
+      key: AppRouteEnum.PERSONAL_INFO,
+      icon: renderIcon('iconicon_set_up'),
+    },
+    {
+      label: t('module.personal.plan'),
+      key: AppRouteEnum.PERSONAL_PLAN,
+      icon: renderIcon('iconicon_calendar1'),
+    },
+    ...(hasExportPermission.value
+      ? [
+          {
+            label: t('module.personal.myExport'),
+            key: AppRouteEnum.PERSONAL_EXPORT,
+            icon: renderIcon('iconicon_export'),
+          },
+        ]
+      : []),
+    {
+      label: t('module.logout'),
+      key: AppRouteEnum.LOGOUT,
+      icon: renderIcon('iconicon_logout'),
+    },
+  ]);
+
+  function renderLabel(option: MenuOption | MenuGroupOption) {
+    return h(
+      NTooltip,
+      {
+        delay: 300,
+      },
+      {
+        trigger: () => h('div', {}, { default: () => option.label }),
+        default: () => h('div', {}, { default: () => option.label }),
+      }
+    );
+  }
+
+  const showPopModal = ref(false);
+  function confirmHandler() {
+    addVisited();
+    showPopModal.value = false;
+  }
+
+  let timer: any = null;
+  function initExportPop() {
+    if (!getIsVisited() && hasExportPermission.value) {
+      showPopModal.value = true;
+
+      if (timer) {
+        clearTimeout(timer);
+        timer = null;
+      }
+      timer = setTimeout(() => {
+        confirmHandler();
+        timer = null;
+      }, 5000);
+    }
+  }
+
+  const isRequiredExportRoute = (key: OpportunityRouteEnum | ClueRouteEnum | CustomerRouteEnum) =>
+    [AppRouteEnum.CLUE_MANAGEMENT, AppRouteEnum.OPPORTUNITY, AppRouteEnum.CUSTOMER].includes(
+      key as OpportunityRouteEnum | ClueRouteEnum | CustomerRouteEnum
+    );
+
+  async function menuChange(key: string, item: MenuOption) {
+    const routeItem = item as unknown as AppRouteRecordRaw;
+    const name = routeItem.meta?.hideChildrenInMenu ? getFirstRouterNameByCurrentRoute(routeItem.name as string) : key;
+    await router.push({ name });
+    if (isRequiredExportRoute(key as OpportunityRouteEnum | ClueRouteEnum | CustomerRouteEnum)) {
+      initExportPop();
+    }
+    if (!routeItem.name?.toString().includes('system')) {
+      expandedKeys.value = [];
+    }
+  }
+
+  const personalMenuShow = ref(false);
+  function personalMenuUpdateShow(value: boolean) {
+    personalMenuShow.value = value;
+  }
+
+  const showPersonalExport = ref(false);
+
+  async function personalMenuChange(key: string) {
+    personalMenuValue.value = key;
+    if (key === AppRouteEnum.PERSONAL_INFO || key === AppRouteEnum.PERSONAL_PLAN) {
+      if (key === AppRouteEnum.PERSONAL_INFO) {
+        personalTab.value = PersonalEnum.INFO;
+      } else {
+        personalTab.value = PersonalEnum.MY_PLAN;
+      }
+      emit('openPersonalInfo', personalTab.value);
+    } else if (key === AppRouteEnum.PERSONAL_EXPORT) {
+      showPersonalExport.value = true;
+    } else {
+      await userStore.logout();
+      logout();
+      if (!licenseStore.hasLicense()) {
+        // license到期后，退出登录重置界面配置
+        appStore.resetPageConfig();
+        window.location.reload();
+      }
+    }
+  }
+
+  const { menuTree } = useMenuTree();
+
+  function getMenuIcon(e: AppRouteRecordRaw) {
+    if (appStore.getMenuIconStatus) {
+      return e?.meta?.icon ? renderIcon(e.meta.icon) : null;
+    }
+
+    return collapsed.value && e?.meta?.collapsedLocale
+      ? () => h('div', { class: `flex flex-nowrap text-[14px]` }, t(e?.meta?.collapsedLocale ?? ''))
+      : null;
+  }
+
+  const menuOptions = computed<MenuOption[]>(() => {
+    return mapTree(menuTree.value, (e: any) => {
+      const menuChildren = mapTree(e.children);
+      return e.meta.isTopMenu
+        ? null
+        : {
+            ...e,
+            label: t(e?.meta?.locale ?? ''),
+            key: e.name,
+            children: menuChildren.length ? menuChildren : undefined,
+            icon: getMenuIcon(e),
+          };
+    }) as unknown as MenuOption[];
+  });
+
+  function setMenuValue(_route: RouteLocationNormalizedGeneric) {
+    const hideChildrenRoute = [..._route.matched].reverse().find((item) => item.meta?.hideChildrenInMenu && item.name);
+
+    if (_route.meta.isTopMenu) {
+      menuValue.value = _route.matched[_route.matched.length - 2]
+        ?.name as (typeof AppRouteEnum)[keyof typeof AppRouteEnum];
+    } else if (hideChildrenRoute) {
+      menuValue.value = hideChildrenRoute.name as (typeof AppRouteEnum)[keyof typeof AppRouteEnum];
+    } else {
+      menuValue.value = _route.name as (typeof AppRouteEnum)[keyof typeof AppRouteEnum];
+      if (_route.name?.toString().includes('system')) {
+        expandedKeys.value = [AppRouteEnum.SYSTEM];
+      }
+    }
+  }
+
+  onBeforeMount(() => {
+    setMenuValue(router.currentRoute.value);
+
+    const routeName = router.currentRoute.value.matched[0]?.name as
+      | OpportunityRouteEnum
+      | ClueRouteEnum
+      | CustomerRouteEnum;
+    if (isRequiredExportRoute(routeName)) {
+      initExportPop();
+    }
+  });
+
+  /**
+   * 监听路由变化，切换菜单选中
+   */
+  listenerRouteChange((newRoute) => {
+    setMenuValue(newRoute);
+  }, true);
+
+  watch(
+    () => appStore.getRestoreMenuTimeStamp,
+    (value) => {
+      if (value) {
+        setMenuValue(router.currentRoute.value);
+      }
+    }
+  );
+
+  watch(
+    () => appStore.orgId,
+    (orgId) => {
+      if (orgId) {
+        appStore.initModuleConfig();
+        appStore.initNavTopConfig();
+      }
+    },
+    { immediate: true }
+  );
+</script>
+
+<style lang="less">
+  .crm-layout-sider {
+    font-weight: 500;
+    .n-scrollbar-content {
+      @apply h-full;
+    }
+    .n-divider:not(.n-divider--vertical) {
+      margin: 12px 0;
+    }
+  }
+  .n-menu-item-content--selected,
+  .n-menu-item-content--child-active {
+    .n-icon {
+      color: var(--n-item-text-color-active) !important;
+    }
+  }
+  .personal-menu {
+    min-width: 120px;
+    .n-menu .n-menu-item {
+      align-items: flex-start;
+      margin-top: 0;
+      padding: 4px 12px;
+      height: 30px;
+      border-radius: 4px;
+    }
+    .n-menu .n-menu-item:hover {
+      transition: 0.7s;
+
+      --n-item-color-hover: var(--primary-7);
+    }
+    .n-menu-item-content {
+      padding-left: 0 !important;
+      .n-menu-item-content-header {
+        color: var(--text-n2);
+      }
+      .n-menu-item-content__icon {
+        width: 16px;
+        height: 16px;
+        color: var(--text-n2);
+      }
+    }
+    .n-menu-item-content::before {
+      top: -4px;
+      right: -8px;
+      bottom: -4px;
+      left: -8px;
+    }
+  }
+  .personal-popover {
+    min-width: 120px;
+    background-color: var(--text-n10);
+    .n-popover__content {
+      padding: 0 !important;
+    }
+  }
+  .personal-name {
+    padding: 4px 8px;
+    font-size: 14px;
+    font-weight: 500;
+    color: var(--text-n1);
+    line-height: 22px;
+  }
+  .personal-dropdown {
+    .n-dropdown-option-body {
+      color: var(--text-n2) !important;
+    }
+  }
+</style>
+
+<style lang="less" scoped>
+  .personal-export-pop {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+  }
+</style>
diff --git a/frontend/packages/web/src/layout/default-layout.vue b/frontend/packages/web/src/layout/default-layout.vue
new file mode 100644
index 0000000..d00b481
--- /dev/null
+++ b/frontend/packages/web/src/layout/default-layout.vue
@@ -0,0 +1,72 @@
+<template>
+  <n-layout class="default-layout">
+    <LayoutHeader
+      v-if="
+        !route.name?.toString().includes(DashboardRouteEnum.DASHBOARD) &&
+        !route.name?.toString().includes(TenderRouteEnum.TENDER)
+      "
+      :is-preview="innerProps.isPreview"
+      :logo="innerLogo"
+    />
+    <n-layout class="flex-1" has-sider>
+      <LayoutSider @open-personal-info="handleOpenPersonalInfo" />
+      <PageContent />
+    </n-layout>
+  </n-layout>
+  <PersonalInfoDrawer v-model:visible="showPersonalInfo" :active-tab-value="personalTab" />
+</template>
+
+<script setup lang="ts">
+  import { useRoute } from 'vue-router';
+  import { NLayout } from 'naive-ui';
+
+  import { PersonalEnum } from '@lib/shared/enums/systemEnum';
+
+  import LayoutHeader from './components/layout-header.vue';
+  import LayoutSider from './components/layout-sider.vue';
+  import PageContent from './page-content.vue';
+  import PersonalInfoDrawer from '@/views/system/business/components/personalInfoDrawer.vue';
+
+  import { defaultPlatformLogo } from '@/config/business';
+
+  import { DashboardRouteEnum, TenderRouteEnum } from '@/enums/routeEnum';
+
+  const route = useRoute();
+
+  interface Props {
+    isPreview?: boolean;
+    logo?: string;
+  }
+
+  const props = defineProps<Props>();
+
+  const innerProps = ref<Props>(props);
+  const personalTab = ref(PersonalEnum.INFO);
+  const showPersonalInfo = ref<boolean>(false);
+
+  function handleOpenPersonalInfo(tab: PersonalEnum) {
+    personalTab.value = tab;
+    showPersonalInfo.value = true;
+  }
+
+  watch(
+    () => props.logo,
+    () => {
+      innerProps.value = { ...props };
+    }
+  );
+  const innerLogo = computed(() =>
+    props.isPreview && innerProps.value.logo ? innerProps.value.logo : defaultPlatformLogo
+  );
+</script>
+
+<style lang="less">
+  .default-layout {
+    @apply flex;
+
+    height: 100vh;
+    .n-layout-scroll-container {
+      @apply flex w-full flex-col overflow-hidden;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/layout/full-page-layout.vue b/frontend/packages/web/src/layout/full-page-layout.vue
new file mode 100644
index 0000000..2ea6943
--- /dev/null
+++ b/frontend/packages/web/src/layout/full-page-layout.vue
@@ -0,0 +1,29 @@
+<template>
+  <n-layout class="layout">
+    <router-view v-slot="{ Component, route }">
+      <transition name="fade" mode="out-in" appear>
+        <!-- transition内必须有且只有一个根元素，不然会导致二级路由的组件无法渲染 -->
+        <div class="page-content">
+          <component :is="Component" :key="route.fullPath" />
+        </div>
+      </transition>
+    </router-view>
+  </n-layout>
+</template>
+
+<script setup lang="ts">
+  import { NLayout } from 'naive-ui';
+</script>
+
+<style lang="less" scoped>
+  .layout {
+    @apply h-full w-full;
+    .page-content {
+      @apply overflow-y-auto;
+
+      height: 100vh;
+      background-color: var(--color-bg-3);
+      .crm-scroll-bar();
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/layout/page-content.vue b/frontend/packages/web/src/layout/page-content.vue
new file mode 100644
index 0000000..231c76e
--- /dev/null
+++ b/frontend/packages/web/src/layout/page-content.vue
@@ -0,0 +1,68 @@
+<template>
+  <router-view v-slot="{ Component, route }">
+    <transition name="fade" mode="out-in" appear>
+      <!-- transition内必须有且只有一个根元素，不然会导致二级路由的组件无法渲染 -->
+      <div class="h-full w-full overflow-hidden">
+        <n-scrollbar content-style="min-height: 500px;height: 100%;width: 100%">
+          <div
+            class="page-content"
+            :class="
+              route.name?.toString().includes(DashboardRouteEnum.DASHBOARD) ||
+              route.name?.toString().includes(TenderRouteEnum.TENDER)
+                ? '!pt-0'
+                : ''
+            "
+          >
+            <CrmExpireAlert v-if="route.path.includes(SystemRouteEnum.SYSTEM)" />
+            <n-breadcrumb v-if="route.meta?.breadcrumbs" class="mb-[8px]">
+              <n-breadcrumb-item
+                v-for="item in route.meta?.breadcrumbs"
+                :key="(item as BreadcrumbItem).name"
+                @click="jumpTo((item as BreadcrumbItem).name)"
+              >
+                {{ t((item as BreadcrumbItem).locale) }}
+              </n-breadcrumb-item>
+            </n-breadcrumb>
+            <Suspense>
+              <keep-alive :include="[]">
+                <component :is="Component" :key="route.name" />
+              </keep-alive>
+            </Suspense>
+          </div>
+        </n-scrollbar>
+      </div>
+    </transition>
+  </router-view>
+</template>
+
+<script lang="ts" setup>
+  import { RouteRecordNameGeneric } from 'vue-router';
+  import { NBreadcrumb, NBreadcrumbItem, NScrollbar } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmExpireAlert from '@/components/business/crm-expire-alert/index.vue';
+
+  import router from '@/router';
+  import { BreadcrumbItem } from '@/router/routes/types';
+
+  import { DashboardRouteEnum, SystemRouteEnum, TenderRouteEnum } from '@/enums/routeEnum';
+
+  const { t } = useI18n();
+
+  function jumpTo(name: RouteRecordNameGeneric) {
+    router.replace({ name });
+  }
+</script>
+
+<style lang="less">
+  .page-content {
+    @apply absolute h-full w-full;
+
+    padding: 16px;
+    background-color: var(--text-n9);
+    .n-breadcrumb-item__link {
+      padding: 0 !important;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/locale/en-US/common.ts b/frontend/packages/web/src/locale/en-US/common.ts
new file mode 100644
index 0000000..0b5ef41
--- /dev/null
+++ b/frontend/packages/web/src/locale/en-US/common.ts
@@ -0,0 +1,367 @@
+export default {
+  'common.pleaseSelectMember': 'Please select a member',
+  'common.add': 'Add',
+  'common.saveAndContinue': 'Save & continue',
+  'common.edit': 'Edit',
+  'common.delete': 'Delete',
+  'common.save': 'Save',
+  'common.cancel': 'Cancel',
+  'common.confirm': 'Confirm',
+  'common.confirmDelete': 'Confirm delete',
+  'common.search': 'Search',
+  'common.reset': 'Reset',
+  'common.retry': 'Retry',
+  'common.start': 'Start',
+  'common.end': 'End',
+  'common.enable': 'Enable',
+  'common.activated': 'Activated',
+  'common.deactivate': 'Deactivate',
+  'common.deactivated': 'Deactivated',
+  'common.deactivationReason': 'Deactivation reason',
+  'common.disable': 'Disable',
+  'common.open': 'Open',
+  'common.close': 'Close',
+  'common.create': 'Create',
+  'common.newCreate': 'Create',
+  'common.claim': 'Claim',
+  'common.batchClaim': 'Batch claim',
+  'common.confirmClaim': 'Confirm claim',
+  'common.claimSuccess': 'Claim success',
+  'common.distribute': 'Distribute',
+  'common.distributeSuccess': 'Distribute success',
+  'common.batchDistribute': 'Batch distribute',
+  'common.addUser': 'Add user',
+  'common.removeUser': 'Remove user',
+  'common.update': 'Update',
+  'common.all': 'All',
+  'common.operation': 'Operation',
+  'common.remove': 'Remove',
+  'common.revoked': 'Revoked',
+  'common.download': 'Download',
+  'common.createSuccess': 'Create success',
+  'common.createFailed': 'Create failed',
+  'common.updateSuccess': 'Update success',
+  'common. updateConfirmTitle': 'Are you sure you want to update?',
+  'common. updateConfirm': 'Confirm update',
+  'common.updateFailed': 'Update failed',
+  'common.deleteConfirm': 'Delete confirm',
+  'common.deleteConfirmTitle': 'Are you sure to delete {name}?',
+  'common.removeConfirmTitle': 'Confirm remove {name}?',
+  'common.archiveConfirmTitle': 'Confirm archive {name}?',
+  'common.deleteConfirmContent': 'After deletion, it cannot be restored. Please operate with caution!',
+  'common.deleteSuccess': 'Deleted successfully',
+  'common.deleteFailed': 'Delete failed',
+  'common.addSuccess': 'Added successfully',
+  'common.addFailed': 'Add failed',
+  'common.editSuccess': 'Edit successful',
+  'common.editFailed': 'Edit failed',
+  'common.saveSuccess': 'Save successful',
+  'common.saveFailed': 'Save failed',
+  'common.cancelSuccess': 'Cancel successful',
+  'common.confirmEnable': 'Confirm enable',
+  'common.confirmEnd': 'Confirm end',
+  'common.confirmStart': 'Confirm start',
+  'common.confirmDisable': 'Confirm disable',
+  'common.confirmClose': 'Confirm close',
+  'common.enableSuccess': 'Enable success',
+  'common.confirmMoveIn': 'Confirm move in',
+  'common.moveInReason': 'Move-in reason',
+  'common.moveInSuccess': 'Move in success',
+  'common.disableSuccess': 'Disable success',
+  'common.enableFailed': 'Enable failed',
+  'common.closeSuccess': 'Close success',
+  'common.closeFailed': 'Close failed',
+  'common.operationSuccess': 'Operation successful',
+  'common.operationFailed': 'Operation failed',
+  'common.removeSuccess': 'Remove success',
+  'common.removeFailed': 'Remove failed',
+  'common.executionSuccess': 'Execution success',
+  'common.admin': 'Admin',
+  'common.revokeDelete': 'Revoke delete',
+  'common.revokeDeleteSuccess': 'Revoke delete success',
+  'common.unSaveLeaveTitle': 'Leave this page?',
+  'common.unSaveLeaveContent': 'Your changes may not be saved',
+  'common.leave': 'Leave',
+  'common.rename': 'Rename',
+  'common.noData': 'No data',
+  'common.internal': 'System-Internal',
+  'common.system.custom': 'System-Custom',
+  'common.custom': 'Custom',
+  'common.preview': 'Preview',
+  'common.fullScreen': 'Full screen',
+  'common.offFullScreen': 'Off full screen',
+  'common.offFullScreenTip': 'The shortcuts "Command+E"/"Control+E" press full screen once and exit twice',
+  'common.allSelect': 'All select',
+  'common.setting': 'Setting',
+  'common.resetDefault': 'Reset default',
+  'common.tagPlaceholder': 'Add tag and press Enter to end',
+  'common.tagInputMaxLength': 'The tag must not exceed {number} characters',
+  'common.tagCountMax': 'The number of labels must not exceed 10',
+  'common.batchModify': 'Batch Edit',
+  'common.batchAdd': 'Batch Add',
+  'common.pleaseSelect': 'please choose',
+  'common.pleaseInput': 'Please input',
+  'common.quickAddMember': 'Quickly add members',
+  'common.maxAddMemberTip': 'Up to {count} members can be added',
+  'common.filter': 'Filter',
+  'common.export': 'Export',
+  'common.exporting': 'Exporting',
+  'common.exportSuccessful': 'Export successful',
+  'common.exportFailed': 'Export failed',
+  'common.downloadFile': 'Download file',
+  'common.import': 'Import',
+  'common.collapseAll': 'Collapse all',
+  'common.expandAll': 'Expand all',
+  'common.copy': 'Copy',
+  'common.copySuccess': 'Copy successfully',
+  'common.copyNotSupport': 'Your browser does not support automatic copying. Please copy manually.',
+  'common.fork': 'Fork',
+  'common.notForked': 'Not Forked',
+  'common.forked': 'Forked',
+  'common.more': 'More',
+  'common.recycle': 'Recycle Bin',
+  'common.new': 'New',
+  'common.modify': 'Modify',
+  'common.sync': 'Sync',
+  'common.newSuccess': 'Added successfully',
+  'common.publish': 'Publish',
+  'common.publishSuccessfully': 'Published successfully',
+  'common.publishFailed': 'Published failed',
+  'common.string': 'String',
+  'common.number': 'Number',
+  'common.boolean': 'Boolean',
+  'common.array': 'Array',
+  'common.list': 'List',
+  'common.constant': 'Constant',
+  'common.json': 'Object',
+  'common.integer': 'Integer',
+  'common.file': 'File',
+  'common.unVerify': 'Not verified',
+  'common.desc': 'Description',
+  'common.root': 'Default Module',
+  'common.revoke': 'Revoke',
+  'common.clear': 'Clear',
+  'common.tag': 'Tag',
+  'common.success': 'Success',
+  'common.fail': 'Error',
+  'common.noProject': 'No project, please contact the administrator',
+  'common.noResource': 'No resource, please contact the administrator',
+  'common.noSelectProject': 'No optional items available',
+  'common.noSelectOrg': 'No optional items available',
+  'common.noPermission': 'No permission',
+  'common.batchEdit': 'Batch Edit',
+  'common.tagsInputPlaceholder': 'Enter the content and press Enter to directly add tags',
+  'common.move': 'Move',
+  'common.moveSuccess': 'Move successful',
+  'common.batchMove': 'Batch move',
+  'common.batchArchiveSuccess': 'Archive successful',
+  'common.batchCopy': 'Batch copy',
+  'common.batchCopySuccess': 'Batch copy successful',
+  'common.batchMoveSuccess': 'Batch move successful',
+  'common.importSuccess': 'Import successful',
+  'common.nameIsTooLang': 'The name cannot exceed 255 characters',
+  'common.validateSuccess': 'Validate success',
+  'common.to': 'To',
+  'common.tip': 'Tips',
+  'common.stay': 'Stay',
+  'common.apply': 'Apply',
+  'common.stop': 'Stop',
+  'common.stopConfirm': 'Confirm stop',
+  'common.module': 'Module',
+  'common.yes': 'Yes',
+  'common.no': 'No',
+  'common.creator': 'Creator',
+  'common.createTime': 'Create time',
+  'common.followSuccess': 'Followed',
+  'common.unFollowSuccess': 'Unfollow successfully',
+  'common.share': 'Share',
+  'common.notRemind': `Don't remind again`,
+  'common.status': 'Status',
+  'common.batchEnable': 'Batch enable',
+  'common.batchDisable': 'Batch disable',
+  'common.batchDelete': 'Batch delete',
+  'common.batchDebug': 'Batch debug',
+  'common.execute': 'Execute',
+  'common.replace': 'Replace',
+  'common.notNull': '{value} cannot be empty',
+  'common.value.nameNotNull': 'The attribute cannot be empty',
+  'common.value.notNull': 'The attribute value cannot be empty',
+  'common.nameNotNull': 'Name cannot be empty',
+  'common.namePlaceholder': 'Please enter the name and press Enter to save',
+  'common.unsaved': 'Unsaved',
+  'common.unsavedLeave':
+    'The content of some tabs has not been saved. The unsaved content will be lost after leaving. Are you sure you want to leave?',
+  'common.editUnsavedLeave':
+    'The content of the current tab has not been saved. The unsaved content will be lost after leaving. Are you sure you want to leave?',
+  'common.image': 'Image',
+  'common.text': 'Text',
+  'common.resourceDeleted': 'Resource has been deleted',
+  'common.resourceExpired': 'Link has failed, please get it again',
+  'common.refresh': 'Refresh',
+  'common.searchByIdName': 'Search by ID/name',
+  'common.searchByIDNameTag': 'Search by ID/name/tag',
+  'common.searchByName': 'Search by name',
+  'common.searchByNamePhone': 'Search by name/phone number',
+  'common.searchName': 'Search by name',
+  'common.archive': 'archive',
+  'common.notArchived': 'Not archived',
+  'common.running': 'Running',
+  'common.unExecute': 'Pending',
+  'common.executed': 'Executed',
+  'common.pass': 'Pass',
+  'common.unPass': 'No pass',
+  'common.belongModule': 'Belong module',
+  'common.moreSetting': 'More settings',
+  'common.detail': 'detail',
+  'common.baseInfo': 'Basic info',
+  'common.remark': 'Remark',
+  'common.case': 'Case',
+  'common.caseLevel': 'Case level',
+  'common.caseStatus': 'Case status',
+  'common.responsiblePerson': 'Responsible person',
+  'common.updateUserName': 'Update user name',
+  'common.updateTime': 'Update time',
+  'common.belongProject': 'Belong to Project',
+  'common.belongOrg': 'Belong to Organization',
+  'common.noMatchData': 'No matching data',
+  'common.name': 'name',
+  'common.stopped': 'Stopped',
+  'common.completed': 'Completed',
+  'common.archived': 'Archived',
+  'common.notStarted': 'Not started',
+  'common.inProgress': 'In progress',
+  'common.config': 'Config',
+  'common.executionResult': 'Execution result',
+  'common.executionResultCleaned': 'Execution results are cleaned',
+  'common.expandAllSubModule': 'Expand all submodules',
+  'common.collapseAllSubModule': 'Collapse all submodules',
+  'common.selectedCount': '{count} data selected',
+  'common.advancedSettings': 'Advanced settings',
+  'common.auth_redirect_tip': 'You will be redirected to the certification source page for certification',
+  'common.default': 'Default',
+  'common.jump': 'Jump',
+  'common.gotIt': 'Got it',
+  'common.inputPleaseEnterTags': 'Please enter the update tag enter add, not more than 64 characters',
+  'common.cutSuccess': 'Cut successfully',
+  'common.copySuccessToClipboard': 'Copied to clipboard',
+  'common.currentUser': 'Current user',
+  'common.type': 'Type',
+  'common.batchUpdate': 'Updated to',
+  'common.checkDetail': 'View details',
+  'common.operator': 'Operator',
+  'common.nameExists': 'Name already exists',
+  'common.valueExists': '{value} already exists',
+  'common.pleaseInputToEnter': 'Please input and press enter',
+  'common.emailErrTip': 'Email format error, please reenter',
+  'common.userPhoneErrTip': 'Please enter the 11 phone number',
+  'common.addTime': 'Add time',
+  'common.opened': 'Enabled',
+  'common.disabled': 'Disabled',
+  'common.ViewMore': 'View more',
+  'common.unNamed': 'Not named',
+  'common.revokeChange': 'Revoke change',
+  'common.confirmDisabledTitle': 'Are you sure to disable {name}?',
+  'common.confirmEnableTitle': 'Are you sure to enable {name}?',
+  'common.connectionSuccess': 'Connection success',
+  'common.closed': 'Closed',
+  'common.equal': 'Equal',
+  'common.notEqual': 'Not equal',
+  'common.gt': 'Greater than',
+  'common.ge': 'Greater than or equal to',
+  'common.lt': 'Less than',
+  'common.le': 'Less than or equal to',
+  'common.dynamics': 'Dynamics',
+  'common.month': 'Month Ago',
+  'common.week': 'Week Ago',
+  'common.day': 'Day Ago',
+  'common.afterDay': 'Days After',
+  'common.afterWeek': 'Weeks After',
+  'common.afterMonth': 'Months After',
+  'common.yesterday': 'Yesterday',
+  'common.tomorrow': 'Tomorrow',
+  'common.lastWeek': 'Last Week',
+  'common.lastMonth': 'Last Month',
+  'common.lastSevenDays': 'Last 7 Days',
+  'common.nextSevenDays': 'Next 7 Days',
+  'common.lastThirtyDays': 'Last 30 Days',
+  'common.nextThirtyDays': 'Next 30 Days',
+  'common.sort': 'Sort',
+  'common.tabConfig': 'Tab settings',
+  'common.head': 'Head',
+  'common.phoneNumber': 'Phone number',
+  'common.transfer': 'Transfer',
+  'common.transferSuccess': 'Transfer success',
+  'common.transferFailed': 'Transfer failed',
+  'common.batchTransfer': 'Batch transfer',
+  'common.overview': 'Overview',
+  'common.plan': 'Follow plan',
+  'common.headRecord': 'Head record',
+  'common.followFailed': 'Follow failed',
+  'common.updateToCurrentProgress': 'Update to current progress',
+  'common.canceled': 'Canceled',
+  'common.cancelPlan': 'Cancel plan',
+  'common.byKeywordSearch': 'Search by keyword',
+  'common.complete': 'Complete',
+  'common.result': 'Result',
+  'common.contact': 'Contact',
+  'common.required': 'Required',
+  'common.onlyOne': 'Not allowed to repeat value',
+  'common.dayUnit': 'Day',
+  'common.optionNotExist': 'Option does not exist',
+  'common.fieldNotExist': 'Field does not exist',
+  'common.dateCannotBeInPast': 'The date cannot be less than the current time',
+  'common.cancelExport': 'Cancel export',
+  'common.exportAll': 'Export all',
+  'common.exportChecked': 'Export checked',
+  'common.selectedFields': 'Selected fields',
+  'common.optionalFields': 'Optional fields',
+  'common.systemFields': 'System fields',
+  'common.formFields': 'Form fields',
+  'common.showFields': 'Show fields',
+  'common.exportTaskCreate': 'Export task created, please check the export task list for details',
+  'common.exportTaskTip': '[Avatar in the lower left corner > My Export] View the progress of the export task',
+  'common.dashboard': 'Dashboard',
+  'common.convertPlanToRecord': 'Plan transfer record',
+  'common.hasConvertToRecord': 'Have record',
+  'common.notAllowForwardSlash': 'Not allowed to enter /',
+  'common.conversionSuccessful': 'Conversion successful',
+  'common.updateField': 'Field',
+  'common.noEnableApiKey': 'No enabled API Key',
+  'common.noEnableApiKeyTip': 'No enabled API Key, please add one now !',
+  'common.goAdd': 'Add',
+  'common.approval': 'Approval',
+  'common.batchApproval': 'Batch approval',
+  'common.voided': 'Voided',
+  'common.batchVoid': 'Batch void',
+  'common.confirmVoid': 'Are you sure to void?',
+  'common.voidSuccess': 'Void success',
+  'common.cancelVoid': 'Cancel Void',
+  'common.review': 'Review',
+  'common.reviewSuccess': 'Review success',
+  'common.revokeSuccess': 'Revoke success',
+  'common.approvedSuccess': 'Approval passed',
+  'common.unApprovedSuccess': 'Approval not passed',
+  'common.skipped': 'Skipped',
+  'common.backToTop': 'Back to top',
+  'common.nextStep': 'Next step',
+  'common.approvalStatus': 'Approval status',
+  'common.pending': 'Pending',
+  'common.normal': 'Normal',
+  'common.approved': 'Approved',
+  'common.autoApproved': 'Auto approved',
+  'common.rejected': 'Rejected',
+  'common.autoRejected': 'Auto rejected',
+  'common.reviewing': 'Reviewing',
+  'common.approver': 'Approver',
+  'common.resubmit': 'Resubmit',
+  'common.OR_APPROVAL': 'OR approval',
+  'common.COUNTERSIGNATURE': 'Countersignature',
+  'common.AND_APPROVAL': 'AND approval',
+  'common.SEQUENTIAL_APPROVAL': 'Sequential Approval',
+  'common.copyTo': 'Copy to',
+  'common.exportApprovalTip': 'Only data with approval statuses {statuses} can be exported',
+  'common.batchEditApprovalTip': 'Only data with approval statuses {statuses} can be batch edited',
+  'common.batchVoidApprovalTip': 'Only data with approval statuses {statuses} can be batch voided',
+  'common.testLink': 'Test link',
+  'common.batchDeleteTitle': 'Confirm delete {count} data?',
+};
diff --git a/frontend/packages/web/src/locale/en-US/index.ts b/frontend/packages/web/src/locale/en-US/index.ts
new file mode 100644
index 0000000..d00dfff
--- /dev/null
+++ b/frontend/packages/web/src/locale/en-US/index.ts
@@ -0,0 +1,55 @@
+import common from './common';
+import localeSettings from './settings';
+import sys from './sys';
+import dayjsLocale from 'dayjs/locale/en';
+
+const _Cmodules: any = import.meta.glob('../../components/**/locale/en-US.ts', { eager: true });
+const _Vmodules: any = import.meta.glob('../../views/**/locale/en-US.ts', { eager: true });
+let result = {};
+Object.keys(_Cmodules).forEach((key) => {
+  const defaultModule = _Cmodules[key as any].default;
+  if (!defaultModule) return;
+  result = { ...result, ...defaultModule };
+});
+Object.keys(_Vmodules).forEach((key) => {
+  const defaultModule = _Vmodules[key as any].default;
+  if (!defaultModule) return;
+  result = { ...result, ...defaultModule };
+});
+
+export default {
+  message: {
+    'menu.workbench': 'Home',
+    'menu.settings': 'Settings',
+    'menu.collapsedSettings': 'System',
+    'menu.settings.org': 'Organization',
+    'menu.settings.permission': 'Roles',
+    'menu.settings.moduleSetting': 'Module',
+    'menu.opportunity': 'Opportunity',
+    'menu.quotation': 'Quotation',
+    'menu.collapsedOpportunity': 'Opportunity',
+    'menu.collapsedProduct': 'Product',
+    'menu.clue': 'Lead',
+    'menu.customer': 'Account',
+    'menu.contact': 'Contact',
+    'menu.dashboard': 'Dashboard',
+    'menu.agent': 'Agent',
+    'menu.custom_form': 'Custom Form',
+    'menu.tender': 'Tender',
+    'menu.customForm': 'Custom Form',
+    'menu.settings.businessSetting': 'Enterprise',
+    'menu.settings.license': 'License',
+    'menu.settings.messageSetting': 'Notification',
+    'menu.settings.processSetting': 'Process',
+    'menu.settings.approvalFlow': 'Approval Flow',
+    'menu.settings.workflowSetting': 'Workflow',
+    'menu.settings.log': 'Logs',
+    'navbar.action.locale': 'Switch to English',
+    ...sys,
+    ...localeSettings,
+    ...result,
+    ...common,
+  },
+  dayjsLocale,
+  dayjsLocaleName: 'en-US',
+};
diff --git a/frontend/packages/web/src/locale/en-US/settings.ts b/frontend/packages/web/src/locale/en-US/settings.ts
new file mode 100644
index 0000000..7637800
--- /dev/null
+++ b/frontend/packages/web/src/locale/en-US/settings.ts
@@ -0,0 +1,38 @@
+export default {
+  'settings.title': 'Settings',
+  'settings.themeColor': 'Switch between light/dark mode',
+  'settings.content': 'Content Setting',
+  'settings.search': 'Search',
+  'settings.language': 'Language',
+  'settings.navbar': 'Navbar',
+  'settings.menuWidth': 'Menu Width (px)',
+  'settings.navbar.screen.toFull': 'Click to switch to full screen mode',
+  'settings.navbar.screen.toExit': 'Click to exit the full screen mode',
+  'settings.navbar.alerts': 'Alerts',
+  'settings.navbar.search': 'Search',
+  'settings.navbar.task': 'Task center',
+  'settings.navbar.help': 'Help center',
+  'settings.navbar.event': 'Record/Plan',
+  'settings.help.guide': 'Use Guide',
+  'settings.help.doc': 'Help docs',
+  'settings.help.apiDoc': 'API docs',
+  'settings.help.forumHelp': 'Forum Help',
+  'settings.help.gitHubProject': 'GitHub project',
+  'settings.help.enterpriseVersionTrial': 'Enterprise version trial',
+  'settings.help.APIDoc': 'API docs',
+  'settings.help.versionInfo': 'About',
+  'settings.help.currentVersion': 'Current Version',
+  'settings.help.latestVersion': 'Latest Version',
+  'settings.menu': 'Menu',
+  'settings.tabBar': 'Tab Bar',
+  'settings.footer': 'Footer',
+  'settings.otherSettings': 'Other Settings',
+  'settings.colorWeak': 'Color Weak',
+  'settings.alertContent':
+    'After the configuration is only temporarily effective, if you want to really affect the project, click the "Copy Settings" button below and replace the configuration in settings.json.',
+  'settings.copySettings': 'Copy Settings',
+  'settings.copySettings.message': 'Copy succeeded, please paste to file src/settings.json.',
+  'settings.close': 'Close',
+  'settings.color.tooltip': '10 gradient colors generated according to the theme color',
+  'settings.navbar.createProject': 'Create project',
+};
diff --git a/frontend/packages/web/src/locale/en-US/sys.ts b/frontend/packages/web/src/locale/en-US/sys.ts
new file mode 100644
index 0000000..18e5508
--- /dev/null
+++ b/frontend/packages/web/src/locale/en-US/sys.ts
@@ -0,0 +1,42 @@
+export default {
+  // 消息提醒相关
+  'message.errorTip': 'Error Tip',
+  'message.loggingOut': 'Logging out...',
+  'message.loginExpired': 'Login expired, please login again!',
+  'message.logoutSuccess': 'Logout successful',
+  'message.loadingDefaultTip': 'Loading...',
+  'message.menuLoading': 'Loading the menu...',
+  'message.menuLoadSuccess': 'Menu loaded successfully',
+  'message.menuLoadError': 'Menu load failed',
+  // API相关
+  'api.apiTimeoutMessage': 'The interface request timed out, please refresh the page and try again!',
+  'api.apiRequestFailed': 'The interface request failed, please try again later!',
+  'api.networkException': 'network anomaly',
+  'api.networkExceptionMsg': 'Please check if your network connection is normal! The network is abnormal',
+  'api.responseError': 'Interface returns an error, please try again',
+  'api.requestError': 'Request Error',
+  'api.errMsg401': 'The user does not have permission (token, user name, password error)!',
+  'api.errMsg403': 'The user is authorized, but access is forbidden!',
+  'api.errMsg404': 'Network request error, the resource was not found!',
+  'api.errMsg405': 'Network request error, request method not allowed!',
+  'api.errMsg408': 'Network request timed out!',
+  'api.errMsg500': 'Server error, please contact the administrator!',
+  'api.errMsg501': 'The network is not implemented!',
+  'api.errMsg502': 'Network Error!',
+  'api.errMsg503': 'The service is unavailable, the server is temporarily overloaded or maintained!',
+  'api.errMsg504': 'Network timeout!',
+  'api.errMsg505': 'The http version does not support the request!',
+  // 异步任务提示
+  'asyncTask.uploadFileProgress': 'File upload progress {percent}; {done} successful, {fail} failed',
+  'asyncTask.uploadFileSuccess': 'File upload completed: {done} successfully, {fail} failed',
+  'asyncTask.uploadFileSuccessTitle': 'Upload completed',
+  // 通用业务提示
+  'user.openSourceCreateUsersLimit':
+    'The maximum number of system users has reached 30 (Community Edition). If you need to add/enable more users, you can apply',
+  'user.businessTry': 'Enterprise Edition Trial',
+  'user.businessCreateUsersLimitThirty':
+    'The maximum number of system users has reached 30 (Community Edition). If you need to add/enable more users, you can apply',
+  'user.businessCreateUsersLimitMax':
+    'The number of system users has reached the maximum number of user subscriptions {count}. If you want to add/enable more users, you can apply',
+  'user.businessScaling': 'Enterprise Edition Capacity Expansion',
+};
diff --git a/frontend/packages/web/src/locale/zh-CN/common.ts b/frontend/packages/web/src/locale/zh-CN/common.ts
new file mode 100644
index 0000000..37dd769
--- /dev/null
+++ b/frontend/packages/web/src/locale/zh-CN/common.ts
@@ -0,0 +1,379 @@
+export default {
+  'common.pleaseSelectMember': '请选择成员',
+  'common.add': '添加',
+  'common.saveAndContinue': '保存并继续添加',
+  'common.edit': '编辑',
+  'common.delete': '删除',
+  'common.save': '保存',
+  'common.cancel': '取消',
+  'common.confirm': '确认',
+  'common.confirmDelete': '确认删除',
+  'common.search': '搜索',
+  'common.reset': '重置',
+  'common.retry': '重试',
+  'common.start': '开始',
+  'common.end': '结束',
+  'common.enable': '启用',
+  'common.activated': '已启用',
+  'common.deactivate': '停用',
+  'common.deactivated': '已停用',
+  'common.deactivationReason': '停用原因',
+  'common.disable': '禁用',
+  'common.open': '开启',
+  'common.close': '关闭',
+  'common.create': '创建',
+  'common.newCreate': '新建',
+  'common.claim': '领取',
+  'common.batchClaim': '批量领取',
+  'common.confirmClaim': '确认领取',
+  'common.claimSuccess': '领取成功',
+  'common.distribute': '分配',
+  'common.distributeSuccess': '分配成功',
+  'common.batchDistribute': '批量分配',
+  'common.addUser': '添加用户',
+  'common.removeUser': '移除用户',
+  'common.update': '更新',
+  'common.all': '全部',
+  'common.operation': '操作',
+  'common.remove': '移除',
+  'common.revoked': '已撤销',
+  'common.filter': '筛选',
+  'common.download': '下载',
+  'common.createSuccess': '创建成功',
+  'common.createFailed': '创建失败',
+  'common.updateSuccess': '更新成功',
+  'common.updateConfirmTitle': '确定要更新吗？',
+  'common.updateConfirm': '确定更新',
+  'common.updateFailed': '更新失败',
+  'common.deleteConfirm': '确认删除？',
+  'common.deleteConfirmTitle': '确认删除 {name} 吗？',
+  'common.removeConfirmTitle': '确认移除 {name} 吗？',
+  'common.archiveConfirmTitle': '确认归档 {name} 吗？',
+  'common.deleteConfirmContent': '删除后，不可恢复，请谨慎操作！',
+  'common.deleteSuccess': '删除成功',
+  'common.deleteFailed': '删除失败',
+  'common.addSuccess': '添加成功',
+  'common.addFailed': '添加失败',
+  'common.editSuccess': '编辑成功',
+  'common.editFailed': '编辑失败',
+  'common.saveSuccess': '保存成功',
+  'common.saveFailed': '保存失败',
+  'common.cancelSuccess': '取消成功',
+  'common.confirmEnable': '确认启用',
+  'common.confirmDisable': '确认禁用',
+  'common.confirmClose': '确认关闭',
+  'common.confirmEnd': '确认结束',
+  'common.confirmStart': '确认开启',
+  'common.enableSuccess': '启用成功',
+  'common.confirmMoveIn': '确认移入',
+  'common.moveInReason': '移入原因',
+  'common.moveInSuccess': '移入成功',
+  'common.disableSuccess': '禁用成功',
+  'common.enableFailed': '启用失败',
+  'common.closeSuccess': '关闭成功',
+  'common.closeFailed': '关闭失败',
+  'common.operationSuccess': '操作成功',
+  'common.operationFailed': '操作失败',
+  'common.removeSuccess': '移除成功',
+  'common.removeFailed': '移除失败',
+  'common.executionSuccess': '执行成功',
+  'common.admin': '超级管理员',
+  'common.revokeDelete': '撤销删除',
+  'common.revokeDeleteSuccess': '已撤销删除',
+  'common.unSaveLeaveTitle': '离开此页面？',
+  'common.unSaveLeaveContent': '系统不会保存您所做的更改',
+  'common.leave': '离开',
+  'common.rename': '重命名',
+  'common.noData': '暂无数据',
+  'common.internal': '系统内置',
+  'common.system.custom': '系统自定义',
+  'common.custom': '自定义',
+  'common.preview': '预览',
+  'common.fullScreen': '全屏',
+  'common.offFullScreen': '退出全屏',
+  'common.offFullScreenTip': '快捷键"Command+E" / "Control+E" 按一次全屏，两次退出',
+  'common.allSelect': '全选',
+  'common.setting': '设置',
+  'common.resetDefault': '恢复默认',
+  'common.tagPlaceholder': '添加标签回车结束',
+  'common.tagInputMaxLength': '标签不得超过 {number} 个字符',
+  'common.tagCountMax': '标签个数不得超过10个',
+  'common.batchModify': '批量修改',
+  'common.batchAdd': '批量添加',
+  'common.pleaseInput': '请输入',
+  'common.pleaseSelect': '请选择',
+  'common.quickAddMember': '快速添加成员',
+  'common.maxAddMemberTip': '最多可添加 {count} 人',
+  'common.export': '导出',
+  'common.exporting': '正在导出',
+  'common.exportSuccessful': '导出成功',
+  'common.exportFailed': '导出失败',
+  'common.downloadFile': '下载文件',
+  'common.import': '导入',
+  'common.collapseAll': '收起全部',
+  'common.expandAll': '展开全部',
+  'common.copy': '复制',
+  'common.copySuccess': '复制成功',
+  'common.copyNotSupport': '您的浏览器不支持自动复制，请手动复制',
+  'common.fork': '关注',
+  'common.notForked': '未关注',
+  'common.forked': '已关注',
+  'common.more': '更多',
+  'common.recycle': '回收站',
+  'common.new': '新增',
+  'common.modify': '修改',
+  'common.sync': '同步',
+  'common.newSuccess': '新增成功',
+  'common.publish': '发布',
+  'common.publishSuccessfully': '发布成功',
+  'common.publishFailed': '发布失败',
+  'common.string': '字符串',
+  'common.number': '数字',
+  'common.boolean': '布尔',
+  'common.array': '数组',
+  'common.list': '列表',
+  'common.constant': '常量',
+  'common.json': '对象',
+  'common.integer': '整数',
+  'common.file': '文件',
+  'common.desc': '描述',
+  'common.root': '默认模块',
+  'common.revoke': '撤销',
+  'common.clear': '清空',
+  'common.tag': '标签',
+  'common.success': '成功',
+  'common.fail': '失败',
+  'common.unVerify': '未验证',
+  'common.noProject': '暂无项目权限，请联系管理员',
+  'common.noResource': '暂无资源权限，请联系管理员',
+  'common.noSelectProject': '无可选项目',
+  'common.noSelectOrg': '无可选组织',
+  'common.noPermission': '无权限',
+  'common.batchEdit': '批量编辑',
+  'common.tagsInputPlaceholder': '输入内容后回车可直接添加标签',
+  'common.move': '移动',
+  'common.moveSuccess': '移动成功',
+  'common.batchMove': '批量移动',
+  'common.batchArchiveSuccess': '归档成功',
+  'common.batchCopy': '批量复制',
+  'common.batchCopySuccess': '批量复制成功',
+  'common.batchMoveSuccess': '批量移动成功',
+  'common.importSuccess': '导入成功',
+  'common.nameIsTooLang': '名称不能超过255个字符',
+  'common.validateSuccess': '验证成功',
+  'common.to': '至',
+  'common.tip': '温馨提示',
+  'common.stay': '留下',
+  'common.apply': '应用',
+  'common.stop': '停止',
+  'common.stopConfirm': '确认停止',
+  'common.module': '模块',
+  'common.yes': '是',
+  'common.no': '否',
+  'common.creator': '创建人',
+  'common.createTime': '创建时间',
+  'common.followSuccess': '关注成功',
+  'common.unFollowSuccess': '取消关注成功',
+  'common.share': '分享',
+  'common.notRemind': '不再提醒',
+  'common.status': '状态',
+  'common.batchEnable': '批量启用',
+  'common.batchDisable': '批量禁用',
+  'common.batchDelete': '批量删除',
+  'common.batchDebug': '批量调试',
+  'common.execute': '执行',
+  'common.replace': '替换',
+  'common.notNull': '{value}不能为空',
+  'common.value.nameNotNull': '属性不能为空',
+  'common.value.notNull': '属性值不能为空',
+  'common.nameNotNull': '名称不能为空',
+  'common.namePlaceholder': '请输入名称，按回车键保存',
+  'common.unsaved': '未保存',
+  'common.unsavedLeave': '有标签页的内容未保存，离开后未保存的内容将丢失，确定要离开吗？',
+  'common.editUnsavedLeave': '编辑内容未保存，离开后未保存的内容将丢失，确定要离开吗？',
+  'common.image': '图片',
+  'common.text': '文本',
+  'common.resourceDeleted': '资源已被删除',
+  'common.resourceExpired': '链接已失效，请重新获取',
+  'common.refresh': '刷新',
+  'common.searchByIdName': '通过 ID/名称搜索',
+  'common.searchByIDNameTag': '通过 ID/名称/标签搜索',
+  'common.searchByName': '通过名称搜索',
+  'common.searchByNamePhone': '通过名称/手机号搜索',
+  'common.searchName': '通过姓名搜索',
+  'common.archive': '归档',
+  'common.notArchived': '未归档',
+  'common.running': '执行中',
+  'common.unExecute': '未执行',
+  'common.executed': '已执行',
+  'common.pass': '通过',
+  'common.unPass': '不通过',
+  'common.belongModule': '所属模块',
+  'common.moreSetting': '更多设置',
+  'common.executionResult': '执行结果',
+  'common.executionResultCleaned': '执行结果被清理',
+  'common.detail': '详情',
+  'common.baseInfo': '基本信息',
+  'common.remark': '备注',
+  'common.case': '用例',
+  'common.caseLevel': '用例等级',
+  'common.caseStatus': '用例状态',
+  'common.responsiblePerson': '责任人',
+  'common.updateUserName': '更新人',
+  'common.updateTime': '更新时间',
+  'common.belongProject': '所属项目',
+  'common.belongOrg': '所属组织',
+  'common.noMatchData': '暂无匹配数据',
+  'common.name': '名称',
+  'common.stopped': '已停止',
+  'common.completed': '已完成',
+  'common.archived': '已归档',
+  'common.notStarted': '未开始',
+  'common.inProgress': '进行中',
+  'common.config': '配置',
+  'common.expandAllSubModule': '展开全部子模块',
+  'common.collapseAllSubModule': '收起全部子模块',
+  'common.selectedCount': '(已选 {count} 项数据)',
+  'common.advancedSettings': '高级设置',
+  'common.auth_redirect_tip': '即将跳转至认证源页面进行认证',
+  'common.default': '默认',
+  'common.jump': '跳转',
+  'common.gotIt': '知道了',
+  'common.inputPleaseEnterTags': '请输入更新标签回车添加，不得超过64字符',
+  'common.cutSuccess': '剪切成功',
+  'common.copySuccessToClipboard': '已复制到剪切板',
+  'common.currentUser': '当前用户',
+  'common.type': '类型',
+  'common.batchUpdate': '更新为',
+  'common.checkDetail': '查看详情',
+  'common.operator': '操作人',
+  'common.nameExists': '名称已重复',
+  'common.valueExists': '{value}已重复',
+  'common.pleaseInputToEnter': '请输入后回车',
+  'common.emailErrTip': '邮箱格式错误，请重新输入',
+  'common.userPhoneErrTip': '请输入11位手机号',
+  'common.addTime': '添加时间',
+  'common.opened': '已开启',
+  'common.disabled': '已禁用',
+  'common.ViewMore': '查看更多',
+  'common.unNamed': '未命名',
+  'common.revokeChange': '撤销更改',
+  'common.confirmDisabledTitle': '确认禁用 {name} 吗？',
+  'common.confirmEnableTitle': '确认启用 {name} 吗？',
+  'common.connectionSuccess': '连接成功',
+  'common.closed': '已关闭',
+  'common.equal': '等于',
+  'common.notEqual': '不等于',
+  'common.gt': '大于',
+  'common.ge': '大于等于',
+  'common.lt': '小于',
+  'common.le': '小于等于',
+  'common.dynamics': '动态',
+  'common.month': '月前',
+  'common.week': '周前',
+  'common.afterDay': '天后',
+  'common.afterWeek': '周后',
+  'common.afterMonth': '月后',
+  'common.yesterday': '昨天',
+  'common.tomorrow': '明天',
+  'common.lastWeek': '上周',
+  'common.lastMonth': '上月',
+  'common.lastSevenDays': '过去7天内',
+  'common.nextSevenDays': '未来7天内',
+  'common.lastThirtyDays': '过去30天内',
+  'common.nextThirtyDays': '未来30天内',
+  'common.nextWeek': '下周',
+  'common.nextMonth': '下月',
+  'common.lastSixtyDays': '过去60天',
+  'common.nextSixtyDays': '未来60天',
+  'common.thisQuarter': '本季度',
+  'common.lastQuarter': '上季度',
+  'common.nextQuarter': '下季度',
+  'common.thisYear': '本年度',
+  'common.lastYear': '上年度',
+  'common.nextYear': '下年度',
+
+  'common.day': '天前',
+  'common.sort': '排序',
+  'common.tabConfig': '标签页配置',
+  'common.head': '负责人',
+  'common.phoneNumber': '手机号',
+  'common.transfer': '转移',
+  'common.transferSuccess': '转移成功',
+  'common.transferFailed': '转移失败',
+  'common.batchTransfer': '批量转移',
+  'common.overview': '概览',
+  'common.plan': '跟进计划',
+  'common.headRecord': '负责人记录',
+  'common.previousOwnerRecord': '前负责人记录',
+  'common.followFailed': '跟进失败',
+  'common.updateToCurrentProgress': '更新为当前进度',
+  'common.canceled': '已取消',
+  'common.cancelPlan': '取消计划',
+  'common.byKeywordSearch': '通过关键字搜索',
+  'common.complete': '完结',
+  'common.result': '结果',
+  'common.contact': '联系人',
+  'common.required': '必填',
+  'common.onlyOne': '不允许重复值',
+  'common.dayUnit': '天',
+  'common.optionNotExist': '选项不存在',
+  'common.fieldNotExist': '字段不存在',
+  'common.dateCannotBeInPast': '日期不能小于当前时间',
+  'common.cancelExport': '取消导出',
+  'common.exportAll': '导出所有页',
+  'common.exportChecked': '导出勾选',
+  'common.exportTaskCreate': '导出任务创建成功',
+  'common.selectedFields': '已选字段',
+  'common.optionalFields': '可选字段',
+  'common.systemFields': '系统字段',
+  'common.formFields': '表单字段',
+  'common.showFields': '显示字段',
+  'common.exportTaskTip': '【左下角头像 > 我的导出】查看导出任务进度',
+  'common.dashboard': '仪表板',
+  'common.convertPlanToRecord': '计划转记录',
+  'common.hasConvertToRecord': '已转记录',
+  'common.notAllowForwardSlash': '不允许输入 /',
+  'common.conversionSuccessful': '转换成功',
+  'common.updateField': '编辑字段',
+  'common.noEnableApiKey': '暂无开启的 API Key',
+  'common.noEnableApiKeyTip': '无开启的 API Key，请立即添加！',
+  'common.goAdd': '去添加',
+  'common.approval': '审批',
+  'common.batchApproval': '批量审批',
+  'common.voided': '作废',
+  'common.batchVoid': '批量作废',
+  'common.confirmVoid': '确认作废',
+  'common.voidSuccess': '作废成功',
+  'common.cancelVoid': '取消作废',
+  'common.review': '提审',
+  'common.reviewSuccess': '提审成功',
+  'common.revokeSuccess': '撤销成功',
+  'common.approvedSuccess': '审批通过',
+  'common.unApprovedSuccess': '审批不通过',
+  'common.skipped': '跳过',
+  'common.backToTop': '回到顶部',
+  'common.nextStep': '下一步',
+  'common.approvalStatus': '审批状态',
+  'common.pending': '待提审',
+  'common.normal': '正常',
+  'common.approved': '已通过',
+  'common.autoApproved': '自动通过',
+  'common.rejected': '已驳回',
+  'common.autoRejected': '自动驳回',
+  'common.reviewing': '审批中',
+  'common.approver': '审批人',
+  'common.reject': '驳回',
+  'common.approve': '同意',
+  'common.resubmit': '重新提审',
+  'common.OR_APPROVAL': '或签',
+  'common.COUNTERSIGNATURE': '加签',
+  'common.AND_APPROVAL': '会签',
+  'common.SEQUENTIAL_APPROVAL': '依次审批',
+  'common.copyTo': '抄送人',
+  'common.exportApprovalTip': '仅支持导出审批状态为 {statuses} 的数据',
+  'common.batchEditApprovalTip': '仅支持批量编辑审批状态为 {statuses} 的数据',
+  'common.batchVoidApprovalTip': '仅支持批量作废审批状态为 {statuses} 的数据',
+  'common.testLink': '测试连接',
+  'common.batchDeleteTitle': '确认删除 {count} 个数据吗？',
+};
diff --git a/frontend/packages/web/src/locale/zh-CN/index.ts b/frontend/packages/web/src/locale/zh-CN/index.ts
new file mode 100644
index 0000000..6c6fe08
--- /dev/null
+++ b/frontend/packages/web/src/locale/zh-CN/index.ts
@@ -0,0 +1,54 @@
+import common from './common';
+import localeSettings from './settings';
+import sys from './sys';
+import dayjsLocale from 'dayjs/locale/zh-cn';
+
+const _Cmodules: any = import.meta.glob('../../components/**/locale/zh-CN.ts', { eager: true });
+const _Vmodules: any = import.meta.glob('../../views/**/locale/zh-CN.ts', { eager: true });
+let result = {};
+Object.keys(_Cmodules).forEach((key) => {
+  const defaultModule = _Cmodules[key as any].default;
+  if (!defaultModule) return;
+  result = { ...result, ...defaultModule };
+});
+Object.keys(_Vmodules).forEach((key) => {
+  const defaultModule = _Vmodules[key as any].default;
+  if (!defaultModule) return;
+  result = { ...result, ...defaultModule };
+});
+export default {
+  message: {
+    'menu.workbench': '首页',
+    'menu.settings': '系统',
+    'menu.collapsedSettings': '系统',
+    'menu.settings.org': '组织架构',
+    'menu.settings.permission': '角色权限',
+    'menu.settings.moduleSetting': '模块配置',
+    'menu.opportunity': '商机',
+    'menu.quotation': '报价',
+    'menu.collapsedOpportunity': '商机',
+    'menu.collapsedProduct': '产品',
+    'menu.clue': '线索',
+    'menu.customer': '客户',
+    'menu.contact': '联系人',
+    'menu.dashboard': '仪表板',
+    'menu.agent': '智能体',
+    'menu.custom_form': '自定义表单',
+    'menu.tender': '标讯',
+    'menu.settings.businessSetting': '企业设置',
+    'menu.settings.license': 'License',
+    'menu.settings.messageSetting': '消息设置',
+    'menu.settings.processSetting': '流程设置',
+    'menu.settings.approvalFlow': '审批流',
+    'menu.settings.workflowSetting': '工作流',
+    'menu.customForm': '自定义表单',
+    'menu.settings.log': '系统日志',
+    'navbar.action.locale': '切换为中文',
+    ...sys,
+    ...localeSettings,
+    ...result,
+    ...common,
+  },
+  dayjsLocale,
+  dayjsLocaleName: 'zh-CN',
+};
diff --git a/frontend/packages/web/src/locale/zh-CN/settings.ts b/frontend/packages/web/src/locale/zh-CN/settings.ts
new file mode 100644
index 0000000..8093ebf
--- /dev/null
+++ b/frontend/packages/web/src/locale/zh-CN/settings.ts
@@ -0,0 +1,38 @@
+export default {
+  'settings.title': '页面配置',
+  'settings.themeColor': '切换亮色/暗色模式',
+  'settings.content': '内容区域',
+  'settings.search': '搜索',
+  'settings.language': '语言',
+  'settings.navbar': '导航栏',
+  'settings.menuWidth': '菜单宽度 (px)',
+  'settings.navbar.screen.toFull': '点击切换全屏模式',
+  'settings.navbar.screen.toExit': '点击退出全屏模式',
+  'settings.navbar.alerts': '消息通知',
+  'settings.navbar.search': '搜索',
+  'settings.navbar.task': '任务中心',
+  'settings.navbar.help': '帮助中心',
+  'settings.navbar.event': '记录/计划',
+  'settings.help.guide': '新手指引',
+  'settings.help.doc': '帮助文档',
+  'settings.help.apiDoc': 'API 文档',
+  'settings.help.forumHelp': '论坛帮助',
+  'settings.help.gitHubProject': 'GitHub 项目',
+  'settings.help.enterpriseVersionTrial': '企业版试用',
+  'settings.help.APIDoc': 'API文档',
+  'settings.help.versionInfo': '关于',
+  'settings.help.currentVersion': '当前版本',
+  'settings.help.latestVersion': '最新版本',
+  'settings.menu': '菜单栏',
+  'settings.tabBar': '多页签',
+  'settings.footer': '底部',
+  'settings.otherSettings': '其他设置',
+  'settings.colorWeak': '色弱模式',
+  'settings.alertContent':
+    '配置之后仅是临时生效，要想真正作用于项目，点击下方的 "复制配置" 按钮，将配置替换到 settings.json 中即可。',
+  'settings.copySettings': '复制配置',
+  'settings.copySettings.message': '复制成功，请粘贴到 src/settings.json 文件中',
+  'settings.close': '关闭',
+  'settings.color.tooltip': '根据主题颜色生成的 10 个梯度色（将配置复制到项目中，主题色才能对亮色 / 暗黑模式同时生效）',
+  'settings.navbar.createProject': '新建项目',
+};
diff --git a/frontend/packages/web/src/locale/zh-CN/sys.ts b/frontend/packages/web/src/locale/zh-CN/sys.ts
new file mode 100644
index 0000000..acc8874
--- /dev/null
+++ b/frontend/packages/web/src/locale/zh-CN/sys.ts
@@ -0,0 +1,39 @@
+export default {
+  // 消息提醒相关
+  'message.errorTip': '错误提示',
+  'message.loggingOut': '正在退出登录...',
+  'message.loginExpired': '登录过期，请重新登录!',
+  'message.logoutSuccess': '登出成功',
+  'message.loadingDefaultTip': '加载中...',
+  'message.menuLoading': '菜单加载中...',
+  'message.menuLoadSuccess': '菜单加载成功',
+  'message.menuLoadError': '菜单加载失败',
+  // API相关
+  'api.apiTimeoutMessage': '接口请求超时,请刷新页面重试!',
+  'api.apiRequestFailed': '请求出错，请稍候重试',
+  'api.networkException': '网络异常',
+  'api.networkExceptionMsg': '网络异常，请检查您的网络连接是否正常!',
+  'api.responseError': '接口返回错误，请重试',
+  'api.requestError': '请求错误',
+  'api.errMsg401': '用户没有权限（令牌、用户名、密码错误）!',
+  'api.errMsg403': '用户得到授权，但是访问是被禁止的!',
+  'api.errMsg404': '网络请求错误,未找到该资源!',
+  'api.errMsg405': '网络请求错误,请求方法未允许!',
+  'api.errMsg408': '网络请求超时!',
+  'api.errMsg500': '服务器错误,请联系管理员!',
+  'api.errMsg501': '网络未实现!',
+  'api.errMsg502': '网络错误!',
+  'api.errMsg503': '服务不可用，服务器暂时过载或维护!',
+  'api.errMsg504': '网络超时!',
+  'api.errMsg505': 'http 版本不支持该请求!',
+  // 异步任务提示
+  'asyncTask.uploadFileProgress': '文件上传进度 {percent}；成功 {done} 个，失败 {fail} 个',
+  'asyncTask.uploadFileSuccess': '文件上传完成：成功 {done} 个，失败 {fail} 个',
+  'asyncTask.uploadFileSuccessTitle': '上传完成',
+  // 通用业务提示
+  'user.openSourceCreateUsersLimit': '系统用户数已达到最大用户数限制30人（社区版），如需添加/启用更多用户，可申请',
+  'user.businessTry': '企业版试用',
+  'user.businessCreateUsersLimitThirty': '系统用户数已达到最大用户数限制30人（社区版），如需添加/启用更多用户，可申请',
+  'user.businessCreateUsersLimitMax': '系统用户数已达到最大用户订阅数 {count} 人，如需添加/启用更多用户，可申请',
+  'user.businessScaling': '企业版扩容',
+};
diff --git a/frontend/packages/web/src/main.ts b/frontend/packages/web/src/main.ts
new file mode 100644
index 0000000..d710b01
--- /dev/null
+++ b/frontend/packages/web/src/main.ts
@@ -0,0 +1,53 @@
+import { createApp } from 'vue';
+// TODO 国际化接口对接
+import localforage from 'localforage';
+
+import '@/assets/style/index.less';
+
+import { setupI18n } from '@lib/shared/locale';
+import useLocale from '@lib/shared/locale/useLocale';
+
+import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+import App from './App.vue';
+
+// eslint-disable-next-line import/no-unresolved
+import 'virtual:svg-icons-register';
+import directive from './directive/index';
+import useDiscreteApi from './hooks/useDiscreteApi';
+import router from './router';
+import store from './store';
+
+async function setupApp() {
+  const app = createApp(App);
+  const { message } = useDiscreteApi();
+
+  app.use(store);
+  // 注册国际化，需要异步阻塞，确保语言包加载完毕
+  await setupI18n(app);
+
+  app.component('CrmIcon', CrmIcon);
+
+  // 获取默认语言
+  const localLocale = localStorage.getItem('CRM-locale');
+  if (!localLocale) {
+    // TODO 国际化接口对接
+    // const defaultLocale = await getDefaultLocale();
+    const { changeLocale } = useLocale(message.loading);
+    changeLocale('zh-CN');
+  }
+
+  app.use(router);
+
+  // 初始化本地存储
+  localforage.config({
+    driver: localforage.INDEXEDDB, // 选择后端存储，这里使用 IndexedDB
+    name: 'CordysCrm', // 数据库名称
+    version: 1.0, // 数据库版本
+    storeName: 'crmTable', // 存储空间名称
+  });
+
+  app.use(directive);
+  app.mount('#app');
+}
+
+setupApp();
diff --git a/frontend/packages/web/src/router/app-menus/index.ts b/frontend/packages/web/src/router/app-menus/index.ts
new file mode 100644
index 0000000..7575720
--- /dev/null
+++ b/frontend/packages/web/src/router/app-menus/index.ts
@@ -0,0 +1,17 @@
+import appRoutes from '../routes';
+
+const mixinRoutes = [...appRoutes];
+
+// 菜单信息根据路由配置推导
+const appClientMenus = mixinRoutes.map((el) => {
+  const { name, path, meta, redirect, children } = el;
+  return {
+    name,
+    path,
+    meta,
+    redirect,
+    children,
+  };
+});
+
+export default appClientMenus;
diff --git a/frontend/packages/web/src/router/constants.ts b/frontend/packages/web/src/router/constants.ts
new file mode 100644
index 0000000..560578b
--- /dev/null
+++ b/frontend/packages/web/src/router/constants.ts
@@ -0,0 +1,60 @@
+import { ModuleConfigEnum } from '@lib/shared/enums/moduleEnum';
+
+import {
+  AgentRouteEnum,
+  ClueRouteEnum,
+  ContractRouteEnum,
+  CustomerRouteEnum,
+  CustomFormRouteEnum,
+  DashboardRouteEnum,
+  OpportunityRouteEnum,
+  OrderRouteEnum,
+  ProductRouteEnum,
+  SystemRouteEnum,
+  TenderRouteEnum,
+  WorkbenchRouteEnum,
+} from '@/enums/routeEnum';
+
+// 404 路由
+export const NOT_FOUND = {
+  name: 'notFound',
+  path: '/not-found',
+  meta: {
+    requiresAuth: false,
+  },
+};
+
+// 路由白名单，无需校验权限与登录状态
+export const WHITE_LIST = [NOT_FOUND];
+
+// 重定向中转站路由
+export const REDIRECT_ROUTE_NAME = 'Redirect';
+
+export const WHITE_LIST_NAME = WHITE_LIST.map((el) => el.name);
+
+// 无资源/权限路由
+export const NO_RESOURCE_ROUTE_NAME = 'no-resource';
+export const NO_RESOURCE_ROUTE_NAME_INDEX = 'no-resource-index';
+
+// 首页路由
+export const DEFAULT_ROUTE_NAME = 'workbench';
+
+// 模块（有开关）路由
+export const featureRouteMap: Record<string, any> = {
+  [WorkbenchRouteEnum.WORKBENCH]: ModuleConfigEnum.HOME,
+  [ContractRouteEnum.CONTRACT]: ModuleConfigEnum.CONTRACT,
+  [OrderRouteEnum.ORDER]: ModuleConfigEnum.ORDER,
+  [CustomerRouteEnum.CUSTOMER]: ModuleConfigEnum.CUSTOMER_MANAGEMENT,
+  [OpportunityRouteEnum.OPPORTUNITY]: ModuleConfigEnum.BUSINESS_MANAGEMENT,
+  [ProductRouteEnum.PRODUCT]: ModuleConfigEnum.PRODUCT_MANAGEMENT,
+  [ClueRouteEnum.CLUE_MANAGEMENT]: ModuleConfigEnum.CLUE_MANAGEMENT,
+  [DashboardRouteEnum.DASHBOARD]: ModuleConfigEnum.DASHBOARD,
+  [AgentRouteEnum.AGENT]: ModuleConfigEnum.AGENT,
+  [TenderRouteEnum.TENDER]: ModuleConfigEnum.TENDER,
+  [CustomFormRouteEnum.CUSTOM_FORM]: ModuleConfigEnum.CUSTOM_FORM,
+};
+
+export const allMenuRouteMap: Record<string, any> = {
+  ...featureRouteMap,
+  [SystemRouteEnum.SYSTEM]: ModuleConfigEnum.SYSTEM_SETTINGS,
+};
diff --git a/frontend/packages/web/src/router/guard/index.ts b/frontend/packages/web/src/router/guard/index.ts
new file mode 100644
index 0000000..99f72b1
--- /dev/null
+++ b/frontend/packages/web/src/router/guard/index.ts
@@ -0,0 +1,28 @@
+import { AxiosCanceler } from '@lib/shared/api/http/axiosCancel';
+import { setRouteEmitter } from '@lib/shared/method/route-listener';
+
+import setupPermissionGuard from './permission';
+import setupUserLoginInfoGuard from './userLoginInfo';
+import NProgress from 'nprogress';
+import type { Router } from 'vue-router';
+
+function setupPageGuard(router: Router) {
+  const axiosCanceler = new AxiosCanceler();
+  router.beforeEach((to, from, next) => {
+    NProgress.start();
+    // 监听路由变化
+    setRouteEmitter(to);
+    // 取消上个路由未完成的请求（不包含设置了ignoreCancelToken的请求）
+    axiosCanceler.removeAllPending();
+    next();
+  });
+}
+
+export default function createRouteGuard(router: Router) {
+  // 设置路由监听守卫
+  setupPageGuard(router);
+  // 设置用户登录校验守卫
+  setupUserLoginInfoGuard(router);
+  // 设置菜单权限守卫
+  setupPermissionGuard(router);
+}
diff --git a/frontend/packages/web/src/router/guard/permission.ts b/frontend/packages/web/src/router/guard/permission.ts
new file mode 100644
index 0000000..fc11656
--- /dev/null
+++ b/frontend/packages/web/src/router/guard/permission.ts
@@ -0,0 +1,32 @@
+import usePermission from '@/hooks/usePermission';
+import useAppStore from '@/store/modules/app';
+
+import { featureRouteMap, NO_RESOURCE_ROUTE_NAME, WHITE_LIST } from '../constants';
+import NProgress from 'nprogress';
+import type { Router } from 'vue-router';
+
+export default function setupPermissionGuard(router: Router) {
+  router.beforeEach(async (to, from, next) => {
+    const Permission = usePermission();
+    const permissionsAllow = Permission.accessRouter(to);
+    const appStore = useAppStore();
+
+    const currentMenuConfig: string[] = appStore.moduleConfigList.filter((e) => e.enable).map((e) => e.moduleKey);
+    const moduleId = Object.keys(featureRouteMap).find((key) => (to.name as string)?.includes(key));
+    if (moduleId && featureRouteMap[moduleId] && !currentMenuConfig.includes(featureRouteMap[moduleId])) {
+      next({
+        name: NO_RESOURCE_ROUTE_NAME,
+      });
+    }
+
+    const exist = WHITE_LIST.find((el) => el.name === to.name);
+    if (exist || permissionsAllow) {
+      next();
+    } else {
+      next({
+        name: NO_RESOURCE_ROUTE_NAME,
+      });
+    }
+    NProgress.done();
+  });
+}
diff --git a/frontend/packages/web/src/router/guard/userLoginInfo.ts b/frontend/packages/web/src/router/guard/userLoginInfo.ts
new file mode 100644
index 0000000..a97c4fe
--- /dev/null
+++ b/frontend/packages/web/src/router/guard/userLoginInfo.ts
@@ -0,0 +1,46 @@
+import { clearToken, hasToken, isLoginExpires } from '@lib/shared/method/auth';
+
+import useUser from '@/hooks/useUser';
+import { getFirstRouteNameByPermission } from '@/utils/permission';
+
+import NProgress from 'nprogress';
+import type { LocationQueryRaw, Router } from 'vue-router';
+
+export default function setupUserLoginInfoGuard(router: Router) {
+  router.beforeEach(async (to, from, next) => {
+    NProgress.start();
+
+    const { isWhiteListPage } = useUser();
+    // 登录过期清除token
+    if (isLoginExpires()) {
+      clearToken();
+    }
+
+    const tokenExists = hasToken();
+
+    // 未登录访问受限页面重定向登录页
+    if (!tokenExists && to.name !== 'login' && !isWhiteListPage()) {
+      next({
+        name: 'login',
+        query: {
+          redirect: to.name,
+          ...to.query,
+        } as LocationQueryRaw,
+      });
+      NProgress.done();
+      return;
+    }
+
+    // 已登录访问 login重定向（有权限第一个页面）
+    if (to.name === 'login' && tokenExists) {
+      const firstRoute = getFirstRouteNameByPermission(router.getRoutes());
+      next({ name: firstRoute });
+      NProgress.done();
+      return;
+    }
+
+    // 其他情况（放行：已登录访问正常页面\未登录访问白名单页面）
+    next();
+    NProgress.done();
+  });
+}
diff --git a/frontend/packages/web/src/router/index.ts b/frontend/packages/web/src/router/index.ts
new file mode 100644
index 0000000..3f38eac
--- /dev/null
+++ b/frontend/packages/web/src/router/index.ts
@@ -0,0 +1,34 @@
+import { createRouter, createWebHashHistory } from 'vue-router';
+
+import 'nprogress/nprogress.css';
+import createRouteGuard from './guard/index';
+import appRoutes from './routes';
+import { NO_RESOURCE_ROUTE, NOT_FOUND_ROUTE } from './routes/base';
+import NProgress from 'nprogress';
+
+NProgress.configure({ showSpinner: false });
+
+const router = createRouter({
+  history: createWebHashHistory(),
+  routes: [
+    {
+      path: '/',
+      redirect: 'login',
+    },
+    {
+      path: '/login',
+      name: 'login',
+      component: () => import('@/views/base/login/index.vue'),
+      meta: {
+        requiresAuth: false,
+      },
+    },
+    ...appRoutes,
+    NOT_FOUND_ROUTE,
+    NO_RESOURCE_ROUTE,
+  ],
+});
+
+createRouteGuard(router);
+
+export default router;
diff --git a/frontend/packages/web/src/router/routes/base.ts b/frontend/packages/web/src/router/routes/base.ts
new file mode 100644
index 0000000..7a65688
--- /dev/null
+++ b/frontend/packages/web/src/router/routes/base.ts
@@ -0,0 +1,31 @@
+import { NO_RESOURCE_ROUTE_NAME, NO_RESOURCE_ROUTE_NAME_INDEX } from '../constants';
+import type { RouteRecordRaw } from 'vue-router';
+
+export const DEFAULT_LAYOUT = () => import('@/layout/default-layout.vue');
+export const FULL_PAGE_LAYOUT = () => import('@/layout/full-page-layout.vue');
+
+export const NOT_FOUND_ROUTE: RouteRecordRaw = {
+  path: '/:pathMatch(.*)*',
+  name: 'notFound',
+  component: () => import('@/views/base/not-found/index.vue'),
+  meta: {
+    requiresAuth: false,
+  },
+};
+
+export const NO_RESOURCE_ROUTE: RouteRecordRaw = {
+  path: '/noResource',
+  name: NO_RESOURCE_ROUTE_NAME,
+  redirect: '/noResource/index',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    requiresAuth: false,
+  },
+  children: [
+    {
+      path: 'index',
+      name: NO_RESOURCE_ROUTE_NAME_INDEX,
+      component: () => import('@/views/base/no-resource/index.vue'),
+    },
+  ],
+};
diff --git a/frontend/packages/web/src/router/routes/index.ts b/frontend/packages/web/src/router/routes/index.ts
new file mode 100644
index 0000000..e89ade7
--- /dev/null
+++ b/frontend/packages/web/src/router/routes/index.ts
@@ -0,0 +1,17 @@
+import type { RouteRecordNormalized } from 'vue-router';
+
+const modules = import.meta.glob('./modules/*.ts', { eager: true });
+
+function formatModules(_modules: any, result: RouteRecordNormalized[]) {
+  Object.keys(_modules).forEach((key) => {
+    const defaultModule = _modules[key].default;
+    if (!defaultModule) return;
+    const moduleList = Array.isArray(defaultModule) ? [...defaultModule] : [defaultModule];
+    result.push(...moduleList);
+  });
+  return result;
+}
+
+const appRoutes: RouteRecordNormalized[] = formatModules(modules, []);
+
+export default appRoutes;
diff --git a/frontend/packages/web/src/router/routes/modules/agent.ts b/frontend/packages/web/src/router/routes/modules/agent.ts
new file mode 100644
index 0000000..8e450de
--- /dev/null
+++ b/frontend/packages/web/src/router/routes/modules/agent.ts
@@ -0,0 +1,31 @@
+import { AgentRouteEnum } from '@/enums/routeEnum';
+
+import { DEFAULT_LAYOUT } from '../base';
+import type { AppRouteRecordRaw } from '../types';
+
+const agent: AppRouteRecordRaw = {
+  path: '/agent',
+  name: AgentRouteEnum.AGENT,
+  redirect: '/agent/index',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    locale: 'menu.agent',
+    permissions: ['AGENT:READ'],
+    icon: 'iconicon_bot',
+    hideChildrenInMenu: true,
+    collapsedLocale: 'menu.agent',
+  },
+  children: [
+    {
+      path: 'index',
+      name: AgentRouteEnum.AGENT_INDEX,
+      component: () => import('@/views/agent/index.vue'),
+      meta: {
+        locale: 'menu.agent',
+        permissions: ['AGENT:READ'],
+      },
+    },
+  ],
+};
+
+export default agent;
diff --git a/frontend/packages/web/src/router/routes/modules/clue.ts b/frontend/packages/web/src/router/routes/modules/clue.ts
new file mode 100644
index 0000000..65b0af0
--- /dev/null
+++ b/frontend/packages/web/src/router/routes/modules/clue.ts
@@ -0,0 +1,42 @@
+import { ClueRouteEnum } from '@/enums/routeEnum';
+
+import { DEFAULT_LAYOUT } from '../base';
+import type { AppRouteRecordRaw } from '../types';
+
+const lead: AppRouteRecordRaw = {
+  path: '/lead',
+  name: ClueRouteEnum.CLUE_MANAGEMENT,
+  redirect: '/lead/index',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    locale: 'module.clueManagement',
+    permissions: ['CLUE_MANAGEMENT:READ', 'CLUE_MANAGEMENT_POOL:READ'],
+    icon: 'iconicon_clue',
+    hideChildrenInMenu: true,
+    collapsedLocale: 'menu.clue',
+  },
+  children: [
+    {
+      path: 'index',
+      name: ClueRouteEnum.CLUE_MANAGEMENT_CLUE,
+      component: () => import('@/views/clueManagement/clue/index.vue'),
+      meta: {
+        locale: 'menu.clue',
+        isTopMenu: true,
+        permissions: ['CLUE_MANAGEMENT:READ'],
+      },
+    },
+    {
+      path: 'leadPool',
+      name: ClueRouteEnum.CLUE_MANAGEMENT_POOL,
+      component: () => import('@/views/clueManagement/cluePool/index.vue'),
+      meta: {
+        locale: 'module.cluePool',
+        isTopMenu: true,
+        permissions: ['CLUE_MANAGEMENT_POOL:READ'],
+      },
+    },
+  ],
+};
+
+export default lead;
diff --git a/frontend/packages/web/src/router/routes/modules/contract.ts b/frontend/packages/web/src/router/routes/modules/contract.ts
new file mode 100644
index 0000000..8869dc7
--- /dev/null
+++ b/frontend/packages/web/src/router/routes/modules/contract.ts
@@ -0,0 +1,72 @@
+import { ContractRouteEnum } from '@/enums/routeEnum';
+
+import { DEFAULT_LAYOUT } from '../base';
+import type { AppRouteRecordRaw } from '../types';
+
+const contract: AppRouteRecordRaw = {
+  path: '/contract',
+  name: ContractRouteEnum.CONTRACT,
+  redirect: '/contract/index',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    locale: 'module.contract',
+    permissions: ['CONTRACT:READ', 'CONTRACT_PAYMENT_PLAN:READ'],
+    icon: 'iconicon_contract',
+    hideChildrenInMenu: true,
+    collapsedLocale: 'module.contract',
+  },
+  children: [
+    {
+      path: 'index',
+      name: ContractRouteEnum.CONTRACT_INDEX,
+      component: () => import('@/views/contract/contract/index.vue'),
+      meta: {
+        locale: 'module.contract',
+        isTopMenu: true,
+        permissions: ['CONTRACT:READ'],
+      },
+    },
+    {
+      path: 'contractPaymentPlan',
+      name: ContractRouteEnum.CONTRACT_PAYMENT,
+      component: () => import('@/views/contract/contractPaymentPlan/index.vue'),
+      meta: {
+        locale: 'module.paymentPlan',
+        isTopMenu: true,
+        permissions: ['CONTRACT_PAYMENT_PLAN:READ'],
+      },
+    },
+    {
+      path: 'contractPaymentRecord',
+      name: ContractRouteEnum.CONTRACT_PAYMENT_RECORD,
+      component: () => import('@/views/contract/contractPaymentRecord/index.vue'),
+      meta: {
+        locale: 'module.paymentRecord',
+        isTopMenu: true,
+        permissions: ['CONTRACT_PAYMENT_RECORD:READ'],
+      },
+    },
+    {
+      path: 'contractInvoice',
+      name: ContractRouteEnum.CONTRACT_INVOICE,
+      component: () => import('@/views/contract/invoice/index.vue'),
+      meta: {
+        locale: 'module.invoice',
+        isTopMenu: true,
+        permissions: ['CONTRACT_INVOICE:READ'],
+      },
+    },
+    {
+      path: 'contractBusinessName',
+      name: ContractRouteEnum.CONTRACT_BUSINESS_NAME,
+      component: () => import('@/views/contract/businessTitle/index.vue'),
+      meta: {
+        locale: 'module.businessTitle',
+        isTopMenu: true,
+        permissions: ['CONTRACT_BUSINESS_TITLE:READ'],
+      },
+    },
+  ],
+};
+
+export default contract;
diff --git a/frontend/packages/web/src/router/routes/modules/customForm.ts b/frontend/packages/web/src/router/routes/modules/customForm.ts
new file mode 100644
index 0000000..b35cec9
--- /dev/null
+++ b/frontend/packages/web/src/router/routes/modules/customForm.ts
@@ -0,0 +1,31 @@
+import { CustomFormRouteEnum } from '@/enums/routeEnum';
+
+import { DEFAULT_LAYOUT } from '../base';
+import type { AppRouteRecordRaw } from '../types';
+
+const customForm: AppRouteRecordRaw = {
+  path: '/customForm',
+  name: CustomFormRouteEnum.CUSTOM_FORM,
+  redirect: '/customForm/index',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    locale: 'menu.customForm',
+    permissions: ['CUSTOM_FORM:READ'],
+    icon: 'iconicon_form',
+    hideChildrenInMenu: true,
+    collapsedLocale: 'menu.customForm',
+  },
+  children: [
+    {
+      path: 'index',
+      name: CustomFormRouteEnum.CUSTOM_FORM_INDEX,
+      component: () => import('@/views/customForm/index.vue'),
+      meta: {
+        locale: 'menu.customForm',
+        permissions: ['CUSTOM_FORM:READ'],
+      },
+    },
+  ],
+};
+
+export default customForm;
diff --git a/frontend/packages/web/src/router/routes/modules/customer.ts b/frontend/packages/web/src/router/routes/modules/customer.ts
new file mode 100644
index 0000000..fd669dc
--- /dev/null
+++ b/frontend/packages/web/src/router/routes/modules/customer.ts
@@ -0,0 +1,52 @@
+import { CustomerRouteEnum } from '@/enums/routeEnum';
+
+import { DEFAULT_LAYOUT } from '../base';
+import type { AppRouteRecordRaw } from '../types';
+
+const customer: AppRouteRecordRaw = {
+  path: '/account',
+  name: CustomerRouteEnum.CUSTOMER,
+  redirect: '/account/index',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    locale: 'module.customerManagement',
+    permissions: ['CUSTOMER_MANAGEMENT:READ', 'CUSTOMER_MANAGEMENT_POOL:READ', 'CUSTOMER_MANAGEMENT_CONTACT:READ'],
+    icon: 'iconicon_customer',
+    hideChildrenInMenu: true,
+    collapsedLocale: 'menu.customer',
+  },
+  children: [
+    {
+      path: 'index',
+      name: CustomerRouteEnum.CUSTOMER_INDEX,
+      component: () => import('@/views/customer/customer.vue'),
+      meta: {
+        locale: 'menu.customer',
+        isTopMenu: true,
+        permissions: ['CUSTOMER_MANAGEMENT:READ'],
+      },
+    },
+    {
+      path: 'contact',
+      name: CustomerRouteEnum.CUSTOMER_CONTACT,
+      component: () => import('@/views/customer/contact.vue'),
+      meta: {
+        locale: 'menu.contact',
+        isTopMenu: true,
+        permissions: ['CUSTOMER_MANAGEMENT_CONTACT:READ'],
+      },
+    },
+    {
+      path: 'openSea',
+      name: CustomerRouteEnum.CUSTOMER_OPEN_SEA,
+      component: () => import('@/views/customer/openSea.vue'),
+      meta: {
+        locale: 'module.openSea',
+        isTopMenu: true,
+        permissions: ['CUSTOMER_MANAGEMENT_POOL:READ'],
+      },
+    },
+  ],
+};
+
+export default customer;
diff --git a/frontend/packages/web/src/router/routes/modules/dashboard.ts b/frontend/packages/web/src/router/routes/modules/dashboard.ts
new file mode 100644
index 0000000..fba769e
--- /dev/null
+++ b/frontend/packages/web/src/router/routes/modules/dashboard.ts
@@ -0,0 +1,69 @@
+import { DashboardRouteEnum } from '@/enums/routeEnum';
+
+import { DEFAULT_LAYOUT } from '../base';
+import type { AppRouteRecordRaw } from '../types';
+
+const dashboard: AppRouteRecordRaw = {
+  path: '/dashboard',
+  name: DashboardRouteEnum.DASHBOARD,
+  redirect: '/dashboard/index',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    locale: 'menu.dashboard',
+    permissions: ['DASHBOARD:READ'],
+    icon: 'iconicon_dashboard1',
+    hideChildrenInMenu: true,
+    collapsedLocale: 'menu.dashboard',
+  },
+  children: [
+    {
+      path: 'index',
+      name: DashboardRouteEnum.DASHBOARD_INDEX,
+      component: () => import('@/views/dashboard/index.vue'),
+      meta: {
+        locale: 'menu.dashboard',
+        permissions: ['DASHBOARD:READ'],
+      },
+    },
+    {
+      path: 'link',
+      name: DashboardRouteEnum.DASHBOARD_LINK,
+      component: () => import('@/views/dashboard/link.vue'),
+      meta: {
+        permissions: ['DASHBOARD:READ'],
+        hideInMenu: true,
+        breadcrumbs: [
+          {
+            name: DashboardRouteEnum.DASHBOARD,
+            locale: 'menu.dashboard',
+          },
+          {
+            name: DashboardRouteEnum.DASHBOARD_LINK,
+            locale: 'system.business.DE.link',
+          },
+        ],
+      },
+    },
+    {
+      path: 'module',
+      name: DashboardRouteEnum.DASHBOARD_MODULE,
+      component: () => import('@/views/dashboard/module.vue'),
+      meta: {
+        permissions: ['DASHBOARD:READ'],
+        hideInMenu: true,
+        breadcrumbs: [
+          {
+            name: DashboardRouteEnum.DASHBOARD,
+            locale: 'menu.dashboard',
+          },
+          {
+            name: DashboardRouteEnum.DASHBOARD_MODULE,
+            locale: 'system.business.DE.embedModule',
+          },
+        ],
+      },
+    },
+  ],
+};
+
+export default dashboard;
diff --git a/frontend/packages/web/src/router/routes/modules/fullPage.ts b/frontend/packages/web/src/router/routes/modules/fullPage.ts
new file mode 100644
index 0000000..fb41bcf
--- /dev/null
+++ b/frontend/packages/web/src/router/routes/modules/fullPage.ts
@@ -0,0 +1,43 @@
+import { FullPageEnum } from '@/enums/routeEnum';
+
+import { FULL_PAGE_LAYOUT } from '../base';
+import type { AppRouteRecordRaw } from '../types';
+
+const FullPage: AppRouteRecordRaw = {
+  path: '/fullPage',
+  name: FullPageEnum.FULL_PAGE,
+  redirect: '/fullPage/fullPageDashboard',
+  component: FULL_PAGE_LAYOUT,
+  meta: {
+    hideInMenu: true,
+    permissions: ['DASHBOARD:READ', 'OPPORTUNITY_QUOTATION:READ'],
+  },
+  children: [
+    {
+      path: 'fullPageDashboard',
+      name: FullPageEnum.FULL_PAGE_DASHBOARD,
+      component: () => import('@/views/dashboard/fullPage.vue'),
+      meta: {
+        permissions: ['DASHBOARD:READ'],
+      },
+    },
+    {
+      path: 'fullExportQuotation',
+      name: FullPageEnum.FULL_PAGE_EXPORT_QUOTATION,
+      component: () => import('@/views/opportunity/components/quotation/exportQuotationPdf.vue'),
+      meta: {
+        permissions: ['OPPORTUNITY_QUOTATION:READ'],
+      },
+    },
+    {
+      path: 'fullExportOrder',
+      name: FullPageEnum.FULL_PAGE_EXPORT_ORDER,
+      component: () => import('@/views/order/order/components/exportPdf.vue'),
+      meta: {
+        permissions: ['ORDER:READ'],
+      },
+    },
+  ],
+};
+
+export default FullPage;
diff --git a/frontend/packages/web/src/router/routes/modules/opportunity.ts b/frontend/packages/web/src/router/routes/modules/opportunity.ts
new file mode 100644
index 0000000..f56f0df
--- /dev/null
+++ b/frontend/packages/web/src/router/routes/modules/opportunity.ts
@@ -0,0 +1,42 @@
+import { OpportunityRouteEnum } from '@/enums/routeEnum';
+
+import { DEFAULT_LAYOUT } from '../base';
+import type { AppRouteRecordRaw } from '../types';
+
+const system: AppRouteRecordRaw = {
+  path: '/opportunity',
+  name: OpportunityRouteEnum.OPPORTUNITY,
+  redirect: '/opportunity/opt',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    hideChildrenInMenu: true,
+    locale: 'menu.opportunity',
+    permissions: ['OPPORTUNITY_MANAGEMENT:READ', 'OPPORTUNITY_QUOTATION:READ'],
+    icon: 'iconicon_business_opportunity',
+    collapsedLocale: 'menu.collapsedOpportunity',
+  },
+  children: [
+    {
+      path: 'opt',
+      name: OpportunityRouteEnum.OPPORTUNITY_OPT,
+      component: () => import('@/views/opportunity/index.vue'),
+      meta: {
+        locale: 'menu.opportunity',
+        isTopMenu: true,
+        permissions: ['OPPORTUNITY_MANAGEMENT:READ'],
+      },
+    },
+    {
+      path: 'quotation',
+      name: OpportunityRouteEnum.OPPORTUNITY_QUOTATION,
+      component: () => import('@/views/opportunity/quotation.vue'),
+      meta: {
+        locale: 'menu.quotation',
+        isTopMenu: true,
+        permissions: ['OPPORTUNITY_QUOTATION:READ'],
+      },
+    },
+  ],
+};
+
+export default system;
diff --git a/frontend/packages/web/src/router/routes/modules/order.ts b/frontend/packages/web/src/router/routes/modules/order.ts
new file mode 100644
index 0000000..e0aee0b
--- /dev/null
+++ b/frontend/packages/web/src/router/routes/modules/order.ts
@@ -0,0 +1,32 @@
+import { OrderRouteEnum } from '@/enums/routeEnum';
+
+import { DEFAULT_LAYOUT } from '../base';
+import type { AppRouteRecordRaw } from '../types';
+
+const contract: AppRouteRecordRaw = {
+  path: '/order',
+  name: OrderRouteEnum.ORDER,
+  redirect: '/order/index',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    locale: 'module.order',
+    permissions: ['ORDER:READ'],
+    icon: 'iconicon_order_form',
+    hideChildrenInMenu: true,
+    collapsedLocale: 'module.order',
+  },
+  children: [
+    {
+      path: 'index',
+      name: OrderRouteEnum.ORDER_INDEX,
+      component: () => import('@/views/order/order/index.vue'),
+      meta: {
+        locale: 'module.order',
+        isTopMenu: true,
+        permissions: ['ORDER:READ'],
+      },
+    },
+  ],
+};
+
+export default contract;
diff --git a/frontend/packages/web/src/router/routes/modules/product.ts b/frontend/packages/web/src/router/routes/modules/product.ts
new file mode 100644
index 0000000..50c9092
--- /dev/null
+++ b/frontend/packages/web/src/router/routes/modules/product.ts
@@ -0,0 +1,42 @@
+import { ProductRouteEnum } from '@/enums/routeEnum';
+
+import { DEFAULT_LAYOUT } from '../base';
+import type { AppRouteRecordRaw } from '../types';
+
+const product: AppRouteRecordRaw = {
+  path: '/product',
+  name: ProductRouteEnum.PRODUCT,
+  redirect: '/product/pro',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    hideChildrenInMenu: true,
+    locale: 'module.productManagement',
+    permissions: ['PRODUCT_MANAGEMENT:READ'],
+    icon: 'iconicon_product',
+    collapsedLocale: 'menu.collapsedProduct',
+  },
+  children: [
+    {
+      path: 'pro',
+      name: ProductRouteEnum.PRODUCT_PRO,
+      component: () => import('@/views/product/index.vue'),
+      meta: {
+        locale: 'module.productManagement',
+        permissions: ['PRODUCT_MANAGEMENT:READ'],
+        isTopMenu: true,
+      },
+    },
+    {
+      path: 'price',
+      name: ProductRouteEnum.PRODUCT_PRICE,
+      component: () => import('@/views/product/price.vue'),
+      meta: {
+        locale: 'module.productManagementPrice',
+        permissions: ['PRICE:READ'],
+        isTopMenu: true,
+      },
+    },
+  ],
+};
+
+export default product;
diff --git a/frontend/packages/web/src/router/routes/modules/system.ts b/frontend/packages/web/src/router/routes/modules/system.ts
new file mode 100644
index 0000000..e7bd8a1
--- /dev/null
+++ b/frontend/packages/web/src/router/routes/modules/system.ts
@@ -0,0 +1,116 @@
+import { SystemRouteEnum } from '@/enums/routeEnum';
+
+import { DEFAULT_LAYOUT } from '../base';
+import type { AppRouteRecordRaw } from '../types';
+
+const system: AppRouteRecordRaw = {
+  path: '/system',
+  name: SystemRouteEnum.SYSTEM,
+  redirect: '/system/role',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    locale: 'menu.settings',
+    permissions: [
+      'SYS_ORGANIZATION:READ',
+      'SYSTEM_ROLE:READ',
+      'MODULE_SETTING:READ',
+      'SYSTEM_NOTICE:READ',
+      'SYSTEM_SETTING:READ',
+      'OPERATION_LOG:READ',
+      'PROCESS_SETTING:READ',
+    ],
+    icon: 'iconicon_set_up',
+    collapsedLocale: 'menu.collapsedSettings',
+  },
+  children: [
+    {
+      path: 'org',
+      name: SystemRouteEnum.SYSTEM_ORG,
+      component: () => import('@/views/system/org/index.vue'),
+      meta: {
+        locale: 'menu.settings.org',
+        permissions: ['SYS_ORGANIZATION:READ'],
+      },
+    },
+    {
+      path: 'role',
+      name: SystemRouteEnum.SYSTEM_ROLE,
+      component: () => import('@/views/system/role/index.vue'),
+      meta: {
+        locale: 'menu.settings.permission',
+        permissions: ['SYSTEM_ROLE:READ'],
+      },
+    },
+    {
+      path: 'module',
+      name: SystemRouteEnum.SYSTEM_MODULE,
+      component: () => import('@/views/system/module/index.vue'),
+      meta: {
+        locale: 'menu.settings.moduleSetting',
+        permissions: ['MODULE_SETTING:READ'],
+      },
+    },
+    {
+      path: 'message',
+      name: SystemRouteEnum.SYSTEM_MESSAGE,
+      component: () => import('@/views/system/message/index.vue'),
+      meta: {
+        locale: 'menu.settings.messageSetting',
+        permissions: ['SYSTEM_NOTICE:READ'],
+      },
+    },
+    {
+      path: 'process',
+      name: SystemRouteEnum.SYSTEM_PROCESS,
+      component: () => import('@/views/system/process/process/index.vue'),
+      meta: {
+        hideChildrenInMenu: true,
+        locale: 'menu.settings.processSetting',
+        permissions: ['PROCESS_SETTING:READ'],
+      },
+      children: [
+        {
+          path: 'process',
+          name: SystemRouteEnum.SYSTEM_PROCESS_INDEX,
+          component: () => import('@/views/system/process/workflow/index.vue'),
+          meta: {
+            locale: 'menu.settings.approvalFlow',
+            isTopMenu: true,
+            permissions: ['PROCESS_SETTING:READ'],
+          },
+        },
+        // todo 这个版本不上工作流
+        // {
+        //   path: 'workflow',
+        //   name: SystemRouteEnum.SYSTEM_PROCESS_WORKFLOW,
+        //   component: () => import('@/views/system/process/workflow/index.vue'),
+        //   meta: {
+        //     locale: 'menu.settings.workflowSetting',
+        //     isTopMenu: true,
+        //     permissions: [], // todo
+        //   },
+        // },
+      ],
+    },
+    {
+      path: 'business',
+      name: SystemRouteEnum.SYSTEM_BUSINESS,
+      component: () => import('@/views/system/business/index.vue'),
+      meta: {
+        locale: 'menu.settings.businessSetting',
+        permissions: ['SYSTEM_SETTING:READ'],
+      },
+    },
+    {
+      path: 'log',
+      name: SystemRouteEnum.SYSTEM_LOG,
+      component: () => import('@/views/system/log/index.vue'),
+      meta: {
+        locale: 'menu.settings.log',
+        permissions: ['OPERATION_LOG:READ'],
+      },
+    },
+  ],
+};
+
+export default system;
diff --git a/frontend/packages/web/src/router/routes/modules/tender.ts b/frontend/packages/web/src/router/routes/modules/tender.ts
new file mode 100644
index 0000000..7fce637
--- /dev/null
+++ b/frontend/packages/web/src/router/routes/modules/tender.ts
@@ -0,0 +1,31 @@
+import { TenderRouteEnum } from '@/enums/routeEnum';
+
+import { DEFAULT_LAYOUT } from '../base';
+import type { AppRouteRecordRaw } from '../types';
+
+const tender: AppRouteRecordRaw = {
+  path: '/tender',
+  name: TenderRouteEnum.TENDER,
+  redirect: '/tender/index',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    locale: 'menu.tender',
+    permissions: ['TENDER:READ'],
+    icon: 'iconicon_target',
+    hideChildrenInMenu: true,
+    collapsedLocale: 'menu.tender',
+  },
+  children: [
+    {
+      path: 'index',
+      name: TenderRouteEnum.TENDER_INDEX,
+      component: () => import('@/views/tender/index.vue'),
+      meta: {
+        locale: 'menu.tender',
+        permissions: ['TENDER:READ'],
+      },
+    },
+  ],
+};
+
+export default tender;
diff --git a/frontend/packages/web/src/router/routes/modules/workbench.ts b/frontend/packages/web/src/router/routes/modules/workbench.ts
new file mode 100644
index 0000000..5c97f30
--- /dev/null
+++ b/frontend/packages/web/src/router/routes/modules/workbench.ts
@@ -0,0 +1,31 @@
+import { WorkbenchRouteEnum } from '@/enums/routeEnum';
+
+import { DEFAULT_LAYOUT } from '../base';
+import type { AppRouteRecordRaw } from '../types';
+
+const workbench: AppRouteRecordRaw = {
+  path: '/workbench',
+  name: WorkbenchRouteEnum.WORKBENCH,
+  redirect: '/workbench/index',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    hideChildrenInMenu: true,
+    locale: 'menu.workbench',
+    permissions: [],
+    icon: 'iconicon_home',
+    collapsedLocale: 'menu.workbench',
+  },
+  children: [
+    {
+      path: 'index',
+      name: WorkbenchRouteEnum.WORKBENCH_INDEX,
+      component: () => import('@/views/workbench/index.vue'),
+      meta: {
+        locale: 'menu.workbench',
+        permissions: [],
+      },
+    },
+  ],
+};
+
+export default workbench;
diff --git a/frontend/packages/web/src/router/routes/types.ts b/frontend/packages/web/src/router/routes/types.ts
new file mode 100644
index 0000000..52bd9e9
--- /dev/null
+++ b/frontend/packages/web/src/router/routes/types.ts
@@ -0,0 +1,45 @@
+import { defineComponent } from 'vue';
+
+import type { NavigationGuard, RouteRecordName } from 'vue-router';
+
+export type Component<T = any> =
+  | ReturnType<typeof defineComponent>
+  | (() => Promise<typeof import('*.vue')>)
+  | (() => Promise<T>);
+
+export interface BreadcrumbItem {
+  name: RouteRecordName; // 路由名称
+  locale: string; // 国际化语言单词
+  isBack?: boolean; // 是否为返回上一个历史记录（当遇到父级页面也是携带 ID 参数打开的详情页面包屑时，设置 true 可以使面包屑跳转变成回退）
+  editTag?: string; // 编辑标识，指路由地址参数，面包屑组件会根据此参数判断是否为编辑页面
+  editLocale?: string; // 编辑国际化语言单词
+  query?: string[]; // 路由地址参数，面包屑组件会根据此参数拼接路由地址
+}
+
+export interface RouteMeta {
+  permissions?: string[]; // 权限数组
+  requiresAuth?: boolean; // 是否需要权限，默认需要
+  icon?: string; // 菜单icon
+  locale?: string; // 国际化语言单词
+  collapsedLocale?: string; // 收起时的国际化语言单词
+  hideInMenu?: boolean; // 此路由不在菜单展示
+  hideChildrenInMenu?: boolean; // 子路由不展示在菜单
+  activeMenu?: string; // 激活状态
+  order?: number; // 排序权重
+  noAffix?: boolean; // tab展示设置，设置为true则不在tab列表展示激活页面的tab
+  isCache?: boolean; // 缓存设置，true则不缓存
+  isTopMenu?: boolean; // 是否为顶部菜单
+  breadcrumbs?: BreadcrumbItem[]; // 面包屑
+}
+export interface AppRouteRecordRaw {
+  path: string;
+  name?: string | symbol;
+  meta?: RouteMeta;
+  redirect?: string;
+  component: Component | string;
+  children?: AppRouteRecordRaw[];
+  alias?: string | string[];
+  props?: Record<string, any> | boolean;
+  beforeEnter?: NavigationGuard | NavigationGuard[];
+  fullPath?: string;
+}
diff --git a/frontend/packages/web/src/router/typing.d.ts b/frontend/packages/web/src/router/typing.d.ts
new file mode 100644
index 0000000..52a7cd9
--- /dev/null
+++ b/frontend/packages/web/src/router/typing.d.ts
@@ -0,0 +1,18 @@
+import 'vue-router';
+
+declare module 'vue-router' {
+  interface RouteMeta {
+    permissions?: string[]; // 权限数组
+    requiresAuth?: boolean; // 是否需要权限，默认需要
+    icon?: string; // 菜单icon
+    locale?: string; // 国际化语言单词
+    collapsedLocale?: string; // 收起时的国际化语言单词
+    hideInMenu?: boolean; // 此路由不在菜单展示
+    hideChildrenInMenu?: boolean; // 子路由不展示在菜单
+    activeMenu?: string; // 激活状态
+    order?: number; // 排序权重
+    noAffix?: boolean; // tab展示设置，设置为true则不在tab列表展示激活页面的tab
+    isCache?: boolean; // 缓存设置，true则不缓存
+    isTopMenu?: boolean; // 是否为顶部菜单
+  }
+}
diff --git a/frontend/packages/web/src/store/index.ts b/frontend/packages/web/src/store/index.ts
new file mode 100644
index 0000000..7ef24d3
--- /dev/null
+++ b/frontend/packages/web/src/store/index.ts
@@ -0,0 +1,12 @@
+import { createPinia } from 'pinia';
+
+import useAppStore from './modules/app';
+import useVisitStore from './modules/app/visit';
+import useUserStore from './modules/user';
+import { debouncePlugin } from './plugins';
+import piniaPluginPersistedstate from 'pinia-plugin-persistedstate';
+
+const pinia = createPinia().use(debouncePlugin).use(piniaPluginPersistedstate);
+export { useAppStore, useUserStore, useVisitStore };
+
+export default pinia;
diff --git a/frontend/packages/web/src/store/modules/app/index.ts b/frontend/packages/web/src/store/modules/app/index.ts
new file mode 100644
index 0000000..cf36b4c
--- /dev/null
+++ b/frontend/packages/web/src/store/modules/app/index.ts
@@ -0,0 +1,492 @@
+import { defineStore } from 'pinia';
+import { cloneDeep } from 'lodash-es';
+
+import { SubscribeMessageUrl } from '@lib/shared/api/requrls/system/message';
+import { CompanyTypeEnum } from '@lib/shared/enums/commonEnum';
+import { ModuleConfigEnum } from '@lib/shared/enums/moduleEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+import { getSSE } from '@lib/shared/method';
+import { setLocalStorage } from '@lib/shared/method/local-storage';
+import { loadScript } from '@lib/shared/method/scriptLoader';
+
+import {
+  closeMessageSubscribe,
+  getHomeMessageList,
+  getKey,
+  getModuleNavConfigList,
+  getModuleTopNavList,
+  getOpportunityStageConfig,
+  getPageConfig,
+  getSystemVersion,
+  getThirdConfigByType,
+  getThirdPartyResource,
+  getTodoStatistic,
+  getUnReadAnnouncement,
+} from '@/api/modules';
+import { defaultNavList } from '@/config/system';
+import useUserStore from '@/store/modules/user';
+import { watchStyle, watchTheme } from '@/utils/theme';
+import { getThemeOverrides } from '@/utils/themeOverrides';
+
+import type { AppState, PageConfig, PageConfigKeys, Style, Theme } from './types';
+import type { RouteRecordRaw } from 'vue-router';
+
+const defaultThemeConfig = {
+  style: 'default' as Style,
+  customStyle: '#f9fbfb',
+  theme: 'default' as Theme,
+  customTheme: '#008d91',
+};
+const defaultLoginConfig = {
+  title: 'Cordys CRM',
+  icon: [],
+  loginLogo: [],
+  loginImage: [],
+  slogan: 'login.form.title',
+};
+const defaultPlatformConfig = {
+  logoPlatform: [],
+  helpDoc: 'https://cordys.cn/docs/',
+};
+
+const defaultPlatformResource = {
+  id: '',
+  createUser: '',
+  updateUser: '',
+  createTime: 0,
+  updateTime: 0,
+  type: '',
+  organizationId: '',
+  sync: false,
+  syncResource: CompanyTypeEnum.WECOM,
+  enable: false,
+};
+
+const defaultModuleConfig = [
+  {
+    moduleKey: ModuleConfigEnum.DASHBOARD,
+    enable: true,
+  },
+  {
+    moduleKey: ModuleConfigEnum.AGENT,
+    enable: true,
+  },
+  {
+    moduleKey: ModuleConfigEnum.HOME,
+    enable: true,
+  },
+  {
+    moduleKey: ModuleConfigEnum.CUSTOMER_MANAGEMENT,
+    enable: true,
+  },
+  {
+    moduleKey: ModuleConfigEnum.CONTRACT,
+    enable: true,
+  },
+  {
+    moduleKey: ModuleConfigEnum.ORDER,
+    enable: true,
+  },
+  {
+    moduleKey: ModuleConfigEnum.CLUE_MANAGEMENT,
+    enable: true,
+  },
+  {
+    moduleKey: ModuleConfigEnum.BUSINESS_MANAGEMENT,
+    enable: true,
+  },
+  {
+    moduleKey: ModuleConfigEnum.PRODUCT_MANAGEMENT,
+    enable: true,
+  },
+  {
+    moduleKey: ModuleConfigEnum.TENDER,
+    enable: true,
+  },
+  {
+    moduleKey: ModuleConfigEnum.CUSTOM_FORM,
+    enable: true,
+  },
+];
+
+const useAppStore = defineStore('app', {
+  state: (): AppState => ({
+    menuCollapsed: false,
+    collapsedWidth: 56,
+    // 分页
+    pageSize: 30,
+    showSizePicker: true,
+    showQuickJumper: true,
+    loginLoading: false,
+    loading: false,
+    loadingTip: '',
+    defaultThemeConfig,
+    defaultLoginConfig,
+    defaultPlatformConfig,
+    themeOverridesConfig: getThemeOverrides(),
+    pageConfig: {
+      ...defaultThemeConfig,
+      ...defaultLoginConfig,
+      ...defaultPlatformConfig,
+    },
+    orgId: '',
+    moduleConfigList: cloneDeep(defaultModuleConfig),
+    currentTopMenu: {} as RouteRecordRaw,
+    topMenus: [],
+    messageInfo: {
+      read: true,
+      notificationDTOList: [],
+      announcementDTOList: [],
+    },
+    eventSource: null,
+    menuIconStatus: {},
+    restoreMenuTimeStamp: 0,
+    versionInfo: {
+      currentVersion: '',
+      releaseDate: '',
+      latestVersion: '',
+      architecture: '',
+      copyright: '',
+      hasNewVersion: false,
+    },
+    navTopConfigList: [],
+    activePlatformResource: cloneDeep(defaultPlatformResource),
+    stageConfigList: [],
+    todoStatistic: {
+      total: 0,
+      quotation: 0,
+      contract: 0,
+      order: 0,
+      invoice: 0,
+    },
+  }),
+  getters: {
+    getMenuCollapsed(state: AppState) {
+      return state.menuCollapsed;
+    },
+    getLoginLoadingStatus(state: AppState): boolean {
+      return state.loginLoading;
+    },
+    getDefaultPageConfig(state: AppState): PageConfig {
+      return {
+        ...state.defaultThemeConfig,
+        ...state.defaultLoginConfig,
+        ...state.defaultPlatformConfig,
+      };
+    },
+    getOrgId(state: AppState) {
+      return state.orgId;
+    },
+    getTopMenus(state: AppState): RouteRecordRaw[] {
+      return state.topMenus;
+    },
+    getCurrentTopMenu(state: AppState): RouteRecordRaw {
+      return state.currentTopMenu;
+    },
+    getMenuIconStatus(state: AppState) {
+      const userId = useUserStore().userInfo.id;
+      return state.menuIconStatus[userId] ?? true;
+    },
+    getRestoreMenuTimeStamp(state: AppState) {
+      return state.restoreMenuTimeStamp;
+    },
+    getNavTopConfigList: (state: AppState) => {
+      const navMap = new Map(defaultNavList.map((n) => [n.key, n]));
+      return state.navTopConfigList.map((e) => {
+        return { ...navMap.get(e.navigationKey)! };
+      });
+    },
+    getTodoStatistic(state: AppState) {
+      return state.todoStatistic;
+    },
+  },
+  actions: {
+    setOrgId(id: string) {
+      this.orgId = id;
+    },
+    setMenuCollapsed(collapsed: boolean) {
+      this.menuCollapsed = collapsed;
+    },
+    /**
+     * 显示全局 loading
+     */
+    showLoading(tip = '') {
+      const { t } = useI18n();
+      this.loading = true;
+      this.loadingTip = tip || t('message.loadingDefaultTip');
+    },
+    /**
+     * 隐藏全局 loading
+     */
+    hideLoading() {
+      const { t } = useI18n();
+      this.loading = false;
+      this.loadingTip = t('message.loadingDefaultTip');
+    },
+    setLoginLoading(value: boolean) {
+      this.loginLoading = value;
+    },
+    async initPublicKey() {
+      try {
+        const res = await getKey();
+        setLocalStorage('publicKey', res);
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.error(error);
+      }
+    },
+    resetThemeOverridesConfig() {
+      this.themeOverridesConfig = getThemeOverrides();
+    },
+    /**
+     * 初始化模块配置
+     */
+    async initModuleConfig() {
+      try {
+        this.moduleConfigList = await getModuleNavConfigList({
+          organizationId: this.orgId,
+        });
+        // TODO license 先放开
+        // if (!useLicenseStore().hasLicense()) {
+        //   this.moduleConfigList = this.moduleConfigList.filter((e) => e.moduleKey !== ModuleConfigEnum.DASHBOARD);
+        // }
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      }
+    },
+    // 初始化顶部导航栏
+    async initNavTopConfig() {
+      try {
+        this.navTopConfigList = await getModuleTopNavList();
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      }
+    },
+    /**
+     * 设置顶部菜单组
+     */
+    setTopMenus(menus: RouteRecordRaw[] | undefined) {
+      this.topMenus = menus ? [...menus] : [];
+    },
+    /**
+     * 设置激活的顶部菜单
+     */
+    setCurrentTopMenu(menu: RouteRecordRaw) {
+      this.currentTopMenu = cloneDeep(menu);
+    },
+    /**
+     * 连接SSE消息订阅流
+     */
+    async connectSystemMessageSSE(callback: () => void) {
+      const userStore = useUserStore();
+
+      await this.disconnectSystemMessageSSE();
+      this.eventSource = getSSE(SubscribeMessageUrl, {
+        clientId: userStore.clientIdRandomId,
+        userId: userStore.userInfo.id,
+      });
+      if (this.eventSource) {
+        this.eventSource.onmessage = (event: MessageEvent) => {
+          try {
+            if (event.data && event.data.includes('HEARTBEAT')) {
+              return;
+            }
+
+            const data = JSON.parse(event.data);
+
+            this.messageInfo = { ...data };
+            callback();
+          } catch (error) {
+            // eslint-disable-next-line no-console
+            console.error('SSE Message parsing failure:', error);
+          }
+        };
+        // 错误直接关闭，手动刷新
+        this.eventSource.onerror = () => {
+          if (this.eventSource) {
+            this.eventSource.close();
+            this.eventSource = null;
+          }
+        };
+      }
+    },
+    /**
+     * 客户端主动断开连接
+     */
+    async disconnectSystemMessageSSE() {
+      const userStore = useUserStore();
+      if (!userStore.clientIdRandomId || !userStore.userInfo.id) return;
+      if (this.eventSource) {
+        this.eventSource.close();
+        this.eventSource = null;
+      }
+      try {
+        await closeMessageSubscribe({ clientId: userStore.clientIdRandomId, userId: userStore.userInfo.id });
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      }
+    },
+    /**
+     * 设置菜单icon展示
+     */
+    setMenuIconStatus(val: boolean) {
+      const userStore = useUserStore();
+      this.menuIconStatus[userStore.userInfo.id] = val;
+    },
+    /**
+     * 初始化首页消息
+     */
+    async initMessage() {
+      try {
+        const [notifications, announcements] = await Promise.all([getHomeMessageList(), getUnReadAnnouncement()]);
+        this.messageInfo.notificationDTOList = notifications;
+        this.messageInfo.announcementDTOList = announcements;
+        this.messageInfo.read = !(announcements?.length || notifications?.length);
+
+        const userStore = useUserStore();
+        userStore.showSystemNotify();
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      }
+    },
+    setRestoreMenuTimeStamp(timeStamp: number) {
+      this.restoreMenuTimeStamp = timeStamp;
+    },
+    async getVersion() {
+      try {
+        this.versionInfo = await getSystemVersion();
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      }
+    },
+    // 显示 SQLBot
+    async showSQLBot() {
+      // TODO license 先放开
+      // const licenseStore = useLicenseStore();
+      // if (!licenseStore.hasLicense()) return;
+      const res = await getThirdConfigByType(CompanyTypeEnum.SQLBot);
+      if (res.config?.sqlBotChatEnable) {
+        await loadScript(res.config?.appSecret as string, { identifier: CompanyTypeEnum.SQLBot });
+      }
+    },
+
+    // 初始化页面配置
+    async initPageConfig() {
+      try {
+        const res = await getPageConfig();
+        if (Array.isArray(res) && res.length > 0) {
+          let hasStyleChange = false;
+          let hasThemeChange = false;
+          // 清空无数据的时候使用默认值
+          ['icon', 'loginLogo', 'loginImage', 'logoPlatform'].forEach((key) => {
+            this.pageConfig[key as PageConfigKeys] = [
+              {
+                url: null,
+                name: null,
+              },
+            ] as any;
+          });
+          res.forEach((e) => {
+            const key = e.paramKey.split('ui.')[1] as PageConfigKeys; // 参数名前缀ui.去掉
+            if (['icon', 'loginLogo', 'loginImage', 'logoPlatform'].includes(key)) {
+              // 四个属性值为文件类型，单独处理
+              this.pageConfig[key] = [
+                {
+                  url: `/ui/display/preview?paramKey=ui.${key}`,
+                  name: e.paramValue,
+                },
+              ] as any;
+            } else {
+              if (key === 'style') {
+                // 风格是否更改，先判断自定义风格的值是否相等，再判断非自定义的俩值是否相等
+                hasStyleChange = !['default', 'follow'].includes(e.paramValue)
+                  ? this.pageConfig.customStyle !== e.paramValue
+                  : this.pageConfig.style !== e.paramValue;
+              }
+              if (key === 'theme') {
+                // 主题是否更改，先判断自定义主题的值是否相等，再判断非自定义的俩值是否相等
+                hasThemeChange =
+                  e.paramValue !== 'default'
+                    ? this.pageConfig.customTheme !== e.paramValue
+                    : this.pageConfig.theme !== e.paramValue;
+              }
+              this.pageConfig[key] = e.paramValue as any;
+            }
+          });
+          if (this.pageConfig.theme !== 'default') {
+            // 判断是否选择了自定义主题色
+            this.pageConfig.customTheme = this.pageConfig.theme;
+            this.pageConfig.theme = 'custom';
+          } else {
+            // 非自定义则需要重置自定义主题色为空，避免本地缓存与接口配置不一致
+            this.pageConfig.customTheme = defaultThemeConfig.customTheme;
+          }
+          if (!['default', 'follow'].includes(this.pageConfig.style)) {
+            // 判断是否选择了自定义平台风格
+            this.pageConfig.customStyle = this.pageConfig.style;
+            this.pageConfig.style = 'custom';
+          } else {
+            // 非自定义则需要重置自定义风格，避免本地缓存与接口配置不一致
+            this.pageConfig.customStyle = defaultThemeConfig.customStyle;
+          }
+          // 如果风格和主题有变化，则初始化一下主题和风格；没有变化则不需要在此初始化，在 App.vue 中初始化过了
+          if (hasStyleChange) {
+            watchStyle(this.pageConfig.style, this.pageConfig);
+          }
+          if (hasThemeChange) {
+            watchTheme(this.pageConfig.theme, this.pageConfig);
+          }
+          window.document.title = this.pageConfig.title;
+        }
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      }
+    },
+    resetPageConfig() {
+      const { t } = useI18n();
+      this.pageConfig = { ...this.getDefaultPageConfig, slogan: t(this.defaultLoginConfig.slogan) };
+    },
+
+    async initThirdPartyResource() {
+      try {
+        const result = await getThirdPartyResource();
+        this.activePlatformResource = { ...result };
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      }
+    },
+    async initStageConfig() {
+      try {
+        const stageConfig = await getOpportunityStageConfig();
+        this.stageConfigList = stageConfig.stageConfigList.map((e) => ({
+          value: e.id,
+          label: e.name,
+        }));
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      }
+    },
+    async initTodoStatistic() {
+      try {
+        const res = await getTodoStatistic();
+        this.todoStatistic = res;
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      }
+    },
+  },
+  persist: {
+    paths: ['menuIconStatus', 'pageConfig', 'moduleConfigList', 'navTopConfigList', 'activePlatformResource'],
+  },
+});
+
+export default useAppStore;
diff --git a/frontend/packages/web/src/store/modules/app/types.ts b/frontend/packages/web/src/store/modules/app/types.ts
new file mode 100644
index 0000000..bd0f699
--- /dev/null
+++ b/frontend/packages/web/src/store/modules/app/types.ts
@@ -0,0 +1,85 @@
+import { UploadFileInfo } from 'naive-ui';
+
+import type { SystemVersion } from '@lib/shared/models/common';
+import { ThirdPartyResource } from '@lib/shared/models/system/business';
+import type { ModuleNavBaseInfoItem, ModuleNavTopItem } from '@lib/shared/models/system/module';
+import type { TodoStatistic } from '@lib/shared/models/system/process';
+import type { MessageInfo } from '@lib/shared/models/user';
+
+import { ActionsItem } from '@/components/pure/crm-more-action/type';
+
+import type { GlobalThemeOverrides } from 'naive-ui';
+import { Option } from 'naive-ui/es/legacy-transfer/src/interface';
+import type { RouteRecordRaw } from 'vue-router';
+
+// 平台风格
+export type Style = 'default' | 'custom' | 'follow';
+
+// 主题
+export type Theme = 'default' | 'custom';
+
+// 主题配置对象
+export interface ThemeConfig {
+  style: Style;
+  customStyle: string;
+  theme: Theme;
+  customTheme: string;
+}
+
+// 登录页配置对象
+export interface LoginConfig {
+  title: string;
+  icon: (UploadFileInfo | never)[];
+  loginLogo: (UploadFileInfo | never)[];
+  loginImage: (UploadFileInfo | never)[];
+  slogan: string;
+}
+
+//  平台配置对象
+export interface PlatformConfig {
+  logoPlatform: (UploadFileInfo | never)[];
+  helpDoc: string;
+}
+
+export type ActionItem = {
+  key: string;
+  label: string;
+  type?: 'divider'; // 是否分割线，true 的话只展示分割线，没有其他内容
+  iconType?: string;
+  slotName?: string;
+  children?: Omit<ActionsItem, 'children'>[];
+};
+
+//  界面配置对象
+export interface PageConfig extends ThemeConfig, LoginConfig, PlatformConfig {}
+
+export type PageConfigKeys = keyof PageConfig;
+
+export interface AppState {
+  pageSize: number;
+  showSizePicker: boolean;
+  showQuickJumper: boolean;
+  menuCollapsed: boolean; // 侧边菜单栏是否收缩
+  collapsedWidth: number; // 侧边菜单栏收缩宽度
+  loginLoading: boolean; // 登录页面加载中
+  loading: boolean; // 全局加载中
+  loadingTip: string; // 全局加载提示
+  pageConfig: PageConfig;
+  defaultThemeConfig: ThemeConfig;
+  defaultLoginConfig: LoginConfig;
+  defaultPlatformConfig: PlatformConfig;
+  themeOverridesConfig: GlobalThemeOverrides;
+  orgId: string;
+  moduleConfigList: ModuleNavBaseInfoItem[]; // 模块配置列表
+  topMenus: RouteRecordRaw[];
+  currentTopMenu: RouteRecordRaw;
+  messageInfo: MessageInfo; // 消息通知和公告
+  eventSource: null | EventSource; // 事件流资源
+  menuIconStatus: Record<string, boolean>;
+  restoreMenuTimeStamp: number; // 恢复菜单激活状态，用于跳转拦截导致的菜单激活状态与路由不一致
+  versionInfo: SystemVersion; // 版本信息
+  navTopConfigList: ModuleNavTopItem[]; // 顶导配置
+  activePlatformResource: ThirdPartyResource; // 当前激活的平台资源
+  stageConfigList: Option[]; // 商机阶段配置
+  todoStatistic: TodoStatistic; // 待办统计
+}
diff --git a/frontend/packages/web/src/store/modules/app/visit.ts b/frontend/packages/web/src/store/modules/app/visit.ts
new file mode 100644
index 0000000..c09fb35
--- /dev/null
+++ b/frontend/packages/web/src/store/modules/app/visit.ts
@@ -0,0 +1,24 @@
+import { defineStore } from 'pinia';
+
+// 用于记录用户是否第一次访问某些功能，会持久化存储
+const useVisitStore = defineStore('visit', {
+  state: () => ({
+    visitedKeys: [] as string[],
+  }),
+  actions: {
+    addVisitedKey(key: string) {
+      this.visitedKeys.push(key);
+    },
+    deleteVisitedKey(key: string) {
+      this.visitedKeys = this.visitedKeys.filter((item) => item !== key);
+    },
+    getIsVisited(key: string): boolean {
+      return this.visitedKeys.includes(key);
+    },
+  },
+  persist: {
+    paths: ['visitedKeys'],
+  },
+});
+
+export default useVisitStore;
diff --git a/frontend/packages/web/src/store/modules/overview.ts b/frontend/packages/web/src/store/modules/overview.ts
new file mode 100644
index 0000000..a0b321d
--- /dev/null
+++ b/frontend/packages/web/src/store/modules/overview.ts
@@ -0,0 +1,81 @@
+import { defineStore } from 'pinia';
+
+import useLocalForage from '@/hooks/useLocalForage';
+import useUserStore from '@/store/modules/user';
+
+export interface WinOrderConfig {
+  priorPeriodEnable: boolean;
+  timeField: string;
+  userField: string;
+  winOrderTimeField: string;
+}
+
+export interface OverviewState {
+  homeOverviewConfig: Record<string, WinOrderConfig>;
+}
+
+const WIN_ORDER_CONFIG_KEY = 'overview_winOrderConfig';
+
+const defaultHomeOverviewConfig: WinOrderConfig = {
+  priorPeriodEnable: true,
+  timeField: 'CREATE_TIME',
+  userField: 'OWNER',
+  winOrderTimeField: 'EXPECTED_END_TIME',
+};
+
+const useOverviewStore = defineStore('overview', {
+  state: (): OverviewState => ({
+    homeOverviewConfig: {},
+  }),
+  actions: {
+    //  设置用户首页概览配置
+    async setWinOrderConfig(val: WinOrderConfig) {
+      const userId = useUserStore().userInfo.id;
+      const { setItem } = useLocalForage();
+
+      this.homeOverviewConfig[userId] = val;
+      await setItem(WIN_ORDER_CONFIG_KEY, this.homeOverviewConfig);
+    },
+
+    // 加载首页概览用户配置
+    async loadWinOrderConfig(): Promise<WinOrderConfig> {
+      const userId = useUserStore().userInfo.id;
+      const { getItem, setItem } = useLocalForage();
+
+      if (this.homeOverviewConfig[userId]) {
+        return this.homeOverviewConfig[userId];
+      }
+
+      const savedConfig = await getItem<Record<string, WinOrderConfig>>(WIN_ORDER_CONFIG_KEY);
+
+      if (savedConfig && savedConfig[userId]) {
+        const oldConfig = savedConfig[userId];
+
+        const fixedConfig: WinOrderConfig = {
+          ...defaultHomeOverviewConfig,
+          ...oldConfig,
+        };
+
+        const needUpdate = JSON.stringify(oldConfig) !== JSON.stringify(fixedConfig);
+        if (needUpdate) {
+          await setItem(WIN_ORDER_CONFIG_KEY, {
+            ...savedConfig,
+            [userId]: fixedConfig,
+          });
+        }
+
+        this.homeOverviewConfig[userId] = fixedConfig;
+        return fixedConfig;
+      }
+
+      const userDefaultWinConfig = { ...defaultHomeOverviewConfig };
+
+      this.homeOverviewConfig[userId] = userDefaultWinConfig;
+      await setItem(WIN_ORDER_CONFIG_KEY, { ...(savedConfig ?? {}), [userId]: userDefaultWinConfig });
+
+      return userDefaultWinConfig;
+    },
+  },
+});
+
+export default useOverviewStore;
diff --git a/frontend/packages/web/src/store/modules/setting/license.ts b/frontend/packages/web/src/store/modules/setting/license.ts
new file mode 100644
index 0000000..555e849
--- /dev/null
+++ b/frontend/packages/web/src/store/modules/setting/license.ts
@@ -0,0 +1,95 @@
+import { defineStore } from 'pinia';
+import dayjs from 'dayjs';
+
+import { LicenseInfo } from '@lib/shared/models/system/authorizedManagement';
+
+import { getLicense } from '@/api/modules';
+
+const useLicenseStore = defineStore('license', {
+  persist: true,
+  state: (): { licenseInfo: LicenseInfo | null; expiredDuring: boolean; expiredDays: number } => ({
+    licenseInfo: null,
+    expiredDuring: false,
+    expiredDays: 0,
+  }),
+  actions: {
+    setLicenseInfo(info: LicenseInfo) {
+      this.licenseInfo = info;
+    },
+    removeLicenseStatus() {
+      if (this.licenseInfo) {
+        this.licenseInfo.status = null;
+      }
+    },
+    hasLicense() {
+      return this.licenseInfo?.status === 'valid';
+    },
+    isEnterpriseVersion() {
+      return this.licenseInfo?.status !== 'not_found';
+    },
+    getExpirationTime(resTime: string) {
+      if (!this.isEnterpriseVersion()) {
+        this.expiredDuring = false;
+        this.expiredDays = 0;
+        return;
+      }
+
+      if (!resTime && !this.hasLicense() && this.isEnterpriseVersion()) {
+        this.expiredDuring = true;
+        this.expiredDays = 0;
+        return;
+      }
+
+      const today = dayjs().startOf('day'); // 今天的开始时间
+      const expirationDate = dayjs(resTime).startOf('day'); // license到期日的开始时间
+
+      // 计算天数差（不包含当天）
+      const daysDifference = expirationDate.diff(today, 'day');
+      if (daysDifference < 0) {
+        // 已过期情况
+        const daysExpired = Math.abs(daysDifference);
+        this.expiredDays = -daysExpired; // 负数表示已过期天数
+        this.expiredDuring = daysExpired <= 30; // 过期后只显示30天
+      } else if (daysDifference === 0) {
+        // 今天到期（显示"剩余1天"）
+        this.expiredDays = 1;
+        this.expiredDuring = true;
+      } else if (daysDifference <= 29) {
+        // 1-29天后到期（显示剩余天数+1）
+        this.expiredDays = daysDifference + 1;
+        this.expiredDuring = true;
+      } else if (daysDifference === 30) {
+        // 30天后到期（显示"剩余30天"）
+        this.expiredDays = daysDifference + 1;
+        this.expiredDuring = false;
+      } else {
+        // 31+天后到期
+        this.expiredDays = daysDifference + 1;
+        this.expiredDuring = false;
+      }
+    },
+    // license校验
+    async getValidateLicense() {
+      try {
+        const result = await getLicense();
+        // 检查返回结果是否有效，不存在license自身值
+        if (!result || !result.status) {
+          return;
+        }
+        /* if (!result || !result.status || !result.license || !result.license.count) {
+          return;
+        } */
+        this.setLicenseInfo(result);
+        // 计算license时间
+        if (result) {
+          this.getExpirationTime(result.expired);
+        }
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      }
+    },
+  },
+});
+
+export default useLicenseStore;
diff --git a/frontend/packages/web/src/store/modules/user/index.ts b/frontend/packages/web/src/store/modules/user/index.ts
new file mode 100644
index 0000000..99b7313
--- /dev/null
+++ b/frontend/packages/web/src/store/modules/user/index.ts
@@ -0,0 +1,235 @@
+import { defineStore } from 'pinia';
+
+import { CompanyTypeEnum } from '@lib/shared/enums/commonEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+import { getGenerateId } from '@lib/shared/method';
+import { clearToken, setToken } from '@lib/shared/method/auth';
+import { removeRouteListener } from '@lib/shared/method/route-listener';
+import { removeScript } from '@lib/shared/method/scriptLoader';
+import type { ApiKeyItem } from '@lib/shared/models/system/business';
+import type { LoginParams } from '@lib/shared/models/system/login';
+import type { UserInfo } from '@lib/shared/models/user';
+
+import NotifyContent from '@/views/system/message/components/notifyContent.vue';
+
+import { getApiKeyList, isLogin, login, signout } from '@/api/modules';
+import useDiscreteApi from '@/hooks/useDiscreteApi';
+import useUser from '@/hooks/useUser';
+import router from '@/router';
+import useAppStore from '@/store/modules/app/index';
+import useLicenseStore from '@/store/modules/setting/license';
+import { getFirstRouteNameByPermission, hasAnyPermission } from '@/utils/permission';
+
+import type { NotificationOptions, NotificationReactive } from 'naive-ui';
+
+const { notification } = useDiscreteApi();
+
+export interface UserState {
+  loginType: string[];
+  userInfo: UserInfo;
+  clientIdRandomId: string; // 客户端随机id
+  notify: NotificationReactive | null;
+  apiKeyList: ApiKeyItem[];
+}
+
+const useUserStore = defineStore('user', {
+  persist: true,
+  state: (): UserState => ({
+    loginType: [],
+    userInfo: {
+      id: '',
+      name: '',
+      email: '',
+      password: '',
+      enable: true,
+      createTime: 0,
+      updateTime: 0,
+      language: '',
+      lastOrganizationId: '',
+      phone: '',
+      source: '',
+      createUser: '',
+      updateUser: '',
+      platformInfo: '',
+      avatar: '',
+      permissionIds: [],
+      organizationIds: [],
+      csrfToken: '',
+      sessionId: '',
+      roles: [],
+      departmentId: '',
+      departmentName: '',
+      defaultPwd: true,
+    },
+    clientIdRandomId: '',
+    notify: null,
+    apiKeyList: [],
+  }),
+
+  getters: {
+    isAdmin(state: UserState) {
+      return state.userInfo.id === 'admin';
+    },
+    getScopedValue(state: UserState) {
+      const hasAllScopedData = state.userInfo.roles.some((e: any) => e?.dataScope === 'ALL');
+      const hasDepScopedData = state.userInfo.roles.some(
+        (e: any) => e?.dataScope === 'DEPT_AND_CHILD' || e.dataScope === 'DEPT_CUSTOM'
+      );
+      if (hasAllScopedData || this.isAdmin) {
+        return 'ALL';
+      }
+      if (hasDepScopedData) {
+        return 'DEPARTMENT';
+      }
+      return 'SELF';
+    },
+  },
+  actions: {
+    // 设置用户信息
+    setInfo(info: UserInfo) {
+      this.$patch({ userInfo: info });
+    },
+    async login(params: LoginParams) {
+      try {
+        const res = await login(params);
+        setToken(res.sessionId, res.csrfToken);
+        this.setInfo(res);
+        const appStore = useAppStore();
+        const lastOrganizationId = res.lastOrganizationId ?? res.organizationIds[0] ?? '';
+        this.clientIdRandomId = getGenerateId();
+        appStore.setOrgId(lastOrganizationId);
+      } catch (error) {
+        clearToken();
+        throw error;
+      }
+    },
+    // 登出回调
+    logoutCallBack() {
+      const appStore = useAppStore();
+      const licenseStore = useLicenseStore();
+      if (!licenseStore.hasLicense()) {
+        appStore.resetPageConfig();
+      }
+      appStore.disconnectSystemMessageSSE();
+      this.destroySystemNotify();
+      // 重置用户信息
+      this.$reset();
+      clearToken();
+
+      removeRouteListener();
+      removeScript(CompanyTypeEnum.SQLBot);
+      appStore.hideLoading();
+      router.push({ name: 'login' });
+    },
+    // 登出
+    async logout(silence = false) {
+      try {
+        const { t } = useI18n();
+        if (!silence) {
+          const appStore = useAppStore();
+          appStore.showLoading(t('message.loggingOut'));
+        }
+        await signout();
+      } finally {
+        this.logoutCallBack();
+      }
+    },
+    // 获取登录认证方式
+    async getAuthentication() {
+      try {
+        // const res = await getAuthenticationList();
+        this.loginType = [];
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      }
+    },
+    qrCodeLogin(res: UserInfo) {
+      try {
+        if (!res) {
+          return false;
+        }
+        setToken(res.sessionId, res.csrfToken);
+        this.setInfo(res);
+        const appStore = useAppStore();
+        const lastOrganizationId = res.lastOrganizationId ?? res.organizationIds?.[0] ?? '';
+        appStore.setOrgId(lastOrganizationId);
+        this.clientIdRandomId = getGenerateId();
+        return true;
+      } catch (err) {
+        // eslint-disable-next-line no-console
+        console.log(err);
+        clearToken();
+        return false;
+      }
+    },
+    async isLogin(isDisabledErrorTip = false) {
+      try {
+        const res = await isLogin(isDisabledErrorTip);
+        if (!res) {
+          return false;
+        }
+        setToken(res.sessionId, res.csrfToken);
+        this.setInfo(res);
+        const appStore = useAppStore();
+        const lastOrganizationId = res.lastOrganizationId ?? res.organizationIds?.[0] ?? '';
+        appStore.setOrgId(lastOrganizationId);
+        return true;
+      } catch (err) {
+        // eslint-disable-next-line no-console
+        console.log(err);
+        return false;
+      }
+    },
+    async checkIsLogin(isDisabledErrorTip = false) {
+      const { isLoginPage } = useUser();
+      const isLoginStatus = await this.isLogin(isDisabledErrorTip);
+      if (isLoginStatus) {
+        if (isLoginPage()) {
+          const currentRouteName = getFirstRouteNameByPermission(router.getRoutes());
+          await router.push({ name: currentRouteName });
+        }
+      } else if (!isLoginPage()) {
+        router.push({ name: 'login' });
+      }
+    },
+    // 展示系统公告
+    showSystemNotify() {
+      const appStore = useAppStore();
+      if (appStore.messageInfo.announcementDTOList?.length) {
+        this.notify = notification.create({
+          title: '',
+          content: () => {
+            return h(NotifyContent, {
+              onClose: () => this.destroySystemNotify(),
+            });
+          },
+          duration: undefined,
+          maxCount: 1,
+        } as NotificationOptions);
+      }
+    },
+    destroySystemNotify() {
+      if (typeof this.notify?.destroy === 'function') {
+        this.notify?.destroy();
+      }
+    },
+    async initApiKeyList() {
+      if (!hasAnyPermission(['PERSONAL_API_KEY:READ'])) return;
+      try {
+        const res = await getApiKeyList();
+        this.apiKeyList = res.map((item) => ({
+          ...item,
+          isExpire: item.forever ? false : item.expireTime < Date.now(),
+          desensitization: true,
+          showDescInput: false,
+        }));
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      }
+    },
+  },
+});
+
+export default useUserStore;
diff --git a/frontend/packages/web/src/store/modules/view.ts b/frontend/packages/web/src/store/modules/view.ts
new file mode 100644
index 0000000..896b840
--- /dev/null
+++ b/frontend/packages/web/src/store/modules/view.ts
@@ -0,0 +1,272 @@
+import { defineStore } from 'pinia';
+import { TabPaneProps } from 'naive-ui';
+
+import { OperatorEnum } from '@lib/shared/enums/commonEnum';
+import { CustomerSearchTypeEnum } from '@lib/shared/enums/customerEnum';
+import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+import { OpportunitySearchTypeEnum } from '@lib/shared/enums/opportunityEnum';
+import type { SortParams, TableDraggedParams } from '@lib/shared/models/common';
+import type { OpportunityStageConfig } from '@lib/shared/models/opportunity';
+import type { ViewItem } from '@lib/shared/models/view';
+
+import { ConditionsItem, FilterFormItem, filterOptionKeyMap } from '@/components/pure/crm-advance-filter/type';
+import { internalConditionsMap, viewApiMap } from '@/components/business/crm-view-select/config';
+
+import { getOpportunityStageConfig } from '@/api/modules';
+import { TabType } from '@/hooks/useHiddenTab';
+import useLocalForage from '@/hooks/useLocalForage';
+import useUserStore from '@/store/modules/user';
+
+// 视图
+const useViewStore = defineStore('view', {
+  persist: true,
+  state: () => ({
+    customViews: [] as ViewItem[],
+    internalViews: [] as ViewItem[],
+  }),
+  actions: {
+    getInternalKey(type: TabType) {
+      return `internal_views_${type}`;
+    },
+
+    async getInternalViews(key: string): Promise<ViewItem[]> {
+      const { getItem } = useLocalForage();
+      const data = await getItem<ViewItem[]>(key);
+      return data ?? [];
+    },
+
+    async setInternalViews(key: string, data: ViewItem[]) {
+      const { setItem } = useLocalForage();
+      await setItem(key, data);
+    },
+
+    async getActiveView(key: string) {
+      const { getItem } = useLocalForage();
+      const data = await getItem<string>(`active-view-${key}`);
+      return data;
+    },
+
+    async setActiveView(key: string, viewId: string) {
+      const { setItem } = useLocalForage();
+      await setItem(`active-view-${key}`, viewId);
+    },
+
+    async getViewSort(tableKey: string, viewId: string) {
+      const { getItem } = useLocalForage();
+      const data = await getItem<SortParams>(`view-sort-${tableKey}-${viewId}`);
+      return data;
+    },
+
+    async setViewSort(tableKey: string, viewId: string, data: SortParams) {
+      const { setItem } = useLocalForage();
+      await setItem(`view-sort-${tableKey}-${viewId}`, data);
+    },
+
+    async getOpportunitySuccessStageOption() {
+      try {
+        const stageConfig: OpportunityStageConfig = await getOpportunityStageConfig();
+        const successStage = stageConfig?.stageConfigList?.find((i) => i.type === 'END' && i.rate === '100');
+        return [
+          {
+            dataIndex: 'stage',
+            type: FieldTypeEnum.SELECT_MULTIPLE,
+            operator: OperatorEnum.IN,
+            value: [successStage?.id],
+          },
+        ];
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+        return [
+          {
+            dataIndex: 'stage',
+            type: FieldTypeEnum.SELECT_MULTIPLE,
+            operator: OperatorEnum.IN,
+            value: [],
+          },
+        ];
+      }
+    },
+    async resolveTypeOptions(type: TabType) {
+      switch (type) {
+        case FormDesignKeyEnum.BUSINESS:
+          return {
+            opportunitySuccessOptions: await this.getOpportunitySuccessStageOption(),
+          };
+        default:
+          return {};
+      }
+    },
+    resolveInternalConditionList(params: {
+      type: TabType;
+      tabName: string;
+      optionItem: Record<string, any>;
+    }): FilterFormItem[] {
+      const { type, tabName, optionItem } = params;
+      // 商机成功阶段
+      if (tabName === OpportunitySearchTypeEnum.OPPORTUNITY_SUCCESS) {
+        return optionItem.opportunitySuccessOptions ?? [];
+      }
+      // 报价单我的视图
+      if (type === FormDesignKeyEnum.OPPORTUNITY_QUOTATION && tabName === CustomerSearchTypeEnum.SELF) {
+        return internalConditionsMap[CustomerSearchTypeEnum.SELF_QUOTATION] ?? [];
+      }
+      return internalConditionsMap[tabName] ?? [];
+    },
+    async loadInternalViews(type: TabType, internalList: TabPaneProps[]) {
+      const userStore = useUserStore();
+
+      const stored = await this.getInternalViews(this.getInternalKey(type));
+      const listMap = internalList.reduce<Record<string, TabPaneProps>>((map, item) => {
+        map[item.name as string] = item;
+        return map;
+      }, {});
+
+      const storedIds = new Set(stored.map((i) => i.id));
+
+      const optItem = (await this.resolveTypeOptions(type)) ?? null;
+      const merged = [
+        // 优先使用 stored 的顺序和设置
+        ...stored
+          .filter((item) => listMap[item.id])
+          .map((item) => {
+            const def = listMap[item.id];
+            return {
+              ...item,
+              name: def.tab as string,
+              list: this.resolveInternalConditionList({
+                type,
+                tabName: def.name as string,
+                optionItem: optItem,
+              }),
+              type: 'internal',
+              searchMode: item.searchMode ?? 'AND',
+            } as ViewItem;
+          }),
+
+        // 添加 stored 中没有的新项
+        ...internalList
+          .filter((item) => !storedIds.has(item.name as string))
+          .map(
+            (item) =>
+              ({
+                id: item.name as string,
+                name: item.tab as string,
+                enable: true,
+                fixed: true,
+                type: 'internal',
+                searchMode: 'AND',
+                list: this.resolveInternalConditionList({
+                  type,
+                  tabName: item.name as string,
+                  optionItem: optItem,
+                }),
+              } as ViewItem)
+          ),
+      ];
+      // admin 不显示部门视图
+      if (userStore.userInfo.id === 'admin') {
+        // @ts-ignore-next-line
+        this.internalViews = merged.filter((item) => item.id !== CustomerSearchTypeEnum.DEPARTMENT);
+      } else {
+        this.internalViews = merged;
+      }
+      await this.setInternalViews(this.getInternalKey(type), this.internalViews);
+    },
+
+    async loadCustomViews(type: TabType) {
+      try {
+        this.customViews = await viewApiMap.list[type]();
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      }
+    },
+
+    // 获取详情
+    async getViewDetail(type: TabType, option: ViewItem) {
+      let res: ViewItem;
+      if (option.type === 'internal') {
+        res = option;
+      } else {
+        try {
+          res = await viewApiMap.detail[type](option.id);
+          res.list = (res.conditions ?? []).map((item: ConditionsItem) => {
+            const options =
+              res.optionMap?.[item.name as string]?.filter((i: { id: string; name: string }) =>
+                item.value?.includes(i.id)
+              ) ?? [];
+            const keyText = filterOptionKeyMap[item.type as FieldTypeEnum];
+
+            return {
+              ...item,
+              dataIndex: item.name,
+              ...(keyText ? { [keyText]: options } : {}),
+            } as FilterFormItem;
+          });
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+          return {};
+        }
+      }
+      return {
+        name: res.name,
+        list: res.list,
+        searchMode: res.searchMode,
+      };
+    },
+
+    // 拖拽
+    async toggleDrag(type: TabType, params: TableDraggedParams) {
+      const isInternal = this.internalViews.some((item) => item.id === params.moveId);
+      if (isInternal) {
+        const movedItem = this.internalViews.splice(params.oldIndex, 1)[0];
+        this.internalViews.splice(params.newIndex, 0, movedItem);
+        await this.setInternalViews(this.getInternalKey(type), this.internalViews);
+      } else {
+        try {
+          await viewApiMap.drag[type](params);
+          this.loadCustomViews(type);
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        }
+      }
+    },
+
+    // 固定/取消固定
+    async toggleFixed(type: TabType, option: ViewItem) {
+      if (option.type === 'internal') {
+        const index = this.internalViews.findIndex((i: ViewItem) => i.id === option.id);
+        if (index !== -1) this.internalViews[index].fixed = !this.internalViews[index].fixed;
+        this.setInternalViews(this.getInternalKey(type), this.internalViews);
+      } else {
+        try {
+          await viewApiMap.fixed[type](option.id);
+          this.loadCustomViews(type);
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        }
+      }
+    },
+
+    async toggleEnabled(type: TabType, option: ViewItem) {
+      if (option.type === 'internal') {
+        const index = this.internalViews.findIndex((i: ViewItem) => i.id === option.id);
+        if (index !== -1) this.internalViews[index].enable = !this.internalViews[index].enable;
+        this.setInternalViews(this.getInternalKey(type), this.internalViews);
+      } else {
+        try {
+          await viewApiMap.enable[type](option.id);
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        }
+      }
+    },
+  },
+});
+
+export default useViewStore;
diff --git a/frontend/packages/web/src/store/plugins.ts b/frontend/packages/web/src/store/plugins.ts
new file mode 100644
index 0000000..82bd391
--- /dev/null
+++ b/frontend/packages/web/src/store/plugins.ts
@@ -0,0 +1,18 @@
+import { debounce } from 'lodash-es';
+
+import type { PiniaPluginContext } from 'pinia';
+// 首先得声明插件使用到的额外属性，因为pinia的TS类型声明中，每个store只有三个原生属性state、getters、actions，若没有使用到额外属性则无需声明
+declare module 'pinia' {
+  export interface DefineStoreOptionsBase<S, Store> {
+    debounce?: Partial<Record<keyof StoreActions<Store>, number>>; // 节流配置
+  }
+}
+// 基于lodash的防抖函数封装，读取store中cache配置的属性，针对已配置的属性更改操作进行防抖处理
+export const debouncePlugin = ({ options, store }: PiniaPluginContext): void | Record<string, any> => {
+  if (options.debounce) {
+    return Object.keys(options.debounce).reduce((debounceActions: Record<string, any>, action) => {
+      debounceActions[action] = debounce(store[action], options.debounce![action]);
+      return debounceActions;
+    }, {});
+  }
+};
diff --git a/frontend/packages/web/src/types/window.d.ts b/frontend/packages/web/src/types/window.d.ts
new file mode 100644
index 0000000..35dfa86
--- /dev/null
+++ b/frontend/packages/web/src/types/window.d.ts
@@ -0,0 +1,54 @@
+// ********************************************************************************
+// DOM包裹容器相关参数
+// ********************************************************************************
+// 注意！width与height参数只用于设置二维码iframe元素的尺寸，并不会影响包裹容器尺寸。
+// 包裹容器的尺寸与样式需要接入方自己使用css设置
+interface IDTLoginFrameParams {
+  id: string; // 必传，包裹容器元素ID，不带'#'
+  width?: number; // 选传，二维码iframe元素宽度，最小280，默认300
+  height?: number; // 选传，二维码iframe元素高度，最小280，默认300
+}
+
+interface qrLogin {
+  id: string;
+  goto: string;
+  width: string;
+  height: string;
+  style: string; // 可选的，二维码html标签的style属性
+}
+
+// ********************************************************************************
+// 统一登录参数
+// ********************************************************************************
+// 参数意义与“拼接链接发起登录授权”的接入方式完全相同（缺少部分参数）
+// 增加了isPre参数来设定运行环境
+interface IDTLoginLoginParams {
+  redirect_uri: string; // 必传，注意url需要encode
+  response_type: string; // 必传，值固定为code
+  client_id: string; // 必传
+  scope: string; // 必传，如果值为openid+corpid，则下面的org_type和corpId参数必传，否则无法成功登录
+  prompt: string; // 必传，值为consent。
+  state?: string; // 选传
+  org_type?: string; // 选传，当scope值为openid+corpid时必传
+  corpId?: string; // 选传，当scope值为openid+corpid时必传
+  exclusiveLogin?: string; // 选传，如需生成专属组织专用二维码时，可指定为true，可以限制非组织帐号的扫码
+  exclusiveCorpId?: string; // 选传，当exclusiveLogin为true时必传，指定专属组织的corpId
+}
+
+// ********************************************************************************
+// 登录成功后返回的登录结果
+// ********************************************************************************
+interface IDTLoginSuccess {
+  redirectUrl: string; // 登录成功后的重定向地址，接入方可以直接使用该地址进行重定向
+  authCode: string; // 登录成功后获取到的authCode，接入方可直接进行认证，无需跳转页面
+  state?: string; // 登录成功后获取到的state
+}
+declare interface Window {
+  DTFrameLogin: (
+    frameParams: IDTLoginFrameParams, // DOM包裹容器相关参数
+    loginParams: IDTLoginLoginParams, // 统一登录参数
+    successCbk: (result: IDTLoginSuccess) => void, // 登录成功后的回调函数
+    errorCbk?: (errorMsg: string) => void // 登录失败后的回调函数
+  ) => void;
+  QRLogin: (QRLogin: qrLogin) => Record<any, any>;
+}
diff --git a/frontend/packages/web/src/utils/export.ts b/frontend/packages/web/src/utils/export.ts
new file mode 100644
index 0000000..f553076
--- /dev/null
+++ b/frontend/packages/web/src/utils/export.ts
@@ -0,0 +1,51 @@
+import { ColumnTypeEnum } from '@lib/shared/enums/commonEnum';
+import { FieldTypeEnum, type FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+import { ExportTableColumnItem } from '@lib/shared/models/common';
+
+import { FilterFormItem } from '@/components/pure/crm-advance-filter/type';
+import { CrmDataTableColumn } from '@/components/pure/crm-table/type';
+
+import type { FormCreateField } from '@cordys/web/src/components/business/crm-form-create/types';
+
+export function getColumnType(item: any, customFieldsFilterConfig?: FilterFormItem[], supportShowFields?: boolean) {
+  if (customFieldsFilterConfig?.some((i) => i.dataIndex === item.key)) {
+    return ColumnTypeEnum.CUSTOM;
+  }
+  if (supportShowFields && item.resourceFieldId) {
+    return ColumnTypeEnum.SHOW_FIELD;
+  }
+  return ColumnTypeEnum.SYSTEM;
+}
+
+export function getExportColumns(
+  allColumns: CrmDataTableColumn[],
+  customFieldsFilterConfig?: FilterFormItem[],
+  fieldList?: FormCreateField[],
+  supportShowFields?: boolean
+): ExportTableColumnItem[] {
+  const result = allColumns
+    .filter(
+      (item: any) =>
+        item.key !== 'operation' &&
+        item.type !== 'selection' &&
+        item.key !== 'crmTableOrder' &&
+        item.filedType !== FieldTypeEnum.PICTURE &&
+        (supportShowFields || !item.resourceFieldId) // 部分表单支持导出显示字段
+    )
+    .map((e) => {
+      return {
+        key: e.key?.toString() || '',
+        title: (e.title as string) || '',
+        columnType: getColumnType(e, customFieldsFilterConfig, supportShowFields),
+      };
+    });
+  const subCol = fieldList?.filter((i) => [FieldTypeEnum.SUB_PRODUCT, FieldTypeEnum.SUB_PRICE].includes(i.type));
+  subCol?.forEach((j) => {
+    result.push({
+      key: j.businessKey ?? j.id,
+      title: j.name,
+      columnType: ColumnTypeEnum.CUSTOM,
+    });
+  });
+  return result;
+}
diff --git a/frontend/packages/web/src/utils/permission.ts b/frontend/packages/web/src/utils/permission.ts
new file mode 100644
index 0000000..95a5d58
--- /dev/null
+++ b/frontend/packages/web/src/utils/permission.ts
@@ -0,0 +1,111 @@
+import { RouteLocationNormalized, RouteRecordNormalized, RouteRecordRaw } from 'vue-router';
+
+import { ModuleConfigEnum } from '@lib/shared/enums/moduleEnum';
+
+import appRoutes from '@/router/routes/index';
+import useAppStore from '@/store/modules/app';
+import useUserStore from '@/store/modules/user';
+
+import { WorkbenchRouteEnum } from '@/enums/routeEnum';
+
+export function hasPermission(permission: string) {
+  const userStore = useUserStore();
+  if (userStore.isAdmin) {
+    return true;
+  }
+
+  if (userStore.userInfo.permissionIds.length === 0) {
+    return false;
+  }
+
+  if (userStore.userInfo.permissionIds.includes(permission)) {
+    return true;
+  }
+  return false;
+}
+
+/**
+ * 判断是否有任一权限
+ * @param permissions 权限列表
+ */
+export function hasAnyPermission(permissions?: string[]) {
+  if (!permissions || permissions.length === 0) {
+    return true;
+  }
+  return permissions.some((permission) => hasPermission(permission));
+}
+
+/**
+ * 判断是否有所有权限
+ * @param permissions 权限列表
+ */
+export function hasAllPermission(permissions?: string[]) {
+  if (!permissions || permissions.length === 0) {
+    return true;
+  }
+  return permissions.every((permission) => hasPermission(permission));
+}
+
+// 判断当前一级菜单是否有权限
+export function topLevelMenuHasPermission(route: RouteLocationNormalized | RouteRecordRaw) {
+  const userStore = useUserStore();
+  const appStore = useAppStore();
+  const { moduleConfigList } = appStore;
+
+  if (
+    moduleConfigList.length &&
+    !moduleConfigList.filter((e) => e.enable).some((e) => e.moduleKey === (route.name as string))
+  ) {
+    // 没有配置的菜单不显示
+    return false;
+  }
+  if (userStore.isAdmin) {
+    // 如果是系统管理员, 包含所有菜单权限
+    return true;
+  }
+  return hasAnyPermission(route.meta?.permissions || []);
+}
+
+// 有权限的第一个路由名，如果没有找到则返回IndexRoute
+export function getFirstRouteNameByPermission(routerList: RouteRecordNormalized[]) {
+  const currentRoute = routerList.filter((item) => hasAnyPermission(item.meta.permissions || []))[0]; // 排除没有权限的路由
+
+  const appStore = useAppStore();
+  // 首页模块开启默认首页，否则有权限的第一个路由
+  return appStore.moduleConfigList.find((e) => e.moduleKey === ModuleConfigEnum.HOME && e.enable)
+    ? WorkbenchRouteEnum.WORKBENCH
+    : currentRoute?.name;
+}
+
+// 判断当前路由名有没有权限
+export function routerNameHasPermission(routerName: string, routerList: RouteRecordNormalized[]) {
+  const currentRoute = routerList.find((item) => item.name === routerName);
+  return currentRoute ? hasAnyPermission(currentRoute.meta?.permissions || []) : false;
+}
+
+export function findRouteByName(name: string) {
+  const queue: RouteRecordNormalized[] = [...appRoutes];
+  while (queue.length > 0) {
+    const currentRoute = queue.shift();
+    if (!currentRoute) {
+      return;
+    }
+    if (currentRoute.name === name) {
+      return currentRoute;
+    }
+    if (currentRoute.children) {
+      queue.push(...(currentRoute.children as RouteRecordNormalized[]));
+    }
+  }
+  return null;
+}
+
+// 找到当前路由下 第一个由权限的子路由
+export function getFirstRouterNameByCurrentRoute(parentName: string) {
+  const currentRoute = findRouteByName(parentName);
+  if (currentRoute) {
+    const hasAuthChildrenRouter = currentRoute.children.find((item) => hasAnyPermission(item.meta?.permissions || []));
+    return hasAuthChildrenRouter ? hasAuthChildrenRouter.name : parentName;
+  }
+  return parentName;
+}
diff --git a/frontend/packages/web/src/utils/theme.ts b/frontend/packages/web/src/utils/theme.ts
new file mode 100644
index 0000000..8baee6b
--- /dev/null
+++ b/frontend/packages/web/src/utils/theme.ts
@@ -0,0 +1,175 @@
+import useAppStore from '@/store/modules/app';
+import type { PageConfig, Style, Theme } from '@/store/modules/app/types';
+
+import Color from 'color';
+
+/**
+ * 获取颜色对象的 rgb 色值
+ * @param color Color对象
+ * @returns 颜色值
+ */
+export function getRGBinnerVal(color: Color) {
+  return color
+    .rgb()
+    .toString()
+    .replace(/rgba?\(|\)/g, '');
+}
+
+/**
+ * 设置自定义颜色的主题色
+ * @param primaryColor 主题色
+ */
+export function setCustomTheme(primaryColor: string) {
+  const appStore = useAppStore();
+  const styleTag = document.createElement('style');
+  styleTag.id = 'CRM-CUSTOM-THEME';
+  const primary = new Color(primaryColor);
+  const white = Color('#fff');
+  const P = primary.toString().replace(/rgba?\(|\)/g, '');
+  const P0 = getRGBinnerVal(primary.mix(Color('#000'), 0.15));
+  const P1 = getRGBinnerVal(primary.mix(white, 0.15));
+  const P2 = getRGBinnerVal(primary.mix(white, 0.3));
+  const P3 = getRGBinnerVal(primary.mix(white, 0.4));
+  const P4 = getRGBinnerVal(primary.mix(white, 0.7));
+  const P5 = getRGBinnerVal(primary.mix(white, 0.8));
+  const P6 = getRGBinnerVal(primary.mix(white, 0.9));
+  const P7 = getRGBinnerVal(primary.mix(white, 0.95));
+
+  const transferColor = (primaryColorString: string) => {
+    const temPrimary = primaryColorString.toString().replace(/rgba?\(|\)/g, ''); // "r, g, b" 或 "r, g, b, a"
+    const isRgba = temPrimary.split(',').length === 4;
+    return `${isRgba ? `rgba(${primaryColorString})` : `rgb(${primaryColorString})`};`;
+  };
+
+  styleTag.innerHTML = `
+    :root {
+      --primary-0: ${transferColor(P0)};
+      --primary-1: ${transferColor(P1)};
+      --primary-2: ${transferColor(P2)};
+      --primary-3: ${transferColor(P3)};
+      --primary-4: ${transferColor(P4)};
+      --primary-5: ${transferColor(P5)};
+      --primary-6: ${transferColor(P6)};
+      --primary-7: ${transferColor(P7)};
+      --primary-8: ${transferColor(P)};
+    }
+  `;
+  // 移除之前的 style 标签（如果有）
+  const prevStyleTag = document.getElementById('CRM-CUSTOM-THEME');
+  if (prevStyleTag) {
+    prevStyleTag.remove();
+  }
+  document.body.appendChild(styleTag);
+  appStore.resetThemeOverridesConfig();
+}
+
+/**
+ * 主题重置为默认主题
+ */
+export function resetTheme() {
+  const appStore = useAppStore();
+  const prevStyleTag = document.getElementById('CRM-CUSTOM-THEME');
+  if (prevStyleTag) {
+    prevStyleTag.remove();
+  }
+  appStore.resetThemeOverridesConfig();
+}
+
+/**
+ * 设置平台色
+ * @param color 平台色
+ */
+export function setPlatformColor(color: string, isFollow = false) {
+  const styleTag = document.createElement('style');
+  const appStore = useAppStore();
+  styleTag.id = 'CRM-CUSTOM-STYLE';
+  const white = Color('#fff');
+  // 跟随主题色，设置为P1
+  const platformColor = isFollow ? new Color(color).mix(white, 0.95) : new Color(color);
+  styleTag.innerHTML = `
+    :root {
+      --text-n9: ${platformColor};
+    }
+  `;
+  // 移除之前的 style 标签（如果有）
+  const prevStyleTag = document.getElementById('CRM-CUSTOM-STYLE');
+  if (prevStyleTag) {
+    prevStyleTag.remove();
+  }
+  document.body.appendChild(styleTag);
+  appStore.resetThemeOverridesConfig();
+}
+
+/**
+ * 平台风格重置为默认平台风格
+ */
+export function resetStyle() {
+  const appStore = useAppStore();
+  const prevStyleTag = document.getElementById('CRM-CUSTOM-STYLE');
+  if (prevStyleTag) {
+    prevStyleTag.remove();
+  }
+  appStore.resetThemeOverridesConfig();
+}
+
+/**
+ * 检测风格变化
+ * @param val 风格
+ * @param pageConfig 页面配置对象
+ */
+export function watchStyle(val: Style, pageConfig: PageConfig) {
+  if (val === 'default') {
+    // 默认就是系统自带的颜色
+    resetStyle();
+  } else if (val === 'custom') {
+    // 自定义风格颜色
+    setPlatformColor(pageConfig.customStyle);
+  } else {
+    // 跟随主题色
+    setPlatformColor(pageConfig.customTheme, true);
+  }
+}
+
+/**
+ * 检测主题色变化
+ * @param val 主题色
+ * @param pageConfig 页面配置对象
+ */
+export function watchTheme(val: Theme, pageConfig: PageConfig) {
+  if (val === 'default') {
+    resetTheme();
+    if (pageConfig.style === 'follow') {
+      // 若平台风格跟随主题色
+      resetStyle();
+    }
+  } else {
+    setCustomTheme(pageConfig.customTheme);
+    if (pageConfig.style === 'follow') {
+      // 若平台风格跟随主题色
+      setPlatformColor(pageConfig.customTheme, true);
+    }
+  }
+}
+
+/**
+ * 动态设置 favicon
+ * @param url favicon 地址
+ */
+export function setFavicon(url: string) {
+  const head = document.querySelector('head');
+  const link = document.createElement('link');
+  link.rel = 'shortcut icon';
+  link.href = `${url}&v=${Date.now()}`;
+  link.type = 'image/x-icon';
+
+  // 移除之前的 favicon
+  const oldFavicon = document.querySelector('link[rel="shortcut icon"]');
+  if (oldFavicon) {
+    head?.removeChild(oldFavicon);
+  }
+
+  // 添加新的 favicon
+  head?.appendChild(link);
+}
+
+export default {};
diff --git a/frontend/packages/web/src/utils/themeOverrides.ts b/frontend/packages/web/src/utils/themeOverrides.ts
new file mode 100644
index 0000000..70e1813
--- /dev/null
+++ b/frontend/packages/web/src/utils/themeOverrides.ts
@@ -0,0 +1,313 @@
+import type { GlobalThemeOverrides } from 'naive-ui';
+
+function getLessVariableValue(variableName: string): string {
+  return getComputedStyle(document.documentElement).getPropertyValue(variableName).trim();
+}
+/**
+ * @returns GlobalThemeOverrides 主题全局配置
+ * 注 如果需要定义相关组件的颜色配置，需要使用getLessVariableValue包裹
+ *    否则部分组件的内部源码不识别less变量，使用组件可能会导致源码报错
+ */
+export function getThemeOverrides(): GlobalThemeOverrides {
+  return {
+    common: {
+      fontSize: '14px',
+      borderRadiusSmall: '4px',
+      borderColor: getLessVariableValue('--text-n7'), // 边框颜色
+      primaryColor: getLessVariableValue('--primary-8'), // 主题品牌色
+      primaryColorHover: getLessVariableValue('--primary-1'), // 主题hover颜色
+      primaryColorPressed: getLessVariableValue('--primary-0'), // 主题按下颜色
+      primaryColorSuppl: getLessVariableValue('--primary-8'), // 表单输入激活状态下展示主色扩展
+      // info颜色
+      infoColor: getLessVariableValue('--info-blue'),
+      infoColorHover: getLessVariableValue('--info-1'), // info颜色悬浮
+      infoColorPressed: getLessVariableValue('--info-0'), // info颜色激活
+      infoColorSuppl: getLessVariableValue('--info-blue'), // info颜色表单输入激活状态下展示主色扩展
+      // success颜色
+      successColor: getLessVariableValue('--success-green'),
+      successColorHover: getLessVariableValue('--success-1'),
+      successColorPressed: getLessVariableValue('--success-0'),
+      successColorSuppl: getLessVariableValue('--success-green'),
+      // warning颜色
+      warningColor: getLessVariableValue('--warning-yellow'),
+      warningColorHover: getLessVariableValue('--warning-1'),
+      warningColorPressed: getLessVariableValue('--warning-0'),
+      warningColorSuppl: getLessVariableValue('--warning-yellow'),
+      // error颜色
+      errorColor: getLessVariableValue('--error-red'),
+      errorColorHover: getLessVariableValue('--error-1'),
+      errorColorPressed: getLessVariableValue('--error-0'),
+      errorColorSuppl: getLessVariableValue('--error-red'),
+      // 文本的颜色
+      textColor1: getLessVariableValue('--text-n1'),
+      textColorBase: getLessVariableValue('--text-n1'),
+      textColorDisabled: getLessVariableValue('--text-n6'),
+      placeholderColor: getLessVariableValue('--text-n4'),
+      placeholderColorDisabled: getLessVariableValue('--text-n6'),
+      // icon颜色
+      iconColor: getLessVariableValue('--text-n4'),
+      iconColorHover: getLessVariableValue('--text-n1'),
+      iconColorDisabled: getLessVariableValue('--text-n6'),
+      dividerColor: getLessVariableValue('--text-n8'),
+      closeIconColor: getLessVariableValue('--text-n2'),
+      closeIconColorHover: getLessVariableValue('--text-n2'),
+      closeColorHover: getLessVariableValue('--text-n9'),
+      closeColorPressed: getLessVariableValue('--text-n6'),
+      scrollbarColor: 'rgba(0, 0, 0, 0.25)',
+      scrollbarColorHover: 'rgba(0, 0, 0, 0.4)',
+      popoverColor: getLessVariableValue('--text-n10'),
+      tableColor: getLessVariableValue('--text-n10'),
+      cardColor: getLessVariableValue('--text-n10'),
+      modalColor: getLessVariableValue('--text-n10'),
+      bodyColor: getLessVariableValue('--text-n10'),
+      invertedColor: 'rgb(0, 20, 40)',
+      inputColor: getLessVariableValue('--text-n10'),
+      // 盒子投影设置
+      boxShadow1: '0 4px 10px -1px rgba(100, 103, 103, .15)', // 基础投影
+      boxShadow2: '0 4px 15px 2px rgba(100, 103, 103, .1)', // 中层投影
+      boxShadow3: '0 6px 35px 6px rgba(100, 103, 103, .1)', // 上层投影
+      heightSmall: '24px',
+      heightMedium: '32px',
+      heightLarge: '40px',
+    },
+    Button: {
+      borderHover: getLessVariableValue('--text-n7'),
+      borderPressed: getLessVariableValue('--text-n8'),
+      borderFocus: getLessVariableValue('--text-n8'),
+      borderDisabled: getLessVariableValue('--text-n9'),
+      textColor: getLessVariableValue('--text-n1'),
+      textColorHover: getLessVariableValue('--text-n1'),
+      textColorPressed: getLessVariableValue('--text-n1'),
+      textColorFocus: getLessVariableValue('--text-n1'),
+      textColorDisabled: getLessVariableValue('--text-n6'),
+      rippleColor: getLessVariableValue('--text-n7'),
+      // 主题主要按钮
+      borderPrimary: `1px solid ${getLessVariableValue('--primary-8')}`,
+      borderHoverPrimary: `1px solid ${getLessVariableValue('--primary-1')}`,
+      borderPressedPrimary: `1px solid ${getLessVariableValue('--primary-0')}`,
+      borderFocusPrimary: `1px solid ${getLessVariableValue('--primary-8')}`,
+      borderDisabledPrimary: `1px solid ${getLessVariableValue('--primary-4')}`,
+      // 注意: 该全局配置有的可能没有聚焦配置，设置hover后，聚焦和hover的主题一致
+      colorPrimary: getLessVariableValue('--primary-8'),
+      colorHoverPrimary: getLessVariableValue('--primary-1'),
+      colorPressedPrimary: getLessVariableValue('--primary-0'),
+      colorFocusPrimary: getLessVariableValue('--primary-8'),
+      colorDisabledPrimary: getLessVariableValue('--primary-4'),
+      // 文字主题按钮
+      textColorPrimary: getLessVariableValue('--text-n9'),
+      textColorHoverPrimary: getLessVariableValue('--text-n9'),
+      textColorPressedPrimary: getLessVariableValue('--text-n9'),
+      textColorFocusPrimary: getLessVariableValue('--text-n9'),
+      textColorDisabledPrimary: getLessVariableValue('--text-n9'),
+      textColorTextPrimary: getLessVariableValue('--primary-8'),
+      textColorTextHoverPrimary: getLessVariableValue('--primary-8'),
+      textColorTextPressedPrimary: getLessVariableValue('--primary-0'),
+      textColorTextDisabledPrimary: getLessVariableValue('--primary-4'),
+
+      // 文本按钮
+      textColorText: getLessVariableValue('--text-n1'),
+      textColorTextHover: getLessVariableValue('--text-n1'),
+      textColorTextPressed: getLessVariableValue('--text-n1'),
+      textColorTextFocus: getLessVariableValue('--text-n1'),
+      textColorTextDisabled: getLessVariableValue('--text-n6'),
+
+      // 次要按钮
+      colorSecondary: getLessVariableValue('--text-n8'),
+      colorSecondaryHover: getLessVariableValue('--text-n9'),
+      colorSecondaryPressed: getLessVariableValue('--text-n7'),
+
+      textColorSuccess: getLessVariableValue('--text-n9'),
+      textColorHoverSuccess: getLessVariableValue('--text-n9'),
+      textColorPressedSuccess: getLessVariableValue('--text-n9'),
+      textColorFocusSuccess: getLessVariableValue('--text-n9'),
+      textColorDisabledSuccess: getLessVariableValue('--text-n9'),
+      textColorTextDisabledSuccess: getLessVariableValue('--success-3'),
+      textColorWarning: getLessVariableValue('--text-n9'),
+      textColorHoverWarning: getLessVariableValue('--text-n9'),
+      textColorPressedWarning: getLessVariableValue('--text-n9'),
+      textColorFocusWarning: getLessVariableValue('--text-n9'),
+      textColorDisabledWarning: getLessVariableValue('--text-n9'),
+      textColorTextDisabledWarning: getLessVariableValue('--warning-3'),
+      textColorError: getLessVariableValue('--text-n9'),
+      textColorHoverError: getLessVariableValue('--text-n9'),
+      textColorPressedError: getLessVariableValue('--text-n9'),
+      textColorFocusError: getLessVariableValue('--text-n9'),
+      textColorDisabledError: getLessVariableValue('--text-n9'),
+      textColorTextDisabledError: getLessVariableValue('--error-3'),
+      // ghost主题按钮无背景
+      textColorGhostPrimary: getLessVariableValue('--primary-8'),
+      textColorGhostHoverPrimary: getLessVariableValue('--primary-8'),
+      textColorGhostFocusPrimary: getLessVariableValue('--primary-8'),
+      colorQuaternaryPressed: getLessVariableValue('--text-n7'),
+      // 按钮尺寸大小字体设置
+      fontSizeSmall: '12px',
+      fontSizeMedium: '14px',
+      fontSizeLarge: '16px',
+    },
+    Alert: {
+      borderRadius: '6px',
+      border: `1px solid ${getLessVariableValue('--primary-8')}`,
+      color: getLessVariableValue('--primary-7'),
+      // error Alert边框和背景颜色
+      borderError: `1px solid ${getLessVariableValue('--error-red')}`,
+      colorError: getLessVariableValue('--error-5'),
+      // warning Alert边框和背景颜色
+      borderWarning: `1px solid ${getLessVariableValue('--warning-yellow')}`,
+      colorWarning: getLessVariableValue('--warning-5'),
+      // Success Alert边框和背景颜色
+      borderSuccess: `1px solid ${getLessVariableValue('--success-green')}`,
+      colorSuccess: getLessVariableValue('--success-5'),
+      // Info Alert边框和背景颜色
+      borderInfo: `1px solid ${getLessVariableValue('--info-blue')}`,
+      colorInfo: getLessVariableValue('--info-5'),
+      iconColor: getLessVariableValue('--primary-8'),
+      iconSize: '20px',
+      closeIconSize: '16px',
+    },
+    Message: {
+      borderRadius: '6px',
+      iconColorInfo: getLessVariableValue('--info-blue'),
+      iconColorSuccess: getLessVariableValue('--success-green'),
+      iconColorWarning: getLessVariableValue('--warning-yellow'),
+      iconColorError: getLessVariableValue('--error-red'),
+    },
+    Notification: {
+      borderRadius: '6px',
+      iconColorInfo: getLessVariableValue('--info-blue'),
+      iconColorSuccess: getLessVariableValue('--success-green'),
+      iconColorWarning: getLessVariableValue('--warning-yellow'),
+      iconColorError: getLessVariableValue('--error-red'),
+    },
+    Dialog: {
+      borderRadius: '9px',
+      titleFontSize: '16px',
+      iconSize: '24px',
+      lineHeight: '24px',
+      padding: '24px',
+      contentMargin: '16px 0',
+      closeSize: '20px',
+      closeIconColor: getLessVariableValue('--text-n2'),
+      iconColor: getLessVariableValue('--primary-8'),
+      closeIconSize: '14px',
+      textColor: getLessVariableValue('--text-n2'),
+    },
+    Tree: {
+      nodeColorHover: getLessVariableValue('--primary-7'),
+      nodeTextColorDisabled: getLessVariableValue('--text-n6'),
+      nodeColorActive: getLessVariableValue('--primary-7'),
+      nodeColorPressed: getLessVariableValue('--primary-7'),
+    },
+    Dropdown: {
+      optionColorHover: getLessVariableValue('--primary-7'),
+      padding: '6px',
+      borderRadius: '6px',
+    },
+    DataTable: {
+      borderColor: getLessVariableValue('--text-n8'),
+      thColor: getLessVariableValue('--text-n10'),
+      thTextColor: getLessVariableValue('--text-n4'),
+      thColorHoverModal: getLessVariableValue('--text-n10'),
+      thColorModal: getLessVariableValue('--text-n10'),
+      thFontWeight: 500,
+      tdColorHover: getLessVariableValue('--text-n9'),
+      tdTextColor: getLessVariableValue('--text-n1'),
+      tdColorHoverModal: getLessVariableValue('--text-n9'),
+      emptyPadding: '12px',
+    },
+    Input: {
+      fontSizeSmall: '12px',
+      fontSizeMedium: '14px',
+      fontSizeLarge: '16px',
+      placeholderColor: getLessVariableValue('--text-n4'),
+      border: `1px solid ${getLessVariableValue('--text-n7')}`,
+      paddingSmall: '8px',
+      paddingMedium: '8px',
+      paddingLarge: '12px',
+    },
+    Pagination: {
+      itemSizeMedium: '32px',
+      itemSizeSmall: '24px',
+      inputWidthMedium: '57px',
+      inputWidthSmall: '51px',
+      itemTextColor: getLessVariableValue('--text-n1'),
+      jumperTextColor: getLessVariableValue('--text-n2'),
+    },
+    Tag: {
+      heightSmall: '20px',
+      heightMedium: '24px',
+      heightLarge: '32px',
+      fontSizeSmall: '12px',
+      fontSizeMedium: '12px',
+      fontSizeLarge: '14px',
+      borderPrimary: `1px solid ${getLessVariableValue('--primary-8')} `,
+      borderInfo: `1px solid ${getLessVariableValue('--info-blue')}`,
+      borderSuccess: `1px solid ${getLessVariableValue('--success-green')}`,
+      borderWarning: `1px solid ${getLessVariableValue('--warning-yellow')}`,
+      borderError: `1px solid ${getLessVariableValue('--error-red')}`,
+      closeSizeSmall: '14px',
+      closeSizeMedium: '14px',
+      closeSizeLarge: '16px',
+      padding: '0 8px',
+    },
+    Popover: {
+      borderRadius: '6px',
+    },
+    Popconfirm: {
+      iconSize: '20px',
+    },
+    Tabs: {
+      tabTextColorLine: getLessVariableValue('--text-n2'),
+      tabTextColorHoverLine: getLessVariableValue('--text-n2'),
+      tabTextColorSegment: getLessVariableValue('--text-n2'),
+      tabTextColorHoverSegment: getLessVariableValue('--text-n1'),
+      tabTextColorActiveSegment: getLessVariableValue('--text-n1'),
+      colorSegment: getLessVariableValue('--text-n8'),
+      fontWeightStrong: 400,
+      tabFontSizeSmall: '12px',
+      tabFontSizeMedium: '14px',
+      tabFontSizeLarge: '16px',
+      tabPaddingSmallSegment: '0 8px',
+      tabPaddingMediumSegment: '3px 16px',
+      tabPaddingLargeSegment: '6px 24px',
+    },
+    Drawer: {
+      bodyPadding: '16px',
+      borderRadius: 0,
+      headerPadding: '16px',
+      footerPadding: '12px 16px',
+      titleFontSize: '16px',
+      titleFontWeight: 600,
+      closeIconColor: getLessVariableValue('--text-n2'),
+      closeIconSize: '14px',
+    },
+    Switch: {
+      railColor: getLessVariableValue('--text-n7'),
+      railHeightSmall: '16px',
+      railHeightMedium: '20px',
+      railHeightLarge: '24px',
+      railWidthSmall: '26px',
+      railWidthMedium: '32px',
+      railWidthLarge: '39px',
+      buttonHeightSmall: '12px',
+      buttonHeightMedium: '15px',
+      buttonHeightLarge: '18px',
+      buttonWidthSmall: '12px',
+      buttonWidthMedium: '15px',
+      buttonWidthLarge: '18px',
+    },
+    Menu: {
+      itemTextColor: getLessVariableValue('--text-n1'),
+      itemColorHover: getLessVariableValue('--primary-7'),
+    },
+    Scrollbar: {
+      color: getLessVariableValue('--text-n8'),
+      colorHover: getLessVariableValue('--text-n8'),
+    },
+    Transfer: {
+      borderColor: getLessVariableValue('--text-n8'),
+      dividerColor: getLessVariableValue('--text-n8'),
+    },
+  };
+}
+
+export default {};
diff --git a/frontend/packages/web/src/views/agent/components/addAgentModal.vue b/frontend/packages/web/src/views/agent/components/addAgentModal.vue
new file mode 100644
index 0000000..9f4d62a
--- /dev/null
+++ b/frontend/packages/web/src/views/agent/components/addAgentModal.vue
@@ -0,0 +1,454 @@
+<template>
+  <CrmModal
+    v-model:show="show"
+    :title="title"
+    :ok-loading="loading"
+    :positive-text="props.agentId ? t('common.update') : t('common.add')"
+    size="large"
+    :show-continue="!props.agentId"
+    :footer="!props.isDetail"
+    class="crm-form-modal"
+    @confirm="handleConfirm"
+    @cancel="handleCancel"
+    @continue="handleConfirm(true)"
+  >
+    <n-spin :show="detailLoading" class="h-full w-full">
+      <n-form
+        ref="formRef"
+        :model="form"
+        label-placement="left"
+        :disabled="props.isDetail"
+        :rules="{
+          name: [
+            {
+              required: true,
+              message: t('common.notNull', { value: t('agent.agentName') }),
+              trigger: 'input',
+            },
+          ],
+          agentModuleId: [
+            {
+              required: true,
+              message: t('common.notNull', { value: t('agent.folder') }),
+              trigger: 'blur',
+            },
+          ],
+          scopeIds: [
+            {
+              required: true,
+              message: t('common.notNull', { value: t('agent.members') }),
+              trigger: 'blur',
+              type: 'array',
+            },
+          ],
+          script: [
+            {
+              required: true,
+              message: t('common.notNull', { value: t('agent.script') }),
+              trigger: 'blur',
+            },
+          ],
+          workspaceId: [
+            {
+              required: true,
+              message: t('common.notNull', { value: t('agent.agentWorkSpace') }),
+              trigger: 'blur',
+            },
+          ],
+          applicationId: [
+            {
+              required: true,
+              message: t('common.notNull', { value: t('agent.agentSelected') }),
+              trigger: 'blur',
+            },
+          ],
+        }"
+        label-width="100"
+      >
+        <n-form-item :label="t('agent.agentName')" path="name">
+          <n-input v-model:value="form.name" :maxlength="255" />
+        </n-form-item>
+        <n-form-item :label="t('agent.folder')" path="agentModuleId">
+          <n-tree-select
+            v-model:value="form.agentModuleId"
+            :options="props.folderTree"
+            :render-label="renderLabel"
+            label-field="name"
+            key-field="id"
+            filterable
+          />
+        </n-form-item>
+        <n-form-item :label="t('agent.members')" path="scopeIds">
+          <CrmUserTagSelector
+            v-model:selected-list="form.scopeIds"
+            :api-type-key="MemberApiTypeEnum.FORM_FIELD"
+            :member-types="memberTypes"
+            :disabled="props.isDetail"
+          />
+        </n-form-item>
+        <n-form-item v-if="isShowAddMethod" :label="t('agent.addMethod')" path="method">
+          <n-radio-group v-model:value="form.type" name="radiogroup" class="flex" @update:value="changeType">
+            <n-radio value="SCRIPT" class="flex-1 text-center">
+              {{ t('system.business.SQLBot.embeddedScript') }}
+            </n-radio>
+            <n-radio value="LIST" class="flex-1 text-center">
+              {{ t('agent.addMethodListSelect') }}
+            </n-radio>
+          </n-radio-group>
+        </n-form-item>
+        <template v-if="form.type === 'LIST'">
+          <n-form-item :label="t('agent.agentWorkSpace')" path="workspaceId">
+            <n-select
+              v-model:value="form.workspaceId"
+              filterable
+              :options="workSpaceOptions"
+              :disabled="!isEnableConfig || props.isDetail"
+              @update:value="changeWorkSpace"
+            />
+          </n-form-item>
+
+          <n-form-item :label="t('agent.agentSelected')" path="applicationId">
+            <n-select
+              v-model:value="form.applicationId"
+              filterable
+              clearable
+              :options="agentOptions"
+              :disabled="!isEnableConfig || props.isDetail"
+              @update:value="changeApplicationId"
+            />
+          </n-form-item>
+        </template>
+
+        <n-form-item :label="t('agent.script')" path="script">
+          <n-input v-model:value="form.script" type="textarea" :maxlength="500" />
+          <div class="text-[12px] text-[var(--text-n4)]">
+            {{ '<iframe src="https://xxx?ak=${ak}&sk=${sk}&asker=${username}" />' }}
+          </div>
+        </n-form-item>
+        <n-form-item :label="t('common.desc')" path="description">
+          <n-input v-model:value="form.description" type="textarea" :maxlength="500" />
+        </n-form-item>
+      </n-form>
+    </n-spin>
+  </CrmModal>
+</template>
+
+<script setup lang="ts">
+  import {
+    NForm,
+    NFormItem,
+    NInput,
+    NRadio,
+    NRadioGroup,
+    NSelect,
+    NSpin,
+    NTooltip,
+    NTreeSelect,
+    SelectOption,
+    TreeOption,
+    TreeSelectOption,
+    useMessage,
+  } from 'naive-ui';
+
+  import { CompanyTypeEnum } from '@lib/shared/enums/commonEnum';
+  import { MemberApiTypeEnum, MemberSelectTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { SelectedUsersItem } from '@lib/shared/models/system/module';
+
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+  import type { Option } from '@/components/business/crm-select-user-drawer/type';
+  import CrmUserTagSelector from '@/components/business/crm-user-tag-selector/index.vue';
+
+  import {
+    addAgent,
+    agentApplicationOptions,
+    agentWorkspaceOptions,
+    getAgentDetail,
+    getApplicationScript,
+    getMkAgentVersion,
+    getMkApplication,
+    updateAgent,
+  } from '@/api/modules';
+
+  const props = defineProps<{
+    agentId?: string;
+    folderTree: TreeSelectOption[];
+    isDetail?: boolean;
+    activeFolder?: string;
+  }>();
+  const emit = defineEmits<{
+    (e: 'finish'): void;
+  }>();
+
+  const { t } = useI18n();
+  const message = useMessage();
+
+  const show = defineModel('show', {
+    type: Boolean,
+    default: false,
+  });
+
+  const loading = ref(false);
+  const form = ref({
+    name: '',
+    script: '',
+    scopeIds: [] as SelectedUsersItem[],
+    description: '',
+    type: 'SCRIPT',
+    agentModuleId: '',
+    workspaceId: '',
+    applicationId: '',
+  });
+  const formRef = ref<InstanceType<typeof NForm>>();
+
+  const memberTypes: Option[] = [
+    {
+      label: t('menu.settings.org'),
+      value: MemberSelectTypeEnum.ORG,
+    },
+  ];
+  const title = computed(() => {
+    if (props.isDetail) {
+      return t('agent.agentDetail');
+    }
+    if (props.agentId) {
+      return t('agent.updateAgent');
+    }
+    return t('agent.addAgent');
+  });
+
+  function renderLabel({ option }: { option: TreeOption; checked: boolean; selected: boolean }) {
+    return h(
+      NTooltip,
+      {
+        delay: 300,
+      },
+      {
+        default: () => h('div', {}, { default: () => option.name }),
+        trigger: () =>
+          h(
+            'div',
+            {
+              class: 'one-line-text max-w-[200px]',
+            },
+            { default: () => option.name }
+          ),
+      }
+    );
+  }
+
+  function handleCancel() {
+    form.value = {
+      name: '',
+      script: '',
+      scopeIds: [],
+      description: '',
+      type: 'SCRIPT',
+      agentModuleId: '',
+      workspaceId: '',
+      applicationId: '',
+    };
+  }
+
+  function handleConfirm(isContinue = false) {
+    formRef.value?.validate(async (errors) => {
+      if (errors) return;
+      loading.value = true;
+      try {
+        const { workspaceId, applicationId } = form.value;
+        if (props.agentId) {
+          await updateAgent({
+            ...form.value,
+            id: props.agentId,
+            workspaceId: form.value.type === 'LIST' ? workspaceId : '',
+            applicationId: form.value.type === 'LIST' ? applicationId : '',
+            scopeIds: form.value.scopeIds.map((item) => item.id),
+          });
+          message.success(t('common.updateSuccess'));
+        } else {
+          await addAgent({
+            ...form.value,
+            scopeIds: form.value.scopeIds.map((item) => item.id),
+            workspaceId: form.value.type === 'LIST' ? workspaceId : '',
+            applicationId: form.value.type === 'LIST' ? applicationId : '',
+          });
+          message.success(t('common.addSuccess'));
+        }
+        emit('finish');
+        if (!isContinue) {
+          show.value = false;
+        }
+        handleCancel();
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.error('Failed to add agent:', error);
+      } finally {
+        loading.value = false;
+      }
+    });
+  }
+
+  const detailLoading = ref(false);
+  const originType = ref('SCRIPT');
+  async function initDetail() {
+    try {
+      detailLoading.value = true;
+      const res = await getAgentDetail(props.agentId!);
+      form.value = {
+        ...res,
+        scopeIds: res.members,
+      };
+      originType.value = res.type;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error('Failed to initialize agent detail:', error);
+    } finally {
+      detailLoading.value = false;
+    }
+  }
+
+  const agentOptions = ref<SelectOption[]>([]);
+  async function loadApplication(newVal: string) {
+    try {
+      const res = await agentApplicationOptions(newVal);
+      agentOptions.value = res.map((e) => ({ value: e.id, label: e.name }));
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+    }
+  }
+
+  async function loadApplicationScript(newVal: string) {
+    try {
+      const res = await getApplicationScript({
+        applicationId: newVal,
+        workspaceId: form.value.workspaceId,
+      });
+
+      form.value.script = '';
+      if (res) {
+        const scriptString = res.parameters?.map((item) => `${item.parameter}=\${${item.value ?? ''}}`).join('&');
+        const scriptParams = scriptString.length > 0 ? `?${scriptString}` : '';
+        const script = `<iframe src="${res.src}${scriptParams}" style="width: 100%; height: 100%;" frameborder="0" allow="microphone"></iframe>`;
+        form.value.script = script;
+      }
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+    }
+  }
+
+  const workSpaceOptions = ref<SelectOption[]>([]);
+  const defaultWorkSpaceOptions = [
+    {
+      value: 'default',
+      label: t('agent.agentDefaultWorkspace'),
+    },
+  ];
+
+  const isDefaultWorkspace = ref(true);
+  async function initMkVersion() {
+    try {
+      const res = await getMkAgentVersion();
+      isDefaultWorkspace.value = res === 'PE';
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  async function initWorkSpaceOptions(isInit = false) {
+    try {
+      if (isDefaultWorkspace.value) {
+        workSpaceOptions.value = defaultWorkSpaceOptions;
+      } else {
+        const res = await agentWorkspaceOptions();
+        workSpaceOptions.value = res.map((e) => ({ value: e.id, label: e.name }));
+      }
+
+      if (isInit) {
+        form.value.workspaceId = (workSpaceOptions.value[0]?.value ?? '') as string;
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error('Failed to get work space options:', error);
+    }
+  }
+
+  function changeType(val: string) {
+    if (val === 'LIST') {
+      initWorkSpaceOptions(originType.value === 'SCRIPT');
+    }
+  }
+
+  const isEnableConfig = ref(false);
+  async function initAgentStatus() {
+    try {
+      const res = await getMkApplication();
+      if (res) {
+        isEnableConfig.value = !!res && !!res.config && !!res.config?.mkEnable;
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  const isShowAddMethod = computed(
+    () => isEnableConfig.value || (!!(props.agentId || props.isDetail) && originType.value !== 'SCRIPT')
+  );
+
+  function changeWorkSpace() {
+    form.value.applicationId = '';
+    form.value.script = '';
+  }
+
+  function changeApplicationId(val: string) {
+    if (val) {
+      loadApplicationScript(val);
+    }
+  }
+
+  watch(
+    () => form.value.workspaceId,
+    (val) => {
+      if (val) {
+        loadApplication(val);
+      }
+    }
+  );
+
+  watch(
+    () => show.value,
+    (val) => {
+      if (val) {
+        initAgentStatus();
+        initWorkSpaceOptions(!props.agentId);
+        if (props.agentId) {
+          initDetail();
+        } else {
+          form.value.agentModuleId =
+            ((props.activeFolder && !['favorite', 'all'].includes(props.activeFolder)
+              ? props.activeFolder
+              : props.folderTree[0]?.id) as string) || '';
+          originType.value = 'SCRIPT';
+        }
+      }
+    },
+    { immediate: true }
+  );
+
+  watch(
+    () => props.activeFolder,
+    (val) => {
+      form.value.agentModuleId =
+        ((val && !['favorite', 'all'].includes(val) ? val : props.folderTree[0]?.id) as string) || '';
+    }
+  );
+
+  onBeforeMount(() => {
+    initMkVersion();
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/agent/components/favoriteIcon.vue b/frontend/packages/web/src/views/agent/components/favoriteIcon.vue
new file mode 100644
index 0000000..0631cf1
--- /dev/null
+++ b/frontend/packages/web/src/views/agent/components/favoriteIcon.vue
@@ -0,0 +1,18 @@
+<template>
+  <CrmIcon
+    :type="isFavorite ? 'iconicon_star_filled' : 'iconicon_star'"
+    :size="16"
+    :class="isFavorite ? 'text-[var(--warning-yellow)]' : ''"
+  />
+</template>
+
+<script setup lang="ts">
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+
+  const isFavorite = defineModel<boolean>('value', {
+    type: Boolean,
+    default: false,
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/agent/components/table.vue b/frontend/packages/web/src/views/agent/components/table.vue
new file mode 100644
index 0000000..e4b33cd
--- /dev/null
+++ b/frontend/packages/web/src/views/agent/components/table.vue
@@ -0,0 +1,323 @@
+<template>
+  <div class="h-full px-[24px] pt-[24px]">
+    <CrmTable
+      ref="crmTableRef"
+      v-bind="currentTable.propsRes.value"
+      class="crm-agent-table flex-1"
+      :draggable="hasAnyPermission(['AGENT:UPDATE'])"
+      @page-change="currentTable.propsEvent.value.pageChange"
+      @page-size-change="currentTable.propsEvent.value.pageSizeChange"
+      @sorter-change="currentTable.propsEvent.value.sorterChange"
+      @filter-change="currentTable.propsEvent.value.filterChange"
+      @refresh="searchData"
+      @drag="dragHandler"
+    >
+      <template #tableTop>
+        <div class="flex items-center justify-between">
+          <n-button v-permission="['AGENT:ADD']" type="primary" @click="emit('create')">
+            {{ t('agent.addAgent') }}
+          </n-button>
+          <CrmSearchInput v-model:value="keyword" class="!w-[240px]" @search="searchData" />
+        </div>
+      </template>
+    </CrmTable>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { NButton, useMessage } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { characterLimit } from '@lib/shared/method';
+  import type { TableDraggedParams } from '@lib/shared/models/common';
+
+  import { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmSearchInput from '@/components/pure/crm-search-input/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import { CrmDataTableColumn } from '@/components/pure/crm-table/type';
+  import useTable from '@/components/pure/crm-table/useTable';
+  import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+  import { CrmTreeNodeData } from '@/components/pure/crm-tree/type';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+  import favoriteIcon from './favoriteIcon.vue';
+
+  import {
+    agentCollect,
+    agentDelete,
+    agentPos,
+    getAgentCollectPage,
+    getAgentPage,
+    unCollectAgent,
+  } from '@/api/modules';
+  import useModal from '@/hooks/useModal';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const props = defineProps<{
+    isFavorite?: boolean;
+    activeFolderId?: string;
+    offspringIds?: Array<string>;
+  }>();
+  const emit = defineEmits<{
+    (e: 'create'): void;
+    (e: 'edit', id: string): void;
+    (e: 'detail', id: string): void;
+    (e: 'collect'): void;
+    (e: 'delete'): void;
+  }>();
+
+  const { t } = useI18n();
+  const Message = useMessage();
+  const { openModal } = useModal();
+
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+  const tableRefreshId = ref(0);
+  async function removeAgent(row: any) {
+    openModal({
+      type: 'error',
+      title: t('common.deleteConfirmTitle', { name: characterLimit(row.name) }),
+      content: t('agent.deleteAgentTip'),
+      positiveText: t('common.confirm'),
+      negativeText: t('common.cancel'),
+      positiveButtonProps: {
+        type: 'error',
+        size: 'medium',
+      },
+      onPositiveClick: async () => {
+        try {
+          await agentDelete(row.id);
+          Message.success(t('common.deleteSuccess'));
+          emit('delete');
+          tableRefreshId.value += 1;
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        }
+      },
+    });
+  }
+
+  const groupList: ActionsItem[] = [
+    {
+      label: t('common.edit'),
+      key: 'edit',
+      permission: ['AGENT:UPDATE'],
+    },
+    {
+      label: t('common.delete'),
+      key: 'delete',
+      permission: ['AGENT:DELETE'],
+    },
+  ];
+
+  function handleActionSelect(row: any, actionKey: string) {
+    switch (actionKey) {
+      case 'edit':
+        emit('edit', row.id);
+        break;
+      case 'delete':
+        removeAgent(row);
+        break;
+      default:
+        break;
+    }
+  }
+
+  async function favoriteToggle(option: CrmTreeNodeData) {
+    try {
+      if (option.myCollect) {
+        await unCollectAgent(option.id);
+      } else {
+        await agentCollect(option.id);
+      }
+      option.myCollect = !option.myCollect;
+      Message.success(option.myCollect ? t('agent.favoriteSuccess') : t('agent.unFavoriteSuccess'));
+      emit('collect');
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  const columns: CrmDataTableColumn<any>[] = [
+    {
+      title: t('common.name'),
+      key: 'name',
+      width: 200,
+      fixed: 'left',
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+      render: (row: any) => {
+        return h(
+          'div',
+          {
+            class: 'flex items-center w-full overflow-hidden',
+          },
+          {
+            default: () => [
+              h(favoriteIcon, {
+                value: row.myCollect,
+                class: 'mr-[8px] cursor-pointer text-[var(--primary-8)] mt-[-2px]',
+                onclick: () => {
+                  favoriteToggle(row);
+                },
+              }),
+              h(
+                CrmTableButton,
+                {
+                  class: 'flex-1 overflow-hidden',
+                  onClick: () => {
+                    emit('detail', row.id);
+                  },
+                },
+                { trigger: () => row.name, default: () => row.name }
+              ),
+            ],
+          }
+        );
+      },
+    },
+    {
+      title: t('common.desc'),
+      key: 'description',
+      width: 300,
+      ellipsis: {
+        tooltip: true,
+      },
+    },
+    {
+      title: t('agent.folder'),
+      key: 'agentModuleName',
+      width: 120,
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+    },
+    {
+      title: t('agent.members'),
+      key: 'members',
+      isTag: true,
+      width: 150,
+      tagGroupProps: {
+        labelKey: 'name',
+      },
+    },
+    {
+      title: t('common.creator'),
+      key: 'createUserName',
+      width: 120,
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+    },
+    {
+      title: t('common.createTime'),
+      key: 'createTime',
+      width: 200,
+      sortOrder: false,
+      sorter: true,
+    },
+    {
+      key: 'operation',
+      width: 100,
+      fixed: 'right',
+      render: (row: any) =>
+        h(CrmOperationButton, {
+          groupList,
+          onSelect: (key: string) => handleActionSelect(row, key),
+        }),
+    },
+  ];
+
+  const agentTable = useTable(getAgentPage, {
+    showSetting: false,
+    columns,
+    permission: [],
+    containerClass: '.crm-agent-table',
+  });
+
+  const agentCollectTable = useTable(
+    getAgentCollectPage,
+    {
+      showSetting: false,
+      columns,
+      permission: [],
+      containerClass: '.crm-agent-table',
+    },
+    (item) => {
+      return {
+        ...item,
+      };
+    }
+  );
+
+  // 当前展示的表格数据类型
+  const currentTable = computed(() => {
+    if (props.isFavorite) {
+      return agentCollectTable;
+    }
+    return agentTable;
+  });
+
+  const keyword = ref('');
+  function searchData(val?: string) {
+    currentTable.value.setLoadListParams({
+      keyword: val ?? keyword.value,
+      agentModuleIds:
+        props.activeFolderId && !['all', 'favorite'].includes(props.activeFolderId)
+          ? Array.from(new Set([props.activeFolderId, ...(props.offspringIds || [])])).filter(
+              (item) => item && !['all', 'favorite'].includes(item)
+            )
+          : [],
+    });
+    currentTable.value.loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  async function dragHandler(params: TableDraggedParams) {
+    try {
+      await agentPos({
+        moveId: params.moveId,
+        targetId: params.targetId,
+        moveMode: params.moveMode,
+      });
+
+      Message.success(t('common.operationSuccess'));
+      currentTable.value.loadList();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    }
+  }
+
+  watch(
+    () => props.activeFolderId,
+    () => {
+      searchData();
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  watch(
+    () => tableRefreshId.value,
+    () => {
+      searchData();
+    }
+  );
+
+  defineExpose({
+    loadList: () => {
+      searchData();
+    },
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/agent/components/tree.vue b/frontend/packages/web/src/views/agent/components/tree.vue
new file mode 100644
index 0000000..2fe541b
--- /dev/null
+++ b/frontend/packages/web/src/views/agent/components/tree.vue
@@ -0,0 +1,429 @@
+<template>
+  <div class="flex h-full flex-col p-[24px]">
+    <div class="mb-[8px] flex flex-col items-center justify-between gap-[8px]">
+      <n-input v-model:value="keyword" :placeholder="t('common.searchByName')" clearable>
+        <template #suffix>
+          <n-icon>
+            <Search />
+          </n-icon>
+        </template>
+      </n-input>
+      <div
+        class="folder-button"
+        :class="{ 'folder-button--active': selectedKeys.includes('favorite') }"
+        @click="handleFolderClick('favorite')"
+      >
+        <div class="folder-button-left">
+          <favoriteIcon />
+          <div>{{ t('agent.myFavorite') }}</div>
+        </div>
+        <div class="folder-button-right">{{ myFavoriteCount }}</div>
+      </div>
+    </div>
+    <NDivider class="!m-0" />
+    <div
+      class="folder-button mt-[4px]"
+      :class="{ 'folder-button--active': selectedKeys.includes('all') }"
+      @click="handleFolderClick('all')"
+    >
+      <div class="folder-button-left">
+        <CrmIcon type="iconicon_wallet" :size="16" />
+        <div>{{ t('agent.all') }}</div>
+      </div>
+      <div class="flex items-center gap-[8px]">
+        <n-tooltip trigger="hover" :style="{ padding: '4px' }">
+          <template #trigger>
+            <n-button
+              type="default"
+              size="tiny"
+              ghost
+              class="n-button--default-type h-[20px] px-[3px]"
+              @click.stop="expandAll = !expandAll"
+            >
+              <template #icon>
+                <CrmIcon
+                  :type="expandAll ? 'iconicon_folder_collapse' : 'iconicon_folder_expansion'"
+                  class="text-[var(--text-n4)]"
+                  :size="16"
+                />
+              </template>
+            </n-button>
+          </template>
+          <span>{{ expandAll ? t('agent.collapseChild') : t('agent.expandChild') }}</span>
+        </n-tooltip>
+        <n-tooltip trigger="hover" :style="{ padding: '4px' }">
+          <template #trigger>
+            <n-button
+              v-permission="['AGENT:ADD']"
+              type="primary"
+              size="tiny"
+              ghost
+              class="n-btn-outline-primary h-[20px] px-[3px]"
+              @click.stop="addFolder"
+            >
+              <template #icon>
+                <n-icon><Add /></n-icon>
+              </template>
+            </n-button>
+          </template>
+          <span>{{ t('agent.newChild') }}</span>
+        </n-tooltip>
+      </div>
+    </div>
+    <CrmTree
+      ref="folderTreeRef"
+      v-model:data="folderTree"
+      v-model:selected-keys="selectedKeys"
+      v-model:expanded-keys="expandedKeys"
+      v-model:default-expand-all="expandAll"
+      :draggable="hasAnyPermission(['AGENT:UPDATE'])"
+      :keyword="keyword"
+      :render-prefix="renderPrefixDom"
+      :node-more-actions="nodeMoreOptions"
+      :render-extra="renderExtraDom"
+      :virtual-scroll-props="{ virtualScroll: true, virtualScrollHeight: '100%' }"
+      :field-names="{
+        keyField: 'id',
+        labelField: 'name',
+        childrenField: 'children',
+        disabledField: 'disabled',
+        isLeaf: 'isLeaf',
+      }"
+      :rename-api="renameHandler"
+      :create-api="handleCreateNode"
+      @drop="handleDrag"
+      @select="handleNodeSelect"
+      @more-action-select="handleFolderMoreSelect"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { NButton, NDivider, NIcon, NInput, NTooltip, useMessage } from 'naive-ui';
+  import { Add, Search } from '@vicons/ionicons5';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { getGenerateId, mapTree, traverseTree } from '@lib/shared/method';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmTree from '@/components/pure/crm-tree/index.vue';
+  import { CrmTreeNodeData } from '@/components/pure/crm-tree/type';
+  import favoriteIcon from './favoriteIcon.vue';
+
+  import {
+    agentModuleAdd,
+    agentModuleDelete,
+    agentModuleMove,
+    agentModuleRename,
+    getAgentModuleTree,
+    getAgentModuleTreeCount,
+  } from '@/api/modules';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const Message = useMessage();
+
+  const { t } = useI18n();
+
+  const emit = defineEmits<{
+    (e: 'selectNode', node: CrmTreeNodeData, _selectedKeys: Array<string | number>, offspringIds: string[]): void;
+    (e: 'init', folderTree: CrmTreeNodeData[]): void;
+    (e: 'addAgent', option: CrmTreeNodeData): void;
+    (e: 'collect'): void;
+    (e: 'delete'): void;
+    (e: 'move'): void;
+  }>();
+
+  const selectedKeys = defineModel<Array<string | number>>('value', {
+    required: true,
+  });
+
+  const folderTree = ref<CrmTreeNodeData[]>([]);
+  const myFavoriteCount = ref<number>(0);
+  const expandedKeys = ref<Array<string | number>>([]);
+  const keyword = ref<string>('');
+  const expandAll = ref<boolean>(true);
+
+  const folderTreeCount = ref<Record<string, any>>({});
+  async function initModuleCount() {
+    try {
+      folderTreeCount.value = await getAgentModuleTreeCount();
+      traverseTree(folderTree.value, (node) => {
+        node.count = folderTreeCount.value[node.id] || 0;
+      });
+      myFavoriteCount.value = folderTreeCount.value.myCollect || 0;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  function renderPrefixDom() {
+    return h(CrmIcon, {
+      type: 'iconicon_wallet',
+      class: 'mr-[8px]',
+      size: 16,
+    });
+  }
+
+  const nodeMoreOptions = ref<ActionsItem[]>([
+    {
+      label: t('common.rename'),
+      key: 'rename',
+      permission: ['AGENT:UPDATE'],
+    },
+    {
+      label: t('common.delete'),
+      key: 'delete',
+      permission: ['AGENT:DELETE'],
+    },
+  ]);
+
+  function getSpringIds(children: CrmTreeNodeData[] | undefined): string[] {
+    const offspringIds: string[] = [];
+    mapTree(children || [], (e) => {
+      offspringIds.push(e.id);
+      return e;
+    });
+    return offspringIds;
+  }
+
+  function handleNodeSelect(
+    _selectedKeys: Array<string | number>,
+    option: Array<CrmTreeNodeData | null> | CrmTreeNodeData
+  ) {
+    const offspringIds = getSpringIds((option as CrmTreeNodeData).children);
+    emit('selectNode', option as CrmTreeNodeData, _selectedKeys, offspringIds);
+  }
+
+  // 获取模块树
+  async function initTree(isInit = false) {
+    try {
+      const res = await getAgentModuleTree();
+      folderTree.value = res;
+      emit('init', folderTree.value);
+      if (isInit) {
+        selectedKeys.value = ['all'];
+        const offspringIds = getSpringIds(folderTree.value);
+        emit('selectNode', folderTree.value[0], selectedKeys.value, offspringIds);
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  //  重命名
+  async function renameHandler(option: CrmTreeNodeData) {
+    try {
+      const params = {
+        id: option.id,
+        name: option.name,
+      };
+      await agentModuleRename(params);
+      initTree();
+      return Promise.resolve(true);
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+      return Promise.resolve(false);
+    }
+  }
+
+  // 添加节点
+  async function handleCreateNode(option: CrmTreeNodeData) {
+    try {
+      await agentModuleAdd({
+        parentId: option.parentId || '',
+        name: option.name,
+      });
+      initTree();
+      return Promise.resolve(true);
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+      return Promise.resolve(false);
+    }
+  }
+
+  const folderTreeRef = ref();
+  const currentParentId = ref<string>('');
+
+  // 添加节点
+  async function addNode(parent: CrmTreeNodeData | null) {
+    currentParentId.value = parent ? parent.id : 'NONE';
+    try {
+      const id = getGenerateId();
+      const newNode: CrmTreeNodeData = {
+        id,
+        isNew: true,
+        parentId: currentParentId.value,
+        name: '',
+        children: undefined,
+      };
+      if (parent) {
+        parent.children = parent.children ?? [];
+        parent.children.push(newNode);
+        expandedKeys.value.push(parent.id);
+      } else {
+        folderTree.value.push(newNode);
+      }
+      nextTick(() => {
+        folderTreeRef.value?.toggleEdit(id);
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    }
+  }
+
+  // 添加子节点
+  function handleAdd(option: CrmTreeNodeData) {
+    addNode(option);
+  }
+
+  // 添加到根节点
+  function addFolder() {
+    addNode(null);
+  }
+
+  function renderExtraDom(infoProps: { option: CrmTreeNodeData; checked: boolean; selected: boolean }) {
+    if (hasAnyPermission(['AGENT:ADD'])) {
+      const { option } = infoProps;
+      // 额外的节点
+      return h(
+        NTooltip,
+        {},
+        {
+          trigger: () =>
+            h(
+              NButton,
+              {
+                type: 'primary',
+                size: 'tiny',
+                ghost: true,
+                class: 'n-btn-outline-primary h-[20px] px-[3px]',
+                onClick: (e: MouseEvent) => {
+                  e.stopPropagation();
+                  handleAdd(option);
+                },
+              },
+              {
+                icon: () => h(NIcon, {}, { default: () => h(Add) }),
+              }
+            ),
+          default: () => h('span', {}, t('agent.newChild')),
+        }
+      );
+    }
+    return null;
+  }
+
+  /**
+   * 处理文件夹树节点拖拽事件
+   * @param tree 树数据
+   * @param dragNode 拖拽节点
+   * @param dropNode 释放节点
+   * @param dropPosition 释放位置
+   */
+  async function handleDrag(
+    tree: CrmTreeNodeData[],
+    dragNode: CrmTreeNodeData,
+    dropNode: CrmTreeNodeData,
+    dropPosition: 'before' | 'inside' | 'after'
+  ) {
+    try {
+      const positionMap: Record<'before' | 'inside' | 'after', 0 | -1 | 1> = {
+        before: -1,
+        inside: 0,
+        after: 1,
+      };
+      await agentModuleMove({
+        dragNodeId: dragNode.id as string,
+        dropNodeId: dropNode.id,
+        dropPosition: positionMap[dropPosition],
+      });
+      Message.success(t('common.moveSuccess'));
+      initTree();
+      emit('move');
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+    }
+  }
+
+  /**
+   * 删除
+   */
+  async function handleDelete(option: CrmTreeNodeData) {
+    try {
+      const offspringIds = getSpringIds(option.children || []);
+      await agentModuleDelete([option.id, ...offspringIds]);
+      if (selectedKeys.value.includes(option.id)) {
+        selectedKeys.value = ['all'];
+      }
+      Message.success(t('common.deleteSuccess'));
+      initTree(true);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  function handleFolderMoreSelect(item: ActionsItem, option: CrmTreeNodeData) {
+    switch (item.key) {
+      case 'delete':
+        handleDelete(option);
+        break;
+      case 'rename':
+        folderTreeRef.value?.toggleEdit(option.id);
+        break;
+      default:
+        break;
+    }
+  }
+
+  function handleFolderClick(folderId: string | number) {
+    selectedKeys.value = [folderId];
+    emit('selectNode', { id: folderId }, selectedKeys.value, []);
+  }
+
+  onMounted(async () => {
+    await initTree(true);
+    initModuleCount();
+  });
+
+  defineExpose({
+    initTree,
+    initModuleCount,
+  });
+</script>
+
+<style lang="less" scoped>
+  .folder-button {
+    @apply flex w-full cursor-pointer items-center justify-between;
+
+    padding: 6px;
+    border-radius: 4px;
+    .folder-button-left {
+      @apply flex items-center;
+
+      gap: 4px;
+    }
+    .folder-button-right {
+      color: var(--text-n4);
+    }
+    &:hover {
+      background-color: var(--primary-7);
+    }
+    &--active {
+      background-color: var(--primary-7);
+      .folder-button-left {
+        color: var(--primary-8);
+      }
+    }
+  }
+  :deep(.n-tree-node-content__prefix) {
+    height: 35px;
+  }
+</style>
diff --git a/frontend/packages/web/src/views/agent/index.vue b/frontend/packages/web/src/views/agent/index.vue
new file mode 100644
index 0000000..ccf34eb
--- /dev/null
+++ b/frontend/packages/web/src/views/agent/index.vue
@@ -0,0 +1,135 @@
+<template>
+  <CrmCard hide-footer no-content-padding>
+    <CrmSplitPanel :default-size="0.3" :min="0.2" :max="0.5">
+      <template #1>
+        <tree
+          ref="folderTreeRef"
+          v-model:value="selectedKeys"
+          @init="handleFolderTreeInit"
+          @select-node="handleNodeSelect"
+          @collect="refreshTable"
+          @delete="refreshTable"
+          @move="refreshTable"
+        />
+      </template>
+      <template #2>
+        <agentTable
+          ref="agentTableRef"
+          :active-folder-id="selectedKeys[0]"
+          :is-favorite="activeNode?.id === 'favorite'"
+          :offspring-ids="offspringIds"
+          @create="handleAddAgent"
+          @edit="handleEditAgent"
+          @detail="handleAgentDetail"
+          @collect="handleCollectAgent"
+          @delete="refreshTree"
+        />
+      </template>
+    </CrmSplitPanel>
+  </CrmCard>
+  <addAgentModal
+    v-model:show="show"
+    :folder-tree="folderTree"
+    :agent-id="activeAgentId"
+    :is-detail="isDetail"
+    :active-folder="activeNode?.id"
+    @finish="handleFinish"
+  />
+</template>
+
+<script setup lang="ts">
+  import { useRoute } from 'vue-router';
+  import { TreeSelectOption } from 'naive-ui';
+
+  import { mapTree } from '@lib/shared/method';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmSplitPanel from '@/components/pure/crm-split-panel/index.vue';
+  import { CrmTreeNodeData } from '@/components/pure/crm-tree/type';
+  import addAgentModal from './components/addAgentModal.vue';
+  import agentTable from './components/table.vue';
+  import tree from './components/tree.vue';
+
+  const route = useRoute();
+
+  const show = ref(false);
+  const folderTree = ref<TreeSelectOption[]>([]);
+  const folderTreeRef = ref<InstanceType<typeof tree>>();
+  const selectedKeys = ref<Array<string>>([]);
+  const activeNode = ref<CrmTreeNodeData>();
+  const offspringIds = ref<Array<string>>([]);
+  const activeAgentId = ref<string | undefined>('');
+
+  function handleNodeSelect(
+    node: CrmTreeNodeData,
+    _selectedKeys: Array<string | number>,
+    _offspringIds: Array<string | number>
+  ) {
+    activeNode.value = node;
+    offspringIds.value = _offspringIds as Array<string>;
+  }
+
+  const isDetail = ref(false);
+  function handleAddAgent() {
+    activeAgentId.value = '';
+    show.value = true;
+    isDetail.value = false;
+  }
+
+  function handleFolderTreeInit(_tree: CrmTreeNodeData[]) {
+    folderTree.value = mapTree(_tree, (item) => {
+      if (item.children?.length === 0) {
+        item.children = undefined;
+      }
+      return item;
+    });
+  }
+
+  function handleEditAgent(id: string) {
+    activeAgentId.value = id;
+    show.value = true;
+    isDetail.value = false;
+  }
+
+  function handleAgentDetail(id: string) {
+    activeAgentId.value = id;
+    show.value = true;
+    isDetail.value = true;
+  }
+
+  function handleCollectAgent() {
+    folderTreeRef.value?.initModuleCount();
+  }
+
+  const agentTableRef = ref<InstanceType<typeof agentTable>>();
+  function refreshTable() {
+    agentTableRef.value?.loadList();
+  }
+
+  function handleFinish() {
+    folderTreeRef.value?.initTree();
+    refreshTable();
+  }
+
+  function refreshTree() {
+    folderTreeRef.value?.initTree();
+    folderTreeRef.value?.initModuleCount();
+  }
+
+  watch(
+    () => route.query.t,
+    () => {
+      if (route.query.showAdd === 'Y' && folderTree.value.length > 0) {
+        handleAddAgent();
+      }
+    }
+  );
+
+  onBeforeMount(() => {
+    if (route.query.showAdd === 'Y') {
+      handleAddAgent();
+    }
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/agent/locale/en-US.ts b/frontend/packages/web/src/views/agent/locale/en-US.ts
new file mode 100644
index 0000000..335ee7b
--- /dev/null
+++ b/frontend/packages/web/src/views/agent/locale/en-US.ts
@@ -0,0 +1,25 @@
+export default {
+  'agent.myFavorite': 'My Favorites',
+  'agent.all': 'All Agents',
+  'agent.newChild': 'New Folder',
+  'agent.expandChild': 'Expand Folder',
+  'agent.collapseChild': 'Collapse Folder',
+  'agent.addAgent': 'Add Agent',
+  'agent.updateAgent': 'Update Agent',
+  'agent.deleteAgentTip': 'After deletion, members will no longer be able to view it. Please proceed with caution.',
+  'agent.agentName': 'Agent Name',
+  'agent.members': 'Members',
+  'agent.folder': 'Folder',
+  'agent.favoriteSuccess': 'Favorite Success',
+  'agent.unFavoriteSuccess': 'Unfavorite Success',
+  'agent.loadFailed': 'Load Failed',
+  'agent.unConfig': 'Not Configured Third-Party Information',
+  'agent.goConfig': 'Go to Configuration',
+  'agent.script': 'Embed Script',
+  'agent.agentDetail': 'Agent Detail',
+  'agent.addMethod': 'Add method',
+  'agent.addMethodListSelect': 'List selection',
+  'agent.agentWorkSpace': 'Workspace',
+  'agent.agentSelected': 'Select agent',
+  'agent.agentDefaultWorkspace': 'Default workspace',
+};
diff --git a/frontend/packages/web/src/views/agent/locale/zh-CN.ts b/frontend/packages/web/src/views/agent/locale/zh-CN.ts
new file mode 100644
index 0000000..d36c3a9
--- /dev/null
+++ b/frontend/packages/web/src/views/agent/locale/zh-CN.ts
@@ -0,0 +1,25 @@
+export default {
+  'agent.myFavorite': '我的收藏',
+  'agent.all': '全部智能体',
+  'agent.newChild': '添加文件夹',
+  'agent.expandChild': '展开文件夹',
+  'agent.collapseChild': '收起文件夹',
+  'agent.addAgent': '添加智能体',
+  'agent.updateAgent': '更新智能体',
+  'agent.deleteAgentTip': '删除后，成员无法查看，请谨慎操作',
+  'agent.agentName': '智能体名称',
+  'agent.members': '可查看成员',
+  'agent.folder': '文件夹',
+  'agent.favoriteSuccess': '收藏成功',
+  'agent.unFavoriteSuccess': '取消收藏成功',
+  'agent.loadFailed': '加载失败',
+  'agent.unConfig': '未配置三方信息',
+  'agent.goConfig': '去配置',
+  'agent.script': '嵌入脚本',
+  'agent.agentDetail': '智能体详情',
+  'agent.addMethod': '添加方式',
+  'agent.addMethodListSelect': '列表选择',
+  'agent.agentWorkSpace': '工作空间',
+  'agent.agentSelected': '选择智能体',
+  'agent.agentDefaultWorkspace': '默认工作空间',
+};
diff --git a/frontend/packages/web/src/views/base/login/components/banner.vue b/frontend/packages/web/src/views/base/login/components/banner.vue
new file mode 100644
index 0000000..aa4d223
--- /dev/null
+++ b/frontend/packages/web/src/views/base/login/components/banner.vue
@@ -0,0 +1,53 @@
+<template>
+  <div class="banner-wrap">
+    <img class="img" :style="props.isPreview ? 'height: 100%;' : 'height: 100vh'" :src="innerBanner" />
+    <a href="https://cordys.cn/" target="_blank" class="logo-link">
+      <img :src="innerLogo" />
+    </a>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { computed } from 'vue';
+
+  import { defaultLoginImage, defaultLoginLogo } from '@/config/business';
+  import { useAppStore } from '@/store';
+
+  const props = defineProps<{
+    isPreview?: boolean;
+    banner?: string;
+    logo?: string;
+  }>();
+
+  const appStore = useAppStore();
+
+  const innerBanner = computed(() =>
+    props.banner ? props.banner : appStore.pageConfig.loginImage[0]?.url ?? defaultLoginImage
+  );
+
+  const innerLogo = computed(() => {
+    return props.isPreview && props.logo ? props.logo : appStore.pageConfig.loginLogo[0]?.url ?? defaultLoginLogo;
+  });
+</script>
+
+<style lang="less" scoped>
+  .banner-wrap {
+    @apply relative;
+    .img {
+      width: 100%;
+      object-fit: cover;
+    }
+    .logo-link {
+      @apply absolute;
+
+      top: 5%;
+      left: 5%;
+      width: 37%;
+      height: 7%;
+      .logo {
+        width: 100%;
+        height: 100%;
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/base/login/components/dingTalkQrCode.vue b/frontend/packages/web/src/views/base/login/components/dingTalkQrCode.vue
new file mode 100644
index 0000000..a43d2ca
--- /dev/null
+++ b/frontend/packages/web/src/views/base/login/components/dingTalkQrCode.vue
@@ -0,0 +1,79 @@
+<template>
+  <div id="ding-talk-qr" class="ding-talk-qrName" />
+</template>
+
+<script lang="ts" setup>
+  import { useScriptTag } from '@vueuse/core';
+  import { useMessage } from 'naive-ui';
+
+  import { CompanyTypeEnum } from '@lib/shared/enums/commonEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { setLoginExpires, setLoginType } from '@lib/shared/method/auth';
+
+  import { getThirdCallback, getThirdConfigByType } from '@/api/modules';
+  import useLoading from '@/hooks/useLoading';
+  import useUser from '@/hooks/useUser';
+  import useUserStore from '@/store/modules/user';
+
+  const { t } = useI18n();
+
+  const userStore = useUserStore();
+  const { goUserHasPermissionPage } = useUser();
+  const { setLoading } = useLoading();
+
+  const Message = useMessage();
+
+  const { load } = useScriptTag('https://g.alicdn.com/dingding/h5-dingtalk-login/0.21.0/ddlogin.js');
+
+  const initActive = async () => {
+    const data = await getThirdConfigByType(CompanyTypeEnum.DINGTALK);
+    const { config } = data;
+
+    await load(true);
+    const url = encodeURIComponent(window.location.origin);
+    window.DTFrameLogin(
+      {
+        id: 'ding-talk-qr',
+        width: 300,
+        height: 300,
+      },
+      {
+        redirect_uri: url,
+        client_id: config.agentId ?? '',
+        scope: 'openid corpid',
+        response_type: 'code',
+        state: 'fit2cloud-ding-qr',
+        prompt: 'consent',
+        corpId: config.corpId ?? '',
+      },
+      async (loginResult) => {
+        const { authCode } = loginResult;
+        const dingCallback = getThirdCallback(authCode, 'ding-talk');
+        const boolean = await userStore.qrCodeLogin(await dingCallback);
+        if (boolean) {
+          setLoginExpires();
+          setLoginType('DINGTALK');
+          Message.success(t('login.form.login.success'));
+          goUserHasPermissionPage();
+        }
+        setLoading(false);
+        userStore.getAuthentication();
+        // 也可以在不跳转页面的情况下，使用code进行授权
+      },
+      (errorMsg) => {
+        // 这里一般需要展示登录失败的具体原因,可以使用toast等轻提示
+        Message.error(`errorMsg of errorCbk: ${errorMsg}`);
+      }
+    );
+  };
+  onMounted(() => {
+    initActive();
+  });
+</script>
+
+<style lang="less" scoped>
+  .ding-talk-qrName {
+    width: 300px;
+    height: 300px;
+  }
+</style>
diff --git a/frontend/packages/web/src/views/base/login/components/larkQrCode.vue b/frontend/packages/web/src/views/base/login/components/larkQrCode.vue
new file mode 100644
index 0000000..f07f079
--- /dev/null
+++ b/frontend/packages/web/src/views/base/login/components/larkQrCode.vue
@@ -0,0 +1,54 @@
+<template>
+  <div id="lark-qr" class="lark-qrName" />
+</template>
+
+<script lang="ts" setup>
+  import { useScriptTag } from '@vueuse/core';
+
+  import { CompanyTypeEnum } from '@lib/shared/enums/commonEnum';
+
+  import { getThirdConfigByType } from '@/api/modules';
+
+  const { load } = useScriptTag(
+    'https://lf-package-cn.feishucdn.com/obj/feishu-static/lark/passport/qrcode/LarkSSOSDKWebQRCode-1.0.3.js'
+  );
+
+  const initActive = async () => {
+    const data = await getThirdConfigByType(CompanyTypeEnum.LARK);
+    const { config } = data;
+
+    await load(true);
+    const redirectUrL = encodeURIComponent(window.location.origin);
+    const url = `https://passport.feishu.cn/suite/passport/oauth/authorize?client_id=${config.agentId}&redirect_uri=${redirectUrL}&response_type=code&state=LARK`;
+
+    const QRLoginObj = window.QRLogin({
+      id: 'lark-qr',
+      goto: url,
+      width: '300',
+      height: '300',
+      style: 'width:300px;height:300px', // 可选的，二维码html标签的style属性
+    });
+
+    // function handleMessage
+    if (typeof window.addEventListener !== 'undefined') {
+      window.addEventListener('message', async (event: any) => {
+        // 使用 matchOrigin 和 matchData 方法来判断 message 和来自的页面 url 是否合法
+        if (QRLoginObj.matchOrigin(event.origin) && QRLoginObj.matchData(event.data)) {
+          const loginTmpCode = event.data.tmp_code;
+          // 在授权页面地址上拼接上参数 tmp_code，并跳转
+          window.location.href = `${url}&tmp_code=${loginTmpCode}`;
+        }
+      });
+    }
+  };
+  onMounted(() => {
+    initActive();
+  });
+</script>
+
+<style lang="less" scoped>
+  .lark-qrName {
+    width: 300px;
+    height: 300px;
+  }
+</style>
diff --git a/frontend/packages/web/src/views/base/login/components/larkSuiteQrCode.vue b/frontend/packages/web/src/views/base/login/components/larkSuiteQrCode.vue
new file mode 100644
index 0000000..e3cea2b
--- /dev/null
+++ b/frontend/packages/web/src/views/base/login/components/larkSuiteQrCode.vue
@@ -0,0 +1,54 @@
+<template>
+  <div id="lark-suite-qr" class="lark-suite-qrName" />
+</template>
+
+<script lang="ts" setup>
+  import { useScriptTag } from '@vueuse/core';
+
+  // import { getLarkSuiteInfo } from '@/api/modules/user';
+
+  const { load } = useScriptTag(
+    'https://lf-package-us.larksuitecdn.com/obj/lark-static-us/lark/passport/qrcode/LarkSSOSDKWebQRCode-1.0.3.js'
+  );
+
+  const initActive = async () => {
+    // const data = await getLarkSuiteInfo();
+    // TODO:
+    const data = {
+      agentId: 'cli_9f7b1b1b',
+    };
+    await load(true);
+    const redirectUrL = encodeURIComponent(window.location.origin);
+    const url = `https://passport.larksuite.com/suite/passport/oauth/authorize?client_id=${data.agentId}&redirect_uri=${redirectUrL}&response_type=code&state=fit2cloud-lark-suite-qr`;
+
+    const QRLoginObj = window.QRLogin({
+      id: 'lark-suite-qr',
+      goto: url,
+      width: '300',
+      height: '300',
+      style: 'width:300px;height:300px', // 可选的，二维码html标签的style属性
+    });
+
+    // function handleMessage
+    if (typeof window.addEventListener !== 'undefined') {
+      window.addEventListener('message', async (event: any) => {
+        // 使用 matchOrigin 和 matchData 方法来判断 message 和来自的页面 url 是否合法
+        if (QRLoginObj.matchOrigin(event.origin) && QRLoginObj.matchData(event.data)) {
+          const loginTmpCode = event.data.tmp_code;
+          // 在授权页面地址上拼接上参数 tmp_code，并跳转
+          window.location.href = `${url}&tmp_code=${loginTmpCode}`;
+        }
+      });
+    }
+  };
+  onMounted(() => {
+    initActive();
+  });
+</script>
+
+<style lang="less" scoped>
+  .lark-suite-qrName {
+    width: 300px;
+    height: 300px;
+  }
+</style>
diff --git a/frontend/packages/web/src/views/base/login/components/login-form.vue b/frontend/packages/web/src/views/base/login/components/login-form.vue
new file mode 100644
index 0000000..f34f29c
--- /dev/null
+++ b/frontend/packages/web/src/views/base/login/components/login-form.vue
@@ -0,0 +1,422 @@
+<template>
+  <div
+    v-if="preheat && !props.isPreview"
+    class="login-form"
+    :style="props.isPreview ? 'height: inherit' : 'height: 100vh'"
+  >
+    <n-spin :loading="preheat" :description="t('login.form.loading')"> </n-spin>
+  </div>
+  <div v-else class="login-form" :style="props.isPreview ? 'height: inherit' : 'height: 100vh'">
+    <div class="title">
+      <div class="flex justify-center">
+        <img :src="innerLogo" class="h-[52px] w-[240px]" />
+      </div>
+      <div class="title-0 mt-[16px] flex justify-center">
+        <span class="title-welcome">
+          {{ t(innerSlogan || '') || t('login.form.title') }}
+        </span>
+      </div>
+    </div>
+
+    <div class="form mt-[40px] min-w-[480px]">
+      <div v-if="userInfo.authenticate === 'LOCAL'" class="mb-7 text-[18px] font-medium text-[var(--primary-8)]">
+        {{ t('login.form.accountLogin') }}
+      </div>
+      <div
+        v-if="isShowLDAP && userInfo.authenticate === 'LDAP'"
+        class="mb-7 text-[18px] font-medium text-[var(--primary-8)]"
+        >{{ t('login.form.LDAPLogin') }}</div
+      >
+      <n-form
+        v-if="!showQrCodeTab"
+        ref="formRef"
+        :model="userInfo"
+        :rules="{
+          username: [{ required: true, message: t('login.form.userName.errMsg'), trigger: ['input', 'blur'] }],
+          password: [{ required: true, message: t('login.form.password.errMsg'), trigger: ['input', 'blur'] }],
+        }"
+      >
+        <!-- TOTO 第一版本暂时只考虑普通登录&LDAP -->
+        <n-form-item class="login-form-item" path="username" :show-label="false">
+          <n-input
+            v-model:value="userInfo.username"
+            class="login-input"
+            :maxlength="64"
+            size="large"
+            :placeholder="
+              userInfo.authenticate !== 'LOCAL'
+                ? t('login.form.userName.placeholderOther')
+                : t('login.form.userName.placeholder')
+            "
+          />
+        </n-form-item>
+        <n-form-item class="login-form-item" path="password" :show-label="false">
+          <n-input
+            v-model:value="userInfo.password"
+            type="password"
+            class="login-password-input"
+            :placeholder="t('login.form.password.placeholder')"
+            clearable
+            :maxlength="64"
+            size="large"
+            show-password-on="click"
+            @keydown.enter="handleSubmit"
+          />
+        </n-form-item>
+        <div class="mt-[12px]" :class="hasMoreLoginWay ? 'mb-[60px]' : 'mb-7'">
+          <n-button type="primary" size="large" block :loading="loading" @click="handleSubmit">
+            {{ t('login.form.login') }}
+          </n-button>
+          <div v-if="showDemo" class="mb-[-16px] mt-[16px] flex items-center gap-[16px]">
+            <div class="flex items-center">
+              <div>{{ t('login.form.username') }}：</div>
+              <div>demo</div>
+            </div>
+            <div class="flex items-center">
+              <div>{{ t('login.form.password') }}：</div>
+              <div>demo</div>
+            </div>
+          </div>
+        </div>
+      </n-form>
+      <div v-if="showQrCodeTab">
+        <tab-qr-code />
+      </div>
+      <template v-if="hasMoreLoginWay">
+        <n-divider orientation="center" dashed class="!m-0 !mb-2">
+          <span class="text-[12px] font-normal text-[var(--text-n4)]">{{ t('login.form.modeLoginMethods') }}</span>
+        </n-divider>
+        <div class="mt-4 flex items-center justify-center">
+          <div v-if="isShowQRCode && !showQrCodeTab" class="loginType" @click="switchLoginType('QR_CODE')">
+            <CrmIcon type="iconicon_scan" class="text-[var(--primary-8)]" :size="20" />
+          </div>
+          <div v-if="userInfo.authenticate !== 'LDAP' && isShowLDAP" class="loginType" @click="switchLoginType('LDAP')">
+            <span class="type-text text-[10px]">LDAP</span>
+          </div>
+          <div v-if="userInfo.authenticate !== 'LOCAL'" class="loginType" @click="switchLoginType('LOCAL')">
+            <CrmIcon type="iconicon_that_person" class="text-[var(--primary-8)]" :size="20" />
+          </div>
+          <div v-if="isShowOIDC && userInfo.authenticate !== 'OIDC'" class="loginType" @click="redirectAuth('OIDC')">
+            <span class="type-text text-[10px]">OIDC</span>
+          </div>
+          <div
+            v-if="isShowOAUTH && userInfo.authenticate !== 'OAUTH2'"
+            class="loginType"
+            @click="redirectAuth('OAUTH2')"
+          >
+            <span class="type-text text-[10px]">OAuth</span>
+          </div>
+          <div v-if="isShowCAS && userInfo.authenticate !== 'CAS'" class="loginType" @click="redirectAuth('CAS')">
+            <span class="type-text text-[10px]">CAS</span>
+          </div>
+        </div>
+      </template>
+      <div v-if="props.isPreview" class="mask"></div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref } from 'vue';
+  import { FormInst, NButton, NDivider, NForm, NFormItem, NInput, NSpin, useMessage } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { clearToken, getLoginType, isLoginExpires, setLoginExpires, setLoginType } from '@lib/shared/method/auth';
+  import { encrypted } from '@lib/shared/method/index';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import TabQrCode from './tabQrCode.vue';
+
+  // import { getAuthDetailByType } from '@/api/modules/setting/config';
+  // import { getPlatformParamUrl } from '@/api/modules/user';
+  import { getThirdConfigByType } from '@/api/modules';
+  import { defaultLoginLogo } from '@/config/business';
+  import useLoading from '@/hooks/useLoading';
+  import useUser from '@/hooks/useUser';
+  import useAppStore from '@/store/modules/app';
+  import useLicenseStore from '@/store/modules/setting/license';
+  // import useModal from '@/hooks/useModal';
+  import useUserStore from '@/store/modules/user';
+
+  const { goUserHasPermissionPage } = useUser();
+  const { t } = useI18n();
+  const appStore = useAppStore();
+  const userStore = useUserStore();
+  const licenseStore = useLicenseStore();
+  const Message = useMessage();
+  // const { openModal } = useModal();
+
+  const formRef = ref<FormInst | null>(null);
+
+  const preheat = ref(true);
+
+  const props = defineProps<{
+    isPreview?: boolean;
+    slogan?: string;
+    logo?: string;
+  }>();
+
+  const innerLogo = computed(() => {
+    return props.isPreview && props.logo ? props.logo : appStore.pageConfig.loginLogo[0]?.url ?? defaultLoginLogo;
+  });
+
+  const innerSlogan = computed(() => {
+    return props.isPreview && props.slogan ? props.slogan : appStore.pageConfig.slogan;
+  });
+
+  const showDemo = window.location.hostname === 'demo.metersphere.com';
+
+  const { loading, setLoading } = useLoading();
+
+  const userInfo = ref<{
+    authenticate: string;
+    username: string;
+    password: string;
+  }>({
+    authenticate: getLoginType() || 'LOCAL',
+    username: '',
+    password: '',
+  });
+
+  const showQrCodeTab = ref(false);
+  const activeName = ref('');
+
+  function switchLoginType(type: string) {
+    userInfo.value.authenticate = type;
+    if (type === 'QR_CODE') {
+      showQrCodeTab.value = showQrCodeTab.value === false;
+    } else {
+      showQrCodeTab.value = false;
+    }
+  }
+
+  const handleSubmit = () => {
+    if (loading.value) return;
+    formRef.value?.validate(async (errors) => {
+      if (!errors) {
+        setLoading(true);
+        try {
+          try {
+            await userStore.logout(true); // 登录之前先注销，防止未登出就继续登录导致报错
+          } catch (error) {
+            // eslint-disable-next-line no-console
+            console.log('logout error', error);
+          }
+          await userStore.login({
+            username: encrypted(userInfo.value.username) || '',
+            password: encrypted(userInfo.value.password) || '',
+            authenticate: userInfo.value.authenticate,
+            platform: 'WEB',
+          });
+          await licenseStore.getValidateLicense();
+          if (licenseStore.hasLicense()) {
+            appStore.initPageConfig();
+          }
+          setLoginExpires();
+          setLoginType(userInfo.value.authenticate);
+          Message.success(t('login.form.login.success'));
+          goUserHasPermissionPage();
+        } catch (err) {
+          // eslint-disable-next-line no-console
+          console.log(err);
+        } finally {
+          setLoading(false);
+          userStore.getAuthentication();
+        }
+      }
+    });
+  };
+
+  const isShowLDAP = computed(() => {
+    return userStore.loginType.includes('LDAP');
+  });
+  const isShowOIDC = computed(() => {
+    return userStore.loginType.includes('OIDC');
+  });
+  const isShowOAUTH = computed(() => {
+    return userStore.loginType.includes('OAUTH2');
+  });
+  const isShowCAS = computed(() => {
+    return userStore.loginType.includes('CAS');
+  });
+
+  const isShowQRCode = ref(false);
+  const hasMoreLoginWay = computed(
+    () => isShowLDAP.value || isShowOIDC.value || isShowOAUTH.value || isShowCAS.value || isShowQRCode.value
+  );
+
+  const activePlatformType = computed<string>(() => appStore.activePlatformResource.syncResource);
+
+  async function initPlatformInfo() {
+    if (!activePlatformType.value) return;
+    try {
+      const res = await getThirdConfigByType(activePlatformType.value);
+      if (getLoginType() && getLoginType() !== 'LOCAL' && getLoginType() !== 'LDAP') {
+        showQrCodeTab.value = true;
+        activeName.value = getLoginType() || activePlatformType.value;
+      }
+      isShowQRCode.value = res.config?.startEnable ?? false;
+    } catch (error) {
+      isShowQRCode.value = false;
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  async function redirectAuth(authType: string) {
+    if (authType === 'LDAP' || authType === 'LOCAL') {
+      return;
+    }
+    // const res = await getAuthDetailByType(authType);
+    const res: any = {}; // TODO: getAuthDetailByType(authType);
+    if (!res) {
+      return;
+    }
+    if (!res.enable) {
+      Message.error(t('login.auth_not_enable'));
+      // return;
+    }
+    // const authId = res.id;
+    // openModal({
+    //   type: 'info',
+    //   title: t('common.auth_redirect_tip'),
+    //   content: '',
+    //   okText: t('common.jump'),
+    //   cancelText: t('common.cancel'),
+    //   okButtonProps: {
+    //     status: 'normal',
+    //   },
+    //   mask: true,
+    //   maskStyle: { color: '#323233' },
+    //   onBeforeOk: async () => {
+    //     const config = JSON.parse(res.configuration);
+    //     // eslint-disable-next-line no-eval
+    //     const redirectUrl = eval(`\`${config.redirectUrl}\``);
+    //     setLoginType('LOCAL');
+    //     let url;
+    //     if (authType === 'CAS') {
+    //       url = `${config.loginUrl}?service=${encodeURIComponent(redirectUrl)}`;
+    //     }
+    //     if (authType === 'OIDC') {
+    //       url = `${config.authUrl}?client_id=${config.clientId}&redirect_uri=${redirectUrl}&response_type=code&scope=openid+profile+email&state=${authId}`;
+    //       // 保存一个登录地址，禁用本地登录
+    //       if (config.loginUrl) {
+    //         localStorage.setItem('oidcLoginUrl', config.loginUrl);
+    //       }
+    //     }
+    //     if (authType === 'OAUTH2') {
+    //       url =
+    //         `${config.authUrl}?client_id=${config.clientId}&response_type=code` +
+    //         `&redirect_uri=${redirectUrl}&state=${authId}`;
+    //       if (config.scope) {
+    //         url += `&scope=${config.scope}`;
+    //       }
+    //     }
+    //     if (url) {
+    //       window.location.href = url;
+    //     }
+    //   },
+    //   hideCancel: false,
+    // });
+  }
+
+  onMounted(async () => {
+    if (!props.isPreview) {
+      // userStore.getAuthentication();
+      // TODO license 先放开
+      // if (licenseStore.hasLicense()) {
+      //   initPlatformInfo();
+      // }
+      initPlatformInfo();
+      appStore.initPublicKey();
+      try {
+        if (isLoginExpires()) {
+          preheat.value = false;
+          clearToken();
+        } else {
+          preheat.value = await userStore.isLogin();
+        }
+      } catch (e) {
+        // eslint-disable-next-line no-console
+        console.log(e);
+        preheat.value = false;
+      }
+    }
+  });
+</script>
+
+<style lang="less" scoped>
+  /* stylelint-disable color-function-notation */
+  .login-form {
+    @apply flex flex-1 flex-col items-center justify-center;
+
+    transform: translateY(-10%);
+    .title-welcome {
+      @apply flex items-center justify-center;
+
+      font-size: 20px;
+      color: var(--primary-8);
+    }
+    .form {
+      @apply relative;
+
+      padding: 40px;
+      border-radius: var(--border-radius-large);
+      background-color: var(--text-n10);
+      box-shadow: 0 8px 10px 0 #3232330d, 0 16px 24px 0 #3232330d, 0 6px 30px 0 #3232330d;
+      .login-form-item {
+        @apply block;
+      }
+      .mask {
+        @apply absolute left-0 top-0 h-full w-full;
+      }
+      .loginType {
+        margin: 0 8px;
+        width: 32px;
+        height: 32px;
+        border: 1px solid var(--text-n8);
+        border-radius: 50%;
+        @apply flex cursor-pointer items-center justify-center;
+        .type-text {
+          color: var(--primary-8);
+          @apply font-medium;
+        }
+      }
+    }
+  }
+  :deep(.arco-divider-text) {
+    padding: 0 8px !important;
+  }
+  .login-input {
+    padding-right: 0;
+    padding-left: 0;
+    width: 400px;
+  }
+  .login-input :deep(.arco-input) {
+    padding-right: 10px;
+    padding-left: 10px;
+  }
+  .login-password-input {
+    position: relative;
+    padding-right: 0;
+    padding-left: 0;
+    width: 400px;
+    height: 36px;
+  }
+  .login-password-input :deep(.arco-input) {
+    padding-right: 50px;
+    padding-left: 10px;
+  }
+  .login-password-input :deep(.arco-input-clear-btn) {
+    position: absolute;
+    top: 10px;
+    float: right;
+    margin-left: 350px;
+  }
+  .login-password-input :deep(.arco-input-suffix) {
+    position: absolute;
+    top: 10px;
+    float: right;
+    margin-left: 360px;
+  }
+</style>
diff --git a/frontend/packages/web/src/views/base/login/components/tabQrCode.vue b/frontend/packages/web/src/views/base/login/components/tabQrCode.vue
new file mode 100644
index 0000000..06c433a
--- /dev/null
+++ b/frontend/packages/web/src/views/base/login/components/tabQrCode.vue
@@ -0,0 +1,82 @@
+<template>
+  <div v-if="activeQrCodeName === 'WECOM'" class="login-qrcode">
+    <div class="qrcode">
+      <wecom-qr v-if="activeQrCodeName === 'WECOM'" />
+    </div>
+  </div>
+  <div v-if="activeQrCodeName === 'DINGTALK'" class="login-qrcode">
+    <div class="qrcode">
+      <div class="title">
+        <CrmIcon class="mr-[8px]" type="iconlogo_dingtalk" :size="24" />
+        {{ t('login.form.DINGTALKScanLogin') }}
+      </div>
+      <ding-talk-qr v-if="activeQrCodeName === 'DINGTALK'" />
+    </div>
+  </div>
+  <div v-if="activeQrCodeName === 'LARK'" class="login-qrcode">
+    <div class="qrcode">
+      <div class="title">
+        <CrmIcon class="mr-[8px]" type="iconlogo_lark" :size="24"></CrmIcon>
+        {{ t('login.form.LARKScanLogin') }}
+      </div>
+      <lark-qr-code v-if="activeQrCodeName === 'LARK'" />
+    </div>
+  </div>
+  <!-- TODO 先不上 -->
+  <!-- <div v-if="activeQrCodeName === 'LARK_SUITE'" class="login-qrcode">
+    <div class="qrcode">
+      <div class="title">
+        <CrmIcon type="icon-logo_lark" :size="24"></CrmIcon>
+        国际飞书登录
+      </div>
+      <lark-suite-qr-code v-if="activeQrCodeName === 'LARK_SUITE'" />
+    </div>
+  </div> -->
+</template>
+
+<script lang="ts" setup>
+  import { useI18n } from 'vue-i18n';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import dingTalkQr from './dingTalkQrCode.vue';
+  import LarkQrCode from './larkQrCode.vue';
+  // import LarkSuiteQrCode from './larkSuiteQrCode.vue';
+  import WecomQr from './weComQrCode.vue';
+
+  import { useAppStore } from '@/store';
+
+  const { t } = useI18n();
+
+  const appStore = useAppStore();
+
+  const activeQrCodeName = computed(() => appStore.activePlatformResource.syncResource);
+</script>
+
+<style lang="less" scoped>
+  .login-qrcode {
+    display: flex;
+    align-items: center;
+    margin-top: 24px;
+    flex-direction: column;
+    .qrcode {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      overflow: hidden;
+      border-radius: 8px;
+      background: #ffffff;
+      flex-direction: column;
+    }
+    .title {
+      z-index: 100000;
+      margin-bottom: -24px;
+      font-size: 18px;
+      color: var(--text-n1);
+      @apply flex w-full items-center justify-center overflow-hidden font-medium;
+      .ed-icon {
+        margin-right: 8px;
+        font-size: 24px;
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/base/login/components/weComQrCode.vue b/frontend/packages/web/src/views/base/login/components/weComQrCode.vue
new file mode 100644
index 0000000..00c33f8
--- /dev/null
+++ b/frontend/packages/web/src/views/base/login/components/weComQrCode.vue
@@ -0,0 +1,74 @@
+<template>
+  <div id="wecom-qr" class="wecom-qr" />
+</template>
+
+<script lang="ts" setup>
+  import { useMessage } from 'naive-ui';
+
+  import { CompanyTypeEnum } from '@lib/shared/enums/commonEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { setLoginExpires, setLoginType } from '@lib/shared/method/auth';
+
+  import { getThirdCallback, getThirdConfigByType } from '@/api/modules';
+  import useLoading from '@/hooks/useLoading';
+  import useUser from '@/hooks/useUser';
+  import useUserStore from '@/store/modules/user';
+
+  import * as ww from '@wecom/jssdk';
+  import { WWLoginErrorResp, WWLoginPanelSizeType, WWLoginRedirectType, WWLoginType } from '@wecom/jssdk';
+
+  const { goUserHasPermissionPage } = useUser();
+
+  const { t } = useI18n();
+  const { setLoading } = useLoading();
+
+  const userStore = useUserStore();
+  const Message = useMessage();
+
+  const wwLogin = ref({});
+
+  const obj = ref<any>({
+    isWeComLogin: false,
+  });
+
+  const init = async () => {
+    const data = await getThirdConfigByType(CompanyTypeEnum.WECOM);
+    const { config } = data;
+    wwLogin.value = ww.createWWLoginPanel({
+      el: '#wecom-qr',
+      params: {
+        login_type: WWLoginType.corpApp,
+        appid: config.corpId ?? '',
+        agentid: config.agentId,
+        redirect_uri: window.location.origin,
+        state: 'fit2cloud-wecom-qr',
+        redirect_type: WWLoginRedirectType.callback,
+        panel_size: WWLoginPanelSizeType.small,
+      },
+      onCheckWeComLogin: obj.value,
+      async onLoginSuccess({ code }: any) {
+        const weComCallback = getThirdCallback(code, 'wecom');
+        const boolean = userStore.qrCodeLogin(await weComCallback);
+        if (boolean) {
+          setLoginExpires();
+          setLoginType('WECOM');
+          Message.success(t('login.form.login.success'));
+          goUserHasPermissionPage();
+        }
+        setLoading(false);
+        userStore.getAuthentication();
+      },
+      onLoginFail(err: WWLoginErrorResp) {
+        Message.error(`errorMsg of errorCbk: ${err.errMsg}`);
+      },
+    });
+  };
+
+  init();
+</script>
+
+<style lang="less" scoped>
+  .wecom-qr {
+    margin-top: -20px;
+  }
+</style>
diff --git a/frontend/packages/web/src/views/base/login/index.vue b/frontend/packages/web/src/views/base/login/index.vue
new file mode 100644
index 0000000..e0a5ea2
--- /dev/null
+++ b/frontend/packages/web/src/views/base/login/index.vue
@@ -0,0 +1,37 @@
+<template>
+  <NScrollbar
+    :style="{
+      overflow: 'auto',
+      width: props.isPreview ? '100%' : '100vw',
+      height: props.isPreview ? '100%' : '100vh',
+    }"
+  >
+    <div class="login-page" :style="props.isPreview ? '' : 'min-width: 1200px;'">
+      <banner />
+      <n-spin :show="appStore.getLoginLoadingStatus" class="flex-1">
+        <loginForm :is-preview="props.isPreview" />
+      </n-spin>
+    </div>
+  </NScrollbar>
+</template>
+
+<script lang="ts" setup>
+  import { NScrollbar, NSpin } from 'naive-ui';
+
+  import banner from './components/banner.vue';
+  import loginForm from './components/login-form.vue';
+
+  import useAppStore from '@/store/modules/app';
+
+  const appStore = useAppStore();
+
+  const props = defineProps<{
+    isPreview?: boolean;
+  }>();
+</script>
+
+<style lang="less" scoped>
+  .login-page {
+    @apply flex items-center;
+  }
+</style>
diff --git a/frontend/packages/web/src/views/base/login/locale/en-US.ts b/frontend/packages/web/src/views/base/login/locale/en-US.ts
new file mode 100644
index 0000000..fe22322
--- /dev/null
+++ b/frontend/packages/web/src/views/base/login/locale/en-US.ts
@@ -0,0 +1,27 @@
+export default {
+  'login.form.title': 'New generation open-source AI CRM system',
+  'login.form.userName.errMsg': 'Username cannot be empty',
+  'login.form.password.errMsg': 'Password cannot be empty',
+  'login.form.login.errMsg': 'Login error, refresh and try again',
+  'login.form.login.success': 'welcome to use',
+  'login.form.userName.placeholder': 'Please enter your phone number or email',
+  'login.form.userName.placeholderOther': 'Please enter your account',
+  'login.form.password.placeholder': 'Please enter your password',
+  'login.form.rememberPassword': 'Remember password',
+  'login.form.forgetPassword': 'Forgot password',
+  'login.form.login': 'Login',
+  'login.form.register': 'register account',
+  'login.form.normalLogin': 'Normal login',
+  'login.form.oauth2Test': 'OAuth2 Test',
+  'login.form.modeLoginMethods': 'More',
+  'login.form.accountLogin': 'Account login',
+  'login.form.LDAPLogin': 'LDAP',
+  'login.form.username': 'Username',
+  'login.form.password': 'Password',
+  'login.form.loading': 'Logging in',
+  'login.form.WECOM': 'WECOM',
+  'login.form.DINGTALK': 'DINGTALK',
+  'login.form.DINGTALKScanLogin': 'Dingtalk scan code login',
+  'login.form.LARK': 'LARK',
+  'login.form.LARKScanLogin': 'Lark scan code login',
+};
diff --git a/frontend/packages/web/src/views/base/login/locale/zh-CN.ts b/frontend/packages/web/src/views/base/login/locale/zh-CN.ts
new file mode 100644
index 0000000..8cbaecf
--- /dev/null
+++ b/frontend/packages/web/src/views/base/login/locale/zh-CN.ts
@@ -0,0 +1,27 @@
+export default {
+  'login.form.title': '新一代的开源 AI CRM 系统',
+  'login.form.userName.errMsg': '用户名不能为空',
+  'login.form.password.errMsg': '密码不能为空',
+  'login.form.login.errMsg': '登录出错，请刷新重试',
+  'login.form.login.success': '欢迎使用',
+  'login.form.userName.placeholder': '请输入手机号或邮箱',
+  'login.form.userName.placeholderOther': '请输入账号',
+  'login.form.password.placeholder': '请输入密码',
+  'login.form.rememberPassword': '记住密码',
+  'login.form.forgetPassword': '忘记密码',
+  'login.form.login': '登录',
+  'login.form.register': '注册账号',
+  'login.form.normalLogin': '普通登录',
+  'login.form.oauth2Test': 'OAuth2 测试',
+  'login.form.modeLoginMethods': '更多登录方式',
+  'login.form.accountLogin': '账号登录',
+  'login.form.LDAPLogin': 'LDAP 登录',
+  'login.form.username': '用户名',
+  'login.form.password': '密码',
+  'login.form.loading': '登录中',
+  'login.form.WECOM': '企业微信',
+  'login.form.DINGTALK': '钉钉',
+  'login.form.DINGTALKScanLogin': '钉钉登录',
+  'login.form.LARK': '飞书',
+  'login.form.LARKScanLogin': '飞书登录',
+};
diff --git a/frontend/packages/web/src/views/base/login/utils/RemoteJs.ts b/frontend/packages/web/src/views/base/login/utils/RemoteJs.ts
new file mode 100644
index 0000000..b23ea6e
--- /dev/null
+++ b/frontend/packages/web/src/views/base/login/utils/RemoteJs.ts
@@ -0,0 +1,22 @@
+export default function loadScript(url: string, jsId?: string) {
+  return new Promise((resolve, reject) => {
+    const scriptId = jsId || 'de-fit2cloud-script-id';
+    let dom = document.getElementById(scriptId);
+    if (dom) {
+      dom.parentElement?.removeChild(dom);
+      dom = null;
+    }
+    const script = document.createElement('script');
+
+    script.id = scriptId;
+    script.onload = () => {
+      return resolve(null);
+    };
+    script.onerror = () => {
+      return reject(new Error('Load script from '.concat(url, ' failed')));
+    };
+    script.src = url;
+    const head = document.head || document.getElementsByTagName('head')[0];
+    (document.body || head).appendChild(script);
+  });
+}
diff --git a/frontend/packages/web/src/views/base/no-resource/index.vue b/frontend/packages/web/src/views/base/no-resource/index.vue
new file mode 100644
index 0000000..45a38c1
--- /dev/null
+++ b/frontend/packages/web/src/views/base/no-resource/index.vue
@@ -0,0 +1,45 @@
+<template>
+  <div class="page">
+    <div class="content-wrapper">
+      <div class="content">
+        <div class="no-permission-svg-bright"></div>
+        <div class="title">
+          <span>{{ t('common.noResource') }}</span>
+        </div>
+        <slot></slot>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  const { t } = useI18n();
+</script>
+
+<style lang="less" scoped>
+  .page {
+    @apply h-full;
+
+    background-color: var(--text-n10);
+    .content-wrapper {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      height: 100%;
+      background-color: var(--text-n10);
+      .content {
+        .title {
+          display: flex;
+          justify-content: center;
+          font-size: 16px;
+          color: var(--text-n1);
+          .user {
+            margin-left: 16px;
+          }
+        }
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/base/not-found/index.vue b/frontend/packages/web/src/views/base/not-found/index.vue
new file mode 100644
index 0000000..6155cb2
--- /dev/null
+++ b/frontend/packages/web/src/views/base/not-found/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <div> 404 </div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/clueManagement/clue/components/clueOverviewDrawer.vue b/frontend/packages/web/src/views/clueManagement/clue/components/clueOverviewDrawer.vue
new file mode 100644
index 0000000..8e6ac71
--- /dev/null
+++ b/frontend/packages/web/src/views/clueManagement/clue/components/clueOverviewDrawer.vue
@@ -0,0 +1,316 @@
+<template>
+  <CrmOverviewDrawer
+    ref="crmOverviewDrawerRef"
+    v-model:show="show"
+    v-model:active-tab="activeTab"
+    :tab-list="tabList"
+    :button-list="buttonList"
+    :button-more-list="buttonMoreList"
+    :source-id="sourceId"
+    :title="sourceName"
+    :form-key="FormDesignKeyEnum.CLUE"
+    :show-tab-setting="false"
+    :formViewSize="formViewSize"
+    @button-select="handleSelect"
+    @saved="
+      (res) => {
+        refreshKey += 1;
+        emit('saved', res);
+      }
+    "
+  >
+    <template #left>
+      <div class="h-full overflow-hidden">
+        <CrmFormDescription
+          :refresh-key="refreshKey"
+          :form-key="FormDesignKeyEnum.CLUE"
+          :source-id="sourceId"
+          class="p-[16px_24px]"
+          :column="layout === 'vertical' ? 3 : undefined"
+          :label-width="layout === 'vertical' ? 'auto' : undefined"
+          :value-align="layout === 'vertical' ? 'start' : undefined"
+          :readonly="!hasAnyPermission(['CLUE_MANAGEMENT:UPDATE'])"
+          @init="handleDescriptionInit"
+          @open-customer-detail="emit('openCustomerDrawer', $event)"
+        />
+      </div>
+    </template>
+    <template #transferPopContent>
+      <TransferForm ref="transferFormRef" v-model:form="transferForm" class="mt-[16px] w-[320px]" />
+    </template>
+    <template #right>
+      <div class="h-full pt-[16px]">
+        <FollowDetail
+          v-if="['followRecord', 'followPlan'].includes(activeTab)"
+          :active-type="(activeTab as 'followRecord'| 'followPlan')"
+          wrapper-class="h-[calc(100vh-162px)]"
+          virtual-scroll-height="calc(100vh - 254px)"
+          :follow-api-key="FormDesignKeyEnum.CLUE"
+          :initial-source-name="sourceName"
+          :show-add="hasAnyPermission(['CLUE_MANAGEMENT:UPDATE'])"
+          :source-id="sourceId"
+          :show-action="showAction"
+          :parentFormKey="FormDesignKeyEnum.CLUE"
+        />
+
+        <CrmHeaderTable
+          v-if="activeTab === 'headRecord'"
+          :form-key="FormDesignKeyEnum.CLUE_POOL"
+          :source-id="sourceId"
+          :load-list-api="getClueHeaderList"
+        />
+      </div>
+    </template>
+  </CrmOverviewDrawer>
+  <CrmMoveModal
+    v-model:show="showMoveModal"
+    :reason-key="ReasonTypeEnum.CLUE_POOL_RS"
+    :source-id="sourceId"
+    :name="sourceName"
+    @refresh="handleMovedSuccess"
+  />
+  <convertClueModal v-model:show="showConvertClueModal" :clue-id="sourceId" @success="emit('remove')" />
+</template>
+
+<script setup lang="ts">
+  import { useMessage } from 'naive-ui';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { ReasonTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { characterLimit } from '@lib/shared/method';
+  import type { ClueListItem } from '@lib/shared/models/clue';
+  import type { CollaborationType, TransferParams } from '@lib/shared/models/customer';
+  import type { FormConfig, FormViewSize } from '@lib/shared/models/system/module';
+
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import FollowDetail from '@/components/business/crm-follow-detail/index.vue';
+  import CrmFormDescription from '@/components/business/crm-form-description/index.vue';
+  import CrmHeaderTable from '@/components/business/crm-header-table/index.vue';
+  import CrmMoveModal from '@/components/business/crm-move-modal/index.vue';
+  import CrmOverviewDrawer from '@/components/business/crm-overview-drawer/index.vue';
+  import type { TabContentItem } from '@/components/business/crm-tab-setting/type';
+  import TransferForm from '@/components/business/crm-transfer-modal/transferForm.vue';
+  import convertClueModal from './convertClueModal.vue';
+
+  import { batchTransferClue, deleteClue, getClueHeaderList } from '@/api/modules';
+  import { defaultTransferForm } from '@/config/opportunity';
+  import useModal from '@/hooks/useModal';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const props = defineProps<{
+    detail?: Partial<ClueListItem>;
+  }>();
+
+  const show = defineModel<boolean>('show', {
+    required: true,
+  });
+
+  const emit = defineEmits<{
+    (e: 'refresh'): void;
+    (e: 'saved', res: any): void;
+    (e: 'remove'): void;
+    (e: 'openCustomerDrawer', params: { customerId: string; inCustomerPool: boolean; poolId: string }): void;
+  }>();
+
+  const { openModal } = useModal();
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  const crmOverviewDrawerRef = ref<InstanceType<typeof CrmOverviewDrawer>>();
+  const layout = computed(() => crmOverviewDrawerRef.value?.layout);
+
+  const sourceId = computed(() => props.detail?.id ?? '');
+  const sourceName = ref('');
+  const refreshKey = ref(0);
+
+  const transferForm = ref<TransferParams>({
+    ...defaultTransferForm,
+  });
+  const transferLoading = ref(false);
+
+  function closeAndRefresh() {
+    show.value = false;
+    emit('refresh');
+  }
+
+  // 转移
+  const transferFormRef = ref<InstanceType<typeof TransferForm>>();
+  function handleTransfer() {
+    transferFormRef.value?.formRef?.validate(async (error) => {
+      if (!error) {
+        try {
+          transferLoading.value = true;
+          await batchTransferClue({
+            ...transferForm.value,
+            ids: [sourceId.value],
+          });
+          Message.success(t('common.transferSuccess'));
+          transferForm.value = { ...defaultTransferForm };
+          closeAndRefresh();
+        } catch (e) {
+          // eslint-disable-next-line no-console
+          console.log(e);
+        } finally {
+          transferLoading.value = false;
+        }
+      }
+    });
+  }
+
+  // 删除
+  function handleDelete() {
+    openModal({
+      type: 'error',
+      title: t('common.deleteConfirmTitle', { name: characterLimit(sourceName.value) }),
+      content: t('clue.batchDeleteContentTip'),
+      positiveText: t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deleteClue(sourceId.value);
+          Message.success(t('common.deleteSuccess'));
+          emit('remove');
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        }
+      },
+    });
+  }
+
+  // 移入线索池
+  const showMoveModal = ref(false);
+  function handleMoveToLeadPool() {
+    showMoveModal.value = true;
+  }
+
+  // 转换
+  const showConvertClueModal = ref(false);
+  function handleConvert() {
+    showConvertClueModal.value = true;
+  }
+
+  function handleSelect(key: string) {
+    switch (key) {
+      case 'pop-transfer':
+        handleTransfer();
+        break;
+      case 'delete':
+        handleDelete();
+        break;
+      case 'convert':
+        handleConvert();
+        break;
+      case 'moveIntoCluePool':
+        handleMoveToLeadPool();
+        break;
+      default:
+        break;
+    }
+  }
+
+  const showAction = computed(() => hasAnyPermission(['CLUE_MANAGEMENT:UPDATE']));
+
+  const isConverted = computed(
+    () => props.detail?.transitionType && ['CUSTOMER'].includes(props.detail.transitionType)
+  );
+
+  const buttonList = computed<ActionsItem[]>(() => {
+    if (isConverted.value) {
+      return [];
+    }
+    return [
+      {
+        label: t('common.edit'),
+        key: 'edit',
+        text: false,
+        ghost: true,
+        class: 'n-btn-outline-primary',
+        permission: ['CLUE_MANAGEMENT:UPDATE'],
+      },
+      {
+        label: t('clue.convert'),
+        key: 'convert',
+        text: false,
+        ghost: true,
+        class: 'n-btn-outline-primary',
+        permission: ['CLUE_MANAGEMENT:UPDATE'],
+      },
+      {
+        label: t('clue.moveIntoCluePool'),
+        key: 'moveIntoCluePool',
+        text: false,
+        ghost: true,
+        class: 'n-btn-outline-primary',
+        permission: ['CLUE_MANAGEMENT:RECYCLE'],
+      },
+      {
+        label: t('common.transfer'),
+        key: 'transfer',
+        permission: ['CLUE_MANAGEMENT:TRANSFER'],
+        text: false,
+        ghost: true,
+        class: 'n-btn-outline-primary',
+        popConfirmProps: {
+          loading: transferLoading.value,
+          title: t('common.transfer'),
+          positiveText: t('common.confirm'),
+          iconType: 'primary',
+        },
+        popSlotName: 'transferPopTitle',
+        popSlotContent: 'transferPopContent',
+      },
+    ];
+  });
+
+  const buttonMoreList = computed<ActionsItem[]>(() => {
+    if (isConverted.value) {
+      return [];
+    }
+    return [
+      {
+        label: t('common.delete'),
+        key: 'delete',
+        permission: ['CLUE_MANAGEMENT:DELETE'],
+        danger: true,
+      },
+    ];
+  });
+
+  // tab
+  const activeTab = ref('followRecord');
+  const tabList: TabContentItem[] = [
+    {
+      name: 'followRecord',
+      tab: t('crmFollowRecord.followRecord'),
+      enable: true,
+    },
+    {
+      name: 'followPlan',
+      tab: t('common.plan'),
+      enable: true,
+    },
+    {
+      name: 'headRecord',
+      tab: t('common.headRecord'),
+      enable: true,
+    },
+  ];
+
+  function handleMovedSuccess() {
+    show.value = false;
+    emit('remove');
+  }
+
+  const formViewSize = ref<FormViewSize>('large');
+  function handleDescriptionInit(
+    _collaborationType?: CollaborationType,
+    _sourceName?: string,
+    detail?: Record<string, any>,
+    config?: FormConfig
+  ) {
+    sourceName.value = _sourceName || '';
+    formViewSize.value = config?.viewSize || 'large';
+  }
+</script>
diff --git a/frontend/packages/web/src/views/clueManagement/clue/components/clueTable.vue b/frontend/packages/web/src/views/clueManagement/clue/components/clueTable.vue
new file mode 100644
index 0000000..2af621d
--- /dev/null
+++ b/frontend/packages/web/src/views/clueManagement/clue/components/clueTable.vue
@@ -0,0 +1,802 @@
+<template>
+  <CrmTable
+    ref="crmTableRef"
+    v-model:checked-row-keys="checkedRowKeys"
+    v-bind="propsRes"
+    class="crm-clue-table"
+    :not-show-table-filter="isAdvancedSearchMode"
+    :action-config="props.readonly ? undefined : actionConfig"
+    :fullscreen-target-ref="leadCardRef"
+    @page-change="propsEvent.pageChange"
+    @page-size-change="propsEvent.pageSizeChange"
+    @sorter-change="propsEvent.sorterChange"
+    @filter-change="propsEvent.filterChange"
+    @batch-action="handleBatchAction"
+    @refresh="searchData"
+  >
+    <template v-if="props.readonly" #tableTop>
+      <slot name="searchTableTotal" :total="propsRes.crmPagination?.itemCount || 0"></slot>
+    </template>
+    <template #actionLeft>
+      <div v-if="!props.readonly" class="flex items-center gap-[12px]">
+        <n-button v-permission="['CLUE_MANAGEMENT:ADD']" type="primary" @click="handleAdd">
+          {{ t('clueManagement.newClue') }}
+        </n-button>
+        <CrmImportButton
+          v-if="hasAnyPermission(['CLUE_MANAGEMENT:IMPORT'])"
+          :api-type="FormDesignKeyEnum.CLUE"
+          :title="t('module.clueManagement')"
+          @import-success="() => searchData()"
+        />
+        <n-button
+          v-if="
+            hasAnyPermission(['CLUE_MANAGEMENT:EXPORT']) && activeTab !== CustomerSearchTypeEnum.CUSTOMER_COLLABORATION
+          "
+          type="primary"
+          ghost
+          class="n-btn-outline-primary"
+          :disabled="propsRes.data.length === 0"
+          @click="handleExportAllClick"
+        >
+          {{ t('common.exportAll') }}
+        </n-button>
+      </div>
+    </template>
+    <template #actionRight>
+      <CrmAdvanceFilter
+        v-if="!props.hiddenAdvanceFilter"
+        ref="tableAdvanceFilterRef"
+        v-model:keyword="keyword"
+        :search-placeholder="t('common.searchByNamePhone')"
+        :custom-fields-config-list="customFieldsFilterConfig"
+        :filter-config-list="filterConfigList"
+        @adv-search="handleAdvSearch"
+        @keyword-search="searchData"
+      />
+    </template>
+    <template #view>
+      <CrmViewSelect
+        v-if="!props.hiddenAdvanceFilter"
+        v-model:active-tab="activeTab"
+        :type="FormDesignKeyEnum.CLUE"
+        :custom-fields-config-list="customFieldsFilterConfig"
+        :filter-config-list="filterConfigList"
+        :advanced-original-form="advancedOriginalForm"
+        :route-name="ClueRouteEnum.CLUE_MANAGEMENT_CLUE"
+        @refresh-table-data="searchData"
+        @generated-chart="handleGeneratedChart"
+      />
+    </template>
+  </CrmTable>
+
+  <TransferModal
+    v-model:show="showTransferModal"
+    :source-ids="checkedRowKeys"
+    :save-api="batchTransferClue"
+    @load-list="handleRefresh"
+  />
+  <ClueOverviewDrawer
+    v-if="isInitOverviewDrawer"
+    v-model:show="showOverviewDrawer"
+    :detail="activeClue"
+    @refresh="handleRefresh"
+    @open-customer-drawer="handleOpenCustomerDetail"
+    @saved="() => searchData(undefined, activeClue?.id)"
+    @remove="removeItemFromList(activeClue?.id || '')"
+  />
+  <CrmFormCreateDrawer
+    v-if="isInitFormCreateDrawer"
+    v-model:visible="formCreateDrawerVisible"
+    :form-key="formKey"
+    :source-id="activeClueId"
+    :need-init-detail="needInitDetail"
+    :initial-source-name="activeRowName"
+    :other-save-params="otherFollowRecordSaveParams"
+    :link-form-info="linkFormFieldMap"
+    :link-form-key="FormDesignKeyEnum.CLUE"
+    :link-scenario="formKey === FormDesignKeyEnum.FOLLOW_RECORD_CLUE ? FormLinkScenarioEnum.CLUE_TO_RECORD : undefined"
+    @saved="handleFormCreateSaved"
+  />
+  <CrmTableExportModal
+    v-model:show="showExportModal"
+    :params="exportParams"
+    :export-columns="exportColumns"
+    :is-export-all="isExportAll"
+    type="clue"
+    @create-success="handleExportCreateSuccess"
+  />
+  <convertToCustomerDrawer
+    v-if="isInitConvertDrawer"
+    v-model:show="showConvertToCustomerDrawer"
+    :clue-ids="checkedRowKeys"
+    @finish="handleRefresh"
+  />
+  <CrmMoveModal
+    v-model:show="showMoveModal"
+    :reason-key="ReasonTypeEnum.CLUE_POOL_RS"
+    :source-id="moveIds"
+    :name="activeRowName"
+    @refresh="() => handleRefresh()"
+  />
+  <customerOverviewDrawer
+    v-if="isInitCustomerDrawer"
+    v-model:show="showCustomerDrawer"
+    :source-id="customerId"
+    readonly
+  />
+  <convertClueModal
+    v-model:show="showConvertClueModal"
+    :clue-id="activeClueId"
+    @success="removeItemFromList(activeClueId)"
+  />
+
+  <CrmBatchEditModal
+    v-model:visible="showEditModal"
+    v-model:field-list="editFieldList"
+    :ids="checkedRowKeys"
+    :form-key="FormDesignKeyEnum.CLUE"
+    @refresh="handleRefresh"
+  />
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { useRoute } from 'vue-router';
+  import { DataTableRowKey, NButton, useMessage } from 'naive-ui';
+
+  import { CustomerSearchTypeEnum } from '@lib/shared/enums/customerEnum';
+  import { FieldTypeEnum, FormDesignKeyEnum, FormLinkScenarioEnum } from '@lib/shared/enums/formDesignEnum';
+  import { ReasonTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import useLocale from '@lib/shared/locale/useLocale';
+  import { characterLimit } from '@lib/shared/method';
+  import type { ClueListItem } from '@lib/shared/models/clue';
+  import { ExportTableColumnItem } from '@lib/shared/models/common';
+  import type { TransferParams } from '@lib/shared/models/customer/index';
+
+  import CrmAdvanceFilter from '@/components/pure/crm-advance-filter/index.vue';
+  import { FilterForm, FilterFormItem, FilterResult } from '@/components/pure/crm-advance-filter/type';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmNameTooltip from '@/components/pure/crm-name-tooltip/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import { BatchActionConfig } from '@/components/pure/crm-table/type';
+  import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+  import CrmBatchEditModal from '@/components/business/crm-batch-edit-modal/index.vue';
+  import CrmFormCreateDrawer from '@/components/business/crm-form-create-drawer/index.vue';
+  import CrmImportButton from '@/components/business/crm-import-button/index.vue';
+  import CrmMoveModal from '@/components/business/crm-move-modal/index.vue';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+  import CrmTableExportModal from '@/components/business/crm-table-export-modal/index.vue';
+  import TransferModal from '@/components/business/crm-transfer-modal/index.vue';
+  import TransferForm from '@/components/business/crm-transfer-modal/transferForm.vue';
+  import CrmViewSelect from '@/components/business/crm-view-select/index.vue';
+  import convertClueModal from './convertClueModal.vue';
+
+  import { batchDeleteClue, batchTransferClue, deleteClue } from '@/api/modules';
+  import { baseFilterConfigList, getLeadHomeConditions } from '@/config/clue';
+  import { defaultTransferForm } from '@/config/opportunity';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+  import useFormCreateTable from '@/hooks/useFormCreateTable';
+  import useModal from '@/hooks/useModal';
+  import useViewChartParams, { STORAGE_VIEW_CHART_KEY, ViewChartResult } from '@/hooks/useViewChartParams';
+  import { useUserStore } from '@/store';
+  import { getExportColumns } from '@/utils/export';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  import { ClueRouteEnum } from '@/enums/routeEnum';
+
+  const useStore = useUserStore();
+
+  const convertToCustomerDrawer = defineAsyncComponent(() => import('./convertToCustomerDrawer.vue'));
+  const ClueOverviewDrawer = defineAsyncComponent(() => import('./clueOverviewDrawer.vue'));
+  const customerOverviewDrawer = defineAsyncComponent(
+    () => import('@/views/customer/components/customerOverviewDrawer.vue')
+  );
+
+  const Message = useMessage();
+  const { openModal } = useModal();
+  const { t } = useI18n();
+  const route = useRoute();
+  const { currentLocale } = useLocale(Message.loading);
+
+  const props = defineProps<{
+    tableFormKey: FormDesignKeyEnum.CLUE | FormDesignKeyEnum.SEARCH_ADVANCED_CLUE;
+    hiddenAdvanceFilter?: boolean;
+    readonly?: boolean;
+    isLimitShowDetail?: boolean; // 是否根据权限限查看详情
+    hiddenTotal?: boolean;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'init', val: { filterConfigList: FilterFormItem[]; customFieldsFilterConfig: FilterFormItem[] }): void;
+  }>();
+
+  const leadCardRef = ref<HTMLElement | null>(null);
+
+  const activeTab = ref();
+
+  const checkedRowKeys = ref<DataTableRowKey[]>([]);
+  const keyword = ref('');
+  const activeClueId = ref('');
+  const needInitDetail = ref(false);
+  const activeClue = ref<Partial<ClueListItem>>();
+  const formKey = ref(FormDesignKeyEnum.CLUE);
+  const isInitFormCreateDrawer = ref(false);
+  const formCreateDrawerVisible = ref(false);
+
+  const actionConfig = computed<BatchActionConfig>(() => {
+    return {
+      baseAction: [
+        {
+          label: t('common.exportChecked'),
+          key: 'exportChecked',
+          permission: ['CLUE_MANAGEMENT:EXPORT'],
+        },
+        ...(activeTab.value !== CustomerSearchTypeEnum.CUSTOMER_TRANSITION
+          ? [
+              {
+                label: t('common.batchTransfer'),
+                key: 'batchTransfer',
+                permission: ['CLUE_MANAGEMENT:TRANSFER'],
+              },
+              {
+                label: t('clue.moveIntoCluePool'),
+                key: 'moveIntoCluePool',
+                permission: ['CLUE_MANAGEMENT:RECYCLE'],
+              },
+              {
+                label: t('clue.linkAccount'),
+                key: 'linkAccount',
+                permission: ['CLUE_MANAGEMENT:UPDATE'],
+              },
+              {
+                label: t('common.batchEdit'),
+                key: 'batchEdit',
+                permission: ['CLUE_MANAGEMENT:UPDATE'],
+              },
+              {
+                label: t('common.batchDelete'),
+                key: 'batchDelete',
+                permission: ['CLUE_MANAGEMENT:DELETE'],
+              },
+            ]
+          : []),
+      ],
+    };
+  });
+
+  const tableRefreshId = ref(0);
+  const tableRemoveRefreshId = ref('');
+
+  const showExportModal = ref<boolean>(false);
+  const activeRowName = ref('');
+  // 移入线索池
+  const showMoveModal = ref(false);
+  const moveIds = ref<(string | number) | (string | number)[]>('');
+  function handleMoveToLeadPool(row?: ClueListItem) {
+    activeRowName.value = row?.name ?? '';
+    moveIds.value = row?.id ? row.id : checkedRowKeys.value;
+    showMoveModal.value = true;
+  }
+
+  function handleRefresh() {
+    checkedRowKeys.value = [];
+    if (typeof moveIds.value === 'string' || typeof moveIds.value === 'number') {
+      tableRemoveRefreshId.value = moveIds.value.toString();
+    } else {
+      tableRefreshId.value += 1;
+    }
+  }
+
+  // 批量删除
+  function handleBatchDelete() {
+    moveIds.value = [];
+    openModal({
+      type: 'error',
+      title: t('clue.batchDeleteTitleTip', { number: checkedRowKeys.value.length }),
+      content: t('clue.batchDeleteContentTip'),
+      positiveText: t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await batchDeleteClue(checkedRowKeys.value as string[]);
+          handleRefresh();
+          Message.success(t('common.deleteSuccess'));
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+  const isInitConvertDrawer = ref(false);
+  const showConvertToCustomerDrawer = ref(false);
+
+  const otherFollowRecordSaveParams = ref({
+    type: 'CLUE',
+    clueId: '',
+    id: '',
+  });
+
+  // 关联客户
+  function handleLinkAccount() {
+    moveIds.value = [];
+    isInitConvertDrawer.value = true;
+    needInitDetail.value = false;
+    showConvertToCustomerDrawer.value = true;
+  }
+
+  const showEditModal = ref(false);
+  const { initFormConfig: initEditFormConfig, fieldList: editFieldList } = useFormCreateApi({
+    formKey: ref(FormDesignKeyEnum.CLUE),
+  });
+  function handleBatchEdit() {
+    moveIds.value = [];
+    initEditFormConfig();
+    showEditModal.value = true;
+  }
+
+  // 批量转移
+  const showTransferModal = ref<boolean>(false);
+  const isExportAll = ref(false);
+
+  function handleBatchAction(item: ActionsItem) {
+    switch (item.key) {
+      case 'batchTransfer':
+        showTransferModal.value = true;
+        break;
+      case 'moveIntoCluePool':
+        handleMoveToLeadPool();
+        break;
+      case 'linkAccount':
+        handleLinkAccount();
+        break;
+      case 'batchDelete':
+        handleBatchDelete();
+        break;
+      case 'batchEdit':
+        handleBatchEdit();
+        break;
+      case 'exportChecked':
+        isExportAll.value = false;
+        showExportModal.value = true;
+        break;
+      default:
+        break;
+    }
+  }
+
+  function handleExportAllClick() {
+    isExportAll.value = true;
+    showExportModal.value = true;
+  }
+
+  function handleExportCreateSuccess() {
+    checkedRowKeys.value = [];
+  }
+
+  // 删除
+  function handleDelete(row: ClueListItem) {
+    openModal({
+      type: 'error',
+      title: t('common.deleteConfirmTitle', { name: characterLimit(row.name) }),
+      content: t('clue.batchDeleteContentTip'),
+      positiveText: t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deleteClue(row.id);
+          Message.success(t('common.deleteSuccess'));
+          tableRemoveRefreshId.value = row.id;
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  // 转移
+  const transferFormRef = ref<InstanceType<typeof TransferForm>>();
+  const transferLoading = ref(false);
+  const transferForm = ref<TransferParams>({
+    ...defaultTransferForm,
+  });
+
+  function handleTransfer(row: ClueListItem, done?: () => void) {
+    transferFormRef.value?.formRef?.validate(async (error) => {
+      if (!error) {
+        try {
+          transferLoading.value = true;
+          await batchTransferClue({
+            ...transferForm.value,
+            ids: [row.id],
+          });
+          done?.();
+          Message.success(t('common.transferSuccess'));
+          transferForm.value = { ...defaultTransferForm };
+          tableRefreshId.value += 1;
+        } catch (e) {
+          // eslint-disable-next-line no-console
+          console.log(e);
+        } finally {
+          transferLoading.value = false;
+        }
+      }
+    });
+  }
+
+  // 新增
+  function handleAdd() {
+    isInitFormCreateDrawer.value = true;
+    formKey.value = FormDesignKeyEnum.CLUE;
+    activeClueId.value = '';
+    formCreateDrawerVisible.value = true;
+  }
+
+  // 转换
+  const showConvertClueModal = ref(false);
+  function handleConvert() {
+    showConvertClueModal.value = true;
+  }
+
+  const {
+    fieldList: clueFormFields,
+    linkFormFieldMap,
+    initFormConfig,
+    initFormDetail,
+  } = useFormCreateApi({
+    formKey: computed(() => FormDesignKeyEnum.CLUE),
+    sourceId: activeClueId,
+    needInitDetail: computed(() => true),
+  });
+
+  async function handleActionSelect(row: ClueListItem, actionKey: string, done?: () => void) {
+    activeClueId.value = row.id;
+    switch (actionKey) {
+      case 'edit':
+        isInitFormCreateDrawer.value = true;
+        otherFollowRecordSaveParams.value.id = row.id;
+        needInitDetail.value = true;
+        formKey.value = FormDesignKeyEnum.CLUE;
+        formCreateDrawerVisible.value = true;
+        break;
+      case 'followUp':
+        if (clueFormFields.value.length === 0) {
+          await initFormConfig();
+        }
+        await initFormDetail(false, true);
+        isInitFormCreateDrawer.value = true;
+        formKey.value = FormDesignKeyEnum.FOLLOW_RECORD_CLUE;
+        otherFollowRecordSaveParams.value.clueId = row.id;
+        activeRowName.value = row.name;
+        needInitDetail.value = false;
+        formCreateDrawerVisible.value = true;
+        break;
+      case 'pop-transfer':
+        handleTransfer(row, done);
+        break;
+      case 'convert':
+        handleConvert();
+        break;
+      case 'moveIntoCluePool':
+        handleMoveToLeadPool(row);
+        break;
+      case 'delete':
+        handleDelete(row);
+        break;
+      default:
+        break;
+    }
+  }
+
+  // 概览
+  const isInitOverviewDrawer = ref(false);
+  const showOverviewDrawer = ref(false);
+
+  const handleAdvanceFilter = ref<null | ((...args: any[]) => void)>(null);
+  const handleSearchData = ref<null | ((...args: any[]) => void)>(null);
+  defineExpose({
+    handleAdvanceFilter,
+    handleSearchData,
+  });
+
+  const { useTableRes, customFieldsFilterConfig, fieldList } = await useFormCreateTable({
+    formKey: props.tableFormKey,
+    containerClass: '.crm-clue-table',
+    operationColumn: props.readonly
+      ? undefined
+      : {
+          key: 'operation',
+          width: currentLocale.value === 'en-US' ? 250 : 200,
+          fixed: 'right',
+          render: (row: ClueListItem) =>
+            row.transitionType && ['CUSTOMER', 'OPPORTUNITY'].includes(row.transitionType)
+              ? '-'
+              : h(
+                  CrmOperationButton,
+                  {
+                    groupList: [
+                      {
+                        label: t('common.edit'),
+                        key: 'edit',
+                        permission: ['CLUE_MANAGEMENT:UPDATE'],
+                      },
+                      {
+                        label: t('opportunity.followUp'),
+                        key: 'followUp',
+                        permission: ['CLUE_MANAGEMENT:UPDATE'],
+                      },
+                      {
+                        label: t('clue.convert'),
+                        key: 'convert',
+                        permission: ['CLUE_MANAGEMENT:UPDATE'],
+                      },
+                      {
+                        label: 'more',
+                        key: 'more',
+                        slotName: 'more',
+                      },
+                    ],
+                    moreList: [
+                      {
+                        label: t('clue.moveIntoCluePool'),
+                        key: 'moveIntoCluePool',
+                        permission: ['CLUE_MANAGEMENT:RECYCLE'],
+                      },
+                      {
+                        label: t('common.transfer'),
+                        key: 'transfer',
+                        permission: ['CLUE_MANAGEMENT:TRANSFER'],
+                        popConfirmProps: {
+                          loading: transferLoading.value,
+                          title: t('common.transfer'),
+                          positiveText: t('common.confirm'),
+                          iconType: 'primary',
+                        },
+                        popSlotContent: 'transferPopContent',
+                      },
+                      {
+                        label: t('common.delete'),
+                        key: 'delete',
+                        danger: true,
+                        permission: ['CLUE_MANAGEMENT:DELETE'],
+                      },
+                    ],
+                    onSelect: (key: string, done?: () => void) => handleActionSelect(row, key, done),
+                    onCancel: () => {
+                      transferForm.value = { ...defaultTransferForm };
+                    },
+                  },
+                  {
+                    transferPopContent: () => {
+                      return h(TransferForm, {
+                        class: 'w-[320px] mt-[16px]',
+                        form: transferForm.value,
+                        ref: transferFormRef,
+                      });
+                    },
+                  }
+                ),
+        },
+    specialRender: {
+      name: (row: ClueListItem) => {
+        return props.isLimitShowDetail && row.hasPermission === false
+          ? h(CrmNameTooltip, { text: row.name })
+          : h(
+              CrmTableButton,
+              {
+                onClick: () => {
+                  moveIds.value = [];
+                  activeClue.value = row;
+                  isInitOverviewDrawer.value = true;
+                  showOverviewDrawer.value = true;
+                },
+              },
+              { default: () => row.name, trigger: () => row.name }
+            );
+      },
+    },
+    permission: [
+      'CLUE_MANAGEMENT:RECYCLE',
+      'CLUE_MANAGEMENT:DELETE',
+      'CLUE_MANAGEMENT:UPDATE',
+      'CLUE_MANAGEMENT:TRANSFER',
+    ],
+    hiddenTotal: ref(!!props.hiddenTotal),
+    readonly: props.readonly,
+  });
+  const { propsRes, propsEvent, tableQueryParams, loadList, setLoadListParams, setAdvanceFilter } = useTableRes;
+
+  const exportParams = computed(() => {
+    return {
+      ...tableQueryParams.value,
+      ids: checkedRowKeys.value,
+    };
+  });
+
+  const filterConfigList = computed<FilterFormItem[]>(() => [
+    {
+      title: t('opportunity.department'),
+      dataIndex: 'departmentId',
+      type: FieldTypeEnum.TREE_SELECT,
+      treeSelectProps: {
+        labelField: 'name',
+        keyField: 'id',
+        multiple: true,
+        clearFilterAfterSelect: false,
+        checkable: true,
+        showContainChildModule: true,
+        type: 'department',
+        containChildIds: [],
+      },
+    },
+    {
+      title: t('customer.lastFollowUps'),
+      dataIndex: 'follower',
+      type: FieldTypeEnum.USER_SELECT,
+    },
+    {
+      title: t('customer.lastFollowUpDate'),
+      dataIndex: 'followTime',
+      type: FieldTypeEnum.TIME_RANGE_PICKER,
+    },
+    {
+      title: t('customer.collectionTime'),
+      dataIndex: 'collectionTime',
+      type: FieldTypeEnum.TIME_RANGE_PICKER,
+    },
+    ...baseFilterConfigList,
+  ]);
+
+  const exportColumns = computed<ExportTableColumnItem[]>(() =>
+    getExportColumns(propsRes.value.columns, customFieldsFilterConfig.value as FilterFormItem[])
+  );
+
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+  const isAdvancedSearchMode = ref(false);
+  const advancedOriginalForm = ref<FilterForm | undefined>();
+  function handleAdvSearch(filter: FilterResult, isAdvancedMode: boolean, form?: FilterForm) {
+    advancedOriginalForm.value = form;
+    keyword.value = '';
+    isAdvancedSearchMode.value = isAdvancedMode;
+    setAdvanceFilter(filter);
+    loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  handleAdvanceFilter.value = handleAdvSearch;
+
+  const tableAdvanceFilterRef = ref<InstanceType<typeof CrmAdvanceFilter>>();
+
+  function searchData(val?: string, refreshId?: string) {
+    setLoadListParams({ keyword: val ?? keyword.value, viewId: activeTab.value });
+    loadList(false, refreshId);
+    if (!refreshId) {
+      crmTableRef.value?.scrollTo({ top: 0 });
+    }
+  }
+
+  handleSearchData.value = searchData;
+
+  const showCustomerDrawer = ref(false);
+  const customerId = ref('');
+  const isInitCustomerDrawer = ref(false);
+
+  function handleOpenCustomerDetail(params: { customerId: string; inCustomerPool: boolean; poolId: string }) {
+    customerId.value = params.customerId;
+    isInitCustomerDrawer.value = true;
+    showCustomerDrawer.value = true;
+  }
+
+  const homeDetailKey = computed(() => route.query.key as string);
+  const isInitQuery = ref(true);
+  function setHomePageParams() {
+    if (route.query.dim && homeDetailKey.value && isInitQuery.value) {
+      const conditionParams = getLeadHomeConditions(route.query.dim as string, homeDetailKey.value);
+      setAdvanceFilter(conditionParams);
+      activeTab.value = route.query.type === 'SELF' ? route.query.type : useStore.getScopedValue;
+      tableAdvanceFilterRef.value?.setAdvancedFilter(conditionParams, true);
+    }
+    isInitQuery.value = false;
+  }
+
+  function handleGeneratedChart(res: FilterResult, form: FilterForm) {
+    advancedOriginalForm.value = form;
+    setAdvanceFilter(res);
+    tableAdvanceFilterRef.value?.setAdvancedFilter(res, true);
+    searchData();
+  }
+
+  const { initTableViewChartParams, getChartViewId } = useViewChartParams();
+
+  function getViewId() {
+    if (route.query.dim && homeDetailKey.value && isInitQuery.value) {
+      return route.query.type === 'SELF' ? route.query.type : useStore.getScopedValue;
+    }
+    return getChartViewId() ?? activeTab.value;
+  }
+
+  function viewChartCallBack(params: ViewChartResult) {
+    const { viewId, formModel, filterResult } = params;
+    tableAdvanceFilterRef.value?.initFormModal(formModel, true);
+    setAdvanceFilter(filterResult);
+    activeTab.value = viewId;
+  }
+
+  function handleFormCreateSaved(res: any) {
+    if (needInitDetail.value || formKey.value === FormDesignKeyEnum.FOLLOW_RECORD_CLUE) {
+      searchData(undefined, res.id);
+    } else {
+      searchData();
+    }
+  }
+
+  function removeItemFromList(id: string) {
+    propsRes.value.data = propsRes.value.data.filter((item) => item.id !== id);
+    propsRes.value.crmPagination = {
+      ...propsRes.value.crmPagination,
+      itemCount: (propsRes.value.crmPagination?.itemCount ?? 1) - 1,
+    };
+  }
+
+  watch(
+    () => tableRemoveRefreshId.value,
+    (val) => {
+      if (val) {
+        removeItemFromList(val);
+      }
+    }
+  );
+
+  watch(
+    () => activeTab.value,
+    (val) => {
+      if (val) {
+        checkedRowKeys.value = [];
+        setLoadListParams({
+          keyword: keyword.value,
+          viewId: getViewId(),
+        });
+        setHomePageParams();
+        initTableViewChartParams(viewChartCallBack);
+        crmTableRef.value?.setColumnSort(val);
+      }
+    }
+  );
+
+  watch(
+    () => tableRefreshId.value,
+    () => {
+      checkedRowKeys.value = [];
+      searchData();
+    }
+  );
+
+  onMounted(() => {
+    emit('init', {
+      filterConfigList: filterConfigList.value,
+      customFieldsFilterConfig: customFieldsFilterConfig.value as FilterFormItem[],
+    });
+    if (route.query.id) {
+      activeClue.value = {
+        transitionType: route.query.transitionType as 'CUSTOMER' | 'OPPORTUNITY',
+        id: route.query.id as string,
+        name: route.query.name as string,
+      };
+      isInitOverviewDrawer.value = true;
+      showOverviewDrawer.value = true;
+    }
+  });
+
+  onBeforeUnmount(() => {
+    sessionStorage.removeItem('homeData');
+    sessionStorage.removeItem(STORAGE_VIEW_CHART_KEY);
+  });
+</script>
+
+<style lang="less" scoped>
+  :deep(.n-tabs-scroll-padding) {
+    width: 16px !important;
+  }
+</style>
diff --git a/frontend/packages/web/src/views/clueManagement/clue/components/convertClueModal.vue b/frontend/packages/web/src/views/clueManagement/clue/components/convertClueModal.vue
new file mode 100644
index 0000000..53f6048
--- /dev/null
+++ b/frontend/packages/web/src/views/clueManagement/clue/components/convertClueModal.vue
@@ -0,0 +1,325 @@
+<template>
+  <CrmModal
+    v-model:show="visible"
+    :title="t('clue.convertClueToOtherTitle')"
+    :positive-text="t('clue.convert')"
+    :negative-text="t('common.cancel')"
+    :width="600"
+    @confirm="handleConfirm"
+    @cancel="handleCancel"
+  >
+    <n-form ref="formRef" :model="form" require-mark-placement="left" :label-width="120" label-placement="left">
+      <n-form-item path="name" :label="t('clue.convertClueToOther')">
+        <n-checkbox-group v-model:value="selectedType">
+          <n-space item-style="display: flex;" align="center">
+            <n-checkbox
+              v-for="item of convertTypeOptions"
+              :key="item.value"
+              :disabled="item.disabled"
+              :value="item.value"
+            >
+              <n-tooltip :delay="300" :show-arrow="false" placement="bottom" :disabled="!item.disabledToolTip">
+                <template #trigger>
+                  <div>{{ item.label }}</div>
+                </template>
+                {{ item.disabledToolTip }}
+              </n-tooltip>
+            </n-checkbox>
+          </n-space>
+        </n-checkbox-group>
+      </n-form-item>
+      <n-form-item
+        v-if="selectedType.includes(FormDesignKeyEnum.BUSINESS)"
+        path="oppName"
+        :label="oppLabel"
+        :rule="[{ required: true, message: t('common.notNull', { value: oppLabel }), trigger: ['input'] }]"
+      >
+        <n-input v-model:value="form.oppName" allow-clear :maxlength="255" :placeholder="t('common.pleaseInput')" />
+      </n-form-item>
+      <div class="rounded-md bg-[var(--primary-7)] px-[24px] py-[16px]">
+        <div class="mb-[8px] font-medium text-[var(--text-n1)]">{{ t('clue.remarks') }}</div>
+        <div>
+          {{ isSelectOpportunity ? t('clue.sameNameOppConvertTip') : t('clue.sameNameConvertTip') }}
+        </div>
+        <div>{{ isSelectOpportunity ? t('clue.notSameNameOppConvertTip') : t('clue.notSameNameConvertTip') }}</div>
+        <div>{{ isSelectOpportunity ? t('clue.linkFormConfigOppTip') : t('clue.linkFormConfigTip') }}</div>
+        <n-button
+          v-permission="['MODULE_SETTING:UPDATE']"
+          text
+          type="primary"
+          @click="() => handleOpenFormDesignDrawer()"
+        >
+          {{ isSelectOpportunity ? t('module.opportunityFormSetting') : t('module.customerFormSetting') }}
+        </n-button>
+        <n-button
+          v-if="!isSelectOpportunity"
+          v-permission="['MODULE_SETTING:UPDATE']"
+          text
+          type="primary"
+          class="ml-[16px]"
+          @click="handleOpenFormDesignDrawer('contact')"
+        >
+          {{ t('module.newContactForm') }}
+        </n-button>
+      </div>
+    </n-form>
+    <template #footer>
+      <div class="flex items-center justify-end gap-[12px]">
+        <n-button :disabled="loading" secondary @click="handleCancel">
+          {{ t('common.cancel') }}
+        </n-button>
+        <n-tooltip :delay="300" :show-arrow="false" placement="bottom" :disabled="!isNoPermissionDisabled">
+          <template #trigger>
+            <n-button :disabled="isNoPermissionDisabled" :loading="loading" type="primary" @click="handleConfirm">
+              {{ t('clue.convert') }}
+            </n-button>
+          </template>
+          {{ t('clue.convertOpportunityNoPermission') }}
+        </n-tooltip>
+      </div>
+    </template>
+  </CrmModal>
+
+  <CrmModal
+    v-model:show="showConvertedSuccessModal"
+    :title="t('common.conversionSuccessful')"
+    :width="600"
+    size="small"
+    :footer="false"
+  >
+    <div class="text-center">
+      <div class="flex justify-center"><CrmSvg width="32px" height="32px" name="success" /></div>
+      <div class="mt-[8px] text-[20px] font-medium text-[var(--text-n1)]">
+        {{ t('common.conversionSuccessful') }}
+      </div>
+      <div class="mt-[16px]">
+        <n-countdown
+          ref="countdownRef"
+          :precision="0"
+          :render="renderTime"
+          :duration="5000"
+          :active="activeCount"
+          @finish="handleFinish"
+        />
+        <span> {{ t('clue.countDownTip') }} </span>
+      </div>
+      <div class="mt-[16px] flex items-center justify-center gap-[12px]">
+        <n-button secondary @click="back">
+          {{ t('clue.backClueList') }}
+        </n-button>
+        <n-button type="primary" @click="goDetail">
+          {{
+            t('clue.afterConvertGoDetailText', {
+              name:
+                type === FormDesignKeyEnum.BUSINESS ? t('module.businessManagement') : t('module.customerManagement'),
+            })
+          }}
+        </n-button>
+      </div>
+    </div>
+  </CrmModal>
+  <customManagementFormDrawer v-model:visible="customerManagementFormVisible" />
+  <OpportunityFormDrawer v-model:visible="businessManagementFormVisible" />
+  <contactFormDrawer v-model:visible="concatFormVisible" />
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import {
+    FormInst,
+    NButton,
+    NCheckbox,
+    NCheckboxGroup,
+    NCountdown,
+    NForm,
+    NFormItem,
+    NInput,
+    NSpace,
+    NTooltip,
+  } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { ConvertClueParams } from '@lib/shared/models/clue';
+
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+  import CrmSvg from '@/components/pure/crm-svg/index.vue';
+  import contactFormDrawer from '@/views/system/module/components/customManagement/contactFormDrawer.vue';
+  import customManagementFormDrawer from '@/views/system/module/components/customManagement/formDrawer.vue';
+  import OpportunityFormDrawer from '@/views/system/module/components/opportunity/formDrawer.vue';
+
+  import { getOptFormConfig, transformClue } from '@/api/modules';
+  import useOpenNewPage from '@/hooks/useOpenNewPage';
+  import { hasAllPermission, hasAnyPermission } from '@/utils/permission';
+
+  import { CustomerRouteEnum, OpportunityRouteEnum } from '@/enums/routeEnum';
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    clueId: string;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'success'): void;
+  }>();
+
+  const visible = defineModel<boolean>('show', { required: true });
+
+  const initForm: ConvertClueParams = {
+    clueId: '',
+    oppName: '',
+    oppCreated: false,
+  };
+
+  const initSelectedType = [FormDesignKeyEnum.CONTACT, FormDesignKeyEnum.CUSTOMER];
+  const selectedType = ref(cloneDeep(initSelectedType));
+
+  const isSelectOpportunity = computed(() => selectedType.value.includes(FormDesignKeyEnum.BUSINESS));
+
+  const form = ref<ConvertClueParams>({
+    ...initForm,
+  });
+
+  const convertTypeOptions = computed(() => [
+    {
+      value: FormDesignKeyEnum.CONTACT,
+      label: t('common.contact'),
+      disabled: true,
+    },
+    {
+      value: FormDesignKeyEnum.CUSTOMER,
+      label: t('module.customerManagement'),
+      disabled: true,
+    },
+    {
+      value: FormDesignKeyEnum.BUSINESS,
+      label: t('module.businessManagement'),
+      disabled: !hasAllPermission(['OPPORTUNITY_MANAGEMENT:ADD', 'CUSTOMER_MANAGEMENT:ADD']),
+      disabledToolTip: !hasAllPermission(['OPPORTUNITY_MANAGEMENT:ADD', 'CUSTOMER_MANAGEMENT:ADD'])
+        ? t('clue.convertOpportunityNoPermission')
+        : '',
+    },
+  ]);
+
+  const customerManagementFormVisible = ref(false);
+  const businessManagementFormVisible = ref(false);
+  const concatFormVisible = ref(false);
+  function handleOpenFormDesignDrawer(type?: 'contact' | 'customer' | 'business') {
+    if (type === 'contact') {
+      concatFormVisible.value = true;
+    } else if (isSelectOpportunity.value) {
+      businessManagementFormVisible.value = true;
+    } else {
+      customerManagementFormVisible.value = true;
+    }
+  }
+
+  function handleCancel() {
+    form.value = { ...initForm };
+    selectedType.value = cloneDeep(initSelectedType);
+    visible.value = false;
+  }
+
+  const formRef = ref<FormInst | null>(null);
+  const loading = ref(false);
+  const type = ref(FormDesignKeyEnum.CUSTOMER);
+  const successDataId = ref('');
+  const showConvertedSuccessModal = ref(false);
+  const activeCount = ref(false);
+  const lastConvertSuccessName = ref('');
+  function handleConfirm() {
+    formRef.value?.validate(async (error) => {
+      if (!error) {
+        try {
+          loading.value = true;
+          const res = await transformClue({
+            ...form.value,
+            oppCreated: selectedType.value.includes(FormDesignKeyEnum.BUSINESS),
+            clueId: props.clueId,
+          });
+
+          type.value = selectedType.value.includes(FormDesignKeyEnum.BUSINESS)
+            ? FormDesignKeyEnum.BUSINESS
+            : FormDesignKeyEnum.CUSTOMER;
+          showConvertedSuccessModal.value = true;
+          activeCount.value = true;
+          successDataId.value = res;
+          lastConvertSuccessName.value = form.value.oppName;
+          emit('success');
+          handleCancel();
+        } catch (e) {
+          // eslint-disable-next-line no-console
+          console.log(e);
+        } finally {
+          loading.value = false;
+        }
+      }
+    });
+  }
+
+  const isNoPermissionDisabled = computed(() =>
+    selectedType.value.includes(FormDesignKeyEnum.BUSINESS)
+      ? !hasAllPermission(['CUSTOMER_MANAGEMENT:ADD', 'OPPORTUNITY_MANAGEMENT:ADD'])
+      : !hasAllPermission(['CUSTOMER_MANAGEMENT:ADD'])
+  );
+
+  const renderTime = (timeProps: { hours: number; minutes: number; seconds: number; milliseconds: number }) =>
+    h(
+      'span',
+      {
+        class: 'mr-[4px] text-[var(--primary-8)]',
+      },
+      timeProps.seconds
+    );
+
+  function handleFinish() {
+    showConvertedSuccessModal.value = false;
+    activeCount.value = false;
+  }
+
+  const countdownRef = ref();
+  function back() {
+    handleFinish();
+    countdownRef.value?.reset();
+  }
+
+  const { openNewPage } = useOpenNewPage();
+  function goDetail() {
+    if (type.value === FormDesignKeyEnum.BUSINESS) {
+      const opportunityParams = {
+        id: successDataId.value,
+        opportunityName: lastConvertSuccessName.value,
+      };
+      openNewPage(OpportunityRouteEnum.OPPORTUNITY, opportunityParams);
+    } else {
+      openNewPage(CustomerRouteEnum.CUSTOMER_INDEX, {
+        id: successDataId.value,
+      });
+    }
+  }
+
+  const oppLabel = ref(t('opportunity.name'));
+  async function initOppName() {
+    if (!hasAnyPermission(['OPPORTUNITY_MANAGEMENT:READ'])) return;
+    try {
+      const result = await getOptFormConfig();
+      oppLabel.value = result.fields.find((e) => e.businessKey === 'name')?.name ?? t('opportunity.name');
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  watch(
+    () => visible.value,
+    (val) => {
+      if (val) {
+        initOppName();
+      }
+    }
+  );
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/views/clueManagement/clue/components/convertToCustomerDrawer.vue b/frontend/packages/web/src/views/clueManagement/clue/components/convertToCustomerDrawer.vue
new file mode 100644
index 0000000..21b9cfb
--- /dev/null
+++ b/frontend/packages/web/src/views/clueManagement/clue/components/convertToCustomerDrawer.vue
@@ -0,0 +1,175 @@
+<template>
+  <CrmDrawer
+    v-model:show="show"
+    width="100%"
+    :ok-text="t('clue.relationCustomer')"
+    :ok-disabled="checkedRowKeys.length === 0"
+    :title="t('clue.linkAccount')"
+    no-padding
+    @cancel="handleCancel"
+    @confirm="handleConfirm"
+  >
+    <div class="h-full px-[24px] pt-[24px]">
+      <CrmTable
+        ref="crmTableRef"
+        v-model:checked-row-keys="checkedRowKeys"
+        v-bind="propsRes"
+        class="crm-clue-convert-table"
+        :not-show-table-filter="isAdvancedSearchMode"
+        @page-change="propsEvent.pageChange"
+        @page-size-change="propsEvent.pageSizeChange"
+        @sorter-change="propsEvent.sorterChange"
+        @filter-change="propsEvent.filterChange"
+        @refresh="searchData"
+      >
+        <template #tableTop>
+          <div class="flex items-center justify-end gap-[12px]">
+            <div class="flex gap-[12px]">
+              <CrmAdvanceFilter
+                ref="tableAdvanceFilterRef"
+                v-model:keyword="keyword"
+                :custom-fields-config-list="filterConfigList"
+                :filter-config-list="customFieldsFilterConfig"
+                @adv-search="handleAdvSearch"
+                @keyword-search="searchData"
+              />
+            </div>
+          </div>
+        </template>
+      </CrmTable>
+    </div>
+  </CrmDrawer>
+  <customerOverviewDrawer v-model:show="showOverviewDrawer" :source-id="activeSourceId" @saved="searchData" />
+</template>
+
+<script setup lang="ts">
+  import { DataTableRowKey, useMessage } from 'naive-ui';
+
+  import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmAdvanceFilter from '@/components/pure/crm-advance-filter/index.vue';
+  import { FilterFormItem, FilterResult } from '@/components/pure/crm-advance-filter/type';
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmNameTooltip from '@/components/pure/crm-name-tooltip/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import customerOverviewDrawer from '@/views/customer/components/customerOverviewDrawer.vue';
+
+  import { reTransitionCustomer } from '@/api/modules';
+  import { baseFilterConfigList } from '@/config/clue';
+  import useFormCreateTable from '@/hooks/useFormCreateTable';
+
+  const props = defineProps<{
+    clueIds: (string | number)[];
+  }>();
+  const emit = defineEmits<{
+    (e: 'new', linkForm: Record<string, any>): void;
+    (e: 'finish'): void;
+  }>();
+
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  const show = defineModel<boolean>('show', {
+    default: false,
+  });
+
+  const showOverviewDrawer = ref(false);
+  const activeSourceId = ref('');
+  const tableAdvanceFilterRef = ref<InstanceType<typeof CrmAdvanceFilter>>();
+  const isAdvancedSearchMode = computed(() => tableAdvanceFilterRef.value?.isAdvancedSearchMode);
+  const keyword = ref('');
+  const checkedRowKeys = ref<DataTableRowKey[]>([]);
+  const { useTableRes, customFieldsFilterConfig } = await useFormCreateTable({
+    formKey: FormDesignKeyEnum.CLUE_TRANSITION_CUSTOMER,
+    containerClass: '.crm-clue-convert-table',
+    disabledSelection: (row: any) => {
+      return row.collaborationType === 'READ_ONLY';
+    },
+    radio: true, // 单选模式
+    specialRender: {
+      name: (row: any) => {
+        return h(CrmNameTooltip, {
+          text: row.name,
+        });
+      },
+    },
+  });
+  const { propsRes, propsEvent, loadList, setLoadListParams, setAdvanceFilter } = useTableRes;
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+  function searchData(val?: string) {
+    setLoadListParams({ keyword: val ?? keyword.value });
+    loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  function handleAdvSearch(filter: FilterResult) {
+    keyword.value = '';
+    setAdvanceFilter(filter);
+    loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  const filterConfigList = computed<FilterFormItem[]>(() => [
+    {
+      title: t('opportunity.department'),
+      dataIndex: 'departmentId',
+      type: FieldTypeEnum.TREE_SELECT,
+      treeSelectProps: {
+        labelField: 'name',
+        keyField: 'id',
+        multiple: true,
+        clearFilterAfterSelect: false,
+        checkable: true,
+        showContainChildModule: true,
+        type: 'department',
+        containChildIds: [],
+      },
+    },
+    {
+      title: t('customer.lastFollowUps'),
+      dataIndex: 'follower',
+      type: FieldTypeEnum.USER_SELECT,
+    },
+    {
+      title: t('customer.lastFollowUpDate'),
+      dataIndex: 'followTime',
+      type: FieldTypeEnum.TIME_RANGE_PICKER,
+    },
+    ...baseFilterConfigList,
+  ]);
+
+  async function handleConfirm() {
+    try {
+      await reTransitionCustomer({
+        clueIds: props.clueIds,
+        customerId: checkedRowKeys.value[0] as string,
+      });
+      Message.success(t('clue.convertToCustomerSuccess'));
+      emit('finish');
+      show.value = false;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    }
+  }
+
+  function handleCancel() {
+    crmTableRef.value?.scrollTo({ top: 0 });
+    checkedRowKeys.value = [];
+    keyword.value = '';
+    propsRes.value.data = []; // 手动重置数据，避免下次进入后导致表格虚拟滚动定位问题
+  }
+
+  watch(
+    () => show.value,
+    (newVal) => {
+      if (newVal) {
+        searchData();
+      }
+    },
+    { immediate: true }
+  );
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/clueManagement/clue/index.vue b/frontend/packages/web/src/views/clueManagement/clue/index.vue
new file mode 100644
index 0000000..600ceef
--- /dev/null
+++ b/frontend/packages/web/src/views/clueManagement/clue/index.vue
@@ -0,0 +1,22 @@
+<template>
+  <div ref="leadCardRef" class="h-full">
+    <CrmCard no-content-padding hide-footer>
+      <div class="h-full px-[16px] pt-[16px]">
+        <ClueTable :table-form-key="FormDesignKeyEnum.CLUE" />
+      </div>
+    </CrmCard>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import ClueTable from './components/clueTable.vue';
+</script>
+
+<style lang="less" scoped>
+  :deep(.n-tabs-scroll-padding) {
+    width: 16px !important;
+  }
+</style>
diff --git a/frontend/packages/web/src/views/clueManagement/cluePool/components/cluePoolOverviewDrawer.vue b/frontend/packages/web/src/views/clueManagement/cluePool/components/cluePoolOverviewDrawer.vue
new file mode 100644
index 0000000..da538da
--- /dev/null
+++ b/frontend/packages/web/src/views/clueManagement/cluePool/components/cluePoolOverviewDrawer.vue
@@ -0,0 +1,266 @@
+<template>
+  <CrmOverviewDrawer
+    ref="crmOverviewDrawerRef"
+    v-model:show="show"
+    v-model:active-tab="activeTab"
+    :tab-list="tabList"
+    :button-list="buttonList"
+    :source-id="sourceId"
+    :title="props.detail?.name"
+    :form-key="FormDesignKeyEnum.CLUE_POOL"
+    :show-tab-setting="true"
+    :formViewSize="formViewSize"
+    @button-select="handleSelect"
+    @saved="() => (refreshKey += 1)"
+  >
+    <template #left>
+      <div class="h-full overflow-hidden">
+        <CrmFormDescription
+          :form-key="FormDesignKeyEnum.CLUE_POOL"
+          :source-id="sourceId"
+          class="p-[16px_24px]"
+          :hidden-fields="hiddenColumns"
+          :column="layout === 'vertical' ? 3 : undefined"
+          :label-width="layout === 'vertical' ? 'auto' : undefined"
+          :value-align="layout === 'vertical' ? 'start' : undefined"
+          :readonly="!hasAnyPermission(['CLUE_MANAGEMENT_POOL:UPDATE'])"
+          @init="handleDescriptionInit"
+        />
+      </div>
+    </template>
+    <template #distributePopContent>
+      <TransferForm ref="distributeFormRef" v-model:form="distributeForm" class="mt-[16px] w-[320px]" />
+    </template>
+    <template #right>
+      <div class="h-full pt-[16px]">
+        <FollowDetail
+          v-if="['followRecord'].includes(activeTab)"
+          :active-type="(activeTab as 'followRecord')"
+          wrapper-class="h-[calc(100vh-162px)]"
+          virtual-scroll-height="calc(100vh - 258px)"
+          :follow-api-key="FormDesignKeyEnum.CLUE_POOL"
+          :source-id="sourceId"
+          :show-action="false"
+          :refresh-key="refreshKey"
+        />
+        <CrmHeaderTable
+          v-if="activeTab === 'headRecord'"
+          :form-key="FormDesignKeyEnum.CLUE_POOL"
+          :source-id="sourceId"
+          :load-list-api="getClueHeaderList"
+        />
+      </div>
+    </template>
+  </CrmOverviewDrawer>
+</template>
+
+<script setup lang="ts">
+  import { useMessage } from 'naive-ui';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { characterLimit } from '@lib/shared/method';
+  import type { CluePoolListItem } from '@lib/shared/models/clue';
+  import type { CollaborationType, TransferParams } from '@lib/shared/models/customer';
+  import type { FormConfig, FormViewSize } from '@lib/shared/models/system/module';
+
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import FollowDetail from '@/components/business/crm-follow-detail/index.vue';
+  import CrmFormDescription from '@/components/business/crm-form-description/index.vue';
+  import CrmHeaderTable from '@/components/business/crm-header-table/index.vue';
+  import CrmOverviewDrawer from '@/components/business/crm-overview-drawer/index.vue';
+  import type { TabContentItem } from '@/components/business/crm-tab-setting/type';
+  import TransferForm from '@/components/business/crm-transfer-modal/transferForm.vue';
+
+  import { assignClue, deleteCluePool, getClueHeaderList, pickClue } from '@/api/modules';
+  import { defaultTransferForm } from '@/config/opportunity';
+  import useModal from '@/hooks/useModal';
+  import useOpenNewPage from '@/hooks/useOpenNewPage';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  import { ClueRouteEnum } from '@/enums/routeEnum';
+
+  const props = defineProps<{
+    detail?: Partial<CluePoolListItem>;
+    poolId: string;
+    hiddenColumns: string[];
+  }>();
+
+  const show = defineModel<boolean>('show', {
+    required: true,
+  });
+
+  const emit = defineEmits<{
+    (e: 'remove'): void;
+  }>();
+
+  const { openModal } = useModal();
+  const { t } = useI18n();
+  const Message = useMessage();
+  const { openNewPage } = useOpenNewPage();
+
+  const crmOverviewDrawerRef = ref<InstanceType<typeof CrmOverviewDrawer>>();
+  const layout = computed(() => crmOverviewDrawerRef.value?.layout);
+
+  const sourceId = computed(() => props.detail?.id ?? '');
+
+  const refreshKey = ref(0);
+
+  const claimLoading = ref(false);
+  const distributeLoading = ref(false);
+
+  const buttonList: ActionsItem[] = [
+    {
+      label: t('common.claim'),
+      key: 'claim',
+      permission: ['CLUE_MANAGEMENT_POOL:PICK'],
+      text: false,
+      ghost: true,
+      class: 'n-btn-outline-primary',
+      popConfirmProps: {
+        loading: claimLoading.value,
+        title: t('clue.claimOverviewTip'),
+        positiveText: t('common.claim'),
+        iconType: 'primary',
+      },
+    },
+    {
+      label: t('common.distribute'),
+      key: 'distribute',
+      permission: ['CLUE_MANAGEMENT_POOL:ASSIGN'],
+      text: false,
+      ghost: true,
+      class: 'n-btn-outline-primary',
+      popConfirmProps: {
+        loading: distributeLoading.value,
+        title: t('common.distribute'),
+        positiveText: t('common.confirm'),
+        iconType: 'primary',
+      },
+      popSlotContent: 'distributePopContent',
+    },
+    {
+      label: t('common.delete'),
+      key: 'delete',
+      permission: ['CLUE_MANAGEMENT_POOL:DELETE'],
+      text: false,
+      ghost: true,
+      danger: true,
+      class: 'n-btn-outline-primary',
+    },
+  ];
+
+  const distributeFormRef = ref<InstanceType<typeof TransferForm>>();
+  const distributeForm = ref<TransferParams>({
+    ...defaultTransferForm,
+  });
+  function handleDistribute() {
+    distributeFormRef.value?.formRef?.validate(async (error) => {
+      if (!error) {
+        try {
+          distributeLoading.value = true;
+          await assignClue({
+            assignUserId: distributeForm.value.owner || '',
+            clueId: sourceId.value,
+          });
+          Message.success(t('common.distributeSuccess'));
+          distributeForm.value = { ...defaultTransferForm };
+          emit('remove');
+          show.value = false;
+        } catch (e) {
+          // eslint-disable-next-line no-console
+          console.log(e);
+        } finally {
+          distributeLoading.value = false;
+        }
+      }
+    });
+  }
+
+  // 删除
+  function handleDelete() {
+    openModal({
+      type: 'error',
+      title: t('common.deleteConfirmTitle', { name: characterLimit(props.detail?.name) }),
+      content: t('clue.batchDeleteContentTip'),
+      positiveText: t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deleteCluePool(sourceId.value);
+          Message.success(t('common.deleteSuccess'));
+          show.value = false;
+          emit('remove');
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        }
+      },
+    });
+  }
+
+  // 领取
+  async function handleClaim() {
+    try {
+      claimLoading.value = true;
+      await pickClue({
+        clueId: sourceId.value,
+        poolId: props.poolId,
+      });
+      Message.success(t('common.claimSuccess'));
+      emit('remove');
+      show.value = false;
+      openNewPage(ClueRouteEnum.CLUE_MANAGEMENT, {
+        id: sourceId.value,
+        transitionType: props.detail?.transitionType,
+        name: props.detail?.name,
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      claimLoading.value = false;
+    }
+  }
+
+  function handleSelect(key: string) {
+    switch (key) {
+      case 'pop-claim':
+        handleClaim();
+        break;
+      case 'pop-distribute':
+        handleDistribute();
+        break;
+      case 'delete':
+        handleDelete();
+        break;
+      default:
+        break;
+    }
+  }
+
+  // tab
+  const activeTab = ref('followRecord');
+  const tabList: TabContentItem[] = [
+    {
+      name: 'followRecord',
+      tab: t('crmFollowRecord.followRecord'),
+      enable: true,
+    },
+    {
+      name: 'headRecord',
+      tab: t('common.previousOwnerRecord'),
+      enable: true,
+    },
+  ];
+
+  const formViewSize = ref<FormViewSize>('large');
+  function handleDescriptionInit(
+    _collaborationType?: CollaborationType,
+    _sourceName?: string,
+    detail?: Record<string, any>,
+    config?: FormConfig
+  ) {
+    formViewSize.value = config?.viewSize || 'large';
+  }
+</script>
diff --git a/frontend/packages/web/src/views/clueManagement/cluePool/components/cluePoolTable.vue b/frontend/packages/web/src/views/clueManagement/cluePool/components/cluePoolTable.vue
new file mode 100644
index 0000000..2561615
--- /dev/null
+++ b/frontend/packages/web/src/views/clueManagement/cluePool/components/cluePoolTable.vue
@@ -0,0 +1,720 @@
+<template>
+  <CrmTable
+    ref="crmTableRef"
+    v-model:checked-row-keys="checkedRowKeys"
+    v-bind="propsRes"
+    :class="`crm-clue-pool-table-${props.formKey}`"
+    :not-show-table-filter="isAdvancedSearchMode"
+    :action-config="props.readonly ? undefined : actionConfig"
+    :columns="filterColumns"
+    @page-change="propsEvent.pageChange"
+    @page-size-change="propsEvent.pageSizeChange"
+    @sorter-change="propsEvent.sorterChange"
+    @filter-change="propsEvent.filterChange"
+    @batch-action="handleBatchAction"
+    @refresh="searchData"
+  >
+    <template v-if="props.readonly" #tableTop>
+      <slot name="searchTableTotal" :total="propsRes.crmPagination?.itemCount || 0"></slot>
+    </template>
+    <template #actionLeft>
+      <div class="flex items-center gap-[12px]">
+        <n-select
+          v-if="!props.hiddenPoolSelect"
+          v-model:value="poolId"
+          :options="cluePoolOptions"
+          value-field="id"
+          :render-option="renderOption"
+          :show-checkmark="false"
+          label-field="name"
+          class="w-[200px]"
+          @update-value="(e) => searchData(undefined, e)"
+        />
+        <n-button
+          v-if="hasAnyPermission(['CLUE_MANAGEMENT_POOL:EXPORT']) && !props.readonly"
+          type="primary"
+          ghost
+          class="n-btn-outline-primary"
+          :disabled="propsRes.data.length === 0"
+          @click="handleExportAllClick"
+        >
+          {{ t('common.exportAll') }}
+        </n-button>
+      </div>
+      <!-- 先不上 -->
+      <!-- <CrmImportButton
+          :validate-api="importUserPreCheck"
+          :import-save-api="importUsers"
+         :title="t('module.clueManagement')"
+          @import-success="() => searchData()"
+        /> -->
+    </template>
+    <template #actionRight>
+      <div class="flex gap-[12px]">
+        <CrmAdvanceFilter
+          v-if="!props.hiddenAdvanceFilter"
+          ref="tableAdvanceFilterRef"
+          v-model:keyword="keyword"
+          :custom-fields-config-list="customFieldsFilterConfig"
+          :filter-config-list="filterConfigList"
+          @adv-search="handleAdvSearch"
+          @keyword-search="searchData"
+        />
+      </div>
+    </template>
+    <template #view>
+      <CrmViewSelect
+        v-if="!props.hiddenAdvanceFilter"
+        v-model:active-tab="activeTab"
+        :type="FormDesignKeyEnum.CLUE_POOL"
+        :custom-fields-config-list="customFieldsFilterConfig"
+        :filter-config-list="filterConfigList"
+        :pool-id="poolId"
+        :route-name="ClueRouteEnum.CLUE_MANAGEMENT_POOL"
+        @refresh-table-data="searchData"
+      />
+    </template>
+  </CrmTable>
+  <TransferModal
+    v-model:show="showDistributeModal"
+    :source-ids="checkedRowKeys"
+    :title="t('common.batchDistribute')"
+    :positive-text="t('common.distribute')"
+    @confirm="handleBatchAssign"
+  />
+  <CluePoolOverviewDrawer
+    v-model:show="showOverviewDrawer"
+    :pool-id="poolId"
+    :detail="activeClue"
+    :hidden-columns="hiddenColumns"
+    @remove="removeItemFromList(activeClue?.id || '')"
+  />
+  <addOrEditPoolDrawer
+    v-model:visible="drawerVisible"
+    :type="ModuleConfigEnum.CLUE_MANAGEMENT"
+    :row="cluePoolRow"
+    quick
+    @refresh="init"
+    @saved="handleFormCreateSaved(cluePoolRow?.id)"
+  />
+  <CrmTableExportModal
+    v-model:show="showExportModal"
+    :params="exportParams"
+    :export-columns="exportColumns"
+    :is-export-all="isExportAll"
+    type="cluePool"
+    @create-success="handleExportCreateSuccess"
+  />
+  <CrmBatchEditModal
+    v-model:visible="showEditModal"
+    v-model:field-list="fieldList"
+    :ids="checkedRowKeys"
+    :form-key="FormDesignKeyEnum.CLUE_POOL"
+    @refresh="handleRefresh"
+  />
+</template>
+
+<script setup lang="ts">
+  import { VNodeChild } from 'vue';
+  import { useRoute } from 'vue-router';
+  import { DataTableRowKey, NButton, NSelect, NTooltip, useMessage } from 'naive-ui';
+
+  import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { ModuleConfigEnum } from '@lib/shared/enums/moduleEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { characterLimit } from '@lib/shared/method';
+  import type { CluePoolListItem } from '@lib/shared/models/clue';
+  import { ExportTableColumnItem } from '@lib/shared/models/common';
+  import type { TransferParams } from '@lib/shared/models/customer/index';
+  import type { CluePoolItem } from '@lib/shared/models/system/module';
+
+  import CrmAdvanceFilter from '@/components/pure/crm-advance-filter/index.vue';
+  import { FilterFormItem, FilterResult } from '@/components/pure/crm-advance-filter/type';
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmNameTooltip from '@/components/pure/crm-name-tooltip/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import { BatchActionConfig } from '@/components/pure/crm-table/type';
+  import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+  import CrmBatchEditModal from '@/components/business/crm-batch-edit-modal/index.vue';
+  // import CrmImportButton from '@/components/business/crm-import-button/index.vue';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+  import CrmTableExportModal from '@/components/business/crm-table-export-modal/index.vue';
+  import TransferModal from '@/components/business/crm-transfer-modal/index.vue';
+  import TransferForm from '@/components/business/crm-transfer-modal/transferForm.vue';
+  import CrmViewSelect from '@/components/business/crm-view-select/index.vue';
+  import CluePoolOverviewDrawer from './cluePoolOverviewDrawer.vue';
+  import addOrEditPoolDrawer from '@/views/system/module/components/addOrEditPoolDrawer.vue';
+
+  import {
+    assignClue,
+    batchAssignClue,
+    batchDeleteCluePool,
+    batchPickClue,
+    deleteCluePool,
+    getPoolOptions,
+    pickClue,
+  } from '@/api/modules';
+  import { baseFilterConfigList } from '@/config/clue';
+  import { defaultTransferForm } from '@/config/opportunity';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+  import useFormCreateTable from '@/hooks/useFormCreateTable';
+  import useModal from '@/hooks/useModal';
+  import useOpenNewPage from '@/hooks/useOpenNewPage';
+  import useViewChartParams, { STORAGE_VIEW_CHART_KEY, ViewChartResult } from '@/hooks/useViewChartParams';
+  import { getExportColumns } from '@/utils/export';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  import { ClueRouteEnum } from '@/enums/routeEnum';
+
+  import { SelectOption } from 'naive-ui/es/select/src/interface';
+
+  const { t } = useI18n();
+  const { openModal } = useModal();
+  const Message = useMessage();
+  const route = useRoute();
+  const { openNewPage } = useOpenNewPage();
+
+  const props = defineProps<{
+    formKey: FormDesignKeyEnum.CLUE_POOL | FormDesignKeyEnum.SEARCH_ADVANCED_CLUE_POOL;
+    hiddenAdvanceFilter?: boolean;
+    hiddenPoolSelect?: boolean;
+    readonly?: boolean;
+    isLimitShowDetail?: boolean; // 是否根据权限限查看详情
+    hiddenTotal?: boolean;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'init', val: { filterConfigList: FilterFormItem[]; customFieldsFilterConfig: FilterFormItem[] }): void;
+  }>();
+
+  const poolId = ref('');
+  const cluePoolOptions = ref<CluePoolItem[]>([]);
+  const cluePoolRow = ref<any>({});
+  const drawerVisible = ref(false);
+
+  function renderOption({ node, option }: { node: VNode; option: SelectOption }): VNodeChild {
+    if (option.editable) {
+      (node.children as Array<VNode>)?.push(
+        h(CrmIcon, {
+          type: 'iconicon_set_up',
+          class: 'openSea-setting-icon',
+          onClick: (e: Event) => {
+            e.stopPropagation();
+            cluePoolRow.value = { ...option };
+            drawerVisible.value = true;
+          },
+        })
+      );
+    }
+    return h(NTooltip, null, {
+      trigger: () => node,
+      default: () => option.name,
+    });
+  }
+
+  async function getCluePoolOptions() {
+    try {
+      cluePoolOptions.value = await getPoolOptions();
+      poolId.value = cluePoolOptions.value[0]?.id || '';
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    }
+  }
+
+  const keyword = ref('');
+  const checkedRowKeys = ref<DataTableRowKey[]>([]);
+  const showOverviewDrawer = ref(false);
+
+  const actionConfig: BatchActionConfig = {
+    baseAction: [
+      {
+        label: t('common.exportChecked'),
+        key: 'exportChecked',
+        permission: ['CLUE_MANAGEMENT_POOL:EXPORT'],
+      },
+      {
+        label: t('common.batchClaim'),
+        key: 'batchClaim',
+        permission: ['CLUE_MANAGEMENT_POOL:PICK'],
+      },
+      {
+        label: t('common.batchDistribute'),
+        key: 'batchDistribute',
+        permission: ['CLUE_MANAGEMENT_POOL:ASSIGN'],
+      },
+      {
+        label: t('common.batchEdit'),
+        key: 'batchEdit',
+        permission: ['CLUE_MANAGEMENT_POOL:UPDATE'],
+      },
+      {
+        label: t('common.batchDelete'),
+        key: 'batchDelete',
+        permission: ['CLUE_MANAGEMENT_POOL:DELETE'],
+      },
+    ],
+  };
+
+  const tableRefreshId = ref(0);
+  const tableRemoveRefreshId = ref('');
+
+  function handleRefresh() {
+    checkedRowKeys.value = [];
+    tableRefreshId.value += 1;
+  }
+
+  // 批量领取
+  function handleBatchClaim() {
+    openModal({
+      type: 'default',
+      title: t('clue.batchClaimTip', { count: checkedRowKeys.value.length }),
+      positiveText: t('common.confirmClaim'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await batchPickClue({
+            batchIds: checkedRowKeys.value,
+            poolId: poolId.value,
+          });
+          handleRefresh();
+          Message.success(t('common.claimSuccess'));
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  // 批量分配
+  const showDistributeModal = ref<boolean>(false);
+  async function handleBatchAssign(owner: string | null) {
+    try {
+      await batchAssignClue({
+        batchIds: checkedRowKeys.value,
+        assignUserId: owner || '',
+      });
+      Message.success(t('common.distributeSuccess'));
+      handleRefresh();
+      showDistributeModal.value = false;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    }
+  }
+
+  // 批量删除
+  function handleBatchDelete() {
+    openModal({
+      type: 'error',
+      title: t('clue.batchDeleteTitleTip', { number: checkedRowKeys.value.length }),
+      content: t('clue.batchDeleteContentTip'),
+      positiveText: t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await batchDeleteCluePool(checkedRowKeys.value as string[]);
+          handleRefresh();
+          Message.success(t('common.deleteSuccess'));
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  const claimLoading = ref(false);
+  const distributeLoading = ref(false);
+
+  // 删除
+  function handleDelete(row: CluePoolListItem) {
+    openModal({
+      type: 'error',
+      title: t('common.deleteConfirmTitle', { name: characterLimit(row.name) }),
+      content: t('clue.batchDeleteContentTip'),
+      positiveText: t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deleteCluePool(row.id);
+          Message.success(t('common.deleteSuccess'));
+          tableRemoveRefreshId.value = row.id;
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  // 领取
+  async function handleClaim(row: CluePoolListItem) {
+    try {
+      claimLoading.value = true;
+      await pickClue({
+        clueId: row.id,
+        poolId: poolId.value,
+      });
+      Message.success(t('common.claimSuccess'));
+      tableRemoveRefreshId.value = row.id;
+      openNewPage(ClueRouteEnum.CLUE_MANAGEMENT, {
+        id: row.id,
+        transitionType: row.transitionType,
+        name: row.name,
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      claimLoading.value = false;
+    }
+  }
+
+  // 分配
+  const distributeFormRef = ref<InstanceType<typeof TransferForm>>();
+  const distributeForm = ref<TransferParams>({
+    ...defaultTransferForm,
+  });
+  function handleDistribute(id: string) {
+    distributeFormRef.value?.formRef?.validate(async (error) => {
+      if (!error) {
+        try {
+          distributeLoading.value = true;
+          await assignClue({
+            assignUserId: distributeForm.value.owner || '',
+            clueId: id,
+          });
+          Message.success(t('common.distributeSuccess'));
+          distributeForm.value = { ...defaultTransferForm };
+          tableRemoveRefreshId.value = id;
+        } catch (e) {
+          // eslint-disable-next-line no-console
+          console.log(e);
+        } finally {
+          distributeLoading.value = false;
+        }
+      }
+    });
+  }
+
+  const isExportAll = ref(false);
+  const showExportModal = ref<boolean>(false);
+
+  function handleExportAllClick() {
+    isExportAll.value = true;
+    showExportModal.value = true;
+  }
+
+  function handleExportCreateSuccess() {
+    checkedRowKeys.value = [];
+  }
+
+  const showEditModal = ref(false);
+  const { initFormConfig: initEditFormConfig, fieldList: editFieldList } = useFormCreateApi({
+    formKey: ref(FormDesignKeyEnum.CLUE_POOL),
+  });
+  function handleBatchEdit() {
+    initEditFormConfig();
+    showEditModal.value = true;
+  }
+
+  function handleBatchAction(item: ActionsItem) {
+    switch (item.key) {
+      case 'batchClaim':
+        handleBatchClaim();
+        break;
+      case 'batchDistribute':
+        showDistributeModal.value = true;
+        break;
+      case 'batchDelete':
+        handleBatchDelete();
+        break;
+      case 'batchEdit':
+        handleBatchEdit();
+        break;
+      case 'exportChecked':
+        isExportAll.value = false;
+        showExportModal.value = true;
+        break;
+      default:
+        break;
+    }
+  }
+
+  function handleActionSelect(row: CluePoolListItem, actionKey: string) {
+    switch (actionKey) {
+      case 'pop-claim':
+        handleClaim(row);
+        break;
+      case 'pop-distribute':
+        handleDistribute(row.id);
+        break;
+      case 'delete':
+        handleDelete(row);
+        break;
+      default:
+        break;
+    }
+  }
+
+  const activeClue = ref<Partial<CluePoolListItem>>();
+  const activeTab = ref();
+  const handleAdvanceFilter = ref<null | ((...args: any[]) => void)>(null);
+  const handleSearchData = ref<null | ((...args: any[]) => void)>(null);
+
+  defineExpose({
+    handleAdvanceFilter,
+    handleSearchData,
+  });
+  const { useTableRes, customFieldsFilterConfig, reasonOptions, fieldList } = await useFormCreateTable({
+    formKey: props.formKey,
+    containerClass: `.crm-clue-pool-table-${props.formKey}`,
+    operationColumn: props.readonly
+      ? undefined
+      : {
+          key: 'operation',
+          width: 200,
+          fixed: 'right',
+          render: (row: CluePoolListItem) =>
+            h(
+              CrmOperationButton,
+              {
+                groupList: [
+                  {
+                    label: t('common.claim'),
+                    key: 'claim',
+                    permission: ['CLUE_MANAGEMENT_POOL:PICK'],
+                    popConfirmProps: {
+                      loading: claimLoading.value,
+                      title: t('clue.claimTip', { name: characterLimit(row.name) }),
+                      positiveText: t('common.claim'),
+                      iconType: 'primary',
+                    },
+                  },
+                  {
+                    label: t('common.distribute'),
+                    key: 'distribute',
+                    permission: ['CLUE_MANAGEMENT_POOL:ASSIGN'],
+                    popConfirmProps: {
+                      loading: distributeLoading.value,
+                      title: t('common.distribute'),
+                      positiveText: t('common.confirm'),
+                      iconType: 'primary',
+                    },
+                    popSlotContent: 'distributePopContent',
+                  },
+                  {
+                    label: t('common.delete'),
+                    key: 'delete',
+                    permission: ['CLUE_MANAGEMENT_POOL:DELETE'],
+                  },
+                ],
+                onSelect: (key: string) => handleActionSelect(row, key),
+                onCancel: () => {
+                  distributeForm.value = { ...defaultTransferForm };
+                },
+              },
+              {
+                distributePopContent: () => {
+                  return h(TransferForm, {
+                    class: 'w-[320px] mt-[16px]',
+                    form: distributeForm.value,
+                    ref: distributeFormRef,
+                  });
+                },
+              }
+            ),
+        },
+    specialRender: {
+      name: (row: CluePoolListItem) => {
+        return props.isLimitShowDetail && row.hasPermission === false
+          ? h(CrmNameTooltip, { text: row.name })
+          : h(
+              CrmTableButton,
+              {
+                onClick: () => {
+                  activeClue.value = row;
+                  poolId.value = row.poolId ?? poolId.value;
+                  showOverviewDrawer.value = true;
+                },
+              },
+              { default: () => row.name, trigger: () => row.name }
+            );
+      },
+    },
+    permission: ['CLUE_MANAGEMENT_POOL:PICK', 'CLUE_MANAGEMENT_POOL:ASSIGN', 'CLUE_MANAGEMENT_POOL:DELETE'],
+    hiddenTotal: ref(!!props.hiddenTotal),
+    readonly: props.readonly,
+  });
+
+  const { propsRes, propsEvent, tableQueryParams, loadList, setLoadListParams, setAdvanceFilter } = useTableRes;
+  const hiddenColumns = computed<string[]>(() => {
+    const cluePoolSetting = cluePoolOptions.value.find((item) => item.id === poolId.value);
+    return cluePoolSetting?.fieldConfigs.filter((item) => !item.enable).map((item) => item.fieldId) || [];
+  });
+  const filterColumns = computed(() => {
+    return propsRes.value.columns.filter((item) => !hiddenColumns.value.includes(item.fieldId as string));
+  });
+
+  const exportParams = computed(() => {
+    return {
+      ...tableQueryParams.value,
+      ids: checkedRowKeys.value,
+      poolId: poolId.value,
+    };
+  });
+
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+  const isAdvancedSearchMode = ref(false);
+  function handleAdvSearch(filter: FilterResult, isAdvancedMode: boolean) {
+    keyword.value = '';
+    isAdvancedSearchMode.value = isAdvancedMode;
+    setAdvanceFilter(filter);
+    loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  handleAdvanceFilter.value = handleAdvSearch;
+
+  const tableAdvanceFilterRef = ref<InstanceType<typeof CrmAdvanceFilter>>();
+
+  function searchData(_keyword?: string, id?: string, refreshId?: string) {
+    setLoadListParams({ keyword: _keyword ?? keyword.value, poolId: id || poolId.value, viewId: activeTab.value });
+    loadList(false, refreshId);
+    if (!refreshId) {
+      crmTableRef.value?.scrollTo({ top: 0 });
+    }
+  }
+
+  handleSearchData.value = searchData;
+
+  const filterConfigList = computed(
+    () =>
+      [
+        {
+          title: t('customer.recycleReason'),
+          dataIndex: 'reasonId',
+          type: FieldTypeEnum.SELECT_MULTIPLE,
+          selectProps: {
+            options: reasonOptions.value,
+          },
+        },
+        ...baseFilterConfigList,
+      ] as FilterFormItem[]
+  );
+
+  const exportColumns = computed<ExportTableColumnItem[]>(() =>
+    getExportColumns(propsRes.value.columns, customFieldsFilterConfig.value as FilterFormItem[])
+  );
+
+  function handleFormCreateSaved(res: any) {
+    if (cluePoolRow.value.id) {
+      searchData(undefined, res.id);
+    } else {
+      searchData();
+    }
+  }
+
+  function removeItemFromList(id: string) {
+    propsRes.value.data = propsRes.value.data.filter((item) => item.id !== id);
+    propsRes.value.crmPagination = {
+      ...propsRes.value.crmPagination,
+      itemCount: (propsRes.value.crmPagination?.itemCount ?? 1) - 1,
+    };
+  }
+
+  watch(
+    () => tableRemoveRefreshId.value,
+    (val) => {
+      if (val) {
+        removeItemFromList(val);
+      }
+    }
+  );
+
+  watch(
+    () => tableRefreshId.value,
+    () => {
+      crmTableRef.value?.clearCheckedRowKeys();
+      searchData();
+    }
+  );
+
+  const { initTableViewChartParams, getChartViewId } = useViewChartParams();
+
+  function viewChartCallBack(params: ViewChartResult) {
+    const { viewId, formModel, filterResult } = params;
+    tableAdvanceFilterRef.value?.initFormModal(formModel, true);
+    setAdvanceFilter(filterResult);
+    activeTab.value = viewId;
+  }
+
+  watch(
+    () => activeTab.value,
+    (val) => {
+      if (val) {
+        checkedRowKeys.value = [];
+        setLoadListParams({
+          keyword: keyword.value,
+          viewId: getChartViewId() ?? activeTab.value,
+          poolId: poolId.value,
+        });
+        initTableViewChartParams(viewChartCallBack);
+        crmTableRef.value?.setColumnSort(val);
+      }
+    }
+  );
+
+  async function init() {
+    await getCluePoolOptions();
+    searchData();
+  }
+
+  onBeforeMount(() => {
+    if (!props.hiddenPoolSelect) {
+      init();
+    }
+  });
+
+  onMounted(() => {
+    emit('init', {
+      filterConfigList: filterConfigList.value,
+      customFieldsFilterConfig: customFieldsFilterConfig.value as FilterFormItem[],
+    });
+
+    if (route.query.id) {
+      activeClue.value = {
+        id: route.query.id as string,
+        name: route.query.name as string,
+      };
+      poolId.value = route.query.poolId as string;
+      showOverviewDrawer.value = true;
+    }
+  });
+
+  onBeforeUnmount(() => {
+    sessionStorage.removeItem(STORAGE_VIEW_CHART_KEY);
+  });
+</script>
+
+<style lang="less">
+  .n-base-select-option {
+    @apply justify-between;
+  }
+  .n-base-select-option:hover {
+    .openSea-setting-icon {
+      @apply visible;
+    }
+  }
+  .openSea-setting-icon {
+    @apply invisible cursor-pointer;
+
+    color: var(--text-n4);
+    &:hover {
+      color: var(--primary-8);
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/clueManagement/cluePool/index.vue b/frontend/packages/web/src/views/clueManagement/cluePool/index.vue
new file mode 100644
index 0000000..2fd6d0d
--- /dev/null
+++ b/frontend/packages/web/src/views/clueManagement/cluePool/index.vue
@@ -0,0 +1,14 @@
+<template>
+  <CrmCard hide-footer no-content-bottom-padding>
+    <cluePoolTable :form-key="FormDesignKeyEnum.CLUE_POOL" />
+  </CrmCard>
+</template>
+
+<script setup lang="ts">
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import cluePoolTable from './components/cluePoolTable.vue';
+</script>
+
+<style lang="less"></style>
diff --git a/frontend/packages/web/src/views/clueManagement/locale/en-US.ts b/frontend/packages/web/src/views/clueManagement/locale/en-US.ts
new file mode 100644
index 0000000..f89bfd8
--- /dev/null
+++ b/frontend/packages/web/src/views/clueManagement/locale/en-US.ts
@@ -0,0 +1,56 @@
+export default {
+  'clue.moveIntoCluePool': 'Move to lead pool',
+  'clue.allClues': 'All leads',
+  'clue.myClues': 'My leads',
+  'clue.departmentClues': 'Department leads',
+  'clue.convertedTo': 'Converted',
+  'clue.convertedToCustomer': 'Converted to account',
+  'clue.transferredToCustomer': 'Transferred to account',
+  'clue.clueProgress': 'Lead progress',
+  'clue.clueSource': 'Lead source',
+  'clue.batchDeleteTitleTip': 'Are you sure you want to delete {number} leads?',
+  'clue.batchDeleteContentTip':
+    'After deletion, members will not be able to access these leads. Please proceed with caution!',
+  'clue.batchMoveIntoCluePoolTitleTip': 'Are you sure you want to move {number} lead to the lead pool?',
+  'clue.batchMoveIntoCluePoolContentTip': 'After moving, the lead will no longer have an assigned owner.',
+  'clue.convertToCustomer': 'Convert to account',
+  'clue.belongToPublicPool': 'Belongs to public pool',
+  'clue.remainingDays': 'Remaining days',
+  'clue.recyclePool': 'Recycle lead pool',
+  'club.importClues': ' Import leads',
+  'club.batchClaimTip': 'Are you sure you want to collect {count} leads?',
+  'clue.claimTip': 'Are you sure you want to claim {name}?',
+  'clue.claimOverviewTip': 'Are you sure to claim this lead?',
+  'clue.followingUp': 'Following up',
+  'clue.interested': 'Interested',
+  'clue.moveIntoCluePoolFailed': 'Partial transfer failed',
+  'clue.moveIntoCluePoolFailedContent1': 'Please check the lead pool configuration,',
+  'clue.moveIntoCluePoolFailedContent2': 'Go to configuration',
+  'clue.disabledTooltipText': 'The lead has been converted to a account and cannot be selected!',
+  'clue.relationCustomer': 'Related account',
+  'clue.convertToCustomerSuccess': 'Converted to account successfully',
+  'clue.moveToLeadPoolTip': 'Warning: Leads will become unassigned after transfer!',
+  'clue.moveIntoCluePoolTitle': 'Confirm move-in {name} to lead pool?',
+  'clue.belongingCluePool': 'Belonging lead Pool',
+  'clue.convert': 'Convert',
+  'clue.convertClueToOther': 'Convert the lead to',
+  'clue.convertClueToOtherTitle': 'Convert into',
+  'clue.remarks': 'Remarks',
+  'clue.sameNameConvertTip':
+    '1.When there is a account with the same name, the lead will be associated with the account of the same name, and the person in charge of the lead will be added as a collaborator of the account with the same name',
+  'clue.notSameNameConvertTip':
+    '2.If there is no account with the same name, the system will automatically create a account and contact',
+  'clue.linkFormConfigTip':
+    '3.The field mapping between leads and accounts is configured in the "Account Form Settings" to configure form linkage',
+  'clue.sameNameOppConvertTip':
+    '1. When a account with the same name exists, the opportunity will be associated with the account of the same name, and the lead owner will be added as a collaborator of the account of the same name',
+  'clue.notSameNameOppConvertTip':
+    '2. If no account with the same name exists, the system will automatically create a account and contact, and associate them with the opportunity',
+  'clue.linkFormConfigOppTip':
+    "3. The field mapping between accounts and opportunities is configured in the 'opportunity form settings' to enable form linkage",
+  'clue.convertOpportunityNoPermission': 'No permission',
+  'clue.linkAccount': 'Link account',
+  'clue.backClueList': 'Return to lead list',
+  'clue.afterConvertGoDetailText': '{name} details',
+  'clue.countDownTip': 'Return to lead list in {count} seconds, or manually return to lead list',
+};
diff --git a/frontend/packages/web/src/views/clueManagement/locale/zh-CN.ts b/frontend/packages/web/src/views/clueManagement/locale/zh-CN.ts
new file mode 100644
index 0000000..2f86d2b
--- /dev/null
+++ b/frontend/packages/web/src/views/clueManagement/locale/zh-CN.ts
@@ -0,0 +1,49 @@
+export default {
+  'clue.moveIntoCluePool': '移入线索池',
+  'clue.allClues': '全部线索',
+  'clue.myClues': '我的线索',
+  'clue.departmentClues': '部门线索',
+  'clue.convertedTo': '已转',
+  'clue.convertedToCustomer': '已转客户',
+  'clue.transferredToCustomer': '已转为客户',
+  'clue.clueProgress': '线索进度',
+  'clue.clueSource': '线索来源',
+  'clue.batchDeleteTitleTip': '确认删除 {number} 个线索吗？',
+  'clue.batchDeleteContentTip': '删除后，成员无法查到该线索，请谨慎操作！',
+  'clue.batchMoveIntoCluePoolTitleTip': '确认移入 {number} 个线索至线索池吗？',
+  'clue.batchMoveIntoCluePoolContentTip': '移入后，线索将无负责人',
+  'clue.convertToCustomer': '转为客户',
+  'clue.belongToPublicPool': '所属公海',
+  'clue.remainingDays': '剩余天数',
+  'clue.recyclePool': '回收线索池',
+  'clue.importClues': '导入线索',
+  'clue.batchClaimTip': '确定领取 {count} 个线索吗？',
+  'clue.claimTip': '确定领取 {name} 吗？',
+  'clue.claimOverviewTip': '确定领取该线索吗？',
+  'clue.followingUp': '跟进中',
+  'clue.interested': '感兴趣',
+  'clue.moveIntoCluePoolFailed': '部分转移失败',
+  'clue.moveIntoCluePoolFailedContent1': '请检查线索池配置，',
+  'clue.moveIntoCluePoolFailedContent2': '去配置',
+  'clue.disabledTooltipText': '线索已转为客户，无法选中！',
+  'clue.relationCustomer': '关联客户',
+  'clue.convertToCustomerSuccess': '转为客户成功',
+  'clue.moveToLeadPoolTip': '移入后，线索将无负责人，请谨慎操作！',
+  'clue.moveIntoCluePoolTitle': '确认 {name} 移入至线索池吗？',
+  'clue.belongingCluePool': '归属线索池',
+  'clue.convert': '转换',
+  'clue.convertClueToOther': '转换线索为',
+  'clue.convertClueToOtherTitle': '转换为',
+  'clue.remarks': '备注',
+  'clue.sameNameConvertTip': '1.联系人姓名为必填项，转换联系人前请先完成联系人姓名联动配置',
+  'clue.notSameNameConvertTip': '2.线索转换客户前，请先完成客户表单的联动配置',
+  'clue.linkFormConfigTip': '3.线索转客户时，客户已存在则关联线索并将线索负责人添加为协作人；客户不存在则自动创建',
+  'clue.sameNameOppConvertTip': '1.存在同名客户时，商机将与同名客户关联，线索负责人添加为同名客户的协作人',
+  'clue.notSameNameOppConvertTip': '2.如未存在同名客户，系统将会自动创建客户和联系人，并与商机关联',
+  'clue.linkFormConfigOppTip': '3.客户与商机的字段映射在“商机表单设置”配置表单联动',
+  'clue.convertOpportunityNoPermission': '暂无权限',
+  'clue.linkAccount': '关联客户',
+  'clue.backClueList': '返回线索列表',
+  'clue.afterConvertGoDetailText': '{name}详情',
+  'clue.countDownTip': '{count} 秒后回到线索列表，也可手动回到线索列表',
+};
diff --git a/frontend/packages/web/src/views/contract/businessTitle/components/businessTitleDrawer.vue b/frontend/packages/web/src/views/contract/businessTitle/components/businessTitleDrawer.vue
new file mode 100644
index 0000000..ca770d7
--- /dev/null
+++ b/frontend/packages/web/src/views/contract/businessTitle/components/businessTitleDrawer.vue
@@ -0,0 +1,289 @@
+<template>
+  <CrmDrawer
+    v-model:show="visible"
+    width="1000"
+    :show-continue="!form.id"
+    :title="form.id ? t('contract.businessTitle.update') : t('contract.businessTitle.add')"
+    :ok-text="form.id ? t('common.update') : t('common.add')"
+    :loading="loading"
+    @confirm="handleConfirm(false)"
+    @continue="handleConfirm(true)"
+    @cancel="cancelHandler"
+  >
+    <n-scrollbar>
+      <n-form ref="formRef" :model="form">
+        <n-form-item v-if="showType" path="type" :label="t('contract.businessTitle.addMethod')">
+          <CrmTab
+            v-model:active-tab="form.type"
+            no-content
+            :tab-list="tabList"
+            type="segment"
+            @change="handleChangeTab"
+          />
+        </n-form-item>
+        <n-form-item
+          path="name"
+          :label="t('contract.businessTitle.companyName')"
+          :rule="[
+            {
+              required: true,
+              message: t('common.notNull', { value: t('contract.businessTitle.companyName') }),
+              trigger: ['input', 'blur'],
+            },
+          ]"
+        >
+          <n-input
+            v-if="form.type === 'CUSTOM'"
+            v-model:value="form.name"
+            allow-clear
+            :maxlength="255"
+            :placeholder="t('common.pleaseInput')"
+          />
+          <CrmAutoSearchSelect
+            v-else
+            v-model:value="form.name"
+            :fetch="getBusinessTitleThirdQueryOption"
+            :placeholder="t('contract.businessTitle.selectCompanyPlaceholder')"
+            label-key="name"
+            value-key="id"
+            :disabled="!isEnableQccConfig && form.id && originType === 'THIRD_PARTY'"
+            @select="handleAutoFillInfo"
+          />
+        </n-form-item>
+        <div class="grid grid-cols-2 gap-x-[16px]">
+          <n-form-item
+            v-for="item of formConfigList"
+            :key="item.id"
+            :path="item.field"
+            :label="item.title"
+            :rule="item.rule"
+          >
+            <n-input
+              v-model:value="form[item.field]"
+              allow-clear
+              :disabled="form.type === 'THIRD_PARTY' || item.field === 'companyNumber'"
+              :maxlength="255"
+              :placeholder="t('common.pleaseInput')"
+            />
+          </n-form-item>
+        </div>
+      </n-form>
+    </n-scrollbar>
+  </CrmDrawer>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { FormInst, NForm, NFormItem, NInput, NScrollbar, useMessage } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import { CompanyTypeEnum } from '@lib/shared/enums/commonEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { BusinessTitleValidateConfig, SaveBusinessTitleParams } from '@lib/shared/models/contract';
+
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmTab from '@/components/pure/crm-tab/index.vue';
+  import CrmAutoSearchSelect from '@/components/business/crm-auto-search-select/index.vue';
+
+  import {
+    addBusinessTitle,
+    getBusinessTitleConfig,
+    getBusinessTitleDetail,
+    getBusinessTitleThirdQuery,
+    getBusinessTitleThirdQueryOption,
+    getThirdPartyConfig,
+    updateBusinessTitle,
+  } from '@/api/modules';
+  import { businessTitleFormConfigList } from '@/config/contract';
+
+  import { initBusinessTitleForm } from '../config';
+
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  const props = defineProps<{
+    sourceId: string;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'load'): void;
+    (e: 'cancel'): void;
+  }>();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const form = ref<SaveBusinessTitleParams>({
+    ...initBusinessTitleForm,
+  });
+
+  const tabList = [
+    {
+      name: 'THIRD_PARTY',
+      tab: t('contract.businessTitle.addMethodThird'),
+    },
+    {
+      name: 'CUSTOM',
+      tab: t('contract.businessTitle.addMethodCustom'),
+    },
+  ];
+
+  const formRef = ref<FormInst | null>(null);
+
+  async function handleQueryByBusinessName(businessName: string) {
+    try {
+      const result = await getBusinessTitleThirdQuery(businessName);
+      form.value = {
+        ...result,
+        id: props.sourceId ?? '',
+        type: 'THIRD_PARTY',
+      };
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log('error', error);
+    }
+  }
+
+  function handleAutoFillInfo(businessName: string) {
+    handleQueryByBusinessName(businessName);
+  }
+
+  const initFormCache = {
+    THIRD_PARTY: { ...initBusinessTitleForm, type: 'THIRD_PARTY' },
+    CUSTOM: { ...initBusinessTitleForm, type: 'CUSTOM' },
+  };
+
+  const formCache = ref<Record<string, SaveBusinessTitleParams>>(cloneDeep(initFormCache));
+
+  function handleChangeTab() {
+    form.value = {
+      ...formCache.value[form.value.type],
+      id: form.value.id,
+      type: form.value.type,
+    };
+  }
+
+  function cancelHandler() {
+    form.value = { ...initBusinessTitleForm };
+    formCache.value = cloneDeep(initFormCache);
+    emit('cancel');
+    visible.value = false;
+  }
+
+  const loading = ref<boolean>(false);
+  const originType = ref<string | null>(null);
+  async function handleSave(isContinue: boolean) {
+    try {
+      loading.value = true;
+      if (form.value.id) {
+        await updateBusinessTitle(form.value);
+        Message.success(t('common.updateSuccess'));
+      } else {
+        await addBusinessTitle(form.value);
+        Message.success(t('common.addSuccess'));
+      }
+      if (isContinue) {
+        form.value = {
+          ...initBusinessTitleForm,
+          type: form.value.type,
+        };
+      } else {
+        cancelHandler();
+      }
+      emit('load');
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  function handleConfirm(isContinue: boolean) {
+    formRef.value?.validate(async (error) => {
+      if (!error) {
+        handleSave(isContinue);
+      }
+    });
+  }
+
+  async function initDetail() {
+    if (!props.sourceId) return;
+    try {
+      const result = await getBusinessTitleDetail(props.sourceId);
+      form.value = { ...result };
+      originType.value = result.type;
+      formCache.value[result.type] = cloneDeep(result);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  const isEnableQccConfig = ref<boolean>(false);
+
+  const showType = computed(() => {
+    if (isEnableQccConfig.value) return true;
+    if (form.value.id) {
+      return originType.value === 'THIRD_PARTY';
+    }
+  });
+
+  async function initQccConfig() {
+    try {
+      const result = await getThirdPartyConfig(CompanyTypeEnum.QCC);
+      isEnableQccConfig.value = !!result && !!result.config && !!result.config?.qccEnable;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      if (!isEnableQccConfig.value && !form.value.id) {
+        form.value.type = 'CUSTOM';
+      }
+    }
+  }
+
+  const formConfigList = ref<BusinessTitleValidateConfig[]>([]);
+  async function initValidateConfig() {
+    try {
+      const result = await getBusinessTitleConfig();
+      formConfigList.value = businessTitleFormConfigList.map((item) => {
+        const e = result.find((c) => c.field === item.value);
+        return {
+          ...e,
+          field: e?.field ?? item.value,
+          title: item.label,
+          rule: e?.required
+            ? [
+                {
+                  required: true,
+                  message: t('common.notNull', { value: `${item.label}` }),
+                  trigger: ['input', 'blur'],
+                },
+              ]
+            : undefined,
+        } as BusinessTitleValidateConfig;
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  watch(
+    () => visible.value,
+    (newVal) => {
+      if (newVal) {
+        initQccConfig();
+        initDetail();
+      }
+    }
+  );
+
+  onBeforeMount(() => {
+    initValidateConfig();
+  });
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/views/contract/businessTitle/components/businessTitleStatus.vue b/frontend/packages/web/src/views/contract/businessTitle/components/businessTitleStatus.vue
new file mode 100644
index 0000000..f807949
--- /dev/null
+++ b/frontend/packages/web/src/views/contract/businessTitle/components/businessTitleStatus.vue
@@ -0,0 +1,22 @@
+<template>
+  <div class="flex items-center gap-[8px]">
+    <CrmIcon
+      :type="contractBusinessTitleStatusMap[props.status]?.icon"
+      :size="16"
+      :class="`text-[${contractBusinessTitleStatusMap[props.status]?.color}]`"
+    />
+    {{ contractBusinessTitleStatusMap[props.status]?.label }}
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { ContractBusinessTitleStatusEnum } from '@lib/shared/enums/contractEnum';
+
+  import { contractBusinessTitleStatusMap } from '@/config/contract';
+
+  const props = defineProps<{
+    status: ContractBusinessTitleStatusEnum;
+  }>();
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/views/contract/businessTitle/components/businessTitleTable.vue b/frontend/packages/web/src/views/contract/businessTitle/components/businessTitleTable.vue
new file mode 100644
index 0000000..4c221ef
--- /dev/null
+++ b/frontend/packages/web/src/views/contract/businessTitle/components/businessTitleTable.vue
@@ -0,0 +1,631 @@
+<template>
+  <CrmTable
+    ref="crmTableRef"
+    v-model:checked-row-keys="checkedRowKeys"
+    v-bind="propsRes"
+    class="crm-business-title-list-table"
+    :not-show-table-filter="isAdvancedSearchMode"
+    :action-config="actionConfig"
+    @page-change="propsEvent.pageChange"
+    @page-size-change="propsEvent.pageSizeChange"
+    @sorter-change="propsEvent.sorterChange"
+    @filter-change="propsEvent.filterChange"
+    @batch-action="handleBatchAction"
+    @refresh="searchData"
+  >
+    <template #actionLeft>
+      <div class="flex items-center gap-[12px]">
+        <n-button v-permission="['CONTRACT_BUSINESS_TITLE:ADD']" type="primary" @click="handleNewClick">
+          {{ t('contract.businessTitle.add') }}
+        </n-button>
+        <CrmImportButton
+          v-if="hasAnyPermission(['CONTRACT_BUSINESS_TITLE:IMPORT'])"
+          :api-type="ImportTypeExcludeFormDesignEnum.CONTRACT_BUSINESS_TITLE_IMPORT"
+          showImportRadio
+          :title="t('module.businessTitle')"
+          @import-success="() => searchData()"
+        />
+        <n-button
+          v-permission="['CONTRACT_BUSINESS_TITLE:EXPORT']"
+          type="primary"
+          ghost
+          class="n-btn-outline-primary"
+          :disabled="propsRes.data.length === 0"
+          @click="handleExportAllClick"
+        >
+          {{ t('common.exportAll') }}
+        </n-button>
+      </div>
+    </template>
+    <template #actionRight>
+      <CrmAdvanceFilter
+        ref="tableAdvanceFilterRef"
+        v-model:keyword="keyword"
+        :filter-config-list="filterConfigList"
+        @adv-search="handleAdvSearch"
+        @keyword-search="searchData"
+      />
+    </template>
+  </CrmTable>
+  <businessTitleDrawer
+    v-model:visible="businessNameDrawerVisible"
+    :source-id="activeSourceId"
+    @load="() => searchData()"
+    @cancel="handleCancel"
+  />
+  <detail
+    v-model:visible="showDetailDrawer"
+    :source-id="activeSourceId"
+    @cancel="handleCancel"
+    @load="() => searchData()"
+  />
+  <CrmTableExportModal
+    v-model:show="showExportModal"
+    :params="exportParams"
+    :export-columns="exportColumns"
+    :is-export-all="isExportAll"
+    type="businessTitle"
+    @create-success="() => (checkedRowKeys = [])"
+  />
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { DataTableRowKey, NButton, useMessage } from 'naive-ui';
+
+  import { ImportTypeExcludeFormDesignEnum } from '@lib/shared/enums/commonEnum';
+  import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+  import { SpecialColumnEnum, TableKeyEnum } from '@lib/shared/enums/tableEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { characterLimit } from '@lib/shared/method';
+  import { ExportTableColumnItem } from '@lib/shared/models/common';
+  import type { BusinessTitleItem } from '@lib/shared/models/contract';
+
+  import CrmAdvanceFilter from '@/components/pure/crm-advance-filter/index.vue';
+  import { FilterForm, FilterFormItem, FilterResult } from '@/components/pure/crm-advance-filter/type';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmNameTooltip from '@/components/pure/crm-name-tooltip/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import { BatchActionConfig, CrmDataTableColumn } from '@/components/pure/crm-table/type';
+  import useTable from '@/components/pure/crm-table/useTable';
+  import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+  import CrmBusinessNamePrefix from '@/components/business/crm-business-name-prefix/index.vue';
+  import CrmImportButton from '@/components/business/crm-import-button/index.vue';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+  import CrmTableExportModal from '@/components/business/crm-table-export-modal/index.vue';
+  import businessTitleDrawer from './businessTitleDrawer.vue';
+  import detail from './detail.vue';
+
+  import {
+    deleteBusinessTitle,
+    getBusinessTitleInvoiceCheck,
+    getBusinessTitleList,
+    revokeBusinessTitle,
+  } from '@/api/modules';
+  import { baseFilterConfigList } from '@/config/clue';
+  import useModal from '@/hooks/useModal';
+  import { getExportColumns } from '@/utils/export';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const props = defineProps<{
+    sourceId?: string;
+    readonly?: boolean;
+  }>();
+
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  const keyword = ref('');
+  const checkedRowKeys = ref<DataTableRowKey[]>([]);
+  const activeSourceId = ref('');
+  const { openModal } = useModal();
+  const tableRefreshId = ref(0);
+
+  const businessNameDrawerVisible = ref(false);
+  function handleNewClick() {
+    activeSourceId.value = '';
+    businessNameDrawerVisible.value = true;
+  }
+  function handleEdit(id: string) {
+    activeSourceId.value = id;
+    businessNameDrawerVisible.value = true;
+  }
+
+  async function deleteHandler(row: BusinessTitleItem) {
+    try {
+      const isInvoiceChecked = await getBusinessTitleInvoiceCheck(row.id);
+      const content = isInvoiceChecked
+        ? t('contract.businessTitle.deleteInvoiceContent')
+        : t('contract.businessTitle.deleteContent');
+      const positiveText = isInvoiceChecked ? t('common.gotIt') : t('common.confirmDelete');
+      const type = isInvoiceChecked ? 'default' : 'error';
+      openModal({
+        type,
+        title: t('common.deleteConfirmTitle', { name: characterLimit(row.name) }),
+        content,
+        positiveText,
+        negativeText: t('common.cancel'),
+        onPositiveClick: async () => {
+          try {
+            if (isInvoiceChecked) return;
+            await deleteBusinessTitle(row.id);
+            Message.success(t('common.deleteSuccess'));
+            tableRefreshId.value += 1;
+          } catch (error) {
+            // eslint-disable-next-line no-console
+            console.error(error);
+          }
+        },
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    }
+  }
+
+  async function handleRevoke(row: BusinessTitleItem) {
+    try {
+      await revokeBusinessTitle(row.id);
+      Message.success(t('common.revokeSuccess'));
+      tableRefreshId.value += 1;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    }
+  }
+
+  const showDetailDrawer = ref(false);
+  function showDetail(row: BusinessTitleItem) {
+    activeSourceId.value = row.id;
+    showDetailDrawer.value = true;
+  }
+
+  function handleCancel() {
+    activeSourceId.value = '';
+  }
+
+  function handleActionSelect(row: BusinessTitleItem, actionKey: string) {
+    switch (actionKey) {
+      case 'approval':
+        showDetail(row);
+        break;
+      case 'revoke':
+        handleRevoke(row);
+        break;
+      case 'edit':
+        handleEdit(row.id);
+        break;
+      case 'delete':
+        deleteHandler(row);
+        break;
+      default:
+        break;
+    }
+  }
+
+  const columns: CrmDataTableColumn[] = [
+    {
+      type: 'selection',
+      fixed: 'left',
+      width: 46,
+    },
+    {
+      fixed: 'left',
+      title: t('crmTable.order'),
+      width: 50,
+      key: SpecialColumnEnum.ORDER,
+      resizable: false,
+      columnSelectorDisabled: true,
+      render: (row: BusinessTitleItem, rowIndex: number) => rowIndex + 1,
+    },
+    {
+      title: t('contract.businessTitle.companyCode'),
+      key: 'companyNumber',
+      sortOrder: false,
+      sorter: true,
+      fixed: 'left',
+      ellipsis: {
+        tooltip: true,
+      },
+      width: 120,
+    },
+    {
+      title: t('contract.businessTitle.companyName'),
+      key: 'name',
+      sortOrder: false,
+      sorter: true,
+      width: 200,
+      fixed: 'left',
+      columnSelectorDisabled: true,
+      render: (row: BusinessTitleItem) => {
+        const createNameButton = () =>
+          h(
+            'div',
+            { class: 'flex items-center gap-[8px] one-line-text' },
+            {
+              default: () => {
+                return [
+                  h(CrmBusinessNamePrefix, { type: row.type }),
+                  h(
+                    CrmTableButton,
+                    {
+                      class: '!max-w-[calc(100%-24px)]',
+                      onClick: () => showDetail(row),
+                    },
+                    {
+                      default: () => row.name,
+                      trigger: () => row.name,
+                    }
+                  ),
+                ];
+              },
+            }
+          );
+
+        return props.readonly
+          ? h(
+              CrmNameTooltip,
+              {
+                text: row.name,
+              },
+              {
+                prefix: () => h(CrmBusinessNamePrefix, { type: row.type }),
+              }
+            )
+          : createNameButton();
+      },
+    },
+    {
+      title: t('contract.businessTitle.bank'),
+      key: 'openingBank',
+      sortOrder: false,
+      sorter: true,
+      ellipsis: {
+        tooltip: true,
+      },
+      width: 200,
+    },
+    {
+      title: t('contract.businessTitle.taxpayerNumber'),
+      key: 'identificationNumber',
+      sortOrder: false,
+      sorter: true,
+      ellipsis: {
+        tooltip: true,
+      },
+      width: 200,
+    },
+    {
+      title: t('contract.businessTitle.bankAccount'),
+      key: 'bankAccount',
+      sortOrder: false,
+      sorter: true,
+      ellipsis: {
+        tooltip: true,
+      },
+      width: 200,
+    },
+    {
+      title: t('contract.businessTitle.phone'),
+      key: 'phoneNumber',
+      sortOrder: false,
+      sorter: true,
+      ellipsis: {
+        tooltip: true,
+      },
+      width: 200,
+    },
+    {
+      title: t('contract.businessTitle.capital'),
+      key: 'registeredCapital',
+      sortOrder: false,
+      sorter: true,
+      ellipsis: {
+        tooltip: true,
+      },
+      width: 200,
+    },
+    {
+      title: t('contract.businessTitle.address'),
+      key: 'registrationAddress',
+      sortOrder: false,
+      sorter: true,
+      ellipsis: {
+        tooltip: true,
+      },
+      width: 200,
+    },
+    {
+      title: t('contract.businessTitle.companyScale'),
+      key: 'companySize',
+      sortOrder: false,
+      sorter: true,
+      ellipsis: {
+        tooltip: true,
+      },
+      width: 200,
+    },
+    {
+      title: t('contract.businessTitle.registrationAccount'),
+      key: 'registrationNumber',
+      sortOrder: false,
+      sorter: true,
+      ellipsis: {
+        tooltip: true,
+      },
+      width: 200,
+    },
+    {
+      title: t('contract.businessTitle.province'),
+      key: 'province',
+      sortOrder: false,
+      sorter: true,
+      ellipsis: {
+        tooltip: true,
+      },
+      width: 200,
+    },
+    {
+      title: t('contract.businessTitle.city'),
+      key: 'city',
+      sortOrder: false,
+      sorter: true,
+      ellipsis: {
+        tooltip: true,
+      },
+      width: 200,
+    },
+    {
+      title: t('contract.businessTitle.scale'),
+      key: 'scale',
+      sortOrder: false,
+      sorter: true,
+      ellipsis: {
+        tooltip: true,
+      },
+      width: 200,
+    },
+    {
+      title: t('contract.businessTitle.industry'),
+      key: 'industry',
+      sortOrder: false,
+      sorter: true,
+      ellipsis: {
+        tooltip: true,
+      },
+      width: 200,
+    },
+    {
+      title: t('common.remark'),
+      key: 'remark',
+      sortOrder: false,
+      sorter: true,
+      ellipsis: {
+        tooltip: true,
+      },
+      width: 200,
+    },
+    {
+      title: t('common.createTime'),
+      key: 'createTime',
+      width: 200,
+      sortOrder: false,
+      sorter: true,
+      ellipsis: {
+        tooltip: true,
+      },
+    },
+    {
+      title: t('common.creator'),
+      key: 'createUser',
+      sortOrder: false,
+      sorter: true,
+      width: 200,
+      render: (row: BusinessTitleItem) => {
+        return h(CrmNameTooltip, { text: row.createUserName });
+      },
+    },
+    {
+      title: t('common.updateTime'),
+      key: 'updateTime',
+      width: 150,
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+    },
+    {
+      title: t('common.updateUserName'),
+      key: 'updateUser',
+      width: 200,
+      sortOrder: false,
+      sorter: true,
+      render: (row: BusinessTitleItem) => {
+        return h(CrmNameTooltip, { text: row.updateUserName });
+      },
+    },
+    {
+      key: 'operation',
+      width: 100,
+      fixed: 'right',
+      render: (row: BusinessTitleItem) =>
+        h(CrmOperationButton, {
+          groupList: [
+            { label: t('common.edit'), key: 'edit', permission: ['CONTRACT_BUSINESS_TITLE:UPDATE'] },
+            { label: t('common.delete'), key: 'delete', permission: ['CONTRACT_BUSINESS_TITLE:DELETE'] },
+          ],
+          onSelect: (key: string) => handleActionSelect(row, key),
+        }),
+    },
+  ];
+
+  const actionConfig: BatchActionConfig = {
+    baseAction: [
+      {
+        label: t('common.exportChecked'),
+        key: 'exportChecked',
+        permission: ['CONTRACT_BUSINESS_TITLE:EXPORT'],
+      },
+    ],
+  };
+
+  const isExportAll = ref(false);
+  const showExportModal = ref<boolean>(false);
+  function handleBatchAction(item: ActionsItem) {
+    switch (item.key) {
+      case 'exportChecked':
+        isExportAll.value = false;
+        showExportModal.value = true;
+        break;
+      default:
+        break;
+    }
+  }
+
+  const { propsRes, propsEvent, tableQueryParams, loadList, setLoadListParams, setAdvanceFilter } = useTable(
+    getBusinessTitleList,
+    {
+      tableKey: TableKeyEnum.CONTRACT_BUSINESS_NAME,
+      showSetting: true,
+      columns,
+      containerClass: '.crm-business-title-list-table',
+      permission: ['CONTRACT_BUSINESS_TITLE:EXPORT'],
+    }
+  );
+
+  const exportColumns = computed<ExportTableColumnItem[]>(() => getExportColumns(propsRes.value.columns));
+  const exportParams = computed(() => {
+    return {
+      ...tableQueryParams.value,
+      ids: checkedRowKeys.value,
+    };
+  });
+
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+  const isAdvancedSearchMode = ref(false);
+
+  function handleAdvSearch(filter: FilterResult, isAdvancedMode: boolean, originalForm?: FilterForm) {
+    keyword.value = '';
+    isAdvancedSearchMode.value = isAdvancedMode;
+    setAdvanceFilter(filter);
+    loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  function searchData(val?: string) {
+    setLoadListParams({ keyword: val ?? keyword.value });
+    loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  function handleExportAllClick() {
+    isExportAll.value = true;
+    showExportModal.value = true;
+  }
+
+  const filterConfigList = computed<FilterFormItem[]>(() => [
+    {
+      title: t('contract.businessTitle.companyName'),
+      dataIndex: 'name',
+      type: FieldTypeEnum.INPUT,
+    },
+    {
+      title: t('contract.businessTitle.bank'),
+      dataIndex: 'openingBank',
+      type: FieldTypeEnum.INPUT,
+    },
+    {
+      title: t('contract.businessTitle.taxpayerNumber'),
+      dataIndex: 'identificationNumber',
+      type: FieldTypeEnum.INPUT,
+    },
+    {
+      title: t('contract.businessTitle.bankAccount'),
+      dataIndex: 'bankAccount',
+      type: FieldTypeEnum.INPUT,
+    },
+    {
+      title: t('contract.businessTitle.phone'),
+      dataIndex: 'phoneNumber',
+      type: FieldTypeEnum.INPUT,
+    },
+    {
+      title: t('contract.businessTitle.capital'),
+      dataIndex: 'registeredCapital',
+      type: FieldTypeEnum.INPUT,
+    },
+    {
+      title: t('contract.businessTitle.address'),
+      dataIndex: 'registrationAddress',
+      type: FieldTypeEnum.INPUT,
+    },
+    {
+      title: t('contract.businessTitle.companyScale'),
+      dataIndex: 'companySize',
+      type: FieldTypeEnum.INPUT,
+    },
+    {
+      title: t('contract.businessTitle.registrationAccount'),
+      dataIndex: 'registrationNumber',
+      type: FieldTypeEnum.INPUT,
+    },
+    {
+      title: t('contract.businessTitle.province'),
+      dataIndex: 'province',
+      type: FieldTypeEnum.INPUT,
+    },
+    {
+      title: t('contract.businessTitle.city'),
+      dataIndex: 'city',
+      type: FieldTypeEnum.INPUT,
+    },
+    {
+      title: t('contract.businessTitle.scale'),
+      dataIndex: 'scale',
+      type: FieldTypeEnum.INPUT,
+    },
+    {
+      title: t('contract.businessTitle.industry'),
+      dataIndex: 'industry',
+      type: FieldTypeEnum.INPUT,
+    },
+    {
+      title: t('common.remark'),
+      dataIndex: 'remark',
+      type: FieldTypeEnum.INPUT,
+    },
+    {
+      title: t('contract.businessTitle.companyCode'),
+      dataIndex: 'companyNumber',
+      type: FieldTypeEnum.INPUT,
+    },
+    ...baseFilterConfigList,
+  ]);
+
+  watch(
+    () => tableRefreshId.value,
+    () => {
+      checkedRowKeys.value = [];
+      searchData();
+    }
+  );
+
+  onBeforeMount(() => {
+    searchData();
+  });
+</script>
+
+<style scoped lang="less">
+  :deep(.business-title-icon) {
+    width: 16px;
+    height: 16px;
+    font-size: 12px;
+    border: 1px solid var(--text-n7);
+    border-radius: 50%;
+    color: var(--text-n4);
+    background: var(--text-n9);
+    line-height: 16px;
+    @apply flex flex-shrink-0 items-center justify-center;
+  }
+</style>
diff --git a/frontend/packages/web/src/views/contract/businessTitle/components/detail.vue b/frontend/packages/web/src/views/contract/businessTitle/components/detail.vue
new file mode 100644
index 0000000..ae08a24
--- /dev/null
+++ b/frontend/packages/web/src/views/contract/businessTitle/components/detail.vue
@@ -0,0 +1,250 @@
+<template>
+  <CrmDrawer
+    v-model:show="visible"
+    :width="1000"
+    no-padding
+    :footer="false"
+    :title="detailInfo?.name ?? ''"
+    @cancel="handleCancel"
+  >
+    <template #titleLeft>
+      <CrmBusinessNamePrefix v-if="detailInfo?.type" :type="detailInfo?.type" />
+    </template>
+    <template #titleRight>
+      <CrmButtonGroup class="gap-[12px]" :list="buttonList" not-show-divider @select="handleButtonClick" />
+    </template>
+    <div class="h-full bg-[var(--text-n9)] px-[16px] pt-[16px]">
+      <CrmCard hide-footer>
+        <div class="mb-[16px] font-medium text-[var(--text-n1)]">{{ t('module.businessTitle') }}</div>
+        <div class="flex-1">
+          <CrmDescription
+            :one-line-label="false"
+            :descriptions="descriptions"
+            :column="2"
+            label-width="auto"
+            value-align="start"
+            tooltip-position="top-start"
+          >
+            <template #createTimeSlot="{ item }">
+              {{ dayjs(item.value as string).format('YYYY-MM-DD HH:mm:ss') }}
+            </template>
+            <template #updateTimeSlot="{ item }">
+              {{ dayjs(item.value as string).format('YYYY-MM-DD HH:mm:ss') }}
+            </template>
+          </CrmDescription>
+        </div>
+        <businessTitleDrawer
+          v-model:visible="businessNameDrawerVisible"
+          :source-id="detailInfo?.id ?? ''"
+          @load="handleRefresh"
+        />
+      </CrmCard>
+    </div>
+  </CrmDrawer>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { useMessage } from 'naive-ui';
+  import dayjs from 'dayjs';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { characterLimit } from '@lib/shared/method';
+  import { BusinessTitleItem } from '@lib/shared/models/contract';
+
+  import CrmButtonGroup from '@/components/pure/crm-button-group/index.vue';
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmDescription, { Description } from '@/components/pure/crm-description/index.vue';
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmBusinessNamePrefix from '@/components/business/crm-business-name-prefix/index.vue';
+  import businessTitleDrawer from './businessTitleDrawer.vue';
+
+  import {
+    deleteBusinessTitle,
+    getBusinessTitleDetail,
+    getBusinessTitleInvoiceCheck,
+    revokeBusinessTitle,
+  } from '@/api/modules';
+  import { businessTitleFormConfigList } from '@/config/contract';
+  import useModal from '@/hooks/useModal';
+
+  const { t } = useI18n();
+  const Message = useMessage();
+  const { openModal } = useModal();
+
+  const props = defineProps<{
+    sourceId: string;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'load'): void;
+    (e: 'cancel'): void;
+  }>();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const detailInfo = ref();
+
+  const buttonList = [
+    {
+      key: 'edit',
+      label: t('common.edit'),
+      permission: ['CONTRACT_BUSINESS_TITLE:UPDATE'],
+      text: false,
+      ghost: true,
+      class: 'n-btn-outline-primary',
+    },
+    {
+      label: t('common.delete'),
+      key: 'delete',
+      text: false,
+      ghost: true,
+      danger: true,
+      class: 'n-btn-outline-primary',
+      permission: ['CONTRACT_BUSINESS_TITLE:DELETE'],
+    },
+  ];
+
+  const descriptions = ref<Description[]>([]);
+  const systemFields = ref<Description[]>([
+    {
+      label: t('common.createTime'),
+      value: 'createTime',
+      valueSlotName: 'createTimeSlot',
+    },
+    {
+      label: t('common.creator'),
+      value: 'createUserName',
+    },
+    {
+      label: t('common.updateTime'),
+      value: 'updateTime',
+      valueSlotName: 'updateTimeSlot',
+    },
+    {
+      label: t('common.updateUserName'),
+      value: 'updateUserName',
+    },
+  ]);
+
+  async function initDetail() {
+    try {
+      const result = await getBusinessTitleDetail(props.sourceId);
+      detailInfo.value = result;
+      descriptions.value = [...businessTitleFormConfigList, ...systemFields.value].map((item: any) => {
+        return {
+          ...item,
+          label: item.label,
+          value: result[item.value as keyof BusinessTitleItem] ?? '-',
+        } as Description;
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  function handleCancel() {
+    emit('cancel');
+    visible.value = false;
+  }
+
+  async function handleDelete() {
+    try {
+      const isInvoiceChecked = await getBusinessTitleInvoiceCheck(props.sourceId);
+      const content = isInvoiceChecked
+        ? t('contract.businessTitle.deleteInvoiceContent')
+        : t('contract.businessTitle.deleteContent');
+      const positiveText = isInvoiceChecked ? t('common.gotIt') : t('common.confirmDelete');
+      const type = isInvoiceChecked ? 'default' : 'error';
+      openModal({
+        type,
+        title: t('common.deleteConfirmTitle', { name: characterLimit(detailInfo.value?.name) }),
+        content,
+        positiveText,
+        negativeText: t('common.cancel'),
+        onPositiveClick: async () => {
+          try {
+            if (isInvoiceChecked) return;
+            await deleteBusinessTitle(props.sourceId);
+            Message.success(t('common.deleteSuccess'));
+            emit('load');
+            visible.value = false;
+          } catch (error) {
+            // eslint-disable-next-line no-console
+            console.error(error);
+          }
+        },
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    }
+  }
+
+  async function handleApproval(approval = false) {
+    try {
+      // todo: 这版本不上xinxinwu
+      Message.success(approval ? t('common.approvedSuccess') : t('common.unApprovedSuccess'));
+      emit('load');
+      initDetail();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    }
+  }
+
+  async function handleRevoke() {
+    try {
+      await revokeBusinessTitle(props.sourceId);
+      Message.success(t('common.revokeSuccess'));
+      emit('load');
+      initDetail();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    }
+  }
+
+  const businessNameDrawerVisible = ref(false);
+  async function handleButtonClick(actionKey: string) {
+    switch (actionKey) {
+      case 'pass':
+        handleApproval(true);
+        break;
+      case 'unPass':
+        handleApproval();
+        break;
+      case 'edit':
+        businessNameDrawerVisible.value = true;
+        break;
+      case 'revoke':
+        handleRevoke();
+        break;
+      case 'delete':
+        handleDelete();
+        break;
+      default:
+        break;
+    }
+  }
+
+  function handleRefresh() {
+    initDetail();
+    emit('load');
+  }
+
+  watch(
+    () => visible.value,
+    (newVal) => {
+      if (newVal) {
+        initDetail();
+      }
+    },
+    { immediate: true }
+  );
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/views/contract/businessTitle/config.ts b/frontend/packages/web/src/views/contract/businessTitle/config.ts
new file mode 100644
index 0000000..ac3acc0
--- /dev/null
+++ b/frontend/packages/web/src/views/contract/businessTitle/config.ts
@@ -0,0 +1,156 @@
+import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+import type { SaveBusinessTitleParams } from '@lib/shared/models/contract';
+
+import type { FormCreateField } from '@/components/business/crm-form-create/types';
+
+export const initBusinessTitleForm: SaveBusinessTitleParams = {
+  id: '',
+  type: 'THIRD_PARTY',
+  name: '',
+  identificationNumber: '',
+  openingBank: '',
+  bankAccount: '',
+  phoneNumber: '',
+  registeredCapital: '',
+  companySize: '',
+  registrationNumber: '',
+  registrationAddress: '',
+  province: '', // 省
+  city: '', // 市
+  remark: '',
+  scale: '',
+  industry: '',
+};
+
+export const businessTitleFieldList: FormCreateField[] = [
+  {
+    id: 'companyNumber',
+    businessKey: 'companyNumber',
+    name: 'contract.businessTitle.companyCode',
+    type: FieldTypeEnum.SERIAL_NUMBER,
+    showLabel: true,
+    description: '',
+    readable: true,
+    editable: false,
+    rules: [],
+    icon: '',
+    fieldWidth: 1,
+  },
+  {
+    id: 'name',
+    businessKey: 'name',
+    name: 'contract.businessTitle.companyName',
+    type: FieldTypeEnum.INPUT,
+    showLabel: true,
+    description: '',
+    readable: true,
+    editable: true,
+    rules: [],
+    icon: '',
+    fieldWidth: 1,
+  },
+  {
+    id: 'identificationNumber',
+    businessKey: 'identificationNumber',
+    name: 'contract.businessTitle.taxpayerNumber',
+    type: FieldTypeEnum.INPUT,
+    showLabel: true,
+    description: '',
+    readable: true,
+    editable: true,
+    rules: [],
+    icon: '',
+    fieldWidth: 1,
+  },
+  {
+    id: 'registrationAddress',
+    businessKey: 'registrationAddress',
+    name: 'contract.businessTitle.address',
+    type: FieldTypeEnum.INPUT,
+    showLabel: true,
+    description: '',
+    readable: true,
+    editable: true,
+    rules: [],
+    icon: '',
+    fieldWidth: 1,
+  },
+  {
+    id: 'openingBank',
+    businessKey: 'openingBank',
+    name: 'contract.businessTitle.bank',
+    type: FieldTypeEnum.INPUT,
+    showLabel: true,
+    description: '',
+    readable: true,
+    editable: true,
+    rules: [],
+    icon: '',
+    fieldWidth: 1,
+  },
+  {
+    id: 'bankAccount',
+    businessKey: 'bankAccount',
+    name: 'contract.businessTitle.bankAccount',
+    type: FieldTypeEnum.INPUT,
+    showLabel: true,
+    description: '',
+    readable: true,
+    editable: true,
+    rules: [],
+    icon: '',
+    fieldWidth: 1,
+  },
+  {
+    id: 'phoneNumber',
+    businessKey: 'phoneNumber',
+    name: 'contract.businessTitle.phone',
+    type: FieldTypeEnum.INPUT,
+    showLabel: true,
+    description: '',
+    readable: true,
+    editable: true,
+    rules: [],
+    icon: '',
+    fieldWidth: 1,
+  },
+  {
+    id: 'registeredCapital',
+    businessKey: 'registeredCapital',
+    name: 'contract.businessTitle.capital',
+    type: FieldTypeEnum.INPUT,
+    showLabel: true,
+    description: '',
+    readable: true,
+    editable: true,
+    rules: [],
+    icon: '',
+    fieldWidth: 1,
+  },
+  {
+    id: 'companySize',
+    businessKey: 'companySize',
+    name: 'contract.businessTitle.companyScale',
+    type: FieldTypeEnum.INPUT,
+    showLabel: true,
+    description: '',
+    readable: true,
+    editable: true,
+    rules: [],
+    icon: '',
+    fieldWidth: 1,
+  },
+  {
+    id: 'registrationNumber',
+    businessKey: 'registrationNumber',
+    name: 'contract.businessTitle.registrationAccount',
+    type: FieldTypeEnum.INPUT,
+    showLabel: true,
+    description: '',
+    readable: true,
+    editable: true,
+    rules: [],
+    icon: '',
+    fieldWidth: 1,
+  },
+];
diff --git a/frontend/packages/web/src/views/contract/businessTitle/index.vue b/frontend/packages/web/src/views/contract/businessTitle/index.vue
new file mode 100644
index 0000000..6b110fe
--- /dev/null
+++ b/frontend/packages/web/src/views/contract/businessTitle/index.vue
@@ -0,0 +1,16 @@
+<template>
+  <div ref="businessCardRef" class="h-full">
+    <CrmCard no-content-padding hide-footer>
+      <div class="h-full px-[16px] pt-[16px]">
+        <businessTitleTable />
+      </div>
+    </CrmCard>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import businessTitleTable from './components/businessTitleTable.vue';
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/views/contract/contract/components/billboard/card.vue b/frontend/packages/web/src/views/contract/contract/components/billboard/card.vue
new file mode 100644
index 0000000..1d3fcb6
--- /dev/null
+++ b/frontend/packages/web/src/views/contract/contract/components/billboard/card.vue
@@ -0,0 +1,144 @@
+<template>
+  <div class="flex items-center justify-between">
+    <CrmTableButton v-if="props.item.name" @click="emit('openDetail', 'contract', props.item)">
+      <template #trigger>{{ props.item.name }}</template>
+      {{ props.item.name }}
+    </CrmTableButton>
+    <div v-else>-</div>
+  </div>
+  <div class="crm-stage-board-item-desc crm-stage-board-item-desc--wide">
+    <n-tooltip trigger="hover" :delay="300">
+      <template #trigger>
+        <div class="crm-stage-board-item-desc-label">
+          {{ fieldLabelMap.amount }}
+        </div>
+      </template>
+      {{ fieldLabelMap.amount }}
+    </n-tooltip>
+    <div class="crm-stage-board-item-desc-value">
+      {{
+        formatNumberValue(
+          props.item.amount,
+          (props.fieldList.find((field) => field.businessKey === 'amount') as FormCreateField) || {}
+        )
+      }}
+    </div>
+  </div>
+  <div class="crm-stage-board-item-desc crm-stage-board-item-desc--wide">
+    <n-tooltip trigger="hover" :delay="300">
+      <template #trigger>
+        <div class="crm-stage-board-item-desc-label">
+          {{ fieldLabelMap.customerId }}
+        </div>
+      </template>
+      {{ fieldLabelMap.customerId }}
+    </n-tooltip>
+    <div class="crm-stage-board-item-desc-value">
+      <CrmTableButton
+        v-if="props.item.customerName && hasAnyPermission(['CUSTOMER_MANAGEMENT:READ'])"
+        size="small"
+        class="text-[14px]"
+        @click="emit('openDetail', 'customer', props.item)"
+      >
+        <template #trigger>{{ props.item.customerName }}</template>
+        {{ props.item.customerName }}
+      </CrmTableButton>
+      <CrmNameTooltip v-else :text="props.item.customerName ?? '-'" />
+    </div>
+  </div>
+  <div class="crm-stage-board-item-desc crm-stage-board-item-desc--wide">
+    <n-tooltip trigger="hover" :delay="300">
+      <template #trigger>
+        <div class="crm-stage-board-item-desc-label">
+          {{ fieldLabelMap.owner }}
+        </div>
+      </template>
+      {{ fieldLabelMap.owner }}
+    </n-tooltip>
+    <div class="crm-stage-board-item-desc-value">{{ props.item.ownerName || '-' }}</div>
+  </div>
+  <div class="crm-stage-board-item-desc crm-stage-board-item-desc--wide">
+    <n-tooltip trigger="hover" :delay="300">
+      <template #trigger>
+        <div class="crm-stage-board-item-desc-label">
+          {{ fieldLabelMap.alreadyPayAmount }}
+        </div>
+      </template>
+      {{ fieldLabelMap.alreadyPayAmount }}
+    </n-tooltip>
+    <div class="crm-stage-board-item-desc-value">
+      {{ formatThousands(props.item.alreadyPayAmount) || '-' }}
+    </div>
+  </div>
+  <div class="crm-stage-board-item-desc crm-stage-board-item-desc--wide">
+    <n-tooltip trigger="hover" :delay="300">
+      <template #trigger>
+        <div class="crm-stage-board-item-desc-label">
+          {{ fieldLabelMap.startTime }}
+        </div>
+      </template>
+      {{ fieldLabelMap.startTime }}
+    </n-tooltip>
+    <div class="crm-stage-board-item-desc-value">
+      {{ props.item.startTime ? dayjs(props.item.startTime).format('YYYY-MM-DD') : '-' }}
+    </div>
+  </div>
+  <div class="crm-stage-board-item-desc crm-stage-board-item-desc--wide">
+    <n-tooltip trigger="hover" :delay="300">
+      <template #trigger>
+        <div class="crm-stage-board-item-desc-label">
+          {{ fieldLabelMap.endTime }}
+        </div>
+      </template>
+      {{ fieldLabelMap.endTime }}
+    </n-tooltip>
+    <div
+      class="crm-stage-board-item-desc-value"
+      :class="{ '!text-[var(--error-red)]': dayjs(props.item.endTime).isSame(dayjs(), 'M') }"
+    >
+      {{ props.item.endTime ? dayjs(props.item.endTime).format('YYYY-MM-DD') : '-' }}
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { NTooltip } from 'naive-ui';
+  import dayjs from 'dayjs';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { formatThousands } from '@lib/shared/method';
+  import { formatNumberValue } from '@lib/shared/method/formCreate';
+
+  import CrmNameTooltip from '@/components/pure/crm-name-tooltip/index.vue';
+  import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+  import { FormCreateField } from '@/components/business/crm-form-create/types';
+
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const props = defineProps<{
+    item: any;
+    fieldList: FormCreateField[];
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'openDetail', type: 'contract' | 'customer', item: any): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const fieldLabelMap = computed(() => {
+    const map: Record<string, string> = {
+      amount: t('contract.contractAmount'),
+      customerId: t('module.customerManagement'),
+      owner: t('common.owner'),
+      alreadyPayAmount: t('contract.alreadyPayAmount'),
+      createTime: t('common.createTime'),
+    };
+    props.fieldList.forEach((field) => {
+      if (field.businessKey) {
+        map[field.businessKey] = field.name;
+      }
+    });
+    return map;
+  });
+</script>
diff --git a/frontend/packages/web/src/views/contract/contract/components/billboard/index.vue b/frontend/packages/web/src/views/contract/contract/components/billboard/index.vue
new file mode 100644
index 0000000..d952108
--- /dev/null
+++ b/frontend/packages/web/src/views/contract/contract/components/billboard/index.vue
@@ -0,0 +1,198 @@
+<template>
+  <CrmStageBoard
+    ref="boardRef"
+    :stages="stageConfig?.stageConfigList || []"
+    :keyword="props.keyword"
+    :view-id="props.viewId"
+    :field-list="fieldList"
+    :advance-filter="props.advanceFilter"
+    :load-stage-list="loadStageList"
+    :load-stage-statistic="loadStageStatistic"
+    :move-stage-item="moveStageItem"
+    :can-move-item="canMoveItem"
+    :before-move-to-stage="handleBeforeMoveToStage"
+    :show-progress="false"
+    @change="handleChange"
+    @openDetail="(type, item) => emit('openDetail', type, item)"
+    @init="(total) => emit('init', total)"
+  >
+    <template #card="{ item, fieldList: currentFieldList, openDetail }">
+      <ContractBillboardCard
+        :item="item"
+        :field-list="currentFieldList as FormCreateField[]"
+        @open-detail="openDetail"
+      />
+    </template>
+  </CrmStageBoard>
+
+  <VoidReasonModal
+    v-model:visible="showVoidReasonModal"
+    :name="activeSourceName"
+    :sourceId="activeSourceId"
+    @refresh="handleVoidRefresh"
+  />
+</template>
+
+<script setup lang="ts">
+  import { ContractStatusEnum } from '@lib/shared/enums/contractEnum';
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import type { ContractItem } from '@lib/shared/models/contract';
+  import type { OpportunityStageConfig, StageBoardPageQueryParams } from '@lib/shared/models/opportunity';
+
+  import type { FilterResult } from '@/components/pure/crm-advance-filter/type';
+  import type { FormCreateField } from '@/components/business/crm-form-create/types';
+  import CrmStageBoard from '@/components/business/crm-stage-board/index.vue';
+  import type {
+    OpenDetailType,
+    StageBoardBlockedMovePayload,
+    StageBoardLoadParams,
+    StageBoardMoveCheckPayload,
+    StageBoardMovePayload,
+    StageBoardStatistic,
+  } from '@/components/business/crm-stage-board/types';
+  import VoidReasonModal from '../voidReasonModal.vue';
+  import ContractBillboardCard from './card.vue';
+
+  import { getContractList, getContractStatistic, getContractStatusConfig, sortContract } from '@/api/modules';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const props = defineProps<{
+    advanceFilter?: FilterResult;
+    viewId?: string;
+    keyword?: string;
+    enableApproval?: boolean;
+    hasStagePermission?: (row: ContractItem) => boolean;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'change'): void;
+    (e: 'init', total: number): void;
+    (e: 'openDetail', type: OpenDetailType, item: any): void;
+  }>();
+
+  const { initFormConfig, fieldList } = useFormCreateApi({
+    formKey: computed(() => FormDesignKeyEnum.CONTRACT),
+  });
+
+  const stageConfig = ref<OpportunityStageConfig>();
+  async function initStageConfig() {
+    try {
+      stageConfig.value = await getContractStatusConfig();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  const boardRef = ref<InstanceType<typeof CrmStageBoard>>();
+  function refresh() {
+    boardRef.value?.refresh();
+  }
+
+  function handleChange() {
+    emit('change');
+  }
+
+  async function loadStageList(params: StageBoardPageQueryParams) {
+    return getContractList({
+      current: params.current,
+      pageSize: params.pageSize,
+      keyword: params.keyword,
+      combineSearch: params.advanceFilter,
+      filters: [
+        {
+          name: 'stage',
+          value: params.stageId,
+          multipleValue: false,
+          operator: 'EQUALS',
+        },
+      ],
+      board: true,
+      viewId: params.viewId,
+    });
+  }
+
+  async function loadStageStatistic(params: Omit<StageBoardLoadParams, 'current' | 'pageSize'>) {
+    return getContractStatistic({
+      keyword: params.keyword,
+      combineSearch: params.advanceFilter,
+      filters: [
+        {
+          name: 'stage',
+          value: params.stageId,
+          multipleValue: false,
+          operator: 'EQUALS',
+        },
+      ],
+      viewId: params.viewId,
+    }) as Promise<StageBoardStatistic>;
+  }
+
+  async function moveStageItem(payload: StageBoardMovePayload<ContractItem>) {
+    await sortContract({
+      dropNodeId: payload.nextItem?.id || payload.previousItem?.id || '',
+      dragNodeId: payload.item.id,
+      dropPosition: payload.nextItem ? -1 : 1,
+      stage: payload.toStageId,
+    });
+  }
+
+  function canMoveItem(payload: StageBoardMoveCheckPayload<ContractItem>) {
+    if (!hasAnyPermission(['CONTRACT:STAGE'])) {
+      return false;
+    }
+
+    if (props.enableApproval && (!payload.item || !props.hasStagePermission?.(payload.item))) {
+      return false;
+    }
+
+    if (
+      payload.rawEvent.to.className.includes(payload.toStageId) &&
+      payload.rawEvent.from.className.includes(payload.toStageId)
+    ) {
+      return true;
+    }
+
+    const targetIndex = stageConfig.value?.stageConfigList.findIndex((item) => item.id === payload.toStageId) ?? -1;
+    const fromIndex = stageConfig.value?.stageConfigList.findIndex((item) => item.id === payload.fromStageId) ?? -1;
+    const isCurrentEndStage =
+      stageConfig.value?.stageConfigList.find((item) => item.id === payload.fromStageId)?.type === 'END';
+
+    if (isCurrentEndStage) {
+      return !!stageConfig.value?.endRollBack;
+    }
+
+    if (stageConfig.value?.afootRollBack) {
+      return true;
+    }
+
+    return targetIndex >= fromIndex;
+  }
+
+  const showVoidReasonModal = ref(false);
+  const activeSourceId = ref('');
+  const activeSourceName = ref('');
+
+  function handleBeforeMoveToStage(payload: StageBoardBlockedMovePayload<ContractItem>) {
+    if (payload.toStageId !== ContractStatusEnum.VOID) {
+      return true;
+    }
+
+    activeSourceId.value = payload.item.id;
+    activeSourceName.value = payload.item.name;
+    showVoidReasonModal.value = true;
+    return false;
+  }
+
+  function handleVoidRefresh() {
+    refresh();
+    emit('change');
+  }
+
+  await Promise.all([initStageConfig(), initFormConfig()]);
+
+  defineExpose({
+    refresh,
+  });
+</script>
diff --git a/frontend/packages/web/src/views/contract/contract/components/contractTable.vue b/frontend/packages/web/src/views/contract/contract/components/contractTable.vue
new file mode 100644
index 0000000..193353b
--- /dev/null
+++ b/frontend/packages/web/src/views/contract/contract/components/contractTable.vue
@@ -0,0 +1,997 @@
+<template>
+  <CrmTable
+    ref="crmTableRef"
+    v-model:checked-row-keys="checkedRowKeys"
+    v-bind="propsRes"
+    class="crm-contract-table"
+    :not-show-table="activeShowType === 'billboard'"
+    :not-show-table-filter="isAdvancedSearchMode"
+    :action-config="actionConfig"
+    :fullscreen-target-ref="props.fullscreenTargetRef"
+    :hiddenBackToTop="activeShowType === 'billboard'"
+    :customTotal="activeShowType === 'billboard'"
+    @page-change="propsEvent.pageChange"
+    @page-size-change="propsEvent.pageSizeChange"
+    @sorter-change="propsEvent.sorterChange"
+    @filter-change="filterChange"
+    @batch-action="handleBatchAction"
+    @refresh="searchData"
+  >
+    <template #actionLeft>
+      <div class="flex items-center gap-[12px]">
+        <n-button v-permission="['CONTRACT:ADD']" type="primary" @click="handleNewClick">
+          {{ t('contract.new') }}
+        </n-button>
+        <n-button
+          v-permission="['CONTRACT:EXPORT']"
+          type="primary"
+          ghost
+          class="n-btn-outline-primary"
+          :disabled="propsRes.data.length === 0"
+          @click="handleExportAllClick"
+        >
+          {{ t('common.exportAll') }}
+        </n-button>
+      </div>
+    </template>
+    <template #actionRight>
+      <CrmAdvanceFilter
+        ref="tableAdvanceFilterRef"
+        v-model:keyword="keyword"
+        :custom-fields-config-list="customFieldsFilterConfig"
+        :filter-config-list="filterConfigList"
+        @adv-search="handleAdvSearch"
+        @keyword-search="searchData"
+      />
+      <n-tabs v-model:value="activeShowType" type="segment" size="large" class="show-type-tabs">
+        <n-tab-pane name="table" class="hidden">
+          <template #tab><CrmIcon type="iconicon_list" /></template>
+        </n-tab-pane>
+        <n-tab-pane name="billboard" class="hidden">
+          <template #tab><CrmIcon type="iconicon_waterfalls" /></template>
+        </n-tab-pane>
+      </n-tabs>
+    </template>
+    <template #view>
+      <CrmViewSelect
+        v-model:active-tab="activeTab"
+        :type="FormDesignKeyEnum.CONTRACT"
+        :custom-fields-config-list="customFieldsFilterConfig"
+        :filter-config-list="filterConfigList"
+        :advanced-original-form="advancedOriginalForm"
+        :route-name="ContractRouteEnum.CONTRACT_INDEX"
+        @refresh-table-data="searchData"
+      />
+    </template>
+    <template v-if="activeShowType === 'billboard'" #other>
+      <billboard
+        ref="billboardRef"
+        :keyword="keyword"
+        :view-id="activeTab"
+        :advance-filter="advanceFilter"
+        :enable-approval="enableApproval"
+        :has-stage-permission="hasContractStagePermission"
+        @change="getStatistic()"
+        @open-detail="handleOpenDetail"
+        @init="handleBillboardInit"
+      />
+    </template>
+    <template v-if="showStatisticInfo" #totalRight>
+      <div v-if="activeShowType === 'billboard'">
+        {{ t('crmPagination.total', { count: billboardTotalCount }) }}
+      </div>
+      <div class="ml-[24px]">
+        {{ t('opportunity.averageAmount') }}
+        <span class="ml-[4px]">
+          {{ abbreviateNumber(totalAmountInfo?.averageAmount, '').value }}
+          <span class="unit">
+            {{ abbreviateNumber(totalAmountInfo?.averageAmount, '').unit }}
+          </span>
+        </span>
+      </div>
+      <div class="ml-[24px]">
+        {{ t('opportunity.totalAmount') }}
+        <span class="ml-[4px]">
+          {{ abbreviateNumber(totalAmountInfo?.amount, '').value }}
+          <span class="unit">
+            {{ abbreviateNumber(totalAmountInfo?.amount, '').unit }}
+          </span>
+        </span>
+      </div>
+    </template>
+  </CrmTable>
+
+  <CrmFormCreateDrawer
+    v-model:visible="formCreateDrawerVisible"
+    :form-key="activeFormKey"
+    :source-id="activeSourceId"
+    :need-init-detail="needInitDetail"
+    :initial-source-name="initialSourceName"
+    :link-form-key="FormDesignKeyEnum.CONTRACT"
+    :link-form-info="linkFormInfo"
+    @saved="handleFormCreateSaved"
+    @review="handleFormReview"
+  />
+
+  <CrmTableExportModal
+    v-model:show="showExportModal"
+    :params="exportParams"
+    :export-columns="exportColumns"
+    :is-export-all="isExportAll"
+    :show-approval-tip="exportApprovalTip"
+    type="contract"
+    @create-success="handleExportCreateSuccess"
+  />
+
+  <VoidReasonModal
+    v-model:visible="showVoidReasonModal"
+    :name="activeSourceName"
+    :sourceId="activeSourceId"
+    @refresh="searchData(undefined, activeSourceId)"
+  />
+
+  <DetailDrawer
+    v-model:visible="showDetailDrawer"
+    :sourceId="activeSourceId"
+    isContractTableDetail
+    @refresh="searchData(undefined, activeSourceId)"
+    @delete="removeItemFromList(activeSourceId)"
+    @showCustomerDrawer="showCustomerDrawer"
+    @open-business-title-drawer="handleOpenBusinessTitleDrawer"
+  />
+
+  <ApprovalModal
+    v-model:show="showApprovalModal"
+    :quotationIds="checkedRowKeys"
+    :approval-api="batchApproveContract"
+    @refresh="handleApprovalSuccess"
+  />
+
+  <batchOperationResultModal v-model:visible="resultVisible" :result="batchResult" :name="batchOperationName" />
+
+  <businessTitleDrawer v-model:visible="showBusinessTitleDetailDrawer" :source-id="activeBusinessTitleSourceId" />
+  <CrmBatchEditModal
+    v-model:visible="showEditModal"
+    v-model:field-list="editFieldList"
+    :ids="checkedRowKeys"
+    :form-key="FormDesignKeyEnum.CONTRACT"
+    :show-approval-tip="batchEditApprovalTip"
+    @refresh="handleRefresh"
+  />
+  <CrmStatusFlowModal
+    v-model:show="flowModalShow"
+    :from="{ id: currentStageConfig?.id, name: currentStageConfig?.name }"
+    :to="{ id: targetStageConfig?.id, name: targetStageConfig?.name }"
+    :form-key="FormDesignKeyEnum.CONTRACT"
+    :circulationFieldValues="circulationFieldValues"
+    :source-id="activeSourceId"
+    @success="handleFlowSuccess"
+  />
+</template>
+
+<script setup lang="ts">
+  import { useRoute } from 'vue-router';
+  import { DataTableRowKey, NButton, NTabPane, NTabs, useMessage } from 'naive-ui';
+
+  import { ContractStatusEnum } from '@lib/shared/enums/contractEnum';
+  import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { CirculationTypeEnum } from '@lib/shared/enums/opportunityEnum.js';
+  import { ProcessStatusEnum } from '@lib/shared/enums/process';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import useLocale from '@lib/shared/locale/useLocale';
+  import { abbreviateNumber, characterLimit } from '@lib/shared/method';
+  import { ExportTableColumnItem } from '@lib/shared/models/common';
+  import type { ContractItem } from '@lib/shared/models/contract';
+  import {
+    BatchOperationResult,
+    type CirculationFieldValueItem,
+    OpportunityStageConfig,
+    type StageConfigItem,
+  } from '@lib/shared/models/opportunity';
+
+  import { COMMON_SELECTION_OPERATORS } from '@/components/pure/crm-advance-filter/index';
+  import CrmAdvanceFilter from '@/components/pure/crm-advance-filter/index.vue';
+  import { FilterForm, FilterFormItem, FilterResult } from '@/components/pure/crm-advance-filter/type';
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmNameTooltip from '@/components/pure/crm-name-tooltip/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+  import CrmApprovalPopover from '@/components/business/crm-approval/components/crm-approval-popover.vue';
+  import batchOperationResultModal from '@/components/business/crm-batch-edit-modal/components/batchOperationResultModal.vue';
+  import CrmBatchEditModal from '@/components/business/crm-batch-edit-modal/index.vue';
+  import StatusTagSelect from '@/components/business/crm-follow-detail/statusTagSelect.vue';
+  import CrmFormCreateDrawer from '@/components/business/crm-form-create-drawer/index.vue';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+  import { OpenDetailType } from '@/components/business/crm-stage-board/types';
+  import CrmStatusFlowModal from '@/components/business/crm-status-flow-modal/index.vue';
+  import CrmTableExportModal from '@/components/business/crm-table-export-modal/index.vue';
+  import CrmViewSelect from '@/components/business/crm-view-select/index.vue';
+  import businessTitleDrawer from '../../businessTitle/components/detail.vue';
+  import billboard from './billboard/index.vue';
+  import DetailDrawer from './detail.vue';
+  import VoidReasonModal from './voidReasonModal.vue';
+  import ApprovalModal from '@/views/opportunity/components/quotation/approvalModal.vue';
+
+  import {
+    batchApproveContract,
+    changeContractStatus,
+    deleteContract,
+    getContractStatistic,
+    getContractStatusConfig,
+  } from '@/api/modules';
+  import { baseFilterConfigList } from '@/config/clue';
+  import { processStatusOptions } from '@/config/process';
+  import useApprovalOperation from '@/hooks/useApprovalOperation';
+  import useApprovalResourceAction from '@/hooks/useApprovalResourceAction';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+  import useFormCreateTable from '@/hooks/useFormCreateTable';
+  import useLocalForage from '@/hooks/useLocalForage';
+  import useModal from '@/hooks/useModal';
+  // import useViewChartParams, { STORAGE_VIEW_CHART_KEY, ViewChartResult } from '@/hooks/useViewChartParams';
+  import { getExportColumns } from '@/utils/export';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  import { ContractRouteEnum } from '@/enums/routeEnum';
+
+  const props = defineProps<{
+    fullscreenTargetRef?: HTMLElement | null;
+  }>();
+  const emit = defineEmits<{
+    (
+      e: 'openCustomerDrawer',
+      params: { customerId: string; inCustomerPool: boolean; poolId: string },
+      readonly: boolean
+    ): void;
+  }>();
+
+  const { t } = useI18n();
+  const Message = useMessage();
+  const { openModal } = useModal();
+  const { getItem, setItem } = useLocalForage();
+  const route = useRoute();
+
+  const activeShowType = ref<'table' | 'billboard'>();
+  const activeTab = ref();
+  const keyword = ref('');
+
+  // 操作
+  const checkedRowKeys = ref<DataTableRowKey[]>([]);
+  const tableRefreshId = ref(0);
+  const billboardTotalCount = ref(0);
+  const tableRemoveRefreshId = ref('');
+  const tableItemRefreshId = ref('');
+
+  const formCreateDrawerVisible = ref(false);
+  const activeSourceId = ref('');
+  const activeSourceName = ref('');
+  const needInitDetail = ref(false);
+  const activeFormKey = ref(FormDesignKeyEnum.CONTRACT);
+
+  function handleNewClick() {
+    needInitDetail.value = false;
+    activeFormKey.value = FormDesignKeyEnum.CONTRACT;
+    activeSourceId.value = '';
+    activeSourceName.value = '';
+    formCreateDrawerVisible.value = true;
+  }
+
+  const showExportModal = ref<boolean>(false);
+  const isExportAll = ref(false);
+
+  function handleExportAllClick() {
+    isExportAll.value = true;
+    showExportModal.value = true;
+  }
+  function handleExportCreateSuccess() {
+    checkedRowKeys.value = [];
+  }
+
+  const showEditModal = ref(false);
+  const { initFormConfig: initEditFormConfig, fieldList: editFieldList } = useFormCreateApi({
+    formKey: ref(FormDesignKeyEnum.CONTRACT),
+  });
+  function handleBatchEdit() {
+    initEditFormConfig();
+    showEditModal.value = true;
+  }
+
+  function handleRefresh() {
+    checkedRowKeys.value = [];
+    tableRefreshId.value += 1;
+  }
+
+  const showApprovalModal = ref(false);
+  const batchOperationName = ref('');
+  const batchResult = ref<BatchOperationResult>({
+    success: 0,
+    fail: 0,
+    errorMessages: '',
+  });
+  const resultVisible = ref(false);
+  function handleApprovalSuccess(val: BatchOperationResult) {
+    batchResult.value = val;
+    resultVisible.value = true;
+    tableRefreshId.value += 1;
+  }
+
+  function handleBatchAction(item: ActionsItem) {
+    switch (item.key) {
+      case 'exportChecked':
+        isExportAll.value = false;
+        showExportModal.value = true;
+        break;
+      case 'approval':
+        showApprovalModal.value = true;
+        batchOperationName.value = t('common.batchApproval');
+        break;
+      case 'batchEdit':
+        handleBatchEdit();
+        break;
+      default:
+        break;
+    }
+  }
+
+  const showDetailDrawer = ref(false);
+
+  function handleEdit(id: string) {
+    activeFormKey.value = FormDesignKeyEnum.CONTRACT;
+    activeSourceId.value = id;
+    needInitDetail.value = true;
+    formCreateDrawerVisible.value = true;
+  }
+
+  const showVoidReasonModal = ref(false);
+  function handleVoided(row: ContractItem) {
+    activeSourceName.value = row.name;
+    activeSourceId.value = row.id;
+    showVoidReasonModal.value = true;
+  }
+
+  // 回款
+  const initialSourceName = ref('');
+  const linkFormInfo = ref();
+  const { initFormDetail, initFormConfig, linkFormFieldMap } = useFormCreateApi({
+    formKey: ref(FormDesignKeyEnum.CONTRACT),
+    sourceId: activeSourceId,
+  });
+  async function handlePaymentRecord(row: ContractItem) {
+    activeSourceId.value = row.id;
+    initialSourceName.value = row.name;
+    needInitDetail.value = false;
+    activeFormKey.value = FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD;
+    await initFormConfig();
+    await initFormDetail(false, true);
+    linkFormInfo.value = linkFormFieldMap.value;
+    formCreateDrawerVisible.value = true;
+  }
+
+  function createContractDataActionMap(row: ContractItem) {
+    return {
+      edit: {
+        label: t('common.edit'),
+        key: 'edit',
+        permission: ['CONTRACT:UPDATE'],
+      },
+      paymentRecord: {
+        label: t('contract.payment'),
+        key: 'paymentRecord',
+        permission: ['CONTRACT:PAYMENT'],
+        disabled: !row.amount || row.alreadyPayAmount >= row.amount,
+        tooltipContent: row.alreadyPayAmount >= row.amount ? t('contract.noPaymentRequired') : undefined,
+      },
+      delete: {
+        label: t('common.delete'),
+        key: 'delete',
+        permission: ['CONTRACT:DELETE'],
+      },
+    };
+  }
+
+  const {
+    initApprovalPermission,
+    resolveRowOperation,
+    enableApproval,
+    deleteExecute,
+    hasApprovalScopedPermission,
+    getApprovalActionTip,
+  } = useApprovalOperation<ContractItem>({
+    formType: FormDesignKeyEnum.CONTRACT,
+    dataActionMap: createContractDataActionMap,
+    specialActionFilter: (row, actionKeys) => {
+      if (row.stage !== ContractStatusEnum.VOID) {
+        return actionKeys;
+      }
+
+      return actionKeys.filter((key) => {
+        if (key === 'paymentRecord') {
+          return false;
+        }
+
+        if (!enableApproval.value && key === 'edit') {
+          return false;
+        }
+
+        return true;
+      });
+    },
+  });
+
+  const { reviewByFormResult, reviewByResourceId, revokeByResourceId } = useApprovalResourceAction({
+    formKey: FormDesignKeyEnum.CONTRACT,
+  });
+
+  function handleDelete(row: ContractItem) {
+    openModal({
+      type: 'error',
+      title: t('common.deleteConfirmTitle', { name: characterLimit(row.name) }),
+      content: t('common.deleteConfirmContent'),
+      positiveText: deleteExecute.value ? t('crm.approval.confirmAndSubmitReview') : t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deleteContract(row.id);
+          Message.success(deleteExecute.value ? t('common.reviewSuccess') : t('common.deleteSuccess'));
+          tableRemoveRefreshId.value = row.id;
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  function handleRevoke(row: ContractItem) {
+    revokeByResourceId(row.id, {
+      onSuccess: (resourceId) => {
+        tableItemRefreshId.value = resourceId;
+      },
+    });
+  }
+
+  function handleApproval(row: ContractItem) {
+    if (!hasApprovalScopedPermission(row, ['CONTRACT:READ'])) {
+      return;
+    }
+    activeSourceId.value = row.id;
+    showDetailDrawer.value = true;
+  }
+
+  function handleReview(row: ContractItem) {
+    reviewByResourceId(row.id, {
+      onSuccess: (resourceId) => {
+        tableItemRefreshId.value = resourceId;
+      },
+    });
+  }
+
+  async function handleActionSelect(row: ContractItem, actionKey: string) {
+    switch (actionKey) {
+      case 'review':
+        handleReview(row);
+        break;
+      case 'paymentRecord':
+        handlePaymentRecord(row);
+        break;
+      case 'revoke':
+        handleRevoke(row);
+        break;
+      case 'edit':
+        handleEdit(row.id);
+        break;
+      case 'delete':
+        handleDelete(row);
+        break;
+      default:
+        break;
+    }
+  }
+
+  function showCustomerDrawer(params: { customerId: string; inCustomerPool: boolean; poolId: string }) {
+    emit(
+      'openCustomerDrawer',
+      {
+        customerId: params.customerId,
+        inCustomerPool: params.inCustomerPool,
+        poolId: params.poolId || '',
+      },
+      false
+    );
+  }
+
+  function handleOpenDetail(type: OpenDetailType, item: ContractItem) {
+    if (type === 'customer') {
+      showCustomerDrawer(item);
+      return;
+    }
+    if (!hasApprovalScopedPermission(item, ['CONTRACT:READ'])) {
+      return;
+    }
+    activeSourceId.value = item.id;
+    showDetailDrawer.value = true;
+  }
+
+  function hasContractStagePermission(row: ContractItem) {
+    return hasApprovalScopedPermission(row, ['CONTRACT:STAGE']);
+  }
+
+  const stageConfig = ref<OpportunityStageConfig>();
+  const contractStageList = computed(() => stageConfig.value?.stageConfigList || []);
+  const contractEndStages = computed(() =>
+    contractStageList.value.filter((item) => item.type === 'END').map((i) => i.id)
+  );
+
+  function isContractStageOptionDisabled(row: ContractItem, targetStage: string) {
+    const currentStage = row.stage;
+    const isSameStage = currentStage === targetStage;
+    const currentIndex = contractStageList.value.findIndex((item) => item.id === currentStage);
+    const targetIndex = contractStageList.value.findIndex((item) => item.id === targetStage);
+    const isCurrentEndStage = contractEndStages.value.includes(currentStage);
+
+    if (isCurrentEndStage) {
+      return isSameStage || !stageConfig.value?.endRollBack;
+    }
+
+    if (stageConfig.value?.afootRollBack) {
+      return isSameStage;
+    }
+
+    return isSameStage || targetIndex < currentIndex;
+  }
+
+  async function initStageConfig() {
+    try {
+      stageConfig.value = await getContractStatusConfig();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  await Promise.all([initStageConfig(), initApprovalPermission()]);
+
+  const flowModalShow = ref(false);
+  const targetStageConfig = ref<StageConfigItem>();
+  const circulationFieldValues = ref<CirculationFieldValueItem[]>([]);
+  const currentStageConfig = ref<StageConfigItem>();
+
+  function getContractStageOptions(row: ContractItem) {
+    const currentStageAdvanceConfig = stageConfig.value?.advancedConfigs.find((e) => e.originId === row.stage);
+    return contractStageList.value.map((item) => ({
+      label: item.name,
+      value: item.id,
+      disabled:
+        stageConfig.value?.circulationType === CirculationTypeEnum.ADVANCED
+          ? currentStageAdvanceConfig?.targets.find((e) => e.targetId === item.id)?.enable
+          : isContractStageOptionDisabled(row, item.id),
+    }));
+  }
+
+  async function changeStatus(id: string, stage: string) {
+    try {
+      await changeContractStatus({
+        id,
+        stage,
+      });
+      Message.success(t('common.updateSuccess'));
+      return true;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    }
+  }
+
+  const { useTableRes, customFieldsFilterConfig, fieldList } = await useFormCreateTable({
+    formKey: FormDesignKeyEnum.CONTRACT,
+    operationColumn: {
+      key: 'operation',
+      width: 180,
+      fixed: 'right',
+      render: (row: ContractItem) => {
+        const operation = resolveRowOperation(row);
+        return operation.groupList.length
+          ? h(CrmOperationButton, {
+              groupList: operation.groupList,
+              moreList: operation.moreList,
+              onSelect: (key: string) => handleActionSelect(row, key),
+            })
+          : '-';
+      },
+    },
+    specialRender: {
+      name: (row: ContractItem) => {
+        return hasApprovalScopedPermission(row, ['CONTRACT:READ'])
+          ? h(
+              CrmTableButton,
+              {
+                onClick: () => {
+                  activeSourceId.value = row.id;
+                  showDetailDrawer.value = true;
+                },
+              },
+              { default: () => row.name, trigger: () => row.name }
+            )
+          : h(CrmNameTooltip, { text: row.name });
+      },
+      customerId: (row: ContractItem) => {
+        return !row.customerName ||
+          (!row.inCustomerPool && !hasAnyPermission(['CUSTOMER_MANAGEMENT:READ'])) ||
+          (row.inCustomerPool && !hasAnyPermission(['CUSTOMER_MANAGEMENT_POOL:READ']))
+          ? h(
+              CrmNameTooltip,
+              { text: row.customerName },
+              {
+                default: () => row.customerName,
+              }
+            )
+          : h(
+              CrmTableButton,
+              {
+                onClick: () => {
+                  showCustomerDrawer(row);
+                },
+              },
+              { default: () => row.customerName, trigger: () => row.customerName }
+            );
+      },
+      stage: (row: ContractItem) => {
+        const canEditStage = hasApprovalScopedPermission(row, ['CONTRACT:STAGE']);
+        return h(StatusTagSelect, {
+          'status': row.stage as ContractStatusEnum,
+          'noRender': true,
+          'disabled': !canEditStage,
+          'onUpdate:status': async (val) => {
+            if (stageConfig.value?.circulationType === CirculationTypeEnum.ADVANCED) {
+              activeSourceId.value = row.id;
+              targetStageConfig.value = stageConfig.value?.stageConfigList.find((e) => e.id === val);
+              currentStageConfig.value = stageConfig.value?.stageConfigList.find((e) => e.id === row.stage);
+              circulationFieldValues.value =
+                stageConfig.value?.advancedConfigs
+                  .find((e) => e.originId === row.stage)
+                  ?.targets.find((e) => e.targetId === val)?.circulationFieldValues || [];
+              flowModalShow.value = true;
+            } else if (val === ContractStatusEnum.VOID) {
+              handleVoided(row);
+            } else {
+              const res = await changeStatus(row.id, val);
+              if (res) row.stage = val;
+            }
+          },
+          'statusOptions': getContractStageOptions(row),
+        });
+      },
+      approvalStatus: (row: ContractItem) =>
+        h(CrmApprovalPopover, {
+          status: row.approvalStatus,
+          formKey: FormDesignKeyEnum.CONTRACT,
+          sourceId: row.id,
+          showMore: hasApprovalScopedPermission(row, ['CONTRACT:READ']),
+          disabled: row.approvalStatus !== ProcessStatusEnum.UNAPPROVED,
+          onMore: () => {
+            handleApproval(row);
+          },
+        }),
+    },
+    permission: ['CONTRACT:EXPORT', 'CONTRACT:UPDATE'],
+    containerClass: '.crm-contract-table',
+    contractStage: stageConfig.value?.stageConfigList || [],
+    enableApproval,
+  });
+  const {
+    propsRes,
+    propsEvent,
+    tableQueryParams,
+    filterItem,
+    advanceFilter,
+    loadList,
+    setLoadListParams,
+    setAdvanceFilter,
+  } = useTableRes;
+  const billboardRef = ref<InstanceType<typeof billboard>>();
+
+  function handleFlowSuccess() {
+    tableRefreshId.value += 1;
+  }
+
+  const statisticInfo = ref({ amount: 0, averageAmount: 0 });
+  async function getStatistic(_keyword?: string) {
+    try {
+      const res = await getContractStatistic({
+        keyword: _keyword ?? keyword.value,
+        viewId: activeTab.value,
+        combineSearch: advanceFilter,
+        filters: filterItem.value,
+      });
+      statisticInfo.value = res;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    }
+  }
+
+  const totalAmountInfo = computed(() => {
+    if (checkedRowKeys.value.length > 0) {
+      const amount = propsRes.value.data
+        .filter((item: ContractItem) => checkedRowKeys.value.includes(item.id))
+        .reduce((total: number, item: ContractItem) => total + (item.amount || 0), 0);
+      return {
+        averageAmount: amount / checkedRowKeys.value.length,
+        amount,
+      };
+    }
+    return {
+      averageAmount: statisticInfo.value?.averageAmount ?? 0,
+      amount: statisticInfo.value?.amount ?? 0,
+    };
+  });
+
+  function filterChange(val: any) {
+    propsEvent.value.filterChange(val);
+    getStatistic();
+  }
+
+  const showStatisticInfo = computed(
+    () => propsRes.value.columns.find((item) => item.key === 'amount') || activeShowType.value === 'billboard'
+  );
+
+  const exportColumns = computed<ExportTableColumnItem[]>(() =>
+    getExportColumns(propsRes.value.columns, customFieldsFilterConfig.value as FilterFormItem[], fieldList.value, true)
+  );
+  const exportParams = computed(() => {
+    return {
+      ...tableQueryParams.value,
+      ids: checkedRowKeys.value,
+    };
+  });
+
+  const exportApprovalTip = computed(() => getApprovalActionTip(['CONTRACT:EXPORT'], 'common.exportApprovalTip'));
+  const batchEditApprovalTip = computed(() => getApprovalActionTip(['CONTRACT:UPDATE'], 'common.batchEditApprovalTip'));
+
+  const actionConfig = computed(() => {
+    return {
+      baseAction: [
+        {
+          label: t('common.exportChecked'),
+          key: 'exportChecked',
+          permission: ['CONTRACT:EXPORT'],
+        },
+        {
+          label: t('common.batchEdit'),
+          key: 'batchEdit',
+          permission: ['CONTRACT:UPDATE'],
+        },
+      ],
+    };
+  });
+
+  // 表格
+  const filterConfigList = computed<FilterFormItem[]>(() => [
+    {
+      title: t('opportunity.department'),
+      dataIndex: 'departmentId',
+      type: FieldTypeEnum.TREE_SELECT,
+      treeSelectProps: {
+        labelField: 'name',
+        keyField: 'id',
+        multiple: true,
+        clearFilterAfterSelect: false,
+        type: 'department',
+        checkable: true,
+        showContainChildModule: true,
+        containChildIds: [],
+      },
+    },
+    {
+      title: t('contract.status'),
+      dataIndex: 'stage',
+      type: FieldTypeEnum.SELECT_MULTIPLE,
+      operatorOption: COMMON_SELECTION_OPERATORS,
+      selectProps: {
+        options:
+          stageConfig.value?.stageConfigList.map((e: any) => ({
+            label: e.name,
+            value: e.id,
+          })) || [],
+      },
+    },
+    {
+      title: t('contract.voidReason'),
+      dataIndex: 'voidReason',
+      type: FieldTypeEnum.INPUT,
+    },
+    // 先去掉
+    // {
+    //   title: t('contract.alreadyPayAmount'),
+    //   dataIndex: 'alreadyPayAmount',
+    //   type: FieldTypeEnum.INPUT_NUMBER,
+    // },
+    {
+      title: t('contract.approvalStatus'),
+      dataIndex: 'approvalStatus',
+      operatorOption: COMMON_SELECTION_OPERATORS,
+      type: FieldTypeEnum.SELECT_MULTIPLE,
+      selectProps: {
+        options: processStatusOptions,
+      },
+    },
+    ...baseFilterConfigList,
+  ]);
+
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+
+  const isAdvancedSearchMode = ref(false);
+  const advancedOriginalForm = ref<FilterForm | undefined>();
+  function handleAdvSearch(filter: FilterResult, isAdvancedMode: boolean, originalForm?: FilterForm) {
+    keyword.value = '';
+    advancedOriginalForm.value = originalForm;
+    isAdvancedSearchMode.value = isAdvancedMode;
+    setAdvanceFilter(filter);
+    if (activeShowType.value === 'billboard') {
+      billboardRef.value?.refresh();
+      getStatistic();
+    } else {
+      loadList();
+      getStatistic();
+      crmTableRef.value?.scrollTo({ top: 0 });
+    }
+  }
+
+  function searchData(val?: string, refreshId?: string) {
+    if (!activeTab.value) return;
+    setLoadListParams({ keyword: val ?? keyword.value, viewId: activeTab.value });
+    if (activeShowType.value === 'billboard') {
+      billboardRef.value?.refresh();
+      getStatistic(val);
+    } else {
+      loadList(false, refreshId);
+      getStatistic(val);
+      if (!refreshId) {
+        crmTableRef.value?.scrollTo({ top: 0 });
+      }
+    }
+  }
+
+  watch(
+    () => activeShowType.value,
+    async (val) => {
+      if (val) {
+        await setItem('contract-active-show-type', activeShowType.value as 'table' | 'billboard');
+        searchData();
+      }
+    }
+  );
+
+  watch(
+    () => tableRefreshId.value,
+    () => {
+      checkedRowKeys.value = [];
+      searchData();
+    }
+  );
+
+  const showBusinessTitleDetailDrawer = ref(false);
+  const activeBusinessTitleSourceId = ref<string>('');
+  function handleOpenBusinessTitleDrawer(params: { id: string }) {
+    activeBusinessTitleSourceId.value = params.id;
+    showBusinessTitleDetailDrawer.value = true;
+  }
+
+  function handleFormCreateSaved(res: any) {
+    if (needInitDetail.value || activeFormKey.value === FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD) {
+      searchData(undefined, res.id);
+    } else {
+      searchData();
+    }
+  }
+
+  function handleFormReview(res: any) {
+    reviewByFormResult(res, {
+      onSuccess: () => {
+        handleFormCreateSaved(res);
+      },
+    });
+  }
+
+  function removeItemFromList(id: string) {
+    if (deleteExecute.value) {
+      searchData();
+      return;
+    }
+    if (activeShowType.value === 'billboard') {
+      billboardRef.value?.refresh();
+      getStatistic();
+      return;
+    }
+    propsRes.value.data = propsRes.value.data.filter((item) => item.id !== id);
+    propsRes.value.crmPagination = {
+      ...propsRes.value.crmPagination,
+      itemCount: (propsRes.value.crmPagination?.itemCount ?? 1) - 1,
+    };
+    getStatistic();
+  }
+
+  watch(
+    () => tableRemoveRefreshId.value,
+    (val) => {
+      if (val) {
+        removeItemFromList(val);
+        getStatistic();
+      }
+    }
+  );
+
+  watch(
+    () => tableItemRefreshId.value,
+    (val) => {
+      if (val) {
+        searchData(undefined, val);
+        tableItemRefreshId.value = '';
+      }
+    }
+  );
+
+  // 先不上
+  // function handleGeneratedChart(res: FilterResult, form: FilterForm) {
+  //   advancedOriginalForm.value = form;
+  //   setAdvanceFilter(res);
+  //   tableAdvanceFilterRef.value?.setAdvancedFilter(res, true);
+  //   searchData();
+  // }
+
+  // const { initTableViewChartParams, getChartViewId } = useViewChartParams();
+
+  // function viewChartCallBack(params: ViewChartResult) {
+  //   const { viewId, formModel, filterResult } = params;
+  //   tableAdvanceFilterRef.value?.initFormModal(formModel, true);
+  //   setAdvanceFilter(filterResult);
+  //   activeTab.value = viewId;
+  // }
+
+  watch(
+    () => activeTab.value,
+    (val) => {
+      if (val) {
+        checkedRowKeys.value = [];
+        setLoadListParams({ keyword: keyword.value, viewId: activeTab.value });
+        // initTableViewChartParams(viewChartCallBack);
+        crmTableRef.value?.setColumnSort(val);
+        getStatistic();
+      }
+    },
+    { immediate: true }
+  );
+
+  onMounted(async () => {
+    activeShowType.value = (await getItem<'billboard' | 'table'>('contract-active-show-type')) ?? 'table';
+    if (route.query.id) {
+      activeSourceId.value = route.query.id as string;
+      showDetailDrawer.value = true;
+    }
+  });
+
+  function handleBillboardInit(total: number) {
+    billboardTotalCount.value = total;
+  }
+
+  // onBeforeUnmount(() => {
+  //   sessionStorage.removeItem(STORAGE_VIEW_CHART_KEY);
+  // });
+
+  watch(
+    () => showExportModal.value,
+    (val) => {
+      if (val) {
+        initApprovalPermission();
+      }
+    }
+  );
+</script>
+
+<style lang="less" scoped>
+  .show-type-tabs {
+    :deep(.n-tabs-tab) {
+      padding: 6px;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/contract/contract/components/contractTimeline.vue b/frontend/packages/web/src/views/contract/contract/components/contractTimeline.vue
new file mode 100644
index 0000000..7802ad7
--- /dev/null
+++ b/frontend/packages/web/src/views/contract/contract/components/contractTimeline.vue
@@ -0,0 +1,205 @@
+<template>
+  <CrmCard no-content-bottom-padding hide-footer>
+    <div
+      v-if="statisticInfo"
+      class="mb-[16px] flex gap-[24px] rounded-[var(--border-radius-mini)] bg-[var(--text-n9)] p-[12px]"
+    >
+      <div v-for="item in statisticInfo" :key="item" class="flex items-center">
+        <span>{{ item.label }}</span>
+        <span class="ml-[8px] font-semibold">
+          {{ item.value.toLocaleString('en-US') }}
+        </span>
+      </div>
+    </div>
+    <CrmList
+      v-if="data.length"
+      v-model:data="data"
+      :loading="loading"
+      virtual-scroll-height="calc(100vh - 270px)"
+      key-field="id"
+      mode="remote"
+      @reach-bottom="handleReachBottom"
+    >
+      <template #item="{ item }">
+        <div class="crm-follow-record-item">
+          <div class="crm-follow-time-line">
+            <div class="crm-follow-time-dot"></div>
+            <div class="crm-follow-time-line"></div>
+          </div>
+          <div class="mb-[24px] flex w-full flex-col gap-[16px]">
+            <div class="crm-follow-record-title h-[32px]">
+              {{ dayjs(item.createTime).format('YYYY-MM-DD') }}
+            </div>
+
+            <div class="crm-follow-record-base-info">
+              <CrmDetailCard :description="getDescription(item)">
+                <template #createUserName="{ item: decItem }">
+                  {{ decItem.value }}
+                </template>
+                <template #name>
+                  <CrmTableButton
+                    @click="
+                      goDetail(
+                        item.id,
+                        props.formKey === FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD
+                          ? FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD
+                          : FormDesignKeyEnum.CONTRACT
+                      )
+                    "
+                  >
+                    {{ item.name }}
+                    <template #trigger> {{ item.name }} </template>
+                  </CrmTableButton>
+                </template>
+                <template #contractName="{ item: decItem }">
+                  <CrmTableButton @click="goDetail(item.contractId)">
+                    {{ decItem.value }}
+                    <template #trigger> {{ decItem.value }} </template>
+                  </CrmTableButton>
+                </template>
+                <template #stage>
+                  {{ contractStatusOptions.find((i) => i.value === item.stage)?.label }}
+                </template>
+                <template #planStatus>
+                  <ContractStatus :status="item?.planStatus ?? ContractStatusEnum.SIGNED" />
+                </template>
+                <template #createTime="{ item: decItem }">
+                  <div class="flex items-center gap-[8px]">
+                    {{ dayjs(decItem.value).format('YYYY-MM-DD HH:mm:ss') }}
+                  </div>
+                </template>
+                <template #recordAmount="{ item: decItem }">
+                  <div class="flex items-center gap-[8px]">
+                    {{ decItem.value }}
+                  </div>
+                </template>
+                <template #amount="{ item: decItem }">
+                  <div class="flex items-center gap-[8px]">
+                    {{ decItem.value }}
+                  </div>
+                </template>
+                <template #approvalStatus="{ item: decItem }">
+                  <div class="flex items-center gap-[8px]">
+                    <CrmApprovalStatus :status="(decItem.value as ProcessStatusEnum)??  ProcessStatusEnum.NONE" />
+                  </div>
+                </template>
+                <template #updateTime="{ item: decItem }">
+                  <div class="flex items-center gap-[8px]">
+                    {{ dayjs(decItem.value).format('YYYY-MM-DD HH:mm:ss') }}
+                  </div>
+                </template>
+              </CrmDetailCard>
+            </div>
+          </div>
+        </div>
+      </template>
+    </CrmList>
+    <n-empty v-else :description="t('common.noData')"> </n-empty>
+  </CrmCard>
+</template>
+
+<script setup lang="ts">
+  import { NEmpty } from 'naive-ui';
+  import dayjs from 'dayjs';
+
+  import { ContractStatusEnum } from '@lib/shared/enums/contractEnum';
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { ProcessStatusEnum } from '@lib/shared/enums/process';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { OpportunityStageConfig } from '@lib/shared/models/opportunity';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmDetailCard from '@/components/pure/crm-detail-card/index.vue';
+  import CrmList from '@/components/pure/crm-list/index.vue';
+  import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+  import CrmApprovalStatus from '@/components/business/crm-approval/components/crm-approval-status.vue';
+  import ContractStatus from '@/views/contract/contractPaymentPlan/components/contractPaymentStatus.vue';
+
+  import { getContractStatusConfig } from '@/api/modules';
+  import type { TimelineType } from '@/hooks/useContractTimeline';
+  import useContractTimeline from '@/hooks/useContractTimeline';
+  import useOpenNewPage from '@/hooks/useOpenNewPage';
+
+  import { ContractRouteEnum } from '@/enums/routeEnum';
+
+  const props = defineProps<{
+    sourceId: string;
+    formKey: TimelineType;
+  }>();
+
+  const { t } = useI18n();
+  const { openNewPage } = useOpenNewPage();
+
+  const { data, loading, statisticInfo, getDescription, getFormConfig, loadList, getStatistic, handleReachBottom } =
+    useContractTimeline(props.formKey, props.sourceId);
+
+  function goDetail(id: string, type?: FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD | FormDesignKeyEnum.CONTRACT) {
+    if (type === FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD) {
+      openNewPage(ContractRouteEnum.CONTRACT_PAYMENT_RECORD, {
+        recordId: id,
+      });
+    } else {
+      openNewPage(ContractRouteEnum.CONTRACT_INDEX, {
+        id,
+      });
+    }
+  }
+
+  const stageConfig = ref<OpportunityStageConfig>();
+  async function initStageConfig() {
+    try {
+      stageConfig.value = await getContractStatusConfig();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  const contractStatusOptions = computed(() => {
+    return (
+      stageConfig.value?.stageConfigList?.map((item) => ({
+        label: item.name,
+        value: item.id,
+      })) || []
+    );
+  });
+
+  onMounted(async () => {
+    await getFormConfig();
+    loadList();
+    getStatistic();
+    initStageConfig();
+  });
+</script>
+
+<style scoped lang="less">
+  .crm-follow-record-item {
+    @apply flex gap-4;
+    .crm-follow-time-line {
+      padding-top: 12px;
+      width: 8px;
+
+      @apply flex flex-col items-center justify-center gap-2;
+      .crm-follow-time-dot {
+        width: 8px;
+        height: 8px;
+        border: 2px solid var(--text-n7);
+        border-color: var(--primary-8);
+        border-radius: 50%;
+        flex-shrink: 0;
+      }
+      .crm-follow-time-line {
+        width: 2px;
+        background: var(--text-n8);
+        @apply h-full;
+      }
+    }
+    .crm-follow-record-title {
+      @apply flex items-center justify-between gap-4;
+      .crm-follow-record-method {
+        color: var(--text-n1);
+        @apply font-medium;
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/contract/contract/components/detail.vue b/frontend/packages/web/src/views/contract/contract/components/detail.vue
new file mode 100644
index 0000000..29828d9
--- /dev/null
+++ b/frontend/packages/web/src/views/contract/contract/components/detail.vue
@@ -0,0 +1,508 @@
+<template>
+  <CrmDrawer v-model:show="visible" resizable no-padding :footer="false" :title="title" :view-size="formViewSize">
+    <template #titleLeft>
+      <div class="text-[14px]b flex items-center gap-[8px] font-normal">
+        <CrmApprovalStatus :status="detailInfo?.approvalStatus || ProcessStatusEnum.NONE" />
+      </div>
+    </template>
+    <template #titleRight>
+      <CrmOperationButton
+        class="gap-[12px]"
+        :not-show-divider="true"
+        :group-list="detailActions.groupList"
+        :more-list="detailActions.moreList"
+        @select="handleButtonClick"
+      >
+        <template #more>
+          <n-button type="primary" ghost class="n-btn-outline-primary">
+            {{ t('common.more') }}
+            <CrmIcon class="ml-[8px]" type="iconicon_chevron_down" :size="16" />
+          </n-button>
+        </template>
+      </CrmOperationButton>
+    </template>
+    <div class="h-full bg-[var(--text-n9)] p-[16px]">
+      <CrmWorkflowCard
+        v-model:stage="currentStatus"
+        class="mb-[16px]"
+        :stageConfig="stageConfig"
+        :formKey="FormDesignKeyEnum.CONTRACT"
+        is-limit-back
+        is-no-resign-flow
+        :readonly="!canUpdateStage"
+        :back-stage-permission="['CONTRACT:STAGE']"
+        :source-id="sourceId"
+        :operation-permission="['CONTRACT:STAGE']"
+        :update-api="updateContractStage"
+        @load-detail="handleSaved()"
+      />
+      <CrmCard no-content-padding hide-footer auto-height class="mb-[16px]">
+        <CrmTab v-model:active-tab="activeTab" no-content :tab-list="tabList" type="line" />
+      </CrmCard>
+
+      <CrmCard contentHeight="100%" hide-footer :special-height="170" no-content-padding>
+        <!-- 需要用到 detailInfo 所以这里不用 v-if -->
+        <div v-show="activeTab === 'contract'" class="h-full">
+          <CrmApprovalDetail
+            :form-key="FormDesignKeyEnum.CONTRACT"
+            :source-id="props.sourceId"
+            :refresh-key="approvalDetailRefreshKey"
+            :approval-status="detailInfo?.approvalStatus"
+            @saveApproval="handleSaveApproval"
+          >
+            <template #left="{ fieldPermissions }">
+              <CrmFormDescription
+                ref="formDescriptionRef"
+                :form-key="FormDesignKeyEnum.CONTRACT_SNAPSHOT"
+                :source-id="props.sourceId"
+                :column="2"
+                :refresh-key="refreshKey"
+                label-width="auto"
+                value-align="start"
+                tooltip-position="top-start"
+                :readonly="!hasAnyPermission(['CONTRACT:UPDATE'])"
+                :isContractTableDetail="props.isContractTableDetail"
+                :fieldPermissions="fieldPermissions"
+                :otherSaveParams="{
+                  updateType: 'approval',
+                  approvalTaskId: props.approvalTaskId,
+                }"
+                @openCustomerDetail="emit('showCustomerDrawer', $event)"
+                @openOpportunityDetail="openOpportunityDetail"
+                @openQuotationDetail="openQuotationDetail"
+                @init="handleInit"
+              />
+            </template>
+          </CrmApprovalDetail>
+        </div>
+        <div v-if="activeTab === 'payment'" class="h-full p-[24px]">
+          <PaymentTable
+            :form-key="FormDesignKeyEnum.CONTRACT_CONTRACT_PAYMENT"
+            :sourceId="props.sourceId"
+            :sourceName="title"
+            isContractTab
+          />
+        </div>
+        <div v-if="activeTab === 'paymentRecord'" class="h-full p-[24px]">
+          <PaymentRecordTable
+            :form-key="FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD"
+            :sourceId="props.sourceId"
+            :sourceName="title"
+            isContractTab
+            @refresh="handleSaved()"
+          />
+        </div>
+        <div v-if="activeTab === 'invoice'" class="h-full p-[24px]">
+          <InvoiceTable
+            :sourceId="props.sourceId"
+            :sourceName="title"
+            is-contract-tab
+            @open-business-title-drawer="showBusinessTitleDetail"
+          />
+        </div>
+        <div v-if="activeTab === 'order'" class="h-full p-[24px]">
+          <OrderTable
+            :formKey="FormDesignKeyEnum.CONTRACT_ORDER"
+            :sourceId="props.sourceId"
+            :sourceName="title"
+            is-contract-tab
+            @open-customer-drawer="emit('showCustomerDrawer', $event)"
+          />
+        </div>
+      </CrmCard>
+    </div>
+    <CrmFormCreateDrawer
+      v-model:visible="formCreateDrawerVisible"
+      :source-id="activeSourceId"
+      :form-key="activeFormKey"
+      :need-init-detail="needInitDetail"
+      :initial-source-name="initialSourceName"
+      :link-form-key="FormDesignKeyEnum.CONTRACT"
+      :link-form-info="linkFormInfo"
+      @saved="handleFormCreateSaved"
+      @review="handleFormReview"
+    />
+    <QuotationDetailDrawer
+      v-model:visible="showQuotationDetailDrawer"
+      :source-id="activeQuotationSourceId"
+      @edit="handleEditQuotation"
+      @refresh="handleSaved()"
+    />
+    <OptOverviewDrawer
+      v-model:show="showOptOverviewDrawer"
+      :detail="activeOpportunity"
+      @refresh="handleSaved()"
+      @open-customer-drawer="emit('showCustomerDrawer', $event)"
+    />
+  </CrmDrawer>
+</template>
+
+<script lang="ts" setup>
+  import { NButton, useMessage } from 'naive-ui';
+
+  import { ContractStatusEnum } from '@lib/shared/enums/contractEnum';
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { ProcessStatusEnum } from '@lib/shared/enums/process';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { characterLimit } from '@lib/shared/method';
+  import type { ContractItem } from '@lib/shared/models/contract';
+  import { CollaborationType } from '@lib/shared/models/customer';
+  import { OpportunityStageConfig } from '@lib/shared/models/opportunity';
+  import type { FormConfig, FormViewSize } from '@lib/shared/models/system/module';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmTab from '@/components/pure/crm-tab/index.vue';
+  import CrmApprovalDetail from '@/components/business/crm-approval/components/crm-approval-detail.vue';
+  import CrmApprovalStatus from '@/components/business/crm-approval/components/crm-approval-status.vue';
+  import CrmFormCreateDrawer from '@/components/business/crm-form-create-drawer/index.vue';
+  import CrmFormDescription from '@/components/business/crm-form-description/index.vue';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+  import CrmWorkflowCard from '@/components/business/crm-workflow-card/index.vue';
+  import PaymentTable from '@/views/contract/contractPaymentPlan/components/paymentTable.vue';
+  import PaymentRecordTable from '@/views/contract/contractPaymentRecord/components/paymentTable.vue';
+  import InvoiceTable from '@/views/contract/invoice/components/invoiceTable.vue';
+  import OptOverviewDrawer from '@/views/opportunity/components/optOverviewDrawer.vue';
+  import QuotationDetailDrawer from '@/views/opportunity/components/quotation/detail.vue';
+  import OrderTable from '@/views/order/order/components/orderTable.vue';
+
+  import { deleteContract, getContractStatusConfig, updateContractStage } from '@/api/modules';
+  import useApprovalOperation from '@/hooks/useApprovalOperation';
+  import useApprovalResourceAction from '@/hooks/useApprovalResourceAction';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+  import useModal from '@/hooks/useModal';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const props = defineProps<{
+    sourceId: string;
+    isContractTableDetail?: boolean;
+    approvalTaskId?: string;
+  }>();
+  const emit = defineEmits<{
+    (e: 'refresh'): void;
+    (e: 'delete'): void;
+    (e: 'showCustomerDrawer', params: { customerId: string; inCustomerPool: boolean; poolId: string }): void;
+    (e: 'openBusinessTitleDrawer', params: { id: string }): void;
+  }>();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const Message = useMessage();
+  const { openModal } = useModal();
+  const { t } = useI18n();
+  const title = ref('');
+  const detailInfo = ref();
+
+  const activeTab = ref('contract');
+
+  const tabList = computed(() =>
+    [
+      {
+        name: 'contract',
+        tab: t('module.contract'),
+        permission: ['CONTRACT:READ'],
+      },
+      {
+        name: 'payment',
+        tab: t('module.paymentPlan'),
+        permission: ['CONTRACT_PAYMENT_PLAN:READ'],
+      },
+      {
+        name: 'paymentRecord',
+        tab: t('module.paymentRecord'),
+        permission: ['CONTRACT_PAYMENT_RECORD:READ'],
+      },
+      {
+        name: 'invoice',
+        tab: t('module.invoice'),
+        permission: ['CONTRACT_INVOICE:READ'],
+      },
+      {
+        name: 'order',
+        tab: t('module.order'),
+        permission: ['ORDER:READ'],
+      },
+    ].filter((item) => hasAnyPermission(item.permission))
+  );
+
+  function createContractDetailActionMap(row: ContractItem) {
+    return {
+      edit: {
+        label: t('common.edit'),
+        key: 'edit',
+        permission: ['CONTRACT:UPDATE'],
+      },
+      paymentRecord: {
+        label: t('contract.payment'),
+        key: 'paymentRecord',
+        permission: ['CONTRACT:PAYMENT'],
+        disabled: !row.amount || row.alreadyPayAmount >= row.amount,
+        tooltipContent: row.alreadyPayAmount >= row.amount ? t('contract.noPaymentRequired') : undefined,
+      },
+      delete: {
+        label: t('common.delete'),
+        key: 'delete',
+        danger: true,
+        permission: ['CONTRACT:DELETE'],
+      },
+    };
+  }
+
+  const { initApprovalPermission, resolveRowOperation, enableApproval, deleteExecute, hasApprovalScopedPermission } =
+    useApprovalOperation<ContractItem>({
+      formType: FormDesignKeyEnum.CONTRACT,
+      dataActionMap: createContractDetailActionMap,
+      isDetail: true,
+      identityResolver: {
+        isApplicant: (row, currentUserId) => row.createUser === currentUserId,
+      },
+      specialActionFilter: (row, actionKeys) => {
+        if (row.stage !== ContractStatusEnum.VOID) {
+          return actionKeys;
+        }
+
+        return actionKeys.filter((key) => {
+          if (key === 'paymentRecord') {
+            return false;
+          }
+
+          if (!enableApproval.value && key === 'edit') {
+            return false;
+          }
+
+          return true;
+        });
+      },
+    });
+
+  const detailActions = computed<{
+    groupList: ActionsItem[];
+    moreList: ActionsItem[];
+  }>(() => {
+    if (!detailInfo.value) {
+      return { groupList: [], moreList: [] };
+    }
+
+    const detailAction = resolveRowOperation(detailInfo.value);
+    return {
+      ...detailAction,
+      groupList: detailAction.groupList.map((e) => {
+        return {
+          ...e,
+          text: false,
+          ghost: true,
+          class: 'n-btn-outline-primary',
+        };
+      }),
+    };
+  });
+  const stageConfig = ref<OpportunityStageConfig>();
+  const currentStatus = ref<string>(stageConfig.value?.stageConfigList[0]?.id || '');
+  const formViewSize = ref<FormViewSize>('large');
+  function handleInit(type?: CollaborationType, name?: string, detail?: Record<string, any>, config?: FormConfig) {
+    title.value = name || '';
+    detailInfo.value = detail ?? {};
+    formViewSize.value = config?.viewSize || 'large';
+    if (detail) {
+      currentStatus.value = detail.stage;
+    }
+  }
+
+  const formCreateDrawerVisible = ref(false);
+  const needInitDetail = ref(true);
+  const initialSourceName = ref('');
+  const activeFormKey = ref(FormDesignKeyEnum.CONTRACT);
+  const activeSourceId = ref('');
+
+  function handleEdit() {
+    needInitDetail.value = true;
+    initialSourceName.value = '';
+    activeFormKey.value = FormDesignKeyEnum.CONTRACT;
+    activeSourceId.value = props.sourceId;
+    formCreateDrawerVisible.value = true;
+  }
+
+  const refreshKey = ref(0);
+  const approvalDetailRefreshKey = ref(0);
+  function handleSaved() {
+    refreshKey.value += 1;
+    emit('refresh');
+  }
+
+  function handleFormCreateSaved(_res: any, isUpdateReview?: boolean) {
+    if (isUpdateReview) {
+      approvalDetailRefreshKey.value += 1;
+    }
+    handleSaved();
+  }
+
+  const { reviewByFormResult, reviewByResourceId, revokeByResourceId } = useApprovalResourceAction({
+    formKey: FormDesignKeyEnum.CONTRACT,
+  });
+
+  const canUpdateStage = computed(() => {
+    if (!detailInfo.value) {
+      return false;
+    }
+
+    return hasApprovalScopedPermission(detailInfo.value, ['CONTRACT:STAGE']);
+  });
+
+  function handleFormReview(res: any) {
+    reviewByFormResult(res, {
+      onSuccess: () => {
+        handleSaved();
+      },
+    });
+  }
+
+  function handleReview() {
+    reviewByResourceId(props.sourceId, {
+      onSuccess: () => {
+        handleSaved();
+      },
+    });
+  }
+
+  function handleDelete(row: ContractItem) {
+    openModal({
+      type: 'error',
+      title: t('common.deleteConfirmTitle', { name: characterLimit(row.name) }),
+      content: t('common.deleteConfirmContent'),
+      positiveText: deleteExecute.value ? t('crm.approval.confirmAndSubmitReview') : t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deleteContract(row.id);
+          Message.success(deleteExecute.value ? t('common.reviewSuccess') : t('common.deleteSuccess'));
+          visible.value = false;
+          emit('delete');
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  function handleRevoke() {
+    revokeByResourceId(props.sourceId, {
+      onSuccess: () => {
+        handleSaved();
+      },
+    });
+  }
+
+  // 回款
+  const linkFormInfo = ref();
+  const { initFormDetail, initFormConfig, linkFormFieldMap } = useFormCreateApi({
+    formKey: ref(FormDesignKeyEnum.CONTRACT),
+    sourceId: activeSourceId,
+  });
+  async function handlePaymentRecord(row: ContractItem) {
+    activeSourceId.value = row.id;
+    initialSourceName.value = row.name;
+    needInitDetail.value = false;
+    activeFormKey.value = FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD;
+    await initFormConfig();
+    await initFormDetail(false, true);
+    linkFormInfo.value = linkFormFieldMap.value;
+    formCreateDrawerVisible.value = true;
+  }
+
+  const showQuotationDetailDrawer = ref(false);
+  const activeQuotationSourceId = ref('');
+  function openQuotationDetail(params: { id: string }) {
+    showQuotationDetailDrawer.value = true;
+    activeQuotationSourceId.value = params.id;
+  }
+
+  function handleEditQuotation(id: string) {
+    activeFormKey.value = FormDesignKeyEnum.OPPORTUNITY_QUOTATION;
+    activeSourceId.value = id;
+    needInitDetail.value = true;
+    linkFormInfo.value = undefined;
+    formCreateDrawerVisible.value = true;
+  }
+
+  const showOptOverviewDrawer = ref<boolean>(false);
+  const activeOpportunity = ref();
+  function openOpportunityDetail(params: { id: string }) {
+    showOptOverviewDrawer.value = true;
+    activeOpportunity.value = {
+      id: params.id,
+    };
+  }
+
+  async function handleButtonClick(actionKey: string) {
+    switch (actionKey) {
+      case 'edit':
+        handleEdit();
+        break;
+      case 'revoke':
+        handleRevoke();
+        break;
+      case 'review':
+        handleReview();
+        break;
+      case 'paymentRecord':
+        handlePaymentRecord(detailInfo.value);
+        break;
+      case 'delete':
+        handleDelete(detailInfo.value);
+        break;
+      default:
+        break;
+    }
+  }
+
+  const formDescriptionRef = ref<InstanceType<typeof CrmFormDescription>>();
+  async function handleSaveApproval(callback: () => Promise<any>, hasFieldPermission: boolean) {
+    if (hasFieldPermission) {
+      formDescriptionRef.value?.handleFormChange(async () => {
+        await callback();
+        refreshKey.value += 1;
+        emit('refresh');
+      });
+    } else {
+      await callback();
+      refreshKey.value += 1;
+      emit('refresh');
+    }
+  }
+
+  async function initStageConfig() {
+    try {
+      stageConfig.value = await getContractStatusConfig();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  watch(
+    () => visible.value,
+    (val) => {
+      if (val) {
+        initStageConfig();
+      }
+    }
+  );
+
+  function showBusinessTitleDetail(params: { id: string }) {
+    emit('openBusinessTitleDrawer', params);
+  }
+
+  watch(
+    () => visible.value,
+    (val) => {
+      if (val) {
+        initApprovalPermission();
+      }
+    }
+  );
+</script>
diff --git a/frontend/packages/web/src/views/contract/contract/components/voidReasonModal.vue b/frontend/packages/web/src/views/contract/contract/components/voidReasonModal.vue
new file mode 100644
index 0000000..bf96f1c
--- /dev/null
+++ b/frontend/packages/web/src/views/contract/contract/components/voidReasonModal.vue
@@ -0,0 +1,109 @@
+<template>
+  <CrmModal
+    v-model:show="visible"
+    size="small"
+    :ok-loading="loading"
+    :positive-text="t('common.voided')"
+    @confirm="handleConfirm"
+  >
+    <template #title>
+      <div class="flex gap-[4px] overflow-hidden">
+        <div class="text-[var(--text-n1)]">{{ t('contract.voidReason') }}</div>
+        <div class="flex text-[var(--text-n4)]">
+          (
+          <div class="one-line-text max-w-[300px]">{{ props.name }}</div>
+          )
+        </div>
+      </div>
+    </template>
+    <n-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      label-placement="left"
+      label-width="auto"
+      require-mark-placement="right"
+    >
+      <n-form-item path="reason" :label="t('contract.voidReason')">
+        <n-input
+          v-model:value="form.reason"
+          type="textarea"
+          :placeholder="t('common.pleaseInput')"
+          allow-clear
+          maxlength="200"
+          show-count
+        />
+      </n-form-item>
+    </n-form>
+  </CrmModal>
+</template>
+
+<script setup lang="ts">
+  import { FormInst, FormRules, NForm, NFormItem, NInput, useMessage } from 'naive-ui';
+
+  import { ContractStatusEnum } from '@lib/shared/enums/contractEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+
+  import { changeContractStatus } from '@/api/modules';
+
+  const props = defineProps<{
+    sourceId: string;
+    name: string;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'refresh'): void;
+  }>();
+
+  const Message = useMessage();
+  const { t } = useI18n();
+
+  const visible = defineModel<boolean>('visible', { required: true });
+
+  const loading = ref(false);
+  const formRef = ref<FormInst | null>(null);
+  const form = ref<{ reason: string }>({ reason: '' });
+  const rules: FormRules = {
+    reason: [
+      {
+        trigger: ['input', 'blur'],
+        required: true,
+        message: t('common.notNull', { value: t('contract.voidReason') }),
+      },
+    ],
+  };
+
+  async function handleConfirm() {
+    formRef.value?.validate(async (error) => {
+      if (!error) {
+        try {
+          loading.value = true;
+          await changeContractStatus({
+            id: props.sourceId,
+            stage: ContractStatusEnum.VOID,
+            voidReason: form.value.reason,
+          });
+          Message.success(t('common.voidSuccess'));
+          visible.value = false;
+          emit('refresh');
+        } catch (e) {
+          // eslint-disable-next-line no-console
+          console.log(e);
+        } finally {
+          loading.value = false;
+        }
+      }
+    });
+  }
+
+  watch(
+    () => visible.value,
+    (val) => {
+      if (val) {
+        form.value = { reason: '' };
+      }
+    }
+  );
+</script>
diff --git a/frontend/packages/web/src/views/contract/contract/index.vue b/frontend/packages/web/src/views/contract/contract/index.vue
new file mode 100644
index 0000000..3cdeb85
--- /dev/null
+++ b/frontend/packages/web/src/views/contract/contract/index.vue
@@ -0,0 +1,81 @@
+<template>
+  <div ref="contractCardRef" class="h-full">
+    <CrmCard no-content-padding hide-footer>
+      <div class="h-full px-[16px] pt-[16px]">
+        <CrmContractTable :fullscreen-target-ref="contractCardRef" @open-customer-drawer="handleOpenCustomerDrawer" />
+      </div>
+    </CrmCard>
+  </div>
+  <customerOverviewDrawer
+    v-model:show="showCustomerOverviewDrawer"
+    :source-id="activeSourceId"
+    :readonly="isCustomerReadonly"
+  />
+  <openSeaOverviewDrawer
+    v-model:show="showCustomerOpenseaOverviewDrawer"
+    :source-id="activeSourceId"
+    :readonly="isCustomerReadonly"
+    :pool-id="poolId"
+    :hidden-columns="hiddenColumns"
+  />
+  <businessTitleDrawer v-model:visible="showBusinessTitleDetailDrawer" :source-id="activeBusinessTitleSourceId" />
+</template>
+
+<script setup lang="ts">
+  import { CluePoolItem } from '@lib/shared/models/system/module';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import businessTitleDrawer from '../businessTitle/components/detail.vue';
+  import CrmContractTable from './components/contractTable.vue';
+  import customerOverviewDrawer from '@/views/customer/components/customerOverviewDrawer.vue';
+  import openSeaOverviewDrawer from '@/views/customer/components/openSeaOverviewDrawer.vue';
+
+  import { getOpenSeaOptions } from '@/api/modules';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const contractCardRef = ref<HTMLElement | null>(null);
+
+  const showCustomerOverviewDrawer = ref(false);
+  const showCustomerOpenseaOverviewDrawer = ref(false);
+  const poolId = ref<string>('');
+  const activeSourceId = ref<string>('');
+  const isCustomerReadonly = ref(false);
+  function handleOpenCustomerDrawer(
+    params: { customerId: string; inCustomerPool: boolean; poolId: string },
+    readonly = false
+  ) {
+    activeSourceId.value = params.customerId;
+    if (params.inCustomerPool) {
+      showCustomerOpenseaOverviewDrawer.value = true;
+      poolId.value = params.poolId;
+    } else {
+      showCustomerOverviewDrawer.value = true;
+    }
+    isCustomerReadonly.value = readonly;
+  }
+
+  const openSeaOptions = ref<CluePoolItem[]>([]);
+
+  async function initOpenSeaOptions() {
+    if (hasAnyPermission(['CUSTOMER_MANAGEMENT_POOL:READ'])) {
+      const res = await getOpenSeaOptions();
+      openSeaOptions.value = res;
+    }
+  }
+
+  const showBusinessTitleDetailDrawer = ref(false);
+  const activeBusinessTitleSourceId = ref<string>('');
+  function handleOpenBusinessTitleDrawer(params: { id: string }) {
+    activeBusinessTitleSourceId.value = params.id;
+    showBusinessTitleDetailDrawer.value = true;
+  }
+
+  const hiddenColumns = computed<string[]>(() => {
+    const openSeaSetting = openSeaOptions.value.find((item) => item.id === poolId.value);
+    return openSeaSetting?.fieldConfigs.filter((item) => !item.enable).map((item) => item.fieldId) || [];
+  });
+
+  onBeforeMount(() => {
+    initOpenSeaOptions();
+  });
+</script>
diff --git a/frontend/packages/web/src/views/contract/contractPaymentPlan/components/contractPaymentStatus.vue b/frontend/packages/web/src/views/contract/contractPaymentPlan/components/contractPaymentStatus.vue
new file mode 100644
index 0000000..76e2ac0
--- /dev/null
+++ b/frontend/packages/web/src/views/contract/contractPaymentPlan/components/contractPaymentStatus.vue
@@ -0,0 +1,20 @@
+<template>
+  <div class="flex items-center gap-[8px]">
+    <CrmIcon :type="statusMap[props.status]?.icon" :size="16" :class="`text-[${statusMap[props.status]?.color}]`" />
+    {{ statusMap[props.status]?.label }}
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { ContractPaymentPlanEnum } from '@lib/shared/enums/contractEnum';
+
+  import { contractPaymentPlanStatus } from '@/config/contract';
+
+  const props = defineProps<{
+    status: ContractPaymentPlanEnum;
+  }>();
+
+  const statusMap = {
+    ...contractPaymentPlanStatus,
+  };
+</script>
diff --git a/frontend/packages/web/src/views/contract/contractPaymentPlan/components/detail.vue b/frontend/packages/web/src/views/contract/contractPaymentPlan/components/detail.vue
new file mode 100644
index 0000000..cb90a2f
--- /dev/null
+++ b/frontend/packages/web/src/views/contract/contractPaymentPlan/components/detail.vue
@@ -0,0 +1,133 @@
+<template>
+  <CrmDrawer v-model:show="visible" resizable no-padding :width="800" :footer="false" :view-size="formViewSize">
+    <template #titleLeft>
+      <div class="text-[14px] font-normal">
+        <ContractStatus :status="detailInfo?.planStatus ?? ContractPaymentPlanEnum.PENDING" />
+      </div>
+    </template>
+    <template v-if="!props.readonly" #titleRight>
+      <n-button
+        v-permission="['CONTRACT_PAYMENT_PLAN:UPDATE']"
+        type="primary"
+        ghost
+        class="n-btn-outline-primary"
+        @click="handleEdit(props.sourceId)"
+      >
+        {{ t('common.edit') }}
+      </n-button>
+      <n-button
+        v-permission="['CONTRACT_PAYMENT_PLAN:DELETE']"
+        type="error"
+        ghost
+        class="n-btn-outline-error ml-[12px]"
+        @click="handleDelete(detailInfo)"
+      >
+        {{ t('common.delete') }}
+      </n-button>
+    </template>
+    <div class="h-full bg-[var(--text-n9)] px-[16px] pt-[16px]">
+      <CrmCard hide-footer>
+        <div class="flex-1">
+          <CrmFormDescription
+            :form-key="FormDesignKeyEnum.CONTRACT_PAYMENT"
+            :source-id="props.sourceId"
+            :column="2"
+            :refresh-key="refreshKey"
+            label-width="auto"
+            value-align="start"
+            tooltip-position="top-start"
+            :readonly="!hasAnyPermission(['CONTRACT_PAYMENT_PLAN:UPDATE'])"
+            @init="handleInit"
+            @open-contract-detail="emit('openContractDrawer', $event)"
+          />
+        </div>
+      </CrmCard>
+    </div>
+
+    <CrmFormCreateDrawer
+      v-model:visible="formCreateDrawerVisible"
+      :form-key="FormDesignKeyEnum.CONTRACT_PAYMENT"
+      :source-id="props.sourceId"
+      need-init-detail
+      :link-form-key="FormDesignKeyEnum.CONTRACT_PAYMENT"
+      @saved="() => handleSaved()"
+    />
+  </CrmDrawer>
+</template>
+
+<script lang="ts" setup>
+  import { NButton, useMessage } from 'naive-ui';
+
+  import { ContractPaymentPlanEnum } from '@lib/shared/enums/contractEnum';
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { CollaborationType } from '@lib/shared/models/customer';
+  import type { FormConfig, FormViewSize } from '@lib/shared/models/system/module';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmFormCreateDrawer from '@/components/business/crm-form-create-drawer/index.vue';
+  import CrmFormDescription from '@/components/business/crm-form-description/index.vue';
+  import ContractStatus from './contractPaymentStatus.vue';
+
+  import { deletePaymentPlan } from '@/api/modules';
+  import useModal from '@/hooks/useModal';
+  import { hasAnyPermission } from '@/utils/permission.js';
+
+  const props = defineProps<{
+    sourceId: string;
+    readonly?: boolean;
+  }>();
+  const emit = defineEmits<{
+    (e: 'refresh'): void;
+    (e: 'delete'): void;
+    (e: 'openContractDrawer', params: { id: string }): void;
+  }>();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const Message = useMessage();
+  const { openModal } = useModal();
+  const { t } = useI18n();
+  const detailInfo = ref();
+  const formViewSize = ref<FormViewSize>('large');
+
+  function handleInit(type?: CollaborationType, name?: string, detail?: Record<string, any>, config?: FormConfig) {
+    detailInfo.value = detail;
+    formViewSize.value = config?.viewSize || 'large';
+  }
+
+  const refreshKey = ref(0);
+  function handleSaved() {
+    refreshKey.value += 1;
+    emit('refresh');
+  }
+
+  function handleDelete(row: any) {
+    openModal({
+      type: 'error',
+      title: t('system.personal.confirmDelete'),
+      content: t('common.deleteConfirmContent'),
+      positiveText: t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deletePaymentPlan(row.id);
+          Message.success(t('common.deleteSuccess'));
+          visible.value = false;
+          emit('delete');
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  const formCreateDrawerVisible = ref(false);
+  function handleEdit(id: string) {
+    formCreateDrawerVisible.value = true;
+  }
+</script>
diff --git a/frontend/packages/web/src/views/contract/contractPaymentPlan/components/paymentTable.vue b/frontend/packages/web/src/views/contract/contractPaymentPlan/components/paymentTable.vue
new file mode 100644
index 0000000..6a0e76a
--- /dev/null
+++ b/frontend/packages/web/src/views/contract/contractPaymentPlan/components/paymentTable.vue
@@ -0,0 +1,536 @@
+<template>
+  <CrmTable
+    ref="crmTableRef"
+    v-model:checked-row-keys="checkedRowKeys"
+    v-bind="propsRes"
+    :fullscreen-target-ref="props.fullscreenTargetRef"
+    :class="`crm-contract-payment-table-${props.formKey}`"
+    :not-show-table-filter="isAdvancedSearchMode"
+    :action-config="actionConfig"
+    @page-change="propsEvent.pageChange"
+    @page-size-change="propsEvent.pageSizeChange"
+    @sorter-change="propsEvent.sorterChange"
+    @filter-change="propsEvent.filterChange"
+    @batch-action="handleBatchAction"
+    @refresh="searchData"
+  >
+    <template #actionLeft>
+      <div class="flex items-center gap-[12px]">
+        <n-button
+          v-if="!props.readonly"
+          v-permission="['CONTRACT_PAYMENT_PLAN:ADD']"
+          :loading="createLoading"
+          type="primary"
+          @click="handleNewClick"
+        >
+          {{ t('contract.newPlan') }}
+        </n-button>
+        <n-button
+          v-permission="['CONTRACT_PAYMENT_PLAN:EXPORT']"
+          type="primary"
+          ghost
+          class="n-btn-outline-primary"
+          :disabled="propsRes.data.length === 0"
+          @click="handleExportAllClick"
+        >
+          {{ t('common.exportAll') }}
+        </n-button>
+      </div>
+    </template>
+    <template #actionRight>
+      <CrmAdvanceFilter
+        ref="tableAdvanceFilterRef"
+        v-model:keyword="keyword"
+        :custom-fields-config-list="customFieldsFilterConfig"
+        :filter-config-list="filterConfigList"
+        @adv-search="handleAdvSearch"
+        @keyword-search="searchData"
+      />
+    </template>
+    <template #view>
+      <CrmViewSelect
+        v-if="!props.isContractTab"
+        v-model:active-tab="activeTab"
+        :type="FormDesignKeyEnum.CONTRACT_PAYMENT"
+        :custom-fields-config-list="customFieldsFilterConfig"
+        :filter-config-list="filterConfigList"
+        :advanced-original-form="advancedOriginalForm"
+        :route-name="ContractRouteEnum.CONTRACT_PAYMENT"
+        @refresh-table-data="searchData"
+      />
+    </template>
+  </CrmTable>
+
+  <CrmFormCreateDrawer
+    v-model:visible="formCreateDrawerVisible"
+    :form-key="activeFormKey"
+    :source-id="activeSourceId"
+    :need-init-detail="needInitDetail"
+    :initial-source-name="initialSourceName"
+    :link-form-key="FormDesignKeyEnum.CONTRACT"
+    :link-form-info="linkFormInfo"
+    @saved="handleFormCreateSaved"
+  />
+  <CrmTableExportModal
+    v-model:show="showExportModal"
+    :params="exportParams"
+    :export-columns="exportColumns"
+    :is-export-all="isExportAll"
+    type="contractPaymentPlan"
+    @create-success="handleExportCreateSuccess"
+  />
+
+  <DetailDrawer
+    v-model:visible="showDetailDrawer"
+    :sourceId="activeSourceId"
+    :readonly="props.readonly"
+    @refresh="searchData(undefined, activeSourceId)"
+    @delete="removeItemFromList(activeSourceId)"
+    @open-contract-drawer="showContractDrawer"
+  />
+</template>
+
+<script setup lang="ts">
+  import { useRoute } from 'vue-router';
+  import { DataTableRowKey, NButton, useMessage } from 'naive-ui';
+
+  import { ContractPaymentPlanEnum } from '@lib/shared/enums/contractEnum';
+  import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import useLocale from '@lib/shared/locale/useLocale';
+  import { ExportTableColumnItem } from '@lib/shared/models/common';
+  import type { PaymentPlanItem } from '@lib/shared/models/contract';
+
+  import { COMMON_SELECTION_OPERATORS } from '@/components/pure/crm-advance-filter/index';
+  import CrmAdvanceFilter from '@/components/pure/crm-advance-filter/index.vue';
+  import { FilterForm, FilterFormItem, FilterResult } from '@/components/pure/crm-advance-filter/type';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmNameTooltip from '@/components/pure/crm-name-tooltip/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import { BatchActionConfig } from '@/components/pure/crm-table/type';
+  import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+  import StatusTagSelect from '@/components/business/crm-follow-detail/statusTagSelect.vue';
+  import CrmFormCreateDrawer from '@/components/business/crm-form-create-drawer/index.vue';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+  import CrmTableExportModal from '@/components/business/crm-table-export-modal/index.vue';
+  import CrmViewSelect from '@/components/business/crm-view-select/index.vue';
+  import ContractStatus from './contractPaymentStatus.vue';
+  import DetailDrawer from './detail.vue';
+
+  import { deletePaymentPlan, updatePaymentPlan } from '@/api/modules';
+  import { baseFilterConfigList } from '@/config/clue';
+  import { contractPaymentPlanStatusOptions } from '@/config/contract';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+  import useFormCreateTable from '@/hooks/useFormCreateTable';
+  import useModal from '@/hooks/useModal';
+  // import useViewChartParams, { STORAGE_VIEW_CHART_KEY, ViewChartResult } from '@/hooks/useViewChartParams';
+  import { getExportColumns } from '@/utils/export';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  import { ContractRouteEnum } from '@/enums/routeEnum';
+
+  const route = useRoute();
+
+  const { t } = useI18n();
+  const Message = useMessage();
+  const { currentLocale } = useLocale(Message.loading);
+  const { openModal } = useModal();
+
+  const props = defineProps<{
+    fullscreenTargetRef?: HTMLElement | null;
+    isContractTab?: boolean;
+    sourceId?: string; // 合同详情下
+    sourceName?: string;
+    readonly?: boolean;
+    formKey: FormDesignKeyEnum.CONTRACT_PAYMENT | FormDesignKeyEnum.CONTRACT_CONTRACT_PAYMENT;
+  }>();
+  const emit = defineEmits<{
+    (e: 'openContractDrawer', params: { id: string }): void;
+  }>();
+
+  const activeTab = ref();
+  const keyword = ref('');
+
+  // 操作
+  const checkedRowKeys = ref<DataTableRowKey[]>([]);
+
+  const formCreateDrawerVisible = ref(false);
+  const activeSourceId = ref(props.sourceId || '');
+  const initialSourceName = ref('');
+  const needInitDetail = ref(false);
+  const activeFormKey = ref(FormDesignKeyEnum.CONTRACT_PAYMENT);
+
+  const createLoading = ref(false);
+  const linkFormKey = ref(FormDesignKeyEnum.CONTRACT);
+  const linkFormInfo = ref();
+  const { initFormDetail, initFormConfig, linkFormFieldMap } = useFormCreateApi({
+    formKey: linkFormKey,
+    sourceId: activeSourceId,
+  });
+
+  async function handleNewClick() {
+    try {
+      createLoading.value = true;
+      activeSourceId.value = props.isContractTab ? props.sourceId || '' : '';
+      initialSourceName.value = props.isContractTab ? props.sourceName || '' : '';
+      needInitDetail.value = false;
+      activeFormKey.value = FormDesignKeyEnum.CONTRACT_PAYMENT;
+      if (props.isContractTab) {
+        linkFormKey.value = FormDesignKeyEnum.CONTRACT;
+        await initFormConfig();
+        await initFormDetail(false, true);
+      }
+      linkFormInfo.value = linkFormFieldMap.value;
+      formCreateDrawerVisible.value = true;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    } finally {
+      createLoading.value = false;
+    }
+  }
+
+  const showExportModal = ref<boolean>(false);
+  const isExportAll = ref(false);
+
+  function handleExportAllClick() {
+    isExportAll.value = true;
+    showExportModal.value = true;
+  }
+  function handleExportCreateSuccess() {
+    checkedRowKeys.value = [];
+  }
+
+  const actionConfig: BatchActionConfig = {
+    baseAction: [
+      {
+        label: t('common.exportChecked'),
+        key: 'exportChecked',
+        permission: ['CONTRACT_PAYMENT_PLAN:EXPORT'],
+      },
+    ],
+  };
+
+  function handleBatchAction(item: ActionsItem) {
+    switch (item.key) {
+      case 'exportChecked':
+        isExportAll.value = false;
+        showExportModal.value = true;
+        break;
+      default:
+        break;
+    }
+  }
+
+  // 表格
+  const filterConfigList = computed<FilterFormItem[]>(() => [
+    {
+      title: t('opportunity.department'),
+      dataIndex: 'departmentId',
+      type: FieldTypeEnum.TREE_SELECT,
+      treeSelectProps: {
+        labelField: 'name',
+        keyField: 'id',
+        multiple: true,
+        clearFilterAfterSelect: false,
+        type: 'department',
+        checkable: true,
+        showContainChildModule: true,
+        containChildIds: [],
+      },
+    },
+    {
+      title: t('contract.planStatus'),
+      dataIndex: 'planStatus',
+      type: FieldTypeEnum.SELECT_MULTIPLE,
+      operatorOption: COMMON_SELECTION_OPERATORS,
+      selectProps: {
+        options: contractPaymentPlanStatusOptions,
+      },
+    },
+    ...baseFilterConfigList,
+  ]);
+
+  const operationGroupList = computed<ActionsItem[]>(() => {
+    return [
+      ...(!props.readonly
+        ? [
+            {
+              label: t('common.edit'),
+              key: 'edit',
+              permission: ['CONTRACT_PAYMENT_PLAN:UPDATE'],
+            },
+            {
+              label: t('common.delete'),
+              key: 'delete',
+              permission: ['CONTRACT_PAYMENT_PLAN:DELETE'],
+            },
+          ]
+        : []),
+    ];
+  });
+
+  const tableRefreshId = ref(0);
+  const tableRemoveRefreshId = ref('');
+  const tableItemRefreshId = ref('');
+  const showDetailDrawer = ref(false);
+
+  function handleDelete(row: PaymentPlanItem) {
+    openModal({
+      type: 'error',
+      title: t('system.personal.confirmDelete'),
+      content: t('common.deleteConfirmContent'),
+      positiveText: t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deletePaymentPlan(row.id);
+          Message.success(t('common.deleteSuccess'));
+          tableRemoveRefreshId.value = row.id;
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  function handleEdit(id: string) {
+    activeFormKey.value = FormDesignKeyEnum.CONTRACT_PAYMENT;
+    activeSourceId.value = id;
+    needInitDetail.value = true;
+    formCreateDrawerVisible.value = true;
+  }
+
+  function showDetail(id: string) {
+    activeSourceId.value = id;
+    showDetailDrawer.value = true;
+  }
+
+  async function handleActionSelect(row: PaymentPlanItem, actionKey: string) {
+    switch (actionKey) {
+      case 'edit':
+        handleEdit(row.id);
+        break;
+      case 'delete':
+        handleDelete(row);
+        break;
+      default:
+        break;
+    }
+  }
+
+  function showContractDrawer(params: { id: string }) {
+    if (props.isContractTab) {
+      showDetailDrawer.value = false;
+    } else {
+      emit('openContractDrawer', {
+        id: params.id,
+      });
+    }
+  }
+
+  async function changeStatus(row: PaymentPlanItem) {
+    try {
+      await updatePaymentPlan({
+        id: row.id,
+        planStatus: row.planStatus,
+      });
+      Message.success(t('common.updateSuccess'));
+      tableItemRefreshId.value = row.id;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    }
+  }
+
+  const { useTableRes, customFieldsFilterConfig } = await useFormCreateTable({
+    formKey: props.formKey,
+    excludeFieldIds: ['contractId'],
+    operationColumn: {
+      key: 'operation',
+      width: currentLocale.value === 'en-US' ? 180 : 150,
+      fixed: 'right',
+      render: (row: PaymentPlanItem) =>
+        h(CrmOperationButton, {
+          groupList: operationGroupList.value,
+          onSelect: (key: string) => handleActionSelect(row, key),
+        }),
+    },
+    specialRender: {
+      name: (row: PaymentPlanItem) => {
+        return h(
+          CrmTableButton,
+          {
+            onClick: () => {
+              showDetail(row.id);
+            },
+          },
+          { default: () => row.name, trigger: () => row.name }
+        );
+      },
+      contractId: (row: PaymentPlanItem) => {
+        return props.isContractTab || !row.contractName || !hasAnyPermission(['CONTRACT:READ'])
+          ? h(
+              CrmNameTooltip,
+              { text: row.contractName },
+              {
+                default: () => row.contractName,
+              }
+            )
+          : h(
+              CrmTableButton,
+              {
+                onClick: () => {
+                  showContractDrawer({ id: row.contractId });
+                },
+              },
+              { default: () => row.contractName, trigger: () => row.contractName }
+            );
+      },
+      status: (row: PaymentPlanItem) =>
+        h(StatusTagSelect, {
+          'status': row.planStatus as ContractPaymentPlanEnum,
+          'disabled': !hasAnyPermission(['CONTRACT_PAYMENT_PLAN:UPDATE']),
+          'statusTagComponent': ContractStatus,
+          'onUpdate:status': (val) => {
+            row.planStatus = val;
+          },
+          'statusOptions': contractPaymentPlanStatusOptions,
+          'onChange': () => {
+            changeStatus(row);
+          },
+        }),
+    },
+    permission: ['CONTRACT_PAYMENT_PLAN:EXPORT'],
+    containerClass: `.crm-contract-payment-table-${props.formKey}`,
+  });
+  const { propsRes, propsEvent, tableQueryParams, loadList, setLoadListParams, setAdvanceFilter } = useTableRes;
+
+  const exportColumns = computed<ExportTableColumnItem[]>(() =>
+    getExportColumns(propsRes.value.columns, customFieldsFilterConfig.value as FilterFormItem[], [], true)
+  );
+
+  const exportParams = computed(() => {
+    return {
+      ...tableQueryParams.value,
+      ids: checkedRowKeys.value,
+      contractId: props.sourceId,
+    };
+  });
+
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+  const tableAdvanceFilterRef = ref<InstanceType<typeof CrmAdvanceFilter>>();
+
+  const isAdvancedSearchMode = ref(false);
+  const advancedOriginalForm = ref<FilterForm | undefined>();
+  function handleAdvSearch(filter: FilterResult, isAdvancedMode: boolean, originalForm?: FilterForm) {
+    keyword.value = '';
+    advancedOriginalForm.value = originalForm;
+    isAdvancedSearchMode.value = isAdvancedMode;
+    setAdvanceFilter(filter);
+    loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  function searchData(val?: string, refreshId?: string) {
+    setLoadListParams({
+      keyword: val ?? keyword.value,
+      viewId: props.isContractTab ? 'ALL' : activeTab.value,
+      contractId: props.sourceId,
+    });
+    loadList(false, refreshId);
+    if (!refreshId) {
+      crmTableRef.value?.scrollTo({ top: 0 });
+    }
+  }
+
+  watch(
+    () => tableRefreshId.value,
+    () => {
+      checkedRowKeys.value = [];
+      searchData();
+    }
+  );
+
+  onBeforeMount(() => {
+    if (props.isContractTab) {
+      searchData();
+    }
+  });
+
+  function handleFormCreateSaved(res: any) {
+    if (needInitDetail.value) {
+      searchData(undefined, res.id);
+    } else {
+      searchData();
+    }
+  }
+
+  function removeItemFromList(id: string) {
+    propsRes.value.data = propsRes.value.data.filter((item) => item.id !== id);
+    propsRes.value.crmPagination = {
+      ...propsRes.value.crmPagination,
+      itemCount: (propsRes.value.crmPagination?.itemCount ?? 1) - 1,
+    };
+  }
+
+  watch(
+    () => tableRemoveRefreshId.value,
+    (val) => {
+      if (val) {
+        removeItemFromList(val);
+      }
+    }
+  );
+
+  watch(
+    () => tableItemRefreshId.value,
+    (val) => {
+      if (val) {
+        searchData(undefined, val);
+        tableItemRefreshId.value = '';
+      }
+    }
+  );
+
+  // 先不上
+  // function handleGeneratedChart(res: FilterResult, form: FilterForm) {
+  //   advancedOriginalForm.value = form;
+  //   setAdvanceFilter(res);
+  //   tableAdvanceFilterRef.value?.setAdvancedFilter(res, true);
+  //   searchData();
+  // }
+
+  // const { initTableViewChartParams, getChartViewId } = useViewChartParams();
+
+  // function viewChartCallBack(params: ViewChartResult) {
+  //   const { viewId, formModel, filterResult } = params;
+  //   tableAdvanceFilterRef.value?.initFormModal(formModel, true);
+  //   setAdvanceFilter(filterResult);
+  //   activeTab.value = viewId;
+  // }
+
+  watch(
+    () => activeTab.value,
+    (val) => {
+      if (val) {
+        checkedRowKeys.value = [];
+        setLoadListParams({ keyword: keyword.value, viewId: activeTab.value, contractId: props.sourceId });
+        // initTableViewChartParams(viewChartCallBack);
+        crmTableRef.value?.setColumnSort(val);
+      }
+    }
+  );
+
+  onMounted(async () => {
+    if (route.query.id && !props.isContractTab) {
+      activeSourceId.value = route.query.id as string;
+      showDetailDrawer.value = true;
+    }
+  });
+
+  // onBeforeUnmount(() => {
+  //   sessionStorage.removeItem(STORAGE_VIEW_CHART_KEY);
+  // });
+</script>
diff --git a/frontend/packages/web/src/views/contract/contractPaymentPlan/index.vue b/frontend/packages/web/src/views/contract/contractPaymentPlan/index.vue
new file mode 100644
index 0000000..9a70f2c
--- /dev/null
+++ b/frontend/packages/web/src/views/contract/contractPaymentPlan/index.vue
@@ -0,0 +1,81 @@
+<template>
+  <div ref="contractPaymentCardRef" class="h-full">
+    <CrmCard no-content-padding hide-footer>
+      <div class="h-full px-[16px] pt-[16px]">
+        <PaymentTable
+          :form-key="FormDesignKeyEnum.CONTRACT_PAYMENT"
+          :fullscreen-target-ref="contractPaymentCardRef"
+          @open-contract-drawer="handleOpenContractDrawer"
+        />
+      </div>
+    </CrmCard>
+    <ContractDetailDrawer
+      v-model:visible="showContractDetailDrawer"
+      :sourceId="activeSourceId"
+      @showCustomerDrawer="handleOpenCustomerDrawer"
+    />
+    <customerOverviewDrawer v-model:show="showCustomerOverviewDrawer" :source-id="activeCustomerSourceId" />
+    <openSeaOverviewDrawer
+      v-model:show="showCustomerOpenseaOverviewDrawer"
+      :source-id="activeCustomerSourceId"
+      :pool-id="poolId"
+      :hidden-columns="hiddenColumns"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import type { ContractItem } from '@lib/shared/models/contract';
+  import { CluePoolItem } from '@lib/shared/models/system/module';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import ContractDetailDrawer from '../contract/components/detail.vue';
+  import PaymentTable from './components/paymentTable.vue';
+  import customerOverviewDrawer from '@/views/customer/components/customerOverviewDrawer.vue';
+  import openSeaOverviewDrawer from '@/views/customer/components/openSeaOverviewDrawer.vue';
+
+  import { getOpenSeaOptions } from '@/api/modules';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const contractPaymentCardRef = ref<HTMLElement | null>(null);
+
+  const showContractDetailDrawer = ref(false);
+  const activeSourceId = ref<string>('');
+  function handleOpenContractDrawer(params: { id: string }) {
+    activeSourceId.value = params.id;
+    showContractDetailDrawer.value = true;
+  }
+
+  const showCustomerOverviewDrawer = ref(false);
+  const showCustomerOpenseaOverviewDrawer = ref(false);
+  const poolId = ref<string>('');
+  const activeCustomerSourceId = ref<string>('');
+  function handleOpenCustomerDrawer(params: { customerId: string; inCustomerPool: boolean; poolId: string }) {
+    activeCustomerSourceId.value = params.customerId;
+    if (params.inCustomerPool) {
+      showCustomerOpenseaOverviewDrawer.value = true;
+      poolId.value = params.poolId;
+    } else {
+      showCustomerOverviewDrawer.value = true;
+    }
+  }
+
+  const openSeaOptions = ref<CluePoolItem[]>([]);
+
+  async function initOpenSeaOptions() {
+    if (hasAnyPermission(['CUSTOMER_MANAGEMENT_POOL:READ'])) {
+      const res = await getOpenSeaOptions();
+      openSeaOptions.value = res;
+    }
+  }
+
+  const hiddenColumns = computed<string[]>(() => {
+    const openSeaSetting = openSeaOptions.value.find((item) => item.id === poolId.value);
+    return openSeaSetting?.fieldConfigs.filter((item) => !item.enable).map((item) => item.fieldId) || [];
+  });
+
+  onBeforeMount(() => {
+    initOpenSeaOptions();
+  });
+</script>
diff --git a/frontend/packages/web/src/views/contract/contractPaymentRecord/components/detail.vue b/frontend/packages/web/src/views/contract/contractPaymentRecord/components/detail.vue
new file mode 100644
index 0000000..d96df36
--- /dev/null
+++ b/frontend/packages/web/src/views/contract/contractPaymentRecord/components/detail.vue
@@ -0,0 +1,137 @@
+<template>
+  <CrmDrawer
+    v-model:show="visible"
+    resizable
+    no-padding
+    :width="800"
+    :title="title"
+    :footer="false"
+    :view-size="formViewSize"
+  >
+    <template v-if="!props.readonly" #titleRight>
+      <n-button
+        v-permission="['CONTRACT_PAYMENT_RECORD:UPDATE']"
+        type="primary"
+        ghost
+        class="n-btn-outline-primary"
+        @click="handleEdit(props.sourceId)"
+      >
+        {{ t('common.edit') }}
+      </n-button>
+      <n-button
+        v-permission="['CONTRACT_PAYMENT_RECORD:DELETE']"
+        type="error"
+        ghost
+        class="n-btn-outline-error ml-[12px]"
+        @click="handleDelete(detailInfo)"
+      >
+        {{ t('common.delete') }}
+      </n-button>
+    </template>
+    <div class="h-full bg-[var(--text-n9)] px-[16px] pt-[16px]">
+      <CrmCard hide-footer>
+        <div class="flex-1">
+          <CrmFormDescription
+            :form-key="FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD"
+            :source-id="props.sourceId"
+            :column="2"
+            :refresh-key="refreshKey"
+            label-width="auto"
+            value-align="start"
+            tooltip-position="top-start"
+            :readonly="!hasAnyPermission(['CONTRACT_PAYMENT_RECORD:UPDATE'])"
+            @init="handleInit"
+            @open-contract-detail="emit('openContractDrawer', $event)"
+          />
+        </div>
+      </CrmCard>
+    </div>
+
+    <CrmFormCreateDrawer
+      v-model:visible="formCreateDrawerVisible"
+      :form-key="FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD"
+      :source-id="props.sourceId"
+      need-init-detail
+      :link-form-key="FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD"
+      @saved="() => handleSaved()"
+    />
+  </CrmDrawer>
+</template>
+
+<script lang="ts" setup>
+  import { NButton, useMessage } from 'naive-ui';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { characterLimit } from '@lib/shared/method';
+  import { CollaborationType } from '@lib/shared/models/customer';
+  import type { FormConfig, FormViewSize } from '@lib/shared/models/system/module';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmFormCreateDrawer from '@/components/business/crm-form-create-drawer/index.vue';
+  import CrmFormDescription from '@/components/business/crm-form-description/index.vue';
+
+  import { deletePaymentRecord } from '@/api/modules';
+  import useModal from '@/hooks/useModal';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const props = defineProps<{
+    sourceId: string;
+    readonly?: boolean;
+  }>();
+  const emit = defineEmits<{
+    (e: 'refresh'): void;
+    (e: 'delete'): void;
+    (e: 'openContractDrawer', params: { id: string }): void;
+  }>();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const Message = useMessage();
+  const { openModal } = useModal();
+  const { t } = useI18n();
+  const detailInfo = ref();
+  const title = ref('');
+  const formViewSize = ref<FormViewSize>('large');
+
+  function handleInit(type?: CollaborationType, name?: string, detail?: Record<string, any>, config?: FormConfig) {
+    detailInfo.value = detail;
+    title.value = name || '';
+    formViewSize.value = config?.viewSize || 'large';
+  }
+
+  const refreshKey = ref(0);
+  function handleSaved() {
+    refreshKey.value += 1;
+    emit('refresh');
+  }
+
+  function handleDelete(row: any) {
+    openModal({
+      type: 'error',
+      title: t('common.deleteConfirmTitle', { name: characterLimit(row.name) }),
+      content: t('contract.paymentRecord.deleteConfirmContent'),
+      positiveText: t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deletePaymentRecord(row.id);
+          Message.success(t('common.deleteSuccess'));
+          visible.value = false;
+          emit('delete');
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  const formCreateDrawerVisible = ref(false);
+  function handleEdit(id: string) {
+    formCreateDrawerVisible.value = true;
+  }
+</script>
diff --git a/frontend/packages/web/src/views/contract/contractPaymentRecord/components/paymentTable.vue b/frontend/packages/web/src/views/contract/contractPaymentRecord/components/paymentTable.vue
new file mode 100644
index 0000000..b2f7434
--- /dev/null
+++ b/frontend/packages/web/src/views/contract/contractPaymentRecord/components/paymentTable.vue
@@ -0,0 +1,564 @@
+<template>
+  <CrmTable
+    ref="crmTableRef"
+    v-model:checked-row-keys="checkedRowKeys"
+    v-bind="propsRes"
+    :fullscreen-target-ref="props.fullscreenTargetRef"
+    :class="`crm-contract-payment-table-${props.formKey}`"
+    :not-show-table-filter="isAdvancedSearchMode"
+    :action-config="actionConfig"
+    @page-change="propsEvent.pageChange"
+    @page-size-change="propsEvent.pageSizeChange"
+    @sorter-change="propsEvent.sorterChange"
+    @filter-change="filterChange"
+    @batch-action="handleBatchAction"
+    @refresh="searchData"
+  >
+    <template #actionLeft>
+      <div class="flex items-center gap-[12px]">
+        <n-button
+          v-if="!props.readonly"
+          v-permission="['CONTRACT_PAYMENT_RECORD:ADD']"
+          :loading="createLoading"
+          type="primary"
+          @click="handleNewClick"
+        >
+          {{ t('contract.paymentRecord.new') }}
+        </n-button>
+        <CrmImportButton
+          v-if="hasAnyPermission(['CONTRACT_PAYMENT_RECORD:IMPORT']) && !isContractTab"
+          :api-type="FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD"
+          :title="t('module.paymentRecord')"
+          @import-success="() => searchData()"
+        />
+        <n-button
+          v-permission="['CONTRACT_PAYMENT_RECORD:EXPORT']"
+          type="primary"
+          ghost
+          class="n-btn-outline-primary"
+          :disabled="propsRes.data.length === 0"
+          @click="handleExportAllClick"
+        >
+          {{ t('common.exportAll') }}
+        </n-button>
+      </div>
+    </template>
+    <template #actionRight>
+      <CrmAdvanceFilter
+        ref="tableAdvanceFilterRef"
+        v-model:keyword="keyword"
+        :custom-fields-config-list="customFieldsFilterConfig"
+        :filter-config-list="filterConfigList"
+        @adv-search="handleAdvSearch"
+        @keyword-search="searchData"
+      />
+    </template>
+    <template #view>
+      <CrmViewSelect
+        v-if="!props.isContractTab"
+        v-model:active-tab="activeTab"
+        :type="FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD"
+        :custom-fields-config-list="customFieldsFilterConfig"
+        :filter-config-list="filterConfigList"
+        :advanced-original-form="advancedOriginalForm"
+        :route-name="ContractRouteEnum.CONTRACT_PAYMENT_RECORD"
+        @refresh-table-data="searchData"
+      />
+    </template>
+    <template #totalRight>
+      <div class="ml-[24px]">
+        {{ t('opportunity.averageAmount') }}
+        <span class="ml-[4px]">
+          {{ abbreviateNumber(totalAmountInfo?.averageAmount, '').value }}
+          <span class="unit">
+            {{ abbreviateNumber(totalAmountInfo?.averageAmount, '').unit }}
+          </span>
+        </span>
+      </div>
+      <div class="ml-[24px]">
+        {{ t('opportunity.totalAmount') }}
+        <span class="ml-[4px]">
+          {{ abbreviateNumber(totalAmountInfo?.amount, '').value }}
+          <span class="unit">
+            {{ abbreviateNumber(totalAmountInfo?.amount, '').unit }}
+          </span>
+        </span>
+      </div>
+    </template>
+  </CrmTable>
+
+  <CrmFormCreateDrawer
+    v-model:visible="formCreateDrawerVisible"
+    :form-key="activeFormKey"
+    :source-id="activeSourceId"
+    :need-init-detail="needInitDetail"
+    :initial-source-name="initialSourceName"
+    :link-form-key="FormDesignKeyEnum.CONTRACT"
+    :link-form-info="linkFormInfo"
+    @saved="handleFormCreateSaved"
+  />
+  <CrmTableExportModal
+    v-model:show="showExportModal"
+    :params="exportParams"
+    :export-columns="exportColumns"
+    :is-export-all="isExportAll"
+    type="contractPaymentRecord"
+    @create-success="handleExportCreateSuccess"
+  />
+
+  <DetailDrawer
+    v-model:visible="showDetailDrawer"
+    :sourceId="activeSourceId"
+    :readonly="props.readonly"
+    @refresh="searchData(undefined, activeSourceId)"
+    @delete="removeItemFromList(activeSourceId)"
+    @open-contract-drawer="showContractDrawer"
+  />
+</template>
+
+<script setup lang="ts">
+  import { useRoute } from 'vue-router';
+  import { DataTableRowKey, NButton, useMessage } from 'naive-ui';
+
+  import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import useLocale from '@lib/shared/locale/useLocale';
+  import { abbreviateNumber, characterLimit } from '@lib/shared/method';
+  import { ExportTableColumnItem } from '@lib/shared/models/common';
+  import type { PaymentRecordItem } from '@lib/shared/models/contract';
+
+  import CrmAdvanceFilter from '@/components/pure/crm-advance-filter/index.vue';
+  import { FilterForm, FilterFormItem, FilterResult } from '@/components/pure/crm-advance-filter/type';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmNameTooltip from '@/components/pure/crm-name-tooltip/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import { BatchActionConfig } from '@/components/pure/crm-table/type';
+  import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+  import CrmFormCreateDrawer from '@/components/business/crm-form-create-drawer/index.vue';
+  import CrmImportButton from '@/components/business/crm-import-button/index.vue';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+  import CrmTableExportModal from '@/components/business/crm-table-export-modal/index.vue';
+  import CrmViewSelect from '@/components/business/crm-view-select/index.vue';
+  import DetailDrawer from './detail.vue';
+
+  import { deletePaymentRecord, getPaymentRecordStatistic } from '@/api/modules';
+  import { baseFilterConfigList } from '@/config/clue';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+  import useFormCreateTable from '@/hooks/useFormCreateTable';
+  import useModal from '@/hooks/useModal';
+  import { getExportColumns } from '@/utils/export';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  import { ContractRouteEnum } from '@/enums/routeEnum';
+
+  const { t } = useI18n();
+  const Message = useMessage();
+  const { currentLocale } = useLocale(Message.loading);
+  const { openModal } = useModal();
+  const route = useRoute();
+
+  const props = defineProps<{
+    fullscreenTargetRef?: HTMLElement | null;
+    isContractTab?: boolean;
+    sourceId?: string; // 合同详情下
+    sourceName?: string;
+    readonly?: boolean;
+    formKey: FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD;
+  }>();
+  const emit = defineEmits<{
+    (e: 'openContractDrawer', params: { id: string }): void;
+    (e: 'openPaymentPlanDrawer', params: { id: string }): void;
+    (e: 'refresh'): void;
+  }>();
+
+  const activeTab = ref();
+  const keyword = ref('');
+
+  // 操作
+  const checkedRowKeys = ref<DataTableRowKey[]>([]);
+
+  const formCreateDrawerVisible = ref(false);
+  const activeSourceId = ref(props.sourceId || '');
+  const initialSourceName = ref('');
+  const needInitDetail = ref(false);
+  const activeFormKey = ref(FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD);
+
+  const createLoading = ref(false);
+  const linkFormKey = ref(FormDesignKeyEnum.CONTRACT);
+  const linkFormInfo = ref();
+  const { initFormDetail, initFormConfig, linkFormFieldMap } = useFormCreateApi({
+    formKey: linkFormKey,
+    sourceId: activeSourceId,
+  });
+
+  async function handleNewClick() {
+    try {
+      createLoading.value = true;
+      activeSourceId.value = props.isContractTab ? props.sourceId || '' : '';
+      initialSourceName.value = props.isContractTab ? props.sourceName || '' : '';
+      needInitDetail.value = false;
+      activeFormKey.value = FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD;
+      if (props.isContractTab) {
+        linkFormKey.value = FormDesignKeyEnum.CONTRACT;
+        await initFormConfig();
+        await initFormDetail(false, true);
+      }
+      linkFormInfo.value = linkFormFieldMap.value;
+      formCreateDrawerVisible.value = true;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    } finally {
+      createLoading.value = false;
+    }
+  }
+
+  const showExportModal = ref<boolean>(false);
+  const isExportAll = ref(false);
+
+  function handleExportAllClick() {
+    isExportAll.value = true;
+    showExportModal.value = true;
+  }
+  function handleExportCreateSuccess() {
+    checkedRowKeys.value = [];
+  }
+
+  const actionConfig: BatchActionConfig = {
+    baseAction: [
+      {
+        label: t('common.exportChecked'),
+        key: 'exportChecked',
+        permission: ['CONTRACT_PAYMENT_RECORD:EXPORT'],
+      },
+    ],
+  };
+
+  function handleBatchAction(item: ActionsItem) {
+    switch (item.key) {
+      case 'exportChecked':
+        isExportAll.value = false;
+        showExportModal.value = true;
+        break;
+      default:
+        break;
+    }
+  }
+
+  // 表格
+  const filterConfigList = computed<FilterFormItem[]>(() => [
+    {
+      title: t('opportunity.department'),
+      dataIndex: 'departmentId',
+      type: FieldTypeEnum.TREE_SELECT,
+      treeSelectProps: {
+        labelField: 'name',
+        keyField: 'id',
+        multiple: true,
+        clearFilterAfterSelect: false,
+        type: 'department',
+        checkable: true,
+        showContainChildModule: true,
+        containChildIds: [],
+      },
+    },
+    ...baseFilterConfigList,
+  ]);
+
+  const operationGroupList = computed<ActionsItem[]>(() => {
+    return [
+      ...(!props.readonly
+        ? [
+            {
+              label: t('common.edit'),
+              key: 'edit',
+              permission: ['CONTRACT_PAYMENT_RECORD:UPDATE'],
+            },
+            {
+              label: t('common.delete'),
+              key: 'delete',
+              permission: ['CONTRACT_PAYMENT_RECORD:DELETE'],
+            },
+          ]
+        : []),
+    ];
+  });
+
+  const tableRefreshId = ref(0);
+  const tableRemoveRefreshId = ref('');
+  const showDetailDrawer = ref(false);
+
+  function handleDelete(row: PaymentRecordItem) {
+    openModal({
+      type: 'error',
+      title: t('common.deleteConfirmTitle', { name: characterLimit(row.name) }),
+      content: t('contract.paymentRecord.deleteConfirmContent'),
+      positiveText: t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deletePaymentRecord(row.id);
+          Message.success(t('common.deleteSuccess'));
+          tableRemoveRefreshId.value = row.id;
+          emit('refresh');
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  function handleEdit(id: string) {
+    activeFormKey.value = FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD;
+    activeSourceId.value = id;
+    needInitDetail.value = true;
+    formCreateDrawerVisible.value = true;
+  }
+
+  function showDetail(id: string) {
+    activeSourceId.value = id;
+    showDetailDrawer.value = true;
+  }
+
+  async function handleActionSelect(row: PaymentRecordItem, actionKey: string) {
+    switch (actionKey) {
+      case 'edit':
+        handleEdit(row.id);
+        break;
+      case 'delete':
+        handleDelete(row);
+        break;
+      default:
+        break;
+    }
+  }
+
+  function showContractDrawer(params: { id: string }) {
+    if (props.isContractTab) {
+      showDetailDrawer.value = false;
+    } else {
+      emit('openContractDrawer', {
+        id: params.id,
+      });
+    }
+  }
+
+  function showPaymentPlanDrawer(params: { id: string }) {
+    emit('openPaymentPlanDrawer', {
+      id: params.id,
+    });
+  }
+
+  const { useTableRes, customFieldsFilterConfig } = await useFormCreateTable({
+    formKey: props.formKey,
+    excludeFieldIds: ['contractId', 'paymentPlanId'],
+    operationColumn: {
+      key: 'operation',
+      width: currentLocale.value === 'en-US' ? 150 : 120,
+      fixed: 'right',
+      render: (row: PaymentRecordItem) =>
+        h(CrmOperationButton, {
+          groupList: operationGroupList.value,
+          onSelect: (key: string) => handleActionSelect(row, key),
+        }),
+    },
+    specialRender: {
+      name: (row: PaymentRecordItem) => {
+        return h(
+          CrmTableButton,
+          {
+            onClick: () => {
+              showDetail(row.id);
+            },
+          },
+          { default: () => row.name, trigger: () => row.name }
+        );
+      },
+      contractId: (row: PaymentRecordItem) => {
+        return props.isContractTab || !row.contractName || !hasAnyPermission(['CONTRACT:READ'])
+          ? h(
+              CrmNameTooltip,
+              { text: row.contractName },
+              {
+                default: () => row.contractName,
+              }
+            )
+          : h(
+              CrmTableButton,
+              {
+                onClick: () => {
+                  showContractDrawer({ id: row.contractId });
+                },
+              },
+              { default: () => row.contractName, trigger: () => row.contractName }
+            );
+      },
+      paymentPlanId: (row: PaymentRecordItem) => {
+        return props.isContractTab || !row.paymentPlanName || !hasAnyPermission(['CONTRACT_PAYMENT_PLAN:READ'])
+          ? h(
+              CrmNameTooltip,
+              { text: row.paymentPlanName },
+              {
+                default: () => row.paymentPlanName,
+              }
+            )
+          : h(
+              CrmTableButton,
+              {
+                onClick: () => {
+                  showPaymentPlanDrawer({ id: row.paymentPlanId });
+                },
+              },
+              { default: () => row.paymentPlanName, trigger: () => row.paymentPlanName }
+            );
+      },
+    },
+    permission: ['CONTRACT_PAYMENT_RECORD:EXPORT'],
+    containerClass: `.crm-contract-payment-table-${props.formKey}`,
+  });
+  const {
+    propsRes,
+    propsEvent,
+    tableQueryParams,
+    filterItem,
+    advanceFilter,
+    loadList,
+    setLoadListParams,
+    setAdvanceFilter,
+  } = useTableRes;
+
+  const exportColumns = computed<ExportTableColumnItem[]>(() =>
+    getExportColumns(propsRes.value.columns, customFieldsFilterConfig.value as FilterFormItem[], [], true)
+  );
+
+  const exportParams = computed(() => {
+    return {
+      ...tableQueryParams.value,
+      ids: checkedRowKeys.value,
+      contractId: props.sourceId,
+    };
+  });
+
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+
+  const statisticInfo = ref({ amount: 0, averageAmount: 0 });
+  async function getStatistic(_keyword?: string) {
+    try {
+      const res = await getPaymentRecordStatistic({
+        keyword: _keyword ?? keyword.value,
+        viewId: activeTab.value,
+        contractId: props.sourceId,
+        combineSearch: advanceFilter,
+        filters: filterItem.value,
+      });
+      statisticInfo.value = res;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    }
+  }
+  const totalAmountInfo = computed(() => {
+    if (checkedRowKeys.value.length > 0) {
+      const amount = propsRes.value.data
+        .filter((item: PaymentRecordItem) => checkedRowKeys.value.includes(item.id))
+        .reduce((total: number, item: PaymentRecordItem) => total + (item.amount || 0), 0);
+      return {
+        averageAmount: amount / checkedRowKeys.value.length,
+        amount,
+      };
+    }
+    return {
+      averageAmount: statisticInfo.value?.averageAmount ?? 0,
+      amount: statisticInfo.value?.amount ?? 0,
+    };
+  });
+
+  function filterChange(val: any) {
+    propsEvent.value.filterChange(val);
+    getStatistic();
+  }
+
+  const isAdvancedSearchMode = ref(false);
+  const advancedOriginalForm = ref<FilterForm | undefined>();
+  function handleAdvSearch(filter: FilterResult, isAdvancedMode: boolean, originalForm?: FilterForm) {
+    keyword.value = '';
+    advancedOriginalForm.value = originalForm;
+    isAdvancedSearchMode.value = isAdvancedMode;
+    setAdvanceFilter(filter);
+    loadList();
+    getStatistic();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  function searchData(val?: string, refreshId?: string) {
+    setLoadListParams({
+      keyword: val ?? keyword.value,
+      viewId: props.isContractTab ? 'ALL' : activeTab.value,
+      contractId: props.sourceId,
+    });
+    loadList(false, refreshId);
+    getStatistic();
+    if (!refreshId) {
+      crmTableRef.value?.scrollTo({ top: 0 });
+    }
+  }
+
+  watch(
+    () => tableRefreshId.value,
+    () => {
+      checkedRowKeys.value = [];
+      searchData();
+    }
+  );
+
+  function handleFormCreateSaved(res: any) {
+    if (needInitDetail.value) {
+      searchData(undefined, res.id);
+    } else {
+      searchData();
+    }
+    emit('refresh');
+  }
+
+  function removeItemFromList(id: string) {
+    propsRes.value.data = propsRes.value.data.filter((item) => item.id !== id);
+    propsRes.value.crmPagination = {
+      ...propsRes.value.crmPagination,
+      itemCount: (propsRes.value.crmPagination?.itemCount ?? 1) - 1,
+    };
+  }
+
+  watch(
+    () => tableRemoveRefreshId.value,
+    (val) => {
+      if (val) {
+        removeItemFromList(val);
+        getStatistic();
+      }
+    }
+  );
+
+  onBeforeMount(() => {
+    if (props.isContractTab) {
+      searchData();
+    }
+    if (route.query.recordId) {
+      activeSourceId.value = route.query.recordId as string;
+      showDetailDrawer.value = true;
+    }
+  });
+
+  watch(
+    () => activeTab.value,
+    (val) => {
+      if (val) {
+        checkedRowKeys.value = [];
+        setLoadListParams({ keyword: keyword.value, viewId: activeTab.value, contractId: props.sourceId });
+        crmTableRef.value?.setColumnSort(val);
+        getStatistic();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/frontend/packages/web/src/views/contract/contractPaymentRecord/index.vue b/frontend/packages/web/src/views/contract/contractPaymentRecord/index.vue
new file mode 100644
index 0000000..e82010f
--- /dev/null
+++ b/frontend/packages/web/src/views/contract/contractPaymentRecord/index.vue
@@ -0,0 +1,94 @@
+<template>
+  <div ref="contractPaymentRecordCardRef" class="h-full">
+    <CrmCard no-content-padding hide-footer>
+      <div class="h-full px-[16px] pt-[16px]">
+        <PaymentTable
+          :form-key="FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD"
+          :fullscreen-target-ref="contractPaymentRecordCardRef"
+          @open-contract-drawer="handleOpenContractDrawer"
+          @openPaymentPlanDrawer="handleOpenPaymentPlanDrawer"
+        />
+      </div>
+    </CrmCard>
+    <ContractDetailDrawer
+      v-model:visible="showContractDetailDrawer"
+      :sourceId="activeSourceId"
+      @showCustomerDrawer="handleOpenCustomerDrawer"
+    />
+    <PaymentPlanDetailDrawer
+      v-model:visible="showPaymentPlanDetailDrawer"
+      :sourceId="activeSourceId"
+      :readonly="true"
+      @open-contract-drawer="handleOpenContractDrawer"
+    />
+    <customerOverviewDrawer v-model:show="showCustomerOverviewDrawer" :source-id="activeCustomerSourceId" />
+    <openSeaOverviewDrawer
+      v-model:show="showCustomerOpenseaOverviewDrawer"
+      :source-id="activeCustomerSourceId"
+      :pool-id="poolId"
+      :hidden-columns="hiddenColumns"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { CluePoolItem } from '@lib/shared/models/system/module';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import ContractDetailDrawer from '../contract/components/detail.vue';
+  import PaymentPlanDetailDrawer from '../contractPaymentPlan/components/detail.vue';
+  import PaymentTable from './components/paymentTable.vue';
+  import customerOverviewDrawer from '@/views/customer/components/customerOverviewDrawer.vue';
+  import openSeaOverviewDrawer from '@/views/customer/components/openSeaOverviewDrawer.vue';
+
+  import { getOpenSeaOptions } from '@/api/modules';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const contractPaymentRecordCardRef = ref<HTMLElement | null>(null);
+
+  const showContractDetailDrawer = ref(false);
+  const activeSourceId = ref<string>('');
+  function handleOpenContractDrawer(params: { id: string }) {
+    activeSourceId.value = params.id;
+    showContractDetailDrawer.value = true;
+  }
+
+  const showPaymentPlanDetailDrawer = ref(false);
+  function handleOpenPaymentPlanDrawer(params: { id: string }) {
+    activeSourceId.value = params.id;
+    showPaymentPlanDetailDrawer.value = true;
+  }
+
+  const showCustomerOverviewDrawer = ref(false);
+  const showCustomerOpenseaOverviewDrawer = ref(false);
+  const poolId = ref<string>('');
+  const activeCustomerSourceId = ref<string>('');
+  function handleOpenCustomerDrawer(params: { customerId: string; inCustomerPool: boolean; poolId: string }) {
+    activeCustomerSourceId.value = params.customerId;
+    if (params.inCustomerPool) {
+      showCustomerOpenseaOverviewDrawer.value = true;
+      poolId.value = params.poolId;
+    } else {
+      showCustomerOverviewDrawer.value = true;
+    }
+  }
+
+  const openSeaOptions = ref<CluePoolItem[]>([]);
+
+  async function initOpenSeaOptions() {
+    if (hasAnyPermission(['CUSTOMER_MANAGEMENT_POOL:READ'])) {
+      const res = await getOpenSeaOptions();
+      openSeaOptions.value = res;
+    }
+  }
+
+  const hiddenColumns = computed<string[]>(() => {
+    const openSeaSetting = openSeaOptions.value.find((item) => item.id === poolId.value);
+    return openSeaSetting?.fieldConfigs.filter((item) => !item.enable).map((item) => item.fieldId) || [];
+  });
+
+  onBeforeMount(() => {
+    initOpenSeaOptions();
+  });
+</script>
diff --git a/frontend/packages/web/src/views/contract/invoice/components/detail.vue b/frontend/packages/web/src/views/contract/invoice/components/detail.vue
new file mode 100644
index 0000000..d368deb
--- /dev/null
+++ b/frontend/packages/web/src/views/contract/invoice/components/detail.vue
@@ -0,0 +1,304 @@
+<template>
+  <CrmDrawer
+    v-model:show="visible"
+    :title="detailInfo?.name"
+    resizable
+    no-padding
+    :width="800"
+    :footer="false"
+    :view-size="formViewSize"
+  >
+    <template #titleLeft>
+      <div class="text-[14px] font-normal">
+        <CrmApprovalStatus :status="detailInfo?.approvalStatus ?? ProcessStatusEnum.NONE" />
+      </div>
+    </template>
+    <template v-if="!props.readonly" #titleRight>
+      <CrmOperationButton
+        class="gap-[12px]"
+        :not-show-divider="true"
+        :group-list="detailActions.groupList"
+        :more-list="detailActions.moreList"
+        @select="handleButtonClick"
+      >
+        <template #more>
+          <n-button type="primary" ghost class="n-btn-outline-primary">
+            {{ t('common.more') }}
+            <CrmIcon class="ml-[8px]" type="iconicon_chevron_down" :size="16" />
+          </n-button>
+        </template>
+      </CrmOperationButton>
+    </template>
+    <div class="h-full bg-[var(--text-n9)] px-[16px] pt-[16px]">
+      <CrmCard no-content-padding auto-height hide-footer>
+        <div class="flex-1">
+          <CrmApprovalDetail
+            :form-key="FormDesignKeyEnum.INVOICE"
+            :source-id="props.sourceId"
+            :refresh-key="approvalDetailRefreshKey"
+            :approval-status="detailInfo?.approvalStatus"
+            @save-approval="handleSaveApproval"
+          >
+            <template #left="{ fieldPermissions }">
+              <CrmFormDescription
+                ref="formDescriptionRef"
+                :form-key="FormDesignKeyEnum.INVOICE_SNAPSHOT"
+                :source-id="props.sourceId"
+                :column="2"
+                :refresh-key="refreshKey"
+                :fieldPermissions="fieldPermissions"
+                :otherSaveParams="{
+                  updateType: 'approval',
+                  approvalTaskId: props.approvalTaskId,
+                }"
+                label-width="auto"
+                value-align="start"
+                tooltip-position="top-start"
+                :readonly="!hasAnyPermission(['CONTRACT_INVOICE:UPDATE'])"
+                @init="handleInit"
+                @open-contract-detail="emit('openContractDrawer', $event)"
+                @open-customer-detail="emit('openCustomerDrawer', $event)"
+              />
+            </template>
+          </CrmApprovalDetail>
+        </div>
+      </CrmCard>
+    </div>
+
+    <CrmFormCreateDrawer
+      v-model:visible="formCreateDrawerVisible"
+      :form-key="FormDesignKeyEnum.INVOICE"
+      :source-id="props.sourceId"
+      need-init-detail
+      @saved="handleFormCreateSaved"
+      @review="handleFormReview"
+    />
+  </CrmDrawer>
+</template>
+
+<script lang="ts" setup>
+  import { NButton, useMessage } from 'naive-ui';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { ProcessStatusEnum } from '@lib/shared/enums/process';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { ContractInvoiceItem } from '@lib/shared/models/contract';
+  import { CollaborationType } from '@lib/shared/models/customer';
+  import type { FormConfig, FormViewSize } from '@lib/shared/models/system/module';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmApprovalDetail from '@/components/business/crm-approval/components/crm-approval-detail.vue';
+  import CrmApprovalStatus from '@/components/business/crm-approval/components/crm-approval-status.vue';
+  import CrmFormCreateDrawer from '@/components/business/crm-form-create-drawer/index.vue';
+  import CrmFormDescription from '@/components/business/crm-form-description/index.vue';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+
+  import { approvalInvoiced, deleteInvoiced } from '@/api/modules';
+  import { deleteInvoiceContentMap } from '@/config/contract';
+  import useApprovalOperation from '@/hooks/useApprovalOperation';
+  import useApprovalResourceAction from '@/hooks/useApprovalResourceAction';
+  import useModal from '@/hooks/useModal';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const props = defineProps<{
+    sourceId: string;
+    readonly?: boolean;
+    approvalTaskId?: string;
+  }>();
+  const emit = defineEmits<{
+    (e: 'refresh'): void;
+    (e: 'delete'): void;
+    (e: 'openContractDrawer', params: { id: string }): void;
+    (e: 'openCustomerDrawer', params: { customerId: string; inCustomerPool: boolean; poolId: string }): void;
+  }>();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const Message = useMessage();
+  const { openModal } = useModal();
+  const { t } = useI18n();
+
+  const detailInfo = ref();
+  const formViewSize = ref<FormViewSize>('large');
+
+  function handleInit(type?: CollaborationType, name?: string, detail?: Record<string, any>, config?: FormConfig) {
+    detailInfo.value = detail;
+    formViewSize.value = config?.viewSize || 'large';
+  }
+
+  const invoiceDetailDataActionMap = {
+    edit: {
+      key: 'edit',
+      label: t('common.edit'),
+      permission: ['CONTRACT_INVOICE:UPDATE'],
+    },
+    delete: {
+      label: t('common.delete'),
+      key: 'delete',
+      danger: true,
+      permission: ['CONTRACT_INVOICE:DELETE'],
+    },
+  };
+
+  const { initApprovalPermission, resolveRowOperation, deleteExecute } = useApprovalOperation<ContractInvoiceItem>({
+    formType: FormDesignKeyEnum.INVOICE,
+    dataActionMap: invoiceDetailDataActionMap,
+    isDetail: true,
+    identityResolver: {
+      isApplicant: (row, currentUserId) => row.createUser === currentUserId,
+    },
+  });
+
+  const detailActions = computed<{
+    groupList: ActionsItem[];
+    moreList: ActionsItem[];
+  }>(() => {
+    if (!detailInfo.value) {
+      return { groupList: [], moreList: [] };
+    }
+
+    const detailAction = resolveRowOperation(detailInfo.value);
+    return {
+      ...detailAction,
+      groupList: detailAction.groupList.map((e) => {
+        return {
+          ...e,
+          text: false,
+          ghost: true,
+          class: 'n-btn-outline-primary',
+        };
+      }),
+    };
+  });
+
+  const refreshKey = ref(0);
+  const approvalDetailRefreshKey = ref(0);
+  function handleSaved() {
+    refreshKey.value += 1;
+    emit('refresh');
+  }
+
+  function handleFormCreateSaved(_res: any, isUpdateReview?: boolean) {
+    if (isUpdateReview) {
+      approvalDetailRefreshKey.value += 1;
+    }
+    handleSaved();
+  }
+
+  const { reviewByFormResult, reviewByResourceId, revokeByResourceId } = useApprovalResourceAction({
+    formKey: FormDesignKeyEnum.INVOICE,
+  });
+
+  function handleDelete(row: ContractInvoiceItem) {
+    openModal({
+      type: 'error',
+      title: t('common.deleteConfirmTitle', { name: row.name }),
+      content: deleteInvoiceContentMap[row.approvalStatus],
+      positiveText: deleteExecute.value ? t('crm.approval.confirmAndSubmitReview') : t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deleteInvoiced(row.id);
+          Message.success(deleteExecute.value ? t('common.reviewSuccess') : t('common.deleteSuccess'));
+          visible.value = false;
+          emit('delete');
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  const formCreateDrawerVisible = ref(false);
+  function handleEdit() {
+    formCreateDrawerVisible.value = true;
+  }
+
+  async function handleApproval(approval = false) {
+    const approvalStatus = approval ? ProcessStatusEnum.APPROVED : ProcessStatusEnum.UNAPPROVED;
+    try {
+      await approvalInvoiced({
+        id: props.sourceId,
+        approvalStatus,
+      });
+      Message.success(approval ? t('common.approvedSuccess') : t('common.unApprovedSuccess'));
+      handleSaved();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    }
+  }
+
+  const formDescriptionRef = ref<InstanceType<typeof CrmFormDescription>>();
+  async function handleSaveApproval(callback: () => Promise<any>, hasFieldPermission: boolean) {
+    if (hasFieldPermission) {
+      formDescriptionRef.value?.handleFormChange(async () => {
+        await callback();
+        refreshKey.value += 1;
+        emit('refresh');
+      });
+    } else {
+      await callback();
+      refreshKey.value += 1;
+      emit('refresh');
+    }
+  }
+
+  function handleRevoke() {
+    revokeByResourceId(props.sourceId, {
+      onSuccess: () => {
+        handleSaved();
+      },
+    });
+  }
+
+  function handleFormReview(res: any) {
+    reviewByFormResult(res, {
+      onSuccess: () => {
+        handleSaved();
+      },
+    });
+  }
+
+  function handleReview() {
+    reviewByResourceId(props.sourceId, {
+      onSuccess: () => {
+        handleSaved();
+      },
+    });
+  }
+
+  async function handleButtonClick(actionKey: string) {
+    switch (actionKey) {
+      case 'review':
+        handleReview();
+        break;
+      case 'edit':
+        handleEdit();
+        break;
+      case 'revoke':
+        handleRevoke();
+        break;
+      case 'delete':
+        handleDelete(detailInfo.value);
+        break;
+      default:
+        break;
+    }
+  }
+
+  watch(
+    () => visible.value,
+    (val) => {
+      if (val) {
+        initApprovalPermission();
+      }
+    }
+  );
+</script>
diff --git a/frontend/packages/web/src/views/contract/invoice/components/invoiceTable.vue b/frontend/packages/web/src/views/contract/invoice/components/invoiceTable.vue
new file mode 100644
index 0000000..576bf88
--- /dev/null
+++ b/frontend/packages/web/src/views/contract/invoice/components/invoiceTable.vue
@@ -0,0 +1,626 @@
+<template>
+  <CrmTable
+    ref="crmTableRef"
+    v-model:checked-row-keys="checkedRowKeys"
+    v-bind="propsRes"
+    :fullscreen-target-ref="props.fullscreenTargetRef"
+    :class="`crm-contract-payment-table-${FormDesignKeyEnum.INVOICE}`"
+    :not-show-table-filter="isAdvancedSearchMode"
+    :action-config="actionConfig"
+    @page-change="propsEvent.pageChange"
+    @page-size-change="propsEvent.pageSizeChange"
+    @sorter-change="propsEvent.sorterChange"
+    @filter-change="propsEvent.filterChange"
+    @batch-action="handleBatchAction"
+    @refresh="searchData"
+  >
+    <template #actionLeft>
+      <div class="flex items-center gap-[12px]">
+        <n-button
+          v-if="!props.readonly"
+          v-permission="['CONTRACT_INVOICE:ADD']"
+          :loading="createLoading"
+          type="primary"
+          @click="handleNewClick"
+        >
+          {{ t('invoice.new') }}
+        </n-button>
+        <n-button
+          v-permission="['CONTRACT_INVOICE:EXPORT']"
+          type="primary"
+          ghost
+          class="n-btn-outline-primary"
+          :disabled="propsRes.data.length === 0"
+          @click="handleExportAllClick"
+        >
+          {{ t('common.exportAll') }}
+        </n-button>
+      </div>
+    </template>
+    <template #actionRight>
+      <CrmAdvanceFilter
+        ref="tableAdvanceFilterRef"
+        v-model:keyword="keyword"
+        :custom-fields-config-list="customFieldsFilterConfig"
+        :filter-config-list="filterConfigList"
+        @adv-search="handleAdvSearch"
+        @keyword-search="searchData"
+      />
+    </template>
+    <template #view>
+      <CrmViewSelect
+        v-if="!props.isContractTab"
+        v-model:active-tab="activeTab"
+        :type="FormDesignKeyEnum.INVOICE"
+        :custom-fields-config-list="customFieldsFilterConfig"
+        :filter-config-list="filterConfigList"
+        :advanced-original-form="advancedOriginalForm"
+        :route-name="ContractRouteEnum.CONTRACT_INVOICE"
+        @refresh-table-data="searchData"
+      />
+    </template>
+  </CrmTable>
+
+  <CrmFormCreateDrawer
+    v-model:visible="formCreateDrawerVisible"
+    :form-key="FormDesignKeyEnum.INVOICE"
+    :source-id="activeSourceId"
+    :need-init-detail="needInitDetail"
+    :initial-source-name="initialSourceName"
+    :link-form-key="FormDesignKeyEnum.CONTRACT"
+    :link-form-info="linkFormFieldMap"
+    :link-scenario="FormLinkScenarioEnum.CONTRACT_TO_INVOICE"
+    @saved="handleFormCreateSaved"
+    @review="handleFormReview"
+  />
+  <CrmTableExportModal
+    v-model:show="showExportModal"
+    :params="exportParams"
+    :export-columns="exportColumns"
+    :is-export-all="isExportAll"
+    :show-approval-tip="exportApprovalTip"
+    type="invoice"
+    @create-success="handleExportCreateSuccess"
+  />
+
+  <DetailDrawer
+    v-model:visible="showDetailDrawer"
+    :sourceId="activeSourceId"
+    :readonly="props.readonly"
+    @refresh="searchData(undefined, activeSourceId)"
+    @delete="removeItemFromList(activeSourceId)"
+    @open-contract-drawer="showContractDrawer"
+    @open-customer-drawer="showCustomerDrawer"
+  />
+</template>
+
+<script setup lang="ts">
+  import { DataTableRowKey, NButton, useMessage } from 'naive-ui';
+
+  import { FieldTypeEnum, FormDesignKeyEnum, FormLinkScenarioEnum } from '@lib/shared/enums/formDesignEnum';
+  import { ProcessStatusEnum } from '@lib/shared/enums/process';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import useLocale from '@lib/shared/locale/useLocale';
+  import { ExportTableColumnItem } from '@lib/shared/models/common';
+  import type { ContractInvoiceItem } from '@lib/shared/models/contract';
+
+  import { COMMON_SELECTION_OPERATORS } from '@/components/pure/crm-advance-filter/index';
+  import CrmAdvanceFilter from '@/components/pure/crm-advance-filter/index.vue';
+  import { FilterForm, FilterFormItem, FilterResult } from '@/components/pure/crm-advance-filter/type';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmNameTooltip from '@/components/pure/crm-name-tooltip/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import { BatchActionConfig } from '@/components/pure/crm-table/type';
+  import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+  import CrmApprovalPopover from '@/components/business/crm-approval/components/crm-approval-popover.vue';
+  import CrmFormCreateDrawer from '@/components/business/crm-form-create-drawer/index.vue';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+  import CrmTableExportModal from '@/components/business/crm-table-export-modal/index.vue';
+  import CrmViewSelect from '@/components/business/crm-view-select/index.vue';
+  import DetailDrawer from './detail.vue';
+
+  import { batchDeleteInvoiced, deleteInvoiced } from '@/api/modules';
+  import { baseFilterConfigList } from '@/config/clue';
+  import { deleteInvoiceContentMap } from '@/config/contract';
+  import { processStatusOptions } from '@/config/process';
+  import useApprovalOperation from '@/hooks/useApprovalOperation';
+  import useApprovalResourceAction from '@/hooks/useApprovalResourceAction';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+  import useFormCreateTable from '@/hooks/useFormCreateTable';
+  import useModal from '@/hooks/useModal';
+  import { getExportColumns } from '@/utils/export';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  import { ContractRouteEnum } from '@/enums/routeEnum';
+
+  const props = defineProps<{
+    fullscreenTargetRef?: HTMLElement | null;
+    isContractTab?: boolean;
+    sourceId?: string; // 合同详情下
+    sourceName?: string;
+    readonly?: boolean;
+  }>();
+  const emit = defineEmits<{
+    (e: 'openBusinessTitleDrawer', params: { id: string }): void;
+    (e: 'openContractDrawer', params: { id: string }): void;
+    (e: 'openCustomerDrawer', params: { customerId: string; inCustomerPool: boolean; poolId: string }): void;
+  }>();
+
+  const { t } = useI18n();
+  const Message = useMessage();
+  const { currentLocale } = useLocale(Message.loading);
+  const { openModal } = useModal();
+  const activeTab = ref();
+  const keyword = ref('');
+  const tableRefreshId = ref(0);
+  const tableRemoveRefreshId = ref('');
+  const tableItemRefreshId = ref('');
+  // 操作
+  const checkedRowKeys = ref<DataTableRowKey[]>([]);
+
+  const formCreateDrawerVisible = ref(false);
+  const activeSourceId = ref(props.sourceId || '');
+  const initialSourceName = ref('');
+  const needInitDetail = ref(false);
+
+  const createLoading = ref(false);
+  const linkFormKey = ref(FormDesignKeyEnum.CONTRACT);
+  const { initFormDetail, initFormConfig, linkFormFieldMap } = useFormCreateApi({
+    formKey: linkFormKey,
+    sourceId: activeSourceId,
+  });
+
+  async function handleNewClick() {
+    try {
+      createLoading.value = true;
+      activeSourceId.value = props.isContractTab ? props.sourceId || '' : '';
+      initialSourceName.value = props.isContractTab ? props.sourceName || '' : '';
+      needInitDetail.value = false;
+      if (props.isContractTab) {
+        linkFormKey.value = FormDesignKeyEnum.CONTRACT;
+        await initFormConfig();
+        await initFormDetail(false, true);
+      }
+      formCreateDrawerVisible.value = true;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    } finally {
+      createLoading.value = false;
+    }
+  }
+
+  const showExportModal = ref<boolean>(false);
+  const isExportAll = ref(false);
+
+  function handleExportAllClick() {
+    isExportAll.value = true;
+    showExportModal.value = true;
+  }
+  function handleExportCreateSuccess() {
+    checkedRowKeys.value = [];
+  }
+
+  const actionConfig: BatchActionConfig = {
+    baseAction: [
+      {
+        label: t('common.exportChecked'),
+        key: 'exportChecked',
+        permission: ['CONTRACT_INVOICE:EXPORT'],
+      },
+      {
+        label: t('common.batchDelete'),
+        key: 'batchDelete',
+        permission: ['CONTRACT_INVOICE:DELETE'],
+      },
+    ],
+  };
+
+  const invoiceDataActionMap = {
+    edit: {
+      label: t('common.edit'),
+      key: 'edit',
+      permission: ['CONTRACT_INVOICE:UPDATE'],
+    },
+    delete: {
+      label: t('common.delete'),
+      key: 'delete',
+      permission: ['CONTRACT_INVOICE:DELETE'],
+    },
+  };
+
+  const {
+    initApprovalPermission,
+    resolveRowOperation,
+    enableApproval,
+    deleteExecute,
+    hasApprovalScopedPermission,
+    getApprovalActionTip,
+  } = useApprovalOperation<ContractInvoiceItem>({
+    formType: FormDesignKeyEnum.INVOICE,
+    dataActionMap: invoiceDataActionMap,
+    specialActionFilter: (_row, actionKeys) => {
+      return props.readonly ? [] : actionKeys;
+    },
+  });
+
+  const { reviewByFormResult, reviewByResourceId, revokeByResourceId } = useApprovalResourceAction({
+    formKey: FormDesignKeyEnum.INVOICE,
+  });
+
+  // 批量删除
+  function handleBatchDelete() {
+    openModal({
+      type: 'error',
+      title: t('invoice.batchDeleteTitle', { count: checkedRowKeys.value.length }),
+      content: t('invoice.batchDelete'),
+      positiveText: deleteExecute.value ? t('crm.approval.confirmAndSubmitReview') : t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await batchDeleteInvoiced(checkedRowKeys.value as string[]);
+          tableRefreshId.value += 1;
+          Message.success(deleteExecute.value ? t('common.reviewSuccess') : t('common.deleteSuccess'));
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  function handleBatchAction(item: ActionsItem) {
+    switch (item.key) {
+      case 'exportChecked':
+        isExportAll.value = false;
+        showExportModal.value = true;
+        break;
+      case 'batchDelete':
+        handleBatchDelete();
+        break;
+      default:
+        break;
+    }
+  }
+
+  const showDetailDrawer = ref(false);
+
+  function handleDelete(row: ContractInvoiceItem, approvalEnable: boolean) {
+    openModal({
+      type: 'error',
+      title: t('common.deleteConfirmTitle', { name: row.name }),
+      content: approvalEnable
+        ? deleteInvoiceContentMap[row.approvalStatus]
+        : deleteInvoiceContentMap[ProcessStatusEnum.NONE],
+      positiveText: deleteExecute.value ? t('crm.approval.confirmAndSubmitReview') : t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deleteInvoiced(row.id);
+          Message.success(deleteExecute.value ? t('common.reviewSuccess') : t('common.deleteSuccess'));
+          tableRemoveRefreshId.value = row.id;
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  function handleEdit(id: string) {
+    activeSourceId.value = id;
+    needInitDetail.value = true;
+    formCreateDrawerVisible.value = true;
+  }
+
+  function showDetail(row: ContractInvoiceItem) {
+    if (row && !hasApprovalScopedPermission(row, ['CONTRACT_INVOICE:READ'])) {
+      return;
+    }
+    activeSourceId.value = row.id;
+    showDetailDrawer.value = true;
+  }
+
+  function handleRevoke(row: ContractInvoiceItem) {
+    revokeByResourceId(row.id, {
+      onSuccess: (resourceId) => {
+        tableItemRefreshId.value = resourceId;
+      },
+    });
+  }
+
+  function handleReview(row: ContractInvoiceItem) {
+    reviewByResourceId(row.id, {
+      onSuccess: (resourceId) => {
+        tableItemRefreshId.value = resourceId;
+      },
+    });
+  }
+
+  async function handleActionSelect(row: ContractInvoiceItem, actionKey: string, approvalEnable: boolean) {
+    switch (actionKey) {
+      case 'edit':
+        handleEdit(row.id);
+        break;
+      case 'revoke':
+        handleRevoke(row);
+        break;
+      case 'delete':
+        handleDelete(row, approvalEnable);
+        break;
+      case 'review':
+        handleReview(row);
+        break;
+      default:
+        break;
+    }
+  }
+
+  function showContractDrawer(params: { id: string }) {
+    if (props.isContractTab) {
+      showDetailDrawer.value = false;
+    } else {
+      emit('openContractDrawer', {
+        id: params.id,
+      });
+    }
+  }
+
+  function showCustomerDrawer(params: { customerId: string; inCustomerPool: boolean; poolId: string }) {
+    emit('openCustomerDrawer', {
+      customerId: params.customerId,
+      inCustomerPool: params.inCustomerPool,
+      poolId: params.poolId,
+    });
+  }
+
+  function showBusinessTitleDetail(businessTitleId: string) {
+    emit('openBusinessTitleDrawer', {
+      id: businessTitleId,
+    });
+  }
+
+  function getOperationWidth(approvalEnable: boolean) {
+    if (approvalEnable) {
+      return currentLocale.value === 'en-US' ? 180 : 180;
+    }
+    return 170;
+  }
+
+  await initApprovalPermission();
+
+  const { useTableRes, customFieldsFilterConfig } = await useFormCreateTable({
+    formKey: props.isContractTab ? FormDesignKeyEnum.CONTRACT_INVOICE : FormDesignKeyEnum.INVOICE,
+    operationColumn: {
+      key: 'operation',
+      width: computed(() => getOperationWidth(enableApproval.value)) as unknown as number,
+      fixed: 'right',
+      render: (row: ContractInvoiceItem) => {
+        const operation = resolveRowOperation(row);
+        return operation.groupList.length
+          ? h(CrmOperationButton, {
+              groupList: operation.groupList,
+              moreList: operation.moreList,
+              onSelect: (key: string) => handleActionSelect(row, key, enableApproval.value),
+            })
+          : '-';
+      },
+    },
+    specialRender: {
+      name: (row: ContractInvoiceItem) => {
+        return hasApprovalScopedPermission(row, ['CONTRACT_INVOICE:READ'])
+          ? h(
+              CrmTableButton,
+              {
+                onClick: () => {
+                  showDetail(row);
+                },
+              },
+              { default: () => row.name, trigger: () => row.name }
+            )
+          : h(CrmNameTooltip, { text: row.name });
+      },
+      contractId: (row: ContractInvoiceItem) => {
+        return props.isContractTab || !hasAnyPermission(['CONTRACT:READ']) || !row.contractName
+          ? h(
+              CrmNameTooltip,
+              { text: row.contractName },
+              {
+                default: () => row.contractName,
+              }
+            )
+          : h(
+              CrmTableButton,
+              {
+                onClick: () => {
+                  showContractDrawer({ id: row.contractId });
+                },
+              },
+              { default: () => row.contractName, trigger: () => row.contractName }
+            );
+      },
+      approvalStatus: (row: ContractInvoiceItem) =>
+        h(CrmApprovalPopover, {
+          status: row.approvalStatus,
+          formKey: FormDesignKeyEnum.INVOICE,
+          sourceId: row.id,
+          showMore: hasApprovalScopedPermission(row, ['CONTRACT_INVOICE:READ']),
+          disabled: row.approvalStatus !== ProcessStatusEnum.UNAPPROVED,
+          onMore: () => {
+            showDetail(row);
+          },
+        }),
+      businessTitleId: (row: ContractInvoiceItem) =>
+        hasAnyPermission(['CONTRACT_BUSINESS_TITLE:READ'])
+          ? h(
+              CrmTableButton,
+              {
+                onClick: () => {
+                  showBusinessTitleDetail(row.businessTitleId);
+                },
+              },
+              { default: () => row.businessTitleName, trigger: () => row.businessTitleName }
+            )
+          : h(
+              CrmNameTooltip,
+              { text: row.businessTitleName },
+              {
+                default: () => row.businessTitleName,
+              }
+            ),
+    },
+    permission: ['CONTRACT_INVOICE:EXPORT', 'CONTRACT_INVOICE:DELETE'],
+    containerClass: `.crm-contract-payment-table-${FormDesignKeyEnum.INVOICE}`,
+    enableApproval,
+  });
+  const { propsRes, propsEvent, tableQueryParams, loadList, setLoadListParams, setAdvanceFilter } = useTableRes;
+
+  const exportColumns = computed<ExportTableColumnItem[]>(() =>
+    getExportColumns(propsRes.value.columns, customFieldsFilterConfig.value as FilterFormItem[], [], true)
+  );
+
+  const exportParams = computed(() => {
+    return {
+      ...tableQueryParams.value,
+      ids: checkedRowKeys.value,
+      contractId: props.sourceId,
+    };
+  });
+
+  const exportApprovalTip = computed(() =>
+    getApprovalActionTip(['CONTRACT_INVOICE:EXPORT'], 'common.exportApprovalTip')
+  );
+
+  // 表格
+  const filterConfigList = computed<FilterFormItem[]>(() => [
+    {
+      title: t('opportunity.department'),
+      dataIndex: 'departmentId',
+      type: FieldTypeEnum.TREE_SELECT,
+      treeSelectProps: {
+        labelField: 'name',
+        keyField: 'id',
+        multiple: true,
+        clearFilterAfterSelect: false,
+        type: 'department',
+        checkable: true,
+        showContainChildModule: true,
+        containChildIds: [],
+      },
+    },
+    {
+      title: t('contract.approvalStatus'),
+      dataIndex: 'approvalStatus',
+      type: FieldTypeEnum.SELECT_MULTIPLE,
+      operatorOption: COMMON_SELECTION_OPERATORS,
+      selectProps: {
+        options: processStatusOptions,
+      },
+    },
+    ...baseFilterConfigList,
+  ]);
+
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+  const tableAdvanceFilterRef = ref<InstanceType<typeof CrmAdvanceFilter>>();
+
+  const isAdvancedSearchMode = ref(false);
+  const advancedOriginalForm = ref<FilterForm | undefined>();
+  function handleAdvSearch(filter: FilterResult, isAdvancedMode: boolean, originalForm?: FilterForm) {
+    keyword.value = '';
+    advancedOriginalForm.value = originalForm;
+    isAdvancedSearchMode.value = isAdvancedMode;
+    setAdvanceFilter(filter);
+    loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  function searchData(val?: string, refreshId?: string) {
+    setLoadListParams({ keyword: val ?? keyword.value, viewId: activeTab.value, contractId: props.sourceId });
+    loadList(false, refreshId);
+    if (!refreshId) {
+      crmTableRef.value?.scrollTo({ top: 0 });
+    }
+  }
+
+  watch(
+    () => tableRefreshId.value,
+    () => {
+      checkedRowKeys.value = [];
+      searchData();
+    }
+  );
+
+  function handleFormCreateSaved(res: any) {
+    if (needInitDetail.value) {
+      searchData(undefined, res.id);
+    } else {
+      searchData();
+    }
+  }
+
+  function handleFormReview(res: any) {
+    reviewByFormResult(res, {
+      onSuccess: () => {
+        handleFormCreateSaved(res);
+      },
+    });
+  }
+
+  function removeItemFromList(id: string) {
+    if (deleteExecute.value) {
+      searchData();
+      return;
+    }
+    propsRes.value.data = propsRes.value.data.filter((item) => item.id !== id);
+    propsRes.value.crmPagination = {
+      ...propsRes.value.crmPagination,
+      itemCount: (propsRes.value.crmPagination?.itemCount ?? 1) - 1,
+    };
+  }
+
+  watch(
+    () => tableRemoveRefreshId.value,
+    (val) => {
+      if (val) {
+        removeItemFromList(val);
+      }
+    }
+  );
+
+  watch(
+    () => tableItemRefreshId.value,
+    (val) => {
+      if (val) {
+        searchData(undefined, val);
+        tableItemRefreshId.value = '';
+      }
+    }
+  );
+
+  onBeforeMount(async () => {
+    await initApprovalPermission();
+    if (props.isContractTab) {
+      searchData();
+    }
+  });
+
+  watch(
+    () => activeTab.value,
+    (val) => {
+      if (val) {
+        checkedRowKeys.value = [];
+        setLoadListParams({ keyword: keyword.value, viewId: activeTab.value, contractId: props.sourceId });
+        crmTableRef.value?.setColumnSort(val);
+      }
+    }
+  );
+
+  watch(
+    () => showExportModal.value,
+    (val) => {
+      if (val) {
+        initApprovalPermission();
+      }
+    }
+  );
+</script>
diff --git a/frontend/packages/web/src/views/contract/invoice/index.vue b/frontend/packages/web/src/views/contract/invoice/index.vue
new file mode 100644
index 0000000..ef24573
--- /dev/null
+++ b/frontend/packages/web/src/views/contract/invoice/index.vue
@@ -0,0 +1,89 @@
+<template>
+  <div ref="invoiceCardRef" class="h-full">
+    <CrmCard no-content-padding hide-footer>
+      <div class="h-full px-[16px] pt-[16px]">
+        <InvoiceTable
+          :fullscreen-target-ref="invoiceCardRef"
+          @open-contract-drawer="handleOpenContractDrawer"
+          @open-business-title-drawer="handleOpenBusinessTitleDrawer"
+          @open-customer-drawer="handleOpenCustomerDrawer"
+        />
+      </div>
+    </CrmCard>
+    <ContractDetailDrawer
+      v-model:visible="showContractDetailDrawer"
+      :sourceId="activeSourceId"
+      @showCustomerDrawer="handleOpenCustomerDrawer"
+    />
+    <customerOverviewDrawer v-model:show="showCustomerOverviewDrawer" :source-id="activeCustomerSourceId" />
+    <openSeaOverviewDrawer
+      v-model:show="showCustomerOpenseaOverviewDrawer"
+      :source-id="activeCustomerSourceId"
+      :pool-id="poolId"
+      :hidden-columns="hiddenColumns"
+    />
+    <businessTitleDrawer v-model:visible="showBusinessTitleDetailDrawer" :source-id="activeBusinessTitleSourceId" />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { CluePoolItem } from '@lib/shared/models/system/module';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import businessTitleDrawer from '../businessTitle/components/detail.vue';
+  import ContractDetailDrawer from '../contract/components/detail.vue';
+  import InvoiceTable from './components/invoiceTable.vue';
+  import customerOverviewDrawer from '@/views/customer/components/customerOverviewDrawer.vue';
+  import openSeaOverviewDrawer from '@/views/customer/components/openSeaOverviewDrawer.vue';
+
+  import { getOpenSeaOptions } from '@/api/modules';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const invoiceCardRef = ref<HTMLElement | null>(null);
+
+  const showContractDetailDrawer = ref(false);
+  const activeSourceId = ref<string>('');
+  function handleOpenContractDrawer(params: { id: string }) {
+    activeSourceId.value = params.id;
+    showContractDetailDrawer.value = true;
+  }
+
+  const showCustomerOverviewDrawer = ref(false);
+  const showCustomerOpenseaOverviewDrawer = ref(false);
+  const poolId = ref<string>('');
+  const activeCustomerSourceId = ref<string>('');
+  function handleOpenCustomerDrawer(params: { customerId: string; inCustomerPool: boolean; poolId: string }) {
+    activeCustomerSourceId.value = params.customerId;
+    if (params.inCustomerPool) {
+      showCustomerOpenseaOverviewDrawer.value = true;
+      poolId.value = params.poolId;
+    } else {
+      showCustomerOverviewDrawer.value = true;
+    }
+  }
+
+  const showBusinessTitleDetailDrawer = ref(false);
+  const activeBusinessTitleSourceId = ref<string>('');
+  function handleOpenBusinessTitleDrawer(params: { id: string }) {
+    activeBusinessTitleSourceId.value = params.id;
+    showBusinessTitleDetailDrawer.value = true;
+  }
+
+  const openSeaOptions = ref<CluePoolItem[]>([]);
+
+  async function initOpenSeaOptions() {
+    if (hasAnyPermission(['CUSTOMER_MANAGEMENT_POOL:READ'])) {
+      const res = await getOpenSeaOptions();
+      openSeaOptions.value = res;
+    }
+  }
+
+  const hiddenColumns = computed<string[]>(() => {
+    const openSeaSetting = openSeaOptions.value.find((item) => item.id === poolId.value);
+    return openSeaSetting?.fieldConfigs.filter((item) => !item.enable).map((item) => item.fieldId) || [];
+  });
+
+  onBeforeMount(() => {
+    initOpenSeaOptions();
+  });
+</script>
diff --git a/frontend/packages/web/src/views/contract/invoice/locale/en-US.ts b/frontend/packages/web/src/views/contract/invoice/locale/en-US.ts
new file mode 100644
index 0000000..8b257bc
--- /dev/null
+++ b/frontend/packages/web/src/views/contract/invoice/locale/en-US.ts
@@ -0,0 +1,15 @@
+export default {
+  'invoice.new': 'New Invoice',
+  'invoice.all': 'All Invoices',
+  'invoice.my': 'My Invoices',
+  'invoice.depart': 'Department Invoices',
+  'invoice.batchDeleteTitle': 'Are you sure you want to delete {count} invoice records?',
+  'invoice.batchDelete':
+    'Invoices under review/revoked/not approved: Deletion does not affect the invoiced amount of the contract; Invoices approved: After deletion, the invoiced amount of the contract will be reduced by the amount of this invoice application, please operate with caution!',
+  'invoice.contractAmount': 'Contract Amount',
+  'invoice.uninvoicedAmount': 'Uninvoiced Amount',
+  'invoice.invoicedAmount': 'Invoiced Amount',
+  'invoice.applicationTime': 'Application Time',
+  'invoice.applicant': 'Applicant',
+  'invoice.contractName': 'Related Contract',
+};
diff --git a/frontend/packages/web/src/views/contract/invoice/locale/zh-CN.ts b/frontend/packages/web/src/views/contract/invoice/locale/zh-CN.ts
new file mode 100644
index 0000000..b4bbfa4
--- /dev/null
+++ b/frontend/packages/web/src/views/contract/invoice/locale/zh-CN.ts
@@ -0,0 +1,17 @@
+export default {
+  'invoice.new': '新建发票',
+  'invoice.all': '所有发票',
+  'invoice.my': '我的发票',
+  'invoice.depart': '部门发票',
+  'invoice.batchDeleteTitle': '确认删除 {count} 条发票记录吗？',
+  'invoice.batchDelete':
+    '发票提审/已撤销/未通过：删除不影响合同已开票金额；发票审核已通过：删除后，合同已开票金额将减去本次申请开票金额，请谨慎操作！',
+  'invoice.contractAmount': '合同金额',
+  'invoice.uninvoicedAmount': '未开票金额',
+  'invoice.invoicedAmount': '已开票金额',
+  'invoice.amount': '开票金额',
+  'invoice.applicationTime': '申请时间',
+  'invoice.application': '申请时间',
+  'invoice.applicant': '申请人',
+  'invoice.contractName': '关联合同',
+};
diff --git a/frontend/packages/web/src/views/contract/locale/en-US.ts b/frontend/packages/web/src/views/contract/locale/en-US.ts
new file mode 100644
index 0000000..4571655
--- /dev/null
+++ b/frontend/packages/web/src/views/contract/locale/en-US.ts
@@ -0,0 +1,80 @@
+export default {
+  'contract.new': 'New Contract',
+  'contract.all': 'All Contracts',
+  'contract.my': 'My Contracts',
+  'contract.depart': 'Department Contracts',
+  'contract.newPlan': 'New plan',
+  'contract.status': 'Contract stage',
+  'contract.planStatus': 'Plan Status',
+  'contract.voidReason': 'Void Reason',
+  'contract.changeStageTip': 'The contract stage can be changed only after approval and with the required permission',
+  'contract.toBeSigned': 'To be signed',
+  'contract.signed': 'Signed',
+  'contract.change': 'Change',
+  'contract.archive': 'Complete',
+  'contract.inProgress': 'In Progress',
+  'contract.completedPerformance': 'Completed',
+  'contract.uncompleted': 'Incomplete',
+  'contract.partialCompleted': 'Partially Completed',
+  'contract.voidedConfirmContent': 'This action cannot be undone. Please proceed with caution!',
+  'contract.voidedConfirmTitle': 'Are you sure you want to void {name}?',
+  'contract.applicant': 'Applicant',
+  'contract.invoicedContract': 'Invoiced Contract',
+  'contract.contractAmount': 'Contract Amount',
+  'contract.applicationTime': 'Application Time',
+  'contract.customerContractAmount': 'Customer contract amount',
+  'contract.customerPaymentAmount': 'Customer expected payment',
+  'contract.paymentContract': 'Payment contract',
+  'contract.expectedPaymentDate': 'Expected payment date',
+  'contract.expectedPaymentAmount': 'Expected payment amount',
+  'contract.isPlanCompleted': 'Plan completed',
+  'contract.approvalStatus': 'Approval Status',
+  'contract.paymentRecord.new': 'Create payment record',
+  'contract.payment': 'Payment',
+  'contract.paymentName': 'Payment name',
+  'contract.alreadyPayAmount': 'Amount repaid',
+  'contract.noPaymentRequired': 'Payment has been received, no payment is required',
+  'contract.paymentRecord.accountsPayable': 'Amount due',
+  'contract.paymentRecord.paymentReceived': 'Amount received',
+  'contract.paymentRecord.pendingPayment': 'Pending payment',
+  'contract.paymentTime': 'Payment time',
+  'contract.paymentAmount': 'Payment amount',
+  'contract.paymentRecord.deleteConfirmContent':
+    'After deletion, the amount already received will be deducted. Please proceed with caution!',
+  'contract.businessTitle.add': 'Create business name',
+  'contract.businessTitle.update': 'Update business name',
+  'contract.businessTitle.companyCode': 'Company code',
+  'contract.businessTitle.companyName': 'Name',
+  'contract.businessTitle.addMethod': 'Add method',
+  'contract.businessTitle.addMethodThird': 'Third-party',
+  'contract.businessTitle.addMethodCustom': 'Custom',
+  'contract.businessTitle.taxpayerNumber': 'Identification number',
+  'contract.businessTitle.province': 'Province',
+  'contract.businessTitle.city': 'City',
+  'contract.businessTitle.scale': 'Scale',
+  'contract.businessTitle.industry': 'Industry',
+  'contract.businessTitle.address': 'Registration address',
+  'contract.businessTitle.bank': 'Opening bank',
+  'contract.businessTitle.bankAccount': 'Bank account',
+  'contract.businessTitle.phone': 'Phone number',
+  'contract.businessTitle.capital': 'Registered capital',
+  'contract.businessTitle.companyScale': 'Customer size',
+  'contract.businessTitle.registrationAccount': 'Registration number',
+  'contract.businessTitle.selectCompanyPlaceholder': 'Select a company to auto-fill other fields',
+  'contract.businessTitle.status': 'Review status',
+  'contract.businessTitle.dataSource': 'Data source',
+  'contract.businessTitle.dataSourceSelf': 'Self',
+  'contract.businessTitle.deleteContent': 'Deleted data cannot be recovered. Proceed with caution.',
+  'contract.businessTitle.deleteInvoiceContent':
+    'The company name has an invoice record and is prohibited from being deleted!',
+  'contract.approved': 'Approved',
+  'contract.deleteInvoiceUnderReviewContent':
+    'Invoice under review, deleting does not affect the invoiced amount of the contract, please proceed with caution!',
+  'contract.deleteInvoiceApprovedContent':
+    'Invoice approved, deleting will reduce the invoiced amount of the contract by the amount of this application, please proceed with caution!',
+  'contract.deleteInvoiceRejectedContent':
+    'Invoice not approved, deleting does not affect the invoiced amount of the contract, please proceed with caution!',
+  'contract.deleteInvoiceRevokedContent':
+    'Invoice revoked, deleting does not affect the invoiced amount of the contract, please proceed with caution!',
+  'contract.deleteInvoiceNoneContent': 'Cannot recover after deletion, please careful operation!',
+};
diff --git a/frontend/packages/web/src/views/contract/locale/zh-CN.ts b/frontend/packages/web/src/views/contract/locale/zh-CN.ts
new file mode 100644
index 0000000..bdc16f4
--- /dev/null
+++ b/frontend/packages/web/src/views/contract/locale/zh-CN.ts
@@ -0,0 +1,74 @@
+export default {
+  'contract.new': '新建合同',
+  'contract.all': '所有合同',
+  'contract.my': '我的合同',
+  'contract.depart': '部门合同',
+  'contract.newPlan': '新建计划',
+  'contract.status': '合同阶段',
+  'contract.planStatus': '计划状态',
+  'contract.voidReason': '作废原因',
+  'contract.changeStageTip': '修改合同阶段需满足：审批状态为通过 + 合同阶段变更权限',
+  'contract.toBeSigned': '待签署',
+  'contract.signed': '已签署',
+  'contract.change': '合同变更',
+  'contract.archive': '合同完结',
+  'contract.inProgress': '履行中',
+  'contract.completedPerformance': '履行完毕',
+  'contract.uncompleted': '未完成',
+  'contract.partialCompleted': '部分完成',
+  'contract.voidedConfirmContent': '作废后，不可恢复，请谨慎操作！',
+  'contract.voidedConfirmTitle': '确认作废 {name} 吗？',
+  'contract.applicant': '申请人',
+  'contract.invoicedContract': '开票合同',
+  'contract.contractAmount': '合同金额',
+  'contract.applicationTime': '申请时间',
+  'contract.customerContractAmount': '客户合同金额',
+  'contract.customerPaymentAmount': '客户预计回款',
+  'contract.paymentContract': '回款合同',
+  'contract.expectedPaymentDate': '预计回款时间',
+  'contract.expectedPaymentAmount': '预计回款金额',
+  'contract.isPlanCompleted': '是否完成计划',
+  'contract.approvalStatus': '审批状态',
+  'contract.paymentRecord.new': '新建记录',
+  'contract.payment': '回款',
+  'contract.paymentName': '回款名称',
+  'contract.alreadyPayAmount': '已回款金额',
+  'contract.noPaymentRequired': '已回款完毕，无需回款',
+  'contract.paymentRecord.accountsPayable': '应回款',
+  'contract.paymentRecord.paymentReceived': '已回款',
+  'contract.paymentRecord.pendingPayment': '待回款',
+  'contract.paymentTime': '回款时间',
+  'contract.paymentAmount': '回款金额',
+  'contract.paymentRecord.deleteConfirmContent': '删除后，将扣除已回款金额，请谨慎操作！',
+  'contract.businessTitle.add': '新建工商抬头',
+  'contract.businessTitle.update': '更新工商抬头',
+  'contract.businessTitle.companyCode': '公司编号',
+  'contract.businessTitle.companyName': '公司名称',
+  'contract.businessTitle.addMethod': '添加方式',
+  'contract.businessTitle.addMethodThird': '第三方',
+  'contract.businessTitle.addMethodCustom': '自定义',
+  'contract.businessTitle.taxpayerNumber': '纳税人识别号',
+  'contract.businessTitle.province': '省',
+  'contract.businessTitle.city': '市',
+  'contract.businessTitle.scale': '企业规模',
+  'contract.businessTitle.industry': '国标行业',
+  'contract.businessTitle.address': '注册地址',
+  'contract.businessTitle.bank': '开户银行',
+  'contract.businessTitle.bankAccount': '银行账户',
+  'contract.businessTitle.phone': '注册电话',
+  'contract.businessTitle.capital': '注册资本',
+  'contract.businessTitle.companyScale': '公司规模',
+  'contract.businessTitle.registrationAccount': '工商注册账号',
+  'contract.businessTitle.selectCompanyPlaceholder': '输入选择公司，其他字段自动填入且不可更改',
+  'contract.businessTitle.status': '审核状态',
+  'contract.businessTitle.dataSource': '数据来源',
+  'contract.businessTitle.dataSourceSelf': '自',
+  'contract.businessTitle.deleteContent': '删除后，数据无法恢复，请谨慎操作！',
+  'contract.businessTitle.deleteInvoiceContent': '公司名称存在开票记录，禁止删除！',
+  'contract.approved': '已通过',
+  'contract.deleteInvoiceUnderReviewContent': '发票提审，删除不影响合同已开票金额，请谨慎操作！',
+  'contract.deleteInvoiceApprovedContent': '发票审核已通过，删除后，合同已开票金额将减去本次申请开票金额，请谨慎操作！',
+  'contract.deleteInvoiceRejectedContent': '发票审核未通过，删除不影响合同已开票金额，请谨慎操作！',
+  'contract.deleteInvoiceRevokedContent': '发票审核已撤销，删除不影响合同已开票金额，请谨慎操作！',
+  'contract.deleteInvoiceNoneContent': '删除后无法恢复，请谨慎操作！',
+};
diff --git a/frontend/packages/web/src/views/customForm/components/customFormConfigDrawer/index.vue b/frontend/packages/web/src/views/customForm/components/customFormConfigDrawer/index.vue
new file mode 100644
index 0000000..782f9e1
--- /dev/null
+++ b/frontend/packages/web/src/views/customForm/components/customFormConfigDrawer/index.vue
@@ -0,0 +1,424 @@
+<template>
+  <CrmProcessDrawer
+    v-model:visible="visible"
+    v-model:active-tab="activeTab"
+    width="100%"
+    :loading="loading"
+    :title="customFormName"
+    :tab-list="tabList"
+    :readonly="activeTab === 'memberPermission'"
+    :before-change-tab="handleBeforeChangeTab"
+    @cancel="handleBack"
+  >
+    <template #title>
+      <div class="process-name-header flex max-w-full flex-1 overflow-hidden">
+        <CrmEditableText
+          :value="customFormName"
+          :permission="[]"
+          click-to-edit
+          :emptyTextTip="t('common.notNull', { value: t('customForm.name') })"
+          @input="customFormNameDraft = $event"
+          @handle-edit="handleEditTitle"
+        >
+          <n-tooltip trigger="hover" :delay="300" :disabled="!customFormName">
+            <template #trigger>
+              <div class="process-name one-line-text">
+                {{ customFormName || '-' }}
+              </div>
+            </template>
+            {{ customFormName || '-' }}
+          </n-tooltip>
+        </CrmEditableText>
+      </div>
+    </template>
+
+    <template #headerActions>
+      <n-tooltip v-if="activeTab === 'design'" trigger="hover" :disabled="customFormEnable">
+        <template #trigger>
+          <span>
+            <n-button type="primary" :loading="loading" :disabled="!customFormEnable" @click="handleSaveFormDesign">
+              {{ t('common.save') }}
+            </n-button>
+          </span>
+        </template>
+        {{ t('customForm.formDisabled') }}
+      </n-tooltip>
+    </template>
+
+    <div v-show="activeTab === 'design'" class="h-full">
+      <CrmFormDesign
+        v-if="visible"
+        ref="formDesignRef"
+        v-model:form-config="formConfig"
+        v-model:field-list="fieldList"
+        class="custom-form-design"
+        :form-key="formKey"
+      />
+    </div>
+    <MemberPermissionTab
+      v-if="visible && activeTab === 'memberPermission'"
+      :source-id="currentSourceId"
+      :creator="customFormCreator"
+    />
+  </CrmProcessDrawer>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { NButton, NTooltip, useMessage } from 'naive-ui';
+
+  import { FieldRuleEnum, FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { getGenerateId } from '@lib/shared/method';
+
+  import CrmEditableText from '@/components/business/crm-editable-text/index.vue';
+  import {
+    dividerDefaultFieldConfig,
+    inputDefaultFieldConfig,
+    memberDefaultFieldConfig,
+  } from '@/components/business/crm-form-create/config';
+  import type { FormCreateField } from '@/components/business/crm-form-create/types';
+  import {
+    createDefaultFormConfig,
+    useFormDesignConfig,
+  } from '@/components/business/crm-form-design-drawer/useFormDesignConfig';
+  import CrmProcessDrawer from '@/components/business/crm-process-drawer/index.vue';
+  import MemberPermissionTab from './memberPermissionTab.vue';
+
+  import { addCustomForm, getCustomFormDetail, updateCustomForm } from '@/api/modules';
+  import useModal from '@/hooks/useModal';
+  import { useUserStore } from '@/store';
+
+  const CrmFormDesign = defineAsyncComponent(() => import('@/components/business/crm-form-design/index.vue'));
+
+  const props = defineProps<{
+    sourceId?: string;
+    defaultTab?: 'design' | 'memberPermission';
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'saved', id: string): void;
+  }>();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const { t } = useI18n();
+  const Message = useMessage();
+  const { openModal } = useModal();
+  const userStore = useUserStore();
+
+  const activeTab = ref<'design' | 'memberPermission'>('design');
+  const tabList = [
+    {
+      name: 'design',
+      tab: t('customForm.formDesign'),
+    },
+    {
+      name: 'memberPermission',
+      tab: t('customForm.formMember'),
+    },
+  ];
+
+  const titleSaving = ref(false);
+  const currentSourceId = ref('');
+  const customFormName = ref('');
+  const customFormEnable = ref(true);
+  provide('customFormSourceId', readonly(currentSourceId));
+  const customFormCreator = ref({
+    id: '',
+    name: '',
+  });
+
+  const formKey = ref(FormDesignKeyEnum.CUSTOM_FORM);
+  const { loading, fieldList, formConfig, unsaved, formDesignRef, checkRepeat, buildSavePayload, setFormConfigDetail } =
+    useFormDesignConfig({ formKey });
+
+  function showUnsavedLeaveTip() {
+    openModal({
+      type: 'warning',
+      title: t('common.unSaveLeaveTitle'),
+      content: t('common.editUnsavedLeave'),
+      positiveText: t('common.confirm'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        visible.value = false;
+      },
+    });
+  }
+
+  function handleBack() {
+    if (loading.value || titleSaving.value) {
+      return;
+    }
+
+    if (unsaved.value) {
+      showUnsavedLeaveTip();
+      return;
+    }
+
+    visible.value = false;
+  }
+
+  function buildCustomFormSaveRequest(name = customFormName.value) {
+    const { fields, formProp } = buildSavePayload();
+    return {
+      id: currentSourceId.value || undefined,
+      name,
+      enable: customFormEnable.value,
+      fields,
+      formProp,
+    };
+  }
+
+  function disableSavedDataSourceType() {
+    const addDisabledProp = (field: FormCreateField) => {
+      if (![FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.DATA_SOURCE_MULTIPLE].includes(field.type)) {
+        return;
+      }
+
+      field.disabledProps = Array.from(new Set([...(field.disabledProps || []), 'dataSourceType']));
+    };
+
+    fieldList.value.forEach((field) => {
+      addDisabledProp(field);
+      field.subFields?.forEach(addDisabledProp);
+    });
+  }
+
+  const customFormNameDraft = ref('');
+
+  async function handleSaveFormDesign() {
+    if (!customFormNameDraft.value.trim().length) {
+      return false;
+    }
+
+    if (!checkRepeat()) {
+      activeTab.value = 'design';
+      return false;
+    }
+
+    try {
+      loading.value = true;
+      const params = buildCustomFormSaveRequest();
+      const result = params.id ? await updateCustomForm(params) : await addCustomForm(params);
+      if (result?.id) {
+        currentSourceId.value = result.id;
+      }
+      disableSavedDataSourceType();
+      unsaved.value = false;
+      emit('saved', currentSourceId.value);
+      Message.success(t('common.saveSuccess'));
+      return true;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+      return false;
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  function handleBeforeChangeTab(newVal: string | number, oldVal: string | number | null) {
+    if (newVal === 'memberPermission' && !currentSourceId.value) {
+      Message.warning(t('customForm.saveFormDesignFirst'));
+      return false;
+    }
+
+    if (oldVal !== 'design' || newVal === oldVal || !unsaved.value) {
+      return true;
+    }
+
+    return new Promise<boolean>((resolve) => {
+      let resolved = false;
+      const resolveOnce = (value: boolean) => {
+        if (resolved) {
+          return;
+        }
+        resolved = true;
+        resolve(value);
+      };
+
+      openModal({
+        type: 'warning',
+        title: t('customForm.formUnsavedTitle'),
+        content: t('customForm.formUnsavedSwitchTip'),
+        negativeText: t('common.cancel'),
+        positiveText: t('common.save'),
+        onPositiveClick: async () => {
+          const saved = await handleSaveFormDesign();
+          resolveOnce(saved);
+        },
+        onNegativeClick: () => {
+          resolveOnce(true);
+        },
+      });
+    });
+  }
+
+  async function handleEditTitle(value: string, done?: () => void) {
+    const name = value.trim();
+    if (name === customFormName.value) {
+      done?.();
+      return;
+    }
+
+    try {
+      titleSaving.value = true;
+      if (!currentSourceId.value) {
+        customFormName.value = name;
+        customFormNameDraft.value = name;
+        unsaved.value = true;
+        done?.();
+        return;
+      }
+
+      await updateCustomForm(buildCustomFormSaveRequest(name));
+      customFormName.value = name;
+      customFormNameDraft.value = name;
+      emit('saved', currentSourceId.value);
+      Message.success(t('common.saveSuccess'));
+      done?.();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      titleSaving.value = false;
+    }
+  }
+
+  function createDefaultCustomFormFields(): FormCreateField[] {
+    const createDivider = (name: string): FormCreateField => ({
+      ...dividerDefaultFieldConfig,
+      id: getGenerateId(),
+      name,
+    });
+
+    const createInput = (name: string, options?: Partial<FormCreateField>): FormCreateField => ({
+      ...inputDefaultFieldConfig,
+      id: getGenerateId(),
+      name,
+      ...options,
+    });
+
+    return [
+      createDivider(t('customForm.basicInfo')),
+      createInput(t('common.name'), {
+        businessKey: 'name',
+        rules: [{ key: FieldRuleEnum.REQUIRED }],
+        disabledProps: ['readable', 'mobile', 'rules.required'],
+        internalKey: 'customFormDataName',
+      }),
+      createInput(t('customForm.customField', { index: 1 })),
+      createInput(t('customForm.customField', { index: 2 })),
+      createDivider(t('customForm.ownerInfo')),
+      {
+        ...memberDefaultFieldConfig,
+        id: getGenerateId(),
+        name: t('common.head'),
+        businessKey: 'owner',
+        hasCurrentUser: true,
+        disabledProps: ['readable', 'mobile', 'rules.required'],
+        rules: [{ key: FieldRuleEnum.REQUIRED }],
+        initialOptions: userStore.userInfo.id
+          ? [
+              {
+                id: userStore.userInfo.id,
+                name: userStore.userInfo.name,
+              },
+            ]
+          : [],
+        internalKey: 'customFormDataNOwner',
+      },
+    ];
+  }
+
+  async function initCustomFormConfig() {
+    currentSourceId.value = props.sourceId || '';
+    if (!currentSourceId.value) {
+      customFormName.value = t('customForm.unnamedForm');
+      customFormNameDraft.value = customFormName.value;
+      customFormEnable.value = true;
+      customFormCreator.value = {
+        id: userStore.userInfo.id || '',
+        name: userStore.userInfo.name || '',
+      };
+      setFormConfigDetail({
+        fields: createDefaultCustomFormFields(),
+        formProp: createDefaultFormConfig(t),
+      });
+      return;
+    }
+
+    try {
+      loading.value = true;
+      const detail = await getCustomFormDetail(currentSourceId.value);
+      customFormName.value = detail.name;
+      customFormNameDraft.value = detail.name;
+      customFormEnable.value = detail.enable;
+      customFormCreator.value = detail.creator;
+      setFormConfigDetail(detail);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  watch(
+    () => visible.value,
+    (value) => {
+      if (!value) {
+        activeTab.value = 'design';
+        return;
+      }
+
+      activeTab.value = props.defaultTab || 'design';
+      initCustomFormConfig();
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
+
+<style lang="less">
+  .process-name-header {
+    min-width: 0;
+    > * {
+      min-width: 0;
+      max-width: 100%;
+      flex: 1 1 auto;
+    }
+    .table-row-edit {
+      @apply invisible;
+    }
+    &:hover {
+      .table-row-edit {
+        color: var(--primary-8);
+        @apply visible;
+      }
+    }
+    .process-name {
+      overflow: hidden;
+      min-width: 0;
+      max-width: 100%;
+      font-size: 14px;
+      font-weight: 400;
+      border-bottom: 2px solid var(--text-n6);
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+  .custom-form-design {
+    .crm-form-design--composition {
+      > .n-scrollbar {
+        .n-scrollbar-content {
+          width: 100% !important;
+        }
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/customForm/components/customFormConfigDrawer/memberPermissionTab.vue b/frontend/packages/web/src/views/customForm/components/customFormConfigDrawer/memberPermissionTab.vue
new file mode 100644
index 0000000..d04df47
--- /dev/null
+++ b/frontend/packages/web/src/views/customForm/components/customFormConfigDrawer/memberPermissionTab.vue
@@ -0,0 +1,425 @@
+<template>
+  <div class="h-full bg-[var(--text-n9)] px-[16px] pt-[12px]">
+    <div class="h-full rounded-[var(--border-radius-small)] bg-[var(--text-n10)] p-[24px]">
+      <CrmMemberSelectorBox
+        v-model:value="adminIds"
+        v-model:selected-list="adminList"
+        :label="t('customForm.formAdmin')"
+        :add-text="t('org.addMember')"
+        required
+        :max-count="adminMaxCount"
+        :tip-text="t('customForm.maxAddAdminTip', { count: adminMaxCount })"
+        :clear-text="t('customForm.restoreDefault')"
+        :clear-disabled="isDefaultAdmin"
+        :preserve-value-on-clear="true"
+        :api-type-key="MemberApiTypeEnum.FORM_FIELD"
+        :member-types="userMemberTypes"
+        :disabled-node-types="[DeptNodeTypeEnum.ORG, DeptNodeTypeEnum.ROLE]"
+        @confirm="handleSaveAdmins"
+        @delete-tag="handleSaveAdmins"
+        @clear="handleRestoreDefaultAdmins"
+      />
+
+      <div class="my-[16px]">
+        <div class="mb-[8px] flex items-center gap-[6px] font-semibold">
+          {{ t('customForm.formMember') }}
+          <n-tooltip trigger="hover" placement="right" :style="{ maxWidth: '500px' }">
+            <template #trigger>
+              <CrmIcon
+                type="iconicon_help_circle"
+                :size="16"
+                class="cursor-pointer text-[var(--text-n4)] hover:text-[var(--primary-1)]"
+              />
+            </template>
+            <div>{{ t('customForm.permission.manageAllTip') }}</div>
+            <div>{{ t('customForm.permission.viewAllTip') }}</div>
+            <div>{{ t('customForm.permission.addManageOwnTip') }}</div>
+          </n-tooltip>
+        </div>
+        <n-radio-group v-model:value="activeRoleId" name="customFormPermissionType">
+          <n-radio-button v-for="item in permissionTabList" :key="item.id" :value="item.id" :label="item.name" />
+        </n-radio-group>
+      </div>
+
+      <CrmTable
+        ref="crmTableRef"
+        v-model:checked-row-keys="checkedRowKeys"
+        v-bind="propsRes"
+        class="custom-form-member-table"
+        :action-config="actionConfig"
+        @page-change="propsEvent.pageChange"
+        @page-size-change="propsEvent.pageSizeChange"
+        @sorter-change="propsEvent.sorterChange"
+        @filter-change="propsEvent.filterChange"
+        @batch-action="handleBatchAction"
+        @refresh="searchData"
+      >
+        <template #actionLeft>
+          <n-button type="primary" :disabled="!activeRoleId" @click="handleCreate">
+            {{ t('org.addMember') }}
+          </n-button>
+        </template>
+        <template #actionRight>
+          <CrmSearchInput
+            v-model:value="keyword"
+            class="!w-[240px]"
+            :placeholder="t('common.searchName')"
+            @search="searchData"
+          />
+        </template>
+      </CrmTable>
+    </div>
+  </div>
+
+  <CrmSelectUserDrawer
+    v-model:visible="memberDrawerVisible"
+    :title="t('org.addMember')"
+    :loading="addMemberLoading"
+    :api-type-key="MemberApiTypeEnum.CUSTOM_FORM"
+    @confirm="handleAddMembers"
+  />
+</template>
+
+<script setup lang="ts">
+  import { computed, h, nextTick, onMounted, ref, watch } from 'vue';
+  import { NButton, NRadioButton, NRadioGroup, NTooltip, useMessage } from 'naive-ui';
+
+  import { MemberApiTypeEnum, MemberSelectTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { DeptNodeTypeEnum } from '@lib/shared/enums/systemEnum';
+  import { TableKeyEnum } from '@lib/shared/enums/tableEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { characterLimit } from '@lib/shared/method';
+  import type { CustomFormMemberItem, CustomFormRoleItem } from '@lib/shared/models/customForm';
+  import type { SelectedUsersItem } from '@lib/shared/models/system/module';
+  import type { DeptUserTreeNode } from '@lib/shared/models/system/role';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmRemoveButton from '@/components/pure/crm-remove-button/index.vue';
+  import CrmSearchInput from '@/components/pure/crm-search-input/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import type { BatchActionConfig, CrmDataTableColumn } from '@/components/pure/crm-table/type';
+  import useTable from '@/components/pure/crm-table/useTable';
+  import CrmMemberSelectorBox from '@/components/business/crm-member-selector-box/index.vue';
+  import CrmSelectUserDrawer from '@/components/business/crm-select-user-drawer/index.vue';
+
+  import {
+    getCustomFormAdmins,
+    getCustomFormRoles,
+    getCustomFormRoleUsers,
+    relateCustomFormMember,
+    removeCustomFormMember,
+    saveCustomFormAdmins,
+  } from '@/api/modules';
+  import useModal from '@/hooks/useModal';
+
+  const props = defineProps<{
+    sourceId: string;
+    creator: SelectedUsersItem;
+  }>();
+
+  const { t } = useI18n();
+  const Message = useMessage();
+  const { openModal } = useModal();
+
+  const userMemberTypes = [
+    {
+      label: t('menu.settings.org'),
+      value: MemberSelectTypeEnum.ORG,
+    },
+  ];
+
+  const adminMaxCount = 15;
+  const adminIds = ref<string[]>([]);
+  const adminList = ref<SelectedUsersItem[]>([]);
+  const isAdminLimitExceeded = computed(() => adminList.value.length > adminMaxCount);
+  const isDefaultAdmin = computed(() => adminIds.value.length === 1 && adminIds.value[0] === props.creator.id);
+
+  function updateAdminDeleteDisabled() {
+    adminList.value = adminList.value.map((item) => ({
+      ...item,
+      disabled: adminList.value.length <= 1,
+    }));
+  }
+
+  async function loadAdmins() {
+    try {
+      adminList.value = await getCustomFormAdmins(props.sourceId);
+      updateAdminDeleteDisabled();
+      adminIds.value = adminList.value.map((item) => item.id);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  async function handleSaveAdmins() {
+    await nextTick();
+    updateAdminDeleteDisabled();
+    if (isAdminLimitExceeded.value) {
+      Message.warning(t('customForm.maxAddAdminTip', { count: adminMaxCount }));
+      return;
+    }
+
+    try {
+      await saveCustomFormAdmins({
+        customFormId: props.sourceId,
+        userIds: adminIds.value,
+      });
+      Message.success(t('common.saveSuccess'));
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  function handleRestoreDefaultAdmins() {
+    adminList.value = props.creator.id ? [{ ...props.creator }] : [];
+    adminIds.value = adminList.value.map((item) => item.id);
+    handleSaveAdmins();
+  }
+
+  const permissionTabList = ref<CustomFormRoleItem[]>([]);
+  const activeRoleId = ref('');
+
+  const tableRefreshId = ref(0);
+  const removeLoading = ref(false);
+
+  async function removeMember(row: CustomFormMemberItem, close: () => void) {
+    try {
+      removeLoading.value = true;
+      await removeCustomFormMember({
+        customFormRoleId: activeRoleId.value,
+        userIds: [row.id],
+      });
+      Message.success(t('common.removeSuccess'));
+      close();
+      tableRefreshId.value += 1;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      removeLoading.value = false;
+    }
+  }
+
+  const columns: CrmDataTableColumn<CustomFormMemberItem>[] = [
+    {
+      type: 'selection',
+      fixed: 'left',
+    },
+    {
+      title: t('role.memberName'),
+      key: 'username',
+      width: 200,
+      fixed: 'left',
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+      columnSelectorDisabled: true,
+    },
+    {
+      title: t('role.department'),
+      key: 'departmentId',
+      width: 200,
+      ellipsis: {
+        tooltip: true,
+      },
+      render: (row) => row.departmentName || '-',
+    },
+    {
+      title: t('role.job'),
+      key: 'position',
+      width: 200,
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+    },
+    {
+      title: t('role.role'),
+      key: 'roles',
+      width: 200,
+      isTag: true,
+      tagGroupProps: {
+        labelKey: 'name',
+      },
+    },
+    {
+      title: t('common.addTime'),
+      key: 'createTime',
+      width: 200,
+      sortOrder: false,
+      sorter: true,
+    },
+    {
+      key: 'operation',
+      width: 100,
+      fixed: 'right',
+      render: (row) =>
+        h(CrmRemoveButton, {
+          loading: removeLoading.value,
+          title: t('common.removeConfirmTitle', { name: characterLimit(row.username) }),
+          content: t('role.removeMemberTip'),
+          onConfirm: (cancel) => removeMember(row, cancel),
+        }),
+    },
+  ];
+
+  const { propsRes, propsEvent, loadList, setLoadListParams } = useTable(
+    getCustomFormRoleUsers,
+    {
+      tableKey: TableKeyEnum.CUSTOM_FORM_USER,
+      columns,
+      showSetting: true,
+      containerClass: '.custom-form-member-table',
+    },
+    (item) => ({
+      ...item,
+      position: item.position || '-',
+      departmentName: item.departmentName || '-',
+    })
+  );
+
+  const actionConfig: BatchActionConfig = {
+    baseAction: [
+      {
+        label: t('role.batchRemove'),
+        key: 'batchRemove',
+      },
+    ],
+  };
+
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+
+  const keyword = ref('');
+  function searchData(val?: string) {
+    setLoadListParams({
+      customFormRoleId: activeRoleId.value,
+      keyword: val ?? keyword.value,
+    });
+    loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  async function loadPermissionTabList() {
+    try {
+      permissionTabList.value = await getCustomFormRoles(props.sourceId);
+      const firstRoleId = permissionTabList.value[0]?.id ?? '';
+      activeRoleId.value = firstRoleId;
+      searchData();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  const checkedRowKeys = ref<(string | number)[]>([]);
+  function batchRemoveMember() {
+    openModal({
+      type: 'warning',
+      title: t('role.batchRemoveTip', { count: checkedRowKeys.value.length }),
+      content: t('role.removeMemberTip'),
+      positiveText: t('role.batchRemoveConfirm'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await removeCustomFormMember({
+            customFormRoleId: activeRoleId.value,
+            userIds: checkedRowKeys.value as string[],
+          });
+          checkedRowKeys.value = [];
+          crmTableRef.value?.clearCheckedRowKeys();
+          searchData();
+          Message.success(t('common.removeSuccess'));
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        }
+      },
+    });
+  }
+
+  function handleBatchAction(item: ActionsItem) {
+    if (item.key === 'batchRemove') {
+      batchRemoveMember();
+    }
+  }
+
+  const memberDrawerVisible = ref(false);
+  const addMemberLoading = ref(false);
+
+  function handleCreate() {
+    memberDrawerVisible.value = true;
+  }
+
+  async function handleAddMembers(params: DeptUserTreeNode[], offspringNodes: DeptUserTreeNode[]) {
+    try {
+      addMemberLoading.value = true;
+      const categorizedIds = params.concat(offspringNodes).reduce(
+        (acc, item) => {
+          switch (item.nodeType) {
+            case DeptNodeTypeEnum.USER:
+              acc.userIds.push(item.id);
+              break;
+            case DeptNodeTypeEnum.ROLE:
+              acc.roleIds.push(item.id);
+              break;
+            case DeptNodeTypeEnum.ORG:
+              acc.deptIds.push(item.id);
+              break;
+            default:
+              break;
+          }
+          return acc;
+        },
+        {
+          userIds: [] as string[],
+          roleIds: [] as string[],
+          deptIds: [] as string[],
+        }
+      );
+      await relateCustomFormMember({
+        ...categorizedIds,
+        customFormRoleId: activeRoleId.value,
+      });
+      Message.success(t('common.addSuccess'));
+      memberDrawerVisible.value = false;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      addMemberLoading.value = false;
+      searchData();
+    }
+  }
+
+  watch(activeRoleId, () => {
+    checkedRowKeys.value = [];
+    crmTableRef.value?.clearCheckedRowKeys();
+    searchData();
+  });
+
+  watch(tableRefreshId, () => {
+    crmTableRef.value?.clearCheckedRowKeys();
+    searchData();
+  });
+
+  watch(
+    () => props.sourceId,
+    () => {
+      loadAdmins();
+      loadPermissionTabList();
+    }
+  );
+
+  onMounted(() => {
+    loadAdmins();
+    loadPermissionTabList();
+  });
+</script>
+
+<style scoped lang="less"></style>
diff --git a/frontend/packages/web/src/views/customForm/components/detail.vue b/frontend/packages/web/src/views/customForm/components/detail.vue
new file mode 100644
index 0000000..8d213e1
--- /dev/null
+++ b/frontend/packages/web/src/views/customForm/components/detail.vue
@@ -0,0 +1,104 @@
+<template>
+  <CrmDrawer
+    v-model:show="visible"
+    resizable
+    no-padding
+    :width="800"
+    :footer="false"
+    :title="title"
+    :view-size="formViewSize"
+  >
+    <template #titleRight>
+      <n-button v-if="isAdmin" type="primary" ghost class="n-btn-outline-primary" @click="emit('edit', props.sourceId)">
+        {{ t('common.edit') }}
+      </n-button>
+      <n-button v-if="isAdmin" type="error" ghost class="ml-[12px]" @click="handleDelete">
+        {{ t('common.delete') }}
+      </n-button>
+    </template>
+    <div class="h-full bg-[var(--text-n9)] px-[16px] pt-[16px]">
+      <CrmCard hide-footer>
+        <div class="flex-1">
+          <CrmFormDescription
+            :form-key="FormDesignKeyEnum.CUSTOM_FORM"
+            :source-id="props.sourceId"
+            :column="3"
+            :refresh-key="props.refreshId"
+            label-width="auto"
+            value-align="start"
+            tooltip-position="top-start"
+            :readonly="!isAdmin"
+            :customFormId="props.customFormId"
+            @init="handleInit"
+          />
+        </div>
+      </CrmCard>
+    </div>
+  </CrmDrawer>
+</template>
+
+<script lang="ts" setup>
+  import { NButton, useMessage } from 'naive-ui';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { characterLimit } from '@lib/shared/method';
+  import { CollaborationType } from '@lib/shared/models/customer';
+  import type { FormConfig, FormViewSize } from '@lib/shared/models/system/module';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmFormDescription from '@/components/business/crm-form-description/index.vue';
+
+  import { deleteCustomFormData } from '@/api/modules';
+  import useModal from '@/hooks/useModal';
+
+  const props = defineProps<{
+    sourceId: string;
+    refreshId?: number;
+    customFormId?: string;
+  }>();
+  const emit = defineEmits<{
+    (e: 'edit', sourceId: string): void;
+    (e: 'refresh'): void;
+  }>();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const { t } = useI18n();
+  const { openModal } = useModal();
+  const Message = useMessage();
+  const title = ref('');
+  const isAdmin = ref(false);
+  const formViewSize = ref<FormViewSize>('large');
+
+  function handleInit(type?: CollaborationType, name?: string, detail?: Record<string, any>, config?: FormConfig) {
+    title.value = name || '';
+    isAdmin.value = !!detail?.isAdmin;
+    formViewSize.value = config?.viewSize || 'large';
+  }
+
+  // 删除
+  function handleDelete() {
+    openModal({
+      type: 'error',
+      title: t('common.deleteConfirmTitle', { name: characterLimit(title.value) }),
+      content: t('common.deleteConfirmContent'),
+      positiveText: t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deleteCustomFormData(props.sourceId);
+          Message.success(t('common.deleteSuccess'));
+          emit('refresh');
+          visible.value = false;
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+</script>
diff --git a/frontend/packages/web/src/views/customForm/components/formTable.vue b/frontend/packages/web/src/views/customForm/components/formTable.vue
new file mode 100644
index 0000000..7ea318a
--- /dev/null
+++ b/frontend/packages/web/src/views/customForm/components/formTable.vue
@@ -0,0 +1,434 @@
+<template>
+  <CrmTable
+    ref="crmTableRef"
+    v-model:checked-row-keys="checkedRowKeys"
+    v-bind="propsRes"
+    class="crm-customForm-table"
+    :not-show-table-filter="isAdvancedSearchMode"
+    :action-config="props.readonly ? undefined : actionConfig"
+    :columns="formColumns"
+    :table-key="customFormId"
+    @row-key-change="handleRowKeyChange"
+    @page-change="propsEvent.pageChange"
+    @page-size-change="propsEvent.pageSizeChange"
+    @sorter-change="propsEvent.sorterChange"
+    @filter-change="propsEvent.filterChange"
+    @batch-action="handleBatchAction"
+    @refresh="searchData"
+  >
+    <template #actionLeft>
+      <div class="flex items-center gap-[12px]">
+        <n-button v-if="!props.readonly" type="primary" @click="handleNewClick">
+          {{ t('common.add') }}
+        </n-button>
+        <CrmImportButton
+          v-if="!props.readonly"
+          :api-type="FormDesignKeyEnum.CUSTOM_FORM"
+          :custom-form-id="props.formKey"
+          @import-success="() => searchData()"
+        />
+        <n-button
+          v-if="!props.readonly"
+          type="primary"
+          ghost
+          class="n-btn-outline-primary"
+          :disabled="propsRes.data.length === 0"
+          @click="handleExportAllClick"
+        >
+          {{ t('common.exportAll') }}
+        </n-button>
+      </div>
+    </template>
+    <template #actionRight>
+      <CrmAdvanceFilter
+        ref="tableAdvanceFilterRef"
+        v-model:keyword="keyword"
+        :custom-fields-config-list="customFieldsFilterConfig"
+        :filter-config-list="baseFilterConfigList"
+        @adv-search="handleAdvSearch"
+        @keyword-search="searchData"
+      />
+    </template>
+  </CrmTable>
+
+  <CrmBatchEditModal
+    v-model:visible="showEditModal"
+    v-model:field-list="editFieldList"
+    :ids="checkedRowKeys"
+    :form-key="FormDesignKeyEnum.CUSTOM_FORM"
+    :otherSaveParams="{
+      customFormId: props.formKey,
+    }"
+    @refresh="() => (tableRefreshId += 1)"
+  />
+  <CrmFormCreateDrawer
+    v-model:visible="formCreateDrawerVisible"
+    :form-key="FormDesignKeyEnum.CUSTOM_FORM"
+    :source-id="activeSourceId"
+    :need-init-detail="needInitDetail"
+    :initial-source-name="initialSourceName"
+    :custom-form-id="props.formKey"
+    @saved="handleFormCreateSaved"
+  />
+  <detail
+    v-model:visible="showOverviewDrawer"
+    :source-id="activeSourceId"
+    :customFormId="props.formKey"
+    @edit="handleEdit"
+    @refresh="removeItemFromList(activeSourceId)"
+  />
+
+  <CrmTableExportModal
+    v-model:show="showExportModal"
+    :params="exportParams"
+    :export-columns="exportColumns"
+    :is-export-all="isExportAll"
+    type="customForm"
+    :custom-form-type-string="formKeyName"
+    @create-success="handleExportCreateSuccess"
+  />
+</template>
+
+<script setup lang="ts">
+  import { type DataTableRowKey, NButton, useMessage } from 'naive-ui';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { characterLimit } from '@lib/shared/method';
+  import { ExportTableColumnItem } from '@lib/shared/models/common';
+  import type { CustomFormPageItem } from '@lib/shared/models/customForm.js';
+
+  import CrmAdvanceFilter from '@/components/pure/crm-advance-filter/index.vue';
+  import { type FilterForm, FilterFormItem, type FilterResult } from '@/components/pure/crm-advance-filter/type';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import type { BatchActionConfig, CrmDataTableColumn } from '@/components/pure/crm-table/type';
+  import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+  import CrmBatchEditModal from '@/components/business/crm-batch-edit-modal/index.vue';
+  import CrmFormCreateDrawer from '@/components/business/crm-form-create-drawer/index.vue';
+  import CrmImportButton from '@/components/business/crm-import-button/index.vue';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+  import CrmTableExportModal from '@/components/business/crm-table-export-modal/index.vue';
+  import detail from './detail.vue';
+
+  import { batchDeleteCustomFormData, deleteCustomFormData } from '@/api/modules';
+  import { baseFilterConfigList } from '@/config/clue';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+  import useFormCreateTable from '@/hooks/useFormCreateTable';
+  import useModal from '@/hooks/useModal';
+  import { getExportColumns } from '@/utils/export';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  import type { InternalRowData } from 'naive-ui/es/data-table/src/interface';
+
+  const props = defineProps<{
+    formKey: string;
+    formKeyName: string;
+    readonly?: boolean;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'init'): void;
+    (e: 'showCountDetail', row: Record<string, any>, type: 'opportunity' | 'clue'): void;
+  }>();
+
+  const { t } = useI18n();
+  const Message = useMessage();
+  const { openModal } = useModal();
+
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+  const keyword = ref('');
+  const isAdvancedSearchMode = ref(false);
+  const advancedOriginalForm = ref<FilterForm | undefined>();
+  const handleAdvanceFilter = ref<null | ((...args: any[]) => void)>(null);
+  const handleSearchData = ref<null | ((...args: any[]) => void)>(null);
+  const checkedRowKeys = ref<DataTableRowKey[]>([]);
+  const tableRefreshId = ref(0);
+  const tableRemoveRefreshId = ref('');
+  const formCreateDrawerVisible = ref(false);
+  const activeSourceId = ref('');
+  const initialSourceName = ref('');
+  const needInitDetail = ref(false);
+
+  function handleNewClick() {
+    needInitDetail.value = false;
+    activeSourceId.value = '';
+    formCreateDrawerVisible.value = true;
+  }
+
+  const tableAdvanceFilterRef = ref<InstanceType<typeof CrmAdvanceFilter>>();
+  const operationGroupList = [
+    {
+      label: t('common.edit'),
+      key: 'edit',
+      permission: [],
+    },
+    {
+      label: t('common.delete'),
+      key: 'delete',
+      permission: [],
+    },
+  ];
+
+  // 删除
+  function handleDelete(row: CustomFormPageItem) {
+    openModal({
+      type: 'error',
+      title: t('common.deleteConfirmTitle', { name: characterLimit(row.name) }),
+      content: t('common.deleteConfirmContent'),
+      positiveText: t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deleteCustomFormData(row.id);
+          Message.success(t('common.deleteSuccess'));
+          tableRemoveRefreshId.value = row.id;
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  function handleEdit(id: string) {
+    activeSourceId.value = id;
+    needInitDetail.value = true;
+    formCreateDrawerVisible.value = true;
+  }
+
+  async function handleActionSelect(row: any, actionKey: string) {
+    switch (actionKey) {
+      case 'edit':
+        handleEdit(row.id);
+        break;
+      case 'delete':
+        handleDelete(row);
+        break;
+      default:
+        break;
+    }
+  }
+
+  const showOverviewDrawer = ref(false);
+  const customFormId = computed(() => props.formKey);
+  const operationColumn = computed<CrmDataTableColumn | undefined>(() => {
+    if (props.readonly) {
+      return undefined;
+    }
+    return {
+      key: 'operation',
+      width: 120,
+      fixed: 'right',
+      render: (row: CustomFormPageItem) =>
+        row.isAdmin
+          ? h(CrmOperationButton, {
+              groupList: row.isAdmin ? operationGroupList : [],
+              onSelect: (key: string) => handleActionSelect(row, key),
+            })
+          : '-',
+    };
+  });
+
+  const { useTableRes, customFieldsFilterConfig, initFormConfig, columns, fieldList } = await useFormCreateTable({
+    formKey: FormDesignKeyEnum.CUSTOM_FORM,
+    customFormId,
+    disabledSelection: (row: CustomFormPageItem) => {
+      return !row.isAdmin || props.readonly;
+    },
+    operationColumn: operationColumn.value,
+    specialRender: {
+      name: (row: CustomFormPageItem) => {
+        return h(
+          CrmTableButton,
+          {
+            onClick: () => {
+              activeSourceId.value = row.id;
+              showOverviewDrawer.value = true;
+            },
+          },
+          { trigger: () => row.name, default: () => row.name }
+        );
+      },
+    },
+    permission: [],
+    containerClass: '.crm-customForm-table',
+    readonly: props.readonly,
+  });
+
+  const { propsRes, propsEvent, loadList, setLoadListParams, tableQueryParams, setAdvanceFilter } = useTableRes;
+
+  const formColumns = computed(() => columns.value);
+  function searchData(val?: string, refreshId?: string) {
+    setLoadListParams({ keyword: val ?? keyword.value, customFormId: customFormId.value });
+    loadList(false, refreshId, customFormId.value);
+    if (!refreshId) {
+      crmTableRef.value?.scrollTo({ top: 0 });
+    }
+  }
+  handleSearchData.value = searchData;
+
+  function handleAdvSearch(filter: FilterResult, isAdvancedMode: boolean, originalForm?: FilterForm) {
+    keyword.value = '';
+    advancedOriginalForm.value = originalForm;
+    isAdvancedSearchMode.value = isAdvancedMode;
+    setAdvanceFilter(filter);
+    loadList(false, undefined, customFormId.value);
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  handleAdvanceFilter.value = handleAdvSearch;
+
+  const exportColumns = computed<ExportTableColumnItem[]>(() =>
+    getExportColumns(formColumns.value, customFieldsFilterConfig.value as FilterFormItem[], fieldList.value, true)
+  );
+  const exportParams = computed(() => {
+    return {
+      ...tableQueryParams.value,
+      ids: checkedRowKeys.value,
+    };
+  });
+
+  const actionConfig: BatchActionConfig = {
+    baseAction: [
+      {
+        label: t('common.exportChecked'),
+        key: 'exportChecked',
+        permission: [],
+      },
+      {
+        label: t('common.batchEdit'),
+        key: 'batchEdit',
+        permission: [],
+      },
+      {
+        label: t('common.batchDelete'),
+        key: 'batchDelete',
+        permission: [],
+      },
+    ],
+  };
+
+  const selectedRows = ref<InternalRowData[]>([]);
+  function handleRowKeyChange(keys: DataTableRowKey[], _rows: InternalRowData[]) {
+    selectedRows.value = _rows;
+  }
+
+  const showEditModal = ref(false);
+  const { initFormConfig: initEditFormConfig, fieldList: editFieldList } = useFormCreateApi({
+    formKey: ref(FormDesignKeyEnum.CUSTOM_FORM),
+    customFormId,
+  });
+  function handleBatchEdit() {
+    initEditFormConfig();
+    showEditModal.value = true;
+  }
+
+  const showExportModal = ref<boolean>(false);
+  const isExportAll = ref(false);
+  function handleExportAllClick() {
+    isExportAll.value = true;
+    showExportModal.value = true;
+  }
+
+  function handleExportCreateSuccess() {
+    checkedRowKeys.value = [];
+  }
+
+  // 批量删除
+  function handleBatchDelete() {
+    openModal({
+      type: 'error',
+      title: t('common.batchDeleteTitle', { count: checkedRowKeys.value.length }),
+      content: t('common.deleteConfirmContent'),
+      positiveText: t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          tableRefreshId.value += 1;
+          await batchDeleteCustomFormData(checkedRowKeys.value as string[]);
+          Message.success(t('common.deleteSuccess'));
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  function handleBatchAction(item: ActionsItem) {
+    switch (item.key) {
+      case 'batchEdit':
+        handleBatchEdit();
+        break;
+      case 'batchDelete':
+        handleBatchDelete();
+        break;
+      case 'exportChecked':
+        isExportAll.value = false;
+        showExportModal.value = true;
+        break;
+      default:
+        break;
+    }
+  }
+
+  function handleFormCreateSaved(res?: any) {
+    if (needInitDetail.value) {
+      searchData(undefined);
+    } else {
+      searchData();
+    }
+  }
+
+  function removeItemFromList(id: string) {
+    propsRes.value.data = propsRes.value.data.filter((item) => item.id !== id);
+    propsRes.value.crmPagination = {
+      ...propsRes.value.crmPagination,
+      itemCount: (propsRes.value.crmPagination?.itemCount ?? 1) - 1,
+    };
+  }
+
+  watch(
+    () => tableRemoveRefreshId.value,
+    (val) => {
+      if (val) {
+        removeItemFromList(val);
+      }
+    }
+  );
+
+  watch(
+    () => tableRefreshId.value,
+    () => {
+      checkedRowKeys.value = [];
+      searchData();
+    }
+  );
+
+  async function init(val: string) {
+    checkedRowKeys.value = [];
+    keyword.value = '';
+    propsRes.value.tableKey = val;
+    await initFormConfig(props.readonly, operationColumn.value);
+    tableAdvanceFilterRef.value?.clearFilter();
+    setLoadListParams({ customFormId: val });
+    searchData();
+  }
+
+  watch(
+    () => props.formKey,
+    (val) => {
+      init(val);
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  defineExpose({
+    init,
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/customForm/index.vue b/frontend/packages/web/src/views/customForm/index.vue
new file mode 100644
index 0000000..007c130
--- /dev/null
+++ b/frontend/packages/web/src/views/customForm/index.vue
@@ -0,0 +1,300 @@
+<template>
+  <CrmCard no-content-padding hide-footer>
+    <CrmSplitPanel :default-size="0.2" :min="0.2" :max="0.5">
+      <template #1>
+        <div class="h-full p-[24px]">
+          <div class="mb-[8px] flex w-full items-center gap-[8px]">
+            <CrmSearchInput v-model:value="keyword" class="flex-1" @search="searchList" />
+            <n-button
+              v-permission="['CUSTOM_FORM:ADD']"
+              type="primary"
+              class="n-btn-outline-primary p-[8px]"
+              ghost
+              @click="addForm"
+            >
+              <CrmIcon type="iconicon_add" :size="16" />
+            </n-button>
+          </div>
+          <n-empty
+            v-if="finished && formList.length === 0"
+            :description="t('customForm.noDataTip')"
+            :show-icon="false"
+            class="flex h-[38px] flex-col items-center justify-center bg-[var(--text-n9)]"
+          />
+          <CrmList
+            v-show="finished && formList.length > 0"
+            v-model:data="formList"
+            v-model:active-item-key="activeForm"
+            v-model:focus-item-key="focusItemKey"
+            virtual-scroll-height="calc(100% - 40px)"
+            key-field="id"
+            :item-more-actions="getFormAction"
+            item-class="gap-[8px] px-[4px]"
+            activeItemClass="bg-[var(--text-n9)]"
+            mode="static"
+            @item-click="handleFormClick"
+            @more-action-select="handleMoreActionSelect"
+          >
+            <template #title="{ item }">
+              <n-tooltip trigger="hover">
+                <template #trigger>
+                  <div class="one-line-text" :class="activeForm === item.id ? 'text-[var(--primary-8)]' : ''">
+                    {{ item.name }}
+                  </div>
+                </template>
+                {{ item.name }}
+              </n-tooltip>
+            </template>
+          </CrmList>
+        </div>
+      </template>
+      <template #2>
+        <div class="h-full p-[24px]">
+          <formTable
+            v-if="activeForm"
+            ref="formTableRef"
+            :form-key="activeForm"
+            :form-key-name="activeFormName"
+            :readonly="!hasCreateDataPermission"
+          />
+          <div v-else class="flex h-[400px] w-full items-center justify-center">
+            <n-empty
+              :description="t('customForm.tableNoDataTip')"
+              :show-icon="false"
+              class="flex h-[38px] w-[300px] flex-col items-center justify-center bg-[var(--text-n9)]"
+            />
+          </div>
+        </div>
+      </template>
+    </CrmSplitPanel>
+  </CrmCard>
+  <CustomFormConfigDrawer
+    v-model:visible="configDrawerVisible"
+    :source-id="currentSourceId"
+    :defaultTab="defaultTab"
+    @saved="handleFormSaved"
+  />
+</template>
+
+<script setup lang="ts">
+  import { NButton, NEmpty, NSwitch, NTooltip, useMessage } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n.js';
+  import { characterLimit } from '@lib/shared/method/index.js';
+  import type { CustomFormItem } from '@lib/shared/models/customForm.js';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmList from '@/components/pure/crm-list/index.vue';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type.js';
+  import CrmSearchInput from '@/components/pure/crm-search-input/index.vue';
+  import CrmSplitPanel from '@/components/pure/crm-split-panel/index.vue';
+  import CustomFormConfigDrawer from './components/customFormConfigDrawer/index.vue';
+  import formTable from './components/formTable.vue';
+
+  import { deleteCustomForm, disableCustomForm, enableCustomForm, getCustomFormList } from '@/api/modules/index.js';
+  import useModal from '@/hooks/useModal.js';
+
+  const { t } = useI18n();
+  const Message = useMessage();
+  const { openModal } = useModal();
+
+  const formList = ref<CustomFormItem[]>([]);
+  const formListBackup = ref<CustomFormItem[]>([]);
+  const loading = ref(false);
+  const finished = ref(false);
+  const keyword = ref('');
+  const activeForm = ref('');
+  const activeFormName = ref('');
+  const focusItemKey = ref('');
+  const hasCreateDataPermission = computed(
+    () =>
+      formList.value.find((e) => e.id === activeForm.value)?.isAdmin ||
+      formList.value.find((e) => e.id === activeForm.value)?.hasCreateDataPermission
+  );
+
+  async function loadFormList() {
+    try {
+      loading.value = true;
+      formList.value = await getCustomFormList();
+      formListBackup.value = cloneDeep(formList.value);
+      if (activeForm.value === '') {
+        activeForm.value = formList.value[0]?.id || '';
+        activeFormName.value = formList.value[0]?.name || '';
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+      finished.value = true;
+    }
+  }
+
+  function searchList(_keyword: string) {
+    formList.value = formListBackup.value.filter((e) =>
+      e.name.toLocaleLowerCase().includes(_keyword?.toLocaleLowerCase())
+    );
+  }
+
+  const formAction: ActionsItem[] = [
+    {
+      label: t('common.enable'),
+      key: 'enable',
+    },
+    {
+      label: t('common.close'),
+      key: 'disable',
+    },
+    {
+      label: t('common.edit'),
+      key: 'edit',
+    },
+    {
+      label: t('org.addMember'),
+      key: 'addMember',
+    },
+    {
+      label: '',
+      key: '',
+      type: 'divider',
+    },
+    {
+      label: t('common.delete'),
+      key: 'delete',
+      danger: true,
+    },
+  ];
+
+  function getFormAction(item: any) {
+    if (item.isAdmin) {
+      if (item.enable) {
+        return formAction.filter((e) => e.key !== 'enable');
+      }
+      return formAction.filter((e) => e.key !== 'disable');
+    }
+    return [];
+  }
+
+  const configDrawerVisible = ref(false);
+  const currentSourceId = ref();
+  const defaultTab = ref<'design' | 'memberPermission'>('design');
+
+  // 删除
+  function handleDelete(row: any) {
+    openModal({
+      type: 'error',
+      title: t('common.deleteConfirmTitle', { name: characterLimit(row.name) }),
+      content: t('customForm.deleteFormTip'),
+      positiveText: t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deleteCustomForm(row.id);
+          Message.success(t('common.deleteSuccess'));
+          activeForm.value = '';
+          activeFormName.value = '';
+          loadFormList();
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  async function handleBeforeEnableChange(item: CustomFormItem) {
+    if (!item.isAdmin) {
+      return;
+    }
+    if (item.enable) {
+      openModal({
+        type: 'error',
+        title: t('common.confirmClose'),
+        content: t('customForm.closeFormTip'),
+        positiveText: t('common.confirmClose'),
+        negativeText: t('common.cancel'),
+        onPositiveClick: async () => {
+          try {
+            await disableCustomForm(item.id);
+            Message.success(t('common.closeSuccess'));
+            item.enable = false;
+          } catch (error) {
+            // eslint-disable-next-line no-console
+            console.log(error);
+          }
+        },
+      });
+    } else {
+      try {
+        await enableCustomForm(item.id);
+        Message.success(t('common.enableSuccess'));
+        item.enable = true;
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      }
+    }
+  }
+
+  function handleMoreActionSelect(event: ActionsItem, item: Record<string, any>) {
+    switch (event.key) {
+      case 'edit':
+        currentSourceId.value = item.id;
+        defaultTab.value = 'design';
+        configDrawerVisible.value = true;
+        focusItemKey.value = '';
+        break;
+      case 'addMember':
+        currentSourceId.value = item.id;
+        defaultTab.value = 'memberPermission';
+        configDrawerVisible.value = true;
+        focusItemKey.value = '';
+        break;
+      case 'delete':
+        handleDelete(item);
+        break;
+      case 'enable':
+      case 'disable':
+        handleBeforeEnableChange(item as CustomFormItem);
+        break;
+      default:
+        break;
+    }
+  }
+
+  function addForm() {
+    currentSourceId.value = undefined;
+    configDrawerVisible.value = true;
+  }
+
+  const isTableInit = ref(true);
+  function handleFormClick(form: any) {
+    if (isTableInit.value) {
+      activeForm.value = form.id;
+      activeFormName.value = form.name;
+      isTableInit.value = false;
+      setTimeout(() => {
+        isTableInit.value = true;
+      }, 1000);
+    }
+  }
+
+  const formTableRef = ref<InstanceType<typeof formTable>>();
+  async function handleFormSaved(id?: string) {
+    await loadFormList();
+    if (id) {
+      if (activeForm.value === id) {
+        formTableRef.value?.init(id);
+      }
+      currentSourceId.value = id;
+      activeForm.value = id;
+    }
+  }
+
+  onBeforeMount(() => {
+    loadFormList();
+  });
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/views/customForm/locale/en-US.ts b/frontend/packages/web/src/views/customForm/locale/en-US.ts
new file mode 100644
index 0000000..bf3bd79
--- /dev/null
+++ b/frontend/packages/web/src/views/customForm/locale/en-US.ts
@@ -0,0 +1,32 @@
+export default {
+  'customForm.name': 'Custom form name',
+  'customForm.unnamedForm': 'Unnamed form',
+  'customForm.formDesign': 'Form design',
+  'customForm.formAdmin': 'Form administrators',
+  'customForm.formMember': 'Form members',
+  'customForm.formUnsavedTitle': 'Form not saved',
+  'customForm.formUnsavedSwitchTip': 'Please save the form design before switching, otherwise the data will be lost.',
+  'customForm.formDisabled': 'Form is disabled',
+  'customForm.basicInfo': 'Basic information',
+  'customForm.ownerInfo': 'Owner information',
+  'customForm.customField': 'Custom field {index}',
+  'customForm.saveFormDesignFirst': 'Please save the form design first',
+  'customForm.restoreDefault': 'Restore default',
+  'customForm.maxAddAdminTip': 'Up to {count} members can be added',
+  'customForm.permission.manageAll': 'Manage all data',
+  'customForm.permission.manageAllTip':
+    'Manage all data: has management permission and add permission for all data in this form;',
+  'customForm.permission.viewAll': 'View all data',
+  'customForm.permission.viewAllTip': 'View all data: can only view all data in this form;',
+  'customForm.permission.addViewAll': 'Add and view all data',
+  'customForm.permission.addManageOwn': 'Manage own data',
+  'customForm.permission.addManageOwnTip':
+    'Manage my own data: I have add permission and can only view and manage the data that I am responsible for.',
+  'customForm.deleteFormTip':
+    'Once deleted, the form data and configuration information cannot be recovered. Please proceed with caution!',
+  'customForm.closeFormTip':
+    'Closing the form will prevent user-entered content from being saved. Are you sure you want to close it?',
+  'customForm.enableDisabledTip': 'Only administrators can operate this.',
+  'customForm.noDataTip': 'No data available. Please click the "+" above to create a new one.',
+  'customForm.tableNoDataTip': 'No data available. Please click the "+" above to create a new one.',
+};
diff --git a/frontend/packages/web/src/views/customForm/locale/zh-CN.ts b/frontend/packages/web/src/views/customForm/locale/zh-CN.ts
new file mode 100644
index 0000000..80a8f9a
--- /dev/null
+++ b/frontend/packages/web/src/views/customForm/locale/zh-CN.ts
@@ -0,0 +1,28 @@
+export default {
+  'customForm.name': '自定义表单名称',
+  'customForm.unnamedForm': '未命名表单',
+  'customForm.formDesign': '表单设计',
+  'customForm.formAdmin': '表单管理员',
+  'customForm.formMember': '表单成员',
+  'customForm.formUnsavedTitle': '表单未保存',
+  'customForm.formUnsavedSwitchTip': '切换前请保存表单设计，否则数据将丢失。',
+  'customForm.formDisabled': '表单已禁用',
+  'customForm.basicInfo': '基本信息',
+  'customForm.ownerInfo': '负责人信息',
+  'customForm.customField': '自定义字段{index}',
+  'customForm.saveFormDesignFirst': '请先保存表单设计',
+  'customForm.restoreDefault': '恢复默认',
+  'customForm.maxAddAdminTip': '最多可添加 {count} 人',
+  'customForm.permission.manageAll': '管理全部数据',
+  'customForm.permission.manageAllTip': '管理全部数据：拥有该表单全部数据的管理权限和添加权限；',
+  'customForm.permission.viewAll': '查看全部数据',
+  'customForm.permission.viewAllTip': '查看全部数据：仅能查看该表单的全部数据；',
+  'customForm.permission.addViewAll': '添加并查看全部数据',
+  'customForm.permission.addManageOwn': '管理本人数据',
+  'customForm.permission.addManageOwnTip': '管理本人数据：拥有添加权限，仅能查看和管理本人负责的数据。',
+  'customForm.deleteFormTip': '删除后，表单数据、配置信息将无法恢复，请谨慎操作！',
+  'customForm.closeFormTip': '关闭表单将导致用户录入内容无法保存，确定关闭？',
+  'customForm.enableDisabledTip': '仅管理员可操作',
+  'customForm.noDataTip': '暂无数据，请点击上方 “+” 创建',
+  'customForm.tableNoDataTip': '暂无数据，请点击左上方 “+” 创建',
+};
diff --git a/frontend/packages/web/src/views/customer/components/collaborator.vue b/frontend/packages/web/src/views/customer/components/collaborator.vue
new file mode 100644
index 0000000..7ebe74c
--- /dev/null
+++ b/frontend/packages/web/src/views/customer/components/collaborator.vue
@@ -0,0 +1,363 @@
+<template>
+  <CrmCard hide-footer no-content-bottom-padding>
+    <CrmTable
+      ref="crmTableRef"
+      v-bind="propsRes"
+      v-model:checked-row-keys="checkedRowKeys"
+      class="crm-collaborator-table"
+      :action-config="props.readonly ? undefined : actionConfig"
+      noPagination
+      @page-change="propsEvent.pageChange"
+      @page-size-change="propsEvent.pageSizeChange"
+      @sorter-change="propsEvent.sorterChange"
+      @filter-change="propsEvent.filterChange"
+      @batch-action="handleBatchAction"
+      @refresh="initData"
+    >
+      <template #actionLeft>
+        <n-button
+          v-if="!props.readonly"
+          v-permission="['CUSTOMER_MANAGEMENT:UPDATE']"
+          type="primary"
+          @click="handleAddClick"
+        >
+          {{ t('role.addMember') }}
+        </n-button>
+      </template>
+    </CrmTable>
+  </CrmCard>
+  <CrmModal
+    v-model:show="addMemberModalVisible"
+    :title="isEdit ? t('org.updateMember') : t('role.addMember')"
+    :ok-loading="addMemberLoading"
+    :positive-text="isEdit ? t('common.update') : t('common.add')"
+    @confirm="handleAddMember"
+  >
+    <n-form
+      ref="formRef"
+      :model="form"
+      label-placement="left"
+      label-width="auto"
+      require-mark-placement="left"
+      label-align="right"
+      :rules="{
+        member: [
+          { trigger: ['input', 'blur'], required: true, message: t('common.notNull', { value: t('role.member') }) },
+        ],
+      }"
+    >
+      <n-form-item path="member" :label="t('role.member')">
+        <CrmUserSelect
+          v-model:value="form.member"
+          value-field="id"
+          label-field="name"
+          mode="remote"
+          :fetch-api="getUserOptions"
+          max-tag-count="responsive"
+          :disabled="isEdit"
+          :disabled-ids="disabledIds"
+        />
+      </n-form-item>
+      <n-form-item path="permission" feedback-class="hidden">
+        <template #label>
+          <n-tooltip trigger="hover">
+            <template #trigger>
+              <div class="flex items-center gap-[4px]">
+                {{ t('role.permission') }}
+                <CrmIcon
+                  type="iconicon_help_circle"
+                  class="cursor-pointer text-[var(--text-n4)] hover:text-[var(--primary-1)]"
+                />
+              </div>
+            </template>
+            {{ t('customer.cooperationTip') }}
+          </n-tooltip>
+        </template>
+        <n-tabs v-model:value="form.permission" type="segment" class="collaborator-tabs">
+          <n-tab-pane name="READ_ONLY" :tab="t('customer.readOnly')"></n-tab-pane>
+          <n-tab-pane name="COLLABORATION" :tab="t('customer.cooperation')"></n-tab-pane>
+        </n-tabs>
+      </n-form-item>
+    </n-form>
+  </CrmModal>
+</template>
+
+<script lang="ts" setup>
+  import { FormInst, NButton, NForm, NFormItem, NTabPane, NTabs, NTooltip, useMessage } from 'naive-ui';
+
+  import { TableKeyEnum } from '@lib/shared/enums/tableEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { characterLimit } from '@lib/shared/method';
+  import { CollaborationType } from '@lib/shared/models/customer';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+  import { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import { BatchActionConfig, CrmDataTableColumn } from '@/components/pure/crm-table/type';
+  import useTable from '@/components/pure/crm-table/useTable';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+  import CrmUserSelect from '@/components/business/crm-user-select/index.vue';
+
+  import {
+    addCustomerCollaboration,
+    batchDeleteCustomerCollaboration,
+    deleteCustomerCollaboration,
+    getCustomerCollaborationList,
+    getUserOptions,
+    updateCustomerCollaboration,
+  } from '@/api/modules';
+  import useModal from '@/hooks/useModal';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const props = defineProps<{
+    sourceId: string; // 资源id
+    readonly?: boolean; // 是否只读
+  }>();
+
+  const { t } = useI18n();
+  const Message = useMessage();
+  const { openModal } = useModal();
+
+  const tableRefreshId = ref(0);
+  const removeLoading = ref(false);
+  async function removeMember(row: any) {
+    try {
+      removeLoading.value = true;
+      await deleteCustomerCollaboration(row.id);
+      Message.success(t('common.removeSuccess'));
+      tableRefreshId.value += 1;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      removeLoading.value = false;
+    }
+  }
+
+  const isEdit = ref(false);
+  const addMemberModalVisible = ref(false);
+  const addMemberLoading = ref(false);
+  const form = ref<{
+    id: string;
+    member: string | number | (string | number)[];
+    permission: CollaborationType;
+  }>({
+    id: '',
+    member: '',
+    permission: 'READ_ONLY',
+  });
+  const formRef = ref<FormInst>();
+
+  function handleAddMember() {
+    formRef.value?.validate(async (errs) => {
+      if (errs) return;
+      try {
+        addMemberLoading.value = true;
+        if (isEdit.value) {
+          await updateCustomerCollaboration({
+            id: form.value.id,
+            collaborationType: form.value.permission,
+          });
+          Message.success(t('common.updateSuccess'));
+        } else {
+          await addCustomerCollaboration({
+            customerId: props.sourceId,
+            userId: (form.value.member as string) || '',
+            collaborationType: form.value.permission,
+          });
+          Message.success(t('common.addSuccess'));
+        }
+        addMemberModalVisible.value = false;
+        tableRefreshId.value += 1;
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      } finally {
+        addMemberLoading.value = false;
+      }
+    });
+  }
+
+  function handleAddClick() {
+    isEdit.value = false;
+    form.value = {
+      id: '',
+      member: '',
+      permission: 'READ_ONLY',
+    };
+    addMemberModalVisible.value = true;
+  }
+
+  function handleActionSelect(row: any, actionKey: string) {
+    if (actionKey === 'edit') {
+      isEdit.value = true;
+      form.value = {
+        id: row.id,
+        member: row.userId,
+        permission: row.collaborationType,
+      };
+      addMemberModalVisible.value = true;
+    } else if (actionKey === 'pop-delete') {
+      removeMember(row);
+    }
+  }
+
+  const checkedRowKeys = ref<string[]>([]);
+  // 批量删除
+  function handleBatchDelete() {
+    openModal({
+      type: 'error',
+      title: t('customer.batchDeleteMemberTip', { number: checkedRowKeys.value.length }),
+      content: t('customer.deleteMemberTip'),
+      positiveText: t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await batchDeleteCustomerCollaboration(checkedRowKeys.value);
+          tableRefreshId.value += 1;
+          Message.success(t('common.deleteSuccess'));
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  function handleBatchAction(item: ActionsItem) {
+    switch (item.key) {
+      case 'delete':
+        handleBatchDelete();
+        break;
+      default:
+        break;
+    }
+  }
+
+  const columns: CrmDataTableColumn[] = [
+    {
+      title: t('common.name'),
+      key: 'userName',
+      width: 150,
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: 'default',
+      columnSelectorDisabled: true,
+    },
+    {
+      title: t('role.department'),
+      key: 'departmentName',
+      width: 100,
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: 'default',
+    },
+    {
+      title: t('role.permission'),
+      key: 'collaborationType',
+      ellipsis: {
+        tooltip: true,
+      },
+      width: 80,
+      render: (row) => {
+        return t(row.collaborationType === 'READ_ONLY' ? 'customer.readOnly' : 'customer.cooperation');
+      },
+    },
+    {
+      title: t('common.creator'),
+      key: 'createUserName',
+      width: 150,
+      ellipsis: {
+        tooltip: true,
+      },
+    },
+    {
+      title: t('common.createTime'),
+      key: 'createTime',
+      width: 150,
+    },
+    {
+      key: 'operation',
+      width: 80,
+      fixed: 'right',
+      render: (row) =>
+        h(CrmOperationButton, {
+          groupList:
+            props.readonly || !hasAnyPermission(['CUSTOMER_MANAGEMENT:UPDATE'])
+              ? []
+              : [
+                  {
+                    key: 'edit',
+                    label: t('common.edit'),
+                  },
+                  {
+                    label: t('common.delete'),
+                    key: 'delete',
+                    danger: true,
+                    popConfirmProps: {
+                      loading: removeLoading.value,
+                      title: t('common.removeConfirmTitle', { name: characterLimit(row.userName) }),
+                      content: t('customer.deleteMemberTip'),
+                      positiveText: t('common.delete'),
+                    },
+                  },
+                ],
+          onSelect: (key: string) => handleActionSelect(row, key),
+        }),
+    },
+  ];
+
+  const { propsRes, propsEvent, loadList, setLoadListParams } = useTable(getCustomerCollaborationList, {
+    tableKey: TableKeyEnum.CUSTOMER_COLLABORATOR,
+    showSetting: true,
+    showPagination: false,
+    columns,
+    containerClass: '.crm-collaborator-table',
+  });
+
+  const disabledIds = computed(() => propsRes.value.data.map((e) => e.userId));
+
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+  function initData() {
+    setLoadListParams({
+      customerId: props.sourceId,
+    });
+    loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  const actionConfig: BatchActionConfig = {
+    baseAction: [
+      {
+        key: 'delete',
+        label: t('common.batchDelete'),
+        permission: ['CUSTOMER_MANAGEMENT:UPDATE'],
+      },
+    ],
+  };
+
+  watch(
+    () => tableRefreshId.value,
+    () => {
+      crmTableRef.value?.clearCheckedRowKeys();
+      initData();
+    }
+  );
+
+  onBeforeMount(() => {
+    initData();
+  });
+</script>
+
+<style lang="less">
+  .collaborator-tabs {
+    .n-tab-pane {
+      @apply hidden;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/customer/components/customerOverviewDrawer.vue b/frontend/packages/web/src/views/customer/components/customerOverviewDrawer.vue
new file mode 100644
index 0000000..5944220
--- /dev/null
+++ b/frontend/packages/web/src/views/customer/components/customerOverviewDrawer.vue
@@ -0,0 +1,417 @@
+<template>
+  <CrmOverviewDrawer
+    ref="crmOverviewDrawerRef"
+    v-model:show="show"
+    v-model:active-tab="activeTab"
+    :tab-list="tabList"
+    :button-list="buttonList"
+    :title="sourceName"
+    :form-key="FormDesignKeyEnum.CUSTOMER"
+    :source-id="props.sourceId"
+    :formViewSize="formViewSize"
+    show-tab-setting
+    @button-select="handleButtonSelect"
+    @saved="handleSaved"
+  >
+    <template #transferPopContent>
+      <TransferForm
+        ref="transferFormRef"
+        v-model:form="transferForm"
+        :module-type="ModuleConfigEnum.CUSTOMER_MANAGEMENT"
+      />
+    </template>
+    <template #left>
+      <div class="h-full overflow-hidden">
+        <CrmFormDescription
+          ref="descriptionRef"
+          :form-key="FormDesignKeyEnum.CUSTOMER"
+          :source-id="props.sourceId"
+          :refresh-key="refreshKey"
+          class="p-[16px_24px]"
+          :column="layout === 'vertical' ? 3 : undefined"
+          :label-width="layout === 'vertical' ? 'auto' : undefined"
+          :value-align="layout === 'vertical' ? 'start' : undefined"
+          :readonly="!hasAnyPermission(['CUSTOMER_MANAGEMENT:UPDATE'])"
+          @init="handleDescriptionInit"
+        />
+      </div>
+    </template>
+    <template #right>
+      <div class="h-full pt-[16px]">
+        <ContactTable
+          v-if="activeTab === 'contact'"
+          :refresh-key="refreshKey"
+          :source-id="props.sourceId"
+          :initial-source-name="sourceName"
+          :readonly="collaborationType === 'READ_ONLY' || props.readonly"
+          :form-key="FormDesignKeyEnum.CUSTOMER_CONTACT"
+        />
+        <FollowDetail
+          v-else-if="['followRecord', 'followPlan'].includes(activeTab) && show"
+          :active-type="(activeTab as 'followRecord'| 'followPlan')"
+          wrapper-class="h-[calc(100vh-162px)]"
+          virtual-scroll-height="calc(100vh - 254px)"
+          :follow-api-key="FormDesignKeyEnum.CUSTOMER"
+          :source-id="props.sourceId"
+          :refresh-key="refreshKey"
+          :initial-source-name="sourceName"
+          :show-add="
+            collaborationType !== 'READ_ONLY' && hasAnyPermission(['CUSTOMER_MANAGEMENT:UPDATE']) && !props.readonly
+          "
+          :show-action="
+            collaborationType !== 'READ_ONLY' && hasAnyPermission(['CUSTOMER_MANAGEMENT:UPDATE']) && !props.readonly
+          "
+          :parentFormKey="FormDesignKeyEnum.CUSTOMER"
+        />
+        <CrmHeaderTable
+          v-else-if="activeTab === 'headRecord'"
+          :form-key="FormDesignKeyEnum.CUSTOMER_OPEN_SEA"
+          :source-id="props.sourceId"
+          :load-list-api="getCustomerHeaderList"
+        />
+        <customerRelation
+          v-else-if="activeTab === 'relation'"
+          :source-id="props.sourceId"
+          :readonly="collaborationType === 'READ_ONLY' || props.readonly"
+        />
+        <CrmCard v-else-if="activeTab === 'opportunityInfo'" no-content-bottom-padding hide-footer>
+          <opportunityTable
+            :source-id="props.sourceId"
+            :customer-name="sourceName"
+            is-customer-tab
+            :form-key="FormDesignKeyEnum.CUSTOMER_OPPORTUNITY"
+            :readonly="collaborationType === 'READ_ONLY' || props.readonly"
+          />
+        </CrmCard>
+        <collaborator
+          v-else-if="activeTab === 'collaborator'"
+          :source-id="props.sourceId"
+          :readonly="collaborationType === 'READ_ONLY' || props.readonly"
+        />
+        <ContractTimeline
+          v-else-if="activeTab === 'contract'"
+          :form-key="FormDesignKeyEnum.CONTRACT"
+          :source-id="props.sourceId"
+        />
+        <ContractTimeline
+          v-else-if="activeTab === 'contractPayment'"
+          :form-key="FormDesignKeyEnum.CONTRACT_PAYMENT"
+          :source-id="props.sourceId"
+        />
+        <ContractTimeline
+          v-else-if="activeTab === 'contractPaymentRecord'"
+          :form-key="FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD"
+          :source-id="props.sourceId"
+        />
+        <ContractTimeline
+          v-else-if="activeTab === 'invoice'"
+          :form-key="FormDesignKeyEnum.INVOICE"
+          :source-id="props.sourceId"
+        />
+        <CrmCard v-else-if="activeTab === 'order'" hide-footer no-content-bottom-padding>
+          <OrderTable
+            :formKey="FormDesignKeyEnum.CUSTOMER_ORDER"
+            :sourceId="props.sourceId"
+            isCustomerTab
+            :readonly="collaborationType === 'READ_ONLY' || props.readonly"
+            @open-contract-drawer="handleOpenContractDrawer"
+          />
+        </CrmCard>
+      </div>
+      <CrmMoveModal
+        v-model:show="showMoveModal"
+        :reason-key="ReasonTypeEnum.CUSTOMER_POOL_RS"
+        :source-id="props.sourceId"
+        :name="sourceName"
+        type="warning"
+        @refresh="handleRemoveSuccess"
+      />
+      <ContractDetailDrawer
+        v-model:visible="showContractDetailDrawer"
+        :sourceId="activeSourceId"
+        @showCustomerDrawer="handleOpenCustomerDrawer"
+      />
+    </template>
+  </CrmOverviewDrawer>
+</template>
+
+<script setup lang="ts">
+  import { useMessage } from 'naive-ui';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { ModuleConfigEnum, ReasonTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { CollaborationType } from '@lib/shared/models/customer';
+  import type { FormConfig, FormViewSize } from '@lib/shared/models/system/module';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import ContactTable from '@/components/business/crm-form-create-table/contactTable.vue';
+  import CrmFormDescription from '@/components/business/crm-form-description/index.vue';
+  import CrmHeaderTable from '@/components/business/crm-header-table/index.vue';
+  import CrmMoveModal from '@/components/business/crm-move-modal/index.vue';
+  import CrmOverviewDrawer from '@/components/business/crm-overview-drawer/index.vue';
+  import type { TabContentItem } from '@/components/business/crm-tab-setting/type';
+  import TransferForm from '@/components/business/crm-transfer-modal/transferForm.vue';
+  import collaborator from './collaborator.vue';
+  import customerRelation from './customerRelation.vue';
+  import ContractTimeline from '@/views/contract/contract/components/contractTimeline.vue';
+  import ContractDetailDrawer from '@/views/contract/contract/components/detail.vue';
+  import opportunityTable from '@/views/opportunity/components/opportunityTable.vue';
+  import OrderTable from '@/views/order/order/components/orderTable.vue';
+
+  import { deleteCustomer, getCustomerHeaderList, updateCustomer } from '@/api/modules';
+  import useModal from '@/hooks/useModal';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const FollowDetail = defineAsyncComponent(() => import('@/components/business/crm-follow-detail/index.vue'));
+
+  const props = defineProps<{
+    sourceId: string;
+    readonly?: boolean;
+  }>();
+  const emit = defineEmits<{
+    (e: 'saved'): void;
+    (e: 'deleted'): void;
+    (e: 'transfer'): void;
+  }>();
+
+  const { t } = useI18n();
+  const Message = useMessage();
+  const { openModal } = useModal();
+
+  const show = defineModel<boolean>('show', {
+    required: true,
+  });
+
+  const crmOverviewDrawerRef = ref<InstanceType<typeof CrmOverviewDrawer>>();
+  const layout = computed(() => crmOverviewDrawerRef.value?.layout);
+
+  const refreshKey = ref(0);
+  const transferLoading = ref(false);
+  const collaborationType = ref<CollaborationType>();
+  const sourceName = ref('');
+  const descriptionRef = ref<InstanceType<typeof CrmFormDescription>>();
+  const buttonList = computed<ActionsItem[]>(() => {
+    if (collaborationType.value || props.readonly) {
+      return [];
+    }
+    return [
+      {
+        label: t('common.edit'),
+        key: 'edit',
+        text: false,
+        ghost: true,
+        class: 'n-btn-outline-primary',
+        permission: ['CUSTOMER_MANAGEMENT:UPDATE'],
+      },
+      {
+        label: t('common.transfer'),
+        key: 'transfer',
+        text: false,
+        ghost: true,
+        class: 'n-btn-outline-primary',
+        permission: ['CUSTOMER_MANAGEMENT:TRANSFER'],
+        popConfirmProps: {
+          loading: transferLoading.value,
+          title: t('common.transfer'),
+          positiveText: t('common.confirm'),
+          iconType: 'primary',
+        },
+        popSlotContent: 'transferPopContent',
+      },
+      {
+        label: t('customer.moveToOpenSea'),
+        key: 'moveToOpenSea',
+        text: false,
+        ghost: true,
+        class: 'n-btn-outline-primary',
+        permission: ['CUSTOMER_MANAGEMENT:RECYCLE'],
+      },
+      {
+        label: t('common.delete'),
+        key: 'delete',
+        text: false,
+        ghost: true,
+        danger: true,
+        class: 'n-btn-outline-primary',
+        permission: ['CUSTOMER_MANAGEMENT:DELETE'],
+      },
+    ];
+  });
+
+  const activeTab = ref('contact');
+  const tabList = computed<TabContentItem[]>(() => {
+    const fullList = [
+      {
+        name: 'followRecord',
+        tab: t('crmFollowRecord.followRecord'),
+        enable: true,
+      },
+      {
+        name: 'contact',
+        tab: t('opportunity.contactInfo'),
+        enable: true,
+        permission: ['CUSTOMER_MANAGEMENT_CONTACT:READ'],
+      },
+      {
+        name: 'followPlan',
+        tab: t('common.plan'),
+        enable: true,
+      },
+      {
+        name: 'headRecord',
+        tab: t('common.headRecord'),
+        enable: true,
+      },
+      {
+        name: 'relation',
+        tab: t('customer.relation'),
+        enable: true,
+      },
+      {
+        name: 'opportunityInfo',
+        tab: t('customer.opportunityInfo'),
+        enable: true,
+        permission: ['OPPORTUNITY_MANAGEMENT:READ'],
+      },
+      {
+        name: 'collaborator',
+        tab: t('customer.collaborator'),
+        enable: true,
+      },
+      {
+        name: 'contract',
+        tab: t('module.contract'),
+        enable: true,
+        permission: ['CONTRACT:READ'],
+      },
+      {
+        name: 'contractPayment',
+        tab: t('module.paymentPlan'),
+        enable: true,
+        permission: ['CONTRACT_PAYMENT_PLAN:READ'],
+      },
+      {
+        name: 'contractPaymentRecord',
+        tab: t('module.paymentRecord'),
+        enable: true,
+        permission: ['CONTRACT_PAYMENT_RECORD:READ'],
+      },
+      {
+        name: 'invoice',
+        tab: t('module.invoice'),
+        enable: true,
+        permission: ['CONTRACT_INVOICE:READ'],
+      },
+      {
+        name: 'order',
+        tab: t('module.order'),
+        enable: true,
+        permission: ['ORDER:READ'],
+      },
+    ];
+    if (collaborationType.value) {
+      return fullList.filter((item) => item.name !== 'collaborator');
+    }
+    return fullList;
+  });
+
+  const transferFormRef = ref<InstanceType<typeof TransferForm>>();
+  const transferForm = ref<any>({
+    owner: null,
+    belongToPublicPool: null,
+  });
+
+  // 转移
+  async function transfer() {
+    try {
+      transferLoading.value = true;
+      await updateCustomer({
+        id: props.sourceId,
+        owner: transferForm.value.owner,
+      });
+      Message.success(t('common.transferSuccess'));
+      descriptionRef.value?.initFormDescription();
+      emit('transfer');
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    } finally {
+      transferLoading.value = false;
+    }
+  }
+
+  // 删除
+  function handleDelete() {
+    openModal({
+      type: 'error',
+      title: t('customer.deleteTitleTip'),
+      content: t('customer.batchDeleteContentTip'),
+      positiveText: t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deleteCustomer(props.sourceId);
+          Message.success(t('common.deleteSuccess'));
+          emit('deleted');
+          show.value = false;
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  // 移入公海
+  const showMoveModal = ref(false);
+  function handleMoveToPublicPool() {
+    showMoveModal.value = true;
+  }
+
+  function handleButtonSelect(key: string) {
+    if (key === 'delete') {
+      handleDelete();
+    } else if (key === 'pop-transfer') {
+      transfer();
+    } else if (key === 'moveToOpenSea') {
+      handleMoveToPublicPool();
+    }
+  }
+
+  function handleSaved() {
+    refreshKey.value += 1;
+    emit('saved');
+  }
+
+  const formViewSize = ref<FormViewSize>('large');
+  function handleDescriptionInit(
+    _collaborationType?: CollaborationType,
+    _sourceName?: string,
+    detail?: Record<string, any>,
+    config?: FormConfig
+  ) {
+    collaborationType.value = _collaborationType;
+    sourceName.value = _sourceName || '';
+    formViewSize.value = config?.viewSize || 'large';
+  }
+
+  const showContractDetailDrawer = ref(false);
+  const activeSourceId = ref<string>('');
+  function handleOpenContractDrawer(params: { id: string }) {
+    activeSourceId.value = params.id;
+    showContractDetailDrawer.value = true;
+  }
+
+  function handleRemoveSuccess() {
+    show.value = false;
+    emit('deleted');
+  }
+
+  function handleOpenCustomerDrawer() {
+    showContractDetailDrawer.value = false;
+  }
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/customer/components/customerRelation.vue b/frontend/packages/web/src/views/customer/components/customerRelation.vue
new file mode 100644
index 0000000..84a520e
--- /dev/null
+++ b/frontend/packages/web/src/views/customer/components/customerRelation.vue
@@ -0,0 +1,187 @@
+<template>
+  <CrmCard :loading="loading" hide-footer>
+    <div class="flex flex-col gap-[8px] rounded-[var(--border-radius-small)] bg-[var(--text-n9)] p-[16px]">
+      <div class="flex w-[calc(100%-40px)] items-center gap-[8px] text-[var(--text-n2)]">
+        <div class="flex-1">{{ t('customer.relation') }}</div>
+        <div class="flex-1">{{ t('customer.selectCustomer') }}</div>
+      </div>
+      <div v-for="(relation, index) in relations" :key="relation.customerId" class="flex items-center gap-[8px]">
+        <n-select
+          v-model:value="relation.relationType"
+          :options="getRelationOptions(relation)"
+          :disabled="props.readonly"
+          :placeholder="t('common.pleaseSelect')"
+        />
+        <CrmDataSource
+          v-model:value="relation.customerId"
+          v-model:rows="relation.customerName"
+          :data-source-type="FieldDataSourceTypeEnum.CUSTOMER_OPTIONS"
+          :multiple="false"
+          :disabled-selection="disabledSelection"
+          :disabled="props.readonly"
+        />
+        <n-button
+          v-if="!props.readonly && relations.length > 1"
+          v-permission="['CUSTOMER_MANAGEMENT:UPDATE']"
+          class="w-[32px] bg-[var(--text-n10)] p-[8px]"
+          @click="deleteRelation(index)"
+        >
+          <template #icon>
+            <CrmIcon type="iconicon_minus_circle1" class="text-[var(--text-n4)]" />
+          </template>
+        </n-button>
+      </div>
+      <div class="flex">
+        <n-button
+          v-if="!props.readonly"
+          v-permission="['CUSTOMER_MANAGEMENT:UPDATE']"
+          type="primary"
+          text
+          :disabled="relations.length >= 11"
+          @click="addRelation"
+        >
+          <template #icon>
+            <CrmIcon type="iconicon_add" />
+          </template>
+          {{ t('common.add') }}
+        </n-button>
+      </div>
+    </div>
+    <div v-if="!props.readonly" class="mt-[16px] flex items-center justify-end gap-[16px]">
+      <n-button v-permission="['CUSTOMER_MANAGEMENT:UPDATE']" :disabled="loading" @click="reset">
+        {{ t('common.reset') }}
+      </n-button>
+      <n-button v-permission="['CUSTOMER_MANAGEMENT:UPDATE']" type="primary" :loading="loading" @click="handleSave">
+        {{ t('common.save') }}
+      </n-button>
+    </div>
+  </CrmCard>
+</template>
+
+<script setup lang="ts">
+  import { NButton, NSelect, useMessage } from 'naive-ui';
+
+  import { FieldDataSourceTypeEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { RelationListItem } from '@lib/shared/models/customer';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmDataSource from '@/components/business/crm-data-source-select/index.vue';
+
+  import { getCustomerRelationList, saveCustomerRelation } from '@/api/modules';
+
+  import { RowData } from 'naive-ui/es/data-table/src/interface';
+
+  const props = defineProps<{
+    sourceId: string;
+    readonly?: boolean;
+  }>();
+
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  const originRelations = ref<Record<string, any>[]>([
+    { relationType: undefined, customerId: [], id: '', customerName: [] },
+  ]);
+  const relations = ref<Record<string, any>[]>([{ relationType: undefined, customerId: [], id: '', customerName: [] }]);
+  const relationOptions = [
+    {
+      label: t('customer.group'),
+      value: 'GROUP',
+    },
+    {
+      label: t('customer.subsidiary'),
+      value: 'SUBSIDIARY',
+    },
+  ];
+  function getRelationOptions(relation: any) {
+    if (relations.value.every((item) => item.relationType !== 'GROUP') || relation.relationType === 'GROUP') {
+      return relationOptions;
+    }
+    return relationOptions.filter((item) => item.value !== 'GROUP');
+  }
+
+  function addRelation() {
+    relations.value.push({
+      id: relations.value.length,
+      relationType: 'SUBSIDIARY',
+      customerId: [],
+      customerName: [],
+    });
+  }
+
+  function deleteRelation(index: number) {
+    relations.value.splice(index, 1);
+  }
+
+  function reset() {
+    relations.value = originRelations.value.map((item) => ({ ...item }));
+  }
+
+  const loading = ref(false);
+  async function handleSave() {
+    try {
+      loading.value = true;
+      await saveCustomerRelation(
+        props.sourceId,
+        relations.value.map((item) => ({
+          ...item,
+          customerId: item.customerId[0],
+          customerName: item.customerName[0]?.name,
+        })) as RelationListItem[]
+      );
+      Message.success(t('common.saveSuccess'));
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  async function initList() {
+    try {
+      loading.value = true;
+      const res = await getCustomerRelationList(props.sourceId);
+      if (res.length === 0) {
+        relations.value = [
+          {
+            relationType: undefined,
+            customerId: [],
+            id: '',
+            customerName: [],
+          },
+        ];
+      } else {
+        relations.value = res.map((item) => ({
+          ...item,
+          customerId: item.customerId ? [item.customerId] : [],
+          customerName: item.customerName
+            ? [
+                {
+                  id: item.customerId,
+                  name: item.customerName,
+                },
+              ]
+            : [],
+        }));
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  function disabledSelection(row: RowData) {
+    return row.id === props.sourceId || relations.value.some((e) => e.customerId.includes(row.id));
+  }
+
+  onBeforeMount(() => {
+    initList();
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/customer/components/customerTable.vue b/frontend/packages/web/src/views/customer/components/customerTable.vue
new file mode 100644
index 0000000..1ed888b
--- /dev/null
+++ b/frontend/packages/web/src/views/customer/components/customerTable.vue
@@ -0,0 +1,794 @@
+<template>
+  <CrmTable
+    ref="crmTableRef"
+    v-model:checked-row-keys="checkedRowKeys"
+    v-bind="propsRes"
+    class="crm-customer-table"
+    :columns="tableColumns"
+    :not-show-table-filter="isAdvancedSearchMode"
+    :action-config="props.readonly ? undefined : actionConfig"
+    @row-key-change="handleRowKeyChange"
+    @page-change="propsEvent.pageChange"
+    @page-size-change="propsEvent.pageSizeChange"
+    @sorter-change="propsEvent.sorterChange"
+    @filter-change="propsEvent.filterChange"
+    @batch-action="handleBatchAction"
+    @refresh="searchData"
+  >
+    <template v-if="props.readonly" #tableTop>
+      <slot name="searchTableTotal" :total="propsRes.crmPagination?.itemCount || 0"></slot>
+    </template>
+    <template #actionLeft>
+      <div class="flex items-center gap-[12px]">
+        <n-button
+          v-if="
+            activeTab !== CustomerSearchTypeEnum.CUSTOMER_COLLABORATION &&
+            hasAnyPermission(['CUSTOMER_MANAGEMENT:ADD']) &&
+            !props.readonly
+          "
+          type="primary"
+          @click="handleNewClick"
+        >
+          {{ t('customer.new') }}
+        </n-button>
+        <CrmImportButton
+          v-if="hasAnyPermission(['CUSTOMER_MANAGEMENT:IMPORT'])"
+          :api-type="FormDesignKeyEnum.CUSTOMER"
+          :title="t('module.customerManagement')"
+          @import-success="() => searchData()"
+        />
+        <n-button
+          v-if="
+            hasAnyPermission(['CUSTOMER_MANAGEMENT:EXPORT']) &&
+            activeTab !== CustomerSearchTypeEnum.CUSTOMER_COLLABORATION &&
+            !props.readonly
+          "
+          type="primary"
+          ghost
+          class="n-btn-outline-primary"
+          :disabled="propsRes.data.length === 0"
+          @click="handleExportAllClick"
+        >
+          {{ t('common.exportAll') }}
+        </n-button>
+      </div>
+    </template>
+    <template #actionRight>
+      <CrmAdvanceFilter
+        v-if="!props.hiddenAdvanceFilter"
+        ref="tableAdvanceFilterRef"
+        v-model:keyword="keyword"
+        :custom-fields-config-list="customFieldsFilterConfig"
+        :filter-config-list="filterConfigList"
+        @adv-search="handleAdvSearch"
+        @keyword-search="searchData"
+      />
+    </template>
+    <template #view>
+      <CrmViewSelect
+        v-if="!props.hiddenAdvanceFilter"
+        v-model:active-tab="activeTab"
+        :type="FormDesignKeyEnum.CUSTOMER"
+        :custom-fields-config-list="customFieldsFilterConfig"
+        :filter-config-list="filterConfigList"
+        :advanced-original-form="advancedOriginalForm"
+        :route-name="CustomerRouteEnum.CUSTOMER_INDEX"
+        @refresh-table-data="searchData"
+        @generated-chart="handleGeneratedChart"
+      />
+    </template>
+  </CrmTable>
+
+  <TransferModal
+    v-model:show="showTransferModal"
+    :source-ids="checkedRowKeys"
+    :save-api="batchTransferCustomer"
+    @load-list="searchData"
+  />
+  <customerOverviewDrawer
+    v-model:show="showOverviewDrawer"
+    :source-id="activeSourceId"
+    @saved="searchData(undefined, activeSourceId)"
+    @deleted="removeItemFromList(activeSourceId)"
+    @transfer="searchData"
+  />
+  <CrmFormCreateDrawer
+    v-model:visible="formCreateDrawerVisible"
+    :form-key="activeFormKey"
+    :source-id="activeSourceId"
+    :need-init-detail="needInitDetail"
+    :initial-source-name="initialSourceName"
+    :other-save-params="otherFollowRecordSaveParams"
+    :link-form-info="linkFormFieldMap"
+    :link-form-key="FormDesignKeyEnum.CUSTOMER"
+    :link-scenario="
+      activeFormKey === FormDesignKeyEnum.FOLLOW_RECORD_CUSTOMER ? FormLinkScenarioEnum.CUSTOMER_TO_RECORD : undefined
+    "
+    @saved="handleFormCreateSaved"
+  />
+  <CrmTableExportModal
+    v-model:show="showExportModal"
+    :params="exportParams"
+    :export-columns="exportColumns"
+    :is-export-all="isExportAll"
+    type="customer"
+    @create-success="handleExportCreateSuccess"
+  />
+  <CrmMoveModal
+    v-model:show="showMoveModal"
+    :reason-key="ReasonTypeEnum.CUSTOMER_POOL_RS"
+    :source-id="moveIds"
+    :name="initialSourceName"
+    type="warning"
+    @refresh="Array.isArray(moveIds) ? (tableRefreshId += 1) : removeItemFromList(moveIds.toString())"
+  />
+
+  <CrmBatchEditModal
+    v-model:visible="showEditModal"
+    v-model:field-list="editFieldList"
+    :ids="checkedRowKeys"
+    :form-key="FormDesignKeyEnum.CUSTOMER"
+    @refresh="() => (tableRefreshId += 1)"
+  />
+  <mergeAccountModal v-model:show="showMergeModal" :selected-rows="selectedRows" @saved="() => (tableRefreshId += 1)" />
+</template>
+
+<script setup lang="ts">
+  import { useRoute } from 'vue-router';
+  import { DataTableRowKey, NButton, useMessage } from 'naive-ui';
+
+  import { CustomerSearchTypeEnum } from '@lib/shared/enums/customerEnum';
+  import { FieldTypeEnum, FormDesignKeyEnum, FormLinkScenarioEnum } from '@lib/shared/enums/formDesignEnum';
+  import { ModuleConfigEnum, ReasonTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import useLocale from '@lib/shared/locale/useLocale';
+  import { characterLimit } from '@lib/shared/method';
+  import { ExportTableColumnItem } from '@lib/shared/models/common';
+
+  import CrmAdvanceFilter from '@/components/pure/crm-advance-filter/index.vue';
+  import { FilterForm, FilterFormItem, FilterResult } from '@/components/pure/crm-advance-filter/type';
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmNameTooltip from '@/components/pure/crm-name-tooltip/index.vue';
+  import { CrmPopConfirmIconType } from '@/components/pure/crm-pop-confirm/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import { BatchActionConfig } from '@/components/pure/crm-table/type';
+  import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+  import CrmBatchEditModal from '@/components/business/crm-batch-edit-modal/index.vue';
+  import CrmFormCreateDrawer from '@/components/business/crm-form-create-drawer/index.vue';
+  import CrmImportButton from '@/components/business/crm-import-button/index.vue';
+  import CrmMoveModal from '@/components/business/crm-move-modal/index.vue';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+  import CrmTableExportModal from '@/components/business/crm-table-export-modal/index.vue';
+  import TransferModal from '@/components/business/crm-transfer-modal/index.vue';
+  import TransferForm from '@/components/business/crm-transfer-modal/transferForm.vue';
+  import CrmViewSelect from '@/components/business/crm-view-select/index.vue';
+  import customerOverviewDrawer from './customerOverviewDrawer.vue';
+  import mergeAccountModal from './mergeAccountModal.vue';
+
+  import { batchDeleteCustomer, batchTransferCustomer, deleteCustomer, updateCustomer } from '@/api/modules';
+  import { baseFilterConfigList } from '@/config/clue';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+  import useFormCreateTable from '@/hooks/useFormCreateTable';
+  import useModal from '@/hooks/useModal';
+  import useViewChartParams, { STORAGE_VIEW_CHART_KEY, ViewChartResult } from '@/hooks/useViewChartParams';
+  import { getExportColumns } from '@/utils/export';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  import { CustomerRouteEnum } from '@/enums/routeEnum';
+
+  import { InternalRowData } from 'naive-ui/es/data-table/src/interface';
+
+  const Message = useMessage();
+  const { openModal } = useModal();
+  const { t } = useI18n();
+  const route = useRoute();
+  const { currentLocale } = useLocale(Message.loading);
+
+  const props = defineProps<{
+    formKey: FormDesignKeyEnum.CUSTOMER | FormDesignKeyEnum.SEARCH_ADVANCED_CUSTOMER;
+    hiddenAdvanceFilter?: boolean;
+    readonly?: boolean;
+    isLimitShowDetail?: boolean; // 是否根据权限限查看详情
+    hiddenTotal?: boolean;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'init', val: { filterConfigList: FilterFormItem[]; customFieldsFilterConfig: FilterFormItem[] }): void;
+    (e: 'showCountDetail', row: Record<string, any>, type: 'opportunity' | 'clue'): void;
+  }>();
+
+  const activeTab = ref();
+
+  const checkedRowKeys = ref<DataTableRowKey[]>([]);
+  const keyword = ref('');
+  const formCreateDrawerVisible = ref(false);
+  const activeSourceId = ref('');
+  const initialSourceName = ref('');
+  const needInitDetail = ref(false);
+  const activeFormKey = ref(FormDesignKeyEnum.CUSTOMER);
+  const otherFollowRecordSaveParams = ref({
+    type: 'CUSTOMER',
+    customerId: '',
+    id: '',
+  });
+
+  function handleNewClick() {
+    needInitDetail.value = false;
+    activeFormKey.value = FormDesignKeyEnum.CUSTOMER;
+    activeSourceId.value = '';
+    formCreateDrawerVisible.value = true;
+  }
+
+  const actionConfig: BatchActionConfig = {
+    baseAction: [
+      {
+        label: t('common.exportChecked'),
+        key: 'exportChecked',
+        permission: ['CUSTOMER_MANAGEMENT:EXPORT'],
+      },
+      {
+        label: t('common.batchTransfer'),
+        key: 'batchTransfer',
+        permission: ['CUSTOMER_MANAGEMENT:TRANSFER'],
+      },
+      {
+        label: t('customer.moveToOpenSea'),
+        key: 'moveToOpenSea',
+        permission: ['CUSTOMER_MANAGEMENT:RECYCLE'],
+      },
+      {
+        label: t('common.batchEdit'),
+        key: 'batchEdit',
+        permission: ['CUSTOMER_MANAGEMENT:UPDATE'],
+      },
+      {
+        label: t('customer.mergeAccount'),
+        key: 'merge',
+        permission: ['CUSTOMER_MANAGEMENT:MERGE'],
+      },
+      {
+        label: t('common.batchDelete'),
+        key: 'batchDelete',
+        permission: ['CUSTOMER_MANAGEMENT:DELETE'],
+      },
+    ],
+  };
+
+  const tableRefreshId = ref(0);
+  const tableRemoveRefreshId = ref('');
+
+  // 批量删除
+  function handleBatchDelete() {
+    openModal({
+      type: 'error',
+      title: t('customer.batchDeleteTitleTip', { number: checkedRowKeys.value.length }),
+      content: t('customer.batchDeleteContentTip'),
+      positiveText: t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await batchDeleteCustomer(checkedRowKeys.value);
+          tableRefreshId.value += 1;
+          Message.success(t('common.deleteSuccess'));
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  const showMoveModal = ref(false);
+  const moveIds = ref<(string | number) | (string | number)[]>('');
+
+  function handleMoveToOpenSea(row?: any) {
+    initialSourceName.value = row?.name ?? '';
+    moveIds.value = row?.id ? row.id : checkedRowKeys.value;
+    showMoveModal.value = true;
+  }
+
+  const showEditModal = ref(false);
+  const { initFormConfig: initEditFormConfig, fieldList: editFieldList } = useFormCreateApi({
+    formKey: ref(FormDesignKeyEnum.CUSTOMER),
+  });
+  function handleBatchEdit() {
+    initEditFormConfig();
+    showEditModal.value = true;
+  }
+
+  const selectedRows = ref<InternalRowData[]>([]);
+  function handleRowKeyChange(keys: DataTableRowKey[], _rows: InternalRowData[]) {
+    selectedRows.value = _rows;
+  }
+
+  const showMergeModal = ref(false);
+  function handleMergeAccount() {
+    openModal({
+      type: 'error',
+      icon: () => {
+        return h(CrmIcon, {
+          type: 'iconicon_error_circle_filled',
+          size: 20,
+          class: 'mr-[8px] text-[var(--error-red)]',
+        });
+      },
+      title: t('customer.mergeConfirmTitle'),
+      content: t('customer.mergeConfirmContent'),
+      positiveText: t('customer.confirmMerge'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        showMergeModal.value = true;
+      },
+    });
+  }
+
+  // 批量转移
+  const showTransferModal = ref<boolean>(false);
+  const showExportModal = ref<boolean>(false);
+
+  const isExportAll = ref(false);
+  function handleBatchAction(item: ActionsItem) {
+    switch (item.key) {
+      case 'batchTransfer':
+        showTransferModal.value = true;
+        break;
+      case 'batchEdit':
+        handleBatchEdit();
+        break;
+      case 'batchDelete':
+        handleBatchDelete();
+        break;
+      case 'moveToOpenSea':
+        handleMoveToOpenSea();
+        break;
+      case 'merge':
+        handleMergeAccount();
+        break;
+      case 'exportChecked':
+        isExportAll.value = false;
+        showExportModal.value = true;
+        break;
+      default:
+        break;
+    }
+  }
+
+  function handleExportCreateSuccess() {
+    checkedRowKeys.value = [];
+  }
+
+  // 删除
+  function handleDelete(row: any) {
+    openModal({
+      type: 'error',
+      title: t('common.deleteConfirmTitle', { name: characterLimit(row.name) }),
+      content: t('customer.batchDeleteContentTip'),
+      positiveText: t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deleteCustomer(row.id);
+          Message.success(t('common.deleteSuccess'));
+          tableRemoveRefreshId.value = row.id;
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  // 转移
+  const transferFormRef = ref<InstanceType<typeof TransferForm>>();
+  const transferLoading = ref(false);
+  const transferForm = ref<any>({
+    owner: null,
+  });
+
+  async function transferCustomer() {
+    try {
+      transferLoading.value = true;
+      await updateCustomer({
+        id: activeSourceId.value,
+        owner: transferForm.value.owner,
+      });
+
+      Message.success(t('common.transferSuccess'));
+      transferForm.value.owner = null;
+      tableRefreshId.value += 1;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      transferLoading.value = false;
+    }
+  }
+
+  const {
+    fieldList: customerFormFields,
+    linkFormFieldMap,
+    initFormConfig,
+    initFormDetail,
+  } = useFormCreateApi({
+    formKey: computed(() => FormDesignKeyEnum.CUSTOMER),
+    sourceId: activeSourceId,
+    needInitDetail: computed(() => true),
+  });
+
+  async function handleActionSelect(row: any, actionKey: string) {
+    switch (actionKey) {
+      case 'edit':
+        activeFormKey.value = FormDesignKeyEnum.CUSTOMER;
+        activeSourceId.value = row.id;
+        needInitDetail.value = true;
+        otherFollowRecordSaveParams.value.id = row.id;
+        linkFormFieldMap.value = {};
+        formCreateDrawerVisible.value = true;
+        break;
+      case 'followUp':
+        activeFormKey.value = FormDesignKeyEnum.FOLLOW_RECORD_CUSTOMER;
+        activeSourceId.value = row.id;
+        needInitDetail.value = false;
+        initialSourceName.value = row.name;
+        otherFollowRecordSaveParams.value.customerId = row.id;
+        if (customerFormFields.value.length === 0) {
+          await initFormConfig();
+        }
+        await initFormDetail(false, true);
+        formCreateDrawerVisible.value = true;
+        break;
+      case 'pop-transfer':
+        activeSourceId.value = row.id;
+        transferCustomer();
+        break;
+      case 'delete':
+        handleDelete(row);
+        break;
+      case 'moveToOpenSea':
+        handleMoveToOpenSea(row);
+        break;
+      default:
+        break;
+    }
+  }
+
+  const operationGroupList = computed<ActionsItem[]>(() => {
+    return [
+      {
+        label: t('opportunity.followUp'),
+        key: 'followUp',
+        permission: ['CUSTOMER_MANAGEMENT:UPDATE'],
+      },
+      ...(activeTab.value !== CustomerSearchTypeEnum.CUSTOMER_COLLABORATION
+        ? [
+            {
+              label: t('common.edit'),
+              key: 'edit',
+              permission: ['CUSTOMER_MANAGEMENT:UPDATE'],
+            },
+            {
+              label: t('common.transfer'),
+              key: 'transfer',
+              popConfirmProps: {
+                loading: transferLoading.value,
+                title: t('common.transfer'),
+                positiveText: t('common.confirm'),
+                iconType: 'primary' as CrmPopConfirmIconType,
+              },
+              popSlotName: 'transferPopTitle',
+              popSlotContent: 'transferPopContent',
+              permission: ['CUSTOMER_MANAGEMENT:TRANSFER'],
+            },
+            {
+              label: 'more',
+              key: 'more',
+              slotName: 'more',
+            },
+          ]
+        : []),
+    ];
+  });
+
+  // 概览
+  const showOverviewDrawer = ref(false);
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+  const handleAdvanceFilter = ref<null | ((...args: any[]) => void)>(null);
+  const handleSearchData = ref<null | ((...args: any[]) => void)>(null);
+
+  defineExpose({
+    handleAdvanceFilter,
+    handleSearchData,
+  });
+  const { useTableRes, customFieldsFilterConfig, fieldList } = await useFormCreateTable({
+    formKey: props.formKey,
+    disabledSelection: (row: any) => {
+      return row.collaborationType === 'READ_ONLY';
+    },
+    operationColumn: props.readonly
+      ? undefined
+      : {
+          key: 'operation',
+          width: currentLocale.value === 'en-US' ? 250 : 200,
+          fixed: 'right',
+          render: (row: any) =>
+            ['convertedToCustomer', 'convertedToOpportunity'].includes(activeTab.value) ||
+            row.collaborationType === 'READ_ONLY'
+              ? '-'
+              : h(
+                  CrmOperationButton,
+                  {
+                    groupList: operationGroupList.value,
+                    moreList: [
+                      ...(activeTab.value !== CustomerSearchTypeEnum.CUSTOMER_COLLABORATION
+                        ? [
+                            {
+                              label: t('customer.moveToOpenSea'),
+                              key: 'moveToOpenSea',
+                              permission: ['CUSTOMER_MANAGEMENT:RECYCLE'],
+                            },
+                            {
+                              label: t('common.delete'),
+                              key: 'delete',
+                              danger: true,
+                              permission: ['CUSTOMER_MANAGEMENT:DELETE'],
+                            },
+                          ]
+                        : []),
+                    ],
+                    onSelect: (key: string) => handleActionSelect(row, key),
+                    onCancel: () => {
+                      transferForm.value.owner = null;
+                    },
+                  },
+                  {
+                    transferPopContent: () => {
+                      return h(TransferForm, {
+                        class: 'w-[320px] mt-[16px]',
+                        form: transferForm.value,
+                        ref: transferFormRef,
+                        moduleType: ModuleConfigEnum.CLUE_MANAGEMENT,
+                      });
+                    },
+                  }
+                ),
+        },
+    specialRender: {
+      name: (row: any) => {
+        return props.isLimitShowDetail && row.hasPermission === false
+          ? h(CrmNameTooltip, { text: row.name })
+          : h(
+              CrmTableButton,
+              {
+                onClick: () => {
+                  activeFormKey.value = FormDesignKeyEnum.CUSTOMER;
+                  activeSourceId.value = row.id;
+                  showOverviewDrawer.value = true;
+                },
+              },
+              { trigger: () => row.name, default: () => row.name }
+            );
+      },
+      opportunityCount: (row: any) => {
+        return !row.opportunityCount
+          ? row.opportunityCount ?? '-'
+          : h(
+              NButton,
+              {
+                text: true,
+                type: 'primary',
+                disabled: !row.opportunityModuleEnable || !hasAnyPermission(['OPPORTUNITY_MANAGEMENT:READ']),
+                onClick: () => {
+                  emit('showCountDetail', row, 'opportunity');
+                },
+              },
+              { default: () => row.opportunityCount }
+            );
+      },
+      clueCount: (row: any) => {
+        return !row.clueCount
+          ? row.clueCount ?? '-'
+          : h(
+              NButton,
+              {
+                text: true,
+                type: 'primary',
+                disabled:
+                  !row.clueModuleEnable || !hasAnyPermission(['CLUE_MANAGEMENT:READ', 'CLUE_MANAGEMENT_POOL:READ']),
+                onClick: () => {
+                  emit('showCountDetail', row, 'clue');
+                },
+              },
+              { default: () => row.clueCount }
+            );
+      },
+    },
+    permission: [
+      'CUSTOMER_MANAGEMENT:RECYCLE',
+      'CUSTOMER_MANAGEMENT:UPDATE',
+      'CUSTOMER_MANAGEMENT:DELETE',
+      'CUSTOMER_MANAGEMENT:TRANSFER',
+    ],
+    containerClass: '.crm-customer-table',
+    hiddenTotal: ref(!!props.hiddenTotal),
+    readonly: props.readonly,
+  });
+  const { propsRes, propsEvent, tableQueryParams, loadList, setLoadListParams, setAdvanceFilter } = useTableRes;
+  const tableColumns = computed(() => {
+    if (activeTab.value === CustomerSearchTypeEnum.CUSTOMER_COLLABORATION) {
+      return propsRes.value.columns
+        .filter((item: any) => item.type !== 'selection')
+        .map((e) => {
+          if (e.key === 'operation') {
+            return {
+              ...e,
+              width: 80,
+            };
+          }
+          return e;
+        });
+    }
+    return propsRes.value.columns;
+  });
+
+  const exportParams = computed(() => {
+    return {
+      ...tableQueryParams.value,
+      ids: checkedRowKeys.value,
+    };
+  });
+
+  function handleExportAllClick() {
+    isExportAll.value = true;
+    showExportModal.value = true;
+  }
+
+  const filterConfigList = computed<FilterFormItem[]>(() => [
+    {
+      title: t('opportunity.department'),
+      dataIndex: 'departmentId',
+      type: FieldTypeEnum.TREE_SELECT,
+      treeSelectProps: {
+        labelField: 'name',
+        keyField: 'id',
+        multiple: true,
+        clearFilterAfterSelect: false,
+        type: 'department',
+        checkable: true,
+        showContainChildModule: true,
+        containChildIds: [],
+      },
+    },
+    {
+      title: t('customer.lastFollowUps'),
+      dataIndex: 'follower',
+      type: FieldTypeEnum.USER_SELECT,
+    },
+    {
+      title: t('customer.lastFollowUpDate'),
+      dataIndex: 'followTime',
+      type: FieldTypeEnum.TIME_RANGE_PICKER,
+    },
+    ...baseFilterConfigList,
+  ]);
+
+  const exportColumns = computed<ExportTableColumnItem[]>(() =>
+    getExportColumns(propsRes.value.columns, customFieldsFilterConfig.value as FilterFormItem[])
+  );
+
+  const isAdvancedSearchMode = ref(false);
+  const advancedOriginalForm = ref<FilterForm | undefined>();
+  function handleAdvSearch(filter: FilterResult, isAdvancedMode: boolean, originalForm?: FilterForm) {
+    keyword.value = '';
+    advancedOriginalForm.value = originalForm;
+    isAdvancedSearchMode.value = isAdvancedMode;
+    setAdvanceFilter(filter);
+    loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  handleAdvanceFilter.value = handleAdvSearch;
+
+  const tableAdvanceFilterRef = ref<InstanceType<typeof CrmAdvanceFilter>>();
+
+  function searchData(val?: string, refreshId?: string) {
+    setLoadListParams({ keyword: val ?? keyword.value, viewId: activeTab.value });
+    loadList(false, refreshId);
+    if (!refreshId) {
+      crmTableRef.value?.scrollTo({ top: 0 });
+    }
+  }
+  handleSearchData.value = searchData;
+
+  function handleFormCreateSaved(res: any) {
+    if (needInitDetail.value || activeFormKey.value === FormDesignKeyEnum.FOLLOW_RECORD_CUSTOMER) {
+      searchData(undefined, res.id);
+    } else {
+      searchData();
+    }
+    if (activeFormKey.value === FormDesignKeyEnum.CUSTOMER && !needInitDetail.value) {
+      // 新建客户后打开新建联系人
+      activeSourceId.value = res.id;
+      initialSourceName.value = res.name;
+      activeFormKey.value = FormDesignKeyEnum.CONTACT;
+      nextTick(() => {
+        formCreateDrawerVisible.value = true;
+      });
+    }
+  }
+
+  function handleGeneratedChart(res: FilterResult, form: FilterForm) {
+    advancedOriginalForm.value = form;
+    setAdvanceFilter(res);
+    tableAdvanceFilterRef.value?.setAdvancedFilter(res, true);
+    searchData();
+  }
+
+  const { initTableViewChartParams, getChartViewId } = useViewChartParams();
+
+  function viewChartCallBack(params: ViewChartResult) {
+    const { viewId, formModel, filterResult } = params;
+    tableAdvanceFilterRef.value?.initFormModal(formModel, true);
+    setAdvanceFilter(filterResult);
+    activeTab.value = viewId;
+  }
+
+  watch(
+    () => activeTab.value,
+    (val) => {
+      if (val) {
+        checkedRowKeys.value = [];
+        setLoadListParams({ keyword: keyword.value, viewId: getChartViewId() ?? activeTab.value });
+        initTableViewChartParams(viewChartCallBack);
+        crmTableRef.value?.setColumnSort(val);
+      }
+    }
+  );
+
+  watch(
+    () => tableRefreshId.value,
+    () => {
+      checkedRowKeys.value = [];
+      searchData();
+    }
+  );
+
+  function removeItemFromList(id: string) {
+    propsRes.value.data = propsRes.value.data.filter((item) => item.id !== id);
+    propsRes.value.crmPagination = {
+      ...propsRes.value.crmPagination,
+      itemCount: (propsRes.value.crmPagination?.itemCount ?? 1) - 1,
+    };
+  }
+
+  watch(
+    () => tableRemoveRefreshId.value,
+    (val) => {
+      if (val) {
+        removeItemFromList(val);
+      }
+    }
+  );
+
+  onMounted(() => {
+    emit('init', {
+      filterConfigList: filterConfigList.value,
+      customFieldsFilterConfig: customFieldsFilterConfig.value as FilterFormItem[],
+    });
+    if (route.query.id) {
+      activeFormKey.value = FormDesignKeyEnum.CUSTOMER;
+      activeSourceId.value = route.query.id as string;
+      showOverviewDrawer.value = true;
+    }
+  });
+
+  onBeforeUnmount(() => {
+    sessionStorage.removeItem(STORAGE_VIEW_CHART_KEY);
+  });
+</script>
+
+<style lang="less" scoped>
+  :deep(.n-tabs-scroll-padding) {
+    width: 16px !important;
+  }
+</style>
diff --git a/frontend/packages/web/src/views/customer/components/mergeAccountModal.vue b/frontend/packages/web/src/views/customer/components/mergeAccountModal.vue
new file mode 100644
index 0000000..4d5f858
--- /dev/null
+++ b/frontend/packages/web/src/views/customer/components/mergeAccountModal.vue
@@ -0,0 +1,312 @@
+<template>
+  <CrmModal
+    v-model:show="showModal"
+    :title="t('customer.mergeAccount')"
+    :ok-loading="loading"
+    :positive-text="t('customer.merge')"
+    @confirm="confirmHandler"
+    @cancel="cancelHandler"
+  >
+    <template #titleRight>
+      <div class="ml-[8px] text-[14px] text-[var(--text-n2)]">
+        ({{ t('customer.selectedMergeAccountNumber', { number: selectedRows.length }) }})
+      </div>
+    </template>
+    <n-form ref="formRef" :label-width="70" :model="form" label-placement="left" require-mark-placement="left">
+      <n-form-item path="selectedAccount" :label="t('customer.mergeTo')">
+        <n-radio-group v-model:value="form.selectedAccount" name="radiogroup" @change="handleChange">
+          <n-space>
+            <n-radio key="selected" value="selected">
+              {{ t('customer.selectedAccount') }}
+            </n-radio>
+            <n-radio key="other" value="other">
+              <div class="flex items-center gap-[8px]">
+                {{ t('customer.otherAccount') }}
+                <n-tooltip trigger="hover" placement="right">
+                  <template #trigger>
+                    <CrmIcon
+                      type="iconicon_help_circle"
+                      :size="16"
+                      class="cursor-pointer text-[var(--text-n4)] hover:text-[var(--primary-1)]"
+                    />
+                  </template>
+                  {{ t('customer.selectedMergeAccountTooltip') }}
+                </n-tooltip>
+              </div>
+            </n-radio>
+          </n-space>
+        </n-radio-group>
+      </n-form-item>
+      <n-form-item
+        class="ml-[70px] w-[calc(100%-70px)]"
+        path="toMergeId"
+        :rule="[
+          {
+            required: true,
+            message: t('common.notNull', { value: `${t('module.customerManagement')}` }),
+            trigger: ['blur'],
+          },
+        ]"
+      >
+        <n-select
+          v-model:value="form.toMergeId"
+          :placeholder="t('common.pleaseSelect')"
+          clearable
+          filterable
+          :options="accountList"
+          @scroll="handleAccountScroll"
+          @search="handleAccountSearch"
+          @input="handleAccountInput"
+          @clear="handleAccountSearch"
+          @update-value="changeAccount"
+        />
+      </n-form-item>
+
+      <n-form-item
+        path="ownerId"
+        :label="t('common.head')"
+        :rule="[
+          {
+            required: true,
+            message: t('common.notNull', { value: `${t('common.head')}` }),
+            trigger: ['blur', 'change'],
+          },
+        ]"
+      >
+        <n-select
+          v-model:value="form.ownerId"
+          :disabled="form.selectedAccount !== 'selected'"
+          :placeholder="t('common.pleaseSelect')"
+          clearable
+          filterable
+          :options="ownerList"
+        />
+      </n-form-item>
+
+      <div class="merge-rule">
+        <div class="mb-[4px] text-[var(--text-n1)]">{{ t('customer.mergeRules') }}</div>
+        <div>{{ t('customer.selectedAccountMergeTip') }}</div>
+        <div>{{ t('customer.afterMergeDeleteAccountBaseInfoTip') }}</div>
+        <div>{{ t('customer.afterMergeInfoTip') }}</div>
+      </div>
+    </n-form>
+  </CrmModal>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { FormInst, NForm, NFormItem, NRadio, NRadioGroup, NSelect, NSpace, NTooltip, useMessage } from 'naive-ui';
+  import { debounce } from 'lodash-es';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { MergeAccountParams } from '@lib/shared/models/customer';
+
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+
+  import { mergeAccount, mergeAccountPage } from '@/api/modules';
+
+  import { InternalRowData } from 'naive-ui/es/data-table/src/interface';
+  import { SelectMixedOption } from 'naive-ui/es/select/src/interface';
+
+  const Message = useMessage();
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    selectedRows: InternalRowData[];
+  }>();
+
+  const showModal = defineModel<boolean>('show', {
+    required: true,
+  });
+
+  const emit = defineEmits<{
+    (e: 'saved'): void;
+  }>();
+
+  const initForm: MergeAccountParams & {
+    selectedAccount: string;
+  } = {
+    selectedAccount: 'selected',
+    mergeIds: [],
+    toMergeId: null,
+    ownerId: null,
+  };
+
+  const form = ref({ ...initForm });
+
+  function cancelHandler() {
+    form.value = { ...initForm };
+    showModal.value = false;
+  }
+
+  const loading = ref(false);
+  const formRef = ref<FormInst | null>(null);
+  function confirmHandler() {
+    formRef.value?.validate(async (error) => {
+      if (!error) {
+        try {
+          loading.value = true;
+          const { toMergeId, ownerId } = form.value;
+          await mergeAccount({
+            mergeIds: props.selectedRows.map((e) => e.id) as string[],
+            toMergeId,
+            ownerId,
+          });
+          Message.success(t('customer.mergeSuccess'));
+          emit('saved');
+          cancelHandler();
+        } catch (e) {
+          // eslint-disable-next-line no-console
+          console.log(e);
+        } finally {
+          loading.value = false;
+        }
+      }
+    });
+  }
+
+  const otherAccountList = ref<SelectMixedOption[]>([]);
+  const accountList = computed<SelectMixedOption[]>(() => {
+    const selectAccountSource = props.selectedRows.map((e) => ({
+      ownerId: e.ownerId,
+      ownerName: e.ownerName,
+      value: e.id,
+      label: e.name,
+    })) as SelectMixedOption[];
+
+    const newSelectedAccount = Array.from(
+      new Map(selectAccountSource.map((item) => [item.value, item])).values()
+    ) as SelectMixedOption[];
+    return form.value.selectedAccount === 'selected' ? newSelectedAccount : otherAccountList.value;
+  });
+
+  const otherOwnerList = ref<SelectMixedOption[]>([]);
+  const ownerList = computed<SelectMixedOption[]>(() => {
+    const source =
+      form.value.selectedAccount === 'selected'
+        ? props.selectedRows
+            .filter((e) => e.ownerName)
+            .map((e) => ({
+              value: e.ownerId,
+              label: e.ownerName,
+            }))
+        : otherOwnerList.value;
+
+    return Array.from(new Map(source.map((item) => [item.value, item])).values()) as SelectMixedOption[];
+  });
+
+  function handleChange() {
+    form.value.toMergeId = null;
+    form.value.ownerId = null;
+  }
+
+  const pagination = ref({
+    total: 0,
+    pageSize: 10,
+    current: 1,
+  });
+
+  const accountLoading = ref(false);
+
+  const accountKeyword = ref('');
+  async function loadOtherAccount(keyword?: string, reset = false) {
+    if (form.value.selectedAccount !== 'other') return;
+    if (reset) {
+      pagination.value.current = 1;
+      otherAccountList.value = [];
+    }
+
+    try {
+      accountLoading.value = true;
+      const result = await mergeAccountPage({
+        keyword,
+        current: pagination.value.current,
+        pageSize: pagination.value.pageSize,
+      });
+
+      const resultData = result.list.map((e: any) => ({
+        ownerId: e.owner,
+        ownerName: e.ownerName,
+        value: e.id,
+        label: e.name,
+      }));
+
+      if (reset) {
+        otherAccountList.value = resultData;
+      } else {
+        otherAccountList.value = [...otherAccountList.value, ...resultData];
+      }
+      pagination.value.total = result.total;
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+    } finally {
+      accountLoading.value = false;
+    }
+  }
+
+  function handleAccountScroll(e: Event) {
+    const currentTarget = e.currentTarget as HTMLElement;
+    if (currentTarget.scrollTop + currentTarget.offsetHeight >= currentTarget.scrollHeight) {
+      if (!accountLoading.value && otherAccountList.value.length < pagination.value.total) {
+        pagination.value.current += 1;
+        loadOtherAccount(accountKeyword.value, false);
+      }
+    }
+  }
+
+  function handleAccountSearch(val?: string) {
+    accountKeyword.value = val ?? '';
+    loadOtherAccount(val, true);
+  }
+
+  function handleAccountInput(val: string) {
+    accountKeyword.value = val;
+    debounce(() => {
+      handleAccountSearch(val);
+    }, 200);
+  }
+
+  function changeAccount(value: Array<string | number | null>, option: SelectMixedOption | null | SelectMixedOption[]) {
+    form.value.ownerId = null;
+
+    if (form.value.selectedAccount === 'other') {
+      const selectOption = option as SelectMixedOption;
+      otherOwnerList.value = [
+        {
+          label: selectOption?.ownerName ?? t('common.optionNotExist'),
+          value: selectOption?.ownerId,
+        },
+      ] as SelectMixedOption[];
+    }
+
+    if (option && 'ownerId' in option) {
+      const ownerId = option.ownerId as string;
+      const { selectedAccount } = form.value;
+      if (selectedAccount === 'other' || (selectedAccount === 'selected' && option?.ownerName)) {
+        form.value.ownerId = ownerId;
+      }
+    }
+    formRef.value?.restoreValidation();
+  }
+
+  watch(
+    () => form.value.selectedAccount,
+    (val) => {
+      if (val === 'other') {
+        loadOtherAccount('', true);
+      }
+    }
+  );
+</script>
+
+<style scoped lang="less">
+  .merge-rule {
+    margin: 0 0 16px;
+    padding: 16px 24px;
+    border: 1px solid var(--primary-8);
+    border-radius: 6px;
+    background: var(--primary-7);
+  }
+</style>
diff --git a/frontend/packages/web/src/views/customer/components/openSeaOverviewDrawer.vue b/frontend/packages/web/src/views/customer/components/openSeaOverviewDrawer.vue
new file mode 100644
index 0000000..61d76e8
--- /dev/null
+++ b/frontend/packages/web/src/views/customer/components/openSeaOverviewDrawer.vue
@@ -0,0 +1,265 @@
+<template>
+  <CrmOverviewDrawer
+    ref="crmOverviewDrawerRef"
+    v-model:show="show"
+    v-model:active-tab="activeTab"
+    :tab-list="tabList"
+    :button-list="buttonList"
+    :title="sourceName"
+    :form-key="FormDesignKeyEnum.CUSTOMER"
+    :source-id="props.sourceId"
+    :formViewSize="formViewSize"
+    @button-select="handleButtonSelect"
+    @saved="() => (refreshKey += 1)"
+  >
+    <template #distributePopContent>
+      <TransferForm ref="distributeFormRef" v-model:form="distributeForm" />
+    </template>
+    <template #left>
+      <div class="h-full overflow-hidden">
+        <CrmFormDescription
+          :form-key="FormDesignKeyEnum.CUSTOMER_OPEN_SEA"
+          :source-id="props.sourceId"
+          :hidden-fields="hiddenColumns"
+          class="p-[16px_24px]"
+          :column="layout === 'vertical' ? 3 : undefined"
+          :label-width="layout === 'vertical' ? 'auto' : undefined"
+          :value-align="layout === 'vertical' ? 'start' : undefined"
+          :readonly="!hasAnyPermission(['CUSTOMER_MANAGEMENT_POOL:UPDATE'])"
+          @init="handleDescriptionInit"
+        />
+      </div>
+    </template>
+    <template #right>
+      <div class="h-full pt-[16px]">
+        <CrmHeaderTable
+          v-if="activeTab === 'headRecord'"
+          :form-key="FormDesignKeyEnum.CUSTOMER_OPEN_SEA"
+          :source-id="props.sourceId"
+          :load-list-api="getCustomerHeaderList"
+        />
+        <FollowDetail
+          v-else-if="['followRecord'].includes(activeTab)"
+          :active-type="(activeTab as 'followRecord')"
+          wrapper-class="h-[calc(100vh-162px)]"
+          virtual-scroll-height="calc(100vh - 258px)"
+          :follow-api-key="FormDesignKeyEnum.CUSTOMER_OPEN_SEA"
+          :source-id="sourceId"
+          :show-action="false"
+          :refresh-key="refreshKey"
+        />
+      </div>
+    </template>
+  </CrmOverviewDrawer>
+</template>
+
+<script setup lang="ts">
+  import { useMessage } from 'naive-ui';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { CollaborationType } from '@lib/shared/models/customer';
+  import type { FormConfig, FormViewSize } from '@lib/shared/models/system/module';
+
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import FollowDetail from '@/components/business/crm-follow-detail/index.vue';
+  import CrmFormDescription from '@/components/business/crm-form-description/index.vue';
+  import CrmHeaderTable from '@/components/business/crm-header-table/index.vue';
+  import CrmOverviewDrawer from '@/components/business/crm-overview-drawer/index.vue';
+  import type { TabContentItem } from '@/components/business/crm-tab-setting/type';
+  import TransferForm from '@/components/business/crm-transfer-modal/transferForm.vue';
+
+  import {
+    assignOpenSeaCustomer,
+    deleteOpenSeaCustomer,
+    getCustomerHeaderList,
+    pickOpenSeaCustomer,
+  } from '@/api/modules';
+  import useModal from '@/hooks/useModal';
+  import useOpenNewPage from '@/hooks/useOpenNewPage';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  import { CustomerRouteEnum } from '@/enums/routeEnum';
+
+  const refreshKey = ref(0);
+
+  const props = defineProps<{
+    sourceId: string;
+    poolId: string | number;
+    readonly?: boolean;
+    hiddenColumns: string[];
+  }>();
+  const emit = defineEmits<{
+    (e: 'change'): void;
+    (e: 'delete'): void;
+  }>();
+
+  const { t } = useI18n();
+  const { openModal } = useModal();
+  const Message = useMessage();
+  const { openNewPage } = useOpenNewPage();
+
+  const show = defineModel<boolean>('show', {
+    required: true,
+  });
+
+  const crmOverviewDrawerRef = ref<InstanceType<typeof CrmOverviewDrawer>>();
+  const layout = computed(() => crmOverviewDrawerRef.value?.layout);
+
+  const claimLoading = ref(false);
+  const distributeLoading = ref(false);
+  const buttonList = computed<ActionsItem[]>(() => {
+    if (props.readonly) {
+      return [];
+    }
+    return [
+      {
+        label: t('common.claim'),
+        key: 'claim',
+        text: false,
+        ghost: true,
+        class: 'n-btn-outline-primary',
+        permission: ['CUSTOMER_MANAGEMENT_POOL:PICK'],
+        popConfirmProps: {
+          loading: claimLoading.value,
+          title: t('customer.claimTip'),
+          content: t('customer.claimTipContent'),
+          positiveText: t('common.claim'),
+          iconType: 'primary',
+        },
+      },
+      {
+        label: t('common.distribute'),
+        key: 'distribute',
+        text: false,
+        ghost: true,
+        permission: ['CUSTOMER_MANAGEMENT_POOL:ASSIGN'],
+        class: 'n-btn-outline-primary',
+        popConfirmProps: {
+          loading: distributeLoading.value,
+          title: t('common.distribute'),
+          positiveText: t('common.confirm'),
+          iconType: 'primary',
+        },
+        popSlotContent: 'distributePopContent',
+      },
+      {
+        label: t('common.delete'),
+        key: 'delete',
+        text: false,
+        ghost: true,
+        danger: true,
+        class: 'n-btn-outline-primary',
+        permission: ['CUSTOMER_MANAGEMENT_POOL:DELETE'],
+      },
+    ];
+  });
+
+  const activeTab = ref('followRecord');
+  const tabList: TabContentItem[] = [
+    {
+      name: 'followRecord',
+      tab: t('crmFollowRecord.followRecord'),
+      enable: true,
+    },
+    {
+      name: 'headRecord',
+      tab: t('common.headRecord'),
+      enable: true,
+    },
+  ];
+
+  const distributeFormRef = ref<InstanceType<typeof TransferForm>>();
+  const distributeForm = ref<any>({
+    head: null,
+  });
+
+  // 删除
+  function handleDelete() {
+    openModal({
+      type: 'error',
+      title: t('customer.deleteTitleTip'),
+      content: t('customer.batchDeleteContentTip'),
+      positiveText: t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deleteOpenSeaCustomer(props.sourceId);
+          Message.success(t('common.deleteSuccess'));
+          emit('delete');
+          show.value = false;
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  async function handleClaim(id: string) {
+    try {
+      claimLoading.value = true;
+      await pickOpenSeaCustomer({
+        customerId: id,
+        poolId: props.poolId,
+      });
+      Message.success(t('common.claimSuccess'));
+      emit('delete');
+      show.value = false;
+      openNewPage(CustomerRouteEnum.CUSTOMER_INDEX, {
+        id,
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      claimLoading.value = false;
+    }
+  }
+
+  async function handleDistribute(id: string) {
+    try {
+      distributeLoading.value = true;
+      await assignOpenSeaCustomer({
+        customerId: id,
+        assignUserId: distributeForm.value.owner,
+      });
+      Message.success(t('common.distributeSuccess'));
+      emit('delete');
+      show.value = false;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      distributeLoading.value = false;
+    }
+  }
+
+  function handleButtonSelect(key: string) {
+    switch (key) {
+      case 'delete':
+        handleDelete();
+        break;
+      case 'pop-claim':
+        handleClaim(props.sourceId);
+        break;
+      case 'pop-distribute':
+        handleDistribute(props.sourceId);
+        break;
+      default:
+        break;
+    }
+  }
+
+  const sourceName = ref('');
+  const formViewSize = ref<FormViewSize>('large');
+  function handleDescriptionInit(
+    _collaborationType?: CollaborationType,
+    _sourceName?: string,
+    detail?: Record<string, any>,
+    config?: FormConfig
+  ) {
+    sourceName.value = _sourceName || '';
+    formViewSize.value = config?.viewSize || 'large';
+  }
+</script>
diff --git a/frontend/packages/web/src/views/customer/components/openSeaTable.vue b/frontend/packages/web/src/views/customer/components/openSeaTable.vue
new file mode 100644
index 0000000..16d57de
--- /dev/null
+++ b/frontend/packages/web/src/views/customer/components/openSeaTable.vue
@@ -0,0 +1,714 @@
+<template>
+  <CrmTable
+    ref="crmTableRef"
+    v-model:checked-row-keys="checkedRowKeys"
+    v-bind="propsRes"
+    :class="`crm-open-sea-table-${props.formKey}`"
+    :not-show-table-filter="isAdvancedSearchMode"
+    :action-config="props.readonly ? undefined : actionConfig"
+    :columns="filterColumns"
+    @page-change="propsEvent.pageChange"
+    @page-size-change="propsEvent.pageSizeChange"
+    @sorter-change="propsEvent.sorterChange"
+    @filter-change="propsEvent.filterChange"
+    @batch-action="handleBatchAction"
+    @refresh="searchData"
+  >
+    <template v-if="props.readonly" #tableTop>
+      <slot name="searchTableTotal" :total="propsRes.crmPagination?.itemCount || 0"></slot>
+    </template>
+    <template #actionLeft>
+      <div v-if="!props.hiddenPoolSelect" class="flex items-center gap-[12px]">
+        <n-select
+          v-model:value="openSea"
+          :options="openSeaOptions"
+          :render-option="renderOption"
+          :show-checkmark="false"
+          value-field="id"
+          label-field="name"
+          class="w-[200px]"
+          @update-value="(e) => searchData(undefined, e)"
+        />
+        <n-button
+          v-if="hasAnyPermission(['CUSTOMER_MANAGEMENT_POOL:EXPORT']) && !props.readonly"
+          type="primary"
+          ghost
+          class="n-btn-outline-primary"
+          :disabled="propsRes.data.length === 0"
+          @click="handleExportAllClick"
+        >
+          {{ t('common.exportAll') }}
+        </n-button>
+      </div>
+    </template>
+    <template #actionRight>
+      <CrmAdvanceFilter
+        v-if="!props.hiddenAdvanceFilter"
+        ref="tableAdvanceFilterRef"
+        v-model:keyword="keyword"
+        :custom-fields-config-list="customFieldsFilterConfig"
+        :filter-config-list="filterConfigList"
+        @adv-search="handleAdvSearch"
+        @keyword-search="searchData"
+      />
+    </template>
+    <template #view>
+      <CrmViewSelect
+        v-if="!props.hiddenAdvanceFilter"
+        v-model:active-tab="activeTab"
+        :type="FormDesignKeyEnum.CUSTOMER_OPEN_SEA"
+        :custom-fields-config-list="customFieldsFilterConfig"
+        :filter-config-list="filterConfigList"
+        :advanced-original-form="advancedOriginalForm"
+        :pool-id="openSea"
+        :route-name="CustomerRouteEnum.CUSTOMER_OPEN_SEA"
+        @refresh-table-data="searchData"
+        @generated-chart="handleGeneratedChart"
+      />
+    </template>
+  </CrmTable>
+  <addOrEditPoolDrawer
+    v-model:visible="drawerVisible"
+    :type="ModuleConfigEnum.CUSTOMER_MANAGEMENT"
+    :row="openSeaRow"
+    quick
+    @refresh="init"
+    @saved="searchData(undefined, undefined, openSeaRow?.id)"
+  />
+  <openSeaOverviewDrawer
+    v-model:show="showOverviewDrawer"
+    :source-id="activeCustomerId"
+    :pool-id="openSea"
+    :hidden-columns="hiddenColumns"
+    @change="searchData(undefined, undefined, activeCustomerId)"
+    @delete="removeItemFromList(activeCustomerId)"
+  />
+  <TransferModal
+    v-model:show="showDistributeModal"
+    :source-ids="checkedRowKeys"
+    :title="t('common.batchDistribute')"
+    :positive-text="t('common.distribute')"
+    @confirm="handleBatchAssign"
+  />
+  <CrmTableExportModal
+    v-model:show="showExportModal"
+    :params="exportParams"
+    :export-columns="exportColumns"
+    :is-export-all="isExportAll"
+    type="openSea"
+    @create-success="handleExportCreateSuccess"
+  />
+  <CrmBatchEditModal
+    v-model:visible="showEditModal"
+    v-model:field-list="editFieldList"
+    :ids="checkedRowKeys"
+    :form-key="FormDesignKeyEnum.CUSTOMER_OPEN_SEA"
+    @refresh="handleRefresh"
+  />
+</template>
+
+<script setup lang="ts">
+  import { VNodeChild } from 'vue';
+  import { useRoute } from 'vue-router';
+  import { DataTableRowKey, NButton, NSelect, NTooltip, useMessage } from 'naive-ui';
+
+  import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { ModuleConfigEnum } from '@lib/shared/enums/moduleEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import useLocale from '@lib/shared/locale/useLocale';
+  import { characterLimit } from '@lib/shared/method';
+  import { ExportTableColumnItem, TableQueryParams } from '@lib/shared/models/common';
+  import { CluePoolItem } from '@lib/shared/models/system/module';
+
+  import CrmAdvanceFilter from '@/components/pure/crm-advance-filter/index.vue';
+  import { FilterForm, FilterFormItem, FilterResult } from '@/components/pure/crm-advance-filter/type';
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmNameTooltip from '@/components/pure/crm-name-tooltip/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import { BatchActionConfig } from '@/components/pure/crm-table/type';
+  import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+  import CrmBatchEditModal from '@/components/business/crm-batch-edit-modal/index.vue';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+  import CrmTableExportModal from '@/components/business/crm-table-export-modal/index.vue';
+  import TransferModal from '@/components/business/crm-transfer-modal/index.vue';
+  import TransferForm from '@/components/business/crm-transfer-modal/transferForm.vue';
+  import CrmViewSelect from '@/components/business/crm-view-select/index.vue';
+  import openSeaOverviewDrawer from './openSeaOverviewDrawer.vue';
+  import addOrEditPoolDrawer from '@/views/system/module/components/addOrEditPoolDrawer.vue';
+
+  import {
+    assignOpenSeaCustomer,
+    batchAssignOpenSeaCustomer,
+    batchDeleteOpenSeaCustomer,
+    batchPickOpenSeaCustomer,
+    deleteOpenSeaCustomer,
+    getOpenSeaOptions,
+    pickOpenSeaCustomer,
+  } from '@/api/modules';
+  import { baseFilterConfigList } from '@/config/clue';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+  import useFormCreateTable from '@/hooks/useFormCreateTable';
+  import useModal from '@/hooks/useModal';
+  import useOpenNewPage from '@/hooks/useOpenNewPage';
+  import useViewChartParams, { STORAGE_VIEW_CHART_KEY, ViewChartResult } from '@/hooks/useViewChartParams';
+  import { getExportColumns } from '@/utils/export';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  import { CustomerRouteEnum } from '@/enums/routeEnum';
+
+  import { SelectOption } from 'naive-ui/es/select/src/interface';
+
+  const props = defineProps<{
+    formKey: FormDesignKeyEnum.CUSTOMER_OPEN_SEA | FormDesignKeyEnum.SEARCH_ADVANCED_PUBLIC;
+    hiddenAdvanceFilter?: boolean;
+    hiddenPoolSelect?: boolean;
+    readonly?: boolean;
+    isLimitShowDetail?: boolean; // 是否根据权限限查看详情
+    hiddenTotal?: boolean;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'init', val: { filterConfigList: FilterFormItem[]; customFieldsFilterConfig: FilterFormItem[] }): void;
+  }>();
+
+  const { t } = useI18n();
+  const { openModal } = useModal();
+  const Message = useMessage();
+  const route = useRoute();
+  const { currentLocale } = useLocale(Message.loading);
+  const { openNewPage } = useOpenNewPage();
+
+  const openSea = ref<string | number>('');
+  const openSeaOptions = ref<CluePoolItem[]>([]);
+  const keyword = ref('');
+  const drawerVisible = ref(false);
+  const openSeaRow = ref<any>({});
+  const checkedRowKeys = ref<DataTableRowKey[]>([]);
+  const activeCustomerId = ref('');
+  const showOverviewDrawer = ref(false);
+  const batchTableQueryParams = ref<TableQueryParams>({});
+  const activeTab = ref();
+
+  function renderOption({ node, option }: { node: VNode; option: SelectOption }): VNodeChild {
+    if (option.editable) {
+      (node.children as Array<VNode>)?.push(
+        h(CrmIcon, {
+          type: 'iconicon_set_up',
+          class: 'openSea-setting-icon',
+          onClick: (e: Event) => {
+            e.stopPropagation();
+            openSeaRow.value = { ...option };
+            drawerVisible.value = true;
+          },
+        })
+      );
+    }
+    return h(NTooltip, null, {
+      trigger: () => node,
+      default: () => option.name,
+    });
+  }
+
+  const actionConfig: BatchActionConfig = {
+    baseAction: [
+      {
+        label: t('common.exportChecked'),
+        key: 'exportChecked',
+        permission: ['CUSTOMER_MANAGEMENT_POOL:EXPORT'],
+      },
+      {
+        label: t('common.batchClaim'),
+        key: 'batchClaim',
+        permission: ['CUSTOMER_MANAGEMENT_POOL:PICK'],
+      },
+      {
+        label: t('common.batchDistribute'),
+        key: 'batchDistribute',
+        permission: ['CUSTOMER_MANAGEMENT_POOL:ASSIGN'],
+      },
+      {
+        label: t('common.batchEdit'),
+        key: 'batchEdit',
+        permission: ['CUSTOMER_MANAGEMENT_POOL:UPDATE'],
+      },
+      {
+        label: t('common.batchDelete'),
+        key: 'batchDelete',
+        permission: ['CUSTOMER_MANAGEMENT_POOL:DELETE'],
+      },
+    ],
+  };
+
+  const tableRefreshId = ref(0);
+  const tableRemoveRefreshId = ref('');
+
+  // 批量领取
+  function handleBatchClaim() {
+    openModal({
+      type: 'default',
+      title: t('customer.batchClaimTip', { count: checkedRowKeys.value.length }),
+      content: t('customer.claimTipContent'),
+      positiveText: t('common.confirmClaim'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await batchPickOpenSeaCustomer({
+            ...batchTableQueryParams.value,
+            batchIds: checkedRowKeys.value,
+            poolId: openSea.value,
+          });
+          tableRefreshId.value += 1;
+          checkedRowKeys.value = [];
+          Message.success(t('common.claimSuccess'));
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  // 批量分配
+  const distributeLoading = ref(false);
+  const distributeFormRef = ref<InstanceType<typeof TransferForm>>();
+  const distributeForm = ref<any>({
+    owner: null,
+  });
+  const showDistributeModal = ref<boolean>(false);
+  async function handleBatchAssign(owner: string | null) {
+    try {
+      distributeLoading.value = true;
+      await batchAssignOpenSeaCustomer({
+        ...batchTableQueryParams.value,
+        batchIds: checkedRowKeys.value,
+        assignUserId: owner || '',
+      });
+      checkedRowKeys.value = [];
+      Message.success(t('common.distributeSuccess'));
+      showDistributeModal.value = false;
+      tableRefreshId.value += 1;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    } finally {
+      distributeLoading.value = false;
+    }
+  }
+
+  // 批量删除
+  function handleBatchDelete() {
+    openModal({
+      type: 'error',
+      title: t('customer.batchDeleteTitleTip', { number: checkedRowKeys.value.length }),
+      content: t('customer.batchDeleteContentTip'),
+      positiveText: t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await batchDeleteOpenSeaCustomer({
+            ...batchTableQueryParams.value,
+            batchIds: checkedRowKeys.value,
+            poolId: openSea.value,
+          });
+          checkedRowKeys.value = [];
+          tableRefreshId.value += 1;
+          Message.success(t('common.deleteSuccess'));
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  const claimLoading = ref(false);
+
+  const operationGroupList = computed<ActionsItem[]>(() => {
+    return [
+      {
+        label: t('common.claim'),
+        key: 'claim',
+        permission: ['CUSTOMER_MANAGEMENT_POOL:PICK'],
+        popConfirmProps: {
+          loading: claimLoading.value,
+          title: t('customer.claimTip'),
+          content: t('customer.claimTipContent'),
+          positiveText: t('common.claim'),
+          iconType: 'primary',
+        },
+      },
+      {
+        label: t('common.distribute'),
+        key: 'distribute',
+        permission: ['CUSTOMER_MANAGEMENT_POOL:ASSIGN'],
+        popConfirmProps: {
+          loading: distributeLoading.value,
+          title: t('common.distribute'),
+          positiveText: t('common.confirm'),
+          iconType: 'primary',
+        },
+        popSlotContent: 'distributePopContent',
+      },
+      {
+        label: t('common.delete'),
+        key: 'delete',
+        permission: ['CUSTOMER_MANAGEMENT_POOL:DELETE'],
+      },
+    ];
+  });
+
+  // 删除
+  function handleDelete(row: any) {
+    openModal({
+      type: 'error',
+      title: t('common.deleteConfirmTitle', { name: characterLimit(row.name) }),
+      content: t('customer.batchDeleteContentTip'),
+      positiveText: t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deleteOpenSeaCustomer(row.id);
+          Message.success(t('common.deleteSuccess'));
+          tableRemoveRefreshId.value = row.id;
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  async function handleClaim(row: any) {
+    try {
+      claimLoading.value = true;
+      await pickOpenSeaCustomer({
+        customerId: row.id,
+        poolId: openSea.value,
+      });
+      Message.success(t('common.claimSuccess'));
+      tableRemoveRefreshId.value = row.id;
+      openNewPage(CustomerRouteEnum.CUSTOMER_INDEX, {
+        id: row.id,
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      claimLoading.value = false;
+    }
+  }
+
+  async function handleDistribute(id: string) {
+    try {
+      distributeLoading.value = true;
+      await assignOpenSeaCustomer({
+        customerId: id,
+        assignUserId: distributeForm.value.owner,
+      });
+      Message.success(t('common.distributeSuccess'));
+      tableRemoveRefreshId.value = id;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      distributeLoading.value = false;
+    }
+  }
+
+  const isExportAll = ref(false);
+  const showExportModal = ref<boolean>(false);
+
+  function handleExportAllClick() {
+    isExportAll.value = true;
+    showExportModal.value = true;
+  }
+
+  function handleExportCreateSuccess() {
+    checkedRowKeys.value = [];
+  }
+
+  const showEditModal = ref(false);
+  const { initFormConfig: initEditFormConfig, fieldList: editFieldList } = useFormCreateApi({
+    formKey: ref(FormDesignKeyEnum.CUSTOMER_OPEN_SEA),
+  });
+  function handleBatchEdit() {
+    initEditFormConfig();
+    showEditModal.value = true;
+  }
+
+  function handleBatchAction(item: ActionsItem) {
+    switch (item.key) {
+      case 'batchClaim':
+        handleBatchClaim();
+        break;
+      case 'batchDistribute':
+        showDistributeModal.value = true;
+        break;
+      case 'batchDelete':
+        handleBatchDelete();
+        break;
+      case 'batchEdit':
+        handleBatchEdit();
+        break;
+      case 'exportChecked':
+        isExportAll.value = false;
+        showExportModal.value = true;
+        break;
+      default:
+        break;
+    }
+  }
+
+  function handleActionSelect(row: any, actionKey: string) {
+    switch (actionKey) {
+      case 'pop-claim':
+        handleClaim(row);
+        break;
+      case 'pop-distribute':
+        handleDistribute(row.id);
+        break;
+      case 'delete':
+        handleDelete(row);
+        break;
+      default:
+        break;
+    }
+  }
+
+  const hiddenColumns = computed<string[]>(() => {
+    const openSeaSetting = openSeaOptions.value.find((item) => item.id === openSea.value);
+    return openSeaSetting?.fieldConfigs.filter((item) => !item.enable).map((item) => item.fieldId) || [];
+  });
+
+  const handleAdvanceFilter = ref<null | ((...args: any[]) => void)>(null);
+  const handleSearchData = ref<null | ((...args: any[]) => void)>(null);
+
+  defineExpose({
+    handleAdvanceFilter,
+    handleSearchData,
+  });
+
+  const { useTableRes, customFieldsFilterConfig, reasonOptions, fieldList } = await useFormCreateTable({
+    formKey: props.formKey,
+    containerClass: `.crm-open-sea-table-${props.formKey}`,
+    operationColumn: props.readonly
+      ? undefined
+      : {
+          key: 'operation',
+          width: currentLocale.value === 'en-US' ? 200 : 150,
+          fixed: 'right',
+          render: (row: any) =>
+            h(
+              CrmOperationButton,
+              {
+                groupList: operationGroupList.value,
+                onSelect: (key: string) => handleActionSelect(row, key),
+                onCancel: () => {
+                  distributeForm.value.owner = null;
+                },
+              },
+              {
+                distributePopContent: () => {
+                  return h(TransferForm, {
+                    class: 'w-[320px] mt-[16px]',
+                    form: distributeForm.value,
+                    ref: distributeFormRef,
+                  });
+                },
+              }
+            ),
+        },
+    specialRender: {
+      name: (row: any) => {
+        return props.isLimitShowDetail && row.hasPermission === false
+          ? h(CrmNameTooltip, { text: row.name })
+          : h(
+              CrmTableButton,
+              {
+                onClick: () => {
+                  activeCustomerId.value = row.id;
+                  openSea.value = row.poolId ?? openSea.value;
+                  showOverviewDrawer.value = true;
+                },
+              },
+              { default: () => row.name, trigger: () => row.name }
+            );
+      },
+    },
+    permission: ['CUSTOMER_MANAGEMENT_POOL:PICK', 'CUSTOMER_MANAGEMENT_POOL:ASSIGN', 'CUSTOMER_MANAGEMENT_POOL:DELETE'],
+    hiddenTotal: ref(!!props.hiddenTotal),
+    readonly: props.readonly,
+  });
+  const { propsRes, propsEvent, tableQueryParams, loadList, setLoadListParams, setAdvanceFilter } = useTableRes;
+  batchTableQueryParams.value = tableQueryParams.value;
+  const filterColumns = computed(() => {
+    return propsRes.value.columns.filter((item) => !hiddenColumns.value.includes(item.key as string));
+  });
+
+  const exportParams = computed(() => {
+    return {
+      ...tableQueryParams.value,
+      ids: checkedRowKeys.value,
+      poolId: openSea.value,
+    };
+  });
+
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+  const isAdvancedSearchMode = ref(false);
+  const advancedOriginalForm = ref<FilterForm | undefined>();
+  function handleAdvSearch(filter: FilterResult, isAdvancedMode: boolean, originalForm?: FilterForm) {
+    keyword.value = '';
+    isAdvancedSearchMode.value = isAdvancedMode;
+    setAdvanceFilter(filter);
+    loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+    advancedOriginalForm.value = originalForm;
+  }
+  handleAdvanceFilter.value = handleAdvSearch;
+
+  const tableAdvanceFilterRef = ref<InstanceType<typeof CrmAdvanceFilter>>();
+  function searchData(_keyword?: string, poolId?: string, refreshId?: string) {
+    setLoadListParams({
+      keyword: _keyword ?? keyword.value,
+      poolId: props.hiddenPoolSelect ? undefined : poolId || openSea.value,
+      viewId: activeTab.value,
+    });
+    loadList(false, refreshId);
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  function handleGeneratedChart(res: FilterResult, form: FilterForm) {
+    advancedOriginalForm.value = form;
+    setAdvanceFilter(res);
+    tableAdvanceFilterRef.value?.setAdvancedFilter(res, true);
+    searchData();
+  }
+
+  handleSearchData.value = searchData;
+
+  watch(
+    () => tableRefreshId.value,
+    () => {
+      crmTableRef.value?.clearCheckedRowKeys();
+      searchData();
+    }
+  );
+
+  const { initTableViewChartParams, getChartViewId } = useViewChartParams();
+  function viewChartCallBack(params: ViewChartResult) {
+    const { viewId, formModel, filterResult } = params;
+    tableAdvanceFilterRef.value?.initFormModal(formModel, true);
+    setAdvanceFilter(filterResult);
+    activeTab.value = viewId;
+  }
+  watch(
+    () => activeTab.value,
+    (val) => {
+      if (val) {
+        checkedRowKeys.value = [];
+        setLoadListParams({
+          keyword: keyword.value,
+          viewId: getChartViewId() ?? activeTab.value,
+          poolId: props.hiddenPoolSelect ? undefined : openSea.value,
+        });
+        initTableViewChartParams(viewChartCallBack);
+        crmTableRef.value?.setColumnSort(val);
+      }
+    }
+  );
+
+  async function initOpenSeaOptions() {
+    const res = await getOpenSeaOptions();
+    openSeaOptions.value = res;
+    openSea.value = openSeaOptions.value[0]?.id || '';
+  }
+
+  const filterConfigList = computed(
+    () =>
+      [
+        {
+          title: t('customer.recycleReason'),
+          dataIndex: 'reasonId',
+          type: FieldTypeEnum.SELECT_MULTIPLE,
+          selectProps: {
+            options: reasonOptions.value,
+          },
+        },
+        ...baseFilterConfigList,
+      ] as FilterFormItem[]
+  );
+
+  const exportColumns = computed<ExportTableColumnItem[]>(() =>
+    getExportColumns(propsRes.value.columns, customFieldsFilterConfig.value as FilterFormItem[])
+  );
+
+  async function init() {
+    await initOpenSeaOptions();
+    searchData();
+  }
+
+  function handleRefresh() {
+    checkedRowKeys.value = [];
+    searchData();
+  }
+
+  function removeItemFromList(id: string) {
+    propsRes.value.data = propsRes.value.data.filter((item) => item.id !== id);
+    propsRes.value.crmPagination = {
+      ...propsRes.value.crmPagination,
+      itemCount: (propsRes.value.crmPagination?.itemCount ?? 1) - 1,
+    };
+  }
+
+  watch(
+    () => tableRemoveRefreshId.value,
+    (val) => {
+      if (val) {
+        removeItemFromList(val);
+      }
+    }
+  );
+
+  onBeforeMount(() => {
+    if (!props.hiddenPoolSelect) {
+      init();
+    }
+  });
+
+  onMounted(() => {
+    emit('init', {
+      filterConfigList: filterConfigList.value,
+      customFieldsFilterConfig: customFieldsFilterConfig.value as FilterFormItem[],
+    });
+
+    if (route.query.id) {
+      activeCustomerId.value = route.query.id as string;
+      openSea.value = route.query.poolId as string;
+      showOverviewDrawer.value = true;
+    }
+  });
+
+  onBeforeUnmount(() => {
+    sessionStorage.removeItem(STORAGE_VIEW_CHART_KEY);
+  });
+</script>
+
+<style lang="less">
+  .n-base-select-option {
+    @apply justify-between;
+  }
+  .n-base-select-option:hover {
+    .openSea-setting-icon {
+      @apply visible;
+    }
+  }
+  .openSea-setting-icon {
+    @apply invisible cursor-pointer;
+
+    color: var(--text-n4);
+    &:hover {
+      color: var(--primary-8);
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/customer/contact.vue b/frontend/packages/web/src/views/customer/contact.vue
new file mode 100644
index 0000000..2f1f744
--- /dev/null
+++ b/frontend/packages/web/src/views/customer/contact.vue
@@ -0,0 +1,74 @@
+<template>
+  <ContactTable ref="contactTableRef" :form-key="FormDesignKeyEnum.CONTACT" />
+  <customerOverviewDrawer
+    v-if="isInitCustomerDrawer"
+    v-model:show="showCustomerOverviewDrawer"
+    :source-id="activeSourceId"
+    @saved="searchData()"
+  />
+  <openSeaOverviewDrawer
+    v-model:show="showOpenSeaOverviewDrawer"
+    :pool-id="poolId"
+    :source-id="activeSourceId"
+    :hidden-columns="hiddenColumns"
+    @change="searchData"
+  />
+</template>
+
+<script setup lang="ts">
+  import { useRoute } from 'vue-router';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { CluePoolItem } from '@lib/shared/models/system/module';
+
+  import ContactTable from '@/components/business/crm-form-create-table/contactTable.vue';
+  import openSeaOverviewDrawer from '@/views/customer/components/openSeaOverviewDrawer.vue';
+
+  import { getOpenSeaOptions } from '@/api/modules';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const customerOverviewDrawer = defineAsyncComponent(
+    () => import('@/views/customer/components/customerOverviewDrawer.vue')
+  );
+
+  const route = useRoute();
+
+  const contactTableRef = ref<InstanceType<typeof ContactTable>>();
+
+  const showOpenSeaOverviewDrawer = ref<boolean>(false);
+  const poolId = ref<string>('');
+
+  const showCustomerOverviewDrawer = ref(false);
+  const activeSourceId = ref<string>('');
+  const isInitCustomerDrawer = ref(false);
+
+  function searchData() {
+    contactTableRef.value?.handleSearchData?.();
+  }
+
+  const openSeaOptions = ref<CluePoolItem[]>([]);
+  async function initOpenSeaOptions() {
+    if (hasAnyPermission(['CUSTOMER_MANAGEMENT_POOL:READ'])) {
+      const res = await getOpenSeaOptions();
+      openSeaOptions.value = res;
+    }
+  }
+
+  const hiddenColumns = computed<string[]>(() => {
+    const openSeaSetting = openSeaOptions.value.find((item) => item.id === poolId.value);
+    return openSeaSetting?.fieldConfigs.filter((item) => !item.enable).map((item) => item.fieldId) || [];
+  });
+
+  onMounted(async () => {
+    await initOpenSeaOptions();
+    if (!route.query.id) return;
+    activeSourceId.value = route.query.id as string;
+    if (route.query.inSharedPool === 'true') {
+      poolId.value = (route.query.poolId as string) ?? '';
+      showOpenSeaOverviewDrawer.value = true;
+    } else {
+      isInitCustomerDrawer.value = true;
+      showCustomerOverviewDrawer.value = true;
+    }
+  });
+</script>
diff --git a/frontend/packages/web/src/views/customer/customer.vue b/frontend/packages/web/src/views/customer/customer.vue
new file mode 100644
index 0000000..00bde01
--- /dev/null
+++ b/frontend/packages/web/src/views/customer/customer.vue
@@ -0,0 +1,22 @@
+<template>
+  <div ref="customerCardRef" class="h-full">
+    <CrmCard no-content-padding hide-footer>
+      <div class="h-full px-[16px] pt-[16px]">
+        <CustomerTable :form-key="FormDesignKeyEnum.CUSTOMER" />
+      </div>
+    </CrmCard>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CustomerTable from './components/customerTable.vue';
+</script>
+
+<style lang="less" scoped>
+  :deep(.n-tabs-scroll-padding) {
+    width: 16px !important;
+  }
+</style>
diff --git a/frontend/packages/web/src/views/customer/locale/en-US.ts b/frontend/packages/web/src/views/customer/locale/en-US.ts
new file mode 100644
index 0000000..cc441f4
--- /dev/null
+++ b/frontend/packages/web/src/views/customer/locale/en-US.ts
@@ -0,0 +1,69 @@
+export default {
+  'customer.all': 'All  Accounts',
+  'customer.mine': 'My  Accounts',
+  'customer.deptCustomer': 'Department  Accounts',
+  'customer.cooperationCustomer': 'Cooperation  Accounts',
+  'customer.new': 'New Account',
+  'customer.deleteTitleTip': 'Are you sure to delete this account?',
+  'customer.batchDeleteTitleTip': 'Are you sure to delete {number} accounts?',
+  'customer.batchDeleteContentTip': 'After deletion, members cannot find this account, please operate with caution!',
+  'customer.moveToOpenSea': 'Move to Open Sea',
+  'customer.moveToSeaOrPool': 'Move to Sea/Pool',
+  'customer.batchMoveTitleTip': 'Confirm to move {number} accounts to high seas?',
+  'customer.moveCustomerToOpenSeaTitleTip': 'Confirm moving {name} account to open pool?',
+  'customer.batchMoveContentTip': 'After moving, the account will have no owner. Please proceed with caution!',
+  'customer.confirmMove': 'Confirm move',
+  'customer.moveToOpenSeaFailedContent1': 'Please check the open sea configuration,',
+  'customer.moveToOpenSeaFailedContent2': 'Go to configure',
+  'customer.moveSuccess': 'Move success',
+  'customer.contact.deleteContentTip':
+    'After deletion, the contact cannot be queried and cannot be recovered. Please proceed with caution!',
+  'customer.contact.deleteTitle':
+    'There is a bound business opportunity, please change the contact person for the business opportunity binding before deleting it!',
+  'customer.recycleOpenSea': 'Recycle Open Sea',
+  'customer.collectionTime': 'Collection time',
+  'customer.remainingVesting': 'Remaining vesting',
+  'customer.lastFollowUps': 'Last follow-up personnel',
+  'customer.lastFollowUpDate': 'Last follow-up time',
+  'customer.disableReason': 'Disable reason',
+  'customer.claimTip': 'Are you sure to claim this account?',
+  'customer.batchClaimTip': 'Are you sure to claim {count} accounts?',
+  'customer.claimTipContent':
+    'After claiming, if there is no follow-up/deal within 180 days, it will be automatically returned to the high seas',
+  'customer.relation': 'Relationship',
+  'customer.selectCustomer': 'Select Account',
+  'customer.group': 'Group',
+  'customer.subsidiary': 'Subsidiary',
+  'customer.collaborator': 'Collaborator',
+  'customer.readOnly': 'Read Only',
+  'customer.opportunityInfo': 'Opportunity Information',
+  'customer.cooperation': 'Cooperation',
+  'customer.cooperationTip':
+    'Read Only: Support viewing account basic information and responsible person-related data; Cooperation: Support viewing account basic information and following up accounts',
+  'customer.deleteMemberTip': 'After deletion, the member will no longer have the account permission',
+  'customer.batchDeleteMemberTip': 'Are you sure to delete {count} members?',
+  'customer.contacts.all': 'All contacts',
+  'customer.contacts.mine': 'My contacts',
+  'customer.contacts.department': 'Department contacts',
+  'customer.recycleReason': 'Reason for recycling',
+  'customer.recycleOpenSeaName': 'Belonging public pool',
+  'customer.contacts': 'Contact',
+  'customer.contact': 'Contact',
+  'customer.mergeAccount': 'Merge account',
+  'customer.merge': 'Merge',
+  'customer.confirmMerge': 'Confirm merge',
+  'customer.mergeConfirmTitle': 'Merge selected accounts?',
+  'customer.mergeConfirmContent': 'This action cannot be undone. Please proceed with caution!',
+  'customer.mergeTo': 'Merge to',
+  'customer.mergeSuccess': 'Merge successful',
+  'customer.selectedAccount': 'Selected accounts',
+  'customer.otherAccount': 'Other accounts',
+  'customer.mergeRules': 'Merge rules',
+  'customer.selectedAccountMergeTip': '1. Select primary account and data to retain after merge',
+  'customer.afterMergeDeleteAccountBaseInfoTip': "2. Only primary account's basic info will be kept",
+  'customer.afterMergeInfoTip':
+    '3. The account after the merger, merged account contact, follow up plan, follow up records, business information, collaboration members later merge to the account',
+  'customer.selectedMergeAccountTooltip':
+    "Selected accounts: chosen from list; Other accounts: visible accounts; Owner assignment: only selected accounts' owners can be chosen; other accounts' owners remain unchanged",
+  'customer.selectedMergeAccountNumber': 'Selected {number} accounts',
+};
diff --git a/frontend/packages/web/src/views/customer/locale/zh-CN.ts b/frontend/packages/web/src/views/customer/locale/zh-CN.ts
new file mode 100644
index 0000000..c1ada83
--- /dev/null
+++ b/frontend/packages/web/src/views/customer/locale/zh-CN.ts
@@ -0,0 +1,64 @@
+export default {
+  'customer.all': '所有客户',
+  'customer.mine': '我的客户',
+  'customer.deptCustomer': '部门客户',
+  'customer.cooperationCustomer': '协作客户',
+  'customer.new': '新建客户',
+  'customer.deleteTitleTip': '确认删除该客户吗',
+  'customer.batchDeleteTitleTip': '确认删除 {number} 个客户吗？',
+  'customer.batchDeleteContentTip': '删除后，成员无法查到该客户，请谨慎操作！',
+  'customer.moveToOpenSea': '移入公海',
+  'customer.moveToSeaOrPool': '移入公海/线索池',
+  'customer.batchMoveTitleTip': '确认移入 {number} 个客户至公海吗？',
+  'customer.moveCustomerToOpenSeaTitleTip': '确认移入 {name} 客户至公海吗？',
+  'customer.batchMoveContentTip': '移入后，客户将无负责人，请谨慎操作！',
+  'customer.confirmMove': '确认移入',
+  'customer.moveToOpenSeaFailedContent1': '请检查公海配置，',
+  'customer.moveToOpenSeaFailedContent2': '去配置',
+  'customer.moveSuccess': '移入成功',
+  'customer.contact.deleteContentTip': '删除后，将无法查询到该联系人且不可恢复，请谨慎操作！',
+  'customer.contact.deleteTitle': '存在绑定的商机，请更换商机绑定联系人后再删除！',
+  'customer.recycleOpenSea': '回收公海',
+  'customer.collectionTime': '领取时间',
+  'customer.remainingVesting': '剩余归属',
+  'customer.lastFollowUps': '最新跟进人员',
+  'customer.lastFollowUpDate': '最新跟进时间',
+  'customer.disableReason': '停用原因',
+  'customer.claimTip': '确定领取该客户吗？',
+  'customer.batchClaimTip': '确定领取 {count} 个客户吗？',
+  'customer.claimTipContent': '领取后，180天后未跟进/成交，将自动放回公海',
+  'customer.relation': '客户关系',
+  'customer.selectCustomer': '选择客户',
+  'customer.group': '集团',
+  'customer.subsidiary': '子公司',
+  'customer.collaborator': '协作成员',
+  'customer.readOnly': '只读',
+  'customer.opportunityInfo': '商机信息',
+  'customer.cooperation': '协作',
+  'customer.cooperationTip': '只读:支持查看客户基础信息与负责人的相关数据;协作:支持查看客户基础信息，并跟进客户',
+  'customer.deleteMemberTip': '删除后，成员将不再拥有该客户权限',
+  'customer.batchDeleteMemberTip': '确认删除 {count} 个成员吗？',
+  'customer.contacts.all': '全部联系人',
+  'customer.contacts.mine': '我的联系人',
+  'customer.contacts.department': '部门联系人',
+  'customer.recycleReason': '回收原因',
+  'customer.recycleOpenSeaName': '归属公海',
+  'customer.contact': '联系人',
+  'customer.mergeAccount': '合并客户',
+  'customer.merge': '合并',
+  'customer.confirmMerge': '确认合并',
+  'customer.mergeConfirmTitle': '确定合并所选客户吗？',
+  'customer.mergeConfirmContent': '合并后，数据不可回退，请谨慎操作！',
+  'customer.mergeTo': '合并至',
+  'customer.mergeSuccess': '合并成功',
+  'customer.selectedAccount': '已选客户',
+  'customer.otherAccount': '其他客户',
+  'customer.mergeRules': '合并规则',
+  'customer.selectedAccountMergeTip': '1.将所选客户合并后，可选择合并后主客户及要保留的数据',
+  'customer.afterMergeDeleteAccountBaseInfoTip': '2.合并后，系统仅保留主客户的基本信息，被合并客户的基本信息将会被删除',
+  'customer.afterMergeInfoTip':
+    '3.客户合并后，被合并客户的联系人，跟进计划，跟进记录，商机信息，协作成员等会合并至主客户下',
+  'customer.selectedMergeAccountTooltip':
+    '已选客户：从列表中选定的客户；其他客户：数据可见负责的客户。负责人选择：已选客户：仅可选择已选客户的负责人；其他客户：负责人保持不变',
+  'customer.selectedMergeAccountNumber': '已选{number}个客户',
+};
diff --git a/frontend/packages/web/src/views/customer/openSea.vue b/frontend/packages/web/src/views/customer/openSea.vue
new file mode 100644
index 0000000..3529911
--- /dev/null
+++ b/frontend/packages/web/src/views/customer/openSea.vue
@@ -0,0 +1,31 @@
+<template>
+  <CrmCard hide-footer no-content-bottom-padding>
+    <openSeaTable :form-key="FormDesignKeyEnum.CUSTOMER_OPEN_SEA" />
+  </CrmCard>
+</template>
+
+<script setup lang="ts">
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import openSeaTable from './components/openSeaTable.vue';
+</script>
+
+<style lang="less">
+  .n-base-select-option {
+    @apply justify-between;
+  }
+  .n-base-select-option:hover {
+    .openSea-setting-icon {
+      @apply visible;
+    }
+  }
+  .openSea-setting-icon {
+    @apply invisible cursor-pointer;
+
+    color: var(--text-n4);
+    &:hover {
+      color: var(--primary-8);
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/dashboard/components/addDashboardModal.vue b/frontend/packages/web/src/views/dashboard/components/addDashboardModal.vue
new file mode 100644
index 0000000..9260dd6
--- /dev/null
+++ b/frontend/packages/web/src/views/dashboard/components/addDashboardModal.vue
@@ -0,0 +1,230 @@
+<template>
+  <CrmModal
+    v-model:show="show"
+    :title="props.dashboardId ? t('dashboard.updateDashboard') : t('dashboard.addDashboard')"
+    :ok-loading="loading"
+    :positive-text="props.dashboardId ? t('common.update') : t('common.add')"
+    size="large"
+    :show-continue="!props.dashboardId"
+    @confirm="handleConfirm"
+    @cancel="handleCancel"
+    @continue="handleConfirm(true)"
+  >
+    <n-spin :show="detailLoading" class="h-full w-full">
+      <n-form
+        ref="formRef"
+        :model="form"
+        label-placement="left"
+        :rules="{
+          name: [
+            {
+              required: true,
+              message: t('common.notNull', { value: t('dashboard.dashboardName') }),
+              trigger: 'blur',
+            },
+          ],
+          resourceUrl: [
+            {
+              required: true,
+              message: t('common.notNull', { value: t('dashboard.dashboardUrl') }),
+              trigger: 'blur',
+            },
+          ],
+          dashboardModuleId: [
+            {
+              required: true,
+              message: t('common.notNull', { value: t('dashboard.folder') }),
+              trigger: 'blur',
+            },
+          ],
+        }"
+        label-width="100"
+      >
+        <n-form-item :label="t('dashboard.dashboardName')" path="name">
+          <n-input v-model:value="form.name" :maxlength="255" />
+        </n-form-item>
+        <n-form-item :label="t('dashboard.dashboardUrl')" path="resourceUrl">
+          <n-input v-model:value="form.resourceUrl" :maxlength="500" />
+        </n-form-item>
+        <n-form-item :label="t('dashboard.folder')" path="dashboardModuleId">
+          <n-tree-select
+            v-model:value="form.dashboardModuleId"
+            :options="props.folderTree"
+            :render-label="renderLabel"
+            label-field="name"
+            key-field="id"
+            filterable
+          />
+        </n-form-item>
+        <n-form-item :label="t('dashboard.members')" path="scopeIds">
+          <CrmUserTagSelector
+            v-model:selected-list="form.scopeIds"
+            :api-type-key="MemberApiTypeEnum.FORM_FIELD"
+            :member-types="memberTypes"
+          />
+        </n-form-item>
+        <n-form-item :label="t('common.desc')" path="description">
+          <n-input v-model:value="form.description" type="textarea" :maxlength="500" />
+        </n-form-item>
+      </n-form>
+    </n-spin>
+  </CrmModal>
+</template>
+
+<script setup lang="ts">
+  import {
+    NForm,
+    NFormItem,
+    NInput,
+    NSpin,
+    NTooltip,
+    NTreeSelect,
+    TreeOption,
+    TreeSelectOption,
+    useMessage,
+  } from 'naive-ui';
+
+  import { MemberApiTypeEnum, MemberSelectTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { SelectedUsersItem } from '@lib/shared/models/system/module';
+
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+  import type { Option } from '@/components/business/crm-select-user-drawer/type';
+  import CrmUserTagSelector from '@/components/business/crm-user-tag-selector/index.vue';
+
+  import { dashboardAdd, dashboardDetail, dashboardUpdate } from '@/api/modules';
+
+  const props = defineProps<{
+    dashboardId?: string;
+    dashboardModuleId?: string;
+    folderTree: TreeSelectOption[];
+  }>();
+  const emit = defineEmits<{
+    (e: 'finish'): void;
+  }>();
+
+  const { t } = useI18n();
+  const message = useMessage();
+
+  const show = defineModel('show', {
+    type: Boolean,
+    default: false,
+  });
+
+  const loading = ref(false);
+  const activeFolder = computed(() => {
+    if (props.dashboardModuleId && props.dashboardModuleId !== 'all') {
+      return props.dashboardModuleId;
+    }
+    return '';
+  });
+  const form = ref({
+    name: '',
+    resourceUrl: '',
+    scopeIds: [] as SelectedUsersItem[],
+    description: '',
+    dashboardModuleId: activeFolder.value,
+  });
+  const formRef = ref<InstanceType<typeof NForm>>();
+
+  const memberTypes: Option[] = [
+    {
+      label: t('menu.settings.org'),
+      value: MemberSelectTypeEnum.ORG,
+    },
+  ];
+
+  function renderLabel({ option }: { option: TreeOption; checked: boolean; selected: boolean }) {
+    return h(
+      NTooltip,
+      {
+        delay: 300,
+      },
+      {
+        default: () => h('div', {}, { default: () => option.name }),
+        trigger: () =>
+          h(
+            'div',
+            {
+              class: 'one-line-text max-w-[200px]',
+            },
+            { default: () => option.name }
+          ),
+      }
+    );
+  }
+
+  function handleCancel() {
+    form.value = {
+      name: '',
+      resourceUrl: '',
+      scopeIds: [],
+      description: '',
+      dashboardModuleId: activeFolder.value,
+    };
+  }
+
+  function handleConfirm(isContinue = false) {
+    formRef.value?.validate(async (errors) => {
+      if (errors) return;
+      loading.value = true;
+      try {
+        if (props.dashboardId) {
+          await dashboardUpdate({
+            ...form.value,
+            id: props.dashboardId,
+            scopeIds: form.value.scopeIds.map((item) => item.id),
+          });
+          message.success(t('common.updateSuccess'));
+        } else {
+          await dashboardAdd({
+            ...form.value,
+            scopeIds: form.value.scopeIds.map((item) => item.id),
+          });
+          message.success(t('common.addSuccess'));
+        }
+        emit('finish');
+        if (!isContinue) {
+          show.value = false;
+        }
+        handleCancel();
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.error('Failed to add dashboard:', error);
+      } finally {
+        loading.value = false;
+      }
+    });
+  }
+
+  const detailLoading = ref(false);
+  async function initDetail() {
+    try {
+      detailLoading.value = true;
+      const res = await dashboardDetail(props.dashboardId!);
+      form.value = {
+        ...res,
+        scopeIds: res.members,
+      };
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error('Failed to initialize dashboard detail:', error);
+    } finally {
+      detailLoading.value = false;
+    }
+  }
+
+  watch(
+    () => show.value,
+    (val) => {
+      if (val && props.dashboardId) {
+        initDetail();
+      } else {
+        form.value.dashboardModuleId = activeFolder.value || (props.folderTree[0]?.id as string) || '';
+      }
+    },
+    { immediate: true }
+  );
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/dashboard/components/dashboard.vue b/frontend/packages/web/src/views/dashboard/components/dashboard.vue
new file mode 100644
index 0000000..91f5cb0
--- /dev/null
+++ b/frontend/packages/web/src/views/dashboard/components/dashboard.vue
@@ -0,0 +1,125 @@
+<template>
+  <div ref="fullRef" class="flex h-full flex-col gap-[16px] bg-[var(--text-n10)] p-[24px]">
+    <div class="flex items-center justify-between">
+      <div class="flex flex-1 items-center gap-[8px]">
+        <favoriteIcon
+          :value="props.isFavorite"
+          class="cursor-pointer text-[var(--primary-8)]"
+          @click="emit('toggleFavorite')"
+        />
+        <div class="flex-1 font-semibold">{{ props.title }}</div>
+      </div>
+      <div
+        v-if="!props.isFullPage"
+        class="cursor-pointer text-right !text-[var(--color-text-4)]"
+        @click="toggleFullScreen"
+      >
+        <CrmIcon v-if="isFullScreen" type="iconicon_off_screen" />
+        <CrmIcon v-else type="iconicon_full_screen_one" />
+      </div>
+    </div>
+    <n-spin class="block flex-1" :show="loading" content-class="h-full">
+      <iframe
+        id="iframe-dashboard-view"
+        style="width: 100%; height: 100%; border: 0"
+        :src="props.resourceUrl ?? iframeSrc"
+      ></iframe>
+      <n-empty v-if="isError" size="large" :description="t('dashboard.loadFailed')"> </n-empty>
+    </n-spin>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { NEmpty, NSpin } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import favoriteIcon from './favoriteIcon.vue';
+
+  import { getDEToken } from '@/api/modules';
+  import useFullScreen from '@/hooks/useFullScreen';
+
+  const props = defineProps<{
+    title: string;
+    dashboardId?: string; // 模块资源id
+    isFavorite: boolean;
+    isFullPage?: boolean;
+    resourceUrl?: string; // 外链嵌入url
+  }>();
+  const emit = defineEmits<{
+    (e: 'toggleFavorite'): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const loading = ref(false);
+  const isError = ref(false);
+  // 用于全屏的容器 ref
+  const fullRef = ref<HTMLElement | null>();
+  const { isFullScreen, toggleFullScreen } = useFullScreen(fullRef);
+
+  const iframeSrc = ref('');
+  const params = {
+    // 固定写法：dashboard 仪表板、dataV 数据大屏
+    'busiFlag': 'dashboard',
+    'dvId': props?.dashboardId,
+    // 固定写法
+    'type': 'Dashboard',
+    //  JWT token 认证。
+    'embeddedToken': '',
+    // 固定写法
+    'de-embedded': true,
+  };
+
+  const onMessage = (event: any) => {
+    const iframe = document.getElementById('iframe-dashboard-view');
+    if (event.data?.msgOrigin === 'de-fit2cloud') {
+      const { contentWindow } = iframe as HTMLIFrameElement;
+      contentWindow?.postMessage(params, '*');
+      loading.value = false;
+    }
+  };
+
+  async function init() {
+    try {
+      loading.value = true;
+      isError.value = false;
+      const res = await getDEToken();
+      params.embeddedToken = res.token;
+      iframeSrc.value = `${res.url}/#/chart-view`;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error('Error initializing dashboard:', error);
+      loading.value = false;
+      isError.value = true;
+    }
+  }
+
+  onUnmounted(() => {
+    window.removeEventListener('message', onMessage, false);
+  });
+
+  watch(
+    () => props.dashboardId,
+    async (newVal) => {
+      if (newVal) {
+        params.dvId = newVal;
+        await init();
+        const iframe = document.getElementById('iframe-dashboard-view');
+        const { contentWindow } = iframe as HTMLIFrameElement;
+        contentWindow?.postMessage(params, '*');
+        loading.value = false;
+      }
+    }
+  );
+
+  onBeforeMount(() => {
+    window.addEventListener('message', onMessage, false);
+    if (!props.resourceUrl) {
+      init();
+    }
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/dashboard/components/favoriteIcon.vue b/frontend/packages/web/src/views/dashboard/components/favoriteIcon.vue
new file mode 100644
index 0000000..0631cf1
--- /dev/null
+++ b/frontend/packages/web/src/views/dashboard/components/favoriteIcon.vue
@@ -0,0 +1,18 @@
+<template>
+  <CrmIcon
+    :type="isFavorite ? 'iconicon_star_filled' : 'iconicon_star'"
+    :size="16"
+    :class="isFavorite ? 'text-[var(--warning-yellow)]' : ''"
+  />
+</template>
+
+<script setup lang="ts">
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+
+  const isFavorite = defineModel<boolean>('value', {
+    type: Boolean,
+    default: false,
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/dashboard/components/table.vue b/frontend/packages/web/src/views/dashboard/components/table.vue
new file mode 100644
index 0000000..d6ebcf4
--- /dev/null
+++ b/frontend/packages/web/src/views/dashboard/components/table.vue
@@ -0,0 +1,305 @@
+<template>
+  <div class="h-full px-[24px] pt-[24px]">
+    <CrmTable
+      ref="crmTableRef"
+      v-bind="currentTable.propsRes.value"
+      class="crm-dashboard-table flex-1"
+      @page-change="currentTable.propsEvent.value.pageChange"
+      @page-size-change="currentTable.propsEvent.value.pageSizeChange"
+      @sorter-change="currentTable.propsEvent.value.sorterChange"
+      @filter-change="currentTable.propsEvent.value.filterChange"
+      @refresh="searchData"
+    >
+      <template #tableTop>
+        <div class="flex items-center justify-between">
+          <n-button v-permission="['DASHBOARD:ADD']" type="primary" @click="emit('create')">
+            {{ t('dashboard.addDashboard') }}
+          </n-button>
+          <CrmSearchInput v-model:value="keyword" class="!w-[240px]" @search="searchData" />
+        </div>
+      </template>
+    </CrmTable>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { useRouter } from 'vue-router';
+  import { NButton, useMessage } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { characterLimit } from '@lib/shared/method';
+
+  import { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmSearchInput from '@/components/pure/crm-search-input/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import { CrmDataTableColumn } from '@/components/pure/crm-table/type';
+  import useTable from '@/components/pure/crm-table/useTable';
+  import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+  import { CrmTreeNodeData } from '@/components/pure/crm-tree/type';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+  import favoriteIcon from './favoriteIcon.vue';
+
+  import {
+    dashboardCollect,
+    dashboardCollectPage,
+    dashboardDelete,
+    dashboardPage,
+    dashboardUnCollect,
+  } from '@/api/modules';
+  import useModal from '@/hooks/useModal';
+
+  import { FullPageEnum } from '@/enums/routeEnum';
+
+  const props = defineProps<{
+    isFavorite?: boolean;
+    activeFolderId?: string;
+    offspringIds?: Array<string>;
+  }>();
+  const emit = defineEmits<{
+    (e: 'create'): void;
+    (e: 'edit', id: string): void;
+    (e: 'collect', id: string, collect: boolean): void;
+    (e: 'delete'): void;
+  }>();
+
+  const router = useRouter();
+  const { t } = useI18n();
+  const Message = useMessage();
+  const { openModal } = useModal();
+
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+  const tableRefreshId = ref(0);
+  async function removeDashboard(row: any) {
+    openModal({
+      type: 'error',
+      title: t('common.deleteConfirmTitle', { name: characterLimit(row.name) }),
+      content: t('dashboard.deleteDashboardTip'),
+      positiveText: t('common.confirm'),
+      negativeText: t('common.cancel'),
+      positiveButtonProps: {
+        type: 'error',
+        size: 'medium',
+      },
+      onPositiveClick: async () => {
+        try {
+          await dashboardDelete(row.id);
+          Message.success(t('common.deleteSuccess'));
+          emit('delete');
+          tableRefreshId.value += 1;
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        }
+      },
+    });
+  }
+
+  const groupList: ActionsItem[] = [
+    {
+      label: t('common.edit'),
+      key: 'edit',
+      permission: ['DASHBOARD:UPDATE'],
+    },
+    {
+      label: t('common.delete'),
+      key: 'delete',
+      permission: ['DASHBOARD:DELETE'],
+    },
+  ];
+
+  function handleActionSelect(row: any, actionKey: string) {
+    switch (actionKey) {
+      case 'edit':
+        emit('edit', row.id);
+        break;
+      case 'delete':
+        removeDashboard(row);
+        break;
+      default:
+        break;
+    }
+  }
+
+  async function favoriteToggle(option: CrmTreeNodeData) {
+    try {
+      if (option.myCollect) {
+        await dashboardUnCollect(option.id);
+      } else {
+        await dashboardCollect(option.id);
+      }
+      option.myCollect = !option.myCollect;
+      Message.success(option.myCollect ? t('dashboard.favoriteSuccess') : t('dashboard.unFavoriteSuccess'));
+      emit('collect', option.id, option.myCollect);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  const columns: CrmDataTableColumn<any>[] = [
+    {
+      title: t('common.name'),
+      key: 'name',
+      width: 200,
+      fixed: 'left',
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+      render: (row: any) => {
+        return h(
+          'div',
+          {
+            class: 'flex items-center w-full overflow-hidden',
+          },
+          {
+            default: () => [
+              h(favoriteIcon, {
+                value: row.myCollect,
+                class: 'mr-[8px] cursor-pointer text-[var(--primary-8)] mt-[-2px]',
+                onclick: () => {
+                  favoriteToggle(row);
+                },
+              }),
+              h(
+                CrmTableButton,
+                {
+                  class: 'flex-1 overflow-hidden',
+                  onClick: () => {
+                    window.open(row.resourceUrl, '_blank');
+                  },
+                },
+                { trigger: () => row.name, default: () => row.name }
+              ),
+            ],
+          }
+        );
+      },
+    },
+    {
+      title: t('common.desc'),
+      key: 'description',
+      width: 300,
+      ellipsis: {
+        tooltip: true,
+      },
+    },
+    {
+      title: t('dashboard.folder'),
+      key: 'dashboardModuleName',
+      width: 120,
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+    },
+    {
+      title: t('dashboard.members'),
+      key: 'members',
+      isTag: true,
+      width: 150,
+      tagGroupProps: {
+        labelKey: 'name',
+      },
+    },
+    {
+      title: t('common.creator'),
+      key: 'createUserName',
+      width: 120,
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+    },
+    {
+      title: t('common.createTime'),
+      key: 'createTime',
+      width: 200,
+      sortOrder: false,
+      sorter: true,
+    },
+    {
+      key: 'operation',
+      width: 100,
+      fixed: 'right',
+      render: (row: any) =>
+        h(CrmOperationButton, {
+          groupList,
+          onSelect: (key: string) => handleActionSelect(row, key),
+        }),
+    },
+  ];
+
+  const dashboardTable = useTable(dashboardPage, {
+    showSetting: false,
+    columns,
+    permission: [],
+    containerClass: '.crm-dashboard-table',
+  });
+
+  const dashboardCollectTable = useTable(
+    dashboardCollectPage,
+    {
+      showSetting: false,
+      columns,
+      permission: [],
+      containerClass: '.crm-dashboard-table',
+    },
+    (item) => {
+      return {
+        ...item,
+      };
+    }
+  );
+
+  // 当前展示的表格数据类型
+  const currentTable = computed(() => {
+    if (props.isFavorite) {
+      return dashboardCollectTable;
+    }
+    return dashboardTable;
+  });
+
+  const keyword = ref('');
+  function searchData(val?: string) {
+    currentTable.value.setLoadListParams({
+      keyword: val ?? keyword.value,
+      dashboardModuleIds:
+        props.activeFolderId && !['all', 'favorite'].includes(props.activeFolderId)
+          ? Array.from(new Set([props.activeFolderId, ...(props.offspringIds || [])])).filter(
+              (item) => item && !['all', 'favorite'].includes(item)
+            )
+          : [],
+    });
+    currentTable.value.loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  watch(
+    () => props.activeFolderId,
+    () => {
+      searchData();
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  watch(
+    () => tableRefreshId.value,
+    () => {
+      searchData();
+    }
+  );
+
+  defineExpose({
+    loadList: () => {
+      searchData();
+    },
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/dashboard/components/tree.vue b/frontend/packages/web/src/views/dashboard/components/tree.vue
new file mode 100644
index 0000000..adb70ce
--- /dev/null
+++ b/frontend/packages/web/src/views/dashboard/components/tree.vue
@@ -0,0 +1,588 @@
+<template>
+  <div class="flex h-full flex-col p-[24px]">
+    <div class="mb-[8px] flex flex-col items-center justify-between gap-[8px]">
+      <n-input v-model:value="keyword" :placeholder="t('common.searchByName')" clearable>
+        <template #suffix>
+          <n-icon>
+            <Search />
+          </n-icon>
+        </template>
+      </n-input>
+      <div
+        class="folder-button"
+        :class="{ 'folder-button--active': selectedKeys.includes('favorite') }"
+        @click="handleFolderClick('favorite')"
+      >
+        <div class="folder-button-left">
+          <favoriteIcon />
+          <div>{{ t('dashboard.myFavorite') }}</div>
+        </div>
+        <div class="folder-button-right">{{ myFavoriteCount }}</div>
+      </div>
+    </div>
+    <NDivider class="!m-0" />
+    <div
+      class="folder-button mt-[4px]"
+      :class="{ 'folder-button--active': selectedKeys.includes('all') }"
+      @click="handleFolderClick('all')"
+    >
+      <div class="folder-button-left">
+        <CrmIcon type="iconicon_wallet" :size="16" />
+        <div>{{ t('dashboard.all') }}</div>
+      </div>
+      <div class="flex items-center gap-[8px]">
+        <n-tooltip trigger="hover" :style="{ padding: '4px' }">
+          <template #trigger>
+            <n-button
+              type="default"
+              size="tiny"
+              ghost
+              class="n-button--default-type h-[20px] px-[3px]"
+              @click.stop="expandAll = !expandAll"
+            >
+              <template #icon>
+                <CrmIcon
+                  :type="expandAll ? 'iconicon_folder_collapse' : 'iconicon_folder_expansion'"
+                  class="text-[var(--text-n4)]"
+                  :size="16"
+                />
+              </template>
+            </n-button>
+          </template>
+          <span>{{ expandAll ? t('dashboard.collapseChild') : t('dashboard.expandChild') }}</span>
+        </n-tooltip>
+        <n-tooltip trigger="hover" :style="{ padding: '4px' }">
+          <template #trigger>
+            <n-button
+              v-permission="['DASHBOARD:ADD']"
+              type="primary"
+              size="tiny"
+              ghost
+              class="n-btn-outline-primary h-[20px] px-[3px]"
+              @click.stop="addFolder"
+            >
+              <template #icon>
+                <n-icon><Add /></n-icon>
+              </template>
+            </n-button>
+          </template>
+          <span>{{ t('dashboard.newChild') }}</span>
+        </n-tooltip>
+      </div>
+    </div>
+    <CrmTree
+      ref="folderTreeRef"
+      v-model:data="folderTree"
+      v-model:selected-keys="selectedKeys"
+      v-model:expanded-keys="expandedKeys"
+      v-model:default-expand-all="expandAll"
+      :draggable="hasAnyPermission(['DASHBOARD:UPDATE'])"
+      :keyword="keyword"
+      :render-prefix="renderPrefixDom"
+      :node-more-actions="nodeMoreOptions"
+      :filter-more-action-func="filterMoreActionFunc"
+      :render-extra="renderExtraDom"
+      :virtual-scroll-props="{ virtualScroll: true, virtualScrollHeight: '100%' }"
+      :field-names="{
+        keyField: 'id',
+        labelField: 'name',
+        childrenField: 'children',
+        disabledField: 'disabled',
+        isLeaf: 'isLeaf',
+      }"
+      :rename-api="renameHandler"
+      :create-api="handleCreateNode"
+      @drop="handleDrag"
+      @select="handleNodeSelect"
+      @more-action-select="handleFolderMoreSelect"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { NButton, NDivider, NIcon, NInput, NTooltip, useMessage } from 'naive-ui';
+  import { Add, Search } from '@vicons/ionicons5';
+  import { cloneDeep } from 'lodash-es';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { characterLimit, getGenerateId, mapTree, traverseTree } from '@lib/shared/method';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmTree from '@/components/pure/crm-tree/index.vue';
+  import { CrmTreeNodeData } from '@/components/pure/crm-tree/type';
+  import favoriteIcon from './favoriteIcon.vue';
+
+  import {
+    dashboardCollect,
+    dashboardDelete,
+    dashboardDrag,
+    dashboardModuleAdd,
+    dashboardModuleCount,
+    dashboardModuleDelete,
+    dashboardModuleDrag,
+    dashboardModuleRename,
+    dashboardModuleTree,
+    dashboardRename,
+    dashboardUnCollect,
+  } from '@/api/modules';
+  import useModal from '@/hooks/useModal';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const { openModal } = useModal();
+
+  const Message = useMessage();
+
+  const { t } = useI18n();
+
+  const emit = defineEmits<{
+    (e: 'selectNode', node: CrmTreeNodeData, _selectedKeys: Array<string | number>, offspringIds: string[]): void;
+    (e: 'init', folderTree: CrmTreeNodeData[]): void;
+    (e: 'addDashboard', option: CrmTreeNodeData): void;
+    (e: 'editDashboard', id: string): void;
+    (e: 'collect'): void;
+    (e: 'delete'): void;
+    (e: 'move'): void;
+  }>();
+
+  const selectedKeys = defineModel<Array<string | number>>('value', {
+    required: true,
+  });
+
+  const folderTree = ref<CrmTreeNodeData[]>([]);
+  const myFavoriteCount = ref<number>(0);
+  const expandedKeys = ref<Array<string | number>>([]);
+  const keyword = ref<string>('');
+  const expandAll = ref<boolean>(true);
+
+  const folderTreeCount = ref<Record<string, any>>({});
+  async function initModuleCount() {
+    try {
+      folderTreeCount.value = await dashboardModuleCount();
+      traverseTree(folderTree.value, (node) => {
+        if (node.type === 'MODULE') {
+          node.count = folderTreeCount.value[node.id] || 0;
+        } else if (node.type === 'DASHBOARD') {
+          node.count = folderTreeCount.value[node.parentId] || 0;
+        }
+      });
+      myFavoriteCount.value = folderTreeCount.value.myCollect || 0;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  async function favoriteToggle(option: CrmTreeNodeData) {
+    try {
+      if (option.myCollect) {
+        await dashboardUnCollect(option.id);
+      } else {
+        await dashboardCollect(option.id);
+      }
+      option.myCollect = !option.myCollect;
+      initModuleCount();
+      Message.success(option.myCollect ? t('dashboard.favoriteSuccess') : t('dashboard.unFavoriteSuccess'));
+      emit('collect');
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  function renderPrefixDom(infoProps: { option: CrmTreeNodeData; checked: boolean; selected: boolean }) {
+    const { option } = infoProps;
+    if (option.type === 'DASHBOARD') {
+      return h(favoriteIcon, {
+        value: option.myCollect,
+        class: 'mr-[8px] mt-[-2px]',
+        onclick: (e: MouseEvent) => {
+          e.stopPropagation();
+          favoriteToggle(option);
+        },
+      });
+    }
+    if (option.type === 'MODULE') {
+      return h(CrmIcon, {
+        type: 'iconicon_wallet',
+        class: 'mr-[8px]',
+        size: 16,
+      });
+    }
+    return null;
+  }
+
+  const nodeMoreOptions = ref<ActionsItem[]>([
+    {
+      label: t('dashboard.addDashboard'),
+      key: 'addDashboard',
+      permission: ['DASHBOARD:ADD'],
+    },
+    {
+      label: t('common.edit'),
+      key: 'edit',
+      permission: ['DASHBOARD:UPDATE'],
+    },
+    {
+      label: t('common.rename'),
+      key: 'rename',
+      permission: ['DASHBOARD:UPDATE'],
+    },
+    {
+      type: 'divider',
+    },
+    {
+      label: t('common.delete'),
+      key: 'delete',
+      danger: true,
+      permission: ['DASHBOARD:DELETE'],
+    },
+  ]);
+
+  function getSpringIds(children: CrmTreeNodeData[] | undefined): string[] {
+    const offspringIds: string[] = [];
+    mapTree(children || [], (e) => {
+      offspringIds.push(e.id);
+      return e;
+    });
+    return offspringIds;
+  }
+
+  function handleNodeSelect(
+    _selectedKeys: Array<string | number>,
+    option: Array<CrmTreeNodeData | null> | CrmTreeNodeData
+  ) {
+    const offspringIds = getSpringIds((option as CrmTreeNodeData).children);
+    emit('selectNode', option as CrmTreeNodeData, _selectedKeys, offspringIds);
+  }
+
+  function filterMoreActionFunc(items: ActionsItem[], node: CrmTreeNodeData) {
+    if (!hasAnyPermission(['DASHBOARD:UPDATE'])) {
+      items = items.filter((e) => {
+        return e.key !== 'edit' && e.key !== 'rename';
+      });
+    }
+    if (!hasAnyPermission(['DASHBOARD:ADD'])) {
+      items = items.filter((e) => {
+        return e.key !== 'addDashboard';
+      });
+    }
+    if (!hasAnyPermission(['DASHBOARD:DELETE'])) {
+      items = items.filter((e) => {
+        return e.key !== 'delete';
+      });
+    }
+    return items.filter((e) => {
+      if (node.type === 'MODULE') {
+        return e.key !== 'edit';
+      }
+      if (node.type === 'DASHBOARD') {
+        return e.key !== 'addDashboard';
+      }
+      return true;
+    });
+  }
+
+  // 获取模块树
+  async function initTree(isInit = false) {
+    try {
+      const res = await dashboardModuleTree();
+      folderTree.value = cloneDeep(res);
+      emit('init', folderTree.value);
+      if (isInit) {
+        selectedKeys.value = ['all'];
+        const offspringIds = getSpringIds(folderTree.value);
+        emit('selectNode', folderTree.value[0], selectedKeys.value, offspringIds);
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  //  重命名
+  async function renameHandler(option: CrmTreeNodeData) {
+    try {
+      const params = {
+        id: option.id,
+        name: option.name,
+      };
+      if (option.type === 'MODULE') {
+        await dashboardModuleRename(params);
+      } else {
+        await dashboardRename({
+          ...params,
+          dashboardModuleId: option.parentId || '',
+        });
+      }
+      initTree();
+      return Promise.resolve(true);
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+      return Promise.resolve(false);
+    }
+  }
+
+  // 添加节点
+  async function handleCreateNode(option: CrmTreeNodeData) {
+    try {
+      await dashboardModuleAdd({
+        parentId: option.parentId || '',
+        name: option.name,
+      });
+      initTree();
+      return Promise.resolve(true);
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+      return Promise.resolve(false);
+    }
+  }
+
+  const folderTreeRef = ref();
+  const currentParentId = ref<string>('');
+
+  // 添加节点
+  async function addNode(parent: CrmTreeNodeData | null) {
+    currentParentId.value = parent ? parent.id : 'NONE';
+    try {
+      const id = getGenerateId();
+      const newNode: CrmTreeNodeData = {
+        id,
+        isNew: true,
+        parentId: currentParentId.value,
+        name: '',
+        children: undefined,
+        type: 'MODULE',
+      };
+      if (parent) {
+        parent.children = parent.children ?? [];
+        parent.children.push(newNode);
+        expandedKeys.value.push(parent.id);
+      } else {
+        folderTree.value.push(newNode);
+      }
+      nextTick(() => {
+        folderTreeRef.value?.toggleEdit(id);
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    }
+  }
+
+  // 添加子节点
+  function handleAdd(option: CrmTreeNodeData) {
+    addNode(option);
+  }
+
+  // 添加到根节点
+  function addFolder() {
+    addNode(null);
+  }
+
+  function renderExtraDom(infoProps: { option: CrmTreeNodeData; checked: boolean; selected: boolean }) {
+    if (hasAnyPermission(['DASHBOARD:ADD']) && infoProps.option.type === 'MODULE') {
+      const { option } = infoProps;
+      // 额外的节点
+      return h(
+        NTooltip,
+        {},
+        {
+          trigger: () =>
+            h(
+              NButton,
+              {
+                type: 'primary',
+                size: 'tiny',
+                ghost: true,
+                class: 'n-btn-outline-primary h-[20px] px-[3px]',
+                onClick: (e: MouseEvent) => {
+                  e.stopPropagation();
+                  handleAdd(option);
+                },
+              },
+              {
+                icon: () => h(NIcon, {}, { default: () => h(Add) }),
+              }
+            ),
+          default: () => h('span', {}, t('dashboard.newChild')),
+        }
+      );
+    }
+    return null;
+  }
+
+  /**
+   * 处理文件夹树节点拖拽事件
+   * @param tree 树数据
+   * @param dragNode 拖拽节点
+   * @param dropNode 释放节点
+   * @param dropPosition 释放位置
+   */
+  async function handleDrag(
+    tree: CrmTreeNodeData[],
+    dragNode: CrmTreeNodeData,
+    dropNode: CrmTreeNodeData,
+    dropPosition: 'before' | 'inside' | 'after'
+  ) {
+    if (dragNode.type === 'MODULE' && dropNode.type === 'DASHBOARD' && dropPosition === 'inside') {
+      // 模块不能拖拽到仪表板上
+      return;
+    }
+    try {
+      if (dragNode.type === 'MODULE') {
+        const positionMap: Record<'before' | 'inside' | 'after', 0 | -1 | 1> = {
+          before: -1,
+          inside: 0,
+          after: 1,
+        };
+        await dashboardModuleDrag({
+          dragNodeId: dragNode.id as string,
+          dropNodeId: dropNode.type === 'DASHBOARD' ? dropNode.parentId : dropNode.id,
+          dropPosition: positionMap[dropPosition],
+        });
+      } else {
+        const positionMap: Record<'before' | 'inside' | 'after', 'AFTER' | 'BEFORE' | 'APPEND'> = {
+          before: 'BEFORE',
+          inside: 'APPEND',
+          after: 'AFTER',
+        };
+        await dashboardDrag({
+          moveId: dragNode.id,
+          moveMode: positionMap[dropPosition],
+          targetId: dropNode.type === 'MODULE' ? dragNode.id : dropNode.id, // 释放节点是模块，则传入当前拖动的 仪表板 的id；释放节点是 仪表板 节点的话就传入释放节点的 id
+          dashboardModuleId: dropNode.type === 'DASHBOARD' ? dropNode.parentId : dropNode.id, // 释放节点是 仪表板，则传入它所属模块id；模块的话直接是模块id
+        });
+      }
+      Message.success(t('common.moveSuccess'));
+      initTree();
+      emit('move');
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+    }
+  }
+
+  /**
+   * 删除
+   */
+  async function handleDelete(option: CrmTreeNodeData) {
+    if (option.type === 'MODULE') {
+      try {
+        const offspringIds = getSpringIds(option.children || []);
+        await dashboardModuleDelete([option.id, ...offspringIds]);
+        if (selectedKeys.value.includes(option.id)) {
+          selectedKeys.value = ['all'];
+        }
+        Message.success(t('common.deleteSuccess'));
+        initTree(true);
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      }
+    } else {
+      openModal({
+        type: 'error',
+        title: t('common.deleteConfirmTitle', { name: characterLimit(option.name) }),
+        content: t('dashboard.deleteDashboardTip'),
+        positiveText: t('common.confirm'),
+        negativeText: t('common.cancel'),
+        positiveButtonProps: {
+          type: 'error',
+          size: 'medium',
+        },
+        onPositiveClick: async () => {
+          try {
+            await dashboardDelete(option.id);
+            if (selectedKeys.value.includes(option.id)) {
+              selectedKeys.value = ['all'];
+            }
+            Message.success(t('common.deleteSuccess'));
+            initTree(true);
+            emit('delete');
+          } catch (error) {
+            // eslint-disable-next-line no-console
+            console.log(error);
+          }
+        },
+      });
+    }
+  }
+
+  function handleFolderMoreSelect(item: ActionsItem, option: CrmTreeNodeData) {
+    switch (item.key) {
+      case 'delete':
+        handleDelete(option);
+        break;
+      case 'rename':
+        folderTreeRef.value?.toggleEdit(option.id);
+        break;
+      case 'edit':
+        emit('editDashboard', option.id);
+        break;
+      case 'addDashboard':
+        emit('addDashboard', option);
+        break;
+      default:
+        break;
+    }
+  }
+
+  function handleFolderClick(folderId: string | number) {
+    selectedKeys.value = [folderId];
+    emit('selectNode', { id: folderId }, selectedKeys.value, []);
+  }
+
+  function toggleDashboardCollect(nodeId: string, collect: boolean) {
+    traverseTree(folderTree.value, (node) => {
+      if (node.id === nodeId) {
+        node.myCollect = collect;
+        return true; // 停止遍历
+      }
+      return false; // 继续遍历
+    });
+    initModuleCount();
+  }
+
+  onBeforeMount(async () => {
+    await initTree(true);
+    initModuleCount();
+  });
+
+  defineExpose({
+    initTree,
+    initModuleCount,
+    toggleDashboardCollect,
+  });
+</script>
+
+<style lang="less" scoped>
+  .folder-button {
+    @apply flex w-full cursor-pointer items-center justify-between;
+
+    padding: 6px;
+    border-radius: 4px;
+    .folder-button-left {
+      @apply flex items-center;
+
+      gap: 4px;
+    }
+    .folder-button-right {
+      color: var(--text-n4);
+    }
+    &:hover {
+      background-color: var(--primary-7);
+    }
+    &--active {
+      background-color: var(--primary-7);
+      .folder-button-left {
+        color: var(--primary-8);
+      }
+    }
+  }
+  :deep(.n-tree-node-content__prefix) {
+    height: 35px;
+  }
+</style>
diff --git a/frontend/packages/web/src/views/dashboard/fullPage.vue b/frontend/packages/web/src/views/dashboard/fullPage.vue
new file mode 100644
index 0000000..824c394
--- /dev/null
+++ b/frontend/packages/web/src/views/dashboard/fullPage.vue
@@ -0,0 +1,55 @@
+<template>
+  <div class="h-full">
+    <dashboard
+      :title="route.query.title as string"
+      :dashboard-id="route.query.resourceId as string"
+      :is-favorite="isFavorite"
+      is-full-page
+      @toggle-favorite="favoriteToggle()"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { useRoute, useRouter } from 'vue-router';
+  import { useMessage } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import dashboard from './components/dashboard.vue';
+
+  import { dashboardCollect, dashboardUnCollect } from '@/api/modules';
+
+  import { FullPageEnum } from '@/enums/routeEnum';
+
+  const route = useRoute();
+  const router = useRouter();
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  const isFavorite = ref(route.query.isFavorite === 'Y');
+
+  async function favoriteToggle() {
+    try {
+      if (isFavorite.value) {
+        await dashboardUnCollect(route.query.id as string);
+      } else {
+        await dashboardCollect(route.query.id as string);
+      }
+      isFavorite.value = !isFavorite.value;
+      Message.success(isFavorite.value ? t('dashboard.favoriteSuccess') : t('dashboard.unFavoriteSuccess'));
+      router.replace({
+        name: FullPageEnum.FULL_PAGE_DASHBOARD,
+        query: {
+          ...route.query,
+          isFavorite: isFavorite.value ? 'Y' : 'N',
+        },
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/dashboard/index.vue b/frontend/packages/web/src/views/dashboard/index.vue
new file mode 100644
index 0000000..b9bd33d
--- /dev/null
+++ b/frontend/packages/web/src/views/dashboard/index.vue
@@ -0,0 +1,118 @@
+<template>
+  <div class="flex h-full flex-col gap-[8px]">
+    <div class="flex w-full items-center gap-[12px] bg-[var(--text-n10)] p-[8px]">
+      <CrmTag
+        v-for="item of dashboardList"
+        :key="item.key"
+        :type="activeDashboard === item.key ? 'primary' : 'default'"
+        theme="outline"
+        class="cursor-pointer !px-[12px]"
+        size="large"
+        tooltip-disabled
+        @click="clickTag(item.key)"
+      >
+        <div class="flex items-center gap-[8px]">
+          <CrmSvgIcon v-if="item.key === 'DE'" :name="item.icon" width="14px" height="14px" />
+          <CrmIcon v-else :type="item.icon" />
+          {{ item.label }}
+        </div>
+      </CrmTag>
+    </div>
+    <div class="flex-1">
+      <dashboardLink v-if="activeDashboard === 'LINK'" />
+      <dashboardModule v-else />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { CompanyTypeEnum } from '@lib/shared/enums/commonEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { ThirdPartyResourceConfig } from '@lib/shared/models/system/business';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmSvgIcon from '@/components/pure/crm-svg/index.vue';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import dashboardLink from './link.vue';
+  import dashboardModule from './module.vue';
+
+  import { getThirdPartyConfig } from '@/api/modules';
+  import { defaultThirdPartyConfigMap } from '@/config/business';
+  import useLocalForage from '@/hooks/useLocalForage';
+
+  const { t } = useI18n();
+  const { setItem, getItem } = useLocalForage();
+  const fullList = [
+    {
+      key: 'LINK',
+      label: t('system.business.DE.link'),
+      icon: 'iconicon_link2',
+    },
+    {
+      key: 'DE',
+      label: 'DataEase',
+      icon: 'dataease',
+    },
+  ];
+
+  const DEConfig = ref<ThirdPartyResourceConfig>({
+    type: CompanyTypeEnum.DATA_EASE,
+    verify: false,
+    config: defaultThirdPartyConfigMap[CompanyTypeEnum.DATA_EASE],
+  });
+
+  async function init() {
+    try {
+      DEConfig.value = await getThirdPartyConfig(CompanyTypeEnum.DATA_EASE);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  const dashboardList = computed(() => {
+    return fullList.filter(
+      (item) => (item.key === 'DE' && DEConfig.value?.config.deBoardEnable) || item.key === 'LINK'
+    );
+  });
+  const activeDashboard = ref(dashboardList.value[0].key);
+  const activeDashboardKey = 'dashboard-active-tab';
+  async function clickTag(key: string) {
+    activeDashboard.value = key;
+    await setItem(activeDashboardKey, key);
+  }
+
+  async function loadActiveDashboard() {
+    const currentActiveKey = await getItem(activeDashboardKey);
+    if (typeof currentActiveKey === 'string' && dashboardList.value.some((item) => item.key === currentActiveKey)) {
+      activeDashboard.value = currentActiveKey;
+    } else {
+      activeDashboard.value = dashboardList.value[0]?.key ?? '';
+      await setItem(activeDashboardKey, activeDashboard.value);
+    }
+  }
+
+  onBeforeMount(async () => {
+    await init();
+    loadActiveDashboard();
+  });
+</script>
+
+<style lang="less" scoped>
+  .dashboard-card {
+    padding: 24px;
+    border: 1px solid var(--text-n8);
+    border-radius: 6px;
+    .dashboard-card-header {
+      @apply flex items-start justify-between;
+
+      margin-bottom: 8px;
+      padding-bottom: 16px;
+    }
+    .dashboard-card-bottom {
+      @apply flex items-center;
+
+      gap: 12px;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/dashboard/link.vue b/frontend/packages/web/src/views/dashboard/link.vue
new file mode 100644
index 0000000..7971906
--- /dev/null
+++ b/frontend/packages/web/src/views/dashboard/link.vue
@@ -0,0 +1,142 @@
+<template>
+  <CrmCard hide-footer no-content-padding>
+    <CrmSplitPanel :default-size="0.3" :min="0.2" :max="0.5">
+      <template #1>
+        <tree
+          ref="folderTreeRef"
+          v-model:value="selectedKeys"
+          @init="handleFolderTreeInit"
+          @add-dashboard="handleAddDashboard"
+          @select-node="handleNodeSelect"
+          @edit-dashboard="handleEditDashboard"
+          @collect="refreshTable"
+          @delete="refreshTable"
+          @move="refreshTable"
+        />
+      </template>
+      <template #2>
+        <dashboardTable
+          v-if="activeNode?.type !== 'DASHBOARD'"
+          ref="dashboardTableRef"
+          :active-folder-id="selectedKeys[0]"
+          :is-favorite="activeNode?.id === 'favorite'"
+          :offspring-ids="offspringIds"
+          @create="handleAddDashboard"
+          @edit="handleEditDashboard"
+          @collect="handleCollectDashboard"
+          @delete="refreshTree"
+        />
+        <dashboard
+          v-else-if="activeNode"
+          :title="activeNode.name"
+          :is-favorite="!!activeNode.myCollect"
+          :resource-url="activeNode.resourceUrl"
+          @toggle-favorite="favoriteToggle(activeNode)"
+        />
+      </template>
+    </CrmSplitPanel>
+  </CrmCard>
+  <addDashboardModal
+    v-model:show="show"
+    :folder-tree="folderTree"
+    :dashboard-id="activeDashboardId"
+    :dashboard-module-id="selectedKeys[0]"
+    @finish="handleFinish"
+  />
+</template>
+
+<script setup lang="ts">
+  import { TreeSelectOption, useMessage } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { mapTree } from '@lib/shared/method';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmSplitPanel from '@/components/pure/crm-split-panel/index.vue';
+  import { CrmTreeNodeData } from '@/components/pure/crm-tree/type';
+  import addDashboardModal from './components/addDashboardModal.vue';
+  import dashboard from './components/dashboard.vue';
+  import dashboardTable from './components/table.vue';
+  import tree from './components/tree.vue';
+
+  import { dashboardCollect, dashboardUnCollect } from '@/api/modules';
+
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  const show = ref(false);
+  const folderTree = ref<TreeSelectOption[]>([]);
+  const folderTreeRef = ref<InstanceType<typeof tree>>();
+  const selectedKeys = ref<Array<string>>([]);
+  const activeNode = ref<CrmTreeNodeData>();
+  const offspringIds = ref<Array<string>>([]);
+  const activeDashboardId = ref<string | undefined>('');
+
+  function handleNodeSelect(
+    node: CrmTreeNodeData,
+    _selectedKeys: Array<string | number>,
+    _offspringIds: Array<string | number>
+  ) {
+    activeNode.value = node;
+    offspringIds.value = _offspringIds as Array<string>;
+  }
+
+  function handleFolderTreeInit(_tree: CrmTreeNodeData[]) {
+    folderTree.value = mapTree(_tree, (item) => {
+      if (item.type === 'MODULE') {
+        if (item.children?.length === 0) {
+          item.children = undefined;
+        }
+        return item;
+      }
+      return null;
+    });
+  }
+
+  function handleAddDashboard() {
+    activeDashboardId.value = '';
+    show.value = true;
+  }
+
+  function handleEditDashboard(id: string) {
+    show.value = true;
+    activeDashboardId.value = id;
+  }
+
+  async function favoriteToggle(option: CrmTreeNodeData) {
+    try {
+      if (option.myCollect) {
+        await dashboardUnCollect(option.id);
+      } else {
+        await dashboardCollect(option.id);
+      }
+      option.myCollect = !option.myCollect;
+      folderTreeRef.value?.toggleDashboardCollect(option.id, option.myCollect);
+      Message.success(option.myCollect ? t('dashboard.favoriteSuccess') : t('dashboard.unFavoriteSuccess'));
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  function handleCollectDashboard(id: string, collect: boolean) {
+    folderTreeRef.value?.toggleDashboardCollect(id, collect);
+  }
+
+  const dashboardTableRef = ref<InstanceType<typeof dashboardTable>>();
+  function refreshTable() {
+    dashboardTableRef.value?.loadList();
+  }
+
+  function handleFinish() {
+    folderTreeRef.value?.initTree();
+    refreshTable();
+  }
+
+  function refreshTree() {
+    folderTreeRef.value?.initTree();
+    folderTreeRef.value?.initModuleCount();
+  }
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/dashboard/locale/en-US.ts b/frontend/packages/web/src/views/dashboard/locale/en-US.ts
new file mode 100644
index 0000000..0173df2
--- /dev/null
+++ b/frontend/packages/web/src/views/dashboard/locale/en-US.ts
@@ -0,0 +1,20 @@
+export default {
+  'dashboard.myFavorite': 'My Favorites',
+  'dashboard.all': 'All Dashboards',
+  'dashboard.newChild': 'New Folder',
+  'dashboard.expandChild': 'Expand Folder',
+  'dashboard.collapseChild': 'Collapse Folder',
+  'dashboard.addDashboard': 'Add Dashboard',
+  'dashboard.updateDashboard': 'Update Dashboard',
+  'dashboard.deleteDashboardTip':
+    'After deletion, members will not be able to view it, but DataEase dashboards will not be affected',
+  'dashboard.dashboardName': 'Dashboard Name',
+  'dashboard.dashboardUrl': 'Dashboard URL',
+  'dashboard.members': 'Members',
+  'dashboard.folder': 'Folder',
+  'dashboard.favoriteSuccess': 'Favorite Success',
+  'dashboard.unFavoriteSuccess': 'Unfavorite Success',
+  'dashboard.loadFailed': 'Load Failed',
+  'dashboard.unConfig': 'Not Configured Third-Party Information',
+  'dashboard.goConfig': 'Go to Configuration',
+};
diff --git a/frontend/packages/web/src/views/dashboard/locale/zh-CN.ts b/frontend/packages/web/src/views/dashboard/locale/zh-CN.ts
new file mode 100644
index 0000000..3be17ba
--- /dev/null
+++ b/frontend/packages/web/src/views/dashboard/locale/zh-CN.ts
@@ -0,0 +1,19 @@
+export default {
+  'dashboard.myFavorite': '我的收藏',
+  'dashboard.all': '全部仪表板',
+  'dashboard.newChild': '添加文件夹',
+  'dashboard.expandChild': '展开文件夹',
+  'dashboard.collapseChild': '收起文件夹',
+  'dashboard.addDashboard': '添加仪表板',
+  'dashboard.updateDashboard': '更新仪表板',
+  'dashboard.deleteDashboardTip': '删除后，成员无法查看，DataEase 看板不受影响',
+  'dashboard.dashboardName': '仪表板名称',
+  'dashboard.dashboardUrl': '仪表板 URL',
+  'dashboard.members': '可查看成员',
+  'dashboard.folder': '文件夹',
+  'dashboard.favoriteSuccess': '收藏成功',
+  'dashboard.unFavoriteSuccess': '取消收藏成功',
+  'dashboard.loadFailed': '加载失败',
+  'dashboard.unConfig': '未配置三方信息',
+  'dashboard.goConfig': '去配置',
+};
diff --git a/frontend/packages/web/src/views/dashboard/module.vue b/frontend/packages/web/src/views/dashboard/module.vue
new file mode 100644
index 0000000..ebee7fd
--- /dev/null
+++ b/frontend/packages/web/src/views/dashboard/module.vue
@@ -0,0 +1,66 @@
+<template>
+  <CrmCard no-content-padding hide-footer>
+    <n-spin class="block h-full flex-1" :show="loading" content-class="h-full">
+      <iframe id="iframe-dashboard-view" style="width: 100%; height: 100%; border: 0" :src="iframeSrc"></iframe>
+      <n-empty v-if="isError" size="large" :description="t('dashboard.loadFailed')"> </n-empty>
+    </n-spin>
+  </CrmCard>
+</template>
+
+<script setup lang="ts">
+  import { NEmpty, NSpin } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+
+  import { getDEToken } from '@/api/modules';
+
+  const { t } = useI18n();
+  const loading = ref(false);
+  const isError = ref(false);
+  const iframeSrc = ref('');
+  const params = {
+    // 固定写法 DashboardPanel 仪表板模块。
+    'type': 'DashboardPanel',
+    //  JWT token 认证
+    'embeddedToken': '',
+    // 固定写法
+    'de-embedded': true,
+  };
+
+  const onMessage = (event: any) => {
+    const iframe = document.getElementById('iframe-dashboard-view');
+    if (event.data?.msgOrigin === 'de-fit2cloud') {
+      const { contentWindow } = iframe as HTMLIFrameElement;
+      contentWindow?.postMessage(params, '*');
+      loading.value = false;
+    }
+  };
+
+  async function init() {
+    try {
+      loading.value = true;
+      isError.value = false;
+      const res = await getDEToken(true);
+      params.embeddedToken = res.token;
+      iframeSrc.value = `${res.url}/#/chart-view`;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error('Error initializing dashboard:', error);
+      loading.value = false;
+      isError.value = true;
+    }
+  }
+
+  onBeforeMount(() => {
+    window.addEventListener('message', onMessage, false);
+    init();
+  });
+
+  onUnmounted(() => {
+    window.removeEventListener('message', onMessage, false);
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/opportunity/components/billboard/card.vue b/frontend/packages/web/src/views/opportunity/components/billboard/card.vue
new file mode 100644
index 0000000..9c366e2
--- /dev/null
+++ b/frontend/packages/web/src/views/opportunity/components/billboard/card.vue
@@ -0,0 +1,131 @@
+<template>
+  <div class="flex items-center justify-between">
+    <CrmTableButton v-if="props.item.name" @click="emit('openDetail', 'opportunity', props.item)">
+      <template #trigger>{{ props.item.name }}</template>
+      {{ props.item.name }}
+    </CrmTableButton>
+    <div v-else>-</div>
+  </div>
+  <div class="crm-stage-board-item-desc">
+    <n-tooltip trigger="hover" :delay="300">
+      <template #trigger>
+        <div class="crm-stage-board-item-desc-label">
+          {{ fieldLabelMap.amount }}
+        </div>
+      </template>
+      {{ fieldLabelMap.amount }}
+    </n-tooltip>
+    <div class="crm-stage-board-item-desc-value">
+      {{
+        formatNumberValue(
+          props.item.amount,
+          (props.fieldList.find((field) => field.businessKey === 'amount') as FormCreateField) || {}
+        )
+      }}
+    </div>
+  </div>
+  <div class="crm-stage-board-item-desc">
+    <n-tooltip trigger="hover" :delay="300">
+      <template #trigger>
+        <div class="crm-stage-board-item-desc-label">
+          {{ fieldLabelMap.products }}
+        </div>
+      </template>
+      {{ fieldLabelMap.products }}
+    </n-tooltip>
+    <div class="crm-stage-board-item-desc-value">
+      <CrmTagGroup v-if="props.item.products.length > 0" :tags="productNames" />
+      <div v-else>-</div>
+    </div>
+  </div>
+  <div class="crm-stage-board-item-desc">
+    <n-tooltip trigger="hover" :delay="300">
+      <template #trigger>
+        <div class="crm-stage-board-item-desc-label">
+          {{ fieldLabelMap.customerId }}
+        </div>
+      </template>
+      {{ fieldLabelMap.customerId }}
+    </n-tooltip>
+    <div class="crm-stage-board-item-desc-value">
+      <CrmTableButton
+        v-if="props.item.customerName && hasAnyPermission(['CUSTOMER_MANAGEMENT:READ'])"
+        size="small"
+        class="text-[14px]"
+        @click="emit('openDetail', 'customer', props.item)"
+      >
+        <template #trigger>{{ props.item.customerName }}</template>
+        {{ props.item.customerName }}
+      </CrmTableButton>
+      <CrmNameTooltip v-else :text="props.item.customerName ?? '-'" />
+    </div>
+  </div>
+  <div class="crm-stage-board-item-desc">
+    <n-tooltip trigger="hover" :delay="300">
+      <template #trigger>
+        <div class="crm-stage-board-item-desc-label">
+          {{ fieldLabelMap.owner }}
+        </div>
+      </template>
+      {{ fieldLabelMap.owner }}
+    </n-tooltip>
+    <div class="crm-stage-board-item-desc-value">{{ props.item.ownerName }}</div>
+  </div>
+  <div class="crm-stage-board-item-desc">
+    <n-tooltip trigger="hover" :delay="300">
+      <template #trigger>
+        <div class="crm-stage-board-item-desc-label">
+          {{ fieldLabelMap.expectedEndTime }}
+        </div>
+      </template>
+      {{ fieldLabelMap.expectedEndTime }}
+    </n-tooltip>
+    <div
+      class="crm-stage-board-item-desc-value"
+      :class="{ '!text-[var(--error-red)]': dayjs(props.item.expectedEndTime).isSame(dayjs(), 'M') }"
+    >
+      {{ props.item.expectedEndTime ? dayjs(props.item.expectedEndTime).format('YYYY-MM-DD') : '-' }}
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { NTooltip } from 'naive-ui';
+  import dayjs from 'dayjs';
+
+  import { formatNumberValue } from '@lib/shared/method/formCreate';
+
+  import CrmNameTooltip from '@/components/pure/crm-name-tooltip/index.vue';
+  import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+  import CrmTagGroup from '@/components/pure/crm-tag-group/index.vue';
+  import { FormCreateField } from '@/components/business/crm-form-create/types';
+
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const props = defineProps<{
+    item: any;
+    fieldList: FormCreateField[];
+    optionMap?: Record<string, any>;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'openDetail', type: 'customer' | 'opportunity', item: any): void;
+  }>();
+
+  const fieldLabelMap = computed(() => {
+    const map: Record<string, string> = {};
+    props.fieldList.forEach((field) => {
+      if (field.businessKey) {
+        map[field.businessKey] = field.name;
+      }
+    });
+    return map;
+  });
+
+  const productNames = computed(() => {
+    const products = props.optionMap?.products || [];
+    return products
+      .filter((product: any) => props.item.products.includes(product.id))
+      .map((product: any) => product.name);
+  });
+</script>
diff --git a/frontend/packages/web/src/views/opportunity/components/billboard/index.vue b/frontend/packages/web/src/views/opportunity/components/billboard/index.vue
new file mode 100644
index 0000000..7b03141
--- /dev/null
+++ b/frontend/packages/web/src/views/opportunity/components/billboard/index.vue
@@ -0,0 +1,272 @@
+<template>
+  <CrmStageBoard
+    ref="boardRef"
+    :stages="stageConfig?.stageConfigList || []"
+    :keyword="keyword"
+    :view-id="props.viewId"
+    :field-list="fieldList"
+    :advance-filter="advanceFilter"
+    :load-stage-list="loadStageList"
+    :load-stage-statistic="loadStageStatistic"
+    :move-stage-item="moveStageItem"
+    :can-move-item="canMoveItem"
+    :before-move-to-stage="beforeMoveToStage"
+    @change="refreshList"
+    @openDetail="(type, item) => emit('openDetail', type, item)"
+    @init="handleListInit"
+  >
+    <template #card="{ item, fieldList: currentFieldList, optionMap, openDetail }">
+      <OpportunityBillboardCard
+        :item="item"
+        :field-list="currentFieldList as FormCreateField[]"
+        :option-map="optionMap"
+        @open-detail="openDetail"
+      />
+    </template>
+  </CrmStageBoard>
+  <CrmModal
+    v-model:show="updateStatusModal"
+    :title="t('common.complete')"
+    :ok-loading="updateStageLoading"
+    size="small"
+    @confirm="handleConfirm"
+    @cancel="handleCancel"
+  >
+    <n-form ref="formRef" :model="form" label-placement="left" require-mark-placement="left">
+      <n-form-item
+        require-mark-placement="left"
+        label-placement="left"
+        path="failureReason"
+        :label="t('opportunity.failureReason')"
+        :rule="[{ required: true, message: t('common.notNull', { value: t('opportunity.failureReason') }) }]"
+      >
+        <n-select v-model:value="form.failureReason" :options="reasonList" :placeholder="t('common.pleaseSelect')" />
+      </n-form-item>
+    </n-form>
+  </CrmModal>
+</template>
+
+<script setup lang="ts">
+  import { NForm, NFormItem, NSelect } from 'naive-ui';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { ReasonTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { TableQueryParams } from '@lib/shared/models/common';
+  import { OpportunityItem, OpportunityStageConfig } from '@lib/shared/models/opportunity';
+
+  import { FilterResult } from '@/components/pure/crm-advance-filter/type';
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+  import { FormCreateField } from '@/components/business/crm-form-create/types';
+  import type { Option } from '@/components/business/crm-select-user-drawer/type';
+  import CrmStageBoard from '@/components/business/crm-stage-board/index.vue';
+  import type {
+    OpenDetailType,
+    StageBoardBlockedMovePayload,
+    StageBoardLoadParams,
+    StageBoardMoveCheckPayload,
+    StageBoardMovePayload,
+    StageBoardStatistic,
+  } from '@/components/business/crm-stage-board/types';
+  import OpportunityBillboardCard from './card.vue';
+
+  import {
+    getOpportunityList,
+    getOpportunityStageConfig,
+    getOptStatistic,
+    getReasonConfig,
+    sortOpportunity,
+    updateOptStage,
+  } from '@/api/modules';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const props = defineProps<{
+    advanceFilter?: FilterResult;
+    viewId?: string;
+    keyword?: string;
+  }>();
+  const emit = defineEmits<{
+    (e: 'change'): void;
+    (e: 'init', total: number): void;
+    (e: 'openDetail', type: OpenDetailType, item: any): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const { initFormConfig: initOptFormConfig, fieldList } = useFormCreateApi({
+    formKey: computed(() => FormDesignKeyEnum.BUSINESS),
+  });
+
+  const stageConfig = ref<OpportunityStageConfig>();
+  async function initStageConfig() {
+    try {
+      stageConfig.value = await getOpportunityStageConfig();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  const boardRef = ref<InstanceType<typeof CrmStageBoard>>();
+  function refresh() {
+    boardRef.value?.refresh();
+  }
+  function refreshList() {
+    emit('change');
+  }
+
+  function handleListInit(total: number) {
+    emit('init', total);
+  }
+
+  const form = ref({
+    failureReason: null,
+  });
+  const updateStatusModal = ref<boolean>(false);
+  const updateStageLoading = ref(false);
+  const updateOptItem = ref<any>({});
+  const enableReason = ref(false);
+  const reasonList = ref<Option[]>([]);
+  async function initReason() {
+    try {
+      const { dictList, enable } = await getReasonConfig(ReasonTypeEnum.OPPORTUNITY_FAIL_RS);
+      enableReason.value = enable;
+      reasonList.value = dictList.map((e) => ({ label: e.name, value: e.id }));
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+    }
+  }
+
+  function handleFailItem(item: any) {
+    updateOptItem.value = item;
+    updateStatusModal.value = true;
+    form.value.failureReason = null;
+  }
+
+  async function handleConfirm() {
+    try {
+      updateStageLoading.value = true;
+      await boardRef.value?.sortStageItem((stageConfig.value?.stageConfigList.length || 1) - 1, updateOptItem.value);
+      await updateOptStage({
+        id: updateOptItem.value.data.id,
+        stage: stageConfig.value?.stageConfigList.slice(-1)[0].id || '',
+        failureReason: form.value.failureReason || '',
+      });
+      updateStatusModal.value = false;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      updateStageLoading.value = false;
+    }
+  }
+
+  function handleCancel() {
+    updateOptItem.value = {};
+    updateStatusModal.value = false;
+    form.value.failureReason = null;
+  }
+
+  async function loadStageList(params: TableQueryParams) {
+    return getOpportunityList({
+      current: params.current,
+      pageSize: params.pageSize,
+      keyword: params.keyword,
+      combineSearch: params.advanceFilter,
+      filters: [
+        {
+          name: 'stage',
+          value: params.stageId,
+          multipleValue: false,
+          operator: 'EQUALS',
+        },
+      ],
+      board: true,
+      viewId: params.viewId,
+    });
+  }
+
+  async function loadStageStatistic(params: Omit<StageBoardLoadParams, 'current' | 'pageSize'>) {
+    return getOptStatistic({
+      keyword: params.keyword,
+      combineSearch: params.advanceFilter,
+      filters: [
+        {
+          name: 'stage',
+          value: params.stageId,
+          multipleValue: false,
+          operator: 'EQUALS',
+        },
+      ],
+      viewId: params.viewId,
+    }) as Promise<StageBoardStatistic>;
+  }
+
+  async function moveStageItem(payload: StageBoardMovePayload<OpportunityItem>) {
+    await sortOpportunity({
+      dropNodeId: payload.nextItem?.id || payload.previousItem?.id || '',
+      dragNodeId: payload.item.id,
+      dropPosition: payload.nextItem ? -1 : 1,
+      stage: payload.toStageId,
+    });
+  }
+
+  function beforeMoveToStage(payload: StageBoardBlockedMovePayload<OpportunityItem>) {
+    const isFailStage =
+      stageConfig.value?.stageConfigList.find((item) => item.id === payload.toStageId)?.type === 'END' &&
+      stageConfig.value?.stageConfigList.find((item) => item.id === payload.toStageId)?.rate === '0';
+
+    if (payload.item.stage !== payload.toStageId && isFailStage && enableReason.value) {
+      handleFailItem(payload.rawItem);
+      return false;
+    }
+
+    return true;
+  }
+
+  function canMoveItem(payload: StageBoardMoveCheckPayload) {
+    const targetIndex = stageConfig.value?.stageConfigList.findIndex((item) => item.id === payload.toStageId) ?? -1;
+    const fromIndex = stageConfig.value?.stageConfigList.findIndex((item) => item.id === payload.fromStageId) ?? -1;
+    const currentStage = stageConfig.value?.stageConfigList.find((item) => item.id === payload.toStageId);
+    const isSuccess = currentStage?.type === 'END' && currentStage?.rate === '100';
+    const isFail = currentStage?.type === 'END' && currentStage?.rate === '0';
+
+    if (
+      payload.rawEvent.to.className.includes(payload.toStageId) &&
+      payload.rawEvent.from.className.includes(payload.toStageId)
+    ) {
+      return true;
+    }
+
+    if (isSuccess) {
+      return (
+        (!!currentStage?.endRollBack &&
+          !payload.rawEvent.to.className.includes(stageConfig.value?.stageConfigList.slice(-1)[0].id)) ||
+        (hasAnyPermission(['OPPORTUNITY_MANAGEMENT:RESIGN']) &&
+          payload.rawEvent.to.className.includes(stageConfig.value?.stageConfigList.slice(-1)[0].id))
+      );
+    }
+
+    if (isFail) {
+      return !!currentStage?.endRollBack;
+    }
+
+    if (targetIndex < fromIndex) {
+      return !!currentStage?.afootRollBack;
+    }
+
+    return true;
+  }
+
+  onBeforeMount(async () => {
+    await initStageConfig();
+    initOptFormConfig();
+    initReason();
+  });
+
+  defineExpose({
+    refresh,
+  });
+</script>
diff --git a/frontend/packages/web/src/views/opportunity/components/billboard/list.vue b/frontend/packages/web/src/views/opportunity/components/billboard/list.vue
new file mode 100644
index 0000000..63c952f
--- /dev/null
+++ b/frontend/packages/web/src/views/opportunity/components/billboard/list.vue
@@ -0,0 +1,458 @@
+<template>
+  <div
+    class="flex h-full flex-col gap-[8px] overflow-hidden rounded-[var(--border-radius-small)] bg-[var(--text-n9)] p-[16px]"
+  >
+    <div class="flex items-center justify-between">
+      <CrmTag :type="getStageColor" theme="dark">{{ props.stageConfig.name }}</CrmTag>
+      <div class="font-semibold">
+        {{
+          `${abbreviateNumber(statisticInfo?.amount, '').value} ${abbreviateNumber(statisticInfo?.amount, '').unit} / ${
+            pageNation.total
+          }`
+        }}
+      </div>
+    </div>
+    <n-progress
+      type="line"
+      color="var(--primary-8)"
+      rail-color="var(--text-n8)"
+      :percentage="Number(props.stageConfig.rate)"
+    />
+    <n-spin :show="loading" content-class="h-full">
+      <VueDraggable
+        v-model="list"
+        :animation="150"
+        ghost-class="opportunity-billboard-item-ghost"
+        :group="{ name: 'opportunity', pull: 'clone', put: true }"
+        target=".n-scrollbar-content"
+        class="h-full"
+        @add="handleAddItem"
+        @move="handleMove"
+        @update="handleUpdate"
+        @remove="handleRemove"
+      >
+        <n-scrollbar :content-class="`${props.stageConfig.id} h-full`" @scroll="handleReachBottom">
+          <div v-for="item in list" :key="item.id" class="opportunity-billboard-item">
+            <div class="flex items-center justify-between">
+              <CrmTableButton v-if="item.name" @click="jumpToDetail('opportunity', item)">
+                <template #trigger>{{ item.name }}</template>
+                {{ item.name }}
+              </CrmTableButton>
+              <div v-else>-</div>
+            </div>
+            <div class="opportunity-billboard-item-desc">
+              <n-tooltip trigger="hover" :delay="300">
+                <template #trigger>
+                  <div class="opportunity-billboard-item-desc-label">
+                    {{ fieldLabelMap.amount }}
+                  </div>
+                </template>
+                {{ fieldLabelMap.amount }}
+              </n-tooltip>
+              <div class="opportunity-billboard-item-desc-value">
+                {{
+                  formatNumberValue(
+                    item.amount,
+                    (fieldList.find((field) => field.businessKey === 'amount') as FormCreateField) || {}
+                  )
+                }}
+              </div>
+            </div>
+            <div class="opportunity-billboard-item-desc">
+              <n-tooltip trigger="hover" :delay="300">
+                <template #trigger>
+                  <div class="opportunity-billboard-item-desc-label">
+                    {{ fieldLabelMap.products }}
+                  </div>
+                </template>
+                {{ fieldLabelMap.products }}
+              </n-tooltip>
+              <div class="opportunity-billboard-item-desc-value">
+                <CrmTagGroup v-if="item.products.length > 0" :tags="getProductNames(item.products)" />
+                <div v-else>-</div>
+              </div>
+            </div>
+            <div class="opportunity-billboard-item-desc">
+              <n-tooltip trigger="hover" :delay="300">
+                <template #trigger>
+                  <div class="opportunity-billboard-item-desc-label">
+                    {{ fieldLabelMap.customerId }}
+                  </div>
+                </template>
+                {{ fieldLabelMap.customerId }}
+              </n-tooltip>
+              <div class="opportunity-billboard-item-desc-value">
+                <CrmTableButton
+                  v-if="item.customerName"
+                  size="small"
+                  class="text-[14px]"
+                  @click="jumpToDetail('customer', item)"
+                >
+                  <template #trigger>{{ item.customerName }}</template>
+                  {{ item.customerName }}
+                </CrmTableButton>
+                <div v-else>-</div>
+              </div>
+            </div>
+            <div class="opportunity-billboard-item-desc">
+              <n-tooltip trigger="hover" :delay="300">
+                <template #trigger>
+                  <div class="opportunity-billboard-item-desc-label">
+                    {{ fieldLabelMap.owner }}
+                  </div>
+                </template>
+                {{ fieldLabelMap.owner }}
+              </n-tooltip>
+              <div class="opportunity-billboard-item-desc-value">{{ item.ownerName }}</div>
+            </div>
+            <div class="opportunity-billboard-item-desc">
+              <n-tooltip trigger="hover" :delay="300">
+                <template #trigger>
+                  <div class="opportunity-billboard-item-desc-label">
+                    {{ fieldLabelMap.expectedEndTime }}
+                  </div>
+                </template>
+                {{ fieldLabelMap.expectedEndTime }}
+              </n-tooltip>
+              <div
+                class="opportunity-billboard-item-desc-value"
+                :class="{ '!text-[var(--error-red)]': dayjs(item.expectedEndTime).isSame(dayjs(), 'M') }"
+              >
+                {{ item.expectedEndTime ? dayjs(item.expectedEndTime).format('YYYY-MM-DD') : '-' }}
+              </div>
+            </div>
+          </div>
+          <div v-if="list.length === 0 && !loading" class="flex h-[300px] flex-1 items-center justify-center">
+            <n-empty :description="t('common.noData')"> </n-empty>
+          </div>
+        </n-scrollbar>
+      </VueDraggable>
+    </n-spin>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { NEmpty, NProgress, NScrollbar, NSpin, NTooltip } from 'naive-ui';
+  import dayjs from 'dayjs';
+  import { VueDraggable } from 'vue-draggable-plus';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { abbreviateNumber } from '@lib/shared/method';
+  import { formatNumberValue } from '@lib/shared/method/formCreate';
+  import { OpportunityItem, StageConfigItem } from '@lib/shared/models/opportunity';
+
+  import { FilterResult } from '@/components/pure/crm-advance-filter/type';
+  import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import CrmTagGroup from '@/components/pure/crm-tag-group/index.vue';
+  import { FormCreateField } from '@/components/business/crm-form-create/types';
+
+  import { getOpportunityList, getOptStatistic, sortOpportunity } from '@/api/modules';
+  import useOpenNewPage from '@/hooks/useOpenNewPage';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const props = defineProps<{
+    keyword?: string;
+    refreshTimeStamp?: number;
+    advanceFilter?: FilterResult;
+    stageConfig: StageConfigItem;
+    index: number;
+    fieldList: FormCreateField[];
+    enableReason?: boolean;
+    failId?: string;
+    stageIds: string[];
+    viewId?: string;
+  }>();
+  const emit = defineEmits<{
+    (e: 'init', total: number): void;
+    (e: 'fail', item: OpportunityItem): void;
+    (e: 'change', stage: string): void;
+    (e: 'openDetail', type: 'customer' | 'opportunity', item: any): void;
+  }>();
+
+  const { t } = useI18n();
+  const { openNewPage } = useOpenNewPage();
+
+  const fieldLabelMap = computed(() => {
+    const map: Record<string, string> = {};
+    props.fieldList.forEach((field) => {
+      if (field.businessKey) {
+        map[field.businessKey] = field.name;
+      }
+    });
+    return map;
+  });
+  const isSuccess = computed(() => props.stageConfig?.type === 'END' && props.stageConfig?.rate === '100');
+  const isFail = computed(() => props.stageConfig?.type === 'END' && props.stageConfig?.rate === '0');
+  const getStageColor = computed(() => {
+    if (isSuccess.value) {
+      return 'success';
+    }
+    if (isFail.value) {
+      return 'error';
+    }
+    if (props.index === 0) {
+      return 'info';
+    }
+    return 'primary';
+  });
+
+  const list = ref<any[]>([]);
+  const pageNation = ref({
+    total: 0,
+    pageSize: 10,
+    current: 1,
+  });
+  const optionMap = ref<Record<string, any>>({});
+  const loading = ref(false);
+  const finished = ref(false);
+  async function loadOpportunityList(refresh = true) {
+    try {
+      loading.value = true;
+      if (refresh) {
+        finished.value = false;
+        pageNation.value.current = 1;
+      }
+      const res = await getOpportunityList({
+        current: pageNation.value.current || 1,
+        pageSize: pageNation.value.pageSize,
+        keyword: props.keyword,
+        combineSearch: props.advanceFilter,
+        filters: [
+          {
+            name: 'stage',
+            value: props.stageConfig.id,
+            multipleValue: false,
+            operator: 'EQUALS',
+          },
+        ],
+        board: true,
+        viewId: props.viewId,
+      });
+      if (res) {
+        if (refresh) {
+          list.value = [];
+        }
+        list.value = list.value.concat(res.list);
+        pageNation.value.total = res.total;
+        optionMap.value = res.optionMap || {};
+        emit('init', res.total);
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+      finished.value = true;
+    }
+  }
+
+  const statisticInfo = ref({ amount: 0, averageAmount: 0 });
+  async function getStatistic() {
+    try {
+      const res = await getOptStatistic({
+        keyword: props.keyword,
+        combineSearch: props.advanceFilter,
+        filters: [
+          {
+            name: 'stage',
+            value: props.stageConfig.id,
+            multipleValue: false,
+            operator: 'EQUALS',
+          },
+        ],
+        viewId: props.viewId,
+      });
+      statisticInfo.value = res;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    }
+  }
+
+  function getProductNames(ids: string[]) {
+    const products = optionMap.value.products || [];
+    return products.filter((product: any) => ids.includes(product.id)).map((product: any) => product.name);
+  }
+
+  function handleReachBottom(e: Event) {
+    const el = e.target as HTMLElement;
+    if (el.scrollHeight - el.scrollTop <= el.clientHeight) {
+      pageNation.value.current += 1;
+      if (pageNation.value.current > Math.ceil(pageNation.value.total / pageNation.value.pageSize)) {
+        return;
+      }
+      loadOpportunityList(false);
+    }
+  }
+
+  function refreshList() {
+    loadOpportunityList();
+    getStatistic();
+  }
+
+  watch([() => props.refreshTimeStamp, () => props.viewId], () => {
+    refreshList();
+  });
+
+  async function handleUpdate(item: any) {
+    try {
+      loading.value = true;
+      const lastItem = list.value[item.newIndex - 1];
+      const nextItem = list.value[item.newIndex + 1];
+      await sortOpportunity({
+        dropNodeId: nextItem?.id || lastItem?.id || '',
+        dragNodeId: item.data.id,
+        dropPosition: nextItem ? -1 : 1,
+        stage: props.stageConfig.id || '',
+      });
+      refreshList();
+      if (item.to.className !== item.from.className) {
+        emit('change', item.from.className.split(' ')[1]);
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  function handleRemove(item: any) {
+    // 从当前列表移除
+    list.value = list.value.filter((i) => i.id !== item.data.id);
+    emit('change', item.from.className.split(' ')[1]);
+  }
+
+  async function handleAddItem(item: any) {
+    // 开启失败原因需要填写失败原因
+    if (item.data.stage !== props.stageConfig.id && isFail.value && props.enableReason) {
+      emit('fail', item);
+      list.value = list.value.filter((i) => i.id !== item.data.id);
+      return;
+    }
+    try {
+      loading.value = true;
+      const lastItem = list.value[item.newIndex - 1];
+      const nextItem = list.value[item.newIndex + 1];
+      await sortOpportunity({
+        dropNodeId: nextItem?.id || lastItem?.id || '',
+        dragNodeId: item.data.id,
+        dropPosition: nextItem ? -1 : 1,
+        stage: props.stageConfig.id || '',
+      });
+      refreshList();
+      if (item.to.className !== item.from.className) {
+        emit('change', item.from.className.split(' ')[1]);
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  async function sortItem(item: any) {
+    try {
+      loading.value = true;
+      const lastItem = list.value[item.newIndex - 1];
+      const nextItem = list.value[item.newIndex + 1];
+      await sortOpportunity({
+        dropNodeId: nextItem?.id || lastItem?.id || '',
+        dragNodeId: item.data.id,
+        dropPosition: nextItem ? -1 : 1,
+        stage: props.stageConfig.id || '',
+      });
+      refreshList();
+      emit('change', item.from.className.split(' ')[1]);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  function handleMove(evt: any) {
+    // 同一列表随意拖拽
+    if (evt.to.className.includes(props.stageConfig.id) && evt.from.className.includes(props.stageConfig.id)) {
+      return true;
+    }
+    // 完结状态更改需要返签权限，或者开启回退才能回退
+    if (isSuccess.value) {
+      return (
+        (props.stageConfig.endRollBack && !evt.to.className.includes(props.failId)) ||
+        (hasAnyPermission(['OPPORTUNITY_MANAGEMENT:RESIGN']) && evt.to.className.includes(props.failId))
+      );
+    }
+    // 失败状态更改需要开启回退权限
+    if (isFail.value) {
+      return props.stageConfig.endRollBack;
+    }
+    // 非完结状态只能向后拖拽，开启回退权限可以向前拖拽
+    if (props.stageIds.findIndex((id) => id === evt.to.className.split(' ')[1]) < props.index) {
+      return props.stageConfig.afootRollBack;
+    }
+    return true;
+  }
+
+  function jumpToDetail(type: 'customer' | 'opportunity', item: any) {
+    emit('openDetail', type, item);
+  }
+
+  onBeforeMount(() => {
+    getStatistic();
+    loadOpportunityList();
+  });
+
+  defineExpose({
+    refreshList,
+    sortItem,
+  });
+</script>
+
+<style lang="less" scoped>
+  .opportunity-billboard-item {
+    @apply flex cursor-move flex-col;
+
+    margin-bottom: 8px;
+    padding: 16px;
+    border-radius: var(--border-radius-small);
+    background-color: var(--text-n10);
+    gap: 8px;
+    .opportunity-billboard-item-desc {
+      @apply flex items-center;
+
+      gap: 16px;
+      .opportunity-billboard-item-desc-label {
+        @apply overflow-hidden overflow-ellipsis whitespace-nowrap;
+
+        width: 60px;
+        color: var(--text-n4);
+        line-height: 24px;
+        word-break: keep-all;
+      }
+      .opportunity-billboard-item-desc-value {
+        @apply flex-1 overflow-hidden;
+
+        color: var(--text-n1);
+      }
+    }
+  }
+  .opportunity-billboard-item-ghost {
+    @apply flex flex-col;
+
+    padding: 16px;
+    border: 1px solid var(--primary-8);
+    border-radius: var(--border-radius-small);
+    background-color: var(--primary-7);
+    gap: 8px;
+  }
+  :deep(.n-progress-icon--as-text) {
+    word-break: keep-all;
+  }
+  :deep(.n-spin-container) {
+    height: calc(100% - 48px);
+  }
+</style>
diff --git a/frontend/packages/web/src/views/opportunity/components/opportunityTable.vue b/frontend/packages/web/src/views/opportunity/components/opportunityTable.vue
new file mode 100644
index 0000000..3cb3714
--- /dev/null
+++ b/frontend/packages/web/src/views/opportunity/components/opportunityTable.vue
@@ -0,0 +1,1079 @@
+<template>
+  <CrmTable
+    ref="crmTableRef"
+    v-model:checked-row-keys="checkedRowKeys"
+    v-bind="propsRes"
+    :class="`crm-opportunity-table-${props.formKey}`"
+    :not-show-table="activeShowType === 'billboard'"
+    :not-show-table-filter="isAdvancedSearchMode"
+    :action-config="actionConfig"
+    :fullscreen-target-ref="props.fullscreenTargetRef"
+    :hiddenBackToTop="activeShowType === 'billboard'"
+    :customTotal="activeShowType === 'billboard'"
+    @page-change="propsEvent.pageChange"
+    @page-size-change="propsEvent.pageSizeChange"
+    @sorter-change="propsEvent.sorterChange"
+    @filter-change="filterChange"
+    @batch-action="handleBatchAction"
+    @refresh="searchData"
+  >
+    <template #actionLeft>
+      <slot
+        v-if="props.readonly && props.formKey === FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY"
+        name="searchTableTotal"
+        :total="propsRes.crmPagination?.itemCount || 0"
+      />
+      <div class="flex items-center gap-[12px]">
+        <n-button
+          v-if="hasAnyPermission(['OPPORTUNITY_MANAGEMENT:ADD']) && !props.readonly"
+          :loading="createLoading"
+          type="primary"
+          @click="handleCreate"
+        >
+          {{ t('opportunity.createOpportunity') }}
+        </n-button>
+        <CrmImportButton
+          v-if="hasAnyPermission(['OPPORTUNITY_MANAGEMENT:IMPORT']) && !props.isCustomerTab && !props.readonly"
+          :api-type="FormDesignKeyEnum.BUSINESS"
+          :title="t('module.businessManagement')"
+          @import-success="() => searchData()"
+        />
+        <n-button
+          v-if="hasAnyPermission(['OPPORTUNITY_MANAGEMENT:EXPORT']) && !props.readonly"
+          type="primary"
+          ghost
+          class="n-btn-outline-primary"
+          :disabled="propsRes.data.length === 0"
+          @click="handleExportAllClick"
+        >
+          {{ t('common.exportAll') }}
+        </n-button>
+      </div>
+    </template>
+    <template #actionRight>
+      <CrmAdvanceFilter
+        v-if="!props.hiddenAdvanceFilter"
+        ref="tableAdvanceFilterRef"
+        v-model:keyword="keyword"
+        :search-placeholder="t('opportunity.searchPlaceholder')"
+        :custom-fields-config-list="customFieldsFilterConfig"
+        :filter-config-list="filterConfigList"
+        @adv-search="handleAdvSearch"
+        @keyword-search="searchByKeyword"
+      />
+      <n-tabs
+        v-if="!props.isCustomerTab && !props.hiddenAdvanceFilter"
+        v-model:value="activeShowType"
+        type="segment"
+        size="large"
+        class="show-type-tabs"
+      >
+        <n-tab-pane name="table" class="hidden">
+          <template #tab><CrmIcon type="iconicon_list" /></template>
+        </n-tab-pane>
+        <n-tab-pane name="billboard" class="hidden">
+          <template #tab><CrmIcon type="iconicon_waterfalls" /></template>
+        </n-tab-pane>
+      </n-tabs>
+    </template>
+    <template #view>
+      <CrmViewSelect
+        v-if="!props.isCustomerTab && !props.hiddenAdvanceFilter"
+        v-model:active-tab="activeTab"
+        :type="FormDesignKeyEnum.BUSINESS"
+        :custom-fields-config-list="customFieldsFilterConfig"
+        :filter-config-list="filterConfigList"
+        :advanced-original-form="advancedOriginalForm"
+        :route-name="OpportunityRouteEnum.OPPORTUNITY_OPT"
+        @refresh-table-data="searchData"
+        @generated-chart="handleGeneratedChart"
+      />
+    </template>
+    <template v-if="activeShowType === 'billboard'" #other>
+      <billboard
+        ref="billboardRef"
+        :keyword="keyword"
+        :view-id="activeTab"
+        :advance-filter="advanceFilter"
+        @change="getStatistic()"
+        @open-detail="handleOpenDetail"
+        @init="handleBillboardInit"
+      />
+    </template>
+    <template v-if="showStatisticInfo" #totalRight>
+      <div v-if="activeShowType === 'billboard'">
+        {{ t('crmPagination.total', { count: billboardTotalCount }) }}
+      </div>
+      <div class="ml-[24px]">
+        {{ t('opportunity.averageAmount') }}
+        <span class="ml-[4px]">
+          {{ abbreviateNumber(totalAmountInfo?.averageAmount, '').value }}
+          <span class="unit">
+            {{ abbreviateNumber(totalAmountInfo?.averageAmount, '').unit }}
+          </span>
+        </span>
+      </div>
+      <div class="ml-[24px]">
+        {{ t('opportunity.totalAmount') }}
+        <span class="ml-[4px]">
+          {{ abbreviateNumber(totalAmountInfo?.amount, '').value }}
+          <span class="unit">
+            {{ abbreviateNumber(totalAmountInfo?.amount, '').unit }}
+          </span>
+        </span>
+      </div>
+    </template>
+  </CrmTable>
+  <TransferModal
+    v-model:show="showTransferModal"
+    :is-batch="true"
+    :source-ids="checkedRowKeys"
+    :save-api="transferOpt"
+    @load-list="handleRefresh"
+  />
+  <OptOverviewDrawer
+    v-model:show="showOverviewDrawer"
+    :detail="activeOpportunity"
+    @refresh="() => searchData(undefined, activeOpportunity?.id)"
+    @remove="removeItemFromList(activeOpportunity?.id || '')"
+    @open-customer-drawer="handleOpenCustomerDrawer"
+  />
+  <CrmFormCreateDrawer
+    v-model:visible="formCreateDrawerVisible"
+    :form-key="realFormKey"
+    :other-save-params="otherFollowRecordSaveParams"
+    :source-id="activeSourceId"
+    :initial-source-name="initialSourceName"
+    :need-init-detail="needInitDetail"
+    :link-form-info="linkFormInfo"
+    :link-form-key="linkFormKey"
+    :link-scenario="linkScenario"
+    @saved="handleFormCreateSaved"
+  />
+  <CrmTableExportModal
+    v-model:show="showExportModal"
+    :params="exportParams"
+    :export-columns="exportColumns"
+    :is-export-all="isExportAll"
+    type="opportunity"
+    @create-success="handleExportCreateSuccess"
+  />
+  <openSeaOverviewDrawer
+    v-model:show="showOpenSeaOverviewDrawer"
+    :pool-id="openSea"
+    :source-id="activeSourceId"
+    :hidden-columns="props.openseaHiddenColumns || []"
+    @change="searchData(undefined, activeSourceId)"
+  />
+
+  <CrmBatchEditModal
+    v-model:visible="showEditModal"
+    v-model:field-list="editFieldList"
+    :ids="checkedRowKeys"
+    :form-key="FormDesignKeyEnum.BUSINESS"
+    @refresh="handleRefresh"
+  />
+</template>
+
+<script setup lang="ts">
+  import { useRoute } from 'vue-router';
+  import { DataTableRowKey, NButton, NTabPane, NTabs, useMessage } from 'naive-ui';
+
+  import { FieldTypeEnum, FormDesignKeyEnum, FormLinkScenarioEnum } from '@lib/shared/enums/formDesignEnum';
+  import { OpportunitySearchTypeEnum } from '@lib/shared/enums/opportunityEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import useLocale from '@lib/shared/locale/useLocale';
+  import { abbreviateNumber, characterLimit } from '@lib/shared/method';
+  import { ExportTableColumnItem } from '@lib/shared/models/common';
+  import type { TransferParams } from '@lib/shared/models/customer/index';
+  import type { OpportunityItem, OpportunityStageConfig } from '@lib/shared/models/opportunity';
+
+  import CrmAdvanceFilter from '@/components/pure/crm-advance-filter/index.vue';
+  import { FilterForm, FilterFormItem, FilterResult } from '@/components/pure/crm-advance-filter/type';
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmNameTooltip from '@/components/pure/crm-name-tooltip/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import { BatchActionConfig } from '@/components/pure/crm-table/type';
+  import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+  import CrmBatchEditModal from '@/components/business/crm-batch-edit-modal/index.vue';
+  import CrmFormCreateDrawer from '@/components/business/crm-form-create-drawer/index.vue';
+  import CrmImportButton from '@/components/business/crm-import-button/index.vue';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+  import { OpenDetailType } from '@/components/business/crm-stage-board/types';
+  import CrmTableExportModal from '@/components/business/crm-table-export-modal/index.vue';
+  import TransferModal from '@/components/business/crm-transfer-modal/index.vue';
+  import TransferForm from '@/components/business/crm-transfer-modal/transferForm.vue';
+  import CrmViewSelect from '@/components/business/crm-view-select/index.vue';
+  import billboard from './billboard/index.vue';
+  import OptOverviewDrawer from './optOverviewDrawer.vue';
+  import openSeaOverviewDrawer from '@/views/customer/components/openSeaOverviewDrawer.vue';
+
+  import { batchDeleteOpt, deleteOpt, getOpportunityStageConfig, getOptStatistic, transferOpt } from '@/api/modules';
+  import { baseFilterConfigList } from '@/config/clue';
+  import { defaultTransferForm, getOptHomeConditions } from '@/config/opportunity';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+  import useFormCreateTable from '@/hooks/useFormCreateTable';
+  import useLocalForage from '@/hooks/useLocalForage';
+  import useModal from '@/hooks/useModal';
+  import useViewChartParams, { STORAGE_VIEW_CHART_KEY, ViewChartResult } from '@/hooks/useViewChartParams';
+  import { useUserStore } from '@/store';
+  import { getExportColumns } from '@/utils/export';
+  import { hasAllPermission, hasAnyPermission } from '@/utils/permission';
+
+  import { OpportunityRouteEnum } from '@/enums/routeEnum';
+
+  const useStore = useUserStore();
+  const { setItem, getItem } = useLocalForage();
+
+  const props = defineProps<{
+    isCustomerTab?: boolean;
+    sourceId?: string; // 客户详情下时传入客户 ID
+    customerName?: string; // 客户名称
+    fullscreenTargetRef?: HTMLElement | null;
+    readonly?: boolean;
+    openseaHiddenColumns?: string[];
+    formKey:
+      | FormDesignKeyEnum.CUSTOMER_OPPORTUNITY
+      | FormDesignKeyEnum.BUSINESS
+      | FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY;
+    hiddenAdvanceFilter?: boolean;
+    isLimitShowDetail?: boolean; // 是否根据权限限查看详情
+    hiddenTotal?: boolean;
+  }>();
+  const emit = defineEmits<{
+    (
+      e: 'openCustomerDrawer',
+      params: { customerId: string; inCustomerPool: boolean; poolId: string },
+      readonly: boolean
+    ): void;
+    (e: 'init', val: { filterConfigList: FilterFormItem[]; customFieldsFilterConfig: FilterFormItem[] }): void;
+  }>();
+
+  const Message = useMessage();
+  const { openModal } = useModal();
+  const { t } = useI18n();
+  const route = useRoute();
+  const { currentLocale } = useLocale(Message.loading);
+
+  const checkedRowKeys = ref<DataTableRowKey[]>([]);
+  const activeShowType = ref<'table' | 'billboard'>();
+  const activeTab = ref();
+  const keyword = ref('');
+  const tableRefreshId = ref(0);
+  const billboardTotalCount = ref(0);
+  const tableRemoveRefreshId = ref('');
+
+  const stageConfig = ref<OpportunityStageConfig>();
+  async function initStageConfig() {
+    try {
+      stageConfig.value = await getOpportunityStageConfig();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+  const successStage = computed(() =>
+    stageConfig.value?.stageConfigList.find((item) => item.type === 'END' && item.rate === '100')
+  );
+  const failureStage = computed(() =>
+    stageConfig.value?.stageConfigList.find((item) => item.type === 'END' && item.rate === '0')
+  );
+
+  const actionConfig = computed<BatchActionConfig>(() => {
+    if (props.readonly) {
+      return {
+        baseAction: [
+          {
+            label: t('common.exportChecked'),
+            key: 'exportChecked',
+            permission: ['OPPORTUNITY_MANAGEMENT:EXPORT'],
+          },
+        ],
+      };
+    }
+    return {
+      baseAction: [
+        {
+          label: t('common.exportChecked'),
+          key: 'exportChecked',
+          permission: ['OPPORTUNITY_MANAGEMENT:EXPORT'],
+        },
+        {
+          label: t('common.batchEdit'),
+          key: 'batchEdit',
+          permission:
+            activeTab.value !== OpportunitySearchTypeEnum.OPPORTUNITY_SUCCESS
+              ? ['OPPORTUNITY_MANAGEMENT:UPDATE']
+              : ['OPPORTUNITY_MANAGEMENT:UPDATE', 'OPPORTUNITY_MANAGEMENT:RESIGN'],
+        },
+        {
+          label: t('common.batchTransfer'),
+          key: 'batchTransfer',
+          permission: ['OPPORTUNITY_MANAGEMENT:TRANSFER'],
+        },
+        {
+          label: t('common.batchDelete'),
+          key: 'batchDelete',
+          permission: ['OPPORTUNITY_MANAGEMENT:DELETE'],
+        },
+      ],
+    };
+  });
+
+  function handleRefresh() {
+    checkedRowKeys.value = [];
+    tableRefreshId.value += 1;
+  }
+
+  // 批量转移
+  const showTransferModal = ref<boolean>(false);
+  function handleBatchTransfer() {
+    showTransferModal.value = true;
+  }
+
+  // 批量删除
+  function handleBatchDelete() {
+    openModal({
+      type: 'error',
+      title: t('opportunity.batchDeleteTitleTip', { number: checkedRowKeys.value.length }),
+      content: t('opportunity.batchDeleteContentTip'),
+      positiveText: t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await batchDeleteOpt(checkedRowKeys.value);
+          Message.success(t('common.deleteSuccess'));
+          handleRefresh();
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  const showEditModal = ref(false);
+  const { initFormConfig: initEditFormConfig, fieldList: editFieldList } = useFormCreateApi({
+    formKey: ref(FormDesignKeyEnum.BUSINESS),
+  });
+  function handleBatchEdit() {
+    initEditFormConfig();
+    showEditModal.value = true;
+  }
+
+  const showExportModal = ref<boolean>(false);
+  const isExportAll = ref(false);
+
+  function handleBatchAction(item: ActionsItem) {
+    switch (item.key) {
+      case 'batchTransfer':
+        handleBatchTransfer();
+        break;
+      case 'batchDelete':
+        handleBatchDelete();
+        break;
+      case 'batchEdit':
+        handleBatchEdit();
+        break;
+      case 'exportChecked':
+        isExportAll.value = false;
+        showExportModal.value = true;
+        break;
+      default:
+        break;
+    }
+  }
+
+  const showOverviewDrawer = ref<boolean>(false);
+  const activeSourceId = ref('');
+  const activeOpportunity = ref<Partial<OpportunityItem>>();
+  const formCreateDrawerVisible = ref(false);
+  const realFormKey = ref<FormDesignKeyEnum>(FormDesignKeyEnum.BUSINESS);
+  const initialSourceName = ref('');
+  const needInitDetail = ref(false);
+
+  function handleExportAllClick() {
+    showExportModal.value = true;
+    isExportAll.value = true;
+  }
+
+  function handleExportCreateSuccess() {
+    checkedRowKeys.value = [];
+  }
+
+  const otherFollowRecordSaveParams = ref({
+    type: 'BUSINESS',
+    id: '',
+    opportunityId: '',
+  });
+
+  const createLoading = ref(false);
+  const linkFormKey = ref(FormDesignKeyEnum.CUSTOMER);
+  const sourceId = ref(props.sourceId || '');
+  const linkFormInfo = ref();
+  const { initFormDetail, initFormConfig, linkFormFieldMap } = useFormCreateApi({
+    formKey: computed(() => linkFormKey.value),
+    sourceId,
+  });
+  const linkScenario = computed(() => {
+    if (realFormKey.value === FormDesignKeyEnum.FOLLOW_RECORD_BUSINESS) {
+      return FormLinkScenarioEnum.OPPORTUNITY_TO_RECORD;
+    }
+    if (props.isCustomerTab) {
+      return FormLinkScenarioEnum.CUSTOMER_TO_OPPORTUNITY;
+    }
+    return undefined;
+  });
+
+  // 编辑
+  function handleEdit(id: string) {
+    realFormKey.value = FormDesignKeyEnum.BUSINESS;
+    otherFollowRecordSaveParams.value.id = id;
+    needInitDetail.value = true;
+    linkFormInfo.value = undefined;
+    formCreateDrawerVisible.value = true;
+  }
+
+  // 跟进
+  async function handleFollowUp(row: OpportunityItem) {
+    realFormKey.value = FormDesignKeyEnum.FOLLOW_RECORD_BUSINESS;
+    linkFormKey.value = FormDesignKeyEnum.BUSINESS;
+    sourceId.value = row.id;
+    await initFormConfig();
+    await initFormDetail(false, true);
+    linkFormInfo.value = linkFormFieldMap.value;
+    otherFollowRecordSaveParams.value.opportunityId = row.id;
+    const { customerName, customerId, name } = row;
+    initialSourceName.value = JSON.stringify({
+      name,
+      customerName,
+      customerId,
+    });
+    needInitDetail.value = false;
+    formCreateDrawerVisible.value = true;
+  }
+
+  // 删除
+  function handleDelete(row: OpportunityItem) {
+    openModal({
+      type: 'error',
+      title: t('common.deleteConfirmTitle', { name: characterLimit(row.name) }),
+      content: t('opportunity.batchDeleteContentTip'),
+      positiveText: t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deleteOpt(row.id);
+          Message.success(t('common.deleteSuccess'));
+          tableRemoveRefreshId.value = row.id;
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        }
+      },
+    });
+  }
+
+  const transferForm = ref<TransferParams>({
+    owner: null,
+    ids: [],
+  });
+
+  const transferFormRef = ref<InstanceType<typeof TransferForm>>();
+  const transferLoading = ref(false);
+
+  // 转移
+  function handleTransfer(row: OpportunityItem, done?: () => void) {
+    transferFormRef.value?.formRef?.validate(async (error) => {
+      if (!error) {
+        try {
+          transferLoading.value = true;
+          await transferOpt({
+            ...transferForm.value,
+            ids: [row.id],
+          });
+          Message.success(t('common.transferSuccess'));
+          transferForm.value = { ...defaultTransferForm };
+          tableRefreshId.value += 1;
+          done?.();
+        } catch (e) {
+          // eslint-disable-next-line no-console
+          console.log(e);
+        } finally {
+          transferLoading.value = false;
+        }
+      }
+    });
+  }
+
+  function handleActionSelect(row: OpportunityItem, actionKey: string, done?: () => void) {
+    activeSourceId.value = row.id;
+    switch (actionKey) {
+      case 'edit':
+        handleEdit(row.id);
+        break;
+      case 'followUp':
+        handleFollowUp(row);
+        break;
+      case 'pop-transfer':
+        handleTransfer(row, done);
+        break;
+      case 'delete':
+        handleDelete(row);
+        break;
+      default:
+        break;
+    }
+  }
+
+  const hasBackStagePermission = computed(() =>
+    hasAllPermission(['OPPORTUNITY_MANAGEMENT:UPDATE', 'OPPORTUNITY_MANAGEMENT:RESIGN'])
+  );
+
+  function getOperationGroupList(row: OpportunityItem): ActionsItem[] {
+    const transferAction: ActionsItem[] = [
+      {
+        label: t('common.transfer'),
+        key: 'transfer',
+        popConfirmProps: {
+          loading: transferLoading.value,
+          title: t('common.transfer'),
+          positiveText: t('common.confirm'),
+          iconType: 'primary',
+        },
+        popSlotContent: 'transferPopContent',
+        permission: ['OPPORTUNITY_MANAGEMENT:TRANSFER'],
+      },
+    ];
+
+    const editAction: ActionsItem[] = [
+      {
+        label: t('common.edit'),
+        key: 'edit',
+        permission: ['OPPORTUNITY_MANAGEMENT:UPDATE'],
+      },
+    ];
+
+    const deleteAction: ActionsItem[] = [
+      {
+        label: t('common.delete'),
+        key: 'delete',
+        permission: ['OPPORTUNITY_MANAGEMENT:DELETE'],
+      },
+    ];
+
+    if (row.stage === failureStage.value?.id) {
+      return [...transferAction, ...deleteAction];
+    }
+
+    if (row.stage === successStage.value?.id) {
+      return hasBackStagePermission.value
+        ? [...editAction, ...transferAction, ...deleteAction]
+        : [...transferAction, ...deleteAction];
+    }
+
+    return [
+      ...editAction,
+      {
+        label: t('opportunity.followUp'),
+        key: 'followUp',
+        permission: ['OPPORTUNITY_MANAGEMENT:UPDATE'],
+      },
+      ...transferAction,
+      ...deleteAction,
+    ];
+  }
+
+  const showOpenSeaOverviewDrawer = ref<boolean>(false);
+  const openSea = ref<string | number>('');
+
+  const handleAdvanceFilter = ref<null | ((...args: any[]) => void)>(null);
+  const handleSearchData = ref<null | ((...args: any[]) => void)>(null);
+
+  defineExpose({
+    handleAdvanceFilter,
+    handleSearchData,
+  });
+
+  function showCustomerDrawer(row: any) {
+    activeSourceId.value = row.customerId;
+    if (row.inCustomerPool) {
+      openSea.value = row.poolId ?? '';
+      showOpenSeaOverviewDrawer.value = true;
+    } else {
+      emit(
+        'openCustomerDrawer',
+        {
+          customerId: row.customerId,
+          inCustomerPool: row.inCustomerPool,
+          poolId: row.poolId || '',
+        },
+        false
+      );
+    }
+  }
+
+  await initStageConfig();
+  const { useTableRes, customFieldsFilterConfig, reasonOptions, fieldList } = await useFormCreateTable({
+    formKey: props.formKey,
+    excludeFieldIds: ['customerId'],
+    containerClass: `.crm-opportunity-table-${props.formKey}`,
+    operationColumn: props.readonly
+      ? undefined
+      : {
+          key: 'operation',
+          width: currentLocale.value === 'en-US' ? 250 : 200,
+          fixed: 'right',
+          render: (row: OpportunityItem) =>
+            row.stage === successStage.value?.id && !hasBackStagePermission.value
+              ? '-'
+              : h(
+                  CrmOperationButton,
+                  {
+                    groupList: getOperationGroupList(row),
+                    onSelect: (key: string, done?: () => void) => handleActionSelect(row, key, done),
+                    onCancel: () => {
+                      transferForm.value = { ...defaultTransferForm };
+                    },
+                  },
+                  {
+                    transferPopContent: () => {
+                      return h(TransferForm, {
+                        class: 'w-[320px] mt-[16px]',
+                        form: transferForm.value,
+                        ref: transferFormRef,
+                      });
+                    },
+                  }
+                ),
+        },
+    specialRender: {
+      name: (row: OpportunityItem) => {
+        const createNameButton = () =>
+          h(
+            CrmTableButton,
+            {
+              onClick: () => {
+                activeSourceId.value = row.id;
+                activeOpportunity.value = row;
+                realFormKey.value = FormDesignKeyEnum.BUSINESS;
+                showOverviewDrawer.value = true;
+              },
+            },
+            { default: () => row.name, trigger: () => row.name }
+          );
+
+        if (props.isLimitShowDetail) {
+          return row.hasPermission ? createNameButton() : h(CrmNameTooltip, { text: row.name });
+        }
+        return props.readonly ? h(CrmNameTooltip, { text: row.name }) : createNameButton();
+      },
+      customerId: (row: OpportunityItem) => {
+        return props.isCustomerTab ||
+          props.formKey === FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY ||
+          (!row.inCustomerPool && !hasAnyPermission(['CUSTOMER_MANAGEMENT:READ'])) ||
+          (row.inCustomerPool && !hasAnyPermission(['CUSTOMER_MANAGEMENT_POOL:READ']))
+          ? h(
+              CrmNameTooltip,
+              { text: row.customerName },
+              {
+                default: () => row.customerName,
+              }
+            )
+          : h(
+              CrmTableButton,
+              {
+                onClick: () => {
+                  showCustomerDrawer(row);
+                },
+              },
+              { default: () => row.customerName, trigger: () => row.customerName }
+            );
+      },
+      stage: (row: OpportunityItem) => {
+        return row.stageName || '-';
+      },
+    },
+    permission: ['OPPORTUNITY_MANAGEMENT:UPDATE', 'OPPORTUNITY_MANAGEMENT:DELETE', 'OPPORTUNITY_MANAGEMENT:TRANSFER'],
+    hiddenTotal: computed(() => !!props.hiddenTotal),
+    readonly: props.readonly,
+    opportunityStage: stageConfig.value?.stageConfigList || [],
+  });
+  const {
+    propsRes,
+    propsEvent,
+    tableQueryParams,
+    loadList,
+    setLoadListParams,
+    setAdvanceFilter,
+    filterItem,
+    advanceFilter,
+  } = useTableRes;
+
+  const exportParams = computed(() => {
+    return {
+      ...tableQueryParams.value,
+      ids: checkedRowKeys.value,
+      customerId: props.sourceId,
+    };
+  });
+
+  const showStatisticInfo = computed(
+    () => propsRes.value.columns.find((i) => i.key === 'amount') || activeShowType.value === 'billboard'
+  );
+  const statisticInfo = ref({ amount: 0, averageAmount: 0 });
+  async function getStatistic(_keyword?: string) {
+    try {
+      const res = await getOptStatistic({
+        keyword: _keyword ?? keyword.value,
+        viewId: activeTab.value,
+        customerId: props.sourceId,
+        combineSearch: advanceFilter,
+        filters: filterItem.value,
+      });
+      statisticInfo.value = res;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    }
+  }
+  const totalAmountInfo = computed(() => {
+    if (checkedRowKeys.value.length > 0) {
+      const amount = propsRes.value.data
+        .filter((item: OpportunityItem) => checkedRowKeys.value.includes(item.id))
+        .reduce((total: number, item: OpportunityItem) => total + (item.amount || 0), 0);
+      return {
+        averageAmount: amount / checkedRowKeys.value.length,
+        amount,
+      };
+    }
+    return {
+      averageAmount: statisticInfo.value?.averageAmount ?? 0,
+      amount: statisticInfo.value?.amount ?? 0,
+    };
+  });
+
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+  const billboardRef = ref<InstanceType<typeof billboard>>();
+  const isAdvancedSearchMode = ref(false);
+  const advancedOriginalForm = ref<FilterForm | undefined>();
+  function handleAdvSearch(filter: FilterResult, isAdvancedMode: boolean, originalForm?: FilterForm) {
+    keyword.value = '';
+    isAdvancedSearchMode.value = isAdvancedMode;
+    advancedOriginalForm.value = originalForm;
+    setAdvanceFilter(filter);
+    if (activeShowType.value === 'billboard') {
+      billboardRef.value?.refresh();
+      getStatistic();
+    } else {
+      loadList();
+      getStatistic();
+      crmTableRef.value?.scrollTo({ top: 0 });
+    }
+  }
+
+  handleAdvanceFilter.value = handleAdvSearch;
+
+  const tableAdvanceFilterRef = ref<InstanceType<typeof CrmAdvanceFilter>>();
+
+  const filterConfigList = computed<FilterFormItem[]>(() => {
+    return [
+      {
+        title: t('opportunity.opportunityStage'),
+        dataIndex: 'stage',
+        type: FieldTypeEnum.SELECT_MULTIPLE,
+        selectProps: {
+          options:
+            stageConfig.value?.stageConfigList.map((e) => ({
+              label: e.name,
+              value: e.id,
+            })) || [],
+        },
+      },
+      {
+        title: t('opportunity.failureReason'),
+        dataIndex: 'failureReason',
+        type: FieldTypeEnum.SELECT_MULTIPLE,
+        selectProps: {
+          options: reasonOptions.value,
+        },
+      },
+      {
+        title: t('opportunity.department'),
+        dataIndex: 'departmentId',
+        type: FieldTypeEnum.TREE_SELECT,
+        treeSelectProps: {
+          labelField: 'name',
+          keyField: 'id',
+          multiple: true,
+          clearFilterAfterSelect: false,
+          checkable: true,
+          showContainChildModule: true,
+          type: 'department',
+        },
+      },
+      {
+        title: t('customer.lastFollowUps'),
+        dataIndex: 'follower',
+        type: FieldTypeEnum.USER_SELECT,
+      },
+      {
+        title: t('customer.lastFollowUpDate'),
+        dataIndex: 'followTime',
+        type: FieldTypeEnum.TIME_RANGE_PICKER,
+      },
+      {
+        title: t('opportunity.actualEndTime'),
+        dataIndex: 'actualEndTime',
+        type: FieldTypeEnum.TIME_RANGE_PICKER,
+      },
+      ...baseFilterConfigList,
+    ] as FilterFormItem[];
+  });
+
+  const exportColumns = computed<ExportTableColumnItem[]>(() =>
+    getExportColumns(propsRes.value.columns, customFieldsFilterConfig.value as FilterFormItem[])
+  );
+
+  function searchData(_keyword?: string, refreshId?: string) {
+    if (!activeTab.value && !props.isCustomerTab && props.formKey !== FormDesignKeyEnum.SEARCH_ADVANCED_OPPORTUNITY)
+      return;
+    setLoadListParams({
+      keyword: _keyword ?? keyword.value,
+      viewId: activeTab.value,
+      customerId: props.sourceId,
+    });
+    if (activeShowType.value === 'billboard') {
+      billboardRef.value?.refresh();
+      getStatistic(_keyword);
+    } else {
+      loadList(false, refreshId);
+      getStatistic(_keyword);
+      if (!refreshId) {
+        crmTableRef.value?.scrollTo({ top: 0 });
+      }
+    }
+  }
+
+  watch(
+    () => activeShowType.value,
+    async (val) => {
+      if (val) {
+        if (!props.isCustomerTab && !props.hiddenAdvanceFilter) {
+          await setItem(`opportunity-active-show-type`, activeShowType.value as 'table' | 'billboard');
+        }
+        searchData();
+      }
+    }
+  );
+
+  function handleGeneratedChart(res: FilterResult, form: FilterForm) {
+    advancedOriginalForm.value = form;
+    setAdvanceFilter(res);
+    tableAdvanceFilterRef.value?.setAdvancedFilter(res, true);
+    searchData();
+  }
+
+  function filterChange(val: any) {
+    propsEvent.value.filterChange(val);
+    getStatistic();
+  }
+  handleSearchData.value = searchData;
+
+  function searchByKeyword(val: string) {
+    keyword.value = val;
+    nextTick(() => {
+      searchData();
+    });
+  }
+
+  const homeDetailKey = computed(() => route.query.key as string);
+  const isInitQuery = ref(true);
+  async function setHomePageParams() {
+    const { dim, status, timeField } = route.query;
+    if (dim && timeField && homeDetailKey.value && isInitQuery.value) {
+      const conditionParams = await getOptHomeConditions(
+        dim as string,
+        status as string,
+        timeField as string,
+        homeDetailKey.value
+      );
+      setAdvanceFilter(conditionParams);
+      activeTab.value = route.query.type === 'SELF' ? route.query.type : useStore.getScopedValue;
+      tableAdvanceFilterRef.value?.setAdvancedFilter(conditionParams, true);
+    }
+    isInitQuery.value = false;
+  }
+
+  const { initTableViewChartParams, getChartViewId } = useViewChartParams();
+
+  function getViewId() {
+    const { dim, timeField } = route.query;
+    if (dim && timeField && isInitQuery.value) {
+      return route.query.type === 'SELF' ? route.query.type : useStore.getScopedValue;
+    }
+    return getChartViewId() ?? activeTab.value;
+  }
+
+  function viewChartCallBack(params: ViewChartResult) {
+    const { viewId, formModel, filterResult } = params;
+    tableAdvanceFilterRef.value?.initFormModal(formModel, true);
+    setAdvanceFilter(filterResult);
+    activeTab.value = viewId;
+  }
+
+  watch(
+    () => activeTab.value,
+    async (val) => {
+      if (val) {
+        checkedRowKeys.value = [];
+        setLoadListParams({
+          keyword: keyword.value,
+          viewId: getViewId(),
+          customerId: props.sourceId,
+        });
+        await setHomePageParams();
+        initTableViewChartParams(viewChartCallBack);
+        crmTableRef.value?.setColumnSort(val);
+        getStatistic();
+      }
+    },
+    { immediate: true }
+  );
+
+  watch(
+    () => tableRefreshId.value,
+    () => {
+      checkedRowKeys.value = [];
+      searchData();
+    }
+  );
+
+  async function handleCreate() {
+    try {
+      createLoading.value = true;
+      realFormKey.value = FormDesignKeyEnum.BUSINESS;
+      activeSourceId.value = props.isCustomerTab ? props.sourceId || '' : '';
+      initialSourceName.value = props.isCustomerTab ? props.customerName || '' : '';
+      needInitDetail.value = false;
+      if (props.isCustomerTab) {
+        linkFormKey.value = FormDesignKeyEnum.CUSTOMER;
+        await initFormConfig();
+        await initFormDetail(false, true);
+      }
+      linkFormInfo.value = linkFormFieldMap.value;
+      formCreateDrawerVisible.value = true;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    } finally {
+      createLoading.value = false;
+    }
+  }
+
+  onBeforeMount(async () => {
+    if (props.isCustomerTab) {
+      searchData();
+    }
+  });
+
+  onMounted(async () => {
+    emit('init', {
+      filterConfigList: filterConfigList.value,
+      customFieldsFilterConfig: customFieldsFilterConfig.value as FilterFormItem[],
+    });
+
+    if (!props.isCustomerTab && !props.hiddenAdvanceFilter) {
+      activeShowType.value = (await getItem<'billboard' | 'table'>(`opportunity-active-show-type`)) ?? 'table';
+    } else {
+      activeShowType.value = 'table';
+    }
+
+    if (route.query.id && !props.isCustomerTab) {
+      activeOpportunity.value = {
+        id: route.query.id as string,
+        opportunityName: route.query.opportunityName as string,
+      };
+      activeSourceId.value = route.query.id as string;
+      realFormKey.value = FormDesignKeyEnum.BUSINESS;
+      showOverviewDrawer.value = true;
+    } else if (route.query.customerId) {
+      showCustomerDrawer({
+        customerId: route.query.customerId as string,
+        inCustomerPool: route.query.inCustomerPool === 'true',
+        poolId: route.query.poolId as string,
+      });
+    }
+    if (props.isCustomerTab) {
+      realFormKey.value = FormDesignKeyEnum.CUSTOMER_OPPORTUNITY;
+    }
+  });
+
+  function handleOpenCustomerDrawer(params: { customerId: string; inCustomerPool: boolean; poolId: string }) {
+    if (props.isCustomerTab) {
+      showOverviewDrawer.value = false;
+    } else {
+      emit('openCustomerDrawer', params, true);
+    }
+  }
+
+  function handleOpenDetail(type: OpenDetailType, item: any) {
+    if (type === 'customer') {
+      showCustomerDrawer(item);
+    } else if (type === 'opportunity') {
+      activeSourceId.value = item.id;
+      activeOpportunity.value = item;
+      realFormKey.value = FormDesignKeyEnum.BUSINESS;
+      showOverviewDrawer.value = true;
+    }
+  }
+
+  function handleBillboardInit(total: number) {
+    billboardTotalCount.value = total;
+  }
+
+  function handleFormCreateSaved(res: any) {
+    if (needInitDetail.value || realFormKey.value === FormDesignKeyEnum.FOLLOW_RECORD_BUSINESS) {
+      searchData(undefined, res.id);
+    } else {
+      searchData();
+    }
+  }
+
+  function removeItemFromList(id: string) {
+    if (activeShowType.value === 'billboard') {
+      billboardRef.value?.refresh();
+      getStatistic();
+      return;
+    }
+    propsRes.value.data = propsRes.value.data.filter((item) => item.id !== id);
+    propsRes.value.crmPagination = {
+      ...propsRes.value.crmPagination,
+      itemCount: (propsRes.value.crmPagination?.itemCount ?? 1) - 1,
+    };
+    getStatistic();
+  }
+
+  watch(
+    () => tableRemoveRefreshId.value,
+    (val) => {
+      if (val) {
+        removeItemFromList(val);
+      }
+    }
+  );
+
+  onBeforeUnmount(() => {
+    sessionStorage.removeItem('homeData');
+    sessionStorage.removeItem(STORAGE_VIEW_CHART_KEY);
+  });
+</script>
+
+<style lang="less" scoped>
+  .show-type-tabs {
+    :deep(.n-tabs-tab) {
+      padding: 6px;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/opportunity/components/optOverviewDrawer.vue b/frontend/packages/web/src/views/opportunity/components/optOverviewDrawer.vue
new file mode 100644
index 0000000..7c06ccb
--- /dev/null
+++ b/frontend/packages/web/src/views/opportunity/components/optOverviewDrawer.vue
@@ -0,0 +1,350 @@
+<template>
+  <CrmOverviewDrawer
+    ref="crmOverviewDrawerRef"
+    v-model:show="showOptOverviewDrawer"
+    v-model:active-tab="activeTab"
+    :tab-list="tabList"
+    show-tab-setting
+    :button-list="buttonList"
+    :title="titleName"
+    :subtitle="subTitleName"
+    :form-key="FormDesignKeyEnum.BUSINESS"
+    :source-id="sourceId"
+    :formViewSize="formViewSize"
+    @button-select="handleSelect"
+    @saved="refreshList"
+  >
+    <template #left>
+      <div class="h-full overflow-hidden">
+        <CrmFormDescription
+          :form-key="FormDesignKeyEnum.BUSINESS"
+          :source-id="sourceId"
+          :refresh-key="refreshKey"
+          class="p-[16px_24px]"
+          :column="layout === 'vertical' ? 3 : undefined"
+          :label-width="layout === 'vertical' ? 'auto' : undefined"
+          :value-align="layout === 'vertical' ? 'start' : undefined"
+          :readonly="!hasAnyPermission(['OPPORTUNITY_MANAGEMENT:UPDATE'])"
+          @init="handleDescriptionInit"
+          @open-customer-detail="emit('openCustomerDrawer', $event)"
+        />
+      </div>
+    </template>
+    <template #rightTop>
+      <CrmWorkflowCard
+        v-model:stage="currentStatus"
+        :show-confirm-status="true"
+        class="mb-[16px]"
+        :stageConfig="stageConfig"
+        is-limit-back
+        :failure-reason="lastFailureReason"
+        :back-stage-permission="['OPPORTUNITY_MANAGEMENT:UPDATE', 'OPPORTUNITY_MANAGEMENT:RESIGN']"
+        :source-id="sourceId"
+        :operation-permission="['OPPORTUNITY_MANAGEMENT:UPDATE']"
+        :update-api="updateOptStage"
+        @load-detail="refreshList"
+      />
+    </template>
+    <template #right>
+      <FollowDetail
+        v-if="['followRecord', 'followPlan'].includes(activeTab)"
+        class="mt-[16px]"
+        :refresh-key="refreshKey"
+        :active-type="(activeTab as 'followRecord'| 'followPlan')"
+        wrapper-class="h-[calc(100vh-290px)]"
+        virtual-scroll-height="calc(100vh - 382px)"
+        :follow-api-key="FormDesignKeyEnum.BUSINESS"
+        :source-id="sourceId"
+        :initial-source-name="initialSourceName"
+        :show-add="hasAnyPermission(['OPPORTUNITY_MANAGEMENT:UPDATE'])"
+        :show-action="hasAnyPermission(['OPPORTUNITY_MANAGEMENT:UPDATE'])"
+        :parentFormKey="FormDesignKeyEnum.BUSINESS"
+      />
+
+      <ContactTable
+        v-if="activeTab === 'contact'"
+        :form-key="FormDesignKeyEnum.BUSINESS_CONTACT"
+        :refresh-key="refreshKey"
+        readonly
+        :source-id="sourceId"
+      />
+      <CrmCard v-else-if="activeTab === 'quotation'" no-content-bottom-padding hide-footer>
+        <quotationTable
+          :form-key="FormDesignKeyEnum.OPPORTUNITY_QUOTATION"
+          :source-id="sourceId"
+          :refresh-key="refreshKey"
+          :source-name="titleName"
+        />
+      </CrmCard>
+    </template>
+
+    <template #transferPopContent>
+      <TransferForm ref="transferFormRef" v-model:form="transferForm" class="mt-[16px] w-[320px]" />
+    </template>
+  </CrmOverviewDrawer>
+</template>
+
+<script setup lang="ts">
+  import { useMessage } from 'naive-ui';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { characterLimit } from '@lib/shared/method';
+  import type { CollaborationType, TransferParams } from '@lib/shared/models/customer';
+  import type { OpportunityItem, OpportunityStageConfig } from '@lib/shared/models/opportunity';
+  import type { FormConfig, FormViewSize } from '@lib/shared/models/system/module';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import FollowDetail from '@/components/business/crm-follow-detail/index.vue';
+  import ContactTable from '@/components/business/crm-form-create-table/contactTable.vue';
+  import CrmFormDescription from '@/components/business/crm-form-description/index.vue';
+  import CrmOverviewDrawer from '@/components/business/crm-overview-drawer/index.vue';
+  import type { TabContentItem } from '@/components/business/crm-tab-setting/type';
+  import TransferForm from '@/components/business/crm-transfer-modal/transferForm.vue';
+  import CrmWorkflowCard from '@/components/business/crm-workflow-card/index.vue';
+  import quotationTable from './quotation/quotationTable.vue';
+
+  import { deleteOpt, getOpportunityStageConfig, transferOpt, updateOptStage } from '@/api/modules';
+  import { defaultTransferForm } from '@/config/opportunity';
+  import useModal from '@/hooks/useModal';
+  import { hasAllPermission, hasAnyPermission } from '@/utils/permission';
+
+  const { openModal } = useModal();
+
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  const props = defineProps<{
+    detail?: Partial<OpportunityItem>;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'refresh'): void;
+    (e: 'remove'): void;
+    (e: 'openCustomerDrawer', params: { customerId: string; inCustomerPool: boolean; poolId: string }): void;
+  }>();
+
+  const showOptOverviewDrawer = defineModel<boolean>('show', {
+    required: true,
+  });
+
+  const crmOverviewDrawerRef = ref<InstanceType<typeof CrmOverviewDrawer>>();
+  const layout = computed(() => crmOverviewDrawerRef.value?.layout);
+
+  const transferForm = ref<TransferParams>({
+    owner: null,
+    ids: [],
+  });
+
+  const stageConfig = ref<OpportunityStageConfig>();
+  async function initStageConfig() {
+    try {
+      stageConfig.value = await getOpportunityStageConfig();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  const sourceId = computed(() => props.detail?.id ?? '');
+  const refreshKey = ref(0);
+  const lastFailureReason = ref('');
+  const currentStatus = ref<string>(stageConfig.value?.stageConfigList[0]?.id || '');
+  const isNotFail = computed(() => currentStatus.value !== stageConfig.value?.stageConfigList.slice(-1)[0]?.id);
+  const isSuccess = computed(
+    () =>
+      currentStatus.value === stageConfig.value?.stageConfigList.find((e) => e.type === 'END' && e.rate === '100')?.id
+  );
+  const isFail = computed(
+    () => currentStatus.value === stageConfig.value?.stageConfigList.find((e) => e.type === 'END' && e.rate === '0')?.id
+  );
+
+  const transferLoading = ref(false);
+
+  const buttonList = computed<ActionsItem[]>(() => {
+    const transferAction: ActionsItem[] = [
+      {
+        label: t('common.transfer'),
+        key: 'transfer',
+        text: false,
+        ghost: true,
+        class: 'n-btn-outline-primary',
+        popConfirmProps: {
+          loading: transferLoading.value,
+          title: t('common.transfer'),
+          positiveText: t('common.confirm'),
+          iconType: 'primary',
+        },
+        popSlotName: 'transferPopTitle',
+        popSlotContent: 'transferPopContent',
+        permission: ['OPPORTUNITY_MANAGEMENT:TRANSFER'],
+      },
+    ];
+
+    const editAction: ActionsItem[] = [
+      {
+        label: t('common.edit'),
+        key: 'edit',
+        text: false,
+        ghost: true,
+        class: 'n-btn-outline-primary',
+        permission: ['OPPORTUNITY_MANAGEMENT:UPDATE'],
+      },
+    ];
+
+    const deleteAction: ActionsItem[] = [
+      {
+        label: t('common.delete'),
+        key: 'delete',
+        text: false,
+        ghost: true,
+        danger: true,
+        class: 'n-btn-outline-primary',
+        permission: ['OPPORTUNITY_MANAGEMENT:DELETE'],
+      },
+    ];
+
+    if (isFail.value) {
+      return [...transferAction, ...deleteAction];
+    }
+
+    if (isSuccess.value) {
+      return hasAllPermission(['OPPORTUNITY_MANAGEMENT:UPDATE', 'OPPORTUNITY_MANAGEMENT:RESIGN'])
+        ? [...editAction, ...deleteAction]
+        : [...deleteAction];
+    }
+
+    return [...editAction, ...transferAction, ...deleteAction];
+  });
+
+  const activeTab = ref('followRecord');
+  const tabList: TabContentItem[] = [
+    {
+      name: 'followRecord',
+      tab: t('crmFollowRecord.followRecord'),
+      enable: true,
+    },
+    {
+      name: 'followPlan',
+      tab: t('common.plan'),
+      enable: true,
+    },
+    {
+      name: 'contact',
+      tab: t('opportunity.contactInfo'),
+      enable: true,
+      permission: ['CUSTOMER_MANAGEMENT_CONTACT:READ'],
+    },
+    {
+      name: 'quotation',
+      tab: t('opportunity.quotation'),
+      enable: true,
+      permission: ['OPPORTUNITY_QUOTATION:READ'],
+    },
+  ];
+
+  const titleName = ref('');
+  const subTitleName = ref('');
+  const initialSourceName = ref('');
+
+  // 转移
+  const transferFormRef = ref<InstanceType<typeof TransferForm>>();
+  function handleTransfer(done?: () => void) {
+    transferFormRef.value?.formRef?.validate(async (error) => {
+      if (!error) {
+        try {
+          transferLoading.value = true;
+          await transferOpt({
+            ...transferForm.value,
+            ids: [sourceId.value],
+          });
+          Message.success(t('common.transferSuccess'));
+          transferForm.value = { ...defaultTransferForm };
+          showOptOverviewDrawer.value = false;
+          done?.();
+          emit('refresh');
+        } catch (e) {
+          // eslint-disable-next-line no-console
+          console.log(e);
+        } finally {
+          transferLoading.value = false;
+        }
+      }
+    });
+  }
+
+  // 删除
+  function handleDelete() {
+    openModal({
+      type: 'error',
+      title: t('common.deleteConfirmTitle', { name: characterLimit(titleName.value) }),
+      content: t('opportunity.batchDeleteContentTip'),
+      positiveText: t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deleteOpt(sourceId.value);
+          Message.success(t('common.deleteSuccess'));
+          showOptOverviewDrawer.value = false;
+          emit('remove');
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        }
+      },
+    });
+  }
+
+  function handleSelect(key: string, done?: () => void) {
+    switch (key) {
+      case 'pop-transfer':
+        handleTransfer(done);
+        break;
+      case 'delete':
+        handleDelete();
+        break;
+      default:
+        break;
+    }
+  }
+
+  function refreshList() {
+    refreshKey.value += 1;
+    emit('refresh');
+  }
+
+  const formViewSize = ref<FormViewSize>('large');
+  function handleDescriptionInit(
+    _collaborationType?: CollaborationType,
+    _sourceName?: string,
+    detail?: Record<string, any>,
+    config?: FormConfig
+  ) {
+    if (detail) {
+      const { customerName, customerId, name, stage, failureReason } = detail;
+      // 商机阶段
+      currentStatus.value = stage;
+      // 用于回显跟进类型、商机、商机对应客户
+      titleName.value = _sourceName || '';
+      subTitleName.value = customerName;
+      lastFailureReason.value = failureReason;
+      initialSourceName.value =
+        JSON.stringify({
+          name,
+          customerName,
+          customerId,
+        }) || '';
+    }
+    formViewSize.value = config?.viewSize || 'large';
+  }
+
+  watch(
+    () => showOptOverviewDrawer.value,
+    (val) => {
+      if (val) {
+        initStageConfig();
+      }
+    }
+  );
+</script>
diff --git a/frontend/packages/web/src/views/opportunity/components/quotation/approvalModal.vue b/frontend/packages/web/src/views/opportunity/components/quotation/approvalModal.vue
new file mode 100644
index 0000000..354f35e
--- /dev/null
+++ b/frontend/packages/web/src/views/opportunity/components/quotation/approvalModal.vue
@@ -0,0 +1,103 @@
+<template>
+  <CrmModal
+    v-model:show="showModal"
+    size="small"
+    :title="t('common.batchApproval')"
+    :ok-loading="loading"
+    @confirm="handleConfirm"
+    @cancel="handleCancel"
+  >
+    <n-form ref="formRef" :model="form">
+      <n-form-item
+        :rule="[
+          {
+            required: true,
+            message: t('common.notNull', { value: `${t('opportunity.quotation.approvalResult')}` }),
+          },
+        ]"
+        require-mark-placement="left"
+        label-placement="left"
+        path="approvalStatus"
+        :label="t('opportunity.quotation.approvalResult')"
+      >
+        <n-select
+          v-model:value="form.approvalStatus"
+          :placeholder="t('common.pleaseSelect')"
+          :options="reviewOptions"
+        />
+      </n-form-item>
+    </n-form>
+  </CrmModal>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { FormInst, NForm, NFormItem, NSelect, useMessage } from 'naive-ui';
+
+  import { ProcessStatusEnum } from '@lib/shared/enums/process';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { BatchOperationResult, BatchUpdateQuotationStatusParams } from '@lib/shared/models/opportunity';
+
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+
+  import { batchApprove } from '@/api/modules';
+
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  const showModal = defineModel<boolean>('show', {
+    required: true,
+    default: false,
+  });
+
+  const props = defineProps<{
+    quotationIds: (string | number)[];
+    approvalApi?: (params: BatchUpdateQuotationStatusParams) => Promise<any>;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'refresh', val: BatchOperationResult): void;
+  }>();
+
+  const form = ref<{
+    approvalStatus: ProcessStatusEnum | null;
+  }>({
+    approvalStatus: null,
+  });
+
+  const reviewOptions = ref([
+    { label: t('common.pass'), value: ProcessStatusEnum.APPROVED },
+    { label: t('common.unPass'), value: ProcessStatusEnum.UNAPPROVED },
+  ]);
+
+  function handleCancel() {
+    form.value.approvalStatus = null;
+    showModal.value = false;
+  }
+
+  const loading = ref(false);
+  const formRef = ref<FormInst | null>(null);
+
+  function handleConfirm() {
+    formRef.value?.validate(async (error) => {
+      if (!error) {
+        try {
+          loading.value = true;
+          const result = await (props.approvalApi ?? batchApprove)({
+            ids: props.quotationIds,
+            approvalStatus: form.value.approvalStatus as ProcessStatusEnum,
+          });
+          emit('refresh', result);
+          handleCancel();
+        } catch (e) {
+          // eslint-disable-next-line no-console
+          console.log(e);
+        } finally {
+          loading.value = false;
+        }
+      }
+    });
+  }
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/views/opportunity/components/quotation/detail.vue b/frontend/packages/web/src/views/opportunity/components/quotation/detail.vue
new file mode 100644
index 0000000..15d4351
--- /dev/null
+++ b/frontend/packages/web/src/views/opportunity/components/quotation/detail.vue
@@ -0,0 +1,316 @@
+<template>
+  <CrmDrawer
+    v-model:show="visible"
+    resizable
+    no-padding
+    :width="800"
+    :footer="false"
+    :title="detailInfo?.name ?? ''"
+    :view-size="formViewSize"
+  >
+    <template #titleLeft>
+      <div class="text-[14px]b flex items-center gap-[8px] font-normal">
+        <CrmApprovalStatus v-if="isShowApprovalStatus" :status="detailInfo?.approvalStatus || ProcessStatusEnum.NONE" />
+        <CrmTag theme="light" :type="detailInfo?.invalid ? 'default' : 'info'">
+          {{ detailInfo?.invalid ? t('common.voided') : t('common.normal') }}
+        </CrmTag>
+      </div>
+    </template>
+    <template #titleRight>
+      <CrmOperationButton
+        class="gap-[12px]"
+        :not-show-divider="true"
+        :group-list="detailActions.groupList"
+        :more-list="detailActions.moreList"
+        @select="handleSelect"
+      >
+        <template #more>
+          <n-button type="primary" ghost class="n-btn-outline-primary">
+            {{ t('common.more') }}
+            <CrmIcon class="ml-[8px]" type="iconicon_chevron_down" :size="16" />
+          </n-button>
+        </template>
+      </CrmOperationButton>
+    </template>
+    <CrmApprovalDetail
+      :form-key="FormDesignKeyEnum.OPPORTUNITY_QUOTATION"
+      :source-id="props.sourceId"
+      :refresh-key="approvalDetailRefreshKey"
+      :approval-status="detailInfo?.approvalStatus"
+      @saveApproval="handleSaveApproval"
+    >
+      <template #left="{ fieldPermissions }">
+        <CrmFormDescription
+          ref="formDescriptionRef"
+          :form-key="FormDesignKeyEnum.OPPORTUNITY_QUOTATION_SNAPSHOT"
+          :source-id="props.sourceId"
+          :column="2"
+          :refresh-key="refreshKey"
+          :fieldPermissions="fieldPermissions"
+          :otherSaveParams="{
+            updateType: 'approval',
+            approvalTaskId: props.approvalTaskId,
+          }"
+          label-width="auto"
+          value-align="start"
+          tooltip-position="top-start"
+          :readonly="!hasApprovalScopedPermission(detailInfo, ['OPPORTUNITY_QUOTATION:UPDATE'])"
+          @init="handleInit"
+        />
+      </template>
+    </CrmApprovalDetail>
+  </CrmDrawer>
+  <CrmFormCreateDrawer
+    v-model:visible="formCreateDrawerVisible"
+    :form-key="activeFormKey"
+    :source-id="props.sourceId"
+    :need-init-detail="needInitDetail"
+    :initial-source-name="initialSourceName"
+    :other-save-params="otherSaveParams"
+    @saved="handleFormCreateSaved"
+  />
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { NButton, useMessage } from 'naive-ui';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { ProcessStatusEnum } from '@lib/shared/enums/process';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { characterLimit } from '@lib/shared/method';
+  import { CollaborationType } from '@lib/shared/models/customer';
+  import type { FormConfig, FormViewSize } from '@lib/shared/models/system/module';
+
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import CrmApprovalDetail from '@/components/business/crm-approval/components/crm-approval-detail.vue';
+  import CrmApprovalStatus from '@/components/business/crm-approval/components/crm-approval-status.vue';
+  import CrmFormCreateDrawer from '@/components/business/crm-form-create-drawer/index.vue';
+  import CrmFormDescription from '@/components/business/crm-form-description/index.vue';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+
+  import { deleteQuotation, voidQuotation } from '@/api/modules';
+  import { quotationDataActionMap } from '@/config/opportunity';
+  import useApprovalOperation from '@/hooks/useApprovalOperation';
+  import useApprovalResourceAction from '@/hooks/useApprovalResourceAction';
+  import useModal from '@/hooks/useModal';
+  import useOpenNewPage from '@/hooks/useOpenNewPage';
+
+  import { FullPageEnum } from '@/enums/routeEnum';
+
+  const { openModal } = useModal();
+  const { openNewPage } = useOpenNewPage();
+
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  const props = defineProps<{
+    sourceId: string;
+    approvalTaskId?: string;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'edit', sourceId: string): void;
+    (e: 'refresh'): void;
+    (e: 'remove'): void;
+  }>();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const refreshKey = ref(0);
+  const approvalDetailRefreshKey = ref(0);
+  const title = ref('');
+  const detailInfo = ref();
+  const formViewSize = ref<FormViewSize>('large');
+
+  function handleInit(type?: CollaborationType, name?: string, detail?: Record<string, any>, config?: FormConfig) {
+    title.value = name || '';
+    detailInfo.value = detail ?? {};
+    formViewSize.value = config?.viewSize || 'large';
+  }
+
+  function handleDownload() {
+    openNewPage(FullPageEnum.FULL_PAGE_EXPORT_QUOTATION, { id: props.sourceId });
+  }
+
+  function handleSavedRefresh() {
+    refreshKey.value += 1;
+    emit('refresh');
+  }
+
+  const { reviewByResourceId, revokeByResourceId } = useApprovalResourceAction({
+    formKey: FormDesignKeyEnum.OPPORTUNITY_QUOTATION,
+  });
+
+  function handleVoid() {
+    openModal({
+      type: 'error',
+      title: t('opportunity.quotation.voidTitleTip', { name: characterLimit(detailInfo.value.name ?? '') }),
+      content: t('opportunity.quotation.invalidContentTip'),
+      positiveText: t('common.confirmVoid'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await voidQuotation(props.sourceId);
+          Message.success(t('common.voidSuccess'));
+          handleSavedRefresh();
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  function handleRevoke() {
+    revokeByResourceId(props.sourceId, {
+      onSuccess: () => {
+        handleSavedRefresh();
+      },
+    });
+  }
+
+  function handleReview() {
+    reviewByResourceId(props.sourceId, {
+      onSuccess: () => {
+        handleSavedRefresh();
+      },
+    });
+  }
+
+  const formCreateDrawerVisible = ref(false);
+  const initialSourceName = ref('');
+  const needInitDetail = ref(false);
+  const activeFormKey = ref(FormDesignKeyEnum.OPPORTUNITY_QUOTATION);
+  const otherSaveParams = ref<Record<string, any>>({
+    id: '',
+  });
+
+  function handleFormCreateSaved(_res?: any, isUpdateReview?: boolean) {
+    if (isUpdateReview) {
+      approvalDetailRefreshKey.value += 1;
+    }
+    refreshKey.value += 1;
+    emit('refresh');
+  }
+
+  const { initApprovalPermission, resolveRowOperation, deleteExecute, hasApprovalScopedPermission } =
+    useApprovalOperation<Record<string, any>>({
+      formType: FormDesignKeyEnum.OPPORTUNITY_QUOTATION,
+      dataActionMap: quotationDataActionMap,
+      isDetail: true,
+      identityResolver: {
+        isApplicant: (row, currentUserId) => row.createUser === currentUserId,
+      },
+      shouldUseRolePermissionOnly: (row) => row.invalid,
+      specialActionFilter: (row, actionKeys) => {
+        if (row.invalid) {
+          return actionKeys.filter((key) => key === 'delete');
+        }
+        return actionKeys;
+      },
+    });
+
+  function handleDelete() {
+    openModal({
+      type: 'error',
+      title: t('opportunity.quotation.deleteTitleTip', { name: characterLimit(detailInfo.value.name ?? '') }),
+      content: t('opportunity.quotation.deleteContentTip'),
+      positiveText: deleteExecute.value ? t('crm.approval.confirmAndSubmitReview') : t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deleteQuotation(props.sourceId);
+          Message.success(deleteExecute.value ? t('common.reviewSuccess') : t('common.deleteSuccess'));
+          visible.value = false;
+          emit('remove');
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  function handleSelect(key: string) {
+    switch (key) {
+      case 'edit':
+        activeFormKey.value = FormDesignKeyEnum.OPPORTUNITY_QUOTATION;
+        needInitDetail.value = true;
+        otherSaveParams.value.id = props.sourceId;
+        formCreateDrawerVisible.value = true;
+        break;
+      case 'review':
+        handleReview();
+        break;
+      case 'voided':
+        handleVoid();
+        break;
+      case 'revoke':
+        handleRevoke();
+        break;
+      case 'download':
+        handleDownload();
+        break;
+      case 'delete':
+        handleDelete();
+        break;
+      default:
+        break;
+    }
+  }
+  const detailActions = computed<{
+    groupList: ActionsItem[];
+    moreList: ActionsItem[];
+  }>(() => {
+    if (!detailInfo.value) {
+      return { groupList: [], moreList: [] };
+    }
+
+    const detailAction = resolveRowOperation(detailInfo.value);
+    return {
+      ...detailAction,
+      groupList: detailAction.groupList.map((e) => {
+        return {
+          ...e,
+          text: false,
+          ghost: true,
+          class: 'n-btn-outline-primary',
+        };
+      }),
+    };
+  });
+  const isShowApprovalStatus = computed(() => {
+    return !detailInfo.value?.invalid;
+  });
+
+  const formDescriptionRef = ref<InstanceType<typeof CrmFormDescription>>();
+  async function handleSaveApproval(callback: () => Promise<any>, hasFieldPermission: boolean) {
+    if (hasFieldPermission) {
+      formDescriptionRef.value?.handleFormChange(async () => {
+        await callback();
+        refreshKey.value += 1;
+        emit('refresh');
+      });
+    } else {
+      await callback();
+      refreshKey.value += 1;
+      emit('refresh');
+    }
+  }
+
+  watch(
+    () => visible.value,
+    (val) => {
+      if (val) {
+        initApprovalPermission();
+      }
+    }
+  );
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/views/opportunity/components/quotation/exportQuotationPdf.vue b/frontend/packages/web/src/views/opportunity/components/quotation/exportQuotationPdf.vue
new file mode 100644
index 0000000..e615d3a
--- /dev/null
+++ b/frontend/packages/web/src/views/opportunity/components/quotation/exportQuotationPdf.vue
@@ -0,0 +1,83 @@
+<template>
+  <div class="bg-[var(--text-n9)]">
+    <div class="quotation-detail-container">
+      <div id="quotation-detail">
+        <CrmFormDescription
+          :form-key="FormDesignKeyEnum.OPPORTUNITY_QUOTATION_SNAPSHOT"
+          :source-id="sourceId"
+          :loadingDescription="t('opportunity.quotation.exportingPdf')"
+          :column="2"
+          :refresh-key="refreshId"
+          label-width="auto"
+          :one-line-value="false"
+          :one-line-label="false"
+          value-align="start"
+          readonly
+          tooltip-position="top-start"
+          @init="handleInit"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { useRoute } from 'vue-router';
+  import { useMessage } from 'naive-ui';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { sleep } from '@lib/shared/method';
+  import exportPDF from '@lib/shared/method/exportPdf';
+  import { CollaborationType } from '@lib/shared/models/customer';
+
+  import CrmFormDescription from '@/components/business/crm-form-description/index.vue';
+
+  import { downloadQuotation } from '@/api/modules';
+
+  const { t } = useI18n();
+
+  const loading = ref(true);
+
+  const Message = useMessage();
+  const route = useRoute();
+  const sourceId = ref(route.query.id as string);
+  const refreshId = ref(0);
+  const title = ref('');
+  const quotationDetail = ref<Record<string, any>>();
+
+  const formLoading = ref(true);
+  async function handleInit(type?: CollaborationType, name?: string, detail?: Record<string, any>) {
+    title.value = name || '';
+    quotationDetail.value = detail;
+    formLoading.value = false;
+    await nextTick();
+    await sleep(300);
+    exportPDF(quotationDetail.value?.name ?? t('opportunity.quotation'), 'quotation-detail', async () => {
+      loading.value = false;
+      try {
+        await downloadQuotation(sourceId.value);
+        Message.success(t('opportunity.quotation.exportPdfSuccess'));
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      }
+    });
+  }
+</script>
+
+<style scoped lang="less">
+  .quotation-detail-container {
+    @apply flex justify-center;
+    #quotation-detail {
+      padding: 16px;
+      width: 1190px;
+      min-height: 100vh;
+      background: var(--text-n10);
+      page-break-inside: avoid;
+      @apply overflow-x-auto;
+      .crm-scroll-bar();
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/opportunity/components/quotation/quotationTable.vue b/frontend/packages/web/src/views/opportunity/components/quotation/quotationTable.vue
new file mode 100644
index 0000000..acd1e65
--- /dev/null
+++ b/frontend/packages/web/src/views/opportunity/components/quotation/quotationTable.vue
@@ -0,0 +1,728 @@
+<template>
+  <CrmTable
+    ref="crmTableRef"
+    v-model:checked-row-keys="checkedRowKeys"
+    v-bind="propsRes"
+    :class="`crm-quotation-table-${props.formKey}`"
+    :action-config="actionConfig"
+    :not-show-table-filter="isAdvancedSearchMode"
+    @page-change="propsEvent.pageChange"
+    @page-size-change="propsEvent.pageSizeChange"
+    @sorter-change="propsEvent.sorterChange"
+    @filter-change="propsEvent.filterChange"
+    @batch-action="handleBatchAction"
+    @refresh="searchData"
+  >
+    <template #actionLeft>
+      <div class="flex items-center gap-[12px]">
+        <n-button
+          v-if="!props.readonly && hasAnyPermission(['OPPORTUNITY_QUOTATION:ADD'])"
+          type="primary"
+          :loading="createLoading"
+          @click="handleCreate"
+        >
+          {{ t('opportunity.quotation.new') }}
+        </n-button>
+      </div>
+    </template>
+    <template #actionRight>
+      <CrmAdvanceFilter
+        ref="tableAdvanceFilterRef"
+        v-model:keyword="keyword"
+        :search-placeholder="t('opportunity.quotation.searchPlaceholder')"
+        :custom-fields-config-list="customFieldsFilterConfig"
+        :filter-config-list="filterConfigList"
+        @adv-search="handleAdvSearch"
+        @keyword-search="searchByKeyword"
+      />
+    </template>
+
+    <template #view>
+      <CrmViewSelect
+        v-if="!props.sourceId"
+        v-model:active-tab="activeTab"
+        :type="FormDesignKeyEnum.OPPORTUNITY_QUOTATION"
+        :custom-fields-config-list="customFieldsFilterConfig"
+        :filter-config-list="filterConfigList"
+        @refresh-table-data="searchData"
+      />
+    </template>
+  </CrmTable>
+  <approvalModal v-model:show="showApprovalModal" :quotationIds="checkedRowKeys" @refresh="handleApprovalSuccess" />
+  <detailDrawer
+    v-model:visible="showDetailDrawer"
+    :source-id="activeSourceId"
+    @edit="handleEdit"
+    @refresh="() => searchData(undefined, activeSourceId)"
+    @remove="removeItemFromList(activeSourceId)"
+  />
+  <CrmFormCreateDrawer
+    v-model:visible="formCreateDrawerVisible"
+    :form-key="activeFormKey"
+    :source-id="activeSourceId"
+    :need-init-detail="needInitDetail"
+    :initial-source-name="initialSourceName"
+    :other-save-params="otherSaveParams"
+    :link-form-info="linkFormInfo"
+    :link-form-key="linkFormKey"
+    @saved="handleFormCreateSaved"
+    @review="handleFormReview"
+  />
+  <batchOperationResultModal v-model:visible="resultVisible" :result="batchResult" :name="batchOperationName" />
+  <CrmBatchEditModal
+    v-model:visible="showEditModal"
+    v-model:field-list="editFieldList"
+    :ids="checkedRowKeys"
+    :form-key="FormDesignKeyEnum.OPPORTUNITY_QUOTATION"
+    :show-approval-tip="batchEditApprovalTip"
+    @refresh="handleRefresh"
+  />
+
+  <OptOverviewDrawer
+    v-model:show="showOverviewDrawer"
+    :detail="activeOpportunity"
+    @refresh="handleRefresh"
+    @open-customer-drawer="handleShowCustomerDrawer"
+  />
+
+  <customerOverviewDrawer
+    v-model:show="showCustomerOverviewDrawer"
+    :source-id="activeSourceCustomerId"
+    :readonly="isCustomerReadonly"
+  />
+  <openSeaOverviewDrawer
+    v-model:show="showCustomerOpenseaOverviewDrawer"
+    :source-id="activeSourceCustomerId"
+    :readonly="isCustomerReadonly"
+    :pool-id="poolId"
+    :hidden-columns="hiddenColumns"
+  />
+</template>
+
+<script setup lang="ts">
+  import { useRoute } from 'vue-router';
+  import { DataTableRowKey, NButton, useMessage } from 'naive-ui';
+
+  import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { ProcessStatusEnum } from '@lib/shared/enums/process';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { characterLimit } from '@lib/shared/method';
+  import { BatchOperationResult, QuotationItem } from '@lib/shared/models/opportunity';
+  import { CluePoolItem } from '@lib/shared/models/system/module';
+
+  import CrmAdvanceFilter from '@/components/pure/crm-advance-filter/index.vue';
+  import { FilterForm, FilterFormItem, FilterResult } from '@/components/pure/crm-advance-filter/type';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmNameTooltip from '@/components/pure/crm-name-tooltip/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import CrmApprovalPopover from '@/components/business/crm-approval/components/crm-approval-popover.vue';
+  import batchOperationResultModal from '@/components/business/crm-batch-edit-modal/components/batchOperationResultModal.vue';
+  import CrmBatchEditModal from '@/components/business/crm-batch-edit-modal/index.vue';
+  import CrmFormCreateDrawer from '@/components/business/crm-form-create-drawer/index.vue';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+  import CrmViewSelect from '@/components/business/crm-view-select/index.vue';
+  import OptOverviewDrawer from '../optOverviewDrawer.vue';
+  import approvalModal from './approvalModal.vue';
+  import detailDrawer from './detail.vue';
+  import customerOverviewDrawer from '@/views/customer/components/customerOverviewDrawer.vue';
+  import openSeaOverviewDrawer from '@/views/customer/components/openSeaOverviewDrawer.vue';
+
+  import { batchVoided, deleteQuotation, getOpenSeaOptions, voidQuotation } from '@/api/modules';
+  import { baseFilterConfigList } from '@/config/clue';
+  import { quotationDataActionMap, quotationStatus } from '@/config/opportunity';
+  import { processStatusOptions } from '@/config/process';
+  import useApprovalOperation from '@/hooks/useApprovalOperation';
+  import useApprovalResourceAction from '@/hooks/useApprovalResourceAction';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+  import useFormCreateTable from '@/hooks/useFormCreateTable';
+  import useModal from '@/hooks/useModal';
+  import useOpenNewPage from '@/hooks/useOpenNewPage';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  import { FullPageEnum } from '@/enums/routeEnum';
+
+  const { openModal } = useModal();
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  const { openNewPage } = useOpenNewPage();
+
+  const props = defineProps<{
+    formKey: FormDesignKeyEnum.OPPORTUNITY_QUOTATION;
+    sourceName?: string;
+    sourceId?: string;
+    readonly?: boolean;
+    openseaHiddenColumns?: string[];
+    refreshKey?: number;
+  }>();
+
+  const route = useRoute();
+  const checkedRowKeys = ref<DataTableRowKey[]>([]);
+  const resultVisible = ref(false);
+  const batchResult = ref<BatchOperationResult>({
+    success: 0,
+    fail: 0,
+    errorMessages: '',
+  });
+  const batchOperationName = ref(t('common.batchVoid'));
+  const formCreateDrawerVisible = ref(false);
+  const activeSourceId = ref('');
+  const initialSourceName = ref('');
+  const needInitDetail = ref(false);
+  const activeFormKey = ref(FormDesignKeyEnum.OPPORTUNITY_QUOTATION);
+
+  const activeTab = ref();
+  const keyword = ref('');
+  const tableRefreshId = ref(0);
+  const tableRemoveRefreshId = ref('');
+  const tableRefreshItemId = ref('');
+
+  const showApprovalModal = ref(false);
+  const showEditModal = ref(false);
+  function handleBatchApproval() {
+    showApprovalModal.value = true;
+    batchOperationName.value = t('common.batchApproval');
+  }
+
+  const { initFormConfig: initEditFormConfig, fieldList: editFieldList } = useFormCreateApi({
+    formKey: ref(FormDesignKeyEnum.OPPORTUNITY_QUOTATION),
+  });
+  function handleBatchEdit() {
+    initEditFormConfig();
+    showEditModal.value = true;
+  }
+
+  function handleRefresh() {
+    checkedRowKeys.value = [];
+    tableRefreshId.value += 1;
+  }
+
+  function handleApprovalSuccess(val: BatchOperationResult) {
+    batchResult.value = val;
+    resultVisible.value = true;
+    handleRefresh();
+  }
+
+  const batchVoidApprovalContentTip = ref('');
+  // 批量作废
+  function handleBatchVoid() {
+    batchOperationName.value = t('common.batchVoid');
+    const content = `${batchVoidApprovalContentTip.value} ${t('opportunity.quotation.invalidContentTip')}`;
+    openModal({
+      type: 'error',
+      title: t('opportunity.quotation.batchInvalidTitleTip', { number: checkedRowKeys.value.length }),
+      content,
+      positiveText: t('common.confirmVoid'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          const result = await batchVoided({
+            ids: checkedRowKeys.value,
+          });
+          batchResult.value = result;
+          resultVisible.value = true;
+          handleRefresh();
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  function handleBatchAction(item: ActionsItem) {
+    switch (item.key) {
+      case 'approval':
+        handleBatchApproval();
+        break;
+      case 'batchEdit':
+        handleBatchEdit();
+        break;
+      case 'voided':
+        handleBatchVoid();
+        break;
+      default:
+        break;
+    }
+  }
+
+  const otherSaveParams = ref<Record<string, any>>({
+    id: '',
+  });
+
+  const createLoading = ref(false);
+  const linkFormKey = ref(FormDesignKeyEnum.BUSINESS);
+  const linkFormInfo = ref();
+  const sourceId = ref(props.sourceId || '');
+  const { initFormDetail, initFormConfig, linkFormFieldMap } = useFormCreateApi({
+    formKey: computed(() => linkFormKey.value),
+    sourceId,
+  });
+  async function handleCreate() {
+    try {
+      createLoading.value = true;
+      activeFormKey.value = FormDesignKeyEnum.OPPORTUNITY_QUOTATION;
+      activeSourceId.value = props.sourceId ?? '';
+      initialSourceName.value = props.sourceId ? props.sourceName ?? '' : '';
+      needInitDetail.value = false;
+      if (props.sourceId) {
+        linkFormKey.value = FormDesignKeyEnum.BUSINESS;
+        await initFormConfig();
+        await initFormDetail(false, true);
+      }
+      linkFormInfo.value = linkFormFieldMap.value;
+      formCreateDrawerVisible.value = true;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    } finally {
+      createLoading.value = false;
+    }
+  }
+
+  function handleEdit(id: string) {
+    activeFormKey.value = FormDesignKeyEnum.OPPORTUNITY_QUOTATION;
+    activeSourceId.value = id;
+    needInitDetail.value = true;
+    otherSaveParams.value.id = id;
+    linkFormInfo.value = undefined;
+    formCreateDrawerVisible.value = true;
+  }
+
+  function handleVoid(row: QuotationItem) {
+    openModal({
+      type: 'error',
+      title: t('opportunity.quotation.voidTitleTip', { name: characterLimit(row.name) }),
+      content: t('opportunity.quotation.invalidContentTip'),
+      positiveText: t('common.confirmVoid'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await voidQuotation(row.id);
+          Message.success(t('common.voidSuccess'));
+          tableRefreshItemId.value = row.id;
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  const showDetailDrawer = ref(false);
+  function handleDownload(id: string) {
+    openNewPage(FullPageEnum.FULL_PAGE_EXPORT_QUOTATION, { id });
+  }
+
+  const {
+    initApprovalPermission,
+    resolveRowOperation,
+    enableApproval,
+    deleteExecute,
+    hasApprovalScopedPermission,
+    getApprovalActionTip,
+  } = useApprovalOperation<QuotationItem>({
+    formType: FormDesignKeyEnum.OPPORTUNITY_QUOTATION,
+    dataActionMap: quotationDataActionMap,
+    shouldUseRolePermissionOnly: (row) => row.invalid,
+    specialActionFilter: (row, actionKeys) => {
+      if (row.invalid) {
+        return actionKeys.filter((key) => key === 'delete');
+      }
+      return actionKeys;
+    },
+  });
+
+  const batchEditApprovalTip = computed(() =>
+    getApprovalActionTip(['OPPORTUNITY_QUOTATION:UPDATE'], 'common.batchEditApprovalTip')
+  );
+
+  const batchVoidApprovalTip = computed(() =>
+    getApprovalActionTip(['OPPORTUNITY_QUOTATION:VOIDED'], 'common.batchVoidApprovalTip')
+  );
+
+  watch(
+    () => batchVoidApprovalTip.value,
+    (val) => {
+      batchVoidApprovalContentTip.value = val ? `${val}，` : val;
+    }
+  );
+
+  const { reviewByFormResult, reviewByResourceId, revokeByResourceId } = useApprovalResourceAction({
+    formKey: FormDesignKeyEnum.OPPORTUNITY_QUOTATION,
+  });
+
+  function handleDelete(row: QuotationItem) {
+    openModal({
+      type: 'error',
+      title: t('opportunity.quotation.deleteTitleTip', { name: characterLimit(row.name) }),
+      content: t('opportunity.quotation.deleteContentTip'),
+      positiveText: deleteExecute.value ? t('crm.approval.confirmAndSubmitReview') : t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deleteQuotation(row.id);
+          Message.success(deleteExecute.value ? t('common.reviewSuccess') : t('common.deleteSuccess'));
+          tableRemoveRefreshId.value = row.id;
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  function handleApproval(row: QuotationItem) {
+    if (!hasApprovalScopedPermission(row, ['OPPORTUNITY_QUOTATION:READ'])) {
+      return;
+    }
+    activeSourceId.value = row.id;
+    showDetailDrawer.value = true;
+  }
+
+  function handleReview(row: QuotationItem) {
+    reviewByResourceId(row.id, {
+      onSuccess: (resourceId) => {
+        tableRefreshItemId.value = resourceId;
+      },
+    });
+  }
+
+  function handleRevoke(row: QuotationItem) {
+    revokeByResourceId(row.id, {
+      onSuccess: (resourceId) => {
+        tableRefreshItemId.value = resourceId;
+      },
+    });
+  }
+
+  function handleActionSelect(row: QuotationItem, actionKey: string, done?: () => void) {
+    switch (actionKey) {
+      case 'edit':
+        handleEdit(row.id);
+        break;
+      case 'review':
+        handleReview(row);
+        break;
+      case 'voided':
+        handleVoid(row);
+        break;
+      case 'revoke':
+        handleRevoke(row);
+        break;
+      case 'delete':
+        handleDelete(row);
+        break;
+      case 'download':
+        handleDownload(row.id);
+        break;
+      default:
+        break;
+    }
+  }
+
+  const showOverviewDrawer = ref<boolean>(false);
+  const activeOpportunity = ref();
+  function showOpportunityDrawer(row: QuotationItem) {
+    showOverviewDrawer.value = true;
+    activeOpportunity.value = {
+      id: row.opportunityId,
+      name: row.opportunityName,
+    };
+  }
+  const showCustomerOverviewDrawer = ref(false);
+  const showCustomerOpenseaOverviewDrawer = ref(false);
+  const poolId = ref<string>('');
+  const activeSourceCustomerId = ref<string>('');
+  const isCustomerReadonly = ref(false);
+
+  const openSeaOptions = ref<CluePoolItem[]>([]);
+  function handleOpenCustomerDrawer(
+    params: { customerId: string; inCustomerPool: boolean; poolId: string },
+    readonly = false
+  ) {
+    activeSourceCustomerId.value = params.customerId;
+    if (params.inCustomerPool) {
+      if (hasAnyPermission(['CUSTOMER_MANAGEMENT_POOL:READ'])) {
+        showCustomerOpenseaOverviewDrawer.value = true;
+        poolId.value = params.poolId;
+      } else {
+        Message.warning(t('opportunity.noOpenSeaPermission'));
+      }
+    } else {
+      showCustomerOverviewDrawer.value = true;
+    }
+    isCustomerReadonly.value = readonly;
+  }
+
+  function handleShowCustomerDrawer(params: { customerId: string; inCustomerPool: boolean; poolId: string }) {
+    handleOpenCustomerDrawer(params, true);
+  }
+
+  async function initOpenSeaOptions() {
+    if (hasAnyPermission(['CUSTOMER_MANAGEMENT_POOL:READ'])) {
+      const res = await getOpenSeaOptions();
+      openSeaOptions.value = res;
+    }
+  }
+
+  const hiddenColumns = computed<string[]>(() => {
+    const openSeaSetting = openSeaOptions.value.find((item) => item.id === poolId.value);
+    return openSeaSetting?.fieldConfigs.filter((item) => !item.enable).map((item) => item.fieldId) || [];
+  });
+
+  onBeforeMount(() => {
+    initOpenSeaOptions();
+  });
+
+  await initApprovalPermission();
+
+  const { useTableRes, customFieldsFilterConfig } = await useFormCreateTable({
+    formKey: props.formKey,
+    containerClass: `.crm-quotation-table-${props.formKey}`,
+    operationColumn: props.readonly
+      ? undefined
+      : {
+          key: 'operation',
+          width: 180,
+          fixed: 'right',
+          render: (row: QuotationItem) => {
+            const operation = resolveRowOperation(row);
+            return operation.groupList.length
+              ? h(CrmOperationButton, {
+                  groupList: operation.groupList,
+                  moreList: operation.moreList,
+                  onSelect: (key: string, done?: () => void) => handleActionSelect(row, key, done),
+                })
+              : '-';
+          },
+        },
+    specialRender: {
+      name: (row: QuotationItem) => {
+        const canOpenDetail = !props.readonly && hasApprovalScopedPermission(row, ['OPPORTUNITY_QUOTATION:READ']);
+        const createNameButton = () =>
+          h(
+            CrmTableButton,
+            {
+              onClick: () => {
+                activeSourceId.value = row.id;
+                showDetailDrawer.value = true;
+              },
+            },
+            { default: () => row.name, trigger: () => row.name }
+          );
+        return canOpenDetail ? createNameButton() : h(CrmNameTooltip, { text: row.name });
+      },
+      opportunityId: (row: QuotationItem) => {
+        return hasAnyPermission(['OPPORTUNITY_MANAGEMENT:READ']) && row.opportunityName
+          ? h(
+              CrmTableButton,
+              {
+                onClick: () => {
+                  showOpportunityDrawer(row);
+                },
+              },
+              { default: () => row.opportunityName, trigger: () => row.opportunityName }
+            )
+          : h(CrmNameTooltip, { text: row.opportunityName });
+      },
+      invalid: (row: QuotationItem) => {
+        return h(
+          CrmTag,
+          {
+            type: row.invalid ? 'default' : 'info',
+            theme: 'light',
+          },
+          {
+            default: () => (row.invalid ? t('common.voided') : t('common.normal')),
+          }
+        );
+      },
+      approvalStatus: (row: QuotationItem) => {
+        const canOpenDetail = hasApprovalScopedPermission(row, ['OPPORTUNITY_QUOTATION:READ']);
+        return h(CrmApprovalPopover, {
+          status: row.approvalStatus,
+          formKey: props.formKey,
+          sourceId: row.id,
+          showMore: canOpenDetail,
+          disabled: row.approvalStatus !== ProcessStatusEnum.UNAPPROVED,
+          onMore: () => {
+            handleApproval(row);
+          },
+        });
+      },
+    },
+    permission: ['OPPORTUNITY_QUOTATION:VOIDED', 'OPPORTUNITY_QUOTATION:UPDATE'],
+    readonly: props.readonly,
+    enableApproval,
+  });
+
+  const actionConfig = computed(<BatchActionConfig>() => {
+    return {
+      baseAction: [
+        {
+          label: t('common.batchEdit'),
+          key: 'batchEdit',
+          permission: ['OPPORTUNITY_QUOTATION:UPDATE'],
+        },
+        {
+          label: t('common.batchVoid'),
+          key: 'voided',
+          permission: ['OPPORTUNITY_QUOTATION:VOIDED'],
+        },
+      ],
+    };
+  });
+  const { propsRes, propsEvent, loadList, setLoadListParams, setAdvanceFilter } = useTableRes;
+
+  const isAdvancedSearchMode = ref(false);
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+
+  const filterConfigList = computed<FilterFormItem[]>(() => {
+    return [
+      {
+        title: t('common.approvalStatus'),
+        dataIndex: 'approvalStatus',
+        type: FieldTypeEnum.SELECT_MULTIPLE,
+        selectProps: {
+          options: processStatusOptions,
+        },
+      },
+      {
+        title: t('common.status'),
+        dataIndex: 'invalid',
+        type: FieldTypeEnum.SELECT_MULTIPLE,
+        selectProps: {
+          options: quotationStatus,
+        },
+      },
+      {
+        title: t('opportunity.department'),
+        dataIndex: 'departmentId',
+        type: FieldTypeEnum.TREE_SELECT,
+        treeSelectProps: {
+          labelField: 'name',
+          keyField: 'id',
+          multiple: true,
+          clearFilterAfterSelect: false,
+          checkable: true,
+          showContainChildModule: true,
+          type: 'department',
+        },
+      },
+      ...baseFilterConfigList,
+    ] as FilterFormItem[];
+  });
+
+  function handleAdvSearch(filter: FilterResult, isAdvancedMode: boolean, originalForm?: FilterForm) {
+    keyword.value = '';
+    isAdvancedSearchMode.value = isAdvancedMode;
+    setAdvanceFilter(filter);
+    loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  function searchData(_keyword?: string, refreshId?: string) {
+    setLoadListParams({
+      keyword: _keyword ?? keyword.value,
+      viewId: props.sourceId ? 'ALL' : activeTab.value,
+      opportunityId: props.sourceId,
+    });
+    loadList(false, refreshId);
+    if (!refreshId) {
+      crmTableRef.value?.scrollTo({ top: 0 });
+    }
+  }
+
+  function searchByKeyword(val: string) {
+    keyword.value = val;
+    nextTick(() => {
+      searchData();
+    });
+  }
+
+  function handleFormCreateSaved() {
+    if (needInitDetail.value) {
+      searchData(undefined, activeSourceId.value);
+    } else {
+      searchData();
+    }
+  }
+
+  function handleFormReview(res: any) {
+    reviewByFormResult(res, {
+      onSuccess: () => {
+        handleFormCreateSaved();
+      },
+    });
+  }
+
+  function removeItemFromList(id: string) {
+    if (deleteExecute.value) {
+      searchData();
+      return;
+    }
+    propsRes.value.data = propsRes.value.data.filter((item) => item.id !== id);
+    propsRes.value.crmPagination = {
+      ...propsRes.value.crmPagination,
+      itemCount: (propsRes.value.crmPagination?.itemCount ?? 1) - 1,
+    };
+  }
+
+  watch(
+    () => tableRemoveRefreshId.value,
+    (val) => {
+      if (val) {
+        removeItemFromList(val);
+      }
+    }
+  );
+
+  watch(
+    () => tableRefreshItemId.value,
+    (val) => {
+      if (val) {
+        searchData(undefined, val);
+        tableRefreshItemId.value = '';
+      }
+    }
+  );
+
+  onBeforeMount(() => {
+    if (props.sourceId) {
+      searchData();
+    }
+  });
+
+  watch(
+    () => activeTab.value,
+    async (val) => {
+      if (val) {
+        checkedRowKeys.value = [];
+        setLoadListParams({
+          keyword: keyword.value,
+          viewId: props.sourceId ? 'ALL' : activeTab.value,
+          opportunityId: props.sourceId,
+        });
+        crmTableRef.value?.setColumnSort(val);
+      }
+    },
+    { immediate: true }
+  );
+
+  watch([() => tableRefreshId.value, () => props.refreshKey], () => {
+    checkedRowKeys.value = [];
+    searchData();
+  });
+
+  onMounted(() => {
+    if (route.query.id && !props.sourceId) {
+      activeSourceId.value = route.query.id as string;
+      showDetailDrawer.value = true;
+    }
+  });
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/views/opportunity/index.vue b/frontend/packages/web/src/views/opportunity/index.vue
new file mode 100644
index 0000000..4bab566
--- /dev/null
+++ b/frontend/packages/web/src/views/opportunity/index.vue
@@ -0,0 +1,89 @@
+<template>
+  <div ref="opportunityCardRef" class="h-full">
+    <CrmCard hide-footer no-content-padding>
+      <div class="h-full px-[16px] pt-[16px]">
+        <CrmOpportunityTable
+          :fullscreen-target-ref="opportunityCardRef"
+          :opensea-hidden-columns="hiddenColumns"
+          :form-key="FormDesignKeyEnum.BUSINESS"
+          @open-customer-drawer="handleOpenCustomerDrawer"
+        />
+      </div>
+    </CrmCard>
+  </div>
+  <customerOverviewDrawer
+    v-model:show="showCustomerOverviewDrawer"
+    :source-id="activeSourceId"
+    :readonly="isCustomerReadonly"
+  />
+  <openSeaOverviewDrawer
+    v-model:show="showCustomerOpenseaOverviewDrawer"
+    :source-id="activeSourceId"
+    :readonly="isCustomerReadonly"
+    :pool-id="poolId"
+    :hidden-columns="hiddenColumns"
+  />
+</template>
+
+<script setup lang="ts">
+  import { useMessage } from 'naive-ui';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { CluePoolItem } from '@lib/shared/models/system/module';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmOpportunityTable from './components/opportunityTable.vue';
+  import customerOverviewDrawer from '@/views/customer/components/customerOverviewDrawer.vue';
+  import openSeaOverviewDrawer from '@/views/customer/components/openSeaOverviewDrawer.vue';
+
+  import { getOpenSeaOptions } from '@/api/modules';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const { t } = useI18n();
+  const Message = useMessage();
+  const opportunityCardRef = ref<HTMLElement | null>(null);
+
+  const showCustomerOverviewDrawer = ref(false);
+  const showCustomerOpenseaOverviewDrawer = ref(false);
+  const poolId = ref<string>('');
+  const activeSourceId = ref<string>('');
+  const isCustomerReadonly = ref(false);
+  function handleOpenCustomerDrawer(
+    params: { customerId: string; inCustomerPool: boolean; poolId: string },
+    readonly = false
+  ) {
+    activeSourceId.value = params.customerId;
+    if (params.inCustomerPool) {
+      if (hasAnyPermission(['CUSTOMER_MANAGEMENT_POOL:READ'])) {
+        showCustomerOpenseaOverviewDrawer.value = true;
+        poolId.value = params.poolId;
+      } else {
+        Message.warning(t('opportunity.noOpenSeaPermission'));
+      }
+    } else {
+      showCustomerOverviewDrawer.value = true;
+    }
+    isCustomerReadonly.value = readonly;
+  }
+
+  const openSeaOptions = ref<CluePoolItem[]>([]);
+
+  async function initOpenSeaOptions() {
+    if (hasAnyPermission(['CUSTOMER_MANAGEMENT_POOL:READ'])) {
+      const res = await getOpenSeaOptions();
+      openSeaOptions.value = res;
+    }
+  }
+
+  const hiddenColumns = computed<string[]>(() => {
+    const openSeaSetting = openSeaOptions.value.find((item) => item.id === poolId.value);
+    return openSeaSetting?.fieldConfigs.filter((item) => !item.enable).map((item) => item.fieldId) || [];
+  });
+
+  onBeforeMount(() => {
+    initOpenSeaOptions();
+  });
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/views/opportunity/locale/en-US.ts b/frontend/packages/web/src/views/opportunity/locale/en-US.ts
new file mode 100644
index 0000000..477d3b9
--- /dev/null
+++ b/frontend/packages/web/src/views/opportunity/locale/en-US.ts
@@ -0,0 +1,75 @@
+export default {
+  'opportunity.name': 'Opportunity Name',
+  'opportunity.customerName': 'Account Name',
+  'opportunity.stage': 'Stage',
+  'opportunity.win': 'Win Rate',
+  'opportunity.stageType': 'Stage Type',
+  'opportunity.stageTypeDisabledChange': 'Stage type cannot be changed',
+  'opportunity.source': 'Source',
+  'opportunity.owner': 'Owner',
+  'opportunity.department': 'Department',
+  'opportunity.region': 'Region',
+  'opportunity.disabledContentTip': 'Disabled, members cannot find this opportunity',
+  'opportunity.intendedProducts': 'Intended products',
+  'opportunity.belongDays': 'Belong days',
+  'opportunity.remainingBelong': 'Remaining belong',
+  'opportunity.followUp': 'Follow up',
+  'opportunity.createOpportunity': 'Create opportunity',
+  'opportunity.importOpportunity': 'Import opportunity',
+  'opportunity.batchDeleteContentTip': 'Deleted, members cannot find this opportunity, please be careful!',
+  'opportunity.batchDeleteTitleTip': 'Confirm delete {number} opportunities?',
+  'opportunity.receiver': 'Receiver',
+  'opportunity.selectReceiverPlaceholder': 'Please select the receiver',
+  'opportunity.headInfo': 'Head info',
+  'opportunity.current': 'Current',
+  'opportunity.contactInfo': 'Contact info',
+  'opportunity.belongStatus': 'Belong status',
+  'opportunity.belongStartTime': 'Belong start time',
+  'opportunity.belongEndTime': 'Belong end time',
+  'opportunity.headRecordPage': 'Head record list',
+  'opportunity.new': 'New opportunity',
+  'opportunity.allOpportunities': 'All opportunities',
+  'opportunity.myOpportunities': 'My opportunities',
+  'opportunity.departmentOpportunities': 'Department opportunities',
+  'opportunity.convertedOpportunities': 'Converted opportunities',
+  'opportunity.searchPlaceholder': 'Please enter account name and opportunity name to search',
+  'opportunity.clearRequirements': 'Clear requirements',
+  'opportunity.schemeValidation': 'Solution validation',
+  'opportunity.projectProposalReport': 'Project proposal report',
+  'opportunity.businessProcurement': 'Opportunity procurement',
+  'opportunity.end': 'End',
+  'opportunity.endTime': 'End time',
+  'opportunity.actualEndTime': 'Actual end time',
+  'opportunity.failureReason': 'Failure reason',
+  'opportunity.customerChooseCompetitor': 'Account choose competitor',
+  'opportunity.projectFailed': 'Project failed',
+  'opportunity.complexDecisionChain': 'Complex decision chain',
+  'opportunity.budgetLimit': 'Budget limit',
+  'opportunity.requirementChange': 'Requirement change',
+  'opportunity.mine': 'Mine',
+  'opportunity.noOpenSeaPermission': 'No permission to view public sea accounts',
+  'opportunity.averageAmount': 'Average amount',
+  'opportunity.totalAmount': 'Total amount',
+  'opportunity.quotation': 'Quotation',
+  'opportunity.quotation.new': 'New quotation',
+  'opportunity.quotation.voidTitleTip': 'Confirm invalidating the {name} quotation?',
+  'opportunity.quotation.invalidContentTip':
+    'After the cancellation, the quotation can not be restored, please operate carefully!',
+  'opportunity.quotation.searchPlaceholder': 'Search by quotation name or opportunity name',
+  'opportunity.quotation.batchInvalidTitleTip': 'Confirm invalidating {number} quotations?',
+  'opportunity.quotation.deleteTitleTip': 'Confirm delete the {name} quotation?',
+  'opportunity.quotation.deleteContentTip':
+    'After deletion, the quotation cannot be restored, please operate carefully!',
+  'opportunity.quotation.approvalResult': 'Approval result',
+  'opportunity.quotation.all': 'All quotations',
+  'opportunity.quotation.department': 'Department quotations',
+  'opportunity.quotation.my': 'My quotations',
+  'opportunity.partialFailed': 'Partial operation failed',
+  'opportunity.allSuccessful': 'All operation successful',
+  'opportunity.allError': 'All operation failed',
+  'opportunity.operationResult': 'Result of {name}',
+  'opportunity.quotation.amount': 'Total amount',
+  'opportunity.quotation.exportingPdf': 'Quotation PDF exporting...',
+  'opportunity.quotation.productInfo': 'Product info',
+  'opportunity.quotation.exportPdfSuccess': 'PDF exported successfully',
+};
diff --git a/frontend/packages/web/src/views/opportunity/locale/zh-CN.ts b/frontend/packages/web/src/views/opportunity/locale/zh-CN.ts
new file mode 100644
index 0000000..0645383
--- /dev/null
+++ b/frontend/packages/web/src/views/opportunity/locale/zh-CN.ts
@@ -0,0 +1,73 @@
+export default {
+  'opportunity.name': '商机名称',
+  'opportunity.customerName': '客户名称',
+  'opportunity.stage': '商机阶段',
+  'opportunity.win': '赢率',
+  'opportunity.stageType': '阶段类型',
+  'opportunity.stageTypeDisabledChange': '阶段类型不可更改',
+  'opportunity.source': '商机来源',
+  'opportunity.owner': '负责人',
+  'opportunity.department': '部门',
+  'opportunity.region': '区域',
+  'opportunity.disabledContentTip': '禁用后，成员无法查到该商机',
+  'opportunity.intendedProducts': '意向产品',
+  'opportunity.belongDays': '归属天数',
+  'opportunity.remainingBelong': '剩余归属',
+  'opportunity.followUp': '跟进',
+  'opportunity.createOpportunity': '新建商机',
+  'opportunity.importOpportunity': '导入商机',
+  'opportunity.batchDeleteContentTip': '删除后，成员无法查到该商机，请谨慎操作！',
+  'opportunity.batchDeleteTitleTip': '确认删除 {number} 个商机吗？',
+  'opportunity.receiver': '接收负责人',
+  'opportunity.selectReceiverPlaceholder': '请选择接收负责人',
+  'opportunity.headInfo': '负责人信息',
+  'opportunity.current': '当前',
+  'opportunity.contactInfo': '联系人信息',
+  'opportunity.belongStatus': '归属状态',
+  'opportunity.belongStartTime': '归属开始时间',
+  'opportunity.belongEndTime': '归属结束时间',
+  'opportunity.headRecordPage': '负责人记录列表',
+  'opportunity.new': '新建商机',
+  'opportunity.allOpportunities': '全部商机',
+  'opportunity.myOpportunities': '我的商机',
+  'opportunity.departmentOpportunities': '部门商机',
+  'opportunity.convertedOpportunities': '成交商机',
+  'opportunity.searchPlaceholder': '输入客户/商机名称进行搜索',
+  'opportunity.clearRequirements': '需求明确',
+  'opportunity.schemeValidation': '方案验证',
+  'opportunity.projectProposalReport': '立项汇报',
+  'opportunity.businessProcurement': '商务采购',
+  'opportunity.end': '完结',
+  'opportunity.endTime': '结束时间',
+  'opportunity.actualEndTime': '实际结束时间',
+  'opportunity.failureReason': '失败原因',
+  'opportunity.customerChooseCompetitor': '客户选择竞品',
+  'opportunity.projectFailed': '立项失败',
+  'opportunity.complexDecisionChain': '决策链复杂',
+  'opportunity.budgetLimit': '预算限制',
+  'opportunity.requirementChange': '需求变化',
+  'opportunity.mine': '我的',
+  'opportunity.noOpenSeaPermission': '无权查看公海客户',
+  'opportunity.averageAmount': '平均金额',
+  'opportunity.totalAmount': '总金额',
+  'opportunity.quotation': '报价',
+  'opportunity.quotation.new': '新建报价',
+  'opportunity.quotation.voidTitleTip': '确认作废 {name} 报价吗？',
+  'opportunity.quotation.invalidContentTip': '作废后，报价不可恢复，请谨慎操作！',
+  'opportunity.quotation.searchPlaceholder': '通过报价名称/商机名称搜索',
+  'opportunity.quotation.batchInvalidTitleTip': '确认作废 {number} 个报价吗？',
+  'opportunity.quotation.deleteTitleTip': '确认删除 {name} 报价吗？',
+  'opportunity.quotation.deleteContentTip': '删除后，报价不可恢复，请谨慎操作！',
+  'opportunity.quotation.approvalResult': '审批结果',
+  'opportunity.quotation.all': '全部报价',
+  'opportunity.quotation.department': '部门报价',
+  'opportunity.quotation.my': '我的报价',
+  'opportunity.partialFailed': '部分操作失败',
+  'opportunity.allSuccessful': '全部操作成功',
+  'opportunity.allError': '全部操作失败',
+  'opportunity.operationResult': '{name}结果',
+  'opportunity.quotation.amount': '累计金额',
+  'opportunity.quotation.exportingPdf': '报价 PDF 导出中...',
+  'opportunity.quotation.productInfo': '产品信息',
+  'opportunity.quotation.exportPdfSuccess': 'PDF 导出成功',
+};
diff --git a/frontend/packages/web/src/views/opportunity/quotation.vue b/frontend/packages/web/src/views/opportunity/quotation.vue
new file mode 100644
index 0000000..38d603b
--- /dev/null
+++ b/frontend/packages/web/src/views/opportunity/quotation.vue
@@ -0,0 +1,16 @@
+<template>
+  <CrmCard hide-footer no-content-padding>
+    <div class="h-full px-[16px] pt-[16px]">
+      <quotationTable :formKey="FormDesignKeyEnum.OPPORTUNITY_QUOTATION" />
+    </div>
+  </CrmCard>
+</template>
+
+<script setup lang="ts">
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import quotationTable from './components/quotation/quotationTable.vue';
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/views/order/locale/en-US.ts b/frontend/packages/web/src/views/order/locale/en-US.ts
new file mode 100644
index 0000000..c607f8f
--- /dev/null
+++ b/frontend/packages/web/src/views/order/locale/en-US.ts
@@ -0,0 +1,10 @@
+export default {
+  'order.new': 'New Order',
+  'order.searchPlaceholder': 'Search by customer/order name',
+  'order.status': 'Order Status',
+  'order.all': 'All Orders',
+  'order.depart': 'Department Orders',
+  'order.my': 'My Orders',
+  'order.deleteContent': 'The current order has been associated with the contract and cannot be deleted!',
+  'order.exportingPdf': 'Order PDF export in progress ...',
+};
diff --git a/frontend/packages/web/src/views/order/locale/zh-CN.ts b/frontend/packages/web/src/views/order/locale/zh-CN.ts
new file mode 100644
index 0000000..df6d4b0
--- /dev/null
+++ b/frontend/packages/web/src/views/order/locale/zh-CN.ts
@@ -0,0 +1,10 @@
+export default {
+  'order.new': '新建订单',
+  'order.searchPlaceholder': '输入客户/订单名称进行搜索',
+  'order.status': '订单状态',
+  'order.all': '全部订单',
+  'order.depart': '部门订单',
+  'order.my': '我的订单',
+  'order.deleteContent': '当前订单已被合同关联，禁止删除！',
+  'order.exportingPdf': '订单 PDF 导出中...',
+};
diff --git a/frontend/packages/web/src/views/order/order/components/billboard/card.vue b/frontend/packages/web/src/views/order/order/components/billboard/card.vue
new file mode 100644
index 0000000..925937c
--- /dev/null
+++ b/frontend/packages/web/src/views/order/order/components/billboard/card.vue
@@ -0,0 +1,138 @@
+<template>
+  <div class="flex items-center justify-between">
+    <CrmTableButton v-if="props.item.name" @click="emit('openDetail', 'order', props.item)">
+      <template #trigger>{{ props.item.name }}</template>
+      {{ props.item.name }}
+    </CrmTableButton>
+    <div v-else>-</div>
+  </div>
+  <div class="crm-stage-board-item-desc">
+    <n-tooltip trigger="hover" :delay="300">
+      <template #trigger>
+        <div class="crm-stage-board-item-desc-label">
+          {{ fieldLabelMap.amount }}
+        </div>
+      </template>
+      {{ fieldLabelMap.amount }}
+    </n-tooltip>
+    <div class="crm-stage-board-item-desc-value">
+      {{
+        formatNumberValue(
+          props.item.amount,
+          (props.fieldList.find((field) => field.businessKey === 'amount') as FormCreateField) || {}
+        )
+      }}
+    </div>
+  </div>
+  <div class="crm-stage-board-item-desc">
+    <n-tooltip trigger="hover" :delay="300">
+      <template #trigger>
+        <div class="crm-stage-board-item-desc-label">
+          {{ fieldLabelMap.contractId }}
+        </div>
+      </template>
+      {{ fieldLabelMap.contractId }}
+    </n-tooltip>
+    <div class="crm-stage-board-item-desc-value">
+      <CrmTableButton
+        v-if="props.item.contractName && hasAnyPermission(['CONTRACT:READ'])"
+        size="small"
+        class="text-[14px]"
+        @click="emit('openDetail', 'contract', props.item)"
+      >
+        <template #trigger>{{ props.item.contractName }}</template>
+        {{ props.item.contractName }}
+      </CrmTableButton>
+      <CrmNameTooltip v-else :text="props.item.contractName ?? '-'" />
+    </div>
+  </div>
+  <div class="crm-stage-board-item-desc">
+    <n-tooltip trigger="hover" :delay="300">
+      <template #trigger>
+        <div class="crm-stage-board-item-desc-label">
+          {{ fieldLabelMap.customerId }}
+        </div>
+      </template>
+      {{ fieldLabelMap.customerId }}
+    </n-tooltip>
+    <div class="crm-stage-board-item-desc-value">
+      <CrmTableButton
+        v-if="props.item.customerName && hasAnyPermission(['CUSTOMER_MANAGEMENT:READ'])"
+        size="small"
+        class="text-[14px]"
+        @click="emit('openDetail', 'customer', props.item)"
+      >
+        <template #trigger>{{ props.item.customerName }}</template>
+        {{ props.item.customerName }}
+      </CrmTableButton>
+      <CrmNameTooltip v-else :text="props.item.customerName ?? '-'" />
+    </div>
+  </div>
+  <div class="crm-stage-board-item-desc">
+    <n-tooltip trigger="hover" :delay="300">
+      <template #trigger>
+        <div class="crm-stage-board-item-desc-label">
+          {{ fieldLabelMap.owner }}
+        </div>
+      </template>
+      {{ fieldLabelMap.owner }}
+    </n-tooltip>
+    <div class="crm-stage-board-item-desc-value">{{ props.item.ownerName || '-' }}</div>
+  </div>
+  <div class="crm-stage-board-item-desc">
+    <n-tooltip trigger="hover" :delay="300">
+      <template #trigger>
+        <div class="crm-stage-board-item-desc-label">
+          {{ fieldLabelMap.number }}
+        </div>
+      </template>
+      {{ fieldLabelMap.number }}
+    </n-tooltip>
+    <n-tooltip trigger="hover" :delay="300">
+      <template #trigger>
+        <div class="crm-stage-board-item-desc-value one-line-text">{{ props.item.number || '-' }}</div>
+      </template>
+      {{ props.item.number || '-' }}
+    </n-tooltip>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { NTooltip } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { formatNumberValue } from '@lib/shared/method/formCreate';
+
+  import CrmNameTooltip from '@/components/pure/crm-name-tooltip/index.vue';
+  import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+  import { FormCreateField } from '@/components/business/crm-form-create/types';
+
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const props = defineProps<{
+    item: any;
+    fieldList: FormCreateField[];
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'openDetail', type: 'contract' | 'customer' | 'order', item: any): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const fieldLabelMap = computed(() => {
+    const map: Record<string, string> = {
+      amount: t('opportunity.totalAmount'),
+      contractId: t('invoice.contractName'),
+      customerId: t('module.customerManagement'),
+      owner: t('common.owner'),
+      number: t('common.number'),
+    };
+    props.fieldList.forEach((field) => {
+      if (field.businessKey && !field.resourceFieldId) {
+        map[field.businessKey] = field.name;
+      }
+    });
+    return map;
+  });
+</script>
diff --git a/frontend/packages/web/src/views/order/order/components/billboard/index.vue b/frontend/packages/web/src/views/order/order/components/billboard/index.vue
new file mode 100644
index 0000000..72941b7
--- /dev/null
+++ b/frontend/packages/web/src/views/order/order/components/billboard/index.vue
@@ -0,0 +1,163 @@
+<template>
+  <CrmStageBoard
+    ref="boardRef"
+    :stages="stageConfig?.stageConfigList || []"
+    :keyword="props.keyword"
+    :view-id="props.viewId"
+    :field-list="fieldList"
+    :advance-filter="props.advanceFilter"
+    :load-stage-list="loadStageList"
+    :load-stage-statistic="loadStageStatistic"
+    :move-stage-item="moveStageItem"
+    :can-move-item="canMoveItem"
+    :show-progress="false"
+    @change="handleChange"
+    @openDetail="(type, item) => emit('openDetail', type, item)"
+    @init="(total) => emit('init', total)"
+  >
+    <template #card="{ item, fieldList: currentFieldList, openDetail }">
+      <OrderBillboardCard :item="item" :field-list="currentFieldList" @open-detail="openDetail" />
+    </template>
+  </CrmStageBoard>
+</template>
+
+<script setup lang="ts">
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import type { OpportunityStageConfig, StageBoardPageQueryParams } from '@lib/shared/models/opportunity';
+  import type { OrderItem } from '@lib/shared/models/order';
+
+  import type { FilterResult } from '@/components/pure/crm-advance-filter/type';
+  import CrmStageBoard from '@/components/business/crm-stage-board/index.vue';
+  import type {
+    OpenDetailType,
+    StageBoardLoadParams,
+    StageBoardMoveCheckPayload,
+    StageBoardMovePayload,
+    StageBoardStatistic,
+  } from '@/components/business/crm-stage-board/types';
+  import OrderBillboardCard from './card.vue';
+
+  import { getOrderList, getOrderStatistic, getOrderStatusConfig, sortOrder } from '@/api/modules';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const props = defineProps<{
+    advanceFilter?: FilterResult;
+    viewId?: string;
+    keyword?: string;
+    readonly?: boolean;
+    enableApproval?: boolean;
+    hasStagePermission?: (row: OrderItem) => boolean;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'change'): void;
+    (e: 'init', total: number): void;
+    (e: 'openDetail', type: OpenDetailType, item: any): void;
+  }>();
+
+  const { initFormConfig, fieldList } = useFormCreateApi({
+    formKey: computed(() => FormDesignKeyEnum.ORDER),
+  });
+
+  const stageConfig = ref<OpportunityStageConfig>();
+  async function initStageConfig() {
+    try {
+      stageConfig.value = await getOrderStatusConfig();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  const boardRef = ref<InstanceType<typeof CrmStageBoard>>();
+  function refresh() {
+    boardRef.value?.refresh();
+  }
+
+  function handleChange() {
+    emit('change');
+  }
+
+  async function loadStageList(params: StageBoardPageQueryParams) {
+    return getOrderList({
+      current: params.current,
+      pageSize: params.pageSize,
+      keyword: params.keyword,
+      combineSearch: params.advanceFilter,
+      filters: [
+        {
+          name: 'stage',
+          value: params.stageId,
+          multipleValue: false,
+          operator: 'EQUALS',
+        },
+      ],
+      board: true,
+      viewId: params.viewId,
+    });
+  }
+
+  async function loadStageStatistic(params: Omit<StageBoardLoadParams, 'current' | 'pageSize'>) {
+    return getOrderStatistic({
+      keyword: params.keyword,
+      combineSearch: params.advanceFilter,
+      filters: [
+        {
+          name: 'stage',
+          value: params.stageId,
+          multipleValue: false,
+          operator: 'EQUALS',
+        },
+      ],
+      viewId: params.viewId,
+    }) as Promise<StageBoardStatistic>;
+  }
+
+  async function moveStageItem(payload: StageBoardMovePayload<OrderItem>) {
+    await sortOrder({
+      dropNodeId: payload.nextItem?.id || payload.previousItem?.id || '',
+      dragNodeId: payload.item.id,
+      dropPosition: payload.nextItem ? -1 : 1,
+      stage: payload.toStageId,
+    });
+  }
+
+  function canMoveItem(payload: StageBoardMoveCheckPayload<OrderItem>) {
+    if (props.readonly || !hasAnyPermission(['ORDER:UPDATE'])) {
+      return false;
+    }
+
+    if (props.enableApproval && (!payload.item || !props.hasStagePermission?.(payload.item))) {
+      return false;
+    }
+
+    if (
+      payload.rawEvent.to.className.includes(payload.toStageId) &&
+      payload.rawEvent.from.className.includes(payload.toStageId)
+    ) {
+      return true;
+    }
+
+    const targetIndex = stageConfig.value?.stageConfigList.findIndex((item) => item.id === payload.toStageId) ?? -1;
+    const fromIndex = stageConfig.value?.stageConfigList.findIndex((item) => item.id === payload.fromStageId) ?? -1;
+    const isCurrentEndStage =
+      stageConfig.value?.stageConfigList.find((item) => item.id === payload.fromStageId)?.type === 'END';
+
+    if (isCurrentEndStage) {
+      return !!stageConfig.value?.endRollBack;
+    }
+
+    if (stageConfig.value?.afootRollBack) {
+      return true;
+    }
+
+    return targetIndex >= fromIndex;
+  }
+
+  await Promise.all([initStageConfig(), initFormConfig()]);
+
+  defineExpose({
+    refresh,
+  });
+</script>
diff --git a/frontend/packages/web/src/views/order/order/components/detail.vue b/frontend/packages/web/src/views/order/order/components/detail.vue
new file mode 100644
index 0000000..1de42a5
--- /dev/null
+++ b/frontend/packages/web/src/views/order/order/components/detail.vue
@@ -0,0 +1,408 @@
+<template>
+  <CrmDrawer
+    v-model:show="visible"
+    resizable
+    no-padding
+    :width="800"
+    :footer="false"
+    :title="detailInfo?.name ?? ''"
+    :view-size="formViewSize"
+  >
+    <template #titleLeft>
+      <div class="text-[14px] font-normal">
+        <CrmApprovalStatus :status="detailInfo?.approvalStatus ?? ProcessStatusEnum.NONE" />
+      </div>
+    </template>
+    <template #titleRight>
+      <CrmOperationButton
+        class="gap-[12px]"
+        :not-show-divider="true"
+        :group-list="detailActions.groupList"
+        :more-list="detailActions.moreList"
+        @select="handleSelect"
+      >
+        <template #more>
+          <n-button type="primary" ghost class="n-btn-outline-primary">
+            {{ t('common.more') }}
+            <CrmIcon class="ml-[8px]" type="iconicon_chevron_down" :size="16" />
+          </n-button>
+        </template>
+      </CrmOperationButton>
+    </template>
+    <div class="h-full bg-[var(--text-n9)] px-[16px] pt-[16px]">
+      <CrmWorkflowCard
+        v-model:stage="currentStatus"
+        class="mb-[16px]"
+        :formKey="FormDesignKeyEnum.ORDER"
+        :stageConfig="stageConfig"
+        is-limit-back
+        is-no-resign-flow
+        :readonly="!canUpdateStage"
+        :back-stage-permission="['ORDER:UPDATE']"
+        :source-id="sourceId"
+        :operation-permission="['ORDER:UPDATE']"
+        :update-api="updateOrderStage"
+        @load-detail="handleSaved()"
+      />
+      <CrmCard contentHeight="100%" hide-footer :special-height="122" no-content-padding>
+        <CrmApprovalDetail
+          :form-key="FormDesignKeyEnum.ORDER"
+          :source-id="props.sourceId"
+          :refresh-key="approvalDetailRefreshKey"
+          :approval-status="detailInfo?.approvalStatus"
+          @saveApproval="handleSaveApproval"
+        >
+          <template #left="{ fieldPermissions }">
+            <CrmFormDescription
+              ref="formDescriptionRef"
+              :form-key="FormDesignKeyEnum.ORDER_SNAPSHOT"
+              :source-id="props.sourceId"
+              :column="2"
+              :refresh-key="refreshKey"
+              :fieldPermissions="fieldPermissions"
+              :otherSaveParams="{
+                updateType: 'approval',
+                approvalTaskId: props.approvalTaskId,
+              }"
+              label-width="auto"
+              value-align="start"
+              tooltip-position="top-start"
+              :readonly="!hasAnyPermission(['ORDER:UPDATE'])"
+              @init="handleInit"
+              @open-contract-detail="handleOpenContractDrawer"
+              @open-customer-detail="handleOpenCustomerDrawer"
+            />
+          </template>
+        </CrmApprovalDetail>
+      </CrmCard>
+    </div>
+
+    <CrmFormCreateDrawer
+      v-model:visible="formCreateDrawerVisible"
+      :form-key="FormDesignKeyEnum.ORDER"
+      :source-id="props.sourceId"
+      need-init-detail
+      :link-form-key="FormDesignKeyEnum.ORDER"
+      @saved="handleFormCreateSaved"
+      @review="handleFormReview"
+    />
+    <ContractDetailDrawer
+      v-model:visible="showContractDetailDrawer"
+      :sourceId="activeSourceId"
+      @show-customer-drawer="handleOpenCustomerDrawer"
+    />
+    <customerOverviewDrawer v-model:show="showCustomerOverviewDrawer" :source-id="activeCustomerSourceId" />
+    <openSeaOverviewDrawer
+      v-model:show="showCustomerOpenseaOverviewDrawer"
+      :source-id="activeCustomerSourceId"
+      :pool-id="poolId"
+      :hidden-columns="hiddenColumns"
+    />
+  </CrmDrawer>
+</template>
+
+<script lang="ts" setup>
+  import { NButton, useMessage } from 'naive-ui';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { ProcessStatusEnum } from '@lib/shared/enums/process';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { characterLimit } from '@lib/shared/method';
+  import { CollaborationType } from '@lib/shared/models/customer';
+  import { OpportunityStageConfig } from '@lib/shared/models/opportunity';
+  import { OrderItem } from '@lib/shared/models/order';
+  import { CluePoolItem, type FormConfig, type FormViewSize } from '@lib/shared/models/system/module';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmApprovalDetail from '@/components/business/crm-approval/components/crm-approval-detail.vue';
+  import CrmApprovalStatus from '@/components/business/crm-approval/components/crm-approval-status.vue';
+  import CrmFormCreateDrawer from '@/components/business/crm-form-create-drawer/index.vue';
+  import CrmFormDescription from '@/components/business/crm-form-description/index.vue';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+  import CrmWorkflowCard from '@/components/business/crm-workflow-card/index.vue';
+  import ContractDetailDrawer from '@/views/contract/contract/components/detail.vue';
+  import customerOverviewDrawer from '@/views/customer/components/customerOverviewDrawer.vue';
+  import openSeaOverviewDrawer from '@/views/customer/components/openSeaOverviewDrawer.vue';
+
+  import { deleteOrder, getOpenSeaOptions, getOrderStatusConfig, updateOrderStage } from '@/api/modules';
+  import useApprovalOperation from '@/hooks/useApprovalOperation';
+  import useApprovalResourceAction from '@/hooks/useApprovalResourceAction';
+  import useModal from '@/hooks/useModal';
+  import useOpenNewPage from '@/hooks/useOpenNewPage';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  import { FullPageEnum } from '@/enums/routeEnum';
+
+  const props = defineProps<{
+    sourceId: string;
+    readonly?: boolean;
+    approvalTaskId?: string;
+  }>();
+  const emit = defineEmits<{
+    (e: 'refresh'): void;
+    (e: 'delete'): void;
+    (e: 'review', res: any): void;
+  }>();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const Message = useMessage();
+  const { openModal } = useModal();
+  const { t } = useI18n();
+  const detailInfo = ref();
+  const { openNewPage } = useOpenNewPage();
+
+  const stageConfig = ref<OpportunityStageConfig>();
+  async function initStageConfig() {
+    try {
+      stageConfig.value = await getOrderStatusConfig();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  watch(
+    () => visible.value,
+    (val) => {
+      if (val) {
+        initStageConfig();
+      }
+    }
+  );
+
+  const currentStatus = ref<string>(stageConfig.value?.stageConfigList[0]?.id || '');
+  const formViewSize = ref<FormViewSize>('large');
+  function handleInit(type?: CollaborationType, name?: string, detail?: Record<string, any>, config?: FormConfig) {
+    detailInfo.value = detail;
+    formViewSize.value = config?.viewSize || 'large';
+    if (detail) {
+      currentStatus.value = detail.stage;
+    }
+  }
+
+  const refreshKey = ref(0);
+  const approvalDetailRefreshKey = ref(0);
+  function handleSaved() {
+    refreshKey.value += 1;
+    emit('refresh');
+  }
+
+  function handleFormCreateSaved(_res: any, isUpdateReview?: boolean) {
+    if (isUpdateReview) {
+      approvalDetailRefreshKey.value += 1;
+    }
+    handleSaved();
+  }
+
+  const { reviewByFormResult, reviewByResourceId, revokeByResourceId } = useApprovalResourceAction({
+    formKey: FormDesignKeyEnum.ORDER,
+  });
+
+  const orderDetailDataActionMap = {
+    edit: {
+      key: 'edit',
+      label: t('common.edit'),
+      permission: ['ORDER:UPDATE'],
+    },
+    download: {
+      label: t('common.download'),
+      key: 'download',
+      permission: ['ORDER:DOWNLOAD'],
+    },
+    delete: {
+      label: t('common.delete'),
+      key: 'delete',
+      danger: true,
+      permission: ['ORDER:DELETE'],
+    },
+  };
+
+  const { initApprovalPermission, resolveRowOperation, deleteExecute, hasApprovalScopedPermission } =
+    useApprovalOperation<OrderItem>({
+      formType: FormDesignKeyEnum.ORDER,
+      dataActionMap: orderDetailDataActionMap,
+      isDetail: true,
+    });
+
+  async function handleDelete(row: OrderItem) {
+    openModal({
+      type: 'error',
+      title: t('common.deleteConfirmTitle', { name: characterLimit(row.name) }),
+      content: t('common.deleteConfirmContent'),
+      positiveText: deleteExecute.value ? t('crm.approval.confirmAndSubmitReview') : t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deleteOrder(row.id);
+          Message.success(deleteExecute.value ? t('common.reviewSuccess') : t('common.deleteSuccess'));
+          visible.value = false;
+          emit('delete');
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  const canUpdateStage = computed(() => {
+    if (!detailInfo.value) {
+      return false;
+    }
+
+    return hasApprovalScopedPermission(detailInfo.value, ['ORDER:UPDATE']);
+  });
+
+  const detailActions = computed<{
+    groupList: ActionsItem[];
+    moreList: ActionsItem[];
+  }>(() => {
+    if (!detailInfo.value) {
+      return { groupList: [], moreList: [] };
+    }
+
+    const detailAction = resolveRowOperation(detailInfo.value);
+    const filteredGroupList = props.readonly
+      ? detailAction.groupList.filter((item) => !['edit', 'delete'].includes(item.key as string))
+      : detailAction.groupList;
+    const filteredMoreList = props.readonly
+      ? detailAction.moreList.filter((item) => !['edit', 'delete'].includes(item.key as string))
+      : detailAction.moreList;
+
+    return {
+      groupList: filteredGroupList.map((e) => {
+        return {
+          ...e,
+          text: false,
+          ghost: true,
+          class: 'n-btn-outline-primary',
+        };
+      }),
+      moreList: filteredMoreList,
+    };
+  });
+
+  const formCreateDrawerVisible = ref(false);
+  function handleEdit() {
+    formCreateDrawerVisible.value = true;
+  }
+
+  function handleDownload(id: string) {
+    openNewPage(FullPageEnum.FULL_PAGE_EXPORT_ORDER, { id });
+  }
+
+  function handleRevoke() {
+    revokeByResourceId(props.sourceId, {
+      onSuccess: () => {
+        handleSaved();
+      },
+    });
+  }
+
+  function handleFormReview(res: any) {
+    reviewByFormResult(res, {
+      onSuccess: () => {
+        handleSaved();
+      },
+    });
+  }
+
+  function handleReview() {
+    reviewByResourceId(props.sourceId, {
+      onSuccess: () => {
+        handleSaved();
+      },
+    });
+  }
+
+  function handleSelect(key: string) {
+    switch (key) {
+      case 'review':
+        handleReview();
+        break;
+      case 'revoke':
+        handleRevoke();
+        break;
+      case 'edit':
+        handleEdit();
+        break;
+      case 'download':
+        handleDownload(props.sourceId);
+        break;
+      case 'delete':
+        handleDelete(detailInfo.value);
+        break;
+      default:
+        break;
+    }
+  }
+
+  const showContractDetailDrawer = ref(false);
+  const activeSourceId = ref<string>('');
+  function handleOpenContractDrawer(params: { id: string }) {
+    activeSourceId.value = params.id;
+    showContractDetailDrawer.value = true;
+  }
+
+  const showCustomerOverviewDrawer = ref(false);
+  const showCustomerOpenseaOverviewDrawer = ref(false);
+  const poolId = ref<string>('');
+  const activeCustomerSourceId = ref<string>('');
+  function handleOpenCustomerDrawer(params: { customerId: string; inCustomerPool: boolean; poolId: string }) {
+    activeCustomerSourceId.value = params.customerId;
+    if (params.inCustomerPool) {
+      showCustomerOpenseaOverviewDrawer.value = true;
+      poolId.value = params.poolId;
+    } else {
+      showCustomerOverviewDrawer.value = true;
+    }
+  }
+
+  const openSeaOptions = ref<CluePoolItem[]>([]);
+
+  async function initOpenSeaOptions() {
+    if (hasAnyPermission(['CUSTOMER_MANAGEMENT_POOL:READ'])) {
+      const res = await getOpenSeaOptions();
+      openSeaOptions.value = res;
+    }
+  }
+
+  const hiddenColumns = computed<string[]>(() => {
+    const openSeaSetting = openSeaOptions.value.find((item) => item.id === poolId.value);
+    return openSeaSetting?.fieldConfigs.filter((item) => !item.enable).map((item) => item.fieldId) || [];
+  });
+
+  const formDescriptionRef = ref<InstanceType<typeof CrmFormDescription>>();
+  async function handleSaveApproval(callback: () => Promise<any>, hasFieldPermission: boolean) {
+    if (hasFieldPermission) {
+      formDescriptionRef.value?.handleFormChange(async () => {
+        await callback();
+        refreshKey.value += 1;
+        emit('refresh');
+      });
+    } else {
+      await callback();
+      refreshKey.value += 1;
+      emit('refresh');
+    }
+  }
+
+  onBeforeMount(() => {
+    initOpenSeaOptions();
+  });
+
+  watch(
+    () => visible.value,
+    (val) => {
+      if (val) {
+        initApprovalPermission();
+      }
+    }
+  );
+</script>
diff --git a/frontend/packages/web/src/views/order/order/components/exportPdf.vue b/frontend/packages/web/src/views/order/order/components/exportPdf.vue
new file mode 100644
index 0000000..de957dd
--- /dev/null
+++ b/frontend/packages/web/src/views/order/order/components/exportPdf.vue
@@ -0,0 +1,83 @@
+<template>
+  <div class="bg-[var(--text-n9)]">
+    <div class="detail-container">
+      <div id="detail">
+        <CrmFormDescription
+          :form-key="FormDesignKeyEnum.ORDER_SNAPSHOT"
+          readonly
+          :source-id="sourceId"
+          :loadingDescription="t('order.exportingPdf')"
+          :column="2"
+          :refresh-key="refreshId"
+          label-width="auto"
+          :one-line-value="false"
+          :one-line-label="false"
+          value-align="start"
+          tooltip-position="top-start"
+          @init="handleInit"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { useRoute } from 'vue-router';
+  import { useMessage } from 'naive-ui';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { sleep } from '@lib/shared/method';
+  import exportPDF from '@lib/shared/method/exportPdf';
+  import { CollaborationType } from '@lib/shared/models/customer';
+
+  import CrmFormDescription from '@/components/business/crm-form-description/index.vue';
+
+  import { downloadOrder } from '@/api/modules';
+
+  const { t } = useI18n();
+
+  const loading = ref(true);
+
+  const Message = useMessage();
+  const route = useRoute();
+  const sourceId = ref(route.query.id as string);
+  const refreshId = ref(0);
+  const title = ref('');
+  const detailInfo = ref<Record<string, any>>();
+
+  const formLoading = ref(true);
+  async function handleInit(type?: CollaborationType, name?: string, detail?: Record<string, any>) {
+    title.value = name || '';
+    detailInfo.value = detail;
+    formLoading.value = false;
+    await nextTick();
+    await sleep(300);
+    exportPDF(detailInfo.value?.name ?? t('module.order'), 'detail', async () => {
+      loading.value = false;
+      try {
+        await downloadOrder(sourceId.value);
+        Message.success(t('opportunity.quotation.exportPdfSuccess'));
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      }
+    });
+  }
+</script>
+
+<style scoped lang="less">
+  .detail-container {
+    @apply flex justify-center;
+    #detail {
+      padding: 16px;
+      width: 1190px;
+      min-height: 100vh;
+      background: var(--text-n10);
+      page-break-inside: avoid;
+      @apply overflow-x-auto;
+      .crm-scroll-bar();
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/order/order/components/orderTable.vue b/frontend/packages/web/src/views/order/order/components/orderTable.vue
new file mode 100644
index 0000000..9715966
--- /dev/null
+++ b/frontend/packages/web/src/views/order/order/components/orderTable.vue
@@ -0,0 +1,785 @@
+<template>
+  <CrmTable
+    ref="crmTableRef"
+    v-model:checked-row-keys="checkedRowKeys"
+    v-bind="propsRes"
+    :class="`crm-order-table-${props.formKey}`"
+    :not-show-table="activeShowType === 'billboard'"
+    :not-show-table-filter="isAdvancedSearchMode"
+    :fullscreen-target-ref="props.fullscreenTargetRef"
+    :action-config="actionConfig"
+    :hiddenBackToTop="activeShowType === 'billboard'"
+    :customTotal="activeShowType === 'billboard'"
+    @page-change="propsEvent.pageChange"
+    @page-size-change="propsEvent.pageSizeChange"
+    @sorter-change="propsEvent.sorterChange"
+    @filter-change="filterChange"
+    @batch-action="handleBatchAction"
+    @refresh="searchData"
+  >
+    <template #actionLeft>
+      <n-button
+        v-if="!props.readonly && !props.isCustomerTab"
+        v-permission="['ORDER:ADD']"
+        type="primary"
+        @click="handleNewClick"
+      >
+        {{ t('order.new') }}
+      </n-button>
+    </template>
+    <template #actionRight>
+      <CrmAdvanceFilter
+        v-if="!props.hiddenAdvanceFilter"
+        ref="tableAdvanceFilterRef"
+        v-model:keyword="keyword"
+        :search-placeholder="t('order.searchPlaceholder')"
+        :custom-fields-config-list="customFieldsFilterConfig"
+        :filter-config-list="filterConfigList"
+        @adv-search="handleAdvSearch"
+        @keyword-search="searchData"
+      />
+      <n-tabs
+        v-if="!props.isContractTab && !props.isCustomerTab && !props.hiddenAdvanceFilter"
+        v-model:value="activeShowType"
+        type="segment"
+        size="large"
+        class="show-type-tabs"
+      >
+        <n-tab-pane name="table" class="hidden">
+          <template #tab><CrmIcon type="iconicon_list" /></template>
+        </n-tab-pane>
+        <n-tab-pane name="billboard" class="hidden">
+          <template #tab><CrmIcon type="iconicon_waterfalls" /></template>
+        </n-tab-pane>
+      </n-tabs>
+    </template>
+    <template #view>
+      <CrmViewSelect
+        v-if="!props.isContractTab && !props.isCustomerTab"
+        v-model:active-tab="activeTab"
+        :type="FormDesignKeyEnum.ORDER"
+        :custom-fields-config-list="customFieldsFilterConfig"
+        :filter-config-list="filterConfigList"
+        @refresh-table-data="searchData"
+      />
+    </template>
+    <template v-if="activeShowType === 'billboard'" #other>
+      <billboard
+        ref="billboardRef"
+        :keyword="keyword"
+        :view-id="activeTab"
+        :advance-filter="advanceFilter"
+        :readonly="props.readonly"
+        :enable-approval="enableApproval"
+        :has-stage-permission="hasOrderStagePermission"
+        @change="getStatistic()"
+        @open-detail="handleOpenDetail"
+        @init="handleBillboardInit"
+      />
+    </template>
+    <template v-if="showStatisticInfo" #totalRight>
+      <div v-if="activeShowType === 'billboard'">
+        {{ t('crmPagination.total', { count: billboardTotalCount }) }}
+      </div>
+      <div class="ml-[24px]">
+        {{ t('opportunity.averageAmount') }}
+        <span class="ml-[4px]">
+          {{ abbreviateNumber(totalAmountInfo?.averageAmount, '').value }}
+          <span class="unit">
+            {{ abbreviateNumber(totalAmountInfo?.averageAmount, '').unit }}
+          </span>
+        </span>
+      </div>
+      <div class="ml-[24px]">
+        {{ t('opportunity.totalAmount') }}
+        <span class="ml-[4px]">
+          {{ abbreviateNumber(totalAmountInfo?.amount, '').value }}
+          <span class="unit">
+            {{ abbreviateNumber(totalAmountInfo?.amount, '').unit }}
+          </span>
+        </span>
+      </div>
+    </template>
+  </CrmTable>
+
+  <DetailDrawer
+    v-model:visible="showDetailDrawer"
+    :sourceId="activeSourceId"
+    :readonly="props.readonly"
+    @refresh="searchData(undefined, activeSourceId)"
+    @delete="removeItemFromList(activeSourceId)"
+    @open-contract-drawer="showContractDrawer"
+  />
+  <CrmFormCreateDrawer
+    v-model:visible="formCreateDrawerVisible"
+    :form-key="activeFormKey"
+    :source-id="activeSourceId"
+    :need-init-detail="needInitDetail"
+    :initial-source-name="initialSourceName"
+    :link-form-key="FormDesignKeyEnum.CONTRACT"
+    :link-form-info="linkFormInfo"
+    :link-scenario="FormLinkScenarioEnum.CONTRACT_TO_ORDER"
+    @saved="handleFormCreateSaved"
+    @review="handleFormReview"
+  />
+  <CrmBatchEditModal
+    v-model:visible="showEditModal"
+    v-model:field-list="editFieldList"
+    :ids="checkedRowKeys"
+    :form-key="FormDesignKeyEnum.ORDER"
+    :show-approval-tip="batchEditApprovalTip"
+    @refresh="handleRefresh"
+  />
+</template>
+
+<script setup lang="ts">
+  import { useRoute } from 'vue-router';
+  import { DataTableRowKey, NButton, NTabPane, NTabs, useMessage } from 'naive-ui';
+
+  import { FieldTypeEnum, FormDesignKeyEnum, FormLinkScenarioEnum } from '@lib/shared/enums/formDesignEnum';
+  import { ProcessStatusEnum } from '@lib/shared/enums/process';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import useLocale from '@lib/shared/locale/useLocale';
+  import { abbreviateNumber, characterLimit } from '@lib/shared/method';
+  import { OpportunityStageConfig } from '@lib/shared/models/opportunity';
+  import { OrderItem } from '@lib/shared/models/order';
+
+  import CrmAdvanceFilter from '@/components/pure/crm-advance-filter/index.vue';
+  import { FilterForm, FilterFormItem, FilterResult } from '@/components/pure/crm-advance-filter/type';
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmNameTooltip from '@/components/pure/crm-name-tooltip/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+  import CrmApprovalPopover from '@/components/business/crm-approval/components/crm-approval-popover.vue';
+  import CrmBatchEditModal from '@/components/business/crm-batch-edit-modal/index.vue';
+  import CrmFormCreateDrawer from '@/components/business/crm-form-create-drawer/index.vue';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+  import { OpenDetailType } from '@/components/business/crm-stage-board/types';
+  import CrmViewSelect from '@/components/business/crm-view-select/index.vue';
+  import billboard from './billboard/index.vue';
+  import DetailDrawer from './detail.vue';
+
+  import { deleteOrder, getOrderStatistic, getOrderStatusConfig } from '@/api/modules';
+  import { baseFilterConfigList } from '@/config/clue';
+  import { processStatusOptions } from '@/config/process';
+  import useApprovalOperation from '@/hooks/useApprovalOperation';
+  import useApprovalResourceAction from '@/hooks/useApprovalResourceAction';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+  import useFormCreateTable from '@/hooks/useFormCreateTable';
+  import useLocalForage from '@/hooks/useLocalForage';
+  import useModal from '@/hooks/useModal';
+  import useOpenNewPage from '@/hooks/useOpenNewPage';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  import { FullPageEnum } from '@/enums/routeEnum';
+
+  const route = useRoute();
+
+  const { t } = useI18n();
+  const Message = useMessage();
+  const { currentLocale } = useLocale(Message.loading);
+  const { openModal } = useModal();
+  const { openNewPage } = useOpenNewPage();
+  const { getItem, setItem } = useLocalForage();
+
+  const props = defineProps<{
+    fullscreenTargetRef?: HTMLElement | null;
+    hiddenAdvanceFilter?: boolean;
+    isContractTab?: boolean;
+    isCustomerTab?: boolean;
+    sourceId?: string; // 合同详情下
+    sourceName?: string;
+    readonly?: boolean;
+    formKey: FormDesignKeyEnum.ORDER | FormDesignKeyEnum.CONTRACT_ORDER | FormDesignKeyEnum.CUSTOMER_ORDER;
+  }>();
+  const emit = defineEmits<{
+    (e: 'openContractDrawer', params: { id: string }): void;
+    (e: 'openCustomerDrawer', params: { customerId: string; inCustomerPool: boolean; poolId: string }): void;
+  }>();
+
+  const activeShowType = ref<'table' | 'billboard'>();
+  const activeTab = ref();
+  const keyword = ref('');
+  const tableRefreshId = ref(0);
+  const billboardTotalCount = ref(0);
+  const tableItemRefreshId = ref('');
+
+  const stageConfig = ref<OpportunityStageConfig>();
+  async function initStageConfig() {
+    try {
+      stageConfig.value = await getOrderStatusConfig();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+  await initStageConfig();
+
+  // 操作
+  const checkedRowKeys = ref<DataTableRowKey[]>([]);
+  const showEditModal = ref(false);
+  const actionConfig = computed(() => ({
+    baseAction: props.readonly
+      ? []
+      : [
+          {
+            label: t('common.batchEdit'),
+            key: 'batchEdit',
+            permission: ['ORDER:UPDATE'],
+          },
+        ],
+  }));
+
+  const { initFormConfig: initEditFormConfig, fieldList: editFieldList } = useFormCreateApi({
+    formKey: ref(FormDesignKeyEnum.ORDER),
+  });
+  function handleBatchEdit() {
+    initEditFormConfig();
+    showEditModal.value = true;
+  }
+  function handleRefresh() {
+    checkedRowKeys.value = [];
+    tableRefreshId.value += 1;
+  }
+
+  function handleBatchAction(item: ActionsItem) {
+    switch (item.key) {
+      case 'batchEdit':
+        handleBatchEdit();
+        break;
+      default:
+        break;
+    }
+  }
+
+  const formCreateDrawerVisible = ref(false);
+  const activeSourceId = ref(props.sourceId || '');
+  const initialSourceName = ref('');
+  const needInitDetail = ref(false);
+  const activeFormKey = ref(FormDesignKeyEnum.ORDER);
+
+  const createLoading = ref(false);
+  const linkFormKey = ref(FormDesignKeyEnum.CONTRACT);
+  const linkFormInfo = ref();
+  const { initFormDetail, initFormConfig, linkFormFieldMap } = useFormCreateApi({
+    formKey: linkFormKey,
+    sourceId: activeSourceId,
+  });
+
+  async function handleNewClick() {
+    try {
+      createLoading.value = true;
+      activeSourceId.value = props.isContractTab ? props.sourceId || '' : '';
+      initialSourceName.value = props.isContractTab ? props.sourceName || '' : '';
+      needInitDetail.value = false;
+      activeFormKey.value = FormDesignKeyEnum.ORDER;
+      if (props.isContractTab) {
+        linkFormKey.value = FormDesignKeyEnum.CONTRACT;
+        await initFormConfig();
+        await initFormDetail(false, true);
+      }
+      linkFormInfo.value = linkFormFieldMap.value;
+      formCreateDrawerVisible.value = true;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    } finally {
+      createLoading.value = false;
+    }
+  }
+
+  const showDetailDrawer = ref(false);
+
+  function handleEdit(id: string) {
+    activeFormKey.value = FormDesignKeyEnum.ORDER;
+    activeSourceId.value = id;
+    needInitDetail.value = true;
+    formCreateDrawerVisible.value = true;
+  }
+
+  const orderDataActionMap = {
+    edit: {
+      label: t('common.edit'),
+      key: 'edit',
+      permission: ['ORDER:UPDATE'],
+    },
+    download: {
+      label: t('common.download'),
+      key: 'download',
+      permission: ['ORDER:DOWNLOAD'],
+    },
+    delete: {
+      label: t('common.delete'),
+      key: 'delete',
+      permission: ['ORDER:DELETE'],
+    },
+  };
+
+  const {
+    initApprovalPermission,
+    resolveRowOperation,
+    enableApproval,
+    deleteExecute,
+    hasApprovalScopedPermission,
+    getApprovalActionTip,
+  } = useApprovalOperation<OrderItem>({
+    formType: FormDesignKeyEnum.ORDER,
+    dataActionMap: orderDataActionMap,
+    specialActionFilter: (row, actionKeys) => {
+      return props.readonly ? [] : actionKeys;
+    },
+  });
+
+  const { reviewByFormResult, reviewByResourceId, revokeByResourceId } = useApprovalResourceAction({
+    formKey: FormDesignKeyEnum.ORDER,
+  });
+  const batchEditApprovalTip = computed(() => getApprovalActionTip(['ORDER:UPDATE'], 'common.batchEditApprovalTip'));
+
+  function showDetail(row: OrderItem) {
+    if (row && !hasApprovalScopedPermission(row, ['ORDER:READ'])) {
+      return;
+    }
+    activeSourceId.value = row.id;
+    showDetailDrawer.value = true;
+  }
+
+  function handleDownload(id: string) {
+    openNewPage(FullPageEnum.FULL_PAGE_EXPORT_ORDER, { id });
+  }
+
+  const tableRemoveRefreshId = ref('');
+  async function handleDelete(row: OrderItem) {
+    openModal({
+      type: 'error',
+      title: t('common.deleteConfirmTitle', { name: characterLimit(row.name) }),
+      content: t('common.deleteConfirmContent'),
+      positiveText: deleteExecute.value ? t('crm.approval.confirmAndSubmitReview') : t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deleteOrder(row.id);
+          Message.success(deleteExecute.value ? t('common.reviewSuccess') : t('common.deleteSuccess'));
+          tableRemoveRefreshId.value = row.id;
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  function handleReview(row: OrderItem) {
+    reviewByResourceId(row.id, {
+      onSuccess: (resourceId) => {
+        tableItemRefreshId.value = resourceId;
+      },
+    });
+  }
+
+  function handleRevoke(row: OrderItem) {
+    revokeByResourceId(row.id, {
+      onSuccess: (resourceId) => {
+        tableItemRefreshId.value = resourceId;
+      },
+    });
+  }
+
+  async function handleActionSelect(row: OrderItem, actionKey: string) {
+    switch (actionKey) {
+      case 'review':
+        handleReview(row);
+        break;
+      case 'revoke':
+        handleRevoke(row);
+        break;
+      case 'edit':
+        handleEdit(row.id);
+        break;
+      case 'download':
+        handleDownload(row.id);
+        break;
+      case 'delete':
+        handleDelete(row);
+        break;
+      default:
+        break;
+    }
+  }
+
+  function showContractDrawer(params: { id: string }) {
+    if (props.isContractTab) {
+      showDetailDrawer.value = false;
+    } else {
+      emit('openContractDrawer', {
+        id: params.id,
+      });
+    }
+  }
+
+  function showCustomerDrawer(params: { customerId: string; inCustomerPool: boolean; poolId: string }) {
+    emit('openCustomerDrawer', {
+      customerId: params.customerId,
+      inCustomerPool: params.inCustomerPool,
+      poolId: params.poolId || '',
+    });
+  }
+
+  function handleOpenDetail(type: OpenDetailType, item: OrderItem) {
+    if (type === 'contract') {
+      showContractDrawer({ id: item.contractId });
+      return;
+    }
+    if (type === 'customer') {
+      showCustomerDrawer(item);
+      return;
+    }
+    showDetail(item);
+  }
+
+  function hasOrderStagePermission(row: OrderItem) {
+    return hasApprovalScopedPermission(row, ['ORDER:UPDATE']);
+  }
+
+  await initApprovalPermission();
+
+  const { useTableRes, customFieldsFilterConfig } = await useFormCreateTable({
+    formKey: props.formKey,
+    excludeFieldIds: ['contractId'],
+    operationColumn: {
+      key: 'operation',
+      width: currentLocale.value === 'en-US' ? 180 : 170,
+      fixed: 'right',
+      render: (row: OrderItem) => {
+        const operation = resolveRowOperation(row);
+        return operation.groupList.length
+          ? h(CrmOperationButton, {
+              groupList: operation.groupList,
+              moreList: operation.moreList,
+              onSelect: (key: string) => handleActionSelect(row, key),
+            })
+          : '-';
+      },
+    },
+    specialRender: {
+      name: (row: OrderItem) => {
+        return hasApprovalScopedPermission(row, ['ORDER:READ'])
+          ? h(
+              CrmTableButton,
+              {
+                onClick: () => {
+                  showDetail(row);
+                },
+              },
+              { default: () => row.name, trigger: () => row.name }
+            )
+          : h(CrmNameTooltip, { text: row.name });
+      },
+      contractId: (row: OrderItem) => {
+        return props.isContractTab || !hasAnyPermission(['CONTRACT:READ']) || !row.contractName
+          ? h(
+              CrmNameTooltip,
+              { text: row.contractName },
+              {
+                default: () => row.contractName,
+              }
+            )
+          : h(
+              CrmTableButton,
+              {
+                onClick: () => {
+                  showContractDrawer({ id: row.contractId });
+                },
+              },
+              { default: () => row.contractName, trigger: () => row.contractName }
+            );
+      },
+      customerId: (row: OrderItem) => {
+        return props.isCustomerTab ||
+          !row.customerName ||
+          (!row.inCustomerPool && !hasAnyPermission(['CUSTOMER_MANAGEMENT:READ'])) ||
+          (row.inCustomerPool && !hasAnyPermission(['CUSTOMER_MANAGEMENT_POOL:READ']))
+          ? h(
+              CrmNameTooltip,
+              { text: row.customerName },
+              {
+                default: () => row.customerName,
+              }
+            )
+          : h(
+              CrmTableButton,
+              {
+                onClick: () => {
+                  showCustomerDrawer(row);
+                },
+              },
+              { default: () => row.customerName, trigger: () => row.customerName }
+            );
+      },
+      stage: (row: OrderItem) => {
+        return row.stageName || '-';
+      },
+      approvalStatus: (row: OrderItem) =>
+        row.approvalStatus
+          ? h(CrmApprovalPopover, {
+              status: row.approvalStatus,
+              formKey: FormDesignKeyEnum.ORDER,
+              sourceId: row.id,
+              showMore: hasApprovalScopedPermission(row, ['ORDER:READ']),
+              disabled: row.approvalStatus !== ProcessStatusEnum.UNAPPROVED,
+              onMore: () => {
+                showDetail(row);
+              },
+            })
+          : '-',
+    },
+    containerClass: `.crm-order-table-${props.formKey}`,
+    orderStage: stageConfig.value?.stageConfigList || [],
+    permission: ['ORDER:UPDATE'],
+    enableApproval,
+  });
+  const { propsRes, propsEvent, advanceFilter, filterItem, loadList, setLoadListParams, setAdvanceFilter } =
+    useTableRes;
+
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+  const billboardRef = ref<InstanceType<typeof billboard>>();
+
+  // 表格
+  const filterConfigList = computed<FilterFormItem[]>(() => [
+    {
+      title: t('opportunity.department'),
+      dataIndex: 'departmentId',
+      type: FieldTypeEnum.TREE_SELECT,
+      treeSelectProps: {
+        labelField: 'name',
+        keyField: 'id',
+        multiple: true,
+        clearFilterAfterSelect: false,
+        type: 'department',
+        checkable: true,
+        showContainChildModule: true,
+        containChildIds: [],
+      },
+    },
+    {
+      title: t('order.status'),
+      dataIndex: 'stage',
+      type: FieldTypeEnum.SELECT_MULTIPLE,
+      selectProps: {
+        options:
+          stageConfig.value?.stageConfigList.map((e: any) => ({
+            label: e.name,
+            value: e.id,
+          })) || [],
+      },
+    },
+    {
+      title: t('common.approvalStatus'),
+      dataIndex: 'approvalStatus',
+      type: FieldTypeEnum.SELECT_MULTIPLE,
+      selectProps: {
+        options: processStatusOptions,
+      },
+    },
+    ...baseFilterConfigList,
+  ]);
+
+  const showStatisticInfo = computed(
+    () => propsRes.value.columns.find((item) => item.key === 'amount') || activeShowType.value === 'billboard'
+  );
+  const statisticInfo = ref({ amount: 0, averageAmount: 0 });
+  async function getStatistic(_keyword?: string) {
+    try {
+      const res = await getOrderStatistic({
+        keyword: _keyword ?? keyword.value,
+        viewId: activeTab.value,
+        customerId: props.sourceId,
+        combineSearch: advanceFilter,
+        filters: filterItem.value,
+      });
+      statisticInfo.value = res;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    }
+  }
+  const totalAmountInfo = computed(() => {
+    if (checkedRowKeys.value.length > 0) {
+      const amount = propsRes.value.data
+        .filter((item: OrderItem) => checkedRowKeys.value.includes(item.id))
+        .reduce((total: number, item: OrderItem) => total + (item.amount || 0), 0);
+      return {
+        averageAmount: amount / checkedRowKeys.value.length,
+        amount,
+      };
+    }
+    return {
+      averageAmount: statisticInfo.value?.averageAmount ?? 0,
+      amount: statisticInfo.value?.amount ?? 0,
+    };
+  });
+
+  function filterChange(val: any) {
+    propsEvent.value.filterChange(val);
+    getStatistic();
+  }
+
+  const isAdvancedSearchMode = ref(false);
+  function handleAdvSearch(filter: FilterResult, isAdvancedMode: boolean, _originalForm?: FilterForm) {
+    keyword.value = '';
+    isAdvancedSearchMode.value = isAdvancedMode;
+    setAdvanceFilter(filter);
+    if (activeShowType.value === 'billboard') {
+      billboardRef.value?.refresh();
+      getStatistic();
+    } else {
+      loadList();
+      getStatistic();
+      crmTableRef.value?.scrollTo({ top: 0 });
+    }
+  }
+
+  function searchData(val?: string, refreshId?: string) {
+    if (!activeTab.value && !props.isContractTab && !props.isCustomerTab) return;
+    setLoadListParams({
+      keyword: val ?? keyword.value,
+      viewId: activeTab.value,
+      ...(props.formKey === FormDesignKeyEnum.CONTRACT_ORDER ? { contractId: props.sourceId } : {}),
+      ...(props.formKey === FormDesignKeyEnum.CUSTOMER_ORDER ? { customerId: props.sourceId } : {}),
+    });
+    if (activeShowType.value === 'billboard') {
+      billboardRef.value?.refresh();
+      getStatistic(val);
+    } else {
+      loadList(false, refreshId);
+      getStatistic(val);
+      if (!refreshId) {
+        crmTableRef.value?.scrollTo({ top: 0 });
+      }
+    }
+  }
+
+  watch(
+    () => activeShowType.value,
+    async (val) => {
+      if (val) {
+        if (!props.isContractTab && !props.isCustomerTab && !props.hiddenAdvanceFilter) {
+          await setItem('order-active-show-type', activeShowType.value as 'table' | 'billboard');
+        }
+        searchData();
+      }
+    }
+  );
+
+  watch(
+    () => tableRefreshId.value,
+    () => {
+      checkedRowKeys.value = [];
+      searchData();
+    }
+  );
+
+  onBeforeMount(async () => {
+    await initApprovalPermission();
+    if (props.isContractTab || props.isCustomerTab) {
+      searchData();
+    }
+  });
+
+  function handleFormCreateSaved(res: any) {
+    if (needInitDetail.value) {
+      searchData(undefined, res.id);
+    } else {
+      searchData();
+    }
+  }
+
+  function handleFormReview(res: any) {
+    reviewByFormResult(res, {
+      onSuccess: () => {
+        handleFormCreateSaved(res);
+      },
+    });
+  }
+
+  function removeItemFromList(id: string) {
+    if (deleteExecute.value) {
+      searchData();
+      return;
+    }
+    if (activeShowType.value === 'billboard') {
+      billboardRef.value?.refresh();
+      getStatistic();
+      return;
+    }
+    propsRes.value.data = propsRes.value.data.filter((item) => item.id !== id);
+    propsRes.value.crmPagination = {
+      ...propsRes.value.crmPagination,
+      itemCount: (propsRes.value.crmPagination?.itemCount ?? 1) - 1,
+    };
+    getStatistic();
+  }
+
+  watch(
+    () => tableRemoveRefreshId.value,
+    (val) => {
+      if (val) {
+        removeItemFromList(val);
+        getStatistic();
+      }
+    }
+  );
+
+  watch(
+    () => tableItemRefreshId.value,
+    (val) => {
+      if (val) {
+        searchData(undefined, val);
+        tableItemRefreshId.value = '';
+      }
+    }
+  );
+
+  watch(
+    () => activeTab.value,
+    (val) => {
+      if (val) {
+        checkedRowKeys.value = [];
+        setLoadListParams({
+          keyword: keyword.value,
+          viewId: activeTab.value,
+          ...(props.formKey === FormDesignKeyEnum.CONTRACT_ORDER ? { contractId: props.sourceId } : {}),
+          ...(props.formKey === FormDesignKeyEnum.CUSTOMER_ORDER ? { customerId: props.sourceId } : {}),
+        });
+        crmTableRef.value?.setColumnSort(val);
+        getStatistic();
+      }
+    },
+    { immediate: true }
+  );
+
+  onMounted(async () => {
+    if (!props.isContractTab && !props.isCustomerTab && !props.hiddenAdvanceFilter) {
+      activeShowType.value = (await getItem<'billboard' | 'table'>('order-active-show-type')) ?? 'table';
+    } else {
+      activeShowType.value = 'table';
+    }
+
+    if (route.query.id && !(props.isContractTab || props.isCustomerTab)) {
+      activeSourceId.value = route.query.id as string;
+      showDetailDrawer.value = true;
+    }
+  });
+
+  function handleBillboardInit(total: number) {
+    billboardTotalCount.value = total;
+  }
+</script>
+
+<style lang="less" scoped>
+  .show-type-tabs {
+    :deep(.n-tabs-tab) {
+      padding: 6px;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/order/order/index.vue b/frontend/packages/web/src/views/order/order/index.vue
new file mode 100644
index 0000000..90d2698
--- /dev/null
+++ b/frontend/packages/web/src/views/order/order/index.vue
@@ -0,0 +1,81 @@
+<template>
+  <div ref="orderCardRef" class="h-full">
+    <CrmCard no-content-padding hide-footer>
+      <div class="h-full px-[16px] pt-[16px]">
+        <OrderTable
+          :form-key="FormDesignKeyEnum.ORDER"
+          :fullscreen-target-ref="orderCardRef"
+          @open-contract-drawer="handleOpenContractDrawer"
+          @open-customer-drawer="handleOpenCustomerDrawer"
+        />
+      </div>
+    </CrmCard>
+    <ContractDetailDrawer
+      v-model:visible="showContractDetailDrawer"
+      :sourceId="activeSourceId"
+      @showCustomerDrawer="handleOpenCustomerDrawer"
+    />
+    <customerOverviewDrawer v-model:show="showCustomerOverviewDrawer" :source-id="activeCustomerSourceId" />
+    <openSeaOverviewDrawer
+      v-model:show="showCustomerOpenseaOverviewDrawer"
+      :source-id="activeCustomerSourceId"
+      :pool-id="poolId"
+      :hidden-columns="hiddenColumns"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { CluePoolItem } from '@lib/shared/models/system/module';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import OrderTable from './components/orderTable.vue';
+  import ContractDetailDrawer from '@/views/contract/contract/components/detail.vue';
+  import customerOverviewDrawer from '@/views/customer/components/customerOverviewDrawer.vue';
+  import openSeaOverviewDrawer from '@/views/customer/components/openSeaOverviewDrawer.vue';
+
+  import { getOpenSeaOptions } from '@/api/modules';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const orderCardRef = ref<HTMLElement | null>(null);
+
+  const showContractDetailDrawer = ref(false);
+  const activeSourceId = ref<string>('');
+  function handleOpenContractDrawer(params: { id: string }) {
+    activeSourceId.value = params.id;
+    showContractDetailDrawer.value = true;
+  }
+
+  const showCustomerOverviewDrawer = ref(false);
+  const showCustomerOpenseaOverviewDrawer = ref(false);
+  const poolId = ref<string>('');
+  const activeCustomerSourceId = ref<string>('');
+  function handleOpenCustomerDrawer(params: { customerId: string; inCustomerPool: boolean; poolId: string }) {
+    activeCustomerSourceId.value = params.customerId;
+    if (params.inCustomerPool) {
+      showCustomerOpenseaOverviewDrawer.value = true;
+      poolId.value = params.poolId;
+    } else {
+      showCustomerOverviewDrawer.value = true;
+    }
+  }
+
+  const openSeaOptions = ref<CluePoolItem[]>([]);
+
+  async function initOpenSeaOptions() {
+    if (hasAnyPermission(['CUSTOMER_MANAGEMENT_POOL:READ'])) {
+      const res = await getOpenSeaOptions();
+      openSeaOptions.value = res;
+    }
+  }
+
+  const hiddenColumns = computed<string[]>(() => {
+    const openSeaSetting = openSeaOptions.value.find((item) => item.id === poolId.value);
+    return openSeaSetting?.fieldConfigs.filter((item) => !item.enable).map((item) => item.fieldId) || [];
+  });
+
+  onBeforeMount(() => {
+    initOpenSeaOptions();
+  });
+</script>
diff --git a/frontend/packages/web/src/views/product/components/detail.vue b/frontend/packages/web/src/views/product/components/detail.vue
new file mode 100644
index 0000000..31f9725
--- /dev/null
+++ b/frontend/packages/web/src/views/product/components/detail.vue
@@ -0,0 +1,65 @@
+<template>
+  <CrmDrawer v-model:show="visible" resizable no-padding :width="800" :footer="false" :title="title">
+    <template #titleRight>
+      <n-button
+        v-permission="['PRODUCT_MANAGEMENT:UPDATE']"
+        type="primary"
+        ghost
+        class="n-btn-outline-primary"
+        @click="emit('edit', props.sourceId)"
+      >
+        {{ t('common.edit') }}
+      </n-button>
+    </template>
+    <div class="h-full bg-[var(--text-n9)] px-[16px] pt-[16px]">
+      <CrmCard hide-footer>
+        <div class="flex-1">
+          <CrmFormDescription
+            :form-key="FormDesignKeyEnum.PRODUCT"
+            :source-id="props.sourceId"
+            :column="3"
+            :refresh-key="props.refreshId"
+            label-width="auto"
+            value-align="start"
+            tooltip-position="top-start"
+            :readonly="!hasAnyPermission(['PRODUCT_MANAGEMENT:UPDATE'])"
+            @init="handleInit"
+          />
+        </div>
+      </CrmCard>
+    </div>
+  </CrmDrawer>
+</template>
+
+<script lang="ts" setup>
+  import { NButton } from 'naive-ui';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { CollaborationType } from '@lib/shared/models/customer';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmFormDescription from '@/components/business/crm-form-description/index.vue';
+
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const props = defineProps<{
+    sourceId: string;
+    refreshId?: number;
+  }>();
+  const emit = defineEmits<{
+    (e: 'edit', sourceId: string): void;
+  }>();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const { t } = useI18n();
+  const title = ref('');
+
+  function handleInit(type?: CollaborationType, name?: string) {
+    title.value = name || '';
+  }
+</script>
diff --git a/frontend/packages/web/src/views/product/components/priceDetailDrawer.vue b/frontend/packages/web/src/views/product/components/priceDetailDrawer.vue
new file mode 100644
index 0000000..e91e8b7
--- /dev/null
+++ b/frontend/packages/web/src/views/product/components/priceDetailDrawer.vue
@@ -0,0 +1,73 @@
+<template>
+  <CrmDrawer v-model:show="show" :title="sourceName" :width="800" :footer="false" :view-size="formViewSize">
+    <template #titleRight>
+      <n-button
+        v-permission="['PRICE:UPDATE']"
+        type="primary"
+        ghost
+        class="n-btn-outline-primary ml-[12px]"
+        @click="handleEdit"
+      >
+        {{ t('common.edit') }}
+      </n-button>
+    </template>
+    <CrmFormDescription
+      ref="descriptionRef"
+      :form-key="FormDesignKeyEnum.PRICE"
+      :source-id="props.id"
+      :column="3"
+      label-width="auto"
+      value-align="start"
+      tooltip-position="top-start"
+      :readonly="!hasAnyPermission(['PRICE:UPDATE'])"
+      class="p-[8px]"
+      @init="handleDescriptionInit"
+    />
+  </CrmDrawer>
+</template>
+
+<script setup lang="ts">
+  import { NButton } from 'naive-ui';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { CollaborationType } from '@lib/shared/models/customer';
+  import type { FormConfig, FormViewSize } from '@lib/shared/models/system/module';
+
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmFormDescription from '@/components/business/crm-form-description/index.vue';
+
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const props = defineProps<{
+    id: string;
+  }>();
+  const emit = defineEmits<{
+    (e: 'edit', id: string): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const show = defineModel<boolean>('show', {
+    default: false,
+  });
+
+  const sourceName = ref<string>('');
+  const formViewSize = ref<FormViewSize>('medium');
+  function handleDescriptionInit(
+    _collaborationType?: CollaborationType,
+    _sourceName?: string,
+    detail?: Record<string, any>,
+    config?: FormConfig
+  ) {
+    sourceName.value = _sourceName || '';
+    formViewSize.value = config?.viewSize || 'medium';
+  }
+
+  function handleEdit() {
+    emit('edit', props.id);
+    show.value = false;
+  }
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/product/index.vue b/frontend/packages/web/src/views/product/index.vue
new file mode 100644
index 0000000..507e9f8
--- /dev/null
+++ b/frontend/packages/web/src/views/product/index.vue
@@ -0,0 +1,291 @@
+<template>
+  <CrmCard hide-footer no-content-bottom-padding>
+    <div :key="tableRefreshIdKey" class="h-full">
+      <CrmTable
+        ref="crmTableRef"
+        v-model:checked-row-keys="checkedRowKeys"
+        v-bind="propsRes"
+        class="crm-product-table"
+        :action-config="actionConfig"
+        :draggable="hasAnyPermission(['PRODUCT_MANAGEMENT:UPDATE'])"
+        @page-change="propsEvent.pageChange"
+        @page-size-change="propsEvent.pageSizeChange"
+        @sorter-change="propsEvent.sorterChange"
+        @filter-change="propsEvent.filterChange"
+        @batch-action="handleBatchAction"
+        @drag="dragHandler"
+        @refresh="searchData"
+      >
+        <template #actionLeft>
+          <div class="flex items-center gap-[12px]">
+            <n-button
+              v-permission="['PRODUCT_MANAGEMENT:ADD']"
+              type="primary"
+              @click="
+                {
+                  activeProductId = '';
+                  formCreateDrawerVisible = true;
+                }
+              "
+            >
+              {{ t('product.createProduct') }}
+            </n-button>
+            <CrmImportButton
+              v-if="hasAnyPermission(['PRODUCT_MANAGEMENT:IMPORT'])"
+              :api-type="FormDesignKeyEnum.PRODUCT"
+              :title="t('module.productManagement')"
+              @import-success="() => searchData()"
+            />
+          </div>
+        </template>
+        <template #actionRight>
+          <CrmSearchInput v-model:value="keyword" class="!w-[240px]" @search="searchData" />
+        </template>
+      </CrmTable>
+    </div>
+  </CrmCard>
+  <CrmFormCreateDrawer
+    v-model:visible="formCreateDrawerVisible"
+    :form-key="FormDesignKeyEnum.PRODUCT"
+    :source-id="activeProductId"
+    :need-init-detail="!!activeProductId"
+    @saved="handleRefresh"
+  />
+  <CrmBatchEditModal
+    v-model:visible="showEditModal"
+    v-model:field-list="editFieldList"
+    :ids="checkedRowKeys"
+    :form-key="FormDesignKeyEnum.PRODUCT"
+    @refresh="handleRefresh"
+  />
+  <detailDrawer
+    v-model:visible="detailDrawerVisible"
+    :source-id="activeProductId"
+    :refresh-id="tableRefreshId"
+    @edit="handleEdit"
+  />
+</template>
+
+<script lang="ts" setup>
+  import { DataTableRowKey, NButton, useMessage } from 'naive-ui';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { characterLimit } from '@lib/shared/method';
+  import type { TableDraggedParams } from '@lib/shared/models/common';
+  import type { ProductListItem } from '@lib/shared/models/product';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmSearchInput from '@/components/pure/crm-search-input/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import { BatchActionConfig } from '@/components/pure/crm-table/type';
+  import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+  import CrmBatchEditModal from '@/components/business/crm-batch-edit-modal/index.vue';
+  import CrmFormCreateDrawer from '@/components/business/crm-form-create-drawer/index.vue';
+  import CrmImportButton from '@/components/business/crm-import-button/index.vue';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+  import detailDrawer from './components/detail.vue';
+
+  import { batchDeleteProduct, deleteProduct, dragSortProduct } from '@/api/modules';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+  import useFormCreateTable from '@/hooks/useFormCreateTable';
+  import useModal from '@/hooks/useModal';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const { openModal } = useModal();
+
+  const { t } = useI18n();
+
+  const Message = useMessage();
+
+  const checkedRowKeys = ref<DataTableRowKey[]>([]);
+  const keyword = ref('');
+  const formCreateDrawerVisible = ref(false);
+  const activeProductId = ref('');
+  const tableRefreshId = ref(0);
+  const tableRefreshIdKey = ref(0);
+
+  const actionConfig: BatchActionConfig = {
+    baseAction: [
+      {
+        label: t('common.batchEdit'),
+        key: 'batchEdit',
+        permission: ['PRODUCT_MANAGEMENT:UPDATE'],
+      },
+      {
+        label: t('common.batchDelete'),
+        key: 'batchDelete',
+        permission: ['PRODUCT_MANAGEMENT:DELETE'],
+      },
+    ],
+  };
+
+  // 批量删除
+  function handleBatchDelete() {
+    openModal({
+      type: 'error',
+      title: t('product.batchDeleteTitleTip', { number: checkedRowKeys.value.length }),
+      content: t('product.batchDeleteContentTip'),
+      positiveText: t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await batchDeleteProduct(checkedRowKeys.value);
+          checkedRowKeys.value = [];
+          tableRefreshId.value += 1;
+          Message.success(t('common.deleteSuccess'));
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  const showEditModal = ref(false);
+  const { initFormConfig: initEditFormConfig, fieldList: editFieldList } = useFormCreateApi({
+    formKey: ref(FormDesignKeyEnum.PRODUCT),
+  });
+  function handleBatchEdit() {
+    initEditFormConfig();
+    showEditModal.value = true;
+  }
+
+  function handleBatchAction(item: ActionsItem) {
+    switch (item.key) {
+      case 'batchEdit':
+        handleBatchEdit();
+        break;
+      case 'batchDelete':
+        handleBatchDelete();
+        break;
+      default:
+        break;
+    }
+  }
+
+  // 删除
+  function handleDelete(row: ProductListItem) {
+    openModal({
+      type: 'error',
+      title: t('common.deleteConfirmTitle', { name: characterLimit(row.name) }),
+      content: t('product.batchDeleteContentTip'),
+      positiveText: t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deleteProduct(row.id);
+          Message.success(t('common.deleteSuccess'));
+          tableRefreshId.value += 1;
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  // 编辑
+  function handleEdit(productId: string) {
+    activeProductId.value = productId;
+    formCreateDrawerVisible.value = true;
+  }
+
+  // 拖拽
+  async function dragHandler(params: TableDraggedParams) {
+    try {
+      await dragSortProduct(params);
+      Message.success(t('common.operationSuccess'));
+      tableRefreshIdKey.value += 1;
+      tableRefreshId.value += 1;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    }
+  }
+
+  function handleActionSelect(row: ProductListItem, actionKey: string) {
+    switch (actionKey) {
+      case 'edit':
+        handleEdit(row.id);
+        break;
+      case 'delete':
+        handleDelete(row);
+        break;
+      default:
+        break;
+    }
+  }
+
+  const operationGroupList: ActionsItem[] = [
+    {
+      label: t('common.edit'),
+      key: 'edit',
+      permission: ['PRODUCT_MANAGEMENT:UPDATE'],
+    },
+    {
+      label: t('common.delete'),
+      key: 'delete',
+      permission: ['PRODUCT_MANAGEMENT:DELETE'],
+    },
+  ];
+  const detailDrawerVisible = ref(false);
+
+  const { useTableRes, fieldList } = await useFormCreateTable({
+    formKey: FormDesignKeyEnum.PRODUCT,
+    containerClass: '.crm-product-table',
+    operationColumn: {
+      key: 'operation',
+      width: 100,
+      fixed: 'right',
+      render: (row: ProductListItem) =>
+        h(CrmOperationButton, {
+          groupList: operationGroupList,
+          onSelect: (key: string) => handleActionSelect(row, key),
+        }),
+    },
+    specialRender: {
+      name: (row: ProductListItem) => {
+        return h(
+          CrmTableButton,
+          {
+            onClick: () => {
+              activeProductId.value = row.id;
+              detailDrawerVisible.value = true;
+            },
+          },
+          { default: () => row.name, trigger: () => row.name }
+        );
+      },
+    },
+    permission: ['PRODUCT_MANAGEMENT:UPDATE', 'PRODUCT_MANAGEMENT:DELETE'],
+  });
+  const { propsRes, propsEvent, loadList, setLoadListParams } = useTableRes;
+
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+  function searchData(val?: string) {
+    setLoadListParams({ keyword: val ?? keyword.value });
+    loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  function handleRefresh() {
+    checkedRowKeys.value = [];
+    tableRefreshId.value += 1;
+  }
+
+  watch(
+    () => tableRefreshId.value,
+    () => {
+      crmTableRef.value?.clearCheckedRowKeys();
+      searchData();
+    }
+  );
+
+  onMounted(() => {
+    searchData();
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/product/locale/en-US.ts b/frontend/packages/web/src/views/product/locale/en-US.ts
new file mode 100644
index 0000000..a4d168f
--- /dev/null
+++ b/frontend/packages/web/src/views/product/locale/en-US.ts
@@ -0,0 +1,13 @@
+export default {
+  'product.createProduct': 'Create Product',
+  'product.batchUp': 'Batch Up',
+  'product.batchDown': 'Batch Down',
+  'product.batchDeleteContentTip': 'Deleted, members cannot find this product, please be careful!',
+  'product.batchDeleteTitleTip': 'Confirm delete {number} products?',
+  'product.new': 'New product',
+  'product.batchUpSuccess': 'Batch up success',
+  'product.batchDownSuccess': 'Batch down success',
+  'product.detail': 'Product Details',
+  'product.newPrice': 'New Price Table',
+  'product.deletePriceContentTip': 'After deletion, the price table cannot be recovered. Please proceed with caution!',
+};
diff --git a/frontend/packages/web/src/views/product/locale/zh-CN.ts b/frontend/packages/web/src/views/product/locale/zh-CN.ts
new file mode 100644
index 0000000..e6f63cc
--- /dev/null
+++ b/frontend/packages/web/src/views/product/locale/zh-CN.ts
@@ -0,0 +1,13 @@
+export default {
+  'product.createProduct': '新建产品',
+  'product.batchUp': '批量上架',
+  'product.batchDown': '批量下架',
+  'product.batchDeleteContentTip': '删除后，成员无法查到该产品，请谨慎操作！',
+  'product.batchDeleteTitleTip': '确认删除 {number} 个产品？',
+  'product.new': '新建产品',
+  'product.batchUpSuccess': '上架成功',
+  'product.batchDownSuccess': '下架成功',
+  'product.detail': '产品详情',
+  'product.newPrice': '新建价格表',
+  'product.deletePriceContentTip': '删除后，价格表不可恢复，请谨慎操作！',
+};
diff --git a/frontend/packages/web/src/views/product/price.vue b/frontend/packages/web/src/views/product/price.vue
new file mode 100644
index 0000000..9b7f47f
--- /dev/null
+++ b/frontend/packages/web/src/views/product/price.vue
@@ -0,0 +1,355 @@
+<template>
+  <div ref="priceCardRef" class="h-full">
+    <CrmCard hide-footer no-content-padding>
+      <div class="h-full px-[16px] pt-[16px]">
+        <CrmTable
+          ref="crmTableRef"
+          v-model:checked-row-keys="checkedRowKeys"
+          v-bind="propsRes"
+          :action-config="actionConfig"
+          :fullscreen-target-ref="priceCardRef"
+          :draggable="hasAnyPermission(['PRICE:UPDATE'])"
+          class="crm-price-table"
+          @page-change="propsEvent.pageChange"
+          @page-size-change="propsEvent.pageSizeChange"
+          @sorter-change="propsEvent.sorterChange"
+          @filter-change="filterChange"
+          @batch-action="handleBatchAction"
+          @drag="dragHandler"
+          @refresh="searchData"
+        >
+          <template #actionLeft>
+            <div class="flex items-center gap-[12px]">
+              <n-button v-if="hasAnyPermission(['PRICE:ADD'])" type="primary" @click="handleCreate">
+                {{ t('product.newPrice') }}
+              </n-button>
+              <CrmImportButton
+                v-if="hasAnyPermission(['PRICE:IMPORT'])"
+                :api-type="FormDesignKeyEnum.PRICE"
+                :title="t('module.productManagementPrice')"
+                @import-success="() => searchData()"
+              />
+              <n-button
+                v-if="hasAnyPermission(['PRICE:EXPORT'])"
+                type="primary"
+                ghost
+                class="n-btn-outline-primary"
+                :disabled="propsRes.data.length === 0"
+                @click="handleExportAllClick"
+              >
+                {{ t('common.exportAll') }}
+              </n-button>
+            </div>
+          </template>
+          <template #actionRight>
+            <CrmAdvanceFilter
+              ref="tableAdvanceFilterRef"
+              v-model:keyword="keyword"
+              :search-placeholder="t('common.searchByName')"
+              :custom-fields-config-list="customFieldsFilterConfig"
+              :filter-config-list="filterConfigList"
+              @adv-search="handleAdvSearch"
+              @keyword-search="searchByKeyword"
+            />
+          </template>
+        </CrmTable>
+      </div>
+    </CrmCard>
+  </div>
+  <CrmFormCreateDrawer
+    v-model:visible="formCreateDrawerVisible"
+    :form-key="FormDesignKeyEnum.PRICE"
+    :other-save-params="otherFollowRecordSaveParams"
+    :source-id="activeSourceId"
+    :need-init-detail="needInitDetail"
+    @saved="() => searchData()"
+  />
+  <CrmTableExportModal
+    v-model:show="showExportModal"
+    :params="exportParams"
+    :export-columns="exportColumns"
+    :is-export-all="isExportAll"
+    type="price"
+    @create-success="() => (checkedRowKeys = [])"
+  />
+  <CrmBatchEditModal
+    v-model:visible="showEditModal"
+    v-model:field-list="editFieldList"
+    :ids="checkedRowKeys"
+    :form-key="FormDesignKeyEnum.PRICE"
+    @refresh="handleRefresh"
+  />
+  <priceDetailDrawer :id="activeSourceId" v-model:show="showPriceDetailDrawer" @edit="handleEdit" />
+</template>
+
+<script setup lang="ts">
+  import { DataTableRowKey, NButton, useMessage } from 'naive-ui';
+  import { debounce } from 'lodash-es';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { characterLimit } from '@lib/shared/method';
+  import { ExportTableColumnItem, TableDraggedParams } from '@lib/shared/models/common';
+
+  import CrmAdvanceFilter from '@/components/pure/crm-advance-filter/index.vue';
+  import { FilterFormItem, FilterResult } from '@/components/pure/crm-advance-filter/type';
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+  import CrmBatchEditModal from '@/components/business/crm-batch-edit-modal/index.vue';
+  import CrmFormCreateDrawer from '@/components/business/crm-form-create-drawer/index.vue';
+  import CrmImportButton from '@/components/business/crm-import-button/index.vue';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+  import CrmTableExportModal from '@/components/business/crm-table-export-modal/index.vue';
+  import priceDetailDrawer from './components/priceDetailDrawer.vue';
+
+  import { copyProductPrice, deleteProductPrice, dragSortProductPrice } from '@/api/modules';
+  import { baseFilterConfigList } from '@/config/clue';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+  import useFormCreateTable from '@/hooks/useFormCreateTable';
+  import useModal from '@/hooks/useModal';
+  import { getExportColumns } from '@/utils/export';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const { t } = useI18n();
+  const Message = useMessage();
+  const { openModal } = useModal();
+
+  const priceCardRef = ref<HTMLElement | null>(null);
+  const formCreateDrawerVisible = ref(false);
+  const activeSourceId = ref<string>('');
+  const needInitDetail = ref(false);
+  const otherFollowRecordSaveParams = ref<Record<string, any>>({ id: '' });
+  const tableRefreshId = ref(0);
+  const checkedRowKeys = ref<DataTableRowKey[]>([]);
+  const actionConfig = {
+    baseAction: [
+      {
+        label: t('common.exportChecked'),
+        key: 'exportChecked',
+        permission: ['PRICE:EXPORT'],
+      },
+      {
+        label: t('common.batchEdit'),
+        key: 'batchEdit',
+        permission: ['PRICE:UPDATE'],
+      },
+    ],
+  };
+  const handleSearchData = ref<null | ((...args: any[]) => void)>(null);
+  const keyword = ref<string>('');
+  const filterConfigList = computed<FilterFormItem[]>(() => {
+    return [...baseFilterConfigList] as FilterFormItem[];
+  });
+
+  function handleRefresh() {
+    checkedRowKeys.value = [];
+    tableRefreshId.value += 1;
+  }
+
+  // 编辑
+  function handleEdit(id: string) {
+    otherFollowRecordSaveParams.value.id = id;
+    needInitDetail.value = true;
+    formCreateDrawerVisible.value = true;
+  }
+
+  // 删除
+  function handleDelete(row: any) {
+    openModal({
+      type: 'error',
+      title: t('common.deleteConfirmTitle', { name: characterLimit(row.name) }),
+      content: t('product.deletePriceContentTip'),
+      positiveText: t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deleteProductPrice(row.id);
+          Message.success(t('common.deleteSuccess'));
+          tableRefreshId.value += 1;
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        }
+      },
+    });
+  }
+
+  const handleCopy = debounce(async (id: string) => {
+    try {
+      await copyProductPrice(id);
+      Message.success(t('common.copySuccess'));
+      tableRefreshId.value += 1;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }, 200);
+
+  function handleActionSelect(row: any, actionKey: string, done?: () => void) {
+    activeSourceId.value = row.id;
+    switch (actionKey) {
+      case 'edit':
+        handleEdit(row.id);
+        break;
+      case 'delete':
+        handleDelete(row);
+        break;
+      case 'copy':
+        handleCopy(row.id);
+        break;
+      default:
+        break;
+    }
+  }
+
+  const showPriceDetailDrawer = ref(false);
+
+  const { useTableRes, customFieldsFilterConfig, fieldList } = await useFormCreateTable({
+    formKey: FormDesignKeyEnum.PRICE,
+    excludeFieldIds: ['customerId'],
+    containerClass: 'crm-price-table',
+    operationColumn: {
+      key: 'operation',
+      width: 150,
+      fixed: 'right',
+      render: (row: any) =>
+        h(CrmOperationButton, {
+          groupList: [
+            {
+              label: t('common.edit'),
+              key: 'edit',
+              permission: ['PRICE:UPDATE'],
+            },
+            {
+              label: t('common.copy'),
+              key: 'copy',
+              permission: ['PRICE:ADD'],
+            },
+            {
+              label: t('common.delete'),
+              key: 'delete',
+              permission: ['PRICE:DELETE'],
+            },
+          ],
+          onSelect: (key: string, done?: () => void) => handleActionSelect(row, key, done),
+        }),
+    },
+    specialRender: {
+      name: (row: any) => {
+        return h(
+          CrmTableButton,
+          {
+            onClick: () => {
+              activeSourceId.value = row.id;
+              showPriceDetailDrawer.value = true;
+            },
+          },
+          { default: () => row.name, trigger: () => row.name }
+        );
+      },
+    },
+    permission: ['PRICE:UPDATE', 'PRICE:DELETE'],
+  });
+  const { propsRes, propsEvent, tableQueryParams, loadList, setLoadListParams, setAdvanceFilter } = useTableRes;
+
+  function filterChange(val: any) {
+    propsEvent.value.filterChange(val);
+  }
+
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+  function searchData(_keyword?: string) {
+    setLoadListParams({
+      keyword: _keyword ?? keyword.value,
+    });
+    loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  handleSearchData.value = searchData;
+  function handleAdvSearch(filter: FilterResult) {
+    keyword.value = '';
+    setAdvanceFilter(filter);
+    loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  function searchByKeyword(val: string) {
+    keyword.value = val;
+    nextTick(() => {
+      searchData();
+    });
+  }
+
+  // 拖拽
+  async function dragHandler(params: TableDraggedParams) {
+    try {
+      await dragSortProductPrice(params);
+      Message.success(t('common.operationSuccess'));
+      tableRefreshId.value += 1;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    }
+  }
+
+  const showEditModal = ref(false);
+  const { initFormConfig: initEditFormConfig, fieldList: editFieldList } = useFormCreateApi({
+    formKey: ref(FormDesignKeyEnum.PRICE),
+  });
+  function handleBatchEdit() {
+    initEditFormConfig();
+    showEditModal.value = true;
+  }
+
+  const showExportModal = ref<boolean>(false);
+  const isExportAll = ref(false);
+  const exportParams = computed(() => {
+    return {
+      ...tableQueryParams.value,
+      ids: checkedRowKeys.value,
+    };
+  });
+  const exportColumns = computed<ExportTableColumnItem[]>(() =>
+    getExportColumns(propsRes.value.columns, customFieldsFilterConfig.value as FilterFormItem[], fieldList.value)
+  );
+
+  function handleExportAllClick() {
+    showExportModal.value = true;
+    isExportAll.value = true;
+  }
+
+  function handleBatchAction(item: ActionsItem) {
+    switch (item.key) {
+      case 'batchEdit':
+        handleBatchEdit();
+        break;
+      case 'exportChecked':
+        isExportAll.value = false;
+        showExportModal.value = true;
+        break;
+      default:
+        break;
+    }
+  }
+
+  function handleCreate() {
+    needInitDetail.value = false;
+    formCreateDrawerVisible.value = true;
+  }
+
+  watch(
+    () => tableRefreshId.value,
+    () => {
+      crmTableRef.value?.clearCheckedRowKeys();
+      searchData();
+    }
+  );
+
+  onBeforeMount(() => {
+    searchData();
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/system/business/components/addOrEditAuthDrawer.vue b/frontend/packages/web/src/views/system/business/components/addOrEditAuthDrawer.vue
new file mode 100644
index 0000000..92d0619
--- /dev/null
+++ b/frontend/packages/web/src/views/system/business/components/addOrEditAuthDrawer.vue
@@ -0,0 +1,151 @@
+<template>
+  <CrmDrawer
+    v-model:show="showDrawer"
+    :title="
+      !form.id ? t('system.business.authenticationSettings.add') : t('system.business.authenticationSettings.edit')
+    "
+    :width="680"
+    :show-continue="!form.id"
+    :ok-text="form.id ? t('common.update') : undefined"
+    @confirm="confirm"
+    @cancel="cancel"
+    @continue="confirm(true)"
+  >
+    <n-form ref="formRef" :model="form" require-mark-placement="left" label-placement="left" label-width="100px">
+      <n-form-item
+        path="name"
+        :label="t('common.name')"
+        :rule="[{ required: true, message: t('common.notNull', { value: t('common.name') }) }]"
+      >
+        <n-input
+          v-model:value="form.name"
+          class="!w-[80%]"
+          allow-clear
+          :maxlength="255"
+          :placeholder="t('common.pleaseInput')"
+        />
+      </n-form-item>
+      <n-form-item path="description" :label="t('common.desc')">
+        <n-input
+          v-model:value="form.description"
+          :maxlength="1000"
+          class="!w-[80%]"
+          type="textarea"
+          :placeholder="t('common.pleaseInput')"
+          allow-clear
+        />
+      </n-form-item>
+      <!-- 先不上 -->
+      <!-- <n-form-item path="type" :label="t('system.business.authenticationSettings.addResource')">
+        <CrmTab v-model:active-tab="form.type" :tab-list="tabList" type="segment" />
+      </n-form-item> -->
+
+      <!-- 根据类型展示不同的表单 目前只有 OAUTH2 OAUTH2有多种，当前只展示企业微信的OAUTH2-->
+      <template v-for="item of authTypeFieldMap['WECOM_OAUTH2']" :key="item.key">
+        <n-form-item :label="item.label" :path="`configuration.${item.key}`" :rule="item.rule">
+          <n-input
+            v-model:value="form.configuration[item.key]"
+            allow-clear
+            :maxlength="255"
+            :placeholder="item.placeholder ?? t('common.pleaseInput')"
+            v-bind="item.inputProps"
+          />
+          <div v-if="item.subTip" class="text-[12px] text-[var(--text-n4)]">{{ item.subTip }}</div>
+        </n-form-item>
+      </template>
+
+      <n-form-item v-if="form.type === 'LDAP'" label=" ">
+        <div class="flex items-center gap-[12px]">
+          <n-button type="primary" ghost> {{ t('common.testLink') }} </n-button>
+          <n-button type="primary" ghost> {{ t('system.business.authenticationSettings.testLogin') }} </n-button>
+        </div>
+      </n-form-item>
+    </n-form>
+  </CrmDrawer>
+</template>
+
+<script setup lang="ts">
+  import { FormInst, NButton, NForm, NFormItem, NInput, useMessage } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { AuthForm, AuthUpdateParams } from '@lib/shared/models/system/business';
+
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+
+  // import CrmTab from '@/components/pure/crm-tab/index.vue';
+  import { createAuth, updateAuth } from '@/api/modules';
+  import { authTypeFieldMap, defaultAuthForm } from '@/config/business';
+
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  const showDrawer = defineModel<boolean>('show', {
+    required: true,
+    default: false,
+  });
+
+  const form = defineModel<AuthForm>('editAuthInfo', {
+    required: true,
+  });
+
+  const emit = defineEmits<{
+    (e: 'refresh'): void;
+  }>();
+
+  // 先不上
+  // const tabList = computed(() => {
+  //   return Object.keys(authTypeFieldMap).map((item) => ({
+  //     name: item,
+  //     tab: item,
+  //   }));
+  // });
+
+  const formRef = ref<FormInst | null>(null);
+
+  // 新增和编辑操作
+  async function confirm(isContinue?: boolean) {
+    formRef.value?.validate(async (error) => {
+      if (!error) {
+        try {
+          const formData: AuthUpdateParams = {
+            ...form.value,
+            configuration: JSON.stringify(form.value.configuration),
+          };
+
+          if (form.value.id) {
+            await updateAuth(formData);
+            Message.success(t('common.updateSuccess'));
+          } else {
+            await createAuth(formData);
+            Message.success(t('common.addSuccess'));
+          }
+          if (isContinue) {
+            form.value.name = '';
+            form.value.description = '';
+            Object.keys(form.value.configuration).forEach((key) => {
+              form.value.configuration[key] = '';
+            });
+          } else {
+            showDrawer.value = false;
+          }
+          emit('refresh');
+        } catch (e) {
+          // eslint-disable-next-line no-console
+          console.log(e);
+        }
+      }
+    });
+  }
+
+  function cancel() {
+    form.value = cloneDeep(defaultAuthForm);
+  }
+</script>
+
+<style scoped lang="less">
+  :deep(.n-form-item .n-form-item-blank) {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/business/components/apiKey.vue b/frontend/packages/web/src/views/system/business/components/apiKey.vue
new file mode 100644
index 0000000..00f4877
--- /dev/null
+++ b/frontend/packages/web/src/views/system/business/components/apiKey.vue
@@ -0,0 +1,440 @@
+<template>
+  <CrmCard hide-footer :special-height="64">
+    <div class="flex h-full flex-col gap-[16px]">
+      <div class="flex items-center">
+        <div class="font-medium text-[var(--text-n1)]">{{ t('system.personal.apiKey') }}</div>
+        <n-tooltip placement="right">
+          <template #trigger>
+            <CrmIcon
+              type="iconicon_help_circle"
+              :size="16"
+              class="ml-[4px] cursor-pointer text-[var(--text-n4)] hover:text-[var(--primary-8)]"
+            />
+          </template>
+          {{ t('system.personal.apiKeyTip') }}
+        </n-tooltip>
+      </div>
+      <div class="flex items-center">
+        <n-tooltip placement="right" :disabled="userStore.apiKeyList.length < 5">
+          <template #trigger>
+            <n-button
+              v-permission="['PERSONAL_API_KEY:ADD']"
+              type="primary"
+              ghost
+              class="n-btn-outline-primary"
+              :loading="newLoading"
+              :disabled="userStore.apiKeyList.length >= 5"
+              @click="newApiKey"
+            >
+              {{ t('common.new') }}
+            </n-button>
+          </template>
+          {{ t('system.personal.maxTip') }}
+        </n-tooltip>
+      </div>
+
+      <n-spin class="h-full w-full" :show="loading">
+        <div class="api-list-content">
+          <div v-for="item of userStore.apiKeyList" :key="item.id" class="api-item">
+            <div class="mb-[8px] border-b border-solid border-[var(--text-n8)]">
+              <div class="px-[16px]">
+                <div class="api-item-label">Access Key</div>
+                <div class="api-item-value-strong">
+                  {{ item.accessKey }}
+                  <CrmTag v-if="item.isExpire" size="small" class="mx-[4px] px-[4px]" theme="light" type="warning">
+                    {{ t('system.personal.expired') }}
+                  </CrmTag>
+                  <CrmIcon type="iconicon_file_copy" class="copy-icon" @click="handleCopy(item.accessKey)" />
+                </div>
+                <div class="api-item-label">Secret Key</div>
+                <div class="api-item-value-strong">
+                  {{ item.desensitization ? item.secretKey.replace(/./g, '*') : item.secretKey }}
+                  <CrmIcon
+                    :type="item.desensitization ? 'iconicon_browse_off' : 'iconicon_browse'"
+                    class="eye-icon"
+                    @click="desensitization(item)"
+                  />
+                  <CrmIcon type="iconicon_file_copy" class="copy-icon" @click="handleCopy(item.secretKey)" />
+                </div>
+              </div>
+            </div>
+            <div class="px-[16px]">
+              <div class="api-item-label">{{ t('common.desc') }}</div>
+              <n-input
+                v-if="item.showDescInput"
+                v-model:value="item.description"
+                type="textarea"
+                :autosize="{
+                  maxRows: 2,
+                  minRows: 2,
+                }"
+                :placeholder="t('common.pleaseInput')"
+                :maxlength="1000"
+                @blur="handleDescChange(item)"
+              />
+              <div v-else class="desc-line api-item-value">
+                <n-tooltip trigger="hover" flip :disabled="!item.description">
+                  <template #trigger>
+                    <div class="one-line-text w-[300px]">{{ item.description || '-' }}</div>
+                  </template>
+                  {{ item.description }}
+                </n-tooltip>
+                <CrmIcon
+                  v-permission="['PERSONAL_API_KEY:UPDATE']"
+                  type="iconicon_edit1"
+                  class="edit-icon"
+                  @click="handleEditClick(item)"
+                />
+              </div>
+              <div class="api-item-label mt-[4px]">{{ t('common.createTime') }}</div>
+              <div class="api-item-value">
+                {{ dayjs(item.createTime).format('YYYY-MM-DD HH:mm:ss') }}
+              </div>
+              <div class="api-item-label">{{ t('system.personal.validTime') }}</div>
+              <div class="api-item-value">
+                {{ item.forever ? t('system.personal.forever') : dayjs(item.expireTime).format('YYYY-MM-DD HH:mm:ss') }}
+                <n-tooltip v-if="item.isExpire" :disabled="!item.description">
+                  <template #trigger>
+                    <CrmIcon type="iconicon_info_circle_filled" class="ml-[4px] text-[rgb(var(--warning-6))]" />
+                  </template>
+                  {{ t('system.personal.expiredTip') }}
+                </n-tooltip>
+              </div>
+            </div>
+            <div class="flex items-center justify-between px-[16px]">
+              <div class="flex items-center gap-[8px]">
+                <n-button
+                  v-permission="['PERSONAL_API_KEY:UPDATE']"
+                  size="small"
+                  type="default"
+                  class="outline--secondary mr-[8px] px-[8px]"
+                  @click="handleSetValidTime(item)"
+                >
+                  {{ t('system.personal.validTime') }}
+                </n-button>
+                <n-button
+                  v-permission="['PERSONAL_API_KEY:DELETE']"
+                  type="error"
+                  size="small"
+                  ghost
+                  class="n-btn-outline-error"
+                  @click="handleDeleteApiKey(item)"
+                >
+                  {{ t('common.delete') }}
+                </n-button>
+              </div>
+              <n-switch
+                :disabled="!hasAnyPermission(['PERSONAL_API_KEY:UPDATE'])"
+                :value="item.enable"
+                size="small"
+                :rubber-band="false"
+                @click="handleBeforeEnableChange(item)"
+              />
+            </div>
+          </div>
+          <div
+            v-if="userStore.apiKeyList.length === 0"
+            class="col-span-8 flex w-full items-center justify-center p-[44px]"
+          >
+            {{ hasCratePermission ? t('system.personal.noData') : t('system.personal.empty') }}
+            <n-button v-if="hasCratePermission" text class="ml-[8px]" type="primary" @click="newApiKey">
+              {{ t('common.new') }}
+            </n-button>
+          </div>
+        </div>
+      </n-spin>
+    </div>
+    <CrmModal
+      v-model:show="timeModalVisible"
+      :title="t('system.personal.setValidTime')"
+      :positive-text="t('common.save')"
+      @confirm="handleTimeConfirm"
+      @cancel="handleTimeClose"
+    >
+      <n-form ref="timeFormRef" :model="timeForm" layout="vertical">
+        <n-form-item path="activeTimeType" :label="t('system.personal.timeSetting')">
+          <n-radio-group v-model:value="timeForm.activeTimeType" name="activeTimeType">
+            <n-radio-button value="forever" class="show-type-icon" :label="t('system.personal.forever')" />
+            <n-radio-button value="custom" class="show-type-icon" :label="t('system.personal.custom')" />
+          </n-radio-group>
+        </n-form-item>
+        <n-form-item
+          v-if="timeForm.activeTimeType === 'custom'"
+          path="time"
+          :label="t('system.personal.timeSetting')"
+          :rule="[{ required: true, message: t('common.notNull', { value: `${t('system.personal.expiredTime')}` }) }]"
+        >
+          <n-date-picker v-model:value="timeForm.time" class="w-[240px]" type="datetime" clearable />
+        </n-form-item>
+        <n-form-item path="desc" :label="t('system.personal.accessKeyDesc')">
+          <n-input
+            v-model:value="timeForm.desc"
+            type="textarea"
+            :placeholder="t('system.personal.accessKeyDescPlaceholder')"
+            :maxlength="1000"
+          />
+        </n-form-item>
+      </n-form>
+    </CrmModal>
+  </CrmCard>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import {
+    FormInst,
+    NButton,
+    NDatePicker,
+    NForm,
+    NFormItem,
+    NInput,
+    NRadioButton,
+    NRadioGroup,
+    NSpin,
+    NSwitch,
+    NTooltip,
+    useMessage,
+  } from 'naive-ui';
+  import dayjs from 'dayjs';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { ApiKeyItem, DefaultTimeForm } from '@lib/shared/models/system/business';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+
+  import { addApiKey, deleteApiKey, disableApiKey, enableApiKey, updateApiKey } from '@/api/modules';
+  import useLegacyCopy from '@/hooks/useLegacyCopy';
+  import useModal from '@/hooks/useModal';
+  import useUserStore from '@/store/modules/user';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const { openModal } = useModal();
+  const { legacyCopy } = useLegacyCopy('.crm-drawer-content');
+  const Message = useMessage();
+  const { t } = useI18n();
+  const userStore = useUserStore();
+
+  const hasCratePermission = hasAnyPermission(['PERSONAL_API_KEY:ADD']);
+  const loading = ref(false);
+  const newLoading = ref(false);
+  async function newApiKey() {
+    try {
+      newLoading.value = true;
+      await addApiKey();
+      Message.success(t('common.newSuccess'));
+      userStore.initApiKeyList();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      newLoading.value = false;
+    }
+  }
+
+  function handleCopy(val: string) {
+    legacyCopy(val);
+  }
+
+  function desensitization(item: ApiKeyItem) {
+    item.desensitization = !item.desensitization;
+  }
+
+  async function handleDescChange(item: ApiKeyItem) {
+    try {
+      loading.value = true;
+      await updateApiKey({
+        id: item.id || '',
+        description: item.description,
+      });
+      item.showDescInput = false;
+      Message.success(t('common.updateSuccess'));
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  function handleEditClick(item: ApiKeyItem) {
+    item.showDescInput = true;
+    nextTick(() => {
+      document.querySelector<HTMLInputElement>('.n-input__textarea-el')?.focus();
+    });
+  }
+
+  const defaultTimeForm: DefaultTimeForm = {
+    activeTimeType: 'forever',
+    time: undefined,
+    desc: '',
+  };
+
+  const timeForm = ref({ ...defaultTimeForm });
+  const activeKey = ref<ApiKeyItem>();
+  const timeModalVisible = ref(false);
+
+  function handleSetValidTime(apiKey: ApiKeyItem) {
+    activeKey.value = apiKey;
+    timeForm.value = {
+      activeTimeType: apiKey.forever ? 'forever' : 'custom',
+      time: apiKey.expireTime ?? undefined,
+      desc: apiKey.description,
+    };
+    timeModalVisible.value = true;
+  }
+
+  function handleDeleteApiKey(item: ApiKeyItem) {
+    openModal({
+      type: 'error',
+      title: t('system.personal.confirmDelete'),
+      content: t('system.personal.deleteTip'),
+      positiveText: t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deleteApiKey(item.id);
+          Message.success(t('common.deleteSuccess'));
+          userStore.initApiKeyList();
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        }
+      },
+    });
+  }
+
+  async function handleBeforeEnableChange(item: ApiKeyItem) {
+    if (!hasAnyPermission(['PERSONAL_API_KEY:UPDATE'])) return;
+    if (item.enable) {
+      openModal({
+        type: 'error',
+        title: t('common.confirmClose'),
+        content: t('system.personal.closeTip'),
+        positiveText: t('common.confirmClose'),
+        negativeText: t('common.cancel'),
+        onPositiveClick: async () => {
+          try {
+            await disableApiKey(item.id);
+            Message.success(t('common.closeSuccess'));
+            item.enable = false;
+          } catch (error) {
+            // eslint-disable-next-line no-console
+            console.log(error);
+          }
+        },
+      });
+    } else {
+      try {
+        await enableApiKey(item.id);
+        Message.success(t('common.enableSuccess'));
+        item.enable = true;
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      }
+    }
+  }
+
+  function handleTimeClose() {
+    timeForm.value = { ...defaultTimeForm };
+    timeModalVisible.value = false;
+  }
+
+  const timeFormRef = ref<FormInst | null>(null);
+  function handleTimeConfirm() {
+    timeFormRef.value?.validate(async (errors) => {
+      if (!errors) {
+        try {
+          await updateApiKey({
+            id: activeKey.value?.id || '',
+            description: timeForm.value.desc,
+            expireTime: timeForm.value.activeTimeType === 'forever' ? 0 : dayjs(timeForm.value.time).valueOf(),
+            forever: timeForm.value.activeTimeType === 'forever',
+          });
+          Message.success(t('common.updateSuccess'));
+          handleTimeClose();
+          userStore.initApiKeyList();
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        }
+      }
+    });
+  }
+
+  onBeforeMount(() => {
+    userStore.initApiKeyList();
+  });
+</script>
+
+<style scoped lang="less">
+  .api-list-content {
+    @apply grid h-full overflow-auto;
+    .crm-scroll-bar();
+
+    gap: 16px;
+    grid-template-columns: repeat(auto-fill, minmax(318px, 2fr));
+    padding: 16px;
+    border-radius: var(--border-radius-small);
+    background-color: var(--text-n9);
+  }
+  .api-item {
+    padding: 16px 0;
+    height: 335px;
+    border-radius: var(--border-radius-small);
+    background-color: var(--text-n10);
+    .api-item-label {
+      font-size: 12px;
+      line-height: 16px;
+      color: var(--text-n4);
+    }
+    .api-item-value {
+      @apply flex items-center;
+
+      margin-bottom: 16px;
+      font-size: 14px;
+      color: var(--text-n1);
+    }
+    .api-item-value-strong {
+      @apply flex items-center;
+
+      margin-bottom: 8px;
+      font-size: 14px;
+      font-weight: 500;
+      color: var(--text-n1);
+      &:hover {
+        .copy-icon {
+          @apply visible;
+        }
+      }
+      .copy-icon,
+      .eye-icon {
+        @apply cursor-pointer;
+
+        margin-left: 4px;
+        color: var(--text-n4);
+        &:hover {
+          color: var(--primary-8);
+        }
+      }
+      .copy-icon {
+        @apply invisible;
+      }
+    }
+  }
+  .desc-line {
+    gap: 4px;
+    &:hover {
+      .edit-icon {
+        @apply visible;
+      }
+    }
+    .edit-icon {
+      @apply invisible cursor-pointer;
+
+      color: var(--primary-8);
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/business/components/authenticationSettings.vue b/frontend/packages/web/src/views/system/business/components/authenticationSettings.vue
new file mode 100644
index 0000000..3de9de4
--- /dev/null
+++ b/frontend/packages/web/src/views/system/business/components/authenticationSettings.vue
@@ -0,0 +1,398 @@
+<template>
+  <!-- special-height 64是tab的高度和margin -->
+  <CrmCard hide-footer :special-height="licenseStore.expiredDuring ? 128 : 64" no-content-bottom-padding>
+    <CrmTable
+      ref="crmTableRef"
+      v-bind="propsRes"
+      class="crm-authentication-settings-table"
+      @page-change="propsEvent.pageChange"
+      @page-size-change="propsEvent.pageSizeChange"
+      @sorter-change="propsEvent.sorterChange"
+      @filter-change="propsEvent.filterChange"
+      @refresh="searchData"
+    >
+      <template #tableTop>
+        <div class="flex items-center justify-between">
+          <n-button v-permission="['SYSTEM_SETTING:ADD']" type="primary" @click="handleAdd">
+            {{ t('system.business.authenticationSettings.add') }}
+          </n-button>
+          <CrmSearchInput v-model:value="keyword" class="!w-[240px]" @search="searchData" />
+        </div>
+      </template>
+    </CrmTable>
+  </CrmCard>
+
+  <!-- 详情 -->
+  <CrmDrawer
+    v-model:show="showDetailDrawer"
+    :footer="false"
+    :show-mask="false"
+    :title="activeAuthDetail.name"
+    :width="680"
+  >
+    <template #titleLeft>
+      <CrmTag class="font-normal" theme="light" :type="`${activeAuthDetail.enable ? 'success' : 'default'}`">
+        {{ activeAuthDetail.enable ? t('common.opened') : t('common.disabled') }}
+      </CrmTag>
+    </template>
+    <template #titleRight>
+      <n-button
+        v-permission="['SYSTEM_SETTING:UPDATE']"
+        type="primary"
+        ghost
+        @click="handleEdit(activeAuthDetail, true)"
+      >
+        {{ t('common.edit') }}
+      </n-button>
+    </template>
+    <CrmDescription
+      :one-line-label="false"
+      class="p-[8px]"
+      :descriptions="descriptions"
+      :column="1"
+      label-align="end"
+      label-width="100px"
+    >
+      <template #password="{ item }">
+        <div class="flex items-center gap-[8px]">
+          <div v-show="showPassword">{{ item.value }}</div>
+          <div v-show="!showPassword">{{ desensitize(item.value as string) }}</div>
+          <CrmIcon
+            :type="showPassword ? 'iconicon_browse' : 'iconicon_browse_off'"
+            :size="16"
+            class="cursor-pointer text-[var(--text-n4)]"
+            @click="changeShowVisible"
+          />
+          <CrmIcon
+            type="iconicon_file_copy"
+            :size="16"
+            class="cursor-pointer text-[var(--text-n4)] active:text-[var(--primary-8)]"
+            @click="handleCopy(item.value as string)"
+          />
+        </div>
+      </template>
+    </CrmDescription>
+  </CrmDrawer>
+
+  <AddOrEditAuthDrawer v-model:show="showAddOrEditAuthDrawer" :edit-auth-info="editAuthInfo" @refresh="loadList" />
+</template>
+
+<script setup lang="ts">
+  import { useClipboard } from '@vueuse/core';
+  import { NButton, NSwitch, useMessage } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import { TableKeyEnum } from '@lib/shared/enums/tableEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { characterLimit, desensitize } from '@lib/shared/method';
+  import type { AuthForm, AuthItem } from '@lib/shared/models/system/business';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmDescription, { Description } from '@/components/pure/crm-description/index.vue';
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmSearchInput from '@/components/pure/crm-search-input/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import { CrmDataTableColumn } from '@/components/pure/crm-table/type';
+  import useTable from '@/components/pure/crm-table/useTable';
+  import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import CrmEditableText from '@/components/business/crm-editable-text/index.vue';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+  import AddOrEditAuthDrawer from './addOrEditAuthDrawer.vue';
+
+  import { deleteAuth, getAuthDetail, getAuthList, updateAuthName, updateAuthStatus } from '@/api/modules';
+  import { authTypeFieldMap, defaultAuthForm } from '@/config/business';
+  import useModal from '@/hooks/useModal';
+  import useLicenseStore from '@/store/modules/setting/license';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const { t } = useI18n();
+  const { openModal } = useModal();
+  const Message = useMessage();
+  const { copy, isSupported } = useClipboard({ legacy: true });
+  const licenseStore = useLicenseStore();
+
+  // 详情
+  const showDetailDrawer = ref(false);
+  const activeAuthDetail = ref<AuthForm>(cloneDeep(defaultAuthForm));
+  const descriptions = ref<Description[]>([]);
+
+  async function getDetail(id: string) {
+    try {
+      const res = await getAuthDetail(id);
+      const configuration = JSON.parse(res.configuration || '{}');
+      activeAuthDetail.value = { ...res, configuration };
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.error(e);
+    }
+  }
+
+  async function openAuthDetail(id: string) {
+    showDetailDrawer.value = true;
+    await getDetail(id);
+    descriptions.value = [
+      { label: t('common.desc'), value: activeAuthDetail.value.description || '' },
+      ...(authTypeFieldMap[activeAuthDetail.value?.type as string]?.map(({ label, key }) => ({
+        label,
+        value: activeAuthDetail.value.configuration[key as string],
+        valueSlotName: ['password', 'appSecret'].includes(key) ? 'password' : undefined,
+      })) || []),
+    ];
+  }
+
+  const showPassword = ref(false);
+  function changeShowVisible() {
+    showPassword.value = !showPassword.value;
+  }
+  function handleCopy(value: string) {
+    if (isSupported) {
+      copy(value);
+      Message.success(t('common.copySuccess'));
+    } else {
+      Message.error(t('common.copyNotSupport'));
+    }
+  }
+
+  // 新增和编辑
+  const showAddOrEditAuthDrawer = ref(false);
+  const editAuthInfo = ref<AuthForm>(cloneDeep(defaultAuthForm));
+
+  function handleAdd() {
+    editAuthInfo.value = cloneDeep(defaultAuthForm);
+    showAddOrEditAuthDrawer.value = true;
+  }
+  async function handleEdit(record: AuthForm | AuthItem, isFromDetail = false) {
+    if (isFromDetail) {
+      editAuthInfo.value = { ...(record as AuthForm) };
+      showAddOrEditAuthDrawer.value = true;
+    } else {
+      await getDetail((record as AuthItem).id);
+      editAuthInfo.value = { ...activeAuthDetail.value };
+      showAddOrEditAuthDrawer.value = true;
+    }
+  }
+
+  // 表格
+  const keyword = ref('');
+
+  // 操作列
+  const operationGroupList = ref([
+    {
+      label: t('common.edit'),
+      key: 'edit',
+      permission: ['SYSTEM_SETTING:UPDATE'],
+    },
+    {
+      label: t('common.delete'),
+      key: 'delete',
+      permission: ['SYSTEM_SETTING:DELETE'],
+    },
+  ]);
+
+  const tableRefreshId = ref(0);
+  function handleDelete(row: AuthItem) {
+    openModal({
+      type: 'error',
+      title: t('system.business.authenticationSettings.deleteConfirmTitle', { name: characterLimit(row.name) }),
+      content: t('common.deleteConfirmContent'),
+      positiveText: t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deleteAuth(row.id);
+          Message.success(t('common.deleteSuccess'));
+          tableRefreshId.value += 1;
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  function handleActionSelect(row: AuthItem, actionKey: string) {
+    switch (actionKey) {
+      case 'edit':
+        handleEdit(row);
+        break;
+      case 'delete':
+        handleDelete(row);
+        break;
+      default:
+        break;
+    }
+  }
+
+  function handleEnable(row: AuthItem) {
+    openModal({
+      type: 'default',
+      title: t('system.business.authenticationSettings.enableConfirmTitle', { name: characterLimit(row.name) }),
+      content: t('system.business.authenticationSettings.enableConfirmContent'),
+      positiveText: t('common.confirmStart'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await updateAuthStatus(row.id, true);
+          Message.success(t('common.opened'));
+          tableRefreshId.value += 1;
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        }
+      },
+    });
+  }
+
+  function handleDisable(row: AuthItem) {
+    openModal({
+      type: 'default',
+      title: t('system.business.authenticationSettings.disableConfirmTitle', { name: characterLimit(row.name) }),
+      content: t('system.business.authenticationSettings.disableConfirmContent'),
+      positiveText: t('common.confirmDisable'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await updateAuthStatus(row.id, false);
+          Message.success(t('common.disabled'));
+          tableRefreshId.value += 1;
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        }
+      },
+    });
+  }
+
+  async function handleChangeName(id: string, name: string) {
+    try {
+      await updateAuthName(id, name);
+      Message.success(t('common.updateSuccess'));
+      return Promise.resolve(true);
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+      return Promise.resolve(false);
+    }
+  }
+
+  const columns: CrmDataTableColumn[] = [
+    {
+      title: t('common.name'),
+      key: 'name',
+      columnSelectorDisabled: true,
+      fixed: 'left',
+      render: (row: AuthItem) => {
+        return h(
+          CrmEditableText,
+          {
+            value: row.name,
+            permission: ['SYSTEM_SETTING:UPDATE'],
+            onHandleEdit: async (val: string, done?: () => void) => {
+              const res = await handleChangeName(row.id, val);
+              if (res) {
+                done?.();
+                tableRefreshId.value += 1;
+              }
+            },
+          },
+          {
+            default: () =>
+              h(
+                'div',
+                {
+                  class: 'max-w-[calc(100%-24px)] w-[fit-content]',
+                },
+                h(
+                  CrmTableButton,
+                  {
+                    onClick: () => openAuthDetail(row.id as string),
+                  },
+                  { default: () => row.name, trigger: () => row.name }
+                )
+              ),
+          }
+        );
+      },
+    },
+    {
+      title: t('common.status'),
+      key: 'enable',
+      width: 100,
+      render: (row: AuthItem) => {
+        return h(NSwitch, {
+          value: row.enable,
+          disabled: !hasAnyPermission(['SYSTEM_SETTING:UPDATE']),
+          onClick: () => {
+            if (!hasAnyPermission(['SYSTEM_SETTING:UPDATE'])) return;
+            if (row.enable) {
+              handleDisable(row);
+            } else {
+              handleEnable(row);
+            }
+          },
+        });
+      },
+    },
+    {
+      title: t('common.desc'),
+      key: 'description',
+      ellipsis: {
+        tooltip: true,
+      },
+    },
+    {
+      title: t('common.createTime'),
+      key: 'createTime',
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+    },
+    {
+      title: t('common.updateTime'),
+      key: 'updateTime',
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+    },
+    {
+      key: 'operation',
+      width: 120,
+      render: (row: AuthItem) =>
+        h(CrmOperationButton, {
+          groupList: operationGroupList.value,
+          onSelect: (key: string) => handleActionSelect(row, key),
+        }),
+    },
+  ];
+
+  const { propsRes, propsEvent, loadList, setLoadListParams } = useTable(getAuthList, {
+    tableKey: TableKeyEnum.AUTH,
+    showSetting: true,
+    columns,
+    containerClass: '.crm-authentication-settings-table',
+  });
+
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+  function searchData() {
+    setLoadListParams({ keyword: keyword.value });
+    loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  watch(
+    () => tableRefreshId.value,
+    () => {
+      crmTableRef.value?.clearCheckedRowKeys();
+      searchData();
+    }
+  );
+
+  onMounted(() => {
+    searchData();
+  });
+</script>
diff --git a/frontend/packages/web/src/views/system/business/components/editIntegrationModal.vue b/frontend/packages/web/src/views/system/business/components/editIntegrationModal.vue
new file mode 100644
index 0000000..95b51b2
--- /dev/null
+++ b/frontend/packages/web/src/views/system/business/components/editIntegrationModal.vue
@@ -0,0 +1,542 @@
+<template>
+  <CrmModal
+    v-model:show="showModal"
+    :title="t('system.business.configType', { type: props.title })"
+    :mask-closable="false"
+  >
+    <n-form
+      ref="formRef"
+      :model="form.config"
+      :rules="rules"
+      label-placement="left"
+      require-mark-placement="left"
+      :label-width="getLabelWidth"
+    >
+      <!-- 应用 key 第一版没有 -->
+      <!-- <n-form-item v-if="['DINGTALK'].includes(form?.type)" path="appKey" :label="t('system.business.appKey')">
+        <n-input
+          v-model:value="form.config.appKey"
+          type="password"
+          show-password-on="click"
+          :input-props="{ autocomplete: 'new-password' }"
+          :placeholder="t('common.pleaseInput')"
+        />
+      </n-form-item> -->
+      <!-- MaxKB -->
+      <template v-if="[CompanyTypeEnum.MAXKB].includes(form?.type)">
+        <n-form-item path="mkAddress" :label="t('system.business.agent.agentMaxKBUrl')">
+          <n-input v-model:value="form.config.mkAddress" :placeholder="t('common.pleaseInput')" />
+        </n-form-item>
+      </template>
+
+      <!-- 企业 ID -->
+      <template v-if="platformType.includes(form?.type)">
+        <n-form-item path="corpId" :label="t('system.business.corpId')">
+          <n-input v-model:value="form.config.corpId" :placeholder="t('common.pleaseInput')" />
+        </n-form-item>
+      </template>
+      <!-- DE 地址 -->
+      <template v-if="[CompanyTypeEnum.DATA_EASE].includes(form?.type)">
+        <n-form-item path="redirectUrl" :label="t('system.business.DE.url')">
+          <n-input v-model:value="form.config.redirectUrl" :placeholder="t('system.business.DE.urlPlaceholder')" />
+        </n-form-item>
+      </template>
+      <!-- 应用 ID -->
+      <template
+        v-if="
+          [
+            CompanyTypeEnum.WECOM,
+            CompanyTypeEnum.DINGTALK,
+            CompanyTypeEnum.LARK,
+            CompanyTypeEnum.INTERNAL,
+            CompanyTypeEnum.DATA_EASE,
+          ].includes(form?.type)
+        "
+      >
+        <n-form-item
+          path="agentId"
+          :label="form.type === CompanyTypeEnum.DATA_EASE ? 'APP ID' : t('system.business.agentId')"
+        >
+          <n-input
+            v-model:value="form.config.agentId"
+            :placeholder="
+              form.type === CompanyTypeEnum.DATA_EASE ? t('system.business.DE.idPlaceholder') : t('common.pleaseInput')
+            "
+          />
+        </n-form-item>
+      </template>
+
+      <template v-if="[CompanyTypeEnum.QCC].includes(form?.type)">
+        <n-form-item path="qccAddress" :label="t('system.business.qichachaAddress')">
+          <n-input v-model:value="form.config.qccAddress" :placeholder="t('common.pleaseInput')" />
+        </n-form-item>
+        <n-form-item path="qccAccessKey" label="Access Key">
+          <n-input v-model:value="form.config.qccAccessKey" :placeholder="t('common.pleaseInput')" />
+        </n-form-item>
+        <n-form-item path="qccSecretKey" label="Secret Key">
+          <n-input
+            v-model:value="form.config.qccSecretKey"
+            type="password"
+            show-password-on="click"
+            :placeholder="t('common.pleaseInput')"
+          />
+        </n-form-item>
+      </template>
+
+      <!-- 应用密钥 -->
+      <n-form-item
+        v-if="![CompanyTypeEnum.SQLBot, CompanyTypeEnum.QCC].includes(form.type)"
+        path="appSecret"
+        :label="getAppSecretText"
+      >
+        <n-input
+          v-model:value="form.config.appSecret"
+          type="password"
+          show-password-on="click"
+          :input-props="{ autocomplete: 'new-password' }"
+          :placeholder="
+            form.type === CompanyTypeEnum.DATA_EASE
+              ? t('system.business.DE.secretPlaceholder')
+              : t('common.pleaseInput')
+          "
+        />
+      </n-form-item>
+
+      <n-form-item
+        v-if="[CompanyTypeEnum.SQLBot].includes(form.type)"
+        path="appSecret"
+        :label="t('system.business.SQLBot.embeddedScript')"
+      >
+        <n-input
+          v-model:value="form.config.appSecret"
+          type="textarea"
+          :placeholder="`${t('common.pleaseInput')}${t('system.business.SQLBot.embeddedScript')}`"
+        />
+        <div class="text-[var(--primary-8)]">
+          {{
+            t('system.business.SQLBot.example', {
+              url: '&lt;script async deferid="XXXXXX" src="XXXXXX"&gt;&lt;/script&gt;',
+            })
+          }}
+        </div>
+      </n-form-item>
+
+      <n-form-item
+        v-if="form.type === CompanyTypeEnum.DINGTALK"
+        path="appId"
+        :label="t('system.business.authenticationSettings.innerAppId')"
+      >
+        <n-input
+          v-model:value="form.config.appId"
+          :placeholder="t('system.business.authenticationSettings.innerAppIdPlaceholder')"
+        />
+      </n-form-item>
+
+      <n-form-item
+        v-if="form.type === CompanyTypeEnum.LARK"
+        path="redirectUrl"
+        :label="t('system.business.authenticationSettings.callbackUrl')"
+      >
+        <n-input
+          v-model:value="form.config.redirectUrl"
+          :placeholder="t('system.business.authenticationSettings.callbackUrlPlaceholder')"
+        />
+      </n-form-item>
+
+      <!-- DE账号 -->
+      <template v-if="form.type === CompanyTypeEnum.DATA_EASE">
+        <n-form-item path="deAutoSync" :label="t('system.business.DE.autoSync')" class="autoSyncItem">
+          <n-switch v-model:value="form.config.deAutoSync" />
+          <div class="w-full text-[12px] text-[var(--text-n4)]">{{ t('system.business.DE.autoSyncTip') }}</div>
+        </n-form-item>
+        <n-form-item path="deAccessKey" label="Access Key">
+          <n-input
+            v-model:value="form.config.deAccessKey"
+            type="password"
+            show-password-on="click"
+            :placeholder="t('common.pleaseInput')"
+            @change="fetchDEOrgList"
+          />
+        </n-form-item>
+        <n-form-item path="deSecretKey" label="Secret Key">
+          <n-input
+            v-model:value="form.config.deSecretKey"
+            type="password"
+            show-password-on="click"
+            :placeholder="t('common.pleaseInput')"
+            @change="fetchDEOrgList"
+          />
+        </n-form-item>
+        <n-form-item path="deOrgID" :label="t('system.business.DE.org')">
+          <n-tooltip :disabled="!!form.config.deAccessKey && !!form.config.deSecretKey">
+            <template #trigger>
+              <n-select
+                v-model:value="form.config.deOrgID"
+                size="medium"
+                :options="DEOrgList"
+                label-field="name"
+                value-field="id"
+                :disabled="!form.config.deAccessKey || !form.config.deSecretKey"
+                :loading="orgListLoading"
+                filterable
+              />
+            </template>
+            {{ t('system.business.DE.orgTip') }}
+          </n-tooltip>
+        </n-form-item>
+      </template>
+    </n-form>
+    <template #footer>
+      <div class="flex w-full items-center justify-between">
+        <div v-if="platformType.includes(form.type)" class="ml-[4px] flex items-center gap-[8px]">
+          <n-tooltip :disabled="form.verify">
+            <template #trigger>
+              <n-switch v-model:value="form.config.startEnable" :rubber-band="false" :disabled="!form.verify" />
+            </template>
+            {{ t('system.business.notConfiguredTip') }}
+          </n-tooltip>
+
+          <div class="text-[12px] text-[var(--text-n1)]">
+            {{ t('system.business.authenticationSettings.syncUser') }}
+          </div>
+          <n-tooltip trigger="hover">
+            <template #trigger>
+              <CrmIcon
+                type="iconicon_help_circle"
+                :size="16"
+                class="cursor-pointer text-[var(--text-n4)] hover:text-[var(--primary-1)]"
+              />
+            </template>
+            <template #default>
+              <div>
+                <div>{{ t('system.business.authenticationSettings.syncUsersToolTitle', { type: props.title }) }}</div>
+                <div>{{ t('system.business.authenticationSettings.syncUsersOpenTip', { type: props.title }) }}</div>
+                <div>{{ t('system.business.authenticationSettings.syncUsersTipContent', { type: props.title }) }}</div>
+              </div>
+            </template>
+          </n-tooltip>
+        </div>
+        <div class="flex flex-1 items-center justify-end">
+          <n-button :disabled="loading" secondary @click="cancel">
+            {{ t('common.cancel') }}
+          </n-button>
+          <n-button
+            :loading="linkLoading"
+            type="primary"
+            ghost
+            class="n-btn-outline-primary mx-[12px]"
+            @click="continueLink"
+          >
+            {{ t('common.testLink') }}
+          </n-button>
+          <n-button :loading="loading" type="primary" @click="confirmHandler">
+            {{ t('common.confirm') }}
+          </n-button>
+        </div>
+      </div>
+    </template>
+  </CrmModal>
+</template>
+
+<script setup lang="ts">
+  import {
+    FormInst,
+    FormRules,
+    NButton,
+    NCheckbox,
+    NCheckboxGroup,
+    NForm,
+    NFormItem,
+    NInput,
+    NSelect,
+    NSpace,
+    NSwitch,
+    NTooltip,
+    useMessage,
+  } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import { CompanyTypeEnum } from '@lib/shared/enums/commonEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { DEOrgItem, ThirdPartyDEConfig, ThirdPartyResourceConfig } from '@lib/shared/models/system/business';
+
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+
+  import { getDEOrgList, testConfigSynchronization, updateConfigSynchronization } from '@/api/modules';
+  import { defaultThirdPartyConfigMap, platformType } from '@/config/business';
+  import useModal from '@/hooks/useModal';
+
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  const props = defineProps<{
+    integration?: ThirdPartyResourceConfig;
+    title: string;
+  }>();
+
+  const showModal = defineModel<boolean>('show', {
+    required: true,
+    default: false,
+  });
+  const { openModal } = useModal();
+  const emit = defineEmits<{
+    (e: 'initSync'): void;
+  }>();
+
+  const form = ref<ThirdPartyResourceConfig>({
+    type: CompanyTypeEnum.WECOM,
+    verify: false,
+    config: defaultThirdPartyConfigMap[CompanyTypeEnum.WECOM],
+  });
+  const DEOrgList = ref<DEOrgItem[]>([]);
+  const orgListLoading = ref(false);
+
+  const getAppSecretText = computed(() => {
+    if (props.integration?.type === CompanyTypeEnum.DATA_EASE) return 'APP Secret';
+    if (props.integration?.type === CompanyTypeEnum.SQLBot) return t('system.business.SQLBot.embeddedScript');
+    if (props.integration?.type === CompanyTypeEnum.MAXKB) return 'API Key';
+    return t('system.business.appSecret');
+  });
+
+  const rules = computed<FormRules>(() => ({
+    corpId: [
+      {
+        trigger: ['input', 'blur'],
+        required: true,
+        message: t('common.notNull', { value: `${t('system.business.corpId')} ` }),
+      },
+    ],
+    agentId: [
+      {
+        trigger: ['input', 'blur'],
+        required: true,
+        message: t('common.notNull', {
+          value: `${props.integration?.type === CompanyTypeEnum.DATA_EASE ? 'APP ID' : t('system.business.agentId')} `,
+        }),
+      },
+    ],
+    appKey: [
+      {
+        trigger: ['input', 'blur'],
+        required: true,
+        message: t('common.notNull', { value: `${t('system.business.appKey')} ` }),
+      },
+    ],
+    appSecret: [
+      {
+        trigger: ['input', 'blur'],
+        required: true,
+        message: t('common.notNull', {
+          value: getAppSecretText.value,
+        }),
+      },
+    ],
+    appId: [
+      {
+        trigger: ['input', 'blur'],
+        required: true,
+        message: t('system.business.authenticationSettings.innerAppIdPlaceholder'),
+      },
+    ],
+    // 判断redirectUrl 如果form.type是LARK 则提示回调地址不能为空
+    redirectUrl:
+      props.integration?.type === CompanyTypeEnum.LARK
+        ? [
+            {
+              trigger: ['input', 'blur'],
+              required: true,
+              message: t('common.notNull', { value: `${t('system.business.authenticationSettings.callbackUrl')} ` }),
+            },
+          ]
+        : [
+            {
+              trigger: ['input', 'blur'],
+              required: true,
+              message: t('common.notNull', { value: `${t('system.business.DE.url')} ` }),
+            },
+          ],
+    deAccessKey: [
+      { trigger: ['input', 'blur'], required: true, message: t('common.notNull', { value: 'deAccessKey' }) },
+    ],
+    deSecretKey: [
+      { trigger: ['input', 'blur'], required: true, message: t('common.notNull', { value: 'deSecretKey' }) },
+    ],
+    deOrgID: [
+      {
+        trigger: ['input', 'blur'],
+        required: true,
+        message: t('common.notNull', { value: t('system.business.DE.org') }),
+      },
+    ],
+    mkAddress: [
+      {
+        trigger: ['input', 'blur'],
+        required: true,
+        message: t('common.notNull', { value: t('system.business.agent.agentMaxKBUrl') }),
+      },
+    ],
+    qccAddress: [
+      {
+        trigger: ['input', 'blur'],
+        required: true,
+        message: t('common.notNull', { value: t('system.business.qichachaAddress') }),
+      },
+    ],
+    qccAccessKey: [
+      {
+        trigger: ['input', 'blur'],
+        required: true,
+        message: t('common.notNull', { value: 'Access Key' }),
+      },
+    ],
+    qccSecretKey: [
+      {
+        trigger: ['input', 'blur'],
+        required: true,
+        message: t('common.notNull', { value: 'Secret Key' }),
+      },
+    ],
+  }));
+
+  const formRef = ref<FormInst | null>(null);
+  function cancel() {
+    showModal.value = false;
+  }
+
+  function makeParams() {
+    const { type, verify, config } = form.value;
+    const thirdConfigKeys = Object.keys(defaultThirdPartyConfigMap[type as CompanyTypeEnum]);
+    const params: Record<string, any> = {};
+    thirdConfigKeys.forEach((configKey: string) => {
+      params[configKey] = config[configKey];
+    });
+    return {
+      verify,
+      type,
+      config: params,
+    };
+  }
+
+  async function fetchDEOrgList() {
+    try {
+      orgListLoading.value = true;
+      const params = makeParams().config;
+      DEOrgList.value = await getDEOrgList(params as ThirdPartyDEConfig);
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+    } finally {
+      orgListLoading.value = false;
+    }
+  }
+
+  /** *
+   * 保存
+   */
+  const loading = ref(false);
+  async function handleSave() {
+    try {
+      loading.value = true;
+      await updateConfigSynchronization(makeParams());
+      Message.success(t('common.updateSuccess'));
+      showModal.value = false;
+      emit('initSync');
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  const isChangeCorpId = computed(
+    () => props.integration?.config?.corpId && props.integration?.config?.corpId !== form.value.config?.corpId
+  );
+
+  function handleThirdConfig() {
+    if (isChangeCorpId.value) {
+      openModal({
+        type: 'error',
+        title: t('common.updateConfirmTitle'),
+        content: t('system.business.authenticationSettings.changeCorpIdTip'),
+        positiveText: t('common.confirm'),
+        negativeText: t('common.cancel'),
+
+        onPositiveClick: async () => {
+          try {
+            await handleSave();
+          } catch (error) {
+            // eslint-disable-next-line no-console
+            console.log(error);
+          }
+        },
+      });
+    } else {
+      handleSave();
+    }
+  }
+
+  function confirmHandler() {
+    formRef.value?.validate((error) => {
+      if (!error) {
+        if (platformType.includes(form.value.type)) {
+          handleThirdConfig();
+        } else {
+          handleSave();
+        }
+      }
+    });
+  }
+  /** *
+   * 测试连接
+   */
+  const linkLoading = ref<boolean>(false);
+  function continueLink() {
+    formRef.value?.validate(async (error) => {
+      if (!error) {
+        try {
+          linkLoading.value = true;
+          const result = await testConfigSynchronization(makeParams());
+          const isSuccess = result.data.data;
+          form.value.verify = result.data.data;
+          if (isSuccess) {
+            Message.success(t('org.testConnectionSuccess'));
+          } else {
+            Message.error(t('org.testConnectionError'));
+          }
+        } catch (e) {
+          // eslint-disable-next-line no-console
+          console.log(e);
+        } finally {
+          linkLoading.value = false;
+        }
+      }
+    });
+  }
+
+  const getLabelWidth = computed(() => {
+    if ([CompanyTypeEnum.DATA_EASE, CompanyTypeEnum.QCC].includes(form.value.type)) return 120;
+    if ([...platformType, CompanyTypeEnum.MAXKB].includes(form.value.type)) return 100;
+
+    return 80;
+  });
+
+  watch(
+    () => props.integration,
+    (val) => {
+      form.value = cloneDeep(val as ThirdPartyResourceConfig);
+      if (showModal.value && props.integration?.type === CompanyTypeEnum.DATA_EASE) {
+        fetchDEOrgList();
+      }
+    },
+    { deep: true }
+  );
+</script>
+
+<style lang="less">
+  .autoSyncItem {
+    .n-form-item-label {
+      align-items: start;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/business/components/editPasswordModal.vue b/frontend/packages/web/src/views/system/business/components/editPasswordModal.vue
new file mode 100644
index 0000000..51658d9
--- /dev/null
+++ b/frontend/packages/web/src/views/system/business/components/editPasswordModal.vue
@@ -0,0 +1,197 @@
+<template>
+  <CrmModal v-model:show="showModal" size="small" :title="t('system.personal.changePassword')" @cancel="cancel">
+    <n-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      label-placement="left"
+      require-mark-placement="left"
+      :label-width="currentLocale === 'en-US' ? 110 : 100"
+    >
+      <n-form-item path="originPassword" :label="t('system.personal.currentPassword')">
+        <n-input
+          v-model:value="form.originPassword"
+          type="password"
+          show-password-on="click"
+          :placeholder="t('login.form.password.placeholder')"
+          @keydown.enter.prevent
+        />
+      </n-form-item>
+
+      <n-form-item path="password" :label="t('system.personal.password')">
+        <n-input
+          v-model:value="form.password"
+          type="password"
+          show-password-on="click"
+          :input-props="{ autocomplete: 'new-password' }"
+          :placeholder="t('login.form.password.placeholder')"
+          @keydown.enter.prevent
+        />
+      </n-form-item>
+      <n-form-item
+        ref="rPasswordFormItemRef"
+        first
+        :label="t('system.personal.confirmNewPassWord')"
+        path="confirmPassword"
+      >
+        <n-input
+          v-model:value="form.confirmPassword"
+          type="password"
+          show-password-on="click"
+          :input-props="{ autocomplete: 'new-password' }"
+          :placeholder="t('login.form.password.placeholder')"
+          @keydown.enter.prevent
+        />
+      </n-form-item>
+    </n-form>
+    <template #footer>
+      <div class="flex w-full items-center justify-end">
+        <n-button :disabled="loading" secondary class="mx-[8px]" @click="cancel">
+          {{ t('common.cancel') }}
+        </n-button>
+        <n-button
+          :loading="loading"
+          :disabled="form.originPassword === '' || form.password === '' || form.confirmPassword === ''"
+          type="primary"
+          @click="confirmHandler"
+        >
+          {{ t('common.save') }}
+        </n-button>
+      </div>
+    </template>
+  </CrmModal>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import {
+    FormInst,
+    FormItemInst,
+    FormItemRule,
+    FormRules,
+    NButton,
+    NForm,
+    NFormItem,
+    NInput,
+    useMessage,
+  } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import useLocale from '@lib/shared/locale/useLocale';
+  import { PersonalPassword } from '@lib/shared/models/system/business';
+
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+
+  import { updateUserPassword } from '@/api/modules';
+  import useUserStore from '@/store/modules/user';
+
+  const { t } = useI18n();
+  const Message = useMessage();
+  const userStore = useUserStore();
+  const { currentLocale } = useLocale(Message.loading);
+
+  const props = defineProps<{
+    integration?: PersonalPassword;
+  }>();
+
+  const showModal = defineModel<boolean>('show', {
+    required: true,
+    default: false,
+  });
+
+  const form = ref<PersonalPassword>({
+    originPassword: '',
+    password: '',
+    confirmPassword: '',
+  });
+
+  watch(
+    () => props.integration,
+    (val) => {
+      if (val) {
+        form.value = { ...val };
+      }
+    },
+    { deep: true }
+  );
+
+  function validatePasswordStartWith(rule: FormItemRule, value: string): boolean {
+    return !!form.value.password && form.value.password.startsWith(value) && form.value.password.length >= value.length;
+  }
+
+  function validatePasswordSame(rule: FormItemRule, value: string): boolean {
+    return value === form.value.password;
+  }
+  function validatePasswordStyle(rule: FormItemRule, value: string): boolean {
+    const reg = /^(?=.*\d)(?=.*[A-Za-z]).*$/;
+    return reg.test(value);
+  }
+  function validatePasswordLength(rule: FormItemRule, value: string): boolean {
+    const reg = /^.{1,64}$/;
+    return reg.test(value);
+  }
+  const formRef = ref<FormInst | null>(null);
+  const rPasswordFormItemRef = ref<FormItemInst | null>(null);
+  const rules: FormRules = {
+    originPassword: [
+      { required: true, message: t('common.notNull', { value: `${t('system.personal.currentPassword')} ` }) },
+    ],
+    password: [{ required: true, message: t('common.notNull', { value: `${t('system.personal.password')} ` }) }],
+    confirmPassword: [
+      { required: true, message: t('common.notNull') },
+      {
+        validator: validatePasswordStartWith,
+        message: t('system.personal.password.diff'),
+        trigger: 'input',
+      },
+      {
+        validator: validatePasswordSame,
+        message: t('system.personal.password.diff'),
+        trigger: ['blur', 'password-input'],
+      },
+      {
+        validator: validatePasswordStyle,
+        message: t('system.personal.password.style'),
+        trigger: ['blur', 'password-input'],
+      },
+      {
+        validator: validatePasswordLength,
+        message: t('system.personal.password.length'),
+        trigger: ['blur', 'password-input'],
+      },
+    ],
+  };
+
+  function cancel() {
+    form.value = {
+      originPassword: '',
+      password: '',
+      confirmPassword: '',
+    };
+    showModal.value = false;
+  }
+
+  /** *
+   * 保存
+   */
+  const loading = ref(false);
+
+  function confirmHandler() {
+    formRef.value?.validate(async (error) => {
+      if (!error) {
+        try {
+          loading.value = true;
+          await updateUserPassword(form.value);
+          Message.success(t('common.updateSuccess'));
+          showModal.value = false;
+          userStore.logout();
+        } catch (e) {
+          // eslint-disable-next-line no-console
+          console.log(e);
+        } finally {
+          loading.value = false;
+        }
+      }
+    });
+  }
+</script>
diff --git a/frontend/packages/web/src/views/system/business/components/editPersonalInfoModal.vue b/frontend/packages/web/src/views/system/business/components/editPersonalInfoModal.vue
new file mode 100644
index 0000000..4d2115a
--- /dev/null
+++ b/frontend/packages/web/src/views/system/business/components/editPersonalInfoModal.vue
@@ -0,0 +1,137 @@
+<template>
+  <CrmModal v-model:show="showModal" size="small" :title="t('common.update')" @cancel="cancel">
+    <n-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      label-placement="left"
+      require-mark-placement="left"
+      :label-width="80"
+    >
+      <n-form-item path="phone" :label="t('system.personal.phone')">
+        <n-input v-model:value="form.phone" :placeholder="t('common.pleaseInput')" />
+      </n-form-item>
+      <n-form-item path="email" :label="t('system.personal.email')">
+        <n-input v-model:value="form.email" :placeholder="t('common.pleaseInput')" />
+      </n-form-item>
+    </n-form>
+    <template #footer>
+      <div class="flex w-full items-center justify-end">
+        <n-button :disabled="loading" secondary class="mx-[8px]" @click="cancel">
+          {{ t('common.cancel') }}
+        </n-button>
+        <n-button :loading="loading" type="primary" @click="confirmHandler">
+          {{ t('common.update') }}
+        </n-button>
+      </div>
+    </template>
+  </CrmModal>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { FormInst, FormItemRule, FormRules, NButton, NForm, NFormItem, NInput, useMessage } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { validateEmail, validatePhone } from '@lib/shared/method/validate';
+  import { PersonalInfoRequest } from '@lib/shared/models/system/business';
+
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+
+  import { updatePersonalInfo } from '@/api/modules';
+  import useUserStore from '@/store/modules/user';
+
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  const props = defineProps<{
+    integration?: PersonalInfoRequest;
+  }>();
+
+  const showModal = defineModel<boolean>('show', {
+    required: true,
+    default: false,
+  });
+
+  const emit = defineEmits<{
+    (e: 'initSync'): void;
+  }>();
+
+  const form = ref<PersonalInfoRequest>({
+    phone: '',
+    email: '',
+  });
+
+  const userStore = useUserStore();
+
+  watch(
+    () => props.integration,
+    (val) => {
+      if (val) {
+        form.value = { ...val };
+      }
+    },
+    { deep: true }
+  );
+
+  function validatePhoneLength(rule: FormItemRule, value: string): boolean | Error {
+    if (userStore.isAdmin) {
+      return true;
+    }
+    if (!value) {
+      return new Error(t('common.notNull', { value: `${t('common.phoneNumber')}` }));
+    }
+    if (!validatePhone(value)) {
+      return new Error(t('common.userPhoneErrTip'));
+    }
+    return true;
+  }
+
+  function validateEmailStyle(rule: FormItemRule, value: string): boolean | Error {
+    if (userStore.isAdmin) {
+      return true;
+    }
+    if (!value) {
+      return new Error(t('common.notNull', { value: `${t('org.userEmail')}` }));
+    }
+    if (!validateEmail(value)) {
+      return new Error(t('common.emailErrTip'));
+    }
+    return true;
+  }
+
+  const rules: FormRules = {
+    phone: [{ required: true, validator: validatePhoneLength, trigger: ['input', 'blur'] }],
+    email: [{ required: true, validator: validateEmailStyle, trigger: ['input', 'blur'] }],
+  };
+
+  const formRef = ref<FormInst | null>(null);
+  function cancel() {
+    if (props.integration) {
+      form.value = { ...props.integration };
+    }
+    showModal.value = false;
+  }
+  /** *
+   * 保存
+   */
+  const loading = ref(false);
+  function confirmHandler() {
+    formRef.value?.validate(async (error) => {
+      if (!error) {
+        try {
+          loading.value = true;
+          await updatePersonalInfo(form.value);
+          Message.success(t('common.updateSuccess'));
+          showModal.value = false;
+          emit('initSync');
+        } catch (e) {
+          // eslint-disable-next-line no-console
+          console.log(e);
+        } finally {
+          loading.value = false;
+        }
+      }
+    });
+  }
+</script>
diff --git a/frontend/packages/web/src/views/system/business/components/exportStatusTag.vue b/frontend/packages/web/src/views/system/business/components/exportStatusTag.vue
new file mode 100644
index 0000000..131cf8e
--- /dev/null
+++ b/frontend/packages/web/src/views/system/business/components/exportStatusTag.vue
@@ -0,0 +1,79 @@
+<template>
+  <div class="flex items-center gap-[8px]">
+    <div v-if="props.status === PersonalExportStatusEnum.PREPARED" class="ring-loader"></div>
+    <CrmIcon v-else :type="statusMap[props.status].icon" :size="20" :class="`${statusMap[props.status].color}`" />
+    <div class="font-semibold text-[var(--text-n1)]">
+      {{ statusMap[props.status].label }}
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { PersonalExportStatusEnum } from '@lib/shared/enums/systemEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    status: PersonalExportStatusEnum;
+  }>();
+
+  const statusMap: Record<
+    PersonalExportStatusEnum,
+    {
+      value: PersonalExportStatusEnum;
+      label: string;
+      icon: string;
+      color: string;
+    }
+  > = {
+    [PersonalExportStatusEnum.STOP]: {
+      value: PersonalExportStatusEnum.STOP,
+      label: t('system.personal.cancelledExport'),
+      icon: 'iconicon_block_filled',
+      color: 'text-[var(--text-n4)]',
+    },
+    [PersonalExportStatusEnum.PREPARED]: {
+      value: PersonalExportStatusEnum.PREPARED,
+      label: t('system.personal.exporting'),
+      icon: 'iconicon_loading',
+      color: '',
+    },
+    [PersonalExportStatusEnum.ERROR]: {
+      value: PersonalExportStatusEnum.ERROR,
+      label: t('common.exportFailed'),
+      icon: 'iconicon_close_circle_filled',
+      color: 'text-[var(--error-red)]',
+    },
+    [PersonalExportStatusEnum.SUCCESS]: {
+      value: PersonalExportStatusEnum.SUCCESS,
+      label: t('common.exportSuccessful'),
+      icon: 'iconicon_check_circle_filled',
+      color: 'text-[var(--success-green)]',
+    },
+  };
+</script>
+
+<style scoped lang="less">
+  .ring-loader {
+    width: 18px;
+    height: 18px;
+    border-radius: 50%;
+    background: conic-gradient(
+      from 0deg,
+      transparent 0%,
+      var(--primary-6) 10%,
+      var(--primary-7) 30%,
+      var(--primary-8) 50%,
+      transparent 100%
+    );
+    mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000000 calc(100% - 2px));
+    animation: spin 0.6s linear infinite;
+  }
+
+  @keyframes spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/business/components/integrationList.vue b/frontend/packages/web/src/views/system/business/components/integrationList.vue
new file mode 100644
index 0000000..f7a368f
--- /dev/null
+++ b/frontend/packages/web/src/views/system/business/components/integrationList.vue
@@ -0,0 +1,840 @@
+<template>
+  <CrmCard hide-footer auto-height>
+    <div class="content-title mb-[16px]">{{ t('system.business.authenticationSettings.collaborativeSoftware') }}</div>
+    <CrmTab
+      v-model:active-tab="activePlatformTab"
+      class="mb-[8px]"
+      no-content
+      :tab-list="tabList"
+      type="segment"
+      :before-leave="handleBeforeLeave"
+    />
+    <div v-if="platFormIntegrationList.length" class="grid gap-[16px] xl:grid-cols-2 2xl:grid-cols-3">
+      <div
+        v-for="item of platFormIntegrationList"
+        :key="item.type"
+        class="flex h-[140px] flex-col justify-between rounded-[6px] border border-solid border-[var(--text-n8)] bg-[var(--text-n10)] p-[24px]"
+      >
+        <div class="flex">
+          <div class="mr-[8px] flex h-[40px] w-[40px] items-center justify-center rounded-[2px] bg-[var(--text-n9)]">
+            <CrmSvgIcon
+              v-if="[CompanyTypeEnum.DATA_EASE, CompanyTypeEnum.SQLBot].includes(item.type as CompanyTypeEnum)"
+              :name="item.logo"
+              width="24px"
+              height="24px"
+            />
+            <CrmIcon v-else :type="item.logo" :size="24"></CrmIcon>
+          </div>
+          <div class="flex-1">
+            <div class="flex justify-between gap-[8px]">
+              <div>
+                <span class="mr-[8px] font-medium">{{ item.title }}</span>
+                <CrmTag v-if="!item.hasConfig" theme="light" size="small" custom-class="px-[4px]">
+                  {{ t('system.business.notConfigured') }}
+                </CrmTag>
+                <CrmTag
+                  v-else-if="item.hasConfig && item.verify === false"
+                  theme="light"
+                  type="error"
+                  size="small"
+                  custom-class="px-[4px]"
+                >
+                  {{ t('common.fail') }}
+                </CrmTag>
+                <CrmTag
+                  v-else-if="item.hasConfig && item.verify === null"
+                  theme="light"
+                  type="warning"
+                  size="small"
+                  custom-class="px-[4px]"
+                >
+                  {{ t('common.unVerify') }}
+                </CrmTag>
+                <CrmTag v-else theme="light" type="success" size="small" custom-class="px-[4px]">
+                  {{ t('common.success') }}
+                </CrmTag>
+              </div>
+
+              <div>
+                <n-button
+                  v-if="item.type === CompanyTypeEnum.DATA_EASE"
+                  v-permission="['SYSTEM_SETTING:UPDATE']"
+                  size="small"
+                  type="default"
+                  class="outline--secondary mr-[8px] px-[8px]"
+                  @click="handleSyncDE()"
+                >
+                  {{ t('common.sync') }}
+                </n-button>
+                <n-button
+                  v-permission="['SYSTEM_SETTING:UPDATE']"
+                  size="small"
+                  type="default"
+                  class="outline--secondary mr-[8px] px-[8px]"
+                  @click="handleEdit(item)"
+                >
+                  {{ t('common.config') }}
+                </n-button>
+                <n-button
+                  :disabled="!item.hasConfig"
+                  size="small"
+                  type="default"
+                  class="outline--secondary px-[8px]"
+                  @click="testLink(item)"
+                >
+                  {{ t('common.testLink') }}
+                </n-button>
+              </div>
+            </div>
+            <p class="text-[12px] text-[var(--text-n4)]">{{ item.description }}</p>
+          </div>
+        </div>
+
+        <div class="flex justify-between gap-[8px]">
+          <div class="flex items-center gap-[8px]">
+            <n-tooltip :disabled="item.verify">
+              <template #trigger>
+                <n-switch
+                  size="small"
+                  :rubber-band="false"
+                  :value="item.config.startEnable"
+                  :disabled="!item.hasConfig || !item.verify || !hasAnyPermission(['SYSTEM_SETTING:UPDATE'])"
+                  @update:value="handleChangeEnable(item, 'startEnable')"
+                />
+              </template>
+              {{ t('system.business.notConfiguredTip') }}
+            </n-tooltip>
+            <div class="text-[12px]">{{ t('system.business.authenticationSettings.syncUser') }}</div>
+            <n-tooltip trigger="hover">
+              <template #trigger>
+                <CrmIcon
+                  type="iconicon_help_circle"
+                  :size="16"
+                  class="cursor-pointer text-[var(--text-n4)] hover:text-[var(--primary-1)]"
+                />
+              </template>
+              <template #default>
+                <div>
+                  <div>{{ t('system.business.authenticationSettings.syncUsersToolTitle', { type: item.title }) }}</div>
+                  <div>{{ t('system.business.authenticationSettings.syncUsersOpenTip', { type: item.title }) }}</div>
+                  <div>{{ t('system.business.authenticationSettings.syncUsersTipContent', { type: item.title }) }}</div>
+                </div>
+              </template>
+            </n-tooltip>
+          </div>
+        </div>
+      </div>
+    </div>
+  </CrmCard>
+  <CrmCard class="my-[16px]" hide-footer auto-height :loading="loading">
+    <div class="content-title">{{ t('system.business.authenticationSettings.openSourceDataTools') }}</div>
+    <div v-if="integrationList.length" class="grid gap-[16px] xl:grid-cols-2 2xl:grid-cols-3">
+      <div
+        v-for="item of integrationList"
+        :key="item.type"
+        class="flex h-[140px] flex-col justify-between rounded-[6px] border border-solid border-[var(--text-n8)] bg-[var(--text-n10)] p-[24px]"
+      >
+        <div class="flex">
+          <div class="mr-[8px] flex h-[40px] w-[40px] items-center justify-center rounded-[2px] bg-[var(--text-n9)]">
+            <CrmSvgIcon
+              v-if="[CompanyTypeEnum.DATA_EASE, CompanyTypeEnum.SQLBot].includes(item.type as CompanyTypeEnum)"
+              :name="item.logo"
+              width="24px"
+              height="24px"
+            />
+            <CrmIcon v-else :type="item.logo" :size="24"></CrmIcon>
+          </div>
+          <div class="flex-1">
+            <div class="flex justify-between gap-[8px]">
+              <div>
+                <span class="mr-[8px] font-medium">{{ item.title }}</span>
+                <CrmTag v-if="!item.hasConfig" theme="light" size="small" custom-class="px-[4px]">
+                  {{ t('system.business.notConfigured') }}
+                </CrmTag>
+                <CrmTag
+                  v-else-if="item.hasConfig && item.verify === false"
+                  theme="light"
+                  type="error"
+                  size="small"
+                  custom-class="px-[4px]"
+                >
+                  {{ t('common.fail') }}
+                </CrmTag>
+                <CrmTag
+                  v-else-if="item.hasConfig && item.verify === null"
+                  theme="light"
+                  type="warning"
+                  size="small"
+                  custom-class="px-[4px]"
+                >
+                  {{ t('common.unVerify') }}
+                </CrmTag>
+                <CrmTag v-else theme="light" type="success" size="small" custom-class="px-[4px]">
+                  {{ t('common.success') }}
+                </CrmTag>
+              </div>
+
+              <div>
+                <n-button
+                  v-if="item.type === CompanyTypeEnum.DATA_EASE"
+                  v-permission="['SYSTEM_SETTING:UPDATE']"
+                  size="small"
+                  type="default"
+                  class="outline--secondary mr-[8px] px-[8px]"
+                  @click="handleSyncDE()"
+                >
+                  {{ t('common.sync') }}
+                </n-button>
+                <n-button
+                  v-permission="['SYSTEM_SETTING:UPDATE']"
+                  size="small"
+                  type="default"
+                  class="outline--secondary mr-[8px] px-[8px]"
+                  @click="handleEdit(item)"
+                >
+                  {{ t('common.config') }}
+                </n-button>
+                <n-button
+                  :disabled="!item.hasConfig"
+                  size="small"
+                  type="default"
+                  class="outline--secondary px-[8px]"
+                  @click="testLink(item)"
+                >
+                  {{ t('common.testLink') }}
+                </n-button>
+              </div>
+            </div>
+            <p class="text-[12px] text-[var(--text-n4)]">{{ item.description }}</p>
+          </div>
+        </div>
+        <div v-if="item.type === CompanyTypeEnum.DATA_EASE" class="flex items-center gap-[8px]">
+          <n-tooltip :disabled="item.verify">
+            <template #trigger>
+              <n-switch
+                size="small"
+                :rubber-band="false"
+                :value="item.config.deBoardEnable"
+                :disabled="!item.hasConfig || !item.verify || !hasAnyPermission(['SYSTEM_SETTING:UPDATE'])"
+                @update:value="handleChangeEnable(item, 'deBoardEnable')"
+              />
+            </template>
+            {{ t('system.business.notConfiguredTip') }}
+          </n-tooltip>
+          <div class="text-[12px]">{{ t('common.dashboard') }}</div>
+        </div>
+        <div v-else-if="item.type === CompanyTypeEnum.SQLBot" class="flex justify-between gap-[8px]">
+          <!--          <div class="flex items-center gap-[8px]">
+            <n-tooltip :disabled="item.verify">
+              <template #trigger>
+                <n-switch
+                  size="small"
+                  :rubber-band="false"
+                  :value="item.config.sqlBotBoardEnable"
+                  :disabled="!item.hasConfig || !item.verify || !hasAnyPermission(['SYSTEM_SETTING:UPDATE'])"
+                  @update:value="handleChangeEnable(item, 'sqlBotBoardEnable')"
+                />
+              </template>
+              {{ t('system.business.notConfiguredTip') }}
+            </n-tooltip>
+            <div class="text-[12px]">{{ t('common.dashboard') }}</div>
+          </div>-->
+          <div class="flex items-center gap-[8px]">
+            <n-tooltip :disabled="item.verify">
+              <template #trigger>
+                <n-switch
+                  size="small"
+                  :rubber-band="false"
+                  :value="item.config.sqlBotChatEnable"
+                  :disabled="!item.hasConfig || !item.verify || !hasAnyPermission(['SYSTEM_SETTING:UPDATE'])"
+                  @update:value="handleChangeEnable(item, 'sqlBotChatEnable')"
+                />
+              </template>
+              {{ t('system.business.notConfiguredTip') }}
+            </n-tooltip>
+            <div class="text-[12px]">{{ t('system.business.SQLBot.switch') }}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </CrmCard>
+  <CrmCard class="my-[16px]" hide-footer auto-height>
+    <div class="content-title mb-[16px]">{{ t('system.business.agent.agentTitle') }}</div>
+    <div v-if="agentIntegrationList.length" class="grid gap-[16px] xl:grid-cols-2 2xl:grid-cols-3">
+      <div
+        v-for="item of agentIntegrationList"
+        :key="item.type"
+        class="flex h-[140px] flex-col justify-between rounded-[6px] border border-solid border-[var(--text-n8)] bg-[var(--text-n10)] p-[24px]"
+      >
+        <div class="flex">
+          <div class="mr-[8px] flex h-[40px] w-[40px] items-center justify-center rounded-[2px] bg-[var(--text-n9)]">
+            <CrmSvgIcon
+              v-if="[CompanyTypeEnum.MAXKB].includes(item.type as CompanyTypeEnum)"
+              :name="item.logo"
+              width="24px"
+              height="24px"
+            />
+            <CrmIcon v-else :type="item.logo" :size="24"></CrmIcon>
+          </div>
+          <div class="flex-1">
+            <div class="flex justify-between gap-[8px]">
+              <div>
+                <span class="mr-[8px] font-medium">{{ item.title }}</span>
+                <CrmTag v-if="!item.hasConfig" theme="light" size="small" custom-class="px-[4px]">
+                  {{ t('system.business.notConfigured') }}
+                </CrmTag>
+                <CrmTag
+                  v-else-if="item.hasConfig && item.verify === false"
+                  theme="light"
+                  type="error"
+                  size="small"
+                  custom-class="px-[4px]"
+                >
+                  {{ t('common.fail') }}
+                </CrmTag>
+                <CrmTag
+                  v-else-if="item.hasConfig && item.verify === null"
+                  theme="light"
+                  type="warning"
+                  size="small"
+                  custom-class="px-[4px]"
+                >
+                  {{ t('common.unVerify') }}
+                </CrmTag>
+                <CrmTag v-else theme="light" type="success" size="small" custom-class="px-[4px]">
+                  {{ t('common.success') }}
+                </CrmTag>
+              </div>
+              <div>
+                <n-button
+                  v-permission="['SYSTEM_SETTING:UPDATE']"
+                  size="small"
+                  type="default"
+                  class="outline--secondary mr-[8px] px-[8px]"
+                  @click="handleEdit(item)"
+                >
+                  {{ t('common.config') }}
+                </n-button>
+                <n-button
+                  :disabled="!item.hasConfig"
+                  size="small"
+                  type="default"
+                  class="outline--secondary px-[8px]"
+                  @click="testLink(item)"
+                >
+                  {{ t('common.testLink') }}
+                </n-button>
+              </div>
+            </div>
+            <p class="text-[12px] text-[var(--text-n4)]">{{ item.description }}</p>
+          </div>
+        </div>
+        <div class="flex justify-between gap-[8px]">
+          <div class="flex items-center gap-[8px]">
+            <n-tooltip :disabled="item.verify">
+              <template #trigger>
+                <n-switch
+                  size="small"
+                  :rubber-band="false"
+                  :value="item.config.mkEnable"
+                  :disabled="!item.hasConfig || !item.verify || !hasAnyPermission(['SYSTEM_SETTING:UPDATE'])"
+                  @update:value="handleChangeEnable(item, 'mkEnable')"
+                />
+              </template>
+              {{ t('system.business.notConfiguredTip') }}
+            </n-tooltip>
+            <div class="text-[12px]">{{ t('module.agent') }}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </CrmCard>
+  <CrmCard hide-footer auto-height>
+    <div class="content-title mb-[16px]">{{ t('system.business.tender') }}</div>
+    <div v-if="tenderIntegrationList.length" class="grid gap-[16px] xl:grid-cols-2 2xl:grid-cols-3">
+      <div
+        v-for="item of tenderIntegrationList"
+        :key="item.type"
+        class="flex h-[140px] flex-col justify-between rounded-[6px] border border-solid border-[var(--text-n8)] bg-[var(--text-n10)] p-[24px]"
+      >
+        <div class="flex">
+          <div class="mr-[8px] flex h-[40px] w-[40px] items-center justify-center rounded-[2px] bg-[var(--text-n9)]">
+            <CrmSvgIcon :name="item.logo" width="24px" height="24px" />
+          </div>
+          <div class="flex-1">
+            <div class="flex justify-between gap-[8px]">
+              <div>
+                <span class="mr-[8px] font-medium">{{ item.title }}</span>
+                <CrmTag
+                  v-if="item.hasConfig && item.verify === false"
+                  theme="light"
+                  type="error"
+                  size="small"
+                  custom-class="px-[4px]"
+                >
+                  {{ t('common.fail') }}
+                </CrmTag>
+                <CrmTag
+                  v-else-if="item.hasConfig && item.verify === null"
+                  theme="light"
+                  type="warning"
+                  size="small"
+                  custom-class="px-[4px]"
+                >
+                  {{ t('common.unVerify') }}
+                </CrmTag>
+                <CrmTag v-else theme="light" type="success" size="small" custom-class="px-[4px]">
+                  {{ t('common.success') }}
+                </CrmTag>
+              </div>
+              <div>
+                <n-button size="small" type="default" class="outline--secondary px-[8px]" @click="testLink(item)">
+                  {{ t('common.testLink') }}
+                </n-button>
+              </div>
+            </div>
+            <p class="text-[12px] text-[var(--text-n4)]">{{ item.description }}</p>
+          </div>
+        </div>
+        <div class="flex justify-between gap-[8px]">
+          <div class="flex items-center gap-[8px]">
+            <n-tooltip :disabled="item.verify">
+              <template #trigger>
+                <n-switch
+                  size="small"
+                  :rubber-band="false"
+                  :value="item.config.tenderEnable"
+                  :disabled="!item.verify || !hasAnyPermission(['SYSTEM_SETTING:UPDATE'])"
+                  @update:value="handleChangeEnable(item, 'tenderEnable')"
+                />
+              </template>
+              {{ t('system.business.notConfiguredTip') }}
+            </n-tooltip>
+            <div class="text-[12px]">大单网</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </CrmCard>
+
+  <CrmCard hide-footer auto-height class="mt-[16px]">
+    <div class="content-title mb-[16px]">{{ t('system.business.thirdPartyPlatform') }}</div>
+    <div v-if="thirdPartyIntegrationList.length" class="grid gap-[16px] xl:grid-cols-2 2xl:grid-cols-3">
+      <div
+        v-for="item of thirdPartyIntegrationList"
+        :key="item.type"
+        class="flex h-[140px] flex-col justify-between rounded-[6px] border border-solid border-[var(--text-n8)] bg-[var(--text-n10)] p-[24px]"
+      >
+        <div class="flex">
+          <div class="mr-[8px] flex h-[40px] w-[40px] items-center justify-center rounded-[2px] bg-[var(--text-n9)]">
+            <CrmSvgIcon :name="item.logo" width="24px" height="24px" />
+          </div>
+          <div class="flex-1">
+            <div class="flex justify-between gap-[8px]">
+              <div>
+                <span class="mr-[8px] font-medium">{{ item.title }}</span>
+                <CrmTag v-if="!item.hasConfig" theme="light" size="small" custom-class="px-[4px]">
+                  {{ t('system.business.notConfigured') }}
+                </CrmTag>
+                <CrmTag
+                  v-else-if="item.hasConfig && item.verify === false"
+                  theme="light"
+                  type="error"
+                  size="small"
+                  custom-class="px-[4px]"
+                >
+                  {{ t('common.fail') }}
+                </CrmTag>
+                <CrmTag
+                  v-else-if="item.hasConfig && item.verify === null"
+                  theme="light"
+                  type="warning"
+                  size="small"
+                  custom-class="px-[4px]"
+                >
+                  {{ t('common.unVerify') }}
+                </CrmTag>
+                <CrmTag v-else theme="light" type="success" size="small" custom-class="px-[4px]">
+                  {{ t('common.success') }}
+                </CrmTag>
+              </div>
+              <div>
+                <n-button
+                  v-permission="['SYSTEM_SETTING:UPDATE']"
+                  size="small"
+                  type="default"
+                  class="outline--secondary mr-[8px] px-[8px]"
+                  @click="handleEdit(item)"
+                >
+                  {{ t('common.config') }}
+                </n-button>
+                <n-button
+                  :disabled="!item.hasConfig"
+                  size="small"
+                  type="default"
+                  class="outline--secondary px-[8px]"
+                  @click="testLink(item)"
+                >
+                  {{ t('common.testLink') }}
+                </n-button>
+              </div>
+            </div>
+            <p class="text-[12px] text-[var(--text-n4)]">{{ item.description }}</p>
+          </div>
+        </div>
+        <div class="flex justify-between gap-[8px]">
+          <div class="flex items-center gap-[8px]">
+            <n-tooltip :disabled="item.verify">
+              <template #trigger>
+                <n-switch
+                  size="small"
+                  :rubber-band="false"
+                  :value="item.config.qccEnable"
+                  :disabled="!item.verify || !hasAnyPermission(['SYSTEM_SETTING:UPDATE'])"
+                  @update:value="handleChangeEnable(item, 'qccEnable')"
+                />
+              </template>
+              {{ t('system.business.notConfiguredTip') }}
+            </n-tooltip>
+            <div class="text-[12px]">{{ t('system.business.qichacha') }}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </CrmCard>
+  <EditIntegrationModal
+    v-model:show="showEditIntegrationModal"
+    :title="currentTitle"
+    :integration="currentIntegration"
+    @init-sync="editDone"
+  />
+</template>
+
+<script setup lang="ts">
+  import { useI18n } from 'vue-i18n';
+  import { NButton, NSwitch, NTooltip, useMessage } from 'naive-ui';
+
+  import { CompanyTypeEnum } from '@lib/shared/enums/commonEnum';
+  import { loadScript, removeScript } from '@lib/shared/method/scriptLoader';
+  import type { IntegrationItem, ThirdPartyResourceConfig } from '@lib/shared/models/system/business';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmSvgIcon from '@/components/pure/crm-svg/index.vue';
+  import CrmTab from '@/components/pure/crm-tab/index.vue';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import EditIntegrationModal from './editIntegrationModal.vue';
+
+  import {
+    getConfigSynchronization,
+    switchThirdParty,
+    syncDE,
+    testConfigSynchronization,
+    updateConfigSynchronization,
+  } from '@/api/modules';
+  import { defaultThirdPartyConfigMap, platformType } from '@/config/business';
+  import useModal from '@/hooks/useModal';
+  import { useAppStore } from '@/store';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const { t } = useI18n();
+  const Message = useMessage();
+  const appStore = useAppStore();
+  const { openModal } = useModal();
+  const activePlatformTab = ref<CompanyTypeEnum>(CompanyTypeEnum.WECOM);
+
+  const tabList = [
+    { name: CompanyTypeEnum.WECOM, tab: t('system.business.WE_COM') },
+    { name: CompanyTypeEnum.DINGTALK, tab: t('system.business.DING_TALK') },
+    { name: CompanyTypeEnum.LARK, tab: t('system.business.LARK') },
+  ];
+
+  // 所有可用的集成平台配置
+  const allIntegrations = [
+    {
+      type: CompanyTypeEnum.WECOM,
+      title: t('system.business.WE_COM'),
+      description: t('system.business.WE_COM.description'),
+      logo: 'iconlogo_wechat-work',
+    },
+    {
+      type: CompanyTypeEnum.DINGTALK,
+      title: t('system.business.DING_TALK'),
+      description: t('system.business.DING_TALK.description'),
+      logo: 'iconlogo_dingtalk',
+    },
+    {
+      type: CompanyTypeEnum.LARK,
+      title: t('system.business.LARK'),
+      description: t('system.business.LARK.description'),
+      logo: 'iconlogo_lark',
+    },
+    {
+      type: CompanyTypeEnum.DATA_EASE,
+      title: 'DataEase',
+      description: t('system.business.DE.description'),
+      logo: 'dataease',
+    },
+    {
+      type: CompanyTypeEnum.SQLBot,
+      title: 'SQLBot',
+      description: t('system.business.SQLBot.description'),
+      logo: 'SQLBot',
+    },
+    {
+      type: CompanyTypeEnum.MAXKB,
+      title: 'MaxKB',
+      description: t('system.business.agent.agentMaxKBDescription'),
+      logo: 'maxKB',
+    },
+    {
+      type: CompanyTypeEnum.TENDER,
+      title: t('system.business.tenderTitle'),
+      description: t('system.business.tenderDescription'),
+      logo: 'dadan',
+    },
+    {
+      type: CompanyTypeEnum.QCC,
+      title: t('system.business.qichacha'),
+      description: t('system.business.thirdQueryQccDescription'),
+      logo: 'qichacha',
+    },
+  ];
+
+  const originIntegrationList = ref<IntegrationItem[]>([]);
+  const integrationList = ref<IntegrationItem[]>([]);
+
+  const platFormIntegrationList = computed<IntegrationItem[]>(() =>
+    originIntegrationList.value.filter((e) => e.type === activePlatformTab.value)
+  );
+
+  const agentIntegrationList = computed<IntegrationItem[]>(() =>
+    originIntegrationList.value.filter((e) => e.type === CompanyTypeEnum.MAXKB)
+  );
+
+  const tenderIntegrationList = computed<IntegrationItem[]>(() =>
+    originIntegrationList.value.filter((e) => e.type === CompanyTypeEnum.TENDER)
+  );
+
+  const thirdPartyIntegrationList = computed<IntegrationItem[]>(() =>
+    originIntegrationList.value.filter((e) => e.type === CompanyTypeEnum.QCC)
+  );
+
+  const loading = ref(false);
+  async function initSyncList() {
+    try {
+      loading.value = true;
+      const res = await getConfigSynchronization();
+      const configMap = new Map(res.map((item) => [item.type, item]));
+      originIntegrationList.value = allIntegrations
+        .filter((item) =>
+          [
+            ...platformType,
+            CompanyTypeEnum.DATA_EASE,
+            CompanyTypeEnum.SQLBot,
+            CompanyTypeEnum.MAXKB,
+            CompanyTypeEnum.TENDER,
+            CompanyTypeEnum.QCC,
+          ].includes(item.type)
+        )
+        .map((item) => {
+          const result = configMap.get(item.type);
+          const config = result?.config;
+          return {
+            ...item,
+            ...result,
+            verify: result?.verify ?? false,
+            hasConfig: !!config,
+            config: {
+              ...defaultThirdPartyConfigMap[item.type as CompanyTypeEnum],
+              ...config,
+            },
+          };
+        });
+
+      integrationList.value = originIntegrationList.value.filter(
+        (e) =>
+          ![...platformType, CompanyTypeEnum.MAXKB, CompanyTypeEnum.TENDER, CompanyTypeEnum.QCC].includes(
+            e.type as CompanyTypeEnum
+          )
+      );
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  const showEditIntegrationModal = ref(false);
+
+  const currentTitle = ref('');
+  const currentIntegration = ref<ThirdPartyResourceConfig>({
+    type: CompanyTypeEnum.WECOM,
+    verify: false,
+    config: defaultThirdPartyConfigMap[CompanyTypeEnum.WECOM],
+  });
+
+  function handleEdit(item: IntegrationItem) {
+    currentTitle.value = item.title;
+    currentIntegration.value = { ...item };
+    showEditIntegrationModal.value = true;
+  }
+
+  async function handleSyncDE() {
+    try {
+      loading.value = true;
+      await syncDE();
+      Message.success(t('org.syncSuccess'));
+      await initSyncList();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  function makeParams(item: IntegrationItem, key?: string) {
+    const config = {
+      ...item.config,
+      ...(key ? { [key]: !item.config[key] } : {}),
+    };
+    const thirdConfigKeys = Object.keys(defaultThirdPartyConfigMap[item.type as CompanyTypeEnum]);
+    const params: Record<string, any> = {};
+    thirdConfigKeys.forEach((configKey: string) => {
+      params[configKey] = config[configKey];
+    });
+    return {
+      verify: item.verify,
+      type: item.type,
+      config: params,
+    };
+  }
+
+  async function handleChangeEnable(
+    item: IntegrationItem,
+    key:
+      | 'deBoardEnable'
+      | 'sqlBotBoardEnable'
+      | 'sqlBotChatEnable'
+      | 'startEnable'
+      | 'mkEnable'
+      | 'tenderEnable'
+      | 'qccEnable'
+  ) {
+    try {
+      loading.value = true;
+      updateConfigSynchronization(makeParams(item, key))
+        .then(async () => {
+          Message.success(item.config[key] ? t('common.disableSuccess') : t('common.enableSuccess'));
+          await initSyncList();
+          appStore.initThirdPartyResource();
+          if (item.config[key]) {
+            removeScript(CompanyTypeEnum.SQLBot);
+          } else {
+            await loadScript(item.config.appSecret as string, { identifier: CompanyTypeEnum.SQLBot });
+          }
+        })
+        .catch(() => {
+          item.verify = false;
+          item.config = {
+            ...defaultThirdPartyConfigMap[item.type as CompanyTypeEnum],
+          };
+        })
+        .finally(() => {
+          loading.value = false;
+        });
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+    }
+  }
+
+  async function testLink(item: IntegrationItem) {
+    try {
+      testConfigSynchronization(makeParams(item))
+        .then((res) => {
+          const isSuccess = res.data.data;
+          if (isSuccess) {
+            Message.success(t('org.testConnectionSuccess'));
+          } else {
+            Message.error(t('org.testConnectionError'));
+          }
+          initSyncList();
+        })
+        .catch(() => {
+          item.verify = false;
+          item.config = {
+            ...defaultThirdPartyConfigMap[item.type as CompanyTypeEnum],
+          };
+        });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  async function editDone() {
+    await initSyncList();
+    const sqlItem = integrationList.value.find((item) => item.type === CompanyTypeEnum.SQLBot);
+    removeScript(CompanyTypeEnum.SQLBot);
+    if (sqlItem && sqlItem.config.sqlBotChatEnable) {
+      await loadScript(sqlItem.config.appSecret as string, { identifier: CompanyTypeEnum.SQLBot });
+    }
+  }
+
+  async function initThirdPartyResource() {
+    try {
+      await appStore.initThirdPartyResource();
+      activePlatformTab.value = appStore.activePlatformResource.syncResource ?? CompanyTypeEnum.WECOM;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  function handleBeforeLeave(newVal: string | number, _o: string | number | null) {
+    if (!newVal) return true;
+    const currentPlatformName = allIntegrations.find((e) => e.type === newVal)?.title ?? '';
+
+    return new Promise<boolean>((resolve) => {
+      openModal({
+        type: 'error',
+        title: t('system.business.authenticationSettings.confirmTogglePlatform'),
+        content: t('system.business.authenticationSettings.togglePlatformTip', { type: currentPlatformName }),
+        positiveText: t('common.confirm'),
+        negativeText: t('common.cancel'),
+
+        onPositiveClick: async () => {
+          try {
+            await switchThirdParty(newVal as CompanyTypeEnum);
+            initSyncList();
+            appStore.initThirdPartyResource();
+            Message.success(t('common.operationSuccess'));
+            resolve(true);
+          } catch (error) {
+            // eslint-disable-next-line no-console
+            console.log(error);
+            resolve(false);
+          }
+        },
+
+        onNegativeClick: () => {
+          resolve(false);
+        },
+      });
+    });
+  }
+
+  onBeforeMount(() => {
+    initSyncList();
+    initThirdPartyResource();
+  });
+</script>
+
+<style lang="less" scoped>
+  .content-title {
+    color: var(--text-n1);
+    @apply mb-4 font-medium;
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/business/components/mailSettings.vue b/frontend/packages/web/src/views/system/business/components/mailSettings.vue
new file mode 100644
index 0000000..15eed6e
--- /dev/null
+++ b/frontend/packages/web/src/views/system/business/components/mailSettings.vue
@@ -0,0 +1,270 @@
+<template>
+  <CrmCard auto-height no-content-padding hide-footer :loading="emailLoading">
+    <CrmDescription class="p-[24px]" :descriptions="descriptions" :column="2">
+      <template #password="{ item }">
+        <div class="flex items-center gap-[8px]">
+          <div v-show="showPassword">{{ item.value }}</div>
+          <div v-show="!showPassword">{{ desensitize(item.value as string) }}</div>
+          <CrmIcon
+            :type="showPassword ? 'iconicon_browse' : 'iconicon_browse_off'"
+            :size="16"
+            class="cursor-pointer text-[var(--text-n4)]"
+            @click="changeShowVisible"
+          />
+        </div>
+      </template>
+      <template #ssl="{ item }">
+        <div class="flex items-center gap-[8px]">
+          <CrmIcon
+            v-if="item.value === 'true'"
+            type="iconicon_check_circle_filled"
+            :size="16"
+            class="text-[var(--success-green)]"
+          />
+          <CrmIcon v-else type="iconicon_disable" :size="16" class="text-[var(--text-n4)]" />
+          <div>
+            {{
+              item.value === 'true'
+                ? t('system.business.mailSettings.opened')
+                : t('system.business.mailSettings.closed')
+            }}
+          </div>
+        </div>
+      </template>
+    </CrmDescription>
+    <n-divider class="!m-0" />
+    <div class="my-[12px] mr-[24px] flex justify-end">
+      <n-button type="primary" :loading="linkLoading" ghost @click="testLink(false)">
+        {{ t('common.testLink') }}
+      </n-button>
+      <n-button v-permission="['SYSTEM_SETTING:UPDATE']" type="primary" class="ml-[8px]" @click="showDrawer = true">
+        {{ t('common.edit') }}
+      </n-button>
+    </div>
+  </CrmCard>
+
+  <CrmDrawer
+    v-model:show="showDrawer"
+    :width="680"
+    :title="t('system.business.mailSettings.updateEmailSettings')"
+    :ok-text="t('common.update')"
+    :loading="emailDrawerLoading"
+    @confirm="confirm"
+    @cancel="cancel"
+  >
+    <n-form
+      ref="formRef"
+      :rules="rules"
+      label-placement="left"
+      :model="form"
+      class="!w-[80%]"
+      require-mark-placement="left"
+      :label-width="100"
+    >
+      <n-form-item :label="t('system.business.mailSettings.smtpHost')" path="host">
+        <n-input v-model:value="form.host" :maxlength="255" :placeholder="t('common.pleaseInput')" clearable />
+      </n-form-item>
+      <n-form-item :label="t('system.business.mailSettings.smtpPort')" path="port">
+        <n-input
+          v-model:value="form.port"
+          class="!w-[240px]"
+          :maxlength="255"
+          :placeholder="t('common.pleaseInput')"
+          clearable
+        />
+      </n-form-item>
+      <n-form-item :label="t('system.business.mailSettings.smtpAccount')" path="account">
+        <n-input v-model:value="form.account" :maxlength="255" :placeholder="t('common.pleaseInput')" clearable />
+      </n-form-item>
+      <n-form-item :label="t('system.business.mailSettings.smtpPassword')" path="password">
+        <n-input
+          v-model:value="form.password"
+          type="password"
+          show-password-on="click"
+          :input-props="{ autocomplete: 'new-password' }"
+          :maxlength="255"
+          :placeholder="t('common.pleaseInput')"
+          clearable
+        />
+      </n-form-item>
+      <n-form-item :label="t('system.business.mailSettings.from')" path="from">
+        <n-input v-model:value="form.from" :maxlength="255" :placeholder="t('common.pleaseInput')" clearable />
+      </n-form-item>
+      <n-form-item :label="t('system.business.mailSettings.recipient')" path="recipient">
+        <n-input v-model:value="form.recipient" :maxlength="255" :placeholder="t('common.pleaseInput')" clearable />
+      </n-form-item>
+      <n-form-item label=" " path="ssl">
+        <div>
+          <div class="flex items-center">
+            <n-switch v-model:value="form.ssl" :rubber-band="false" class="mr-[8px]" />
+            {{ t('system.business.mailSettings.ssl') }}
+          </div>
+          <div class="text-[12px] text-[var(--text-n4)]">{{ t('system.business.mailSettings.sslTip') }}</div>
+        </div>
+      </n-form-item>
+      <n-form-item label=" " path="tsl">
+        <div>
+          <div class="flex items-center">
+            <n-switch v-model:value="form.tsl" :rubber-band="false" class="mr-[8px]" />
+            {{ t('system.business.mailSettings.tsl') }}
+          </div>
+          <div class="text-[12px] text-[var(--text-n4)]">{{ t('system.business.mailSettings.tslTip') }}</div>
+        </div>
+      </n-form-item>
+      <n-form-item label=" ">
+        <n-button type="primary" :loading="linkLoading" ghost @click="testLink(true)">
+          {{ t('common.testLink') }}
+        </n-button>
+      </n-form-item>
+    </n-form>
+  </CrmDrawer>
+</template>
+
+<script setup lang="ts">
+  import { FormInst, FormItemRule, NButton, NDivider, NForm, NFormItem, NInput, NSwitch, useMessage } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { desensitize } from '@lib/shared/method';
+  import { validateEmail } from '@lib/shared/method/validate';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmDescription, { Description } from '@/components/pure/crm-description/index.vue';
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+
+  import { getConfigEmail, testConfigEmail, updateConfigEmail } from '@/api/modules';
+
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  const showPassword = ref(false);
+  function changeShowVisible() {
+    showPassword.value = !showPassword.value;
+  }
+
+  const descriptions = ref<Description[]>([]);
+
+  const showDrawer = ref(false);
+  const formRef = ref<FormInst | null>(null);
+  const originForm = ref({
+    host: '',
+    port: '',
+    account: '',
+    password: '',
+    from: '',
+    recipient: '',
+    ssl: false,
+    tsl: false,
+  });
+  const form = ref({ ...originForm.value });
+
+  const emailRule = {
+    validator: (rule: FormItemRule, value: string) => {
+      if (value && !validateEmail(value)) {
+        return new Error(t('common.emailErrTip'));
+      }
+      return true;
+    },
+    trigger: ['blur', 'input'],
+  };
+
+  const rules = ref({
+    host: [
+      {
+        required: true,
+        message: t('common.notNull', { value: t('system.business.mailSettings.smtpHost') }),
+        trigger: ['blur'],
+      },
+    ],
+    port: [
+      {
+        required: true,
+        message: t('common.notNull', { value: t('system.business.mailSettings.smtpPort') }),
+        trigger: ['blur'],
+      },
+    ],
+    account: [
+      {
+        required: true,
+        message: t('common.notNull', { value: t('system.business.mailSettings.smtpAccount') }),
+        trigger: ['blur'],
+      },
+    ],
+    from: [emailRule],
+    recipient: [emailRule],
+  });
+
+  const emailLoading = ref(false);
+  async function initEmailInfo() {
+    try {
+      emailLoading.value = true;
+      const res = await getConfigEmail();
+      originForm.value = { ...res, ssl: res.ssl === 'true', tsl: res.tsl === 'true' };
+      form.value = { ...res, ssl: res.ssl === 'true', tsl: res.tsl === 'true' };
+      descriptions.value = [
+        { label: t('system.business.mailSettings.smtpHost'), value: res.host },
+        { label: t('system.business.mailSettings.smtpPort'), value: res.port },
+        { label: t('system.business.mailSettings.smtpAccount'), value: res.account },
+        { label: t('system.business.mailSettings.smtpPassword'), value: res.password, valueSlotName: 'password' },
+        { label: t('system.business.mailSettings.from'), value: res.from },
+        { label: t('system.business.mailSettings.recipient'), value: res.recipient },
+        { label: t('system.business.mailSettings.ssl'), value: res.ssl, valueSlotName: 'ssl' },
+        { label: t('system.business.mailSettings.tsl'), value: res.tsl, valueSlotName: 'ssl' },
+      ];
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      emailLoading.value = false;
+    }
+  }
+
+  const emailDrawerLoading = ref(false);
+  async function confirm() {
+    formRef.value?.validate(async (errors) => {
+      if (!errors) {
+        try {
+          emailDrawerLoading.value = true;
+          await updateConfigEmail({ ...form.value, ssl: String(form.value.ssl), tsl: String(form.value.tsl) });
+          Message.success(t('common.updateSuccess'));
+          showDrawer.value = false;
+          initEmailInfo();
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        } finally {
+          emailDrawerLoading.value = false;
+        }
+      }
+    });
+  }
+
+  function cancel() {
+    form.value = { ...originForm.value };
+  }
+
+  const linkLoading = ref(false);
+  async function testLink(isDrawer: boolean) {
+    try {
+      linkLoading.value = true;
+      if (isDrawer) {
+        await formRef.value?.validate();
+      }
+      const params = {
+        ...(isDrawer ? form.value : originForm.value),
+        ssl: String(form.value.ssl),
+        tsl: String(form.value.tsl),
+      };
+      await testConfigEmail(params);
+      Message.success(t('common.connectionSuccess'));
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      linkLoading.value = false;
+    }
+  }
+
+  onBeforeMount(() => {
+    initEmailInfo();
+  });
+</script>
diff --git a/frontend/packages/web/src/views/system/business/components/pageSettings.vue b/frontend/packages/web/src/views/system/business/components/pageSettings.vue
new file mode 100644
index 0000000..73d025f
--- /dev/null
+++ b/frontend/packages/web/src/views/system/business/components/pageSettings.vue
@@ -0,0 +1,580 @@
+<template>
+  <!-- 风格、主题色配置 -->
+  <CrmCard class="mb-[16px]" :loading="pageLoading" hide-footer auto-height>
+    <div class="flex items-center gap-[16px]">
+      <div class="w-[60px] font-medium"> {{ t('system.business.page.platformStyle') }}</div>
+      <CrmTab v-model:active-tab="pageConfig.theme" no-content :tab-list="themeList" type="segment" />
+    </div>
+    <div v-if="pageConfig.theme === 'custom'" class="ml-[4px] mt-[4px]">
+      <CrmColorSelect key="customTheme" v-model:pure-color="pageConfig.customTheme" />
+    </div>
+    <div class="mt-[16px] flex items-center gap-[16px]">
+      <div class="w-[60px] font-medium">{{ t('system.business.page.background') }}</div>
+      <CrmTab v-model:active-tab="pageConfig.style" no-content :tab-list="styleList" type="segment" />
+    </div>
+    <div v-if="pageConfig.style === 'custom'" class="my-[4px] ml-[4px]">
+      <CrmColorSelect key="customStyle" v-model:pure-color="pageConfig.customStyle" />
+    </div>
+  </CrmCard>
+
+  <!-- 登录页配置 -->
+  <CrmCard class="mb-[16px]" :loading="pageLoading" hide-footer auto-height>
+    <div class="config-title">
+      {{ t('system.config.page.loginPageConfig') }}
+    </div>
+    <div class="config-content">
+      <div class="config-content-head">
+        {{ t('system.config.page.pagePreview') }}
+        <n-button v-permission="['SYSTEM_SETTING:UPDATE']" type="primary" text @click="resetLoginPageConfig">
+          {{ t('common.resetDefault') }}
+        </n-button>
+      </div>
+      <div class="config-main">
+        <div ref="loginPageFullRef" class="config-preview relative">
+          <div :class="['config-preview-head', isLoginPageFullscreen ? 'config-preview-head-full' : '']">
+            <div class="flex flex-1 items-center overflow-hidden">
+              <img :src="pageConfig.icon[0]?.url ?? '/logo.svg'" class="h-[18px] w-[18px]" />
+              <div class="one-line-text ml-[4px] text-[10px]">{{ pageConfig.title }}</div>
+            </div>
+            <CrmIcon
+              class="relative right-[12px] z-10 cursor-pointer text-[var(--text-n2)]"
+              :type="!isLoginPageFullscreen ? 'iconicon_full_screen_one' : 'iconicon_off_screen'"
+              @click="loginFullscreenToggle"
+            />
+          </div>
+          <!-- 登录页预览实际渲染 DOM，按三种屏幕尺寸缩放 -->
+          <div :class="['page-preview', isLoginPageFullscreen ? 'page-preview-full' : 'page-preview-normal']">
+            <Banner
+              :banner="pageConfig.loginImage[0]?.url ?? defaultLoginImage"
+              is-preview
+              :logo="pageConfig.loginLogo[0]?.url ?? defaultLoginLogo"
+            />
+            <LoginForm
+              :slogan="pageConfig.slogan"
+              :logo="pageConfig.loginLogo[0]?.url ?? defaultLoginLogo"
+              is-preview
+            />
+          </div>
+        </div>
+        <div class="config-form">
+          <UploadCard
+            v-for="item in cardList"
+            :key="item.valueKey"
+            v-model:file-list="pageConfig[item.valueKey] as CrmFileItem[]"
+            :show-tag="item.showTag"
+            :title="item.title"
+            :max-size="item.maxSize"
+            :size-unit="item.sizeUnit"
+            :tip="item.tip"
+            :value-key="item.valueKey"
+          />
+          <n-form ref="loginConfigFormRef" :model="pageConfig">
+            <n-form-item
+              :label="t('system.config.page.slogan')"
+              path="slogan"
+              :rule="[
+                {
+                  required: true,
+                  trigger: ['change', 'blur'],
+                  message: t('common.notNull', { value: `${t('system.config.page.slogan')} ` }),
+                },
+              ]"
+            >
+              <n-input
+                v-model:value="pageConfig.slogan"
+                allow-clear
+                :maxlength="255"
+                :placeholder="t('common.pleaseInput')"
+              />
+              <div class="text-[12px] text-[var(--text-n4)]">{{ t('system.config.page.sloganTip') }}</div>
+            </n-form-item>
+            <n-form-item :label="t('system.config.page.title')" path="title">
+              <n-input
+                v-model:value="pageConfig.title"
+                allow-clear
+                :maxlength="255"
+                :placeholder="t('common.pleaseInput')"
+              />
+              <div class="text-[12px] text-[var(--text-n4)]">{{ t('system.config.page.titleTip') }}</div>
+            </n-form-item>
+          </n-form>
+        </div>
+      </div>
+      <div class="config-content-tip">{{ t('system.config.page.loginPreviewTip') }}</div>
+    </div>
+  </CrmCard>
+
+  <!-- 平台主页面配置 -->
+  <CrmCard class="mb-[88px]" :loading="pageLoading" hide-footer auto-height>
+    <div class="config-title">
+      {{ t('system.config.page.platformConfig') }}
+    </div>
+    <div class="config-content border border-solid border-[var(--text-n8)] !bg-[var(--text-n10)]">
+      <div class="config-content-head">
+        {{ t('system.config.page.pagePreview') }}
+        <n-button v-permission="['SYSTEM_SETTING:UPDATE']" type="primary" text @click="resetPlatformConfig">
+          {{ t('common.resetDefault') }}
+        </n-button>
+      </div>
+      <!-- 平台主页预览盒子 -->
+      <div :class="['config-main', '!h-[290px]', currentLocale === 'en-US' ? '!h-[340px]' : '']">
+        <div ref="platformPageFullRef" class="config-preview relative">
+          <CrmIcon
+            class="absolute right-[12px] top-[8px] z-[998] cursor-pointer text-[var(--text-n2)]"
+            :type="!isPlatformPageFullscreen ? 'iconicon_full_screen_one' : 'iconicon_off_screen'"
+            @click="platformFullscreenToggle"
+          />
+          <div
+            :class="[
+              'page-preview',
+              'platform-preview',
+              '!h-[550px]',
+              isPlatformPageFullscreen ? 'page-preview-full' : 'page-preview-normal',
+            ]"
+          >
+            <n-layout>
+              <LayoutHeader is-preview :logo="pageConfig.logoPlatform[0]?.url ?? defaultPlatformLogo" />
+              <n-layout class="flex-1" has-sider>
+                <div class="w-[180px] bg-[var(--text-n10)]"></div>
+                <div class="w-full bg-[var(--text-n9)]"></div>
+              </n-layout>
+            </n-layout>
+          </div>
+        </div>
+        <div class="config-form">
+          <UploadCard
+            v-for="item in platformCardList"
+            :key="item.valueKey"
+            v-model:file-list="pageConfig[item.valueKey] as CrmFileItem[]"
+            :show-tag="item.showTag"
+            :title="item.title"
+            :max-size="item.maxSize"
+            :size-unit="item.sizeUnit"
+            :tip="item.tip"
+            :value-key="item.valueKey"
+          />
+          <n-form ref="platformConfigFormRef" :model="pageConfig">
+            <n-form-item :label="t('settings.help.doc')" path="helpDoc">
+              <n-input
+                v-model:value="pageConfig.helpDoc"
+                allow-clear
+                :maxlength="255"
+                :placeholder="t('common.pleaseInput')"
+              />
+              <div class="text-[12px] text-[var(--text-n4)]">{{ t('system.config.page.helpDocTip') }}</div>
+            </n-form-item>
+          </n-form>
+        </div>
+      </div>
+      <div class="config-content-tip">{{ t('system.config.page.loginPreviewTip') }}</div>
+    </div>
+  </CrmCard>
+
+  <div
+    class="base-box-shadow fixed bottom-0 right-0 z-[999] flex justify-end gap-[16px] bg-[var(--text-n10)] p-[24px]"
+    :style="{ width: `calc(100% - ${menuWidth}px)` }"
+  >
+    <n-button v-permission="['SYSTEM_SETTING:UPDATE']" secondary @click="resetAll">
+      {{ t('system.config.page.cancel') }}
+    </n-button>
+    <n-button v-permission="['SYSTEM_SETTING:UPDATE']" type="primary" @click="beforeSave">
+      {{ t('system.config.page.save') }}
+    </n-button>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { FormInst, NButton, NForm, NFormItem, NInput, NLayout, useMessage } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import useLocale from '@lib/shared/locale/useLocale';
+  import { scrollIntoView } from '@lib/shared/method/dom';
+  import { sleep } from '@lib/shared/method/index';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmColorSelect from '@/components/pure/crm-color-select/index.vue';
+  import CrmTab from '@/components/pure/crm-tab/index.vue';
+  import type { CrmFileItem } from '@/components/pure/crm-upload/types';
+  import UploadCard, { UploadCardItem } from './uploadCard.vue';
+  import LayoutHeader from '@/layout/components/layout-header.vue';
+  import Banner from '@/views/base/login/components/banner.vue';
+  import LoginForm from '@/views/base/login/components/login-form.vue';
+
+  import { savePageConfig } from '@/api/modules';
+  import { defaultLoginImage, defaultLoginLogo, defaultPlatformLogo } from '@/config/business';
+  import useFullScreen from '@/hooks/useFullScreen';
+  import useAppStore from '@/store/modules/app';
+  import { PageConfig } from '@/store/modules/app/types';
+  import { setCustomTheme, setPlatformColor, watchStyle, watchTheme } from '@/utils/theme';
+
+  const { t } = useI18n();
+  const appStore = useAppStore();
+  const Message = useMessage();
+  const { currentLocale } = useLocale(Message.loading);
+
+  const pageLoading = ref(false);
+  const pageConfig = ref<PageConfig>({ ...appStore.pageConfig, slogan: t(appStore.pageConfig.slogan) });
+
+  const styleList = [
+    {
+      tab: t('common.default'),
+      name: 'default',
+    },
+    {
+      tab: t('system.business.page.follow'),
+      name: 'follow',
+    },
+    {
+      tab: t('common.custom'),
+      name: 'custom',
+    },
+  ];
+
+  const themeList = [
+    {
+      tab: t('common.default'),
+      name: 'default',
+    },
+    {
+      tab: t('common.custom'),
+      name: 'custom',
+    },
+  ];
+
+  watch(
+    () => pageConfig.value.theme,
+    (val) => {
+      watchTheme(val, pageConfig.value);
+    }
+  );
+
+  watch(
+    () => pageConfig.value.customTheme,
+    (val) => {
+      if (val && pageConfig.value.theme === 'custom') {
+        setCustomTheme(val);
+        if (pageConfig.value.style === 'follow') {
+          // 若平台风格跟随主题色
+          setPlatformColor(pageConfig.value.customTheme, true);
+        }
+      }
+    }
+  );
+
+  watch(
+    () => pageConfig.value.style,
+    (val) => {
+      watchStyle(val, pageConfig.value);
+    }
+  );
+
+  watch(
+    () => pageConfig.value.customStyle,
+    (val) => {
+      if (val && pageConfig.value.style === 'custom') {
+        setPlatformColor(val);
+      }
+    }
+  );
+
+  const loginPageFullRef = ref<HTMLElement | null>(null);
+  const { isFullScreen: isLoginPageFullscreen, toggleFullScreen: loginFullscreenToggle } = useFullScreen(
+    loginPageFullRef,
+    true
+  );
+  const platformPageFullRef = ref<HTMLElement | null>(null);
+  const { isFullScreen: isPlatformPageFullscreen, toggleFullScreen: platformFullscreenToggle } = useFullScreen(
+    platformPageFullRef,
+    true
+  );
+
+  const loginConfigFormRef = ref<FormInst | null>(null);
+  const platformConfigFormRef = ref<FormInst | null>(null);
+
+  const cardList = ref<UploadCardItem[]>([
+    {
+      title: t('system.config.page.icon'),
+      valueKey: 'icon',
+      tip: t('system.config.page.iconTip'),
+      maxSize: 200,
+      sizeUnit: 'KB',
+    },
+    {
+      title: t('system.config.page.loginLogo'),
+      valueKey: 'loginLogo',
+      tip: t('system.config.page.loginLogoTip'),
+      maxSize: 200,
+      sizeUnit: 'KB',
+    },
+    {
+      title: t('system.config.page.loginBg'),
+      valueKey: 'loginImage',
+      tip: t('system.config.page.loginBgTip'),
+      maxSize: 1,
+      sizeUnit: 'MB',
+    },
+  ]);
+
+  const platformCardList = ref<UploadCardItem[]>([
+    {
+      title: t('system.config.page.platformLogo'),
+      valueKey: 'logoPlatform',
+      tip: t('system.config.page.platformLogoTip'),
+      maxSize: 200,
+      sizeUnit: 'KB',
+    },
+  ]);
+
+  function resetLoginPageConfig() {
+    pageConfig.value = {
+      ...pageConfig.value,
+      ...appStore.defaultLoginConfig,
+      slogan: t(appStore.defaultLoginConfig.slogan),
+    };
+  }
+
+  function resetPlatformConfig() {
+    pageConfig.value = {
+      ...pageConfig.value,
+      ...appStore.defaultPlatformConfig,
+    };
+  }
+
+  const menuWidth = computed(() => {
+    return appStore.menuCollapsed ? appStore.collapsedWidth : 180;
+  });
+
+  function resetAll() {
+    pageConfig.value = { ...appStore.getDefaultPageConfig, slogan: t(appStore.defaultLoginConfig.slogan) };
+  }
+
+  function makeParams() {
+    const request = [
+      {
+        paramKey: 'ui.icon',
+        paramValue: pageConfig.value.icon[0]?.url,
+        type: 'file',
+        fileName: pageConfig.value.icon[0]?.name,
+        original: pageConfig.value.icon.length === 0, // 是否为默认值
+        hasFile: pageConfig.value.icon[0]?.file, // 是否是上传了文件
+        organizationId: appStore.orgId,
+      },
+      {
+        paramKey: 'ui.loginLogo',
+        paramValue: pageConfig.value.loginLogo[0]?.url,
+        type: 'file',
+        fileName: pageConfig.value.loginLogo[0]?.name,
+        original: pageConfig.value.loginLogo.length === 0,
+        hasFile: pageConfig.value.loginLogo[0]?.file,
+        organizationId: appStore.orgId,
+      },
+      {
+        paramKey: 'ui.loginImage',
+        paramValue: pageConfig.value.loginImage[0]?.url,
+        type: 'file',
+        fileName: pageConfig.value.loginImage[0]?.name,
+        original: pageConfig.value.loginImage.length === 0,
+        hasFile: pageConfig.value.loginImage[0]?.file,
+        organizationId: appStore.orgId,
+      },
+      {
+        paramKey: 'ui.logoPlatform',
+        paramValue: pageConfig.value.logoPlatform[0]?.url,
+        type: 'file',
+        fileName: pageConfig.value.logoPlatform[0]?.name,
+        original: pageConfig.value.logoPlatform.length === 0,
+        hasFile: pageConfig.value.logoPlatform[0]?.file,
+        organizationId: appStore.orgId,
+      },
+      { paramKey: 'ui.slogan', paramValue: pageConfig.value.slogan, type: 'text', organizationId: appStore.orgId },
+      { paramKey: 'ui.title', paramValue: pageConfig.value.title, type: 'text', organizationId: appStore.orgId },
+      {
+        paramKey: 'ui.style',
+        paramValue: pageConfig.value.style === 'custom' ? pageConfig.value.customStyle : pageConfig.value.style,
+        type: 'text',
+        organizationId: appStore.orgId,
+      },
+      {
+        paramKey: 'ui.theme',
+        paramValue: pageConfig.value.theme === 'custom' ? pageConfig.value.customTheme : pageConfig.value.theme,
+        type: 'text',
+        organizationId: appStore.orgId,
+      },
+      { paramKey: 'ui.helpDoc', paramValue: pageConfig.value.helpDoc, type: 'text', organizationId: appStore.orgId },
+    ].filter((e) => {
+      if (e.type === 'file') {
+        return e.hasFile || e.original;
+      }
+      return true;
+    });
+    const fileList = [
+      pageConfig.value.icon[0]?.file
+        ? new File([pageConfig.value.icon[0].file as File], `ui.icon,${pageConfig.value.icon[0].file?.name}`)
+        : undefined,
+      pageConfig.value.loginLogo[0]?.file
+        ? new File(
+            [pageConfig.value.loginLogo[0].file as File],
+            `ui.loginLogo,${pageConfig.value.loginLogo[0].file?.name}`
+          )
+        : undefined,
+      pageConfig.value.loginImage[0]?.file
+        ? new File(
+            [pageConfig.value.loginImage[0].file as File],
+            `ui.loginImage,${pageConfig.value.loginImage[0].file?.name}`
+          )
+        : undefined,
+      pageConfig.value.logoPlatform[0]?.file
+        ? new File(
+            [pageConfig.value.logoPlatform[0]?.file as File],
+            `ui.logoPlatform,${pageConfig.value.logoPlatform[0].file?.name}`
+          )
+        : undefined,
+    ].filter((e) => e !== undefined);
+    return { request, fileList };
+  }
+
+  const isSave = ref(false); // 是否保存，没有保存但是更改了主题配置需要重置一下。保存了就不需要重置了。
+
+  // 保存并应用
+  async function save() {
+    try {
+      pageLoading.value = true;
+      await savePageConfig(makeParams());
+      Message.success(t('common.saveSuccess'));
+      await sleep(300);
+      window.location.reload();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      pageLoading.value = false;
+    }
+  }
+
+  // 保存前校验
+  async function beforeSave() {
+    try {
+      await loginConfigFormRef.value?.validate();
+      await platformConfigFormRef.value?.validate();
+      save();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+      const errDom = document.querySelector('.n-form-item-blank--error');
+      scrollIntoView(errDom, { block: 'center' });
+    }
+  }
+
+  onBeforeUnmount(() => {
+    if (isSave.value === false) {
+      // 离开前未保存，需要判断是否更改了主题和风格，改了的话需要重置回来
+      if (
+        pageConfig.value.style === 'custom'
+          ? pageConfig.value.customStyle !== appStore.pageConfig.style
+          : pageConfig.value.style !== appStore.pageConfig.style
+      ) {
+        watchStyle(appStore.pageConfig.style, appStore.pageConfig);
+      }
+      if (
+        pageConfig.value.theme === 'custom'
+          ? pageConfig.value.customTheme !== appStore.pageConfig.theme
+          : pageConfig.value.theme !== appStore.pageConfig.theme
+      ) {
+        watchTheme(appStore.pageConfig.theme, appStore.pageConfig);
+      }
+    }
+  });
+</script>
+
+<style lang="less" scoped>
+  .config-title {
+    @apply flex items-center font-medium;
+
+    margin-bottom: 16px;
+  }
+  .config-content {
+    margin-top: 8px;
+    padding: 16px;
+    min-width: 1150px;
+    border-radius: var(--border-radius-small);
+    background-color: var(--text-n9);
+    .config-content-head {
+      margin-bottom: 8px;
+      @apply flex items-center justify-between;
+    }
+    .config-main {
+      display: flex;
+      overflow: hidden;
+      height: 495px;
+      gap: 16px;
+      @media screen and (min-width: 1600px) {
+        height: 550px;
+        &--en {
+          height: 570px;
+        }
+      }
+      @media screen and (min-width: 1800px) {
+        height: auto;
+      }
+      .config-preview {
+        @apply relative;
+
+        width: 740px;
+        background-color: var(--text-n10);
+        @media screen and (min-width: 1600px) {
+          width: 888px;
+        }
+        @media screen and (min-width: 1800px) {
+          width: 100%;
+        }
+        .config-preview-head {
+          gap: 24px;
+          @apply flex items-center justify-between;
+
+          padding: 8px;
+          &.config-preview-head-full {
+            width: 100vw;
+          }
+        }
+        .page-preview {
+          @apply relative flex flex-1;
+
+          width: 1480px;
+          height: 916px;
+          transform-origin: center;
+          @media screen and (min-width: 1800px) {
+            width: 100%;
+            height: 632px;
+          }
+          &.page-preview-normal {
+            transform: translate(-25%, -25%) scale(0.5);
+            @media screen and (min-width: 1600px) {
+              transform: translate(-20%, -20%) scale(0.6);
+            }
+            @media screen and (min-width: 1800px) {
+              transform: none;
+            }
+          }
+          &.page-preview-full {
+            width: 100vw;
+            height: 100vh !important;
+            transform: none;
+          }
+        }
+      }
+      .config-form {
+        margin-left: 16px;
+        width: 40%;
+        min-width: 300px;
+      }
+    }
+    .config-content-tip {
+      margin-top: 4px;
+      color: var(--text-n4);
+    }
+  }
+  :deep(.n-form-item .n-form-item-blank) {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/business/components/personalExportDrawer.vue b/frontend/packages/web/src/views/system/business/components/personalExportDrawer.vue
new file mode 100644
index 0000000..ce9c510
--- /dev/null
+++ b/frontend/packages/web/src/views/system/business/components/personalExportDrawer.vue
@@ -0,0 +1,280 @@
+<template>
+  <CrmDrawer
+    v-model:show="visible"
+    resizable
+    :width="1000"
+    :title="t('common.export')"
+    :footer="false"
+    class="min-w-[800px]"
+    @cancel="handleCancel"
+  >
+    <n-alert type="default" class="mb-[16px]" closable>
+      <template #icon>
+        <CrmIcon type="iconicon_info_circle_filled" :size="20" />
+      </template>
+      {{ t('system.personal.exportTip') }}
+    </n-alert>
+    <div class="mb-[16px] flex flex-wrap items-center justify-between gap-[16px]">
+      <div class="flex items-center gap-[12px]">
+        <div>
+          <CrmTab v-model:active-tab="activeTab" class="inline-block" type="segment" no-content :tab-list="tabList" />
+        </div>
+        <n-select
+          v-model:value="exportStatus"
+          :options="exportStatusOptions"
+          class="w-[120px]"
+          @update-value="changeExportStatus"
+        />
+      </div>
+
+      <div class="flex items-center gap-[12px]">
+        <CrmSearchInput
+          v-model:value="keyword"
+          :placeholder="t('common.searchByName')"
+          class="!w-[200px]"
+          @search="searchData"
+        />
+        <n-button class="!px-[7px]" @click="() => searchData()">
+          <template #icon>
+            <CrmIcon type="iconicon_refresh" class="text-[var(--text-n1)]" :size="16" />
+          </template>
+        </n-button>
+      </div>
+    </div>
+    <div>
+      <n-spin :show="loading">
+        <n-scrollbar class="max-h-[calc(100vh-204px)]">
+          <div v-if="list.length" class="grid h-full grid-cols-2 gap-[16px]">
+            <div v-for="item of list" :key="item.id" class="export-item">
+              <div class="mb-[8px] flex items-center justify-between">
+                <exportStatusTag :status="item.status" />
+                <CrmTag type="info" theme="light">
+                  {{ getItemType(item.resourceType) }}
+                </CrmTag>
+              </div>
+              <div class="flex flex-nowrap items-center justify-between">
+                <div class="flex items-center gap-[8px] overflow-hidden">
+                  <n-tooltip :delay="300">
+                    <template #trigger>
+                      <div class="one-line-text text-[var(--text-n2)]">{{ item.fileName }}</div>
+                    </template>
+                    {{ item.fileName }}
+                  </n-tooltip>
+                  <div class="flex-shrink-0 text-[var(--text-n4)]">
+                    {{ dayjs(item.createTime).format('YYYY-MM-DD HH:mm:ss') }}
+                  </div>
+                </div>
+                <div
+                  v-if="[PersonalExportStatusEnum.SUCCESS, PersonalExportStatusEnum.PREPARED].includes(item.status)"
+                  class="ml-[24px] flex items-center"
+                >
+                  <n-button
+                    v-if="item.status === PersonalExportStatusEnum.SUCCESS"
+                    text
+                    type="primary"
+                    @click="handleDownload(item)"
+                  >
+                    {{ t('common.downloadFile') }}
+                  </n-button>
+                  <n-button
+                    v-if="item.status === PersonalExportStatusEnum.PREPARED"
+                    text
+                    type="primary"
+                    @click="handleCancelExport(item.id)"
+                  >
+                    {{ t('common.cancelExport') }}
+                  </n-button>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div v-else class="w-full p-[16px] text-center text-[var(--text-n4)]">
+            {{ t('system.personal.noExportTask') }}
+          </div>
+        </n-scrollbar>
+      </n-spin>
+    </div>
+  </CrmDrawer>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { NAlert, NButton, NScrollbar, NSelect, NSpin, NTooltip, useMessage } from 'naive-ui';
+  import dayjs from 'dayjs';
+
+  import { PersonalExportStatusEnum, SystemResourceMessageTypeEnum } from '@lib/shared/enums/systemEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { downloadByteFile } from '@lib/shared/method';
+  import { ExportCenterItem } from '@lib/shared/models/system/business';
+
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmSearchInput from '@/components/pure/crm-search-input/index.vue';
+  import CrmTab from '@/components/pure/crm-tab/index.vue';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import exportStatusTag from './exportStatusTag.vue';
+
+  import { cancelCenterExport, exportCenterDownload, getExportCenterList } from '@/api/modules';
+
+  const Message = useMessage();
+
+  const { t } = useI18n();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const activeTab = ref('');
+  const loading = ref(false);
+
+  const keyword = ref('');
+
+  const tabList = ref([
+    { name: '', tab: t('common.all') },
+    { name: SystemResourceMessageTypeEnum.CUSTOMER, tab: t('menu.customer') },
+    { name: SystemResourceMessageTypeEnum.CLUE, tab: t('menu.clue') },
+    { name: SystemResourceMessageTypeEnum.OPPORTUNITY, tab: t('menu.opportunity') },
+    { name: SystemResourceMessageTypeEnum.CONTRACT, tab: t('module.contract') },
+    { name: SystemResourceMessageTypeEnum.PRODUCT_PRICE, tab: t('module.productManagementPrice') },
+    { name: SystemResourceMessageTypeEnum.BUSINESS_TITLE, tab: t('module.businessTitle') },
+    { name: SystemResourceMessageTypeEnum.CONTRACT_INVOICE, tab: t('module.invoice') },
+    { name: SystemResourceMessageTypeEnum.CUSTOM_FORM, tab: t('module.customForm') },
+  ]);
+
+  const exportStatus = ref('');
+  const exportStatusOptions = ref([
+    {
+      value: '',
+      label: t('common.all'),
+    },
+    {
+      value: PersonalExportStatusEnum.PREPARED,
+      label: t('system.personal.exporting'),
+    },
+    {
+      value: PersonalExportStatusEnum.ERROR,
+      label: t('common.exportFailed'),
+    },
+    {
+      value: PersonalExportStatusEnum.SUCCESS,
+      label: t('common.exportSuccessful'),
+    },
+  ]);
+
+  const list = ref<ExportCenterItem[]>([]);
+
+  async function searchData(val?: string) {
+    try {
+      loading.value = true;
+      list.value = await getExportCenterList({
+        keyword: val ?? keyword.value,
+        exportType: activeTab.value,
+        exportStatus: exportStatus.value,
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  function changeExportStatus() {
+    nextTick(() => {
+      searchData();
+    });
+  }
+
+  function getItemType(type: string) {
+    switch (type) {
+      case SystemResourceMessageTypeEnum.CUSTOMER:
+        return t('menu.customer');
+      case SystemResourceMessageTypeEnum.CUSTOMER_POOL:
+        return t('module.openSea');
+      case SystemResourceMessageTypeEnum.CLUE:
+        return t('menu.clue');
+      case SystemResourceMessageTypeEnum.CLUE_POOL:
+        return t('module.cluePool');
+      case SystemResourceMessageTypeEnum.CUSTOMER_CONTACT:
+        return t('menu.contact');
+      case SystemResourceMessageTypeEnum.CONTRACT:
+        return t('module.contract');
+      case SystemResourceMessageTypeEnum.CONTRACT_PAYMENT_PLAN:
+        return t('module.paymentPlan');
+      case SystemResourceMessageTypeEnum.CONTRACT_PAYMENT_RECORD:
+        return t('module.paymentRecord');
+      case SystemResourceMessageTypeEnum.PRODUCT_PRICE:
+        return t('module.productManagementPrice');
+      case SystemResourceMessageTypeEnum.BUSINESS_TITLE:
+        return t('module.businessTitle');
+      case SystemResourceMessageTypeEnum.CONTRACT_INVOICE:
+        return t('module.invoice');
+      case SystemResourceMessageTypeEnum.CUSTOM_FORM:
+        return t('module.customForm');
+      default:
+        return t('menu.opportunity');
+    }
+  }
+
+  // 取消导出
+  async function handleCancelExport(id: string) {
+    try {
+      loading.value = true;
+      await cancelCenterExport(id);
+      Message.success(t('common.cancelSuccess'));
+      searchData();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  // 下载
+  async function handleDownload(item: ExportCenterItem) {
+    try {
+      loading.value = true;
+      const res = await exportCenterDownload(item.id);
+      downloadByteFile(res, `${item.fileName}.xlsx`);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  function handleCancel() {
+    visible.value = false;
+    exportStatus.value = '';
+    activeTab.value = '';
+  }
+
+  watch(
+    () => activeTab.value,
+    () => {
+      searchData();
+    }
+  );
+
+  watch(
+    () => visible.value,
+    (val) => {
+      if (val) {
+        searchData();
+      }
+    }
+  );
+</script>
+
+<style scoped lang="less">
+  .export-item {
+    padding: 16px;
+    border: 1px solid var(--text-n8);
+    border-radius: var(--border-radius-medium);
+  }
+  :deep(.n-scrollbar-rail.n-scrollbar-rail--vertical--right) {
+    right: 0;
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/business/components/personalInfoDrawer.vue b/frontend/packages/web/src/views/system/business/components/personalInfoDrawer.vue
new file mode 100644
index 0000000..8d93d0a
--- /dev/null
+++ b/frontend/packages/web/src/views/system/business/components/personalInfoDrawer.vue
@@ -0,0 +1,205 @@
+<template>
+  <CrmDrawer
+    v-model:show="visible"
+    width="100%"
+    :title="t('system.personal.info.title')"
+    :footer="false"
+    :show-back="true"
+    :closable="false"
+    :body-content-class="bodyClass"
+  >
+    <n-scrollbar>
+      <CrmCard no-content-padding hide-footer auto-height class="mb-[16px]">
+        <CrmTab v-model:active-tab="activeTab" no-content :tab-list="tabList" type="line" @change="searchData()" />
+      </CrmCard>
+      <CrmCard v-if="activeTab === PersonalEnum.INFO" hide-footer :special-height="64">
+        <div class="flex font-medium text-[var(--text-n1)]">
+          <n-p>{{ t('common.baseInfo') }}</n-p>
+        </div>
+        <div class="flex w-full items-center gap-[8px] py-[16px]">
+          <CrmAvatar />
+          <div class="flex-1">
+            <div class="text-[var(--text-n1)]">{{ personalInfo.userName }}</div>
+            <div class="flex items-center gap-[4px]">
+              <n-tag
+                v-if="personalInfo.userId === 'admin'"
+                :bordered="false"
+                size="small"
+                :color="{
+                  color: 'var(--primary-6)',
+                  textColor: 'var(--primary-8)',
+                }"
+              >
+                {{ t('common.admin') }}
+              </n-tag>
+              <template v-else>
+                <CrmTag
+                  v-for="role in personalInfo.roles"
+                  :key="role.id"
+                  :bordered="false"
+                  size="small"
+                  :color="{
+                    color: 'var(--primary-6)',
+                    textColor: 'var(--primary-8)',
+                  }"
+                >
+                  {{ role.name }}
+                </CrmTag>
+              </template>
+            </div>
+          </div>
+        </div>
+        <div
+          class="grid w-full grid-cols-3 gap-[8px] rounded-[var(--border-radius-small)] bg-[var(--text-n9)] p-[24px]"
+        >
+          <div class="flex">
+            <n-p class="m-[0] text-[var(--text-n4)]">{{ t('system.personal.phone') }}</n-p>
+            <n-p class="mx-[8px] my-[0] text-[var(--text-n1)]">{{ personalInfo.phone }}</n-p>
+          </div>
+          <div class="flex">
+            <n-p class="m-[0] text-[var(--text-n4)]">{{ t('system.personal.email') }}</n-p>
+            <n-p class="mx-[8px] my-[0] text-[var(--text-n1)]">{{ personalInfo.email }}</n-p>
+          </div>
+          <div v-if="!userStore.isAdmin" class="flex">
+            <n-p class="m-[0] text-[var(--text-n4)]">{{ t('system.personal.department') }}</n-p>
+            <n-p class="mx-[8px] my-[0] text-[var(--text-n1)]">{{ personalInfo.departmentName }}</n-p>
+          </div>
+        </div>
+        <div class="py-[24px]">
+          <n-button type="primary" ghost class="mx-[8px]" @click="edit">
+            {{ t('common.edit') }}
+          </n-button>
+          <n-button @click="changePassword">
+            {{ t('system.personal.changePassword') }}
+          </n-button>
+        </div>
+      </CrmCard>
+      <CrmCard v-if="activeTab === PersonalEnum.MY_PLAN" no-content-padding hide-footer :special-height="64">
+        <FollowDetail
+          :show-add="
+            hasAnyPermission(['CUSTOMER_MANAGEMENT:UPDATE', 'CLUE_MANAGEMENT:UPDATE', 'OPPORTUNITY_MANAGEMENT:UPDATE'])
+          "
+          :refresh-key="refreshKey"
+          active-type="followPlan"
+          wrapper-class="h-[calc(100vh-155px)]"
+          virtual-scroll-height="calc(100vh - 252px)"
+          follow-api-key="myPlan"
+          source-id="NULL"
+          :any-permission="['CUSTOMER_MANAGEMENT:READ', 'OPPORTUNITY_MANAGEMENT:READ', 'CLUE_MANAGEMENT:READ']"
+        />
+      </CrmCard>
+      <apiKey v-if="activeTab === PersonalEnum.API_KEY" />
+    </n-scrollbar>
+  </CrmDrawer>
+  <EditPersonalInfoModal v-model:show="showEditPersonalModal" :integration="currentInfo" @init-sync="searchData()" />
+  <EditPasswordModal v-model:show="showEditPasswordModal" @init-sync="searchData()" />
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { NButton, NP, NScrollbar, NTag, TabPaneProps } from 'naive-ui';
+
+  import { PersonalEnum } from '@lib/shared/enums/systemEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { PersonalInfoRequest } from '@lib/shared/models/system/business';
+  import { OrgUserInfo } from '@lib/shared/models/system/org';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmTab from '@/components/pure/crm-tab/index.vue';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import CrmAvatar from '@/components/business/crm-avatar/index.vue';
+  import FollowDetail from '@/components/business/crm-follow-detail/index.vue';
+  import apiKey from './apiKey.vue';
+  import EditPasswordModal from '@/views/system/business/components/editPasswordModal.vue';
+  import EditPersonalInfoModal from '@/views/system/business/components/editPersonalInfoModal.vue';
+
+  import { getPersonalInfo } from '@/api/modules';
+  import { defaultUserInfo } from '@/config/business';
+  import { useUserStore } from '@/store';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const { t } = useI18n();
+  const userStore = useUserStore();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const activeTab = defineModel<PersonalEnum>('activeTabValue', {
+    required: false,
+    default: PersonalEnum.INFO,
+  });
+
+  const personalInfo = ref<OrgUserInfo>({
+    ...defaultUserInfo,
+  });
+
+  const currentInfo = ref<PersonalInfoRequest>({
+    phone: '',
+    email: '',
+  });
+
+  const bodyClass = ref<string>('crm-drawer-content');
+
+  const showEditPersonalModal = ref<boolean>(false); // 已配置
+  const showEditPasswordModal = ref<boolean>(false); // 已配置
+
+  const tabList = computed<TabPaneProps[]>(() => {
+    return [
+      {
+        name: PersonalEnum.INFO,
+        tab: t('system.personal.info'),
+      },
+      {
+        name: PersonalEnum.MY_PLAN,
+        tab: t('system.personal.plan'),
+      },
+      ...(hasAnyPermission(['PERSONAL_API_KEY:READ'])
+        ? [
+            {
+              name: PersonalEnum.API_KEY,
+              tab: t('system.personal.apiKey'),
+            },
+          ]
+        : []),
+    ];
+  });
+
+  async function searchData() {
+    if (activeTab.value === PersonalEnum.INFO) {
+      personalInfo.value = await getPersonalInfo();
+    }
+  }
+  function edit() {
+    currentInfo.value.email = personalInfo.value.email;
+    currentInfo.value.phone = personalInfo.value.phone;
+    showEditPersonalModal.value = true;
+  }
+
+  function changePassword() {
+    showEditPasswordModal.value = true;
+  }
+
+  watch(
+    () => visible.value,
+    (val) => {
+      if (val) {
+        searchData();
+      }
+    }
+  );
+
+  watch(
+    () => activeTab.value,
+    (val) => {
+      if (val === PersonalEnum.INFO) {
+        searchData();
+      }
+    }
+  );
+
+  const refreshKey = ref(0);
+</script>
+
+<style scoped lang="less"></style>
diff --git a/frontend/packages/web/src/views/system/business/components/uploadCard.vue b/frontend/packages/web/src/views/system/business/components/uploadCard.vue
new file mode 100644
index 0000000..4c6308a
--- /dev/null
+++ b/frontend/packages/web/src/views/system/business/components/uploadCard.vue
@@ -0,0 +1,65 @@
+<template>
+  <div class="config-form-card">
+    <div class="mb-[8px] flex items-center justify-between">
+      <div class="flex items-center">
+        {{ props.title }}
+        <CrmTag v-show="fileList[0]?.file" theme="light" type="warning" class="ml-[4px]" size="small">
+          {{ t('common.unsaved') }}
+        </CrmTag>
+      </div>
+      <CrmUpload
+        v-model:file-list="fileList"
+        accept="image"
+        class="w-[auto]"
+        :default-content="false"
+        :max-size="props.maxSize"
+        :size-unit="props.sizeUnit"
+      >
+        <n-button v-permission="['SYSTEM_SETTING:UPDATE']" type="default" class="outline--secondary" size="tiny">
+          {{ t('system.business.page.replace') }}
+        </n-button>
+      </CrmUpload>
+    </div>
+    <p class="text-[12px] text-[var(--text-n4)]">
+      {{ props.tip }}
+    </p>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { NButton } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import CrmUpload from '@/components/pure/crm-upload/index.vue';
+  import type { CrmFileItem } from '@/components/pure/crm-upload/types';
+
+  import { PageConfig } from '@/store/modules/app/types';
+
+  export interface UploadCardItem {
+    valueKey: keyof PageConfig;
+    title: string;
+    tip: string;
+    showTag?: boolean;
+    maxSize: number; // 文件大小限制，单位 MB
+    sizeUnit: 'MB' | 'KB'; // 文件大小单位
+  }
+  const props = defineProps<UploadCardItem>();
+
+  const fileList = defineModel<CrmFileItem[]>('fileList', {
+    required: true,
+  });
+
+  const { t } = useI18n();
+</script>
+
+<style lang="less" scoped>
+  .config-form-card {
+    margin-bottom: 8px;
+    padding: 12px;
+    border: 1px solid var(--text-n7);
+    border-radius: var(--border-radius-small);
+    background-color: var(--text-n10);
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/business/index.vue b/frontend/packages/web/src/views/system/business/index.vue
new file mode 100644
index 0000000..a851dc0
--- /dev/null
+++ b/frontend/packages/web/src/views/system/business/index.vue
@@ -0,0 +1,72 @@
+<template>
+  <n-scrollbar
+    :class="`business ${activeTab === 'syncOrganization' && licenseStore.expiredDuring ? '!h-[calc(100%-64px)]' : ''}`"
+    :content-class="`${
+      ['pageSettings', 'syncOrganization'].includes(activeTab) ? 'overflow-auto' : 'h-full overflow-hidden'
+    }`"
+  >
+    <div class="business-container">
+      <CrmCard no-content-padding hide-footer auto-height class="mb-[16px]">
+        <CrmTab v-model:active-tab="activeTab" no-content :tab-list="tabList" type="line" />
+      </CrmCard>
+      <PageSettings v-if="activeTab === 'pageSettings'" />
+      <MailSettings v-if="activeTab === 'mailSettings'" />
+      <!-- TODO license 先放开 <IntegrationList v-if="activeTab === 'syncOrganization' && xPack" /> -->
+      <IntegrationList v-if="activeTab === 'syncOrganization'" />
+    </div>
+  </n-scrollbar>
+</template>
+
+<script setup lang="ts">
+  import { NScrollbar } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmTab from '@/components/pure/crm-tab/index.vue';
+  import IntegrationList from './components/integrationList.vue';
+
+  import useLicenseStore from '@/store/modules/setting/license';
+
+  const PageSettings = defineAsyncComponent(() => import('./components/pageSettings.vue'));
+  const MailSettings = defineAsyncComponent(() => import('./components/mailSettings.vue'));
+  const { t } = useI18n();
+
+  const licenseStore = useLicenseStore();
+  const xPack = computed(() => licenseStore.hasLicense());
+
+  const activeTab = ref('syncOrganization');
+
+  // TODO license 先放开
+  // const tabList = ref([{ name: 'mailSettings', tab: t('system.business.tab.mailSettings') }]);
+
+  const initTabList = [
+    { name: 'pageSettings', tab: t('system.business.tab.interfaceSettings') },
+    { name: 'syncOrganization', tab: t('system.business.tab.third') },
+    { name: 'mailSettings', tab: t('system.business.tab.mailSettings') },
+  ];
+
+  const tabList = ref([...initTabList]);
+
+  watch(
+    () => xPack.value,
+    async (val) => {
+      if (val) {
+        tabList.value = [...initTabList];
+        activeTab.value = 'pageSettings';
+      } else {
+        tabList.value = initTabList.filter((e) => e.name !== 'pageSettings');
+        activeTab.value = 'syncOrganization';
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
+
+<style lang="less" scoped>
+  :deep(.n-tabs-scroll-padding) {
+    width: 16px !important;
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/business/locale/en-US.ts b/frontend/packages/web/src/views/system/business/locale/en-US.ts
new file mode 100644
index 0000000..7ecfce9
--- /dev/null
+++ b/frontend/packages/web/src/views/system/business/locale/en-US.ts
@@ -0,0 +1,198 @@
+export default {
+  'system.business.tab.interfaceSettings': 'Interface Settings',
+  'system.business.tab.scanLogin': 'QR Code Login',
+  'system.business.tab.mailSettings': 'Mail Settings',
+  'system.business.tab.syncOrganization': 'Sync Organization Structure',
+  'system.business.tab.third': 'Third party settings',
+  'system.business.mailSettings.smtpHost': 'SMTP Host',
+  'system.business.mailSettings.smtpPort': 'SMTP Port',
+  'system.business.mailSettings.smtpAccount': 'SMTP Account',
+  'system.business.mailSettings.smtpPassword': 'SMTP Password',
+  'system.business.mailSettings.from': 'Sender',
+  'system.business.mailSettings.recipient': 'Test Recipient',
+  'system.business.mailSettings.ssl': 'SSL',
+  'system.business.mailSettings.tsl': 'TSL',
+  'system.business.mailSettings.opened': 'Enabled',
+  'system.business.mailSettings.closed': 'Disabled',
+  'system.business.mailSettings.updateEmailSettings': 'Update Email Settings',
+  'system.business.mailSettings.sslTip': 'If the SMTP port is 465, SSL must be enabled.',
+  'system.business.mailSettings.tslTip': 'If the SMTP port is 587, TSL must be enabled.',
+  'system.business.configType': '{type} config',
+  'system.business.WE_COM': 'WeCom',
+  'system.business.WE_COM.description': 'A professional office management tool for enterprises.',
+  'system.business.DING_TALK': 'DingTalk',
+  'system.business.DING_TALK.description': 'An enterprise-level intelligent mobile office platform.',
+  'system.business.LARK': 'Lark',
+  'system.business.LARK.description': 'An advanced enterprise collaboration and management platform.',
+  'system.business.LARK_SUITE': 'Lark International',
+  'system.business.notConfigured': 'Not Configured',
+  'system.business.notConfiguredTip':
+    'Please perform a test connection first. This feature can only be enabled after a successful test connection.',
+  'system.business.corpId': 'CorpID',
+  'system.business.agentId': 'App ID',
+  'system.business.appKey': 'App Key',
+  'system.business.appSecret': 'App Secret',
+  'system.business.callBack': 'Callback URL',
+  'system.business.DE.url': 'DataEase URL',
+  'system.business.DE.urlPlaceholder': 'Please enter the DataEase access URL',
+  'system.business.DE.idPlaceholder': 'Please enter the ID to obtain the JWT Token',
+  'system.business.DE.secretPlaceholder': 'Please enter the Secret to obtain the JWT Token',
+  'system.business.DE.description': 'An open-source BI tool for everyone',
+  'system.business.DE.embedTypeTip': 'Please select at least one embedding method.',
+  'system.business.DE.embedModule': 'Module Embedding',
+  'system.business.DE.link': 'External Link Integration',
+  'system.business.DE.org': 'Organization',
+  'system.business.DE.orgTip': 'Fill in the Access Key and Secret Key to select.',
+  'system.business.DE.autoSync': 'Automatic Sync',
+  'system.business.DE.autoSyncTip': 'The system synchronizes users every day at 00:00:00.',
+  'system.business.DE.accountPlaceholder': 'Please enter the corresponding account in DataEase personal information',
+  'system.business.SQLBot.description': 'Intelligent query system based on large models and RAG',
+  'system.business.SQLBot.switch': 'intelligent question count',
+  'system.business.SQLBot.embeddedScript': 'embedded script',
+  'system.business.SQLBot.example': 'Example: {url}',
+  'system.business.tab.authenticationSettings': 'Authentication Settings',
+  'system.business.authenticationSettings.add': 'Add Authentication',
+  'system.business.authenticationSettings.edit': 'Update Authentication',
+  'system.business.authenticationSettings.deleteConfirmTitle': 'Confirm deletion of authentication {name}?',
+  'system.business.authenticationSettings.enableConfirmTitle': 'Confirm enabling authentication {name}?',
+  'system.business.authenticationSettings.enableConfirmContent':
+    'Once enabled, this authentication method can be used to log in.',
+  'system.business.authenticationSettings.disableConfirmTitle': 'Confirm disabling authentication {name}?',
+  'system.business.authenticationSettings.disableConfirmContent':
+    'Once disabled, this authentication method will no longer be supported for login.',
+  'system.business.authenticationSettings.addResource': 'Add Resource',
+  'system.business.authenticationSettings.commonUrlPlaceholder': 'Example: {url}',
+  'system.business.authenticationSettings.serviceUrl': 'Service URL',
+  'system.business.authenticationSettings.loginUrl': 'Login URL',
+  'system.business.authenticationSettings.loginUrlTip':
+    'If authentication fails, users will be redirected to this login page.',
+  'system.business.authenticationSettings.callbackUrl': 'Callback URL',
+  'system.business.authenticationSettings.callbackUrlPlaceholder':
+    'Please enter the callback URL to receive authentication platform callbacks',
+  'system.business.authenticationSettings.verifyUrl': 'Verification URL',
+  'system.business.authenticationSettings.verifyUrlTip': 'Used to verify if login information is correct.',
+  'system.business.authenticationSettings.authUrl': 'Authorization URL',
+  'system.business.authenticationSettings.tokenUrl': 'Token Endpoint URL',
+  'system.business.authenticationSettings.userInfoUrl': 'User Info Endpoint URL',
+  'system.business.authenticationSettings.clientId': 'Client ID',
+  'system.business.authenticationSettings.clientSecret': 'Client Secret',
+  'system.business.authenticationSettings.linkRange': 'Link Scope',
+  'system.business.authenticationSettings.LDAPUrl': 'LDAP URL',
+  'system.business.authenticationSettings.LDAPUrlPlaceholder': 'Set server URL',
+  'system.business.authenticationSettings.DN': 'Bind DN',
+  'system.business.authenticationSettings.password': 'Password',
+  'system.business.authenticationSettings.OU': 'User OU',
+  'system.business.authenticationSettings.OUPlaceholder': "Separate multiple OUs with 'I'",
+  'system.business.authenticationSettings.userFilter': 'User Filter',
+  'system.business.authenticationSettings.LDAPPropertyMap': 'LDAP Property Mapping',
+  'system.business.authenticationSettings.LDAPPropertyMapTip':
+    'Left key is Cordys user property, right value is authentication platform user property.',
+  'system.business.authenticationSettings.propertyMap': 'Property Mapping',
+  'system.business.authenticationSettings.testLogin': 'Test Login',
+  'system.business.authenticationSettings.openSourceDataTools': 'Data Analysis Tool',
+  'system.business.authenticationSettings.collaborativeSoftware': 'Collaborative software',
+  'system.business.authenticationSettings.syncUser': 'Sync users',
+  'system.business.authenticationSettings.confirmTogglePlatform': 'Are you sure to switch platforms?',
+  'system.business.authenticationSettings.oAuth2': 'OAuth2',
+  'system.business.authenticationSettings.syncUsersToolTitle': 'Sync user switch enabled:',
+  'system.business.authenticationSettings.syncUsersOpenTip':
+    '1. Synchronize {type} QR code login and {type} message notifications',
+  'system.business.authenticationSettings.syncUsersTipContent': '2. Sync users from  {type} in organization module',
+  'system.business.authenticationSettings.togglePlatformTip':
+    'Note: Scanning code login and message notifications will invoke the configuration of the switched platform ({type}), which may result in login failure or abnormal message reception. We suggest you operate with caution!',
+  'system.business.authenticationSettings.changeCorpIdTip':
+    'The current enterprise ID does not match the system archive!Docking new enterprises will directly clear the historical enterprise user data, clear careful operation!',
+  'system.business.authenticationSettings.innerAppId': 'App ID',
+  'system.business.authenticationSettings.innerAppIdPlaceholder':
+    'Please enter the internal application ID for DingTalk notifications.',
+
+  'system.business.page.platformStyle': 'Theme Color',
+  'system.business.page.background': 'Background Color',
+  'system.business.page.follow': 'Follow Theme Color',
+  'system.business.page.replace': 'Replace Image',
+  'system.config.page.loginPageConfig': 'Login Page Settings',
+  'system.config.page.pagePreview': 'Page Preview',
+  'system.config.page.reset': 'Undo Changes',
+  'system.config.page.loginPreviewTip':
+    'Tips: Default is the Cordys system interface, supports custom platform UI settings.',
+
+  'system.config.page.icon': 'Website Logo',
+  'system.config.page.iconTip':
+    'Displayed at the top of the website. Recommended: SVG or PNG format with a transparent background, height under 32px, and file size under 200KB.',
+  'system.config.page.loginLogo': 'Login Logo',
+  'system.config.page.loginLogoTip':
+    'Displayed on the right side of the login page. Recommended: SVG or PNG format with a transparent background, height under 48px, and file size under 200KB.',
+  'system.config.page.loginBg': 'Login Background',
+  'system.config.page.loginBgTip':
+    'Recommended: SVG format. Vector images: 1440x900px; Bitmap images: 1920x1080px. File size must be under 800KB.',
+  'system.config.page.slogan': 'Slogan',
+  'system.config.page.sloganTip': 'Displayed below the product logo.',
+  'system.config.page.title': 'Website Name',
+  'system.config.page.titleTip': 'Displayed on the browser tab.',
+  'system.config.page.platformConfig': 'Settings',
+  'system.config.page.platformLogo': 'Logo',
+  'system.config.page.platformLogoTip':
+    'Displayed in the theme bar. Recommended: SVG or PNG format with a transparent background, height under 32px, and file size under 200KB.',
+  'system.config.page.platformName': 'System Name',
+  'system.config.page.platformNameTip': 'Global product name, recommended within 8 characters.',
+  'system.config.page.helpDocTip': 'Set a help document link. Defaults to the official documentation.',
+  'system.config.page.cancel': 'Reset default',
+  'system.config.page.save': 'Save & Apply',
+  'system.personal.info.title': 'Personal center',
+  'system.personal.info': 'Personal information',
+  'system.personal.plan': 'My plan',
+  'system.personal.apiKey': 'API Keys',
+  'system.personal.maxTip': 'Up to 5 API Key',
+  'system.personal.apiKeyTip': 'Use API Key to access Cordys CRM API',
+  'system.personal.validTime': 'Validity',
+  'system.personal.setValidTime': 'Set validity',
+  'system.personal.forever': 'Permanent',
+  'system.personal.custom': 'Custom',
+  'system.personal.confirmDelete': 'Confirm delete?',
+  'system.personal.deleteTip': 'Deleting will invalidate the Access Key for API calls. Proceed with caution',
+  'system.personal.timeSetting': 'Time setting',
+  'system.personal.expiredTime': 'Expiration time',
+  'system.personal.accessKeyDesc': 'Access Key description',
+  'system.personal.accessKeyDescPlaceholder': 'Enter Access Key description',
+  'system.personal.closeTip': 'Disabling will invalidate the Access Key for API calls. Proceed with caution',
+  'system.personal.expired': 'Expired',
+  'system.personal.expiredTip': 'Change expiration time in Settings',
+  'system.personal.noData': 'No data, please ',
+  'system.personal.empty': 'No data',
+  'system.personal.phone': 'phone',
+  'system.personal.phone.length': 'The mobile number format is incorrect',
+  'system.personal.email': 'email',
+  'system.personal.email.empty': 'Email is empty',
+  'system.personal.email.style': 'Email format error',
+  'system.personal.department': 'department',
+  'system.personal.changePassword': 'Change password',
+  'system.personal.code': 'Verification code',
+  'system.personal.getCode': 'Get verification code',
+  'system.personal.retry': 'Reacquire',
+  'system.personal.currentPassword': 'Current Psw',
+  'system.personal.changePasswordTip':
+    'Detected that you are currently using the default initial password. For the security of your account, it is recommended to change your password immediately',
+  'system.personal.password': 'New Psw',
+  'system.personal.confirmNewPassWord': 'Confirm Psw',
+  'system.personal.reInput.password': 'Please enter password again',
+  'system.personal.password.diff': 'Two passwords are inconsistent',
+  'system.personal.password.style': 'The password must contain numbers and letters',
+  'system.personal.password.length': 'Password length must not exceed 64 characters',
+  'system.personal.countdown': 'You can get it again after the countdown ends',
+  'system.personal.exportTip': 'Export is valid for 24 hours, please download the file',
+  'system.personal.exporting': 'Exporting',
+  'system.personal.cancelledExport': 'Cancelled export',
+  'system.personal.addNewExport': 'Added My Export menu',
+  'system.personal.addNewExportPopContent': 'To view the export task schedule',
+  'system.personal.noExportTask': 'No task is deduced',
+  'system.business.agent.agentTitle': 'Agent platform',
+  'system.business.agent.agentMaxKBDescription': 'Enterprise agent platform',
+  'system.business.agent.agentMaxKBUrl': 'MaxKB URL',
+  'system.business.tender': 'Tender platform',
+  'system.business.tenderTitle': 'Big Order Network',
+  'system.business.tenderDescription': 'On the big order in the big order',
+  'system.business.thirdPartyPlatform': 'Enterprise Information Query Platform',
+  'system.business.thirdQueryQccDescription': 'Professional enterprise information query platform',
+  'system.business.qichacha': 'Qichacha',
+  'system.business.qichachaAddress': 'address',
+};
diff --git a/frontend/packages/web/src/views/system/business/locale/zh-CN.ts b/frontend/packages/web/src/views/system/business/locale/zh-CN.ts
new file mode 100644
index 0000000..dc75584
--- /dev/null
+++ b/frontend/packages/web/src/views/system/business/locale/zh-CN.ts
@@ -0,0 +1,188 @@
+export default {
+  'system.business.tab.interfaceSettings': '界面设置',
+  'system.business.tab.scanLogin': '扫码登录',
+  'system.business.tab.mailSettings': '邮件设置',
+  'system.business.tab.syncOrganization': '同步组织架构',
+  'system.business.tab.third': '三方设置',
+  'system.business.mailSettings.smtpHost': 'SMTP 主机',
+  'system.business.mailSettings.smtpPort': 'SMTP 端口',
+  'system.business.mailSettings.smtpAccount': 'SMTP 账户',
+  'system.business.mailSettings.smtpPassword': 'SMTP 密码',
+  'system.business.mailSettings.from': '指定发件人',
+  'system.business.mailSettings.recipient': '测试收件人',
+  'system.business.mailSettings.ssl': 'SSL',
+  'system.business.mailSettings.tsl': 'TSL',
+  'system.business.mailSettings.opened': '已开启',
+  'system.business.mailSettings.closed': '已关闭',
+  'system.business.mailSettings.updateEmailSettings': '更新邮件设置',
+  'system.business.mailSettings.sslTip': '若 SMTP 端口是 465，需要启用 SSL',
+  'system.business.mailSettings.tslTip': '若 SMTP 端口是 587，需要启用 TSL',
+  'system.business.configType': '{type}配置',
+  'system.business.WE_COM': '企业微信',
+  'system.business.WE_COM.description': '为企业打造的专业办公管理工具',
+  'system.business.DING_TALK': '钉钉',
+  'system.business.DING_TALK.description': '企业级智能移动办公平台',
+  'system.business.LARK': '飞书',
+  'system.business.LARK.description': '先进企业合作与管理平台',
+  'system.business.LARK_SUITE': '国际飞书',
+  'system.business.notConfigured': '未配置',
+  'system.business.notConfiguredTip': '请先执行测试连接。只有当测试连接成功后，方可开启此功能',
+  'system.business.corpId': '企业 ID',
+  'system.business.agentId': '应用 ID',
+  'system.business.appKey': '应用 key',
+  'system.business.appSecret': '应用密钥',
+  'system.business.callBack': '回调域名',
+  'system.business.DE.url': 'DataEase 地址',
+  'system.business.DE.urlPlaceholder': '请输入 DataEase 访问地址',
+  'system.business.DE.idPlaceholder': '请输入获取 JWT Token 的 ID',
+  'system.business.DE.secretPlaceholder': '请输入获取 JWT Token 的 Secret ',
+  'system.business.DE.description': '人人可用的开源 BI 工具',
+  'system.business.DE.embedTypeTip': '请至少选择一种嵌入方式',
+  'system.business.DE.embedModule': '模块嵌入',
+  'system.business.DE.link': '外链集成',
+  'system.business.DE.autoSync': '自动同步',
+  'system.business.DE.org': '组织',
+  'system.business.DE.orgTip': '填写Access Key 和 Secret Key 后可选择',
+  'system.business.DE.autoSyncTip': '系统每天 00:00:00 进行用户同步',
+  'system.business.DE.accountPlaceholder': '请输入 DataEase 个人信息中对应的账号',
+  'system.business.SQLBot.description': '基于大模型和RAG的智能问数系统',
+  'system.business.SQLBot.switch': '智能问数',
+  'system.business.SQLBot.embeddedScript': '嵌入脚本',
+  'system.business.SQLBot.example': '示例：{url}',
+  'system.business.tab.authenticationSettings': '认证设置',
+  'system.business.authenticationSettings.add': '添加认证',
+  'system.business.authenticationSettings.edit': '更新认证',
+  'system.business.authenticationSettings.deleteConfirmTitle': '确认删除认证 {name} 吗？',
+  'system.business.authenticationSettings.enableConfirmTitle': '确认开启认证 {name} 吗？',
+  'system.business.authenticationSettings.enableConfirmContent': '启用后，可通过该认证方式登录',
+  'system.business.authenticationSettings.disableConfirmTitle': '确认禁用认证 {name} 吗？',
+  'system.business.authenticationSettings.disableConfirmContent': '禁用后，不支持该认证方式登录',
+  'system.business.authenticationSettings.addResource': '添加资源',
+  'system.business.authenticationSettings.commonUrlPlaceholder': '例如：{url}',
+  'system.business.authenticationSettings.serviceUrl': '服务端地址',
+  'system.business.authenticationSettings.loginUrl': '登录地址',
+  'system.business.authenticationSettings.loginUrlTip': '当身份认证失败，会重新定向到该登录页',
+  'system.business.authenticationSettings.callbackUrl': '回调地址',
+  'system.business.authenticationSettings.callbackUrlPlaceholder': '请输入回调地址，用于接收认证平台的回调',
+  'system.business.authenticationSettings.verifyUrl': '验证地址',
+  'system.business.authenticationSettings.verifyUrlTip': '用于验证登录的信息是否正确',
+  'system.business.authenticationSettings.authUrl': '授权端地址',
+  'system.business.authenticationSettings.tokenUrl': 'Token 端点地址',
+  'system.business.authenticationSettings.userInfoUrl': '用户信息端点地址',
+  'system.business.authenticationSettings.clientId': '客户端 ID',
+  'system.business.authenticationSettings.clientSecret': '客户端密钥',
+  'system.business.authenticationSettings.linkRange': '连接范围',
+  'system.business.authenticationSettings.LDAPUrl': 'LDAP 地址',
+  'system.business.authenticationSettings.LDAPUrlPlaceholder': '设置服务端地址',
+  'system.business.authenticationSettings.DN': '绑定 DN',
+  'system.business.authenticationSettings.password': '密码',
+  'system.business.authenticationSettings.OU': ' 用户 OU',
+  'system.business.authenticationSettings.OUPlaceholder': '多个 OU 用 “I” 分隔',
+  'system.business.authenticationSettings.userFilter': '用户过滤器',
+  'system.business.authenticationSettings.LDAPPropertyMap': 'LDAP 属性映射',
+  'system.business.authenticationSettings.LDAPPropertyMapTip': '左侧键为 Cordys 用户属性，右侧值为认证平台用户属性',
+  'system.business.authenticationSettings.propertyMap': '属性映射',
+  'system.business.authenticationSettings.testLogin': '测试登录',
+  'system.business.authenticationSettings.openSourceDataTools': '数据分析工具',
+  'system.business.authenticationSettings.collaborativeSoftware': '企业协同软件',
+  'system.business.authenticationSettings.syncUser': '同步用户',
+  'system.business.authenticationSettings.confirmTogglePlatform': '确定切换平台吗？',
+  'system.business.authenticationSettings.oAuth2': 'OAuth2 认证',
+  'system.business.authenticationSettings.syncUsersToolTitle': '同步用户开关开启：',
+  'system.business.authenticationSettings.syncUsersOpenTip': '1.同步开启{type}扫码登录和{type}消息通知功能',
+  'system.business.authenticationSettings.syncUsersTipContent': '2.组织架构模块可进行从{type}同步用户',
+  'system.business.authenticationSettings.togglePlatformTip':
+    '注意：扫码登录及消息通知会调用切换后平台（{type}）的配置，可能导致登录失败或消息接收异常，建议您谨慎操作！',
+  'system.business.authenticationSettings.changeCorpIdTip':
+    '当前企业 ID 与系统存档不匹配！对接新企业会直接清空历史企业用户数据，清谨慎操作！',
+  'system.business.authenticationSettings.innerAppId': '内部应用ID',
+  'system.business.authenticationSettings.innerAppIdPlaceholder': '请输入内部应用ID，用于钉钉发送通知',
+
+  'system.business.page.platformStyle': '主题色',
+  'system.business.page.background': '背景色',
+  'system.business.page.follow': '跟随主题色',
+  'system.business.page.replace': '替换图片',
+  'system.config.page.loginPageConfig': '登录页面设置',
+  'system.config.page.pagePreview': '页面预览',
+  'system.config.page.reset': '撤销修改',
+  'system.config.page.loginPreviewTip': 'tips:默认为 Cordys 系统界面，支持自定义平台界面设置',
+
+  'system.config.page.icon': '网站 Logo',
+  'system.config.page.iconTip':
+    '顶部网站显示的 logo ；建议使用 SVG 或 PNG 格式透明背景图片，高度小于 32px；图片大小仅支持 200kb 以内',
+  'system.config.page.loginLogo': '登录 Logo',
+  'system.config.page.loginLogoTip':
+    '登录页面右侧显示的 logo；建议使用 SVG 或 PNG 格式透明背景图片，高度小于 48px；图片大小仅支持 200kb 以内',
+  'system.config.page.loginBg': '登录背景图',
+  'system.config.page.loginBgTip':
+    '背景图建议使用 SVG 格式；矢量图建议尺寸 1440*900，位图建议尺寸1920*1080；图片大小仅支持 800kb 以内',
+  'system.config.page.slogan': 'Slogan',
+  'system.config.page.sloganTip': '产品 Logo 下的 Slogan',
+  'system.config.page.title': '网站名称',
+  'system.config.page.titleTip': '显示在网页 Tab 的平台名称',
+  'system.config.page.platformConfig': '设置',
+  'system.config.page.platformLogo': 'Logo',
+  'system.config.page.platformLogoTip':
+    '主题栏显示的 logo；建议使用 SVG 或 PNG 格式透明背景图片，高度小于 32px；图片大小仅支持 200kb 以内',
+  'system.config.page.platformName': '系统名称',
+  'system.config.page.platformNameTip': '全站通用产品名称，建议字数 8',
+  'system.config.page.helpDocTip': '可设置帮助文档跳转链接，默认为官方帮助文档',
+  'system.config.page.cancel': '恢复默认',
+  'system.config.page.save': '保存并应用',
+  'system.personal.info.title': '个人中心',
+  'system.personal.info': '个人信息',
+  'system.personal.plan': '我的计划',
+  'system.personal.apiKey': 'API Keys',
+  'system.personal.maxTip': '最多可添加 5 个 API key',
+  'system.personal.apiKeyTip': '可通过 API Key 访问 Cordys CRM API',
+  'system.personal.validTime': '有效时间',
+  'system.personal.setValidTime': '设置有效时间',
+  'system.personal.forever': '永久有效',
+  'system.personal.custom': '自定义',
+  'system.personal.confirmDelete': '确认删除吗？',
+  'system.personal.deleteTip': '删除后，使用 Access Key 调用 API 将失效，请谨慎操作！',
+  'system.personal.timeSetting': '时间设置',
+  'system.personal.expiredTime': '到期时间',
+  'system.personal.accessKeyDesc': 'Access Key 描述',
+  'system.personal.accessKeyDescPlaceholder': '请输入 Access Key 描述',
+  'system.personal.closeTip': '关闭后，使用 Access Key 调用 API 将失效，请谨慎操作！',
+  'system.personal.expired': '已到期',
+  'system.personal.expiredTip': '可在【设置】内更改到期时间',
+  'system.personal.noData': '暂无数据，请 ',
+  'system.personal.empty': '暂无数据',
+  'system.personal.phone': '手机',
+  'system.personal.phone.length': '手机号码格式错误',
+  'system.personal.email': '邮箱',
+  'system.personal.email.empty': '邮箱为空',
+  'system.personal.email.style': '邮箱格式错误',
+  'system.personal.department': '部门',
+  'system.personal.changePassword': '修改密码',
+  'system.personal.code': '验证码',
+  'system.personal.getCode': '获取验证码',
+  'system.personal.retry': '重新获取',
+  'system.personal.currentPassword': '当前密码',
+  'system.personal.changePasswordTip': '检测到您当前正在使用默认初始密码，为了您的账户安全，建议立即',
+  'system.personal.password': '新密码',
+  'system.personal.confirmNewPassWord': '确认新密码',
+  'system.personal.reInput.password': '请再次输入密码',
+  'system.personal.password.diff': '两次密码不一致',
+  'system.personal.password.style': '密码需要包含数字和字母',
+  'system.personal.password.length': '密码长度不得超过64位字符',
+  'system.personal.countdown': '倒计时结束后可重新获取',
+  'system.personal.exportTip': '导出有效期为 24 小时，请及时下载文件',
+  'system.personal.exporting': '导出中',
+  'system.personal.cancelledExport': '已取消导出',
+  'system.personal.addNewExport': '新增【我的导出】菜单',
+  'system.personal.addNewExportPopContent': '可查看导出任务进度',
+  'system.personal.noExportTask': '暂无导出任务',
+  'system.business.agent.agentTitle': '智能体平台',
+  'system.business.agent.agentMaxKBDescription': '强大易用的企业级智能体平台',
+  'system.business.agent.agentMaxKBUrl': 'MaxKB地址',
+  'system.business.tender': '标讯平台',
+  'system.business.tenderTitle': '大单网',
+  'system.business.tenderDescription': '上大单中大单',
+  'system.business.thirdPartyPlatform': '企业信息查询平台',
+  'system.business.thirdQueryQccDescription': '专业的企业信息查询平台',
+  'system.business.qichacha': '企查查',
+  'system.business.qichachaAddress': '企查查地址',
+};
diff --git a/frontend/packages/web/src/views/system/license/licenseDrawer.vue b/frontend/packages/web/src/views/system/license/licenseDrawer.vue
new file mode 100644
index 0000000..ea1f14e
--- /dev/null
+++ b/frontend/packages/web/src/views/system/license/licenseDrawer.vue
@@ -0,0 +1,133 @@
+<template>
+  <CrmDrawer
+    v-model:show="visible"
+    :width="600"
+    :show-continue="false"
+    no-padding
+    :ok-text="t('common.update')"
+    :title="t('system.license.authorityUpdate')"
+    :loading="loading"
+    @cancel="handleCancel"
+    @confirm="handleConfirm"
+  >
+    <n-scrollbar class="p-[24px] pb-0">
+      <n-form ref="formRef" :model="form" require-mark-placement="left" label-placement="left">
+        <n-form-item
+          path="licenseCode"
+          :label="t('system.license')"
+          :rule="[{ required: true, message: t('system.license.LicenseIsRequired') }]"
+        >
+          <CrmUpload
+            v-model:file-list="fileList"
+            accept="none"
+            directory-dnd
+            :is-limit="false"
+            :show-sub-text="false"
+            :file-type-tip="t('crmImportButton.onlyAllowFileTypeTip')"
+          />
+          <n-input
+            v-model:value="form.licenseCode"
+            :autosize="{
+              minRows: 5,
+            }"
+            class="mt-[16px] max-h-[calc(100vh-334px)]"
+            type="textarea"
+            placeholder="License Code"
+          />
+        </n-form-item>
+      </n-form>
+    </n-scrollbar>
+  </CrmDrawer>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { FormInst, NForm, NFormItem, NInput, NScrollbar, useMessage } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmUpload from '@/components/pure/crm-upload/index.vue';
+
+  import { addLicense } from '@/api/modules';
+  import { useAppStore } from '@/store';
+  import useLicenseStore from '@/store/modules/setting/license';
+
+  const licenseStore = useLicenseStore();
+  const appStore = useAppStore();
+
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const form = ref<{
+    licenseCode: string | null;
+  }>({
+    licenseCode: '',
+  });
+
+  const fileList = ref([]);
+
+  function handleCancel() {
+    visible.value = false;
+    form.value.licenseCode = null;
+    fileList.value = [];
+  }
+
+  const formRef = ref<FormInst | null>(null);
+
+  const loading = ref(false);
+
+  function handleConfirm() {
+    formRef.value?.validate(async (error: any) => {
+      if (!error) {
+        try {
+          loading.value = true;
+          let code = form.value.licenseCode as string;
+          if (/^\d+$/.test(code)) {
+            code = `"${code}"`;
+          }
+          await addLicense(code);
+          await licenseStore.getValidateLicense();
+          Message.success(t('common.updateSuccess'));
+          if (licenseStore.hasLicense()) {
+            appStore.initPageConfig();
+            window.location.reload();
+          }
+          handleCancel();
+        } catch (e) {
+          // eslint-disable-next-line no-console
+          console.log(e);
+        } finally {
+          loading.value = false;
+          window.location.reload();
+        }
+      }
+    });
+  }
+
+  function handlePreviewText() {
+    const reader = new FileReader();
+    if (typeof FileReader === 'undefined') {
+      Message.warning(t('system.license.uploadFileTip'));
+    }
+    reader.readAsText((fileList.value[0] as any)?.file, 'UTF-8');
+    reader.onload = (e) => {
+      form.value.licenseCode = e.target?.result as string;
+    };
+  }
+
+  watch(
+    () => fileList.value,
+    (val) => {
+      if (val.length) {
+        handlePreviewText();
+      }
+    }
+  );
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/views/system/license/locale/en-US.ts b/frontend/packages/web/src/views/system/license/locale/en-US.ts
new file mode 100644
index 0000000..834e0d8
--- /dev/null
+++ b/frontend/packages/web/src/views/system/license/locale/en-US.ts
@@ -0,0 +1,31 @@
+export default {
+  'system.license': 'License',
+  'system.license.customerName': 'Account Name',
+  'system.license.authorizationTime': 'Expiration date',
+  'system.license.productName': 'Product Name',
+  'system.license.productionVersion': 'Production Version',
+  'system.license.licenseVersion': 'Authorized version',
+  'system.license.authorizationsCount': 'Number of authorizations',
+  'system.license.authorizationStatus': 'Authorization status',
+  'system.license.authorityChecking': 'Import License',
+  'system.license.authorityUpdate': 'Update License',
+  'system.license.valid': 'valid',
+  'system.license.invalid': 'invalid',
+  'system.license.failure': 'failure',
+  'system.license.authorization': 'Accredit',
+  'system.license.license': 'License',
+  'system.license.licenseCode': 'License Code',
+  'system.license.licenseSuccessTip': 'Authorized Successfully！',
+  'system.license.LicenseIsRequired': 'The License Code cannot be null',
+  'system.license.clickUpload': 'Click to upload',
+  'system.license.LicenseExpirationPromptLessThanThirty':
+    'The remaining {day} of system authorization expires. In order not to affect your use, please contact the staff as soon as possible',
+  'system.license.LicenseExpirationPromptGreaterThanThirty':
+    'System authorization has expired, if you need help, please contact the working staff',
+  'system.license.LicenseExpirationError':
+    'License Code check failed, please check!  If you need assistance, please contact the staff',
+  'system.license.LicenseStandard': 'Standard',
+  'system.license.LicenseEnterprise': 'Enterprise',
+  'system.license.LicenseProfessional': 'Professional',
+  'system.license.LicenseAccountCount': 'Account number',
+};
diff --git a/frontend/packages/web/src/views/system/license/locale/zh-CN.ts b/frontend/packages/web/src/views/system/license/locale/zh-CN.ts
new file mode 100644
index 0000000..6a03689
--- /dev/null
+++ b/frontend/packages/web/src/views/system/license/locale/zh-CN.ts
@@ -0,0 +1,30 @@
+export default {
+  'system.license': 'License',
+  'system.license.customerName': '客户名称',
+  'system.license.authorizationTime': '过期时间',
+  'system.license.productName': '产品名称',
+  'system.license.productionVersion': '产品版本',
+  'system.license.licenseVersion': '授权版本',
+  'system.license.authorizationsCount': '授权数量',
+  'system.license.authorizationStatus': '授权状态',
+  'system.license.authorityChecking': '导入 License',
+  'system.license.authorityUpdate': '更新 License',
+  'system.license.valid': '有效',
+  'system.license.invalid': '无效',
+  'system.license.failure': '失败',
+  'system.license.authorization': '授权',
+  'system.license.license': 'License',
+  'system.license.licenseCode': 'License Code',
+  'system.license.licenseSuccessTip': '授权成功',
+  'system.license.LicenseIsRequired': 'License Code 不能为空',
+  'system.license.clickUpload': '点击上传',
+  'system.license.uploadFileTip': '请上传文件再提交！',
+  'system.license.LicenseExpirationPromptLessThanThirty':
+    '系统授权剩余 {day} 天到期，为了不影响您的使用，请尽快联系工作人员',
+  'system.license.LicenseExpirationPromptGreaterThanThirty': '系统授权已过期，如需帮助，请联系工作人员',
+  'system.license.LicenseExpirationError': 'License Code 校验失败，请检查！如需帮助，请联系工作人员',
+  'system.license.LicenseStandard': '标准版',
+  'system.license.LicenseEnterprise': '企业版',
+  'system.license.LicenseProfessional': '专业版',
+  'system.license.LicenseAccountCount': '账号数量',
+};
diff --git a/frontend/packages/web/src/views/system/log/components/logDetailItem.vue b/frontend/packages/web/src/views/system/log/components/logDetailItem.vue
new file mode 100644
index 0000000..b999693
--- /dev/null
+++ b/frontend/packages/web/src/views/system/log/components/logDetailItem.vue
@@ -0,0 +1,102 @@
+<template>
+  <div class="flex gap-[16px]">
+    <div class="crm-follow-time-line">
+      <div class="crm-follow-time-dot"></div>
+      <div class="crm-follow-time-line"></div>
+    </div>
+    <div class="mb-4 flex w-full flex-col gap-[8px]">
+      <div>{{ dayjs(props.detail?.createTime).format('YYYY-MM-DD HH:mm:ss') }}</div>
+      <div class="flex items-center gap-[8px]">
+        <CrmAvatar :size="24" :word="props.detail?.operatorName" :is-user="false" />
+        <n-tooltip :delay="300">
+          <template #trigger>
+            <div class="one-line-text max-w-[300px]">{{ props.detail?.operatorName }}</div>
+          </template>
+          {{ props.detail?.operatorName }}
+        </n-tooltip>
+      </div>
+      <div
+        v-if="[OperationTypeEnum.UPDATE, OperationTypeEnum.MERGE].includes(props.detail?.type as OperationTypeEnum)"
+        class="flex flex-col gap-[8px]"
+      >
+        <div
+          v-for="item in props.detail?.diffs"
+          :key="item.column"
+          class="flex flex-col gap-[8px] rounded-[var(--border-radius-small)] border border-solid border-[var(--text-n8)] p-[12px] text-[12px]"
+        >
+          <div> {{ item.columnName }}:</div>
+          <div
+            v-if="(typeof item.oldValueName === 'number' ? String(item.oldValueName) : item.oldValueName)?.length"
+            class="value-name bg-[var(--error-5)]"
+          >
+            <span class="line-through">
+              {{ Array.isArray(item.oldValueName) ? item.oldValueName.join('；') : item.oldValueName }}
+            </span>
+          </div>
+          <div
+            v-if="(typeof item.newValueName === 'number' ? String(item.newValueName) : item.newValueName)?.length"
+            class="value-name bg-[var(--success-5)]"
+          >
+            {{ Array.isArray(item.newValueName) ? item.newValueName.join('；') : item.newValueName }}
+          </div>
+        </div>
+      </div>
+      <div v-else class="rounded-[var(--border-radius-small)] bg-[var(--text-n9)] p-[12px]">
+        <span>
+          {{ typeLabel }}
+        </span>
+        <span>
+          {{ props.detail?.detail }}
+        </span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { NTooltip } from 'naive-ui';
+  import dayjs from 'dayjs';
+
+  import { OperationTypeEnum } from '@lib/shared/enums/systemEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { OperationLogDetail } from '@lib/shared/models/system/log';
+
+  import CrmAvatar from '@/components/business/crm-avatar/index.vue';
+
+  import { logTypeOption } from '@/config/system';
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    detail?: OperationLogDetail;
+  }>();
+
+  const typeLabel = computed(() => t(logTypeOption.find((e) => e.value === props.detail?.type)?.label ?? ''));
+</script>
+
+<style scoped lang="less">
+  .crm-follow-time-line {
+    padding-top: 8px;
+    width: 8px;
+
+    @apply flex flex-col items-center justify-center gap-2;
+    .crm-follow-time-dot {
+      width: 8px;
+      height: 8px;
+      border: 2px solid var(--text-n7);
+      border-radius: 50%;
+      flex-shrink: 0;
+    }
+    .crm-follow-time-line {
+      width: 2px;
+      background: var(--text-n8);
+      @apply h-full;
+    }
+  }
+  .value-name {
+    padding: 2px 8px;
+    border-radius: var(--border-radius-small);
+    color: var(--text-n1);
+    @apply w-fit whitespace-pre-line;
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/log/components/loginLog.vue b/frontend/packages/web/src/views/system/log/components/loginLog.vue
new file mode 100644
index 0000000..d1447d4
--- /dev/null
+++ b/frontend/packages/web/src/views/system/log/components/loginLog.vue
@@ -0,0 +1,85 @@
+<template>
+  <CrmCard hide-footer :special-height="160">
+    <CrmTable
+      ref="crmTableRef"
+      v-bind="propsRes"
+      class="crm-login-log-table"
+      @page-change="propsEvent.pageChange"
+      @page-size-change="propsEvent.pageSizeChange"
+      @sorter-change="propsEvent.sorterChange"
+      @filter-change="propsEvent.filterChange"
+    />
+  </CrmCard>
+</template>
+
+<script setup lang="ts">
+  import { TableKeyEnum } from '@lib/shared/enums/tableEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { OperationLogParams } from '@lib/shared/models/system/log';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import { CrmDataTableColumn } from '@/components/pure/crm-table/type';
+  import useTable from '@/components/pure/crm-table/useTable';
+
+  import { loginLogList } from '@/api/modules/system/log';
+
+  const { t } = useI18n();
+
+  const platformOption = [
+    { label: t('log.platform.web'), value: 'WEB' },
+    { label: t('log.platform.mobile'), value: 'MOBILE' },
+  ];
+
+  const columns: CrmDataTableColumn[] = [
+    {
+      title: t('log.operator'),
+      key: 'operatorName',
+      ellipsis: {
+        tooltip: true,
+      },
+    },
+    {
+      title: t('log.loginTime'),
+      key: 'createTime',
+      sortOrder: false,
+      sorter: true,
+    },
+    {
+      title: t('log.platform'),
+      key: 'platform',
+      resizable: false,
+      render: (row) => {
+        const item = platformOption.find((e) => e.value === row.platform);
+        return item ? item.label : '-';
+      },
+    },
+    {
+      title: 'IP',
+      key: 'loginAddress',
+      resizable: false,
+      ellipsis: {
+        tooltip: true,
+      },
+    },
+  ];
+
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+  const { propsRes, propsEvent, loadList, setLoadListParams } = useTable(loginLogList, {
+    showSetting: false,
+    columns,
+    tableKey: TableKeyEnum.LOGIN_LOG,
+    hiddenRefresh: true,
+    containerClass: '.crm-login-log-table',
+  });
+
+  async function searchData(params: OperationLogParams) {
+    setLoadListParams({ ...params });
+    await loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  defineExpose({
+    searchData,
+  });
+</script>
diff --git a/frontend/packages/web/src/views/system/log/index.vue b/frontend/packages/web/src/views/system/log/index.vue
new file mode 100644
index 0000000..3466d24
--- /dev/null
+++ b/frontend/packages/web/src/views/system/log/index.vue
@@ -0,0 +1,363 @@
+<template>
+  <n-scrollbar x-scrollable :content-style="{ 'min-width': '1000px', 'width': '100%', 'height': '100%' }">
+    <CrmCard no-content-padding hide-footer auto-height class="mb-[16px]">
+      <CrmTab v-model:active-tab="activeTab" no-content :tab-list="tabList" type="line" />
+    </CrmCard>
+
+    <CrmCard hide-footer auto-height class="form-card mb-[16px] min-w-[1000px]">
+      <n-form
+        ref="formRef"
+        label-placement="left"
+        label-width="auto"
+        :model="form"
+        class="grid grid-cols-3 gap-x-[24px]"
+      >
+        <n-form-item :label="t('common.operator')" path="operator">
+          <CrmUserSelect
+            v-model:value="form.operator"
+            value-field="id"
+            label-field="name"
+            mode="remote"
+            :fetch-api="getUserOptions"
+            filterable
+            clearable
+          />
+        </n-form-item>
+        <n-form-item :label="t('log.operationTime')" path="time">
+          <n-date-picker
+            v-model:value="form.time"
+            type="datetimerange"
+            :is-date-disabled="dataDisabled"
+            class="w-full"
+          />
+        </n-form-item>
+        <template v-if="activeTab === 'operation'">
+          <n-form-item :label="t('log.operationType')" path="type">
+            <n-select
+              v-model:value="form.type"
+              :options="logTypeOptions"
+              :placeholder="t('common.pleaseSelect')"
+              clearable
+            />
+          </n-form-item>
+          <n-form-item :label="t('log.operationScope')" path="module">
+            <n-cascader
+              v-model:value="form.module"
+              :options="moduleOptions"
+              check-strategy="all"
+              :placeholder="t('common.pleaseSelect')"
+              clearable
+            />
+          </n-form-item>
+          <n-form-item :label="t('log.operationTarget')" path="keyword">
+            <n-input v-model:value="form.keyword" :placeholder="t('common.pleaseInput')" clearable />
+          </n-form-item>
+        </template>
+        <n-form-item>
+          <n-button ghost class="mr-[12px]" type="primary" @click="searchData">
+            {{ t('advanceFilter.filter') }}
+          </n-button>
+          <n-button type="default" class="outline--secondary" @click="handleReset">
+            {{ t('common.reset') }}
+          </n-button>
+        </n-form-item>
+      </n-form>
+    </CrmCard>
+
+    <CrmCard
+      v-if="activeTab === 'operation'"
+      no-content-bottom-padding
+      hide-footer
+      :special-height="licenseStore.expiredDuring ? 272 : 0"
+    >
+      <CrmTable
+        ref="crmTableRef"
+        v-bind="propsRes"
+        class="crm-operation-log-table"
+        @page-change="propsEvent.pageChange"
+        @page-size-change="propsEvent.pageSizeChange"
+        @sorter-change="propsEvent.sorterChange"
+        @filter-change="propsEvent.filterChange"
+      />
+    </CrmCard>
+    <LoginLog v-if="activeTab === 'login'" ref="loginLogRef" />
+  </n-scrollbar>
+
+  <CrmDrawer v-model:show="showDetailDrawer" :footer="false" :show-mask="false" :title="t('log.detail')" :width="680">
+    <LogDetailItem :detail="activeLogDetail" />
+  </CrmDrawer>
+</template>
+
+<script setup lang="ts">
+  import {
+    CascaderOption,
+    NButton,
+    NCascader,
+    NDatePicker,
+    NForm,
+    NFormItem,
+    NInput,
+    NScrollbar,
+    NSelect,
+  } from 'naive-ui';
+  import dayjs from 'dayjs';
+
+  import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { OperationTypeEnum } from '@lib/shared/enums/systemEnum';
+  import { TableKeyEnum } from '@lib/shared/enums/tableEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { getCityPath, getIndustryPath } from '@lib/shared/method';
+  import type { OperationLogDetail, OperationLogItem, OperationLogParams } from '@lib/shared/models/system/log';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmTab from '@/components/pure/crm-tab/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import { CrmDataTableColumn } from '@/components/pure/crm-table/type';
+  import useTable from '@/components/pure/crm-table/useTable';
+  import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+  import CrmUserSelect from '@/components/business/crm-user-select/index.vue';
+  import LogDetailItem from './components/logDetailItem.vue';
+  import LoginLog from './components/loginLog.vue';
+
+  import { getUserOptions } from '@/api/modules';
+  import { operationLogDetail, operationLogList } from '@/api/modules/system/log';
+  import { logTypeOption } from '@/config/system';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+  import usePathMap from '@/hooks/usePathMap';
+  import useLicenseStore from '@/store/modules/setting/license';
+
+  const { t } = useI18n();
+  const { getModuleOptions, findLocalePath } = usePathMap();
+  const licenseStore = useLicenseStore();
+  const activeTab = ref('operation');
+  const tabList = [
+    {
+      name: 'operation',
+      tab: t('log.operationLog'),
+    },
+    {
+      name: 'login',
+      tab: t('log.loginLog'),
+    },
+  ];
+
+  const logTypeOptions = computed(() => logTypeOption.map((e) => ({ ...e, label: t(e.label) })));
+
+  // 查询条件
+  function dataDisabled(ts: number, type: 'start' | 'end', range: [number, number] | null) {
+    const currentDate = new Date();
+    const selectedDate = new Date(ts);
+    const month = 30 * 24 * 60 * 60 * 1000; // 30天的毫秒数
+
+    // 不能选择未来时间
+    if (selectedDate > currentDate) {
+      return true;
+    }
+
+    // 根据选中的type类型限制时间范围
+    if (range) {
+      const [startTime, endTime] = range;
+      const start = new Date(startTime);
+      const end = new Date(endTime);
+      const diffMonths =
+        start.valueOf() > end.valueOf()
+          ? Math.abs((selectedDate.getTime() - end.getTime()) / month)
+          : Math.abs((selectedDate.getTime() - start.getTime()) / month);
+
+      // 如果选择的是开始时间，限制不能超过6个月前
+      if (type === 'start' && diffMonths > 6) {
+        return true;
+      }
+
+      // 如果选择的是结束时间，限制不能超过6个月后
+      if (type === 'end' && diffMonths > 6) {
+        return true;
+      }
+    }
+
+    return false;
+  }
+
+  const moduleOptions = ref<CascaderOption[]>([]);
+
+  function initModuleOptions() {
+    moduleOptions.value = getModuleOptions();
+  }
+
+  const defaultForm = {
+    type: null,
+    module: null,
+    operator: null,
+    time: [dayjs().subtract(1, 'M').valueOf(), dayjs().valueOf()],
+  };
+  const form = ref<OperationLogParams>({
+    ...defaultForm,
+  });
+
+  // 详情
+  const activeLogDetail = ref<OperationLogDetail>();
+  const showDetailDrawer = ref(false);
+
+  function cityFormat(val: string) {
+    const address = val?.split('-');
+    return address ? `${getCityPath(address[0])}${address[1] ? `-${address[1]}` : ''}` : '-';
+  }
+
+  const moduleFormKeyMap: Record<string, FormDesignKeyEnum> = {
+    PRODUCT_MANAGEMENT: FormDesignKeyEnum.PRODUCT,
+    CUSTOMER_INDEX: FormDesignKeyEnum.CUSTOMER,
+    CUSTOMER_CONTACT: FormDesignKeyEnum.CONTACT,
+    CLUE_MANAGEMENT_CLUE: FormDesignKeyEnum.CLUE,
+    OPPORTUNITY: FormDesignKeyEnum.BUSINESS,
+    FOLLOW_UP_RECORD: FormDesignKeyEnum.FOLLOW_RECORD_CUSTOMER,
+    FOLLOW_UP_PLAN: FormDesignKeyEnum.FOLLOW_PLAN_CUSTOMER,
+    CUSTOMER_POOL: FormDesignKeyEnum.CUSTOMER_OPEN_SEA,
+    CLUE_MANAGEMENT_POOL: FormDesignKeyEnum.CLUE_POOL,
+  };
+
+  async function getLogDetail(id: string) {
+    try {
+      activeLogDetail.value = await operationLogDetail(id);
+      const locationIds = ['workCity'];
+      const industryIds: string[] = [];
+      // 处理地址字段的值
+      const matchedKey = Object.keys(moduleFormKeyMap).find((module) => activeLogDetail.value?.module === module);
+      if (matchedKey) {
+        const { fieldList, initFormConfig } = useFormCreateApi({
+          formKey: ref(moduleFormKeyMap[matchedKey]),
+        });
+        await initFormConfig();
+        fieldList.value.forEach((item) => {
+          if (item.type === FieldTypeEnum.LOCATION) {
+            locationIds.push(item.id);
+          } else if (item.type === FieldTypeEnum.INDUSTRY) {
+            industryIds.push(item.id);
+          }
+        });
+      }
+      activeLogDetail.value.diffs?.forEach((item) => {
+        if (locationIds.includes(item.column)) {
+          item.newValueName = cityFormat(item.newValue);
+          item.oldValueName = cityFormat(item.oldValue);
+        } else if (industryIds.includes(item.column)) {
+          item.newValueName = item.newValue ? getIndustryPath(item.newValue as string) : '-';
+          item.oldValueName = item.oldValue ? getIndustryPath(item.oldValue as string) : '-';
+        }
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    }
+  }
+
+  const columns: CrmDataTableColumn[] = [
+    {
+      title: t('common.operator'),
+      key: 'operatorName',
+      ellipsis: {
+        tooltip: true,
+      },
+    },
+    {
+      title: t('log.operationScope'),
+      key: 'module',
+      width: 200,
+      render: (row) => {
+        return findLocalePath(row.module)
+          .map((e) => t(e) || row.module)
+          .join('/');
+      },
+    },
+    {
+      title: t('log.operationType'),
+      key: 'type',
+      width: 150,
+      render: (row) => {
+        const step = logTypeOption.find((e) => e.value === row.type);
+        return step ? t(step.label) : '-';
+      },
+    },
+    {
+      title: t('role.operator'),
+      key: 'resourceName',
+      ellipsis: {
+        tooltip: true,
+      },
+      render: (row: OperationLogItem) =>
+        h(
+          CrmTableButton,
+          {
+            onClick: async () => {
+              activeLogDetail.value = row;
+              if ([OperationTypeEnum.UPDATE, OperationTypeEnum.MERGE].includes(row.type as OperationTypeEnum)) {
+                await getLogDetail(row.id);
+              }
+              if (!showDetailDrawer.value) {
+                showDetailDrawer.value = true;
+              }
+            },
+          },
+          { default: () => row.resourceName, trigger: () => row.resourceName }
+        ),
+    },
+    {
+      title: t('log.operationTime'),
+      key: 'createTime',
+      sortOrder: false,
+      sorter: true,
+      resizable: false,
+    },
+  ];
+  const { propsRes, propsEvent, loadList, setLoadListParams } = useTable(operationLogList, {
+    showSetting: false,
+    columns,
+    tableKey: TableKeyEnum.LOG,
+    hiddenRefresh: true,
+    containerClass: '.crm-operation-log-table',
+  });
+
+  const loginLogRef = ref<InstanceType<typeof LoginLog>>();
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+
+  async function searchData() {
+    const { time, ...otherForm } = form.value;
+    if (activeTab.value === 'operation') {
+      setLoadListParams({ ...otherForm, startTime: time[0], endTime: time[1] });
+      await loadList();
+      crmTableRef.value?.scrollTo({ top: 0 });
+    } else {
+      nextTick(() => {
+        loginLogRef.value?.searchData({ operator: otherForm.operator, startTime: time[0], endTime: time[1] });
+      });
+    }
+  }
+
+  function handleReset() {
+    form.value = { ...defaultForm };
+    searchData();
+  }
+
+  watch(
+    () => activeTab.value,
+    () => {
+      searchData();
+    },
+    { immediate: true }
+  );
+
+  onMounted(() => {
+    initModuleOptions();
+  });
+</script>
+
+<style lang="less" scoped>
+  .form-card {
+    :deep(.n-card__content) {
+      padding: 24px 24px 8px;
+    }
+  }
+  :deep(.n-form-item-feedback-wrapper) {
+    min-height: 16px;
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/log/locale/en-US.ts b/frontend/packages/web/src/views/system/log/locale/en-US.ts
new file mode 100644
index 0000000..bd0009c
--- /dev/null
+++ b/frontend/packages/web/src/views/system/log/locale/en-US.ts
@@ -0,0 +1,14 @@
+export default {
+  'log.operationLog': 'Operation log',
+  'log.loginLog': 'Login log',
+  'log.operationTime': 'Operation time',
+  'log.operationType': 'Operation type',
+  'log.operationScope': 'Operation scope',
+  'log.operationTarget': 'Operation target',
+  'log.operator': 'Operator',
+  'log.loginTime': 'Login time',
+  'log.platform': 'Platform',
+  'log.platform.web': 'Web',
+  'log.platform.mobile': 'Mobile',
+  'log.detail': 'Log detail',
+};
diff --git a/frontend/packages/web/src/views/system/log/locale/zh-CN.ts b/frontend/packages/web/src/views/system/log/locale/zh-CN.ts
new file mode 100644
index 0000000..82cb979
--- /dev/null
+++ b/frontend/packages/web/src/views/system/log/locale/zh-CN.ts
@@ -0,0 +1,14 @@
+export default {
+  'log.operationLog': '操作日志',
+  'log.loginLog': '登录日志',
+  'log.operationTime': '操作时间',
+  'log.operationType': '操作类型',
+  'log.operationScope': '操作范围',
+  'log.operationTarget': '操作对象',
+  'log.operator': '登录人',
+  'log.loginTime': '登录时间',
+  'log.platform': '登录平台',
+  'log.platform.web': '电脑',
+  'log.platform.mobile': '手机',
+  'log.detail': '日志详情',
+};
diff --git a/frontend/packages/web/src/views/system/message/components/addNotifyModal.vue b/frontend/packages/web/src/views/system/message/components/addNotifyModal.vue
new file mode 100644
index 0000000..53c0419
--- /dev/null
+++ b/frontend/packages/web/src/views/system/message/components/addNotifyModal.vue
@@ -0,0 +1,326 @@
+<template>
+  <CrmModal
+    v-model:show="showModal"
+    :title="form.id ? t('system.message.updateAnnouncement') : t('system.message.newAnnouncement')"
+    :ok-loading="loading"
+    @confirm="handleConfirm"
+    @cancel="handleCancel"
+  >
+    <div>
+      <n-form
+        ref="formRef"
+        :model="form"
+        :rules="rules"
+        label-placement="left"
+        :label-width="100"
+        require-mark-placement="left"
+      >
+        <n-form-item
+          require-mark-placement="left"
+          label-placement="left"
+          path="subject"
+          :label="t('system.message.announcementTitle')"
+        >
+          <n-input v-model:value="form.subject" type="text" :maxlength="255" :placeholder="t('common.pleaseInput')" />
+        </n-form-item>
+        <n-form-item require-mark-placement="left" label-placement="left" path="url" :label="t('system.message.href')">
+          <n-input v-model:value="form.url" :maxlength="255" type="text" :placeholder="t('common.pleaseInput')" />
+          <div class="text-[var(--text-n4)]">{{ t('system.message.descContent') }}</div>
+        </n-form-item>
+        <n-form-item
+          require-mark-placement="left"
+          label-placement="left"
+          path="rename"
+          :label="t('system.message.hrefName')"
+        >
+          <n-input
+            v-model:value="form.renameUrl"
+            :disabled="!form.url"
+            type="text"
+            :maxlength="255"
+            :placeholder="t('system.message.hrefRename')"
+          />
+        </n-form-item>
+        <n-form-item
+          require-mark-placement="left"
+          label-placement="left"
+          path="content"
+          :label="t('system.message.announcementContent')"
+        >
+          <n-input
+            v-model:value="form.content"
+            :maxlength="1000"
+            type="textarea"
+            :placeholder="t('common.pleaseInput')"
+          />
+          <CrmPopConfirm
+            v-model:show="showPopModal"
+            :title="form.subject"
+            icon-type="warning"
+            :show-arrow="false"
+            :positive-text="null"
+            :negative-text="null"
+            placement="right"
+            :show-close="true"
+          >
+            <n-button type="primary" text @click="() => (showPopModal = true)">
+              {{ t('system.message.preview') }}
+            </n-button>
+            <template #content>
+              <div class="notify-content min-w-[150px] p-[16px]">
+                <div v-html="(form.content || '').replace(/\n/g, '<br />')"></div>
+                <n-tooltip trigger="hover" :delay="300" :disabled="!(form.renameUrl || form.url)?.length">
+                  <template #trigger>
+                    <div class="max-w-[300px] cursor-pointer text-[var(--primary-8)]" @click="goUrl">
+                      {{ form.renameUrl || form.url }}
+                    </div>
+                  </template>
+                  {{ form.renameUrl ?? form.url }}
+                </n-tooltip>
+              </div>
+            </template>
+          </CrmPopConfirm>
+        </n-form-item>
+        <n-form-item
+          require-mark-placement="left"
+          label-placement="left"
+          path="range"
+          :label="t('system.message.timeOfPublication')"
+        >
+          <n-date-picker
+            v-model:value="form.range"
+            :default-value="getDefaultRange()"
+            class="w-[340px]"
+            type="datetimerange"
+            clearable
+          >
+            <template #date-icon>
+              <CrmIcon class="text-[var(--text-n4)]" type="iconicon_time" :size="16" />
+            </template>
+            <template #separator>
+              <div class="text-[var(--text-n4)]">{{ t('common.to') }}</div>
+            </template>
+          </n-date-picker>
+        </n-form-item>
+        <n-form-item
+          require-mark-placement="left"
+          label-placement="left"
+          path="ownerIds"
+          :label="t('system.message.receiver')"
+        >
+          <CrmUserTagSelector
+            v-model:selected-list="form.ownerIds"
+            :api-type-key="MemberApiTypeEnum.SYSTEM_ROLE"
+            :member-types="memberTypes"
+          />
+        </n-form-item>
+      </n-form>
+    </div>
+  </CrmModal>
+</template>
+
+<script lang="ts" setup>
+  import {
+    FormInst,
+    FormItemRule,
+    FormRules,
+    NButton,
+    NDatePicker,
+    NForm,
+    NFormItem,
+    NInput,
+    NTooltip,
+    useMessage,
+  } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import { MemberApiTypeEnum, MemberSelectTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { DeptNodeTypeEnum } from '@lib/shared/enums/systemEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { AnnouncementSaveParams } from '@lib/shared/models/system/message';
+
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+  import CrmPopConfirm from '@/components/pure/crm-pop-confirm/index.vue';
+  import type { Option } from '@/components/business/crm-select-user-drawer/type';
+  import CrmUserTagSelector from '@/components/business/crm-user-tag-selector/index.vue';
+
+  import { addAnnouncement, getAnnouncementDetail, updateAnnouncement } from '@/api/modules';
+  import useAppStore from '@/store/modules/app';
+
+  const appStore = useAppStore();
+
+  const Message = useMessage();
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    id?: string;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'saved'): void;
+    (e: 'cancel'): void;
+  }>();
+
+  const showModal = defineModel<boolean>('show', {
+    required: true,
+  });
+
+  const memberTypes: Option[] = [
+    {
+      label: t('menu.settings.org'),
+      value: MemberSelectTypeEnum.ORG,
+    },
+  ];
+
+  function validateTimeRange(rule: FormItemRule, value: string) {
+    if (!value) {
+      return new Error(t('common.notNull', { value: `${t('system.message.timeOfPublication')}` }));
+    }
+    const [start, end] = value;
+    const now = Date.now();
+    if (Number(start) < now || Number(end) < now) {
+      return new Error(t('common.dateCannotBeInPast'));
+    }
+    return true;
+  }
+
+  const rules: FormRules = {
+    subject: [
+      {
+        trigger: ['input', 'blur'],
+        required: true,
+        message: t('common.notNull', { value: `${t('system.message.announcementTitle')}` }),
+      },
+    ],
+    content: [
+      {
+        trigger: ['input', 'blur'],
+        required: true,
+        message: t('common.notNull', { value: `${t('system.message.announcementContent')}` }),
+      },
+    ],
+    range: [{ trigger: ['input', 'blur'], required: true, validator: validateTimeRange }],
+    ownerIds: [{ required: true, message: t('common.pleaseSelect') }],
+  };
+
+  const initForm: AnnouncementSaveParams = {
+    id: '',
+    subject: '',
+    content: '',
+    startTime: 0,
+    endTime: 0,
+    url: '',
+    organizationId: '',
+    deptIds: [],
+    userIds: [],
+    range: undefined,
+    renameUrl: '',
+    ownerIds: [],
+  };
+
+  const form = ref<AnnouncementSaveParams>(cloneDeep(initForm));
+
+  const loading = ref<boolean>(false);
+  const formRef = ref<FormInst | null>(null);
+
+  function handleCancel() {
+    showModal.value = false;
+    form.value = cloneDeep(initForm);
+    emit('cancel');
+  }
+
+  async function handleConfirm() {
+    formRef.value?.validate(async (errors) => {
+      if (!errors) {
+        try {
+          loading.value = true;
+          const { ownerIds, range } = form.value;
+          const deptIds = ownerIds.filter((item: any) => item.nodeType === DeptNodeTypeEnum.ORG).map((item) => item.id);
+          const userIds = ownerIds.filter((item: any) => item.nodeType !== DeptNodeTypeEnum.ORG).map((item) => item.id);
+          const [startTime, endTime] = range || [0, 0];
+          const params = {
+            ...form.value,
+            deptIds,
+            userIds,
+            startTime,
+            endTime,
+            organizationId: appStore.orgId,
+          };
+          if (form.value.id) {
+            await updateAnnouncement(params);
+            Message.success(t('common.updateSuccess'));
+          } else {
+            await addAnnouncement(params);
+            Message.success(t('common.addSuccess'));
+          }
+          loading.value = false;
+          emit('saved');
+          handleCancel();
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        }
+      }
+    });
+  }
+
+  const getDefaultRange = () => {
+    const now = Date.now();
+    return [now + 5 * 60 * 1000, now + 24 * 60 * 60 * 1000] as [number, number];
+  };
+
+  async function getDetail() {
+    if (props.id) {
+      try {
+        const result = await getAnnouncementDetail(props.id);
+        const { subject, startTime, endTime, url, renameUrl, userIdName, deptIdName, organizationId, id, contentText } =
+          result;
+
+        form.value = {
+          id,
+          subject,
+          startTime,
+          endTime,
+          url,
+          renameUrl,
+          organizationId,
+          userIds: userIdName?.map((e) => e.id),
+          deptIds: deptIdName?.map((e) => e.id),
+          content: contentText,
+          range: [startTime, endTime],
+          ownerIds: [...(deptIdName || []), ...(userIdName || [])],
+        };
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      }
+    } else {
+      form.value.range = getDefaultRange();
+    }
+  }
+
+  const showPopModal = ref(false);
+
+  function goUrl() {
+    window.open(form.value.url, '_blank');
+  }
+
+  watch(
+    () => showModal.value,
+    (val) => {
+      if (val) {
+        getDetail();
+      }
+    }
+  );
+</script>
+
+<style lang="less" scoped>
+  .notify-content {
+    @apply overflow-y-auto break-all;
+
+    max-height: 400px;
+    .crm-scroll-bar();
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/message/components/announcementList.vue b/frontend/packages/web/src/views/system/message/components/announcementList.vue
new file mode 100644
index 0000000..159875e
--- /dev/null
+++ b/frontend/packages/web/src/views/system/message/components/announcementList.vue
@@ -0,0 +1,261 @@
+<template>
+  <CrmCard hide-footer no-content-bottom-padding :special-height="licenseStore.expiredDuring ? 128 : 64">
+    <CrmTable
+      ref="crmTableRef"
+      v-bind="propsRes"
+      class="crm-announcement-list-table"
+      @page-change="propsEvent.pageChange"
+      @page-size-change="propsEvent.pageSizeChange"
+      @sorter-change="propsEvent.sorterChange"
+      @filter-change="propsEvent.filterChange"
+      @refresh="initData"
+    >
+      <template #tableTop>
+        <div class="flex items-center justify-between">
+          <n-button v-permission="['SYSTEM_NOTICE:ADD']" type="primary" @click="handleAdd">
+            {{ t('system.message.newAnnouncement') }}
+          </n-button>
+          <CrmSearchInput v-model:value="keyword" class="!w-[240px]" @search="searchData" />
+        </div>
+      </template>
+    </CrmTable>
+    <AddNotifyModal :id="activeId" v-model:show="showModal" @cancel="cancelHandler" @saved="() => initData()" />
+  </CrmCard>
+</template>
+
+<script lang="ts" setup>
+  import { NButton, useMessage } from 'naive-ui';
+  import dayjs from 'dayjs';
+
+  import { TableKeyEnum } from '@lib/shared/enums/tableEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { characterLimit } from '@lib/shared/method';
+  import type { AnnouncementItemDetail } from '@lib/shared/models/system/message';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmNameTooltip from '@/components/pure/crm-name-tooltip/index.vue';
+  import CrmSearchInput from '@/components/pure/crm-search-input/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import { CrmDataTableColumn } from '@/components/pure/crm-table/type';
+  import useTable from '@/components/pure/crm-table/useTable';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+  import AddNotifyModal from './addNotifyModal.vue';
+
+  import { deleteAnnouncement, getAnnouncementList } from '@/api/modules';
+  import useAppStore from '@/store/modules/app';
+  import useLicenseStore from '@/store/modules/setting/license';
+
+  const appStore = useAppStore();
+  const licenseStore = useLicenseStore();
+
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  const keyword = ref('');
+  const tableRefreshId = ref(0);
+
+  const showModal = ref(false);
+
+  // 添加
+  function handleAdd() {
+    showModal.value = true;
+  }
+
+  const activeId = ref('');
+  function cancelHandler() {
+    activeId.value = '';
+  }
+
+  // 编辑
+  function handleEdit(row: AnnouncementItemDetail) {
+    activeId.value = row.id;
+    showModal.value = true;
+  }
+
+  // 删除
+  const deleteLoading = ref(false);
+  async function deleteHandler(row: AnnouncementItemDetail, done?: () => void) {
+    try {
+      deleteLoading.value = true;
+      await deleteAnnouncement(row.id);
+      Message.success(t('common.deleteSuccess'));
+      tableRefreshId.value += 1;
+      done?.();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      deleteLoading.value = false;
+    }
+  }
+
+  function handleActionSelect(row: AnnouncementItemDetail, actionKey: string, done?: () => void) {
+    switch (actionKey) {
+      case 'edit':
+        handleEdit(row);
+        break;
+      case 'pop-delete':
+        deleteHandler(row, done);
+        break;
+      default:
+        break;
+    }
+  }
+
+  const columns: CrmDataTableColumn[] = [
+    {
+      title: t('system.message.announcementTitle'),
+      key: 'subject',
+      width: 200,
+      ellipsis: {
+        tooltip: true,
+      },
+      fixed: 'left',
+      columnSelectorDisabled: true,
+    },
+    {
+      title: t('system.message.content'),
+      key: 'contentText',
+      ellipsis: {
+        tooltip: true,
+      },
+      width: 200,
+    },
+    {
+      title: t('system.message.timeOfPublication'),
+      key: 'startTime',
+      sortOrder: false,
+      sorter: true,
+      ellipsis: {
+        tooltip: true,
+      },
+      width: 200,
+    },
+
+    {
+      title: t('system.message.receiver'),
+      key: 'receiver',
+      isTag: true,
+      width: 200,
+      tagGroupProps: {
+        labelKey: 'name',
+      },
+    },
+    {
+      title: t('common.createTime'),
+      key: 'createTime',
+      width: 200,
+      sortOrder: false,
+      sorter: true,
+      ellipsis: {
+        tooltip: true,
+      },
+    },
+    {
+      title: t('common.creator'),
+      key: 'createUser',
+      sortOrder: false,
+      sorter: true,
+      width: 200,
+      render: (row: AnnouncementItemDetail) => {
+        return h(CrmNameTooltip, { text: row.createUserName });
+      },
+    },
+    {
+      title: t('common.updateTime'),
+      key: 'updateTime',
+      width: 150,
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+    },
+    {
+      title: t('common.updateUserName'),
+      key: 'updateUser',
+      width: 200,
+      sortOrder: false,
+      sorter: true,
+      render: (row: AnnouncementItemDetail) => {
+        return h(CrmNameTooltip, { text: row.updateUserName });
+      },
+    },
+    {
+      key: 'operation',
+      width: 120,
+      fixed: 'right',
+      render: (row: AnnouncementItemDetail) =>
+        h(CrmOperationButton, {
+          groupList: [
+            {
+              label: t('common.edit'),
+              key: 'edit',
+              permission: ['SYSTEM_NOTICE:UPDATE'],
+            },
+            {
+              label: t('common.delete'),
+              key: 'delete',
+              popConfirmProps: {
+                loading: deleteLoading.value,
+                title: t('system.message.deleteAnnouncementTitle', { name: characterLimit(row.subject) }),
+                content: t('system.message.deleteAnnouncementContent'),
+                positiveText: t('common.confirm'),
+                iconType: 'error',
+              },
+              permission: ['SYSTEM_NOTICE:DELETE'],
+            },
+          ],
+          onSelect: (key: string) => handleActionSelect(row, key),
+        }),
+    },
+  ];
+
+  const { propsRes, propsEvent, loadList, setLoadListParams } = useTable(
+    getAnnouncementList,
+    {
+      tableKey: TableKeyEnum.SYSTEM_ANNOUNCEMENT_TABLE,
+      showSetting: true,
+      columns,
+      containerClass: '.crm-announcement-list-table',
+    },
+    (row: AnnouncementItemDetail) => {
+      return {
+        ...row,
+        startTime: `${dayjs(row.startTime).format('YYYY-MM-DD HH:mm:ss')} ${t('common.to')} ${dayjs(row.endTime).format(
+          'YYYY-MM-DD HH:mm:ss'
+        )}`,
+        receiver: [...(row.deptIdName || []), ...(row.userIdName || [])],
+      };
+    }
+  );
+
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+  function initData() {
+    setLoadListParams({
+      keyword: keyword.value,
+      organizationId: appStore.orgId,
+    });
+    loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  function searchData(val: string) {
+    keyword.value = val;
+    initData();
+  }
+
+  watch(
+    () => tableRefreshId.value,
+    () => {
+      crmTableRef.value?.clearCheckedRowKeys();
+      initData();
+    }
+  );
+
+  onBeforeMount(() => {
+    initData();
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/system/message/components/expirationSettingDrawer.vue b/frontend/packages/web/src/views/system/message/components/expirationSettingDrawer.vue
new file mode 100644
index 0000000..eb6d3f6
--- /dev/null
+++ b/frontend/packages/web/src/views/system/message/components/expirationSettingDrawer.vue
@@ -0,0 +1,289 @@
+<template>
+  <CrmDrawer
+    v-model:show="visible"
+    resizable
+    no-padding
+    :width="600"
+    :ok-text="t('common.save')"
+    :title="t('system.message.expirationTitle', { type: detail?.eventName })"
+    @confirm="handleConfirm"
+    @cancel="handleCancel"
+  >
+    <n-scrollbar content-class="p-[24px]">
+      <div v-if="props.showTimeSetting" class="mb-[16px] font-medium text-[var(--text-n1)]">
+        {{ t('system.message.timeSetting') }}
+      </div>
+      <div v-if="props.showTimeSetting" class="mb-[16px] bg-[var(--text-n9)] p-[16px]">
+        <CrmBatchForm
+          ref="batchFormRef"
+          class="!p-0"
+          :models="formItemModel"
+          :default-list="form.list"
+          :add-text="t('common.add')"
+          validate-when-add
+          :max-limit-length="10"
+          :need-init-form-row="false"
+          :disabled-add-tooltip="t('system.message.maxLimit', { count: 10 })"
+          @delete-row="handleDelete"
+          @save-row="handleSave"
+        />
+      </div>
+      <div class="mb-[16px] font-medium text-[var(--text-n1)]">{{ t('system.message.scopedSettings') }}</div>
+      <n-form ref="formRef" :model="form" label-placement="left" label-width="auto">
+        <n-form-item
+          require-mark-placement="left"
+          label-placement="left"
+          path="userIds"
+          :label="t('system.message.noticePerson')"
+        >
+          <CrmUserTagSelector
+            v-model:selected-list="form.userIds"
+            :member-types="departmentTypes"
+            :disabled-node-types="[DeptNodeTypeEnum.ORG, DeptNodeTypeEnum.ROLE]"
+          />
+        </n-form-item>
+        <div class="flex flex-col gap-[16px]">
+          <div class="flex items-center gap-[8px]">
+            <n-checkbox v-model:checked="form.ownerEnable">
+              {{ t('system.message.toHeadAbove') }}
+            </n-checkbox>
+            <CrmInputNumber v-model:value="form.ownerLevel" max="10000" :precision="0" class="w-[80px]" :min="0" />
+            {{ t('system.message.noticeOfDepartmentHead') }}
+            <n-tooltip placement="bottom">
+              <template #trigger>
+                <CrmIcon
+                  type="iconicon_help_circle"
+                  :size="16"
+                  class="cursor-pointer text-[var(--text-n4)] hover:text-[var(--primary-1)]"
+                />
+              </template>
+              {{ t('system.message.departmentHeadTooltip') }}
+            </n-tooltip>
+          </div>
+          <div class="flex flex-nowrap items-start gap-[8px]">
+            <n-checkbox v-model:checked="form.roleEnable" class="mt-[4px]">
+              <div>
+                {{ t('org.role') }}
+              </div>
+            </n-checkbox>
+            <n-form-item
+              v-if="form.roleEnable"
+              :rule="[{ required: true, message: t('common.notNull', { value: `${t('org.role')}` }) }]"
+              require-mark-placement="left"
+              label-placement="left"
+              path="roleIds"
+              class="flex-1"
+            >
+              <CrmUserTagSelector
+                v-model:selected-list="form.roleIds"
+                :disabledList="form.roleIds"
+                class="flex-1"
+                :member-types="memberTypes"
+              />
+            </n-form-item>
+          </div>
+        </div>
+      </n-form>
+    </n-scrollbar>
+  </CrmDrawer>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { FormInst, NCheckbox, NForm, NFormItem, NScrollbar, NTooltip, selectProps, useMessage } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+  import { MemberSelectTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { DeptNodeTypeEnum } from '@lib/shared/enums/systemEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { MessageConfigItem, SaveMessageConfigParams } from '@lib/shared/models/system/message';
+
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmInputNumber from '@/components/pure/crm-input-number/index.vue';
+  import CrmBatchForm from '@/components/business/crm-batch-form/index.vue';
+  import type { Option } from '@/components/business/crm-select-user-drawer/type';
+  import CrmUserTagSelector from '@/components/business/crm-user-tag-selector/index.vue';
+
+  import { getMessageTaskConfigDetail, saveMessageTask } from '@/api/modules';
+
+  const props = defineProps<{
+    detail?: MessageConfigItem;
+    showTimeSetting?: boolean;
+  }>();
+
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const emit = defineEmits<{
+    (e: 'ok'): void;
+  }>();
+
+  const departmentTypes = [
+    {
+      label: t('menu.settings.org'),
+      value: MemberSelectTypeEnum.ORG,
+    },
+  ];
+
+  const memberTypes: Option[] = [
+    {
+      label: t('role.role'),
+      value: MemberSelectTypeEnum.ROLE,
+    },
+  ];
+
+  const initForm = {
+    list: [
+      {
+        endTime: '3,DAY',
+      },
+    ],
+    ownerEnable: false,
+    roleEnable: false,
+    roleIds: [],
+    ownerLevel: 1,
+    userIds: [
+      {
+        id: 'OWNER',
+        name: t('common.head'),
+        disabled: true,
+      },
+    ],
+  };
+
+  const form = ref<any>(cloneDeep(initForm));
+  const formTitleName = computed(() =>
+    t('system.message.endOfType', {
+      type: props.detail?.moduleName,
+    })
+  );
+
+  const formItemModel = computed(() => [
+    {
+      path: 'endTime',
+      type: FieldTypeEnum.INPUT_NUMBER_WITH_UNIT,
+      formItemClass: 'w-full flex-initial',
+      inputProps: {
+        maxlength: 255,
+      },
+      selectProps: {
+        showArrow: false,
+      },
+      rule: [
+        {
+          required: true,
+          message: t('common.notNull', {
+            value: formTitleName.value,
+          }),
+        },
+        { notRepeat: true, message: t('system.message.timeNumberRepeatMsg') },
+      ],
+    },
+  ]);
+
+  function handleDelete(_i: number, id: string, done: () => void) {
+    done();
+  }
+
+  function handleSave(element: Record<string, any>, done: () => void, _i: number, _list?: Record<string, any>[]) {
+    done();
+  }
+
+  function handleCancel() {
+    form.value = cloneDeep(initForm);
+    visible.value = false;
+  }
+
+  const formRef = ref<FormInst | null>(null);
+  const batchFormRef = ref<InstanceType<typeof CrmBatchForm>>();
+
+  async function saveHandler(res?: Record<string, any>) {
+    try {
+      const params: SaveMessageConfigParams = {
+        config: {
+          ...form.value,
+          timeList: props.showTimeSetting
+            ? res?.list?.map((e: any) => {
+                const arr = e.endTime.split(',');
+                return {
+                  timeValue: arr[0],
+                  timeUnit: arr[1],
+                };
+              })
+            : [],
+          userIds: form.value.userIds?.map((e: any) => e.id),
+          roleIds: form.value.roleIds?.map((e: any) => e.id),
+        },
+        ...props.detail?.messageTaskDetailDTOList.find((e) => e.event === props.detail?.event),
+        module: props.detail?.module ?? '',
+        event: props.detail?.event ?? '',
+      };
+      await saveMessageTask(params);
+      handleCancel();
+      emit('ok');
+      Message.success(t('common.saveSuccess'));
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+    }
+  }
+
+  function handleConfirm() {
+    formRef.value?.validate((error) => {
+      if (!error) {
+        if (props.showTimeSetting) {
+          batchFormRef.value?.formValidate(async (res?: Record<string, any> | undefined) => {
+            saveHandler(res);
+          });
+        } else {
+          saveHandler();
+        }
+      }
+    });
+  }
+
+  async function getConfigDetail() {
+    try {
+      const result = await getMessageTaskConfigDetail({
+        event: props.detail?.event ?? '',
+        module: props.detail?.module ?? '',
+      });
+      if (!result) {
+        form.value = cloneDeep(initForm);
+        return;
+      }
+      form.value = {
+        ...result,
+        list: result?.timeList?.map((e) => ({
+          endTime: `${e.timeValue},${e.timeUnit}`,
+        })),
+        userIds: result.userIdNames?.map((e: { id: string; name: string }) => ({
+          ...e,
+          disabled: e.id === 'OWNER',
+        })),
+        roleIds: result.roleIdNames?.map((e: { id: string; name: string }) => ({
+          ...e,
+        })),
+      };
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+    }
+  }
+
+  watch(
+    () => visible.value,
+    (val) => {
+      if (val) {
+        getConfigDetail();
+      }
+    }
+  );
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/views/system/message/components/messageDrawer.vue b/frontend/packages/web/src/views/system/message/components/messageDrawer.vue
new file mode 100644
index 0000000..73308c4
--- /dev/null
+++ b/frontend/packages/web/src/views/system/message/components/messageDrawer.vue
@@ -0,0 +1,384 @@
+<template>
+  <CrmDrawer
+    v-model:show="showMessageDrawer"
+    no-padding
+    :title="t('system.message.notify')"
+    width="1200"
+    :footer="false"
+  >
+    <template #titleRight>
+      <div class="flex items-center gap-[8px]">
+        <n-switch v-model:value="unReadEnable" :rubber-band="false" size="small" @update:value="changeHandler" />
+        <div class="text-[14px] font-normal">{{ t('system.message.unreadOnly') }}</div>
+        <n-divider v-permission="['SYSTEM_NOTICE:UPDATE']" class="!mx-0" vertical />
+        <n-button v-permission="['SYSTEM_NOTICE:UPDATE']" text type="primary" @click="setAllMessageStatus">
+          <CrmIcon class="mr-[4px]" type="iconicon_browse" :size="16" />
+          {{ t('system.message.markAllAsRead') }}
+        </n-button>
+      </div>
+    </template>
+    <div class="message-wrapper">
+      <div class="message-count">
+        <div class="p-[24px]">
+          <div class="overflow-hidden">
+            <CrmTab
+              v-model:active-tab="activeTab"
+              class="mb-[16px]"
+              type="segment"
+              no-content
+              :tab-list="tabList"
+              @change="handleChangeType"
+            />
+          </div>
+          <div
+            v-for="item of messageTypeList"
+            :key="item.value"
+            :class="`flex h-[42px] cursor-pointer items-center justify-between rounded px-[16px] ${
+              activeMessageType === item.value ? 'bg-[var(--primary-7)] text-[var(--primary-8)]' : ''
+            }`"
+            @click="changeMessageType(item.value)"
+          >
+            <div>{{ item.label }}</div>
+            <div class="text-[var(--text-n4)]">{{ item.count }}</div>
+          </div>
+        </div>
+        <div class="message-footer flex items-center px-[24px]">
+          <n-button v-permission="['SYSTEM_NOTICE:READ']" text @click="goMessageSetting">
+            <CrmIcon class="mr-[8px]" type="iconicon_set_up" :size="16" />
+            {{ t('menu.settings.messageSetting') }}
+          </n-button>
+        </div>
+      </div>
+
+      <div class="message-content p-[24px]">
+        <div class="mb-[16px] flex items-center justify-between">
+          <div class="flex items-center gap-[8px]">
+            <CrmSearchInput v-model:value="keyword" class="!w-[240px]" @search="searchData" />
+            <n-select
+              v-model:value="timeDays"
+              class="w-[180px]"
+              :options="selectTimeOptions"
+              @update:value="changeHandler"
+            />
+            <n-date-picker
+              v-if="timeDays === 'custom'"
+              v-model:value="range"
+              class="w-[240px]"
+              type="datetimerange"
+              @confirm="confirmTimePicker"
+            >
+              <template #date-icon>
+                <CrmIcon class="text-[var(--text-n4)]" type="iconicon_time" :size="16" />
+              </template>
+              <template #separator>
+                <div class="text-[var(--text-n4)]">{{ t('common.to') }}</div>
+              </template>
+            </n-date-picker>
+          </div>
+        </div>
+        <CrmMessageList
+          ref="messageListRef"
+          v-model:keyword="keyword"
+          :load-params="loadParams"
+          virtual-scroll-height="calc(100vh - 162px)"
+          key-field="id"
+          @refresh-count="() => initMessageCount()"
+        />
+      </div>
+    </div>
+  </CrmDrawer>
+</template>
+
+<script lang="ts" setup>
+  import { useRouter } from 'vue-router';
+  import { NButton, NDatePicker, NDivider, NSelect, NSwitch, SelectOption } from 'naive-ui';
+  import dayjs from 'dayjs';
+
+  import {
+    SystemMessageStatusEnum,
+    SystemMessageTypeEnum,
+    SystemResourceMessageTypeEnum,
+  } from '@lib/shared/enums/systemEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { MessageCenterSubsetParams } from '@lib/shared/models/system/message';
+
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmSearchInput from '@/components/pure/crm-search-input/index.vue';
+  import CrmTab from '@/components/pure/crm-tab/index.vue';
+  import CrmMessageList from '@/components/business/crm-message-list/index.vue';
+
+  import { getNotificationCount, setAllNotificationRead } from '@/api/modules';
+  import useAppStore from '@/store/modules/app';
+
+  import { AppRouteEnum } from '@/enums/routeEnum';
+
+  const appStore = useAppStore();
+
+  const { t } = useI18n();
+
+  const router = useRouter();
+
+  const showMessageDrawer = defineModel<boolean>('show', {
+    required: true,
+  });
+
+  const keyword = ref('');
+
+  const tabList = [
+    {
+      name: '',
+      tab: t('system.message.allMessages'),
+    },
+    {
+      name: SystemMessageTypeEnum.SYSTEM_NOTICE,
+      tab: t('system.message.systemMessage'),
+    },
+    {
+      name: SystemMessageTypeEnum.ANNOUNCEMENT_NOTICE,
+      tab: t('system.message.announcement'),
+    },
+  ];
+
+  const timeDays = ref('3');
+  const unReadEnable = ref(false);
+  const range = ref();
+
+  const selectTimeOptions: SelectOption[] = [
+    {
+      value: '3',
+      label: t('system.message.last3Days'),
+    },
+    {
+      value: '5',
+      label: t('system.message.last5Days'),
+    },
+    {
+      value: '7',
+      label: t('system.message.last7Days'),
+    },
+    {
+      value: 'month',
+      label: t('system.message.nearlyOneMonth'),
+    },
+    {
+      value: 'custom',
+      label: t('common.custom'),
+    },
+  ];
+  const activeTab = ref('');
+  const activeMessageType = ref('');
+
+  const messageListRef = ref<InstanceType<typeof CrmMessageList>>();
+
+  const getTimeRange = computed<{ startTime: number; endTime: number } | null>(() => {
+    if (timeDays.value === 'custom' && range.value?.length) {
+      const [start, end] = range.value;
+      return { startTime: start.valueOf(), endTime: end.valueOf() };
+    }
+
+    let startTime;
+
+    if (timeDays.value === 'month') {
+      startTime = dayjs().subtract(30, 'day').startOf('day');
+    } else {
+      const days = Number(timeDays.value);
+      if (!Number.isNaN(days)) {
+        startTime = dayjs().subtract(days, 'day').startOf('day');
+      } else {
+        return null;
+      }
+    }
+    const endTime = dayjs().endOf('day');
+    return { startTime: startTime.valueOf(), endTime: endTime.valueOf() };
+  });
+
+  function goMessageSetting() {
+    router.push({
+      name: AppRouteEnum.SYSTEM_MESSAGE,
+    });
+    showMessageDrawer.value = false;
+  }
+
+  const loadParams = computed<MessageCenterSubsetParams>(() => {
+    const timeRange = getTimeRange.value;
+    return {
+      type: activeTab.value,
+      resourceType: activeMessageType.value,
+      status: unReadEnable.value ? SystemMessageStatusEnum.UNREAD : '',
+      endTime: timeRange?.endTime ?? null,
+      createTime: timeRange?.startTime ?? null,
+    };
+  });
+
+  function searchData(val: string) {
+    keyword.value = val;
+    messageListRef.value?.loadMessageList();
+  }
+
+  const messageCount = ref<Record<string, string>>({});
+
+  const messageTypeList = computed(() => {
+    const enabledModuleKeys = new Set(
+      appStore.moduleConfigList.filter((module) => module.enable).map((module) => module.moduleKey.toUpperCase())
+    );
+
+    const isAnnouncementTab = activeTab.value === SystemMessageTypeEnum.ANNOUNCEMENT_NOTICE;
+
+    const allMessage = [
+      {
+        value: '',
+        label: t('system.message.allMessage'),
+        count: isAnnouncementTab
+          ? messageCount.value[SystemMessageTypeEnum.ANNOUNCEMENT_NOTICE]
+          : messageCount.value?.total,
+      },
+    ];
+
+    const todoListMessage = [
+      {
+        value: 'APPROVAL',
+        label: t('system.message.todoList'),
+        count: messageCount.value?.APPROVAL || 0,
+      },
+    ];
+
+    const baseMessageTypes = [
+      {
+        value: SystemResourceMessageTypeEnum.CLUE,
+        label: t('menu.clue'),
+        count: messageCount.value[SystemResourceMessageTypeEnum.CLUE] || 0,
+      },
+      {
+        value: SystemResourceMessageTypeEnum.CUSTOMER,
+        label: t('system.message.customerMessage'),
+        count: messageCount.value[SystemResourceMessageTypeEnum.CUSTOMER] || 0,
+      },
+      {
+        value: SystemResourceMessageTypeEnum.OPPORTUNITY,
+        label: t('system.message.opportunityMessage'),
+        count: messageCount.value[SystemResourceMessageTypeEnum.OPPORTUNITY] || 0,
+      },
+      {
+        value: SystemResourceMessageTypeEnum.CONTRACT,
+        label: t('module.contract'),
+        count: messageCount.value[SystemResourceMessageTypeEnum.CONTRACT] || 0,
+      },
+      {
+        value: SystemResourceMessageTypeEnum.ORDER,
+        label: t('module.order'),
+        count: messageCount.value[SystemResourceMessageTypeEnum.ORDER] || 0,
+      },
+      {
+        value: SystemResourceMessageTypeEnum.SYSTEM,
+        label: t('system.message.system'),
+        count: messageCount.value[SystemResourceMessageTypeEnum.SYSTEM] || 0,
+      },
+    ];
+
+    if (isAnnouncementTab) {
+      return allMessage;
+    }
+    return [
+      ...allMessage,
+      ...todoListMessage,
+      ...baseMessageTypes.filter(({ value }) => enabledModuleKeys.has(value) || value),
+    ];
+  });
+
+  async function initMessageCount() {
+    try {
+      const result = await getNotificationCount({
+        type: activeTab.value,
+        status: '',
+        resourceType: activeMessageType.value,
+        createTime: null,
+        endTime: null,
+      });
+      if (result) {
+        result.forEach(({ key, count }) => {
+          messageCount.value[key] = count > 99 ? `99+` : `${count ?? 0}`;
+        });
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  function refresh(initCount = false) {
+    nextTick(() => {
+      if (initCount) {
+        initMessageCount();
+      }
+      messageListRef.value?.loadMessageList();
+    });
+  }
+
+  function changeMessageType(value: string) {
+    activeMessageType.value = value;
+    refresh();
+  }
+
+  function handleChangeType() {
+    activeMessageType.value = '';
+    refresh(true);
+  }
+
+  function changeHandler(val: boolean | string) {
+    range.value = undefined;
+    if (val !== 'custom') {
+      refresh();
+    }
+  }
+
+  function confirmTimePicker(
+    value: number | [number, number] | null,
+    _formattedValue: string | [string, string] | null
+  ) {
+    range.value = value;
+    refresh();
+  }
+
+  async function setAllMessageStatus() {
+    try {
+      await setAllNotificationRead();
+      messageListRef.value?.loadMessageList();
+      initMessageCount();
+      appStore.initMessage();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  watch(
+    () => showMessageDrawer.value,
+    (val) => {
+      if (val) {
+        appStore.initModuleConfig();
+        initMessageCount();
+      }
+    }
+  );
+</script>
+
+<style lang="less" scoped>
+  .message-wrapper {
+    @apply flex h-full;
+    .message-count {
+      width: 268px;
+      border-right: 1px solid var(--text-n8);
+      @apply h-full;
+    }
+    .message-footer {
+      position: absolute;
+      bottom: 0;
+      width: 268px;
+      height: 56px;
+    }
+    .message-content {
+      width: calc(100% - 268px);
+      @apply h-full;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/message/components/messageList.vue b/frontend/packages/web/src/views/system/message/components/messageList.vue
new file mode 100644
index 0000000..0a7e31a
--- /dev/null
+++ b/frontend/packages/web/src/views/system/message/components/messageList.vue
@@ -0,0 +1,356 @@
+<template>
+  <CrmCard hide-footer :special-height="licenseStore.expiredDuring ? 128 : 64">
+    <n-data-table
+      :single-line="false"
+      :columns="columns"
+      :data="data"
+      :paging="false"
+      class="message-table"
+      :pagination="false"
+      :loading="loading"
+      :max-height="licenseStore.expiredDuring ? 'calc(100vh - 318px)' : 'calc(100vh - 254px)'"
+    />
+    <expirationSettingDrawer
+      v-model:visible="showExpirationSetting"
+      :detail="activeDetail"
+      :show-time-setting="activeDetail?.event.includes(showTimeSettingEvent)"
+      @ok="initMessageList"
+    />
+  </CrmCard>
+</template>
+
+<script lang="ts" setup>
+  import { DataTableColumn, NDataTable, useMessage } from 'naive-ui';
+
+  import { CompanyTypeEnum } from '@lib/shared/enums/commonEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { MessageConfigItem, MessageTaskDetailDTOItem } from '@lib/shared/models/system/message';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import expirationSettingDrawer from './expirationSettingDrawer.vue';
+  import SwitchPopConfirm from './switchPopConfirm.vue';
+
+  import { batchSaveMessageTask, getConfigSynchronization, getMessageTask, saveMessageTask } from '@/api/modules';
+  import { platFormNameMap, platformType } from '@/config/business';
+  import { useAppStore } from '@/store';
+  import useLicenseStore from '@/store/modules/setting/license';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const Message = useMessage();
+
+  const { t } = useI18n();
+  const licenseStore = useLicenseStore();
+  const appStore = useAppStore();
+
+  const enableSystemMessage = ref(false);
+  const enableEmailMessage = ref(false);
+  const enableThirdPartyMessage = ref(false);
+  const enableSystemLoading = ref(false);
+  const noticeEnableMapKey: Record<string, keyof MessageTaskDetailDTOItem> = {
+    [CompanyTypeEnum.WECOM]: 'weComEnable',
+    [CompanyTypeEnum.DINGTALK]: 'dingTalkEnable',
+    [CompanyTypeEnum.LARK]: 'larkEnable',
+  };
+
+  const thirdPartyEnableKey = computed<keyof MessageTaskDetailDTOItem>(() => {
+    const syncPlatformType = appStore.activePlatformResource.syncResource;
+    return noticeEnableMapKey[syncPlatformType];
+  });
+  const data = ref<MessageConfigItem[]>([]);
+  const loading = ref(false);
+
+  async function initMessageList() {
+    try {
+      loading.value = true;
+      const result = await getMessageTask();
+
+      enableSystemMessage.value = result.every((e) => e.messageTaskDetailDTOList.every((c) => c.sysEnable));
+      enableEmailMessage.value = result.every((e) => e.messageTaskDetailDTOList.every((c) => c.emailEnable));
+      enableThirdPartyMessage.value = result.every((e) => {
+        return e.messageTaskDetailDTOList.every((c) => c[thirdPartyEnableKey.value]);
+      });
+
+      data.value = result
+        .map((item) =>
+          item.messageTaskDetailDTOList.map((child) => ({
+            ...child,
+            ...item,
+            moduleName: item.moduleName || item.module,
+            eventName: child.eventName || child.event,
+          }))
+        )
+        .flat();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  async function handleToggleSystemMessage(row: MessageConfigItem, type: string, cancel?: () => void) {
+    try {
+      enableSystemLoading.value = true;
+      await saveMessageTask({
+        module: row.module,
+        event: row.event,
+        emailEnable: type === 'email' ? !row.emailEnable : row.emailEnable,
+        sysEnable: type === 'system' ? !row.sysEnable : row.sysEnable,
+        [thirdPartyEnableKey.value]:
+          type === 'weChat' ? !row[thirdPartyEnableKey.value] : row[thirdPartyEnableKey.value],
+      });
+      Message.success(t('common.saveSuccess'));
+      cancel?.();
+      initMessageList();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      enableSystemLoading.value = false;
+    }
+  }
+
+  async function toggleGlobalMessage(type: string, cancel?: () => void) {
+    try {
+      enableSystemLoading.value = true;
+
+      const params: {
+        sysEnable: boolean | undefined;
+        emailEnable: boolean | undefined;
+        weComEnable: boolean | undefined;
+        dingTalkEnable: boolean | undefined;
+        larkEnable: boolean | undefined;
+      } = {
+        sysEnable: undefined,
+        emailEnable: undefined,
+        weComEnable: undefined,
+        dingTalkEnable: undefined,
+        larkEnable: undefined,
+      };
+
+      if (type === 'system') {
+        params.sysEnable = !enableSystemMessage.value;
+      } else if (type === 'email') {
+        params.emailEnable = !enableEmailMessage.value;
+      } else if (type === 'weChat') {
+        params[thirdPartyEnableKey.value as keyof typeof params] = !enableThirdPartyMessage.value;
+      }
+
+      await batchSaveMessageTask(params);
+      Message.success(t('common.saveSuccess'));
+      cancel?.();
+      initMessageList();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      enableSystemLoading.value = false;
+    }
+  }
+
+  const needSetEndTimeEvent = [
+    'BUSINESS_QUOTATION_EXPIRED',
+    'BUSINESS_QUOTATION_EXPIRING',
+    'CONTRACT_ARCHIVED',
+    'CONTRACT_VOID',
+    'CONTRACT_EXPIRING',
+    'CONTRACT_EXPIRED',
+    'CONTRACT_PAYMENT_EXPIRED',
+    'CONTRACT_PAYMENT_EXPIRING',
+  ];
+
+  const showTimeSettingEvent = 'EXPIRING';
+
+  const isEnableNoticeConfig = ref<boolean>(false);
+  const platformName = computed(() => platFormNameMap[appStore.activePlatformResource.syncResource]);
+  const isSyncFromThirdChecked = computed(() => appStore.activePlatformResource.sync);
+
+  const showExpirationSetting = ref(false);
+  const activeDetail = ref<MessageConfigItem>();
+  function settingMessage(e: MouseEvent, row: MessageConfigItem) {
+    showExpirationSetting.value = true;
+    activeDetail.value = row;
+  }
+  const columns = computed<DataTableColumn[]>(() => [
+    {
+      title: t('system.message.Feature'),
+      key: 'moduleName',
+      width: 200,
+      ellipsis: {
+        tooltip: true,
+      },
+      className: 'message-table-module-name',
+      rowSpan: (rowData: { messageTaskDetailDTOList?: MessageConfigItem[] }) => {
+        return rowData?.messageTaskDetailDTOList?.length ?? 0;
+      },
+    },
+    {
+      title: t('system.message.notificationScenario'),
+      key: 'eventName',
+      width: 200,
+      ellipsis: {
+        tooltip: true,
+      },
+      render: (row) => {
+        return h(
+          'div',
+          {
+            class: 'one-line-text flex items-center justify-between gap-[8px] w-[196px]',
+          },
+          [
+            h('span', row.eventName as string),
+            hasAnyPermission(['SYSTEM_NOTICE:UPDATE']) && needSetEndTimeEvent.includes(row.event as string)
+              ? h(CrmIcon, {
+                  type: 'iconicon_set_up',
+                  size: 16,
+                  class: 'ml-2 text-[var(--primary-8)] cursor-pointer',
+                  onClick: (e: MouseEvent) => settingMessage(e, row as unknown as MessageConfigItem),
+                })
+              : null,
+          ]
+        );
+      },
+    },
+    {
+      title: () => {
+        return h(SwitchPopConfirm, {
+          title: t('system.message.confirmCloseSystemNotify'),
+          titleColumnText: t('system.message.systemMessage'),
+          value: enableSystemMessage.value,
+          loading: enableSystemLoading.value,
+          content: t('system.message.confirmCloseSystemNotifyContent'),
+          disabled: !hasAnyPermission(['SYSTEM_NOTICE:UPDATE']),
+          onChange: (cancel?: () => void) => toggleGlobalMessage('system', cancel),
+        });
+      },
+      key: 'systemMessage',
+      width: 200,
+      ellipsis: {
+        tooltip: true,
+      },
+      render: (row) => {
+        return h(SwitchPopConfirm, {
+          title: t('system.message.confirmCloseSystemNotify'),
+          value: row.sysEnable as boolean,
+          loading: enableSystemLoading.value,
+          content: t('system.message.confirmCloseSystemNotifyContent'),
+          disabled: !hasAnyPermission(['SYSTEM_NOTICE:UPDATE']),
+          onChange: (cancel?: () => void) =>
+            handleToggleSystemMessage(row as unknown as MessageConfigItem, 'system', cancel),
+        });
+      },
+    },
+    {
+      title: () => {
+        return h(SwitchPopConfirm, {
+          titleColumnText: t('system.message.emailReminder'),
+          value: enableEmailMessage.value,
+          loading: enableSystemLoading.value,
+          disabled: !hasAnyPermission(['SYSTEM_NOTICE:UPDATE']),
+          onChange: (cancel?: () => void) => toggleGlobalMessage('email', cancel),
+        });
+      },
+      key: 'emailReminder',
+      width: 200,
+      ellipsis: {
+        tooltip: true,
+      },
+      render: (row) => {
+        return h(SwitchPopConfirm, {
+          value: row.emailEnable as boolean,
+          loading: enableSystemLoading.value,
+          disabled: !hasAnyPermission(['SYSTEM_NOTICE:UPDATE']),
+          onChange: (cancel?: () => void) =>
+            handleToggleSystemMessage(row as unknown as MessageConfigItem, 'email', cancel),
+        });
+      },
+    },
+    ...(isEnableNoticeConfig.value
+      ? [
+          {
+            title: () => {
+              return h(SwitchPopConfirm, {
+                title: t('system.message.confirmCloseWeChatNotice'),
+                titleColumnText: t('system.message.platformNotice', { type: platformName.value }),
+                value: enableThirdPartyMessage.value,
+                loading: enableSystemLoading.value,
+                content: t('system.message.confirmCloseSystemNotifyContent'),
+                disabled: !hasAnyPermission(['SYSTEM_NOTICE:UPDATE']) || !isSyncFromThirdChecked.value,
+                toolTipContent: !isSyncFromThirdChecked.value
+                  ? t('system.message.weComSwitchTip', { type: platformName.value })
+                  : '',
+                onChange: (cancel?: () => void) => {
+                  if (!isSyncFromThirdChecked.value) return;
+                  toggleGlobalMessage('weChat', cancel);
+                },
+              });
+            },
+            key: thirdPartyEnableKey.value,
+            width: 200,
+            ellipsis: {
+              tooltip: true,
+            },
+            render: (row: any) => {
+              return h(SwitchPopConfirm, {
+                title: t('system.message.confirmCloseWeChatNotice'),
+                value: row[thirdPartyEnableKey.value] as boolean,
+                loading: enableSystemLoading.value,
+                content: t('system.message.confirmCloseSystemNotifyContent'),
+                disabled: !hasAnyPermission(['SYSTEM_NOTICE:UPDATE']) || !isSyncFromThirdChecked.value,
+                toolTipContent: !isSyncFromThirdChecked.value
+                  ? t('system.message.weComSwitchTip', { type: platformName.value })
+                  : '',
+                onChange: (cancel?: () => void) => {
+                  if (!isSyncFromThirdChecked.value) return;
+                  handleToggleSystemMessage(row as unknown as MessageConfigItem, 'weChat', cancel);
+                },
+              });
+            },
+          },
+        ]
+      : []),
+  ]);
+
+  async function initIntegration() {
+    try {
+      const res = await getConfigSynchronization();
+      if (res) {
+        const platFormConfig = res.find(
+          (item) => platformType.includes(item.type) && item.type === appStore.activePlatformResource.syncResource
+        );
+        isEnableNoticeConfig.value =
+          !!platFormConfig && !!platFormConfig.config && !!platFormConfig.config?.startEnable;
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  onBeforeMount(() => {
+    // TODO license 先放开
+    // if (licenseStore.hasLicense()) {
+    //   initIntegration();
+    // }
+    initIntegration();
+    initMessageList();
+  });
+</script>
+
+<style lang="less" scoped>
+  :deep(.message-table) {
+    .n-data-table-thead {
+      .n-data-table-tr {
+        th {
+          background: var(--text-n9);
+        }
+      }
+    }
+    .message-table-module-name {
+      &.n-data-table-td {
+        background: var(--text-n9);
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/message/components/notifyContent.vue b/frontend/packages/web/src/views/system/message/components/notifyContent.vue
new file mode 100644
index 0000000..8b53e33
--- /dev/null
+++ b/frontend/packages/web/src/views/system/message/components/notifyContent.vue
@@ -0,0 +1,143 @@
+<template>
+  <div>
+    <div class="notify-title">
+      <div class="one-line-text flex items-center">
+        <CrmIcon class="mr-[8px] text-[var(--warning-yellow)]" type="iconicon_info_circle_filled" :size="24" />
+        <n-tooltip :delay="300">
+          <template #trigger>
+            <div class="one-line-text">{{ notifyItem?.subject }}</div>
+          </template>
+          {{ notifyItem?.subject }}
+        </n-tooltip>
+      </div>
+    </div>
+    <div class="notify-content py-[16px]">
+      <div v-html="(parsedContent?.content || '').replace(/\n/g, '<br />')"></div>
+      <n-tooltip trigger="hover" :delay="300" :disabled="!(parsedContent.renameUrl || parsedContent.url)?.length">
+        <template #trigger>
+          <div class="max-w-[300px] cursor-pointer text-[var(--primary-8)]" @click="goUrl">
+            {{ parsedContent?.renameUrl || parsedContent?.url }}
+          </div>
+        </template>
+        {{ parsedContent?.renameUrl || parsedContent?.url }}
+      </n-tooltip>
+    </div>
+    <div :class="`flex items-center ${total > 1 ? 'justify-between' : 'justify-end'}`">
+      <div v-if="total > 1" class="flex items-center gap-[8px]">
+        <CrmIcon
+          :class="`${
+            current === 1 ? 'cursor-not-allowed text-[var(--text-n6)]' : 'cursor-pointer text-[var(--text-n4)]'
+          }`"
+          type="iconicon_chevron_left"
+          @click="prevMessage"
+        />
+        <span class="text-[var(--text-n1)]"> {{ current }}/{{ total }}</span>
+
+        <CrmIcon
+          :class="`${
+            current === total ? 'cursor-not-allowed text-[var(--text-n6)]' : 'cursor-pointer text-[var(--text-n4)]'
+          }`"
+          type="iconicon_chevron_right"
+          @click="nextMessage"
+        />
+      </div>
+      <n-button
+        v-if="notifyItem?.status === SystemMessageStatusEnum.UNREAD"
+        class="!bg-[var(--primary-8)]"
+        type="primary"
+        @click="setMessageRead"
+      >
+        {{ t('system.message.setRead') }}
+      </n-button>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { NButton, NTooltip } from 'naive-ui';
+
+  import { SystemMessageStatusEnum } from '@lib/shared/enums/systemEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { MessageCenterItem } from '@lib/shared/models/system/message';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+
+  import { setNotificationRead } from '@/api/modules';
+  import useAppStore from '@/store/modules/app';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const appStore = useAppStore();
+
+  const { t } = useI18n();
+
+  const emit = defineEmits<{
+    (e: 'close'): void;
+  }>();
+
+  const current = ref(1);
+
+  const total = computed(() => (appStore.messageInfo.announcementDTOList || []).length);
+
+  const notifyItem = computed<MessageCenterItem | null>(() => {
+    if ((appStore.messageInfo.announcementDTOList || []).length) {
+      return appStore.messageInfo.announcementDTOList[current.value - 1];
+    }
+    return null;
+  });
+
+  const parsedContent = computed(() => JSON.parse(notifyItem.value?.contentText ?? '{}'));
+
+  function prevMessage() {
+    if (current.value > 1) {
+      current.value -= 1;
+    }
+  }
+
+  function nextMessage() {
+    if (current.value < total.value) {
+      current.value += 1;
+    }
+  }
+
+  function goUrl() {
+    const url = parsedContent.value?.url;
+    if (url) {
+      window.open(url, '_blank');
+    }
+  }
+
+  async function setMessageRead() {
+    if (notifyItem.value) {
+      const { status, id } = notifyItem.value;
+      if (status === SystemMessageStatusEnum.READ) return;
+      try {
+        await setNotificationRead(id);
+        appStore.initMessage();
+        emit('close');
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      }
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  .notify-title {
+    font-size: 16px;
+    color: var(--text-n1);
+    @apply flex items-center justify-between font-semibold;
+  }
+  .notify-content {
+    @apply overflow-y-auto break-all;
+
+    max-height: 400px;
+    .crm-scroll-bar();
+  }
+</style>
+
+<style lang="less">
+  .n-notification-main__content {
+    padding-right: 8px !important;
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/message/components/switchPopConfirm.vue b/frontend/packages/web/src/views/system/message/components/switchPopConfirm.vue
new file mode 100644
index 0000000..b830b9c
--- /dev/null
+++ b/frontend/packages/web/src/views/system/message/components/switchPopConfirm.vue
@@ -0,0 +1,76 @@
+<template>
+  <CrmPopConfirm
+    v-model:show="showPopModal"
+    :title="props.title ?? ''"
+    icon-type="error"
+    :content="content"
+    :disabled="!props.title || !props.value || !hasAnyPermission(['SYSTEM_NOTICE:UPDATE']) || props.disabled"
+    :positive-text="t('system.message.confirmClose')"
+    placement="bottom-end"
+    :loading="props.loading"
+    @confirm="confirmHandler"
+    @cancel="handleCancel"
+  >
+    <n-tooltip :delay="300" :disabled="!props.toolTipContent">
+      <template #trigger>
+        <n-switch
+          :value="props.value"
+          :disabled="props.disabled"
+          class="mr-[8px]"
+          :rubber-band="false"
+          size="small"
+          @update:value="changeStatus"
+        />
+      </template>
+      {{ props.toolTipContent }}
+    </n-tooltip>
+  </CrmPopConfirm>
+  {{ t(props.titleColumnText ?? '') }}
+</template>
+
+<script lang="ts" setup>
+  import { ref } from 'vue';
+  import { NSwitch, NTooltip } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmPopConfirm from '@/components/pure/crm-pop-confirm/index.vue';
+
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    titleColumnText?: string;
+    title?: string;
+    loading: boolean;
+    content?: string;
+    value: boolean;
+    disabled: boolean;
+    toolTipContent?: string;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'change', cancel?: () => void): void;
+  }>();
+
+  const showPopModal = ref(false);
+
+  function handleCancel() {
+    showPopModal.value = false;
+  }
+
+  function changeStatus() {
+    if (!hasAnyPermission(['SYSTEM_NOTICE:UPDATE'])) return;
+
+    if (!props.title || !props.value) {
+      emit('change', handleCancel);
+      return;
+    }
+    showPopModal.value = true;
+  }
+
+  function confirmHandler() {
+    emit('change', handleCancel);
+  }
+</script>
diff --git a/frontend/packages/web/src/views/system/message/index.vue b/frontend/packages/web/src/views/system/message/index.vue
new file mode 100644
index 0000000..6747d8e
--- /dev/null
+++ b/frontend/packages/web/src/views/system/message/index.vue
@@ -0,0 +1,27 @@
+<template>
+  <CrmCard no-content-padding hide-footer auto-height class="mb-[16px]">
+    <CrmTab v-model:active-tab="activeTab" no-content :tab-list="tabList" type="line" />
+  </CrmCard>
+  <MessageList v-if="activeTab === 'notify'" />
+  <AnnouncementList v-if="activeTab === 'announcement'" />
+</template>
+
+<script lang="ts" setup>
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmTab from '@/components/pure/crm-tab/index.vue';
+  import AnnouncementList from './components/announcementList.vue';
+  import MessageList from './components/messageList.vue';
+
+  const { t } = useI18n();
+
+  const activeTab = ref('notify');
+
+  const tabList = ref([
+    { name: 'notify', tab: t('system.message.notify') },
+    { name: 'announcement', tab: t('system.message.announcement') },
+  ]);
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/system/message/locale/en-US.ts b/frontend/packages/web/src/views/system/message/locale/en-US.ts
new file mode 100644
index 0000000..6f1e591
--- /dev/null
+++ b/frontend/packages/web/src/views/system/message/locale/en-US.ts
@@ -0,0 +1,60 @@
+export default {
+  'system.message.notify': 'Notification',
+  'system.message.announcement': 'Announcement',
+  'system.message.announcementTitle': 'Announcement title',
+  'system.message.content': 'Content',
+  'system.message.timeOfPublication': 'Time of publication',
+  'system.message.receiver': 'Receiver',
+  'system.message.newAnnouncement': 'New announcement',
+  'system.message.updateAnnouncement': 'Update announcement',
+  'system.message.announcementContent': 'Announcement content',
+  'system.message.href': 'Link',
+  'system.message.hrefRename': 'Rename link',
+  'system.message.preview': 'Preview announcement',
+  'system.message.hrefName': 'Link name',
+  'system.message.descContent': 'Add a link in the announcement',
+  'system.message.deleteAnnouncementTitle': 'Are you sure you want to delete {name}?',
+  'system.message.deleteAnnouncementContent': 'After deletion, the receiver will no longer receive the announcement',
+  'system.message.Feature': 'Feature',
+  'system.message.notificationScenario': 'Notification scenario',
+  'system.message.systemMessage': 'Sys',
+  'system.message.emailReminder': 'Email reminder',
+  'system.message.confirmClose': 'Confirm close',
+  'system.message.confirmCloseSystemNotify': 'Are you sure you want to close this system notification?',
+  'system.message.confirmCloseSystemNotifyContent':
+    'After closing, members will no longer receive notifications for this feature',
+  'system.message.allMessages': 'All',
+  'system.message.last3Days': 'Last 3 days',
+  'system.message.last5Days': 'Last 5 days',
+  'system.message.last7Days': 'Last 7 days',
+  'system.message.nearlyOneMonth': 'Nearly one month',
+  'system.message.unreadOnly': 'Unread only',
+  'system.message.markAllAsRead': 'Mark all as read',
+  'system.message.allMessage': 'All messages',
+  'system.message.customerMessage': 'Account',
+  'system.message.contactMessage': 'Contact',
+  'system.message.openSeaMessage': 'Open sea',
+  'system.message.clueMessage': 'Lead',
+  'system.message.cluePoolMessage': 'Lead pool',
+  'system.message.opportunityMessage': 'Opportunity',
+  'system.message.system': 'System',
+  'system.message.systemNotification': 'System notification',
+  'system.message.setRead': 'Mark as read',
+  'system.message.platformNotice': '{type}notice',
+  'system.message.confirmCloseWeChatNotice': 'Are you sure to close the WeCom notification?',
+  'system.message.weComSwitchTip':
+    '{type} unable to get user receives the message, please complete the WeCom structure synchronization, make sure the system consistent with the {type} personnel data!',
+  'system.message.expirationTitle': '{type} configuration',
+  'system.message.endOfType': 'before {type} ends',
+  'system.message.timeNumberRepeatMsg': 'Duplicate number',
+  'system.message.expirationReminder': 'Expiration reminder',
+  'system.message.scopedSettings': 'Scope configuration',
+  'system.message.noticePerson': 'Notified personnel',
+  'system.message.supervisorOfOwner': 'Direct supervisor',
+  'system.message.maxLimit': 'Maximum number of {count} items',
+  'system.message.toHeadAbove': 'To the head and above',
+  'system.message.noticeOfDepartmentHead': 'Notice from the head of the level department',
+  'system.message.departmentHeadTooltip': '0 represents the direct superior',
+  'system.message.timeSetting': 'Time configuration',
+  'system.message.todoList': 'Todo list',
+};
diff --git a/frontend/packages/web/src/views/system/message/locale/zh-CN.ts b/frontend/packages/web/src/views/system/message/locale/zh-CN.ts
new file mode 100644
index 0000000..fa5af4e
--- /dev/null
+++ b/frontend/packages/web/src/views/system/message/locale/zh-CN.ts
@@ -0,0 +1,59 @@
+export default {
+  'system.message.notify': '消息通知',
+  'system.message.announcement': '公告',
+  'system.message.announcementTitle': '公告标题',
+  'system.message.content': '内容',
+  'system.message.timeOfPublication': '发布时间',
+  'system.message.receiver': '接收人',
+  'system.message.newAnnouncement': '新建公告',
+  'system.message.updateAnnouncement': '更新公告',
+  'system.message.announcementContent': '公告内容',
+  'system.message.href': '链接',
+  'system.message.hrefRename': '链接重命名',
+  'system.message.preview': '预览公告',
+  'system.message.hrefName': '链接名',
+  'system.message.descContent': '添加在公告内的链接',
+  'system.message.deleteAnnouncementTitle': '确定删除 {name} 吗？',
+  'system.message.deleteAnnouncementContent': '删除后，接收人将不再接收该公告',
+  'system.message.Feature': '功能',
+  'system.message.notificationScenario': '通知场景',
+  'system.message.systemMessage': '系统消息',
+  'system.message.emailReminder': '邮件提醒',
+  'system.message.confirmClose': '确定关闭',
+  'system.message.confirmCloseSystemNotify': '确定关闭该系统通知吗？',
+  'system.message.confirmCloseSystemNotifyContent': '关闭后，成员将不再接收该功能通知',
+  'system.message.allMessages': '全部',
+  'system.message.last3Days': '近3天',
+  'system.message.last5Days': '近5天',
+  'system.message.last7Days': '近7天',
+  'system.message.nearlyOneMonth': '近一月',
+  'system.message.unreadOnly': '只看未读',
+  'system.message.markAllAsRead': '全部标为已读',
+  'system.message.allMessage': '全部消息',
+  'system.message.customerMessage': '客户',
+  'system.message.contactMessage': '联系人',
+  'system.message.openSeaMessage': '公海',
+  'system.message.clueMessage': '线索',
+  'system.message.cluePoolMessage': '线索池',
+  'system.message.opportunityMessage': '商机',
+  'system.message.system': '系统',
+  'system.message.systemNotification': '系统通知',
+  'system.message.setRead': '标为已读',
+  'system.message.platformNotice': '{type}通知',
+  'system.message.confirmCloseWeChatNotice': '确定关闭该企业微信通知吗？',
+  'system.message.weComSwitchTip':
+    '{type}无法获取接收消息的用户身份，请先完成{type}组织架构同步，确保系统与{type}的人员数据一致!',
+  'system.message.expirationTitle': '{type}配置',
+  'system.message.endOfType': '距{type}结束',
+  'system.message.timeNumberRepeatMsg': '数字重复，请重新输入',
+  'system.message.expirationReminder': '到期提醒',
+  'system.message.scopedSettings': '范围配置',
+  'system.message.noticePerson': '通知人员',
+  'system.message.supervisorOfOwner': '负责人直属上级',
+  'system.message.maxLimit': '最多可添加 {count} 条',
+  'system.message.toHeadAbove': '向负责人及以上',
+  'system.message.noticeOfDepartmentHead': '级部门负责人通知',
+  'system.message.departmentHeadTooltip': '0 代表直属上级',
+  'system.message.timeSetting': '时间配置',
+  'system.message.todoList': '待办',
+};
diff --git a/frontend/packages/web/src/views/system/module/components/addOrEditPoolDrawer.vue b/frontend/packages/web/src/views/system/module/components/addOrEditPoolDrawer.vue
new file mode 100644
index 0000000..dc228bd
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/addOrEditPoolDrawer.vue
@@ -0,0 +1,488 @@
+<template>
+  <CrmDrawer
+    v-model:show="visible"
+    :width="900"
+    :title="title"
+    :show-continue="!form.id"
+    :ok-text="form.id ? t('common.update') : undefined"
+    :loading="loading"
+    @confirm="confirmHandler(false)"
+    @continue="confirmHandler(true)"
+    @cancel="cancelHandler"
+  >
+    <n-scrollbar>
+      <n-alert v-if="form.id" class="mb-[16px]" type="warning">
+        {{ t('module.clue.updateConfirmContent') }}
+      </n-alert>
+      <n-form
+        ref="formRef"
+        :model="form"
+        :rules="rules"
+        label-placement="left"
+        :label-width="110"
+        require-mark-placement="left"
+      >
+        <div class="crm-module-form-title">{{ t('common.baseInfo') }}</div>
+        <div class="w-full">
+          <n-form-item
+            path="name"
+            :label="
+              props.type === ModuleConfigEnum.CLUE_MANAGEMENT ? t('module.clue.name') : t('module.customer.openSeaName')
+            "
+          >
+            <n-input v-model:value="form.name" :maxlength="255" type="text" :placeholder="t('common.pleaseInput')" />
+          </n-form-item>
+        </div>
+        <div class="flex">
+          <div class="flex-1">
+            <n-form-item path="adminIds" :label="t('opportunity.admin')">
+              <CrmUserTagSelector v-model:selected-list="form.adminIds" />
+            </n-form-item>
+          </div>
+          <div class="flex-1">
+            <n-form-item path="userIds" :label="t('role.member')">
+              <CrmUserTagSelector v-model:selected-list="form.userIds" />
+            </n-form-item>
+          </div>
+        </div>
+        <div class="crm-module-form-title">
+          {{
+            props.type === ModuleConfigEnum.CLUE_MANAGEMENT
+              ? t('module.clue.clueCollectionRules')
+              : t('module.customer.customerCollectionRules')
+          }}
+        </div>
+        <n-form-item path="pickRule.limitOnNumber" :label="t('module.clue.dailyCollection')">
+          <n-radio-group v-model:value="form.pickRule.limitOnNumber" name="radiogroup">
+            <n-space>
+              <n-radio :value="false">
+                {{ t('module.clue.noLimit') }}
+              </n-radio>
+              <n-radio :value="true">
+                {{ t('module.clue.limit') }}
+              </n-radio>
+            </n-space>
+          </n-radio-group>
+        </n-form-item>
+        <n-form-item
+          v-if="form.pickRule.limitOnNumber"
+          path="pickRule.pickNumber"
+          :label="t('module.clue.limitQuantity')"
+        >
+          <CrmInputNumber
+            v-model:value="form.pickRule.pickNumber"
+            class="crm-reminder-advance-input"
+            :placeholder="t('common.pleaseInput')"
+            min="1"
+            max="10000"
+            :precision="0"
+          />
+        </n-form-item>
+        <n-form-item path="pickRule.limitPreOwner" :label="t('module.clue.ownerCollection')">
+          <n-radio-group v-model:value="form.pickRule.limitPreOwner" name="radiogroup">
+            <n-space>
+              <n-radio :value="false">
+                {{ t('module.clue.noLimit') }}
+              </n-radio>
+              <n-radio :value="true">
+                {{ t('module.clue.limit') }}
+              </n-radio>
+            </n-space>
+          </n-radio-group>
+        </n-form-item>
+        <n-form-item
+          v-if="form.pickRule.limitPreOwner"
+          path="pickRule.pickIntervalDays"
+          :label="t('module.clue.formerOwner')"
+        >
+          <CrmInputNumber
+            v-model:value="form.pickRule.pickIntervalDays"
+            class="crm-reminder-advance-input"
+            :placeholder="t('common.pleaseInput')"
+            min="1"
+            max="10000"
+            :precision="0"
+          />
+          <div class="flex flex-nowrap"> {{ t('module.clue.receiveDay') }}</div>
+        </n-form-item>
+        <n-form-item path="pickRule.limitNew">
+          <template #label>
+            <div class="flex items-center gap-[8px]">
+              {{ t('module.clue.newDataPick') }}
+              <n-tooltip trigger="hover" placement="right">
+                <template #trigger>
+                  <CrmIcon
+                    type="iconicon_help_circle"
+                    :size="16"
+                    class="cursor-pointer text-[var(--text-n4)] hover:text-[var(--primary-1)]"
+                  />
+                </template>
+                {{
+                  props.type === ModuleConfigEnum.CLUE_MANAGEMENT
+                    ? t('module.clue.newPoolDataTip')
+                    : t('module.clue.newOpenSeaDataTip')
+                }}
+              </n-tooltip>
+            </div>
+          </template>
+          <n-radio-group v-model:value="form.pickRule.limitNew" name="radiogroup">
+            <n-space>
+              <n-radio :value="false">
+                {{ t('module.clue.noLimit') }}
+              </n-radio>
+              <n-radio :value="true">
+                {{ t('module.clue.limit') }}
+              </n-radio>
+            </n-space>
+          </n-radio-group>
+        </n-form-item>
+        <n-form-item v-if="form.pickRule.limitNew" path="pickRule.newPickInterval" :label="t('module.clue.newData')">
+          <CrmInputNumber
+            v-model:value="form.pickRule.newPickInterval"
+            class="crm-reminder-advance-input"
+            :placeholder="t('common.pleaseInput')"
+            min="1"
+            max="10000"
+            :precision="0"
+          />
+          <div class="flex flex-nowrap"> {{ t('module.clue.receiveDay') }}</div>
+        </n-form-item>
+        <div class="crm-module-form-title">
+          {{
+            props.type === ModuleConfigEnum.CLUE_MANAGEMENT
+              ? t('module.clue.clueRecycleRule')
+              : t('module.customer.customerRecycleRule')
+          }}
+        </div>
+        <n-form-item path="auto" :label="t('module.clue.autoRecycle')">
+          <n-radio-group v-model:value="form.auto" name="radiogroup">
+            <n-space>
+              <n-radio :value="true">
+                {{ t('common.yes') }}
+              </n-radio>
+              <n-radio :value="false">
+                {{ t('common.no') }}
+              </n-radio>
+            </n-space>
+          </n-radio-group>
+        </n-form-item>
+        <FilterContent
+          v-if="form.auto"
+          ref="filterContentRef"
+          v-model:form-model="recycleFormItemModel as FilterForm"
+          keep-one-line
+          :config-list="filterConfigList"
+        />
+        <div class="crm-module-form-title mt-[24px]">
+          {{ t('module.clue.columnsSetting') }}
+        </div>
+        <n-checkbox-group v-model:value="showFieldIds" class="grid grid-cols-5 gap-[12px]">
+          <n-checkbox
+            v-for="field in showInTableColumns"
+            :key="field.id"
+            :value="field.id"
+            :label="field.name"
+            :disabled="field.businessKey === 'name'"
+          />
+        </n-checkbox-group>
+      </n-form>
+    </n-scrollbar>
+  </CrmDrawer>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import {
+    FormInst,
+    FormRules,
+    NAlert,
+    NCheckbox,
+    NCheckboxGroup,
+    NForm,
+    NFormItem,
+    NInput,
+    NRadio,
+    NRadioGroup,
+    NScrollbar,
+    NSpace,
+    NTooltip,
+    useMessage,
+  } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import { OperatorEnum } from '@lib/shared/enums/commonEnum';
+  import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { ModuleConfigEnum } from '@lib/shared/enums/moduleEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type {
+    CluePoolForm,
+    CluePoolItem,
+    CluePoolParams,
+    ModuleConditionsItem,
+  } from '@lib/shared/models/system/module';
+
+  import FilterContent from '@/components/pure/crm-advance-filter/components/filterContent.vue';
+  import { DYNAMICS, FIXED } from '@/components/pure/crm-advance-filter/index';
+  import { AccordBelowType, FilterForm, FilterFormItem } from '@/components/pure/crm-advance-filter/type';
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmInputNumber from '@/components/pure/crm-input-number/index.vue';
+  import CrmUserTagSelector from '@/components/business/crm-user-tag-selector/index.vue';
+
+  import { addCluePool, addCustomerPool, updateCluePool, updateCustomerPool } from '@/api/modules';
+  import useFormCreateApi from '@/hooks/useFormCreateApi';
+
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  const props = defineProps<{
+    type: ModuleConfigEnum;
+    quick?: boolean;
+    row?: CluePoolItem;
+  }>();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const emit = defineEmits<{
+    (e: 'refresh'): void;
+    (e: 'saved'): void;
+  }>();
+
+  const tabName = ref('baseInfo');
+  const formKey = computed(() => {
+    return props.type === ModuleConfigEnum.CLUE_MANAGEMENT
+      ? FormDesignKeyEnum.CLUE_POOL
+      : FormDesignKeyEnum.CUSTOMER_OPEN_SEA;
+  });
+  const { fieldList, initFormConfig } = useFormCreateApi({
+    formKey,
+  });
+  const showInTableColumns = computed(() => {
+    return fieldList.value.filter(
+      (item) => ![FieldTypeEnum.DIVIDER, FieldTypeEnum.TEXTAREA].includes(item.type) && item.businessKey !== 'owner'
+    );
+  });
+  const rules: FormRules = {
+    name: [
+      {
+        required: true,
+        message: t('common.notNull', {
+          value: `${
+            props.type === ModuleConfigEnum.CLUE_MANAGEMENT ? t('module.clue.name') : t('module.customer.openSeaName')
+          }`,
+        }),
+        trigger: ['input', 'blur'],
+      },
+    ],
+    adminIds: [{ required: true, message: t('common.pleaseSelect') }],
+    userIds: [{ required: true, message: t('common.pleaseSelect') }],
+    [`pickRule.pickIntervalDays`]: [
+      { required: true, type: 'number', message: t('common.pleaseInput'), trigger: ['input', 'blur'] },
+    ],
+    [`pickRule.pickNumber`]: [
+      { required: true, type: 'number', message: t('common.pleaseInput'), trigger: ['input', 'blur'] },
+    ],
+    [`pickRule.newPickInterval`]: [
+      { required: true, type: 'number', message: t('common.pleaseInput'), trigger: ['input', 'blur'] },
+    ],
+  };
+
+  const initForm: CluePoolForm = {
+    name: '',
+    adminIds: [],
+    userIds: [],
+    enable: true,
+    auto: false,
+    pickRule: {
+      limitOnNumber: false,
+      pickNumber: undefined,
+      limitPreOwner: false,
+      pickIntervalDays: undefined,
+      limitNew: false,
+      newPickInterval: undefined,
+    },
+    recycleRule: {
+      operator: 'all',
+      conditions: [],
+    },
+    hiddenFieldIds: [],
+  };
+  const showFieldIds = ref<string[]>([]);
+  const form = ref<CluePoolForm>(cloneDeep(initForm));
+
+  const defaultFormModel: FilterForm = {
+    searchMode: 'AND',
+    list: [
+      {
+        dataIndex: 'storageTime',
+        type: FieldTypeEnum.TIME_RANGE_PICKER,
+        operator: OperatorEnum.DYNAMICS,
+        showScope: true,
+        scope: ['Created', 'Picked'],
+      },
+    ],
+  };
+  const recycleFormItemModel = ref<FilterForm>(cloneDeep(defaultFormModel));
+
+  const title = computed(() => {
+    if (props.type === ModuleConfigEnum.CLUE_MANAGEMENT) {
+      return !form.value.id ? t('module.clue.addCluePool') : t('module.clue.updateCluePool');
+    }
+    if (props.type === ModuleConfigEnum.CUSTOMER_MANAGEMENT) {
+      return !form.value.id ? t('module.customer.addOpenSea') : t('module.customer.updateOpenSea');
+    }
+  });
+
+  const filterConfigList = computed<FilterFormItem[]>(() => {
+    return [
+      {
+        title: t('module.clue.storageTime'),
+        dataIndex: 'storageTime',
+        type: FieldTypeEnum.TIME_RANGE_PICKER,
+        operatorOption: [DYNAMICS, FIXED],
+        showScope: true,
+        scope: ['Created', 'Picked'],
+      },
+      {
+        title: t('module.clue.followUpTime'),
+        dataIndex: 'followUpTime',
+        type: FieldTypeEnum.TIME_RANGE_PICKER,
+        operatorOption: [DYNAMICS, FIXED],
+      },
+    ];
+  });
+
+  function cancelHandler() {
+    form.value = cloneDeep(initForm);
+    recycleFormItemModel.value = cloneDeep(defaultFormModel);
+    visible.value = false;
+  }
+
+  const formRef = ref<FormInst | null>(null);
+  const loading = ref<boolean>(false);
+
+  async function handleSave(isContinue: boolean) {
+    try {
+      loading.value = true;
+      const { userIds, auto, adminIds, ...otherParams } = form.value;
+
+      const params: CluePoolParams = {
+        ...otherParams,
+        ownerIds: adminIds.map((e) => e.id),
+        scopeIds: userIds.map((e) => e.id),
+        auto,
+        recycleRule: {
+          operator: recycleFormItemModel.value.searchMode as string,
+          conditions: [],
+        },
+        hiddenFieldIds: showInTableColumns.value
+          .filter((item) => !showFieldIds.value.includes(item.id))
+          .map((item) => item.id),
+      };
+      if (auto) {
+        const conditions: ModuleConditionsItem[] = [];
+        recycleFormItemModel.value.list?.forEach((item) => {
+          conditions.push({
+            column: item.dataIndex || '',
+            operator: item.operator || '',
+            value: item.value,
+            scope: item.scope,
+          });
+        });
+        params.recycleRule.conditions = form.value.auto ? conditions : [];
+      }
+      if (form.value.id) {
+        await (props.type === ModuleConfigEnum.CUSTOMER_MANAGEMENT
+          ? updateCustomerPool(params, props.quick)
+          : updateCluePool(params, props.quick));
+        Message.success(t('common.updateSuccess'));
+        emit('saved');
+      } else {
+        await (props.type === ModuleConfigEnum.CUSTOMER_MANAGEMENT ? addCustomerPool(params) : addCluePool(params));
+        Message.success(t('common.addSuccess'));
+        emit('refresh');
+      }
+      if (isContinue) {
+        form.value = cloneDeep(initForm);
+        recycleFormItemModel.value = cloneDeep(defaultFormModel);
+      } else {
+        cancelHandler();
+      }
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  const filterContentRef = ref<InstanceType<typeof FilterContent>>();
+  function confirmHandler(isContinue: boolean) {
+    formRef.value?.validate(async (error) => {
+      if (!error) {
+        if (filterContentRef.value) {
+          filterContentRef.value?.formRef?.validate((errors) => {
+            if (!errors) {
+              handleSave(isContinue);
+            }
+          });
+        } else {
+          handleSave(isContinue);
+        }
+      }
+    });
+  }
+
+  watch([() => props.row, () => visible.value], () => {
+    if (props.row && visible.value) {
+      const val = props.row;
+      form.value = {
+        id: val.id,
+        name: val.name,
+        enable: val.enable,
+        auto: val.auto,
+        pickRule: val.pickRule ?? cloneDeep(initForm).pickRule,
+        recycleRule: val.recycleRule ?? cloneDeep(initForm).recycleRule,
+        userIds: val.members,
+        adminIds: val.owners,
+        hiddenFieldIds: val.fieldConfigs?.filter((item) => !item.enable).map((item) => item.fieldId) || [],
+      };
+      if (val.auto) {
+        recycleFormItemModel.value = {
+          list: val.recycleRule.conditions?.map((item) => ({
+            dataIndex: item.column,
+            operator: item.operator,
+            showScope: !!item.scope?.length,
+            value: item.value,
+            scope: item.scope,
+            type: FieldTypeEnum.TIME_RANGE_PICKER,
+          })) as FilterFormItem[],
+          searchMode: val.recycleRule.operator as AccordBelowType,
+        };
+      } else {
+        recycleFormItemModel.value = cloneDeep(defaultFormModel);
+      }
+    }
+  });
+
+  watch(
+    () => visible.value,
+    async (val) => {
+      if (val) {
+        tabName.value = 'baseInfo';
+        await initFormConfig();
+        showFieldIds.value = showInTableColumns.value
+          .filter((item) => !form.value.hiddenFieldIds.includes(item.id))
+          .map((item) => item.id);
+      }
+    }
+  );
+</script>
+
+<style scoped lang="less">
+  :deep(.dataIndex-col) {
+    width: 100px;
+    flex: initial;
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/module/components/businessTitleValidate.vue b/frontend/packages/web/src/views/system/module/components/businessTitleValidate.vue
new file mode 100644
index 0000000..7e04ab6
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/businessTitleValidate.vue
@@ -0,0 +1,105 @@
+<template>
+  <n-popover
+    v-model:show="popoverVisible"
+    trigger="click"
+    placement="left-start"
+    class="!p-0"
+    @update:show="handleUpdateShow"
+  >
+    <template #trigger>
+      <div class="inline-flex cursor-pointer items-center" @click.stop>
+        <div>{{ t('module.contract.businessNameValidateConfig') }}</div>
+        <CrmIcon type="iconicon_chevron_right" class="ml-[4px]" :size="16" />
+      </div>
+    </template>
+    <n-scrollbar class="my-[4px] max-h-[416px] max-w-[250px] px-[4px]">
+      <div class="min-w-[176px]">
+        <div v-for="element in formConfigList" :key="element.id" class="business-name-setting-item">
+          <div class="flex flex-1 items-center gap-[8px] overflow-hidden">
+            <n-tooltip trigger="hover" placement="top">
+              <template #trigger>
+                <span class="one-line-text text-[12px]">
+                  {{ t(element.title) }}
+                </span>
+              </template>
+              {{ t(element.title) }}
+            </n-tooltip>
+          </div>
+          <n-switch
+            v-model:value="element.required"
+            :disabled="element.disabled"
+            size="small"
+            :rubber-band="false"
+            @update:value="(val:boolean)=>handleChange(val, element.id)"
+          />
+        </div>
+      </div>
+    </n-scrollbar>
+  </n-popover>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { NPopover, NScrollbar, NSwitch, NTooltip, useMessage } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { BusinessTitleValidateConfig } from '@lib/shared/models/contract';
+
+  import { getBusinessTitleConfig, switchBusinessTitleFormConfig } from '@/api/modules';
+  import { allBusinessTitleFormConfigList } from '@/config/contract';
+
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  const defaultEnabledKey = ['name', 'identificationNumber', 'registrationAddress'];
+  const defaultDisabledKey = ['name'];
+
+  const formConfigList = ref<BusinessTitleValidateConfig[]>([]);
+
+  const popoverVisible = ref(false);
+
+  async function initValidateConfig() {
+    try {
+      const result = await getBusinessTitleConfig();
+      formConfigList.value = result.map((e) => {
+        const item = allBusinessTitleFormConfigList.find((c) => c.value === e.field);
+        return {
+          ...e,
+          title: item?.label ?? '',
+          disabled: defaultDisabledKey.includes(e.field),
+        };
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  async function handleChange(value: boolean, id: string) {
+    try {
+      await switchBusinessTitleFormConfig(id);
+      initValidateConfig();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  function handleUpdateShow(show: boolean) {
+    if (show) {
+      initValidateConfig();
+    }
+  }
+</script>
+
+<style scoped lang="less">
+  .business-name-setting-item {
+    padding: 5px 8px;
+    max-width: 300px;
+    border-radius: @border-radius-small;
+    @apply flex items-center justify-between;
+    &:hover {
+      background: var(--text-n9);
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/module/components/capacitySetDrawer.vue b/frontend/packages/web/src/views/system/module/components/capacitySetDrawer.vue
new file mode 100644
index 0000000..69807a3
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/capacitySetDrawer.vue
@@ -0,0 +1,247 @@
+<template>
+  <CrmDrawer
+    v-model:show="visible"
+    :width="props.type === ModuleConfigEnum.CUSTOMER_MANAGEMENT ? 1000 : 800"
+    :title="props.title"
+    :ok-text="t('common.save')"
+    :loading="loading"
+    :footer="false"
+  >
+    <CrmBatchForm
+      ref="batchFormRef"
+      :models="formItemModel"
+      :default-list="form.list"
+      :add-text="t('module.businessManage.addRules')"
+      validate-when-add
+      @delete-row="handleDelete"
+      @save-row="handleSave"
+    ></CrmBatchForm>
+  </CrmDrawer>
+</template>
+
+<script setup lang="ts">
+  import { FormItemRule } from 'naive-ui';
+
+  import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+  import { MemberSelectTypeEnum, ModuleConfigEnum } from '@lib/shared/enums/moduleEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import { IN, NOT_IN } from '@/components/pure/crm-advance-filter/index';
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmBatchForm from '@/components/business/crm-batch-form/index.vue';
+  import type { FormItemModel } from '@/components/business/crm-batch-form/types';
+
+  import { addCapacity, deleteCapacity, getCapacityPage, updateCapacity } from '@/api/modules';
+  import useModal from '@/hooks/useModal';
+  import { useAppStore } from '@/store';
+
+  const { t } = useI18n();
+  const { openModal } = useModal();
+  const appStore = useAppStore();
+
+  const props = defineProps<{
+    title: string;
+    type: ModuleConfigEnum;
+  }>();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const loading = ref(false);
+
+  const batchFormRef = ref<InstanceType<typeof CrmBatchForm>>();
+
+  const form = ref<any>({ list: [] });
+
+  const formItemModel: Ref<FormItemModel[]> = computed(() => {
+    return [
+      {
+        path: 'members',
+        type: FieldTypeEnum.USER_TAG_SELECTOR,
+        label: t('module.capacitySet.departmentOrMember'),
+        rule: [
+          {
+            required: true,
+            message: t('common.notNull', { value: t('module.capacitySet.departmentOrMember') }),
+          },
+          { notRepeat: true, message: t('module.capacitySet.repeatMsg') },
+        ],
+        userTagSelectorProps: {
+          memberTypes: [
+            {
+              label: t('menu.settings.org'),
+              value: MemberSelectTypeEnum.ORG,
+            },
+            {
+              label: t('role.role'),
+              value: MemberSelectTypeEnum.ROLE,
+            },
+          ],
+        },
+      },
+      {
+        path: 'capacity',
+        type: FieldTypeEnum.INPUT_NUMBER,
+        label: t('module.capacitySet.Maximum'),
+        formItemClass: 'w-[120px] flex-initial',
+        numberProps: {
+          min: 0,
+          placeholder: t('module.capacitySet.MaximumPlaceholder'),
+        },
+      },
+      ...(props.type === ModuleConfigEnum.CUSTOMER_MANAGEMENT
+        ? ([
+            {
+              path: 'column',
+              type: FieldTypeEnum.SELECT,
+              label: t('module.capacitySet.notIncluded'),
+              labelTooltip: t('module.capacitySet.notIncludedTip'),
+              formItemClass: 'w-[150px] flex-initial',
+              selectProps: {
+                options: [{ value: 'stage', label: t('opportunity.stage') }],
+                disabledFunction: (row: any) => !row.capacity,
+                disabledTooltipFunction: () => t('module.capacitySet.notIncludedDisabled'),
+              },
+            },
+            {
+              path: 'operator',
+              type: FieldTypeEnum.SELECT,
+              label: ' ',
+              formItemClass: 'w-[120px] flex-initial',
+              rule: [
+                {
+                  validator: (_rule: FormItemRule, value: any, callback: (err?: Error) => void, row: any) => {
+                    if (row.column && !value) {
+                      return new Error(t('common.notNull', { value: t('module.capacitySet.condition') }));
+                    }
+                  },
+                },
+              ],
+              selectProps: {
+                options: [IN, NOT_IN].map((item) => ({ ...item, label: t(item.label) })),
+                disabledFunction: (row: any) => {
+                  if (!row.column) {
+                    row.operator = null;
+                  }
+                  return !row.capacity || !row.column;
+                },
+                disabledTooltipFunction: (row: any) =>
+                  !row.capacity
+                    ? t('module.capacitySet.notIncludedDisabled')
+                    : t('module.capacitySet.notIncludedOperatorDisabled'),
+              },
+            },
+            {
+              path: 'value',
+              type: FieldTypeEnum.SELECT_MULTIPLE,
+              label: ' ',
+              formItemClass: 'w-[220px] flex-initial',
+              rule: [
+                {
+                  validator: (_rule: FormItemRule, value: any, callback: (err?: Error) => void, row: any) => {
+                    if (row.column && !value) {
+                      return new Error(t('common.notNull', { value: t('module.capacitySet.value') }));
+                    }
+                  },
+                },
+              ],
+              selectProps: {
+                options: appStore.stageConfigList,
+                disabledFunction: (row: any) => {
+                  if (!row.column || !row.operator) {
+                    row.value = null;
+                  }
+                  return !row.capacity || !row.column || !row.operator;
+                },
+                maxTagCount: 'responsive',
+                disabledTooltipFunction: (row: any) =>
+                  !row.capacity
+                    ? t('module.capacitySet.notIncludedDisabled')
+                    : t('module.capacitySet.notIncludedValueDisabled'),
+              },
+            },
+          ] as FormItemModel[])
+        : []),
+    ];
+  });
+
+  function handleDelete(index: number, id: string, done: () => void) {
+    openModal({
+      type: 'error',
+      title: t('module.confirmDeleteCapacity'),
+      content: t('module.confirmDeleteCapacityContent'),
+      positiveText: t('common.confirmDelete'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deleteCapacity(id, props.type);
+          done();
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  async function getCapacity() {
+    try {
+      loading.value = true;
+      const res = await getCapacityPage(props.type);
+      form.value.list =
+        props.type === ModuleConfigEnum.CUSTOMER_MANAGEMENT
+          ? res.map((item) => ({ ...item, ...item.filters?.[0] }))
+          : res;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  async function handleSave(element: any, done: () => void) {
+    try {
+      const params = {
+        id: element.id,
+        scopeIds: element.members.map((m: any) => m.id),
+        capacity: element.capacity,
+        ...(props.type === ModuleConfigEnum.CUSTOMER_MANAGEMENT
+          ? {
+              filters: [
+                {
+                  column: element.capacity ? element.column : null,
+                  operator: element.capacity ? element.operator : null,
+                  value: element.capacity ? element.value : null,
+                },
+              ],
+            }
+          : {}),
+      };
+
+      if (element.id) {
+        await updateCapacity(params, props.type);
+      } else {
+        await addCapacity(params, props.type);
+      }
+      done();
+      await getCapacity();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  watch(
+    () => visible.value,
+    async (newVal) => {
+      if (newVal) {
+        await appStore.initStageConfig();
+        getCapacity();
+      } else {
+        form.value.list = [];
+      }
+    }
+  );
+</script>
diff --git a/frontend/packages/web/src/views/system/module/components/clueManagement/cluePoolDrawer.vue b/frontend/packages/web/src/views/system/module/components/clueManagement/cluePoolDrawer.vue
new file mode 100644
index 0000000..cb86a14
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/clueManagement/cluePoolDrawer.vue
@@ -0,0 +1,345 @@
+<template>
+  <CrmDrawer
+    v-model:show="visible"
+    width="100%"
+    :title="t('module.clue.cluePool')"
+    :footer="false"
+    no-padding
+    :show-back="true"
+  >
+    <div class="h-full w-full bg-[var(--text-n9)] p-[16px]">
+      <div class="h-full bg-[var(--text-n10)] p-[16px] pb-0">
+        <CrmTable
+          ref="crmTableRef"
+          v-bind="propsRes"
+          class="crm-clue-pool-table"
+          @page-change="propsEvent.pageChange"
+          @page-size-change="propsEvent.pageSizeChange"
+          @sorter-change="propsEvent.sorterChange"
+          @filter-change="propsEvent.filterChange"
+          @refresh="refreshTable"
+        >
+          <template #tableTop>
+            <n-button class="mb-[16px]" type="primary" @click="handleAdd">
+              {{ t('module.clue.addCluePool') }}
+            </n-button>
+          </template>
+        </CrmTable>
+      </div>
+      <AddOrEditPoolDrawer
+        v-model:visible="showAddOrEditDrawer"
+        :row="currentRow"
+        :type="ModuleConfigEnum.CLUE_MANAGEMENT"
+        @refresh="refreshTable"
+      />
+    </div>
+  </CrmDrawer>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { useRouter } from 'vue-router';
+  import { NButton, NSwitch, useMessage } from 'naive-ui';
+
+  import { ModuleConfigEnum } from '@lib/shared/enums/moduleEnum';
+  import { TableKeyEnum } from '@lib/shared/enums/tableEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { characterLimit } from '@lib/shared/method';
+  import type { CluePoolItem } from '@lib/shared/models/system/module';
+
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import { CrmDataTableColumn } from '@/components/pure/crm-table/type';
+  import useTable from '@/components/pure/crm-table/useTable';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+  import AddOrEditPoolDrawer from '../addOrEditPoolDrawer.vue';
+
+  import { deleteModuleCluePool, getCluePoolPage, noPickCluePool, switchCluePoolStatus } from '@/api/modules';
+  import useModal from '@/hooks/useModal';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  import { AppRouteEnum } from '@/enums/routeEnum';
+
+  const { openModal } = useModal();
+  const Message = useMessage();
+  const { t } = useI18n();
+  const router = useRouter();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const showAddOrEditDrawer = ref<boolean>(false);
+  const currentRow = ref<CluePoolItem>();
+
+  // 增加
+  function handleAdd() {
+    currentRow.value = undefined;
+    showAddOrEditDrawer.value = true;
+  }
+
+  // 编辑
+  async function handleEdit(row: CluePoolItem) {
+    currentRow.value = row;
+    showAddOrEditDrawer.value = true;
+  }
+
+  const tableRefreshId = ref(0);
+
+  async function noPick(id: string) {
+    try {
+      return await noPickCluePool(id);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  // 删除
+  async function handleDelete(row: CluePoolItem) {
+    // 判断是否存在未分配的线索
+    const hasData = await noPick(row.id);
+    const title = hasData
+      ? t('module.clue.deleteRulesTitle')
+      : t('common.deleteConfirmTitle', { name: characterLimit(row.name) });
+    const content = hasData ? '' : t('module.deleteTip', { name: t('module.cluePool') });
+    const positiveText = t(hasData ? 'opportunity.gotIt' : 'common.confirm');
+    const negativeText = t(hasData ? 'opportunity.goMove' : 'common.cancel');
+
+    openModal({
+      type: 'error',
+      title,
+      content,
+      positiveText,
+      negativeText,
+      positiveButtonProps: {
+        type: hasData ? 'primary' : 'error',
+        size: 'medium',
+      },
+      onPositiveClick: async () => {
+        if (!hasData) {
+          try {
+            await deleteModuleCluePool(row.id);
+            Message.success(t('common.deleteSuccess'));
+            tableRefreshId.value += 1;
+          } catch (error) {
+            // eslint-disable-next-line no-console
+            console.log(error);
+          }
+        }
+      },
+      onNegativeClick: () => {
+        if (hasData) {
+          visible.value = false;
+          router.push({
+            name: AppRouteEnum.CLUE_MANAGEMENT_POOL,
+          });
+        }
+      },
+    });
+  }
+
+  function handleActionSelect(row: CluePoolItem, actionKey: string) {
+    switch (actionKey) {
+      case 'edit':
+        handleEdit(row);
+        break;
+      case 'delete':
+        handleDelete(row);
+        break;
+      default:
+        break;
+    }
+  }
+
+  // 切换状态
+  async function handleToggleStatus(row: CluePoolItem) {
+    const isEnabling = !row.enable;
+
+    openModal({
+      type: isEnabling ? 'default' : 'error',
+      title: t(isEnabling ? 'common.confirmEnableTitle' : 'common.confirmDisabledTitle', {
+        name: characterLimit(row.name),
+      }),
+      content: t(isEnabling ? 'module.clue.enabledTipContent' : 'module.clue.disabledTipContent'),
+      positiveText: t(isEnabling ? 'common.confirmEnable' : 'common.confirmDisable'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await switchCluePoolStatus(row.id);
+          Message.success(t(isEnabling ? 'common.opened' : 'common.disabled'));
+          tableRefreshId.value += 1;
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  const columns: CrmDataTableColumn[] = [
+    {
+      title: t('module.clue.name'),
+      key: 'name',
+      width: 300,
+      sortOrder: false,
+      sorter: true,
+      ellipsis: {
+        tooltip: true,
+      },
+      fixed: 'left',
+      columnSelectorDisabled: true,
+    },
+    {
+      title: t('common.status'),
+      key: 'enable',
+      width: 120,
+      sortOrder: false,
+      sorter: true,
+      filterOptions: [
+        {
+          label: t('common.enable'),
+          value: true,
+        },
+        {
+          label: t('common.disable'),
+          value: false,
+        },
+      ],
+      filter: true,
+      render: (row: CluePoolItem) => {
+        return h(NSwitch, {
+          value: row.enable,
+          onClick: () => {
+            if (!hasAnyPermission(['MODULE_SETTING:UPDATE'])) return;
+            handleToggleStatus(row);
+          },
+        });
+      },
+    },
+    {
+      title: t('opportunity.admin'),
+      key: 'owners',
+      width: 200,
+      isTag: true,
+      tagGroupProps: {
+        labelKey: 'name',
+      },
+    },
+    {
+      title: t('role.member'),
+      key: 'members',
+      width: 200,
+      isTag: true,
+      tagGroupProps: {
+        labelKey: 'name',
+      },
+    },
+    {
+      title: t('module.clue.autoRecycle'),
+      key: 'auto',
+      width: 150,
+      sortOrder: false,
+      sorter: true,
+      filterOptions: [
+        {
+          label: t('common.yes'),
+          value: true,
+        },
+        {
+          label: t('common.no'),
+          value: false,
+        },
+      ],
+      filter: true,
+      render: (row: CluePoolItem) => {
+        return row.auto ? t('common.yes') : t('common.no');
+      },
+    },
+    {
+      title: t('common.createTime'),
+      key: 'createTime',
+      width: 200,
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+    },
+    {
+      title: t('common.creator'),
+      key: 'createUserName',
+      width: 200,
+      ellipsis: {
+        tooltip: true,
+      },
+    },
+    {
+      title: t('common.updateTime'),
+      key: 'updateTime',
+      width: 200,
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+    },
+    {
+      title: t('common.updateUserName'),
+      key: 'updateUserName',
+      width: 200,
+      ellipsis: {
+        tooltip: true,
+      },
+    },
+    {
+      key: 'operation',
+      width: 120,
+      fixed: 'right',
+      render: (row: CluePoolItem) =>
+        h(CrmOperationButton, {
+          groupList: [
+            {
+              label: t('common.edit'),
+              key: 'edit',
+            },
+            {
+              label: t('common.delete'),
+              key: 'delete',
+            },
+          ],
+          onSelect: (key: string) => handleActionSelect(row, key),
+        }),
+    },
+  ];
+
+  const { propsRes, propsEvent, loadList, setLoadListParams } = useTable(getCluePoolPage, {
+    tableKey: TableKeyEnum.MODULE_CLUE_POOL,
+    showSetting: true,
+    columns,
+    containerClass: '.crm-clue-pool-table',
+  });
+
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+  function refreshTable() {
+    setLoadListParams({});
+    loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  watch(
+    () => tableRefreshId.value,
+    () => {
+      refreshTable();
+    }
+  );
+
+  watch(
+    () => visible.value,
+    (val) => {
+      if (val) {
+        refreshTable();
+      }
+    }
+  );
+</script>
diff --git a/frontend/packages/web/src/views/system/module/components/clueManagement/formDrawer.vue b/frontend/packages/web/src/views/system/module/components/clueManagement/formDrawer.vue
new file mode 100644
index 0000000..296a893
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/clueManagement/formDrawer.vue
@@ -0,0 +1,20 @@
+<template>
+  <CrmFormDrawer v-model:visible="visible" :title="title" :form-key="FormDesignKeyEnum.CLUE"> </CrmFormDrawer>
+</template>
+
+<script setup lang="ts">
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmFormDrawer from '@/components/business/crm-form-design-drawer/index.vue';
+
+  const { t } = useI18n();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const title = ref(t('module.clueFormSetting'));
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/system/module/components/clueManagement/locale/en-US.ts b/frontend/packages/web/src/views/system/module/components/clueManagement/locale/en-US.ts
new file mode 100644
index 0000000..cca9b44
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/clueManagement/locale/en-US.ts
@@ -0,0 +1,3 @@
+export default {
+  'clueManagement.newClue': 'New Lead',
+};
diff --git a/frontend/packages/web/src/views/system/module/components/clueManagement/locale/zh-CN.ts b/frontend/packages/web/src/views/system/module/components/clueManagement/locale/zh-CN.ts
new file mode 100644
index 0000000..bb36b32
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/clueManagement/locale/zh-CN.ts
@@ -0,0 +1,3 @@
+export default {
+  'clueManagement.newClue': '新建线索',
+};
diff --git a/frontend/packages/web/src/views/system/module/components/clueManagement/moveReasonDrawer.vue b/frontend/packages/web/src/views/system/module/components/clueManagement/moveReasonDrawer.vue
new file mode 100644
index 0000000..69789ac
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/clueManagement/moveReasonDrawer.vue
@@ -0,0 +1,37 @@
+<template>
+  <CrmReasonDrawer
+    v-model:visible="showReasonDrawer"
+    v-model:enable="enable"
+    v-model:config="hasConfig"
+    :title="t('crmReasonDrawer.clue')"
+    :reason-key="ReasonTypeEnum.CLUE_POOL_RS"
+    @load-config="() => emit('loadConfig')"
+  />
+</template>
+
+<script setup lang="ts">
+  import { ReasonTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmReasonDrawer from '@/components/business/crm-reason-drawer/index.vue';
+
+  const { t } = useI18n();
+
+  const emit = defineEmits<{
+    (e: 'loadConfig'): void;
+  }>();
+
+  const showReasonDrawer = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const enable = defineModel<boolean>('enable', {
+    required: true,
+  });
+
+  const hasConfig = defineModel<boolean>('config', {
+    required: true,
+  });
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/views/system/module/components/configCard.vue b/frontend/packages/web/src/views/system/module/components/configCard.vue
new file mode 100644
index 0000000..72e50bc
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/configCard.vue
@@ -0,0 +1,781 @@
+<template>
+  <div class="nav-config-list">
+    <div v-for="item of moduleConfigList" :key="item.key" class="nav-config-item">
+      <div class="nav-config-item-title">
+        <div class="nav-config-item-icon">
+          <CrmIcon :type="item.icon ?? ''" :size="20" class="text-[var(--text-n10)]" />
+        </div>
+        <div>{{ item.label }}</div>
+      </div>
+      <div class="nav-config-item-action">
+        <CrmButtonGroup
+          v-permission="['MODULE_SETTING:UPDATE']"
+          :list="item.groupList"
+          @select="(key) => handleSelect(key, item)"
+        >
+          <template #more>
+            <CrmMoreAction
+              :options="getMoreList(item.key)"
+              trigger="hover"
+              @select="(item) => handleMoreSelect(item.key as string)"
+            >
+              <n-button type="primary" text :keyboard="false">{{ t('common.more') }}</n-button>
+            </CrmMoreAction>
+          </template>
+        </CrmButtonGroup>
+        <n-divider v-if="item.groupList.length" v-permission="['MODULE_SETTING:UPDATE']" class="!mx-[4px]" vertical />
+
+        <NSwitch
+          size="small"
+          :disabled="!hasAnyPermission(['MODULE_SETTING:UPDATE'])"
+          :value="item.enable"
+          @update:value="(value:boolean)=>toggleModule(value,item)"
+        />
+      </div>
+    </div>
+  </div>
+  <customManagementFormDrawer v-model:visible="customerManagementFormVisible" />
+  <customManagementContactFormDrawer v-model:visible="customerManagementContactFormVisible" />
+  <OpportunityCloseRulesDrawer v-model:visible="businessManagementBusinessParamsSetVisible" />
+  <OpportunityFormDrawer v-model:visible="businessManagementFormVisible" />
+  <optQuotationFormDrawer v-model:visible="opportunityQuotationFormVisible" />
+  <CapacitySetDrawer
+    v-model:visible="capacitySetVisible"
+    :type="selectKey"
+    :title="
+      selectKey === ModuleConfigEnum.CUSTOMER_MANAGEMENT
+        ? t('module.customer.capacitySet')
+        : t('module.clue.capacitySet')
+    "
+  />
+  <CluePoolDrawer v-model:visible="clueManagementCluePoolVisible" />
+  <clueFormDrawer v-model:visible="clueManagementFormVisible" />
+  <OpenSeaDrawer v-model:visible="customerManagementOpenSeaVisible" :type="selectKey" />
+  <ProductFromDrawer v-model:visible="productManagementFormVisible" />
+  <priceTableFormDrawer v-model:visible="priceTableFormVisible" />
+  <MoveAccountReasonDrawer
+    v-model:visible="showAccountReasonDrawer"
+    v-model:config="isHasConfigAccountReason"
+    v-model:enable="enableAccountMoveReason"
+    @load-config="() => getGlobalReasonConfig()"
+  />
+  <MoveLeadReasonDrawer
+    v-model:visible="showLeadReasonDrawer"
+    v-model:enable="enableLeadMoveReason"
+    v-model:config="isHasConfigLeadReason"
+    @load-config="() => getGlobalReasonConfig()"
+  />
+  <OpportunityReasonDrawer
+    v-model:visible="showOptReasonDrawer"
+    v-model:config="isHasConfigOptReason"
+    v-model:enable="enableOptMoveReason"
+    @load-config="() => getGlobalReasonConfig()"
+  />
+  <stateFlowDrawer v-model:visible="stateFlowVisible" :type="stageFormKey" />
+  <ContractFormFormDrawer v-model:visible="contractFormVisible" />
+  <OrderFormDrawer v-model:visible="orderFormVisible" />
+  <ContractPaymentPlanFormDrawer v-model:visible="contractPaymentPlanFormVisible" />
+  <ContractPaymentRecordFormDrawer v-model:visible="contractPaymentRecordFormVisible" />
+  <contractInvoiceFormDrawer v-model:visible="contractInvoiceFormVisible" />
+</template>
+
+<script setup lang="ts">
+  import { RendererElement } from 'vue';
+  import { useRoute } from 'vue-router';
+  import { NButton, NDivider, NSwitch, NTooltip, useMessage } from 'naive-ui';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { ModuleConfigEnum, ReasonTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { ModuleNavItem } from '@lib/shared/models/system/module';
+
+  import CrmButtonGroup from '@/components/pure/crm-button-group/index.vue';
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmMoreAction from '@/components/pure/crm-more-action/index.vue';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import stateFlowDrawer from '@/components/business/crm-status-config-drawer/index.vue';
+  import { StatusBizType } from '@/components/business/crm-status-config-drawer/types';
+  import businessTitleValidate from './businessTitleValidate.vue';
+  import CapacitySetDrawer from './capacitySetDrawer.vue';
+  import CluePoolDrawer from './clueManagement/cluePoolDrawer.vue';
+  import clueFormDrawer from './clueManagement/formDrawer.vue';
+  import MoveLeadReasonDrawer from './clueManagement/moveReasonDrawer.vue';
+  import ContractFormFormDrawer from './contract/contractFormFormDrawer.vue';
+  import contractInvoiceFormDrawer from './contract/contractInvoiceFormDrawer.vue';
+  import ContractPaymentPlanFormDrawer from './contract/contractPaymentPlanFormDrawer.vue';
+  import ContractPaymentRecordFormDrawer from './contract/contractPaymentRecordFormDrawer.vue';
+  import customManagementContactFormDrawer from './customManagement/contactFormDrawer.vue';
+  import customManagementFormDrawer from './customManagement/formDrawer.vue';
+  import MoveAccountReasonDrawer from './customManagement/moveReasonDrawer.vue';
+  import OpenSeaDrawer from './customManagement/openSeaDrawer.vue';
+  import OpportunityReasonDrawer from './opportunity/failReasonDrawer.vue';
+  import OpportunityFormDrawer from './opportunity/formDrawer.vue';
+  import OpportunityCloseRulesDrawer from './opportunity/opportunityCloseRulesDrawer.vue';
+  import optQuotationFormDrawer from './opportunity/optQuotationFormDrawer.vue';
+  import OrderFormDrawer from './order/orderFormDrawer.vue';
+  import ProductFromDrawer from './productManagement/formDrawer.vue';
+  import priceTableFormDrawer from './productManagement/priceTableFormDrawer.vue';
+
+  import { getReasonConfig, toggleModuleNavStatus, updateReasonEnable } from '@/api/modules';
+  import useModal from '@/hooks/useModal';
+  import useAppStore from '@/store/modules/app';
+  // import useLicenseStore from '@/store/modules/setting/license';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const { openModal } = useModal();
+  const Message = useMessage();
+  const { t } = useI18n();
+  const route = useRoute();
+  // const licenseStore = useLicenseStore();
+  const appStore = useAppStore();
+
+  const props = defineProps<{
+    list: ModuleNavItem[];
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'loadModuleList'): void;
+  }>();
+
+  type ModuleConfigItem = {
+    id?: string;
+    label: string;
+    key: ModuleConfigEnum;
+    icon?: string;
+    enable: boolean;
+    groupList: ActionsItem[];
+    disabled?: boolean; // 是否禁用
+  };
+
+  const renderAccountReasonConfig = ref<VNode<RendererElement, { [key: string]: any }> | null>(null);
+  const renderLeadReasonConfig = ref<VNode<RendererElement, { [key: string]: any }> | null>(null);
+  const renderOptReasonConfig = ref<VNode<RendererElement, { [key: string]: any }> | null>(null);
+  const renderValidateConfig = ref<VNode<RendererElement, { [key: string]: any }> | null>(null);
+  // 是否已配置原因
+  const isHasConfigAccountReason = ref<boolean>(false);
+  const isHasConfigLeadReason = ref<boolean>(false);
+  const isHasConfigOptReason = ref<boolean>(false);
+
+  // 全局原因配置
+  const enableAccountMoveReason = ref(false);
+  const enableLeadMoveReason = ref(false);
+  const enableOptMoveReason = ref(false);
+
+  const showAccountReasonDrawer = ref(false);
+  const showLeadReasonDrawer = ref(false);
+  const showOptReasonDrawer = ref(false);
+
+  // 配置原因
+  function handleConfigReason(e: MouseEvent, type: ReasonTypeEnum) {
+    switch (type) {
+      case ReasonTypeEnum.CUSTOMER_POOL_RS:
+        showAccountReasonDrawer.value = true;
+        break;
+      case ReasonTypeEnum.CLUE_POOL_RS:
+        showLeadReasonDrawer.value = true;
+        break;
+      case ReasonTypeEnum.OPPORTUNITY_FAIL_RS:
+        showOptReasonDrawer.value = true;
+        break;
+      default:
+        break;
+    }
+  }
+
+  const refreshReasonConfigKey = ref(0);
+  // 切换原因全局开关
+  async function toggleReason(e: MouseEvent, type: ReasonTypeEnum, enable: boolean) {
+    try {
+      await updateReasonEnable({
+        module: type,
+        enable: !enable,
+      });
+
+      Message.success(enable ? t('common.closeSuccess') : t('common.enableSuccess'));
+      refreshReasonConfigKey.value += 1;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  function getLabel(type: ReasonTypeEnum) {
+    switch (type) {
+      case ReasonTypeEnum.CUSTOMER_POOL_RS:
+        return t('module.movePublicPoolReasonConfig');
+      case ReasonTypeEnum.CLUE_POOL_RS:
+        return t('module.moveLeadPoolReasonConfig');
+      case ReasonTypeEnum.OPPORTUNITY_FAIL_RS:
+        return t('module.failReasonConfig');
+      default:
+        break;
+    }
+  }
+
+  // 获取原因开关
+  function renderReason(
+    type: ReasonTypeEnum,
+    switchValue: Ref<boolean>,
+    isConfigAvailableReason: Ref<boolean>,
+    onToggleCallBack: (e: MouseEvent, moduleType: ReasonTypeEnum, val: boolean) => void,
+    onConfigReasonCallBack: (e: MouseEvent, moduleType: ReasonTypeEnum) => void
+  ) {
+    if (!hasAnyPermission(['MODULE_SETTING:UPDATE'])) {
+      return null;
+    }
+    const label = getLabel(type);
+    return h(
+      'div',
+      {
+        class: 'flex items-center text-[var(--text-n1)]',
+        onClick: (e: MouseEvent) => onConfigReasonCallBack(e, type),
+      },
+      [
+        label,
+        h(
+          NTooltip,
+          {
+            delay: 300,
+            flip: true,
+            disabled: isConfigAvailableReason.value,
+          },
+          {
+            trigger: () =>
+              h(NSwitch, {
+                value: switchValue.value,
+                rubberBand: false,
+                size: 'small',
+                disabled: !hasAnyPermission(['MODULE_SETTING:UPDATE']) || !isConfigAvailableReason.value,
+                class: 'ml-[8px] text-[var(--primary-8)]',
+                onClick: (e: MouseEvent) => {
+                  e.stopPropagation();
+                  if (isConfigAvailableReason.value) {
+                    onToggleCallBack(e, type, switchValue.value);
+                  }
+                },
+              }),
+            default: () => t('module.configReasonTooltip'),
+          }
+        ),
+      ]
+    );
+  }
+
+  const accountMoreOptions = computed<ActionsItem[]>(() => [
+    {
+      key: 'capacitySet',
+      label: t('module.customer.capacitySet'),
+    },
+    {
+      label: t('module.movePublicPoolReasonConfig'),
+      key: 'move',
+      render: renderAccountReasonConfig.value,
+    },
+  ]);
+
+  const leadMoreOptions = computed<ActionsItem[]>(() => [
+    {
+      label: t('module.moveLeadPoolReasonConfig'),
+      key: 'move',
+      render: renderLeadReasonConfig.value,
+    },
+  ]);
+
+  const opportunityMoreOptions = computed<ActionsItem[]>(() => [
+    {
+      label: t('module.businessManage.businessCloseRule'),
+      key: 'businessParamsSet',
+    },
+    {
+      label: t('module.failReasonConfig'),
+      key: 'move',
+      render: renderOptReasonConfig.value,
+    },
+  ]);
+
+  const contractMoreOptions = computed<ActionsItem[]>(() => [
+    {
+      label: t('module.contract.businessNameValidateConfig'),
+      key: 'businessNameValidateConfig',
+      render: renderValidateConfig.value,
+    },
+    {
+      label: t('module.contract.invoiceFormSetting'),
+      key: 'invoiceFormSetting',
+    },
+    {
+      label: t('module.contract.stageSetting'),
+      key: 'contractStateFlow',
+    },
+  ]);
+
+  function getMoreList(key: ModuleConfigEnum) {
+    switch (key) {
+      case ModuleConfigEnum.CUSTOMER_MANAGEMENT:
+        return accountMoreOptions.value;
+      case ModuleConfigEnum.CLUE_MANAGEMENT:
+        return leadMoreOptions.value;
+      case ModuleConfigEnum.BUSINESS_MANAGEMENT:
+        return opportunityMoreOptions.value;
+      case ModuleConfigEnum.CONTRACT:
+        return contractMoreOptions.value;
+      default:
+        return [];
+    }
+  }
+
+  const staticConfigList = [
+    {
+      label: t('module.workbenchHome'),
+      key: ModuleConfigEnum.HOME,
+      icon: 'iconicon_home',
+      groupList: [],
+      enable: true,
+    },
+    {
+      label: t('module.clueManagement'),
+      key: ModuleConfigEnum.CLUE_MANAGEMENT,
+      icon: 'iconicon_clue',
+      groupList: [
+        {
+          label: t('module.clueFormSetting'),
+          key: 'newForm',
+        },
+        {
+          label: t('module.clue.cluePool'),
+          key: 'cluePool',
+        },
+        {
+          label: t('module.clue.capacitySet'),
+          key: 'capacitySet',
+        },
+        {
+          label: t('common.more'),
+          slotName: 'more',
+        },
+      ],
+      enable: true,
+    },
+    {
+      label: t('module.customerManagement'),
+      key: ModuleConfigEnum.CUSTOMER_MANAGEMENT,
+      icon: 'iconicon_customer',
+      groupList: [
+        {
+          label: t('module.customerFormSetting'),
+          key: 'newForm',
+        },
+        {
+          label: t('module.newContactForm'),
+          key: 'newContactForm',
+        },
+        {
+          label: t('module.customer.openSea'),
+          key: 'openSea',
+        },
+        {
+          label: t('common.more'),
+          slotName: 'more',
+        },
+      ],
+      enable: true,
+    },
+    {
+      label: t('module.contract'),
+      key: ModuleConfigEnum.CONTRACT,
+      icon: 'iconicon_contract',
+      enable: true,
+      groupList: [
+        {
+          label: `${t('module.contract')}${t('module.formSettings')}`,
+          key: 'newForm',
+        },
+        {
+          label: `${t('module.paymentPlan')}${t('module.formSettings')}`,
+          key: 'newContractPaymentPlanForm',
+        },
+        {
+          label: t('module.paymentRecordFormSetting'),
+          key: 'newContractPaymentRecordForm',
+        },
+        {
+          label: t('common.more'),
+          slotName: 'more',
+        },
+      ],
+    },
+    {
+      label: t('module.businessManagement'),
+      key: ModuleConfigEnum.BUSINESS_MANAGEMENT,
+      icon: 'iconicon_business_opportunity',
+      enable: true,
+      groupList: [
+        {
+          label: t('module.opportunityFormSetting'),
+          key: 'newForm',
+        },
+        {
+          label: t('module.opportunityQuotationFormSetting'),
+          key: 'newFormOpportunityQuotation',
+        },
+        {
+          label: t('module.businessManage.businessStepSet'),
+          key: 'businessStepSet',
+        },
+        {
+          label: t('common.more'),
+          slotName: 'more',
+        },
+      ],
+    },
+    {
+      label: t('module.order'),
+      key: ModuleConfigEnum.ORDER,
+      icon: 'iconicon_order_form',
+      enable: true,
+      groupList: [
+        {
+          label: `${t('module.order')}${t('module.formSettings')}`,
+          key: 'newForm',
+        },
+        {
+          label: t('module.order.stateFlow'),
+          key: 'orderStateFlow',
+        },
+      ],
+    },
+    // TODO 不上 xxw
+    // {
+    //   label: t('module.dataManagement'),
+    //   key: ModuleConfigEnum.DATA_MANAGEMENT,
+    //   icon: 'iconicon_data',
+    //   enable: true,
+    //   groupList: [],
+    // },
+    {
+      label: t('module.productManagement'),
+      key: ModuleConfigEnum.PRODUCT_MANAGEMENT,
+      icon: 'iconicon_product',
+      groupList: [
+        {
+          label: t('module.productFormSetting'),
+          key: 'newForm',
+        },
+        {
+          label: t('module.priceTableFormSetting'),
+          key: 'newPriceForm',
+        },
+      ],
+      enable: true,
+    },
+    {
+      label: t('common.dashboard'),
+      key: ModuleConfigEnum.DASHBOARD,
+      icon: 'iconicon_dashboard1',
+      groupList: [],
+      enable: true,
+    },
+    {
+      label: t('module.agent'),
+      key: ModuleConfigEnum.AGENT,
+      icon: 'iconicon_bot',
+      groupList: [],
+      enable: true,
+    },
+    {
+      label: t('module.tender'),
+      key: ModuleConfigEnum.TENDER,
+      icon: 'iconicon_target',
+      groupList: [],
+      enable: true,
+    },
+    {
+      label: t('module.customForm'),
+      key: ModuleConfigEnum.CUSTOM_FORM,
+      icon: 'iconicon_form',
+      groupList: [],
+      enable: true,
+    },
+  ];
+
+  const moduleConfigList = computed<ModuleConfigItem[]>(() => {
+    const propsConfigMap = new Map(props.list.map((item) => [item.key, item]));
+    const orderMap = new Map(appStore.moduleConfigList.map((item, index) => [item.moduleKey, index]));
+
+    return staticConfigList
+      .map((item, staticIndex) => {
+        const findConfigItem = propsConfigMap.get(item.key);
+
+        return {
+          ...item,
+          enable: findConfigItem?.enable ?? false,
+          id: findConfigItem?.id ?? '',
+          disabled: findConfigItem?.disabled ?? false,
+          _order: orderMap.get(item.key),
+          _staticIndex: staticIndex,
+        };
+      })
+      .sort((a, b) => {
+        const aOrder = a._order;
+        const bOrder = b._order;
+        if (aOrder != null && bOrder != null) {
+          return aOrder - bOrder;
+        }
+        if (aOrder != null) {
+          return -1;
+        }
+        if (bOrder != null) {
+          return 1;
+        }
+        return a._staticIndex - b._staticIndex;
+      })
+      .map(({ _order, _staticIndex, ...item }) => item as ModuleConfigItem);
+  });
+
+  // 切换模块状态
+  async function toggleModule(enable: boolean, item: ModuleConfigItem) {
+    const title = enable
+      ? t('module.openModuleTip', { name: item.label })
+      : t('module.closeModuleTip', { name: item.label });
+    const content = enable ? t('module.openModuleTipContent') : t('module.closeModuleTipContent');
+    const positiveText = t(enable ? 'common.confirmStart' : 'common.confirmClose');
+
+    openModal({
+      type: enable ? 'default' : 'warning',
+      title,
+      content,
+      positiveText,
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          if (item.id) {
+            await toggleModuleNavStatus(item.id ?? '');
+            Message.success(t(enable ? 'common.opened' : 'common.closed'));
+            emit('loadModuleList');
+          }
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  const selectKey = ref<ModuleConfigEnum>(ModuleConfigEnum.CUSTOMER_MANAGEMENT);
+  const customerManagementFormVisible = ref(false);
+  const customerManagementContactFormVisible = ref(false);
+  const customerManagementOpenSeaVisible = ref(false);
+  const capacitySetVisible = ref(false);
+
+  const clueManagementFormVisible = ref(false);
+  const clueManagementCluePoolVisible = ref(false);
+
+  const businessManagementFormVisible = ref(false);
+  const opportunityQuotationFormVisible = ref(false);
+  const businessManagementBusinessParamsSetVisible = ref(false);
+
+  const orderFormVisible = ref(false);
+  const stateFlowVisible = ref(false);
+  const stageFormKey = ref<StatusBizType>(FormDesignKeyEnum.BUSINESS);
+
+  const productManagementFormVisible = ref(false);
+  const priceTableFormVisible = ref(false);
+
+  const contractFormVisible = ref(false);
+  const contractPaymentPlanFormVisible = ref(false);
+  const contractPaymentRecordFormVisible = ref(false);
+  const contractInvoiceFormVisible = ref(false);
+
+  function handleSelect(key: string, item: ModuleConfigItem) {
+    selectKey.value = item.key;
+    switch (item.key) {
+      case ModuleConfigEnum.CUSTOMER_MANAGEMENT:
+        if (key === 'newForm') {
+          customerManagementFormVisible.value = true;
+        } else if (key === 'newContactForm') {
+          customerManagementContactFormVisible.value = true;
+        } else if (key === 'openSea') {
+          customerManagementOpenSeaVisible.value = true;
+        } else if (key === 'capacitySet') {
+          capacitySetVisible.value = true;
+        }
+        break;
+      case ModuleConfigEnum.CONTRACT:
+        if (key === 'newForm') {
+          contractFormVisible.value = true;
+        } else if (key === 'newContractPaymentPlanForm') {
+          contractPaymentPlanFormVisible.value = true;
+        } else if (key === 'newContractPaymentRecordForm') {
+          contractPaymentRecordFormVisible.value = true;
+        }
+        break;
+      case ModuleConfigEnum.CLUE_MANAGEMENT:
+        if (key === 'newForm') {
+          clueManagementFormVisible.value = true;
+        } else if (key === 'cluePool') {
+          clueManagementCluePoolVisible.value = true;
+        } else if (key === 'capacitySet') {
+          capacitySetVisible.value = true;
+        }
+        break;
+      case ModuleConfigEnum.BUSINESS_MANAGEMENT:
+        if (key === 'newForm') {
+          businessManagementFormVisible.value = true;
+        } else if (key === 'newFormOpportunityQuotation') {
+          opportunityQuotationFormVisible.value = true;
+        } else if (key === 'businessStepSet') {
+          stageFormKey.value = FormDesignKeyEnum.BUSINESS;
+          stateFlowVisible.value = true;
+        }
+        break;
+      case ModuleConfigEnum.PRODUCT_MANAGEMENT:
+        if (key === 'newForm') {
+          productManagementFormVisible.value = true;
+        } else if (key === 'newPriceForm') {
+          priceTableFormVisible.value = true;
+        }
+        break;
+      case ModuleConfigEnum.ORDER:
+        if (key === 'newForm') {
+          orderFormVisible.value = true;
+        } else if (key === 'orderStateFlow') {
+          stageFormKey.value = FormDesignKeyEnum.ORDER;
+          stateFlowVisible.value = true;
+        }
+        break;
+      default:
+        break;
+    }
+  }
+
+  function handleMoreSelect(key: string) {
+    switch (key) {
+      case 'capacitySet':
+        selectKey.value = ModuleConfigEnum.CUSTOMER_MANAGEMENT;
+        capacitySetVisible.value = true;
+        break;
+      case 'businessParamsSet':
+        businessManagementBusinessParamsSetVisible.value = true;
+        break;
+      case 'invoiceFormSetting':
+        contractInvoiceFormVisible.value = true;
+        break;
+      case 'contractStateFlow':
+        stageFormKey.value = FormDesignKeyEnum.CONTRACT;
+        stateFlowVisible.value = true;
+        break;
+      default:
+        break;
+    }
+  }
+
+  function initRenderReasonSwitch() {
+    renderAccountReasonConfig.value = renderReason(
+      ReasonTypeEnum.CUSTOMER_POOL_RS,
+      enableAccountMoveReason,
+      isHasConfigAccountReason,
+      toggleReason,
+      handleConfigReason
+    );
+    renderLeadReasonConfig.value = renderReason(
+      ReasonTypeEnum.CLUE_POOL_RS,
+      enableLeadMoveReason,
+      isHasConfigLeadReason,
+      toggleReason,
+      handleConfigReason
+    );
+    renderOptReasonConfig.value = renderReason(
+      ReasonTypeEnum.OPPORTUNITY_FAIL_RS,
+      enableOptMoveReason,
+      isHasConfigOptReason,
+      toggleReason,
+      handleConfigReason
+    );
+  }
+
+  // 工商抬头表单必填配置
+  function initRenderBusinessNameConfig() {
+    renderValidateConfig.value = hasAnyPermission(['MODULE_SETTING:UPDATE']) ? h(businessTitleValidate) : null;
+  }
+
+  async function getGlobalReasonConfig() {
+    try {
+      const reasonTypes = [
+        {
+          type: ReasonTypeEnum.CUSTOMER_POOL_RS,
+          enableRef: enableAccountMoveReason,
+          hasConfigRef: isHasConfigAccountReason,
+        },
+        { type: ReasonTypeEnum.CLUE_POOL_RS, enableRef: enableLeadMoveReason, hasConfigRef: isHasConfigLeadReason },
+        {
+          type: ReasonTypeEnum.OPPORTUNITY_FAIL_RS,
+          enableRef: enableOptMoveReason,
+          hasConfigRef: isHasConfigOptReason,
+        },
+      ];
+
+      const configs = await Promise.all(reasonTypes.map((item) => getReasonConfig(item.type)));
+
+      configs.forEach((config, index) => {
+        const { enable, dictList } = config;
+        const { enableRef, hasConfigRef } = reasonTypes[index];
+        enableRef.value = enable;
+        hasConfigRef.value = dictList.filter((e) => e.id !== 'system').length > 0;
+      });
+
+      initRenderReasonSwitch();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    }
+  }
+
+  onBeforeMount(() => {
+    getGlobalReasonConfig();
+  });
+
+  watch(
+    () => refreshReasonConfigKey.value,
+    (val) => {
+      if (val) {
+        getGlobalReasonConfig();
+      }
+    }
+  );
+
+  onMounted(() => {
+    initRenderReasonSwitch();
+    initRenderBusinessNameConfig();
+    if (route.query.openCluePoolDrawer === 'Y') {
+      clueManagementCluePoolVisible.value = true;
+    } else if (route.query.openOpenSeaDrawer === 'Y') {
+      customerManagementOpenSeaVisible.value = true;
+    }
+  });
+</script>
+
+<style scoped lang="less">
+  .nav-config-item {
+    padding: 24px;
+    height: 80px;
+    border-radius: var(--border-radius-medium);
+    background: var(--text-n9);
+    @apply mb-4 flex items-center justify-between;
+    .nav-config-item-title {
+      gap: 8px;
+      color: var(--text-n1);
+      @apply flex items-center font-medium;
+      .nav-config-item-icon {
+        width: 32px;
+        height: 32px;
+        border-radius: 50%;
+        background: var(--primary-8);
+        @apply flex items-center  justify-center;
+      }
+    }
+    .nav-config-item-action {
+      gap: 8px;
+      @apply flex items-center;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/module/components/contract/contractFormFormDrawer.vue b/frontend/packages/web/src/views/system/module/components/contract/contractFormFormDrawer.vue
new file mode 100644
index 0000000..edd9b26
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/contract/contractFormFormDrawer.vue
@@ -0,0 +1,20 @@
+<template>
+  <CrmFormDrawer v-model:visible="visible" :title="title" :form-key="FormDesignKeyEnum.CONTRACT"> </CrmFormDrawer>
+</template>
+
+<script setup lang="ts">
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmFormDrawer from '@/components/business/crm-form-design-drawer/index.vue';
+
+  const { t } = useI18n();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const title = ref(`${t('module.contract')}${t('module.formSettings')}`);
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/system/module/components/contract/contractInvoiceFormDrawer.vue b/frontend/packages/web/src/views/system/module/components/contract/contractInvoiceFormDrawer.vue
new file mode 100644
index 0000000..e9666e7
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/contract/contractInvoiceFormDrawer.vue
@@ -0,0 +1,23 @@
+<template>
+  <CrmFormDrawer
+    v-model:visible="visible"
+    :title="t('module.contract.invoiceFormSetting')"
+    :form-key="FormDesignKeyEnum.INVOICE"
+  >
+  </CrmFormDrawer>
+</template>
+
+<script setup lang="ts">
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmFormDrawer from '@/components/business/crm-form-design-drawer/index.vue';
+
+  const { t } = useI18n();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/system/module/components/contract/contractPaymentPlanFormDrawer.vue b/frontend/packages/web/src/views/system/module/components/contract/contractPaymentPlanFormDrawer.vue
new file mode 100644
index 0000000..8d3cc88
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/contract/contractPaymentPlanFormDrawer.vue
@@ -0,0 +1,21 @@
+<template>
+  <CrmFormDrawer v-model:visible="visible" :title="title" :form-key="FormDesignKeyEnum.CONTRACT_PAYMENT">
+  </CrmFormDrawer>
+</template>
+
+<script setup lang="ts">
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmFormDrawer from '@/components/business/crm-form-design-drawer/index.vue';
+
+  const { t } = useI18n();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const title = ref(`${t('module.paymentPlan')}${t('module.formSettings')}`);
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/system/module/components/contract/contractPaymentRecordFormDrawer.vue b/frontend/packages/web/src/views/system/module/components/contract/contractPaymentRecordFormDrawer.vue
new file mode 100644
index 0000000..6dda371
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/contract/contractPaymentRecordFormDrawer.vue
@@ -0,0 +1,21 @@
+<template>
+  <CrmFormDrawer v-model:visible="visible" :title="title" :form-key="FormDesignKeyEnum.CONTRACT_PAYMENT_RECORD">
+  </CrmFormDrawer>
+</template>
+
+<script setup lang="ts">
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmFormDrawer from '@/components/business/crm-form-design-drawer/index.vue';
+
+  const { t } = useI18n();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const title = ref(t('module.paymentRecordFormSetting'));
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/system/module/components/customManagement/contactFormDrawer.vue b/frontend/packages/web/src/views/system/module/components/customManagement/contactFormDrawer.vue
new file mode 100644
index 0000000..c7539eb
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/customManagement/contactFormDrawer.vue
@@ -0,0 +1,20 @@
+<template>
+  <CrmFormDrawer v-model:visible="visible" :title="title" :form-key="FormDesignKeyEnum.CONTACT"> </CrmFormDrawer>
+</template>
+
+<script setup lang="ts">
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmFormDrawer from '@/components/business/crm-form-design-drawer/index.vue';
+
+  const { t } = useI18n();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const title = ref(t('module.newContactForm'));
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/system/module/components/customManagement/followPlanDrawer.vue b/frontend/packages/web/src/views/system/module/components/customManagement/followPlanDrawer.vue
new file mode 100644
index 0000000..e0b9167
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/customManagement/followPlanDrawer.vue
@@ -0,0 +1,21 @@
+<template>
+  <CrmFormDrawer v-model:visible="visible" :title="title" :form-key="FormDesignKeyEnum.FOLLOW_PLAN_CUSTOMER">
+  </CrmFormDrawer>
+</template>
+
+<script setup lang="ts">
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmFormDrawer from '@/components/business/crm-form-design-drawer/index.vue';
+
+  const { t } = useI18n();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const title = ref(t('module.followPlanFormSetting'));
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/system/module/components/customManagement/followRecordDrawer.vue b/frontend/packages/web/src/views/system/module/components/customManagement/followRecordDrawer.vue
new file mode 100644
index 0000000..f738211
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/customManagement/followRecordDrawer.vue
@@ -0,0 +1,21 @@
+<template>
+  <CrmFormDrawer v-model:visible="visible" :title="title" :form-key="FormDesignKeyEnum.FOLLOW_RECORD_CUSTOMER">
+  </CrmFormDrawer>
+</template>
+
+<script setup lang="ts">
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmFormDrawer from '@/components/business/crm-form-design-drawer/index.vue';
+
+  const { t } = useI18n();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const title = ref(t('module.followRecordFormSetting'));
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/system/module/components/customManagement/formDrawer.vue b/frontend/packages/web/src/views/system/module/components/customManagement/formDrawer.vue
new file mode 100644
index 0000000..1b4099f
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/customManagement/formDrawer.vue
@@ -0,0 +1,20 @@
+<template>
+  <CrmFormDrawer v-model:visible="visible" :title="title" :form-key="FormDesignKeyEnum.CUSTOMER"> </CrmFormDrawer>
+</template>
+
+<script setup lang="ts">
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmFormDrawer from '@/components/business/crm-form-design-drawer/index.vue';
+
+  const { t } = useI18n();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const title = ref(t('module.customerFormSetting'));
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/system/module/components/customManagement/locale/en-US.ts b/frontend/packages/web/src/views/system/module/components/customManagement/locale/en-US.ts
new file mode 100644
index 0000000..48d0f07
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/customManagement/locale/en-US.ts
@@ -0,0 +1,4 @@
+export default {
+  'customManagement.newCustomer': 'New Account',
+  'customManagement.newContact': 'New Contact',
+};
diff --git a/frontend/packages/web/src/views/system/module/components/customManagement/locale/zh-CN.ts b/frontend/packages/web/src/views/system/module/components/customManagement/locale/zh-CN.ts
new file mode 100644
index 0000000..dafb29c
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/customManagement/locale/zh-CN.ts
@@ -0,0 +1,4 @@
+export default {
+  'customManagement.newCustomer': '新建客户',
+  'customManagement.newContact': '新建联系人',
+};
diff --git a/frontend/packages/web/src/views/system/module/components/customManagement/moveReasonDrawer.vue b/frontend/packages/web/src/views/system/module/components/customManagement/moveReasonDrawer.vue
new file mode 100644
index 0000000..fef4117
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/customManagement/moveReasonDrawer.vue
@@ -0,0 +1,37 @@
+<template>
+  <CrmReasonDrawer
+    v-model:visible="showReasonDrawer"
+    v-model:enable="enable"
+    v-model:config="hasConfig"
+    :title="t('crmReasonDrawer.customer')"
+    :reason-key="ReasonTypeEnum.CUSTOMER_POOL_RS"
+    @load-config="() => emit('loadConfig')"
+  />
+</template>
+
+<script setup lang="ts">
+  import { ReasonTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmReasonDrawer from '@/components/business/crm-reason-drawer/index.vue';
+
+  const { t } = useI18n();
+
+  const emit = defineEmits<{
+    (e: 'loadConfig'): void;
+  }>();
+
+  const showReasonDrawer = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const enable = defineModel<boolean>('enable', {
+    required: true,
+  });
+
+  const hasConfig = defineModel<boolean>('config', {
+    required: true,
+  });
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/views/system/module/components/customManagement/openSeaDrawer.vue b/frontend/packages/web/src/views/system/module/components/customManagement/openSeaDrawer.vue
new file mode 100644
index 0000000..4f7c825
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/customManagement/openSeaDrawer.vue
@@ -0,0 +1,336 @@
+<template>
+  <CrmDrawer
+    v-model:show="visible"
+    width="100%"
+    :title="t('module.customer.openSea')"
+    :footer="false"
+    no-padding
+    :show-back="true"
+  >
+    <div class="h-full w-full bg-[var(--text-n9)] p-[16px]">
+      <div class="h-full bg-[var(--text-n10)] p-[16px] pb-0">
+        <CrmTable
+          v-bind="propsRes"
+          class="crm-open-sea-table"
+          @page-change="propsEvent.pageChange"
+          @page-size-change="propsEvent.pageSizeChange"
+          @sorter-change="propsEvent.sorterChange"
+          @filter-change="propsEvent.filterChange"
+          @refresh="loadList"
+        >
+          <template #tableTop>
+            <n-button class="mb-[16px]" type="primary" @click="handleAdd">
+              {{ t('module.customer.addOpenSea') }}
+            </n-button>
+          </template>
+        </CrmTable>
+      </div>
+      <AddOrEditPoolDrawer
+        v-model:visible="showAddOrEditDrawer"
+        :row="currentRow"
+        :type="ModuleConfigEnum.CUSTOMER_MANAGEMENT"
+        @refresh="loadList"
+      />
+    </div>
+  </CrmDrawer>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { useRouter } from 'vue-router';
+  import { NButton, NSwitch, useMessage } from 'naive-ui';
+
+  import { ModuleConfigEnum } from '@lib/shared/enums/moduleEnum';
+  import { TableKeyEnum } from '@lib/shared/enums/tableEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { characterLimit } from '@lib/shared/method';
+  import type { CluePoolItem } from '@lib/shared/models/system/module';
+
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import { CrmDataTableColumn } from '@/components/pure/crm-table/type';
+  import useTable from '@/components/pure/crm-table/useTable';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+  import AddOrEditPoolDrawer from '../addOrEditPoolDrawer.vue';
+
+  import { deleteCustomerPool, getCustomerPoolPage, noPickCustomerPool, switchCustomerPoolStatus } from '@/api/modules';
+  import useModal from '@/hooks/useModal';
+
+  import { AppRouteEnum } from '@/enums/routeEnum';
+
+  const { openModal } = useModal();
+  const Message = useMessage();
+  const { t } = useI18n();
+  const router = useRouter();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+  const showAddOrEditDrawer = ref<boolean>(false);
+  const currentRow = ref<CluePoolItem>();
+
+  // 增加
+  function handleAdd() {
+    currentRow.value = undefined;
+    showAddOrEditDrawer.value = true;
+  }
+
+  // 编辑
+  async function handleEdit(row: CluePoolItem) {
+    currentRow.value = row;
+    showAddOrEditDrawer.value = true;
+  }
+
+  const tableRefreshId = ref(0);
+
+  async function noPick(id: string) {
+    try {
+      return await noPickCustomerPool(id);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  // 删除
+  async function handleDelete(row: CluePoolItem) {
+    // 判断是否存在未分配的
+    const hasData = await noPick(row.id);
+    const title = hasData
+      ? t('module.customer.deleteRulesTitle')
+      : t('common.deleteConfirmTitle', { name: characterLimit(row.name) });
+    const content = hasData ? '' : t('module.deleteTip', { name: t('module.openSea') });
+    const positiveText = t(hasData ? 'opportunity.gotIt' : 'common.confirm');
+    const negativeText = t(hasData ? 'opportunity.goMove' : 'common.cancel');
+
+    openModal({
+      type: 'error',
+      title,
+      content,
+      positiveText,
+      negativeText,
+      positiveButtonProps: {
+        type: hasData ? 'primary' : 'error',
+        size: 'medium',
+      },
+      onPositiveClick: async () => {
+        if (!hasData) {
+          try {
+            await deleteCustomerPool(row.id);
+            Message.success(t('common.deleteSuccess'));
+            tableRefreshId.value += 1;
+          } catch (error) {
+            // eslint-disable-next-line no-console
+            console.log(error);
+          }
+        }
+      },
+      onNegativeClick: () => {
+        if (hasData) {
+          visible.value = false;
+          router.push({
+            name: AppRouteEnum.CUSTOMER_OPEN_SEA,
+          });
+        }
+      },
+    });
+  }
+
+  function handleActionSelect(row: CluePoolItem, actionKey: string) {
+    switch (actionKey) {
+      case 'edit':
+        handleEdit(row);
+        break;
+      case 'delete':
+        handleDelete(row);
+        break;
+      default:
+        break;
+    }
+  }
+
+  // 切换状态
+  async function handleToggleStatus(row: CluePoolItem) {
+    const isEnabling = !row.enable;
+
+    openModal({
+      type: isEnabling ? 'default' : 'error',
+      title: t(isEnabling ? 'common.confirmEnableTitle' : 'common.confirmDisabledTitle', {
+        name: characterLimit(row.name),
+      }),
+      content: t(isEnabling ? 'module.customer.enabledTipContent' : 'module.customer.disabledTipContent'),
+      positiveText: t(isEnabling ? 'common.confirmEnable' : 'common.confirmDisable'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await switchCustomerPoolStatus(row.id);
+          Message.success(t(isEnabling ? 'common.opened' : 'common.disabled'));
+          tableRefreshId.value += 1;
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  const columns: CrmDataTableColumn[] = [
+    {
+      title: t('module.customer.openSeaName'),
+      key: 'name',
+      width: 250,
+      sortOrder: false,
+      sorter: true,
+      ellipsis: {
+        tooltip: true,
+      },
+      fixed: 'left',
+      columnSelectorDisabled: true,
+    },
+    {
+      title: t('common.status'),
+      key: 'enable',
+      width: 150,
+      sortOrder: false,
+      sorter: true,
+      filterOptions: [
+        {
+          label: t('common.enable'),
+          value: true,
+        },
+        {
+          label: t('common.disable'),
+          value: false,
+        },
+      ],
+      filter: true,
+      render: (row: CluePoolItem) => {
+        return h(NSwitch, {
+          value: row.enable,
+          onClick: () => {
+            handleToggleStatus(row);
+          },
+        });
+      },
+    },
+    {
+      title: t('opportunity.admin'),
+      key: 'owners',
+      width: 200,
+      isTag: true,
+      tagGroupProps: {
+        labelKey: 'name',
+      },
+    },
+    {
+      title: t('role.member'),
+      key: 'members',
+      width: 200,
+      isTag: true,
+      tagGroupProps: {
+        labelKey: 'name',
+      },
+    },
+    {
+      title: t('module.clue.autoRecycle'),
+      key: 'auto',
+      width: 150,
+      sortOrder: false,
+      sorter: true,
+      filterOptions: [
+        {
+          label: t('common.yes'),
+          value: true,
+        },
+        {
+          label: t('common.no'),
+          value: false,
+        },
+      ],
+      filter: true,
+      render: (row: CluePoolItem) => {
+        return row.auto ? t('common.yes') : t('common.no');
+      },
+    },
+    {
+      title: t('common.createTime'),
+      key: 'createTime',
+      width: 200,
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+    },
+    {
+      title: t('common.creator'),
+      key: 'createUserName',
+      width: 200,
+      ellipsis: {
+        tooltip: true,
+      },
+    },
+    {
+      title: t('common.updateTime'),
+      key: 'updateTime',
+      width: 200,
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+    },
+    {
+      title: t('common.updateUserName'),
+      key: 'updateUserName',
+      width: 200,
+      ellipsis: {
+        tooltip: true,
+      },
+    },
+    {
+      key: 'operation',
+      width: 120,
+      fixed: 'right',
+      render: (row: CluePoolItem) =>
+        h(CrmOperationButton, {
+          groupList: [
+            {
+              label: t('common.edit'),
+              key: 'edit',
+            },
+            {
+              label: t('common.delete'),
+              key: 'delete',
+            },
+          ],
+          onSelect: (key: string) => handleActionSelect(row, key),
+        }),
+    },
+  ];
+
+  const { propsRes, propsEvent, loadList, setLoadListParams } = useTable(getCustomerPoolPage, {
+    tableKey: TableKeyEnum.MODULE_OPEN_SEA,
+    showSetting: true,
+    columns,
+    containerClass: '.crm-open-sea-table',
+  });
+
+  watch(
+    () => tableRefreshId.value,
+    () => {
+      setLoadListParams({});
+      loadList();
+    }
+  );
+
+  watch(
+    () => visible.value,
+    (val) => {
+      if (val) {
+        setLoadListParams({});
+        loadList();
+      }
+    }
+  );
+</script>
diff --git a/frontend/packages/web/src/views/system/module/components/desensitizationModal.vue b/frontend/packages/web/src/views/system/module/components/desensitizationModal.vue
new file mode 100644
index 0000000..45c64cc
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/desensitizationModal.vue
@@ -0,0 +1,120 @@
+<template>
+  <CrmModal
+    v-model:show="visible"
+    :title="t('module.desensitizationSet')"
+    :positive-text="t('common.save')"
+    :negative-text="t('common.reset')"
+    :width="816"
+  >
+    <searchSetting
+      ref="searchSettingRef"
+      v-model:form-model="formModel"
+      is-not-required-validate
+      :scoped-options="scopedOptions"
+      :search-field-map="searchFieldMap"
+    />
+    <template #footer>
+      <div class="flex items-center justify-end gap-[12px]">
+        <n-button :disabled="loading" secondary @click="handleReset">
+          {{ t('common.reset') }}
+        </n-button>
+        <n-button :loading="loading" type="primary" @click="handleConfirm">
+          {{ t('common.save') }}
+        </n-button>
+      </div>
+    </template>
+  </CrmModal>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { NButton, useMessage } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { DefaultSearchSetFormModel } from '@lib/shared/models/system/module';
+
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+  import { defaultSearchSetFormModel, scopedOptions } from '@/components/business/crm-duplicate-check-drawer/config';
+  import searchSetting from '@/components/business/crm-duplicate-check-drawer/searchConfig/searchSetting.vue';
+  import useSearchFormConfig from '@/components/business/crm-duplicate-check-drawer/useSearchFormConfig';
+
+  import { getModuleSearchMaskConfig, moduleSearchMaskConfig } from '@/api/modules';
+
+  const Message = useMessage();
+
+  const { t } = useI18n();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const formModel = ref<DefaultSearchSetFormModel>({
+    ...cloneDeep(defaultSearchSetFormModel),
+  });
+
+  const loading = ref(false);
+  const searchSettingRef = ref<InstanceType<typeof searchSetting>>();
+
+  function handleConfirm() {
+    searchSettingRef.value?.formRef?.validate(async (errors) => {
+      if (!errors) {
+        loading.value = true;
+        try {
+          await moduleSearchMaskConfig({
+            searchFields: formModel.value.searchFields,
+          });
+          Message.success(t('common.saveSuccess'));
+          visible.value = false;
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        } finally {
+          loading.value = false;
+        }
+      }
+    });
+  }
+
+  function handleReset() {
+    searchSettingRef.value?.formRef?.restoreValidation();
+    formModel.value = cloneDeep(defaultSearchSetFormModel);
+  }
+
+  const { initSearchFormConfig, searchFieldMap } = useSearchFormConfig();
+
+  const originMaskSearchFields = ref({});
+  async function initModuleSearchMaskConfig() {
+    try {
+      const res = await getModuleSearchMaskConfig();
+      originMaskSearchFields.value = cloneDeep(res.searchFields);
+      formModel.value.searchFields = cloneDeep(res.searchFields);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  watch(
+    () => originMaskSearchFields.value,
+    (val) => {
+      if (val) {
+        nextTick(() => {
+          formModel.value.searchFields = val;
+        });
+      }
+    }
+  );
+
+  watch(
+    () => visible.value,
+    async (val) => {
+      if (val) {
+        await initModuleSearchMaskConfig();
+        initSearchFormConfig();
+      }
+    }
+  );
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/views/system/module/components/opportunity/addRuleDrawer.vue b/frontend/packages/web/src/views/system/module/components/opportunity/addRuleDrawer.vue
new file mode 100644
index 0000000..2e46974
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/opportunity/addRuleDrawer.vue
@@ -0,0 +1,339 @@
+<template>
+  <CrmDrawer
+    v-model:show="visible"
+    :width="800"
+    :title="form.id ? t('opportunity.updateRules') : t('opportunity.addRules')"
+    :ok-text="form.id ? t('common.update') : t('common.add')"
+    :show-continue="!form.id"
+    :loading="loading"
+    @confirm="confirmHandler(false)"
+    @continue="confirmHandler(true)"
+    @cancel="cancelHandler"
+  >
+    <n-alert v-if="form.id" class="mb-[16px]" type="warning">
+      {{ t('opportunity.updateRuleContentTip') }}
+    </n-alert>
+    <n-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      label-placement="left"
+      :label-width="100"
+      require-mark-placement="left"
+    >
+      <div class="crm-module-form-title">{{ t('common.baseInfo') }}</div>
+      <div class="w-full">
+        <n-form-item
+          require-mark-placement="left"
+          label-placement="left"
+          path="name"
+          :label="t('opportunity.ruleName')"
+        >
+          <n-input v-model:value="form.name" :maxlength="255" type="text" :placeholder="t('common.pleaseInput')" />
+        </n-form-item>
+      </div>
+      <div class="flex">
+        <div class="flex-1">
+          <n-form-item
+            require-mark-placement="left"
+            label-placement="left"
+            path="ownerIds"
+            :label="t('opportunity.admin')"
+          >
+            <CrmUserTagSelector v-model:selected-list="form.ownerIds" :member-types="memberTypes" />
+          </n-form-item>
+        </div>
+        <div class="flex-1">
+          <n-form-item
+            require-mark-placement="left"
+            label-placement="left"
+            path="scopeIds"
+            :label="t('opportunity.members')"
+          >
+            <CrmUserTagSelector v-model:selected-list="form.scopeIds" :member-types="memberTypes" />
+          </n-form-item>
+        </div>
+      </div>
+
+      <div class="crm-module-form-title"> {{ t('module.businessManage.businessCloseRule') }}</div>
+      <!-- 自动关闭 -->
+      <n-form-item
+        require-mark-placement="left"
+        label-placement="left"
+        path="auto"
+        :label="t('opportunity.autoClose')"
+        :show-feedback="false"
+      >
+        <n-radio-group v-model:value="form.auto" name="radiogroup">
+          <n-space>
+            <n-radio key="yes" :value="true">
+              {{ t('common.yes') }}
+            </n-radio>
+            <n-radio key="no" :value="false">
+              {{ t('common.no') }}
+            </n-radio>
+          </n-space>
+        </n-radio-group>
+      </n-form-item>
+      <FilterContent
+        v-if="form.auto"
+        ref="filterContentRef"
+        v-model:form-model="recycleFormItemModel as FilterForm"
+        keep-one-line
+        :config-list="filterConfigList"
+      />
+    </n-form>
+  </CrmDrawer>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import {
+    FormInst,
+    FormRules,
+    NAlert,
+    NForm,
+    NFormItem,
+    NInput,
+    NRadio,
+    NRadioGroup,
+    NSpace,
+    useMessage,
+  } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import { OperatorEnum } from '@lib/shared/enums/commonEnum';
+  import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+  import { MemberSelectTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { OpportunityDetail, OpportunityItem, OpportunityParams } from '@lib/shared/models/system/module';
+  import { SelectedUsersItem } from '@lib/shared/models/system/module';
+
+  import FilterContent from '@/components/pure/crm-advance-filter/components/filterContent.vue';
+  import { DYNAMICS, FIXED, IN, NOT_IN } from '@/components/pure/crm-advance-filter/index';
+  import { AccordBelowType, FilterForm, FilterFormItem } from '@/components/pure/crm-advance-filter/type';
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import type { Option } from '@/components/business/crm-select-user-drawer/type';
+  import CrmUserTagSelector from '@/components/business/crm-user-tag-selector/index.vue';
+
+  import { addOpportunityRule, updateOpportunityRule } from '@/api/modules';
+  import { useAppStore } from '@/store';
+
+  const appStore = useAppStore();
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  export type OpportunityDetailType = {
+    ownerIds: SelectedUsersItem[];
+    scopeIds: SelectedUsersItem[];
+  } & OpportunityDetail;
+
+  const props = defineProps<{
+    rows?: OpportunityItem;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'loadList'): void;
+    (e: 'cancel'): void;
+  }>();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const memberTypes: Option[] = [
+    {
+      label: t('menu.settings.org'),
+      value: MemberSelectTypeEnum.ORG,
+    },
+    {
+      label: t('role.role'),
+      value: MemberSelectTypeEnum.ROLE,
+    },
+  ];
+
+  const rules: FormRules = {
+    name: [
+      { required: true, message: t('common.notNull', { value: `${t('opportunity.ruleName')}` }), trigger: ['blur'] },
+    ],
+    ownerIds: [{ required: true, message: t('common.pleaseSelect') }],
+    scopeIds: [{ required: true, message: t('common.pleaseSelect') }],
+  };
+
+  const filterConfigList = computed<FilterFormItem[]>(() => {
+    return [
+      {
+        title: t('common.createTime'),
+        dataIndex: 'createTime',
+        type: FieldTypeEnum.TIME_RANGE_PICKER,
+        operatorOption: [DYNAMICS, FIXED],
+      },
+      {
+        title: t('opportunity.opportunityStage'),
+        dataIndex: 'opportunityStage',
+        type: FieldTypeEnum.SELECT_MULTIPLE,
+        operatorOption: [IN, NOT_IN],
+        selectProps: {
+          options: appStore.stageConfigList,
+        },
+      },
+    ];
+  });
+
+  const initRuleForm: OpportunityDetailType = {
+    name: '',
+    auto: false,
+    enable: true,
+    conditions: [],
+    operator: 'AND',
+    ownerIds: [],
+    scopeIds: [],
+  };
+
+  const form = ref<OpportunityDetailType>(cloneDeep(initRuleForm));
+
+  const defaultFormModel: FilterForm = {
+    searchMode: 'AND',
+    list: [
+      {
+        dataIndex: 'createTime',
+        type: FieldTypeEnum.TIME_RANGE_PICKER,
+        operator: OperatorEnum.DYNAMICS,
+      },
+    ],
+  };
+
+  const recycleFormItemModel = ref<FilterForm>(cloneDeep(defaultFormModel));
+
+  function cancelHandler() {
+    form.value = cloneDeep(initRuleForm);
+    recycleFormItemModel.value = cloneDeep(defaultFormModel);
+    visible.value = false;
+  }
+
+  const formRef = ref<FormInst | null>(null);
+  const loading = ref<boolean>(false);
+
+  async function handleSave(isContinue: boolean) {
+    try {
+      loading.value = true;
+      const { ownerIds, scopeIds, auto, ...otherParams } = form.value;
+      const params: OpportunityParams = {
+        ...otherParams,
+        auto,
+        ownerIds: ownerIds.map((e) => e.id),
+        scopeIds: scopeIds.map((e) => e.id),
+        operator: recycleFormItemModel.value.searchMode as string,
+        conditions: [],
+      };
+      if (auto) {
+        const recycleFormItemModelList: FilterFormItem[] = (recycleFormItemModel.value.list || []) as FilterFormItem[];
+        const list = recycleFormItemModelList.map((item) => ({
+          column: item.dataIndex as string,
+          operator: item.operator as string,
+          value: Array.isArray(item.value) ? item.value.join() : item.value,
+          scope: item.scope ?? [],
+        }));
+
+        params.conditions = list;
+      }
+
+      if (form.value.id) {
+        await updateOpportunityRule(params);
+        Message.success(t('common.updateSuccess'));
+      } else {
+        await addOpportunityRule(params);
+        Message.success(t('common.addSuccess'));
+      }
+      if (isContinue) {
+        form.value = cloneDeep(initRuleForm);
+        recycleFormItemModel.value = cloneDeep(defaultFormModel);
+      } else {
+        cancelHandler();
+      }
+      emit('loadList');
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  const filterContentRef = ref<InstanceType<typeof FilterContent>>();
+  function confirmHandler(isContinue: boolean) {
+    formRef.value?.validate(async (error) => {
+      if (!error) {
+        if (filterContentRef.value) {
+          filterContentRef.value?.formRef?.validate((errors) => {
+            if (!errors) {
+              handleSave(isContinue);
+            }
+          });
+        } else {
+          handleSave(isContinue);
+        }
+      }
+    });
+  }
+
+  watch(
+    () => props.rows,
+    async (val?: OpportunityItem) => {
+      if (val) {
+        const conditions = JSON.parse(val.condition).map((e: any) => {
+          return {
+            ...e,
+            value: e.column === 'opportunityStage' ? e.value.split(',') : e.value,
+          };
+        });
+
+        form.value = {
+          ...val,
+          ownerIds: val.owners,
+          scopeIds: val.members,
+          conditions,
+        };
+        if (val.auto) {
+          recycleFormItemModel.value.list = JSON.parse(val.condition)?.map((item: any) => {
+            const filterConfigItem = filterConfigList.value.find((listItem) => listItem.dataIndex === item.column);
+            return {
+              dataIndex: item.column,
+              operator: item.operator,
+              value: item.column === 'opportunityStage' ? item.value.split(',') : item.value,
+              scope: item.scope,
+              showScope: filterConfigItem?.showScope,
+              type: filterConfigItem?.type,
+              ...(item.column === 'opportunityStage'
+                ? {
+                    selectProps: {
+                      options: appStore.stageConfigList,
+                    },
+                  }
+                : {}),
+            } as FilterFormItem;
+          });
+          recycleFormItemModel.value.searchMode = val.operator as AccordBelowType;
+        } else {
+          recycleFormItemModel.value = cloneDeep(defaultFormModel);
+        }
+      }
+    }
+  );
+
+  watch(
+    () => visible.value,
+    (val) => {
+      if (val) {
+        appStore.initStageConfig();
+      }
+    }
+  );
+</script>
+
+<style scoped lang="less">
+  :deep(.dataIndex-col) {
+    width: 100px;
+    flex: initial;
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/module/components/opportunity/failReasonDrawer.vue b/frontend/packages/web/src/views/system/module/components/opportunity/failReasonDrawer.vue
new file mode 100644
index 0000000..5ad9bae
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/opportunity/failReasonDrawer.vue
@@ -0,0 +1,37 @@
+<template>
+  <CrmReasonDrawer
+    v-model:visible="showReasonDrawer"
+    v-model:enable="enable"
+    v-model:config="hasConfig"
+    :title="t('crmReasonDrawer.opportunity')"
+    :reason-key="ReasonTypeEnum.OPPORTUNITY_FAIL_RS"
+    @load-config="() => emit('loadConfig')"
+  />
+</template>
+
+<script setup lang="ts">
+  import { ReasonTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmReasonDrawer from '@/components/business/crm-reason-drawer/index.vue';
+
+  const { t } = useI18n();
+
+  const emit = defineEmits<{
+    (e: 'loadConfig'): void;
+  }>();
+
+  const showReasonDrawer = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const enable = defineModel<boolean>('enable', {
+    required: true,
+  });
+
+  const hasConfig = defineModel<boolean>('config', {
+    required: true,
+  });
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/views/system/module/components/opportunity/formDrawer.vue b/frontend/packages/web/src/views/system/module/components/opportunity/formDrawer.vue
new file mode 100644
index 0000000..13385e2
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/opportunity/formDrawer.vue
@@ -0,0 +1,20 @@
+<template>
+  <CrmFormDrawer v-model:visible="visible" :title="title" :form-key="FormDesignKeyEnum.BUSINESS"> </CrmFormDrawer>
+</template>
+
+<script setup lang="ts">
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmFormDrawer from '@/components/business/crm-form-design-drawer/index.vue';
+
+  const { t } = useI18n();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const title = ref(t('module.opportunityFormSetting'));
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/system/module/components/opportunity/locale/en-US.ts b/frontend/packages/web/src/views/system/module/components/opportunity/locale/en-US.ts
new file mode 100644
index 0000000..280b9c0
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/opportunity/locale/en-US.ts
@@ -0,0 +1,21 @@
+export default {
+  'opportunity.addRules': 'Add rule',
+  'opportunity.updateRules': 'Update rule',
+  'opportunity.ruleName': 'Rule name',
+  'opportunity.admin': 'Administrator',
+  'opportunity.members': 'Members',
+  'opportunity.autoClose': 'Auto close',
+  'opportunity.enabledRuleTipContent': 'Once enabled, opportunities will be closed based on the configured rules.',
+  'opportunity.disabledRuleTipContent':
+    'Once disabled, opportunities will no longer be closed based on the configured rules.',
+  'opportunity.expirationReminder': 'Expiration reminder',
+  'opportunity.gotIt': 'Got it',
+  'opportunity.goMove': 'To transfer',
+  'opportunity.clueRecoveryRule': 'Lead recovery rule',
+  'opportunity.belongDays': 'Belong days',
+  'opportunity.opportunityStage': 'Opportunity stage',
+  'opportunity.updateRuleContentTip': 'After updating, the updated closing rules will only take effect for new data.',
+  'opportunity.deleteRuleContent':
+    'After deleting, the member will no longer be able to find this rule, please be careful!',
+  'opportunity.newOpportunity': 'New opportunity',
+};
diff --git a/frontend/packages/web/src/views/system/module/components/opportunity/locale/zh-CN.ts b/frontend/packages/web/src/views/system/module/components/opportunity/locale/zh-CN.ts
new file mode 100644
index 0000000..b1f02d0
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/opportunity/locale/zh-CN.ts
@@ -0,0 +1,19 @@
+export default {
+  'opportunity.addRules': '添加规则',
+  'opportunity.updateRules': '更新规则',
+  'opportunity.ruleName': '规则名称',
+  'opportunity.admin': '管理员',
+  'opportunity.members': '成员',
+  'opportunity.autoClose': '自动关闭',
+  'opportunity.enabledRuleTipContent': '启用后，会根据配置规则关闭商机',
+  'opportunity.disabledRuleTipContent': '禁用后，不再根据配置规则关闭商机',
+  'opportunity.expirationReminder': '到期提醒',
+  'opportunity.gotIt': '知道了',
+  'opportunity.goMove': '去转移',
+  'opportunity.clueRecoveryRule': '线索回收规则',
+  'opportunity.belongDays': '归属天数',
+  'opportunity.opportunityStage': '商机阶段',
+  'opportunity.updateRuleContentTip': '更新后，更新的关闭规则仅对新产生的数据生效',
+  'opportunity.deleteRuleContent': '删除后，成员无法查到该规则，请谨慎操作！',
+  'opportunity.newOpportunity': '新建商机',
+};
diff --git a/frontend/packages/web/src/views/system/module/components/opportunity/opportunityCloseRulesDrawer.vue b/frontend/packages/web/src/views/system/module/components/opportunity/opportunityCloseRulesDrawer.vue
new file mode 100644
index 0000000..d5bb356
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/opportunity/opportunityCloseRulesDrawer.vue
@@ -0,0 +1,347 @@
+<template>
+  <CrmDrawer
+    v-model:show="visible"
+    width="100%"
+    :title="t('module.businessManage.businessCloseRule')"
+    :footer="false"
+    no-padding
+    :show-back="true"
+  >
+    <div class="business-close-rule">
+      <div class="h-full bg-[var(--text-n10)] p-[16px] pb-0">
+        <CrmTable
+          ref="crmTableRef"
+          v-bind="propsRes"
+          class="crm-opportunity-close-rules-table"
+          @page-change="propsEvent.pageChange"
+          @page-size-change="propsEvent.pageSizeChange"
+          @sorter-change="propsEvent.sorterChange"
+          @filter-change="propsEvent.filterChange"
+          @refresh="initOpportunityList"
+        >
+          <template #tableTop>
+            <div class="flex items-center justify-between">
+              <n-button class="mr-[12px]" type="primary" @click="addRule">
+                {{ t('module.businessManage.addRules') }}
+              </n-button>
+
+              <CrmSearchInput v-model:value="keyword" class="!w-[240px]" @search="searchData" />
+            </div>
+          </template>
+        </CrmTable>
+      </div>
+      <AddRuleDrawer
+        v-model:visible="showAddRuleDrawer"
+        :rows="ruleRecord"
+        @load-list="initOpportunityList()"
+        @cancel="handleCancel"
+      />
+    </div>
+  </CrmDrawer>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { NButton, NSwitch, useMessage } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import { TableKeyEnum } from '@lib/shared/enums/tableEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { characterLimit } from '@lib/shared/method';
+  import type { OpportunityItem } from '@lib/shared/models/system/module';
+
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmNameTooltip from '@/components/pure/crm-name-tooltip/index.vue';
+  import CrmSearchInput from '@/components/pure/crm-search-input/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import { CrmDataTableColumn } from '@/components/pure/crm-table/type';
+  import useTable from '@/components/pure/crm-table/useTable';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+  import AddRuleDrawer from './addRuleDrawer.vue';
+
+  import { deleteOpportunity, getOpportunityRuleList, switchOpportunityStatus } from '@/api/modules';
+  import useModal from '@/hooks/useModal';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const { openModal } = useModal();
+  const Message = useMessage();
+
+  const { t } = useI18n();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const keyword = ref<string>('');
+
+  const tableRefreshId = ref(0);
+
+  // 删除规则
+  function deleteRule(row: OpportunityItem) {
+    openModal({
+      type: 'error',
+      title: t('common.deleteConfirmTitle', { name: characterLimit(row.name) }),
+      content: t('opportunity.deleteRuleContent'),
+      positiveText: t('common.confirm'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await deleteOpportunity(row.id);
+          tableRefreshId.value += 1;
+          Message.success(t('common.deleteSuccess'));
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        }
+      },
+    });
+  }
+
+  const showAddRuleDrawer = ref<boolean>(false);
+  const ruleRecord = ref<OpportunityItem>();
+  function addRule() {
+    showAddRuleDrawer.value = true;
+  }
+
+  function handleEdit(row: OpportunityItem) {
+    ruleRecord.value = cloneDeep(row);
+    showAddRuleDrawer.value = true;
+  }
+
+  function handleActionSelect(row: OpportunityItem, actionKey: string) {
+    switch (actionKey) {
+      case 'edit':
+        handleEdit(row);
+        break;
+      case 'delete':
+        deleteRule(row);
+        break;
+      default:
+        break;
+    }
+  }
+
+  // 切换规则状态
+  function handleToggleRuleStatus(row: OpportunityItem) {
+    const isEnabling = !row.enable;
+    const title = t(isEnabling ? 'common.confirmEnableTitle' : 'common.confirmDisabledTitle', {
+      name: characterLimit(row.name),
+    });
+
+    const content = t(isEnabling ? 'opportunity.enabledRuleTipContent' : 'opportunity.disabledRuleTipContent');
+
+    const positiveText = t(isEnabling ? 'common.confirmStart' : 'common.confirmDisable');
+
+    openModal({
+      type: isEnabling ? 'default' : 'error',
+      title,
+      content,
+      positiveText,
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await switchOpportunityStatus(row.id);
+          Message.success(t(isEnabling ? 'common.opened' : 'common.disabled'));
+          tableRefreshId.value += 1;
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  const columns: CrmDataTableColumn[] = [
+    {
+      title: t('opportunity.ruleName'),
+      key: 'name',
+      width: 250,
+      sortOrder: false,
+      sorter: true,
+      fixed: 'left',
+      ellipsis: {
+        tooltip: true,
+      },
+      columnSelectorDisabled: true,
+    },
+    {
+      title: t('common.status'),
+      key: 'enable',
+      width: 120,
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+      filterOptions: [
+        {
+          label: t('common.enable'),
+          value: true,
+        },
+        {
+          label: t('common.disable'),
+          value: false,
+        },
+      ],
+      filter: true,
+      render: (row: OpportunityItem) => {
+        return h(NSwitch, {
+          value: row.enable,
+          onClick: () => {
+            if (!hasAnyPermission(['MODULE_SETTING:UPDATE'])) return;
+            handleToggleRuleStatus(row);
+          },
+        });
+      },
+    },
+    {
+      title: t('opportunity.admin'),
+      key: 'owners',
+      width: 200,
+      isTag: true,
+      tagGroupProps: {
+        labelKey: 'name',
+      },
+    },
+    {
+      title: t('role.member'),
+      key: 'members',
+      width: 200,
+      isTag: true,
+      tagGroupProps: {
+        labelKey: 'name',
+      },
+    },
+    {
+      title: t('opportunity.autoClose'),
+      key: 'auto',
+      sortOrder: false,
+      sorter: true,
+      ellipsis: {
+        tooltip: true,
+      },
+      filterOptions: [
+        {
+          label: t('common.yes'),
+          value: true,
+        },
+        {
+          label: t('common.no'),
+          value: false,
+        },
+      ],
+      filter: true,
+      render: (row: OpportunityItem) => {
+        return row.auto ? t('common.yes') : t('common.no');
+      },
+      width: 150,
+    },
+    {
+      title: t('common.createTime'),
+      key: 'createTime',
+      width: 200,
+      sortOrder: false,
+      sorter: true,
+      ellipsis: {
+        tooltip: true,
+      },
+    },
+    {
+      title: t('common.creator'),
+      key: 'createUser',
+      width: 200,
+      render: (row: OpportunityItem) => {
+        return h(CrmNameTooltip, { text: row.createUserName });
+      },
+    },
+    {
+      title: t('common.updateTime'),
+      key: 'updateTime',
+      width: 200,
+      sortOrder: false,
+      sorter: true,
+      ellipsis: {
+        tooltip: true,
+      },
+    },
+    {
+      title: t('common.updateUserName'),
+      key: 'updateUser',
+      width: 200,
+      render: (row: any) => {
+        return h(CrmNameTooltip, { text: row.updateUserName });
+      },
+    },
+    {
+      key: 'operation',
+      width: 150,
+      fixed: 'right',
+      render: (row: OpportunityItem) =>
+        h(CrmOperationButton, {
+          groupList: [
+            {
+              label: t('common.edit'),
+              key: 'edit',
+            },
+            {
+              label: t('common.delete'),
+              key: 'delete',
+            },
+          ],
+          onSelect: (key: string) => handleActionSelect(row, key),
+        }),
+    },
+  ];
+
+  const { propsRes, propsEvent, loadList, setLoadListParams } = useTable(getOpportunityRuleList, {
+    tableKey: TableKeyEnum.MODULE_OPPORTUNITY_RULE_TABLE,
+    showSetting: true,
+    columns,
+    containerClass: '.crm-opportunity-close-rules-table',
+  });
+
+  function handleCancel() {
+    ruleRecord.value = undefined;
+  }
+
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+  function initOpportunityList() {
+    setLoadListParams({
+      keyword: keyword.value,
+    });
+    loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  function searchData(val: string) {
+    keyword.value = val;
+    initOpportunityList();
+  }
+
+  watch(
+    () => tableRefreshId.value,
+    (val) => {
+      if (val) {
+        crmTableRef.value?.clearCheckedRowKeys();
+        initOpportunityList();
+      }
+    }
+  );
+
+  watch(
+    () => visible.value,
+    (val) => {
+      if (val) {
+        initOpportunityList();
+      }
+    }
+  );
+</script>
+
+<style scoped lang="less">
+  .business-close-rule {
+    padding: 16px;
+    background: var(--text-n9);
+    @apply h-full w-full;
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/module/components/opportunity/optQuotationFormDrawer.vue b/frontend/packages/web/src/views/system/module/components/opportunity/optQuotationFormDrawer.vue
new file mode 100644
index 0000000..069e206
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/opportunity/optQuotationFormDrawer.vue
@@ -0,0 +1,21 @@
+<template>
+  <CrmFormDrawer v-model:visible="visible" :title="title" :form-key="FormDesignKeyEnum.OPPORTUNITY_QUOTATION">
+  </CrmFormDrawer>
+</template>
+
+<script setup lang="ts">
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmFormDrawer from '@/components/business/crm-form-design-drawer/index.vue';
+
+  const { t } = useI18n();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const title = ref(t('module.opportunityQuotationFormSetting'));
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/system/module/components/order/orderFormDrawer.vue b/frontend/packages/web/src/views/system/module/components/order/orderFormDrawer.vue
new file mode 100644
index 0000000..1628e3e
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/order/orderFormDrawer.vue
@@ -0,0 +1,20 @@
+<template>
+  <CrmFormDrawer v-model:visible="visible" :title="title" :form-key="FormDesignKeyEnum.ORDER"> </CrmFormDrawer>
+</template>
+
+<script setup lang="ts">
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmFormDrawer from '@/components/business/crm-form-design-drawer/index.vue';
+
+  const { t } = useI18n();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const title = ref(`${t('module.order')}${t('module.formSettings')}`);
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/system/module/components/productManagement/formDrawer.vue b/frontend/packages/web/src/views/system/module/components/productManagement/formDrawer.vue
new file mode 100644
index 0000000..ee77e78
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/productManagement/formDrawer.vue
@@ -0,0 +1,20 @@
+<template>
+  <CrmFormDrawer v-model:visible="visible" :title="title" :form-key="FormDesignKeyEnum.PRODUCT"> </CrmFormDrawer>
+</template>
+
+<script setup lang="ts">
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmFormDrawer from '@/components/business/crm-form-design-drawer/index.vue';
+
+  const { t } = useI18n();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const title = ref(t('module.productFormSetting'));
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/system/module/components/productManagement/locale/en-US.ts b/frontend/packages/web/src/views/system/module/components/productManagement/locale/en-US.ts
new file mode 100644
index 0000000..adb4216
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/productManagement/locale/en-US.ts
@@ -0,0 +1,3 @@
+export default {
+  'productManagement.newProduct': 'New Product',
+};
diff --git a/frontend/packages/web/src/views/system/module/components/productManagement/locale/zh-CN.ts b/frontend/packages/web/src/views/system/module/components/productManagement/locale/zh-CN.ts
new file mode 100644
index 0000000..b8a31e1
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/productManagement/locale/zh-CN.ts
@@ -0,0 +1,3 @@
+export default {
+  'productManagement.newProduct': '新建产品',
+};
diff --git a/frontend/packages/web/src/views/system/module/components/productManagement/priceTableFormDrawer.vue b/frontend/packages/web/src/views/system/module/components/productManagement/priceTableFormDrawer.vue
new file mode 100644
index 0000000..01ce391
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/components/productManagement/priceTableFormDrawer.vue
@@ -0,0 +1,20 @@
+<template>
+  <CrmFormDrawer v-model:visible="visible" :title="title" :form-key="FormDesignKeyEnum.PRICE"> </CrmFormDrawer>
+</template>
+
+<script setup lang="ts">
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmFormDrawer from '@/components/business/crm-form-design-drawer/index.vue';
+
+  const { t } = useI18n();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const title = ref(t('module.priceTableFormSetting'));
+</script>
+
+<style lang="less" scoped></style>
diff --git a/frontend/packages/web/src/views/system/module/index.vue b/frontend/packages/web/src/views/system/module/index.vue
new file mode 100644
index 0000000..e99beb1
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/index.vue
@@ -0,0 +1,411 @@
+<template>
+  <n-scrollbar x-scrollable content-class="h-full !w-full" content-style="min-width: 800px">
+    <div :class="`config-container  w-full ${licenseStore.expiredDuring ? 'h-[calc(100%-64px)]' : 'h-full'}`">
+      <div class="left-box">
+        <n-scrollbar content-class="!w-full p-[24px]">
+          <div class="mb-[16px] flex items-center justify-between">
+            <div class="font-medium text-[var(--text-n1)]">{{ t('module.businessManage.mainNavConfig') }}</div>
+            <div class="text-[var(--text-n4)]">
+              <n-switch v-model:value="enable" size="small" :rubber-band="false" @update:value="changeIcon" />
+              <span class="ml-[8px]">icon </span>
+            </div>
+          </div>
+          <div class="nav-list">
+            <VueDraggable
+              v-model="moduleNavList"
+              ghost-class="ghost"
+              handle=".nav-item"
+              :disabled="!hasAnyPermission(['MODULE_SETTING:UPDATE'])"
+              @end="onDragEnd"
+            >
+              <div v-for="item in moduleNavList" :key="item.key" class="nav-item">
+                <CrmIcon type="iconicon_move" :size="16" class="mt-[1px] cursor-move text-[var(--text-n4)]" />
+                <CrmIcon v-if="enable" :type="item.icon ?? ''" :size="18" class="text-[var(--text-n1)]" />
+                {{ item.label }}
+              </div>
+            </VueDraggable>
+          </div>
+          <n-divider />
+          <div class="font-medium text-[var(--text-n1)]">{{ t('module.topNavigationConfig') }}</div>
+          <div class="nav-list mt-[16px]">
+            <VueDraggable
+              v-model="navTopConfigList"
+              ghost-class="ghost"
+              handle=".nav-item"
+              :disabled="!hasAnyPermission(['MODULE_SETTING:UPDATE'])"
+              @end="onDragNavEnd"
+            >
+              <div v-for="item in navTopConfigList" :key="item.key" class="nav-item justify-between">
+                <div class="flex w-full items-center gap-[8px] overflow-hidden">
+                  <CrmIcon type="iconicon_move" :size="16" class="mt-[1px] cursor-move text-[var(--text-n4)]" />
+                  <div v-if="item.key === 'language'" class="h-[16px] w-[16px]">
+                    <LanguageOutline />
+                  </div>
+                  <CrmIcon v-else :type="item.iconType ?? ''" :size="18" class="text-[var(--text-n1)]" />
+                  <div class="one-line-text">{{ t(item.label) }}</div>
+                </div>
+                <CrmMoreAction
+                  v-if="item.key === 'search'"
+                  :options="searchMoreOptions"
+                  trigger="hover"
+                  @select="(item) => handleMoreSelect(item.key as string)"
+                >
+                  <n-button type="primary" text :keyboard="false">
+                    {{ t('common.more') }}
+                  </n-button>
+                </CrmMoreAction>
+                <CrmMoreAction
+                  v-if="item.key === 'event'"
+                  :options="eventMoreOptions"
+                  trigger="hover"
+                  @select="(item) => handleMoreSelect(item.key as string)"
+                >
+                  <n-button v-permission="['MODULE_SETTING:UPDATE']" type="primary" text :keyboard="false">
+                    {{ t('common.more') }}
+                  </n-button>
+                </CrmMoreAction>
+              </div>
+            </VueDraggable>
+          </div>
+          <desensitizationModal v-model:visible="showDesensitizationDrawer" />
+        </n-scrollbar>
+      </div>
+      <div class="right-box">
+        <n-scrollbar content-class="!w-full p-[24px]">
+          <ConfigCard :list="moduleNavList" @load-module-list="initModuleNavList()" />
+        </n-scrollbar>
+      </div>
+    </div>
+  </n-scrollbar>
+  <followRecordDrawer v-model:visible="customerManagementFollowRecordVisible" />
+  <followPlanDrawer v-model:visible="customerManagementFollowPlanVisible" />
+</template>
+
+<script setup lang="ts">
+  import { NButton, NDivider, NScrollbar, NSwitch, useMessage } from 'naive-ui';
+  import { LanguageOutline } from '@vicons/ionicons5';
+  import { VueDraggable } from 'vue-draggable-plus';
+
+  import { ModuleConfigEnum } from '@lib/shared/enums/moduleEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { ModuleNavItem } from '@lib/shared/models/system/module';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmMoreAction from '@/components/pure/crm-more-action/index.vue';
+  import { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import ConfigCard from './components/configCard.vue';
+  import followPlanDrawer from './components/customManagement/followPlanDrawer.vue';
+  import followRecordDrawer from './components/customManagement/followRecordDrawer.vue';
+  import desensitizationModal from './components/desensitizationModal.vue';
+
+  import { getAdvancedSwitch, moduleNavListSort, setDisplayAdvanced, setTopNavListSort } from '@/api/modules';
+  import useAppStore from '@/store/modules/app';
+  import { ActionItem } from '@/store/modules/app/types';
+  import useLicenseStore from '@/store/modules/setting/license';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const { t } = useI18n();
+  const appStore = useAppStore();
+  const Message = useMessage();
+  const licenseStore = useLicenseStore();
+
+  const enable = ref(false);
+
+  const navList = ref([
+    {
+      label: t('module.workbenchHome'),
+      key: ModuleConfigEnum.HOME,
+      icon: 'iconicon_home',
+    },
+    {
+      label: t('module.customerManagement'),
+      key: ModuleConfigEnum.CUSTOMER_MANAGEMENT,
+      icon: 'iconicon_customer',
+    },
+    {
+      label: t('module.contract'),
+      key: ModuleConfigEnum.CONTRACT,
+      icon: 'iconicon_contract',
+    },
+    {
+      label: t('module.order'),
+      key: ModuleConfigEnum.ORDER,
+      icon: 'iconicon_order_form',
+    },
+    {
+      label: t('module.clueManagement'),
+      key: ModuleConfigEnum.CLUE_MANAGEMENT,
+      icon: 'iconicon_clue',
+    },
+    {
+      label: t('module.businessManagement'),
+      key: ModuleConfigEnum.BUSINESS_MANAGEMENT,
+      icon: 'iconicon_business_opportunity',
+    },
+    // TODO 不上 xxw
+    // {
+    //   label: t('module.dataManagement'),
+    //   key: ModuleConfigEnum.DATA_MANAGEMENT,
+    //   icon: 'iconicon_data',
+    // },
+    {
+      label: t('module.productManagement'),
+      key: ModuleConfigEnum.PRODUCT_MANAGEMENT,
+      icon: 'iconicon_product',
+    },
+    {
+      label: t('menu.settings'),
+      key: ModuleConfigEnum.SYSTEM_SETTINGS,
+      icon: 'iconicon_set_up',
+    },
+    {
+      label: t('menu.dashboard'),
+      key: ModuleConfigEnum.DASHBOARD,
+      icon: 'iconicon_dashboard1',
+    },
+    {
+      label: t('module.agent'),
+      key: ModuleConfigEnum.AGENT,
+      icon: 'iconicon_bot',
+    },
+    {
+      label: t('module.tender'),
+      key: ModuleConfigEnum.TENDER,
+      icon: 'iconicon_target',
+    },
+    {
+      label: t('module.customForm'),
+      key: ModuleConfigEnum.CUSTOM_FORM,
+      icon: 'iconicon_form',
+    },
+  ]);
+
+  const moduleNavList = ref<ModuleNavItem[]>([]);
+  async function initModuleNavList() {
+    await appStore.initModuleConfig();
+    moduleNavList.value = appStore.moduleConfigList.map((item) => {
+      const navItem = navList.value.find((e) => e.key === item.moduleKey);
+      return {
+        ...item,
+        key: item.moduleKey,
+        label: navItem?.label ?? '',
+        icon: navItem?.icon ?? '',
+      };
+    });
+  }
+
+  // 模块排序
+  const onDragEnd = async (event: any) => {
+    const { newIndex, oldIndex } = event;
+    const dragModuleId = moduleNavList.value[newIndex]?.id;
+    if (dragModuleId) {
+      try {
+        await moduleNavListSort({
+          dragModuleId,
+          end: newIndex + 1,
+          start: oldIndex + 1,
+        });
+        Message.success(t('common.operationSuccess'));
+        initModuleNavList();
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      }
+    }
+  };
+  // 改变icon
+  function changeIcon(val: boolean) {
+    appStore.setMenuIconStatus(val);
+  }
+
+  const navTopConfigList = ref<ActionItem[]>([]);
+  async function initNavTopList() {
+    try {
+      await appStore.initNavTopConfig();
+      navTopConfigList.value = appStore.getNavTopConfigList;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  async function onDragNavEnd(event: any) {
+    const { newIndex, oldIndex } = event;
+    const dragModuleKey = navTopConfigList.value[newIndex]?.key;
+    const dragModuleId = appStore.navTopConfigList.find((e) => e.navigationKey === dragModuleKey)?.id;
+    if (dragModuleId) {
+      try {
+        await setTopNavListSort({
+          dragModuleId,
+          end: newIndex + 1,
+          start: oldIndex + 1,
+        });
+        Message.success(t('common.operationSuccess'));
+        initNavTopList();
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      }
+    }
+  }
+
+  const enableAdvanced = ref(false);
+  async function getEnableAdvanced() {
+    try {
+      enableAdvanced.value = await getAdvancedSwitch();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+  async function setAdvancedSwitch() {
+    try {
+      await setDisplayAdvanced();
+      enableAdvanced.value = !enableAdvanced.value;
+      Message.success(t('common.operationSuccess'));
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  const searchMoreOptions = computed<ActionsItem[]>(() => [
+    {
+      key: 'desensitizationSet',
+      label: t('module.desensitizationSet'),
+    },
+    {
+      key: 'advanced',
+      label: t('workbench.duplicateCheck.advanced'),
+      render: h(
+        'div',
+        {
+          class: 'flex items-center gap-[8px]',
+          onClick: (e: MouseEvent) => {
+            e.stopPropagation();
+          },
+        },
+        [
+          t('workbench.duplicateCheck.advanced'),
+          h(NSwitch, {
+            value: enableAdvanced.value,
+            rubberBand: false,
+            size: 'small',
+            onClick: (e: MouseEvent) => {
+              e.stopPropagation();
+              setAdvancedSwitch();
+            },
+          }),
+        ]
+      ),
+    },
+  ]);
+
+  const eventMoreOptions = computed<ActionsItem[]>(() => [
+    {
+      key: 'followRecord',
+      label: t('module.followRecordFormSetting'),
+    },
+    {
+      key: 'followPlan',
+      label: t('module.followPlanFormSetting'),
+    },
+  ]);
+
+  const customerManagementFollowRecordVisible = ref(false);
+  const customerManagementFollowPlanVisible = ref(false);
+
+  const showDesensitizationDrawer = ref(false);
+  function handleDesensitization() {
+    showDesensitizationDrawer.value = true;
+  }
+
+  function handleMoreSelect(key: string) {
+    switch (key) {
+      case 'desensitizationSet':
+        handleDesensitization();
+        break;
+      case 'followRecord':
+        customerManagementFollowRecordVisible.value = true;
+        break;
+      case 'followPlan':
+        customerManagementFollowPlanVisible.value = true;
+        break;
+      default:
+        break;
+    }
+  }
+
+  onMounted(() => {
+    enable.value = appStore.getMenuIconStatus;
+    getEnableAdvanced();
+  });
+
+  watch(
+    () => appStore.orgId,
+    (val) => {
+      if (val) {
+        initModuleNavList();
+        initNavTopList();
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
+
+<style lang="less" scoped>
+  .config-container {
+    width: 100%;
+    background: var(--text-n9);
+    @apply flex w-full gap-4;
+    .left-box {
+      width: 24%;
+      border-radius: var(--border-radius-medium);
+      background: var(--text-n10);
+      @apply flex flex-col;
+      .nav-list {
+        .nav-item {
+          padding: 8px;
+          height: 36px;
+          border: 1px solid transparent;
+          border-radius: var(--border-radius-small);
+          background: var(--text-n9);
+          gap: 8px;
+          @apply mb-2 flex cursor-pointer items-center;
+          &:hover {
+            border-color: var(--primary-8);
+          }
+        }
+      }
+    }
+    .right-box {
+      width: 76%;
+      border-radius: var(--border-radius-medium);
+      background: var(--text-n10);
+      @apply flex-1;
+    }
+  }
+</style>
+
+<style lang="less">
+  .crm-module-form-title {
+    color: var(--text-n1);
+    @apply mb-4 font-medium;
+  }
+
+  // 到期提醒表单
+  .crm-reminder-advance-input {
+    // input 和 input-number
+    &.n-input--resizable,
+    .n-input--resizable {
+      margin-right: 8px;
+      width: 96px;
+    }
+  }
+  .n-scrollbar-rail--vertical {
+    @apply !right-0;
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/module/locale/en-US.ts b/frontend/packages/web/src/views/system/module/locale/en-US.ts
new file mode 100644
index 0000000..df360ba
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/locale/en-US.ts
@@ -0,0 +1,130 @@
+export default {
+  'module.workbenchHome': 'Home',
+  'module.customerManagement': 'Account',
+  'module.clueManagement': 'Lead',
+  'module.businessManagement': 'Opportunity',
+  'module.dataManagement': 'Data',
+  'module.productManagement': 'Product',
+  'module.productManagementPrice': 'Price Table',
+  'module.newContactForm': 'Contact form settings',
+  'module.autoRecycle': 'Auto recycle',
+  'module.expirationReminder': 'Expiration reminder',
+  'module.closeModuleTip': 'Confirm to close {name} module?',
+  'module.closeModuleTipContent':
+    'After closing, members will not find the module in the main navigation, please be careful!',
+  'module.openModuleTip': 'Confirm to open {name} module?',
+  'module.openModuleTipContent': 'After opening, the module appears in the main navigation menu',
+  'module.remainingDays': 'Remaining ownership days',
+  'module.openSea': 'Open Sea',
+  'module.confirmDeleteCapacity': 'Confirm to delete capacity?',
+  'module.confirmDeleteCapacityContent': 'Members will have unlimited capacity after deletion',
+  'module.customer.openSea': 'Open Sea Settings',
+  'module.customer.followRecord': 'Follow-up record',
+  'module.customer.followPlan': 'Follow-up plan',
+  'module.customer.capacitySet': 'Account Capacity Settings',
+  'module.customer.addOpenSea': 'Add Open Sea',
+  'module.customer.updateOpenSea': 'Update Open Sea',
+  'module.customer.openSeaName': 'Open Sea Name',
+  'module.customer.deleteRulesTitle': 'Unallocated accounts exist in the open sea, deletion is prohibited!',
+  'module.clue.storageTime': 'Storage time',
+  'module.clue.followUpTime': 'Follow up time',
+  'module.customer.enabledTipContent': 'When enabled, accounts will be recycled according to the configured rules',
+  'module.customer.disabledTipContent':
+    'When disabled, accounts will no longer be recycled according to the configured rules',
+  'module.customer.customerCollectionRules': 'Account collection rules',
+  'module.customer.customerRecycleRule': 'Account recycle rules',
+  'module.cluePool': 'Lead Pool',
+  'module.clue.cluePool': 'Lead pool settings',
+  'module.clue.columnsSetting': 'Table field settings',
+  'module.clue.addCluePool': 'Add lead pool',
+  'module.clue.updateCluePool': 'Update lead pool',
+  'module.clue.capacitySet': 'Lead capacity settings',
+  'module.clue.enabledTipContent': 'Once enabled, leads will be recycled based on the configuration rules.',
+  'module.clue.disabledTipContent': 'Once disabled, leads will no longer be recycled based on the configuration rules.',
+  'module.deleteTip': 'Once deleted, members will no longer be able to access the {name}. Please proceed with caution.',
+  'module.clue.name': 'Lead Pool Name',
+  'module.clue.autoRecycle': 'Auto recycle',
+  'module.clue.clueCollectionRules': 'Lead collection rules',
+  'module.clue.dailyCollection': 'Daily collection',
+  'module.clue.addConditions': 'Add conditions',
+  'module.clue.limitQuantity': 'Limit quantity',
+  'module.clue.formerOwner': 'Former owner',
+  'module.clue.receiveDay': 'Can be claimed in days',
+  'module.clue.ownerCollection': 'Collection by previous owner',
+  'module.clue.clueRecycleRule': 'Lead recycle rules',
+  'module.clue.noLimit': 'No Limit',
+  'module.clue.limit': 'Limit',
+  'module.clue.newDataPick': 'New data collection',
+  'module.clue.newData': 'New data',
+  'module.clue.newPoolDataTip': 'New data flowing into the lead pool',
+  'module.clue.newOpenSeaDataTip': 'New data flowing into the open sea',
+  'module.clue.updateConfirmContent': 'After updating, the new recycling rules will only apply to newly created data.',
+  'module.clue.followUpDays': 'Number of days not followed up',
+  'module.clue.deleteRulesTitle': 'There are unallocated leads in the lead pool, deletion is prohibited!',
+  'module.businessManage.businessCloseRule': 'Opportunity close rules',
+  'module.businessManage.businessStepSet': 'Opportunity stage settings',
+  'module.businessManage.businessStepConfig': 'Stage configuration',
+  'module.businessManage.businessStepRollbackConfig': 'Opportunity stage rollback settings',
+  'module.businessManage.insetBefore': 'Insert stage before',
+  'module.businessManage.insetAfter': 'Insert stage after',
+  'module.businessManage.stageHasData': 'Current opportunity stage contains opportunity data, deletion is prohibited!',
+  'module.businessManage.addRules': 'Add Rules',
+  'module.businessManage.mainNavConfig': 'Nav setting',
+  'module.capacitySet.departmentOrMember': 'Department or member',
+  'module.capacitySet.repeatMsg': 'Already added in another rule',
+  'module.capacitySet.Maximum': 'Capacity Limit',
+  'module.capacitySet.MaximumPlaceholder': 'No limit',
+  'module.capacitySet.notIncluded': 'Exclude rules',
+  'module.capacitySet.notIncludedTip':
+    'Accounts who meet the filter criteria will be excluded from capacity calculations.',
+  'module.capacitySet.notIncludedDisabled': 'This option is unavailable when the capacity limit is not enabled.',
+  'module.capacitySet.notIncludedValueDisabled': 'Please select a condition first.',
+  'module.capacitySet.notIncludedOperatorDisabled': 'Please select filter conditions first',
+  'module.capacitySet.value': 'Value',
+  'module.capacitySet.condition': 'Condition',
+  'module.personal.info': 'Personal information',
+  'module.personal.plan': 'My plan',
+  'module.personal.myExport': 'My export',
+  'module.logout': 'Exit',
+  'module.customerFormSetting': 'Account form set',
+  'module.clueFormSetting': 'Lead form set',
+  'module.opportunityFormSetting': 'Opportunity form set',
+  'module.opportunityQuotationFormSetting': 'Quotation form set',
+  'module.productFormSetting': 'Product form set',
+  'module.followRecordFormSetting': 'Follow record form set',
+  'module.followPlanFormSetting': 'Follow plan form set',
+  'module.moveLeadPoolReasonConfig': 'Move into cue pool cause setting',
+  'module.movePublicPoolReasonConfig': 'Move into the open sea cause setting',
+  'module.failReasonConfig': 'Fail reason configuration',
+  'module.approvalSwitch': '{name} approval',
+  'module.invoiceApproval': 'Invoice',
+  'module.configReasonTooltip': 'It can be enabled after configuration',
+  'module.topNavigationConfig': 'Top Navigation Settings',
+  'module.desensitizationSet': 'Desensitization set',
+  'module.agent': 'Agent',
+  'module.contract': 'Contract',
+  'module.order': 'Order',
+  'module.order.stateFlow': 'Order Status Flow',
+  'module.order.state': 'Order Status',
+  'module.order.stateType': 'Status Type',
+  'module.order.stateFlowSet': 'Order Status Flow Settings',
+  'module.order.stateConfig': 'Order Status Config',
+  'module.order.stateBackConfig': 'Status rollback config',
+  'module.order.stageHasData': 'There is data in the current order status, forbidden to delete!',
+  'module.formSettings': 'Form Settings',
+  'module.paymentPlan': 'Payment Plan',
+  'module.paymentRecord': 'Payment Record',
+  'module.paymentRecordFormSetting': 'Payment Record Form Setting',
+  'module.businessTitle': 'Business Title',
+  'module.priceTableFormSetting': 'Price Table Form Setting',
+  'module.custom_form': 'Custom Form',
+  'module.tender': 'Tender',
+  'module.contract.businessNameValidateConfig': 'Business Title Form Required Settings',
+  'module.contract.invoiceFormSetting': 'Invoice Form Settings',
+  'module.contract.stageSetting': 'Stage Setting',
+  'module.contract.stage': 'Contract Stage',
+  'module.contract.stageHasData': 'The current contract state has data, cannot delete!',
+  'module.invoice': 'Invoice Records',
+  'module.customForm': 'Custom Form',
+  'module.customFormData': 'Custom Form Data',
+};
diff --git a/frontend/packages/web/src/views/system/module/locale/zh-CN.ts b/frontend/packages/web/src/views/system/module/locale/zh-CN.ts
new file mode 100644
index 0000000..beb602e
--- /dev/null
+++ b/frontend/packages/web/src/views/system/module/locale/zh-CN.ts
@@ -0,0 +1,127 @@
+export default {
+  'module.workbenchHome': '首页',
+  'module.customerManagement': '客户',
+  'module.clueManagement': '线索',
+  'module.businessManagement': '商机',
+  'module.dataManagement': '数据',
+  'module.productManagement': '产品',
+  'module.productManagementPrice': '价格表',
+  'module.newContactForm': '联系人表单设置',
+  'module.autoRecycle': '自动回收',
+  'module.expirationReminder': '到期提醒',
+  'module.closeModuleTip': '确认关闭{name}模块吗',
+  'module.closeModuleTipContent': '关闭后，成员在主导航找不到该模块，请谨慎操作！',
+  'module.openModuleTip': '确认开启{name}模块吗',
+  'module.openModuleTipContent': '模块开启后，模块出现在主导航菜单',
+  'module.remainingDays': '剩余归属天数',
+  'module.openSea': '公海',
+  'module.confirmDeleteCapacity': '确认删除库容吗？',
+  'module.confirmDeleteCapacityContent': '删除后成员库容将不受限制',
+  'module.customer.openSea': '公海设置',
+  'module.customer.followRecord': '跟进记录',
+  'module.customer.followPlan': '跟进计划',
+  'module.customer.capacitySet': '客户库容设置',
+  'module.customer.addOpenSea': '添加公海',
+  'module.customer.updateOpenSea': '更新公海',
+  'module.customer.openSeaName': '公海名称',
+  'module.customer.deleteRulesTitle': '公海存在未分配的客户，禁止删除！',
+  'module.customer.enabledTipContent': '启用后，会根据配置规则回收客户',
+  'module.customer.disabledTipContent': '禁用后，不再根据配置规则回收客户',
+  'module.customer.customerCollectionRules': '客户领取规则',
+  'module.customer.customerRecycleRule': '客户回收规则',
+  'module.cluePool': '线索池',
+  'module.clue.cluePool': '线索池设置',
+  'module.clue.columnsSetting': '表格字段设置',
+  'module.clue.addCluePool': '添加线索池',
+  'module.clue.updateCluePool': '更新线索池',
+  'module.clue.capacitySet': '线索库容设置',
+  'module.clue.enabledTipContent': '启用后，会根据配置规则回收线索',
+  'module.clue.disabledTipContent': '禁用后，不再根据配置规则回收线索',
+  'module.deleteTip': '删除后，成员无法查到该{name}，请谨慎操作！',
+  'module.clue.name': '线索池名称',
+  'module.clue.autoRecycle': '自动回收',
+  'module.clue.clueCollectionRules': '线索领取规则',
+  'module.clue.dailyCollection': '每日领取',
+  'module.clue.addConditions': '添加条件',
+  'module.clue.limitQuantity': '限制数量',
+  'module.clue.formerOwner': '前归属人',
+  'module.clue.receiveDay': '天后可领取',
+  'module.clue.ownerCollection': '前归属人领取',
+  'module.clue.clueRecycleRule': '线索回收规则',
+  'module.clue.noLimit': '不限',
+  'module.clue.limit': '限制',
+  'module.clue.newDataPick': '新数据领取',
+  'module.clue.newData': '新数据',
+  'module.clue.newPoolDataTip': '新流入线索池的数据',
+  'module.clue.newOpenSeaDataTip': '新流入公海的数据',
+  'module.clue.updateConfirmContent': '更新后，更新的回收规则仅对新产生的数据生效',
+  'module.clue.followUpDays': '未跟进天数',
+  'module.clue.deleteRulesTitle': '线索池存在未分配的线索，禁止删除！',
+  'module.clue.storageTime': '入库时间',
+  'module.clue.followUpTime': '跟进时间',
+  'module.businessManage.businessCloseRule': '商机关闭规则',
+  'module.businessManage.businessStepSet': '商机阶段设置',
+  'module.businessManage.businessStepConfig': '阶段配置',
+  'module.businessManage.businessStepRollbackConfig': '商机阶段回退设置',
+  'module.businessManage.insetBefore': '在之前插入阶段',
+  'module.businessManage.insetAfter': '在之后插入阶段',
+  'module.businessManage.stageHasData': '当前商机阶段存在商机数据，禁止删除！',
+  'module.businessManage.addRules': '添加规则',
+  'module.businessManage.mainNavConfig': '主导航配置',
+  'module.capacitySet.departmentOrMember': '部门或成员',
+  'module.capacitySet.repeatMsg': '已在其他规则中添加',
+  'module.capacitySet.Maximum': '库容上限',
+  'module.capacitySet.MaximumPlaceholder': '不限制',
+  'module.capacitySet.notIncluded': '不计入条件',
+  'module.capacitySet.notIncludedTip': '满足过滤条件的客户不计入库容',
+  'module.capacitySet.notIncludedDisabled': '库容上线不限制时，不计入条件不可使用',
+  'module.capacitySet.notIncludedValueDisabled': '请先选择判断条件',
+  'module.capacitySet.notIncludedOperatorDisabled': '请先选择过滤条件',
+  'module.capacitySet.value': '值',
+  'module.capacitySet.condition': '判断条件',
+  'module.personal.info': '个人信息',
+  'module.personal.plan': '我的计划',
+  'module.personal.myExport': '我的导出',
+  'module.logout': '退出系统',
+  'module.customerFormSetting': '客户表单设置',
+  'module.clueFormSetting': '线索表单设置',
+  'module.opportunityFormSetting': '商机表单设置',
+  'module.opportunityQuotationFormSetting': '报价表单设置',
+  'module.productFormSetting': '产品表单设置',
+  'module.followRecordFormSetting': '跟进记录表单设置',
+  'module.followPlanFormSetting': '跟进计划表单设置',
+  'module.moveLeadPoolReasonConfig': '移入线索池原因设置',
+  'module.movePublicPoolReasonConfig': '移入公海原因设置',
+  'module.failReasonConfig': '商机失败原因设置',
+  'module.approvalSwitch': '{name}审批',
+  'module.invoiceApproval': '发票',
+  'module.configReasonTooltip': '配置后可开启',
+  'module.topNavigationConfig': '顶部导航配置',
+  'module.desensitizationSet': '脱敏设置',
+  'module.agent': '智能体',
+  'module.contract': '合同',
+  'module.order': '订单',
+  'module.order.stateFlow': '订单状态流',
+  'module.order.state': '订单状态',
+  'module.order.stateType': '状态类型',
+  'module.order.stateFlowSet': '订单状态流设置',
+  'module.order.stateConfig': '状态配置',
+  'module.order.stateBackConfig': '状态回退配置',
+  'module.order.stageHasData': '当前订单状态存在数据，禁止删除！',
+  'module.formSettings': '表单设置',
+  'module.paymentPlan': '回款计划',
+  'module.paymentRecord': '回款记录',
+  'module.paymentRecordFormSetting': '回款记录表单设置',
+  'module.businessTitle': '工商抬头',
+  'module.priceTableFormSetting': '价格表表单设置',
+  'module.custom_form': '自定义表单',
+  'module.tender': '标讯',
+  'module.contract.businessNameValidateConfig': '工商抬头表单必填设置',
+  'module.contract.invoiceFormSetting': '发票表单设置',
+  'module.contract.stageSetting': '合同阶段设置',
+  'module.contract.stage': '合同阶段',
+  'module.contract.stageHasData': '当前合同状态存在数据，禁止删除！',
+  'module.invoice': '发票记录',
+  'module.customForm': '自定义表单',
+  'module.customFormData': '自定义表单数据',
+};
diff --git a/frontend/packages/web/src/views/system/org/components/addMember.vue b/frontend/packages/web/src/views/system/org/components/addMember.vue
new file mode 100644
index 0000000..c44833a
--- /dev/null
+++ b/frontend/packages/web/src/views/system/org/components/addMember.vue
@@ -0,0 +1,410 @@
+<template>
+  <CrmDrawer
+    v-model:show="showDrawer"
+    :width="480"
+    :title="form.id ? t('org.updateMember') : t('org.addMember')"
+    :ok-text="t('common.update')"
+    @cancel="cancelHandler"
+  >
+    <div class="mr-[20%]">
+      <n-form
+        ref="formRef"
+        :model="form"
+        :rules="rules"
+        label-placement="left"
+        :label-width="100"
+        require-mark-placement="left"
+      >
+        <n-form-item require-mark-placement="left" label-placement="left" path="name" :label="t('org.userName')">
+          <n-input v-model:value="form.name" type="text" :placeholder="t('common.pleaseInput')" :maxlength="255" />
+        </n-form-item>
+        <n-form-item require-mark-placement="left" label-placement="left" path="gender" :label="t('org.gender')">
+          <n-radio-group v-model:value="form.gender" name="radiogroup">
+            <n-space>
+              <n-radio key="male" :value="false">
+                {{ t('org.male') }}
+              </n-radio>
+              <n-radio key="female" :value="true">
+                {{ t('org.female') }}
+              </n-radio>
+            </n-space>
+          </n-radio-group>
+        </n-form-item>
+        <n-form-item require-mark-placement="left" label-placement="left" path="phone" :label="t('common.phoneNumber')">
+          <n-input v-model:value="form.phone" type="text" :placeholder="t('common.pleaseInput')" />
+        </n-form-item>
+        <n-form-item require-mark-placement="left" label-placement="left" path="email" :label="t('org.userEmail')">
+          <n-input v-model:value="form.email" type="text" :placeholder="t('common.pleaseInput')" />
+        </n-form-item>
+        <n-form-item
+          require-mark-placement="left"
+          label-placement="left"
+          path="departmentId"
+          :label="t('org.department')"
+        >
+          <n-tree-select
+            v-model:value="form.departmentId"
+            :options="department"
+            label-field="name"
+            key-field="id"
+            filterable
+            clearable
+            children-field="children"
+          >
+            <template #empty>
+              <div class="flex w-full items-center justify-start text-[var(--text-n4)]">
+                {{ t('org.noDepartmentToChoose') }}
+              </div>
+            </template>
+            <!-- TODO xxw -->
+            <!-- <template #action>
+              <div class="text-left">
+                <n-button type="primary" text>
+                  <template #icon>
+                    <CrmIcon type="iconicon_add" :size="16" class="text-[var(--primary-8)]" />
+                  </template>
+                  {{ t('org.addDepartment') }}
+                </n-button>
+              </div>
+            </template> -->
+          </n-tree-select>
+        </n-form-item>
+        <n-form-item
+          require-mark-placement="left"
+          label-placement="left"
+          path="employeeId"
+          :label="t('org.employeeNumber')"
+        >
+          <n-input
+            v-model:value="form.employeeId"
+            type="text"
+            :placeholder="t('common.pleaseInput')"
+            :maxlength="255"
+          />
+        </n-form-item>
+        <CrmExpandButton v-model:expand="showForm">
+          <n-form-item
+            require-mark-placement="left"
+            label-placement="left"
+            path="employeeType"
+            :label="t('org.employeeType')"
+          >
+            <n-select
+              v-model:value="form.employeeType"
+              :placeholder="t('common.pleaseSelect')"
+              clearable
+              :options="employeeTypeOptions"
+            />
+          </n-form-item>
+          <n-form-item
+            require-mark-placement="left"
+            label-placement="left"
+            path="supervisorId"
+            :label="t('org.directSuperior')"
+          >
+            <CrmUserSelect
+              ref="crmUserSelectRef"
+              v-model:value="form.supervisorId"
+              value-field="id"
+              label-field="name"
+              mode="remote"
+              filterable
+              clearable
+              :fetch-api="getUserOptions"
+            />
+          </n-form-item>
+          <n-form-item require-mark-placement="left" label-placement="left" path="position" :label="t('org.position')">
+            <n-input
+              v-model:value="form.position"
+              type="text"
+              :placeholder="t('common.pleaseInput')"
+              :maxlength="255"
+            />
+          </n-form-item>
+          <n-form-item
+            require-mark-placement="left"
+            label-placement="left"
+            path="workCity"
+            :label="t('org.workingCity')"
+          >
+            <CrmCitySelect v-model:value="form.workCity" />
+          </n-form-item>
+          <n-form-item require-mark-placement="left" label-placement="left" path="roleIds" :label="t('org.role')">
+            <n-select
+              v-model:value="form.roleIds"
+              multiple
+              filterable
+              :placeholder="t('common.pleaseSelect')"
+              :options="roleOptions"
+            />
+          </n-form-item>
+          <n-form-item
+            require-mark-placement="left"
+            label-placement="left"
+            path="onboardingDate"
+            :label="t('org.onboardingDate')"
+          >
+            <n-date-picker v-model:value="form.onboardingDate" type="date" class="w-full"> </n-date-picker>
+          </n-form-item>
+          <!-- TODO  不上 -->
+          <!-- <n-form-item
+            require-mark-placement="left"
+            label-placement="left"
+            path="userGroupIds"
+            :label="t('org.userGroup')"
+          >
+            <n-select
+              v-model:value="form.userGroupIds"
+              :placeholder="t('common.pleaseSelect')"
+              :options="userGroupOptions"
+            />
+          </n-form-item> -->
+        </CrmExpandButton>
+      </n-form>
+    </div>
+    <template #footer>
+      <div class="flex w-full items-center justify-between">
+        <div class="ml-[4px] flex items-center gap-[8px]">
+          <n-switch v-model:value="form.enable" :rubber-band="false" /> {{ t('common.status') }}
+        </div>
+        <div class="flex items-center justify-end gap-[12px]">
+          <n-button :disabled="loading" secondary @click="cancelHandler">
+            {{ t('common.cancel') }}
+          </n-button>
+          <n-button
+            v-if="!form.id"
+            :loading="loading"
+            type="primary"
+            ghost
+            class="n-btn-outline-primary"
+            @click="handleSave(true)"
+          >
+            {{ t('common.saveAndContinue') }}
+          </n-button>
+          <n-button :loading="loading" type="primary" @click="handleSave(false)">
+            {{ form.id ? t('common.update') : t('common.confirm') }}
+          </n-button>
+        </div>
+      </div>
+    </template>
+  </CrmDrawer>
+</template>
+
+<script setup lang="ts">
+  import {
+    FormInst,
+    FormItemRule,
+    FormRules,
+    NButton,
+    NDatePicker,
+    NForm,
+    NFormItem,
+    NInput,
+    NRadio,
+    NRadioGroup,
+    NSelect,
+    NSpace,
+    NSwitch,
+    NTreeSelect,
+    SelectOption,
+    useMessage,
+  } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { validateEmail, validatePhone } from '@lib/shared/method/validate';
+  import type { MemberParams } from '@lib/shared/models/system/org';
+
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import type { CrmTreeNodeData } from '@/components/pure/crm-tree/type';
+  import CrmCitySelect from '@/components/business/crm-city-select/index.vue';
+  import CrmExpandButton from '@/components/business/crm-expand-button/index.vue';
+  import CrmUserSelect from '@/components/business/crm-user-select/index.vue';
+
+  import { addUser, getDepartmentTree, getRoleOptions, getUserDetail, getUserOptions, updateUser } from '@/api/modules';
+  import useLicenseStore from '@/store/modules/setting/license';
+
+  const Message = useMessage();
+  const { t } = useI18n();
+  const licenseStore = useLicenseStore();
+  // TODO license 先放开
+  // const xPack = computed(() => licenseStore.hasLicense());
+  const xPack = ref(true);
+  const emit = defineEmits<{
+    (e: 'brash'): void;
+    (e: 'close'): void;
+  }>();
+
+  const props = defineProps<{
+    userId: string;
+    activeDepId: string; // 激活部门id
+  }>();
+
+  const showDrawer = defineModel<boolean>('show', {
+    required: true,
+    default: false,
+  });
+
+  const initUserForm: MemberParams = {
+    name: '',
+    gender: false,
+    phone: '',
+    email: '',
+    departmentId: '',
+    employeeId: '',
+    position: '',
+    enable: true,
+    employeeType: null,
+    workCity: null,
+    supervisorId: null,
+    roleIds: [],
+    userGroupIds: [],
+    userName: '',
+    roles: [],
+    onboardingDate: null,
+  };
+
+  const form = ref<MemberParams>(cloneDeep(initUserForm));
+
+  function validateUserEmail(rule: FormItemRule, value: string) {
+    if (!value) {
+      return new Error(t('common.notNull', { value: `${t('org.userEmail')}` }));
+    }
+    if (!validateEmail(value)) {
+      return new Error(t('common.emailErrTip'));
+    }
+    return true;
+  }
+
+  function validateUserPhone(rule: FormItemRule, value: string) {
+    if (!value) {
+      return new Error(t('common.notNull', { value: `${t('common.phoneNumber')}` }));
+    }
+    if (!validatePhone(value)) {
+      return new Error(t('common.userPhoneErrTip'));
+    }
+    return true;
+  }
+
+  const rules: FormRules = {
+    name: [
+      { required: true, message: t('common.notNull', { value: `${t('org.userName')}` }), trigger: ['input', 'blur'] },
+    ],
+    phone: [{ required: true, validator: validateUserPhone, trigger: ['input', 'blur'] }],
+    email: [{ required: true, validator: validateUserEmail, trigger: ['input', 'blur'] }],
+    departmentId: [{ required: true, message: t('common.pleaseSelect'), trigger: ['input', 'blur'] }],
+  };
+
+  const showForm = ref(false);
+
+  const employeeTypeOptions = ref([
+    {
+      value: 'formal',
+      label: t('org.formalUser'),
+    },
+    {
+      value: 'internship',
+      label: t('org.internshipUser'),
+    },
+    {
+      value: 'outsourcing',
+      label: t('org.outsourcingUser'),
+    },
+  ]);
+
+  const userGroupOptions = ref([]);
+
+  const loading = ref(false);
+  const formRef = ref<FormInst | null>(null);
+
+  function cancelHandler() {
+    form.value = cloneDeep(initUserForm);
+    emit('close');
+  }
+
+  const crmUserSelectRef = ref<InstanceType<typeof CrmUserSelect>>();
+
+  function handleSave(isContinue: boolean) {
+    formRef.value?.validate(async (error) => {
+      if (!error) {
+        try {
+          loading.value = true;
+          if (form.value.id) {
+            await updateUser(form.value);
+            Message.success(t('common.updateSuccess'));
+          } else {
+            await addUser(form.value);
+            Message.success(t('common.addSuccess'));
+          }
+
+          if (isContinue) {
+            form.value = cloneDeep(initUserForm);
+            crmUserSelectRef.value?.loadUsers();
+          } else {
+            cancelHandler();
+          }
+          emit('brash');
+        } catch (e) {
+          // eslint-disable-next-line no-console
+          console.log(e);
+        } finally {
+          loading.value = false;
+        }
+      }
+    });
+  }
+
+  const roleOptions = ref<SelectOption[]>([]);
+  async function initRoleList() {
+    try {
+      const res = await getRoleOptions();
+      roleOptions.value = res.map((e: { id: string; name: string }) => {
+        return { label: e.name, value: e.id };
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  const department = ref<CrmTreeNodeData[]>([]);
+  async function initDepartList() {
+    try {
+      department.value = await getDepartmentTree();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  async function getDetail() {
+    try {
+      if (props.userId) {
+        const detail = await getUserDetail(props.userId);
+        form.value = {
+          ...detail,
+          name: detail.userName,
+          roleIds: detail.roles.map((e) => e.id),
+        };
+      } else {
+        form.value.departmentId = props.activeDepId;
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  watch(
+    () => showDrawer.value,
+    (val) => {
+      if (val) {
+        getDetail();
+        initDepartList();
+        initRoleList();
+      }
+    }
+  );
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/views/system/org/components/batchEditModal.vue b/frontend/packages/web/src/views/system/org/components/batchEditModal.vue
new file mode 100644
index 0000000..00c169c
--- /dev/null
+++ b/frontend/packages/web/src/views/system/org/components/batchEditModal.vue
@@ -0,0 +1,265 @@
+<template>
+  <CrmModal
+    v-model:show="showEditDrawer"
+    size="small"
+    :title="t('common.batchEdit')"
+    :ok-loading="loading"
+    @cancel="cancelHandler"
+  >
+    <n-form ref="formRef" :model="form" label-placement="left" label-width="auto">
+      <n-form-item
+        :rule="[
+          {
+            required: true,
+            trigger: ['input', 'blur'],
+            message: t('common.notNull', { value: `${t('org.attributes')}` }),
+          },
+        ]"
+        require-mark-placement="left"
+        label-placement="left"
+        path="attributes"
+        :label="t('org.attributes')"
+      >
+        <n-select
+          v-model:value="form.attributes"
+          :placeholder="t('common.pleaseSelect')"
+          :options="attributesOptions"
+        />
+      </n-form-item>
+      <n-form-item
+        v-if="!form.attributes"
+        :rule="[
+          {
+            required: true,
+            trigger: ['input', 'blur'],
+            message: t('common.value.notNull'),
+          },
+        ]"
+        require-mark-placement="left"
+        label-placement="left"
+        path="value"
+        :label="t('common.batchUpdate')"
+      >
+        <n-select v-model:value="form.value" :placeholder="t('common.pleaseSelect')" :options="valueOptions" />
+      </n-form-item>
+      <n-form-item
+        v-else-if="form.attributes === 'departmentId'"
+        :rule="[{ required: true, trigger: ['input', 'blur'], message: t('common.value.notNull') }]"
+        require-mark-placement="left"
+        label-placement="left"
+        path="value"
+        :label="t('common.batchUpdate')"
+      >
+        <n-tree-select
+          v-model:value="form.value"
+          :options="department"
+          label-field="name"
+          key-field="id"
+          filterable
+          clearable
+          children-field="children"
+        />
+      </n-form-item>
+      <n-form-item
+        v-else-if="form.attributes === 'supervisorId'"
+        :rule="[{ required: true, message: t('common.value.notNull') }]"
+        require-mark-placement="left"
+        label-placement="left"
+        path="headers"
+        :label="t('common.batchUpdate')"
+      >
+        <CrmUserTagSelector
+          v-model:selected-list="form.headers"
+          :member-types="[
+            {
+              label: t('menu.settings.org'),
+              value: MemberSelectTypeEnum.ORG,
+            },
+          ]"
+          :multiple="false"
+          :drawer-title="t('org.setDirectSuperiors')"
+          :disabled-node-types="[DeptNodeTypeEnum.ORG]"
+        />
+      </n-form-item>
+      <n-form-item
+        v-else-if="form.attributes === 'workCity'"
+        :rule="[{ required: true, trigger: ['input', 'blur'], message: t('common.value.notNull') }]"
+        require-mark-placement="left"
+        label-placement="left"
+        path="value"
+        :label="t('common.batchUpdate')"
+      >
+        <CrmCitySelect v-model:value="form.value" />
+      </n-form-item>
+      <n-form-item
+        v-else-if="form.attributes === 'onboardingDate'"
+        :rule="[{ required: true, trigger: ['input', 'blur'], type: 'number', message: t('common.value.notNull') }]"
+        require-mark-placement="left"
+        label-placement="left"
+        path="onboardingDate"
+        :label="t('common.batchUpdate')"
+      >
+        <n-date-picker v-model:value="form.onboardingDate" type="date" class="w-full"> </n-date-picker>
+      </n-form-item>
+    </n-form>
+    <template #footer>
+      <div class="flex w-full items-center justify-end gap-[12px]">
+        <n-button :disabled="loading" secondary @click="cancelHandler">
+          {{ t('common.cancel') }}
+        </n-button>
+        <n-button :loading="loading" type="primary" @click="confirmHandler">
+          {{ t('common.update') }}
+        </n-button>
+      </div>
+    </template>
+  </CrmModal>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import {
+    DataTableRowKey,
+    FormInst,
+    NButton,
+    NDatePicker,
+    NForm,
+    NFormItem,
+    NSelect,
+    NTreeSelect,
+    SelectOption,
+    useMessage,
+  } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import { MemberSelectTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { DeptNodeTypeEnum } from '@lib/shared/enums/systemEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { SelectedUsersItem } from '@lib/shared/models/system/module';
+
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+  import type { CrmTreeNodeData } from '@/components/pure/crm-tree/type';
+  import CrmCitySelect from '@/components/business/crm-city-select/index.vue';
+  import CrmUserTagSelector from '@/components/business/crm-user-tag-selector/index.vue';
+
+  import { batchEditUser, getDepartmentTree } from '@/api/modules';
+  import useLicenseStore from '@/store/modules/setting/license';
+
+  const Message = useMessage();
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    userIds: DataTableRowKey[];
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'loadList'): void;
+  }>();
+
+  const licenseStore = useLicenseStore();
+  const xPack = computed(() => licenseStore.hasLicense());
+
+  const showEditDrawer = defineModel<boolean>('show', {
+    required: true,
+    default: false,
+  });
+
+  const initForm = {
+    attributes: null,
+    value: null,
+    headers: [],
+    onboardingDate: undefined,
+  };
+
+  const form = ref<{
+    attributes: string | null;
+    value: string | null;
+    headers: SelectedUsersItem[];
+    onboardingDate: number | undefined;
+  }>(cloneDeep(initForm));
+
+  const attributesOptions = computed<SelectOption[]>(() => {
+    return [
+      {
+        value: 'departmentId',
+        label: t('org.department'),
+      },
+      {
+        value: 'supervisorId',
+        label: t('org.directSuperior'),
+      },
+      {
+        value: 'workCity',
+        label: t('org.workingCity'),
+      },
+      {
+        value: 'onboardingDate',
+        label: t('org.onboardingDate'),
+      },
+    ];
+  });
+
+  const valueOptions = ref([]);
+
+  function cancelHandler() {
+    form.value = cloneDeep(initForm);
+    showEditDrawer.value = false;
+  }
+
+  const loading = ref<boolean>(false);
+  const formRef = ref<FormInst | null>(null);
+  function confirmHandler() {
+    formRef.value?.validate(async (error) => {
+      if (!error) {
+        try {
+          const { value, attributes, headers, onboardingDate } = form.value;
+
+          if (!attributes) {
+            return;
+          }
+          loading.value = true;
+          let payloadValue;
+          if (attributes === 'supervisorId') {
+            payloadValue = headers[0]?.id;
+          } else if (attributes === 'onboardingDate') {
+            payloadValue = onboardingDate;
+          } else {
+            payloadValue = value;
+          }
+          await batchEditUser({
+            ids: props.userIds,
+            [attributes]: payloadValue,
+          });
+          cancelHandler();
+          emit('loadList');
+          Message.success(t('common.updateSuccess'));
+        } catch (e) {
+          // eslint-disable-next-line no-console
+          console.log(e);
+        } finally {
+          loading.value = false;
+        }
+      }
+    });
+  }
+
+  const department = ref<CrmTreeNodeData[]>([]);
+  async function initDepartList() {
+    try {
+      department.value = await getDepartmentTree();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  watch(
+    () => showEditDrawer.value,
+    (val) => {
+      if (val) {
+        initDepartList();
+      }
+    }
+  );
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/views/system/org/components/memberDetail.vue b/frontend/packages/web/src/views/system/org/components/memberDetail.vue
new file mode 100644
index 0000000..ecba7f3
--- /dev/null
+++ b/frontend/packages/web/src/views/system/org/components/memberDetail.vue
@@ -0,0 +1,161 @@
+<template>
+  <CrmDrawer
+    v-model:show="showDetailDrawer"
+    :width="480"
+    :footer="false"
+    :title="detail?.userName"
+    @cancel="emit('cancel')"
+  >
+    <template #titleLeft>
+      <CrmTag theme="light" :type="`${detail?.enable ? 'success' : 'error'}`">
+        {{ detail?.enable ? t('common.opened') : t('common.disabled') }}
+      </CrmTag>
+    </template>
+    <template v-if="hasAnyPermission(['SYS_ORGANIZATION:UPDATE'])" #titleRight>
+      <n-button type="primary" ghost @click="() => emit('edit', detail?.id)">
+        {{ t('common.edit') }}
+      </n-button>
+    </template>
+    <CrmDescription class="p-[8px]" label-width="90px" :descriptions="descriptions" label-align="end">
+      <template #gender="{ item }">
+        {{ item.value ? t('org.female') : t('org.male') }}
+      </template>
+      <template #employeeType="{ item }">
+        {{ getEmployeeType(item.value as string) }}
+      </template>
+      <template #workCity="{ item }">
+        {{ getCityPath(item.value as string) || '-' }}
+      </template>
+      <template #onboardingDate="{ item }">
+        {{ getDate(item.value as string) }}
+      </template>
+    </CrmDescription>
+  </CrmDrawer>
+</template>
+
+<script setup lang="ts">
+  import { NButton } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+  import dayjs from 'dayjs';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { getCityPath } from '@lib/shared/method';
+  import type { MemberParams } from '@lib/shared/models/system/org';
+
+  import CrmDescription, { Description } from '@/components/pure/crm-description/index.vue';
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+
+  import { getUserDetail } from '@/api/modules';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    userId: string;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'edit', id?: string): void;
+    (e: 'cancel'): void;
+  }>();
+
+  const showDetailDrawer = defineModel<boolean>('show', {
+    required: true,
+    default: false,
+  });
+
+  const initDetail = {
+    name: '',
+    gender: false,
+    phone: '',
+    email: '',
+    departmentId: '',
+    employeeId: '',
+    position: '',
+    enable: true,
+    employeeType: '',
+    workCity: '',
+    supervisorId: '',
+    roleIds: [],
+    userGroupIds: [],
+    userName: '',
+    roles: [],
+    onboardingDate: null,
+  };
+
+  const detail = ref<MemberParams>(cloneDeep(initDetail));
+
+  const initDescriptions = [
+    {
+      label: t('common.phoneNumber'),
+      value: 'phone',
+    },
+    { label: t('org.gender'), value: 'gender', valueSlotName: 'gender' },
+    { label: t('org.userEmail'), value: 'email' },
+    { label: t('org.department'), value: 'departmentName' },
+    { label: t('org.employeeNumber'), value: 'employeeId' },
+    { label: t('org.employeeType'), value: 'employeeType', valueSlotName: 'employeeType' },
+    { label: t('org.directSuperior'), value: 'supervisorName' },
+    { label: t('org.workingCity'), value: 'workCity', valueSlotName: 'workCity' },
+    { label: t('org.role'), value: 'roles', tagProps: { labelKey: 'name' } },
+    { label: t('org.position'), value: 'position' },
+    // TODO 不上
+    // { label: t('org.userGroup'), value: 'userGroup' },
+    { label: t('org.onboardingDate'), value: 'onboardingDate', valueSlotName: 'onboardingDate' },
+  ];
+
+  const descriptions = ref<Description[]>(cloneDeep(initDescriptions));
+
+  async function getDetail() {
+    if (!props.userId) return;
+    descriptions.value = cloneDeep(initDescriptions);
+    try {
+      detail.value = await getUserDetail(props.userId);
+      if (detail.value) {
+        descriptions.value = descriptions.value.map((e) => {
+          return {
+            ...e,
+            value: detail.value[e.value as keyof MemberParams] as string,
+          };
+        });
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  const getEmployeeType = (value: string) => {
+    switch (value) {
+      case 'formal':
+        return t('org.formalUser');
+      case 'internship':
+        return t('org.internshipUser');
+      case 'outsourcing':
+        return t('org.outsourcingUser');
+      default:
+        return '-';
+    }
+  };
+
+  function getDate(value: string) {
+    if (!value) return '-';
+    return dayjs(value).format('YYYY-MM-DD');
+  }
+
+  watch(
+    () => showDetailDrawer.value,
+    (val) => {
+      if (val) {
+        getDetail();
+      }
+    }
+  );
+
+  defineExpose({
+    getDetail,
+  });
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/views/system/org/components/moduleTree.vue b/frontend/packages/web/src/views/system/org/components/moduleTree.vue
new file mode 100644
index 0000000..14ebeac
--- /dev/null
+++ b/frontend/packages/web/src/views/system/org/components/moduleTree.vue
@@ -0,0 +1,388 @@
+<template>
+  <div class="mb-[8px] flex items-center justify-between gap-[8px]">
+    <n-input v-model:value="keyword" :placeholder="t('common.searchByName')">
+      <template #suffix>
+        <n-icon>
+          <Search />
+        </n-icon>
+      </template>
+    </n-input>
+
+    <n-button
+      v-permission="['SYS_ORGANIZATION:ADD']"
+      type="primary"
+      ghost
+      class="n-btn-outline-primary p-[8px]"
+      @click="addDepart"
+    >
+      <CrmIcon type="iconicon_add" :size="16" />
+    </n-button>
+  </div>
+  <CrmTree
+    ref="deptTreeRef"
+    v-model:data="orgModuleTree"
+    v-model:selected-keys="selectedKeys"
+    v-model:checked-keys="checkedKeys"
+    v-model:expanded-keys="expandedKeys"
+    v-model:default-expand-all="expandAll"
+    :draggable="hasAnyPermission(['SYS_ORGANIZATION:UPDATE'])"
+    :keyword="keyword"
+    :render-prefix="renderPrefixDom"
+    :node-more-actions="nodeMoreOptions"
+    :filter-more-action-func="filterMoreActionFunc"
+    :render-extra="renderExtraDom"
+    :virtual-scroll-props="{
+      virtualScroll: true,
+      virtualScrollHeight: licenseStore.expiredDuring ? 'calc(100vh - 240px)' : 'calc(100vh - 176px)',
+    }"
+    :field-names="{
+      keyField: 'id',
+      labelField: 'name',
+      childrenField: 'children',
+      disabledField: 'disabled',
+      isLeaf: 'isLeaf',
+    }"
+    :rename-api="renameHandler"
+    :create-api="handleCreateNode"
+    @drop="handleDrag"
+    @select="handleNodeSelect"
+    @more-action-select="handleFolderMoreSelect"
+  />
+  <SetDepHeadModal
+    v-model:show="showSetHeadModal"
+    :department-id="departmentId"
+    @close="closeSetCommanderId"
+    @load-list="() => emit('loadList')"
+  />
+</template>
+
+<script setup lang="ts">
+  import { NButton, NIcon, NInput, useMessage } from 'naive-ui';
+  import { Add, Search } from '@vicons/ionicons5';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { characterLimit, getGenerateId, mapTree } from '@lib/shared/method';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmTree from '@/components/pure/crm-tree/index.vue';
+  import type { CrmTreeNodeData } from '@/components/pure/crm-tree/type';
+  import SetDepHeadModal from './setDepHead.vue';
+
+  import {
+    addDepartment,
+    checkDeleteDepartment,
+    deleteDepartment,
+    getDepartmentTree,
+    renameDepartment,
+    sortDepartment,
+  } from '@/api/modules';
+  import useModal from '@/hooks/useModal';
+  import useLicenseStore from '@/store/modules/setting/license';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const licenseStore = useLicenseStore();
+  // TODO license 先放开
+  // const xPack = computed(() => licenseStore.hasLicense());
+  const xPack = ref(true);
+
+  const { openModal } = useModal();
+
+  const Message = useMessage();
+
+  const { t } = useI18n();
+
+  const emit = defineEmits<{
+    (e: 'selectNode', _selectedKeys: Array<string | number>, offspringIds: string[]): void;
+    (e: 'loadList'): void;
+  }>();
+
+  const orgModuleTree = ref<CrmTreeNodeData[]>([]);
+
+  const selectedKeys = ref<Array<string | number>>([]);
+  const expandedKeys = ref<Array<string | number>>([]);
+  const checkedKeys = ref<Array<string | number>>([]);
+
+  const keyword = ref<string>('');
+
+  const expandAll = ref<boolean>(true);
+
+  function renderPrefixDom(infoProps: { option: CrmTreeNodeData; checked: boolean; selected: boolean }) {
+    const { option } = infoProps;
+    if (option.parentId === 'NONE') {
+      return h(CrmIcon, {
+        type: 'iconicon_enterprise',
+        size: 16,
+        class: 'mr-[8px] text-[var(--primary-8)]',
+      });
+    }
+    return null;
+  }
+
+  const nodeMoreOptions = ref<ActionsItem[]>([
+    {
+      label: t('common.rename'),
+      key: 'rename',
+      permission: ['SYS_ORGANIZATION:UPDATE'],
+    },
+    {
+      label: t('org.setDepartmentHead'),
+      key: 'setHead',
+      permission: ['SYS_ORGANIZATION:UPDATE'],
+    },
+    {
+      type: 'divider',
+    },
+    {
+      label: t('common.delete'),
+      key: 'delete',
+      danger: true,
+      permission: ['SYS_ORGANIZATION:DELETE'],
+    },
+  ]);
+
+  function getSpringIds(children: CrmTreeNodeData[] | undefined): string[] {
+    const offspringIds: string[] = [];
+    mapTree(children || [], (e) => {
+      offspringIds.push(e.id);
+      return e;
+    });
+    return offspringIds;
+  }
+
+  function handleNodeSelect(
+    _selectedKeys: Array<string | number>,
+    option: Array<CrmTreeNodeData | null> | CrmTreeNodeData,
+    _meta: { node: CrmTreeNodeData | null; action: 'select' | 'unselect' }
+  ) {
+    const offspringIds = getSpringIds((option as CrmTreeNodeData).children);
+    emit('selectNode', _selectedKeys, offspringIds);
+  }
+
+  function filterMoreActionFunc(items: ActionsItem[], node: CrmTreeNodeData) {
+    return items.filter((e) => {
+      if (node.parentId === 'NONE') {
+        return e.key !== 'delete';
+      }
+      return true;
+    });
+  }
+
+  // 获取模块树
+  async function initTree(isInit = false) {
+    try {
+      orgModuleTree.value = await getDepartmentTree();
+
+      if (isInit) {
+        selectedKeys.value = orgModuleTree.value[0] ? [orgModuleTree.value[0].id] : [];
+        const offspringIds = getSpringIds(orgModuleTree.value);
+
+        emit('selectNode', selectedKeys.value, offspringIds);
+        nextTick(() => {
+          expandedKeys.value = [orgModuleTree.value[0].id];
+        });
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  //  重命名
+  async function renameHandler(option: CrmTreeNodeData) {
+    try {
+      await renameDepartment({
+        id: option.id,
+        name: option.name,
+      });
+      initTree();
+      return Promise.resolve(true);
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+      return Promise.resolve(false);
+    }
+  }
+
+  // 添加节点
+  async function handleCreateNode(option: CrmTreeNodeData) {
+    try {
+      await addDepartment({
+        name: option.name,
+        parentId: option.parentId ?? '',
+      });
+      initTree();
+      return Promise.resolve(true);
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+      return Promise.resolve(false);
+    }
+  }
+
+  const deptTreeRef = ref();
+  const currentParentId = ref<string>('');
+
+  // 添加节点
+  async function addNode(parent: CrmTreeNodeData | null) {
+    currentParentId.value = parent ? parent.id : orgModuleTree.value[0].id;
+    try {
+      const id = getGenerateId();
+      const newNode: CrmTreeNodeData = {
+        id,
+        isNew: true,
+        parentId: currentParentId.value,
+        name: '',
+        children: undefined,
+      };
+
+      if (parent) {
+        parent.children = parent.children ?? [];
+        parent.children.push(newNode);
+      } else {
+        orgModuleTree.value[0].children = orgModuleTree.value[0].children ?? [];
+        orgModuleTree.value[0].children.push(newNode);
+      }
+
+      expandedKeys.value.push(currentParentId.value);
+
+      nextTick(() => {
+        deptTreeRef.value?.toggleEdit(id);
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    }
+  }
+
+  // 添加子节点
+  function handleAdd(option: CrmTreeNodeData) {
+    addNode(option);
+  }
+
+  // 添加到根节点
+  function addDepart() {
+    addNode(null);
+  }
+
+  function renderExtraDom(infoProps: { option: CrmTreeNodeData; checked: boolean; selected: boolean }) {
+    if (hasAnyPermission(['SYS_ORGANIZATION:ADD'])) {
+      const { option } = infoProps;
+      // 额外的节点
+      return h(
+        NButton,
+        {
+          type: 'primary',
+          size: 'tiny',
+          ghost: true,
+          class: 'n-btn-outline-primary h-[20px] px-[3px]',
+          onClick: () => handleAdd(option),
+        },
+        {
+          icon: () => h(NIcon, {}, { default: () => h(Add) }),
+        }
+      );
+    }
+    return null;
+  }
+
+  /**
+   * 处理文件夹树节点拖拽事件
+   * @param tree 树数据
+   * @param dragNode 拖拽节点
+   * @param dropNode 释放节点
+   * @param dropPosition 释放位置
+   */
+  async function handleDrag(
+    tree: CrmTreeNodeData[],
+    dragNode: CrmTreeNodeData,
+    dropNode: CrmTreeNodeData,
+    dropPosition: 'before' | 'inside' | 'after'
+  ) {
+    const positionMap: Record<'before' | 'inside' | 'after', 0 | -1 | 1> = {
+      before: -1,
+      inside: 0,
+      after: 1,
+    };
+    try {
+      await sortDepartment({
+        dragNodeId: dragNode.id,
+        dropNodeId: dropNode.id,
+        dropPosition: positionMap[dropPosition],
+      });
+      initTree();
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+    }
+  }
+
+  /**
+   * 设置部门负责人
+   */
+  const showSetHeadModal = ref<boolean>(false);
+  const departmentId = ref<string>('');
+  function handleSetHead(option: CrmTreeNodeData) {
+    departmentId.value = option.id;
+    showSetHeadModal.value = true;
+  }
+
+  function closeSetCommanderId() {
+    showSetHeadModal.value = false;
+    departmentId.value = '';
+  }
+
+  /**
+   * 删除
+   */
+  async function handleDelete(option: CrmTreeNodeData) {
+    const offspringIds = [option.id, ...getSpringIds((option as CrmTreeNodeData).children)];
+    const isNotAllow = await checkDeleteDepartment(offspringIds);
+    openModal({
+      type: 'error',
+      title: t('common.deleteConfirmTitle', { name: characterLimit(option.name) }),
+      content: !isNotAllow ? t('org.deleteExistUserDepartment') : t('org.deleteDepartmentContent'),
+      positiveText: !isNotAllow ? t('org.ok') : t('common.confirm'),
+      negativeText: !isNotAllow ? '' : t('common.cancel'),
+      positiveButtonProps: {
+        type: !isNotAllow ? 'primary' : 'error',
+        size: 'medium',
+      },
+      onPositiveClick: async () => {
+        try {
+          if (isNotAllow) {
+            await deleteDepartment(offspringIds);
+            Message.success(t('common.deleteSuccess'));
+            initTree(true);
+          }
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        }
+      },
+    });
+  }
+
+  function handleFolderMoreSelect(item: ActionsItem, option: CrmTreeNodeData) {
+    switch (item.key) {
+      case 'setHead':
+        handleSetHead(option);
+        break;
+      case 'delete':
+        handleDelete(option);
+        break;
+      default:
+        break;
+    }
+  }
+
+  onBeforeMount(() => {
+    initTree(true);
+  });
+
+  defineExpose({
+    initTree,
+  });
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/views/system/org/components/orgTable.vue b/frontend/packages/web/src/views/system/org/components/orgTable.vue
new file mode 100644
index 0000000..8a8b56f
--- /dev/null
+++ b/frontend/packages/web/src/views/system/org/components/orgTable.vue
@@ -0,0 +1,1255 @@
+<template>
+  <div class="h-full w-full px-[16px] pt-[16px]">
+    <CrmTable
+      ref="crmTableRef"
+      v-model:checked-row-keys="checkedRowKeys"
+      v-bind="propsRes"
+      class="crm-organization-table"
+      :action-config="actionConfig"
+      :not-show-table-filter="isAdvancedSearchMode"
+      @page-change="propsEvent.pageChange"
+      @page-size-change="propsEvent.pageSizeChange"
+      @sorter-change="propsEvent.sorterChange"
+      @filter-change="propsEvent.filterChange"
+      @batch-action="handleBatchAction"
+      @refresh="initOrgList"
+    >
+      <template #actionLeft>
+        <div class="flex">
+          <n-button
+            v-permission="['SYS_ORGANIZATION:ADD']"
+            class="mr-[12px]"
+            type="primary"
+            @click="() => addOrEditMember()"
+          >
+            {{ t('org.addMember') }}
+          </n-button>
+          <CrmMoreAction :options="moreActions" trigger="click" @select="selectMoreActions" @updateShow="updateShow">
+            <n-button type="default" class="outline--secondary">
+              {{ t('common.more') }}
+              <CrmIcon class="ml-[8px]" type="iconicon_chevron_down" :size="16" />
+            </n-button>
+          </CrmMoreAction>
+        </div>
+      </template>
+      <template #actionRight>
+        <CrmAdvanceFilter
+          ref="tableAdvanceFilterRef"
+          v-model:keyword="keyword"
+          :custom-fields-config-list="customFieldsFilterConfig"
+          :filter-config-list="filterConfigList"
+          @adv-search="handleAdvSearch"
+          @keyword-search="searchData"
+        />
+      </template>
+    </CrmTable>
+
+    <AddMember
+      v-model:show="showDrawer"
+      :user-id="currentUserId"
+      :active-dep-id="activeNode as string"
+      @brash="brashHandler"
+      @close="cancelHandler"
+    />
+    <EditIntegrationModal
+      v-model:show="showSyncWeChatModal"
+      :title="platFormName"
+      :integration="currentIntegration"
+      @init-sync="initIntegration()"
+    />
+    <MemberDetail
+      ref="memberDetailRef"
+      v-model:show="showDetailModal"
+      :user-id="currentUserId"
+      @edit="addOrEditMember"
+      @cancel="cancelHandler"
+    />
+    <batchEditModal v-model:show="showEditModal" :user-ids="checkedRowKeys" @load-list="handleLoadList" />
+    <!-- 导入开始 -->
+    <!-- 导入弹窗 -->
+    <ImportModal
+      v-model:show="importModal"
+      :title="t('role.member')"
+      :confirm-loading="validateLoading"
+      @validate="validateTemplate"
+    />
+
+    <!-- 校验弹窗 -->
+    <ValidateModal
+      v-model:show="validateModal"
+      :percent="progress"
+      @cancel="cancelValidate"
+      @check-finished="checkFinished"
+    />
+
+    <!-- 校验结果弹窗 -->
+    <ValidateResult
+      v-model:show="validateResultModal"
+      :validate-info="validateInfo"
+      :import-loading="importLoading"
+      :title="t('role.member')"
+      @save="importUser"
+      @close="importModal = false"
+    />
+    <!-- 导入结束 -->
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { ref, RendererElement } from 'vue';
+  import { DataTableRowKey, NButton, NSwitch, NTooltip, type SelectOption, selectProps, useMessage } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+  import dayjs from 'dayjs';
+
+  import { CompanyTypeEnum } from '@lib/shared/enums/commonEnum';
+  import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+  import { SpecialColumnEnum, TableKeyEnum } from '@lib/shared/enums/tableEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import useLocale from '@lib/shared/locale/useLocale';
+  import { characterLimit, getCityPath } from '@lib/shared/method';
+  import type { ThirdPartyResourceConfig } from '@lib/shared/models/system/business';
+  import type { MemberItem, ValidateInfo } from '@lib/shared/models/system/org';
+
+  import CrmAdvanceFilter from '@/components/pure/crm-advance-filter/index.vue';
+  import type { FilterForm, FilterFormItem, FilterResult } from '@/components/pure/crm-advance-filter/type';
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmMoreAction from '@/components/pure/crm-more-action/index.vue';
+  import type { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmNameTooltip from '@/components/pure/crm-name-tooltip/index.vue';
+  import CrmSearchInput from '@/components/pure/crm-search-input/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import { BatchActionConfig, CrmDataTableColumn } from '@/components/pure/crm-table/type';
+  import useTable from '@/components/pure/crm-table/useTable';
+  import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+  import type { CrmFileItem } from '@/components/pure/crm-upload/types';
+  import CrmEditableText from '@/components/business/crm-editable-text/index.vue';
+  import ImportModal from '@/components/business/crm-import-button/components/importModal.vue';
+  import ValidateModal from '@/components/business/crm-import-button/components/validateModal.vue';
+  import ValidateResult from '@/components/business/crm-import-button/components/validateResult.vue';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+  import AddMember from './addMember.vue';
+  import batchEditModal from './batchEditModal.vue';
+  import MemberDetail from './memberDetail.vue';
+  import EditIntegrationModal from '@/views/system/business/components/editIntegrationModal.vue';
+
+  import {
+    batchResetUserPassword,
+    batchToggleStatusUser,
+    checkSync,
+    deleteUser,
+    deleteUserCheck,
+    getConfigSynchronization,
+    getUserList,
+    importUserPreCheck,
+    importUsers,
+    resetUserPassword,
+    syncOrg,
+    updateOrgUserName,
+  } from '@/api/modules';
+  import {
+    defaultThirdPartyBaseLoginConfig,
+    defaultThirdPartyConfigMap,
+    platFormNameMap,
+    platformType,
+  } from '@/config/business';
+  import { baseFilterConfigList } from '@/config/clue';
+  import useFormCreateAdvanceFilter from '@/hooks/useFormCreateAdvanceFilter';
+  import useModal from '@/hooks/useModal';
+  import useProgressBar from '@/hooks/useProgressBar';
+  import { useAppStore } from '@/store';
+  import useUserStore from '@/store/modules/user';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const userStore = useUserStore();
+  const appStore = useAppStore();
+  // TODO license 先放开
+  // const xPack = computed(() => licenseStore.hasLicense());
+  const xPack = ref(true);
+
+  const Message = useMessage();
+
+  const { openModal } = useModal();
+
+  const { t } = useI18n();
+  const { currentLocale } = useLocale(Message.loading);
+
+  const props = defineProps<{
+    activeNode: string | number;
+    offspringIds: string[];
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'addSuccess'): void;
+  }>();
+
+  const { customFieldsFilterConfig } = useFormCreateAdvanceFilter();
+
+  /**
+   * 设置同步微信
+   */
+  const showSyncWeChatModal = ref<boolean>(false);
+  const currentIntegration = ref<ThirdPartyResourceConfig>({
+    type: CompanyTypeEnum.WECOM,
+    verify: false,
+    config: cloneDeep(defaultThirdPartyBaseLoginConfig),
+  });
+
+  async function settingPlatForm(e: MouseEvent) {
+    e.stopPropagation();
+    showSyncWeChatModal.value = true;
+  }
+
+  const tableRefreshId = ref(0);
+
+  const actionConfig: BatchActionConfig = {
+    baseAction: [
+      {
+        label: t('common.enable'),
+        key: 'enabled',
+        permission: ['SYS_ORGANIZATION:UPDATE'],
+      },
+      {
+        label: t('common.disable'),
+        key: 'disable',
+        permission: ['SYS_ORGANIZATION:UPDATE'],
+      },
+      {
+        label: t('common.edit'),
+        key: 'batchEdit',
+        permission: ['SYS_ORGANIZATION:UPDATE'],
+      },
+      {
+        label: t('org.resetPassWord'),
+        key: 'resetPassWord',
+        permission: ['SYS_ORGANIZATION_USER:RESET_PASSWORD'],
+      },
+    ],
+    // TODO 不上
+    // moreAction: [
+    //   {
+    //     label: t('common.export'),
+    //     key: 'export',
+    //   },
+    // ],
+  };
+
+  const checkedRowKeys = ref<DataTableRowKey[]>([]);
+
+  // 批量编辑
+  const showEditModal = ref<boolean>(false);
+
+  function batchEditMember() {
+    showEditModal.value = true;
+  }
+
+  // 批量启用
+  function batchToggleStatusMember(enable: boolean) {
+    const title = t('org.batchToggleStatusTip', {
+      enable: enable ? t('common.enable') : t('common.disable'),
+      number: checkedRowKeys.value.length,
+    });
+
+    const content = t(enable ? 'org.enabledUserTipContent' : 'org.disabledUserTipContent');
+    const positiveText = t(enable ? 'common.confirmStart' : 'common.confirmDisable');
+
+    openModal({
+      type: enable ? 'default' : 'error',
+      title,
+      content,
+      positiveText,
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await batchToggleStatusUser({ ids: checkedRowKeys.value, enable });
+          checkedRowKeys.value = [];
+          tableRefreshId.value += 1;
+          Message.success(t(enable ? 'common.opened' : 'common.disabled'));
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(error);
+        }
+      },
+    });
+  }
+
+  // 批量导出
+  function batchExportMember() {
+    try {
+      // TODO
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  // 批量重置密码
+  function batchResetPassWord() {
+    openModal({
+      type: 'warning',
+      title: t('org.batchResetPsdTip', { number: checkedRowKeys.value.length }),
+      content: t('org.resetPassWordContent'),
+      positiveText: t('org.confirmReset'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await batchResetUserPassword({
+            ids: checkedRowKeys.value,
+          });
+          checkedRowKeys.value = [];
+          tableRefreshId.value += 1;
+          Message.success(t('org.resetPassWordSuccess'));
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        }
+      },
+    });
+  }
+
+  function handleBatchAction(item: ActionsItem) {
+    switch (item.key) {
+      case 'batchEdit':
+        batchEditMember();
+        break;
+      case 'enabled':
+        batchToggleStatusMember(true);
+        break;
+      case 'disable':
+        batchToggleStatusMember(false);
+        break;
+      case 'export':
+        batchExportMember();
+        break;
+      case 'resetPassWord':
+        batchResetPassWord();
+        break;
+      default:
+        break;
+    }
+  }
+
+  const groupList: ActionsItem[] = [
+    {
+      label: t('common.edit'),
+      key: 'edit',
+      permission: ['SYS_ORGANIZATION:UPDATE'],
+    },
+    {
+      label: t('org.resetPassWord'),
+      key: 'resetPassWord',
+      permission: ['SYS_ORGANIZATION_USER:RESET_PASSWORD'],
+    },
+    {
+      label: 'more',
+      key: 'more',
+      slotName: 'more',
+    },
+  ];
+
+  const moreOperationList: ActionsItem[] = [
+    {
+      label: t('common.delete'),
+      key: 'delete',
+      danger: true,
+      permission: ['SYS_ORGANIZATION:DELETE'],
+    },
+  ];
+
+  /**
+   * 添加&编辑用户
+   */
+  const showDrawer = ref<boolean>(false);
+
+  const currentUserId = ref<string>('');
+
+  function addOrEditMember(id?: string) {
+    showDrawer.value = true;
+    currentUserId.value = id ?? '';
+  }
+
+  function cancelHandler() {
+    showDrawer.value = false;
+    currentUserId.value = '';
+  }
+
+  // 重置密码
+  function handleResetPassWord(row: MemberItem) {
+    openModal({
+      type: 'warning',
+      title: t('org.resetPassWordTip', { name: characterLimit(row.userName) }),
+      content: t('org.resetPassWordContent'),
+      positiveText: t('org.confirmReset'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await resetUserPassword(row.userId);
+          tableRefreshId.value += 1;
+          Message.success(t('org.resetPassWordSuccess'));
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        }
+      },
+    });
+  }
+
+  // 删除员工
+  async function deleteMember(row: MemberItem) {
+    try {
+      let hasNotMoved = false;
+      hasNotMoved = await deleteUserCheck(row.id);
+
+      const title = hasNotMoved
+        ? t('common.deleteConfirmTitle', { name: characterLimit(row.userName) })
+        : t('org.deleteHasNotMovedTipContent');
+
+      const content = hasNotMoved ? t('org.deleteMemberTipContent') : '';
+      const positiveText = hasNotMoved ? t('common.confirm') : '';
+
+      openModal({
+        type: 'error',
+        title,
+        content,
+        positiveText,
+        negativeText: t('common.cancel'),
+        onPositiveClick: async () => {
+          try {
+            if (hasNotMoved) {
+              await deleteUser(row.id);
+              Message.success(t('common.deleteSuccess'));
+              tableRefreshId.value += 1;
+            }
+          } catch (error) {
+            // eslint-disable-next-line no-console
+            console.log(error);
+          }
+        },
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  /**
+   * 用户详情
+   */
+  const showDetailModal = ref<boolean>(false);
+
+  function showDetail(id: string) {
+    showDetailModal.value = true;
+    currentUserId.value = id;
+  }
+
+  // 切换员工状态
+  async function handleToggleStatus(row: MemberItem) {
+    const enable = !row.enable;
+
+    const title = t(enable ? 'common.confirmEnableTitle' : 'common.confirmDisabledTitle', {
+      name: characterLimit(row.userName),
+    });
+
+    const content = t(enable ? 'org.enabledUserTipContent' : 'org.disabledUserTipContent');
+
+    openModal({
+      type: enable ? 'default' : 'error',
+      title,
+      content,
+      positiveText: t(enable ? 'common.confirmStart' : 'common.confirmDisable'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await batchToggleStatusUser({ ids: [row.id], enable });
+          tableRefreshId.value += 1;
+          Message.success(t(enable ? 'common.opened' : 'common.disabled'));
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        }
+      },
+    });
+  }
+
+  function handleActionSelect(row: MemberItem, actionKey: string) {
+    switch (actionKey) {
+      case 'edit':
+        addOrEditMember(row.id);
+        break;
+      case 'resetPassWord':
+        handleResetPassWord(row);
+        break;
+      case 'delete':
+        deleteMember(row);
+        break;
+      default:
+        break;
+    }
+  }
+
+  async function updateUserName(row: MemberItem, newVal: string) {
+    try {
+      await updateOrgUserName({
+        userId: row.userId,
+        name: newVal,
+      });
+      tableRefreshId.value += 1;
+      userStore.isLogin();
+      return Promise.resolve(true);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+      return Promise.resolve(false);
+    }
+  }
+
+  const columns: CrmDataTableColumn[] = [
+    {
+      type: 'selection',
+      fixed: 'left',
+    },
+    {
+      fixed: 'left',
+      title: t('crmTable.order'),
+      width: 50,
+      key: SpecialColumnEnum.ORDER,
+      resizable: false,
+      columnSelectorDisabled: true,
+      render: (row: any, rowIndex: number) => rowIndex + 1,
+    },
+    {
+      title: t('org.userName'),
+      key: 'userName',
+      width: 200,
+      fixed: 'left',
+      sortOrder: false,
+      sorter: true,
+      columnSelectorDisabled: true,
+      render: (row: MemberItem) => {
+        return h(
+          CrmEditableText,
+          {
+            value: row.userName,
+            permission: ['SYS_ORGANIZATION:UPDATE'],
+            onHandleEdit: async (val: string, done?: () => void) => {
+              const res = await updateUserName(row, val);
+              if (res) {
+                done?.();
+              }
+            },
+          },
+          {
+            default: () => {
+              return h(
+                'div',
+                {
+                  class: 'flex items-center one-line-text',
+                },
+                [
+                  h(
+                    'div',
+                    {
+                      class: 'one-line-text  inline-block',
+                    },
+                    [
+                      h(
+                        CrmTableButton,
+                        {
+                          class: 'inline-block',
+                          onClick: () => showDetail(row.id),
+                        },
+                        { default: () => row.userName, trigger: () => row.userName }
+                      ),
+                    ]
+                  ),
+                  row.commander
+                    ? h(
+                        CrmTag,
+                        {
+                          type: 'primary',
+                          theme: 'lightOutLine',
+                          class: 'ml-[8px]',
+                        },
+                        { default: () => t('common.head') }
+                      )
+                    : null,
+                ]
+              );
+            },
+          }
+        );
+      },
+    },
+    {
+      title: t('common.status'),
+      key: 'enable',
+      width: 120,
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+      filterOptions: [
+        {
+          label: t('common.enable'),
+          value: true,
+        },
+        {
+          label: t('common.disable'),
+          value: false,
+        },
+      ],
+      filter: true,
+      render: (row: MemberItem) => {
+        return h(NSwitch, {
+          value: row.enable,
+          disabled: !hasAnyPermission(['SYS_ORGANIZATION:UPDATE']),
+          onClick: () => {
+            if (!hasAnyPermission(['SYS_ORGANIZATION:UPDATE'])) return;
+            handleToggleStatus(row);
+          },
+        });
+      },
+    },
+    {
+      title: t('org.gender'),
+      key: 'gender',
+      width: 100,
+      ellipsis: {
+        tooltip: true,
+      },
+      filterOptions: [
+        {
+          label: t('org.male'),
+          value: false,
+        },
+        {
+          label: t('org.female'),
+          value: true,
+        },
+      ],
+      filter: 'default',
+      render: (row: MemberItem) => {
+        return row.gender ? t('org.female') : t('org.male');
+      },
+    },
+    {
+      title: t('common.phoneNumber'),
+      key: 'phone',
+      ellipsis: {
+        tooltip: true,
+      },
+      width: 120,
+    },
+    {
+      title: t('org.userEmail'),
+      key: 'email',
+      ellipsis: {
+        tooltip: true,
+      },
+      width: 120,
+    },
+    {
+      title: t('org.department'),
+      key: 'departmentName',
+      ellipsis: {
+        tooltip: true,
+      },
+      width: 120,
+    },
+    {
+      title: t('org.directSuperior'),
+      key: 'supervisorId',
+      width: 120,
+      showInTable: false,
+      render: (row: MemberItem) => {
+        return h(CrmNameTooltip, { text: row.supervisorName });
+      },
+    },
+    {
+      title: t('org.role'),
+      key: 'roles',
+      width: 150,
+      isTag: true,
+      tagGroupProps: {
+        labelKey: 'name',
+      },
+    },
+    {
+      title: t('org.employeeNumber'),
+      key: 'employeeId',
+      width: 120,
+      ellipsis: {
+        tooltip: true,
+      },
+      showInTable: false,
+    },
+    {
+      title: t('org.position'),
+      key: 'positionName',
+      width: 120,
+      ellipsis: {
+        tooltip: true,
+      },
+      showInTable: false,
+    },
+    {
+      title: t('org.employeeType'),
+      key: 'employeeType',
+      width: 120,
+      ellipsis: {
+        tooltip: true,
+      },
+      showInTable: false,
+    },
+    {
+      title: t('org.workingCity'),
+      key: 'workCityName',
+      width: 120,
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+    },
+    // {
+    //   title: t('org.userGroup'),
+    //   key: 'userGroup',
+    //   width: 100,
+    //   ellipsis: {
+    //     tooltip: true,
+    //   },
+    // },
+    {
+      title: t('org.onboardingDate'),
+      key: 'onboardingDate',
+      width: 120,
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+    },
+    {
+      title: t('common.createTime'),
+      key: 'createTime',
+      width: 120,
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+    },
+    {
+      title: t('common.creator'),
+      key: 'createUser',
+      width: 120,
+      render: (row: MemberItem) => {
+        return h(CrmNameTooltip, { text: row.createUserName });
+      },
+      sortOrder: false,
+      sorter: true,
+    },
+    {
+      title: t('common.updateTime'),
+      key: 'updateTime',
+      width: 120,
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+    },
+    {
+      title: t('common.updateUserName'),
+      key: 'updateUser',
+      width: 120,
+      render: (row: MemberItem) => {
+        return h(CrmNameTooltip, { text: row.updateUserName });
+      },
+      sortOrder: false,
+      sorter: true,
+    },
+    {
+      key: 'operation',
+      width: currentLocale.value === 'en-US' ? 210 : 170,
+      fixed: 'right',
+      render: (row: MemberItem) =>
+        h(CrmOperationButton, {
+          groupList,
+          moreList: row.userId === userStore.userInfo.id ? undefined : moreOperationList,
+          onSelect: (key: string) => handleActionSelect(row, key),
+        }),
+    },
+  ];
+
+  const getEmployeeType = (value: string) => {
+    switch (value) {
+      case 'formal':
+        return t('org.formalUser');
+      case 'internship':
+        return t('org.internshipUser');
+      case 'outsourcing':
+        return t('org.outsourcingUser');
+      default:
+        return '-';
+    }
+  };
+
+  const { propsRes, propsEvent, loadList, setLoadListParams, setAdvanceFilter } = useTable(
+    getUserList,
+    {
+      tableKey: TableKeyEnum.SYSTEM_ORG_TABLE,
+      showSetting: true,
+      columns,
+      permission: ['SYS_ORGANIZATION:UPDATE', 'SYS_ORGANIZATION_USER:RESET_PASSWORD'],
+      containerClass: '.crm-organization-table',
+    },
+    (row: MemberItem) => {
+      return {
+        ...row,
+        positionName: row.position || '-',
+        departmentName: row.departmentName || '-',
+        workCityName: getCityPath(row.workCity) || '-',
+        phone: row.phone || '-',
+        email: row.email || '-',
+        employeeType: getEmployeeType(row.employeeType ?? ''),
+        onboardingDate: row.onboardingDate ? dayjs(row.onboardingDate).format('YYYY-MM-DD') : '-',
+      };
+    }
+  );
+
+  async function handleSyncFromThird() {
+    try {
+      await syncOrg(currentIntegration.value.type);
+      Message.loading(t('org.syncing'));
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  const platFormName = computed(() => platFormNameMap[appStore.activePlatformResource.syncResource]);
+
+  // 同步二次确认
+  function handleSyncConfirm() {
+    const content = appStore.activePlatformResource.sync
+      ? t('org.syncUserTipContent')
+      : t('org.firstSyncUserTipContent');
+
+    openModal({
+      type: 'warning',
+      title: t('org.syncUserTipTitle', { type: platFormName.value }),
+      content,
+      positiveText: t('common.confirm'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await handleSyncFromThird();
+          emit('addSuccess');
+          tableRefreshId.value += 1;
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        }
+      },
+    });
+  }
+
+  const isHasConfigPermission = computed(() => hasAnyPermission(['SYSTEM_SETTING:UPDATE'])); // 有配置权限
+  const isHasConfig = ref<boolean>(false); // 已配置
+  const renderSyncResult = ref<VNode<RendererElement, { [key: string]: any }> | null>(null);
+
+  const isSyncing = ref<boolean>(false);
+
+  async function checkSyncing() {
+    try {
+      isSyncing.value = await checkSync();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  const moreActions = computed(() => {
+    return [
+      ...(hasAnyPermission(['SYS_ORGANIZATION:SYNC'])
+        ? [
+            {
+              label: t('org.formPlatformSync', { type: platFormName.value }),
+              key: 'sync',
+              render: renderSyncResult.value,
+              disabled: !isHasConfig.value || isSyncing.value,
+            },
+          ]
+        : []),
+      {
+        label: t('common.import'),
+        key: 'import',
+        permission: ['SYS_ORGANIZATION:IMPORT'],
+      },
+      // TOTO  不上
+      // {
+      //   label: t('common.export'),
+      //   key: 'export',
+      // },
+    ];
+  });
+
+  async function handleSync() {
+    if (!isHasConfig.value || isSyncing.value) {
+      return false;
+    }
+
+    if (propsRes.value.data.length) {
+      handleSyncConfirm();
+    } else {
+      handleSyncFromThird();
+    }
+  }
+
+  const keyword = ref('');
+
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+  const isAdvancedSearchMode = ref(false);
+
+  const filterConfigList: FilterFormItem[] = [
+    {
+      title: t('org.userName'),
+      dataIndex: 'userName',
+      type: FieldTypeEnum.INPUT,
+    },
+    {
+      title: t('common.status'),
+      dataIndex: 'status',
+      type: FieldTypeEnum.SELECT,
+      selectProps: {
+        options: [
+          {
+            label: t('common.enable'),
+            value: true,
+          },
+          {
+            label: t('common.disable'),
+            value: false,
+          },
+        ] as unknown as SelectOption[],
+      },
+    },
+    {
+      title: t('org.gender'),
+      dataIndex: 'gender',
+      type: FieldTypeEnum.SELECT,
+      selectProps: {
+        options: [
+          {
+            label: t('org.male'),
+            value: 'male',
+          },
+          {
+            label: t('org.female'),
+            value: 'female',
+          },
+        ],
+      },
+    },
+    {
+      title: t('common.phoneNumber'),
+      dataIndex: 'phoneNumber',
+      type: FieldTypeEnum.INPUT,
+    },
+    {
+      title: t('org.userEmail'),
+      dataIndex: 'email',
+      type: FieldTypeEnum.INPUT,
+    },
+    {
+      title: t('org.directSuperior'),
+      dataIndex: 'supervisorId',
+      type: FieldTypeEnum.USER_SELECT,
+    },
+    {
+      title: t('org.employeeNumber'),
+      dataIndex: 'employeeId',
+      type: FieldTypeEnum.INPUT,
+    },
+    {
+      title: t('org.position'),
+      dataIndex: 'positionId',
+      type: FieldTypeEnum.INPUT,
+    },
+    {
+      title: t('org.employeeType'),
+      dataIndex: 'employeeType',
+      type: FieldTypeEnum.SELECT_MULTIPLE,
+      selectProps: {
+        options: [
+          {
+            label: t('org.formalUser'),
+            value: 'formal',
+          },
+          {
+            label: t('org.internshipUser'),
+            value: 'internship',
+          },
+          {
+            label: t('org.outsourcingUser'),
+            value: 'outsourcing',
+          },
+        ],
+      },
+    },
+    {
+      title: t('org.workingCity'),
+      dataIndex: 'workCity',
+      type: FieldTypeEnum.LOCATION,
+    },
+    {
+      title: t('org.onboardingDate'),
+      dataIndex: 'onboardingDate',
+      type: FieldTypeEnum.DATE_TIME,
+    },
+    ...baseFilterConfigList,
+  ];
+
+  function handleAdvSearch(filter: FilterResult, isAdvancedMode: boolean) {
+    keyword.value = '';
+    isAdvancedSearchMode.value = isAdvancedMode;
+    setAdvanceFilter(filter);
+    loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  function initOrgList() {
+    setLoadListParams({ keyword: keyword.value, departmentIds: [props.activeNode, ...props.offspringIds] });
+    loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  const memberDetailRef = ref<InstanceType<typeof MemberDetail>>();
+
+  function brashHandler() {
+    initOrgList();
+    memberDetailRef.value?.getDetail();
+    userStore.isLogin();
+  }
+
+  function searchData(val: string) {
+    keyword.value = val;
+    initOrgList();
+  }
+
+  watch(
+    () => tableRefreshId.value,
+    () => {
+      crmTableRef.value?.clearCheckedRowKeys();
+      initOrgList();
+    }
+  );
+
+  function handleLoadList() {
+    checkedRowKeys.value = [];
+    initOrgList();
+    emit('addSuccess');
+  }
+
+  /**
+   * 导入用户
+   */
+  const importModal = ref<boolean>(false);
+  const validateLoading = ref<boolean>(false);
+
+  function handleImportUser() {
+    importModal.value = true;
+  }
+
+  const validateModal = ref<boolean>(false);
+
+  function cancelValidate() {
+    validateModal.value = false;
+  }
+
+  const fileList = ref<CrmFileItem[]>([]);
+
+  const validateInfo = ref<ValidateInfo>({
+    failCount: 0,
+    successCount: 0,
+    errorMessages: [],
+  });
+
+  const { progress, start, finish } = useProgressBar();
+
+  // 校验导入模板
+  async function validateTemplate(files: CrmFileItem[]) {
+    fileList.value = files;
+    validateLoading.value = true;
+    try {
+      validateModal.value = true;
+      start();
+
+      const result = await importUserPreCheck(fileList.value[0].file as File);
+      validateInfo.value = result.data;
+      finish();
+    } catch (error) {
+      validateModal.value = false;
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      validateLoading.value = false;
+    }
+  }
+
+  function selectMoreActions(item: ActionsItem) {
+    switch (item.key) {
+      case 'import':
+        handleImportUser();
+        break;
+
+      default:
+        break;
+    }
+  }
+
+  const validateResultModal = ref<boolean>(false);
+
+  function checkFinished() {
+    validateLoading.value = false;
+    validateResultModal.value = true;
+  }
+
+  const importLoading = ref<boolean>(false);
+
+  // 导入模板
+  async function importUser() {
+    try {
+      importLoading.value = true;
+      await importUsers(fileList.value[0].file as File);
+      Message.success(t('common.importSuccess'));
+      initOrgList();
+      emit('addSuccess');
+      validateResultModal.value = false;
+      importModal.value = false;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      importLoading.value = false;
+    }
+  }
+
+  function renderSync() {
+    if (!hasAnyPermission(['SYS_ORGANIZATION:SYNC']) && !isHasConfigPermission.value) {
+      return null;
+    }
+    return h(
+      'div',
+      {
+        class: `flex items-center ${
+          isHasConfigPermission.value && isHasConfig.value && !isSyncing.value
+            ? 'text-[var(--text-n1)]'
+            : 'text-[var(--text-n6)]'
+        }`,
+        onClick: () => handleSync(),
+      },
+      [
+        h(
+          NTooltip,
+          {
+            delay: 300,
+            flip: true,
+            disabled: isHasConfigPermission.value && isHasConfig.value && !isSyncing.value,
+          },
+          {
+            trigger: () => {
+              return t('org.formPlatformSync', { type: platFormName.value });
+            },
+            default: () => {
+              return h(
+                'div',
+                {
+                  class: isSyncing.value ? '' : 'w-[248px]',
+                },
+                isSyncing.value ? t('org.Syncing') : t('org.checkIsOpenConfig')
+              );
+            },
+          }
+        ),
+        // 有同步配置权限则都展示
+        isHasConfigPermission.value
+          ? h(CrmIcon, {
+              type: 'iconicon_set_up',
+              size: 16,
+              class: 'ml-2 text-[var(--primary-8)]',
+              onClick: (e: MouseEvent) => settingPlatForm(e),
+            })
+          : null,
+      ]
+    );
+  }
+
+  async function updateShow(show: boolean) {
+    if (show && isHasConfigPermission.value && isHasConfig.value) {
+      await checkSyncing();
+      renderSyncResult.value = renderSync();
+    }
+  }
+
+  // 初始化三方平台配置
+  async function initIntegration() {
+    try {
+      const res = await getConfigSynchronization();
+      if (res) {
+        const platFormConfig = res.find(
+          (item) => platformType.includes(item.type) && item.type === appStore.activePlatformResource.syncResource
+        );
+        currentIntegration.value = {
+          type: appStore.activePlatformResource.syncResource,
+          verify: platFormConfig?.verify || false,
+          config: {
+            ...defaultThirdPartyConfigMap[appStore.activePlatformResource.syncResource],
+            ...platFormConfig?.config,
+          },
+        };
+        isHasConfig.value = !!platFormConfig && !!platFormConfig.config.startEnable && !!platFormConfig.verify;
+        renderSyncResult.value = renderSync();
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  watch(
+    () => showSyncWeChatModal.value,
+    (val) => {
+      if (val) {
+        initIntegration();
+      }
+    }
+  );
+
+  onBeforeMount(() => {
+    // TODO license 先放开
+    // if (isHasConfigPermission.value && licenseStore.hasLicense()) {
+    //   initIntegration();
+    // }
+    initIntegration();
+  });
+
+  onMounted(() => {
+    renderSyncResult.value = renderSync(); // 在组件挂载后执行渲染函数
+  });
+
+  watch(
+    () => props.activeNode,
+    () => {
+      initOrgList();
+    }
+  );
+
+  defineExpose({
+    initOrgList,
+  });
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/views/system/org/components/setDepHead.vue b/frontend/packages/web/src/views/system/org/components/setDepHead.vue
new file mode 100644
index 0000000..a921575
--- /dev/null
+++ b/frontend/packages/web/src/views/system/org/components/setDepHead.vue
@@ -0,0 +1,128 @@
+<template>
+  <CrmModal
+    v-model:show="showModal"
+    size="small"
+    :title="t('org.setDepartmentHead')"
+    :ok-loading="loading"
+    @confirm="confirmHandler"
+    @cancel="closeHandler"
+  >
+    <div>
+      <n-form ref="formRef" :model="form" :rules="rules">
+        <n-form-item require-mark-placement="left" label-placement="left" path="ownerIds" :label="t('common.head')">
+          <CrmUserTagSelector
+            v-model:selected-list="form.ownerIds"
+            :member-types="[
+              {
+                label: t('menu.settings.org'),
+                value: MemberSelectTypeEnum.ORG,
+              },
+            ]"
+            :multiple="false"
+            :api-type-key="MemberApiTypeEnum.SYSTEM_ORG_USER"
+            :drawer-title="t('org.setDepartmentHead')"
+            :disabled-node-types="[DeptNodeTypeEnum.ORG]"
+            :base-params="{ id: props.departmentId }"
+          />
+        </n-form-item>
+      </n-form>
+    </div>
+  </CrmModal>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { FormInst, FormRules, NForm, NFormItem, useMessage } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import { MemberApiTypeEnum, MemberSelectTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { DeptNodeTypeEnum } from '@lib/shared/enums/systemEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { SetCommanderForm } from '@lib/shared/models/system/org';
+
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+  import CrmUserTagSelector from '@/components/business/crm-user-tag-selector/index.vue';
+
+  import { setCommander } from '@/api/modules';
+
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  const props = defineProps<{
+    departmentId: string;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'close'): void;
+    (e: 'loadList'): void;
+  }>();
+
+  const showModal = defineModel<boolean>('show', {
+    required: true,
+    default: false,
+  });
+
+  const defaultForm: SetCommanderForm = {
+    commanderId: null,
+    departmentId: '',
+    ownerIds: [],
+  };
+
+  const form = ref<SetCommanderForm>(cloneDeep(defaultForm));
+
+  const rules: FormRules = {
+    commanderId: [{ required: true, message: t('org.selectHeadPlaceholder') }],
+  };
+
+  const formRef = ref<FormInst | null>(null);
+
+  function closeHandler() {
+    form.value = cloneDeep(defaultForm);
+    emit('close');
+  }
+
+  const loading = ref(false);
+
+  function confirmHandler() {
+    formRef.value?.validate(async (error) => {
+      if (!error) {
+        try {
+          loading.value = true;
+          const [commanderItem] = form.value.ownerIds;
+          await setCommander({
+            commanderId: commanderItem.id,
+            departmentId: props.departmentId,
+          });
+          emit('loadList');
+          closeHandler();
+          Message.success(t('org.setupSuccess'));
+        } catch (e) {
+          // eslint-disable-next-line no-console
+          console.log(e);
+        } finally {
+          loading.value = false;
+        }
+      }
+    });
+  }
+</script>
+
+<style lang="less">
+  .option-content {
+    @apply flex w-full items-center justify-between;
+    .option-label {
+      color: var(--text-n1);
+    }
+    .option-email {
+      color: var(--text-n4);
+    }
+  }
+  .option-content-selected {
+    .option-label {
+      color: var(--primary-8);
+    }
+    .option-email {
+      color: var(--primary-8);
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/org/index.vue b/frontend/packages/web/src/views/system/org/index.vue
new file mode 100644
index 0000000..9d84d8f
--- /dev/null
+++ b/frontend/packages/web/src/views/system/org/index.vue
@@ -0,0 +1,55 @@
+<template>
+  <CrmCard no-content-padding hide-footer :special-height="licenseStore.expiredDuring ? 64 : 0">
+    <CrmSplitPanel class="h-full" :max="0.5" :min="0.25" :default-size="0.25">
+      <template #1>
+        <div class="org-tree-wrapper h-full">
+          <OrgModuleTree
+            ref="orgModuleTreeRef"
+            @select-node="selectNode"
+            @load-list="() => orgTableRef?.initOrgList()"
+          />
+        </div>
+      </template>
+      <template #2>
+        <OrgTable
+          ref="orgTableRef"
+          :active-node="activeNodeId"
+          :offspring-ids="offspringIds"
+          @add-success="addSuccess"
+        />
+      </template>
+    </CrmSplitPanel>
+  </CrmCard>
+</template>
+
+<script setup lang="ts">
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmSplitPanel from '@/components/pure/crm-split-panel/index.vue';
+  import OrgModuleTree from './components/moduleTree.vue';
+  import OrgTable from '@/views/system/org/components/orgTable.vue';
+
+  import useLicenseStore from '@/store/modules/setting/license';
+
+  const activeNodeId = ref<string | number>('');
+  const offspringIds = ref<string[]>([]);
+
+  const licenseStore = useLicenseStore();
+
+  function selectNode(_selectedKeys: Array<string | number>, _offspringIds: string[]) {
+    [activeNodeId.value] = _selectedKeys;
+    offspringIds.value = _offspringIds;
+  }
+
+  const orgModuleTreeRef = ref<InstanceType<typeof OrgModuleTree>>();
+  function addSuccess() {
+    orgModuleTreeRef.value?.initTree();
+  }
+
+  const orgTableRef = ref<InstanceType<typeof OrgTable>>();
+</script>
+
+<style lang="less" scoped>
+  .org-tree-wrapper {
+    padding: 24px;
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/org/locale/en-US.ts b/frontend/packages/web/src/views/system/org/locale/en-US.ts
new file mode 100644
index 0000000..211d4a9
--- /dev/null
+++ b/frontend/packages/web/src/views/system/org/locale/en-US.ts
@@ -0,0 +1,79 @@
+export default {
+  'org.addSubDepartment': 'Add sub-department',
+  'org.setDepartmentHead': 'Set head',
+  'org.deleteExistUserDepartment':
+    'Under the current department staff, temporarily unable to delete, please delete again after transfer',
+  'org.deleteDepartmentContent': 'After deletion, need to add again',
+  'org.ok': 'OK',
+  'org.selectHeadPlaceholder': 'Please select a department head',
+  'org.setupSuccess': 'Set successfully',
+  'org.addStaff': 'Add staff',
+  'org.formPlatformSync': '{type} synchronization',
+  'org.userName': 'Name',
+  'org.gender': 'Gender',
+  'org.userEmail': 'Email',
+  'org.department': 'Department',
+  'org.directSuperior': 'Direct Superior',
+  'org.role': 'Role',
+  'org.employeeNumber': 'Employee Number',
+  'org.position': 'Position',
+  'org.employeeType': 'Employee Type',
+  'org.workingCity': 'Working City',
+  'org.userGroup': 'User Group',
+  'org.male': 'Male',
+  'org.female': 'Female',
+  'org.addMember': 'Add a member',
+  'org.updateMember': 'Update member',
+  'org.testConnection': 'Test Connection',
+  'org.testConnectionSuccess': 'Connection test successful',
+  'org.testConnectionError': 'The connection test failed',
+  'org.importAlertDesc': 'Please edit the content in the format in the Excel template before uploading',
+  'org.downloadTemplate': 'Download Excel templates',
+  'org.formExcelImport': 'Import from Excel file',
+  'org.validateTemplate': 'Validate the template',
+  'org.importInProgress': 'Import in progress',
+  'org.validateInProgress': 'Validating template',
+  'org.successfulCheck': 'Validation successful',
+  'org.countNumber': 'items',
+  'org.failCheck': 'Validation failed',
+  'org.viewErrorDetail': 'View error details',
+  'org.partialVerificationFailed': 'Partial validation failed;',
+  'org.someUsersImportFailed': 'Some data import failed',
+  'org.afterFailingToModify': 'Modify failed data in Excel and re-import',
+  'org.backUsersList': 'Back to staff list',
+  'org.backToUploadPage': 'Back to upload page',
+  'org.ignoreErrorContinueImporting': 'Ignore errors and continue importing',
+  'org.successImportActionTip': 'Click Import to enter into system',
+  'org.importErrorData': 'Import failed data',
+  'org.addDepartment': 'Add department',
+  'org.resetPassWordTip': 'Confirm reset password for {name}?',
+  'org.resetPassWordContent':
+    'After reset, employees log in to the system with the initial password (last 6 digits of phone number)',
+  'org.resetPassWordSuccess': 'Reset successful',
+  'org.confirmReset': 'Confirm Reset',
+  'org.resetPassWord': 'Reset Password',
+  'org.noDepartmentToChoose': 'No department available',
+  'org.deleteMemberTipContent': 'All data of this employee in the system will be cleared',
+  'org.deleteHasNotMovedTipContent': 'This employee has untransferred account resources and cannot be deleted!',
+  'org.attributes': 'Attributes',
+  'org.disabledUserTipContent': 'After disable, staff can not log in the system, please operate with caution!',
+  'org.enabledUserTipContent': 'Enabled, employees can through the mobile phone number login system',
+  'org.formalUser': 'Formal',
+  'org.internshipUser': 'Internship',
+  'org.outsourcingUser': 'Outsourcing',
+  'org.checkIsOpenConfig': 'Please check the enterprise Settings - synchronous structure function configuration!',
+  'org.syncSuccess': 'Synchronization success',
+  'org.syncing': 'Synchronizing',
+  'org.batchResetPsdTip': 'Confirm reset password for {number} employees?',
+  'org.batchToggleStatusTip': 'Confirm {enable} {number} employees?',
+  'org.batchDeleteUserTip': 'Confirm delete {number} employees?',
+  'org.checkSyncUserHoverTip':
+    'The organization structure is WeCom synchronization data, please add members through "Synchronize organization structure"!',
+  'org.syncUserTipTitle': 'Synchronize from {type}?',
+  'org.syncUserTipContent': 'Manually added members will be disabled after sync',
+  'org.firstSyncUserTipContent': 'Syncing will delete all current members. This action cannot be undone',
+  'org.searchByNameAndPhone': 'Search by name/mobile number',
+  'org.setDirectSuperiors': 'Set up direct superiors',
+  'org.onboardingDate': 'Onboarding Date',
+  'org.Syncing': 'Synchronize organizational structure',
+};
diff --git a/frontend/packages/web/src/views/system/org/locale/zh-CN.ts b/frontend/packages/web/src/views/system/org/locale/zh-CN.ts
new file mode 100644
index 0000000..9fc0c26
--- /dev/null
+++ b/frontend/packages/web/src/views/system/org/locale/zh-CN.ts
@@ -0,0 +1,76 @@
+export default {
+  'org.addSubDepartment': '添加子部门',
+  'org.setDepartmentHead': '设置部门负责人',
+  'org.deleteExistUserDepartment': '当前部门下有员工，暂无法删除，请转移后再删除',
+  'org.deleteDepartmentContent': '删除后，需重新添加',
+  'org.ok': '好的',
+  'org.selectHeadPlaceholder': '请选择部门负责人',
+  'org.setupSuccess': '设置成功',
+  'org.addStaff': '添加员工',
+  'org.formPlatformSync': '{type}同步',
+  'org.userName': '姓名',
+  'org.gender': '性别',
+  'org.userEmail': '邮箱',
+  'org.department': '部门',
+  'org.directSuperior': '直属上级',
+  'org.role': '角色',
+  'org.employeeNumber': '工号',
+  'org.position': '职位',
+  'org.employeeType': '员工类型',
+  'org.workingCity': '工作城市',
+  'org.userGroup': '用户组',
+  'org.male': '男',
+  'org.female': '女',
+  'org.addMember': '添加成员',
+  'org.updateMember': '更新成员',
+  'org.testConnection': '连接测试',
+  'org.testConnectionSuccess': '连接测试通过',
+  'org.testConnectionError': '连接测试失败',
+  'org.importAlertDesc': '上传前请先按 Excel 模版中的格式编辑内容',
+  'org.downloadTemplate': '下载Excel模板',
+  'org.formExcelImport': '从 Excel 文件导入',
+  'org.validateTemplate': '校验模版',
+  'org.importInProgress': '正在导入',
+  'org.validateInProgress': '正在校验模板正确性',
+  'org.successfulCheck': '校验成功',
+  'org.countNumber': '条',
+  'org.failCheck': '校验失败',
+  'org.viewErrorDetail': '查看错误详情',
+  'org.partialVerificationFailed': '部分校验失败；',
+  'org.someUsersImportFailed': '部分数据导入失败',
+  'org.afterFailingToModify': '失败数据在 Excel 中修改后重新导入',
+  'org.backUsersList': '返回员工列表',
+  'org.backToUploadPage': '返回上传页',
+  'org.ignoreErrorContinueImporting': '忽略错误继续导入',
+  'org.successImportActionTip': '点击 导入 可录入系统',
+  'org.importErrorData': '导入失败数据',
+  'org.addDepartment': '新建部门',
+  'org.resetPassWordTip': '确认重置 {name} 密码吗？',
+  'org.resetPassWordContent': '重置后，员工通过初始密码（手机号后 6位）登录系统',
+  'org.resetPassWordSuccess': '重置成功',
+  'org.confirmReset': '确认重置',
+  'org.resetPassWord': '重置密码',
+  'org.noDepartmentToChoose': '暂无可选部门',
+  'org.deleteMemberTipContent': '删除该员工在系统上的全部数据将会被清理',
+  'org.deleteHasNotMovedTipContent': '该员工存在未转移的客户资源，无法删除！',
+  'org.attributes': '属性',
+  'org.disabledUserTipContent': '禁用后，员工无法登录系统，请谨慎操作！',
+  'org.enabledUserTipContent': '启用后，员工可以通过手机号登录系统',
+  'org.formalUser': '正式',
+  'org.internshipUser': '实习',
+  'org.outsourcingUser': '外包',
+  'org.checkIsOpenConfig': '请检查企业设置-同步组织架构功能配置!',
+  'org.syncSuccess': '同步成功',
+  'org.syncing': '同步中',
+  'org.batchResetPsdTip': '确认重置 {number} 名员工的密码？',
+  'org.batchToggleStatusTip': '确认 {enable} {number} 名员工吗？',
+  'org.batchDeleteUserTip': '确认删除 {number} 名员工吗？',
+  'org.checkSyncUserHoverTip': '当前组织架构为企业微信同步数据，请通过“同步组织架构”进行添加成员操作！',
+  'org.syncUserTipTitle': '确定从{type}同步吗？',
+  'org.syncUserTipContent': '同步后，手动添加的成员将置为禁用状态，请谨慎操作！',
+  'org.firstSyncUserTipContent': '同步组织架构将删除现有成员，此操作不可逆，确认继续同步?',
+  'org.searchByNameAndPhone': '通过姓名/手机号搜索',
+  'org.setDirectSuperiors': '设置直属上级',
+  'org.onboardingDate': '入职日期',
+  'org.Syncing': '同步组织架构中',
+};
diff --git a/frontend/packages/web/src/views/system/process/locale/en-US.ts b/frontend/packages/web/src/views/system/process/locale/en-US.ts
new file mode 100644
index 0000000..6c89ef3
--- /dev/null
+++ b/frontend/packages/web/src/views/system/process/locale/en-US.ts
@@ -0,0 +1,153 @@
+export default {
+  'process.processDesign': 'Process Design',
+  'process.processDesign.moreSetting': 'More Setting',
+  'process.process.processType': 'Business Type',
+  'process.process.name': 'Name',
+  'process.executionTiming': 'Execution Timing',
+  'process.process.newProcess': 'New Process',
+  'process.process.enableProcessTip': 'The same form can only have one enabled approval process',
+  'process.process.deleteContent':
+    'Deleting the approval process will terminate all the documents in the approval and clear the backlog. Please operate carefully!',
+  'process.process.deleteEnabledContent': 'Cannot delete an enabled approval flow',
+  'process.process.submitterAuthority': 'Submitter permissions',
+  'process.process.allowSubmitterCancel': 'Allow submitter to cancel pending applications',
+  'process.process.allowSubmitterCancelTip':
+    'Submitter can still cancel after first approval node passes (does not apply to applications initiated before configuration)',
+  'process.process.approverAuthority': 'Approver permissions',
+  'process.process.autoApproval': 'Auto-approval',
+  'process.process.repeatApproval': 'When the same approver appears multiple times:',
+  'process.process.autoApproval.firstNode': 'Only first node requires approval, subsequent nodes auto-approve',
+  'process.process.autoApproval.continuousNode': 'Auto-approve only when consecutive',
+  'process.process.autoApproval.allNode': 'Each node requires approval',
+  'process.process.approvalOpinion': 'Approval comments',
+  'process.process.approvalRejectOpinion': 'Approver must provide comments when approving or rejecting',
+  'process.process.approvalAuthority': 'Approval status permissions',
+  'process.process.approvalAuthority.batchAction': 'Allow approver to batch process',
+  'process.process.approvalAuthority.batchActionTip':
+    'After checked, the approver in handling this process, can be batch processing tasks',
+  'process.process.approvalAuthority.revokable': 'Allow approver to revoke',
+  'process.process.approvalAuthority.addTempApprover':
+    'After checking, if the approver agrees and the subsequent approver has not approved, it can be withdrawn for new approval',
+  'process.process.approvalAuthority.allowAddSign': 'Allow adding signatory',
+  'process.process.approvalAuthority.allowAddTempApprover':
+    'After checking, the approver can add temporary approvers to the approval process',
+  'process.process.processName': 'Process Name',
+  'process.process.basic.businessType': 'Business Type',
+  'process.process.basic.executionTiming': 'Execution timing',
+  'process.process.basic.updateExecuteTip': 'Edit approval only applies to approved records.',
+  'process.process.basic.description': 'Description',
+  'process.process.flow.approver': 'Approver',
+  'process.process.flow.member': 'member',
+  'process.process.flow.addCcMember': 'Add CC member',
+  'process.process.flow.ccMember': 'CC member',
+  'process.process.flow.selectApprover': 'Select approver',
+  'process.process.flow.manualApproval': 'Manual approval',
+  'process.process.flow.autoApprove': 'Auto approve',
+  'process.process.flow.autoReject': 'Auto reject',
+  'process.process.flow.conditionRule': 'Condition rule',
+  'process.process.flow.approvalType': 'Approval type',
+  'process.process.flow.nodeName': 'Node name',
+  'process.process.flow.setTriggerCondition': 'Set Trigger Condition',
+  'process.process.flow.conditionName': 'Condition Name',
+  'process.process.flow.conditionUnset': 'Please set condition',
+  'process.process.flow.conditionConnector.and': 'and',
+  'process.process.flow.conditionConnector.or': 'or',
+  'process.process.flow.nodeNameNotSet': 'Node not set, please set',
+  'process.process.flow.toConfig': 'To Config',
+  'process.process.flow.approverSetting': 'Approver setting',
+  'process.process.flow.approverType.specifiedMember': 'Specified members',
+  'process.process.flow.approverType.specifiedSupervisor': 'Specified supervisor',
+  'process.process.flow.approverType.continuousSupervisor': 'Continuous multi-level supervisors',
+  'process.process.flow.approverType.specifiedDepartmentLeader': 'Specified department head',
+  'process.process.flow.approverType.continuousDepartmentLeader': 'Continuous multi-level department heads',
+  'process.process.flow.specifiedLevel': 'Specified level',
+  'process.process.flow.specifiedEndpoint': 'Specified endpoint',
+  'process.process.flow.levelDirection.bottomUp': 'Bottom to top',
+  'process.process.flow.levelDirection.topDown': 'Top to bottom',
+  'process.process.flow.approverLevel.first': 'First-level supervisor',
+  'process.process.flow.approverLevel.second': 'Second-level supervisor',
+  'process.process.flow.approverLevel.third': 'Third-level supervisor',
+  'process.process.flow.approverLevel.fourth': 'Fourth-level supervisor',
+  'process.process.flow.approverLevel.fifth': 'Fifth-level supervisor',
+  'process.process.flow.approverLevel.sixth': 'Sixth-level supervisor',
+  'process.process.flow.approverLevel.seventh': 'Seventh-level supervisor',
+  'process.process.flow.approverLevel.eighth': 'Eighth-level supervisor',
+  'process.process.flow.approverLevel.ninth': 'Ninth-level supervisor',
+  'process.process.flow.approverLevel.tenth': 'Tenth-level supervisor',
+  'process.process.flow.departmentLevel.first': 'First-level department',
+  'process.process.flow.departmentLevel.second': 'Second-level department',
+  'process.process.flow.departmentLevel.third': 'Third-level department',
+  'process.process.flow.departmentLevel.fourth': 'Fourth-level department',
+  'process.process.flow.departmentLevel.fifth': 'Fifth-level department',
+  'process.process.flow.departmentLevel.sixth': 'Sixth-level department',
+  'process.process.flow.departmentLevel.seventh': 'Seventh-level department',
+  'process.process.flow.departmentLevel.eighth': 'Eighth-level department',
+  'process.process.flow.departmentLevel.ninth': 'Ninth-level department',
+  'process.process.flow.departmentLevel.tenth': 'Tenth-level department',
+  'process.process.flow.viewExample': 'View example',
+  'process.process.flow.directSupervisorTip':
+    "Use the submitter's direct supervisor (direct supervisor in organization members) as the approver",
+  'process.process.flow.continuousSupervisorTip': "Use the submitter's multi-level supervisors as approvers",
+  'process.process.flow.departmentLeaderTip':
+    "Use the head of the submitter's department (department head in organization structure) as the approver",
+  'process.process.flow.continuousDepartmentLeaderTip':
+    "Use the multi-level heads of the submitter's department as approvers",
+  'process.process.flow.levelExample.applicant': 'Applicant',
+  'process.process.flow.levelExample.employeeA': 'Employee A',
+  'process.process.flow.levelExample.supervisorB': "A's supervisor: C",
+  'process.process.flow.levelExample.supervisorC': "C's supervisor: D",
+  'process.process.flow.levelExample.supervisorD': "D's supervisor: E",
+  'process.process.flow.levelExample.departmentTip':
+    'Tip: when selecting second-level department head approval, the approver is Sales Area 1 owner',
+  'process.process.flow.levelExample.departmentA': 'Sales Dept 1',
+  'process.process.flow.levelExample.departmentB': 'Sales Area 1',
+  'process.process.flow.levelExample.departmentC': 'City A Sales',
+  'process.process.flow.levelExample.departmentD': 'Province A Sales',
+  'process.process.flow.levelExample.departmentApplicant': 'Sales Group 1',
+  'process.process.flow.formPermission': 'Form permission',
+  'process.process.flow.afterApproval': 'Post-approval action',
+  'process.process.flow.field': 'Field',
+  'process.process.flow.permission.hidden': 'Hidden',
+  'process.process.flow.permission.view': 'View',
+  'process.process.flow.permission.edit': 'Edit',
+  'process.process.flow.passAction': 'After pass',
+  'process.process.flow.rejectAction': 'After reject',
+  'process.process.flow.fieldUpdate': 'Field update',
+  'process.process.flow.updateTo': 'Update to',
+  'process.process.flow.webhook': 'Invoke Webhook',
+  'process.process.flow.webhookTip':
+    'Asynchronous execution execution mode: the background, and the front do not show the response result',
+  'process.process.flow.webhookDescription': 'Description',
+  'process.process.flow.webhookDescriptionPlaceholder': 'Example: push quotation number to XX system',
+  'process.process.flow.webhookUrl': 'External system Webhook URL',
+  'process.process.flow.webhookUrlPlaceholder': 'Example: https://xxx.com/api/receive',
+  'process.process.flow.webhookMethod': 'Request method',
+  'process.process.flow.webhookHeaders': 'Request header JSON',
+  'process.process.flow.webhookBody': 'Request body JSON',
+  'process.process.flow.webhookBodyPlaceholderPrefix': 'Example:',
+  'process.process.flow.webhookUrlInvalid': 'Please enter a valid HTTP/HTTPS URL',
+  'process.process.flow.addMemberLimitTip': 'Please add {target}, no more than {count}',
+  'process.process.flow.maxAddMemberTip': 'Up to {count} {target}(s)',
+  'process.process.flow.multiApprovalType': 'Multi-approver method',
+  'process.process.flow.multiApprovalType.all': 'All sign',
+  'process.process.flow.multiApprovalType.all.description': '(all approvers must agree)',
+  'process.process.flow.multiApprovalType.majority': 'Any sign',
+  'process.process.flow.multiApprovalType.majority.description': '(only one approver is required)',
+  'process.process.flow.multiApprovalType.sequential': 'Sequential sign',
+  'process.process.flow.multiApprovalType.sequential.description': '(in approver order)',
+  'process.process.flow.exceptionHandling': 'Exception handling',
+  'process.process.flow.exceptionHandlingTip.disabledApprover':
+    "1 If an approver is disabled or has left, transfer to the approver's direct supervisor.",
+  'process.process.flow.exceptionHandlingTip.duplicateApproverPrefix':
+    '2 If the same approver appears multiple times in the flow, only one approval is required by default (can be changed in ',
+  'process.process.flow.exceptionHandlingTip.duplicateApproverSuffix': ').',
+  'process.process.flow.exceptionHandling.emptyApprover': 'When approver is empty',
+  'process.process.flow.exceptionHandling.sameSubmitter': 'When approver is the submitter',
+  'process.process.flow.exceptionHandling.autoPass': 'Auto pass',
+  'process.process.flow.exceptionHandling.toUser': 'Assign to specific user',
+  'process.process.flow.exceptionHandling.toAdmin': 'Transfer to approval admin',
+  'process.process.flow.selectAdmin': 'Select admin',
+  'process.process.flow.sameSubmitter.selfApprove': 'Submitter approves for themselves',
+  'process.process.flow.sameSubmitter.transferSupervisor': 'Transfer to direct supervisor',
+  'process.process.flow.ccUsers': 'CC users',
+};
diff --git a/frontend/packages/web/src/views/system/process/locale/zh-CN.ts b/frontend/packages/web/src/views/system/process/locale/zh-CN.ts
new file mode 100644
index 0000000..37805ff
--- /dev/null
+++ b/frontend/packages/web/src/views/system/process/locale/zh-CN.ts
@@ -0,0 +1,143 @@
+export default {
+  'process.processDesign': '流程设计',
+  'process.processDesign.moreSetting': '更多设置',
+  'process.process.processType': '业务类型',
+  'process.process.name': '流程名称',
+  'process.executionTiming': '执行时机',
+  'process.process.newProcess': '新建审批流',
+  'process.process.enableProcessTip': '同一表单只能有一个启用状态的审批流',
+  'process.process.deleteContent': '删除审批流程将终止全部审批中单据并清空待办，请谨慎操作！',
+  'process.process.deleteEnabledContent': '审批流状态为开启，禁止删除!',
+  'process.process.submitterAuthority': '提交人权限',
+  'process.process.allowSubmitterCancel': '允许提交人撤销审批中的申请',
+  'process.process.allowSubmitterCancelTip': '第一个审批节点通过后，提交人仍可撤销申请(配置前已发起的申请不生效)',
+  'process.process.approverAuthority': '审批人权限',
+  'process.process.autoApproval': '自动审批',
+  'process.process.repeatApproval': '当同一审批人在流程中重复出现时：',
+  'process.process.autoApproval.firstNode': '仅首个节点需审批，后续审批节点自动同意',
+  'process.process.autoApproval.continuousNode': '仅连续审批时自动同意',
+  'process.process.autoApproval.allNode': '每个节点都需要审批',
+  'process.process.approvalOpinion': '审批意见',
+  'process.process.approvalRejectOpinion': '审批人同意或驳回流程时，需要填写审批意见',
+  'process.process.approvalAuthority': '审批状态权限',
+  'process.process.approvalAuthority.batchAction': '允许审批人批量处理',
+  'process.process.approvalAuthority.batchActionTip': '勾选后，审批人在处理此流程任务时，可批量处理多个任务',
+  'process.process.approvalAuthority.revokable': '允许审批人撤回',
+  'process.process.approvalAuthority.addTempApprover': '勾选后，若审批人同意且后续审批人尚未审批，可撤回重新进行审批',
+  'process.process.approvalAuthority.allowAddSign': '允许加签',
+  'process.process.approvalAuthority.allowAddTempApprover': '勾选后，审批人可在审批流程中增加临时审批人',
+  'process.process.processName': '流程名称',
+  'process.process.basic.businessType': '业务类型',
+  'process.process.basic.executionTiming': '执行时机',
+  'process.process.basic.updateExecuteTip': '编辑专项审批仅作用于已通过单据',
+  'process.process.basic.description': '描述信息',
+  'process.process.flow.approver': '审批人',
+  'process.process.flow.member': '成员',
+  'process.process.flow.addCcMember': '添加抄送人',
+  'process.process.flow.ccMember': '抄送人',
+  'process.process.flow.selectApprover': '选择审批人',
+  'process.process.flow.manualApproval': '人工审批',
+  'process.process.flow.autoApprove': '自动通过',
+  'process.process.flow.autoReject': '自动拒绝',
+  'process.process.flow.conditionRule': '条件规则',
+  'process.process.flow.approvalType': '审批类型',
+  'process.process.flow.nodeName': '节点名称',
+  'process.process.flow.setTriggerCondition': '设置触发条件',
+  'process.process.flow.conditionName': '条件名称',
+  'process.process.flow.conditionUnset': '请设置条件',
+  'process.process.flow.conditionConnector.and': '且',
+  'process.process.flow.conditionConnector.or': '或',
+  'process.process.flow.nodeNameNotSet': '节点未设置，请设置',
+  'process.process.flow.toConfig': '去设置',
+  'process.process.flow.approverSetting': '审批人设置',
+  'process.process.flow.approverType.specifiedMember': '指定成员',
+  'process.process.flow.approverType.specifiedSupervisor': '指定上级',
+  'process.process.flow.approverType.continuousSupervisor': '连续多级上级',
+  'process.process.flow.approverType.specifiedDepartmentLeader': '指定部门负责人',
+  'process.process.flow.approverType.continuousDepartmentLeader': '连续多级部门负责人',
+  'process.process.flow.specifiedLevel': '指定层级',
+  'process.process.flow.specifiedEndpoint': '指定终点',
+  'process.process.flow.levelDirection.bottomUp': '从下至上',
+  'process.process.flow.levelDirection.topDown': '从上至下',
+  'process.process.flow.approverLevel.first': '第一级上级',
+  'process.process.flow.approverLevel.second': '第二级上级',
+  'process.process.flow.approverLevel.third': '第三级上级',
+  'process.process.flow.approverLevel.fourth': '第四级上级',
+  'process.process.flow.approverLevel.fifth': '第五级上级',
+  'process.process.flow.approverLevel.sixth': '第六级上级',
+  'process.process.flow.approverLevel.seventh': '第七级上级',
+  'process.process.flow.approverLevel.eighth': '第八级上级',
+  'process.process.flow.approverLevel.ninth': '第九级上级',
+  'process.process.flow.approverLevel.tenth': '第十级上级',
+  'process.process.flow.departmentLevel.first': '第一级部门',
+  'process.process.flow.departmentLevel.second': '第二级部门',
+  'process.process.flow.departmentLevel.third': '第三级部门',
+  'process.process.flow.departmentLevel.fourth': '第四级部门',
+  'process.process.flow.departmentLevel.fifth': '第五级部门',
+  'process.process.flow.departmentLevel.sixth': '第六级部门',
+  'process.process.flow.departmentLevel.seventh': '第七级部门',
+  'process.process.flow.departmentLevel.eighth': '第八级部门',
+  'process.process.flow.departmentLevel.ninth': '第九级部门',
+  'process.process.flow.departmentLevel.tenth': '第十级部门',
+  'process.process.flow.viewExample': '查看示例',
+  'process.process.flow.directSupervisorTip': '取提交人的直接上级（组织架构成员直属上级）作为审批人',
+  'process.process.flow.continuousSupervisorTip': '取提交人的多级上级作为审批人',
+  'process.process.flow.departmentLeaderTip': '取提交人所在部门的负责人（组织架构部门负责人）作为审批人',
+  'process.process.flow.continuousDepartmentLeaderTip': '取提交人所在部门的多级负责人作为审批人',
+  'process.process.flow.levelExample.applicant': '申请人',
+  'process.process.flow.levelExample.employeeA': '员工小A',
+  'process.process.flow.levelExample.supervisorB': '小A的上级：小C',
+  'process.process.flow.levelExample.supervisorC': '小C的上级：小D',
+  'process.process.flow.levelExample.supervisorD': '小D的上级：小E',
+  'process.process.flow.levelExample.departmentTip': 'Tip: 选择第二级部门负责人审批时；审批人 销售1区负责人',
+  'process.process.flow.levelExample.departmentA': '销售 1 部',
+  'process.process.flow.levelExample.departmentB': '销售 1 区',
+  'process.process.flow.levelExample.departmentC': 'A 市销售',
+  'process.process.flow.levelExample.departmentD': 'A 省销售',
+  'process.process.flow.levelExample.departmentApplicant': '销售 1 组',
+  'process.process.flow.formPermission': '表单权限',
+  'process.process.flow.afterApproval': '审批后操作',
+  'process.process.flow.field': '字段',
+  'process.process.flow.permission.hidden': '隐藏',
+  'process.process.flow.permission.view': '查看',
+  'process.process.flow.permission.edit': '编辑',
+  'process.process.flow.passAction': '通过后操作',
+  'process.process.flow.rejectAction': '驳回后操作',
+  'process.process.flow.fieldUpdate': '字段更新',
+  'process.process.flow.updateTo': '更新为',
+  'process.process.flow.webhook': '调用 Webhook',
+  'process.process.flow.webhookTip': '执行方式：后台异步执行，前端不展示响应结果',
+  'process.process.flow.webhookDescription': '说明',
+  'process.process.flow.webhookDescriptionPlaceholder': '例如：推送报价编号至 XX 系统',
+  'process.process.flow.webhookUrl': '外部系统 Webhook 地址',
+  'process.process.flow.webhookUrlPlaceholder': '例如：https://xxx.com/api/receive',
+  'process.process.flow.webhookMethod': '请求方式',
+  'process.process.flow.webhookHeaders': '请求头 JSON',
+  'process.process.flow.webhookBody': '请求体 JSON',
+  'process.process.flow.webhookBodyPlaceholderPrefix': '示例：',
+  'process.process.flow.webhookUrlInvalid': '请输入正确的 HTTP/HTTPS 地址',
+  'process.process.flow.addMemberLimitTip': '请添加{target}，且不超过 {count} 个',
+  'process.process.flow.maxAddMemberTip': '最多可添加 {count} 个{target}',
+  'process.process.flow.multiApprovalType': '多人审批方式',
+  'process.process.flow.multiApprovalType.all': '会签',
+  'process.process.flow.multiApprovalType.all.description': '（需所有审批人同意）',
+  'process.process.flow.multiApprovalType.majority': '或签',
+  'process.process.flow.multiApprovalType.majority.description': '（仅需一名审批人同意）',
+  'process.process.flow.multiApprovalType.sequential': '依次审批',
+  'process.process.flow.multiApprovalType.sequential.description': '（按审批人顺序依次审批）',
+  'process.process.flow.exceptionHandling': '异常处理',
+  'process.process.flow.exceptionHandlingTip.disabledApprover':
+    '1 若审批人状态为禁用 / 离职，自动转交给该审批人的直属上级审批。',
+  'process.process.flow.exceptionHandlingTip.duplicateApproverPrefix':
+    '2 同一审批人在流程中重复出现时，默认只审批一次（可在',
+  'process.process.flow.exceptionHandlingTip.duplicateApproverSuffix': '中修改）。',
+  'process.process.flow.exceptionHandling.emptyApprover': '审批人为空时',
+  'process.process.flow.exceptionHandling.sameSubmitter': '审批人与提交人为同一人时',
+  'process.process.flow.exceptionHandling.autoPass': '自动通过',
+  'process.process.flow.exceptionHandling.toUser': '指定人员处理',
+  'process.process.flow.exceptionHandling.toAdmin': '转交给审批管理员',
+  'process.process.flow.selectAdmin': '选择管理员',
+  'process.process.flow.sameSubmitter.selfApprove': '由提交人对自己审批',
+  'process.process.flow.sameSubmitter.transferSupervisor': '转交给直属上级审批',
+  'process.process.flow.ccUsers': '抄送人',
+};
diff --git a/frontend/packages/web/src/views/system/process/process/components/addProcessDrawer.vue b/frontend/packages/web/src/views/system/process/process/components/addProcessDrawer.vue
new file mode 100644
index 0000000..a72aaba
--- /dev/null
+++ b/frontend/packages/web/src/views/system/process/process/components/addProcessDrawer.vue
@@ -0,0 +1,423 @@
+<template>
+  <CrmProcessDrawer
+    v-model:visible="visible"
+    v-model:active-tab="activeTab"
+    :tabList="tabList"
+    :loading="loading"
+    :readonly="isDetail"
+    :before-change-tab="handleBeforeChangeTab"
+    @pointerdown.capture="handleUserInteraction"
+    @keydown.capture="handleUserInteraction"
+    @save="handleSave"
+    @next-step="handleNextStep"
+    @cancel="handleCancel"
+  >
+    <template #title>
+      <div class="process-name-header flex max-w-full flex-1 overflow-hidden">
+        <CrmEditableText
+          :status="errorStatus"
+          size="small"
+          :value="form.basicConfig.name"
+          :permission="['PROCESS_SETTING:UPDATE']"
+          :click-to-edit="!isDetail"
+          :disabled="isDetail"
+          :emptyTextTip="t('common.notNull', { value: t('process.process.processName') })"
+          @handle-edit="handleEditName"
+          @input="handleInput"
+        >
+          <n-tooltip trigger="hover" :delay="300" :disabled="!form.basicConfig.name">
+            <template #trigger>
+              <div class="process-name one-line-text">
+                {{ form.basicConfig.name ?? '-' }}
+              </div>
+            </template>
+            {{ form.basicConfig.name ?? '-' }}
+          </n-tooltip>
+        </CrmEditableText>
+      </div>
+    </template>
+    <template v-if="visible">
+      <BasicForm
+        v-show="activeTab === 'basic'"
+        ref="basicFormRef"
+        v-model:basicConfig="form.basicConfig"
+        :need-detail="!!props.sourceId"
+        :readonly="isDetail"
+      />
+      <ApprovalFlowDesign
+        v-show="activeTab === 'process'"
+        ref="approvalFlowDesignRef"
+        v-model:basicConfig="form.basicConfig"
+        :need-detail="!!props.sourceId"
+        :readonly="isDetail"
+        :option-map="detailOptionMap"
+        @change="markUnsaved"
+        @switch-more-setting="activeTab = 'moreSetting'"
+      />
+      <moreSetting
+        v-show="activeTab === 'moreSetting'"
+        v-model:moreConfig="form.moreConfig"
+        :need-detail="!!props.sourceId"
+        :form-type="form.basicConfig.formType"
+        :readonly="isDetail"
+      />
+    </template>
+  </CrmProcessDrawer>
+</template>
+
+<script setup lang="ts">
+  import { nextTick, ref } from 'vue';
+  import { NTooltip, useMessage } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { ApprovalProcessForm, BasicFormParams, MoreSettingsParams } from '@lib/shared/models/system/process';
+
+  import CrmEditableText from '@/components/business/crm-editable-text/index.vue';
+  import CrmProcessDrawer from '@/components/business/crm-process-drawer/index.vue';
+  import BasicForm from './approval-flow/basicForm.vue';
+  import ApprovalFlowDesign from './approval-flow/index.vue';
+  import moreSetting from './moreSetting.vue';
+
+  import { addApprovalProcess, approvalProcessDetail, updateApprovalProcess } from '@/api/modules';
+  import { defaultBasicForm, defaultMoreConfig } from '@/config/process';
+  import { clearApprovalReviewConfigCache } from '@/hooks/useFormReviewAction';
+  import useModal from '@/hooks/useModal';
+
+  const props = defineProps<{
+    sourceId?: string;
+    readonly?: boolean;
+    isDetail?: boolean;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'cancel'): void;
+    (e: 'refresh'): void;
+  }>();
+
+  const visible = defineModel<boolean>('visible', {
+    required: true,
+  });
+
+  const { t } = useI18n();
+  const Message = useMessage();
+  const { openModal } = useModal();
+
+  const activeTab = ref('basic');
+
+  const initForm: ApprovalProcessForm = {
+    id: '',
+    enable: false,
+    basicConfig: {
+      ...cloneDeep(defaultBasicForm),
+    },
+    moreConfig: {
+      ...cloneDeep(defaultMoreConfig),
+    },
+  };
+
+  const form = ref(cloneDeep(initForm));
+
+  const editingName = ref('');
+  const basicFormRef = ref<InstanceType<typeof BasicForm> | null>(null);
+  const approvalFlowDesignRef = ref<InstanceType<typeof ApprovalFlowDesign> | null>(null);
+  const detailOptionMap = ref<Record<string, any[]>>({});
+  const tabList = [
+    {
+      name: 'basic',
+      tab: t('common.baseInfo'),
+    },
+    {
+      name: 'process',
+      tab: t('process.processDesign'),
+    },
+    {
+      name: 'moreSetting',
+      tab: t('process.processDesign.moreSetting'),
+    },
+  ];
+
+  const unsaved = ref(false);
+  const userInteracted = ref(false); // 防止没编辑就弹出提示
+  const loading = ref(false);
+
+  function markUnsaved() {
+    if (!props.readonly && !props.isDetail && userInteracted.value) {
+      unsaved.value = true;
+    }
+  }
+
+  function handleUserInteraction() {
+    if (!props.readonly && !props.isDetail) {
+      userInteracted.value = true;
+    }
+  }
+
+  function closeDrawer() {
+    unsaved.value = false;
+    userInteracted.value = false;
+    visible.value = false;
+    form.value = cloneDeep(initForm);
+    detailOptionMap.value = {};
+    emit('cancel');
+  }
+
+  function showUnsavedLeaveTip() {
+    openModal({
+      type: 'warning',
+      title: t('common.unSaveLeaveTitle'),
+      content: t('common.editUnsavedLeave'),
+      positiveText: t('common.confirm'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        closeDrawer();
+      },
+    });
+  }
+
+  function handleCancel() {
+    if (!loading.value) {
+      if (unsaved.value) {
+        showUnsavedLeaveTip();
+      } else {
+        closeDrawer();
+      }
+    }
+  }
+
+  function handleBeforeChangeTab(tab: string | number) {
+    const { createExecute, updateExecute, deleteExecute } = form.value.basicConfig;
+    if (tab !== 'process' || createExecute || updateExecute || deleteExecute) {
+      return true;
+    }
+
+    Message.warning(t('common.notNull', { value: t('process.process.basic.executionTiming') }));
+    return false;
+  }
+
+  function handleNextStep() {
+    const index = tabList.findIndex((item) => item.name === activeTab.value);
+    if (index === tabList.length - 1) {
+      return;
+    }
+    const nextTab = tabList[index + 1].name;
+    if (handleBeforeChangeTab(nextTab)) {
+      activeTab.value = nextTab;
+    }
+  }
+
+  async function handleSubmit() {
+    try {
+      loading.value = true;
+      const timingProcessData = approvalFlowDesignRef.value?.getTimingProcessData() ?? {};
+
+      const params = {
+        ...form.value,
+        ...form.value.basicConfig,
+        ...form.value.moreConfig,
+        ...timingProcessData,
+      };
+      if (props.sourceId) {
+        await updateApprovalProcess(params);
+        Message.success(t('common.updateSuccess'));
+      } else {
+        await addApprovalProcess(params);
+        Message.success(t('common.addSuccess'));
+      }
+      clearApprovalReviewConfigCache(form.value.basicConfig.formType);
+      emit('refresh');
+      closeDrawer();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  async function handleSave() {
+    const basicValid = (await basicFormRef.value?.validate()) ?? false;
+    if (!basicValid) {
+      activeTab.value = 'basic';
+      return;
+    }
+
+    if (approvalFlowDesignRef.value && !approvalFlowDesignRef.value.validateFlowNodes()) {
+      openModal({
+        type: 'warning',
+        title: t('common.saveFailed'),
+        positiveText: t('process.process.flow.toConfig'),
+        content: t('process.process.flow.nodeNameNotSet'),
+        negativeText: t('common.cancel'),
+        onPositiveClick: async () => {
+          activeTab.value = 'process';
+          nextTick(() => {
+            approvalFlowDesignRef.value?.refreshCanvas();
+          });
+        },
+      });
+      return;
+    }
+
+    handleSubmit();
+  }
+
+  function pickFormConfig<T extends Record<string, any>>(source: Record<string, any>, defaultConfig: T): T {
+    const result = { ...defaultConfig };
+
+    Object.keys(defaultConfig).forEach((key) => {
+      if (source[key] !== undefined) {
+        result[key as keyof T] = source[key];
+      }
+    });
+
+    return result;
+  }
+
+  async function getDetail(val: string) {
+    try {
+      const result = await approvalProcessDetail(val);
+
+      detailOptionMap.value = result.optionMap ?? {};
+      const basicConfig = pickFormConfig<BasicFormParams>(result, defaultBasicForm);
+      const moreConfig = pickFormConfig<MoreSettingsParams>(result, defaultMoreConfig);
+      form.value = {
+        ...result,
+        basicConfig,
+        moreConfig,
+      };
+      editingName.value = result.name;
+      nextTick(() => {
+        approvalFlowDesignRef.value?.setProcessData(result);
+        nextTick(() => {
+          unsaved.value = false;
+          userInteracted.value = false;
+        });
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  async function handleEditName(newName: string, done?: () => void) {
+    if (props.isDetail) {
+      try {
+        loading.value = true;
+        const timingProcessData = approvalFlowDesignRef.value?.getTimingProcessData() ?? {};
+        const params = {
+          ...form.value,
+          ...form.value.basicConfig,
+          ...form.value.moreConfig,
+          ...timingProcessData,
+          name: newName,
+        };
+        await updateApprovalProcess(params);
+        clearApprovalReviewConfigCache(form.value.basicConfig.formType);
+        form.value.basicConfig.name = newName;
+        editingName.value = newName;
+        done?.();
+        getDetail(form.value.id);
+        emit('refresh');
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      } finally {
+        loading.value = false;
+      }
+    } else {
+      form.value.basicConfig.name = newName;
+      editingName.value = newName;
+      done?.();
+    }
+  }
+
+  const errorStatus = computed(() => (editingName.value.trim().length ? '' : 'error'));
+  function handleInput(value: string) {
+    editingName.value = value;
+  }
+
+  watch(
+    () => props.sourceId,
+    (val) => {
+      if (val) {
+        getDetail(val);
+      }
+    }
+  );
+
+  watch(
+    () => visible.value,
+    (val) => {
+      if (!val) {
+        activeTab.value = 'basic';
+        userInteracted.value = false;
+        return;
+      }
+
+      if (!props.sourceId) {
+        unsaved.value = false;
+        userInteracted.value = false;
+      }
+    }
+  );
+
+  function refreshApprovalFlowCanvas() {
+    nextTick(() => {
+      requestAnimationFrame(() => {
+        approvalFlowDesignRef.value?.refreshCanvas(true);
+      });
+    });
+  }
+
+  watch(
+    () => activeTab.value,
+    (tab) => {
+      if (tab === 'process') {
+        refreshApprovalFlowCanvas();
+      }
+    }
+  );
+
+  watch(
+    () => [form.value.basicConfig, form.value.moreConfig],
+    () => {
+      markUnsaved();
+    },
+    {
+      deep: true,
+    }
+  );
+</script>
+
+<style lang="less">
+  .process-name-header {
+    min-width: 0;
+    > * {
+      min-width: 0;
+      max-width: 100%;
+      flex: 1 1 auto;
+    }
+    .table-row-edit {
+      @apply invisible;
+    }
+    &:hover {
+      .table-row-edit {
+        color: var(--primary-8);
+        @apply visible;
+      }
+    }
+    .process-name {
+      overflow: hidden;
+      min-width: 0;
+      max-width: 100%;
+      font-size: 14px;
+      font-weight: 400;
+      border-bottom: 2px solid var(--text-n6);
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/process/process/components/approval-flow/approval-node/index.vue b/frontend/packages/web/src/views/system/process/process/components/approval-flow/approval-node/index.vue
new file mode 100644
index 0000000..d856df5
--- /dev/null
+++ b/frontend/packages/web/src/views/system/process/process/components/approval-flow/approval-node/index.vue
@@ -0,0 +1,97 @@
+<template>
+  <div class="flex h-full flex-col">
+    <CrmTab :key="tabKey" v-model:active-tab="activeTab" no-content :tab-list="tabList" type="line" />
+
+    <div class="flex-1 overflow-hidden">
+      <ApproverSettingTab
+        v-if="activeTab === 'approver'"
+        v-model:node-config="nodeConfig"
+        :readonly="props.readonly"
+        @switch-more-setting="emit('switchMoreSetting')"
+      />
+      <FormPermissionTab
+        v-else-if="isManualApproval && activeTab === 'formPermission'"
+        v-model:node-config="nodeConfig"
+        :form-type="formType"
+        :readonly="props.readonly"
+      />
+      <AfterApprovalTab
+        v-else-if="activeTab === 'afterApproval'"
+        v-model:node-config="nodeConfig"
+        :form-type="formType"
+        :option-map="props.optionMap"
+        :readonly="props.readonly"
+      />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { computed, watch } from 'vue';
+
+  import { ApprovalTypeEnum } from '@lib/shared/enums/process';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { ApprovalActionNode } from '@lib/shared/models/system/process';
+
+  import CrmTab from '@/components/pure/crm-tab/index.vue';
+  import AfterApprovalTab from './tabs/afterApprovalTab.vue';
+  import ApproverSettingTab from './tabs/approverSettingTab.vue';
+  import FormPermissionTab from './tabs/formPermissionTab.vue';
+
+  defineOptions({
+    name: 'ApprovalActionNodeForm',
+  });
+
+  const nodeConfig = defineModel<ApprovalActionNode>('node', {
+    required: true,
+  });
+
+  const props = defineProps<{
+    formType: string;
+    optionMap?: Record<string, any[]>;
+    readonly?: boolean;
+  }>();
+
+  const emit = defineEmits<{
+    (event: 'switchMoreSetting'): void;
+  }>();
+
+  const { t } = useI18n();
+  const activeTab = ref('approver');
+  const isManualApproval = computed(() => nodeConfig.value.approvalType === ApprovalTypeEnum.MANUAL);
+
+  const manualTabList = [
+    {
+      name: 'approver',
+      tab: t('process.process.flow.approverSetting'),
+    },
+    {
+      name: 'formPermission',
+      tab: t('process.process.flow.formPermission'),
+    },
+    {
+      name: 'afterApproval',
+      tab: t('process.process.flow.afterApproval'),
+    },
+  ];
+
+  const autoApprovalTabList = manualTabList.filter((item) => item.name !== 'formPermission');
+  const tabList = computed(() => (isManualApproval.value ? manualTabList : autoApprovalTabList));
+  const tabKey = computed(() => `${nodeConfig.value.approvalType}-${tabList.value.length}`);
+
+  watch(tabList, (list) => {
+    if (!list.some((item) => item.name === activeTab.value)) {
+      activeTab.value = 'approver';
+    }
+  });
+</script>
+
+<style lang="less" scoped>
+  :deep(.n-tabs-wrapper) {
+    width: 100%;
+    .n-tabs-tab-wrapper {
+      flex: 1;
+      justify-content: center;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/process/process/components/approval-flow/approval-node/tabs/afterApprovalTab.vue b/frontend/packages/web/src/views/system/process/process/components/approval-flow/approval-node/tabs/afterApprovalTab.vue
new file mode 100644
index 0000000..bcf67aa
--- /dev/null
+++ b/frontend/packages/web/src/views/system/process/process/components/approval-flow/approval-node/tabs/afterApprovalTab.vue
@@ -0,0 +1,810 @@
+<template>
+  <n-scrollbar class="p-[16px]">
+    <CrmTab
+      v-model:active-tab="activePostTab"
+      no-content
+      :tab-list="postTabList"
+      type="segment"
+      class="after-approval-tabs mb-[16px]"
+    />
+
+    <div class="mb-[8px] font-semibold text-[var(--text-n1)]">
+      {{ t('process.process.flow.fieldUpdate') }}
+    </div>
+
+    <div class="rounded-[var(--border-radius-small)] bg-[var(--text-n9)] p-[8px]">
+      <n-empty v-if="!fieldUpdateRows.length && props.readonly" :description="t('common.noData')" size="small" />
+      <n-form v-else ref="formRef" :model="postFormModel" :show-label="false" class="after-approval-update-form">
+        <div v-for="(line, index) in fieldUpdateRows" :key="index" class="mb-[8px] flex items-start gap-[8px]">
+          <n-form-item
+            :path="`fieldUpdateConfigs.${index}.fieldId`"
+            class="flex-1"
+            :show-label="false"
+            :rule="[{ required: true, message: t('common.required'), trigger: 'change' }]"
+          >
+            <n-select
+              v-model:value="line.fieldId"
+              :disabled="props.readonly"
+              filterable
+              :options="getFieldOptions(line.fieldId)"
+              :placeholder="t('common.pleaseSelect')"
+              @update:value="(value) => handleFieldUpdate(line, value)"
+            />
+          </n-form-item>
+
+          <n-form-item class="text-[12px] text-[var(--text-n2)]">
+            {{ t('process.process.flow.updateTo') }}
+          </n-form-item>
+
+          <div class="flex-1">
+            <component
+              :is="getFieldValueComponent(line)"
+              v-if="getFieldValueComponent(line) && getFieldValueConfig(line)"
+              :value="getFieldValueModel(line)"
+              :disabled="props.readonly"
+              :path="`fieldUpdateConfigs.${index}.fieldValue`"
+              :field-config="getFieldValueConfig(line)!"
+              :form-detail="line"
+              :need-init-detail="true"
+              @update:value="(value: unknown) => handleFieldValueUpdate(line, value)"
+              @change-options="(options: SelectedUsersItem[]) => handleFieldValueOptionsUpdate(line, options)"
+            />
+            <n-form-item
+              v-else
+              :show-label="false"
+              :path="`fieldUpdateConfigs.${index}.fieldValue`"
+              :rule="[{ required: true, message: t('common.required'), trigger: 'change' }]"
+            >
+              <n-input disabled :placeholder="t('common.pleaseSelect')" />
+            </n-form-item>
+          </div>
+          <n-form-item :path="`${index}.enable`">
+            <n-switch v-model:value="line.enable" :disabled="isFieldUpdateSwitchDisabled(line)" />
+          </n-form-item>
+          <n-button ghost class="px-[7px]" :disabled="props.readonly" @click="handleDeleteFieldUpdate(index)">
+            <template #icon>
+              <CrmIcon type="iconicon_minus_circle" :size="16" />
+            </template>
+          </n-button>
+        </div>
+      </n-form>
+
+      <n-button
+        v-if="!props.readonly"
+        type="primary"
+        text
+        :disabled="isAddFieldUpdateDisabled"
+        @click="handleAddFieldUpdate"
+      >
+        <template #icon>
+          <CrmIcon type="iconicon_add" :size="16" />
+        </template>
+        {{ t('common.add') }}
+      </n-button>
+    </div>
+
+    <div class="mt-[16px]">
+      <div class="mb-[16px] flex items-center gap-[8px]">
+        <n-switch
+          v-model:value="activeWebhookConfig.webHookEnable"
+          :rubber-band="false"
+          :disabled="props.readonly"
+          @update:value="handleWebhookEnableChange"
+        />
+        <div class="font-semibold text-[var(--text-n1)]">{{ t('process.process.flow.webhook') }}</div>
+        <n-tooltip :delay="300" placement="top-start" :show-arrow="false">
+          <template #trigger>
+            <CrmIcon
+              type="iconicon_help_circle"
+              :size="16"
+              class="text-[var(--text-n4)] hover:text-[var(--primary-8)]"
+            />
+          </template>
+          {{ t('process.process.flow.webhookTip') }}
+        </n-tooltip>
+      </div>
+
+      <div v-if="activeWebhookConfig.webHookEnable" class="flex flex-col gap-[12px]">
+        <n-form
+          ref="webHookFormRef"
+          class="process-setting-form"
+          require-mark-placement="right"
+          :model="activeWebhookConfig"
+          label-placement="top"
+        >
+          <n-form-item
+            class="after-approval-webhook-form-item"
+            :label="t('process.process.flow.webhookDescription')"
+            path="webHookDescribe"
+          >
+            <n-input
+              v-model:value="activeWebhookConfig.webHookDescribe"
+              :disabled="props.readonly"
+              type="textarea"
+              :maxlength="1000"
+              :autosize="{ minRows: 3, maxRows: 5 }"
+              :placeholder="t('process.process.flow.webhookDescriptionPlaceholder')"
+            />
+          </n-form-item>
+
+          <n-form-item
+            class="after-approval-webhook-form-item"
+            :label="t('process.process.flow.webhookUrl')"
+            path="webHookUrl"
+            :rule="[
+              {
+                required: activeWebhookConfig.webHookEnable,
+                message: t('common.notNull', { value: `${t('process.process.flow.webhookUrl')}` }),
+                trigger: ['blur', 'input'],
+              },
+              {
+                validator: validateWebhookUrl,
+                trigger: ['blur', 'input'],
+              },
+            ]"
+          >
+            <n-input
+              v-model:value="activeWebhookConfig.webHookUrl"
+              :disabled="props.readonly"
+              :maxlength="1000"
+              :placeholder="t('process.process.flow.webhookUrlPlaceholder')"
+            />
+          </n-form-item>
+
+          <n-form-item
+            class="after-approval-webhook-form-item"
+            :label="t('process.process.flow.webhookMethod')"
+            path="webHookMethod"
+          >
+            <n-radio-group v-model:value="activeWebhookConfig.webHookMethod" :disabled="props.readonly">
+              <div class="flex flex-col gap-[8px]">
+                <n-radio :value="RequestEnum.POST">POST</n-radio>
+                <n-radio :value="RequestEnum.GET">GET</n-radio>
+              </div>
+            </n-radio-group>
+          </n-form-item>
+
+          <n-form-item
+            class="after-approval-webhook-form-item"
+            :label="t('process.process.flow.webhookHeaders')"
+            path="webHookHeader"
+          >
+            <n-input
+              v-model:value="activeWebhookConfig.webHookHeader"
+              :disabled="props.readonly"
+              type="textarea"
+              :maxlength="1000"
+              :autosize="{ minRows: 3, maxRows: 6 }"
+              :placeholder="webhookHeadersPlaceholder"
+            />
+          </n-form-item>
+
+          <n-form-item
+            class="after-approval-webhook-form-item"
+            :label="t('process.process.flow.webhookBody')"
+            path="webHookBody"
+            :rule="[
+              {
+                required: activeWebhookConfig.webHookMethod === RequestEnum.POST,
+                message: t('common.notNull', { value: `${t('process.process.flow.webhookBody')}` }),
+                trigger: ['blur', 'input'],
+              },
+            ]"
+          >
+            <n-input
+              v-model:value="activeWebhookConfig.webHookBody"
+              :disabled="props.readonly"
+              type="textarea"
+              :maxlength="1000"
+              :autosize="{ minRows: 6, maxRows: 10 }"
+              :placeholder="webhookBodyPlaceholder"
+            />
+          </n-form-item>
+
+          <div class="flex items-center gap-[8px]">
+            <n-button type="primary" ghost :loading="testLoading" @click="handleTestWebhook">
+              {{ t('common.testLink') }}
+            </n-button>
+            <n-button :disabled="props.readonly" @click="handleCancelWebhook">
+              {{ t('common.cancel') }}
+            </n-button>
+          </div>
+        </n-form>
+      </div>
+    </div>
+  </n-scrollbar>
+</template>
+
+<script setup lang="ts">
+  import { computed, ref, shallowRef, watch } from 'vue';
+  import {
+    type FormInst,
+    NButton,
+    NEmpty,
+    NForm,
+    NFormItem,
+    NInput,
+    NRadio,
+    NRadioGroup,
+    NScrollbar,
+    NSelect,
+    NSwitch,
+    NTooltip,
+    useMessage,
+  } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import { FieldRuleEnum, FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { RequestEnum } from '@lib/shared/enums/httpEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { getRuleType } from '@lib/shared/method/formCreate';
+  import { validateHttpUrl } from '@lib/shared/method/validate';
+  import type { SelectedUsersItem } from '@lib/shared/models/system/module';
+  import type {
+    ApprovalActionNode,
+    ApprovalFieldUpdateConfig,
+    ApprovalPostConfig,
+    ApprovalWebhookConfig,
+  } from '@lib/shared/models/system/process';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmTab from '@/components/pure/crm-tab/index.vue';
+  import DataSource from '@/components/business/crm-form-create/components/advanced/dataSource.vue';
+  import Industry from '@/components/business/crm-form-create/components/advanced/industry.vue';
+  import Link from '@/components/business/crm-form-create/components/advanced/link.vue';
+  import Location from '@/components/business/crm-form-create/components/advanced/location.vue';
+  import Phone from '@/components/business/crm-form-create/components/advanced/phone.vue';
+  import Checkbox from '@/components/business/crm-form-create/components/basic/checkbox.vue';
+  import DateTime from '@/components/business/crm-form-create/components/basic/dateTime.vue';
+  import InputNumber from '@/components/business/crm-form-create/components/basic/inputNumber.vue';
+  import MemberSelect from '@/components/business/crm-form-create/components/basic/memberSelect.vue';
+  import Radio from '@/components/business/crm-form-create/components/basic/radio.vue';
+  import Select from '@/components/business/crm-form-create/components/basic/select.vue';
+  import SingleText from '@/components/business/crm-form-create/components/basic/singleText.vue';
+  import TagInput from '@/components/business/crm-form-create/components/basic/tagInput.vue';
+  import Textarea from '@/components/business/crm-form-create/components/basic/textarea.vue';
+  import { getFormConfigApiMap, rules } from '@/components/business/crm-form-create/config';
+  import type {
+    FormCreateField,
+    FormCreateFieldOption,
+    FormCreateFieldRule,
+  } from '@/components/business/crm-form-create/types';
+
+  import { getContractStatusConfig, getOrderStatusConfig, testApprovalWebHook } from '@/api/modules';
+  import { quotationStatus } from '@/config/opportunity';
+  import { defaultWebHookConfig } from '@/config/process';
+
+  defineOptions({
+    name: 'AfterApprovalTab',
+  });
+
+  const props = defineProps<{
+    formType: string;
+    optionMap?: Record<string, any[]>;
+    readonly?: boolean;
+  }>();
+
+  const nodeConfig = defineModel<ApprovalActionNode>('nodeConfig', {
+    required: true,
+  });
+
+  const { t } = useI18n();
+  const Message = useMessage();
+  const activePostTab = ref<'pass' | 'reject'>('pass');
+  const formFields = ref<FormCreateField[]>([]);
+  const contractStageOptions = ref<{ label: string; value: string }[]>([]);
+  const orderStageOptions = ref<{ label: string; value: string }[]>([]);
+  const formRef = ref<FormInst | null>(null);
+  const webHookFormRef = ref<FormInst | null>(null);
+
+  // 用户修改成员/部门后还没保存，后端 optionMap 仍是旧回显；这里临时缓存当前行的新回显，避免切换 tab 后显示回旧值
+  const fieldValueOptionMap = shallowRef(new Map<ApprovalFieldUpdateConfig, SelectedUsersItem[]>());
+
+  const postTabList = [
+    {
+      name: 'pass',
+      tab: t('process.process.flow.passAction'),
+    },
+    {
+      name: 'reject',
+      tab: t('process.process.flow.rejectAction'),
+    },
+  ];
+
+  // 通过后操作 / 驳回后操作共用同一套 UI，这里按当前 tab 取对应配置
+  function getCurrentPostConfig(): ApprovalPostConfig | undefined {
+    return activePostTab.value === 'pass' ? nodeConfig.value.passPostConfig : nodeConfig.value.rejectPostConfig;
+  }
+
+  function ensureActivePostConfig(): ApprovalPostConfig {
+    if (activePostTab.value === 'pass') {
+      nodeConfig.value.passPostConfig ??= { fieldUpdateConfigs: [], webHookConfig: { ...defaultWebHookConfig } };
+      return nodeConfig.value.passPostConfig;
+    }
+
+    nodeConfig.value.rejectPostConfig ??= { fieldUpdateConfigs: [], webHookConfig: { ...defaultWebHookConfig } };
+    return nodeConfig.value.rejectPostConfig;
+  }
+
+  const activeWebhookConfig = computed<ApprovalWebhookConfig>(() => {
+    if (!props.readonly) {
+      const currentConfig = ensureActivePostConfig();
+
+      currentConfig.webHookConfig ??= { ...defaultWebHookConfig };
+      return currentConfig.webHookConfig;
+    }
+
+    const currentConfig = getCurrentPostConfig();
+
+    if (!currentConfig) {
+      return { ...defaultWebHookConfig };
+    }
+
+    return currentConfig.webHookConfig ?? { ...defaultWebHookConfig };
+  });
+
+  const fieldUpdateRows = computed(() => getCurrentPostConfig()?.fieldUpdateConfigs ?? []);
+  const postFormModel = computed(() => ({
+    fieldUpdateConfigs: fieldUpdateRows.value,
+    webHookConfig: activeWebhookConfig.value,
+  }));
+
+  const webhookHeadersPlaceholder = '{"Content-Type":"application/json"}';
+  const webhookBodyTemplate = `{
+  "orderNo": "\${报价.编号}",
+  "title": "\${报价.名称}",
+  "status": "approved"
+}`;
+  const webhookBodyPlaceholder = computed(
+    () => `${t('process.process.flow.webhookBodyPlaceholderPrefix')}\n${webhookBodyTemplate}`
+  );
+
+  // 操作对象与批量更新字段保持一致，只保留当前表单里允许更新的字段
+  const editableFields = computed(() => {
+    const isPoolForm = [FormDesignKeyEnum.CLUE_POOL, FormDesignKeyEnum.CUSTOMER_OPEN_SEA].includes(
+      props.formType as FormDesignKeyEnum
+    );
+
+    const customFields = formFields.value.filter((field) => {
+      const baseCondition =
+        ![
+          FieldTypeEnum.DIVIDER,
+          FieldTypeEnum.PICTURE,
+          FieldTypeEnum.SERIAL_NUMBER,
+          FieldTypeEnum.ATTACHMENT,
+          FieldTypeEnum.SUB_PRICE,
+          FieldTypeEnum.SUB_PRODUCT,
+          FieldTypeEnum.FORMULA,
+        ].includes(field.type) &&
+        !field.resourceFieldId?.length &&
+        field.defaultValueType !== 'formula';
+
+      return isPoolForm ? baseCondition && field.businessKey !== 'owner' : baseCondition;
+    });
+
+    const systemFieldMap: Partial<Record<FormDesignKeyEnum, FormCreateField[]>> = {
+      [FormDesignKeyEnum.OPPORTUNITY_QUOTATION]: [
+        {
+          id: 'invalid',
+          businessKey: 'invalid',
+          name: t('common.status'),
+          type: FieldTypeEnum.SELECT,
+          options: quotationStatus as unknown as FormCreateFieldOption[],
+        } as FormCreateField,
+      ],
+      [FormDesignKeyEnum.CONTRACT]: [
+        {
+          id: 'stage',
+          businessKey: 'stage',
+          name: t('contract.status'),
+          type: FieldTypeEnum.SELECT,
+          options: contractStageOptions.value,
+        } as FormCreateField,
+      ],
+      [FormDesignKeyEnum.ORDER]: [
+        {
+          id: 'stage',
+          businessKey: 'stage',
+          name: t('order.status'),
+          type: FieldTypeEnum.SELECT,
+          options: orderStageOptions.value,
+        } as FormCreateField,
+      ],
+    };
+
+    const systemFields = systemFieldMap[props.formType as FormDesignKeyEnum] || [];
+
+    return [...customFields, ...systemFields];
+  });
+
+  const editableFieldMap = computed(() => new Map(editableFields.value.map((field) => [field.id, field])));
+  const fieldValueComponentMap = {
+    [FieldTypeEnum.SELECT]: Select,
+    [FieldTypeEnum.SELECT_MULTIPLE]: Select,
+    [FieldTypeEnum.INPUT_NUMBER]: InputNumber,
+    [FieldTypeEnum.MEMBER]: MemberSelect,
+    [FieldTypeEnum.MEMBER_MULTIPLE]: MemberSelect,
+    [FieldTypeEnum.DEPARTMENT]: MemberSelect,
+    [FieldTypeEnum.DEPARTMENT_MULTIPLE]: MemberSelect,
+    [FieldTypeEnum.RADIO]: Radio,
+    [FieldTypeEnum.CHECKBOX]: Checkbox,
+    [FieldTypeEnum.TEXTAREA]: Textarea,
+    [FieldTypeEnum.DATE_TIME]: DateTime,
+    [FieldTypeEnum.INPUT]: SingleText,
+    [FieldTypeEnum.INPUT_MULTIPLE]: TagInput,
+    [FieldTypeEnum.DATA_SOURCE]: DataSource,
+    [FieldTypeEnum.DATA_SOURCE_MULTIPLE]: DataSource,
+    [FieldTypeEnum.LOCATION]: Location,
+    [FieldTypeEnum.PHONE]: Phone,
+    [FieldTypeEnum.INDUSTRY]: Industry,
+    [FieldTypeEnum.LINK]: Link,
+  } as const;
+  type SupportedFieldValueType = keyof typeof fieldValueComponentMap;
+
+  const selectedFieldIdSet = computed(() => new Set(fieldUpdateRows.value.map((item) => item.fieldId).filter(Boolean)));
+  const isAddFieldUpdateDisabled = computed(
+    () => editableFields.value.length > 0 && selectedFieldIdSet.value.size >= editableFields.value.length
+  );
+
+  function getFieldOptions(currentFieldId: string | null) {
+    // 每个字段只能选择一次
+    return editableFields.value
+      .filter((field) => field.id === currentFieldId || !selectedFieldIdSet.value.has(field.id))
+      .map((field) => ({
+        label: field.name,
+        value: field.id,
+      }));
+  }
+
+  function getCurrentField(fieldId: string) {
+    return editableFieldMap.value.get(fieldId) ?? null;
+  }
+
+  function getInitialFieldValue(field: FormCreateField) {
+    if ([FieldTypeEnum.DATE_TIME, FieldTypeEnum.INPUT_NUMBER, FieldTypeEnum.DATA_SOURCE].includes(field.type)) {
+      return null;
+    }
+
+    if (getRuleType(field) === 'array') {
+      return [];
+    }
+
+    return '';
+  }
+
+  function getFieldValueRuleType(field: FormCreateField) {
+    if (
+      [FieldTypeEnum.SELECT, FieldTypeEnum.RADIO].includes(field.type) &&
+      field.options?.some((item) => typeof item.value === 'boolean')
+    ) {
+      return 'boolean';
+    }
+    return field.type === FieldTypeEnum.DATA_SOURCE ? 'string' : getRuleType(field);
+  }
+
+  function buildFieldValueConfig(field: FormCreateField) {
+    // 复用原表单字段配置来渲染“更新为”控件，同时隐藏标题并补齐校验
+    const currentField = {
+      ...cloneDeep(field),
+      name: t('common.batchUpdate'),
+      description: '',
+      showLabel: false,
+      editable: props.readonly ? false : field.editable,
+    };
+
+    const fullRules: FormCreateFieldRule[] = [];
+    (field.rules || []).forEach((rule) => {
+      const staticRule = cloneDeep(rules.find((item) => item.key === rule.key));
+
+      if (!staticRule) {
+        return;
+      }
+
+      staticRule.message = t(staticRule.message as string, { value: t(field.name) });
+      staticRule.type = getFieldValueRuleType(field);
+      staticRule.regex = rule.regex;
+
+      if ([FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.DATA_SOURCE_MULTIPLE].includes(field.type)) {
+        staticRule.trigger = 'none';
+      }
+
+      fullRules.push(staticRule);
+    });
+
+    // 如果原字段没配必填规则，这里补一个
+    if (!fullRules.some((rule) => rule.key === 'required')) {
+      fullRules.unshift({
+        key: FieldRuleEnum.REQUIRED,
+        required: true,
+        message: t('common.required'),
+        trigger: ['blur', 'change'],
+        type: getFieldValueRuleType(field),
+      });
+    }
+
+    currentField.rules = fullRules;
+
+    return currentField;
+  }
+
+  const fieldValueConfigMap = computed(
+    () => new Map(editableFields.value.map((field) => [field.id, buildFieldValueConfig(field)]))
+  );
+
+  function isEmptyFieldValue(value: unknown) {
+    if (Array.isArray(value)) {
+      return !value.length;
+    }
+
+    return value === null || value === undefined || value === '';
+  }
+
+  function getFieldValueOptions(line: ApprovalFieldUpdateConfig) {
+    // 用户在页面上改过成员/部门后，优先用当前未保存的选择；否则再用后端 optionMap 回显
+    const cachedOptions = fieldValueOptionMap.value.get(line);
+    if (cachedOptions) {
+      return cachedOptions;
+    }
+
+    if (!line.fieldId) {
+      return [];
+    }
+
+    const selectedIds = new Set(
+      Array.isArray(line.fieldValue) ? line.fieldValue.map(String) : [String(line.fieldValue)]
+    );
+    // optionMap 是“字段 -> 全部回显项”的集合，同一字段可能同时包含通过/驳回 tab 的值，需要按当前行 fieldValue 过滤
+    return (props.optionMap?.[line.fieldId] ?? []).filter((item) => selectedIds.has(String(item.id)));
+  }
+
+  function getFieldValueConfig(line: ApprovalFieldUpdateConfig) {
+    if (!line.fieldId) {
+      return null;
+    }
+
+    const fieldConfig = fieldValueConfigMap.value.get(line.fieldId);
+    if (!fieldConfig) {
+      return null;
+    }
+
+    const initialOptions = getFieldValueOptions(line);
+    if (initialOptions.length) {
+      return {
+        ...fieldConfig,
+        initialOptions: [...initialOptions],
+      };
+    }
+
+    return fieldConfig;
+  }
+
+  function isSupportedFieldValueType(fieldType: FieldTypeEnum): fieldType is SupportedFieldValueType {
+    return fieldType in fieldValueComponentMap;
+  }
+
+  function getFieldValueComponent(line: ApprovalFieldUpdateConfig) {
+    const fieldType = getFieldValueConfig(line)?.type;
+    return fieldType && isSupportedFieldValueType(fieldType) ? fieldValueComponentMap[fieldType] : null;
+  }
+
+  function getFieldValueModel(line: ApprovalFieldUpdateConfig) {
+    const fieldType = getFieldValueConfig(line)?.type;
+    if (fieldType === FieldTypeEnum.DATA_SOURCE) {
+      return line.fieldValue ? [line.fieldValue] : [];
+    }
+
+    return line.fieldValue;
+  }
+
+  function handleFieldValueUpdate(line: ApprovalFieldUpdateConfig, value: unknown) {
+    const fieldType = getFieldValueConfig(line)?.type;
+    if (fieldType === FieldTypeEnum.DATA_SOURCE) {
+      line.fieldValue = Array.isArray(value) ? value[0] ?? null : value;
+      return;
+    }
+
+    line.fieldValue = value;
+  }
+
+  function handleFieldValueOptionsUpdate(line: ApprovalFieldUpdateConfig, options: SelectedUsersItem[]) {
+    fieldValueOptionMap.value = new Map(fieldValueOptionMap.value).set(line, [...options]);
+  }
+
+  // 当前行切换字段时，旧字段的成员/部门回显不能继续沿用
+  function clearFieldValueOptions(line: ApprovalFieldUpdateConfig) {
+    const nextMap = new Map(fieldValueOptionMap.value);
+    nextMap.delete(line);
+    fieldValueOptionMap.value = nextMap;
+  }
+
+  function isFieldUpdateSwitchDisabled(line: ApprovalFieldUpdateConfig) {
+    return props.readonly || !line.fieldId || isEmptyFieldValue(line.fieldValue);
+  }
+
+  function handleFieldUpdate(line: ApprovalFieldUpdateConfig, fieldId: string) {
+    if (props.readonly) {
+      return;
+    }
+
+    line.fieldId = fieldId;
+    clearFieldValueOptions(line);
+    const currentField = fieldId ? getCurrentField(fieldId) : null;
+    line.fieldValue = currentField ? getInitialFieldValue(currentField) : '';
+  }
+
+  function handleDeleteFieldUpdate(index: number) {
+    if (props.readonly) {
+      return;
+    }
+
+    ensureActivePostConfig().fieldUpdateConfigs.splice(index, 1);
+  }
+
+  function handleAddFieldUpdate() {
+    if (props.readonly || isAddFieldUpdateDisabled.value) {
+      return;
+    }
+
+    formRef.value?.validate((errors) => {
+      if (errors) {
+        return;
+      }
+
+      // 只有当前规则都填完整了，才允许继续新增下一条
+      ensureActivePostConfig().fieldUpdateConfigs.push({
+        fieldId: null,
+        fieldValue: '',
+        enable: true,
+      });
+    });
+  }
+
+  function validateWebhookUrl(_rule: unknown, value: string) {
+    if (!activeWebhookConfig.value.webHookEnable || !value?.trim()) {
+      return true;
+    }
+
+    return validateHttpUrl(value) || new Error(t('process.process.flow.webhookUrlInvalid'));
+  }
+
+  function handleCancelWebhook() {
+    ensureActivePostConfig().webHookConfig = { ...defaultWebHookConfig };
+  }
+
+  const testLoading = ref(false);
+  function handleTestWebhook() {
+    if (props.readonly || !activeWebhookConfig.value.webHookEnable) {
+      return;
+    }
+    webHookFormRef.value?.validate(async (errors) => {
+      if (!errors) {
+        testLoading.value = true;
+        try {
+          await testApprovalWebHook(activeWebhookConfig.value);
+          Message.success(t('org.testConnectionSuccess'));
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        } finally {
+          testLoading.value = false;
+        }
+      }
+    });
+  }
+
+  watch(
+    () => activePostTab.value,
+    (val) => {
+      if (val) {
+        webHookFormRef.value?.restoreValidation();
+      }
+    }
+  );
+
+  function normalizeFieldUpdateConfigs(config?: ApprovalPostConfig) {
+    if (props.readonly || !config) {
+      return;
+    }
+
+    const selectedFieldIds = new Set<string>();
+
+    config.fieldUpdateConfigs = config.fieldUpdateConfigs.filter((item) => {
+      if (!item.fieldId) {
+        return true;
+      }
+
+      if (!editableFieldMap.value.has(item.fieldId) || selectedFieldIds.has(item.fieldId)) {
+        return false;
+      }
+
+      selectedFieldIds.add(item.fieldId);
+      return true;
+    });
+
+    config.webHookConfig = {
+      ...defaultWebHookConfig,
+      ...config.webHookConfig,
+    };
+  }
+
+  function handleWebhookEnableChange(val: boolean) {
+    if (!val) {
+      ensureActivePostConfig().webHookConfig = { ...defaultWebHookConfig };
+    }
+  }
+
+  async function initStage() {
+    contractStageOptions.value = [];
+    orderStageOptions.value = [];
+    try {
+      if (props.formType === FormDesignKeyEnum.CONTRACT) {
+        const contractStageConfig = await getContractStatusConfig();
+        contractStageOptions.value = contractStageConfig.stageConfigList.map((item) => ({
+          label: item.name,
+          value: item.id,
+        }));
+      }
+
+      if (props.formType === FormDesignKeyEnum.ORDER) {
+        const orderStageConfig = await getOrderStatusConfig();
+        orderStageOptions.value = orderStageConfig.stageConfigList.map((item) => ({
+          label: item.name,
+          value: item.id,
+        }));
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  async function loadFormFields() {
+    try {
+      const api =
+        getFormConfigApiMap[props.formType as FormDesignKeyEnum] ??
+        getFormConfigApiMap[FormDesignKeyEnum.OPPORTUNITY_QUOTATION];
+      const res = await api();
+      formFields.value = res.fields;
+      initStage();
+      if (!props.readonly) {
+        normalizeFieldUpdateConfigs(nodeConfig.value.passPostConfig);
+        normalizeFieldUpdateConfigs(nodeConfig.value.rejectPostConfig);
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  watch(
+    () => props.formType,
+    () => {
+      loadFormFields();
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
+
+<style scoped lang="less">
+  .after-approval-tabs {
+    :deep(.n-tabs-rail) {
+      width: 100%;
+    }
+  }
+  .after-approval-update-form {
+    :deep(.n-form-item-label) {
+      display: none;
+    }
+    :deep(.n-form-item.n-form-item--top-labelled) {
+      grid-template-areas: 'blank' 'feedback';
+    }
+    :deep(.n-form-item-feedback-wrapper) {
+      display: none;
+    }
+    :deep(.n-form-item-blank--error) + .n-form-item-feedback-wrapper {
+      display: inline-block;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/process/process/components/approval-flow/approval-node/tabs/approvalLevelExamplePopover.vue b/frontend/packages/web/src/views/system/process/process/components/approval-flow/approval-node/tabs/approvalLevelExamplePopover.vue
new file mode 100644
index 0000000..d993126
--- /dev/null
+++ b/frontend/packages/web/src/views/system/process/process/components/approval-flow/approval-node/tabs/approvalLevelExamplePopover.vue
@@ -0,0 +1,68 @@
+<template>
+  <n-popover
+    placement="right"
+    :show-arrow="false"
+    :theme-overrides="{
+      padding: '16px',
+      color: 'var(--text-n10)',
+      textColor: 'var(--text-n1)',
+    }"
+  >
+    <template #trigger>
+      <span class="cursor-pointer font-normal text-[var(--primary-8)]">
+        {{ t('process.process.flow.viewExample') }}
+      </span>
+    </template>
+
+    <div class="min-w-[270px]">
+      <div
+        v-if="tip"
+        class="mb-[16px] rounded-[4px] bg-[var(--warning-5)] px-[12px] py-[5px] text-[var(--warning-yellow)]"
+      >
+        {{ tip }}
+      </div>
+      <div
+        v-for="(item, index) in items"
+        :key="`${item.level}-${item.name}`"
+        class="grid grid-cols-[86px_minmax(150px,1fr)] items-baseline"
+      >
+        <div class="text-[var(--text-n1)]">{{ item.level }}</div>
+        <div class="flex flex-col items-center">
+          <div class="w-full rounded-[4px] bg-[var(--primary-7)] py-[8px] text-center text-[var(--primary-0)]">
+            {{ item.name }}
+          </div>
+          <CrmIcon
+            v-if="index < items.length - 1"
+            type="iconicon_arrow_up"
+            :size="16"
+            class="mb-[8px] mt-[2px] text-[var(--text-n4)]"
+          />
+        </div>
+      </div>
+    </div>
+  </n-popover>
+</template>
+
+<script setup lang="ts">
+  import { NPopover } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+
+  defineOptions({
+    name: 'ApprovalLevelExamplePopover',
+  });
+
+  export type ApprovalLevelExampleItem = {
+    level: string;
+    name: string;
+  };
+
+  defineProps<{
+    items: ApprovalLevelExampleItem[];
+    tip?: string;
+  }>();
+
+  const { t } = useI18n();
+</script>
diff --git a/frontend/packages/web/src/views/system/process/process/components/approval-flow/approval-node/tabs/approvalMemberSelector.vue b/frontend/packages/web/src/views/system/process/process/components/approval-flow/approval-node/tabs/approvalMemberSelector.vue
new file mode 100644
index 0000000..3ab61f7
--- /dev/null
+++ b/frontend/packages/web/src/views/system/process/process/components/approval-flow/approval-node/tabs/approvalMemberSelector.vue
@@ -0,0 +1,67 @@
+<template>
+  <CrmMemberSelectorBox
+    v-model:value="value"
+    v-model:selected-list="selectedList"
+    :label="label"
+    :add-text="addText"
+    :required="required"
+    :max-count="maxCount"
+    :tip-text="memberLimitTip"
+    :member-types="memberTypes"
+    :api-type-key="apiTypeKey"
+    :disabled-node-types="disabledNodeTypes"
+    :disabled="props.disabled"
+  />
+</template>
+
+<script setup lang="ts">
+  import { computed } from 'vue';
+
+  import { MemberApiTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { DeptNodeTypeEnum } from '@lib/shared/enums/systemEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { SelectedUsersItem } from '@lib/shared/models/system/module';
+
+  import CrmMemberSelectorBox from '@/components/business/crm-member-selector-box/index.vue';
+  import type { Option } from '@/components/business/crm-select-user-drawer/type';
+
+  const props = withDefaults(
+    defineProps<{
+      label?: string;
+      addText?: string;
+      required?: boolean;
+      maxCount?: number;
+      memberTypes?: Option[];
+      apiTypeKey?: MemberApiTypeEnum;
+      disabledNodeTypes?: DeptNodeTypeEnum[];
+      limitLabel?: string;
+      disabled?: boolean;
+    }>(),
+    {
+      label: '',
+      addText: '',
+      required: false,
+      maxCount: 1,
+    }
+  );
+
+  const { t } = useI18n();
+
+  const value = defineModel<string[]>('value', {
+    default: () => [],
+  });
+  const selectedList = defineModel<SelectedUsersItem[]>('selectedList', {
+    default: () => [],
+  });
+
+  const isMemberInvalid = computed(() => {
+    const selectedCount = selectedList.value.length;
+    return (props.required && selectedCount === 0) || Boolean(props.maxCount && selectedCount > props.maxCount);
+  });
+
+  const memberLimitTip = computed(() =>
+    isMemberInvalid.value
+      ? t('process.process.flow.addMemberLimitTip', { count: props.maxCount, target: props.limitLabel })
+      : t('process.process.flow.maxAddMemberTip', { count: props.maxCount, target: props.limitLabel })
+  );
+</script>
diff --git a/frontend/packages/web/src/views/system/process/process/components/approval-flow/approval-node/tabs/approverSettingTab.vue b/frontend/packages/web/src/views/system/process/process/components/approval-flow/approval-node/tabs/approverSettingTab.vue
new file mode 100644
index 0000000..6cb452e
--- /dev/null
+++ b/frontend/packages/web/src/views/system/process/process/components/approval-flow/approval-node/tabs/approverSettingTab.vue
@@ -0,0 +1,798 @@
+<template>
+  <n-scrollbar class="p-[16px]" @pointerdown.capture="handleUserInteraction" @keydown.capture="handleUserInteraction">
+    <n-form
+      :rules="rules"
+      class="process-setting-form"
+      require-mark-placement="right"
+      :model="nodeConfig"
+      label-placement="top"
+    >
+      <n-form-item path="approvalType" :label="t('process.process.flow.approvalType')">
+        <n-select
+          v-model:value="nodeConfig.approvalType"
+          :disabled="props.readonly"
+          :options="approvalTypeOptions"
+          :placeholder="t('common.pleaseSelect')"
+          @update:value="handleApprovalTypeUpdate"
+        />
+      </n-form-item>
+
+      <n-form-item path="name" :label="t('process.process.flow.nodeName')">
+        <n-input
+          v-model:value="nodeConfig.name"
+          :disabled="props.readonly"
+          :maxlength="255"
+          type="text"
+          :placeholder="t('common.pleaseInput')"
+          @update:value="clearCurrentNodeInvalid"
+        />
+      </n-form-item>
+
+      <template v-if="nodeConfig.approvalType === ApprovalTypeEnum.MANUAL">
+        <!-- 审批人 -->
+        <n-form-item path="approverType" :label="t('process.process.flow.approver')">
+          <n-select
+            v-model:value="nodeConfig.approverType"
+            :disabled="props.readonly"
+            :options="approverTypeOptions"
+            :placeholder="t('common.pleaseSelect')"
+            @update:value="handleApproverTypeUpdate"
+          />
+        </n-form-item>
+
+        <!-- 添加成员/角色 -->
+        <n-form-item
+          v-if="isMemberOrRole(nodeConfig.approverType)"
+          path="approverList"
+          :show-label="false"
+          :show-feedback="false"
+        >
+          <ApprovalMemberSelector
+            :key="nodeConfig.approverType ?? 'none'"
+            v-model:value="nodeConfig.approverList"
+            v-model:selected-list="nodeConfig.approverSelectedList"
+            class="mb-[24px]"
+            :label="nodeConfig.approverType === ApproverTypeEnum.ROLE ? t('role.role') : t('org.addMember')"
+            :add-text="nodeConfig.approverType === ApproverTypeEnum.ROLE ? t('role.addRole') : t('role.addMember')"
+            :limit-label="
+              nodeConfig.approverType === ApproverTypeEnum.ROLE ? t('role.role') : t('process.process.flow.member')
+            "
+            :api-type-key="
+              nodeConfig.approverType === ApproverTypeEnum.ROLE
+                ? MemberApiTypeEnum.MODULE_ROLE
+                : MemberApiTypeEnum.FORM_FIELD
+            "
+            :member-types="nodeConfig.approverType === ApproverTypeEnum.ROLE ? roleMemberTypes : userMemberTypes"
+            :disabled-node-types="
+              nodeConfig.approverType === ApproverTypeEnum.ROLE ? undefined : disabledMemberNodeTypes
+            "
+            required
+            :max-count="approverMaxCount"
+            :disabled="props.readonly"
+            @update:value="clearCurrentNodeInvalid"
+          />
+        </n-form-item>
+
+        <!-- 指定层级/终点 -->
+        <n-form-item v-if="approverLevelConfig" path="approverList" class="specified-level-form-item">
+          <template #label>
+            <span class="inline-flex items-center gap-[8px]">
+              {{ approverLevelConfig.label }}
+              <n-tooltip trigger="hover" :delay="300">
+                <template #trigger>
+                  <CrmIcon
+                    :size="16"
+                    type="iconicon_help_circle"
+                    class="cursor-pointer text-[var(--text-n4)] hover:text-[var(--primary-1)]"
+                  />
+                </template>
+                {{ approverLevelConfig.tooltip }}
+              </n-tooltip>
+            </span>
+            <ApprovalLevelExamplePopover
+              v-if="approverLevelConfig.exampleItems"
+              :items="approverLevelConfig.exampleItems"
+              :tip="approverLevelConfig.exampleTip"
+            />
+          </template>
+
+          <div class="flex w-full gap-[8px]">
+            <n-select
+              v-model:value="approverDirection"
+              class="w-[120px]"
+              :disabled="props.readonly"
+              :options="levelDirectionOptions"
+              @update:value="clearCurrentNodeInvalid"
+            />
+            <n-select
+              v-model:value="approverLevel"
+              class="flex-1"
+              :disabled="props.readonly"
+              :options="approverLevelConfig.options"
+              @update:value="clearCurrentNodeInvalid"
+            />
+          </div>
+        </n-form-item>
+
+        <!-- 多人审批 -->
+        <n-form-item path="multiApproverMode" :label="t('process.process.flow.multiApprovalType')">
+          <n-radio-group v-model:value="nodeConfig.multiApproverMode" :disabled="props.readonly">
+            <n-space vertical :size="8">
+              <n-radio v-for="item in multiApproverModeOptions" :key="item.value" :value="item.value">
+                {{ item.label }}
+                <span v-if="item.description" class="text-[var(--text-n4)]">{{ item.description }}</span>
+              </n-radio>
+            </n-space>
+          </n-radio-group>
+        </n-form-item>
+
+        <!-- 异常处理 -->
+        <div>
+          <div class="mb-[8px] inline-flex items-center gap-[8px] font-semibold">
+            {{ t('process.process.flow.exceptionHandling') }}
+
+            <n-tooltip
+              trigger="hover"
+              :delay="300"
+              :theme-overrides="{
+                color: 'var(--text-n10)',
+                textColor: 'var(--text-n1)',
+              }"
+            >
+              <template #trigger>
+                <CrmIcon
+                  :size="16"
+                  type="iconicon_help_circle"
+                  class="cursor-pointer text-[var(--text-n4)] hover:text-[var(--primary-1)]"
+                />
+              </template>
+
+              <div class="flex flex-col gap-[4px]">
+                <div>{{ t('process.process.flow.exceptionHandlingTip.disabledApprover') }}</div>
+                <div>
+                  {{ t('process.process.flow.exceptionHandlingTip.duplicateApproverPrefix') }}
+                  <span class="cursor-pointer text-[var(--primary-8)]" @click.stop="emit('switchMoreSetting')">
+                    {{ t('process.processDesign.moreSetting') }}
+                  </span>
+                  {{ t('process.process.flow.exceptionHandlingTip.duplicateApproverSuffix') }}
+                </div>
+              </div>
+            </n-tooltip>
+          </div>
+
+          <CrmTab
+            v-model:active-tab="activeExceptionTab"
+            no-content
+            :tab-list="exceptionTabList"
+            type="segment"
+            class="approval-exception-tabs mb-[8px]"
+            :disabled="props.readonly"
+          />
+
+          <template v-if="activeExceptionTab === 'emptyApprover'">
+            <n-form-item path="emptyApproverAction" :show-label="false">
+              <n-radio-group
+                v-model:value="nodeConfig.emptyApproverAction"
+                :disabled="props.readonly"
+                @update:value="handleEmptyApproverActionUpdate"
+              >
+                <n-space vertical :size="8">
+                  <n-radio :value="EmptyApproverActionEnum.AUTO_PASS">
+                    {{ t('process.process.flow.exceptionHandling.autoPass') }}
+                  </n-radio>
+                  <n-radio :value="EmptyApproverActionEnum.ASSIGN_SPECIFIC">
+                    {{ t('process.process.flow.exceptionHandling.toUser') }}
+                  </n-radio>
+                  <n-radio :value="EmptyApproverActionEnum.ASSIGN_ADMIN">
+                    {{ t('process.process.flow.exceptionHandling.toAdmin') }}
+                  </n-radio>
+                </n-space>
+              </n-radio-group>
+            </n-form-item>
+
+            <n-form-item
+              v-if="nodeConfig.emptyApproverAction === EmptyApproverActionEnum.ASSIGN_SPECIFIC"
+              path="fallbackApprover"
+              :show-label="false"
+              :show-feedback="false"
+            >
+              <ApprovalMemberSelector
+                v-model:value="fallbackApproverList"
+                v-model:selected-list="nodeConfig.emptyApproverSelectedList"
+                class="mb-[24px]"
+                :label="t('org.addMember')"
+                :add-text="t('role.addMember')"
+                :api-type-key="MemberApiTypeEnum.FORM_FIELD"
+                :limit-label="t('process.process.flow.member')"
+                :member-types="userMemberTypes"
+                :disabled-node-types="disabledMemberNodeTypes"
+                :max-count="fallbackApproverMaxCount"
+                required
+                :disabled="props.readonly"
+                @update:value="clearCurrentNodeInvalid"
+              />
+            </n-form-item>
+
+            <n-form-item
+              v-if="nodeConfig.emptyApproverAction === EmptyApproverActionEnum.ASSIGN_ADMIN"
+              path="fallbackApprover"
+              :label="t('process.process.flow.selectAdmin')"
+              required
+            >
+              <n-select
+                v-model:value="nodeConfig.fallbackApprover"
+                :disabled="props.readonly"
+                :options="approvalAdminOptions"
+                :placeholder="t('common.pleaseSelect')"
+                @update:value="clearCurrentNodeInvalid"
+              />
+            </n-form-item>
+          </template>
+
+          <template v-else>
+            <n-form-item path="sameSubmitterAction" :show-label="false">
+              <n-radio-group v-model:value="nodeConfig.sameSubmitterAction" :disabled="props.readonly">
+                <n-space vertical :size="8">
+                  <n-radio :value="SameSubmitterActionEnum.ALLOW">
+                    {{ t('process.process.flow.sameSubmitter.selfApprove') }}
+                  </n-radio>
+                  <n-radio :value="SameSubmitterActionEnum.SKIP">
+                    {{ t('process.process.flow.exceptionHandling.autoPass') }}
+                  </n-radio>
+                  <n-radio :value="SameSubmitterActionEnum.ASSIGN_SUPERIOR">
+                    {{ t('process.process.flow.sameSubmitter.transferSupervisor') }}
+                  </n-radio>
+                </n-space>
+              </n-radio-group>
+            </n-form-item>
+          </template>
+        </div>
+      </template>
+
+      <!-- 抄送人 -->
+      <n-form-item path="ccType" :label="t('process.process.flow.ccMember')">
+        <n-select
+          v-model:value="nodeConfig.ccType"
+          :disabled="props.readonly"
+          :options="approverTypeOptions"
+          clearable
+          :placeholder="t('common.pleaseSelect')"
+          @update:value="handleCcTypeUpdate"
+        />
+      </n-form-item>
+
+      <n-form-item
+        v-if="nodeConfig.ccType && isMemberOrRole(nodeConfig.ccType)"
+        path="ccList"
+        :show-label="false"
+        :show-feedback="false"
+      >
+        <ApprovalMemberSelector
+          :key="nodeConfig.ccType ?? 'none'"
+          v-model:value="nodeConfig.ccList"
+          v-model:selected-list="nodeConfig.ccSelectedList"
+          :label="nodeConfig.ccType === ApproverTypeEnum.ROLE ? t('role.role') : t('org.addMember')"
+          :add-text="nodeConfig.ccType === ApproverTypeEnum.ROLE ? t('role.addRole') : t('role.addMember')"
+          :limit-label="nodeConfig.ccType === ApproverTypeEnum.ROLE ? t('role.role') : t('process.process.flow.member')"
+          :api-type-key="
+            nodeConfig.ccType === ApproverTypeEnum.ROLE ? MemberApiTypeEnum.MODULE_ROLE : MemberApiTypeEnum.FORM_FIELD
+          "
+          :member-types="nodeConfig.ccType === ApproverTypeEnum.ROLE ? roleMemberTypes : userMemberTypes"
+          :disabled-node-types="nodeConfig.ccType === ApproverTypeEnum.ROLE ? undefined : disabledMemberNodeTypes"
+          required
+          :max-count="ccMaxCount"
+          :disabled="props.readonly"
+          @update:value="clearCurrentNodeInvalid"
+        />
+      </n-form-item>
+
+      <n-form-item v-if="ccLevelConfig" path="ccList" class="specified-level-form-item">
+        <template #label>
+          <span class="inline-flex items-center gap-[8px]">
+            {{ ccLevelConfig.label }}
+            <n-tooltip trigger="hover" :delay="300">
+              <template #trigger>
+                <CrmIcon
+                  :size="16"
+                  type="iconicon_help_circle"
+                  class="cursor-pointer text-[var(--text-n4)] hover:text-[var(--primary-1)]"
+                />
+              </template>
+              {{ ccLevelConfig.tooltip }}
+            </n-tooltip>
+          </span>
+
+          <ApprovalLevelExamplePopover
+            v-if="ccLevelConfig.exampleItems"
+            :items="ccLevelConfig.exampleItems"
+            :tip="ccLevelConfig.exampleTip"
+          />
+        </template>
+
+        <div class="flex w-full gap-[8px]">
+          <n-select
+            v-model:value="ccDirection"
+            class="w-[120px]"
+            :disabled="props.readonly"
+            :options="levelDirectionOptions"
+            @update:value="clearCurrentNodeInvalid"
+          />
+          <n-select
+            v-model:value="ccLevel"
+            class="flex-1"
+            :disabled="props.readonly"
+            :options="ccLevelConfig.options"
+            @update:value="clearCurrentNodeInvalid"
+          />
+        </div>
+      </n-form-item>
+    </n-form>
+  </n-scrollbar>
+</template>
+
+<script setup lang="ts">
+  import { computed, onMounted, ref } from 'vue';
+  import {
+    type FormRules,
+    NForm,
+    NFormItem,
+    NInput,
+    NRadio,
+    NRadioGroup,
+    NScrollbar,
+    NSelect,
+    NSpace,
+    NTooltip,
+  } from 'naive-ui';
+
+  import { MemberApiTypeEnum, MemberSelectTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import {
+    ApprovalLevelDirectionEnum,
+    ApprovalTypeEnum,
+    ApproverTypeEnum,
+    EmptyApproverActionEnum,
+    MultiApproverModeEnum,
+    SameSubmitterActionEnum,
+  } from '@lib/shared/enums/process';
+  import { DeptNodeTypeEnum } from '@lib/shared/enums/systemEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { ApprovalActionNode } from '@lib/shared/models/system/process';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmTab from '@/components/pure/crm-tab/index.vue';
+  import ApprovalLevelExamplePopover from './approvalLevelExamplePopover.vue';
+  import ApprovalMemberSelector from './approvalMemberSelector.vue';
+
+  import { getAdminOptions } from '@/api/modules';
+  import {
+    approvalTypeOptions,
+    approverLevelOptions,
+    approverTypeOptions,
+    departmentLevelOptions,
+    resolveApprovalActionNodeDescription,
+  } from '@/config/process';
+
+  import { canClearInvalidState, clearInvalidState, unlockInvalidClearState } from '../../flow/validation';
+
+  defineOptions({
+    name: 'ApproverSettingTab',
+  });
+
+  const props = defineProps<{
+    readonly?: boolean;
+  }>();
+
+  const nodeConfig = defineModel<ApprovalActionNode>('nodeConfig', {
+    required: true,
+  });
+
+  const emit = defineEmits<{
+    (event: 'switchMoreSetting'): void;
+  }>();
+
+  const { t } = useI18n();
+
+  const activeExceptionTab = ref<'emptyApprover' | 'sameSubmitter'>('emptyApprover'); // 异常处理的tab
+
+  const approverMaxCount = 15;
+  const ccMemberMaxCount = 100;
+  const ccRoleMaxCount = 15;
+  const fallbackApproverMaxCount = 1;
+
+  const ccMaxCount = computed(() =>
+    nodeConfig.value.ccType === ApproverTypeEnum.ROLE ? ccRoleMaxCount : ccMemberMaxCount
+  );
+
+  const supervisorLevelApproverTypes = [ApproverTypeEnum.DIRECT_SUPERVISOR, ApproverTypeEnum.CONTINUOUS_SUPERVISOR];
+
+  const departmentLevelApproverTypes = [
+    ApproverTypeEnum.SPECIFIED_DEPARTMENT_LEADER,
+    ApproverTypeEnum.CONTINUOUS_DEPARTMENT_LEADER,
+  ];
+
+  const endpointApproverTypes = [ApproverTypeEnum.CONTINUOUS_SUPERVISOR, ApproverTypeEnum.CONTINUOUS_DEPARTMENT_LEADER];
+
+  const defaultLevelDirection = ApprovalLevelDirectionEnum.BOTTOM_UP;
+  const levelDirectionOptions = [
+    {
+      label: t('process.process.flow.levelDirection.bottomUp'),
+      value: ApprovalLevelDirectionEnum.BOTTOM_UP,
+    },
+    {
+      label: t('process.process.flow.levelDirection.topDown'),
+      value: ApprovalLevelDirectionEnum.TOP_DOWN,
+    },
+  ];
+
+  const roleMemberTypes = [
+    {
+      label: t('role.role'),
+      value: MemberSelectTypeEnum.ROLE,
+    },
+  ];
+
+  const userMemberTypes = [
+    {
+      label: t('menu.settings.org'),
+      value: MemberSelectTypeEnum.ORG,
+    },
+  ];
+
+  const disabledMemberNodeTypes = [DeptNodeTypeEnum.ORG, DeptNodeTypeEnum.ROLE];
+
+  const exceptionTabList = [
+    {
+      name: 'emptyApprover',
+      tab: t('process.process.flow.exceptionHandling.emptyApprover'),
+    },
+    {
+      name: 'sameSubmitter',
+      tab: t('process.process.flow.exceptionHandling.sameSubmitter'),
+    },
+  ];
+
+  const directSupervisorExampleItems = [
+    {
+      level: t('process.process.flow.approverLevel.third'),
+      name: t('process.process.flow.levelExample.supervisorD'),
+    },
+    {
+      level: t('process.process.flow.approverLevel.second'),
+      name: t('process.process.flow.levelExample.supervisorC'),
+    },
+    {
+      level: t('process.process.flow.approverLevel.first'),
+      name: t('process.process.flow.levelExample.supervisorB'),
+    },
+    {
+      level: t('process.process.flow.levelExample.applicant'),
+      name: t('process.process.flow.levelExample.employeeA'),
+    },
+  ];
+
+  const departmentLeaderExampleItems = [
+    {
+      level: t('process.process.flow.departmentLevel.fourth'),
+      name: t('process.process.flow.levelExample.departmentD'),
+    },
+    {
+      level: t('process.process.flow.departmentLevel.third'),
+      name: t('process.process.flow.levelExample.departmentC'),
+    },
+    {
+      level: t('process.process.flow.departmentLevel.second'),
+      name: t('process.process.flow.levelExample.departmentB'),
+    },
+    {
+      level: t('process.process.flow.departmentLevel.first'),
+      name: t('process.process.flow.levelExample.departmentA'),
+    },
+    {
+      level: t('process.process.flow.levelExample.applicant'),
+      name: t('process.process.flow.levelExample.departmentApplicant'),
+    },
+  ];
+
+  const approverLevel = computed({
+    get() {
+      return nodeConfig.value.approverList[0] ?? '1';
+    },
+    set(value: string) {
+      nodeConfig.value.approverList = [value];
+    },
+  });
+
+  const approverDirection = computed({
+    get() {
+      return nodeConfig.value.approverDirection ?? defaultLevelDirection;
+    },
+    set(value: ApprovalLevelDirectionEnum) {
+      nodeConfig.value.approverDirection = value;
+    },
+  });
+
+  const ccLevel = computed({
+    get() {
+      return nodeConfig.value.ccList[0] ?? '1';
+    },
+    set(value: string) {
+      nodeConfig.value.ccList = [value];
+    },
+  });
+
+  const ccDirection = computed({
+    get() {
+      return nodeConfig.value.ccDirection ?? defaultLevelDirection;
+    },
+    set(value: ApprovalLevelDirectionEnum) {
+      nodeConfig.value.ccDirection = value;
+    },
+  });
+
+  const fallbackApproverList = computed({
+    get() {
+      return nodeConfig.value.fallbackApprover ? [nodeConfig.value.fallbackApprover] : [];
+    },
+    set(value: string[]) {
+      nodeConfig.value.fallbackApprover = value[0] ?? null;
+    },
+  });
+
+  const multiApproverModeOptions: Array<{
+    value: MultiApproverModeEnum;
+    label: string;
+    description: string;
+  }> = [
+    {
+      value: MultiApproverModeEnum.ALL,
+      label: t('process.process.flow.multiApprovalType.all'),
+      description: t('process.process.flow.multiApprovalType.all.description'),
+    },
+    {
+      value: MultiApproverModeEnum.ANY,
+      label: t('process.process.flow.multiApprovalType.majority'),
+      description: t('process.process.flow.multiApprovalType.majority.description'),
+    },
+    {
+      value: MultiApproverModeEnum.SEQUENTIAL,
+      label: t('process.process.flow.multiApprovalType.sequential'),
+      description: t('process.process.flow.multiApprovalType.sequential.description'),
+    },
+  ];
+
+  function isMemberOrRole(type?: ApproverTypeEnum | null) {
+    return !!type && [ApproverTypeEnum.SPECIFIED_MEMBER, ApproverTypeEnum.ROLE].includes(type);
+  }
+
+  // 当前节点被保存校验打红后，只有用户真的开始编辑右侧表单，才允许清掉红框
+  function clearCurrentNodeInvalid() {
+    if (props.readonly || !canClearInvalidState()) {
+      return;
+    }
+
+    clearInvalidState(nodeConfig.value);
+  }
+
+  // 用 capture 提前感知用户交互，先解锁“自动清红框”，再让各个 update 事件继续执行
+  function handleUserInteraction() {
+    if (props.readonly) {
+      return;
+    }
+
+    unlockInvalidClearState();
+  }
+
+  function hasSelectedItems(value: unknown[]) {
+    return Array.isArray(value) && value.some((item) => item !== null && item !== undefined && String(item).trim());
+  }
+
+  const rules: FormRules = {
+    name: [
+      {
+        required: true,
+        message: t('common.notNull', {
+          value: t('process.process.flow.nodeName'),
+        }),
+        trigger: ['blur'],
+      },
+    ],
+    approverType: [
+      {
+        required: true,
+        message: t('common.notNull', {
+          value: t('process.process.flow.approver'),
+        }),
+        trigger: ['change', 'blur'],
+      },
+    ],
+    approverList: [
+      {
+        trigger: ['change', 'blur'],
+        validator: (_rule, value: unknown[]) => {
+          if (!isMemberOrRole(nodeConfig.value.approverType)) {
+            return true;
+          }
+
+          if (hasSelectedItems(value) && value.length <= approverMaxCount) {
+            return true;
+          }
+
+          return new Error(
+            t('process.process.flow.addMemberLimitTip', {
+              count: approverMaxCount,
+              target:
+                nodeConfig.value.approverType === ApproverTypeEnum.ROLE
+                  ? t('role.role')
+                  : t('process.process.flow.member'),
+            })
+          );
+        },
+      },
+    ],
+    ccList: [
+      {
+        trigger: ['change', 'blur'],
+        validator: (_rule, value: unknown[]) => {
+          if (!nodeConfig.value.ccType || !isMemberOrRole(nodeConfig.value.ccType)) {
+            return true;
+          }
+
+          if (hasSelectedItems(value) && value.length <= ccMaxCount.value) {
+            return true;
+          }
+
+          const target =
+            nodeConfig.value.ccType === ApproverTypeEnum.ROLE ? t('role.role') : t('process.process.flow.ccMember');
+
+          return new Error(t('process.process.flow.addMemberLimitTip', { count: ccMaxCount.value, target }));
+        },
+      },
+    ],
+    fallbackApprover: [
+      {
+        trigger: ['change', 'blur'],
+        validator: (_rule, value: string | null) => {
+          if (activeExceptionTab.value !== 'emptyApprover') {
+            return true;
+          }
+
+          if (nodeConfig.value.emptyApproverAction === EmptyApproverActionEnum.ASSIGN_SPECIFIC) {
+            return (
+              !!value ||
+              new Error(
+                t('process.process.flow.addMemberLimitTip', {
+                  count: fallbackApproverMaxCount,
+                  target: t('process.process.flow.member'),
+                })
+              )
+            );
+          }
+
+          if (nodeConfig.value.emptyApproverAction === EmptyApproverActionEnum.ASSIGN_ADMIN) {
+            return !!value || new Error(t('common.notNull', { value: t('process.process.flow.selectAdmin') }));
+          }
+
+          return true;
+        },
+      },
+    ],
+  };
+
+  function getApproverLevelTooltip(type: ApproverTypeEnum) {
+    const tooltipMap: Partial<Record<ApproverTypeEnum, string>> = {
+      [ApproverTypeEnum.DIRECT_SUPERVISOR]: t('process.process.flow.directSupervisorTip'),
+      [ApproverTypeEnum.CONTINUOUS_SUPERVISOR]: t('process.process.flow.continuousSupervisorTip'),
+      [ApproverTypeEnum.SPECIFIED_DEPARTMENT_LEADER]: t('process.process.flow.departmentLeaderTip'),
+      [ApproverTypeEnum.CONTINUOUS_DEPARTMENT_LEADER]: t('process.process.flow.continuousDepartmentLeaderTip'),
+    };
+
+    return tooltipMap[type] ?? '';
+  }
+
+  function createLevelConfig(type: ApproverTypeEnum) {
+    const isSupervisorLevel = supervisorLevelApproverTypes.includes(type);
+    const isDepartmentLevel = departmentLevelApproverTypes.includes(type);
+    const isEndpoint = endpointApproverTypes.includes(type);
+
+    if (!isSupervisorLevel && !isDepartmentLevel) {
+      return null;
+    }
+
+    return {
+      label: isEndpoint ? t('process.process.flow.specifiedEndpoint') : t('process.process.flow.specifiedLevel'),
+      tooltip: getApproverLevelTooltip(type),
+      options: isDepartmentLevel ? departmentLevelOptions : approverLevelOptions,
+      exampleItems: isDepartmentLevel ? departmentLeaderExampleItems : directSupervisorExampleItems,
+      exampleTip: isDepartmentLevel ? t('process.process.flow.levelExample.departmentTip') : undefined,
+    };
+  }
+
+  const approverLevelConfig = computed(() =>
+    nodeConfig.value.approverType ? createLevelConfig(nodeConfig.value.approverType) : null
+  );
+
+  const ccLevelConfig = computed(() => {
+    return nodeConfig.value.ccType ? createLevelConfig(nodeConfig.value.ccType) : null;
+  });
+
+  function resetLevelList(type: ApproverTypeEnum | null) {
+    return type && [...supervisorLevelApproverTypes, ...departmentLevelApproverTypes].includes(type) ? ['1'] : [];
+  }
+
+  function handleApprovalTypeUpdate(type: ApprovalTypeEnum) {
+    if (props.readonly) {
+      return;
+    }
+
+    nodeConfig.value.description = resolveApprovalActionNodeDescription(type, nodeConfig.value.approverType);
+    clearCurrentNodeInvalid();
+  }
+
+  function handleApproverTypeUpdate(type: ApproverTypeEnum | null) {
+    if (props.readonly) {
+      return;
+    }
+
+    nodeConfig.value.approverSelectedList = [];
+    nodeConfig.value.approverList = resetLevelList(type);
+    nodeConfig.value.approverDirection = defaultLevelDirection;
+    nodeConfig.value.description = resolveApprovalActionNodeDescription(nodeConfig.value.approvalType, type);
+    clearCurrentNodeInvalid();
+  }
+
+  function handleCcTypeUpdate(type: ApproverTypeEnum | null) {
+    if (props.readonly) {
+      return;
+    }
+
+    nodeConfig.value.ccSelectedList = [];
+    nodeConfig.value.ccList = resetLevelList(type);
+    nodeConfig.value.ccDirection = defaultLevelDirection;
+    clearCurrentNodeInvalid();
+  }
+
+  function handleEmptyApproverActionUpdate() {
+    if (props.readonly) {
+      return;
+    }
+
+    nodeConfig.value.fallbackApprover = null;
+    nodeConfig.value.emptyApproverSelectedList = [];
+    clearCurrentNodeInvalid();
+  }
+
+  // 管理员
+  const approvalAdminOptions = ref<Array<{ label: string; value: string }>>([]);
+  async function getApprovalAdminOptions() {
+    try {
+      const options = await getAdminOptions();
+
+      approvalAdminOptions.value = options.map((item) => ({
+        label: item.name,
+        value: item.id,
+      }));
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  onMounted(() => {
+    getApprovalAdminOptions();
+  });
+</script>
+
+<style scoped lang="less">
+  .specified-level-form-item {
+    :deep(.n-form-item-label__text) {
+      display: flex;
+      justify-content: space-between;
+      width: 100%;
+    }
+  }
+  .approval-exception-tabs {
+    :deep(.n-tabs-rail) {
+      width: 100%;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/process/process/components/approval-flow/approval-node/tabs/formPermissionTab.vue b/frontend/packages/web/src/views/system/process/process/components/approval-flow/approval-node/tabs/formPermissionTab.vue
new file mode 100644
index 0000000..32818a6
--- /dev/null
+++ b/frontend/packages/web/src/views/system/process/process/components/approval-flow/approval-node/tabs/formPermissionTab.vue
@@ -0,0 +1,203 @@
+<template>
+  <n-scrollbar class="p-[16px]">
+    <n-data-table
+      :columns="columns"
+      :data="formFields"
+      :pagination="false"
+      :bordered="false"
+      :loading="loading"
+      class="form-permission-table crm-data-table-compact"
+    />
+  </n-scrollbar>
+</template>
+
+<script setup lang="ts">
+  import { h, ref, watch } from 'vue';
+  import { DataTableColumn, NDataTable, NRadio, NScrollbar } from 'naive-ui';
+
+  import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { ApprovalFieldPermissionModeEnum } from '@lib/shared/enums/process';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { ApprovalActionNode } from '@lib/shared/models/system/process';
+
+  import { getFormConfigApiMap } from '@/components/business/crm-form-create/config';
+  import type { FormCreateField } from '@/components/business/crm-form-create/types';
+
+  defineOptions({
+    name: 'FormPermissionTab',
+  });
+
+  const props = defineProps<{
+    formType: string;
+    readonly?: boolean;
+  }>();
+
+  const nodeConfig = defineModel<ApprovalActionNode>('nodeConfig', {
+    required: true,
+  });
+
+  const { t } = useI18n();
+  const formFields = ref<FormCreateField[]>([]);
+  const loading = ref(false);
+
+  const permissionOptions: Array<{ label: string; value: ApprovalFieldPermissionModeEnum }> = [
+    {
+      label: t('process.process.flow.permission.hidden'),
+      value: ApprovalFieldPermissionModeEnum.HIDDEN,
+    },
+    {
+      label: t('process.process.flow.permission.view'),
+      value: ApprovalFieldPermissionModeEnum.VIEW,
+    },
+    {
+      label: t('process.process.flow.permission.edit'),
+      value: ApprovalFieldPermissionModeEnum.EDIT,
+    },
+  ];
+
+  // 仅单行文本、多行文本支持编辑， 其它类型的编辑按钮禁用
+  function isEditableField(field: FormCreateField) {
+    return (
+      [FieldTypeEnum.INPUT, FieldTypeEnum.TEXTAREA].includes(field.type) &&
+      field.editable !== false &&
+      !field.resourceFieldId
+    );
+  }
+
+  function getFieldPermission(fieldId: string) {
+    return nodeConfig.value.fieldPermissions?.find((item) => item.fieldId === fieldId)?.permissionType ?? 'VIEW';
+  }
+
+  function setFieldPermission(fieldId: string, permissionType: ApprovalFieldPermissionModeEnum) {
+    const fieldPermissions = nodeConfig.value.fieldPermissions ?? [];
+    const target = fieldPermissions.find((item) => item.fieldId === fieldId);
+
+    if (target) {
+      target.permissionType = permissionType;
+    } else {
+      fieldPermissions.push({
+        fieldId,
+        permissionType,
+      });
+    }
+
+    nodeConfig.value.fieldPermissions = fieldPermissions;
+  }
+
+  function isPermissionDisabled(field: FormCreateField, permissionType: ApprovalFieldPermissionModeEnum) {
+    return permissionType === ApprovalFieldPermissionModeEnum.EDIT && !isEditableField(field);
+  }
+
+  function getSelectableFields(permissionType: ApprovalFieldPermissionModeEnum) {
+    return formFields.value.filter((field) => !isPermissionDisabled(field, permissionType));
+  }
+
+  function isColumnChecked(permissionType: ApprovalFieldPermissionModeEnum) {
+    const selectableFields = getSelectableFields(permissionType);
+    return (
+      selectableFields.length > 0 && selectableFields.every((field) => getFieldPermission(field.id) === permissionType)
+    );
+  }
+
+  function setColumnPermission(permissionType: ApprovalFieldPermissionModeEnum) {
+    getSelectableFields(permissionType).forEach((field) => {
+      setFieldPermission(field.id, permissionType);
+    });
+  }
+
+  const columns: DataTableColumn<FormCreateField>[] = [
+    {
+      title: t('process.process.flow.field'),
+      key: 'name',
+      ellipsis: {
+        tooltip: true,
+      },
+      width: 120,
+      render: (row) => row.name,
+    },
+    ...permissionOptions.map(
+      (item) =>
+        ({
+          title: () =>
+            h('div', { class: 'flex items-center justify-center gap-[8px]' }, [
+              h(NRadio, {
+                checked: isColumnChecked(item.value),
+                disabled: props.readonly || getSelectableFields(item.value).length === 0,
+                onUpdateChecked: (checked: boolean) => {
+                  if (checked) {
+                    setColumnPermission(item.value);
+                  }
+                },
+              }),
+              h('span', item.label),
+            ]),
+          key: item.value,
+          render: (row) =>
+            h(NRadio, {
+              checked: getFieldPermission(row.id) === item.value,
+              disabled: props.readonly || isPermissionDisabled(row, item.value),
+              onUpdateChecked: (checked: boolean) => {
+                if (checked) {
+                  setFieldPermission(row.id, item.value);
+                }
+              },
+            }),
+        } as DataTableColumn<FormCreateField>)
+    ),
+  ];
+
+  function normalizeFieldPermissions(fields: FormCreateField[]) {
+    const existingPermissionMap = new Map(
+      (nodeConfig.value.fieldPermissions ?? []).map((item) => [item.fieldId, item.permissionType])
+    );
+
+    nodeConfig.value.fieldPermissions = fields.map((field) => {
+      const permissionType = existingPermissionMap.get(field.id) ?? ApprovalFieldPermissionModeEnum.VIEW;
+      return {
+        fieldId: field.id,
+        permissionType:
+          permissionType === ApprovalFieldPermissionModeEnum.EDIT && !isEditableField(field)
+            ? ApprovalFieldPermissionModeEnum.VIEW
+            : permissionType,
+      };
+    });
+  }
+
+  async function loadFormFields() {
+    try {
+      loading.value = true;
+      const api = getFormConfigApiMap[props.formType as FormDesignKeyEnum];
+      const res = await api();
+      // 仅使用顶层字段；子表格保留父字段名，不展开 subFields 明细。
+      formFields.value = res.fields;
+      normalizeFieldPermissions(formFields.value);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  watch(
+    () => props.formType,
+    () => {
+      loadFormFields();
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
+
+<style scoped lang="less">
+  .form-permission-table {
+    :deep(.n-data-table-th) {
+      padding-top: 6px;
+      padding-bottom: 6px;
+      font-weight: 400;
+      color: var(--text-n4);
+      background-color: var(--text-n9);
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/process/process/components/approval-flow/basicForm.vue b/frontend/packages/web/src/views/system/process/process/components/approval-flow/basicForm.vue
new file mode 100644
index 0000000..f6362d9
--- /dev/null
+++ b/frontend/packages/web/src/views/system/process/process/components/approval-flow/basicForm.vue
@@ -0,0 +1,135 @@
+<template>
+  <div class="process-basic-setting flex w-full justify-center pt-[40px]">
+    <n-form ref="formRef" class="process-setting-form" :model="form" label-placement="top">
+      <n-form-item require-mark-placement="left" path="formType" :label="t('process.process.basic.businessType')">
+        <n-select
+          v-model:value="form.formType"
+          :options="businessTypeOptions"
+          :disabled="props.needDetail"
+          :placeholder="t('common.pleaseSelect')"
+        />
+      </n-form-item>
+      <n-form-item
+        require-mark-placement="right"
+        path="name"
+        :label="t('process.process.processName')"
+        :rule="[
+          {
+            required: true,
+            message: t('common.notNull', { value: `${t('process.process.processName')}` }),
+            trigger: ['input'],
+          },
+        ]"
+      >
+        <n-input
+          v-model:value="form.name"
+          :maxlength="255"
+          type="text"
+          :disabled="readonly"
+          :placeholder="t('common.pleaseInput')"
+        />
+      </n-form-item>
+      <n-form-item
+        require-mark-placement="right"
+        path="executeTiming"
+        required
+        :label="t('process.process.basic.executionTiming')"
+        :rule="[
+          {
+            validator: () => {
+              if (form.createExecute || form.updateExecute || form.deleteExecute) {
+                return true;
+              }
+
+              return new Error(t('common.notNull', { value: t('process.process.basic.executionTiming') }));
+            },
+            trigger: ['change'],
+          },
+        ]"
+      >
+        <div class="flex flex-col gap-[8px]">
+          <n-checkbox
+            v-for="item of executionTimingList"
+            :key="item.value"
+            v-model:checked="form[item.value as keyof BasicFormParams]"
+            :disabled="readonly"
+          >
+            <div class="flex items-center gap-[8px]">
+              {{ item.label }}
+              <n-tooltip v-if="item.value === 'updateExecute'" trigger="hover" :delay="300">
+                <template #trigger>
+                  <CrmIcon
+                    type="iconicon_help_circle"
+                    :size="16"
+                    class="cursor-pointer text-[var(--text-n4)] hover:text-[var(--primary-1)]"
+                  />
+                </template>
+                {{ t('process.process.basic.updateExecuteTip') }}
+              </n-tooltip>
+            </div>
+          </n-checkbox>
+        </div>
+      </n-form-item>
+      <n-form-item require-mark-placement="right" path="description" :label="t('process.process.basic.description')">
+        <n-input
+          v-model:value="form.description"
+          :disabled="readonly"
+          :maxlength="1000"
+          :placeholder="t('common.pleaseInput')"
+          type="textarea"
+          clearable
+        />
+      </n-form-item>
+    </n-form>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { NCheckbox, NForm, NFormItem, NInput, NSelect, NTooltip } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { BasicFormParams } from '@lib/shared/models/system/process';
+
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+
+  import { businessTypeOptions, defaultBasicForm, executionTimingList } from '@/config/process';
+
+  import type { FormInst } from 'naive-ui';
+
+  const { t } = useI18n();
+  const props = defineProps<{
+    needDetail?: boolean;
+    readonly?: boolean;
+  }>();
+
+  const form = defineModel<BasicFormParams>('basicConfig', {
+    default: () => ({
+      ...defaultBasicForm,
+    }),
+  });
+
+  const formRef = ref<FormInst | null>(null);
+
+  async function validate(cb?: () => void) {
+    try {
+      await formRef.value?.validate();
+      cb?.();
+      return true;
+    } catch {
+      return false;
+    }
+  }
+
+  defineExpose({
+    validate,
+  });
+</script>
+
+<style scoped lang="less">
+  .process-setting-form {
+    width: 540px;
+    :deep(.n-form-item-label) {
+      font-weight: 600;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/process/process/components/approval-flow/flow/conditionDescription.ts b/frontend/packages/web/src/views/system/process/process/components/approval-flow/flow/conditionDescription.ts
new file mode 100644
index 0000000..e5ea55d
--- /dev/null
+++ b/frontend/packages/web/src/views/system/process/process/components/approval-flow/flow/conditionDescription.ts
@@ -0,0 +1,159 @@
+import dayjs from 'dayjs';
+
+import { OperatorEnum } from '@lib/shared/enums/commonEnum';
+import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+
+import { operatorOptionsMap } from '@/components/pure/crm-advance-filter';
+import type { FilterForm, FilterFormItem } from '@/components/pure/crm-advance-filter/type';
+import { timeOptions, unitOptions } from '@/components/business/crm-time-range-picker/config';
+
+const { t } = useI18n();
+
+export interface ResolveConditionDescriptionOptions {
+  optionMap?: Record<string, any[]>;
+  fieldConfigMap?: Record<string, FilterFormItem>;
+}
+
+export function hasConfiguredCondition(conditionConfig?: FilterForm) {
+  return Boolean(
+    conditionConfig?.conditions?.some((item) => item.name) || conditionConfig?.list?.some((item) => item.dataIndex)
+  );
+}
+
+function getConditionOperatorLabel(item: FilterFormItem) {
+  const options = item.operatorOption?.length ? item.operatorOption : operatorOptionsMap[item.type] ?? [];
+  const operatorLabel = options.find((option) => option.value === item.operator)?.label;
+  return operatorLabel ? t(operatorLabel) : item.operator;
+}
+
+// 处理时间值显示
+function getConditionTimeRangeLabel(item: FilterFormItem) {
+  if (![FieldTypeEnum.DATE_TIME, FieldTypeEnum.TIME_RANGE_PICKER].includes(item.type)) {
+    return '';
+  }
+
+  const values = String(item.value ?? '')
+    .split(',')
+    .filter(Boolean);
+  if (item.operator === OperatorEnum.DYNAMICS) {
+    const [type, count, unit] = values;
+    const timeLabel = timeOptions.find((option) => option.value === type)?.label ?? type;
+    if (type !== 'CUSTOM') {
+      return timeLabel;
+    }
+
+    const unitLabel = unitOptions.find((option) => option.value === unit)?.label ?? unit;
+    return [timeLabel, count, unitLabel].filter(Boolean).join(' ');
+  }
+
+  return values.map((value) => dayjs(Number(value)).format('YYYY-MM-DD HH:mm:ss')).join('、');
+}
+
+function getConditionValueLabel(item: FilterFormItem, options?: ResolveConditionDescriptionOptions) {
+  if (
+    item.operator === OperatorEnum.EMPTY ||
+    item.operator === OperatorEnum.NOT_EMPTY ||
+    item.operator === OperatorEnum.NEW_NOT_EQUALS_OLD
+  ) {
+    return '';
+  }
+
+  if (item.selectedRows?.length) {
+    return item.selectedRows
+      .map((option) => option.name)
+      .filter(Boolean)
+      .join('、');
+  }
+
+  if (item.selectedUserList?.length) {
+    return item.selectedUserList
+      .map((option) => option.name)
+      .filter(Boolean)
+      .join('、');
+  }
+
+  const timeRangeLabel = getConditionTimeRangeLabel(item);
+  if (timeRangeLabel) {
+    return timeRangeLabel;
+  }
+
+  const values = Array.isArray(item.value) ? item.value : [item.value];
+  return values
+    .filter((value) => value !== null && value !== undefined && value !== '')
+    .map((value) => {
+      // 条件里只保存 value，卡片描述需要从字段自身 options 和后端 optionMap 里反查显示名。
+      const optionList = [
+        ...(item.selectProps?.options ?? []),
+        ...(item.treeSelectProps?.options ?? []),
+        ...(item.cascaderProps?.options ?? []),
+        ...(item.dataIndex ? options?.optionMap?.[item.dataIndex] ?? [] : []),
+      ];
+      const option = optionList.find((o: Record<string, any>) => [o.id, o.value].includes(value as string));
+      return option ? option.label ?? option.name : value;
+    })
+    .join('、');
+}
+
+function mergeConditionFieldConfig(item: FilterFormItem, options?: ResolveConditionDescriptionOptions) {
+  if (!item.dataIndex) {
+    return item;
+  }
+
+  // 后端 conditions 只有字段 key、操作符和值；生成描述前先补回字段标题、类型和操作符配置。
+  const fieldConfig = options?.fieldConfigMap?.[item.dataIndex];
+  return fieldConfig
+    ? ({
+        ...fieldConfig,
+        ...item,
+        title: item.title || fieldConfig.title,
+        type: item.type || fieldConfig.type,
+      } as FilterFormItem)
+    : item;
+}
+
+// 处理每一条条件
+function resolveConditionItemDescription(rawItem: FilterFormItem, options?: ResolveConditionDescriptionOptions) {
+  const item = mergeConditionFieldConfig(rawItem, options);
+  if (!item.dataIndex || !item.operator) {
+    return '';
+  }
+
+  const operatorLabel = getConditionOperatorLabel(item);
+  const valueLabel = getConditionValueLabel(item, options);
+  return [item.title || item.dataIndex, operatorLabel, valueLabel].filter(Boolean).join(' ');
+}
+
+// 抽屉编辑态使用 list，后端保存态使用 conditions，这里统一成 FilterContent 行结构
+function getConditionDescriptionList(conditionConfig?: FilterForm): FilterFormItem[] {
+  return conditionConfig?.list?.length
+    ? conditionConfig.list
+    : conditionConfig?.conditions?.map((item) => ({
+        ...item,
+        dataIndex: item.name ?? null,
+        type: item.type ?? FieldTypeEnum.INPUT,
+      })) ?? [];
+}
+
+// 条件卡片的描述拼接
+export function resolveConditionDescription(
+  conditionConfig?: FilterForm,
+  options?: ResolveConditionDescriptionOptions
+) {
+  if (!hasConfiguredCondition(conditionConfig)) {
+    return t('process.process.flow.conditionUnset');
+  }
+
+  const descriptions = getConditionDescriptionList(conditionConfig)
+    .map((item) => resolveConditionItemDescription(item, options))
+    .filter(Boolean);
+  if (!descriptions.length) {
+    return t('process.process.flow.conditionUnset');
+  }
+
+  const connector =
+    conditionConfig?.searchMode === 'OR'
+      ? t('process.process.flow.conditionConnector.or')
+      : t('process.process.flow.conditionConnector.and');
+  return descriptions.join(` ${connector} `);
+}
diff --git a/frontend/packages/web/src/views/system/process/process/components/approval-flow/flow/index.ts b/frontend/packages/web/src/views/system/process/process/components/approval-flow/flow/index.ts
new file mode 100644
index 0000000..e036581
--- /dev/null
+++ b/frontend/packages/web/src/views/system/process/process/components/approval-flow/flow/index.ts
@@ -0,0 +1,218 @@
+import {
+  ApprovalLevelDirectionEnum,
+  ApprovalTypeEnum,
+  ApproverTypeEnum,
+  EmptyApproverActionEnum,
+  MultiApproverModeEnum,
+  SameSubmitterActionEnum,
+} from '@lib/shared/enums/process';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+import type { ApprovalActionNode, ApprovalConditionBranch } from '@lib/shared/models/system/process';
+
+import {
+  addConditionBranch,
+  insertNodeAfterNode,
+  insertNodeToConditionBranch,
+} from '@/components/business/crm-flow/dsl/actions';
+import {
+  createActionNode,
+  createConditionBranch,
+  createConditionGroupNode,
+  createElseBranch,
+  createEndNode,
+  createStartNode,
+} from '@/components/business/crm-flow/dsl/factory';
+import {
+  findBranchLocation,
+  findConditionGroupById,
+  findNodeLocation,
+} from '@/components/business/crm-flow/dsl/queries';
+import type { FlowNode, FlowNodeDescriptionItem, FlowSchema } from '@/components/business/crm-flow/types';
+
+import { resolveApprovalActionNodeDefaults } from '@/config/process';
+
+const { t } = useI18n();
+
+export function resolveApprovalActionNodeDescriptionItems(
+  node: Pick<ApprovalActionNode, 'approvalType' | 'approverType' | 'approverSelectedList'>
+): FlowNodeDescriptionItem[] {
+  if (
+    node.approvalType !== ApprovalTypeEnum.MANUAL ||
+    ![ApproverTypeEnum.SPECIFIED_MEMBER, ApproverTypeEnum.ROLE].includes(node.approverType as ApproverTypeEnum)
+  ) {
+    return [];
+  }
+
+  return (node.approverSelectedList ?? []).map((item) => ({
+    id: item.id,
+    name: item.name,
+  }));
+}
+
+// 创建审批动作节点
+export function createApprovalActionNode(approvalType: ApprovalTypeEnum = ApprovalTypeEnum.MANUAL): ApprovalActionNode {
+  const defaults = resolveApprovalActionNodeDefaults(approvalType);
+  return createActionNode<ApprovalActionNode>({
+    name: defaults.name,
+    description: defaults.description,
+    descriptionItems: [],
+    actionType: 'approval',
+    approvalType,
+    approverType: null,
+    approverDirection: ApprovalLevelDirectionEnum.BOTTOM_UP,
+    approverList: [],
+    approverSelectedList: [],
+    multiApproverMode: MultiApproverModeEnum.ALL,
+    emptyApproverAction: EmptyApproverActionEnum.AUTO_PASS,
+    fallbackApprover: null,
+    sameSubmitterAction: SameSubmitterActionEnum.SKIP,
+    ccType: null,
+    ccDirection: ApprovalLevelDirectionEnum.BOTTOM_UP,
+    ccList: [],
+    ccSelectedList: [],
+  });
+}
+
+// 新建流程的默认骨架：开始 -> 审批 -> 结束
+export function createDefaultFlow(startDescription: string): FlowSchema {
+  return {
+    nodes: [createStartNode({ description: startDescription }), createApprovalActionNode(), createEndNode()],
+  };
+}
+
+// 创建 if 分支：业务上要求每个条件分支默认带一个审批节点
+export function createApprovalConditionBranch(partial: Partial<ApprovalConditionBranch> = {}): ApprovalConditionBranch {
+  return createConditionBranch<ApprovalConditionBranch>({
+    ...partial,
+    sort: partial.sort ?? 1,
+    description: partial.description ?? t('process.process.flow.conditionUnset'),
+    children: partial.children ?? [createApprovalActionNode()],
+  });
+}
+
+// 创建条件组：默认包含 if 分支和 else 分支，且都挂审批节点
+function createApprovalConditionGroupNode() {
+  return createConditionGroupNode({
+    branches: [
+      createApprovalConditionBranch(),
+      createElseBranch<ApprovalConditionBranch>({
+        children: [createApprovalActionNode()],
+      }),
+    ],
+  });
+}
+
+// 如果插入条件组前方已有审批节点，把该审批节点迁移到 else 分支作为兜底分支
+function bindElseBranchFallbackNode(
+  groupNode: ReturnType<typeof createApprovalConditionGroupNode>,
+  fallbackNode?: FlowNode
+) {
+  if (fallbackNode?.type !== 'action') {
+    return;
+  }
+
+  const elseBranch = groupNode.branches.find((branch) => branch.isElse);
+  if (!elseBranch) {
+    return;
+  }
+
+  elseBranch.children = [fallbackNode];
+}
+
+// 在创建条件组时顺手把兜底审批节点挂到 else 分支，减少主链/分支侧的重复逻辑
+function createApprovalConditionGroupWithFallback(fallbackNode?: FlowNode) {
+  const conditionGroupNode = createApprovalConditionGroupNode();
+  bindElseBranchFallbackNode(conditionGroupNode, fallbackNode);
+  return conditionGroupNode;
+}
+
+// 在主链锚点后插入条件组：
+// 1. 若后继是审批节点，直接替换并迁移到 else，避免主链重复审批
+// 2. 否则按普通插入处理
+function insertApprovalConditionGroupAfterNode(flowSchema: FlowSchema, anchorNodeId: string) {
+  const location = findNodeLocation(flowSchema.nodes, anchorNodeId);
+  if (!location) {
+    return;
+  }
+
+  const nextNode = location.container[location.index + 1];
+  const conditionGroupNode = createApprovalConditionGroupWithFallback(nextNode);
+
+  if (nextNode?.type === 'action') {
+    location.container.splice(location.index + 1, 1, conditionGroupNode);
+    return;
+  }
+
+  insertNodeAfterNode(flowSchema, anchorNodeId, conditionGroupNode);
+}
+
+// 在分支内插入条件组
+function insertApprovalConditionGroupToBranch(flowSchema: FlowSchema, groupId: string, branchId: string) {
+  const location = findBranchLocation(flowSchema.nodes, branchId);
+  if (!location || location.group.id !== groupId) {
+    return;
+  }
+
+  const firstNode = location.branch.children[0];
+  const conditionGroupNode = createApprovalConditionGroupWithFallback(firstNode);
+
+  if (firstNode?.type === 'action') {
+    location.branch.children.splice(0, 1, conditionGroupNode);
+    return;
+  }
+
+  location.branch.children.unshift(conditionGroupNode);
+}
+
+// “+” 弹窗的新增操作：
+// - 新增条件组：按主链/分支分别走条件组插入逻辑
+// - 新增审批节点：按主链/分支分别插入审批节点
+export function insertFromAnchor(payload: {
+  flowSchema: FlowSchema;
+  type: 'action' | 'condition-group';
+  anchorNodeId: string | null;
+  anchorBranch: { groupId: string; branchId: string } | null;
+  actionApprovalType?: ApprovalTypeEnum;
+}) {
+  if (payload.type === 'condition-group') {
+    if (payload.anchorBranch) {
+      insertApprovalConditionGroupToBranch(
+        payload.flowSchema,
+        payload.anchorBranch.groupId,
+        payload.anchorBranch.branchId
+      );
+      return;
+    }
+
+    if (!payload.anchorNodeId) {
+      return;
+    }
+
+    insertApprovalConditionGroupAfterNode(payload.flowSchema, payload.anchorNodeId);
+    return;
+  }
+
+  const actionNode = createApprovalActionNode(payload.actionApprovalType ?? ApprovalTypeEnum.MANUAL);
+  if (payload.anchorBranch) {
+    insertNodeToConditionBranch(
+      payload.flowSchema,
+      payload.anchorBranch.groupId,
+      payload.anchorBranch.branchId,
+      actionNode
+    );
+    return;
+  }
+
+  if (!payload.anchorNodeId) {
+    return;
+  }
+
+  insertNodeAfterNode(payload.flowSchema, payload.anchorNodeId, actionNode);
+}
+
+// 条件组新增 if 分支时，默认仍然补一个审批节点，保持分支规则一致
+export function addApprovalConditionBranch(flowSchema: FlowSchema, groupId: string) {
+  const groupNode = findConditionGroupById(flowSchema.nodes, groupId);
+  const nextSort = (groupNode?.branches.filter((branch) => !branch.isElse).length ?? 0) + 1;
+  addConditionBranch(flowSchema, groupId, createApprovalConditionBranch({ sort: nextSort }));
+}
diff --git a/frontend/packages/web/src/views/system/process/process/components/approval-flow/flow/transform.ts b/frontend/packages/web/src/views/system/process/process/components/approval-flow/flow/transform.ts
new file mode 100644
index 0000000..4c46503
--- /dev/null
+++ b/frontend/packages/web/src/views/system/process/process/components/approval-flow/flow/transform.ts
@@ -0,0 +1,481 @@
+import { ApprovalLevelDirectionEnum, ApprovalNodeTypeEnum } from '@lib/shared/enums/process';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+import type {
+  ApprovalActionNode,
+  ApprovalConditionBranch,
+  ApprovalNodeLinkResponse,
+  ApprovalProcessApproverNode,
+  ApprovalProcessNode,
+} from '@lib/shared/models/system/process';
+
+import {
+  createActionNode,
+  createConditionGroupNode,
+  createElseBranch,
+  createEndNode,
+  createStartNode,
+} from '@/components/business/crm-flow/dsl/factory';
+import type { FlowNode, FlowSchema } from '@/components/business/crm-flow/types';
+
+import { resolveApprovalActionNodeDescription } from '@/config/process';
+
+import { resolveConditionDescription } from './conditionDescription';
+import { createApprovalConditionBranch, createDefaultFlow, resolveApprovalActionNodeDescriptionItems } from './index';
+
+const { t } = useI18n();
+
+// 后端条件节点里，CONDITION / DEFAULT 这一组在前端对应一个条件组
+function isConditionBranchNode(node: ApprovalProcessNode) {
+  return node.nodeType === ApprovalNodeTypeEnum.CONDITION || node.nodeType === ApprovalNodeTypeEnum.DEFAULT;
+}
+
+// 画布上分支卡片的描述不直接依赖后端文案，而是根据节点类型和条件配置重新计算
+function toConditionBranchDescription(node: ApprovalProcessNode) {
+  if (node.nodeType === ApprovalNodeTypeEnum.DEFAULT) {
+    return t('crmFlow.elseDescription');
+  }
+
+  return node.nodeType === ApprovalNodeTypeEnum.CONDITION ? resolveConditionDescription(node.conditionConfig) : '';
+}
+
+// 后端平铺节点的公共字段
+function createProcessNodeBase(node: FlowNode, sort: number) {
+  return {
+    id: node.id,
+    name: node.name,
+    number: node.number,
+    sort,
+  };
+}
+
+// 前端审批节点 -> 后端审批节点
+// 这里只保留真正的业务字段，不带 invalid / selectedList 这类前端展示态
+function createProcessActionNode(node: ApprovalActionNode): ApprovalProcessNode {
+  return {
+    ...createProcessNodeBase(node, 0),
+    nodeType: ApprovalNodeTypeEnum.APPROVER,
+    approvalType: node.approvalType,
+    approverType: node.approverType,
+    approverDirection: node.approverDirection,
+    approverList: node.approverList ?? [],
+    multiApproverMode: node.multiApproverMode,
+    emptyApproverAction: node.emptyApproverAction,
+    fallbackApprover: node.fallbackApprover ?? '',
+    fallbackApproverName: node.fallbackApproverName,
+    sameSubmitterAction: node.sameSubmitterAction,
+    ccType: node.ccType,
+    ccDirection: node.ccDirection,
+    ccList: node.ccList ?? [],
+    passPostConfig: node.passPostConfig,
+    rejectPostConfig: node.rejectPostConfig,
+    fieldPermissions: node.fieldPermissions,
+  };
+}
+
+// 前端分支卡片 -> 后端条件分支节点
+// if 分支是 CONDITION，else 分支是 DEFAULT
+function createProcessBranchNode(branch: ApprovalConditionBranch, sort: number): ApprovalProcessNode {
+  return {
+    id: branch.id,
+    name: branch.name,
+    number: branch.number,
+    nodeType: branch.isElse ? ApprovalNodeTypeEnum.DEFAULT : ApprovalNodeTypeEnum.CONDITION,
+    sort: branch.sort ?? sort + 1,
+    ...(branch.isElse ? {} : { conditionConfig: branch.conditionConfig }),
+  };
+}
+
+// 开始/结束节点字段很少，这里统一转成后端基础节点
+function createProcessNode(node: FlowNode): ApprovalProcessNode {
+  if (node.type === 'action') {
+    return createProcessActionNode(node as ApprovalActionNode);
+  }
+
+  return {
+    ...createProcessNodeBase(node, 0),
+    nodeType: node.type === 'start' ? ApprovalNodeTypeEnum.START : ApprovalNodeTypeEnum.END,
+  };
+}
+
+// 连接线 id 直接用 from_to 拼出来，方便调试时一眼看出边的方向
+function pushLink(links: ApprovalNodeLinkResponse[], fromNodeId: string, toNodeId: string) {
+  links.push({
+    id: `${fromNodeId}_${toNodeId}`,
+    fromNodeId,
+    toNodeId,
+  });
+}
+
+// 这里用笛卡尔积补边，主要是为了处理：
+// - 多个条件分支统一流向同一段公共尾链
+// - 某个节点需要同时连向多个入口节点
+function linkNodes(links: ApprovalNodeLinkResponse[], fromNodeIds: string[], toNodeIds: string[]) {
+  fromNodeIds.forEach((fromNodeId) => {
+    toNodeIds.forEach((toNodeId) => {
+      pushLink(links, fromNodeId, toNodeId);
+    });
+  });
+}
+
+// 从尾到头序列化，能自然处理“条件组后面的公共尾链”链接关系。
+// 返回值表示：这一段序列最前面的入口节点 id 列表。
+// 调用方拿到这些入口 id 后，就知道上一段节点应该连向谁。
+function serializeFlowSequence(
+  nodes: FlowNode[],
+  nextEntryIds: string[],
+  serializedNodes: ApprovalProcessNode[],
+  serializedLinks: ApprovalNodeLinkResponse[]
+): string[] {
+  // currentEntryIds 表示“当前这段流程之后，下一跳应该连到哪些节点”。
+  // 一开始由外层传入；随着倒序遍历，它会不断被前一个节点改写。
+  let currentEntryIds = nextEntryIds;
+
+  for (let index = nodes.length - 1; index >= 0; index -= 1) {
+    const currentNode = nodes[index];
+
+    if (currentNode.type === 'condition-group') {
+      // 条件组自己不会下发成一个独立后端节点，
+      // 后端只保留各个 CONDITION / DEFAULT 分支节点。
+      const branchEntryIds: string[] = [];
+      // continuationEntryIds 是“整个条件组执行完后应该继续流向哪里”。
+      const continuationEntryIds = currentEntryIds;
+
+      (currentNode.branches as ApprovalConditionBranch[]).forEach((branch, branchIndex) => {
+        const branchNode = createProcessBranchNode(branch, branchIndex);
+        serializedNodes.push(branchNode);
+
+        // 先递归序列化分支里的子链，拿到该分支真正的入口节点。
+        const childEntryIds = serializeFlowSequence(
+          branch.children,
+          continuationEntryIds,
+          serializedNodes,
+          serializedLinks
+        );
+        if (childEntryIds.length) {
+          // 分支节点先连到自己分支里的第一个节点。
+          linkNodes(serializedLinks, [branchNode.id], childEntryIds);
+        } else if (continuationEntryIds.length) {
+          // 空分支没有子节点时，分支节点直接连到公共后继。
+          linkNodes(serializedLinks, [branchNode.id], continuationEntryIds);
+        }
+
+        // 对上一层来说，条件组的“入口”就是每个分支节点本身。
+        branchEntryIds.push(branchNode.id);
+      });
+
+      currentEntryIds = branchEntryIds;
+    } else {
+      const processNode = createProcessNode(currentNode);
+      serializedNodes.push(processNode);
+      if (currentEntryIds.length) {
+        // 普通节点总是直接连向它后面的入口节点。
+        linkNodes(serializedLinks, [processNode.id], currentEntryIds);
+      }
+      currentEntryIds = [processNode.id];
+    }
+  }
+
+  return currentEntryIds;
+}
+
+// serializedNodes 是倒序 push 进去的，真正返回给后端前，
+// 还是按前端 DSL 的自然阅读顺序重新排一次，避免回显时左右分支漂移。
+function collectSerializedNodeOrder(nodes: FlowNode[]): string[] {
+  return nodes.flatMap((node) => {
+    if (node.type !== 'condition-group') {
+      return [node.id];
+    }
+
+    return (node.branches as ApprovalConditionBranch[]).flatMap((branch) => [
+      branch.id,
+      ...collectSerializedNodeOrder(branch.children),
+    ]);
+  });
+}
+
+// 前端画布节点 -> 后端平铺节点 + 连接线配置。
+export function serializeFlowNodes(nodes: FlowNode[]): {
+  nodes: ApprovalProcessNode[];
+  links: ApprovalNodeLinkResponse[];
+} {
+  // 先收集“完整的节点和边”，顺序暂时不重要。
+  const serializedNodes: ApprovalProcessNode[] = [];
+  const serializedLinks: ApprovalNodeLinkResponse[] = [];
+
+  serializeFlowSequence(nodes, [], serializedNodes, serializedLinks);
+  // 再按前端可视顺序重排，保证后端再回给前端时左右分支顺序稳定。
+  const serializedNodeOrder = collectSerializedNodeOrder(nodes);
+  const serializedNodeMap = new Map(serializedNodes.map((node) => [node.id, node]));
+  const serializedNodeOrderIndexMap = new Map(serializedNodeOrder.map((nodeId, index) => [nodeId, index]));
+
+  return {
+    nodes: serializedNodeOrder
+      .map((nodeId) => serializedNodeMap.get(nodeId))
+      .filter((node): node is ApprovalProcessNode => Boolean(node)),
+    // links 本身没有“前后顺序”语义，但按节点顺序排一下更方便接口排查，
+    // 同时也能减少后端存储/返回时顺序抖动。
+    links: [...serializedLinks].sort((leftLink, rightLink) => {
+      const leftFromIndex = serializedNodeOrderIndexMap.get(leftLink.fromNodeId) ?? Number.MAX_SAFE_INTEGER;
+      const rightFromIndex = serializedNodeOrderIndexMap.get(rightLink.fromNodeId) ?? Number.MAX_SAFE_INTEGER;
+      if (leftFromIndex !== rightFromIndex) {
+        return leftFromIndex - rightFromIndex;
+      }
+
+      const leftToIndex = serializedNodeOrderIndexMap.get(leftLink.toNodeId) ?? Number.MAX_SAFE_INTEGER;
+      const rightToIndex = serializedNodeOrderIndexMap.get(rightLink.toNodeId) ?? Number.MAX_SAFE_INTEGER;
+      return leftToIndex - rightToIndex;
+    }),
+  };
+}
+
+function mapSelectedOptions(options?: { id: string; name: string }[]) {
+  return options?.map((item) => ({ id: item.id, name: item.name })) ?? [];
+}
+
+// 后端审批节点 -> 前端审批节点。
+// 这里会把前端展示所需的 selectedList 一并补齐，方便右侧表单直接回显。
+function deserializeApproverNode(node: ApprovalProcessApproverNode): ApprovalActionNode {
+  const approverList = node.approverList ?? [];
+  const approverSelectedList = mapSelectedOptions(node.approverSelectOptions);
+  const ccList = node.ccList ?? [];
+  const fallbackApprover = node.fallbackApprover ?? null;
+
+  return createActionNode<ApprovalActionNode>({
+    id: node.id,
+    type: 'action',
+    actionType: 'approval',
+    name: node.name,
+    number: node.number,
+    description: resolveApprovalActionNodeDescription(node.approvalType, node.approverType ?? null),
+    descriptionItems: resolveApprovalActionNodeDescriptionItems({
+      approvalType: node.approvalType,
+      approverType: node.approverType ?? null,
+      approverSelectedList,
+    }),
+    approvalType: node.approvalType,
+    approverType: node.approverType ?? null,
+    approverDirection: node.approverDirection ?? ApprovalLevelDirectionEnum.BOTTOM_UP,
+    approverList,
+    approverSelectedList,
+    multiApproverMode: node.multiApproverMode,
+    emptyApproverAction: node.emptyApproverAction,
+    fallbackApprover,
+    sameSubmitterAction: node.sameSubmitterAction,
+    emptyApproverSelectedList:
+      fallbackApprover && node.fallbackApproverName ? [{ id: fallbackApprover, name: node.fallbackApproverName }] : [],
+    ccType: node.ccType ?? null,
+    ccDirection: node.ccDirection ?? ApprovalLevelDirectionEnum.BOTTOM_UP,
+    ccList,
+    ccSelectedList: mapSelectedOptions(node.ccSelectOptions),
+    passPostConfig: node.passPostConfig,
+    rejectPostConfig: node.rejectPostConfig,
+    fieldPermissions: node.fieldPermissions,
+  });
+}
+
+// 同层节点的稳定顺序全部交给 sort 字段处理。
+function sortNodeIds(nodeIds: string[], nodeMap: Map<string, ApprovalProcessNode>) {
+  return [...nodeIds].sort((leftId, rightId) => {
+    const leftNode = nodeMap.get(leftId);
+    const rightNode = nodeMap.get(rightId);
+
+    return (leftNode?.sort ?? 1) - (rightNode?.sort ?? 1);
+  });
+}
+
+// from -> to[]，给“往后走”时使用。
+function buildOutgoingLinkMap(links: ApprovalNodeLinkResponse[]) {
+  return links.reduce((map, link) => {
+    const currentTargets = map.get(link.fromNodeId) ?? [];
+    currentTargets.push(link.toNodeId);
+    map.set(link.fromNodeId, currentTargets);
+    return map;
+  }, new Map<string, string[]>());
+}
+
+// to -> from[]，给“找公共入口/前驱”时使用。
+function buildIncomingLinkMap(links: ApprovalNodeLinkResponse[]) {
+  return links.reduce((map, link) => {
+    const currentSources = map.get(link.toNodeId) ?? [];
+    currentSources.push(link.fromNodeId);
+    map.set(link.toNodeId, currentSources);
+    return map;
+  }, new Map<string, string[]>());
+}
+
+function collectReachableNodeIds(
+  startNodeId: string,
+  outgoingLinkMap: Map<string, string[]>,
+  visited = new Set<string>()
+) {
+  // 从某个分支节点出发，把后面所有能走到的节点都收出来。
+  // 后面找“多个分支的公共尾链”时会用到。
+  const nextNodeIds = outgoingLinkMap.get(startNodeId) ?? [];
+
+  nextNodeIds.forEach((nextNodeId) => {
+    if (visited.has(nextNodeId)) {
+      return;
+    }
+
+    visited.add(nextNodeId);
+    collectReachableNodeIds(nextNodeId, outgoingLinkMap, visited);
+  });
+
+  return visited;
+}
+
+function findSharedEntryNodeIds(
+  branchNodeIds: string[],
+  outgoingLinkMap: Map<string, string[]>,
+  incomingLinkMap: Map<string, string[]>,
+  nodeMap: Map<string, ApprovalProcessNode>
+) {
+  // 先找“每个分支都能到达的节点”，也就是多个分支共享的后续链路。
+  const reachableNodeSets = branchNodeIds.map((branchNodeId) => collectReachableNodeIds(branchNodeId, outgoingLinkMap));
+  if (!reachableNodeSets.length) {
+    return [];
+  }
+
+  const sharedNodeIds = [...reachableNodeSets[0]].filter((nodeId) =>
+    reachableNodeSets.every((reachableNodeSet) => reachableNodeSet.has(nodeId))
+  );
+  const sharedNodeIdSet = new Set(sharedNodeIds);
+
+  return sortNodeIds(
+    sharedNodeIds.filter((nodeId) => {
+      const predecessorIds = incomingLinkMap.get(nodeId) ?? [];
+      // 这里要的是“共享链的入口节点”，所以要求它的前驱不能也在共享链内部。
+      return predecessorIds.every((predecessorId) => !sharedNodeIdSet.has(predecessorId));
+    }),
+    nodeMap
+  );
+}
+
+// 后端单个节点 -> 前端单个节点。
+// 条件分支节点不在这里处理，而是在 deserializeProcessNodeList 中整组恢复为 condition-group。
+function deserializeProcessNode(node: ApprovalProcessNode): FlowNode {
+  if (node.nodeType === ApprovalNodeTypeEnum.START) {
+    return createStartNode({
+      id: node.id,
+      name: node.name,
+      number: node.number,
+    });
+  }
+
+  if (node.nodeType === ApprovalNodeTypeEnum.END) {
+    return createEndNode({
+      id: node.id,
+      name: node.name,
+      number: node.number,
+    });
+  }
+
+  return deserializeApproverNode(node as ApprovalProcessApproverNode);
+}
+
+function deserializeProcessNodeList(
+  entryNodeIds: string[],
+  nodeMap: Map<string, ApprovalProcessNode>,
+  outgoingLinkMap: Map<string, string[]>,
+  incomingLinkMap: Map<string, string[]>,
+  stopNodeIds = new Set<string>()
+): FlowNode[] {
+  // stopNodeIds 表示“这批节点属于条件组后面的公共尾链”，
+  // 当前分支递归到这里就该停，不能把公共尾链重复塞进每个分支里。
+  const activeEntryNodeIds = sortNodeIds(
+    entryNodeIds.filter((nodeId) => !stopNodeIds.has(nodeId)),
+    nodeMap
+  );
+  if (!activeEntryNodeIds.length) {
+    return [];
+  }
+
+  if (activeEntryNodeIds.every((nodeId) => isConditionBranchNode(nodeMap.get(nodeId)!))) {
+    // 入口如果全是 CONDITION / DEFAULT，说明这里在前端应该恢复成一个条件组。
+    const sharedEntryNodeIds = findSharedEntryNodeIds(activeEntryNodeIds, outgoingLinkMap, incomingLinkMap, nodeMap);
+    const sharedEntryNodeIdSet = new Set(sharedEntryNodeIds);
+
+    const branches = activeEntryNodeIds.map((branchNodeId) => {
+      const branchNode = nodeMap.get(branchNodeId)!;
+      const branchChildEntryNodeIds = sortNodeIds(outgoingLinkMap.get(branchNodeId) ?? [], nodeMap);
+      // 分支内部继续递归，但碰到公共尾链入口就停止，避免把公共节点吞进分支 children。
+      const children = deserializeProcessNodeList(
+        branchChildEntryNodeIds,
+        nodeMap,
+        outgoingLinkMap,
+        incomingLinkMap,
+        sharedEntryNodeIdSet
+      );
+
+      if (branchNode.nodeType === ApprovalNodeTypeEnum.DEFAULT) {
+        return createElseBranch<ApprovalConditionBranch>({
+          id: branchNode.id,
+          name: branchNode.name,
+          number: branchNode.number,
+          description: toConditionBranchDescription(branchNode),
+          children,
+        });
+      }
+
+      return createApprovalConditionBranch({
+        id: branchNode.id,
+        name: branchNode.name,
+        number: branchNode.number,
+        sort: branchNode.sort,
+        description: toConditionBranchDescription(branchNode),
+        conditionConfig:
+          branchNode.nodeType === ApprovalNodeTypeEnum.CONDITION ? branchNode.conditionConfig : undefined,
+        children,
+      });
+    });
+
+    return [
+      // 先恢复整个条件组，再把条件组后面的公共尾链继续拼回主链。
+      createConditionGroupNode({ branches }),
+      ...deserializeProcessNodeList(sharedEntryNodeIds, nodeMap, outgoingLinkMap, incomingLinkMap, stopNodeIds),
+    ];
+  }
+
+  // 普通主链场景：每次取当前入口的第一个节点，顺着后继继续往下还原。
+  const [currentNodeId] = activeEntryNodeIds;
+  const currentProcessNode = nodeMap.get(currentNodeId);
+  if (!currentProcessNode) {
+    return [];
+  }
+
+  const nextEntryNodeIds = sortNodeIds(outgoingLinkMap.get(currentNodeId) ?? [], nodeMap);
+  return [
+    deserializeProcessNode(currentProcessNode),
+    ...deserializeProcessNodeList(nextEntryNodeIds, nodeMap, outgoingLinkMap, incomingLinkMap, stopNodeIds),
+  ];
+}
+
+// 对外暴露的总入口：把后端详情里的平铺 nodes + links 恢复成流程设计器使用的 FlowSchema
+export function deserializeProcessNodes(
+  nodes: ApprovalProcessNode[],
+  links: ApprovalNodeLinkResponse[],
+  startDescription: string
+): FlowSchema {
+  // 先把后端平铺结构整理成更适合查找的索引结构。
+  const nodeMap = new Map(nodes.map((node) => [node.id, node]));
+  const outgoingLinkMap = buildOutgoingLinkMap(links);
+  const incomingLinkMap = buildIncomingLinkMap(links);
+  const startProcessNode = nodes.find((node) => node.nodeType === ApprovalNodeTypeEnum.START);
+  if (!startProcessNode) {
+    // 后端异常或空数据时，前端仍然回到一个可编辑的默认流程。
+    return createDefaultFlow(startDescription);
+  }
+
+  const flowNodes = deserializeProcessNodeList([startProcessNode.id], nodeMap, outgoingLinkMap, incomingLinkMap);
+  if (!flowNodes.length) {
+    return createDefaultFlow(startDescription);
+  }
+
+  // 开始节点描述以前端当前文案为准，不直接吃后端存量描述。
+  const startFlowNode = flowNodes.find((node) => node.type === 'start');
+  if (startFlowNode?.type === 'start') {
+    startFlowNode.description = startDescription;
+  }
+
+  return { nodes: flowNodes };
+}
diff --git a/frontend/packages/web/src/views/system/process/process/components/approval-flow/flow/useConditionFilterConfig.ts b/frontend/packages/web/src/views/system/process/process/components/approval-flow/flow/useConditionFilterConfig.ts
new file mode 100644
index 0000000..dc2831e
--- /dev/null
+++ b/frontend/packages/web/src/views/system/process/process/components/approval-flow/flow/useConditionFilterConfig.ts
@@ -0,0 +1,287 @@
+import { computed, type MaybeRefOrGetter, ref, toValue } from 'vue';
+
+import { OperatorEnum } from '@lib/shared/enums/commonEnum';
+import { FieldTypeEnum, FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+import { useI18n } from '@lib/shared/hooks/useI18n';
+import type { OpportunityStageConfig } from '@lib/shared/models/opportunity';
+
+import { operatorOptionsMap } from '@/components/pure/crm-advance-filter';
+import type { FilterFormItem } from '@/components/pure/crm-advance-filter/type';
+import { getFormConfigApiMap } from '@/components/business/crm-form-create/config';
+import type { FormCreateField } from '@/components/business/crm-form-create/types';
+import { resolveFieldId } from '@/components/business/crm-formula-editor/utils';
+
+import { getContractStatusConfig, getFieldDeptTree, getOrderStatusConfig, getUserOptions } from '@/api/modules';
+import { baseFilterConfigList } from '@/config/clue';
+import { quotationStatus } from '@/config/opportunity';
+import { processStatusOptions } from '@/config/process';
+import useFormCreateFilter from '@/hooks/useFormCreateAdvanceFilter';
+
+const fieldChangedOperatorOption = {
+  label: 'advanceFilter.operator.newNotEqualOld',
+  value: OperatorEnum.NEW_NOT_EQUALS_OLD,
+};
+
+function appendFieldChangedOperator(item: FilterFormItem): FilterFormItem {
+  const operatorOptions = item.operatorOption?.length ? item.operatorOption : operatorOptionsMap[item.type] ?? [];
+  return {
+    ...item,
+    operatorOption: [
+      ...operatorOptions,
+      ...(!operatorOptions.some((option) => option.value === OperatorEnum.NEW_NOT_EQUALS_OLD)
+        ? [fieldChangedOperatorOption]
+        : []),
+    ],
+  };
+}
+
+function flattenDepartmentOptions(options: any[] = []): Array<{ id: string; name: string }> {
+  return options.flatMap((item) => [
+    { id: item.id, name: item.name },
+    ...flattenDepartmentOptions(item.children ?? []),
+  ]);
+}
+
+export default function useConditionFilterConfig(options: {
+  formType: MaybeRefOrGetter<string>;
+  optionMap?: MaybeRefOrGetter<Record<string, any[]> | undefined>;
+}) {
+  const { t } = useI18n();
+  const { getFilterListConfig } = useFormCreateFilter();
+
+  const loading = ref(false);
+  const filterConfigList = ref<FilterFormItem[]>([]);
+  const customFieldsFilterConfig = ref<FilterFormItem[]>([]);
+  const departmentOptions = ref<Array<{ id: string; name: string }>>([]);
+  const userOptions = ref<Array<{ id: string; name: string }>>([]);
+  const businessStageConfig = ref<OpportunityStageConfig | null>(null);
+
+  // 已保存条件里可能存 dataIndex，也可能存字段 id；两种 key 都指向同一份字段配置，避免回显 raw id。
+  const fieldConfigMap = computed<Record<string, FilterFormItem>>(() =>
+    [...filterConfigList.value, ...customFieldsFilterConfig.value].reduce<Record<string, FilterFormItem>>(
+      (map, item) => {
+        if (item.dataIndex) {
+          map[item.dataIndex] = item;
+        }
+        if (item.id) {
+          map[item.id] = item;
+        }
+        return map;
+      },
+      {}
+    )
+  );
+
+  // 给条件卡片描述用：fieldConfigMap 负责字段名/类型，optionMap 负责把选项值翻译成显示名。
+  const descriptionContext = computed(() => ({
+    optionMap: {
+      ...(toValue(options.optionMap) ?? {}),
+      departmentId: departmentOptions.value,
+      createUser: userOptions.value,
+      updateUser: userOptions.value,
+    },
+    fieldConfigMap: fieldConfigMap.value,
+  }));
+
+  function createDepartmentFilterItem(): FilterFormItem {
+    return {
+      title: t('opportunity.department'),
+      dataIndex: 'departmentId',
+      type: FieldTypeEnum.TREE_SELECT,
+      treeSelectProps: {
+        labelField: 'name',
+        keyField: 'id',
+        multiple: true,
+        clearFilterAfterSelect: false,
+        checkable: true,
+        showContainChildModule: true,
+      },
+    };
+  }
+
+  function createApprovalStatusFilterItem(title: string): FilterFormItem {
+    return {
+      title,
+      dataIndex: 'approvalStatus',
+      type: FieldTypeEnum.SELECT_MULTIPLE,
+      selectProps: {
+        options: processStatusOptions,
+      },
+    };
+  }
+
+  function createOrderStatusFilterItem(): FilterFormItem {
+    return {
+      title: t('order.status'),
+      dataIndex: 'stage',
+      type: FieldTypeEnum.SELECT_MULTIPLE,
+      selectProps: {
+        options:
+          businessStageConfig.value?.stageConfigList.map((item) => ({
+            label: item.name,
+            value: item.id,
+          })) ?? [],
+      },
+    };
+  }
+
+  const formTypeConfigMap: Partial<Record<FormDesignKeyEnum, () => FilterFormItem[]>> = {
+    [FormDesignKeyEnum.OPPORTUNITY_QUOTATION]: () => [
+      {
+        title: t('common.status'),
+        dataIndex: 'invalid',
+        type: FieldTypeEnum.SELECT_MULTIPLE,
+        selectProps: {
+          options: quotationStatus as any,
+        },
+      },
+      createApprovalStatusFilterItem(t('common.approvalStatus')),
+      createDepartmentFilterItem(),
+      ...baseFilterConfigList,
+    ],
+
+    [FormDesignKeyEnum.CONTRACT]: () => [
+      createDepartmentFilterItem(),
+      {
+        title: t('contract.status'),
+        dataIndex: 'stage',
+        type: FieldTypeEnum.SELECT_MULTIPLE,
+        selectProps: {
+          options:
+            businessStageConfig.value?.stageConfigList.map((item) => ({
+              label: item.name,
+              value: item.id,
+            })) ?? [],
+        },
+      },
+      createApprovalStatusFilterItem(t('contract.approvalStatus')),
+      ...baseFilterConfigList,
+    ],
+
+    [FormDesignKeyEnum.INVOICE]: () => [
+      createDepartmentFilterItem(),
+      createApprovalStatusFilterItem(t('contract.approvalStatus')),
+      ...baseFilterConfigList,
+    ],
+
+    [FormDesignKeyEnum.ORDER]: () => [
+      createDepartmentFilterItem(),
+      createOrderStatusFilterItem(),
+      createApprovalStatusFilterItem(t('common.approvalStatus')),
+      ...baseFilterConfigList,
+    ],
+  };
+
+  function createSystemFilterConfigList(): FilterFormItem[] {
+    return formTypeConfigMap[toValue(options.formType) as FormDesignKeyEnum]?.() ?? [...baseFilterConfigList];
+  }
+
+  function getFieldConfigProps(field: FormCreateField) {
+    if (
+      [FieldTypeEnum.SELECT, FieldTypeEnum.SELECT_MULTIPLE, FieldTypeEnum.RADIO, FieldTypeEnum.CHECKBOX].includes(
+        field.type
+      )
+    ) {
+      return {
+        selectProps: {
+          options: field.options,
+          multiple: true,
+        },
+      };
+    }
+
+    if ([FieldTypeEnum.DATA_SOURCE, FieldTypeEnum.DATA_SOURCE_MULTIPLE].includes(field.type)) {
+      return {
+        dataSourceProps: {
+          dataSourceType: field.dataSourceType,
+          maxTagCount: 'responsive',
+        },
+      };
+    }
+
+    return {};
+  }
+
+  function createSubTableFilterConfigList(fields: FormCreateField[] = []) {
+    // 子表格条件用“父字段.子字段”作为唯一 key，避免同一子表格下多个列共用父字段 id。
+    return fields.flatMap((field) => {
+      if (![FieldTypeEnum.SUB_PRICE, FieldTypeEnum.SUB_PRODUCT].includes(field.type) || !field.subFields?.length) {
+        return [];
+      }
+
+      return field.subFields
+        .filter(
+          (subField) =>
+            ![
+              FieldTypeEnum.TEXTAREA,
+              FieldTypeEnum.PICTURE,
+              FieldTypeEnum.DIVIDER,
+              FieldTypeEnum.SUB_PRICE,
+              FieldTypeEnum.SUB_PRODUCT,
+            ].includes(subField.type)
+        )
+        .map((subField) => {
+          const dataIndex = `${field.id}.${resolveFieldId(subField, true)}`;
+          return {
+            id: dataIndex,
+            title: `${field.name}.${subField.name}`,
+            dataIndex,
+            type: subField.type,
+            ...getFieldConfigProps(subField),
+          };
+        }) as FilterFormItem[];
+    });
+  }
+
+  async function loadOptionalOptions() {
+    // 部门/用户只影响描述回显；失败时不能拖垮字段配置，否则抽屉第一列会显示原始 id。
+    const [departmentResult, userResult] = await Promise.allSettled([getFieldDeptTree(), getUserOptions()]);
+
+    departmentOptions.value =
+      departmentResult.status === 'fulfilled' ? flattenDepartmentOptions(departmentResult.value) : [];
+    userOptions.value =
+      userResult.status === 'fulfilled' ? userResult.value.map((item: any) => ({ id: item.id, name: item.name })) : [];
+  }
+
+  async function loadFilterConfig() {
+    loading.value = true;
+
+    try {
+      const formType = toValue(options.formType) as FormDesignKeyEnum;
+      const api = getFormConfigApiMap[formType];
+      const stageConfigApiMap: Partial<Record<FormDesignKeyEnum, () => Promise<OpportunityStageConfig>>> = {
+        [FormDesignKeyEnum.CONTRACT]: getContractStatusConfig,
+        [FormDesignKeyEnum.ORDER]: getOrderStatusConfig,
+      };
+      const stageConfigApi = stageConfigApiMap[formType];
+
+      const [stageConfig, formConfig] = await Promise.all([
+        stageConfigApi?.() ?? Promise.resolve(null),
+        api?.() ?? Promise.resolve({ fields: [] }),
+      ]);
+
+      businessStageConfig.value = stageConfig;
+      filterConfigList.value = createSystemFilterConfigList().map(appendFieldChangedOperator);
+      customFieldsFilterConfig.value = [
+        ...getFilterListConfig(formConfig, true),
+        ...createSubTableFilterConfigList(formConfig.fields),
+      ].map(appendFieldChangedOperator);
+      await loadOptionalOptions();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+      filterConfigList.value = [];
+      customFieldsFilterConfig.value = [];
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  return {
+    loading,
+    filterConfigList,
+    customFieldsFilterConfig,
+    descriptionContext,
+    loadFilterConfig,
+  };
+}
diff --git a/frontend/packages/web/src/views/system/process/process/components/approval-flow/flow/validation.ts b/frontend/packages/web/src/views/system/process/process/components/approval-flow/flow/validation.ts
new file mode 100644
index 0000000..a48aaf7
--- /dev/null
+++ b/frontend/packages/web/src/views/system/process/process/components/approval-flow/flow/validation.ts
@@ -0,0 +1,154 @@
+import { ApprovalTypeEnum, ApproverTypeEnum, EmptyApproverActionEnum } from '@lib/shared/enums/process';
+import type { ApprovalActionNode, ApprovalConditionBranch } from '@lib/shared/models/system/process';
+
+import type { FlowNode, FlowSchema } from '@/components/business/crm-flow/types';
+
+import { hasConfiguredCondition } from './conditionDescription';
+
+interface FlowValidationResult {
+  invalidNodeIds: string[];
+  invalidBranchIds: string[];
+}
+
+// 流程图不是单链表，条件组下面还会递归挂子节点，所以统一用一个 DFS 遍历入口
+function walkFlowNodes(
+  nodes: FlowNode[],
+  visitor: (payload: { node?: FlowNode; branch?: ApprovalConditionBranch }) => void
+) {
+  nodes.forEach((node) => {
+    visitor({ node });
+
+    if (node.type !== 'condition-group') {
+      return;
+    }
+
+    (node.branches as ApprovalConditionBranch[]).forEach((branch) => {
+      visitor({ branch });
+      walkFlowNodes(branch.children, visitor);
+    });
+  });
+}
+
+function isEmptyValue(value: unknown) {
+  return value === null || value === undefined || (typeof value === 'string' && !value.trim());
+}
+
+// 清除红框
+export function clearInvalidState(target?: { invalid?: boolean } | null) {
+  if (!target) {
+    return;
+  }
+
+  target.invalid = false;
+}
+
+// 保存前先全量清空 invalid，再按照本次校验结果重新打标，避免旧红框残留。
+function clearFlowInvalidMarks(flowSchema: FlowSchema) {
+  walkFlowNodes(flowSchema.nodes, ({ node, branch }) => {
+    clearInvalidState(node);
+    clearInvalidState(branch);
+  });
+}
+
+// 根据本次校验结果回写红框：审批节点写 node.invalid，if 分支写 branch.invalid。
+function applyFlowInvalidMarks(flowSchema: FlowSchema, result: FlowValidationResult) {
+  const invalidNodeIds = new Set(result.invalidNodeIds);
+  const invalidBranchIds = new Set(result.invalidBranchIds);
+
+  walkFlowNodes(flowSchema.nodes, ({ node, branch }) => {
+    if (node && invalidNodeIds.has(node.id)) {
+      node.invalid = true;
+    }
+
+    if (branch && invalidBranchIds.has(branch.id)) {
+      branch.invalid = true;
+    }
+  });
+}
+
+function isMemberOrRole(type?: ApproverTypeEnum | null) {
+  return !!type && [ApproverTypeEnum.SPECIFIED_MEMBER, ApproverTypeEnum.ROLE].includes(type);
+}
+
+function hasSelectedItems(list?: unknown[]) {
+  return Array.isArray(list) && list.some((item) => !isEmptyValue(item));
+}
+
+// 审批节点校验
+function validateApprovalActionNode(node: ApprovalActionNode, result: FlowValidationResult) {
+  const isManualApproval = node.approvalType === ApprovalTypeEnum.MANUAL;
+  const approverList = node.approverList ?? [];
+  const ccList = node.ccList ?? [];
+  const isInvalid =
+    isEmptyValue(node.name) ||
+    (isMemberOrRole(node.ccType) && !hasSelectedItems(ccList)) ||
+    (isManualApproval &&
+      (isEmptyValue(node.approverType) ||
+        (isMemberOrRole(node.approverType) && !hasSelectedItems(approverList)) ||
+        ([EmptyApproverActionEnum.ASSIGN_SPECIFIC, EmptyApproverActionEnum.ASSIGN_ADMIN].includes(
+          node.emptyApproverAction
+        ) &&
+          isEmptyValue(node.fallbackApprover))));
+
+  if (isInvalid) {
+    result.invalidNodeIds.push(node.id);
+  }
+}
+
+// if分支校验
+function validateConditionBranch(branch: ApprovalConditionBranch, result: FlowValidationResult) {
+  if (branch.isElse) {
+    return;
+  }
+
+  if (!hasConfiguredCondition(branch.conditionConfig)) {
+    result.invalidBranchIds.push(branch.id);
+  }
+}
+
+// 保存前的总入口：只做纯数据校验，收集需要标红的节点和分支
+function validateFlow(flowSchema: FlowSchema): FlowValidationResult {
+  const result: FlowValidationResult = {
+    invalidNodeIds: [],
+    invalidBranchIds: [],
+  };
+
+  walkFlowNodes(flowSchema.nodes, ({ node, branch }) => {
+    if (node?.type === 'action' && node.actionType === 'approval') {
+      validateApprovalActionNode(node as ApprovalActionNode, result);
+    }
+
+    if (branch) {
+      validateConditionBranch(branch, result);
+    }
+  });
+
+  return result;
+}
+
+// 保存校验后，当前已选中的审批节点右侧表单可能触发回填更新
+// 这里先锁住“自动清红框”，只在用户真的开始编辑当前节点时再解锁。
+let invalidClearLocked = false;
+
+export function canClearInvalidState() {
+  return !invalidClearLocked;
+}
+
+export function unlockInvalidClearState() {
+  invalidClearLocked = false;
+}
+
+// 给保存按钮调用：一次完成“清旧状态 -> 全量校验 -> 回写红框”。
+export function validateFlowNodes(flowSchema: FlowSchema) {
+  invalidClearLocked = true;
+  clearFlowInvalidMarks(flowSchema);
+  const result = validateFlow(flowSchema);
+  applyFlowInvalidMarks(flowSchema, result);
+
+  const valid = !result.invalidNodeIds.length && !result.invalidBranchIds.length;
+  if (valid) {
+    invalidClearLocked = false;
+  }
+
+  return valid;
+}
diff --git a/frontend/packages/web/src/views/system/process/process/components/approval-flow/index.vue b/frontend/packages/web/src/views/system/process/process/components/approval-flow/index.vue
new file mode 100644
index 0000000..3157e75
--- /dev/null
+++ b/frontend/packages/web/src/views/system/process/process/components/approval-flow/index.vue
@@ -0,0 +1,521 @@
+<template>
+  <div class="h-full w-full">
+    <CrmTab
+      v-if="flowTimingTabs.length"
+      v-model:active-tab="activeFlowTiming"
+      class="flow-timing-tabs absolute left-[16px] top-[16px] z-[10] w-fit"
+      type="segment"
+      no-content
+      :tab-list="flowTimingTabs"
+      @change="handleFlowTimingChange"
+    />
+    <CrmFlow
+      v-if="flowTimingTabs.length"
+      ref="crmFlowRef"
+      v-model:model="flowSchema"
+      :canvas-flow="canvasFlowSchema"
+      :readonly="props.readonly"
+      :right-content-visible="isRightContentVisible"
+      @add-condition-branch="handleAddConditionBranch"
+      @branch-click="handleBranchClick"
+    >
+      <template #insertNodeContent="{ anchorNodeId, anchorBranch }">
+        <div v-if="!props.readonly" class="base-box-shadow min-w-[366px] rounded-[6px] bg-[var(--text-n10)] p-[16px]">
+          <div v-for="group in approvalFlowAddNodeGroups" :key="group.key" class="mb-[16px] last:mb-0">
+            <div class="mb-[8px] font-semibold">{{ group.title }}</div>
+            <div class="flex gap-[8px]">
+              <div
+                v-for="item in group.options"
+                :key="item.label"
+                class="inline-flex h-[38px] cursor-pointer items-center gap-[8px] rounded-[var(--border-radius-small)] border border-transparent bg-[var(--text-n9)] px-[12px] transition-all hover:border-[var(--primary-1)]"
+                @click="insertFromPopover(item.type, anchorNodeId, anchorBranch, item.actionApprovalType)"
+              >
+                <span
+                  class="inline-flex size-[16px] items-center justify-center rounded-[var(--border-radius-small)] text-[var(--text-n10)]"
+                  :class="item.iconBgClass"
+                >
+                  <CrmIcon :type="item.icon" :size="12" />
+                </span>
+                <span>{{ item.label }}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </template>
+      <template #rightContent="{ selection }">
+        <approvalActionNodeForm
+          v-if="selection.type === 'node' && isApprovalActionNode(selection.node)"
+          v-model:node="selection.node"
+          :form-type="basicConfig.formType"
+          :option-map="props.optionMap"
+          :readonly="props.readonly"
+          @switch-more-setting="emit('switchMoreSetting')"
+        />
+      </template>
+    </CrmFlow>
+    <setConditionDrawer
+      v-model:show="setConditionDrawerVisible"
+      :branch="activeConditionBranch"
+      :form-type="basicConfig.formType"
+      :option-map="props.optionMap"
+      :priority-options="conditionPriorityOptions"
+      :readonly="props.readonly"
+      @confirm="handleConditionConfirm"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { computed, nextTick, ref, watch } from 'vue';
+
+  import { ApprovalTypeEnum } from '@lib/shared/enums/process';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type {
+    ApprovalActionNode,
+    ApprovalConditionBranch,
+    ApprovalFlowNodeConfig,
+  } from '@lib/shared/models/system/process';
+  import { BasicFormParams } from '@lib/shared/models/system/process';
+
+  import type { FilterForm } from '@/components/pure/crm-advance-filter/type';
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import CrmTab from '@/components/pure/crm-tab/index.vue';
+  import { findBranchLocation } from '@/components/business/crm-flow/dsl/queries';
+  import type { BranchClickPayload } from '@/components/business/crm-flow/graph/types';
+  import CrmFlow from '@/components/business/crm-flow/index.vue';
+  import type { FlowNode, FlowSchema, NodeSelectionState } from '@/components/business/crm-flow/types';
+  import approvalActionNodeForm from './approval-node/index.vue';
+  import setConditionDrawer from './setConditionDrawer.vue';
+
+  import { approvalFlowAddNodeGroups, businessTypeOptions, defaultBasicForm } from '@/config/process';
+
+  import {
+    addApprovalConditionBranch,
+    createDefaultFlow,
+    insertFromAnchor,
+    resolveApprovalActionNodeDescriptionItems,
+  } from './flow';
+  import { resolveConditionDescription } from './flow/conditionDescription';
+  import { deserializeProcessNodes, serializeFlowNodes } from './flow/transform';
+  import useConditionFilterConfig from './flow/useConditionFilterConfig';
+  import { validateFlowNodes as validateFlowSchemaNodes } from './flow/validation';
+
+  defineOptions({
+    name: 'ApprovalFlowView',
+  });
+
+  const props = defineProps<{
+    needDetail?: boolean;
+    readonly?: boolean;
+    optionMap?: Record<string, any[]>;
+  }>();
+
+  const emit = defineEmits<{
+    (event: 'switchMoreSetting'): void;
+    (event: 'change'): void;
+  }>();
+  const { t } = useI18n();
+
+  // 基础表单
+  const basicConfig = defineModel<BasicFormParams>('basicConfig', {
+    default: () => ({
+      ...defaultBasicForm,
+    }),
+  });
+
+  type ApprovalFlowTiming = 'create' | 'update' | 'delete';
+
+  const flowTimingConfig: Array<{
+    value: ApprovalFlowTiming;
+    executeKey: 'createExecute' | 'updateExecute' | 'deleteExecute';
+    configKey: 'createNodeConfig' | 'updateNodeConfig' | 'deleteNodeConfig';
+    label: string;
+  }> = [
+    {
+      value: 'create',
+      executeKey: 'createExecute',
+      configKey: 'createNodeConfig',
+      label: t('common.create'),
+    },
+    {
+      value: 'update',
+      executeKey: 'updateExecute',
+      configKey: 'updateNodeConfig',
+      label: t('common.edit'),
+    },
+    {
+      value: 'delete',
+      executeKey: 'deleteExecute',
+      configKey: 'deleteNodeConfig',
+      label: t('common.delete'),
+    },
+  ];
+
+  const activeFlowTiming = ref<ApprovalFlowTiming>('create');
+  const flowTimingTabs = computed(() =>
+    flowTimingConfig
+      .filter((item) => basicConfig.value[item.executeKey])
+      .map((item) => ({
+        name: item.value,
+        tab: item.label,
+      }))
+  );
+
+  function isRightContentVisible(selection: NodeSelectionState) {
+    if (selection.type !== 'node') return false;
+    return selection.node.type === 'action';
+  }
+
+  function isApprovalActionNode(node: FlowNode): node is ApprovalActionNode {
+    return node.type === 'action' && node.actionType === 'approval';
+  }
+
+  function resolveOptionLabel(value: string, options: Array<{ value: string; label: string }>): string {
+    return options.find((item) => item.value === value)?.label ?? '';
+  }
+
+  function resolveStartNodeDescription(timing: ApprovalFlowTiming) {
+    const businessTypeLabel = resolveOptionLabel(basicConfig.value.formType, businessTypeOptions);
+    const executionTimingLabel = flowTimingConfig.find((item) => item.value === timing)?.label ?? '';
+
+    return executionTimingLabel ? `${businessTypeLabel}(${executionTimingLabel})` : businessTypeLabel;
+  }
+
+  // 流程图
+  const flowSchemas = ref<Record<ApprovalFlowTiming, FlowSchema>>({
+    create: createDefaultFlow(resolveStartNodeDescription('create')),
+    update: createDefaultFlow(resolveStartNodeDescription('update')),
+    delete: createDefaultFlow(resolveStartNodeDescription('delete')),
+  });
+  const flowSchema = ref<FlowSchema>(flowSchemas.value.create);
+
+  // descriptionItems 只是审批人卡片的展示字段，不能直接写回正在编辑的 flowSchema。
+  // 这里派生一份画布专用数据，避免右侧表单更新审批人时触发流程图深层重绘导致画布消失。
+  function createCanvasFlowNodes(nodes: FlowNode[]): FlowNode[] {
+    return nodes.map((node) => {
+      if (node.type === 'condition-group') {
+        return {
+          ...node,
+          branches: node.branches.map((branch) => ({
+            ...branch,
+            children: createCanvasFlowNodes(branch.children),
+          })),
+        };
+      }
+
+      if (isApprovalActionNode(node)) {
+        return {
+          ...node,
+          descriptionItems: resolveApprovalActionNodeDescriptionItems(node),
+        };
+      }
+
+      return { ...node };
+    });
+  }
+
+  const canvasFlowSchema = computed<FlowSchema>(() => ({
+    nodes: createCanvasFlowNodes(flowSchema.value.nodes),
+  }));
+
+  const { descriptionContext, loadFilterConfig: loadConditionFilterConfig } = useConditionFilterConfig({
+    formType: () => basicConfig.value.formType,
+    optionMap: () => props.optionMap,
+  });
+
+  // 递归找所有 if 条件分支，然后重新生成卡片描述
+  function updateConditionDescription(nodes: FlowNode[]) {
+    nodes.forEach((node) => {
+      if (node.type !== 'condition-group') {
+        return;
+      }
+
+      node.branches.forEach((branch) => {
+        if (!branch.isElse) {
+          (branch as ApprovalConditionBranch).description = resolveConditionDescription(
+            (branch as ApprovalConditionBranch).conditionConfig,
+            descriptionContext.value
+          );
+        }
+        updateConditionDescription(branch.children);
+      });
+    });
+  }
+
+  function refreshConditionDescriptions() {
+    flowTimingConfig.forEach((timing) => {
+      updateConditionDescription(flowSchemas.value[timing.value].nodes);
+    });
+  }
+
+  function getTimingProcessData() {
+    return flowTimingConfig.reduce((data, config) => {
+      const flowData = serializeFlowNodes(flowSchemas.value[config.value].nodes);
+      data[config.configKey] = flowData;
+      return data;
+    }, {} as Record<string, ApprovalFlowNodeConfig>);
+  }
+
+  const crmFlowRef = ref<InstanceType<typeof CrmFlow>>();
+  function refreshCanvas(fitToContent = false) {
+    crmFlowRef.value?.refreshCanvas(fitToContent);
+  }
+
+  function setProcessData(data: {
+    createNodeConfig?: ApprovalFlowNodeConfig;
+    updateNodeConfig?: ApprovalFlowNodeConfig;
+    deleteNodeConfig?: ApprovalFlowNodeConfig;
+  }) {
+    flowTimingConfig.forEach((config) => {
+      const nodeConfig = data[config.configKey];
+      const nodes = nodeConfig?.nodes ?? [];
+      const links = nodeConfig?.links ?? [];
+      flowSchemas.value[config.value] = nodes.length
+        ? deserializeProcessNodes(nodes, links, resolveStartNodeDescription(config.value))
+        : createDefaultFlow(resolveStartNodeDescription(config.value));
+    });
+    refreshConditionDescriptions();
+    flowSchema.value = flowSchemas.value[activeFlowTiming.value];
+    nextTick(() => {
+      refreshCanvas(true);
+    });
+  }
+
+  // 触发条件抽屉
+  const setConditionDrawerVisible = ref(false);
+  const activeConditionBranch = ref<ApprovalConditionBranch | null>(null);
+
+  function handleFlowTimingChange(value: string | number) {
+    setConditionDrawerVisible.value = false;
+    activeConditionBranch.value = null;
+    activeFlowTiming.value = value as ApprovalFlowTiming;
+    flowSchema.value = flowSchemas.value[activeFlowTiming.value];
+  }
+
+  function insertFromPopover(
+    type: 'action' | 'condition-group',
+    anchorNodeId: string | null,
+    anchorBranch: { groupId: string; branchId: string } | null,
+    actionApprovalType?: ApprovalTypeEnum
+  ) {
+    if (!anchorBranch && !anchorNodeId) {
+      return;
+    }
+
+    insertFromAnchor({
+      flowSchema: flowSchema.value,
+      type,
+      anchorNodeId,
+      anchorBranch,
+      actionApprovalType,
+    });
+  }
+
+  // 新增if条件分支
+  function handleAddConditionBranch(groupId: string) {
+    if (props.readonly) {
+      return;
+    }
+    addApprovalConditionBranch(flowSchema.value, groupId);
+  }
+
+  const conditionPriorityOptions = computed(() => {
+    if (!activeConditionBranch.value) {
+      return [];
+    }
+
+    const location = findBranchLocation<ApprovalConditionBranch>(
+      flowSchema.value.nodes,
+      activeConditionBranch.value.id
+    );
+    const ifBranchCount = location?.group.branches.filter((branch) => !branch.isElse).length ?? 0;
+    return Array.from({ length: ifBranchCount }, (_, index) => ({
+      label: `P${index + 1}`,
+      value: index + 1,
+    }));
+  });
+
+  function normalizeConditionBranchSort(branches: ApprovalConditionBranch[]) {
+    branches
+      .filter((branch) => !branch.isElse)
+      .forEach((branch, index) => {
+        branch.sort = index + 1;
+      });
+  }
+
+  function openConditionDrawer(branch: ApprovalConditionBranch) {
+    activeConditionBranch.value = branch;
+    setConditionDrawerVisible.value = true;
+  }
+
+  watch(setConditionDrawerVisible, (visible) => {
+    if (visible) {
+      return;
+    }
+    nextTick(() => {
+      refreshCanvas();
+    });
+  });
+
+  function handleBranchClick(payload: BranchClickPayload) {
+    const location = findBranchLocation<ApprovalConditionBranch>(flowSchema.value.nodes, payload.branchId);
+    if (!location || location.group.id !== payload.groupId || location.branch.isElse) {
+      return;
+    }
+
+    normalizeConditionBranchSort(location.group.branches as ApprovalConditionBranch[]);
+    openConditionDrawer(location.branch);
+  }
+
+  function updateConditionBranchSort(branch: ApprovalConditionBranch, targetSort: number) {
+    const location = findBranchLocation<ApprovalConditionBranch>(flowSchema.value.nodes, branch.id);
+    if (!location) {
+      return;
+    }
+
+    const ifBranches = location.group.branches.filter((item) => !item.isElse);
+    const currentBranch = ifBranches.find((item) => item.id === branch.id);
+    const targetBranch = ifBranches.find((item) => item.sort === targetSort);
+    if (!currentBranch || !targetBranch || currentBranch.id === targetBranch.id) {
+      return;
+    }
+
+    const currentSort = currentBranch.sort ?? 1;
+    currentBranch.sort = targetSort;
+    targetBranch.sort = currentSort;
+
+    const elseBranches = location.group.branches.filter((item) => item.isElse);
+    location.group.branches = [
+      ...ifBranches.sort((leftBranch, rightBranch) => (leftBranch.sort ?? 1) - (rightBranch.sort ?? 1)),
+      ...elseBranches,
+    ];
+  }
+
+  function handleConditionConfirm(payload: { name: string; sort: number; conditionConfig: FilterForm }) {
+    if (props.readonly || !activeConditionBranch.value) {
+      return;
+    }
+
+    activeConditionBranch.value.name = payload.name;
+    activeConditionBranch.value.conditionConfig = payload.conditionConfig;
+    activeConditionBranch.value.description = resolveConditionDescription(
+      payload.conditionConfig,
+      descriptionContext.value
+    );
+    activeConditionBranch.value.invalid = false;
+    updateConditionBranchSort(activeConditionBranch.value, payload.sort);
+  }
+
+  function validateFlowNodes() {
+    const enabledTimings = flowTimingConfig.filter((item) => basicConfig.value[item.executeKey]);
+    return enabledTimings.every((timing) => {
+      const valid = validateFlowSchemaNodes(flowSchemas.value[timing.value]);
+      if (!valid) {
+        handleFlowTimingChange(timing.value);
+      }
+      return valid;
+    });
+  }
+
+  // 更新开始节点描述
+  watch(
+    () => [basicConfig.value.formType],
+    () => {
+      flowTimingConfig.forEach((timing) => {
+        const firstNode = flowSchemas.value[timing.value].nodes[0];
+        const startNode =
+          firstNode?.type === 'start'
+            ? firstNode
+            : flowSchemas.value[timing.value].nodes.find((node) => node.type === 'start');
+        if (startNode) {
+          startNode.description = resolveStartNodeDescription(timing.value);
+        }
+      });
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  watch(
+    flowTimingTabs,
+    (tabs) => {
+      if (!tabs.length || tabs.some((item) => item.name === activeFlowTiming.value)) {
+        return;
+      }
+
+      handleFlowTimingChange(tabs[0].name as ApprovalFlowTiming);
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  function resetToDefaultFlow() {
+    setConditionDrawerVisible.value = false;
+    activeConditionBranch.value = null;
+    flowTimingConfig.forEach((timing) => {
+      flowSchemas.value[timing.value] = createDefaultFlow(resolveStartNodeDescription(timing.value));
+    });
+    flowSchema.value = flowSchemas.value[activeFlowTiming.value];
+  }
+
+  watch(
+    () => basicConfig.value.formType,
+    (formType, oldFormType) => {
+      if (props.readonly || !oldFormType || formType === oldFormType) {
+        return;
+      }
+
+      resetToDefaultFlow();
+    }
+  );
+
+  watch(
+    () => props.optionMap,
+    () => {
+      refreshConditionDescriptions();
+    },
+    {
+      deep: true,
+    }
+  );
+
+  watch(
+    () => basicConfig.value.formType,
+    async () => {
+      await loadConditionFilterConfig();
+      refreshConditionDescriptions();
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  watch(
+    flowSchema,
+    () => {
+      if (!props.readonly) {
+        emit('change');
+      }
+    },
+    {
+      deep: true,
+    }
+  );
+
+  defineExpose({
+    validateFlowNodes,
+    getTimingProcessData,
+    setProcessData,
+    refreshCanvas,
+  });
+</script>
+
+<style lang="less" scoped>
+  .flow-timing-tabs {
+    :deep(.n-tabs-tab.n-tabs-tab--active) {
+      color: var(--primary-8) !important;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/process/process/components/approval-flow/setConditionDrawer.vue b/frontend/packages/web/src/views/system/process/process/components/approval-flow/setConditionDrawer.vue
new file mode 100644
index 0000000..9266771
--- /dev/null
+++ b/frontend/packages/web/src/views/system/process/process/components/approval-flow/setConditionDrawer.vue
@@ -0,0 +1,242 @@
+<template>
+  <CrmDrawer
+    v-model:show="show"
+    :width="1000"
+    :min-width="600"
+    :ok-text="t('common.confirm')"
+    :ok-disabled="loading"
+    :title="t('process.process.flow.setTriggerCondition')"
+    :footer="!props.readonly"
+    @confirm="handleConfirm"
+  >
+    <n-spin :show="loading">
+      <div class="flex flex-col gap-[16px]">
+        <n-form ref="formRef" :model="form" label-placement="top" require-mark-placement="right">
+          <n-form-item
+            :label="t('process.process.flow.conditionName')"
+            path="name"
+            :rule="[
+              {
+                required: true,
+                message: t('common.notNull', { value: t('process.process.flow.conditionName') }),
+                trigger: ['input', 'blur'],
+              },
+            ]"
+          >
+            <n-input
+              v-model:value="form.name"
+              :disabled="props.readonly"
+              :maxlength="255"
+              type="text"
+              :placeholder="t('common.pleaseInput')"
+            />
+          </n-form-item>
+        </n-form>
+
+        <FilterContent
+          ref="filterContentRef"
+          v-model:form-model="form.conditionConfig"
+          no-filter-option
+          :readonly="props.readonly"
+          :config-list="filterConfigList"
+          :custom-list="customFieldsFilterConfig"
+        >
+          <template #header>
+            <div class="mb-[16px] flex items-center justify-between">
+              <div>{{ t('process.process.flow.conditionRule') }}</div>
+              <n-select
+                v-model:value="form.sort"
+                class="w-[100px]"
+                size="small"
+                :disabled="props.readonly"
+                :options="props.priorityOptions ?? []"
+              />
+            </div>
+          </template>
+        </FilterContent>
+      </div>
+    </n-spin>
+  </CrmDrawer>
+</template>
+
+<script setup lang="ts">
+  import { ref, watch } from 'vue';
+  import { FormInst, NForm, NFormItem, NInput, NSelect, NSpin } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import { FieldTypeEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import type { ApprovalConditionBranch } from '@lib/shared/models/system/process';
+
+  import FilterContent from '@/components/pure/crm-advance-filter/components/filterContent.vue';
+  import {
+    type ConditionsItem,
+    type FilterForm,
+    type FilterFormItem,
+    filterOptionKeyMap,
+  } from '@/components/pure/crm-advance-filter/type';
+  import CrmDrawer from '@/components/pure/crm-drawer/index.vue';
+  import { multipleValueTypeList } from '@/components/business/crm-form-create/config';
+
+  import useConditionFilterConfig from './flow/useConditionFilterConfig';
+
+  defineOptions({
+    name: 'SetConditionDrawer',
+  });
+
+  const props = defineProps<{
+    branch: ApprovalConditionBranch | null;
+    formType: string;
+    optionMap?: Record<string, any[]>;
+    priorityOptions?: Array<{ label: string; value: number }>;
+    readonly?: boolean;
+  }>();
+
+  const emit = defineEmits<{
+    (
+      e: 'confirm',
+      payload: {
+        name: string;
+        sort: number;
+        conditionConfig: FilterForm;
+      }
+    ): void;
+  }>();
+
+  const show = defineModel<boolean>('show', {
+    required: true,
+  });
+
+  const { t } = useI18n();
+  const { loading, filterConfigList, customFieldsFilterConfig, loadFilterConfig } = useConditionFilterConfig({
+    formType: () => props.formType,
+    optionMap: () => props.optionMap,
+  });
+
+  const formRef = ref<FormInst | null>(null);
+  const filterContentRef = ref<InstanceType<typeof FilterContent> | null>(null);
+
+  function createDefaultFormModel(): FilterForm {
+    return {
+      searchMode: 'AND',
+      list: [{ dataIndex: null, operator: undefined, value: null, type: FieldTypeEnum.INPUT }],
+    };
+  }
+
+  const form = ref<{
+    name: string;
+    sort: number;
+    conditionConfig: FilterForm;
+  }>({
+    name: '',
+    sort: 1,
+    conditionConfig: createDefaultFormModel(),
+  });
+
+  function normalizeConditionList(conditionConfig: FilterForm) {
+    const sourceList = conditionConfig.list?.length
+      ? cloneDeep(conditionConfig.list)
+      : conditionConfig.conditions?.map((item) => ({
+          ...item,
+          dataIndex: item.name ?? null,
+          type: item.type ?? FieldTypeEnum.INPUT,
+        })) ?? [];
+
+    const configMap = [...filterConfigList.value, ...customFieldsFilterConfig.value].reduce((map, item) => {
+      if (item.dataIndex) {
+        map.set(item.dataIndex, item);
+      }
+      if (item.id) {
+        map.set(item.id, item);
+      }
+      return map;
+    }, new Map<string, FilterFormItem>());
+
+    return sourceList.map((sourceItem): FilterFormItem => {
+      const item = cloneDeep(sourceItem) as FilterFormItem;
+      const configItem = item.dataIndex ? configMap.get(item.dataIndex) : undefined;
+      const optionKey = filterOptionKeyMap[item.type];
+
+      if (optionKey && item.dataIndex) {
+        const values = Array.isArray(item.value) ? item.value : [item.value];
+        item[optionKey] =
+          props.optionMap?.[item.dataIndex]?.filter((option: { id: string }) => values.includes(option.id)) ?? [];
+      }
+
+      return {
+        ...cloneDeep(configItem),
+        ...item,
+        dataIndex: configItem?.dataIndex ?? item.dataIndex,
+        type: configItem?.type ?? item.type,
+      };
+    });
+  }
+
+  function initDraft(branch: ApprovalConditionBranch | null) {
+    form.value = {
+      name: branch?.name ?? '',
+      sort: branch?.sort ?? 1,
+      conditionConfig: branch?.conditionConfig
+        ? {
+            ...branch.conditionConfig,
+            list: normalizeConditionList(branch.conditionConfig),
+          }
+        : createDefaultFormModel(),
+    };
+  }
+
+  async function initialize() {
+    await loadFilterConfig();
+    initDraft(props.branch);
+  }
+
+  watch(
+    () => [show.value, props.branch?.id, props.formType],
+    async ([visible]) => {
+      if (visible) {
+        await initialize();
+      }
+    }
+  );
+
+  function getParams() {
+    const conditions: ConditionsItem[] = form.value.conditionConfig.list.map((item: any) => ({
+      value: item.value,
+      operator: item.operator,
+      name: item.dataIndex ?? '',
+      multipleValue: multipleValueTypeList.includes(item.type),
+      type: item.type,
+      containChildIds: item.containChildIds || [],
+    }));
+
+    return {
+      list: form.value.conditionConfig.list,
+      searchMode: form.value.conditionConfig.searchMode,
+      conditions,
+    };
+  }
+
+  async function handleConfirm() {
+    try {
+      await formRef.value?.validate();
+      await filterContentRef.value?.formRef?.validate();
+
+      emit('confirm', {
+        name: form.value.name.trim(),
+        sort: form.value.sort,
+        conditionConfig: getParams(),
+      });
+
+      show.value = false;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  :deep(.list-operator) {
+    width: 140px;
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/process/process/components/moreSetting.vue b/frontend/packages/web/src/views/system/process/process/components/moreSetting.vue
new file mode 100644
index 0000000..5dafc67
--- /dev/null
+++ b/frontend/packages/web/src/views/system/process/process/components/moreSetting.vue
@@ -0,0 +1,365 @@
+<template>
+  <div class="process-more-setting flex w-full justify-center pt-[40px]">
+    <n-form
+      ref="formRef"
+      class="process-more-setting-form"
+      :model="form"
+      label-placement="left"
+      :label-width="100"
+      require-mark-placement="left"
+    >
+      <n-form-item
+        require-mark-placement="left"
+        label-placement="left"
+        path="submitterCanRevoke"
+        :label="t('process.process.submitterAuthority')"
+      >
+        <n-checkbox v-model:checked="form.submitterCanRevoke" :disabled="readonly">
+          <div class="flex items-center gap-[8px]">
+            {{ t('process.process.allowSubmitterCancel') }}
+            <n-tooltip trigger="hover">
+              <template #trigger>
+                <CrmIcon
+                  type="iconicon_help_circle"
+                  class="cursor-pointer text-[var(--text-n4)] hover:text-[var(--primary-1)]"
+                />
+              </template>
+              {{ t('process.process.allowSubmitterCancelTip') }}
+            </n-tooltip>
+          </div>
+        </n-checkbox>
+      </n-form-item>
+      <n-form-item
+        require-mark-placement="left"
+        label-placement="left"
+        path="name"
+        :label="t('process.process.approverAuthority')"
+      >
+        <div class="mt-[4px] flex flex-col gap-[4px]">
+          <n-checkbox
+            v-for="item of approverAuthorityList"
+            :key="item.value"
+            v-model:checked="form[item.value]"
+            :disabled="readonly"
+          >
+            <div class="flex items-center gap-[8px]">
+              {{ item.label }}
+              <n-tooltip trigger="hover">
+                <template #trigger>
+                  <CrmIcon
+                    type="iconicon_help_circle"
+                    class="cursor-pointer text-[var(--text-n4)] hover:text-[var(--primary-1)]"
+                  />
+                </template>
+                {{ t(item.tooltip) }}
+              </n-tooltip>
+            </div>
+          </n-checkbox>
+        </div>
+      </n-form-item>
+      <n-form-item
+        require-mark-placement="left"
+        label-placement="left"
+        path="duplicateApproverRule"
+        :label="t('process.process.autoApproval')"
+      >
+        <div class="mt-[4px] flex flex-col gap-[8px]">
+          <div>{{ t('process.process.repeatApproval') }}</div>
+          <n-radio-group v-model:value="form.duplicateApproverRule" :disabled="readonly">
+            <div class="flex flex-col gap-[8px]">
+              <n-radio v-for="item of autoApprovalList" :key="item.value" :value="item.value" :label="t(item.label)">
+              </n-radio>
+            </div>
+          </n-radio-group>
+        </div>
+      </n-form-item>
+      <n-form-item
+        require-mark-placement="left"
+        label-placement="left"
+        path="requireComment"
+        :label="t('process.process.approvalOpinion')"
+      >
+        <n-checkbox v-model:checked="form.requireComment" :disabled="readonly">
+          {{ t('process.process.approvalRejectOpinion') }}
+        </n-checkbox>
+      </n-form-item>
+      <n-form-item
+        require-mark-placement="left"
+        label-placement="left"
+        path="approvalAuthority"
+        :label="t('process.process.approvalAuthority')"
+      >
+        <n-data-table
+          :columns="realColumns"
+          :data="permissionData"
+          :paging="false"
+          class="approval-authority-table mt-[8px]"
+          :pagination="false"
+          :loading="loading"
+        />
+      </n-form-item>
+    </n-form>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { DataTableColumn, NCheckbox, NDataTable, NForm, NFormItem, NRadio, NRadioGroup, NTooltip } from 'naive-ui';
+
+  import { ProcessStatusEnum } from '@lib/shared/enums/process';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { MoreSettingsParams, PermissionItem, StatusPermissions } from '@lib/shared/models/system/process';
+
+  import { getApprovalPermissions } from '@/api/modules';
+  import { defaultMoreConfig, processStatusOptions } from '@/config/process';
+  import {
+    matchPermissionBySuffix,
+    processDefaultStatusPermissionMap,
+  } from '@/config/process-default-status-permissions';
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    formType: string;
+    needDetail?: boolean;
+    readonly?: boolean;
+  }>();
+
+  const form = defineModel<MoreSettingsParams>('moreConfig', {
+    default: () => ({
+      ...defaultMoreConfig,
+    }),
+  });
+
+  const approverAuthorityList: {
+    value: 'allowBatchProcess' | 'allowWithdraw' | 'allowAddSign';
+    label: string;
+    tooltip: string;
+  }[] = [
+    {
+      value: 'allowBatchProcess',
+      label: t('process.process.approvalAuthority.batchAction'),
+      tooltip: t('process.process.approvalAuthority.batchActionTip'),
+    },
+    {
+      value: 'allowWithdraw',
+      label: t('process.process.approvalAuthority.revokable'),
+      tooltip: t('process.process.approvalAuthority.addTempApprover'),
+    },
+    {
+      value: 'allowAddSign',
+      label: t('process.process.approvalAuthority.allowAddSign'),
+      tooltip: t('process.process.approvalAuthority.allowAddTempApprover'),
+    },
+  ];
+
+  const autoApprovalList = [
+    {
+      value: 'FIRST_ONLY',
+      label: 'process.process.autoApproval.firstNode',
+    },
+    {
+      value: 'SEQUENTIAL_ALL',
+      label: 'process.process.autoApproval.continuousNode',
+    },
+    {
+      value: 'EACH',
+      label: 'process.process.autoApproval.allNode',
+    },
+  ];
+
+  const loading = ref(false);
+
+  type ApprovalAuthorityRow = {
+    status: ProcessStatusEnum;
+    statusLabel: string;
+    permissions: Record<string, boolean>;
+  };
+
+  function isReadPermission(permissionId: string) {
+    return permissionId === 'READ' || permissionId.endsWith(':READ');
+  }
+
+  function getReadPermissionId(row: ApprovalAuthorityRow) {
+    return Object.keys(row.permissions).find((key) => isReadPermission(key));
+  }
+
+  function isStatusPermissionDisabled(status: ProcessStatusEnum, permissionId: string) {
+    return (
+      status === ProcessStatusEnum.APPROVING &&
+      (matchPermissionBySuffix(permissionId, 'UPDATE') || matchPermissionBySuffix(permissionId, 'DELETE'))
+    );
+  }
+
+  function normalizeDisabledStatusPermissions(data: ApprovalAuthorityRow[]) {
+    data.forEach((row) => {
+      Object.keys(row.permissions).forEach((permissionId) => {
+        if (isStatusPermissionDisabled(row.status, permissionId)) {
+          row.permissions[permissionId] = false;
+        }
+      });
+    });
+  }
+
+  function flattenStatusPermissions(data: ApprovalAuthorityRow[]): StatusPermissions[] {
+    const result: StatusPermissions[] = [];
+
+    data.forEach((item) => {
+      const { status, permissions } = item;
+      Object.entries(permissions).forEach(([permissionKey, enabled]) => {
+        result.push({
+          approvalStatus: status,
+          permission: permissionKey,
+          enabled: isStatusPermissionDisabled(status, permissionKey) ? false : Boolean(enabled),
+        });
+      });
+    });
+
+    return result;
+  }
+
+  const permissionData = ref<ApprovalAuthorityRow[]>([]);
+  function updateRowPermission(row: ApprovalAuthorityRow, permissionId: string, checked: boolean) {
+    const readPermissionId = getReadPermissionId(row);
+
+    if (isReadPermission(permissionId)) {
+      if (!checked) {
+        Object.keys(row.permissions).forEach((key) => {
+          row.permissions[key] = false;
+        });
+        return;
+      }
+
+      row.permissions[permissionId] = true;
+      return;
+    }
+
+    row.permissions[permissionId] = checked;
+
+    if (!readPermissionId) {
+      return;
+    }
+
+    if (checked) {
+      row.permissions[readPermissionId] = true;
+    }
+  }
+
+  const permission = ref<PermissionItem[]>([]);
+
+  const realColumns = computed(() => {
+    return [
+      {
+        title: t('common.status'),
+        key: 'status',
+        minWidth: 70,
+        render: (row: ApprovalAuthorityRow) => row.statusLabel,
+      },
+      ...permission.value.map(
+        (item) =>
+          ({
+            key: item.id,
+            title: item.name,
+            minWidth: 70,
+            render: (row: ApprovalAuthorityRow) => {
+              const disabled = isStatusPermissionDisabled(row.status, item.id);
+              return h(NCheckbox, {
+                checked: disabled ? false : Boolean(row.permissions[item.id]),
+                disabled: props.readonly || disabled,
+                onUpdateChecked: (checked: boolean) => {
+                  updateRowPermission(row, item.id, checked);
+                  form.value.statusPermissions = flattenStatusPermissions(permissionData.value);
+                },
+              });
+            },
+          } as DataTableColumn<ApprovalAuthorityRow>)
+      ),
+    ];
+  });
+
+  function createApprovalAuthorityRows(formType: string, data: PermissionItem[]): ApprovalAuthorityRow[] {
+    const moduleDefaultConfig = processDefaultStatusPermissionMap[formType] || {};
+
+    return processStatusOptions
+      .filter((item) => item.value !== ProcessStatusEnum.NONE)
+      .map((item) => {
+        const enabledSuffixList = moduleDefaultConfig[item.value as ProcessStatusEnum] || [];
+        return {
+          status: item.value as ProcessStatusEnum,
+          statusLabel: item.label,
+          permissions: data.reduce((acc, permissionItem: PermissionItem) => {
+            acc[permissionItem.id] = enabledSuffixList.some((suffix) =>
+              matchPermissionBySuffix(permissionItem.id, suffix)
+            );
+            return acc;
+          }, {} as Record<string, boolean>),
+        };
+      });
+  }
+
+  function aggregateStatusPermissions(flatData: StatusPermissions[]): ApprovalAuthorityRow[] {
+    const statusMap = new Map<ProcessStatusEnum, Record<string, boolean>>();
+    const processStatusOptionsMap = new Map(
+      processStatusOptions.filter((e) => e.value !== ProcessStatusEnum.NONE).map((item) => [item.value, item])
+    );
+
+    flatData.forEach((item) => {
+      if (!statusMap.has(item.approvalStatus)) {
+        statusMap.set(item.approvalStatus, {});
+      }
+      statusMap.get(item.approvalStatus)![item.permission] = item.enabled;
+    });
+
+    return Array.from(statusMap.entries()).map(([status, permissions]) => ({
+      status,
+      statusLabel: processStatusOptionsMap.get(status)?.label ?? '-',
+      permissions,
+    }));
+  }
+
+  async function initPermissionData() {
+    try {
+      const result = await getApprovalPermissions(props.formType);
+      permission.value = result.permissions.filter((e) => !e.id.includes(':ADD') && !e.id.includes(':APPROVAL'));
+      if (props.needDetail) {
+        permissionData.value = aggregateStatusPermissions(form.value.statusPermissions);
+      } else {
+        permissionData.value = createApprovalAuthorityRows(props.formType, permission.value);
+      }
+      normalizeDisabledStatusPermissions(permissionData.value);
+      form.value.statusPermissions = flattenStatusPermissions(permissionData.value);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  watch(
+    [() => props.formType, () => form.value.permissions],
+    () => {
+      initPermissionData();
+    },
+    {
+      immediate: true,
+    }
+  );
+</script>
+
+<style lang="less">
+  .process-more-setting-form {
+    .n-form-item-label {
+      margin-right: 32px;
+      font-weight: 600;
+      color: var(--text-n1);
+    }
+    .process-more-setting {
+      @apply h-full;
+
+      background: var(--text-n10);
+    }
+    .approval-authority-table {
+      .n-data-table-th {
+        background: var(--text-n9);
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/process/process/index.vue b/frontend/packages/web/src/views/system/process/process/index.vue
new file mode 100644
index 0000000..62ac665
--- /dev/null
+++ b/frontend/packages/web/src/views/system/process/process/index.vue
@@ -0,0 +1,392 @@
+<template>
+  <CrmCard hide-footer no-content-bottom-padding>
+    <CrmTable
+      ref="crmTableRef"
+      v-bind="propsRes"
+      class="crm-process-list-table"
+      @page-change="propsEvent.pageChange"
+      @page-size-change="propsEvent.pageSizeChange"
+      @sorter-change="propsEvent.sorterChange"
+      @filter-change="propsEvent.filterChange"
+      @refresh="initData"
+    >
+      <template #tableTop>
+        <div class="flex items-center justify-between">
+          <n-button v-permission="['PROCESS_SETTING:ADD']" type="primary" @click="handleAdd">
+            {{ t('process.process.newProcess') }}
+          </n-button>
+          <CrmSearchInput v-model:value="keyword" class="!w-[240px]" @search="searchData" />
+        </div>
+      </template>
+    </CrmTable>
+    <addProcessDrawer
+      v-model:visible="showProcessDrawer"
+      :sourceId="activeSourceId"
+      :is-detail="isDetail"
+      @refresh="initData"
+      @cancel="handleCancel"
+    />
+  </CrmCard>
+</template>
+
+<script setup lang="ts">
+  import { NButton, NSwitch, NTooltip, useMessage } from 'naive-ui';
+
+  import { SpecialColumnEnum, TableKeyEnum } from '@lib/shared/enums/tableEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { characterLimit } from '@lib/shared/method';
+  import { ApprovalProcessItem } from '@lib/shared/models/system/process';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmNameTooltip from '@/components/pure/crm-name-tooltip/index.vue';
+  import CrmSearchInput from '@/components/pure/crm-search-input/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import { CrmDataTableColumn } from '@/components/pure/crm-table/type';
+  import useTable from '@/components/pure/crm-table/useTable';
+  import CrmTableButton from '@/components/pure/crm-table-button/index.vue';
+  import CrmEditableText from '@/components/business/crm-editable-text/index.vue';
+  import CrmOperationButton from '@/components/business/crm-operation-button/index.vue';
+  import addProcessDrawer from './components/addProcessDrawer.vue';
+
+  import {
+    approvalProcessDetail,
+    deleteApprovalProcess,
+    getApprovalProcessList,
+    toggleApprovalProcess,
+    updateApprovalProcess,
+  } from '@/api/modules';
+  import { businessTypeOptions } from '@/config/process';
+  import { clearApprovalReviewConfigCache } from '@/hooks/useFormReviewAction';
+  import useModal from '@/hooks/useModal';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const { openModal } = useModal();
+
+  const { t } = useI18n();
+  const Message = useMessage();
+
+  const keyword = ref('');
+  const tableRefreshId = ref(0);
+  const activeSourceId = ref();
+
+  const showProcessDrawer = ref(false);
+  const isDetail = ref(false);
+  // 添加
+  function handleAdd() {
+    showProcessDrawer.value = true;
+    isDetail.value = false;
+  }
+
+  function handleCancel() {
+    showProcessDrawer.value = false;
+    activeSourceId.value = '';
+    isDetail.value = false;
+  }
+
+  async function deleteHandler(row: ApprovalProcessItem) {
+    const enabled = row.enable;
+    const content = enabled ? t('process.process.deleteEnabledContent') : t('process.process.deleteContent');
+    const positiveText = enabled ? t('common.gotIt') : t('common.confirm');
+    const type = enabled ? 'default' : 'error';
+    openModal({
+      type,
+      title: t('common.deleteConfirmTitle', { name: characterLimit(row.name) }),
+      content,
+      positiveText,
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          if (!row.enable) {
+            await deleteApprovalProcess(row.id);
+            clearApprovalReviewConfigCache(row.formType);
+            tableRefreshId.value += 1;
+            Message.success(t('common.deleteSuccess'));
+          }
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        }
+      },
+    });
+  }
+
+  function handleActionSelect(row: ApprovalProcessItem, actionKey: string) {
+    switch (actionKey) {
+      case 'edit':
+        activeSourceId.value = row.id;
+        showProcessDrawer.value = true;
+        isDetail.value = false;
+        break;
+      case 'delete':
+        deleteHandler(row);
+        break;
+      default:
+        break;
+    }
+  }
+
+  async function handleToggleStatus(row: ApprovalProcessItem) {
+    try {
+      await toggleApprovalProcess(row.id, !row.enable);
+      clearApprovalReviewConfigCache(row.formType);
+      Message.success(t(!row.enable ? 'common.enableSuccess' : 'common.closeSuccess'));
+      tableRefreshId.value += 1;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  async function handleChangeName(id: string, name: string) {
+    try {
+      const result = await approvalProcessDetail(id);
+      await updateApprovalProcess({
+        ...result,
+        name,
+      });
+      Message.success(t('common.updateSuccess'));
+      return Promise.resolve(true);
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log(e);
+      return Promise.resolve(false);
+    }
+  }
+
+  const columns: CrmDataTableColumn[] = [
+    {
+      title: t('crmTable.order'),
+      width: 50,
+      key: SpecialColumnEnum.ORDER,
+      resizable: false,
+      fixed: 'left',
+      columnSelectorDisabled: true,
+      render: (row: any, rowIndex: number) => rowIndex + 1,
+    },
+    {
+      title: 'ID',
+      key: 'number',
+      width: 200,
+      sortOrder: false,
+      sorter: true,
+      ellipsis: {
+        tooltip: true,
+      },
+      fixed: 'left',
+      columnSelectorDisabled: true,
+    },
+    {
+      title: t('process.process.processType'),
+      key: 'formType',
+      width: 200,
+      filter: true,
+      filterOptions: businessTypeOptions,
+      render: (row: ApprovalProcessItem) =>
+        h(CrmNameTooltip, {
+          text: businessTypeOptions.find((item) => item.value === row.formType)?.label ?? '',
+        }),
+    },
+    {
+      title: t('process.process.name'),
+      key: 'name',
+      sortOrder: false,
+      sorter: true,
+      width: 200,
+      render: (row: ApprovalProcessItem) => {
+        return h(
+          CrmEditableText,
+          {
+            value: row.name ?? '',
+            permission: ['PROCESS_SETTING:UPDATE'],
+            onHandleEdit: async (val: string, done?: () => void) => {
+              const res = await handleChangeName(row.id, val);
+              if (res) {
+                done?.();
+                tableRefreshId.value += 1;
+              }
+            },
+          },
+          {
+            default: () =>
+              h(
+                'div',
+                {
+                  class: 'flex min-w-0 max-w-full items-center',
+                },
+                h(
+                  'div',
+                  {
+                    class: 'one-line-text inline-block min-w-0 max-w-full',
+                  },
+                  h(
+                    CrmTableButton,
+                    {
+                      class: 'inline-block max-w-full',
+                      onClick: () => {
+                        activeSourceId.value = row.id;
+                        showProcessDrawer.value = true;
+                        isDetail.value = true;
+                      },
+                    },
+                    { default: () => row.name, trigger: () => row.name }
+                  )
+                )
+              ),
+          }
+        );
+      },
+    },
+    {
+      title: t('common.status'),
+      key: 'enable',
+      sortOrder: false,
+      sorter: true,
+      ellipsis: {
+        tooltip: true,
+      },
+      filter: true,
+      filterOptions: [
+        {
+          value: true,
+          label: t('common.enable'),
+        },
+        {
+          value: false,
+          label: t('common.disable'),
+        },
+      ],
+      width: 200,
+      render: (row: ApprovalProcessItem) =>
+        h(
+          NTooltip,
+          {
+            delay: 300,
+          },
+          {
+            trigger: () => {
+              return h(NSwitch, {
+                size: 'small',
+                rubberBand: false,
+                value: row.enable,
+                disabled: !hasAnyPermission(['PROCESS_SETTING:UPDATE']),
+                onClick: () => {
+                  if (!hasAnyPermission(['PROCESS_SETTING:UPDATE'])) return;
+                  handleToggleStatus(row);
+                },
+              });
+            },
+            default: () => t('process.process.enableProcessTip'),
+          }
+        ),
+    },
+    {
+      title: t('process.executionTiming'),
+      key: 'executeTiming',
+      width: 200,
+      render: (row: ApprovalProcessItem) => {
+        const executionTimingLabels = [
+          row.createExecute ? t('common.create') : '',
+          row.updateExecute ? t('common.edit') : '',
+        ].filter(Boolean);
+        return h(CrmNameTooltip, {
+          text: executionTimingLabels.join('/') || '-',
+        });
+      },
+    },
+    {
+      title: t('common.creator'),
+      key: 'createUser',
+      sortOrder: false,
+      sorter: true,
+      width: 200,
+      render: (row: ApprovalProcessItem) => {
+        return h(CrmNameTooltip, { text: row.createUserName });
+      },
+    },
+    {
+      title: t('common.createTime'),
+      key: 'createTime',
+      width: 200,
+      sortOrder: false,
+      sorter: true,
+      ellipsis: {
+        tooltip: true,
+      },
+    },
+    {
+      title: t('common.updateUserName'),
+      key: 'updateUser',
+      width: 200,
+      sortOrder: false,
+      sorter: true,
+      render: (row: ApprovalProcessItem) => {
+        return h(CrmNameTooltip, { text: row.updateUserName });
+      },
+    },
+    {
+      title: t('common.updateTime'),
+      key: 'updateTime',
+      width: 150,
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+    },
+    {
+      key: 'operation',
+      width: 110,
+      fixed: 'right',
+      render: (row: ApprovalProcessItem) =>
+        h(CrmOperationButton, {
+          groupList: [
+            {
+              label: t('common.edit'),
+              key: 'edit',
+              permission: ['PROCESS_SETTING:UPDATE'],
+            },
+            {
+              label: t('common.delete'),
+              key: 'delete',
+              permission: ['PROCESS_SETTING:DELETE'],
+            },
+          ],
+          onSelect: (key: string) => handleActionSelect(row, key),
+        }),
+    },
+  ];
+
+  const { propsRes, propsEvent, loadList, setLoadListParams } = useTable(getApprovalProcessList, {
+    tableKey: TableKeyEnum.PROCESS,
+    showSetting: true,
+    columns,
+    containerClass: '.crm-process-list-table',
+  });
+
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+  function initData() {
+    setLoadListParams({
+      keyword: keyword.value,
+    });
+    loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  function searchData(val?: string) {
+    keyword.value = val ?? keyword.value;
+    initData();
+  }
+
+  watch(
+    () => tableRefreshId.value,
+    () => {
+      searchData();
+    }
+  );
+
+  onBeforeMount(() => {
+    initData();
+  });
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/views/system/process/workflow/index.vue b/frontend/packages/web/src/views/system/process/workflow/index.vue
new file mode 100644
index 0000000..a7d7599
--- /dev/null
+++ b/frontend/packages/web/src/views/system/process/workflow/index.vue
@@ -0,0 +1,15 @@
+<template>
+  <div> workflow </div>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { useMessage } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  const { t } = useI18n();
+  const Message = useMessage();
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/views/system/role/components/memberTab.vue b/frontend/packages/web/src/views/system/role/components/memberTab.vue
new file mode 100644
index 0000000..66d9855
--- /dev/null
+++ b/frontend/packages/web/src/views/system/role/components/memberTab.vue
@@ -0,0 +1,323 @@
+<template>
+  <div class="relative h-full">
+    <n-scrollbar
+      x-scrollable
+      :content-style="{ 'min-width': '600px', 'width': '100%', 'padding': '0 24px 0px', 'height': '100%' }"
+    >
+      <CrmTable
+        ref="crmTableRef"
+        v-model:checked-row-keys="checkedRowKeys"
+        v-bind="propsRes"
+        class="crm-role-member-table"
+        :action-config="actionConfig"
+        @page-change="propsEvent.pageChange"
+        @page-size-change="propsEvent.pageSizeChange"
+        @sorter-change="propsEvent.sorterChange"
+        @filter-change="propsEvent.filterChange"
+        @batch-action="handleBatchAction"
+        @refresh="searchData"
+      >
+        <template #actionLeft>
+          <n-button v-permission="['SYSTEM_ROLE:ADD_USER']" type="primary" @click="handleCreate">
+            {{ t('role.addMember') }}
+          </n-button>
+        </template>
+        <template #actionRight>
+          <CrmSearchInput
+            v-model:value="keyword"
+            class="!w-[240px]"
+            :placeholder="t('common.searchName')"
+            @search="searchData"
+          />
+        </template>
+      </CrmTable>
+    </n-scrollbar>
+  </div>
+  <CrmSelectUserDrawer
+    v-model:visible="drawerVisible"
+    :loading="addMemberLoading"
+    :title="t('role.addMember')"
+    :api-type-key="MemberApiTypeEnum.SYSTEM_ROLE"
+    :base-params="{ roleId: props.activeRoleId }"
+    @confirm="handleAddConfirm"
+  />
+</template>
+
+<script setup lang="ts">
+  import { NButton, NScrollbar, NSwitch, useMessage } from 'naive-ui';
+
+  import { MemberApiTypeEnum } from '@lib/shared/enums/moduleEnum';
+  import { DeptNodeTypeEnum } from '@lib/shared/enums/systemEnum';
+  import { TableKeyEnum } from '@lib/shared/enums/tableEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { characterLimit } from '@lib/shared/method';
+  import { DeptUserTreeNode, RoleMemberItem } from '@lib/shared/models/system/role';
+
+  import { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmRemoveButton from '@/components/pure/crm-remove-button/index.vue';
+  import CrmSearchInput from '@/components/pure/crm-search-input/index.vue';
+  import CrmTable from '@/components/pure/crm-table/index.vue';
+  import { BatchActionConfig, CrmDataTableColumn } from '@/components/pure/crm-table/type';
+  import useTable from '@/components/pure/crm-table/useTable';
+  import CrmSelectUserDrawer from '@/components/business/crm-select-user-drawer/index.vue';
+
+  import { batchRemoveRoleMember, getRoleMember, relateRoleMember, removeRoleMember } from '@/api/modules';
+  import useModal from '@/hooks/useModal';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const props = defineProps<{
+    activeRoleId: string;
+  }>();
+
+  const { t } = useI18n();
+  const Message = useMessage();
+  const { openModal } = useModal();
+
+  const tableRefreshId = ref(0);
+  const removeLoading = ref(false);
+  async function removeMember(row: RoleMemberItem, close: () => void) {
+    try {
+      removeLoading.value = true;
+      await removeRoleMember(row.id);
+      Message.success(t('common.removeSuccess'));
+      close();
+      tableRefreshId.value += 1;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      removeLoading.value = false;
+    }
+  }
+
+  const columns: CrmDataTableColumn<RoleMemberItem>[] = [
+    {
+      title: t('role.memberName'),
+      key: 'userName',
+      width: 200,
+      fixed: 'left',
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+      columnSelectorDisabled: true,
+    },
+    {
+      title: t('common.status'),
+      key: 'enable',
+      width: 100,
+      ellipsis: {
+        tooltip: true,
+      },
+      filterOptions: [
+        {
+          label: t('common.enable'),
+          value: true,
+        },
+        {
+          label: t('common.disable'),
+          value: false,
+        },
+      ],
+      filter: true,
+      render: (row) => {
+        return h(NSwitch, { value: row.enable, disabled: true });
+      },
+    },
+    {
+      title: t('role.department'),
+      key: 'departmentId',
+      width: 200,
+      ellipsis: {
+        tooltip: true,
+      },
+      render: (row: RoleMemberItem) => {
+        return row.departmentName || '-';
+      },
+    },
+    {
+      title: t('role.job'),
+      key: 'position',
+      ellipsis: {
+        tooltip: true,
+      },
+      sortOrder: false,
+      sorter: true,
+      width: 200,
+    },
+    {
+      title: t('role.role'),
+      key: 'roles',
+      width: 200,
+      isTag: true,
+      tagGroupProps: {
+        labelKey: 'name',
+      },
+    },
+    {
+      title: t('common.addTime'),
+      key: 'createTime',
+      width: 200,
+      sortOrder: false,
+      sorter: true,
+    },
+    {
+      key: 'operation',
+      width: 100,
+      fixed: 'right',
+      render: (row) =>
+        h(CrmRemoveButton, {
+          loading: removeLoading.value,
+          title: t('common.removeConfirmTitle', { name: characterLimit(row.userName) }),
+          content: t('role.removeMemberTip'),
+          permission: ['SYSTEM_ROLE:REMOVE_USER'],
+          onConfirm: (cancel) => removeMember(row, cancel),
+        }),
+    },
+  ];
+
+  if (hasAnyPermission(['SYSTEM_ROLE:REMOVE_USER'])) {
+    columns.unshift({
+      type: 'selection',
+      fixed: 'left',
+    });
+  }
+
+  const { propsRes, propsEvent, loadList, setLoadListParams } = useTable(
+    getRoleMember,
+    {
+      tableKey: TableKeyEnum.ROLE_MEMBER,
+      showSetting: true,
+      columns,
+      permission: ['SYSTEM_ROLE:REMOVE_USER'],
+      containerClass: '.crm-role-member-table',
+    },
+    (item) => {
+      return {
+        ...item,
+        position: item.position || '-',
+        departmentName: item.departmentName || '-',
+      };
+    }
+  );
+
+  const actionConfig: BatchActionConfig = {
+    baseAction: [
+      {
+        label: t('role.batchRemove'),
+        key: 'batchRemove',
+        permission: ['SYSTEM_ROLE:REMOVE_USER'],
+      },
+    ],
+  };
+
+  const keyword = ref('');
+  const crmTableRef = ref<InstanceType<typeof CrmTable>>();
+  function searchData(val?: string) {
+    setLoadListParams({ keyword: val ?? keyword.value, roleId: props.activeRoleId });
+    loadList();
+    crmTableRef.value?.scrollTo({ top: 0 });
+  }
+
+  const checkedRowKeys = ref<(string | number)[]>([]);
+
+  function batchRemoveMember() {
+    openModal({
+      type: 'warning',
+      title: t('role.batchRemoveTip', { count: checkedRowKeys.value.length }),
+      content: t('role.removeMemberTip'),
+      positiveText: t('role.batchRemoveConfirm'),
+      negativeText: t('common.cancel'),
+      onPositiveClick: async () => {
+        try {
+          await batchRemoveRoleMember(checkedRowKeys.value);
+          checkedRowKeys.value = [];
+          searchData();
+          Message.success(t('common.removeSuccess'));
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        }
+      },
+    });
+  }
+
+  function handleBatchAction(item: ActionsItem) {
+    switch (item.key) {
+      case 'batchRemove':
+        batchRemoveMember();
+        break;
+      default:
+        break;
+    }
+  }
+
+  watch(
+    () => tableRefreshId.value,
+    () => {
+      crmTableRef.value?.clearCheckedRowKeys();
+      searchData();
+    }
+  );
+
+  const drawerVisible = ref(false);
+  function handleCreate() {
+    drawerVisible.value = true;
+  }
+
+  const addMemberLoading = ref(false);
+  async function handleAddConfirm(params: DeptUserTreeNode[], offspringNodes: DeptUserTreeNode[]) {
+    try {
+      addMemberLoading.value = true;
+      const categorizedIds = params.concat(offspringNodes).reduce(
+        (acc, item) => {
+          switch (item.nodeType) {
+            case DeptNodeTypeEnum.USER:
+              acc.userIds.push(item.id);
+              break;
+            case DeptNodeTypeEnum.ROLE:
+              acc.roleIds.push(item.id);
+              break;
+            case DeptNodeTypeEnum.ORG:
+              acc.deptIds.push(item.id);
+              break;
+            default:
+              break;
+          }
+          return acc;
+        },
+        {
+          userIds: [] as string[],
+          roleIds: [] as string[],
+          deptIds: [] as string[],
+        }
+      );
+      await relateRoleMember({
+        ...categorizedIds,
+        roleId: props.activeRoleId,
+      });
+      Message.success(t('common.addSuccess'));
+      drawerVisible.value = false;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      addMemberLoading.value = false;
+      searchData();
+    }
+  }
+
+  watch(
+    () => props.activeRoleId,
+    () => {
+      searchData();
+    }
+  );
+
+  onMounted(() => {
+    searchData();
+  });
+</script>
+
+<style lang="less"></style>
diff --git a/frontend/packages/web/src/views/system/role/components/permissionTab.vue b/frontend/packages/web/src/views/system/role/components/permissionTab.vue
new file mode 100644
index 0000000..c4e5d4d
--- /dev/null
+++ b/frontend/packages/web/src/views/system/role/components/permissionTab.vue
@@ -0,0 +1,471 @@
+<template>
+  <div class="relative flex h-full flex-col">
+    <n-scrollbar
+      x-scrollable
+      class="flex-1 px-[24px] pb-[24px]"
+      :content-style="{ 'min-width': '600px', 'width': '100%' }"
+    >
+      <div class="group-title">{{ t('role.dataPermission') }}</div>
+      <div class="mb-[24px] flex h-[32px] items-center gap-[8px]">
+        <n-radio-group v-model:value="dataPermission" :disabled="isDisabled" @update-value="handleDataPermissionChange">
+          <n-space>
+            <n-radio v-for="item in dataPermissionOptions" :key="item.value" :value="item.value">
+              {{ item.label }}
+            </n-radio>
+          </n-space>
+        </n-radio-group>
+        <n-tree-select
+          v-if="dataPermission === 'DEPT_CUSTOM'"
+          v-model:value="departments"
+          :options="departmentOptions"
+          :consistent-menu-width="false"
+          max-tag-count="responsive"
+          multiple
+          class="w-[240px]"
+          :placeholder="t('role.pleaseSelectDepartment')"
+          :loading="departmentLoading"
+          :disabled="isDisabled"
+          :render-label="renderLabel"
+          key-field="id"
+          label-field="name"
+          @update-value="() => (unsave = true)"
+        />
+      </div>
+      <div class="group-title">{{ t('role.featurePermission') }}</div>
+      <n-data-table
+        :single-line="false"
+        :columns="columns"
+        :data="data"
+        :paging="false"
+        :pagination="false"
+        :loading="loading"
+        :scroll-x="500"
+      />
+    </n-scrollbar>
+    <div class="tab-footer">
+      <n-button
+        v-permission="['SYSTEM_ROLE:ADD', 'SYSTEM_ROLE:UPDATE']"
+        :disabled="loading || (!props.isNew && !unsave)"
+        secondary
+        @click="handleCancel"
+      >
+        {{ t(props.isNew ? 'common.cancel' : 'common.revokeChange') }}
+      </n-button>
+      <n-button
+        v-permission="['SYSTEM_ROLE:ADD', 'SYSTEM_ROLE:UPDATE']"
+        :loading="loading"
+        type="primary"
+        :disabled="isDisabled"
+        @click="handleSave"
+      >
+        {{ t(props.isNew ? 'common.create' : 'common.update') }}
+      </n-button>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { VNodeChild } from 'vue';
+  import {
+    DataTableColumn,
+    NButton,
+    NCheckbox,
+    NDataTable,
+    NRadio,
+    NRadioGroup,
+    NScrollbar,
+    NSpace,
+    NTooltip,
+    NTreeSelect,
+    TreeOption,
+    useMessage,
+  } from 'naive-ui';
+  import { cloneDeep } from 'lodash-es';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { sleep } from '@lib/shared/method';
+  import {
+    DeptTreeNode,
+    PermissionItem,
+    PermissionTreeNode,
+    RoleDetail,
+    RolePermissionItem,
+  } from '@lib/shared/models/system/role';
+
+  import { createRole, getPermissions, getRoleDeptTree, getRoleDetail, updateRole } from '@/api/modules';
+  import useLicenseStore from '@/store/modules/setting/license';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const licenseStore = useLicenseStore();
+
+  const props = defineProps<{
+    activeRoleId: string;
+    roleName?: string;
+    isNew: boolean;
+    isCopy: boolean;
+    copyFrom?: string;
+  }>();
+  const emit = defineEmits<{
+    (e: 'cancelCreate'): void;
+    (e: 'createSuccess', id: string): void;
+    (e: 'unsaveChange', value: boolean): void;
+  }>();
+
+  const { t } = useI18n();
+  const message = useMessage();
+
+  const dataPermission = ref('ALL');
+  const dataPermissionOptions = [
+    { label: t('role.dataPermissionAll'), value: 'ALL' },
+    { label: t('role.departmentData'), value: 'DEPT_AND_CHILD' },
+    { label: t('role.personalData'), value: 'SELF' },
+    { label: t('role.specifiedDepartmentData'), value: 'DEPT_CUSTOM' },
+  ];
+  const departments = ref<string[]>([]);
+  const departmentOptions = ref<DeptTreeNode[]>([]);
+
+  const loading = ref(false);
+  const unsave = ref<boolean>(false);
+  const backupDetail = ref<RoleDetail>();
+  const data = ref<Record<string, any>[]>([]);
+
+  const departmentLoading = ref(false);
+  async function initDept() {
+    try {
+      departmentLoading.value = true;
+      departmentOptions.value = await getRoleDeptTree();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      departmentLoading.value = false;
+    }
+  }
+
+  const isDisabled = computed(() => {
+    if (props.activeRoleId === 'org_admin') {
+      return true;
+    }
+    if (props.isNew) {
+      return !hasAnyPermission(['SYSTEM_ROLE:ADD']);
+    }
+    return !hasAnyPermission(['SYSTEM_ROLE:UPDATE']);
+  });
+
+  function renderLabel({ option }: { option: TreeOption; checked: boolean; selected: boolean }) {
+    return h(
+      NTooltip,
+      {
+        delay: 300,
+      },
+      {
+        default: () => h('div', {}, { default: () => option.name }),
+        trigger: () =>
+          h(
+            'div',
+            {
+              class: 'one-line-text max-w-[200px]',
+            },
+            { default: () => option.name }
+          ),
+      }
+    );
+  }
+
+  function transferData(permissions: PermissionTreeNode[], isNew = false) {
+    const isEnterprise = licenseStore.hasLicense();
+
+    permissions.forEach((item) => {
+      if (!isEnterprise && item.license) return;
+
+      const children = isEnterprise ? item.children || [] : item.children?.filter((child) => !child.license) || [];
+
+      if (!children.length) return;
+
+      children.forEach((child) => {
+        data.value.push({
+          id: child.id,
+          feature: item.name,
+          operator: child.name,
+          rowSpan: children.length,
+          permissions: child.permissions,
+          enable: isNew ? false : child.enable,
+        });
+      });
+    });
+  }
+  async function init() {
+    try {
+      loading.value = true;
+      data.value = [];
+      if (props.isCopy && props.copyFrom) {
+        const res = await getRoleDetail(props.copyFrom);
+        dataPermission.value = res.dataScope || 'ALL';
+        departments.value = res.deptIds || [];
+        transferData(res.permissions);
+      } else if (props.isNew) {
+        const res = await getPermissions();
+        dataPermission.value = 'ALL';
+        departments.value = [];
+        transferData(res, true);
+      } else {
+        const res = await getRoleDetail(props.activeRoleId);
+        backupDetail.value = res;
+        dataPermission.value = res.dataScope || 'ALL';
+        departments.value = res.deptIds || [];
+        transferData(res.permissions);
+
+        backupDetail.value.permissions = cloneDeep(data.value as PermissionTreeNode[]);
+      }
+      nextTick(() => {
+        unsave.value = false;
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  function handleDataPermissionChange(value: string) {
+    unsave.value = true;
+    if (value !== 'DEPT_CUSTOM') {
+      departments.value = [];
+    }
+  }
+
+  const permissionAllChecked = computed({
+    get: () => data.value.every((item) => item.enable),
+    set: (value) => value,
+  });
+  const columns: DataTableColumn[] = [
+    {
+      title: t('role.feature'),
+      key: 'feature',
+      width: 120,
+      className: 'feature-column',
+      fixed: 'left',
+      rowSpan: (rowData) => rowData.rowSpan as number,
+      render: (rowData) => {
+        return h(
+          'div',
+          {
+            class: 'font-medium',
+          },
+          {
+            default: () => rowData.feature,
+          }
+        );
+      },
+    },
+    {
+      title: t('role.operator'),
+      key: 'operator',
+      fixed: 'left',
+      width: 150,
+    },
+    {
+      title: t('role.permission'),
+      key: 'permission',
+      render: (rowData) => {
+        const children: VNodeChild[] = [];
+        ((rowData.permissions as PermissionItem[]) || []).forEach((item: PermissionItem) => {
+          children.push(
+            h(
+              NCheckbox,
+              {
+                class: 'mr-[8px]',
+                checked: item.enable as boolean,
+                disabled: isDisabled.value,
+                onUpdateChecked: (value: boolean) => {
+                  unsave.value = true;
+                  item.enable = value;
+                  if (item.id.includes('READ') && !value) {
+                    // 取消查看权限，则取消其他所有操作权限
+                    ((rowData.permissions as PermissionItem[]) || []).forEach((permission: any) => {
+                      permission.enable = value;
+                    });
+                    rowData.enable = false;
+                    rowData.indeterminate = false;
+                  } else if (!item.id.includes('READ') && value) {
+                    // 勾选操作权限，则必须带上查看权限
+                    ((rowData.permissions as PermissionItem[]) || []).forEach((permission: any) => {
+                      if (permission.id.includes('READ')) {
+                        permission.enable = value;
+                      }
+                    });
+                  }
+                  if (((rowData.permissions as []) || []).every((permission: any) => permission.enable)) {
+                    // 判断当前功能对象所有的权限是否全部选中/取消选中，并设置当前行的选中状态
+                    rowData.enable = true;
+                    rowData.indeterminate = false;
+                  } else {
+                    rowData.enable = false;
+                    rowData.indeterminate = ((rowData.permissions as []) || []).some(
+                      (permission: any) => permission.enable
+                    );
+                  }
+                },
+              },
+              () => item.name
+            )
+          );
+        });
+        return h('div', { class: 'flex item-center flex-wrap py-[6px] gap-[6px]' }, children);
+      },
+    },
+    {
+      key: 'enable',
+      width: 40,
+      fixed: 'right',
+      title: () =>
+        h(NCheckbox, {
+          checked: permissionAllChecked.value,
+          indeterminate: data.value.some((item) => item.enable || item.indeterminate) && !permissionAllChecked.value,
+          disabled: isDisabled.value,
+          onUpdateChecked: (value: boolean) => {
+            unsave.value = true;
+            permissionAllChecked.value = value;
+            // 全表格全选/取消全选
+            data.value.forEach((item) => {
+              item.enable = value;
+              ((item.permissions as []) || []).forEach((permission: any) => {
+                permission.enable = value;
+              });
+            });
+          },
+        }),
+      render: (rowData) =>
+        h(NCheckbox, {
+          checked: rowData.enable as boolean,
+          indeterminate: ((rowData.permissions as []) || []).some((item: any) => item.enable) && !rowData.enable,
+          disabled: isDisabled.value,
+          onUpdateChecked: (value: boolean) => {
+            unsave.value = true;
+            rowData.enable = value;
+            // 设置当前功能对象所有的权限选中状态
+            if (value) {
+              ((rowData.permissions as []) || []).forEach((item: any) => {
+                item.enable = true;
+              });
+            } else {
+              ((rowData.permissions as []) || []).forEach((item: any) => {
+                item.enable = false;
+              });
+            }
+          },
+        }),
+    },
+  ];
+
+  function handleCancel() {
+    if (props.isNew) {
+      emit('cancelCreate');
+    } else if (unsave.value) {
+      dataPermission.value = backupDetail.value?.dataScope || 'ALL';
+      departments.value = backupDetail.value?.deptIds || [];
+      data.value = cloneDeep(backupDetail.value?.permissions as PermissionTreeNode[]);
+      unsave.value = false;
+    }
+  }
+
+  async function handleSave() {
+    await sleep(100);
+    try {
+      loading.value = true;
+      const permissions: RolePermissionItem[] = [];
+      data.value.forEach((e) => {
+        e.permissions?.forEach((ele: RolePermissionItem) => {
+          permissions.push({
+            id: ele.id,
+            enable: ele.enable,
+          });
+        });
+      });
+      if (props.isNew) {
+        const res = await createRole({
+          name: props.roleName || '',
+          dataScope: dataPermission.value,
+          deptIds: departments.value,
+          permissions,
+        });
+        emit('createSuccess', res.id);
+        message.success(t('common.addSuccess'));
+      } else {
+        await updateRole({
+          id: props.activeRoleId,
+          name: props.roleName || '',
+          dataScope: dataPermission.value,
+          deptIds: departments.value,
+          permissions,
+        });
+        message.success(t('common.saveSuccess'));
+        init();
+      }
+      unsave.value = false;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  watch(
+    () => props.activeRoleId,
+    () => {
+      init();
+    },
+    { immediate: true }
+  );
+
+  watch(
+    () => unsave.value,
+    () => {
+      emit('unsaveChange', unsave.value);
+    }
+  );
+
+  onBeforeMount(() => {
+    initDept();
+  });
+</script>
+
+<style lang="less" scoped>
+  .group-title {
+    margin-bottom: 16px;
+    font-weight: 600;
+    color: var(--text-n1);
+  }
+  :deep(.permission-select) {
+    width: 160px;
+    height: 32px !important;
+  }
+  .department-cascader {
+    width: 240px !important;
+  }
+  :deep(.feature-column),
+  :deep(.n-data-table-th) {
+    color: var(--text-n2);
+    background-color: var(--text-n9);
+  }
+  .tab-footer {
+    @apply flex w-full items-center justify-end;
+
+    padding: 24px;
+    background-color: var(--text-n10);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #00000000), var(--tw-ring-shadow, 0 0 #00000000), var(--tw-shadow);
+    gap: 16px;
+
+    --tw-shadow: 0 -1px 4px rgb(2 2 2 / 10%);
+    --tw-shadow-colored: 0 -1px 4px var(--tw-shadow-color);
+  }
+  :deep(.n-data-table-th--fixed-left) {
+    background-color: var(--text-n9) !important;
+  }
+  :deep(.n-data-table-td--fixed-right),
+  :deep(.n-data-table-th--fixed-right) {
+    padding: 0 16px;
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/role/index.vue b/frontend/packages/web/src/views/system/role/index.vue
new file mode 100644
index 0000000..50ff1a0
--- /dev/null
+++ b/frontend/packages/web/src/views/system/role/index.vue
@@ -0,0 +1,334 @@
+<template>
+  <CrmCard :loading="loading" hide-footer no-content-padding :special-height="licenseStore.expiredDuring ? 64 : 0">
+    <CrmSplitPanel class="h-full" :max="0.5" :min="0.25" :default-size="0.25">
+      <template #1>
+        <div class="flex h-full flex-col overflow-hidden">
+          <div class="mb-[8px] flex items-center justify-between gap-[8px] px-[24px] pt-[24px]">
+            <CrmSearchInput v-model:value="keyword" :placeholder="t('common.searchByName')" class="flex-1" />
+            <n-tooltip trigger="hover" :delay="300">
+              <template #trigger>
+                <n-button
+                  v-permission="['SYSTEM_ROLE:ADD']"
+                  type="primary"
+                  ghost
+                  class="n-btn-outline-primary p-[8px]"
+                  @click="addRole"
+                >
+                  <CrmIcon type="iconicon_add" :size="16" />
+                </n-button>
+              </template>
+              {{ t('role.addRole') }}
+            </n-tooltip>
+          </div>
+          <n-scrollbar class="px-[24px] pb-[24px]">
+            <CrmTree
+              ref="roleTreeRef"
+              v-model:selected-keys="selectedKeys"
+              v-model:data="roles"
+              :keyword="keyword"
+              :render-prefix="renderPrefix"
+              :node-more-actions="nodeMoreActions"
+              title-tooltip-position="top-start"
+              :filter-more-action-func="filterMoreActionFunc"
+              :field-names="{ keyField: 'id', labelField: 'name', childrenField: 'children' }"
+              :rename-api="updateRoleName"
+              :rename-static="renameStatic"
+              :selectable="roleTreeSelectable"
+              @click="handleRoleClick"
+              @more-action-select="handleMoreActionSelect"
+            />
+          </n-scrollbar>
+        </div>
+      </template>
+      <template #2>
+        <div class="h-full pt-[13px]">
+          <CrmTab v-model:active-tab="activeTab" :tab-list="tabList" type="line">
+            <template #permission>
+              <permissionTab
+                v-if="activeRole"
+                :active-role-id="selectedKeys[0]"
+                :is-new="!!activeRole.isNew"
+                :is-copy="!!activeRole.isCopy"
+                :copy-from="activeRole.copyFrom"
+                :role-name="activeRole.name"
+                @create-success="handleCreated"
+                @cancel-create="handleCancelCreate"
+                @unsave-change="handleUnsaveChange"
+              />
+            </template>
+            <template #member>
+              <memberTab v-if="activeRole" :active-role-id="selectedKeys[0]" />
+            </template>
+          </CrmTab>
+        </div>
+      </template>
+    </CrmSplitPanel>
+  </CrmCard>
+</template>
+
+<script lang="ts" setup>
+  import { NButton, NIcon, NScrollbar, NTooltip, TabPaneProps, useMessage } from 'naive-ui';
+  import { Add } from '@vicons/ionicons5';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { characterLimit, getGenerateId } from '@lib/shared/method';
+  import type { RoleItem } from '@lib/shared/models/system/role';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import { ActionsItem } from '@/components/pure/crm-more-action/type';
+  import CrmSearchInput from '@/components/pure/crm-search-input/index.vue';
+  import CrmSplitPanel from '@/components/pure/crm-split-panel/index.vue';
+  import CrmTab from '@/components/pure/crm-tab/index.vue';
+  import CrmTree from '@/components/pure/crm-tree/index.vue';
+  import { CrmTreeNodeData } from '@/components/pure/crm-tree/type';
+  import roleTreeNodePrefix from '@/components/business/crm-select-user-drawer/roleTreeNodePrefix.vue';
+  import memberTab from './components/memberTab.vue';
+  import permissionTab from './components/permissionTab.vue';
+
+  import { deleteRole, getRoles, updateRole } from '@/api/modules';
+  import useLeaveUnSaveTip from '@/hooks/useLeaveUnSaveTip';
+  import useModal from '@/hooks/useModal';
+  import useLicenseStore from '@/store/modules/setting/license';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const { t } = useI18n();
+  const { openModal } = useModal();
+  const message = useMessage();
+  const { setIsSave } = useLeaveUnSaveTip();
+  const licenseStore = useLicenseStore();
+
+  const loading = ref(false);
+  const keyword = ref('');
+  const roles = ref<RoleItem[]>([]);
+  const selectedKeys = ref<string[]>([]);
+  const roleTreeRef = ref<InstanceType<typeof CrmTree> | null>(null);
+
+  function renderPrefix(node: { option: CrmTreeNodeData; checked: boolean; selected: boolean }) {
+    if (node.option.internal) {
+      return h(roleTreeNodePrefix, {
+        text: t('role.sys'),
+        tooltip: t('role.systemInit'),
+      });
+    }
+  }
+
+  function updateRoleName(node: CrmTreeNodeData) {
+    return Promise.resolve(
+      updateRole({
+        id: node.id,
+        name: node.name,
+      })
+    );
+  }
+
+  const activeRole = computed(() => roles.value.find((e) => e.id === selectedKeys.value[0]));
+  const nodeMoreActions: ActionsItem[] = [
+    {
+      key: 'rename',
+      label: t('common.rename'),
+      permission: ['SYSTEM_ROLE:UPDATE'],
+    },
+    {
+      key: 'copy',
+      label: t('common.copy'),
+      permission: ['SYSTEM_ROLE:ADD'],
+    },
+    {
+      type: 'divider',
+    },
+    {
+      key: 'delete',
+      label: t('common.delete'),
+      danger: true,
+      permission: ['SYSTEM_ROLE:DELETE'],
+    },
+  ];
+
+  function filterMoreActionFunc(items: ActionsItem[], node: CrmTreeNodeData) {
+    if (node.internal || !hasAnyPermission(['SYSTEM_ROLE:UPDATE', 'SYSTEM_ROLE:ADD', 'SYSTEM_ROLE:DELETE'])) {
+      return [];
+    }
+    if (activeRole.value?.isNew) {
+      return node.id === activeRole.value?.id
+        ? [
+            {
+              key: 'rename',
+              label: t('common.rename'),
+            },
+          ]
+        : [];
+    }
+    return items.filter((item) => {
+      const { permission } = item;
+      if (permission && !hasAnyPermission(permission)) {
+        return false;
+      }
+      return true;
+    });
+  }
+
+  const roleTreeSelectable = computed(() => !roles.value.some((role) => role.isNew || role.unsave));
+
+  function handleRoleClick() {
+    if (!roleTreeSelectable.value) {
+      message.warning(t('role.saveFirst'));
+    }
+  }
+
+  function handleMoreActionSelect(item: ActionsItem, node: CrmTreeNodeData) {
+    switch (item.key) {
+      case 'rename':
+        break;
+      case 'copy':
+        if (!roleTreeSelectable.value) {
+          message.warning(t('role.saveFirst'));
+          return;
+        }
+        const id = getGenerateId();
+        roles.value.push({
+          ...roles.value[roles.value.length - 1],
+          name: `${node.name}Copy`,
+          internal: false,
+          isNew: true,
+          isCopy: true,
+          copyFrom: node.id,
+          id,
+        });
+        selectedKeys.value = [id];
+        setIsSave(false);
+        break;
+      case 'delete':
+        openModal({
+          type: 'error',
+          title: t('common.deleteConfirmTitle', { name: characterLimit(node.name) }),
+          content: t('role.deleteConfirmContent'),
+          positiveText: t('common.confirmDelete'),
+          negativeText: t('common.cancel'),
+          onPositiveClick: async () => {
+            try {
+              loading.value = true;
+              await deleteRole(node.id);
+              roles.value = roles.value.filter((role) => role.id !== node.id);
+              if (selectedKeys.value.includes(node.id)) {
+                selectedKeys.value = [roles.value[0].id];
+              }
+              message.success(t('common.deleteSuccess'));
+            } catch (error) {
+              // eslint-disable-next-line no-console
+              console.log(error);
+            } finally {
+              loading.value = false;
+            }
+          },
+        });
+        break;
+      default:
+        break;
+    }
+  }
+
+  const renameStatic = computed(() => activeRole.value?.isNew);
+
+  const activeTab = ref('permission');
+
+  function addRole() {
+    if (!roleTreeSelectable.value) {
+      message.warning(t('role.saveFirst'));
+      return;
+    }
+    activeTab.value = 'permission';
+    const id = getGenerateId();
+    roles.value.push({
+      id,
+      name: t('role.newRole'),
+      internal: false,
+      dataScope: 'ALL',
+      description: '',
+      isNew: true,
+    });
+    selectedKeys.value = [id];
+    setIsSave(false);
+    nextTick(() => {
+      roleTreeRef.value?.toggleEdit(id);
+    });
+  }
+
+  const tabList = computed<TabPaneProps[]>(() => {
+    if (activeRole.value?.isNew) {
+      return [
+        {
+          name: 'permission',
+          tab: t('role.permission'),
+        },
+      ];
+    }
+    return [
+      {
+        name: 'permission',
+        tab: t('role.permission'),
+      },
+      {
+        name: 'member',
+        tab: t('role.member'),
+      },
+    ];
+  });
+
+  async function init() {
+    loading.value = true;
+    try {
+      roles.value = await getRoles();
+      selectedKeys.value = roles.value[0] ? [roles.value[0].id] : [];
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  async function handleCreated(id: string) {
+    if (activeRole.value) {
+      roles.value = await getRoles();
+      selectedKeys.value = [id];
+      activeRole.value.isNew = false;
+      activeRole.value.unsave = false;
+      setIsSave(true);
+    }
+  }
+
+  function handleCancelCreate() {
+    roles.value = roles.value.filter((role) => role.id !== selectedKeys.value[0]);
+    selectedKeys.value = roles.value[0] ? [roles.value[0].id] : [];
+  }
+
+  function handleUnsaveChange(val: boolean) {
+    if (activeRole.value) {
+      setIsSave(!val);
+      activeRole.value.unsave = val;
+    }
+  }
+
+  onBeforeMount(() => {
+    init();
+  });
+</script>
+
+<style lang="less" scoped>
+  :deep(.n-tree-node-switcher) {
+    @apply hidden;
+  }
+  :deep(.n-tree-node-wrapper) {
+    padding: 0;
+  }
+  :deep(.n-tabs-nav--line-type) {
+    padding: 0 24px;
+  }
+  :deep(.n-tabs),
+  :deep(.n-tab-pane) {
+    @apply h-full overflow-hidden;
+  }
+  :deep(.n-tree-node-content) {
+    max-width: 100% !important;
+  }
+</style>
diff --git a/frontend/packages/web/src/views/system/role/locale/en-US.ts b/frontend/packages/web/src/views/system/role/locale/en-US.ts
new file mode 100644
index 0000000..63fff67
--- /dev/null
+++ b/frontend/packages/web/src/views/system/role/locale/en-US.ts
@@ -0,0 +1,29 @@
+export default {
+  'role.sys': 'SYS',
+  'role.systemInit': 'System built-in',
+  'role.addRole': 'Add role',
+  'role.permission': 'Permission',
+  'role.member': 'Member',
+  'role.addMember': 'Add member',
+  'role.addMemberType': 'Way',
+  'deleteConfirmContent': 'After deletion, role members no longer have this permission',
+  'role.dataPermission': 'Data permission',
+  'role.dataPermissionAll': 'All',
+  'role.specifiedDepartmentData': 'Specified department',
+  'role.departmentData': 'This department',
+  'role.personalData': 'Personal',
+  'role.pleaseSelectDepartment': 'Please select department',
+  'role.feature': 'Feature',
+  'role.operator': 'Operator',
+  'role.featurePermission': 'Feature permission',
+  'role.memberName': 'Name',
+  'role.department': 'Department',
+  'role.job': 'Job',
+  'role.role': 'Role',
+  'role.removeMemberTip': 'After removal, the member will no longer have this role permission',
+  'role.saveFirst': 'The role being viewed has not been saved yet, please save it first before operating',
+  'role.batchRemove': 'Batch remove',
+  'role.batchRemoveTip': 'Are you sure you want to remove {count} members?',
+  'role.batchRemoveConfirm': 'Confirm Removal',
+  'role.newRole': 'New Role',
+};
diff --git a/frontend/packages/web/src/views/system/role/locale/zh-CN.ts b/frontend/packages/web/src/views/system/role/locale/zh-CN.ts
new file mode 100644
index 0000000..b68ae7a
--- /dev/null
+++ b/frontend/packages/web/src/views/system/role/locale/zh-CN.ts
@@ -0,0 +1,29 @@
+export default {
+  'role.sys': '系',
+  'role.systemInit': '系统内置',
+  'role.addRole': '添加角色',
+  'role.permission': '权限',
+  'role.member': '成员',
+  'role.addMember': '添加成员',
+  'role.addMemberType': '方式',
+  'role.deleteConfirmContent': '删除后，角色成员不再拥有该权限',
+  'role.dataPermission': '数据权限',
+  'role.dataPermissionAll': '全部数据',
+  'role.specifiedDepartmentData': '指定部门数据',
+  'role.departmentData': '本部门数据',
+  'role.personalData': '仅本人数据',
+  'role.pleaseSelectDepartment': '请选择部门',
+  'role.feature': '功能',
+  'role.operator': '操作对象',
+  'role.featurePermission': '功能权限',
+  'role.memberName': '姓名',
+  'role.department': '部门',
+  'role.job': '职位',
+  'role.role': '角色',
+  'role.removeMemberTip': '移除后，成员将不再拥有该角色权限',
+  'role.saveFirst': '当前查看的角色尚未保存，请先保存后再进行操作',
+  'role.batchRemove': '批量移除',
+  'role.batchRemoveTip': '确认移除 {count} 名成员吗？',
+  'role.batchRemoveConfirm': '确认移除',
+  'role.newRole': '新角色',
+};
diff --git a/frontend/packages/web/src/views/tender/index.vue b/frontend/packages/web/src/views/tender/index.vue
new file mode 100644
index 0000000..9ba7693
--- /dev/null
+++ b/frontend/packages/web/src/views/tender/index.vue
@@ -0,0 +1,117 @@
+<template>
+  <div class="flex h-full flex-col gap-[8px]">
+    <div class="flex w-full items-center gap-[12px] bg-[var(--text-n10)] p-[8px]">
+      <CrmTag
+        v-for="item of tenderList"
+        :key="item.key"
+        :type="activeTender === item.key ? 'primary' : 'default'"
+        theme="outline"
+        class="cursor-pointer !px-[12px]"
+        size="large"
+        tooltip-disabled
+        @click="clickTag(item.key)"
+      >
+        <div class="flex items-center gap-[8px]">
+          <CrmSvgIcon :name="item.icon" width="14px" height="14px" />
+          {{ item.label }}
+        </div>
+      </CrmTag>
+    </div>
+    <n-spin class="block flex-1" :show="loading" content-class="h-full">
+      <n-empty v-if="isError" size="large" :description="t('dashboard.loadFailed')"> </n-empty>
+      <iframe
+        v-else
+        id="iframe-tender-view"
+        style="width: 100%; height: 100%; border: 0"
+        :src="tenderConfig?.config?.tenderAddress"
+      ></iframe>
+    </n-spin>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { NEmpty, NSpin } from 'naive-ui';
+
+  import { CompanyTypeEnum } from '@lib/shared/enums/commonEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { ThirdPartyResourceConfig } from '@lib/shared/models/system/business';
+
+  import CrmSvgIcon from '@/components/pure/crm-svg/index.vue';
+  import CrmTag from '@/components/pure/crm-tag/index.vue';
+
+  import { getTenderConfig } from '@/api/modules';
+  import { defaultThirdPartTenderConfig } from '@/config/business';
+  import useLocalForage from '@/hooks/useLocalForage';
+
+  const { t } = useI18n();
+  const { setItem, getItem } = useLocalForage();
+  const tenderList = [
+    {
+      key: 'dadan',
+      label: '大单网',
+      icon: 'dadan',
+    },
+  ];
+
+  const loading = ref(false);
+  const isError = ref(false);
+  const tenderConfig = ref<ThirdPartyResourceConfig>({
+    type: CompanyTypeEnum.TENDER,
+    verify: false,
+    config: defaultThirdPartTenderConfig,
+  });
+  async function init() {
+    try {
+      isError.value = false;
+      loading.value = true;
+      tenderConfig.value = await getTenderConfig();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+      isError.value = true;
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  const activeTender = ref(tenderList[0].key);
+  const activeTenderKey = 'tender-active-tab';
+  async function clickTag(key: string) {
+    activeTender.value = key;
+    await setItem(activeTenderKey, key);
+  }
+
+  async function loadActiveTender() {
+    const currentActiveKey = await getItem(activeTenderKey);
+    if (typeof currentActiveKey === 'string' && tenderList.some((item) => item.key === currentActiveKey)) {
+      activeTender.value = currentActiveKey;
+    } else {
+      activeTender.value = tenderList[0]?.key ?? '';
+      await setItem(activeTenderKey, activeTender.value);
+    }
+  }
+
+  onBeforeMount(async () => {
+    await init();
+    loadActiveTender();
+  });
+</script>
+
+<style lang="less" scoped>
+  .tender-card {
+    padding: 24px;
+    border: 1px solid var(--text-n8);
+    border-radius: 6px;
+    .tender-card-header {
+      @apply flex items-start justify-between;
+
+      margin-bottom: 8px;
+      padding-bottom: 16px;
+    }
+    .tender-card-bottom {
+      @apply flex items-center;
+
+      gap: 12px;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/workbench/components/categoryCard.vue b/frontend/packages/web/src/views/workbench/components/categoryCard.vue
new file mode 100644
index 0000000..8bb2c5f
--- /dev/null
+++ b/frontend/packages/web/src/views/workbench/components/categoryCard.vue
@@ -0,0 +1,44 @@
+<template>
+  <div class="flex bg-[var(--text-n9)]">
+    <div
+      :class="`category-card-block ${
+        currentLocale === 'en-US' ? ' flex-col justify-center' : 'items-center justify-start'
+      }`"
+      :style="cardStyle"
+    >
+      <CrmIcon :type="props.icon" :size="24" />
+      <div class="text-[16px] font-semibold">{{ props.title }}</div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { useMessage } from 'naive-ui';
+
+  import useLocale from '@lib/shared/locale/useLocale';
+
+  const Message = useMessage();
+  const { currentLocale } = useLocale(Message.loading);
+  const props = defineProps<{
+    width: string;
+    bgColor: string;
+    icon: string;
+    title: string;
+  }>();
+
+  const cardStyle = computed(() => ({
+    width: props.width,
+    background: props.bgColor,
+  }));
+</script>
+
+<style scoped lang="less">
+  .category-card-block {
+    padding: 16px;
+    height: 102px;
+    border-radius: 4px 0 0 4px;
+    color: var(--text-n10);
+    clip-path: polygon(0 0, 100% 0, 87% 99%, 0% 100%);
+    @apply flex gap-2;
+  }
+</style>
diff --git a/frontend/packages/web/src/views/workbench/components/countPopover.vue b/frontend/packages/web/src/views/workbench/components/countPopover.vue
new file mode 100644
index 0000000..85621ae
--- /dev/null
+++ b/frontend/packages/web/src/views/workbench/components/countPopover.vue
@@ -0,0 +1,23 @@
+<template>
+  <n-popover :show-arrow="false" trigger="hover" placement="bottom-start" :disabled="typeof props.value !== 'number'">
+    <template #trigger>
+      <slot></slot>
+    </template>
+    <div class="text-[16px] font-medium tracking-wide text-[var(--text-n2)]">
+      {{ abbreviateNumber(props.value, props.unit).full }}
+    </div>
+  </n-popover>
+</template>
+
+<script setup lang="ts">
+  import { NPopover } from 'naive-ui';
+
+  import { abbreviateNumber } from '@lib/shared/method';
+
+  const props = defineProps<{
+    value: number | string;
+    unit: string;
+  }>();
+</script>
+
+<style scoped></style>
diff --git a/frontend/packages/web/src/views/workbench/components/dataOverviewIndex.vue b/frontend/packages/web/src/views/workbench/components/dataOverviewIndex.vue
new file mode 100644
index 0000000..54d1803
--- /dev/null
+++ b/frontend/packages/web/src/views/workbench/components/dataOverviewIndex.vue
@@ -0,0 +1,387 @@
+<template>
+  <CrmCard hide-footer auto-height class="mb-[16px]">
+    <div class="analytics-title">
+      <div class="analytics-name flex items-center">
+        {{ t('workbench.dataOverView') }}
+      </div>
+      <div class="flex items-center gap-[12px]">
+        <n-tree-select
+          v-model:value="activeDeptId"
+          :options="departmentOptions"
+          label-field="name"
+          key-field="id"
+          filterable
+          :render-switcher-icon="renderSwitcherIconDom"
+          class="w-[240px]"
+          children-field="children"
+          @update:value="changeHandler"
+        />
+        <n-popover
+          v-model:show="popoverVisible"
+          trigger="click"
+          placement="bottom-end"
+          class="crm-table-column-setting-popover"
+          @update:show="handleUpdateShow"
+        >
+          <template #trigger>
+            <n-button
+              :ghost="popoverVisible"
+              :type="popoverVisible ? 'primary' : 'default'"
+              class="outline--secondary px-[8px]"
+            >
+              <CrmIcon
+                type="iconicon_set_up"
+                :class="`cursor-pointer ${popoverVisible ? 'text-[var(--primary-8)]' : ''}`"
+                :size="16"
+              />
+            </n-button>
+          </template>
+          <div class="mb-[4px] flex flex-col gap-[8px] p-[8px]">
+            <div class="mb-[4px]">
+              <n-radio-group v-model:value="winOrderType" name="layoutType">
+                <n-radio-button v-for="e in winOrderTypeList" :key="e.value" :value="e.value" :label="e.label" />
+              </n-radio-group>
+            </div>
+            <div v-if="winOrderType === 'winOrderSet'" class="flex flex-col gap-[8px]">
+              <div class="flex items-center justify-between px-[8px]">
+                <div>{{ t('workbench.dataOverview.comparedSamePeriod') }}</div>
+                <n-switch
+                  v-model:value="params.priorPeriodEnable"
+                  size="small"
+                  :rubber-band="false"
+                  @update:value="handleChange"
+                />
+              </div>
+              <div class="flex flex-col gap-[8px] px-[8px]">
+                <div>{{ t('workbench.dataOverview.statisticalDimension') }}</div>
+                <n-select
+                  v-model:value="params.winOrderTimeField"
+                  :options="winOrderTypeOptions"
+                  :placeholder="t('common.pleaseSelect')"
+                  @update:value="handleChange"
+                />
+              </div>
+            </div>
+
+            <div v-if="winOrderType === 'optSet'" class="flex flex-col gap-[8px] px-[8px]">
+              <div>{{ t('workbench.dataOverview.statisticalDimension') }}</div>
+              <n-select
+                v-model:value="params.timeField"
+                :options="dimTypeOptions"
+                :placeholder="t('common.pleaseSelect')"
+                @update:value="handleChange"
+              />
+            </div>
+            <div v-if="winOrderType === 'clueSet'" class="flex flex-col gap-[8px] px-[8px]">
+              <div class="flex items-center">
+                <div>{{ t('workbench.dataOverview.statisticalDimension') }}</div>
+                <n-tooltip>
+                  <template #trigger>
+                    <CrmIcon
+                      type="iconicon_info_circle_filled"
+                      :size="16"
+                      class="ml-[4px] cursor-pointer text-[var(--text-n4)]"
+                    />
+                  </template>
+                  <div>{{ t('workbench.dataOverview.statisticalDimensionTip1') }}</div>
+                  <div>{{ t('workbench.dataOverview.statisticalDimensionTip2') }}</div>
+                </n-tooltip>
+              </div>
+              <n-select
+                v-model:value="params.userField"
+                :options="userFieldOptions"
+                :placeholder="t('common.pleaseSelect')"
+                @update:value="handleChange"
+              />
+            </div>
+          </div>
+        </n-popover>
+        <n-button type="default" class="outline--secondary px-[8px]" @click="refresh">
+          <CrmIcon class="text-[var(--text-n1)]" type="iconicon_refresh" :size="16" />
+        </n-button>
+      </div>
+    </div>
+    <n-scrollbar x-scrollable>
+      <overview ref="overviewRef" :params="params" />
+    </n-scrollbar>
+  </CrmCard>
+</template>
+
+<script setup lang="ts">
+  import {
+    NButton,
+    NPopover,
+    NRadioButton,
+    NRadioGroup,
+    NScrollbar,
+    NSelect,
+    NSwitch,
+    NTooltip,
+    NTreeSelect,
+    SelectOption,
+    TreeOption,
+  } from 'naive-ui';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { mapTree } from '@lib/shared/method';
+  import { GetHomeStatisticParams } from '@lib/shared/models/home';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import type { CrmTreeNodeData } from '@/components/pure/crm-tree/type';
+  import { getFormConfigApiMap } from '@/components/business/crm-form-create/config';
+  import overview from './overview.vue';
+
+  import { getHomeDepartmentTree } from '@/api/modules';
+  import { useUserStore } from '@/store';
+  import useOverviewStore from '@/store/modules/overview';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const { t } = useI18n();
+  const overviewStore = useOverviewStore();
+  const params = ref<GetHomeStatisticParams>({
+    deptIds: [],
+    searchType: '', // ALL/SELF/DEPARTMENT
+    timeField: 'CREATE_TIME',
+    userField: 'CREATE_USER_ID',
+    priorPeriodEnable: true,
+    winOrderTimeField: 'EXPECTED_END_TIME',
+  });
+
+  const activeDeptId = ref('');
+
+  const useStore = useUserStore();
+
+  const originDepartmentOptions = ref<CrmTreeNodeData[]>([]);
+  const departmentOptions = ref<CrmTreeNodeData[]>([]);
+
+  function getSpringIds(children: CrmTreeNodeData[] | undefined): string[] {
+    const offspringIds: string[] = [];
+    mapTree(children || [], (e) => {
+      offspringIds.push(e.id);
+      return e;
+    });
+    return offspringIds;
+  }
+
+  function setSearchType(isInit: boolean, activeId?: string) {
+    const firstDeptId = originDepartmentOptions.value[0]?.id;
+    const searchType = originDepartmentOptions.value.length > 1 ? 'DEPARTMENT' : 'ALL';
+
+    if (isInit) {
+      params.value.searchType = originDepartmentOptions.value.length === 0 ? 'SELF' : searchType;
+      activeDeptId.value = params.value.searchType === 'SELF' ? 'SELF' : firstDeptId;
+      return;
+    }
+
+    if (activeId) {
+      activeDeptId.value = activeId;
+    }
+
+    if (activeDeptId.value === 'SELF') {
+      params.value.searchType = 'SELF';
+    } else if (activeDeptId.value === firstDeptId) {
+      params.value.searchType = useStore.isAdmin ? 'ALL' : searchType;
+    } else if (activeDeptId.value) {
+      params.value.searchType = 'DEPARTMENT';
+    } else {
+      params.value.searchType = originDepartmentOptions.value.length === 0 ? 'SELF' : searchType;
+    }
+  }
+
+  function renderSwitcherIconDom(nodeSwitchProps: { option: CrmTreeNodeData; expanded: boolean; selected: boolean }) {
+    const { option } = nodeSwitchProps;
+    return h(CrmIcon, {
+      size: 16,
+      type: option.children?.length ? 'iconicon_caret_right_small' : '',
+      class: `text-[var(--text-n2)]`,
+    });
+  }
+
+  async function initDepartList() {
+    try {
+      const result = await getHomeDepartmentTree();
+      originDepartmentOptions.value = result;
+      departmentOptions.value = [
+        {
+          id: 'SELF',
+          name: t('opportunity.mine'),
+          organizationId: '100001',
+        },
+        ...result,
+      ];
+      setSearchType(true);
+      if (params.value.searchType === 'ALL') {
+        params.value.deptIds = getSpringIds(result);
+      } else if (params.value.searchType === 'DEPARTMENT') {
+        params.value.deptIds = [activeDeptId.value, ...getSpringIds(originDepartmentOptions.value[0]?.children ?? [])];
+      } else {
+        params.value.deptIds = [];
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+  const overviewRef = ref<InstanceType<typeof overview>>();
+
+  function refresh() {
+    nextTick(() => {
+      overviewRef.value?.initHomeStatistic(params.value);
+    });
+  }
+
+  async function changeHandler(
+    value: string | number | Array<string | number> | null,
+    option: Array<CrmTreeNodeData | null> | CrmTreeNodeData,
+    _: { node: TreeOption | null; action: 'select' | 'unselect' | 'delete' | 'clear' }
+  ) {
+    activeDeptId.value = value as string;
+    if (value !== 'SELF') {
+      params.value.deptIds = [value as string, ...getSpringIds((option as CrmTreeNodeData).children)];
+    } else {
+      params.value.deptIds = [];
+    }
+    setSearchType(false, value as string);
+    refresh();
+  }
+
+  watch(
+    () => params.value.searchType,
+    () => {
+      refresh();
+    }
+  );
+
+  const winOrderType = ref('clueSet');
+  const winOrderTypeList = [
+    {
+      value: 'clueSet',
+      label: t('workbench.dataOverview.clueSet'),
+    },
+    {
+      value: 'optSet',
+      label: t('workbench.dataOverview.opportunitySet'),
+    },
+    {
+      value: 'winOrderSet',
+      label: t('workbench.dataOverview.windOrderConfig'),
+    },
+  ];
+
+  const userFieldOptions = [
+    {
+      value: 'CREATE_USER',
+      label: t('common.creator'),
+    },
+    {
+      value: 'OWNER',
+      label: t('common.head'),
+    },
+  ];
+
+  const endTimeFieldName = ref(t('opportunity.endTime'));
+
+  const dimTypeOptions = computed(() => {
+    return [
+      {
+        value: 'CREATE_TIME',
+        label: t('common.createTime'),
+      },
+      {
+        value: 'EXPECTED_END_TIME',
+        label: endTimeFieldName.value,
+      },
+    ];
+  });
+
+  const winOrderTypeOptions = computed(() => {
+    return [
+      {
+        value: 'EXPECTED_END_TIME',
+        label: endTimeFieldName.value,
+      },
+      {
+        value: 'ACTUAL_END_TIME',
+        label: t('opportunity.actualEndTime'),
+      },
+    ];
+  });
+  async function initDimType() {
+    const config = await overviewStore.loadWinOrderConfig();
+    const { timeField, priorPeriodEnable, userField, winOrderTimeField } = config;
+    params.value = {
+      ...params.value,
+      timeField,
+      priorPeriodEnable,
+      userField,
+      winOrderTimeField,
+    };
+
+    endTimeFieldName.value = t('opportunity.endTime');
+
+    if (!hasAnyPermission(['OPPORTUNITY_MANAGEMENT:READ'])) return;
+    try {
+      const res = await getFormConfigApiMap[FormDesignKeyEnum.BUSINESS]();
+      endTimeFieldName.value =
+        res.fields.find((e) => e.businessKey === 'expectedEndTime')?.name ?? t('opportunity.endTime');
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  const popoverVisible = ref(false);
+  const hasChange = ref(false);
+  async function handleUpdateShow(show: boolean) {
+    if (!show) {
+      if (hasChange.value) {
+        const { timeField, priorPeriodEnable, userField, winOrderTimeField } = params.value;
+        overviewStore.setWinOrderConfig({
+          timeField: timeField ?? 'CREATE_TIME',
+          priorPeriodEnable: priorPeriodEnable ?? false,
+          userField: userField ?? 'OWNER',
+          winOrderTimeField: winOrderTimeField ?? 'EXPECTED_END_TIME',
+        });
+        refresh();
+      }
+    } else {
+      const config = await overviewStore.loadWinOrderConfig();
+      const { timeField, priorPeriodEnable, userField, winOrderTimeField } = config;
+      params.value = {
+        ...params.value,
+        timeField,
+        priorPeriodEnable,
+        userField,
+        winOrderTimeField,
+      };
+    }
+  }
+
+  function handleChange() {
+    hasChange.value = true;
+  }
+
+  onMounted(async () => {
+    await initDimType();
+    initDepartList();
+  });
+</script>
+
+<style lang="less" scoped>
+  .analytics-title {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 16px;
+    .analytics-name {
+      font-weight: 600;
+    }
+  }
+</style>
+
+<style lang="less">
+  .win-order-config-popover {
+    padding: 0 !important;
+  }
+</style>
diff --git a/frontend/packages/web/src/views/workbench/components/overview.vue b/frontend/packages/web/src/views/workbench/components/overview.vue
new file mode 100644
index 0000000..974a4ba
--- /dev/null
+++ b/frontend/packages/web/src/views/workbench/components/overview.vue
@@ -0,0 +1,532 @@
+<template>
+  <n-spin :show="loading" class="w-full min-w-[1200px]">
+    <div class="overview overflow-hidden">
+      <div class="header header-category pl-[16px] text-left font-semibold text-[var(--text-n1)]">
+        {{ t('workbench.dataOverview.category') }}
+      </div>
+      <div class="category-time w-full">
+        <div v-for="(item, index) of headerList" :key="`${item.icon}-${index}`" class="header">
+          <div class="header-time ml-[16px] flex items-center justify-start gap-[8px]">
+            <CrmIcon :type="item.icon" :size="24" class="text-[var(--info-blue)]" />
+            <div class="font-semibold text-[var(--text-n1)]">{{ item.title }}</div>
+          </div>
+        </div>
+      </div>
+      <!-- 概览线索 -->
+      <categoryCard
+        :title="t('workbench.dataOverview.lead')"
+        width="159px"
+        icon="iconicon_facial_clue"
+        bg-color="var(--info-2)"
+      />
+      <div class="right-cell">
+        <div v-for="(dim, i) of dateKey" :key="`iconicon_facial_clue-${i}`" class="cell">
+          <div class="cell-label">{{ t('workbench.dataOverview.newCreateTitle') }}</div>
+          <countPopover :value="defaultLeadData[dim].value" :unit="defaultLeadData[dim].unit">
+            <div
+              :class="`cell-value count ${
+                hasLeadPermission && params.userField === 'OWNER'
+                  ? 'cursor-pointer text-[var(--primary-8)]'
+                  : 'text-[var(--text-n4)]'
+              }`"
+              @click="goDetail(dim, defaultLeadData[dim])"
+            >
+              <div class="number">
+                {{ abbreviateNumber(defaultLeadData[dim].value, defaultLeadData[dim].unit).value }}
+              </div>
+              <div class="unit">
+                {{ abbreviateNumber(defaultLeadData[dim].value, defaultLeadData[dim].unit).unit }}
+              </div>
+            </div>
+          </countPopover>
+        </div>
+      </div>
+      <categoryCard
+        :title="t('workbench.dataOverview.opportunity')"
+        width="138px"
+        icon="iconicon_facial_business"
+        bg-color="var(--info-1)"
+      />
+      <div class="right-cell">
+        <div v-for="(dim, i) of dateKey" :key="`iconicon_facial_business-${i}`" class="cell">
+          <div
+            v-for="item in defaultOpportunityData[dim]"
+            :key="`iconicon_facial_business-${item.title}`"
+            class="flex-1"
+          >
+            <div class="cell-label">{{ item.title }}</div>
+            <countPopover :value="item.value" :unit="item.unit">
+              <div
+                :class="`count ${
+                  hasOptPermission ? 'cursor-pointer text-[var(--primary-8)]' : 'text-[var(--text-n4)]'
+                }`"
+                @click="goDetail(dim, item)"
+              >
+                <div class="number">
+                  {{ abbreviateNumber(item.value, item.unit).value }}
+                </div>
+                <div class="unit">{{ abbreviateNumber(item.value, item.unit).unit }}</div>
+              </div>
+            </countPopover>
+            <div class="flex items-center gap-[4px] text-[12px]">
+              <div class="text-[var(--text-n2)]">
+                {{ t('common.inProgress') }}
+              </div>
+              <div
+                :class="`flex items-center ${
+                  hasOptPermission ? 'cursor-pointer  text-[var(--info-blue)]' : 'text-[var(--text-n4)]'
+                }`"
+                @click="goDetail(dim, { ...item, status: 'AFOOT' })"
+              >
+                <div class="number">
+                  {{ abbreviateNumber(item.underway, item.unit).value }}
+                </div>
+                <div class="unit">{{ abbreviateNumber(item.underway, item.unit).unit }}</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <categoryCard
+        :title="t('workbench.dataOverview.winOrder')"
+        width="116px"
+        icon="iconicon_facial_deal_win"
+        bg-color="var(--info-blue)"
+      />
+      <div class="right-cell">
+        <div v-for="(dim, index) of dateKey" :key="`iconicon_facial_deal_win-${index}`" class="cell overflow-hidden">
+          <div v-for="item in defaultWinOrderData[dim]" :key="`iconicon_facial_deal_win-${item.title}`" class="flex-1">
+            <div class="cell-label">{{ item?.title }}</div>
+            <countPopover :value="item.value" :unit="item.unit">
+              <div
+                :class="`count ${
+                  hasOptPermission ? ' cursor-pointer  text-[var(--primary-8)]' : 'text-[var(--text-n4)]'
+                }`"
+                @click="goDetail(dim, item)"
+              >
+                <div class="number">
+                  {{ abbreviateNumber(item.value, item.unit).value }}
+                </div>
+                <div class="unit">{{ abbreviateNumber(item.value, item.unit).unit }}</div>
+              </div>
+            </countPopover>
+            <div
+              v-if="overviewStore.homeOverviewConfig[userStore.userInfo.id]?.priorPeriodEnable"
+              class="analytics-last-time"
+            >
+              <div class="one-line-text text-[var(--text-n2)]">
+                {{ dateKeyPriorPeriodTitleMap[dim] }}
+              </div>
+              <CrmIcon
+                v-if="
+                  item.priorPeriodCompareRate &&
+                  typeof item.priorPeriodCompareRate === 'number' &&
+                  item.priorPeriodCompareRate !== 0
+                "
+                :type="item.priorPeriodCompareRate > 0 ? 'iconicon_caret_up_small' : 'iconicon_caret_down_small'"
+                :class="getPriorPeriodClass(item.priorPeriodCompareRate)"
+              />
+              <div :class="`${getPriorPeriodClass(item.priorPeriodCompareRate)} flex min-w-0`">
+                <div class="one-line-text !leading-[18px]">
+                  {{ periodCompareRateAbs(item.priorPeriodCompareRate) }}
+                </div>
+                <span v-if="typeof item.priorPeriodCompareRate === 'number'">％</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </n-spin>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { NSpin } from 'naive-ui';
+
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+  import { abbreviateNumber, getGenerateId } from '@lib/shared/method';
+  import { setSessionStorageTempState } from '@lib/shared/method/local-storage';
+  import {
+    FollowOptStatisticDetail,
+    GetHomeStatisticParams,
+    HomeLeadStatisticDetail,
+    HomeWinOrderDetail,
+  } from '@lib/shared/models/home';
+
+  import categoryCard from './categoryCard.vue';
+  import countPopover from './countPopover.vue';
+
+  import {
+    getHomeFollowOpportunity,
+    getHomeLeadStatistic,
+    getHomeOpportunityUnderwayStatistic,
+    getHomeSuccessOptStatistic,
+  } from '@/api/modules';
+  import useOpenNewPage from '@/hooks/useOpenNewPage';
+  import { useUserStore } from '@/store';
+  import useOverviewStore from '@/store/modules/overview';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  import { AppRouteEnum } from '@/enums/routeEnum';
+
+  const overviewStore = useOverviewStore();
+  const userStore = useUserStore();
+  const { openNewPage } = useOpenNewPage();
+
+  const { t } = useI18n();
+
+  const props = defineProps<{
+    params: GetHomeStatisticParams;
+  }>();
+
+  const headerList = [
+    {
+      title: t('workbench.dataOverview.today'),
+      icon: 'iconicon_jin',
+      key: 'today',
+    },
+    {
+      title: t('workbench.dataOverview.thisWeek'),
+      icon: 'iconicon_7',
+      key: 'week',
+    },
+    {
+      title: t('workbench.dataOverview.thisMonth'),
+      icon: 'iconicon_30',
+      key: 'month',
+    },
+    {
+      title: t('workbench.dataOverview.thisYear'),
+      icon: 'iconicon_365',
+      key: 'year',
+    },
+  ];
+
+  const dateKey = computed<string[]>(() => headerList.map((e) => e.key));
+
+  const dateKeyPriorPeriodTitleMap: Record<string, string> = {
+    today: t('workbench.dataOverview.comparedYesterday'),
+    week: t('workbench.dataOverview.comparedLastWeek'),
+    month: t('workbench.dataOverview.comparedLastMonth'),
+    year: t('workbench.dataOverview.comparedLastYear'),
+  };
+
+  const hasLeadPermission = computed(() => hasAnyPermission(['CLUE_MANAGEMENT:READ']));
+  const hasOptPermission = computed(() => hasAnyPermission(['OPPORTUNITY_MANAGEMENT:READ']));
+
+  const defaultLeadData = ref<Record<string, any>>({});
+
+  const createLeadBlock = () => ({
+    value: hasLeadPermission.value ? 0 : '-',
+    priorPeriodCompareRate: hasLeadPermission.value ? 0 : '-',
+    routeName: AppRouteEnum.CLUE_MANAGEMENT_CLUE,
+    hasPermission: hasLeadPermission.value,
+    unit: t('workbench.dataOverview.countUnit'),
+  });
+
+  const defaultOpportunityData = ref<Record<string, Record<string, any>>>({});
+  const createOpportunityBlock = () => ({
+    newOpportunity: {
+      title: t('workbench.dataOverview.followingOrder'),
+      value: hasOptPermission.value ? 0 : '-',
+      priorPeriodCompareRate: hasOptPermission.value ? 0 : '-',
+      underway: hasOptPermission.value ? 0 : '-',
+      routeName: AppRouteEnum.OPPORTUNITY_OPT,
+      hasPermission: hasOptPermission.value,
+      unit: t('workbench.dataOverview.countUnit'),
+    },
+    newOpportunityAmount: {
+      title: t('workbench.dataOverview.amount'),
+      value: hasOptPermission.value ? 0 : '-',
+      priorPeriodCompareRate: hasOptPermission.value ? 0 : '-',
+      underway: hasOptPermission.value ? 0 : '-',
+      routeName: AppRouteEnum.OPPORTUNITY_OPT,
+      hasPermission: hasOptPermission.value,
+      unit: t('workbench.dataOverview.amountUnit'),
+    },
+  });
+
+  const defaultWinOrderData = ref<Record<string, any>>({});
+  const createWinOrderBlock = () => ({
+    successOpportunity: {
+      title: t('workbench.dataOverview.winOrderUnit'),
+      value: hasOptPermission.value ? 0 : '-',
+      priorPeriodCompareRate: hasOptPermission.value ? 0 : '-',
+      routeName: AppRouteEnum.OPPORTUNITY_OPT,
+      status: 'SUCCESS',
+      hasPermission: hasOptPermission.value,
+      unit: t('workbench.dataOverview.winUnit'),
+    },
+    successOpportunityAmount: {
+      title: t('workbench.dataOverview.winAmount'),
+      value: hasOptPermission.value ? 0 : '-',
+      priorPeriodCompareRate: hasOptPermission.value ? 0 : '-',
+      routeName: AppRouteEnum.OPPORTUNITY_OPT,
+      status: 'SUCCESS',
+      hasPermission: hasOptPermission.value,
+      unit: t('workbench.dataOverview.amountUnit'),
+    },
+  });
+
+  const getPriorPeriodClass = (priorPeriodCompareRate?: number) => {
+    if (priorPeriodCompareRate && typeof priorPeriodCompareRate === 'number' && priorPeriodCompareRate !== 0) {
+      return priorPeriodCompareRate > 0 ? 'last-time-rate-up flex-nowrap' : 'last-time-rate-down flex-nowrap';
+    }
+    if (priorPeriodCompareRate === 0 || typeof priorPeriodCompareRate === 'string') {
+      return 'text-[var(--text-n2)] inline-flex flex-nowrap';
+    }
+  };
+
+  const periodCompareRateAbs = (priorPeriodCompareRate?: number) => {
+    if (typeof priorPeriodCompareRate !== 'number' || Number.isNaN(priorPeriodCompareRate)) return '-';
+    return Math.abs(Number(priorPeriodCompareRate.toFixed(2)));
+  };
+
+  function goDetail(dim: string, item: Record<string, any>) {
+    const { searchType, deptIds, timeField, userField, winOrderTimeField } = props.params;
+    if (!item.hasPermission || (userField === 'CREATE_USER' && item.routeName === AppRouteEnum.CLUE_MANAGEMENT_CLUE))
+      return;
+    const homeKey = 'homeData';
+    sessionStorage.removeItem(homeKey);
+    const key = getGenerateId();
+    const homeData = {
+      [key]: searchType === 'ALL' ? [] : deptIds,
+    };
+
+    setSessionStorageTempState(homeKey, homeData);
+    openNewPage(item.routeName, {
+      dim: dim.toLocaleUpperCase(),
+      key,
+      ...(searchType === 'SELF'
+        ? {
+            type: searchType,
+          }
+        : {}),
+      ...(item.status
+        ? {
+            status: item.status,
+          }
+        : {}),
+      ...(item.routeName === AppRouteEnum.OPPORTUNITY_OPT
+        ? { timeField: item.status === 'SUCCESS' ? winOrderTimeField : timeField }
+        : {}),
+    });
+  }
+
+  function initDefaultData() {
+    defaultWinOrderData.value = dateKey.value.reduce((acc, key) => {
+      acc[key] = createWinOrderBlock();
+      return acc;
+    }, {} as Record<string, any>);
+
+    defaultOpportunityData.value = dateKey.value.reduce((acc, key) => {
+      acc[key] = createOpportunityBlock();
+      return acc;
+    }, {} as Record<string, any>);
+
+    defaultLeadData.value = dateKey.value.reduce((acc, key) => {
+      acc[key] = createLeadBlock();
+      return acc;
+    }, {} as Record<string, any>);
+  }
+
+  async function initLeadDetail(params: GetHomeStatisticParams) {
+    if (!hasAnyPermission(['CLUE_MANAGEMENT:READ'])) return;
+    try {
+      const { deptIds, searchType, userField } = params;
+      const result = await getHomeLeadStatistic({
+        deptIds,
+        searchType,
+        userField,
+      });
+      Object.keys(defaultLeadData.value).forEach((k) => {
+        const resultArr: string[] = Object.keys(result);
+        const leadKey: string | undefined = resultArr.find((e) =>
+          e.toLocaleUpperCase().includes(k.toLocaleUpperCase())
+        );
+        if (leadKey) {
+          defaultLeadData.value[k] = {
+            ...defaultLeadData.value[k],
+            ...result[leadKey as keyof HomeLeadStatisticDetail],
+          };
+        }
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  async function initOptDetail(params: GetHomeStatisticParams) {
+    if (!hasAnyPermission(['OPPORTUNITY_MANAGEMENT:READ'])) return;
+    try {
+      const result = await getHomeFollowOpportunity(params);
+      const underway = await getHomeOpportunityUnderwayStatistic(params);
+      Object.keys(defaultOpportunityData.value).forEach((k) => {
+        const resultArr: string[] = Object.keys(result);
+        const optKeys: string[] = resultArr.filter((e) => e.toLocaleUpperCase().includes(k.toLocaleUpperCase()));
+        if (optKeys?.length) {
+          const [newKey, amountKey] = optKeys;
+          defaultOpportunityData.value[k] = {
+            newOpportunity: {
+              ...defaultOpportunityData.value[k].newOpportunity,
+              ...result[newKey as keyof FollowOptStatisticDetail],
+              underway: underway[newKey as keyof FollowOptStatisticDetail].value,
+            },
+            newOpportunityAmount: {
+              ...defaultOpportunityData.value[k].newOpportunityAmount,
+              ...result[amountKey as keyof FollowOptStatisticDetail],
+              underway: underway[amountKey as keyof FollowOptStatisticDetail].value,
+            },
+          };
+        }
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  async function initSuccessOptDetail(params: GetHomeStatisticParams) {
+    if (!hasAnyPermission(['OPPORTUNITY_MANAGEMENT:READ'])) return;
+    try {
+      const { deptIds, searchType, priorPeriodEnable, winOrderTimeField } = params;
+      const result = await getHomeSuccessOptStatistic({
+        deptIds,
+        searchType,
+        priorPeriodEnable,
+        timeField: winOrderTimeField,
+      });
+      Object.keys(defaultWinOrderData.value).forEach((k) => {
+        const resultArr: string[] = Object.keys(result);
+        const optKeys: string[] = resultArr.filter((e) => e.toLocaleUpperCase().includes(k.toLocaleUpperCase()));
+        if (optKeys?.length) {
+          const [newKey, amountKey] = optKeys;
+          defaultWinOrderData.value[k] = {
+            successOpportunity: {
+              ...defaultWinOrderData.value[k].successOpportunity,
+              ...result[newKey as keyof HomeWinOrderDetail],
+            },
+            successOpportunityAmount: {
+              ...defaultWinOrderData.value[k].successOpportunityAmount,
+              ...result[amountKey as keyof HomeWinOrderDetail],
+            },
+          };
+        }
+      });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+  const loading = ref(false);
+  async function initHomeStatistic(params: GetHomeStatisticParams) {
+    initDefaultData();
+    try {
+      loading.value = true;
+      await Promise.all([initLeadDetail(params), initOptDetail(params), initSuccessOptDetail(params)]);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  onBeforeMount(() => {
+    initDefaultData();
+  });
+
+  defineExpose({
+    initHomeStatistic,
+  });
+</script>
+
+<style scoped lang="less">
+  .overview {
+    display: grid;
+    row-gap: 16px;
+    grid-template-columns: 172px 1fr;
+    .header {
+      height: 48px;
+      font-size: 16px;
+      background: var(--info-4);
+      line-height: 48px;
+      &.header-category {
+        width: 174px;
+        clip-path: polygon(0 0, 100% -15%, 92% 100%, 0% 100%);
+      }
+    }
+    .category-time {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr); /* 左侧固定宽度 + 右侧等分 */
+      column-gap: 5px;
+      .header {
+        transform: skew(-14deg);
+        .header-time {
+          transform: skew(14deg);
+        }
+        &:last-child::after {
+          position: absolute;
+          top: 0;
+          right: 0;
+          display: block;
+          width: 12px;
+          height: 100%;
+          background: var(--info-4);
+          content: '';
+          transform: skew(14deg);
+        }
+      }
+    }
+    .right-cell {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      column-gap: 1.5px;
+    }
+    .cell {
+      display: grid;
+      padding: 16px;
+      text-align: left;
+      background: var(--text-n9);
+      grid-template-columns: repeat(2, 1fr);
+      :nth-of-type(1) {
+        margin: 0 1px;
+      }
+      @apply flex items-center;
+      .cell-label {
+        color: var(--text-n2);
+      }
+      .cell-label,
+      .cell-value {
+        @apply flex-1;
+      }
+      .count {
+        @apply flex items-center font-semibold;
+        .number {
+          font-size: 18px;
+          line-height: 29px;
+        }
+        .unit {
+          font-size: 14px;
+          line-height: 29px;
+        }
+      }
+      .analytics-last-time {
+        gap: 2px;
+        @apply flex flex-nowrap items-center justify-start;
+
+        font-size: 12px;
+        .last-time-rate-up {
+          color: var(--error-red);
+          @apply inline-flex items-center;
+        }
+        .last-time-rate-down {
+          color: var(--success-green);
+          @apply inline-flex items-center;
+        }
+      }
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/workbench/components/quickAccess.vue b/frontend/packages/web/src/views/workbench/components/quickAccess.vue
new file mode 100644
index 0000000..a5b0d47
--- /dev/null
+++ b/frontend/packages/web/src/views/workbench/components/quickAccess.vue
@@ -0,0 +1,224 @@
+<template>
+  <CrmCard hide-footer auto-height class="mb-[16px]">
+    <div class="title">
+      <div class="title-name">{{ t('workbench.quickAccess') }}</div>
+      <div class="title-right flex items-center gap-[4px]" @click="handleShowCustom">
+        <CrmIcon type="iconicon_set_up" :size="16" />
+        {{ t('common.custom') }}
+      </div>
+    </div>
+    <div class="flex justify-between gap-[16px]">
+      <div
+        v-for="item in displayQuickAccessList"
+        :key="item.key"
+        v-permission="item.permission"
+        class="flex w-[114px] cursor-pointer flex-col items-center gap-[8px] py-[8px]"
+        @click="handleActionSelect(item.key)"
+      >
+        <CrmSvg width="40px" height="40px" :name="item.icon" />
+        {{ item.label }}
+      </div>
+      <div v-if="!quickAccessPermissionList.length" class="w-full p-[24px] text-center text-[var(--text-n4)]">
+        {{ t('common.noPermission') }}
+      </div>
+    </div>
+  </CrmCard>
+  <CrmFormCreateDrawer
+    v-model:visible="formCreateDrawerVisible"
+    :form-key="activeFormKey"
+    @saved="emit('refresh', activeFormKey)"
+  />
+
+  <CrmModal v-model:show="customVisible" :width="600" :positive-text="t('common.save')" @confirm="handleSave">
+    <template #title>
+      <div class="flex gap-[4px] overflow-hidden">
+        <div class="text-[var(--text-n1)]">{{ t('common.custom') }}</div>
+        <div class="flex text-[var(--text-n4)]">
+          (
+          <div>{{ t('workbench.quickAccess.customRules') }}</div>
+          )
+        </div>
+      </div>
+    </template>
+
+    <div>
+      <div class="font-semibold text-[var(--text-n2)]">
+        {{ t('workbench.quickAccess.selectedFunctions') }}
+      </div>
+      <div class="mt-[16px] flex flex-wrap gap-x-[44px] gap-y-[16px]">
+        <div
+          v-for="item in selectedQuickAccessList"
+          :key="item.key"
+          class="function-item"
+          @click="removeQuickAccess(item.key)"
+        >
+          <div class="function-svg">
+            <CrmIcon
+              v-show="selectedQuickAccessList.length > 1"
+              type="iconicon_block_filled"
+              :size="16"
+              color="var(--error-red)"
+              class="action-icon"
+            />
+            <CrmSvg width="44px" height="44px" :name="item.icon" />
+          </div>
+          <div class="text-[var(--text-n1)]">{{ item.label }}</div>
+        </div>
+      </div>
+
+      <div class="mt-[24px] font-semibold text-[var(--text-n2)]">
+        {{ t('workbench.quickAccess.functionToBeAdded') }}
+      </div>
+      <div class="mt-[16px] flex flex-wrap gap-x-[44px] gap-y-[16px]">
+        <div
+          v-for="item in availableQuickAccessList"
+          :key="item.key"
+          class="function-item"
+          @click="addQuickAccess(item.key)"
+        >
+          <div class="function-svg">
+            <CrmIcon
+              v-show="selectedQuickAccessList.length < 5"
+              type="iconicon_add_one"
+              :size="16"
+              color="var(--success-green)"
+              class="action-icon"
+            />
+            <CrmSvg width="44px" height="44px" :name="item.icon" />
+          </div>
+          <div class="text-[var(--text-n1)]">{{ item.label }}</div>
+        </div>
+      </div>
+    </div>
+  </CrmModal>
+</template>
+
+<script setup lang="ts">
+  import { computed, onMounted, ref } from 'vue';
+  import { useMessage } from 'naive-ui';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  import CrmModal from '@/components/pure/crm-modal/index.vue';
+  import CrmSvg from '@/components/pure/crm-svg/index.vue';
+  import CrmFormCreateDrawer from '@/components/business/crm-form-create-drawer/index.vue';
+
+  import { type QuickAccessItem, quickAccessList } from '@/config/workbench';
+  import useLocalForage from '@/hooks/useLocalForage';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const emit = defineEmits<{
+    (e: 'refresh', activeFormKey: FormDesignKeyEnum): void;
+  }>();
+
+  const { setItem, getItem } = useLocalForage();
+  const Message = useMessage();
+  const { t } = useI18n();
+
+  const activeFormKey = ref(FormDesignKeyEnum.CUSTOMER);
+  const formCreateDrawerVisible = ref(false);
+
+  function handleActionSelect(actionKey: FormDesignKeyEnum) {
+    activeFormKey.value = actionKey;
+    formCreateDrawerVisible.value = true;
+  }
+
+  const displayQuickAccessList = ref<QuickAccessItem[]>([]);
+  const quickAccessPermissionList = computed<QuickAccessItem[]>(() =>
+    quickAccessList.filter((item) => hasAnyPermission(item.permission))
+  );
+
+  onMounted(async () => {
+    const savedKeys = (await getItem<FormDesignKeyEnum[]>('QUICK_ACCESS_STORAGE_KEY')) ?? [];
+    const savePermissionList = savedKeys
+      .map((key) => quickAccessPermissionList.value.find((item) => item.key === key))
+      .filter(Boolean) as QuickAccessItem[];
+    if (savePermissionList.length) {
+      displayQuickAccessList.value = savePermissionList;
+    } else {
+      displayQuickAccessList.value = quickAccessPermissionList.value.slice(0, 1);
+    }
+  });
+
+  const customVisible = ref(false);
+  const selectedQuickAccessKeys = ref<FormDesignKeyEnum[]>([]);
+
+  const selectedQuickAccessList = computed(
+    () =>
+      selectedQuickAccessKeys.value
+        .map((key) => quickAccessPermissionList.value.find((item) => item.key === key))
+        .filter(Boolean) as QuickAccessItem[]
+  );
+
+  const availableQuickAccessList = computed(() =>
+    quickAccessPermissionList.value.filter((item) => !selectedQuickAccessKeys.value.includes(item.key))
+  );
+
+  function handleShowCustom() {
+    selectedQuickAccessKeys.value = [...displayQuickAccessList.value.map((item) => item.key)];
+    customVisible.value = true;
+  }
+
+  function addQuickAccess(key: FormDesignKeyEnum) {
+    if (selectedQuickAccessKeys.value.length >= 5) {
+      Message.warning(t('workbench.quickAccess.customRulesTip2'));
+      return;
+    }
+    selectedQuickAccessKeys.value.push(key);
+  }
+
+  function removeQuickAccess(key: FormDesignKeyEnum) {
+    if (selectedQuickAccessKeys.value.length <= 1) {
+      Message.warning(t('workbench.quickAccess.customRulesTip1'));
+      return;
+    }
+    selectedQuickAccessKeys.value = selectedQuickAccessKeys.value.filter((k) => k !== key);
+  }
+
+  async function handleSave() {
+    displayQuickAccessList.value = selectedQuickAccessKeys.value
+      .map((key) => quickAccessPermissionList.value.find((item) => item.key === key))
+      .filter(Boolean) as QuickAccessItem[];
+    await setItem('QUICK_ACCESS_STORAGE_KEY', selectedQuickAccessKeys.value);
+    customVisible.value = false;
+  }
+</script>
+
+<style lang="less" scoped>
+  .title {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 16px;
+    .title-name {
+      font-weight: 600;
+    }
+    .title-right {
+      color: var(--text-n4);
+      cursor: pointer;
+      &:hover {
+        color: var(--text-n1);
+      }
+    }
+  }
+  .function-item {
+    width: 75px;
+    gap: 8px;
+    @apply flex cursor-pointer flex-col items-center;
+    .function-svg {
+      position: relative;
+      width: 60px;
+      height: 60px;
+      border: 1px solid var(--text-n8);
+      border-radius: 2px;
+      @apply flex items-center justify-center;
+    }
+    .action-icon {
+      position: absolute;
+      top: -8px;
+      right: -8px;
+      z-index: 1;
+    }
+  }
+</style>
diff --git a/frontend/packages/web/src/views/workbench/index.vue b/frontend/packages/web/src/views/workbench/index.vue
new file mode 100644
index 0000000..7ec5904
--- /dev/null
+++ b/frontend/packages/web/src/views/workbench/index.vue
@@ -0,0 +1,258 @@
+<template>
+  <!-- 先不上 -->
+  <!-- <CrmCard hide-footer auto-height class="mb-[16px]">
+    <div class="flex gap-[16px]">
+      <CrmTab v-model:active-tab="activeTab" no-content :tab-list="tabList" type="segment" class="w-fit" />
+      <n-date-picker v-if="activeTab === 'custom'" v-model:value="rangeTime" type="datetimerange" class="w-[360px]" />
+    </div>
+  </CrmCard> -->
+  <div class="flex h-full flex-col overflow-hidden">
+    <n-alert
+      v-if="useStore.userInfo.defaultPwd"
+      type="warning"
+      closable
+      class="mb-[16px]"
+      @after-leave="showAlert = false"
+    >
+      <span>{{ t('system.personal.changePasswordTip') }}</span>
+      <n-button class="ml-[8px]" text type="primary" size="small" @click="changePassword">
+        <div class="text-[14px]"> {{ t('system.personal.changePassword') }}</div>
+      </n-button>
+    </n-alert>
+    <n-scrollbar x-scrollable content-style="min-width: 1000px;height: 100%;width: 100%">
+      <div class="workbench-card" :style="{ height: `calc(100vh - ${!showAlert ? 88 : 154}px)` }">
+        <dataOverviewIndex />
+        <div class="flex h-full w-full">
+          <div class="h-full flex-1">
+            <QuickAccess @refresh="refresh" />
+            <CrmCard hide-footer :special-height="hasAnyPermission(quickAccessPermissionList) ? 177 : 160">
+              <div class="title">
+                <div class="title-name">{{ t('system.personal.plan') }}</div>
+                <div class="title-right" @click="showPersonalInfo = true">{{ t('common.ViewMore') }}</div>
+              </div>
+              <FollowDetail
+                :refresh-key="refreshKey"
+                class="mt-[16px]"
+                active-type="followPlan"
+                wrapper-class="h-[calc(100%-38px)] !p-[0px] !pr-[1px]"
+                :virtual-scroll-height="`${
+                  hasAnyPermission(quickAccessPermissionList)
+                    ? `calc(100vh - ${!showAlert ? 402 : 464}px)`
+                    : `calc(100vh - ${!showAlert ? 235 : 297}px)`
+                }`"
+                follow-api-key="myPlan"
+                source-id="NULL"
+                :any-permission="['CUSTOMER_MANAGEMENT:READ', 'OPPORTUNITY_MANAGEMENT:READ', 'CLUE_MANAGEMENT:READ']"
+              />
+            </CrmCard>
+          </div>
+          <div class="flex h-full w-[400px] flex-col justify-between overflow-hidden">
+            <CrmCard hide-footer no-content-padding auto-height class="ml-[16px] w-full">
+              <div class="max-h-[352px] p-[24px]">
+                <div class="title !mb-[16px]">
+                  <div class="title-name">{{ t('workbench.dataOverview.myTasks') }}</div>
+                </div>
+                <div class="grid grid-cols-2 gap-[8px_16px]">
+                  <div class="task-item" @click="openTaskDrawer(ApprovalListTypeEnum.PENDING)">
+                    <div class="task-icon bg-[var(--info-blue)]">
+                      <CrmIcon type="iconicon_contract" :size="16" color="var(--text-n10)" />
+                    </div>
+                    <div class="flex flex-1 items-center justify-between">
+                      {{ t('workbench.dataOverview.pendingApproval') }}
+                      <div class="font-semibold text-[var(--primary-8)]">{{ pendingApprovalCount }}</div>
+                    </div>
+                  </div>
+                  <div class="task-item" @click="openTaskDrawer(ApprovalListTypeEnum.APPROVAL)">
+                    <div class="task-icon bg-[var(--success-green)]">
+                      <CrmIcon type="iconicon_check_circle" :size="16" color="var(--text-n10)" />
+                    </div>
+                    {{ t('workbench.dataOverview.approvedByMe') }}
+                  </div>
+                  <div class="task-item" @click="openTaskDrawer(ApprovalListTypeEnum.INITIATED)">
+                    <div class="task-icon bg-[var(--primary-8)]">
+                      <CrmIcon type="iconicon_add" :size="16" color="var(--text-n10)" />
+                    </div>
+                    {{ t('workbench.dataOverview.initiatedByMe') }}
+                  </div>
+                  <div class="task-item" @click="openTaskDrawer(ApprovalListTypeEnum.COPIED)">
+                    <div class="task-icon bg-[var(--warning-yellow)]">
+                      <CrmIcon type="iconicon_send" :size="16" color="var(--text-n10)" />
+                    </div>
+                    {{ t('workbench.dataOverview.copiedToMe') }}
+                  </div>
+                </div>
+              </div>
+            </CrmCard>
+            <CrmCard hide-footer no-content-padding auto-height class="ml-[16px] mt-[16px] flex-1">
+              <div class="p-[24px]">
+                <div class="title !mb-[8px]">
+                  <div class="title-name">{{ t('system.message.notify') }}</div>
+                  <div class="title-right" @click="showMessageDrawer = true">
+                    {{ t('common.ViewMore') }}
+                  </div>
+                </div>
+                <CrmMessageList
+                  ref="messageListRef"
+                  :message-list="messageList"
+                  :virtual-scroll-height="`calc(100vh - ${!showAlert ? 168 : 230}px)`"
+                  key-field="id"
+                />
+              </div>
+            </CrmCard>
+          </div>
+          <PersonalInfoDrawer v-model:visible="showPersonalInfo" v-model:active-tab-value="personalTab" />
+          <MessageDrawer v-model:show="showMessageDrawer" />
+        </div>
+      </div>
+    </n-scrollbar>
+
+    <EditPasswordModal v-model:show="showEditPasswordModal" />
+  </div>
+  <CrmTaskDrawer v-model:show="showTaskDrawer" :type="activeTaskType" />
+</template>
+
+<script setup lang="ts">
+  // import { NDatePicker } from 'naive-ui';
+  import { NAlert, NButton, NScrollbar } from 'naive-ui';
+
+  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';
+  import { ApprovalListTypeEnum, ApprovalResourceTypeEnum } from '@lib/shared/enums/process';
+  import { PersonalEnum } from '@lib/shared/enums/systemEnum';
+  import { useI18n } from '@lib/shared/hooks/useI18n';
+
+  import CrmCard from '@/components/pure/crm-card/index.vue';
+  // import CrmTab from '@/components/pure/crm-tab/index.vue';
+  import CrmIcon from '@/components/pure/crm-icon-font/index.vue';
+  import FollowDetail from '@/components/business/crm-follow-detail/index.vue';
+  import CrmMessageList from '@/components/business/crm-message-list/index.vue';
+  import CrmTaskDrawer from '@/components/business/crm-task-drawer/index.vue';
+  import dataOverviewIndex from './components/dataOverviewIndex.vue';
+  import QuickAccess from './components/quickAccess.vue';
+  import EditPasswordModal from '@/views/system/business/components/editPasswordModal.vue';
+  import PersonalInfoDrawer from '@/views/system/business/components/personalInfoDrawer.vue';
+  import MessageDrawer from '@/views/system/message/components/messageDrawer.vue';
+
+  import { getTodoStatistic } from '@/api/modules/index';
+  import { quickAccessList } from '@/config/workbench';
+  import { useAppStore, useUserStore } from '@/store';
+  import { hasAnyPermission } from '@/utils/permission';
+
+  const { t } = useI18n();
+  const appStore = useAppStore();
+  const useStore = useUserStore();
+
+  const showAlert = ref(useStore.userInfo.defaultPwd);
+  const showEditPasswordModal = ref<boolean>(false);
+  function changePassword() {
+    showEditPasswordModal.value = true;
+  }
+
+  // 先不上
+  // const activeTab = ref('3');
+  // const tabList = [
+  //   {
+  //     name: '3',
+  //     tab: t('workbench.nearlyThreeDays'),
+  //   },
+  //   {
+  //     name: '7',
+  //     tab: t('workbench.nearlySevenDays'),
+  //   },
+  //   {
+  //     name: '30',
+  //     tab: t('workbench.lastOneMonth'),
+  //   },
+  //   {
+  //     name: 'custom',
+  //     tab: t('common.custom'),
+  //   },
+  // ];
+  // const rangeTime = ref<[number, number]>();
+
+  const quickAccessPermissionList = computed(() => quickAccessList.flatMap((item) => item.permission));
+
+  // 计划
+  const showPersonalInfo = ref<boolean>(false);
+  const personalTab = ref(PersonalEnum.MY_PLAN);
+
+  const refreshKey = ref(0);
+
+  watch(
+    () => showPersonalInfo.value,
+    (val) => {
+      if (!val) {
+        refreshKey.value += 1;
+      }
+    }
+  );
+
+  function refresh(key: FormDesignKeyEnum) {
+    if (key === FormDesignKeyEnum.FOLLOW_PLAN_BUSINESS) {
+      refreshKey.value += 1;
+    }
+  }
+
+  // 待办
+  const pendingApprovalCount = computed(() => appStore.todoStatistic.total);
+  const showTaskDrawer = ref(false);
+  const activeTaskType = ref<ApprovalListTypeEnum>(ApprovalListTypeEnum.PENDING);
+  function openTaskDrawer(type: ApprovalListTypeEnum) {
+    activeTaskType.value = type;
+    showTaskDrawer.value = true;
+  }
+
+  // 消息
+  const showMessageDrawer = ref(false);
+
+  const messageList = computed(() => {
+    return appStore.messageInfo.notificationDTOList;
+  });
+
+  onBeforeMount(() => {
+    appStore.initMessage();
+    appStore.initTodoStatistic();
+  });
+</script>
+
+<style lang="less" scoped>
+  .title {
+    display: flex;
+    justify-content: space-between;
+    .title-name {
+      font-weight: 600;
+    }
+    .title-right {
+      color: var(--text-n4);
+      cursor: pointer;
+      &:hover {
+        color: var(--text-n1);
+      }
+    }
+  }
+  .task-item {
+    @apply flex cursor-pointer items-center;
+
+    padding: 8px;
+    height: 40px;
+    border-radius: var(--border-radius-small);
+    background-color: var(--text-n9);
+    .task-icon {
+      @apply flex items-center justify-center;
+
+      margin-right: 8px;
+      width: 24px;
+      height: 24px;
+      border-radius: 6px;
+    }
+  }
+  :deep(.crm-message-item) {
+    padding: 8px 0;
+  }
+  .workbench-card {
+    @apply w-full overflow-auto;
+    .crm-scroll-bar();
+  }
+  :deep(.n-alert__icon) {
+    margin-top: 16px;
+  }
+</style>
diff --git a/frontend/packages/web/src/views/workbench/locale/en-US.ts b/frontend/packages/web/src/views/workbench/locale/en-US.ts
new file mode 100644
index 0000000..7142c31
--- /dev/null
+++ b/frontend/packages/web/src/views/workbench/locale/en-US.ts
@@ -0,0 +1,82 @@
+export default {
+  'workbench.duplicateCheck': 'Duplicate check',
+  'workbench.duplicateCheck.inputPlaceholder': 'Enter your account name or mobile phone number',
+  'workbench.duplicateCheck.result': 'Account related',
+  'workbench.duplicateCheck.status': 'Duplicate status',
+  'workbench.duplicateCheck.relatedOpportunity': 'Related opportunity',
+  'workbench.duplicateCheck.relatedClue': 'Related lead',
+  'workbench.duplicateCheck.relatedClues': 'Lead relations',
+  'workbench.duplicateCheck.company': 'company',
+  'workbench.duplicateCheck.clueStage': 'Lead stage',
+  'workbench.duplicateCheck.noDuplicateCustomers': 'No duplicate accounts',
+  'workbench.duplicateCheck.noDuplicateContacts': 'No duplicate contacts',
+  'workbench.duplicateCheck.moduleNotEnabled': 'Module not enabled',
+  'workbench.duplicateCheck.duplicate': 'Duplicate',
+  'workbench.duplicateCheck.similar': 'Similar',
+  'workbench.duplicateCheck.contactName': 'Name',
+  'workbench.duplicateCheck.contactResult': 'Contact result',
+  'workbench.duplicateCheck.contactCompany': 'Company',
+  'workbench.duplicateCheck.contactorName': 'Contact name',
+  'workbench.duplicateCheck.contactorPhoneNumber': 'The contact phone',
+  'workbench.duplicateCheck.globalSearchTitle': 'Global search',
+  'workbench.duplicateCheck.searchScoped': 'Search scoped',
+  'workbench.duplicateCheck.searchConditions': 'Search conditions',
+  'workbench.duplicateCheck.advanced': 'Advanced',
+  'workbench.duplicateCheck.searchConfig': 'Search config',
+  'workbench.duplicateCheck.searchInAdvancedResult': 'Search in cordys of {name} result',
+  'workbench.duplicateCheck.maxConditionTooltip': 'Allows you to add a maximum of 5 conditions',
+  'workbench.duplicateCheck.searchModule': 'Search module',
+  'workbench.duplicateCheck.matchFields': 'Match fields',
+  'workbench.duplicateCheck.showHasResultTable': 'Only show the result list',
+  'workbench.duplicateCheck.maxSelectCountTooltip': 'More than 5 fields affect performance',
+  'workbench.duplicateCheck.filterResultSort': 'Sort search results',
+  'workbench.quickAccess': 'Quick access',
+  'workbench.quickAccess.customRules': 'Minimum of 1 function required, maximum of 5 functions allowed',
+  'workbench.quickAccess.customRulesTip1': 'Minimum of 1 function required',
+  'workbench.quickAccess.customRulesTip2': 'Maximum of 5 functions allowed',
+  'workbench.quickAccess.selectedFunctions': 'Selected functions',
+  'workbench.quickAccess.functionToBeAdded': 'Function to be added',
+  'workbench.nearlyThreeDays': 'Last 3 days',
+  'workbench.nearlySevenDays': 'Last 7 days',
+  'workbench.lastOneMonth': 'Last month',
+  'workbench.createFollowUpRecord': 'New follow-up record',
+  'workbench.createFollowUpPlan': 'New follow-up plan',
+  'workbench.dataOverView': 'Data overview',
+  'workbench.today': 'Today',
+  'workbench.thisWeek': 'This week',
+  'workbench.thisMonth': 'This month',
+  'workbench.dataOverview.winOrder': 'Win order',
+  'workbench.dataOverview.opportunity': 'Opportunity',
+  'workbench.dataOverview.lead': 'Lead',
+  'workbench.dataOverview.category': 'Category',
+  'workbench.dataOverview.today': 'Today',
+  'workbench.dataOverview.thisWeek': 'This week',
+  'workbench.dataOverview.thisMonth': 'This month',
+  'workbench.dataOverview.thisYear': 'This year',
+  'workbench.dataOverview.newCreateTitle': 'New',
+  'workbench.dataOverview.followingOrder': 'Opportunities',
+  'workbench.dataOverview.amount': 'Opportunity Amount',
+  'workbench.dataOverview.winAmount': 'Win Amount',
+  'workbench.dataOverview.winOrderUnit': 'Win orders',
+  'workbench.dataOverview.comparedSamePeriod': 'Compared period',
+  'workbench.dataOverview.countUnit': 'NUMBER',
+  'workbench.dataOverview.winUnit': 'ORDERS',
+  'workbench.dataOverview.amountUnit': 'RMB',
+  'workbench.dataOverview.comparedYesterday': 'DOD',
+  'workbench.dataOverview.comparedLastWeek': 'WOW',
+  'workbench.dataOverview.comparedLastMonth': 'MOM',
+  'workbench.dataOverview.comparedLastYear': 'YOY',
+  'workbench.dataOverview.windOrderConfig': 'Win order',
+  'workbench.dataOverview.opportunitySet': 'Opportunity set',
+  'workbench.dataOverview.statisticalDimension': 'Dimension',
+  'workbench.dataOverview.clueSet': 'Lead Settings',
+  'workbench.dataOverview.statisticalDimensionTip1':
+    'Creator: Counts all leads created by the specified user within the given time period, including those in the lead pool and those converted to customers.',
+  'workbench.dataOverview.statisticalDimensionTip2':
+    'Owner: Counts all leads managed by the specified owner within the given time period.',
+  'workbench.dataOverview.myTasks': 'My tasks',
+  'workbench.dataOverview.pendingApproval': 'Pending Approval',
+  'workbench.dataOverview.approvedByMe': 'Approved by Me',
+  'workbench.dataOverview.initiatedByMe': 'Initiated by Me',
+  'workbench.dataOverview.copiedToMe': 'Copied to Me',
+};
diff --git a/frontend/packages/web/src/views/workbench/locale/zh-CN.ts b/frontend/packages/web/src/views/workbench/locale/zh-CN.ts
new file mode 100644
index 0000000..905d176
--- /dev/null
+++ b/frontend/packages/web/src/views/workbench/locale/zh-CN.ts
@@ -0,0 +1,81 @@
+export default {
+  'workbench.duplicateCheck': '查重',
+  'workbench.duplicateCheck.inputPlaceholder': '请输入客户名或手机号',
+  'workbench.duplicateCheck.result': '客户相关',
+  'workbench.duplicateCheck.status': '重复状态',
+  'workbench.duplicateCheck.relatedOpportunity': '对应商机',
+  'workbench.duplicateCheck.relatedClue': '对应线索',
+  'workbench.duplicateCheck.relatedClues': '线索相关',
+  'workbench.duplicateCheck.company': '公司',
+  'workbench.duplicateCheck.clueStage': '线索阶段',
+  'workbench.duplicateCheck.noDuplicateCustomers': '无重复客户',
+  'workbench.duplicateCheck.noDuplicateContacts': '无重复联系人',
+  'workbench.duplicateCheck.moduleNotEnabled': '模块未开启',
+  'workbench.duplicateCheck.duplicate': '重复',
+  'workbench.duplicateCheck.similar': '相似',
+  'workbench.duplicateCheck.contactName': '姓名',
+  'workbench.duplicateCheck.contactResult': '联系人相关',
+  'workbench.duplicateCheck.contactCompany': '公司',
+  'workbench.duplicateCheck.contactorName': '联系人姓名',
+  'workbench.duplicateCheck.contactorPhoneNumber': '联系人电话',
+  'workbench.duplicateCheck.globalSearchTitle': '全局搜索',
+  'workbench.duplicateCheck.searchScoped': '搜索范围',
+  'workbench.duplicateCheck.searchConditions': '查询条件',
+  'workbench.duplicateCheck.advanced': '高级搜索',
+  'workbench.duplicateCheck.searchConfig': '搜索设置',
+  'workbench.duplicateCheck.searchInAdvancedResult': '在高级搜索中查询{name}结果',
+  'workbench.duplicateCheck.maxConditionTooltip': '最多允许添加5个条件',
+  'workbench.duplicateCheck.searchModule': '搜索模块',
+  'workbench.duplicateCheck.matchFields': '匹配字段',
+  'workbench.duplicateCheck.showHasResultTable': '仅展示有结果的的列表',
+  'workbench.duplicateCheck.maxSelectCountTooltip': '字段超过5个则影响性能',
+  'workbench.duplicateCheck.filterResultSort': '搜索结果排序',
+  'workbench.quickAccess': '快捷入口',
+  'workbench.quickAccess.customRules': '最少添加 1 个功能，最多 5 个',
+  'workbench.quickAccess.customRulesTip1': '最少添加 1 个功能',
+  'workbench.quickAccess.customRulesTip2': '最多添加 5 个功能',
+  'workbench.quickAccess.selectedFunctions': '已选功能',
+  'workbench.quickAccess.functionToBeAdded': '待添加功能',
+  'workbench.nearlyThreeDays': '近 3 天',
+  'workbench.nearlySevenDays': '近 7 天',
+  'workbench.lastOneMonth': '近 1 个月',
+  'workbench.createFollowUpRecord': '新建记录',
+  'workbench.createFollowUpPlan': '新建计划',
+  'workbench.dataOverView': '数据概览',
+  'workbench.today': '今天',
+  'workbench.thisWeek': '本周',
+  'workbench.thisMonth': '本月',
+  'workbench.dataOverview.winOrder': '赢单',
+  'workbench.dataOverview.opportunity': '商机',
+  'workbench.dataOverview.lead': '线索',
+  'workbench.dataOverview.category': '类别',
+  'workbench.dataOverview.today': '今日',
+  'workbench.dataOverview.thisWeek': '本周',
+  'workbench.dataOverview.thisMonth': '本月',
+  'workbench.dataOverview.thisYear': '本年',
+  'workbench.dataOverview.newCreateTitle': '新建',
+  'workbench.dataOverview.followingOrder': '商机数',
+  'workbench.dataOverview.amount': '商机金额',
+  'workbench.dataOverview.winAmount': '赢单金额',
+  'workbench.dataOverview.winOrderUnit': '赢单数',
+  'workbench.dataOverview.comparedSamePeriod': '较同期',
+  'workbench.dataOverview.countUnit': '个',
+  'workbench.dataOverview.winUnit': '单',
+  'workbench.dataOverview.amountUnit': '元',
+  'workbench.dataOverview.comparedYesterday': '较昨日',
+  'workbench.dataOverview.comparedLastWeek': '较上周',
+  'workbench.dataOverview.comparedLastMonth': '较上月',
+  'workbench.dataOverview.comparedLastYear': '较上年',
+  'workbench.dataOverview.windOrderConfig': '赢单设置',
+  'workbench.dataOverview.opportunitySet': '商机设置',
+  'workbench.dataOverview.statisticalDimension': '统计维度',
+  'workbench.dataOverview.clueSet': '线索设置',
+  'workbench.dataOverview.statisticalDimensionTip1':
+    '创建人：统计指定创建人在单位时间内的全部线索，含线索池和已转客户线索。',
+  'workbench.dataOverview.statisticalDimensionTip2': '负责人：统计指定负责人在单位时间内的全部线索。',
+  'workbench.dataOverview.myTasks': '我的待办',
+  'workbench.dataOverview.pendingApproval': '待我审批',
+  'workbench.dataOverview.approvedByMe': '我处理的',
+  'workbench.dataOverview.initiatedByMe': '我发起的',
+  'workbench.dataOverview.copiedToMe': '抄送我的',
+};
diff --git a/frontend/packages/web/tailwind.config.mjs b/frontend/packages/web/tailwind.config.mjs
new file mode 100644
index 0000000..17b0ee7
--- /dev/null
+++ b/frontend/packages/web/tailwind.config.mjs
@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: ['./index.html', './src/**/*.{vue,ts,jsx,tsx}'],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};
diff --git a/frontend/packages/web/tsconfig.json b/frontend/packages/web/tsconfig.json
new file mode 100644
index 0000000..d4fe9e7
--- /dev/null
+++ b/frontend/packages/web/tsconfig.json
@@ -0,0 +1,20 @@
+{
+  "extends": "../../tsconfig.json",
+  "include": [
+    "src/**/*",
+    "types/**/*",
+    "*.d.ts",
+  ],
+  "compilerOptions": {
+    "baseUrl": "./",
+    "paths": {
+      // 路径映射
+      "@/*": [
+        "./src/*"
+      ],
+      "#/*": [
+        "types/*"
+      ],
+    },
+  },
+}
\ No newline at end of file
diff --git a/frontend/pnpm-workspace.yaml b/frontend/pnpm-workspace.yaml
new file mode 100644
index 0000000..3ce6f3b
--- /dev/null
+++ b/frontend/pnpm-workspace.yaml
@@ -0,0 +1,3 @@
+packages:
+  # all packages in direct subdirs of packages/
+  - "packages/*"
diff --git a/frontend/pom.xml b/frontend/pom.xml
new file mode 100644
index 0000000..57a607f
--- /dev/null
+++ b/frontend/pom.xml
@@ -0,0 +1,85 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <packaging>pom</packaging>
+
+    <parent>
+        <groupId>cn.cordys</groupId>
+        <artifactId>cordys-crm</artifactId>
+        <version>${revision}</version>
+    </parent>
+
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>frontend</artifactId>
+
+    <properties>
+        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
+        <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
+    </properties>
+
+    <build>
+        <plugins>
+            <plugin>
+                <groupId>com.github.eirslett</groupId>
+                <artifactId>frontend-maven-plugin</artifactId>
+                <version>${frontend-maven-plugin.version}</version>
+                <configuration>
+                    <installDirectory>.node</installDirectory>
+                </configuration>
+                <executions>
+                    <execution>
+                        <!-- optional: you don't really need execution ids, but it looks nice in your build log. -->
+                        <id>install node and pnpm</id>
+                        <goals>
+                            <goal>install-node-and-pnpm</goal>
+                        </goals>
+                        <!-- optional: default phase is "generate-resources" -->
+                        <phase>generate-resources</phase>
+                        <configuration>
+                            <nodeVersion>${node.version}</nodeVersion>
+                            <pnpmVersion>${pnpm.version}</pnpmVersion>
+                        </configuration>
+                    </execution>
+                    <!-- Install all project dependencies -->
+                    <execution>
+                        <id>pnpm install</id>
+                        <goals>
+                            <goal>pnpm</goal>
+                        </goals>
+                        <configuration>
+                            <!-- optional: The default argument is actually
+                            "install", so unless you need to run some other yarn command,
+                            you can remove this whole <configuration> section.
+                            -->
+                            <arguments>install</arguments>
+                        </configuration>
+                    </execution>
+                    <execution>
+                        <id>pnpm run build</id>
+                        <goals>
+                            <goal>pnpm</goal>
+                        </goals>
+                        <configuration>
+                            <arguments>run build</arguments>
+                        </configuration>
+                    </execution>
+                </executions>
+            </plugin>
+            <plugin>
+                <artifactId>maven-clean-plugin</artifactId>
+                <configuration>
+                    <filesets>
+                        <fileset>
+                            <directory>dist</directory>
+                            <includes>
+                                <include>**</include>
+                            </includes>
+                            <followSymlinks>false</followSymlinks>
+                        </fileset>
+                    </filesets>
+                </configuration>
+            </plugin>
+        </plugins>
+    </build>
+</project>
diff --git a/frontend/postcss.config.cjs b/frontend/postcss.config.cjs
new file mode 100644
index 0000000..74dd56d
--- /dev/null
+++ b/frontend/postcss.config.cjs
@@ -0,0 +1,3 @@
+module.exports = {
+  plugins: [require('postcss-import'), require('tailwindcss'), require('autoprefixer')],
+};
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
new file mode 100644
index 0000000..c56dc35
--- /dev/null
+++ b/frontend/tsconfig.json
@@ -0,0 +1,39 @@
+{
+  "exclude": [
+    // 排除掉哪些类库
+    "packages/**/node_modules",
+    "packages/**/dist/**"
+  ],
+  "compilerOptions": {
+    "allowJs": true, // 允许编译器编译JS，JSX文件
+    "noEmit": true,
+    "target": "esnext", // 使用es最新语法
+    "useDefineForClassFields": true,
+    "allowSyntheticDefaultImports": true, // 允许异步导入模块，配合自动导入插件使用
+    "module": "esnext", // 使用ES模块语法
+    "moduleResolution": "node",
+    "strict": true, // 严格模式
+    "jsx": "preserve",
+    "sourceMap": true, // 代码映射
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "lib": [
+      "esnext",
+      "dom"
+    ],
+    "skipLibCheck": true, // 跳过node依赖包语法检查
+    "types": [
+      "node",
+      // "vite-plugin-svg-icons/client"
+    ], // 手动导入TS类型声明文件
+    "paths": {
+      "#/*": [
+        "/types/*"
+      ],
+    }
+  },
+  "include": [
+    "packages/**/*"
+  ],
+}
\ No newline at end of file
diff --git a/installer/Dockerfile b/installer/Dockerfile
new file mode 100644
index 0000000..529cf64
--- /dev/null
+++ b/installer/Dockerfile
@@ -0,0 +1,53 @@
+FROM --platform=${BUILDPLATFORM} node:22-slim AS frontend
+
+WORKDIR /frontend
+COPY frontend /frontend
+RUN npm install -g pnpm@10.4.1 && \
+    pnpm install && \
+    pnpm run build
+
+
+FROM eclipse-temurin:21-jdk AS build
+WORKDIR /build
+COPY . /build
+COPY --from=frontend /frontend/packages/web/dist /build/frontend/packages/web/dist
+COPY --from=frontend /frontend/packages/mobile/dist /build/frontend/packages/mobile/dist
+
+RUN ./mvnw clean package -DskipTests -pl '!frontend' && \
+    mkdir backend/app/target/dependency && \
+    cd backend/app/target/dependency && \
+    jar -xf ../*.jar
+
+FROM ghcr.io/cordys-dev/cordys-base:latest
+
+LABEL maintainer="FIT2CLOUD <support@fit2cloud.com>"
+
+ARG MODULE=app
+ARG DEPENDENCY=/build/backend/${MODULE}/target/dependency
+
+COPY --from=build ${DEPENDENCY}/BOOT-INF/lib /app/lib
+COPY --from=build ${DEPENDENCY}/META-INF /app/META-INF
+COPY --from=build ${DEPENDENCY}/BOOT-INF/classes /app
+COPY --from=build /build/backend/${MODULE}/src/main/resources/static /app/static
+COPY installer/shells /shells
+COPY installer/conf /installer/conf
+
+COPY installer/mcp /app/mcp
+
+ENV JAVA_CLASSPATH=/app:/app/lib/*
+ENV JAVA_MAIN_CLASS=cn.cordys.Application
+ENV AB_OFF=true
+ENV JAVA_OPTIONS="-Dfile.encoding=utf-8 -Djava.awt.headless=true --add-opens java.base/jdk.internal.loader=ALL-UNNAMED --add-opens java.base/java.util=ALL-UNNAMED"
+
+ARG CRM_VERSION=main
+ENV CRM_VERSION=${CRM_VERSION}
+
+RUN echo "CRM_VERSION value during build: ${CRM_VERSION}"
+RUN echo -n "${CRM_VERSION}" > /tmp/CRM_VERSION
+
+VOLUME [ "/opt/cordys" ]
+
+EXPOSE 8081 8082 3306
+
+RUN chmod 777  /shells/*.sh
+ENTRYPOINT ["sh", "/shells/start-all.sh"]
diff --git a/installer/Dockerfile.base b/installer/Dockerfile.base
new file mode 100644
index 0000000..d601bb1
--- /dev/null
+++ b/installer/Dockerfile.base
@@ -0,0 +1,3 @@
+FROM metersphere/alpine-openjdk21-jre
+
+RUN apk add --no-cache libc6-compat mysql mysql-client redis
diff --git a/installer/conf/cordys-crm.properties b/installer/conf/cordys-crm.properties
new file mode 100755
index 0000000..45cd6d3
--- /dev/null
+++ b/installer/conf/cordys-crm.properties
@@ -0,0 +1,43 @@
+logger.sql.level=info
+management.endpoints.enabled-by-default=false
+springdoc.api-docs.groups.enabled=true
+spring.freemarker.check-template-location=false
+spring.groovy.template.check-template-location=false
+
+# 默认 all in one 配置，单机环境使用
+mysql.embedded.enabled=true
+spring.datasource.url=jdbc:mysql://127.0.0.1:3306/cordys-crm?autoReconnect=false&useUnicode=true&characterEncoding=UTF-8&characterSetResults=UTF-8&zeroDateTimeBehavior=convertToNull&allowPublicKeyRetrieval=true&useSSL=false&sessionVariables=sql_mode=%27STRICT_TRANS_TABLES,NO_ZERO_IN_DATE,NO_ZERO_DATE,ERROR_FOR_DIVISION_BY_ZERO,NO_ENGINE_SUBSTITUTION%27
+spring.datasource.username=root
+spring.datasource.password=CordysCRM@mysql
+spring.session.timeout=30d
+
+redis.embedded.enabled=true
+spring.data.redis.host=127.0.0.1
+spring.data.redis.password=CordysCRM@redis
+spring.data.redis.port=6379
+spring.session.redis.repository-type=indexed
+
+# MCP Server 配置
+mcp.embedded.enabled=true
+cordys.crm.url=http://127.0.0.1:8081
+spring.mvc.async.request-timeout=60000
+spring.ai.mcp.server.type=ASYNC
+spring.ai.mcp.server.name=cordys-crm-mcp-server
+spring.ai.mcp.server.version=1.0.0
+
+# SQLBot 默认获取 spring.datasource 配置访问数据库，支持自定义配置只读用户
+# sqlbot.datasource.username=Read-only-user
+# sqlbot.datasource.password=CordysCRM@mysql
+
+# 支持加密 API /db/structure 返回的敏感数据，默认 false
+# sqlbot.encrypt=false
+# sqlbot.aes-key=your-aes-key
+# sqlbot.aes-iv=your-aes-iv
+
+# Enable whitelist functionality, if not enabled, access will not be restricted.
+allowed.ip.ranges.enabled=false
+# Enable whitelist functionality, if not enabled, access will not be restricted.
+allowed.ip.ranges=
+
+# List of URLs that require XSS filtering, supports Ant-style path matching, e.g., /api/**. If no URLs need to be filtered, it can be left empty.
+xss.protection.url.list=/account/follow/**,/announcement/add
\ No newline at end of file
diff --git a/installer/conf/mysql/my.cnf b/installer/conf/mysql/my.cnf
new file mode 100755
index 0000000..7ee8b73
--- /dev/null
+++ b/installer/conf/mysql/my.cnf
@@ -0,0 +1,36 @@
+[mysqld]
+datadir=/opt/cordys/data/mysql
+
+default-storage-engine=INNODB
+character_set_server=utf8mb4
+lower_case_table_names=1
+performance_schema=off
+table_open_cache=128
+transaction_isolation=READ-COMMITTED
+max_connections=1000
+max_connect_errors=6000
+max_allowed_packet=64M
+innodb_file_per_table=1
+innodb_buffer_pool_size=256M
+innodb_lock_wait_timeout=1800
+
+server-id=1
+log-bin=mysql-bin
+expire_logs_days = 2
+binlog_format=mixed
+
+character-set-client-handshake = FALSE
+character-set-server=utf8mb4
+collation-server=utf8mb4_general_ci
+init_connect='SET default_collation_for_utf8mb4=utf8mb4_general_ci'
+
+sql_mode=STRICT_TRANS_TABLES,NO_ZERO_IN_DATE,NO_ZERO_DATE,ERROR_FOR_DIVISION_BY_ZERO,NO_ENGINE_SUBSTITUTION
+
+skip-name-resolve
+
+!includedir /etc/mysql/conf.d
+[mysql]
+default-character-set=utf8mb4
+
+[mysql.server]
+default-character-set=utf8mb4
diff --git a/installer/conf/redis/redis.conf b/installer/conf/redis/redis.conf
new file mode 100755
index 0000000..295f929
--- /dev/null
+++ b/installer/conf/redis/redis.conf
@@ -0,0 +1,2051 @@
+# Redis configuration file example.
+#
+# Note that in order to read the configuration file, Redis must be
+# started with the file path as first argument:
+#
+# ./redis-server /path/to/redis.conf
+
+# Note on units: when memory size is needed, it is possible to specify
+# it in the usual form of 1k 5GB 4M and so forth:
+#
+# 1k => 1000 bytes
+# 1kb => 1024 bytes
+# 1m => 1000000 bytes
+# 1mb => 1024*1024 bytes
+# 1g => 1000000000 bytes
+# 1gb => 1024*1024*1024 bytes
+#
+# units are case insensitive so 1GB 1Gb 1gB are all the same.
+
+################################## INCLUDES ###################################
+
+# Include one or more other config files here.  This is useful if you
+# have a standard template that goes to all Redis servers but also need
+# to customize a few per-server settings.  Include files can include
+# other files, so use this wisely.
+#
+# Note that option "include" won't be rewritten by command "CONFIG REWRITE"
+# from admin or Redis Sentinel. Since Redis always uses the last processed
+# line as value of a configuration directive, you'd better put includes
+# at the beginning of this file to avoid overwriting config change at runtime.
+#
+# If instead you are interested in using includes to override configuration
+# options, it is better to use include as the last line.
+#
+# include /path/to/local.conf
+# include /path/to/other.conf
+
+################################## MODULES #####################################
+
+# Load modules at startup. If the server is not able to load modules
+# it will abort. It is possible to use multiple loadmodule directives.
+#
+# loadmodule /path/to/my_module.so
+# loadmodule /path/to/other_module.so
+
+################################## NETWORK #####################################
+
+# By default, if no "bind" configuration directive is specified, Redis listens
+# for connections from all available network interfaces on the host machine.
+# It is possible to listen to just one or multiple selected interfaces using
+# the "bind" configuration directive, followed by one or more IP addresses.
+# Each address can be prefixed by "-", which means that redis will not fail to
+# start if the address is not available. Being not available only refers to
+# addresses that does not correspond to any network interfece. Addresses that
+# are already in use will always fail, and unsupported protocols will always BE
+# silently skipped.
+#
+# Examples:
+#
+# bind 192.168.1.100 10.0.0.1     # listens on two specific IPv4 addresses
+# bind 127.0.0.1 ::1              # listens on loopback IPv4 and IPv6
+# bind * -::*                     # like the default, all available interfaces
+#
+# ~~~ WARNING ~~~ If the computer running Redis is directly exposed to the
+# internet, binding to all the interfaces is dangerous and will expose the
+# instance to everybody on the internet. So by default we uncomment the
+# following bind directive, that will force Redis to listen only on the
+# IPv4 and IPv6 (if available) loopback interface addresses (this means Redis
+# will only be able to accept client connections from the same host that it is
+# running on).
+#
+# IF YOU ARE SURE YOU WANT YOUR INSTANCE TO LISTEN TO ALL THE INTERFACES
+# JUST COMMENT OUT THE FOLLOWING LINE.
+# ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+bind 0.0.0.0 ::0
+
+# Protected mode is a layer of security protection, in order to avoid that
+# Redis instances left open on the internet are accessed and exploited.
+#
+# When protected mode is on and if:
+#
+# 1) The server is not binding explicitly to a set of addresses using the
+#    "bind" directive.
+# 2) No password is configured.
+#
+# The server only accepts connections from clients connecting from the
+# IPv4 and IPv6 loopback addresses 127.0.0.1 and ::1, and from Unix domain
+# sockets.
+#
+# By default protected mode is enabled. You should disable it only if
+# you are sure you want clients from other hosts to connect to Redis
+# even if no authentication is configured, nor a specific set of interfaces
+# are explicitly listed using the "bind" directive.
+protected-mode no
+
+# Accept connections on the specified port, default is 6379 (IANA #815344).
+# If port 0 is specified Redis will not listen on a TCP socket.
+port 6379
+
+# TCP listen() backlog.
+#
+# In high requests-per-second environments you need a high backlog in order
+# to avoid slow clients connection issues. Note that the Linux kernel
+# will silently truncate it to the value of /proc/sys/net/core/somaxconn so
+# make sure to raise both the value of somaxconn and tcp_max_syn_backlog
+# in order to get the desired effect.
+tcp-backlog 511
+
+# Unix socket.
+#
+# Specify the path for the Unix socket that will be used to listen for
+# incoming connections. There is no default, so Redis will not listen
+# on a unix socket when not specified.
+#
+# unixsocket /run/redis.sock
+# unixsocketperm 700
+
+# Close the connection after a client is idle for N seconds (0 to disable)
+timeout 0
+
+# TCP keepalive.
+#
+# If non-zero, use SO_KEEPALIVE to send TCP ACKs to clients in absence
+# of communication. This is useful for two reasons:
+#
+# 1) Detect dead peers.
+# 2) Force network equipment in the middle to consider the connection to be
+#    alive.
+#
+# On Linux, the specified value (in seconds) is the period used to send ACKs.
+# Note that to close the connection the double of the time is needed.
+# On other kernels the period depends on the kernel configuration.
+#
+# A reasonable value for this option is 300 seconds, which is the new
+# Redis default starting with Redis 3.2.1.
+tcp-keepalive 300
+
+################################# TLS/SSL #####################################
+
+# By default, TLS/SSL is disabled. To enable it, the "tls-port" configuration
+# directive can be used to define TLS-listening ports. To enable TLS on the
+# default port, use:
+#
+# port 0
+# tls-port 6379
+
+# Configure a X.509 certificate and private key to use for authenticating the
+# server to connected clients, masters or cluster peers.  These files should be
+# PEM formatted.
+#
+# tls-cert-file redis.crt
+# tls-key-file redis.key
+#
+# If the key file is encrypted using a passphrase, it can be included here
+# as well.
+#
+# tls-key-file-pass secret
+
+# Normally Redis uses the same certificate for both server functions (accepting
+# connections) and client functions (replicating from a master, establishing
+# cluster bus connections, etc.).
+#
+# Sometimes certificates are issued with attributes that designate them as
+# client-only or server-only certificates. In that case it may be desired to use
+# different certificates for incoming (server) and outgoing (client)
+# connections. To do that, use the following directives:
+#
+# tls-client-cert-file client.crt
+# tls-client-key-file client.key
+#
+# If the key file is encrypted using a passphrase, it can be included here
+# as well.
+#
+# tls-client-key-file-pass secret
+
+# Configure a DH parameters file to enable Diffie-Hellman (DH) key exchange:
+#
+# tls-dh-params-file redis.dh
+
+# Configure a CA certificate(s) bundle or directory to authenticate TLS/SSL
+# clients and peers.  Redis requires an explicit configuration of at least one
+# of these, and will not implicitly use the system wide configuration.
+#
+# tls-ca-cert-file ca.crt
+# tls-ca-cert-dir /etc/ssl/certs
+
+# By default, clients (including replica servers) on a TLS port are required
+# to authenticate using valid client side certificates.
+#
+# If "no" is specified, client certificates are not required and not accepted.
+# If "optional" is specified, client certificates are accepted and must be
+# valid if provided, but are not required.
+#
+# tls-auth-clients no
+# tls-auth-clients optional
+
+# By default, a Redis replica does not attempt to establish a TLS connection
+# with its master.
+#
+# Use the following directive to enable TLS on replication links.
+#
+# tls-replication yes
+
+# By default, the Redis Cluster bus uses a plain TCP connection. To enable
+# TLS for the bus protocol, use the following directive:
+#
+# tls-cluster yes
+
+# By default, only TLSv1.2 and TLSv1.3 are enabled and it is highly recommended
+# that older formally deprecated versions are kept disabled to reduce the attack surface.
+# You can explicitly specify TLS versions to support.
+# Allowed values are case insensitive and include "TLSv1", "TLSv1.1", "TLSv1.2",
+# "TLSv1.3" (OpenSSL >= 1.1.1) or any combination.
+# To enable only TLSv1.2 and TLSv1.3, use:
+#
+# tls-protocols "TLSv1.2 TLSv1.3"
+
+# Configure allowed ciphers.  See the ciphers(1ssl) manpage for more information
+# about the syntax of this string.
+#
+# Note: this configuration applies only to <= TLSv1.2.
+#
+# tls-ciphers DEFAULT:!MEDIUM
+
+# Configure allowed TLSv1.3 ciphersuites.  See the ciphers(1ssl) manpage for more
+# information about the syntax of this string, and specifically for TLSv1.3
+# ciphersuites.
+#
+# tls-ciphersuites TLS_CHACHA20_POLY1305_SHA256
+
+# When choosing a cipher, use the server's preference instead of the client
+# preference. By default, the server follows the client's preference.
+#
+# tls-prefer-server-ciphers yes
+
+# By default, TLS session caching is enabled to allow faster and less expensive
+# reconnections by clients that support it. Use the following directive to disable
+# caching.
+#
+# tls-session-caching no
+
+# Change the default number of TLS sessions cached. A zero value sets the cache
+# to unlimited size. The default size is 20480.
+#
+# tls-session-cache-size 5000
+
+# Change the default timeout of cached TLS sessions. The default timeout is 300
+# seconds.
+#
+# tls-session-cache-timeout 60
+
+################################# GENERAL #####################################
+
+# By default Redis does not run as a daemon. Use 'yes' if you need it.
+# Note that Redis will write a pid file in /var/run/redis.pid when daemonized.
+# When Redis is supervised by upstart or systemd, this parameter has no impact.
+daemonize no
+
+# If you run Redis from upstart or systemd, Redis can interact with your
+# supervision tree. Options:
+#   supervised no      - no supervision interaction
+#   supervised upstart - signal upstart by putting Redis into SIGSTOP mode
+#                        requires "expect stop" in your upstart job config
+#   supervised systemd - signal systemd by writing READY=1 to $NOTIFY_SOCKET
+#                        on startup, and updating Redis status on a regular
+#                        basis.
+#   supervised auto    - detect upstart or systemd method based on
+#                        UPSTART_JOB or NOTIFY_SOCKET environment variables
+# Note: these supervision methods only signal "process is ready."
+#       They do not enable continuous pings back to your supervisor.
+#
+# The default is "no". To run under upstart/systemd, you can simply uncomment
+# the line below:
+#
+# supervised auto
+
+# If a pid file is specified, Redis writes it where specified at startup
+# and removes it at exit.
+#
+# When the server runs non daemonized, no pid file is created if none is
+# specified in the configuration. When the server is daemonized, the pid file
+# is used even if not specified, defaulting to "/var/run/redis.pid".
+#
+# Creating a pid file is best effort: if Redis is not able to create it
+# nothing bad happens, the server will start and run normally.
+#
+# Note that on modern Linux systems "/run/redis.pid" is more conforming
+# and should be used instead.
+pidfile /var/run/redis_6379.pid
+
+# Specify the server verbosity level.
+# This can be one of:
+# debug (a lot of information, useful for development/testing)
+# verbose (many rarely useful info, but not a mess like the debug level)
+# notice (moderately verbose, what you want in production probably)
+# warning (only very important / critical messages are logged)
+loglevel notice
+
+# Specify the log file name. Also the empty string can be used to force
+# Redis to log on the standard output. Note that if you use standard
+# output for logging but daemonize, logs will be sent to /dev/null
+logfile ""
+
+# To enable logging to the system logger, just set 'syslog-enabled' to yes,
+# and optionally update the other syslog parameters to suit your needs.
+# syslog-enabled no
+
+# Specify the syslog identity.
+# syslog-ident redis
+
+# Specify the syslog facility. Must be USER or between LOCAL0-LOCAL7.
+# syslog-facility local0
+
+# To disable the built in crash log, which will possibly produce cleaner core
+# dumps when they are needed, uncomment the following:
+#
+# crash-log-enabled no
+
+# To disable the fast memory check that's run as part of the crash log, which
+# will possibly let redis terminate sooner, uncomment the following:
+#
+# crash-memcheck-enabled no
+
+# Set the number of databases. The default database is DB 0, you can select
+# a different one on a per-connection basis using SELECT <dbid> where
+# dbid is a number between 0 and 'databases'-1
+databases 16
+
+# By default Redis shows an ASCII art logo only when started to log to the
+# standard output and if the standard output is a TTY and syslog logging is
+# disabled. Basically this means that normally a logo is displayed only in
+# interactive sessions.
+#
+# However it is possible to force the pre-4.0 behavior and always show a
+# ASCII art logo in startup logs by setting the following option to yes.
+always-show-logo no
+
+# By default, Redis modifies the process title (as seen in 'top' and 'ps') to
+# provide some runtime information. It is possible to disable this and leave
+# the process name as executed by setting the following to no.
+set-proc-title yes
+
+# When changing the process title, Redis uses the following template to construct
+# the modified title.
+#
+# Template variables are specified in curly brackets. The following variables are
+# supported:
+#
+# {title}           Name of process as executed if parent, or type of child process.
+# {listen-addr}     Bind address or '*' followed by TCP or TLS port listening on, or
+#                   Unix socket if only that's available.
+# {server-mode}     Special mode, i.e. "[sentinel]" or "[cluster]".
+# {port}            TCP port listening on, or 0.
+# {tls-port}        TLS port listening on, or 0.
+# {unixsocket}      Unix domain socket listening on, or "".
+# {config-file}     Name of configuration file used.
+#
+proc-title-template "{title} {listen-addr} {server-mode}"
+
+################################ SNAPSHOTTING  ################################
+
+# Save the DB to disk.
+#
+# save <seconds> <changes>
+#
+# Redis will save the DB if both the given number of seconds and the given
+# number of write operations against the DB occurred.
+#
+# Snapshotting can be completely disabled with a single empty string argument
+# as in following example:
+#
+# save ""
+#
+# Unless specified otherwise, by default Redis will save the DB:
+#   * After 3600 seconds (an hour) if at least 1 key changed
+#   * After 300 seconds (5 minutes) if at least 100 keys changed
+#   * After 60 seconds if at least 10000 keys changed
+#
+# You can set these explicitly by uncommenting the three following lines.
+#
+# save 3600 1
+# save 300 100
+# save 60 10000
+
+# By default Redis will stop accepting writes if RDB snapshots are enabled
+# (at least one save point) and the latest background save failed.
+# This will make the user aware (in a hard way) that data is not persisting
+# on disk properly, otherwise chances are that no one will notice and some
+# disaster will happen.
+#
+# If the background saving process will start working again Redis will
+# automatically allow writes again.
+#
+# However if you have setup your proper monitoring of the Redis server
+# and persistence, you may want to disable this feature so that Redis will
+# continue to work as usual even if there are problems with disk,
+# permissions, and so forth.
+stop-writes-on-bgsave-error yes
+
+# Compress string objects using LZF when dump .rdb databases?
+# By default compression is enabled as it's almost always a win.
+# If you want to save some CPU in the saving child set it to 'no' but
+# the dataset will likely be bigger if you have compressible values or keys.
+rdbcompression yes
+
+# Since version 5 of RDB a CRC64 checksum is placed at the end of the file.
+# This makes the format more resistant to corruption but there is a performance
+# hit to pay (around 10%) when saving and loading RDB files, so you can disable it
+# for maximum performances.
+#
+# RDB files created with checksum disabled have a checksum of zero that will
+# tell the loading code to skip the check.
+rdbchecksum yes
+
+# Enables or disables full sanitation checks for ziplist and listpack etc when
+# loading an RDB or RESTORE payload. This reduces the chances of a assertion or
+# crash later on while processing commands.
+# Options:
+#   no         - Never perform full sanitation
+#   yes        - Always perform full sanitation
+#   clients    - Perform full sanitation only for user connections.
+#                Excludes: RDB files, RESTORE commands received from the master
+#                connection, and client connections which have the
+#                skip-sanitize-payload ACL flag.
+# The default should be 'clients' but since it currently affects cluster
+# resharding via MIGRATE, it is temporarily set to 'no' by default.
+#
+# sanitize-dump-payload no
+
+# The filename where to dump the DB
+dbfilename dump.rdb
+
+# Remove RDB files used by replication in instances without persistence
+# enabled. By default this option is disabled, however there are environments
+# where for regulations or other security concerns, RDB files persisted on
+# disk by masters in order to feed replicas, or stored on disk by replicas
+# in order to load them for the initial synchronization, should be deleted
+# ASAP. Note that this option ONLY WORKS in instances that have both AOF
+# and RDB persistence disabled, otherwise is completely ignored.
+#
+# An alternative (and sometimes better) way to obtain the same effect is
+# to use diskless replication on both master and replicas instances. However
+# in the case of replicas, diskless is not always an option.
+rdb-del-sync-files no
+
+# The working directory.
+#
+# The DB will be written inside this directory, with the filename specified
+# above using the 'dbfilename' configuration directive.
+#
+# The Append Only File will also be created inside this directory.
+#
+# Note that you must specify a directory here, not a file name.
+dir /opt/cordys/data/redis
+
+################################# REPLICATION #################################
+
+# Master-Replica replication. Use replicaof to make a Redis instance a copy of
+# another Redis server. A few things to understand ASAP about Redis replication.
+#
+#   +------------------+      +---------------+
+#   |      Master      | ---> |    Replica    |
+#   | (receive writes) |      |  (exact copy) |
+#   +------------------+      +---------------+
+#
+# 1) Redis replication is asynchronous, but you can configure a master to
+#    stop accepting writes if it appears to be not connected with at least
+#    a given number of replicas.
+# 2) Redis replicas are able to perform a partial resynchronization with the
+#    master if the replication link is lost for a relatively small amount of
+#    time. You may want to configure the replication backlog size (see the next
+#    sections of this file) with a sensible value depending on your needs.
+# 3) Replication is automatic and does not need user intervention. After a
+#    network partition replicas automatically try to reconnect to masters
+#    and resynchronize with them.
+#
+# replicaof <masterip> <masterport>
+
+# If the master is password protected (using the "requirepass" configuration
+# directive below) it is possible to tell the replica to authenticate before
+# starting the replication synchronization process, otherwise the master will
+# refuse the replica request.
+#
+# masterauth <master-password>
+#
+# However this is not enough if you are using Redis ACLs (for Redis version
+# 6 or greater), and the default user is not capable of running the PSYNC
+# command and/or other commands needed for replication. In this case it's
+# better to configure a special user to use with replication, and specify the
+# masteruser configuration as such:
+#
+# masteruser <username>
+#
+# When masteruser is specified, the replica will authenticate against its
+# master using the new AUTH form: AUTH <username> <password>.
+
+# When a replica loses its connection with the master, or when the replication
+# is still in progress, the replica can act in two different ways:
+#
+# 1) if replica-serve-stale-data is set to 'yes' (the default) the replica will
+#    still reply to client requests, possibly with out of date data, or the
+#    data set may just be empty if this is the first synchronization.
+#
+# 2) If replica-serve-stale-data is set to 'no' the replica will reply with
+#    an error "SYNC with master in progress" to all commands except:
+#    INFO, REPLICAOF, AUTH, PING, SHUTDOWN, REPLCONF, ROLE, CONFIG, SUBSCRIBE,
+#    UNSUBSCRIBE, PSUBSCRIBE, PUNSUBSCRIBE, PUBLISH, PUBSUB, COMMAND, POST,
+#    HOST and LATENCY.
+#
+replica-serve-stale-data yes
+
+# You can configure a replica instance to accept writes or not. Writing against
+# a replica instance may be useful to store some ephemeral data (because data
+# written on a replica will be easily deleted after resync with the master) but
+# may also cause problems if clients are writing to it because of a
+# misconfiguration.
+#
+# Since Redis 2.6 by default replicas are read-only.
+#
+# Note: read only replicas are not designed to be exposed to untrusted clients
+# on the internet. It's just a protection layer against misuse of the instance.
+# Still a read only replica exports by default all the administrative commands
+# such as CONFIG, DEBUG, and so forth. To a limited extent you can improve
+# security of read only replicas using 'rename-command' to shadow all the
+# administrative / dangerous commands.
+replica-read-only yes
+
+# Replication SYNC strategy: disk or socket.
+#
+# New replicas and reconnecting replicas that are not able to continue the
+# replication process just receiving differences, need to do what is called a
+# "full synchronization". An RDB file is transmitted from the master to the
+# replicas.
+#
+# The transmission can happen in two different ways:
+#
+# 1) Disk-backed: The Redis master creates a new process that writes the RDB
+#                 file on disk. Later the file is transferred by the parent
+#                 process to the replicas incrementally.
+# 2) Diskless: The Redis master creates a new process that directly writes the
+#              RDB file to replica sockets, without touching the disk at all.
+#
+# With disk-backed replication, while the RDB file is generated, more replicas
+# can be queued and served with the RDB file as soon as the current child
+# producing the RDB file finishes its work. With diskless replication instead
+# once the transfer starts, new replicas arriving will be queued and a new
+# transfer will start when the current one terminates.
+#
+# When diskless replication is used, the master waits a configurable amount of
+# time (in seconds) before starting the transfer in the hope that multiple
+# replicas will arrive and the transfer can be parallelized.
+#
+# With slow disks and fast (large bandwidth) networks, diskless replication
+# works better.
+repl-diskless-sync no
+
+# When diskless replication is enabled, it is possible to configure the delay
+# the server waits in order to spawn the child that transfers the RDB via socket
+# to the replicas.
+#
+# This is important since once the transfer starts, it is not possible to serve
+# new replicas arriving, that will be queued for the next RDB transfer, so the
+# server waits a delay in order to let more replicas arrive.
+#
+# The delay is specified in seconds, and by default is 5 seconds. To disable
+# it entirely just set it to 0 seconds and the transfer will start ASAP.
+repl-diskless-sync-delay 5
+
+# -----------------------------------------------------------------------------
+# WARNING: RDB diskless load is experimental. Since in this setup the replica
+# does not immediately store an RDB on disk, it may cause data loss during
+# failovers. RDB diskless load + Redis modules not handling I/O reads may also
+# cause Redis to abort in case of I/O errors during the initial synchronization
+# stage with the master. Use only if you know what you are doing.
+# -----------------------------------------------------------------------------
+#
+# Replica can load the RDB it reads from the replication link directly from the
+# socket, or store the RDB to a file and read that file after it was completely
+# received from the master.
+#
+# In many cases the disk is slower than the network, and storing and loading
+# the RDB file may increase replication time (and even increase the master's
+# Copy on Write memory and salve buffers).
+# However, parsing the RDB file directly from the socket may mean that we have
+# to flush the contents of the current database before the full rdb was
+# received. For this reason we have the following options:
+#
+# "disabled"    - Don't use diskless load (store the rdb file to the disk first)
+# "on-empty-db" - Use diskless load only when it is completely safe.
+# "swapdb"      - Keep a copy of the current db contents in RAM while parsing
+#                 the data directly from the socket. note that this requires
+#                 sufficient memory, if you don't have it, you risk an OOM kill.
+repl-diskless-load disabled
+
+# Replicas send PINGs to server in a predefined interval. It's possible to
+# change this interval with the repl_ping_replica_period option. The default
+# value is 10 seconds.
+#
+# repl-ping-replica-period 10
+
+# The following option sets the replication timeout for:
+#
+# 1) Bulk transfer I/O during SYNC, from the point of view of replica.
+# 2) Master timeout from the point of view of replicas (data, pings).
+# 3) Replica timeout from the point of view of masters (REPLCONF ACK pings).
+#
+# It is important to make sure that this value is greater than the value
+# specified for repl-ping-replica-period otherwise a timeout will be detected
+# every time there is low traffic between the master and the replica. The default
+# value is 60 seconds.
+#
+# repl-timeout 60
+
+# Disable TCP_NODELAY on the replica socket after SYNC?
+#
+# If you select "yes" Redis will use a smaller number of TCP packets and
+# less bandwidth to send data to replicas. But this can add a delay for
+# the data to appear on the replica side, up to 40 milliseconds with
+# Linux kernels using a default configuration.
+#
+# If you select "no" the delay for data to appear on the replica side will
+# be reduced but more bandwidth will be used for replication.
+#
+# By default we optimize for low latency, but in very high traffic conditions
+# or when the master and replicas are many hops away, turning this to "yes" may
+# be a good idea.
+repl-disable-tcp-nodelay no
+
+# Set the replication backlog size. The backlog is a buffer that accumulates
+# replica data when replicas are disconnected for some time, so that when a
+# replica wants to reconnect again, often a full resync is not needed, but a
+# partial resync is enough, just passing the portion of data the replica
+# missed while disconnected.
+#
+# The bigger the replication backlog, the longer the replica can endure the
+# disconnect and later be able to perform a partial resynchronization.
+#
+# The backlog is only allocated if there is at least one replica connected.
+#
+# repl-backlog-size 1mb
+
+# After a master has no connected replicas for some time, the backlog will be
+# freed. The following option configures the amount of seconds that need to
+# elapse, starting from the time the last replica disconnected, for the backlog
+# buffer to be freed.
+#
+# Note that replicas never free the backlog for timeout, since they may be
+# promoted to masters later, and should be able to correctly "partially
+# resynchronize" with other replicas: hence they should always accumulate backlog.
+#
+# A value of 0 means to never release the backlog.
+#
+# repl-backlog-ttl 3600
+
+# The replica priority is an integer number published by Redis in the INFO
+# output. It is used by Redis Sentinel in order to select a replica to promote
+# into a master if the master is no longer working correctly.
+#
+# A replica with a low priority number is considered better for promotion, so
+# for instance if there are three replicas with priority 10, 100, 25 Sentinel
+# will pick the one with priority 10, that is the lowest.
+#
+# However a special priority of 0 marks the replica as not able to perform the
+# role of master, so a replica with priority of 0 will never be selected by
+# Redis Sentinel for promotion.
+#
+# By default the priority is 100.
+replica-priority 100
+
+# -----------------------------------------------------------------------------
+# By default, Redis Sentinel includes all replicas in its reports. A replica
+# can be excluded from Redis Sentinel's announcements. An unannounced replica
+# will be ignored by the 'sentinel replicas <master>' command and won't be
+# exposed to Redis Sentinel's clients.
+#
+# This option does not change the behavior of replica-priority. Even with
+# replica-announced set to 'no', the replica can be promoted to master. To
+# prevent this behavior, set replica-priority to 0.
+#
+# replica-announced yes
+
+# It is possible for a master to stop accepting writes if there are less than
+# N replicas connected, having a lag less or equal than M seconds.
+#
+# The N replicas need to be in "online" state.
+#
+# The lag in seconds, that must be <= the specified value, is calculated from
+# the last ping received from the replica, that is usually sent every second.
+#
+# This option does not GUARANTEE that N replicas will accept the write, but
+# will limit the window of exposure for lost writes in case not enough replicas
+# are available, to the specified number of seconds.
+#
+# For example to require at least 3 replicas with a lag <= 10 seconds use:
+#
+# min-replicas-to-write 3
+# min-replicas-max-lag 10
+#
+# Setting one or the other to 0 disables the feature.
+#
+# By default min-replicas-to-write is set to 0 (feature disabled) and
+# min-replicas-max-lag is set to 10.
+
+# A Redis master is able to list the address and port of the attached
+# replicas in different ways. For example the "INFO replication" section
+# offers this information, which is used, among other tools, by
+# Redis Sentinel in order to discover replica instances.
+# Another place where this info is available is in the output of the
+# "ROLE" command of a master.
+#
+# The listed IP address and port normally reported by a replica is
+# obtained in the following way:
+#
+#   IP: The address is auto detected by checking the peer address
+#   of the socket used by the replica to connect with the master.
+#
+#   Port: The port is communicated by the replica during the replication
+#   handshake, and is normally the port that the replica is using to
+#   listen for connections.
+#
+# However when port forwarding or Network Address Translation (NAT) is
+# used, the replica may actually be reachable via different IP and port
+# pairs. The following two options can be used by a replica in order to
+# report to its master a specific set of IP and port, so that both INFO
+# and ROLE will report those values.
+#
+# There is no need to use both the options if you need to override just
+# the port or the IP address.
+#
+# replica-announce-ip 5.5.5.5
+# replica-announce-port 1234
+
+############################### KEYS TRACKING #################################
+
+# Redis implements server assisted support for client side caching of values.
+# This is implemented using an invalidation table that remembers, using
+# a radix key indexed by key name, what clients have which keys. In turn
+# this is used in order to send invalidation messages to clients. Please
+# check this page to understand more about the feature:
+#
+#   https://redis.io/topics/client-side-caching
+#
+# When tracking is enabled for a client, all the read only queries are assumed
+# to be cached: this will force Redis to store information in the invalidation
+# table. When keys are modified, such information is flushed away, and
+# invalidation messages are sent to the clients. However if the workload is
+# heavily dominated by reads, Redis could use more and more memory in order
+# to track the keys fetched by many clients.
+#
+# For this reason it is possible to configure a maximum fill value for the
+# invalidation table. By default it is set to 1M of keys, and once this limit
+# is reached, Redis will start to evict keys in the invalidation table
+# even if they were not modified, just to reclaim memory: this will in turn
+# force the clients to invalidate the cached values. Basically the table
+# maximum size is a trade off between the memory you want to spend server
+# side to track information about who cached what, and the ability of clients
+# to retain cached objects in memory.
+#
+# If you set the value to 0, it means there are no limits, and Redis will
+# retain as many keys as needed in the invalidation table.
+# In the "stats" INFO section, you can find information about the number of
+# keys in the invalidation table at every given moment.
+#
+# Note: when key tracking is used in broadcasting mode, no memory is used
+# in the server side so this setting is useless.
+#
+# tracking-table-max-keys 1000000
+
+################################## SECURITY ###################################
+
+# Warning: since Redis is pretty fast, an outside user can try up to
+# 1 million passwords per second against a modern box. This means that you
+# should use very strong passwords, otherwise they will be very easy to break.
+# Note that because the password is really a shared secret between the client
+# and the server, and should not be memorized by any human, the password
+# can be easily a long string from /dev/urandom or whatever, so by using a
+# long and unguessable password no brute force attack will be possible.
+
+# Redis ACL users are defined in the following format:
+#
+#   user <username> ... acl rules ...
+#
+# For example:
+#
+#   user worker +@list +@connection ~jobs:* on >ffa9203c493aa99
+#
+# The special username "default" is used for new connections. If this user
+# has the "nopass" rule, then new connections will be immediately authenticated
+# as the "default" user without the need of any password provided via the
+# AUTH command. Otherwise if the "default" user is not flagged with "nopass"
+# the connections will start in not authenticated state, and will require
+# AUTH (or the HELLO command AUTH option) in order to be authenticated and
+# start to work.
+#
+# The ACL rules that describe what a user can do are the following:
+#
+#  on           Enable the user: it is possible to authenticate as this user.
+#  off          Disable the user: it's no longer possible to authenticate
+#               with this user, however the already authenticated connections
+#               will still work.
+#  skip-sanitize-payload    RESTORE dump-payload sanitation is skipped.
+#  sanitize-payload         RESTORE dump-payload is sanitized (default).
+#  +<command>   Allow the execution of that command
+#  -<command>   Disallow the execution of that command
+#  +@<category> Allow the execution of all the commands in such category
+#               with valid categories are like @admin, @set, @sortedset, ...
+#               and so forth, see the full list in the server.c file where
+#               the Redis command table is described and defined.
+#               The special category @all means all the commands, but currently
+#               present in the server, and that will be loaded in the future
+#               via modules.
+#  +<command>|subcommand    Allow a specific subcommand of an otherwise
+#                           disabled command. Note that this form is not
+#                           allowed as negative like -DEBUG|SEGFAULT, but
+#                           only additive starting with "+".
+#  allcommands  Alias for +@all. Note that it implies the ability to execute
+#               all the future commands loaded via the modules system.
+#  nocommands   Alias for -@all.
+#  ~<pattern>   Add a pattern of keys that can be mentioned as part of
+#               commands. For instance ~* allows all the keys. The pattern
+#               is a glob-style pattern like the one of KEYS.
+#               It is possible to specify multiple patterns.
+#  allkeys      Alias for ~*
+#  resetkeys    Flush the list of allowed keys patterns.
+#  &<pattern>   Add a glob-style pattern of Pub/Sub channels that can be
+#               accessed by the user. It is possible to specify multiple channel
+#               patterns.
+#  allchannels  Alias for &*
+#  resetchannels            Flush the list of allowed channel patterns.
+#  ><password>  Add this password to the list of valid password for the user.
+#               For example >mypass will add "mypass" to the list.
+#               This directive clears the "nopass" flag (see later).
+#  <<password>  Remove this password from the list of valid passwords.
+#  nopass       All the set passwords of the user are removed, and the user
+#               is flagged as requiring no password: it means that every
+#               password will work against this user. If this directive is
+#               used for the default user, every new connection will be
+#               immediately authenticated with the default user without
+#               any explicit AUTH command required. Note that the "resetpass"
+#               directive will clear this condition.
+#  resetpass    Flush the list of allowed passwords. Moreover removes the
+#               "nopass" status. After "resetpass" the user has no associated
+#               passwords and there is no way to authenticate without adding
+#               some password (or setting it as "nopass" later).
+#  reset        Performs the following actions: resetpass, resetkeys, off,
+#               -@all. The user returns to the same state it has immediately
+#               after its creation.
+#
+# ACL rules can be specified in any order: for instance you can start with
+# passwords, then flags, or key patterns. However note that the additive
+# and subtractive rules will CHANGE MEANING depending on the ordering.
+# For instance see the following example:
+#
+#   user alice on +@all -DEBUG ~* >somepassword
+#
+# This will allow "alice" to use all the commands with the exception of the
+# DEBUG command, since +@all added all the commands to the set of the commands
+# alice can use, and later DEBUG was removed. However if we invert the order
+# of two ACL rules the result will be different:
+#
+#   user alice on -DEBUG +@all ~* >somepassword
+#
+# Now DEBUG was removed when alice had yet no commands in the set of allowed
+# commands, later all the commands are added, so the user will be able to
+# execute everything.
+#
+# Basically ACL rules are processed left-to-right.
+#
+# For more information about ACL configuration please refer to
+# the Redis web site at https://redis.io/topics/acl
+
+# ACL LOG
+#
+# The ACL Log tracks failed commands and authentication events associated
+# with ACLs. The ACL Log is useful to troubleshoot failed commands blocked
+# by ACLs. The ACL Log is stored in memory. You can reclaim memory with
+# ACL LOG RESET. Define the maximum entry length of the ACL Log below.
+acllog-max-len 128
+
+# Using an external ACL file
+#
+# Instead of configuring users here in this file, it is possible to use
+# a stand-alone file just listing users. The two methods cannot be mixed:
+# if you configure users here and at the same time you activate the external
+# ACL file, the server will refuse to start.
+#
+# The format of the external ACL user file is exactly the same as the
+# format that is used inside redis.conf to describe users.
+#
+# aclfile /etc/redis/users.acl
+
+# IMPORTANT NOTE: starting with Redis 6 "requirepass" is just a compatibility
+# layer on top of the new ACL system. The option effect will be just setting
+# the password for the default user. Clients will still authenticate using
+# AUTH <password> as usually, or more explicitly with AUTH default <password>
+# if they follow the new protocol: both will work.
+#
+# The requirepass is not compatible with aclfile option and the ACL LOAD
+# command, these will cause requirepass to be ignored.
+#
+# requirepass ${CORDYS_REDIS_PASSWORD}
+
+# New users are initialized with restrictive permissions by default, via the
+# equivalent of this ACL rule 'off resetkeys -@all'. Starting with Redis 6.2, it
+# is possible to manage access to Pub/Sub channels with ACL rules as well. The
+# default Pub/Sub channels permission if new users is controlled by the
+# acl-pubsub-default configuration directive, which accepts one of these values:
+#
+# allchannels: grants access to all Pub/Sub channels
+# resetchannels: revokes access to all Pub/Sub channels
+#
+# To ensure backward compatibility while upgrading Redis 6.0, acl-pubsub-default
+# defaults to the 'allchannels' permission.
+#
+# Future compatibility note: it is very likely that in a future version of Redis
+# the directive's default of 'allchannels' will be changed to 'resetchannels' in
+# order to provide better out-of-the-box Pub/Sub security. Therefore, it is
+# recommended that you explicitly define Pub/Sub permissions for all users
+# rather then rely on implicit default values. Once you've set explicit
+# Pub/Sub for all existing users, you should uncomment the following line.
+#
+# acl-pubsub-default resetchannels
+
+# Command renaming (DEPRECATED).
+#
+# ------------------------------------------------------------------------
+# WARNING: avoid using this option if possible. Instead use ACLs to remove
+# commands from the default user, and put them only in some admin user you
+# create for administrative purposes.
+# ------------------------------------------------------------------------
+#
+# It is possible to change the name of dangerous commands in a shared
+# environment. For instance the CONFIG command may be renamed into something
+# hard to guess so that it will still be available for internal-use tools
+# but not available for general clients.
+#
+# Example:
+#
+# rename-command CONFIG b840fc02d524045429941cc15f59e41cb7be6c52
+#
+# It is also possible to completely kill a command by renaming it into
+# an empty string:
+#
+# rename-command CONFIG ""
+#
+# Please note that changing the name of commands that are logged into the
+# AOF file or transmitted to replicas may cause problems.
+
+################################### CLIENTS ####################################
+
+# Set the max number of connected clients at the same time. By default
+# this limit is set to 10000 clients, however if the Redis server is not
+# able to configure the process file limit to allow for the specified limit
+# the max number of allowed clients is set to the current file limit
+# minus 32 (as Redis reserves a few file descriptors for internal uses).
+#
+# Once the limit is reached Redis will close all the new connections sending
+# an error 'max number of clients reached'.
+#
+# IMPORTANT: When Redis Cluster is used, the max number of connections is also
+# shared with the cluster bus: every node in the cluster will use two
+# connections, one incoming and another outgoing. It is important to size the
+# limit accordingly in case of very large clusters.
+#
+# maxclients 10000
+
+############################## MEMORY MANAGEMENT ################################
+
+# Set a memory usage limit to the specified amount of bytes.
+# When the memory limit is reached Redis will try to remove keys
+# according to the eviction policy selected (see maxmemory-policy).
+#
+# If Redis can't remove keys according to the policy, or if the policy is
+# set to 'noeviction', Redis will start to reply with errors to commands
+# that would use more memory, like SET, LPUSH, and so on, and will continue
+# to reply to read-only commands like GET.
+#
+# This option is usually useful when using Redis as an LRU or LFU cache, or to
+# set a hard memory limit for an instance (using the 'noeviction' policy).
+#
+# WARNING: If you have replicas attached to an instance with maxmemory on,
+# the size of the output buffers needed to feed the replicas are subtracted
+# from the used memory count, so that network problems / resyncs will
+# not trigger a loop where keys are evicted, and in turn the output
+# buffer of replicas is full with DELs of keys evicted triggering the deletion
+# of more keys, and so forth until the database is completely emptied.
+#
+# In short... if you have replicas attached it is suggested that you set a lower
+# limit for maxmemory so that there is some free RAM on the system for replica
+# output buffers (but this is not needed if the policy is 'noeviction').
+#
+maxmemory 1G
+
+# MAXMEMORY POLICY: how Redis will select what to remove when maxmemory
+# is reached. You can select one from the following behaviors:
+#
+# volatile-lru -> Evict using approximated LRU, only keys with an expire set.
+# allkeys-lru -> Evict any key using approximated LRU.
+# volatile-lfu -> Evict using approximated LFU, only keys with an expire set.
+# allkeys-lfu -> Evict any key using approximated LFU.
+# volatile-random -> Remove a random key having an expire set.
+# allkeys-random -> Remove a random key, any key.
+# volatile-ttl -> Remove the key with the nearest expire time (minor TTL)
+# noeviction -> Don't evict anything, just return an error on write operations.
+#
+# LRU means Least Recently Used
+# LFU means Least Frequently Used
+#
+# Both LRU, LFU and volatile-ttl are implemented using approximated
+# randomized algorithms.
+#
+# Note: with any of the above policies, when there are no suitable keys for
+# eviction, Redis will return an error on write operations that require
+# more memory. These are usually commands that create new keys, add data or
+# modify existing keys. A few examples are: SET, INCR, HSET, LPUSH, SUNIONSTORE,
+# SORT (due to the STORE argument), and EXEC (if the transaction includes any
+# command that requires memory).
+#
+# The default is:
+#
+maxmemory-policy volatile-lru
+
+# LRU, LFU and minimal TTL algorithms are not precise algorithms but approximated
+# algorithms (in order to save memory), so you can tune it for speed or
+# accuracy. By default Redis will check five keys and pick the one that was
+# used least recently, you can change the sample size using the following
+# configuration directive.
+#
+# The default of 5 produces good enough results. 10 Approximates very closely
+# true LRU but costs more CPU. 3 is faster but not very accurate.
+#
+# maxmemory-samples 5
+
+# Eviction processing is designed to function well with the default setting.
+# If there is an unusually large amount of write traffic, this value may need to
+# be increased.  Decreasing this value may reduce latency at the risk of
+# eviction processing effectiveness
+#   0 = minimum latency, 10 = default, 100 = process without regard to latency
+#
+# maxmemory-eviction-tenacity 10
+
+# Starting from Redis 5, by default a replica will ignore its maxmemory setting
+# (unless it is promoted to master after a failover or manually). It means
+# that the eviction of keys will be just handled by the master, sending the
+# DEL commands to the replica as keys evict in the master side.
+#
+# This behavior ensures that masters and replicas stay consistent, and is usually
+# what you want, however if your replica is writable, or you want the replica
+# to have a different memory setting, and you are sure all the writes performed
+# to the replica are idempotent, then you may change this default (but be sure
+# to understand what you are doing).
+#
+# Note that since the replica by default does not evict, it may end using more
+# memory than the one set via maxmemory (there are certain buffers that may
+# be larger on the replica, or data structures may sometimes take more memory
+# and so forth). So make sure you monitor your replicas and make sure they
+# have enough memory to never hit a real out-of-memory condition before the
+# master hits the configured maxmemory setting.
+#
+# replica-ignore-maxmemory yes
+
+# Redis reclaims expired keys in two ways: upon access when those keys are
+# found to be expired, and also in background, in what is called the
+# "active expire key". The key space is slowly and interactively scanned
+# looking for expired keys to reclaim, so that it is possible to free memory
+# of keys that are expired and will never be accessed again in a short time.
+#
+# The default effort of the expire cycle will try to avoid having more than
+# ten percent of expired keys still in memory, and will try to avoid consuming
+# more than 25% of total memory and to add latency to the system. However
+# it is possible to increase the expire "effort" that is normally set to
+# "1", to a greater value, up to the value "10". At its maximum value the
+# system will use more CPU, longer cycles (and technically may introduce
+# more latency), and will tolerate less already expired keys still present
+# in the system. It's a tradeoff between memory, CPU and latency.
+#
+# active-expire-effort 1
+
+############################# LAZY FREEING ####################################
+
+# Redis has two primitives to delete keys. One is called DEL and is a blocking
+# deletion of the object. It means that the server stops processing new commands
+# in order to reclaim all the memory associated with an object in a synchronous
+# way. If the key deleted is associated with a small object, the time needed
+# in order to execute the DEL command is very small and comparable to most other
+# O(1) or O(log_N) commands in Redis. However if the key is associated with an
+# aggregated value containing millions of elements, the server can block for
+# a long time (even seconds) in order to complete the operation.
+#
+# For the above reasons Redis also offers non blocking deletion primitives
+# such as UNLINK (non blocking DEL) and the ASYNC option of FLUSHALL and
+# FLUSHDB commands, in order to reclaim memory in background. Those commands
+# are executed in constant time. Another thread will incrementally free the
+# object in the background as fast as possible.
+#
+# DEL, UNLINK and ASYNC option of FLUSHALL and FLUSHDB are user-controlled.
+# It's up to the design of the application to understand when it is a good
+# idea to use one or the other. However the Redis server sometimes has to
+# delete keys or flush the whole database as a side effect of other operations.
+# Specifically Redis deletes objects independently of a user call in the
+# following scenarios:
+#
+# 1) On eviction, because of the maxmemory and maxmemory policy configurations,
+#    in order to make room for new data, without going over the specified
+#    memory limit.
+# 2) Because of expire: when a key with an associated time to live (see the
+#    EXPIRE command) must be deleted from memory.
+# 3) Because of a side effect of a command that stores data on a key that may
+#    already exist. For example the RENAME command may delete the old key
+#    content when it is replaced with another one. Similarly SUNIONSTORE
+#    or SORT with STORE option may delete existing keys. The SET command
+#    itself removes any old content of the specified key in order to replace
+#    it with the specified string.
+# 4) During replication, when a replica performs a full resynchronization with
+#    its master, the content of the whole database is removed in order to
+#    load the RDB file just transferred.
+#
+# In all the above cases the default is to delete objects in a blocking way,
+# like if DEL was called. However you can configure each case specifically
+# in order to instead release memory in a non-blocking way like if UNLINK
+# was called, using the following configuration directives.
+
+lazyfree-lazy-eviction no
+lazyfree-lazy-expire no
+lazyfree-lazy-server-del no
+replica-lazy-flush no
+
+# It is also possible, for the case when to replace the user code DEL calls
+# with UNLINK calls is not easy, to modify the default behavior of the DEL
+# command to act exactly like UNLINK, using the following configuration
+# directive:
+
+lazyfree-lazy-user-del no
+
+# FLUSHDB, FLUSHALL, and SCRIPT FLUSH support both asynchronous and synchronous
+# deletion, which can be controlled by passing the [SYNC|ASYNC] flags into the
+# commands. When neither flag is passed, this directive will be used to determine
+# if the data should be deleted asynchronously.
+
+lazyfree-lazy-user-flush no
+
+################################ THREADED I/O #################################
+
+# Redis is mostly single threaded, however there are certain threaded
+# operations such as UNLINK, slow I/O accesses and other things that are
+# performed on side threads.
+#
+# Now it is also possible to handle Redis clients socket reads and writes
+# in different I/O threads. Since especially writing is so slow, normally
+# Redis users use pipelining in order to speed up the Redis performances per
+# core, and spawn multiple instances in order to scale more. Using I/O
+# threads it is possible to easily speedup two times Redis without resorting
+# to pipelining nor sharding of the instance.
+#
+# By default threading is disabled, we suggest enabling it only in machines
+# that have at least 4 or more cores, leaving at least one spare core.
+# Using more than 8 threads is unlikely to help much. We also recommend using
+# threaded I/O only if you actually have performance problems, with Redis
+# instances being able to use a quite big percentage of CPU time, otherwise
+# there is no point in using this feature.
+#
+# So for instance if you have a four cores boxes, try to use 2 or 3 I/O
+# threads, if you have a 8 cores, try to use 6 threads. In order to
+# enable I/O threads use the following configuration directive:
+#
+# io-threads 4
+#
+# Setting io-threads to 1 will just use the main thread as usual.
+# When I/O threads are enabled, we only use threads for writes, that is
+# to thread the write(2) syscall and transfer the client buffers to the
+# socket. However it is also possible to enable threading of reads and
+# protocol parsing using the following configuration directive, by setting
+# it to yes:
+#
+# io-threads-do-reads no
+#
+# Usually threading reads doesn't help much.
+#
+# NOTE 1: This configuration directive cannot be changed at runtime via
+# CONFIG SET. Aso this feature currently does not work when SSL is
+# enabled.
+#
+# NOTE 2: If you want to test the Redis speedup using redis-benchmark, make
+# sure you also run the benchmark itself in threaded mode, using the
+# --threads option to match the number of Redis threads, otherwise you'll not
+# be able to notice the improvements.
+
+############################ KERNEL OOM CONTROL ##############################
+
+# On Linux, it is possible to hint the kernel OOM killer on what processes
+# should be killed first when out of memory.
+#
+# Enabling this feature makes Redis actively control the oom_score_adj value
+# for all its processes, depending on their role. The default scores will
+# attempt to have background child processes killed before all others, and
+# replicas killed before masters.
+#
+# Redis supports three options:
+#
+# no:       Don't make changes to oom-score-adj (default).
+# yes:      Alias to "relative" see below.
+# absolute: Values in oom-score-adj-values are written as is to the kernel.
+# relative: Values are used relative to the initial value of oom_score_adj when
+#           the server starts and are then clamped to a range of -1000 to 1000.
+#           Because typically the initial value is 0, they will often match the
+#           absolute values.
+oom-score-adj no
+
+# When oom-score-adj is used, this directive controls the specific values used
+# for master, replica and background child processes. Values range -2000 to
+# 2000 (higher means more likely to be killed).
+#
+# Unprivileged processes (not root, and without CAP_SYS_RESOURCE capabilities)
+# can freely increase their value, but not decrease it below its initial
+# settings. This means that setting oom-score-adj to "relative" and setting the
+# oom-score-adj-values to positive values will always succeed.
+oom-score-adj-values 0 200 800
+
+
+#################### KERNEL transparent hugepage CONTROL ######################
+
+# Usually the kernel Transparent Huge Pages control is set to "madvise" or
+# or "never" by default (/sys/kernel/mm/transparent_hugepage/enabled), in which
+# case this config has no effect. On systems in which it is set to "always",
+# redis will attempt to disable it specifically for the redis process in order
+# to avoid latency problems specifically with fork(2) and CoW.
+# If for some reason you prefer to keep it enabled, you can set this config to
+# "no" and the kernel global to "always".
+
+disable-thp yes
+
+############################## APPEND ONLY MODE ###############################
+
+# By default Redis asynchronously dumps the dataset on disk. This mode is
+# good enough in many applications, but an issue with the Redis process or
+# a power outage may result into a few minutes of writes lost (depending on
+# the configured save points).
+#
+# The Append Only File is an alternative persistence mode that provides
+# much better durability. For instance using the default data fsync policy
+# (see later in the config file) Redis can lose just one second of writes in a
+# dramatic event like a server power outage, or a single write if something
+# wrong with the Redis process itself happens, but the operating system is
+# still running correctly.
+#
+# AOF and RDB persistence can be enabled at the same time without problems.
+# If the AOF is enabled on startup Redis will load the AOF, that is the file
+# with the better durability guarantees.
+#
+# Please check https://redis.io/topics/persistence for more information.
+
+appendonly no
+
+# The name of the append only file (default: "appendonly.aof")
+
+appendfilename "appendonly.aof"
+
+# The fsync() call tells the Operating System to actually write data on disk
+# instead of waiting for more data in the output buffer. Some OS will really flush
+# data on disk, some other OS will just try to do it ASAP.
+#
+# Redis supports three different modes:
+#
+# no: don't fsync, just let the OS flush the data when it wants. Faster.
+# always: fsync after every write to the append only log. Slow, Safest.
+# everysec: fsync only one time every second. Compromise.
+#
+# The default is "everysec", as that's usually the right compromise between
+# speed and data safety. It's up to you to understand if you can relax this to
+# "no" that will let the operating system flush the output buffer when
+# it wants, for better performances (but if you can live with the idea of
+# some data loss consider the default persistence mode that's snapshotting),
+# or on the contrary, use "always" that's very slow but a bit safer than
+# everysec.
+#
+# More details please check the following article:
+# http://antirez.com/post/redis-persistence-demystified.html
+#
+# If unsure, use "everysec".
+
+# appendfsync always
+appendfsync everysec
+# appendfsync no
+
+# When the AOF fsync policy is set to always or everysec, and a background
+# saving process (a background save or AOF log background rewriting) is
+# performing a lot of I/O against the disk, in some Linux configurations
+# Redis may block too long on the fsync() call. Note that there is no fix for
+# this currently, as even performing fsync in a different thread will block
+# our synchronous write(2) call.
+#
+# In order to mitigate this problem it's possible to use the following option
+# that will prevent fsync() from being called in the main process while a
+# BGSAVE or BGREWRITEAOF is in progress.
+#
+# This means that while another child is saving, the durability of Redis is
+# the same as "appendfsync none". In practical terms, this means that it is
+# possible to lose up to 30 seconds of log in the worst scenario (with the
+# default Linux settings).
+#
+# If you have latency problems turn this to "yes". Otherwise leave it as
+# "no" that is the safest pick from the point of view of durability.
+
+no-appendfsync-on-rewrite no
+
+# Automatic rewrite of the append only file.
+# Redis is able to automatically rewrite the log file implicitly calling
+# BGREWRITEAOF when the AOF log size grows by the specified percentage.
+#
+# This is how it works: Redis remembers the size of the AOF file after the
+# latest rewrite (if no rewrite has happened since the restart, the size of
+# the AOF at startup is used).
+#
+# This base size is compared to the current size. If the current size is
+# bigger than the specified percentage, the rewrite is triggered. Also
+# you need to specify a minimal size for the AOF file to be rewritten, this
+# is useful to avoid rewriting the AOF file even if the percentage increase
+# is reached but it is still pretty small.
+#
+# Specify a percentage of zero in order to disable the automatic AOF
+# rewrite feature.
+
+auto-aof-rewrite-percentage 100
+auto-aof-rewrite-min-size 64mb
+
+# An AOF file may be found to be truncated at the end during the Redis
+# startup process, when the AOF data gets loaded back into memory.
+# This may happen when the system where Redis is running
+# crashes, especially when an ext4 filesystem is mounted without the
+# data=ordered option (however this can't happen when Redis itself
+# crashes or aborts but the operating system still works correctly).
+#
+# Redis can either exit with an error when this happens, or load as much
+# data as possible (the default now) and start if the AOF file is found
+# to be truncated at the end. The following option controls this behavior.
+#
+# If aof-load-truncated is set to yes, a truncated AOF file is loaded and
+# the Redis server starts emitting a log to inform the user of the event.
+# Otherwise if the option is set to no, the server aborts with an error
+# and refuses to start. When the option is set to no, the user requires
+# to fix the AOF file using the "redis-check-aof" utility before to restart
+# the server.
+#
+# Note that if the AOF file will be found to be corrupted in the middle
+# the server will still exit with an error. This option only applies when
+# Redis will try to read more data from the AOF file but not enough bytes
+# will be found.
+aof-load-truncated yes
+
+# When rewriting the AOF file, Redis is able to use an RDB preamble in the
+# AOF file for faster rewrites and recoveries. When this option is turned
+# on the rewritten AOF file is composed of two different stanzas:
+#
+#   [RDB file][AOF tail]
+#
+# When loading, Redis recognizes that the AOF file starts with the "REDIS"
+# string and loads the prefixed RDB file, then continues loading the AOF
+# tail.
+aof-use-rdb-preamble yes
+
+################################ LUA SCRIPTING  ###############################
+
+# Max execution time of a Lua script in milliseconds.
+#
+# If the maximum execution time is reached Redis will log that a script is
+# still in execution after the maximum allowed time and will start to
+# reply to queries with an error.
+#
+# When a long running script exceeds the maximum execution time only the
+# SCRIPT KILL and SHUTDOWN NOSAVE commands are available. The first can be
+# used to stop a script that did not yet call any write commands. The second
+# is the only way to shut down the server in the case a write command was
+# already issued by the script but the user doesn't want to wait for the natural
+# termination of the script.
+#
+# Set it to 0 or a negative value for unlimited execution without warnings.
+lua-time-limit 5000
+
+################################ REDIS CLUSTER  ###############################
+
+# Normal Redis instances can't be part of a Redis Cluster; only nodes that are
+# started as cluster nodes can. In order to start a Redis instance as a
+# cluster node enable the cluster support uncommenting the following:
+#
+# cluster-enabled yes
+
+# Every cluster node has a cluster configuration file. This file is not
+# intended to be edited by hand. It is created and updated by Redis nodes.
+# Every Redis Cluster node requires a different cluster configuration file.
+# Make sure that instances running in the same system do not have
+# overlapping cluster configuration file names.
+#
+# cluster-config-file nodes-6379.conf
+
+# Cluster node timeout is the amount of milliseconds a node must be unreachable
+# for it to be considered in failure state.
+# Most other internal time limits are a multiple of the node timeout.
+#
+# cluster-node-timeout 15000
+
+# A replica of a failing master will avoid to start a failover if its data
+# looks too old.
+#
+# There is no simple way for a replica to actually have an exact measure of
+# its "data age", so the following two checks are performed:
+#
+# 1) If there are multiple replicas able to failover, they exchange messages
+#    in order to try to give an advantage to the replica with the best
+#    replication offset (more data from the master processed).
+#    Replicas will try to get their rank by offset, and apply to the start
+#    of the failover a delay proportional to their rank.
+#
+# 2) Every single replica computes the time of the last interaction with
+#    its master. This can be the last ping or command received (if the master
+#    is still in the "connected" state), or the time that elapsed since the
+#    disconnection with the master (if the replication link is currently down).
+#    If the last interaction is too old, the replica will not try to failover
+#    at all.
+#
+# The point "2" can be tuned by user. Specifically a replica will not perform
+# the failover if, since the last interaction with the master, the time
+# elapsed is greater than:
+#
+#   (node-timeout * cluster-replica-validity-factor) + repl-ping-replica-period
+#
+# So for example if node-timeout is 30 seconds, and the cluster-replica-validity-factor
+# is 10, and assuming a default repl-ping-replica-period of 10 seconds, the
+# replica will not try to failover if it was not able to talk with the master
+# for longer than 310 seconds.
+#
+# A large cluster-replica-validity-factor may allow replicas with too old data to failover
+# a master, while a too small value may prevent the cluster from being able to
+# elect a replica at all.
+#
+# For maximum availability, it is possible to set the cluster-replica-validity-factor
+# to a value of 0, which means, that replicas will always try to failover the
+# master regardless of the last time they interacted with the master.
+# (However they'll always try to apply a delay proportional to their
+# offset rank).
+#
+# Zero is the only value able to guarantee that when all the partitions heal
+# the cluster will always be able to continue.
+#
+# cluster-replica-validity-factor 10
+
+# Cluster replicas are able to migrate to orphaned masters, that are masters
+# that are left without working replicas. This improves the cluster ability
+# to resist to failures as otherwise an orphaned master can't be failed over
+# in case of failure if it has no working replicas.
+#
+# Replicas migrate to orphaned masters only if there are still at least a
+# given number of other working replicas for their old master. This number
+# is the "migration barrier". A migration barrier of 1 means that a replica
+# will migrate only if there is at least 1 other working replica for its master
+# and so forth. It usually reflects the number of replicas you want for every
+# master in your cluster.
+#
+# Default is 1 (replicas migrate only if their masters remain with at least
+# one replica). To disable migration just set it to a very large value or
+# set cluster-allow-replica-migration to 'no'.
+# A value of 0 can be set but is useful only for debugging and dangerous
+# in production.
+#
+# cluster-migration-barrier 1
+
+# Turning off this option allows to use less automatic cluster configuration.
+# It both disables migration to orphaned masters and migration from masters
+# that became empty.
+#
+# Default is 'yes' (allow automatic migrations).
+#
+# cluster-allow-replica-migration yes
+
+# By default Redis Cluster nodes stop accepting queries if they detect there
+# is at least a hash slot uncovered (no available node is serving it).
+# This way if the cluster is partially down (for example a range of hash slots
+# are no longer covered) all the cluster becomes, eventually, unavailable.
+# It automatically returns available as soon as all the slots are covered again.
+#
+# However sometimes you want the subset of the cluster which is working,
+# to continue to accept queries for the part of the key space that is still
+# covered. In order to do so, just set the cluster-require-full-coverage
+# option to no.
+#
+# cluster-require-full-coverage yes
+
+# This option, when set to yes, prevents replicas from trying to failover its
+# master during master failures. However the replica can still perform a
+# manual failover, if forced to do so.
+#
+# This is useful in different scenarios, especially in the case of multiple
+# data center operations, where we want one side to never be promoted if not
+# in the case of a total DC failure.
+#
+# cluster-replica-no-failover no
+
+# This option, when set to yes, allows nodes to serve read traffic while the
+# the cluster is in a down state, as long as it believes it owns the slots.
+#
+# This is useful for two cases.  The first case is for when an application
+# doesn't require consistency of data during node failures or network partitions.
+# One example of this is a cache, where as long as the node has the data it
+# should be able to serve it.
+#
+# The second use case is for configurations that don't meet the recommended
+# three shards but want to enable cluster mode and scale later. A
+# master outage in a 1 or 2 shard configuration causes a read/write outage to the
+# entire cluster without this option set, with it set there is only a write outage.
+# Without a quorum of masters, slot ownership will not change automatically.
+#
+# cluster-allow-reads-when-down no
+
+# In order to setup your cluster make sure to read the documentation
+# available at https://redis.io web site.
+
+########################## CLUSTER DOCKER/NAT support  ########################
+
+# In certain deployments, Redis Cluster nodes address discovery fails, because
+# addresses are NAT-ted or because ports are forwarded (the typical case is
+# Docker and other containers).
+#
+# In order to make Redis Cluster working in such environments, a static
+# configuration where each node knows its public address is needed. The
+# following four options are used for this scope, and are:
+#
+# * cluster-announce-ip
+# * cluster-announce-port
+# * cluster-announce-tls-port
+# * cluster-announce-bus-port
+#
+# Each instructs the node about its address, client ports (for connections
+# without and with TLS) and cluster message bus port. The information is then
+# published in the header of the bus packets so that other nodes will be able to
+# correctly map the address of the node publishing the information.
+#
+# If cluster-tls is set to yes and cluster-announce-tls-port is omitted or set
+# to zero, then cluster-announce-port refers to the TLS port. Note also that
+# cluster-announce-tls-port has no effect if cluster-tls is set to no.
+#
+# If the above options are not used, the normal Redis Cluster auto-detection
+# will be used instead.
+#
+# Note that when remapped, the bus port may not be at the fixed offset of
+# clients port + 10000, so you can specify any port and bus-port depending
+# on how they get remapped. If the bus-port is not set, a fixed offset of
+# 10000 will be used as usual.
+#
+# Example:
+#
+# cluster-announce-ip 10.1.1.5
+# cluster-announce-tls-port 6379
+# cluster-announce-port 0
+# cluster-announce-bus-port 6380
+
+################################## SLOW LOG ###################################
+
+# The Redis Slow Log is a system to log queries that exceeded a specified
+# execution time. The execution time does not include the I/O operations
+# like talking with the client, sending the reply and so forth,
+# but just the time needed to actually execute the command (this is the only
+# stage of command execution where the thread is blocked and can not serve
+# other requests in the meantime).
+#
+# You can configure the slow log with two parameters: one tells Redis
+# what is the execution time, in microseconds, to exceed in order for the
+# command to get logged, and the other parameter is the length of the
+# slow log. When a new command is logged the oldest one is removed from the
+# queue of logged commands.
+
+# The following time is expressed in microseconds, so 1000000 is equivalent
+# to one second. Note that a negative number disables the slow log, while
+# a value of zero forces the logging of every command.
+slowlog-log-slower-than 10000
+
+# There is no limit to this length. Just be aware that it will consume memory.
+# You can reclaim memory used by the slow log with SLOWLOG RESET.
+slowlog-max-len 128
+
+################################ LATENCY MONITOR ##############################
+
+# The Redis latency monitoring subsystem samples different operations
+# at runtime in order to collect data related to possible sources of
+# latency of a Redis instance.
+#
+# Via the LATENCY command this information is available to the user that can
+# print graphs and obtain reports.
+#
+# The system only logs operations that were performed in a time equal or
+# greater than the amount of milliseconds specified via the
+# latency-monitor-threshold configuration directive. When its value is set
+# to zero, the latency monitor is turned off.
+#
+# By default latency monitoring is disabled since it is mostly not needed
+# if you don't have latency issues, and collecting data has a performance
+# impact, that while very small, can be measured under big load. Latency
+# monitoring can easily be enabled at runtime using the command
+# "CONFIG SET latency-monitor-threshold <milliseconds>" if needed.
+latency-monitor-threshold 0
+
+############################# EVENT NOTIFICATION ##############################
+
+# Redis can notify Pub/Sub clients about events happening in the key space.
+# This feature is documented at https://redis.io/topics/notifications
+#
+# For instance if keyspace events notification is enabled, and a client
+# performs a DEL operation on key "foo" stored in the Database 0, two
+# messages will be published via Pub/Sub:
+#
+# PUBLISH __keyspace@0__:foo del
+# PUBLISH __keyevent@0__:del foo
+#
+# It is possible to select the events that Redis will notify among a set
+# of classes. Every class is identified by a single character:
+#
+#  K     Keyspace events, published with __keyspace@<db>__ prefix.
+#  E     Keyevent events, published with __keyevent@<db>__ prefix.
+#  g     Generic commands (non-type specific) like DEL, EXPIRE, RENAME, ...
+#  $     String commands
+#  l     List commands
+#  s     Set commands
+#  h     Hash commands
+#  z     Sorted set commands
+#  x     Expired events (events generated every time a key expires)
+#  e     Evicted events (events generated when a key is evicted for maxmemory)
+#  t     Stream commands
+#  d     Module key type events
+#  m     Key-miss events (Note: It is not included in the 'A' class)
+#  A     Alias for g$lshzxetd, so that the "AKE" string means all the events
+#        (Except key-miss events which are excluded from 'A' due to their
+#         unique nature).
+#
+#  The "notify-keyspace-events" takes as argument a string that is composed
+#  of zero or multiple characters. The empty string means that notifications
+#  are disabled.
+#
+#  Example: to enable list and generic events, from the point of view of the
+#           event name, use:
+#
+#  notify-keyspace-events Elg
+#
+#  Example 2: to get the stream of the expired keys subscribing to channel
+#             name __keyevent@0__:expired use:
+#
+#  notify-keyspace-events Ex
+#
+#  By default all notifications are disabled because most users don't need
+#  this feature and the feature has some overhead. Note that if you don't
+#  specify at least one of K or E, no events will be delivered.
+notify-keyspace-events ""
+
+############################### GOPHER SERVER #################################
+
+# Redis contains an implementation of the Gopher protocol, as specified in
+# the RFC 1436 (https://www.ietf.org/rfc/rfc1436.txt).
+#
+# The Gopher protocol was very popular in the late '90s. It is an alternative
+# to the web, and the implementation both server and client side is so simple
+# that the Redis server has just 100 lines of code in order to implement this
+# support.
+#
+# What do you do with Gopher nowadays? Well Gopher never *really* died, and
+# lately there is a movement in order for the Gopher more hierarchical content
+# composed of just plain text documents to be resurrected. Some want a simpler
+# internet, others believe that the mainstream internet became too much
+# controlled, and it's cool to create an alternative space for people that
+# want a bit of fresh air.
+#
+# Anyway for the 10nth birthday of the Redis, we gave it the Gopher protocol
+# as a gift.
+#
+# --- HOW IT WORKS? ---
+#
+# The Redis Gopher support uses the inline protocol of Redis, and specifically
+# two kind of inline requests that were anyway illegal: an empty request
+# or any request that starts with "/" (there are no Redis commands starting
+# with such a slash). Normal RESP2/RESP3 requests are completely out of the
+# path of the Gopher protocol implementation and are served as usual as well.
+#
+# If you open a connection to Redis when Gopher is enabled and send it
+# a string like "/foo", if there is a key named "/foo" it is served via the
+# Gopher protocol.
+#
+# In order to create a real Gopher "hole" (the name of a Gopher site in Gopher
+# talking), you likely need a script like the following:
+#
+#   https://github.com/antirez/gopher2redis
+#
+# --- SECURITY WARNING ---
+#
+# If you plan to put Redis on the internet in a publicly accessible address
+# to server Gopher pages MAKE SURE TO SET A PASSWORD to the instance.
+# Once a password is set:
+#
+#   1. The Gopher server (when enabled, not by default) will still serve
+#      content via Gopher.
+#   2. However other commands cannot be called before the client will
+#      authenticate.
+#
+# So use the 'requirepass' option to protect your instance.
+#
+# Note that Gopher is not currently supported when 'io-threads-do-reads'
+# is enabled.
+#
+# To enable Gopher support, uncomment the following line and set the option
+# from no (the default) to yes.
+#
+# gopher-enabled no
+
+############################### ADVANCED CONFIG ###############################
+
+# Hashes are encoded using a memory efficient data structure when they have a
+# small number of entries, and the biggest entry does not exceed a given
+# threshold. These thresholds can be configured using the following directives.
+hash-max-ziplist-entries 512
+hash-max-ziplist-value 64
+
+# Lists are also encoded in a special way to save a lot of space.
+# The number of entries allowed per internal list node can be specified
+# as a fixed maximum size or a maximum number of elements.
+# For a fixed maximum size, use -5 through -1, meaning:
+# -5: max size: 64 Kb  <-- not recommended for normal workloads
+# -4: max size: 32 Kb  <-- not recommended
+# -3: max size: 16 Kb  <-- probably not recommended
+# -2: max size: 8 Kb   <-- good
+# -1: max size: 4 Kb   <-- good
+# Positive numbers mean store up to _exactly_ that number of elements
+# per list node.
+# The highest performing option is usually -2 (8 Kb size) or -1 (4 Kb size),
+# but if your use case is unique, adjust the settings as necessary.
+list-max-ziplist-size -2
+
+# Lists may also be compressed.
+# Compress depth is the number of quicklist ziplist nodes from *each* side of
+# the list to *exclude* from compression.  The head and tail of the list
+# are always uncompressed for fast push/pop operations.  Settings are:
+# 0: disable all list compression
+# 1: depth 1 means "don't start compressing until after 1 node into the list,
+#    going from either the head or tail"
+#    So: [head]->node->node->...->node->[tail]
+#    [head], [tail] will always be uncompressed; inner nodes will compress.
+# 2: [head]->[next]->node->node->...->node->[prev]->[tail]
+#    2 here means: don't compress head or head->next or tail->prev or tail,
+#    but compress all nodes between them.
+# 3: [head]->[next]->[next]->node->node->...->node->[prev]->[prev]->[tail]
+# etc.
+list-compress-depth 0
+
+# Sets have a special encoding in just one case: when a set is composed
+# of just strings that happen to be integers in radix 10 in the range
+# of 64 bit signed integers.
+# The following configuration setting sets the limit in the size of the
+# set in order to use this special memory saving encoding.
+set-max-intset-entries 512
+
+# Similarly to hashes and lists, sorted sets are also specially encoded in
+# order to save a lot of space. This encoding is only used when the length and
+# elements of a sorted set are below the following limits:
+zset-max-ziplist-entries 128
+zset-max-ziplist-value 64
+
+# HyperLogLog sparse representation bytes limit. The limit includes the
+# 16 bytes header. When an HyperLogLog using the sparse representation crosses
+# this limit, it is converted into the dense representation.
+#
+# A value greater than 16000 is totally useless, since at that point the
+# dense representation is more memory efficient.
+#
+# The suggested value is ~ 3000 in order to have the benefits of
+# the space efficient encoding without slowing down too much PFADD,
+# which is O(N) with the sparse encoding. The value can be raised to
+# ~ 10000 when CPU is not a concern, but space is, and the data set is
+# composed of many HyperLogLogs with cardinality in the 0 - 15000 range.
+hll-sparse-max-bytes 3000
+
+# Streams macro node max size / items. The stream data structure is a radix
+# tree of big nodes that encode multiple items inside. Using this configuration
+# it is possible to configure how big a single node can be in bytes, and the
+# maximum number of items it may contain before switching to a new node when
+# appending new stream entries. If any of the following settings are set to
+# zero, the limit is ignored, so for instance it is possible to set just a
+# max entries limit by setting max-bytes to 0 and max-entries to the desired
+# value.
+stream-node-max-bytes 4096
+stream-node-max-entries 100
+
+# Active rehashing uses 1 millisecond every 100 milliseconds of CPU time in
+# order to help rehashing the main Redis hash table (the one mapping top-level
+# keys to values). The hash table implementation Redis uses (see dict.c)
+# performs a lazy rehashing: the more operation you run into a hash table
+# that is rehashing, the more rehashing "steps" are performed, so if the
+# server is idle the rehashing is never complete and some more memory is used
+# by the hash table.
+#
+# The default is to use this millisecond 10 times every second in order to
+# actively rehash the main dictionaries, freeing memory when possible.
+#
+# If unsure:
+# use "activerehashing no" if you have hard latency requirements and it is
+# not a good thing in your environment that Redis can reply from time to time
+# to queries with 2 milliseconds delay.
+#
+# use "activerehashing yes" if you don't have such hard requirements but
+# want to free memory asap when possible.
+activerehashing yes
+
+# The client output buffer limits can be used to force disconnection of clients
+# that are not reading data from the server fast enough for some reason (a
+# common reason is that a Pub/Sub client can't consume messages as fast as the
+# publisher can produce them).
+#
+# The limit can be set differently for the three different classes of clients:
+#
+# normal -> normal clients including MONITOR clients
+# replica  -> replica clients
+# pubsub -> clients subscribed to at least one pubsub channel or pattern
+#
+# The syntax of every client-output-buffer-limit directive is the following:
+#
+# client-output-buffer-limit <class> <hard limit> <soft limit> <soft seconds>
+#
+# A client is immediately disconnected once the hard limit is reached, or if
+# the soft limit is reached and remains reached for the specified number of
+# seconds (continuously).
+# So for instance if the hard limit is 32 megabytes and the soft limit is
+# 16 megabytes / 10 seconds, the client will get disconnected immediately
+# if the size of the output buffers reach 32 megabytes, but will also get
+# disconnected if the client reaches 16 megabytes and continuously overcomes
+# the limit for 10 seconds.
+#
+# By default normal clients are not limited because they don't receive data
+# without asking (in a push way), but just after a request, so only
+# asynchronous clients may create a scenario where data is requested faster
+# than it can read.
+#
+# Instead there is a default limit for pubsub and replica clients, since
+# subscribers and replicas receive data in a push fashion.
+#
+# Both the hard or the soft limit can be disabled by setting them to zero.
+client-output-buffer-limit normal 0 0 0
+client-output-buffer-limit replica 256mb 64mb 60
+client-output-buffer-limit pubsub 32mb 8mb 60
+
+# Client query buffers accumulate new commands. They are limited to a fixed
+# amount by default in order to avoid that a protocol desynchronization (for
+# instance due to a bug in the client) will lead to unbound memory usage in
+# the query buffer. However you can configure it here if you have very special
+# needs, such us huge multi/exec requests or alike.
+#
+# client-query-buffer-limit 1gb
+
+# In the Redis protocol, bulk requests, that are, elements representing single
+# strings, are normally limited to 512 mb. However you can change this limit
+# here, but must be 1mb or greater
+#
+# proto-max-bulk-len 512mb
+
+# Redis calls an internal function to perform many background tasks, like
+# closing connections of clients in timeout, purging expired keys that are
+# never requested, and so forth.
+#
+# Not all tasks are performed with the same frequency, but Redis checks for
+# tasks to perform according to the specified "hz" value.
+#
+# By default "hz" is set to 10. Raising the value will use more CPU when
+# Redis is idle, but at the same time will make Redis more responsive when
+# there are many keys expiring at the same time, and timeouts may be
+# handled with more precision.
+#
+# The range is between 1 and 500, however a value over 100 is usually not
+# a good idea. Most users should use the default of 10 and raise this up to
+# 100 only in environments where very low latency is required.
+hz 10
+
+# Normally it is useful to have an HZ value which is proportional to the
+# number of clients connected. This is useful in order, for instance, to
+# avoid too many clients are processed for each background task invocation
+# in order to avoid latency spikes.
+#
+# Since the default HZ value by default is conservatively set to 10, Redis
+# offers, and enables by default, the ability to use an adaptive HZ value
+# which will temporarily raise when there are many connected clients.
+#
+# When dynamic HZ is enabled, the actual configured HZ will be used
+# as a baseline, but multiples of the configured HZ value will be actually
+# used as needed once more clients are connected. In this way an idle
+# instance will use very little CPU time while a busy instance will be
+# more responsive.
+dynamic-hz yes
+
+# When a child rewrites the AOF file, if the following option is enabled
+# the file will be fsync-ed every 32 MB of data generated. This is useful
+# in order to commit the file to the disk more incrementally and avoid
+# big latency spikes.
+aof-rewrite-incremental-fsync yes
+
+# When redis saves RDB file, if the following option is enabled
+# the file will be fsync-ed every 32 MB of data generated. This is useful
+# in order to commit the file to the disk more incrementally and avoid
+# big latency spikes.
+rdb-save-incremental-fsync yes
+
+# Redis LFU eviction (see maxmemory setting) can be tuned. However it is a good
+# idea to start with the default settings and only change them after investigating
+# how to improve the performances and how the keys LFU change over time, which
+# is possible to inspect via the OBJECT FREQ command.
+#
+# There are two tunable parameters in the Redis LFU implementation: the
+# counter logarithm factor and the counter decay time. It is important to
+# understand what the two parameters mean before changing them.
+#
+# The LFU counter is just 8 bits per key, it's maximum value is 255, so Redis
+# uses a probabilistic increment with logarithmic behavior. Given the value
+# of the old counter, when a key is accessed, the counter is incremented in
+# this way:
+#
+# 1. A random number R between 0 and 1 is extracted.
+# 2. A probability P is calculated as 1/(old_value*lfu_log_factor+1).
+# 3. The counter is incremented only if R < P.
+#
+# The default lfu-log-factor is 10. This is a table of how the frequency
+# counter changes with a different number of accesses with different
+# logarithmic factors:
+#
+# +--------+------------+------------+------------+------------+------------+
+# | factor | 100 hits   | 1000 hits  | 100K hits  | 1M hits    | 10M hits   |
+# +--------+------------+------------+------------+------------+------------+
+# | 0      | 104        | 255        | 255        | 255        | 255        |
+# +--------+------------+------------+------------+------------+------------+
+# | 1      | 18         | 49         | 255        | 255        | 255        |
+# +--------+------------+------------+------------+------------+------------+
+# | 10     | 10         | 18         | 142        | 255        | 255        |
+# +--------+------------+------------+------------+------------+------------+
+# | 100    | 8          | 11         | 49         | 143        | 255        |
+# +--------+------------+------------+------------+------------+------------+
+#
+# NOTE: The above table was obtained by running the following commands:
+#
+#   redis-benchmark -n 1000000 incr foo
+#   redis-cli object freq foo
+#
+# NOTE 2: The counter initial value is 5 in order to give new objects a chance
+# to accumulate hits.
+#
+# The counter decay time is the time, in minutes, that must elapse in order
+# for the key counter to be divided by two (or decremented if it has a value
+# less <= 10).
+#
+# The default value for the lfu-decay-time is 1. A special value of 0 means to
+# decay the counter every time it happens to be scanned.
+#
+# lfu-log-factor 10
+# lfu-decay-time 1
+
+########################### ACTIVE DEFRAGMENTATION #######################
+#
+# What is active defragmentation?
+# -------------------------------
+#
+# Active (online) defragmentation allows a Redis server to compact the
+# spaces left between small allocations and deallocations of data in memory,
+# thus allowing to reclaim back memory.
+#
+# Fragmentation is a natural process that happens with every allocator (but
+# less so with Jemalloc, fortunately) and certain workloads. Normally a server
+# restart is needed in order to lower the fragmentation, or at least to flush
+# away all the data and create it again. However thanks to this feature
+# implemented by Oran Agra for Redis 4.0 this process can happen at runtime
+# in a "hot" way, while the server is running.
+#
+# Basically when the fragmentation is over a certain level (see the
+# configuration options below) Redis will start to create new copies of the
+# values in contiguous memory regions by exploiting certain specific Jemalloc
+# features (in order to understand if an allocation is causing fragmentation
+# and to allocate it in a better place), and at the same time, will release the
+# old copies of the data. This process, repeated incrementally for all the keys
+# will cause the fragmentation to drop back to normal values.
+#
+# Important things to understand:
+#
+# 1. This feature is disabled by default, and only works if you compiled Redis
+#    to use the copy of Jemalloc we ship with the source code of Redis.
+#    This is the default with Linux builds.
+#
+# 2. You never need to enable this feature if you don't have fragmentation
+#    issues.
+#
+# 3. Once you experience fragmentation, you can enable this feature when
+#    needed with the command "CONFIG SET activedefrag yes".
+#
+# The configuration parameters are able to fine tune the behavior of the
+# defragmentation process. If you are not sure about what they mean it is
+# a good idea to leave the defaults untouched.
+
+# Enabled active defragmentation
+# activedefrag no
+
+# Minimum amount of fragmentation waste to start active defrag
+# active-defrag-ignore-bytes 100mb
+
+# Minimum percentage of fragmentation to start active defrag
+# active-defrag-threshold-lower 10
+
+# Maximum percentage of fragmentation at which we use maximum effort
+# active-defrag-threshold-upper 100
+
+# Minimal effort for defrag in CPU percentage, to be used when the lower
+# threshold is reached
+# active-defrag-cycle-min 1
+
+# Maximal effort for defrag in CPU percentage, to be used when the upper
+# threshold is reached
+# active-defrag-cycle-max 25
+
+# Maximum number of set/hash/zset/list fields that will be processed from
+# the main dictionary scan
+# active-defrag-max-scan-fields 1000
+
+# Jemalloc background thread for purging will be enabled by default
+jemalloc-bg-thread yes
+
+# It is possible to pin different threads and processes of Redis to specific
+# CPUs in your system, in order to maximize the performances of the server.
+# This is useful both in order to pin different Redis threads in different
+# CPUs, but also in order to make sure that multiple Redis instances running
+# in the same host will be pinned to different CPUs.
+#
+# Normally you can do this using the "taskset" command, however it is also
+# possible to this via Redis configuration directly, both in Linux and FreeBSD.
+#
+# You can pin the server/IO threads, bio threads, aof rewrite child process, and
+# the bgsave child process. The syntax to specify the cpu list is the same as
+# the taskset command:
+#
+# Set redis server/io threads to cpu affinity 0,2,4,6:
+# server_cpulist 0-7:2
+#
+# Set bio threads to cpu affinity 1,3:
+# bio_cpulist 1,3
+#
+# Set aof rewrite child process to cpu affinity 8,9,10,11:
+# aof_rewrite_cpulist 8-11
+#
+# Set bgsave child process to cpu affinity 1,10,11
+# bgsave_cpulist 1,10-11
+
+# In some cases redis will emit warnings and even refuse to start if it detects
+# that the system is in bad state, it is possible to suppress these warnings
+# by setting the following config which takes a space delimited list of warnings
+# to suppress
+#
+ignore-warnings ARM64-COW-BUG
diff --git a/installer/mcp/mcp.md b/installer/mcp/mcp.md
new file mode 100644
index 0000000..f001728
--- /dev/null
+++ b/installer/mcp/mcp.md
@@ -0,0 +1,2 @@
+# Cordys CRM MCP Server 
+Cordys CRM 支持通过 MCP 进行服务端智能创建（线索/客户/商机/联系人）、智能录入（跟进记录）、智能查重等。
diff --git a/installer/shells/init-directories.sh b/installer/shells/init-directories.sh
new file mode 100644
index 0000000..07b4de8
--- /dev/null
+++ b/installer/shells/init-directories.sh
@@ -0,0 +1,55 @@
+#!/bin/bash
+set -e
+
+# 日志函数
+log() {
+  echo "[$(date +'%Y-%m-%d %H:%M:%S')] $1"
+}
+
+# 需要确保存在的目录
+DIRS=(
+  "/opt/cordys/data/mysql"
+  "/opt/cordys/conf/mysql"
+  "/opt/cordys/logs/cordys-crm"
+  "/opt/cordys/logs/mcp-server"
+  "/opt/cordys/data/files"
+  "/opt/cordys/data/redis"
+  "/opt/cordys/conf/redis"
+)
+
+log "开始检查并创建必要目录..."
+for d in "${DIRS[@]}"; do
+  if [ ! -d "$d" ]; then
+    log "创建目录: $d"
+    mkdir -p "$d"
+  else
+    log "目录已存在: $d"
+  fi
+done
+
+# 通用配置文件复制函数
+copy_conf() {
+  local source="$1"
+  local target="$2"
+  local name="$3"
+
+  if [ ! -f "$target" ]; then
+    log "$name 配置文件不存在，复制默认配置: $source -> $target"
+    cp "$source" "$target"
+  else
+    log "$name 配置文件已存在: $target"
+  fi
+}
+
+# 应用配置文件
+copy_conf "/installer/conf/cordys-crm.properties" "/opt/cordys/conf/cordys-crm.properties" "Cordys CRM"
+copy_conf "/installer/conf/mysql/my.cnf"           "/opt/cordys/conf/mysql/my.cnf"        "MySQL"
+copy_conf "/installer/conf/redis/redis.conf"       "/opt/cordys/conf/redis/redis.conf"    "Redis"
+
+# 仅在目录存在时再设置权限
+if [ -d "/opt/cordys" ]; then
+  log "设置目录权限: /opt/cordys"
+  chmod -R 777 /opt/cordys
+fi
+
+log "目录初始化完成。"
\ No newline at end of file
diff --git a/installer/shells/start-all.sh b/installer/shells/start-all.sh
new file mode 100644
index 0000000..f84f236
--- /dev/null
+++ b/installer/shells/start-all.sh
@@ -0,0 +1,107 @@
+#!/bin/bash
+set -e
+
+# ------------------------------
+# 日志函数
+# ------------------------------
+log_info() {
+    echo "[INFO] $(date '+%Y-%m-%d %H:%M:%S') - $1"
+}
+
+log_error() {
+    echo "[ERROR] $(date '+%Y-%m-%d %H:%M:%S') - $1" >&2
+}
+
+# ------------------------------
+# 启动内置服务函数
+# ------------------------------
+start_mysql() {
+    log_info "启动 MySQL 服务..."
+    /shells/start-mysql.sh &
+
+    if /shells/wait-for-it.sh 127.0.0.1:3306 --timeout=120 --strict; then
+        log_info "MySQL 服务已就绪"
+        return 0
+    else
+        log_error "MySQL 服务启动失败或超时"
+        exit 1
+    fi
+}
+
+start_redis() {
+    log_info "启动 Redis 服务..."
+    /shells/start-redis.sh &
+
+    if /shells/wait-for-it.sh 127.0.0.1:6379 --timeout=120 --strict; then
+        log_info "Redis 服务已就绪"
+        return 0
+    else
+        log_error "Redis 服务启动失败或超时"
+        exit 1
+    fi
+}
+
+start_mcp_after_cordys() {
+      mcpEmbeddedEnabled=$(get_property "mcp.embedded.enabled")
+      if [[ "${mcpEmbeddedEnabled}" == "true" ]]; then
+          log_info "启动内置 MCP 服务 ..."
+          /shells/wait-for-it.sh 127.0.0.1:8081 --timeout=120 --strict
+
+          log_info "Cordys CRM 已就绪，启动 MCP..."
+          sh /shells/start-mcp.sh &
+          /shells/wait-for-it.sh 127.0.0.1:8082 --timeout=120 --strict
+          log_info "MCP 已就绪"
+      else
+          log_info "使用外部 MCP 服务"
+      fi
+}
+
+# ------------------------------
+# 获取配置函数
+# ------------------------------
+get_property() {
+    local key=$1
+    grep "^${key}=" /opt/cordys/conf/cordys-crm.properties | cut -d'=' -f2 | tr -d '[:space:]'
+}
+
+# ------------------------------
+# 主函数
+# ------------------------------
+main() {
+    log_info "开始启动 Cordys CRM 环境..."
+
+    # 初始化目录
+    bash /shells/init-directories.sh
+
+    # ------------------------------
+    # MySQL
+    # ------------------------------
+    mysqlEmbeddedEnabled=$(get_property "mysql.embedded.enabled")
+    if [[ "${mysqlEmbeddedEnabled}" == "true" ]]; then
+        log_info "启动内置 MySQL ..."
+        start_mysql
+    else
+        log_info "使用外部 MySQL 服务"
+    fi
+
+    # ------------------------------
+    # Redis
+    # ------------------------------
+    redisEmbeddedEnabled=$(get_property "redis.embedded.enabled")
+    if [[ "${redisEmbeddedEnabled}" == "true" ]]; then
+        log_info "启动内置 Redis ..."
+        start_redis
+    else
+        log_info "使用外部 Redis 服务"
+    fi
+
+    start_mcp_after_cordys &
+    sh /shells/start-cordys.sh
+
+    log_info "Cordys CRM 环境启动完成！"
+}
+
+# ------------------------------
+# 执行主函数
+# ------------------------------
+main
diff --git a/installer/shells/start-cordys.sh b/installer/shells/start-cordys.sh
new file mode 100644
index 0000000..438cd92
--- /dev/null
+++ b/installer/shells/start-cordys.sh
@@ -0,0 +1,9 @@
+#!/bin/sh
+
+bash /shells/init-directories.sh
+
+export JAVA_CLASSPATH=/app:/app/lib/*
+export JAVA_MAIN_CLASS=cn.cordys.Application
+export CRM_VERSION=`cat /tmp/CRM_VERSION`
+
+sh /deployments/run-java.sh
\ No newline at end of file
diff --git a/installer/shells/start-mcp.sh b/installer/shells/start-mcp.sh
new file mode 100755
index 0000000..4b6dda3
--- /dev/null
+++ b/installer/shells/start-mcp.sh
@@ -0,0 +1,14 @@
+#!/bin/sh
+set -e
+
+bash /shells/init-directories.sh
+
+JAR_PATH="/app/mcp/cordys-crm-mcp-server.jar"
+
+if [ ! -f "$JAR_PATH" ]; then
+  echo "MCP JAR not found at $JAR_PATH"
+  exit 1
+fi
+
+echo "Starting MCP Server..."
+exec java -jar $JAVA_OPTIONS "$JAR_PATH"
diff --git a/installer/shells/start-mysql.sh b/installer/shells/start-mysql.sh
new file mode 100755
index 0000000..5f3a232
--- /dev/null
+++ b/installer/shells/start-mysql.sh
@@ -0,0 +1,55 @@
+#!/bin/sh
+bash /shells/init-directories.sh
+
+cp -rf /opt/cordys/conf/mysql/my.cnf /etc/my.cnf.d/mariadb-server.cnf
+
+chmod 644 /etc/mysql/conf.d/my.cnf
+
+if [ ! -d "/run/mysqld" ]; then
+  mkdir -p /run/mysqld
+fi
+
+if [ -d /app/mysql ]; then
+  echo "[i] MySQL directory already present, skipping creation"
+else
+  echo "[i] MySQL data directory not found, creating initial DBs"
+
+  mysql_install_db --user=root > /dev/null
+
+  if [ "$MYSQL_ROOT_PASSWORD" = "" ]; then
+    MYSQL_ROOT_PASSWORD=CordysCRM@mysql
+    echo "[i] MySQL root Password: $MYSQL_ROOT_PASSWORD"
+  fi
+
+  MYSQL_DATABASE=${MYSQL_DATABASE:-"cordys-crm"}
+  MYSQL_USER=${MYSQL_USER:-""}
+  MYSQL_PASSWORD=${MYSQL_PASSWORD:-""}
+
+  tfile=`mktemp`
+  if [ ! -f "$tfile" ]; then
+      return 1
+  fi
+
+  cat << EOF > $tfile
+USE mysql;
+FLUSH PRIVILEGES;
+GRANT ALL PRIVILEGES ON *.* TO 'root'@'%' IDENTIFIED BY "$MYSQL_ROOT_PASSWORD" WITH GRANT OPTION;
+GRANT ALL PRIVILEGES ON *.* TO 'root'@'localhost' IDENTIFIED BY "$MYSQL_ROOT_PASSWORD" WITH GRANT OPTION;
+EOF
+
+  if [ "$MYSQL_DATABASE" != "" ]; then
+    echo "[i] Creating database: $MYSQL_DATABASE"
+    echo "CREATE DATABASE IF NOT EXISTS \`$MYSQL_DATABASE\` CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci;" >> $tfile
+
+    if [ "$MYSQL_USER" != "" ]; then
+      echo "[i] Creating user: $MYSQL_USER with password $MYSQL_PASSWORD"
+      echo "GRANT ALL ON \`$MYSQL_DATABASE\`.* to '$MYSQL_USER'@'%' IDENTIFIED BY '$MYSQL_PASSWORD';" >> $tfile
+    fi
+  fi
+
+  /usr/bin/mysqld --user=root --bootstrap --verbose=0 < $tfile
+  rm -f $tfile
+fi
+
+
+exec /usr/bin/mysqld --user=root --console
\ No newline at end of file
diff --git a/installer/shells/start-redis.sh b/installer/shells/start-redis.sh
new file mode 100755
index 0000000..768501a
--- /dev/null
+++ b/installer/shells/start-redis.sh
@@ -0,0 +1,19 @@
+#!/bin/bash
+set -e  # 遇到错误立即退出
+
+# 日志函数
+log() {
+    echo "[$(date +'%Y-%m-%d %H:%M:%S')] $1"
+}
+
+bash /shells/init-directories.sh
+
+# 检查 Redis 密码
+if [ -z "${REDIS_PASSWORD}" ]; then
+    log "警告：REDIS_PASSWORD 环境变量未设置，使用默认密码 CordysCRM@redis"
+    REDIS_PASSWORD="CordysCRM@redis"
+fi
+
+# 启动 Redis 服务器
+log "启动 Redis 服务器..."
+redis-server /opt/cordys/conf/redis/redis.conf --requirepass "${REDIS_PASSWORD}"
\ No newline at end of file
diff --git a/installer/shells/wait-for-it.sh b/installer/shells/wait-for-it.sh
new file mode 100755
index 0000000..3974640
--- /dev/null
+++ b/installer/shells/wait-for-it.sh
@@ -0,0 +1,182 @@
+#!/usr/bin/env bash
+# Use this script to test if a given TCP host/port are available
+
+WAITFORIT_cmdname=${0##*/}
+
+echoerr() { if [[ $WAITFORIT_QUIET -ne 1 ]]; then echo "$@" 1>&2; fi }
+
+usage()
+{
+    cat << USAGE >&2
+Usage:
+    $WAITFORIT_cmdname host:port [-s] [-t timeout] [-- command args]
+    -h HOST | --host=HOST       Host or IP under test
+    -p PORT | --port=PORT       TCP port under test
+                                Alternatively, you specify the host and port as host:port
+    -s | --strict               Only execute subcommand if the test succeeds
+    -q | --quiet                Don't output any status messages
+    -t TIMEOUT | --timeout=TIMEOUT
+                                Timeout in seconds, zero for no timeout
+    -- COMMAND ARGS             Execute command with args after the test finishes
+USAGE
+    exit 1
+}
+
+wait_for()
+{
+    if [[ $WAITFORIT_TIMEOUT -gt 0 ]]; then
+        echoerr "$WAITFORIT_cmdname: waiting $WAITFORIT_TIMEOUT seconds for $WAITFORIT_HOST:$WAITFORIT_PORT"
+    else
+        echoerr "$WAITFORIT_cmdname: waiting for $WAITFORIT_HOST:$WAITFORIT_PORT without a timeout"
+    fi
+    WAITFORIT_start_ts=$(date +%s)
+    while :
+    do
+        if [[ $WAITFORIT_ISBUSY -eq 1 ]]; then
+            nc -z $WAITFORIT_HOST $WAITFORIT_PORT
+            WAITFORIT_result=$?
+        else
+            (echo -n > /dev/tcp/$WAITFORIT_HOST/$WAITFORIT_PORT) >/dev/null 2>&1
+            WAITFORIT_result=$?
+        fi
+        if [[ $WAITFORIT_result -eq 0 ]]; then
+            WAITFORIT_end_ts=$(date +%s)
+            echoerr "$WAITFORIT_cmdname: $WAITFORIT_HOST:$WAITFORIT_PORT is available after $((WAITFORIT_end_ts - WAITFORIT_start_ts)) seconds"
+            break
+        fi
+        sleep 1
+    done
+    return $WAITFORIT_result
+}
+
+wait_for_wrapper()
+{
+    # In order to support SIGINT during timeout: http://unix.stackexchange.com/a/57692
+    if [[ $WAITFORIT_QUIET -eq 1 ]]; then
+        timeout $WAITFORIT_BUSYTIMEFLAG $WAITFORIT_TIMEOUT $0 --quiet --child --host=$WAITFORIT_HOST --port=$WAITFORIT_PORT --timeout=$WAITFORIT_TIMEOUT &
+    else
+        timeout $WAITFORIT_BUSYTIMEFLAG $WAITFORIT_TIMEOUT $0 --child --host=$WAITFORIT_HOST --port=$WAITFORIT_PORT --timeout=$WAITFORIT_TIMEOUT &
+    fi
+    WAITFORIT_PID=$!
+    trap "kill -INT -$WAITFORIT_PID" INT
+    wait $WAITFORIT_PID
+    WAITFORIT_RESULT=$?
+    if [[ $WAITFORIT_RESULT -ne 0 ]]; then
+        echoerr "$WAITFORIT_cmdname: timeout occurred after waiting $WAITFORIT_TIMEOUT seconds for $WAITFORIT_HOST:$WAITFORIT_PORT"
+    fi
+    return $WAITFORIT_RESULT
+}
+
+# process arguments
+while [[ $# -gt 0 ]]
+do
+    case "$1" in
+        *:* )
+        WAITFORIT_hostport=(${1//:/ })
+        WAITFORIT_HOST=${WAITFORIT_hostport[0]}
+        WAITFORIT_PORT=${WAITFORIT_hostport[1]}
+        shift 1
+        ;;
+        --child)
+        WAITFORIT_CHILD=1
+        shift 1
+        ;;
+        -q | --quiet)
+        WAITFORIT_QUIET=1
+        shift 1
+        ;;
+        -s | --strict)
+        WAITFORIT_STRICT=1
+        shift 1
+        ;;
+        -h)
+        WAITFORIT_HOST="$2"
+        if [[ $WAITFORIT_HOST == "" ]]; then break; fi
+        shift 2
+        ;;
+        --host=*)
+        WAITFORIT_HOST="${1#*=}"
+        shift 1
+        ;;
+        -p)
+        WAITFORIT_PORT="$2"
+        if [[ $WAITFORIT_PORT == "" ]]; then break; fi
+        shift 2
+        ;;
+        --port=*)
+        WAITFORIT_PORT="${1#*=}"
+        shift 1
+        ;;
+        -t)
+        WAITFORIT_TIMEOUT="$2"
+        if [[ $WAITFORIT_TIMEOUT == "" ]]; then break; fi
+        shift 2
+        ;;
+        --timeout=*)
+        WAITFORIT_TIMEOUT="${1#*=}"
+        shift 1
+        ;;
+        --)
+        shift
+        WAITFORIT_CLI=("$@")
+        break
+        ;;
+        --help)
+        usage
+        ;;
+        *)
+        echoerr "Unknown argument: $1"
+        usage
+        ;;
+    esac
+done
+
+if [[ "$WAITFORIT_HOST" == "" || "$WAITFORIT_PORT" == "" ]]; then
+    echoerr "Error: you need to provide a host and port to test."
+    usage
+fi
+
+WAITFORIT_TIMEOUT=${WAITFORIT_TIMEOUT:-15}
+WAITFORIT_STRICT=${WAITFORIT_STRICT:-0}
+WAITFORIT_CHILD=${WAITFORIT_CHILD:-0}
+WAITFORIT_QUIET=${WAITFORIT_QUIET:-0}
+
+# Check to see if timeout is from busybox?
+WAITFORIT_TIMEOUT_PATH=$(type -p timeout)
+WAITFORIT_TIMEOUT_PATH=$(realpath $WAITFORIT_TIMEOUT_PATH 2>/dev/null || readlink -f $WAITFORIT_TIMEOUT_PATH)
+
+WAITFORIT_BUSYTIMEFLAG=""
+if [[ $WAITFORIT_TIMEOUT_PATH =~ "busybox" ]]; then
+    WAITFORIT_ISBUSY=1
+    # Check if busybox timeout uses -t flag
+    # (recent Alpine versions don't support -t anymore)
+    if timeout &>/dev/stdout | grep -q -e '-t '; then
+        WAITFORIT_BUSYTIMEFLAG="-t"
+    fi
+else
+    WAITFORIT_ISBUSY=0
+fi
+
+if [[ $WAITFORIT_CHILD -gt 0 ]]; then
+    wait_for
+    WAITFORIT_RESULT=$?
+    exit $WAITFORIT_RESULT
+else
+    if [[ $WAITFORIT_TIMEOUT -gt 0 ]]; then
+        wait_for_wrapper
+        WAITFORIT_RESULT=$?
+    else
+        wait_for
+        WAITFORIT_RESULT=$?
+    fi
+fi
+
+if [[ $WAITFORIT_CLI != "" ]]; then
+    if [[ $WAITFORIT_RESULT -ne 0 && $WAITFORIT_STRICT -eq 1 ]]; then
+        echoerr "$WAITFORIT_cmdname: strict mode, refusing to execute subprocess"
+        exit $WAITFORIT_RESULT
+    fi
+    exec "${WAITFORIT_CLI[@]}"
+else
+    exit $WAITFORIT_RESULT
+fi
\ No newline at end of file
diff --git a/lombok.config b/lombok.config
new file mode 100644
index 0000000..55677ef
--- /dev/null
+++ b/lombok.config
@@ -0,0 +1,2 @@
+lombok.addLombokGeneratedAnnotation=true
+lombok.equalsAndHashCode.callSuper=call
diff --git a/mvnw b/mvnw
new file mode 100755
index 0000000..f1dab8b
--- /dev/null
+++ b/mvnw
@@ -0,0 +1,259 @@
+#!/bin/sh
+# ----------------------------------------------------------------------------
+# Licensed to the Apache Software Foundation (ASF) under one
+# or more contributor license agreements.  See the NOTICE file
+# distributed with this work for additional information
+# regarding copyright ownership.  The ASF licenses this file
+# to you under the Apache License, Version 2.0 (the
+# "License"); you may not use this file except in compliance
+# with the License.  You may obtain a copy of the License at
+#
+#    http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing,
+# software distributed under the License is distributed on an
+# "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+# KIND, either express or implied.  See the License for the
+# specific language governing permissions and limitations
+# under the License.
+# ---------------------------------------------------------------------------
+
+# ----------------------------------------------------------------------------
+# Apache Maven Wrapper startup batch script, version 3.3.2
+#
+# Optional ENV vars
+# -----------------
+#   JAVA_HOME - location of a JDK home dir, required when download maven via java source
+#   MVNW_REPOURL - repo url base for downloading maven distribution
+#   MVNW_USERNAME/MVNW_PASSWORD - user and password for downloading maven
+#   MVNW_VERBOSE - true: enable verbose log; debug: trace the mvnw script; others: silence the output
+# ----------------------------------------------------------------------------
+
+set -euf
+[ "${MVNW_VERBOSE-}" != debug ] || set -x
+
+# OS specific support.
+native_path() { printf %s\\n "$1"; }
+case "$(uname)" in
+CYGWIN* | MINGW*)
+  [ -z "${JAVA_HOME-}" ] || JAVA_HOME="$(cygpath --unix "$JAVA_HOME")"
+  native_path() { cygpath --path --windows "$1"; }
+  ;;
+esac
+
+# set JAVACMD and JAVACCMD
+set_java_home() {
+  # For Cygwin and MinGW, ensure paths are in Unix format before anything is touched
+  if [ -n "${JAVA_HOME-}" ]; then
+    if [ -x "$JAVA_HOME/jre/sh/java" ]; then
+      # IBM's JDK on AIX uses strange locations for the executables
+      JAVACMD="$JAVA_HOME/jre/sh/java"
+      JAVACCMD="$JAVA_HOME/jre/sh/javac"
+    else
+      JAVACMD="$JAVA_HOME/bin/java"
+      JAVACCMD="$JAVA_HOME/bin/javac"
+
+      if [ ! -x "$JAVACMD" ] || [ ! -x "$JAVACCMD" ]; then
+        echo "The JAVA_HOME environment variable is not defined correctly, so mvnw cannot run." >&2
+        echo "JAVA_HOME is set to \"$JAVA_HOME\", but \"\$JAVA_HOME/bin/java\" or \"\$JAVA_HOME/bin/javac\" does not exist." >&2
+        return 1
+      fi
+    fi
+  else
+    JAVACMD="$(
+      'set' +e
+      'unset' -f command 2>/dev/null
+      'command' -v java
+    )" || :
+    JAVACCMD="$(
+      'set' +e
+      'unset' -f command 2>/dev/null
+      'command' -v javac
+    )" || :
+
+    if [ ! -x "${JAVACMD-}" ] || [ ! -x "${JAVACCMD-}" ]; then
+      echo "The java/javac command does not exist in PATH nor is JAVA_HOME set, so mvnw cannot run." >&2
+      return 1
+    fi
+  fi
+}
+
+# hash string like Java String::hashCode
+hash_string() {
+  str="${1:-}" h=0
+  while [ -n "$str" ]; do
+    char="${str%"${str#?}"}"
+    h=$(((h * 31 + $(LC_CTYPE=C printf %d "'$char")) % 4294967296))
+    str="${str#?}"
+  done
+  printf %x\\n $h
+}
+
+verbose() { :; }
+[ "${MVNW_VERBOSE-}" != true ] || verbose() { printf %s\\n "${1-}"; }
+
+die() {
+  printf %s\\n "$1" >&2
+  exit 1
+}
+
+trim() {
+  # MWRAPPER-139:
+  #   Trims trailing and leading whitespace, carriage returns, tabs, and linefeeds.
+  #   Needed for removing poorly interpreted newline sequences when running in more
+  #   exotic environments such as mingw bash on Windows.
+  printf "%s" "${1}" | tr -d '[:space:]'
+}
+
+# parse distributionUrl and optional distributionSha256Sum, requires .mvn/wrapper/maven-wrapper.properties
+while IFS="=" read -r key value; do
+  case "${key-}" in
+  distributionUrl) distributionUrl=$(trim "${value-}") ;;
+  distributionSha256Sum) distributionSha256Sum=$(trim "${value-}") ;;
+  esac
+done <"${0%/*}/.mvn/wrapper/maven-wrapper.properties"
+[ -n "${distributionUrl-}" ] || die "cannot read distributionUrl property in ${0%/*}/.mvn/wrapper/maven-wrapper.properties"
+
+case "${distributionUrl##*/}" in
+maven-mvnd-*bin.*)
+  MVN_CMD=mvnd.sh _MVNW_REPO_PATTERN=/maven/mvnd/
+  case "${PROCESSOR_ARCHITECTURE-}${PROCESSOR_ARCHITEW6432-}:$(uname -a)" in
+  *AMD64:CYGWIN* | *AMD64:MINGW*) distributionPlatform=windows-amd64 ;;
+  :Darwin*x86_64) distributionPlatform=darwin-amd64 ;;
+  :Darwin*arm64) distributionPlatform=darwin-aarch64 ;;
+  :Linux*x86_64*) distributionPlatform=linux-amd64 ;;
+  *)
+    echo "Cannot detect native platform for mvnd on $(uname)-$(uname -m), use pure java version" >&2
+    distributionPlatform=linux-amd64
+    ;;
+  esac
+  distributionUrl="${distributionUrl%-bin.*}-$distributionPlatform.zip"
+  ;;
+maven-mvnd-*) MVN_CMD=mvnd.sh _MVNW_REPO_PATTERN=/maven/mvnd/ ;;
+*) MVN_CMD="mvn${0##*/mvnw}" _MVNW_REPO_PATTERN=/org/apache/maven/ ;;
+esac
+
+# apply MVNW_REPOURL and calculate MAVEN_HOME
+# maven home pattern: ~/.m2/wrapper/dists/{apache-maven-<version>,maven-mvnd-<version>-<platform>}/<hash>
+[ -z "${MVNW_REPOURL-}" ] || distributionUrl="$MVNW_REPOURL$_MVNW_REPO_PATTERN${distributionUrl#*"$_MVNW_REPO_PATTERN"}"
+distributionUrlName="${distributionUrl##*/}"
+distributionUrlNameMain="${distributionUrlName%.*}"
+distributionUrlNameMain="${distributionUrlNameMain%-bin}"
+MAVEN_USER_HOME="${MAVEN_USER_HOME:-${HOME}/.m2}"
+MAVEN_HOME="${MAVEN_USER_HOME}/wrapper/dists/${distributionUrlNameMain-}/$(hash_string "$distributionUrl")"
+
+exec_maven() {
+  unset MVNW_VERBOSE MVNW_USERNAME MVNW_PASSWORD MVNW_REPOURL || :
+  exec "$MAVEN_HOME/bin/$MVN_CMD" "$@" || die "cannot exec $MAVEN_HOME/bin/$MVN_CMD"
+}
+
+if [ -d "$MAVEN_HOME" ]; then
+  verbose "found existing MAVEN_HOME at $MAVEN_HOME"
+  exec_maven "$@"
+fi
+
+case "${distributionUrl-}" in
+*?-bin.zip | *?maven-mvnd-?*-?*.zip) ;;
+*) die "distributionUrl is not valid, must match *-bin.zip or maven-mvnd-*.zip, but found '${distributionUrl-}'" ;;
+esac
+
+# prepare tmp dir
+if TMP_DOWNLOAD_DIR="$(mktemp -d)" && [ -d "$TMP_DOWNLOAD_DIR" ]; then
+  clean() { rm -rf -- "$TMP_DOWNLOAD_DIR"; }
+  trap clean HUP INT TERM EXIT
+else
+  die "cannot create temp dir"
+fi
+
+mkdir -p -- "${MAVEN_HOME%/*}"
+
+# Download and Install Apache Maven
+verbose "Couldn't find MAVEN_HOME, downloading and installing it ..."
+verbose "Downloading from: $distributionUrl"
+verbose "Downloading to: $TMP_DOWNLOAD_DIR/$distributionUrlName"
+
+# select .zip or .tar.gz
+if ! command -v unzip >/dev/null; then
+  distributionUrl="${distributionUrl%.zip}.tar.gz"
+  distributionUrlName="${distributionUrl##*/}"
+fi
+
+# verbose opt
+__MVNW_QUIET_WGET=--quiet __MVNW_QUIET_CURL=--silent __MVNW_QUIET_UNZIP=-q __MVNW_QUIET_TAR=''
+[ "${MVNW_VERBOSE-}" != true ] || __MVNW_QUIET_WGET='' __MVNW_QUIET_CURL='' __MVNW_QUIET_UNZIP='' __MVNW_QUIET_TAR=v
+
+# normalize http auth
+case "${MVNW_PASSWORD:+has-password}" in
+'') MVNW_USERNAME='' MVNW_PASSWORD='' ;;
+has-password) [ -n "${MVNW_USERNAME-}" ] || MVNW_USERNAME='' MVNW_PASSWORD='' ;;
+esac
+
+if [ -z "${MVNW_USERNAME-}" ] && command -v wget >/dev/null; then
+  verbose "Found wget ... using wget"
+  wget ${__MVNW_QUIET_WGET:+"$__MVNW_QUIET_WGET"} "$distributionUrl" -O "$TMP_DOWNLOAD_DIR/$distributionUrlName" || die "wget: Failed to fetch $distributionUrl"
+elif [ -z "${MVNW_USERNAME-}" ] && command -v curl >/dev/null; then
+  verbose "Found curl ... using curl"
+  curl ${__MVNW_QUIET_CURL:+"$__MVNW_QUIET_CURL"} -f -L -o "$TMP_DOWNLOAD_DIR/$distributionUrlName" "$distributionUrl" || die "curl: Failed to fetch $distributionUrl"
+elif set_java_home; then
+  verbose "Falling back to use Java to download"
+  javaSource="$TMP_DOWNLOAD_DIR/Downloader.java"
+  targetZip="$TMP_DOWNLOAD_DIR/$distributionUrlName"
+  cat >"$javaSource" <<-END
+	public class Downloader extends java.net.Authenticator
+	{
+	  protected java.net.PasswordAuthentication getPasswordAuthentication()
+	  {
+	    return new java.net.PasswordAuthentication( System.getenv( "MVNW_USERNAME" ), System.getenv( "MVNW_PASSWORD" ).toCharArray() );
+	  }
+	  public static void main( String[] args ) throws Exception
+	  {
+	    setDefault( new Downloader() );
+	    java.nio.file.Files.copy( java.net.URI.create( args[0] ).toURL().openStream(), java.nio.file.Paths.get( args[1] ).toAbsolutePath().normalize() );
+	  }
+	}
+	END
+  # For Cygwin/MinGW, switch paths to Windows format before running javac and java
+  verbose " - Compiling Downloader.java ..."
+  "$(native_path "$JAVACCMD")" "$(native_path "$javaSource")" || die "Failed to compile Downloader.java"
+  verbose " - Running Downloader.java ..."
+  "$(native_path "$JAVACMD")" -cp "$(native_path "$TMP_DOWNLOAD_DIR")" Downloader "$distributionUrl" "$(native_path "$targetZip")"
+fi
+
+# If specified, validate the SHA-256 sum of the Maven distribution zip file
+if [ -n "${distributionSha256Sum-}" ]; then
+  distributionSha256Result=false
+  if [ "$MVN_CMD" = mvnd.sh ]; then
+    echo "Checksum validation is not supported for maven-mvnd." >&2
+    echo "Please disable validation by removing 'distributionSha256Sum' from your maven-wrapper.properties." >&2
+    exit 1
+  elif command -v sha256sum >/dev/null; then
+    if echo "$distributionSha256Sum  $TMP_DOWNLOAD_DIR/$distributionUrlName" | sha256sum -c >/dev/null 2>&1; then
+      distributionSha256Result=true
+    fi
+  elif command -v shasum >/dev/null; then
+    if echo "$distributionSha256Sum  $TMP_DOWNLOAD_DIR/$distributionUrlName" | shasum -a 256 -c >/dev/null 2>&1; then
+      distributionSha256Result=true
+    fi
+  else
+    echo "Checksum validation was requested but neither 'sha256sum' or 'shasum' are available." >&2
+    echo "Please install either command, or disable validation by removing 'distributionSha256Sum' from your maven-wrapper.properties." >&2
+    exit 1
+  fi
+  if [ $distributionSha256Result = false ]; then
+    echo "Error: Failed to validate Maven distribution SHA-256, your Maven distribution might be compromised." >&2
+    echo "If you updated your Maven version, you need to update the specified distributionSha256Sum property." >&2
+    exit 1
+  fi
+fi
+
+# unzip and move
+if command -v unzip >/dev/null; then
+  unzip ${__MVNW_QUIET_UNZIP:+"$__MVNW_QUIET_UNZIP"} "$TMP_DOWNLOAD_DIR/$distributionUrlName" -d "$TMP_DOWNLOAD_DIR" || die "failed to unzip"
+else
+  tar xzf${__MVNW_QUIET_TAR:+"$__MVNW_QUIET_TAR"} "$TMP_DOWNLOAD_DIR/$distributionUrlName" -C "$TMP_DOWNLOAD_DIR" || die "failed to untar"
+fi
+printf %s\\n "$distributionUrl" >"$TMP_DOWNLOAD_DIR/$distributionUrlNameMain/mvnw.url"
+mv -- "$TMP_DOWNLOAD_DIR/$distributionUrlNameMain" "$MAVEN_HOME" || [ -d "$MAVEN_HOME" ] || die "fail to move MAVEN_HOME"
+
+clean || :
+exec_maven "$@"
diff --git a/mvnw.cmd b/mvnw.cmd
new file mode 100644
index 0000000..fff18bf
--- /dev/null
+++ b/mvnw.cmd
@@ -0,0 +1,149 @@
+<# : batch portion
+@REM ----------------------------------------------------------------------------
+@REM Licensed to the Apache Software Foundation (ASF) under one
+@REM or more contributor license agreements.  See the NOTICE file
+@REM distributed with this work for additional information
+@REM regarding copyright ownership.  The ASF licenses this file
+@REM to you under the Apache License, Version 2.0 (the
+@REM "License"); you may not use this file except in compliance
+@REM with the License.  You may obtain a copy of the License at
+@REM
+@REM    http://www.apache.org/licenses/LICENSE-2.0
+@REM
+@REM Unless required by applicable law or agreed to in writing,
+@REM software distributed under the License is distributed on an
+@REM "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+@REM KIND, either express or implied.  See the License for the
+@REM specific language governing permissions and limitations
+@REM under the License.
+@REM ----------------------------------------------------------------------------
+
+@REM ---------------------------------------------------------------------------
+@REM Apache Maven Wrapper startup batch script, version 3.3.2
+@REM
+@REM Optional ENV vars
+@REM   MVNW_REPOURL - repo url base for downloading maven distribution
+@REM   MVNW_USERNAME/MVNW_PASSWORD - user and password for downloading maven
+@REM   MVNW_VERBOSE - true: enable verbose log; others: silence the output
+@REM ----------------------------------------------------------------------------
+
+@IF "%__MVNW_ARG0_NAME__%"=="" (SET __MVNW_ARG0_NAME__=%~nx0)
+@SET __MVNW_CMD__=
+@SET __MVNW_ERROR__=
+@SET __MVNW_PSMODULEP_SAVE=%PSModulePath%
+@SET PSModulePath=
+@FOR /F "usebackq tokens=1* delims==" %%A IN (`powershell -noprofile "& {$scriptDir='%~dp0'; $script='%__MVNW_ARG0_NAME__%'; icm -ScriptBlock ([Scriptblock]::Create((Get-Content -Raw '%~f0'))) -NoNewScope}"`) DO @(
+  IF "%%A"=="MVN_CMD" (set __MVNW_CMD__=%%B) ELSE IF "%%B"=="" (echo %%A) ELSE (echo %%A=%%B)
+)
+@SET PSModulePath=%__MVNW_PSMODULEP_SAVE%
+@SET __MVNW_PSMODULEP_SAVE=
+@SET __MVNW_ARG0_NAME__=
+@SET MVNW_USERNAME=
+@SET MVNW_PASSWORD=
+@IF NOT "%__MVNW_CMD__%"=="" (%__MVNW_CMD__% %*)
+@echo Cannot start maven from wrapper >&2 && exit /b 1
+@GOTO :EOF
+: end batch / begin powershell #>
+
+$ErrorActionPreference = "Stop"
+if ($env:MVNW_VERBOSE -eq "true") {
+  $VerbosePreference = "Continue"
+}
+
+# calculate distributionUrl, requires .mvn/wrapper/maven-wrapper.properties
+$distributionUrl = (Get-Content -Raw "$scriptDir/.mvn/wrapper/maven-wrapper.properties" | ConvertFrom-StringData).distributionUrl
+if (!$distributionUrl) {
+  Write-Error "cannot read distributionUrl property in $scriptDir/.mvn/wrapper/maven-wrapper.properties"
+}
+
+switch -wildcard -casesensitive ( $($distributionUrl -replace '^.*/','') ) {
+  "maven-mvnd-*" {
+    $USE_MVND = $true
+    $distributionUrl = $distributionUrl -replace '-bin\.[^.]*$',"-windows-amd64.zip"
+    $MVN_CMD = "mvnd.cmd"
+    break
+  }
+  default {
+    $USE_MVND = $false
+    $MVN_CMD = $script -replace '^mvnw','mvn'
+    break
+  }
+}
+
+# apply MVNW_REPOURL and calculate MAVEN_HOME
+# maven home pattern: ~/.m2/wrapper/dists/{apache-maven-<version>,maven-mvnd-<version>-<platform>}/<hash>
+if ($env:MVNW_REPOURL) {
+  $MVNW_REPO_PATTERN = if ($USE_MVND) { "/org/apache/maven/" } else { "/maven/mvnd/" }
+  $distributionUrl = "$env:MVNW_REPOURL$MVNW_REPO_PATTERN$($distributionUrl -replace '^.*'+$MVNW_REPO_PATTERN,'')"
+}
+$distributionUrlName = $distributionUrl -replace '^.*/',''
+$distributionUrlNameMain = $distributionUrlName -replace '\.[^.]*$','' -replace '-bin$',''
+$MAVEN_HOME_PARENT = "$HOME/.m2/wrapper/dists/$distributionUrlNameMain"
+if ($env:MAVEN_USER_HOME) {
+  $MAVEN_HOME_PARENT = "$env:MAVEN_USER_HOME/wrapper/dists/$distributionUrlNameMain"
+}
+$MAVEN_HOME_NAME = ([System.Security.Cryptography.MD5]::Create().ComputeHash([byte[]][char[]]$distributionUrl) | ForEach-Object {$_.ToString("x2")}) -join ''
+$MAVEN_HOME = "$MAVEN_HOME_PARENT/$MAVEN_HOME_NAME"
+
+if (Test-Path -Path "$MAVEN_HOME" -PathType Container) {
+  Write-Verbose "found existing MAVEN_HOME at $MAVEN_HOME"
+  Write-Output "MVN_CMD=$MAVEN_HOME/bin/$MVN_CMD"
+  exit $?
+}
+
+if (! $distributionUrlNameMain -or ($distributionUrlName -eq $distributionUrlNameMain)) {
+  Write-Error "distributionUrl is not valid, must end with *-bin.zip, but found $distributionUrl"
+}
+
+# prepare tmp dir
+$TMP_DOWNLOAD_DIR_HOLDER = New-TemporaryFile
+$TMP_DOWNLOAD_DIR = New-Item -Itemtype Directory -Path "$TMP_DOWNLOAD_DIR_HOLDER.dir"
+$TMP_DOWNLOAD_DIR_HOLDER.Delete() | Out-Null
+trap {
+  if ($TMP_DOWNLOAD_DIR.Exists) {
+    try { Remove-Item $TMP_DOWNLOAD_DIR -Recurse -Force | Out-Null }
+    catch { Write-Warning "Cannot remove $TMP_DOWNLOAD_DIR" }
+  }
+}
+
+New-Item -Itemtype Directory -Path "$MAVEN_HOME_PARENT" -Force | Out-Null
+
+# Download and Install Apache Maven
+Write-Verbose "Couldn't find MAVEN_HOME, downloading and installing it ..."
+Write-Verbose "Downloading from: $distributionUrl"
+Write-Verbose "Downloading to: $TMP_DOWNLOAD_DIR/$distributionUrlName"
+
+$webclient = New-Object System.Net.WebClient
+if ($env:MVNW_USERNAME -and $env:MVNW_PASSWORD) {
+  $webclient.Credentials = New-Object System.Net.NetworkCredential($env:MVNW_USERNAME, $env:MVNW_PASSWORD)
+}
+[Net.ServicePointManager]::SecurityProtocol = [Net.SecurityProtocolType]::Tls12
+$webclient.DownloadFile($distributionUrl, "$TMP_DOWNLOAD_DIR/$distributionUrlName") | Out-Null
+
+# If specified, validate the SHA-256 sum of the Maven distribution zip file
+$distributionSha256Sum = (Get-Content -Raw "$scriptDir/.mvn/wrapper/maven-wrapper.properties" | ConvertFrom-StringData).distributionSha256Sum
+if ($distributionSha256Sum) {
+  if ($USE_MVND) {
+    Write-Error "Checksum validation is not supported for maven-mvnd. `nPlease disable validation by removing 'distributionSha256Sum' from your maven-wrapper.properties."
+  }
+  Import-Module $PSHOME\Modules\Microsoft.PowerShell.Utility -Function Get-FileHash
+  if ((Get-FileHash "$TMP_DOWNLOAD_DIR/$distributionUrlName" -Algorithm SHA256).Hash.ToLower() -ne $distributionSha256Sum) {
+    Write-Error "Error: Failed to validate Maven distribution SHA-256, your Maven distribution might be compromised. If you updated your Maven version, you need to update the specified distributionSha256Sum property."
+  }
+}
+
+# unzip and move
+Expand-Archive "$TMP_DOWNLOAD_DIR/$distributionUrlName" -DestinationPath "$TMP_DOWNLOAD_DIR" | Out-Null
+Rename-Item -Path "$TMP_DOWNLOAD_DIR/$distributionUrlNameMain" -NewName $MAVEN_HOME_NAME | Out-Null
+try {
+  Move-Item -Path "$TMP_DOWNLOAD_DIR/$MAVEN_HOME_NAME" -Destination $MAVEN_HOME_PARENT | Out-Null
+} catch {
+  if (! (Test-Path -Path "$MAVEN_HOME" -PathType Container)) {
+    Write-Error "fail to move MAVEN_HOME"
+  }
+} finally {
+  try { Remove-Item $TMP_DOWNLOAD_DIR -Recurse -Force | Out-Null }
+  catch { Write-Warning "Cannot remove $TMP_DOWNLOAD_DIR" }
+}
+
+Write-Output "MVN_CMD=$MAVEN_HOME/bin/$MVN_CMD"
diff --git a/pom.xml b/pom.xml
new file mode 100644
index 0000000..fbb8502
--- /dev/null
+++ b/pom.xml
@@ -0,0 +1,218 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+
+    <!-- Parent: Spring Boot starter parent -->
+    <parent>
+        <groupId>org.springframework.boot</groupId>
+        <artifactId>spring-boot-starter-parent</artifactId>
+        <version>3.5.14</version>
+        <relativePath/>
+    </parent>
+
+    <packaging>pom</packaging>
+    <groupId>cn.cordys</groupId>
+    <artifactId>cordys-crm</artifactId>
+    <version>${revision}</version>
+    <name>cordys-crm</name>
+
+    <properties>
+        <!-- Project meta -->
+        <revision>main</revision>
+        <java.version>21</java.version>
+
+        <!-- Library versions -->
+        <shiro.version>2.1.0</shiro.version>
+        <fastexcel.version>1.3.0</fastexcel.version>
+        <pagehelper.version>6.1.1</pagehelper.version>
+        <quartz-starter.version>1.0.0</quartz-starter.version>
+        <redisson-starter.version>3.52.0</redisson-starter.version>
+        <mybatis-starter.version>3.0.5</mybatis-starter.version>
+        <springdoc-openapi-ui.version>2.8.16</springdoc-openapi-ui.version>
+        <flatten.version>1.6.0</flatten.version>
+        <embedded.version>3.1.13</embedded.version>
+        <mail.version>2.0.5</mail.version>
+
+        <!-- Frontend build -->
+        <frontend-maven-plugin.version>1.15.1</frontend-maven-plugin.version>
+        <node.version>v22.16.0</node.version>
+        <pnpm.version>10.4.1</pnpm.version>
+
+        <!-- CI / tooling -->
+        <skipAntRunForJenkins>false</skipAntRunForJenkins>
+        <jacoco.version>0.8.12</jacoco.version>
+
+        <!-- Sonar -->
+        <sonar.organization>cordys-dev</sonar.organization>
+        <sonar.host.url>https://sonarcloud.io</sonar.host.url>
+
+        <!-- Commons & other versions -->
+        <commons-collections4.version>4.5.0</commons-collections4.version>
+        <commons-text.version>1.15.0</commons-text.version>
+        <commons-io.version>2.21.0</commons-io.version>
+        <commons-lang3.version>3.20.0</commons-lang3.version>
+        <commons-codec.version>1.20.0</commons-codec.version>
+        <testcontainers.version>2.0.3</testcontainers.version>
+        <persistence-api.version>3.2.0</persistence-api.version>
+        <commons-compress.version>1.28.0</commons-compress.version>
+        <jwt.version>3.12.1</jwt.version>
+    </properties>
+
+    <modules>
+        <module>frontend</module>
+        <module>backend</module>
+    </modules>
+
+    <build>
+        <!-- Resources: 保留 .properties .xml .json .tpl .js 等在 src/main/java 下的资源 -->
+        <resources>
+            <resource>
+                <directory>src/main/java</directory>
+                <includes>
+                    <include>**/*.properties</include>
+                    <include>**/*.xml</include>
+                    <include>**/*.json</include>
+                    <include>**/*.tpl</include>
+                    <include>**/*.js</include>
+                </includes>
+                <filtering>false</filtering>
+            </resource>
+            <resource>
+                <directory>src/main/resources</directory>
+                <includes>
+                    <include>**/*</include>
+                </includes>
+                <filtering>false</filtering>
+            </resource>
+        </resources>
+
+        <plugins>
+            <!-- Flatten plugin: 用于生成简化的 POM -->
+            <plugin>
+                <groupId>org.codehaus.mojo</groupId>
+                <artifactId>flatten-maven-plugin</artifactId>
+                <version>${flatten.version}</version>
+                <configuration>
+                    <updatePomFile>true</updatePomFile>
+                    <flattenMode>resolveCiFriendliesOnly</flattenMode>
+                </configuration>
+                <executions>
+                    <execution>
+                        <id>flatten</id>
+                        <phase>process-resources</phase>
+                        <goals>
+                            <goal>flatten</goal>
+                        </goals>
+                    </execution>
+                    <execution>
+                        <id>flatten.clean</id>
+                        <phase>clean</phase>
+                        <goals>
+                            <goal>clean</goal>
+                        </goals>
+                    </execution>
+                </executions>
+            </plugin>
+
+            <!-- JaCoCo: 代码覆盖率 -->
+            <plugin>
+                <groupId>org.jacoco</groupId>
+                <artifactId>jacoco-maven-plugin</artifactId>
+                <version>${jacoco.version}</version>
+                <configuration>
+                    <excludes>
+                        <exclude>cn/cordys/crm/*/mapper/**</exclude>
+                        <exclude>cn/cordys/crm/*/domain/**</exclude>
+                        <exclude>cn/cordys/common/**</exclude>
+                        <exclude>cn/cordys/config/**</exclude>
+                        <exclude>cn/cordys/aspectj/**</exclude>
+                        <exclude>cn/cordys/mybatis/**</exclude>
+                        <exclude>cn/cordys/security/**</exclude>
+                    </excludes>
+                </configuration>
+                <executions>
+                    <execution>
+                        <goals>
+                            <goal>prepare-agent</goal>
+                        </goals>
+                    </execution>
+                    <execution>
+                        <id>report</id>
+                        <phase>prepare-package</phase>
+                        <goals>
+                            <goal>report</goal>
+                        </goals>
+                    </execution>
+                </executions>
+            </plugin>
+
+            <!-- Maven Compiler: 指定 Java 发行版本 -->
+            <plugin>
+                <groupId>org.apache.maven.plugins</groupId>
+                <artifactId>maven-compiler-plugin</artifactId>
+                <executions>
+                    <!-- 禁用默认绑定，显式声明编译阶段 -->
+                    <execution>
+                        <id>default-compile</id>
+                        <phase>none</phase>
+                    </execution>
+                    <execution>
+                        <id>default-testCompile</id>
+                        <phase>none</phase>
+                    </execution>
+                    <execution>
+                        <id>compile</id>
+                        <phase>compile</phase>
+                        <goals>
+                            <goal>compile</goal>
+                        </goals>
+                    </execution>
+                    <execution>
+                        <id>testCompile</id>
+                        <phase>test-compile</phase>
+                        <goals>
+                            <goal>testCompile</goal>
+                        </goals>
+                    </execution>
+                </executions>
+                <configuration>
+                    <release>${java.version}</release>
+                </configuration>
+            </plugin>
+        </plugins>
+    </build>
+
+    <!-- 发布仓库 -->
+    <distributionManagement>
+        <repository>
+            <id>cordys-public</id>
+            <url>https://repository.fit2cloud.com/repository/cordys/</url>
+        </repository>
+    </distributionManagement>
+
+    <!-- 依赖仓库 -->
+    <repositories>
+        <repository>
+            <id>central</id>
+            <url>https://repo.maven.apache.org/maven2</url>
+        </repository>
+        <repository>
+            <id>cordys-public</id>
+            <url>https://repository.fit2cloud.com/repository/cordys/</url>
+        </repository>
+    </repositories>
+
+    <!-- 插件仓库 -->
+    <pluginRepositories>
+        <pluginRepository>
+            <id>central</id>
+            <url>https://repo.maven.apache.org/maven2</url>
+        </pluginRepository>
+        <pluginRepository>
+            <id>cordys-public</id>
+            <url>https://repository.fit2cloud.com/repository/cordys/</url>
+        </pluginRepository>
+    </pluginRepositories>
+</project>
\ No newline at end of file